@charset "utf-8";
/* CSS Document */
.page{clear:both;width:100%; margin-top:30px;margin-bottom:50px;text-align:center;}
.page span{display:inline-block;width:auto;margin-right:5px;padding:5px 10px 5px 10px; background:#f6f6f6; border:#e3e3e3 1px solid;}
.page span:hover{background:#e61878; color: #fff;}
.page span:hover a{color: #fff;}
.page strong{color:#e61878;}

.main_bg{background:url(../images/index_about_bg.png) no-repeat; background-size: cover; height:auto; overflow:hidden;}

.center_title{margin:auto; margin-top:30px;width:90%; height:auto; overflow:hidden;}
.case_list{margin:auto; margin-top:30px;margin-bottom:50px;width:90%; height:auto; overflow:hidden;}
.case_list ul{display:block;float:left; margin:1%; width:22%;padding:0.5%;box-shadow:0 0 20px #fff;background: #fff;height:auto;overflow:hidden;border-radius: 10px;}
.case_list ul:hover{box-shadow:0 0 20px #ccc; border-radius: 10px;}
.case_list .p{height: 500px; width: 100%; overflow: hidden;}
.case_list .p img{ height: 100%;}
.case_list .n{position: absolute; font-size: 18px;text-align: center; margin-top: -300px; width: calc(20% - 25px); color: #fff;background: rgba(0, 0, 0, 0.2); padding: 10px;}


.index_pic{margin:auto;margin-top:50px;width:1200px; height:auto; overflow:hidden;}
/*.index_pic img{ border-radius: 10px;} */
.index_pic li{ width: 100%; height: 0; padding-bottom: 66.67%; background-size: contain; background-repeat: no-repeat; background-position: center;}
.index_content{margin:auto;margin-top:50px;margin-bottom:50px;width:1200px;line-height:25px;height:auto;overflow:hidden;}

.index_case{margin:auto; margin-top: 30px;width:95%; height:auto;overflow:hidden;}
.case_show{display: flex;flex-wrap: wrap;}
.case_show li{flex:1; margin: 30px;padding: 30px;  background: #fff; border-radius: 10px; text-align: center;border: #ededed 1px solid;}


.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;}
.about_show .ab_left{ flex:1; }
.about_show .ab_right{ flex:1; margin-left: 100px;}
.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;  line-height: 2rem;}

.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{width: 100%;}

.index_about_boxs{ padding-bottom: 200px; background: url(../images/index_about_bgs.png) no-repeat #fff center bottom;height:auto; overflow:hidden;}
.case_list{ margin-top: 100px; text-align: center;max-width: 1200px;}
.case_list .lt{ display:block; margin: 20px; padding: 20px;  width: 300px; background: #fff; border-radius: 10px; text-align: center;border: #007cc3 1px solid;}
.case_list .lt a{font-size:20px;color: #007cc3;}

@media screen and (max-width: 750px) {
    .index_about_box{padding-bottom: 20px;  background: url(../images/index_about_bg.png) #f6f6f6 center bottom;height:auto;}
    .about_show{ padding: 10px;margin-top: 50px; margin-bottom: 50px;  display: block;}
    .about_show .ab_left{ flex:auto; width: 100%; }
    .about_show .ab_right{ flex:auto; margin-left: 0px;width: 100%;}

    .about_content{ margin-top: 50px; color: #666; line-height: 2rem;}

    .index_about_boxs{ padding-bottom: 100px; background: url(../images/index_about_bgs.png) no-repeat #fff center bottom;height:auto; overflow:hidden;}
    .case_list .lt{width: auto;padding: 20px;  }
    .case_list .lt a{font-size:14px;color: #007cc3;}
}