@charset "utf-8";

*{word-wrap:break-word}
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
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; } 
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))}
table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
/*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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
 
.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:16px; line-height:1.8; overflow-x:hidden;}
a{ color:#333; text-decoration:none; font-size:16px;}
a:hover{ color:#00a0e9; text-decoration:none}
.weap{ max-width:1160px; margin:0 auto;position:relative;}  
.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;} 
.mweb{ display:none}
.l{float:left;}
.r{float:right;}

/*头部*/ 
body{padding-top:85px;}
.qm-top{ position:fixed;z-index:99;top:0;left:0;right:0;background-color:#fff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.qm-top .box{padding:0 10px;max-width:1300px;position:relative;margin:0 auto;}
.qm-top .logo{float:left;padding:8px 0;}
.qm-top .logo img{height:70px;}
.qm-top .nav{ float:left;margin-left:12%;}
.qm-top .nav li{ float:left; margin-left:35px; position:relative}
.qm-top .nav li:hover .sub{ display:block}
.qm-top .nav li .sub{ display:none;box-shadow:0 13px 16px 0px rgba(0, 0, 0, 0.03); position:absolute; z-index:1; width:220px;left:50%; margin-left:-110px; text-align:center; background-color:#fff;border:1px solid #f3f3f3;}
.qm-top .nav li .sub:after{content:"";width:15px;height:8px;background:url(../images/1-2.png) no-repeat center;position:absolute;left:50%;top:-8px;margin-left:-8px;}
.qm-top .nav li .sub a{display:block;font-size:16px;line-height:40px;}
.qm-top .nav li .sub a:hover{background-color:#f3f3f3;color:#333;}
.qm-top .nav .alink{color:#333;font-size:16px;line-height:86px; display:block;position:relative}
.qm-top .nav .alink:after{content: ""; position: absolute; width: 0; height: 2px; background:#0075c1; bottom: 0; transform: translateX(-50%); transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 50%; opacity: 0;}
.qm-top .nav li:hover .alink,.qm-top .nav li.on .alink{color:#ff9600;}
/*.qm-top .nav li:hover .alink:after,.qm-top .nav li.on .alink:after{ width:100%; opacity:1}*/
.qm-top .navright{float:right;font-size:0;margin-top:28px;}

.navright .searchbox{float:left;margin-top:5px;cursor:pointer;}
.qm-top .topreach{transition: all 0.3s;overflow:hidden;font-size:13px;position:absolute; z-index:1;right:0;top:86px; background:#fff;border:1px solid #ddd; height:0px; visibility:hidden;}
.qm-top .topreach input{ background:none;  height:100%; border:none;  padding:0 10px; vertical-align:middle;font-size:14px;}
.qm-top .topreach .intxt{ width:220px;border-right:1px solid #ddd;}
.qm-top .topreach .inbtn{ width:32px; height:32px; background-color:#fff; background-image:url(../images/1-1.png); background-repeat:no-repeat; background-position:center; background-size:50%; cursor:pointer;}
.qm-top.topreachblock .topreach{height:32px; visibility:visible}

.language{float:left;margin-left:20px;position:relative;width:65px;background:url(../images/1-3.png) no-repeat right center;}
.language span{font-size:18px;font-family:Arial;display:block;padding:0 10px;vertical-align:middle;cursor:pointer;text-align:center;}

.language ul{position:absolute;top:100%;left:0;right:0;border:1px solid #e1e1e1;display:none;}
.language ul li{font-size:16px;text-align:center;background-color:#fff;border-bottom:1px solid #e1e1e1;cursor:pointer;}
.language ul li:last-child{border-bottom:none;}



/*底部*/
.footer{color:#ccc; position:relative; z-index:3;background:url(../images/ftbg.png) no-repeat center; background-color:#1d2532;padding-top:50px;}
.footer a:hover{color:#333}
.footer .foottop{padding-bottom:20px;}
.footer .foottop dl{float:left;width:15%;}
.footer .foottop .footcontact{margin-left:0;width:63%;}
.footer .foottop dl dt{ color:#ccc;font-size:18px; position:relative;padding-bottom:10px;margin-bottom:15px}
.footer .footlogo img{height:66px;}
.footer .foottop .footfollow{width:18%;}
.footer .foottop .footfollow a{width:23px;height:20px;background:no-repeat center;display:inline-block;margin-right:15px;}
.footer .foottop .footfollow .a1{background-image:url(../images/1-16.png);}
.footer .foottop .footfollow .a2{background-image:url(../images/1-17.png);}
.footer .foottop .footfollow .a3{background-image:url(../images/1-18.png);}
.footer .foottop .footfollow .a1:hover{background-image:url(../images/1-16on.png);}
.footer .foottop .footfollow .a2:hover{background-image:url(../images/1-17on.png);}
.footer .foottop .footfollow .a3:hover{background-image:url(../images/1-18on.png);}
.footer .footcontact .l1{display:flex; margin-bottom:20px; font-size:14px;}
.footer .footcontact .tit{font-weight: bold;}
.footer .footcontact .l2{width:30%;}
.footer .footcontact dd{width: 50%;display: inline-block;float: left;}

.footer .footcontact dd a{ font-size:16px}
.footer .footcontact .m{flex:1;}
.footer .footboot{color:#fff;text-align:center;border-top:1px solid #2e394a;}
.footer .footboot p{ padding:10px 0;font-size:14px;}
.footer .footboot a{font-size:14px;color:#fff;display:inline-block;margin-left:15px;}


/*右侧漂浮*/
.fexlist{width: 60px; position: fixed; right: 0; top: 50%; transform: translate(100%,-50%); z-index: 51; transition: all 0.3s; z-index:999}
.fexlist.show{transform: translate(0,-50%);}	
.fexlist li{ height:60px; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:100%; position:relative; cursor:pointer;transition: all 0.3s; margin-bottom:5px; background-position:0 0; border:1px solid #d4d4d4 }
.fexlist li.ico-f01{ background-image:url(../images/ico-f01.png)}
.fexlist li.ico-f02{ background-image:url(../images/ico-f02.png)}
.fexlist li.ico-f03{ background-image:url(../images/ico-f03.png)}
.fexlist li.ico-f04{ background-image:url(../images/ico-f04.png)} 
.fexlist li.ico-f01:hover{background-position:0 -60px}
.fexlist li.ico-f02:hover{background-position:0 -60px}
.fexlist li.ico-f03:hover{background-position:0 -60px}
.fexlist li.ico-f04:hover{background-position:0 -60px} 
.fexlist li:hover{ background-color:#f96611}	 
.fexlist li .subewm{width:162px; position:absolute;background-color:#eaeaea;padding:5px; z-index:1; left:300px;top:50%; margin-top:-81px;transition: all 0.6s;}
.fexlist li:hover .subewm{ left:-180px;}
.fexlist li .subewm:after{ content:""; display:block; position:absolute; z-index:1; width:10px; height:18px; right:-10px;top:50%; margin-top:-9px; background:url(../images/ico-03.png) no-repeat center left; background-size:100%}
.fexlist li .subewm img{ display:block; width:100%}

/*页码*/
.pages{text-align:center;}
.pages span,.pages a{display:inline-block;border:1px solid #e1e1e1;padding:0 18px;height:42px;line-height:40px;font-size:14px;margin-left:-1px;}
.pages .current{background-color:#00a0e9;color:#fff;border-color:#00a0e9;}



@media (max-width: 1500px){
/*头部*/
.qm-top .nav{margin-left:12%;}

}
@media (max-width: 1300px){
.weap{ padding-left:10px; padding-right:10px;} 
/*头部*/
.qm-top .nav{margin-left:5%;}
.qm-top .navright .chaxun{font-size:14px;height:35px;line-height:33px;}
.qm-top .navright .tel{font-size:24px;}


}


@media (max-width: 1200px){
/*头部*/
.qm-top .nav{margin-left:25px;}
.qm-top .nav li{ margin-left:35px;}
.qm-top .nav .alink{font-size:14px;}
.qm-top .navright .tel{margin-left:20px;}

/*底部*/
.footer .foottop dl{margin-left:3%;}
.footer .foottop .footcontact{width:55%;}
.footer .footlogo img{height:54px;}

}
 
@media (max-width: 1023px){
body{ font-size:15px; line-height:1.6;transition: all 0.3s;padding-top:60px;}
a{ font-size:15px}
.mweb{ display:block}
/*头部*/
.qm-top{ position:fixed; height:60px;top:0}
.qm-top .weap{transition: all 0.3s; position:fixed; z-index:99; height:60px; background-color:#fff; left:0; right:0;top:0; }
.indexbody .qm-top .weap{ background:none}
.indexbody .qm-top.on .weap{ background:#fff}
.qm-top .nav{ display:none; position:fixed; z-index:999; left:0; width:70%;top:0; bottom:0; background-color:#fff;     box-shadow: inset -15px 0px 10px -15px rgba(0,0,0,.3); padding-top:60px;transition: all 0.3s;transform: translate3d(-100%, 0px, 0px); height:100vh}
#panel{transition: all 0.3s;}
.block #panel{transform: translateX(70%); position:relative; overflow:visible !important; }
html.block{ overflow:hidden; height:100vh}
/*.block .qm-top .nav{transform: translate3d(-100%, 0px, 0px);}*/
.qm-top .nav .alink:after{ display:none}
.qm-top .nav li{ float:none; border-bottom:1px solid #e1e1e1; margin-left:0}
.qm-top .nav .alink{ line-height:50px; color:#333; padding:0 20px; font-size:16px}
.qm-top .logo{text-align:center;float:none;padding:10px 0;}
.qm-top .logo a{ display:block; background:url(../images/logo.png) no-repeat center; background-size:auto 100%}
.qm-top .logo img{ height:41px; opacity:0}
.qm-top .nav li .sub{ position:static; width:auto; margin-left:0; text-align:left;box-shadow: inset -15px 0px 10px -15px rgba(0,0,0,.4); border-top:1px solid #e1e1e1; padding:10px 0}
.qm-top .nav li .sub a{ font-size:14px; padding-left:20px}
.qm-top .nav li .sub a:before{ content:"•"; margin-right:10px}
.qm-top .nav li.on a{ background-color:#f3f3f3; border-left:2px solid #ff7f26;box-shadow: inset -15px 0px 10px -15px rgba(0,0,0,.3);}

.mnav{position:fixed; z-index:999; left:0; width:70%;top:0; bottom:0; background-color:#fff;     box-shadow: inset -15px 0px 10px -15px rgba(0,0,0,.3); padding-top:60px;transition: all 0.3s;transform: translate3d(-100%, 0px, 0px); }
.block .mnav{transform: translate3d(0px, 0px, 0px);}
.block .qm-top .box{transform: translateX(70%);}
.mnav li{border-bottom:1px solid #e1e1e1;}
.mnav li:last-child{border-bottom:none;}
.mnav li .alink{display:block;line-height:50px;color:#333;padding:0 20px;font-size:16px;position:relative;}
.mnav li .sub{position:static; width:auto;margin-left:0;text-align:left;border-top:1px solid #e1e1e1;padding:10px 0;display:none}
.mnav li.on .sub{display:block}
.mnav li .sub a{font-size:14px;padding-left:10px;display:block; line-height:45px;color:#666;}
.mnav li .sub a:before{content:"";margin-right:10px}
.mnav li.on a{box-shadow:inset -15px 0px 10px -15px rgba(0,0,0,.3);}
.mnav li .down{width:32px;height:17px;background:url(../images/down.png) no-repeat center;position:absolute;right:15px;top:15px;background-size:17px;}
.mnav li.on .down{transform:rotate(180deg);}

.indexbody .m-nav a{ background-color:#fff}
.indexbody .m-nav a:after,.indexbody .m-nav a:before{ background-color:#fff}
.indexbody .qm-top .logo img{ opacity:1;}
.indexbody .qm-top .logo a{ background:none}

.indexbody .qm-top.on .m-nav a{ background-color:#666}
.indexbody .qm-top.on .m-nav a:after,.indexbody .qm-top.on .m-nav a:before{ background-color:#666}
.indexbody .qm-top.on .logo img{ opacity:0;}
.indexbody .qm-top.on .logo a{background: url(../images/logo2.png) no-repeat center;background-size: auto 100%;}

.m-nav{display:block; height: 24px; width: 34px; 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; left:10px; top:50%; margin-top:-12px; }
.m-nav a{background-color: #666666; 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: #666666; 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;}
.block .qm-top .m-nav{transform: rotate(90deg);}
.block .qm-top .m-nav a{background-color: transparent !important;}
.block .qm-top .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.block .qm-top .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}

.qm-top .navright{float:right;margin-top:-42px;}
.qm-top .language{display:none;}
.navright .searchbox{margin-top:0;}
.qm-top .topreach{top:60px;}
.qm-top.topreachblock .topreach{top:60px;}

.mnav .mlanguage a{padding:0 20px;line-height:50px;}


/*底部*/
.footer{padding:15px 0;background-image:none;color:#fff;}
.footer .footadder dd{font-size:14px}
.footer .footadder dd a{ font-size:14px}
.footer .foottop{padding:0;}
.footer .foottop dl{float:none;width:auto;margin-bottom:20px;margin-left:0;}
.footer .foottop dl.footnav{display:none}
.footer .foottop .footcontact{width:auto}
.footer .foottop dl dt{font-size:18px;padding-bottom:0;margin-bottom:10px;color:#f79305;}
.footer .foottop .footlogo{display:none;}
.footer .footcontact .l1{float:none;margin-bottom:5px;width:100%;}
.footer .foottop .footfollow{width:100%;}
.footer .footboot{background-color:transparent;color:#fff;border-top:1px solid #5a6576;text-align:left;}
.footer .footboot p{ font-size:14px;padding-bottom:0;}
.footer .footboot a{ font-size:14px;color:#fff;margin-left:0;}

.fexlist{ display:none}

/*页码*/
.pages span,.pages a{padding:0 12px;height:30px;line-height:28px;}


}

@media(max-width:800px) {
body{background-color:#f7f8f9;}
}
/*tipso*/
.tipso_bubble,.tipso_bubble>.tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999;padding:10px} .tipso_bubble>.tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}.tipso_bubble.top>.tipso_arrow{border-color:#000 transparent transparent;top:100%;left:50%;margin-left:-8px}.tipso_bubble.bottom>.tipso_arrow{border-color:transparent transparent #000;bottom:100%;left:50%;margin-left:-8px}.tipso_bubble.left>.tipso_arrow{border-color:transparent transparent transparent #000;top:50%;left:100%;margin-top:-8px}.tipso_bubble.right>.tipso_arrow{border-color:transparent #000 transparent transparent;top:50%;right:100%;margin-top:-8px}
.tipso{}