﻿.home-about .about-text p{color:#fff}
.home-choose .home-title,.home-choose .choose-list .item .item-tit,.home-message .home-title,.home-news .homenews-list .homenews-text .homenews-tit{color:#000}
.home-product .homepro-list .proitem .item-info .item-tit{min-height:44px}
.home-about{display:none;}
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
.f26{font-size: 1.455vw;}
.f30{font-size: 1.5625vw;}
.f36{font-size: 1.875vw;}
.f44{font-size: 2.2916vw;}
.f56{font-size: 2.917vw;}
.text-center{text-align:center}
.col-index-about{position: relative;background: #000;z-index: 1;padding-bottom:5%}
.col-index-about .col-history{padding: 5vw 0 0;position: relative;}
.col-index-about .col-history .bg{width: 100%;height: 60%;position: absolute;left: 0;top: 0;}
.col-index-about .col-history .l-wrap{position:relative;z-index:1}
.col-index-about .col-history .desc{color:#fff;margin-bottom: 2.083vw;}
.col-index-about .col-history .desc h3{font-weight: bold;margin-bottom: 1.042vw;}
.col-index-about .col-history h2{font-weight: bold;margin-bottom: 2.083vw;color:#fff;}
.col-index-about .col-history .wrap{background: #fff;padding: 3.6vh 4.167vw 4vh;overflow: hidden;}
.col-index-about .col-history .wrap .col-thumb{position: relative;z-index: 1;margin-bottom: 3.5vh;padding: 0 44px;}
.col-index-about .col-history .wrap .col-thumb::before{content:'';width: 100vw;height: 1px;background: #e7e7e7;position: absolute;left:50%;transform: translateX(-50%);top: 9px;}
.col-index-about .col-history .wrap .col-thumb .swiper-button{width: 44px;height: 44px;color:#fff;background: #181818;display: flex;align-items: center;justify-content: center;position: absolute;top: -12px;margin-top: 0;pointer-events: inherit;transition: .25s;font-size: 18px;outline: none;opacity: 1;}
.col-index-about .col-history .wrap .col-thumb .swiper-button i{font-family:iconfont!important;}
.col-index-about .col-history .wrap .col-thumb .swiper-button i:after{content:"\e95a"}
.col-index-about .col-history .wrap .col-thumb .swiper-button::after{display: none;}
.col-index-about .col-history .wrap .col-thumb .swiper-button:hover{background: #cd181e;}
.col-index-about .col-history .wrap .col-thumb .swiper-button-prev{left: 0;}
.col-index-about .col-history .wrap .col-thumb .swiper-button-next{right:0;}
.col-index-about .col-history .wrap .col-thumb .swiper-button-prev i{transform:rotate(90deg)}
.col-index-about .col-history .wrap .col-thumb .swiper-button-next i{transform:rotate(-90deg)}
.col-index-about .col-history .wrap .col-thumb .swiper-slide {text-align: center;}
.col-index-about .col-history .wrap .col-thumb .swiper-slide .dot{width: 20px;height: 20px;border-radius: 50%;border: 1px solid #d2d2d2;background: #fff;position: relative;margin: 0 auto 0.833vw;transition: .25s;transform: scale(.8);}
.col-index-about .col-history .wrap .col-thumb .swiper-slide .dot::after{content:'';width: 10px;height: 10px;border-radius: 50%;background: #d2d2d2;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.col-index-about .col-history .wrap .col-thumb .swiper-slide .title{color:#666;transition: .25s;}
.col-index-about .col-history .wrap .col-thumb .swiper-slide.swiper-slide-thumb-active .dot{transform: scale(1);border-color: #cd181e;}
.col-index-about .col-history .wrap .col-thumb .swiper-slide.swiper-slide-thumb-active .dot::after{background: #cd181e;}
.col-index-about .col-history .wrap .col-thumb .swiper-slide.swiper-slide-thumb-active .title{color:#cd181e;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex{flex-wrap: wrap;align-items: center;justify-content: space-between;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content{width: 44.5%;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content .title{font-weight: bold;margin-bottom: 12px;color:#000}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content .s-content{color:#666;margin-bottom: 2.083vw;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content a.more{line-height:1.4;display: inline-block;background: #ee9f1c;padding: 13px 32px;color:#fff;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content a.more>*{display: inline-block;vertical-align: middle;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content a.more i{font-family:iconfont!important;transform:rotate(-90deg);position:relative;top:2px}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content a.more i:after{content:"\e95a"}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content a.more span{margin-right: 8px;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .img{width: 44.5%;}
.col-index-rd {background: #000;position: relative;z-index: 1;}
.col-index-rd .content{color: #fff;padding: 6.25vw 0;}
.col-index-rd .content h2{font-weight: bold;margin-bottom: 3.2vh;padding-bottom: 3.6vh;position: relative;}
.col-index-rd .content h2::after{content:'';width: 4.167vw;min-width: 28px;height: 3px;border-radius: 1px;background: #cd181e;position: absolute;left: 0;bottom: 0;}
.col-index-rd .wrap{position: relative;padding: 1px 0 6.25vw;}
.col-index-rd .wrap .child{background: #ab2b2e;display: flex;flex-wrap: wrap;margin:-2.396vw 0 2.083vw;}
.col-index-rd .wrap .child a{flex: 1;color:#fff;padding: 22px 2.969vw;position: relative;z-index: 1;overflow: hidden;display: flex;align-items: center;justify-content: space-between;}
.col-index-rd .wrap .child a::after{content:'';width: 100%;height: 100%;background:url(/uploads/44643/index/title_bg.jpg) no-repeat center/cover;position: absolute;left: 0;top: 0;opacity: 0;transition: .35s;visibility: hidden;z-index: -1;transform: scale(1.2);}
.col-index-rd .wrap .child a .title h3{margin-bottom: 0.833vw;line-height:1.4}
.col-index-rd .wrap .child a .icon{flex-shrink: 0;}
.col-index-rd .wrap .child a .icon img{width: 4.323vw;min-width: 30px;}
.col-index-rd .wrap .child a:hover::after{visibility: visible;transform: scale(1);opacity: 1;}
.col-index-rd .wrap .slide{position: relative;}
.col-index-rd .wrap .slide .swiper-slide{overflow: hidden;}
.col-index-rd .wrap .slide .swiper-button{width:  44px;height: 44px;background: #cd181e;color:#fff;transition: .25s;outline: none;opacity: 1;display: flex;align-items: center;justify-content: center;margin-top: 0;pointer-events: inherit;position: absolute;top: 50%;transform: translateY(-50%);font-size: 18px;}
.col-index-rd .wrap .slide .swiper-button::after{display: none;}
.col-index-rd .wrap .slide .swiper-button:hover{background: #fff;color:#cd181e;;}
.col-index-rd .wrap .slide .swiper-button-prev{left: -15px;}
.col-index-rd .wrap .slide .swiper-button-next{right: -15px;}
.col-index-rd .wrap .slide .swiper-button i{font-family:iconfont!important;}
.col-index-rd .wrap .slide .swiper-button i:after{content:"\e95a"}
.col-index-rd .wrap .slide .swiper-button-prev i{transform:rotate(90deg)}
.col-index-rd .wrap .slide .swiper-button-next i{transform:rotate(-90deg)}
@media (max-width: 1600px){.f26{font-size: 1.5vw;}
.f30{font-size: 1.7vw;}
.f36{font-size: 1.9vw;}
.f44{font-size: 2.2vw;}}
@media (max-width: 1460px){.f30{font-size: 1.8vw;}}
@media (max-width: 1200px){.col-index-about .col-history .wrap .col-thumb .swiper-button,.col-index-rd .wrap .slide .swiper-button{width: 32px;height: 32px;font-size: 16px;}
.col-index-about .col-history .wrap .col-thumb .swiper-button{top: -7px;}
.f26{font-size: 1.75vw;}
.f30{font-size: 1.85vw;}}
@media (max-width: 992px) {.col-index-rd .wrap .child a{flex: auto;width: 100%;padding: 12px 20px;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content,.col-index-about .col-history .wrap .history-container .swiper-slide .flex .img,.col-index-about .col-about .flex .content,.col-index-about .col-about .flex .img{width: 100%;max-width: none;margin-bottom: 20px;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .img,.col-index-about .col-about .flex .img{margin-bottom: 0;}
.col-index-about .col-history .wrap .history-container .swiper-slide .flex .content a.more{padding: 5px 12px;}
.f26{font-size: 18px;}
.f30{font-size: 20px;}
.f36{font-size: 22px;}
.f56{font-size: 25.3px;}}
@media (max-width: 768px) {.col-index-about{padding-bottom:50px}
  .col-index-about .col-about,.col-index-product,.col-index-rd .content,.col-index-solution,.col-index-news{padding: 8vh 0;}
  .col-index-about .col-history{padding: 8vh 0 0 ;}
  .col-index-about .col-history .desc{margin-bottom: 6vh;}
  .col-index-about .col-history .desc>*{text-align: left !important;text-indent: 26px;}
  .col-index-about .col-history .desc h3{margin-bottom: 15px;}
  .col-index-about .col-history .desc p{font-size:14px}
  .col-index-about .col-history h2{ margin-bottom: 20px;text-align: left;text-indent: 26px;}
  .col-index-about .col-about .flex .content .s-content{text-indent: 26px;}}
@media (max-width: 468px) {.f30{font-size: 16.7px;}
.f44{font-size: 18.2px;}}