@charset "utf-8";
/* eyoucms.com 易优CMS -- 好用,免费,安全 */
/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote 
{ font-size:14px;_background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑';}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }

img{border:0;}
.clear {clear:both;height: 0px; }
.clear-fix:after{content: "."; display: block; height: 0px; font-size: 0px; clear: both; visibility: hidden;}
a{color:#333;text-decoration:none;outline:0;}
a:hover{ color: #218b73 ;}


.fl_p{position:relative;float:left;}
.fr_p{position:relative;float:right;}
.ellipsis{ text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.padTop36{ padding-top: 36px;}
/* header */
.header{
	position:relative;width:100%; 
}
.noticebg{
	width: 100%; height:40px; 
	background:#e2eeec; 
}
.notice{
	position: relative;
	width: 1004px; height: 40px;  margin: 0 auto;
}
.noticeBd{
	position:relative;
	width: 690px; height: 40px; 
}
.title{
	width:90px; height:40px;
	color: #27aa8f; line-height: 40px; font-weight: bold; text-align: right;
}
.noticenr{
	width: 600px; height: 40px;
	color: #666666; line-height: 40px;
}

.searchDiv{
	width: 215px;
	padding-left: 99px;
	height: 40px;
	/*overflow: hidden;*/
}
.search{
	padding-left: 20px; margin-top: 6px;
	width:200px; height:28px;
}
.text{
	float:left;
	width:130px;height:26px; padding:0px 10px;border: 1px solid #218b73; margin-right: 4px;
	color:#27aa8f;font-size:13px;line-height:28px;
	background: #e2eeec;
}
.btnsubmit{
	float:left;
	width:29px;height:28px;border:0;cursor:pointer; border: none;
	background:url(../img/zoom.png) no-repeat right center;
}
.select{
	float:left;
	width:99px;height:28px; line-height:28px;
	background:url(../img/select.png) left top no-repeat; position:relative;
}
.select select{margin:0px auto;width:99px;}
div.selectbox-wrapper{
	position: absolute;*left:0;z-index:9999;overflow:hidden;
	width:97px;*margin-top:0;
	color:#27aa8f;text-align:left;
	border:#27aa8f 1px solid;border-top: none;
	background: #e2eeec;
}
div.selectbox-wrapper ul li.selected {color:#ffffff;background-color:#e03770}
div.selectbox-wrapper ul li.current {color: #ffffff;background-color:#e03770}
div.selectbox-wrapper ul li {text-align:center;padding-right:3px;padding-bottom:3px;width:100%;cursor:pointer;line-height: 24px;padding-top: 3px;font-size:14px;}
.selectbox{
	width:88px;cursor:pointer;height:28px;border:none;display:block; padding-left: 11px;
	color:#27aa8f;line-height:28px;font-size:13px; 
	background:none;
}	
/* end search */ 
.top{
	position: relative;
	width:1004px;height:98px; margin:0 auto; 
}
.logo{width:704px;}
.logo img{display: block;}
.toptel{
	width:300px; height:54px; padding-top: 30px; 
	color:#218b73; font-size:35px; line-height:40px;font-style:italic;text-align: right;  font-family: arial;
 }
.toptel em{
	color:#e03770; font-size: 18px; line-height: 28px;font-family: arial;
}
.navTop{
	position: absolute;right:0px;top:0px;
	width: 300px; height: 44px;
	text-align: right;
}
.navTop a{
	display: inline-block; padding-left: 28px;
	color: #27aa8f; line-height: 44px;
	background: url(../img/icon6.png) 18px center no-repeat;
}

.navgrp{
	position: relative;
	width:100%;height:50px;
	background: #8adece;
}
.navbd{position:relative;width:1000px;height:50px;margin: 0 auto; }
.nav{width:1000px;}
.nav li{
	 position: relative;float:left;
	 width:100px;height:50px;
	 text-align: center; 
}
.nav li a{ 
	transition: all 0.5s ease;
	position:relative;float: left;
	width:100px;height:48px;display:block; border-bottom:2px solid #8adece;
	color:#218b73;font-size:14px;line-height:50px; text-align: center;  
}
.nav ul li.on{
	color:#e03770;
	border-bottom:2px solid #e03770;
}

.nav .on a{
	color:#e03770;
	border-bottom:2px solid #e03770;
}
.nav li.first a{ 
	background: url(../img/home.png) center center no-repeat;  
}
.nav li.first on{ 
	color:#e03770;
	border-bottom:2px solid #e03770;
}

#navChild{ 
	position:absolute;left:0px; top:50px; width: 290px; z-index:99; display: none;
	padding:6px 10px 6px 20px;
	background:#218b73;
}
#navChild a{
	position:relative; float:left;display:block;
	width:130px; height:34px; padding-right: 10px; border: none;
	color:#fff!important; font-size:14px;line-height:34px; text-align:left;border-right:none;
}
#navChild a:hover{color:#000000!important;text-indent:10px;}

/* end navgrp */
.bannerfen{
	position:relative;z-index: 12;
	width:100%;height:258px; 
}
.bannfen{
	position:absolute; left:50%; margin-left: -960px;
	width:1920px; height:258px; 
} 
.banner{
	position:relative;z-index: 12;
	width:100%;height:428px; 
}
.bann{
	position:absolute; left:50%; margin-left: -960px;
	width:1920px; height:428px; 
}
#focus {position:relative;width:1920px; height:428px; }
#focus ul {position:absolute;height:428px; }
#focus ul li {position:relative;float:left;width:1920px; height:428px; }
#focus ul li img{ display: block;margin: 0 auto;}
#focus .btn {
	position:absolute; left:50%; bottom:42px;z-index: 99999;
	width:880px; height:12px; margin-left: -400px;   text-align: right;
}
#focus .btn  span{
	cursor: pointer;
	width:18px; height: 18px;  display: inline-block; margin-left: 10px; border-radius: 50%;
	background: #fff;
}
#focus .btn  span.on{background: #e03770;}
/* end banner */

.sectionB{ 
	position: relative;
	width: 100%; 
	background: #f7f7f7;
}
.section{position:relative; width:100%; margin:auto;  clear:both; overflow: hidden; }
.menuDiv{
	width: 100%; height: 200px;
	background: #8adece;
}
.menuList{width:1004px; height: 200px; margin: 0 auto;}
.menuTitle{
	display: block;
	width: 250px; height: 158px; padding-top: 42px;
	color: #218b73; font-size: 50px; line-height: 64px; text-align: center; text-transform: uppercase; font-family: impact;
	background: url(../img/menubg.jpg) left bottom no-repeat #27aa8f;
}
.menuTitle p{
	display: block;
	width: 148px; height: 36px; border:3px solid #16705c; margin: 0 auto;
	color: #fff; font-size:26px; line-height: 36px; font-weight: bold; text-align: center; font-family: "微软雅黑";
}
.menuUl{
	width: 754px; height: 200px;
}
.menuUl li{
	float:left;
	width: 110px;  padding-left: 40px; padding-top: 30px;
	color: #218b73; font-size: 22px; line-height: 42px; text-align: center;
}

.menuUl li a{
	display: block;
	transition: all ease-in 0.5s; 
	color:#218b73;
}
.icon1,.icon2,.icon3,.icon4,.icon5{
	transition: all ease-in 0.5s; 
	display: block;
	width: 110px; height: 110px;
	border-radius: 50%;
	background: #fff;
}
.menuUl li a .icon1{background: url(../img/menu1.png) center center no-repeat #fff;}
.menuUl li a:hover .icon1 {background: url(../img/menu1a.png) center center no-repeat #e03770;}
.menuUl li a .icon2{background: url(../img/menu2.png) center center no-repeat #fff;}
.menuUl li a:hover .icon2 {background: url(../img/menu2a.png) center center no-repeat #e03770;}
.menuUl li a .icon3{background: url(../img/menu3.png) center center no-repeat #fff;}
.menuUl li a:hover .icon3 {background: url(../img/menu3a.png) center center no-repeat #e03770;}
.menuUl li a .icon4{background: url(../img/menu4.png) center center no-repeat #fff;}
.menuUl li a:hover .icon4 {background: url(../img/menu4a.png) center center no-repeat #e03770;}
.menuUl li a .icon5{background: url(../img/menu5.png) center center no-repeat #fff;}
.menuUl li a:hover .icon5 {background: url(../img/menu5a.png) center center no-repeat #e03770;}

.Ttitle { 
	position: relative;
	width:100%; height:60px; 
	color:#333333;font-size:26px;line-height:30px; text-align:center;
}
.Ttitle span{
	display: block;
	color: #999; font-size: 20px; line-height: 22px; font-family:arial; text-align: center; text-transform: uppercase;
	font-weight: normal;
}
.Ttitle .hr1{
	width: 46px; height: 1px; border:none; border-bottom: 3px solid #e03770; margin: 0 auto;
}
.Ttitle .hr2{
	width: 100%; height 4px; border:none; border-bottom: 1px solid #e8e9e9;
}
.Ttitle a{
	position: absolute;  left:50%; margin-left: 432px; top: 0px;
	width: 72px; height: 60px;
	color:#000; font-size: 14px;  line-height: 60px; text-align: center; font-weight: normal;
}

.Ttitle2 { 
	position: relative;
	width:100%; height:60px; 
	color:#fff;font-size:26px;line-height:30px; text-align:center;
}
.Ttitle2 span{
	display: block;
	color: #64ebcf; font-size: 20px; line-height: 22px; font-family:arial; text-align: center; text-transform: uppercase;
	font-weight: normal;
}
.Ttitle2 .hr1{
	width: 46px; height: 1px; border:none; border-bottom: 3px solid #e03770; margin: 0 auto;
}
.Ttitle2 .hr2{
	width: 100%; height 4px; border:none; border-bottom: 1px solid #56dbbf;
}
.Ttitle2 a{
	position: absolute;  left:50%; margin-left: 432px; top: 0px;
	width: 72px; height: 60px;
	color:#000; font-size: 14px;  line-height: 60px; text-align: center; font-weight: normal;
}
/*end Ttitle*/


.proTjBox{
	width: 1004px; height: 400px; margin: 0 auto; padding-top: 30px; padding-bottom: 20px;
}
.proTjBox li{
	float:left;position: relative;
	width: 250px; height: 188px; padding-right: 1px; padding-bottom: 12px;
}
.proTjBox li a{
	display: none;position: absolute; left:0px; top:0px;
	width: 210px; height: 68px; padding: 120px 20px 0px 20px;
	color: #fff; font-size: 16px; line-height: 40px; text-align: center;
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
	background: url(../img/probg.png) left top no-repeat;
}


.combg{
	width: 100%; height: 336px; padding-top: 24px; background: #27aa8f;
}
.company{  width:1004px; padding-top: 26px; margin:0 auto; }
.companPic{
	position: relative;
	width: 300px; height:220px;margin-right: 20px;
	overflow: hidden;
}
.comLeft,.comRight{
	position: absolute; z-index: 99;
	width: 29px; height: 40px;
}
.comLeft{ left:0px; top: 90px;}
.comRight{ right:0px; top: 90px;}
.companyUl{
	position: absolute;left: 0px; top:0px;
	height:220px;
}
.companyUl li{
	float:left;
	width: 300px; height: 220px;
}
.companyUl li img{display:block;width: 300px;height: 220px;display: block;}
.htmlPic2{ position:absolute; left:300px; top:0px;}

.companynr{
	width: 684px; height: 210px;  padding-top: 6px;
	color: #8ef6e1;line-height: 26px;
	overflow: hidden;
}
.companynr h2{
	width: 684px; height: 32px; margin-top: 16px;
}
.companynr h2 .P1{
	width: 380px;  padding-left: 40px;
	color: #fff; font-size: 18px; line-height: 32px; font-weight: normal;
	background: url(../img/icon1.png) left center no-repeat;
}
.companynr h2 .P2{
	width: 220px;  padding-left: 40px;
	color: #fff; font-size: 18px; line-height: 32px; font-family:arial;font-weight: normal;
	background: url(../img/icon2.png) left center no-repeat;
}
.techPic{
	position: relative;
	width: 1004px; height: 340px; margin: 0 auto; padding-top: 56px;
	overflow: hidden;
}
.techLeft,.techRight{
	position: absolute; left:50%; top:36px;
	width: 50px; height: 40px;
	cursor: pointer;
}
.techLeft{
	margin-left:402px;
	background: url(../img/icon4.png) center center no-repeat #218b73;
}
.techRight{
	margin-left:452px;
	background: url(../img/icon5.png) center center no-repeat #8adece;
}
.techPicUl{
	position: absolute; left:0px; top:56px;
	height: 340px;
}
.techPicUl ul{
	float:left;
	width: 1004px; height: 340px;
}
.techPicUl ul li{
	float: left;
	width: 502px; height: 120px; margin-bottom: 50px;	
}
.techPicUl .techImg{
	float: left;
	width: 160px; height: 120px; margin-right: 18px;
}
.techPicUl .techImg img{display: block}
.techPicUl .techCon{
	float: left;
	width: 310px; height: 120px;
}
.techPicUl .techCon h2{
	height: 30px;
	color: #333333; font-size: 14px; font-weight: normal;  line-height: 36px;
}
.techPicUl .techCon p{
	color: #999; font-size: 12px; line-height: 24px;
	
}
.techPicUl .techCon span{
	display: block; margin-top: 10px;
	width: 76px; height: 18px; border-radius: 5px;
	color: #fff; font-size: 12px; line-height: 18px; text-align: center;
	background: #acb2b1;
}

#casePic {
	position:relative;
	width:1004px; height:188px; padding-top: 36px; padding-bottom: 54px;   margin: 0 auto 0 auto; overflow: hidden;
}
#casePic ul {position:absolute;height:188px; }
#casePic ul li {position:relative;float:left;width:1004px; height:188px; overflow:hidden; }
#casePic ul li img{
	float:left; margin-right: 1px;
	display: block;}
#casePic .btn {position:absolute; width:100%;left:0px; bottom:0px; z-index:999999; }
#casePic .btn .btnBox{width: 100%; height:30px; margin: 0 auto; text-align:center; }
#casePic .btn  span{
	position: relative;display: inline-block;  
	width:25%;height:7px;cursor: pointer;
	background: #a1e5d8;
}
#casePic .btn  span.on{background: #218b73;}

/*end casePic*/

.price{
	position: relative;
	width: 1004px; height: 340px; padding: 10px 0px;  margin: 0 auto;
}
.priceTab{
	width: 666px; height: 340px;
}
.priceTitle{
	position: absolute; right:-42px; top: 0px;
	width: 120px; height: 300px; padding-left: 260px; padding-bottom: 60px;
	background: url(../img/pricebg.jpg) left top no-repeat;
}
.priceTitle a{
	display: block; float: left;
	width: 20px; height: 70px; padding-top: 226px;
	color: #000; font-size: 14px; text-align: center;
}
.priceTitle img{
	display: block; float: left;
	width: 14px; height:196px; padding: 104px 2px 0px 2px;
}
.priceTitle h2{
	display: block; float: left;
	width:30px; height:110px; margin-top: 190px; text-align: center; border-right: 3px solid #e03770;
}
/*end inMain*/


/* footer*/
.footer{ width:100%; background: #26312f;}
.linkBox{
	width: 100%; height:auto!important; height:52px; min-height: 52px;
	background: #384946;
}
.link{ 
	position: relative;
	width:1000px;height:auto!important; height:52px; min-height: 52px;  margin: 0px auto;
}
.linkTitle{
	float:left;
	width: 104px; height: 52px;
	color: #e03770; font-size: 18px;line-height: 52px; font-weight: bold;
}
.link_list{ 
	float: left;
	width: 900px;height:auto!important; height:52px; min-height: 52px; margin: 0 auto;}
.link_list a{
	display:inline-block;  padding-right: 20px;
	color:#a1e5d8;font-size:14px; line-height:52px;}
.link_list a:hover{color:#e03770;}	
/*end link*/

.btnavlist{
	position: relative; 
	width: 1000px; height: 46px; margin: 0 auto; padding-top: 36px;
	color:#56716c; text-align: left;
 }
.btnavlist a{
	display:inline-block;
	color:#56716c;font-size:14px; line-height: 46px;  padding-left: 3px; padding-right: 3px;  }
.btnavlist a:hover{ color:#e03770;}
/*end btnavlist*/

.footOne{ width: 1000px; height: 60px; padding-top:15px; margin: 0 auto; }
.share{
	float:left;
	width:300px;height: 60px; }
.share li{ 
	position:relative;float:left;
	width: 550px; height: 40px;}
.share .list{
	float:left;
	width: 62px; height: 40px; line-height: 40px; padding-left: 28px; display: block;
	color:#666b75; font-size: 14px;
}	
.share .qq2{background: url(../img/icon8.png) left center no-repeat;}
.share a.list:hover{ color: #666b75;}	
.shareList{ float:left;width:200px; padding-top: 6px;}
.shareList a{ display: inline;}	

/*end share*/
.site{  
	float:left;
	width:155px;  height: 40px; padding-left: 28px; 
	color:#666b75; font-size:12px;
	background: url(../img/icon7.png) left center no-repeat;  }
.site a{ color:#666b75; line-height: 40px;  }
.site a:hover{color:#e03770}
/*end site*/

.copyrightnr{ 
	width:1000px;margin: 0 auto;
	color:#666b75;font-size:12px; line-height:24px;  text-align: left;  font-family: "microsoft yahei"; }
.copyrightnr a{color:#e03770}
.copyrightnr a:hover{color:#e03770}
/*end copy*/


/* 分页样式 contact*/
.sectionbg{ width:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;}
.main{position:relative; width:1004px; padding-top: 20px; padding-bottom: 20px; margin:0 auto;  }
.left{float:left; width:250px; overflow:hidden; margin-right:20px;}
.leftProClaList{
	width:210px; padding: 10px 20px 20px 20px;  height:100px; height:auto!important;min-height:100px;
	background: #8adece;	
}
.leftProClaListUl{
	width: 214px; 
}
.leftProClaListUl li{
	width: 214px; height:40px; border-bottom: 1px dotted #bbf3e9;
}
.leftProClaListUl li a{
	width: 184px; height:40px; padding-left:30px; 
	color:#218b73; font-size: 14px; line-height: 40px;
}
.leftProClaListUl li a:hover{color:#064130;}
.leftProClaListUl .childCla{width:214px; display:none; }
.leftProClaListUl .childCla li{border-bottom:none!important;}
.leftProClaListUl .childCla li a{
	width:154px;padding-left:60px;  display: block; 
	color:#064130;
}
/*end leftProClaList*/

.leftContact{ width: 250px; padding-top: 20px; }
.leftTitle{ width: 250px; height: 42px;  border-bottom:1px solid #c5cecc;
/*	color:#07996c; font-size: 24px; line-height: 26px; */
}
.leftTitle span{ 
	float: left;
	display: block; padding: 0px 5px;
	height: 41px; border-bottom: 2px solid #e03770;
	color:#333333; font-size:18px; line-height: 41px; 
}
.leftTitle a{
	float: right;
	padding: 0px 5px;
	height: 41px;
	color:#333333; font-size:14px; line-height: 41px; 
}
.leftTitle a:hover{color: #064130;}

.leftContact dl{width:250px; display:block;clear:both;}
.leftContact dl dt,.leftContact dl dd{color:#4d5865; font-size:14px;  line-height:40px; }
.leftContact dl dt{float:left; width:50px; padding-left: 24px; text-align: right; }
.leftContact dl dd{float:left; width:176px;}

/*end leftNews*/

.mainCon{float:left; width: 730px;}
.mainConTitle{ 
	position:relative;width:100%; height:42px;border-bottom:1px solid #c5cecc;
}
.mainConTitle .span{
	float:left; 
	padding:0px 5px; height: 41px; border-bottom: 2px solid #e03770;
	color: #333333; font-size:18px;line-height:41px;  font-weight: bold;
}

.mainConTitle .position {  
	position: absolute; right: 0px; top:0px;
	height:42px;  
	color: #333333; font-size: 12px;line-height:42px;}
.mainConTitle .position a{color:#333333;}
.mainConTitle .position a:hover{color:#218b73}
.mainConTitle .position span{ font-size: 12px;color:#333333}
.mainConTitle .position font{ font-size: 12px; color:#333333;}
 /*end mainConTitle*/
.mainConList{float:left;width:730px; padding: 16px 0px;}	
.mainConList{
	color:#333;font-size: 14px; line-height: 180%; 
}
/* fixed */
.fixed{
	position:fixed;right:25px;bottom:160px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
	width:61px;height:180px; padding-top: 79px;
	background: url(../img/icon9.png) right top no-repeat;
	z-index:999;}
.fixed a{display: block; margin-bottom: 10px; margin-left: 16px;}
.fixed a.book{
	display:block;width:40px;height:40px; border-radius: 5px;
 	background: url(../img/iconfont2.png) center center no-repeat #26312f;
 }
.fixed a.book:hover{background: url(../img/iconfont2.png) center center no-repeat #218b73;}

.fixed a.codepic{
	display:block;width:40px;height:40px; border-radius: 5px;
 	background: url(../img/iconfont1.png) center center no-repeat #26312f;
 }
.fixed a.codepic:hover{background: url(../img/iconfont1.png) center center no-repeat #218b73;}
.fixed a.backup{
	display:block;width:40px;height:40px; border-radius: 5px;
 	background: url(../img/iconfont4.png) center center no-repeat #26312f;
 }
.fixed a.backup:hover{background: url(../img/iconfont4.png) center center no-repeat #218b73;}
.fixed div{position:relative;}
.fixed div img{
	position:absolute;left:-84px;top:0px;display:none;
	width:90px;height:90px;padding:5px; border-radius:4px;
	background:#218b73 ;
}