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

}
@media screen and (max-width: 1680px) {
.banner{height: 501px}
.nban{height: 393px;}
}
@media screen and (max-width: 1440px) {
.banner{height: 429px;}
.nban{height: 337px;}

.sysec1z{margin: 30px auto}
.sysec1dong{height: 160px}
.sysec1{padding:30px;}
.dtit{padding:30px 0;}
.dtit b{font-size:24px; }
.dtit span{font-size: 21px}
.sywhybg{padding-bottom:30px}
.sydatabg{padding-bottom: 30px}
.synewsbg{padding-bottom: 30px}
.sycont{padding-bottom: 30px}
.sycont li figure b{font-size: 20px}
.syfuwu li .txt i{font-size: 30px}
.syfuwu{margin-bottom: 40px}

.team01bg{padding-bottom: 30px}
.team02 li{margin-bottom:50px}
.teamcon{padding: 30px 0}
.data01-m{margin-bottom: 20px}
.data01{padding-bottom: 40px}
.data01 .swiper-pagination{bottom: 25px}
.notice{margin-bottom:30px}
.content h3{font-size:18px}
.content{margin-bottom: 30px}
.sgu h6{font-size: 18px}
.course01{padding-bottom: 40px}
.course02{margin-bottom: 30px}
.course03{padding-bottom: 30px}
.newsbg{padding-bottom: 30px}
.fenye{margin-top: 30px}
.contact01{padding: 20px}
.contact01 .hk{height: 60px;}
.contact02{margin-bottom: 30px}
}

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

.por-next{right:0;}
.por-prev{left:0;}
}

@media screen and (max-width: 1200px) {
.banner{height:385px;}
.nban{height: 281px;}
.container{ max-width:100%; width: 100%; padding-left: 10px; padding-right:10px}
.header{line-height: inherit;padding-bottom: 5px}
.header h1{float: none; text-align: center;}
.header h1 img{height:30px}
.nav{float: none; margin: 0 auto;}
.nav li{margin: 0 6px}
.synewsy li{padding:15px }
.foottop .z{width: 100%}
.foottop .y{width: 100%;}
.news li i{font-size: 30px;margin-right:10px}

.contact01{padding: 10px;}
.contact01 .t{margin-bottom: 5px;font-size: 14px}
.contact01 .k{margin-bottom: 5px;height: 30px; line-height: 30px}
.contact01 .hk{line-height: 24px;height:60px}
.contact01 .t b{font-size: 20px}
}


@media screen and (max-width: 1024px) {
.banner{height:305px}
.nban{height: 239px;}
.nav li{margin: 0 10px}
.header{height: 100px;}
.banner,.nban{margin-top: 100px;}
.sysec1dong{height: 120px}
.sysec1{padding:20px;}
.sysec1 .z img{width:80px }
.sysec1 .z p{line-height: 1.8}
.sysec1-t span{padding: 3px 6px; font-size: 18px;}
.sysec1 .y{padding:15px}
.sysec1 .y b {font-size: 16px;}
.sywhy li b{margin:25px 0 10px 0 }
.sydataz{width: 40%}
.sydataul{height: 290px}
.sydataul li .zi{padding: 0 5px}
.sydataul li .zi>img{margin-right: 5px}
.sydataul li .zi .ziname{margin-right: 5px}

.syteam li{padding: 35px 10px}
.synewsy li{padding: 10px 15px}
.syzhisy{padding: 20px}
.syzhisy h2{font-size: 18px}
.syzhisy h3:before{margin-bottom: 0}
.syfuwu li .txt i{font-size: 22px;}
.syfuwu li .txt b{font-size: 16px}
.syfuwu li .txt{height: 180px;padding: 10px}

.course02{width: 100%}
.teamcony h3{font-size: 20px}
.teamcony .zi{margin-top: 30px}
.news li p{width:55%; }
.contact02 li i{width: 70px; height: 70px;line-height: 70px}
.contact02 li i img{width: 40px}
.contact02 li b{margin-top: 10px}
}

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

.videos{width:100%; height: 360px; left: 0; margin-left:0; margin-top:-180px;}
.videos iframe{ width:100%; height: 360px;}


}

@media screen and (max-width:768px) {
.banner{height: 229px;}
.nban{height: 180px;}
.banner .swiper-pagination-bullet{width:10px;height: 2px}
.banner .swiper-pagination-bullets{bottom: 0px!important;}
.header{height:45px;}
.header h1{float: left;}
.banner,.nban{margin-top: 45px;}
.navbtn{position: absolute; right:10px; top:12px;z-index: 3;
display: block; background: transparent; padding:4px 0; outline: none}
.navbtn span {display: block;width:26px;height:3px;background-color:#25a3d9;
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:#25a3d9;}
.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:calc(100vh - 93px);
	top:45px; overflow: auto;
	background:#262528; padding: 20px 0;margin: 0; 
right:-100%; transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;
-ms-transition: all .5s;-moz-transition: all .5s; z-index: 50}
.nav.lef{right: 0}
.nav li{width: 100%; font-size: 16px;text-align: center; margin: 0;line-height:40px;}
.nav li a{display: block;}

.sysec1z{margin: 10px auto}
.sysec1-t{margin-bottom: 10px}
.sysec1-t .mo{margin-top: 5px}
.sysec1dong{height: 160px}
.sysec1{padding: 10px;}
.sysec1 .z{width: 100%}
.sysec1 .y{ width: 100%; padding:5px 10px; margin-top:5px; }
.sysec1 .y b { font-size: 14px; margin-bottom:0;  }

.dtit{padding:10px 0;}
.dtit b{font-size:18px;line-height: inherit; }
.dtit span{font-size: 14px; line-height: 1}
.sywhybg{padding-bottom:10px;background: #f9f9f9;}
.sywhy li{width: 100%;padding: 10px;margin-bottom:40px}
.sywhy li:last-child{margin-bottom: 0}
.sywhy li i{top: -35px}
.sywhy li i>img{width: 70px}
.sywhy li b{font-size: 16px}
.sywhy li p{height: auto;}
.sydatabg{padding-bottom: 10px}
.sydataz{width: 100%;text-align: center;}
.sydataz img{max-width: 75%}
.sydatay{width: 100%;margin-top: 0}
.sydatay .t{font-size: 16px; margin-bottom: 10px}
.sydatay-prev{top: 0}
.syteam li{padding-top: 50px;margin-bottom:60px; height: auto;}
.por-prev,.por-next,.por-prev:hover,.por-next:hover{background-size: 22px;}
.slbArrow.next,.slbArrow.prev,.slbArrow.next:hover,.slbArrow.prev:hover
{background-size: 22px!important;}
.por .swiper-pagination{bottom: 10px; display: none;}
.synewsbg{padding-bottom: 10px}
.synewsz{width: 100%}
.synewsz li{margin-right: 0; padding: 0 5px; width: 50%}
.synewsz li img{min-height: auto}
.synewsy{width: 100%}
.synewsy li{margin-bottom: 5px}
.synewsy li .date .day{font-size: 26px}
.sycont{padding-bottom: 10px}
.sycont li{width: 100%;margin-bottom: 10px}
.sycont li figure{width: 32%}
.sycont li figure b{font-size: 16px}
.sycont li p{margin-top: 10px}
.syzhisbg{background-size: cover;padding-bottom: 10px}
.syzhis{margin-bottom: 0}
.syzhis figure{width: 100%}
.syzhis figure .mask{ background-size:auto 20%;  }
.syzhisy{width: 100%;padding: 10px}
.syzhis:after{width: 100%;height: 2px}
.syzhisy h3{font-size: 18px}
.syzhisy h2{font-size: 16px;margin-bottom:10px;}
.syzhisy p{}
.syfuwu{margin-bottom: 10px}
.syfuwu li{width: 100%}
.syfuwu li figure{display: none}
.syfuwu li .txt em{display: none}
.syfuwu li .txt{height: auto}
.syfuwu li .txt p{margin-top:5px}
.footer{margin-bottom: 48px;margin-top: 10px}
.foottop{margin: 10px 0}
.foottop .z li{background-size: 26px!important;padding-left: 30px}
.foottop .z li>i{font-size: 14px}
.foottop .y{display: none}
.footxia{padding: 5px}
.footxia>h3{display: none}
.footxia p{margin-left: 0; line-height: 1.5}
.footxia img{display: none}
.online{width: 100%;}
.online li{width: 20%;padding: 2px 0}
.online li.onwx .tu{left: 0;margin: 0 auto;bottom: -100%}
.online li.onwx:hover .tu{right: 0; top: -100px;z-index: 1}

.team01bg{padding-bottom: 10px;}
.team01 li{width: 100%;margin-bottom: 10px}
.team01 i{display: none}
.team01 li span{float: left;margin-right: 10px; width:55px; height:55px;
line-height: 55px;font-size: 18px}
.team01 li b{float: left;margin-top: 15px}
.team01zi{margin-top: 10px}
.team02 li{margin-bottom:30px;width: 47.5%}
.teamcon{padding:20px 0}
.teamcon figure{width: 100%;text-align: center;}
.teamcony{width: 100%;margin-top: 10px}
.teamcony .zi{margin-top: 10px}
.data01-m{margin-bottom: 10px}
.data01-m li{margin: 0 5px;}
.data01-m li>a{padding: 2px 8px}
.data01{padding-bottom: 20px}
.data01 li{width: 100%; margin:0 0 1% 0; }

.data01 .swiper-pagination{bottom: 10px; display: none;}
.data01 .swiper-pagination span{width: 6px; height: 6px}
.data01 .swiper-pagination span.swiper-pagination-bullet-active{width: 18px}
.notice{margin-bottom:10px}
.notice li{padding: 5px}
.content h3{font-size:16px;height: 35px; line-height: 30px;margin-left: 0}
.content{margin-bottom: 10px;padding: 0}
.contentxia{background:#f9f9f9;}
.sgu{background:#fff;}
.sgu h6{font-size: 16px}
.course01{padding-bottom: 10px;background:#f9f9f9;}
.course01 ul li{width: 100%;margin-bottom: 10px}
.course01 ul li i>img{width: 55px}
.course01 ul li b{margin-top: 0}
.course02{margin-bottom:10px;font-size: 14px}
.course03{padding-bottom:10px}
.course03 p{margin-top: 10px}
.yishuteam li{width: 100%;margin-bottom: 10px}
.yishuteam li>img{width: 55%;margin: 0 auto}
.yishuteam li .zi{width: 100%;padding: 0; border: none}
.yishuteam li .zi b{font-size: 16px;margin-bottom: 5px}
.yishuteam li .zi2{width: 100%;}
.newsbg{padding-bottom: 20px}
.news li figure{width: 155px;margin-right: 5px}
.news li span{font-size: 16px; height:25px; overflow: hidden; margin:10px 0 5px 0}
.news li p{width:auto;float: none}
.news li i{display: none}
.fenye{margin-top: 20px}

.ditu .container{position: static;}
.contact01{height: 200px; margin-top: 190px; width: 100%}

.contact02{margin-bottom: 10px}
.contact02 li{width: 100%;margin-bottom: 10px}
.contact02 li i{float: left;margin-right: 10px;width: 40px; height: 40px; line-height:40px;
margin-top: 5px}
.contact02 li i img{width: 30px}
.contact02 li b{float: left;margin-top: 0;width: 83%; font-size: 14px; text-align: left;}

.huibg .container{ width: 100%; padding:0;  }
.anlicon{ margin-top:0; margin-bottom: 0; }
.showtle{ font-size: 16px; padding: 10px;  }
.txt-t{ padding: 10px; }
.txt-t p{ width: 100%; }
.txt-t .bdsharebuttonbox{ width: 100%; }
.showtxt { padding: 0 10px; }
.anlipage > a{ width: 100%; padding: 10px 0; }
.anlipage > a.a1{ border-right: none; padding-bottom: 0; }

.sydataul li .zi{padding: 0 0 0 10px;}
.sydataul li .zi span{ font-size: 14px; }
.sydataul li .zi > img{ display: none; }
.content .img{ width: 50%; display: none;  }

}

@media screen and (max-width:640px) {
.banner{height:191px;}
.nban{height:150px;}
.contact01{margin-top: 160px}
}


@media screen and (max-width: 480px) {
.banner{height: 143px;}
.nban{height:112px;}
.contact01{margin-top: 122px}
.team02 li{width: 100%;margin-left: 0; margin-right: 0}
}