:root {
      --main-color: #d51c1c;
      --main1-color: #ed4040;
      
  }
html, body {
    background: #f4f5f6;
}

body{
   font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    /*color: #657180;*/
    -webkit-font-smoothing: antialiased;
}
b, em, h1, h2, h3, h4, h5, h6{
    font-weight: 400!important;
}
i{
    font-style: normal;
    
}
*, :after, :before {
    box-sizing: border-box;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.mbg_color{
   background-color:  #d51c1c;
   color:#fff;
}

.mbg_color:hover{
    background-color:  #ed4040;
}
.mbg1_color{
    background-color:  #ed4040;
    color:#fff;
}

.mcolor{
   color:  #d51c1c 
}

.white_color{color:#fff}

.topbar{
    width: 100%;
    height: 40px;
    line-height: 39px;
    background: #222;
    font-size: 14px;
    color: #fff;
}
.topbar .date { 
    float: left;
    color: #fff;
    padding: 0 10px;
    
}
 .topbar .app_down{
     float: left;
     color: #fff;
    padding: 0 10px;
 }   
.topbar .right{float:right}

.topbar .right .muinfor_colum{
    float: left;
}

.topbar .right .muinfor_colum span{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    border-right:1px solid #3a3a3a;;
}

.topbar .right .muinfor_colum .log_out{
    cursor: pointer;
}

.login_btn{
    float: left;
        background-color: transparent;
    border: 0px;
    outline: none;
    cursor: pointer;
}
.topbar .aboutus{
    float: left;
        color: #fff;
    padding: 0 10px;
    cursor: pointer;
}

.header{
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    min-height: auto;
     
}
.header .section{
  background: none;
    height: 90px;
    margin-top: 16px;  
}
.header .logo-sign{
    width: 220px;
    margin-right: 20px;
    color: #d51c1c;
    text-align: center;
    font-family: 微软雅黑;
    float: left;
    height: 90px;
    cursor: pointer; 
       
}
.header .logo-sign h1{
    font-weight: 400; 
}
.header .logo-sign p{
        line-height: 40px;
    font-size: 16px;
    color: #000;
}
.header .search_colum{
    display: inline-block;
    width: 650px;
    margin-left: 190px;
}
.header .search_colum .layui-form-radio{margin:0px}
.header .search_colum .layui-form-radio>i{
    color: #d51c1c;
}
.header .search_colum .layui-form-radioed, .layui-form-radioed>i{
    color: #000;font-weight: bold;
}
.header .search_colum .layui-form-radio:hover>div, .layui-form-radioed, .layui-form-radioed>i{color:#000}
.header .search_colum .search_list input{
    height: 44px;
    border-color: #d51c1c!important;
    border-right: 0;
    width: 560px;
    float: left;
    font-size: 16px;
}
.header .search_colum .search_list .search_btn{
    padding: 0;
    width: 90px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border: 1px solid red;
}
.header .search_colum .sele_list{
     width: 100%;
    line-height: 30px;
    font-size: 15px;
    color: #333;
    height: 35px;
}
.header_nav{
    margin: 0;
    width: 100%;
    background-color:  #d51c1c;
   color:#fff;
  float: left;
}
.header_nav ul{
    
    width: 1200px;
    margin: 0px auto;
}
.header_nav ul li{
    float: left;
        font-size: 17px;
    color: #444;
    cursor: pointer;
}

.header_nav ul li.active a {
    background-color: #ed4040;
    color: #fff;
}

.header_nav ul .bar{
   width: 1px;
    height: 24px;
    background: #fff;
    margin: 13px 10px 0px;
}
.header_nav .item{
    display: block;
    width: 80px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    transition-property: color,background-color;
    font-weight:300;
}

.link_colum{width:100%;float:left;display: grid;    padding-top: 10px;padding-bottom:10px}
.link_colum ul{width: 1200px;    margin: 0px auto;float:left}
.link_colum ul a {
    line-height: 30px;
    font-size: 14px;
    color: #01a4b7;
    margin-left: 8px;
    float: left;
}
.link_colum ul span {
    float: left;
    line-height: 30px;
    font-size: 16px;
    margin-right: 10px;
}
.container {width:100%;float:left;min-height: calc(100% - 340px);}
.container ul{
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    min-height: auto;
}
.dh_colum{
        float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
        font-size: 16px;
}
.dh_colum .tit{float:left;width:100%}
.dh_colum .tit .layui-icon{float:left;margin-right:10px}
.dh_colum .tit .mtit{float:left;margin-right:10px;cursor:pointer}
.dh_colum .tit .stit{float:left;margin-right:10px;cursor:pointer}

.main{float: left;width:100%;display:flex}
.main_left{
  float: left;
  width: 940px;
}

.main_left .tid_colum{
        width: 190px;
    float: left;
    z-index: 3;
   /* min-height: 1012px;*/
  background-color: #fff;
    
}
.main_left .tid_colum .city_sele_section{
    float: left;
    width: 100%;
    height: 45px;
}

.main_left .tid_colum .item{
    float: left;
        padding-left: 15px;
        box-sizing: border-box;
        width: 50%;
        background-color: #fff;
        cursor: pointer;
}



.main_left .tid_colum .mitem{
    float: left;
        padding-left: 15px;
        box-sizing: border-box;
        width: 100%;
        background-color: #fff;
        cursor: pointer;
}

.main_left .tid_colum li span{
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #444;
    display: inline-block;
    font-size: 16px;
}



.main_left .tid_colum .tid_list{
    float: left;
    width: 100%;
}



.main_left .tid_list .active{
    background-color: #d51c1c!important;
}

.main_left .tid_list .active span{
    color: #fff;
}

.main_left .tid_list li:hover{background-color: #d51c1c!important;}
.main_left .tid_list li:hover span{
    color: #fff;
}
.main_left .tid_colum .mitem .layui-icon-right{
    color: #d51c1c;
}
.main_left .tid_colum .active .layui-icon-right{
    color: #fff!important;
}
.main_left .center_colum{
        width: 730px;
    margin-left: 20px;
    float: left;
}

.main_left .center_colum .key_colum{
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 0px;
    padding: 10px;
}

.main_left .center_colum .key_colum span{
    padding: 5px 10px;
    background: #eee;
    margin: 4px;
    border-radius: 50px;
    display: inline-block; 
    cursor: pointer;
    font-size: 14px;
}

/*.main_left .center_colum */
.key_colum .active{color:#fff;background-color:#d51c1c!important}

.main_left .center_colum .slide_colum{
    float: left;
    width: 100%;
    max-height: 310px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.main_left .center_colum .slide_colum .swiper-slide{
    background-size: cover;
    height: 310px;
}


.main_right{
        width: 240px;
        float: right;
    margin-left: 20px;
}

.main_right img{
    width: 100%;
    margin-bottom: 16px;
}

.nodata{
    float: left;
    width: 100%;
    text-align: center;
    line-height: 50px;
}

#login_contain{
  padding-left: 130px;  
  padding-right: 130px; 
  box-sizing: border-box;
}
#login_contain .layui-form{
    width: 225px;
    float: left;
}
#login_contain .layui-form .layui-form-item{
    margin-bottom: 20px;
}

#login_contain .layui-form .layui-btn{
    width: 100%;
}

#login_contain .mtit{
    width: 100%;
    line-height: 50px;
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 15px;
}

#login_contain .sign_img{
    float: right;
    height: 70%;
    margin-left:30px;
    margin-top:30px;
}

.swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#footer{
        background: #06649b;
    padding: 35px 0px;
        float: left;
    width: 100%;
}
#footer .fitem {
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    width: 100%;
    text-align: center;
    float: left;
}

#footer .fitem a{color:#fff;    margin: 0 3px;}

.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#d51c1c!important}

.layui-input:focus, .layui-textarea:focus{    border-color: #d51c1c !important;}
.layui-form-radioed>i{color: #d51c1c !important;}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color: #d51c1c !important;}
.layui-form-checkbox[lay-skin=primary]:hover>i{color: #d51c1c !important;border-color: #d51c1c !important;}
.layui-form-checked[lay-skin=primary]>i{background-color: #d51c1c !important;border-color: #d51c1c !important;}

.layui-carousel{float:left}
#layui-carousel_slider{
    float: left;
    width: 100% !important;
    aspect-ratio: 16/7;
}
#layui-carousel_slider .layui-carousel-ind{float:left}
#layui-carousel_slider .layui-carousel-ind ul{width:auto!important}
#layui-carousel_slider div{float:left}
#layui-carousel_slider div a{float:left;width:100%}
#layui-carousel_slider a img{ float:left;  height:100%; width:100%;  object-fit: cover;}

.notice_tit{float:left;width:100%;text-align:center;line-height:30px;padding-top:30px;font-size:16px}

#add_jb_mask{float:left;padding: 30px;}
#add_jb_mask .img_section{float:left;width:100%;height:200px;text-align:center}
#add_jb_mask .img_section_li{float:left;width:50%}
#add_jb_mask .img_section_li span{float:left;width:100%;line-height:30px;font-size:16px}
#add_jb_mask .tit_mask{float:left;width:100%;margin-top:30px}
#add_jb_mask .tit_mask li{float:left;width:100%;line-height:30px;font-size:16px}