@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{clear:both;margin:auto;padding:0; margin-top:20px;width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;display: flex;}
#main_center{flex:1; margin:0;padding:0;margin-top:0px;margin-left: 0px;height:auto;overflow:hidden;}

.center_title{margin:auto; margin-top:50px;width:95%; height:auto; overflow:hidden;}
.center_content{margin:auto; margin-top:30px;height:auto; overflow:hidden;}
.center_content h1{ font-size:15px;}
.center_content p{ line-height: 2rem;}
.center_content li{padding:10px 0px 10px 0px;}
.center_content li i{ margin-right:10px;}
.center_map{margin:auto;margin-top:50px; margin-bottom:50px;height:auto; overflow:hidden;}

.center_list{display: flex;justify-content: center;}
.center_list ul{flex:1;}
.center_list .lpic{ margin: auto; width: 100px; height: 100px; background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;  }
.center_list .lpic span{width: 100px; height: 100px; background: #0e488a;color: #FFF;font-size: 50px; border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
/* .center_list .lpic span:hover{background: #ededed;color: #000;} */
.center_list .ltitle{ margin-top: 10px;text-align: center;font-weight: bolder;}
.center_list .lcontent{text-align: center;color: 999;}

.center_feedback{margin:auto;padding:0; margin-top:50px; margin-bottom:50px;background: #f3f4f8;border-radius: 20px;width:95%;}
.center_feedback .fe_list{clear:both;margin-top:20px;display: flex; justify-content: center;align-items: center;flex-wrap:wrap; gap: 20px;}
.center_feedback .fe_list ul{flex:1;}
.center_feedback .fe_list #ft{font-weight:bolder;}
.center_feedback .fe_list #ft span{ color:#0e488a;}
.center_feedback .fe_list #fi{ margin-top:10px;width:100%;}
.center_feedback .fe_list #fi .i{ width:calc(100% - 10px); height:40px;border:#fff 1px solid;border-radius: 10px;}
.center_feedback .fe_list #fi .s{ width:calc(100% - 10px); height:43px;border:#fff 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:#0e488a;}
.center_feedback .fe_content #fi{margin-top:10px;}
.center_feedback .fe_content #fi .t{width:calc(100% - 10px); height:80px;border:#fff 1px solid;border-radius: 10px;}

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

#main_left{margin:0; margin-top:0px;padding:0; width: 300px; height:auto;overflow:hidden;order: -1; }
#left_title{line-height:40px;color:#000;font-weight:normal;text-transform: capitalize;font-size:20px;}
#left_title a{color:#000;text-transform: uppercase; }
#left_list{margin:auto; margin-top:30px;width:95%;}
#left_list .c{padding:15px;background: #fff; margin-bottom: 10px; border-radius: 10px;}
#left_list .c a{display:block; color:#000;}
#left_list .c span{float: right;font-size: 14px; margin-top: 5px;}
#left_list .c:hover{ background:#000; color: #fff;}
#left_list .c:hover a{color: #fff;}
#left_list .s{position:absolute;margin-left:198px;margin-top:-25px;width:789px;height:auto; overflow:hidden;z-index:99999999999999;background:#FFF;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s{ margin-left:20px;padding:10px;}
#left_list .c_s_s{position:absolute;margin-left:204px;margin-top:-20px;width:788px;height:auto; overflow:hidden;z-index:99999999999999;background:#f1f1f1;border:#f1f1f1 1px solid;display:none;}
#left_list .c_s_n{display:inline-block; margin-left:5px;height:25px;line-height:25px;width:145px; text-align: center; overflow:hidden;}
#left_list .c_s_n a{font-weight:normal;}
#left_list .c_s::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#fff; border: #ccc 1px solid; background-size: cover;}
#left_list .c_s a:hover{ color: #999;}
#left_list .c_s:hover::before{background:#000;border: #000 1px solid;}
#left_list .c_s_on{ margin-left:20px; padding:10px;}
#left_list .c_s_on::before{content:"";display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-top:0px; margin-right: 10px; vertical-align: middle;background:#ccc; border: #ccc 1px solid;}
#left_list .c_s_on a:hover{ color: #999;}
#left_list .c_s_on:hover::before{background:#000;border: #000 1px solid; }

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


.news_list{padding:50px 0px 50px 0px;  margin: auto;width:95%;height:auto; overflow:hidden; background: #fff;} 
.news_list .list{margin:20px 0px 20px 0px; padding: 20px; border-radius: 10px; background: #f3f4f8; border: #ededed 1px solid; height:auto; overflow:hidden;}
.news_list .nt{font-weight: bolder;display: flex;justify-content: left;align-items: center;}
.news_list .nt span{color: #000; margin-right: 20px;font-weight: normal;font-size: 20px;}

.center_contact_title{font-weight: bolder;font-size: 26px;}
.center_contact{margin: 30px 0px 30px 0px;display: flex;justify-content: center;align-items: center;}
.center_contact .co_left{flex:3;}
.center_contact .co_left ul{display: flex;justify-content: center;align-items: center; padding: 20px 0px 20px 0px;}
.center_contact .co_left ul li{flex:1;font-size: 16px;}
.center_contact .co_left ul li span{color: #666;}
.center_contact .co_left ul li a{color: #666;font-size: 16px;}
.center_contact .co_right{flex:1;margin-left: 50px;display: flex;justify-content: center;align-items: center;}
.center_contact .co_right li{flex:1;text-align: center;color: #0e488a;}
.center_contact .co_right li img{width: 80%;}

@media screen and (min-width: 1400px) {
/* #main{width: 80%;}
.center_title{width: 80%;}
.center_feedback{width: 80%;}
.news_list{width: 80%;} */
}

@media screen and (max-width: 700px) {
.tt{ font-size: 20px;}

#main{width:95%; margin-top:20px;display: block;}
#main_center{width:100%; margin-left: 0px;}
#center_title{ padding:0px 10px 0px 10px;}
#main_left{width:100%;display: none;}
#left_title{display:none;}
#left_list{ margin-top:30px; margin-bottom:20px;width:100%;width:100%;}
#left_list .c{ margin:5px 10px 5px 10px; padding:10px 15px 10px 0px; text-align:center; background:#f1f1f1; border-bottom:#FFF 1px solid;}
#left_list .c a{display:block; font-size:16px;}


.center_list .lpic{width: 50px; height:50px; }
.center_list .lpic span{width: 50px; height: 50px; font-size: 30px;}
.center_list .ltitle{display: none;}
.center_map{margin: 20px;}

.index_search{width:80%;}

.center_feedback .fe_list ul{flex:none;width: calc(50% - 10px);}
}