@media screen and (max-width: 1680px) {
.banner{height: 641px;}
.nban{height: 319px;}
.nav li>a{padding: 0 13px}
.dtit b{font-size: 110px}
.banner .zi b{font-size: 32px}
}

@media screen and (max-width: 1440px) {
.banner{height: 550px;}
.nban{height: 319px;}
.header h1{padding: 0 1%}
.dtit b{font-size: 90px}
.dtit span{font-size: 26px}
.nban b{font-size: 22px}
}

@media screen and (max-width: 1366px){
.banner{height: 521px;}
.nban{height: 259px;}
.sea{margin-right: 6%;border-right:1px solid #fff;}
.navbtn{width: 6%; background:#0891df;position: absolute; height: 100%;
right: 0;top: 0; cursor: pointer; outline: none}
.navbtn span {display: block;width:26px;height:3px;background-color:#fff;
margin-left: calc(50% - 13px);margin-bottom:3.5px; transition: all .5s ease-out;transform-origin: 0 0;
-webkit-transition: all .5s ease-out; -webkit-transform-origin: 0 0;
-moz-transition: all .5s ease-out; -moz-transform-origin: 0 0;
-ms-transition: all .5s ease-out; -ms-transform-origin: 0 0;
-o-transition: all .5s ease-out; -o-transform-origin: 0 0;}
.navbtn.active span{background: #fff;}
.navbtn.active span:nth-child(2) { opacity: 0;}
.navbtn.active span:first-child {transform: rotate(45deg) translate(1px, -4px);}
.navbtn.active span:last-child {margin-bottom: 0; transform: rotate(-45deg) translate(-1px, 3px);}
.nav{display: none;position: absolute;width: 400px; height:calc(100vh - 80px);
top:80px;overflow: auto;background:rgba(24,25,27,0.91); padding: 20px 0; z-index: 3;right:-100%;
-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;
-moz-transition:all .5s;}
.nav.lef{right: 0}
.nav li{width: 100%;line-height: 50px;color: #fff;padding-left: 5%}
.nav li a{padding: 0}
.nav .zi{display: block!important;position: static;background:none;
width: 100%;padding: 0 10px}
.nav .zi .z,.nav .zi .y{width: 100%;}
.nav .zi .z{border-left:none; padding-left:0;}
.nav .zi .y{padding-right: 0}
}

@media screen and (max-width: 1280px) {
.banner{height: 489px;}
.nban{height: 243px;}
.container{max-width:96%;}
}

@media screen and (max-width: 1200px) {
.banner{height: 456px;}
.nban{height: 228px;}
.banner .zi b{font-size: 26px}
.dtit b{font-size: 70px}
.dtit span{font-size: 20px;background-size: 40px;padding-top: 30px}
.syyong ul li .mask p{font-size: 18px;background-size: 45px;padding-top: 50px}
.vitopz #homevideo{height: 470px;}
.vitopz li img{height: 470px;}
.vitopz li .livideo video{height: 470px; }
.vitopy{height: 360px}
}
@media screen and (max-width: 1024px) {
.banner{height:391px;}
.nban{height: 194px;}
.header{line-height: 50px}
.header h1 img{height:30px }
.sea .b{height: 50px;background-size: 23px}
.tel{background-size: 30px;padding-left: 35px}
.bannerbg,.nban{margin-top: 50px;}
.nav{top: 50px;height:calc(100vh - 50px);}

.zuo{width: 100%}
.zuo li a{width: auto}
.you{width: 100%}

.vitopz #homevideo{height: 390px;}
.vitopz li img{height:390px;}
.vitopz li .livideo video{height:390px; }
.vitopy{height: 280px}
.vitopy li p{padding:10px 0;height: 50px;overflow: hidden;}
}
@media screen and (max-width: 980px) {
.banner{height:374px;}
.nban{height: 186px;}
.container{max-width: 640px}
.header .container,.footer .container{max-width: 96%}
.banner .zi{bottom: 4%}

.xtit{font-size: 20px}
.pro li figure{height: 300px}
.procon01 .y b{font-size: 18px}
.procon01 .y a{margin-top: 10px}
.procon-t{height: 34px;line-height: 34px}
.procon .pei{padding:2%;}
.yong-m li{background-position: 10px center;font-size: 18px;width: 46.3%}
.yong-m li a{padding:20px 0 }
.yong li b {font-size: 16px}
.vitopz{width: 100%}
.vitopypr{width: 100%;margin-top: 10px}
.vitopy{height: auto}
.videobo{background-size: 25px}
.video-t{font-size: 20px}
.videoul li span{margin:10px;}
.down li{width: 100%}
.zhao li span{font-size: 20px}
.zhao li{width: 48%;padding: 10px}
.zhao li a{margin-top: 20px}
}

@media screen and (max-width: 860px) {
.banner{height: 328px;}
.nban{height: 163px;}
}

@media screen and (max-width:768px) {
.banner{height: 293px;}
.nban{height: 146px;}
.container{width: 96%;}
.tel{display: none}
.header h1{padding: 0 10px}
.bannerbg span:after{width: 15px}
.bannerbg .swiper-pagination span{margin:0 10px!important;}
.sea{width: 50px;margin-right: 50px}
.navbtn{width: 50px;}
.bannerbg{padding-bottom: 40px}
.banner .zi{width: 80%;right: 10%}
.banner .zi b{font-size: 20px;}
.banner .zi p{font-size: 14px}
.bannerbg .swiper-pagination span{width: 23px;height: 25px;
line-height: 25px;}
.header{line-height: 40px}
.header h1 img{height: 25px}
.sea .b{height: 40px}
.bannerbg,.nban{margin-top: 40px;}
.nav{width: 80%;top: 40px;height:calc(100vh - 40px);}
.nav li{padding-left: 20px}
.dtit{margin:25px 0 10px 0;}
.dtit b{font-size: 40px}
.dtit span {background-size: 30px;padding-top: 20px}
.sypro li p{line-height: 35px}
.sypro{padding-bottom: 40px}
.syyong ul{width: 100%!important}
.syyong ul li{width: 50%!important;height: 180px}
.syyong ul li img{height: 100%;width: auto!important;min-width:100%!important}
.syyong .ul5 li{ width:50%;}

.syab-num{width: 100%}
.syab-num li span{font-size: 26px;}
.syab-num li p{font-size: 14px}
.syab .mo{width: 150px;height: 35px;line-height: 35px}
.link{margin:10px auto;}
.link li{height: 50px;line-height: 50px}
.footx .y{width: 100%}
.footx{padding: 10px 0}

.nban b{font-size: 20px;margin-bottom: 0}
.xtit{font-size: 18px}
.zuo li a{width: 50%;text-align: center; border-bottom:none;line-height:40px }
.pro li p{font-size: 16px;padding:5px 0 10px 0;}
.pro li figure{height:260px }
.procon01 figure{width: 100%}
.procon01 .y{width: 100%;margin-top: 10px}
.procon .pei li{width: 100%}
.procon .pei img{width: 38px}
.procon-t b{width: 110px}
.vitopy-prev, .vitopy-next{height: 30px;}
.videoul li{width: 48%;margin:0 1%;}
.yong li{width: 48%;height: 170px}
.down li{line-height: 22px;padding:10px 0 10px 45px;background-position: 10px 10px}
.down li .d{float: none;display: block;margin-top: 10px; height: 40px;width: 50px}
.fenye a,.fenye span{padding: 4px 8px}


.showtle{ font-size: 18px; font-weight:normal; margin:20px 0 20px 0; padding:0 0 10px 0; }

.videoshow{ width:100%; height:260px; background:#000; margin:0 auto 30px auto; overflow: hidden; }
.videoshow iframe{ width: 100%; height:260px; display: block; }

.my-map{ height:auto;  }
.map{ width: 100%; height:200px; }
.maptxt{ width: 100%; height: auto; }
}
@media screen and (max-width:640px) {
.banner{height: 244px;}
.nban{height: 146px;}
.yong-m li{width: 100%;background-position:17% center;}
.yong li b{font-size: 14px}
.pro li{width: 100%;margin:0;}
.zhao li{width: 100%;margin:0;margin-bottom: 10px;}
.zhao li span{margin-bottom: 0}

.vitopz #homevideo{width: 100%;height:260px;}
.vitopz li img{width: 100%;height:260px;}
.vitopz li .livideo video{height:260px;}

}