/*关于我们*/
html, body {position: relative;height: 100%;}
.abouts_banner{width: 100%;}
.abouts_banner img{display: block;width: 100%;}
.about_txt{width: 100%;padding: 130px 0 176px;}
.about_txt h3{font-size: 35px;font-family: SourceHanSansCN-Medium;font-weight: 500;color: #333333;line-height: 43px;margin-bottom: 60px;}
.about_txt p{font-size: 16px;font-family:SourceHanSansCN-Normal;font-weight: 400;color: #333333;line-height: 36px;letter-spacing: 1px;}
.abouts_activity{width: 100%;padding: 60px 0 150px;background:rgba(243, 245, 248, 1);}
.abouts_activity_top{font-size: 35px;font-family: SourceHanSansCN-Medium;font-weight: 500;color: #333333;line-height: 43px;text-align: center;margin-bottom: 80px;}
.abouts_activity .abouts_loop .swiper-slide strong{position: absolute;bottom: 40px;left: 5%;padding: 3px 12px;background: rgba(245, 247, 249, 1);font-size: 14px;font-weight: 400;color: #999999;}
.abouts_loop .swiper-slide img {display: block;width: 90%;height: 280px;object-fit: cover;margin: auto;}
.abouts_article{width: 100%;}
.abouts_article_ul{display: flex;justify-content: center;padding: 140px 0 84px;}
.abouts_article_ul li{width: 216px;height: 76px;border: 1px solid #D2D2D2;font-size: 24px;font-weight: 400;color: #333;line-height: 76px;text-align: center;cursor: pointer}
.abouts_article_ul li.abouts_article_ul_on{width: 216px;height: 76px;border: 1px solid rgba(0, 118, 254, 1);font-size: 24px;font-weight: 400;color: #fff;line-height: 76px;background: rgba(0, 118, 254, 1);}
.abouts_article_box{width: 100%;background: #F3F5F8;padding: 67px 0 95px;display: none}
.abouts_article_box_show{
display: block;
}
.abouts_article_box_flex{display: flex;justify-content: space-between;}
.abouts_article_box_con{
width: 252px;
box-shadow: 4px 3px 5px 0px rgba(7,7,7,0.06);
background: linear-gradient(top, rgba(7,7,7,0.04) 2%,rgba(7,7,7,0.03) 26%,rgba(7,7,7,0.01) 50%,#fff 100%);
background: -ms-linear-gradient(top, rgba(7,7,7,0.04) 2%,rgba(7,7,7,0.03) 26%,rgba(7,7,7,0.01) 50%,#fff 100%);
background: -webkit-linear-gradient(top, rgba(7,7,7,0.04) 2%,rgba(7,7,7,0.03) 26%,rgba(7,7,7,0.01) 50%,#fff 100%);
background: -moz-linear-gradient(top, rgba(7,7,7,0.04) 2%,rgba(7,7,7,0.03) 26%,rgba(7,7,7,0.01) 50%,#fff 100%);
border: 1px solid #fff;
}
.abouts_article_box_con:hover{
background: rgba(0, 118, 254, 1);
cursor: pointer;
}
.abouts_article_box_con a{
text-decoration: none;
}
.abouts_article_box_con:hover .abouts_article_box_con_top,
.abouts_article_box_con:hover .abouts_article_box_con_title,
.abouts_article_box_con:hover .abouts_article_box_con_number,
.abouts_article_box_con:hover .abouts_article_box_con_number i,
.abouts_article_box_con:hover .abouts_article_box_con_text,
.abouts_article_box_con:hover .abouts_article_box_con_bottom{
color: #fff;
}
.abouts_article_box_con:hover .abouts_article_box_con_bottom strong{
margin-left: 10px;
}
.abouts_article_box_con_top{width: 152px;height: 4px;background: #DDDDDD;margin:0 auto 35px;}
.abouts_article_box_con_title{text-align: center;width: 43px;font-size: 14px;font-family: SourceHanSansCN-Regular;font-weight: 400;color: #0076FE;border-bottom:1px solid #D2D2D2;padding-bottom:8px;margin:0 auto 15px;}
.abouts_article_box_con_number{text-align: center;font-size: 67px;font-family: SourceHanSansCN-Bold;font-weight: bold;color: #0076FE;margin-bottom: 24px;display: flex;justify-content: center;}
.abouts_article_box_con_number i{font-style: normal;font-size: 35px;font-weight: bold;color: #0076FE;margin-top: 30px;}
.abouts_article_box_con_text{width: 160px;height: 56px;margin:0 auto 33px;display: flex;justify-content: center;align-items: center;font-size: 16px;font-family: SourceHanSansCN-Regular;font-weight: bold;color: #333333;line-height: 20px;}
.abouts_article_box_con_icon{width: 160px;margin:0 auto 25px;}
.abouts_article_box_con_icon img{width: 160px;height: 112px;object-fit: cover;border-radius: 5px}
.abouts_article_box_con_bottom{font-size: 14px;font-family: SourceHanSansCN-Normal;font-weight: 400;color: #0076FE;line-height: 20px;padding-bottom: 30px;text-align: center;}
.abouts_article_box_con_bottom strong{
transition: all .3s ease-in;
}
.abouts_logo h3{font-size: 35px;font-family: SourceHanSansCN-Medium;font-weight: 500;color: #333333;line-height: 43px;text-align: center;padding: 127px 0}
.about_ass_box{
display: flex;
flex-wrap: wrap;
}
.abouts_ass{
width: 166px;
height: 64px;
border: 1px solid #DDDDDD;
border-radius: 3px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 13px 26px 13px;
}
.abouts_ass img{
max-width: 100%;
}
.abouts_contact{
margin-bottom: 50px;
}
.abouts_contact h3{
font-size: 35px;
font-family:SourceHanSansCN-Medium;
font-weight: 500;
color: #333333;
padding: 153px 0 137px;
text-align: center;
}
.abouts_contact_text{
margin-bottom: 61px;
}
.abouts_contact_text p{
font-size: 16px;
font-family: SourceHanSansCN-Normal;
font-weight: 400;
color: #333333;
line-height: 39px;
}
.tempWrap{
margin: auto;
}
.picList li{
width: 24%;
display: inline-block;
cursor: pointer;
position: relative;
}
.picList li img{
display: block;
width: 90%;
/*height: 280px;*/
margin: auto;
}
.picList li strong{
position: absolute;
margin-left: 5%;
bottom: 50px;
background: rgba(245, 247, 249, 1);
font-size: 14px;
font-family:SourceHanSansCN-Regular;
font-weight: 400;
color: #999999;
padding: 3px 15px;
}
.swiper-slide-text{
width: 90%;
margin: 0 5%;
height: 50px;
/*position: absolute;*/
font-size: 16px;
font-family:SourceHanSansCN-Normal;
font-weight: 400;
color: #333333;
bottom: 0;
display: flex;
align-items: center;
}
.abouts_article_video{
display: flex;
align-items: center;
}
.abouts_article_video p{
font-size: 18px;
color: #333333;
line-height:42px;
padding: 20px 0 10px;
font-family:SourceHanSansCN-Normal;
letter-spacing: 2px;
margin-right: 5%;
}
.clear{
clear: both;
}
.abouts_article_code{
display: flex;
/* justify-content: flex-end;
align-items: center;*/
}
.abouts_article_code span{
font-size: 16px;
color: #333333;
line-height:42px;
padding: 0;
letter-spacing: 2px;
margin-right: 3%;
}