﻿.m-toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.m-toubuge{ width:100%;}
.topbq { width:100%; text-align:right; border-bottom:#ddd 1px solid; background:#fff;}
.topbq a { padding:0 5px; color:#333; font-size:0.8em;}
.m-header {
    height:50px;
    z-index: 60;
	background:#fff; background-size:cover;
	width:100%;
	position:relative;
	display:flex; border-bottom:1px solid #ddd;align-items: center;		
}
.stel { clear:both; padding-left:5px;}
.stel img { float:left; width:35px; margin:5px;}
.stel p { float:left; font-size:14px; color:#fff;}
.stel span { font-size:18px; font-family:Arial; display:block;}
.cd-logo { width:85%; box-sizing:border-box; line-height:50px;}
.cd-logo img { display:inline-block; max-width:90%; height:auto !important; height:100%; vertical-align:middle; padding-left:10px;}
.search_openv1 {
width: 15%; 
background: url(../images/wap_sea1.png) no-repeat;
height:100%;
background-position:center center; background-size:auto 21px; border-left:1px solid #ddd;
}
.menu_openv1 {
width: 15%;
background-image:url(../images/wap_menu11.png);
background-repeat:no-repeat;
height:100%; 
background-position:center center;background-color:#0061ae; background-size:auto 25px;border-left:1px solid #ddd;
}
.menu_bq1 {
width: 12%; text-align:center; font-size:12px; line-height:50px;
height:100%;border-left:1px solid #ddd;background-color:#0061ae; font-size:16px;
}
.menu_bq1 a { color:#fff;}
.menu_closev1 {
width: 15%;
background-image:url(../images/wap_close1.png)!important;
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;border-left:1px solid #e1e1e1;
}
#m-menu{ position:fixed; width:180px; height: calc(100vh - 50px); left:-243px; background:#0061ae; z-index:200;  font-size:1.2em; overflow-y: auto; top:50px;transition: all 0.8s ease 0s; overflow:hidden;}
.m-list{width: 100%; padding-top:15px; padding-bottom:15px;}
.m-menglish{ color:#5c5c5c!important; padding-left:10px; text-transform:uppercase; font-weight: lighter;}
.m-list ul li a{margin:0 20px;color: #fff; display: block; padding:10px 0;line-height: 20px;position: relative; text-decoration:none;font-size:15px; font-weight:bold; border-bottom:rgba(255,255,255,.4) 1px solid;}
.m-list ul li .inactive{ background:url(../images/shl-down-openv1.png) no-repeat 95% center; background-size:auto 14px;}
.m-list ul li .inactives{background:url(../images/shl-up-openv1.png) no-repeat 95% center; background-size:auto 16px;} 
.m-list ul li ul{display: none; padding-top:10px; padding-bottom:10px;background-color:#004b87;}
.m-list ul li ul li {
	background-repeat:no-repeat;
	background-position:60px center;
	background-size:auto 2px; font-size:14px; }
.m-active{background-image:url(../images/m-navact.png);
	background-repeat:no-repeat;
	background-position:20px 38px;
	background-size:auto 2.5px;}	
.m-list ul li ul li a{ padding-left:70px;background:url(../images/shl-img-h60.png) no-repeat 92% center; background-size:auto 8px;
font-size:13px; color:#fff!important; ; padding:5px 10px; line-height:16px;}
.m-yuyan{  height:45px; line-height:45px; color:#656565; font-size:12px;background:#f2f3f2 url(../images/wap_yuyan1.png) no-repeat 20px center; background-size:auto 18px; padding-left:45px;}
.m-yuyan a{ color:#656565;font-size:12px!important;text-transform:uppercase; padding-left:5px; padding-right:5px;}
.m-code{ padding-top:10px; text-align:center; width:100%;color:#fff;font-size:14px;}
.m-code img{ width:100px; height:100px; margin:7px auto;}
.m-code1{ text-align:center; color:#fff;font-size:14px;}
.m-sousuo{ padding:10px 10px 70px 10px; width:100%; box-sizing:border-box; display:flex; }
.m-sousuo .button1 {
	line-height: 40px;
	height: 40px;
	width: 80%;
	padding: 0 10px 0 10px;
	border: 1px solid #d2d2d2;
	background: #fff;
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; background-color:#FFF; cursor:pointer;
}

.m-animate{transition: all 0.8s ease 0s;left: 0px!important;} 

.tbottom{ height:50px;}
#BottomNav {	
    bottom: 0;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 300; box-sizing:border-box; background-color:#FFF;
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 25%; 
}
#BottomNav ul li a {
    color: #515151;
    display: block;
    padding-top:7px; 
}
#BottomNav ul li a div {
    font-size: 12px; padding-top:2px;
}
#BottomNav .a {
    background-image: url(../images/shl-b1a.png); background-size:auto 20px;
}
#BottomNav .b {
    background-image: url(../images/shl-b1b.png);background-size:auto 20px;
}
#BottomNav .c {
    background-image: url(../images/shl-b1c.png);background-size:auto 20px;
}
#BottomNav .d {
    background-image: url(../images/shl-b1d.png);background-size:auto 20px;
}

#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 30px;	
}
.mclearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#m-msk{ position:fixed; width:100%; top:0px; left:0; z-index:50; height: calc(100vh - 50px); top:50px; display:none;}
