@charset "utf-8";
/* CSS Document */


/*选择器*/
.wbsl {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.wbsl2 {-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.wbsl3 {-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.mtopBg{ width:100%; position:fixed; background:url(../images/blackBg.png) repeat; height:56px; z-index:6;}
.mtop{ width:98%; margin:0 2% 0 0; height:56px;}
.mlogo{ width:58%; height:36px; margin:10px 0px; float:left; background:url(../bsd/logo-white.svg) left top no-repeat; background-size:100% 100%;}
.mtopBgOn{ display:none;}
.menuIcon{ width:30px; height:30px; margin-top:13px; float:right; background:url(../images/navIcon.png) top center no-repeat;}
.wapNav{width: 68%;height: calc(100% - 56px);position: fixed;right:0;top:56px;z-index:999;background:rgba(0, 0, 0, 0.85);box-sizing: border-box;overflow:auto;display:none;}
.wapNav .navForm{margin: 10px;}
.wapNav .nLi h3{position: relative;}
.wapNav .nLi h3 a{display: block;color: #fff;padding: 20px 30px;line-height:1;position: relative;}
.wapNav .nLi h3 i{position: absolute;width: 60px;height:100%;right: 0;top:0;}
.wapNav .nLi h3 i:before{content: "";width: 11px;height:11px;border-left:1px solid #fff;border-bottom:1px solid #fff;position:absolute;left: 50%;top:50%;margin: -6px 0 0 -6px;transform: rotateZ(-45deg);z-index: 3;}
.wapNav .nLi .subNav{background: #4a4848;color: #fff;display:none;}
.wapNav .nLi .subNav a{display: block;padding: 15px 60px; color:#fff;}


.subNav ul li dl{display:block !important;left:100px !important;top:-6px  !important; background:#f2f2f2;}
.subNav ul li dl dd a{ color:#333!important;}
.subNav ul li a.xt{color: #fff;white-space:nowrap;overflow: hidden;text-overflow:ellipsis;font-weight: normal;background:url(../images/inco.png) 100px center  no-repeat;}

.wapNavBg{width: 100%;height: calc(100% - 66px);position: fixed;right:0;top:66px;z-index:998;display:none;}

.navForm{background: #fff;border-radius: 3px; height:32px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}

.mlanguage{float:right;margin-top:13px;height:30px; position:relative; margin-right:4%; position:relative;}
.mlanguage span{ display:block; float:left; background:url(../icon/languageW.svg) left center no-repeat;position:relative; width:30px;height:30px; line-height:36px;color:#333; font-size:18px;cursor:pointer; background-size:100% 100%;}

.mlanguage ul{  float:left; padding:10px 10px; width:80px; position:absolute; top:42px; left:-20px;background:#f9f9f9; border-radius:10px; z-index:999;opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; }
.mlanguage ul li{ width:100%; height:35px; line-height:35px; text-align:center;}

.mlanguage span:hover ul { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.mlanguage a{ color:#2d343a;}

.mtopBgOn{ width:100%; background:#fff;}
.mtopBgOn .mlogo{ background:url(../bsd/logo-default.svg) top left no-repeat;background-size:100% 100%;}
.mtopBgOn .menuIcon {background:url(../images/navIconB.png) top center no-repeat;background-size:100% 100%;}

.mtopBgOn .mlanguage span{ background:url(../icon/language.svg) left center no-repeat; color:#333;}


.footer{width:100%; position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.footer{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;background:#b01e23;}
.foot-relative{width:100%;height:70px;}
.footer a{display:block;float:left;width:25%;color: #fff; text-decoration:none;}
.footer a span{display:block;width:100%;text-align:center;}
.footer a span img{ width:25%;  display:block; margin:10px auto 5px auto;}
.footer a h3{width:100%;text-align:center; font-weight:normal; font-size:14px;}



