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; }

.w1700{ width: 17rem; margin:auto; }

.w1200{ width: 12rem; margin:auto; }

.w1530{ width:15.3rem; margin:auto; }

.w1250{ width: 12.5rem; margin:auto; }



.header{ width:100%; height: 0.85rem;    background: rgba(255,255,255,.7); position: fixed; top: 0; z-index: 99;  }

.header-l{max-width: 1.94rem; height: 0.85rem; display: flex; align-items: center; }

.logo{ max-width: 1.94rem; }

.logo img{ max-width: 100%; }

.nav{ max-width: 8.8rem;  }

.nav li{  float: left; line-height: 0.85rem; position: relative; margin-left: 0.2rem; }

.nav li:first-child{ margin-left: 0; }

.nav li a{ text-align: center; color: #333; font-size: 0.15rem; display: block; padding: 0 0.1rem; position: relative; transition: width .5s ease-in-out; }

.nav li:hover a,.nav li.active a{ color: #0065e1; width: 100%; }

.nav li a:before{ content: ""; position: absolute; width: 0; height: 2px; background:#0232f8; left: 0; bottom: -1px;transition: width .5s ease-in-out;  }

.nav li:hover a:before,.nav li.active a:before{ width: 100%; }









.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; margin-left: 0.25rem; }

.header-r .en{ width: 0.28rem; height: 0.28rem; border:1px solid #333; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-top: 0.335rem; }

.header-r .en a{ font-size: 0.14rem; color: #333;  }

.header-r .en:hover{ border-color: #0065e1 }

.header-r .en:hover a{ color: #0065e1 }

.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.65;

}



.header-r .mnue .c-circle-overlay span {

    background-color: #000;

    /*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: #000;

    -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

}









.footer{ width: 100%; height: 2.3rem; background:#343434; padding-top: 0.4rem; }

.footer-one{ overflow: hidden; padding-bottom: 0.2rem; }

.footer-logo{ max-width: 2.24rem; margin-top: 0.2rem; }

.footer-one-r-left{ width: 5.4rem; position: relative; }

.footer-one-r-left p{ font-size: 0.14rem; line-height: 0.24rem; color: #fff; opacity: 0.79; letter-spacing: 1px; }

.footer-one-r-left span{ display: block; width: 1.3rem; height: 0.3rem; background:#0065e1; line-height: 0.3rem; position: absolute; bottom: 0; right: 0;}

.footer-one-r-left span a{ color: #fff; text-align: center; display: block; }

.footer-one-r-right{ width: 2.7rem; margin-left: 0.3rem; }

.footer-one-r-right li{ width: 0.86rem; float: left; margin-left: 0.06rem; }

.footer-one-r-right li:first-child{ margin-left: 0 }

.footer-one-r-right li img{ width: 100% }

.footer-one-r-right li p{ text-align: center; font-size: 0.14rem; color: #fff; line-height: 0.23rem; color: #fff; opacity: 0.79 }

.footer-two{ border-top:1px solid #5f5f5f; padding:0.2rem 0; }

.footer-two p{ font-size: 0.14rem; color: #fff; opacity: 0.72 }

.footer-two p a{ color: #fff; opacity: 0.72; margin:0 10px; }

.footer-two p a:first-child{ margin-left: 0; }

.footer-two p a:hover{ opacity: 1; }

.footer-two p i{ display: inline-block; margin-left: 5px; }




.links{ width: 320px; height: 34px; border:1px solid #858585; margin-top: -8px; position: relative; }
.links a{font-size:14px;}
.links .links-top a::after{ width:17px; height:8px;position: absolute; content: "";right: 7px; top: 12px; background: url(../images/jt-up.png) no-repeat; z-index: 999}
.links1 .links-top a::after{ width:17px; height:8px;position: absolute; content: "";right: 7px; top: 12px; background: url(../images/jt-up1.png) no-repeat; z-index: 999}
.links a{ margin-right: 14px; position: relative}
.links .cn{ display: block; text-align: left; line-height: 32px; padding-left: 18px;}
.links .cn a{ color: #bfbfbf; display: block}
.links .en a:hover{ text-decoration: underline !important; color: #fff;}
.links .links-box{
  position: absolute;
  bottom:32px;
  width:100%;
  height:190px;
  overflow: auto;
  padding:0 0;
  background: url(../images/blocktm.png);
}
.links .links-box::-webkit-scrollbar{width: 1px; height:168px;  background-color: #fff;}   
.links .links-box::-webkit-scrollbar-track{width: 1px !important;height:20px !important; background-color: #d2d2d2 !important;}   
.links .links-box::-webkit-scrollbar-thumb{width: 1px !important; height:20px !important; background-color: #0065e1 !important} 
.links .en{width:100%;  line-height:30px;-webkit-transition-duration:.6s;transition-duration:.6s;top:30px} 
.links .en a{ font-size:14px; display:block;width:100%; padding:0 10px; overflow: hidden; color:#bfbfbf; line-height:24px; margin:10px 0; cursor:pointer;text-align:center;text-indent:0;-webkit-transition-duration:.6s;transition-duration:.6s}

.icp{ font-size: 14px; color: #bfbfbf; margin-left: 20px; }
.icp a{ color:#bfbfbf; }
.icp a:hover{ color: #fff; }
@media only screen and (min-width: 1441px) and (max-width: 1700px) {
    .w1700{ width: 15rem; }
    .w1530{ width: 15rem; margin-top: 0\0;}
    .footer{ height: 2.3rem; padding-top: 0.36rem; }
}

@media only screen and (min-width:1367px) and (max-width: 1440px) {
    .header{ height: 0.7rem; }
    .w1700{ width: 1250px !important;  }
    .w1530{ width: 1250px !important; }
    .header-l{ height: 0.7rem; }
    .logo{ height: 0.5rem; }
    .logo img{ height: 0.5rem; }
    .nav li{ line-height: 0.7rem; }
    .header-r .en{ margin-top: 0.21rem; }
    .footer{ padding-top:0.2rem; height: 2.1rem; }
    .footer-two{ padding:0.16rem 0; }
    .w12 { width: 9rem; margin:auto;}
    .gsjj-sec1.w1200{ width: 9rem\0 !important; margin:auto\0 !important; }
}
@media only screen and (min-width:1025px) and (max-width: 1366px) {
    .header{ height: 0.7rem; }
    .w1700{ width: 1250px;  }
    .w1530{ width: 1250px; }
    .header-l{ height: 0.7rem; }
    .logo{ height: 0.5rem; }
    .logo img{ height: 0.5rem; }
    .nav li{ line-height: 0.7rem; }
    .header-r .en{ margin-top: 0.21rem; }
    .footer{ padding-top:0.2rem; height: 2.1rem; }
    .footer-two{ padding:0.15rem 0; }
    .w12 {width: 9rem;margin:auto;}
    .gsjj-sec1.w1200{ width: 9rem\0 !important; margin:auto\0 !important; }
}
@media only screen and (max-width: 768px) {
    .hidden-xs{ display: none }
    .visible-xs{ display: block; }
    .w1700{ width: 94%; margin:auto; }
    .w1200{ width: 94%; margin:auto; }
    .w1530{ width:94%; margin:auto; }
    .w1250{ width:94%; margin:auto; }
    .header{ height: 0.6rem;opacity: 1; }
    .header-l{ height: 0.4rem; max-width: 100%; width: auto; margin:0.1rem 0; }
    .header-l img{ height: 0.4rem;}
    .nav{ display: none; }
    .nav.active{ display: block; position: fixed; z-index: 99;left: 50%; top: 50%;    transform: translate(-50%, -50%);}
    .nav li{ display: block;  text-align: center; line-height: 1; padding:20px;vertical-align: top; width: 100%; margin-left: 0}
    .nav li a{ font-size: 0.2rem; margin: 0; color: #fff}
    .nav li:hover a,.nav li.active a{ color: #fff; }
    .nav li:hover a:before, .nav li.active a:before{ display: none; }
    .header-r{ height: 0.6rem;    position: absolute;  right: 0;  top: 0;}
    .header-r .mnue { width: 0.6rem;margin-left: 3%}
    .header-r .mnue .mnue-btn { padding-top: 0.05rem;}
    .header-r .en{ margin-top: 0; margin-right: 0.6rem; }
    .header-r .mnue.active .mnue-btn > span,.header-r .mnue.active .mnue-btn > span.middle:after{ background-color: #fff; }
    .footer{ height: 0.6rem; padding-top: 0; }
    .footer-one{ display: none; }
    .footer-two{ padding:0 0; text-align: center; line-height: 0.6rem; }
    .footer-two .fl{ display: none; }
    .footer-two .fr{ float: initial; }
    .footer-two p i{ display: block; }

    .head-mobile{ width: 100%; box-shadow: 0 0 3px #888;  height: 60px;  background: #fff; }
    .head-mobile img { height: 40px ;  margin: 10px  0 0 3%;}
    .head-mobile .right {display: block; width: 40px;height: 40px; position: absolute; right: 10px; top: 10px; background: url(../images/mobile/btn.png) no-repeat center center;  background-size: 80%; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg);  -o-transform: rotate(0deg);  -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;  transition: all 0.3s linear;}
    .icp{ display: none; }
    .links{ display: none; }


}

@media screen and (max-width: 320px) {
    .header{ opacity: 1; }
    .footer-two p{ font-size: 0.12rem; }
}