@charset "utf-8";
/*
 
 * 17ËزÄvip½¨Õ¾×¨ÇøÄ£¿é´úÂë
 * Ï꾡ÐÅÏ¢Çë¿´¹ÙÍø£ºhttp://www.17sucai.com/pins/vip
 *
 * Copyright , ÎÂÖÝÒ×Õ¾ÍøÂç¿Æ¼¼ÓÐÏÞ¹«Ë¾°æȨËùÓÐ
 * ͼƬ²»ÄÜÉÌÓ㬴úÂë¿ÉÉÌÓá£
 
 * Çë×ðÖØÔ­´´£¬Î´¾­ÔÊÐíÇëÎðתÔØ¡£
 * ÔÚ±£Áô°æȨµÄÇ°ÌáÏ¿ÉÓ¦ÓÃÓÚ¸öÈË»òÉÌÒµÓÃ;
 
*/

.lf{float:left}
.rg{float:right}
ul,ul li{margin:0;padding:0}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.topBox-top{width: 100%;overflow: hidden;}
header{position:fixed;top:0px;left:0px;width:100%;min-width:1000px;z-index:9999;background:#fff;border-bottom:1px solid #ddd;height:110px;transition:all .3s}
/* .logo{padding-top:27px;padding-left:2.18%;width:302px;transition:all .3s} */
.logo a{display:block;position:relative;overflow:hidden}
.logo img{width:100%;position:relative;z-index:100;height:75px}
.logo .p1{background:#20beca;position:absolute;top:0%;left:0px;width:100%;height:80%;}
.nav{width:70%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{float:left;height:80px;transition:all .3s;position: relative;padding:0 15px;}

.nav ul li .a1{line-height:80px;display:block;text-align:center;font-size:16px;color:#333;transition:all .3s;font-weight: bold;}
.nav ul li:hover .a1{color:#20beca;transition:all .3s}
.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:81px;z-index:100}
.nav ul li .div1 .p1{width:100%;line-height:48px;text-align:center;background:#f4f4f4;}
.nav ul li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;display:inline-block;height:48px;line-height:48px;transition:all .5s;display: block;}
.nav ul li .div1 .p1 a:hover{background:#20beca;color:#ffffff}
/* .nav ul li .mad3 .p1 .pad{margin-left:30%}
.nav ul li .mad4 .p1 .pad{margin-left:44%}
.nav ul li .mad5 .p1 .pad{margin-left:45%}
.nav ul li .mad6 .p1{text-align:right} */
.a_txt{display:none}
/*СÓÚ1600´óÓÚ1200ÉÔ΢µ÷ÕûÏÂ×ÖÌå*/
.moblie_head{display: none;}
/* @media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
} */
/*Òƶ¯¶Ëµ¼º½*/
@media screen and (max-width: 1024px) and (min-width: 0px){
header{
    background: #fff;
    height:90px
}
    .moblie_head{display: block;}

    .head{display:none}

.topBox{position: fixed;right:0;z-index: 99999;}
.moblie_head{display:block;height:50px;background:#fff;position:fixed;top:30px;left:0px;width:100%;z-index:9999;}
.moblie_head .lf{padding-top:5px;padding-left:10px}
.moblie_head .lf img{height:50px}
.moblie_head .rg{padding-right:5%;padding-top:25px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;padding-top:80px;}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(/html/images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(/html/images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}

.banner{margin-top:90px;}