#header{width:100%;min-width: 1180px; height:30px;border-bottom: 1px solid #e5e5e5;background: #f5f5f5;}
.header{width:1180px;margin:0 auto;height:30px;}
.header ul{float:left;}
.header ul li{float:left;font: normal 12px/30px "\5b8b\4f53"; color:#666;}
.header ul li input{width:95px;height:18px;border:1px solid #d4d4d4;border-radius: 2px;padding-left: 3px;display: inline;margin-left: -8px;}
.header ul li button{width:41px;height:20px;border-radius: 2px;background: #5a7d41;color:#fff;text-align: center;line-height: 20px;}
.header ul li a{color:#666;margin: 3px;}
.header p{height:30px;float:right;color:#dfdfdf;font-family: "\5b8b\4f53";}
.header p a{color: #666;margin: 0px 4px 0 6px;display: inline-block;line-height: 30px;}
.header p a.mobile{display: inline-block;text-indent: 22px;color: #5b7648;background: url(../../images/tech2018/technology.png) no-repeat 0px 7px;}
.header a:hover, .header p a.mobile:hover {text-decoration: underline;color: #ff6600;}

.advBanner{
	width: 1180px;
	margin: 20px auto 0;
}
.advBanner ul{
	margin-left: -10px;
}
.advBanner ul li{
	margin-left: 10px;
}
.iframe {
	overflow: hidden;
}
.iframe iframe {
	width: calc(100% + 18px);
	margin-left: -9px;
}
/* Tophead */
.Tophead{
	margin: 0 auto;
	position: relative;
}
.Tophead.main{
	margin-bottom: 0;
}
.Tophead ul{
	position: absolute;
	top: -42px;
	right: 0;
}
.Tophead li{
	float: left;
	height: 40px;
  	position: relative;
}
.Tophead li .ServiceTop {
	height: 40px;
	line-height: 40px;
	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: #138146;
}
.Tophead li .ServiceTop i{
	margin-right: 6px;
	font-size: 13px;
}
/* mobile */
.ServiceBot{
	background-color: #fff;
	position: absolute;
	z-index: 99;
	top: 40px;
	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;
}
.header--drop{
	margin: 0 auto;
	position:relative;
}
.header--drop ul {
	position: absolute;
	right: 0;
	top: -42px;
}
.header--drop ul li{
	float: left;
	height: 40px;
	position:relative;
}
.header--drop ul li .weixin{
	height: 40px;
	position:relative;
}
.header--drop ul li .weixin::after{
	width: 1px;
	height: 16px;
	background-color: #e5e9f3;
	content:'';
	position:absolute;
	top: 12px;
	right: 0;
	z-index: 1;
}
.header--drop ul li .weixin.hover::before{
	background-color: #fff;
	content:'';
	position:absolute;
	left: 0px;
	top: -2px;
	right: 0px;
	bottom:0;
	height: 45px;
	z-index: 2;
}
.header--drop ul li .weixin.hover{
	background-color: #fff;
}
.header--drop ul li .weixin.hover::after,.header--drop ul li:last-child .weixin::after{
	display: none;
}
.header--drop ul li .weixin i {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url('../../images/list/weixin_ico.png') no-repeat;
	background-size: contain;
	margin: 12px 4px 0 0;
}
.header--drop ul li.mobile .weixin i {
	width: 12px;
	height: 18px;
	background: url('../../images/list/mobile_ico.png') no-repeat;
	background-size: contain;
	margin: 11px 4px 0 0;
}
.web-code{
	width: 113px;
	padding:15px 15px 15px 15px;
	background-color: #fff;
	position:absolute;
	z-index: 99;
	top: 40px;
	right: 0;
	background-color: #fff;
	box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.1);
	display: none;
	text-align: center;
	z-index: 1;
}
.web-code1 {
	width: 400px;
	padding: 15px 15px 15px 15px;
}
.web-code .item {
	float: left;
	width: calc(33.3% - 20px);
	margin: 0 10px;
}
.web-code img{
	width: 100%;
	width: 100%;
}
.web-code b {
	display: block;
	font-size: 15px;
	font-weight: normal;
	padding: 5px 0 4px 0;
}
.web-code p {
	color: #999;
	font-size: 13px;
}
.header--drop ul li a{
	color: #666;
	line-height: 40px;
	display: block;
	padding: 0 16px;
	position:relative;
	z-index: 9;
}
.header--drop ul li a i{
	vertical-align: top;
	font-size: 20px;
	margin: 10px 4px 0 0;
}
.header--drop ul li a:hover{
	color: #44a631;
}
.header--drop {
	margin: 0 auto;
	position: relative;
	width: 1500px;
}
.top{
	width: 1180px;
	margin: 0 auto;
	padding:25px 0;
}
.top::after {
	content: "";
	clear: both;
	display: block;
}
.logo{
	float: left;
	margin-top: 3px;
}
.line {
    width: 1px;
    height: 36px;
    background-color: #e4e4e4;
    float: left;
    margin: 15px 15px 0 25px;
}
.pageName{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	float: left;
	margin-top: 15px;
}
.pageName i{
	width: 110px;
	height: 14px;
	display: block;
	margin-top: 8px;
	background:url(../../images/tech2018/technology.png) no-repeat 0 -33px;
}
.searchSelect {
	width: 76px;
	height: 40px;
	position: relative;
	float: left;
}

.selectTop {
	position: relative;
	cursor: pointer;
}

.selectTop p {
	font-size: 14px;
	line-height: 18px;
	color: black;
	text-indent: 16px;
	border-right: 1px solid #e6e6e6;
	margin-top: 10px;
	position: static;
}

.selectTop i {
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 12px;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	display: block !important;
	line-height: 1;
	color: #333;
}

.selectTop.focus i {
	top: 3px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.selectBot {
	position: absolute;
	width: 76px;
	background-color: #ffffff;
	top: 100%;
	left: 0px;
	z-index: 99;
	border-bottom: 2px solid #76a244;
	border-top: 2px solid #76a244;
	display: none;
}

.selectBot li {
	line-height: 26px;
	font-size: 14px;
	text-indent: 16px;
	border-left: 2px solid #76a244;
	border-right: 2px solid #76a244;
}

.selectBot li:hover {
	background-color: #76a244;
	border-left: 2px solid #76a244;
	border-right: 2px solid #76a244;
	color: #fff;
	cursor: pointer;
}
.search {
	width: 435px;
	margin-top: 10px;
	float: left;
	margin-left: 60px;
	border: 2px solid #76a244;
}
.search input {
	width: 255px;
	height: 20px;
	border: 0;
	border-right: none;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background: #fff;
	font-size: 14px;
	padding: 10px 12px;
	font-family: microsoft yahei;
	color: #999999;
}
.search button {
	width: 80px;
	height: 40px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	background: #76a244;
	text-align: center;
	border: none;
	float: right;
	cursor: pointer;
}
.search button i{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	background:url(../../images/tech2018/technology.png) no-repeat 0 -67px;
}
.topAdv {
	float: right;
}

.topAdv img,
.topAdv embed {
	width: 260px;
	height: 62px;
	display: block;
}
#nav{
	width: 100%;
	background: #76a244;
}
.nav{
	height: 50px;
	width: 1180px;
	margin:  0px auto 20px;
}
.nav ul li {
	float: left;
	width: 10%;
}
.nav ul li a{
	font-size: 18px;
	line-height: 50px;
	color: #fff;
	padding: 13px 23px 12px;
	position: relative;
}

.nav ul li a em{
	width: 13px;
	height: 11px;
	background: url(../../images/tech2018/technology.png) no-repeat 0 -108px;
	position: absolute;
	top: 44px;
	left: 50%;
	margin-left: -6px;
	display: none;
}
.nav ul li a:hover{
	font-weight: bold;
}
.nav ul li a:hover em{
	display: block;
}

.main{
	width: 1180px;
	margin: 0 auto 30px;
}
.left{
	width: 850px;
	float: left;
}
.flash{height:401px;position: relative;}
.flash .ulBg{ width:214px; height:362px;background: #000;opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5;position: absolute;top: 19px;right: 20px;z-index: 9;}
.flash ul{ width:184px; height:362px; overflow:hidden;position: absolute;top: 19px;right: 20px;z-index: 10;padding: 0 15px;}
.flash li{padding: 15px 0; float:left; border-bottom:1px solid #239b7f;}
.flash li a{color:#fff; font:normal 18px/30px "Microsoft Yahei","simhei";opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7;display: block;height: 60px;overflow: hidden;}
.flash li.active a{opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1;}
.flashImg {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	z-index: 1;
	display: none;
}
.flashImg img{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.flashImg .paly{ width:139px; height:139px; position:absolute; top:131px; left:272px; z-index:2; background:url(../../images/tech2018/technology.png) no-repeat 0 -143px;}



.right{
	width: 311px;
	float: right;
}
.data{
	width: 100%;
	height: 399px;
	padding: 0 19px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.data .dataTitle{
	height: 45px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.dataTitle h2{
	font-size: 18px;
	line-height: 45px;
	color: #333;
	padding-left: 28px;
	font-weight: normal;
	background: url(../../images/tech2018/technology.png) no-repeat 0 -302px;
}
.dataTitle a.more{
	font-size: 12px;
	line-height: 30px;
	color: #999;
	position: absolute;
	top: 10px;
	right: 0;
}

.date dl {
	width: 271px;
	margin-top: 10px;
}
.data dl dt {
	width: 30px;
	height: 30px;
	text-indent: 2px;
	color: #fff;
	background: url(../../images/tech2018/technology.png) no-repeat 0 -441px;
	float: left;
	font: 12px/30px "Microsoft Yahei";
	margin-bottom: 4px;
}
.data dl dt.class_1{
	text-indent: 3px;
	background: url(../../images/tech2018/technology.png) no-repeat 0 -341px;
}
.data dl dt.class_2{
	background: url(../../images/tech2018/technology.png) no-repeat 0 -374px;
}
.data dl dt.class_3{
	background: url(../../images/tech2018/technology.png) no-repeat 0 -408px;
}
.data dl dd {
	width: 241px;
	float: right;
	height: 30px;
	overflow: hidden;
	margin-bottom: 4px;
}

.data dl dd a {
	font: 14px/30px "Microsoft Yahei", "Tahoma";
	color: #666;
	display: inline-block;
	float: left;
}

.data dl dd b.hot {
	height: 30px;
	width: 25px;
	float: left;
	background: url(../../images/tech2018/technology.png) no-repeat 0 -478px;
	margin-left: 8px;
}

.data dl dd a:hover {
	color: #f60;
}

.frontier{
	border: 1px solid #ddd;
}
.leftNav{
	height: 48px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.leftNav h2{
	font-size: 18px;
	line-height: 48px;
	color: #Fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	padding-left: 20px;
	background: url(../../images/tech2018/technology.png) no-repeat 0 -527px;
}
.frontNav{
	position: absolute;
	top: 0;
	left: 135px;
}
.leftNav p{

}
.leftNav p a {
	font-size: 18px;
	line-height: 48px;
	color: #333;
	margin: 0 24px;
	font-weight: bold;
}
.leftNav p a.focus{
	color: #8db068;
}
.leftNav a.more{
	width: 25px;
	height: 25px;
	background: url(../../images/tech2018/technology.png) no-repeat 0 -591px;
	position: absolute;
	top: 12px;
	right: 19px;
}
.frontList{
	height: 708px;
	overflow: hidden;
	display: none;
}
.frontList dl {
	padding: 14px 20px;
	border-bottom: 1px dotted #e2e2e2;
}
.frontList dl dt {
	width: 180px;
	height: 126px;
	float: left;
	margin-right: 20px;
	position: relative;
}
.frontList dl dt img{
	width: 100%;
	height: 100%;
}
.frontList dl dd {
	overflow: hidden;
}
.frontList dl dd h3{
	font-size: 22px;
	line-height: 40px;
	font-weight: normal;
	height: 40px;
	overflow: hidden;
}
.frontList dl dd h3 a{
	color: #333;
}
.frontList dl dd h3 a:hover{
	color: #f60;
}
.frontList dl dd p {
	font-size: 14px;
	line-height: 20px;
	color: #666;
	font-weight: normal;
	height: 40px;
	overflow: hidden;
	margin-top: 5px;
}
.date{
	margin-top: 20px;
}
.date span{
	height: 18px;
	float: left;
	font-size: 14px;
	line-height: 18px;
	color: #8DB068;
	text-align: center;
	border-radius: 10px;
}
.date b{
	font-size: 12px;
	line-height: 20px;
	color: #999;
	font-weight: normal;
	padding-left: 20px;
	float: right;
	background: url(../../images/tech2018/technology.png) no-repeat 0 -636px;
}
.rightBox {
	width: 100%;
	padding: 0 19px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.rightBox2{
	margin-top: 20px;
}
.rightTitle{
	height: 51px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.rightTitle h2 {
    font-size: 18px;
    line-height: 51px;
    color: #333;
    padding-left: 28px;
    font-weight: normal;
}
.rightTitle a.more {
    font-size: 12px;
    line-height: 30px;
    color: #999;
    position: absolute;
    top: 10px;
    right: 0;
}
.hotPints .rightTitle h2{
	background: url(../../images/tech2018/technology.png) no-repeat 0 -696px;
}
.hotPints ul{
	padding: 20px 0;
}
.hotPints ul li{
	float: left;
	margin-bottom: 1px;
	width: 33.33%;
}
.hotPints ul li a {
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	/* display: table-cell; */
	/* vertical-align: middle; */
	/* text-align: center; */
	width: 100% !important;
	box-sizing: border-box;
}
.hotPints ul li a.a1{
	width: 64px;
	padding: 0 15px;
	height: 61px;
	background: #76a244;
	display: block;
	line-height: 61px;
}
.hotPints ul li a.a2{
	width: 94px;
	height: 30px;
	background: #b1cc92;
	margin: 0 1px 1px 1px;
	display: block;
	line-height: 30px;
}
.hotPints ul li a.a3{
	width: 94px;
	height: 30px;
	background: #a9b941;
	margin: 0 1px;
	display: block;
	line-height: 30px;
}
.hotPints ul li a.a4{
	width: 81px;
	height: 61px;
	background: #76a244;
	display: block;
	line-height: 61px;
}
.hotPints ul li a.a5{
	width: 94px;
	height: 35px;
	background: #a9b941;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a6{
	width: 94px;
	height: 35px;
	background: #b1cc92;
	margin: 0 1px;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a7{
	width: 81px;
	height: 35px;
	background: #76a244;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a8{
	width: 87px;
	height: 35px;
	background: #b1cc92;
	margin-bottom: 1px;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a9{
	width: 87px;
	height: 35px;
	background: #a9b941;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a10{
	width: 87px;
	height: 35px;
	background: #76a244;
	margin: 0 1px 1px 1px;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a11{
	width: 87px;
	height: 35px;
	background: #b1cc92;
	margin: 0 1px;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a12{
	width: 95px;
	height: 71px;
	background: #a9b941;
	display: block;
	line-height: 71px;
}
.hotPints ul li a.a13{
	width: 87px;
	height: 71px;
	background: #76a244;
	display: block;
	line-height: 35px;
	line-height: 71px;
}
.hotPints ul li a.a14{
	width: 87px;
	height: 35px;
	background: #a9b941;
	margin: 0 1px 1px 1px;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a15{
	width: 87px;
	height: 35px;
	background: #b1cc92;
	margin: 0 1px;
	display: block;
	line-height: 35px;
}
.hotPints ul li a.a16{
	width: 95px;
	height: 71px;
	background: #76a244;
	display: block;
	line-height: 35px;
	line-height: 71px;
}
.newProduct .rightTitle h2{
	background: url(../../images/tech2018/technology.png) no-repeat 0 -738px;
}
.newProduct dl{
	padding: 20px 0 15px;
}
.newProduct dl dt {
	width: 123px;
	float: left;
	margin-right: 15px;
}
.newProduct dl dt img{
	width: 123px;
	height: 113px;
}
.newProduct dl dd {
	/* width: 129px; */
	/* float: right; */
	overflow: hidden;
}
.newProduct dl dd h3{
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	font-weight: normal;
}
.newProduct dl dd h3 a{
	color: #333;
}
.newProduct dl dd h3 a:hover{
	color: #f60;
}
.newProduct dl dd p{
	font-size: 12px;
	line-height: 20px;
	color: #666;
	height: 40px;
	overflow: hidden;
	margin-top: 10px;
}
.newProduct dl dd p a{
	color: #f60;
}
.newProduct ul {
	padding-bottom: 17px;
}
.newProduct ul li{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	padding-left: 15px;
	background: url(../../images/tech2018/technology.png) no-repeat -135px 12px;
	margin-bottom: 1px;
}
.newProduct ul li a{
	color: #333;
}
.newProduct ul li a:hover{
	color: #f60;
}
.interflow {
	border: 1px solid #ddd;
	height: 668px;
	overflow: hidden;
}
.interNav {
    position: absolute;
    top: 0;
    left: 135px;
}
.interList{
	overflow: hidden;
	display: none;
}
.interList ul li {
	padding: 14px 20px;
	/* float: left; */
	border-bottom: 1px dotted #e2e2e2;
}
.interList ul li h3{
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
	height: 30px;
	overflow: hidden;
}
.interList ul li h3 a{
	color: #333;
}
.interList ul li h3 a:hover{
	color: #f60;
}
.interList ul li p{
	font-size: 14px;
	line-height: 20px;
	color: #666;
	font-weight: normal;
	height: 40px;
	overflow: hidden;
	margin-top: 5px;
}
.interList ul li img{
	width: 120px;
	height: 98px;
	float: left;
	margin-right: 15px;
}
.view{
	margin-top: 10px;
}
.view b{
	font-size: 12px;
    line-height: 20px;
    color: #999;
    font-weight: normal;
    padding-left: 20px;
    float: right;
    padding-right: 20px;
    border-right: 1px solid #e7e7e7;
    margin-right: 20px;
    background: url(../../images/tech2018/technology.png) no-repeat 0 -636px;
}
.view span{
	font-size: 12px;
    line-height: 20px;
    color: #999;
    font-weight: normal;
    padding-left: 27px;
    float: right;
    background: url(../../images/tech2018/technology.png) no-repeat 0 -673px;
}
.entry .rightTitle h2{
	background: url(../../images/tech2018/technology.png) no-repeat 0 -778px;
}
.timeNav{
	position: absolute;
	top: 17px;
	right: 0px;
}
.timeNav a{
	display: inline-block;
	width: 37px;
	height: 18px;
	color: #666;
	background: #eee;
	font-size: 14px;
	line-height: 18px;
	margin-left: 14px;
	text-align: center;
	border-radius: 3px;
}
.timeNav a.focus{
	color: #fff;
	background: #fb6103;
}
.entryList{
	display: none;
}
.entryList ul{
	padding: 20px 0;
}
.entryList ul li {
	width: 50%;
	height: 70px;
	padding: 0 10px;
	float: left;
	background: #eee;
	margin-bottom: 1px;
	display: flex;
	justify-content: center;
	align-items: Center;
	box-sizing: border-box;
}
.entryList ul li a{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}
.entryList ul li p{
	font-size: 12px;
	line-height: 20px;
	color: #999;
}
.entryList ul li.list1 {
	display: block;
	height: 141px;
	background: #76a244;
	border-right: 1px solid #fff;
}
.entryList ul li.list1 a{
	margin-top: 20px;
	color: #fff;
}
.entryList ul li.list1 p{
	color: #fff;
}
.entryList ul li.list2 {
	border-left: 1px solid #fff;
}
.entryList ul li:hover{
	background: #76a244;
}
.entryList ul li:hover a{
	color: #fff;
}
.entryList ul li:hover p{
	color: #fff;
}

.advertising {
	height: 320px;
	margin: 10px 0;
	overflow: hidden;
}
.advertising ul{
	margin: 0 auto;
}
.advertising ul li{
	padding:10px 0;
	position: relative;
	overflow: hidden;
}
.advertising ul li img{
	width: 100%;
	height: 100%;
	display: block;
}
.sample{
	width: 1178px;
	height: 275px;
	margin: 0 auto 50px;
	border: 1px solid #ddd;
}
.sampleNav{
	width: 1138px;
	height: 49px;
	margin: 0 20px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.sampleNav a{
	display: inline-block;
	width: 130px;
	text-align: center;
	font-size: 18px;
	line-height: 48px;
	color: #333;
}
.sampleNav a.focus{
	font-weight: bold;
	color: #76a244;
	line-height: 48px;
	border-bottom: 3px solid #76A244;
}
.sampleList{
	display: none;
}

.downbot {
	width: 1178px;
	overflow: hidden;
	position: relative;
	height: 186px;
	margin-top: 20px;
}

.downbot ul {
	width: 1160px;
	float: left;
	position: absolute;
	left: 19px;
	top: 0px;
}

.downbot ul li {
	width: 146px;
	height: 184px;
	float: left;
	position: relative;
	margin-right: 17px;
	border: 1px solid #ddd;
}

.downbot ul li img {
	width: 146px;
	height: 184px;
}
.downbot ul li p {
	width: 126px;
	padding: 0 10px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 999;
}
.downbot ul li p a {
	font: 14px/30px "microsoft yahei";
	color: #fff;
}

.downbot ul li p a:hover {
	color: #f60;
}

.downbot ul li b {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 146px;
	height: 30px;
	background-color: #000;
	z-index: 10;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
}

.preNext {
	z-index: 99;
	width: 25px;
	height: 55px;
	position: absolute;
	background: url(../../images/tech2018/technology.png)  no-repeat;
	cursor: pointer;
}

.pre {
	background-position: 0 -840px;
	left: 19px;
	top: 66px;
}

.next {
	background-position: -43px -840px;
	right: 19px;
	top: 66px;
}
.clearfix::after {
	content: "\200b";
	display: block;
	height: 0;
	clear: both;
}
.pictures {
	box-sizing: border-box;
	width: 1500px;
	margin: 0 auto;
}
.pictures h2{
	font-size: 24px;
	line-height: 50px;
	color: #76A244;
	font-weight: normal;
	border-bottom: 3px solid #dbdbdb;
	position: relative;
}
.pictures h2 span{
	display: inline-block;
	border-bottom: 3px solid #76A244;
	position: relative;
	bottom: -3px;
}
.pictures h2 a{
	font-size: 14px;
	line-height: 40px;
	color: #999;
	display: inline-block;
	padding-right: 17px;
	background: url(../../images/morethan.png) no-repeat right 14px;
	position: absolute;
	right: 5px;
	top: 15px;
}


.pictures ul{
	margin-left: -25px;
	margin-top: 15px;
}
.pictures ul li {
	width: calc(100% / 6);
	/* margin-left: 9px; */
	margin-bottom: 12px;
	float: left;
	position: relative;
}
.pictures ul li .item {
	margin-left: 25px;
	position: relative;
	border: 1px solid #ddd;
}
.pictures ul li .image {
	position: relative;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}
.pictures ul li .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.siteText {
	/* width: 100%; */
	padding: 0 10px;
	background: #333;
	position: absolute;
	left: -1px;
	bottom: 0;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	box-sizing: border-box;
	text-align: center;
	right: -1px;
}
.siteText p {
	padding-top: 2px;
	height: 36px;
	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: 16px;
	color: #fff;
	line-height: 34px;
}
.pictures ul li:hover .siteText{
	background: #76a244;
}
.pictures ul li:hover .siteText p{
	overflow: hidden;
}
.siteText p a:hover{
	color: #fff !important;
}
.pictures ul .bigPic{
	width: 392px;
}
.pictures ul .bigPic img{
	width: 392px;
	height: 294px;
}
.pictures ul .bigPic .siteText{
	width: 372px;
	padding: 0 10px;
	background: #76a244;
}
.pictures ul .bigPic .siteText p{
	height: 60px;
	text-align: center;
}
.pictures ul .bigPic .siteText p a{
	font-size: 14px;
	font-weight: bold;
	line-height: 60px;
}
.pictures ul .bigPic:hover  .siteText p{
	height: 60px;
}
.footer {
	background-color: #333333;
	padding: 20px 0 0 0;
	margin-top: 30px;
}
.Foot{
	width: 1180px;
	margin:0 auto;
	color: #fff;
	overflow: hidden;
}
.footLeft{
	width: 820px;
	float: left;
}
.footMenu{
	color: #666666;
	font-size: 14px;
	line-height: 56px;
	display: block;
	text-indent: -6px;
}
.footMenu a{
	color: #fff;
	margin: 0 6px;
}
.footMenu a:hover{
	color: #ff6600;
}
.footLeft p{
	color: #cacaca;
	line-height: 34px;
}
.footLeft p.webName{
	font-size: 14px;
}
.footLeft p.webName i{
	font-style: normal;
	color: #76a244;
}
.footLeft p a{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background-color: #858688;
	border-radius: 11px;
	padding: 0 10px 0 0;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
}

.footLeft p a b{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	margin-right: 5px;
	vertical-align: top;
	background: #afb1b0 url(../../images/tech2018/technology.png) no-repeat 5px -912px;
}
.footLeft 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: 700;
	height: 20px;
	width: 100px;
	text-align: center;
}
.footLeft p a .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:";
}
.footLeft p a:hover .QQhover{
	display: inline-block;
}
.copyright{
	border-top: 1px solid #666666;
	margin-top: 24px;
	padding-top: 20px;
	color: #cacaca;
}
.footRight{
	width: 360px;
	float: right;
	text-align: center;
	padding-top: 20px;
}
.footRight p{
	display: inline-block;
	width: 100px;
	margin: 15px;
}
.footRight p img{
	border:1px solid #999999;
	margin:5px 0;
}
/*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(https://www.hbzhan.com/images/public/rightBar2.png) no-repeat 0 0 #76a244;
	text-decoration: none;
}

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

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

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

.backHome a.rightWx {
	background: url(../../images/topic/rightBar2.png) no-repeat 0px -222px #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%;
}

*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(https://www.hbzhan.com/images/public/rightBar2.png) no-repeat 0px -288px #76a244;
}

.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: #76a244 10px solid;
}

.qqBox h3 {
	width: 138px;
	background-color: #76a244;
	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;
	cursor: pointer;
}
.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: 700;
	height: 20px;
	width: 100px;
	text-align: center;
}
.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: #76a244;
}

.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(https://www.hbzhan.com/images/public/rightBar2.png) no-repeat 0 -344px #76a244;
	text-decoration: none;
}

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

.appBot img {
	max-width: 280px;
	max-height: 280px;
	position: static;
	display: block;
}
/* rightNav */
#goTop{
	display: none;
}
.rightNav {
	position: fixed;
	right: 10px;
	top: 150px;
	z-index: 9999;
}

.rightNavItem {
	width: 50px;
	position: relative;
	border-radius: 4px;
	background: #5aa44c;
}

.rightNavItem a {
	display: inline-block;
	width: 50px;
	color: #fff;
	position: relative;
	padding-bottom: 12px;
}
.rightNavItem a::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 28px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(255,255,255,0.3);
}

.HBapp,.weixinItem,.qqItem {
	z-index: 99999;
}

.contribution {
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	position:relative;
}
.contribution-a{
	font-size: 14px;
	font-weight: bold;
}
.contribution-tg{
	padding:10px;
	height:50px !important;
	box-sizing: border-box;
}

.rightNavItem a.home {
	background: url("../../images/Version/2022/info/right-ico2.png") no-repeat center center;
}
.rightNavItem a.tiktok {
	background: url("../../images/Version/2022/info/right-ico3.png") no-repeat center center;
}
.rightNavItem a.WeiXin {
	background: url("../../images/Version/2022/info/right-ico4.png") no-repeat center center;
}
.rightNavItem a.yijian {
	background: url("../../images/Version/2022/info/right-ico5.png") no-repeat center 10px;
	text-align: center;
	height:80px;
}
.rightNavItem a.yijian b{
	font-weight:400;
	margin-top:40px;
	display: inline-block;
	width:32px;
}
.rightNavItem a.app {
	text-align: center;
	line-height: 50px;
}
.rightNavItem a.app i {
	font-size: 26px;
}
.rightNavItem a.toTop {
	text-align: center;
	line-height: 50px;
	-webkit-transition: all 0 ease;
	-moz-transition: all 0 ease;
	-ms-transition: all 0 ease;
	-o-transition: all 0 ease;
	transition: all 0 ease;
	display: none;
}
.rightNavItem a.toTop i {
	font-size: 22px;
	margin-top: 5px;
	display: inline-block;
}

.appItem {
	position: absolute;
	right: 65px;
	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 b {
	color: red;
}
.tiktokItem {
	top: 186px;
}
.weixinItem {
	top: 80px;
}
.yijianItem {
	top: 112px;
}

.weixinItem img {
	margin: 0;
}

.qqItem {
	top: 164px;
}

.qqItem b{
	display: block;
	margin: 3px 0 6px 0
}
.cooperation{
	position: absolute;
	right: 50px;
	top: 0px;
	display: none;
	padding-right: 15px;
}
.cooperation-item{
	background: url(https://www.hbzhan.com/images/news/version/2022/cooperation-bg.png) no-repeat;
	background-size: 100% 100%;
	width: 410px;
  	border-radius: 6px;
  	overflow: hidden;
}
.cooperation-top{
	padding: 32px 26px 0;
}
.cooperation-top b{
	font-size: 24px;
	color: #5aa44c;
	display: block;
}
.cooperation-top ul{
	padding-top: 8px;
}
.cooperation-top li{
	padding: 17px 0 10px;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
}
.cooperation-top li:last-child{
	border: 0;
}
.cooperation-top li span{
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	display: block;
}
.cooperation-bot{
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #999;
	background-color: #f5f5f5;
	text-align: center;
}
.contribution-a a i{
	display: block;
	background-size: 100% 100%;
	margin: 14px auto 7px;
}
.contribution-a a b {
	font-size: 13px;
	font-weight: normal;
}
.contribution-a a.cooperation-ydd i{
	width: 22px;
	height: 22px;
	background: url(https://www.hbzhan.com/images/news/version/2022/icon-ydd.png) no-repeat;
}
.contribution-a a.cooperation-dy i{
	width: 23px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/news/version/2022/icon-dy.png) no-repeat;
}
.contribution-a a.cooperation-sph i{
	width: 26px;
	height: 22px;
	background: url(https://www.hbzhan.com/images/news/version/2022/icon-sph.png) no-repeat;
}
.contribution-a a.cooperation-ks i{
	width: 26px;
	height: 29px;
	background: url(https://www.hbzhan.com/images/news/version/2022/icon-ks.png) no-repeat;
}
.cooperation-bot1 {
	width: 518px;
	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;
}
.cooperation-bot1 .item {
	float: left;
	width: 33.3%;
}
.cooperation-bot1 .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%);
}
.cooperation-bot1 .item .image img{
	width: 130px;
	height: 130px;
	border-radius: 8px;
}
.cooperation-bot1 .item .image b{
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	color: #fff;
	display: block;
	text-align: center;
	overflow: hidden;
}
.cooperation-bot1 .item p{
	margin-top: 10px;
	height: 16px;
	line-height: 16px;
	font-size: 15px;
	color: #888;
	overflow: hidden;
}
.sph-item{
	width: 505px;
	padding: 20px 0;
	border-radius: 4px;
	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: 4px;
	box-sizing: border-box;
	overflow: hidden;
}
.sph-Box{
	padding-right: 10px;
	left: -515px;
}
.sph-item .left{
	width: 264px;
	height: 180px;
	position: relative;
	float: left;
}
.sph-item .left p{
	display: inline-block;
  	position: absolute;
	padding: 0;
  	left: 33px;
  	top: 50%;
  	width: 20px;
  	line-height: 28px;
  	font-size: 20px;
  	color: #c27468;
  	transform: translateY(-50%);
}
.sph-item .left img{
	position: absolute;
	left: 84px;
	top: 50%;
	transform: translateY(-50%);
	width: 180px;
}
.sph-item .right{
	width: 240px;
	padding-top: 34px;
	text-align: center;
	overflow: hidden;
}
.sph-item .right b{
	height: 34px;
	line-height: 34px;
	font-size: 22px;
	color: #666;
	display: block;
	overflow: hidden;
}
.sph-item .right p{
	margin-top: 15px;
	line-height: 20px;
	font-size: 18px;
	color: #666;
	padding: 0;
}
.sph-item .right span{
	margin-top: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #999;
	background: none;
	position: relative;
	display: block;
}
.contribution:hover .cooperation{
	display: block;
}
/* end */
@media only screen and (min-width:1920px){
	.top,.nav,.main,.Foot,.header--drop  {
		width: 1500px;
	}
	.search {
		width: 550px;
		margin-left: 120px;
	}
	.search input {
		width: calc(100% - 180px);
	}
	.left {
		width: 1120px;
	}
	.flash {
		width: 100%;
		height: 426px;
	}
	.right {
		width: 350px;
	}
	.data {
		height: 426px;
	}
	.data dl {
		margin: 15px 0;
	}
	.data dl dd {
		width: 280px;
		height: 31px;
	}
	.data dl dd a {
		font: 16px/30px "Microsoft Yahei", "Tahoma";
	}
	.data dl dt {
		height: 31px;
	}
	.flashImg {
		width: 906px;
	}
	.flash .ulBg {
		width: 214px;
		height: 426px;
		top: 0;
		right: 0;
	}
	.flash ul {
		width: 214px;
		height: 426px;
		top: 0;
		right: 0;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.flash li {
		padding: 23px 0;
	}
	.flashImg .paly {
		top: 50%;
		left: 50%;
		z-index: 2;
		transform: translate(-50%,-50%);
	}
	.interList ul li img {
		width: 138px;
		height: 113px;
	}
	.view {
		margin-top: 18px;
	}
}
@media only screen and (min-width: 1600px) and (max-width:1919px){
	.top,.nav,.main,.Foot,.pictures,.header--drop  {
		width: 1360px;
	}
	.header--drop ul li a {
		padding: 0 13px;
	}
	.left {
		width: 1000px;
	}
	.flash {
		height: 471px;
	}
	.right {
		width: 340px;
	}
	.data {
		height: 471px;
	}
	.data dl {
		margin: 15px 0;
	}
	.data dl dt {
		height: 36px;
	}
	.data dl dd {
		width: 270px;
		height: 30px;
		margin-bottom: 10px;
	}
	.data dl dd a {
		font: 16px/30px "Microsoft Yahei", "Tahoma";
	}
	.flash .ulBg,.flash ul {
		height: 434px;
	}
	.flash li {
		padding: 24px 0;
	}
	.flashImg .paly {
		top: 175px;
		left: 360px;
	}
	.interList ul li img {
		width: 138px;
		height: 113px;
	}
	.view {
		margin-top: 18px;
	}
}
@media only screen and (min-width: 1400px) and (max-width:1599px){
	.top,.nav,.main,.Foot,.pictures,.header--drop  {
		width: 1200px;
	}
	.interList ul li {
		padding: 18px 20px;
	}
	.interList ul li img {
		width: 128px;
		height: 104px;
	}
	.frontList dl dt {
		width: 167px;
		height: 117px;
	}
	.frontList dl dd p {
		margin-top: 0;
	}
	.date {
		margin-top: 16px;
	}
	.header--drop ul li a {
		padding: 0 12px;
	}
	.leftNav p a {
		font-size: 17px;
		margin: 0 20px;
	}
	.interflow {
		height: 633px;
	}
	.left {
		width: 870px;
	}
	.flash {
		height: 410px;
	}
	.data dl dd a {
		font: 15px/30px "Microsoft Yahei", "Tahoma";
	}
	.data {
		height: 410px;
	}
	.data dl {
		margin: 13px 0;
	}
	.flash ul,.flash .ulBg {
		height: 375px;
	}
	.flash li {
		padding: 17px 0;
	}
	.flashImg .paly {
		width: 125px;
		height: 125px;
		top: 136px;
		left: 293px;
		background: url(../../images/tech2018/technology.png) no-repeat 0 -128px;
		background-size: 100% auto;
	}
	.advertising {
		height: 286px;
	}
	.pictures ul li .item {
		margin-left: 20px;
	}
	.pictures ul {
		margin-left: -20px;
	}
	.siteText p a {
		font-size: 14px;
		line-height: 28px;
	}
	.siteText p {
		height: 30px;
		padding-top: 0;
	}
}
@media only screen and (min-width: 1200px) and (max-width:1399px){
	.top,.nav,.main,.Foot,.pictures,.header--drop  {
		width: 1128px;
	}
	.interList ul li {
		padding: 18px 20px;
	}
	.newProduct ul {
		padding-bottom: 14px;
	}
	.interList ul li img {
		width: 128px;
		height: 104px;
	}
	.frontList dl dt {
		width: 167px;
		height: 117px;
	}
	.frontList dl dd p {
		margin-top: 0;
	}
	.date {
		margin-top: 16px;
	}
	.header--drop ul li a {
		padding: 0 12px;
	}
	.leftNav p a {
		font-size: 16px;
		margin: 0 20px;
	}
	.interflow {
		height: 633px;
	}
	.nav ul li a {
		font-size: 17px;
		padding: 13px 0 12px;
	}
	.nav ul li {
		text-align: center;
	}
	.left {
		width: 805px;
	}
	.flash {
		height: 380px;
	}
	.right {
		width: 305px;
	}
	.data dl dd {
		width: 235px;
		height: 30px;
		margin-bottom: 4px;
	}
	.data dl dd a {
		font: 14px/30px "Microsoft Yahei", "Tahoma";
	}
	.data {
		height: 380px;
	}
	.data dl {
		margin: 13px 0;
	}
	.flash ul, .flash .ulBg {
		height: 345px;
		width: 195px;
		box-sizing: border-box;
	}
	.flash li a {
		font: normal 17px/28px "Microsoft Yahei","simhei";
		height: 56px;
	}
	.flash li {
		padding: 15px 0;
	}
	.flashImg .paly {
		width: 110px;
		height: 110px;
		top: 136px;
		left: 293px;
		background: url(../../images/tech2018/technology.png) no-repeat 0 -113px;
		background-size: 100% auto;
	}
	.data dl dt,.data dl dd {
		height: 27px;
	}
	.main {
		margin: 0 auto 20px;
	}
	.frontNav,.interNav  {
		left: 115px;
	}
	.rightTitle {
		height: 48px;
	}
	.newProduct dl dt {
		width: 120px;
	}
	.newProduct dl dt img {
		width: 120px;
		height: 119px;
	}
	.rightBox2 {
		margin-top: 23px;
	}
	.advertising {
		height: 286px;
	}
	.pictures ul li .item {
		margin-left: 20px;
	}
	.pictures ul {
		margin-left: -20px;
	}
	.siteText p a {
		font-size: 14px;
		line-height: 28px;
	}
	.siteText p {
		height: 30px;
		padding-top: 0;
	}
	.footLeft {
		width: 805px;
	}
	.footer {
		margin-top: 20px;
	}
	.footRight {
		width: 310px;
	}
}
@media only screen and (min-width: 1025px) and (max-width:1199px){
	.top,.nav,.main,.Foot,.pictures,.header--drop  {
		width: 958px;
	}
	.entryList ul li.list1 a {
		margin-top: 0;
	}
	.interList ul li {
		padding: 16px 20px;
	}
	.newProduct ul {
		padding-bottom: 9px;
	}
	.interList ul li h3 {
		font-size: 18px;
	}
	.interList ul li img {
		width: 128px;
		height: 104px;
	}
	.frontList dl dt {
		width: 161px;
		height: 113px;
		margin-right: 15px;
	}
	.frontList dl dd h3 {
		font-size: 18px;
		line-height: 35px;
		height: 35px;
	}
	.date {
		margin-top: 14px;
	}
	.frontList dl dd p {
		margin-top: 0;
	}
	.date {
		margin-top: 16px;
	}
	.header--drop ul li a {
		padding: 0 9px;
	}
	.interflow {
		height: 617px;
	}
	.logo {
		margin-top: 5px;
		width: 200px;
	}
	.pageName {
		font-size: 20px;
		margin-top: 21px;
	}
	.line {
		width: 1px;
		height: 30px;
		margin: 21px 12px 0 12px;
	}
	.search {
		width: 342px;
		margin-top: 10px;
		margin-left: 26px;
	}
	.search button {
		width: 63px;
	}
	.search input {
		width: 179px;
	}
	.nav ul li a {
		font-size: 17px;
		padding: 13px 0 12px;
	}
	.nav ul li {
		text-align: center;
	}
	.left {
		width: 665px;
	}
	.flash {
		height: 315px;
	}
	.right {
		width: 280px;
	}
	.data dl dd {
		width: 220px;
		height: 30px;
		margin-bottom: 4px;
	}
	.data dl dd a {
		font: 14px/24px "Microsoft Yahei", "Tahoma";
	}
	.data dl dt {
		background: url(../../images/tech2018/technology.png) no-repeat 0 -444px;
		font: 12px/24px "Microsoft Yahei";
		width: 18px;
	}
	.data dl dt.class_1 {
		background: url(../../images/tech2018/technology.png) no-repeat 0 -344px;
	}
	.data dl dt.class_2 {
		background: url(../../images/tech2018/technology.png) no-repeat 0 -377px;
	}
	.data dl dt.class_3 {
		background: url(../../images/tech2018/technology.png) no-repeat 0 -411px;
	}
	.data {
		height: 315px;
		padding: 0 15px;
	}
	.data dl {
		margin: 9px 0;
	}
	.flash ul, .flash .ulBg {
		height: 315px;
		width: 175px;
		box-sizing: border-box;
		top: 0;
		right: 0;
	}
	.flash li a {
		font: normal 16px/24px "Microsoft Yahei","simhei";
		height: 48px;
	}
	.flash li {
		padding: 15px 0;
	}
	.flashImg .paly {
		width: 95px;
		height: 95px;
		top: 108px;
		left: 293px;
		background: url(../../images/tech2018/technology.png) no-repeat 0 -97px;
		background-size: 100% auto;
	}
	.rightBox {
		padding: 0 15px;
	}
	.data dl dt, .data dl dd {
		height: 23px;
		margin-bottom: 2px;
	}
	.main {
		margin: 0 auto 20px;
	}
	.frontNav,.interNav  {
		left: 115px;
	}
	.rightTitle {
		height: 48px;
	}
	.newProduct dl dt {
		width: 104px;
	}
	.newProduct dl dt img {
		width: 100%;
		height: 104px;
	}
	.leftNav p a {
		font-size: 14px;
		margin: 0px 12px;
	}
	.frontList {
		height: 696px;
	}
	.rightBox2 {
		margin-top: 23px;
	}
	.advertising {
		height: 270px;
	}

	.statement {
		margin-top: 20px;
		font-size: 12px;
		padding: 10px 15px;
	}
	.statement p {
		line-height: 24px;
	}
	.siteText p a {
		font-size: 12px;
		line-height: 28px;
	}
	.siteText p {
		height: 30px;
		padding-top: 0;
	}
	.pictures ul li .item {
		margin-left: 12px;
	}
	.pictures ul {
		margin-left: -12px;
	}
	.footLeft {
		width: 690px;
	}
	.footMenu {
		font-size: 13px;
		line-height: 50px;
	}
	.footLeft p.webName {
		font-size: 12px;
	}
	.footLeft p a {
		padding: 0 7px 0 0;
		margin-right: 6px;
	}
	.footer {
		margin-top: 20px;
	}
	.footRight {
		width: 260px;
	}
}
@media only screen and (max-width:1024px){
	.top,.nav,.main,.Foot,.pictures,.header--drop  {
		width: 850px;
	}
	.entryList ul li.list1 a {
		margin-top: 0;
	}
	.interList ul li {
		padding: 20px 20px;
	}
	.newProduct ul {
		padding-bottom: 6px;
	}

	.interList ul li img {
		width: 128px;
		height: 104px;
	}
	.frontList dl dt {
		width: 134px;
		height: 94px;
		margin-right: 15px;
	}
	.frontList dl dd h3 {
		font-size: 18px;
		line-height: 35px;
		height: 35px;
	}
	.date {
		margin-top: 6px;
	}
	.frontList dl dd p {
		margin-top: 0;
	}
	.header--drop ul li a {
		padding: 0 8px;
	}
	.interflow {
		height: 541px;
	}
	.topAdv img, .topAdv embed {
		width: 200px;
		height: 48px;
	}
	.logo {
		margin-top: 0;
		width: 185px;
	}
	.pageName {
		font-size: 18px;
		margin-top: 15px;
	}
	.line {
		width: 1px;
		height: 30px;
		margin: 12px 12px 0 12px;
	}
	.topAdv {
		margin-top: -1px;
	}
	.search {
		width: 305px;
		margin-top: 6px;
		margin-left: 30px;
	}

	.search button {
		width: 63px;
		height: 40px;
	}
	.search input {
		width: 142px;
		padding: 10px 12px;
	}
	.nav ul li a {
		font-size: 15px;
		padding: 13px 0 12px;
	}
	.nav ul li {
		text-align: center;
	}
	.left {
		width: 598px;
	}
	.flash {
		height: 282px;
	}
	.right {
		width: 240px;
	}
	.data dl dd {
		width: 186px;
	}
	.data dl dd a {
		font: 12px/24px "Microsoft Yahei", "Tahoma";
	}
	.data dl dt {
		background: url(../../images/tech2018/technology.png) no-repeat 0 -444px;
		font: 12px/24px "Microsoft Yahei";
		width: 18px;
	}
	.data dl dt.class_1 {
		background: url(../../images/tech2018/technology.png) no-repeat 0 -344px;
	}
	.data dl dt.class_2 {
		background: url(../../images/tech2018/technology.png) no-repeat 0 -377px;
	}
	.data dl dt.class_3 {
		background: url(../../images/tech2018/technology.png) no-repeat 0 -411px;
	}
	.data {
		height: 282px;
		padding: 0 15px;
	}
	.data dl {
		margin: 7px 0;
	}
	.frontList dl dd h3 {
		font-size: 16px;
		line-height: 28px;
		height: 28px;
	}
	.frontList dl dd p {
		font-size: 12px;
		line-height: 20px;
		height: 40px;
	}
	.date span {
		font-size: 12px;
	}
	.flash ul, .flash .ulBg {
		height: 282px;
		width: 175px;
		box-sizing: border-box;
		top: 0;
		right: 0;
	}
	.flash li a {
		font: normal 14px/20px "Microsoft Yahei","simhei";
		height: 40px;
	}
	.flash li {
		padding: 15px 0;
	}
	.flashImg .paly {
		width: 80px;
		height: 80px;
		top: 99px;
		left: 212px;
		background: url(../../images/tech2018/technology.png) no-repeat 0 -82px;
		background-size: 100% auto;
	}
	.rightBox {
		padding: 0 15px;
	}
	.data dl dt, .data dl dd {
		height: 22px;
		margin-bottom: 0px;
	}
	.main {
		margin: 0 auto 20px;
	}
	.frontNav,.interNav  {
		left: 115px;
	}
	.rightTitle {
		height: 48px;
	}
	.newProduct dl dt {
		width: 85px;
		margin-right: 10px;
	}
	.newProduct dl dt img {
		width: 100%;
		height: 85px;
	}
	.newProduct dl dd {
		width: 113px;
	}
	.newProduct dl dd h3 {
		font-size: 13px;
		line-height: 20px;
		height: 40px;
	}
	.newProduct dl dd p {
		font-size: 12px;
		line-height: 18px;
		height: 36px;
		margin-top: 8px;
	}
	.newProduct ul li {
		font-size: 12px;
		line-height: 24px;
		height: 24px;
		padding-left: 12px;
		background: url(../../images/tech2018/technology.png) no-repeat -135px 10px;
	}
	.leftNav p a {
		font-size: 12px;
		margin: 0px 10px;
	}
	.hotPints ul li a.a1 {
		padding: 0 8px;
	}
	.hotPints ul {
		padding: 12px 0;
	}

	.frontList {
		height: 617px;
	}
	.entryList ul li.list1 a {
		margin-top: 0;
	}
	.entryList ul {
		padding: 15px 0;
	}
	.advertising ul li {
		padding: 7px 0;
	}
	.rightBox2 {
		margin-top: 12px;
	}
	.advertising {
		height: 215px;
	}
	.interList ul li img {
		width: 100px;
		height: 80px;
		margin-right: 12px;
	}
	.interList ul li h3 {
		font-size: 16px;
		line-height: 20px;
		height: 20px;
	}
	.interList ul li p {
		font-size: 12px;
		line-height: 18px;
		height: 36px;
		margin-top: 4px;
	}
	.view {
		margin-top: 0px;
	}

	.statement {
		margin-top: 20px;
		font-size: 12px;
		padding: 10px 15px;
	}
	.statement p {
		line-height: 24px;
	}
	.siteText p a {
		font-size: 12px;
		line-height: 28px;
	}
	.siteText p {
		height: 30px;
		padding-top: 0;
	}
	.pictures ul li .item {
		margin-left: 12px;
	}
	.pictures ul {
		margin-left: -12px;
	}
	.footLeft {
		width: 635px;
	}
	.footMenu {
		font-size: 13px;
		line-height: 50px;
	}
	.footLeft p.webName {
		font-size: 12px;
	}
	.footLeft p a {
		padding: 0 7px 0 0;
		margin-right: 27px;
	}
	.footer {
		margin-top: 20px;
	}
	.footRight {
		width: 200px;
	}
	.footRight p {
		width: 85px;
		margin: 15px 7px;
	}
	.copyright {
		margin-top: 10px;
		padding-top: 10px;
	}
}