.w {
	width: 1430px;
	margin: 0 auto;
}
.scrRight h1 {
	font-size: unset;
	display: inline-block;
	font-weight: normal;
	vertical-align: top;
}
#header {
	width: 100%;
	height: 40px;
	background: #f5f5f5;
}
.header {
	width: 1430px;
	margin: 0 auto;
	height: 40px;
}
.divLogin{float: left;}
.divLogin a {
	font-size: 14px;
	line-height: 40px;
	color: #666;
	font-family: "Microsoft YaHei";
	margin: 0;
	margin-right: 25px;
}
.divLogin a.login:hover {
	background: none;
	color: #f05922;
}
.divLogin a.login {
	padding: 0;
}
.divLogin a:hover{color: #f05922;}
.header p {
	height: 40px;
	float: right;
	color: #666;
	font-size: 14px;
	margin-right: 116px;
}
.header p a {
	color: #666;
	display: inline-block;
	line-height: 40px;
	font-family: "Microsoft YaHei";
	margin-left: 20px;
	font-weight: normal;
}
.header a:hover, .header p a.mobile:hover {color: #ff6600;}
.banner-adv {
	margin: 0 auto;
}
.banner-adv ul {
	width: calc(100% + 10px);
	display: inline;
	float: left;
	margin: 0px 0 0 -5px;
}

.banner-adv ul li {
	display: block;
	float: left;
	position: relative;
}
.banner-adv ul li .adv-item{
	margin: 18px 5px 0 5px;
	position: relative;
}
.banner-adv ul.one li{
	width: 100%;
}
.banner-adv ul.two li{
	width: 50%;
}
.banner-adv ul.three li{
	width: 33.33%;
}
.banner-adv ul.four li{
	width: 25%;
}
.banner-adv ul.five li{
	width: 20%;
}
.banner-adv ul.six li{
	width: 16.66%;
}
.top-banner .banner-adv ul {
	width: calc(100% + 10px);
	margin: 0px 0 0 -5px;
}
.top-banner .banner-adv ul li .adv-item {
	margin: 10px 5px 0 5px;
}
.advs {
	position: relative;
	display: block;
	width: 100%;
}
.advs img {
	display: block;
	width: 100%;
}
.advs i {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("https://public.mtnets.com/Images/public/adv.png") no-repeat;
}
.Tophead {
	position: relative;
}
.Tophead p {
	position: absolute;
	float: right;
	right: 0px;
	top: -27px;
	color: #dfdfdf;
}
.Tophead p {
	position: absolute;
	float: right;
	right: 0px;
	top: -28px;
	color: #dfdfdf;
	font-size: 14px;
}
.Tophead p a {
	color: #666;
	margin-left: 20px;
}
.Tophead img {
	max-width: 150px;
	max-height: 150px;
	position: absolute;
	top: 24px;
	z-index: 9999;
	padding: 8px;
	background: #4bbf5b;
	border-radius: 5px;
	display: none;
}
.Tophead img.hbapp {
	right: -5px;
}
.Tophead img.hbweixin {
	right: -70px;
}
.Tophead a.moblie:hover .hbapp {
	display: block;
}
.Tophead a.moweixin:hover .hbweixin {
	display: block;
}
.logo {
	width: 245px;
	float: left;
	margin-top: 0;
	margin-left: 20px;
}
.searchBox {
	width: 580px;
	float: left;
	margin-left: 130px;
	height: 44px;

	border-radius: 30px;
	margin-top: 14px;
}
.search {
	width: 100%;
	height: 44px;
	margin-left: 0;
}
.searchSelect{
	width: 16.3%;
	height: 40px;
	float: left;
	margin-left: 2px;

	position: relative;
	z-index: 99999;
	background: #fff;
	border-radius: 30px 0 0 30px;
	border-left: 2px solid #1669c5;
	border-top: 2px solid #1669c5;
	border-bottom: 2px solid #1669c5;
}
.selectTop{
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}
.selectTop p{
	font-size: 14px;
	line-height: 40px;
	color: #666666;
	text-indent: 15px;
}
.selectTop i{
	display: block;
	position: absolute;
	width: 14px;
	height: 8px;
	top: 17px;
	left: 60px;
	background:url("../../images/product/down.png") no-repeat;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
.selectTop.focus i{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.selectBot{
	position: absolute;
    width: 100%;
    border: 2px solid #1669c5;
    left: 0px;
    top: 42px;
    z-index: 99999;
    background: #fff;
    display: none;
}
.selectBot li{
	text-indent: 15px;
	font-size: 14px;
	line-height: 25px;
	cursor: pointer;
}
.selectBot li:hover{
	background: #1669c5;
	color: #fff;
}
.search input{
	width: 65%;
	height: 40px;
	float: left;
	text-indent: 15px;
	font-size: 14px;
	line-height: 40px;
	font-family: "microsoft yahei";
	color: #999;

	background: #fff;
	border: none;
	border-top: 2px solid #1669c5;
	border-bottom: 2px solid #1669c5;
}
.search button{
	width: 18%;
	height: 44px;
	border:none;
	background: url("../../images/product/index.png") no-repeat 18px -12px;
	cursor: pointer;
	outline: none;
	float: right;
	font-size: 16px;
	line-height: 44px;
	color: #fff;
	font-family: "microsoft yahei";
	border-radius: 0 30px 30px 0;

	text-indent: 20px;
	background-color: #1669c5;
}
.selectTop p::after {
	content: "";
	clear: both;
	position: absolute;
	width: 1px;
	height: 11px;
	background-color: #e1e1e1;
	right: 0;
	top: 15px;
}
.top {
	margin: 14px auto !important;
}
.location {
	font-size: 14px;
	color: #555;
	overflow: hidden;
	position: relative;
}
.location p {
	margin-left: -5px;
}
.location p a {
	color: #555;
	margin: 0 5px;
}
.location p a:hover {
	color: #f60;
}
.location span {
	position: absolute;
	right: 0;
	top: 0;
}
.location span:nth-last-child(2) {
	position: absolute;
	right: 95px;
	top: 0;
}
.location span:last-child {
	position: absolute;
	right: 0;
	top: 0;
}
.location span a {
	color: #1669c5;
}
.findtop {
	background-color: #f6f6f6;
	margin-top: 5px;
	padding-top: 5px;
	box-sizing: border-box;
}
.findtop dl {
	border-bottom: 1px solid #e9e9e9;
	line-height: 32px;
	font-size: 14px;
	position: relative;
	/* height: 42px; */
	min-height: 32px;
}
.findtop dl.brandBox {
	height: auto;
}
.findtop dl:last-child {
	border-bottom: 0;
}
.findtop li {
	float: left;
}
.findtop dt {
	float: left;
	/* margin-right: 37px; */
	font-weight: bold;
	width: 95px;
	text-align: left;
}
.findtop dd {
	overflow: hidden;
	padding-right: 115px;
	height: 32px;
	box-sizing: border-box;
}

.findtop dd a {
	color: #666;
}
.findtop dd a:hover {
	color: #1669c5;
}
.otherexi li {
	margin-right: 30px;
}
.findtop .structure li {
	margin-right: 35px;
}
.findtop .layout li {
	margin-right: 40px;
}
.findtop .brandBox dd {
	max-height: 100px;
	padding-left: 16px;
	min-height: 55px;
	height: auto;
}
.findtop .brand li {
	margin-right: 23px;
	font-size: 14px;
}

.brand {
	/* padding-bottom: 30px; */
	padding-top: 10px;
}
.findtop .brand li a {
	width: 125px;
	height: 36px;
	line-height: 36px;
	background: url(../../images/product/brandTxt.png) no-repeat 0 -2px;
	display: block;
	text-align: center;
	background-size: 100%;
	margin-bottom: 10px;
	position: relative;
	/* font-family: "font1"; */
	font-weight: bold;
}
.findtop .brand li a::after {
	content: "";
	clear: both;
	position: absolute;
	left: -16px;
	top: 0;
	background: url(../../images/product/brand1.png) no-repeat;
	width: 32px;
	height: 36px;
}

.findtop .brand li a:hover {
	background: url(../../images/product/brandTxt1.png) no-repeat 0 -2px;
	color: #fff;
}
.findtop .brandBox a.more {
	top: 10px;
}
.findtop a.more {
	position: absolute;
	right: 45px;
	top: 0;
	color: #666;
	cursor: pointer;
}
.findtop a.more i {
	background: url(../../images/product/down.png) no-repeat;
	width: 12px;
	height: 7px;
	display: inline-block;
	margin-left: 8px;
	vertical-align: top;
	margin-top: 13px;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.findtop a.focus i {
	-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.topAdv {
	float: right;
	margin-top: 15px;
}
.topAdv img,
.topAdv embed {
	width: 250px;
	height: 62px;
	display: block;
}

.shadow{
	width: 100%;
	min-width: 1180px;
	border-top: 1px solid #f0f0f0;
	box-shadow: 0 5px 5px #f0f0f0;
}
.main{
	width:1180px;
	margin:20px auto 0;
}
.mfRow{width: 1150px;margin: 0 13px 0;float: left;border-top: 1px dashed #dedede;height: 30px;position: relative;overflow: hidden;}
.mfRow span{font:normal 12px/30px "\5b8b\4f53";color: #666;left: 0;top: 0 ;position: absolute;}
.mfRow ul{position: absolute;left: 100px;top: 0;width: 950px;}
.mfRow ul.exist li{margin: 4px 0 0 5px;height: 20px;border: 1px solid #e8e8e8;padding:0 6px;line-height: 20px;color: #333;float: left;cursor: pointer;}
.mfRow ul.exist li em{background:url(/images/product/pro2016.png) no-repeat 6px -330px;width:17px;height: 10px;display: inline-block;vertical-align: middle;}
.mfRow ul.exist li:hover{border-color: #ff0000;}
.mfRow ul.exist li:hover em{background:url(/images/product/pro2016.png) no-repeat 6px -350px;}
.mfRow a.more{position: absolute;right: 0;top: 10px;color: #666;width: 45px;background:url(https://www.hbzhan.com/images/product/pro2016.png) no-repeat 30px -365px;}
.mfRow a.icon-arrow-down{position: absolute;right: 0;top: 10px;color: #666;width: 45px;background:url(https://www.hbzhan.com/images/product/pro2016.png) no-repeat 30px -365px;}
.mfRow a.more-down{position: absolute;right: 0;top: 10px;color: #666;width: 45px;background:url(https://www.hbzhan.com/images/product/pro2016.png) no-repeat 30px -390px;}

.mfRow ul li{display: inline;}
.mfRow ul li a{color: #333;font-size: 12px;line-height: 30px;position: relative;padding-right: 30px;padding-left: 8px;}
.mfRow ul li a:hover{color: #f00000}
.mfRow a.more{position: absolute;right: 45px;top: 10px;color: #666;width: 45px;background:url(https://www.hbzhan.com/images/product/pro2016.png) no-repeat 30px -365px;}
.mfRow a.sure{position: absolute;right: 45px;top: 10px;color: #666;width: 45px; display: none;}
.mfRow a.more_cho{position: absolute;right: 0px;top: 10px;color: #666;width: 40px;background: url(https://www.zyzhan.com/images/product/add-icon.png) 28px -316px no-repeat;}
.mfRow a.more_cho_down{ background: url(https://www.zyzhan.com/images/product/add-icon.png) 28px -344px no-repeat;}
.mfRow a.icon-arrow-down{position: absolute;right: 0;top: 10px;color: #666;width: 45px;background:url(https://www.zyzhan.com/images/product/pro2016.png) no-repeat 30px -365px;}
.mfRow a.more-down{position: absolute;right: 0;top: 10px;color: #666;width: 45px;background:url(https://www.zyzhan.com/images/product/pro2016.png) no-repeat 30px -390px;}
.mfRow i.mf_checkbox{display: none; height: 12px;width: 12px; background: url(https://www.zyzhan.com/images/product/mf_check.png) 0 -12px no-repeat; position: absolute; top: 0px;left: -10px;}
.mfRow i.mf_checked{  background: url(https://www.zyzhan.com/images/product/mf_check.png) 0 0 no-repeat; }
.mfRow a:hover i.mf_checkbox{background: url(https://www.zyzhan.com/images/product/mf_check.png) 0 -24px no-repeat;}
.mfRow a:hover i.mf_checked{background: url(https://www.zyzhan.com/images/product/mf_check.png) 0 0 no-repeat;}
.mfRowShow i.mf_checkbox{display: inline-block;}
.mfRowShow a.sure:hover{color: #ff6600;}
.mfRowShow a.more{ display: none;}
.mfRow a{cursor: pointer;}
.mfRow a.aChecked{border-color: #ff6600;color: #ff6600;}
.mfRow ul.otherexi li b{font-weight: normal;}
.noneT a.sure{position: absolute;right: 55px;top: 14px;cursor: pointer;color: #666;width: 45px;display: none;}
.noneT a.more_cho{position: absolute;right: 20px;top: 14px;cursor: pointer;color: #666;width: 40px;background: url(https://www.zyzhan.com/images/product/add-icon.png) 28px -316px no-repeat;}
.noneT a.more_cho_down{ background: url(https://www.zyzhan.com/images/product/add-icon.png) 28px -344px no-repeat;}
.noneT{height: auto;margin:0;}
.mfRowShow a.sure{ display: block;}
.noneT ul li b{font-weight: normal;}
.moretype ul li b.mf_checkbox{color: #ff6600;}
.noneT b.aChecked{color: #ff6600;}
.noneT ul{position: static;}
/*.brandList{min-height: 145px;}*/
ul.otherexi2 li input{width: 211px;height: 20px;border: 1px solid #ddd;margin-right: 10px; color: #aaa;;line-height: 20px; margin-top: 10px;text-indent: 25px;background:url(https://www.zyzhan.com/images/product/pro2016.png) no-repeat 3px -425px;}
.mfRow ul.brandlist li a{padding: 0 6px 0; font-family:  "Arial";}
/*.brandBot{width: 1060px;position: absolute;left:95px;top: 45px; height: 96px;}*/
.brandBot p{float: left;}
.mfRow ul.brandlist li a.all {display: inline-block !important;color: #1669c5;}
.mfRow ul.brandlist li a.all:hover {color: #1669c5;}
.brandBot p a{width: 105px;height: 39px;line-height: 39px; display: block;float: left;border: 1px solid #e6e6e6;margin: 0 5px 10px;text-align: center;color: #333; overflow: hidden;}
.brandBot p a:hover{border-color: #f60;}

.moreB{width: 1150px;margin: 0 13px 0;float: left;border-top: 1px dashed #dedede;}
.moreB span{font:normal 12px/40px "\5b8b\4f53";color: #666;float: left;margin-right: 78px;}
ul.moretype{height: 24px;padding: 12px 0 16px 0;position: relative;}
ul.moretype li{float: left;margin-left: -1px;}
ul.moretype li p{height: 22px;float: left;border: 1px solid #dbdbdb;padding:0 10px;line-height: 22px;display: inline-block;cursor: pointer;}
ul.moretype li p em{width: 16px;height: 22px;display: inline-block;background:url(https://www.zyzhan.com/images/product/pro2016.png) no-repeat 10px -276px;vertical-align: middle;}

.noneT{width: 1178px;position: absolute;border:1px solid #e3e3e3;border-radius: 0 0 3px 3px; left: -15px;top:35px; background: #fff;z-index: 9999999999;}
.noneT i{font:normal 12px/40px "\5b8b\4f53";color: #666;float: left;margin-left: 14px;}
.noneT ul{float: left;width: 1000px;}
.noneT ul li{float: left;margin-left: 45px;}
.noneT ul li a{font:normal 12px/40px "\5b8b\4f53";color: #333;}
.noneT ul li a:hover{color: #ff5200;}
.noneT ul li a em{font-style: normal;color: #b2b2b2;}


/*11.28*/
.mfRow2 ul {
    position: inherit;
    margin-left: 100px;
    top: 0;
    left: 0;
    width: 900px;
}
.brandBot{
	width: 980px;
	margin-left: 95px;
	overflow: hidden;
}
.brandBot2 p{
	float: left;
}
.brandBot2 p a{
	width: 105px;
	height: 39px;
	line-height: 39px;
	display: block;
	float: left;
	border: 1px solid #e6e6e6;
	margin: 0 5px 25px;
	text-align: center;
	color: #333;
	overflow: hidden;
}
.brandBot2 p a:hover{
	border-color: #0070ce;
}
.mfRow2 i.mf_checkbox{
	vertical-align: middle;
	position: static;
	margin-right: 5px;
}
.brandBot dl{
	width: 107px;
    height: 66px;
    float: left;
    margin: 10px 5px 0;
    text-align: center;
    color: #333;
    overflow: hidden;
}
.brandBot dl dt{
    border: 1px solid #e6e6e6;
}
.brandBot dl dt:hover{
	border: 1px solid #0070CE;
}
.brandBot dl dt table{
	width: 105px;
    height: 39px;
}
.brandBot dl dt table td{
	width: 105px;
    height: 39px;
    text-align: center;
    vertical-align: middle;
}
.brandBot dl dt table td img{
	max-width: 105px;
	max-height: 39px;
}
.brandBot dl dd{
	font-size: 12px;
	line-height: 25px;
	color: #0f69dc;
	height: 25px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.brandBot dl dd a{
	color: #0f69dc;
}
.brandBot2{
	width: 980px;
	margin-left: 95px;
	margin-top: 10px;
	overflow: hidden;
}
.brandList {
    height: 125px;
    padding-bottom: 10px;
}
.screening {
	position: relative;
	height: 46px;
	border: 1px solid #e6e6e6;
	z-index: 99;
	background: #f5f5f5;
	margin-top: 10px;
}
.scrLeft{width: 800px;height: 46px;float: left;}
.type{width: 60px;height: 46px;position: absolute;left: 240px;top: 0;font:14px/46px "Microsoft Yahei","Tahoma","Arial";color: #333;border-right: 1px solid #e6e6e6;}
.selectcompany {
	width: 108px;position: absolute;border: 1px solid #e4e4e4;background: #fff;top: 46px;left:0px;	z-index: 9997;
}
.selectcompany ul {
	width: 108px;float: left;padding: 5px 0;
}
.selectcompany ul li {
	display: inline;width: 108px;
}
.selectcompany ul li a {
	font:14px/30px "Microsoft Yahei","Tahoma","Arial";color: #777;text-indent: 10px;display:block;vertical-align: bottom
}
.selectcompany ul li a:hover {
	background: #76A246;color:#fff;width: 108px;
}

.scrLeft .scrRight{
    margin-left: 30px;
    padding-top: 12px;
	position: relative;
	bottom: 12px;
}
.scrLeft .scrRight input{
	width: 16px;
    height: 16px;
    vertical-align: middle;
}
.scrLeft .scrRight p {
    display: inline-block;
    padding-left: 22px;
    background: url(../../images/buyOnline.png) no-repeat 0 0px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    color: #848282;
    font-family: "\5b8b\4f53";
}
.scrLeft .scrRight .pDetail {
    width: 213px;
    position: absolute;
    top: 50px;
    left: -92px;
    font-size: 12px;
    line-height: 26px;
    background: #fbe7c9;
    border: 1px solid #ff9700;
    padding: 0 15px;
    font-family: "\5b8b\4f53";
    border-radius: 3px;
    display: none;
}
.scrLeft .scrRight .pDetail span {
    display: block;
    width: 16px;
    height: 9px;
    background: url(../../images/upOnline.png) no-repeat;
    position: absolute;
    top: -8px;
    left: 50%;
	margin-left: -8px;
}
.scrLeft .scrRight:hover .pDetail{
	display: block;
}

.selectbox_area {
	width: 109px;
	position: absolute;
	height: 46px;
	text-indent: 20px;
	top:0;
	left: 111px;
	z-index: 9996;
	background: url(../../images/product/down.png) no-repeat 85px 21px;
	border-right: 1px solid #e6e6e6;
}
.selectbox_areadown{
	 width: 109px;
	position: absolute;
	height: 46px;
	top:0;
	text-indent: 20px;
	left: 111px;
	z-index: 9996;
	background: url(../../images/product/up.png) no-repeat 85px 21px;
	border-right: 1px solid #e6e6e6;
}

.selectbox_model,.selectbox_modeldown {
	left: 0;
	width: 109px;
	height: 46px;
	line-height: 46px;
	position: absolute;
	top:0;
	border-right: 1px solid #e6e6e6;
	text-align: center;
}
.selectbox_time a,
.selectbox_model a,
.selectbox_area a,.selectbox_areadown a,.selectbox_modeldown a {
	color: #333;
	font: normal 14px/46px "Microsoft Yahei";
}
.selectbox_model a,.selectbox_modeldown a{
	font-weight: 700;
	color: #1669c5!important;
}

.selectarea {
	width: 261px;
	position: absolute;
	z-index: 999;
	top: -1px;
	left: 0px;
	background: #fff;
}
.selectarea ul{
width: 254px;
position: absolute;
border: 1px solid #e4e4e4;
background: #fff;
top: 46px;
left: 107px;
}
.selectarea ul li{
   float:left;
}
.selectarea ul li.allareaz{
	width:100%;
    background:#76A246;
}
.selectarea ul li.allareaz a{
color: #fff;
}
.selectarea ul li a{
  display:block;
  color:#868a8f;
  padding: 5px 10px;
}
.selectarea ul li a:hover{background: #76A246;color:#fff;}


.up{background: url(../../images/product/classify.png) no-repeat 0px -139px;width: 20px;height: 24px;position: absolute;top: 0;left: 35px;}

.down{background: url(../../images/product/classify.png) no-repeat 0px -161px;width: 20px;height: 24px;position: absolute;bottom: 0;left: 35px;}

.btnBox{width: 215px;left: 305px;}
.btnBox p{float: left;line-height:46px;height: 46px;margin-left: 10px;}
.btnBox p input{width: 60px;height: 23px; border: 1px solid #dfdfdf;text-align: center;line-height: 23px;color: #999;}
.btnBox p span{color: #999;height: 43px;line-height: 43px;}
.btnBox p button{width: 40px;height: 23px;background: #1669c5;border: 1px solid #1669c5;margin-left: 8px;cursor: pointer;color: #fff;font-family: "microsoft yahei";border-radius: 2px;}
.switchBox{
	width: 105px;
	height: 22px;
	border: 1px solid #E6E6E6;
	position: absolute;
	left: 543px;
	top: 12px;
}
.switchBox a{
	width: 52px;
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	color: #999;
	text-align: center;
}
.switchBox a.borderL{
	border-left: 1px solid #e6e6e6;
}
.switchBox i{
	font-size: 12px;
	line-height: 22px;
	color: #999;
	margin-right: 3px;
}
.switchBox i.icon-menu{
	position: relative;
	top: 1px;
}
.switchBox a.on{
	background: #fff;
}
.switchBox a.on,.switchBox a.on i{
	color: #1669c5;
}
.scrRight{
	font-size: 12px;
	line-height: 46px;
	color: #333;
	float: right;
	margin-right: 15px;
}
.scrRight span{
	color: #1669c5;
}
.proBox2,.recommed,.link{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}

/* datu start */
.proBox1 ul{
	margin-left: -13px;
	float: left;
}
.lostpro ul li{
	width: 440px !important;
	float: left !important;
	margin-left: 10px !important;
	position: relative !important;
	margin-top: 0 !important;
	height: 24px !important;
}
.proBox1 ul li {
	width: 225px;
	height: 345px;
	float: left;
	margin-top: 15px;
	position: relative;
	border: 1px solid #e6e6e6;
	margin-left: 13px;
}
.proBox1 ul li:hover{
	box-shadow: 0 0 10px #e5e5e5;
}
.proBox1 ul li table {
	width: 224px;
	height: 224px;
	margin: 0;
	margin-bottom: 5px;
	position: relative;
}
.proBox1 ul li table td{
	width: 224px;
	height: 224px;
	text-align: center;
	vertical-align: middle;
}
.proBox1 ul li table td i {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("https://public.mtnets.com/Images/public/adv.png") no-repeat;
}
.proBox1 ul li>b{
	font-size: 20px;
	line-height: 30px;
	color: #f60;
	display: block;
	padding-left: 10px;
	height: 30px;
	overflow: hidden;
}
.proBox1 ul li>b span{
	font-size: 14px;
}
.proBox1 ul li .title{
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	font-weight: normal;
	padding-left: 10px;
	display: block;
}
.proBox1 ul li .title a{
	color: #333;
}
.proBox1 ul li .title a:hover{
	color: #f60;
}
.proBox1 ul li b em{
	display: inline-block;
	padding: 0 5px;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	font-style: normal;
	margin: 5px 0 0 0;
	float: right;
	font-weight: normal;
}
.proBox1 ul li .title em{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/buyOnline.png) no-repeat;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.proBox1 ul li p{
	font-size: 12px;
	line-height: 25px;
	color: #999;
	padding-left: 10px;
	height: 25px;
	position: relative;
	overflow: hidden;
}
.proBox1 ul li p i{
    display: inline-block;
    width: 23px;
    height: 22px;
    margin-left: 10px;
    vertical-align: middle;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
i.companyAuth{
	background: url(../../images/product/authentication.png) no-repeat 0 0;
}
i.personAuth{
	background: url(../../images/product/authentication.png) no-repeat -31 0;
}
i.noAuth{
	background: url(../../images/product/authentication.png) no-repeat -62px 0;
}



.year{width: 197px;overflow: hidden;color: #bca4a4;position: relative;margin-top: 3px;}
.year b{display: block; width: 94px; height: 20px; position: absolute; text-align:right;margin-top: 3px;left: 10px;}
.proBox1 ul li:hover .year b{border: 0;}
.year b.free{vertical-align: middle; left: 47px; background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 0px;}
.year b.primary{vertical-align: middle; background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 -25px;}
.year b.intermediate{vertical-align: middle; background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 -51px;}
.year b.senior{vertical-align: middle; background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 -78px;}
.year b.topLevel{vertical-align: middle; background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 -102px;}
.year span{color: #766969;margin-left: 113px;font-size: 16px;float: left;}
.year span font{font: bold 16px/18px "microsoft yahei";color: #ff002f;margin: 0 4px;}

.wrapper .List li {
	margin-top: 12px;
	padding: 15px;
	border: 1px solid #e6e6e6;
	position: relative;
}
b.biaowang {
	width: 70px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../images/product/biaowang.png) no-repeat 0 -0;
}
b.baozuo {
	width: 70px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../../images/product/biaowang.png) no-repeat 0 -51px;
}
.wrapper .List li:hover {
	border-color: #1669c5;
}
.wrapper .List li .image {
	width: 210px;
	float: left;
	margin-right: 20px;
	position: relative;
}
.wrapper .List li .image i {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("https://public.mtnets.com/Images/public/adv.png") no-repeat;
}
.wrapper .List li:first-child {
	margin-top: 0;
}
.wrapper .List li .image img {
	width: 100%;
}
.wrapper .List li .image a {
	display: block;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
}
.wrapper .List li .image img {
	max-height: none;
}
.wrapper .List .detail {
	float: right;
	width: 315px;
	padding-left: 40px;
	box-sizing: border-box;
	position: relative;
}
.wrapper .List .detail p {
	font-size: 16px;
	font-weight: bold;
	margin-top: 6px;
}
.wrapper .List .detail p a {
	color: #333;
}
.wrapper .List .detail p a:hover {
	color: #1669c5;
}
.wrapper .List .detail p i {
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(../../images/product/qi.png) no-repeat;
	background-size: auto;
	vertical-align: top;
	margin-left: 7px;
	margin-top: 4px;
	background-size: 100% auto;
}
.wrapper .List .detail .vip {
	margin-top: 15px;
}
.wrapper .List .detail .vip i {
	width: 88px;
	height: 22px;
	display: inline-block;
	background: url(../../images/product/level1.png) no-repeat;
	background-size: 100% auto;
	vertical-align: top;
	margin-top: -2px;
}
.wrapper .List .detail .vip span {
	height: 14px;
	display: inline-block;
	margin-left: 12px;
	padding-left: 12px;
	line-height: 1;
	position: relative;
	font-size: 14px;
	margin-top: 0;
	color: #999;
}
.wrapper .List .detail .vip span b {
	font-size: 18px;
	color: #01b770;
	margin: 0 5px;
	width: auto;
}
.wrapper .List .detail .vip span::after {
	height: 14px;
	width: 1px;
	content: "";
	clear: both;
	position: absolute;
	background-color: #cacaca;
	left: 0;
	top: 2px;
}
.wrapper .List .detail .vip2 i{
	background: url(../../images/product/level2.png)  no-repeat left 0px;
}
.wrapper .List .detail .vip2 span b {
	color: #ff8519;
}
.wrapper .List .detail .vip3 i {
	background: url(../../images/product/level3.png) no-repeat left 0px;
}
.wrapper .List .detail .vip3 span b{
	color: #ff4857;
}
.wrapper .List .detail .vip4 i {
	background:url(../../images/product/level4.png) no-repeat left 0px;
}
.wrapper .List .detail .vip4 span b {
	color: #e03cfb;
}
.wrapper .List .detail .topLevel i {
	background: url(https://www.hbzhan.com/images/company/member_icon4.png) no-repeat;
}
.wrapper .List .detail .topLevel span b {
	color: #fe8a45;
}
.wrapper .List .detail .topLevel2 i {
	background: url(https://www.hbzhan.com/images/company/member_icon5.png) no-repeat;
}
.wrapper .List .detail .topLevel2 span b {
	color: #fb4949;
}
.wrapper .List .detail .topLevel3 i {
	background: url(https://www.hbzhan.com/images/company/member_icon6.png) no-repeat;
	width: 95px;
}
.wrapper .List .detail .topLevel3 span b {
	color: #d452ff;
}
.wrapper .List .detail .topLevel5 i {
	background: url(https://www.hbzhan.com/images/company/member_icon8.png) no-repeat;
	width: 110px;
}
.wrapper .List .detail .topLevel5 span b {
	color: #d452ff;
}
.wrapper .List .detail .free i {
	background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 4px;
}
.wrapper .List .detail .free span b {
	color: #999;
}
.wrapper .List .detail::after {
	content: "";
	clear: both;
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: #e6e6e6;
	left: 0;
	top: 10px;
}
.wrapper .List .detail span {
	display: block;
	font-size: 14px;
	color: #333;
	margin-top: 10px;
}
.wrapper .List .detail span i {
	display: inline-block;
	vertical-align: top;
	width: 12px;
}
.wrapper .List .detail span b {
	font-size: 14px;
	color: #999;
	font-weight: bold;
	display: inline-block;
	width: 60px;
	margin-left: 7px;
	margin-right: 15px;
}
.wrapper .List .detail a.btn {
	width: 240px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #B1D983;
	display: block;
	text-align: center;
	color: #1669c5;
	font-size: 14px;
	margin-top: 24px;
	font-weight: bold;
}
.wrapper .List .detail a.btn:hover {
	background-color: #1669c5;
	color: #fff;
}
.List .leftBox {
	overflow: hidden;
}
.List .leftBox .introduce {
	overflow: hidden;
	padding-right: 45px;
}
.List .introduce h3 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 5px;
}
.List .introduce h3 a {
	color: #333;
	float: left;
	max-width: 365px;
	height: 28px;
	overflow: hidden;
	line-height: 28px;
}
.List .introduce h3 a:hover {
	color: #1669c5;
}
.List .introduce h3 span {
	font-size: 14px;
	color: #fe4f32;
	float: right;
	margin-top: 0;
}
.List .introduce h3 span b {
	font-size: 22px;
	font-weight: normal;
}
.List .introduce span {
	color: #999;
	font-size: 12px;
	margin-top: 8px;
	display: block;
}
.List .introduce span mark {
	color: #f90;
	background-color: #fff5e7;
	display: inline-block;
	padding: 0 15px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	margin-top: 10px;
	margin-right: 10px;
}
.List .introduce table {
	border-right: 1px solid #e6e6e6;
	margin-top: 13px;
	width: 100%;
	font-size: 12px;
	text-align: center;
}
.List .introduce td:nth-child(2n+1) {
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
	width: 95px;
}
.List .introduce td:nth-child(2n) {
	text-align: center;
	line-height: 38px;
	color: #666;
	border: 1px solid #e6e6e6;
	margin-top: -1px;
	border-left: 0;
	border-right: 0;
	width: 160px;
}
.List .introduce td span {
	margin-top: 0;
}
.List .introduce td b {
	font-weight: normal;
	height: 38px;
	display: block;
	overflow: hidden;
}
.List .introduce p {
	margin-top: 12px;
	position: relative;
	height: 20px;
}
.List .introduce p span {
	color: #666;
	width: 495px;
	display: inline-block;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
}
.List .introduce p a {
	color: #999;
	position: absolute;
	right: 0;
	top: -6px;
	font-size: 12px;
	line-height: 30px;
	background: url(../../images/proCompla.png) no-repeat 0 9px;
	padding-left: 18px;
	transition: all;
}
.List .introduce p a.clicked0 {
	color: #1669c5;
	background: url(../../images/clicked0.png) no-repeat 0 center;
}
.List .introduce p a i {
	font-size: 10px;
	margin-right: 3px;
	border: 1px solid #999;
	border-radius: 2px;
	width: 12px;
	height: 12px;
	display: inline-block;
	line-height: 12px;
	vertical-align: top;
	margin-top: 3px;
	text-indent: -9999px;
	overflow: hidden;
}
.List .introduce p a.clicked0 {
	color: #1669c5;
}
.List .introduce p a.clicked0 i {
	color: #fff;
	text-indent: 1px;
	background-color: #1669c5;
	border: 1px solid #1669c5;
}

.reTitle{
	height: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.reTitle h2{
	font-size: 20px;
	line-height: 30px;
	color: #1669c5;
}
.reTitle h2 span{
	font-size: 12px;
	color: #dcdcdc;
	font-weight: normal;
}
.recommed ul{
	float: left;
	width: 1200px;
	margin-left: -20px;
}
.recommed ul li{
	width: 180px;
	height: 226px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.recommed ul li table{
	width: 178px;
	height: 144px;
	border: 1px solid #ddd;
}
.recommed ul li table td{
	width: 178px;
	height: 144px;
	text-align: center;
	vertical-align: middle;
}
.recommed ul li table td img{
	max-width: 178px;
	max-height: 144px;
}
.recommed ul li b{
	font-size: 16px;
	line-height: 30px;
	color: #f60;
	display: block;
	margin-top: 5px;
}
.recommed ul li b span{
	font-size: 14px;
}
.recommed ul li h3{
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
}
.recommed ul li h3 a{
	color: #333;
}
.recommed ul li p{
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.recommed ul li p a{
	color: #999;
}
.recommed ul li h3 a:hover,.recommed ul li p a:hover{
	color: #f60;
}
.link{
	margin: 40px auto;
}
.link p{
	font-size: 14px;
	line-height: 30px;
	padding-top: 10px;
}
.link p a{
	color: #333;
	margin-right: 10px;
}
.link p a:hover{
	color: #1669c5;
}
.newspages {
	width: 840px;
	margin: 0 auto;
	height: 40px;
	clear: both;
	padding: 50px 0 20px;
	text-align: center;
	font: normal 14px/40px "Tahoma";
	color: #666;
}
.pages-tip {
	width: 840px;
	margin: 0 auto 35px;
	font-size: 14px;
	line-height: 1.4;
	clear: both;
}
.pages-tip .pages-otherexi {
	display: inline-block;
}
.pages-tip .pages-otherexi li {
	display: inline-block;
}
.pages-tip a {
	color: #1669c5;
}
.pages-tip a:hover {
	color: #f60;
}
.newspages a{ padding: 0 17px; height: 38px; display: inline-block; border:1px solid #e6e6e6; border-left: 0; text-align: center; font:normal 14px/38px "Tahoma"; color: #666666; vertical-align: middle; }
.newspages a.ft{width: 52px;padding: 0; border-left: 1px solid #e6e6e6;border-right:0;background: url(../../images/product/pageBg.png) no-repeat 0 0;}
.newspages a.next{margin-right:15px;width: 52px;padding: 0;background: url(../../images/product/pageBg.png) no-repeat -199px 0; }
.newspages a.prev{width: 64px;padding: 0;background: url(../../images/product/pageBg.png) no-repeat -54px 0;   border-left: 1px solid #e6e6e6; }
.newspages a.lt{width: 64px;padding: 0;background: url(../../images/product/pageBg.png) no-repeat -134px 0;}
.newspages a.on{background: #1669c5;border: 1px solid #1669c5;border-left: 0;color: #fff;font-weight: bold;}
.newspages input{ width: 46px; height: 38px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 14px/38px "Tahoma"; margin: 0 10px; vertical-align: middle; }
.newspages button{ width: 58px; height: 40px; display: inline-block; text-align: center;outline: none;border: none;border-radius: 3px; font:normal 14px/40px "Tahoma"; vertical-align: middle; cursor: pointer; background: #1669c5;color: #fff; }
.jump i{font-style: normal;color: #1669c5;}
.newspages .jump{
	display: none;
}

.sideBar{
	width: 96px;
	height: 274px;
	position: fixed;
	left: 3px;
	top: 50%;
	margin-top: -137px;
	text-align: center;
}
.sideBar h2{
	font-size: 14px;
	line-height: 34px;
	color: #fff;
	height: 36px;
	background: url(../../images/product/classify.png) no-repeat 0 -195px;
}
.sideBar ul{
	width: 80px;
	margin: 0 auto;
	border: 1px solid #f3f3f3;
	box-shadow: 0 3px 5px #f3f3f3;
	border-top: none;
}
.sideBar ul li{
	height: 34px;
	border-bottom: 1px solid #f5f5f5;
	font-size: 12px;
	line-height: 34px;
}
.sideBar ul li a{
	color: #666;
}

.sideBar ul li:hover{
	background: #1669c5;
}
.sideBar ul li:hover a{
	color: #fff;
}
/* datu end */

/* list start*/
.proBox2{
	margin-top: 20px;
}
.proBox2 dl{
	width: 932px;
	float: left;
	padding: 20px 0;
	/*overflow: hidden;*/
	position: relative;
}
.proBox2 dl .baozuo{

}
.proBox2 dl .biaowang{

}
.proBox2 dl:hover{
	box-shadow: 0 0 5px #bababa;
}
.proBox2 dl dt{
	width: 200px;
	height: 200px;
	float: left;
}
.proBox2 dl dt table{
	width: 200px;
	height: 200px;
}
.proBox2 dl dt table td{
	width: 200px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}
.proBox2 dl dt table td img{
	max-width: 200px;
	max-height: 200px;
}
.proBox2 dl dd{
	width: 710px;
	float: right;
	position: relative;
}
.proBox2 dl dd .year{
	position: absolute;
	top: 125px;
	right: -8px;
}
.proBox2 dl dd h3{
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	font-weight: normal;
}
.proBox2 dl dd h3 a{
	color: #333;
}
.proBox2 dl dd h3 a:hover{
	color: #1669c5;
}
.proBox2 dl dd>b{
	font-size: 20px;
	line-height: 30px;
	color: #f60;
	font-weight: normal;
	display: block;
	margin: 8px 0 10px;
}
.proBox2 dl dd>b span{
	font-size: 14px;
}
.proBox2 dl dd ul{
	width: 560px;
	overflow: hidden;
}
.proBox2 dl dd ul li{
	min-width: 150px;
	float: left;
	font-size: 12px;
	line-height: 25px;
	color: #666;
	margin-bottom: 4px;
	height: 25px;
	overflow: hidden;
	margin-right: 5px;
}
.proBox2 dl dd ul li span{
	color: #999;
	margin-right: 8px;
	display: inline-block;
	width: 48px;
}
.proBox2 dl dd p{
	font-size: 12px;
	line-height: 20px;
	color: #666;
	overflow: hidden;
}
.proBox2 dl dd p span{
	color: #999;
	margin-right: 15px;
	display: inline-block;
	width: 48px;
	float: left;
}
.proBox2 dl dd p i{
	width: 450px;
	float: left;
	font-weight: normal;
	font-style: normal;
}
.proBox2 dl dd a.negot{
	width: 94px;
    height: 34px;
    display: block;
    font: normal 12px/34px "Tahoma","Microsoft Yahei";
    text-align: center;
    color: #fff;
	background: #f60;
	position: absolute;
	top: 30px;
	right: 54px;
}
.proBox2 dl dd a.line-xun{
	width: 94px;
    height: 34px;
    display: block;
    font: normal 12px/34px "Tahoma","Microsoft Yahei";
    text-align: center;
    color: #fff;
	background: #1669c5;
	position: absolute;
	top: 80px;
	right: 54px;
}


.proBox2 dl dd ul li i{
	display: inline-block;
    width: 23px;
    height: 22px;
    margin-left: 10px;
    vertical-align: middle;
}

.lostpro {
	width: 450px;
	float: left;
	background: url(../../images/lostpro.jpg) no-repeat;
	margin: 50px 0 0;
	margin-left: 282px;
	padding-left: 165px;
	padding-bottom: 40px;
}
.lostpro span{font: 22px/34px "Microsoft Yahei";color: #333;}
.lostpro p{font: 12px/24px "\5b8b\4f53";color: #767676;}
.lostpro ul{font: 12px/24px "\5b8b\4f53";color: #767676;}
.lostpro ul li{background: url("https://www.zyzhan.com/images/caigouSearch.png") no-repeat -143px -30px;padding-left: 12px;}
a.entr{width: 87px; height: 22px;display: block;background: #ff6600;text-align: center;float: right; font: 12px/22px "\5b8b\4f53";color: #fff;}
a.qq img{vertical-align: middle;}
/* list end*/


.bao,.biao{
	width: 70px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
.proBox2{
	overflow: visible;
}
.proBox2 dl dd .biao,.proBox2 dl dd .bao{
	left: -240px;
	top: -20px;
}
.biao{
	background: url(../../images/product/biaowang.png) no-repeat;
}
.bao{
	background: url(../../images/product/biaowang.png) no-repeat 0 -51px;
}




/*4.17*/
.mainLeft h2{font-size: 14px; line-height: 34px; color: #fff; height: 36px; background: url(../../images/product/classify.png) no-repeat 0 -195px;}
.mainLeft{width: 96px;position: fixed; left: calc((100% - 1372px)/2); top: 50%; margin-top: -137px; text-align: center;z-index: 99999;background: #fff;}
.mainLeft ul{
	width: 80px;
    margin: 0 auto;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 5px #f3f3f3;
    border-top: none;
}
.mainLeft li{
	height: 34px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px;
	line-height: 34px;
	overflow: hidden;
}
.mainLeft li:hover{
	background: #1669c5;
}
.listLeft:hover a{
	color: #fff;
}
.mainLeft li.hover .listLeft a{
	color: #fff;
}

.listLeft{
	height: 34px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px;
    line-height: 34px;
}
.listLeft b{width:16px;height:16px;display:block;float:left;margin:9px 5px 0 0;}

.listLeft a{font: normal 14px/34px "Microsoft Yahei";color: #666;}

.listRight {
	width: 420px;
	height: 366px;
	padding: 18px 20px 0;
	position: absolute;
	top: 0px !important;
	left: 89px;
	background: #fff;
    display:none;
	z-index: 999;
	border: 1px solid #ddd;
	overflow: hidden;
}
.listRight p{
	line-height: 24px;
	width: 96px;
	display: inline-block;
	font-size: 12px;
	color: #666;
	margin-right: 6px;
	height: 24px;
	overflow: hidden;
}
.listRight p a{
	color: #666;
}
.listRight p a:hover{
	color: #f60
}
.first{
	text-align: left;
}


/*5.13*/
.TopRight {
	width: 270px;
	float: right;
}
.proBoxRight {
	margin-top: 15px;
}

.proBoxRight ul {
	border: 2px solid #45b870;
	border-top: none;
	/* margin-bottom: 20px; */
}
.proBoxRight ul li{
	border-bottom: 1px dashed #e6e6e6;
    text-align: center;
}

.proBoxRight ul li p{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	background: #1669c5;
}
.proBoxRight ul li p a{
	color: #fff;
}
.titleList {
	height: 40px;
	position: relative;
	background-image: -moz-linear-gradient( 0deg, rgb(50,177,122) 0%, rgb(98,194,98) 100%);
  	background-image: -webkit-linear-gradient( 0deg, rgb(50,177,122) 0%, rgb(98,194,98) 100%);
  	background-image: -ms-linear-gradient( 0deg, rgb(50,177,122) 0%, rgb(98,194,98) 100%);
}
.titleList h3 {
	position: absolute;
	left: 7px;
	bottom: 1px;
	padding: 0 12px;
}
.titleList h3 a {
	font: 18px/39px "Microsoft Yahei";
	color: #fff;
	font-weight: bold;
}
.titleList a.more {
	color: #fff;
	position: absolute;
	right: 7px;
	height: 39px;
	line-height: 39px;
	text-indent: 13px;
}

.wrapper{
	width: 1180px;
	margin: 0 auto;
}
.proBox2{
	width: 932px;
	float: left;
}
.proBoxRight1 ul.video li h2 {
	margin-top: 0;
	text-align: center;
	height: 42px;
	line-height: 42px;
	font-weight: bold;
}
.proBoxRight1 .videoImg {
	height: 100px;
	float: left;
	width: 100px;
}
.proBoxRight1 .text {
	overflow: hidden;
}
.proBoxRight1 ul.video li h3 {
	line-height: 16px;
	padding-left: 5px;
	height: 16px;
	overflow: hidden;
}
.proBoxRight1 ul.video li {
	padding: 0 5px 8px;
}
.proBoxRight1 ul.video .year {
	width: auto;
	margin-top: 5px;
}
.proBoxRight1 .year b {
	width: 94px;
	height: 20px;
	left: 5px;
}
.proBoxRight1 .year span {
	margin-left: 100px;
	font-size: 12px;
}
.proBoxRight1 .year span font {
	font: bold 14px/18px "microsoft yahei";
	margin: 0 0px;
}
.proBoxRight1 ul.video .year i {
	left: 117px;
}
.proBoxRight1 ul.video li .text > b {
	font-size: 18px;
	line-height: 20px;
	color: #f60;
	display: block;
	padding-left: 5px;
	height: 20px;
	overflow: hidden;
	margin-top: 10px;
}
.proBoxRight1 ul.video li .text > b span {
	font-size: 12px;
}
.proBoxRight1 .date {
	color: #999;
	padding-left: 5px;
	margin-top: 5px;
}
.proBoxRight1 ul.video li b em {
	padding: 0;
	margin: 0;
	float: none;
}
/*5.24*/
.banners{width:1430px; overflow:hidden;margin: 0 auto;}
.banners ul{ width: 1440px; display: inline; float: left; margin: 0px 0 0 -5px; }
.banners ul li{ display: block; float: left; padding: 0px 5px 0px 5px; margin: 15px 0;}
.banners ul li a,.banners ul li { float: left; }


.newsBox{
	width: 1180px;
	margin: 0 auto;
}
.newsBoxLeft{
	width: 848px;
	float: left;
	border: 1px solid #e6e6e6;
}
.newsBoxTitle{
	height: 56px;
	background: #fafafa;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 20px;
}
.newsBoxTitle h2{
	font-size: 20px;
	line-height: 56px;
	background: url(../../images/product/adds.png) no-repeat 0 16px;
	padding-left: 33px;
}
.newsBoxTitle h2 a{
	color: #333;
}
.newsBoxLeft .item{
	padding: 17px 24px;

}
.newsBoxLeft .text{
	background-color: #f4f8f0;
	padding: 15px 22px;
}
.newsBoxLeft .text h2{
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	font-size: 20px;
	text-align: center;
	position: relative;
}
.newsBoxLeft .text h2 i{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-style: normal;
	color: #fff;
	background-image: -moz-linear-gradient( 0deg, rgb(255,97,35) 0%, rgb(255,0,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,97,35) 0%, rgb(255,0,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,97,35) 0%, rgb(255,0,0) 100%);
	border-radius: 6px 6px 0 6px;
	top: 4px;
	vertical-align: top;
	margin-right: 5px;
}
.newsBoxLeft .text h2 a{
	color: #333;
}
.newsBoxLeft .text span{
	display: block;
	line-height: 21px;
	height: 42px;
	overflow: hidden;
	font-size: 14px;
	color: #666;
	margin-top: 10px;
	text-indent: 28px;
}
.newsBoxLeft .text span a{color: #ff8a3c;}
.newsBoxLeft ul{
	overflow: hidden;
}
.newsBoxLeft li{
	float: left;
	width: 420px;
	box-sizing: border-box;
	padding-left:26px;
	position: relative;
	font-size: 14px;
	margin-top: 12px;
}
.newsBoxLeft li:nth-child(2n){
	margin-left: 125px;
}
.newsBoxLeft li a{
	float: left;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	width: 310px;
	color: #333;
}
.newsBoxLeft li a:hover{color: #1669c5;}
.newsBoxLeft li span{
	float: left;
	width: 50px;
	margin-left: 34px;
	color: #999;
}
.newsBoxLeft li i{
	position: absolute;
	left: 6px;
	top: 50%;
	margin-top: -2.5px;
	width: 5px;
	height: 5px;
	background-color: #1669c5;
	border-radius: 50%;
}


.newsBoxRight{
	width: 298px;
	float: right;
	border: 1px solid #e6e6e6;
}
.newsBoxRight .newsBoxTitle h2{
	background: url(../../images/product/adds.png) no-repeat 0 -33px;
}
.newsBoxRight ul{
	padding: 14px 15px 15px;
	overflow: hidden;
}
.newsBoxRight ul li{
	font-size: 14px;
	line-height: 27px;
	padding-left: 12px;
	height: 27px;
	overflow: hidden;
	background: url(../../images/product/adds.png) no-repeat 0 -82px;
}
.newsBoxRight ul li a{
	color: #333;
}
.newsBoxRight ul li a:hover{
	color: #f60;
}


.mainLeft h2{font-size: 14px; line-height: 34px; color: #fff; height: 36px; background: url(../../images/product/classify.png) no-repeat 0 -195px;}
.mainLeft{width: 96px;position: fixed; left: calc((100% - 1372px)/2); top: 50%; margin-top: -137px; text-align: center;z-index: 99999;background: #fff;}
.mainLeft ul{
	width: 80px;
    margin: 0 auto;
    border: 1px solid #f3f3f3;
    box-shadow: 0 3px 5px #f3f3f3;
    border-top: none;
}
.mainLeft li{
	height: 34px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px;
	line-height: 34px;
	overflow: hidden;
}
.mainLeft li:hover{
	background: #1669c5;
}
.listLeft:hover a{
	color: #fff;
}
.mainLeft li.hover .listLeft a{
	color: #fff;
}

.listLeft{
	height: 34px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 12px;
    line-height: 34px;
}
.listLeft b{width:16px;height:16px;display:block;float:left;margin:9px 5px 0 0;}

.listLeft a{font: normal 14px/34px "Microsoft Yahei";color: #666;}

.listRight {
	width: 420px;
	height: 366px;
	padding: 18px 20px 0;
	position: absolute;
	top: 0px !important;
	left: 89px;
	background: #fff;
    display:none;
	z-index: 999;
	border: 1px solid #ddd;
	overflow: hidden;
}
.listRight p{
	line-height: 24px;
	width: 96px;
	display: inline-block;
	font-size: 12px;
	color: #666;
	margin-right: 6px;
	height: 24px;
	overflow: hidden;
}
.listRight p a{
	color: #666;
}
.listRight p a:hover{
	color: #f60
}
.first{
	text-align: left;
}
.videoImg {
	position: relative;
	height: 164px;
	/* padding-bottom: 61.8%; */
	overflow: hidden;
}
.videoImg img {
	/* max-height: none; */
	width: 100%;
	height: 100%;
}
.videoImg .video-icon{
	height: 48px;
	width: 48px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -24px;
	margin-top: -24px;
	background: url(../../Images/video-icon.png) 0 0 no-repeat;
}
ul.video li {
	text-align: left;
	padding-bottom: 19px;
}
ul.video li span a{
	color: #555;
    font-size: 12px;
    line-height: 18px;
    height: 36px;
	overflow: hidden;
	display: block;;
	text-align: left;
}
ul.video li > b {
	font-size: 18px;
	line-height: 20px;
	color: #f60;
	display: block;
	padding-left: 10px;
	height: 20px;
	overflow: hidden;
	margin-top: 18px;
}
ul.video li>b span{
	font-size: 18px;
}
ul.video li h2 {
	font-size: 14px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	font-weight: normal;
	padding: 0 10px;
	margin-top: 5px;
}
ul.video .year {
	height: 20px;
	margin-top: 0;
}
ul.video .year i {
	background: url(../../images/product/qi.png) no-repeat;
	width: 14px;
	height: 14px;
	margin-top: 4px;
}
ul.video .year b {
	display: inline-block;
	position: static;
	margin: 0;
}
ul.video .year span {
	display: none;
}
ul.video li h2 a{
	color: #333;
}
ul.video li h2 a:hover{
	color: #f60;
}
ul.video li b em {
	display: inline-block;
	padding: 0 5px;
	font-size: 12px;
	line-height: 20px;
	color: #999;
	font-style: normal;
	margin: 0px 10px 0 0;
	float: right;
	font-weight: normal;
}
ul.video  li h2 em{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../../images/buyOnline.png) no-repeat;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
ul.video li h3 {
	font-size: 12px;
	line-height: 30px;
	color: #999;
	padding-left: 10px;
	font-weight: normal;
}
ul.video  li h3  i{
    display: inline-block;
    width: 23px;
    height: 22px;
    margin-left: 10px;
    vertical-align: middle;
}



.year{width: 203px;overflow: hidden;color: #bca4a4;position: relative;margin-top: 3px;height: 20px;padding-left: 8px;}
.year b {
	display: block;
	width: 94px;
	height: 20px;
	position: static;
	text-align: right;
	line-height: 22px;
	float: left;
	margin-top: 0;
}
.proBox1 ul li:hover .year b{border: 0;}
.year b.free{vertical-align: middle; left: 10px; background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 0px;}
.year b.primary{vertical-align: middle; background: url(../../images/product/level1.png) no-repeat left 0px}
.year b.intermediate{vertical-align: middle; background: url(../../images/product/level2.png) no-repeat left 0px}
.year b.senior{vertical-align: middle; background: url(../../images/product/level3.png) no-repeat left 0px}
.year b.topLevel{vertical-align: middle; background: url(https://www.hbzhan.com/images/company/member_icon4.png) no-repeat;margin-top: 0;}
.year b.topLevel2{vertical-align: middle; background: url(https://www.hbzhan.com/images/company/member_icon5.png) no-repeat;margin-top: 0;}
.year b.topLevel3{vertical-align: middle; background: url(https://www.hbzhan.com/images/company/member_icon6.png) no-repeat;margin-top: 0;}
.year b.topLevel5{vertical-align: middle; background: url(https://www.hbzhan.com/images/company/member_icon8.png) no-repeat;width: 120px;}
.year span {
	color: #766969;
	margin-left: 3px;
	font-size: 13px;
	float: left;
}
.year span font {
	font: bold 16px/18px "microsoft yahei";
	color: #ff002f;
	margin: 0 2px;
}


.backHome {
	width: 54px;
	position: relative;
}

.backHome a.guest,
.backHome a.guest,
.backHome a.price,
.backHome a.rightWx,
.backHome a.back,
.backHome .qq ,
.backHome a.compare{
	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 -228px #76a346;
}

.backHome img {
	position: absolute;
	right: 65px;
	top: 153px;
	max-width: 100px;
	width: 100px;
	height: 100px;
	display: none;
}

.toTop {
	width: 54px;
	height: 54px;
	position: fixed;
	_position: absolute;
	top: 559px;
	_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: 151px;
	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";
}

.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;
}
.backHome a.compare {
    background: url(/images/rightCom.png) no-repeat 15px 7px #76a346;
}
.appBot {
	position: absolute;
	top: 0;
	right: 60px;
	display: none;
}

.appBot img {
	max-width: 223px;
	width: auto;
	height: auto;
	position: static;
	display: block;
}
.comBox {
	overflow: hidden;
	width: 108px;
	position: fixed;
	top: 153px;
	display: block;
	right: 74px;
	z-index: 99999;
	background: #fff;
}
.comBox p.title {
	height: 32px;
	line-height: 32px;
	color:#fff;
	background:#1669c5;
	font-size: 12px;
	padding: 0 8px;
	width: 106px;
}
.comBox p.title a {
    display: block;
    width: 16px;
    height: 16px;
    background: url("/images/product/close1.png") no-repeat center;
    position: absolute;
    top: 8px;
    right: 8px;
}
.comBox ul li {
	width: 106px;
	height: 80px;
	border: 1px solid #1669c5;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid transparent;
	text-align: center;
	padding-top: 10px;
	position: relative;
}
.comBox ul li img {
	max-width: 85px;
	max-height: 50px;
	margin-top: -3px;
}
.comBox ul li p {
	padding: 0 10px;
	line-height: 16px;
	max-height: 32px;
	overflow: hidden;
}
.comBox ul li p a {
	color: #333;
}
.comBox ul li.add a {
	color: #999;
	font-size: 12px;
	background: url(/images/proCompla.png) no-repeat 10px -83px;
	padding-top: 38px;
	position: absolute;
	top: 25px;
	left: 29px;
}
.comBox .btn a {
	display: block;
	width: 80px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background: #1669c5;
	text-align: center;
	margin: 0 auto;
	border-radius: 2px;
}
.comBox ul li a.empty {
	background-color: #fff;
	color: #1669c5;
	display: inline;
	line-height: 32px;
}
.comBox .btn {
	border: 1px solid #1669c5;
	/* border-top: 1px solid #e4e4e4; */
	border-top: 0;
	height: 58px;
	font-family: "microsoft yahei";
}
.comBox ul li a.close{
	display: none;
	width: 18px;
	height: 18px;
	position: absolute;
	top: -1px;
	right: -1px;
	background:#398901 url("/images/product/close1.png") no-repeat center;
}
.comBox ul li.pro:hover{
	border: 1px dashed #398901;
	/* border-bottom: 0; */
}
.comBox ul li.pro:hover a.close{
	display: block;
}
.backHome a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.complare {
	position: absolute;
	bottom: 0;
	width: 197px;
	border-top: 1px solid #dedede;
	padding: 0 10px;
	height: 30px;
}
.complare span {
	background: url(../../images/caigouSearch.png) no-repeat -138px -240px;
	color: #888;
	font: 14px/18px "\5b8b\4f53";
	padding: 3px 0 5px 18px;
	display: inline-block;
	margin-top: 3px;
	min-height: 12px;
}
.year a {
	color: #666;
	font-size: 12px;
	position: absolute;
	right: 0px;
	line-height: 22px;
	background: url(../../images/proCompla.png) no-repeat 0 5px;
	padding-left: 15px;
}
.year a:hover {
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
}
.year a.clicked0 {
	color: #1669c5;
	background: url(../../images/clicked0.png) no-repeat 0 center;
}
.complare1 {
	position: absolute;
	top: 156px;
	width: 197px;
	padding: 0 10px;
	right: 30px;
}
.complare1 a {
	color: #666;
	font-size: 12px;
	position: absolute;
	right: 40px;
	line-height: 30px;
	background: url(/images/proCompla.png) no-repeat 0 9px;
	padding-left: 18px;
}
.complare1 a.clicked0 {
	color: #1669c5;
	background: url(/images/clicked0.png) no-repeat 0 center;
}
ul.List li.baozuo {
	position: relative;
}
.toplist {
	overflow: hidden;
}
ul.List li .text-conten span {
	width: 100%;
	max-height: 52px;
	float: left;
	overflow: hidden;
	color: #8d8a8a;
	font-size: 14px;
	line-height: 26px;
	margin-top: 8px;
	height: auto;
}
ul.List li.biaowang{position: relative;}
ul.List li.biaowang b{display: block;background: url(../images/baiowang-icon.png) no-repeat;width: 67px;height: 67px;position: absolute;left: -4px;top: -4px;}
/* ul.List li.biaowang .text-conten span{ width: 485px;height: 36px;float: left;overflow: hidden; color: #8d8a8a;font: 12px/18px "\5b8b\4f53";margin-top: 8px;} */
ul.List li.biaowang table, ul.List li.baozuo table {
	width: 210px;
	height: 210px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}
ul.List li.biaowang table img, ul.List li.baozuo table img {
	width: 100%;
	max-height: 210px;
	max-width: 210px;
}
.List .baozuo h3 ,.List .biaowang h3{
	font-size: 20px;
	font-weight: normal;
	margin-top: 5px;
	height: 28px;
	overflow: hidden;
	line-height: 28px;
}
.List .baozuo h3 a,.List .biaowang h3 a {
	color: #333;
}
.List .baozuo h3 a:hover,.List .biaowang h3 a:hover {
	color: #1669c5;
}
.List .baozuo p ,.List .biaowang p {
	position: absolute;
	bottom: 27px;
	left: 238px;
	color: #999;
	font-size: 12px;
}
.text-conten {
	overflow: hidden;
	padding-right: 150px;
	font-family: "Microsoft Yahei";
}
/* .proList ul li.biaowang .text-conten span{ width: 485px;height: 36px;float: left;overflow: hidden; color: #8d8a8a;font: 12px/18px "Microsoft Yahei";margin-top: 8px;} */
.text-conten span{ width: 485px;height: 36px;float: left;overflow: hidden; color: #8d8a8a;font: 12px/20px "Microsoft Yahei";margin-top: 13px;}
.text-conten span i{font-style: normal;color: #333;float: left;}
.text-conten span em {
	font-style: normal;
	width: auto;
	overflow: hidden;
	display: block;
}
.text-conten span a{color: #8d8a8a;padding-right: 40px;display: inline-block;position: relative;}
a.line-xun {
	width: 94px;
	height: 34px;
	display: block;
	font: normal 12px/34px "Tahoma","Microsoft Yahei";
	text-align: center;
	color: #fff;
	background: #1669c5;
	position: absolute;
	top: 103px;
	right: 54px;
}
i.companyAuth {
	display: inline-block;
	width: 23px;
	height: 22px;
	margin-left: 10px;
	vertical-align: middle;
	float: none !important;
}
ul.List li.baozuo > b {
	background: url(../../images/product/biaowang.png) no-repeat 0 -51px;
	width: 70px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
ul.List li.biaowang > b {
	background: url(../../images/product/biaowang.png) no-repeat;
	width: 70px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
.findtop .selectedUl{
	overflow: hidden;
}
.findtop .selectedUl li {
	float: left;
	height: 26px;
	line-height: 26px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 0 10px;
	font-size: 14px;
	color: #f28216;
	text-indent: 4px;
	margin: 2px 10px 7px 0;
}
.findtop .selectedUl li em{
	display: inline-block;
	margin-left: 10px;
	width: 11px;
	height: 11px;
	background: url(https://www.hbzhan.com/images/Product/prolist_close.png) no-repeat;
	cursor: pointer;
}
/* footer */
.footer {
	margin-top: 20px;
	background: #232830;
	padding: 25px 0;
}
.footer-nav {
	height: 26px;
	line-height: 26px;
	text-align: center;
}
.footer-nav a {
	font-size: 16px;
	color: #d4d4d4;
	padding: 0 20px;
	position: relative;
}
.footer-nav a::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 18px;
	background: #414141;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.footer-nav a:last-child::after {
	display: none;
}
.footer p {
	color: #838383;
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
}
.footer .footer_img{
	display: block;
	height: 47px;
	width: 751px;
	background: url('../../../images/Version/2022/Index/copyright.png') no-repeat 0 0;
	background-size: auto 100%;
	margin: 15px auto 0;
}
.footer .footer_img li{
	float: left;
	width: 117px;
	height: 47px;
	margin-right: 9px;
}
.footer .footer_img li:last-child {
	margin-right: 0;
}
.footer .footer_img li a{
	display: block;
	height: 47px;
	width: 100%
}
/* footer End */
@font-face {
  font-family: 'bf';  /* Project id 3152797 */
  src: url('//at.alicdn.com/t/font_3152797_aln21ynprjc.eot?t=1647328981124'); /* IE9 */
  src: url('//at.alicdn.com/t/font_3152797_aln21ynprjc.eot?t=1647328981124#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//at.alicdn.com/t/font_3152797_aln21ynprjc.woff2?t=1647328981124') format('woff2'),
       url('//at.alicdn.com/t/font_3152797_aln21ynprjc.woff?t=1647328981124') format('woff'),
       url('//at.alicdn.com/t/font_3152797_aln21ynprjc.ttf?t=1647328981124') format('truetype'),
       url('//at.alicdn.com/t/font_3152797_aln21ynprjc.svg?t=1647328981124#bf') format('svg');
}
.wujin {
	font-family: "bf" !important;
	font-size: 16px;
	line-height: 1;
	font-style: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.rightBar {
	position: fixed;
	right: 15px;
	top: 138px;
	background-color: #fff;
	width: 54px;
	text-align: center;
	z-index: 999;
	border: 1px solid #e6e6e6;
}
.rightBar .box {
	position: relative;
}
.rightBar .box > a {
	display: block;
	height: 60px;
	padding-top: 12px;
	box-sizing: border-box;
	font-size: 12px;
	color: #333;
	position: relative;
}
.rightBar .box > a::after {
	content: "";
	clear: both;
	position: absolute;
	left: -10px;
	top: 0;
	right: 0;
	bottom: 0;
}
.rightBar .box > a:hover {
	color: #fff;
	background-color: #1669c5;
}
.rightBar .box > a i {
	display: block;
	margin: 0 auto;
	font-size: 20px;
	margin-bottom: 7px;
}

.rightBar div > a.focus {
	color: #fff;
	background-color: #1669c5;
}
.rightBar .box > a.focus i {
	background: url(../../../../images/Product/Version/2020/rightIcon2.png) no-repeat 0 0;;
}
.rightBar .service:hover .serviceBox {
	display: block;
}
.comBox ul li.add a {
	color: #999;
	margin-top: 34px;
	display: block;
}
.comBox ul li.add a i {
	width: 27px;
	height: 27px;
	display: inline-block;
	line-height: 27px;
	color: #999;
	background: url(../../../../images/products/version/2022/proCompla.png) no-repeat 0 -83px;
	margin-bottom: 10px;
}
.comBox {
	position: absolute;
	top: 0;
	display: block;
	right: 65px;
	z-index: 999;
	width: 116px;
	background-color: #fff;
	overflow: hidden;
	text-align: left;
	box-shadow: 0px 0px 7px 0px rgba(151, 133, 106, 0.21);
	display: none;
}
.comBox h2 {
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #1669c5;
    font-size: 12px;
    padding: 0px 8px;
}
.comBox h2 i {
	position: absolute;
	top: 8px;
	right: 8px;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
}
.comBox p.title {
	height: 32px;
	line-height: 32px;
	color:#fff;
	background:#1669c5;
	font-size: 12px;
	padding: 0 8px;
	width: 92px;
}
.comBox p.title a {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    right: 8px;
}
.comBox ul li {
	border: 1px solid transparent;
	border-bottom-color: #e4e4e4;
	text-align: center;
	position: relative;
	height: 116px;
}
.comBox ul li .comPro {
	padding-top: 13px;
}
.comBox ul li img {
	max-width: 68px;
	max-height: 51px;
}
.comBox ul li.add {
	height: 114px;
}
.comBox ul li p a {
    color: #333;
	text-align: left;
	padding: 0px 10px;
	display: block;
}
.comBox ul li p a:hover {
	color: #1669c5;
}
.comBox ul li p {
	line-height: 16px;
	max-height: 32px;
	overflow: hidden;
	margin-top: 13px;
	margin-bottom: 8px;
}
.comBox .btn {
	height: 55px;
}
.comBox .btn a {
	display: block;
	width: 80px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background: #1669c5;
	text-align: center;
	margin: 6px auto 0 auto;
	border-radius: 2px;
}
.comBox .btn a.empty {
	background-color: #fff;
	color: #1669c5;
	display: inline;
	line-height: 22px;
	margin: 0;
}
.comBox ul li a.close {
	display: none;
	width: 18px;
	height: 18px;
	position: absolute;
	top: -1px;
	right: -1px;
	line-height: 18px;
	background: #1669c5 url("http://public.mtnets.com/Images/public/closed.png") no-repeat center;
	background-size: 10px auto;
}
.comBox ul li.pro:hover{
	border: 1px dashed #1669c5;
}
.comBox ul li.pro:hover a.close{
	display: block;
	cursor: pointer;
}
.comBox ul li.pro:hover a.close i {
	font-size: 12px;
	color: #fff;
}
.gotoTop {
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	color: #333;
	display: block;
}
.gotoTop:hover {
	background-color: #1669c5;
	color: #fff;
}
.serviceBox {
	padding: 0 18px;
	position: absolute;
	top: 0;
	right: 65px;
	box-shadow: 0px 0px 7px 0px rgba(151, 133, 106, 0.21);
	width: 180px;
	box-sizing: border-box;
	display: none;
	background-color: #fff;
	z-index: 9999;
}
.serviceBox li {
	border-bottom: 1px dashed #e6e6e6;
	font-size: 14px;
	text-align: left;
	padding: 20px 0 20px 30px;
	background: url(../../../../images/products/version/2022/kefu.png) no-repeat 0 20px;
}
.serviceBox li:last-child {
	border-bottom: 0;
}
.serviceBox li span {
	display: block;
	color: #999;
	margin-top: 5px;
}
.serviceBox li a {
	display: block;
	width: 84px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-color: #1669c5;
	color: #fff;
	border-radius: 6px;
	margin-top: 15px;
}

@media screen and (min-width: 1900px) {
	.rightBar {
		right: 45px;
	}
}
@media screen and (min-width: 1599px) {
	.wrapper {
		width: 1430px;
	}
	.main {
		width: 1430px;
	}
	.Topline {
		width: 1413px;
	}
	.mfRow {
		width: 1385px;
	}
	.moreB {
		width: 1385px;
	}
	.mfRow ul {
		width: 1100px;
	}
	.brandBot {
		width: 1100px;
	}
	.top {
		width: 1430px;
	}
	.proBox2 {
		width: 1132px;
	}
	.proBox2 dl {
		width: 1132px;
	}
	.proBox2 dl dd {
		width: 910px;
	}
	.proBox2 dl dd ul {
		width: 760px;
	}
	.proBox2 dl dd p i {
		width: 650px;
	}
	.mainLeft {
		left: calc((100% - 1607px)/2);
	}
	.proBox2, .recommed {
		width: 1143px;
	}
	.newsBox {
		width: 1430px;
	}
	.newsBoxLeft {
		width: 1013px;
	}
	.newsBox dl dd {
		width: 722px;
	}
	.newsBoxRight {
		width: 388px;
	}
	.link{
		width: 1430px;
	}
}
@media screen and (max-width: 1400px) {
	.w {
		width: 1180px;
		margin: 0 auto;
	}
	.proBoxRight1 ul.video li {
		padding: 0 5px 18px;
	}
	.year {
		margin-top: 0;
	}
	.banners {
		width: 1180px;
	}
	.banners ul {
		width: 1190px;
	}
	.wrapper .List .detail {
		width: 258px;
		padding-left: 25px;
	}
	.wrapper .List .detail a.btn {
		width: 202px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		margin-top: 13px;
	}
	.List .introduce h3 {
		font-size: 16px;
	}
	.List .introduce h3 span b {
		font-size: 18px;
	}
	.List .introduce h3 span {
		font-size: 12px;
	}
	.List .leftBox .introduce {
		padding-right: 25px;
	}
	.List .introduce h3 a {
		width: 255px;
	}
	.List .introduce span mark {
		margin-top: 5px;
	}
	.List .introduce td:nth-child(2n+1) {
		width: 150px;
	}
	.List .introduce td:nth-child(2n) {
		line-height: 30px;
	}
	.List .introduce p span {
		width: 360px;
	}
	.List .introduce td b {
		height: 30px;
	}
	.wrapper .List li .image {
		width: 190px;
		margin-right: 15px;
	}
	.wrapper .List .detail span {
		font-size: 12px;
	}
	.wrapper .List .detail span b {
		font-size: 12px;
		margin-left: 7px;
		margin-right: 7px;
	}

	.header {
		width: 1180px;
	}
	.divLogin a {
		margin-right: 15px;
	}
	.header p a {
		margin-left: 10px;
	}
	.Tophead p a {
		margin-left: 10px;
	}
	.header p {
		margin-right: 100px;
	}
	.TopRight {
		width: 255px;
	}

	.proBox2 {
		width: 913px;
	}
	ul.List li.biaowang table, ul.List li.baozuo table {
		width: 190px !important;
		height: 190px !important;
		margin-right: 15px;
	}
	.List .baozuo h3, .List .biaowang h3 {
		font-size: 18px;
	}
	ul.List li .text-conten span {
		max-height: 40px;
		font-size: 12px;
		line-height: 20px;
		margin-top: 8px;
	}
	i.companyAuth {
		vertical-align: top;
	}
	a.line-xun {
		right: 44px;
	}
	ul.List li.biaowang table img, ul.List li.baozuo table img {
		max-height: 190px;
		max-width: 190px;
	}
	.proBoxRight1 .videoImg {
		height: 90px;
		width: 90px;
	}
	.proBoxRight1 ul.video li .text > b {
		margin-top: 5px;
	}
	.newsBoxLeft li {
		width: 350px;
		padding-left: 25px;
	}
	.newsBoxLeft li a {
		width: 240px;
	}
	.newsBoxLeft li span {
		width: 50px;
		margin-left: 25px;
	}
	.newsBoxLeft li:nth-child(2n) {
		margin-left: 100px;
	}
	.proBox1 ul li {
		width: 226px;
		height: 340px;
		margin-top: 12px;
		margin-left: 10px;
	}
	.proBox1 ul {
		margin-left: -10px;
	}
	.proBox1 ul li table,.proBox1 ul li table td,.proBox1 ul li table td img {
		width: 226px;
		height: 226px;
	}
}
@media screen and (min-width: 1401px) and (max-width:1599px) {
	.w {
		width: 1290px !important;
		margin: 0 auto;
	}
	.proBox2, .recommed {
		width: 1005px;
	}
	.year {
	    width: 188px;
		padding-left: 0;
	}
	.year span {
		font-size: 14px;
	}
	.year b {
		width: 92px;
	}
	.year span font {
		font: bold 15px/18px "microsoft yahei";
		color: #ff002f;
		margin: 0 2px;
	}
	.proBox1 ul li {
		width: 202px;
		height: 340px;
	}
	.proBox1 ul li table {
		width: 202px;
		height: 202px;
		margin-bottom: 2px;
	}
	.proBox1 ul li table td,.proBox1 ul li table td img {
		width: 202px;
		height: 202px;
	}
	.proBox1 ul li .title {
		padding-left: 5px;
	}
	.proBox1 ul li > b {
		padding-left: 5px;
	}
	.proBox1 ul li p {
		padding-left: 5px;
		padding-right: 30px;
	}
	.complare {
		width: 219px;
	}
	.wrapper .List .detail {
		width: 270px;
		padding-left: 27px;
	}
	.top {
		margin: 20px auto;
	}
	.header {
		width: 1290px !important;
		margin: 0 auto;
	}
	.divLogin a {
		margin-right: 15px;
	}
	.header p a {
		margin-left: 10px;
	}
	.Tophead p a {
		margin-left: 10px;
	}
	.header p {
		margin-right: 100px;
	}
	.newsBoxLeft li {
		width: 405px;
		padding-left: 25px;
	}
	.newsBoxLeft li a {
		width: 300px;
	}
	.newsBoxLeft li span {
		width: 50px;
		margin-left: 30px;
	}
	.newsBoxLeft li:nth-child(2n) {
		margin-left: 100px;
	}
	.newsBox,.link {
		width: 1290px;
	}
	.newsBoxLeft {
		width: 958px;
	}
}