@media (min-width: 768px){
    .index1 .conts a:hover .show{opacity: 1}
    .index2 ul li:hover .cont{opacity: 1}
    .index2 ul li:hover .imgss span {opacity: 0}
    footer .footer_top ul li:hover img:last-child{display: inline-block}
    footer .footer_top ul li:hover img:first-child{display: none}
    footer .footer_top ul li:hover{background: #fff;border: 1px solid #fa7930}
    .case .row .col-md-6 a:hover .imgss div:after{opacity: 1}
    .case .row .col-md-6 a:hover .imgss img{opacity: 1;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
    .elite_team li:hover .bg{opacity: 1}
    .elite_team li:hover .cont,
    header .navbar-right li a:hover,
    .head_two .navbar-right li a:hover,
    .index1 .conts a:hover .font30,
    .about2 .conts a:hover .font30,
    .footer .col-md-6 .conts a:hover,
    .footer .contse .contse_lst:nth-of-type(3) a:hover,
    .footer .col-md-6 .conts a:hover,
    .under_on .on a:hover .font18,
    .under_on .under a:hover .font18{
        color: #fa7930;}
    .banner-A a:hover{
        background: rgba(250,121,48,.5);
    }
    .index2 .add_s:hover{background: rgba(250,255,255,.2);}
    .about4 .swiper-slide:hover .imgss div{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
    .about5 ul li:hover img{animation: tada 1s ease-out 0s;-webkit-animation: tada 1s ease-out 0s ;}
    .join ul li:hover .top .font22{color: #fa7930}
    .join ul li .bom a.font18:hover{border: 1px solid #f17b24;color:#f17b24;background: #fff}


}
@media (min-width: 1400px) {
    .container{width: 1240px;}
    
}
@media (min-width: 1600px) {
	.container{width: 1440px;}

}
@media (max-width: 1700px){
    .banner-A{bottom: 13%}
}

@media (max-width: 1600px) {
    .case .row .imgss{height: 400px}
    .index2 ul li{height: 300px}
    .under_on .on,.under_on .under{display: block;margin-bottom: 5px}
    .inf{display: none}
    .bdsharebuttonbox.bdshare-button-style0-16{position: absolute;
        right: 0;
        top: 2rem;}

}
@media (max-width: 1500px){
    .banner{height: 750px}
    .case .row .imgss{height: 370px}
    .index2 ul li{height: 280px}
    .join .join_cot .ct{height: 210px}
    .tops{height: 720px}
}
@media (max-width: 1400px) {
    header .navbar-right li a, .head_two .navbar-right li a{padding: 0 20px}
    .banner{height: 700px}
    .case .row .imgss{height: 330px}
    .index2 ul li{height: 260px}
    .join .join_cot .ct{height: 200px}
    .tops{height: 650px}
}

@media (max-width: 1300px){
    .banner{height: 650px}
    .banner_oll{height: 230px}
    .tops{height: 620px}
}
@media (max-width: 1200px){
.ico{display: block;}
    header .navbar-right{position: absolute;width: 100%;left: 0;top: 100px;background: rgba(0,0,0,0.5);display: none}
    .head_two .navbar-right{position: absolute;width: 100%;left: 0;top: 100px;background: rgba(255,255,255,0.9);display: none;border-top: 1px solid rgba(0,0,0,0.2);box-shadow: 0px 0px 109px 0px rgba(0,0,0,0.1)}
    header .navbar-right li,.head_two .navbar-right li{display: block}
    header .navbar-right li a, .head_two .navbar-right li a{line-height: 46px;}
    header .navbar-right li, .head_two .navbar-right li{padding: 0 5%;}
    header .navbar-right li a{border-bottom: 1px dashed rgba(255,255,255,0.5)}

    .head_two .ico i{background-color: #000}

    .banner{height: 600px}
    .banner-A img{height: 90px}
    footer .footer_top{background-size: cover !important;}
    .case .row .imgss{height: 260px}
    .index2 ul li{height: 240px}
    .contact ul li{height: 160px}
    .join .join_cot .ct{height: 180px}
    .footer .contse{width: 100%;display: inline-block}
    .footer .contse .contse_lst{width: 50%;float: left}
    .footer .contse .contse_lst .font14{text-align: left;padding-left: 10px}
    .tops{height: 560px}
    .thumbs{height: 80px}
    .thumbss .swiper-button-white{height: 80px;line-height: 80px}
    .footer .row{margin: 5rem 0 4rem;}
    .case_detaile_1 .title{padding-top: 4rem}
    .footer .contse .contse_lst:nth-of-type(2){padding: 0}
    .footer .contse .contse_lst .font14{padding-left: 5px}

}
@media (max-width: 1050px)and (min-width: 993px){

}
@media (max-width: 992px) {
    .banner{height: 500px}
    .banner_ct .font70 .contt .ctn{letter-spacing: 25px;}
    .banner_ct .font70 .contt .top_xian,.banner_ct .font70 .contt .bom_xian{width: 80px}
    .footer_bom .lt,.footer_bom .rt{display: block;text-align: center;float: none}
    .banner_oll{height: 200px}
    .xian{height: 4px !important;}
    .case .row .imgss{height: 200px;}
    .case .row .cont{padding: 10px 150px 10px 0;}
    .case .row .col-md-6{margin-bottom: 1rem}
    .bdsharebuttonbox.bdshare-button-style0-16{position: initial;float: none}
    .contact .map {margin-top: 3rem;}
    .join .join_cot .ct{height: 160px}
    .tops{height: 480px}
    .tops .swiper-button-white{width: 46px;height: 100px;margin-top: -50px}
.fangan li a{padding: 15px 10px;}

}
@media (max-width: 800px){

}
@media (max-width: 768px){

}
@media (max-width: 767px){
    header, .head_two{line-height: 70px}
    .banner_oll{margin-top: 70px}
    header .navbar-left img, .head_two .navbar-left img{height: 40px}
    .ico{top: 24px}
    header .navbar-right,.head_two .navbar-right{top: 70px}
    .banner-A{margin-left: -65px}
    .banner-A a{    width: 130px;
        height: 34px;
        line-height: 34px;}
    .banner-A img{height: 70px}
    .banner_ct .font70 .contt .ctn{letter-spacing: 20px;margin-left: 10px;}
    .banner_ct .font70 .dian{width: 4px;height: 4px}
    .banner_ct .font70 .contt .top_xian, .banner_ct .font70 .contt .bom_xian{height: 1px}
    .banner .swiper-pagination{    bottom: 9%;
        padding-right: 2%;}
    .banner{height: 430px}
    .index1 .conts a .img, .about2 .conts a .img,.index1 .conts a .font30, .about2 .conts a .font30,.index1 .conts a .font16, .about2 .conts a .font16{margin-bottom: 10px}
    .index1 .conts a .show, .about2 .conts a .show{opacity: 1}
    .index1 .conts a .font16{line-height: 20px;height: 60px}
    .index2 ul li{width: 100%;margin-right: 0}
    .index2 .add_s{border: solid 1px #FFFFFF;padding: 10px 20px;}
    .index2 ul{top: -120px}
    .index3 {
        padding-top: 3rem;
    }
    .index3 ul,.about5 ul{display: block;margin: 0 auto;}
    .index3 ul li,.about5 ul li{width: 100%;margin-bottom: 1rem}
    .index3 ul li .font36,.about2 .conts a .font36,.about5 ul li .font36{    margin: 10px auto 8px;}
    .index3 ul li img,.about5 ul li img{height: 80px}
    footer .footer_top ul li{margin: 0 20px;width: 50px;
        height: 50px;
        line-height: 50px;}
    footer .footer_top ul li img{
        height:22px}
    footer .footer_top .font80{margin-bottom: 10px}
    footer .footer_top{padding: 133px 0 35px;}
    .index1 .conts a .img,.about2 .conts a .img{height: 40px}
    .index1 .conts a .show img, .about2 .conts a .show img{width: 10px}
    .index2{margin-top: 120px}
    .index1 .conts {
        padding: 2rem 0 3rem;}
    .teamAdd img,
    .index3 .add_s img,
    .case .text-center a img{width: 50px;}
    .index3 .add_s{margin-left: -25px}
    header .navbar-right li a, .head_two .navbar-right li a{font-size: 16px}
    .banner_oll{height: 170px}
    .xian{height: 2px !important;margin-bottom: 1rem !important;}
    .footer .row {
        margin: 3rem 0 3rem;
    }
    .footer .col-md-6 .lt,.footer .col-md-6 .rt{width: 100%;float: none;margin-bottom: 10px;}
    .footer .col-md-6 .conts{text-align: center;margin-top: 12px;margin-bottom: 5px}
    .footer .col-md-6 .conts a{margin-left: 10px}
    .footer .col-md-6 a{text-align: center}
    .footer .col-md-6 .rt p{margin-bottom: 5px}
    .footer .col-md-6 .rt .font18{margin-bottom: 12px}
    .footer .col-md-6 .rt .font18 span{    width: 6px;
        height: 6px;
        margin-bottom: 2px;
        margin-right: 5px;}
    .footer .col-md-6 .rt .font18{font-size: 16px;}
    .footer .col-md-6 a img,.footer .contse .contse_lst:first-child img{height: 46px}
    .about2 {
        padding-top: 3rem;}
    .join .font18,.about2 .xian,.about3 .xian, .about5 .xian,.about4 .xian{margin-bottom: 1rem}
    .join ul {
        margin-top: 1rem;
    }
    .join ul li .top .right img:first-child{width: 8px}
    .join ul li .top .right img:last-child{width: 12px}
    .join ul li .top:after{top: 4px}
    .join ul li .top .right{position: absolute;
        right: 3px;
        top: 0;}
    .case .row .imgss{height: 350px}
    .index2 ul li{height: 180px}
    .case .row {
        margin-top: 1.5rem;
    }
    .case {
        padding: 2rem 0;
    }
    .case .row .cont .font18{top: 10px}
    .case_detaile_cont .title{margin-bottom: 1rem}
    .case_detaile .case_detaile_cont{padding-top: 3rem}
    .case_detaile_cont .title a{top: -36px}
    .case_detaile_cont .title a img{width: 36px}
    .footer_bom img{height: 46px;margin-top: -23px;margin-left: -22px}
    .footer_bom:after{width: 1px}
    .elite_team li{width: 48%;margin-left: 4%}
    .elite_team li:nth-child(4n + 1){margin-left: 4%}
    .elite_team li:nth-child(2n + 1){margin-left: 0}
    .contact ul li{border-left: none;width: 100%;float: left;border-bottom: 1px dashed #aaaaaa;
        height:auto;padding: 15px}
    .contact ul li:first-child{border-bottom: 1px dashed #aaaaaa}
    .contact ul li div.font16{margin-bottom: 0}
    .contact ul li .img{width: 60px;height: 60px;line-height: 60px;margin-bottom: 7px;}
    .contact ul li .img img{height: 30px}
    .about4 .swiper-container{padding-bottom: 2rem}
    .about4 .swiper-pagination{display: block;bottom:0;}
    .join .join_cot .ct{height: 140px}
    .footer .contse .contse_lst{width: 100%;text-align: center;margin-bottom: 20px}
    .footer .contse .contse_lst .font18{margin-bottom: 8px;font-size: 16px;}
    .footer .contse .contse_lst p{margin-bottom: 5px}
    .footer .contse .contse_lst p img{position: initial}
    .footer .contse .contse_lst:nth-of-type(3) .cont{width: 100%;text-align: center}
    .footer .contse .contse_lst:nth-of-type(3) .cont a{width: auto;float: none;display: inline-block;margin: 0 10px}
    .footer .contse .contse_lst .font14{text-align: center;padding-left: 0;font-size: 12px}
    .footer .contse .contse_lst .font18 span{width: 6px;height: 6px;margin-right: 6px}
    .footer .contse .contse_lst:last-child{margin-bottom: 0}
    .footer .col-md-6 .lt img,
    .footer .contse .contse_lst:last-child img,
    footer .footer_top .imgs  img{
        width: 80px;
    }
    .footer .col-md-6 div.font14{font-size: 12px}
    .join ul li .top .font18{margin-left: 10px}
    .tops{height: 420px}
    .thumbs{height: 70px}
    .thumbss .swiper-button-white{height: 70px;line-height: 70px}
    .case_detaile_1 .title{padding-top: 2rem}
    .tops .swiper-button-white{width: 40px;height: 90px;margin-top: -45px}
    .case_detaile_1{padding-bottom: 1rem}
    .bdsharebuttonbox span{font-size: 14px;top: -10px;}
    .thumbss{padding: 4px 20px}
    .thumbss .swiper-button-white{top: 4px;width: 18px}
    .footer .col-md-6 .rt{text-align: center;padding-left: 0}
    .footer .col-md-6 .rt p img{position: initial}
    .case_detaile_cont .contss p img {
        margin: 1rem auto;}
    .elite_team .font18{margin-bottom: 1rem}
    .elite_team ul {margin-top: 1rem;}
    .index3 .xian span{height: 2px;margin-bottom: 5px}
    .index1 .conts a, .about2 .conts a{padding: 10%}
    .about2 .xia{width: 50px;top: -25px;margin-left: -25px}
    .about2 .conts{display: block;}
    .about2 .conts .lt,.about2 .conts .rt{width: 100%;float: none}
.fangan li a{padding: 15px 10px;}

}
@media (max-width: 500px){
    .banner{height: 350px}
    .banner .swiper-pagination{bottom:7%;}
    .banner .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 6px 8px;border-radius: 2px;}
    .banner .swiper-pagination .swiper-pagination-bullet:before{width: 12px;right: -15px}
    footer .footer_top ul li{margin: 0 10px}
    .case .row .imgss{height: 230px}
    .elite_team li{width: 100%;margin-left: 0}
    .join .join_cot .ct{height: 110px}
    .tops{height: 340px}
    .tops .swiper-button-white{width: 30px;height: 50px;margin-top: -25px}
}
@media (max-width: 420px){
    .banner_oll{height: 150px}
    .index2 ul li{height: 150px}
    .join .join_cot .ct{height: 80px}
    .tops{height: 200px}
    .tops .swiper-button-white{width: 20px;height: 40px;margin-top: -20px}

}
@media (max-width: 370px){
    .join ul li .top .font18{margin-left: 6px}
    .join .join_cot .ct{height: 70px}
    .tops{height:160px}

}
@media (max-width: 330px){
    .case .row .imgss{height: 160px}
}