@charset "utf-8";
*, :after, :before{-webkit-box-sizing: border-box; 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}
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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder{
            color:#bababa;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#bababa;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#bababa;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#bababa;
        }
.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:#666;  font-size:14px; line-height:1.8; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0); background-color:#fff}
a{ color:#666; text-decoration:none; font-size:14px;}
a:hover{ color:#eccb2e; text-decoration:none}
.weap{ max-width:1160px; 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{ height:80px;}
.qm-top .box{background-color:#fff; position:fixed; z-index:99;top:0; left:0; right:0; border-bottom:1px solid #eee} 
.qm-top .box .weap{ height:80px; position:relative; }
.qm-top .logo{ position:absolute; z-index:1; left:0;top:12px}   
.qm-top .logo img{ height:56px; }  

.qm-nav{ padding-left:240px; padding-top:20px; padding-right:175px; } 
.qm-nav ul{ display:flex;justify-content : flex-end;}
.qm-nav .nl{ text-align:center; position:relative; text-align:center; z-index:2; } 
.qm-nav .nl .alink{border-radius:5px; padding:0 20px; display:block;text-align:center;line-height:36px;border:2px solid #fff; height:40px;  position:relative;  } 
.qm-nav .nl.exist .alink:after{ content:""; display:inline-block; vertical-align:middle;width:0;height:0;border-width:4px 4px 0;border-style:solid;border-color:#3c276e transparent transparent; margin-left:5px }
.qm-nav .nl.on .alink{ background-color:#eccb2d; color:#3c276e; border:2px solid #3c276e;  } 
.qm-nav .nl .sub{ position:absolute;  z-index:2; left:-10px; right:-10px;top:40px; padding-left:0; display:none; padding-top:8px }
.qm-nav .nl .sub ul{ display:block; border:2px solid #3c276e; border-radius:5px; overflow:hidden }
.qm-nav .nl .sub ul:before{ content:""; width:9px; height:7px; display:block; position:absolute; z-index:1; background:url(../images/ico-01.png) no-repeat center bottom; background-size:100%; left:50%; margin-left:-4.5px;top:3px}
.qm-nav .nl .sub a{  display:block;background-color:#eccb2d; line-height:45px; color:#564481; font-size:14px }
.qm-nav .nl .sub a:hover{ background-color:#fff; }  

.qm-top .topcart{ height:30px; line-height:30px; padding:0 15px; background-color:#3c276e; color:#fff; position:absolute; z-index:1; right:70px;top:25px; border-radius:30px;}
.qm-top .topcart span{ display:inline-block; vertical-align:middle; width:15px; height:11px; background:url(../images/ico-email.png); margin-left:5px; position:relative;top:-1px}
.qm-top .topcart span i{ display:none; width:10px; height:10px; border-radius:100%; position:absolute; z-index:1; background-color:#ff0000; top:-5px; right:-5px;}
.qm-top .topcart a{ color:#fff}
.qm-top .topcart.sign span i{ display:block} 
.qm-top .lang{height:30px; position:absolute; z-index:1; right:0;top:25px; } 
.qm-top .lang a{ display:block;height:30px; line-height:30px; padding:0 15px; border:1px solid #3c276e;   border-radius:30px;}
.qm-top .lang a:hover{ color:#fff; background-color:#3c276e}
/* footer */
.footer{ padding-top:30px; background-color:#f3f3f3; color:#3c276e; }  
.footer a{ color:#3c276e}
.footer a:hover{ text-decoration:underline} 

.footer .foottop{ padding-bottom:35px;border-bottom:1px solid #dfdfdf;}
.footer .footnav{ float:left; width:71%;display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox; }
.footer .footnav dl{ -webkit-box-flex: 1;felx:1; }
.footer .footnav dt{  margin-bottom:10px; font-size:17px; font-weight:bold; border-bottom:1px solid #dfdfdf; padding-bottom:10px; padding-left:20px;} .footer .footnav dd{padding-left:20px; margin-bottom:3px;}  
.footer .footform{ float:left; width:29%;}
.footer .footform h3{margin-bottom:10px; font-size:17px; font-weight:bold; border-bottom:1px solid #dfdfdf; padding-bottom:10px; padding-left:20px;  }
.footer .footform ul{ padding-left:20px}
.footer .footform ul li{ margin-bottom:10px; display:flex;align-items:center; background-color:#ffffff; border:2px solid #3c276e; border-radius:5px; padding:5px;}
.footer .footform ul .intxt{flex:1}
.footer .footform ul .intxt input{ width:100%; border:none; background:none; display:block; }
.footer .footform ul li .t{flex:0 0 45px;}
.footer .footform ul li .yzm{flex:1; background-color:#fff; display:flex;align-items:center; margin-right:10px;border:2px solid #3c276e; border-radius:5px; padding:5px;}
.footer .footform ul li .yzm img{ height:24px; cursor:pointer;}
.footer .footform ul li .yzm input{ display:block;flex:1;border:none; background:none}
.footer .footform ul li .yzm span{ display:block;}
.footer .footform ul li .inbtn{ width:30%}
.footer .footform ul li .btn{ display:block;border:2px solid #3c276e; color:#3c276e; font-weight:bold; height:39px; border-radius:5px; padding:5px; background:#eccb2e; width:100%; cursor:pointer;}
.footer .footform ul li .btn:hover{ background-color:#3c276e; color:#eccb2e}
.footer .footform ul li.liyzm{ padding:0; border:none; background:none}

.footer .banquan{  padding:10px; font-size:12px; color:#333  }
.footer .banquan img{ vertical-align:middle}
.footer .banquan a{font-size:12px; color:#333}

.footer02{ background-color:#3c276e; color:#fff; padding:30px 0; font-size:12px; position:relative; z-index:2} 
.footer02 a{ color:#fff; font-size:12px} 
.footer02 img{ vertical-align:middle}
.footer02 .footlogo{ margin-right:15px; height:32px}
/*页码*/
.g_page{ text-align:center; padding-top:23px; border-top:1px dotted #d1d1d1 }
.g_page a{  border:1px solid #ddd; margin:0 3px}
.g_page  a{  padding:3px 15px; }
.g_page a.page-num-current{ background:#eccb2d; color:#fff}
.g_page  a:hover{ color:#eccb2d}
.g_page li.on a:hover{color:#fff}
.g_page li.date a{ background-color:#e2e2e2; color:#b8b8b8}

/*漂浮*/
.flexqq{ width:46px; position:fixed; z-index:998; right:0;top:50% }
.flexqq li{ position:relative}
.flexqq .sub{transition: all 0.3s; position:absolute; z-index:1; width:180px; height:130px; right:-250px;top:0; background-color:#fff; border:2px solid #3c276e;}
.flexqq .litel:hover .sub{right:47px;}
.flexqq a,.flexqq span{ display:block; width:46px; height:46px; background-repeat:no-repeat; background-color:#fff; border:1px solid #e6e6e6; margin-top:-1px; cursor:pointer; background-size:auto 44px; position:relative; z-index:2}
.flexqq .sub .title{ line-height:50px; background-color:#eccb2e; color:#3c276e; padding:0 15px; font-weight:700}
.flexqq .sub .bd{ padding:0 15px;}
.flexqq .sub .bd .t{ color:#555;}
.flexqq .sub .bd .ms{ font-size:16px; color:#333} 
.flexqq .litel a{ background-image:url(../images/ico-ftel.png); background-position:0 0;}
.flexqq .liqq a{ background-image:url(../images/ico-fqq.png); background-position:0 0;}
.flexqq .lipdf a{ background-image:url(../images/ico-fpdf.png); background-position:0 0;}
.flexqq .litop span{ background-image:url(../images/ico-ftop.png); background-position:0 0;}
.flexqq .qqnum{ background-color:#3c276e; position:absolute; z-index:1; width:140px;top:1px; bottom:1px; right:-200px; line-height:46px; color:#fff; text-align:center;font-size:16px;transition: all 0.3s;}
.flexqq .liqq:hover .qqnum{ right:46px;}

.flexqq .litel a:hover,.flexqq .litel.block a{ background-image:url(../images/ico-ftel.png); background-position:-44px 0; background-color:#3c276e}
.flexqq .liqq a:hover,.flexqq .liqq.on a{ background-image:url(../images/ico-fqq.png); background-position:-44px 0; background-color:#3c276e}
.flexqq .lipdf a:hover,.flexqq .lipdf.on a{ background-image:url(../images/ico-fpdf.png); background-position:-44px 0; background-color:#3c276e}
.flexqq .litop span:hover{ background-image:url(../images/ico-ftop.png); background-position:-44px 0; background-color:#3c276e}
@media (max-width: 1161px){
.weap{ padding-left:10px; padding-right:10px; width:auto}
/*头部*/
.qm-top .logo{ left:10px;}
.qm-top .lang{ right:10px;}
}
@media (max-width: 1100px){
/*头部*/
.qm-nav .nl .alink{ padding:0 15px}
}
@media (max-width: 999px){
 
/*头部*/ 
 
.qm-top{ height:60px; } 
.qm-top .box .weap{ height:60px} 
.qm-top .box{ width:100%;  height:60px;  position:fixed; z-index:1000; background:#fff; border-bottom:1px solid #e2e2e2  }
.qm-top .logo{ padding:0;top:10px }
.qm-top .logo a{ display:inline-block;  }
.qm-top .logo img{ height:40px; width:auto} 
.qm-top .topcart{top:15px; right:115px}
.qm-top .lang{top:15px; right:55px}
 
 
.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: 50%; margin-top:-12px }
.m-nav a{background-color:#3c276e; 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:#3c276e; 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-top.block{   box-shadow:0 0 5px #CCC; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; -o-box-shadow:0 0 5px #CCC; padding:0; border-bottom:1px solid #e2e2e2}   
.qm-top.block .qm-nav{ display:block} 
.qm-nav ul{ display:block; padding:0; background-color:#fff} 
.qm-top .callbox{ margin-bottom:0;} 
 

.qm-nav{ padding:0; display:none; position:fixed; z-index:111;top:60px; left:0; right:0; bottom:0; overflow-y:auto;background-color:rgba(60,39,110,.8)} 
.qm-nav .nl.exist:after{ content:""; display:block; position:absolute; z-index:3; height:46px; left:0; right:0;top:0}
.qm-nav .nl{ width:100%; float:none; padding:0; background:none}
.qm-nav .nl .alink{ position:relative; padding:0 10px; line-height:45px; height:45px; width:auto; text-align:left; color:#393939; border-bottom:1px solid #e2e2e2; display:block; font-size:16px; margin-left:0; border-radius:0}
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{ color:#fff; border:none}  
.qm-nav .nl .alink:hover:after, .qm-nav .nl.on .alink:after{top:auto; bottom:0} 
.qm-nav .nl .sub ul:before{ display:none}

.qm-nav .nl.exist .alink:after{ position:absolute; z-index:1; right:10px;top:50%; margin-top:-4px}
.qm-nav .nl .sub{ position:static;  width:auto; padding-top:0; text-align:left; margin:0; padding-left:0px;    border-bottom: 1px solid #e2e2e2;  }
.qm-nav .nl .sub ul{border:none; border-radius:0; border-top:1px solid #564481}
.qm-nav .nl .sub a{ padding:0 25px; position:relative; font-size:15px}
.qm-nav .nl .sub a:before{ content:""; display:block; width:6px; height:6px; position:absolute; z-index:1; left:10px;top:50%; margin-top:-3px; border-radius:100%; background-color:#564481}
.qm-nav .nl .sub li:last-child a{ border-bottom:none} 
.qm-nav .nl.on .alink, .qm-nav .nl .alink:hover{ color:#564481}


 
/*底部*/  
.footer{ padding-top:20px}
.footer .footform ul li .inbtn{flex:0 0 100px}
.footer .footadder{ width:70%; padding-left:0 ;border-left:0; padding-right:10px; text-align:left}
.footer .footewm{ width:30%}
.footer .banquan{ font-size:14px; padding:10px 0}
.footer .footnav{ display:none}
.footer .footform{ float:none; width:auto}
.footer .footform h3{ padding:5px 10px; font-size:16px;}
.footer .footform ul{ padding-left:0}
.footer .foottop{ padding-bottom:15px}
}
@media(max-width:640px) { 
body{ padding-bottom:46px}
/*页码*/
.g_page li a{  padding:0 13px; } 
/*底部*/ 
.footer .banquan span{ display:inline-block}
.footer02 { text-align:center; padding:15px 0}
.footer02 .footlogo{ display:block; margin:0 auto; margin-bottom:10px;}
/*漂浮*/
.flexqq{top:auto; margin-top:0; bottom:0; width:auto; left:0; right:0}
.flexqq ul{ display:flex; background-color:#3c276e; border-top:1px solid #eee}
.flexqq .sub.block{ display:none}
.flexqq ul li{flex:1; border-left:1px solid rgba(255,255,255,.3)}
.flexqq a, .flexqq span{ margin:0 auto; border:none}
.flexqq li.litop{ display:none}
.flexqq .liqq a, .flexqq .liqq.on a{    background-position: -44px 0;background-color: #3c276e;}
.flexqq .litel a, .flexqq .litel.on a{    background-position: -44px 0;background-color: #3c276e;}
.flexqq .lipdf a, .flexqq .lipdf.on a{    background-position: -44px 0;background-color: #3c276e;}
.flexqq .litel .sub{ display:none}
.flexqq .liqq .qqnum{ display:none}

}