﻿@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;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;
}
body{ line-height:1.6; color:#333;  font-size:14px; background:#fff; overflow-x:hidden ;font-family:"微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif, Arial, "宋体";}
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:rgba(144, 195, 31, 1); text-decoration:none}

.img img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
a:hover .img img{ transform:scale(1.1)}
/*布局*/ 
.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;} 
.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;}
.weap{ width:1370px;margin:0 auto; }
 

/*头部*/ 
.qm-top{ height:92px;} 
.qm-top .box{ background: #efefef; box-shadow:0 1px 3px rgba(0,0,0,.05);height:92px; position:fixed; z-index:999; left:0; right:0;top:0; } 
.qm-top .box:after{ content:""; display:block; position:absolute; z-index:1; left:50%; right:0; bottom:0;top:0; background:url(../images/topbarbg.jpg) repeat-x}
.qm-top .weap{ height:92px;background:url(../images/topbar.jpg) no-repeat center top #efefef; position:relative; z-index:2}
.qm-top .logo{ float:left; padding-top:20px;}
.qm-top .logo a{ display:block; float:left}
.qm-top .logo img{ display:block; height:52px;}
.qm-top .topbar{ position:absolute; z-index:2; right:0;top:0; line-height:38px; font-size:0}
.qm-top .topbar li{ display:inline-block; vertical-align:top; color:#fff; font-size:14px; margin-left:30px; background-repeat:no-repeat; background-position:center left; padding-left:32px; cursor:pointer}
.qm-top .topbar li a{ color:#fff}
.qm-top .topbar li.l1{ background-image:url(../images/ico-a01.png); background-size:22px; position:relative}
.qm-top .topbar li.l2{ background-image:url(../images/ico-a02.png); background-size:22px;}
.qm-top .topbar li .sub{ position:absolute; z-index:2; left:50%; margin-left:-40px;top:38px; width:80px; display:none}
.qm-top .topbar li .sub img{ width:80px}
.qm-top .topbar li:hover .sub{ display:block;}
 
.qm-nav{  float:right; margin-top:38px;  } 
.qm-nav ul{ font-size:0; }
.qm-nav .nl{ float:left; margin-left:60px;position:relative} 
.qm-nav .nl .alink{ display:block; font-size:16px; text-align:center; line-height:54px; color:#fff} 
.qm-nav .nl.on .alink{  color:#002063}
.qm-nav .sub{ position:absolute; z-index:8;top:54px; width:160px; left:50%; margin-left:-80px;display:none ;background:rgba(144, 195, 31, 1); } 
 
.qm-nav .sub ul{ padding:5px 0}
.qm-nav .sub a{ display:block; line-height:1.4; padding:10px 0; text-align:center; font-size:16px; color:#fff }
.qm-nav .sub a:hover{ color:#002063}
 

.navbox{ float:left} 

.links{ margin-bottom:40px;}
.links span{ display:inline-block; vertical-align:middle; margin-bottom:10px;line-height:15px;}
.links a{ margin-bottom:10px; display:inline-block; vertical-align:middle; padding:0 10px; border-right:1px solid #ccc; line-height:15px; color:#999}
/*底部*/  
.footer{ background-color:#333}
 
 
.banquan{ font-size:13px;  text-align:center; background-color:rgba(0, 32, 99, 1); color:#fff; padding:20px 0}
.banquan p{ margin: 10px 0}
.banquan .weap{ padding:20px 0;}
.banquan a{ color:#fff} 
.banquan em{ margin:0 10px}
/*页码*/
.pagination{ text-align:center; margin-top:30px; font-size:0;}
.pagination li{ display:inline-block; margin:0 5px; }
.pagination li a{ display:inline-block;padding:0 12px; height:28px; line-height:26px; font-size:12px; border:1px solid #eee; border-radius:3px; color:rgba(0, 0, 0, 0.6470588235294118) }
.pagination li a:hover,.pagination li.active a{ color:#fff; background-color:rgba(144, 195, 31, 1); border:1px solid rgba(144, 195, 31, 1);}
/*漂浮*/

.float-box {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 998;
}
.float-box li {
    position: relative;
    height: 80px;
	margin-bottom:10px;
}
 
.float-box li a {
    display: block;
    width: 80px;
	  height: 80px;
    text-align: center;
    background-color: rgba(0, 32, 99, 1);
	color:#fff;
	border-radius:5px;
	position:relative;
	z-index:2;
	padding-top:10px;
}
.float-box li p{ margin-top:5px;}
.float-box li:hover .float-more{transform:translateX(0);}
.float-box li:hover a{  background:#90c31f; }
.float-more {
    position: absolute;
    top: 0;
    right: 80px;
    background:#90c31f; 
    color: #fff; 
    width: 235px;
    padding: 0 20px;
	bottom:0;
	font-size:24px;
	line-height:80px;
	border-radius:5px;
	transform:translateX(150%);
	
 transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;
}
.more-erwm {
    width: 235px;
    font-size: 14px;
    padding: 20px;
    text-align: center;
    line-height: 1.50;
	height:112px;
}
.float-erwm{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.float-erwm img{flex:0 0 80px; width:80px; height:80px}
.float-erwm .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0; text-align:center; font-size:16px}