@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
.sub_head {text-align:right; width:100%; margin-top:-150px;}
span { font-size:0.9rem; color:#999; }
span a {color:#999; text-decoration:none;}
span a:hover {color:#222; text-decoration:none;}
span b {color:#222;}
#container_title {display:none;}
.main_lists_date {display:none;}
.main_s_box {width:100%; text-align:center; padding:200px 0; margin:20px 0 200px;}
.lob {color:white; font-size:3rem; font-family: 'Lobster', cursive; margin:30px 0;}
.lobc {color:#00197B; font-size:3rem; font-family: 'Lobster', cursive; float:left; padding-top:25px; padding-right: 10px;}
.text_box1 {width:540px; margin:0 auto;}
.b_sub_text {color:#999; font-size:1.4rem;}
.bk_sub_text {color:#222; font-size:2rem;}  
.w_sub_text {color:white; font-size:1.4rem;} 
.fl {float:left; text-align:left;}
.sub_box_3 {width:100%; overflow:hidden;}     
.sub_box_3 li {width:30%; overflow:hidden; float:left; margin-right:5%; text-align:center;}  
.sub_box_3 li:nth-child(3) {width:30%; overflow:hidden; float:left; margin-right:0%; text-align:center;}
.bo {display:block;}
.bo_m {display:block; font-size:1.4rem; font-weight:bolder; color:#222; margin:15px 0;}
.bo_text {display:block; font-size:1rem; color:#999;}
.cate_div ul li #bo_cate_on {color: white; padding: 5px 15px; background: #222; border-radius: 15px;}
.cate_div ul li a {color:#999; padding: 5px 15px; border-radius: 15px; border:1px solid #999;}
.head_text_1 {font-size:2rem; text-align:center; width:100%; margin-bottom:100px; font-weight:bolder;}
.cate_div {margin:0 auto 30px; width:40%;}
#ft {margin-top:100px;}
.center_link {width:380px; margin:100px auto; overflow:hidden;}
.center_link a {border:1px solid #00ACFF; border-radius: 15px; padding: 5px 15px; color:#00ACFF; float: left; margin-right: 5px;}
.box_4 { width:100%; overflow:hidden; }
.box_4 li {width:15.5%; text-align:center; margin-right:1%; float:left;}
.box_4 li:nth-child(6) {width:15.5%; text-align:center; float:left; margin-right:0%; }
.contain {width:90%; margin:0 auto; overflow:hidden;}
#container {min-height:150px;}

.withsubl {width:100%; text-align:left; margin:200px 0 100px;}
.withsubr {width:100%; text-align:right; margin:100px 0;}
.withsubc {width:100%; text-align:center; margin:100px 0;}
.bx_sub_text { color:#999; font-size:1.4rem; line-height:5.5;}
.centerl {width:100%; text-align:center; margin-bottom:100px;}
.lobcx {color:#00197B; font-size:3rem; font-family: 'Lobster', cursive; }

.fla {float: left; padding-right:25px;}
.ma200 {margin-top:200px;}
.textc {text-align:center;}  

.home_1 {background-color:#001C8A; }
.market {background-color:#00578A; }
.host {background-color:#00818A; }
.safe {background-color:#5C008A; }
.with {background-color:#AFAFAF; }
.uhome {background-color:#4B4B4B; } 

@media (max-width: 550px) {
    .main_s_box li .wi70 {width:50%; margin:0 auto;}
    .main_s_box li img {width:100%;}
    .w_sub_text { font-size:1rem; }
    .sub_box_3 li {width:90%; margin:0 auto 50px; float: inherit;}
    .sub_box_3 li:nth-child(3) {width:90%; margin:0 auto; float: inherit;}
    .b_sub_text {font-size:1rem; margin-top: 10px;}
    .bk_sub_text {font-size:1.3rem;}
    .text_box1 {width:300px;}
    .box_4 li { width:45%; margin:0 2.5%;}
    .box_4 li:nth-child(6) { width:45%; margin:0% 2.5%;}
    .rightFoot { margin-top: 50px; }
    .foot_box {padding: 30px 0px !important;}
    #container { min-height: 100px; }
    .rightFoot li a {padding: 10px 10px !important;}
    .center_link a {padding: 5px 10px; margin:10px 3px;}
    .center_link {width: 100%; margin:0 auto;}
    .to_content {display: none;}
    .head_text_1 {margin-top:100px;}
    #hd_h1 {display: none;}
    .box_4 {margin-bottom:50px;}


}

#container {width:90%; margin:0 auto;}