.banner-bg-zhanting {background-image: url(../images/bg-banner-zhanting.png);background-position: top center;background-size: 100% 100%;background-repeat: no-repeat;}
.banner-heading {line-height:2;text-align:left;padding-left:7%;}
.zhantingcont {width:100%;padding:4% 0;}
.tabs-bor {width: 99%;margin:0 auto 0;}
.auto-tabs {height:42px;font-size:24px;text-align:center;color:#999;}
.auto-tabs > a {color:#999;text-align:center;text-decoration:none;cursor:pointer;font-size:22px;padding:0 20px;}
.auto-tabs > a.active {color:#ffa800;font-size:26px;}
.swiper-container {width:100%;border-top:0;}
.swiper-slide {width:100%;background:none;color:#111;}
.content-slide {padding:20px 0;}
.zhantingcont-docc {width:100%;padding:2% 2%;background-color:#efefef;}
.zhantingcont-docc > span {display:block;float:left;width:32%;margin-right:3%;}
.zhantingcont-docc > span > img {width:100%;}
.zhantingcont-docc > p {width:100%;font-size:20px;line-height:1.7;padding:0 0 0%;}
.zhanpininfo-k {
    width:99%;margin:3% auto 0;
}
.zhanpininfo-bor {
    width:100%;margin:0 auto 0;position:relative;
}
.zhanpininfo-list {
    width:100%;
}
.zhanpincont-title {height:62px;font-size:24px;text-align:center;color:#666;}
.zhanpininfo-bor > li {padding:0 0;margin:0 0 2%;}
.zhanpininfo-bor > li > a {display: block;width:100%;position:relative;text-align:center;cursor:pointer;}
.zhanpininfo-bor > li > a > img {width:88%;opacity:0.7;filter(alpha=70);transition: all 0.9s ease-out 0s;}
.zhanpininfo-bor > li > a > img:hover {opacity:0.99;filter(alpha=99);transition: all 0.3s ease-out 0s;}
.zhanpininfo-bor > li > a > span {display:block;height:36px;width:88%;margin-left:6%;position:absolute;bottom:0;z-index:9;font-size:14px;color:#fefefe;line-height:34px;background-color:rgba(0,0,0,0.6);}

.zhanting-online {padding:3% 0;max-width:1200px;margin:0 auto 0;}
.zhanting-onlinecont {width:100%;text-align:center;}
.zhanting-onlinecont > video {width:100%;}
.swiper-container {
    height: 1882px;
}

.zhanpininfocont {width:100%;margin:4% auto 4%;position:relative;max-width:1200px;min-width:320px;background-color:#f5f5f5;padding:4%;}
.zhanpininfo-title {font-size:22px;width:100%;padding:0% 0 3%;text-align:center;}
.zhanpininfo-dd {width:100%;border-bottom:1px solid #ccc;}
.zhanpininfo-dd > em {font-size:14px;padding:8px 0;float:left;color:#999;}
.zhanpininfo-dd > i {font-size:14px;padding:8px 12px;float:left;font-style:italic;color:#999;}
.zhanpininfo-dd > b {font-size:12px;padding:8px 12px;float:right;background-color:#c3ecff;color:#666;}
.zhanpininfo-txt {padding:4% 0;}
.zhanpininfo-txt > p {padding:0 0 2%;line-height:1.8;font-size:16px;}
.zhanpininfo-txt  img {width:100%;max-width:650px;}
.zhanpininfo-txt  video {width:100%;max-width:650px;}

.goback-button {
    width: 30%;
    font-size: 18px;
    color: #fefefe;
    padding: 15px 19px;
    line-height: 20px;
    background-color: #1da0dc;
    border-radius: 4px;
    clear: both;
    cursor: pointer;
    display: block;
    margin: 20px auto 4%;
    text-align: center;
}
.goback-button:hover {
    text-decoration: none;
    color: #fefefe;
    background-color: #21a0dc;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}

@media (max-width: 452px) {
    .banner-heading {color: #fff;font-size:15px;font-weight:300;margin-bottom:20px;line-height:2;width:95%;margin:3% auto 0;}
    .auto-tabs {height:32px;font-size:12px;text-align:center;color:#999;line-height: 32px;}
    .auto-tabs > a {color:#999;text-align:center;text-decoration:none;cursor:pointer;font-size:12px;padding:0 1px;}
    .auto-tabs > a.active {color:#ffa800;font-size:13px;}
    .zhantingcont-docc > span {display:block;float:left;width:100%;margin-right:0%;margin-bottom:2%;text-align:center;}
    .zhantingcont-docc > span > img {width:80%;}
    .zhantingcont-docc > p {width:100%;font-size:16px;line-height:1.5;padding:0% 2% 2%;clear:both;}
    .zhanpincont-title {font-size:18px;line-height:50px;}
    .swiper-container {height: 1062px;}
    .zhanting-online {display:none;}
}
@media (max-width: 375px) {
    
}
@media (min-width:668px) and (max-width: 769px) {
    .banner-heading {color: #fff;font-size:28px;font-weight:300;margin-bottom:20px;line-height:2;text-align:left;padding-left:13%;}
    .auto-tabs {height:32px;font-size:16px;text-align:center;color:#999;line-height: 32px;}
    .auto-tabs > a {color:#999;text-align:center;text-decoration:none;cursor:pointer;font-size:16px;padding:0 10px;}
    .auto-tabs > a.active {color:#ffa800;font-size:18px;}
    .zhantingcont-docc > p {width:100%;font-size:16px;line-height:1.5;padding:0% 2% 2%;}
    .zhanpincont-title {font-size:18px;line-height:50px;}
    .zhanting-onlinecont > video {width:90%;}
    .swiper-container {height: 572px;}
    .zhanting-online {display:none;}
}
@media (min-width:770px) and (max-width: 1199px) {
    .zhanting-online {display:none;}
}
@media (min-width:1024px) {
    .banner-bg-zhanting {background-size: 100% 100%;}
    .banner-heading {line-height:2;text-align:left;padding-left:4%;font-size:44px;}
    .swiper-container {height: 1342px;}
}
@media (min-width:1279px) {
    .swiper-container {height: 1852px;}
}
@media (min-width:1366px) {
    
}
.@media (min-width:1440px) {
    
}
@media (min-width:1919px) {

}