@font-face {
  font-family: 'sys';
  src: url(SourceHanSerifCN-Regular.ttf);
}

.p_text_indent_2{text-indent:2em}
.about #l-container .inner{padding:0;width:auto;}
.about .col_menu{display:none}
.about .col_menu_con,.about .about_con {width:1400px;;margin:0 auto}
.about .about_con{max-width:2000px}
.about .col_news{float:none;padding-bottom:95px}
.about .col_news .col_news_box,.about .col_news_con,.about .col_news_list{margin:0 !important;padding:0}
.about .wp-wrapper{position:relative;}
.about .wp-wrapper .col_menu_head{position:absolute;bottom:60px;left:50%;margin-left:-700px;color:#fff;font-size:38px;font-weight:bold;text-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);}
.about .wp-wrapper .col_menu_head span{font-family:"sys" !important}
.about .col_menu_con{margin-bottom:60px}
.about #l-container .mod>.col_menu_con .wp_listcolumn{display:flex;border-bottom:1px solid #E2E2E2}
.about #l-container .mod>.col_menu_con .wp_listcolumn li{box-sizing:border-box;padding:19px 0  ;position:relative;width:auto}
.about #l-container .mod>.col_menu_con .wp_listcolumn li.selected:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:5px;background:#B9A966;}
.about #l-container .mod>.col_menu_con .wp_listcolumn li+li{margin-left:55px;}
.about #l-container .mod>.col_menu_con .wp_listcolumn .wp_column a{border:0;background:none;color:#000;font-size:18px}
.about #l-container .mod>.col_menu_con .wp_listcolumn .wp_column a.selected{background:url(arrow.svg) left center no-repeat;padding:0 10px 0 23px;}
.about .about_con .imgs img{width:100%}
.about .about_con .about_info{font-size:19px;}
.about .about_con .about_info p{line-height:2.01}
.about .about_con .news.flexdiv{display:flex;justify-content: space-between;align-items:center}
.about .about_con.ac1{margin-bottom:70px} 
.about .about_con.ac1 .about_info {width:52.5%;background:#B9A966;border-radius:5px 0 0 5px;padding:50px 30px 30px 40px;box-sizing:border-box;color:#fff;}
.about .about_con.ac1 .about_info>img{display:block;margin-left:auto}
.about .about_con.ac1 .imgs{width:47.5%;}
.about .about_con.ac2{margin-bottom:70px}
.about .about_con.ac3{margin-bottom:110px}
.about .about_con.ac3 .about_info{width:43.6%}
.about .about_con.ac3 .imgs{width:52.5%}
.about .about_con.ac4{width:100%;background:url(about_bg1.png) no-repeat top center;margin-bottom:100px}
.about .about_con.ac4 .cl1{width:1460px;margin:0 auto 90px;display:flex;justify-content: space-between;flex-wrap:wrap;align-items:center}
.about .about_con.ac4 .cl1 .news{width:13.8%;box-sizing:border-box;position:relative;aspect-ratio:1/1;background:rgba(185,169,102,0.14);border-radius:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.about .about_con.ac4 .cl1 .news:before{content:"";inset:-11px;border-radius:50%;border:1px dashed rgba(204,173,43,0.41);position:absolute}
.about .about_con.ac4 .cl1 .news .title{color:#B9A966;font-size:60px;font-family:"DIN";line-height:1.1}
.about .about_con.ac4 .cl1 .news .short_title{font-size:16px;margin-top:10px;width:80%;text-align:center;line-height:1.5}
.about .about_con.ac4 .cl1 .news:nth-child(even){margin-top:65px}
.about .about_con.ac4 .cl2 .imgs{width:56.1%;}
.about .about_con.ac4 .cl2 .about_info{width:43.9%;background:#B9A966;box-sizing:border-box;padding:124px calc(50vw - 700px) 110px 58px;color:#fff}
.about .about_con.ac5{margin-bottom:100px;}
.about .about_con.ac6{position:relative;z-index:1;width:auto;padding:50px 0;margin-bottom:115px}
.about .about_con.ac6 .con_list{width:1400px;margin:0 auto}
.about .about_con.ac6 .about_info{color:#fff}
.about .about_con.ac6:before{content:"";position:absolute;background:#B9A966;width:94.1%;height:100%;left:0;top:0;z-index:-1}
.about .about_con.ac7{margin-bottom:120px}
.about .about_con.ac7 .news.flexdiv{align-items:unset}
.about .about_con.ac7 .imgs{width:52.1%}
.about .about_con.ac7 .about_info{width:43.3%}
.about .about_con.ac8{margin-bottom:90px}
.about .about_con.ac10{box-shadow:0px 3px 16px rgba(0,0,0,0.16);position:relative;z-index:1;padding:45px 59px 50px;box-sizing:border-box;overflow:hidden}
.about .about_con.ac10:before{content:"";position:absolute;top:100%;transform:translateY(-50%);left:48%;z-index:-1;width:360px;height:360px;background:url(icon.png) center no-repeat;}
.about .about_con.ac10 .con_list {display:flex;justify-content: space-between;}
.about .about_con.ac10 .con_list li{flex:1;}
.about .about_con.ac10 .title{font-weight:bold;color:#252525;font-size:21px;margin-bottom:20px}
.about .about_con.ac10 .about_info p{color:#737373}
.about .update{margin-top:60px;text-align:right;color:#252525;font-size:19px;}


@media screen and (max-width: 1400px) {
.about .wp-wrapper .col_menu_head{margin-left:8px;left:2%}
.about .about_con.ac4 .cl2 .about_info{padding-right:calc(700px - 50vw)}
}
@media screen and (max-width: 999px) {
.about .about_con{padding:0 10px;box-sizing:border-box}
.about .col_menu_con, .about .about_con,.about .about_con.ac6 .con_list{width:auto;}
.about #l-container .inner{zoom:1 !important}
.about .about_con .news.flexdiv{display:block;}
.about .about_con .news.flexdiv .about_info,.about .about_con .news.flexdiv .imgs{width:100%;box-sizing:border-box}
.about .about_con .about_info{font-size:16px;padding-top:10px}
.about .about_con{margin-bottom:30px !important}
.about .about_con.ac9{margin:0 !important}
.about .about_con.ac1 .news.flexdiv{display:flex;    flex-direction: column-reverse;}
.about .about_con.ac4 .cl1{width:100%;margin-bottom:30px}
.about .about_con.ac4 .cl1 .news{margin-top:0 !important;width:27%;margin-bottom:30px}
.about .about_con.ac4{background:none}
.about .about_con.ac4 .cl2 .about_info{padding:30px}
.about .about_con.ac6:before{width:100%}
.about .about_con.ac6{padding:30px}
.about .about_con.ac10{padding:30px}
.about .about_con.ac10 .con_list{display:block}
.about .about_con.ac10 .con_list .news{margin-bottom:25px}
.about .about_con.ac10 .title{margin-bottom:10px}
}

@media screen and (max-width: 768px) {
.about .col_menu{display:block}
.about .col_news{margin-top:30px}
.about .mod>.col_menu_con,.about .wp-wrapper .col_menu_head{display:none !important}
.about .about_con.ac4 .cl1 .news{width:45%}
.about .about_con.ac4 .cl1{   box-sizing: border-box; padding: 0 15px;}
}

