@charset "utf-8";

/* 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: 314px; height: 40px;

	/*overflow: hidden;*/

}

.search{

	padding-left: 20px; margin-top: 6px;

	width:294px; 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(../images/zoom.png) no-repeat right center;

}

.select{

	float:left;

	width:99px;height:28px; line-height:28px;

	background:url(../images/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: 44px; 

	color:#218b73; font-size:24px; 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(../images/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 li a:hover{

	color:#e03770;

	border-bottom:2px solid #e03770;

}

.nav .on a{

	color:#e03770;

	border-bottom:2px solid #e03770;

}

.nav li.first a{ 

	background: url(../images/home.png) center center no-repeat;  

}

.nav li.first a:hover{ 

	background: url(../images/home2.png) center center no-repeat;  

}



#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: 108px; padding-top: 42px;

	color: #218b73; font-size: 50px; line-height: 64px; text-align: center; text-transform: uppercase; font-family: impact;

	background: url(../images/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(../images/menu1.png) center center no-repeat #fff;}

.menuUl li a:hover .icon1 {background: url(../images/menu1a.png) center center no-repeat #e03770;}

.menuUl li a .icon2{background: url(../images/menu2.png) center center no-repeat #fff;}

.menuUl li a:hover .icon2 {background: url(../images/menu2a.png) center center no-repeat #e03770;}

.menuUl li a .icon3{background: url(../images/menu3.png) center center no-repeat #fff;}

.menuUl li a:hover .icon3 {background: url(../images/menu3a.png) center center no-repeat #e03770;}

.menuUl li a .icon4{background: url(../images/menu4.png) center center no-repeat #fff;}

.menuUl li a:hover .icon4 {background: url(../images/menu4a.png) center center no-repeat #e03770;}

.menuUl li a .icon5{background: url(../images/menu5.png) center center no-repeat #fff;}

.menuUl li a:hover .icon5 {background: url(../images/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; margin: 0 auto; padding-top: 30px; padding-bottom: 20px;

}

.proTjBox li{

	float:left;position: relative;

	width: 246px; height: 188px; padding-right: 1px; padding-bottom: 12px; border: 2px solid #27aa8f;

}

.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(../images/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;}

.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(../images/icon1.png) left center no-repeat;

}

.companynr h2 .P2{

	width: 220px;  padding-left: 40px;

	color: #fff; font-size: 18px; line-height: 18px; font-family:arial;font-weight: normal;

	background: url(../images/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(../images/icon4.png) center center no-repeat #218b73;

}

.techRight{

	margin-left:452px;

	background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/iconfont2.png) center center no-repeat #26312f;

 }

.fixed a.book:hover{background: url(../images/iconfont2.png) center center no-repeat #218b73;}



.fixed a.codepic{

	display:block;width:40px;height:40px; border-radius: 5px;

 	background: url(../images/iconfont1.png) center center no-repeat #26312f;

 }

.fixed a.codepic:hover{background: url(../images/iconfont1.png) center center no-repeat #218b73;}

.fixed a.backup{

	display:block;width:40px;height:40px; border-radius: 5px;

 	background: url(../images/iconfont4.png) center center no-repeat #26312f;

 }

.fixed a.backup:hover{background: url(../images/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 ;

}