@charset "utf-8";
/* CSS Document */

.swiper-container1 { width: 100%;  margin-top: .52rem;position: relative; overflow: hidden; }
.swiper-container1 .swiper-slide {text-align: center;font-size: 18px;}
.swiper-container1 .swiper-slide img{ width:100%; height: 66.7vw; max-height: 426px; object-fit: cover ;  }
.swiper-container1 .swiper-pagination{ bottom:.29rem}
.swiper-container1 .swiper-pagination span{ display:inline-block; width:5px; height:5px; background-color: #fff; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 1; }
.swiper-container1 .swiper-pagination .swiper-pagination-bullet-active{ background: url(../images/d.png) no-repeat center; background-size: cover; width: 10px; height: 10px;position: relative;top: 2.5px;}

.ico-box{ width: 100%; background-color: #fff; padding: .18rem 0 .18rem 0; border-radius:.15rem .15rem 0 0; overflow: hidden; -webkit-border-radius:.15rem .15rem 0 0; -moz-border-radius:.15rem .15rem 0 0; -ms-border-radius:.15rem .15rem 0 0; -o-border-radius:.15rem .15rem 0 0; position: relative; top: -.16rem; z-index: 22; white-space: nowrap; overflow-x: auto ; }
.ico-box ul{ width: 100%;}
.ico-box ul li{ width: .8rem; display: inline-block ; text-align: center;margin-left: -3px ;border-right: 1px solid #eaf2fd}
.ico-box ul li img{ width: .26rem; margin-bottom: .12rem }
.ico-box ul li h3{line-height: .12rem; font-size: .12rem; color: #888 ;}
.ico-box ul li:last-child{border: none}


.cpzx-bj{ width: 100% ; background-color: #f7f7f7 ;}
.cpzx-c{ width: 92% ;margin: 0 auto;padding: .1rem 0 .26rem 0; overflow: hidden;}
.title-box{ width: 100% ;text-align: center ;position: relative;}
.title-box h3{font-size: .16rem;font-weight: bold ;color: #3488ea ;position: relative; top: -.12rem}
.title-box h4{font-size: .16rem;font-weight: bold ;color: #2550a2 ;opacity: 0.1;text-transform: uppercase}
.chaz{ width: 100% ;margin: .08rem 0 .16rem 0; overflow: hidden;}
.chaz .cz{ width: .28rem ;float: left;margin-right: .09rem ;position: relative;top: .01rem}
.select{
    width: calc(100% - .88rem);
    height: .34rem;
    line-height: .34rem;
    float: left;
    font-size: .12rem;
    color: #343536;
    text-indent: .1rem;
    border: solid 1px #3488ea;
    background-image: url(../images/dow.png);
    background-repeat: no-repeat;
    background-size: .11rem auto;
    background-position: 96% center ;
    border-radius:.04rem ;
    -webkit-border-radius:.04rem ;
    -moz-border-radius:.04rem ;
    -ms-border-radius:.04rem ;
    -o-border-radius:.04rem ;
}
.chaz .but{ width: .42rem; height: .34rem;float: right ;background-color: #3488ea ;  background-image: url(../images/sec.png) ;background-repeat: no-repeat; background-position: center center; background-size: .18rem auto;  border-radius:.04rem ;}


.img-box{ width: 100% ;margin: .2rem 0 .12rem 0; overflow: hidden;}
.img-box ul{ width: 100% ;}
.img-box ul li{ width: calc(50% - .08rem) ; float: left; background-color: #fff ; float: left; border-bottom: 1px solid #3488ea; margin-bottom: .15rem ; padding-bottom: .1rem; border-radius:.04rem .04rem 0 0 ; -webkit-border-radius:.04rem .04rem 0 0 ; -moz-border-radius:.04rem .04rem 0 0 ; -ms-border-radius:.04rem .04rem 0 0 ; -o-border-radius:.04rem .04rem 0 0 ; overflow: hidden; }
.img-box ul li img{ width: 100% ; height: 1.08rem; object-fit: cover}
.img-box ul li h3{ width: 86% ; height: .2rem; line-height: .2rem;  margin: 0 auto; margin-top: .08rem; margin-bottom: .03rem; font-size: .14rem; color: #333 ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.img-box ul li h4{ width: 86% ; height: .14rem; line-height: .14rem; margin: 0 auto;   font-size: .1rem; color: #999 ;white-space:nowrap;  text-overflow:ellipsis;margin-top: .04rem; overflow: hidden;}
.img-box ul li h4 span{color: #555}
.img-box ul li:nth-of-type(even){float: right;}

.gd-box{ width: 100%;text-align: center}
.gd-box a{ width: 80%; height: .32rem; line-height: .32rem; font-size: .12rem; color: #fff; text-align: center; display: inline-block; background-color: #3488ea; border-radius:.32rem ; -webkit-border-radius:.32rem ; -moz-border-radius:.32rem ; -ms-border-radius:.32rem ; -o-border-radius:.32rem ;
}


.Product-bj{ width: 100% ; background: url(../images/ysbj.jpg) no-repeat; background-size: cover ; overflow: hidden;}
.Product-c{ width: 92%; margin: 0 auto ; padding-bottom: .65rem; overflow: hidden;}
.tit2{ margin: .26rem  0 .14rem 0}
.tit2 h4{color: #fff }
.tit2 h3{color: #fff }

.advantage-nu{ width: 100% ;margin-bottom: .16rem; overflow: hidden;}
.advantage-nu ul{width: 100% ;}
.advantage-nu ul li{ width: 20%;text-align: center;float: left;}
.advantage-nu ul li a{width: 100% ;display: block }
.advantage-nu ul li a .icon-box{ width: .46rem; height: .46rem;display: inline-block ;margin-bottom: .06rem; position: relative;}
.advantage-nu ul li a .icon-box img{ width: 100%; height: 100%;position: absolute; left: 0;top: 0}
.advantage-nu ul li a .icon-box .icon2{display: none}
.advantage-nu ul li a h3{font-size: .12rem; color: #e4f1ff}
.advantage-nu ul li.on a .icon2{display: block}
.advantage-nu ul li.on a .icon1{display: none}
.advantage-nu ul li.on a h3{color: #fff}





.Product-c .brief{ width: 100% ; font-size: .12rem; color: #fff ; line-height: .22rem;text-align: center}

.about-bj{width: 100% ; background: url(../images/gybj.jpg) repeat; background-size: 100% auto}
.about-c{  width: 92%; margin: 0 auto ; padding: .2rem 0 0 0; }
.wm-box{ width: 100% ; background-color: #fff ; border-radius: .05rem .05rem 0 0; box-shadow: rgba(0, 0, 0, 0.05) 0 0 .07rem .03rem; -webkit-border-radius: .05rem .05rem 0 0; -moz-border-radius: .05rem .05rem 0 0; -ms-border-radius: .05rem .05rem 0 0; -o-border-radius: .05rem .05rem 0 0; overflow: hidden;margin: .1rem 0 0 0 }
.wm-box .pic{ width: 100% ;height: 1.99rem; object-fit: cover}


.icon-bj{width: 100%;overflow: hidden;}
.icon-bj ul{ width: 100% ; overflow: hidden;}
.icon-bj ul li{ width: calc(50% - 0.5px) ; border-bottom: 1px solid #f4f4f4;float: left;}
.icon-bj ul li a{ width: 100%; height: 100%;display: block; padding: .12rem 0 ; overflow: hidden;}
.icon-bj ul li a img{ width: .28rem;height: .28rem ; margin: 0 .12rem 0 14% ;float: left;}
.icon-bj ul li a h4{ float: left; height: .28rem;line-height: .28rem; font-size: .12rem; color: #3488ea; overflow: hidden;}
.icon-bj ul li:nth-child(1){border-right: 1px solid #f4f4f4;}
.icon-bj ul li:nth-child(3){border-right: 1px solid #f4f4f4;border-bottom: none;}
.icon-bj ul li:nth-child(4){border-bottom: none;}

.jian-b{ width: 100%; padding: .2rem 0 .3rem 0}
.jian-b h3{ width: 100%; font-size: .14rem ;font-weight: bold ;color: #3488ea ;margin-bottom: .05rem}
.jian-b p{ width: 100%; font-size: .12rem ;color: #666 ; line-height: .2rem;text-align: justify}
.tit3{ padding: .23rem 0 .1rem 0}


.application-bj{ width: 100% ; background: url(../images/lybj.jpg) no-repeat; background-size: cover ; overflow: hidden;}
.application-c{ width: 92%; margin: 0 auto ; }
.icon-bj2{width: 100%;overflow: hidden;}
.icon-bj2 ul{ width: 100% ; overflow: hidden;}
.icon-bj2 ul li{ width: calc(50% - 0.5px) ; border-bottom: 1px solid rgba(255, 255, 255, 0.1);float: left;}
.icon-bj2 ul li a{ width: 100%; height: 100%;display: block; padding: .12rem 0 ; overflow: hidden;}
.icon-bj2 ul li a img{ width: .28rem;height: .28rem ; margin: 0 .09rem 0 .08rem ;float: left;}
.icon-bj2 ul li a h4{ float: left; height: .28rem;line-height: .28rem; font-size: .12rem; color: #fff; overflow: hidden;}
.icon-bj2 ul li:nth-child(1){border-right: 1px solid rgba(255, 255, 255, 0.1);}
.icon-bj2 ul li:nth-child(3){border-right: 1px solid rgba(255, 255, 255, 0.1);}
.icon-bj2 ul li:nth-child(5){border-right: 1px solid rgba(255, 255, 255, 0.1);}
.icon-bj2 ul li:nth-child(7){border-right: 1px solid rgba(255, 255, 255, 0.1);border-bottom: none;}
.icon-bj2 ul li:nth-child(8){border-bottom: none;}



.news-bj{width: 100% ; background-color: #ecf5fb ;}
.news-c{ width: 92%; margin: 0 auto ; padding: .23rem 0 .2rem 0; overflow: hidden;}
.tit{width: 100%;text-align: center; height: .28rem;padding:0;white-space: nowrap; overflow-y: hidden; overflow-x: auto;}
.tit h3{display: inline-block;height: .28rem; line-height: .28rem; font-size: .14rem;color: #777777;padding:0 .08rem ; position: relative;}
.tit i{ width: .01rem; height: .16rem; background-color:#777 ; display: inline-block;position: relative;top: .035rem}
.tit h3.on{color: #3488ea ;font-weight: bold}


.nwes{width: 100% ; padding: .06rem 0 .25rem 0 }
.nwes ul{width: 100% ;}
.nwes ul li{width: 100% ; border-bottom: 1px dashed #bfbfbf ; padding: .11rem 0; overflow: hidden;}
.nwes ul li .nw{ width: 1.1rem ;  height: .83rem;float: left; object-fit: cover}
.nwes ul li .nr{ width: calc(100% - 1.2rem) ;float: right}
.nwes ul li h3{width: 100%;font-size: .14rem;color: #333333;max-height: .4rem;line-height: .2rem; display: -webkit-box;
 -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: .06rem; text-align: justify; overflow: hidden;}
.nwes ul li h4{width: 100%;font-size: .14rem;color: #777;height: .32rem;line-height: .16rem;font-size: .1rem; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; overflow: hidden;}
.nwes ul li.noa .nw{display: none}
.nwes ul li.noa .nr{ width: 100%}


.cooperation-bj{width: 100% ; background: url(../images/gybj.jpg) repeat; background-size: 100% auto ; overflow: hidden;}
.cooperation-c{  width: 92%; margin: 0 auto ; padding: .2rem 0 .23rem 0; }

.swiper-container5 {width:100%;  height: .83rem; margin: .1rem 0 0 0; position: relative; }
.swiper-container5  .swiper-slide { height: .6rem;text-align: center;margin-top: 0 !important;}
.swiper-container5 .swiper-slide img{ width:100%; height:.6rem ; object-fit: cover ; box-shadow: rgba(0, 0, 0, 0.03) 0 0 .05rem .02rem; }
.swiper-container5 .swiper-pagination{ bottom: 0 !important}
.swiper-container5 .swiper-pagination span{ display:inline-block; width:4px; height:4px; background-color: #3488ea; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 1; }
.swiper-container5 .swiper-pagination .swiper-pagination-bullet-active{ width: 6px;height: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; position: relative; top: 1px }





.swiper-container3 {width: 100%; height: 4rem ;position: relative; margin-top: .13rem; margin-bottom: .15rem}
.swiper-container3  .swiper-slide { height: 1.83rem;text-align: center; background-color: #fff; border-bottom: 1px solid #3488ea;border-radius: .04rem .04rem 0 0;margin-top: 0 !important; overflow: hidden;}
.swiper-container3  .swiper-slide img{ width: 100% ; height: 1.08rem; object-fit: cover}
.swiper-container3  .swiper-slide h3{ width: 86% ; height: .2rem; line-height: .2rem;  margin: 0 auto; margin-top: .08rem; margin-bottom: .03rem; font-size: .14rem; color: #333 ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.swiper-container3  .swiper-slide h4{ width: 86% ; height: .14rem; line-height: .14rem; margin: 0 auto;   font-size: .1rem; color: #999 ;white-space:nowrap;  text-overflow:ellipsis;margin-top: .04rem; overflow: hidden;}
.swiper-container3  .swiper-slide h4 span{color: #555}




.swiper-container3 .swiper-pagination{ position: initial}
.swiper-container3 .swiper-pagination span{ display:inline-block; width:4px; height:4px; background-color: #3488ea; border-radius:50%; opacity: 1; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; opacity: 1; }
.swiper-container3 .swiper-pagination .swiper-pagination-bullet-active{ width: 6px;height: 6px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; position: relative; top: 1px  }









@media screen and (width: 360px) {
   
}