/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}

@-webkit-keyframes fromBottomFade { from {
-webkit-transform: translateY(20%);
opacity:0;
}
}
@keyframes fromBottomFade { from {
transform: translateY(20%);
opacity:0;
}
}



a{text-decoration:none;}


/*container*/
.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}

/*header*/
.top{width:100%;height:100px;}
.top .logo{float:left;margin-top:16px;}
.top .logo .tt{float:left;margin-left:11px;}
.top .logo .tt h1{font-size:20px;color:#333;margin-top:15px;}
.top .logo .tt p{font-size:0.6rem;color:#999;text-transform:uppercase;margin-top:8px;}
.nav{float:right;line-height:100px;}
.navul li{float:left;position:relative;height:100px;}
.navul li>a{display:block;height:100px;padding:0 20px;position:relative;z-index:200;}
.navul li:after{content:"";width:100%;height:0;background:#2d6199;position:absolute;left:0;top:50px;
	transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s; 	/* IE 9 */
	-moz-transition:all 0.5s ease 0s; 	/* Firefox */
	-webkit-transition:all 0.5s ease 0s; /* Safari 和 Chrome */
	-o-transition:all 0.5s ease 0s; 	/* Opera */}
.navul li:hover:after,.navul li.cur:after{height:100px;top:0;}
.navul li:hover>a,.navul li.cur>a{color:#fff;}
.navul li .nav_son{display: none;position: absolute;left: 50%;top: 100px;z-index:100;margin-left: -70px;padding: 10px;width: 120px;font-size: 14px;box-shadow: 0 2px 28px 2px rgba(0,0,0,.1);text-align: center;line-height: 2;background: #FFF;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;}
.navul li .nav_son a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#222;display:block;}
.navul li .nav_son a:hover{color:#2d6199;}
.navul li:hover .nav_son{display:block;}



	
	/*banner*/
#indexbanner{ height:540px; overflow: hidden; position: relative;width:100%;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 70; width: 100%; color: rgba(0,0,0,0);}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 45px; height: 4px; overflow: hidden; line-height: 50px; background-color: rgba(0,0,0,0.3);border-radius:3px;}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(0,0,0,0.8);}
#indexbanner .bx-controls .bx-controls-direction{ display: none;}






.tit{width:100%;text-align:center;}
.tit p{font-size:26px;font-weight:bold;color:#2d6199;margin-bottom:13px;}
.tit .line{width:30px;height:3px;background:#2d6199;margin:auto;margin-bottom:10px;}
.tit span{color:#999;}





#indexproduct{width:100%;height:533px;overflow:hidden;}
.product .tit{margin-top:55px;}
.product .tab{width:100%;height:40px;margin-top:14px;overflow:hidden;padding-bottom:16px;border-bottom:1px dashed #dbdbdb;}
.product .tab ul{position:relative;left:50%;float:left;}
.product .tab ul li{float:left;width:142px;height:40px;text-align:center;line-height:40px;margin-right:8px;position:relative;right:50%;}
.product .tab ul li a{width:100%;height:100%;display:block;background:#eee;}
.product .tab ul li.current a{color:#fff;background:#2d6199;}
.product .tab ul li a:hover{color:#fff;background:#2d6199;}
.product .tab ul li:last-child{margin-right:0px;}
.product .cpzs{width:100%;margin-top:35px;}
.product .cpzs ul{display:none;}
.product .cpzs ul:first-child{display:block;}
.product .cpzs ul li{width:292px;height:278px;float:left;margin-right:10px;}
.product .cpzs ul li:nth-child(4n){margin-right:0px;}
.product .cpzs ul li .pic{width:292px;height:213px;display:block;overflow:hidden;position:relative;}
.product .cpzs ul li .pic img{width:100%;height:100%;}
.product .cpzs ul li .tt{text-align:center;line-height:65px;}
.product .cpzs ul li .tt a:hover{color:#2d6199;}
.product .cpzs ul li .pic:hover img{transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1); 	/* Opera */}
.product .cpzs ul li .pic:before{content:"";width:100%;height:100%;position:absolute;z-index:1;}
.product .cpzs ul li .pic:hover:before{
	animation: gradient-rectangle 1s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
    animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}
@-webkit-keyframes gradient-rectangle {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        transform-origin: top;
        background: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
        background: -o-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
        background: -ms-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6));
        opacity: 1;
      }
    
	  100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
		background: linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6));
		background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6));
		background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
		background: -o-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
		background: -ms-linear-gradient(to bottom, rgba(255,255,255,0) , rgba(255,255,255,.6));
		opacity: 0;
	  }
} 








#indexabout{width:100%;height:507px;background:#2d6199;overflow:hidden;}
.about .tit{margin-top:41px;padding-bottom:20px;border-bottom:1px dashed #5d80aa;}
.about .tit p{color:#fff;}
.about .tit .line{background:#fff;} 
.about .tit span{color:#fff;}
.about .con{margin-top:32px;height:281px;}
.about .con .pic{width:486px;height:281px;float:left;position:relative;}
.about .con .pic:before{content:"";width:100%;height:100%;position:absolute;z-index:1;}
.about .con .pic:hover:before{
	animation: gradient-tangle 1s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
    animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}
@-webkit-keyframes gradient-tangle {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
        background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -webkit-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -moz-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
        background: -o-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
        background: -ms-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6));
        opacity: 1;
      }
    
	  100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: right;
		transform-origin: right;
		background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6));
		background: -webkit-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6));
		background: -moz-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
		background: -o-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
		background: -ms-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,.6));
		opacity: 0;
	  }
} 
.about .con .des{float:right;width:650px;margin-right:15px;}
.about .con .des .xx{color:#fff;line-height:35px;margin-top:5px;height:206px;}
.about .con .des .more{width:130px;height:42px;line-height:42px;color:#fff;text-align:center;background:#4180c4;display:block;}
.about .con .des .more:hover{border-radius:15px;background:#4b9cf3;}
.about .menu{float:right;margin-top:20px;}
.about .menu div{float:left;margin-left:28px;position:relative;}
.about .menu div a{color:#6dabef;font-size:13px;}
.about .menu div:after{content:"";position:absolute;height:12px;border-left:1px solid #6dabef;top:2px;right:-15px;}
.about .menu div:last-child:after{display:none;}







#indexnews{width:100%;height:672px;overflow:hidden;}
.news .tit{margin-top:55px;padding-bottom:33px;border-bottom:1px dashed #dbdbdb;}
.news .con{margin-top:45px;height:411px;}
.news .con ul li{width:351px;margin-right:73px;float:left;}
.news .con ul li:last-child{margin-right:0;}
.news .con ul li a{width:100;height:100%;display:block;}
.news .con ul li .tt{font-size:16px;color:#333;height:18px;}
.news .con ul li .line{width:36px;border-top:1px solid #b3b3b3;margin-top:13px;}
.news .con ul li .date{font-size:22px;color:#666;font-weight:lighter;margin-top:15px;}
.news .con ul li .des{line-height:26px;font-size:13px;color:#999;margin-top:34px;height:78px;overflow:hidden;}
.news .con ul li .pic{width:351px;height:262.5px;overflow:hidden;margin-top:40px;}
.news .con ul li .pic img{width:100%;height:100%;}
.news .con ul li:hover .tt{color:#2d6199;}
.news .con ul li:hover .line{width:60px;}
.news .con ul li:hover .pic{box-shadow:0 0 5px #000;}
.news .con ul li:hover img{
	transform: rotate(20deg) scale(1.4);
	-moz-transform: rotate(20deg) scale(1.4);
	-ms-transform: rotate(20deg) scale(1.4);
	-o-transform: rotate(20deg) scale(1.4);
	-webkit-transform: rotate(20deg) scale(1.4);
}









#ne_nav{width:100%;height:40px;background:#f5f5f5;}
#ne_nav p{line-height:40px;padding-left:30px;background:url(../images/home.png) no-repeat left center;}




.col{width:100%;min-height:450px;line-height:220%;margin-top:40px;margin-bottom:50px;}
.col h2{text-align:center;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.col .sign{float:right;width:120px;height:40px;line-height:40px;background:#619bd8;color:#fff;margin-right:20px;margin-top:15px;text-align:center;border-radius:20px;}



.maintit{text-align:center;margin-top:45px;}
.maintit p{font-size:30px;color:#333;font-weight:lighter;margin-bottom:10px;}
.maintit span{font-size:16px;color:#999;text-transform:uppercase;}
.son_nav{margin-top:25px;text-align:center;}
.son_nav a{padding:0px 20px;height:45px;line-height:45px;border-radius:6px;border:1px solid #dcdcdc;color:#333;display:inline-block;margin:0px 10px;transition: color 0s;}
.son_nav a.active{background:#2d6199;color:#fff;border:1px solid #2d6199;}
.son_nav a:hover{background:#2d6199;color:#fff;border:1px solid #2d6199;}




.pxxm{width:100%;min-height:450px;margin-bottom:50px;margin-top:30px;overflow:hidden;}
.pxxm ul{overflow:hidden;}
.pxxm ul li{width:377px;height:284px;float:left;margin-right:34px;margin-bottom:34px;}
.pxxm ul li a{width:100%;height:100%;display:block;}
.pxxm ul li:nth-child(3n){margin-right:0px;}
.pxxm ul li .pic{width:377px;height:234px;overflow:hidden;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.pxxm ul li .pic img{width:100%;height:100%;margin:auto;}
.pxxm ul li p{width:100%;height:50px;text-align:center;line-height:50px;color:#000;font-size:16px;background:#ececec;}
.pxxm ul li:hover p{background:#2d6199;color:#fff;}
.pxxm ul li:hover img{transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1); 	/* Opera */}


.team ul li p{background:#fff;}
.team ul li:hover p{color:#2d6199;background:#fff;}




.cooper{width:100%;min-height:450px;margin-bottom:50px;margin-top:30px;overflow:hidden;}
.cooper ul{overflow:hidden;}
.cooper ul li{width:377px;height:180px;float:left;margin-right:34px;margin-bottom:34px;}
.cooper ul li a{width:100%;height:100%;display:block;}
.cooper ul li:nth-child(3n){margin-right:0px;}
.cooper ul li .pic{width:377px;height:130px;overflow:hidden;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.cooper ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.cooper ul li p{width:100%;height:50px;text-align:center;line-height:50px;color:#000;font-size:16px;background:#ececec;}
.cooper ul li:hover p{background:#2c8eaa;color:#fff;}
.cooper ul li:hover img{transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1); 	/* Opera */}






.online{width:100%;margin:auto;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.online form{padding-left:150px;}
.online .text{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;}
.online .text input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.online .text p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .text p span{color:#eb0000;position:relative;top:2px;}
.online .con{width:927px;height:205px;float:left;margin-bottom:20px;}
.online .con textarea{padding:20px;border:1px solid #c9c9c9;height:163px;width:760px;}
.online .con p{float:left;width:81px;padding-right:5px;line-height:38px;padding-left:5px;}
.online .con p span{color:#eb0000;position:relative;top:2px;}
.online .verify{height:38px;margin-bottom:20px;}
.online .verify p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .verify p span{color:#eb0000;position:relative;top:2px;}
.online .verify input{width:154px;height:36px;border:1px solid #c9c9c9;float:left;padding-left:20px;margin-right:10px;}
.online .verify img{cursor:pointer;}
.online .submit{width:107px;height:35px;color:#fff;cursor:pointer;background:#be252e;margin-left:91px;float:left;border:none;margin-right:47px;}
.online .reset{width:107px;height:35px;color:#fff;cursor:pointer;background:#008b92;float:left;border:none;}







.xwzx{width:100%;min-height:350px;margin-bottom:50px;overflow:hidden;}
.xwzx ul{width:100%;margin-top:40px;}
.xwzx ul li{width:351px;margin-right:73px;float:left;margin-bottom:35px;}
.xwzx ul li a{width:100%;height:100%;display:block;}
.xwzx ul li:nth-child(3n){margin-right:0;}
.xwzx ul li .pic{width:351px;height:190px;overflow:hidden;}
.xwzx ul li .pic img{width:100%;height:100%;}
.xwzx ul li .date{color:#2d6199;margin-top:16px;font-size:15px;}
.xwzx ul li .tt{color:#333;font-size:18px;margin-top:16px;}
.xwzx ul li .more{color:#666;margin-top:20px;}
.xwzx ul li .line{width:300px;border-top:1px solid #666;margin-top:13px;}
.xwzx ul li:hover .pic img{transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1); 	/* IE 9 */
-moz-transform:scale(1.1,1.1); 	/* Firefox */
-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1,1.1); 	/* Opera */}
.xwzx ul li:hover .tt{color:#2d6199;}




.zbxx{width:100%;min-height:350px;margin-bottom:50px;}
.zbxx ul{width:100%;margin-top:40px;}
.zbxx ul li{height:40px;line-height:40px;border-bottom:1px dashed #999;}
.zbxx ul li a{width:100%;height:100%;display:block;}
.zbxx ul li .tt{float:left;margin-left:25px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zbxx ul li .tt span{color:#888;margin-right:10px;}
.zbxx ul li .date{float:right;margin-right:35px;}
.zbxx ul li:hover{box-shadow:2px 2px 11px #ccc;}
.zbxx ul li:hover .tt{color:#2d6199;}




.enroll{width:100%;min-height:350px;margin-bottom:50px;}
.enroll .title{text-align:center;color:#333;margin-top:35px;font-size:24px;}
.enroll .notice{color:red;font-size:16px;margin-top:20px;}
.enroll table{margin:auto;box-sizing:border-box;margin-top:10px;}
.enroll table td{padding:10px 15px;box-sizing:border-box;color:#333;text-align:center;line-height:30px;}
.enroll table td .text{border:none;line-height:30px;width:868px;text-align:center;color:#333;outline:none;}
.enroll table td .text1{border:none;line-height:30px;width:318px;text-align:center;color:#333;outline:none;}
.enroll table td .text2{width:270px;}
.enroll table td input[type='checkbox']{position:relative;top:1px;}
.enroll table td .tname{display:inline-block;margin:0 7px;}
.enroll table td a{width:100px;height:35px;line-height:35px;background:#2d6199;color:#fff;display:inline-block;border-radius:5px;cursor:pointer;}
.enroll table td img{max-width:100%;vertical-align: middle;}
.enroll table td .words{text-align:left;line-height:28px;}
.enroll #alpics img{margin:5px;}
.enroll .submit{text-align:center;margin-top:15px;}
.enroll .submit input{border:none;width:80px;height:35px;line-height:35px;border-radius:5px;display:inline-block;margin:0 10px;color:#fff;cursor:pointer;}
.enroll .submit .btn{background:#2d6199;}
.enroll .submit .reset{background:#00c1ed;}




.tan_con{width:900px;background:#f8f8f8;padding: 30px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 200;box-shadow: 0 0px 8px #b6b6b6;display: none;}
.tan_con .mt{text-align:center;color:#000;font-size:20px;}
.tan_con .mc{line-height:220%;margin-top:10px;color:#333;}
.tan_con .sub{margin:auto;margin-top:20px;width:100px;line-height:40px;background:#2d6199;color:#fff;border-radius:5px;text-align:center;cursor:pointer;}
.tan_con i{width:29px;height:29px;background:url(../images/shut.png) no-repeat center;cursor:pointer;position:absolute;right:20px;top:20px;}
.back_bg{position: fixed;width:100%;height: 100%;background:rgba(0,0,0,0.2);left:0;top: 0;z-index: 150;display: none;}



.form_list .mt{text-align:center;color:#333;font-size:20px;margin-top:30px;}
.form_list .mc{margin-top:20px;margin-bottom:30px;}
.form_list .mc td{text-align:center;padding:6px;}
.form_list .mc img{width:200px;}
.form_list .mc *{max-width:100%;}




.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;}
.orientation .next{float:right;}






/*footer*/
#footer{background:#2c2f33;}
.footer_nav{height:60px;line-height:60px;background:#272b2f;}
.footer_nav li{float:left;margin-right:58px;}
.footer_nav li a{color:#dadada;}
.footer_top{height:243px;border-bottom:1px solid #34374a;padding-top:37px;}
.footer_top .f_center{float:left;width:1040px;height:216px;border-right:1px solid #3c405d;}
.footer_top .f_center>p{font-size:18px;font-weight:bold;color:#fff;}
.footer_top .f_center ul{margin-top:25px;}
.footer_top .f_center ul li{float:left;width:175px;margin-right:20px;}
.footer_top .f_center ul li p{color:#fff;margin-bottom:20px;}
.footer_top .f_center ul li div{padding-left:27px;color:#bfbfbf;font-size:12px;margin-bottom:20px;}
.footer_top .f_center ul li .address{background:url(../images/icon1.png) no-repeat left center;line-height:18px;}
.footer_top .f_center ul li .phone{background:url(../images/icon2.png) no-repeat left center;line-height:20px;}
.footer_top .f_center ul li .fax{background:url(../images/icon3.png) no-repeat left center;line-height:20px;}
.footer_top .f_center ul li:first-child{width:230px;}
.footer_top .f_wx{float:right;}
.footer_top .f_wx p{font-size:16px;color:#fff;}
.footer_top .f_wx .qrcode{margin-top:30px;margin-bottom:18px;}
.footer_top .f_wx span{font-size:12px;color:#dadada;}
.footer_bottom{height:50px;line-height:50px;color:#c8c8c8;}
.footer_bottom div{float:left;font-size:12px;color:#7f7f7f;}
.footer_bottom p{font-size:12px;color:#7f7f7f;float:right;}
.footer_bottom p a{color:#7f7f7f;}



.mypage{
    text-align: center;
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}