@charset "utf-8";
/* 默认 */
body{min-width: 1200px;}
html body{-webkit-text-size-adjust: none !important;-moz-text-size-adjust: none !important;-ms-text-size-adjust: none !important;text-size-adjust: none !important;}
body{font-family: "microsoft yahei", '宋体';}
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;}
img{border:none;}
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#a7793d;text-decoration:none;}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both;overflow: hidden;}
.clearfix{zoom:1;}
.clear{clear:both; font-size:0;overflow:hidden;}
.pr{position: relative;}
.pb{position:absolute;}
.fl{float:left;}
.fr{float:right;}
.show{display:block!important;}
.hide{display:none!important;}
.txtClip{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*  */
.jkzbsjkBody{height: 1080px;width: 100%;min-width: 1200px;background: url(../images/ztBg.png) no-repeat center;margin-left: auto;margin-right: auto;box-sizing: border-box;padding-top: 25px;}
.sliderBox{width: 1200px;margin-left:auto ;margin-right: auto;}
.carouselItem{padding-top: 60px;height: 468px;overflow: hidden;position: relative;}
.videoListBox{height: 468px;overflow: hidden;position: relative;}
.carouselItem .moreBtn{position: absolute;height: 35px;line-height: 35px;top: 12px;right: 0;}
.carouselItem .moreBtn a{display: block;padding: 0 17px;background: #fff;border-radius: 17px;color: #ff5722;}
.tabNavBox{width: 1095px;height:34px;overflow: hidden;margin-left: auto;margin-right: auto;background: url(../images/navBg.png) no-repeat center;padding-left: 105px;padding-top: 39px;padding-bottom:39px;}
.tabNavBox li{width: 365px;overflow: hidden;float: left;text-align: center;line-height: 34px;}
.tabNavBox li span{display: inline-block;vertical-align: middle;padding: 0 17px;font-size: 16px;color: #fff;cursor: pointer;}
.tabNavBox li.on span{background: #fefe9c;border-radius: 17px;color: #1aadf7;}
.carousel { overflow: hidden; position: relative;max-width: 1200px; margin-left: auto;margin-right: auto;}
.carousel .swiper-slide { width: 770px; height: 460px; border-radius: 8px; border: 4px solid #dcf2ff; background-color: #18212b; }
.carousel .swiper-slide-active { z-index: 3; }
.carousel .swiper-slide-active:hover .slide-content, .carousel .swiper-slide-active .mask { display: none; }
.carousel .swiper-slide-next { translate: -61% 0%; scale: .76; z-index: 2; }
.carousel .swiper-slide-prev { translate: 61% 0%; scale: .76; z-index: 1; }
.carousel .swiper-carousel-animate-opacity { height: 100%; position: relative; }
.carousel .swiper-carousel-animate-opacity .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: .8; transition: opacity .3s; z-index: 1; }
.carousel .swiper-carousel-animate-opacity .playBtn { display: block; position: absolute; width: 64px; height: 64px; background: url(../images/PlayBtn.png) no-repeat center; cursor: pointer; background-size: cover; z-index: 3; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; }
.carousel .swiper-slide-next .swiper-carousel-animate-opacity, .carousel .swiper-slide-prev .swiper-carousel-animate-opacity { opacity: .8; }
.carousel .swiper-slide-active .swiper-carousel-animate-opacity { opacity: 1; }
.carousel video { display: block; width: 100%; height: 100%; border-radius: 8px; object-fit: fill; position: relative; }
.carousel img { display: block; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }
.carousel .slide-content { position: absolute; left: 0; bottom: 0; width: 100%; padding:16px; background: linear-gradient(to bottom, rgb(0 0 0 / 0), rgb(0 0 0 / .75)); border-radius: 0 0 8px 8px; text-align: center; color: white; z-index: 2;box-sizing: border-box; }
.carousel .slide-content h2 { line-height: 28px; font-weight: normal; font-size: 18px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.carousel .swiper .swiper-button-prev, .carousel .swiper .swiper-button-next { width: 45px; height: 45px; }
.carousel .swiper .swiper-button-prev { background: url(../images/prev.png) no-repeat center; left: 30px; }
.carousel .swiper .swiper-button-next { background: url(../images/next.png) no-repeat center; right: 30px; }
.carousel .swiper .swiper-button-prev:after, .carousel .swiper .swiper-button-next:after { display: none; }
.hotVideo{ width: 770px; height: 460px; border-radius: 8px; border: 4px solid #dcf2ff; background-color: #18212b;position: relative;box-sizing: border-box;}
.hotVideo .mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: .8; transition: opacity .3s; z-index: 1; }
.hotVideo .playBtn { display: block; position: absolute; width: 64px; height: 64px; background: url(../images/PlayBtn.png) no-repeat center; cursor: pointer; background-size: cover; z-index: 3; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; }
.hotVideo .slide-content { position: absolute; left: 0; bottom: 0; width: 100%; padding:16px; background: linear-gradient(to bottom, rgb(0 0 0 / 0), rgb(0 0 0 / .75)); border-radius: 0 0 8px 8px; text-align: center; color: white; z-index: 2;box-sizing: border-box; }
.hotVideo .slide-content h2 { line-height: 28px; font-weight: normal; font-size: 18px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.hotVideo video { display: block; width: 100%; height: 100%; border-radius: 8px; /*object-fit: fill;*/ position: relative; }
.hotVideo img { display: block; width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }
.hotVideo:hover .slide-content{display: none; }
.videoList{width: 415px; height: 460px; border-radius: 8px; border: 4px solid #dcf2ff; background-color: #fff;position: relative;box-sizing: border-box;padding: 2px 20px;}
.videoList li{height: 64px;line-height: 32px;box-sizing: border-box;border-top: 1px solid #e8e8e8;padding: 16px 0;}
.videoList li:first-of-type{border-top: 0;}
.videoList li a{color: #2d314b;font-size: 16px;line-height: 32px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;position: relative;padding-left: 24px;}
.videoList li a:hover{color: #0591fc;}
.videoList li a span.dot{position: absolute;width: 20px;left: 0;height: 32px;background: url(../images/listVideo.png) no-repeat center;}
.footerImg{width: 584px;margin-left: auto;margin-right: auto;padding-top: 20px;}
.footerImg img{display: block;width: 100%;height: auto;}
.tt{ width: 100%; min-width: 1200px; display: block; background:#fff;}
@media only screen and (max-width: 540px){ .tt{ display: none; } }