﻿/*------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;
}



a{text-decoration:none;}


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

body{
	color: #666666;
}

/*header*/
.contain{width:1200px;margin:auto;overflow: hidden;}
.tophead{  text-align: center;  height: 30px;  background-color: #f5f5f5;  font-size: 10px;}
.top_head{  margin: 0 auto;  width: 1200px;  height: 30px; font-size: 14px; }
.top_left{  padding-top: 8px;  float: left;  }
.top_right{  padding-top: 8px;  float: right;  }
.top_right a{  margin: 0 10px;  }
.en{    padding: 8px 18px 6px 18px;  }
.top{width:100%;height:100px;}
.top .contain .logo{float:left;font-size:0px;}
.top .contain .line{float:left;margin-left:22px;margin-top:33px;height:40px;border-right:1px solid #dbdbdb;}
.top .contain .subtt{float:left;margin-top:42px;margin-left:20px;color:#2b4968;font-size:21px;font-weight:lighter;}
.top .contain .phone{float:right;margin-top:30px; }
.top .contain .phone .tel{float:left;margin-left:9px;}
.top .contain .phone .tel span{font-size:22px;color:#e03131;font-weight:bold;margin-top:4px;display:block;}
.top .contain .phone .tel p{color:#47617c;margin-top:2px;}

.nav{width:100%;height:60px;background:#1d2a7f;;}
.nav .navul{width:1200px;margin:0 auto;}

.navul li{float:left;width:110px;height:50px;position:relative;margin-right:16px;}

.navul li>a{  width:100%;line-height:18px;height:70px;text-align:center;display:block;color:#fff;transition:all 0.36s ease;    padding-top: 15px;}
.navul li>a.cur{background:#53788f;}
.navul li .nav_son{
	display: none;position: absolute;left: 0;top: 60px;z-index:100;box-shadow: 0 2px 28px 2px rgba(0,0,0,.1);
	width: 110px;font-size: 14px;animation: fromBottomFade .6s ease both;-webkit-animation: fromBottomFade .6s ease both;
}

.navul li:hover>a{background:#53788f;}

.navul .nav_son a{ padding: 10px 0; color:#fff;width:110px;line-height:24px;text-align:center;  display:block;background:#1d2a7f;

}


.navul li .nav_son a:hover{color:#fff;background:#53788f;}
.navul li:hover .nav_son{display:block;}


/*banner*/


#indexbanner{ height: 500px; overflow: hidden; position: relative;}
#nybanner{ height: 225px; overflow: hidden; }
.bx-controls{ position: absolute; left: 0; bottom: 30px; z-index: 999; width: 100px;margin-left: 780px; color: rgba(0,0,0,0);}
.bx-controls .bx-pager{ text-align: center;}
.bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
.bx-controls .bx-pager div a{ display: block; width: 45px; height: 4px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
.bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,1);}
.bx-controls .bx-controls-direction{ display: none;}
#nybanner .bx-controls{display: none;}


.tit .cn{font-size:30px;color:#2e2e2e;font-weight:bold;}
.tit .line{width:247px;border-bottom:1px solid #dbdbdb;margin:auto;margin-top:17px;position:relative;}
.tit .line:after{content:"";position:absolute;width:14px;height:3px;background:#016ef4;top:-1px;left:116.5px;}
.tit .en{color:#999;text-transform:uppercase;margin-top:18px;}





#indexabout{width:100%;height:457px; margin-bottom: 50px;}
.about{width:1200px;margin:auto;padding-top:50px;overflow:hidden;}
.about .tit{width:100%;text-align:center;padding-bottom: 10px;  }
.about .tit .cn{display: inline-block; padding-left: 20px;padding-right: 20px; text-align:center;padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; color: #1d2a7f; font-family: 微软雅黑; font-size: 30px; font-weight: normal; }

.about .con{width:732px;float:right;}
.about .con .tt{width:100%;height:83px;background:#2b4968;padding-left:26px;overflow:hidden;}
.about .con .tt p{color:#fff;margin-top:19px;margin-bottom:7px;font-size:26px;font-weight:bold;}
.about .con .tt span{color:#fff;font-size:10.2px;text-transform:uppercase;}
.about .con .title{font-size: 24px; font-family: "微软雅黑"; color: #999;  margin-top: 20px; font-weight: bold;}
.about .con .des{line-height:26px;height:155px;margin-top:25px;}
.about .con .alink{height:42px;overflow:hidden;}
.about .con .alink .more{width:130px;height:42px;line-height:42px;text-align:center;color:#fff;float:left;background-color: #2e2e2e;}
.about .con .alink .more:hover{width:130px;height:42px;line-height:42px;text-align:center;color:#fff;float:left;background-color: #1d2a7f;}
.about .con .alink .video{padding-left:38px;margin-left:33px;line-height:21px;color:#2b4968;margin-top:10px;float:left;background:url(../images/video.png) no-repeat left center;}






#indexproduct{width:100%;height:568px;background:#fafafa;}
.product{width:1200px;height:100%;margin:auto; text-align: center;}
.product .tit .cn{color: #1d2a7f;font-family: 微软雅黑;font-size: 30px; font-weight: normal; display: inline-block; border-bottom: 1px solid #dcdcdc;padding-bottom: 20px;margin-bottom: 10px; padding-right: 20px;padding-left: 20px;}
.product .tit{width:100%;padding-top:58px;text-align:center;}
.product .tab{width:100%;height:40px;margin-top:32px;overflow:hidden;    margin-left: -7px;}
.product .tab ul{position:relative;left:50%;float:left;}
.product .tab ul li{float:left;width:127px;height:14px;padding:11px 0;text-align:center;background:#eee;line-height:14px;margin-right:2px;position:relative;right:50%;}
.product .tab ul li a{width:100%;height:100%;display:block;}
.product .tab ul li:hover{ background-color: #1d2a7f; color: #fff; }
.product .tab ul li:last-child{margin-right:0px;}
.product .cpzs{width:100%;height:281px;margin-top:39px;}
.product .cpzs ul{display:none;}
.product .cpzs ul:first-child{display:block;}
.product .cpzs ul li{width:280px;height:285px;float:left;margin-right:20px;}
.product .cpzs ul li:nth-child(4n){margin-right:0px;}
.product .cpzs ul li .pic{width:280px;height:209px; display:block;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.product .cpzs ul li .pic:hover{}
.product .cpzs ul li .tt{width:100%;height:66px;text-align:center;line-height:66px;}
.product .cpzs ul li img{transition: transform 0.9s ease 0s;max-width:100%;max-height:100%;margin:auto;}
.product .cpzs ul li img:hover{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 */}





#indexhonor{width:100%;height:505px;}
.honor{width:1200px;margin:auto;}
.honor .tit{width:100%;padding-top:75px;text-align:center;}
.honor .tit .cn{ color: #1d2a7f;font-size: 30px; font-family: 微软雅黑; font-weight: normal; margin-bottom: 10px; padding-left: 20px;padding-right: 20px; padding-bottom: 20px; display: inline-block;border-bottom: 1px solid #dcdcdc;}
.honor .con{width:1200px;height:290px;margin-top:45px;}
.honor .con ul li{float:left;width:250px;height:290px; float:left;overflow:hidden;}
.honor .con ul li .pic{width:200px;height:290px;display:inline-block;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.honor .con ul li .pic:hover{ padding-left: -47px; padding-right: -47px; }
.honor .con ul li img{transition: transform 0.9s ease 0s;max-width:100%;max-height:100%; height: 290px; margin:auto;}
.honor .con ul li img:hover{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 */}
















#ne_nav{width:100%;height:50px;line-height:50px;text-align: left; display: inline-block;float: right;width: 900px; margin:32px  auto 0 auto;  border-bottom: 1px solid #8d8d8d;}
#ne_nav p{font-family: 微软雅黑;font-size: 14px;font-weight: 300; color: #666666; padding-bottom: 20px; }





.col{width:940px;min-height:450px;line-height:220%;margin:40px 0px 50px 260px;}
.col p{width: 940px;float: left; width: 900px;}
.col h2{width: 940px;float: left;text-align:center;font-weight:normal;color:#000;}
.col h3{width: 940px;float: left;text-align:center;font-weight:normal;font-size:12px;padding-left: 10px;}


.pxxm{width:922px;min-height:350px;margin-bottom:50px;float:right;margin-top:26px;}
.pxxm p{line-height: 170%}
.pxxm ul{width:100%;overflow:hidden; padding-left: 22px;}
.pxxm ul li{width:279px;height:278px;float:left;margin-right:33px;}
.pxxm ul li:nth-child(3n){margin-right:0px;}
.pxxm ul li .pic{width:269px;height:202px;border:5px solid #dcdcdc;text-align:center;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.pxxm ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.pxxm ul li .pic:hover{border:5px solid #53788f;}
.pxxm ul li p{    width: 100%;
	height: 66px;
	text-align: center;
	/* line-height: 66px; */
	margin: 20px 0;}
.pxxm div{font-size: 14px; font-family: "微软雅黑";line-height: 170%}




.spxs{width:922px;min-height:350px;margin-bottom:50px;float:right;margin-top:26px;}
.spxs ul{width:100%;overflow:hidden;}
.spxs ul li{width:279px;height:228px;float:left;margin-right:42px;}
.spxs ul li:nth-child(3n){margin-right:0px;}
.spxs ul li .pic{width:269px;height:152px;border:5px solid #dcdcdc;text-align:center;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.spxs ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.spxs ul li .pic:hover{border:5px solid #2b4968;}
.spxs ul li p{width:100%;height:66px;text-align:center;line-height:66px;}





.xwzx{width:938px;min-height:300px;margin-bottom:50px;float:right;}
.xwzx ul{width:100%;overflow:hidden;height: 100%;}
.xwzx ul li{width:938px;height:150px;border-bottom:1px dashed #666;transition: all 0.3s ease 0s;position:relative;margin: 10px 0 10px 40px;}
.xwzx ul li p{margin-bottom: 8px;}

.xwzx .date{width:55px;height:70px;float:left;text-align:center;margin:45px 15px 0 12px;}
.xwzx .date p{border-bottom:1px solid #d6d6d6;font-size:24px;color:#999;padding-bottom:2px;}
.xwzx .date span{font-size:16px;color:#999;margin-top:6px;display:block;}
.xwzx .tt{overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;float:left;width:460px;font-size:20px;margin:35px 0 0 0;}
.xwzx .tt a{color:#333;}
.xwzx .tt a:hover{color:#0092b1;}
.xwzx .des{
	line-height: 150%;

	height: 36px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	float:left;width:580px;font-size:12px;margin-top:17px;}
.xwzx .des a{color:#999;}
.xwzx .des a:hover{color:#0092b1;}



.online{width:100%;margin:auto;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.online form{width:100%;}
.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:#0051a3;float:left;border:none;}

.selform #f_name{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;padding-top: 7px;}
.selform #f_phone{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;padding-top: 7px;}
.selform #f_email{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;}

.selform #f_name input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.selform #f_name th{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}

.selform #f_phone input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.selform #f_phone th{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}

.selform #f_email input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.selform #f_email th{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}

#f_content{width:500px;height:170px;float:left;margin-bottom:20px;}
#f_content textarea#content{padding:20px;border:1px solid #c9c9c9;}
#f_content th{float:left;width:81px;padding-right:5px;line-height:38px;padding-left:5px;}

#f_verify{height:52px;margin-bottom:20px;}
#f_verify th{float:left;width:86px;line-height:38px;}

#f_verify td{width:50px;height:60px;padding-left:5px;margin-right:10px;float: left}
#f_verify td input{width:268px;}
#f_verify td img{width:120px;}

#btnSubmit{width:107px;height:35px;color:#fff;cursor:pointer;background:#be252e;margin-left:91px;float:left;border:none;margin:12px 47px 0 200px;}




#sidenav {
	float: left;
	margin-top: 32px;
	width: 224px;
}
#sidenav .gy{
	margin-bottom: 10px;
}
#sidenav h2 {
	display: inline-block; font-family:微软雅黑;  font-weight: bold; background-color: #1d2a7f;
	font-size: 22px;
	color: #fff;
	width: 224px;
	height: 77px;
	line-height: 77px;
	text-align: center;

}
#sidenav .contact .con{
	border: 1px solid #dcdcdc;
	padding: 15px 19px;
	line-height: 200%;
	font-size: 12px;
}
#sidenav ul li{width:224px;background:#fff;text-align:center;margin-bottom:1px;background: #f5f5f5;margin-bottom: 4px;}
#sidenav ul .nv{font-size: 12px;}
#sidenav ul .nv a{padding-left:20px;line-height:16px;width:203px;marign-top:30px;padding:20px 0 20px 20px;}
#sidenav ul .nv a span{marign-top:30px;}
#sidenav ul li>a{height:100%;width:100%;display:block;position:relative;}
#sidenav ul li a:hover{background: #53788f;color: white}
#sidenav ul li a.cur{background: #53788f;color: white}
/*#sidenav ul li:hover{background: dodgerblue;}*/
/*#sidenav ul li a.cur{color:white;background: dodgerblue;}*/
#sidenav ul .navson{text-align: left;display: none}
#sidenav ul .navson a{line-height:20px;width:163px;marign-top:30px;font-weight: normal ;   text-align: left;
	marign-top: 30px;
	padding: 20px 20px 20px 40px;}
.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}







/*footer*/
#footer{ margin-top: 50px; }
.footer_top{width:100%;height:288px;background:#333;}
.footer_top .address{width:1200px;margin:auto;}
.footer_top .address .logo{float:left;margin-top:100px;margin-right:160px; }
.footer_top .address .logo p{font-size:26px;font-weight:bold;color:#b4b4b4;margin-bottom:3px;}
.footer_top .address .logo span{color:#999;font-size:11px;text-transform:uppercase;}
.footer_top .con{width:640px;height:190px;margin-top:31px;line-height:30px;float:left;color:#b1b1b1;font-size:12px;}
.footer_top .weixin{width:162px;height:164px;background:url(../images/bak.png) center no-repeat;float:right;margin-top:36px;text-align:center;font-size:12px;}	
.footer_bottom{width:100%;height:50px;background:#262626;line-height:50px;color:#c8c8c8;}
.footer_bottom .fter{width:1200px;margin:auto;font-size:12px;}
.footer_nav{width:100%;height:58px;line-height:58px;background:#333;border-bottom:1px solid #4f4f4f;}
.footer_nav ul{width:1200px;height:100%;margin:auto;}
.footer_nav ul li{float:left;margin-right:65px;}
.footer_nav ul li a{color:#999;;}


.mypage{
    text-align: center;
	float:left;
	width:100%;
}	
.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;
}


/*aboutus*/

#contect{ width: 1200px;margin: 30px auto; margin-bottom: 150px;}
#contect .contect1{ width: 250px; display: inline-block; }
.contect1 .contect1_1 a{ display: inline-block; font-family:微软雅黑; font-size: 26px;  font-weight: bold; background-color: #1d2a7f; color: #fff; text-align: center; width: 250px; padding-top: 30px; padding-bottom: 30px;margin: 10px auto;}
.contect1 .contect1_1 a:hover{ background-color:#333; color: #fff; text-align: center; width: 250px; padding-top: 30px; padding-bottom: 30px;margin: 10px auto;}

.contect1 .contect1_2{ width: 238px; text-align: left; padding-left: 10px;border: 1px solid #dcdcdc; padding-top: 30px; padding-bottom: 30px; margin-top: -10px;}
.contect1 .contect1_2 p{ font-family: 微软雅黑; font-size: 12px; line-height: 30px; font-weight: 300; color: #666666;}
.contect2 { text-align: left; display: inline-block;float: right;width: 900px; margin: 30px auto;  }



.dongtaiN{margin:0 0 30px 0; }

.dongtaiN a{ width:1160px; margin:0 auto; display:block; position:relative; }

.dongtaiN li{
	height: 150px;
	padding:15px 10px;  border-bottom:#ebebeb dashed 1px;

	transition:ease-in-out 0.2s;

	-moz-transition:ease-in-out 0.2s;

	-ms-transition:ease-in-out 0.2s;

	-o-transition:ease-in-out 0.2s;

	-webkit-transition:ease-in-out 0.2s;



}
.dongtaiN li:hover span,.dongtaiN li:hover strong,.dongtaiN li:hover h5,.dongtaiN li:hover p{ color:#FFF;}
.dongtaiN li img{ float:left; width:200px; height:130px;}
.dongfrN{ width:790px; float:right;}
.riqiN{ float:left; width:70px; text-align:center; margin-top:40px;}

.riqiN strong{ font-size:30px; color:#999; font-weight:normal; line-height:20px;}

.riqiN span{ font-size:12px; color:#999; border-top:#CCC solid 1px; padding-top:3px;}

.wen{ width:630px; float:left;

	margin-left: 20px;

	transition:ease-in-out 0.2s;

	-moz-transition:ease-in-out 0.2s;

	-ms-transition:ease-in-out 0.2s;

	-o-transition:ease-in-out 0.2s;

	-webkit-transition:ease-in-out 0.2s;

}

.wen h5{ font-size:18px; font-weight:normal; margin-bottom:20px; color:#333; margin-top:15px;}

.wen p{ line-height:24px; color:#666; font-size:14px;overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2; }