﻿@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:#005dff;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;}

/*头部*/
.header{position:fixed;z-index:99;top:0;left:0;right:0;background-color:rgba(255,255,255,0.5);border-bottom:1px solid #e1e1e1;}
.qm-top{background-color:#fff;}
.qm-top.on{background-color:#fff;}
.box{padding:0 10px;max-width:1770px;position:relative;margin:0 auto;}
.qm-top .logo{float:left;padding:15px 0;}
.qm-top .logo img{height:49px;}
.qm-top .nav{ float:left;margin-left:22%;}
.qm-top .nav li{ float:left; margin-left:45px; 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:80px; 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:#0075c1;}
/*.qm-top .nav li:hover .alink:after,.qm-top .nav li.on .alink:after{ width:100%; opacity:1}*/
.qm-top .navright{float:right;margin-top:24px;}

.language{float:right;color:#999;}
.language a{font-size:18px;padding:0 10px;font-family:Arial;display:inline-block;vertical-align:middle;}
.language em{display:inline-block;width:1px;height:12px;background-color:#999;vertical-align:middle;}





/*底部*/
.footer{color:#999;position:relative;z-index:3;padding-top:50px;padding-bottom:50px;background-color:#333;}
.footer .weap{max-width:1600px;padding:0 10px;}

.footer .foottop{padding-bottom:20px;}
.footer .foottop dl{float:left;margin-right:5%;}
.footer .foottop .footcontact{width:25%;}
.footer .foottop .footfollow{width:10%;}
.footer .foottop .footform{margin-right:0;width:55%;}
.footer .foottop dl dt{color:#fff;font-size:18px; position:relative;padding-bottom:10px;margin-bottom:15px}
.footer .foottop dl dd{color:#999;font-size:14px;}

.footer .footfollow img{width:100%;}

.footer .footform .input{border-bottom:1px solid #999;float:left;width:31.3%;margin-right:3%;margin-bottom:20px;}
.footer .footform .input:nth-child(3){margin-right:0;}
.footer .footform .input input{background-color:transparent;width:100%;border:none;font-size:14px;height:35px;color:#999;}
.footer .footform .intextarea{border-bottom:1px solid #999;}
.footer .footform .intextarea textarea{background-color:transparent;font-size:14px;color:#999;width:100%;border:none;resize:none;height:100px;}
.footer .footform .inbtn input{width:104px;height:40px;background-color:#ddd;font-size:16px;border:none;color:#333;cursor:pointer;margin-top:30px;}
.footer .footform .inbtn input:hover{background-color:#fff;}

.footer .footboot{color:#999;position:absolute;left:12vh;bottom:50px;width:18%;}
.footer .footboot p{font-size:14px;}
.footer .footboot a{font-size:14px;color:#999;display:inline-block;margin-left:10px;}


/*右侧漂浮*/
.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 12px;height:32px;line-height:30px;font-size:14px;margin:0 5px;background-color:#f0f0f0;}
.pages .current{background-color:#005dff;color:#fff;border-color:#005dff;}


@media (max-width:1700px){
.footer .footboot{left:9vh;width:30%;}

}
@media (max-width:1600px){
.footer .footboot{left:100px;}

}

@media (max-width: 1500px){
/*头部*/
.footer .footboot{left:10px;}



}
@media (max-width: 1400px){
/*头部*/
.footer .footboot{left:10px;}



}
@media (max-width: 1300px){
.weap{ padding-left:10px; padding-right:10px;} 
/*头部*/
.qm-top .nav{margin-left:15%;}
.qm-top .navright .chaxun{font-size:14px;height:35px;line-height:33px;}
.qm-top .navright .tel{font-size:24px;}

.footer .footboot{left:10px;}
.footer .foottop dl{margin-right:3%;}
.footer .foottop .footcontact{width:27%;}
.footer .foottop .footfollow{width:12%;}
}


@media (max-width: 1200px){
/*头部*/
.qm-top .nav li{ margin-left:35px;}
.qm-top .navright .tel{margin-left:20px;}

.footer .footboot{width:35%;}
}
 
@media (max-width: 1023px){
body{ font-size:15px; line-height:1.6;transition: all 0.3s;padding-top:60px;background-color:#f7f8f9;}
a{ font-size:15px}
.mweb{ display:block}
/*头部*/
.qm-top{ position:fixed; height:60px;top:0;z-index:999;left:0;right:0;border-bottom:1px solid #e1e1e1;}
.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:left;*/float:none;padding:10px 0;}
.qm-top .logo a{ display:block; background:url(../images/logo.png) no-repeat left; 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; right: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 .alink{ display:block; line-height:50px; color:#333; padding:0 20px; font-size:16px}
.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:hover .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{ background-color:#f3f3f3;box-shadow:inset 15px 0px 10px -15px rgba(0,0,0,.3);}

.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; right:10px; top:50%; margin-top:-12px; }
.m-nav a{background-color: #005dff; 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: #005dff; 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;}
.footer .footadder dd{font-size:14px}
.footer .footadder dd a{ font-size:14px}
.footer .foottop{padding:0;}
.footer .foottop dl{float:none;margin-bottom:20px;margin-right:0;}
.footer .foottop dl.footnav{ display:none}
.footer .foottop dl:nth-child(1){ width:auto}
.footer .foottop dl dt{padding-bottom:0;margin-bottom:10px;font-weight:bold;}
.footer .foottop .follow{display:none;}
.footer .foottop .mweb{width:25%;}
.footer .foottop .footform{width:100%;}
.footer .footboot{position:static;width:100%;padding:0 10px;padding-top:5px;}
.footer .footboot p{ font-size:14px;padding-bottom:0;}
.footer .footboot a{ font-size:14px;margin-left:0;}

.fexlist{ display:none}

/*页码*/
.pages span,.pages a{padding:0 12px;height:30px;line-height:28px;}


}

@media(max-width:999px){
.footer .footform .input{width:100%;float:none;padding:0 10px;margin-bottom:10px;}
.footer .footform .intextarea{width:100%;padding:5px 10px;}
.footer .footform .inbtn input{margin-top:10px;}

}


/*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{}
 
	
 