@charset "utf-8";
/*边距*/
.pd2{padding: 2.5%;}
.pdlr2{padding-left: 2.5%;padding-right: 2.5%;}
.pdtb2{padding-top: 2.5%;padding-bottom: 2.5%;}
.pdtb4{padding-top: 4%;padding-bottom: 4%;}
.pd0{padding:0;}

.main{width:100%;margin:0 auto;transition: all 1s; -webkit-transition: all 1s;position:relative;min-width: 320px;}
.hx{width: 100%;height: 1px;background: #eaeaea;}
.hx1{width: 100%;height: 20px;background: #ffffff;}
.hx2{width: 220px;height: 1px;background: #eeeeee;margin: 20px 0;}
.hx3{width: 100%;height: 15px;background: #ffffff;}
.absolute{position: absolute;left: 0;top: 0;}

.editor{width:100%;margin:0 auto;font-size:16px;line-height:32px;color:#999;transition: all 0.2s;-webkit-transition: all 0.2s;}
.editor p{line-height:32px;text-align:justify;text-justify:inter-ideograph;}
.editor img{max-width:100%;}

.container{padding: 0;}

/* header  兼容*/
.tisbox {width: 480px;height: 354px;display: none;padding-bottom: 30px;background-color: #fff;position: fixed;top: 50%;left: 50%;z-index: 20000000;margin-top: -177px;margin-left: -240px;}
.tisbox .tis-text {width: 80%;color: #333;font-size: 14px;margin-left: 10%;margin-top: 40px;line-height: 20px;text-align: center;}
.tisbox .upgrade {display: block;margin-top: 20px;text-align: center;}
.tisbox .upgrade img {max-width: 100%;display: inline-block;}
.tisbox .tis-chrome {float: left;width: 125px;height: 35px;margin-top: 40px;margin-left: 112px;background-image: url(../images/chrome.png);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.tisbox .tis-firefox {float: left;width: 125px;height: 35px;margin-top: 40px;margin-left: 15px;background-image: url(../images/firefox.png);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.tisshare {display: none;opacity: 0.8;filter: alpha(opacity=80);background-color: #000;position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 19999999;}

.main {
  width: 100%;
  margin: 0 auto;
  transition: all 1s;
  -webkit-transition: all 1s;
  position: relative;
  min-width: 320px;
  max-width: 1920px;
}
.index-main{overflow-x: hidden;}

/* header  导航*/
.header109 {
  width: 100%;
  height: 109px;
  margin: 0 auto;
}

.header {position: fixed;width: 100%;height: 109px;top: 0px;z-index: 100;margin: auto;min-width: 320px;background: rgba(0, 0,0, 0.5);}
.header.scroll{background-color: #fff;height: 109px;transition: all 1s;-webkit-box-shadow: 0 10px 12px rgba(0,0,0,0.1);box-shadow: 0 10px 12px rgba(0,0,0,0.1);-webkit-transition: all 1s;}
.header.scroll .header-logo {padding: 13px 0;}
.header.scroll .header-icon {margin-top: 41.5px;}
.header.scroll .header-icon .header-search-icon input {border: 1px solid #ddd;color: #333;}
.header.scroll .nav-first h3 a {color: #333;}

.header .container {height: 100%;width: 1480px;margin: 0 auto;}
.header .container  .header-wrap{height: 100%;}
.header-logo {float: left;width: auto;height: 100%;padding: 13px 0;}
.header-logo a {float: left;height: 100%;}
.header-logo img {width: auto;height: 100%;float: left;}
.header-logo .logo-white {display: none;}
.header-logo .m-logo {display: none;}

.header-icon {float: right;margin-top: 42px;}
.header-icon .header-search-icon{float: right;position: relative;}
.header-icon .header-search-icon a{display: block;position: absolute;top: 7px;right: 5px;width: 12px;height: 12px;background: url(../images/top_search01.png) no-repeat;background-size: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-icon .header-search-icon a:hover{background: url(../images/top_search02.png) no-repeat;background-size: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}

.header-icon .header-search-icon input{display: block;height: 26px;border: 1px solid #fff;background-color: transparent;width: 138px;font-size: 14px;color: #fff;padding-left: 10px;padding-right: 20px;margin-left: 50px;}
.header-icon .icon {width: 26px;height: 26px;float: right; margin-left: 20px;}

.header-icon .icon.language a {display: block;width: 100%;height: 100%;background: url(../images/language.png) no-repeat;background-size: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}

.header-icon .icon.headernav-btn {background: #004c92;border-radius: 50%;display: none;}
.header-icon .headernav-btn a {display: block;padding: 7px 0;}
.header-icon .headernav-btn a img {display: block;width: 12px;height: 12px;margin: 0 auto;}

.stock-code{float:right;font-size:16px;color:#fff;line-height:24px;margin-left:20px;}

.header-icon .fdj {
  display: none;
}
.header-icon .icon.fdj a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/fdj_1.png) no-repeat;
  background-size: 100%;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
/* .header.scroll .header-icon .icon.fdj a {
  width: 100%;
  height: 100%;
  background: url(../images/fdj_2.png) no-repeat;
  background-size: 100%;
} */
.header-search {
  position: fixed;
  top: 64px;
  width: 100%;
  z-index: 199;
  background: rgba(255,255,255,0.8);
  padding: 8px 0;
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  display: none;
}
.header-search-box {
  width: 100%;
  max-width: 1170px;
  padding: 0 2.5%;
  margin: 0 auto;
}
#search_box {
  float: right;
  width: 100%;
}
.header-search input.inp_srh {
  width: 88%;
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 2.5%;
  font-size: 12px;
  background: #fff;
  outline: none;
  border: none;
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
  border: #aaa solid 1px;
  border-right: none;
}
.header-search input.btn_srh {
  width: 12%;
  float: right;
  height: 40px;
  background: #fff url(../images/icon-search02.png) no-repeat center;
  background-size: 20px;
  border-bottom-right-radius: 24px;
  border-top-right-radius: 24px;
  border: #aaa solid 1px;
  border-left: none;
}

/* 侧边导航栏 */
.nav {left: 46%;position: absolute; transform: translateX(-50%);}
.nav-title {width: 100%;height: 64px;border-bottom: solid 2px #004d93;padding: 0 3%;display: none;}
.nav-title h3 {float: left;font-size: 18px;color: #333;font-family: "微软雅黑";line-height: 62px;font-weight: 400;}
.nav-close {display: inline-block;width: 24px;height: 24px;margin-top: 20px;}
.nav-ul .nav-first {float: left;margin-right: 26px;position: relative;z-index: 9999;}
.nav-ul .nav-first:last-child{margin-right: 0;}
.nav-ul .nav-first h3 {float: left;}
.nav-ul .nav-first.cur h3 a {color: #004c92;}
.nav-ul .nav-first h3 a {float: left;font-size: 17px;line-height: 108px; color: #fff;position: relative;font-family: "微软雅黑";}
.nav-ul .nav-first.cur h3 a:after {transform: scaleX(1);}
.nav-ul .nav-first:hover h3 a:after {transform: scaleX(1);}
.nav-ul .nav-first:hover h3 a {color: #004c92;}
.nav-ul .nav-first:hover .second-nav {
  display: block;
  transition: all .3s;
}
.second-nav .nav-sec:hover {
  background: #fff;
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.second-nav .nav-sec:hover h5 a {
  color: #004c92;
}
.nav-ul .nav-first h3 a:after {content: "";position: absolute;bottom: 30px;left: 0;width: 100%;height: 2px;background: #004c92;transform: scaleX(0);transition: all .3s;}
.nav-ul .nav-first h3 .more {display: none;}
.nav-ul .nav-first h3 .more i {display: block;float: right;width: 24px;height: 100%;background: url(../images/icon-down01.png) no-repeat center;background-size: 16px;transition: all .6s;}
/* 二级导航栏 */
.second-nav {
  position: absolute;
  top: 109px;
  left: 50%;
  margin-left: -70px;
  width: 140px;
  background: rgba(255,255,255,0.7);
  z-index: 9999;
  transition: all .3s;
  -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  display: none;
}
.second-nav .nav-sec {
  float: left;
  padding: 0 10px;
  width: 100%;
}
.second-nav .nav-sec h5 {
  float: left;
  width: 100%;
  position: relative;
}
.second-nav .nav-sec h5 a {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #666;
  line-height: 50px;
  font-family: "Microsoft YaHei","微软雅黑";
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  transition: all .3s;
}
.second-nav .nav-sec h5 a span {
  display: flex;
  width: 100%;
  justify-content: center;
}

.nav-bg {
  position: fixed;
  width: 100%;
  right: 0px;
  top: 0px;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 200;
  display: none;
}

/* 右侧悬浮工具栏 */
.side-bar {
  width: 80px;
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 999;
  display: none;
  overflow: visible !important;
}
.side-bar li {
  width: 100%;
  height: 80px;
  position: relative;
  border: 1px solid #f7f7f7;
  border-right: none;
  background: #fff;
}
.side-bar li .side-btn {
  width: 100%;
  display: block;
  height: 100%;
  padding: 8px 0;
}
.side-bar li .icon {
  width: 40px;
  cursor: pointer;
  margin: 0 auto;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.side-bar li .icon img {
  width: 100%;
}
.side-bar li h3 {
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  color: #bbb;
  margin-top: 4px;
}
.side-bar li:hover h3 {
  color: #004d93;
}
.side-bar li h3.back-top {
  color: #004d93;
}
.side-bar li:hover .side-bar-layer {
  display: block;
}
.side-bar li .side-bar-layer.code {
  bottom: 0px;
}
.side-bar li .wx-code {
  width: 130px;
  padding: 12px;
  margin-right: 12px;
  padding-bottom: 6px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}
.side-bar li .side-bar-arrow {
  position: absolute;
  top: 24px;
  right: 6px;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-left: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.side-bar li .wx-code img {
  width: 100%;
}
.side-bar li .side-bar-tel span {
  color: #004d93;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  display: block;
  width: 100%;
}
.side-bar li .side-bar-tel {
  width: 220px;
  overflow: hidden;
  padding: 10px 0px;
  border-radius: 4px;
  margin-right: 12px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
}
.side-bar li .wx-code h6 {
  color: #004d93;
  font-size: 14px;
  margin-top: 4px;
  line-height: 24px;
  text-align: center;
}
.side-bar li .side-bar-layer {
  display: none;
  position: absolute;
  top: 0px;
  right: 80px;
  z-index: 16;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}


/* 底部 */
.bottom-box {width: 100%;height: 380px;background: url(../images/bottom_bg.png) no-repeat; background-position: center;background-size: cover;position: relative;;}
.footer {width: 100%;position: relative;padding-top: 60px;}
.footer .footer-con {width: 1480px;margin: 0 auto;}
.footer .footer-nav {
  width: 62%;
  float: left;
  display: flex;
  justify-content: space-around;
}
.footer .footer-nav dl dt a {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  position: relative;
}
.footer .footer-nav dl dt a::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: -12px;
  height: 1px;
  width: 20px;
  background-color: #029d21;
}

.footer .footer-nav dl .footer-nav-btn {
  width: 50px;
  height: 100%;
  display: none;
  background-image: url(../images/icon-down01.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 5;
}
.footer .footer-nav dl dd a {
  color: rgb(175, 173, 175);
  font-size: 14px;
  line-height: 28px;
}
.footer .footer-nav dl dd a:hover {color: #fff;}
.footer .footer-nav dl dd a.bot-ewm{width: 100px;padding-top: 7px;display: block;}
.footer .footer-nav dl dd a.bot-ewm img{width: 100%;display: block;}
.footer .footer-nav dl dd.mt{margin-top: 16px;}

.footer .footer-right {width: 33%;height: 236px; float: right;}
.footer-right .foot-line{width: 2px;background-color: #d3d3d3;height: 100%;float: left;}
.footer-right .foot-ewm{display: none;}
.footer-right .foot-logo{display: flex;width:99%;float: right;height: 100%;justify-content: center;align-items: center;}
.footer-right .foot-logo img{display: block;width: 270px;}

.copyright{width: 100%;position: absolute;bottom: 0;left: 0;}
.copyright .copy-con {width: 1170px;margin: 0 auto;color: rgb(136, 133, 136);font-size: 14px;padding: 12px 0;display: flex;justify-content: center; border-top: 1px solid #4d4d4d;}
.copyright .copyright-text {
  float: left;
  margin-right: 25px;
}
.copyright .record{float: left;color: rgb(136, 133, 136);margin-right: 15px;}
.copyright .design{float: left;color: rgb(136, 133, 136);}
.copyright a:hover,.copyright p:hover{color: #fff;}


@media(max-width:1480px){
  .footer .footer-con {
    width: 1170px;
    margin: 0 auto;
}
.footer-right .foot-logo img {
  display: block;
  width: 240px;
}


  .header .container{width: 100%;padding: 0 15px;}
  .header {height: 109px;}
  .header-logo {padding: 13px 0;}
  .header-icon {margin-top: 41.5px;}
  .header-logo {padding: 13px 0;}
  .nav-ul .nav-first{margin-right: 28px;}
}
@media(max-width:1350px){
  .nav-ul .nav-first{margin-right: 20px;}
}
@media(max-width:1280px){
  .nav {width: 628px;}

}
@media(max-width:1200px){
  .footer .footer-con {
    width: 970px;
}
.footer-right .foot-logo img {
  width: 210px;
}
.copyright .copy-con {
  width: 970px;
  font-size: 12px;
}

}
@media(max-width:1150px){
  /* .nav {width: 650px;} */
}


@media(max-width:1080px){
  .second-nav .nav-sec h5 {height: 48px;}
  .second-nav .nav-sec h5 a {width: 80%;line-height: 48px;height: 48px;}
  .second-nav .nav-sec h5 a span {justify-content: flex-start;}
  .second-nav .nav-sec {
    float: left;
    width: 100%;
    padding: 0 5%;
    border-bottom: #ddd dashed 1px;
}
  .nav-ul .nav-first h3 a {
    width: 80%;
    padding: 0;
    color: #333;
    font-size: 14px;
    line-height: 48px;
    margin-top: 0;
    margin-bottom: 0;
}
.nav-ul .nav-first:hover h3 a {
  color: #666;
}
  .header-logo {padding: 8px 0;}
  .header.scroll .header-logo {padding: 8px 0;}
  .header {height: 64px;background: rgba(255, 255, 255, 0.15);}
  .header.scroll {height: 64px;}
  .header-icon {margin-top: 19px;}
  .header.scroll .header-icon {margin-top: 19px;}
  .header-icon .header-search-icon {display: none;}
  .header-icon .fdj {display: block;}
  .nav-ul .nav-first h3 a:after {display: none;}

  .nav {margin-right: 0;position: fixed;width: 72%;height: 100%;background: #fff;left: -100%;top: 0px;z-index: 201;transform: translateX(0);}
  .header-icon .icon.headernav-btn {display: block;}
  .nav.in {left: 0px;overflow-y: auto;}
  .nav-title {display: block;}
  .nav-ul{margin-top: 0; -webkit-box-shadow: -2px -4px 12px rgba(0,0,0,0.1) inset; box-shadow: -2px -4px 12px rgba(0,0,0,0.1) inset;width: 100%;height: calc(100% - 64px);overflow-y: auto}
  .header.scroll .nav-ul {margin-top: 0;}

  .nav-ul .nav-first {float: left;width: 100%;margin: 0;-webkit-perspective: 0;-moz-perspective: 0;-ms-perspective: 0;perspective: 0;-webkit-transform-style: flat;-moz-transform-style: flat;-ms-transform-style: flat;transform-style: flat;}
  .nav-ul .nav-first h3 {width: 100%;padding: 0 3%;height: 48px;border-bottom: #ddd solid 1px;}
  .nav-ul .nav-first.cur h3 a {color: #004d93;}
  .nav-ul .nav-first h3 .more {top: 0;right: 0;padding: 0 3%;height: 48px;display: block;position: absolute;}
  .second-nav {display: none;position: relative;top: 0;left: 0;margin-left: 0;width: 100%;opacity: 1;float: left;background: #f5f5f5;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0);-webkit-box-shadow: none;box-shadow: none;}


}

@media(max-width:991px){
  .editor p {font-size: 14px;}
  .side-bar {
    width: 46px;
    top: auto;
    bottom: 0;
}
.side-bar li {
  height: 46px;
}
.side-bar li .side-btn {
  padding: 10px 0;
}
.side-bar li .icon {
  width: 26px;
}
.side-bar li h3 {
  display: none;
}
.side-bar li .side-bar-layer {
  right: 46px;
}
.side-bar li .side-bar-tel {
  width: 150px;
}
.side-bar li .side-bar-tel span {
  font-size: 18px;
  line-height: 32px;
}

  .footer {padding-top: 0;}
  .footer .footer-con {width: 100%;}
  .footer .footer-nav {width: 100%;float: none;display: block;}
  .footer .footer-nav dl dt {
    line-height: 40px;
    margin-bottom: 0px;
    padding-left: 15px;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    opacity: .5;
}
.footer .footer-nav dl dt a {
  color: #fff;
  font-size: 14px;
}
.footer .footer-nav dl .footer-nav-btn {
  display: block;
}
.footer .footer-nav dl dd {
  display: none;
}
.footer .footer-nav dl dt a::after {
display: none;
}
.footer .footer-nav dl dd a {
  padding: 0px 30px;
  font-size: 12px;
  opacity: .5;
}
.footer .footer-nav dl dd.ewm {
  display: none;
}
.bottom-box {
  width: 100%;
  height: auto;
  background:#303336;
  background-image: none;
}
.footer-right .foot-line {
display: none;}
.footer .footer-right {
  width: 100%;
  height: auto;
  float: none;
  padding: 15px;
}
.footer .footer-right::after{
  content: '';
  display: block;
  clear: both;
}
.footer-right .foot-ewm{display: block;float: left;width: 100px;}
.footer-right .foot-logo {
  display: block;
  height: 100px;
  width: auto;
  float: right;
}
.footer-right .foot-logo img {
  display: block;
  height: 100%;
  width: auto;
}
.footer-right .foot-ewm img {
  display: block;
  width: 100%;
}
.copyright {
  width: 100%;
  position: static;
}
.copyright .copy-con {
  width: 100%;
}

}

@media(max-width:769px){
  .editor p {line-height: 28px;}
  .footer-right .foot-ewm {
    width: 80px;
}
.footer-right .foot-logo {
  height: 80px;
}
.copyright .copyright-text {
  width: 100%;
  float: none;
  margin-right: 0;
  text-align: center;
}
.copyright .record {
  float: none;
  width: 100%;
  text-align: center;
  margin:5px 0;
  display: block;
}
.copyright .design {
  float: none;
  width: 100%;
  text-align: center;
  display: block;
}
.copyright .copy-con {
  display: block;
}
}
@media(max-width:640px){
  .header-search {top: 48px;}
  .header {height: 48px;}
  .header.scroll {height: 48px;}
  .header-icon {margin-top: 11px;}
  .header.scroll .header-icon {margin-top: 11px;}
  .header-icon .icon {margin-left: 12px;}
  .nav-title {height: 48px;}
  .nav-title h3 {line-height: 46px;font-size: 16px;}
  .nav-close {margin-top: 12px;}
  .nav-ul .nav-first h3 a {line-height: 40px;}
  .nav-ul .nav-first h3 {height: 40px;}
  .nav-ul .nav-first h3 .more {height: 40px;}
  .second-nav .nav-sec h5 {height: 40px;}
  .second-nav .nav-sec h5 a {line-height: 40px;height: 40px;color: #666;}

  .nav-ul {
    height: calc(100% - 48px);
}
}
@media (max-width: 400px){
.footer-right .foot-ewm {
    width: 60px;
}
.footer-right .foot-logo {
  height: 60px;
}
}