@charset "UTF-8";
.pc{
	display:none;
}

.tops{
	height:80px; line-height:80px; background:#015EAE; color:white; position:fixed; z-index:2000; left:0px; width:100%; top:0px;
}
a.logo{
	display:block; width:220px; float:left; line-height:80px;
	}
	
.navs{
	width:890px; float:left;
}
	
.navs li{
	width:123px; float:left; position:relative; padding:0px 10px; text-align:center;
}
.navs li>a{
	display:inline-block; height:78px; overflow:hidden; font-size:16px; line-height:78px; text-decoration:none; color:#fff; border-bottom:solid 2px #015EAE; text-align:center;
	}
.navs li.cur>a,.navs li:hover>a{
	border-color:#F08118;
}
.navs li div{
	position:absolute; left:0px; top:80px; width:125%;  z-index:999; background:#015EAE; display:none; padding-top:6px;
}
.navs li div a{
	display:block; height:32px; line-height:32px; text-decoration:none; text-align:center; color:white; overflow:hidden; padding:0px 18px;
}
.navs li:hover div{
	display:block;
}
.navs li div a:hover{
	color:#F08018;
}
	
.suba a{
	display:block; height:38px; line-height:38px; color:#444; border-bottom:solid 1px #f1f1f1; text-align:center; text-decoration:none; overflow:hidden;
}
.suba a:hover{
		color:#DE490F;
}
		
.navs li:hover div.suba{
	display:block;
}

.sebox{
	width:90px; float:right; line-height:80px; position:relative;
}
	
a.sea span{
	position:relative; top:2px; color:white;
}
	
a.en{
	margin-left:28px; color:#fff; font-size:16px;
}
.soubox{
		position:absolute;  width:0px; left:-45px; height:80px; overflow:hidden; background:#025FAD; top:0px;
	}
#q {
    max-width: 125px;
}
.mulu{
	display:none;
}
.title-img{
	  padding:7px 0px; text-align:center; position:relative; 
}

.product-box{
	padding:10px 0px; margin-bottom:35px; margin-top:35px;
}
.t-desc{
	line-height:26px; font-size:14px; color:#666666; text-align:center; margin-bottom:22px; 
}
.indexpcat a{
	display:block; width:380px; float:left; margin-right:30px; text-decoration:none; color:black; padding:18px 18px; background:#F2F6F9;
}
.indexpcat a:nth-child(3n+0){
	margin-right:0px;
}
.indexpcat a span{
	display:block; font-size:24px; color:black; line-height:35px; margin-bottom:13px; height:35px; overflow:hidden;
}
.indexpcat a font.line1{
	height:2px; display:block; width:50px; background:#ccc; margin-bottom:14px;
}
.indexpcat a font.desc{
	display:block; font-size:14px; color:#999; margin-bottom:18px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase
}
.indexpcat a:hover{
	color:white; background:#0069FF;
}

.indexpcat a:hover span{
	color:white;
}

.indexpcat a:hover font{
	color:white;
}

.about-box{
	margin-bottom:45px; background:#0068B3; color:white; margin-top:48px;
}
.about-img{
	width:50%; float:left; position:relative;
}
.about-img a{
	position:absolute; bottom:0px; width:60px; height:38px; text-align:center; background:#f0f0f0; line-height:38px;
}
.about-img a.left{
	right:0px;
}
.about-img a.right{
	right:-60px; background:#0086E6; color:white;
}
.about-img a:hover{
	background:#F08018; color:white;
}
.about-img img{
	width:100%; display:none; transition: all 0.6s;  
}
.about-img img:Hover{
	opacity:0.9;
}

.about-desc{
	width:50%; float:right; 
}
.about-title{
	margin-bottom:30px;
}
.about-right{
	width:600px; padding:0px 46px; color:white; padding-top:92px;
}
.about-txt{
	line-height:26px; margin:29px 0px;
}
.about-right a{
	display: block;
    width: 195px;
    text-decoration: none;
    height: 44px;
    line-height: 44px;
    background: #F08018;
    color: white;
    border-radius: 3px;
    text-align: center;
	border-radius:22px;
	font-size:18px;
	text-transform:uppercase;	
}

.about-right a:hover{
	background:#006EFF; font-size:14px;
}

.inews-box{
	margin:40px 0px;
}

.inews{
	width:585px; float:left; padding:25px 22px; background:#F2F2F2; padding-bottom:60px; position:relative;
}

.inews a.title{
	display:block; height:40px; line-height:40px; text-align:center; font-size:18px; margin-bottom:7px; color:black; overflow:hidden;
}

.inews .info{
	line-height:23px; margin-bottom:15px; color:#898989; font-size:12px; text-align:center;
}

.inew{
	padding:0px 10px; height:260px; overflow:hidden; text-align:center;
}

.inew img{
	height:260px; transition: all 0.6s;  
}

.inew img:hover{
	transform: scale(1.05); 
}

.inews a.more{
	position:absolute; background:#0068B3; width:100%; height:40px; line-height:42px; color:white; text-decoration:none; text-align:center; left:0px; bottom:0px; text-transform:uppercase; font-weight:bold;
}

.inews a.more span{
	position:relative; transition: all 0.6s;  
}

.inews a.more:hover span{
	left:3px;
}

.inlist{
	width:585px; float:right;
}

.inlist ul li{
 margin-bottom:8px; padding:8px 2px; border-bottom:solid 1px #f0f0f0;
}

.inlist ul li a{
	display:block; line-height:34px; padding-left:14px; background:url(../images/li.png) no-repeat left center; font-size:18px; color:#222; text-decoration:none;
}

.inlist ul li a:hover{
	color:#0068b3; background:url(../images/li_cur.png) no-repeat left center;
}

.inlist ul li a font{
	color:#999; float:right; font-size:12px;
}

.inlist ul li .desc{
	  color:#888; line-height:22px; height:44px; overflow:hidden; margin-top:7px;
}

.fcode{
	width:250px; padding-left:50px; border-left:solid 1px #999; float:right;
}

.fnav{
	float:left; width:920px;
}

.fnav li>a.title{
	color:white; display:block; line-height:38px; font-size:16px; font-weight:bold;
}

.fnav li{
	width:153px; float:left;
}

.fnav li div a{
	line-height:30px; display:block; height:30px; overflow:hidden; text-decoration:none; color:#999999;
}

.fnav li div a:hover{
	color:#333;
}

.fnav li div a:hover{
	color:white;
}

.fcode>span {
    display: block;
}

.fcode>span.t1 {
    color: #999;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
}

.fcode>span.t2 {
    color: #999;
    font-size: 12px;
    line-height: 18px;
	margin-top:12px;
}

.fcode>span.tel {
    color: white;
    line-height: 50px;
    font-size: 20px;
    margin-bottom: 15px;
}

.shares {
    position: relative; margin-top:16px;
}

.flink a{
	margin-right:22px;
}

.subcat{
	text-align:center;
}

.cat{
	height:142px; width:100%; position:absolute; left:0px; bottom:20px; text-align:center;
}
.cat .base{
	position:relative; background:url(../images/s.png) no-repeat left center; height:140px;
}

.cats a{
	display:inline-block; margin-left:-5px; width:160px; height:140px; border:solid 1px white;   padding:31px 22px; text-align:center; text-decoration:none; color:white; z-index:200; border-right:none; opacity:0.7;
}

.cats a:last-child{
	border-right:solid 1px #fff;
}

.cats{
	text-align:center; position:relative; z-index:800;
}
.cats a span{
	display:block; line-height:40px; height:30px; overflow:hidden;
}
.cats a:hover,.cats a.cur{
	background:#0168B3; opacity:1; border-color:#0168B3;
}

.page-title{
	height:54px; line-height:54px; text-align:center; font-size:28px; color:#0168B3; margin-bottom:25px;
}

.cases a{
	width:380px; float:left; margin-bottom:25px; margin-right:30px; text-decoration:none; color:white; background:#808080; overflow:hidden; text-align:center; height:420px; position:relative;
}
.cases a:nth-child(3n+0){
	margin-right:0px;
}
.cases a div{
	 height:420px; overflow:hidden;
}
.cases a div img{
	display:block; height:420px;  transition: all 0.6s;  
}
.cases a span{
	display:block; height:36px; line-height:36px; position:absolute; width:100%; left:0px; bottom:0px; background:#808080;
}
.cases a:Hover span{
	background:#0168B3;
}

.cases a:hover div img{
	transform: scale(1.05);  
}

.con-title{
	height:60px; line-height:60px; color:#0068b3; font-size:28px; font-weight:bold; text-align:center;
}

.con-desc{
	color:#999; line-height:30px; text-align:center; margin-bottom:25px;
}

.con li{
	width:399px; float:left; border-right:solid 1px #ccc; height:125px; padding:12px 20px; text-align:center;
}

.con li:last-child{
	border-right:none;
}

.con li font{
	display:block; height:35px; line-height:35px; margin-top:4px;
}
.conline{
	margin:35px 0px; height:1px; background:#ccc;
}


.map{
	margin:45px 0px;
}

.fform{
	padding-top:30px;
}

.fitem{
	width:585px; float:left; height:70px; margin-bottom:32px; 
}

.fform .fitem:nth-child(even){
	float:right;
}

.fitem input.input-txt{
	height:70px; line-height:46px; padding:12px 15px; background:#E6E6E6; color:black; outline:none; border:none; width:100%; border-radius:3px;
}

.ditem{
	  margin-bottom:32px; 
}

.ditem textarea{
	width:100%; height:100px; background:#E6E6E6; border:none; padding:10px 11px; outline:none;
}

.nlist li{
	margin-bottom:35px; padding:20px 18px;  box-shadow: #ccc 0px 0px 12px; 
}

.nlist li a.img{
	width:240px; float:left; height:200px; overflow:hidden; display:block; float:left;
}

.nlist li a.img img{
	 transition: all 0.6s;  
}

.nlist li:hover a.img img{
	transform: scale(1.05);
}

.nlist li .content{
	width:900px; float:right;
}

.nlist li a.title{
	display:block; text-decoration:none; color:#333333; font-size:18px; line-height:35px; margin-bottom:5px;
}
.nlist li .info{
	line-height:23px; color:#999; margin-bottom:8px; font-size:12px;
}
.nlist li .desc{
	height:42px; line-height:21px; overflow:hidden; color:#777;
}
.nlist li a.more{
	display:block; width:140px; height:40px;   text-decoration:none;color:#666; border:solid 1px #666;text-align:center; margin-top:20px; line-height:40px;
}
.nlist li:hover a.title{
	color:#0168B3;
}
.nlist li:hover a.more{
	background:#0168B3; color:white; border-color:#0168B3;
}
.ntitle {
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    color: black;
    margin-bottom: 12px;
}

.ninfo {
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
}
.ncontent {
    line-height: 25px;
    padding-bottom: 55px;
}
.ncontent img{
	max-width:100%;
}
.subcat{
	height:60px; line-height:60px; background:#E6E6E6; margin-bottom:25px;
}

.subcat a{
	display:inline-block; height:60px; padding:0px 35px; line-height:60px; color:black; text-decoration:none;
}
.subcat a.cur,.subcat a:hover{
	background:#CCCCCC;
}

.nop{
	margin-bottom:0px;
}

.piclist a{
	width:380px; float:left; margin-right:30px; display:block; text-decoration:none; color:#333; text-align:center; overflow:hidden; margin-bottom:25px;
}
.piclist a:nth-child(3n+0){
	margin-right:0px;
}
.piclist a img{
	height:300px; transition: all 0.6s;  
}

.piclist a div{
	height:300px; overflow:hidden;
	
}

.piclist a:hover div img{
	transform: scale(1.05);  
}

.piclist a span{
	display:block; height:39px; line-height:32px; border-bottom:solid 1px #ccc; padding-top:2px;
}

.piclist a:Hover span{
	color:#0168B3;
}
.w320{
	width:320px; float:left; position:relative; left:-58px; opacity:0;
}
.wabout{
	width:880px; padding:35px 25px; line-height:28px; background:#F3F3F3; float:left; height:440px;
}
.whbox{
	height:530px; background:url(../images/wh.jpg) no-repeat center center;   padding:40px 0px; margin-top:65px;
}

.wh{
	margin-top:95px;
}

.wh li{
	width:230px; float:left; margin-right:12px; background:#F0F0F0; padding:18px 18px; padding-top:0px; height:220px; text-align:center;
}

.wh li:last-child{
	margin-right:0px;
}

.wh li:Hover{
	background:#015EAE; color:white;
}

.wh li:Hover span{
	color:white;
}
	
.wh li .ico{
	width:60px; height:60px; position:relative; bottom:30px; background:#F0F0F0;   border-radius:50%;
}

.wh li span{
	display:block; color:black; font-size:18px; line-height:36px;
}

.wh li font{
	display:inline-block; height:1px; width:45px; margin-bottom:15px;
}

.wh li .desc{
	line-height:19px; height:57px; overflow:hidden;
}

.historybox{
	margin-top:40px; padding:25px 0px;
}

.history{
	background:url(../images/cicle2.png) repeat-y center 40px; min-height:60px;
}

.his-title{
	height:40px; text-align:center;
}


.hlist{
	padding-top:28px;
}
.hlist li{
	height:75px; background:#F0F0F0; padding:15px 20px; position:relative; line-height:25px; width:560px; clear:both; 
}
.hlist li:hover{
	color:#0068b3;
}
.hlist li font{
	display:block; width:95px; position:absolute; height:75px; text-align:center; color:#0068b3; font-size:28px; line-height:75px; top:0px;
}
.hlist li:nth-child(even){
	padding-right:110px; text-align:right; float:left;
}
.hlist li:nth-child(even) font{
	right:0px;
}
.hlist li:nth-child(odd){
	padding-left:110px; text-align:left; float:right;
}
.hlist li:nth-child(odd) font{
	left:0px;
}

.honor{
	margin-top:48px;
}

.wtlist li{
	margin-bottom:40px; padding:20px 18px;  box-shadow: #ccc 0px 0px 12px; position:relative; padding-right:210px;
}

.wtlist li a.title{
	height:33px; line-height:33px; display:block; color:#333; padding-left:30px; background:url(../images/qtitle.png) no-repeat left center; margin-bottom:7px; font-size:18px; text-decoration:none;
}

.wtlist li .desc{
	line-height:22px; height:66px; overflow:hidden;
}

.wtlist li a.more{
	position:absolute;
	width: 120px;
    height: 36px;
    text-decoration: none;
    color: #666;
    border: solid 1px #666;
    text-align: center;
    line-height: 36px;
	right:27px;
	top:60px;
}

.wtlist li a.more:hover{
	background:#0168B3; color:white;
}
	
.wtlist li a.title:hover{
	color:#0168B3;
}

.fwll{
	padding:40px 0px; margin-bottom:40px;
}

.ll li{
	width:280px; margin-right:26px; float:left; border-bottom:solid 1px #ccc; 
}
.ll li:nth-child(4n+0){
	margin-right:0px;
}
.ll li div{
	height:200px; overflow:hidden;
}
.ll li span{
	display:block; line-height:43px; text-align:center; color:#333333; font-size:16px; height:43px; overflow:hidden;
}
.ll li:hover{
	border-color:#0168B3;
}

.ll li  div img{
	 transition: all 0.6s;    max-width:100%;
}

.ll li:hover div img{
	max-width:100%; transform: scale(1.05);
}

.con-title{
	margin-top:10px;
}






.lcbox{
	margin:55px 0px; background:url(../images/sbg.jpg) no-repeat center top; height:629px; padding:50px 0px;
}
.lc-img{
	margin-top:35px; text-align:center;
}
.lc-img img{
	max-width:100%;
}
.souhou{
	padding:20px 0px;
}
.sh-content{
	line-height:29px; margin-top:28px;
}

.product a{
	display:block; text-decoration:none; margin-bottom:28px; margin-right:30px; width:380px; margin-right:30px; text-decoration:none; color:#333; text-align:center; float:left;
}
.product a div{
	line-height:240px; background:#E6EDF3; text-align:center; height:280px; overflow:hidden; padding:20px; overflow:hidden;
}
.product a div img{
	max-height:240px; transition: all 0.6s;  
}
.product a:hover div img{
	transform: scale(1.05);
}
.product a span{
	display:block; line-height:50px; height:50px; overflow:hidden; font-size:16px; padding:0px 8px; border:solid 1px #eee; border-top:none;
}
.product a:nth-child(3n+0){
	margin-right:0px;
}
.product a:Hover span{
	color:white; background:#0168B3; border-color:#0168B3;
}

.pleft{
	width:600px; float:left;
}
.pimgbox{
	height:480px; text-align:center; overflow:hidden; line-height:440px; padding:20px; background:#E7EEF4;
}
.pimgbox img{
	line-height:440px; max-width:100%;
}
.pright{
	width:575px; float:right;
}
.slidep{
	margin-top:18px; height:100px; overflow:hidden;
}
.slidep a{
	display:inline-block; margin-right:22px; text-decoration:none; width:98px; height:98px; background:#ECF1F5; border:solid 1px #ECF1F5; overflow:hidden; line-height:98px; text-align:center;
}
.slidep a:last-child{
	margin-right:0px;
}
.slidep a img{
	max-width:80px; max-height:90px;
}
.slidep a.cur{
	border-color:#0068B1;
}
.product-title{
	height:52px; line-height:52px; color:black; font-size:30px; margin-bottom:12px;
}
.cs{
	line-height:35px; color:#666666; font-size:16px;
}
.d-etail{
	margin-top:25px; margin-bottom:15px; height:37px; line-height:30px; color:#0068b3; font-size:18px; border-bottom:solid 1px #ccc; font-weight:bold;
}

.dos{
	margin-top:45px;
}

.tim1{
	position:relative; top:55px; opacity:0;
}
.tim2{
	position:relative; left:55px; opacity:0;
}
.tim3{
	position:relative; top:55px; opacity:0;
}
.spurl{
	width:600px; margin:0 auto; margin-bottom:15px;
}
.spurl iframe{
	width:100%; height:480px;
}