@charset "utf-8";
*{margin:0; padding:0;}
body{ font-family:"宋体",Arial, Helvetica, sans-serif;font-size: 12px;color: #666666;line-height:22px; background-color:#FFF; text-align:left}
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ font-size:12px
	margin:0;
	padding:0;
}
img{ margin:0px; padding:0px; border:none}
li{ list-style:none}
A:link {color: #5B5B5B;TEXT-DECORATION: none}
A:visited {COLOR: #5B5B5B;TEXT-DECORATION: none}
A:hover {COLOR: #FF0101; text-decoration: none;}
A:active {COLOR: #5B5B5B;  text-decoration: none;}



.wap{ width:980px; height:auto; margin:0px auto;}
.header{ width:100%; height:104px;}
.logo{ width:390px; height:102px; float:left}
.link{ width:590px; height:104px; float:right; text-align:right}
.phone{ width:590px; height:30px; line-height:30px; margin-top:10px; background:url(../images/phone.jpg) no-repeat 300px center; font-size:16px}
.phone span{ font-weight:bold; color:#f00}
.links{ width:590px; height:40px;line-height:40px;  margin-top:10px;font-size:14px; text-align: center;COLOR: #FFFFFF;  background-color:#0196C0}
.links a{ padding:0px 12px;}


.links A:link {color: #FFFFFF;TEXT-DECORATION: none}
.links A:visited {COLOR: #FFFFFF;TEXT-DECORATION: none}
.links A:hover {COLOR: #FF0101; text-decoration: none;}
.links A:active {COLOR: #FFFFFF;  text-decoration: none;}



.acent{ margin:0px auto; text-align:center; margin-top:10px;}

.banner{ width:100%; height:380px; overflow:hidden; position: relative}
.banner2{ width:100%; height:200px; overflow:hidden; position: relative}

.tonggao{ width:100%; height:180px; margin-top:10px;}
.tonggaol{ width:490px; height:180px; float:left;background:url(../images/xianrr.jpg) no-repeat right center;}
.tonggaor{ width:480px; height:180px; float: right;}
.tonggaort{ width:460px; height:25px; line-height:25px; font-size:14px; margin-left:20px; font-weight:bold;}
.tonggaort a{ float:left}
.tonggaort span{ float:right; padding-right:12px; font-weight:normal}
.tonggaorb{ width:460px; height:145px; margin-top:5px;}
.tonggaorb li{ width:148px; height:145px; float:left; margin-right:2px;}
.tonggaorb li img{ width:140px; height:95px; border:1px solid #E6E6E6; padding:8px 3px;}
.tonggaorb li p{ text-align:center; line-height:30px;}

#demo img,#demo3 img{ width:140px; height:95px; border:1px solid #E6E6E6; padding:8px 3px; margin-right:5px;}


.yeji{ width:978px; height:180px; border:1px solid #E6E6E6}
.yejit{ width:100%; height:38px; line-height:38px; font-size:14px; font-weight:bold; text-indent:15px;}
.yejit a{ float:left}
.yejit span{ float:right; padding-right:10px; font-weight:normal}

.yejib{ width:952px; height:140px;}
.yejib ul{ }
.yejib li{ width:148px; height:140px; float:left; margin-right:9px;}
.yejib li img{ width:142px; height:109px; border:1px solid #E6E6E6; padding:2px;}
.yejib li p{ text-align:center; line-height:22px;}



.footer{ width:100%; height:100px;margin-top:30px; border-top:1px solid #E6E6E6}
.footerl{ width:600px; height:90px; float:left; margin-top:10px;}
.footerl p{ text-indent:5px; line-height:25px; color:#AEAEAE}
.footerl a{ padding-right:15px;}
.footerr{ width:150px; height:20px; float:right; margin:35px 15px 0px 0px;}






<!-- banner开始 -->
.focus {width: 980px;height: 380px;overflow: hidden;position: relative; margin:0px auto}
.f-img-list {height: 380px;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 100;width: 100%;}
.f-img-list li {height: 380px;text-align: center;width: 100%;position: absolute;left: 0;top: 0;z-index: 101;}
.f-img-list li.on {	z-index: 105;}
.focus .f-b {width: 980px;margin: auto;position: relative;z-index: 110;}
.focus .f-b .f-content {position: absolute;	width: 100%;height: 100%;}
.d-img-list-bg, .d-img-list {position: absolute;left:100px;	top: 0;	width: 200px;height: 380px;}
.d-img-list-bg {background: #000000;opacity: 0.2;filter: Alpha(Opacity = 20);}
.d-img-list li {position: absolute;left: 0;	top: 0;	z-index: 112;display: none;	width: 200px;height: 380px;}
.d-img-list li.on {	z-index: 113;display: block;}
.d-img-list li h3 {padding: 60px 10px 10px 10px;color: #37a4e4;font-size: 22px;font-family: Microsoft YaHei;font-weight: normal;}
.d-img-list li p {padding: 10px 10px 10px 10px;color: #ffffff;font-size: 16px;font-family: Microsoft YaHei;font-weight: normal;line-height: 1.6;}
.focus-btns {position: absolute;right: 140px;top: 280px;}
.btn-focus {width: 146px;height: 50px;display: inline-block;margin-right: 10px;	background: url(../images/btn-focus.png) no-repeat;display: none;}
.btn-focus.on {	display: block;}
.btn-focus-down {background-position: 0 0;}
.btn-manage {background-position: 0 -50px;}
.focus-page-btn {width: 66px;height: 66px;background: url(../images/focus-page-btns.png) no-repeat;position: absolute;top: 160px;z-index: 110;}
.focus-btn-prev {background-position: 0 0;left: 30px;}
.focus-btn-next {background-position: -66px 0;right: 30px;}
<!-- banner结束 -->








#tabbox{ width:465px; overflow:hidden; height:160px;}
.tab_conbox{ height:120px;}
.tab_con{ display:none;}

.tabs{height: 34px;border-bottom:1px solid #D9D9D9;width: 465px; background:url(../images/xianss3.jpg) no-repeat 101px 4px;}
.tabs li{height:34px;line-height:25px;float:left; width:91px;overflow: hidden;position: relative; margin-right:20px;}
.tabs li a {display: block; text-align:center;outline: none; font-size:14px; font-weight:bold}
.tabs li a:hover {}	
.tabs .thistab,.tabs .thistab a:hover{display:block;height:34px; background:url(../images/yyy.jpg) no-repeat top left; border-bottom:1px solid #01ABCF}
.tabs .thistab a{ color:#FFF;}
.tab_con { padding-top:5px;}

.lines{ width:100%; height:28px; line-height:28px;}
.lenel{ width:340px; height:28px; float:left}
.lener{ width:120px; height:28px; text-align:center; float: right}






/* 产品 */
.chanp{ width:980px; height: auto; overflow:hidden; margin:0px auto; margin-top:22px;}
.chanpl{ width:237px; height: auto; float:left;overflow:hidden}
.chanpr{width:720px; height: auto; float: right; overflow:hidden}
.chanplt{ width:237px; height:40px; line-height:40px; background-color:#0196C0; text-align:center; font-weight:bold; font-size:16px; color:#FFF}
.chanplb{ width:235px; height: auto;border:1px solid #DEDEDE; padding-bottom:5px;}
.chanplb ul{ margin-top:15px; margin-left:10px;}
.chanplb li{ width:218px; height:34px; overflow:hidden; text-indent:40px; line-height:34px; border-bottom:2px solid #DEDEDE;background:url(../images/chanp_bg.gif) no-repeat 10px center; font-weight:bold }
.chanplb li span{font-size:14px; height:34px;}



.chanplt22{ width:237px; height:40px; line-height:40px; background-color:#0196C0; text-align:center; margin-top:20px;font-weight:bold; font-size:16px; color:#FFF}
.chanplb22{ width:235px; height: auto;border:1px solid #DEDEDE; padding-bottom:5px;}
.chanplb22 p{ padding:5px; line-height:22px;}



.chanprt{ width:720px; height:40px; float:right; line-height:40px; font-family:"宋体","微软雅黑", Arial; border-bottom:1px solid #D9D9D9}
.chanprt span{ float:right; margin-right:10px;font-size:12px; }
.chanprt h3{ float:left; padding-left:10px;  font-size:14px;}
.chanprt span a{ color:#5B5B5B}
.chanprt h3 a{ color:#5B5B5B}
.chanprt a:hover{COLOR: #FF0101; text-decoration:none}
.nlist{ width:720PX; height: auto; overflow:hidden;line-height: 30px;font-family:"微软雅黑", Arial;}
.nlist2{ width:720PX; height: auto; overflow:hidden;line-height: 30px;font-family:"微软雅黑", Arial;}
.nlist3{ width:720PX; height: auto; overflow:hidden;line-height: 30px;font-family:"微软雅黑", Arial;}
.nlist3 ul{ margin-top:15px;}
.nlist3 li{ width:230px; height:210px; overflow:hidden; float:left; text-align:center; margin-left:6px;_margin-left:4px; }
.nlist3 li img{ width:220px; height:160px; padding:4px; border:1px solid #CCCCCC}
.nlist3 li p{ line-height:30px; font-size:12px;}







.nlist ul {padding: 15px 10px 10px 10px;}
.nlist li {text-align: left; height:30px;font-size: 12px;color: #666;border-bottom: 1px dotted #D9D9D9;clear: both;}
.nlist li a{ float:left}
.nlist li A:link {color: #464646;TEXT-DECORATION: none}
.nlist li A:visited {COLOR: #464646;TEXT-DECORATION: none}
.nlist li A:hover {COLOR: #FF0101; text-decoration: none;}
.nlist li A:active {COLOR: #464646;  text-decoration: none;}



.nlista{ width:720PX; height: auto; overflow:hidden;line-height: 30px;font-family:"微软雅黑", Arial;}
.nlista ul {padding: 15px 10px 10px 10px;}
.nlista li {text-align: left; height:30px;font-size: 12px;color: #666;border-bottom: 1px dotted #D9D9D9;clear: both;}


.nlit{ width:100%; height:25px; margin-top:20px; border-bottom:1px solid #D9D9D9}
.nlit h3{ width:100px; height:25px; line-height:25px; margin-left:15px; background-color:#0196C0; text-align:center}
.nlit h3 a{ color:#FFF}
.nlit h3 A:link {color: #FFF;TEXT-DECORATION: none}
.nlit h3 A:visited {COLOR: #FFF;TEXT-DECORATION: none}
.nlit h3 A:hover {COLOR: #FF0101; text-decoration: none;}
.nlit h3 A:active {COLOR: #FFF;  text-decoration: none;}

.viciao { width:100%; height:30px; text-align:center; padding-top:20px; clear:both
}
.viciao span{ height:30px; padding-top:2px;}
.viciao A {
	BORDER-RIGHT: #8db5d7 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8db5d7 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #8db5d7 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #8db5d7 1px solid; TEXT-DECORATION: none; 
}
.viciao A:hover {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
.viciao A:active {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
.viciao SPAN.current {
	BORDER-RIGHT: #e89954 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e89954 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e89954 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e89954 1px solid; BACKGROUND-COLOR: #ffca7d
}
.viciao SPAN.disabled {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}



#feature {
	 WIDTH:480px; height:145px; overflow:hidden; text-align:center; 
}
* A {POSITION: relative}
#feature .prev {
	TEXT-INDENT: -9999px; WIDTH: 14px; DISPLAY: block; BACKGROUND: url(../images/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px; TOP: -105px; 
}
#feature .next {
	 TEXT-INDENT: -9999px; WIDTH: 14px; DISPLAY: block; BACKGROUND: url(../images/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px;  TOP: -105px; 
}
#feature .prev:hover {
	BACKGROUND-POSITION: center bottom
}
#feature .next:hover {
	BACKGROUND-POSITION: center bottom
}
#block {
	Z-INDEX: 0; POSITION: relative;WIDTH: 450px; HEIGHT: 145px; left:16px;_left:1px; OVERFLOW: hidden}


#featurea {
	 width:970px; height:140px;overflow:hidden; margin-left:4px; text-align:center; 
}
#featurea .preva {
	TEXT-INDENT: -9999px; WIDTH: 14px; DISPLAY: block; BACKGROUND: url(../images/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px; TOP: -105px; 
}
#featurea .nexta {
	 TEXT-INDENT: -9999px; WIDTH: 14px; DISPLAY: block; BACKGROUND: url(../images/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px;  TOP: -105px; 
}
#featurea .preva:hover {
	BACKGROUND-POSITION: center bottom
}
#featurea .nexta:hover {
	BACKGROUND-POSITION: center bottom
}
#blocka {
	Z-INDEX: 0; POSITION: relative;WIDTH: 935px;HEIGHT: 140px; left:19px;_left:2px; OVERFLOW: hidden}