.more_btn {text-align: center;}
.more_btn a{display: inline-flex; justify-content: center; align-items: center; line-height: 60px; background: #B50909; border-radius: 30px; font-size: 1.375rem; color: #fff; padding: 0 4.375rem;}
.more_btn a img{margin: 0 14px 0 0;}
@media (max-width:767px){
	.more_btn a{line-height: 42px; padding: 0 30px;}
}

@media (max-width:767px){
    .banner{}
    .banner .pic{ width: 100%; overflow: hidden; } 
    .banner .pic a{ width: 100%; width: 100%; overflow: hidden; display: flex; justify-content: flex-end;}
    .banner .pic img{width: 100%; min-height: 200px; max-width: initial;}
}

.banner .swiper-pagination{position: absolute; bottom: 20px;}
.banner .swiper-pagination-bullet{background: rgba(255,255,255,0.3);}
.banner .swiper-pagination-bullet-active{background: #B50909;}

.data_list{padding: 4.0625rem 0 ; padding: ; background: url(../images/data_list_bg.png) no-repeat top center; background-size: cover;}
.data_list ul{ position: relative; display: flex; width: 100%;}
.data_list ul li { height: 120px; flex: 1; display: flex; align-items: center; justify-content: center; color: #fff; flex-direction: column; }
.data_list ul li .num{font-size: 2.375rem; line-height: 1; font-family: 'numLight'}
.data_list ul li .num span{font-size: 4.5rem; font-family: 'numLight';}
.data_list ul li .desc{font-size: 1.125rem; margin: 1.5rem 0 0; line-height: 1;}
@media (max-width:767px){
	.data_list{padding: 10px 0;}
	.data_list ul{display: block; overflow: hidden;}
	.data_list ul li{float: left; width: 50%; height: 60px;}
	.data_list ul li .num{font-size: 18px;}
	.data_list ul li .num span{font-size: 24px;}
	.data_list ul li .desc{font-size: 14px; margin: 5px 0 0;}
}

.area{padding: 8.125rem 0 7.125rem; background: #F8F9FB;}
.area .cont{margin: 3.5rem 0 0;}
.area ul{display: flex; }
.area .item{display: flex; flex-flow: column;}
.area li:nth-child(even) .item{flex-flow: column-reverse;}
.area .item .info{display: flex; justify-content: center; align-items: center; transition: all 0.3s;}
.area .item .box{text-align: center;}
.area .item .icon{position: relative; width: 100%; height: 3.9375rem; display: block; margin: 0 auto; overflow: hidden;}
.area .item .icon img{position: absolute; left: 50%; transform: translateX(-50%);  width: auto; height: 100%; transition:0.36s ease;}
.area .item .icon .img{top: 0;}
.area .item .icon .img_hover{top: 100%;}
.area .item .p1{font-size: 1.25rem; color: #171717; font-weight: bold; line-height: 1.875rem; margin: 1.375rem 0 0;}
.area .item .p2{font-size: 0.875rem; color: #BCBCBC; text-transform: uppercase; line-height: 1.875rem;}
.area .item:hover .info{background: #B50909;}
.area .item:hover .p1,
.area .item:hover .p2{color: #fff;}
.area .item:hover .icon .img{top: -100%;}
.area .item:hover .icon .img_hover{top: 0;}
.area .more_btn{margin: 5rem 0 0;}
@media (max-width:767px){
	.area{padding: 40px 0;}
	.area ul{display: block; overflow: hidden;}
	.area li{float: left; width: 33.3%;}
	.area .item .picfocus{display: none;}
	.area .item .info{height: 118px!important;}
	.area .item .p2{font-size: 10px; height: 3.75rem;}
	.area li:nth-child(4) .item{flex-flow: column;}
	.area li:nth-child(5) .item{flex-flow: column-reverse;}
	.area li:nth-child(6) .item{flex-flow: column;}
	.area .more_btn{margin: 1rem 0 0;}
}

.team{padding: 7.5rem 0 5.625rem;}
.team .top{margin: 3.5rem 0 0; display: flex; background:#2d2929 url(../images/team_top_bg.jpg) no-repeat top center; background-size: 100% auto;}
.team .top .fl{flex: 1; padding-bottom: 4.75rem; overflow: hidden;}
.team .top .tit_en{height: 5.875rem; padding:0 6.7%; background: #fff;display: flex; align-items: center;}
.team .top .tit_en span{font-size: 11px; text-transform: uppercase;}
.team .top .tit_en::after{content: ''; margin-left: 1.25rem; width: 100px; height: 1px; background: rgba(0,0,0,0.37);}
.team .top .desc{ font-size: 1.125rem; text-indent: 2em; line-height: 1.7; color: #fff; padding: 0 9.79%; margin: 3.5rem 0 2.5rem;}
.team .top .desc_box{position: relative; padding-left: 1.5rem;}
.team .top .desc_box::before{position: absolute; content: ''; left: 0; top: 0; width: 2px; height: 4rem; background: rgba(248, 249, 251, 0.42);}
.team .top .pic{width: 49%; }
.team .top ul{display: flex; justify-content: space-between; padding: 0 9.79%;}
.team .top ul li{display: flex; align-items: center; cursor: pointer;}
.team .top ul li p{flex: 1; font-size: 1.25rem; color: #fff; margin: 0 0 0 0.75rem;}
.team .top .icon{position: relative; width: 3.9375rem; height: 3.9375rem; display: block; margin: 0 auto; overflow: hidden;}
.team .top .icon img{position: absolute; left: 50%; transform: translateX(-50%);  width: auto; height: 100%; transition:0.36s ease;}
.team .top .icon .img{top: 0;}
.team .top .icon .img_hover{top: 100%;}
.team .top li:hover .icon .img{top: -100%;}
.team .top li:hover .icon .img_hover{top: 0;}
@media (max-width:767px){
	.team{padding: 40px 0;}
	.team .top{padding: 0 0 30px;}
	.team .top .fl{padding-bottom: 30px;background: #2d2929;}
	.team .top{margin: 30px 0 0; display: block;}
	.team .top .tit_en{height: auto; padding: 10px 15px;}
	.team .top .tit_en::after{content: none;}
	.team .top .desc{padding: 0 15px; font-size: 14px; margin: 20px 0;}
	.team .top ul{padding: 0 15px;}
	.team .top ul li{display: inline-block;}
	.team .top ul li p{font-size: 14px; margin: 10px 0 0;}
	.team .top .pic{width: 100%; padding: 0 15px;}
}


.team .bot{margin: 1rem 0 0; display: flex; justify-content: space-between;}
.team .bot .fl{position: relative; flex: 1; height: 714px; padding-top: 54px; display: flex; overflow: hidden;}
.team .swiper-container-wrapper{flex-flow: row nowrap;}
.team .gallery-left{flex: 1; overflow: hidden; margin: 0;}
.team .gallery-left .info{position: relative; margin: 1.75rem 0 0; border-left: 0.625rem solid #B50909; padding: 0 0 0 1.375rem;}
.team .gallery-left .info .name{font-size: 1.375rem; font-weight: bold; color: #232323; margin-bottom: 0.75rem;}
.team .gallery-left .info p{ font-size: 1rem; line-height: 2; color: #828282;}
.team .gallery-left .info p em{color: #950000; margin: 0 3px;}
.team .gallery-left .info .btn_zx{ position: absolute; right: 0; top: 1rem; width: 130px; line-height: 40px; border-radius: 20px; text-align: center; font-size: 1rem; color: #fff; background: #B50909;}
.team .gallery-right{width: 186px;height: calc(100% - 54px);padding: 0 0 0 22px; margin: 0 0 0 1.875rem;}
.team .gallery-right .swiper-wrapper{flex-direction: column;}
.team .gallery-right .swiper-slide{flex-flow: column nowrap;width: 100%; height: 138px;}
.team .gallery-right .pic{width: 100%; height: 100%; overflow: hidden;}
.team .gallery-right .pic img{}
.team .gallery-right .info{opacity: 0; position: absolute; left: 9px; right: 9px; bottom: 6px; padding: 8px 0; line-height: 1; color: #fff; text-align: center; background: rgba(181, 9, 9, .84);}
.team .gallery-right .info .p1{font-size: 1rem; font-weight: bold; }
.team .gallery-right .info .p2{font-size: 14px; margin: 4px 0 0;}
.team .gallery-right .swiper-slide::before{opacity: 0; content: ''; position: absolute; left: -22px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 6px solid transparent;  border-bottom: 6px solid transparent; border-right: 8px solid #B50909;}
.team .gallery-right .swiper-slide-thumb-active .info ,
.team .gallery-right .swiper-slide-thumb-active::before{opacity: 1;}
.team .swiper-button-prev,
.team .swiper-button-next{opacity: 1;top: auto; right: 0; margin: 0; width: 164px; height: 40px; background-color: #F2F2F2;  background-size: 20px 12px ;}
.team .swiper-button-prev{top: 0; left: auto; background-image: url(../images/swiper_prev.png);}
.team .swiper-button-next{bottom: 0; background-image: url(../images/swiper_next.png);}
@media(min-width: 1280px) and (max-width: 1439px){
	.team .bot .fl{height: 628px;}
}
@media (max-width:767px){
	.team .bot .fl{width: 100%; padding-top: 0; overflow: hidden; display: block; height: auto;}
	.team .gallery-left .info .name{font-size: 16px;}
	.team .gallery-left .info p{font-size: 14px;}
	.team .gallery-left .info .btn_zx{width: 100px; line-height: 32px;}
	.team .gallery-right{width: 100%;height: auto; padding: 22px 0 0 0 ; margin: 1.875rem 0 0 0 ;}
	.team .gallery-right .swiper-wrapper{flex-direction: initial;}
	.team .gallery-right .swiper-slide{flex-flow: initial; height: auto;}
	.team .gallery-right .swiper-slide::before{ transform: translateX(-50%); left: 50%; top: -22px; border: none;border-right: 6px solid transparent;  border-left: 6px solid transparent; border-bottom: 8px solid #B50909;}
	.team .gallery-right .info .p1{font-size: 14px;}
	.team .swiper-button-prev, 
	.team .swiper-button-next{float: left; margin: 15px 10px 0; background-size: 13px 8px; position: static; transform: rotate(-90deg); bottom: 0; top: auto; width: 40px; height: 40px; border-radius: 50%;}
	.team .gallery-right .info .p2{display: none;}
}


.team .bot .fr{width: 35.5%; margin: 0 0 0 2.875rem; padding-top: 54px;}
.team .bot .fr .p1{font-size: 14px; text-transform: uppercase; color: #000; line-height: 1;}
.team .bot .fr .tit{font-size: 2rem; line-height: 1.5; color: #B50909; font-weight: bold; margin: 6px 0 0;}
.team .bot .fr .p2{font-size: 1rem; line-height: 1.625; color: #545454; margin: 2.125rem 0;}
.team .bot .fr .p3{font-size: 1.125rem; line-height: 1; color: #B50909;}
.team .bot .form{margin: 2rem 0 0;}
.team .bot .form li{ min-height: 3.125rem; border-radius: 1.5625rem; margin-bottom: 1rem; border: 1px solid #E5E5E5; background: #F5F6FA; display: flex; align-items: center;}
.team .bot .form li:last-child{margin-bottom: 0;}
.team .bot .form .icon{margin: 0 0 0 1.75rem; display: flex; align-items: center;}
.team .bot .form .inpt{flex: 1; padding: 12px; font-size: 1rem; overflow: hidden; background: none;}
.team .bot .form .textarea{resize: none; border: none; height: 8.625rem;}
.team .bot .form .inpt_btn{color: #fff; font-size: 1.25rem; background: #B50909; border-color: #B50909; border-radius: 1.5625rem;}
@media (max-width:767px){
	.team .bot{margin: 30px 0 0; display: block; overflow: hidden;}
	.team .bot .fr{width: 100%; margin: 30px 0 0; padding: 0;}
	.team .bot .fr .p2{font-size: 14px;}
	.team .bot .form li,
	.team .bot .form .inpt_btn{border-radius: 5px;}
}

.case{background: #F8F9FB; padding: 5.375rem 0;}
.case .cont{margin: 3.5rem 0 0;}
.case .cont ul{overflow: hidden; margin: 0 -1.375rem;}
.case .cont li{float: left; width: 33.3%; padding: 0 1.375rem; margin-bottom: 1.25rem;}
.case .cont .item{display: block;}
.case .cont .picfocus{position: relative;  height: 18.25rem;}
.case .cont .picfocus img{width: 100%; height: 100%; object-fit: cover;}
.case .cont .box{position: absolute; top: calc(100% - 84px); left: 0; right: 0; padding: 0 1.25rem; height: 100%; transition: all 0.3s; background: rgba(0,0,0,0.57);}
.case .cont .box .tit{font-size: 1.25rem; line-height: 32px; height: 64px; margin: 10px 0; display: flex; align-items: center; color: #fff; transition: all 0.3s;    display: -webkit-box;  text-overflow: ellipsis; overflow: hidden;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.case .cont .box .more{font-size: 1rem; margin: 2.5rem 0 0; line-height: 1; padding-top: 42px; color: #fff; text-align: center; display: block; background: url(../images/icon_link.png) no-repeat top center;}
.case .cont .desc{ margin: 1.25rem 0 ; padding: 0 1.25rem; color: #999; font-size: 1rem; line-height: 1.6;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case .cont .item:hover .tit{font-weight: bold; text-align: center;}
.case .cont .item:hover .box{top: 0; display: flex; align-items: center; flex-flow: column; justify-content: center;}
@media (max-width:767px){
	.case{padding: 40px 0;}
	.case .cont ul{margin: 0 -8px;}
	.case .cont li{width: 50%; padding: 0 8px; margin-bottom: 16px;}
	.case .cont .box{ padding: 0 5px;top: calc(100% - 60px);}
	.case .cont .box .tit{line-height: 20px; font-size: 14px; height: auto;}
	.case .cont .item:hover .box{top: calc(100% - 60px);}
	.case .cont .picfocus{height: 12rem;}
	.case .cont .desc{display: none;}
}

.honor{padding: 6.625rem 0;}
.honor .cont{margin: 3.5rem 0 0; padding: 0 11.45%; position: relative;}
.honor .swiper-slide {width: 26.89%;}
.honor .swiper-button-next,
.honor .swiper-button-prev{width: 60px; height: 60px; background-color: #B50909; background-size: 13px 20px;}
.honor .swiper-button-next{right: 40px;}
.honor .swiper-button-prev{left: 40px;}
.honor .swiper-pagination{display: none;}
@media (max-width:767px){
	.honor{padding: 40px 0;}
	.honor .cont {margin: 30px 0 0; padding: 0 15px;}
	.honor .swiper-button-next,
	.honor .swiper-button-prev{display: none;}
	.honor .swiper-pagination{display: block;}
}

.knowledge{padding: 5.625rem 0; background: url(../images/knowledge_bg.png) repeat top left;}
.knowledge .cont{margin: 2.625rem 0 0; display: flex;}
.knowledge .pic_box{width: 48.42%;}
.knowledge .pic_box .item{display: block; height: calc(100% - 1.25rem); position: relative;}
.knowledge .pic_box .picfocus{height: 100%;}
.knowledge .pic_box .picfocus img{width: 100%; height: 100%; object-fit: cover;}
.knowledge .pic_box .item .tit{position: absolute; bottom: 0; left: 0; right: 0; padding: 1.25rem 1.5rem; font-size: 1.25rem; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #fff; background: rgba(0,0,0,0.5);}
.knowledge .lists{flex: 1; overflow: hidden; margin-left: 2.25rem;}
.knowledge .lists .item{display: flex; padding: 1.25rem 1.5rem;}
.knowledge .lists .picfocus{width: 184px; height: 114px;}
.knowledge .lists .info{flex: 1; margin: 0 0 0 22px; overflow: hidden;}
.knowledge .lists .date{font-size: 1rem; color: #717171; line-height: 1;}
.knowledge .lists .tit{position: relative; font-size: 1.25rem; line-height: 1; padding: 10px 0; border-bottom: 1px solid rgba(146, 146, 146, .16); color: #0E0E0E; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.knowledge .lists .tit::after{content: ''; position: absolute; bottom: 0; left: 0; width: 26px; height: 1px; background: #B50909;}
.knowledge .lists .desc{font-size: 14px; color: #B7B7B7; line-height: 24px; margin: 6px 0 0;}
.knowledge .lists .item:hover{background: #B10909;}
.knowledge .lists .item:hover .tit,
.knowledge .lists .item:hover .date,
.knowledge .lists .item:hover .desc{color: #fff;}
.knowledge .lists .item:hover .tit{border-color: rgba(255, 255, 255, .34);}
@media (max-width:767px){
	.knowledge{padding: 40px 0 30px;}
	.knowledge .cont{display: block;}
	.knowledge .pic_box{width: 100%;}
	.knowledge .lists{margin: 20px 0 0;}
	.knowledge .lists .item{padding: 0; margin-bottom: 15px;}
	.knowledge .lists .picfocus{width: 124px; height: auto;}
	.knowledge .lists .picfocus img{width: 100%;}
	.knowledge .lists .info{margin: 0 0 0 10px;}
	.knowledge .lists .tit{font-size: 14px; }
	.knowledge .pic_box .item .tit{font-size: 14px;}
	.knowledge .lists .desc{font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
}

.friendLinks{padding: 2.875rem 0;}
.friendLinks .tit{font-size: 1.25rem; color: #B50909; font-weight: bold; line-height: 1;}
.friendLinks .box{font-size: 1rem; color: #4B4B4B; line-height: 2.25; margin: 14px 0 0 ; overflow: hidden;}
.friendLinks .box a{float: left; margin-right: 3.125rem;}
@media (max-width:767px){
	.friendLinks .tit{font-size: 14px;}
	.friendLinks .box{font-size: 14px;}
	.friendLinks .box a{margin: 0 10px 0 0;}
}