body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, 
p, blockquote, th, td, img, iframe,a { margin: 0; padding: 0; }  
table { border-collapse: collapse; border-spacing: 0; } 
 input, button, textarea, option { font: 12px "Microsoft Yahei", Arial, Helvetica, sans-serif; } 
  ul, li, div { list-style: none; border: 0px; } 
 img {border: 0px;vertical-align: middle;max-height: 100%;max-width: 100%;} .clear { font: 0px/0px serif; display: block; clear: both; }  html { -webkit-text-size-adjust: none; }  input { outline: none; }  textarea { resize: none; }  a { text-decoration: none; color: #333;}  body:nth-of-type(1) input:focus, textarea:focus { outline: none; }  br { background: #fff; }  body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #333; background: #fff; position: relative; }.clearfix:after{content: "\200b"; display: block; height: 0; clear: both;} .clearfix{*zoom: 1;}a:hover{color: #168ce3;text-decoration: underline;}
 @font-face {
	font-family: 'hbzhan';  /* Project id 1875012 */
	src: url('https://at.alicdn.com/t/c/font_1875012_yghyt0mh2h.woff2?t=1697617261003') format('woff2'),
		 url('https://at.alicdn.com/t/c/font_1875012_yghyt0mh2h.woff?t=1697617261003') format('woff'),
		 url('https://at.alicdn.com/t/c/font_1875012_yghyt0mh2h.ttf?t=1697617261003') format('truetype');
  }
.hbzhan{
    font-family:"hbzhan" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
.wrapper{
	width: 1180px;
	margin: 0 auto;
}

#header{ width:100%;min-width: 1180px; height:31px;background:#3a3a3a;margin:0 auto;}
.header{ width:1180px; height:31px; margin:0 auto; color:#ebebeb;}
.header ul{ float:left;}
.header li{ float:left; font:normal 12px/30px "\5b8b\4f53","Tahoma";}
.header li input{ width:90px; height:18px; float:left; border:none; margin:6px 5px 6px 0; background:#9b9897;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:6px 3px; background:url(/images/purchase2015/purchase2015.png) no-repeat 0 0; cursor:pointer;}
.header li a{ padding:0 5px;}
.header p{ line-height:31px; float:right; color:#ebebeb; margin-right:170px;}
.header p a{ display:inline-block; padding:0 4px;}
.header p a.mobile{ display: none;padding-left:42px; background:url(/images/caigou2017/phone.jpg) no-repeat 26px 9px; color:#5b9900;}
.header a{ color:#b0b0b0;}
.header a:hover{ text-decoration:underline;}

.banner{
	width: 1440px;
	margin: 0 auto;
}
.banner img{
	width: 100%;
}
#top{ width:100%;min-width: 1180px;margin: 20px auto;}
.top{ width:1180px;margin:0 auto;}
.top .logo{ width:220px; height:60px;float: left;margin-right: 20px;}
.top h1{ width:110px; height:27px;font:normal 25px/27px "Microsoft Yahei","\5b8b\4f53";}
.top h1 a:hover{text-decoration: none;color: #333}
.top h2{
	height: 25px;
}
.plat{
	width: 140px;
	height: 45px;
	float: left;
	padding-left: 20px;
	border-left:1px solid #dcdcdc; color:#333333;
	margin-top: 5px;
}
.nav{
	width: 700px;
	float: right;
	margin-top: 15px;
	margin-right: -41px;
}
.nav ul li{
	float: left;
}
.nav ul li a{
	padding: 0 20px;
	font-size: 16px;
	line-height: 25px;
}
.nav ul li a:hover{
	color: #5B9900;
	padding-bottom: 10px;
	border-bottom: 3px solid #5B9900;
	text-decoration: none;
}
.search{
	width: 25px;
	height: 25px;
/*	background: url(/images/caigou2017/search.jpg) no-repeat 0 5px;*/
	float: right;
	cursor: pointer;
}
.banner{
	width: 100%;
	min-width: 1180px;
}
.main{
	min-width: 1180px;
	background: #eeeeee;
	padding-top: 20px;
}
.total{
	width: 380px;
	float: left;
}
/*.purchase{
	margin-bottom: 20px;
}*/
.purchase h2{
	font-size: 18px;
	font-weight: normal;
	padding: 0 20px;
	background: #e5e5e5;
	line-height: 36px;
}
.total h2{
	height: 40px;
}
.figure h2{
	height: 40px;
}
.terrace h2{
	height: 40px;
}
.purchase h2 span{
	font-size: 14px;
	line-height: 40px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #b5b5b5;
}
.purchase h2 span b{
	color: #ff6600;
}
.firm{
	padding: 20px;
	background: #fff;
}
.firmLeft{
	width: 202px;
	float: left;
}
.firmLeft ul li{
	padding-left: 10px;
	border-bottom: 1px solid #fff;
}
.firmLeft ul li a{
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	width: 128px;
	display: inline-block;
}
.firmLeft ul li span{
	font-size: 14px;
	color: #fff;
}
.li1{
	background: #abda65;
}
.li2{
	background: #7fc01f;
}
.li3{
	background: #719c33;
}
.li4{
	background: #5b9900;
}
.li5{
	background: #5b9900;
}
.firmRight{
	width: 122px;
	float: right;
}
.firmRight h3{
	font-size: 14px;
	line-height: 25px;
	color: #333;
	margin-bottom: 10px;
}
.firmRight p{
	font-size: 12px;
	line-height: 20px;
	color: #666;
}
.figure{
	width: 480px;
	margin: 0 20px;
	float: left;
}
.figure h2 span b{
	font-size: 18px;
}
.dragram{
	width: 480px;
	background: #fff!important;
	height: 195px;
}

.terrace{
	width: 280px;
	float: left;
}





.techLeft {
	width: 280px;
	background: #fff;
}

.techLeftTop {
	width: 280px;
	height: 40px;
	float: left;
	position: relative;
	border-bottom: 1px solid #dcdcdc;
	margin-top: 4px;
	text-align: center;
}

.techLeftTop h2 {
	font: normal 16px/39px microsoft yahei;
	color: #eaeaea;
	position: absolute;
	background: none;
	width: 280px;
	padding: 0;
	left: 0;
}

.techLeftTop h2 a {
	display: inline-block;
	height: 38px;
	font: bold 16px/39px microsoft yahei;
	color: #333;
	text-align: center;
	margin: 0px 10px;
}

.techLeftTop h2 a.focus {
	color: #5b7648;
	/*padding-bottom: 5px;*/
	border-bottom: 3px solid #5b9900;
	
}

.techLeft ul {
	width: 280px;
	*height: 110px;
	overflow: hidden;
	display: none;
}

.techLeft ul li {
	width: 33.33%;
	float: left;
	text-align: center;
	padding-top: 26px;
}
.techLeft>ul>li>p {
	font-size: 14px;
	line-height: 25px;
	color: #333;
	margin-top: 7px;
	margin-bottom: 23px;
}
.techLeft a:hover {
	color: #FF6600;
	text-decoration: none;
}
.btn1{
	width: 280px;
	height: 40px;
	background: #ff6600;
}
.btn1 p{
	padding-left: 20px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
}
.special{
	margin: 30px 0;
}
.special i{float: left;}
.platTitle h2{
	font-size: 22px;
	line-height: 30px;
	color: #333;
	text-align: center;
	font-weight: normal;
}
.platTitle span{
	display: block;
	width: 50px;
	height: 3px;
	background: #5B9900;
	margin: 5px auto 20px;
}
.specialBox1{
	width: 190px;
	height: 180px;
	padding: 20px;
	background: #fff;
	text-align: center;
	float: left;
}
.specialBox1Top{
	width: 190px;
	height: 90px;
	text-align: center;
	border-bottom: 1px dashed #dddddd;
} 
.specialBox1Bottom{
	margin: 20px;
	text-align: center;
}
.specialBox1Bottom h2 a{
	font-size: 16px;
	line-height: 30px;
	color: #333;
	font-weight: normal;	
}
.specialBox1Bottom h2 a span{
	font-size: 20px;
	font-weight: bold;
	color: #f60;
}
.specialBox1Bottom p a{
	font-size: 14px;
	color: #666;
	line-height: 25px;
}
.specialBox1Bottom a:hover{
	text-decoration: none;
}
.specialBox2{
	width: 490px;
	height: 220px;
	float: left;
}



.techCen .techLeftTop{
	width: 100%;
}
.techCen ul {
	width: 1200px;
	overflow: hidden;
	padding: 15px 0 0 0;
	display: none;
}
#application{
	width: 94%;
	text-align: left;
	font-size: 22px;
	line-height: 40px;
	color: #333;
	font-weight: normal;
}
.minnav{
	padding: 0 5px;
	float: right;
}
#application a{
	float: left;
	font-weight: normal;
	color: #666;
}
.techLeftTop span{
	float: right;
	font-size: 12px;
	line-height: 40px;
	color: #5B9900;
	cursor: pointer;
}
#application a:hover{
	color: #333;
	text-decoration: none;
}
#application b{
	width: 5px;
	height: 20px;
	background: #5B9900;
	display: inline-block;
	margin-right: 10px;
}
.techCen ul{
	margin-left: -20px;
}
.techCen ul li{
	width: 220px;
	height: 260px;
	float: left;
	margin-left: 20px;
}
.liTop{
	width: 180px;
	height: 50px;
	padding: 20px;
	background: #f5fcea;
}
.liTop p{
	font-size: 14px;
	line-height: 25px;
	color: #5B9900;
	height: 35px;
	overflow: hidden;
	font-weight: bold;
}
.liTop span{padding: 3px 10px;background-color: #e7ebee;font-size: 12px;color: #666;border-radius: 5px;margin-top: 10px;}
.liTop span b{padding: 0 2px;color: #FF6600;font-weight: 500;}
.liTop p a{
	font-size: 16px;
	color: #333;
	line-height: 25px;
}
.liTop p a:hover{
	color: #FF6600;
	text-decoration: none;
}
.liLow{
	width: 180px;
	padding: 20px;
	background: #fff;
	padding-bottom: 0;
}
.liLow b{
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #5B9900;
}
.liLow p{
	font-size: 12px;
	color: #666;
	line-height: 20px;
}
.liLow p span{
	color: #333;
}
.liLine{
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0;
}
.btn2{
	text-align: center;
	height: 40px;
	background: #fff;
}
.btn2 a{
	display: block;
	font-size: 14px;
	line-height: 40px;
	color: #333;
}
.btn2 a:hover{
	color: #fff !important;
	background: #5B9900;
	text-decoration: none;
}


.practice .techLeftTop{
	width: 100%;
}
#exercise{
	width: 94%;
	text-align: left;
	font-size: 22px;
	line-height: 40px;
	color: #333;
	font-weight: normal;
}
.minnav{
	/*width: 730px;*/
	float: right;
}
#exercise a{
	float: left;
	font-weight: normal;
	color: #666;
}
.practice span{
	float: right;
	font-size: 12px;
	line-height: 40px;
	color: #5B9900;
	cursor: pointer;
}
#exercise a:hover{
	color: #333;
	text-decoration: none;
}
#exercise b{
	width: 5px;
	height: 20px;
	background: #5B9900;
	display: inline-block;
	margin-right: 10px;
}
.prices ul{
	margin-left: -20px;
	display: none;
}
.prices ul li{
	width: 220px;
	background: #fff;
	float: left;
	margin-top: 20px;
	position: relative;
	height: 293px;
	overflow: hidden;
	margin-left: 20px;
}
.prices ul li table{
	width: 220px;
	height: 190px;
	position: absolute;
	top: 0;
	left: 0;
}
.prices ul li table td{
	width: 220px;
    height: 124px;
    text-align: center;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.quantityBox{
	width: 165px;
	margin: 0 auto;
}
.quantity{
	width: 180px;
	padding: 0 20px 20px;
	position: absolute;
	top: 190px;
	-webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    text-align: center;
}
.quantity h3{
	margin-bottom: 8px;
	height: 25px;
	overflow: hidden;
}
.quantity h3 a{
	font-size: 14px;
	color: #333;
	line-height: 25px;
}
.quantityLeft{
	width: 70px;
	float: left;
	padding-right: 14px;
	border-right: 1px solid #DCDCDC;
	
	text-align: center;
}
.quantityLeft p{
	font-size: 14px;
	line-height: 25px;
	color: #333;
	text-align: center;
}
.quantityLeft p span{
	line-height: 25px;
	display: block;
	color: #666;
	font-size: 14px;
	float: none;
	text-align: center;
}
.quantityRight{
	width: 80px;
	float: left;
	text-align: center;
}
.quantityRight p{
	font-size: 14px;
	line-height: 25px;
	color: #333;
	text-align: center;
}
.quantityRight p span{
	line-height: 25px;
	display: block;
	color: #666;
	font-size: 14px;
	float: none;
	text-align: center;
}
.btn3 {
	width: 100%;
	height: 40px;
	top: 293px;
	background: #FF6600;
	position: absolute;
	-webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}
.btn3 a{
	display: block;
    font-size: 14px;
    line-height: 40px;
	color: #fff !important;
	
	text-align: center;
}
.btn3 a:hover{
	text-decoration: none;
}
.prices ul li:hover .quantity{
	top: 160px;
}
.prices ul li:hover .btn3 {
	top: 253px;
}



.hcj{
	margin: 20px 0;
}
.hcj h2{
	padding-bottom: 5px;
	font-weight: normal;
	border-bottom: 1px solid #5B9900;
}
.hcj h2 span{
	font-size: 22px;
	line-height: 40px;
	padding-bottom: 8px;
	border-bottom: 3px solid #5B9900;
}
.hcj h2 a{
	font-size: 12px;
	line-height: 40px;
	color: #5B9900;
	float: right;
}
.hcj h2 a:hover{
	text-decoration: none;
}
.analysis{
	width: 340px;
	padding: 20px;
	background: #fff;
	float: left;
}
.analysis img{
	width: 340px;
	height: 199px;
	margin: 20px 0 15px;
}
.analysis ul li{
	padding-left: 15px;
	background: url(/images/caigou2017/dot.png) no-repeat 0 13px;
	height: 30px;
	overflow: hidden;
}
.analysis ul li a{
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.analysis ul li a:hover{
	color: #FF6600;
}
.cases{
	width: 400px;
	padding: 20px;
	background: #fff;
	margin: 0 20px;
	float: left;
}
.caseBox{
	margin-top: 34px;
	padding-bottom: 17px;
	border-bottom: 1px solid #DCDCDC;
}
.caseLeft{
	width: 148px;
	float: left;
}
.caseLeft img{
	width: 148px;
	height: 84px;
	border: 1px solid #dcdcdc;
}
.caseRight{
	width: 230px;
	float: right;
}
.caseRight h3{
	height: 30px;
	overflow: hidden;
}
.caseRight h3 a{
	font-size: 14px;
	line-height: 30px;
	color: #333;
}
.caseRight h3 a:hover{
	color: #FF6600;
}
.caseRight p{
	font-size: 14px;
	line-height: 25px;
	color: #666;
}
.caseRight p span{
	color: #FF6600;
}
.caseBox1{
	border: none;
}
.share{
	width: 280px;
	padding: 20px;
}
.share img{
	width: 280px;
	height: 199px;
}


.site{
	padding: 15px 0 30px;
	background: #fff;
}
.siteTop h2{
	width: 130px;
	float: left;
	font-size: 22px;
	line-height: 40px;
	color: #333;
	font-weight: normal;
}
.siteTop h2 span{
	width: 5px;
    height: 20px;
    line-height: 40px;
    background: #5B9900;
    display: inline-block;
    margin-right: 10px;
}
.siteTop b{
	display: inline-block;
	width: 957px;
	float: left;
	height: 1px;
	background: #5B9900;
	margin-top: 19px;
}
.siteTop a{
	padding-right: 20px;
	font-size: 12px;
    line-height: 35px;
    color: #5B9900;
    float: right;
}
.site ul{
	margin-left: -20px;
	padding: 0 20px;
	margin-top: 15px;
}
.site ul li{
	width: 212px;
	margin-left: 20px;
	float: left;
	position: relative;
}
.site ul li img{
	width: 212px;
	height: 139px;
}
.siteText{
	padding: 7px 0;
	background: #5B9900;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}
.siteText p{
	padding: 0 15px;
	height: 20px;
	overflow: hidden;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;	
	transition: 0.3s ease;
}
.siteText p a{
	font-size: 14px;
	color: #fff;
	line-height: 20px;
}
.site ul li:hover .siteText p{
	height: 37px;
	overflow: hidden;
}
.quality{
	margin: 20px 0;
	padding: 30px;
	background: #fff;
}



.quality ul li{
	width: 150px;
	padding: 30px 36px;
	border-bottom: 1px solid #f0f0f0;
	float: left;
}
.quality ul li:hover{
	box-shadow: 4px 4px 4px #f0f0f0;
}
.quality ul li img{
	width: 150px;
	height: 50px;
}
.botbor{
	border-bottom: none !important;
}


#service{ width:1180px; height:118px; margin:30px auto 0; background:#fff; padding-top:20px;}
.service{ width:1180px; height:94px; margin:0 auto;}
.service dl{ width:260px; height:94px; float:left; padding-left:22px; border-left:1px solid #f2f2f2;}
.service dt{ width:260px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url(/images/caigou2017/serviceIcon.jpg) no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;}
.service dd a:hover{ color:#f60; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}
.s1{
	margin-left: 45px;
}

#footer{ width:100%; margin:0 auto; background:url(/images/caigou2017/footbg.jpg) repeat-x; padding-bottom:16px;}
.footer{ width:1100px; margin:0 auto; padding-top:16px;}
.footer p{ width:1100px; float:left; font:normal 12px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; color:#878787;}
.footer p a{ padding:0 4px; color:#878787;}
.footer p a:hover,.footer span a:hover{ color:#f60; text-decoration:underline;}
.footer span{ width:1100px; height:26px; float:left; padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333;}
.footer span a{ color:#333; padding:0 10px;}
.footer b{ width:1100px; height:21px; float:left; text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888;}
.footer strong{ padding:0 15px;}


.img2{
	display: none;
	margin: 0 auto;
}
.techLeft ul li:hover .img1{
	display: none;
}
.techLeft ul li:hover .img2{
	display: block;
}

#footer{ width:100%; margin:0 auto; background:url(/images/brand2015/footbg.jpg) repeat-x; padding-bottom:20px; }
.footer{ width:1100px; margin:0 auto; padding-top:16px; }
.footer p{ width:1100px; float:left; font:normal 12px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; color:#878787; }
.footer p a{ padding:0 4px; color:#878787; }
.footer p a:hover,.footer span a:hover{ color:#f60; text-decoration:underline; }
.footer span{ width:1100px; height:26px; float:left; padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333; }
.footer span a{ color:#333; padding:0 10px; }
.footer b{ width:1100px; height:21px; float:left; text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888; }
.footer strong{ padding:0 15px; }
.box img,.box{width: 590px;height: 220px;float: left;}


/*goTop*/
.backHome {
	width: 54px;
	position: relative;
}

.backHome a.guest,
.backHome a.guest,
.backHome a.price,
.backHome a.rightWx,
.backHome a.back,
.backHome .qq {
	width: 54px;
	height: 19px;
	display: block;
	float: left;
	text-align: center;
	font: normal 11px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 35px 0px 0 0px;
	margin: 2px 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: url(/images/public/rightBar2.png) no-repeat 0 0 #76a346;
	text-decoration: none;
}

.backHome a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.backHome a.guest {
	background: url(/images/public/rightBar2.png) no-repeat 0 -114px #76a346;
}

.backHome a.price {
	background: url(/images/public/rightBar2.png) no-repeat 0px -57px #76a346;
}

.backHome a.rightWx {
	background: url(/images/public/rightBar2.png) no-repeat 0px -220px #76a346;
}

.backHome img {
	position: absolute;
	right: 65px;
	top: 77px;
	max-width: 100px;
	width: 100px;
	height: 100px;
	display: none;
}
.appItem {
	position: absolute;
	right: 80px;
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	width: 168px;
	top: 50px;
	line-height: 18px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	display: none;
}
.appItem .image {
	padding: 14px;
}
.appItem p {
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #44a631;
	font-weight: bold;
	background: #f5f8f2;
}
.appItem.weixinItem p {
	font-size: 15px;
}
.weixinItem {
	top: 80px;
	width: 348px;
}
.weixinItem .item {
	float: left;
	width: 50%;
	text-align: center;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.weixinItem .image {
	width: 156px;
	height: 156px;
	margin: 0 auto;
	padding: 8px;
}
.weixinItem .item:last-of-type {
	border-right: 0;
}
.weixinItem .image img {
	position: static;
	width: auto;
	height: auto;
	display: block;
	max-width: 100%;
}
.toTop {
	width: 54px;
	height: 54px;
	position: fixed;
	_position: absolute;
	top: 527px;
	_top: expression(eval(document.documentElement.scrollTop+527));
	display: none;
	font: normal 11px "Microsoft Yahei", "simhei";
}

.toTop a,
.toTop a:hover {
	display: block;
	width: 54px;
	height: 19px;
	padding: 35px 0px 0 0px;
	background: url(/images/public/rightBar2.png) no-repeat 0px -170px #76a346;
	opacity: 0.6;
	filter: alpha(opacity=60);
	color: #fff;
	text-decoration: none;
	text-align: center;
}

.toTop a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#goTop {
	position: fixed;
	_position: absolute;
	top: 177px;
	display: block;
	right: 10px;
	z-index: 99999;
}

*html,
* html body {
	background-attachment: fixed;
}

*html #goTop {
	position: absolute;
	right: expression(eval(document.documentElement.scrollLeft+10));
	top: expression(eval(document.documentElement.scrollTop+145));
}

.backHome .qq {
	position: relative;
	z-index: 99999;
	background: url(/images/public/rightBar2.png) no-repeat 0px -288px #76a346;
}

.backHome .qq:hover {
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.qqconsult {
	display: none;
	position: absolute;
	left: -170px;
	top: -30px;
	width: 160px;
	padding-right: 10px;
	z-index: 9999;
}

.qqBox {
	width: 140px;
	height: 124px;
	background-color: #fff;
	border: #76a346 10px solid;
}

.qqBox h3 {
	width: 138px;
	background-color: #76a346;
	border: #fff 1px solid;
	height: 28px;
}

.qqBox h3 {
	font: 16px/28px "microsoft yahei";
}

.qqBox p {
	margin-left: 8px;
}

.qqBox p span {
	margin-top: 10px;
	float: left;
	line-height: 16px;
	color: #333333;
	margin-right: 12px;
	font-family: "microsoft yahei";
}

.qqBox p a {
	margin-top: 10px;
	display: block;
	float: left;
	cursor: pointer;
	border: none;
	height: 16px;
	line-height: 16px;
	width: 68px;
	color: #fff;
	font-family: "microsoft yahei";
	position: relative;
}
.qqBox p a .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	 line-height: 20px;
	 color: #333;
	 background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	font-weight: 400;
	height: 20px;
	width: 100px;
	 text-align: center;
	 font-family: "microsoft yahei";
	}
	.qqBox p a .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
	.qqBox p a:hover .QQhover{
	 display: inline-block;
	}
.qqBox p a.btn1 {
	background-color: #76a346;
}

.qqBox p a.btn2 {
	background-color: #f26522;
}

.backHome .app {
	width: 54px;
	height: 19px;
	display: block;
	float: left;
	text-align: center;
	font: normal 11px "Microsoft Yahei", "simhei";
	color: #fff;
	padding: 35px 0px 0 0px;
	margin: 2px 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: url(/images/public/rightBar2.png) no-repeat 0 -344px #76a346;
	text-decoration: none;
}

.appBot {
	position: absolute;
	top: 0;
	right: 60px;
	display: none;
}

.appBot img {
	max-width: 223px;
	width: auto;
	height: auto;
	position: static;
	display: block;
}
/* 20240103 */
/* Tophead */
.Tophead{
	width: 1180px;
	margin: 0 auto;
	position: relative;
}
.Tophead a{
	text-decoration: none;
}
.Tophead ul{
	position: absolute;
	top: -34px;
	right: 0;
}
.Tophead li{
	float: left;
	height: 31px;
  	position: relative;
}
.Tophead li .ServiceTop {
	height: 31px;
	line-height: 31px;
	padding: 0 12px;
	font-size: 12px;
	position: relative;
}
.Tophead li .ServiceTop::after{
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: #e2e2e2;
}
.Tophead li:last-child .ServiceTop::after{
	display: none;
}
.Tophead li .ServiceTop a{
	color: #666;
}
/* Á½¸öÏÂÀ­ */
.Tophead li.mobile .ServiceTop a,.Tophead li.weixin .ServiceTop a{
	color: #b0b0b0;
}
.Tophead li .ServiceTop i{
	margin-right: 4px;
	font-size: 13px;
}
/* mobile */
.ServiceBot{
	background-color: #fff;
	position: absolute;
	z-index: 99;
	top: 31px;
	right: 0;
	display: none;
	text-align: center;
	z-index: 9999;
	box-sizing: border-box;
}
.ServiceBot1 {
	width: 672px;
	padding: 18px 14px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
}
.ServiceBot1 .item {
	float: left;
	width: 25%;
}
.ServiceBot1 .item .image{
	padding: 4px 4px 0;
	border-radius: 8px;
	display: inline-block;
	background-image: -moz-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
}
.ServiceBot1 .item .image img{
	width: 130px;
	height: 130px;
	border-radius: 8px;
}
.ServiceBot1 .item .image b{
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	color: #fff;
	display: block;
	text-align: center;
	overflow: hidden;
}
.ServiceBot1 .item p{
	margin-top: 10px;
	height: 16px;
	line-height: 16px;
	font-size: 15px;
	color: #888;
	overflow: hidden;
}
.Tophead li.mobile .hover{
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}
.Tophead li.mobile .hover::after{
	display: none;
}
/* weixin */
.ServiceBot2{
	height: 220px;
	width: 740px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
.ServiceBot2 .gzRight{
	width: 440px;
	border-left: 1px solid #f3f3f3;
	float: right;
}
.ServiceBot2 .gzRight a{
	height: 110px;
	padding: 65px 20px 27px;
	line-height: 18px;
	font-size: 14px;
	color: #333;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	float: left;
	cursor: pointer;
}
.ServiceBot2 .gzRight a:nth-child(1)::after,
.ServiceBot2 .gzRight a:nth-child(2)::after,
.ServiceBot2 .gzRight a:nth-child(3)::after,
.ServiceBot2 .gzRight a:nth-child(4)::after{
	position: absolute;
	content:'';
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #f3f3f3;
}
.ServiceBot2 .gzRight a::before{
	position: absolute;
	content:'';
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background-color: #f3f3f3;
}
.ServiceBot2 .gzRight a:nth-child(4n)::before{
	display: none;
}
.ServiceBot2 .gzRight a i{
	position: absolute;
	top: 27px;
	left: 50%;
	transform: translateX(-50%);
	width: 28px;
	height: 31px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-1.png) no-repeat;
	background-size: 100% 100%!important;
	display: inline-block;
	vertical-align: top;
}
.ServiceBot2 .gzRight a:nth-child(2) i{
	width: 28px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-2.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(3) i{
	width: 28px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-3.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(4) i{
	width: 63px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-4.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(5) i{
	width: 28px;
	height: 24px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-5.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(6) i{
	width: 41px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-6.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(7) i{
	width: 32px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-7.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(8) i{
	width: 32px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-8.png) no-repeat;
}
.ServiceBot2 .gzRight a.focus,.ServiceBot2 .gzRight a:hover{
	z-index: 999;
	background-color: #fff;
	box-shadow: 0px 2px 12px 0px rgba(40, 40, 40, 0.1);
}
.ServiceBot2 .gzRight a.focus::after,.ServiceBot2 .gzRight a.focus::before{
	display: none;
}
.ServiceBot2 .zgLeft{
	width: 299px;
	height: 100%;
	float: right;
	position: relative;
	display: none;
}
.ServiceBot2 .zgLeft p{
	display: inline-block;
	position: absolute;
	left: 30px;
	top: 50%;
	width: 20px;
	line-height: 28px;
	font-size: 20px;
	color: #c27468;
	transform: translateY(-50%);
}
.ServiceBot2 .zgLeft img{
	position: absolute;
	left: 66px;
	top: 50%;
	transform: translateY(-50%);
	width: 180px;
}
.Tophead li.weixin .hover{
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}
.Tophead li.weixin .hover::after{
	display: none;
}