@charset "UTF-8";
/*
* @Author: DoDo
* @Date:   2020-06-16 08:19:23
* @Last Modified by:   DoDo
* @Last Modified time: 2020-12-25 09:33:21
*/
@font-face {
    font-family: 'Alibaba-PuHuiTi-Regular';
    src: url('../alibabaFont/Alibaba-PuHuiTi-Regular.otf');
    font-weight: normal;
    font-style: normal;
}
body { font-family: "Alibaba-PuHuiTi-Regular", sans-serif; overflow-x: hidden; }

.body-member { padding-top: 85px; }

body.on { overflow: hidden; }

img { max-width: 100%; }

a { outline: none; }

input { background: none; outline: none; border: none; }

@media screen and (min-width: 1366px) { .container { width: 1200px; padding-left: 0; padding-right: 0; } }
@media screen and (min-width: 1440px) { .w1600.container, .w1400.container { width: 1400px; padding-left: 0; padding-right: 0; } }
@media screen and (min-width: 1660px) { .w1600.container { width: 1600px; padding-left: 0; padding-right: 0; } }
@media screen and (max-width: 1199px) { .containecr { width: 100%; } }
.f0 { font-size: 0; }

.flex-none { display: flex; }
.flex-none::before, .flex-none::after { display: none; }

.bg-f7 { background: #f7f7f7; }

.public-art-list ol,.public-art-list ul,.public-art-list li{ list-style: inherit }

/*============================= public =============================*/
.header { position: absolute; left: 0; top: 0; right: 0; z-index: 100; padding-top: 17px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); -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; }
.header > .container { justify-content: space-between; align-items: center; }
.header .a-logo .mg-pc { display: block; }
.header .a-logo .mg-phone { display: none; }

.header-right { display: flex; align-items: center; font-size: 0; }
.header-right .h-lauguage { position: relative; margin-left: 40px; padding-left: 33px; background-repeat: no-repeat; background-position: left top; background-image: url("../images/h-icon1.png"); }
.header-right .h-lauguage .span-01 { display: block; padding-right: 22px; font-size: 16px; color: #fff; background-image: url("../images/h-icon2.png"); background-position: right center; background-repeat: no-repeat; cursor: pointer; }
.header-right .h-lauguage .span-02 { position: absolute; left: 0; right: 0; background: rgba(255, 255, 255, 0.8); display: none; }
.header-right .h-lauguage .span-02 a { display: block; font-size: 14px; color: #333; line-height: 40px; padding: 0 20px; }
.header-right .h-search { cursor: pointer; }

.nav-list li { padding: 0 40px; }
.nav-list li .span-a1 a { position: relative; font-size: 16px; color: #fff; line-height: 82px; }
.nav-list li .span-a1 a::after { content: " "; position: absolute; left: 50%; right: 50%; bottom: -2px; height: 3px; 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; }
.nav-list li.on .span-a1 a::after { left: 0; right: 0; }

.header-bream { width: 30px; height: 25px; position: relative; padding-top: 12px; cursor: pointer; margin-left: 15px; display: none; }
.header-bream span { display: block; height: 2px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; border-radius: 2px; background-color: #fff; -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; border-radius: 2px; background-color: #fff; -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); }

.header-search { position: absolute; left: 0; right: 0; top: 100%; background: #fff; display: none; }
.header-search .container { padding-top: 53px; padding-bottom: 30px; }
.header-search .span-close { position: absolute; right: 0; top: 30px; cursor: pointer; }
.header-search .span-close img { -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-search .div-cont { margin-right: 120px; }
.header-search .put-01 { outline: none; background: none; border: none; width: 100%; line-height: 30px; padding: 3px 100px 3px 0; border-bottom: 1px solid #e6e6e6; }
.header-search .but-01 { outline: none; background: none; border: none; position: absolute; right: 0; top: 0; bottom: 0; }

.nav-down { position: absolute; background: #fff; width: 720px; left: 50%; top: 100%; transform: translateX(-50%); display: none; }
.nav-down .div-flex { display: flex; }
.nav-down .div-img { width: 70.833%; padding: 50px; }
.nav-down .div-nav { width: 29.167%; background: #f7f7f7; padding: 45px 0; }
.nav-down .div-nav .div-title { padding: 0 15px 14px; text-align: center; font-size: 18px; color: #333; line-height: 28px; border-bottom: 1px solid #e5e5e5; }
.nav-down .div-nav .div-title .span-01 img { position: absolute; left: -26px; top: 50%; transform: translateY(-50%); }
.nav-down .div-nav .div-list { padding: 22px 15px 0; text-align: center; }
.nav-down .div-nav .div-list .div-01 a { display: block; font-size: 16px; color: #333; line-height: 32px; }

.nav-down2 { position: absolute; left: 0; right: 0; top: 100%; background: #fff; display: none; }
.nav-down2 .div-flex { display: flex; justify-content: space-between; padding: 50px 8.3%; }
.nav-down2 .div-img { width: 35%; }
.nav-down2 .div-nav { width: 57.5%; }
.nav-down2 .div-nav .div-title { padding: 0 0 14px; font-size: 18px; color: #333; line-height: 28px; border-bottom: 1px solid #e5e5e5; }
.nav-down2 .div-nav .div-title .span-01 { margin-left: 26px; }
.nav-down2 .div-nav .div-title .span-01 img { position: absolute; left: -26px; top: 50%; transform: translateY(-50%); }
.nav-down2 .div-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.nav-down2 .div-list .div-01 { padding-right: 20px; padding-top: 25px; }
.nav-down2 .div-list .div-01 .span-title { margin-bottom: 20px; }
.nav-down2 .div-list .div-01 .span-title a { display: block; font-size: 16px; color: #333; line-height: 26px; }
.nav-down2 .div-list .div-01 .span-01 { margin-bottom: 6px; }
.nav-down2 .div-list .div-01 .span-01 a { display: block; font-size: 15px; color: #666; line-height: 26px; }

.footer { background: #121212; }

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

.footer-nav { display: flex; }

.footer-ewm { margin-top: 50px; display: flex; align-items: center; }
.footer-ewm .span-img { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; font-size: 0; }
.footer-ewm .span-img img { max-width: 100%; max-height: 100%; }
.footer-ewm .span-01 { width: 20px; text-align: center; margin-left: 10px; font-size: 18px; color: #fff; line-height: 18px; }
.footer-ewm .span-01 img { margin-bottom: 3px; }

.footer-nav-list { margin-left: 118px; max-width: 230px; }
.footer-nav-list:first-child { margin-left: 0; }
.footer-nav-list li { line-height: 28px; color: #999; font-size: 14px; }
.footer-nav-list li a { color: #999; line-height: 24px; padding: 2px 0; }
.footer-nav-list li a.a-title { font-size: 18px; color: #fff; margin-bottom: 19px; }

.footer-contact { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #353535; }
.footer-contact .div-left { display: flex; }
.footer-contact .div-link { display: flex; }
.footer-contact .div-link a { margin-left: 20px; }
.footer-contact .div-link a:first-child { margin-left: 0; }
.footer-contact .select-01 { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #999; /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("../images/icon-arrow.png") no-repeat scroll right 20px center transparent; width: 240px; height: 36px; border-radius: 36px; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 20px; padding-left: 20px; font-size: 14px; color: #999; }

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.footer-copy { color: #999; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 34px; padding-bottom: 53px; }

.footer-share { display: flex; align-item: center; }
.footer-share .bshare-custom a { padding: 0; width: 36px; height: 36px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-left: 14px; }
.footer-share .bshare-custom a.bshare-qqim { margin-left: 24px; background-image: url("../images/f-icon1.png"); }
.footer-share .bshare-custom a.bshare-weixin { background-image: url("../images/f-icon2.png"); }
.footer-share .bshare-custom a.bshare-sinaminiblog { background-image: url("../images/f-icon3.png"); }

.bsTop { width: 100% !important; }

.bsFrameDiv > div { width: 100% !important; height: 208px !important; }
.bsFrameDiv > div img { width: 168px !important; height: 168px !important; }

.return-top { position: fixed; right: 5%; bottom: 5%; z-index: 50; width: 60px; height: 60px; border-radius: 50%; background: #563390; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; visibility: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; font-size: 14px; font-family: Arial; -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; }
.return-top img { margin-bottom: 5px; -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; }
.return-top.on { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.return-top:hover { color: #fff; }

.pages a, .pages strong { display: inline-block; min-width: 36px; line-height: 36px; padding: 0 5px; margin: 0 5px; font-size: 14px; color: #666; background: #f2f2f2; border-radius: 5px; 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 { width: 120px; }
.pages a:hover, .pages strong { color: #fff; background: #563390; }

/*============================= index =============================*/
.banner-owl .owl-dots { position: absolute; left: 0; right: 0; bottom: 2.77%; z-index: 20; line-height: normal; font-size: 0; text-align: center; }
.banner-owl .owl-dots button.owl-dot { position: relative; width: 50px; height: 6px; border-radius: 6px; overflow: hidden; margin: 0 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; }
.banner-owl .owl-dots button.owl-dot::before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 2; }
.banner-owl .owl-dots button.owl-dot::after { content: " "; position: absolute; left: 0; top: 0; bottom: 0; z-index: 1; background: #563390; right: 100%; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; }
.banner-owl .owl-dots button.owl-dot.active::after { right: 0; z-index: 2; }
.banner-owl .owl-dots button.owl-dot.active::before { z-index: 1; }
.banner-owl .owl-nav button { position: absolute; top: 50%; }
.banner-owl .owl-nav button.owl-prev, .banner-owl .owl-nav button.owl-next { width: 60px; height: 60px; background-size: cover; background-repeat: no-repeat; background-position: center; font-size: 0; }
.banner-owl .owl-nav button.owl-prev { left: 3.125%; background-image: url("../images/b-arrow-left.png"); }
.banner-owl .owl-nav button.owl-next { right: 3.125%; background-image: url("../images/b-arrow-right.png"); }

.banner-scroll { position: absolute; left: 50%; bottom: 7.7%; transform: translateX(-50%); z-index: 20; width: 24px; max-width: 5%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.banner-scroll img { width: 100%; animation: banner_scroll 1.2s infinite linear; -moz-animation: banner_scroll 1.2s infinite linear; /* Firefox */ -webkit-animation: banner_scroll 1.2s infinite linear; /* Safari and Chrome */ -o-animation: banner_scroll 1.2s infinite linear; /* Opera */ }

@keyframes banner_scroll { 0% { transform: translateY(0); }
  25% { transform: translateY(-2px); }
  50% { transform: translateY(0); }
  75% { transform: translateY(3px); }
  100% { transform: translateY(0); } }
.banner-a1 { width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center; }
.banner-a1 .span-phone { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }

.banner-word { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; width: 100%; text-align: center; color: #fff; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transform: translateY(5%); -webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; -o-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s; }
.banner-word .div-cont { font-size: 50px; font-weight: bold; }
.banner-word .div-more { width: 200px; height: 56px; line-height: 54px; font-size: 20px; border: 1px solid #fff; border-radius: 56px; margin-top: 46px; -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-owl .owl-item.active .banner-word { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transform: translateY(0); }

.index-num { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 55px 3.125% 50px; }

.index-num-01 { text-align: center; -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-num-01 .span-icon { background: #fff; border-radius: 50%; -webkit-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); -moz-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); }
.index-num-01 .span-icon img { width: 100%; }
.index-num-01 .div-num { font-size: 0; color: #563390; }
.index-num-01 .div-num .b-num { font-family: "Impact"; font-size: 48px; }
.index-num-01 .div-num .b-num i { font-style: normal; }
.index-num-01 .div-num .b-num i.i1 { visibility: hidden; }
.index-num-01 .div-num .b-num i.i2 { position: absolute; left: 0; top: 0; }
.index-num-01 .div-num .span-01 { top: 6px; font-family: "Impact"; font-size: 14px; font-weight: bold; }
.index-num-01 .div-num .span-02 { font-size: 48px; }
.index-num-01 .div-txt { font-size: 16px; color: #666; line-height: 26px; }

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

.index-title { font-size: 40px; background-image: url("../images/line-01.jpg"); background-repeat: no-repeat; background-position: left bottom; color: #fff; line-height: 1; padding-bottom: 19px; }
.index-title.tc { background-position: center bottom; background-repeat: no-repeat; }
.index-title.c-black { color: #333; background-image: url("../images/line-01b.png"); }

.index-title-des { text-align: center; font-size: 16px; line-height: 26px; color: #888; margin-top: 10px; }

.index-service-owl { position: relative; padding-left: 70px; padding-right: 70px; margin-top: 50px; }
.index-service-owl .owl-nav button { position: absolute; top: 50%; }
.index-service-owl .owl-nav button.owl-prev, .index-service-owl .owl-nav button.owl-next { width: 50px; height: 50px; font-size: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.index-service-owl .owl-nav button.owl-prev { left: 5px; background-image: url("../images/b-arrow-left.png"); }
.index-service-owl .owl-nav button.owl-next { right: 5px; background-image: url("../images/b-arrow-right.png"); }

.index-service-a1 { background: #fff; }
.index-service-a1 .span-img .bdo-img { padding-top: 66.86%; 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-service-a1 .span-cont { padding-top: 35px; padding-bottom: 40px; padding-left: 9.14%; padding-right: 9.14%; }
.index-service-a1 .bdo-title { font-size: 24px; line-height: 34px; color: #333; font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index-service-a1 .bdo-des { padding-top: 15px; background: url("../images/line-02.png") center top no-repeat; font-size: 16px; line-height: 28px; color: #666; margin-top: 15px; height: 99px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.index-service-a1 .bdo-more { width: 142px; height: 44px; border: 1px solid #563390; line-height: 42px; border-radius: 42px; text-align: center; margin-top: 23px; -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-service-a1 .bdo-more i { font-style: normal; font-size: 16px; color: #563390; padding-right: 22px; background-image: url("../images/icon-07.png"); background-repeat: no-repeat; background-position: right center; }

.index-adv { padding-top: 60px; padding-bottom: 20px; background: #f7f7f7; }

.index-adv-flex { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 44px; }

.index-adv-01 { position: relative; width: 33.33%; }
.index-adv-01 .div-01 { position: absolute; text-align: center; padding: 84px 13% 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; }
.index-adv-01 .div-01 .div-title { font-size: 24px; color: #555; line-height: 34px; padding-top: 55px; }
.index-adv-01 .div-01 .div-des { font-size: 16px; line-height: 26px; color: #666; margin-top: 20px; }
.index-adv-01 .div-02 { position: relative; z-index: 2; padding: 30px 30px 40px; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); -moz-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); visibility: hidden; 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; }
.index-adv-01 .div-02 .b-title { font-size: 24px; padding-bottom: 18px; color: #563390; line-height: 1; background: url("../images/line-07.png") center bottom no-repeat; }
.index-adv-01 .div-02 .b-title img { display: none; }
.index-adv-01 .div-02 .div-list { padding-top: 7px; }
.index-adv-01 .div-02 .div-list .span-01 { font-size: 16px; line-height: 26px; color: #666; margin-top: 20px; padding-left: 30px; background: url("../images/icon-62.png") left 3px no-repeat; }

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

.index-platform-owl { position: relative; padding-left: 70px; padding-right: 70px; margin-top: 50px; }
.index-platform-owl .owl-nav button { position: absolute; top: 50%; }
.index-platform-owl .owl-nav button.owl-prev, .index-platform-owl .owl-nav button.owl-next { width: 50px; height: 50px; font-size: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.index-platform-owl .owl-nav button.owl-prev { left: 5px; background-image: url("../images/b-arrow-left2.png"); }
.index-platform-owl .owl-nav button.owl-next { right: 5px; background-image: url("../images/b-arrow-right2.png"); }

.index-platform-flex { display: flex; justify-content: space-between; margin-top: 50px; padding-right: 90px; }

.index-platform-01 { display: flex; justify-content: space-between; overflow: hidden; padding: 84px 40px 90px; margin: 10px; background: #fff; -webkit-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); -moz-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); border-radius: 10px; }
.index-platform-01 .div-01 { width: 100%; -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-01 .div-title { font-size: 28px; line-height: 40px; color: #333; height: 80px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.index-platform-01 .div-01 .div-title img { display: inline-block; width: auto; max-height: 40px; margin-left: 2px; position: relative; top: -2px; }
.index-platform-01 .div-01 .div-des { font-size: 16px; line-height: 28px; color: #666; margin-top: 47px; height: 112px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.index-platform-01 .div-01 .index-more { width: 180px; max-width: 100%; height: 50px; line-height: 48px; color: #563390; border: 1px solid #563390; border-radius: 50px; font-size: 16px; color: #563390; margin-top: 94px; -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-01 .index-more span { padding-right: 22px; background: url("../images/icon-07.png") right center no-repeat; -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-02 { width: 0; overflow: hidden; border-radius: 10px; }
.index-platform-01 .div-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100%; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center; }
.index-platform-01 .div-img img { width: 100%; border-radius: 10px; }

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

.index-news-flex { display: flex; justify-content: space-between; margin-top: 50px; }

.index-news-a1 { width: 49.375%; background: #fff; -webkit-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); -moz-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); }
.index-news-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; }
.index-news-a1 .span-img .bdo-img img { width: 100%;}
.index-news-a1 .span-cont { padding: 24px 3.797%; }
.index-news-a1 .span-cont .bdo-date { font-size: 16px; line-height: 26px; color: #563390; font-style: italic; }
.index-news-a1 .span-cont .bdo-title { font-size: 18px; line-height: 28px; color: #333; margin-top: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index-news-a1 .span-cont .bdo-des { font-size: 14px; line-height: 24px; color: #666; height: 48px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.index-news-list { width: 49.375%; }
.index-news-list li { margin-top: 20px; }
.index-news-list li:first-child { margin-top: 0; }
.index-news-list .index-news-a1 { width: 100%; padding: 30px 35px 30px 30px; display: flex; justify-content: space-between; align-items: center; }
.index-news-list .index-news-a1 .span-img { width: 27%; }
/*.index-news-list .index-news-a1 .span-img .bdo-img { height: 120px; }*/
.index-news-list .index-news-a1 .span-cont { width: 69.65%; padding: 0; }

.index-ziyuan { padding-top: 5px; }

.index-ziyuan-title { white-space: nowrap; margin-top: 50px; padding-bottom: 15px; overflow: auto; }
.index-ziyuan-title a { position: relative; display: inline-block; width: 18.48%; height: 70px; line-height: 70px; border-radius: 12px; font-size: 20px; color: #333; padding: 0 15px; background: #f5f5f5; margin: 0 2.6%; -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-ziyuan-title a::after { content: " "; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 31px; height: 15px; background: url("../images/icon-11.png") center no-repeat; background-size: cover; display: none; }
.index-ziyuan-title a.on { color: #fff; background: url("../images/bg-04.jpg") center no-repeat; background-size: cover; }
.index-ziyuan-title a.on::after { display: block; }

.index-ziyuan-nr { margin-top: 35px; padding-top: 70px; padding-bottom: 95px; background: url("../images/bg-05.jpg") center no-repeat; background-size: cover; }

.index-ziyuan-nr-01 { display: none; }
.index-ziyuan-nr-01:first-child { display: block; }

.index-ziyuan-list { display: flex; flex-wrap: wrap; margin-left: -17px; margin-right: -17px; }

.index-ziyuan-01 { width: 16.66%; padding: 0 17px; margin-top: 27px; }

.index-ziyuan-a1 .span-img { background: #fff; border-radius: 10px; }
.index-ziyuan-a1 .span-img .mg-mc { width: 100%; }
.index-ziyuan-a1 .span-img .mg1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -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-ziyuan-a1 .span-title { font-size: 16px; color: #fff; line-height: 26px; margin-top: 15px; }

/*============================= 04_公司新闻 =============================*/
.banner-inside { display: flex; justify-content: center; align-items: center; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center; color: #fff; text-align: center; }
.banner-inside .div-cont { padding-top: 100px; }
.banner-inside .div-cn { font-size: 40px; line-height: 50px; }
.banner-inside .div-en { text-transform: uppercase; font-size: 18px; line-height: 30px; margin-top: 6px; }

.public-menu { display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #e6e6e6; }
.public-menu a { position: relative; display: inline-block; line-height: 80px; font-size: 18px; color: #333; -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-menu a::after { content: " "; position: absolute; left: 50%; right: 50%; bottom: -1px; height: 3px; background: #563390; -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-menu a.on { color: #563390; }
.public-menu a.on::after { left: 0; right: 0; }
.public-menu .span-line { margin: 0 60px; }

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

.news-list { padding-bottom: 60px; }
.news-list li { padding: 40px 40px 40px 60px; background: #f7f7f7; margin-top: 40px; }
.news-list li:first-child { margin-top: 0; }
.news-art-des ul li {
    list-style: inherit;
}

.news-01 { display: flex; align-items: center; justify-content: space-between; }
.news-01 .div-date { width: 11%; padding-right: 15px; color: #563390; background: url("../images/line-05.png") right center no-repeat; }
.news-01 .div-date .div-year { font-size: 20px; line-height: 30px; font-family: "Times New Roman"; }
.news-01 .div-date .div-line { margin-top: 11px; }
.news-01 .div-date .div-day { font-size: 48px; line-height: 58px; font-family: "Times New Roman"; margin-top: 8px; }
.news-01 .div-cont { width: 54.66%; margin-right: 2.3%; }
.news-01 .div-cont .div-title a { display: inline-block; max-width: 100%; font-size: 20px; line-height: 30px; color: #333; 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-01 .div-cont .div-dat { display: none; }
.news-01 .div-cont .div-des { font-size: 16px; line-height: 28px; color: #666; margin-top: 20px; height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.news-01 .a-img { width: 24%; }
.news-01 .a-img .span-img { background-size: cover; background-repeat: no-repeat; background-position: 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; }
.news-01 .a-img img { width: 100%; }

.news-art-title .b-title { font-size: 24px; font-weight: bold; color: #563390; }
.news-art-title .div-info { display: flex; align-items: center; justify-content: center; margin-top: 23px; padding-bottom: 24px; border-bottom: 1px solid #e6e6e6; }
.news-art-title .div-info span { margin: 0 30px; }
.news-art-title .div-info .span-date { display: flex; align-items: center; font-size: 16px; color: #999; line-height: 26px; }
.news-art-title .div-info .span-date img { margin-right: 11px; }
.news-art-title .div-info .span-share { display: flex; align-items: center; font-size: 16px; color: #999; }

.news-art-des { font-size: 16px; line-height: 28px; color: #555; padding-top: 28px; }
.news-pages { position: relative; display: flex; justify-content: space-between; padding: 16px 30px; background: #f7f7f7; margin-top: 45px; }
.news-pages .a-return { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.news-pages .a1 { display: inline-block; max-width: 40%; line-height: 40px; font-size: 18px; color: #555; 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-main .index-ziyuan-list { padding-bottom: 55px; margin-top: -27px; }
.news-main .index-ziyuan-a1 .span-title { color: #333; }

/*============================= 06_产品服务_医疗大数据_国际家数据平台_肿瘤大数据平台 =============================*/
.public-main { padding-top: 80px; padding-bottom: 80px; }

.public-sub { float: left; width: 320px; background: #fff; }
.public-sub .div-title { background: url("../images/bg-06.png") right top no-repeat; background-size: cover; color: #fff; font-size: 24px; line-height: 60px; padding: 0 9.375%; }

.public-sub-list li { margin-top: 1px; }
.public-sub-list li a { cursor: pointer; }
.public-sub-list li .span-a1 a { display: block; background: #666; font-size: 20px; line-height: 30px; padding: 10px 25% 10px 9.375%; color: #fff; background-image: url("../images/icon-14.png"); background-repeat: no-repeat; background-position: right 9.375% center; }
.public-sub-list li .span-a1.on a { background-color: #563390; background-image: url("../images/icon-14h.png"); }
.public-sub-list li .div-list { display: none; }
.public-sub-list li .div-list .span-a2 { border-bottom: 1px solid #ededed; }
.public-sub-list li .div-list .span-a2 a { display: block; font-size: 17px; line-height: 28px; color: #333; padding: 10px 25% 10px 12.5%; background-image: url("../images/icon-15.png"); background-repeat: no-repeat; background-position: right 9.375% center; }
.public-sub-list li .div-list .span-a2.on a { background-color: #f5f5f5; background-image: url("../images/icon-15h.png"); }
.public-sub-list li .div-1 { padding-top: 9px; padding-bottom: 13px; border-bottom: 1px solid #ededed; display: none; }
.public-sub-list li .div-1 .div-a1 { margin-top: 4px; }
.public-sub-list li .div-1 .div-a1 a { display: block; font-size: 15px; color: #666; line-height: 26px; padding: 10px 15px 10px 12.5%; }
.public-sub-list li .div-1 .div-a1 a bdo { padding-left: 11px; background-image: url("../images/icon-16.png"); background-repeat: no-repeat; background-position: left top 13px; }
.public-sub-list li .div-1 .div-a1 a.on { color: #563390; }

.public-content { margin-left: 350px; }

.public-content-01 { background: #fff; }

.public-content-title { padding: 50px 4% 20px 4%; border-bottom: 1px solid #e6e6e6; display: flex; align-items: flex-start; justify-content: space-between; }
.public-content-title.ling { padding-bottom: 0; }
.public-content-title .span-01 { font-size: 32px; color: #563390; line-height: 1; padding-left: 15px; border-left: 5px solid #563390; }
.public-content-title .div-01 a { display: inline-block; font-size: 18px; color: #333; margin-left: 60px; line-height: 30px; padding-bottom: 20px; border-bottom: 2px solid rgba(0, 0, 0, 0); margin-bottom: -1px; }
.public-content-title .div-01 a:first-child { margin-left: 0; }
.public-content-title .div-01 a.on { color: #563390; border-bottom-color: #563390; }

.service-art { padding: 0 4% 43px 4%; }

.service-title { border-bottom: 1px solid #e6e6e6; margin-bottom: 25px; }
.service-title .span-01 { font-size: 28px; line-height: 1; color: #333; margin-bottom: -1px; padding-bottom: 14px; border-bottom: 3px solid #563390; }

.service-art-01 { margin-top: 50px; }
.service-art-01 .div-des { font-size: 16px; line-height: 28px; color: #555; }
/*============================= 15_DHC研究院_自然语言处理NLP =============================*/
.dhc-flex { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 5px; }
.dhc-flex.ling { margin-top: -30px; }

.dhc-01 { width: 22.6%; background: #fff; padding: 30px; -webkit-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); -moz-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); border-radius: 10px; }
.dhc-01 .div-txt { padding: 0 11.53%; font-size: 18px; line-height: 28px; color: #333; margin-top: 15px; }

.dhc-02 { display: flex; justify-content: space-between; width: 46.95%; padding: 50px; -webkit-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); -moz-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); border-radius: 10px; margin-top: 50px; }
.dhc-02 .div-icon { width: 19.54%; }
.dhc-02 .div-cont { width: 73.86%; }
.dhc-02 .div-title { font-size: 20px; color: #333; line-height: 30px; }
.dhc-02 .div-des { font-size: 16px; color: #666; line-height: 26px; margin-top: 7px; }

/*============================= 10_产品服务_产品系列 =============================*/
.product-service-list .row { padding-bottom: 20px; }
.product-service-list .row > div { margin-bottom: 30px; }

.product-service-a1 { 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; }
.product-service-a1 .span-img .bdo-img { padding-top: 66.67%; background-size: cover; background-position: center; background-repeat: no-repeat; -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; }
.product-service-a1 .span-title { padding: 0 20px; line-height: 60px; font-size: 20px; color: #333; 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; }
.product-service-a1 .span-cont .b-title { font-size: 24px; color: #333; font-weight: bold; }
.product-service-a1 .span-cont .a-more { width: 180px; max-width: 100%; height: 50px; line-height: 48px; color: #563390; border: 1px solid #563390; border-radius: 50px; font-size: 16px; color: #563390; margin-top: 94px; -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; }
.product-service-a1 .span-cont .a-more span { padding-right: 22px; background: url("../images/icon-07.png") right center no-repeat; -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-list ol,.public-art-list ul{ padding-left:18px; }
/*============================= 11_产品服务_产品系列_临床科研系统 =============================*/
.service-anchor { position: absolute; margin-top: -50px; }

.service-case-flex { display: flex; justify-content: center; flex-wrap: wrap; margin-left: -17px; margin-right: -17px; }

.service-case-01 { width: 25%; display: flex; margin-top: 34px; padding: 0 17px; }

.service-case-cont { width: 100%; font-size: 16px; line-height: 26px; color: #333; background: #fff; padding: 30px 10% 34px; -webkit-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); -moz-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); border-radius: 10px; }
.service-case-cont .div-txt { margin-top: 24px; text-align: center; }

.service-gn-list li { padding: 30px; }
.service-gn-list li:nth-child(odd) { background: #f9f9f9; }
.service-gn-list .div-title { display: flex; align-items: center; font-size: 16px; color: #563390; line-height: 32px; }
.service-gn-list .div-title img { margin-right: 20px; }
.service-gn-list .div-des { font-size: 15px; line-height: 26px; color: #555; margin-top: 13px; }
.service-gn-list .div-flex { display: flex; flex-wrap: wrap; padding-top: 7px; }
.service-gn-list .div-flex .div-01 { min-width: 20%; padding-right: 20px; font-size: 15px; color: #555; margin-top: 7px; }

.service-case-flex2 { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; }

.service-case-02 { width: 20%; padding-left: 12px; padding-right: 12px; margin-top: 20px; }
.service-case-02 .div-icon { border-radius: 10px; border: 1px solid #dbdbdb; }
.service-case-02 .div-icon .mg-mc { width: 100%; }
.service-case-02 .div-icon .mg1 { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.service-case-02 .div-txt { font-size: 16px; line-height: 24px; color: #333; text-align: center; margin-top: 15px; }

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

.contact-flex { display: flex; flex-wrap: wrap; margin-left: -25px; margin-right: -15px; }

.contact-flex-01 { display: flex; width: 33.33%; padding-left: 25px; padding-right: 25px; margin-top: 50px; }

.contact-01 { width: 100%; background: #fff; border: 1px solid #dbdbdb; padding: 40px 8%; -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; }
.contact-01 .div-img .span-img { padding-top: 67.445%; 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; }
.contact-01 .div-title { padding-right: 35px; font-size: 24px; color: #333; line-height: 34px; background-image: url("../images/icon-43.png"); background-repeat: no-repeat; background-position: right 6px; margin-top: 35px; -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; }
.contact-01 .div-list { font-size: 16px; line-height: 32px; color: #666; margin-top: 26px; }

.contact-form { padding-top: 150px; padding-bottom: 150px; background-size: cover; background-position: center; background-repeat: no-repeat; }

.contact-form-cont { width: 56.25%; margin-left: auto; }
.contact-form-cont .but-01 { border: none; outline: none; width: 180px; height: 50px; background: #563390; font-size: 16px; color: #fff; margin-top: 25px; }

.contact-form-flex { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 40px; }
.contact-form-flex .div-left, .contact-form-flex .div-right { width: 48.88%; }
.contact-form-flex .div-01 { margin-top: 20px; }
.contact-form-flex .div-01:first-child { margin-top: 0; }
.contact-form-flex .put-01 { border: none; outline: none; width: 100%; background: #fff; line-height: 30px; padding: 13px 20px; font-size: 16px; }
.contact-form-flex .put-01::placeholder { color: #888; }
.contact-form-flex .text-01 { resize: none; height: 208px; }

.job-intro { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-top: 80px; padding-bottom: 80px; }
.job-intro .div-word { width: 47.5%; }
.job-intro .div-word .div-des { font-size: 16px; line-height: 28px; color: #555; margin-top: 44px; }
.job-intro .div-img { width: 47.5%; }

.job-yj { padding-top: 100px; padding-bottom: 100px; background-size: cover; background-position: center; background-repeat: no-repeat; }

.job-yj-flex { display: flex; justify-content: space-between; flex-wrap: wrap; padding-left: 40px; padding-right: 40px; margin-top: 50px; }

.job-yj-01 { width: 24.24%; padding: 50px 0 53px; border: 1px solid #fff; }
.job-yj-01 .div-icon img { max-width: 30%; }
.job-yj-01 .div-cont { padding: 30px 10.93% 0; color: #fff; }
.job-yj-01 .div-cont .div-title { text-align: center; font-size: 30px; line-height: 40px; }
.job-yj-01 .div-cont .div-des { text-align: center; font-weight: bold; font-size: 16px; line-height: 26px; margin-top: 8px; }

.job-hj { padding-top: 100px; padding-bottom: 100px; }

.job-hj-owl { margin-top: 50px; padding-left: 80px; padding-right: 80px; }
.job-hj-owl .owl-nav button { position: absolute; top: 50%; margin-top: -20px; }
.job-hj-owl .owl-nav button.owl-prev, .job-hj-owl .owl-nav button.owl-next { width: 50px; height: 50px; background-size: cover; background-repeat: no-repeat; background-position: center; font-size: 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; }
.job-hj-owl .owl-nav button.owl-prev { left: 0; background-image: url("../images/b-arrow-left2.png"); }
.job-hj-owl .owl-nav button.owl-next { right: 0; background-image: url("../images/b-arrow-right2.png"); }
.job-hj-owl .a-img .span-img .bdo-img { padding-top: 73.425%; 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; }
.job-hj-owl .a-img .span-title { font-size: 20px; line-height: 30px; color: #333; margin-top: 10px; }

.job-cx { background: #f7f7f7; padding: 100px 0; }

.job-cx-flex { display: flex; justify-content: space-between; align-items: center; }
.job-cx-flex .div-img { width: 47.5%; }
.job-cx-flex .div-img img { width: 100%; }
.job-cx-flex .div-word { width: 46.25%; }
.job-cx-flex .div-word .div-des { line-height: 34px; color: #555; margin-top: 40px; }

.job-fuli { padding-top: 80px; padding-bottom: 80px; }

.job-fuli-flex { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 37px; margin-left: -99px; margin-right: -99px; }

.job-fuli-01 { width: 160px; position: relative; margin: 26px 99px 0; -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; }
.job-fuli-01::before { content: ""; position: absolute; left: -13px; top: -13px; right: -13px; bottom: -13px; background: #ddd6e9; border-radius: 50%; -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; }
.job-fuli-01 .div-cont { position: relative; z-index: 2; width: 100%; height: 160px; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #563390; border-radius: 50%; }
.job-fuli-01 .div-icon { -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; }
.job-fuli-01 .div-title { font-size: 20px; color: #fff; margin-top: 15px; line-height: 30px; }

.job-cp { padding-top: 80px; padding-bottom: 80px; background: #f7f7f7; }

.job-cp-tab-title { margin-top: 50px; }
.job-cp-tab-title a { display: inline-block; width: 180px; height: 50px; line-height: 48px; font-size: 18px; color: #563390; border: 1px solid #563390; border-radius: 5px; margin: 0 10px; }
.job-cp-tab-title a.on { background: #563390; color: #fff; }

.job-cp-owl { margin-top: 50px; padding-left: 40px; padding-right: 40px; }
.job-cp-owl .owl-nav button { position: absolute; top: 50%; }
.job-cp-owl .owl-nav button.owl-prev, .job-cp-owl .owl-nav button.owl-next { width: 12px; height: 22px; background-size: cover; background-repeat: no-repeat; background-position: center; font-size: 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; }
.job-cp-owl .owl-nav button.owl-prev { left: 0; background-image: url("../images/arrow-left.png"); }
.job-cp-owl .owl-nav button.owl-next { right: 0; background-image: url("../images/arrow-right.png"); }

.job-cp-01 { padding: 45px 11.42% 40px; background: #fff; cursor: pointer; -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; }
.job-cp-01 .div-title { font-size: 20px; line-height: 30px; color: #333; }
.job-cp-01 .div-des { font-size: 16px; line-height: 28px; color: #666; margin-top: 20px; height: 84px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; -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; }
.job-cp-01 .div-icon { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 94px; }
.job-cp-01 .div-icon .span-icon { position: relative; }
.job-cp-01 .div-icon .span-icon .mg2 { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.job-cp-01 .div-icon img { width: auto; -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; }

.job-cp-nr-01 { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; }
.job-cp-nr-01.on { position: relative; visibility: visible; }

.about-num { padding-top: 0; padding-bottom: 75px; }

.about-hornor { padding-top: 80px; padding-bottom: 75px; background-repeat: no-repeat; background-position: center bottom; background-size: cover; }

.gsty-active-swiper { margin-top: 50px; }
.gsty-active-swiper .swiper-button-prev, .gsty-active-swiper .swiper-button-next { width: 50px; height: 50px; background-size: cover; background-repeat: no-repeat; background-position: center; font-size: 0; }
.gsty-active-swiper .swiper-button-prev::before, .gsty-active-swiper .swiper-button-prev::after, .gsty-active-swiper .swiper-button-next::before, .gsty-active-swiper .swiper-button-next::after { display: none; }
.gsty-active-swiper .swiper-button-prev { left: 20px; background-image: url("../images/b-arrow-left2.png"); }
.gsty-active-swiper .swiper-button-prev:hover { background-image: url("../images/b-arrow-lefth.png"); }
.gsty-active-swiper .swiper-button-next { right: 20px; background-image: url("../images/b-arrow-right2.png"); }
.gsty-active-swiper .swiper-button-next:hover { background-image: url("../images/b-arrow-righth.png"); }

.gsty-active-swiper .swiper-slide { width: 320px; }

.gsty-active-swiper .gsty-active-01 a .mg-mc { width: 100%; }
.gsty-active-swiper .gsty-active-01 a .mg1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }

.gsty-active-details .div-01 { width: 320px; margin: 30px auto 0; max-width: calc(100vw - 30px); text-align: center; display: none; font-size: 14px; line-height: 24px; color: #fff; }
.gsty-active-details .div-01.on { display: block; }

.about-team { padding-top: 80px; padding-bottom: 80px; }

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

.about-team-01 { width: 48.75%; margin-top: 50px; -webkit-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); -moz-box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); box-shadow: 0 0 14px rgba(86, 51, 144, 0.1); border-radius: 10px; }
.about-team-01 .div-flex { padding: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.about-team-01 .div-img { width: 29.41%; }
.about-team-01 .div-cont { width: 66.17%; }
.about-team-01 .div-title { padding-left: 15px; border-left: 3px solid #563390; }
.about-team-01 .div-title .span-title { font-size: 24px; line-height: 26px; color: #333; }
.about-team-01 .div-title .span-des { font-size: 18px; color: #333; line-height: 20px; margin-top: 13px; }
.about-team-01 .div-des { font-size: 14px; line-height: 24px; color: #555; margin-top: 28px; }

.about-history .span-bg { position: absolute; left: 0; top: 0; right: 0; height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center; }

.about-history-cont { padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 2; }

.about-history-content { padding-top: 56px; padding-bottom: 120px; margin-top: 50px; background: #f8f8f8; }

.about-history-year { padding-left: 130px; padding-right: 130px; border-bottom: 1px solid #dbdbdb; }

.about-history-owl { position: relative; text-align: center; padding-left: 100px; padding-right: 100px; }
.about-history-owl .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); }
.about-history-owl .owl-nav button.owl-prev, .about-history-owl .owl-nav button.owl-next { width: 12px; height: 22px; background-size: cover; background-repeat: no-repeat; background-position: center; font-size: 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; }
.about-history-owl .owl-nav button.owl-prev { left: 0; background-image: url("../images/arrow-left.png"); }
.about-history-owl .owl-nav button.owl-next { right: 0; background-image: url("../images/arrow-right.png"); }
.about-history-owl .span-01 { position: relative; font-size: 40px; color: #333; line-height: 76px; cursor: pointer; }
.about-history-owl .span-01::after { content: " "; position: absolute; left: 50%; right: 50%; bottom: 0; border-bottom: 4px solid #333; }
.about-history-owl .span-01.on { font-weight: bold; }
.about-history-owl .span-01.on::after { left: 0; right: 0; }

.about-history-content .div-nr { padding-left: 11.25%; padding-right: 8.75%; margin-left: auto; margin-right: auto; }

.about-history-list { padding-top: 1px; border-left: 1px solid #dbdbdb; display: none; padding-bottom: 20px; }
.about-history-list:first-child { display: block; }
.about-history-list li { position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 80px; padding-left: 70px; }
.about-history-list li::before { content: " "; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); width: 19px; height: 19px; background: url("../images/icon-58.png") center no-repeat; background-size: cover; }
.about-history-list li .div-img { width: 31.4%; }
.about-history-list li .div-img img { -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; }
.about-history-list li .div-cont { width: 63.22%; padding-left: 45px; }
.about-history-list li .div-title { margin-left: -45px; font-size: 40px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; line-height: 50px; color: #333; font-weight: bold; padding-left: 45px; background: url("../images/line-06.jpg") left center no-repeat; }
.about-history-list li .div-des { font-size: 16px; line-height: 28px; color: #333; margin-top: 18px; }

.public-mc { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 105; background: rgba(0, 0, 0, 0.5); display: none; }

.public-tc { position: fixed; left: 50%; top: 50%; z-index: 110; transform: translate(-50%, -50%); width: 60vw; height: 80vh; background: #fff; display: none; }

.public-tc-close { position: absolute; right: 20px; top: 20px; cursor: pointer; }
.public-tc-close img { -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-tc-cont { position: absolute; top: 50px; right: 60px; left: 60px; bottom: 50px; overflow: auto; padding-right: 30px; /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ /*定义滚动条轨道 内阴影+圆角*/ /*定义滑块 内阴影+圆角*/ }
.public-tc-cont::-webkit-scrollbar { width: 3px; height: 3px; background-color: #fafafa; }
.public-tc-cont::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 0; background-color: #fafafa; }
.public-tc-cont::-webkit-scrollbar-thumb { border-radius: 0; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #563390; }
.public-tc-cont .div-title { font-size: 24px; line-height: 34px; color: #563390; }
.public-tc-cont .div-01 { margin-top: 30px; }
.public-tc-cont .div-tit { font-size: 20px; line-height: 30px; color: #333; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; }
.public-tc-cont .div-des { font-size: 16px; color: #888; line-height: 28px; margin-top: 20px; }
.public-tc-cont .div-02 { font-size: 18px; line-height: 28px; color: #333; margin-top: 30px; }

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