.banner{position:relative;overflow:hidden}.swiper-container{width:100%;color:#fff;text-align:center}.swiper-slide{position:relative}.pagination{position:absolute;z-index:20;left:10px;bottom:10px}.swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;background:#555;margin-right:5px;opacity:0.8;border:1px solid #fff;cursor:pointer}.swiper-active-switch{background:#fff}.banner .pagination{right:30px;bottom:30px;text-align:center}.banner .swiper-active-switch{background:-webkit-radial-gradient(#fff 30%, #555 50%);background:-o-radial-gradient(#fff 30%, #555 50%);background:-moz-radial-gradient(#fff 30%, #555 50%);background:radial-gradient(#fff 30%, #555 50%)}.swiper-slide img{width:100%}.pages>span{position:absolute;width:52px;height:52px;display:inline-block;background-size:100%;background-repeat:no-repeat;top:50%;margin-top:30px;cursor:pointer;z-index:100;transition:.5s ease-in-out}.pages>.prev{background-image:url(../images/banner-prev.png);left:45px;transform:translateX(-300px)}.pages>.next{background-image:url(../images/banner-next.png);right:45px;transform:translateX(300px)}.banner:hover .prev{transform:translateX(0)}.banner:hover .next{transform:translateX(0)}.banner-more{display:none;position:absolute;top:70%;left:46%;color:white;border-radius:5px;background-color:#13a4e7;text-align:center;width:80px;padding:7px 0;font-size:14px}.news,.method,.product{margin-top:32px}.phone_news{width:94%;margin:auto;display:none}.phone_news_list{width:46%;height:3rem;float:left;margin-left:2%;margin-right:2%;margin-bottom:10px;position:relative}.phone_news_list img{width:100%;display:block}.phone_news_list h5{padding-left:4%;padding-right:4%;position:absolute;left:0;bottom:0.3125rem;color:#fff;font-size:0.375rem}.title{font-size:35px;color:#6e6e6e;font-weight:normal;text-align:center;position:relative;padding:40px 0}.title>span{display:inline-block;padding:0px 30px;background-color:#fff;z-index:3;position:relative;line-height:2em}.title:after{content:"";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;z-index:2;background-color:#ccc}.news_content{width:1170px;margin:auto}.news_content img{width:100%;height:100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}.news_left{float:left;width:290px;height:490px;margin-left:7px;margin-right:7px}.news_right{float:left;width:595px;margin-left:7px;margin-right:7px}.news_right_top{margin-bottom:14px;height:238px}.news_right_bottom .smallimg{width:290px;height:238px;float:left}.news_left,.news_right_top,.smallimg{position:relative;overflow:hidden}.mask{position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);transition:opacity linear 0.3s;opacity:0}.mask h5{font-size:24px;color:#fff;font-weight:normal;line-height:40px}.mask p{font-size:14px;color:#fff;line-height:25px}.masktext{position:absolute;bottom:30px;left:30px;padding-right:30px}.news_left:hover .mask,.news_right_top:hover .mask,.smallimg:hover .mask{opacity:1}.news_left:hover>img,.news_right_top:hover>img,.smallimg:hover>img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}.method_all{width:1170px;margin:auto}
.method .method_all {
    text-align: center;
}
.method_list{width:440px;height:235px;display: inline-block;border:1px #e5e5e5 solid;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;behavior:url(https://www.ieslab.com.cn/public/static/home/css/PIE.htc);border-radius:4px;padding-top:36px;text-align:center;margin-bottom:25px}.method_list.mhd-right{float:right}.method_list:hover{background:#069bff;border:1px #069bff solid}.method_list img{border:none}.method_list .mtd-img2{display:none}.method_list:hover .mtd-img1{display:none}.method_list:hover .mtd-img2{display:inline-block}.method_list:hover h6,.method_list:hover p{color:#fff}.method_list h6{font-size:16px;font-weight:normal;line-height:32px;margin-top:21px}.method_list p{font-size:12px;padding-left:40px;padding-right:40px;line-height:22px;color:#808080}.learnmore{width:100%;height:200px;margin-bottom:30px;position:relative}.learnmore img{width:100%;height:100%}.more_mask{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(6,155,255,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99069bff, endColorstr=#99069bff);padding-top:38px}.more_mask p{font-size:30px;color:#fff;text-align:center;line-height:60px}.morelink{width:152px;height:50px;margin:auto;margin-top:14px;display:block;line-height:50px;text-align:center;border:1px #fff solid;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;behavior:url(https://www.ieslab.com.cn/public/static/home/css/PIE.htc);border-radius:4px;color:#fff;font-size:16px}.product_all{width:1170px;margin: 30px auto 0;}.product_list{float:left;width:425px;height:150px;margin-right:25px;margin-bottom:35px}.product_list img{float:left;width:176px;height:150px}.product_infor{float:right;width:228px;height:150px;position:relative}.product_infor h6{font-size:16px;color:#6b6b6b;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product_infor p{font-size:12px;color:#808080;line-height:22px}.product_detail{width:70px;height:30px;display:block;text-align:center;line-height:30px;font-size:13px;color:#069bff;border:1px #069bff solid;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;behavior:url(https://www.ieslab.com.cn/public/static/home/css/PIE.htc);border-radius:4px;position:absolute;bottom:0;left:0}.product_detail:hover{background:#069bff;color:#fff}.product_more{width:148px;height:42px;display:block;margin:auto;line-height:42px;text-align:center;background:#069bff;-moz-border-radius:4px;-webkit-border-radius:4px;position:relative;behavior:url(https://www.ieslab.com.cn/public/static/home/css/PIE.htc);border-radius:4px;color:#fff;font-size:14px}@media (max-width: 767px){.banner-more{display:none}.news_content{display:none}.phone_news{display:block}.phone_news_list{height:auto}.title{height:1.25rem;line-height:1.25rem;font-size:0.437rem;font-weight:600;width:94%;margin:auto}.title span,.title strong{width:35%;}.news,.method,.product{margin-top:7px}.product_more{width:3.45rem;height:0.9rem;line-height:0.9rem;font-size:0.375rem;margin-top:10px !important}.method_all{width:94%;margin:auto}.method_list{width:46%;height:3.062rem;margin-left:2%;margin-right:2%;margin-bottom:10px;padding-top:0.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.method_list img{width:20%}.method_list h6{font-size:0.375rem;margin-top:0}.method_list p{display:none}.learnmore{height:3.75rem;margin-top:20px;margin-bottom:20px}.more_mask{padding-top:0}.more_mask p{font-size:0.5rem}.morelink{width:3.125rem;height:.937rem;line-height:0.937rem;font-size:0.375rem}.product_all{width:94%;margin:auto}.product_list{width:100%;height:4.41rem;float:none;margin-bottom:15px}.product_list img{width:40%;height:auto}.product_infor{width:55%}.product_infor h6{font-size:0.406rem;font-weight:normal}.product_detail{display:none;width:2.187rem;height:0.781rem;line-height:0.781rem;font-size:0.375rem}}@media (max-width: 480px){.phone_news_list{margin-bottom:8px}.product_infor p{line-height:1.3em}}
/*# sourceMappingURL=index.css.map */


.phone_news .phone_news_list:nth-child(1) {
    width: 96%;
}

.phone_news .phone_news_list:nth-child(3) {
    margin-bottom: 10.8621px;
}



.product {
    background: url(../images/shop-wrap.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
    margin-top: 0;
    padding: 80px 0;
}

.product_all {
    position: relative;
}
.product_all .swiper-container {
    height: 350px !important;
}
#index-shop .swiper-wrapper {
    height: 350px !important;
}
#index-shop .swiper-slide {
    float: left !important;
    width: 283px !important;
    height: 320px !important;
    margin: 10px 5px !important;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#index-shop .swiper-slide .image-wrap {
    width: 100%;
    height: 235px;
    position: relative;
    overflow: hidden;
}
#index-shop .swiper-slide .image-inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    overflow: hidden;
    text-align: center;
    z-index: 2;
}
#index-shop .swiper-slide .image-inner img {
    width: 100%;
    vertical-align: middle;
    transition: all .6s;
    z-index: 1;
}
#index-shop .swiper-slide .text-inner {
    padding: 20px 10px;
    text-align: center;
}
#index-shop .swiper-slide .text-inner .title1 {
    font-size: 16px;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    color: #333;
}
.product_all .swiper-button-prev, .product_all .swiper-button-next {
    position: absolute;
    top: 50%;
    margin-top: -28px;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    color: #999;
    font-size: 40px;
    transition: all .6s;
    background: none;
    outline: none;
}
.product_all .swiper-button-prev {
    left: -30px;
    transform: translateX(-45px);
    background: url(../images/l.png) no-repeat center;
}
.product_all .swiper-button-next {
    right: -30px;
    transform: translateX(45px);
    background: url(../images/r.png) no-repeat center;
}
#index-shop .swiper-slide:hover .image-inner img {
    transform: scale(1.05);
}



.news-show {

}
.show-wrap {
    background: url(../images/show-wrap.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
    padding: 80px 0;
    transition: all .6s;
    position: relative;
}

.caption-inner {
    padding: 10px 0;
    overflow: hidden;
}
.caption-inner .title-inner {
    text-align: center;
    line-height: 35px;
    position: relative;
    width: 100%;
}
.caption-inner .title-inner .title1 {
    font-size: 28px;
    position: relative;
    padding: 15px 0;
    padding-bottom: 18px;
}
.show-wrap .caption-inner .title-inner .title1 strong {
    color: #fff;
}
.caption-inner .title-inner .title1 strong {
    display: inline-block;
    position: relative;
    font-weight: normal;
}
.show-wrap .caption-inner .title-inner .title1 strong:before, .show-wrap .caption-inner .title-inner .title1 strong:after {
    border-bottom: 1px dashed #fff;
}
.caption-inner .title-inner .title1 strong:before, .caption-inner .title-inner .title1 strong:after {
    content: '';
    left: -330px;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    display: block;
    width: 300px;
    height: 1px;
    border-bottom: 1px dashed #C0C0C0;
}
.show-wrap .caption-inner .title-inner .title1 strong:before, .show-wrap .caption-inner .title-inner .title1 strong:after {
    border-bottom: 1px dashed #fff;
}
.caption-inner .title-inner .title1 strong:after {
    left: auto;
    right: -330px;
}
.show-wrap .caption-inner .text-inner {
    color: #fff;
}
.caption-inner .text-inner {
    padding: 15px 0;
    font-size: 16px;
    color: #585959;
    line-height: 30px;
    text-align: center;
}



#index-show.swiper-container { width: 100%; height: 100%; }
#index-show .swiper-slide { 
    float: left !important; 
    width: 267px !important; 
    height: 412px !important;
    margin: 40px 8px !important; 
    background: #fff; 
    border: 5px solid #fff; 
    border-radius: 30px 0 30px 0; 
    cursor: pointer; 
    position: relative; 
    z-index: 1; 
    transition: all 0.1s; 
}
.news_content .swiper-container {
    height: 457px !important;
    width: 100% !important;
}
#index-show .swiper-wrapper {
    /* height: 457px !important; */
    /* width: 100% !important; */
    /* transform: translate3d(0px, 0px, 0px) !important; */
}




#index-show .swiper-slide .image-wrap { border-radius: 30px 0 0 0; width: 100%; height: 222px; overflow: hidden; position: relative; z-index: 0; }
#index-show .swiper-slide .image-wrap:before { content: ''; position: absolute; left: 0; bottom: -280px; display: block; width: 300px; height: 300px; background: #fff; z-index: 1; transform: rotate(-5deg); -ms-transform: rotate(-5deg); /* IE 9 */ -moz-transform: rotate(-5deg); /* Firefox */ -webkit-transform: rotate(-5deg); /* Safari and Chrome */ -o-transform: rotate(-5deg); /* Opera */ }
#index-show .swiper-slide .image-inner { z-index: 0; position: relative; }
#index-show .swiper-slide .image-inner img { max-width: 100%; vertical-align: middle; }
#index-show .swiper-slide .text-wrap { width: 100%; height: 190px; position: relative; z-index: 2; }
#index-show .swiper-slide .text-inner { padding-bottom: 10px; text-align: center; font-size: 20px; line-height: 35px; font-weight: bold; position: relative; z-index: 2; }
#index-show .swiper-slide .text-inner a {
    color: #333;
}
#index-show .swiper-slide .text-inner:after { content: ''; position: absolute; left: 50%; margin-left: -21px; bottom: 0; width: 42px; height: 3px; background: #32405A; }
#index-show .swiper-slide .list-inner { padding: 15px 10px; position: relative; z-index: 2; }
#index-show .swiper-slide .list-inner li { display: block; line-height: 30px; font-size: 14px; height: 30px; }
#index-show .swiper-slide .list-inner li a {
    color: #333;
}
#index-show .swiper-slide:hover { background-color: #6EB92B; border-color: #6EB92B; margin-top: 20px !important; margin-bottom: 60px !important; }
#index-show .swiper-slide:hover .image-wrap:before { background-color: #6EB92B; }
#index-show .swiper-slide:hover .text-inner:after { background-color: #fff; }
#index-show .swiper-slide:hover .text-inner a, #index-show .swiper-slide:hover .list-inner li a { color: #fff; }



.show-wrap .pages>.prev {
    
    transform: translateX(15px);
    position: absolute;
    width: 52px;
    height: 52px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: 30px;
    cursor: pointer;
    z-index: 100;
    transition: .5s ease-in-out;
}
.show-wrap .pages>.next {
    
    transform: translateX(-15px);
    position: absolute;
    width: 52px;
    height: 52px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 50%;
    margin-top: 30px;
    cursor: pointer;
    z-index: 100;
    transition: .5s ease-in-out;
}



.title.title7 {
    width: 1170px;
    margin: 0 auto;
    font-size: 28px;
    position: relative;
    padding: 15px 0;
    padding-bottom: 18px;
}
.title.title7:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    left: 50%;
    margin-left: -28px;
    bottom: 0;
    width: 56px;
    height: 3px;
    background: #004098;
}
.title.title7 strong {
    display: inline-block;
    position: relative;
    font-weight: normal;
}
.title.title7 strong:before, .title.title7 strong:after {
    content: '';
    left: -330px;
    top: 50%;
    margin-top: -1px;
    position: absolute;
    display: block;
    width: 300px;
    height: 1px;
    border-bottom: 1px dashed #C0C0C0;
}
.title.title7 strong:after {
    left: auto;
    right: -330px;
}
.title.title7:after {
    display: none;
}


@media (max-width: 768px) {
    .title.title7 {
        width: 100%;
        font-size: 20px;
    }
    .product {
        padding: 0;
    }
    .title.title7:before {
        top: 60px;
    }
    .product .more-inner:before {
        left: 55%;
        top: 60%;
        width: 135px;
        height: 40px;
    }
    .product .more-inner a {
        width: 120px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}

#index-shop2 {
    display: none;
}
#index-show2 {
    display: none;
}
@media (max-width: 768px) {
    #index-shop {
        display: none;
    }
    #index-shop2 {
        display: block;
    }
    .product_all #index-shop2.swiper-container {
        height: 150px !important;
    }
    #index-show {
        display: none;
    }
    #index-show2 {
        display: block;
        height: 240px;
    }
}



.more-inner {
    padding: 10px 0;
    position: relative;
}
.more-inner:before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-top: -24px;
    margin-left: -85px;
    width: 170px;
    height: 48px;
    z-index: 0;
    background: #ECECEC;
    border-radius: 24px;
}
.more-inner a {
    margin: 0 auto;
    width: 160px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    text-align: center;
    border: 1px solid #E3E3E3;
    font-size: 16px;
    display: block;
    transition: all .6s;
    position: relative;
    z-index: 1;
    border-radius: 20px;
}






@media (max-width: 768px) {
    .caption-inner .title-inner .title1 {
        font-size: 20px;
    }
    .show-wrap {
        padding: 0;
    }
    .caption-inner .title-inner {
        line-height: 15px;
    }
    .caption-inner .text-inner {
        line-height: 25px;
    }
    .image-inner {
        height: 170px;
    }
    .image-inner img {
        height: 100%;
    }
    .list-inner {
        display: none;
    }
}