@charset "UTF-8";
html{font-size:100px}
body { margin: 0; padding: 0; font-size: 14px;  font-family:"Microsoft YaHei"; overflow-x: hidden; }
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td { margin: 0; padding: 0; list-style: none; border: 0;}
a{ text-decoration: none; outline: none !important;}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img{vertical-align: middle;}
a:focus, a:hover {
    text-decoration: none !important;
}
i,em{ font-style: normal; display: block }
.fl{ float: left; }
.fr{ float: right; }
.clearfix{ clear: both; }
input, select {
    outline: none; border:0;
}
select::-ms-expand { display: none; }
select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;

}
:focus{
    outline: 0;
}
input[type=text] {
    -webkit-appearance: none;
    border-radius: 0;
}
.visible-xs{ display: none; }

.w1640{ width: 16.4rem; margin:auto;  }
.w1440{ width: 14.4rem; margin:auto; }
.w1500{ width: 15rem; margin:auto; }
.w1615{ width: 16.15rem; margin:auto; }
.w1200{ width: 12rem; margin:auto; }

.header{ width:100%; height: 0.8rem; background: #fff; position: absolute; top: 0; z-index: 99; padding-left: 0.4rem }
.logo{ max-width: 1.76rem; margin:0.1rem 0; }
.logo img{ max-width: 100% }
.nav{ max-width: 15.6rem; margin-left: 0.85rem; }
.nav li{ width: 2rem; float: left; line-height: 0.8rem; position: relative; }
.nav li a{ text-align: center; color: #515151; font-size: 0.17rem; display: block; }
.nav li dl{ width:100%; position: absolute; top: 0.8rem;  transition: all .5s;; display: none;}
.nav li dl dd{ width: 100%; border-top: 1px solid rgba(255,255,255,0.28); height: 1rem; line-height: 1rem;  background: url(../images/icon/nav-toggle.png) repeat; }
.nav li dl dd a{ color: #fff; }
.nav li.active{ background: #ffae11; }
.nav li.active a{ color: #fff }
.nav li:hover dl{ display: block; }
.nav li .lion:first-child{ background: #ffae11; }
.nav li .lion:first-child{ color: #fff }
.header-r{  height: 100%; display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
    -webkit-box-align: center;  -ms-flex-align: center;  align-items: center }
.header-r .sweep { width: 0.44rem; margin-right: .3rem; position: relative; cursor: pointer; overflow: hidden;  z-index: 65;}
.sweep-code {  position: absolute;  width: 2.4rem;  background-color: #f5f5f5;  padding: 0.2rem 0.2rem 0;
    color: #0f0f0f;  word-spacing: 5px; text-align: center;  font-weight: bold;  display: none;  z-index: 100;}
.sweep-code .wrapper {
    background-color: #FFFFFF;
    padding: 0.05rem 0.05rem 0;
}
.sweep-code canvas {
    width: 100%;
}
.sweep-code:before {
    content: '';
    border-left: 0.08rem solid transparent;
    border-right: 0.08rem solid transparent;
    border-bottom: 0.1rem solid#f5f5f5;
    position: absolute;
    left: 50%;
    margin-left: -0.08rem;
    top: -0.1rem;
}
.sweep-code p {
    font-size: rem(16);
    line-height: 2;
}
.header-r .mnue { cursor: pointer;  position: relative;  z-index: 60; width: 0.8rem; height: 100%; background: #000000;}

.header-r .mnue .fu {
    position: absolute;
    width: 0.5rem;
    left: 50%;
    margin-left: -0.25rem;
    top: 0.6rem;
    display: none;
}

.header-r .mnue .mnue-btn {
    width: .33rem;
    height: 100%;
    margin:auto;
    overflow: hidden;
    /*padding: .05rem 0;*/
    padding-top:0.15rem;
    position: relative;
    z-index: 2;
}

.header-r .mnue .mnue-btn > span {
    display: block;
    width: .33rem;
    height: .02rem;
    background-color: #fff;
    margin: .11rem 0;
    position: relative;
    z-index: 2;
    -webkit-transition: all .5s 1s;
    transition: all .5s 1s
}
.header-r .mnue.active .mnue-btn > span {
    background-color: #000;
}
.header-r .mnue .mnue-btn > span.middle {
    -webkit-transition: all .3s 0s;
    transition: all .3s 0s
}
.dk-head .mnue.active .mnue-btn > span.middle {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .3s linear 1s;
    transition: -webkit-transform .3s linear 1s;
    transition: transform .3s linear 1s;
    transition: transform .3s linear 1s, -webkit-transform .3s linear 1s;
}
.header-r .mnue .mnue-btn > span.middle:after {
    content: '';
    width: .33rem;
    height: .02rem;
    background-color: #0f0f0f;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.01rem;
    margin-left: -.17rem;
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    -webkit-transition: -webkit-transform .2s .6s;
    transition: -webkit-transform .2s .6s;
    transition: transform .2s .6s;
    transition: transform .2s .6s, -webkit-transform .2s .6s;
}

.header-r .mnue .mnue-btn > span.bottom {
    background-color: transparent;
    overflow: hidden;
    opacity: 1
}

.header-r .mnue .mnue-btn > span.bottom:before {
    content: "";
    width: 70%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 1;
    position: absolute
}
.header-r .mnue .mnue-btn > span.bottom:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    right: 0;
    top: 0;
    z-index: 1;
    position: absolute
}

.header-r .mnue .c-circle-overlay, .header-r .mnue .c-circle-overlay--yellow {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-transform: rotate(-50%, -50%);
    transform: rotate(-50%, -50%)
}

.header-r .mnue .c-circle-overlay span, .header-r .mnue .c-circle-overlay--yellow span {
    width: 5000px;
    height: 5000px;
    left: calc(-2500px + 3px);
    top: calc(-2500px + 3px);
    position: absolute;
    border-radius: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.8;
}

.header-r .mnue .c-circle-overlay span {
    background-color: #ffae11;
    /*background: url(../images/icon/nav-toggle.png) repeat;*/
    -webkit-transition: -webkit-transform .5s ease-in-out 0s;
    transition: -webkit-transform .5s ease-in-out 0s;
    transition: transform .5s ease-in-out 0s;
    transition: transform .5s ease-in-out 0s, -webkit-transform .5s ease-in-out 0s
}

.header-r .mnue .c-circle-overlay--yellow span {
    background-color: #ffae11;
    -webkit-transition: -webkit-transform .5s ease-in-out .2s;
    transition: -webkit-transform .5s ease-in-out .2s;
    transition: transform .5s ease-in-out .2s;
    transition: transform .5s ease-in-out .2s, -webkit-transform .5s ease-in-out .2s
}

.header-r .mnue.active .c-circle-overlay span, .header-r .mnue.active .c-circle-overlay--yellow span {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.header-r .mnue.active .c-circle-overlay span {
    -webkit-transition: -webkit-transform .5s ease-in-out .2s;
    transition: -webkit-transform .5s ease-in-out .2s;
    transition: transform .5s ease-in-out .2s;
    transition: transform .5s ease-in-out .2s, -webkit-transform .5s ease-in-out .2s
}

.header-r .mnue.active .c-circle-overlay--yellow span {
    -webkit-transition: -webkit-transform .5s ease-in-out 0s;
    transition: -webkit-transform .5s ease-in-out 0s;
    transition: transform .5s ease-in-out 0s;
    transition: transform .5s ease-in-out 0s, -webkit-transform .5s ease-in-out 0s
}

.header-r .mnue.active .mnue-btn > span.top {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.header-r .mnue.active .mnue-btn > span.middle {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .3s linear 1s;
    transition: -webkit-transform .3s linear 1s;
    transition: transform .3s linear 1s;
    transition: transform .3s linear 1s, -webkit-transform .3s linear 1s
}
.header-r .mnue.active .mnue-btn > span.middle:after {
    /*-webkit-transform: none;
    transform: none;*/
     -webkit-transform: rotate(-90deg) !important;
    transform: rotate(-90deg) !important;
    -webkit-transition: -webkit-transform .2s 0.6s;
    transition: -webkit-transform .2s 0.6s;
    transition: transform .2s 0.6s;
    transition: transform .2s 0.6s, -webkit-transform .2s 0.6s;
}
.header-r .mnue.active .mnue-btn > span.middle:after {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .2s 0.6s;
    transition: -webkit-transform .2s 0.6s;
    transition: transform .2s 0.6s;
    transition: transform .2s 0.6s, -webkit-transform .2s 0.6s
}

.header-r .mnue.active .mnue-btn > span.bottom {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}
.sitemap {
    color: #fff;
    position: fixed;
    z-index: 101;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.sitemap.active{ display: block }
.sitemap ul {
    position: relative;
    font-size: 0;
    -webkit-text-size-adjust: none;
    white-space: nowrap;
}
.sitemap ul>li {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.sitemap ul>li.active h5 a{ color:#fff  }
.sitemap ul>li>h5 {
    font-size: 30px;
    margin-bottom: 40px;
    cursor: pointer;
}
.sitemap ul>li>h5>a{ color: #fff; font-weight: normal; }

.sitemap ul ol li {
    letter-spacing: 1px;
    font-size: 18px;
    
    cursor: pointer;
}
.sitemap ul ol li+li {
    margin-top: 20px;
}
.sitemap ul ol li a{color: #fff;} 
.sitemap ul ol li a:hover{ color: #fff; text-decoration: underline !important }

/*left fixed*/
.fixed-left{ width: 0.8rem; height: 1.83rem; position: fixed; left: 0; top: 50%; margin-top: -0.91rem; z-index: 103; }
.fixed-left li{ width: 100%; height: 0.6rem; margin-bottom: 1px; background: #f14702; display: flex; justify-content: center; align-items: center;transition: all 0.5s; }
.fixed-left li a{ text-align: center; color: #fff; font-size: 0.12rem; display: block;  }
.fixed-left li.online-mail i{ width: 27px; height: 21px; margin:auto; background: url(../images/icon/left-mall.png) center no-repeat; }
.fixed-left li.online-talk i{ width: 26px; height: 24px; margin:auto; background: url(../images/icon/left-zixun.png) center no-repeat; }
.fixed-left li.online-tel i{ width: 26px; height: 26px; margin:auto; background: url(../images/icon/left-tel.png) center no-repeat; }
.fixed-left li.online-tel .online-tel-a2{ display: none; }
.fixed-left li.online-tel:hover {width: 2.4rem;margin-right: -1.6rem;background: #f14702;} 
.fixed-left li.online-tel:hover .online-tel-a1{ display: none; }
.fixed-left li.online-tel:hover .online-tel-a2{ width: 2.4rem; display: block; font-size: 20px;}




footer{ width: 100%; overflow: hidden; background: #f6f6f6; padding:0.5rem 0; }
.footer-one{}
.footer-one-l{ width: 3.5rem; margin-right: 2.8rem;  margin-bottom: 0.35rem;}
.footer-one-l li{ height: 0.34rem; line-height: 0.34rem; position: relative; font-size: 0.14rem; color: #333; padding-left: 0.62rem; margin-bottom: 0.16rem;}
.footer-one-l li i{ display: inline-block; font-size: 0.24rem; }
.footer-one-l li:before{ content: ""; position: absolute; width: 0.34rem; height: 0.34rem; border:1px solid #d3d3d3; border-radius: 50%; left: 0; top: 0;  }
.footer-one-l li.footer-one-l1:before{ background: url(../images/icon/footer-icon1.png) center no-repeat; }
.footer-one-l li.footer-one-l2:before{ background: url(../images/icon/footer-icon2.png) center no-repeat; }
.footer-one-l li.footer-one-l3:before{ background: url(../images/icon/footer-icon3.png) center no-repeat; }
.footer-one-l li.footer-one-l4:before{ background: url(../images/icon/footer-icon4.png) center no-repeat; }

.footer-one-c{ width: 3.6rem; margin-top: 0.2rem;  }
.footer-one-c-nav{ overflow: hidden; border-bottom: 1px solid #dbdbdb }
.footer-one-c-nav a{ color: #333333; display: inline-block; font-size: 0.14rem; margin-right: 0.4rem; margin-bottom: 0.25rem; line-height: 1; }
.footer-one-c-nav a:hover{ color: #ffa800 }
.footer-share{ margin-top: 22px; }
.footer-share a:first-child{ margin-left: 0; }
.footer-share a {
    display: block;
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 0;
    margin-left: 14px;
    background: #f6f6f6;
    text-align: center;
    border:1px solid #dbdbdb;
}
a.share-qq {
    background: url(../images/icon/all-icon.png) no-repeat -328px -216px;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.footer-share a.share-qq:hover {
    background: url(../images/icon/all-icon.png) no-repeat -328px -256px
}

a.share-qrcode {
    background: url(../images/icon/all-icon.png) no-repeat -266px -216px;
    position: relative;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.footer-share a.share-qrcode:hover {
    background: url(../images/icon/all-icon.png) no-repeat -266px -256px
}
a.share-sina {
    background:url(../images/icon/all-icon.png) no-repeat -206px -214px;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.footer-share a.share-sina:hover {
    background: url(../images/icon/all-icon.png) no-repeat -206px -254px
}
a.share-more {
    background:url(../images/icon/all-icon.png) no-repeat -167px -214px;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1);
}
.footer-share a.share-more:hover {
    background: url(../images/icon/all-icon.png) no-repeat -167px -254px
}
.footer-one-r{ width: 3.78rem; height: 1.98rem; border:1px solid #d8d8d8; }
.footer-one-r h5{ font-size: 0.18rem; height: 0.2rem; line-height: 0.2rem; background: #f6f6f6; text-align: center; width: 1.55rem; color: #333; margin:-0.1rem auto 0; font-weight: normal;} 
.footer-one-r ul{ text-align: center; margin-top: 0.3rem; }
.footer-one-r li{ display: inline-block; width: 0.8rem;}
.footer-one-r li:first-child{ margin-right: 1rem }
.footer-one-r li a{ display: block; }
.footer-one-r li img{ max-width: 100%; display: block; margin:auto; }
.footer-one-r li p{ font-size: 0.15rem; line-height: 0.33rem; color: #666666; text-align: center; }
.footer-one-r li:hover p{ color: #ffa800 }
.footer-two{ border-top:1px solid #dbdbdb; padding: 17px 0 56px; overflow: hidden; clear: both; }
.footer-two p{ float: left; color: #333; height: 0.15rem; font-size: 0.15rem; }
.footer-two p a{ display:inline-block; color: #333; margin: 0  0.18rem; line-height: 0.15rem; font-size: 0.14rem }
.footer-two p a:first-child{ margin-left: 0; }
.footer-two p a:hover{ color: #ffa800 }
.footer-two span{ display: block; float: right; height: 0.15rem; line-height: 0.15rem;color: #333; }
.footer-two span i{ color: #333; display: inline-block; float: left; margin-right: 0.18rem; }
.footer-two span a{ display: inline-block; float: right; margin-left: 0.18rem; color: #333;}
.footer-two span a:hover{ color: #ffa800}

@media only screen and (min-width:1681px) and (max-width: 1870px) {
    .nav li {width: 1.75rem;}
}
@media only screen and (min-width:1621px) and (max-width: 1680px) {
    .nav li {width: 1.6rem;}
}
@media only screen and (min-width:1440px) and (max-width: 1620px) {
  .header{  height: 0.6rem;  padding-left: 0.3rem;}
  .logo{ max-width: 1.2rem; }
  .nav{ max-width: 11rem; margin-left: 0.35rem; }
  .nav li{ width: calc( 11rem / 7 ); width: 1.43rem\9;    line-height: 0.6rem; }
  .header-r .sweep{ margin-right: 0.1rem; }
  .header-r .mnue .mnue-btn{ padding-top: 0.05rem; }
  .nav li dl{ top: 0.6rem; }
  .nav li dl dd{ height: 0.8rem; line-height: 0.8rem; }
}
@media only screen and (min-width:1271px) and (max-width: 1440px) {
  .header{  height: 0.6rem;  padding-left: 0.3rem;}
  .logo{ max-width: 1.2rem; }
  .nav{ max-width: 10rem; margin-left: 0.35rem; }
  .nav li{ width: calc( 9.5rem / 7 ); width: 1.43rem\9;    line-height: 0.6rem; }
  .header-r .sweep{ margin-right: 0.1rem; }
  .header-r .mnue .mnue-btn{ padding-top: 0.05rem; }
  .nav li dl{ top: 0.6rem; }
  .nav li dl dd{ height: 0.8rem; line-height: 0.8rem; }
  .w1640{ width: 12rem; margin:auto;  }
  .w1440{ width: 12rem; margin:auto; }
  .w1500{ width: 12rem; margin:auto; }
  .w1615{ width: 12rem; margin:auto; }
  footer{ padding:0.3rem 0; }
  .footer-one-l{ margin-right: 0.5rem;  margin-bottom: 0.14rem;}
  .footer-two{ padding: 0.2rem 0; }
}
@media only screen and (min-width:1025px) and (max-width: 1270px) {
  .header{  height: 0.6rem;  padding-left: 0.2rem;}
  .logo{ max-width: 1.2rem; }
  .nav{ max-width: 8rem; margin-left: 0.1rem; }
  .nav li{ width: calc( 7rem / 7 ); width: 1.43rem\9;    line-height: 0.6rem; }
  .header-r .sweep{ margin-right: 0.1rem; }
  .header-r .mnue .mnue-btn{ padding-top: 0.05rem; }
  .nav li dl{ top: 0.6rem; }
  .nav li dl dd{ height: 0.8rem; line-height: 0.8rem; }
  .w1640{ width: 12rem; margin:auto;  }
  .w1440{ width: 12rem; margin:auto; }
  .w1500{ width: 12rem; margin:auto; }
  .w1615{ width: 12rem; margin:auto; }
  footer{ padding:0.3rem 0; }
  .footer-one-l{ margin-right: 0.5rem;  margin-bottom: 0.14rem;}
  .footer-two{ padding: 0.2rem 0; }
}

@media only screen and (max-width: 1024px) {
    .header{ height: 0.6rem;    padding-left: 3%; }
    .visible-xs{ display: block; }
    .logo{ max-width: 1.2rem; }
    .nav{ display: none }
}

@media only screen and (max-width: 768px) {
    .hidden-xs{ display: none }
    .visible-xs{ display: block; }
    .header{ height: 0.6rem;    padding-left: 3%; }
    .logo{ max-width: 1.2rem; }
    .nav{ display: none; }
    .header-r .sweep{ display: none; }
    .header-r .mnue{ width: 0.6rem; }
    .header-r .mnue .mnue-btn{ padding-top:0.05rem; }
    .sitemap { width: 100%;  padding-left: 0;}
    .sitemap ul>li{ display: block;  text-align: center;}
    .sitemap ul>li>h5 { font-size: 20px; margin: 0;}
    .sitemap ul>li>ol{ display: none; }
    .w1640{ width: 94%; }
    .w1440{ width: 94%; }
    .w1500{ width: 94%; }
    .w1615{ width: 84%; }
    .w1200{ width: 94%; }

    .fixed-left{ display: none; }
    footer{ height: 0.6rem; padding:10px 0; }
    .footer-one{ display: none; }
    .footer-two{ padding:0 0;     border-top: 0;}
    .footer-two p{ display: none; }
    .footer-two span{ float: initial; text-align: center; height: auto;    line-height: 0.18rem; font-size: 0 }
    .footer-two span a,.footer-two span i{ float: initial;    margin: 0;  font-size: 0.12rem;}
}