@font-face {
    font-family: 'Public';  /* Project id 2901389 */
    src: url('//at.alicdn.com/t/font_2901389_ec8qhhzo2zk.woff2?t=1637559035266') format('woff2'),
    url('//at.alicdn.com/t/font_2901389_ec8qhhzo2zk.woff?t=1637559035266') format('woff'),
    url('//at.alicdn.com/t/font_2901389_ec8qhhzo2zk.ttf?t=1637559035266') format('truetype');
}

.Public {
    font-family: "Public" !important;
    font-size: 16px;
    line-height: 1;
    font-style: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@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;
    font-weight: normal;
}
.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: 0 6px;
    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: 999;

}
.top .search {
    width: 400px;
    height: 38px;
    margin: 8px 0 0 50px;
    float: left;
    border: 2px solid #fa8c16;
    position: relative;
    border-radius: 20px;
    color: #999;
}
.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;

}
.search button {
    position: absolute;
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    width: 80px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    right: -2px;
    top: -2px;
    border-radius: 20px;
    background-color: #ff6200;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6200), to(#ff9c00));
    background-image: -webkit-linear-gradient(90deg, #ff6200, #ff9c00);
    background-image: -moz-linear-gradient(90deg, #ff6200, #ff9c00);
    background-image: -ms-linear-gradient(90deg, #ff6200, #ff9c00);
    background-image: -o-linear-gradient(90deg, #ff6200, #ff9c00);
    background-image: linear-gradient(90deg, #ff6200, #ff9c00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff6200', endColorStr='#ff9c00');
}
.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;
}
.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: #1669c5;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 {
    left: 0;
    text-indent: 20px;
    width: 109px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    top:0;
    background: url(../../images/product/down.png) no-repeat 85px 21px;
    border-right: 1px solid #e6e6e6;
}
.selectbox_modeldown {
    left: 0;
    text-indent: 20px;
    width: 109px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    top: 0;
    background: url(../../images/product/up.png) no-repeat 85px 21px;
    border-right: 1px solid #e6e6e6;
}
.selectbox_time a,
.selectbox_model a,
.selectbox_area a,.selectbox_areadown a,.selectbox_modeldown a {
    color: #333;
    font: normal 14px/46px "Microsoft Yahei";
}

.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:#1669c5;
}
.selectarea ul li.allareaz a{
    color: #fff;
}
.selectarea ul li a{
    display:block;
    color:#868a8f;
    padding: 5px 10px;
}
.selectarea ul li a:hover{background: #1669c5;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;vertical-align: top;margin-top: 12px;line-height: 20px;}
.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;
}
.proBox1,.proBox2,.recommed,.link{
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;
}
.proBox1{
    overflow: visible;
    width: 933px;
    float: left;
}

/* datu start */
.proBox1 ul {
    margin-left: -15px;
    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;
    overflow: hidden;
}
.proBox1 ul li {
    width: 214px;
    /* height: 335px; */
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    position: relative;
    border: 1px solid #e6e6e6;
    margin-left: 15px;
    overflow: hidden;
}
.proBox1 ul li:hover{
    box-shadow: 0 0 10px #e5e5e5;
}
.proBox1 ul li table{
    width: 215px;
    height: 215px;
    margin: 0;
    position: relative;
}
.proBox1 ul li table td{
    width: 215px;
    height: 215px;
    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 table td img{


}
.proBox1 ul li .text>b{
    font-size: 20px;
    line-height: 30px;
    color: #f60;
    display: block;
    height: 30px;
    overflow: hidden;
}
.proBox1 ul li .text>b span{
    font-size: 14px;
}
.proBox1 ul li .title {
    font-size: 14px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    font-weight: normal;
    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;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    font-style: normal;
    margin: 5px 0 0 0;
    float: right;
    font-weight: normal;
}
.proBox1 ul li h3 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;
    height: 25px;
    position: relative;
    overflow: hidden;
    padding-right: 30px;
}
.proBox1 ul li p i{
    display: inline-block;
    width: 23px;
    height: 22px;
    margin-left: 10px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    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 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.levelTop{vertical-align: middle; background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 -98px;}
.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 #1669c5;
    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 .title {
    font-size: 20px;
    font-weight: normal;
    margin-top: 5px;
}
.List .introduce .title a {
    color: #333;
    float: left;
    max-width: 365px;
    height: 28px;
    overflow: hidden;
    line-height: 28px;
}
.List .introduce .title a:hover {
    color: #1669c5;
}
.List .introduce .title span {
    font-size: 14px;
    color: #fe4f32;
    float: right;
    margin-top: 0;
}
.List .introduce .title 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 tr {
    border-top: 1px solid #e6e6e6;
}
.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;
}
.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;}


.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 #1669c5;
    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(22,105,197) 0%, rgb(91,149,214) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(22,105,197) 0%, rgb(91,149,214) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(22,105,197) 0%, rgb(91,149,214) 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;
}
.proBoxLeft {
    float: left;
}
.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 .protype {
    line-height: 16px;
    padding-left: 5px;
    height: 16px;
    overflow: hidden;
    margin-top: 8px;
    color: #999;
}
.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: 15px;
    overflow: hidden;
}
.newsBoxRight ul li{
    font-size: 14px;
    line-height: 30px;
    padding-left: 12px;
    height: 30px;
    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;
}
.proBox1 ul li .text {
    /* background: url(../../images/product/textbg.png) no-repeat;
      background-size: auto;
    background-size: cover;
    border-top: 1px solid #e6e6e6; */
    padding: 10px 8px 14px;
}
.proBox1 ul li .text .year {
    padding-left: 0;
}
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 .text>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{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 5px;}
.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 #1669c5;
    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 #1669c5;
}

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

.backHome a.rightWx {
    background: url(/images/public/rightBar2.png) no-repeat 0px -228px #1669c5;
}

.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 #1669c5;
    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 #1669c5;
}

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

.qqBox h3 {
    width: 138px;
    background-color: #1669c5;
    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: #1669c5;
}

.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 #1669c5;
    text-decoration: none;
}
.backHome a.compare {
    background: url(/images/rightCom.png) no-repeat 15px 7px #1669c5;
}
.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;
    margin-top: 34px;
    display: block;
}
.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 6px;
    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/proCompla.png) no-repeat 0 -40px;
}
.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;
}

/* --------------------------- newfooter --------------------------- */
#nfoot{ width: 100%; margin: 0px auto 0 auto; padding: 4px 0px 0 0px; background: url(../images/Product/2012pshow.png) repeat-x 0 -251px; border-top: 3px solid #144899; }
#nfoot {
    width: 1430px;
    margin: 0px auto 0;
}
#nfoot p {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    color: #444446;
    font: normal 14px/26px "";
}
#nfoot span{ width: 100%; display: block; float: left; text-align: center; color: #ABABAD; font: normal 14px/26px ""; padding: 8px 0 0 0; margin: 3px 0 0 0; }
#nfoot span a{ text-decoration: none; color: #033483; padding: 0px 10px; }
#nfoot span a:hover{ color: #FB5005; }
#nfoot p strong{ font: normal 11px "Arial"; padding: 0px 25px 0 0; }
#nfoot p b{ padding: 0px 3px; font: normal 14px/26px ""; }
#nfoot p b a{
    position: relative;
    cursor: pointer;
}
#nfoot p b 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;
    overflow: hidden;
    resize: none;
    font-family: "Microsoft Yahei";
}
#nfoot p b a .QQhover::after{
    position: absolute;
    left: 0;
    top: 0;
    line-height: 20px;
    content: "QQ:";
}
#nfoot p b a:hover .QQhover{
    display: inline-block;
}
#nfoot p b img{ vertical-align: middle; }
.rightBar {
    position: fixed;
    right: 45px;
    top: 138px;
    background-color: #fff;
    width: 54px;
    text-align: center;
    z-index: 999;
    border: 1px solid #e6e6e6;
    font-weight: normal;
}
.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 .weixi img {
    position: absolute;
    right: 65px;
    bottom: 0px;
    max-width: 100px;
    max-height: 100px;
    display: none;
    z-index: 9999;
}
.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: #185ead;
}
.rightBar .box > a i {
    display: block;
    margin: 0 auto;
    font-size: 20px;
    margin-bottom: 7px;
}

.rightBar div > a.focus {
    color: #fff;
    background-color: #185ead;
}
.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: #185ead;
    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:#185ead;
    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: #185ead;
}
.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: #185ead;
    text-align: center;
    margin: 6px auto 0 auto;
    border-radius: 2px;
}
.comBox .btn a.empty {
    background-color: #fff;
    color: #185ead;
    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: #185ead url("http://public.mtnets.com/Images/public/closed.png") no-repeat center;
    background-size: 10px auto;
}
.comBox ul li.pro:hover{
    border: 1px dashed #185ead;
}
.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: #185ead;
    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: #185ead;
    color: #fff;
    border-radius: 6px;
    margin-top: 15px;
}

@media screen and (min-width: 1599px) {
    .proBox1 {
        width: 1168px;
    }
    .wrapper {
        width: 1430px;
    }
    .main,#nfoot  {
        width: 1430px;
    }
    .Topline {
        width: 1413px;
    }
    .mfRow {
        width: 1385px;
    }
    .moreB {
        width: 1385px;
    }
    .mfRow ul {
        width: 1100px;
    }
    .brandBot {
        width: 1100px;
    }
    .top {
        width: 1430px;
    }
    .proBox1 ul li table{

    }
    .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);
    }
    .proBox1, .proBox2, .recommed {
        width: 1143px;
    }
    .newsBox {
        width: 1430px;
    }
    .newsBoxLeft {
        width: 1013px;
    }
    .newsBox dl dd {
        width: 722px;
    }
    .newsBoxRight {
        width: 388px;
    }
    .link{
        width: 1430px;
    }
}
@media screen and (min-width: 1599px) and (max-width:1900px) {
    body .float-left {
        width: 86px;
        height: 230px;
    }
    .rightBar {
        right: 10px;
    }
    body .float-left.float-yg {
        background-size: 100% auto;
    }
    body .float-left ul {
        margin-top: 60px;
    }
    body .float-left ul li {
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
}
@media screen and (max-width: 1400px) {
    .w,#nfoot  {
        width: 1180px;
        margin: 0 auto;
    }
    .rightBar {
        right: 10px;
    }
    .header p a {
        margin: 0 4px;
    }
    .proBox1 ul li {
        width: 177px;
    }
    .proBox1 ul li table {
        width: 177px;
        height: 177px;
    }
    .proBox1 ul li table td {
        width: 177px;
        height: 177px;
    }
    .proBox1 ul li .title {
        font-size: 13px;
    }
    body .float-left {
        width: 86px;
        height: 230px;
    }
    body .float-left.float-yg {
        background-size: 100% auto;
    }
    body .float-left ul {
        margin-top: 60px;
    }
    body .float-left ul li {
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    .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;
    }

    .Tophead p a {
        margin-left: 10px;
    }
    .header p {
        /* margin-right: 100px; */
    }
    .TopRight {
        width: 210px;
    }

    .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;
    }
    .proBox1 {
        width: 958px;
    }
    .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;
    }
}
@media screen and (min-width: 1401px) and (max-width:1599px) {
    .w,#nfoot  {
        width: 1290px !important;
        margin: 0 auto;
    }
    body .float-left {
        width: 86px;
        height: 230px;
    }
    .rightBar {
        right: 10px;
    }
    body .float-left.float-yg {
        background-size: 100% auto;
    }
    body .float-left ul {
        margin-top: 60px;
    }
    body .float-left ul li {
        height: 34px;
        line-height: 34px;
        font-size: 14px;
    }
    .proBox1, .proBox2, .recommed {
        width: 1005px;
    }
    .year {
        padding-left: 0;
    }
    .proBox1 ul li .text {
        padding: 10px 6px 14px;
    }
    .year b.Leveltop {
        background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 -88px;
        background-size: 72px;
        width: 80px;
    }
    .year b.senior {
        background: url(../../images/product/level3.png) no-repeat left bottom;
        background-size: 76px;
    }
    .year b.intermediate {
        background: url(../../images/product/level2.png) no-repeat left bottom;
        background-size: 76px;
    }
    .year b.primary {
        background: url(../../images/product/level1.png) no-repeat left 0px;
        background-size: 76px;
    }

    .year b {
        width: 85px;
        line-height: 18px;
    }
    .year span font {
        font: bold 12px/21px "microsoft yahei";
        color: #ff002f;
        margin: 0 2px;
    }
    .proBox1 ul li {
        width: 187px;
    }
    .proBox1 ul li table {
        width: 188px;
        margin-bottom: 2px;
    }
    .proBox1 ul li table td {
        width: 188px;
        height: 188px;
    }
    .proBox1 ul li table td img {
        width: 188px;
        height: 188px;
    }
    .proBox1 ul li h3 {
        padding-left: 5px;
    }
    .proBox1 ul li > b {
        padding-left: 5px;
    }
    .proBox1 ul li p {
        padding-right: 22px;
    }
    .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: 0 4px;
    }
    .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;
    }
}