@charset "UTF-8";
/*
* @Author: DoDo
* @Date:   2020-06-11 08:19:23
* @Last Modified by:   DoDo
* @Last Modified time: 2021-01-05 17:52:20
*/
body { font-family: sans-serif; overflow-x: hidden; }

.body-inside { padding-top: 100px; }

body.on { overflow: hidden; }

img { max-width: 100%; }

a { outline: none; }

.w1640 { padding-left: 4.8%; padding-right: 4.8%; }

@media screen and (min-width: 1440px) { .w1400.container { width: 1400px; } }
@media screen and (min-width: 1366px) { .container { width: 1200px; padding-left: 0; padding-right: 0; } }
.bg-f6f8fa { background: #f6f8fa; }

.f0 { font-size: 0; }

.bg-f9 { background: #f9f9f9; }

.bg-111 { background: #111; }

.i-arrow { position: relative; display: inline-block; width: 17px; height: 13px; overflow: hidden; }
.i-arrow::before, .i-arrow::after { content: " "; position: absolute; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background: url("../images/icon-02w.png") center no-repeat; background-size: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.i-arrow::before { transform: translateX(-150%); }

.i-arrow.blue::before, .i-arrow.blue::after { background: url("../images/icon-02b.png") center no-repeat; }

/*============================= public =============================*/
/* .layout { padding-left: 280px; } */

.header { 
  position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    z-index: 100;
    width: 100%;
    height: 100px; 
  }
  @media screen and (min-width: 1200px){
     .header .header-content {
      max-width: 1200px;
      margin: 0 auto;
    }
    .nav-down {
      display: block;
      position: absolute;
      left: 0px
     }
     .nav-list li { display: inline-block; }
}
  @media screen and (max-width: 1350px) {

    .header .header-content {
      margin: 0 10%;
      width: 80%;
    }
      
    
  }
  @media screen and (max-width: 1200px) {
    .nav-list li {
      border-bottom: 1px solid #e6e6e6;
      display: block;
    }
    .nav-down {
      position: unset;
    }
  }

  .header .header-content {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.flex-item { display: flex; align-items: center; }
.flex-item .search-wrap { padding: 0 10px; cursor: pointer; position: relative; }
.flex-item .search-wrap .search-inp-div { display: none; width: 300px; height: 80px; position: absolute; background-color: #fff; top: 50px; right: -5px; box-shadow: 0px 6px 18px rgba(0,0,0,0.8); border: 1px solid rgba(0,0,0,0.06); }
.flex-item .search-wrap .search-inp-div:after { content: ''; border: 10px solid transparent; border-bottom-color: #fff; position: absolute; bottom: 100%; right: 15px; }
.flex-item .search-wrap .search-inp-div .search-input { width: 280px; height: 50px; border: 1px solid #E2DFEB; padding: 0 10px;}
.flex-item .search-wrap .search-inp-div .search-div{ height: 100%; display: flex; align-items: center; justify-content: center; font-size: 18px; padding: 0 10px;}
.flex-item .search-wrap .search-inp-div-on { display: block; }
.header-bream { width: 30px; height: 25px; position: relative; padding-top: 12px; cursor: pointer; display: none; margin-left: 20px; }
.header-bream span { display: block; height: 2px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background-color: #04eaf7; border-radius: 2px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.header-bream::before, .header-bream:after { content: " "; position: absolute; left: 0; right: 0; height: 2px; background-color: #04eaf7; border-radius: 2px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.header-bream::before { top: 2px; }
.header-bream::after { bottom: 2px; }

.header-bream.on span { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.header-bream.on::before { top: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.header-bream.on::after { bottom: 12px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

/* .nav-list li { display: inline-block; } */
.nav-list li .span-a1 { position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;display: flex;
  align-items: center; }
.nav-list li .span-a1 .bdo-toggle { width: 32px;
  height: 32px;
  background-image: url(../images/icon-01.png);
  background-position: center;
  background-repeat: no-repeat;
  display: none;
  cursor: pointer;
}
.nav-list li .span-a1 a { display: block; width: 100%; padding: 14px 18px; font-size: 16px; font-weight: bold; color: #333;}
.nav-list li .span-a1.span-bg .bdo-toggle { display: block; }
.nav-list li .span-a1.span-bg a { padding-right: 0;}
.nav-list li .span-a1.on, .nav-list li .span-a1.active { background-color: #0060dd; }
.nav-list li .span-a1.on a, .nav-list li .span-a1.active a { color: #fff; }
.nav-list li .span-a1.on.span-bg .bdo-toggle { background-image: url("../images/icon-01h.png"); }

.nav-down { 
  width: 100%;
  display: none;
  max-height: 800px;
  background-color: #fff;
  box-shadow: 0px 6px 18px rgba(0,0,0,0.4);
 }
 .nav-down .nav-down-wrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.nav-down a { display: block; font-size: 14px; color: #555; line-height: 28px; }
.nav-down .div-01 {  display: inline-block;}
.nav-down .div-01 .div-title { padding: 20px 0;  position: relative; }
/* .nav-down .div-01 .div-title .div-list { width: 300px;  z-index: 10;  position: absolute; top: 68px;  background-color: #fff; box-shadow: 0px 6px 18px rgba(0,0,0,0.4); } */
.nav-down .div-01 .div-title .div-list { width: 300px; z-index: 10;  display: none;  position: absolute; top: 68px;  background-color: #fff; box-shadow: 0px 6px 18px rgba(0,0,0,0.4); }

.nav-down .div-01:last-child .div-title .div-list { right: 0; }
.nav-down .div-01:first-child { padding-top: 0; }
.nav-down .div-list .div-1 { padding: 6px 10px; border-bottom: 1px solid #f1f1f1; }
.nav-down .div-list .div-1:last-child { border-bottom: none;}
.nav-down .div-list a {  font-size: 14px; color: #888; line-height: 26px; }
.nav-down .div-01 .div-title .erji-a {  font-size: 14px; font-weight: bold; }
.nav-down .div-01 .div-title a:hover { color: #0060dd; }

.header-lauguage { position: absolute; left: 14.28%; bottom: 30px; font-family: 'Arial'; }
.header-lauguage a { display: inline-block; font-size: 16px; color: #888; width: 40px; height: 40px; border: 1px solid #888; border-radius: 50%; line-height: 38px; text-align: center; margin-left: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.header-lauguage a:first-child { margin-left: 0; }
.header-lauguage a.on { background: #04eaf7; border-color: #04eaf7; color: #fff; }

.bsTop { width: 100% !important; }
.code-img { cursor: pointer;}
.bsFrameDiv > div { width: 100% !important; height: 208px !important; }
.bsFrameDiv > div img { width: 168px !important; height: 168px !important; }
.tec-div img {  width: 100%; }
.banner-public a { cursor: default; }

.footer { background: #214486; color: #fff; }

.footer-top { display: flex; justify-content: space-between; padding-top: 60px; padding-bottom: 40px; }

.footer-menu { max-width: 44%; }
/* .footer-top .div-online { margin-top: 44px; } */
.footer-top .div-online a { display: flex; align-items: center; justify-content: center; width: 150px; height: 40px; font-size: 16px; color: #fff; background: #04eaf7; border: 1px solid #04eaf7; border-radius: 5px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.footer-top .div-online a img { margin-right: 10px; }

.footer-nav { margin: 35px -20px 0; }
.footer-nav a { display: inline-block; font-size: 16px; color: #fff; line-height: 26px; margin: 0 20px; }

.footer-contact { max-width: 30%; }
.footer-contact .div-title { font-size: 16px; line-height: 26px; }
.footer-contact .ul-list { padding-top: 24px; }
.footer-contact .ul-list li { font-size: 14px; line-height: 24px; margin-top: 12px; }

.footer-online .span-01 { font-size: 16px; line-height: 26px; text-align: center; }
.footer-online .span-num { font-size: 26px; font-family: "Arial"; line-height: 36px; padding-top: 3px; }
.footer-online .div-ewm { margin-top: 16px; }
.footer-online .div-ewm .span-img .bdo-img img { padding: 10px; background: #fff; }
.footer-online .div-ewm .span-img .bdo-txt { font-size: 14px; line-height: 1; margin-bottom: 14px; }

.footer-copy { display: flex; justify-content: space-between; align-items: center; padding-top: 40px; padding-bottom: 40px; align-items: center; border-top: 1px solid #385792; }
.footer-copy .div-01 { font-size: 14px; line-height: 24px; max-width: 60%; }

.footer-share .bshare-custom a { display: inline-block; padding: 0; margin: 0 0 0 14px; width: 36px; height: 36px; border-radius: 5px; background-position: center; background-size: cover; }
.footer-share .bshare-custom a.bshare-qqim { background-image: url("../images/fs-icon1.png"); }
.footer-share .bshare-custom a.bshare-weixin { background-image: url("../images/fs-icon2.png"); }
.footer-share .bshare-custom a.bshare-sinaminiblog { background-image: url("../images/fs-icon3.png"); }

.footer-copy { display: flex; justify-content: space-between; }

.pages { margin-top: 50px; }
.pages a, .pages strong { display: inline-block; width: 60px; height: 36px; line-height: 36px; padding: 0 10px; background: #f7f7f7; border-radius: 5px; font-size: 14px; color: #666; margin: 0 10px; font-weight: normal; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.pages a:first-child, .pages a:last-child, .pages strong:first-child, .pages strong:last-child { width: 60px; }
.pages a:hover, .pages strong { background: #0060dd; color: #fff; }

/*============================= index =============================*/
.banner-public { position: absolute; right: 3.65%; top: 7.5%; z-index: 10; background: rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 13px 40px 32px; }
.banner-public .a1 { font-size: 24px; line-height: 34px; font-family: "Arial"; color: #fff; text-align: right; padding: 8px 0; border-bottom: 1px solid #939cad; }
.banner-public .a1 span { color: #04eaf7; }

.banner-menu { font-size: 18px; position: absolute; left: 10%; top: 10%; z-index: 10; background: #08456a; color: #fff; }
.banner-menu .menu-item { cursor: pointer; position: relative; padding: 20px 40px; border-bottom: 1px solid #f9f9f9; }
.banner-menu .menu-item:last-child { border-bottom:none }
.banner-menu .menu-item ul { display: none; position: absolute; background: #062e47; left: 437px; width: 450px; top: 0px;}
.banner-menu .menu-item ul li {  padding: 10px 20px;}
.banner-menu .menu-item ul li a { color: #fff;}
.banner-menu .menu-on { background-color: #0060dd; }
.banner-menu .li-on , .banner-menu .menu-item ul li .a-on{ color: #0060dd; }

.banner-owl .owl-dots { display: none; position: absolute; right: 3.125%; top: 50%; z-index: 20; line-height: normal; font-size: 0; text-align: center; }
.banner-owl .owl-dots button.owl-dot { display: block; width: 16px; height: 16px; border-radius: 6px; margin: 20px 0 0; border: 2px solid #fff; border-radius: 50%; }
.banner-owl .owl-dots button.owl-dot:first-child { margin-top: 0; }
.banner-owl .owl-dots button.owl-dot.active { background: #fff; }

.banner-word { position: absolute; left: 8%; bottom: 30%; width: 39%; }
.banner-word .div-title { font-size: 46px; color: #fff; line-height: 66px; font-weight: bold; height: 132px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.banner-word .div-more { width: 180px; height: 50px; background: #04eaf7; font-size: 16px; color: #fff; border-radius: 50px; text-align: center; line-height: 50px; margin-top: 40px; }
.banner-word .div-more i { margin-left: 10px; }

.banner-arrow { position: absolute; right: 4.8%; bottom: 6.25%; z-index: 3; color: #fff; width: 215px; }

.banner-progass { display: flex; margin-top: 24px; }
.banner-progass .div-dot { flex: 1; background: rgba(255, 255, 255, 0.2); height: 1px; }
.banner-progass .div-dot.on { background: white; }

.banner-pages { margin-top: 15px; display: flex; justify-content: space-between; background: url("../images/icon-32.png") center no-repeat; }
.banner-pages span { cursor: pointer; }

/* .index-product {  padding: 30px 20%; padding-top: 30px; } */
.index-product { padding: 30px 20%; padding-top: 30px; }
.index-product-type {  padding: 30px 4.8%;}
.index-pro-img { width: 200px; }
.index-img-right { transform: rotateY(180deg);  }
.product-list-dec { font-size: 20px; font-weight: bold;  }

.index-pro-title { display: flex; align-items: center; justify-content: center; }
.index-product-dec { font-size: 16px; font-weight: bold; text-align: center; padding-top: 15px; }
.index-erji-title, .index-erji-name{  display: flex; align-items: center; justify-content: center;}
.index-erji-name { font-size: 20px; font-weight: bold; background: url("../images/pro_title_bg_1.png") center no-repeat; background-size: 100% 100%; width: 300px; height: 50px; color: #fff; margin-top: 20px;}


.index-title { font-size: 40px; font-weight: bold; color: #222; padding: 0 20px; }
.index-title.tc { background-position: center bottom; }
.index-title.white { color: #fff; }
.index-title.bgnone { padding-bottom: 0; background: none; }

.index-product-list { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 30px; }
/* .index-product-list li { margin-top: 20px; width: 24%; } */
.index-product-list li { position: relative; color: #fff;  margin-top: 20px; width: 32.6%;  cursor: pointer; display: flex; align-items: center; justify-content: center; }
/* .index-type-list li { width: 20%;} */

.index-type-list .index-type-li-4 { width: 24.2%;}

.index-type-list li { height: 300px; }
.index-type-list li a { color: #fff;}
/* .index-product-list li .product-title-div { color: #fff; font-size: 28px; } */
.index-product-list .product-title { font-size: 35px; text-align: center; transition: font-size 0.2s ease-in-out; }
.index-product-list .product-title:hover { font-size: 60px; color: #04eaf7; }
.product-border, .more-div { position: absolute; }
.product-border { top: 4%; left: 2%; }
.more-div { bottom: 2%; right: 2%; display: flex; justify-content: center; align-items: center; }
.more-div .more-span { margin-right: 10px; color: #04eaf7; font-size: 14px; font-weight: bold;}

.product-list-des { font-size: 18px; line-height: 36px; color: #555; margin-bottom: 20px; }

.product-list { padding-top: 0; }

.index-product-a1 { width: 100%; padding: 10px; background: #f3f8f9; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-product-a1 .div-img { width: 100%; }
.index-product-a1 .div-img > img { width: 100%; }
.index-product-a1 .div-img .span-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; }
.index-product-a1 .div-img .span-img img { max-width: 100%; max-height: 100%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.index-product-a1 .div-cont { width: 100%; }
.index-product-a1 .div-title { font-size: 16px; line-height: 34px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.index-product-a1 .div-des { font-size: 14px; line-height: 24px; color: #666; height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.index-product-a1 .div-more { margin-top: 10px; }
.index-product-a1 .div-more span { margin: 0 auto; width: 100px; height: 36px; border: 1px solid #0060dd; color: #0060dd; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
  font-size: 15px; }
.index-product-a1 .div-more span i { margin-left: 10px; }

.index-about-main { padding-top: 80px; padding-bottom: 80px; background: url("../images/bg-01.jpg") center no-repeat; background-size: cover; }

.index-about { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.index-about .div-img { width: 47.29%; }
.index-about .div-img img { width: 100%; border-radius: 8px; }
.index-about .div-cont { width: 45.94%; color: #fff; }
.index-about .div-des { font-size: 16px; line-height: 30px; max-height: 120px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-top: 43px; }
.index-about .div-more { margin-top: 73px; }
.index-about .div-more a { display: flex; align-items: center; justify-content: center; width: 150px; height: 42px; border: 1px solid #fff; text-align: center; border-radius: 42px; color: #fff; }
.index-about .div-more a i { margin-left: 10px; }

.index-platform-main { padding-top: 80px; padding-bottom: 80px; background: url("../images/bg-02.jpg") center no-repeat; background-size: cover; }

.index-platform-des { font-size: 16px; line-height: 28px; color: #333; margin-top: 23px; }

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

.index-platform-01 { width: 22.9%; padding: 60px 0 58px; background: #fff; margin-top: 54px; border-radius: 20px; }
.index-platform-01 .div-img span { max-width: 50%; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.index-platform-01 .div-img span .mgh { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.index-platform-01 .div-cont { padding: 0 11.76%; text-align: center; }
.index-platform-01 .div-title { font-size: 22px; line-height: 32px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 36px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-platform-01 .div-des { font-size: 16px; color: #777; line-height: 26px; height: 96px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; padding-top: 18px; margin-top: 14px; background: url("../images/line-01.jpg") center top no-repeat; }

.backtop-img { position: fixed; bottom: 20px; right: 20px; cursor: pointer; opacity: 0.8; z-index: 4;}
.backtop-img:hover { opacity: 1; }

.index-news-main { padding-top: 80px; padding-bottom: 80px; background-size: cover; }
.index-news-main .index-title, .index-news-main .index-news-flex { position: relative; z-index: 2; }

#particles-js { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

.index-news-flex { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 30px; }

.index-news-a1 { width: 31%; background: #fff; -webkit-box-shadow: 0 0 12px rgba(0, 77, 178, 0.12); -moz-box-shadow: 0 0 12px rgba(0, 77, 178, 0.12); box-shadow: 0 0 12px rgba(0, 77, 178, 0.12); margin-top: 20px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.index-news-a1 .span-img .bdo-img { padding-top: 57.3%; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.index-news-a1 .span-cont { padding: 37px 8.69% 34px; }
.index-news-a1 .bdo-title { font-size: 18px; color: #333; font-weight: bold; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-news-a1 .bdo-des { font-size: 16px; line-height: 28px; color: #666; height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 12px; }
.index-news-a1 .bdo-date { position: relative; font-size: 16px; line-height: 26px; color: #999; margin-top: 67px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index-news-a1 .bdo-date::before { content: " "; position: absolute; display: block; left: 0; top: 50%; width: 0; height: 1px; background: #0060dd; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

/*============================= 02_产品中心 =============================*/
.banner { margin-top: 100px;}
.banner-inside img { width: 100%; }

.banner-bt { position: absolute; left: 4.8%; right: 4.8%; bottom: 14.28%; display: flex; justify-content: space-between; align-items: center; color: #fff; }

.banner-bt::before { content: " "; position: absolute; left: 175px; right: 140px; height: 1px; background: rgba(255, 255, 255, 0.2); }
.banner-bt .span-01 { font-size: 36px; color: #fff; }
/* .banner-bt .span-01 { color: #333; } */

.banner-bt .div-01 .div-tit { font-size: 20px; }
.banner-bt .div-01 .div-list { position: absolute; z-index:100; width: 1000px; left: -260%; top: 100%; padding-top: 30px; visibility: hidden; transform: translate(-50%, 10px); filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.banner-bt .div-01 .div-list .div-cont { position: relative; background: #fff; padding: 26px 30px 22px; }
.banner-bt .div-01 .div-list .div-cont::before { content: " "; position: absolute; left: 90%; top: -10px; transform: translateX(-10px); display: block; width: 20px; height: 10px; background: url("../images/icon-08.png") center no-repeat; }
.banner-bt .div-01 .div-list .div-1 { margin-top: 16px; display: inline-block; width: 450px;}
.banner-bt .div-01 .div-list .div-1:first-child { margin-top: 0; }
.banner-bt .div-01 .div-list .div-t a { font-size: 20px; color: #333; line-height: 30px; }
.banner-bt .div-01 .div-list .div-d2 { margin-top: 7px; }
.banner-bt .div-01 .div-list .div-d2 a { display: block; padding-left: 18px; font-size: 16px; line-height: 26px; color: #888; }
.banner-bt.ling::before { display: none; }

.banner-bt-nr { max-width: 60%; }
.banner-bt-nr .span-01 { font-size: 40px; line-height: 50px; }
.banner-bt-nr .div-des { font-size: 18px; line-height: 30px; margin-top: 23px; }

.public-title .span-cn { font-size: 36px; line-height: 1; color: #333; }
.public-title .span-en { font-size: 16px; line-height: 1; color: #999; margin-top: 18px; text-transform: uppercase; }

.platform-main { padding-top: 80px; padding-bottom: 80px; }
.platform-tec { padding-bottom: 0;}
.platform-art { font-size: 16px; color: #555; line-height: 28px; margin-top: 42px; }

.div-table-auto { white-space: nowrap; overflow: auto; }
.div-table-auto span { min-width: 1000px; }

.platform-list li { margin-top: 60px; }
.platform-list li .index-product-a1 { padding: 0 6% 0 0; }
.platform-list li .index-product-a1 .div-img { width: 43.47%; }
.platform-list li .index-product-a1 .div-cont { width: 49.27%; padding-top: 20px; padding-bottom: 20px; }
.platform-list li .index-product-a1 .div-des { font-size: 16px; line-height: 28px; color: #888; -webkit-line-clamp: 3; height: 84px; }

.news-main { padding-top: 30px; padding-bottom: 50px; }
.news-main .index-news-a1 { background: #f6f8fa; box-shadow: none; }

.news-list { padding-top: 50px; }
.news-list li { margin-top: 40px; }
.news-list li:first-child { margin-top: 0; }

.news-list-a1 { position: relative; display: flex; justify-content: space-between; align-items: center; background: #f6f8fa; padding-right: 3.37%; }
.news-list-a1 .span-img { width: 25.17%; }
.news-list-a1 .span-img .bdo-img { background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.news-list-a1 .span-cont { width: 71.32%; padding-top: 20px; padding-bottom: 20px; }
.news-list-a1 .bdo-title { font-size: 18px; color: #333; font-weight: bold; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.news-list-a1 .bdo-des { font-size: 16px; line-height: 28px; color: #666; height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: 12px; }
.news-list-a1 .bdo-date { position: relative; font-size: 16px; line-height: 26px; color: #999; margin-top: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.news-list-a1 .bdo-date::before { content: " "; position: absolute; display: block; left: 0; top: 50%; width: 0; height: 1px; background: #0060dd; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.public-address { font-size: 16px; color: #666; line-height: 26px; padding-bottom: 16px; border-bottom: 1px solid #e6e6e6; padding-right: 160px; }
.public-address a { display: inline-block; color: #666; font-size: 16px; }
.public-address a.on { color: #0060dd; }

.public-share { position: absolute; right: 0; top: 5px; }
.public-share .bshare-custom a { display: inline-block; padding: 0; margin: 0 0 0 22px; width: 20px; height: 18px; border-radius: 5px; background-position: center; background-size: cover; }
.public-share .bshare-custom a.bshare-qqim { background-image: url("../images/icon-12.png"); }
.public-share .bshare-custom a.bshare-weixin { background-image: url("../images/icon-13.png"); }
.public-share .bshare-custom a.bshare-sinaminiblog { background-image: url("../images/icon-14.png"); }

.public-art { padding-top: 80px; padding-bottom: 80px; }
.public-art .div-art { background: #fff; padding: 48px 6.75% 50px; }
.public-art .div-title { font-size: 24px; line-height: 34px; color: #333; margin-top: 26px; }
.public-art .div-date { font-size: 16px; color: #888; line-height: 26px; display: flex; align-items: center; margin-top: 10px; }
.public-art .div-date img { margin-right: 10px; }
.public-art .div-cont { font-size: 16px; line-height: 28px; color: #555; margin-top: 20px; }
.public-art .div-title2 { font-size: 24px; line-height: 34px; color: #333; margin-top: 26px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; }
.public-art .div-title2 span { font-size: 28px; color: #333; line-height: 1; padding-left: 24px; border-left: 3px solid #0060dd; }
.public-art .div-01 { font-size: 18px; line-height: 30px; color: #555; margin-top: 50px; }
.public-art .div-01:first-child { margin-top: 0; }
.public-art .div-01:first-child .div-title2 { margin-top: 0; }
.public-art .div-01 .div-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.public-art .div-01 .div-img { width: 31.25%; }
.public-art .div-01 .div-dd { width: 54.68%; }

.art-pages { position: relative; background: #fff; display: flex; justify-content: space-between; padding: 30px 6.75%; margin-top: 10px; }
.art-pages .a1 { width: 130px; height: 40px; display: flex; justify-content: center; align-items: center; background: #f6f8fa; border-radius: 5px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.art-pages .a1 span { font-size: 18px; color: #666; padding-right: 25px; background-image: url("../images/icon-10.png"); background-repeat: no-repeat; background-position: right center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.art-pages .a1:first-child span { padding-left: 25px; padding-right: 0; background-image: url("../images/icon-09.png"); background-position: left center; }
.art-pages .a-return { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.contact-main { padding-top: 80px; padding-bottom: 80px; }

.contact-map { margin-top: 48px; }
.contact-map img { width: 100%; }

.contact-map-cont { margin-top: 46px; }
.contact-map-cont .div-title { font-size: 24px; line-height: 34px; color: #333; }

.contact-flex { display: flex; justify-content: space-between; padding-top: 20px; }

.contact-01 { display: flex; justify-content: space-between; width: 30.4%; padding: 50px; border-radius: 15px; -webkit-box-shadow: 0 0 10px rgba(0, 36, 82, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 36, 82, 0.1); box-shadow: 0 0 10px rgba(0, 36, 82, 0.1); margin-top: 20px; }
.contact-01 .div-icon { width: 22.85%; }
.contact-01 .div-icon img { -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.contact-01 .div-cont { width: 68.57%; }
.contact-01 .div-t { font-size: 20px; color: #333; line-height: 30px; }
.contact-01 .div-d { font-size: 16px; line-height: 26px; color: #666; margin-top: 3px; }

.liuyan-cont { padding-bottom: 80px; }

.liuyan-main { position: relative; background: #fff; margin-top: -120px; padding: 100px 6.7%; border-radius: 20px; }

.liuyan-title { font-size: 36px; color: #333; line-height: 46px; }

.liuyan-des { font-size: 16px; line-height: 26px; margin-top: 5px; }

.liuyan-form { padding-top: 15px; }
.liuyan-form > div { margin-top: 30px; }
.liuyan-form .but-01 { width: 180px; height: 50px; color: #fff; font-size: 18px; background: #0060dd; border: none; outline: none; border-radius: 6px; }

.liuyan-01 { padding-left: 54px; }
.liuyan-01 .span-title { float: left; margin-left: -54px; font-size: 16px; color: #666; line-height: 44px; }
.liuyan-01 .put-01 { width: 96%; border-radius: 5px; border: 1px solid #e6e6e6; line-height: 34px; padding: 5px 15px; font-size: 14px; }
.liuyan-01 .put-01::placeholder { color: #b2b2b2; }
.liuyan-01 .text-01 { height: 140px; resize: none; }

.join-list { padding-top: 50px; }
.join-list li { background: #fff; padding-left: 6.7%; padding-right: 6.7%; }
.join-list li.on { -webkit-box-shadow: 0 0 10px rgba(0, 36, 82, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 36, 82, 0.1); box-shadow: 0 0 10px rgba(0, 36, 82, 0.1); }
.join-list li:nth-child(odd) { background: #f7f7f7; }
.join-list li .div-top { position: relative; padding-top: 40px; padding-bottom: 34px; padding-right: 165px; cursor: pointer; }
.join-list li .div-top .div-title { font-size: 20px; color: #0060dd; line-height: 1; padding-left: 23px; border-left: 3px solid #0060dd; }
.join-list li .div-top .div-info { font-size: 16px; line-height: 26px; color: #555; margin-left: -27px; margin-right: -27px; margin-top: 25px; }
.join-list li .div-top .div-info .span-01 { margin: 0 50px; }
.join-list li .div-bottom { font-size: 15px; line-height: 28px; color: #555; padding-top: 35px; padding-bottom: 40px; border-top: 1px solid #e6e6e6; display: none; }
.join-list li .div-bottom .div-01 { margin-top: 20px; }
.join-list li .div-bottom .div-01:first-child { margin-top: 0; }
.join-list li .div-bottom .span-title { font-size: 18px; margin-bottom: 5px; }

.join-toggle { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.join-toggle bdo { width: 74px; height: 74px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.join-toggle .bdo-01 { display: block; background-image: url("../images/icon-19.png"); }
.join-toggle .bdo-02 { position: relative; display: none; background-image: url("../images/icon-19h.png"); }
.join-toggle .bdo-02::before { content: "点击收起"; white-space: nowrap; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); font-size: 16px; color: #888; }

.about-map { display: flex; justify-content: space-between; align-items: center; margin-top: 80px; }
.about-map .about-map-left { width: 39.18%; }
.about-map .about-map-right { width: 48.24%; }
.about-map .about-map-right img { width: 100%; }

.about-map-01 { background: #f6f8fa; border-radius: 15px; display: none; }
.about-map-01:first-child { display: block; }
.about-map-01 .div-cont { padding: 80px 13.8% 74px; }
.about-map-01 .div-title { font-size: 28px; line-height: 1; color: #555; padding-left: 25px; border-left: 4px solid #0060dd; }
.about-map-01 .div-info { font-size: 18px; line-height: 42px; color: #555; background-position: left center; background-repeat: no-repeat; padding-top: 20px; border-top: 1px solid #e6e6e6; margin-top: 20px; }
.about-map-01 .div-info .div-01 { padding-left: 26px; }
.about-map-01 .div-info .div-01 img { float: left; margin-left: -26px; margin-top: 10px; }
.about-map-01 .div-list { font-size: 18px; line-height: 40px; color: #555; padding-top: 18px; border-top: 1px solid #e6e6e6; margin-top: 20px; padding-left: 25px; padding-right: 25px; }

.about-intro { display: flex; justify-content: space-between; margin-top: 40px; }
.about-intro .div-left { width: 45.9%; font-size: 16px; line-height: 28px; color: #555; }
.about-intro .div-img { position: relative; width: 48.64%; z-index: 3; }
.about-intro .div-icon { position: relative; margin-top: 54px; display: flex; justify-content: space-evenly; font-size: 16px; color: #555; text-align: center; padding-top: 40px; padding-bottom: 40px; }
.about-intro .div-icon::before { content: " "; position: absolute; left: 0; top: 0; width: 5000px; bottom: 0; background: #f6f8fa; }
.about-intro .div-icon .div-icon-01 { position: relative; z-index: 2; }
.about-intro .div-icon img { margin-bottom: 20px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }

.about-map-right .span-dw { position: absolute; background-size: cover; background-position: center; background-repeat: no-repeat; width: 1.96%; cursor: pointer; background: #04eaf7; border-radius: 50%; }
.about-map-right .span-dw::before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(4, 234, 247, 0.2); border-radius: 50%; }
.about-map-right .span-dw .bdo-01 { position: absolute; left: 50%; top: 100%; padding-top: 5px; white-space: nowrap; transform: translateX(-50%); font-size: 16px; }
.about-map-right .span-dw img { width: 100%; }
.about-map-right .span-dw.dw1 { left: 52.6%; top: 55.25%; }
.about-map-right .span-dw.dw1::before { animation: anicircle 2s infinite linear; -moz-animation: anicircle 2s infinite linear; /* Firefox */ -webkit-animation: anicircle 2s infinite linear; /* Safari and Chrome */ -o-animation: anicircle 2s infinite linear; /* Opera */ }
.about-map-right .span-dw.dw2 { left: 44.26%; top: 65.93%; }
.about-map-right .span-dw.dw2::before { animation: anicircle 2s .3s infinite linear; -moz-animation: anicircle 2s .3s infinite linear; /* Firefox */ -webkit-animation: anicircle 2s .3s infinite linear; /* Safari and Chrome */ -o-animation: anicircle 2s .3s infinite linear; /* Opera */ }
.about-map-right .span-dw.dw3 { left: 74.99%; top: 66.94%; }
.about-map-right .span-dw.dw3::before { animation: anicircle 2s .2s infinite linear; -moz-animation: anicircle 2s .2s infinite linear; /* Firefox */ -webkit-animation: anicircle 2s .2s infinite linear; /* Safari and Chrome */ -o-animation: anicircle 2s .2s infinite linear; /* Opera */ }
.about-map-right .span-dw.dw4 { left: 64.77%; top: 82.54%; }
.about-map-right .span-dw.dw4::before { animation: anicircle 2s .1s infinite linear; -moz-animation: anicircle 2s .1s infinite linear; /* Firefox */ -webkit-animation: anicircle 2s .1s infinite linear; /* Safari and Chrome */ -o-animation: anicircle 2s .1s infinite linear; /* Opera */ }
.about-map-right .span-dw.dw5 { left: 61.7%; top: 86.27%; }
.about-map-right .span-dw.dw5::before { animation: anicircle 2s .4s infinite linear; -moz-animation: anicircle 2s .4s infinite linear; /* Firefox */ -webkit-animation: anicircle 2s .4s infinite linear; /* Safari and Chrome */ -o-animation: anicircle 2s .4s infinite linear; /* Opera */ }
.about-map-right .span-dw.on { background: #0060dd; }
.about-map-right .span-dw.on::before { background: rgba(0, 96, 221, 0.2); }

@keyframes anicircle { 0% { transform: scale(1); }
  50% { transform: scale(2); }
  100% { transform: scale(1); } }

.public-art-zw{ height: 70px; margin-bottom: 15px; }
.public-art-title { display: flex; justify-content: space-between; background: #f6f8fa;}
.public-art-title.on{
 -webkit-box-shadow: 0 0 12px rgba(0, 77, 178, 0.12); -moz-box-shadow: 0 0 12px rgba(0, 77, 178, 0.12); box-shadow: 0 0 12px rgba(0, 77, 178, 0.12); 
}
.public-art-title a { position: relative; display: flex; justify-content: center; align-items: center; flex: 1; font-size: 20px; color: #333; line-height: 70px; }
.public-art-title a::before { content: " "; background: #fff; position: absolute; left: 5px; right: 5px; top: 0; z-index: 2; bottom: 0; transform: skew(15deg, 0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.public-art-title a:first-child { border-left: none; }
.public-art-title a:first-child::after { content: " "; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.public-art-title a:last-child::after { content: " "; position: absolute; width: 50%; right: 0; top: 0; bottom: 0; background: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.public-art-title a img { margin-right: 10px; }
.public-art-title a span { position: relative; z-index: 3; }
.public-art-title a.on { color: #fff; }
.public-art-title a.on::before { background: #0060dd; }
.public-art-title a.on::after { background: #0060dd; }



.table-01 { border-radius: 6px 6px 0 0; overflow: hidden; min-width: 1000px; }
.table-01 tr th { background: #0060dd; color: #fff; font-size: 20px; line-height: 60px; text-align: center; }
.table-01 tr td { border: 1px solid #fff; background: #e8ebed; text-align: center; font-size: 20px; color: #555; line-height: 30px; padding: 13px 15px; width: 19.59%; }
.table-01 tr td:first-child { width: 21.6%; color: #fff; background: #09d2de; }
.table-01 tr .span-red { color: #c30000; }
.table-01 tr .span-blue { color: #0060dd; }
.table-01 tr:nth-child(even) td { background: #f2f5f7; }
.table-01 tr:nth-child(even) td:first-child { background: #09d2de; }

.down-list { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1280px; max-width: 100%; }
.down-list li { width: 49.2%; background: #f7f7f7; margin-top: 20px; }
.down-list li a { position: relative; display: flex; align-items: center; font-size: 16px; color: #666; padding: 18px 13.96% 18px 17.46%; }
.down-list li a .span-icon1, .down-list li a .span-icon2 { position: absolute; }
.down-list li a .span-icon1 { left: 0; width: 12.7%; border-right: 1px solid #cacbcc; }
.down-list li a .span-icon2 { right: 0; width: 12.7%; }
.down-list li a .span-zi { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*# sourceMappingURL=style.css.map */