@charset "utf-8";
@media screen and (max-width: 1920px) {

}
@media screen and (max-width: 1680px) {
.banner{height: 543px;}
.nban{height: 306px;}
.banner .zi span{font-size: 45px;}
}
@media screen and (max-width: 1440px) {
.banner{height: 465px;}
.nban{height: 263px;}
.abtit{font-size: 22px}
.anlitit span{font-size: 40px}
.anli-prev, .anli-next{top: 10px}
.protit i{font-size: 70px}
.newstit i{font-size: 70px}
}

@media screen and (max-width: 1366px){
.banner{height: 441px;}
.nban{height: 249px;}
}

@media screen and (max-width: 1200px) {
.banner{height: 388px;}
.nban{height: 219px;}
.container{max-width: 100%;padding-left: 15px; padding-right: 15px;}
.header .x{height: 90px;}
.header h1{line-height: 80px;font-size:22px }
.heay .tel{margin:9px 0;}
.nav{padding: 5px 0}
.nav:before{width: 40px; left: -40px}
.banner .zi span{font-size:33px}
.banner .zi a{padding:3px 30px;font-size: 16px;}
.protit i{font-size: 50px}
.newstit i{font-size: 50px}
.anlitit span{font-size: 32px}
.anli-prev, .anli-next{top: 0}
.anli-next{right: 15px;}
.anli-prev{right: 45px;}
.zuo-t{font-size: 20px;height: auto; margin-top:20px;padding: 10px 0}
.newscon-t>h1{font-size: 20px}
}
@media screen and (max-width: 1024px) {
.banner{height:331px;}
.nban{height: 187px;}
.abtit{margin-bottom: 20px}
.syaby>a{margin-top: 20px;height: 30px; line-height: 30px; width: 160px}
.sypro-m li, .sypro-m i{height: 40px; line-height: 40px}
.zuo{width:24%; }
.zuo li{font-size: 14px;background-position: 7px 20px!important}
.zuo li>a{padding: 10px}
.you{width:74%}
}
@media screen and (max-width: 920px) {
.banner{height: 297px;}
.nban{height: 168px;}
}


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

@media screen and (max-width:768px) {
.banner{height: 248px;}
.nban{height: 140px;}
.header .t{height: 2px}
.header{height: 60px;position: fixed;top: 0;left:0;z-index: 10;background:#fff;}
body{padding-top: 60px}
.header h1 {line-height: 50px;font-size: 16px;}
.header h1 img{height: 48px}
.heay{width: auto;}
.header .tel{font-size: 14px; padding: 2px 10px;background-image: none;margin-right: 40px;
margin-top: 15px;}

.navbtn{position: absolute; right:15px; top:17px;z-index: 3;cursor: pointer;
display: block; background: transparent; padding:4px 0; outline: none}
.navbtn span {display: block;width:26px;height:3px;background-color:#2155e9;
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{ background:#2155e9;padding: 4px 2px}
.navbtn.active span{background: #fff;}
.navbtn.active span:nth-child(2) { opacity: 0;}
.navbtn.active span:first-child {transform: rotate(45deg) translate(2px, -4px);}
.navbtn.active span:last-child {margin-bottom: 0; transform: rotate(-45deg) translate(-1px, 3px);}
.nav{display: none;position: fixed;width:65%;min-width: 220px; height:calc(100vh - 60px);
top:60px;overflow: auto;background:rgba(0,0,0,0.9); 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; height: 50px}
.nav>li:hover, .nav li.active{background:none; color: #1fbc9d}
.banner .zi span{font-size: 20px;}
.banner .zi p{font-size: 16px;}
.banner .zi a{font-size: 14px;padding: 2px 15px}
.banner .swiper-pagination{bottom: 0}
.banner .swiper-pagination-bullet{width: 20px}
.nban .zi{bottom: 10px}
.mar4{margin:20px auto;}
.syabz{width: 100%}
.syaby{width: 100%;margin-top: 20px}
.abtit{font-size: 18px;}
.sypro-m li, .sypro-m i{width: 49%;margin-bottom: 10px}
.sypro-m i{margin-bottom: 0}
.sypro{padding-top: 15px}
.protit i{display: none;}
.pro li{width: 48%;margin-bottom: 20px}
.pro li b{height: 200px; border-width:2px}
.newsbg{padding: 20px 0}
.newstit i{display: none}
.news li{width: 100%; margin-right: 0;margin-bottom: 20px;padding: 10px}
.news li p{ height: auto;}
.newsmore{width: 150px; height: 30px; line-height: 30px;}
.anlitit span{font-size: 24px}
.anli-prev, .anli-next{top: -3px}
.anli{padding: 10px;}
.anli li{height: 60px;}
.anlist li{margin-bottom: 10px;width: 31.7%;}
.footer{line-height: 1.6}
.footer .t{display: none}
.footer .txt{margin: 10px 0}
.footer .txt .z{display:none}
.footer .y{margin-left: 0;width: 100%; text-align: center;}
.copy{padding: 5px 0; text-align: center;}
.footer .wx{float: none;}

.zuo{width: 100%;min-height: auto;padding-bottom: 0;margin-bottom:20px;
margin-top: 20px;position: relative;}
.zuo-t{margin-top: 0; padding: 5px 0;font-size: 18px;margin-bottom: 0;cursor: pointer;}
.zuo ul{position: absolute; top: 100%; left: 0; width: 100%; z-index: 2;
background:#f3f4f6;padding-bottom: 20px; display: none;}

.you{width: 100%;margin-bottom: 20px}
.posi{display: none}
.prolist li{width: 48%!important;margin-right: 2%!important}
.fenye{padding-top: 10px}
.nban .zi{font-size: 16px;}
.nban .zi:after{margin-top: 0}
.video li{width: 48%!important;margin-bottom: 20px}
.syabz .mask img{width: 30px}
/*.anli li{width: 31.33%!important;margin-right: 2%!important }*/
#dituContent{height: 250px}
.contact{margin-top: 20px}
.newscon{padding: 10px}
.newscon-t{padding-bottom: 10px; margin-bottom: 20px}
.newscon-t>h1{font-size: 18px}
.artpage{margin-top: 20px}
.artpage a.fan{float: left; margin-top: 10px}
.procon-t{padding-bottom: 10px; margin-bottom: 20px}
.proconimgz{width: 100%}
.proconimg{width: 80%;border-width: 2px; height: 250px}
.procon-m li{width: 50%; height: 30px; line-height: 30px;font-size: 16px}
.prodvideo{ width: 100%; }
.qita-t{width: 50%; height: 30px; line-height: 30px;font-size: 16px;margin:20px 0;}

.videos{ width:100%;}
}

@media screen and (max-width:640px) {
.banner{height: 207px;}
.nban{height: 117px;}
}


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

}