.content { background: #07023a url("../images/bj.jpg") no-repeat top; position: relative; }

@font-face { font-family: 'fonttf'; src: url("../font/font.ttf"); }

.flexnav { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); height: 100px; width: 100%; z-index: 10; }

.flexnav .ZTcenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.flexnav .ZTcenter .logo { display: block; }

.flexnav .ZTcenter ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 100px; text-align: center; font-size: 12px; line-height: 1.8; }

.flexnav .ZTcenter ul li { cursor: pointer; }

.flexnav .ZTcenter ul li p { font-size: 22px; }

.flexnav .ZTcenter ul li.on, .flexnav .ZTcenter ul li:hover { color: #00fff5; }

.ZTcenter { max-width: 1400px; margin: 0 auto; position: relative; overflow: hidden; }

.ZTcenter .ZT-title { padding-top: 40px; }

.ZTcenter .ZT-title img { display: block; max-width: 100%; margin: 0 auto; }

.ZT-cont { padding-bottom: 20px; }

.ztcontkv .ZTcenter { padding-top: 875px; }

.ztcontkv .ZTcenter .zhibo-video { width: 1114px; margin: 0 auto; height: 630px; background: #000; border-radius: 10px; overflow: hidden; }

.ztcontkv .ZTcenter .zhibo-video iframe { width: 100%; height: 100%; }

.ztcont1 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 45px 0; }

.ztcont1 ul li { max-width: 420px; margin-right: 60px; }

.ztcont1 ul li:last-child { margin-right: 0px; }

.ztcont1 ul li img { width: 100%; height: auto; }

.ztcont2 .item { position: relative; left: -54px; margin-top: -115px; margin-bottom: 20px; }

.ztcont2 ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 0; }

.ztcont2 ul li { max-width: 320px; margin-right: 40px; }

.ztcont2 ul li:last-child { margin-right: 0px; }

.ztcont2 ul li img { width: 100%; height: auto; }

.ztcont3 ul li .bt, .ztcont3 ul li .box { padding-top: 75px; }

.ztcont3 ul li img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

.ztcont4 ul { overflow: hidden; width: calc(100% + 25px); margin-left: -13px; padding: 40px 0 30px; }

.ztcont4 ul li { width: 33.333%; float: left; padding: 13px 12px 12px 13px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.ztcont4 ul li .box { display: block; width: 100%; overflow: hidden; height: 275px; position: relative; border-radius: 5px; color: #fff; }

.ztcont4 ul li .box:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.ztcont4 ul li .box:hover p { color: #00fff5; }

.ztcont4 ul li .box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.ztcont4 ul li .box .img2 { height: auto; }

.ztcont4 ul li .box p { position: absolute; background: #2f2f2f; overflow: hidden; width: 100%; height: 60px; left: 0; bottom: 0px; line-height: 60px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.ztcont5 ul.bt { font-family: fonttf; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; font-size: 30px; -ms-flex-pack: distribute; justify-content: space-around; height: 95px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #83819d; }

.ztcont5 ul.bt li { padding: 0  10px; height: 100%; line-height: 95px; cursor: pointer; position: relative; }

.ztcont5 ul.bt li::after { display: none; content: ''; height: 4px; background: #60a3f0; width: 100%; position: absolute; left: 0%; bottom: 0; }

.ztcont5 ul.bt li::before { display: none; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #60a3f0; position: absolute; left: 50%; bottom: 4px; margin-left: -4px; }

.ztcont5 ul.bt li.on, .ztcont5 ul.bt li:hover { background: -o-linear-gradient(top, #1365df 30%, #ffffff 70%); background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #1365df), color-stop(70%, #ffffff)); background: -o-linear-gradient(bottom, #1365df 30%, #ffffff 70%); background: linear-gradient(to top, #1365df 30%, #ffffff 70%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.ztcont5 ul.bt li.on::after, .ztcont5 ul.bt li.on::before, .ztcont5 ul.bt li:hover::after, .ztcont5 ul.bt li:hover::before { display: block; }

.ztcont5 .swiperbox { width: 1100px; margin: 0 auto; height: 600px; background: #000; margin-top: 66px; position: relative; }

.ztcont5 .swiperbox .swiper-slide { width: 1100px; height: 600px; overflow: hidden; z-index: 2; }

.ztcont5 .swiperbox .swiper-slide .box { display: block; width: 100%; height: 100%; position: relative; cursor: pointer; }

.ztcont5 .swiperbox .swiper-slide .box:hover::before, .ztcont5 .swiperbox .swiper-slide .box:hover::after { display: block; }

.ztcont5 .swiperbox .swiper-slide .box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.ztcont5 .swiperbox .swiper-slide .box::before { content: ''; display: none; position: absolute; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 100%; height: 100%; }

.ztcont5 .swiperbox .swiper-slide .box::after { content: ''; display: none; position: absolute; top: 50%; left: 50%; width: 43px; height: 55px; background: url("../images/videoico.png") no-repeat center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.ztcont5 .swiperbox .swiper-pagination-bullet { width: 50px; height: 4px; border-radius: 0px; background: #c3c3c3; opacity: 1; }

.ztcont5 .swiperbox .swiper-pagination-bullet-active { background: #60a3f0; }

.ztcont5 .swiperbox .ico { background: url("../images/next.png") no-repeat center; width: 66px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 2; cursor: pointer; }

.ztcont5 .swiperbox .ico:hover { opacity: 0.8; }

.ztcont5 .swiperbox .swiperbutton-prev { left: 20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.ztcont5 .swiperbox .swiperbutton-next { right: 20px; }

.ztcont5 .swiperbox .swiper-button-disabled { opacity: 0.5; }

.ztcont6 { background: #07023a url("../images/bjlast.png") no-repeat bottom; height: 1152px; }

.videowrap { position: fixed; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; display: none; }

.videowrap .videobox { position: fixed; width: 900px; height: 510px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #000; }

.videowrap .videobox .close { background: #DDD; position: absolute; right: -40px; top: 0px; color: #000; width: 30px; text-align: center; height: 30px; line-height: 30px; font-size: 20px; cursor: pointer; }

.videowrap .videobox .close::before { content: ''; display: block; position: absolute; left: -13px; background: #ddd; top: 0; height: 1px; width: 100%; }

.videowrap .videobox .close::after { content: ''; display: block; position: absolute; left: -13px; background: #ddd; bottom: 0; height: 1px; width: 100%; }

.videowrap .videobox iframe { width: 100%; height: 100%; }