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

body{
	width:100%;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-family:"微软雅黑";
	font-size:14px;}
li{ list-style:none;}
a{ text-decoration:none;}
img{display:block;}
#googleMap{ padding:16% 0; margin-top:4%;overflow:hidden;}
@media (max-width:425px){
	#googleMap{ padding:50% 0; margin-top:10%;overflow:hidden;}
	}
#header,#content{ width:100%; margin-left:auto; margin-right:auto;}
#header{ padding:2% 0;}
#cont{
	width:1240px;
	margin-left:auto;
	margin-right:auto;
}
@media (max-width:768px){
	#cont{
		width:750px;
		margin-left:auto;
		margin-right:auto;
	}
	}
@media (max-width:425px){
	#cont{
		width:400px;
		margin-left:auto;
		margin-right:auto;
	}
	}
@media (max-width:375px){
	#cont{
		width:340px;
		margin-left:auto;
		margin-right:auto;
	}
	}
#logo{ width:36%; float:left;}
#logo img{ width:100%;}
@media (max-width:768px){
	#logo{ width:50%; float:left;}
	}
@media (max-width:425px){
	#logo{ width:70%; float:left;}
	}	
	
.headright{ width:58%; float:right;}
@media (max-width:768px){
	.headright{ width:100%; float:left;}
	}

.title{ font-weight:bold; text-align:center; margin-bottom:2%;}
.title span{ display:block; padding:1px 0;}
.title .cn{font-size:24px; color:#333; font-family:"微软雅黑"; font-weight:600;}
.title .en{font-size:18px;color:#999; font-family:Arial; font-weight:100;}
.title .line{ width:50px; height:3px; background:#0483a2; margin:6px auto 0 auto;}


.banner-con img{ width:100%;}

/*项目背景颜色移动*/
@-webkit-keyframes moveh1{
	from{left:-269px;}
	to{left:0px;}	
}
/*项目右边*/
/*@-webkit-keyframes moveh2{
	from{right:-524px; opacity:0;}
	to{right:0px; opacity:1;}	
}*/

.index-products{padding:3% 0;overflow:hidden;}

.index-productslist{ padding:1% 0 3% 0; position:relative;}
.index-productslist .item{ border:solid 2px #ccc; margin:0 8px;}
.index-productslist .item img{ width:100%;}
.index-productslist .item .name{background:#0483a2; text-align:center; color:#fff; padding:10px 0; font-size:16px;}
.index-productslist .item:hover{border:solid 2px #0483a2;}
.index-productslist .owl-theme .owl-controls{
	position: absolute;
    text-align: center;
    margin-left: -60px;
	bottom:-45px;
    left: 50%;
}

@media (max-width:768px){
	.index-products{padding:8% 0 12% 0;}
	.index-productslist .owl-theme .owl-controls{margin-left: -60px;}
	}
@media (max-width:425px){
	.index-productslist .owl-theme .owl-controls{bottom:-36px;margin-left: -78px;}
	}



.index-abouts{ background:url(../images/abouts-bj.jpg) no-repeat; background-size:cover; padding:3% 0;}
.index-abouts .title .cn,.index-abouts .title .en{ color:#fff;}
.index-abouts .title .line{background:#fff;}
.index-abouts .index-aboutscont{ width:80%; margin:40px auto; line-height:200%; color:#fff; text-align:center;}
.index-abouts .more{ display:block; width:12%; margin-left:auto; margin-right:auto; border:solid 1px #fff; border-radius:10px; padding:12px 0; text-align:center; color:#fff; font-weight:bold; letter-spacing:1px;}
.index-abouts .more:hover{ background:#fff; color:#0483a2;}
@media (max-width:768px){
	.index-abouts{padding:8% 0;}
	.index-abouts .index-aboutscont{ width:100%;}
	.index-abouts .more{ width:18%;}
	}
@media (max-width:425px){
	index-abouts .index-aboutscont{ width:100%; margin:30px auto; }
	.index-abouts .more{ width:28%;}
	}

.index-equipment{ padding:3% 0; overflow:hidden;}
.index-equipmentcont{ padding:1% 0;}
.index-equipmentcont ul{ margin:0; padding:0;}
.index-equipmentcont ul li{ width:31%; float:left; margin:10px;position:relative;background:#0483a2;border-radius:10px;}
.index-equipmentcont ul li .tu{ width:100%;border-radius:10px; opacity:1;}
.index-equipmentcont ul li .name{ text-align:center;padding:10px 0; position:absolute; left:50%; top:50%;margin-left: -41px;margin-top: -33.5px; display:none;}
.index-equipmentcont ul li .name span{ display:block;}
.index-equipmentcont ul li .name .cn{ color:#fff; font-size:20px;}
.index-equipmentcont ul li .name .en{ color:#dfdfdf; font-size:16px;}
.index-equipmentcont ul li:hover .tu{opacity:0.4;}
.index-equipmentcont ul li:hover .name{ display:block;}
@media (max-width:768px){
	.index-equipment{ padding:6% 0;}
	.index-equipmentcont ul li{ width:48%; float:left; margin:10px 4px;}
	.index-equipmentcont ul li .name{display:block;}
	.index-equipmentcont ul li .tu{opacity:0.4;}
	}
@media (max-width:425px){
	.index-equipment{ padding:8% 0;}
	.index-equipmentcont{ padding:3% 0;}
	.index-equipmentcont ul li{ width:48%; float:left; margin:10px 3px;}
	.index-equipmentcont ul li .name{ position:absolute; left:50%; top:50%;margin-left: -36px;margin-top: -31px;}
	.index-equipmentcont ul li .name .cn{ color:#fff; font-size:18px;}
	.index-equipmentcont ul li .name .en{ color:#dfdfdf; font-size:14px;}
	}



.index-partner{ background:#e8e7e7; padding:3% 0; overflow:hidden;}
.index-partnercont{ padding:2% 0 4% 0; }
.index-partnercont .item{ margin:0 10px;}
.index-partnercont .item img{ width:100%;}
.index-partnercont .owl-theme .owl-controls{
	position: absolute;
    text-align: center;
    margin-left: -60px;
	bottom:-45px;
    left: 50%;
}
@media (max-width:768px){
	.index-partner{padding:6% 0 12% 0;}
	.index-partnercont{ padding:4% 0; }
	.index-partnercont .owl-theme .owl-controls{
	position: absolute;
    text-align: center;
    margin-left: -46px;
	bottom:-60px;
    left: 50%;
}
	}
@media (max-width:425px){
	.index-partner{padding:8% 0 12% 0;}
	.index-partnercont{ padding:6% 0 4% 0; }
	.index-partnercont .owl-theme .owl-controls{
		position: absolute;
		text-align: center;
		margin-left: -46px;
		bottom:-46px;
		left: 50%;
	}
	}
/*内页*/

/*位置*/
#home{ width:100%;overflow:hidden; border-bottom:solid 1px #ccc;}
#home ul{ margin:1% auto;overflow:hidden; padding:0;}
#home ul li{ float:left; margin:0 0.6%; padding:0.2% 0;line-height: 22px; box-shadow:none; width:auto;}
#home ul li a{ color:#333; text-transform:uppercase;}
#home ul li a:hover{ text-decoration:underline;}
@media (max-width:768px){
	#home ul{ margin:2% auto;}
	}
@media (max-width:425px){
	#home ul{ margin:4% auto;}
	#home ul li{line-height: 20px;}
	#home ul li a{ font-size:12px;}
	}
/*位置 end*/

.abouts{ padding:4% 0; overflow:hidden;}
@media (max-width:425px){
	.abouts{ padding:6% 0; overflow:hidden;}
	}

#title{ font-weight:bold; text-align:center; margin-bottom:2%;}
#title span{ display:block; padding:1px 0;}
#title .cn{font-size:24px; color:#0483a2; font-family:"微软雅黑"; font-weight:600;}
#title .en{font-size:18px;color:#999; font-family:Arial; font-weight:100;}
#title .line{ width:50px; height:3px; background:#0483a2; margin:6px auto 0 auto;}
@media (max-width:768px){
	#title{ margin-bottom:4%;}
	}

.aboutscont .aboutsimg{ width:100%; margin-top:20px;}
.aboutscont p{ line-height:180%; text-indent:28px; letter-spacing:1px; margin:0;}
@media (max-width:768px){
	
	}

.honor{ padding:4% 0;}
.honor .item{ margin:0 10px;}
.honor .item img{ width:100%;}
.honor .owl-theme .owl-controls{
	position: absolute;.owl-carousel .owl-item
    text-align: center;
    margin-left: -60px;
	bottom:-30px;
    left: 50%;
}
@media (max-width:425px){
	.honor{ padding:10% 0;}
	.honor .owl-theme .owl-controls{
	position: absolute;
    text-align: center;
    margin-left: -60px;
	bottom:-30px;
    left: 50%;
}
	}	

.products{ overflow:hidden; padding:2% 0;}

.productslist{ width:26%; float:left; background:#0483a2; border:solid 1px #0483a2; border-radius:10px;padding-bottom:20px;}
.productslist .name{padding:14px 0;text-align:center;border-bottom:solid 1px #ccc; color:#fff;}
.productslist .name span{ display:block;}
.productslist .name .cn{font-size:20px;}
.productslist .name .en{font-size:14px;}
.productslist ul{ padding:0; margin:0;}

.productslist ul li{ border-bottom:dashed 1px #ccc; padding:0 4%; position:relative;}
.productslist ul li a{ padding:2% 0; color:#fff; line-height:200%; font-size:16px; display:block;text-align:center;/*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/}
.productslist ul li:hover{ background:#fff;}
.productslist ul li a:hover{ color:#333;}

.productcontent{width:70%; float:right;}
.productcontent .procont{ padding:10px 0;}
.productcontent .procont li{ float:left; width:30%; margin:0 1% 3% 1%;box-shadow:0 0 14px #999; border:solid 4px #fff;}
.productcontent .procont li img{ width:100%; border-bottom:solid 2px #0483a2;}
.productcontent .procont li .name{ text-align:center; font-size:16px; margin:4% 0; color:#333;/*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;*/}
.productcontent .procont li:hover{ background:#227086; border:solid 4px #0483a2;}
.productcontent .procont li:hover .name{ color:#fff;}

.productcontent .producttop{overflow:hidden; margin:4% 0; position:relative;}
.productcontent .producttop .proimg{ width:50%; float:left; border:solid 1px #ccc;}
.productcontent .producttop .protopright{ width:48%; float:right;}
.productcontent .producttop .protopright .title{ text-transform:uppercase; color:#0483a2; padding:2% 0; font-size:24px; font-weight:bold; text-align:left;}
.productcontent .producttop .protopright .prodtopcont{ padding:2% 0;}

.productcontent .productbottom .name{border-radius:10px;font-size:18px; background:#e6e5e5;padding:1.4% 0 1.4% 2%;}
.productcontent .productbottom .probotmcont{ padding:2%;}
.productcontent .productbottom .back{ float:right; display:block; padding:1%; text-align:center; color:#0483a2; margin-top:2%;}
.productcontent .productbottom .back:hover{ text-decoration:underline;}

@media (max-width:768px){
	.productslist{ width:100%; float:none; margin-bottom: 10px;}
	.productcontent{width:100%; float:none; margin-bottom:6%;}
	
	.productslist .name{font-size:20px;}
	.productslist ul{ display:none;}
	
	.productcontent .procont li{ float:left; width:43%; margin:2% 1%; padding:1%;box-shadow:0 0 14px #888;}
	.productcontent .procont li p{ font-size:16px;}
	
	.productcontent .producttop .proimg{ width:98%; float:none; border:solid 1px #ccc;}
	.productcontent .producttop .protopright{ width:100%; float:none; padding:0 2%; margin:2% 0;}
	
	.productcontent .productbottom .name{border-radius:0 10px 10px 0; border-left:solid 3px #fe0202; font-weight:bold;font-size:18px; background:#e6e5e5;padding:1.4% 0 1.4% 4%; text-transform:uppercase;}
	.productcontent .productbottom .probotmcont{ padding:4% 2%;}
	.productcontent .productbottom .back{ padding:2%;}
	}



.equipment ul{ margin:0; padding:0;}
.equipment .prodright-ul li{ width:31%; margin:10px; float:left;background:#0483a2;border-radius:10px; position:relative;}
.equipment .prodright-ul li .tu{ width:100%;border-radius:10px;}
.equipment .prodright-ul li .name{ text-align:center; font-size:16px;padding:10px 0; position:absolute; left:50%; top:50%;margin-left: -41px;margin-top: -33.5px; display:none;}
.equipment .prodright-ul li .name span{ display:block;}
.equipment .prodright-ul li .name .cn{ color:#fff; font-size:20px;}
.equipment .prodright-ul li .name .en{ color:#dfdfdf; font-size:16px;}
.equipment .prodright-ul li:hover .tu{opacity:0.4;}
.equipment .prodright-ul li:hover .name{ display:block;}
@media (max-width:768px){
	.equipment .prodright-ul li{ width:46%;}
	.equipment .prodright-ul li .name{ text-align:center; font-size:16px;padding:10px 0; position:absolute; left:50%; top:50%;margin-left: -41px;margin-top: -33.5px; display:block;}
	.equipment .prodright-ul li .tu{opacity:0.4;}
	}
@media (max-width:425px){
	.equipment .prodright-ul li{ width:44%;}
	.equipment .prodright-ul li .name{ text-align:center; font-size:16px;padding:10px 0; position:absolute; left:50%; top:50%;margin-left: -36px;margin-top: -31px; display:block;}
	.equipment .prodright-ul li .name .cn{ color:#fff; font-size:18px;}
	.equipment .prodright-ul li .name .en{ color:#dfdfdf; font-size:14px;}
	.equipment .prodright-ul li .tu{opacity:0.4;}
	}
@media (max-width:375px){
	.equipment .prodright-ul li{ width:46%;margin:10px 6px; }
	}
.partner ul{ margin:0; padding:0;}
.partner ul li{ width:16%; float:left; margin:1% 2%;}
.partner ul li img{ width:100%; border:solid 1px #ccc;}
.partner ul li .name{ text-align:center; padding:10px 0;}
@media (max-width:768px){
	.partner ul li{ width:22%; margin:10px;}
	.partner ul li .name{ text-align:center; padding:6px 0; font-size:14px;}
	}
@media (max-width:425px){
	.partner ul li{ width:44%; margin:10px;}
	}

.news ul{ margin:0; padding:0; overflow:hidden;}
.news ul li{ border-bottom:dashed 1px #ccc; padding:2% 0;}
.news ul li a{ color:#333;}

.news ul li .tubiao{ display:block; float:left; margin-right:10px; width:20px; height:20px; background:url(../images/tubiaoo.png) no-repeat; background-size:cover;}
.news ul li .name{ font-size:18px; text-align:left;letter-spacing:1px; line-height:100%;}
.news ul li .name .time{ float:right; font-size:14px; color:#666; font-weight:500;}
.news ul li .newscont{ color:#666; margin-top:1%; line-height:180%; text-indent:28px; letter-spacing:1px;}
.news ul li:hover{ border-bottom:dashed 1px #0483a2;}
.news ul li:hover .name{ color:#0483a2; font-weight:bold;}
.news .newstop{ padding:1% 0; border-bottom:dashed 1px #ccc; overflow:hidden;}
.news .newstop .title{ text-align:center; font-size:20px; color:#333;}
.news .newstop .newnn{ text-align:center;}
.news .newstop .newnn .back{ margin-left:10px;}
.news .newstop .newnn .back:hover{ text-decoration:underline;}

.news .newsbottom{ padding:2%; line-height:180%;}
.news .newsbottom p{text-indent:28px; margin:0;}
@media (max-width:425px){
	.news ul li{ border-bottom:dashed 1px #ccc; padding:4% 0;}
	.news ul li .tubiao{margin-right:8px; width:16px; height:16px;}
	.news ul li .name{font-size:16px; margin-bottom:10px;}
	.news ul li .name .time{ float:right; font-size:12px; color:#666; font-weight:500;}
	
	.news .newstop{ padding:4% 0;}
	.news .newstop .time{margin:2% 0;}
	}


.clear{ clear:both;}


#yema{ width:100%; margin-top:4%;}
#yema ul{overflow:hidden; margin:0; padding:0;}
#yema ul li{ float:left; border:solid 1px #ccc; padding:0.8% 0; margin:0 0.8%; text-align:center; width:6%; border-radius:0; box-shadow:none;}
#yema ul li a{ color:#333;}
#yema ul li:hover{background-color:#0483a2;}
#yema ul li:hover a{color:#fff;}
#yema ul li.ye,#yema ul li.ye1{ width:4%;}
#yema ul li.ye1{background-color:#0483a2;}
#yema ul li.ye1 a{ color:#fff;}
@media (max-width:768px){
	#yema ul li{ float:left; border:solid 1px #ccc; padding:1% 0; margin:0 1%; text-align:center; width:8%; border-radius:0;}
	#yema ul li.ye,#yema ul li.ye1{ width:6%;}
	}
@media (max-width:425px){
	#yema ul li{ float:left; border:solid 1px #ccc; padding:1% 0; margin:0 1%; text-align:center; width:14%; border-radius:0;}
	#yema ul li.ye,#yema ul li.ye1{ width:8%;}
	}

.contactcont{ margin:0; padding:4% 0; overflow:hidden;}
.contactcont .lianxi{ width:60%; float:left;}
.contactcont .lianxi .name{ font-size:18px; font-weight:bold; color:#0483a2; margin-bottom:4%;}
.contactcont .lianxi ul{ margin:0; padding:0;}
.contactcont .lianxi ul li{ line-height:200%; overflow:hidden; padding:1% 0; float:left; width:50%; color:#333;}
.contactcont .lianxi ul li span{ width:23px; height:24px; display:block; float:left; margin-right:2%;}
.contactcont .lianxi ul li .contact{ background:url(../images/Contacts.png) no-repeat; background-size:cover;}
.contactcont .lianxi ul li .phone{ background:url(../images/phone.png) no-repeat; background-size:cover;}
.contactcont .lianxi ul li .tel{ background:url(../images/tel1.png) no-repeat; background-size:cover;}
.contactcont .lianxi ul li .fax{ background:url(../images/fax.png) no-repeat; background-size:cover;}
.contactcont .lianxi ul li .email{ background:url(../images/email.png) no-repeat; background-size:cover;}
.contactcont .lianxi ul li .lei{ margin-left:92px;}
.contactcont .lianxi ul li .globe{ background:url(../images/globe.png) no-repeat; background-size:cover;}
.contactcont .lianxi ul li .add{ background:url(../images/add1.png) no-repeat; background-size:cover;}

.contactcont .code{ float:right; width:22%;}

#map{width:100%;margin-top:4%;}
#map img{ width:100%; display:none;}
@media (max-width:768px){
	.contactcont .lianxi{ width:100%;}
	.contactcont .lianxi ul li{width:100%;}
	
	.contactcont .code{ float:left; width:30%;}
	}
@media (max-width:425px){
	.contactcont .code{ width:40%; margin:2% 0;}
	#map{ margin-top:8%; border:solid 1px #ccc;width:98%;}
	#map img{ width:100%; display:block;}
	iframe{ display:none;}
	}

/*内页 end*/

#footer{ width:100%; margin-left:auto; margin-right:auto;background:#095f74; padding:3% 0;}

.lianxi{ width:15%; float:left;}
.lianxi ul{ margin:0; padding:0;}
.lianxi ul li{ color:#fff;padding:16px 0;letter-spacing:1px; line-height:160%;}
.lianxi ul li span{ display:block; float:left; width:20px; height:20px; margin-right:10px;}
.lianxi ul li .tel{ background:url(../images/tel.png) no-repeat; background-size:cover;}
.lianxi ul li .add{ background:url(../images/add.png) no-repeat; background-size:cover; margin-bottom:10px;}

.footcontent{ width:56%; float:left; margin:1% 8%;}
.footcontent .nav{overflow:hidden;}
.footcontent .nav ul{ margin:0; padding:0;}
.footcontent .nav ul li{ float:left; color:#fff; padding:0 6px;}
.footcontent .nav ul li a{ color:#fff; text-transform:uppercase; line-height:100%; letter-spacing:1px;}
.footcontent .nav ul li:hover a{ text-decoration:underline;}

.footcontent .banqian{ width:80%; text-align:center; color:#fff; overflow:hidden; margin:4% auto; line-height:180%; letter-spacing:1px;}
.footcontent .banqian span{ display:block;}
.footcontent .banqian span a{ color:#fff;}
.footcontent .banqian span a:hover{ text-decoration:underline;}

.code{ width:12%; float:right;}
.code img{ width:100%;}


@media (max-width:768px){
	.lianxi{ width:20%; float:left;}
	.footcontent{ width:78%; float:left; margin:1%;}
	.footcontent .nav ul li{ margin:4px 0;}
	.code{ width:20%; float:left;}
	}
@media (max-width:425px){
	#footer{padding:6% 0;}
	.lianxi{ width:100%; float:none;}
	.lianxi ul li{padding:10px 0;}
	.footcontent{ width:100%; float:none; margin:6% 0;}
	.footcontent .banqian{ width:94%;}
	.code{ width:38%; float:none; margin-left:auto; margin-right:auto;}
	}