@charset "utf-8";@import url(base.css);@import url(main.css);/************ * Banner * ************/
.banner{width:100%;overflow:hidden;position:relative;z-index:0;margin:0 auto;}
.banner .bd{z-index:1;margin:0 auto;overflow:hidden;position:relative;}
.banner .bd ul{margin:0;width:100% !important;}
.banner li{overflow:hidden;text-align:center;width:100% !important;}
.banner li img{width:100%;}
.banner li a{height:100%;display:block;}
.banner .hd ul{text-align:center;}
.banner-pagination{bottom:70px !important;}
.banner-pagination .swiper-pagination-bullet{width:40px;height:4px;background-color:#fff;border-radius:0;position:relative;opacity:1;}
.banner-pagination .swiper-pagination-bullet:after{content:"";position:absolute;top:0;left:0;width:0;height:4px;background-color:#9f2925;}
.banner-pagination .swiper-pagination-bullet-active{width:80px;}
.banner-pagination .swiper-pagination-bullet-active:after{-webkit-transition:linear width 4.5s 0.5s;transition:linear width 4.5s 0.5s;width:100%;-moz-transition:linear width 4.5s 0.5s;-ms-transition:linear width 4.5s 0.5s;-o-transition:linear width 4.5s 0.5s;}
.banner .prev,.banner .next{top:50%;left:10%;z-index:3;width:40px;height:60px;cursor:pointer;margin-top:-30px;position:absolute;background:url(/images/slider-arrow.png) -125px 15px rgba(0,0,0,0.6) no-repeat;}
.banner .next{left:auto;right:10%;background-position:-7px 15px;}
/*********** * Bar * ***********/
.bartit{width:100%;text-align:center;overflow:hidden;position:relative;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;align-items:unset;}
.bartit h2{font-weight:400;font-size:30px;line-height:3;color:#af0001;position:relative;transition:0.3s;}
.bartit h2::before,.bartit h2::after,.bartit::before,.bartit::after{content:"";position:absolute;background-color:#af0001;top:50%;}
.bartit::before,.bartit::after{width:130px;height:2px;margin-top:-1px;}
.bartit::before,.bartit h2::before{right:50%;margin-right:130px;}
.bartit::after,.bartit h2::after{left:50%;margin-left:130px;}
.bartit h2::before,.bartit h2::after{width:6px;height:6px;border-radius:3px;overflow:hidden;margin-top:-3px;}
@media (max-width:1200px){}
@media (max-width:1024px){}
@media (max-width:768px){.bartit h2{font-size:24px;}
.bartit::before,.bartit::after{width:100px;}
.bartit::before,.bartit h2::before{margin-right:80px;}
.bartit::after,.bartit h2::after{margin-left:80px;}
}
@media (max-width:480px){.bartit h2{font-size:20px;}
.bartit::before,.bartit::after{width:60px;}
.bartit::before,.bartit h2::before{margin-right:60px;}
.bartit::after,.bartit h2::after{margin-left:60px;}
}
/*********** * Product * ***********/
.product{overflow:hidden;max-width:1920px;margin:0 auto;}
.product .bar{margin:40px auto 20px;transition:0.3s;}
.procata{width:100%;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:center;overflow:hidden;margin:0 auto 20px;}
.procata li{flex:0 0 auto;text-align:center;background-color:#af0001;padding:0 2%;margin:0 auto 10px;border-radius:0px;}
.procata li:hover{background-color:#af0001;}
.procata li a{color:#fff;font-size:16px;line-height:2.5;}
.prolist{}
.prolist .swiper-container{}
.prolist .swiper-slide{width:560px;position:relative;overflow:hidden;}
.prolist .swiper-slide img{width:100%;display:block;transition:0.6s;background-color:#d2d2d2;}
.prolist .swiper-slide h4{width:60%;font-weight:400;font-size:20px;line-height:1.2;text-align:center;margin:0 auto;}
.prolist .swiper-slide-active:hover{}
.prolist .swiper-pagination{overflow:hidden;position:relative;height:100px;line-height:100px;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;color:#fff;font-size:40px;font-family:Georgia,"Times New Roman",Times,serif;}
.prolist .swiper-pagination-current{font-size:50px;}
.prolist .swiper-pagination-total{margin:20px 30px 0 0;font-size:40px;}
.prolist .swiper-button-next,.prolist .swiper-button-prev{width:45px;height:45px;background-color:rgba(51,51,51,0.6);--swiper-navigation-size:22px;--swiper-navigation-color:#fff;outline:none;}
.prolist .swiper-slide-active:hover .txt,.prolist:hover .swiper-tools{opacity:1;}
@media (max-width:1200px){.procata li{padding:0 20px;}
.procata li a{font-size:14px;}
.prolist .swiper-pagination{height:90px;line-height:90px;}
.prolist .swiper-slide h4{font-size:16px;}
}
@media (max-width:1024px){.product .bar{margin:50px auto 20px;}
.procata li{padding:0 10px;}
.procata li a{font-size:12px;}
.prolist .swiper-pagination{height:80px;line-height:80px;}
}
@media (max-width:768px){.product .bar{margin:30px auto 20px;}
.prolist .swiper-pagination{height:60px;line-height:60px;}
.prolist .swiper-slide h4{font-size:14px;}
.procata li{min-width:30%;}
}
@media (max-width:480px){.product .bar{margin:20px auto 10px;}
.procata li{min-width:46%;}
.prolist .swiper-pagination{height:40px;line-height:40px;}
}
/* Product End */
/*********** * About * ***********/
.about{position:relative;overflow:hidden;z-index:0;background-color:#f0f0f0;padding:0 0 0.24rem;transition:0.3s;}
.about .box{display:-webkit-flex;display:flex;text-align:center;flex-flow:row wrap;align-items:flex-start;}
.about .video,.about .txt{flex:0 1 50%;max-width:calc(50% - 50px);margin:0 auto;transition:0.3s;}
.about .video{overflow:hidden;line-height:0;font-size:0;}
.about .txt{margin:0 auto;text-align:left;}
.about .txt{font-size:18px;line-height:36px;color:#000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:none;}
@media (max-width:1200px){}
@media (max-width:1024px){}
@media (max-width:768px){.about .box{display:block;}
.about .video,.about .txt{max-width:calc(100% - 20px);}
.about .txt{font-size:14px;-webkit-line-clamp:none;line-height:2;}
}
@media (max-width:480px){}
/*********** * Data * ***********/
.datacounter{background:url(../images/databg.jpg);overflow:hidden;box-shadow:0 10px 20px -10px rgba(0,0,0,0.6);}
.digit{display:-webkit-flex;display:flex;justify-content:center;position:relative;margin:40px 0;}
.digit dl{flex:1 0 20%;position:relative;text-align:center;color:#fff;font-size:18px;line-height:1.2;}
.digit dl::before,.digit::after{content:"";width:1px;height:100%;background-color:rgba(255,255,255,0.5);position:absolute;top:0;}
.digit dl::before{left:0;}
.digit:after{right:0;}
.digit dl dd span{font-size:60px;font-family:"NSimSun";transition:0.3s;}
.digit dl dd sub{font-size:18px;transition:0.3s;}
.digit dl dd sup{font-size:30px;vertical-align:top;transition:0.3s;}
.digit dl dd i{font-size:50px;font-style:normal;transition:0.3s;}
@media (max-width:1200px){.digit dl dd span{font-size:40px;}
.digit dl dd sub{font-size:16px;}
.digit dl dd sup{font-size:20px;}
.digit dl dd i{font-size:30px;}
}
@media (max-width:1024px){.digit dl dd span{font-size:30px;}
.digit dl dd sub{font-size:14px;}
.digit dl dd sup{font-size:16px;}
.digit dl dd i{font-size:20px;}
}
@media (max-width:767px){.digit dl{font-size:14px;}
.digit dl dd span{font-size:20px;}
.digit dl dd sub{font-size:12px;}
.digit dl dd sup{font-size:14px;}
.digit dl dd i{font-size:16px;}
}
@media (max-width:480px){.digit{margin:20px 0;}
.digit dl{font-size:12px;}
.digit dl dd span{font-size:12px;}
.digit dl dd sub{font-size:12px;}
.digit dl dd sup{font-size:12px;}
.digit dl dd i{font-size:12px;}
}
/*********** * News * ***********/
.news{overflow:hidden;}
.news .box{margin:0 auto;max-width:1288px;margin-bottom:20px;}
.news .box{position:relative;overflow:hidden;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:space-between;transition:0.3s;}
.news-col{flex:0 1 auto;width:calc(50% - 20px);margin-top:60px;transition:0.3s;}
.news-col .bar{position:relative;width:100%;display:-webkit-flex;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding:10px 0;}
.news-col .bar h3{font-size:30px;color:#af0001;font-weight:400;line-height:1.2;padding-left:10px;position:relative;}
.news-col .bar h3::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;height:100%;background-color:#af0001;}
.news-col .bar .more{font-size:18px;}
.news-col ul{margin-top:0.4rem;overflow:hidden;}
.news-col li{display:-webkit-flex;display:flex;width:100%;overflow:hidden;margin-bottom:0.5rem;transition:0.3s;}
.news-col li .pic{max-width:260px;width:26rem;margin-right:20px;}
.news-col li .pic img{width:100%;}
.news-col li .tit{font-size:18px;font-weight:400;padding-bottom:10px;border-bottom:1px dashed #464646;}
.news-col li .tit a{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-col li a{transition:0.5s;}
.news-col li:hover a{color:#af0001;}
.news-col li .summary{font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:10px 0;}
/* 公司新闻 */
.com-news li .data{font-size:14px;}
.com-news li span::before{font-family:"iconfont";content:"\e9ed";}
/* 应用研究 */
.app-news .tit{display:-webkit-flex;display:flex;flex-flow:row nowrap;align-items:center;}
.app-news .tit span{display:block;width:45px;height:45px;font-size:24px;line-height:45px;text-align:center;color:#fff;background-color:#464646;transition:0.5s;flex:0 0 auto;margin-right:10px;}
.app-news .tit a{flex:1 1 auto;}
.app-news li:hover span{background-color:#af0001;}
@media (max-width:1340px){.news .box{margin:0 20px;}
}
@media (max-width:1200px){.news .news-col{width:100%;margin-top:30px;}
.news-col li{margin-bottom:20px;}
}
@media (max-width:1024px){.news .box{display:block;justify-content:center;}
.news .news-col{width:100%;margin-top:30px;}
.news-col ul{margin-top:20px;}
}
@media (max-width:768px){.news-col .bar h3{font-size:24px;}
.news-col .bar .more{font-size:16px;}
}
@media (max-width:640px){.news-col li{display:block;}
.news-col li .pic{width:100%;max-width:100%;margin-right:0;}
.news-col li .tit{margin-top:10px;font-size:14px;}
}
@media (max-width:480px){.news-col .bar h3{font-size:20px;}
.news-col .bar .more{font-size:14px;}
.news-col li .date{font-size:12px;}
.app-news .tit span{width:38px;height:38px;font-size:18px;line-height:38px;}
.app-news .tit a{line-height:1.3;}
}
/* tech 独特技术 */
.tech{position:relative;z-index:0;overflow:hidden;}
.tech::before,.tech::after{position:absolute;content:"";width:1180px;height:1180px;background-color:#af0001;z-index:0;}
.tech::before{left:-1000px;top:-160px;transform:rotate(45deg);}
.tech::after{bottom:-400px;right:-800px;transform:rotate(-45deg);}
.tech .wrapper{z-index:1;}
.tech .box{margin:0 auto;max-width:1200px;}
.tech ul{position:relative;z-index:1;}
.tech li{width:100%;box-sizing:border-box;border:1px solid #cfcfcf;background-color:#fff;overflow:hidden;margin:0 auto 20px;display:-webkit-flex;display:flex;justify-content:center;}
.tech li:nth-child(odd){flex-direction:row-reverse;}
.tech li .pic,.tech li .txt{margin:20px 40px;}
.tech li .pic{text-align:center;flex:0 1 30%;}
.tech li .pic img{width:100%;height:auto !important;max-width:640px;max-height:400px;margin:auto;}
.tech li .txt{flex:0 1 70%;}
.tech li .tit{transition:0.5s;position:relative;padding-left:20px;font-size:24px;font-weight:400;line-height:48px;}
.tech li .tit::before{content:"";height:48px;width:8px;position:absolute;left:0;top:50%;margin-top:-24px;border-radius:5px;background-color:#af0001;}
.tech li:hover .tit{color:#af0001;}
.tech li .summary{font-size:14px;line-height:30px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:10px 0;}
.tech li .more{display:block;width:90px;line-height:2;text-align:center;background-color:#af0001;color:#FFF;font-size:12px;}
.tech li .more::after{content:"+";font-family:'Times New Roman',Times,serif;margin-left:5px;}
@media (max-width:1480px){.tech .box ul{width:calc(100% - 40px);margin:0 auto;}
}
@media (max-width:1200px){.tech::before{transform:rotate(45deg) scale(.9);}
.tech::after{transform:rotate(45deg) scale(.9);}
.tech li{}
.tech li .pic,.tech li .txt{margin:20px;}
.tech li .summary {-webkit-line-clamp: 4;}
}
@media (max-width:1024px){.tech::before{transform:rotate(45deg) scale(.8);}
.tech::after{transform:rotate(45deg) scale(.8);}
.tech li .summary{line-height:30px;}
.tech li .summary {-webkit-line-clamp: 3;}
}
@media (max-width:768px){.tech::before{transform:rotate(45deg) scale(.6);}
.tech::after{transform:rotate(45deg) scale(.6);}
.tech li{display:block;}
.tech li .summary{line-height:24px;}
.tech li .tit{padding-left:16px;font-size:18px;line-height:36px;}
.tech li .tit::before{height:36px;width:6px;margin-top:-18px;border-radius:3px;}
}
@media (max-width:480px){.tech::before{transform:rotate(45deg) scale(.4);}
.tech::after{transform:rotate(45deg) scale(.4);}
.tech li .pic,.tech li .txt{margin:10px;}
.tech li .tit{padding-left:10px;font-size:16px;line-height:28px;}
.tech li .tit::before{height:28px;width:4px;margin-top:-14px;border-radius:2px;}
}