@charset "utf-8";
.wap{display: none;}
@media screen and (max-width: 1600px) {
.banner .swiper-slide{height: 450px;background-size:cover; }
}
@media screen and (max-width: 1200px) {
.container{width: 100%; max-width:100%; padding-left: 10px; padding-right:10px }

}

@media screen and (max-width: 1100px) {
.zuo-t{font-size: 20px}
}
@media screen and (max-width: 1024px) {
.anli li .zi p{padding: 0 10px}
.anli li figure .mask i>img{width: 70px;}
.team p{max-height: 50px; overflow: hidden;}
}

@media screen and (max-width: 960px) {
.banner .swiper-slide{height: 300px;}
#nav1{display: none}
header{height: auto; line-height: 0; position: fixed; top: 0; left: 0;z-index: 15;
border-bottom: 1px solid #3054e3}
header h1 img{margin:5px 0; height: 50px}

.navbtn { width: 30px;height: 22px;position: absolute; right:10px; top: 20px;
cursor: pointer;}
.navbtn .line {display: block;width: 100%; height: 2px;background-color: #3054e3;
  position: absolute;left: 0;}
.navbtn .line-top {top: 0;
  -webkit-transform-origin: left top 0;
      -ms-transform-origin: left top 0;
          transform-origin: left top 0;}
.navbtn .line-cent { top: 10px;}
.navbtn .line-bot {  bottom: 0;  -webkit-transform-origin: left bottom 0;
      -ms-transform-origin: left bottom 0;
          transform-origin: left bottom 0;}

#nav2{display: none; position: fixed;width: 100%; height: 100%; top:60px; left: 0; 
 background: rgba(0,0,0,0.9);  z-index: 12;overflow-y: hidden; margin: 0 }
.nav li { width: 100%;margin: 0; font-size: 18px;text-align: left; padding: 0 30px;
/*    border-bottom: 1px solid #fff*/}
.nav li:hover>a, .nav ul>li.cur>a{background: none; color: #3054e3;}
.nav li>a{color: #fff; line-height: 50px;display: inline-block; width: 75%;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: return;
    animation-name: return;
}
@-webkit-keyframes return {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.down{width: 20px;height: 20px;float: right;
    background: url(../images/ico_11.png) no-repeat;
    background-size: 100% 100%; margin-top: 15px;}

.znav{width: 100%; color: #fff; display: none;}
.znav>a{width: 100%; color: #fff; padding-left: 50px; display: block;
line-height: 40px}
.znav>a:hover{text-decoration: underline; color:#3054e3;}

.banner{margin-top: 60px}
.nban{margin-top: 60px}

.anli .anli-next{right: 35%}
.anli .anli-prev{left: 35%}

.foot02{margin-left: 5%}

.zizhi li b{height:170px }
.anlilist li{width: 31.3%; margin-right: 2%!important}
.licheng li{margin-bottom: 5px}
}

@media screen and (max-width:768px) {
      .wap{display: block;}
    .pc{display: none;}
/*.wap{display: block;}*/
.nban>img{ display: none }
.nbanm{display: block; height: 100px}
.dtit{padding: 15px 0}
.dtit span{font-size: 18px; line-height: 20px}
.dtit span>em{font-size: 18px}
.yewu li p{line-height: 40px; font-size: 16px}
.anli li{margin-bottom: 20px}
.syabout{margin-top: 20px}
.syabouty{display: none;}
.syaboutz span{font-size: 20px}
.syaboutz{width: 100%; margin-top: 0}
.syaboutz p{margin-top: 10px}
.syaboutz .amore{margin-top: 20px;}
.anlibg{padding: 10px}
.imp-new{width: 100%;}
.imp-new .pic{height: 350px}
.newslist .imp-new .pic{height: 185px}
.ort-new{width: 100%; margin-top: 20px}
.ort-new li{padding: 10px}
.news{margin-bottom: 20px}
footer{padding: 0}
.foot01, .foot02, .footwx{display: none}
.copy{margin: 0; border: none;}


.zuo{width: 100%; margin-top: 0; margin-bottom: 20px}
.zuo-t{display: none}
.zuo ul{padding: 0; display: table; width: 100%; background: none; border-bottom: 1px solid #f5f5f5}
.zuo li{width:auto; padding: 0 8px; float: left; background: none; text-align: center; }
.zuo li:last-child{border-right: none;}
.zuo li a{ background: none; padding: 0 }

.zuo li.cur, .zuo li:hover{background: #3054e3; color: #fff}
.zuo li.cur a, .zuo li:hover a{color: #fff}

.you{width: 100%;}
.posi{display: none}
.zizhi li b{height:200px }
.neirong>h1{font-size: 20px; padding-bottom: 20px; margin-bottom: 20px}
.joinzi{font-size:20px}
.anli li{width:48%; }
.anlistmore{width: 200px; line-height: 40px; height: 40px; margin: 15px auto}
.licheng li{margin-bottom: 25px}
}


@media screen and (max-width:480px) {
header h1 img{ height:44px}
.navbtn{width: 24px; height: 18px;}
.navbtn .line-cent{top: 8px}
#nav2{top: 54px}
.banner{margin-top:55px}
.nban{margin-top:55px;  }
.banner .swiper-slide{height: 200px;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0!important}
.posi{border: none; margin-bottom: 0}
.yewu li{width: 100%; margin-bottom: 10px}
.anli li .zi p{display: none}
.anli .anli-next{right: 25%}
.anli .anli-prev{left: 25%}
.anli .anli-prev, .anli .anli-next{bottom: 8px}
.imp-new .pic{height: 170px}
.date .day{font-size: 28px}
.imp-txt i{width: 140px; line-height: 35px}
.ort-new li .content p{display: none}
.ort-new li .date .day{font-size: 26px}
.ort-new li .content span{font-size: 16px}
.zizhi li{width: 48%; margin-bottom: 10px}
.syaboutz .amore{width: 160px}
.zizhi li b{height:160px }

.yewulist li{width: 48%; margin-right: 2%!important}
.fenye{margin: 30px 0}
.newslist .imp-new{display: none}
.newslist .ort-new{margin-top: 0}
.about span{display: none}
.join{margin-bottom: 20px; padding-bottom: 20px}

.syaboutz .amore{display: none}

.anlimore>img{height: 35px; margin-top: -5px}
.zuo li{height: 45px; line-height: 45px}
.team li{width: 100%}
.licheng {background:none; padding-bottom: 20px}
.licheng li>div{width: 100%;}
.licheng li.li2{ text-align: left; }
.licheng li.li2>div{float: right!important}
.licheng li>div:before{display: none}
}