/***********************/
.banner-index{margin-top:0;font-size:0;max-height:870px;overflow:hidden}
.banner-i .swiper-slide{font-size:0;background:#f7f7f9}
.banner-i .swiper-slide img{display:inline-block;max-width:100%}
#banner-prev{left:8%}
#banner-next{right:8%}
.banner-pagination{bottom:50px!important;text-align:right!important;padding-right:20%}
.banner-pagination span{display:inline-block;width:14px;height:2px;background:#fff;margin:0 5px;opacity:1;border-radius:0}
.banner-pagination span.swiper-pagination-bullet-active{width:28px;background:#b02a29}

/***********brand************/
.index-phone{text-align: center}
.index-phone i,.index-phone span{vertical-align: middle}
.index-phone i img{height: 30px;}
.index-phone span{font-size: 40px;font-weight: bold;padding-left: 2%;color: #b81d22}
.index-brand{transform: translateY(-50%);z-index: 2;position: relative;padding-bottom: 10px}
.index-brand .container{background: #fff}
.brand-box ul{padding:  50px 0;width: 100%;}
.brand-box ul li{padding: 0 2%;font-size: 24px;text-align: center;color: #222;position: relative;}
.brand-box ul li:nth-of-type(1):after{width: 7px;height: 24px;background:#b81d22;margin-top: -12px;top: 50%;content: "";display: block;position: absolute;left: 0;}
.brand-box ul li + li{border-left: 1px solid rgba(0,0,0,.1)}
.brand-box ul li img{max-height: 60px}

/***********about************/
.about-index{overflow:visible;position:relative;z-index:2;margin-bottom:108px;text-align:center;display: none}
.about-text p{font-size:16px;line-height:2;letter-spacing:2px;text-align:center;color:#393939}
.about-text p+p{padding-top:15px}
.about-index .more-but a{display:inline-block;padding:20px 60px;background:#b81d22;border:1px solid #b81d22;border-radius:50px;line-height:1;font-size:15px;color:#fff;margin:55px 0}
#about-title{padding-top:40px}
#about-title li{width:15%}
#about-title li a{display:inline-block;width:100%;padding:25px 0;background:#e0e0e0;color:#222;text-align:center;border-radius:15px;overflow:hidden;font-size:14px;line-height:2;transition:all .3s}
#about-title li img{display:block;margin:0 auto}
#about-title li img.w{display:none}
#about-title li+li{margin-left:140px}
#about-title li a p{text-transform:uppercase}
#about-title li a:hover{background:#b81d22;color:#fff}
#about-title li a:hover img.w{display:block}
#about-title li a:hover img.r{display:none}

/*******goods*******/
.goods-index{padding:0 0 55px;background:#fff}
.goods-box #gcSwiper .swiper-slide{height:initial;background:0 0}
.goods-box #gcSwiper .swiper-slide .text{font-size:14px;line-height:1;padding:16px;font-weight:700;transition:all .3s;background:#b81d22;color:#fff}
.goods-box .gcCont{border:8px solid #f1f1f1;padding:100px 50px;height:100%;position:relative}
.goods-box .gcCont .img2{position:absolute;right:-35%;bottom:25px}
.goods-box .gcCont p{font-size:15px;line-height:2;text-align:justify;color:#aeaeae;padding:50px 0}
.goods-box .gcCont a{position:relative;font-size:14px;display:table}
.goods-box .gcCont a:before{content:'';display:inline-block;width:60px;height:2px;background:#b81d22;vertical-align:middle;margin-right:10px}
#gcNext,#gcPrev{position:initial;display:inline-block;margin:initial;width:80px;text-align:center;height:40px;background:#b81d22;margin-top:50px}
#gcNext:after,#gcPrev:after{font-size:20px;line-height:40px;color:#fff}

/*****case********/
.case-index{padding:55px 0 100px}
.case-box{position:relative}
.case-box .swiper-pagination{width:100%;text-align:center;padding-top:30px}
.case-box .swiper-pagination span{margin:0 5px;width:13px;height:13px}
#swiper-casetext{width:500px;height:100%;padding:4% 4.5%;background:#f1f1f1;position:absolute;left:50%;top:0;z-index:2;transform:translateX(-600px)}
#swiper-casetext .swiper-slide{background:#f1f1f1;text-align:left;overflow:hidden;position:relative}
#swiper-casetext .swiper-slide h2{margin-top:15px;font-size:20px;position:relative;overflow:hidden;max-height:76px;line-height:38px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700}
#swiper-casetext .swiper-slide .case_description{margin:15px 0;height:46%;overflow:hidden}
#swiper-casetext .swiper-slide p{font-size:15px;position:relative;line-height:2;text-align:justify}
#swiper-caseimg .swiper-slide{width:auto;height:auto;background:#f1f1f1}
.case-box .swiper-button-next,.case-box .swiper-button-prev{width:60px;height:60px;left:50%;bottom:40px;background:#b02a29;transform:translateX(-90px);top:auto}
.case-box .swiper-button-prev{transform:translateX(-160px)}
.case-box .swiper-button-next:after,.case-box .swiper-button-prev:after{font-size:20px;color:#fff}
.case-box .swiper-button-next:hover,.case-box .swiper-button-prev:hover{opacity:.8}
.case-index .more-but a{display:inline-block;font-size:14px;text-transform:uppercase;color:#b02a29;border:1px solid #b02a29;height:37px;line-height:37px;text-align:center;padding:0 42px}
.case-index .more-but a:hover,.more-but-big a:hover{background:#b02a29;border:1px solid #b02a29;color:#fff}

/*****news******/
.news-index{padding:55px 0}
.news-index .news_info,.news_info_list{background:#fff;transition:.5s}
.news-index .news_info .news_img{width:100%;height:320px;overflow:hidden}
.news-index .news_info .news_img img{width:100%;height:100%;object-fit:cover}
.news-index .news_info .news_text{padding:0 20px 20px;background:#f1f1f1}
.news-index .news_info .news_text span{font-family:STXihei;color:#989898;font-size:16px;display:block;padding-top:26px;padding-bottom:5px}
.news-index .news_info .news_text b{font-size:24px;color:#595556;display:block}
.news-index .news_info .news_text em{border-bottom:1px dotted #aeaeae;display:block;width:100px;margin:12px 0}
.news-index .news_info:hover{transform:translateY(-10px);box-shadow:1px 2px 6px 1px rgba(0,0,0,.3)}
.news-index .news_info:hover .news_text{background:#b02a29}
.news-index .news_info:hover .news_text b,.news-index .news_info:hover .news_text span{color:#fff}
.news-index .news_info:hover .news_text em{border-color:#fff}
.news_info_list{height:144px;overflow:hidden;background:#f1f1f1;font-size:0}
.news_info_list+.news_info_list{margin-top:10px}
.news_info_list a:nth-of-type(1){display:inline-block;width:33%;overflow:hidden;height:100%;vertical-align:top}
.news_info_list a:nth-of-type(1) img{width:100%;height:100%;object-fit:cover}
.news_info_list a:nth-of-type(2){display:inline-block;width:67%;padding:20px;height:100%}
.news_info_list a:nth-of-type(2) b{font-size:16px;color:#595556;display:block;margin-bottom:14px}
.news_info_list a:nth-of-type(2) b span{display:inline-block;padding:0 10px;background:#595556;color:#fff;font-family:STXihei;font-size:14px;margin-right:10px}
.news_info_list a:nth-of-type(2) em{border-bottom:1px dotted #aeaeae;display:block;width:100px;margin:12px 0}
.news_info_list a:nth-of-type(2) p{color:#918e8f;line-height:2;margin-top:14px;overflow:hidden;font-size:14px}
.news_info_list:hover{transform:translateX(-10px);box-shadow:1px 2px 6px 1px rgba(0,0,0,.3)}
.news_info_list:hover a:nth-of-type(2){background-color:#b02a29}
.news_info_list:hover a:nth-of-type(2) b{color:#fff}
.news_info_list:hover a:nth-of-type(2) b span{background:rgba(255,255,255,.7);color:#b02a29}
.news_info_list:hover a:nth-of-type(2) p{color:rgba(255,255,255,.7)}
.news_info_list:hover a:nth-of-type(2) em{border-color:#fff}

/*******agent*********/
.agent-index{padding:55px 0;background:#f1f1f1;display: none}
.agent-index li:nth-of-type(1),.agent-index li:nth-of-type(2){padding-top:30px;padding-bottom:30px}
.agent-index li b{color:#b02a29;display:block;padding-bottom:20px;font-size:20px}
.agent-index li h3{font-size:30px;color:#575757;line-height:30px}
.agent-index li h4{font-size:16px;color:#575757;font-family:STXihei;text-transform:uppercase;font-weight:400;line-height:28px}
.agent-index li p{color:#918e8f;line-height:24px;margin-top:20px;padding-bottom:20px;font-size:14px}
.agent-index .list_bg{background:url(/EIqrESyDEyLoDRWKDHpnODHpODHOOtDoKSkGISSTUygrHktNNO1rEIL.jpg) no-repeat center;background-size:cover}
.agent-index .list_bg+li{padding:0}
.agent-index li.list_img{font-size:0;padding:0}
.agent-index li.list_img a{display:inline-block;width:calc(100% / 3);overflow:hidden;font-size:22px;height:100%;text-align:center;padding-top:90px}
.agent-index li.list_img a span{display:block;font-family:STXihei;line-height:2;text-transform:capitalize}
.agent-index li.list_img a:nth-of-type(1){background:#c3c3c3;color:#fff}
.agent-index li.list_img a:nth-of-type(2){color:#b02a29;background:#e0e0e0}
.agent-index li.list_img a:nth-of-type(3){background:#b02a29;color:#fff}

/*******answer*********/
.answer{overflow:hidden;padding:34px 0;background: #f9f9f9}
.answer b{font-size:18px;color:#575757}
.answer span{font-size:16px;color:#5a5a5a;padding-left:25px}
.answer i{float:right}
.answer .more-but a{height:42px;padding:0 37px;border-radius:25px;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:#2f2f2f;font-weight:700;position:relative;transition:all .3s}
.answer .more-but a img{height:22px;margin-right:10px}
.answer .more-but a:hover{transform:translateY(-10px)}
