@charset "utf-8";
html,body{ font:12px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; color:#606060;   -webkit-text-size-adjust:none;}
a{ color:#464646; text-decoration:none;}
a:hover{ color:#11578b; text-decoration:none;}
.lf{ float:left;}
.ri{ float:right;}
 
.ptp{ padding-top:20px;}
.br-bg{ background:#000;  }
.abinfo{
	margin-top:40px;
	line-height: 22px; margin-bottom:30px;
}
.editor p,.editor li,.editor div{ margin-bottom:2px;  }

 
 
/*头部导航*/
.inner{ width:1200px; margin:0 auto; position:relative;}
header{
	zoom:1;
	width:100%;
	 

}
.headkey{
	background-color: #11406C;
	height:35px;width:100%;
}
.headkey2{
	 width:1000px; margin:0 auto; position:relative;
	color:#CCCCCC;
	padding-top:7px;
}
.headkey2 a{ color:#ccc;}
.headkey2 a:hover{ color:#fff;}
.indexaboutdaohang{ height:284px;margin-bottom:15px;margin-top:15px;
background:url(../ia.jpg);}
h2.ti{
	font-size:20px;
 	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  padding-top:35px;
  }
 h2.ti2{
	zoom:1;
	font-size:12px;
 	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	width:1100px;
	margin:0 auto;
	line-height: 22px;
	padding-top:10px;
	text-align:center;
 }
 .indexabl{float:left;padding-right:10px;}



#web_logo{font-size:0px; position:relative; z-index:999;}
 
 
nav{height:52px;background:url(../nav_bg.jpg) repeat-x;}
nav .inner{z-index:999999;padding-left:10px;}
nav ul{height:52px;zoom:1;line-height:25px;}
nav li{
	float:left;
	display:inline;
	height:40px;
	text-align:center;
	white-space:nowrap;
	position:relative;
	z-index:999999;
	padding-left:20px;
	padding-right:20px;
	overflow:hidden;
	 
	background-repeat: repeat-x;
	background-position: left center;
}
.nav35{
color:#FFFFFF;
font-size:16px;
}
nav li a.nav{ font-size:15px; font-weight:bold; color:#fff; text-shadow:1px 1px #365778; display:block;height:40px;}
nav li.navdown,nav li.hover{
	background-color: #12B5B0;
	background-repeat: repeat-x;
	background-position: left top; 
}
nav li.navdown a.nav,nav li.hover a.nav{color:#fff;  }
nav dl{ display:none; position:absolute;z-index:999999; text-align:left; background:#efefef url(../nav-dlbg.jpg) repeat-x left bottom; border:1px solid #ccc; border:none\9; padding:10px 0px;left:0px;top:36px;}
*html nav  dl{ border:none;}
*+html nav  dl{ border:none;}
nav dl dd{ height:30px; line-height:30px; background:url(../dt-11.gif) no-repeat 20px 10px; overflow:hidden; padding-left:35px; padding-right:20px;}
nav dl dd a{ color:#2A3C63; font-weight:bold;}
nav dl.nav-pro dd{ float:left; background:none; height:auto; padding:0px;}
nav dl.nav-pro dd a{ padding-left:30px; font-size:15px;}
nav dl.nav-pro dd p{ white-space:normal; padding-top:5px;}
nav dl.nav-pro dd p a{ display:block; font-weight:normal; font-size:12px; line-height:2;}
*/
.met_flash{ margin-top:10px; font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 
.search{ height:35px; background:url(../title4.jpg) no-repeat 0 0; padding-left:0px; 
float:left; 
 }
.search form{ background:url(../title4.jpg) no-repeat right 0; padding-right:5px;}
.search ul{ padding:0px 0 0 0px;}
.search li{ float:left; height:24px; line-height:24px; overflow:hidden; color:#000; padding-left:5px;}
.search li span{ display:inline-block; height:24px;
margin-top:0px;
padding-left:2px;}
.search li span input{
	width:180px;
	height:20px;
	line-height:20px;
	background-color: #FFFFFF;padding-top:-30px;
}
.search li.btn input{ width:56px; height:64px; overflow:hidden; background:url(../search6.jpg) no-repeat 0 0; border:none; cursor:pointer;
 }
.headbgg{width:1200px;height:84px;background:url(../head.jpg) no-repeat 0 0;}
.headem{float:right;
margin-right:00px;
margin-top:35px;
 }
.headem span{
	font-size: 13px;
	color: #1B396B;
	height:50px;
	position: relative;vertical-align: bottom;  
	 
}

.product_scroll{ margin-top:15px;   padding:5px 20px 0 20px; position:relative;}
.product_scroll_inner{  overflow:hidden;}
.product_scroll ul{ width:212px; float:left; padding:0 9px; overflow:hidden;	  }

.product_scroll li img{ width:210px; height:140px; padding:2px; border:1px solid #E8E8E8; overflow:hidden;}
.product_scroll li.text{ height:26px; line-height:26px; overflow:hidden; white-space:nowrap; background:url(../images/tbg.jpg) repeat-x 0 0; text-align:center; margin-top:1px;}
.product_scroll .btn_l, .product_scroll .btn_r{ display:block; width:12px; height:55px; background:url(../left.gif) no-repeat 0 0; position:absolute; top:75px; cursor:pointer;}
.product_scroll .btn_l{ left:0;}
.product_scroll .btn_r{ background:url(../right.gif) no-repeat right 0; right:0;}
.product_scroll li a{ line-height:22px;}

/*首页*/
.p-d{ padding:4px 0px;}
.indexl1{background-image: url(../lf_line.jpg);background-repeat: no-repeat;height:34px;border: 1px solid #80BFEC;}
.indexl2{background-color: #EBFFFD;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #80BFEC;border-bottom-color: #80BFEC;border-left-color: #80BFEC;}
.indexl2 img{ width:190px;height:125px;padding-left:10px;padding-top:10px;float:left;}


/*首页中间栏目一*/
.indexabout{
margin-top:70px;
text-align:center;
}
.indexabout22l{
width:550px;
float:left;
margin-top:40px;
}
.indexabout2l{
width:550px;
float:left;
margin-top:100px;
}
.indexabout2l h1{
	font-size:26px;
	color:#12B5B0;
	line-height: 45px;font-family:"黑体";
}
.indexabout2l p{
margin-top:10px;
font-family:"宋体";
 
}
.indexabout2l h3{
margin-top:30px;
padding-top:10px;
width:200px;
background-color:#12B5B0;
color:#FFFFFF;
text-align:center;
padding-bottom:10px;}
.indexabout2r{
float:right;
margin-top:40px;
}
.indexabout3{
	width:100%;
	height:1026px;
	margin-top:100px;
	 
	background-image: url(../68.jpg);
}
.indexabout3l{
margin-top:50px;
text-align:center;
}
.indexabout3r{
margin-top:250px;
text-align:center;
}
.indexabout3m{
margin-top:75px;
text-align:center;
}
.indexabout4{
	width:100%;
	height:669px;
	background-image: url(../anli.jpg);
}
.clp{
	text-align:center;
	color:#FFFFFF;
	width:130px;
	height:26px;
	margin:0 auto;
	border: 1px solid #FFFFFF;
	margin-top:20px;
	padding-top:5px;
}
.indexabout4 ul{
padding-top:40px;
padding-left:100px;
 width:1100px;
margin:0 auto; 
}
.indexabout4 ul li{ width:300px; height:264px;  margin-right:40px; margin-top:0px;   float:left; text-align:center; display:inline;}

.indexaboutl{float:left;}
.indexaboutr{float:right;width:394px;}
.indexaboutrl{float:left;width:179px;height:135px;margin-right:10px;}
.indexaboutrr{font-family: "宋体";font-size: 12px;line-height: 23px;text-align:justify;}

/*首页中间栏目二*/
.indexnew{width:590px;
float:left;
}
.indexnewlistimg{
 }
.indexnewlistimg img{
float:left;
width:220px;
height:170px;}
.indexnewr{
float:left;
width:355px;
height:213px;
margin-left:15px;}
.indexnewr a p{
font-size:12px;
text-indent:20px;
text-align: justify;} 
.indexnewr span{
font-size:16px;}
.indexnewr span2{
font-size:16px;
color:#000000;}
.indexnewr span3{
font-size:12px;
}

.news {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 303px;
	background-image: url(../indexnew.jpg);
	background-repeat: no-repeat;
}
.news SPAN {
	FLOAT: right;
	WIDTH: 50px;
	COLOR: #666;
	height:46px;
	margin-top:12px;
	 
	 
}
.news UL {
	MARGIN-TOP: 8px;
}
.news UL LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 8px;
	BACKGROUND: url(../new_ico01.png) no-repeat 0px 5px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 6px 0px;
	OVERFLOW: hidden;
	WIDTH: 305px;
	LINE-HEIGHT: 14px;
	PADDING-TOP: 0px;
	HEIGHT: 14px;
	margin-left:-38px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.news UL LI A {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 240px
}
.news UL LI SPAN {
	FLOAT: right; WIDTH: 60px; COLOR: #666
}
 
 
.news2 {
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 303px;
	background-image: url(../indexproduct.jpg);
	background-repeat: no-repeat;
} 
.news2 SPAN {
	FLOAT: right;
	WIDTH: 50px;
	COLOR: #666;
	height:46px;
	margin-top:12px;
	 
	 
}
.news2 UL {
	MARGIN-TOP: 8px;
}
.news2 UL LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 8px;
	BACKGROUND: url(../new_ico01.png) no-repeat 0px 5px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 6px 0px;
	OVERFLOW: hidden;
	WIDTH: 305px;
	LINE-HEIGHT: 14px;
	PADDING-TOP: 0px;
	HEIGHT: 14px;
	margin-left:-38px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.news2 UL LI A {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 240px
}
.news2 UL LI SPAN {
	FLOAT: right; WIDTH: 60px; COLOR: #666
}
 
.products {
	FLOAT: left;
	WIDTH: 1200px;
	margin-top:5px;
}
.products UL {
	MARGIN: 0px
}
.products UL LI {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 380px; PADDING-TOP: 0px; HEIGHT: 305px
}
.products UL LI IMG {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 390px; PADDING-TOP: 1px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT: 260px
}
.products UL LI h3 {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 320px; LINE-HEIGHT: 15px; HEIGHT: 15px; TEXT-ALIGN: center
}

.products2 {
	FLOAT: left;
	WIDTH: 1200px;
	margin-top:5px;
}
.products2 UL {
	MARGIN: 0px
}
.products2 UL LI {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: left; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 280px; PADDING-TOP: 0px; HEIGHT: 305px
}
.products2 UL LI IMG {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 290px; PADDING-TOP: 1px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT: 260px
}
.products2 UL LI h3 {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 320px; LINE-HEIGHT: 15px; HEIGHT: 15px; TEXT-ALIGN: center
}


 
 

/*底部*/
footer{
	margin-top:20px;
	color:#ccc;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	margin:auto;
	background-color: #1F1F1F;
	background-image: none;
	background-repeat: repeat;
	background-position: left top;
}
.foot-nav{ text-align:center;height:25px; line-height:25px; padding-top:15px;}
.foot-nav span{ font-size:10px; margin:0px 8px;}
.foot-text{ text-align:left; padding:5px 0px 10px;
font-size:14px;
float:left;}
.foot-text a{ text-decoration:underline;}
.foot-text2{ float:right;
margin-top:30px;}
footer a{ color:#ccc;}
footer a:hover{ color:#fff;}

/*内页侧栏*/
.sb_abc{
 float:left;
	padding:0px 15px 20px 15px;
	background:#FAFDFF;
	zoom:1;
	margin-top:25px;
	width:200px;
	background:url(../leftti.png) no-repeat;
	border: thin solid #CCCCCC;
}
.sb_abc2{
 float:left;
	padding:0px 15px 20px 15px;
	background:#FAFDFF;
	zoom:1;
	margin-top:25px;
	width:200px;
	background:url(../leftti2.png) no-repeat;
	border: thin solid #CCCCCC;
}
.sb_abc3{
 float:left;
	padding:0px 15px 20px 15px;
	background:#FAFDFF;
	zoom:1;
	margin-top:25px;
	width:200px;
	background:url(../leftti3.png) no-repeat;
	border: thin solid #CCCCCC;
}
.sb_abc4{
 float:left;
	padding:0px 15px 20px 15px;
	background:#FAFDFF;
	zoom:1;
	margin-top:25px;
	width:200px;
	background:url(../leftti4.png) no-repeat;
	border: thin solid #CCCCCC;
}
 .sb_t{
 	margin-top:6px;
	font-size:18px;
	color:#FFFFFF;
	display:block;
 	height:40px;
	text-align:center;
}
.sidebar{
	margin-top:0px;
	width:1200px;
	margin-bottom:20px;
	 
}
.sidebar .sb_nav{ float:left; width:275px; position:relative;
margin-left:0px;
margin-bottom:10px;
margin-top:0px;}
div.ti1-bg{ position:absolute; width:264px; height:36px; background:url(../leftti.png) no-repeat; overflow:hidden;zoom:1;top:0px;left:0px;z-index:1;}
div.ti1-bg span{  width:170px; overflow:hidden; margin-left:30px; line-height:32px; font-size:16px; font-weight:bold; color:#fff;
 
display:block;
margin-top:4px;}
.sidebar .sb_nav h3.title1{ border:1px solid #8BC0EA; background:#FAFDFF; border-bottom:none; height:48px; line-height:48px; overflow:hidden;zoom:1;}
.sidebar .sb_nav h3.title2{ height:30px; line-height:30px; border:1px solid #D3E1ED; background:#FAFDFF; padding-left:22px; overflow:hidden; font-size:14px; color:#333;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{margin-top:40px;}
.sidebar .sb_nav .ct-con{ padding-top:10px; color:#666;}
.sidebar .ct-con{ line-height:2; color:#333;}
.sidebar .ct-con ul,.sidebar .ct-con ol{ padding:0px 0px 0px 25px; margin:0px;}
.sidebar .ct-con a{ color:#1C57C4; text-decoration:underline;}
 
#sidebar dl{
	margin-left:0px;
	 
 
}
#sidebar dl dt{
	padding:4px 0px 5px 25px;
	background:url(../dt-11.gif) no-repeat 2px 13px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width:178px;
}
#sidebar dl dt a{font-size:13px; color:#666;}
#sidebar dl dt a:hover{color:#09F;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../job_ico.gif) no-repeat left 12px;}
#sidebar dl dt.on a{ font-weight:bold; color:#11578b; }
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ float:left; width:1200px; background:none; overflow:hidden;
  margin-top:-30px; }
.sidebar .sb_box h3.title{ border-bottom:1px solid #ccc;height:35px; line-height:35px; position:relative;}
.sidebar .sb_box h3.title span{
	position:absolute;
	left:0px;
	top:-1px;
	font-size:16px;
	padding:0px 0px;
	color:#000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #24A8EA;
}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px; color:#000;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ text-decoration:underline;}




.sidebar .sb_box2{ float:left; width:1200px; background:none; overflow:hidden;
margin-top:20px; }
.sidebar .sb_box2 h3.title{ border-bottom:1px solid #ccc;height:35px; line-height:35px; position:relative;}
.sidebar .sb_box2 h3.title span{
	position:absolute;
	left:0px;
	top:-1px;
	font-size:16px;
	padding:0px 0px;
	color:#000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #24A8EA;
}
.sidebar .sb_box2 h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px; color:#000;}
.sidebar .sb_box2 h3.title div.position a{ color:#666;}
.sidebar .sb_box2 h3.title div.position a:hover{ text-decoration:underline;}
/*新闻*/
 
#newslist li{

	float:left;
	width:1180px;
	margin-left:-20px;
	margin-bottom:20px;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
 
#newslist li img{
	width:193px;
	height:124px;
	float:left;
	margin-right:20px;
 
}
#newslist li p{
	color:#666;
	margin-left:10px;
	margin-top:10px;
	text-align: justify;
	font-family: "宋体";
	font-size: 12px;
	 
}
#shownews h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px;}
#shownews h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95; padding:0px 10px;}
#shownews .relatedlist li{ float:left; width:30%; margin-right:10px; height:27px; line-height:27px; padding-left:12px; background:url(../diantb.jpg) no-repeat 3px 12px; overflow:hidden; }
#shownews .relatedlist li a:hover{ text-decoration:underline; }
*html #shownews .relatedlist li img{ margin-top:8px;}
/*产品*/
#productlist li h3{ padding-top:7px; padding-bottom:15px;}
#productlist li h3 a{ color:#000;}
#productlist li h3 a:hover{ color:#06F; text-decoration:underline;}
#showproduct h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px;}
#showproduct h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; padding:0px 10px; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95;}
#showproduct h3.sl-ti{ height:31px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1;}
#showproduct h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:60px;_width:60px; white-space:nowrap; text-align:center; height:30px; line-height:30px; background:url(../sl-ti.jpg) repeat-x left top; margin-right:4px; border:1px solid #ccc; padding:0px 10px;} 
#showproduct h3.sl-ti a.hover{ background:url(../rela-bg.jpg) repeat-x; color:#fff; text-shadow:-1px -1px #4d6e95; border:1px solid #5985ba;}
#rl-product{ position:relative; width:850px; overflow:hidden; margin-left:18px;}
#rl-product ul{position: absolute;width: 2012em;}
#rl-product li{ float:left; display:inline; zoom:1; overflow:hidden;text-align:center;}
#rl-product li a.img{ display:block; text-align:center; font-size:0px;}
#rl-product li img{ border:1px solid #ccc;}
#rl-product li h3{ margin-top:5px;}
#showproduct .flip{ position:absolute;z-index:1;}
#showproduct #trigger{ display:none;}
#showproduct .next,#showproduct .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(../p-arrow.jpg) no-repeat; cursor:pointer;}
#showproduct .next{background-position:0px 0px; position:absolute;top:60px; left:880px;}
#showproduct .next:hover{background-position:0px -20px; }
#showproduct .prev{background-position:-12px 0px;position:absolute;top:60px;left:0px;}
#showproduct .prev:hover{ background-position:-12px -20px;}
*html #showproduct .prev{ left:-18px;}
*html #showproduct .next{ left:693px;}
*+html #showproduct .prev{ left:-18px;}
*+html #showproduct .next{ left:693px;}
/*下载*/
#downloadlist dl.top dt a{ color:#004080;}
#downloadlist .metlist dd{ background:#eef3fa;}
/*地图*/
#sitemaplist .sitemapclass2 h3{background:url(../li.png) no-repeat left center;}
/*********闭合盒子处理**********/
.clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

 
.xiaomore{
margin:auto;
width:200px;
height:29px;
background-color:#333;
font-size:14px;
font-family:"宋体";
color:#fff;
text-align:center;
margin-bottom:30px;
padding-top:6px;}
.xiaomore a{color:#ccc;}
.xiaomore a:hover{
	 color:#fff;
	text-decoration: underline;
}
.1144{
	border: thin solid #CCCCCC;
	padding-top:5px;
}

 .pl UL{margin-left:-40px; }
.pl UL LI {
	FLOAT: left; 
	 
	 
}
 
 
.pl UL LI {
	PADDING-LEFT: 10px;  MARGIN: 2px 2px 5px; OVERFLOW: hidden;  
}
.pl UL LI UL {
	    BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.pl UL.sub LI {
	PADDING-LEFT: 0px; 
	 
	
}
.pl UL.sub LI A:link {
	font-size:13px;
	PADDING-RIGHT: 5px;
	DISPLAY: block;
	PADDING-LEFT: 20px;
	BACKGROUND: url(../dt-11.gif) no-repeat 1px 8px;
	PADDING-BOTTOM: 3px;
	WIDTH: 200px;
	COLOR: #685B3B;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-weight: bold;
}
.pl UL.sub LI A:visited {
	PADDING-RIGHT: 5px;
	DISPLAY: block;
	PADDING-LEFT: 22px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(../dt-11.gif) no-repeat 1px 8px; 
	PADDING-BOTTOM: 10px;
	WIDTH: 80px;
	COLOR: #685B3B;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.pl UL.sub LI A:hover {
	BACKGROUND: url(../dt-11.gif) no-repeat 1px 8px; 
	 COLOR: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.pl UL LI UL.sub-menu LI A:link {
	font-size:12px;PADDING-RIGHT: 5px;
	DISPLAY: block;
	PADDING-LEFT: 22px;
	FONT-WEIGHT: normal;
	BACKGROUND: url(../dt-111.gif) no-repeat 10px 9px;
	 
	WIDTH: 190px;
	COLOR: #685B3B;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.pl UL LI UL.sub-menu LI A:visited {
	PADDING-RIGHT: 5px;
	DISPLAY: block;
	PADDING-LEFT: 22px;
	FONT-WEIGHT: normal;
	BACKGROUND: url(../dt-111.gif) no-repeat 10px 9px;
 
	WIDTH: 190px;
	COLOR: #685B3B;
 
	TEXT-DECORATION: none;
	border-bottom-width: 1px;
	border-bottom-style:  dotted;
	border-bottom-color: #999;
}
.pl UL LI UL.sub-menu LI A:hover {
	BACKGROUND: url(../dt-111.gif) no-repeat 10px 9px;
	COLOR: #000;
	border-bottom-width: 1px;
	border-bottom-style:  dotted;
	border-bottom-color: #999;
}
.pl UL.sub .current_page_item {
	BACKGROUND: url(../images/arrow_hover.gif) no-repeat 10px 7px; BORDER-BOTTOM: #ccc 1px solid
}
.pl UL.sub .current_page_item A:link {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0b3779
}
.pl UL.sub .current_page_item A:visited {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0b3779
}
.pl UL.sub .current_page_item A:hover {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0b3779
}

.indexal{float:left;width:592px;height:450px;}
.indexal h1{
	float:left;
	font-size:16px;
	color:#24A8EA;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:5px;
 }
.indexal p{
	float:left;
	color:#666;
	font-size:16px;padding-top:5px;
	padding-bottom:10px;
 }

.indexa2{float:right;width:592px;height:450px;}
.indexa2 h1{
	float:left;
	font-size:16px;
	color:#24A8EA;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:5px;
 }
.indexa2 p{
	float:left;
	color:#666;
	font-size:16px;padding-top:5px;
	padding-bottom:10px;
 }


.indexa22{float:right;width:1200px;height:670px;}
.indexa22 h1{
	float:left;
	font-size:16px;
	color:#24A8EA;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:5px;
 }
.indexa22 p{
	float:left;
	color:#666;
	font-size:16px;padding-top:5px;
	padding-bottom:10px;
 }


.indexa3{margin:0 auto;width:100%;height:334px;background-image: url(../ab1.jpg);background-repeat: no-repeat;}
.indexa3 ul{margin:auto;width:1000px;height:auto;padding-left:0px;padding-top:314px;}
.indexa3 li { width:190px; height:34px;  margin-right:10px; margin-top:0px; float:left; text-align:center; display:block;}
.indexa3 li a{height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.indexa3 li a:hover{height:34px;display:block;border: thin solid #A4A2A3;background-color: #00A1E9;color: #FFFFFF;}
.indexa3 li a:visted{ height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.indexa3 li p{line-height:20px; text-align:center;font-size:14px;padding-top:7px;letter-spacing:8px;padding-left:8px;}


.indexa4{margin:0 auto;width:1200px;height:400px;background-image: url(../08.jpg);background-repeat: no-repeat;}
.indexa4 ul{margin:auto;width:1000px;height:auto;padding-left:0px;padding-top:314px;}
.indexa4 li { width:190px; height:34px;  margin-right:10px; margin-top:0px; float:left; text-align:center; display:block;}
.indexa4 li a{height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.indexa4 li a:hover{height:34px;display:block;border: thin solid #A4A2A3;background-color: #00A1E9;color: #FFFFFF;}
.indexa4 li a:visted{ height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.indexa4 li p{line-height:20px; text-align:center;font-size:14px;padding-top:7px;letter-spacing:8px;padding-left:8px;}

.indexa5{margin:0 auto;width:1200px;height:400px;background-image: url(../03.jpg);background-repeat: no-repeat;}
.indexa5 ul{margin:auto;width:1000px;height:auto;padding-left:0px;padding-top:314px;}
.indexa5 li { width:190px; height:34px;  margin-right:10px; margin-top:0px; float:left; text-align:center; display:block;}
.indexa5 li a{height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.indexa5 li a:hover{height:34px;display:block;border: thin solid #A4A2A3;background-color: #00A1E9;color: #FFFFFF;}
.indexa5 li a:visted{ height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.indexa5 li p{line-height:20px; text-align:center;font-size:14px;padding-top:7px;letter-spacing:8px;padding-left:8px;}

.indexa6{margin:0 auto;width:1200px;height:400px;background-image: url(../05.jpg);background-repeat: no-repeat;}
.indexa6 ul{margin:auto;width:1000px;height:auto;padding-left:0px;padding-top:309px;}
.indexa6 li { width:auto; height:34px;  margin-right:2px; margin-top:5px; float:left; text-align:center; display:block;}
.indexa6 li a{height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.indexa6 li a:hover{height:34px;display:block;border: thin solid #A4A2A3;background-color: #00A1E9;color: #FFFFFF;}
.indexa6 li a:visted{ height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.indexa6 li p{line-height:20px; text-align:center;font-size:14px;padding-top:6px;letter-spacing:2px;padding-left:18px;padding-right:15px;}

.indexa7{margin:0 auto;width:100%;height:334px;background-image: url(../ab4.jpg);background-repeat: no-repeat;}

.indexa8{margin:0 auto;width:100%;height:400px;background-image: url(../ab2.jpg);background-repeat: no-repeat;}
.indexa9{margin:0 auto;width:100%;height:400px;background-image: url(../ab3.jpg);background-repeat: no-repeat;}

.abab{
margin-left:0px;
text-align: justify;}

/*客服 */
 
.contactusdiyou {position: fixed; right: -230px; bottom: 0px; _position: absolute; width: 230px; height: 100%; background: #009aff; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.contactusdiyou .hoverbtn{width:30px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background:#009aff; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} .contactusdiyou .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.contactusdiyou .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.contactusdiyou .conter{width:186px; height:560px; margin-left:22px;   position:absolute; top:55%;*margin-top:-140px;margin-top:-380px;}
.contactusdiyou .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;}
.contactusdiyou .conter .con1 dl dt{width:31px; height:31px; float:left;    position: relative;
    top: 32px;}
.contactusdiyou  dl .f1{width:142px; height:36px;line-height: 36px; float:right; font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;}
.contactusdiyou  dl .f2{ width:142px; float:right; font-size:12px; color:#fff; height:30px;line-height: 30px; float:right;}
.kefuQQ a{ background:url(../button-custom-qq.gif)  no-repeat; width:70px; height:20px; display:inline-block; vertical-align:middle;}
.kefuQQ a:hover{ background:url(../button-custom-qq-h.gif)  no-repeat;}
.contactusdiyou .conter .con1 dl dd .ph_num{ font:18px 'Microsoft yahei';*font-size: 16px;_font-size: 16px; color:#fff; height:25px;}

.contactusdiyou .qqcall{padding:22px 0px;border-bottom:1px solid #6a6a6a;
height:280px;}
.contactusdiyou .qqcall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}

.contactusdiyou .weixincall{float:right;padding:22px 0; border-bottom:1px solid #6a6a6a;}
.contactusdiyou .weixincall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}
.video1
{
margin-top:43px;}
.video2
{
margin-left:30px;
float:left;
width:420px;}
.contactusdiyou .weixincall .f3{float: right;width:73px; height:auto; margin-right:69px; display:inline;}
.contactusdiyou .weixincall .f3 img{width: 73px;height: auto;}
.contactusdiyou .dytimer{    float: right; width: 160px; height: 40px; padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} .contactusdiyou .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} .diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} .diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;} .fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }  

.abab{margin:0 auto;
width:700px;;
margin-top:-53px;}
.abab li { width:auto; height:34px;  margin-right:2px; margin-top:5px; float:left; text-align:center; display:block;}
.abab li a{height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.abab li a:hover{height:34px;display:block;border: thin solid #A4A2A3;background-color: #12B5B0;color: #FFFFFF;}
.abab li a:visted{ height:34px;display:block;border: thin solid #A4A2A3;background-color: #D1D3D2;	text-align:center; }
.abab li p{line-height:20px; text-align:center;font-size:14px;padding-top:6px;letter-spacing:2px;padding-left:18px;padding-right:15px;}
.abab1{
margin:0 auto;
width:140px;margin-top:30px;}
.abab1 span{
font-family:"黑体";
text-align:center;
font-size:34px;
color:#12B5B0;
}
.abab1 ul{margin:auto;width:1000px;height:auto;padding-left:0px;padding-top:309px;}
.product3r{margin-top:80px;
margin-bottom:80px;
text-align:center;}
.product3rr{margin-top:80px;
margin-bottom:40px;
text-align:center;}
.anquan{
background:#161515;
height:70px;
width:100%;
}
.anquan p{
font-size:24px;
text-align:center;
color:#FFFFFF;
margin-top: -6px;
 }
.anquan span{font-size:38px;
color:#13B5B1;
}

.main{ width:100%; overflow:hidden;}
.index_title{ width:100%; text-align:center; overflow:hidden;}
.index_title h2{ height:40px; line-height:40px; font-size:38px;}
.index_title p{ padding-top:10px; font-size:16px;}

.index_service{ padding:0px 0; display:table;}
.service_list{ margin-top:50px;height: 500px;}
.service_list li{width:24%; float:left; margin-right:1%; margin-bottom:20px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.service_list li:nth-child(4){margin-right:0;}
.service_list li .tit{ padding:20px; height:100px; text-align:center; background:#19B5B4; color:#fff; overflow:hidden;}
.service_list li .tit i{ display:block; margin:0 auto; width:40px; height:40px; border-radius:40px; line-height:40px; border:1px solid #fff; font-size:20px;}
.service_list li .tit h3{ margin-top:10px;}
.service_list li .text{ padding:20px;}
.service_list li .text p{ padding-bottom:20px; height:75px; line-height:25px;}
.service_list li .pic{ margin:10px; height:180px; overflow:hidden;}
.service_list li .pic img{ width:100%; height:100%; object-fit: cover;}

.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding:80px 0 80px}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-right:12px;width:260px;height:530px;float:left;background:#fff}
.cloud-product-ul li:nth-child(4){margin-right:0;}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.bg-product-pic i{ display:block; margin:0 auto;width:44px;height:44px; line-height:44px; border-radius:44px; text-align:center;background:#f8b62c; border:3px solid #fde9bf; color:#fff; font-size:24px; font-style:normal;}
.active-inner .bg-product-pic i{width:60px;height:60px; line-height:60px; border-radius:60px; border:3px solid #fff; color:#fff; font-size:36px;}
.product-introduce-title{margin-bottom:20px; padding:0 10px; height:50px;line-height:25px;font-size:18px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}

.product-introduce-list{margin:0 auto;padding:20px 0;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{line-height:30px;font-size:14px;color:#999;text-align:center}
.product-introduce-pic{ margin:20px; height:150px; overflow:hidden;}
.product-introduce-pic img{ width:100%;height:100%;object-fit: cover;}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%; background:#f8b62c;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}

.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:384px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active-product-introduce-title{color:#fff; font-size:20px;}
.active .product-introduce-list{padding-top:22px;border-color:rgba(255,255,255,0.5);}
.introduce-list-large{margin:0 auto;width:320px;line-height:30px;color:#fff;font-size:14px}
.active .product-introduce-pic{margin:20px 30px; height:130px; overflow:hidden;}
.active .product-introduce-pic img{ width:100%; height:100%;object-fit: cover;}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:0 auto;width:84%;height:40px;line-height:40px;background:#fff;color:#f8b62c;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background:#C00; color:#fff;}

.container {
	width: 1200px;
	margin: 0 auto;
}

.more{display:inline-block; padding:0 20px; height:38px; line-height:38px; text-align:center; border:2px solid #595757; font-size:14px; color:#595757; font-weight:bold; position:relative;}
.more span{display:inline-block; vertical-align:middle; position:relative; z-index:3;}
.more span.icon{width:8px; height:16px; background:url(../images/img2.png) no-repeat; margin-left:33px;}
.more:after{content:''; width:0; height:100%; background:#19B5B4; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.more:hover{ border-color:#19B5B4; color:#fff;}
.more:hover:after{width:100%;}
.more:hover span.icon{background:url(../images/img3.png) no-repeat;}

