#xiala {
   position: absolute;
   top: 40px;
   left: 0;
   border: 1px solid #09F;
   width: 100%;
   margin: 0;
   padding: 0;
   display: none;
   padding: 0px;
   z-index: 99;
   background: #fff;
 }

    .h_header_new .h_new_links li.active div{
        width: 100%;
        background: #01ae66!important;
        margin-left: -5px
    }
    
    .h_header_new .h_new_links li:hover div{
        width: 100%;
        background: #01ae66!important;
        transition: 0.4s
    }

 
 .HZ-standard img{width:100%}
.bga{background:#f3f4f9;}
.mclass{background:#fff;padding:10px;margin:10px;}
.logo img {
    width: 150px!important;
    height: 50px!important;
}
.mclass2{background:#fff;padding:10px;margin-bottom:20px ;padding-left:20px;}
.mclass1{background:#fff;width:100%;margin:0 auto;padding-bottom:20px;margin-bottom:20px;}
.mclass3{background:#fff;width:1200px;margin:0 auto;margin-bottom:20px;padding-bottom:20px;}
 #xiala li {
   list-style: none;
   padding: 3px 7px 4px;
   cursor: pointer;
   font-size: 16px !important;
 }
.h_header_new .h_new_links li.active div,.h_search_bar{background:#01ae66!important;}
 #xiala li:hover {
   background: #43bdf7;
   color: #fff;
 }
.h_header_new, .h_header_new > div{
            display: flex;
            justify-content: space-between;        
            align-items: center;        
        }
        .nav_right_btn > .tel_li {
    width: 176px;
    height: 70px;
    background: #40a9ff;
    color: #fafafa;
    text-align: center;
    padding-top: 8px;
    /* margin-right: 16px; */
}
.nav_right_btn > .tel_li > p {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
}
.nav_right_btn > .tel_li > p {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
}
.nav_right_btn {
    float: right;
   
}
.nav_right_btn > .tel_li > a {
    font-size: 20px;
    font-family: Futura-Mediumitalic, GillSans-SemiBoldItalic, GillSans;
    font-weight: normal;
    color: #fafafa;
}
.iconphone {
    background: url(../images/tel.png) no-repeat;
    width: 22px;
    height: 22px;
    display: inline-block;
}
.logo{margin-right:10px!important;}
 a,
 abbr,
 acronym,
 address,
 applet,
 b,
 big,
 blockquote,
 body,
 caption,
 center,
 cite,
 code,
 dd,
 del,
 dfn,
 div,
 dl,
 dt,
 em,
 fieldset,
 font,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 html,
 i,
 iframe,
 img,
 ins,
 kbd,
 label,
 legend,
 li,
 object,
 ol,
 p,
 pre,
 q,
 s,
 samp,
 small,
 span,
 strike,
 strong,
 sub,
 sup,
 table,
 tbody,
 td,
 tfoot,
 th,
 thead,
 tr,
 tt,
 u,
 ul,
 var {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0
 }

 li,
 ol,
 ul {
   list-style: none
 }

 blockquote,
 q {
   quotes: none
 }

 blockquote:after,
 blockquote:before,
 q:after,
 q:before {
   content: '';
   content: none
 }

 :focus {
   outline: 0
 }

 del {
   text-decoration: line-through
 }

 table {
   border-collapse: collapse;
   border-spacing: 0
 }

 address,
 cite,
 code,
 dfn,
 em,
 i,
 var {
   font-style: normal
 }

 button,
 input[type=button],
 input[type=reset],
 input[type=submit] {
   cursor: pointer;
   -webkit-appearance: none
 }

 .vm {
   vertical-align: middle
 }

 .clearfix:after {
   content: "\0020";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden
 }

 * html .clearfix {
   zoom: 1
 }

 .fl {
   float: left
 }

 .fr {
   float: right
 }

 body {
   background: #fff
 }

 body,
 button,
 input,
 select,
 textarea {
   font: 12px/1.5 arial, helvetica, clean, sans-serif
 }

 a {
   text-decoration: none;
   color: #24d
 }

 a:hover {
   text-decoration: underline;
   color: #c00
 }
 .BMap_Marker img{
   width: 100%
 }