@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; }
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;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */
} 
body{ color:#333;  font-size:14px; line-height:1.6; overflow-x:hidden; background-color:#fff}
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#f42b3b; text-decoration:none}
.weap{ max-width:1220px; margin:0 auto; } 
.weap-1380{max-width:1380px; 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;}
/*头部*/ 
.qm-top{ position:fixed; z-index:999; left:0; right:0; top:0; height:98px; background:rgba(0,0,0,0); transition: all 0.3s;} 
.qm-top .weap{ position:relative}
.qm-top.flexbox{ padding-top:0;background:rgba(0,0,0,0.5); height:98px}
.qm-top.flexbox .qm-nav{ padding-top:66px}
.qm-top.flexbox .logo{ padding-top:10px}
.qm-top .logo{ float:left; padding-top:18px;transition: all 0.3s; }
.qm-top .logo img{ height:80px;} 
 
.qm-nav{ float:right; padding-top:76px;transition: all 0.3s; } 
.qm-nav ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.qm-nav .nl{ line-height:22px;text-align:center; padding:0 20px; border-right:2px solid #fff; height:22px;} 
.qm-nav .nl:last-child{ padding-right:0; border-right:none}
.qm-nav .nl .alink:hover{ color:#f98b4f}
.qm-nav .nl .alink{ display:inline-block;font-size:18px; text-align:center; position:relative; color:#fff} 
.qm-nav .nl.on .alink{ color:#ec9a1c} 
.toptel{ position:absolute; z-index:2; right:0;top:12px; font-size:22px; color:#ec9c1c}
.toptel a{font-size:22px; color:#ec9c1c; display:block; padding-left:55px; position:relative}
.toptel a:before{ content:""; width:40px; height:40px; border-radius:50%; background:#ed971b url(../images/ico-tel.png) no-repeat center; background-size:60%; display:block; position:absolute; z-index:2; left:0;top:50%; transform:translateY(-50%)}
/* 底部 */
.footer{ background:#0f1214; color:#e1e1e1; font-size:12px; } 
.footer a{ color:#e1e1e1; font-size:12px;}
.footer a:hover{ color:#fff}
.footer .foottop{padding-top:40px; padding-bottom:40px; background-color:#161a1d}
.footer .foottop .weap{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.footer .foottop ul{ width:31%}
.footer .foottop ul li{ padding-left:25px; background-repeat:no-repeat; background-position:left center; margin-bottom:5px}
.footer .foottop ul .l1{ background-image:url(../images/ico-d01.png)}
.footer .foottop ul .l2{ background-image:url(../images/ico-d02.png)}
.footer .foottop ul .l3{ background-image:url(../images/ico-d03.png)}
.footer .foottop ul .l4{ background-image:url(../images/ico-d04.png)}
.footer .foottop .foottel{ width:42%; text-align:center;border-left:1px solid #2e3134;border-right:1px solid #2e3134}
.footer .foottop .foottel .libox{ display:inline-block; font-size:17px; text-align:left; padding-left:110px; background:url(../images/ico-24.png) no-repeat center left; background-size:auto 68px; }
.footer .foottop .foottel .libox .p2{ font-size:32px; color:#ed971b}
.footer .foottop .footshare{ text-align:center; width:27%}
.footer .foottop .footshare .libox{ display:inline-block; position:relative;top:50%; transform:translateY(-50%)}
.footer .foottop .footshare a{ display:inline-block; width:54px; height:54px; vertical-align:middle; border-radius:50%; margin:0 15px; position:relative}
.footer .foottop .footshare .wx{ background:#83b944 url(../images/ico-wx.png) no-repeat center; background-size:100%}
.footer .foottop .footshare .qq{ background:#00c9a1 url(../images/ico-qq.png) no-repeat center; background-size:100%}
.footer .foottop .footshare .sub{ background-color:#fff; position:absolute; z-index:2; bottom:64px; width:140px; left:50%; margin-left:-70px; padding:5px; min-height:140px; box-shadow:0 0 5px rgba(0,0,0,.5); display:none}
.footer .foottop .footshare a:hover .sub{ display:block}
.footer .foottop .footshare .sub img{ width:100%}

.footer .footbottom{ padding:15px 0; text-align:center; }
.footer .footbottom span{ display:inline-block; margin:0 12px}

/*漂浮*/
.mflex{ display:none}
.popup { display:none}
.izl-rmenu{position:fixed;right:0; margin-right:20px; bottom:20px; padding-bottom:20px;z-index:999; }
.izl-rmenu .btn{width:60px; height:60px; margin-bottom:2px; cursor:pointer; position:relative; display:block; background-size:60px !important}
.izl-rmenu .btn:hover{ opacity:.9}
.izl-rmenu .btn-zx{background:url(../images/ico-q01.png) no-repeat center; }
.izl-rmenu .btn-phone{background:url(../images/ico-q02.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone .phone{background-color:#e91b05; position:absolute; width:160px;left:-158px; top:0px; line-height:60px; color:#FFF; font-size:18px; text-align:center; display:none;}
 .izl-rmenu .btn-qq{background:url(../images/ico-q04.png) no-repeat center; }
.izl-rmenu .btn-wx{background:url(../images/ico-q05.png) 0px 0px no-repeat; }
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px;   display:none;width:160px;height:160px; bottom:0}
.izl-rmenu .btn-top{background:url(../images/ico-top.png) 0px 0px no-repeat;   display:none;}

#layer_weixin{ display:none}
@media (max-width: 1220px){

.toptel{ right:10px}	
.weap{ padding-left:10px !important; padding-right:10px !important; } 
}
 
@media (max-width: 999px){
body{transition: all .5s ease;left:0; position:relative}
/*头部*/  
 
.qm-top{  padding-top:0; height:60px;} 
.qm-top .box{ width:100%;  height:60px;  position:fixed; z-index:100; left:0 ;transition: all .5s ease; }
.qm-top.flexbox{ height:60px}
.qm-top .logo{ padding:5px 0; float:none;  transition: all 0.3s;}
 
.qm-top .logo a{ display: block;  }
.qm-top .logo img{ height:50px; width:auto; display:block} 
.qm-top.flexbox .box{top:0}
.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: 10px; top: 50%; margin-top:-12px; background:url(../images/menu_ico.png) no-repeat center; background-size:100%}
.qm-top.block .m-nav{background:url(../images/ico-close.png) no-repeat center; background-size:auto 100%}
.qm-top .qm-nav .weap{ padding-left:0; padding-right:0;}
.qm-nav .nl:hover{ background:none}
.qm-nav{ padding-left:0}
.qm-nav .nl{ float:none; padding:0; background:none; border-top:1px solid #eee; height:auto; margin:0; line-height:50px}
.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:#999}
.toptel{ right:45px;top:50%; margin-top:-13px;}
.toptel a{  padding-left:30px; overflow:hidden; height:26px; font-size:14px; line-height:26px}
.toptel a:before{ width:26px; height:26px;}
.toptel a i{ display:none}
 
.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{ float:none; padding-left:0; background-color:#fff; padding-top:0px; display:block;position:absolute; z-index:2; left:0; right:0; bottom:0;top:0px; overflow-y:auto} 
.ow{left:-70%; position:relative}
.ow .qm-top .box{ left:-70%;}

/*底部*/
.footer .foottop .foottel .libox{ font-size:12px; background-size:auto 100%; padding-left:80px}
.footer .foottop .foottel .libox .p2{ font-size:20px}
.footer .foottop ul{ width:40%}

.izl-rmenu{ display:none}
.mflex{ height:55px; display:block}
.mflex ul{height:55px; position:fixed; left:0; right:0; bottom:0; z-index:9; background-color:#ed971b;}
.mflex li{ width:33.33%; text-align:center; color:#fff; float:left}
.mflex  a{ display:block; height:60px; color:#fff; padding-top:5px}
.mflex .ico{ height:28px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; margin-bottom:5px}
.mflex h3{ font-weight:normal; font-size:12px}
.mflex .ico-f01{ background-image:url(../images/ico-j01.gif)}
.mflex .ico-f02{ background-image:url(../images/ico-j02.gif)}
.mflex .ico-f03{ background-image:url(../images/ico-j03.gif)} 
.popup{ position:fixed; z-index:999; bottom:55px; left:0; right:0; padding:20px; background:rgba(0,0,0,.8); display:none}
.popup .popimg{ text-align:center}
.popup .popimg img{ max-width:120px}
 
}
@media(max-width:766px) { 

.qm-top .logo{ padding:10px 0}
.qm-top .logo img{ height:40px}
/*底部*/
.footer .foottop{ display:none}
}