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

      .vjs-fluid {
        padding-top: 56.25%
      }
       .videoV6-dimensions {
        width: 700px;
        height: 470px;
      }

      .videoV6-dimensions.vjs-fluid {
        padding-top: 75%;
      }
        .videoV5-dimensions {
        width: 700px;
        height: 470px;
      }

      .videoV5-dimensions.vjs-fluid {
        padding-top: 75%;
      }
       .videoV4-dimensions {
        width: 700px;
        height: 470px;
      }

      .videoV4-dimensions.vjs-fluid {
        padding-top: 75%;
      }
        .videoV3-dimensions {
        width: 700px;
        height: 470px;
      }

      .videoV3-dimensions.vjs-fluid {
        padding-top: 75%;
      }
       .videoV2-dimensions {
        width: 700px;
        height: 470px;
      }

      .videoV2-dimensions.vjs-fluid {
        padding-top: 75%;
      }
       .videoV1-dimensions {
        width: 700px;
        height: 470px;
      }

      .videoV1-dimensions.vjs-fluid {
        padding-top: 75%;
      }
      body { background:  #56BDCB;}
    .zt-wlrqBanner { height: 746px; background-position: center;}
    .zt-wlrq-warp { margin-top: -300px; padding-top:160px; background: url(http://www.yantian.gov.cn/cn/service/wlaqxcz/images/P020190916346673976596.png) no-repeat center 0; }
    .zt-wlrq-warp h2.t1 { font-size: 34px; text-align: center;}
    .zt-wlrq-warp h2.t1 em { font-weight: 700;}
    .zt-wlrq-warp h2.t1 span { color: #fff;}
    .zt-wlrq-warp h2.t1 span i { position: relative; top: -15px;}
    .zt-wlrq-warp .bgT1-1 { background: url(http://www.yantian.gov.cn/cn/service/wlaqxcz/images/P020190916348482865318.png) repeat-y center 0;}
    .zt-wlrq-warp .bgT1-1 .bgl { position: absolute; z-index: 1;top: 80px; left: 20px;}
    .zt-wlrq-warp .bgT1-1 .bgr { position: absolute; z-index: 1;top: 80px; right: 20px;}
    
    .zt-wlrq-warp .boxT1 { padding: 25px; border: 1px solid #F4F4F4; background: #fff; position: relative; box-shadow:inset 0px 0px 35px 1px #6bcddb;}
    .zt-wlrq-warp .boxT1 .jl em { position: absolute; display: block; width: 15px; height: 15px; border: 3px solid #0ff;}
    .zt-wlrq-warp .boxT1 .jl em.i1 { top: -1px; left: -1px; border-right: none; border-bottom: none;}
    .zt-wlrq-warp .boxT1 .jl em.i2 { top: -1px; right: -1px; border-left: none; border-bottom: none;}
    .zt-wlrq-warp .boxT1 .jl em.i3 { bottom: -1px; left: -1px; border-right: none; border-top: none;}
    .zt-wlrq-warp .boxT1 .jl em.i4 { bottom: -1px; right: -1px; border-left: none; border-top: none;}
    
    .zt-wlrq-warp .boxT1 ul.t1 li { position: relative; padding-left: 30px; line-height: 24px; margin-bottom: 10px; font-size: 15px;}
    .zt-wlrq-warp .boxT1 ul.t1 li i { position: absolute; left: 0; top: 0; display: block; width: 24px; height: 24px; background: #01D4F9; color: #fff; font-size: 16px; font-weight: 700; border-radius: 50%; text-align: center;}
    .zt-wlrq-warp .boxT1 table.t1 td { border: 1px solid #56BDCB; font-size: 15px; padding: 15px 10px;} 
    
    .zt-wlrq-warp .boxT1 .tjBox { height: 600px; overflow: auto;}
    
    .switchImg img.i2{ display: none;}
    .zt-wlrq-warp .swiperBox a.switchImg:hover img.i1{ display: none;}
    .zt-wlrq-warp .swiperBox a.switchImg:hover img.i2{ display: block;}
    
    .swiperBox { padding-top: 160px; background: url(http://www.yantian.gov.cn/cn/service/wlaqxcz/images/P020190916349199544123.png) no-repeat center 0;}
    .zt-wlrq-warp .swiperBox .swiper-slide .boxT1 img { width: 100%; }
    
    @media screen and (max-width: 760px) {
        .zt-wlrqBanner { height: 236px; background-size: cover;}
        .zt-wlrq-warp { margin-top: -80px;padding-top:60px; background-size: 100%;}
        .zt-wlrq-warp h2.t1 { font-size: 16px;}
        .zt-wlrq-warp h2.t1 span i { padding: 0; top: -5px;}
        .zt-wlrq-warp h2.t1 span i img{ width: 24px;}
        .zt-wlrq-warp .bgT1-1 .bgl,.zt-wlrq-warp .bgT1-1 .bgr { display: none;}
        .zt-wlrq-warp .boxT1 .tjBox { height: 300px;}
        .zt-wlrq-warp .swiperBox { padding-top: 120px; }
        .zt-wlrq-warp .swiperBox .swiper-slide .boxT1 { padding: 5px;}
    }
     .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: -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/service/wlaqxcz/images/P020190916357889880621.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;}
		                    }
                            	.newSiteOlinePs-warp { width: 100%; background: #ffffec; border-bottom: 1px solid #ddd; position: absolute; top: -300px; left: 0; z-index: 9999; }
		.newSiteOlinePs-warp .psBox { padding: 10px; width: 1000px; margin:20px auto 10px;}
		.newSiteOlinePs-warp h2 { font-size: 22px; color: #ffb100; padding-bottom: 20px; text-align: center; font-weight: 700;}
		.newSiteOlinePs-warp p {line-height: 26px; font-size: 16px;text-indent: 2em; }
		.newSiteOlinePs-warp p a { color: #1e83e8}
		.newSiteOlinePs-warp p a:hover { color: #f30}
		.newSiteOlinePs-warp p.lk { text-align: right;}
		.newSiteOlinePs-warp p.gray { color: #666; margin-top: 15px;}
		a.newSiteShowBtn { position: absolute; top: -50px; right: 0; z-index: 9999;}
		a.newSiteShowBtn { opacity: .6;}
		a.newSiteCloseBtn { display: block; width: 42px; line-height: 19px; height: 43px; font-size: 30px; color: #f00; padding: 10px; position: absolute; top: 0; right: 0; z-index: 9999;transition:.3s;}
		a.newSiteCloseBtn:hover {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
@media screen and (max-width: 760px) {
	.newSiteOlinePs-warp .psBox { width: auto;}
	.newSiteOlinePs-warp p { font-size: 14px; line-height: 24px;}
}