@import "../iconfont/iconfont.css";

.clear{clear: both;height: 0;}
.vhd-box{margin-bottom:.2rem;display:flex;position:relative;align-items:center;justify-content:space-between}
.vhd{font-size:.4rem;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-left:16px;position:relative;font-weight: 700;}
.vhd .en{color:#349f72;padding-left:5px}
.vmore{width:2rem;height:.6rem;line-height:.6rem;text-align:center;border:1px solid #666;display:inline-block;position:relative;font-size:16px;background:#fff;transition:.6s}

@media (max-width:640px){.vmore{width:150px;height:40px;line-height:40px;text-align:center}}
.vmore i{padding-left:5px}
.vmore:hover{background:#333;color:#fff}
.vmore.middle{left:50%;transform:translateX(-50%)}
.mb20{margin-bottom:.2rem}
@media (max-width:768px){.vhd .en{display:inline-block;font-size:16px}}
.itag{text-transform:uppercase;font-size:1.8rem;font-family:medium;position:absolute;font-weight:700;color:#f9f9f9!important;text-shadow:0 0 1px #666;line-height:.8;opacity:.5}
@media (max-width:992px){.itag{display:none}
}
.vhd::before{content:'';display:block;width:5px;height:80%;background: #349f72;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:0;background: linear-gradient(180deg,#349f72 50%,#333 50%);border-radius:1px;}

.fyc {
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-box-orient: vertical;
     box-orient: vertical;
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-pack: center;
     box-pack: center
}

.fwbet {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between
}

.wrap {
     width: 88vw;
     max-width: 1440px;
     margin-left: auto;
     margin-right: auto
}

@media (max-width:639px) {
     .wrap {
          width: 92vw;
     }
     .col-md-8,.col-md-4,.col-md-6{padding:0px}
}

.w1400 {
     width: 88vw;
     max-width: 1440px;
     margin-left: auto;
     margin-right: auto;
     max-width: 1400px
}

@media (max-width:639px) {
     .w1400 {
          width: 92vw
     }
}

.ver>* {
     display: inline-block;
     vertical-align: middle
}

.table-cell {
     display: table;
     width: 100%
}

.table-cell>* {
     display: table-cell;
     vertical-align: middle
}

.row-pv0 {
     margin-left: 0;
     margin-right: 0
}

.row-pv0>* {
     padding-left: 0;
     padding-right: 0
}

.mv0 {
     margin-left: 0!important;
     margin-right: 0!important
}

.pv0 {
     padding-left: 0!important;
     padding-right: 0!important
}

.pt0 {
     padding-top: 0px !important
}

.pb0 {
     padding-bottom: 0px !important
}

.mb0 {
     margin-bottom: 0 !important
}

.mt0 {
     margin-top: 0!important
}

.bggray {
     background: #f4f4f7
}

.bgf {
     background:#f9f9f9;
}

.c {
     color: #349f72
}

.bgc {
     background-color: #349f72
}

.cf {
     color: #fff
}

.c-purple {
     color: #6e6178
}

.bg-purple {
     background: #6e6178
}

.hv:hover {
     color: #349f72
}

.hvf:hover {
     color: #fff
}

.hvbg0:hover {
     background: #000;
     color: #fff
}

.bghover {
     transition: .6s
}

.bghover:Hover {
     background-color: #349f72;
     color: #fff
}

.l {
     border: 1px solid #dedede
}

.lb {
     border-bottom: 1px solid #dedede
}

.lt {
     border-top: 1px solid #dedede
}

.coverbox {
     position: relative;
     display: block;
     overflow: hidden
}

.coverbox .coverimg {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     z-index: 1;
     transition: transform .6s ease 0s
}

.coverbox .coverimg.cover {
     background-size: cover
}

.coverbox ._bg {
     width: 100%;
     visibility: hidden;
     display: block
}

@media (min-width:993px) {
     .coverbox.scale:hover .cover-tip {
          opacity: 1;
          filter: alpha(opacity=1)
     }

     .coverbox.scale:hover .coverimg {
          transform: scale(1.05, 1.05)
     }

     .coverbox.scale:hover .icon-bofang1 {
          font-size: .6rem
     }
}

.cover-tip {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     filter: alpha(opacity=0);
     transition: all .4s ease 0s;
     z-index: 55
}

.cover-tip .bgbox {
     display: block;
     width: 100%;
     height: 100%;
     background-color: #000;
     opacity: .6;
     filter: alpha(opacity=60)
}

.cover-tip .bgbox.blue {
     background-color: rgba(0,161,230,0.8)
}

.cover-tip .stit {
     font-size: 16px;
     line-height: 30px;
     width: 100%;
     text-align: center;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -15px;
     color: #fff
}

.cover-tip .stit {
     font-size: 16px;
     line-height: 30px;
     width: 100%;
     text-align: center;
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -15px;
     color: #fff
}

.cover-tip .line {
     display: inline-block;
     width: 100px;
     height: 1px;
     background-color: #f2f2f2;
     position: absolute;
     left: 50%;
     margin-left: -50px;
     transition: all .6s ease 0s
}

.cover-tip .linet {
     top: 0
}

.cover-tip .lineb {
     bottom: 0
}

.cover-tip:hover .line {
     width: 6px;
     margin-left: -3px;
     opacity: .6;
     filter: alpha(opacity=60)
}

.sybold,.fbold {
     font-family: sybold
}

.dinpro {
     font-family: dinpro
}

.iconfont {
     font-size: inherit
}

.cover-box ._bg {
     width: 100%;
     border: 1px #ccc solid;
     background: #fff
}

.vicon {
     overflow: hidden
}

.vicon .ic {
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center;
     display: block
}

.vicon_cf {
     margin-left: -200px;
     filter: drop-shadow(200px 0 0 #fff)
}

.w1440 {
     width: 88vw;
     max-width: 1440px;
     margin-left: auto;
     margin-right: auto
}

@media (max-width:639px) {
     .w1440 {
          width: 92vw
     }
}

@media (min-width:1680px) {
     .w1440 {
          max-width: 1440px
     }
}

.fadeIntop {
     opacity: 0;
     filter: alpha(opacity=0);
     transform: translateY(30px)
}

.fadeIntop.show {
     opacity: 1;
     filter: alpha(opacity=100);
     transform: translateY(0);
     transition: all .3s ease 0s
}

.pt0 {
     padding-top: 0 !important
}

.c {
     color: #349f72
}

.swiper-pagination-bullet-active {
     background-color: #349f72 !important
}

.cItem:not(.active) {
     display: none
}

.medium {
     font-family: medium
}

.bsBox {
     box-sizing: content-box
}

.bsBox>* {
     box-sizing: content-box
}

.pagination {
     text-align: center;
     display: block;
     clear: both;
}

.pagination a {
     margin: 0 2px
}

@media (max-width:480px) {
     .pagination a {
          margin: 0 2px
     }

     .pagination a>* {
          padding: 5px 12px !important
     }
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
     color: #fff;
     background-color: #349f72
}

.pagination a,.pagination a>span {
     float: none;
     display: inline-block;
     cursor: pointer;
     color: #000;
     border-radius: 0 !important;
     padding: 6px 12px;
     border: 1px solid #dddddd
}

.pagination>a:hover,.pagination>a>span:hover,.pagination>a:focus,.pagination>a>span:focus {
     z-index: 2;
     color: #fff;
     background-color: #349f72
}

.pagination .active>a,.pagination .active>span,.pagination .active>a:hover,.pagination .active>span:hover,.pagination .active>a:focus,.pagination .active>span:focus {
     color: #fff;
     background-color: #349f72
}

.pagination li>a,.pagination li>span {
     float: none;
     display: inline-block;
     cursor: pointer;
     color: #333;
     padding: 6px 12px
}

.pagination>a:hover,.pagination>a>span:hover,.pagination>a:focus,.pagination>a>span:focus {
     z-index: 2;
     color: #fff;
     background-color: #349f72
}

#totop {
     width: 50px;
     height: 50px;
     background: url('../images/top.png') no-repeat center center;
     background-color: #a8a8a8;
     background-color: rgba(0,0,0,0.3);
     position: fixed;
     right: 50px;
     bottom: 50px;
     z-index: 5555;
     cursor: pointer;
     border-radius: 50%;
     transition: .6s;
     opacity: 0;
     transform: translateY(20px)
}

@media (max-width:640px) {
     #totop {
          right: 10px;
          bottom: 10px;
          width: 40px;
          height: 40px;
          background-size: 20px
     }
}

@media (min-width:768px) {
     #totop:hover {
          background-color: #349f72
     }
}

#totop.show {
     transform: translateY(0);
     opacity: 1
}

header {
     position: fixed !important;
     left: 0;
     right: 0;
     top: 0;
     z-index: 99;
     position: relative;
     background: #fff;

}

header.active,header.bgf {
     /*background:url(../images/bgs.png) repeat center #fff; !important*/
}


header.active .header_nac,header.bgf .header_nac {
     color: #333 !important
}

header.active .header_nac::after,header.bgf .header_nac::after {
     background-color: #349f72
}

header.active .nav_li:hover .header_nac::after,header.bgf .nav_li:hover .header_nac::after,header.active .nav_li.active .header_nac::after,header.bgf .nav_li.active .header_nac::after {
     background-color: #349f72;
     color: #349f72;
}

@media (min-width:1200px) {
     header:hover {
          background: #fff
     }
}

header .arr {
     font-size: 13px !important
}

header .logo {
     flex: 1;
     height: 100%;
     background-size: contain;
     display: block;
     transition: .6s
}

header.transparent:not(.bgf) {
     background: transparent
}

header.transparent:not(.bgf) .header_nac {
     color: #fff
}

.head_wrap {
     padding: 0 60px;
     position: relative;
     transition: .6s;
     display: flex;
     align-items: center;
     height: 100px;
     border-bottom: 1px #ffffff21 solid;
}

@media (max-width:992px) {
     .head_wrap {
          width: 88vw;
          max-width: 1440px;
          margin-left: auto;
          margin-right: auto;
          padding: 0;
          height: 80px
     }
}

@media (max-width:992px) and (max-width:639px) {
     .head_wrap {
          width: 92vw
     }
}

@media (max-width:768px) {
     .head_wrap {
          height: 60px
     }
}

.head_wrap .nav_li {
     overflow: hidden;
     position: relative
}

.head_wrap .nav_li .header_nac {
     position: relative
}

.head_wrap .nav_li .header_nac::after {
     content: '';
     display: block;
     width: 20px;
     height: 2px;
     background: #fff;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     z-index: 5;
     bottom: 20px;
     width: 0;
     transition: .6s
}

.head_wrap .nav_li.active .header_nac::after,.head_wrap .nav_li:hover .header_nac::after {
     width: 20px
}

.head_wrap .nav_li:hover {
     overflow: visible
}

.head_wrap .nav_li:hover .drop {
     opacity: 1
}

.header_nav {
     transition: .6s;
     font-size: 16px;
     overflow: hidden;
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center
}

.header_nav:hover {
     overflow: visible
}

.header_nav .header_inner {
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center
}

@media (min-width:1200px) {
     .header_nav .header_inner {
          margin-right: .5rem
     }
}

@media (min-width:1361px) {
     .header_nav .header_inner {
          position: relative
     }
}

.header_nav .nav_li {
     font-size: 18px
}

@media (max-width:1280px) {
     .header_nav .nav_li {
          font-size: 17px
     }
}

.header_nav .nav_li {
     margin-left: .35rem;
     
}
.head_wrap .nav_li a:hover{color:#349f72;}

@media (max-width:1360px) {
     .header_nav .nav_li {
          margin-left: .5rem
     }
}

.header_nav .nav_li:hover .pc-menu-drop,.header_nav .nav_li.open .pc-menu-drop {
     opacity: 1;
     height: auto;
     top: 80px;
     z-index: 55;
     display: block
}

.header_nav .header_nac {
     height: 99px;
     line-height: 44px;
     padding: 20px 0;
     display: block;
     position: relative
}

.header_nav .drop {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: 100%;
     transition: .6s;
     opacity: 0;
     background: #fff;
     white-space: nowrap;
     z-index: 55;
     font-size: 16px;
     padding: 20px 0;
     text-align: left;
     min-width: 1rem;
     box-shadow: 0 5px 10px rgba(0,0,0,0.14);
     border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.header_nav .drop a {
     overflow: hidden;
     display: block;
     line-height: 36px;
     padding: 0 20px;
     color: #666;
     white-space: nowrap;
     text-align: center
}

.header_nav .drop a:hover {
     color: #349f72
}

header.bgf .header_nac,header:hover .header_nac {
     color: #666
}

.header_links {
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center;
     font-size: 16px
}

@media (max-width:639px) {
     .header_links {
          display: none
     }
}

.header_links .iconfont {
     margin-right: 2px
}

.header_links a {
     display: block;
     padding: 0 12px;
     position: relative;
     transition: .6s
}

.header_links a>* {
     display: inline-block;
     vertical-align: middle
}

.header_links a em {
     padding: 0 2px
}

.header_links a:last-child {
     padding-right: 0
}

.header_links a:hover {
     color: #349f72
}

.header_links a+a::before {
     content: '';
     display: block;
     width: 1px;
     height: 18px;
     border-left: 1px dotted #999999;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 5;
     left: 0
}

.header_btn {
     font-size: 18px;
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center;
     -webkit-box-pack: center;
     box-pack: center;
     -webkit-justify-content: center;
     justify-content: center
}

.header_btn .offer {
     margin-right: 34px;
     color: #fff
}

.header_btn .offer:hover {
     color: #349f72
}

.header_btn .contact {
     background-color: #349f72;
     color: #fff;
     width: 92px;
     height: 40px;
     line-height: 40px;
     text-align: center
}

.header_btn .contact .ac {
     color: #fff
}

@media (max-width:992px) {
     .header_btn .contact {
          height: 34px;
          width: 72px
     }

     .header_btn .contact span {
          height: 34px;
          line-height: 34px
     }
}

.m-menus {
     width: 100%;
     max-width: 640px;
     height: 100vh;
     position: fixed;
     top: 100px;
     right: -100%;
     background: #fff;
     overflow: hidden;
     line-height: 32px;
     font-size: 15px;
     z-index: -999;
     padding-top: 2%;
     border-top: 1px solid #dedede
}

@media (min-width:1200px) {
     .m-menus {
          display: none
     }
}

@media (max-width:992px) {
     .m-menus {
          top: 80px
     }
}

@media (max-width:768px) {
     .m-menus {
          top: 60px
     }
}

.m-menus .inner {
     height: calc((100vh - 85px));
     padding: 10px 30px 40px;
     overflow-x: hidden;
     overflow-y: auto
}

@media (max-width:768px) {
     .m-menus {
          top: 60px
     }

     .m-menus .inner {
          height: calc((100vh - 60px))
     }
}

.m-menus a {
     display: block;
     color: #000
}

.m-menus.active {
     z-index: 999;
     transition: .6s;
     right: 0
}

.m-menus .item {
     cursor: pointer;
     transition: .3s;
     position: relative;
     text-align: center;
     border-bottom: 1px solid #dedede;
     text-align: left
}

.m-menus .item .tit {
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center
}

.m-menus .item>a,.m-menus .tit {
     display: block;
     line-height: 46px;
     position: relative;
     font-size: 16px
}

.m-menus .tit {
     position: relative
}

.m-menus .tit a {
     display: inline-block;
     min-width: 50vw
}

.m-menus .tit .iconfont {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     color: inherit;
     padding: 0 10px;
     color: #000;
     font-size: 17px
}

.m-menus .xs-menu {
     display: none;
     text-align: left
}

.m-menus .xs-menu dd {
     line-height: 30px;
     font-size: 14px
}

.m-menus .active .tit,.m-menus .open .tit {
     color: #349f72
}

.m-menus .active .tit a,.m-menus .open .tit a {
     color: #349f72
}

.m-menus .active .iconfont::before,.m-menus .open .iconfont::before {
     content: "\e627"
}

.m-menus .active .xs-menu,.m-menus .open .xs-menu {
     padding: 0px 0 30px;
     border-top: 1px solid rgba(255,255,255,0.14)
}

.m-menus .head_links_box {
     background: #fff;
     margin-top: 1rem;
     padding: .1rem .3rem
}

.m-menus .head_links {
     display: flex!important;
     justify-content: center
}

.m-menus .head_links a {
     padding: 0 .2rem !important;
     display: block;
     flex: 1
}

.m-menus .head_links i {
     margin: 0 auto
}

.menu_btn_box {
     margin-left: 20px
}

.menu_btn {
     width: 50px;
     height: 50px;
     z-index: 101;
     cursor: pointer;
     transform-origin: center center;
     position: relative;
     display: block;
     top: -5px;
     left: 10px
}

.menu_btn i {
     position: absolute;
     width: 26px;
     height: 2px;
     background: #000;
     left: 12px;
     display: block;
     transition: all .4s ease-in-out
}

.menu_btn i:nth-of-type(1) {
     top: 20px
}

.menu_btn i:nth-of-type(2) {
     top: 30px
}

.menu_btn i:nth-of-type(3) {
     top: 40px
}

.menu_btn.active i:nth-of-type(1) {
     transform: rotate(225deg) translate(-7px, -7px)
}

.menu_btn.active i:nth-of-type(3) {
     opacity: 0
}

.menu_btn.active i:nth-of-type(2) {
     transform: rotate(-225deg) translate(0, 0)
}

.transparent:not(.active):not(.bgf) .menu_btn i {
     background: #fff
}

.bggray {
     background: #f4f4f7
}


footer {
  background-color: #202121;
  color: #fff;
  border-top: 4px solid #1d5ce1
}

footer .wrap {
  position: relative;
  max-width: 1740px
}
footer .ft-logo{width:20%;}

footer .ft-logo .logo {display: block;position: relative;text-align: center;margin: 0 auto;}
footer .ft-logo .code{margin-top:.3rem;width: 100%;}
footer .ft-logo .code ul{width:100%;display:block;overflow: hidden;}
footer .ft-logo .code img{max-width: 120px;display: block;margin: 0 auto;}
footer .ft-logo .code ul li{float:left;margin-right:3%;width: 47%;}
footer .ft-logo p{text-align:center;color: #999;font-size: 14px;padding: 5px 0px;}
footer a {
  color: #999
}

footer a:hover {
  color: #fff
}

footer .content {
  font-size: 16px;
  border-bottom: 1px solid rgba(255,255,255,0.1)
}
footer .ft-tel .info{margin-top:.2rem;}
footer .ft-tel .icon {
  color: #999;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
}
footer .ft-tel .icon:hover {
  opacity: 0.6;
}
footer .ft-tel .icon-douyin {
  background-image: url('../images/ico_douyin.png');
}
footer .ft-tel .icon-weibo {
  background-image: url('../images/ico_weibo.png');
}
footer .ft-tel .icon-xiaohongshu {
  background-image: url('../images/ico_xiaohongshu.png');
}

.foot-wx {
  position: relative;
}
.foot-wx:hover {
  opacity: 1!important;
}
.foot-wx:hover .codes {
  display: block;
}
.foot-wx .codes {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  top: -160px;
  width: 150px;
  height: 150px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none;
  max-width: none;
  max-height: none;
  border: 5px solid #fff;
  z-index: 555;
}
.foot-wx .codes img {
  width: 100%;
}
.foot-wx .codes::after {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  border-top-color: #fff;
  z-index: 55;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  bottom: -22px;
}

@media (min-width:992px) {
  footer .content {
    padding: .75rem 0 1rem;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
  }
}

footer .ft-tel {
  max-width: 350px;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1
}

footer .ft-tel h4 {
  font-size: 16px;
  margin-bottom: 20px
}

footer .ft-tel h2{
  font-size: 30px;
  font-family: medium;
  color: #fff;
  line-height: 30px;
  display: block;
  margin-bottom: 26px
}
footer .ft-tel .tel{margin-top:.2rem;color: #349f72;}
footer .ft-tel .tel i{margin-right:5px;}
footer .ft-tel p {
  color: #666;
  line-height: 1.8
}

@media (max-width:992px) {
     footer .ft-logo{width:100%;}
  footer .ft-tel {
    text-align: center;
    max-width: none;
    padding-bottom: .5rem
  }

  footer .ft-tel .code {
    margin-top: 10px
  }
}

@media (max-width:640px) {
  footer .ft-tel {
    font-size: 14px
  }
}

footer .bottom {
  padding: .24rem 0 .3rem;
  font-size: 14px;
  color: #999;
  line-height: 1.7
}

footer .bottom a {
  color: #999;
}

footer .bottom a:hover {
  color: #fff
}

@media (min-width:768px) {
  footer .bottom {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
  }
}

.ft-navs {
  padding: 0 .5rem
}

@media (min-width:1200px) {
  .ft-navs {
    max-width: 790px
  }
}

@media (min-width:992px) {
  .ft-navs {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width:70%
  }
}

.ft-navs .navitem h4 {
  position: relative;
  margin-bottom: 16px
}

.ft-navs .navitem .icon-jia {
  float: right;
  transition: .3s;
  display: none;
  margin-right: 10px
}

.ft-navs .navitem .info {
  line-height: 37px
}

.ft-navs .navitem .info a {
  color: #999;
  display: block
}

.ft-navs .navitem .info a:hover {
  color: #fff
}

@media (max-width:991px) {
  .ft-navs {
    margin-bottom: .5rem
  }

  .ft-navs .navitem {
    float: none;
    width: 100%
  }

  .ft-navs .navitem .icon-jia {
    display: block
  }

  .ft-navs .navitem h4 {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.14);
    height: 46px;
    line-height: 46px;
    margin: 0
  }

  .ft-navs .navitem .info {
    display: none;
    font-size: 15px;
    padding: 10px 30px;
    line-height: 2
  }

  .ft-navs .navitem.active h4 {
    font-weight: bold
  }

  .ft-navs .navitem.active .iconfont {
    transform: rotate(135deg)
  }
}

@media (max-width:1199px) {
  .ft-navs {
    padding: 0
  }

  .ft-navs .navitem h4 {
    font-weight: normal
  }
}

@media (max-width:768px) {
  .ft-navs .navitem h4 {
    font-size: 16px
  }
}
.index_banner {
     position: relative;
     overflow: hidden;
     height:8.9rem;
}

.index_banner .swiper-pagination {
     bottom: .2rem
}

.index_banner li {
     position: relative
}

.index_banner li .link {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 66;
     background: url(../images/hdcover.png) repeat-x center top
}

.index_banner video {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 555
}

.index_banner .bg {
     display: block;
     height: 100%;
     /*transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;*/
     /*transform: scale(1.1);*/
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     width: 100%
}

.index_banner .bg img {
     visibility: hidden
}

.index_banner .content {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 5;
     top: 45%;
     width: 92vw;
     padding-top: .5rem;
     max-width: 1640px;
     color: #fff;
     text-align: center;
}



.index_banner .content h3 {
     font-size: .75rem;
     font-weight: bold;
     margin: 24px 0 10px;
     text-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.index_banner .content .desc {
     font-size: 18px;
}

@media (max-width:768px) {
     .index_banner .content .desc {
          font-size: 16px
     }

     .index_banner .content h3 {
          font-size: .5rem
     }
}

@media (max-width:480px) {
     .index_banner .content {
          padding-top: .7rem
     }

     .index_banner .content h3 {
          margin: 10px 0 7px
     }

     .index_banner .content .desc {
          font-size: 14px
     }
}

.index_banner video {
     width: 100%;
     height: 100%;
     object-fit: cover
}

.index_banner .swiper_pnext {
     width: 60px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     background: rgba(255,255,255,0.3);
     opacity: 0;
     transition: .6s;
     z-index: 5555
}

.index_banner .swiper_pnext::after {
     font-size: 20px;
     color: #349f72
}

.index_banner .swiper_pnext:hover {
     background-color: #349f72
}

.index_banner .swiper_pnext:hover::after {
     color: #fff
}

.index_banner .swiper-button-prev {
     left: 0
}

.index_banner .swiper-button-next {
     right: 0
}

.index_banner:hover .swiper-button-prev {
     opacity: 1
}

.index_banner:hover .swiper-button-next {
     opacity: 1
}

.index_banner .swiper-pagination-bullet {
     background: none;
     opacity: 1;
     width: .4rem;
     height: .4rem;
     margin: 0 .07rem !important;
     position: relative;
     transition: .6s
}

.index_banner .swiper-pagination-bullet::before {
     content: '';
     display: block;
     border: 1px solid transparent;
     width: 6px;
     height: 6px;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 5;
     border-radius: 50%;
     transition: .6s
}

.index_banner .swiper-pagination-bullet::after {
     content: '';
     display: block;
     width: 6px;
     height: 6px;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 5
}

.index_banner .swiper-pagination-bullet-active {
     background: none!important
}

.index_banner .swiper-pagination-bullet-active::before {
     border-color: #fff;
     content: '';
     display: block;
     position: absolute;
     width: .2rem;
     height: .2rem
}

.index_banner .swiper-slide-active .bg {
     transform: scale(1)
}

@media (max-width:480px) {
     .index_banner .swiper-pagination {
          bottom: 6%
     }
}

.index-banner {
     text-align: center
}

@media (max-width:1200px){.index_banner{height: 6.13rem;}}
@media (max-width:992px){.index_banner{height: 5rem;}}
@media (max-width:768px){.index_banner{height: 3.9rem;}}
@media (max-width:480px){.index_banner{height: 5.1rem;padding-top: 1.2rem;background: #349f72;}}
@media (max-width:1680px) {
     .index-banner img {
          max-width: 110vw;
          width: 110vw;
          position: relative;
          margin-left: -5vw
     }
}

.fs24 {
     font-size: .24rem
}

@media (max-width:992px) {
     .fs24 {
          font-size: 20px
     }
}

@media (max-width:640px) {
     .fs24 {
          font-size: 19px
     }
}

.fs36 {
     font-size: .36rem
}

@media (max-width:768px) {
     .fs36 {
          font-size: 22px
     }
}

@media (max-width:480px) {
     .fs36 {
          font-size: 20px
     }
}

.index_menu {
    background-color:#ffffff;
    padding: .56rem 0 0
}

.index_menu .vhd {
    text-align: center
}
.index_menu .vhd .vtit {
    font-size: .44rem;
    font-weight: bold;
    line-height: 1;
}
.index_menu .vhd .desc {
    font-size: 18px;
    margin-top: 14px;
}

@media (min-width:38px) {
    .index_menu .bd {
        display: flex
    }

    .index_menu .item:first-child {
        width: 42%
    }

    .index_menu .item:nth-child(2) {
        width: 29%
    }

    .index_menu .item:nth-child(3) {
        flex: 1
    }
}

@media (min-width:38px) and (max-width:767px) {
    .index_menu .bd {
        flex-wrap: wrap
    }
}

@media (min-width:38px) and (max-width:767px) {
    .index_menu .item:first-child {
        width: 100%
    }

    .index_menu .item:nth-child(2) {
        width: 50%
    }

    .index_menu .item:nth-child(3) {
        width: 50%
    }
}

.index_menu .item {
    padding: 1.4rem .4rem .36rem;
    max-height: 255px;
    display: block;
    position: relative;
    overflow: hidden
}

@media (max-width:480px) {
    .index_menu .item {
        padding: .8rem 0 .4rem .3rem
    }
}

.index_menu .item .bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .6s
}

.index_menu .item .inner {
    position: relative;
    z-index: 5;
    transition: .6s
}

.index_menu .item h3 {
    font-size: .24rem;
    margin-bottom: 4px
}

@media (max-width:992px) {
    .index_menu .item h3 {
        font-size: 20px
    }
}

@media (max-width:640px) {
    .index_menu .item h3 {
        font-size: 19px
    }
}

.index_menu .item .txt {
    font-size: 16px;
    color: #666
}

@media (max-width:992px) {
    .index_menu .item .txt {
        font-size: 14px
    }
}

.index_menu .item:hover::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(253,208,0,0.2);
    left: 0;
    top: 0;
    z-index: 2
}

.index_menu .item:hover .bg {
    transform: scale(1.1)
}

.index_menu .item:hover .inner {
    transform: translateY(-10px)
}

.index_menu .item:nth-child(2):hover::after {
    background-color: rgba(252,128,140,0.1)
}



.bugspot_box {
     padding: 1.2rem 0 1.6rem;
     background: url(../images/bg3.jpg) no-repeat center #349f72;
     text-align: center;
     background-size: cover;
     color: #fff
}

.bugspot_box .wrap {
     position: relative;
     z-index: 55
}

.bugspot_box h4 {
     font-size: .48rem;
     line-height: 1.3;
     font-weight: bold
}

.bugspot_box .desc {
     margin: 16px 0 30px
}

.vbox {
     padding: 1rem 0
}

.vbtn {
     height: 48px;
     line-height: 48px;
     display: inline-block;
     padding: 0 40px;
     font-size: 16px;
     letter-spacing: .5px;
     position: relative;
     border-radius:5px;
     border: 1px solid #349f72;
     overflow: hidden;
     color: #fff;
     background: #349f72;
     transition: .6s
}

.vbtn em {
     position: relative;
     z-index: 55
}

.vbtn:hover {
     background-color: #349f72;
     color: #fff
}

.vbtn.fill {
     background-color: #349f72;
     color: #fff
}

.vbtn.fill:hover {
     background: #000;
     border-color: #000
}

@media (max-width:1200px) {
     .vbtn {
          height: 44px;
          line-height: 44px;
          padding: 0 30px
     }
}

@media (max-width:640px) {
     .vbtn {
          height: 40px;
          line-height: 40px;
          padding: 0 26px
     }
}

.fs40 {
     font-size: .4rem
}

@media (max-width:992px) {
     .fs40 {
          font-size: 26px
     }
}

@media (max-width:640px) {
     .fs40 {
          font-size: 22px
     }
}

.hd1 {
     font-size: .4rem;
     min-width: 220px;
     text-align: left;
     line-height: 1.2
}

.hd1._f {
     background-image: url("../images/logo3.png")
}

@media (max-width:992px) {
     .hd1 {
          font-size: 26px
     }
}

@media (max-width:640px) {
     .hd1 {
          line-height: 1.4;
          font-size: 24px;
          padding-top: .46rem
     }
}

.hd1._center {
     text-align: center;
     background-position: center 0
}

.bdrs {
     border-radius: 0 20px 0 20px;
     overflow: hidden
}

.bdrs2 {
     border-radius: 20px 0 20px 0;
     overflow: hidden
}

.more2 {
     background-color: #349f72;
     border-radius: 20px 0 20px 0;
     overflow: hidden;
     color: #fff;
     text-align: center;
     display: inline-block;
     padding: 0 20px;
     height: 50px;
     line-height: 50px;
     font-size: 16px
}

.more2 span {
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center;
     -webkit-box-pack: center;
     box-pack: center;
     -webkit-justify-content: center;
     justify-content: center
}

.more2 .icon {
     position: relative;
     border-radius: 50%;
     margin-right: 12px;
     display: block;
     width: 34px;
     height: 34px;
     border: 1px solid #fff
}

.more2 .icon::before {
     background: #fff;
     width: 8px;
     height: 8px;
     content: '';
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translateX(-50%) translateY(-50%);
     z-index: 5;
     border-radius: 50%
}

.more2 em {
     color: #fff
}

.more2:hover {
     background: #6e6178
}



.banner_box {
     position: relative;
     max-height: calc((100vh - 100px));
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center
}

@media (min-width:1920px) {
     .banner_box {
          height: 8.5rem
     }
}

.banner_box .wrap {
     display: flex;
     align-items: center
}

.banner_box .content {
     padding: 1.88rem 0 2.9rem;
     width: 50%;
     max-width: 580px
}

.banner_box .content h2 {
     font-size: .6rem;
     color: #349f72;
     line-height: 1.1;
     text-transform: uppercase;
     font-weight: bold
}

.banner_box .content .desc {
     font-size: .24rem;
     color: #666;
     line-height: 1.25;
     margin: 16px 0 40px
}

@media (max-width:992px) {
     .banner_box .content .desc {
          font-size: 20px
     }
}

@media (max-width:640px) {
     .banner_box .content .desc {
          font-size: 19px
     }
}

@media (max-width:768px) {
     .banner_box .content {
          padding: 2rem 0;
          width: 100%
     }

     .banner_box .content .desc {
          line-height: 1.4
     }
}

@media (max-width:480px) {
     .banner_box .content {
          padding: 1.2rem 0
     }

     .banner_box .content .desc {
          font-size: 16px
     }
}

.BMap_cpyCtrl,.anchorBL {
     display: none
}

#map label,#map img {
     max-width: none;
     max-height: none
}

.ibox0 {
     background: url('../images/bg3.jpg') no-repeat center center;
     background-size: cover;
     padding: 1rem 0 .3rem
}

.ibox0 .hd {
     margin-bottom: .5rem
}

@media (min-width:640px) {
     .ibox0 .hd {
          display: -webkit-flex;
          display: flex;
          display: -webkit-box;
          display: box;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-align: center;
          box-align: center;
          -webkit-box-pack: justify;
          box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between
     }
}

.ibox0 .hd .desc {
     font-size: 16px;
     line-height: 1.76;
     color: #666
}

@media (max-width:639px) {
     .ibox0 .hd .desc {
          margin-top: .2rem;
          font-size: 15px
     }
}

.ibox0 .row {
     margin-left: -0.38rem !important;
     margin-right: -0.38rem !important
}

.ibox0 .row>* {
     padding-left: .38rem !important;
     padding-right: .38rem !important;
     margin-bottom: .76rem
}

@media (max-width:991px) {
     .ibox0 .row {
          margin-left: -0.2rem !important;
          margin-right: -0.2rem !important;
          padding-bottom: .3rem
     }

     .ibox0 .row>* {
          padding-left: .2rem !important;
          padding-right: .2rem !important;
          margin-bottom: .4rem
     }
}

.ibox0 .inner .img {
     border-radius: 0 20px 0 20px;
     overflow: hidden
}

.ibox0 .inner .info {
     position: relative;
     margin-top: -1rem;
     z-index: 55;
     background-color: rgba(255,255,255,0.95);
     margin-right: .4rem;
     border-radius: 0 20px 0 20px;
     overflow: hidden;
     transition: .6s;
     padding: .16rem .38rem .16rem;
}

.ibox0 .inner .info .tit {
     font-size: .3rem;
     display: block;
     margin-bottom: .16rem
}

.ibox0 .inner .info .desc {
     font-size: 14px;
     line-height: 28px;
     color: #666;
     height: 90px
}

@media (min-width:768px) {
     .ibox0 .inner .info .desc {
          word-break: break-all;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
          -webkit-line-clamp: 3
     }
}

@media (max-width:991px) {
     .ibox0 .inner .info .tit {
          font-size: 20px
     }

     .ibox0 .inner .info .desc {
          font-size: 14px;
          line-height: 26px;
          height: 78px
     }
}

@media (max-width:767px) {
     .ibox0 .inner .info .desc {
          height: auto
     }
}

@media (max-width:480px) {
     .ibox0 .inner .info .tit {
          font-size: 18px
     }
}

.ibox0 .inner:hover .img .coverimg {
     transform: scale(1.05, 1.05)
}

.ibox0 .inner:hover .info {
     background-color: #349f72
}

.ibox0 .inner:hover .info * {
     color: #fff
}


.lynav {
    padding: .3rem 0 .2rem;
    border-bottom: 4px solid #f7f7f7;
    background: #f9f9f9;
    clear: both;
}

.lynav .inner {
    width: 88%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

.lynav .row {
    margin-top: .2rem;
    margin-left: -0.12rem;
    margin-right: -0.12rem
}

.lynav .row>* {
    padding-left: .12rem;
    padding-right: .12rem
}

.lynav li {
    margin-bottom: .24rem
}

.lynav li a {
    display: block;
    min-height: .4rem;
    border: 1px solid #dedede;
    text-align: center;
    position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-pack: center;
    box-pack: center;
    transition: .5s;
    border-radius: 8px;
    border: none;
    background-image: linear-gradient(to right, #349f72, #44bff9);
}

.lynav li b {
    font-size: 24px;
    color: #fff;
}
@media (min-width:992px) {
    .lynav li a {
        background-size: auto 120%;
        padding:.1rem .2rem .1rem;
       
       background-image:linear-gradient(to right, #349f72, #c0d557);
    }
}

/*.lynav li a::after {*/
/*    content: '';*/
/*    display: block;*/
/*    width: .6rem;*/
/*    height: .01rem;*/
/*    background: #ffffff;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    z-index: 5;*/
/*    bottom: .45rem*/
/*}*/


.lynav li p {
    font-size: 16px;
    color: #fff;
    padding: .05rem;
    text-transform: uppercase;
}





.lynav li .ic {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 38px;
    height: 38px;
    display: block;
    margin: .1rem auto .1rem;
    line-height: 1.76
}

.lynav li .ic.ic1 {
    background-image: url('../images/lynav_1.png')
}

.lynav li .ic.ic2 {
    background-image: url('../images/lynav_2.png')
}

.lynav li .ic.ic3 {
    background-image: url('../images/lynav_3.png')
}

.lynav li .ic.ic4 {
    background-image: url('../images/lynav_4.png')
}

.lynav li a:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3)
}

.lynav li a:hover::after {
    width: 43px;
    height: 12px;
    background-image: url('../images/arr2.png')
}

.lynav li a:hover b,
.lynav li a:hover p {
    color: #fff
}
@media (max-width:992px) {
    .lynav li p {
        padding-bottom: .6rem;
            overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    }
    .lynav .inner{width: 92vw;}
}
@media (max-width:768px) {
    .lynav li a::after {
        bottom: .4rem
    }
    .lynav li .ic{margin-top:.38rem;}
    .lynav li p{ padding-bottom: .38rem;}
    .lynav li {
    width: 33.1%;
    float: left;}
    .lynav li p {
        font-size: 13px;
            overflow: hidden;
    white-space: inherit;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    }
}


@media (max-width:768px) {
    .lynav li b {
        font-size: 20px
    }
}


.conduct{background-image: linear-gradient(to right, #d7086e, #640f7f); height: 148px;margin: 3% auto; border-radius: 80px; }
.cond_left{float: left;padding: 20px 0 0 40px;width: 30%;}
.cond_time{display: block;font-size: 16px;height: 36px;line-height: 46px;color:rgba(255, 255, 255, .75);}
.cond_year{ font-size: 48px; color: #fff; height: 56px; line-height: 56px; }
.cond_center{float: left;padding-top: 44px;text-align: center;width: 35%;}
.cond_cn{ display: block; height:38px; line-height: 38px; font-size: 30px; color: #fff;  }
.cond_en{ display: block; height:24px; line-height: 24px; font-size: 20px; color: #fff;}
.cond_right{ float: right;padding: 0 0 0 40px; box-sizing: border-box; height: 121px; width: 409px; margin:13px 12px 0 0; }
.cont{display: block;font-size: 16px;height:30px;line-height: 30px;color: #fff;}
.cont_ul li{ float: left; padding-right: 16px;margin-right: 16px;}
.cont_num{width: 62px;height: 62px;display: block;text-align:center;font-size: 38px;color: #fff;line-height: 62px;border: 1px #ccc solid;border-radius: 5px;font-style: normal;font-weight: bold;}
.cont_num:before {content: ""; display: block; position:relative; top: 50%; left: 0;width: 100%; height: 1px; background-color: #fff;opacity:.3;}
.cont_ul li:nth-last-child(1){padding: 0; margin: 0; background: none;}
.cont_dat{ text-align: center; color: #fff; display: block; height:26px; line-height: 26px;font-style: normal;  }
@media (max-width: 1200px){
    .cond_left,.cond_center{width:50%;padding: 10px 0px;}
    .cond_right{width:100%;padding: 10px 0px;}
    .cond_right{margin:1% auto 5%;}
    .conduct{height:auto;border-radius: 8px;}
    .cond_time{text-align:center;height: 28px;}
    .cond_cn{font-size: 24px;margin-top: 20px;}
    .cond_en{font-size: 16px;}
    .cont_num{width:auto;}
    .cont{text-align:center;}
    .cond_year{text-align:center;font-size: 36px;}
    .cond_right .cont_ul{width:90%; margin:0 auto; }
    .cont_ul li{padding-right:0px;margin-right: 20px;width:22%;}
}
@media (max-width: 768px){
    .cont_ul li{width:20%;}
     .cond_cn{margin-top: 0;}
     .cond_right{margin:3% auto 5%;}
    .cond_left,.cond_center{width:100%;}
}


.index-brand{margin-top:.86rem}
@media (min-width:992px){.index-brand .inner{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;position:relative}
.index-brand .inner .itag{background:url(../images/PARTNER.png) no-repeat right top;background-size:contain;width:7.8rem;height:1.3rem;right:1.3rem;top:-.2rem;width:30%}
.index-brand .inner .leftbox,.index-brand .inner .rightbox{width:50%}
.index-brand .inner .leftbox{width:41%}
.index-brand .inner .rightbox{min-width:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;padding:0 1.3rem 0 1.2rem}
}
@media (min-width:992px) and (max-width:1360px){.index-brand .inner .rightbox{padding:0 .4rem 0 .5rem}
}
.index-brand .wrap{position:relative;max-width:1740px;padding:1.1rem 0 1.2rem}
.index-brand .wrap::before{content:'';display:block;position:absolute;background:#f9f9f9;left:2.7rem;right:0;top:0;bottom:0;z-index:-1}
.index-brand .wrap .itag{position:absolute;background:url(../images/brand.png) no-repeat right top;background-size:contain;right:.5rem;top:-.24rem;width:5.75rem;height:1.3rem}
@media (max-width:1360px){.index-brand .wrap .itag{width:4rem}
}
@media (max-width:1200px){.index-brand .wrap .itag{top:.2rem}
}
@media (max-width:1200px){.index-brand{background:#f9f9f9;margin-top:0}
.index-brand .ihd{margin-bottom:.3rem;text-align:center}
}
.index-brand .leftbox{position:relative}
.index-brand .leftbox .play{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;z-index:55;cursor:pointer}
.index-brand .leftbox .play i{width:.93rem;height:.93rem;background:url(../images/play.png) no-repeat center center;background-size:contain;display:block}
@media (max-width:640px){.index-brand .leftbox .play i{width:70px;height:70px}
}
.index-brand .txt{font-size:16px;line-height:30px;margin:.4rem 0 .3rem;text-indent: 2em;text-align: justify;}
.index-brand .txt .txt2{font-weight:bold;font-size: 20px;line-height:30px;}
.index-brand .txt .mg{margin:30px 0px;}
.index-brand .countdown{overflow:hidden;width:100%;}
.timeon .djs{width: 90%;background-image:linear-gradient(to right, #d7086e, #640f7f);color:#fff;height: auto;margin: 3% auto;border-radius: 8px;}
.se-info {text-align: center;font-size: 16px;color: #fff;line-height: 40px;padding: 0px 20px;}
.se-count {width:70%;margin: 0 auto; display:block;height:100px;}
.se-count .day{ line-height:60px;float:left;width:5%;font-size:16px;text-align:center;}
.se-count .djstxt{ line-height:60px;float:left;width:10%;font-size:24px;text-align:center;margin-left: 10%;}
.se-cn {

    width: 100%;
    text-align: center;
    font-size: 38px;
    color: #fff;
    padding-top: 30px;
}

.se-en {

    width: 100%;
    text-align: center;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.27);
    margin-bottom: 10px;
}

.se-io {
    width: 20px;
    height: 33px;
    background: url(../images/seckill.png) no-repeat;
    display: block;
    margin: 0 auto;
}

.se-day,
.se-hour,
.se-min,
.se-sec {
    position: relative;
    background-color:#292929;
    width: 12%;
    height: 60px;
    float: left;
    text-align: center;
    line-height: 60px;
    border-radius: 5px;
    margin:0px 5px;
}
.se-txt {
    font-size: 38px;
    font-weight: bold;
    color: #fff;
}
.se-txt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity:.3;
}

@media (max-width:768px){
    .se-count{width:90%;}
    .se-txt{font-size:26px;}
    .se-count .djstxt{font-size:18px;width:15%;margin-left: 0;}
}

.index-brand .showtime{width:50%;float:right;height: 140px;padding: .1rem 0;background: #fff;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.index-brand .showtime .txt3{font-weight: bold;text-align: center;font-size: 24px;margin-bottom: 10px;}
.index-brand .showtime p{line-height:25px; width:100%; text-align:center;display:block;}

.index-brand .add {margin:30px 0px;}
.index-brand .add .icon-dizhi{ float:left;line-height:30px;padding-right:10px;}
.index-brand .add .txt2{font-weight:bold;font-size: 18px;line-height:30px;text-align;center;}
@media (max-width:1360px){.index-brand .txt{margin:.4rem 0 .4rem}
}
@media (max-width:992px){.index-brand .leftbox{margin:0 0 .5rem;text-align:center}
    .index-brand .djs,.index-brand .showtime{width:100%;border-radius:8px;}
}

.index-brand .ihd .en{color:#349f72;text-transform:uppercase;font-size:16px;margin-bottom:3px}
.index-brand .ihd .en2{font-size:.48rem;text-transform:uppercase;font-style:italic}
.index-brand .ihd h2{font-size:.4rem;font-weight:700;overflow: hidden;}
@media (max-width:768px){.index-brand .ihd h2{font-size:24px}
}
.csbg{background:#ffffff;}
.mtbg{background:#f9f9f9;}
.index-partner{padding:.7rem 0 1.1rem;position:relative}
.index-partner .itag{right:0;bottom:0;background:url(../images/partner.png) no-repeat center center;background-size:contain;width:7.79rem;height:1.3rem}
.index-partner .wrap{max-width:1740px}
.index-partner .ihd{text-align:center;margin-bottom:.4rem}
.index-partner ul{margin-bottom:.4rem}
.index-partner li{float:left;width:33.33%;margin-bottom:.2rem;padding:0 .1rem;transition:.6s}
.listlogo li{float:left;width:25%;margin-bottom:.2rem;padding:0 .1rem;transition:.6s;}
.listlogo {margin-top:20px;}
@media (min-width:992px){.index-partner li .img .coverimg{background-size:inherit}
}
@media (min-width:992px){.index-partner li{width:25%}
.index-partner li:hover .cover-box{overflow:visible}
.listlogo li:hover,.index-partner li:hover .coverimg{box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.1);transform:scale(1)}
}
@media (min-width:1200px){.index-partner li{width:16.6%;}
}

.ihd .en {font-size: .28rem;font-family: medium;text-transform: uppercase;font-weight: bold;color: #999;opacity: 0.3;}
.ihd .en2{font-size:.48rem;text-transform:uppercase;font-style:italic}
.ihd h2{font-size:.4rem;font-weight:700}
.ihd h2::after{ content: '';display: block;width: 48px;height: 3px;background: #999;margin: 10px auto;}
@media (max-width:768px){.ihd h2{font-size:24px}
}

/*tongqi*/
.tongqi{background:url(../images/tongqi_bg.jpg) center center no-repeat #349f72}
.tongqi .xxypadding{padding:100px 0}
.tongqi h2{font-size:46px;color:#e6e6e6;line-height:92px;position:relative;text-align:center}
.tongqi h2:after{content:"Concurrent Events";display:block;position:absolute;top:0;width:100%;text-align:center;line-height:46px;opacity:.09}
.tongqi p{text-align:center;font-size:20px;color:#e6e6e6}
.tongqi .overfhid{position:relative}
.tongqi .tongqiswiper{overflow:hidden;padding-top:90px;padding-bottom:68px;position:relative}
.tongqi .overfhid .swiper-button-next,.tongqi .overfhid .swiper-button-prev{color: #fff;outline:0}
.tongqi .overfhid .swiper-button-prev{left:-80px}
.tongqi .overfhid .swiper-button-next{right:-80px}

.tongqi .overfhid .swiper-button-next:hover,.tongqi .overfhid .swiper-button-prev:hover{
     background-color: #349f72;
}
.tongqi .overfhid .swiper-button-next.swiper-button-disabled,.tongqi .overfhid .swiper-button-prev.swiper-button-disabled{opacity:.7}
.tongqi .tongqiswiper .slidebox{display:block;position:relative;color:#fff;border-radius:15px;overflow:hidden;transition:.5s}
.tongqi .tongqiswiper .slidebox img{display:block;width:100%}
.tongqi .tongqiswiper .slidebox:hover{transform:translateY(-34px);padding-bottom:0}
.tongqi .tongqiswiper .slidebox .textbox{position:absolute;bottom:0;left:0;width:100%;padding-top:30px;text-align:center;padding-bottom:20px;background:#06060670}
.tongqi .tongqiswiper .slidebox .textbox:before{content:"";position:absolute;display:block;width:100%;opacity:.5;top:0;height:0;z-index:0;background-color:var(--main-color);transition:.5s}
.tongqi .tongqiswiper .slidebox:hover .textbox:before{content:"";position:absolute;opacity:1;width:100%;top:0;height:100%;background-color:var(--main-color);z-index:0;transition:.5s}
.tongqi .tongqiswiper .slidebox .textbox:after{content:"";display:block;width:1px;height:38px;background-color:#fff;position:absolute;left:50%;top:-23px}
.tongqi .tongqiswiper .slidebox .textbox h3{font-size:24px;line-height:48px;position:relative;z-index:1;    padding: 0px 30px;}
.tongqi .tongqiswiper .slidebox .textbox p{font-size:15px;line-height:30px;color:#fff;position:relative;z-index:1}
.tongqi .tongqiswiper .slidebox .textbox div{font-size:15px;opacity:0;position:relative;z-index:1;transition:.5s;margin-top:25px}
.tongqi .tongqiswiper .slidebox:hover .textbox div{opacity:1;transition:.5s}
@media screen and (max-width:1024px){.tongqi .tongqiswiper{padding-bottom:40px;padding-top:40px}
}
@media screen and (max-width:700px){.homeabout .aboutbox .abouttext .textbox h2,.homeapp .appbox h2,.tongqi h2{font-size:30px}
}


/*huodong*/
.huodong .ihd{text-align:center;margin-bottom:.4rem}

.richeng01{  width:1200px; margin:0 auto; }
.richeng01 li{ float: left; width:100%; margin-bottom:20px; cursor: pointer;}
.richeng01 li .litop{  }
.richeng01 li .litop .tit{box-shadow: 0 0 10px #cccccc; text-align: center; border-radius:10px; height:80px; line-height:80px; width:360px; float: left; background: #070a7b;}
.richeng01 li .litop .time{font-size:24px; color:#ffffff; line-height:80px;  padding-left:40px; display:inline-block; }


.richeng01 li .litop .info{box-shadow: 0 0 10px #cccccc; height:80px;  width:820px; float: right; background: #070a7b; border-radius:10px; padding:0 35px; overflow: hidden;}
.richeng01 li .litop .info .name{ text-align:center; letter-spacing:5px; float: left; font-size:28px; width:700px; color:#ffffff; line-height:80px; }
.richeng01 li .litop .info .btn{ width:50px; height:80px; float: right;background-size:25px 25px;}

.richeng01 li .licontnet{ display: none; background:#ffffff; padding:20px 35px; margin-top:20px; color:#666666; font-size:20px; line-height:1.8; border-radius:10px; box-shadow: 0 0 10px #cccccc;}
.richeng01 li .licontnet b{ color:#333333;}

.richeng01 li.on  .litop .info .name{ font-weight:bold; }

.richeng02{ width:1440px; margin:0 auto 20px auto; }
.richeng02 li{ margin-left:1%; width:19%; height:80px; border-radius:10px; float: left; box-shadow: 0 0 10px #cccccc;}
.richeng02 li.img{ margin-left:0; background: #1f57df; background-image: linear-gradient(to right, #349f72, #44bff9);}
.richeng02 li.img img{ height:100%; display: block; margin:0 auto;}

.richeng02 li.tit{ line-height:30px; text-align: center; font-size:20px; color:#ffffff; padding:10px 0; cursor:pointer; }
.richeng02 li.tit01{background-image: linear-gradient(to right, #349f72, #44bff9);}
.richeng02 li.tit01:hover{ background:#0054ff;}
.richeng02 li.tit02{background-image: linear-gradient(to right, #349f72, #44bff9);}
.richeng02 li.tit02:hover{ background:#7347ff;}
.richeng02 li.tit03{background-image: linear-gradient(to right, #349f72, #44bff9);}
.richeng02 li.tit03:hover{ background:#008cff; }
.richeng02 li.tit04{background-image: linear-gradient(to right, #349f72, #44bff9);}
.richeng02 li.tit04:hover{ background:#00ded1; }


.richeng03{ width:1440px; margin:0 auto 20px auto; position: relative; }
.richeng03 .tit{width: 19%;position: absolute;font-size:20px;color:#ffffff;top:0;left:0;height:100%;background: #1f57df;background-image: linear-gradient(to right, #349f72, #44bff9);text-align: center;border-radius:10px;}
.richeng03 .tit span{ height:30px; position: absolute; width:100%; line-height:30px; left:0; top:50%; margin-top:-15px; }
.richeng03 .ltlist{float: right;width: 80%;}
.richeng03 .ltlist li{ cursor: pointer; margin-top:15px;}
.richeng03 .ltlist li:first-child{ margin-top:0;}
.richeng03 .ltlist .litop{ height:60px; line-height:60px;  border-radius:10px; padding:0 35px; overflow: hidden; }
.richeng03 .ltlist .litop .name{ float: left; font-size:20px; color:#ffffff; width:820px;}
.richeng03 .ltlist .litop .btn{ width:60px; height:60px; float: right;  background-size:25px 25px;}

.richeng03 .ltlist li .licontnet{ display: none; background:#ffffff; padding:20px 35px; margin-top:15px; color:#666666; font-size:20px; line-height:1.8; border-radius:10px; box-shadow: 0 0 10px #cccccc;}
.richeng03 .ltlist li .licontnet b{ color:#333333;}
.richeng03 .ltlist li.on .litop .name{ font-weight:bold; }

.richeng03 .ltlist .litop1{background:#5474b6;}
.richeng03 .ltlist .litop1.on{background:#0054ff;}
.richeng03 .ltlist .litop2{background:#349f72;}
.richeng03 .ltlist .litop2.on{background:#7347ff;}
.richeng03 .ltlist .litop3{background:#77bbf8;}
.richeng03 .ltlist .litop3.on{background:#008cff;}
.richeng03 .ltlist .litop4{background:#59c3bc;}
.richeng03 .ltlist .litop4.on{background:#00ded1;}

@media (max-width:768px) {
  .richeng02,.richeng03,.richeng03,.richeng03 .ltlist{width:100%;}
  .richeng02 li.img{margin-left:1%;display: none;}
  .richeng02 li{height:auto;width: 49%;margin-bottom: 1%;}
  .richeng03 .tit{display:none;}
}

.index_choose {
     padding: .8rem 0 1rem
}

.index_choose .hd1 {
     margin-bottom: .84rem
}

.index_choose ul {
     display: flex;
     justify-content: space-between;
     text-align: center;
     font-size: 18px
}

.index_choose ul .ic1 {
     background: url('../images/ic_b1.png') no-repeat center center;
     background-size: contain
}

.index_choose ul .ic2 {
     background: url('../images/ic_b2.png') no-repeat center center;
     background-size: contain
}

.index_choose ul .ic3 {
     background: url('../images/ic_b3.png') no-repeat center center;
     background-size: contain
}

.index_choose ul .ic4 {
     background: url('../images/ic_b4.png') no-repeat center center;
     background-size: contain
}

.index_choose ul .ic5 {
     background: url('../images/ic_b5.png') no-repeat center center;
     background-size: contain
}

.index_choose ul .ic {
     width: 50px;
     height: 50px;
     display: block;
     margin: 0 auto .24rem;
     background-size: contain
}

@media (max-width:992px) {
     .index_choose ul {
          font-size: 16px
     }
}

@media (max-width:991px) {
     .index_choose ul {
          flex-wrap: wrap;
          justify-content: flex-start
     }

     .index_choose ul li {
          width: 33.33%;
          margin-bottom: .5rem
     }
}

@media (max-width:480px) {
     .index_choose ul {
          font-size: 15px
     }

     .index_choose ul li {
          width: 50%;
          margin-bottom: .7rem
     }
}

@-webkit-keyframes scale2 {
     from {
          transform: scale(1.02)
     }

     to {
          transform: scale(1)
     }
}

/*index_newlist */
.index_newlist{padding:3%;background: url(../images/xyun_bg.jpg) repeat;}
.index_newlist .title{padding: 0 0 16px 0;margin-bottom: 16px;font-size: 24px;line-height: 34px;color: #d1b19a;border-bottom: 1px solid #d1b19a;position: relative;}
.index_newlist .title a{position: absolute;right:0;padding: 0 1.642em;font-size: 14px;color: #d1b19a;transition:0.3s;background: url(../images/more_bg.png) no-repeat;}
.index_newlist .title a:hover{color: #e3e3e3;transition:0.3s;}
.index_newlist .title span{font-size:28px;display:inline-block;position: relative;color: #d1b19a;}
.index_newlist .title span:before{display: inline-block;content: '';width: 100%;height: 3px;background: #863c3d;position: absolute;left:0;bottom: -18px;}


@media(max-width:480px){
.index_newlist .title{font-size: 6vw;}
.index_newlist .title a{font-size: 3.5vw;}
}

@media(min-width:1025px){
.index_newlist .box{width: 49%;}
}
@media(max-width:1024px){
.index_newlist{margin: 0 0 5vw 0;}
.index_newlist .box{padding-top: 6vw;}
}



.index_newlist .box ol{padding-top: 18px;padding-bottom: 12px;margin-bottom: 10px;/* padding: 15px 0;*/}
/*.index_newlist .box ol:first-child{  padding-top: 0;}
.index_newlist .box ol:last-child{ border-bottom: none; padding-bottom: 0;}*/
.index_newlist .box ol.ol-pic a{display: block;position: relative;}
.index_newlist .box ol.ol-pic .Ispic{height: 134px;}
.index_newlist .box ol.ol-pic aside{position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff;background: rgba(0,0,0,0.5);font-size: 16px;line-height: 40px;}
.index_newlist .box ol.ol-pictxt .txt aside{font-size: 16px;}
.index_newlist .box ol.ol-pictxt .txt aside a{color: #d1b19a;}
.index_newlist .box ol.ol-pictxt .txt p{line-height: 24px;height: 48px;overflow: hidden;color: #d1b19a;margin: 12px 0;font-size: 14px;}
.index_newlist .box ol.ol-pictxt .txt time{color: #d1b19a;}

.index_newlist .box li{line-height: 24px;padding: 12px 0;}
.index_newlist .box li:not(:last-child){border-bottom: 1px dashed #d1b19a;}
.index_newlist .box li a{font-size: 16px;padding-left: 15px;background: url("../images/neww_ico.png") no-repeat left center;color: #d1b19a;}
.index_newlist .box li a:hover{ color:#349f72}
.index_newlist .box li time{float: right;color: #d1b19a;font-size: 14px;}
.ytable-cell { display: table-cell;vertical-align: middle;}
@media(min-width:481px){
.index_newlist .box ol.ol-pictxt .pic{width: 204px;}
.index_newlist .box ol.ol-pictxt .txt{padding-left: 20px;}
}
@media(max-width:480px){
}

.index_newlist .new-list{width: 48.5%;}
.index_newlist .new-list .item{padding: 20px 48px;background: rgba(0,0,0,.02);min-height: 497px;}
.index_newlist .box{width: 45.5%;min-height: 497px;}

.index_newlist .new-top{position: relative;z-index: 1;width: 48.5%;float:left;}
.index_newlist .box ul{padding: 20px 0px;}
.index_newlist .new-top aside.dot2{padding: 0 110px 0 1.667em;font-size: 18px;color: #333;height:60px;line-height:30px;}
.index_newlist .new-top .btn{width: 100px;position: absolute;right: 0;bottom: 80px;height: 60px;z-index: 10;/* background: #349f72; */}
.index_newlist .new-top .btn:before{position: absolute;content: '';width: 4px;height: 4px;border-radius: 50%;background: #349f72;left: 50%;top: 50%;margin: -2px 0 0 -2px;}
.index_newlist .new-top .slick-arrow{position: absolute;width: 12px;height: 12px;border-left: 2px solid #333;border-bottom: 2px solid #333;top: 50%;left: 50%;margin-top: -6px;}
.index_newlist .new-top .slick-prev{margin-left: -24px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.index_newlist .new-top .slick-next{margin-left: 12px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.index_newlist .new-top .slick-arrow:hover{border-color: #349f72;}
.index_newlist .new-top  .txt{display:block;/* background:#349f72; */padding: 10px 0;}
@media(min-width:1025px){
.index_newlist .new-top .Ispic{height: 476px;}
}
@media(max-width:1024px){
.index_newlist .new-top .Ispic{padding-bottom: 63.606%;}
}

.index_newlist .new-list li,
.index_newlist .new-list ol{line-height:24px;padding: 12px 0;position: relative;padding-right: 80px;border-bottom:1px dashed #e8e8e8;}
.index_newlist .new-list ol a,
.index_newlist .new-list li a{font-size: 16px; color:#333;}
.index_newlist .new-list li a{    padding-left: 15px;background: url(../images/new_ico.png) no-repeat left center;}
.index_newlist .new-list li a:hover{ color: #349f72;}
.index_newlist .new-list li:last-child{border-bottom:none;}
.index_newlist .new-list li time{color: #999;font-size:14px;margin-top:5px;position: absolute;right: 0;top: 10px;}
.index_newlist .new-list ol a{position:relative;display:block;padding-left: 84px;position:relative;}
.index_newlist .new-list ol {margin-bottom: 12px;padding-bottom:25px;}
.index_newlist .new-list ol h2{ font-weight:normal; font-size:16px; margin:0;}
.index_newlist .new-list ol p{ font-size:14px;color: #666; margin:12px 0 0;}
.index_newlist .new-list ol time{position:absolute;left:0;color:#fff;font-size:14px;width:72px;border-radius:4px;padding-bottom: 10px;box-sizing: border-box;text-align: center;background:#349f72;overflow: hidden;top: 50%;transform: translateY(-50%);}
.index_newlist .new-list ol time span{display:block;padding: 12px 7px 8px 7px;font-size:30px;}
@media(max-width:480px){
    .index_newlist {padding: 4% 0;}
    .index_newlist .title span { font-size: 20px;}
    .index_newlist .new-list,
    .index_newlist .box {width: 100%;}
    .index_newlist .new-list li,
    .index_newlist .new-list li a{font-size: 14px;}
    .index_newlist .new-list li a,
    .index_newlist .box li a { padding-right: 2%;}
    .index_newlist .new-list .item {padding: 5% 6%;}
    .index_newlist .new-top aside.dot2{font-size: 4vw;}
    .index_newlist .box { padding-top: 0;}
    .index_newlist .box ul{padding: 5% 0%;}
    .index_newlist .box ol { margin-bottom: 0;}
    .index_newlist .box ol.ol-pictxt .ytable,
    .index_newlist .box ol.ol-pictxt .ytable-cell{display: block;}
    .index_newlist .box ol.ol-pictxt .txt{padding: 3vw;}
    .index_newlist .box li a,
    .index_newlist .box ol.ol-pictxt .txt aside,
    .index_newlist .box ol.ol-pic aside,
    .index_newlist .box ol.ol-pictxt .txt p{font-size: 14px;}
    .index_newlist .box ol.ol-pictxt .txt aside a { font-size: 16px;}
}

.ibox1{padding: 3%;}
.ibox1 .hd{display:flex;position:relative;align-items:center;justify-content:space-between;margin-bottom:.5rem}
.ibox1 .bd{/* background-color:#f3f3f3; */}
.ibox1 .swiper-pagination{text-align:right;padding-right:15px}
.ibox1 .swiper-pagination .swiper-pagination-bullet{background:#fff;opacity:1}
.ibox1 .swiper-pagination .swiper-pagination-bullet-active{background:#349f72}
.ibox1 .swiper-slide{position:relative}
.ibox1 .swiper-slide .tit{position:absolute;left:0;right:0;bottom:0;z-index:55;color:#fff;font-size:16px;height:48px;line-height:48px;background-color:rgba(0,0,0,.5);padding:0 35px 0 15px}
.ibox1 .swiper-slide span{display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ibox1 .swiper_pnext {width: 40px;height: 60px;line-height: 60px;text-align: center;background: rgba(47, 47, 47, 0.3);opacity: 1;transition: .6s;z-index:10;}
.ibox1 .swiper_pnext::after {font-size: 20px;color: #bdbdbd}
.ibox1 .swiper_pnext:hover {background-color: #349f72}
.ibox1 .swiper_pnext:hover::after {color: #fff}
@media (min-width:992px){.ibox1 .swiper_nature{float:left;width:55%;height:474px}
.ibox1 .swiper_nature a{height:100%}
.ibox1 .news-list{float:right;width:45%;/* padding:0 .36rem 0 .4rem */}
}
.ibox1 .news-list li{position:relative;padding: 18px 36px 18px 40px;min-height:110px; margin-bottom: .115rem;background-color: #f3f3f3;}
.ibox1 .news-list li+li{/* border-top:1px dashed #d2d2d2 */}
.ibox1 .news-list .id{width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;color:#fff;position:absolute;left:0;top:20px;background-color:#d2d2d2}
.ibox1 .news-list .tit{font-size:18px;color:#349f72;display:block;margin-bottom:5px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight: bold;}
.ibox1 .news-list .time{color:#999}
.ibox1 .news-list li:hover .tit{color:#349f72;}
.ibox1 .news-list li:hover .id{background:#349f72;color:#fff}
@media (max-width:992px){.ibox1 .swiper_nature{background-color:#f3f3f3;border-bottom:20px solid #f3f3f3}
.ibox1 .news-list{margin-top:.2rem}.ibox1 .news-list li{margin-bottom: .2rem;min-height: auto;padding: 10px 20px;font-size: 16px;}
}
@media (max-width:768px){.ibox1 .swiper_nature{padding-bottom:24px}
.ibox1 .swiper_nature .tit{height:36px;line-height:36px;font-size:14px}
.ibox1 .swiper_nature .swiper-pagination{text-align:center;bottom:0}
.ibox1 .swiper_nature .swiper-pagination-bullet{background:#333}
.ibox1 .swiper_nature .swiper-pagination-bullet-active{background:#349f72}
}
.igoods{margin-bottom:.2rem;border-bottom:4px solid #349f72;text-align:center}
.igoods .row{margin-left:-.12rem;margin-right:-.12rem}
.igoods .row>*{padding-left:.12rem;padding-right:.12rem}
.igoods li{margin-bottom:.3rem}
.igoods li:hover .title{color:#349f72}
.igoods li:last-child{margin-right:0}
.igoods .cover-box{margin-bottom:10px}
.igoods .title{display:block;font-size:14px;line-height:22px;height:44px;word-break:break-all;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}
.ibox2{overflow:hidden;background: url(../images/bg3.jpg) repeat center top;padding: 3%;}
.ibox2 .row{margin-left:-.2rem;margin-right:-.2rem}
.ibox2 .row>*{padding-left:.2rem;padding-right:.2rem}
@media (max-width:992px){.ibox2 .row li:last-child{clear:both}
}
.ibox .hd{display:flex;position:relative;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ddd}
@media (max-width:768px){.ibox{padding-left:.2rem;padding-right:.2rem}
}
.arc-list{padding-bottom:10px}
.arc-list li{position:relative;padding:12px 0;border-bottom:1px dashed #ddd;overflow:hidden;}
.arc-list .tit{color:#666;font-size:16px;display:block;margin-right:1rem;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;padding-left:15px;background: url(../images/new_ico.png) no-repeat left center;}
.arc-list .fl{width:40%;padding-right:3%; float:left;}
.arc-list .fr{width:57%; float:right;}
.arc-list .fr .txt{font-size:18px;font-weight:bold;margin-bottom:10px;}
.arc-list .fr .desc{font-size:14px;}
/*.arc-list .tit::before{content:'';display:block;width:4px;height:4px;background-color:#6b1d1d;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:5;left:0}*/
@media (max-width:640px){.arc-list .tit::before{left:5px}
}
.arc-list .time{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#999;padding-left:15px}
.arc-list li:hover .tit{color:#349f72}
.arc-list li:hover .tit::before{background:#349f72}
.ibox3{overflow: hidden;padding: 3%;}
.ibox3 .col-md-4{padding-right:0px; }
.ibox3 .col-md-8{padding-left:0px;}
.ibox3>*{padding-left:.1rem;padding-right:.1rem}
.ibox3 .ibox{background:#fff}
.ibox3 .vhd-box{border-bottom:2px solid #349f72;padding-bottom:10px}
.ibox3 .txt{color:#999;line-height: 30px;}
.ibox3 .leftbox{margin-left:-5px;margin-right:-5px;margin-bottom:.3rem}
.ibox3 .leftbox>*{padding-left:5px;padding-right:5px}
.ibox3 .leftbox li{margin-bottom:17px}
.ibox3 .leftbox .inner{background-color:#f3f3f3;transition:.3s;padding:1px}
.ibox3 .leftbox .inner:hover{background:#349f72}
.ibox3 .leftbox .inner:hover *{color:#fff}
.ibox3 .leftbox .img{height:154px}
.ibox3 .leftbox .title{font-size:16px;line-height: 50px;color:#349f72;text-align:center;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ibox3 .member-box{margin-bottom:.3rem;background-color:#f3f3f3}
.ibox3 .member-box .imgbox{background-repeat:no-repeat;background-size:cover;background-position:center center;text-align:center;color:#fff;font-size:24px;height:100px;line-height:100px}
.ibox3 .member-box .info{padding: 18px;color:#999;line-height: 35px;text-indent: 2em;}
@media (max-width:992px){.ibox3 .member-box .info{height:auto}
}
.ibox3 .member-box .txt{}
@media (max-width:992px){.ibox3 .member-box .txt{height:auto}
}
.ibox3 .member-box .more{color:#349f72;display:block;margin-top:5px}
.ibox3 .member-box .more:hover{text-decoration:underline}
.ibox3 .member-box .btns{display:flex;position:relative;align-items:center}
.ibox3 .member-box .btns .item{width:50%;text-align:center;height:50px;line-height:50px;background:#349f72;font-size:18px;color:#fff;font-weight:700}
.ibox3 .member-box .btns .item+.item{background-color:#434343}

.ibox4 {
     background: url(../images/wenli.jpg) center center;
     background-size: contain;
     padding: 3%;
}

.ibox4 .vhd {
     margin-bottom: .4rem;
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center;
     -webkit-box-pack: justify;
     box-pack: justify;
     -webkit-justify-content: space-between;
     justify-content: space-between
}

.ibox4 .vhd h2 {
    font-size: .4rem;
    font-weight: 700;
}

.ibox4 .pnext {
     width: 130px;
     margin-right: -10px;
     height: 48px;
     position: relative
}

.ibox4 .pnext>div::after {
     display: none
}

.ibox4 .pnext>div {
     border: 1px solid #bbbbbb;
     width: 48px;
     height: 48px;
     line-height: 48px;
     text-align: center;
     transition: .6s
}

.ibox4 .pnext>div:hover {
     border-color: #1d5ce1;
     background-color:#1d5ce1;
}

.ibox4 .pnext>div:hover .iconfont {
     color: #fff
}

.ibox4 .pnext .iconfont {
     font-size: 20px;
     color: #666
}

@media (max-width:480px) {
     .ibox4 .pnext {
          height: 40;
          width: 110px
     }

     .ibox4 .pnext>div {
          width: 40px;
          height: 40px;
          line-height: 40px;
          text-align: center
     }
}


.servicenav{background:#f9f9f9;padding:5% 0%;}
.HomeMenu li{width:20%; margin: 1% 5% 1% 0; float: left; position: relative; background-color: #349f72; background-image:linear-gradient(to right, #349f72, #c0d557); background-repeat: no-repeat; background-position: center bottom;border-radius:8px;}
.HomeMenu li:nth-child(4n){margin-right: 0;}
.HomeMenu li a{display: block; padding: 20px 0; color: #fff; text-align: center;}
.HomeMenu li .icon{display: block; width: 50px; margin: 0 auto;}
.HomeMenu li span{display: block; font-size: 18px; line-height: 30px;}
.HomeMenu li:hover{ background-image: linear-gradient(to right, #d7086e, #640f7f);}


@media (max-width:768px) {
    .HomeMenu li{width:48%;margin: 1%;}
}
.inews {
  padding-bottom: 3%;
  padding-top: 3%;
}
.inews .bd-item {
  width: 50%;
}
.inews .bd {
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-align: stretch;
  box-align: stretch;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inews .tab-hd {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.inews .tab-hd .item {
  background: #f4f4f4;
  background: #f5f5f9;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  overflow: hidden;
  padding: 0 35px;
  display: -webkit-flex;
  display: flex;
  display: -webkit-box;
  display: box;
  position: relative;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.inews .tab-hd .item:not(last-child)::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  border-bottom: 2px solid #fff;
  bottom: 0;
}
.inews .tab-hd .item .iconfont {
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 30px;
  right: -120px;
}
.inews .tab-hd .item .info {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.inews .tab-hd .item .date {
  font-family: medium;
  line-height: 1.2;
  text-align: center;
  width: 80px;
  margin-right: 30px;
}
.inews .tab-hd .item .date b {
  display: block;
  font-size: 30px;
}
.inews .tab-hd .item h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.inews .tab-hd .item p {
  font-size: 16px;
  color: #999999;
}
.inews .tab-hd .item h4,
.inews .tab-hd .item p {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.inews .tab-hd .item p {font-size:14px;}
.inews .tab-hd .item .info,
.inews .tab-hd .item .date {
  transition: all 0.3s;
}
.inews .tab-hd .active {
  background: #5b1b1c;
  color: #f5f5f9;
}
.inews .tab-hd .active p {
  color: #eee;
}
.inews .tab-hd .active .info,
.inews .tab-hd .active .date {
  transform: translateX(-110px);
}
.inews .cItem a {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 auto;
}
.inews .cItem a img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.inews .cItem a:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.inews .cItem .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 20px;
  line-height: 80px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 5%;
}
.inews .cItem .txt span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
@media (min-width: 1140px) {
  .inews .tab-bd {
    padding-right: 20px;
  }
  .inews .tab-hd {
    padding-left: 20px;
  }
}
@media (max-width: 1280px) {
  .inews .item h4 {
    font-size: 18px;
  }
  .inews .item p {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .inews {
    padding-bottom: 0;
  }
}
@media (max-width: 640px) {
  .inews {
    border-top: 1px solid #eaeaea;
  }
}
@media (max-width: 480px) {
  .inews {
    padding-top: 50px;
    margin-top: 20px;
  }
}
.inews-list {
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 0.5rem;
}
.inews-list li {
  padding-left: -20px;
  padding-right: -20px;
  margin-bottom: 40px;
  cursor: pointer;
}
.inews-list .inner {
  background: #f4f4f4;
  border: 1px solid #fff;
  padding: 0.32rem 0;
  overflow: hidden;
  transition: all 0.3s;
}
.inews-list .date {
  width: 1.4rem;
  text-align: center;
  min-width: 100px;
  font-family: medium;
  border-right: 1px solid #e5e5e5;
  padding-bottom: 15px;
}
.inews-list .date b {
  font-size: 48px;
  line-height: 1.4;
}
.inews-list .date p {
  color: #999999;
}
@media (min-width: 992px) {
  .inews-list li:hover .inner {
    border-color: #0d4e9b;
    background: none;
  }
  .inews-list li:hover .inner .date > * {
    color: #0d4e9b;
  }
  .inews-list h4 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }
  .inews-list .inner {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .inews-list .inner .content {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
  }
  .inews-list .info {
    color: #999;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
  }
  .inews-list .content {
    padding: 0 0.42rem 0 0.3rem;
  }
}
@media (max-width: 991px) {
  .inews-list {
    margin: 0;
  }
  .inews-list .inner {
    background: none;
  }
  .inews-list li {
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
  }
  .inews-list .date2 {
    color: #bbb;
    font-family: medium;
    font-size: 0.95em;
    margin: 0.5em 1em 0.25em 0;
  }
  .inews-list h4 {
    margin: 0.5em 0 1em 0;
    font-size: 16px;
    line-height: 1.3;
  }
  .inews-list h4:after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color: #e1e1e1;
    margin-top: 1em;
  }
  .inews-list .more {
    display: inline-block;
    margin-top: 0.8em;
    color: #349f72;
    border-bottom: 1px dotted #fff;
  }
  .inews-list .info {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    height: 60px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

.hezuo{overflow:hidden;margin-bottom:3%}
.hezuo .li a{padding:2px 30px;border:1px #ccc solid;margin-right:2%;margin-bottom:8px;line-height: 35px;width:15%;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;float: left;}
.hezuo .li a:nth-child(6n+0){margin-right:0;}
@media (max-width:992px) {
    .hezuo{max-height: 480px;}
     .hezuo .li a {
          width:100%; max-height: 300px;
     }
}

.swiper_history {
     margin-left: -0.19rem;
     margin-right: -0.19rem
}

.swiper_history .coverbox {
     margin: 0 .19rem
}

.swiper_history li {
     width: 33%
}

@media (max-width:992px) {
     .swiper_history li {
          width: 33.33%
     }
}

@media (max-width:768px) {
     .swiper_history li {
          width: 50%
     }
}

@media (max-width:480px) {
     .swiper_history {
          margin-right: -4vw
     }

     .swiper_history li {
          width: 100%
     }
}

@media (max-width:1200px) {
     .swiper_history {
          margin-left: -0.1rem;
          margin-right: -0.1rem
     }

     .swiper_history .coverbox {
          margin: 0 .1rem
     }
}

.history_item .coverbox {
     display: block;
     position: relative;
     cursor: pointer
}

.history_item .coverbox .content {
     position: absolute;
     left: 0%;
     right: 0;
     padding:5%;
     top: 70%;
     color: #fff;
     height: 100%;
     z-index: 55;
     transition: .6s;
     background: #00000073;
}

@media (max-width:640px) {
     .history_item .coverbox .content {
          top: 58%
     }
}

@media (max-width:480px) {
     .history_item .coverbox .content {
          top: 15%
     }
}

.history_item .coverbox .line {
     width: 20px;
     height: 3px;
     background: #fff;
     display: block;
     margin-bottom: 5px;
}

.history_item .coverbox h3 {
     font-size: 20px;
     margin-bottom: .1rem;
     overflow: hidden;
     white-space: nowrap;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis
}

@media (max-width:1200px) {
     .history_item .coverbox h3 {
          font-size: 20px
     }
}

.history_item .coverbox .en {
     font-size: 16px;
     margin-bottom: .4rem;
     text-transform: uppercase
}

.history_item .coverbox .txt {
     line-height: 24px;
     height: 72px;
     word-break: break-all;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -webkit-line-clamp: 3;
     margin-bottom: .4rem;
     transition: .6s
}

@media (min-width:481px) {
     .history_item .coverbox .txt {
          height: 0;
          margin-bottom: 0
     }
}

.history_item .coverbox .more {
     display: inline-block;
     transition: .6s;
     padding: 0 1.8em;
     color: #fff;
     border: 1px #fff solid;
}


@media (min-width:481px) {
     .history_item .coverbox .more {
          opacity: 0;
     }
}

@media (min-width:481px) {
     .history_item .coverbox:hover .content {
          top: 0%
     }

     .history_item .coverbox:hover .txt {
          height: 72px;
          margin-bottom: .4rem
     }

     .history_item .coverbox:hover .more {
          opacity: 1;
         line-height: .38rem;
     }
}

.history_main {
     padding: .78rem 0 1rem
}

.history_main .row {
     margin-left: -0.2rem !important;
     margin-right: -0.2rem !important
}

.history_main .row>* {
     padding-left: .2rem !important;
     padding-right: .2rem !important;
     margin-bottom: .4rem
}

@media (max-width:1360px) {
     .history_main .row {
          margin-left: -0.15rem !important;
          margin-right: -0.15rem !important
     }

     .history_main .row>* {
          padding-left: .15rem !important;
          padding-right: .15rem !important;
          margin-bottom: .3rem
     }
}

@media (max-width:480px) {
     .history_main .row li {
          width: 100%
     }
}

@media (max-width:768px) {
     .history_main .coverbox {
          height: 300px
     }
}

@media (max-width:480px) {
     .history_main .coverbox {
          height: 180px
     }

     .history_main .coverbox .more,.history_main .coverbox .txt {
          display: none!important
     }

     .history_main .coverbox .en {
          font-size: 14px;
          margin-top: .2rem
     }

     .history_main .coverbox .content {
          position: absolute !important;
          left: 50% !important;
          top: 50% !important;
          transform: translateX(-50%) translateY(-50%) !important;
          z-index: 5 !important;
          width: 100%
     }
}

.index_service {
     padding: .9rem 0;
     position: relative;
     overflow: hidden
}

.index_service .bg {
     background: url('../images/bg01.png') no-repeat center center;
     background-size: cover;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 1;
     transition: all 5.6s cubic-bezier(.04, .79, 1, 1) !important;
     transform: scale(1.1)
}

.index_service.animated .bg {
     transform: scale(1)
}

.index_service .wrap {
     position: relative;
     z-index: 5
}

.index_service .topper {
     margin-bottom: 1.1rem
}

@media (min-width:992px) {
     .index_service .topper {
          width: 60%;
          max-width: 570px;
          margin-left: auto
     }
}

.index_service .topper .desc {
     font-size: 16px;
     color: #666;
     line-height: 1.7;
     margin: .26rem 0 .46rem
}

.index_service ul {
     margin-left: 0 !important;
     margin-right: 0 !important
}

.index_service ul>* {
     padding-left: 0 !important;
     padding-right: 0 !important;
     margin-bottom: 0
}

.index_service li {
     height: 300px;
     position: relative;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center
}

@media (max-width:640px) {
     .index_service li {
          margin-bottom: .2rem
     }
}

.index_service .cover {
     border-radius: 30px 0 0 0;
     background: #fff;
     width: 65%;
     min-height: 1.82rem;
     position: absolute;
     right: 0;
     bottom: 0;
     text-align: center;
     font-size: 18px;
     padding: 20px 0 30px
}

.index_service .cover .txt {
     display: none;
     margin-top: 14px;
     line-height: 30px;
     font-size: 16px
}

.index_service .cover .txt p {
     position: relative;
     padding-left: .2rem
}

.index_service .cover .txt p::before {
     content: '';
     display: block;
     width: 6px;
     height: 6px;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 5;
     left: 0
}

.index_service .ic1 {
     background: url('../images/ic_a1.png') no-repeat center center;
     background-size: contain
}

.index_service .ic2 {
     background: url('../images/ic_a2.png') no-repeat center center;
     background-size: contain
}

.index_service .ic3 {
     background: url('../images/ic_a3.png') no-repeat center center;
     background-size: contain
}

.index_service .ic4 {
     background: url('../images/ic_a4.png') no-repeat center center;
     background-size: contain
}

.index_service .vicon {
     width: 72px;
     height: 72px;
     display: block;
     margin: 0 auto 20px
}

.index_service li:hover .cover {
     width: 100%;
     height: 100%;
     text-align: left;
     border-radius: 0;
     background: rgba(254,143,93,0.9);
     padding: 30px;
     color: #fff
}

.index_service li:hover .cover .vicon {
     position: absolute;
     right: .26rem;
     bottom: 0
}

.index_service li:hover .cover .vicon .ic {
     margin-left: -200px;
     filter: drop-shadow(200px 0 0 #fff)
}

.index_service li:hover .cover h3 {
     font-size: 24px
}

.index_service li:hover .cover .txt {
     display: block
}

.index_service.s2 {
     background: url('../images/bg03.png') no-repeat center center;
     background-size: cover
}

.index_service.s2 .desc {
     text-align: center;
     margin: .4rem auto;
     font-size: 16px;
     line-height: 30px;
     max-width: 1200px
}

.banner {
     position: relative;
     overflow: hidden
}

.banner .bg {
     background-position: center;
     background-size: cover;
     transition: transform 1s ease 0s;
     transform: scale(1.05);
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%
}

.banner.animated .bg {
     transform: scale(1)
}

.banner .wrap {
     height: 4.6rem;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-top: .2rem;
     position: relative
}

@media (max-width:992px) {
     .banner .wrap {
          height: 5rem
     }
}

@media (max-width:480px) {
     .banner .wrap {
          height: 4.5rem
     }
}

.banner .wrap .crumbs {
     color: #fff;
     bottom: .3rem
}

.banner .wrap .crumbs a {
     color: #fff
}

.banner .wrap .crumbs a:hover {
     color: #349f72
}

.banner h2 {
     font-size: .54rem
}

.banner .en {
     font-size: .24rem;
    text-transform: uppercase;
    padding-bottom: 15px;
}


.blog_main_box {
     background: url(../images/blog_bg2.jpg) repeat-x 0 -1.2rem,url(../images/blog_bg2.jpg) repeat-x 0 10rem
}

.blog_lg_box {
     padding: .8rem 0
}

@media (min-width:640px) {
     .blog_lg_box .wrap {
          display: flex;
          align-items: stretch
     }

     .blog_lg_box .img {
          max-width: 680px;
          width: 45%;
          margin-right: .7rem
     }

     .blog_lg_box .info {
          padding-top: .2rem;
          flex: 1
     }
}

@media (min-width:640px) and (max-width:640px) {
     .blog_lg_box .img {
          margin-right: .4rem
     }
}

.blog_lg_box .img {
     border-radius: 0 20px 0 20px;
     overflow: hidden
}

@media (max-width:639px) {
     .blog_lg_box .info {
          padding-top: .5rem
     }
}

.blog_lg_box .info .time {
     font-size: 18px;
     color: #999;
     margin-bottom: .2rem
}

.blog_lg_box .info .tit {
     font-size: .36rem;
     line-height: 1.3;
     word-break: break-all;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -webkit-line-clamp: 2;
     display: block
}

@media (max-width:768px) {
     .blog_lg_box .info .tit {
          font-size: 22px
     }
}

@media (max-width:480px) {
     .blog_lg_box .info .tit {
          font-size: 20px
     }
}

.blog_lg_box .info .desc {
     font-size: 16px;
     line-height: 1.8;
     color: #666;
     word-break: break-all;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -webkit-line-clamp: 2;
     margin: .16rem 0 .46rem
}

@media (max-width:991px) {
     .blog_lg_box .info .tit {
          font-size: 20px;
          line-height: 1.5;
          max-height: 60px
     }

     .blog_lg_box .info .time {
          font-size: 16px
     }
}

@media (max-width:640px) {
     .blog_lg_box .info .desc {
          font-size: 14px;
          max-height: 63px
     }

     .blog_lg_box .info .tit {
          font-size: 18px
     }
}

.blog_lg_box:hover .info .tit {
     color: #349f72
}

.blog_xs_list {
     padding-bottom: 1.1rem;
     margin-bottom: .5rem
}

.blog_xs_list .item {
     border-bottom: 1px solid #e5e5e5;
     padding: .5rem 0 .6rem;
     position: relative
}

.blog_xs_list .item::after {
     content: '';
     width: 0;
     height: 1px;
     background-color: #349f72;
     position: absolute;
     left: 0;
     bottom: -1px;
     transition: .6s
}

@media (min-width:640px) {
     .blog_xs_list .item {
          display: flex
     }

     .blog_xs_list .item .date {
          margin-right: .9rem;
          text-align: center
     }
}

.blog_xs_list .item .date {
     line-height: 1;
     color: #969696;
     font-family: dinpro;
     width: 1.72rem;
     margin-right: .5rem;
     position: relative;
     background: #fbfbfb;
}

@media (min-width:640px) {
     .blog_xs_list .item .date::after {
          content: '';
          width: 1px;
          height: 90%;
          background-color:#fbfbfb;
          right: 0;
          position: absolute;
          top: 5%
     }
}

.blog_xs_list .item .date .day {
     font-size: .4rem;
     margin-top: .2rem;
     margin-bottom: .1rem
}

.blog_xs_list .item .date .year {
     font-size: 18px
}

.blog_xs_list .item .date-xs {
     display: none;
     color: #666;
     margin-bottom: .4rem
}

@media (max-width:639px) {
     .blog_xs_list .item .date-lg {
          display: none
     }

     .blog_xs_list .item .date-xs {
          display: block
     }
}

.blog_xs_list .item .info {
     flex: 1
}

.blog_xs_list .item .info .tit {
     font-size: .3rem;
     line-height: 1.5;
     display: block
}

.blog_xs_list .item .info .desc {
     font-size: 16px;
     line-height: 24px;
     height: 48px;
     word-break: break-all;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -webkit-line-clamp: 2;
     color: #666;
     margin: .12rem 0 0
}

.blog_xs_list .item .info .arr {
     width: 36px;
     height: 16px;
     background: url('../images/arr.png') no-repeat center center;
     display: block
}

@media (max-width:992px) {
     .blog_xs_list .item .info .tit {
          font-size: 20px
     }
}

@media (max-width:639px) {
     .blog_xs_list .item .info .tit {
          color: #349f72;
          margin-bottom: .2rem;
          font-size: 18px
     }
     .news_info_main .col-md-4 {
    width: 100%;
    }
}

.blog_xs_list .item:hover::after {
     width: 100%
}

.blog_xs_list .item:hover .tit {
     color: #349f72
}

.blog_xs_list .item:hover .arr {
     background-image: url('../images/arr_on.png')
}


.news_info_main {
     padding: .7rem 0 1.3rem;
     overflow: hidden;
}

.news_info_main h1 {
     font-size: .36rem
}

@media (max-width:768px) {
     .news_info_main h1 {
          font-size: 22px
     }
}

@media (max-width:480px) {
     .news_info_main h1 {
          font-size: 20px
     }
}

@media (max-width:480px) {
     .news_info_main h1 {
          font-size: 22px
     }
}

.news_info_main .data {
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center;
     -webkit-box-pack: justify;
     box-pack: justify;
     -webkit-justify-content: space-between;
     justify-content: space-between;
     padding: .2rem 0;
     border-bottom: 1px solid #dedede;
     color: #999;
     font-size: 16px
}

.news_info_main .share {
     margin-top: 20px
}

.news_info_main .share .item {
     color: #c6c6c6;
     display: inline-block;
     margin-left: 10px;
     font-size: 20px;
     cursor: pointer
}

.news_info_main .share .item:hover {
     color: #349f72
}

.news_info_main article {
     padding: .46rem 0 .8rem;
     border-bottom: 1px solid #dedede;
     margin-bottom: .3rem
}

.news_info_main article p {
     margin-bottom: 1.3em
}

article {
     font-size: 16px;
     line-height: 1.875;
     color: #666
}

.arc_pnext {
     font-size: 16px
}

.arc_pnext p {
     color: #349f72
}

.arc_pnext p a:hover {
     color: #349f72
}

@media (min-width:640px) {
     .arc_pnext {
          display: -webkit-flex;
          display: flex;
          display: -webkit-box;
          display: box;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-align: center;
          box-align: center;
          -webkit-box-pack: justify;
          box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between
     }

     .arc_pnext p {
          width: 48%;
          display: -webkit-flex;
          display: flex;
          display: -webkit-box;
          display: box;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-align: center;
          box-align: center
     }

     .arc_pnext a {
          display: block;
          min-width: 0;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1;
          -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
          flex-shrink: 1;
          overflow: hidden;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis
     }

     .arc_pnext .next {
          text-align: right
     }
}

@media (max-width:640px) {
     .arc_pnext p {
          overflow: hidden;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          margin-bottom: .2rem
     }

     .arc_pnext .iconfont {
          display: none
     }
}
.get_quote {
     padding: .74rem 0 1rem;
     background: url('../images/quote_bg.jpg') no-repeat center center;
     background-size: cover;
     color: #fff;
     text-align: center
}

.get_quote h2 {
     font-size: .4rem;
     line-height: 1
}

@media (max-width:992px) {
     .get_quote h2 {
          font-size: 26px
     }
}

@media (max-width:640px) {
     .get_quote h2 {
          font-size: 22px
     }
}

.get_quote .txt {
     margin: 36px 0;
     font-size: 16px;
     line-height: 30px
}

.get_quote .txt a {
     color: #fff
}

.get_quote .txt a:hover {
     color: #349f72
}

@media (max-width:480px) {
     .get_quote .txt {
          margin: 20px 0;
          line-height: 1.8
     }
}

.fixed_nav {
     overflow: hidden
}

@media (min-width:992px) {
     .fixed_nav .wrap {
          display: -webkit-flex;
          display: flex;
          display: -webkit-box;
          display: box;
          -webkit-align-items: center;
          align-items: center;
          -webkit-box-align: center;
          box-align: center;
          -webkit-box-pack: justify;
          box-pack: justify;
          -webkit-justify-content: space-between;
          justify-content: space-between
     }
}

@media (min-width:769px) {
     .fixed_nav {
          border-bottom: 1px solid #dedede
     }
}

@media (max-width:991px) {
     .fixed_nav .wrap {
          width: 100vw
     }
}

@media (max-width:640px) {
}

@media (max-width:640px) {
     .fixed_nav.scroll {
          overflow-x: auto
     }
}

.fixed_nav.scroll nav {
     white-space: nowrap
}

@media (max-width:480px) {
     .fixed_nav.scroll nav {
          font-size: 16px
     }
}

.fixed_nav.scroll nav a {
     display: inline-block;
     padding: 0 .2rem
}

.fixed_nav:not(.scroll) nav {
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center;
     -webkit-box-pack: justify;
     box-pack: justify;
     -webkit-justify-content: space-between;
     justify-content: space-between
}

.fixed_nav:not(.scroll) a {
     min-width: 0;
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-flex-shrink: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1
}

.fixed_nav nav {
     font-size: 16px
}

@media (max-width:768px) {
     .fixed_nav nav {
          border-bottom: 1px solid #dedede
     }
}

@media (max-width:991px) {
     .fixed_nav nav {
          justify-content: center
     }
}

.fixed_nav nav a {
     padding: 0 .5rem;
     position: relative;
     display: block
}

.fixed_nav nav a:hover {
     color: #349f72
}

.fixed_nav nav a:first-child {
     padding-left: 0
}

.fixed_nav nav a:last-child {
     padding-right: 0
}

.fixed_nav nav em {
     display: block;
     position: relative;
     height: 76px;
     line-height: 76px
}

@media (max-width:992px) {
     .fixed_nav nav em {
          height: 56px;
          line-height: 56px
     }
}

.fixed_nav nav .active {
     color: #349f72
}

.fixed_nav nav .active em::after {
     content: '';
     display: block;
     position: absolute;
     width: 100%;
     height: 2px;
     background-color: #349f72;
     left: 0;
     bottom: -1px
}

.fixed_nav nav a+a::before {
     content: '';
     display: block;
     width: 1px;
     height: 12px;
     background-color: #e5e5e5;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 5;
     left: 0
}

@media (max-width:600px) {
     .fixed_nav nav {
          padding: 0 .2rem
     }

     .fixed_nav nav a {
          padding: 0 .4rem
     }
}

@media (max-width:480px) {
     .fixed_nav nav {
          min-width: 70%;
          text-align: center
     }
}

.fixed_nav .crumbs {
     color: #999;
     line-height: .76rem
}

.fixed_nav .crumbs a {
     color: #999
}

.fixed_nav .crumbs a:hover {
     color: #349f72
}

.fixed_nav .crumbs em {
     color: #349f72
}

@media (max-width:991px) {
     .fixed_nav .crumbs {
          padding: 0 4vw
     }
}

@media (max-width:640px) {
     .fixed_nav .crumbs {
          display: none
     }
}


/* 搜索框 */
.search a{display:block;padding-bottom: 10px;}
#search{position:fixed; width:100%; height:100%; left:0; top: 0; right:0; background:rgba(0,0,0,.5); display:none; align-items:center; justify-content:center; z-index:50;}
#search.on{display:flex;}
#search .search_content{ width:80%;}
#search .search_content .search_content_top{ position:relative; }
#search .search_content .search_content_top .search_close{ position:absolute; right:0; top:-60px; color:#fff; font-size:30px;}
#search .search_content .search_content_bottom{ display:flex; align-items:center; justify-content:center;}
#search .search_content input[type="search"]{ width:80%; background:#fff; height:60px; font-size:16px; color:#333; padding:0px 20px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
#search .search_content input[type="submit"]{ width:20%; background:#349f72; height:60px; font-size:16px; color:white; cursor:pointer;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}

.header_search_tag {
     color: #fff;
     font-size: 24px;
     cursor: pointer
}

.header_search_tag._close::before {
     content: "\e661"
}

header.active .header_search_tag,header.transparent.bgf .header_search_tag {
     color: #333
}

.header_search_xs {
     display: none;
     position: absolute;
     right: 0;
     top: 100%;
     left: 0;
     z-index: 999;
     background: url(../images/bgs.png) repeat center #fff;
     padding: .3rem 60px;
     border-top: 1px #efebeb solid;
}

@media (max-width:992px) {
     .header_search_xs {
          padding: .3rem 4vw
     }
}

.header_search_xs .inner {
     height: 60px;
     max-width: 500px;
     margin: 0 0 0 auto;
     display: -webkit-flex;
     display: flex;
     display: -webkit-box;
     display: box;
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     box-align: center;
     -webkit-box-pack: center;
     box-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     position: relative;
     z-index: 55
}

.header_search_xs .form {
     position: relative;
     display: block;
     min-width: 0;
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -webkit-flex-shrink: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1
}

.header_search_xs .del {
     display: block;
     padding: .2rem 0;
     text-align: center;
     font-size: 24px
}

.header_search_xs input {
     font-size: 18px;
     border: 1px solid rgba(0,0,0,0.5);
     width: 100%;
     height: 46px;
     padding-left: 20px
}

@media (max-width:768px) {
     .header_search_xs input {
          font-size: 16px
     }
}

.header_search_xs .submit {
     margin-left: 20px;
     font-size: 18px;
     padding: .2rem 0;
     font-size: 24px;
     position: absolute;
     right: .3rem;
     top: 50%;
     transform: translateY(-50%);
     cursor: pointer
}

.ibox5 {
     padding: 3%;
     text-align: center;
     background: url(../images/show_bg.jpg) repeat center #000;
}

.ibox5 .ihd,.ibox5 .ihd .en{ color:#fff;}
.ibox5 .hd1 {
     margin-bottom: .56rem;
     color: #fff;
}

.ibox5 .swiper-pagination-bullets .swiper-pagination-bullet{background:#fff;}
.swiper_wenwu_2 {
     padding-bottom: .8rem
}

.swiper_wenwu_2 li {
     width: calc((1440px + 0px)/3)
}

@media (max-width:1800px) {
     .swiper_wenwu_2 li {
          width: calc((1440px + 0px)/3)
     }
}

@media (max-width:1200px) {
}

@media (max-width:992px) {
}

@media (max-width:768px) {
     .swiper_wenwu_2 li {
          width: calc((88vw + 10px)/2)
     }
}

@media (max-width:550px) {
     .swiper_wenwu_2 li {
          width: 100%
     }
}

.swiper_wenwu_2 .inner {
     margin-right: 22px;
     background: #e5e5e5
}

@media (max-width:1200px) {
     .swiper_wenwu_2 .inner {
          margin-right: 20px
     }
}

@media (max-width:768px) {
     .swiper_wenwu_2 .inner {
          margin-right: 10px
     }
}

@media (max-width:550px) {
     .swiper_wenwu_2 .inner {
          margin: 0 1px
     }
}

.swiper_wenwu_2 .inner:hover {
     background-color: #349f72
}

.swiper_wenwu_2 .inner:hover .tit {
     color: #fff
}

.swiper_wenwu_2 .info {
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center
}

.swiper_wenwu_2 .tit {
     font-size: 18px;
     line-height: 24px;
     max-height: 48px;
     word-break: break-all;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -webkit-line-clamp: 2;
     width: 100%;
     padding: 0 20px;
     display: block
}

@media (max-width:480px) {
     .swiper_wenwu_2 .tit {
          font-size: 15px;
          line-height: 20px
     }
}


.pcnone{display:none}
.wapnone{display:block;}
@media (max-width:768px){
.banner h2,.banner .en,.banner .wrap .crumbs{text-align:center;}
.wapnone{display:none !important;}
.pcnone{display:block !important;}
.search a{padding-bottom:0;}
}