@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:"微软雅黑",Arial,"Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei";font-size:15px;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:before,.cl:after{content: " "; display: table;}
.cl::after{clear: both;}
ul,li{list-style-type:none;}
i,em{font-style:normal}
a{transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */}
.tran{transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */}
body{ color:#000;  font-size:15px; background:#fff; overflow-x:hidden  }
a{ color:#000; text-decoration:none; font-size:15px;}
a:hover{ text-decoration:none;}
.skew{transform: skew(0deg);transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;	/* Opera */} 
.skew:hover{transform: skew(-15deg); text-decoration:underline}
/*布局*/ 
.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;}
.weap1240 {
	/*max-width: 1240px;*/
	max-width: 1140px;
	margin: 0 auto;
}
.weap1140{ max-width:1140px; margin:0 auto; }
.bgf6{ background-color:#f6f6f6; padding:1px 0} 
 
/*头部*/
.qm-top{position:relative} 
.qm-top .box{  position:fixed; z-index:99; left:0; right:0;top:0;  }
.qm-top .box .weap1240{height:78px; position:relative;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s;  }
.qm-top .logo{ float:left; padding-top:15px;}
.qm-top .logo a{ display:block;}
.qm-top .logo img{ display:block; height:48px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}

.qm-top .box.navFix{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: alll 0.5s;position:fixed; z-index:998; left:0; right:0;top:0; height:59px;background-color: rgba(0,0,0,0.6);border-color: rgba(255,255,255,0.2);box-shadow: 0 0 14px rgba(0,0,0,0.09);}
.qm-top .box.navFix .weap1240{ height:59px;}
.qm-top .box.navFix .qm-nav .nl .alink{ line-height:59px}
.qm-top .box.navFix .logo img{ height:31px} 
.qm-top .box.navFix .qm-nav{ padding-top:0} 
.qm-top .box.navFix .logo{ padding-top:15px}
.qm-top .box.navFix .nl .ico{ line-height:59px; }
.qm-top .box.navFix .weap1240{height:59px;}
 

.qm-nav{ float:right;  height:78px; padding-right:70px}
.qm-nav .nl{ float:left; position:relative; letter-spacing:3px;  }
.qm-nav .nl .ico{ position:absolute; z-index:1; right:0;top:0; color:rgba(255,255,255,0.5); font-size:15px; line-height:78px; width:26px; text-align:center; cursor:pointer;    transition: all .35s ease-out, transform .35s ease-out; font-weight:900}
.qm-nav .nl .ico:hover,.qm-nav .nl.open .ico{ color:#fff}


.qm-nav .nl.exist{padding-right:26px;}
.qm-nav .nl.exist .alink{ padding-right:4px}
.qm-nav .nl .alink{ display:block; font-weight:bold; font-size:18px;  line-height:78px; color: rgba(255,255,255,0.5); text-transform:uppercase; padding:0 10px}
.qm-nav .nl .alink span{ padding:10px 0; position:relative}
.qm-nav .nl .alink span:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; -webkit-transform: scale3d(0,5,1); transform: scale3d(0,5,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; transition: transform 0.3s cubic-bezier(1,0.68,0.16,0.9);background-color:#fff}
.qm-nav .nl.on .alink span:before,.qm-nav .nl .alink:hover span:before{-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{color:#fff}
.qm-nav .sub{position: absolute; top: 100%; left: 0; z-index: 250; min-width: 200px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.07);background-color: rgba(255,255,255,1); visibility: hidden; opacity: 0; transform: translateY(-50px); transition: all 0.5s, visibility 0s 0.5s, transform 0.5s;}
.qm-nav .nl .sub.open{visibility: visible; opacity: 1; transform: translateY(0); transition: all 0.5s, transform 0.5s;}
.qm-nav .sub ul{padding:30px 0}
.qm-nav .sub a{display:block; line-height:25px; padding:0 30px ; font-size:15px; text-transform: uppercase; color: rgba(102,102,102,1)}
.qm-nav .sub a:hover{color:#000}
.searcha{position:absolute; z-index:1; height:26px; line-height:26px;color: rgba(255,255,255,0.5); right:0;top:50%; margin-top:-14px; cursor:pointer; font-weight:normal; font-size:15px;border-left:1px solid rgba(255,255,255,0.1); padding-left:23px}
.topsearch{position:fixed; z-index:999; top: 0; left: 0; width: 100%; min-height: 100px; background-color: #fff; box-shadow: 0 0 14px rgba(0, 0, 0, 0.09); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; transition: opacity .3s, visibility 0s .3s, transform .3s;}
.topsearch.block{opacity: 1; visibility: visible; transition: opacity .3s, transform .3s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
.topsearch .bd{max-width:1240px; margin:0 auto; z-index:3; position:relative}
.topsearch .bd .intxt{border: none; background-color: transparent; height: 100px; width: 100%; max-width: none; padding: 38px 40px; color: #333; font-size: 18px; text-align: left; transition: color .5s;}
.topsearch .bd .inbtn{width:38px; height:38px; position:absolute; z-index:1; border:none; background:none; top:50%; margin-top:-19px;left:0; cursor:pointer; color: #c5c5c5; font-size: 18px;}
.topsearch .bd .sclsoe{position:absolute; z-index:1; right:0; width:30px; height:30px;color: #c5c5c5; font-size:18px;top:50%; margin-top:-15px; cursor:pointer}
.topsearch .bd .sclsoe:hover{color:#333} 

/*页码s*/
.pages{
	font-size:15px;
}
.pages span,.pages a{ font-size:14px; font-weight:bold; margin:0 5px;transition: all 0.5s;-moz-transition: all 0.5s;	/* Firefox 4 */-webkit-transition: all 0.5s;	/* Safari 和 Chrome */-o-transition: alll 0.5s;transform: skew(0deg); display:inline-block; vertical-align:middle; padding:0 5px}
.pages a:hover{transform: skew(-15deg); text-decoration:underline}
.pages .current{ text-decoration:underline}
/*底部*/
.footer{ background-color:#0c0c0c; color:#666666;padding-top:45px;  }
.footer a{color:#666666;}
.footer a:hover{ text-decoration:underline}
.foottop .weap1140{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content:space-between;justify-content:-webkit-space-between;justify-content:-ms-space-between; padding-bottom:50px} 
.foottop .footlogo img{ max-width:110px;}
.foottop dl dt{ color:#fff; font-weight:bold; margin-bottom:25px}
.foottop dl dt a{color:#fff;}
.foottop dl dd{ margin-bottom:5px}
.foottop dl.last{ width:254px;flex:0 0 254px;}
.foottop dl.last dd.dd01{ margin-bottom:25px}
.foottop dl.last dd.dd02 .p{ position:relative; padding-left:25px;}
.foottop dl.last dd.dd02 i{ display:block; position:absolute; z-index:1; left:0;top:5px; line-height:19px}
.banquan .weap1140{ padding:15px 0;    border-top: 1px solid rgba(255,255,255,0.06); }
.banquan .left{ float:left}
.banquan .right{ float:right}
.banquan .right a{ color:#fff; width:26px; font-size:16px; margin-left:4px; }
.banquan .right a:hover{ text-decoration:none; color:#1769ff}
.banquan .right.bshare-custom a{  font-size:16px; margin-left:15px; display:inline-block; vertical-align:middle; width:25px !important; height:25px !important; position:relative} 
.banquan .right.bshare-custom .bshare-weixin{ background:url(../images/icons8-wechat-50b.png) no-repeat center !important; background-size:100% !important}
.banquan .right.bshare-custom .bshare-sinaminiblog{ background:url(../images/icons8-weibo-50b.png) no-repeat center !important; background-size:100% !important} 
.banquan .right.bshare-custom .bshare-qzone{ background:url(../images/icons8-tiktok-50b.png) no-repeat center !important; background-size:100% !important}
.banquan .right.bshare-custom .bshare-linkedin{ background:url(../images/icons8-linkedin-50b.png) no-repeat center !important; background-size:100% !important}
.banquan .right.bshare-custom .sub{ position:absolute; z-index:1; width:120px; left:50%; margin-left:-60px; bottom:35px; background-color:#fff; display:none }
.banquan .right.bshare-custom a:hover .sub{ display:block}
.banquan .right.bshare-custom .sub:after{ content:""; display:block;width:0;height:0; border-top:5px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; z-index:1; left:50%; margin-left:-5px; bottom:-5px; }
.banquan .right.bshare-custom .sub img{ display:block; width:100%;}
/*页码*/
.pages{ text-align:center; margin-top:30px; margin-bottom:10px}
.pages ul{ font-size:0; display:inline-block; vertical-align:middle}
.pages .common{ display:inline-block; vertical-align:middle}
.pages .numbers{ display:inline-block; vertical-align:middle; position:relative;top:2px; margin:0 5px}
.pages li{ display:inline-block; margin:0 -.5px; font-size:15px; margin-bottom:5px}
.pages li em{ padding:0 10px}
.pages li a{ display:block; padding:0 14px; height:36px; line-height:34px; font-size:15px;  border:1px solid #dddddd; }
.pages li a.disabled{ background-color:#f8f8f8; color:#9e9e9e; cursor:no-drop}
.pages li a.on{ background-color:#2962b3; color:#fff}
.pages .intxt{  line-height:34px;border:1px solid #dddddd; width:60px; text-align:center; margin:0 5px; vertical-align:middle; height:36px; position:relative;top:-2px}
.pages .inbtn{  line-height:34px;border:1px solid #dddddd; width:60px; text-align:center; margin:0 10px; vertical-align:middle; background:none; cursor:pointer;height:36px;position:relative;top:-2px }

 
a.to-top{background-color: rgba(0,0,0,0.1);color: rgba(255,255,255,1);font-size: 22px;outline: none !important;width: 40px;height: 40px;position: fixed;bottom: 100px;right: 40px;z-index: 996;-webkit-border-radius: 20px;border-radius: 20px;color: #ccc;text-align: center;line-height: 38px;color:#fff;font-weight:bold;opacity: 0;visibility: hidden;transition: background-color 0.3s, color 0.3s, opacity 0.5s, visibility 0s 0.5s;}
a.to-top.show{opacity: 1;visibility: visible;transition: background-color 0.3s, color 0.3s, opacity 0.5s;}
a.to-top::after{content: '';position: absolute;top: -20px;left: -20px;bottom: -20px;right: -20px;background: inherit;-webkit-border-radius: 40px;border-radius: 40px;z-index: -1;opacity: 0.4;-webkit-transform: scale3d(0.5, 0.5, 1);transform: scale3d(0.5, 0.5, 1);}
a.to-top:hover::after{-webkit-animation: anim-moema-2 0.3s 0.3s forwards;animation: anim-moema-2 0.3s 0.3s forwards;}
a.to-top:hover{transition: background-color 0.1s 0.3s, color 0.1s 0.3s, opacity 0.5s, visibility 0s 0.5s;background-color: #1e73be;color: rgba(255,255,255,1);text-decoration: none;-webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards;}

/*弹出视频*/
.videopop{ position:fixed; z-index:999; left:0; right:0;top:0; bottom:0;}
.videopop .bdbox{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; width:100%; height:100%}
.videopop .closebg{ position:absolute; z-index:1; background:rgba(0,0,0,.7); left:0; right:0;top:0; bottom:0}
.videopop .videobd{ margin:0 auto; position:relative; z-index:2; width:75%; background-color:#252525; height:40vw} 
.videopop .videobd .video{ height:100%}
.videopop .videobd video{ display:block;}
.videopop .mclsoe{ position:absolute; z-index:3; width:26px; height:26px;top:20px;   right:20px; background:url(../images/ico-clsoe.png) no-repeat center; background-size:80%; cursor:pointer}

@media(max-width:1280px) {
.searcha{ right:10px}
.qm-top .logo{ padding-left:10px}
.weap{ padding-left:10px !important; padding-right:10px !important}
}
@media(max-width:1160px) { 
.weap1140{ padding-left:10px !important; padding-right:10px !important}
}
@media(max-width:1260px) { 
.weap1240{ padding-left:10px !important; padding-right:10px !important}
}
@media(max-width:1024px) { 
.weap{ padding-left:10px !important; padding-right:10px !important}
/*头部*/  
.qm-top .box .weap1240{ height:64px;}  
.qm-top .box{ width:100%; height:64px; z-index:99;transition: all 2.5s;-moz-transition: all 2.5s;	/* Firefox 4 */-webkit-transition: all 2.5s;	/* Safari 和 Chrome */-o-transition: alll 2.5s;	/* Opera */}
.qm-top .box.navFix{ height:64px}
 
.qm-top.block .box{ background:rgba(0,0,0,.8)}
.qm-top .box.navFix .weap{ height:64px;}
.qm-top .logo{ padding-top:15px; padding-left:0}
.qm-top .logo a img{ height:34px} 
.qm-top .box.navFix .weap1240{ height:64px;}
.qm-top .box.navFix .logo{ padding-top:15px}
.qm-top .box.navFix .logo img{ height:34px}
.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:rgba(255,255,255,0.5); 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:rgba(255,255,255,0.5); 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);}
.searcha{right:60px;border-left:none;border-right: 1px solid rgba(255,255,255,0.1);padding-right:20px;font-size:16px;padding-left:0;}
.qm-top .box.navFix .qm-nav .nl .alink{line-height:36px}
.qm-nav{float:none; background:rgba(0,0,0,.9);position:fixed;z-index:-2; visibility:hidden;left: 0;top:64px;padding-right:0;right: 0;bottom:0;overflow-y:auto;padding-top:0;height:auto; }
.qm-top.block .qm-nav{z-index: 999; visibility:visible} 
.qm-top .box.navFix .qm-nav{top:64px}
.qm-nav .nl{width:100%;float:none;padding:0;margin-left:0;position:relative; -webkit-transform: scale(1.1) translateY(-50%); -ms-transform: scale(1.1) translateY(-50%) ; transform: scale(1.1) translateY(-50%); opacity:0;transition-delay:0s}
.block .qm-nav .nl{opacity: 1; pointer-events: auto; -webkit-transform: none; -ms-transform: none; transform: none;transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-webkit-transition: all 0.5s;/* Safari 和 Chrome */-o-transition: alll 0.5s;/* Opera */}
.block .qm-nav .nl:nth-child(2){transition-delay: .25s}
.block .qm-nav .nl:nth-child(3){transition-delay: .35s}
.block .qm-nav .nl:nth-child(4){transition-delay: .45s}
.block .qm-nav .nl:nth-child(5){transition-delay: .55s}
.block .qm-nav .nl:nth-child(6){transition-delay: .65s}
.block .qm-nav .nl:nth-child(7){transition-delay: .75s}
.block .qm-nav .nl:nth-child(8){transition-delay: .85s}	
 
.qm-nav .nl.exist{ padding-right:0}
.qm-nav .nl.exist .alink{ padding-right:30px}
.qm-nav .nl .alink{ position:relative; padding:0 30px; line-height:36px; width:auto; text-align:center}
 
.qm-nav .nl .ico{ height:26px; line-height:26px;    background-color: rgba(255,255,255,0.1);top:7px; margin:0; right:20px;}
.qm-top .box.navFix .nl .ico{ line-height:26px;}
.qm-nav .nl.on .alink{ border-bottom:none; color:#fff}
.qm-nav .sub{ transition: all 0.5s, visibility 0s 0.5s, transform 0.5s; position:static; background:#fff;  width:auto; margin:0; min-width:0;transform: translateY(0px); opacity:1; visibility:visible; max-height:0px; overflow:hidden} 
.qm-nav .sub.open{ max-height:300px}
.qm-nav .sub li{ display:block}
.qm-nav .sub a{ text-align:center; font-size:15px; background:none; line-height:26px; height:26px; } 

.qm-nav .sub ul{ padding:10px 0}

.topsearch .bd .intxt{padding: 18px 40px; height:60px}
.topsearch{padding: 0 10px; min-height:60px}
/*底部*/
.foottop .weap1140{ display:block; text-align:center; padding-bottom:10px}
.foottop .footlogo{ margin-bottom:30px}
.foottop dl{ margin-bottom:30px}
.foottop dl.last{ width:auto}
.foottop dl.last dd.dd02 .p{ padding-left:0}
.foottop dl.last dd.dd02 i{ position:static; display:inline-block; vertical-align:middle; margin-right:10px}

.banquan{ text-align:center;}
.banquan .right a{ margin:0 2px}
.banquan .left{ float:none; font-size:14px}
.banquan .left a{ font-size:14px}
.banquan .right{ float:none;margin-bottom:10px; font-size:14px}
.banquan .right a{ font-size:14px}

a.to-top{ right:10px}

.videopop .mclsoe{ right:10px;top:10px}
.videopop .videobd{ width:100%; height:70vw}
}