@charset "utf-8";

*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;-webkit-text-size-adjust:none;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family: Microsoft YaHei,微软雅黑,PingFang SC,YouYuan,SimSun,Arial,sans-serif !important; color: #333; }
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none; color:#333}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle ; }
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}

/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder{
            color:#bababa;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#bababa;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#bababa;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#bababa;
        }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{
transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;
} 
body{ color:#333;  font-size:14px; line-height:1.8; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#0067b6; text-decoration:none}
.weap{ max-width:1400px; margin:0 auto; } 
.weapcs{ max-width:800px; margin:0 auto; } 
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 

/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}   
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} 
.flexbetweenr{-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
 
/*头部*/
.topbar{ background-color:#f6f6f6; font-size:12px; color:#b2b2b2; }
.topbar a{font-size:12px; color:#b2b2b2}
.topbar a:hover{ color:#fff}
.topbar .weap{height:36px; line-height:36px } 
.topbar .topright{ float:right; }
.topbar .topright li{ float:left;   margin-left:30px; position:relative} 
.topbar .topright li.l1{ position:relative; width:190px; margin-top:5px}
.topbar .topright li.l1 .intxt{ width:100%; border:1px solid #b5b5b5; border-radius:26px; height:26px; line-height:24px; padding:0 10px; padding-right:30px; display:block}
.topbar .topright li.l1 .inbtn{ position:absolute; z-index:1; right:10px;top:0; bottom:0; background:url(../images/ico-s.png) no-repeat center; width:26px; border:none; cursor:pointer}
.topbar .topright li.l2{ margin-top:4px}
.topbar .topright li.l2 a{ display:block; width:28px; height:28px; border:2px solid #0c4aac; border-radius:50%; line-height:24px; text-align:center; font-size:16px; font-weight:bold; color:#0c4aac}
 
.qm-top{ height:100px;} 
.qm-top .box{ background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.05);height:120px;   z-index:999; left:0; right:0;top:0;} 
.qm-top .weap{ max-width:1400px; margin:0 auto; position:relative}
.qm-top .logo{ float:left; padding-top:14px;}
.qm-top .logo a{ display:block; float:left}
.qm-top .logo img{ display:block;}
.qm-top .logo .logotitle{ float:left; margin-left:10px; line-height:70px; }
.qm-top .logo .logotitle .p1{ font-size:30px; font-weight:bold; color:#0c4aac} 

.qm-top .qm-right{ position:absolute; z-index:2; right:10px} 
.qm-top .toptel{ float:left;}
.qm-top .toptel a{ display:block; float:left; font-size:30px; font-family:"DIN Medium";  padding-left:40px;background-position:left center;  background-repeat:no-repeat; line-height:120px; height:120px; color:#0067b6; font-weight:bold;} 
.qm-top .toptel .tel{ background-image:url(../images/ico-t01.png); background-size:30px } 
.qm-top .topsearch{ position:relative; width:220px; float:left; margin-top:30px; margin-right:25px }
.qm-top .topsearch .intxt{ width:100%; border:1px solid #0067b6; border-radius:40px; height:40px; line-height:20px; padding:0 10px; padding-right:30px; display:block}
.qm-top .topsearch .inbtn{ position:absolute; z-index:1; right:0;top:0; bottom:0; background:#0067b6; width:65px; border:none; cursor:pointer; color:#fff; border-radius:0 20px 20px 0}

.qm-nav{ height:100px; float:right; width:76% } 
.qm-nav ul{ font-size:0}
.qm-nav .nl{ display:inline-block; vertical-align:top; position:relative;text-align:center; width:12%  } 
.qm-nav .nl .alink{ display:block; font-size:18px; text-align:center; line-height:100px; } 
.qm-nav .nl.on .alink{ color:#0067b6}
.qm-nav .sub{ position:absolute; z-index:8;top:100px; left:50%; width:180px; margin-left:-90px; display:none ;background:#fff; background:rgba(255,255,255,.9); border-top:2px solid #0067b6} 
.qm-nav .sub a{ display:block;  line-height:50px; height:50px; text-align:center; font-size:16px}
 
.qm-nav .nl.fullnl{ position:static}
.qm-nav .nl.fullnl .sub{ text-align:left;  font-size:0; padding:10px 0;background:#fff; width:100%; margin-left:0; left:0; right:0; }
.qm-nav .nl.fullnl .sub:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; height:58px; background-color:#e6e6e6}
.qm-nav .nl.fullnl .sub .weap{ padding-right:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.qm-nav .nl.fullnl .sub a{   text-align:left; height:32px; line-height:32px;}
.qm-nav .nl.fullnl .sub dl{ -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;  text-align:left; font-size:16px; width:14.666%; margin:0 1%; margin-bottom:10px;  position:relative; z-index:3; position:relative} 
.qm-nav .nl.fullnl .sub dl:after{ content:""; display:block; position:absolute; z-index:1; right:0; bottom:0;top:63px; width:1px;border-right:1px dashed #999999;}
.qm-nav .nl.fullnl .sub dl:last-child:after{ display:none}
.qm-nav .nl.fullnl .sub dt{  margin-bottom:15px; line-height:48px; height:48px;}
.qm-nav .nl.fullnl .sub dt a{ font-size:14px; font-weight:bold }
.qm-nav .nl.fullnl .sub dl a:hover{ background:none; }
.qm-nav .nl.fullnl .sub dd{ margin-bottom:10px;}
.qm-nav .nl.fullnl .sub dd a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.qm-nav .nl.fullnl .sub dd i{ margin-right:10px;flex:0 0 30px}
.qm-nav .nl.fullnl .sub dd i img{ display:block; width:100%}
/* footer */
.footer{ background-color:#222222; font-size:15px; color:#b4b5b5 }  
.footer a{ color:#b4b5b5}
.footer a:hover{ text-decoration:underline}
.footer .weap{ padding-top:35px; padding-bottom:50px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.footer .footnav{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between; padding-top:10px}
.footer .footnav dt{ font-size:20px; color:#b4b5b5; font-weight:bold; position:relative; margin-bottom:15px; line-height:1.1} 
.footer .footnav dd{ margin-bottom:10px}
.footer .footnav dd a{ font-size:16px;} 
.footer .footewm{flex:0 0 137px;   text-align:center; margin-left:5%}
.footer .footewm .p{ line-height:1.4; margin-top:15px; font-size:13px}
.footer .footewm img{ max-width:100%}
 
.footer .footadder{  margin-right:5%;}
.footer .footadder .atel a{ font-size:30px; color:#fa8318}
.footer .footadder .as{ margin-top:15px;}
.footer .footadder .as a{ display:inline-block; border:1px solid #b4b5b5; line-height:52px; width:100%}
.footer .footadder li a{ font-size:16px}
.footer .footadder li{ margin-bottom:10px; position:relative; padding-left:40px;}
.footer .footadder li i{ display:block; width:30px; height:30px; position:absolute; z-index:3; left:0;top:0; background-repeat:no-repeat; background-position:center; background-size:60%}
.footer .footadder li .ico-01{ background-image:url(../images/ico-tel.png)}
.footer .footadder li .ico-02{ background-image:url(../images/ico-adder.png)}
.footer .footadder li .ico-03{ background-image:url(../images/ico-email.png);background-size:80%}
.footer .alogo{ margin-bottom:30px}
 
.footer .banquan .weap{padding:15px 0; color:#696969; display:block; overflow:hidden; border-top:1px solid #3f3f3f}
.footer .banquan{  text-align:center; font-size:14px;}
.footer .banquan a{font-size:14px; color:#696969 }
.footer .banquan span{ margin:0 10px}
.footer .banquan .left{ float:left}
.footer .banquan .right{ float:right}
/*弹出视频*/
.videopop{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0;}
.videopop .bdbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; width:100%; height:100%}
.videopop .closebg{ position:absolute; z-index:1; background:rgba(0,0,0,.7); left:0; right:0;top:0; bottom:0}
.videopop .videobd{ margin:0 auto; position:relative; z-index:2; width:980px; padding:10px; background-color:#252525} 
.videopop .videobd .video{ height:600px}
.videopop .videobd video{ display:block;}
.videopop .mclsoe{ position:absolute; z-index:1; width:30px; height:30px;top:-40px;   right:0; background:url(../images/ico-clsoe.png) no-repeat center; background-size:80%; cursor:pointer}
 
/*页码*/
.pages{ text-align:center; margin-top:30px}
.pages { font-size:0;} 
.pages a{ display:inline-block; margin:0 3px;  margin-bottom:5px; padding:0 12px; height:38px; line-height:36px; font-size:14px;  border:1px solid #dddddd; border-radius:5px; }
.pages li.disabled a{ background-color:#eee; color:#9e9e9e; cursor:no-drop}
.pages a.page-num-current{ background-color:#0067b6; color:#fff}


.tool-bar{ position:fixed; z-index:50; right:20px; bottom:30%}
.tool-bar .ico{  height:26px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:5px}
.tool-bar .ico-f01{ background-image:url(../images/ico-f01h.png)}
.tool-bar .ico-f02{ background-image:url(../images/ico-f02.png)}
.tool-bar .ico-f03{ background-image:url(../images/ico-f03.png)}
.tool-bar .a:hover .subbox{ display:block}
.tool-bar .subbox{ display:none; position:absolute; z-index:2; padding-right:15px; right:60px;top:50%; transform:translateY(-50%) }
.tool-bar .sub{    box-shadow: 0px 4px 10px 0px rgba(80, 80, 80, 0.2); width:140px; padding:15px; padding-bottom:10px; border-radius:5px; background-color:#fff; position:relative}
.tool-bar .sub:before{ content:""; display:block; position:absolute; z-index:1;top:0; bottom:0; width:50px; right:-40px}
.tool-bar .sub::after{position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    box-shadow: 5px 5px 13px 0px rgba(80, 80, 80, 0.2);
    content: "";
    display: block;
    top: 50%;
    margin-top: -7.5px;
    right: -7.5px;
    transform: rotateZ(-45deg);}
.tool-bar .sub img{ width:100%}
.tool-bar .sub .img{ margin-bottom:5px}
.tool-bar .a{ cursor:pointer; display:block; font-size:12px; text-align:center; position:relative}
.tool-bar .topa{ margin-bottom:10px}
.tool-bar .topa .a{width:60px;  color:#fff;padding:13px 0px; }
.tool-bar .bottoma{width:60px; padding:13px 0px;  border-radius:60px;background:#fff;}
.tool-bar .bottoma .a{ color:#333; font-size:12px;padding-bottom:5px; margin-bottom:5px}
.tool-bar .bottoma .a:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0}
.tool-bar .js-top{width: 100%;height:46px; background:url(../images/ico-jstop.png) no-repeat center; background-size:30px;  cursor:pointer;  }

.tool-bar .sub.subtel{ width:230px; text-align:left}
.tool-bar .subtel li{ padding-left:10px; position:relative}
.tool-bar .subtel .l2{ font-size:22px; color:#F00; font-weight:bold;}
.tool-bar .subtel .l3{ margin-bottom:5px}
.tool-bar .input{ width:100%; border:1px solid #ebebeb; padding:0 10px; height:32px; line-height:30px; background-color:#fff;}
.tool-bar .p{ margin-bottom:10px; position:relative}
.tool-bar .p2{ padding-right:70px;}
.tool-bar .p2 .codeimg{ display:block; position:absolute; z-index:2; right:0;top:0; cursor:pointer}
.tool-bar .p2 .codeimg img{ height:32px}
.tool-bar .inbtn{ width:100%; height:32px; border:none; background-color:#F00; color:#fff; font-size:14px; cursor:pointer}
.tool-bar .subtel li i{ display:block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:100%; position:absolute; z-index:2; left:0;top:0}
 
/* fixed-bar */
.fixed-bar .icon,.fixed-bar .consult-list .tel-icon{background:url("../images/js_02.png") no-repeat;}
.fixed-bar .icon{display:block;position:absolute;top:50%;left:50%;width:23px;height:12px;overflow:hidden;margin:-18px 0 0 -12px;background-position:right -220px;text-indent:-999em;}
.fixed-bar{position:fixed;right:20px;bottom:250px;z-index:50;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-30);}
.fixed-bar .gotop{position:relative;z-index:1;display:block;width:68px;height:36px;overflow:hidden;margin:-1px 0 0;padding:32px 0 0;border:1px solid #e6e6e6;border-top:1px dashed #eaeaea;background-color:#fff;color:#666;font:normal 14px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";text-align:center;}
.fixed-bar .share{height:68px;overflow:hidden;margin:-1px 0 0;border:1px solid #e6e6e6;}
.fixed-bar .gotop:hover{z-index:10;border-color:#2acb6b;background-color:#2acb6b;color:#fff;text-decoration:none;}
.fixed-bar .gotop:hover .icon{background-position:right -251px;}
.fixed-bar .consult-box{border:1px solid #e6e6e6;}
.fixed-bar .consult-box .consult-header{position:relative;height:36px;margin:-1px -1px 0;background:#2acb6b;}
.fixed-bar .consult-box .consult-title{color:#fff;font:normal 16px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";text-align:center;}
.fixed-bar .consult-box .icon{display:none;top:0;left:-28px;width:28px;height:36px;overflow:hidden;margin:0;background-position:-80px -530px;cursor:pointer;}
.fixed-bar .consult-box .icon:hover{background-position:-110px -530px;}
.fixed-bar .consult-list{margin:0 2px -1px;padding:9px 0;border-bottom:1px dashed #eaeaea;}
.fixed-bar .consult-list li{padding:6px 0 6px 23px;color:#666;font:normal 12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.fixed-bar .consult-list span,.fixed-bar .consult-list a{float:left;line-height:24px;}
.fixed-bar .consult-list span{padding-right:10px;}
.fixed-bar .consult-list img{vertical-align:top;}
.fixed-bar .wide-bar{width:134px;background:#fff;}
.fixed-bar .wide-bar .share .bds_more{width:148px;_width:146px;background-position:-252px -568px;}
.fixed-bar .wide-bar .share .bds_more:hover{background-position:-354px -568px;}
.fixed-bar .wide-bar .gotop{width:132px;}
.fixed-bar .consult-list .tel-icon{margin-left:-15px;padding:0 0 0 20px;background-position:-591px -264px;}
.mfloat{ display:none}
.mflex{ display:none}

#popbox,#weixintis{ display:none}

@media(max-width:1900px) {
.qm-nav{ width:65%}
}
@media(max-width:1560px) {
.qm-top .logo{ padding-top:33px}	
.qm-top .logo img{ height:62px}
.qm-top .toptel a{ font-size:26px}
}
@media(max-width:1366px) {
.qm-top .toptel a{ font-size:20px}
.qm-top .topsearch{ width:200px}
.qm-top .toptel .tel{ background-size:20px; padding-left:30px}
.qm-top .logo{ padding-top:38px}
.qm-top .logo img{ height:52px;}
.qm-top .weap{ padding-left:10px; padding-right:430px}
.qm-nav{ width:70%}

}
@media(max-width:1230px) {
.qm-top .toptel .tel{ display:none}
.qm-top .weap{ padding-right:240px}
}
@media (max-width: 1201px){
.weap{ padding-left:10px; padding-right:10px;}
.toptitle{ display:none}

.footer .footewm{    flex: 0 0 130px; margin-left:10px}
.footer .footadder{ margin-left:30px}
}

@media (max-width: 999px){
body,a{ font-size:15px}
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
 .qm-top .topsearch{ width:20%}
/*头部*/ 
.topbar{ display:none}
.qm-top{ height:50px; }
.qm-top .topbox{ height:auto} 
.qm-top .box{   height:50px; position:relative; box-shadow:0 0 5px rgba(0,0,0,.3)}
.qm-top .logo{ padding:0; float:none; }
.qm-top .logo a{ display:inline-block; padding:9px 0;  }
.qm-top .logo img{ height:32px; width:auto}   
.topbar .right{ float:none;}
.topbar .right .as{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.topbar .right .as a{ font-size:12px; margin-right:20px}
.topbar .right .as a i{ width:20px; height:20px} 
.searchbox .bd .input{ font-size:12px}

.qm-top .topsearch{ margin-top:10px; margin-right:0; width:140px;}
.qm-top .qm-right{ right:60px;}
.qm-top .topsearch .intxt{ height:30px; font-size:12px;}
.qm-top .topsearch .inbtn{ width:45px; font-size:12px}

.qm-top .weap{ padding-right:0}
.qm-nav{ width:100%}
.m-nav{display:block; height: 24px; width: 30px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 15px; top: 15px; }
.m-nav a{background-color: #0067b6; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color: #0067b6; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -9px;}
.m-nav a:after{top: 10px;}
.qm-top.block .m-nav{transform: rotate(90deg);}
.qm-top.block .m-nav a{background-color: transparent !important;}
.qm-top.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}
.qm-top.block{  padding:0; border-bottom:1px solid #e2e2e2}
.qm-top.fexbox .logo img{ height:32px} 
.qm-top .topright{  position:fixed;  width: 100%; -webkit-box-sizing: border-box; z-index:1; left:0;top:0px; right:0; height:auto; width:auto; padding:0 10px; -webkit-box-align:center; height:24px; line-height:24px; display:none}
.qm-top .topright p{ display:inline-block;}
.qm-top.block .topright{display: -webkit-box;-webkit-box-align:center } 
.qm-nav{float:none; display:none; background:#fcfcfc;position:fixed; z-index: 1000; left: 0; top:50px; right: 0; bottom:0px; overflow-y:auto;-webkit-overflow-scrolling: touch; height:auto}
.qm-top.fexbox .qm-nav{top:50px}
.qm-top.block .qm-nav{ display:block} 
.qm-nav ul{ float:none} 
.qm-top .callbox{ margin-bottom:0; display:none}
.qm-top.fexbox .qm-nav .nl{ width:100%; margin-left:0}
.qm-top.fexbox .qm-nav ul{ float:none; padding-left:0} 
.qm-top.fexbox .qm-nav .nl .alink{ height:auto}
.qm-top.fexbox .logo{ padding-top:0;}
.qm-top .qm-nav .weap{ padding-left:0; padding-right:0;}
.qm-nav .nl.exist:after{ content:""; display:block; position:absolute; z-index:3; height:46px; right:0; width:46px;top:0;    background: url(../images/ico-down.png) no-repeat center right 10px; background-size:auto 30%}
 
.qm-top.fexbox .box{ position:fixed; z-index:999;top:0; left:0; right:0;}
.qm-top.fexbox .topright{ display:block}
.qm-nav .nl{ width:100%; float:none; padding:0; background:none}
.qm-nav .nl .alink{ position:relative; padding:0 10px; line-height:45px; width:auto; text-align:left; color:#393939; border-bottom:1px solid #e2e2e2; display:block; font-size:16px; margin-left:0}
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{ border-top:none;  } 
.qm-top .callbox a{ background-size:20px; font-size:12px; padding-left:30px}
.qm-top .callbox a p{ font-size:12px;}
.qm-nav .nl .alink:hover:after, .qm-nav .nl.on .alink:after{top:auto; bottom:0}
.qm-top.fexbox .qm-nav .nl .alink:hover:after,.qm-top.fexbox .qm-nav .nl.on .alink:after{ display:block}
.qm-nav .nl.fullnl{ position:relative}
.qm-nav .nl.fullnl .sub .weap{ display:block}
.qm-nav .nl.fullnl .sub dl{ width:100%; margin:0;}
.qm-nav .nl.fullnl .sub dl:after{ display:none}
.qm-nav .nl.fullnl .sub:after{ display:none}
.qm-nav .nl.fullnl .sub dt{ height:32px; line-height:32px}
.qm-nav .nl.fullnl .sub dd i{flex:0 0 20px}
.qm-nav .nl.fullnl .sub dd a{ font-size:14px}

.qm-nav .nl .sub{ position:static; width:auto; padding-top:0; text-align:left; margin:0; padding-left:0px;    border-bottom: 1px solid #e2e2e2; padding:10px 0 }
.qm-nav .nl .sub a{ padding:0 25px; text-align:left; height:32px; line-height:32px}
.qm-nav .nl .sub li:last-child a{ border-bottom:none} 
 
.videopop .videobd .video{ height:auto}  

.tool-bar{ display:none}
.footer .footnav{ display:none}
.footer .footadder{-webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;}
.footer .banquan .left{ float:none}
.footer .banquan .right{ float:none}

/*底部三大功能键*/   
.floating.pc{ display:none}
.mfloat{ display:block; height:58px;}
.mfloat ul{ position:fixed; z-index:97; left:0px; right:0px; bottom:0px; height:58px;background: rgba(0,0,0,0.9); display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.mfloat ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:center;  }
.mfloat ul li:last-child{ border-right:none}
.mfloat ul li a{ display:block; color:#fff; padding-top:8px}
.mfloat ul li i{ display:block;  width:24px; height:24px; background-size:100%;background-repeat:no-repeat; background-position:center; margin:0 auto}
.mfloat ul li i.ico-mf01{ background-image:url(../images/ico-f01h.png)}
.mfloat ul li i.ico-mf02{ background-image:url(../images/ico-f03h.png); }
.mfloat ul li i.ico-mf03{ background-image:url(../images/ico-f02h.png); } 

#popbox{width: 100%; height: 100%; position: fixed; top: 0;display:none; z-index: 1000; background: rgba(0,0,0,.6);}
#popbox .bd{margin: auto; position: absolute; top:50%; left: 50%;margin-left:-40%; width: 80%; padding: 10px;transform:translateY(-50%); text-align: center; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; padding-top:40px}
#popbox .bd .close{position: absolute; top: 10px; right: 10px; width:24px; height:24px; font-size:12px; line-height:24px; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 100%; cursor: pointer; display:block;}
#popbox .bd img{width:130px}
#popbox .bd span{display: inline-block; padding:0 10px; background-color: #222; color: #fff; border-radius: 5px; cursor: pointer;}
#weixintis{position: fixed; top: 50%;transform:translateY(-50%);padding:20px 0; margin-top: -.2rem; z-index: 9999999; font-size:14px; color: #fff; width: 90%;left:50%;margin-left:-45%; text-align: center; background: rgba(0, 0, 0, 0.8); border: 2px solid #333; border-radius:5px; display: none;}

.fixed-bar{ display:none}
}
@media(max-width:766px) {
.pages{ margin-top:10px}
.qm-top .topsearch{ width:140px}

/*底部*/ 
.footer .weap{ display:none}
}