/* CSS Document*/
*{margin: 0;padding: 0;outline: none;}
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
img{max-width: 100%;vertical-align: middle;border: 0;}
i,em,label{font-style: normal;display: inline-block;}
ol, ul, li{list-style: none;}
a{color:inherit;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: inherit;}
input[type=text], input[type=button], input[type=submit]{-webkit-appearance: none;/*去除iPhone input默认样式}*/}
input,select,button,textarea{font-family: normal;resize: none;border:0;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
::-webkit-input-placeholder{color: #acacac;}
:-moz-placeholder{color: #acacac;}
::-moz-placeholder{color: #acacac;}
:-ms-input-placeholder{color: #acacac;}
.swiper-button-next:after,.swiper-button-prev:after{display: none;}


/* class="zoom" */
.zoom{overflow:hidden;}
.zoom img{-webkit-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;-ms-transition: all ease-out .5s;}
.zoom:hover img{-webkit-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);-ms-transform: scale(1.05);}

@font-face {
font-family:"Arial Black";
src:url('../font/Arial Black.TTF'),url('../font/Arial Black.TTF');
}


/* 全局 */
.lf{float: left;}
.rt{float: right;}
.flex{display: flex;}
.block{display:block;}
.white{color: #fff !important;}
.t-r{text-align: right;}
.t-c{text-align: center;}
.bold{font-weight: bold;}
.relative{position: relative;}
.absolute{position: absolute;}
.flex-wrap{flex-wrap: wrap;justify-content: space-between;}
.align-center{align-items:center;}
.clear{clear:both;display:block;width: 0;height: 0;}
.clearfix::after{content:'';display:block;clear:both;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

/* 字号 */
[f14]{font-size: 14px;}
[f15]{font-size: 15px;}
[f16]{font-size: 16px;}
[f18]{font-size: 18px;}
[f20]{font-size: 20px;}
[f22]{font-size: 22px;}
[f24]{font-size: 24px;}
[f26]{font-size: 26px;}
[f28]{font-size: 28px;}
[f30]{font-size: 30px;}
[f32]{font-size: 32px;}
[f34]{font-size: 34px;}
[f36]{font-size: 36px;}
[f40]{font-size: 40px;}
@media screen and (max-width:768px) {
[f14]{font-size: 12px;}
[f15]{font-size: 13px;}
[f16]{font-size: 13px;}
[f18],[f20]{font-size: 14px;}
[f22],[f24],[f26]{font-size: 15px;}
[f28],[f30]{font-size: 16px;}
[f32],[f34],[f36],[f40]{font-size: 20px;}
.mt30,.mt35,.mt40{margin-top: 20px !important;}
.mt50,.mt60{margin-top: 30px;}
.mt70,.mt80{margin-top: 40px;}
}


/*视频*/
.videohide{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;visibility: hidden;opacity: 0;transition: .5s;}
.videohide_class{visibility: visible;opacity: 1;}
.videohidebg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .7);z-index: 10;}
.videohidebox i{display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 24px;border-radius: 30px;background: #0055A2;color: #fff;position: absolute;right: 0;top: 0;margin-right: -15px;margin-top: -15px;border: 2px solid #fff;cursor: pointer;font-size: 16px;}
.videohidebox i.fa-close:hover{-webkit-filter: brightness(110%);}
.videohidebox{width: 50%;background: #fff;position: absolute;top: 50%;left: 25%;z-index: 20;padding: 10px;margin-top: -500px;transition: .5s;}
.videohidebox_class{margin-top: -300px;opacity: 1;}
.videohidebox_1{width: 100%;}
.videohidebox_1 video{width: 100%;height: 100%;object-fit: fill;}
.videohidebox_1 p{font-size: 16px;color: #1e73be;line-height: 50px;text-align: center;font-weight: bold;}
@media screen and (max-width:768px){
.videohidebox{width: 90%;left: 5%;margin-left: 0;height: 250px;margin-top: -210px;}
.videohidebox_1 p{height: 30px;line-height: 30px;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.videohidebox_1{height: 200px;}
.videohidebox_class{margin-top: -110px;}
}

@media screen and (max-width:768px) {

.container{width:94%;}
/* 导航start */
.sj_bt{position: absolute;width: 36px;height: 36px;right: 10px;top: 18px;z-index: 999999;}
.sj_bt span{position: absolute;height: 3px;width: 25px;background: #fff;top: 7px;left: 5px;border-radius:10px;transition: all 0.3s ease-in-out;}
.sj_bt span:nth-child(2){top: 16px;}
.sj_bt span:nth-child(3){top: 26px;}
.sj_bt.on{position: fixed;}
.sj_bt.on span{background: #fff;}
.sj_bt.on span:nth-child(1){transform: rotate(45deg);top: 16px;left: 10px;}
.sj_bt.on span:nth-child(2){display: none;}
.sj_bt.on span:nth-child(3){transform: rotate(-45deg);top: 16px;left: 10px;}
.wpnvbg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999;background: rgba(0,0,0,.7);transition: .25s;display:none;}
.head_wap{width: 55%;height: 100%; display: none;transition: all 0.3s ease-in-out;position: fixed;left: 0;top: 0;padding: 0 4%;padding-top: 20px;background: rgba(0,0,0,0.85);z-index: 9999;overflow-y: auto;}
.wapnava{padding: 0 0 15px 0;}
.wapnava span{width: 100%;}
.wapnava a.wapprda{display: block;height: 50px;line-height: 48px;padding: 0 10px;color: #fff;width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);font-size: 15px;text-transform:uppercase;}
.wapprda, .wapprda1{position: relative;}
.wpheadhide{display: none;}
.wpheadhide p{padding-left: 10px;}
.wpheadhide p a{font-size: 12px;}
.wapprda i, .wapprda1 i{display: block;position: absolute;right: 15px;top: 0;height: 44px;line-height: 44px;}
.wapprda i img, .wapprda1 i img{height: 10px;}
.wpheadhide a{font-size: 13px; padding-left: 30px;display: block;height: 48px;line-height: 46px;padding: 0 25px;color: #fff;width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
/* end */
.head{position: static;background: #000;padding: 15px 0;}
.head .logo{width: 200px;}

.navbar{display:none;}
.swiper-bn{height: 40vh;}
.swiper-bn .t{font-size: 18px;}
.swiper-bn .more{zoom: 0.7;font-size: 18px;}
.step1,.step2,.step5,.step6,.foot{padding: 40px 0;}
.step1 li{width: 49%;height: 150px;margin-bottom: 2%;}
.step1 li .t{line-height: 40px;}
.step2 .row{width: 49%;}
.step2 .row .pic{height: 200px;}
.step2 .row .text h3{flex-flow: column;align-items: flex-start;}
.step2 .row .text p{display:none;}
.step2 .row .text .more{width: 80%;}
.step3 .table{line-height: 22px;}
.step3 .table td{padding: 10px 0;}
.step3 .btn>a{width: 48%;font-size: 12px;}
.step3 .btn>a i{display: none;}
.step4 .wrap{padding: 40px 3%;flex-flow: column-reverse;}
.step4 .text{width: 100%;padding: 0;}
.step4 .text .box{font-size: 13px;line-height: 2;}
.step4 .pic{display: none;}
.step4 .text .more{margin: 30px auto 0;font-size: 14px;}
.step5 .gallery-top, .step5 .gallery-thumbs{margin: 0;}
.step5 .gallery-top .video{height: 180px;}
.step5 .gallery-thumbs .swiper-wrapper{justify-content: flex-start;}
.step6 .row{width:100%;margin-bottom: 6%;}
.foot .f-dh{width: 100%;}
.foot .f-dh dl:last-of-type{width: 100%;margin-top: 20px;}
.foot .f-dh h3{font-size: 14px;}
.foot .code{width: 100%;margin-top: 40px;display: none;}
.copyright .wrap{font-size: 12px;padding: 10px 0;}
.ban{height: 20vh;}
.ban h3{font-size: 24px;}
.contact{padding: 40px 0;}
.contact .item{width: 100%;}
.contact .item:last-of-type{margin-top: 30px;}
.contact .box{font-size: 13px;}
.contact .form input, .contact .form textarea{width: 100%;}
.map{height: 300px;}
.res-1,.res-2{padding: 40px 0;}
.res-1 .row{width: 100%;height: auto;padding: 30px 5%;}
.res-1 .row i{zoom: 0.6;}
.res-2 .core{flex-flow: column-reverse;}
.res-2 .text{width: 100%;margin-top: 20px;}
.res-2 .img{width: 100%;}
.res-4 li .t,.res-5 li .t{font-size: 12px;line-height: 2;padding: 15px 3%;}
.res-5{padding: 30px 0;}
.res-4 li .box, .res-5 li .box{font-size: 12px;}
.list-vid{padding: 40px 0;}
.list-vid .core li{width: 49%;margin-right: 0;font-size: 12px;}
.list-vid .core li:nth-child(2n){float: right;}
.list-vid .core li .img{height: 110px;}
.list-vid .core li .pay{zoom: 0.7;}
.vid-contact{padding-top: 50px;}
.list-vid .core li .t{line-height: 1.8;}
.vid-tab{flex-flow: column;}
.vid-tab li{font-size: 12px;margin-bottom: 2%;}
.list-p li{width: 50%;margin-right: 0;margin-bottom: 2%;}
.list-p li .img{height: 200px;padding: 2% 0;display: block;text-align: center;}
.p-intro{padding: 40px 0;}
.p-intro .text{width: 100%;font-size: 13px;line-height: 2;}
.p-intro .img{width: 100%;margin-top: 20px;}
.p-intro .text h3{font-size: 16px;line-height: 1.6;margin-bottom: 15px;}
.show-top .picture{width: 100%;}
.show-top .text{width: 100%;margin-top: 30px;}
.show-top .gallery-thumbs .swiper-slide{height: auto;}
.relation .img{display: block;text-align: center;height: auto;}
.relation .text{line-height: 2;}







}