.video-js {
        width: 300px;
        height: 150px;
      }

      .vjs-fluid {
        padding-top: 56.25%
      }
      .videoV2-dimensions {
        width: 800px;
        height: 451px;
      }

      .videoV2-dimensions.vjs-fluid {
        padding-top: 56.60377358490566%;
      }
      .videoV1-dimensions {
        width: 800px;
        height: 451px;
      }

      .videoV1-dimensions.vjs-fluid {
        padding-top: 56.25%;
      }
       .blueFont{color:#109ab0}
    .mt45{margin-top:45px;}
    .mt60{margin-top:60px;}
    .mt120{margin-top: 120px;}
    .mb50{margin-bottom:50px;}
    .mb60{margin-bottom:60px;}
    .mb100{margin-bottom:100px;}
    .mtb45{margin: 45px 0;}
    .p55{padding:55px;}
    .p25{padding:25px;}
    .pt35{padding-top:35px;}
    .pb50{padding-bottom:50px;}
    .pr60{padding-right: 60px;}
    .txtInfo{position: relative;}
    .hc-pinkBg{background-color: #fcf6f6;}
    .txt-border{border-radius: 10px;border: 1px dashed #ff8181; background: #fff4f4;}
    .warp .banner{background: url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113518456994617.jpg) no-repeat center;height:710px;}
    .warp .zt-warp{background: url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113527778310632.jpg) repeat-y;}
    .zt-warp .navWarp li {float:left;margin-left:100px;}
    .zt-warp .navWarp li a{display: block;text-align:center;color: #ffffff;font-size: 20px;background-color: #00323a;opacity: 0.3;filter: alpha(opacity=30);font-weight: 700;padding:15px 40px; border-radius: 4px;}
    .zt-warp .navWarp li:first-child{margin:0;}
   
    .zt-warp .navWarp li a.active,.zt-warp .navWarp li a:hover{background-color:#55bac6;opacity: 1;filter: alpha(opacity=100);}
    .zt-warp .boxShadow{box-shadow: 0 0 15px 5px rgba(10, 244, 253, .2) inset;}
    .zt-warp .content,.zt-warp .ctBox{position: relative;}
    .zt-warp .content .title{display: block;color: #ffc819;font-size: 18px;margin-top: 10px;margin-bottom: 20px;font-weight: 700;}
    .zt-warp .content,.zt-warp .content a{color: #ffffff;font-size: 14px;}
    .zt-warp .content a:hover{color: #ffc819;}
    .zt-warp .content .yellowFont{color: #ffc819;font-weight: 700;}
    .zt-warp .contentBg{width: 100%;height: 100%;position: absolute;top:0;left:0px;background-color: #00323a;opacity: 0.15;filter: alpha(opacity=15);}
    .zt-warp .bubbleIcoL .leftIco{position: absolute;top:0;left:0;width:100px;height: 110px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113528290654455.png) no-repeat;}
    .zt-warp .bubbleIcoL .rightIco{position: absolute;top:5px;right:15px;width:88px;height: 70px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113528426235571.png) no-repeat;z-index: 3;}
    .zt-warp .bubbleIcoR .leftIco{position: absolute;top:0;left:0;width:88px;height:70px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113528864075465.png) no-repeat;}
    .zt-warp .bubbleIcoR .rightIco{position: absolute;top:0;right:0;width:110px;height: 105px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113529004027039.png) no-repeat;}
    .zt-warp .zxdtBox .content{padding:45px 40px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113529145147107.png) no-repeat bottom right;}
    .zt-warp .zxdtBox .content .listT1 dd{line-height: 24px;text-indent: 2em;}
    
    .zt-warp .zxdtBox .content .listT2 li{position: relative;line-height: 36px;}
    .zt-warp .zxdtBox .content .listT2 li a{display: block;padding:0 10px 0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .zt-warp .zxdtBox .content .listT2 li a i{position: absolute;top:50%;left: 0;margin-top:-2px;width: 5px;height: 5px;background-color: #ffc819;border-radius: 50%;}
    
    .zt-warp .sphgBox .content{padding:120px;}
    .zt-warp .sphgBox .imgBg{position: absolute;bottom:0;right:0;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113529785409381.png) no-repeat;opacity: 0.4;filter: alpha(opacity=40);width:605px;height: 171px;}

    .zt-warp .vod-swidthBox{position: relative;}
    .zt-warp .vod-lists{padding: 26px 0;background: #fff;border-right: 1px solid #E6E6E6;}
    
    .zt-warp .vod-lists > b{height: 26px;position: absolute;left: 0;right: 0;background: #5DB9EA;cursor: pointer;text-align: center;}
    .zt-warp .vod-lists > b.not{background: #E5E5E5;}
    .zt-warp .vod-lists > b.upBtn{top: 0;}
    .zt-warp .vod-lists > b.downBtn{bottom: 0;}
    .zt-warp .vod-lists > b i{display: inline-block;width: 18px;height: 18px;position: relative;top: 4px;background: url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113529908091205.png) no-repeat center 4px;}
    .zt-warp .vod-lists > b.downBtn i{background-position: center -13px;}
    .zt-warp .vod-lists > ul li span{display: block;height: 80px;padding: 0 15px;line-height: 80px;border-bottom: 1px solid #E6E6E6;color: #121212;font-size: 16px;position: relative;text-align: center;}
    .zt-warp .vod-lists > ul li span.isVideo{cursor: pointer;}
    .zt-warp .vod-lists > ul li:first-child span{border-top: 1px solid #E6E6E6;}
    .zt-warp .vod-lists > ul li span > i{display: none;position: absolute;top: 0;right: 0;bottom: 0;width: 8px;background: #5DB9EA;}
    .zt-warp .vod-lists > ul li span.on{color:#5db9ea;}
    .zt-warp .vod-lists > ul li span.on > i{display: block;}
    .zt-warp .vod-lists > ul li span > i em{position: absolute;top: 50%;left: 2px;margin-top: -4px;display: block;width: 0;height: 0;border-top: 4px solid transparent;border-right: 4px solid #fff;border-bottom: 4px solid transparent;}
    .zt-warp .zthdBox .lineIco{position: absolute;top:-93px;background: url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113530021577912.png) no-repeat;width: 172px;height: 93px;}
    .zt-warp .zthdBox .online{left:0;}
    .zt-warp .zthdBox .underline{right:0;}
    .zt-warp .zthdBox .lineIco h2{padding: 15px 0;text-align: center;font-size: 26px;color: #fff;text-shadow: 2px 2px 5px #dc9609;;}
    .zt-warp .ctBox p{line-height: 30px;}
    .zt-warp .ctBox p.info{line-height: 24px;margin-bottom: 20px;}
    .zt-warp .zthdBox .content .dyr{background: url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113530399685359.png) no-repeat center right;}
    .zt-warp .zthdBox .content .dfcq{background: url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113530529835471.png) no-repeat center left;}
    .zt-warp .zthdBox .ctBox .imgBg{position: absolute;bottom:5px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113530715468624.png) no-repeat;opacity: 0.4;filter: alpha(opacity=40);}
    .zt-warp .zthdBox .ctBox.ztxc .imgBg{right:5px;width:316px;height: 254px;}
    .zt-warp .zthdBox .ctBox.yzlt .imgBg{left:5px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113540437033203.png) no-repeat;width:278px;height: 258px;}
    .zt-warp .zthdBox .ctBox.axtg .imgBg{right:5px;bottom:-30px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113540551621717.png) no-repeat;width:322px;height: 336px;}
    .zt-warp .zthdBox .ctBox.czc .imgBg{left:5px;bottom:15px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113540667537850.png) no-repeat;width:294px;height: 297px;}
    .zt-warp .ctBox .image{width: 400px;}
    .zt-warp .zthdBox .bubbleIcoL .rightIco{right:25px;}

    .zt-warp .jcsjBox .content{background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113541899564799.png) no-repeat bottom left;}
    .zt-warp .jcsjBox .slider-nav,.zt-warp .zmytBox .slider-nav{display:none;}
    .zt-warp .jcsjBox .slider__caption{left:0;bottom:0;padding-left:30px;font-size: 16px;width: 100%;max-width:100%}
    .zt-warp .jcsjBox .slider-info{position: absolute;right: 30px;bottom: 5px;}
    .zt-warp .jcsjBox .slider-info {font-size: 16px;}
    .zt-warp .jcsjBox .slider-info .curNum{font-size: 28px;}
    .zt-warp .sphgBox .bubbleIcoL .rightIco,.zt-warp .jcsjBox .bubbleIcoL .rightIco{z-index: 0;}

    .zt-warp .zmytBox .content{padding:15px 15px 55px;background:url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113542009627108.png) no-repeat bottom left;}
    .zt-warp .zmytBox .content p{height:64px;line-height:64px;background-color: #ffffff;background:rgba(255,255,255,0.13);border-radius: 0px 0px 4px 4px;font-weight: 700;font-size: 20px;color: #ffffff;text-align: center;overflow: hidden;}
    .zt-warp .zmytBox .content a:hover p{color: #fec516;}
	
	.zt-warp .zmytBox .slider-container{position: static;background-color: transparent;}
    .zt-warp .zmytBox .slider__switch{margin-top: -40px;}
    .zt-warp .zmytBox .slider__switch--next{right:-0;}
    .zt-warp .zmytBox .slider__switch--prev{left:-0;}
	
	.slider__switch{opacity: .8;padding:0;background: transparent;}
    
	.slider__switch span{height:45px;width:29px;background: url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191115345930807441.png) no-repeat 0 0;}
    .zt-warp .zmytBox .slider__switch span{background:#333 url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191115345930807441.png) no-repeat 0 0;}
    .slider__switch span.rightBt,.zt-warp .zmytBox .slider__switch span.rightBt{background-position: 0 -51px;}
    
    @media screen and (max-width:1200px){
        .appt10{padding:10px;}
        .appLR15{padding:0 15px;}
        .appMt0 {margin-top: 0;}
        .appMt40{margin-top:40px;}
        .appMb40{margin-bottom:40px;}
        .appMb10{margin-bottom:10px;}
        .warp .banner{ height:400px;background-size: cover}
        .zt-warp .navWarp li {margin-left:30px;}
        
    }
    @media screen and (max-width: 992px) {
        .zt-warp .navWarp li a{padding:10px 20px;}  
        .zt-warp .zthdBox .image{text-align: center;}

    }
    @media screen and (max-width: 760px){
        .appP15{padding:15px}
        .appPtb20{padding:20px 0;}
        .appP0{padding: 0 !important;}
        .appMt0{margin-top:0;}
        .appMtb10{margin:10px 0;}
        .appMtb15{margin:15px 0;}
        .appPl70{padding-left:70px;}
        .warp .zt-warp{background-size: contain;}
   
        .warp .banner{ height:200px;background-size: cover}
        .zt-warp .content, .zt-warp .content a{font-size: 12px;}
        .zt-warp .zxdtBox .content .listT2 li{line-height: 24px;}
        .zt-warp .content .title{display: block;color: #ffc819;font-size: 16px;margin:5px 0;line-height: 24px;}
        .zt-warp .navWarp li {width:48%;margin: 5px 0 0 5px;}
        .zt-warp .navWarp li:first-child{margin: 5px 0 0 5px;}
        .zt-warp .navWarp li a{font-size: 16px;padding:5px;}
        .zt-warp .zxdtBox .content{padding:10px;background-position: bottom center}
        .zt-warp .sphgBox .content{padding:10px;}
        
        .zt-warp .vod-lists > ul li span{height: 40px;line-height: 40px;}
        .zt-warp .vod-lists ul{padding:0;}
        .zt-warp .zthdBox .content .dfcq,.zt-warp .zthdBox .content .dyr{background-position: bottom center;}
        .zt-warp .ctBox p{line-height: 24px;font-size: 12px;}
        .zt-warp .ctBox p.info{margin-bottom: 5px;}
        .zt-warp .ctBox .image{width: 100%;}
        .zt-warp .jcsjBox .slider-info .curNum{font-size: 18px;}
        .zt-warp .zmytBox .content p{height:46px;line-height:46px;font-size: 16px;}
        .zt-warp .zmytBox .content{padding:10px;}
    
    }
      .videoBox,#vod,.vodBox { display: none; position: relative;}
		                    .videoWarp { padding: 50px 100px;}
		                    .vjs_video_3-dimensions { width: 100%; height: 480px;}
		                    .videoWarp .videoBtn { border: 1px solid #E6E6E6; border-bottom: none;}
						    .videoWarp .videoBtn li a { height: 80px; border-bottom: 1px solid #e6e6e6; position: relative; font-size: 16px; color: #000; display: block; display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;}
						    .videoWarp .videoBtn li a b { display: none; position: absolute; right: 0; top: 0; bottom: 0; width: 8px;background: #5DB9EA url(http://www.yantian.gov.cn/cn/zjyt/rdzt/mszt/dzsdfcq/images/P020191113543170028145.png) no-repeat center;}
						    .videoWarp .videoBtn li a.on { color: #5DB9EA;}
						    .videoWarp .videoBtn li a.on b {  display: block;}
		                    
		                    @media screen and (max-width: 760px) {
		                        .video-js { width: 100%; height: 280px;}
		                        .videoWarp { padding: 0;}
		                        .videoWarp .videoBtn li { float: left; width: 33.33%;}
		                        .videoWarp .videoBtn li a { height: 46px;}
		                    }