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

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

}
@media screen and (max-width: 1440px) {
.header{height: 80px;line-height: 80px}
/*body{padding-top: 80px}*/
.nav{width: 66%; float: left;margin-left: 2%}
.nav>li{ font-size:14px;}
.sea span>b{font-size: 22px}
.dtit b{font-size: 32px}
.dtit span {font-size: 22px}
.syteah li .mask b{font-size: 20px}
.sy02-prev{left: 0}
.sy02-next{right: 0}
.sy03ul li .mask a.more{width: 120px;height: 35px;line-height: 35px;}
.menu li a{ padding:0 15px; }
}

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

@media screen and (max-width: 1280px) {
.container{max-width: 96%}
.navbtn{margin-right: 20px}
.dtit b{font-size: 28px}
.dtit span {font-size: 18px}
.link .y{width: 76%}

.you-sea{padding:10px;}
.you-hots{padding:10px;}
.you-t{font-size: 18px}
.you-sea p>span{font-size: 20px}
}

@media screen and (max-width: 1200px) {
.header{background:#b20f24;height: 60px;line-height: 55px}
.header h1{width: auto}
.header h1 img{height: 52px}
/*body{padding-top:60px}*/
.navbtnbg{/*background:none;height: 100%*/display: none}
.nav{width: 74%}
.nav>li{color: #fff}
.nav>li:hover, .nav>li.active{font-weight: bold;background:none;}

.menu li a{ padding:0 10px; }
}

@media screen and (max-width: 1024px) {
.header{height: auto; line-height:inherit;padding:2px 0}
/*body{padding-top:86px}*/
.nav{width: 100%;line-height: 30px;margin-left: 0}
.header h1{width: 100%;text-align: center;}
.container{max-width: 640px}
.sea{width: 100%;margin-top: 15px}
.sea span>b{font-size: 18px}
.sea .k{height: 35px;line-height: 35px;}
.sea .b{height: 35px;line-height: 35px;}
.syab{padding: 20px 0;background-size: contain;}
.syab .z{width: 100%}
.syab .z a{margin-top: 10px;padding-left: 10px; background-size:auto 15%; }
.syab .z a:hover{padding-left: 15px;}
.syab .y{width: 100%;margin-top: 20px}
.synews{padding: 20px 0}
.synewsz{width: 100%}
.synewsy{width: 100%;margin-top: 20px}
.zhao1 li{margin-bottom: 5px}
.mo{margin:5px auto 0 auto;}
.mot{margin-top: 10px}
.syteahbg{background-size: contain;padding: 20px 0}
.syteahbg .dtit{margin-bottom: 20px;float: none}
.syteah li .mask span>img{width: 45px}
.syteah li{width: 33.3%}
.syteah li.one{position: static;}
.syteah li.two{position: static;}
.syteah li.hig:before{display: none}
.syteah li.hig .mask{top: 0}
.syteah li.last{width: 33.3%;margin-bottom: 10px}
.syteah li.last a>img{height: 100%}

.syteah .more{position: static;display: inherit;margin:0 auto;}
.syteah li .mask b{font-size: 18px}
.sy01 .s{width: 80%}
.sy01 .x li{padding: 5px}
.sy01 .x li .zi b{font-size: 18px}
.sy02{margin:20px auto;}
.sy02ul li .zi{padding: 10px}
.sy03ul li>p>b{font-size: 18px}
.link b{width: 100%;font-size: 18px}
.link .y{width: 100%;margin-top: 10px}
.link .y a{margin-bottom: 6px}

.about div.img{width: 100%;margin-left: 0;text-align: center;margin-bottom: 20px}
.aboutx li.one{width: 100%;}
.aboutx li{width: 49%}
.menubg{height: auto;}
.menu li{text-align: center; width: 33.33%;border-right:none;line-height: 40px; height: 40px;}
.menu li a{padding: 0}
.teach li{width: 48%;margin:0 1% 10px 1%!important}
.teachcon1 .tu{width: 100%}
.teachcon1 .y{width: 100%;padding: 10px}
.teachcon3 .s span{width: 100%;display: block;}
.teachcon3 .x li{width: 48%;margin-bottom: 10px}
.teachcon3 .x li p{margin-top: 5px;}
.teachcon1 .y span>b{font-size: 20px}
.teachcon2 .zi span{width: 100%;display: block;}
.teachcon-t{font-size: 20px;padding-left: 20px}
.zuo{width: 100%}
.you{width: 100%;margin-bottom: 20px; margin-top:20px;}
.you-sea p{margin-top: 5px}
.news li .y{padding: 0 15px}
.news li .y b{margin-bottom: 0}
.news li .y p{height: 22px;margin:5px 0}
.ke li{width: 100%}
.ke li .y{padding: 10px}
.zhaolist li{padding-bottom: 10px;margin-bottom: 10px}

}

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

}

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

}

@media screen and (max-width:768px) {
.container{max-width: 96%}
.header .container{max-width: 100%}
.nav{padding-top: 5px;padding-bottom: 2px; line-height: 25px;}
.nav>li{width: 30.33%;font-size: 14px;border-bottom: 2px solid #b20f24;
background: #b20f24;margin:0 1.5% 3px 1.5%;border-radius: 11px;}
.nav>li:hover, .nav>li.active{background:#b20f24;border-bottom: 2px solid #ffc600}
/*body{padding-top:140px}*/
.header{background:#fff;padding: 0}
.header h1 img{height: 45px;margin:2px 0;}
.banner .swiper-slide img{width: 130%}
.sea{border-radius: 5px}
.sea span{width: 100%;text-align: center;}
.sea .k{width: 68%}
.sea .b{width: 28%}
.menu li{ font-size: 14px; }

.dtit b{font-size: 20px;letter-spacing: 0}
.mo{width:90px;height: 30px;line-height: 30px }
.news1-m{display: table;margin:0 auto;float: none; margin-bottom: 10px}
.synewsz .dtit{float: none;}
.news1 li{width: 49%;margin-bottom: 5px}
.syteah li .mask span>i{font-size: 14px;margin-top: -20px}
.syteah li .mask span>img{width: 32px}
.syteah .more img{width: 30px}
.syteah li .mask b{font-size: 16px}
.sy01 .s li .tu{width:70%;float: none; margin:0 auto;text-align: center;}
.sy01 .s li .zi p{margin-top: 5px}
.sy01 .s li .zi{width: 100%;text-align: center;}
.sy02ul li .zi b{font-size: 18px}

.sy02-prev,.sy02-next,.sy03-prev,.sy03-next{width: 30px;height: 30px;margin-top: -15px}
.footer{padding: 5px 0}
.footer .s{display: none}
.footer .x{line-height: 1.6}

.teach li p{padding: 5px 10px}
.nban img{width: 200%;margin-left: -50%}
.ke li .y b{margin-bottom: 10px; font-size:16px; font-weight: normal; line-height:24px; height:48px; ;}
.fenye a,.fenye span{padding: 0 9px;}
.sy03ul li>p{padding: 5px}
.sy03ul li>p>b{font-size: 14px}
.sy03ul li>p>i{display: none}
.sy03ul li .mask a.more{width: 100%;height: 30px;line-height: 30px;}
.sy03ul li .mask p{margin:15px 0;height: 40px;overflow: hidden;}
.artpage{ padding:10px 0;}
.artpage span{width: 100%; padding:0;}
.artpage span:first-child{border-right:none; padding-bottom: 10px;}

.news li .y b{ font-size: 16px; font-weight: normal; }

.ctxt{ width: 100%; padding:10px; }
.ctxt h3{ font-size:20px; margin:10px 0;}
.ctxt p{ font-size:14px; }
.cmap{ width:100%; height:320px;  }

.showtop h1{ font-size: 18px; }

  .video-wrap{
    min-height: 200px;
  }
  .video-wrap .container{
    position: relative;
    min-height: 200px;
  }
  .video-wrap .container{
    padding: 0;
  }
  .video-wrap .video{
    position: absolute;
    display: none;
    opacity: 1;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
  }
  .video-wrap .video.show{
    display: block;
  }

.star { margin-bottom:0;  }
.star li{ width:48%; margin:1%!important;}
.star li p{ padding: 5px; font-size:16px;}

.showtop{ text-align:left;}
.showtop h1{ font-size:22px;color:#000000; }
.showtxt{ font-size:18px; color:#000000; line-height:2; }

.footer{ margin-bottom:41px;}
.dblk{ width:100%; z-index:1000; overflow:hidden; position:fixed; left:0; bottom:0; display:block; border-top:1px solid #ffffff;}
.dblk li{ width:33.33%; float:left; height:40px; line-height:40px; font-size:14px; border-right:1px solid #ffffff; color:#ffffff; background:#b20f24; text-align:center;}
.dblk li.dblk03{ border-right:none;}

.fcimg li{ float:left; width:48%;margin:0 1% 2% 1%!important;}

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

.showtxt iframe{ width:100%;height:240px; }
.showtxt embed{ width:100%;height:240px; }

    
}