.banner .swiper-container {width: 7.5rem; }
.banner .swiper-container .swiper-pagination {bottom:0; height:auto}
.banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 .1rem;width: .16rem;height: .16rem;} 
.c-search {position: relative; background-color: #f8fafd;margin-bottom: .3rem;}
.c-search::after {position: absolute;left: .3rem;top: 50%;transform: translateY(-50%);content: '';width: .02rem;height: .28rem;background-color: rgba(110, 110, 110, .8);}
.form-search input[type="text"] {width:80%; height:0.8rem; float:left; padding:0 .18rem; border:0; color: #000;font-size: .3rem;background-color: #f8fafd;}
.form-search input[type="submit"]{ width:19%; height:.8rem; float:left; border:0; color:#fff;background: url(../images/search.png) no-repeat right center; background-size: .28rem .28rem;}

.c-product {margin-bottom: .3rem;}
.c-product .menu {margin-bottom: .3rem;}
.c-product .menu ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.c-product .menu ul li {flex:1 1 32%; margin:0 2px 2px 0;background-color: #0e40a4;}
.c-product .menu ul li a {display: flex;justify-content: center; color: white;font-size: .24rem;line-height: .65rem;}
.c-product .menu ul li a em {width: .32rem;height: .32rem;margin-right: .22rem;}
.c-product .c-product-main ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.c-product .c-product-main ul li {width: 3.41rem;margin-bottom: .1rem;}
.c-product .c-product-main .content {background-color: #0e40a4;font-size: .24rem;padding: .12rem 0 .15rem;}
.c-product .c-product-main .content .title {padding: 0 .25rem;color: white;margin-bottom: .3rem;}
.c-product .c-product-main .content .btns {display: flex;justify-content: center;}
.c-product .c-product-main .content .btns a {width: 1.54rem; color: white;border: 1px solid white;margin-right: .05rem;text-align: center;}

.c-advantage {background-color: #f8fafd;padding: .5rem 0;}
.c-advantage-list {display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: .4rem;}
.c-advantage-list li {display: flex;flex-direction: column;justify-content: space-around;align-items: center; width: 1.73rem;height: 1.73rem;box-sizing: border-box;background: url(../images/img-bg.png) no-repeat center / contain;margin-bottom: .3rem;}
.c-advantage-list li em {display: block;width: .6rem;height: .67rem;margin-top: .3rem  ;}
.c-advantage-list li span {display: block;font-size: .2rem;color: #1b1b1b;margin-bottom: .3rem;}
.c-advantage-img {margin-top: .2rem;}

.c-case {background: url(../images/4.jpg);padding-bottom: 1.6rem;}
.c-case .g-in {padding-top: .5rem;}
.c-case .c-title {margin-bottom: .5rem;}
.c-case .g-in .c-title-z {color: white;}
.c-case .g-in .c-title-e {color: rgba(238, 238, 238,.2);}
.c-case .c-des {font-size: .24rem; color: #fffefe;}
.c-case .c-case-slide {position: relative;width: 100%;}
.c-case .c-case-slide .bd {height: 6.4rem;}

.c-case .c-case-slide .bd li img {width: 100%;display: block;}
.c-case .c-case-slide .content {position: relative; background-color: #fff;padding: .2rem .25rem .25rem .25rem;}
.c-case .c-case-slide .content .title {width: 5.6rem; font-size: .3rem;font-weight: 700; color: #000;line-height: .55rem;margin-bottom: .1rem;}
.c-case .c-case-slide .content .des {font-size: .24rem;}
.c-case .c-case-slide .content .detail {position: absolute;right: .25rem;top: .3rem;content: '';width: .31rem;height: .27rem;background: url(../images/arr.png) no-repeat;background-size: .31rem .27rem;}
.c-case .c-case-slide .prev {position: absolute; width: .74rem;height: 1.24rem;top: 2.08rem;transform: translateX(-0.3rem); background: url(../images/prev.png) no-repeat center; background-color: rgba(0,0,0,.5);z-index: 10;}
.c-case .c-case-slide .next {position: absolute;top: 2.08rem;right: 0; transform: translateX(.3rem); width: .74rem;height: 1.24rem;background: url(../images/next.png) no-repeat center; background-color: rgba(0,0,0,.5);z-index: 10;}

.c-aboutinfo {padding: .5rem 0 .6rem;}
.c-aboutinfo .c-title .c-title-z {color: black;}
.c-aboutinfo .c-title .c-des {color: #707070;margin-bottom: .15rem;}
.c-aboutinfo .c-aboutinfoa .pic {position: relative;}
.c-aboutinfo .c-aboutinfoa .info {position: absolute;left: .3rem;bottom: .3rem; background-color: #0e40a4;color: white;padding: .12rem .22rem;text-align: justify;text-align-last: justify;}
.c-aboutinfo .c-aboutinfoa .info-a {font-size: .26rem;font-weight: 700;line-height: .48rem;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main {padding-top: .2rem;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main .title {font-size: .36rem;color: #4478c5;line-height: .48rem;margin-bottom: .14rem;font-weight: 700;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main .des {position: relative; font-size: .24rem;color: #313131;padding-left: .2rem;margin-bottom: .15rem;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main .des::after {position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: '';width: .02rem;height: .24rem;background-color: #0e40a4;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main .t {font-size: .24rem;color: #707070;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main .list {display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: .4rem;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main .list li a{display: flex;flex-direction: column;justify-content: space-around;align-items: center; width: 1.5rem;height: 1.5rem;box-sizing: border-box;background-color: #f8f8f8;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main .list li em {display: block;width: .47rem;height: .47rem;margin-top: .2rem  ;}
.c-aboutinfo .c-aboutinfoa .c-aboutinfo-a-main .list li span {display: block;font-size: .2rem;color: #1b1b1b;margin-bottom: .2rem;}
.c-aboutinfo .c-aboutinfo-b {padding-top: .3rem;}
.c-aboutinfo .c-aboutinfo-b .c-aboutinfo-b-total {margin-bottom: .4rem;}
.c-aboutinfo .c-aboutinfo-b .pic {position: relative;}
.c-aboutinfo .c-aboutinfo-b .pic .honor{position: absolute;top: 0;left: 0;width: 1.18rem;height: 1.18rem;background-color: #0e40a4;font-size: .26rem;font-weight: 700;color: white;padding:0 .3rem;line-height: 1.2;display: flex;align-items: center;}
.c-aboutinfo .c-aboutinfo-b .info {padding: .18rem .3rem .25rem .3rem;background-color: #4673bd;}
.c-aboutinfo .c-aboutinfo-b .info .title {font-size: .36rem;color: white;line-height: .48rem;margin-bottom: .22rem;font-weight: 700;}
.c-aboutinfo .c-aboutinfo-b .info .i {font-size: .24rem;color: white;}
.c-aboutinfo .c-aboutinfo-b .c-aboutinfo-b-sub .swiper-container { padding-bottom: .9rem;}
.c-aboutinfo .c-aboutinfo-b .c-aboutinfo-b-sub .swiper-slide {width: 2.3rem;height: 3.46rem;background: url(../images/img-bd1.png) no-repeat;background-color: #fff;background-size: 2.3rem 3.46rem; padding: .13rem;text-align: center;opacity: 0;}
.c-aboutinfo .c-aboutinfo-b .c-aboutinfo-b-sub .swiper-slide.swiper-slide-visible {opacity: 1;}
.c-aboutinfo .c-aboutinfo-b .c-aboutinfo-b-sub {padding-top: .9rem;border: 1px solid #dcdcdc;}
.c-aboutinfo .c-aboutinfo-b .c-aboutinfo-b-sub .info-box {position: relative; background-color: #f8f8f8;padding: .4rem;font-size: .24rem;color: #0e0e0e;}
.c-aboutinfo .c-aboutinfo-b .c-aboutinfo-b-sub .info-box .i {padding: .1rem 0;}
.c-aboutinfo .c-aboutinfo-b .c-aboutinfo-b-sub .info-box::after {position: absolute;left: .4rem;top: .4rem;content: '';width: .75rem;height: .04rem;background-color: #4673bd;}

.c-aboutlist {padding: .5rem 0 .2rem;}
.c-aboutlist .c-title-z {color: #000;}
.c-aboutlist .c-aboutlist-list {display: flex;margin-bottom: .4rem;}
.c-aboutlist .c-aboutlist-list li {width: 0;flex: 1; padding: .26rem .12rem 0;}
.c-aboutlist .c-aboutlist-list li .title {font-size: .24rem;margin-bottom: .1rem;}
.c-aboutlist .c-aboutlist-list li .t {font-size: .18rem;line-height: 1.2;color: #7d7d7d;margin-bottom: .35rem;}
.c-aboutlist .c-aboutlist-list li .d {position: relative; font-size: .24rem;color: #7d7d7d;padding: .1rem 0;border-top: 1px solid #707070;background: url(../images/arr1.png) no-repeat center right;background-size: .19rem .17rem;}
.c-aboutlist .content {margin-bottom: .3rem;}
.c-aboutlist .content .title { font-size: .3rem; color: #000;line-height: .48rem;margin-bottom: .1rem;}
.c-aboutlist .content .i {font-size: .24rem;color: #707070;}
.c-aboutlist .note-list li {position: relative;display: flex;justify-content: space-between; padding: .1rem 0 .1rem.2rem;}
.c-aboutlist .note-list li::before {position: absolute;top: 50%;left: 0;transform: translateY(-50%); content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #000;}
.c-aboutlist .note-list li a {width: 4.9rem;}
.c-aboutlist .note-list li i {font-size: .24rem;color: #707070;}