body{background: #fff!important;}

.tab ul li a{color:#000;}
.tab ul li:nth-child(1) a{color:#02c7ff;border-bottom:3px solid #02c7ff;display: inline-block;box-sizing: border-box}

.wow{overflow: hidden}



/*banner*/
/*.banner {background: url(/sources/www/img/banner.jpg) center center no-repeat;background-size: cover;margin-top:-10px;color:#fff;height: 500px}*/
/*.banner h1{font-weight: bold;}*/
/*.banner .banner-block .l{width: 30%}*/
/*.banner a.f18{width: 40%;margin-top:5%;border:1px solid #fff;line-height: 40px;color:#fff;text-align: center }*/
/*.banner .banner-block{padding-top:5%;}*/


.clearfix:after,
.clearfix:before,
.wrap:after,
.wrap:before {display: table;content: " "}
.modal .modal-footer {border-top: 0;text-align: center;padding: 0 0 35px}
.modal .modal-footer button {margin: 0 20px}
.modal-image-preview .modal-dialog {margin: 0;padding: 100px;width: 100%}
.wrap {zoom: 1;margin: auto;position: relative;max-width: 1200px;width: 100%}
.btn--transparent {color: #FFF;background-color: transparent;border: 1px solid #FFF}
.btn--transparent:hover {background-color: rgba(255, 255, 255, .2)}
.btn--md {height: 35px;}
.btn--sm {height: 40px;line-height: 38px}
.advantage,
.banner,
.contact,
.effect,
.footer,
.range,
.user {
    min-width: 1080px
}

.header {position: fixed;width: 100%;left: 0;top: 0;color: #666;background-color: rgba(255, 255, 255, .95);border-bottom: 1px solid #DDD;z-index: 200}
.header__wrap {width: 1080px;padding: 12px 0;margin: 0 auto}
.advantage,
.banner {height: 560px}
.banner {background: url(/sources/www/img/img_bg_home.jpg) center center no-repeat;}
.banner__desc,
.banner__title {color: #FFF;font-weight: 400;margin: 0}
.banner__title {font-size: 72px;margin-top: 180px;line-height: 72px;font-weight: bold;font-family: "汉仪雅酷黑"}
.banner__desc {font-size: 38px;line-height: 38px;margin-top: 25px}
.banner .btn--delivery {margin-top: 39px;width: 160px;font-size: 16px}


/*main1*/
.main1{overflow: hidden}
.main1 .block{padding:4% 0;overflow: hidden;}
.main1 .block .l img{width: 70%;margin-left:15%}
 .r-block{width: 60%;margin:10% 0 0 20%}
 .r-block div.f18{color:#525252;padding-top:1%;line-height: 35px}
 .r-block button{width: 85%;margin-left:7.5%;height:35px;margin-top:10%;line-height:35px;border-radius:5px;color:#fff;background: #02c7ff}


/*main2*/
.main2{background:#2e3335;color:#fff!important;}
.main2 .block{padding:2% 0;background:#2e3335 }
.main2 .block .l img{width: 90%;margin-left:5%}
.main2 .block .r .r-block{width: 60%;margin:22% 0 0 20%}
.main2 .block .r div.f18{color:#c2c2c2;}


/*main3*/
.main3{background: #fbfbfb}
.main3 .max{background:#fbfbfb }
.main3 .block .l img{width: 90%;margin-left:5%}
.main3 .block .r div.f18{color:#000;padding-top:4%}
.main3 .block .r .r-block{width: 60%;margin:10% 0 0 15%}
.main3 .block .r .r-block h2{color:#000}


/*------------------- swiper -------------------*/
.swiper{background: #fff;padding-bottom:3%}
.swiper-slide, .swiper-wrapper {position: relative; transform-style: preserve-3d; width: 100% }
.swiper-container {margin: 0 auto; position: relative; overflow: hidden; z-index: 1 }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }
.swiper-wrapper { z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -moz-transform: translate3d(0, 0, 0);  -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.swiper-slide, .swiper-wrapper { -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d }
.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-fles-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0 }
.swiper-slide{position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; overflow: hidden;}
.swiper-slide img {max-width: 100%;}
/*#background .slogan .slogan-feature .feature-back img{margin:7px 0 0 -65px}*/

/*-- focus --*/
.focus .imgFocus {position: relative; width: 100%;overflow: hidden; margin: 0 auto 4%;top:8px}
.focus1 .imgFocus {position: relative; width: 100%; margin: 0 auto; overflow: hidden;left:0px;top:0px}
.swiper-pagination {position: absolute;width:100%;text-align: center; font-size: 0; z-index: 2;max-width: 1200px;}
.swiper-pagination .swiper-pagination-bullet {display: inline-block; width: 12px; height: 12px;  border-radius: 50%; background: #ccc;margin-left:10px}
.swiper-pagination .swiper-pagination-bullet:nth-child(1){margin-left:0}
.swiper-pagination .swiper-pagination-bullet-active {border:1px solid #02c7ff;}
.swiper-slide .row .l img{margin-left:25%;width: 50%}
/*.swiper-slide .row .l{background: red}*/
.swiper-slide .r-block{width: 90%;margin:10% 0 0 5%}
.swiper-slide .r-block em{color:#02c7ff}
.swiper-slide .r-block button{width: 40%;border-radius: 0;margin-top:10%;margin-left:0;height:35px;line-height: 35px}
.swiper .more{text-align: center;margin-top:8%}
.swiper h4{margin:0;}
.swiper .r-block div.f18{line-height: 20px}
.swiper .focus .swiper-slide .r-block{color:#000;}
.swiper .focus .swiper-slide .r-block h2{padding:7% 0;font-weight: 700;font-family: 方正兰亭超细黑简体 }
.swiper .focus .swiper-slide .r-block .f18 .f16 span{padding-top:3%;display: block}


/*main4*/
.main4{padding-bottom: 3%}
.main4 .block{width: 90%;margin-left:5%;background: #fff;overflow: hidden}

.main4 .block ul{padding-bottom: 2rem}
.main4 .block ul li{overflow: hidden;margin-top:1.5rem;width: 100%;margin-left:0%}
.main4 .block ul li img{width: 11%;float: left;margin-left:1.5%;}
.main4 .block ul li img:nth-child(1){margin-left: 0.75%}



@media (max-device-width:769px) {
    .advantage,
    .banner,
    .contact,
    .effect,
    .footer,
    .header,
    .range,
    .user,
    .wrap {min-width: 100%}
    .banner {height: 250px;background: url(/sources/www/img/m_bg_home.png) center center no-repeat;background-size: cover;overflow: hidden;}
    .banner .wrap {padding-left: 20px}
    .banner__title {font-size: 45px;margin-top: 30px;line-height: 32px}
    .banner__desc {font-size: 16px;line-height: 16px;margin-top: 15px}
    .banner .btn--delivery {margin-top: 15px;width: 100px}

    .main1 .block .r div.f18{line-height: 20px}
    /*.head .head-block .fl{width: 40%}*/

}


@media screen and (min-width: 600px) {
    .main2 .block .r .r-block{width: 60%;margin:22% 0 0 25%}

    .main1 .block .r button{width: 85%;height:60px;line-height:60px;margin-left:0}
    .r-block div.f18{color:#525252;padding-top:1%;line-height: 35px}
    .main4 .block{width: 70%;margin-left:15%;}
     .swiper-slide .r-block button{width: 40%;margin-left:0;height:55px;line-height: 55px}
    .btn--md {height: 55px;}
    .head .head-block .fl .f16{font-size: 10px}

    .main4 .block ul{padding-bottom: 2rem}
    .main4 .block ul li{overflow: hidden;margin-top:1.5rem;width: 93%;margin-left:3.5%}
    .main4 .block ul li img{width: 8%;float: left;margin-left:4.5%;}
    .main4 .block ul li img:nth-child(1){margin-left:2.25%}
}