@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;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */
}
body{ color:#333;  font-size:14px; background:#fff; overflow-x:hidden  }
a{ color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#096a09; 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:1180px; margin:0 auto; }
 

/*头部*/
.topbar{ background-color:#096a09; font-size:14px; color:#fff; }
.topbar a{font-size:14px; color:#fff}
.topbar a:hover{ color:#fff; text-decoration:underline}
.topbar .weap{height:46px; line-height:46px }
.topbar .welcome{ float:left; position:relative; }
.topbar .topright{ float:right; }
.topbar .topright li{ float:left;  margin-left:39px; position:relative}   
.topbar .topright li .ico{ height:21px; display:inline-block; vertical-align:middle; margin-right:5px; background-position:center; background-repeat:no-repeat; background-size:100%; width:20px;}
.topbar .topright li .ico-01{ background-image:url(../images/ico-01.png); width:34px;}
.topbar .topright li .ico-02{ background-image:url(../images/ico-02.png);  } 

  
.qm-top .box{ background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.1); }
.qm-top .logobox{ height:128px }
.qm-top .logo{ float:left; padding-top:16px;}
.qm-top .logo a{ display:block; float:left}
.qm-top .logo img{ display:block; height:88px;}
.qm-top .logo .logotitle{ float:left; margin-left:36px; padding-left:26px; line-height:82px; height:82px; font-size:30px; font-weight:bold; border-left:1px solid #999999  } 
.qm-top .toptel{ float:right;padding-left:40px;  line-height:1.2; margin-top:40px; position:relative} 
.qm-top .toptel a{ font-size:20px; } 
.qm-top .toptel:before{ content:""; display:block; width:30px; height:30px; border:1px solid #096a09; border-radius:50%; background:url(../images/ico-tel.png) no-repeat center; background-size:100%; position:absolute; z-index:1; left:0;top:50%; margin-top:-15px;}

.qm-nav{ height:78px; }
.qm-nav .navbox{ height:78px;background-color:#fff;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; box-shadow:0 5px 10px rgba(0,0,0,.1); position:relative; z-index:99}
.qm-nav ul{ font-size:0; }
.qm-nav .nl{ display:inline-block; vertical-align:top; position:relative;text-align:center; } 
.qm-nav .nl.static{ position:static}
.qm-nav .nl .alink{ display:block; font-size:18px; text-align:center; line-height:77px; padding:0 35.5px; }
.qm-nav .nl.on .alink{ color:#096a09}
.qm-nav .sub1{ position:absolute; z-index:8;top:77px; left:0; right:0;display:none ;  padding-top:2px;background:#fff;}
 
.qm-nav .sub1 a{ display:block; color:#333; line-height:42px; height:42px; text-align:center; }
.qm-nav .sub1 a:hover{ background:#096a09; color:#fff}
.mod-head-btns{ margin-top:14px;}
.search1 {
   
    height: 48px;
    width: 163px;
    background: #fff;
    border: 1px solid #096a09;
    color: #6d6d6d;
    display: inline;
    line-height: 38px;
    font-size: 14px;
    text-align: left;
	text-indent:10px;
}
.searchimg1{ border:none;}
.footbottom{ overflow:hidden; width:380px; float:right;}
.qm-top.navFix .navbox{ position:fixed; z-index:998; left:0; right:0;top:0;  }

.qm-nav .sub2{ position:absolute; z-index:1; left:0; right:0;top:77px; background-color:#fff; font-size:14px; text-align:left; padding-top:10px; padding-bottom:20px; display:none}
.qm-nav .sub2 dl{ float:left; width:32%; height:170px; margin-bottom:10px; overflow:hidden; padding-top:10px}
.qm-nav .sub2 dl dt{ float:left; text-align:center; width:180px; overflow:hidden}
.qm-nav .sub2 dl dt .p{ font-size:16px; margin-top:10px}
.qm-nav .sub2 dl dd{ overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.qm-nav .sub2 dl dd a{ display:block; color:#999999; margin-bottom:5px}
.qm-nav .sub2 dl dd a:hover{color:#096a09; }
.qm-nav .sub2 dl:nth-child(even){ width:68%; border-left:1px solid #e1e1e1}
.qm-nav .sub2 dl.dl02 dd a{ min-width:26%; float:left}
.qm-nav .sub2 dl.dl04 dd a{ min-width:40%; float:left}
/*底部*/ 
.footer{ background-color:#1f1f1f; color:#999999; }
.footer a{ color:#999999} 
.footer a:hover{ text-decoration:underline}
.foottopbox{ padding-top:55px; padding-bottom:40px; overflow:hidden;}
.foottopbox dt{ width:100%;  color:#fff; font-size:16px; height:50px; line-height:50px; }
.foottopbox dt img{ display:inline-block; vertical-align:text-bottom; margin-right:10px; position:relative; bottom:-3px}
.foottopbox dl{ float:left; width:25%; margin-bottom:24px; position:relative; padding-left:15px; min-height:224px;}
.foottopbox dl:before{ content:""; display:block; width:1px; position:absolute; z-index:2; left:0;top:16px; bottom:10px; background-color:#343434;}
.foottopbox dl:after{ content:""; display:block; width:4px; height:21px; background:url(../images/ico-04.png) no-repeat center; background-size:100%; position:absolute; z-index:2; left:0;top:16px;}

.foottopbox dl:nth-child(5){ padding-right:11%}
.foottopbox dl:nth-child(5) dd{ width:40% !important}

.foottopbox dl dd{ margin-bottom:7px}
.foottopbox dl:nth-child(5) dt,.foottopbox dl:nth-child(6) dt{ line-height:55px}
.foottopbox dl:nth-child(4) dt img{ margin-top:-10px}
.foottopbox .weap{ position:relative}
.footnav{ float:left; width:800px;}
.foottopbox dl:nth-child(3) dt img{ margin-top:-7px}
.footewm{ z-index:1; right:0;top:20px; text-align:center;}
.footewm .img{ margin-bottom:5px; float:left; margin-right:15px;}
.footewm img{ width:110px; display:block}
.footewm .p{ font-size:12px; color:#fff; }
.foottel{ z-index:1; right:0;top:260px; text-align:right; font-size:16px; line-height:1.2}
.foottel .t{ margin-bottom:10px}
.foottel .p a{ font-size:26.5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.footlinks{ border-top:1px solid #343434; padding:20px 0; line-height:30px}
.footlinks .weap{ overflow:hidden}
.footlinks .t{ float:left; font-size:16px; color:#fff; padding-left:18px; padding-right:28px; position:relative}
.footlinks .t:after{ content:""; display:block; width:4px; height:21px; background:url(../images/ico-04.png) no-repeat center; background-size:100%; position:absolute; z-index:2; left:0;top:8px;}
.foottopbox dl dd{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.footlinks ul{ overflow:hidden}
.footlinks li{ float:left; margin-right:23px}

.banquan{  background:#191919; padding:25px 0; text-align:center} 
.banquan .banquanleft{ float:left}
.banquan .banquanright{ float:right}
.banquan .banquanright .a{ display:inline-block; vertical-align:middle; width:27px; height:27px; background-position:center; background-repeat:no-repeat; background-size:100%; margin-left:5px; position:relative; opacity:.5; cursor:pointer}
.banquan .banquanright .a:hover{ opacity:1}
.banquan .banquanright .ico-wb{ background-image:url(../images/ico-wb.png)}
.banquan .banquanright .ico-wx{ background-image:url(../images/ico-wx.png)}
.banquan .banquanright .ico-tt{ background-image:url(../images/ico-tt.png)}
.banquan .banquanright .ico-yx{ background-image:url(../images/ico-yx.png)}
.banquan .banquanright .sub{ position:absolute; z-index:-1; bottom:50px; left:50%; margin-left:-55px; visibility:hidden;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s; opacity:0;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */}
.banquan .banquanright .sub:after{ content:""; display:block;width: 0;
          height: 0;
          border-right: 5px solid transparent;
          border-left: 5px solid transparent;
          border-top: 5px solid #fff; margin:0 auto}
.banquan .banquanright .a:hover .sub{ visibility:visible; z-index:2;bottom:35px; opacity:1}
/*页码*/
.pages{ text-align:center; margin-top:30px}
.pages{ font-size:0;}
.pages span{ display:inline-block; margin:0 -.5px; font-size:14px; margin-bottom:5px;padding:0 5px; height:38px; line-height:36px; color:#666}
.pages a{ display:inline-block;margin:0 -.5px; padding:0 15px; height:38px; line-height:36px; font-size:14px;  border:1px solid #dddddd; color:#666 }
.pages span.disabled{ background-color:#eee; color:#9e9e9e; cursor:no-drop}
.pages span.current{ background-color:#096a09; color:#fff}
 
/*右侧漂浮*/
.flexbox .box{ position:fixed; z-index:999; right:0;top:50%; width:62px; transform:translateY(-50%) } 
.flexbox li:last-child{ border-bottom:none}
.flexbox a{ display:block; height:62px; position:relative; }
.flexbox .sub{ transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */position:absolute; z-index:2; right:62px;top:0; bottom:0; line-height:62px;white-space: nowrap; background-color:#096a09; color:#fff; padding:0 10px; transform:translateX(150%)}
.flexbox .ico{background-color:#f5f7fa; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:auto 100%; position:relative; z-index:3}
.flexbox .ico-fkf{ background-image:url(../images/ico-fkf.png)}
.flexbox .ico-fwx{ background-image:url(../images/ico-fwx.png)}
.flexbox .ico-ftel{ background-image:url(../images/ico-ftel.png)}
.flexbox .ico-fxx{ background-image:url(../images/ico-fxx.png)}
.flexbox li:hover .ico-fkf{ background-image:url(../images/ico-fkfon.png)}
.flexbox li:hover .ico-fwx{ background-image:url(../images/ico-fwxon.png)}
.flexbox li:hover .ico-ftel{ background-image:url(../images/ico-ftelon.png)}
.flexbox li:hover .ico-fxx{ background-image:url(../images/ico-fxxon.png)}
.flexbox .ewmsub{ position:absolute; z-index:1; right:62px; bottom:0; background-color:#fff; padding:5px;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: alll 0.3s;	/* Opera */transform:translateX(150%)}
.flexbox .ewmsub img{ display:block; width:134px;}
.flexbox li:hover .ico{ background-color:#096a09;}
.flexbox li:hover .sub{ transform:translateX(0)}
.flexbox li:hover .ewmsub{ transform:translateX(0)}

/*弹出视频*/
.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:980px; padding:10px; background-color:#252525} 
.videopop .videobd .video{ height:600px}
.videopop .videobd video{ display:block;}
.videopop .mclsoe{ position:absolute; z-index:1; width:30px; height:30px;top:-40px;   right:0; background:url(../images/ico-clsoe.png) no-repeat center; background-size:80%; cursor:pointer}
@media (max-width: 1200px){
.weap{ width:auto; padding:0 10px } 
.qm-nav .nl .alink{ padding:0 2.3vw}
.footewm{ right:10px;}
.foottel{ right:10px;}
} 
 
@media(max-width:1000px) { 

/*头部*/ 
body.ow{ overflow:hidden}
.topbar{ position:relative}
.topbar .welcome{ font-size:12px;}
.topbar .weap{ height:30px; line-height:30px;}
.topbar .topright li{ margin-left:10px}
.topbar a{ font-size:12px}
.topbar .topright li .ico-01{ width:26px}
.topbar .topright li .ico-02{ width:15px}
.topbar .topright li a{ overflow:hidden;}
.topbar .topright li em{ display:none}
.topbar .topright li .ico{ margin-right:0}
 
.qm-top.navFix{ position:fixed; z-index:99; left:0; right:0;top:0;}
.qm-top{ height:55px}
.qm-top .box .weap{ height:auto;} 
.qm-top .box{ width:100%; height:55px; position:relative;border-bottom:1px solid #e2e2e2; z-index:99}
.qm-top .box.navFix{ height:55px}
.qm-top .box.navFix .weap{ height:55px;}
.qm-top .logo{ padding-top:10px}
.qm-top .logo a img{ height:35px}
.qm-top .logo .logotitle{ height:35px; line-height:35px; margin-left:10px; padding-left:10px; font-size:16px;  }
.qm-top .toptel{ display:none}
 
.qm-top .box.navFix .logo img{ height:35px}
.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:#096a09; 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:#096a09; 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 .box .navbox{ display:none}
.qm-top .box .navbox .weap{ padding-left:0; padding-right:0}
.qm-top .box.navFix .qm-nav .nl .alink{ line-height:40px}
.qm-nav{ height:55px}
.qm-nav .navbox{ background:rgba(0,0,0,.75);position:fixed; z-index: 999; left: 0; top:85px; right: 0; bottom:50px; overflow-y:auto; padding-top:0; height:auto; border-bottom:none}
.qm-top.navFix .qm-nav{ position:static}
.qm-top.navFix .qm-nav .navbox{top:55px}
.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:40px; width:auto; text-align:left; color:#333;  font-size:15px; border:none; margin:0}
.qm-nav .nl:after{ display:none}
.qm-nav .exist:before{ content:""; display:block; width:40px; height:40px; background:url(../images/ico-down.png) no-repeat center; background-size:30%; position:absolute; z-index:2; right:0;top:0;}
.qm-nav .sub2 dl{ width:auto; float:none; height:auto; padding-top:0;}
.qm-nav .sub2 dl dt{ float:none; width:auto}
.qm-nav .sub2 dl:nth-child(even){ width:auto; border-left:none}
.qm-nav .sub2 dl dd a{ width:50%; float:left; padding-left:10px; padding-right:0; margin-bottom:0}
.qm-nav .sub2 dl dd a:before{ display:none}
.qm-nav .sub2 dl.dl04 dd a{ width:100%}
.qm-nav .sub2 dl dt .ico img{ height:20px}
.qm-nav .sub2 dl dt .p{ font-size:14px; margin-top:5px}
.qm-nav .sub2 dl dt{ text-align:left;  border-bottom:1px solid #e1e1e1; padding:5px 10px}
.qm-nav .nl.static{ position:relative}
 
.qm-nav .nl.on .alink{ border-bottom:none; line-height:40px;  border:none}
.qm-nav .sub{ position:static; background:#fff; padding:5px 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; 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;} 
 
 
/*底部*/
.footnav{ display:none}
.footbottom{ overflow:hidden}
.footewm{ position:static; float:left; width:80px;}
.foottel{ position:static; float:right; font-size:14px}
.foottopbox{ padding:20px 0}
.footewm img{ width:80px}
.footewm .p{ line-height:1.2}
.footlinks .t{ float:none;}
.footer .footlinks  a{ font-size:13px}
.footlinks{ padding:10px 0}
.banquan .banquanleft{ float:none; margin-bottom:10px}
.banquan .banquanright{ float:none}
.foottel .p a{ font-size:22px}
.banquan{ padding:20px 0}
/*页码*/
.pages{ margin-top:20px}
.pages a,.pages span{ padding:0 10px; line-height:30px; height:32px;}
 
 

/*右侧漂浮*/
.flexbox{ height:50px;}
.flexbox .box{ left:0; border:0; top:auto; transform:none; bottom:0; right:0; width:auto;border-top:1px solid rgba(204,204,204,1)}
.flexbox .box ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; width:100%}
.flexbox .box ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; border-bottom:none;  }
.flexbox .box ul li:last-child{ border-right:none}
.flexbox .box ul li a{ height:50px;}
.flexbox .ewmsub{ transform:translateY(150%); right:auto; left:50%; bottom:50px; margin-left:-65px}
.flexbox .ewmsub img{ width:120px;}
.flexbox li:hover .ewmsub{ transform:translateY(0)}
.flexbox .sub{ display:none !important}

.videopop .videobd .video{ height:60vw} 
}