@charset "utf-8";
@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap";

*, :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","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; 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; max-width:100%;  }
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:#999999;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}
textarea::-webkit-input-placeholder{color:#999999;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}		
.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: clamp(.9268439577072126rem,calc(.9268439577072126rem + ((1.0001856487548804 - .9268439577072126) * ((100vw - 20rem) / (96 - 20)))),1.0001856487548804rem); line-height:1.8; overflow-x:hidden; background-color:#fff;  }
a{ color:#333; text-decoration:none; font-size: clamp(.9268439577072126rem,calc(.9268439577072126rem + ((1.0001856487548804 - .9268439577072126) * ((100vw - 20rem) / (96 - 20)))),1.0001856487548804rem);}
a:hover{ color:#333;  text-decoration:underline}
.weap{  margin:0 auto; width:1700px; margin:0 auto; max-width:100%} 
 
table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.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;} 

@font-face {
    font-family: 'pfjt'; /* 自定义字体名称 */
    src: url('../fonts/pfjt.woff') format('woff'); /* woff格式 */
    font-weight: normal; /* 字体粗细 */
    font-style: normal; /* 字体风格，如normal或italic */
}
@font-face {
    font-family: 'pfjtcg'; /* 自定义字体名称 */
    src: url('../fonts/pfjtcg.woff') format('woff'); /* woff格式 */
    font-weight: normal; /* 字体粗细 */
    font-style: normal; /* 字体风格，如normal或italic */
}
@font-face {
    font-family: 'pfjtx'; /* 自定义字体名称 */
    src: url('../fonts/pfjtx.woff') format('woff'); /* woff格式 */
    font-weight: normal; /* 字体粗细 */
    font-style: normal; /* 字体风格，如normal或italic */
}
@font-face {
                font-family: 'beausite-text';
                                src: url('../fonts/BeausiteTextWeb-Light.ttf') format('truetype');
                                font-weight: 300;
                font-style: normal;
                font-stretch: normal;
                font-display: swap;
            }
@font-face {
                font-family: 'beausite-text';
                                src: url('../fonts/BeausiteTextWeb-LightItalic.ttf') format('truetype');
                                font-weight: 300;
                font-style: italic;
                font-stretch: normal;
                font-display: swap;
            }
@font-face {
                font-family: 'beausite-text';
                                src: url('../fonts/BeausiteTextWeb-Bold.ttf') format('truetype');
                                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                font-display: swap;
            }
@font-face {
                font-family: 'beausite-text';
                                src: url('../fonts/BeausiteTextWeb-BoldItalic.ttf') format('truetype');
                                font-weight: 700;
                font-style: italic;
                font-stretch: normal;
                font-display: swap;
            }
 @font-face {
                font-family: 'beausite-detail';
                                src: url('../fonts/BeausiteDetailWeb-ClearItalic.ttf') format('truetype');
                                font-weight: 300;
                font-style: italic;
                font-stretch: normal;
                font-display: swap;
            }
@font-face {
                font-family: 'beausite-detail';
                                src: url('../fonts/BeausiteDetailWeb-Regular.ttf') format('truetype');
                                font-weight: 400;
                font-style: normal;
                font-stretch: normal;
                font-display: swap;
            }
@font-face {
                font-family: 'beausite-detail';
                                src: url('../fonts/BeausiteDetailWeb-RegularItalic.ttf') format('truetype');
                                font-weight: 400;
                font-style: italic;
                font-stretch: normal;
                font-display: swap;
            }
@font-face {
                font-family: 'beausite-detail';
                                src: url('../fonts/BeausiteDetailWeb-Medium.ttf') format('truetype');
                                font-weight: 500;
                font-style: normal;
                font-stretch: normal;
                font-display: swap;
            }
@font-face {
                font-family: 'beausite-detail';
                                src: url('../fonts/BeausiteDetailWeb-MediumItalic.ttf') format('truetype');
                                font-weight: 500;
                font-style: italic;
                font-stretch: normal;
                font-display: swap;
            }
body{ font-family: "Barlow",Sans-Serif;  font-size: clamp(.8888rem,calc(.8888rem + ((.9375 - .8888) * ((100vw - 20rem) / (96 - 20)))),.9375rem); line-height: 1.5}
a{  font-size: clamp(.8888rem,calc(.8888rem + ((.9375 - .8888) * ((100vw - 20rem) / (96 - 20)))),.9375rem);font-family: "Barlow",Sans-Serif; }
/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.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;}
.fz12,.fz12 a{ font-size: clamp(0.7111111111111111rem, calc(0.7111111111111111rem + ((0.75 - 0.7111111111111111) * ((100vw - 20rem) / (96 - 20)))), 0.75rem);}
.fz14,.fz14 a{ font-size: clamp(.8511837997896059rem,calc(.8511837997896059rem + ((.8766627992082023 - .8511837997896059) * ((100vw - 20rem) / (96 - 20)))),.8766627992082023rem)}
.fz18{ font-size: clamp(1.138rem,calc(1.138rem + ((1.37 - 1.138) * ((100vw - 20rem) / (96 - 20)))),1.37rem)}
.fz20{ font-size: clamp(1.0707016279991048rem,calc(1.0707016279991048rem + ((1.25048257723168 - 1.0707016279991048) * ((100vw - 20rem) / (96 - 20)))),1.25048257723168rem)}
.fz24{font-size: clamp(1.204539331498993rem,calc(1.204539331498993rem + ((1.500579092678016 - 1.204539331498993) * ((100vw - 20rem) / (96 - 20)))),1.500579092678016rem)}
.fz26{font-size: clamp(1.5407407407407407rem, calc(1.5407407407407407rem + ((1.625 - 1.5407407407407407) * ((100vw - 20rem) / (96 - 20)))), 1.625rem);} 
.fz28{ font-size: clamp(1.330435162317349rem,calc(1.330435162317349rem + ((1.7502007389439347 - 1.330435162317349) * ((100vw - 20rem) / (96 - 20)))),1.7502007389439347rem); }
.fz28 a{ font-size: clamp(1.330435162317349rem,calc(1.330435162317349rem + ((1.7502007389439347 - 1.330435162317349) * ((100vw - 20rem) / (96 - 20)))),1.7502007389439347rem); }
.fz30{ font-size: clamp(1.3910071677967895rem,calc(1.3910071677967895rem + ((1.8750738358987653 - 1.3910071677967895) * ((100vw - 20rem) / (96 - 20)))),1.8750738358987653rem)}
.fz32{ font-size: clamp(1.5082424181464362rem,calc(1.5082424181464362rem + ((2.1252787012597154 - 1.5082424181464362) * ((100vw - 20rem) / (96 - 20)))),2.1252787012597154rem)}
.fz36{font-size: clamp(1.5648830637713882rem,calc(1.5648830637713882rem + ((2.2500886030785185 - 1.5648830637713882) * ((100vw - 20rem) / (96 - 20)))),2.2500886030785185rem)}
.fz38,.fz38 a{ font-size: clamp(2.2518518518518517rem, calc(2.2518518518518517rem + ((2.375 - 2.2518518518518517) * ((100vw - 20rem) / (96 - 20)))), 2.375rem);}
 
.fz40{ font-size: clamp(2.3703703703703702rem, calc(2.3703703703703702rem + ((2.5 - 2.3703703703703702) * ((100vw - 20rem) / (96 - 20)))), 2.5rem);}
.fz44{ font-size: clamp(2.6074074074074074rem, calc(2.6074074074074074rem + ((2.75 - 2.6074074074074074) * ((100vw - 20rem) / (96 - 20)))), 2.75rem);}
.fz46{font-size: clamp(1.8354493553799887rem,calc(1.8354493553799887rem + ((2.8801229450380377 - 1.8354493553799887) * ((100vw - 20rem) / (96 - 20)))),2.8801229450380377rem)}
.fz48{ font-size: clamp(2.8444444444444446rem, calc(2.8444444444444446rem + ((3 - 2.8444444444444446) * ((100vw - 20rem) / (96 - 20)))), 3rem);}
.fz84{ font-size: clamp(2.535741202006126rem,calc(2.535741202006126rem + ((4.7498989034157155 - 2.535741202006126) * ((100vw - 20rem) / (96 - 20)))),4.7498989034157155rem)}
/*头部*/ 
.qm-top.fexbox .box{ background-color:#fff;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; box-shadow:0 0 10px rgba(0,0,0,.5)}

 
.qm-top .box{ height:100px; z-index:999; left:0; right:0;top:0;  position:fixed; }
.qm-top .weap{  height:100px }
.qm-top .logo{ float:left; padding-top:38px;}
.qm-top .logo a{ display:block; float:left}
.qm-top .logo img{ display:block; height:25px;}
 
.qm-nav{  float:right; padding-right:190px  } 
.qm-nav ul{ font-size:0; }
.qm-nav .nl{ float:left; margin-left:60px;position:relative} 
.qm-nav .nl .alink{  display:block;     font-size: clamp(.9268439577072126rem, calc(.9268439577072126rem +((1.0001856487548804 - .9268439577072126)*((100vw - 20rem) /(96 - 20)))), 1.0001856487548804rem);text-align:center; line-height:100px; position:relative; color:#fff } 
 
 
.qm-nav .sub{ display:none; position:absolute; z-index:8;top:100px; left:0;  }
 
.qm-nav .sub ul{ display:inline-block; vertical-align:top; background:rgba(255,255,255,.5);width: 230px; box-shadow:0 0 5px rgba(0,0,0,.2) } 
 
.qm-nav .sub li{   margin-top:5px} 
.qm-nav .sub a{ display:block;  text-align:left;      font-size: clamp(.9268439577072126rem, calc(.9268439577072126rem +((1.0001856487548804 - .9268439577072126)*((100vw - 20rem) /(96 - 20)))), 1.0001856487548804rem);padding: 0 1vw;  }
 

.qm-top.fexbox .qm-nav .nl .alink{ color:#333}
.qm-top.fexbox .logo a img{ opacity:0}
.qm-top.fexbox .logo a{ background:url(../images/logoh.png) no-repeat center; background-size:auto 100%}
.qm-top.fexbox .apply{ color:#000}


.lanmuheader { height:100px; background:#fff; border-bottom:1px solid #eaeaea}
 
.lanmuheader .qm-top .qm-nav .nl .alink{ color:#333}
.lanmuheader .qm-top .logo a img{ opacity:0}
.lanmuheader .qm-top .logo a{ background:url(../images/logoh.png) no-repeat center; background-size:auto 100%}
.lanmuheader .qm-top .apply{ color:#000}

.logobox{ position:relative}
.m-s{ width:32px; height:29px; position:absolute; z-index:2; right:10px;top:50%; margin-top:-14px; background:url(../images/ico-s.png) no-repeat center; background-size:100%; cursor:pointer}
.m-s.on{ background:url(../images/ico-close.png) no-repeat center; background-size:100%; }
.apply{ display:block; width:100px; height:50px; line-height:50px;   color:#fff; position:absolute;  right:50px; position:absolute; z-index:3;top:25px; text-align:center; border-radius:15px; font-size: clamp(.9268439577072126rem, calc(.9268439577072126rem +((1.0001856487548804 - .9268439577072126)*((100vw - 20rem) /(96 - 20)))), 1.0001856487548804rem);}

.search-box{ width:220px; height:40px; position:absolute; z-index:3; right:0;top:50%; margin-top:-20px; display:none}
.search-block .search-box{ display:block;}
.search-block .qm-nav{ padding-right:390px}
.search-block .apply{ right:255px}
.search-block .m-s{ display:none}
.search-box .input{ width:100%; height:40px; padding:0 15px;background-color: rgba(255, 255, 255, 0.9); border:none; border-radius:50px}
.search-box .inbtn{ width:32px; height:29px; position:absolute; z-index:2; right:10px;top:50%; margin-top:-14px; background:url(../images/ico-s.png) no-repeat center; background-size:100%; cursor:pointer; border:none;}
/* 底部 */
.footer{ margin-top:5.7vw; color:#666666 }
.footer a{color:#666666}
.footer .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.footer .weap{padding:2.5vw 0; border-top:1px solid #dcdcdc;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;}
.footer .right ul li{ display:inline-block; margin-left:.1vw}
.footer .right ul li .a{ display:block; width:1.8vw; height:1.8vw; position:relative}
.footer .right ul li i{ display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100%}
.footer .right ul li .ico-ins{ background-image:url(../images/ico-ins.png)}
.footer .right ul li .ico-xhs{ background-image:url(../images/ico-xhs.png)}
.footer .right ul li .ico-mail{ background-image:url(../images/ico-mail.png)}
.footer .right ul li .ico-wechat{ background-image:url(../images/ico-wechat.png)}
.footer .right ul li .ewm{ display:block; position:absolute; z-index:2; bottom:4.2vw; opacity:0; left:50%; width:10vw; margin-left:-5vw; background-color:#fff;box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);transition: all 0.3s;}
.footer .right ul li .a:hover .ewm{bottom:2.2vw;opacity:1}
.footer .right ul li .ewm img{ display:block; width:100%}
/*页码*/
.pages{ text-align:center; font-size:0; margin-top:30px} 
.pages li{ display:inline-block}
.pages a,.pages span{display:inline-block; font-size:14px; padding:0 10px; line-height:40px; background-color:#fff; min-width:40px;   margin:0 7px;} 
.pages a.current,.pages a:hover{ text-decoration:underline}


header .header-search{background:#f0f0f0;padding:50px 0;display:none;position:fixed;z-index:99;left:0;right:0}
header .header-search .center{position:relative;height:auto}
header .header-search .center .search-icon{position:absolute;left:0;top:0;bottom:0;width:60px;text-align:center;cursor:pointer;background:url(../images/ico-s.png) no-repeat center;background-size:18px;opacity:.5}
header .header-search .center .input{width:100%;height:59px;background:#fff;border:none;padding:0 60px;font-size:16px;color:#999}
header .header-search .center .search-right{position:absolute;right:0;top:0;bottom:0;width:60px;text-align:center;cursor:pointer}
header .header-search .center .search-right:before{ content:""; display:block; width:1px; height:30px; background-color:#ddd; position:absolute; z-index:2; left:0;top:50%; margin-top:-15px}
header .header-search .search-box{ position:relative}
header .header-search .inbtn{ width:100%; height:100%; cursor:pointer; border:none; background:url(../images/ico-rss.png) no-repeat center; background-size:15px}

.search-block .qm-nav .nl{ margin-left:2.5vw}
@media (max-width: 1720px){  
	.weap{padding: 0 10px}
}
@media (max-width: 1650px){  
.qm-nav .nl{ margin-left:3vw}
.search-block .qm-nav .nl{ margin-left:2vw}
.weap{ width:92%; padding-left: 0;padding-right: 0}

.qm-top .weap{ width:95%}

 
.fz40{font-size: clamp(1.5648830637713882rem,calc(1.5648830637713882rem + ((2.2500886030785185 - 1.5648830637713882) * ((100vw - 20rem) / (96 - 20)))),2.2500886030785185rem)}
 
}
@media (max-width: 1500px){  
.qm-nav .nl{ margin-left:2vw}
 
 
}
@media (max-width: 1366px){  
  
 
 
.qm-top .box{ height:90px}
.qm-top .logo{ padding-top:30px}
.qm-nav .nl{ margin-left:2vw}
.qm-nav .nl .alink{ line-height:90px}
.qm-nav .nl .alink::before{ margin-left:-40px; height:4px}
.qm-nav .sub{top:90px}
.qm-top .weap{ height:90px}
 
 
 
.qm-nav .sub a{ min-width:100px}
.qm-nav .sub .img{ width:200px; height:140px}
.qm-nav .sub ul{ margin-right:20px}
 
 

.apply{ height:40px; line-height:40px;   width:80px}
.search-block .qm-nav{ padding-right:300px} 
.search-block .apply{ right:200px}
.search-box{ width:190px}
 
}
@media (max-width: 1200px){  
.qm-nav{padding-right: 90px;}	
.apply{right: 0;}
}
@media (max-width: 999px){  
/*头部*/ 
 
 
body.ow{ overflow:hidden}
.qm-top{ height:55px}
.qm-top .box .weap{ height:auto;} 
.qm-top .box{ width:100%; height:55px;  z-index:999; position:relative;   background-size:cover; box-shadow:0 0 8px rgba(0,0,0,.1)}
.topbox{ height:55px; position:fixed; z-index:999; left:0; right:0;top:0;}
header .header-search{ position:fixed;top:55px}

.lanmuheader{height: 55px;}
 
.qm-top .logo{ padding-top:17px}
.qm-top .logo a img{ height:21px; opacity: 0}
.qm-top .logo a{background: url(../images/logoh.png) no-repeat center; background-size: auto 100%;}
.logobox{ position:static}
.m-s{ right:60px; display:none}
.apply{ display:none}
 
.m-nav{display:block; height: 20px; width: 26px; 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:50%; margin-top:-10px; }
.m-nav a{background-color:#000; 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:#000; 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: -7px;}
.m-nav a:after{top: 8px;}
.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(7px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-7px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}
.qm-top .box .navbox{ display:none}
.qm-top .box .navbox .weap{ padding-left:0; padding-right:0}
.qm-nav .nl.exist .alink:after{ position:absolute; z-index:2; right:10px;top:50%; margin-top:-2.5px;}
 
 
.qm-nav{ height:auto; float:none;}
.qm-nav .navbox{ background:rgba(0,0,0,.75);position:fixed; z-index: 999; left: 0; top:55px; right: 0; bottom:0; overflow-y:auto; padding-top:0; height:auto; border-bottom:none; padding:0 10px}
 
.qm-nav .nl{ width:100%; float:none; padding:0;  margin-left:0;border-bottom:1px solid #e2e2e2; position:relative}
.qm-nav .nl .alink{ position:relative; z-index:1; padding:0 10px; line-height:50px; height:50px; width:auto; text-align:left; color:#333;  font-size:15px; border:none; margin:0; background:url(../images/ico-rr.png) no-repeat center right; background-size:20px;}
.qm-nav .nl:after{ display:none}
.qm-nav .exist:before{ content:""; display:block; width:100%; height:50px;  background-size:auto 30%; position:absolute; z-index:10; right:0;top:0;}
 
.qm-nav .sub ul{ padding-right:0}
 
.qm-nav .nl.on .alink{ border-bottom:none; border:none}
.qm-nav .sub{ position:static; background:#fff;  width:auto; margin:0; border-top:1px solid #e2e2e2; text-align:left; padding:10px} 
.qm-nav .sub ul{ display:block; margin-right:0}
.qm-nav .sub li{ margin-left:0; display:block; border-bottom:none}
.qm-nav .sub a{ text-align:left; padding:0 15px; font-size:14px; background:none; line-height:32px; height:32px; color:#333}
.qm-nav .sub a:before{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#999; margin-right:8px; vertical-align:middle}
.qm-top.block .box .navbox{ display:block; padding-top:10px; background-color:#fff} 
.qm-nav .nl.on .alink:before{ width:100%; margin:0; left:0; height:2px}
.qm-nav .sub .img{ display:none}

 
 
.qm-top.fexbox .logo a img{ opacity:0}


.search-box{ position:fixed; z-index:999; margin-top:0;top:65px;   width:auto; right:10px; left:10px;}
.qm-top.block .search-box{display:block; }
.search-box .input{ border-radius:0;    background-color: rgba(242, 242, 242, 1);}
.search-box .inbtn{ background: url(../images/ico-ss.png) no-repeat center; background-size: 100%; opacity:.4}
}
@media(max-width:766px){
body{ line-height:1.6;  }
 
 
/*.fz18{ font-size:15px;}
.fz20{ font-size:16px;}
.fz24{ font-size:19px;}
.fz26{ font-size:20px;} 
.fz28{ font-size:22px;font-family: 'pfjtcg', sans-serif;}
.fz28 a{ font-size:22px;font-family: 'pfjtcg', sans-serif;}
.fz30{ font-size:24px;}
.fz32{ font-size:25px;}
.fz36{ font-size:28px;}
.fz38{ font-size:30px;}
.fz38 a{ font-size:30px;}
.fz40{ font-size:32px}
.fz44{ font-size:35px}
.fz46{ font-size:36px}
.fz48{ font-size:38px}
.fz84{ font-size:67px}*/
	
.footer .weap{display: block;}
.footer .left{margin-bottom: 2vw}	
.footer .right ul li .a{width: 7vw;height: 7vw;}	
.pages a, .pages span{margin: 0 2px}

}