.banner{height:35rem; overflow:hidden;position: relative;}
.swiper-container {height:100%; width: 100%; }

.swiper-slide {text-align: center;font-size: 18px;background: #fff; }
.swiper-container-v { background: #eee;}
.swiper-pagination-bullet{width:3rem;border-radius:3px;height:3px; background: #fff;;}
.banner img.img{position:absolute;height:100%;width:100%;z-index:1;top:0px;left:0px;}
.slide-content{position:absolute;height:100%;z-index:2;top:20%;left:10%; color:#fff;text-align:left; width:60%;}
.slide-content h1{font-size:2rem;font-weight: normal;}
.slide-content p{font-size:0.9rem;line-height:1.5rem;position:relative;}



.business_section{ text-align: center;}
.business_section .business_warp {position: relative; background: #fff; height: 23rem;overflow: hidden;}

.business_section .business_warp h2,
.business_section .business_warp .intro{
    position: absolute;  width: 100%;text-align: center;
}
.business_section .business_warp h2{top:3.5rem; margin:0;color: #000;font-family: 'SourceHanSansCNLight';font-size:2.5rem;font-weight: normal;}
.business_section .business_warp .intro{top:9rem;font-size:0.8rem;margin-top:1rem;}

.bussiness-body-warp{ position: absolute; top:0rem; width: 90%; margin-left: 5%;}

.bussiness-icon1{background: url(../images/business1.png) no-repeat center center;}
.bussiness-icon2{background: url(../images/business2.png) no-repeat center center;}
.bussiness-icon3{background: url(../images/business3.png) no-repeat center center;}
.bussiness-icon4{background: url(../images/business4.png) no-repeat center center;}
.bussiness-icon5{background: url(../images/business5.png) no-repeat center center;}
.bussiness-body .on .bussiness-icon1{background: url(../images/business1_hover.png) no-repeat  center center;}
.bussiness-body .on .bussiness-icon2{background: url(../images/business2_hover.png) no-repeat  center center;}
.bussiness-body .on .bussiness-icon3{background: url(../images/business3_hover.png) no-repeat center center;}
.bussiness-body .on .bussiness-icon4{background: url(../images/business4_hover.png) no-repeat center center;}
.bussiness-body .on .bussiness-icon5{background: url(../images/business5_hover.png) no-repeat  center center;}
.icon{display: block;height: 4rem;margin: 0 auto;width: 5rem;}

.bussiness-body{width:100%;}
.bussiness-body .item {float: left; text-align: left; width: 15%;height: 20rem; overflow: hidden; margin-right:2%; position: relative;}
.bussiness-body .item:first-child {width: 30%;}
.bussiness-body .item .service {width: 100%; float: left; height: 100%; text-align: center;}
.bussiness-body .item .service .info{font-size: 0.5rem;padding-top:2rem}

.bussiness-body .item .price{display: none;position: absolute;right: 0;}

.bussiness-body .item .price:before {content: '';width: 5px;height: 10px;display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: url(../images/business-icon.png) no-repeat;}

.bussiness-body .on .service{width: 50%; background: url(../images/businessbg1.jpg) no-repeat;background-size: 100% 100%;color: #fff;}
.bussiness-body .on .price{display:table;width: 51%;float: left;height: 100%;
    background: url(../images/businessbg2.jpg) no-repeat center;
    background-size: 100% 100%;color: #fff;font-size: 0.5rem; position:absolute; }
.bussiness-body .on .price a{display: block; text-align: center;line-height: 1.6rem;}
.bussiness-body .on .price a:first-child{margin-top:3rem;}
.bussiness-body .on .price a span{}




.bussiness-body .item .service .case-content{ border-bottom:dashed 1px #cfcfcf;}
.case-content h4{ font-size: 1.2rem;font-weight: normal;margin:2.5rem 0 0.9rem;   }
.case-content p{ font-size: 0.6rem;margin:0;}
.case-content .icon{margin:2.5rem auto 2.5rem auto;}

.bussiness-body .item .service .case-content{border-bottom:dashed 1px rgba(255,251,251,0.5);}
.bussiness-body .item .service .info{padding:1rem 2rem 0 2rem;}





.product{ position: relative;padding-bottom: 13rem;border-bottom: 1px solid #f1f1f1;}
.product_txt { font-family: 'SourceHanSansCNLight'; text-align: center; top:1.2rem; position: absolute; width: 100%;color: #000;}
.product_txt .tit_txt1{color: #000;font-size: 2rem;}
.product_txt .tit_txt2{padding-top: 1rem;}

.product .case_list{position: relative;top:2rem}
.case_list{margin: 0 auto; width: 80%;}
 .case_list ul{padding: 0;margin: 0; }
 .case_list ul li{padding: 0;margin: 1px;list-style: none; float: left; width:33%; height: 18rem; }
 .case_list ul li a{}
 .case_list ul li .case_img{ width: 90%; height:80%; text-align: left; background:none; position: relative; }
 .case_list ul li .case_img img{max-height: 100%; max-width: 100%;}
 .case_list ul li .case_txt{ font-size: 0.8rem;padding: 0.5rem 0 0 0.2rem;}
 .case_list ul li .case-left{}
 .case_list ul li .case-right{}

 .case_list ul li .case_cover{background: #000; position:absolute;top:0; left: 0;width: 100%;height: 100%; display: none;opacity: 0;}
 .case_more {text-align: center; padding-top: 1rem;}
.case_more a{ border: 1px solid #d1d1d1;border-radius: 20rem;padding: 0.5rem;text-decoration: none;line-height: 1rem;color: #d1d1d1;}


.dis_none{ display: none;}


.mobile{}
.mobile .banner{height: 15rem;}
.mobile .banner .slide-content{ width: 80%;}
.mobile .banner .slide-content h1{ font-size: 1.2rem;}
.mobile .banner .slide-content .intro { font-size: 0.6rem;}



.swiper-pagination-item{top: -2rem;
    position: relative;
    z-index: 9;}
    .swiper-pagination-item span{ width:10px;height: 2px;border:1px solid rgba(0,0,0,0.2);}


.mobile  .product{padding-bottom: 5rem;margin-top: 0rem;}

.mobile  .product .case_list{width: 95%;margin-top: -2rem;}
.mobile  .product .case_list li{width: 48%;height: auto;padding-bottom: 1rem;}
.mobile  .product .case_list ul li .case_img{margin-left:8%;}
.mobile  .product .case_list ul li .case_txt{margin-left:8%;}