@charset "utf-8";

*{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,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;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）避免因子元素浮动而导致的父元素高度缺失能问题
*/
table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
.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{ 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 */
}
.italic{ font-style:italic}
.fly-zoom-box-number{ display:none}
body{ color:#666;  font-size:14px; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0); position:relative; padding-top:100px}
a{ color:#666; text-decoration:none; font-size:14px;}
a:hover{ color:#f49200; text-decoration:none}
.weap{ width:1200px; margin:0 auto; } 
.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;}
.fz16{ font-size:16px}
/*头部*/ 
.qm-top{height:100px; border-bottom:2px solid #f49200;background-color:#fff; position:fixed;top:0; z-index:101; left:0; right:0; box-shadow:0 2px 7px rgba(0,0,0,.3)} 
.qm-top .logo{ float:left; display:block; padding-top:20px; } 
.qm-top .logo img{ vertical-align:bottom} 
.qm-top .logo img:nth-child(2){ position:relative;top:-7px; margin-left:20px}

.qm-nav{ float:right; padding-top:40px  } 
.qm-nav .nl{ float:left;   padding-left:58px; }
.qm-nav .nl .alink{ display:block;font-size:14px;line-height:60px; text-align:center; }
.qm-nav .nl .alink:hover,.qm-nav .nl.on .alink{ color:#eb6101; }
 
.qm-nav .sub{ display:none; position:absolute; background-color:#fff; z-index:5;top:100px; left:0; right:0; overflow:hidden; padding-top:20px; border-bottom:2px solid #f49200;  box-shadow:0 5px 7px rgba(0,0,0,.3)} 
.qm-nav .sub a{ display:block; line-height:28px; height:28pxfont-size:14px; text-align:left; }
.qm-nav .sub a i{ font-style:italic}
.qm-nav .sub a:hover{ color:#f49200; }
.qm-nav .c-4{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;}
.qm-nav .c-3{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-moz-column-gap:30px;-webkit-column-gap:30px;column-gap:30px;}
.qm-nav .c-6{-webkit-column-count:5;-moz-column-count: 5;column-count: 5;-moz-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;}
.qm-nav .classifybox.c-3 .classify:nth-child(1){padding-left:80px;}
.qm-nav .classifybox{ float:right}
.qm-nav .classify{ padding-bottom:20px; -moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;}

.qm-nav .classify h3,.qm-nav .classify h3 a{ color:#236889; font-size:16px; }
.qm-nav .jk .classify h3,.qm-nav .jk .classify h3 a{ color:#00b050; font-size:16px; }
.qm-nav .classify h3 a:hover{color:#236889;}
/*.qm-nav .classify a{ color:#236889; font-size:16px; }*/
.qm-nav .c-4 .classify{min-height: 120px;}
.qm-nav .c-6 .classify{min-height: 120px;}
#nav li:nth-child(3) .classify:last-child{min-height:280px;}
.qm-nav .classify .lino{min-height:30px;}
.qm-nav  .goodsbox{ float:right}
.qm-nav  .goods{ overflow:hidden; margin-bottom:35px }
.qm-nav  .goods h3{ height:110px; float:left; line-height:110px; width:120px; padding-right:40px; margin-right:20px; text-align:right; background:url(../images/l.jpg) no-repeat right center; background-size:auto 100%}
.qm-nav  .goods ul{ float:left}
.qm-nav  .goods ul li{ float:left; width:160px; text-align:center}
.qm-nav  .goods ul li img{ height:90px}
.topbar{ position:absolute; z-index:1;top:20px; right:0; left:0; text-align:right}
.topbar em{ font-style:normal;}
.topbar  .shares{ margin-left:20px; padding:0 20px; color:#236889; border-left:1px solid #ddd;}
.qm-nav .on .goods ul li{animation:sub-enter .8s forwards; opacity:0}
.qm-nav .on .goods ul li:nth-child(1){animation-delay:0s}
.qm-nav .on .goods ul li:nth-child(2){animation-delay:.1s}
.qm-nav .on .goods ul li:nth-child(3){animation-delay:.2s}
.qm-nav .on .goods ul li:nth-child(4){animation-delay:.3s}
.qm-nav .on .goods ul li:nth-child(5){animation-delay:.4s}
.qm-nav .on .goods ul li:nth-child(6){animation-delay:.5s}
.qm-nav .on .goods ul li:nth-child(7){animation-delay:.6s}
.qm-nav .on .goods ul li:nth-child(8){animation-delay:.7s}
/* footer */
.footer{ background:#236889; color:#fff; border-top:6px solid #f49200} 
.footer a{ color:#fff}
.footer a:hover{ text-decoration:underline}
.footer .box{ padding-top:40px; padding-bottom:40px;  } 
.footer .foot01{ float:left; width:65%;} 
.footer .foot01 dl{ float:left; padding-right:36px} 
.footer .foot01 dt{ font-size:18px; margin-bottom:10px}
.footer .foot01 dd{ line-height:30px}
.footer .foot02{ width:340px; float:right}
.footer .foot02 .tel{ height:57px; line-height:57px; padding-left:80px; color:#f49200; font-size:30px; background:url(../images/ico-tel.png) no-repeat left center; background-size:auto 100%; margin-bottom:25px}
.footer .foot02 .tel a{color:#f49200; font-size:30px}
.footer .foot02 li{ line-height:30px}
.footer .foot02 li:last-child{ margin-top:20px}
.footer .foot02 li:last-child a{ margin-right:50px; display:inline-block;}
.footer .foot02 li:last-child img{ height:23px; margin-right:20px}
.banquan{ height:50px; line-height:50px; border-top:1px solid #135778}
.banquan .co{ margin-right:30px}
.footer .foot02 .wx{ position:relative}
.footer .foot02 .wx .sub{ position:absolute; z-index:1; width:120px; padding:5px; background-color:#fff; left:50%; margin-left:-60px; bottom:40px; height:120px; display:none}
.footer .foot02 .wx:hover .sub{ display:block}
.footer .foot02 .wx .sub img{ display:block; width:100%; height:100%}
 
/*右侧漂浮*/
.custom{ position:fixed; right:5px;top:48%; /*margin-top:114px;*/ z-index:999}
.custom li.list{ width:55px; height:55px; margin-bottom:3px; background-color:#999999; background-repeat:no-repeat; border-radius:5px; background-image:url(../images/sprite.png); position:relative; cursor:pointer} 
.custom li.list:hover{ background-color:#f49200}
.custom li.list a{ display:block; width:100%; height:100%}
.custom li.l1{ background-position:-2px 8px; display:none;}
.custom li.l2{ background-position:-2px -54px }
.custom li.l3{ background-position:-2px -108px }
.custom li.l4{ background-position:-2px -187px }
.custom li.l5{ background-position:-2px -253px }
.custom li.list .sub{ position:absolute; z-index:1; right:57px; bottom:0; background-color:#fff; width:180px; height:180px; padding:5px;transform:rotate(-70deg);transform-origin:100% 100%; opacity:0; visibility:hidden;transition: all .5s; background-color:#f49200; border-radius:5px}
.custom li.l2 .searchbox{ width:225px; border:1px solid #f49200; background-color:#fff; border-radius:5px; position:absolute; z-index:1; right:57px; padding:14px; opacity:0; transition:all 0.3s; font-size:0; top:0;visibility: hidden;}
.custom li.l2 .searchform{border:1px solid #f49200;}
.custom li.l2 .xiala{width:60px; float:left; border-right:1px solid #f49200; position:relative;}
.custom li.l2 .xiala span{ display:block; line-height:32px; font-size:14px; text-align:center; padding-right:5px; background:url(../images/1-1.png) no-repeat 95% center;}
.custom li.l2 .xiala ul{ width:100%; position:absolute; top:33px; text-align:center; background-color:#eee; display:none;}
.custom li.l2 .xiala ul li{ border-bottom:1px solid #e1e1e1; line-height:30px;}

.custom li.l2 .none{float:left; width:190px; position:relative; padding-right:32px;display: block;}
.custom li.l2 .none input{ display:inline-block;}
.custom li.l2 .none .input_search{ width:180px; padding:5px 5px 4px; font-size:16px; border:0;}
.custom li.l2 .none .input_btn{ width:31px; height:34px; background:url(../images/sprite.png); background-position:-16px -67px; border:1px solid #f49200; background-color:#f49200; cursor:pointer; position:absolute; right:-1px; top:-1px;}

.custom li.list:hover .sub{transform:rotate(0deg); opacity:1; visibility:visible}
/* .custom li.list:hover .searchbox{ opacity:1;visibility: visible;} */
.custom li.list .sub img{ width:100%; height:100%}
.m{ display:none}

/*页码*/
.pages{width: 100%;   margin:20px auto; font-size: 0; text-align: center;}
.pages span{height: 34px; padding: 0 15px; color: #999; display: inline-block; zoom: 1; font-size: 16px;   line-height: 34px; background-color:#fff; margin:0 3px; border:1px solid #236889; color:#236889; margin-bottom:10px;}
.pages a{height: 34px; padding: 0 15px; color: #999; display: inline-block; zoom: 1; font-size: 16px; line-height:34px; margin-left: -1px;background-color:#fff; margin:0 3px; border:1px solid #236889; color:#236889; margin-bottom:10px}
.pages a.current{background-color: #236889; color: #FFFFFF; border: }
@media(max-width:1199px) {
*, :after, :before{-webkit-box-sizing: border-box; box-sizing: border-box;}
.weap{width:auto; padding-left:10px; padding-right:10px;}
body{ padding-top:60px} 
.m{ display:block}
.pc{ display:none}
/*头部*/ 
.qm-top{ width:100%;  height:60px; position:fixed; z-index:3; left:0; right:0;top:0; z-index:999; box-shadow:0 0 5px #ccc}
.qm-top .box{ height:100%}
.qm-top .logo{ padding:0;  height:100%; float:none; }
.qm-top .logo a{ display:block; padding:13px 0; height:100%;}
.qm-top .logo img{ height:100%; width:auto}  
.topbar { right:50px; left:auto;top:12px}
.topbar .shares{ display:none;}
.topbar em{ display:none}
.topbar a{ display:block; text-transform:uppercase; width:36px; height:36px; text-align:center; line-height:36px; background-color:#56afd7; color:#fff; border-radius:3px}
 
.m-nav{display:block; height: 24px; width: 30px; 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: 18px; }
.m-nav a{background-color: #56afd7; 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: #56afd7; 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: -9px;}
.m-nav a:after{top: 10px;}
.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(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
.qm-top.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);} 
 

.qm-nav ul{ float:none;background:#236889; }
.qm-nav{float:none; overflow-y:auto;-webkit-overflow-scrolling: touch;display:none; bottom:0; background:rgba(0,0,0,.9);position:fixed; z-index: 999; left: 0; top:60px; right: 0; padding-right:0; padding-top:0}
.qm-nav .nl{ width:100%; float:none; padding:0; background:none}
.qm-nav .nl .alink{ position:relative; padding:0 20px; line-height:45px; width:auto; text-align:left; color:#fff; border-bottom:1px solid #2d85ad; display:block; font-size:14px; margin-left:0}
.qm-nav .nl .alink:after{ content:""; display:block; position:absolute; width:24px; height:12px; background:url(../images/ico-01.png) no-repeat center; background-size:65%;top:50%; margin-top:-6px; right:10px}
.qm-nav .nl.on .alink:after{transform:rotate(-180deg);}
.qm-nav .nl:nth-child(1) .alink:after,.qm-nav .nl:last-child .alink:after{ display:none}
.qm-nav .nl.on .alink,.qm-nav .nl .alink:hover{ border-bottom:none; line-height:45px;border-bottom:1px solid #2d85ad;   border-radius:0; background:none; color:#fff } 
.qm-top.block .qm-nav{ display:block; }
.qm-nav .sub{ position:static; width:auto; padding-top:0; text-align:left; margin:0; padding-left:25px;    border-bottom: 1px solid #e2e2e2; background:none; padding-left:0; border-bottom:none; box-shadow:none}
.qm-nav .sub .weap{ padding:0}
.qm-nav .classify h3{ height:45px; line-height:45px; padding-left:30px; font-weight:normal; font-size:14px; border-bottom:1px solid #2d85ad; position:relative}
.qm-nav .classify h3:after,.qm-nav  .goods h3:after{ content:""; display:block; position:absolute; width:24px; height:12px; background:url(../images/ico-01.png) no-repeat center; background-size:65%;top:50%; margin-top:-6px; right:10px}
.qm-nav .classify h3.on:after,.qm-nav  .goods h3.on:after{transform:rotate(-180deg);}
.qm-nav .sub a{ font-size:14px;}
.qm-nav .sub a:hover{ color:#fff;}
.qm-nav .classify li:active,.qm-nav .goods ul li:active { background-color:#f49200}
.qm-nav .sub a:before{ content:"·"; margin-right:10px;}
.qm-nav .classify{ padding-bottom:0}
.qm-nav .classifybox.c-3 .classify:nth-child(1){padding-left:0;}
.qm-nav .classifybox{ float:none;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0; background-color:#44a6d3}
.qm-nav .classify h3,.qm-nav .classify h3 a{ color:#fff}	
.qm-nav .jk .classify h3{color: #fff;}
.qm-nav .sub a{ color:#fff}
.qm-nav .classify ul{ display:none} 
.qm-nav  .goods{ margin-bottom:0}
.qm-nav  .goods h3{ height:45px; line-height:45px; background:none; float:none; width:auto; color:#fff; margin:0; padding:0; text-align:left; padding-left:40px;font-weight: normal;font-size: 14px; border-bottom: 1px solid #2d85ad; position:relative}
.qm-nav  .goodsbox{ float:none;background-color: #44a6d3;}
.qm-nav  .goods ul{background-color: #44a6d3; float:none; display:none}
.qm-nav .on .goods ul li,.qm-nav .classify ul li{ width:auto; float:none; opacity:1; line-height:45px;border-bottom: 1px solid #2d85ad; height:45px; padding-left:50px}
.qm-nav .sub a{ height:45px; line-height:45px}
.qm-nav .sub a:before{ display:none}
.qm-nav .on .goods ul li{animation:normal}
.qm-nav .on .goods ul li img{ display:none}
.qm-nav .on .goods ul li p{ display:inline-block}
.qm-nav .classify ul{ background:none}
.qm-nav .c-4 .classify{min-height:0;}
.qm-nav .c-6 .classify{min-height:0;}


/*底部*/ 
.footer{border-top: 3px solid #f49200;}
.footer .foot01{ display:none} 
.footer .foot02{ width:auto; float:none}
.footer .box{ padding:20px 10px;}
.footer .foot02 .tel{ height:42px; line-height:42px; font-size:24px; margin-bottom:10px; padding-left:40px}
.footer .foot02 .tel a{ font-size:24px ;margin-left:18px;}
.footer .foot02 li{ line-height:24px}
.footer .foot02 li:last-child a{ margin-right:20px}
.footer .foot02 li:last-child img{ margin-right:10px}
.banquan{ height:40px; line-height:40px}
.banquan .co{ display:none; }
.banquan .weap{ padding:0 10px; text-align:center;}

.custom{ display:none}

.pages span,.pages a{ padding-left:13px; padding-right:13px}
}
@media(max-width:768px) {
/*页码*/
.pages{ text-align:left}
}
@media(max-width:375px) {
/*页码*/
.pages span{ padding:0 5px; font-size:14px}
.pages a{ padding:0 12px; font-size:14px}
 
} 
@keyframes sub-enter{from{transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{transform:translate(0);opacity:1;filter:alpha(opacity=100)}}