@charset "utf-8";

*{word-wrap:break-word;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{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-weight: normal;}
a,area{outline:none;}
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}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle;max-width: 100%;}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
.news1400{max-width: 1400px;margin: 0 auto;width: 94%}
.fl{float: left;}
.fr{float: right;}
.container{width: 95%;margin: 0 auto;}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,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 {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}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
            color:#bababa;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#bababa;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#bababa;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#bababa;
        }
.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;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */
} 
.dn{display: none;}
/*布局*/
.ui-flex{display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;}
.ui-list-info{-webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.ui-info{-webkit-box-flex: 1; }
.ui-c{-webkit-box-align:center} 
body{ color:#333;  font-size:16px; background-color:#fff; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family:myFirstFont,Arial, Helvetica, sans-serif,Microsoft YaHei; line-height:1.8; }
body.ow{ overflow:hidden}
a{ color:#333; text-decoration:none; font-size:16px;transition: all .2s;}
a:hover{ color:#e70012; text-decoration:none}
.weap{ max-width:1380px; 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;}
.h60{height: 80px}
/*头部*/
.link-top{  padding: 2px 0;  background-color: rgba(0,0,0,.15);  }
.sign {      margin-top: 27px; }
.sign a.dl {  display: inline-block;  position: relative;  width: auto;  min-width: 50px;  padding: 0 0 0 2px;  height: 40px;  line-height: 45px;  margin: 0 auto;  text-align: center;  font-size: 20px;  color: #fff;  overflow: hidden;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;  letter-spacing: 2px }
.sign a.dl i{width: 27px;height: 27px;display: block;float: left;background: url(../images/tel.png) no-repeat center/cover; margin-top: 7px;margin-right: 15px}
.qm-top{margin:0 auto; z-index:99; color:#fff;     background-color: rgba(0,0,0,.2);position: absolute;width: 100%;}
.qm-top a{ color:#fff;cursor: pointer;display: block;}
.qm-top .box{margin:0 auto; height:100px; position:relative}
.qm-top .logo{ float:left; display:block; line-height: 100px;}
.qm-top .logo img{ height: 90px}
.qm-nav{ float:right; }
.qm-nav li.nLi{ float:left;  line-height:100px; position: relative;margin-right: 10px}
.qm-nav li>a{ display:inline-block; font-size:16px; text-transform:uppercase;margin-left:16px;margin-right:16px;}
#nav li a:before {width: 0;height: 3px;position: absolute;left: 50%;bottom: 15px;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background: #e70012;content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
#nav li:hover > a:before,#nav li.on > a:before{width: 100%;}


/*footer*/
footer{background-color: #ffffff;color:#000}
footer .news1400{padding: 2% 0 0;}
.footer-left{width: 55%;float: left;}
.footer-left dl{width: 23%;float: left; color: #000;font-size: 14px}
.footer-left dl:last-of-type{width: 54%}
.footer-left dt a,.footer-left dt{font-size: 16px;font-weight: bold;margin-bottom: 10px;color: #000;display: block}
.footer-left dd a{line-height: 30px;font-size: 14px;color: #000;}
.footer-left dd a:hover{color: #e70012;}
.footer-right{width: 40%;float: right;    text-align: right;}
.footer-bottom{line-height: 60px;text-align: center;color: #000;font-size: 14px;border-top: 1px solid rgba(255,255,255,.3);}
.footer-bottom img{display:none;}
.footer-logo{padding-bottom:2%}
.footer-logo img{height: 55px;}
.footer-logo .fr p{float:right;color:#fff;padding-top:15px;font-size: 14px;margin-left:8px}
/*页码*/
.page_desc{margin: 50px auto;text-align: center; font-size: 14px;}
.page_desc li{display:inline-block;}
.page_desc li>span,.page_desc li a{padding: 4px 10px;display: inline-block; border: 1px solid #d8d8d8;color: #555; background: #fff;}
.page_desc li span.current,.page_desc li a:hover{background:#e70012; color: #fff;border: 1px solid #e70012}


/*侧边栏*/
.qq {width: 60px;position: fixed;right: 0;bottom: 20%;text-align: center;font-size: 14px;opacity: 1;z-index: 1000; }
.qq a {margin-bottom: 1px;display: block;position: relative;width: 110px;height: 60px;right: 0;background: #424242;z-index: 10;transition: all 0.5s ease;font-size: 12px;}
.qq a:nth-of-type(1) {width: 180px;}
.qq a:hover {background-color:#3d8ef5;}
.qq a:nth-of-type(1):hover {right: 120px;}
.qq a .QQ>div{width: 60px;height: 60px;}
.qq a .QQ>div img{margin-top: 7px;width: 27px;height: 27px;}
.qq a .QQ>div p{color: #fff;margin-top: 5px;}
.qq a .QQ>p {position: absolute;right: 20px;top: 5px;height: 45px;color: #fff;line-height: 48px;font-size: 14px;}
.qq .ma {position: relative;width: 74px;height: 74px;background-color: #ed6d00;margin-bottom: 1px;}
.qq .ma div:nth-of-type(1) img {padding-top: 15px;}
.qq .ma div:nth-of-type(1) p{color: #fff;margin-top: 5px;}
#goTopBtn img{width: 47px;height: 47px;}



@media (max-width: 1100px){
.qm-nav li.nLi{ margin-left:30px}
}
@media (max-width: 1620px){
.qm-top .toptitle{ display:none}
.qm-nav .Productsub{ left:-40px; right:-40px}
}
 


@media (max-width: 1200px){
.qq{display: none;  }
/*头部*/
    .sign{margin-top:12px;display: none}
    .sign a.dl{padding: 0 15px;    height: 35px;line-height: 35px;    font-size: 14px;  margin-right: 45px;}
    .sign a.dl i{    margin-top: 6px;margin-right: 6px;}
.qm-top.block .box:after{ content:""; display:block; position:fixed; z-index:99; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.8)}
.qm-top{ height:60px; padding:0; }
.qm-top .box{ width:100%; padding:0 10px;  height:60px; z-index:100; }
.qm-top .logo{     line-height: 25px;margin-top: 6px;margin-bottom: 6px}
.qm-top .logo a img{ height:48px;}
#nav li:hover > a:before, #nav li.on > a:before{width: 0}
#nav li:hover > a, #nav li.on > a{color: #e70012}

.m-nav{display:block; height: 27px; width: 27px; 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; cursor: pointer; position: absolute; right: 15px; top: 15px;max-width: 100% }
.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; 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; 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-top.block{   box-shadow:0 0 5px #CCC; -moz-box-shadow:0 0 5px #CCC; -webkit-box-shadow:0 0 5px #CCC; -o-box-shadow:0 0 5px #CCC; padding:0; border-bottom:1px solid #e2e2e2} 
.qm-top .topreach{top:60px;display: -webkit-box; width: 100%; -webkit-box-sizing: border-box;} 
.qm-top .topreach .intxt{ width:auto;-webkit-box-flex: 1;}
.qm-top .topreach select{ display:block; padding:0 5px;}
.qm-top .topreach input{ display:block; padding:0 5px}
.qm-top .topshar{top:60px; left:0; text-align:right; padding:0px}
.qm-top.topshareblock .topshar{ height:42px; padding:5px}
.topbarbox{ padding:20px 0; border-bottom:1px solid #d4d4d4; height:60px; position:relative}
.qm-top{ color:#333;    background-color: transparent;
    position: relative;}
.qm-top a{ color:#333}
.qm-nav{transition: all 0.3s; position:fixed; z-index:100; background-color:#fff; width:50%;top:0; right:-100%; bottom:0; overflow-y:auto; padding:0 10px}
.qm-top .topbar{ position:static;top:0; float:right; font-size:12px} 
.qm-nav li.nLi{ float:none; margin-left:0; line-height:42px;}
.qm-nav li a.alink{ display:block} 
.qm-nav li a.alink:hover:before, .qm-nav li.on a.alink:before{ height:1px}

.qm-nav li .sub{ position:static; border: none;min-width: 100px;text-align: left;}
.qm-nav .Productsub{ padding:10px 0}
.qm-nav li .sub a{ padding-left: 15px; font-size:14px; line-height:42px;display: block;}
.qm-nav .Productsub span{ display:block; width:50%} 
.qm-nav .Productsub .ico{ height:30px; margin-bottom:10px}
.qm-nav .Productsub h3{ font-size:12px; line-height:1.6; height:38px; margin-bottom:0;}
.qm-nav li.productli{ position:relative;}
.qm-nav li.productli:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0; height:48px;}
.qm-nav li>a{display: block;margin-left: 10px;}
.qm-nav li>a:hover:before, .qm-nav li.on>a:before{height: 1px}
.mclose{ position:absolute; z-index:1;left:10px; height:40px; width:40px;top:50%; margin-top:-20px; background:url(../images/ico-close.png) no-repeat center; background-size:60%}
.qm-top.block .qm-nav{ right:0;}
/*底部*/
.footer{ padding:30px 0; padding-bottom:10px}
.footer .foottale{ display:block}
.footer dl dt{ margin-bottom:10px;}
.footer .foottale .td1{ background:none}
.footer .foottale .td2{ background:none}
.footer dl dd{ margin-bottom:0px;}
.footer .foottale .foottd{ display:block; width:auto !important; margin-bottom:20px}
.footer .foottale .foottd dl{ display:block; max-width:100%}
.footer .foottale .f{ margin-top:20px;}
.footer .copy{ position:static; line-height:30px; padding-top:10px; max-width:100%}

/*页码*/
    .page_desc{ margin:20px 0}
    .page_desc li>span, .page_desc li a{font-size: 14px;}
footer{padding: 20px 0;}
    footer ul,footer .ewm,footer ul li{width: 100%;text-align: center}
    footer ul li {
        margin-bottom: 10px;
    }
}
@media (max-width:768px){
    body{font-size: 14px;}
    footer{padding: 10px;}
    footer .news1400{display: none;}
    .footer-bottom{border-top:none;font-size: 12px;line-height: 25px}
    .footer-bottom img{display:block;margin: 8px 0}
}