@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ background:#fff;font-family:"微软雅黑",Verdana,Arial,Helvetica,sans-serif;margin:0 auto;color:#333;font-size:22px;line-height:1.5;}
img { border:0}
a{ text-decoration:none}
a:hover{ text-decoration:none}
ul li,h1{ list-style:none}
.head,.footer{width:990px;margin:0 auto;}
.head h1{font-size:1.5rem;font-weight:normal;margin-top:2px;}
.head h1 img{width:2.4rem;float:left;}
.head h1 font{margin-left:5px;}
.content{width:100%;background:url(/_img/home/bg_pc.jpg) center no-repeat;background-size:100% 100%;float:left;height:710px;margin-top:0.2rem;}
.con{padding:9rem 0 40px 30rem;width:26.8rem;margin: 0 auto;}
.con span,.con div{width:100%;}
.logo{width:8.5rem;}
.title{width:17rem;margin-left:0.5rem;}
.con div{margin-top:6rem;}
.con div strong{width:9rem;color:#fff;float:left;}
.con div strong img{width:100%;}
.con div strong font{display:block;font-size:0.95rem;}
.bt{background:url(/_img/home/bt_download_pc_1.png) center no-repeat;width:14rem;height:3rem;float:left;margin-left:50px;background-size:100% 100%;}
.bt_iphone{background-image:url(/_img/home/bt_download_pc_2.png);background-size:100% 100%;margin-top:2.35rem;}
.footer div{border-top:solid 1px #ddd;margin-top:2rem;padding:0.5rem 10%;width:80%;float:left;font-size:14px;}
.footer img{width:4.5rem;float:left;}
.footer p{float:left;margin:0.2rem 2rem 0 1rem;}
.footer span{float: left;text-align: center;margin:0 0.2rem;color:#666;}
.footer span img{width:4rem;}
.footer span font{clear:both;float:left;width:100%;}
/* -----  BaseWindow Begin ----- */
.base_window_background{ position: absolute;z-index: 1200;left: 0;top: 0;opacity: 0.2; filter: Alpha(opacity=20);background: #000;width: 100%;}
.base_window_iframe{position: absolute;top: 0;left: 0;opacity: 0.2;filter: Alpha(opacity=20); border: 0;width: 100%;}
.base_window{overflow: hidden; position: absolute; z-index: 1201; top: 0; left: 0; margin: 0; padding: 0; width: 100%;}
/* -----  BaseWindow End ----- */
/* -----  图片预览 Begin ----- */
.preview_img_content {max-width:1000px;margin:0 auto;text-align:center;position:relative;}
.preview_img_content div{max-width:980px;overflow:auto;margin:20px auto;}
.preview_img_content div img{padding:5px;border:solid 1px #ccc; border-radius:4px;background-color:#fff;}
.preview_img_content b{position:absolute;top:-15px;*top:3px;_top:-15px;background: url("/_img/Icon_BG.png") no-repeat scroll -51px -149px transparent;width:30px;height:30px;cursor:pointer;z-index:3;right:0px;}
/* -----  图片预览 End ----- */
/*画涯*/
.content.con_hy{background-color: #fff;background-image: inherit;margin: 0 auto;height: auto;}
.content.con_hy.con_hy2{background-color: transparent;background-image: url(/_img/huayaApp/bg-all.png);}
.content.con_hy.con_hy3,.body_hy{background-color: #f6f6f6;}
.con_hy h1{width:62%;margin:1rem auto 0;}
.con_hy h1 font{display:none;}
.con_hy span{float: right;line-height: 1;font-size: initial;font-weight:normal;}
.con_hy span a{color:#555;margin:0 0.5rem;}
.con_hy span a.active{color:#fff;font-size:0.75rem;background-color:#333;border-radius:1rem;padding:0.2rem 1rem;}
.con_hy .con{padding:0px;width:100%;}
.con_hy .con2{width:62%;margin-top:3rem;}
.con_hy .con img{width:100%;}
.con_hy .con2 .logo{width:8%;float:left;}
.con_hy .con2 p{float:right;width:89%;font-size:12px;}
.con_hy .con2 p.pen{color:#999;margin-top:1.5rem;}
.con_hy .con2 h3{width:100%;text-align:center;float:left;margin:4rem 0 1rem; }
.con_hy .con2 ul{width:100%;margin-bottom:2rem;float:left;}
.con_hy .con2 ul li{width:31%;float:left;font-size:12px;color:#666;}
.con_hy .con2 ul li:nth-child(2){margin:0 3.5%;}
.con_hy .con2 ul li font{margin-top:0.6rem;line-height:1.5;display:inline-block;}
.con_hy .con2 div{text-align:center;width:80%;margin:0px auto;padding-top:4rem;}
.con_hy .con2 div span{width:28%;}
.con_hy .con2 div span img{width:60%;}
.con_hy .con2 div span font{display:block;font-size:14px;margin:1rem 0;}
.con_hy .con2 div span:nth-child(2){margin:0 8%;}
.con_hy .con2 div p{margin:6rem 0 2rem;color:#999;}
.con3{width:100%;}
.con3 img{width:100%;}
.con_hy .con4 h1{width:100%;font-size:24px;text-align:center;margin:2rem 0;font-weight:normal;}
.con_hy .con4 p{width:100%;line-height:1.8rem;}
.con_hy .con4 .pen{padding-bottom:3rem;}
.con_hy .con5{margin-top:1rem;}
.con_hy .con5 h3{text-align:left;font-weight:500;font-size:28px;margin-bottom:0.5rem;}
.con_hy .con5 h3.con5_h3{margin-top:2rem;}
.con_hy .con5 h3 i{font-size: 1px;width: 6px;background-color: #24b3a5;border-radius: 6px;height: 18px;display: inline-block;margin-right: 10px;}
.con_hy .con5 div{width:100%;text-align:left;height:200px;overflow:hidden;padding-top:0rem;}
.con_hy .con5 div.display{height:auto;}
.con_hy .con5 div p{margin:0px;width:100%;float:inherit;}
.con_hy .con5 div span{width:inherit;float:inherit;line-height:inherit;font-size:inherit;}
.con_hy .con5 div span:nth-child(2){margin:0;}
.more{float:right;color:#999;font-size:12px;}
.con_hy .con6{width:20%;margin-top:4rem;}
.con_hy .con6 p{float:left;color:#999;line-height:2;padding-bottom:6rem;}
.con_hy .con6 p font{color:#333;}
.con_hy .con7{background-color:#fafafa;padding:0 19%;display:inline-block;}
.con_hy .con7 h3{margin-top:2rem;}
.img-bottom{width:100%;}
.footer_hy div{margin:0 auto;border:0px;font-size:12px;width:100%;padding:2rem 0;}
.footer_hy div b{font-weight:normal;color:#878787;}
.footer_hy p{float:none;text-align:center;}
.footer_hy p b{margin:0 1rem;}
.footer_hy p a{color:#878787;}
.footer_hy2{position:absolute;bottom:1rem;left:0;text-align:center;width:100%;}

@media (max-width: 1900px)
{
    body{font-size:22px;}
}
@media (max-width: 1536px)
{
    body{font-size:18px;}
    .content{height:574px;} 
    .con{padding-top:7.4rem}
    .con div{margin-top:5rem;}
    .con div strong{width:8rem;}
    .con div strong font{font-size:0.8rem;}
    .bt{width:12.32rem;height:2.64rem;}
}
@media (max-width: 1366px)
{
    body{font-size:16px;}
    .content{height:510px;} 
    .con{padding-top:7rem}
    .con div{margin-top:4rem;}
    .con div strong{width:7rem;}
    .con div strong font{font-size:0.75rem;}
    .bt{width:11.2rem;height:2.4rem;}
}
@media (max-width: 1280px)
{
    body{font-size:15px;}
    .content{height:478px;} 
}
@media (max-width: 1024px)
{
    body{font-size:12px;}
    .content{height:383px;} 
    .con{padding-top:5rem;}
    .logo{width:7.5rem;}
    .title{width:16rem;}
    .con div{margin-top:2rem;}
}
@media (max-width: 800px) and (max-height: 1280px)
{
    body{font-size:10px;}
    .head,.footer,.bt.bt_iphone{display:none;}
    .content{width:100%;background:url(/_img/home/bg_m.jpg) center no-repeat;background-size:100% 100%;height:auto;margin:0px;}
    .con{padding:9rem 0 23rem;width:100%;text-align:center;}
    .con span{text-align:center;}
    .logo{width:12rem;}
    .title{width:20rem;display:block;margin:2rem auto 0;}
    .con div{position:relative;width:100%;}
    .bt{background:url(/_img/home/bt_download.png) center no-repeat;width:15rem;height:5rem;background-size:100% 100%;float:none;margin:0 auto;display:block;position:relative;}
    .con div strong {position: relative;float: none;top: 26rem;display:inline-block;width:10rem;padding-bottom:2rem;}
    .con div strong  font{display:none;}
 }
@media (max-width: 768px) and (max-height: 1024px)
{
    body{font-size:10px;}
    .head,.footer,.bt.bt_iphone{display:none;}
    .content{width:100%;background:url(/_img/home/bg_m.jpg) center no-repeat;background-size:100% 100%;height:auto;margin:0px;}
    .con{padding:9rem 0 23rem;width:100%;text-align:center;}
    .con span{text-align:center;}
    .logo{width:12rem;}
    .title{width:20rem;display:block;margin:2rem auto 0;}
    .con div{position:relative;width:100%;}
    .bt{background:url(/_img/home/bt_download.png) center no-repeat;width:15rem;height:5rem;background-size:100% 100%;float:none;margin:0 auto;display:block;position:relative;}
    .con div strong {position: relative;float: none;top: 26rem;display:inline-block;width:10rem;padding-bottom:2rem;}
    .con div strong  font{display:none;}
}
@media (max-width: 750px)
{
    body{font-size:10px;}
    .head,.footer,.bt.bt_iphone{display:none;}
    .content{width:100%;background:url(/_img/home/bg_m.jpg) center no-repeat;background-size:100% 100%;height:auto;margin:0px;}
    .con{padding:4rem 0 10rem;width:100%;text-align:center;}
    .con span{text-align:center;}
    .logo{width:7.5rem;}
    .title{width:12rem;display:block;margin:1rem auto 0;}
    .con div{position:relative;width:100%;}
    .bt{background:url(/_img/home/bt_download.png) center no-repeat;width:9rem;height:2.5rem;background-size:100% 100%;float:none;margin:0 auto;display:block;position:relative;}
    .con div strong {position: relative;float: none;top: 12rem;display:inline-block;width:5rem;padding-bottom:2rem;}
    .con div strong  font{display:none;}
}
@media (max-width: 480px)
{
    body{font-size:10px;}
}
@media (max-width: 600px) and (max-height: 960px)
{
    .con{padding:10rem 0 20rem;}
    .bt{top:3rem;}
    .con div strong {width:7rem;top:20rem;}
 }
@media (max-width: 450px) and (max-height: 900px)
{
    .con{padding:9rem 0 18rem;}
    .bt{top:4rem;}
    .con div strong {top: 18rem;width:6rem;}
}
@media (max-width: 450px) and (max-height: 850px)
{
    .con{padding:8rem 0 16rem;}
}
@media (max-width: 450px) and (max-height: 815px)
{
    .con{padding:7rem 0 14rem;}
    .bt{top:0rem;}
    .con div strong {width:6rem;top:15rem;}
}
@media (max-width: 420px) and (max-height: 750px)
{
    .con{padding:6rem 0 14rem;}
    .bt{top:2rem;}
    .con div strong {width:6rem;top:16rem;}
}
@media (max-width: 375px) and (max-height: 667px)
{
    .con{padding-bottom:12rem;}
    .bt{top:0rem;}
    .con div strong {width:5rem;top:13rem;}
}
@media (max-width: 360px) and (max-height: 640px)
{
    .con{padding:4rem 0 12rem;}
    .con div strong {width:5rem;top:12rem;}
}