﻿body{margin:0; padding:0;font-family:"Microsoft Yahei"; color:#333;}
a{color:#333; text-decoration:none;}
a:hover{color:#007CC2;/*filter: alpha(opacity=80);
-khtml-opacity: 0.8;
opacity: 0.8;
-webkit-transition: all 0.3s ease-out;
-khtml-transition: all 0.3s ease-out;*/}
img{border:0; vertical-align:middle;}
h1{margin:0;padding:0}
.clear{clear:both;}
.header{width:100%; margin:0 auto; text-align:center;float:left; position:relative;z-index:1;}
.header2{width:100%; margin:0 auto; text-align:center;float:left; position:absolute;top:0;left:0;right:0;z-index:1;}
.header h1{font-size:1.2rem; text-align:center;}
.header h1 a{color:#fff;}
.header2{width:100%;float:left}
.online{position:fixed;float:right; top:20%;right:10px;width:170px;z-index:8888; border-radius:5px;background:#fff; border:1px solid #166AB8}
.online .on_title{background:#166AB8;color:#fff; border-radius:5px 5px 0 0; text-align:center; line-height:30px;}
.online p{ padding:5px 10px; float:left; line-height:25px;margin:0; width:150px;}
.swipe{overflow:hidden;visibility:hidden;position:relative;width:100%;}
.swipe-wrap{overflow:hidden;width:100%;position:relative;}
.swipe-wrap>div{width:100%;float:left;position:relative;}
#image img{width:100%;border:0;margin:0;padding:0;}
#image .swipe-item a{display:block;width:100%;}
#image .swipe-item .bottom{z-index:1;position:absolute;bottom:0;padding:0;height:30px;line-height:30px;display:block;left:0;text-align:center;background:rgba(0,0,0,0.5);text-align:left;width:100%;}
#image .swipe-item .bottom .title{color:#FFF;margin-left:6px;}
#image .dots{z-index:10;position:absolute;bottom:0;padding:0;height:30px;line-height:30px;display:block;left:0;text-align:right;}
#image .dots b{display:inline-block;margin:12px 4px;width:6px;height:6px;border-radius:3px;background:rgba(144,144,144,0.8);}
#image .dots .select{background:#fff;}#news{margin-top:1px;}
#news .news-title{height:50px;line-height:50px;color:#FFF;padding:0 0 0 10px;position:relative;}
#news .news-title .icon{-webkit-background-size:28px auto;-o-background-size:28px auto;}
#news .news-title a{display:block;color:#FFF;font-size:18px;}
.tel{width:100%; text-align:center; background:#166AB8; padding:3% 0; color:#fff; border-radius:5px; margin:2% 0; font-size:18px;}
.tel a{color:#fff;font-size:18px;}
.navclass{ text-align:center;line-height:100px;padding:5% 0;background:#CE0000;width:100%;float:left;}
.navclass a{height:100px;display:inline-block;background:#FEF0DA;width:100px;margin:1%;-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%;font-size:1.2rem;}
.indexphone{width:100%;float:left;margin-top:5%}
.indexphone .phoneimg{margin-top:-35%;}
.indexbody{width:100%;position:relative;z-index:0;float:left;}
.indexbg{ position:absolute;width:100%;float:left;z-index:-1;left:0;top:0;right:0;}
.indexcat{ text-align:center;font-size:0.8rem;width:100%;float:left;}
.indexcat a{display:inline-block;margin:1% 2%;}
.menu_home{width:100%;color:#fff; text-align:center;background:#51BE88; }
.menu_home a{color:#fff;font-size:14px;display:inline-block;}
.menu_home ul{float:left; margin:0; padding:0; width:100%; list-style:none;color:#fff;text-align:center;}
.menu_home ul li{float:left; width:25%; height:40px;line-height:40px;color:#fff;  }
.menu_home ul li a{color:#fff;font-size:16px;width:auto;}
.web980{width:100%;float: left;margin:0 auto;}
.indexcontent{width:100%; position:relative;top:0;right:0;left:0; }
.bgbox{width:100%;}
.bgboximg{width:100%; position:absolute;top:0;left:0;right:-5%;bottom:0;z-index:-1;}
.indexcontent .titleprod{width:30%;height:30px;line-height:30px;margin-top:-18%;color:#fff; text-align:center;}
.indexcontent .titleprod a{color:#fff;font-size:24px;}
.indexcontent .indextext{color:#3F5967;width:70%;float:right;margin-top:-25%; text-align:center;}
.indexcontent .indextext2{color:#3F5967;width:90%;text-align:center;}
.subchild{width:100%;padding:2% 0;padding-top:5%;}
.subchild a{display:inline-block; vertical-align:middle;height:30px;line-height:30px;overflow:hidden;margin-left:5%;color:#fff;}
.syhdcss
{
	display:none;
	z-index: 9999; 
    position:absolute;
    right: 0px;
	top:0px;
	width:100%;
	opacity: 0.8;
	text-align:right;
	background-color: #ffffff;
	color:#000;
	border-bottom:5px solid #00697D;
	font-size:1rem;
	font-weight:bold;
}
.syhdcss a
{
	display:block;line-height:30px;padding-right:10px;color:#000;
}
/*首页手指滑动图片*/
.scroll
{
	position:relative;
	overflow:hidden;
}
.dotModule_new1
{
	padding:0 5px;
	height:16px;
	line-height:6px;
	-webkit-border-radius:11px;
	background:rgba(45,45,45,0.5);
	position:absolute;
	bottom:10px;
	left:50%;
	z-index:11; 
}
.dotModule_new
{
	padding:0 5px;
	height:11px;
	line-height:6px;
	-webkit-border-radius:11px;
	background:rgba(45,45,45,0.5);
	position:absolute;
	bottom:1px; 
	z-index:11;
	visibility:hidden;
} 
#slide_01_dot
{
	text-align:center; 
} 
#slide_01_dot span
{
	display:inline-block;
	margin:0 3px;
	width:5px;
	height:5px;
	vertical-align:middle;
	background:#f7f7f7;
	-webkit-border-radius:5px;
}
#slide_01_dot .selected
{
	background:#66ff33;
}

.top{width:100%; background:url(../images/menu-repeat.gif) repeat-x; border-bottom:1px solid #e6e6e6; height:57px;}
.top ul{list-style:none;margin:0; padding:0;}
.top ul li{float:left;line-height:57px;}
.hover{background:#fff; color:#007CC2; border-top:4px solid #5EB1DF;float:left;height:53px; width:100px; text-align:center; line-height:50px;}
.top .href{float:left;height:57px; line-height:57px; width:100px; text-align:center;}
.top ul li a{float:left;}
.top ul li a:hover{background:#fff;border-top:4px solid #5EB1DF;overflow:hidden;height:53px;line-height:50px;display:block;}
.logo{width:980px;float:left}
li{margin:0; padding:0; list-style:none;}
.banner{ position:relative; width:100%;  overflow:hidden; margin: 0 ;}
.banner ul{ margin:0; padding:0; width:100%;float:left; height:30%; }
#banner { position: relative; width:100%; overflow: hidden; margin:0; }
#banner .pic{ position:relative; z-index:0;height:30%; }
#banner .pic img{ width:100%; display:block;height:100%;}
#bannerNum{ position:absolute; width:100%; text-align:center; bottom:10px; height:16px;  padding:0;}
#bannerNum li{ background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display:inline-block; *display:inline; zoom:1;  _background: url(../images/dot8.png) no-repeat 0 -16px;}
#bannerNum li.on{ background-position:0 0;}
#banner .prev,#banner .next{ position:absolute; width: 30px; height: 30px; display: none;  filter:alpha(opacity=20);opacity:0.2; top:40%; background:url(../images/arrow.png) no-repeat;}
#banner .prev{ left:0; background-position:0 0; }
#banner .next{ right:0; background-position:0 -90px;}
#banner .prev:hover,#banner .next:hover{ filter:alpha(opacity=50) !important;opacity:0.5 !important; }

.revlist{width:98%;float:left; padding:1%; margin:20px 0;}
.revlist h3{margin:0; padding:0; float:left; width:100%; background:#fafafa;}
.revlist h3 span{float:right;}
.revlist dl{margin:10px 0; padding:0;float:left;width:100%;}
.revlist dl dt{font-size:12px;border-bottom:1px solid #e6e6e6; color:#888;}
.revlist dl dt span{float:right;}
.revlist dl dd{margin:5px 0; padding:0; line-height:20px; font-size:12px;}


.list{width:100%; float:left;margin:10px 0;}
.list .title{height:35px; border-left:5px solid #007CC2;border-radius: 5px; line-height:35px;padding-left:15px;font-weight:bold;color:#007CC2;}
.list .title .more{float:right; padding-right:10px;font-size:14px; color:#aaa;font-weight:normal;margin-left:15px;}
.list .title a:hover{color:#42A881}
.list .title span{font-size:14px; color:#aaa;font-weight:normal;margin-left:15px;}
.list .title span a{margin-right:10px;}
.list ul{width:100%; zoom: 1;margin:0; padding:0;}
.list ul li{float: left;width:96%; border-radius: 5px; margin:1%;padding:1%;background-color: #fff;border:1px solid #ccc; text-align:center;}
.list ul li span{display:inline-block;height:30px;width:100%;line-height:30px;}
.list ul li a{font-size:14px;}
.list ul li a:hover{color: #42A881;}
.list ul li p{margin:0; padding:0 9px 9px 9px;height:18px; overflow:hidden; }
.list ul li .tc{font-size: 12px;color: #aaa;margin: 5px 0;padding: 0 9px;}
.list ul li .tc b{color:#298B5C;}
.list ul li img{width:98%;border:1px solid #ccc; }

.list_left{width:100%; margin:0; float:left;}
.list_left .newslist{width:94%;margin:1% auto;padding:2%;}
.list_left h1{ margin:1% auto; font-size:1.1em; width:96%; height:30px;line-height:30px;overflow:hidden;display:inline-block;}
.list_left h1 label{display:inline-block;padding:0 20px 0 10px;background:#CE0000;color:#fff;border-left:15px solid #002E5E;height:30px;overflow:hidden;}
.list_left .text_list{ float:left; width:100%;margin:0;}
.list_left .text_list li{width:100%; padding:1% 0;border-bottom:1px solid #ccc;margin:1% 0;}
.list_left .text_list li a{  text-indent:10px;	}
.list_left .text_list h2{padding:1% 2%;font-size:14px; width:60%; float:left; margin:0;}
.list_left .text_list p{padding:5px 10px; float:left; width:660px;font-size:12px;margin:0; }
.list_left .text_list span{padding:5px 10px; float:right; display:inline-block; font-size:12px;margin:0;color:#aaa; }
.list_left .text_list img{float:left;width:98%;margin:2%; }
.list_right{width:100%; margin:20px 0;}
.list_right dl{float:left; width:100%; margin:0 0 10px 0; padding: 0 0 10px 0;border-radius:5px;}
.list_right dl dt{float:left; width:100%; margin:0; padding:0; height:35px;background:#166AB8; color:#fff; border-radius:5px 5px 0 0; line-height:35px; text-indent:15px;}
.list_right dl dd{line-height:28px; margin:0; padding:0 5%; width:90%; float:left;font-size:14px;}
.list_right dl dd:before{content:">"; margin-right:5px; color:#666; }
.list_right dl dd span{float:right; color:#aaa;}
.lianxi{float:left; width:100%; margin:0 0 10px 0; padding: 0 0 10px 0;}
.lianxi h3{float:left; width:100%; margin:0; padding:0; height:35px;background:#166AB8; color:#fff; border-radius:5px 5px 0 0; line-height:35px; text-indent:15px;}
.lianxi p{line-height:23px; margin:0; padding:0 5%; width:90%; float:left;font-size:14px;}

.lianxi p span{float:left;}

.daohan{padding:5% 0;text-indent:10px;font-weight:normal;font-size:14px;float:left; width:100%; color:#fff; }
.daohan a{margin-right:10px; color:#fff;}
.daohan a:after{content:">"; margin-left:5px;}
.content{ float:left;width:98%;padding:0 1%; margin:0;}
.content .title{margin: 5px 0;}
.content .title label{display:inline-block;padding:0 30px 0 10px;background:#CE0000;color:#fff;}
.content .title h2{line-height: 24px;
font-weight: 700;
float:left;
width:100%;
font-size: 20px;
word-wrap: break-word;}
 .time{display: inline-block;
vertical-align: middle;
font-weight: 400;
font-style: normal;
margin-right: .5em;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;float:left;width:100%;padding:5px 0; text-indent:15px;border-bottom:1px solid #ccc;}
.time a{}
.content .con{margin:2%; width:92% float:left;line-height:23px;}
.content .con img{max-width:100%;float:left;}
.content .title .time span{margin-right:10px;color:#8c8c8c}
.content img{max-width:100%;}
.content .prev{float:left;}
.content .prev a{color:#fff;float:left; padding:5px 20px; border-radius:8px; background:#4C93B4;}
.content .prev a:hover{ background:#76C2E6;}
.content .next a{color:#fff;float:right; padding:5px 20px; border-radius:8px; background:#4C93B4;}
.content .next a:hover{ background:#76C2E6;}
.lianxi{border-top:1px dotted #002e5f;float:left;width:96%;padding:0 1%;margin:10px 1%;}
.lianxi a{}

.book{width:100%;float:left;}
.book h3{width:90%;float:left; background:#f9f9f9;font-size:16px;line-height:40px; border-radius:5px;margin:10px 0; padding:0 5%;}
.book h3 span{float:right; }
.book label{width:100%;float:left; line-height:40px;}
.book label input{border-radius:4px; border:1px solid #999; height:28px; width:100%; line-height:28px;}
.book label textarea{border-radius:4px; border:1px solid #999; height:80px; width:100%; line-height:18px;}
.book label span{width:100%;float:left;}
.book label button{width:100%;float: left;height: 40px;padding: 0;}

.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#42A881;border-color:#42A881}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.ulNews{ overflow:hidden; width:90%;margin:0 auto;margin-top:-10%;padding:5%;}
.ulNews li {width:100%;padding:1% 0;}
.ulNews li a{ display:block;  text-indent:10px;color:#3F5967;}	
.footer{width:100%;float:left;}
.footer a:hover{color:#333;}
.footer label{display:inline-block;}
.bottom
{   
	position:fixed;
	bottom:0px; 
	left:0;
	right:0;
	width:100%;
	z-index:99999;
	background:#AA2618;
	padding:5px 0;
}
.bottom1
{ 
	float:left;
	width:20%;
	text-align:center; 
}
.bottom2
{ 
	float:left;
	width:31%;
	text-align:center; 
}
.bottom1 img,.bottom2 img{ vertical-align:middle;}
.bottom1 a,.bottom2 a{display:inline-block;height:20px;line-height:22px;color:#fff; vertical-align:middle;}
.prodbox{width:96%;position:relative;margin:1% auto;}
.prodbox .pitem{width:100%;margin:0 auto; position:relative;}
.prodbox .pitem .titlea{display:block;margin:0 2%;}
.prodbox .pitem .inchild a{display:inline-block;height:25px;line-height:25px;margin:1% 2%;padding:1%;border:1px solid #ccc;}
.prodbox .pitem  .inchild{margin:2%;border-bottom:1px solid #ccc;padding:2%;}
.prodbox .pitem1 .titlea{color:#1BB2D3;font-size:18px;}
.prodbox .pitem2 .titlea{color:#F09100;font-size:18px;}
