@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{ color:#646464;  font-size:15px;  overflow-x:hidden; font-family:"微软雅黑"   }

a{ color:#646464; text-decoration:none; font-size:15px;  }

a:hover{ color:#a31928; 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; width: 70%; margin:0 auto;}

#fullPage .weap{ max-width:1218px}

.qm-top .weap{ max-width:1218px}

/*头部*/ 

.pttop{ padding-top:75px; padding-bottom:30px}

.qm-top{ background:#000; padding:0} 

.qm-top.bgon .box{background:#1a1a1a; height:65px}

.qm-top.bgon .logo{ position:absolute; z-index:1; left:5%;top:0; padding-top:20px}

.qm-top .box{transition: all 0.85s;-moz-transition: all 0.85s;-webkit-transition: all 0.85s;-o-transition: alll 0.85s;   position:absolute; z-index:999; left:0; right:0;top:0;background:#000;  }

.qm-top.block .box{ height:320px; background:#1a1a1a; position:relative}

.qm-top .box .weap{ position:relative;transition: all 0.3s;-moz-transition: all 0.3s; }

.qm-top .logo{ height:65px; line-height:65px   transition: all 0.3s;-moz-transition: all 0.3s; position:absolute; z-index:1; left:5%;top: 20px;; width:200px;  }

.qm-top .logo a{ display:block;}

.qm-top .logo img{ display:block; height:25px;     margin-top: 20px; margin:0 auto}



.header02 .qm-top{ height:120px}

.header02 .qm-top .box{ background:#1a1a1a;}



.qm-nav{  height:65px}

.qm-nav ul{ text-align:center;overflow:hidden;transition: all 0.85s;-moz-transition: all 0.85s;-webkit-transition: all 0.85s;-o-transition: alll 0.85s; }

.qm-top.block .qm-nav ul{height:360px}

.qm-nav .li{ display:inline-block; vertical-align:top;position:relative; }

.qm-nav .li:hover .alink,.qm-nav .li.on .alink{ color:#a31928}

.qm-nav .li .alink{ display:block; font-size:16px;padding:0 30px; text-align:center; line-height:65px; color:#fff; position:relative; z-index:2  } 

.exist i{display:block; position: absolute; bottom: 10px; right: 0; width: 0; height: 2px; transition: width 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940);background:rgba(255,255,255,.3);}

.block .exist i{width: 100%; left: 0; right: auto; transition-duration: 0.9s; transition-delay: 0.85s;}



.qm-nav .li .sub{ position:absolute; z-index:1;top:0px; padding-top:1px; left:0; right:0; padding-top:75px; opacity:0 }

.qm-top.block .qm-nav .li .sub{ opacity:1}

.qm-nav .li .sub a{ display:block; color:#999; line-height:2; height:auto; text-align:center; font-size:12px; line-height:25px}

.qm-nav .li .sub a:hover{  color:#fff}



.qm-top .lang{ padding-top:0;transition: all 0.3s;-moz-transition: all 0.3s; position:absolute; z-index:1; right:30px;top:0;    }

.lang .sub{ background-color:#1a1a1a; position:absolute; z-index:1; left:0;top:65px; padding:5px 10px; display:none }

.lang:hover .sub{ display:block}

.lang .sub a{ height:40px; color:#999; line-height:40px;white-space: nowrap; text-transform:uppercase}

.lang .sub a:hover{ color:#fff}

.lang a{ display: inline-block; line-height:65px; color:#fff; font-size:16px; cursor:pointer; padding:0 8px}
.lang a:hover{color:#a31928}
 
/*底部*/

.footerbox { padding-top:60px}

.footerbox .fp-scrollable{ padding-top:130px}

.links{ overflow:hidden; position:relative; margin-bottom:-45px}

.links .weap{ max-width:1360px;}

.links .bd{ position:relative; background-color:#a31928; position:relative; color:#fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:18px 0; padding-left:80px; border-radius:0 200px 200px 0; z-index:2}

.links:after{ content:""; position:absolute; z-index:1; left:0; right:50%;top:0; bottom:0; background-color:#a31928}

.links .bd .t{ font-size:16px; color:#fff}

.links .bd ul{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;}

.links .bd ul li{ display:inline-block; vertical-align:top; margin-left:10px; position:relative;top:-2px;}

.links .bd ul li a{ color:#000; font-size:14px }



.footer{ background:#303030 ;color:#999; border-radius:0 230px 0 0; padding-top:90px; padding-bottom:40px;}

.footer a{ color:#999}

.footer a:hover{ color:#fff}

.footer .foottop{ overflow:hidden; position:relative; padding-right:125px; padding-bottom:30px; min-height:250px}

.footer .foottop dl{ float:left; line-height:1.4}

.footer .foottop dl dd{ margin-bottom:10px}

.footer .foottop dl dt{ font-size:14px; color:#fff;     margin-bottom: 5px;
    margin-top: 20px;}

.footer .foottop .dl1{ width:35%; margin-right:1%}

.footer .foottop .dlnav{ width:14%}

.footer .foottop .dlewm{ position:relative; z-index:1; right:0;top:0;        margin-right: 20px;width:105px;text-align:center}

.footer .foottop .dlewm .p{ font-size:14px; color:#fff}

.footer .foottop .dlewm img{ display:block; width:100%}



.banquan{ border-top:1px solid #4e4e4e; padding-top:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; font-size:14px}

.banquan a{ font-size:14px}

.banquan .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;} 

.banquan .left a{ display:inline-block; vertical-align:middle; width:30px; height:30px; border-radius:50%; margin-right:15px; position:relative; background-repeat:no-repeat; background-position:center; background-size:100%}

.banquan .left .sub{ position:absolute; z-index:1; bottom:45px; width:120px; left:50%; margin-left:-60px; display:none}

.banquan .left .wub img{ display:block; width:100%}

.banquan .left a.ewm{ background-image:url(../images/ico-wx.png)}

.banquan .left a.qq{ background-image:url(../images/ico-qq.png)}

.banquan .left a.wb{ background-image:url(../images/ico-wb.png)}

.banquan .right{  color:#dddddd}

.banquan .right a{ color:#dddddd}

.banquan .left a:hover .sub{ display:block}



/*页码*/

.pages{ text-align:center; margin-top: 60px; }

.pages a{ display:inline-block; vertical-align:top; margin:0 10px; font-size:16px; height:25px; line-height:14px; padding:0 8px}

.pages a.on{ border-bottom:2px solid #646464}

.pages .pindex{ width:29px; height:14px; background:url(../images/ico-pindex.png) no-repeat center;}

.pages .prev{ width:8px; height:14px; background:url(../images/ico-pprev.png) no-repeat center; padding:0}

.pages .plast{ width:29px; height:14px; background:url(../images/ico-plast.png) no-repeat center;}

.pages .next{ width:8px; height:14px; background:url(../images/ico-pnext.png) no-repeat center; padding:0}

@media (max-width: 1370px){

.weap{  padding:0 10px }

.qm-top .box .weap{ padding-right:10px}

.qm-nav .li .alink{ padding:0 5px;}

.links .bd{ padding-left:0}

}

@media (max-width: 1300px){

.weap{ width:auto}

.qm-top .box .weap{ padding-right:10px}

.qm-nav .li .alink{ padding:0 5px;}

.lang{ right:10px}

}

@media (max-width: 1000px){ 

body{ font-size:14px;  }

a{   font-size:14px;  }  

/*头部*/  

.qm-top.none .box{ transform:none}

.header02 .qm-top{ height:55px}

.qm-top .box .weap{ height:55px;} 

.qm-top .box{ width:100%; height:55px; position:fixed; left:0; right:0;top:0; z-index:99} 

.qm-top .logo{ padding-top:18px; position:static}

.qm-top.bgon .logo{ position:static; padding-top:18px}

.qm-top.bgon .box{ height:55px}

.qm-top .logo a img{ height:21px;    margin-left: 5px;margin:0} 

.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:#fff; 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:#fff; 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.block .qm-nav ul{ width:auto; float:none; height:auto}

.qm-top.block .box{ height:55px}



.qm-nav{float:none; display:none; background:#1a1a1a;position:fixed; z-index: 999; left: 0; top:55px; right: 0; bottom:0; overflow-y:auto; padding-top:0; height:auto}

 

.qm-nav .li{  width:auto; float:none; padding:0;  margin-left:0; position:relative; border-bottom:1px solid rgba(255,255,255,.2); margin:0 10px!important; display:block}

.qm-nav .li .alink{ position:relative; padding:0  !important; line-height:45px; width:auto; text-align:left; font-size:15px; }

 

.qm-nav .exist:before{ content:""; display:block; width:12px; height:12px; background:url(../images/ico-d.png) no-repeat center ; background-size:30%; position:absolute; z-index:3; right:0;top:0; width:45px; height:45px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}

.qm-nav .nl.exist .alink:after{ display:none}

.qm-nav .li.on .alink{ border-bottom:none;    }

.qm-nav .li .sub{ position:static;  padding:5px 0; padding-left:20px;  width:auto; margin:0; height:auto; } 

.qm-nav .li .alink:before{ display:none}

.qm-nav .li .sub a{ text-align:left; padding:0 0px; font-size:14px; background:none; line-height:32px; height:32px;  }

.qm-nav .li .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;} 

.qm-top.block .qm-nav .li .sub{ height:auto; display:none; padding-bottom:10px}

.qm-top.block .qm-nav .li.block .sub{ display:block}

.qm-top.block .qm-nav .li.block.exist:before{transform:rotate(45deg);}

.exist i{ display:none}

.lang{ float:none; width:auto; padding:0 20px; line-height:45px; position:absolute; z-index:2; left:0; right:0; bottom:10px}

.lang .a{ display:none}

.lang .sub{ display:block; position:static; background:none; overflow:hidden; padding:10px 0}

.lang .sub a{ display:block; width:50%; text-align:center; float:left; color:#fff; border-right:1px solid rgba(255,255,255,.5); height:30px; line-height:30px; opacity:.5}

.lang .sub a:last-child{ border-right:none}

 

.footerbox{ padding-top:0}

.footerbox .fp-scrollable{ padding-top:20px}

.links{ margin-bottom:0}

.links .bd{ padding:10px 0; margin:0 auto}

.links .bd{ border-radius:0; margin-right:-10px}

.footer{ border-radius:0; padding-top:20px; padding-bottom:20px}

.footer .foottop .dl1{ width:100%; margin-right:0; padding-right:110px; margin-bottom:20px}

.footer .foottop .dlnav{ width:25%}

.footer .foottop{ padding-right:0; padding-bottom:20px}

.footer .foottop dl dt{ font-size:16px; margin-bottom:10px}

.footer .foottop .dlewm{ width:100px;}

.footer .foottop .dlewm .p{ font-size:12px}



.banquan{ display:block; text-align:center; padding-top:20px}

.banquan .left{ margin-bottom:10px}

.banquan .left a{ margin:0 5px}



.qm-top.navFix .box{background: #1a1a1a;}

}

@media (max-width:766px){  

.qm-top .lang{ display:none}
.links .bd .t{ font-size:12px}

.links .bd ul li a{ font-size:12px}



.pages{ margin-top:25px;    margin-bottom: 20px;}

.pages a{ font-size:14px}



}