@charset "utf-8";
/* CSS Document */
/* .main{background:url(../images/index_fazhan_bg.png) no-repeat center bottom; background-size: cover; height:auto; overflow:hidden;} */
.main{ height:auto; overflow:hidden;}
.center_title{margin:auto; margin-top:30px;width:90%; height:auto; overflow:hidden;}

.about_show{ margin: auto;  padding: 50px 0px 50px 0px; max-width: 1200px;   display: flex;}
.about_show .ab_left{ flex:1; }
.about_show .ab_right{ flex:1;}
.about_title{}
.about_title .at{font-size:28px;font-weight: bold; color: #000;}
.about_title .al{ margin-top: 20px; width:100px;height:1px;background: #ededed;}
.about_title .ac{margin-top: 20px;  color: #666;}
.about_title .ac h1{ font-weight: normal; font-size: 28px;}
.about_content{ margin-top: 20px; margin-bottom: 50px; line-height: 2rem;}
.about_content .ct{font-weight: bolder; height: 30px;}
.about_content .cl{color: #333;}
.about_content .cline{ height: 40px;}

.about_view{  margin-top: 50px; display: flex; border-bottom: #ff8800 1px solid;}
.about_view ul{flex:1; height: 300px; display: flex;flex-direction:column; justify-content:flex-end; align-items: center;}
.about_view .vt{ height: auto;font-size: 11px; color: #999; margin-bottom: 5px;}
.about_view .vl{  width: 20px; background: linear-gradient(#e9cdac, #ff8800); border-top-left-radius: 5px;border-top-right-radius: 5px;}

.about_pic{ margin-left: 20px;}
.about_pic li{flex:1; margin: 10px;padding: 5px;  background: #fff; border-radius: 10px; text-align: center;border: #ededed 1px solid;}
.about_pic li img{max-width: 100%;}

@media screen and (max-width: 750px) {
    .main{background:none;}
    .about_content .cl{color: #666;}

    .about_show{padding: 20px; display: block;}
    .about_view{  margin-top: 10px;}
    .about_view ul{ height: 200px;}
    .about_view .vt{font-size: 9px;}
    .about_view .vl{width: 10px; }

    .about_pic{ margin-left: 0px;}
}