@charset "UTF-8";
@import url('base.css');


/*公共头部*/
.top-nav-box{position: fixed; left: 0; top: 0; z-index: 2; width: 100%; padding-top: .3rem;  padding-bottom: .2rem; z-index: 11;}
.top-nav-box.fixedbg{ background: #fff; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.4); }
.logo-img{width: 1.7rem; height: .5rem; display: inline-block; background: url(../uploadfiles/logo/logo.png) no-repeat 0 center; background-size: contain;}
.top-nav-box .nav-ul a{color: var(--white); font-size: var(--font-size20); margin: 0 .35rem; font-weight: 100;}
.top-nav-box .nav-ul a:hover{color: #1f588d; font-weight: normal; }

.list-top .nav-ul li{position: relative;}
.list-top .nav-ul .sub{position: absolute; top: 100%; background: #fff; overflow: hidden; left: 0;  padding: .75rem 0 .2rem; display: none; border-radius: 0 0 .04rem .04rem;}
.list-top .nav-ul .sub a{ padding: .1rem 0; display: block; white-space: nowrap; color: #333;}
.nav-ul li{position: relative;}
.nav-ul .sub{position: absolute; top: 100%; background: rgba(255, 255, 255, .3); overflow: hidden; left: 0;  padding: .2rem 0 .2rem; display: none; border-radius: .04rem;}
.nav-ul .sub a{ padding: .1rem 0; display: block; white-space: nowrap; color: #333;}



.search-box{display: flex; align-items: center; }
.search-box-l{display: flex; align-items: center; cursor: pointer; position: relative; }
.search-box-l .cur{color: var(--white); font-size: var(--font-size16); margin: 0 .1rem; background: url(../images/icon1.png) no-repeat 0 center; padding-left: .3rem; padding-right: .15rem; height: .2rem; display: flex; align-items: center; position: relative;  background-size: contain;}
.search-box-l .cur:after {position: absolute; width: .06rem; height: .06rem; content: ''; transform: rotate(135deg); border-top: 1px solid #fff; border-right: 1px solid #fff; right: 0; bottom: .09rem; margin-top: -.3rem; }

.select-box{position: absolute; left: 0; top: .3rem; padding-top: .2rem; width: 1rem; text-align: center; background: #fff;  border-radius: 0 0 .1rem .1rem; display: none; }
.select-box .txt{color: #333; display: block; margin-bottom: .15rem; }
.search-box-l .select-box.active{display: block; }

.search-icon{width: .2rem; height: .2rem; display: inline-block; margin-left: .26rem; cursor: pointer; background: url(../images/search.svg) no-repeat 0 center; background-size: cover;}
.search-icon.off{display: none; }



/*手机按钮*/
.menuph{ float:right; margin:.1rem 0 0 0; cursor: pointer; width: .4rem; height: .4rem; text-align: center; display: none; }
.menuph.active{ display: block; }
.menuph .point{ display: inline-block; width: .5rem; height: .35rem; position: relative;  }
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: .5rem; }
.menuph .navbtn{ position: absolute; top: .1rem; right: .1rem;display: inline-block; width: .4rem; height: .03rem; border-radius: .04rem; transition: all .3s ease-out 0s; background: var(--white); }
.menuph .navbtn::after,
.menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width: .5rem; height: .04rem; content: ''; border-radius: .04rem; transition: all .3s ease-out 0s; background: var(--white); }
.menuph .navbtn::after{ top: -.16rem; }
.menuph .navbtn::before{ top: .16rem; }
.menuph .point.active .navbtn{ background: transparent; }
.menuph .point.active .navbtn::after{ top: 0px; transform: rotate(45deg); }
.menuph .point.active .navbtn::before { top: 0px; transform: rotate(-45deg); }



.list-top{ height: 1.2rem;}
.list-top .nav-ul a{ color: #333;}
.list-top .search-box-l .cur{ color: #333;}
.list-top .logo-img{ background: url(../uploadfiles/logo/logo-color.png) no-repeat 0 center; background-size: cover;}
.list-top .search-box-l .cur{background: url(../images/icon1-color.png) no-repeat 0 center; color: #ffb74c; background-size: contain;}
.list-top .search-box-l .cur:after { border-top: 1px solid #ffb74c; border-right: 1px solid #ffb74c;  }
.list-top .search-icon{background: url(../images/search-color.png) no-repeat 0 center; background-size: contain;}
.list-top .top-search .btn {background: url(../images/search-color.png) no-repeat 0 center;  background-size: contain;}
.list-top .top-search.on .text{color: #ffb74c;}
.list-top .menuph .navbtn{background: #ffb74c;}
.list-top .menuph .navbtn::before{background: #ffb74c;}
.list-top .menuph .navbtn::after{background: #ffb74c;}




/*页面公共底部*/
.footer-bg{  padding: .8rem 0 .6rem; position: relative; background: #222 url(../images/icon7.png) no-repeat 0 center; line-height: 1; }
.footer-bg:before{ content: ''; position: absolute; left: 0; top: 1.56rem; width: 100%; height: 1px; background: #393939;}
.footer-l .bd{ margin-top: .8rem; display: flex; align-items: center; }
.footer-l img{ width: 1.7rem;}
.footer-l .bd-l .erweima{ width: 1.4rem; height: 1.4rem; display: block;}
.footer-l .bd-l .txt1{color: #767676; font-size: var(--font-size16); display: block; margin-top: .16rem; margin-bottom: .06rem;}
.footer-l .bd-l .txt2{color: var(--white); font-size: var(--font-size18);}
.footer-l .bd-r{ margin-left: .25rem;}
.footer-l .bd-r .attr{color: #767676; font-size: var(--font-size16);}
.footer-l .bd-r .value{color: var(--white); font-size: var(--font-size18); margin-top: .14rem; margin-bottom: .16rem;}
.footer{ display: flex; justify-content: space-between; }
.footer-r{display: flex; justify-content: space-between;}
.footer-r dl{ margin-left: 1rem; }
.footer-r dl dt{ margin-bottom: 1rem;}
.footer-r dl dd{ margin-bottom: .3rem;}
.footer-r dt a{color: var(--white); font-size: var(--font-size18);}
.footer-r dd a{color: #767676; font-size: var(--font-size16);}
.footer-r dd a:hover{ color: #fff; }
.footer-ft{color: #767676; font-size: var(--font-size16); display: flex; justify-content: space-between; margin-top: .6rem;}
.footer-ft-r{display: flex; align-items: center; justify-content: space-between;}
.footer-ft-r a{ color: #767676; font-size: var(--font-size16); margin-left: .3rem;}


/*首屏轮播图*/
.bannerSwiper .swiper-slide img {width: 100%; }
.banner-txt{position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%; font-size: .8rem; color: #fff;text-align: center;}
.banner-txt .tips{margin-bottom: .2rem; }

@media (max-width:1100px) {
    .bannerSwiper .swiper-slide img { height: 6rem; }
    .top-nav-box{ padding-top: .1rem;}
    .nav-tool{display: flex; align-items: center; justify-content: space-between;}
    .menuph{display: block; margin-left: .5rem;}
    .top-nav-box menu{ position: fixed; top: 1rem; bottom: 0; width: 5rem; background: rgba(255, 255, 255, 0.9); left: -100%; padding: .4rem 0; opacity: 0; transition: all 0.3s;  }
    .top-nav-box menu.active{left: 0; opacity: 1;}
    .top-nav-box .nav-ul{  height: 100%; display: block;}

    .nav-ul .sub{position: static; background: #fff; padding-left: .2rem; padding-top: .2rem;}
    .nav-ul .sub a{font-size: var(--font-size36); padding: .2rem 0;}
    .list-top .nav-ul .sub{position: static; background: #fff; padding-left: .2rem; padding-top: .2rem;}
    .list-top .nav-ul .sub a{font-size: var(--font-size36); padding: .2rem 0;}

    .nav-ul span{ display: block; position: relative; line-height: 1.2rem;}
    .has-sub span .wap-op{position: absolute; width: .4rem; height: 100%; transition: all .3s; right: .1rem; top: 0;}
    .has-sub span .wap-op:before{position: absolute; content: ''; width: 2px; height: 12px; background: #333; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    .has-sub span .wap-op:after{position: absolute; content: ''; width: 12px; height: 2px; background: #333; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    .has-sub.active span .wap-op{transform: rotate(45deg);}
}
@media (max-width:1000px) {
    .banner-txt{font-size: var(--font-size40); width: 90%; height: 30%;}
    .banner-txt .tips{font-size: var(--font-size40);}
    .footer-r{display: none;}
    .footer-l{ width: 100%;}
    .footer-l .hd{ text-align: center; }
    .footer-l .bd{justify-content: center;}
    .footer-ft{display: block; }
    .footer-ft-l{ text-align: center;}
    .footer-ft-r{ margin-top: .2rem; justify-content: center;}

}
@media (max-width:750px) {
    .logo-img{width: 2.5rem; height: .74rem;}
    .search-box-l .cur{ font-size: .3rem; height: .3rem; padding-left: .4rem; padding-right: .3rem;}
    .search-box-l .cur:after{width: .14rem; height: .14rem; bottom: .14rem;}
    .search-icon{width: .4rem; height: .4rem;}
    .select-box{ width: 1.6rem; padding-top: .4rem;}
    .select-box .txt{font-size: .3rem;}
    .top-nav-box .nav-ul a{font-size: var(--font-size42); color: #333;}

}




/*向下滚动图标*/
.scroll-down{position: fixed; left: 50%; transform: translateX(-50%); top: 7.5rem; width: 100px; height: 100px; z-index: 3; text-align: center; animation: downMove 1s; animation-iteration-count: 3;}
.scroll-down .icon{ width: .23rem; height: .36rem; border-radius: .36rem; border: 1px solid #fff; position: relative; margin: 0 auto .2rem;}
.scroll-down .icon:before{ content: ""; width: 1px; height: .08rem; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: .08rem;}
.scroll-down .txt{font-size: var(--font-size16); color: var(--white);}
@keyframes downMove {
    0% {top: 7.5rem;}
    50% {top: 7.8rem;}
    100% {top: 7.5rem;}
}

/*集团介绍*/
.more-btn{ width: 2rem; height: .6rem; line-height: .6rem; background: #ffb74c; color: var(--white); font-size: var(--font-size18); padding-left: .3rem; box-sizing: border-box; border-radius: .3rem; cursor: pointer; position: relative;}
.more-btn:after{ content: ""; position: absolute; top: .24rem; right: .36rem; width: .14rem; height: .15rem; background: url(../images/icon2.png) no-repeat; background-size: cover;}
.main-title{color: var(--default-color); font-size: var(--font-size60);}
.main-tips{color: rgb(var(--rgb-999)); font-size: var(--font-size30);}

.main1-bg{ width: 100%; height: 9.6rem; position: relative;}
.main1{position: relative;z-index: 1;}
.main1-bg .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.main1 .year{color: #ffb74c; font-size: var(--font-size60); padding-top: 1.2rem; margin-bottom: .3rem;}
.main1 .num-box{margin-top: .75rem; display: flex; align-items: center;}
.main1 .num-box .num{ color: #005bb1; font-size: var(--font-size60); margin-bottom: .2rem; }
.main1 .num-box .tips{ color: var(--default-color); font-size: var(--font-size18); }
.main1 .num-box .num-l{ padding-right: .9rem; margin-right: .9rem; border-right: 1px solid #dee0e3;}
.main1 .info{ margin-top: .7rem; width: 7rem; }
.main1 .info p{ color: var(--default-color); font-size: var(--font-size18); line-height: .36rem;}
.main1 .more-btn{margin-top: .7rem;}
.main1 .city:before{content: ""; position: absolute; left: -.15rem; top: .14rem; width: .3rem; height: .3rem; border-radius: .3rem; background: #c6d8e9; transform: translateZ(-1px);}
.main1 .city:after{content: ""; position: absolute; left: -.06rem; top: .22rem; width: .14rem; height: .14rem; border-radius: .14rem; background: #005bb1; transform: translateZ(-1px);}
.main1 .city{position: absolute; padding: .06rem .12rem; background: #ffb74c; color: #fff; border-radius: .04rem; transform-style: preserve-3d;}
.main1 .city1{right: 5.25rem; top: 5.6rem;}
.main1 .city2{right: 4.3rem; top: 6.4rem;}
.main1 .city3{right: 3.35rem; top: 7.12rem;}

@media (max-width: 1000px) {
    .main1-bg .bg{ background-position: 65% top;}
    .main1 .city1{right: 2.25rem; }
    .main1 .city2{right: 1.3rem; }
    .main1 .city3{right: .35rem; }
    .main1 .info p{ font-size: .28rem; line-height: .5rem;}
    .main1 .more-btn{margin-top: .3rem; font-size: .28rem; width: 2.8rem;}
    .more-btn:after{width: .2rem; height: .2rem;}
}

@media (max-width:750px) {
    .scroll-down{ display: none !important;}
}

/*产品解决方案*/
.main2-hd{ padding-top: 1.2rem; padding-bottom: .8rem; display: flex; align-items: center; justify-content: space-between;}
.main2-hd .main-title{padding-bottom: .25rem;}
.main2-bd .swiper-slide-active .swiper-slide-img{clip-path: polygon(0% 0%, 100% 0%, 87% 100%, 0% 100%);}
.main2-bd .swiper-slide-next .swiper-slide-img{clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 37% 100%);}
.main2-bd .a{ display: block; }
.main2-bd .img-box{position: relative; }
.main2-bd .img-box .swiper-slide-img{ width: 12.5rem; height: 7.7rem; }
.main2-bd .img-box:after{content: ''; position: absolute; left: 0; top: 0; background: rgba(0,0,0, .2); width: 100%; height: 100%;}
.main2-bd .swiper-slide-active .img-box:after{clip-path: polygon(0% 0%, 100% 0%, 87% 100%, 0% 100%);}
.main2-bd .swiper-slide-next .img-box:after{clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 37% 100%);}


.main2-bd .con-box{ position: absolute; left: 10%; top: 20%;}
.main2-bd .con-box .title{ color: var(--white); font-size: var(--font-size48);}
.main2-bd .con-box .title:hover{ color: #005bb1;}
.main2-bd .con-box .tips{ color: var(--white); font-size: var(--font-size18); margin-top: .28rem; margin-bottom: 1.1rem; line-height: .3rem; width: 80%;}
.main2-bd .con-box .tips:hover{ color: #005bb1;}
.main2-bd .con-box ul{display: flex; align-items: center; flex-wrap: wrap;}
.main2-bd .con-box li{ color: var(--white); font-size: var(--font-size20); position: relative; padding-left: .4rem; margin-right: .8rem; margin-bottom: .3rem; padding-top: .05rem; }
.main2-bd .con-box li:before{content: ''; position: absolute; left: 0; top: 0; width: .3rem; height: .32rem; background: url(../images/icon5.png) no-repeat; background-size: cover;}
.main2-bd .con-box li:hover{ color: #005bb1;}
.main2-bd .con-box .more{ width: .6rem; height: .6rem; background: #ffb74c; border-radius: .6rem; display: flex; align-items: center; justify-content: center; margin-top: .8rem;}
.main2-bd .con-box img{ width: .14rem; height: .15rem; }
.main2-bd .swiper-slide-next{ z-index: 2;}
.main2-bd .swiper-slide-next .con-box{ left: 52%;}
.main2-bd .swiper-button-prev{left: 62%; top: 94%; }
.main2-bd .swiper-button-prev:after{display: none;}
.main2-bd .swiper-button-next{right: 32%; top: 94%;  border-left: 1px solid #fff; padding-left: .65rem;}
.main2-bd .swiper-button-next:after{display: none;}
.main2-bd .swiper-slide.swiper-slide-active{z-index: 3;}


@media (max-width:1000px) {
    .main2-bd .swiper-slide-active .swiper-slide-img{clip-path: none;}
    .main2-bd .swiper-slide-next .swiper-slide-img{clip-path: none;}
    .main2-bd .swiper-slide-active .img-box:after{clip-path: none;}
    .main2-bd .swiper-slide-next .img-box:after{clip-path: none;}

    .main2-bd .swiper-slide-active{ z-index: 3;}
    .main2-bd .swiper-button-next{ display: none;}
    .main2-bd .swiper-button-prev{ display: none;}
    .main2-bd .con-box .tips{margin-bottom: .1rem;}
    .main2-bd .con-box .more{margin-top: .4rem;}

    .main2-hd {padding-top: .8rem; padding-bottom: .8rem;  }
    .main-title{font-size: .5rem;}
    .main-tips{font-size: .3rem;}
    .main2-hd-l{ width: 60%; }
    .more-btn{ font-size: .2rem; width: 2.2rem;}

    .main2-bd .img-box .swiper-slide-img{ width: 100%; height: 8.5rem;}
    .main2-bd .con-box{ left: 10%; top: 10%; }
    .main2-bd .swiper-slide-next .con-box{ left: 10%; top: 10%; }
    .main2-bd .con-box .tips{ font-size: .28rem; line-height: .5rem;}
    .main2-bd .con-box li:before{ top: 20%; }
}



/*视频*/
.main4{ position: relative; margin-top: 1rem;z-index: 5; }

.main4-start{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 8; pointer-events: none;}
.main4-start-item {background: url(../images/img2.png) no-repeat 0 center; position: relative; width: 100%; height: 100%; background-size: cover;}

.main4-txt-box{ position: absolute; left: 1%; top: 56%; text-align: center; width: 100%; }
.main4-start .main4-txt{color: #333; font-size: var(--font-size40); margin-top: .15rem;}
.main4-start .main4-circle{ margin: .5rem auto 1.6rem; width: 1rem; height: 1rem; position: relative; display: flex; align-items: center; justify-content: center;}
.main4-start .main4-circle:before{content: ""; position: absolute; left: .3rem; top: .31rem; width: .4rem; height: .4rem; border-radius: .4rem; background: none; border: .02rem solid #005bb1;}
.main4-start .main4-circle:after{content: ""; position: absolute; left: .17rem; top: .19rem; width: .64rem; height: .64rem; border-radius: .64rem; background: none; border: .02rem solid #e8ebf4; }
.main4-start .arrow-down {position: relative; width: .08rem; height: .08rem; background: #005bb1; transform: rotate(-45deg); }
.main4-start .arrow-down:after {content: ''; position: absolute; left: .02rem; top: -.02rem; width: .08rem; height: .08rem; background: #fff; }

.main4 .imgbox {position: relative;overflow: hidden;z-index: 2; width: 100%; height: 100%;}
.main4 .video_box{ width: 100%;height: 100%;}
.main4 .video_box video{width: 100%;height: 100%; }
.main4-video-img{ width: 100%; height: 100%; position: relative; }
.main4 .main4-con-box{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 6.3rem; height: 3.5rem; text-align: center; opacity: 0; z-index: 1;}
.main4 .main4-con-box .title{ color: var(--white); font-size: var(--font-size60);}
.main4 .main4-con-box .tips{ color: var(--white); font-size: var(--font-size20); margin: .5rem auto 0;  width: 4.75rem; display: inline-block; text-align: center; line-height: .3rem;}
.main4 .main4-con-box .btn{width: .8rem; height: .8rem; margin: .9rem auto 0; display: block;}

.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable{height: 100%;}
.video-box .ytable-cell{ text-align:center; height: 100%; }
.video-box video{ width:90%; max-width:900px; margin-top: 10%;}



@media (max-width:750px) {
    /*.pin-spacer{ padding-bottom: 100px !important;  }*/
}


/*新闻动态*/
.main5-hd{ padding-top: 1.2rem; padding-bottom: .8rem; display: flex; align-items: center; justify-content: space-between;}
.main5-hd .main-title{padding-bottom: .25rem;}
.main5-hd-r{display: flex; align-items: center; justify-content: space-between; padding-right: .12rem;}
.main5-hd-r li{color: var(--default-color); font-size: var(--font-size18); border: 1px solid #f2f2f2; border-radius: .6rem; padding: .2rem .4rem; margin-left: .1rem; cursor: pointer;}
.main5-hd-r li:hover{ color: var(--white); background: #005bb1;}
.main5-hd-r li.on{color: var(--white); background: #005bb1;}
.main5-bd-ul{overflow: hidden; }
.main5-bd-ul .item{ width: 30%; float: left; margin-right: .5rem;}
.main5-bd-ul .item:nth-of-type(3){ margin-right: 0;}
.main5-bd-ul .item a{ float: left;}
.main5-bd-ul .item .img-box{ width: 100%; height: 2rem; overflow: hidden;}
.main5-bd-ul .item .img{ width: 100%; height: 2rem; transition: all .5s;}
.main5-bd-ul .item .date{ color: #999; font-size: var(--font-size16); margin: .4rem 0 .3rem;}
.main5-bd-ul .item .txt{ color: var(--default-color); font-size: var(--font-size30); line-height: .4rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.main5-bd-ul .item:hover .date{color: #005bb1;}
.main5-bd-ul .item:hover .txt{color: #005bb1;}
.main5-bd-ul .item:hover .img{transform: scale(1.2);}

@media (max-width:1000px) {
    
    .main5-hd-r li{ padding: .1rem .2rem;}
    .main5-bd-ul{ display: flex; justify-content: space-between; flex-wrap: wrap; }
    .main5-bd-ul .item{ width: 49%; margin-right: 0; margin-bottom: .3rem; }
    .main5-bd-ul .item .date{ margin: .1rem 0; }
}


/*合作客户*/
.main6{background: #eff2f6; padding: 1.2rem 0 1.4rem; margin-top: 1.5rem;}
.main6 .main-title{ text-align: center;}
.main6-bd{ padding-top: .8rem; overflow: hidden; margin-right: -100px; position: relative;}
.PartnerSwiper2{ margin-top: .2rem; margin-bottom: .2rem;}
.main6-bd:after,
.main6-bd:before{position: absolute;content: '';width: 10%;height: 100%; top: 0;z-index: 10; pointer-events: none;}
.main6-bd:before{left: 0;background: linear-gradient(to right,rgba(248, 252, 255, 1),rgba(248, 252, 255, 0));}
.main6-bd:after{right: 0;background: linear-gradient(to right,rgba(248, 252, 255, 0),rgba(248, 252, 255, 1));}
/*平滑无缝滚动关键*/
.main6-bd .swiper-wrapper{transition-timing-function:linear;}


@media (max-width:750px) {
    .main6-bd{ margin-right: 0; padding: .4rem 4% 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .main6-bd li{margin-right: 0; margin-bottom: 11%; width: 48%;}
}

/*右下角固定显示*/
.right-fix{ position: fixed; right: .1rem; bottom: .6rem; z-index: 11;}
.right-fix .item{ width: .6rem; height: .6rem; border-radius: .6rem; background: #005bb1; display: flex; align-items: center; justify-content: center; margin-top: .1rem; cursor: pointer;}
.right-fix .item img{ width: .24rem; }
.right-fix .phone-box{ width: 1.6rem; border-radius: .1rem; position: absolute; right: .6rem; bottom: .7rem; background: #fff; text-align: center; display: none; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);}
.right-fix .num{ background: #005bb1; color: #fff; padding: .2rem; border-radius: .1rem .1rem 0 0;}
.right-fix .ipt{ width: 78%; margin: .2rem .2rem; border: 1px solid #005bb1; padding: .04rem .05rem; border-radius: .05rem; box-sizing: border-box; }
.right-fix .btn{ background: #005bb1; padding: .1rem .2rem; color: #fff; border-radius: .1rem; margin: 0 .2rem .2rem;}



/*关于我们列表页*/
.about-main1{ padding-top: .8rem; padding-bottom: 1rem; display: flex; align-items: flex-end; justify-content: space-between;}
.about-main1-l{ width: 7rem;}
.about-main1-l .tip{font-size: .3rem; color: #333;}
.about-main1-l .title{font-size: .48rem; color: #333; font-weight: 400; margin-top: .2rem; margin-bottom: .4rem;}
.about-main1-l .sub-title{font-size: .24rem; color: #333; margin-bottom: .35rem;}
.about-main1-l .p{font-size: .18rem; color: #333; line-height: .3rem;}
.about-main1-l .num-box{margin-top: .75rem; display: flex; align-items: center;}
.about-main1-l .num-box .num{ color: #005bb1; font-size: var(--font-size60); margin-bottom: .2rem; }
.about-main1-l .num-box .tips{ color: var(--default-color); font-size: var(--font-size18); }
.about-main1-l .num-box .num-l{ padding-right: .9rem; margin-right: .9rem; border-right: 1px solid #dee0e3;}
.about-main1-r{ position: relative; }
.about-main1-r .img{ width: 8rem; height: 4.8rem;}
.about-main1-r .btn{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: .8rem; height: .8rem;  display: block;}

@media (max-width:1000px) {
    .about-main1{display: block; padding: .5rem .2rem 0; margin-bottom: .4rem;}
    .about-main1-l{width: 100%; margin-bottom: .4rem;}
    .about-main1-r .img{ width: 100%; height: auto;}
}


.about-main2{width: 100%; height: 8rem; background: url(../images/about-img2.png) no-repeat top center; margin-bottom: 1rem;}
.about-main2 .title-box{ text-align: center; color: #fff; padding-top: 1.5rem; margin-bottom: .8rem;}
.about-main2 .title-box .tips{ font-size: .3rem;}
.about-main2 .title-box .txt{ font-size: .48rem; margin-top: .18rem;}
.about-main2-con{ display: flex; align-items: center; justify-content: space-between;}
.about-main2-con .item{ width: 5rem; height: 2.4rem; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0 .4rem; transition: all .3s;}
.about-main2-con .item:before{ content: ''; position: absolute; left: .4rem; top: .6rem; width: .2rem; height: 1px; background: #fff;}
.about-main2-con .item:nth-of-type(1){ background: #52c3f1;}
.about-main2-con .item:nth-of-type(2){ background: #ea982c;}
.about-main2-con .item:nth-of-type(3){ background: #005bb1;}
.about-main2-con .item .txt-box {width: 67%;}
.about-main2-con .item .txt-box p{ font-size: .18rem; color: #999; line-height: .24rem; display: none;}
.about-main2-con .item .title{ font-size: .28rem; color: #fff; }
.about-main2-con .item .img-box{ width: .7rem; height: .7rem; border-radius: .7rem; border: 1px dotted #fff; display: flex; align-items: center; justify-content: center;}
.about-main2-con .item.add{ transform: scale(1.2);   }
.about-main2-con .item.reduce{ transform: scale(0.8);   }
.about-main2-con .item.add .txt-box p{display: block; margin-top: .1rem;}
.about-main2-con .item.add .txt-box .title{color: #333;}
.about-main2-con .item.add{background: #fff; }
.about-main2-con .item:nth-of-type(2).add{ border-top: .08rem solid #ea982c;}
.about-main2-con .item:nth-of-type(2).add .img-box{ background: #ea982c; border: 1px dotted #ea982c;}
.about-main2-con .item:nth-of-type(2).add:before{ background: #ea982c; top: .5rem;}
.about-main2-con .item:nth-of-type(1).add{ border-top: .08rem solid #52c3f1;}
.about-main2-con .item:nth-of-type(1).add .img-box{ background: #52c3f1; border: 1px dotted #52c3f1;}
.about-main2-con .item:nth-of-type(1).add:before{ background: #52c3f1; top: .5rem;}
.about-main2-con .item:nth-of-type(3).add{ border-top: .08rem solid #005bb1;}
.about-main2-con .item:nth-of-type(3).add .img-box{ background: #005bb1; border: 1px dotted #005bb1;}
.about-main2-con .item:nth-of-type(3).add:before{ background: #005bb1; top: .5rem;}

@media (max-width: 768px) {
    .about-main2 .title-box{padding-top: .5rem;}
    .about-main2-con{ display: block;}
    .about-main2-con .item{ margin: .2rem auto;}
    .about-main2{ height: 11rem;}
    .about-main2-con .item .img-box{ width: .9rem; height: .9rem;}
    .about-main2-con .item .img-box img{ width: .6rem; height: .6rem;}
    .about-main2-con .item .txt-box p{ display: block; color: #fff; font-size: .22rem; line-height: .3rem;}
}



/*荣誉资质*/
.about-main3{padding: 1rem 0 2.4rem;}
.about-main3-hd{display: flex; align-items: center; justify-content: space-between; margin-bottom: .8rem;}
.about-main3-hd-l .tips{font-size: .3rem; color: #333;}
.about-main3-hd-l .title{font-size: .48rem; color: #333; margin-top: .15rem;}
.about-main3-hd-r p{font-size: .18rem; color: #333; line-height: .3rem; font-weight: 100; width: 6.75rem;}
.about-main3-bd { overflow: visible;}
.about-main3-bd .swiper-slide{border: 1px solid #eee; padding: .2rem; text-align: center;}
.about-main3-bd .swiper-slide img{ max-width: 90%; height: auto;  }
.about-main3-bd .swiper-slide .txt{ margin-top: .2rem; line-height: .24rem; text-align: center; width: 100%;height: .5rem;overflow: hidden}
.about-main3-bd .swiper-pagination-progressbar{ top: 3.8rem; width: 80%;}
.about-main3-bd .swiper-button-next{top: 119%; right: 12%; width: .7rem; height: .7rem; border-radius: .7rem; background: #005bb1; color: #fff;}
.about-main3-bd .swiper-button-next:after{font-size: .16rem; }
.about-main3-bd .swiper-button-prev:after{font-size: .16rem; }
.about-main3-bd .swiper-button-prev{top: 119%; left: 80%; width: .7rem; height: .7rem; border-radius: .7rem; background: #005bb1; color: #fff;}


@media (max-width: 768px) {
    .about-main3{ padding-top: .5rem; }
    .about-main3-hd{ padding-left: .4rem;}
    .about-main3-hd-r p{ font-size: .26rem; line-height: .4rem;}
}



/*发展历程*/
.about-main4{width: 100%; height: 8.8rem; background: url(../images/about-img6.jpg) no-repeat top center; position: relative; background-size: cover;}
.about-main4 .title-box .tips{ font-size: .3rem;}
.about-main4 .title-box .txt{ font-size: .48rem; margin-top: .18rem;}
.about-main4 .title-box{ text-align: center; color: #fff; padding-top: 1.3rem; }

.about-main4 .about-main4-con .yearSwiper{ padding: 0 6.5%; min-height: 628px;}
.about-main4-con .hd{ color: #fff; text-align: center; cursor: pointer;}
.about-main4-con .bd{ margin-top: .5rem;  display: none;}
.about-main4-con .img-box{background: #fff; padding: .02rem; width: 2.36rem; height: 1.36rem; box-sizing: border-box; margin: 0 auto .2rem;}
.about-main4-con .img-box img{width: 100%; height: 100%;}
.about-main4-con .txt{font-size: .18rem; color: #fff; line-height: .26rem; text-align: center; width: 2.36rem; }

.about-main4-con .swiper-slide-active{padding-top: 210px;}
.about-main4-con .swiper-slide-active + .swiper-slide{padding-top: 173px;}
.about-main4-con .swiper-slide-active + .swiper-slide + .swiper-slide{padding-top: 150px;}
.about-main4-con .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 112px;}
.about-main4-con .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 94px;}
.about-main4-con .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 66px;}
.about-main4-con .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{padding-top: 6px;}
.about-main4-con .swiper-slide-prev {padding-top:235px;height: 0;}

@media (max-width: 768px) {
    .about-main4-con .bd{ display: block;}
}


/*生产基地*/
.about-main5{padding-top: 1.3rem; padding-bottom: 1.4rem;}
.about-main5 .title-box .tips{ font-size: .3rem;}
.about-main5 .title-box .txt{ font-size: .48rem; margin-top: .18rem;}
.about-main5 .title-box{ text-align: center; color: #333;  padding-bottom: .8rem;}
.about-main5-bd .swiper-slide img{  width: 8.8rem; height: 6rem;}
.about-main5-bd .txt-box{ width: 100%; height: 40%; background: linear-gradient(to top, #005bb1, transparent); position: absolute; left: 0; bottom: 0; padding-top: 11%;}
.about-main5-bd .txt-box .title{ font-size: .3rem; color: #fff; font-weight: 500; text-align: center; margin-bottom: .2rem;}
.about-main5-bd .txt-box .tips{ font-size: .18rem; color: #fff; text-align: center; }
.about-main5-bd .swiper-button-next{right: 20.8%; width: .7rem; height: .7rem; border-radius: .7rem; background: #005bb1; color: #fff;}
.about-main5-bd .swiper-button-prev{left: 21.9%; width: .7rem; height: .7rem; border-radius: .7rem; background: #005bb1; color: #fff;}
.about-main5-bd .swiper-button-next:after{font-size: .16rem; }
.about-main5-bd .swiper-button-prev:after{font-size: .16rem; }

@media (max-width: 768px) {
    .about-main5-bd .swiper-wrapper{padding-bottom: 1.2rem;}
    .about-main5-bd .swiper-wrapper .swiper-slide img{ height: 250px; width: 100%;}
    .about-main5-bd .swiper-button-next{ top: 94%; }
    .about-main5-bd .swiper-button-prev{ top: 94%; }
    .about-main5{padding-bottom: .4rem;}

    .banner .txt .tit{ line-height: 1rem; font-size: .5rem; }
}


/*列表页响应式*/
@media (max-width:1000px) {
    .news .newtop .item{ float: none; width: 100%; margin-right: 0; margin-bottom: .2rem; }
    .news .newlist li .txt{padding: .2rem 0 .6rem;}
    .news .newlist li .txt .more{top: 73%;}
    .about-main3-bd .swiper-button-next{ top: 126%; right: 38%;}
    .about-main3-bd .swiper-button-prev{ top: 126%; left: 38%; }
    .about-main3-bd .swiper-pagination-progressbar{ width: 100%; top: 6.2rem;}
    .about-main3-bd .swiper-slide .txt{text-align: center;}
    .about-main3-hd{ display: block;}
    .about-main3-hd-r{ margin-top: .2rem;}

    .about-main4-con .swiper-slide-active{padding-top: .3rem;}
    .about-main4 .about-main4-con .yearSwiper{ min-height: auto;}
    .about-main4-con .txt{width: 100%}
}