﻿body {background: #F6F6F6;}

.head_box .head_img{position: relative;}
.head_box .head_img #swiper{height: 25rem;box-sizing: border-box;overflow: hidden;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display: none;}
.head_box .head_img #swiper .bannerSwiper,.head_box .head_img #swiper .swiperBox{height: 25rem;}
.head_box .head_img #swiper .bannerImg{width: 100%;height: 100%;}
.head_box .head_img #swiper .more{font-size: 18px;width: 13%;height: 50px;line-height: 50px;text-align:center;background: #F49D19;border-radius: 10px;transform: translate(130%,-160px);color: #fff;}
.head_box .head_img .company_information{position:absolute;left:50%;z-index:2;box-shadow: 0px 11px 32px 0px rgba(204, 19, 28, 0.2);border-radius: 10px;transform: translate(-50%,-30px);width: 66.25%;color: #fff;background-color: #CC131C;margin: 0 auto;display: flex;justify-content: space-around;flex-wrap: nowrap;padding: 1.4rem 0;}
.head_box .head_img .company_information .top{font-size: 1.5rem;font-family: Lato;font-weight: 900;}
.head_box .head_img .company_information .bottom{font-size: 1rem;font-family: Adobe Heiti Std;}

#business {padding-bottom: 4rem;}
#business > .title{margin: 7.9rem auto 4.1rem;}

#business > .title,
#successful > .title,
#partners > .title{height: 100px;position: relative;text-align: center;margin-bottom: 4.1rem;}
#business > .title .text,
#successful > .title .text,
#partners > .title .text{transform: translate(0,20px);font-size: 1.5rem;font-family: Adobe Heiti Std;font-weight: bold;color: #CC131C;}
#business > .title .business,#partners > .title .business,#successful > .title .business{height: 4rem;margin: 0 auto;}

#business .list{display: flex;text-align: center;margin: 0 auto;}
#business .list>div{width: 24%;background-color: #fff;padding: 4.96rem 3% 6.29rem;margin-right: 20px;}
#business .list>div:last-child{margin-right: 0;}
#business .list>div .icon{display: inline-block;margin-bottom: 24px;}
#business .list .title{font-size: .83rem;font-weight: bold;color: #4C3F30;margin-bottom: 30px;}
#business .list .text{font-size: .66rem;font-weight: normal;color: #666666;line-height: 36px;}
#business .list>div:hover{background: #CC131C;}
#business .list>div:hover .title{font-size: 18px;color: #fff;}
#business .list>div:hover .text{color: #fff;}
#business .list>div .serve_icon_on{display: block;margin:0 auto 1.74rem;}
#business .list>div .serve_icon_off{display: none;margin: 0 auto 1.74rem;}
#business .list>div:hover .serve_icon_on{display: none;}
#business .list>div:hover .serve_icon_off{display: block;}

#successful {background: #fff;padding: 4.6rem 0 99px;overflow: hidden;}
#successful .successfulSwiper{overflow: inherit;}
#successful .successfulSwiper .swiper-slide{width:33.33%;height:20.84rem;overflow: hidden;position: relative;box-sizing: border-box;border: 0.5px solid #fff;}
#successful .successfulSwiper .swiper-slide:nth-child(20),
#successful .successfulSwiper .swiper-slide:nth-child(21),
#successful .successfulSwiper .swiper-slide:nth-child(22),
#successful .successfulSwiper .swiper-slide:nth-child(23){visibility: hidden;}
#successful .successfulSwiper .swiper-slide img{width:100%;height:400px;}
#successful .successfulSwiper .swiper-slide .mask{box-sizing:border-box;color:#fff;width:100%;height:100%;background: rgba(0, 0, 0, 0.55);text-align: center;padding: 0 70px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
#successful .successfulSwiper .swiper-slide .mask>div{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 0 3.12rem;width: 100%;box-sizing: border-box;}
#successful .successfulSwiper .swiper-slide .mask >div>div{display: block;}
#successful .successfulSwiper .swiper-slide:hover .mask{background: rgba(148, 0, 7, 0.86);}
#successful .successfulSwiper .swiper-slide .mask .lines{width: 2.68rem;height: .25rem;background: #F14B4B;margin: 0 auto;}
#successful .successfulSwiper .swiper-slide:hover .lines{background:#F49D19;}
#successful .successfulSwiper .swiper-slide .mask .chineseText{font-size: 1.52rem;letter-spacing: 2px;font-weight: bold;color: #FFFFFF;line-height: 46px;}
#successful .successfulSwiper .swiper-slide .mask .englishText{font-size: .5rem;font-weight: bold;color: #FFFFFF;line-height: 46px;}
#successful .successfulSwiper .swiper-pagination{bottom: -41px;}
#successful .successfulSwiper .swiper-pagination .swiper-pagination-bullet{width: 2.92%;height: 12px;background: #E5E5E5;border-radius: 0;opacity: 1;}
#successful .successfulSwiper .swiper-pagination .swiper-pagination-bullet-active{width: 4.68%;height: 12px;background: #CC131C;border-radius: 0;}

@media screen and (max-width: 920px) {
    #business > .title .business{width: 100%;height: auto;}
}