﻿/* CSS Document */
body {  font-size:14px;  line-height:26px; margin:0; padding:0; background-color: #fff;font-family: "Noto Sans SC"; font-weight: 400;}
div { margin:0 auto}
dl,dt,dd,ul,li,h1,p{ list-style:none; margin:0; padding:0}
img { border:0   };
.f1{font-size:16px; color: #666666;}

a{ text-decoration:none;}
a.a1:link {
	color: #666666; font-size:14px;  
	text-decoration: none;
}
a.a1:visited {
	text-decoration: none;font-size:14px;  
	color: #666666;
}
a.a1:hover {
	text-decoration: none;font-size:14px;  
	color: #000000;
}
a.a1:active {
	text-decoration: none;font-size:14px;  
	color: #666666; }
	
a.a11:link {
	color: #666; 
	text-decoration: none;
}
a.a11:visited {
	text-decoration: none;
	color: #666;
}
a.a11:hover {
	text-decoration: none;
	color: #017ec1;
}
a.a11:active {
	text-decoration: none;
	color: #666; }	

	
a.a2:link {
	color: #666; font-size:16px; 
	text-decoration: none;
}
a.a2:visited {
	text-decoration: none;font-size:16px; 
	color: #666;
}
a.a2:hover {
	text-decoration: none;font-size:16px; 
	color: #999;
}
a.a2:active {
	text-decoration: none;font-size:16px; 
	color: #666; }
	


a.a3:link {
	color: #007cc2; 
	text-decoration: none; 
	font-size:16px;
}

a.a3:visited {
	text-decoration: none;
	color: #007cc2;
	font-size:16px;
}

a.a3:hover {
	text-decoration: none;
	color: #333;
	font-size:16px;
}
a.a3:active {
	text-decoration: none;
	color: #007cc2; 
	font-size:16px;
}



a.a4:link {
	color: #e8f5fb; 
	text-decoration: none; 
	font-size:12px;
}

a.a4:visited {
	text-decoration: none;
	color: #e8f5fb;
	font-size:12px;
}

a.a4:hover {
	text-decoration: none;
	color: #ffffff;
	font-size:12px;
}
a.a4:active {
	text-decoration: none;
	color: #e8f5fb; 
	font-size:12px;
}


a.a5:link {
	color: #dbeff9; 
	text-decoration: none; 
	font-size:16px;
}

a.a5:visited {
	text-decoration: none;
	color: #dbeff9;
	font-size:16px;
}

a.a5:hover {
	text-decoration: none;
	color: #ffffff;
	font-size:16px;
}
a.a5:active {
	text-decoration: none;
	color: #dbeff9; 
	font-size:16px;
}

.top1{ width:100%; height:40px; background-color:#f1f1f1;}
.top2{ width:1200px; height:40px; line-height:40px; color:#666;}
.top2 h1{ font-size:14px;float:left}

.top{ width:1200px; height:130px; }
.top img{ width:100%; display:block;}
.topright{ width:180px; height:30px; float:right; margin-top:5px;}
.nav1{ width:100%; height:50px; background-color: #333333;}

.nav{ width:1200px; height:50px; }
.nav a{ float:left; height:40px; padding-top:10px;color:#ffffff; display:block; width:200px; text-decoration:none;text-align:center; font-size:16px;}
.nav a:link{ }
.nav a:visited{ }
.nav a:hover{  background-color:#007cc2; }
.nav a:active{ }

.bannerpic{width:1900px;height:500px; overflow:hidden}
.bannerpic img{ width:100%; display:block}

.banner{ width:1900px; height:auto; overflow:hidden}
.banner img{ width:100%; display:block}

.banner1{ width:1900px; height:auto; overflow:hidden}
.banner1 img{ width:100%; display:block}


.nr2{ width:1200px; height:550px;}
.nr3{ width:1200px; height:430px;}
.nr{ width:1200px; height:555px;}
.nrbt{ width:1200px; height:41px; background:url(../image/btbg.jpg) center; text-align:center; font-size:26px; padding-top:20px; margin:20px 0 20px 0;}
.nrcp{width:auto; height:40px; border:#CCCCCC solid 1px; margin-bottom:30px;}
.nrcp a:link{ float:left; height:30px; padding-top:10px;color:#333333; display:block; width:149px; text-decoration:none;text-align:center; font-size:16px; border-right:#CCCCCC solid 1px;}
.nrcp a:visited{ float:left; height:30px; padding-top:10px;color:#333333; display:block; width:149px; text-decoration:none;text-align:center;font-size:16px;}
.nrcp a:hover{  height:30px; padding-top:10px; text-align:center; float:left;  color: #ffffff; display:block;   width:149px; font-size:16px; background-color: #007cc2; }
.nrcp a:active{ float:left; height:30px; padding-top:10px;color:#ffffff; display:block; width:149px; text-decoration:none;text-align:center;font-size:16px;}

.nrcp1{width: 1200px;height: 90px;text-align: center; margin-top:40px; overflow:hidden}
.nrcp1 ul{display:inline-block; *display:inline; zoom:1;}
.nrcp1 li{ width:140px; height:50px; line-height:45px;  float:left; text-align:center; margin-right:15px;margin-left:15px; background-color:#2690ca;  }
.nrcp1 a{height:40px; color:#ffffff;  width:150px; text-decoration:none;text-align:center; font-size:18px;  }
.nrcp1 a:hover{height:40px; color:#333; width:150px; text-decoration:none;text-align:center; font-size:18px;  }

.nrpro{width:1200px; height: auto; overflow:hidden }
.nrpro ul{float:left;  width:261px; height:200px; margin-right:18px; margin-left:18px;}

/* 业务范围	.nrpro a:hover img{
	transform:scale(1.2,1.2) rotate(10deg);
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	-o-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;
	} */
	
/* 业务范围 */	
.ynrpro{width:1200px; height: auto; overflow:hidden }
.ynrpro ul{float:left;  width:360px; height:390px; margin-right:18px; margin-left:18px; margin-bottom:40px;margin-top:10px; border-bottom:#eee solid 1px;}
.ynrpro ul img{ text-align:center; margin:0 auto; width:360px; height:230px;}
.ynrpro a:hover img{
	transform:scale(1.1,1.1) rotate(10deg);
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	-o-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;
	}
.ynrpro .ytext{height:30px; padding-top:5px; text-align:center;}	
.ynrpro .htext{height:110px; padding-top:5px; }	
.ynrpro .htext a{ color:#666; font-size:14px}	
/* 业务范围end */		

.text{height:30px; padding-top:18px;  position: absolute; bottom:0px;  width:103%; text-align:center; background-color:rgba(255,255,255,0.6) }

.more{ width:150px; height:38px; text-align:center; border:#CCCCCC solid 1px; border-radius:10px;}
.more a{ border-radius:10px;}
.more a:link{ display:block; padding:5px; height:28px;}
.more a:visited{ display:block; padding:5px;height:28px;}
.more a:hover{ display:block; background-color:#007cc2; padding:5px;height:28px; color:#FFF}
.more a:active{ display:block; padding:5px;height:28px;}


.nrright{ width:600px; float:left; height:auto; padding-top:20px;}
.nrright p{ margin-bottom:20px;}

.nr1{ width:1200px; height:470px;}
.news{ width:550px; height:80px; padding-left:20px;  padding-right:30px;float:left; margin-bottom:45px;}
.newsleft{ width:80px; height:80px; float:left; margin-right:30px; }
.newsleft ul{ text-align:center; border:#CCCCCC solid 1px;}
.li1{background-color:#007cc2; height:30px; color:#FFFFFF; font-size:14px; line-height:30px;}
.li2{ height:40px; padding-top:10px; font-size:24px; color:#666666; }
.li3{ height:35px;}
.ulleft{float: left; width:400px; line-height:20px;}

.news_index{width:100%; height:auto; overflow: hidden;}
.news_more{width:100%; height:50px; display:block;}


.bottom{ width:100%;  height:261px; background-color:#007cc2; padding-bottom:30px; padding-top:30px;}
.bottom1{ width:1200px;  line-height:24px; height:180px; color:#666666;  border-bottom:#2690ca solid 1px;}
.bottom1 ul{width:150px; float:left; margin-right:50px;}
.li5{height:50px;}
.li6{ background-image:url(../image/tel1.jpg); background-repeat:no-repeat; padding-left:20px; }
.li7{ background-image:url(../image/add.jpg); background-repeat:no-repeat; padding-left:20px;}
.bottom2{ width:1200px; height:60px; font-size:12px; padding-top:20px; color:#D7E2F9; }
.bottom2 li{ width:390px; float:left; line-height:24px;}


/* 分页 */
.page{ width:1200px; height:35px; text-align:center; padding-top:15px; color:#666; margin-bottom:20px;}
.page a{
    display: inline-block;
    padding: 3px 10px;
    margin-right: 10px;
    border: 1px solid #2690ca;
    color: #2690ca;
}
.page a:link{ text-decoration:none;}
.page a:hover {
	color: #fff;
	background-color: #2690ca;
	text-decoration: none
	}
.page a.now {
    background-color: #2690ca;
    color: #fff;
}
.page select{ color:#666; border:#2eafbb solid 1px; height:33px;}
/* 产品详细页面 */

.newslistyy{ height:480px;padding-top:40px; width:1200px;}
.ab{ width:1200px;height:auto; border-bottom:#eee solid 1px;overflow:hidden; }
.abc{ width:900px; padding-top:30px; padding-bottom:30px; float:left; margin-right:30px; min-height:300px; height:auto;  background-color:#FFffff; color:#666666; line-height:28px; }
.abcbt{width:900px; height:40px; color:#999; border-bottom:#eee solid 1px; margin-bottom:20px;}
.abc ul.line{ height:20px; padding:20px; border-bottom:#e1e1e1 solid 1px; margin-bottom:30px; width:860px;}
.abc ul.line1{ height:auto; padding-top:5px;padding-bottom:5px; border-bottom:#e1e1e1 solid 1px; margin-bottom:30px; width:900px; font-size:16px}

.abc li.time {  width:100px; padding-left:25px;  color:#666 ; font-size:12px;background:url(../image/pot6.jpg) no-repeat left top; line-height:24px; float:left;}
.abc li.fen {  width:100px; padding-left:25px;  color:#666 ; font-size:12px;background:url(../image/pot7.jpg) no-repeat left top; line-height:24px; float:left;}
.abc li.img1{ float:right; width:160px;}
.abcnr{ width:888px; height:auto;font-size:16px;line-height:32px;}
.abcnr img{  margin-top:30px;  margin-bottom:30px; text-align:center; max-width:880px; }
.abcnr p{ text-align:left;}

.abcnew{margin-left:30px; margin-right:0}
.abcleft5{width:269px; float:left}

.p9{background-image:url(../image/pot8.jpg); background-repeat:no-repeat; background-position:left; padding-left:25px; color:#333333; margin-bottom:20px;}
.abcright{ width:269px; height:auto; float:left; background-color:#fcfcfc; margin-top:60px;}
.abcright ul{ height:50px; margin:15px; border-bottom:#e1e1e1 solid 1px; }
.abcright .ul1{ height:40px; margin:15px; border-bottom:#e1e1e1 solid 1px; text-align:center; font-size:16px }
.abcright li{ width:240px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.abcright p{ width:250px; padding:10px; background-color: #2690ca; height:25px; color:#FFFFFF; font-size:18px; text-align:center}
.abcright a.seo1{ width:134px; line-height:40px; text-align:center; display:block; float:left; border-bottom:#eee solid 1px; color:#666 }
.xiao{ font-size:12px;color:#666666;}
/* 业务范围 */
.ynewsnr{ width:570px; height:120px;line-height:25px; padding:15px; background-color:#f6f6f6; color:#666666;margin-bottom:25px; float:left}
.ynewsnrleft{width:200px; float:left;}
.ynewsnrright{width:360px; float:left;}
.yp5{ font-size:14px; color:#999;  margin-bottom:10px;}
.yp5 a{ font-size:18px; color:#2690ca; text-decoration:none;}
.yp5 a:hover{ font-size:18px; color:#666}
.yp6{text-align:right}

/* 新闻列表面 */
.newsnr{ width:1170px; height:120px;line-height:25px; padding:15px; background-color:#f6f6f6; color:#666666;margin-bottom:25px;}
.newsnrleft{width:200px; float:left;}
.newsnrright{width:960px; float:left;}
.p5{ font-size:14px; color:#999;  margin-bottom:10px;}
.p5 a{ font-size:18px; color:#2690ca; text-decoration:none;}
.p5 a:hover{ font-size:18px; color:#666}
.p6{text-align:right}

a.a6:link {
	color: #2690ca;
	text-decoration: none;
}
a.a6:visited {
	text-decoration: none;
	color: #2690ca; 
}
a.a6:hover {
	text-decoration: none;  
	color: #666;
}
a.a6:active {
	text-decoration: none;  
	color: #2690ca; }


.portfolio-img {margin-bottom:10px;overflow:hidden;}
.portfolio-img a {position:relative;}
.portfolio-img a,.portfolio-img img {width:100%;display:block;overflow:hidden;/* -webkit-transform:scale(1); */-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);/* transform:scale(1); *//* -webkit-transition:all 0.3s ease-out 0s; */-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;/* transition:all 0.3s ease-out 0s; */}
.portfolio-img .opacity-overlay {width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;background-color:#000;opacity:0;filter:alpha(opacity=0);_height:expression( (this.parentElement.clientHeight) +'px');-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.portfolio-img .icon-zoom {display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:11;background:url(images/icon-zoom.png) no-repeat center;}
.portfolio-img .icon-video {display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:11;background:url(images/icon-video.png) no-repeat center;}
.portfolio-img a:hover .opacity-overlay {filter:alpha(opacity=70);opacity:0.7;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.portfolio-img a:hover img {transform:scale(1.2,1.2) rotate(10deg);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.portfolio-item:hover img,.product-item:hover img,.scrollable-item:hover img {transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
