@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea,th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
body, button, input, select, textarea { font-size: 14px; font-family: 'Microsoft YaHei'; color: #000;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small {font-size: 12px; }
ul, ol {list-style: none; }
body{color: #000;}
html *{-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
a {color: #000;text-decoration: none; outline: none;}
a:hover {color: #e72930;}
sup {vertical-align: text-top; }
sub {vertical-align: text-bottom; }
legend {color: #000; }
fieldset, img {border: 0; }
table {border-collapse: collapse; border-spacing: 0; }
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}
.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.cfix{*zoom:1;}
.b{max-width: 100%;height: auto;}
/*.menu-open{height: 100%;overflow: hidden;}*/

.main{width: 100%; padding: 0 10px;}
.head-bar{height: 48px;padding:4px 0 0 0;font-size: 12px;line-height: 44px;background: url("../images/topbar.jpg");}
.head-r{display: none;}
.head-r ul li{float: left; position: relative;z-index: 99;}
.head-r ul li .sub{display: none; position: absolute;right: -1px;top: 44px;padding: 5px;max-width: 110px; width: 150%;border: 1px solid #efefef;background: #fff;}
.head-r ul li .sub img{display: block;}
.head-r ul li.cur{background: #fff;}
.head-r ul li.cur .sub{display: block;}

.head-mid{position: relative; padding: 10px 0;}
.head-mid .logo{width: 70%;}
.head-mid .logo img{display: block;width: auto; height: 60px;}
.head-mid .menu{display: none; padding: 5px 0 0;}
.head-mid .menu li{border-bottom: 1px solid #eee;}
.head-mid .menu li a{display: block;position: relative;font-size: 16px;line-height: 35px;}
.head-mid .menu li a:hover,
.head-mid .menu li.cur a{color: #88c32b;}
.head-mid .menu li.cur{border-bottom:1px solid #88c32b;}
.head-mid .menu span{padding: 0 0 0 10px;font-size: 12px;color: #969696;}
.head-mid .menu-btn{position: absolute;top: 25px; right: 20px; width: 30px;height: 24px;}
.head-mid .menu-btn:before,
.head-mid .menu-btn:after{position: absolute;top:0;left: 0; right: 0;content: '';font-size: 0;line-height: 0;height: 2px;background: #ddd;-webkit-transition: all ease .3s;transition: all ease .3s;}
.head-mid .menu-btn:after{top: auto;bottom: 0;}
.head-mid .menu-btn i{display: block;width: 100%;height: 2px;margin:11px 0 0 0;font-size: 0;line-height: 0;background: #ddd;}
.head-mid .menu-btn.open:before{top: 11px;transform: rotate(45deg);}
.head-mid .menu-btn.open:after{top: 11px;transform: rotate(-45deg);}
.head-mid .menu-btn.open i{display: none;}

.footer{background: #272727;}
.footer .row1 .main{padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #010101;}
.footer .row2 .main{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 20px; padding-bottom: 20px;border-top: 1px solid #515151;}
.footer .row3{background: #191919;padding: 15px 0;color: #fff;text-align: center;font-size: 12px;line-height: 1.6em;}

.footer .flogo{margin: 0 0 10px; text-align: center;}
.footer .flogo img{height: 60px;width: auto;}
.footer .address{margin-bottom: 10px;}
.footer .address h3{font-size: 14px;color: #fff; line-height: 1.6em; font-weight: bold;}
.footer .address p{font-size: 12px;color: #828282;line-height: 1.6em;}
.footer .ftel .p1{font-size: 14px;font-weight: bold; line-height: 1.6; color: #828282;}
.footer .ftel .p2{font-size: 20px;color: #fff;}

.footer .row2 .col{width: 49%;margin-top: 15px;}
.footer .row2 .col:nth-child(1),
.footer .row2 .col:nth-child(2){margin-top: 0;}
.footer .row2 .col h3{margin:0 0 10px;color: #fff;font-size: 14px;font-weight: bold;line-height: 1.2em;}
.footer .row2 .col h3 p{font-size: 12px;font-weight: normal;text-transform: uppercase;line-height: 1em;}
.footer .row2 .col a{color: #818181;font-size: 12px;line-height: 1.6em;}
.footer .row2 .col dl{display: flex;justify-content: space-between;}
.footer .row2 .col dd{width:48%;}
.footer .row2 .col dd p{font-size: 8px; line-height: 2em;color: #828282;text-align: center;}
.footer .row3 a{color: #d8d8d8;}

.pchat{display: none;}
.mchat{height: 40px;background: #fff;}
.mchat ul{display: flex;position: fixed;z-index: 999;left: 0;right:0;bottom: 0;}
.mchat ul li{width: 25%;padding: 0 0 0 1px;background: #88c32b;}
.mchat ul li:nth-child(1){padding: 0; border: none;}
.mchat ul li a{display: block;font-size: 14px;line-height: 40px; color: #fff; text-align: center; background:#6ea21b;}

@media (min-width:1000px) {
    .menu-open{height: auto;overflow: visible;}
    .main{width: 80%;max-width: 1200px;margin-left: auto;margin-right: auto;}
    .welcome{float: left;}
    .head-r{display: block;float: right;}
    .head-r ul{float: left;}
    .head-r li{padding: 0 10px;}
    .head-r li.head-r-line{width: 1px;height: 12px;padding: 0;margin:17px 5px 0 5px;font-size: 0;line-height: 0;background: #646464;}
    .head-mid{padding: 0;}
    .head-mid .logo{float: left;width: auto;margin: 22px 0 17px;}
    .head-mid .logo img{width: 245px;height: 95px;}

    .head-mid .menu{display: block;float: right;padding: 0;}
    .head-mid .menu li{float: left;padding:49px 20px;text-align: center;border: none;}
    .head-mid .menu li a{display: block;position: relative;font-size: 16px;line-height: 24px;}
    .head-mid .menu span{display: block;line-height: 16px;}
    .head-mid .menu li.cur{border-bottom: none;}
    .head-mid .menu li.cur a:after{position: absolute;left: 0;bottom: -49px;content:'';font-size:0;line-height:0;width: 100%;height: 3px;background: #88c32b;}
    .head-mid .menu-btn{display: none;}



    .footer .row1 .main{padding-top: 50px; padding-bottom: 30px;}
    .footer .row2 .main{padding-top: 30px; padding-bottom: 50px;}
    .footer .flogo{float: left; width: 21%; margin: 0 5% 0 0;}
    .footer .flogo img{display: block;width: 100%;max-width: 242px;height: auto;}

    .footer .address{float: left; width: 48%; margin: 0 1% 0 0;padding: 0;}
    .footer .address h3{font-size: 20px;margin: 0 0 5px;}
    .footer .address p{font-size: 14px;}
    .footer .ftel{float: right;max-width: 25%;padding: 0;}
    .footer .ftel .p1{font-size: 20px;}
    .footer .ftel .p2{font-size: 36px;}

    .footer .row2 .col{width: 23%;margin: 0px;}
    .footer .row2 .col h3{margin:0 0 25px;font-size: 20px;line-height: 1.6em;}
    .footer .row2 .col h3 p{font-size: 18px;}
    .footer .row2 .col a{font-size: 14px;}
    .footer .row2 .col dl{display: flex;justify-content: space-between;}
    .footer .row2 .col dd{width:48%;max-width: 128px;}
    .footer .row2 .col dd p{font-size: 14px;}

    .footer .row3{padding: 20px 0;font-size: 14px;}
    .footer .row3 p{display: inline; padding: 0 10px;}


    .pchat{display: block;position: fixed;z-index: 999;right: 0;top: 50%;margin-top: -105px;}
    .pchat ul{margin: -3px 0 0 0;}
    .pchat li{position: relative; margin: 3px 0 0 0;}
    .pchat .gotop{display: none;}
    .pchat li .ch{display: none; position: absolute;top: 0;right: 50px;text-align: center;background: #fff; padding: 10px;}
    .pchat img{display: block;}

    .mchat{display: none;}
}

@media (min-width:1001px) {
    .head-mid .menu li{padding-left: 5px;padding-right: 5px;}
}
@media (min-width:1350px) {
    .head-mid .menu li{padding-left: 15px;padding-right: 15px;}
}
@media (min-width:1450px) {
    .head-mid .menu li{padding-left: 20px;padding-right: 20px;}
}