@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; }
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
.clear{ clear:both;}

/*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:#999999;}
input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
input:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}
textarea::-webkit-input-placeholder{color:#999999;}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#999999;}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color:#999999;}
textarea:-ms-input-placeholder{/* Internet Explorer 10-11 */ color:#999999;}		
.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{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;transition: all 0.3s;} 
 
.weap{  margin:0 auto;  width:84%; margin:0 auto;} 
::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
    background-color: #2c9961;/*ee6e12*/
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(44,153,97,.3);
    background-color: #f5f5f5;
}
table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.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: 'hwxh'; /* 自定义字体名称 */
    src: url('../fonts/hwxh.ttf'); 
    font-weight: normal; /* 字体粗细 */
    font-style: normal; /* 字体风格，如normal或italic */
}
:root{
	--font-size:20px;
	--color:#2c9961;
	--margin-bottom-40:40px
}
@media (max-width: 1600px){  
:root{
	--font-size:16px; 
	--margin-bottom-40:40px
}
.weap{ width:90%} 
}
@media (max-width: 1366px){  
:root{
	--font-size:15px; 
	--margin-bottom-40:40px
}
}
@media (max-width: 1000px){  
:root{
	--font-size:14px; 
	--margin-bottom-40:40px
}
}
body{ font-family: 'hwxh', sans-serif;font-size: calc(var(--font-size)*1) }
a{ font-size: calc(var(--font-size)*1); color: #333}
a:hover{color: #2c9961;text-decoration: none}
/*布局*/ 
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start}
.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;} 
.flexbetweenr{-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
 
/*头部*/ 
.qm-top.fexbox .box{ background-color:#fff;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,.5)}

 
.qm-top .box{ height:90px; z-index:999; left:0; right:0;top:0;  position:fixed; border-bottom:1px solid rgba(255,255,255,.3) }
.qm-top .weap{  height:90px;width: 96% }
.qm-top .logo{ float:left; padding-top:14px;}
.qm-top .logo a{ display:block; float:left}
.qm-top .logo img{ display:block; height:60px;}
 
.qm-nav{  float:right; padding-right:190px; border:#333333 solid 0px;} 
.qm-nav>ul{ font-size:0; }
.qm-nav .nl{ float:left; margin-left:60px;position:relative} 
.qm-nav .nl .alink{  display:block; font-size: calc(var(--font-size)*(24/20)); text-align:center; line-height:90px; position:relative; color:#fff } 
.qm-nav .nl a:hover{ color:var(--color)}
.qm-nav .nl:hover>a{color:var(--color)}
.qm-nav ul li:hover>a{color:var(--color)}
.qm-nav ul li:hover>.iconfont{color:var(--color)} 
.qm-nav ul ul{ position:absolute; background-color:#fff; width:315px;top:90px; visibility:hidden; overflow:hidden; border:#000000 solid 0px; z-index:9; height:0; min-height:0; max-height:0;}
.qm-nav ul ul:hover{ overflow:visible;}
.qm-nav ul ul ul{ width:260px; background-color:#f4f4f4; left:100%;top:0; overflow:hidden; }
.qm-nav ul li{ position:relative}
.qm-nav ul ul a{ display:block; padding:10px 24px; line-height:1.1;transition:none; }
.qm-nav ul li:hover>ul{ height:fit-content;min-height:0;max-height:360px;  visibility:visible;  transition:all 0.8s ;}
.qm-nav ul li:hover>ul li{ height:fit-content;min-height:0;max-height:360px; transition:all 0.8s ;}
 
.qm-nav ul>li.exist .iconfont{ display:none}
.qm-nav ul ul .exist .iconfont{ display:block; position:absolute;top:50%; right:24px;font-size: calc(var(--font-size)*(22/20)); transform:translateY(-50%) }
 
 
.qm-nav .sub{ display:none; position:absolute; z-index:8;top:102px; left:-70px; background:rgba(255,255,255,.8);  white-space: nowrap; width:auto; padding:30px;}
.qm-nav .sub.right{ left:auto; right:0}
.qm-nav .sub ul{ display:inline-block; vertical-align:top;} 
.qm-nav .sub .img{ display:inline-block; vertical-align:top; width:300px; height:180px; overflow:hidden}
.qm-nav .sub .img img{ width:100%; height:100%;object-fit: cover;}
/*.qm-nav .nl.exist .alink:after{ content:""; display:inline-block; 
	width: 0;
	height: 0;
	border-top: 5px solid #333;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent; 
}*/
.qm-nav .sub ul{ margin-right:75px}
.qm-nav .sub li{ border-bottom:1px solid #8b8c8e; margin-bottom:5px} 
.qm-nav .sub a{ display:block; line-height:1.4; padding:10px 0; text-align:left; padding-left:22px; font-size:18px; min-width:134px;}
.qm-nav .sub a:hover{ font-weight:bold}

.qm-top.fexbox .qm-nav .nl .alink{ color:#333}
.qm-top.fexbox .qm-nav .nl:hover>a,
.qm-top.fexbox .qm-nav .nl .alink:hover{  color:var(--color)}
.qm-top.fexbox .logo a img{ opacity:0}
.qm-top.fexbox .logo a{ background:url(../images/logoh.png) no-repeat center; background-size:auto 100%}

.logobox{ position:relative}
.m-s{ width:32px; height:29px; position:absolute; z-index:2; right:10px;top:50%; margin-top:-14px; background:url(../images/ico-s.png) no-repeat center; background-size:100%; cursor:pointer}
.m-s.on{ background:url(../images/ico-close.png) no-repeat center; background-size:100%; }
.lang{ display:block; width:148px; height:40px; line-height:38px;   color:#fff; position:absolute;  right:0; position:absolute; z-index:3;top:25px; padding-left:6px;   border-radius:45px; font-size: calc(var(--font-size)*(20/20)); border:1px solid var(--color)}
.lang:hover{ background-color:var(--color); color:#fff}
.lang i{ display:inline-block; vertical-align:middle; background-color:var(--color); width:30px; height:30px; line-height:30px; color:#fff; border-radius:50%; text-align:center; margin-right:6px; position:relative;top:-1px}
.qm-top.fexbox .lang{ color:#333}
.qm-top.fexbox .lang:hover{ color:#fff}
 
/* 底部 */
.footer{background:#3d3d3d; color:#fff; padding:70px 0; }
.footer a{color:#fff;} 
.foot-01{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding-bottom:25px; border-bottom:1px solid #787878; margin-bottom:45px}
.foot-01 .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;font-size: calc(var(--font-size)*(22/20));}
.foot-01 .left img{ height:64px; vertical-align:middle; margin-right:20px}
.foot-01 ul li{ display:inline-block; vertical-align:middle; margin-left:35px}
.foot-01 ul li a{font-size: calc(var(--font-size)*(22/20));}
.foot-02{padding-bottom:25px; border-bottom:1px solid #787878; margin-bottom:45px}
.foot-02 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.foot-02 ul .ps,.foot-02 ul .ps a{font-size: calc(var(--font-size)*(18/20));}
.foot-02 ul .l-05{ width:275px}
.foot-02 ul .l-05 .ps{font-size: calc(var(--font-size)*(14/20));}
.foot-02 ul .t{ color:#898989; font-weight:bold; margin-bottom:10px; }
.foot-02 ul .t img{ height:20px;}
.foot-02 ul .l-06 .ps a{ display:inline-block; width:38px; text-align:center; line-height:36px; height:38px; border:1px solid rgba(100%,100%,100%,.3); border-radius:50%; margin-left:10px}
.foot-02 ul .l-06 .ps i{font-size: calc(var(--font-size)*(20/20));}
.foot-02 ul .l-06 .ps a:hover{ background-color:#fff}
.foot-02 ul .l-06 .ps a:hover i{ color:var(--color)}
.banquan,.banquan a{font-size: calc(var(--font-size)*(16/20)); color:#b0b0b0}
/*页码*/
.pages{text-align:center;font-size:0;margin-top:45px}
.pages .nodata{ display:none; }
.pages li{ display:inline-block;}
.pages a,.pages span{display:inline-block;font-size:calc(var(--font-size)*(18/20));padding:0 10px;line-height:38px;background-color:#fff;min-width:40px;border:1px solid #e9e8e8;margin:0 7px}
.pages li.active a,.pages a:hover{background-color:#fd911e;color:#fff}
.pages .Disabled{ color:#CCCCCC;}
.pages .Disabled:hover{ background-color:#fff;color:#CCCCCC;}
.pages .morea{border:none; color:#333333;}
.pages .morea:hover{background-color:transparent;color:var(--color)}
.search-block .qm-nav .nl{margin-left:2.5vw}
.fixedright{position:fixed;z-index:999;top:50%;transform:translateY(-50%);right:0}
.fixedright li{text-align:left;margin:8px 0;height:60px;clear:both}
.fixedright li .a{padding-left:60px;float:right;width:60px;min-width:60px;max-width:60px;height:60px;background:#fff;transition:all 0.5s ease;position:relative;cursor:pointer;box-shadow:0  0 10px rgba(0,0,0,.1);border-radius:5px 0 0 5px;white-space:nowrap;line-height:60px}
.fixedright li .a:hover{width:fit-content;min-width:160px;max-width:360px}
.fixedright li .a .p{padding-right:10px}
.fixedright li .top:hover{min-width: 0;}
 
.fixedright li .ico{ position:absolute; z-index:2; left:0;top:0; width:60px; height:60px; background-repeat:no-repeat; background-position:center; background-size:100%; overflow:hidden; }
.fixedright li .ico-f01{ background-image:url(../images/ico-f01.png)}
.fixedright li .ico-f02{ background-image:url(../images/ico-f02.png)}
.fixedright li .ico-f03{ background-image:url(../images/ico-f03.png); background-position:center -8px ;font-size:12px; padding-top:15px; text-align:center;}
.fixedright li .ico-f04{ background-image:url(../images/ico-f04.png)}
.fixedright li .ico-f05{ background-image:url(../images/ico-f05.png); background-position:center -8px ; font-size:10px; padding-top:15px; text-align:center;}
.fixedright li .ico-f06{ background-image:url(../images/ico-f06.png);}

.bgpop{ position:absolute; z-index:99; right:0; width:100%; height:100%;top:0; background-color:#fff}
@media (max-width: 1650px){  
 
.qm-top .weap{ width:95%}
.lang{ width:120px;}
.qm-nav .nl{  margin-left:40px;}
 
}
@media (max-width: 1366px){  
 
.qm-top .box{ height:90px}
.qm-top .logo{ padding-top:30px}
.qm-nav .nl{ margin-left:2.5vw}
.qm-nav .nl .alink{ line-height:90px}
.qm-nav .nl .alink::before{ margin-left:-40px; height:4px}
.qm-nav .sub{top:90px}
.qm-top .weap{ height:90px}
 
 
.qm-nav .sub a{ min-width:100px}
.qm-nav .sub .img{ width:200px; height:140px}
.qm-nav .sub ul{ margin-right:20px}
.qm-top .logo img{ height:50px}
.qm-top .logo{ padding-top:20px}

.apply{ height:40px; line-height:40px; font-size:16px; width:80px}
 
}
@media (max-width: 999px){  
/*头部*/ 
 
 
body.ow{overflow:hidden}
.qm-top{height:55px}
.qm-top .box .weap{height:auto}
.qm-top .box{width:100%;height:55px;z-index:999;position:relative;background:#fff;background-size:cover;box-shadow:0 0 8px rgba(0,0,0,.1)}
.topbox{height:55px;position:fixed;z-index:999;left:0;right:0;top:0}
header .header-search{position:fixed;top:55px}
.qm-top .logo{padding-top:7px}
.qm-top .logo a{background:url(../images/logoh.png) no-repeat center;background-size:auto 100%}
.qm-top .logo a img{height:36px;opacity:0}
.logobox{position:static}
.m-s{right:60px;display:none}
.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:#333;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:#333;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:-8px}
.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(8px) rotate(-45deg);-ms-transform:translateY(0px) rotate(-55deg)}
.qm-top.block .m-nav a:after{transform:translateY(0px) rotate(55deg);-webkit-transform:translateY(-8px) rotate(45deg);-ms-transform:translateY(0px) rotate(55deg)}
.qm-top .box .navbox{display:none}
.qm-top .box .navbox .weap{padding-left:0;padding-right:0}
.qm-nav .nl.exist .alink:after{position:absolute;z-index:2;right:10px;top:50%;margin-top:-2.5px}
.qm-nav ul ul ul{width:calc(100% - 96px);margin:0 48px}
.qm-nav ul ul{position:static;width:100%;}
.qm-nav ul li:hover>ul{display:none}
.qm-nav ul li.onn>ul{display:block}
.qm-nav{height:auto;float:none}
.qm-nav .navbox{background:rgba(0,0,0,.75);position:fixed;z-index:999;left:0;top:55px;right:0;bottom:0;overflow-y:auto;padding-top:0;height:auto;border-bottom:none;padding:0 10px}
.qm-nav .nl{width:100%;float:none;padding:0;margin-left:0;border-bottom:1px solid #e2e2e2;position:relative}
.qm-nav .nl .alink{position:relative;z-index:1;padding:0 10px;line-height:50px;height:50px;width:auto;text-align:left;color:#333;font-size:15px;border:none;margin:0; background-size:20px}
.qm-nav .nl:after{display:none}
.qm-nav .exist:before{content:"";display:block;width:100%;height:50px;background-size:auto 30%;position:absolute;z-index:10;right:0;top:0}
.qm-nav .sub ul{padding-right:0}
.qm-nav .nl.on .alink{border-bottom:none;border:none}
.qm-nav .sub{position:static;background:#fff;width:auto;margin:0;border-top:1px solid #e2e2e2;text-align:left;padding:10px}
.qm-nav .sub ul{display:block;margin-right:0}
.qm-nav .sub li{margin-left:0;display:block;border-bottom:none}
.qm-nav .sub a{text-align:left;padding:0 15px;font-size:14px;background:none;line-height:32px;height:32px;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-top.block .box .navbox{display:block;padding-top:0;background-color:#fff}
.qm-nav .nl.on .alink:before{width:100%;margin:0;left:0;height:2px}
.qm-nav .sub .img{display:none}
.qm-nav ul ul .exist .iconfont{top:0;line-height:45px;transform:translateY(0)}
.qm-nav ul ul ul a{padding-top:15px;padding-bottom:15px;padding-left:0;padding-right:0;}
.qm-nav ul ul ul{background-color:#fff}
.qm-nav .nl .alink{height:45px;line-height:45px}
.qm-nav ul ul a{padding:15px 24px}
.qm-nav ul>li.exist .iconfont{display:block;position:absolute;top:0;right:24px;font-size:calc(var(--font-size)*(22 / 20));line-height:45px;transition:all 0.3s}
.qm-nav ul>li.onn>.iconfont{transform:rotate(90deg)}
.qm-nav ul li.onn:hover>.iconfont{color:var(--color)}
.qm-nav .nl.onn>a{color:var(--color)}
.lang{right:70px;color:#333;font-size:calc(var(--font-size)*(16 / 20));width:100px;height:33px;line-height:30px;top:11px;padding-left:6px;border:1px solid var(--color);}
.lang i{width:24px;height:24px;line-height:24px;font-size:calc(var(--font-size)*(16 / 20))}
.footer{padding:30px 0}
.foot-01{display:block;margin-bottom:35px}
.foot-01 ul{display:none}
.foot-02 ul{display:block;overflow:hidden}
.foot-02 ul li{width:50%;float:left;margin-bottom:10px}
.foot-02{padding-bottom:15px;margin-bottom:35px}
.foot-02 ul .ps{min-height:42px}
.foot-02 ul li.l-06{width:100%}
.foot-02 ul .l-06 .ps a{margin-left:0;margin-right:5px}
.qm-top.block{position:fixed;z-index:99999}

}
@media(max-width:766px){
body{ line-height:1.6;  }

.foot-01 .left img{ height:50px}
.pages a,.pages span{ padding:0 10px; height:32px; line-height:30px;margin:0 3px; margin-bottom:5px}
 
 
 
}