@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","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;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}

@font-face {
  font-family: "SourceHanSerifSC-re";
   src: url("../fonts/SourceHanSansCN.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SourceHanSerifSC-Light";
   src: url("../fonts/SourceHanSansSC-Light.otf") ;
  font-weight: normal;
  font-style: normal;
}
a{
transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */
} 
body{ color:#525252;  font-size:18px; line-height:1.6; overflow-x:hidden;  }
a{ color:#525252; text-decoration:none; font-size:18px;}
a:hover{ color:#0091dc; text-decoration:none}
.weap{ max-width:1340px; 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;}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.mflex{ display:none}
/*头部*/  
 
.qm-top .logobox{ overflow:hidden; padding-top:24px; height:100px;  position:relative} 
.qm-top .logobox .weap{ position:relative; z-index:2;}
.qm-top .logo{ float:left; }
.qm-top .logo a img{ height:56px;} 
.qm-top .logo a{ display:inline-block; vertical-align:middle}
.qm-top .logo .toptitle{ display:inline-block; vertical-align:middle; height:46px; border-left:1px solid #fff; padding-top:10px; margin-left:15px } 
.qm-top .logo .toptitle img{ height:42px;}
.qm-top .topsearch{ float:right; padding-top:10px; width:222px} 
.qm-top .topsearch .bd{ position:relative; width:100%}
.qm-top .topsearch .bd .intxt{ width:100%; background-color:#fff; border:1px solid #d0d2d2; height:36px; padding-right:40px; padding-left:10px;}
.qm-top .topsearch .bd .inbtn{ width:36px; background:url(../images/ico-ss.png) no-repeat center; background-size:auto 22px; border:none; position:absolute; z-index:2; top:0; right:0; bottom:0; cursor:pointer}
 
.qm-top .manubox{ height:80px; position:relative;  } 
.qm-top .manubox .weap{ position:relative; z-index:2}
.qm-nav ul{ text-align:justify}
.qm-nav ul:after{
            content:'.';
            width: 100%;
            display: inline-block;
            overflow: hidden;
            height: 0;
        }

.qm-nav .nl{ text-align:center;  position:relative;  text-align:center; z-index:2; display:inline-block;} 
.qm-nav .nl .alink{ line-height:80px; height:80px; display:block;font-size:18px; text-align:center; position:relative; }  
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{  color:#0091dc}
 


/* footer */
.footer{ background:#003f74; color:#fff; padding-bottom:1px; padding-top:1px; padding:90px 0 } 
.footer a{ color:#fff}
.footer a:hover{ text-decoration:underline}
.footer .weap{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 .footnav{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding-right:10px}
.footer .footnav ul{ overflow:hidden; margin-bottom:40px; text-align:center}
.footer .footnav ul li{ display:inline-block; vertical-align:middle; margin:0 5%}
 
.footer .footlogo{ margin-right:8%}
.footer .footlogo img{ width:312px;}
.footer .banquan{ font-size:16px;}
.footer .banquan a{ font-size:16px}
.footer .footewm{ overflow:hidden}
.footer .footewm .img{ float:right}
.footer .footewm .img img{ width:118px;}
.footer .footewm .txt{ float:left; margin-right:45px}
.footer .footewm .txt h3{ font-size:23px; font-weight:normal; margin-bottom:10px}
.footer .footewm .txt .p{ font-size:18.7px; letter-spacing:1px; line-height:1.4}
/*页码*/
.pages{  margin-top:60px; text-align:center;}
.pages ul{ display:inline-block; vertical-align:middle; font-size:0; }
.pages li{ display:inline-block;  margin-bottom:5px ;  font-size:16px; margin:0 2px;}
.pages li a,.pages li span{ display:block; height:24px; line-height:24px; text-align:center; min-width:30px; text-align:center;  padding:0 10px; border-radius:3px;  }
.pages li a:hover,.pages li.on a,.pages li.on span{  color:#11b8b6;} 
.pages li.disabled{color: #aaa; cursor:not-allowed}
  
@media (max-width: 1440px){
body{ font-size:16px}	
a{ font-size:16px}
.qm-top .logobox{ padding-top:20px; height:86px}
.qm-top .logo a img{ height:46px}
.qm-top .topsearch{ padding-top:0}
.qm-top .manubox{ height:50px}
.qm-nav .nl .alink{ height:50px; line-height:50px}
} 
@media (max-width: 1368px){
.weap{ padding-left:10px; padding-right:10px; width:100%}
.footer .footlogo{ margin-right:4%}
.footer .footlogo img{ width:200px}
.footer .footewm .img img{ width:100px;}
.footer .footewm .txt{ margin-right:10px}
.footer .footnav ul{ margin-bottom:20px}
}
 
@media (max-width: 900px){
body{transition: all .5s ease; left:0; position:relative}
.ow{ left:-70%; position:relative}
/*头部*/   
.qm-top.flexbox{    transition: all .5s ease; position:fixed; z-index:99; left:0; width:100%; background-color:#fff;top:0; box-shadow:0 0 5px rgba(0,0,0,.2)}
.ow .qm-top.flexbox{ left:-70%}
.qm-top{ position:relative; z-index:99; border-bottom:1px solid #eee} 
.qm-top .topsearch{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; width:auto; background-color:rgba(0,0,0,.85); display:none}
.qm-top .topsearch .bd{ max-width:80%; margin:0 auto; position:relative;top:50%; transform:translateY(-50%)}
.qm-top .topsearch .bd .sclose{ display:block; position:absolute; z-index:2; color:#fff; width:26px; height:44px;top:-60px; left:50%; margin-left:-13px; background:url(../images/close_ico.png) no-repeat center; background-size:100%}
.qm-top .topsearch .bd .intxt{ height:40px}

.qm-top .logo a{ display:block; padding-top:15px  }
.qm-top .logo a img{ height:30px} 
.qm-top .logo .toptitle{ display:none}  
.qm-top .logobox{ height:60px; padding-top:0;}
 
.qm-top .toptel{ margin-right:50px} 
.qm-top .manubox{   height:0; line-height:normal}
.m-nav{display:block; height: 30px; 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: 10px;top:-45px;  background:url(../images/ico-m.png) no-repeat center; background-size:100%; z-index:3}
 
.qm-nav ul{ float:none; padding-left:0; background-color:#fff} 
.qm-top .qm-nav .weap{ padding-left:0; padding-right:0;}
.qm-top .topsearch.block{ display:block} 
 
.qm-nav .nl{ width:100%; float:none; padding:0; background:none; border-top:1px solid #eee}
.qm-nav .nl.exist:before{ content:""; display:block; position:absolute; z-index:2; width:50px;background:url(../images/ico-jia.png) no-repeat center;  right:0; height:48px; background-size:12px;}
.qm-nav .nl.exist.on:before{background:url(../images/ico-jian.png) no-repeat center;  right:0;background-size:12px; }
.qm-nav .nl.exist .alink{ background-size:12px; }
.qm-nav .nl.exist.on .alink{ background:#005bac  ;}
.qm-nav .nl .alink{ position:relative; padding:0 10px; padding-left:20px; line-height:50px; width:auto; text-align:left;   display:block; font-size:15px; margin-left:0; color:#333}
.qm-nav .nl.on .alink, .qm-nav .nl .alink:hover{ background:none; background-color:#005bac; color:#fff}
.qm-nav .nl.on .alink:before, .qm-nav .nl .alink:hover:before{ display:none}
.qm-nav .nl .sub a{ text-align:left; padding-left:35px; height:50px; line-height:50px;  background-size:6px; font-size:15px; color:#333; position:relative}
.qm-nav .nl .sub a:before{ content:""; display:block; width:4px; height:4px; background-color:#666; position:absolute; z-index:1; left:20px;top:50%; margin-top:-2px}

.mmclose{ height:60px; background:#005bac; position:relative}
.mmclose span{ display:block; position:absolute; z-index:1; right:0; bottom:0; width:60px;top:0; background:url(../images/close_ico.png) no-repeat center; background-size:22px;}
.qm-nav{position:fixed; z-index:111;top:0px; width:70%;right:-70%; height:auto; bottom:0;background-color:#fff;transition: all .5s ease; float:none; } 
.qm-top.block .qm-nav{ right:0; box-shadow:0 0 5px rgba(0,0,0,.2) } 
.qm-nav ul{ position:absolute; z-index:2; left:0; right:0; bottom:0;top:60px; overflow-y:auto}
.qm-nav .nl .sub{ position:static; width:auto; margin-left:0; background-color:#eee}
.m-ss{ position:absolute; z-index:1; right:50px;top:-41px; display:block; }
.m-ss span{ display:block; width:20px; height:20px; background:url(../images/ico-ss.png) no-repeat center; background-size:100%}

 
}
@media(max-width:766px) { 
.footer{ padding:30px 0}
.footer .weap{ display:block; text-align:center}
.footer .footlogo{ margin-right:0; margin-bottom:15px}
.footer .footlogo img{ width:150px}
.footer .footnav ul li{ float:none; width:auto; margin:0 5px; display:inline-block; vertical-align:middle}
.footer .footnav{ padding-right:0; margin-bottom:15px; }
.footer .footewm {text-align:center}
.footer .footewm .img{ float:none}
.footer .footewm>div{ display:inline-block; vertical-align:middle; float:none}
.footer .footewm .txt{ float:none; margin:0; margin-left:10px;}
.footer .footewm .txt h3{ font-size:20px;}
.footer .footewm .txt .p{ font-size:16px}
.footer .footewm .img img{ width:85px}
/*页码*/
.pages{ margin-top:30px}
.pages .totals{ display:none}

}