@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","Times New Roman","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; }
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {
    -webkit-appearance: none;
    outline: 0;border:none; border-radius:0
}
/*
	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;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */
} 
/*@font-face {
  font-family: "effra-reg";
  src: url("../font/Effra.woff2") format("woff2"),
       url("../font/Effra.woff") format("woff"),
       url("../font/Effra.ttf") format("truetype"),
       url("../font/Effra.eot") format("embedded-opentype"),
       url("../font/Effra.svg") format("svg");
 font-weight:400;
	font-style:normal;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
  
}*/
@font-face {
	font-family:effra-reg;
	src:url(../font/Effra-Regular_gdi.eot);                                                
	src:url(../font/Effra-Regular_gdi.eot?#iefix) format("embedded-opentype"),url(../font/Effra-Regular_gdi.woff) format("woff");
	font-weight:400;
	font-style:normal
}
body{ color:#333333; font-family:"effra-reg",sans-serif;font-size:14px; line-height:20px; font-weight:400; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0); background-color:#fff}
a{ color:#333333; font-family:"effra-reg",Times New Roman,sans-serif;text-decoration:none; font-size:14px;}
a:hover{ color:#333333; text-decoration:none}
.weap{ max-width:1330px; 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-flex;display: flex ; display: -moz-box; display: -ms-flexbox; -webkit-box-orient: horizontal; -webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex1{-webkit-box-flex: 1;flex:1; }
.flexalign{-webkit-box-align: center;align-items: center;}
.input-file {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 1;
    font-size: 30em;
    opacity: 0;
    filter: alpha(opacity=0);
}
/*头部*/ 

.qm-top{ height:90px;}
.qm-top .box{background-color:#000; position:fixed; z-index:99;top:0; left:0; right:0; box-shadow:0 0 10px rgba(0,0,0,.3)} 
.qm-top .box .weap{ height:90px; position:relative}
.qm-top .logo{ float:left; padding-top:20px}   
.qm-top .logo img{ height:54px; }
.fixednone .qm-top .box{ position:static}

.qm-nav{ padding-left:305px;  padding-right:95px; } 
.qm-nav ul{display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
display: -moz-box; /* Firefox 17- */  
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
display: -moz-flex; /* Firefox 18+ */  
display: -ms-flexbox; /* IE 10 */  
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */}
.qm-nav .nl{ text-align:center; text-align:center; z-index:2; padding:0 14px; position:relative } 
.qm-nav li .alink{border-radius:5px; display:block;text-align:center;line-height:90px; height:90px;  position:relative; font-size:15px; color:#7d7c7c  } 
.qm-nav .nl.on .alink:after{ content:""; display:block; height:2px; background-color:#dd0816; position:absolute; z-index:1; bottom:20px; left:0; right:0}
 
.qm-nav .nl.on .alink{ color:#dd0816; } 
.qm-nav .nl .sub{ display:none;position:absolute;z-index:2; left:-50px; right:0;top:90px; padding-left:0; padding:25px 0;background-color:#f4f4f4; width:701px; padding:0 7px; box-shadow:rgba(10,2,4,.75) 0 3px 5px}
.qm-nav .nl .sub .p{ float:left;width:33.33%}
.qm-nav .nl .sub .p img{ width:100%}
.qm-nav .nl .sub a{ display:block; margin:0 7px;  position:relative}
.qm-nav .nl .sub .title{ position:absolute; z-index:1; left:0; right:0; text-align:center; color:#fff; text-shadow:0 0 2px #333;top:50%; line-height:1.4; margin-top:-20px;} 
.qm-nav .nl .sub .title span{ display:block; font-weight:bold}
  

.qm-top .topsearch{ position:absolute; z-index:1; right:50px;top:50%; margin-top:-17px; width:20%}
.qm-top .topsearch .intxt{ width:100%; height:34px; line-height:34px; padding:0 20px; background-color:#fff; border:none; border-radius:5px;} 
.qm-top .topsearch .inbtn{ position:absolute; z-index:1; right:0;top:0; bottom:0; cursor:pointer; border:none; background:url(../images/ico-s.png) no-repeat center; background-size:50%; width:34px; font-size:14px}
.qm-top .topmail{ display:block; width:22px; height:16px; position:absolute; z-index:2; right:0;top:50%; margin-top:-8px; background:url(../images/ico-email.png) no-repeat center; background-size:100%}
/* footer */
.footer{ background-color:#202020;padding:45px 0; color:#707070 ; position:relative; z-index:0 }  
.footer a{ color:#717070}
.footer a:hover{ text-decoration:underline}
.footer .foottop{   padding-bottom:30px;display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
display: -moz-box; /* Firefox 17- */  
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
display: -moz-flex; /* Firefox 18+ */  
display: -ms-flexbox; /* IE 10 */  
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */-webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between; }
.footer .footnav li{ margin-bottom:10px}
.footer .footfx{ text-align:center}
.footer .footfx .p1{ margin-bottom:5px}
.footer .footfx .p2 a{ margin:0 5px;}
.footer .banquan{border-top:1px solid #707070; padding-top:15px; font-size:12px}
.footer .banquan a{ font-size:12px;}
/*页码*/
.pages{  text-align:right}
.pages li{ display:inline-block; margin-bottom:5px; vertical-align:middle }
.pages li a{ display:block; height:50px; line-height:50px; text-align:center; width:50px;  }
.pages li a:hover,.pages li.on a{ background:#343333; color:#fff}
.pages li a.pprev{ width:auto; padding:0 25px; border:1px solid #333; border-radius:50px 0 0 50px}
.pages li a.pprev:before{ content:"<"; margin-right:5px}
.pages li a.pnext{ width:auto; padding:0 25px; border:1px solid #333; border-radius:0 50px 50px 0}
.pages li a.pnext:after{ content:">"; margin-left:5px}
@media (max-width: 1330px){
.weap{ padding-left:10px; padding-right:10px; width:auto}
/*头部*/
.qm-top .topmail{  right:10px;}
.qm-top .topsearch{ right:40px}

}
@media (max-width: 1088px){
.qm-nav{ padding-left:255px}

}
  
@media (max-width: 999px){
body.ow{ overflow:hidden}
/*头部*/ 
 
.qm-top{ height:55px; } 
.qm-top .box .weap{ height:55px} 
.qm-top .box{ width:100%;  height:55px;  position:fixed; z-index:1000;  }
.qm-top .logo{ padding-top:12px}
.qm-top .logo a{ display:inline-block;  }
.qm-top .logo img{ height:30px; width:auto} 
.qm-top .topsearch{  right:0;  position:fixed; z-index:1111; left:0; width:auto; margin-top:0;border-bottom: 1px solid #e2e2e2; display:none;  background-color:#fff; height:45px;top:55px; } 
.qm-top.block .topsearch{ display:block}
.qm-top .topmail{ right:65px}
.fixednone .qm-top .box{ position:fixed}
 
.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: 50%; margin-top:-12px }
.m-nav a{background-color:#fff; 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:#fff; 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{   box-shadow:0 0 5px #CCC; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; -o-box-shadow:0 0 5px #CCC; padding:0; border-bottom:1px solid #e2e2e2}   
.qm-top.block .qm-nav{ display:block} 
.qm-nav ul{ display:block; padding:0; background-color:#fff} 
 

.qm-nav{ padding:0; display:none; padding-top:45px; position:fixed; z-index:111;top:55px; left:0; right:0; bottom:0; overflow-y:auto;background-color:rgba(0,0,0,.8)} 
.qm-nav .nl:nth-child(2):after{ content:""; display:block; position:absolute; z-index:3; height:46px; left:0; right:0;top:0}
.qm-nav .nl{ width:100%; float:none; padding:0; background:none; position:relative}
.qm-nav .nl .alink{ position:relative; padding:0 10px; line-height:45px; height:45px; width:auto; text-align:left; color:#393939; border-bottom:1px solid #e2e2e2; display:block; font-size:16px; margin-left:0; border-radius:0} 
.qm-nav .nl .alink:hover:after, .qm-nav .nl.on .alink:after{top:auto; bottom:0; background-color:#dd0816}  
 
 
.qm-nav .nl .sub{ position:static;  width:auto; padding-top:0; text-align:left; margin:0; padding:0;border-bottom: 1px solid #e2e2e2; overflow:hidden  }
.qm-nav .nl .sub .p{ float:left; width:33.33%}
.qm-nav .nl.exist .alink:after{ display:block; position:absolute; z-index:2; right:10px;top:50%; margin-left:-3.5px}
.qm-nav .nl .sub a{ margin:0 5px;}
.qm-nav li .alink{ line-height:45px; height:45px; text-align:left; padding:0 10px}
 
 
/*底部*/  
.footer{ padding:20px 0}
 

}
@media(max-width:766px) { 
.footer .foottop{ display:block; overflow:hidden; padding-bottom:20px}
.footer .foottop ul{ width:50%; float:left}
.footer .footlogo{ display:none}
.footer .footfx{ width:50%; float:left; text-align:left}
.pages{ text-align:center;}
.pages li a{ width:36px; height:40px; line-height:40px}
.pages li a.pprev{ padding:0 10px;}
.pages li a.pnext{ padding:0 10px;}
}