@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:"微软雅黑","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei";font-size:12px;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）避免因子元素浮动而导致的父元素高度缺失能问题
*/

.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
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:#727272;  font-size:14px; background:#fff; overflow-x:hidden  }
a{ color:#727272; text-decoration:none; font-size:14px;}
a:hover{ color:#1d2088; text-decoration:none}
 
/*布局*/ 
.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;}
.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;} 
.weap{ max-width:1200px; margin:0 auto; }
 

/*头部*/
.topbar{ background-color:#282c35; font-size:13px; color:#929499; }
.topbar a{font-size:13px; color:#929499}
.topbar .weap{height:50px; }
.topbar .welcome{ float:left; position:relative; line-height:50px;}
.topbar .topright{ float:right;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; line-height:50px; display:table}
.topbar .topright>div{ border-left:1px solid #3e424a; position:relative; padding:0 14px; cursor:pointer; z-index:99; display:table-cell}
.topbar .topright .sub{ position:absolute; z-index:1;right:0;top:50px; background-color:#fff; width:90px; display:none; box-shadow:0 1px 5px rgba(0,0,0,.1)}
.topbar .topright>div:hover .sub{ display:block;}
.topbar .topright .sub a{ display:block; padding-left:10px; line-height:32px; padding-right:0}
.topbar .topright .sub a:hover{ background-color:#eee}
.topbar .topright .toplinks .sub{ width:170px}
 
.topbar .toptel a:before{ content:""; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../../../images/ico-tel.png) no-repeat center; background-size:100%; margin-right:8px; position:relative;top:-2px}
.topbar .lang span:before{ content:""; display:inline-block; width:16px; height:16px; vertical-align:middle; background:url(../../../images/ico-lang.png) no-repeat center; background-size:100%; margin-right:8px; position:relative;top:-2px}
.topbar .lang span:after{ content:""; display:inline-block;width: 0;height: 0;border-top: 8px solid #929499;border-right: 6px solid transparent;border-left: 6px solid transparent; margin-left:6px}
.topbar .toplinks span:after{ content:""; display:inline-block;width: 0;height: 0;border-top: 8px solid #929499;border-right: 6px solid transparent;border-left: 6px solid transparent; margin-left:6px}

.qm-top{  height:110px;} 
.qm-top .box{ background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.1); }
.qm-top .box .weap{height:110px;position:relative }
.qm-top .logo{ float:left; padding-top:23px;}
.qm-top .logo a{ display:block;}
.qm-top .logo img{ display:block; height:66px;}

.qm-top .box.navFix{ position:fixed; z-index:998; left:0; right:0;top:0; height:65px}
.qm-top .box.navFix .weap{ height:65px;}
.qm-top .box.navFix .qm-nav .nl .alink{ line-height:65px}
.qm-top .box.navFix .logo img{ height:45px}
.qm-top .box.navFix .qm-nav .sub{top:65px}
.qm-top .box.navFix .qm-nav{ padding-top:0}
.qm-top .box.navFix .topsearch{ display:none}
.qm-top .box.navFix .topsearch.block{ display:block}
.qm-top .box.navFix .logo{ padding-top:10px}

.topsearch{ position:absolute; z-index:1;top:15px; right:0; }
.topsearch.block{ display:block}
.topsearch .bd{width:278px; position:relative}
.topsearch .bd .intxt{ width:100%; height:38px; padding:0 20px; border-radius:38px; border:1px solid #dddddd;}
.topsearch .bd .inbtn{ position:absolute; z-index:1; right:0;top:1px; bottom:1px;background:#2f5ba8 url(../../../images/ico-s.png) no-repeat center; background-size:21px; border-radius:36px; width:50px; border:none; cursor:pointer}

.qm-nav{ float:right; padding-top:54px; height:110px}
.qm-nav .nl{ float:left;  position:relative; margin:0 21px;}
.qm-nav .nl .alink{ display:block; font-size:16px; text-align:center; line-height:56px; color:#606775 }
.qm-nav .nl.on .alink{ color:#1d2088; font-weight:bold}
.qm-nav .sub{ position:absolute; z-index:8;top:55px; padding-top:1px; left:50%; width:140px; margin-left:-70px; display:none ; background:rgba(255,255,255,.9);}
.qm-nav .sub a{ display:block; color:#333; line-height:42px; height:42px; text-align:center;}
.qm-nav .sub a:hover{ background:#1d2088; color:#fff}

/*底部*/
.footer{background:#2b2b2b; position:relative}
.footer .topbox{ padding-top:60px;color:#858488; padding-bottom:40px; position:relative }
.footer .topbox:after{ content:""; display:block; position:absolute; z-index:1; right:50%;top:0; bottom:0; left:0; margin-right:140px; background-color:#262626}
.footer .topbox .weap{ position:relative; z-index:2;}
.footer .topbox a{ color:#858488}
.footer .topbox a:hover{ color:#fff}
.footer .topbox .topboxleft{ float:left; width:450px;}
.footer .topbox .topboxleft li{ min-height:28px; position:relative; margin-bottom:10px; overflow:hidden; padding-left:45px; padding-top:3px}
.footer .topbox .topboxleft li:before{ content:""; width:28px; height:28px; border:1px solid #4b4b4b; border-radius:50%; position:absolute; z-index:1; left:8px; background-position:center; background-repeat:no-repeat; background-size:70%;top:0;}
.footer .topbox .topboxleft li.l1:before{ background-image:url(../../../images/ico-f01.png)}
.footer .topbox .topboxleft li.l2:before{ background-image:url(../../../images/ico-f02.png)}
.footer .topbox .topboxleft li.l3:before{ background-image:url(../../../images/ico-f03.png); background-size:80%}
.footer .topbox .topboxleft li.l4:before{ background-image:url(../../../images/ico-f04.png)}
.footer .topbox .topboxleft li span:nth-child(1){ float:left; }
.footer .topbox .topboxleft li span{overflow:hidden; display:block}
.footer .topbox .topboxright{  text-align:justify; padding-left:70px; overflow:hidden } 
.footer .topbox .topboxright dl{ display:inline-block; vertical-align:top;  }
.footer .topbox .topboxright:after{content:'';width: 100%;display: inline-block;overflow: hidden;height: 0;}
.footer .topbox .topboxright dd{ margin-bottom:10px;}
.footer .t{ color:#fff; font-size:18px; font-weight:normal; margin-bottom:17px}
.footer .t a{ color:#fff; font-size:18px}
.guanzhu span,.guanzhu a{ display:inline-block; vertical-align:middle; height:30px; line-height:30px; position:relative}
.guanzhu a .ico{ width:30px; height:30px; border-radius:50%; background-color:#d4d4d4; margin:0 5px; background-repeat:no-repeat; background-position:center; background-size:80%}
.guanzhu a .ico-fwx{ background-image:url(../../../images/ico-fwx.png)}
.guanzhu a .ico-fqq{ background-image:url(../../../images/ico-fqq.png);background-size:65%}
.guanzhu a .ico-fwb{ background-image:url(../../../images/ico-fwb.png)}
.guanzhu a .sub{ position:absolute; z-index:2; width:120px; bottom:40px; left:50%; margin-left:-60px; background-color:#fff; display:none}
.guanzhu a .sub:after{ content:""; display:block;width: 0;height: 0;border-top: 6px solid #fff;border-right:6px solid transparent;border-left: 8px solid transparent; position:absolute; z-index:1; bottom:-6px; left:50%; margin-left:-6px}
.guanzhu a:hover .sub{ display:block}
.guanzhu a .sub img{ display:block; width:100%}
 
.banquan{  background:#141414; color:#808080;  padding:16px 0;}
.banquan a{ color:#808080; }
.banquan a:hover{ color:#fff}
.banquan .weap{ overflow:hidden}
.banquan .banquan-left{ float:left}
.banquan .banquan-left span{ margin-right:10px;}
.banquan .banquan-right{ float:right}
.banquan .banquan-right span{ margin-left:10px}
/*页码*/
.pages{ text-align:center; margin-top:30px}
.pages a{margin:0 -.5px;padding:8px 16px; height:38px; line-height:36px; font-size:14px;  border:1px solid #dddddd; }
.pages a:hover { background-color:#f8f8f8; }
.pages span{ padding:9px 16px; line-height:36px; height:38px; }
.pages span.disabled{ background-color:#f8f8f8; color:#9e9e9e; cursor:no-drop}
.pages span.current{ background-color:#2962b3; color:#fff}

@media (max-width: 1220px){
.weap{ width:auto; padding:0 10px } 
.topsearch{ right:10px;}
.qm-nav .nl{ margin:0 15px}

.footer .topbox:after{ right:auto; width:450px}
} 
 
@media(max-width:1000px) { 

/*头部*/ 
body.ow{ overflow:hidden}
.topbar{ position:relative}
.topbar .welcome{ display:none}
.topbar .topright>div{ display:block; padding:0 5px; float:left; font-size:12px; line-height:35px}
.topbar a{ font-size:12px;}
.topbar .topright{ display:block;}
.topbar .topright .toptel{ position:absolute; z-index:1; left:10px;top:0; padding:0; border-left:none}
.topbar .weap{ height:35px;}
.topbar .toptel a:before{ width:14px; height:14px}
.topbar .lang span:before{ width:14px; height:14px}
.topbar .lang span:after{border-top: 6px solid #929499;border-right: 4px solid transparent;border-left: 4px solid transparent;margin-left: 4px;}
.topbar .toplinks span:after{border-top: 6px solid #929499;border-right: 4px solid transparent;border-left: 4px solid transparent;margin-left: 4px;}	
.topbar .topright .sub{top:35px}

.msearcha{ width:32px; height:32px; position:absolute; z-index:2; right:55px;top:50%; margin-top:-16px; background:url(../../../images/ico-ms.png) no-repeat center; background-size:65%}
.qm-top{ height:55px}
.qm-top .box .weap{ height:55px;}
.topsearch{ right:0; left:0; bottom:-48px;top:auto; padding:5px 10px; background-color:#fff; display:none}
.topsearch .bd{ width:100%}
.qm-top .box.navFix .topsearch{ }
.qm-top .box{ width:100%; height:55px; position:relative;border-bottom:1px solid #e2e2e2; z-index:99}
.qm-top .box.navFix{ height:55px}
.qm-top .box.navFix .weap{ height:55px;}
.qm-top .logo{ padding-top:10px}
.qm-top .logo a img{ height:35px}
.qm-top .box.navFix .logo img{ height:35px}
.m-nav{display:block; height: 20px; width: 26px; 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:-10px; }
.m-nav a{background-color:#2f5ba8; 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:#2f5ba8; 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: -7px;}
.m-nav a:after{top: 8px;}
.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(7px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-7px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}

.qm-top .box.navFix .qm-nav .nl .alink{ line-height:40px}
.qm-nav{float:none; display:none; background:rgba(0,0,0,.75);position:fixed; z-index: 999; left: 0; top:90px; right: 0; bottom:0; overflow-y:auto; padding-top:0; height:auto}
.qm-top .box.navFix .qm-nav{top:55px}
.qm-nav .nl{ width:100%; float:none; padding:0; background:#f8f8f8; margin-left:0;border-bottom:1px solid #e2e2e2; position:relative}
.qm-nav .nl .alink{ position:relative; padding:0 30px; line-height:40px; width:auto; text-align:left; color:#0a377f;  font-size:15px}
.qm-nav .exist .alink{  display:inline-block;}
.qm-nav .exist:before{ content:""; display:block; width:40px; height:40px; background:url(../../../images/ico-down.png) no-repeat center; background-size:30%; position:absolute; z-index:2; right:0;top:0;}
 
.qm-nav .nl.on .alink{ border-bottom:none; line-height:40px;  color:#0a377f }
.qm-nav .sub{ position:static; background:#fff; padding:5px 0;  width:auto; margin:0; border-top:1px solid #e2e2e2} 
.qm-nav .sub li{ color:#0a377f}
.qm-nav .sub a{ text-align:left; padding:0 30px; font-size:14px; background:none; line-height:32px; height:32px; color:#0a377f}
.qm-nav .sub a:before{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#999; margin-right:8px; vertical-align:middle}
.qm-top.block .qm-nav{ display:block;} 
 
 
/*底部*/
.footer .topbox{ padding:20px 0}
.footer .topbox .topboxright{ display:none} 
.footer .topbox .topboxleft{ float:none; width:auto}
.footer .topbox .topboxleft li{ margin-bottom:0; padding-left:30px}
.footer .topbox .topboxleft li:before{ width:22px; height:22px; left:0;top:2px}
.footer .topbox:after{ display:none}
.footer .t{ font-size:16px; margin-bottom:10px}

.banquan{ text-align:center}
.banquan span{ margin:0 5px;}
.banquan .banquan-left{ float:none}
.banquan .banquan-right{ float:none}

/*页码*/
.pages{ margin-top:10px}
.pages a{ padding:8px 15px; line-height:32px; height:34px;}
}