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

.about_show{ margin: auto;  padding: 50px 0px 200px 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:20px;font-weight: bold; color: #007cc3;}
.about_title .ac{margin-top: 20px;  color: #007cc3;}
.about_title .ac h1{ font-weight: normal; font-size: 28px;}
.about_content{ margin-top: 50px;  line-height: 2rem;}
.about_content .ct{font-weight: bolder; height: 30px;}
.about_content .cl{color: #999;}
.about_content .cline{ height: 40px;}

.about_view{  margin-top: 200px; display: flex; border-bottom: #32b4e0 1px solid;}
.about_view ul{flex:1; height: 400px; 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(#54efee, #32b4e0); border-top-left-radius: 5px;border-top-right-radius: 5px;}

@media screen and (max-width: 750px) {
    .main{background:url(../images/index_about_bg.png);}
    .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; }
}