@charset "gb2312";
/* CSS Document */

body{
	width:100%;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family:"΢ÈíÑźÚ";
	font-size:14px;
	color:#333;}
ul{ margin:0;}
li{ list-style:none;}
a{ text-decoration:none;}
img{ display:block; width:100%;}
#header,#content,#footer{ width:100%; margin-left:auto; margin-right:auto; overflow:hidden}
#header{ background-color:rgba(0,0,0,0.3); position:fixed; z-index:2; padding:2% 0;}
#head,.container{
	width:84%;
	margin:0 auto;
	overflow:hidden;
	}
#cont{
	width:80%;
	margin:0 auto;
	overflow:hidden;
}
@media (max-width:1024px){
	#cont{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
	}
@media (max-width:768px){
	#cont{
	width:94%;
	margin:0 auto;
	overflow:hidden;
}
	}
#logo{ width:23%; float:left;}
#logo img{ width:100%;}
@media (max-width:768px){
	#logo{ width:30%; float:left;}
	}
@media (max-width:425px){
	#logo{ width:50%; float:left;}
	}
#cssmenu ul li{}
#cssmenu ul li .line{
	float:left;
	display:block;
	width:1px;
	height:40px;
	margin:6px 0;
	background:#ccc;
	-webkit-transform: rotate(30deg);
  	-moz-transform: rotate(30deg);
  	-ms-transform: rotate(30deg);
  	-o-transform: rotate(30deg);
  	transform: rotate(30deg);}
#cssmenu ul .language{ display:none;}
#cssmenu ul .lang .button{ margin:8px 0;height:30px; border-radius:30px; width:90px; border:0;background: #fff;text-align: center;}
@media (max-width:1024px){
	#cssmenu ul li .line{
		display:none;
		}
	#cssmenu ul .language{ display:block;}
	#cssmenu ul .lang .button{ display:none;}
	}
@media (max-width:768px){
	#cssmenu ul li .line{
		display:none;
		}
	#cssmenu ul .language{ display:block;}
	#cssmenu ul .lang .button{ display:none;}
	}
#cssmenu ul .lang .button a{ color:#333;line-height:32px;}
#cssmenu ul .lang .button a:hover{ text-decoration:underline; color:#d63837;}
h1{ color:#0146a1; text-align:center; text-transform:uppercase; font-weight:500; letter-spacing:2px; font-size:36px;}
@media (max-width:425px){
	h1{ color:#0146a1; text-align:center; text-transform:uppercase; font-weight:500; letter-spacing:2px; font-size:30px;}
	}
.index-prodcuts{ padding:3% 0; overflow:hidden;}
.index-product .index-prolist,.index-product .index-prolist1{ margin:4% 0; overflow:hidden;}
.index-product h2{color:#000;font-weight:500;}
.index-product .index-prolist .proleft{ float:left; width:46%; padding:0 2%;}
.index-product .index-prolist .proleft p{ line-height:200%; color:#666;}
.index-product .index-prolist .proleft a{ display:block; border:solid 1px #0146a1; color:#0146a1; width:20%; padding:2.2% 1%; text-align:center; position:relative; top:20px;overflow:hidden;}
.index-product .index-prolist .proleft a:hover{ background:#d63837; color:#fff; border:solid 1px #d63837; }
.index-product .index-prolist .proright{ float:right; width:48%;}
.index-product .index-prolist .proright .proimg{ width:100%;}
.index-product .index-prolist1 .proleft{ float:left; width:48%;}
.index-product .index-prolist1 .proright{ float:right; width:47%; padding:0 2%;}
.index-product .index-prolist1 .proright p{ line-height:200%; color:#666;}
.index-product .index-prolist1 .proright a{ display:block; border:solid 1px #0146a1; color:#0146a1; width:20%; padding:2.2% 1%; text-align:center; position:relative; top:20px;overflow:hidden;}
.index-product .index-prolist1 .proright a:hover{ background:#d63837; color:#fff; border:solid 1px #d63837;}
@media (max-width:1024px){
	.index-product .index-prolist1 .proright a{ display:block; border:solid 1px #0146a1; color:#0146a1; width:26%; padding:2.2% 1%; text-align:center; position:relative; top:20px;overflow:hidden;}
}
@media (max-width:768px){
	.index-product .index-prolist,.index-product .index-prolist1{ margin:4% 0; overflow:visible;}
	.index-product h2{color:#333;font-weight:500; text-align:center;}
	.index-product .index-prolist .proleft{ float:none; width:100%; padding:2% 0;}
	.index-product .index-prolist .proright{ float:none; width:100%;padding:4% 0; }
	.index-product .index-prolist .proleft a{ display:block; border:solid 1px #0146a1; color:#0146a1; width:20%; padding:2.2% 1%; text-align:center; margin:2% auto;overflow:hidden;}
	
	.index-product .index-prolist1 .proleft{ float:none; width:100%;}
	.index-product .index-prolist1 .proright{ float:none; width:100%; padding:2% 0;}
	.index-product .index-prolist1 .proright a{ display:block; border:solid 1px #0146a1; color:#0146a1; width:20%; padding:2.2% 1%; text-align:center; margin:2% auto;overflow:hidden;}
	}
@media (max-width:425px){
	.index-product h2{color:#333;font-weight:500; text-align:center; font-size:20px;}
	.index-product .index-prolist .proright{ float:none; width:100%;padding:8% 0; }
	}
@media (max-width:375px){
	.index-product{ overflow:hidden;}
	.index-product h2{color:#333;font-weight:500; text-align:center; font-size:20px; line-height:140%;}
	.index-product .index-prolist .proleft a{ display:block; border:solid 1px #0146a1; color:#0146a1; width:26%; padding:2.8% 1%; text-align:center; margin:2% auto;overflow:hidden;}
	.index-product .index-prolist1 .proright a{ display:block; border:solid 1px #0146a1; color:#0146a1; width:26%; padding:2.8% 1%; text-align:center; margin:2% auto;overflow:hidden;}
	.index-product .index-prolist .proleft p{ line-height:200%; color:#666; text-align:center;}
	.index-product .index-prolist1 .proright p{ line-height:200%; color:#666; text-align:center;}
	}

.application{ background:url(../images/application-img.jpg) no-repeat; background-size:cover; padding:2% 0;overflow:hidden;}
.application h1{ color:#fff;}
.application .appli-con{ color:#fff; width:40%; padding:0 0 2% 0; margin-left:auto; margin-right:auto;line-height:200%; text-align:center;}
.application .appcont{ margin:2% 0; overflow:hidden;}
.application .appcont ul{ padding:0;}
.application .appcont ul li{ float:left; width:12%; margin:0 4%;}
.application .appcont ul li p{ text-align:center; color:#fff; font-size:18px; line-height:200%;}
@media (max-width:768px){
	.application .appcont ul li p{ text-align:center; color:#fff; font-size:16px; line-height:200%;}
	}
@media (max-width:425px){
	.application .appcont{ margin:6% 0; overflow:hidden;}
	.application .appli-con{ color:#fff; width:90%; padding:0 0 2% 0; margin-left:auto; margin-right:auto;line-height:200%; text-align:center;}
	.application .appcont ul li{ float:left; width:25%; margin:0 4%; text-align:center;}
	.application .appcont ul li .more{}
	}
@media (max-width:375px){
	.application .appli-con{ color:#fff; width:100%; padding:0 0 2% 0; margin-left:auto; margin-right:auto;line-height:200%; text-align:center;}
	}

.index-about{ background:url(../images/about-img.jpg) no-repeat; background-size:cover; padding:4% 0 16% 0; overflow:hidden;}
.index-about .index-aboutcon{ width:80%; margin-left:auto; margin-right:auto; line-height:200%; text-align:center; padding:0 0 2% 0;}
.index-about a{ display:block; border:solid 1px #0146a1; color:#0146a1; width:8%; padding:1% 1%; text-align:center;overflow:hidden; margin-left:auto; margin-right:auto; margin-top:2%;}
@media (max-width:768px){
	.index-about .index-aboutcon{ width:90%; margin-left:auto; margin-right:auto; line-height:200%; text-align:center; padding:0 0 2% 0;}
	.index-about a{ display:block; border:solid 1px #d63837; color:#d63837; background:rgba(100%,100%,100%,0.4);width:14%; padding:1.6% 1%; text-align:center;overflow:hidden; margin-left:auto; margin-right:auto; margin-top:2%;}
	}
@media (max-width:425px){
	.index-about{ background:url(../images/about-img.jpg) no-repeat; background-size:cover; padding:4% 0 10% 0; overflow:hidden;}
	.index-about a{ display:block; border:solid 1px #d63837; color:#d63837; background:rgba(100%,100%,100%,0.4);width:26%; padding:2.6% 1%; text-align:center;overflow:hidden; margin-left:auto; margin-right:auto; margin-top:6%;}
	}
@media (max-width:375px){
	.index-about .index-aboutcon{ width:100%; margin-left:auto; margin-right:auto; line-height:200%; text-align:center; padding:0 0 2% 0;}
	.index-about a{ display:block; border:solid 1px #d63837; color:#d63837; background:rgba(100%,100%,100%,0.4); width:26%; padding:2.6% 1%; text-align:center;overflow:hidden; margin-left:auto; margin-right:auto; margin-top:6%;}
	}

/*ÄÚÒ³*/
#title{ position:absolute; top:42%; left:150px; z-index:2;}
#title h1{ color:#fff;}
#title .line{ width:50px; float:left; height:3px; background-color:#da251d;}
@media (max-width:768px){
	#title{ position:absolute; top:42%; left:70px; z-index:2;}
	#title h1{ color:#fff; font-size:26px;}
	}
@media (max-width:425px){
	#title h1{ color:#fff; font-size:20px;}
	#title{ position:absolute; top:12%; right:50px; z-index:2;}
	}
@media (max-width:425px){
	#title{ position:absolute; top:10%; right:40px; z-index:2;}
	}
@media (max-width:325px){
	#title h1{ color:#fff; font-size:18px;}
	#title{ position:absolute; top:8%; right:30px; z-index:2;}
	
	}
/*λÖÃ*/
#home{ width:100%;overflow:hidden;}
#home .home{ float:left; width:24px;}
#home ul{ margin:2% auto 0 auto;overflow:hidden; padding:0;}
#home ul li{ float:left; margin:0 0.6%; padding:0.2% 0;line-height: 20px;}
#home ul li a{ color:#666;}
#home ul li a:hover{ text-decoration:underline;}
@media (max-width:768px){
	#home ul{ width:90%; margin:4% auto 0 auto;overflow:hidden;}
	}
@media (max-width:425px){
	#home ul li{ float:left; margin:0 1%; padding:0.4% 0;}
	}
/*λÖà end*/
.aboutus{ padding:4% 0; overflow:hidden;}
.aboutus .title{ text-align:center; font-size:24px; color:#1553a5; text-transform:uppercase; font-weight:500;}
.aboutus .about-cont{ padding:2%;}
.aboutus .about-cont p{ margin:0; line-height:200%;}

.products{ width:100%;overflow:hidden;}
.products ul{ margin:0; padding:0;}
.products ul li{ width:33.33%; padding:0 1.6%; margin-bottom:4%;float:left; overflow:hidden;}
.products ul li .proimg{ border:solid 1px #ccc;}
.products ul li .proimg img{ width:100%;}
.products ul li .name{ text-align:center; color:#666;}
.products ul li:hover .name{ color:#0146a1;}
/*.products ul li .probtm{ padding:10px 0; border-bottom:solid 1px #ddd; overflow:hidden; width:100%;}
.products ul li .probtm .name{ float:left; padding:2% 0; text-align:center; width:86%; color:#666;}
.products ul li .probtm .more{ width:4%;float:right; border-left:solid 1px #dfdfdf; padding:2% 6%; display:block; }
.products ul li:hover .probtm{ border-bottom:solid 1px #0146a1;}
.products ul li:hover .probtm .name{ color:#0146a1;}
.products ul li:hover .probtm .more{ color:#0146a1; border-left:solid 1px #999; }*/

.equipments{ width:100%;overflow:hidden;}
.equipments ul{ margin:0; padding:0;}
.equipments ul li{ width:33.33%; padding:0 1.6%; margin-bottom:4%;float:left; overflow:hidden;}
.equipments ul li .proimg{ border:solid 1px #ccc;}
.equipments ul li .name{ text-align:center;}

.honors{ width:100%;overflow:hidden;}
.honors ul{ margin:0; padding:0;}
.honors ul li{ width:30%; margin:0 1.6%; margin-bottom:2%;float:left; overflow:hidden;}
.honors ul li .name{ text-align:center;}
@media (max-width:768px){
	.products ul li,.equipments ul li{ width:50%; padding:0 2%; float:left;}
	.honors ul li{ width:46%; margin:0 1.6%;  float:left;}
	}
@media (max-width:425px){
	.products ul li,.equipments ul li{ width:100%; padding:2% 0; float:none;}
	,.honors ul li{ width:100%; padding:2% 0; float:none;}
	}

#yema{ width:100%; margin-top:4%;}
#yema ul{overflow:hidden; }
#yema ul li{ float:left; border:solid 1px #ccc; padding:0.8% 0; margin:0 0.8%; text-align:center; width:7%;}
#yema ul li a{ color:#666;}
#yema ul li:hover{background-color:#0146a1;}
#yema ul li:hover a{color:#fff;}
#yema ul li.ye,#yema ul li.ye1{ width:4%;}
#yema ul li.ye1{background-color:#0146a1;}
#yema ul li.ye1 a{ color:#fff;}
@media (max-width:768px){
	#yema{ width:100%; margin:4% 0;}
	#yema ul li{ float:left; border:solid 1px #ccc; padding:0.8% 0; margin:0 0.8%; text-align:center; width:8%;}
	#yema ul li.ye,#yema ul li.ye1{ width:4%;}
	
	.news .new li{ width:100%; padding:2% 0; margin:6% 0;overflow:hidden; border-bottom:dashed 1px #ccc;}
	.news .new li img{ float:none; width:100%; position:relative}
	.news .new li .time{ background-color:#0f479a; width:80px; position:absolute; margin-top:-464px; margin-left:20px; padding:10px 0; }
	.news .new li .newscont{ float:none; width:100%;}
	}
@media (max-width:425px){	
	#yema{ width:100%; margin:6% 0;}
	#yema ul li{ float:left; border:solid 1px #ccc; padding:1% 0; margin:0 1%; text-align:center; width:12%;}
	#yema ul li.ye,#yema ul li.ye1{ width:6%;}
	
	.news .new li{ width:100%; padding:2% 0; margin:10% 0;overflow:hidden; border-bottom:dashed 1px #ccc;}
	.news .new li .time{ background-color:#0f479a; width:80px; position:absolute; margin-top:-270px; margin-left:20px; padding:10px 0; }
	}
@media (max-width:375px){
	#yema{ width:100%; margin:6% 0;}
	#yema ul li{ float:left; border:solid 1px #ccc; padding:1% 0; margin:0 1%; text-align:center; width:16%;}
	#yema ul li.ye,#yema ul li.ye1{ width:8%;}
	
	.news .new li{ width:100%; padding:2% 0; margin:14% 0;overflow:hidden; border-bottom:dashed 1px #ccc;}
	.news .new li .time{ background-color:#0f479a; width:80px; position:absolute; margin-top:-244px; margin-left:20px; padding:10px 0; }
	}

.proconttop{ padding-bottom:2%;overflow:hidden;}
.proconttop .proimg{ width:50%; float:left; border:solid 1px #ccc;}
.proconttop .proimg img{ width:100%;}
.proconttop .procontopright{ width:46%; float:right;}
.proconttop .procontopright h2{ color:#1553a5;}
.proconttop .procontopright .proxinxi{ line-height:200%;}
.procontbotm .probtmname{ padding:2% 1%;border-bottom:dashed 1px #ccc; font-size:18px; color:#666;}
.procontbotm .probtmcont{ padding:1%; line-height:160%;}
.procontbotm .back{ float:right; color:#164ea0;font-weight:bold;}
.procontbotm .back:hover{ color:#d63837; font-weight:bold;}
.proconttop .procontopright .online{ padding:2% 0; text-align:center; display:block; background-color:#da251d; width:24%; color:#fff; margin-top:6%;}
@media (max-width:425px){
	.proconttop .proimg{ width:100%; float:none; border:solid 2px #00abf9;}
	.proconttop .procontopright{ width:100%; float:none;}
	}

.lianxi{ padding:1% 0; text-align:center;}
.lianxi span{ display:block; text-align:center; font-size:24px; margin-bottom:2%;color:#164ea0}



/*ÄÚÒ³ end*/


#footer{ background-color:#051629;}
#footer .foot-top{ border-bottom:solid 1px #ccc; color:#ccc; padding:4% 0;}
.foot-top .ftcontact,.foot-top .ftprolist{ float:left; padding:0 2%; overflow:hidden;}
.foot-top .ftcontact{ width:31.33%; }
.foot-top .ftcontact span,.foot-top .ftprolist span,.foot-top .followus span{ display:block; font-size:20px; color:#fff; text-transform:uppercase; padding-bottom:4%; text-align:left;}
.foot-top .ftprolist{width:26%; margin-left:2%;}
.foot-top .ftprolist ul{ padding:3% 0;}
.foot-top .ftprolist ul li{ line-height:200%;}
.foot-top .ftprolist ul li a{ color:#ccc; }
.foot-top .ftprolist ul li a:hover{ text-decoration:underline;}

.foot-top .followus{width:26%; text-align:center; overflow:hidden; float:right;}
.foot-top .followus .follow{ width:100%;padding:4% 0; margin-left:auto; margin-right:auto; overflow:hidden;}
.foot-top .followus .follow li{ float:left; background:url(../images/followus.png) no-repeat; background-size:cover; width:42px; height:42px; margin:0 4px;}
.foot-top .followus .follow .wechat{ float:left; background:url(../images/followus.png) no-repeat -47px; background-size:cover;}
.foot-top .followus .follow .weibo{ float:left; background:url(../images/followus.png) no-repeat -94px; background-size:cover;}
.foot-top .followus .follow .download{ background:none; line-height:46px;}
.foot-top .followus .follow .download a{ color:#fff; font-size:18px;}
.foot-top .followus .follow .download:hover a{color:#087bc8; text-decoration:underline;}
@media (max-width:768px){
	.foot-top .ftcontact span,.foot-top .ftprolist span,.foot-top .followus span{ display:block; font-size:20px; color:#fff; text-transform:uppercase; padding-bottom:4%; text-align:left; text-align:center;}
	.foot-top .ftcontact,.foot-top .ftprolist,.foot-top .followus{ float:none; padding:0 2%;width:50%; margin-left:0; margin:4% auto; text-align:center; overflow:hidden;}
	.foot-top .ftcontact p{ line-height:180%;}
	.foot-top .followus .follow{ margin:0 14%;}
	}
@media (max-width:425px){
	.foot-top .ftcontact,.foot-top .ftprolist,.foot-top .followus{width:90%; margin-left:0; margin:4% auto; text-align:center;}
	}
@media (max-width:375px){
	.foot-top .ftcontact,.foot-top .ftprolist,.foot-top .followus{ float:none; padding:0;width:100%; margin-left:0; margin:4% auto; text-align:center;overflow:hidden;}
	.foot-top .followus .follow{ margin:0 14%;}
	}

#footer .foot-bottom{ color:#fff; text-align:center;}
#footer .foot-bottom p{ line-height:200%;}
#footer .foot-bottom p span{ margin-left:3%;}
#footer .foot-bottom p span a{ color:#fff;}
#footer .foot-bottom p span a:hover{ text-decoration:underline;}
@media (max-width:425px){
	#footer .foot-bottom p span{ margin-left:3%; display:block;}
	}