#about{margin:0 auto;width:100%;max-width:1600px; overflow:hidden;}
#about .company_info{margin:60px auto 0;width:100%}
#about .company_info .title{margin-bottom:5px;font-size:18px;color:#444}
#about .company_info p{font-size:14px;color:#666;line-height:24px}
#about .company_concept{margin:120px auto 0;width:100%}
#about .company_concept .item{position:relative;padding:0}
#about .company_concept .item img{width:100%}
#about .company_concept .item .label{position:absolute;right:20px;top:-20px;padding:18px 12px 14px;width:66px;height:66px;background-color:#2281ec;font-weight:400}
#about .company_concept .item .label i{display:inline-block;padding-bottom:10px;font-size:18px;color:#fff;border-bottom:1px solid #fff}
#about .news_top{display:flex;margin:120px auto 45px;width:100%;height:165px}
#about .news_top .news_info{flex:1;margin-left:36px;overflow:hidden}
#about .news_top .news_info h3{margin:20px 0 25px;width:575px;font-size:18px;color:#444;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#about .news_top .news_info p{max-width:660px}
#about .news_top .news_view{padding-left:100px;padding-top:60px;width:400px}
#about .news_top .news_view span{font-size:12px;color:#777}
#about .news_top .news_view i{display:inline-block;width:50px}
#about .news_top .news_view a{display:block;margin-top:20px;width:145px;height:33px;line-height:33px;background-color:#4d9df6;color:#fff;font-size:14px;border-radius:30px;text-align:center}
#about .news_wrap{height:433px;background-color:#f9f9f9}
#about .news_wrap .show_more{display:none;margin:20px auto;width:100px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#444;border-radius:30px;background-color:#eaeaea}
#about .swiper-container{width:100%;height:auto;margin-left:auto;margin-right:auto}
#about .swiper-slide{background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
#about .news_item_silde{position:relative;margin:0 auto;width:100%;padding-bottom:100px}
#about .news_item_silde .control{position:absolute;bottom:35px;width:40px;height:40px}
#about .news_item_silde .control.prev_btn{left:0;background:url(../imgs/about/prev_ico.png) center center no-repeat;background-size:38px 10px}
#about .news_item_silde .control.next_btn{right:0;background:url(../imgs/about/next_ico.png) center center no-repeat;background-size:38px 10px}
#about .news_item_silde .indicators{position:absolute;left:50%;bottom:40px;margin-left:-250px;width:500px;text-align:center}
#about .news_item_silde .indicators span{display:inline-block;margin:0 5px;height:4px;width:50px;background-color:#dedede;border-radius:0;opacity:1}
#about .news_item_silde .indicators span.swiper-pagination-bullet-active{background-color:#2281ec}
#about .news_item_content2{display:none}
#about .news_item_content,#about .news_item_content2{width:100%;padding-top:45px;height:100%;overflow:hidden}
#about .news_item_content a,#about .news_item_content2 a{color: #333;}
#about .news_item_content .news_item,#about .news_item_content2 .news_item{position:relative;display:flex;padding:15px;height:120px;background-color:#fff}
#about .news_item_content .news_item img,#about .news_item_content2 .news_item img{width:130px;height:90px}
#about .news_item_content .news_item .news_item_info,#about .news_item_content2 .news_item .news_item_info{flex:1;margin-left:30px}
#about .news_item_content .news_item .news_item_info p,#about .news_item_content2 .news_item .news_item_info p{height:40px;overflow:hidden}
#about .news_item_content .news_item .news_item_views,#about .news_item_content2 .news_item .news_item_views{margin-top:37px;font-size:12px;color:#999;overflow:hidden}
#about .news_item_content .news_item .news_item_views time,#about .news_item_content2 .news_item .news_item_views time{float:left}
#about .news_item_content .news_item .news_item_views em,#about .news_item_content2 .news_item .news_item_views em{float:right}
#about .team{display:flex;width:100%;margin:150px auto}
#about .team .preview{position:relative;width:280px}
#about .team .preview .arrow{position:absolute;width:40px;height:40px;right:0}
#about .team .preview .arrow-left{top:0;background:url(../imgs/about/prev_ico2.png) top center no-repeat;background-size:10px 38px}
#about .team .preview .arrow-right{bottom:0;background:url(../imgs/about/next_ico2.png) bottom center no-repeat;background-size:10px 38px}
#about .team .wap_view{display:none}
#about .team .wap_view .person_info{display:block}
#about .team .wap_view .person_info .person_img:after,#about .team .wap_view .person_info .person_intro h3:before{display:none}
#about .team .wap_view .person_info .person_img{width:100%;height:100%}
#about .team .wap_view .person_info .person_intro{margin-top:5px;padding-left:0}
#about .team .wap_view .person_info .person_intro h3{padding-left:0;font-size:18px}
#about .team .person_box{width:228px;height:280px}
#about .team .person_item{padding:0 14px 0 20px;width:100%;height:25%;line-height:70px;background-color:#fafafa;border-bottom:1px solid #fff;color:#b7b7b7}
#about .team .person_item.swiper-slide-active{background-color:#2281ec;color:#fff}
#about .team .person_item.swiper-slide-active span{color:#fff;border-color:#fff}
#about .team .person_item span{padding:0 14px;color:#444;margin-right:10px;border-right:1px solid #5a5a5a;display:inline-block;width:85px;height:20px;text-align:right;vertical-align:middle;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#about .team .person_item img{width:50px;height:50px;border-radius:50px;vertical-align:middle}
#about .team .view{flex:1;padding-top:40px;margin-top:-40px;margin-left:100px;overflow:hidden}
#about .team .person_info{display:flex;height:100%}
#about .team .person_info .person_img{position:relative;width:278px;height:278px}
#about .team .person_info .person_img img{position:relative;width:100%;height:100%;z-index:2}
#about .team .person_info .person_img:after{content:'';position:absolute;top:-34px;right:-56px;width:232px;height:232px;border:10px solid #2281ec}
#about .team .person_info .person_intro{flex:1;padding:0 225px 0 160px}
#about .team .person_info .person_intro h3{position:relative;padding-left:45px;font-size:24px;color:#3c3c3c}
#about .team .person_info .person_intro h3 span{margin-left:15px;font-size:14px}
#about .team .person_info .person_intro h3:before{content:'';position:absolute;left:0;width:22px;height:22px;background:url(../imgs/about/title_ico.png) center center no-repeat;background-size:cover}
#about .team .person_info .person_intro p{margin-top:30px;line-height:26px;font-size:14px;color:#777}
#about .team .person_info .person_intro a{display:inline-block;margin-top:40px;color:#2281ec;font-size:14px;text-decoration:underline}
@media screen and (max-width:1599px) and (min-width:1366px){#about{min-width:1200px}
#about .company_concept,#about .company_info,#about .news_top{width:1200px}
#about .news_top .news_info h3{width:100%}
#about .news_item_silde{width:1200px}
#about .news_item_silde .indicators span{width:40px}
#about .news_item_content .news_item img{width:110px;height:76px}
#about .news_item_content .news_item .news_item_info{margin-left:20px}
#about .team{margin-top:130px;width:1200px}
#about .team .person_info .person_img{width:220px;height:220px}
#about .team .person_info .person_img:after{top:-25px;right:-25px;width:200px;height:200px}
#about .team .person_info .person_intro{padding:0 0 0 70px}
#about .team .person_info .person_intro h3{font-size:22px}
#about .team .person_info .person_intro p{margin-top:10px}
#about .team .person_info .person_intro a{margin-top:20px}
}
@media screen and (max-width:1365px){#about{min-width:1200px}
#about .company_concept,#about .company_info,#about .news_top{width:1200px}
#about .news_top .news_info h3{width:100%}
#about .news_item_silde{width:1200px}
#about .news_item_silde .indicators span{width:40px}
#about .news_item_content .news_item img{width:110px;height:76px}
#about .news_item_content .news_item .news_item_info{margin-left:20px}
#about .team{margin-top:130px;width:1200px}
#about .team .person_info .person_img{width:220px;height:220px}
#about .team .person_info .person_img:after{top:-25px;right:-25px;width:200px;height:200px}
#about .team .person_info .person_intro{padding:0 0 0 70px}
#about .team .person_info .person_intro h3{font-size:22px}
#about .team .person_info .person_intro p{margin-top:10px}
#about .team .person_info .person_intro a{margin-top:20px}
}
@media screen and (max-width:768px){
#about .company_concept,#about .company_info{padding:0 12px;width:100%}
#about .company_info .imgAuto {width:calc(100% - 10px);}
#about{min-width:100%}
#about .company_concept{margin-top:60px}
#about .news_top{display:flex;position:relative;margin:60px auto 20px;padding:0 12px 30px;width:100%;height:auto}
#about .news_top img{width:150px;height:80px}
#about .news_top .news_info{margin-left:8px}
#about .news_top .news_info h3{margin:0 0 10px;width:100%;font-size:15px}
#about .news_top .news_info p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#about .news_top .news_view{position:absolute;bottom:0;left:0;width:100%;padding:0 12px}
#about .news_top .news_view a{float:right;margin-top:0;height:25px;width:80px;line-height:25px;font-size:12px}
#about .news_top .news_view span{vertical-align:middle}
#about .news_item_silde{width:100%;display:none}
#about .news_wrap .show_more,#about .team{display:block}
#about .news_item_silde .indicators span{width:40px}
#about .news_wrap{height:auto;background-color:#fff}
#about .news_item_content2{display:block;padding:25px 12px 20px;background-color:#f9f9f9}
#about .news_item_content2 .news_item{height:auto;margin-top:8px}
#about .news_item_content2 .news_item img{width:60px;height:42px}
#about .news_item_content2 .news_item .news_item_info{margin-left:10px;overflow:hidden}
#about .news_item_content2 .news_item .news_item_info p{height:auto;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#about .news_item_content2 .news_item .news_item_views{margin-top:10px}
#about .team{width:100%;margin:50px auto;padding:0 12px}
#about .team .preview,#about .team .view{display:none}
#about .team .wap_view{display:block}
}