.flag{position:absolute;opacity:0;top:-200px;}.about-wrap{padding:80px 0;position:relative;}.about-wrap .rw{display:flex;align-items:center;}.about-wrap .cover{position:relative;width:55%;}.about-wrap .cover img{max-width:100%;}.about-wrap .cover .hover{position:absolute;top:0;left:0;right:0;bottom:0;color:#9a1d32;}.about-wrap .cover .hover small{font-size:100px;font-weight:700;display:block;margin-top:10%;padding-left:2%;background:linear-gradient(to bottom,#AD4C5D,#90293B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.about-wrap .cover .hover h2{font-size:100px;font-weight:700;margin:unset;margin-top:10px;padding-left:24%;background:linear-gradient(to bottom,#AD4C5D,#90293B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.about-wrap .desc{flex:1;position:relative;z-index:2;margin-left:-2%;margin-right:0;line-height:1.8;font-size:16px;color:#666;}.cn-group-wrap{background:url(/images/about-bg-1.png) no-repeat;background-size:cover;}.cn-group-wrap header h2{font-size:30px;color:#333;margin:unset;}.company-wrap{padding-top:30px;padding-bottom:80px;position:relative;}.company-wrap header{margin-bottom:30px;}.company-wrap .wrap{background:#fff;box-shadow:0 0 10px 0 rgba(0,7,73,0.1);border-radius:15px;overflow:hidden;}.company-wrap .cover{height:268px;overflow:hidden;}.company-wrap .cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}.company-wrap .wrap:hover .cover img{transform:scale(1.1);}.company-wrap .desc{position:relative;background:#fff;padding:30px 15px;transition:background .3s ease;}.company-wrap .wrap:hover .desc{background:#FFE8EE;}.company-wrap .wrap:hover .desc h3{color:var(--main-color);}.company-wrap .wrap:hover .desc p{color:var(--main-color);}.company-wrap .desc h3{margin:unset;font-size:24px;font-weight:400;color:#333;transition:color .3s ease;}.company-wrap .desc p{margin:15px 0 0;font-size:18px;color:#999;transition:color .3s ease;}.company-wrap .desc .icon{position:absolute;top:-35px;right:20px;width:70px;height:70px;background:#B30030;border-radius:50%;transition:background .3s ease,transform .3s ease;}.company-wrap .wrap:hover .desc .icon{background:#FFE8EE;transform:rotate(360deg);}.company-wrap .wrap:hover .desc .icon img:first-child{opacity:0;}.company-wrap .wrap:hover .desc .icon img:last-child{opacity:1;}.company-wrap .desc .icon img{width:45%;height:45%;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;}.company-wrap .desc .icon img:first-child{opacity:1;}.company-wrap .desc .icon img:last-child{opacity:0;}.honor-wrap{position:relative;}.honor-wrap header{display:flex;justify-content:space-between;align-items:center;}.honor-wrap header ul>li{display:inline-block;cursor:pointer;padding:0 20px;font-size:18px;color:#333;line-height:40px;position:relative;transition:color .3s ease;}.honor-wrap header ul>li::after{content:"";position:absolute;left:50%;bottom:-5px;width:30%;height:5px;background:var(--main-color);transform:translateX(-50%) scale(0);transition:transform .3s ease;border-radius:10px;}.honor-wrap header ul>li:hover,.honor-wrap header ul>li.active{color:var(--main-color);}.honor-wrap header ul>li:hover::after,.honor-wrap header ul>li.active::after{transform:translateX(-50%) scale(1);}.honor-wrap .swiper{padding:40px 0 120px;}.honor-wrap .swiper-wrap{display:none;}.honor-wrap .swiper-wrap.active{display:block;}.honor-wrap .swiper-control{position:absolute;top:40%;left:-100px;right:-100px;display:flex;align-items:center;justify-content:space-between;z-index:1;pointer-events:none;}.honor-wrap .swiper-control .btn{width:60px;height:60px;border-radius:10px;transform:rotate(45deg);background:#fff;color:var(--main-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);pointer-events:all;}.honor-wrap .swiper-control .btn:hover{background:var(--main-color);color:#fff;}.honor-wrap .swiper-control .btn i{font-size:24px;transform:rotate(-45deg);}.honor-wrap .swiper-slide{text-align:center;}.honor-wrap .swiper-slide .cover{height:352px;display:flex;align-items:center;justify-content:center;}.honor-wrap .swiper-slide .cover img{width:90%;height:90%;object-fit:contain;transition:transform .3s ease;}.honor-wrap .swiper-slide .cover:hover img{transform:scale(1.05);}.honor-wrap .swiper-slide p{margin:0;font-size:18px;color:#666;transition:color .3s ease;line-height:1.6;}.honor-wrap .swiper-slide:hover p{color:var(--main-color);}.honor-wrap .swiper-pagination{display:flex;width:90%;left:50%;bottom:50px;transform:translateX(-50%);}.honor-wrap .swiper-pagination .swiper-pagination-bullet{flex:1;width:unset;height:5px;border-radius:2px;margin:unset;}.honor-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--main-color);}.history-wrap{padding:60px 0 80px;background:url(/images/about-bg-2.png) no-repeat center;background-size:cover;position:relative;}.history-wrap header{margin-bottom:50px;}.history-wrap header h2{font-size:30px;color:#333;margin:unset;}.history-wrap .swiper-wrap{position:relative;}.history-wrap .swiper-control{position:absolute;top:50%;left:-100px;right:-100px;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;z-index:1;pointer-events:none;}.history-wrap .swiper-control .btn{width:60px;height:60px;border-radius:10px;transform:rotate(45deg);background:#fff;color:var(--main-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);pointer-events:all;}.history-wrap .swiper-control .btn:hover{background:var(--main-color);color:#fff;}.history-wrap .swiper-control .btn i{font-size:24px;transform:rotate(-45deg);}.history-wrap .swiper.dot{width:95%;margin:60px auto 0;}.history-wrap .swiper.dot::after{content:"";position:absolute;top:50%;left:0;right:0;border-bottom:4px dotted #333;transform:translateY(-50%);}.history-wrap .swiper.dot .swiper-slide{width:25%;position:relative;}.history-wrap .swiper.dot .swiper-slide .wrap{display:flex;flex-direction:column;height:300px;position:relative;}.history-wrap .swiper.dot .swiper-slide .wrap::after{content:"";width:2px;height:50px;position:absolute;top:32%;left:15px;border-left:4px dotted #333;}.history-wrap .swiper.dot .swiper-slide:nth-child(even) .wrap::after{top:52%;height:40px;}.history-wrap .swiper.dot .swiper-slide:nth-child(even) .wrap{flex-direction:column-reverse;}.history-wrap .swiper.dot .swiper-slide:nth-child(even) .wrap .top{height:90px;}.history-wrap .swiper.dot .swiper-slide .wrap .top,.history-wrap .swiper.dot .swiper-slide .wrap .bottom{box-sizing:border-box;padding-left:15px;}.history-wrap .swiper.dot .swiper-slide.active::after{top:60%;opacity:1;}.history-wrap .swiper.dot h3{font-size:24px;font-weight:700;color:var(--main-color);margin:unset;}.history-wrap .swiper.dot .rich-text{font-size:16px;color:#333;line-height:1.6;margin-top:10px;}.history-wrap .swiper.dot .rich-text p{margin:unset;}.introduce-wrap{padding:60px 0;background:url(/images/about-bg-3.png) no-repeat center;background-size:cover;position:relative;}.introduce-wrap .swiper{padding:0 200px;margin:0 -200px;}.introduce-wrap .swiper-slide{position:relative;height:440px;cursor:pointer;}.introduce-wrap .swiper-slide img{width:100%;height:100%;object-fit:cover;display:block;}.introduce-wrap .swiper-slide span{position:absolute;top:20px;left:20px;right:20px;bottom:20px;}.introduce-wrap .swiper-slide span::before{content:"";position:absolute;left:0;top:0;width:0;height:1px;background:#fff;z-index:1;transition:width .3s ease;}.introduce-wrap .swiper-slide:hover span::before{width:100%;}.introduce-wrap .swiper-slide span::after{content:"";position:absolute;left:0;bottom:0;width:1px;height:0;background:#fff;z-index:1;transition:height .3s ease;}.introduce-wrap .swiper-slide:hover span::after{height:100%;}.introduce-wrap .swiper-slide span:nth-child(2)::before{top:unset;left:unset;right:0;bottom:0;}.introduce-wrap .swiper-slide span:nth-child(2)::after{top:0;left:unset;right:0;bottom:unset;}.introduce-wrap .swiper-slide::after{content:"";position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.1) 70%,rgba(0,0,0,.6));transition:height .3s ease;pointer-events:none;}.introduce-wrap .swiper-slide:hover::after{height:200px;}.introduce-wrap .swiper-slide p{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:20px;color:#fff;margin:unset;line-height:60px;z-index:1;transition:transform .3s ease;}.introduce-wrap .swiper-slide:hover p{transform:translateY(-10px);}.introduce-wrap header{margin-bottom:30px;}.introduce-wrap header h2{font-size:30px;color:#333;margin:unset;}.introduce-wrap .swiper-control{position:absolute;top:50%;left:0;right:0;z-index:1;transform:translateY(-30%);pointer-events:none;}.introduce-wrap .swiper-control .container{display:flex;align-items:center;justify-content:space-between;padding:0 45px;}.introduce-wrap .swiper-control .btn{width:60px;height:80px;border-radius:10px;background:rgba(255,255,255,.8);color:var(--main-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);pointer-events:all;}.introduce-wrap .swiper-control .btn:hover{background:var(--main-color);color:#fff;}.introduce-wrap .swiper-control .btn i{font-size:24px;}@media screen and (max-width:640px){.tabs-wrap ul{display:block;white-space:nowrap;}.tabs-wrap ul li{display:inline-block;}.tabs-wrap ul li:last-child{margin-right:15px;}.tabs-wrap .container{overflow-x:auto;}.about-wrap{padding:30px 0;}.about-wrap .rw{display:block;}.about-wrap .cover{width:100%;}.about-wrap .cover .hover small{font-size:40px;}.about-wrap .cover .hover h2{font-size:50px;}.about-wrap .desc{margin-left:unset;font-size:14px;}.about-wrap .logo img{display:block;margin:0 auto;}.company-wrap{padding-bottom:30px;}.company-wrap header{margin-bottom:15px;}.cn-group-wrap header h2{font-size:24px;}.company-wrap .cover{height:180px;}.company-wrap .wrap{margin-bottom:15px;}.company-wrap .desc{padding:20px 15px;}.company-wrap .desc h3{font-size:20px;}.company-wrap .desc p{font-size:16px;margin-top:10px;}.honor-wrap header ul>li{font-size:14px;padding:0 5px;}.honor-wrap .swiper{padding:15px 0 30px;}.honor-wrap .swiper-slide p{padding:30px 0 0;font-size:16px;}.honor-wrap .swiper-pagination{bottom:100px;}.history-wrap{padding:30px 0;}.history-wrap header{margin-bottom:15px;}.history-wrap header h2{font-size:24px;}.history-wrap .swiper.dot{margin:-30px auto 0;width:100%;}.history-wrap .swiper.dot .swiper-slide{width:100%;}.history-wrap .swiper.dot .swiper-slide .wrap .top,.history-wrap .swiper.dot .swiper-slide .wrap .bottom{padding-left:unset;}.history-wrap .swiper.dot .swiper-slide+.swiper-slide{margin-top:20px;}.history-wrap .swiper.dot .swiper-slide:nth-child(even) .wrap .top{height:unset;}.history-wrap .swiper.dot h3{font-size:18px;}.history-wrap .swiper.dot .rich-text{font-size:14px;}.history-wrap .swiper-wrap{margin-top:50px;}.history-wrap .swiper.dot::after{display:none;}.history-wrap .swiper.dot .swiper-slide .wrap::after{display:none;}.history-wrap .swiper.dot .swiper-wrapper{display:block;}.history-wrap .swiper.dot .swiper-slide .wrap{height:unset;}.introduce-wrap{padding:30px 0;}.introduce-wrap header{margin-bottom:15px;}.introduce-wrap header h2{font-size:24px;}.introduce-wrap .swiper-slide{height:200px;}.introduce-wrap .swiper-control .btn{width:40px;height:60px;border-radius:5px;}.introduce-wrap .swiper-control .container{width:85%;padding:unset;}}