@charset "utf-8";
/* CSS Document */
.center_title{margin:auto; margin-top:30px;width:90%; height:auto; overflow:hidden;}
.index_about_box{ padding-bottom: 200px; background: url(../images/index_fazhan_bg.png) no-repeat #fff center bottom;height:auto; overflow:hidden;}
.about_show{ margin: auto; margin-top: 100px; max-width: 1200px;   display: flex; justify-content: center; align-items: center;}
.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: 18px;}
.about_content{ margin-top: 50px; color: #999; line-height: 2rem;}

.about_list{margin-top: 50px; }
.about_list .lt{display:block; margin: 10px 0px 10px 0px; padding: 10px;  width: 300px; background: #fff; border-radius: 10px; text-align: center;border: #007cc3 1px solid; cursor: pointer; color: #000;}
.about_list .lt a{display: block; width: 100%;}
.about_list .lt:hover{ background: #ff8800;border: #ff8800 1px solid;}
.about_list .lt:hover a{color: #fff;}

.about_pic_ttile{font-weight: bold; text-align: center; display: flex;}
.about_pic_ttile span{flex:1;}
.about_pic{display: flex;flex-wrap: wrap; margin-top: 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: 580px;}

.index_about_boxs{  background: url(../images/index_about_bg.png) repeat #fff center center;height:auto; overflow:hidden;}
.about_titles{margin:50px auto 50px auto; padding: 10px 0px 10px 0px;  background: #007cc3; color: #fff; text-align: center; }
.about_shows{ margin:50px auto 50px auto;  max-width: 1200px;   display: flex; justify-content: center; align-items: center;}
.about_shows .abs_left{ flex:1;}
.about_shows .abs_right{ flex:1;}
.abs_title{font-size:20px;font-weight: bold; color: #007cc3;}
.abs_title span{display: inline-block; width: 20px; height: 20px; background:#007cc3; color: #fff; font-size: 16px; border-radius: 50%; text-align: center;line-height: 20px;}
.abs_content{margin-top: 50px;line-height: 2rem;}
.abs_content span{color: #007cc3;font-weight: bolder;}
.abs_pic{display: flex;flex-wrap: wrap; margin-top: 20px;}
.abs_pic li{flex:1; margin: 50px;padding: 5px;  background: #fff; border-radius: 10px; text-align: center;border: #ededed 1px solid;}
.abs_pic li img{ max-width: 580px;}

@media screen and (max-width: 750px) {
.index_about_box{padding-bottom: 20px;  background:none;height:auto;}
.about_show{ padding: 10px;margin-top: 0px; margin-bottom: 50px;  display: block;}
.about_show .ab_left{ flex:auto; width: 100%; }
.about_show .ab_right{ flex:auto; width: 100%;}
.about_pic li img{max-width: 100%; width: 100%;}
.about_list .lt{width: auto;padding: 20px;  }

.about_shows{ margin: auto; flex-direction: column; border-bottom:#ededed 10px solid;}
.about_shows .abs_left{  }
.about_shows .abs_right{order:-1;}
.abs_title{ margin-left: 20px;}
.abs_content{margin: 30px;line-height: 2rem;}
.abs_pic li{ margin: 20px 50px 20px 50px;}
.abs_pic li img{max-width: 100%; width: 100%;}

}