.banner{position: relative; height: calc(100vh - 100px); overflow: hidden;}
.banner .swiper-container{height: 100%;}
.banner .text{position: absolute; right: 5rem; bottom: 2.125rem; max-width: 556px; padding:  1.875rem 2.625rem; color: #fff; background: rgba(0, 0, 0, 0.05);}
.banner .text .p1{font-size: 1.675rem; font-weight: bold; line-height: 1;}
.banner .text .p2{font-size: 14px; line-height: 18px; margin: 10px 0 20px; color: rgba(255,255,255,0.5);}
.banner .text .p3{font-size: 1rem; line-height: 1.875;}
.banner img{width: 100%; height: 100%; object-fit: cover;}
.banner .swiper-pagination{bottom: 3.875rem; /*bottom: 8.75rem;*/ position: absolute; height: 4px; text-align: left; padding: 0 10.9375%;}
@media (max-width: 767px){
    .banner{height: 200px;}
	.banner .text{left: 15px; right: 15px; padding: 0; background: none;}
	.banner .text .p1{font-size: 16px; margin-bottom: 15px;}
	.banner .text .p2{display: none;}
	.banner .text .p3{font-size: 14px;}
	.banner .swiper-pagination{bottom: 15px; padding: 0; text-align: center;}
}

.index_tit_box{display: flex; justify-content: space-between;}
.index_tit_box .tit{display: flex; align-items: center; font-size: 30px; color: #595757;}
.index_tit_box .tit_en{display: flex; align-items: center; font-size: 2.75rem; line-height: 0.86; font-weight: bold; color: #E9E9E9; margin-top: 0.5rem;}
.index_tit_box .tit_en::after{content: ''; width: 6.75rem; height: 2px; margin: 0 0 0 2.25rem; background: #C21737;}
.index_tit_box .tit_sub{ display: flex; align-items: center; font-size: 14px; height: 20px; line-height: 1; margin-top: 4.75rem; color: #898989; padding-left: 66px;  background: url(../images/index_tit_icon.png) no-repeat center left;}
.index_tit_box.white .tit_en{color: rgba(233, 233, 233, .32);}
.index_tit_box.white .tit,
.index_tit_box.white .tit_sub{color: #fff;}
@media (max-width: 1440px){
    .index_tit_box .tit{font-size: 30px;}
}
@media (max-width: 767px){
	.index_tit_box{/*display: block;*/}
	.index_tit_box .tit_en{font-size: 18px;}
	.index_tit_box .tit{font-size: 20px;}
	.index_tit_box .tit::after{width: 60px;}
	.index_tit_box .tit_sub{margin-top: 20px; font-size: 14px; background-size: 30px auto; padding: 0 0 0 42px; flex: 1; overflow: hidden; height: auto; margin: 0 0 0 34px; line-height: 1.3;}
	.index_tit_box .tit_en::after{display: none;}
}

.yewu{/*padding: 5.5rem 0 2.25rem;*/ padding: 4rem 0 0;}
.yewu .cont{margin: 3rem 0 0; background: url(../images/yewu_bg.jpg) no-repeat top center; background-size: cover;}
.yewu .cont ul{display: flex;}
.yewu .cont li{flex: 1; position: relative;}
.yewu .cont .item{display: block; position: relative; color: #fff;}
.yewu .cont .item_pc{display: block;}
.yewu .cont .item_m{display: none;}
.yewu .cont .item::after{ content:''; visibility: hidden;position: absolute; left: 0; right: 0; bottom: 0; top: 0; border: 1px solid rgba(255,255,255,0.5); z-index:3;}
.yewu .cont .item .pic img{width: 100%;}
.yewu .cont .item .info{display: flex; flex-flow: column; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); transition: all 0.3s;}
.yewu .cont .item .text{opacity: 0; display: flex; flex-flow: column; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 14%; background: rgba(0, 0, 0, 0.7); transition: all 0.3s;}

.yewu .cont .item .text .box{width: 100%; position: relative; z-index: 3;}
.yewu .cont .item .icon{margin-bottom: 4.125rem; width: 6.875rem;}
.yewu .cont .item .tit{ line-height: 1; text-align: center;}
.yewu .cont .item .tit::after{ content: ''; width: 28px; height: 2px; background: #fff; margin: 1.375rem auto 0; display: block;}
.yewu .cont .item .tit .p1{font-size: 1.5rem; margin: 0 0 1rem; font-weight: bold;}
.yewu .cont .item .tit .p2{font-size: 1rem; text-transform: uppercase;}
.yewu .cont .item .desc{text-align: center; font-size: 14px; line-height: 28px; margin: 2.5rem 0 0; }
.yewu .cont li:hover{z-index: 2;}
.yewu .cont .item:hover .text{opacity: 1; /*transform: scale(1.1);*/}
.yewu .cont .item:hover .info{opacity: 0;}
.yewu .cont .item:hover::after{visibility: visible; transition: visibility 0s 0.1s;}
@media(min-width: 1540px) and (max-width: 1750px){
	.yewu .cont .item .text{padding: 0 10%;}
	.yewu .cont .item .icon{width: 8rem;}
}
@media(min-width: 1360px) and (max-width: 1540px){
    .yewu .cont .item .desc{margin: 1rem 0 0; font-size: 12px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; line-height: 24px;}
    .yewu .cont .item .tit::after{margin-top: 10px;}
}
@media(min-width: 1200px) and (max-width: 1359px){
	.yewu .cont .item .text{padding: 0 8%;}
	.yewu .cont .item .icon{width: 7rem;}
	.yewu .cont .item .tit .p1{font-size: 1.25rem;}
	.yewu .cont .item .tit::after{margin-top: 10px;}
	.yewu .cont .item .desc{margin: 1rem 0 0; font-size: 12px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; line-height: 24px; }
}
@media (max-width: 767px){
	.yewu{padding: 40px 0;}
	.yewu .cont{background: none;}
	.yewu .cont ul{display: block; overflow: hidden;}
	.yewu .cont li{float: left; width: 50%;}
	.yewu .cont .item_pc{display: none;}
	.yewu .cont .item_m{display: block;}
	.yewu .cont .item .icon{width: 7rem; margin-bottom: 3rem;}
	.yewu .cont .item .text{display: none;}
	.yewu .cont .item .tit .p1{font-size: 16px;}
	.yewu .cont .item .tit .p2{font-size: 14px;}
	.yewu .cont .item:hover .info{opacity: 1;}
	.yewu .cont .item::after{content: none;}
}

.case{padding: 4rem 0 3rem;}
.case_tabs{margin: 2rem 0 ; position: relative;}
.case_tabs::after{content: ''; position: absolute; bottom: 11px; left: 0; right: 0; height: 1px; border-bottom: 1px dashed rgba(188, 24, 54, 0.33);}
.case_tabs .container{display: flex; justify-content: space-between;}
.case_tabs .swiper-container{flex: 1; overflow: hidden;}
.case_tabs .swiper-button-next,
.case_tabs .swiper-button-prev{margin-top: 30px;}
.case_tabs .icon{position: relative; width: 100%; height: 42px; display: flex; align-items: center; justify-content: center; overflow: hidden; transition:0.36s all;}
.case_tabs .icon img{position: absolute; left: 50%; height: 100%; margin: 0 auto; transform: translate(-50%,-50%); transition:0.36s all;}
.case_tabs .icon .img{top: 50%; }
.case_tabs .icon .img_hover{top: 150%;}
.case_tabs .swiper-slide p{font-size: 1.125rem; color: #474747; margin: 0.75rem 0; text-align: center; line-height: 24px;}
.case_tabs .swiper-slide::after{content: ''; width: 25px; height: 25px; margin: 0 auto; display: block; background: url(../images/icon_case_dian.png) no-repeat top center;}
.case_tabs .swiper-slide.on p,
.case_tabs .swiper-slide:hover p{font-weight: bold; color: #BC1836; font-size: 1.25rem;}
.case_tabs .swiper-slide.on .icon .img,
.case_tabs .swiper-slide:hover .icon .img{top: -150%;}
.case_tabs .swiper-slide.on .icon .img_hover,
.case_tabs .swiper-slide:hover .icon .img_hover{top: 50%;}
.case_tabs .swiper-slide.on::after{background-image: url(../images/icon_case_dian_hover.png);}
@media(min-width: 1200px) and (max-width: 1540px){
	.case_tabs .icon{height: 36px;}
}
@media (max-width: 767px){
	.case{padding: 40px 0;}
	.case_tabs{margin-bottom: 30px;}
	.case_tabs .icon{height: 30px;}
	.case_tabs .swiper-slide p{font-size: 14px; min-height: 48px;}
}

.case_item{display: none;}
.case_list{}
.case_list ul{overflow: hidden; margin: 0 -1.5rem;}
.case_list li{float: left; width: 33.3%; padding: 0 1.125rem; margin-bottom: 12px;}
.case_list .item{display: block;}
.case_list .item .picfocus{position: relative; height: 15rem; border: 1px solid rgba(0,0,0,.18);}
.case_list .item .picfocus img{width:100%; height: 100%; object-fit: cover;}
.case_list .item .text{opacity: 0; position: absolute; top: 1rem; left: 1.25rem; right: 1.25rem; bottom: 1rem; padding: 0 4rem; transition: all 0.3s; display: flex; flex-flow: column; justify-content: center;  background: rgba(194, 23, 55, .83); color: #fff;}
.case_list .item .text .tit{font-size: 1.25rem; line-height: 1.7; padding-bottom: 2.375rem; text-align: center; font-weight: bold;}
.case_list .item .text .more{font-size: 1rem; line-height: 1; padding-top: 42px; text-align: center; background: url(../images/icon_case_more.png) no-repeat top center; background-size: 28px;}
.case_list .item .tit1{position: relative; height: 5.5rem; padding: 1.25rem 1rem 1.25rem 0; display: flex; align-items: center; color: #191919; overflow: hidden; }
.case_list .item .tit1 .line{width: 2.25rem; height: 1px; margin: 0 12px 0 0; transition: all 0.3s; background: #C21737;}
.case_list .item .tit1 span{font-size: 1rem; line-height: 1.5; flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s;}
.case_list .item .tit1::before{content: ''; position: absolute; opacity: 0; left: 0; width: 100%; top: 0; bottom: 0; transition: all 0.3s; background: #C21737;}
.case_list .item:hover .text{opacity: 0;}
.case_list .item:hover .tit1{color: #BC1836;}
@media(min-width: 1200px) and (max-width: 1540px){
	.case_list .item .text .more{font-size: 14px;}
	.case_list .item .tit1 span{font-size: 14px;}
}
@media (max-width: 767px){
    .case_list ul{overflow: hidden; margin: 0 -5px;}
	.case_list li{width: 50%; padding: 0 5px; margin-bottom: 10px;}
	.case_list .item .picfocus{height: 120px;}
	.case_list .item .tit1 span{font-size: 14px;}
	.case_list .item .text{display: none;}
	.case_list .item .tit1 .line{display: none;}
}

.case_special{padding: 4rem 0 2.625rem; background: url(../images/case_special_bg.jpg) no-repeat top center; background-size: cover;}
.case_special .cont{display: flex; margin: 2.625rem 0 0; overflow: hidden;}
.case_special .cont ul:nth-child(1){width: 23.6%;}
.case_special .cont ul:nth-child(2){width: 44.93%; margin: 0 1.5rem;}
.case_special .cont ul:nth-child(3){width: 28.53%;}
.case_special .cont ul:nth-child(1) li:nth-child(1){height: 14.25rem;}
.case_special .cont ul:nth-child(1) li:nth-child(2){height: 12rem;}
.case_special .cont ul:nth-child(2) li:nth-child(1){height: 12.625rem;}
.case_special .cont ul:nth-child(2) li:nth-child(2){float: left; width: 51.92%; height: 16rem;}
.case_special .cont ul:nth-child(2) li:nth-child(3){float: right; width: 44.51%; height: 13.5rem;}
.case_special .cont ul:nth-child(3) li:nth-child(1){height: 20.125rem;}
.case_special .cont ul:nth-child(3) li:nth-child(2){height: 6.375rem; background: #C21737; color: #fff; font-size: 1.375rem;}
.case_special .cont li{background: rgba(255,255,255,0.6); font-size: 1.25rem; color: #000; margin-bottom: 1.375rem; width: 100%; display: flex; flex-flow: column; align-items: center; text-align: center; justify-content: center;}
.case_special .cont li:last-child{margin-bottom: 0;}
.case_special .cont li p{margin-top: 1.625rem; }
.case_special .icon{position: relative; width: 6.75rem; height: 6.75rem; margin: 0 auto; background: rgba(255, 255, 255, 0.35); border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; transition:0.36s all;}
.case_special .icon::before{content: ''; position: absolute; left: 0.5rem; right: 0.5rem; top: 0.5rem; bottom: 0.5rem; border-radius: 50%; background: #fff;}
.case_special .icon img{position: absolute; left: 50%; height: 3rem; margin: 0 auto; transform: translate(-50%,-50%);}
.case_special .icon .img{top: 50%; }
.case_special .icon .img_hover{top: 150%;}
.case_special .more span{padding-right: 2.25rem; background: url(../images/icon_more.png) no-repeat center right;}
.case_special li:hover{background: rgba(255,255,255,0.82);}
.case_special li:hover p{color: #C21737;}
.case_special li:hover .icon{background: rgba(188, 24, 54, .35);}
.case_special li:hover .icon::before{background: #BC1836;}
.case_special li:hover .icon .img{top: -150%;}
.case_special li:hover .icon .img_hover{top: 50%;}
.case_special .more a{color: #fff;}
@media(min-width: 1200px) and (max-width: 1540px){
	.case_special .icon{width: 6.8rem; height: 6.8rem;}
	.case_special .icon img{height: 3rem;}
	.case_special .cont ul:nth-child(3) li:nth-child(2){height: 6rem; font-size: 1.25rem;}
}
@media (max-width: 767px){
	.case_special{padding: 40px 0 30px;}
	.case_special .cont{display: block;}
	.case_special .cont ul:nth-child(1),
	.case_special .cont ul:nth-child(2),
	.case_special .cont ul:nth-child(3){width: initial; overflow: hidden; margin: 0 -5px;}
	.case_special .cont li{float: left; font-size: 16px; width: calc(50% - 10px)!important; margin: 0 5px 10px; height: 14rem!important;}
	.case_special .cont ul:nth-child(2) li:nth-child(1){width: 100%!important;}
}

.about{padding: 4rem 0 ; overflow: hidden; background:#fff url(../images/about_bg.jpg) no-repeat center center;}
.about .cont{margin: 0;}
.about .cont .title{text-align: center; width: 61.66%; width: 49.06%; margin: 0 auto;}
.about .cont .info{font-size: 1rem; line-height: 2.375; padding: 2rem 0 ; margin: 0 6%; /*border-bottom: 1px solid rgba(188, 24, 54, .1);*/ text-indent: 2em;}
.data_list{padding: 3rem 4.125rem ;  position: relative; display: flex; width: 100%;}
.data_list li {position: relative; flex: 1; display: flex; align-items: center; justify-content: center; color: #202020; flex-direction: column; }
.data_list li:last-child{border: none;}
.data_list li .num{font-size: 5rem; line-height: 0.8; display: flex; align-items: flex-start; font-family: 'numLight'; color: #C21737;}
.data_list li .desc{/*font-size: 1.125rem;*/font-size: 14px; margin: 1.5rem 0 0; line-height: 1;}
.xm_list{margin: 0 4.8%; background: rgba(183,183,183,0.33); overflow: hidden;}
.xm_list li{float: left; width: 25%; padding: 12px 0; /*padding: 0 1.25rem; */}
.xm_list li:nth-child(odd) .item{color:#595757;}
.xm_list li:nth-child(even) .item{color:#785058;}
.xm_list li .item{position: relative; display: block;/* padding-bottom: 3rem;*/}
.xm_list li .item::after{ position: absolute; right: 0;  top: 0; bottom: 0; content:''; width: 1px; height: 100%; background: #7d7d7d;}
.xm_list li:last-child .item::after{content: none;}
.xm_list li .tit{display: none; position: absolute; bottom: 0; left: 0; right: 0; transition: all 0.3s; font-size: 1.5rem; line-height: 1; margin-top: 1.5rem; text-align: center; color: #000;}
.xm_list li .picfocus{position: relative; display: none;}
.xm_list li .picfocus img{width: 100%;}
.xm_list li .text{ padding: 26px 1.875rem; line-height: 38px; transition: all 0.3s;  display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; /*position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(188, 24, 54, .9);*/ /*bottom: 3rem; */}
.xm_list li .text::after{content: ''; content: none; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid rgba(255,255,255,0.54);}
.xm_list li .text .tit1{display: flex; align-items: center; justify-content: center; font-size: 1.5rem; /* line-height: 1; font-weight: bold; padding-bottom: 32px; background: url(../images/about_arrow_down.png) no-repeat bottom center;*/}
.xm_list li .text .tit1 img{margin-right: 12px;}
.xm_list li .text .desc{font-size: 14px; line-height: 25px; margin: 0.5rem 0 0;}
/*.xm_list li:hover .text{opacity: 1; transform: scale(1.118);}
.xm_list li:hover .tit{transform: translateY(-200%); opacity: 0;}*/
@media(min-width: 1200px) and (max-width: 1540px){
    .xm_list{margin: 0 -15px;}
    .xm_list li{padding: 0 15px;}
	.xm_list li .text{padding: 24px 1.25rem;}
	.xm_list li .tit{font-size: 1.25rem;}
	.xm_list li .text .tit1{}
	.xm_list li .text .desc{ font-size: 13px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
}
@media (max-width:767px){
	.about{padding: 40px 0 ;}
	.about .cont .title{width: 90%;}
	.about .cont .info{ padding: 0 0 30px; margin: 30px 0 0; font-size: 14px;}
	.data_list{padding: 15px 0; display: block; overflow: hidden;}
	.data_list li{float: left; width: 50%; height: 90px;}
	.data_list li .num{font-size: 20px;}
	.data_list li .num span{font-size: 48px;}
	.data_list li .desc{font-size: 14px;}
	.xm_list {margin: 0 -5px; overflow: hidden;}
	.xm_list li{width: 100%; padding: 0 5px;}
	.xm_list li .text{line-height: 28px;}
	.xm_list li .item::after{top: auto; left: 0; width: 100%; height: 1px;}
	.xm_list li .text{}
}


.service_customer{padding: 4rem 0 ; background: #F8F8F8;}
.service_customer .tabs{display: flex; justify-content: center; overflow: hidden; /*padding: 1.625rem 0 1.125rem;*/}
.service_customer .tabs li{position: relative; display: flex; align-items: center; width: 10rem; height: 3.125rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.125rem; color: #898989;  font-weight: bold;cursor: pointer;}
.service_customer .tabs li.on{color: #C21737; }
.service_customer .tabs li::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 1.125rem; background: #898989;}
.service_customer .tabs li:last-child::after{content: none;}
.service_customer .tabs_item{position: relative;}
.service_customer .cont{margin:2.5rem 0 0; background: url(../images/customer_map.png) no-repeat top center;}
.service_customer .swiper-slide{height: 7.25rem; padding: 20px; border-bottom: 1px dashed rgba(0,0,0,.18); border-right: 1px dashed rgba(0,0,0,.18); display: flex; align-items: center; justify-content: center;}
.service_customer .swiper-slide[data-swiper-row='2']{border-bottom: none;}
/*.service_customer .swiper-slide[data-swiper-column='3']{border-right: none;}
.service_customer .swiper-slide:nth-last-child(-n+3){border-right: none;}*/
.service_customer .swiper-container::after{position: absolute; z-index: 1000; content:''; top: 0; bottom: 0; right: 0; width: 2px; background: #F8F8F8;}
.service_customer .swiper-pagination{margin: 2.5rem 0 0; height: 4px;}
.service_customer .swiper-pagination-bullet{width: 1.6875rem; height: 4px; vertical-align: top; background: #E1E1E1; margin: 0 0.5rem;}
.service_customer .swiper-pagination-bullet-active{width: 4rem; background: #BC1836;}
.service_customer .swiper-button-next,
.service_customer .swiper-button-prev{position: absolute; right: 0; top: 8.9375rem; margin-top: 0;}
.service_customer .swiper-button-next{right: 6.375rem;}
.service_customer .swiper-button-prev{left: 6.375rem;}

.service_customer .swiper-container::before{position: absolute; z-index: 1000; content:'';  bottom: 0; left: 0; right: 0; height: 1px; background: #F8F8F8;}
.service_customer .tabs_item{display: none;}
.service_customer .tabs_item ul{overflow: hidden;}
.service_customer .tabs_item li{float: left; height: 106px; padding: 15px 20px; display: flex; align-items: center; justify-content: center; border-bottom: 1px dashed rgba(0,0,0,.18); border-right: 1px dashed rgba(0,0,0,.18);}
.service_customer .tabs_item1 li{width: 16.66%;}
.service_customer .tabs_item2 li{width: 16.66%;}
.service_customer .tabs_item li img{max-height: 100%;}
@media (max-width:767px){
	.service_customer{padding: 40px 0;}
	.service_customer .tabs{margin: 30px 0;}
	.service_customer .tabs li{font-size: 14px;}
	.service_customer .swiper-slide{padding: 20px 10px; height: 100px;}
	.service_customer .swiper-button-prev,
	.service_customer .swiper-button-next{display: none;}
	.service_customer .swiper-slide[data-swiper-column='1'],
	.service_customer .swiper-slide[data-swiper-column='5']{border-right: none;}
	.service_customer .tabs_item li{padding: 5px 10px; height: 56px;}
	.service_customer .tabs_item1 li{width: 33.3%;}
    .service_customer .tabs_item2 li{width: 25%;}
}



/*news*/
.news{padding: 4rem 0; display: flex; align-items: center; justify-content: center; background: url(../images/news_bg.jpg) no-repeat top center; background-size: cover;}
.news .container{display: flex;}
.news .index_tit_box{display: block; width: 43.66%; margin-left: -14%;}
.news .index_tit{margin-left: 32.06%;}
.news .tabs{position: relative; margin: 3.25rem 0 0; padding-left: 32.06%; height: 12.125rem;  display: flex; flex-flow: column; justify-content: center; color: #fff; background: #BC1836;}
.news .tabs::after{content: ''; position: absolute; right: 9.375rem; top: 0; bottom: 0; width: 1px; border-left: 1px dashed rgba(255,255,255,0.27);}
.news .tabs a{position: relative;}
.news .tabs a::after{content: ''; position: absolute; top: 50%; transform: translateY(-0.9375rem); right: 8.5rem; width: 1.8125rem; height: 1.8125rem; background: url(../images/news_icon_down.png) no-repeat center right; background-size: cover;}
.news .tabs a.on::after{background-image: url(../images/news_icon_down_hover.png);}
.news .tabs .box{display: inline-flex;}
.news .tabs a .box{ font-size: 1.25rem; margin: 1.125rem 0; padding-bottom: 1rem; line-height: 1; color: #fff; display: inline-block; border-bottom: 2px solid transparent;}
.news .tabs a span{padding-left: 2.75rem; transition: all 0.3s;}
.news .tabs a.on .box{font-size: 1.375rem; font-weight: bold; border-color: #fff;}
.news .tabs a.on em{font-weight: bold;}
.news .tabs a.on span{padding-left: 3.25rem;}
.news .tabs_cont{flex: 1; margin-right: -70px; overflow: hidden;}
.news .tabs_item{display: flex;}
.news .swiper-container{flex: 1; overflow: hidden;}
.news .swiper-slide{text-align: center;}
.news .swiper-slide .item{display: flex; height: 33rem; align-items: center; transition: all 0.3s;}
.news .swiper-slide .picfocus{position: relative; top: 0; height: 15rem; transition: all 0.6s;overflow: hidden;}
.news .swiper-slide .picfocus img{width: 100%; height: 100%; transition: all 0.3s; opacity: 0; object-fit: container; }
.news .swiper-slide .text{transform: translateY(-6rem); transition: all 0.3s;}
.news .swiper-slide .date{display: none; position: relative; padding: 2.875rem 0 2rem; margin-bottom: 2.25rem;}
.news .swiper-slide .date::before{content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #E5E5E5;transition: all 0.3s; overflow: hidden;}
.news .swiper-slide .date::after{content: ''; position: absolute; bottom: -1px; left: 50%; width: 40px; height: 2px;  transform: translateX(-50%); background: #CACACA;}
.news .swiper-slide .date .p1{font-size: 1.75rem; line-height: 1; font-weight: bold; color: #B7B7B7;}
.news .swiper-slide .date .p2{font-size: 14px; line-height: 1; color: #000; margin: 12px 0 0;} 
.news .swiper-slide .tit{color: #111; font-size: 1rem; line-height: 24px; min-height: 48px; padding: 0 2rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .swiper-slide .desc{color: #989898; font-size: 14px; line-height: 24px; min-height: 72px; padding: 0 2rem; margin: 1.875rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news .swiper-slide .more{width: 2.625rem; opacity: 0; transition: all 0.3s; display: inline-block;}
.news .swiper-slide .item:hover{background: #F6F6F6; /*align-items: flex-start;*/}
.news .swiper-slide .item/*:hover*/ .picfocus img{opacity: 1;}
.news .swiper-slide .item/*:hover*/ .text{transform: translateY(2rem); }
/*.news .swiper-slide .item:hover .date::before{left: 50%; right: 50%;}
.news .swiper-slide .item:hover .date{border: none; padding-bottom: 0;}
.news .swiper-slide .item:hover .date .p1{color: #BC1836; font-size: 1.875rem;}
.news .swiper-slide .item:hover .date .p2{font-size: 1rem;}
.news .swiper-slide .item:hover .date::after{content: none;}*/
.news .swiper-slide .item:hover .tit{color: #BC1836;}
.news .swiper-slide .item/*:hover*/ .desc{/*padding-top: 1rem;*/}
.news .swiper-slide .item/*:hover*/ .more{opacity: 1; padding-bottom: 2.875rem;}
/*.news .swiper-slide .item:hover .tit{font-weight: bold;}*/
.news .swiper-button{width: 70px; margin-top: calc(14.5rem - 50px); display: flex; flex-flow: column; height: 100px; }
.news .swiper-button-next,
.news .swiper-button-prev{background-size: 17px 30px!important; margin: 0; position: static; opacity: 1; }
.news .swiper-button-next{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23BC1836'%2F%3E%3C%2Fsvg%3E")
}
.news .swiper-button-prev{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23BC1836'%2F%3E%3C%2Fsvg%3E")
}
.news .swiper-button-next.swiper-button-disabled{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237f7f7f'%2F%3E%3C%2Fsvg%3E")
}
.news .swiper-button-prev.swiper-button-disabled{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237f7f7f'%2F%3E%3C%2Fsvg%3E")
}
@media (max-width:767px){
	.news{padding: 30px 0 ; display: block;}
	.news .container{display: block; padding: 0 15px; height: auto;}
	.news .index_tit_box{width: 100%; margin: 15px 0 0;}
	.news .index_tit{ margin: 0px 0 40px;}
	.news .tabs{padding: 15px 0; height: auto; flex-flow: initial;}
	.news .tabs a{flex: 1; text-align: center;}
	.news .tabs a .box,
	.news .tabs a.on .box{font-size: 16px; margin: 0;}
	.news .tabs a span{padding-left: 15px!important;}
	.news .tabs a::after{display: none;}
	.news .tabs::after{display: none;}
	.news .tabs_cont{margin: 20px 0 0;}
	.news .swiper-button{display: none;}
	.news .swiper-slide .item{height: auto;}
	.news .swiper-slide .text{transform: translateY(0);}
	.news .swiper-slide .tit{font-size: 14px; padding: 0 10px;}
	.news .swiper-slide .date{padding: 15px 0;}
	.news .swiper-slide .desc{font-size: 14px; padding: 0 10px; margin: 15px 0;}
	.news .swiper-slide .picfocus{height: 100px; overflow: hidden;}
	.news .swiper-slide .picfocus img{opacity: 1; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.news .swiper-slide .item:hover .pic{}
	.news .swiper-slide .more{display: none;}
	.news .common_tit .tabs .on::after{bottom: -5px; right: auto; left: 50%; top: auto; transform: translateY(0) rotate(0);}
}