/*banner*/
.banner{color: #fff;width: 100%;padding-bottom: 51.06%;position: relative;}
.banner .swiper-container{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner .swiper-container .pic{height: 100%;}
.banner .swiper-container .pic img{width: 100%;height: 100%;object-fit: cover;}
.banner li{position: relative;}
.banner .text{position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 1; display: flex; align-items:  center; justify-content: center;}
.banner .p1{font-size: 3.25rem; }
.banner .p2{font-size: 1rem; text-transform: uppercase; margin: 2rem 0 6.5rem;}
.banner .btns{position: absolute; bottom: 25.12%; left: 0; right: 0; text-align: center; display: flex; justify-content: center;}
.banner .btns a{ border:5px solid rgba(159, 34, 38, 0.42); margin: 0 0.6875rem;}
.banner .btns span{ background: #9F2226; padding: 0 2.25rem;  font-size: 1rem; line-height: 3; color: #fff; display: flex; align-items: center;}
.banner .btns img{margin-right: 1.125rem;}
.banner .btns_gold{position: absolute; bottom: 25.12%; left: 0; right: 0; display: flex; justify-content: center;}
.banner .btns_gold a{ margin: 0 0.6875rem;}
.banner .btns_gold span{background: linear-gradient(177deg, #F8E192 0%, #DFA860 100%); padding: 0 3.5rem; font-weight: bold; font-size: 1.5rem; line-height: 2.5; color: #302219; display: flex; align-items: center;}
.banner .btns_gold img{margin-right: 0.75rem;}
.banner .swiper-pagination{height: 4px; bottom: 3.5rem;}
.banner .swiper-pagination-bullet{position: relative; opacity: 1;  width: 1.75rem; height: 4px; margin: 0 2px; background: #d3d3d3; border-radius: 0; transition: 0.5s all; vertical-align: top;}
.banner .swiper-pagination-bullet-active{ width: 5.125rem;  background: #9F2226;}

@media (max-width: 767px){
    .banner li .pic{position: relative; height: 200px; overflow: hidden;}
    .banner li .pic img{position: absolute; height: 100%; left: 50%; transform: translateX(-50%); max-width: none;}
	.banner .p1{ font-size: 2rem;}
	.banner .p2{font-size: 12px; margin: 2rem 0; line-height: 1.2;}
	.banner .btns_gold{bottom: 30px;}
	.banner .btns{bottom: 30px;}
	.banner .swiper-pagination{height: 8px; bottom: 15px;}
	.banner .swiper-pagination-bullet{width: 8px; height: 8px; border-radius: 50%;}
	.banner .swiper-pagination-bullet-active{width: 8px;}
}

/*news*/
.news{padding: 3.5rem 0 6rem; background: url(../images/news_bg.png) no-repeat top center; background-size: cover;}
.news .cont{margin: 3.25rem 0 0;}
.news .swiper-container{border-right: 1px solid #E3E3E3;}
.news .cont .item{  border: 1px solid #E3E3E3; line-height: 1; padding: 2.5rem 2.5rem 3rem; display: block; transition: all 0.3s;}
.news .cont .item .date span{color: #A22C24; font-size: 2rem; font-weight: bold;}
.news .cont .item .date em{font-size: 1.125rem; color: #868686; margin: 0 0 0 10px;}
.news .cont .item .tit{margin: 2.5rem 0 0; padding-bottom: 1.6875rem; font-size: 1.375rem; color: #000; border-bottom: 1px solid #E9E9E9; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .cont .item .info{position: relative; margin: 1.5rem 0 0;}
.news .cont .item .desc{font-size: 14px; color: #B1B1B1; line-height: 34px; margin: 0 0 1rem; transition: all 0.3s;text-overflow: -o-ellipsis-lastline;
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news .cont .item .more{ width: 3rem; height: 3rem; background-size: cover; display: inline-block; transition: all 0.3s;}
.news .cont .item .pic{opacity: 0; position: absolute; top: 50%; left: 50%; right: 50%; width: 0; height: 0;   transition: all 0.3s;}
.news .cont .item:hover{background: #A22C24; border-color: #A22C24;}
.news .cont .item:hover .date span,
.news .cont .item:hover .date em,
.news .cont .item:hover .tit{color: #fff;}
.news .cont .item:hover .desc,
.news .cont .item:hover .more{opacity: 0;}
.news .cont .item:hover .pic{opacity: 1; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: auto; display: flex; align-items: center; justify-content: center;overflow: hidden;}
.news .cont .swiper-button{margin: 3.5rem 0 0;}
@media (max-width: 767px){
	.news{padding: 3rem 0;}
	.news .cont .item{padding: 15px;}
	.news .cont .item .tit{font-size: 15px;}
	.news .cont .item .desc{line-height: 24px; font-size: 13px;}
}

/*about*/
.about{display: flex; padding: 0 0 0 13.54%; background: url(../images/about_bg.jpg) no-repeat top center ; background-size: cover;}
.about .cont{padding: 4.75rem 8.75rem 0 0; flex: 1; overflow: hidden;}
.about .desc{margin: 4rem 0 0; font-size: 1rem; line-height: 2.875; color: #5F5E5E;}
.about .desc span{font-size: 1.5rem; color: #A22C24; margin-right: 3px;}
.about .desc p{text-indent: 2em;}
.about .pic{width: 48.67%;}
@media (max-width: 1366px){
	.about .desc{margin: 1rem 0 0;}
}
@media (max-width: 767px){
	.about{padding: 0; display: block;}
	.about .cont{padding: 30px 15px;}
	.about .desc{font-size: 13px; line-height: 2;}
	.about .desc p{margin-bottom: 10px;}
	.about .desc p:last-child{margin-bottom: 0;}
	.about .pic{width: 100%;}
}

/*stander*/
.stander{padding: 3.875rem 0 7.25rem; background: #FAFAFA;}
.stander .desc{font-size: 1.125rem; color: #161616; line-height: 2;}
.stander .desc span{position: relative; font-size: 1.875rem; color: #A22C24; margin-right: 8px;}
.stander .desc span sup{position: absolute; right: -20px; top: -6px; background: #A22C24; width: 10px; height: 10px; margin: 0 0 0 10px; display: inline-block; }
.stander .cont{margin: 3.5rem 0 0;}
.stander .cont .item{border: 1px solid #D8D8D8; padding: 0 4rem;}
.stander .cont .item .pic{height: 8.75rem; display: flex; align-items: center; justify-content: center; border-bottom: 1px dashed #D8D8D8;}
.stander .cont .item .tit{font-size: 1.125rem; color: #141414; text-align: center; line-height: 1; margin: 3.125rem 0 3.5rem;}
@media (max-width: 767px){
	.stander{padding: 30px 0;}
	.stander .desc{font-size: 13px;}
	.stander .desc span sup{width: 6px; height: 6px;right: -10px;}
	.stander .cont{margin: 30px 0 0;}
	.stander .cont .item{padding: 0 15px;}
	.stander .cont .item .tit{font-size: 13px; margin: 15px 0; line-height: 1.5;}
}

/*advisor*/
.advisor{padding: 3.5rem 0 6.75rem;}
.advisor .cont{margin: 2.625rem 0 0;}
.advisor .cont ul{display: flex;}
.advisor .cont li{flex: 1; text-align: center; min-height: 26.5rem; padding-bottom: 3rem;}
.advisor .item{position: relative; display: block; padding: 5.5rem 1.875rem 5.875rem; overflow: hidden;}
.advisor .item::after{content: ''; position: absolute; right: 0; top: 0.75rem; bottom: 3.125rem; width: 1px; background: rgba(150, 158, 169, 0.21); }
.advisor .item .icon{position: relative; width: 100%; height: 4.0625rem; display: block; margin: 0 auto 1rem; overflow: hidden;}
.advisor .item .icon img{position: absolute;left: 50%;right: 0; height: 100%; transition:0.36s ease;transform: translateX(-50%);}
.advisor .item .icon .img{top: 0;}
.advisor .item .icon .img_hover{top: 100%;}

.advisor .item .tit{font-size: 1.375rem; color: #0E0E0E; margin: 1.875rem 0 0;}
.advisor .item .tit::after{content: ''; width: 24px; height: 1px; background: #9F2226; margin: 1.125rem auto 0; display: block;}
.advisor .item .desc{opacity: 0; transform: translateY(-150px); height: 0; font-size: 14px; line-height: 36px; color: #fff; transition: all 0.3s;}
.advisor .item .moreLink{font-size: 14px; color: #B5B5B5; text-transform: uppercase; margin: 2.75rem 0 1.25rem; display: flex; align-items: center; justify-content: center;}
.advisor .item .moreLink::after{content: ''; margin: 0 0 0 10px; width: 22px; height: 7px; background: url(../images/icon_arrow.png) no-repeat center left;}
.advisor .item .btns{margin: 2.875rem 0 0;}
.advisor .item .btn{ width: 110px; font-size: 1rem; line-height: 32px; display: block; color: #9F2226; margin: 0 auto 14px; border: 1px solid #9F2226;}
.advisor .item .btn:last-child{margin-bottom: 0;}
.advisor .item:hover{background: #9F2226; padding-bottom: 3rem;}
.advisor .item:hover .icon .img{top: -100%;}
.advisor .item:hover .icon .img_hover{top: 0;}
.advisor .item:hover .tit{color: #fff;}
.advisor .item:hover .tit::after{background: #fff;}
.advisor .item:hover .btn{border-color: #fff; color: #fff;}
.advisor .item:hover .desc{margin: 1rem 0 ; transform: translateY(0); opacity: 1; height: auto;}
.advisor .item:hover .moreLink{display: none;}
@media (max-width: 767px){
	.advisor{padding: 30px 0;}
	.advisor .cont ul{display: block; overflow: hidden;}
	.advisor .cont li{float: left; width: 50%; padding-bottom: 15px;}
	.advisor .item{padding: 20px 15px; height: 252px;}
	.advisor .item .tit{font-size: 15px;}
	.advisor .item .desc{font-size: 13px; line-height: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.advisor .item .btn{font-size: 13px;}
	.advisor .cont li:nth-child(even) .item::after{content: none;}
}

/*honor*/
.honor{padding: 3.5rem 0 6.625rem; background: url(../images/honor_bg.png) no-repeat top center; background-size: cover;}
.honor .cont{margin: 4.375rem 0 0;}
.honor .cont .pic{border: 1px solid #E7E7E7; padding: 1.375rem; height: 18.875rem; background: #fff; display: flex; align-items: center; justify-content: center;}
@media (max-width: 767px){
	.honor{padding: 30px 0;}
	.honor .cont{margin: 30px 0 0;}
}

/*team*/
.team{padding: 3.5rem 0 6.375rem;}
.team .cont{margin: 2.625rem 0 0;}
.team .cont li{float: left;}
.team .item{display: block; position: relative;}
.team .item .picfocus{position: relative;}
.team .item .info{opacity: 0; position: absolute; top: 0; left: 0; right: 0; padding: 2.375rem 2.5rem; line-height: 1; height: 100%; background: rgba(162, 44, 36, 0.79); color: #fff; transition: all .3s;}
.team .item .info .p1{font-size: 1.375rem;}
.team .item .info .p2::before{content: ''; width: 40px; height: 1px; margin: 1.25rem 0 1rem; background: rgba(255,255,255,0.24); display: block;}
.team .item .info .p2{font-size: 14px; margin: 1.111rem 0 0;}
.team .item .info .more{width: 2.5625rem; height: 2.5625rem; position: absolute; bottom: 2.625rem; right: 2.625rem; background: url(../images/icon_more.png) no-repeat top left; background-size: cover;}
.team .item:hover .info{opacity: 1;}
.team .swiper-button{margin: 3.25rem 0;}
@media (max-width: 767px){
	.team{padding: 30px 0;}
	.team .cont{margin: 30px 0 0;}
}

/*reputation*/
.reputation{padding: 3.75rem 0 7rem; background: url(../images/reputation_bg.png) no-repeat top center; background-size: cover;}
.reputation .cont{margin: 1.125rem 0 0;}
.reputation .tabs_item{}
.reputation .tabs_item li{border-bottom: 1px solid rgba(230, 0, 18, 0.08); margin-bottom: 1.375rem;}
.reputation .item { padding: 2.25rem 1.75rem 1.25rem; margin-bottom: 1.375rem;}
.reputation .item .user{display: flex; align-items: center;}
.reputation .item .user img{width: 62px; height: 62px; margin: 0 1.6875rem 0 0;}
.reputation .item .job{font-size: 1.125rem; line-height: 1;}
.reputation .item .p1{ color: #000;}
.reputation .item .p2{ color: #9F2226; margin: 1.125rem 0 0;}
.reputation .item .info{font-size: 14px; color: #6B6B6B; line-height: 2; margin: 1rem 0 0;}
.reputation .item:hover{background: #A22C24;}
.reputation .item:hover .p1,
.reputation .item:hover .p2,
.reputation .item:hover .info{color: #fff;}

.reputation .tabs_item_jg li,
.reputation .tabs_item_hz li{ margin: 0; border-bottom: 1px solid #CBCBCB; border-right: 1px solid #CBCBCB;}
.reputation .tabs_item_jg li[data-swiper-column="4"],
.reputation .tabs_item_hz li[data-swiper-column="4"]{border-right: none;}
.reputation .tabs_item_jg li[data-swiper-row="2"],
.reputation .tabs_item_hz li[data-swiper-row="2"]{border-bottom: none;}
.reputation .tabs_item_jg .item,
.reputation .tabs_item_hz .item{height: 10.625rem;margin: 0;  display: flex; align-items: center; justify-content: center;}
.reputation .tabs_item_jg .item:hover,
.reputation .tabs_item_hz .item:hover{background: none;}
@media (max-width: 767px){
	.reputation{padding: 30px 0;}
	.reputation .cont{margin: 30px 0 0;}
	.reputation .tabs_item li:nth-child(4n){margin-bottom: 0;}
	.reputation .item .info{font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.reputation .item .job{font-size: 15px;}
	.reputation .tabs_item_jg .item,
	.reputation .tabs_item_hz .item{padding: 10px 15px; height: 80px;}
}