@charset "utf-8";
/* CSS Document */

.w-header{width: 100%;height:64px;position: fixed;z-index: 100;top: 0; background:#fff;}
.w-header .logo{display: block;margin:0;padding: 0;}
.w-header .logo img{height:48px;width: auto; margin:8px 0px;}
.w-header .advertise{ margin-top:14px;}

.leftMenu a {
    text-decoration: none;
    display: block;
}
.leftMenu {
    background: #fff;
    position: fixed;
    right: -1000px;
    top: 3rem;
    display: block;
    height: 100%;
    width: 68%;
    min-width: 120px;
    max-width: 440px;
    z-index: 10000;
    transition: all 0.4s ease;
    overflow: auto;
}
.leftMenu.menu-open {
    right: 0;
}
.leftMenu ul li {
    position: relative;
    border-bottom: 1px solid #EDEDED;
}
.leftMenu ul li>a{
	font-size: 16px;
	margin-left: 20px;
	color:#333;
	line-height: 46px;
}
.leftMenu ul li .f2 a{
	font-size: 14px;
	color:#666666;
}
.leftMenu ul li ul li{
	background: #f5f5f5;
    padding-left: 20px;
    border-bottom: 1px #e5e5e5 solid;
}
.leftMenu ul li.hasChild > a:after {
    content: "+";
    position: absolute;
    right: 20px;
    top:-1px;
    font-size: 24px;
    font-weight: 300;
}
.leftMenu ul li.hasChild.open > a:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: -3px;
	
}
.f2,.f3{
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.4s ease;
}
.menu-dark-backdrop {
    background: rgba(0,0,0,0);
    transition: all 0.4s ease;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    overflow: hidden;
}
.menu-dark-backdrop.in {
    height: 100%;
    z-index: 10;
    background: rgba(0,0,0,0.9); /*背景灰度*/
}
.leftMenu ul li.open>a{
    color: #000; 
	font-weight: bold;
/*一级选中后颜色*/

}
.menu_fot {
    text-align: left;
    margin-top: 25px;
    margin-left: 16px;
}
.menu_fot p{
    font-size: 12px;
    color: #999; /*底部文字颜色*/
}
.menu_fot span{
    font-size:22px;
    color: #e72420; /*底部电话颜色*/
}
.menu-wrapper .menu_fot a{padding: 0;}


/*2021.4.23*/
.menu-button{
width:40px;
height: 19px;
margin-top:15px;
}

.menu-button button{
    background: none;
    border: none;
    font-size: 1.3em;
    position: relative;
    font-weight: 500;
    z-index: 1;
    cursor: pointer
}

.menu-icon{
    width: 27px;
    height: 19px;
    display: inline-block;
    position: relative;
}


.menu-icon-inner::before, .menu-icon-inner::after{
    content: "";
    display: block;
}


.menu-icon-inner, .menu-icon-inner::before, .menu-icon-inner::after{
    width: 27px;
    height: 3px;
    background-color:#d71819;
    border-radius: 4px;
    position: absolute;
    transition-property: transform, background;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    left: 0;
}

.menu-icon-inner::before{
    top: 8px;
}

.menu-icon-inner::after{
    top: 16px;
}
/*切换菜单按钮样式*/
.btn.is-active .menu-icon-inner{
    transition-delay: 0.32s;
    background-color: rgba(0, 0, 0, 0);
}

.btn.is-active .menu-icon-inner::before{
    top: 0;
    transition: top 0.12s 0.18s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.32s cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transform: translate3d(0,8px,0) rotate(45deg);
    -ms-transform: translate3d(0,8px,0) rotate(45deg);
    -o-transform: translate3d(0,8px,0) rotate(45deg);
    transform: translate3d(0,8px,0) rotate(45deg);
}

.btn.is-active .menu-icon-inner::after{
    top: 0;
    transition: top 0.3s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.15s 0.32s cubic-bezier(0.215,0.61,0.355,1);
    -webkit-transform: translate3d(0,8px,0) rotate(-45deg);
    -ms-transform: translate3d(0,8px,0) rotate(-45deg);
    -o-transform: translate3d(0,8px,0) rotate(-45deg);
    transform: translate3d(0,8px,0) rotate(-45deg);
}
.menu-button .china{position: relative;float: left; height:20px;}
.menu-button .china .zw img{ height:20px;}
.menu-button .china .lan-yy{position: absolute;background-color: rgba(0, 30, 61, 0.5);top:32px;width:320px; height:34px;padding:8px 8px;left:-250px;display: none;}
.menu-button .china .lan-yy.show{display: block;}
.menu-button .china .lan-yy .ipt1{display: block;float: left;width:260px; padding:0px 10px;color: #333; background:#fff; border-radius:30px 0px 0px 30px;line-height: 34px; height: 34px;border: none;}
.menu-button .china .lan-yy .btn1{ display:block; float:right; background: #0264c9 url(../images/searchbtn.png) 9px center no-repeat;
    background-size:22px 22px;width:40px; height:34px; border:none; display:block;border-radius:0px 30px 30px 0px;}
.menu-button .btn{float: right;}
/*侧滑导航*/
.menu-wrapper{
    position: fixed;
    right: -100%;
    top:80px;
    background:#fff;
    z-index:9999;
    line-height: 1.5;
    width: 50%;
    transition: right .3s;
    height: 100%;
}



/*切换宽度样式*/
.close-menu{
    right: 0px !important;
}

/*搜索框*/
.menu-wrapper .search-wrapper{
    position: relative;
    background: rgb(255, 235, 59)
}

.menu-wrapper .search-wrapper span{
    padding: 18px 20px;
    display: block;
}

.menu-wrapper .search-wrapper span input{
    width: 100%;
    border: none;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
}

.menu-wrapper .search-wrapper span a{
    position: absolute;
    right: 40px;
    top: 29px;
    text-decoration: none;
    color: rgb(101, 90, 14);
}



.menu-wrapper>div{
    transition: background .3s
}
.menu-wrapper>div:hover{
    cursor: pointer;
}

.menu-wrapper>div>a{
    padding: 0 20px;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    color: #333;
    display: block;
    line-height: 46px;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}

/*加号调小一点*/

.menu-wrapper .xiala{
    height: 0;
    overflow: hidden;
}

.menu-wrapper ul>li{
}


.menu-wrapper ul>li a{
    text-decoration: none;
    color: inherit;
    font-size: 14px;
}

/*显示菜单*/
.menu-active .icon-minus{font-weight: bold;
}
.menu-active .xiala{
	height: 100%;
    transition: height 0.4s ease;  
    line-height: 36px;  
}
.menu-active ul li{
background: #f5f5f5;
padding-left: 20px;
border-bottom: 1px #e5e5e5 solid;
}
.menu-active ul li a{display: block;color: #666;font-size: 14px;margin-left: 20px;}
.menu-wrapper>div>a.icon-plus:after,.menu-wrapper>div>a.icons:after{
    content: "+";
    position: absolute;
    right: 20px;
    top:-1px;
    font-size: 24px;
    font-weight: normal;
}
.menu-wrapper>div>a.icon-minus:after {
    content: "-";
    right: 23px;
    font-size: 28px;
    top: -3px;
    position: absolute;
    font-weight: normal;
	
}