.nav span{ display: none; }
@media screen and (max-width: 1920px) {

}
@media screen and (max-width: 1680px) {
.banner{height:553px}
.nban{height:256px;}
}
@media screen and (max-width: 1440px) {
.banner{height:474px;}
.nban{height:219px;}

.loginbg{padding:90px 0;}
}

@media screen and (max-width: 1366px){
.banner{height: 450px}
.nban{height:208px;}
.heax{height: 90px; line-height: 90px}
.hsea{margin-top:25px;}
.htel{margin-top: 15px}
.nav li{height: 50px; line-height: 50px}
.nav li .xiala{ top: 50px; }
.banzi{padding: 20px; font-size: 24px}
.banzi b{font-size: 50px}
.dtit{padding: 20px 0}
.dtit2{padding: 0; padding-bottom: 10px}
.dtit3{padding-bottom: 10px;}
.sy01{padding-bottom: 20px}
.sy02{padding-bottom: 20px}
.sy03{padding-bottom: 20px}
.sy05{padding-bottom: 20px}
.sy06{padding-bottom: 20px}
.sy07{padding-bottom: 20px}
.sy07 li{width:15%;margin: 0 5%}
.link{padding: 10px 0}

.mar3{margin-top: 20px}
.zuo b{font-size: 22px}
.you{padding-bottom: 20px}
.you-t{margin-bottom: 10px;padding: 5px 0}
.contact b{font-size: 22px}
.fenye{margin: 20px auto;padding-top: 20px}
.wuzi li p{margin: 10px 0}

}

@media screen and (max-width: 1200px) {
.banner{height:395px;}
.nban{height:183px;}
.container{ max-width:100%; width: 100%; padding-left: 10px; padding-right:10px}
.heax h1 img{height:50px; }
.htel{background-size:30px;padding-left: 35px}
.htel b{font-size: 22px}
.dtit{font-size: 18px;}
.sy06tu b{font-size: 16px}
.sy07 li b{font-size: 16px}
.footx>a>img {height:55px}
.footx>span>img{height: 80px}
.footx span>i>a{margin-top: 5px}

.ab1-t>i{font-size:40px }
.ab1-t>b{font-size: 20px}

.loginbg{padding:40px 0;}
}


@media screen and (max-width: 1024px) {
.banner{height:337px}
.nban{height:156px;}
.banzi{font-size: 18px}
.banzi b{font-size: 35px}
.hlang {margin-left: 20px}
.hsea {margin-right: 20px}
.hsea .k{width: 170px;}
.nav{font-size: 15px}
.nav li{height: 40px; line-height: 40px}
.nav li .xiala{ width: 170%; left: -35%; top: 40px; }
.nav li .xiala a{ font-size: 12px;}

.synote li{width:47%;margin-right:3%;}

.zuo b{font-size: 18px}
.you-t>b{font-size: 18px}

.registz{padding-right: 0; border-right: 0}
.registy b{font-size: 50px;letter-spacing: 0;}
}

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

}

@media screen and (max-width:768px) {
.banner{height: 253px;}
.nban{height:105px;}
.banner .swiper-pagination-bullet{width:5px;height:5px}
.banner .swiper-pagination-bullet-active{width: 15px}
.banner .swiper-pagination{bottom: 0px;}
.banzi{padding: 5px;font-size: 14px}
.banzi b{font-size: 20px}

.heat i{display: none}
.heat span>a{margin-left: 5px}
.heax{height: auto; line-height: initial; padding-top: 5px;overflow: hidden;}
.hlang{position: absolute;top: 5px;left: 0; line-height: initial;margin-left: 10px}
.hlang>a{padding: 0 8px}
.htel {margin-top: 0; margin-right:50px; line-height: 22px}
.htel b{font-size: 18px}
.hsea{width: 100%; float: left;margin:5px 0}
.hsea .k{width: 88%}
.hsea .b{width: 12%}


.navbtn{position: absolute; right:15px; top:50px;z-index: 3;
display: block; background: transparent; padding:4px 0; outline: none}
.navbtn span {display: block;width:26px;height:3px;background-color:#0a3190;
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:#0a3190;}
.navbtn.active span{background: #fff;}
.navbtn.active span:nth-child(2) { opacity: 0;}
.navbtn.active span:first-child {transform: rotate(45deg) translate(3px, -5px);}
.navbtn.active span:last-child {transform: rotate(-45deg) translate(-1px, 6px);}

.nav{display: none;position: fixed;width:40%;min-width: 220px; height: 100%;overflow: auto;
	background:rgba(0,0,0,0.9); padding:50px 20px 0 20px; z-index: 3;
right:-100%; top: 0; /*transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;
-ms-transition: all .5s;-moz-transition: all .5s;*/}
.nav.lef{right: 0}
.nav span{ display: block; cursor: pointer; position: absolute; top:10px; right: 10px; width: 50px; line-height: 30px; text-align: center; height: 30px; font-size: 14px; color: #ffffff; background: #0a3190;  }
.nav ul{ height: calc(100vh - 50px); overflow:auto; }
.nav li{width: 100%;color: #fff;margin-bottom: 7px; height: auto;}
.nav li .xiala{ position:static; width: 100%; }
.nav li .xiala a{ font-size: 14px; }
.synote{padding: 5px 0}
.synote li{width: 100%}
.synotedong{padding-left: 50px!important; background-position: 10px center}
.dtit{padding: 10px 0}
.dtit a{padding: 0 15px}

.sy01{padding-bottom: 10px}
.sy02{padding-bottom: 10px}
.sy03{padding-bottom: 10px}
.sy05{padding-bottom: 10px}
.sy06{padding-bottom: 10px}
.sy07{padding-bottom: 10px}
.sy01 li{width: 48%;margin: 0 1%;margin-bottom: 10px}
.sy01 li p{padding: 5px}
.sy02 li{width:33.33%;margin-bottom: 10px }
.sy02 li p{font-size: 14px; margin-top: 10px}
.sy03ul1{padding:10px;padding-top: 0}
.sy03-ban{width: 100%}
.sy03ul1 li p{margin-top: 10px}
.sy03ul2 li span{display: none}
.sy04ul{width: 100%;margin-right: 0;margin-bottom: 10px}
.sy04ul li{margin: 2px 0}
.sy04ul img{width:80%;margin: 6px 0}
.sy04ul span{font-size: 16px}
.sy05-ban{width: 100%;margin-bottom: 10px}
.sy05-ban .sy03ul2{padding: 10px;padding-top: 0}
.sy06 .tu1{width: 59%}
.sy06 .tu2{width: 40%}
.sy06 .tu3{width: 43%}
.sy06 .tu4{width: 56%}
.sy06tu b{right: 10px; bottom: 10px}
.foott{display: none}
.footx{padding: 5px 0}
.footx>a>img{display: none}
.footx p{width: 100%;margin-left: 0;text-align: center;line-height: 1.6;margin-bottom: 10px}
.footx span{float: none; margin: 0 auto;display: table;}
.footx>span>img{float: none}
.copy{padding: 5px 0}

.mar3{margin-top: 10px}
.zuo{width: 100%;margin-bottom:10px}
.zuo b{display: none}
.zuo ul{padding: 0; background:none;}
.zuo li{width: 48%;float:left; background:#f2f1f1;padding: 0; text-align: center;
height: 35px; line-height: 35px;margin: 0 1%;margin-bottom:5px;border:none;}
.zuo li:hover, .zuo li.cur{background:#0a3190;}

.nynav a{width: 48%; margin:0 1%;height: 35px; line-height: 35px;}

.you{width: 100%;padding-bottom:10px }
.you-t{display: none}
.ab1-t>i{font-size: 30px;margin-top: 8px;}
.ab1-t{background-size: 80%}
.contact{margin-bottom: 10px}
.contact b{font-size: 18px}
.contact p{width: 100%}
.contact  img{float: none}
.team1 li{width:25% }
.team1 li p{margin: 10px 0}
.team2 li{width: 30%}
.news li{padding: 5px;margin-bottom: 10px}
.wuzi li{width: 47%}
.jiu1 li{width: 100%;margin:5px;text-align: center;}
.jiu1>p>img{max-width: 80%}
.jiu1>p{margin-bottom: 10px}
.jiu1 li strong{font-size: 16px}
.jiu2top p{width: 100%}
.jiu2top>img{width:80%;}
.jiu2top{margin-bottom: 10px}

.loginbg{padding: 20px 0}
.login{padding: 20px}
.regist{padding: 20px}

.ce{ display: none; }
}


@media screen and (max-width:640px) {
.banner{height:211px;}
/*.nban{height:97px;}*/
.htel{display: none}
.sy04ul img{width:100%;}
.sy07 li{width: 35%;margin: 0 7%; margin-bottom: 10px}

.login{width: 100%}
.login h3{font-size: 18px;margin-bottom: 10px;}
.login .b{font-size: 16px;}
.regist h3{font-size: 18px;margin-bottom: 10px;}
.registz{width: 100%}
.registz .b{font-size: 16px;}
.registy{width: 100%;padding-top:20px;}
.registy .lo{font-size: 16px;}
.registy b{display: none}

.jiu2top img{ width: 100%; }
.showtle h1{ font-size: 18px; }
.synotedong{ height:30px;line-height:30px; }
.synote li{ height:30px;line-height:30px; }
.neirong{ line-height: 1.8; }
}


@media screen and (max-width: 480px) {
.banner{height: 158px;}


.memform li{ height: auto; }
.memform li span{ text-align: left; width: auto; }
.memform li .input{ width: 100%; }
.memform button{ width: 100%; margin-left:0;  }

}