﻿@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: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;}
body{color:#ffffff;}
.noneBottomBorder{ border-bottom: none!important;}	
.noneTopBorder{ border-top: none!important;}
.backgroudW{ background: #fff; padding: 15px; margin: 24px 0px;}
.width100{ width:1000px!important;}


/*main css*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}



/* header */
.header{ width:100%; position:relative;}
.top{
	position:relative;
	width:1000px;height:104px; margin:0 auto;}
.logo{float:left;width:600px; height:104px;}

.gudingtoptel{
	float:left; position: relative;
	width:400px; height:20px;padding-top:30px; 
 }
.gudingtoptel span{
	float:right;display: block;
	width:220px;height: 40px; padding-left:110px; padding-top: 0px; 
	color:#19ac8c; font-size: 16px; line-height:40px; font-family: impact; text-align:left;
	overflow: hidden;
} 

.toptel{
	float:left; position: relative;
	width:400px; height:60px;padding-top:30px; 
 }
.toptel span{
	float:right;display: block;
	width:220px;height: 40px; padding-left:220px; padding-top: 20px; 
	color:#19ac8c; font-size: 26px; line-height:40px; font-family: impact; text-align:left;
	background:url(img/telbg.jpg) left top no-repeat;
	overflow: hidden;
} 
.weather{
	position: absolute;right:0px; top:20px;
	width: 230px; height:30px;
	text-align: right;
}
/* end topbd */


.navgrp{
	position: relative; 
	width:1000px;height:48px;margin:0 auto;
}

.claListBox{
	position:relative;float:left;z-index: 99;
	width:160px;height:48px; padding-left: 40px;
	color: #ffffff; font-size: 16px; line-height:48px; font-weight: bold;
	background: url(img/index_28.jpg) 130px 20px no-repeat #2abb9b;
	cursor: pointer;
}
.claUlList{
	position:absolute;left:0px; top:48px; display: none;
	width:200px;
	background: #0e9c7d;
}
.claUlList li{
	width:158px; padding:10px 0px 10px 42px ;border-bottom: 1px dotted #59c2ab; 
}
.claUlList li a{
	 float:left; display: block;
	 height:22px;padding-right: 14px;
	 color:#ffffff;font-size:12px; line-height:22px; font-weight: normal;
}
.claUlList li a:hover{
	 color:#deff00;
}
.claUlList li .one{
	width: 100%;
	color:#deff00;font-size:14px; font-weight: bold;
}
/*.claListUlListHover{transition: all 0.5s ease;}*/
.claUlMore a{
	width: 200px; height: 48px; display: block;
	color: #fcff00; font-size: 14px; text-align: center;
}
/* end bannerClaList */

.nav{
	position:relative;float:left;
	width:800px;height:48px;margin: 0 auto;
}
.nav li{
	 position: relative;float:left;
	 width:100px;height:48px; display: block;  }
.nav li a{ 
	width:90px;height:48px;display:block; font-weight:bold;
	color:#3f3f3f;font-size:16px;line-height:48px; text-align: right; 
}
/* end navgrp */

	 
.banner{
	position:relative;z-index: 12; 
	width:100%;height:566px;
  }
.bann{
	position:absolute; top:0px;left:50%; margin-left: -800px;z-index: 20;
	width:1600px; height:566px;}

.picListBd {
	position:relative;
	width:1600px;height:566px; margin:0 auto; overflow:hidden;}
.picListBd2{
	position:absolute; left:0;top:0;  
	height:566px;  margin:0 auto; overflow:hidden;}
.picList{ 
	float:left;
	width:1600px;height:566px;overflow:hidden;}
.picLeft,.picRight{
	position:absolute;left:50%; top:234px;  z-index:99;
	width:53px; height:74px; cursor:pointer;}
.picLeft{margin-left:-545px;}
.picRight{margin-left:505px;}
.htmlpic2{ position:absolute;z-index:90; left:1600px;top:0px; }
/* end banner */
.bannerPic{
	position:relative;z-index: 12; 
	width:100%;height:214px;
  }
.bannPic{
	position:absolute; top:0px;left:50%; margin-left: -800px;z-index: 20;
	width:1600px; height:214px;}

.ntbg{ 
	position:absolute;left:0px; bottom: 0px;z-index:9999 ;
	width:100%; height:106px; 
	background:url(img/whitebg.png);
}
.ntbd{
	width: 940px; height:34px; padding: 15px 30px;  margin: 21px auto;
	background: #a6c62b;
}
.notice{ 
	float:left;
	width:550px;height:34px; }
.notice .title{ 
	float:left;
	width:74px;height:30px; padding-left: 30px; 
	color: #ffffff;font-size:14px; line-height:34px; font-family: "微软雅黑"; font-weight: bold;  text-align: right;
	background: url(img/notice.jpg) left center no-repeat;
}
.notice .noticenr{
	float:left;
	width:446px;height:34px;
	color:#ffffff; font-size:14px; line-height:34px; }


.searchBd{float:left;width:370px; height:34px; padding-left:20px;}
.search{width:370px; height:34px; }
.text{
	float:left;
	width:199px;height:34px; text-indent: 20px; border: none; margin-right: 1px;
	color:#94b31b;font-size:14px;line-height:34px;
}
.btn{
	float:left;
	width:73px;height:34px;border:0;cursor:pointer; border: none;
	/*color:#b7b7b7; font-weight:bold; font-size:12px;*/
	background:url(img/search.jpg) no-repeat center center;
}
.select{
	position:relative;float:left; 
	width:97px;height:34px; line-height:34px;
	background:url(img/select.jpg) left top no-repeat; 
}
div.selectbox-wrapper{
	position: absolute;left:-1px;*left:-1px;z-index:9999999;overflow:hidden;
	width:97px;*margin-top:0;
	color:#94b31b;text-align:left;
	border: #8aab0f 1px solid;/*border-top: #cdcdcd 0 solid;*/
	background: #fff;}
div.selectbox-wrapper ul li.selected {color:#ffffff;background-color:#9cbd1d}
div.selectbox-wrapper ul li.current {color: #9cbd1d;background-color:#ffffff}
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:97px;cursor:pointer;height:34px;border:none;display:block;
	color:#94b31b;line-height:34px;font-size:14px; text-indent: 10px;
	background:none;
}
/* end search */ 	


.sectionB{ 
	position: relative;
	width: 100%; height: 152px; padding-top: 27px; border-top: 1px solid #d3d3d3; 
	background: url(../images/index_10.jpg);}

.section{position:relative; width:100%; margin:auto;  clear:both; overflow: hidden; }
.TtitleBox{position:relative; width: 100%; margin: 0 auto;}
.Ttitle { 
	position:relative;width:100%; height:46px; padding-bottom: 6px; padding-top: 14px; margin: 0 auto; 
	font-size:20px;line-height:24px; font-weight: bold;
}
.Ttitle span{
	display: block;
	font-size:18px;line-height:22px;text-transform: uppercase; font-weight: normal;}	
.Tmore a{
	position:absolute; right:0px; top:28px;
	width:78px; height:25px; display: block;
	font-size: 14px; line-height: 25px;  text-align: center; font-weight: normal;
}
.TtitleC1{color:#2abb9b; background: url(img/tbg1.jpg) 84px 16px no-repeat;}
.TtitleC1 a{color:#2abb9b;}
.TtitleX1{background: url(img/xian1.jpg) left bottom repeat-x;}

.TtitleC2{color:#48ae23; background: url(img/tbg2.jpg) 84px 14px no-repeat;}
.TtitleC2 a{color:#48ae23;}
.TtitleX2{background: url(img/xian2.jpg) left bottom repeat-x;}

.TtitleC3{color:#96b817; background: url(img/tbg3.jpg) 64px 16px no-repeat;}
.TtitleC3 a{color:#96b817;}
.TtitleX3{background: url(img/xian3.jpg) left bottom repeat-x;}

.TtitleC4{color:#19ac8c; background: url(img/tbg4.jpg) 84px 16px no-repeat;}
.TtitleC4 a{color:#19ac8c;}
.TtitleX4{background: url(img/xian4.jpg) left bottom repeat-x;}

.TtitleC5{color:#393939; background: url(img/tbg5.jpg) 84px 16px no-repeat;}
.TtitleC5 a{color:#393939;}
.TtitleX5{background: url(img/xian5.jpg) left bottom repeat-x;}	
/*end Ttitle*/

.inProBd{position: relative; width:1000px; margin: 0 auto; overflow: hidden;}
.adv{ 
	position:relative;float:left;
	width: 207px; height: 367px; padding-top: 14px; padding-left: 7px;
}
.adv img{ position: relative;display:block;z-index:9;}
.advBox{
	position: absolute;left:0px; top:7px;z-index:1;
	width: 204px; height: 360px; border: 2px solid #2abb9b;
}
.advColor1{border-color: #2abb9b;}
.advColor2{border-color: #48ae23;}

.proList {
	float:left;
	width:786px; height:367px;  margin:0 auto; padding-top:14px;
	overflow: hidden;
}
.proListPic  li{ 
	position: relative;float:left;
	width:245px; height:269px; margin-left:17px;
	overflow: hidden; }	
.proListPic  li a{
	width: 245px; height: 268px; display: block; border-bottom: 1px solid #e3e3e3;
}
.proListPic  li a:hover{
	width: 245px; height: 268px; display: block; border-bottom: 1px solid #2abb9b;
}
.proListPic  li a:hover img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.proListPic  li a:hover .title{text-decoration: underline;}	
.proListPic  li a:hover .intro{text-decoration: underline;}
.proListPic  li a:hover .price{text-decoration: underline;}
.proListPic  li .pic{position:relative;width:245px; height:184px; margin-bottom: 12px; overflow:hidden;}
.proListPic  li .title{ 
	width: 245px; height: 22px;
	color:#1c1c1c; font-size: 14px; line-height:22px; text-align: left; 
}
.proListPic  li .intro {
	width: 245px; height: 22px; 
	color:#868686; font-size: 14px; line-height:22px; text-align: left; 
}
.proListPic  li  .price{
	width:245px;  height:22px;  display: block;
	color:#ff3131;font-size:14px;line-height:22px; text-align:left;
}

.proListPic .scale{
	transition: all ease .5s;
	-ms-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
/*end proListPic*/	
.proListUl{
	float:left;
	width: 786px;  height: 93px; padding-top: 12px;
}
.proListUl li{float:left;width: 372px; height: 30px; margin-left:17px; margin-right: 8px;   border-bottom: 1px solid #e3e3e3;}
.proListUl li a{
	width: 372px; height: 30px; display: block;
	color: #2b2b2b; font-size: 14px; line-height: 30px;
}
.proListUl li a span{float:right; color: #858585;}
.proListUl li a:hover{text-decoration: underline;}
.proListUl li a:hover span{color:#ff3131;text-decoration: underline;}

.casebg{
	width: 100%; height:236px; padding-top: 14px;
	overflow: hidden;
}
#casePicUlId{ position:relative; width:1000px;height: 236px; overflow: hidden; margin: 0 auto;}
.caseLeft{ position: absolute;right:34px; top:24px; width:26px; height:26px;padding:3px;background: #b5d343; cursor:pointer;}
.caseRight{ position: absolute;right:0px; top:24px; width:26px; height:26px;padding:3px;background: #b5d343; cursor:pointer;}
.casePicUlIdBox{
	position: absolute;left:0px; top:0px;
}
.htmlpicA2{ position:absolute; left:3000px; top:0px; }
.casePicUl{float:left;width:1000px;height:236px;}
.casePicUl li{position:relative;float:left;}
.casePicUl li{ width:240px; height:236px;  margin-right:13px; background: #ffffff;}
.casePicUl li a{ width: 240px; height: 236px; display: block;}
.casePicUl li a:hover img{
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
}
.casePicUl li a:hover .title{text-decoration: underline;}
.casePicUl li a:hover .intro{text-decoration: underline;}

.casePicUl li .pic{ width:240px; height:180px; margin-bottom: 10px;  overflow: hidden; }
.casePicUl li .title{
	width:240px; height: 22px;
	color:#1c1c1c;font-size:14px;line-height:22px; }
.casePicUl li .intro{
	width: 240px; height: 22px;
	color:#868686;font-size:14px;line-height:22px;
}

.casePicUl .scale{
	transition:all ease .5s;
	-ms-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
/*end casePic*/


.trabg{
	width: 100%; height:354px; margin-top: 6px; 
	background:#19ac8c;overflow: hidden;
}
#traPicUlId{ position:relative; width:1000px;height: 354px; overflow: hidden; margin: 0 auto;}
.traLeft{ position: absolute;right:34px; top:24px; width:26px; height:26px;padding:3px;background: #19ac8c; cursor:pointer;}
.traRight{ position: absolute;right:0px; top:24px; width:26px; height:26px;padding:3px;background: #19ac8c; cursor:pointer;}
.traPicUlIdBox{
	position: absolute;left:0px; top:0px;
}
.trahtmlpicA2{ position:absolute; left:3000px; top:0px; }
.traPicUl{float:left;width:1000px;height:307px; padding-top:22px}
.traPicUl li{
	position:relative;float:left; 
	width:230px; height:300px;  margin-right:17px;  padding-left: 7px; padding-top: 7px;
}
.traPicUlBox{
	position: absolute;left:0px; top:0px; z-index:1 ;
	width: 228px; height: 298px; border:1px solid #67d3bc;
}
.traPicUl li .pic{
	position: relative; z-index: 9;
	width:220px; height:230px; padding:5px;	background: #ffffff;  }
.traPicUl li .pic .zoom{
	position: absolute;left:5px;top:5px; display: none;
	width: 140px; height: 150px; padding-left: 80px; padding-top: 80px;
	background: url(img/whitebg.png);
}
.traPicUl li .title{
	position: relative; z-index: 9;
	width:220px; height: 24px; padding: 4px 5px 0px 5px;
	color:#1c1c1c;font-size:14px;line-height:22px;
	background: #ffffff; 
}
.traPicUl li .intro{
	position: relative; z-index: 9;
	width: 220px; height: 24px;padding: 0px 5px;
	color:#868686;font-size:14px;line-height:24px;
	background: #ffffff; 
}
.traPicUl li .padTop{padding-top: 6px;}
.traPicUl li .padbottom{padding-bottom: 6px;}
/*end traPic*/


.ccBox{ width: 1000px; height: 330px; margin: 0 auto;}
.company{ float:left; width: 730px; height:330px;}
.companyCon{
	width:730px; height:254px; padding-top: 10px;
	color:#272727; font-size:14px; line-height:28px;
	overflow: hidden;
}

/*end company*/
	

.contact{ 
	float:left; position: relative;
 	width:230px;height: 270px; margin-left: 40px; margin-top: 24px;
 	background: #a6c62b;
 }
.contTitle{
	width: 230; height: 50px; padding-top: 16px;
	color: #627c00; font-size: 20px; line-height: 22px;  font-weight: bold; text-align: center;
}
.contTitle span{
	display: block;
	color:#799900;font-size:18px; line-height: 20px; font-family: "微软雅黑"; font-weight:normal;
}

#pgshare1 #bdshare a{background: url(img/share.jpg) no-repeat scroll 0 0 transparent;margin-right:2px;min-height: 34px;min-width:37px;display:block;float:left;padding:0}
#pgshare1 #bdshare{background: url(img/share.jpg) repeat-x scroll 0 -170px transparent;display: block;float: left;padding-bottom: 2px;text-align: left !important;z-index: 999999;}
#pgshare1 #bdshare .bds_tsina,#pgshare1 #bdshare a.bds_tsina:hover{background-position:0 0 !important;}
#pgshare1 #bdshare .bds_qzone,#pgshare1 #bdshare a.bds_qzone:hover{background-position:-88px 0 !important;}
#pgshare1 #bdshare .bds_tqq,#pgshare1 #bdshare a.bds_tqq:hover{background-position:-44px 0 !important;}
#pgshare1 #bdshare .bds_bdhome,#pgshare1 #bdshare a.bds_bdhome:hover{background-position:-130px 0 !important;}
#pgshare1{width:158px;height:42px;margin:8px auto 0px auto; overflow: hidden;}


.contact dl{
	 display:block;clear:both;
	 width:206px; height: 36px; padding-top: 4px; margin-left: 12px;
	 border-bottom: 1px solid #94b517;
}
.contact dl dt,.contact dl dd{color:#536900; font-size:14px;  line-height:36px; }
.contact dl dt{float:left; width:44px; }
.contact dl dd{float:left; width:162px;}
.contact dl dd.num{color:#536900; font-size:18px;font-family: impact;}
.contact .conMore a{
	width: 121px; height: 44px; margin-top: 122px; display: block;
	color:#ffffff; font-size: 14px; line-height: 44px; text-align: center;
}

/* end contact */
/*end inMain*/


/* footer*/
.footer{ width:100%;background: #202020; }
.footerBox{ width: 1000px; margin: 0 auto;}
.footerL{ float:left; width: 660px;}

.site{  
	width:155px;  height: 40px; padding-left: 45px;  margin-top: 20px; margin-bottom: 12px;
	color:#818181; font-size:14px;
	background: url(img/site.png) left top no-repeat;  }
.site a{ color:#818181; line-height: 40px;  }
.site a:hover{color:#fff}
/*end site*/

.copyrightnr{ 
	width:660px;margin: 0 auto; padding-bottom: 32px;
	color:#818181;font-size:12px; line-height:28px;  text-align: left;  }
.copyrightnr a{color:#818181}
.copyrightnr a:hover{color:#ffffff}
/*end copy*/
.btnavlist{
	float:left;
	width: 340px; margin: 0 auto; padding-top: 54px;
	color:#818181;
 }
.btnavlist a{
	display:block; float:left; margin-bottom: 1px;
	width: 109px; height: 28px; border-right: 1px dotted #818181;
	color:#818181;font-size:14px; line-height: 28px;  text-align: center;  }
.btnavlist a:hover{ color: #ffffff;}	
/*end btnavlist*/


/* 分页样式 */
.main{position:relative; width:1000px; padding-bottom: 20px; margin:0 auto;  }

/* left */
.left{
	float:left;
	width: 212px; padding-right: 22px; margin-top: 14px;
}
.leftPic{
	width: 212px; height: 94px; padding-bottom: 10px;
}
.leftTtitle{
	 width: 212px; height: 50px; 
	 color: #ffffff; font-size: 20px; line-height: 50px; font-weight: bold; text-align: center;
	 background: #2abb9b;
}

.leftProClaList{
	width: 202px;border:5px solid #2abb9b; margin-bottom: 10px;
}
.leftProClaListUl{
	width:182px; padding: 10px;
}
.leftProClaListUl li{
	width: 182px; height:40px; border-bottom: 1px dotted  #b6b6b6;
}
.leftProClaListUl li a{
	width: 172px; height:40px; padding-left:10px; 
	color:#5b5b5b; font-size: 14px; line-height: 40px;
}
.leftProClaListUl li a:hover{color:#000000;}
.leftProClaListUl .childCla{width:182px; display:none; }
.leftProClaListUl .childCla li a{
	width:160px;padding-left:22px;  display: block;
}
.leftContact{
	 width:202px; padding: 10px 0px; border:5px solid #2abb9b; 
	 background: #ffffff;
}
.leftContact dl{width: 182px; padding:0px 10px;clear:both;}
.leftContact dl dt,.leftContact dl dd{color:#454545; font-size:14px;  line-height:30px; }
.leftContact dl dt{float:left; width:46px; }
.leftContact dl dd{float:left; width:136px;}


.mainCon{float:left; width: 766px;}
.mainConTitle{
	position: relative;
	width:766px; height:60px;  margin-top: 14px;
	color: #000000;font-size: 20px; line-height: 60px;
	background: url(img/xian1.jpg) left bottom repeat-x;
}
.mainConTitle .position {  
	position: absolute; right: 0px; top:8px;
	height:46px;  
	color: #767676; font-size: 12px;line-height:46px;}
.mainConTitle .position a{color:#767676;}
.mainConTitle .position a:hover{color:#000000}
.mainConTitle .position span{ font-size: 12px;color:#767676}
.mainConTitle .position font{ font-size: 12px; color:#767676;}
 /*end mainConTitle*/
.mainConList{float:left;width:766px; padding: 22px 0px;}
.mainConList .pic1{ 
	position: relative;float:left;
	width:216px; height:202px; margin-bottom:16px; margin-left: 19px; margin-right: 19px; 
}
.mainConList .pic1 a{
	display: block;
	width:216px; height:202px;display:block; 
}	
.mainConList .pic1 a:hover .title{color:#000000;}
.mainConList .pic1 .pic{ width:216px; height:162px;  }
.mainConList .pic1 .pic img{ display: block;}
.mainConList .pic1 .title{
	width:216px; height: 40px; 
	color:#1c1c1c;font-size:14px;line-height:40px;
}

 /*end pic1*/	
.mainConList .pic2{ position:relative;width: 724px; height:162px; margin-left: 19px; margin-bottom: 20px; }
.mainConList .pic2 dt{
	position:relative;float: left; 
	width:216px; height:162px; margin-right: 26px;
	background: #ffffff; }
.mainConList .pic2 dt img{ display:block;}
.mainConList .pic2 dd{ width:482px;height:162px;  float:left;}
.mainConList .pic2 .title{
	width:482px; height:40px; 
	color:#1c1c1c;font-size:16px; line-height:40px; /*font-weight:bold;*/}
.mainConList .pic2 .intro{width:482px; height:82px;color:#767676;font-size:12px;line-height:26px; overflow: hidden;}
.mainConList .pic2 .time{ 
	width:482px; height:40px;
	color: #ff3131; font-size: 22px;line-height:40px}
.mainConList .pic2 .view{
	position: absolute;right:0px; bottom: 10px;
	width: 107px; height: 37px;
	background: url(img/view.jpg);
}
.mainConList .pic2 .view a{
	width: 93px; height: 37px; padding-left:14px ; display: block;
	color: #ffffff; font-size: 16px;line-height:37px;  font-weight: bold;
}
/*end pic2*/

.mainConList ul{ width:738px; padding: 0px 14px; }
.mainConList ul li{width: 738px; height: 40px;  }
.mainConList ul li a{
	width: 738px;height: 40px;display: block; 
	color:#1c1c1c; font-size:14px; line-height:40px;  }
.mainConList ul li a:hover{color:#000000}	
.mainConList ul li a span{color:#1c1c1c;float:right;}
/*end ul*/

.pglist{ width:100%;clear:both;height:80px;padding-top:20px}
.pglist ul{ width:100%;text-align:center; padding-top:30px;}
.pglist ul li{ 
	vertical-align: bottom; display:inline-block;*display:inline; *zoom:1; *margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;
 	width:28px;height:28px; line-height:28px; border:1px solid #2abb9b;
 	color:#4d95c5;font-size:12px;text-align:center; font-family: "微软雅黑";
 	background:#2abb9b}
.pglist ul li a{color:#ffffff; display:block}
.pglist ul li.last{
	width:56px; padding-left:10px; height:28px; border:1px  solid #2abb9b;
	color:#ffffff;
	background:url(img/lastBg.png) 6px center no-repeat #2abb9b;}
.pglist ul li.next{ 
	width:56px; padding-right:10px; height:28px; border:1px  solid #2abb9b;
	color:#ffffff;
	background:url(img/nextBg.png) 56px center no-repeat #2abb9b;}
.pglist ul li.font{ width:246px;  height:28px;line-height:28px; border:none;color:#3f3f3f; background:#ffffff}
.pglist ul li.font .page{ 
	width:28px; height:28px;  border:1px solid #2abb9b;margin:0 10px;
	color:#ffffff;line-height:28px; text-align:center; 
	background:#2abb9b;}
.pglist ul li.font .botton{
	 width:56px; height:28px; border:1px solid #2abb9b; margin:0 10px;
	 color:#ffffff;line-height:28px; text-align:center; 
	 background:#2abb9b; }
.pglist ul li.on{color:#fff;background:#feb644;border:1px  solid #feb644;}
.pglist ul li.on a{color:#fff;}
/*end pglist*/

.mainContect{ 
	width: 766px; margin: 0 auto;
	color:#313131;font-size:14px;line-height:30px;overflow:hidden;
	padding-top:16px; height:auto!important;min-height:360px;height:360px;word-wrap:break-word; word-break:break-all;
}
.mainContect .title{ 
	width:100%;  padding-top:14px;
	color:#1c1c1c;font-size:20px;text-align:center;/*font-weight:bold;*/ }
.mainContect .time{
	width:100%; height: 30px; margin-bottom: 14px;
	color:#767676;font-size:12px;line-height:30px; font-weight:normal; text-align: center;}

.mainContect .con{ color:#313131;line-height:30px;font-size:14px;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .pgfy{ width:100%;  margin: 20px auto;}
.mainContect .pgfy a{
	width: 80px; height: 40px; display: block; padding-left: 50px; margin: 0 auto;
	color:#a9a9a9;font-size:16px; line-height: 40px;
	background: url(img/back.jpg) left top no-repeat #202020;
}

.mainContect .pic{ position: relative; width:100%; height: 400px; text-align:center;padding:20px 0;}
.mainContect .conLeft,.mainContect .conRight{
	position:relative;float:left;z-index: 99; 
	width: 36px; height: 98px; margin-top: 150px; 
	cursor:pointer;}
.mainContect .conListBd{ position: relative;float:left;width: 694px; height: 400px;}
.mainContect .conListBd2{
	position:absolute; left:0;top:0;  
	height:400px;  margin:0 auto; overflow:hidden;}
.conhtmlpic2{ position:absolute;z-index:90; left:1600px;top:0px; }	
.mainContect .conList{ 
	float:left;
	width:694px;height:400px;overflow:hidden;}

.mainContect .price{
	 width: 674px; height: 37px; padding-left: 20px; margin: 0px auto 20px auto;
	 color:#ffffff;font-size:14px; line-height:37px; font-weight: bold;
	 background: url(img/view.jpg) right top no-repeat #2abb9b;
}
.mainContect .price span{
	display: inline-block; 
	font-size:22px; font-weight: normal;}
.mainContect .conPic{
	 width: 694px; margin: 0 auto;
	 color:#313131;line-height:30px;font-size:14px;word-wrap:break-word; word-break:break-all;overflow:hidden}




/* fixed */
.fixed{
	position:fixed;right:25px;bottom:50px;_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:55px;height:212px;
	z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.book{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.book:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

/* service tel */
.serviceTel{
	position:fixed; right:25px; top:120px;z-index:1000;
	width:180px; height: 80px; border:3px solid #b22f2d;  padding-top: 10px;
	color: #333333; font-size: 24px; line-height: 30px; text-align: center;
	background:#ffffff;
}
.serviceTel span{
	display: block;
	color: #b02a28; font-size: 22px; line-height:30px;font-family: impact; text-align: center;
}
.serviceTel .close{
	position: absolute; right:0px; top:0px;
	width: 21px; height: 21px;border-left:1px solid #ae2422; border-bottom:1px solid #ae2422;
	color: #be4b49; font-size: 16px; line-height:21px; text-align: center;
	background: #ffe6e6; cursor: pointer;
}



/* hr*/
.hrBox{ width:634px; float:left; min-height:91px; _height:91px; border:1px solid #dbdbdb; margin-top:20px;  margin-left:40px;_margin-left:30px; } 
.hrBoxL{ width:100px; float:left; text-align:center;  }
.hrBoxL li{ width:100px; min-height:30px; _height:30px; line-height:30px;border-bottom:1px #dbdbdb solid;vertical-align: bottom}
.jobName{ width:380px; float:left;}
.hrBtn{ width:100px; float:left; text-align:center; padding-top:3px;}
.hrBoxL li.haode{ border-bottom:none;}
.hrBoxR{ width:533px; float:left; text-align:left; border-left:1px solid #dbdbdb;}
.hrBoxR li{ width:508px; min-height:30px; _height:30px; line-height:30px; border-bottom:1px #dbdbdb solid; padding-left:15px; vertical-align: bottom; padding-right:10px;}
.hrBoxR li.topline{ overflow:hidden; height:30px;}
.hrBoxR li.topline img{ margin-top:3px;}
.hrBoxR li.haode{ border-bottom:none;}
.hrTable{ width:614px; float:left; height:440px; background:#efefef; border:1px solid #dbdbdb;margin-left:35px;_margin-left:17px;}
.tableTitle{ width:614px; height:36px; text-align:center; line-height:36px; border-bottom:1px solid #dbdbdb; font-weight:bold;}
.lineOne{ height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; width:614px;}
.lineOneL{ width:94px; float:left; text-align:center; border-right:1px solid #dbdbdb;}
.lineOneR{ width:509px; float:left; padding-left:10px;}
.tableMainL{ width:94px; float:left; border-right:1px solid #dbdbdb; text-align:center;}
.tableMainL li{ width:94px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb;}
.tableMainR{ width:211px; float:left; border-right:1px solid #dbdbdb; text-align:left; }
.tableMainR li{ width:206px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainR li span{display:inline-block;}
.tableMainRno{ width:212px; float:left; text-align:left;}
.tableMainRno li{ width:207px; height:30px; line-height:30px; border-bottom:1px solid #dbdbdb; padding-left:5px; vertical-align: bottom;}
.tableMainRno li span{display:inline-block;}
.input_hr{ width:126px; height:17px; line-height:17px; padding:0px; vertical-align:middle; font-size:12px; border:1px solid #dbdbdb;}
.sel_hr{ width:130px; height:20px; line-height:20px; padding:0px; vertical-align:middle; font-size:12px; }
.bottomLine{ width:614px; height:123px; border-bottom:1px solid #dbdbdb; }
.lineBootL{ width:94px; height:123px; border-right:1px solid #dbdbdb; text-align:center; float:left;}
.lineBootR{ width:509px; float:left; padding-left:10px;  height:123px;}
.are_hr{ width:470px; height:80px; margin-top:11px;}
.hr_btn{ width:614px; height:31px; line-height:31px;}
.hr_btnL{ width:310px; float:left; border-right:1px solid #dbdbdb; text-align:center; height:31px;}
.hr_btnR{ width:300px; float:left; text-align:center; }
.c_red{ color:#f00;}
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}
/* hr */
.hr{ font-size: 14px; color:#666666; margin:10px auto; width:95%;font-size:12px;line-height:24px; border:1px #dbdbdb solid;border-collapse: collapse;  }
.hr td{border:1px #dbdbdb solid; border-collapse: collapse; padding:5px;font-size: 14px; color:#666666; }
.hr input,.hr textarea{font-size: 14px; height: 20px; line-height: 20px; line-height:1.8; border:1px solid #ccc;}
.hr a{ color:#333;}
.hr a:hover{ color:#de0303;}
.hr_btn{width:100px; height:40px; font-size:14px;color:#666666; }
.fl{ float:left}.fr{ float:right}.clear { clear:both;height:0px; overflow:hidden}

.trabg{
	width: 100%; height:354px; margin-top: 6px; 
	background:#19ac8c;overflow: hidden;
}
#traPicUlId{ position:relative; width:1000px;height: 354px; overflow: hidden; margin: 0 auto;}
.traLeft{ position: absolute;right:34px; top:24px; width:26px; height:26px;padding:3px;background: #19ac8c; cursor:pointer;}
.traRight{ position: absolute;right:0px; top:24px; width:26px; height:26px;padding:3px;background: #19ac8c; cursor:pointer;}
.traPicUlIdBox{
	position: absolute;left:0px; top:0px;
}
.trahtmlpicA2{ position:absolute; left:3000px; top:0px; }
.traPicUl{float:left;width:1000px;height:307px; padding-top:22px}
.traPicUl li{
	position:relative;float:left; 
	width:230px; height:300px;  margin-right:17px;  padding-left: 7px; padding-top: 7px;
}
.traPicUlBox{
	position: absolute;left:0px; top:0px; z-index:1 ;
	width: 228px; height: 298px; border:1px solid #67d3bc;
}
.traPicUl li .pic{
	position: relative; z-index: 9;
	width:220px; height:165px; padding:5px;	background: #ffffff;  }
.traPicUl li .pic .zoom{
	position: absolute;left:5px;top:5px; display: none;
	width: 140px; height: 120px; padding-left: 80px; padding-top: 45px;
	background: url(img/whitebg.png);
}
.traPicUl li .title{
	position: relative; z-index: 9;
	width:220px; height: 24px; padding: 4px 5px 0px 5px;
	color:#1c1c1c;font-size:14px;line-height:22px;
	background: #ffffff; 
}
.traPicUl li .intro{
	position: relative; z-index: 9;
	width: 220px; height: 84px;padding: 5px 5px 0px 5px;
	color:#868686;font-size:14px;line-height:24px;
	background: #ffffff; 
}
.traPicUl li .padTop{padding-top: 6px;}
.traPicUl li .padbottom{padding-bottom: 6px;}

/* book*/
.bookmain{width:650px;padding:0 10px;height:auto;font: 14px/30px 'microsoft yahei';color: #185e0b;margin:0 auto;}
.bookmain div{font-size:14px}
.bookline{width: 650px; height:34px;background-image: url(../images/about_box_line.jpg); background-repeat:repeat-x; background-position: 0 0; margin:0 auto;margin-top:10px;}
.book3{ width:550px; margin:0 auto;}
.booktop{ width:650px; height:30px; float:left; background:url(../images/bookico.png) no-repeat 10px 7px; margin-top:20px;}
.booktop_name{ width:570px; height:30px; float:left; color:rgb(30,54,1); padding-left:30px; line-height:30px; font-weight:bold;}
.booktop_time{ width:150px; height:30px; float:left; color:rgb(30,54,1); text-align:right; line-height:30px;}
.bookcontent{ width:628px; min-height:40px; height: auto!important; height:40px;float:left; border:1px solid #d6deef; background:url(../images/bookcontentbg.jpg) repeat-x; background-color:#fff; padding:10px; color:rgb(30,54,1);}
.bookadmin{ width:650px; height:auto; float:left;}
.bookadmin_top{ width:650px; height:12px; float:left;}
.bookadmin_mid{ width:628px; min-height:30px; height: auto!important; height:30px; border-left:1px solid #d6deef; border-right:1px solid #d6deef; border-bottom:1px solid #d6deef; float:left; padding:10px; color:rgb(30,54,1); background: #ffffff;}
.messagecol{ color:rgb(30,54,1);}
.admincol{ color:rgb(30,54,1); font-weight:bold;}
.admintimecol{ color:rgb(30,54,1); float:right; *margin-top:-17px;}
.message{ width:500px; height:auto;float:left;padding-left:50px; color:rgb(30,54,1);}
.message li{ width:500px;height:40px; float:left; margin:0px; padding:0px;}
.message li input{ height:15px; line-height:15px; width:150px;}
.message li p.message_title{ width:100px; height:25px; float:left; text-align:right; font-size:14px;}
.message li p.message_content{ width:400px;float:left;}
.message li.contentb{ width:500px;height:150px; float:left;}
.message li.contentb textarea{ width:370px; height:120px;}
.message li.yzm{ width:500px;height:60px; float:left;}
.message li p.message_yzminput{ width:100px; float:left;}
.message li p.message_yzminput input{ width:70px;}
.message li p.message_yzmico{ width:100px; height:40px; float:left;}
.message li p.message_sub{ width:200px; height:40px; float:left;}
.tab2{background:#fff; width:100%; margin-top:5px; border:1px solid #e1e0e1;}
.blank{width:100%; height:20px; margin-bottom:5px;}
