@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}
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); background-color:#fff}
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#db282f; text-decoration:none}
.weap{ max-width:1160px; 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;} 
.w1006{ max-width:1006px; margin:0 auto}
/*布局*/
.flex{display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;}
.flex1{-webkit-box-flex: 1;felx:1; }
.flexalign{-webkit-box-align: center;align-items: center;}
.mflex{ display:none}
/*头部*/ 
 
.qm-top{ position:absolute; z-index:88; left:0; right:0;top:41px; height:75px; background:rgba(0,0,0,.8); height:75px}
.qm-top .box{ max-width:1006px; margin:0 auto; position:relative; height:75px;} 
.qm-top .logo{ position:absolute; z-index:2; bottom:15px; left:30px;}   
.qm-top .logo img{ height:93px; }  
 
.qm-nav{ padding-left:324px;} 
.qm-nav .nl{ text-align:center;  position:relative; width:20%; text-align:center; z-index:2; float:left; } 
.qm-nav .nl .alink{ line-height:75px; color:#fff; display:block;font-size:14px; text-align:center; position:relative;} 
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{ background-color:#db282f; } 
.qm-nav .nl .sub{ display:none; position:absolute; z-index:1; left:0; right:0;top:75px; background-color:#db282f; padding:20px 0}
.qm-nav .nl .sub a{ display:block; line-height:36px; text-align:center; color:#fff} 
 

/*底部 */
.footnav{ background-color:#202020; color:#fff; padding:35px 0;}
.footnav a{ color:#fff; }
.footnav .box{display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;}
.footnav dl{-webkit-box-flex: 1;felx:1;}
.footnav dt{ font-size:16px; margin-bottom:10px; padding-left:40px; background-repeat:no-repeat; background-position: left 5px}
.footnav .dl1 dt{ background-image:url(../images/ico-c01.png)}
.footnav .dl2 dt{ background-image:url(../images/ico-c02.png)}
.footnav .dl3 dt{ background-image:url(../images/ico-c03.png)}
.footnav .dl4 dt{ background-image:url(../images/ico-c04.png)}
.footnav .dl5 dt{ background-image:url(../images/ico-c05.png)}
.footnav dd{ padding-left:40px;font-size:12px}
.footnav dd a{font-size:12px}
.footnav dd img{ width:124px;}
.footer{ background-color:#fff; font-size:12px;}
.footer a{ font-size:12px;}
.footer .box{ padding:15px 0;display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;} 
.footer .box .footleft{-webkit-box-flex: 1;felx:1;}
.footer .cnzz{ display:inline-block; vertical-align:middle; margin-left:5px; position:relative;top:-2px}

.qq_ser{ width:72px; position:fixed; right:0px; bottom:100px; z-index:900;}
.qq_ser_item00 a{ display:block; float:right; width:72px; height:73px; background:url(../images/ewm01.jpg) no-repeat left top; position:relative}
.qq_ser_item00 .sub{ width:184px; height:173px; position:absolute; right:72px;top:50%; margin-top:-86px;background:url(../images/ewmh.png) no-repeat left top; display:none;}
.qq_ser_item00 a:hover .sub{ display:block;}
.qq_ser_item00 a:hover{ background:url(../images/ewm02.jpg) no-repeat left top;}
.qq_ser_item01 a{ display:block; float:right; width:72px; height:73px; background:url(../images/qq01.jpg) no-repeat left top;}
.qq_ser_item01 a.cur{ background:url(../images/qq02.jpg) no-repeat left top;}
.qq_ser_item02 a{ display:block; float:right; width:72px; height:73px; overflow:hidden; background:url(../images/tel01.jpg) no-repeat left top;}
.qq_ser_item02 a.cur{background:url(../images/tel02.jpg) no-repeat left top; width:240px;}
.qq_ser_item03 a{ display:block; float:right; width:72px; height:72px;background:url(../images/top01.jpg) no-repeat left top;}
.qq_ser_item03 a.cur{background:url(../images/top02.jpg) no-repeat left top;} 
@media (max-width: 1201px){
body{ line-height:1.6}
.weap{ padding-left:10px; padding-right:10px; width:100%}
.footer .box{ padding:15px 10px;}
}
@media (max-width: 1006px){
.w1006{ margin:0 10px;}

} 
@media (max-width: 999px){
 
/*头部*/  
.qm-top{ height:55px; position:static}  
.qm-top .box{ width:100%;  height:55px;position:fixed; z-index:999; background-color:#000 }
.qm-top .logo{ padding:0; bottom:5px; left:10px}
.qm-top .logo a{ display:inline-block;    }
.qm-top .logo img{ height:45px; width:auto}  
 
.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 .qm-nav{ display:block} 
.qm-nav ul{ float:none; padding-left:0;background-color:rgba(0,0,0,.6);} 
.qm-top .qm-nav .weap{ padding-left:0; padding-right:0;}
 
 
.qm-nav .nl{ width:100%; float:none; padding:0; background:none}
.qm-nav .nl.exist:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0; height:46px;}
.qm-nav .nl .alink{  position:relative; padding:0 10px; line-height:45px; width:auto; text-align:left; display:block; font-size:16px; margin-left:0}
.qm-nav .nl.on .alink, .qm-nav .nl .alink:hover{ color:#fff}

.qm-nav{ display:none; position:fixed; z-index:111;top:55px; left:0; right:0; height:auto; bottom:0;background-color:rgba(0,0,0,.6); padding-left:0} 
.qm-nav .nl .sub{ position:static; width:auto; margin-left:0; padding:0; padding-bottom:10px}
.qm-nav .nl .sub a{ text-align:left; padding-left:20px;}
 
}
@media(max-width:800px) {  
/*底部*/
.footnav{ padding:15px 0; position:relative}
.footnav dl{ display:none}
.footnav .dl5{ display:block;  overflow:hidden}
.footnav .dl5 dd:last-child{ position:absolute; bottom:17px; right:10px }
.footnav .dl5 img{ width:110px}
 
 
}
@media(max-width:760px) {  
/*底部*/
 
.footer .box{ display:block; text-align:center} 

.qq_ser_item00 a{ width:40px; height:41px; background-size:auto 100% !important}
.qq_ser_item01 a{ width:40px; height:41px; background-size:auto 100% !important}
.qq_ser_item02 a{ width:40px; height:41px; background-size:auto 100% !important}
.qq_ser_item03 a{width:40px; height:41px; background-size:auto 100% !important}
.qq_ser_item00 .sub{ right:41px}
}