﻿.m-toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.m-toubuge{ width:100%; height:50px;}
.m-header {
    height: 49px;
	background-color: #fff;
    z-index: 60;
	width:100%;
	position:relative;
	display:flex; border-bottom:1px solid #e0e0e0;align-items: center;		
}
.cd-logo {  width:100%; box-sizing:border-box; }
.cd-logo img { display:block;margin: 0 auto;}
.search_openv3 {
width: 50px; min-width:50px;
background: url(../images/wap_sea3.png) no-repeat;
height:100%;
background-position:center center; background-size:auto 21px; 
}
.menu_openv3 {
width: 50px; min-width:50px;
background-image:url(../images/wap_menu3.png);
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;
}
.menu_closev3 {
width: 50px; min-width:50px;
background-image:url(../images/wap_close3.png)!important;
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;
}


@media screen and (min-width:320px) and (max-width: 375px){ 
.cd-logo .ertxt h2{ font-size:12px;}
.cd-logo .ertxt h3{ font-size:10.5px!important;}
.cd-logo{  padding-left:0px;} 
}

.cd-logo{ } 
.cd-logo .ertxt{ margin-top:5px;}
.cd-logo .ertxt h2{ font-size:15px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; line-height:20px; text-align:left}
.cd-logo .ertxt h3{ font-size:12px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;line-height:15px; font-weight:normal; text-align:left}



#m-menu{ position:fixed; width:265px; height: calc(100vh - 50px); left:-265px; background:#fafafa; z-index:200;  font-size:15px; overflow-y: auto; top:50px;transition: all 0.8s ease 0s;}
.m-list{width: 100%; padding-top:5px; padding-bottom:30px;}
.m-menglish{ color:#5c5c5c!important; padding-left:10px; text-transform:uppercase; font-weight: lighter;}
.m-list ul li{ border-bottom:1px solid rgba(255,255,255,0.3);}
.menuico_right{padding-left: 40px;display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size:15px;}

.m-list ul li a{padding-left: 40px;color: #333; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size:15px; text-transform:uppercase}
.m-list ul li .inactive{ background:url(../images/shl-down-open3.png) no-repeat 95% center; background-size:auto 14px;}
.m-list ul li .inactives{background:url(../images/shl-up-open3.png) no-repeat 95% center; background-size:auto 16px;} 
.m-list ul li ul{display: none; padding-top:10px; padding-bottom:10px;background-color:#f4f5f6;}
.m-list ul li ul li {  background-color:#f4f5f6;background-image:url(../images/wap_li3.png);
	background-repeat:no-repeat;
	background-position:45px center;
	background-size:auto 7px; }
.m-active{}	
.m-list ul li ul li a{ padding-left:62px;font-weight: lighter;
font-size:12px; color:#5c5c5c ; height:34px; line-height:34px;}
.m-yuyan{  height:45px; line-height:45px; font-size:12px; padding-left:35px;padding-right:35px;display: flex;justify-content: space-between;}
.m-yuyan a{ color:#fff; font-size:15px;}
.m-yuyan1{  height:45px; line-height:45px; width:45px; border-radius:50%; background:#d4082b; color:#fff; text-align:center}
.m-yuyan2{  height:45px; line-height:45px; width:45px; border-radius:50%; background:#444444; color:#fff; text-align:center}
.m-yuyan3{  height:45px; line-height:45px; color:#656565; font-size:12px;background: url(../images/wap_yuyan33.png) no-repeat left center; background-size:auto 16px;
padding-left:22px; padding-right:5px;}


.m-code{ padding-top:10px; text-align:center; width:100%;}
.m-code img{ width:100px; height:100px; margin:0 auto;}
.m-code1{ padding-top:6px; padding-bottom:12px; text-align:center; color:#656565;font-size:13px;}
.m-sousuo{ padding:20px 30px 40px 30px; width:100%; box-sizing:border-box; background-color:#f2f3f2; display:flex; }
.m-sousuo .button1 {
	line-height: 40px;
	height: 40px;
	width: 80%;
	padding: 0 10px 0 10px;
	border: 1px solid #d2d2d2;
	background: #f2f3f2;
font-size:12px;
	z-index: 1001; box-sizing:border-box;
}
.m-sousuo .button2 {	
	width: 20%;
	height: 40px;
	z-index: 1001;
	background-image:url(../images/wap_sea2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 20px;
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:0;
}
.zinavflex{ display:flex;align-items: center;border-top: 1px solid #fff;}
.zinav1{ width:165px; height:80px;}
.zinav1 img{ width:100%; height:100%;object-fit: cover;}
.zinav2{ width:100px; text-align:center;}
.m-animate{transition: all 0.8s ease 0s;left: 0px!important;} 

.zinav3{ font-size:12px;}

.tbottom{ height:64px;}
.w_bocenter{ width:50px; height:50px; border-radius:50%; overflow:hidden; background-color:#fff; margin:0 auto;}
.w_bocenter img{object-fit: contain; width:100%; height:100%; }
#BottomNav {	
    bottom: 0;
    height: 68px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 30; box-sizing:border-box; background:#333;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:10px;
}
#BottomNav ul li a {
    color: #fff; text-transform:uppercase;
    display: block;
}
#BottomNav ul li a div {
    font-size: 12px; padding-top:2px;
}
#BottomNav .a {
    background-image: url(../images/shl-a3.png); background-size:auto 25px;
}
#BottomNav .b {
    background-image: url(../images/shl-b3.png);background-size:auto 25px;
}
#BottomNav .c {
    background-image: url(../images/shl-c3.png);background-size:auto 25px;
}
#BottomNav .d {
    background-image: url(../images/shl-d3.png);background-size:auto 25px;
}
#BottomNav .e {
    background-image: url(../images/shl-e3.png);background-size:auto 25px;
}

#BottomNav .f{
    background-image: url(../images/shl-f3.png);background-size:auto 25px;
}

#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    margin: 0 auto;
    width: 30px;	
}
.mclearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#m-msk{ position:fixed; width:100%; background-color:rgba(0,0,0,0.1); top:0px; left:0; z-index:50; height: calc(100vh - 50px); top:50px; display:none;}
