@charset "utf-8";
*, :after, :before{
	-webkit-box-sizing: border-box;
	/* [disabled]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; 
 
-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 
 }
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:#999999;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}
textarea::-webkit-input-placeholder{color:#999999;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}		
.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}
@font-face{
	font-family:syzt; 
	src:url( '../font/SOURCEHANSANSCN-REGULAR.TTF' ) format('truetype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family:syztb; 
	src:url( '../font/SOURCEHANSANSCN-HEAVY.TTF' ) format('truetype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family:syzte; 
	src:url( '../font/SOURCEHANSANSCN-EXTRALIGHT.TTF' ) format('truetype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family:syztm; 
	src:url( '../font/SOURCEHANSANSCN-MEDIUM.TTF' ) format('truetype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family:syztr; 
	src:url( '../font/SOURCEHANSANSCN-REGULAR.TTF' ) format('truetype'); 
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family:syztn; 
	src:url( '../font/SOURCEHANSANSCN-NORMAL.TTF' ) format('truetype'); 
  font-weight: normal;
  font-style: normal;
}




.syztb{ font-family:"syztb"}
a{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
body{ color:#666; font-family:"syztr";  font-size:16px; line-height:1.8; overflow-x:hidden; background-color:#fff;  }
input{font-family:syzt;  }
a{ color:#666; text-decoration:none; font-size:16px;font-family:"syztr";}
a:hover{ color:#000;  text-decoration:none}
.weap{  margin:0 auto; padding:0 100px} 

.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;} 

body.block .banner,body.block .footer,body.block .index01,body.block .index02,body.block .index03,body.block .index04,body.block .index05,body.block .mainbox,body.block .nbanner{  filter: blur(5px);}

/*布局*/ 
.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; min-width:0}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.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;} 
.flexbetweenr{-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
 
/*头部*/  
.qm-top.block .box{ background-color:#fff;}
.qm-top.block .menua{ visibility:hidden}
.qm-top .box{ height: 100px; position:fixed; z-index:33; left:0; right:0;transition: all 0.3s;} 
.logobox{height:100px;}
.qm-top .weap{position:relative; padding:0 50px}
.qm-top .logo{ float:right; padding-top:25px;}
.qm-top .logo a{ display:block; float:left}
.qm-top .logo img{ display:block; height:50px;}
.qm-top.block .logo img{ opacity:0;}
.qm-top.block .logo a{ background:url(../images/logoon.png) no-repeat center; background-size:100%}


.qm-top .right{ float:left; padding-top:38px; font-size:0}
.qm-top .right .a{ cursor:pointer; display:inline-block; width:32px; height:32px; background-position:center left; background-repeat:no-repeat; background-size:auto 85%;   margin-right:30px; vertical-align:top;}
.qm-top .right .a1{ width:auto; padding-left:32px;}
.qm-top .right .a1 i{transition: all 0.3s; display:block;white-space: nowrap; color:#fff; line-height:32px; font-size:20px; margin-left:0px; width:0; overflow:hidden}
.qm-top.block .right .a1 i{ color:#333}
.qm-top .right .a1:hover i{margin-left:10px; width:125px; }
.qm-top .right .a1{ background-image:url(../images/ico-a01on.png)}
.qm-top .right .a2{ background-image:url(../images/ico-a02on.png)}
.qm-top .right .a3{ background-image:url(../images/ico-a03on.png)}
.qm-top .right .a4{ background-image:url(../images/ico-a04on.png)}

.qm-top.block .right .a1{ background-image:url(../images/ico-a01.png)}
.qm-top.block .right .a2{ background-image:url(../images/ico-a02.png)}
.qm-top.block .right .a3{ background-image:url(../images/ico-a03.png)}
.qm-top.block .right .a4{ background-image:url(../images/ico-a04.png)}

.menua{ display:none; transition: all 0.3s;position:absolute; z-index:2; left:188px; font-size:20px; color:#fff;top:50%; transform:translateY(-50%); cursor:pointer;}
.menua:after{ content:""; display:inline-block; width:24px; height:21px; background:url(../images/ico-menu.png) no-repeat center; background-size:60%; margin-right:10px; vertical-align:middle; position:relative;top:-1px}
.qm-top.topbox .menua{ left:100px; }
.qm-top.topbox .logo{ display:none}
.qm-top.topbox .right{ display:none}

.qm-top.topbox.block .logo{ display:block}
.qm-top.topbox.block .right{ display:block}
 
.qm-nav{ position:absolute; z-index:2; left:50%; margin-left:-375px; opacity:0; visibility:hidden} 
.qm-top.block .qm-nav{ opacity:1; visibility:visible}
.qm-nav ul{ font-size:0; }
.qm-nav .nl{ padding:0 30px; position:relative; float:left } 
.qm-nav .nl .alink{  display:block; font-size:20px; text-align:center; line-height:100px; position:relative;font-family:"syztm"  }   
 
 
.qm-top.fexbox .box{background:#1658c6;box-shadow:0 0 10px rgba(0,0,0,.1)}
.qm-nav .sub{ display:none;position:fixed; z-index:8;top:100px; left:0;   right:0; background-color:#fff  ;text-align:center;  border-top:1px solid #ccc }
.qm-nav .sub ul{ background-color:#fff;  margin-top:10px; position:relative; box-shadow:0 0 5px rgba(0,0,0,.1);border: 1px solid rgba(0, 0, 0, 0.1); text-align:center   }
  
.qm-nav .sub a{ display:inline-block;    padding: 6px 15px 6px; color:#666; font-size:20px; margin:10px 0  }
.qm-nav .sub a:hover{ background-color:#fff; color:#000; }

.topreach{ border-top:2px solid #000;top:0; position:fixed; left:0; right:0; background-color:#fff; z-index:1111;transition: all 0.5s; transform:translateY(-110%)}
.topreach.block{transform:translateY(0)}
.topreach .box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding-right:40px}
.topreach .box input{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; height:124px; font-size:20px; padding:0 20px; border:none; background-color:#fff;}
.topreach .box button{ width:50px; height:50px; cursor:pointer; background:url(../images/ico-a02.png) no-repeat center; background-size:60%; cursor:pointer;border:none; background-color:transparent}
.topreach .box .sclose{ width:50px; height:50px; background:url(../images/ico-close.png) no-repeat center; background-size:40%; cursor:pointer; margin-left:20px}


.toplanmu{ height:100px; border-bottom:1px solid #eee}
.toplanmu .qm-top .logo a {
    background: url(../images/logoon.png) no-repeat center;
    background-size: 100%;
}
.toplanmu .qm-top .logo img{ opacity:0}
.toplanmu .qm-top .right .a2 {
    background-image: url(../images/ico-a02.png);
}
.toplanmu .qm-top .right .a3 {
    background-image: url(../images/ico-a03.png);
}
.toplanmu .qm-top .right .a4 {
    background-image: url(../images/ico-a04.png);
}
.toplanmu .menua{ color:#333}
.toplanmu .menua:after{background: url(../images/ico-menuon.png) no-repeat center;
    background-size: 60%;}

/* 底部 */
.footer{  background-color:#000000; color:#fff; padding-top:160px; padding-bottom:30px;} 
.footer a{ color:rgba(255,255,255,.5)}
.footer .footlogo{ text-align:center; margin-bottom:100px}
.footer .footlogo img{ height:100px}
.footer .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.footer .bd dl dt{ font-size:30px; margin-bottom:15px}
.footer .bd dl dd{ margin-bottom:15px; position:relative}
.footer .bd dd .ewmbox{ position:absolute; z-index:1; width:110px; height:110px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.2);left:-100px;top:0; visibility:hidden; opacity:0; border-radius:5px; padding:5px;}
.footer .bd dd .ewmbox img{ width:100%; height:100%;}
.footer .bd dd:hover .ewmbox{ opacity:1;  visibility:visible; left:-120px;transition: all 0.5s;}
.footer .bd dl dd a{ font-size:20px}
.footer .bd dl dd a:hover{ text-decoration:underline}
.footer .bd dl dd .ico{ display:inline-block; width:32px; height:32px; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:100%; margin-right:10px}
.footer .bd dl dd .ico-b01{ background-image:url(../images/ico-b01.png)}
.footer .bd dl dd .ico-b02{ background-image:url(../images/ico-b02.png)}
.footer .bd dl dd .ico-b03{ background-image:url(../images/ico-b03.png)}
.footer .bd dl dd .ico-b04{ background-image:url(../images/ico-b04.png)}
.footer .bd dl dd .ico-b05{ background-image:url(../images/ico-b05.png)}
.footlang{ margin-top:200px;}
.footlang a{ font-size:24px;}

.nfooter .footer{  background-color:#fff; color:#333;  } 
.nfooter .footer a{ color:rgba(0,0,0,.6)}
.nfooter .footer .footlogo{ background:url(../images/footlogoh.png) no-repeat center; background-size:auto 100%}
.nfooter .footer .footlogo img{ opacity:0}
.nfooter .footer .bd dl dd .ico-b01{ background-image:url(../images/ico-b01h.png)}
.nfooter .footer .bd dl dd .ico-b02{ background-image:url(../images/ico-b02h.png)}
.nfooter .footer .bd dl dd .ico-b03{ background-image:url(../images/ico-b03h.png)}
.nfooter .footer .bd dl dd .ico-b04{ background-image:url(../images/ico-b04h.png)}
.nfooter .footer .bd dl dd .ico-b05{ background-image:url(../images/ico-b05h.png)}

.banquan p{ margin-top:10px;    }
.banquan a,.banquan {color: rgba(255,255,255,.5); font-size:18px}
.banquan span{ margin-right:20px}
.nfooter .banquan a,.nfooter .banquan{    color: rgba(0,0,0,.6);}

.wave{ width:52px;position:fixed; z-index:999; right:10px; bottom:50px; }
.wave a{ display:block; width:100%; height:52px;  border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,.5); margin-top:20px}
.wave a.kf{background:#000 url(../images/ico-wave.png) no-repeat center; background-size:50%; }
.wave a.kf:hover{background:#000 url(../images/ico-waveon.png) no-repeat center; background-size:50%;}
.wave a.gohome{background:#000 url(../images/ico-gohome.png) no-repeat center; background-size:50%; }
.wave a.gohome:hover{background:#000 url(../images/ico-gohomeon.png) no-repeat center; background-size:50%;}
@media (max-width: 2000px){
	.qm-nav .sub a{ font-size:16px}
	.qm-nav .sub{ display:none;position:fixed; z-index:8;top:100px; left:-10px;   right:0; background-color:#fff   }
	.qm-nav .nl .alink{ font-size:17px; font-family:"syztm"}
	.footer .bd dl dt{ font-size:21px}
	.footer .bd dl dd a{ font-size:16px} 
	.banquan a, .banquan{ font-size:15px}
	.qm-top .right .a{ width:24px; height:24px;}
	.menua{ font-size:16px}
}