@charset "utf-8";
/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

.lf{float:left}
.rg{float:right}
.clear{clear:both;height:0px;line-height:0px;font-size:0px}
.head{top:0px;left:0px;width:100%;width: 1280px;z-index:9999;height:120px;transition:all .3s;margin: 0 auto;}
.logo{padding-top:14px;padding-left:0;height: auto;transition:all .3s}
.logo a{display:block;position:relative;}
.logo img{width:auto;position:relative;z-index:100;height: 92px;position: relative;
	transition: All 0.8s ease-in-out;
            -webkit-transition: All 0.8s ease-in-out;
            -moz-transition: All 0.8s ease-in-out;
            -o-transition: All 0.8s ease-in-out;}
.logo .logo-left:hover{
	 transform: rotate(360deg) scale(1.29);
            -webkit-transform: rotate(360deg) scale(1.29);
            -moz-transform: rotate(360deg) scale(1.29);
            -o-transform: rotate(360deg) scale(1.29);
            -ms-transform: rotate(360deg) scale(1.29);
}

/*.logo .p1{background:#ff6d07;position:absolute;top:0%;left:0px;width:100%;height:80%;}*/
.nav{width:65%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav ul li{float:left;    width: 12.5%;height:120px;background:url() right center no-repeat;transition:all .3s;position: relative;}
.nav ul li .a1{line-height:120px;display:block;text-align:center;font-size:16px;color:#1c83c9;transition:all .3s; font-weight: 600;
	/*background-image: -moz-linear-gradient( 90deg, rgb(28, 131, 201) 0%, rgb(175, 221, 255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(28, 131, 201) 0%, rgb(175, 221, 255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(28, 131, 201) 0%, rgb(175, 221, 255) 100%);*/}
.nav ul li:hover .a1{color:#1d4391;transition:all .3s;font-weight: 600;}
.nav ul li .div1{display:none;background:#fff;width:100%;left:0px;position:absolute;top:120px;z-index:100;}
.nav ul li:nth-child(4) .div1{display:none;background:#fff;width:140%;left:0px;position:absolute;top:120px;z-index:100;margin-left: -20%;}
.nav ul li .div1 .p1{width:100%;float:right;height:auto;line-height:40px;}
.nav ul li .div1 .p1 a{color:#999;font-size:14px;text-transform:uppercase;background:url(../images/1_26.jpg) center bottom no-repeat;display:inline-block;height:40px;line-height:42px;margin-right:5%;transition:all .5s;text-align: center;width: 100%;border-bottom: solid 1px #ccc;}
.nav ul li .div1 .p1 a:hover{background:#1883d0;color:#fff;}
.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稍微调整下字体*/
/*@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){
.head{display:none}
.moblie_head{display:block;height:60px;background:#fff;/*position:fixed;*/top:0px;left:0px;width:100%;z-index:9999;/*border-bottom:1px solid #ddd;*/background: url(../picture/nav_wapbg.png) no-repeat center;background-size: 100% auto;}
.moblie_head .lf{padding-top:7px;padding-left:5%}
.moblie_head .lf img{height:46px}
.moblie_head .rg{padding-right:6%;padding-top:20px}
.moblie_head .rg a img{height:20px;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:#1d73b4;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:#1d73b4;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #3892d6;position: relative;float: left;width: 100%;}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;width: 76%;float: left;}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_txt2{display:none;float: left;}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px;float: left;}
	
	
	
	.a_txt .div3 ul li .a_js3{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_js3_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display:inline-block;float: left;}
.a_txt .div3 ul li .a_txt3{display:none;float: left;}
.a_txt .div3 ul li .a_txt3 a{height:40px;line-height:40px;font-size:14px}
}