﻿html {font-family: "Microsoft Yahei";}
body {background:#fff;color: #333;font-family: "Microsoft Yahei";margin: 0px; padding: 0px; line-height:30px;min-width:1200px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,section
{margin: 0px; padding: 0px;}
a {color: #333;text-decoration: none;cursor: pointer;text-decoration: none;}
a:hover {color: #f76100;text-decoration: none;cursor: pointer;text-decoration: none;}
.clear::after {height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: " ";}
.clear {-ms-zoom: 1; clear:both}
ol,li,ul,dd,dt{list-style: none;}
.left {float: left;display: inline;}
.right {float: right;display: inline;}
.top a{ color:#666; font-size:14px}
.top a:hover{ color:#f76100; font-size:14px}
.top{line-height: 38px;background-color: #e7e7e7;height: 38px;width: 100%;font-size:14px; color:#666}
.top .nr {width: 1200px;margin: 0px auto;}
.top .nr .gjc {text-align: left;float: left;width: 860px;}
.top .nr .lx-zx {text-align: right;float: right;width: 200px;}
.logo-dh {width: 1200px;margin: 0px auto;padding:30px 0px; height:57px; overflow:hidden; line-height:57px;}
.logo-dh .logo {float: left;width: 412px;}
.logo-dh .xcy {float: left;width: 300px; color:#F76100; text-align:left; font-size:18px; padding-left:50px;}
.logo-dh .dh {float: right;width: 200px;background: url(../xlc_06.png) no-repeat left center;padding-left:60px; padding-top:0px;}
.logo-dh .dh .rx {font-size: 16px;color: #666;line-height:25px; float:left; width:100%}
.logo-dh .dh .hm {font-size: 26px;color: #f00; line-height:35px; color:#f76100; font-weight:bold}

.nav {line-height: 46px;background-color:#298c7e;height: 46px;width: 100%;overflow: hidden;}
.nav ul {width: 1197px; margin:0 auto}
.nav ul li {text-align: center;float: left;width:133px;}
.nav ul li a {color:#fff; font-family: "Microsoft Yahei";font-size: 15px;text-decoration: none;line-height:46px; height:46px; display:block; text-align:center;background-color:#298c7e}
.nav ul li a:hover { color:#fff;text-decoration: none;font-size: 15px;line-height:46px; height:46px; display:block; text-align:center; background-color:#f76100}
.nav ul li a.xz { color:#fff;text-decoration: none;font-size: 15px;line-height:46px; height:46px; display:block; text-align:center; background-color:#f76100}

.slideBox {
	margin: 0px auto; width: 100%px; height: 676px; overflow: hidden; position: relative; min-width:1200px; z-index:99
}
.slideBox .bd {
	overflow: hidden; position: relative; z-index: 0;
}
.slideBox .bd ul {
	width: 100% !important;
}
.slideBox .bd li {
	background-position: center; width: 100% !important; height: 676px; background-repeat: no-repeat;
}
.slideBox .hd {
	left: 0px; width: 100%; text-align: center; bottom: 20px; position: absolute; z-index: 1;
}
.slideBox .hd li {
	background: url("../slide-index.png") no-repeat -15px 5px; font: 0px/20px a; margin: 0px 2px; border: 0px currentColor; border-image: none; width: 20px; height: 20px; overflow: hidden; display: inline-block; cursor: pointer; font-size-adjust: none; font-stretch: normal;
}
.slideBox .hd li:hover {
	background-position: -15px 5px;
}
.slideBox .hd li.on {
	background-position: -35px 5px;
}
.slideBox .prev {
	background: url("../slider-arrow.png") no-repeat 0px 0px; left: 3%; top: 46%; width: 55px; height: 80px; margin-top: -25px; display: block; position: absolute;
}
.slideBox .next {
	background: url("../slider-arrow.png") no-repeat 0px 0px; left: 3%; top: 46%; width: 55px; height: 80px; margin-top: -25px; display: block; position: absolute;
}
.slideBox .next {
	background-position: -50px 0px; left: auto; right: 3%;
}
.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {
	display: none;
}
.product {background: url(../xlc_19.png) no-repeat center top;height: 840px;width: 100%;overflow: hidden;margin-top: 5px;}
.product .nr {width: 1200px;margin: 0px auto;padding-top: 40px;padding-bottom: 40px;}
.product .nr h3 {font-size: 32px;text-transform: uppercase;color: #000;background: url(../xlc_20-22.png) no-repeat center center;
text-align: center;height: 74px;overflow: hidden;padding-top: 18px; line-height:30px;}
.product .nr h3 span {font-size: 18px;color: #000; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.product .nr ul {width: 1248px;margin: 30px auto 0px auto; }
.product .nr ul li {float: left;width: 368px;padding-right: 48px; text-align:center}
.product .nr ul li img {border: 10px solid #136b5e;}
.product .nr ul li:hover img {border: 10px solid #f76100;}
.product .nr ul li a p{ color:#FFF; font-size:18px; line-height:40px; padding-bottom:15px;}
.product .nr ul li a:hover p{ color:#000; font-size:18px; line-height:40px;}

.about {background:#fff;width: 100%;overflow: hidden;}
.about .nr {width: 1200px;margin: 0px auto;padding-top: 40px;padding-bottom: 40px;}
.about .nr h3 {font-size: 32px;text-transform: uppercase;color: #000;background: url(../xlc_20-22.png) no-repeat center center;
text-align: center;height: 74px;overflow: hidden;padding-top: 18px; line-height:30px;}
.about .nr h3 span {font-size: 18px;color: #000; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.about .nr .xq {width: 1248px;margin: 30px auto 0px auto; }
.about .nr .xq .wz {width: 690px; float:left}
.about .nr .xq .wz .mc {width: 690px;float:left}
.about .nr .xq .wz .jj {width: 690px;float:left; line-height:30px; font-size:14px; color:#5a5858;padding-top:10px;}
.about .nr .xq .wz .more {width:130px;float:left; padding-top:20px;}
.about .nr .xq .wz .more a {width:130px;line-height:34px; font-size:16px; text-align:center; display:block;background-color:#136b5e; color:#FFF}
.about .nr .xq .wz .more a:hover {width:130px;line-height:34px; font-size:16px;text-align:center;display:block; background-color:#f76100;color:#FFF}
.about .nr .xq .tp {width: 442px; float:right; position:relative}
.about .nr .xq .wh {width:155px;float:left;position:absolute; left:-100px; top:0; height:42px;}
.about .nr .xq .wh a {width:155px;line-height:42px; font-size:18px; text-align:center; display:block;background-color:#136b5e; color:#FFF}
.about .nr .xq .wh a:hover {width:155px;line-height:42px; font-size:18px;text-align:center;display:block; background-color:#f76100;color:#FFF}

.jsfw {background: url(../xlc_45.jpg) no-repeat center top;height: 830px;width: 100%;overflow: hidden;}
.jsfw .nr {width: 1200px;margin: 0px auto;padding-top:80px;}
.jsfw .nr h3 {font-size: 32px;text-transform: uppercase;color: #fff;background: url(../xlc_20-22.png) no-repeat center center;
text-align: center;height: 74px;overflow: hidden;padding-top: 18px; line-height:30px;}
.jsfw .nr h3 span {font-size: 18px;color: #fff; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.jsfw .nr h4{ width:1200px; text-align:center; font-size:14px; color:#333; font-weight:normal; padding-top:40px; line-height:33px;} 
.jsfw .nr ul {width: 1220px;margin: 50px auto 0px auto; }
.jsfw .nr ul li {float: left;width: 590px;padding-right: 20px; text-align:center}

.news {background:#fff;width: 100%;overflow: hidden;}
.news .nr {width: 1200px;margin: 0px auto;padding-top: 40px;padding-bottom: 40px;}
.news .nr h3 {font-size: 32px;text-transform: uppercase;color: #000;background: url(../xlc_20-22.png) no-repeat center center;
text-align: center;height: 74px;overflow: hidden;padding-top: 18px; line-height:30px;}
.news .nr h3 span {font-size: 18px;color: #000; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.news .nr .xw-tj {width: 1200px;margin: 0px auto;padding-top: 40px;}
.news .nr .xw-tj .xw {float: left;width: 710px;}
.news .nr .xw-tj .xw ul {width: 710px; height:281px; overflow:hidden}
.news .nr .xw-tj .xw ul li {float: left;width: 710px; padding-bottom:15px;}
.news .nr .xw-tj .xw ul li .tp {float: left;width: 180px;}
.news .nr .xw-tj .xw ul li .tp img{ border:#ccc solid 1px;}
.news .nr .xw-tj .xw ul li .tp img:hover{ border:#F76100 solid 1px;}
.news .nr .xw-tj .xw ul li .wz {float: right;width: 510px;}
.news .nr .xw-tj .xw ul li .wz .bt {line-height: 30px;float: left;height: 30px;width: 510px;overflow: hidden;}
.news .nr .xw-tj .xw ul li .wz .bt a.hs {font-size: 16px;color: #FEA500;text-decoration: none;}
.news .nr .xw-tj .xw ul li .wz .bt a {font-size: 16px;color: #333;text-decoration: none;}
.news .nr .xw-tj .xw ul li .wz .bt a:hover {font-size: 16px;color: #298C7E;text-decoration: none;}
.news .nr .xw-tj .xw ul li .wz .rq {font-size: 12px;color: #666;float: left;width: 510px; padding:5px 0px;}
.news .nr .xw-tj .xw ul li .wz .ms {line-height: 25px;float: left;height: 50px;width: 510px;overflow: hidden;font-size: 14px;color: #333;}
.news .nr .xw-tj .tj {float: right;width: 449px;}
.news .nr .more {width:120px;padding-top:30px; margin:0 auto}
.news .nr .more a {width:118px;line-height:30px; height:30px; font-size:12px; text-align:center; display:block;background-color:#F7F7F7; color:#666;border-radius:15px;border:1px solid #CCC;}
.news .nr .more a:hover {width:118px;line-height:30px; height:30PX; font-size:12px;text-align:center;display:block; background-color:#f76100;color:#FFF;border-radius:15px;border:1px solid #CCC;}
/*焦点图*/
.focus{ position:relative; width:449px; height:281px; background-color: #000; float: left;}  
.focus img{ width: 449px; height: 281px;} 
.focus .shadow .title{width: 260px; height: 45px;padding-left: 30px;padding-top: 0px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:10px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:50px; line-height: 50px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:12px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;} 


#tabbox{ width: 442px; height: 296px; position: relative;}
.imgbg{width: 442px; height: 296px; top: 0; left: 0; position: absolute; background: #fff;  opacity:0;filter(alpha=0)}
.imgbg:hover{ opacity:0.5;filter(alpha=50)}

#tabbox2{ width: 590px; height: 361px; position: relative;}
.imgbg2{width: 590px; height: 361px; top: 0; left: 0; position: absolute; background: #fff;  opacity:0;filter(alpha=0)}
.imgbg2:hover{ opacity:0.5;filter(alpha=50)}
.foot {background-color: #136b5e;width: 100%;margin: 0px auto; font-size:14px; color:#FFF; line-height:33px;}
.foot .nr {width:1200px;margin: 0px auto;}
.foot .nr .lx{ width:450px; text-align:left; padding:30px 0px; float:left}
.foot .nr .ewm{ border-left:#143A22 solid 1px;border-right:#143A22 solid 1px; width:297px; float:left; padding:30px 30px 20px 30px;}
.foot .nr .wzdh{ padding:30px 0px 30px 30px; float:left; width:361px}
.foot .nr .wzdh h3{ font-size:14px; font-weight:normal}
.foot .nr .wzdh .gy{ font-size:14px; font-weight:normal; color:#FFF;}
.foot .nr .wzdh .gy h4{ font-size:14px; font-weight:normal;color:#FFF; width:70px; float:left}
.foot .nr .wzdh .gy a{ font-size:14px; font-weight:normal;color:#FFF;}
.foot .nr .wzdh .gy a:hover{ font-size:14px; font-weight:normal;color:#FF0;}
.foot .nr .wzdh .gy div a{padding-right: 10px;}

/*内页*/
.middle {width: 1200px;margin: 20px auto; font-size:14px; line-height:25px;}
a{ color:#333; font-size:14px}
a:hover{ color:#298C7E;font-size:14px}
.rzxq {
	float: left;
	width: 250px;padding-right: 25px; font-size:14px; color:#FFF
}
.rzxq h3 {
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
	height: 50px;
	width: 250px;
	background-color: #F76100;
	font-weight: normal;
	font-size: 18px;
	font-family: "微软雅黑";
}
.rzxq .nr {
	padding: 10px;
	width: 230px;background-color:#298C7E
}
.rzxq .nr a{ color:#fff; font-size:16px; background-color:#3CBC94; display:block; width:230px; line-height:40px; height:40px;}
.rzxq .nr a:hover{ color:#fff; font-size:16px; background-color:#F76100;display:block;width:230px; line-height:40px; height:40px;}
.rzxq .nr a.xz{ color:#fff; font-size:16px; background-color:#F76100;display:block;width:230px; line-height:40px; height:40px;}
.rzxq .nr ul li { margin-top:10px; text-align:center
	/*background: url(../17171512.jpg) no-repeat 5px center;
	border-bottom: 1px solid #eee;
	line-height: 40px;
	height: 40px;
	width: 203px;
	overflow: hidden; padding-left:25px; */
}
.tp5{width:302px; float:left; padding:0px 9px 5px 0px; text-align:center}
.tp5 img{ border:#eee solid 1px;}
.imgbk{ border:#eee solid 1px;}
.tp5 img:hover{ border:#298C7E solid 1px;}
.tp6{text-align:center; padding-bottom:15px; padding-top:10px; width:100%}
.bk{ border-bottom:#ddd dashed 1px; line-height:45px; height:45px; overflow:hidden}
.xw {
	float: left;
	width: 925px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
}
.xw .xwdt {
	width:925px;
	margin: 0px auto;
	padding: 0px;float:left;border-bottom:#ddd solid 1px;line-height:49px; height:49px;
}
.xw .xwdt h3 {
	float: left;
	color:#143A22;
	line-height:48px;
	height:48px;
	font-size:18px;
	font-weight: normal;
	text-align: left;
	
	font-family: "微软雅黑";
}
.xw .xwdt h3 span{border-bottom:#F76100 solid 3px; line-height:47px; height:47px; display:block; width:auto}
.xw .xwdt p {
	text-align: right;
	float: right;color:#666;
}
.xw .xwdt p a {font-size: 14px;color: #666;text-decoration: none;}
.xw .xwdt p a:hover {font-size: 14px;color:#298C7E;text-decoration: none;}
.xw .xwxq {
	width: 925px;
	padding-top: 15px; float:left; overflow:hidden; line-height:30px;
}
.xw .xwxq img{max-width:100%; display: inline}
.xw .xwxq p{ margin-bottom:10px;}
.cplb2{ width:895px; margin:0 auto}
.tp7{text-align:center; padding-bottom:15px; padding-top:10px; width:350px; float:left}
.cpxq2{ width:520px; float:right; text-align:left; line-height:25px;padding-top:10px; color:#666}
.cpxq2 p{ padding:0px; margin:0px;line-height:25px;}
.cpcs{ line-height:40px; height:40px;border-bottom:#eee solid 1px;}
.cpcs h3{color:#298C7E;border-bottom:#F76100 solid 1px; width:70px; font-weight:normal;font-size:16px; text-align:left}
.js{ padding-top:10px; color:#666}
