@charset "utf-8";
/* CSS Document */
.index_title{margin:auto; margin-top:50px;width:95%; height:auto; overflow:hidden;}
.tt{padding:10px;font-size:28px;position: relative;text-align: center; font-weight: bold;}
.tt span{color:#000;}
.tl{ margin:auto; width:100px;height:1px;background: #ededed;}
.tc{ margin-top: 15px; text-align: center; color: #666;}

.main{ margin: auto; height:auto; overflow:hidden;}
.center_title{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden;}

.index_titles{margin:auto;margin-top:50px; padding-bottom: 20px; font-size:16px;font-weight: bolder;border-bottom: #ccc 1px solid;width:95%;}
.index_list{margin:auto; margin-top: 20px; display: flex;justify-content: center;align-items:stretch;flex-wrap: wrap;width:95%;}
.index_list .li{ margin: 10px; width: calc(12.5% - 20px);text-align:center;cursor: pointer;}
.index_list .lis{width: calc(30% - 100px); margin: 50px;}
.index_list .lim{position: relative;}
.index_list .lim img{width:100%;}
.index_list .lim span{position:absolute;margin-left:calc(-50% - 17px); margin-top:calc(50% - 17px); font-size: 30px;font-weight: bolder; background:rgba(113, 191, 69, 0.5); color: #000; border: #000 2px solid; border-radius: 50%;}
.index_list .lin{margin-top: 10px;font-weight: bolder;font-size: 20px;}


.main_bg{background:#f3f4f8; background-size: cover; height:auto; overflow:hidden;}

.center_feedback{margin:auto;padding:0; margin-top:50px; margin-bottom:50px;width:95%;}
.center_feedback .fe_list{clear:both;margin-top:20px;display: flex; justify-content: center;align-items: center;}
.center_feedback .fe_list ul{display:block;float:left;height:auto;overflow:hidden; flex:1;}
.center_feedback .fe_list #ft{font-weight:bolder;}
.center_feedback .fe_list #ft span{ color:#71bf45;}
.center_feedback .fe_list #fi{ margin-top:10px;width:100%;}
.center_feedback .fe_list #fi .i{ width:calc(100% - 10px); height:50px;border:#ccc 1px solid;border-radius: 10px;}
.center_feedback .fe_list #fi .s{ width:calc(100% - 10px); height:53px;border:#ccc 1px solid;border-radius: 10px;}
.center_feedback .fe_list #fe_line{display:block;float:left;width:20px; height:25px;}

.center_feedback .fe_content{ clear:both;margin-top:50px;height:auto; overflow:hidden;}
.center_feedback .fe_content #ft{font-weight:bolder;}
.center_feedback .fe_content #ft span{ color:#71bf45;}
.center_feedback .fe_content #fi{margin-top:10px;}
.center_feedback .fe_content #fi .t{width:calc(100% - 10px); height:80px;border:#ccc 1px solid;border-radius: 10px;}

.center_feedback .fe_button{ margin-top:30px;text-align:center;}
.center_feedback .fe_button .b{padding:5px 15px 5px 15px;border:none; width:150px;height:45px;cursor:pointer; background:#71bf45; border: #71bf45 1px solid; text-align:center; color:#fff; padding: 8px 15px 8px 15px; border-radius:5px;font-weight: bold;}

@media screen and (min-width: 1400px) {
.center_title{width: 80%;}
.index_titles{width: 80%;}
.index_list{width: 80%;}
.center_feedback{width: 80%;}
}

@media screen and (max-width: 750px) {
.tt{ font-size: 20px;}
.index_list .li{ width: calc(33.3% - 20px);}
.index_list .lis{width: calc(50% - 20px);margin: 10px;}
}