@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:Arial,"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,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; }
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:#333;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#333;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#333;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#333;}
textarea::-webkit-input-placeholder{color:#333;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#333;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#333;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#333;}		
.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;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;} 
body{ color:#333333;  font-size:14px; line-height:1.8; overflow-x:hidden; background-color:#f2f2f2}
a{ color:#333333; text-decoration:none; font-size:14px;}
a:hover{ color:#c7000b; text-decoration:none}
.weap{ width:1200px; max-width:100%; margin:0 auto; } 
table{width: 100%; empty-cells: show; background-color: transparent; border-collapse: collapse; border-spacing: 0; border: 1px solid #ddd; border-collapse: separate; border-left: 0;border-bottom: 0;}
table th{text-align: left; font-weight:bold; background-color:#918068; font-size:16px}
table th,table td{padding: 8px; line-height: 20px; word-break: break-all; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
table .center{ text-align: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;} 

/*图标*/
@font-face {
  font-family: "iconfont"; /* Project id 2658021 */
  src: url('iconfont.woff2?t=1625644106607') format('woff2'),
       url('iconfont.woff?t=1625644106607') format('woff'),
       url('iconfont.ttf?t=1625644106607') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-qq:before {
  content: "\e6af";
}

.icon-weixin:before {
  content: "\e7e5";
}

.icon-sousuo:before {
  content: "\e683";
}

.icon-dianhua:before {
  content: "\e605";
}
.icon-guanbi:before {
  content: "\e607";
}
.icon-jiantou:before {
  content: "\e603";
}
.icon-qiyewenhua:before {
  content: "\e613";
}

.icon-zizhi:before {
  content: "\e615";
}
.icon-home:before {
  content: "\e61e";
}
.icon-shijian:before {
  content: "\e6ce";
}

.icon-guankancishu:before {
  content: "\e670";
}
.icon-jiantou1:before {
  content: "\e640";
}
.icon-icon:before {
  content: "\e666";
}
 
/*布局*/ 
.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;}
 
/*头部*/ 
.qm-top{ height:88px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s; box-shadow:0 0 10px rgba(0,0,0,.1)}
.qm-top .weap{ position:relative; width:1400px}
.qm-top .box{ height:88px; background:#f2f2f2 url(../images/topbg.png) no-repeat center top; position:fixed; z-index:110; left:0; right:0;top:0;  }  
.qm-top .lang{ position:absolute; z-index:3; right:0;top:0; line-height:88px;}

.qm-top .lang span{ cursor:pointer; color:#fff; font-size:20px; margin-left:10px; vertical-align:middle}
.qm-top .lang span:hover{ color:#F00}
.qm-top .lang .icon-weixin{ color:#09bb07; font-size:20px}
.qm-top .lang a{ margin-left:10px; vertical-align:middle; width:22px; height:22px;  line-height:22px; text-align:center; display:inline-block; vertical-align:middle; background-color:#fff;border-radius:50%; font-size:12px; font-weight:bold; color:#5e6c75;}
.qm-top .lang a:hover{ color:#F00}

.qm-top .logo{ float:left; padding-top:16px;}
.qm-top .logo img{ height:56px; float:left}
 
 
/*导航*/   

.qm-nav{ float:right; position:relative; z-index:2; padding-right:120px}  
.qm-nav .nl{ text-align:center; position:relative; display:inline-block; margin-left:25px}  
.qm-nav .nl .alink{ font-size:20px; line-height:88px; height:88px; text-align:center; position:relative;  display:block;   color:#fff;}  
.qm-nav .nl.on .alink{color:#ff0000;}

.qm-nav .sub{ background-color:rgba(255,255,255,0.6); box-shadow:0 4px 5px rgba(0,0,0,.1); position:absolute; z-index:1; left:50%; margin-left:-83px;top:88px; width:166px; display:none}
.qm-nav .sub a{ display:block;  padding:15px 0; font-size:16px; color:#000 } 
.qm-nav .sub a:hover{ background-color:rgba(255,0,0,.6); color:#fff;}
 
 
/* 底部 */
.footer{ background:#f2f2f2 url(../images/footbg.png) repeat-x top; padding-top:25px; padding-bottom:40px;color:#808080}
.footer a{color:#808080}
.footer .foottop .weap{ text-align:justify}
.footer .foottop .weap:after{ content:"";display:inline-block; height:1px; overflow:hidden;width:100%;}
.footer .foottop dl{ display:inline-block; vertical-align:top;}
.footer .foottop dl dt{ margin-bottom:10px}
.footer .foottop dl dt a{ font-size:16px; color:#333; font-weight:bold; line-height:34px; border-bottom:2px solid #333; display:inline-block; width:140px; max-width:100%} 
.footer a:hover{ color:#c7000b;}
.banquan{ border-top:1px solid #808080; padding-top:15px;} 
.banquan .left{ float:left}
.banquan .left .t{ font-size:16px; font-weight:bold; color:#333}
.banquan .left .p span{ margin-right:15px; display:inline-block; vertical-align:middle}
.banquan .right{ float:right; padding-top:28px; }
/*弹出二维码*/
.mask{ position:fixed; z-index:119;top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.75); display:none}
.fixewm{ position:fixed; width:360px; height:400px; z-index:120; left:50%;top:50%; margin-left:-180px; margin-top:-200px; background-color:#fff; text-align:center; box-shadow:0 0 10px rgba(0,0,0,.8); padding:50px 25px; display:none}
.fixewm img{ width:200px; max-width:100%}
.fixewm .p{ margin:10px 0}
.fixewm .fixclose{ display:inline-block; width:110px; height:40px; line-height:40px; border-radius:5px; line-height:40px; color:#fff; background-color:#f04433; cursor:pointer}
/*弹出搜索*/
.fixsearch{ position:fixed; z-index:120; left:0; right:0;top:0; bottom:0; display:none}
.fixsearch .bd{ height:48px; position:absolute; z-index:2; left:50%; width:1200px; margin-left:-600px;top:50%; margin-top:-24px;}
.fixsearch .intxt{ width:100%; height:48px; border:none; border-radius:10px; padding:0 20px; padding-right:50px;}
.fixsearch .inbtn{ position:absolute; z-index:2;top:0; right:0; bottom:0; width:50px; font-size:30px; border:none; background:none; cursor:pointer}
.fixsearch .inbtn:hover{ color:#ff0000}

.fixsearch .fixclose{ font-size:30px; color:#fff; position:absolute; z-index:2; right:20px;top:20px; cursor:pointer;}
.fixsearch .fixclose:hover{ color:#ff0000}
/*页码*/
.pages{ text-align:center}
.pages a{ display:inline-block; vertical-align:middle; width:36px; height:32px; line-height:32px; border:1px solid #666; font-size:14px; color:#666; margin:0 3px}
.pages a:hover,.pages a.on,.pages a.cur{ background-color:#c7000b; color:#fff; border:1px solid #c7000b}


/*右侧漂浮*/
.fixed-bar{ position:fixed; z-index:99; bottom:150px; right:10px}
.fixed-bar li{ width:60px;  position:relative; } 
.fixed-bar li .a{ display:block; width:100%; height:100%; background-color:#222; cursor:pointer;transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: alll 0.3s ease-in;  position:relative; z-index:3; color:#fff; text-align:center;height:60px; line-height:60px; font-size:20px} 
.fixed-bar li .a:hover{ background-color:#c7000b}
.fixed-bar li .sub{ width:170px; position:absolute; z-index:2; left:-170px;top:50%; transform:translateY(-50%); display:none}
.fixed-bar li:hover .sub{ display:block}
.fixed-bar li .subbox{ width:160px; background-color:#222222; border-radius:5px; color:#fff; box-shadow:0 0 15px rgba(0,0,0,.3); position:relative; padding:15px 20px; padding-bottom:5px}
.fixed-bar li .subbox:after{ content:""; width:10px; height:10px; background:#222; position:absolute; right:-5px; top:50%; margin-top:-5px; transform:rotate(45deg);}
.fixed-bar li .subbox dl{ margin-bottom:10px;}
.fixed-bar li .subbox dt{ font-size:13px}
.fixed-bar li .subbox dd a{ color:#fff; font-weight:bold; font-size:16px}
.fixed-bar li .subbox.subewm{ background-color:#fff; padding:5px; text-align:center}
.fixed-bar li .subbox.subewm img{ width:100%}
.fixed-bar li .subbox.subewm .p{ background-color:#f04433;}
.fixed-bar li .subbox.subewm:after{ background-color:#fff} 
.fixed-bar li .ico-goto{ display:none}
@media (max-width: 1420px){
.qm-top .weap{ padding-left:10px; padding-right:10px}
.qm-top .lang{ right:10px}
.qm-nav{ padding-right:110px}
}
@media (max-width: 1325px){
.qm-top .logo img{ height:46px}
.qm-top .logo{ padding-top:21px}
.qm-nav .nl .alink{ font-size:18px}
.qm-top .lang{ line-height:40px}
.qm-nav{ padding-right:0; padding-top:20px}
.qm-nav .nl .alink{ height:68px; line-height:68px}
.qm-nav .sub{top:68px}
}

@media (max-width: 1220px){
body{transition: all .5s ease;right:0; position:relative} 
.weap{ padding-left:10px; padding-right:10px;max-width:100%}  

.fixsearch .bd{ width:auto; left:10px; right:10px; margin-left:auto}
}
@media (max-width: 1110px){
.qm-nav .nl{ margin-left:20px}	
.qm-nav .nl .alink{ font-size:16px}
}
@media (max-width:999px){ 
 
 
/*头部*/ 
.qm-nav .exist:before{ content:"+"; display:block; width:40px; height:40px; text-align:center; font-size:24px; color:#999; line-height:40px; background-size:30%; position:absolute; z-index:2; right:0;top:0;}
.qm-nav .exist.onn:before{content:"-";}  
.qm-top .weap{ position:static}
.qm-top{ height:55px}
.qm-top .box{ width:100%;  height:55px;  position:fixed; z-index:100; right:0 ;transition: all .5s ease; border-bottom:none; }
.qm-top .logo{ padding:5px 0; padding-right:10px; transition: all 0.3s; height:55px; border-right:none; }  
.qm-top .logo a{ display:inline-block;  }
.qm-top .logo img{ height:45px; width:auto; display:block}
.qm-top.flexbox .logo img{ height:45px;}  
 
.qm-top.flexbox .box{ height:55px; background-color:#fff}
.qm-top.block .box{ height:55px; }
.qm-top.flexbox .logo{ height:55px;   border-right:none; padding-top:5px}
.qm-top .qm-nav .weap{ padding-left:0; padding-right:0; display:block;}
.qm-nav .nl:hover{ background:none} 
.qm-nav .nl{ padding:0; background:none;  height:auto; margin:0; float:none;  display:block; text-align:left }
.qm-nav .nl a{ position:relative; padding:0 10px; text-align:left; width:auto;  display:block; font-size:15px; margin-left:0;  background-position:center left; background-repeat:no-repeat; background-size:22px; color:#333; line-height:45px}  
.qm-nav .nl.on a:after{ width:auto; left:0; right:0; margin:0 auto; height:1px}
 
 
.qm-nav .nl.on .alink:before{ display:none}
.qm-top .qm-nav {  padding-top:0;background-color:#fff; display:none; position:fixed; z-index:999; left:0; right:0;top:0; bottom:0; overflow-y:auto;top:90px; float:none}
.qm-top.block .qm-nav { display:block; padding-bottom:0 }  
.ow{ overflow:hidden}
 
.qm-top .qm-nav{top:55px; padding-right:0}

.m-bg{ position:absolute; z-index:2; right:0;top:0; bottom:0; width:46px; } 
.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: 10px; 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-nav .nl{ width:100%; float:none; padding:0; background:#f8f8f8; margin-left:0;border-bottom:1px solid #e2e2e2; position:relative}
.qm-nav .nl .alink{ position:relative; padding:0 10px;line-height:45px; width:auto; text-align:left; display:block;font-size:15px; border:none; margin:0; color:#333; height:45px}
.qm-nav .nl:after{ display:none}
 
.qm-nav .nl .alink:after{ height:2px; bottom:0;} 
.qm-nav .nl.on .alink{ border-bottom:none;  border:none;line-height:45px;}
.qm-nav .sub{ position:static; background:#fff; padding:0;  width:auto; margin:0; border-top:1px solid #e2e2e2} 
.qm-nav .sub li{ color:#0a377f}
.qm-nav .sub a{ text-align:left; padding:0 15px; font-size:14px; background:none;  color:#333}
.qm-nav .sub a:before{ content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background-color:#999; margin-right:8px; vertical-align:middle}
 
.qm-nav .sub a{ font-size:14px; padding-left:20px}

.qm-top .lang{ line-height:55px; height:55px; right:70px;    background-size: 20px; padding-left:30px;}
 
.qm-top .lang a{ font-size:14px}

.qm-top .logo .title span{ display:inline}
.qm-top .logo .title .p1{ font-size:20px; margin-bottom:5px; letter-spacing:4px}
.qm-top .logo .title{ padding-top:5px}
/*底部*/
.footer{ padding-bottom:20px}
.foottop{ padding-bottom:30px} 
.footer .foottop dl dt a{ width:100%}
.footer .foottop .weap{ text-align:left;-moz-column-count:2;-webkit-column-count:2;column-count:2; -moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;}
.footer .foottop dl{-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid; float:none !important; width:auto !important; display:block;} 
.banquan .left{ float:none}
.banquan .right{ float:none; padding-top:10px; text-align:center}

.pages a{}


}
@media (max-width:760px){ 
body{ padding-bottom:50px}
.qm-top .logo img{ height:33px}
.qm-top .logo{ padding:11px 0}
.qm-top .lang{ right:50px}
.qm-top .lang a{ background:none; color:#fff; margin-left:5px}

.fixed-bar{ left:0; right:0; bottom:0}
.fixed-bar li{ float:left; width:25%}
.fixed-bar li .ico-goto{ display:block !important; opacity:1 !important}
.fixed-bar li .a{ height:50px; line-height:50px}
.fixed-bar li .sub{ top:auto; left:50%;transform: translateX(-50%); bottom:60px; width:150px}
.fixed-bar li .subbox{ width:100%; padding:10px}
.fixed-bar li .subbox:after{ right:auto; bottom:-5px; left:50%;top:auto; margin-top:auto; margin-left:-5px;}
#spotlight .arrow{ width:35px !important; margin-top:-17px !important; height:35px !important }
}
@media (max-width:375px){
.fixewm{ width:90%; margin-left:-45%; padding:20px; height:340px}
}

html #spotlight .footer{color:#fff; background:none; text-align:center; width:100%; top:0px;}
#spotlight .arrow{ width:88px !important; height:88px !important; border:1px solid #fff !important;border-radius:0 !important; margin-top:-44px !important}