.swiper-container-banner{position: relative;}
.swiper-button-next, .swiper-button-prev{ color: #fff!important; opacity: 0.5; }
.swiper-button-next:hover ,.swiper-button-prev:hover{opacity: 1;}
/*区分方案效果
.home-case-show .swiper-slide-active .hcasebox{background: rgba(163,22,23,.8); cursor: pointer;}*/

@media screen and (min-width:300px) and (max-width: 1024px){
    .about-tit h2{font-size:22px;font-weight: bold;}
    .about-tit h3{font-size:18px;font-weight: bold; margin-top:10px; position: relative; margin-bottom:50px;}
    .about-tit h3:after{position: absolute; content: ""; height:1px; width:34px; background: #333; bottom:-25px; left: 0;}
    .haboutbox img{width: 100%; margin-top:30px;}
    .wapaboutmore{width: 50px; display: inline-block;}
    .wapaboutmore img{width: 100%;}
    .home-case-show .swiper-slide{height:auto; overflow: hidden;position: relative; }
    .home-case-show .hcasebox{position:absolute; left: 0; top:0; width: 100%; height:388px; overflow: hidden; display: inline-block;text-align: center;}
    .home-case-show .hcasebox .caseimgbox{text-align: center; margin-top: 15%;}
    .home-case-show .hcasebox .caseimgbox img{width:15%;}
    .home-case-show .hcasebox h2{color: #fff; margin-top:20px; font-size: 16px;}
    .home-case-show .hcasebox p{color: #fff;text-transform: uppercase; font-size: 14px; margin-top: 5px; font-weight:500;}
    .about-content p{line-height:1.6; color: #666; font-size: 14px;}

    .newsbox{padding:40px 0 40px;}
    .tabs {width:100%;height:38px;overflow:hidden; margin-top:20px; text-align: center;}
    .tabs a { margin: 0 10px;height:38px;line-height:38px;color:#666; display: inline-block; font-size: 16px; }
    .tabs a.active {border-bottom:2px solid #e83f49;color:#e83f49;}
    .news-list {padding:0 10px; margin-top:20px;}
    .news-list li {overflow:hidden;border-bottom:1px solid #eceef0; display: flex; align-items:center;justify-content: space-between; width: 100%; position: relative; height:50px;}
    .news-list li:last-child{border-bottom:none;}
    .news-list li:after{position: absolute; content: ">"; right: 0;  font-size: 22px; color: #999;}
    .news-list li .news-column,.news-list li .news-time{display:none;}
    .news-list li .news-title{text-align: left; font-size: 16px; width: 60%; display: inline-block;word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .service-case-bg{background: #e1e1e8; padding:40px 0 15px;}
    .caseshowbox{margin-top:20px;}
    .caseshow-tit-box h2{font-size:14px; margin-bottom:5px; line-height: 1.5; text-align:left;font-weight: bold;word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .caseshow-tit-box p{color:#666; font-size: 12px; }
    .caseshow-tit-box{padding:10px 5px;}
    .caseshowbox .swiper-pagination-bullet{opacity:1;background:rgba(255,255,255,.8);}
    .caseshowbox .swiper-pagination-bullet-active{background:#e83f49; cursor: pointer;}
    .caseshowbox .swiper-slide{background-color: #fff; margin-bottom:50px; box-shadow: 1px 1px 10px #999;}
    .contactbg{background: #fff; padding:60px 0 60px;}
    .contact-lx{text-align: center; color: #8a8a8a; padding:40px 10px 30px 10px; font-size:16px;}
    .contact-tel{ height:78px; border:#e83f49 solid 1px;width:100%; display:flex;align-items:center;justify-content: center;}
    .contact-mail{background-color: #e83f49; color: #fff; height:78px; width: 100%; display:flex;align-items:center;justify-content: center; margin-top:20px;}
    .contact-tel img{width:6%; margin-right: 2%;}
    .contact-mail img{width:7%; margin-right: 2%;}
    .contact-tel h2{font-weight: bold; color: #e83f49; font-size:26px;}
    .contact-mail h2{font-weight: bold; color: #fff; font-size:24px; }

}

@media screen and (min-width:1200px){
    .ys-ch h4{font-size: 24px; font-weight: bold;}
    .ys-ch p{color:#e83f49; margin-top:5px; font-weight: bold; font-family:Arial; font-size: 16px; text-transform: uppercase;}
    .ys-num{margin-left:20px;}
    .ys-num h2{color: #e83f49; font-size: 55px; font-weight: bold; }
    .ys-num h2 sup small{color: #e83f49; font-weight: bold; font-size:40px;}
    .ysnr{ display: flex; align-items:center; justify-content: center; height: 140px; }

    .about-tit h2{font-size:38px;font-weight: bold;}
    .about-tit h3{font-size:28px;font-weight: bold; margin-top:15px; position: relative; margin-bottom:80px;}
    .about-tit h3:after{position: absolute; content: ""; height:2px; width: 44px; background: #333; bottom:-40px; left: 0;}
    .habout-more{width: 233px;line-height: 48px; height: 48px; color: #e83f49; border: #e83f49 solid 1px; display: inline-block; margin-top:36px; font-size: 14px;position: relative; padding-left: 50px;}
    .habout-more:after{position: absolute; content:">"; left: 177px;}
    .habout-more:hover{background:#e83f49;color: #fff;}
    .habout-more:hover:after{left: 200px;transition:all .4s ease-in-out;}
    .haboutbox img{width: 100%; margin-top:0px;}
    .home-case-showbox{padding: 0;}
    .home-case-show .swiper-slide{overflow: hidden;position: relative; width: 100%;  }
    .home-case-show .hcasebox{position:absolute; left: 0; top:0;  width: 100%; height:388px; overflow: hidden; display: inline-block; text-align: center;background: rgba(0,0,0,.4);}
    .home-case-show .hcasebox:hover{cursor: pointer;background: rgba(0,0,0,0);}
    .home-case-show .hcasebox .caseimgbox{text-align: center; margin-top: 20%;}
    .home-case-show .hcasebox h2{color: #fff; margin-top:20px; font-size: 24px;}
    .home-case-show .hcasebox p{color: #fff;text-transform: uppercase; font-size: 21px; margin-top: 5px; font-weight:500;}
    .about-content p{line-height:1.6; color: #666; font-size: 16px;}
    .newsbox{padding: 80px 0 120px;}

    .tabs {width:100%;height:38px;overflow:hidden; margin-top:60px; text-align: center;}
    .tabs a { margin: 0 30px;height:38px;line-height:38px;color:#999; display: inline-block; font-size: 22px; }
    .tabs a.active {border-bottom:2px solid #e83f49;color:#e83f49;}
    .news-list {padding:0 0px; margin-top:60px;}
    .news-list li {overflow:hidden;border-bottom:1px solid #eceef0; height:65px;line-height:65px; display: flex; align-items:center;justify-content: space-between; width: 100%; position: relative}
    .news-list li:last-child{border-bottom:none;}
    .news-list li:after{position: absolute; content: ">"; right: 0;  font-size: 22px; color: #999;}
    .news-list li .news-column{margin: 0 50px; display: inline-block; width: 120px; height: 26px; line-height: 26px; background: #e83f49;  color: #fff; text-align: center; font-size: 14px;    text-transform: uppercase;}
    .news-list li a:hover .news-title{color: #e83f49;}
    .news-list li:hover:after{color: #e83f49;}
    .news-morebox{margin: 0 auto 0; width: 233px;}
    .caseshowbox{margin-top:40px; position: relative;}
    .caseshow-tit-box h2{font-size:18px;word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; margin-bottom: 20px;}
    .caseshow-tit-box{padding:25px 20px;}
    .service-case-bg{background: #e1e1e8; padding:100px 0 60px;}
    .caseshowbox .swiper-pagination-bullet{opacity:1;background:rgba(255,255,255,.8);}
    .caseshowbox .swiper-pagination-bullet-active{background:#e83f49; cursor: pointer;}
    .caseshowbox .swiper-slide{background-color: #fff; margin-bottom:50px; box-shadow: 1px 1px 10px #999;}
    .contactbg{background: #fff; padding:100px 0 100px;}
    .caseshow-tit-box p{color:#666; font-size: 14px;}
    .contact-lx{text-align: center; color: #8a8a8a; padding: 80px 0 60px; font-size: 16px;}

    .contact-tel{height:118px; border:#e83f49 solid 1px;width:95%; float: left; display:flex;align-items:center;justify-content: center;}
    .contact-mail{background-color: #e83f49; color: #fff; height: 118px; width: 95%; float: right; display:flex;align-items:center;justify-content: center;}
    .contact-tel img{width:6%; margin-right: 2%;}
    .contact-mail img{width:7%; margin-right: 2%;}
    .contact-tel h2{font-weight: bold; color: #e83f49; font-size:48px;}
    .contact-mail h2{font-weight: bold; color: #fff; font-size:38px;}
}