@charset "utf-8";

*{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}
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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.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 */
}
.fly-zoom-box-number{ display:none}
body{ color:#666;  font-size:16px; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0); position:relative }
a{ color:#666; text-decoration:none; font-size:14px;}
a:hover{ color:#52cece; text-decoration:none}
.weap{ width:1200px; margin:0 auto; } 
.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;
}
/*头部*/ 
.qm-top{  background-color:#fff; box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative; z-index:2} 
.qm-top .bar{ height:89px; border-bottom:1px solid #eee; overflow:hidden}
.qm-top .logo{ float:left; display:block; padding-top:18px; } 
.qm-top .logo img{ height:54px;}
.qm-top .bar .lang{ float:right; margin-left:10px; margin-top:28px; position:relative}
.qm-top .bar .lang:hover a{ display:block}
.qm-top .bar .lang a{ position:absolute; z-index:1;top:20px; left:0;  width:20px; height:20px; line-height:20px; text-align:center; background-color:#cccccc; font-size:12px; color:#fff}
.qm-top .bar .lang a.on,.qm-top .bar .lang a:hover{ display:block; position:static; background-color:#52cece}
.qm-top .bar .telbox{ float:right; text-align:right; margin-top:25px;}
.qm-top .bar .telbox .tel{  padding-left:35px; height:16px; line-height:16px; background:url(../images/ico-01.png) no-repeat left center}
.qm-top .bar .telbox a{ display:inline-block; font-size:20px; border-left:1px solid #eee; padding-left:15px}
.qm-top .box{position:relative; z-index:2 }
 

.qm-nav{ height:66px;} 
.qm-nav .nl{ float:left; text-align:center;position:relative;width:12.5%}
.qm-nav .nl .alink{ display:block;font-size:16px;line-height:62px; text-align:center; color:#202020; border-bottom:4px solid #fff}
.qm-nav .nl .alink:hover,.qm-nav .nl.on .alink{ color:#52cece;border-bottom:4px solid #52cece}
 
.qm-nav .sub{ display:none; position:absolute; background:#fff url(../images/ico-02.jpg) top repeat-x;  z-index:1;top:66px; left:0; right:0; padding-top:15px;} 
.qm-nav .sub a{ display:block; height:36px; line-height:36px; font-size:14px; text-align:center}
.qm-nav .sub a:hover{ background-color:#52cece;color:#fff; }
.qm-nav .li3{ position:static;}
.qm-nav .li3 .sub{ overflow:hidden; padding:0 35px; padding-top:30px; padding-bottom:20px;}
.qm-nav .li3 .sub a:hover{background:none;color:#52cece;}
.qm-nav .li3 dl{ float:left; padding:0 25px; border-right:1px solid #d0d0d0; height:180px} 
.qm-nav .li3 dl:nth-child(4){border-right:none}
.qm-nav .li3 dl dt{ text-align:left; color:#202020; font-size:16px; font-weight:700; margin-bottom:10px}
.qm-nav .li3 .sub a{ text-align:left}
.qm-nav .li3 .img{ float:right}
.qm-nav .li3 .img img{ width:275px; height:150px;}
.qm-nav .li7{ position:static;}
.qm-nav .li7 .sub{ left:62.5%; overflow:hidden;padding:0 35px; padding-top:30px; padding-bottom:20px;}
.qm-nav .li7 .sub dl{ float:left;}
.qm-nav .li7 .dl1{  width:125px; height:110px; border-right:1px solid #d0d0d0;}
.qm-nav .li7 .dl1 a{ text-align:left}
.qm-nav .li7 .dl1 a:hover{background:none;color:#52cece;}
.qm-nav .li7 .dl2{ padding-left:40px; text-align:left}
.qm-nav .li7 .dl2 dd{ font-size:12px}
.qm-nav .li7 .dl2 .dd1{ color:#52cece}
.qm-nav .li7 .dl2 .dd2{ color:#52cece; font-size:24px}
/* footer */
.footer{ background:#3e3e3e; color:#989898} 
.footer .box{ padding:40px 0}
.footer .hd{ color:#fff; font-size:24px; margin-bottom:45px}
.footer .hd span{ color:#989898; font-size:14px; margin-left:10px}
.footer .title{ font-size:16px; color:#f7f7f7; margin-bottom:25px}
.footer .banquan{ height:45px; line-height:45px; background-color:#4e4e4e}
.footer .bd span{ margin-right:50px}
.footer .links{ float:right; position:relative}
.footer .links h3{ width:130px; height:24px; line-height:24px; padding:0 10px; margin-top:10px; cursor:pointer; border:1px solid #6a6a6a; background:#fff url(../images/ico-up.png) no-repeat 95% center}
.footer .links ul{ display:none; position:absolute; z-index:1; bottom:24px; background-color:#fff; left:0; right:0;border:1px solid #6a6a6a}
.footer .links:hover ul{ display:block}
.footer .links a{ display:block; padding:0 10px; height:36px; line-height:36px}
/*页码*/
.g_page{ text-align:center; }
.g_page li{ display:inline-block; height:35px; line-height:35px; border:1px solid #ddd; margin:0 3px}
.g_page li a{ display:block; padding:0 15px; }
.g_page li.on a{ background:#47d07c; color:#fff}
.g_page li a:hover{ color:#47d07c}
.g_page li.on a:hover{color:#fff}
.g_page li.date a{ background-color:#e2e2e2; color:#b8b8b8}

/*右侧漂浮*/
.sidefex {
    position: fixed;
    width: 48px;
	margin-top:-130px;
 
    right: 0;
    top: 50%;
    z-index: 100;
}
.sidefex ul li {
    width: 45px;
    height: 45px; 
    position: relative;
    border: 1px solid #e6e6e6;
	margin-top:-1px;
	background-color:#fff;
	 cursor:pointer
} 
.sidefex ul li a{ display:block; width:100%; height:100%}
.sidefex ul li .sidebox {

    position: absolute;
    width: 40px;
    height: 45px;
    top: 0;
    right: 0;
    transition: all 0.3s;
    background: #52cece;
    color: #fff;
    font: 16px/45px "微软雅黑";
    overflow: hidden;
 
}
.sidefex li.wx{ overflow:visible; }
.sidefex .sub{box-shadow:0 0 10px #ccc ;position:absolute; z-index:1;top:0; right:46px; background-color:#fff; width:160px; display:none}
.sidefex .sub img{ width:120px; margin:0 auto; display:block}
.sidefex .sub .p2{ font-size:20px}
.sidefex .sub .hd{ height:45px; line-height:45px; padding:0 20px; background-color:#52cece; color:#fff; font-size:16px; }
.sidefex .sub .bd{ padding:20px;}
.sidefex li.wx:hover .sub{ display:block;}
.sidefex ul li:hover .sidebox{ width:160px; 	padding-left:10px;opacity:1}
.sidefex ul li span{ display:block; position:absolute; z-index:1; right:0;top:0; bottom:0; width:45px;   transition: 0.3s; background-color:#fff; background-image:url(../images/ico-png.png) ;background-repeat:no-repeat; }
.sidefex ul li:hover span{ background-color:#52cece} 
.sidefex ul li .ico-tel{ background-position:0 0}
.sidefex ul li .ico-wx{ background-position:0 -45px}
.sidefex ul li .ico-qq{ background-position:0 -90px}
.sidefex ul li .ico-fw{ background-position:0 -135px}
.sidefex ul li .ico-top{ background-position:0 -180px}
.sidefex ul li:hover .ico-tel{ background-position:-45px 0}
.sidefex ul li:hover .ico-wx{ background-position:-45px -45px}
.sidefex ul li:hover .ico-qq{ background-position:-45px -90px}
.sidefex ul li:hover .ico-fw{ background-position:-45px -135px}
.sidefex ul li:hover .ico-top{ background-position:-45px -180px}
@media (max-width: 1200px){
.weap{ width:auto; padding:0 10px;} 
 
/*底部*/
.footer .box{ padding:10px 10px}
.footer .hd{ font-size:20px; margin-bottom:10px}
.footer .title{ font-size:15px; margin-bottom:10px}
.footer .bd span{ display:inline-block; margin-bottom:5px}
.footer .banquan{ height:40px; line-height:40px}

}
 
 
@media(max-width:1000px) {
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
 
.weap{ padding-left:10px; padding-right:10px;} 
/*头部*/   
.qm-top .bar{ height:50px;}
.qm-top .box{ width:100%;  z-index:999; }
.qm-top .logo{ padding:0; }
.qm-top .logo a{ display:block; height:50px; padding:10px 0  }
.qm-top .logo img{ height:100%; width:auto}  
.qm-top .bar .telbox{ margin-top:3px;}
.qm-top .bar .lang{ margin-top:5px;}
.qm-top .bar .lang a{ display:block;}
.qm-top .box{ height:54px; border-bottom:1px solid #eee}
.qm-top .box:before{ content:"菜单"; line-height:54px; font-size:16px; color:#52cece}
.qm-nav .sub{ position:static; width:auto; padding-top:10px; padding-bottom:10px; text-align:left; margin:0; padding-left:25px;    border-bottom: 1px solid #e2e2e2; background-size:2px}
.qm-nav .sub a{ font-size:15px;}
.qm-nav .sub a:before{ content:"·"; margin-right:10px;}
 
.m-nav{display:block; height: 24px; width: 30px; 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: 15px; }
.m-nav a{background-color: #52cece; 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: #52cece; 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;}
.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(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);} 
 

.qm-nav ul{ float:none}
.qm-nav{float:none; display:none; position:absolute; z-index: 999; left: 0; top:54px; right: 0; padding-right:0; height:auto;   background:rgba(0,0,0,.8); }
.qm-nav ul{background:#fcfcfc;}
.qm-nav .sub a{ text-align:left}
.qm-nav .li3 dl{ float:none; width:auto; border-right:none; height:auto; padding:0}
.qm-nav .li3 .sub{ padding:10px 0; padding-left:25px}
.qm-nav .li3 dl dt{ height:36px; line-height:36px; margin-bottom:0; font-size:15px}
.qm-nav .li3 .img{ display:none}
.qm-nav .li7 .sub{ padding:10px 0; padding-left:25px}
.qm-nav .nl{ width:100%; float:none; padding:0; background:none}
.qm-nav .nl .alink{ position:relative; padding:0 20px; line-height:45px; width:auto; text-align:left; color:#393939; border-bottom:1px solid #e2e2e2; display:block; font-size:16px; margin-left:0}
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{ border-bottom:none; line-height:45px;border-bottom:1px solid #e2e2e2;   border-radius:0; background:none; }
.qm-nav .nl.index .alink:hover, .qm-nav .nl.index.on .alink{ background:none; margin:0;}
.qm-top.block .qm-nav{ display:block; } 

.sidefex ul li span{ width:43px; bottom:2px} 
.sidefex ul li:hover .sidebox{ height:43px; line-height:43px}
.sidefex ul li:hover span{ bottom:0;}
.sidefex{ width:45px;}
.sidefex .sub{ right:44px; }
.sidefex .sub .bd{ padding:10px}
.sidefex .sub .hd{ height:43px; line-height:43px;}
}
 
@media(max-width:768px) {
.footer .links{ display:none} 
.footer .banquan{ height:auto; padding:5px 0; line-height:24px}

/*页码*/
 
.g_page li a{  padding:0 13px; } 
}