*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; font-family: 'Hos','Arial' !important;}
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;opacity: 0;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;    position: relative;
    z-index: 999;}
.div-container {position: relative;width: 74%;margin: auto;}
@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/MiSans/MiSansLatin-Light.ttf') format('truetype');
  font-display: swap;
}
@font-face{font-family: 'axt'; src:url(https://cdn.114my.com.cn/font/lcw/axt.ttf);
  font-display: swap;}
@font-face{font-family:'df'; src: url("https://cdn.114my.com.cn/font/MiSans/MiSans-Bold.ttf");
  font-display: swap;}
@font-face{font-family:'alz'; src: url("https://cdn.114my.com.cn/font/MiSans/MiSans-Heavy.ttf");
  font-display: swap;}
@font-face { 
        font-family:'neu'; src: 
       url('https://cdn.114my.com.cn/font/MiSans/MiSansLatin-Heavy.ttf') format('truetype');
  font-display: swap;
}

.f01{   font-family: 'axt'; }
.f02{   font-family:'df'; }
.f03{  font-family: 'alz';}
.f04{  font-family: 'Hos';}
.f05{  font-family: 'neu';}


@font-face {
  font-family: 'iconfont';  /* Project id 4978008 */
  src: url('//at.alicdn.com/t/c/font_4978008_u94uwnanyb.woff2?t=1776822554726') format('woff2'),
       url('//at.alicdn.com/t/c/font_4978008_u94uwnanyb.woff?t=1776822554726') format('woff'),
       url('//at.alicdn.com/t/c/font_4978008_u94uwnanyb.ttf?t=1776822554726') format('truetype');
  font-display: swap;
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.gyc {margin: 0 auto;max-width: 78%;min-width: 1200px;position: relative;z-index: 55;}
.gy{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gyb {margin: 0 auto;max-width: 88%;min-width: 1200px;position: relative;z-index: 55;}
.gyf{max-width: 100%;margin: 0 auto;min-width: 1200px;width: 100%;}
.page{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gycc {max-width: 50%; position: relative;z-index: 55;}

/*head*/
.head_box{width:100%; z-index: 999;position: absolute;padding:0% 2%;background: #fff;}
.head_act{position: fixed;top:0;left:0;animation: headBox 1s;box-shadow:0 0 6px rgba(0, 0, 0, 0.25);background:#fff;padding:0% 2%;}
.head_act .logo p b,.head_act .nav li a {color: #333;}
.head_act .logo p b em,.head_act .head_tl>div a,.sear i,.head_act .weChat i, .tel i {color: #666;}
.head_act .head_tl>div a{color: #666;}
.head_act .tel i, .head_act .sear i {color: #666;}
.head_act .logo .hei{display: block;}
.head_act .logo .lan{display: none;}

.head_cont{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:9;padding-left:0px !important;overflow: visible;}
.ggy{width:433px;height:auto;display:block;background:rgba(255,255,255,0.8);position:absolute;top:100%;left:0;text-align: center;padding:18px 0;}
.head_act .ggy{display:none;}
.ggy h1{font-size:24px;font-weight: bold;color:#333;line-height:100%;}
.ggy span{display: block;color:#666;line-height:100%;letter-spacing: 1px;margin-top:10px;font-size:16px;}
.logo{    display: flex;
    align-items: center}
.logo img{width:4vw;}
.logo p {display: flex;flex-direction: column;font-size:2.9vw;font-weight: 100;letter-spacing: 3.6px;padding: 0 0 0 13px; text-transform: uppercase;}
.logo p b {color: #333;font-size:1.7vw;font-weight: bold;letter-spacing: 0px; position: relative;}

.logo p b::after {
    content: "";
    width: 20px;
    height: 28px;
    background: url(https://memberpic.114my.net/dgjieke20900en/uploadfile/image/20260810/20260810172141_139883907.png) left top no-repeat;
    position: absolute;
    top: -1.2vw;
    left: 2.1vw;
}
.logo p b::before {
    content: "";
    width: 20px;
    height: 28px;
    background: url(https://memberpic.114my.net/dgjieke20900en/uploadfile/image/20260810/20260810172141_139883907.png) left top no-repeat;
    position: absolute;
    top: -1.2vw;
    left: 18.1vw;
}

.logo p b em {color: #999; display: block; font-size: 0.8vw;padding-top:5px;letter-spacing: 1px;text-transform: uppercase;font-weight: 100;width: 66%;line-height:1.2;}
.logo p span {font-size: calc(0.6rem + 0.4vw);font-weight:  lighter; border-radius: 50px;text-align: center;color: #8a8383;text-align-last: justify;position: relative;z-index: 5;}
.logo .lan {display: block;}
.logo .hei {display: none}

.nav{width:55%;display:flex;align-items:center;justify-content:space-between;}
.nav li{position: relative;;}
.nav li.active:before,.nav li:hover:before{top:78px;left:calc(100% - 35px);opacity:1;}
.nav li a{height: 90px;transition:all .3s ease-out;position: relative;display: block; font-size: 18px;color: #333;line-height: 90px; font-weight:600;}
.nav>li:last-child>a{background: linear-gradient(270deg, #0080cb, #0592e6);color: #fff;    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 20px;}

.nav>li:last-child>a:hover{color: rgba(255,255,255,0.7);}

@media screen and (max-width: 1500px){.nav li a{font-size: 16px;}}
@media screen and (max-width: 1440px){.nav li a{font-size: 16px;}}
@media screen and (max-width: 1360px){.nav li a{font-size: 15px;}}
.nav li.active>a,.nav li:hover>a{color:#007ecb;font-weight: bold;}
.nav>li:last-child>a:hover{color: rgba(255,255,255,0.7);}
.nav .xl{}
.nav .xl>ul>li{position:relative;}
.nav .xl li a{width: 150px;height: 48px;line-height: 48px;text-align: center;background: #fff;border-bottom: 1px solid #eee;font-size:16px;color: #222;}
.nav li:nth-child(3) .xl li a{width: 310px;}
.nav li:nth-child(3) .xl { right: -112px;}
.nav li:nth-child(3) .xl:before{    left: 139px;}
.nav .xl li:before{display:none;}
.nav li:hover .xl{opacity:1;transition:all .3s ease-out;transform: translateY(0px);display:block;top: 90px;}
.nav li:nth-child(2) .xl { right: -38px;}

.nav .xl li> ul{position:absolute;top:0;left:100%;transform-origin: top;transform:rotateX(90deg);transition:all 0.5s ease;}
.nav .xl li:hover> ul{transform:rotateX(0deg);}
.nav .xl li:hover> ul li a{width:150px;height:46px;line-height:46px;}
.nav .xl li a:hover{background: #007ecb;color: #fff;}
.nav .prolist2021 {position:relative;padding: 0px 0;}
.nav .prolist2021 ul {position:relative;}
.nav .prolist2021 li {position:relative;}

.nav .prolist2021 li a{font-size:16px;}
.nav .prolist2021 li dl {position:absolute;top:0;left:100%; transition: 0.5s;}

.call ul {
    flex-direction: column;
} 
.nav .prolist2021 li dl {width: 100%;}
td#showfennei {
    height: 40px !important;
    display: inline-block;
    line-height: 40px;
}

.nav li:hover dl {    opacity: 1; transition: 0.5s;}
.nav .prolist2021 li dl dt a {display: block;padding: 0 20px;width: 210px;height:48px; border-bottom: none;background: #007ecb; color: #fff  !important; font-weight: 100; font-size: 14px; line-height:48px;position: relative; border-bottom: 1px rgba(255,255,255,0.2) solid; font-family: 'axt';}
.nav .prolist2021 li dl dt a:hover{background: #ff0000;color: #fff; }
.rightarrowpointer{display:none;} 
.nav>ul>li:hover .nav2 {transform: rotateX(0deg);}
.nav .prolist2021 li:hover dl { transform: rotateY(0deg);}
.nav .prolist2021 li dl {position: absolute;top: 0; left: 100%;transition: 0.5s; transform-origin: left; transform: rotateY(90deg);z-index: 5;}

.head_tl{display: flex;align-items:center;justify-content:space-between;}
.head_tl>div{height:90px;padding:29px 0;position:relative;}
.head_tl>div a{font-size: 16px;padding-left:7px;font-family: 'axt';color:#333;transform: translateY(-2px);
    display: inline-block;}
.head_tl>div+div{margin-left:15px;}
.weChat p{background:#fff;padding:10px;}
.weChat p img{width:150px;}
.sear i, .weChat i, .tel i{width:33px;height:33px; border-radius:100%;font-size:22px;font-style: normal;color:#333;position:relative;text-align: center;line-height:33px;}

.sear i:before, .weChat i:before, .tel i:before{left:0;top:0;}
.sear_box, .weChat p, .tel p{background:#f8f8f8;position:absolute;top:80%;right:-23px;transform-origin:top;transform:rotateX(90deg);transition:0.5s;border-top: 0px #007ecb solid;}
.tel p{right:-6px;}
.nav .xl{background:#f8f8f8;position:absolute;top:100%;right:-56px;;transform-origin:top;transform:rotateX(90deg);transition:0.5s;border-top: 0px #007ecb solid;box-shadow: 0 0 15px rgba(29, 56, 75, .4);}
.nav .xl:before {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 11px 7px;
    content: "";
    left: 42px;
    position: absolute;
    top: -22px;
}

.sear_box{width:600px;left:auto;text-align: left;padding:20px;}
.sear_box span{font-size:14px;font-weight:bold;}
.sear_box>a{color:#8a8a8a !important;margin-left: 0px;line-height: 20px;font-size:15px !important;font-family: 'Hos' !important;}
.sear_input{position:relative;margin-top:10px;}
.inpu{width:100%;height:44px;border:1px solid #eee;}
#infoname{width:100%;height:42px;line-height:42px;text-indent: 10px;}
.sear .z{width:44px;height:44px;position:absolute;top:2px;right:0;}
.sear .z input{width:100%;height:100%;position:relative;}
.sear .z input:before{font-family: "iconfont" !important;font-size:18px;font-style: normal;color:#bdbdbd;}
.tel p{width:280px;padding:20px;}
.tel p b{display:block;padding-bottom:10px;font-size:20px;line-height: 20px;text-align:left;padding-left:0px;position:relative;    font-family: 'neu';}
.tel p b:before{font-family:'ityfont';font-size:14px;color:#999;position: absolute;top: 0;left: 0;}
.tel >p em{margin-top:0px;font-family:neu;font-size:20px;font-weight: normal;line-height:1em;text-align: left;    display: block;}
.tel >p em a{line-height:2em;}
.tel >p em:hover a{background: linear-gradient(270deg, #007ecb, #0592e6);color:#fff !IMPORTANT;width: 100%;}
.tel >p em+em{letter-spacing:0.03em;}


.lang ul{width:120px;padding:20px 0;}
.sear:hover .sear_box, .tel:hover>p, .lang:hover>ul,.weChat:hover p{transform:rotateX(0);z-index:9;transition:0.5s;}
.lang ul li{text-align: center;}
.lang ul li a{display: block;font-size:0;}
.lang ul li+li{margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0;}
.lang ul li i, .lang ul li p{display:inline-block;vertical-align:middle;}
.lang ul li i{width:20px;height:20px;}
.lang ul li i img{width:20px;}
.lang ul li p{width:70px;font-size:14px;line-height:1em;text-align:left;margin-left:8px;}

/* index */ 
.img img, .pic img {
    height: 640px !important;
}
.index-banner-swiper {width: 100%;height: 640px;position: relative;background: #eee;overflow: hidden;} 
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-item {position: relative;}
.index-banner-text {position: absolute;left: 8%;top: 54%;transform: translateY(-50%);z-index: 100;color:transparent;width:70%;}
.index-banner-text.right{width:78%; text-align: right;right: 0%;top:50%;}
.index-banner-text.ce{width:100%; text-align: center;left: 0%;top: 26%;}
.index-banner-text.ce1{width:100%; text-align: center;left: 0%;top: 32%;}
.index-banner-text .title-1,.index-banner-swiper .title-2 {-webkit-text-stroke: 2px #333;}
.index-banner-text .text-1 {color: #333;margin-top:2%;}
.index-banner-text .text-1 span{ line-height:1.6vw; margin-top:2%; font-family: axt;line-height:1.4;}
.index-banner-swiper .title-1{text-transform: uppercase;}
.index-banner-text strong{color: #333;margin: 0;padding: 0;font-weight: bold;-webkit-text-stroke: 0px transparent;} 
.index-banner-swiper .title-1,
.index-banner-swiper .title-2,
.index-banner-swiper .text-1,
.index-banner-swiper .more-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .title-1 {transition-delay: .2s;}
.index-banner-swiper .title-2,.index-banner-swiper .text-1 {transition-delay: .3s;} 
.index-banner-swiper .more-1 {transition-delay: .4s;margin-top:7%;} 
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .more-1 {transform: translateY(0px);opacity: 1;}

.index-banner-swiper .swiper-slide .img .pic img {opacity: .5;}

.scrolldown {position: absolute;bottom:5%;z-index: 11;right: 5%;}
.index-banner-swiper .banner-pagination {bottom:3% !important;}
.index-banner-swiper .banner-pagination span {display: inline-block;vertical-align: middle;width: 6rem;height: 3px;background: #fff;border-radius: 0;}

.more-1 {margin-top: 2%;}
.more-1 a,.more-1 strong {display: inline-block;width:12vw;line-height:2.8vw;border-radius:3vw;background: #f98607;border: 2px solid #f98607; text-align: center; font-weight: normal;}
.more-1 i,.more-1 span {display: inline-block;vertical-align: middle;line-height:2.8vw;font-size: 1.1vw;}
.more-1 span  {color: #fff;}
.more-1 i{color: #fff;padding-left:5px;font-size: 1.2vw;}
.more-1 a:hover {background: none;border: 2px solid #f9c737;}
.more-1 a:hover span  {color: #fff;}
 
.swiper-button-prev,.swiper-button-next {display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: 0;margin-right: 1rem;}
.swiper-button-prev,.swiper-button-next {border: 2px solid #e7e8e9;border-radius: 100%;width: 6rem;height: 6rem;box-sizing: border-box;outline: none;background: #e7e8e9;}
.swiper-button-prev::after,.swiper-button-next::after {color: #000;font-size: 1.4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: 900;}

.index-banner-swiper .title-1 ,.index-banner-swiper .title-2,.footer-top-right a.fnav,.brinyte-application-right .text .title-1,.brinyte-icon-item .title-2,.play-3 .text-3 strong,
.brinyte-application-type .title-1,.brinyte-application-item .item-content .title-1,.brinyte-influencer-reviews-top .title-1,.brinyte-specification-top .title-1,.brinyte-name .text-1,
.header-nav-list a:hover,.header-nav-product-list ul li .title-1,.header-nav-list li.cur a,.brinyte-banner .left-text .title-1,.brinyte-faq-item .title.cur .title-1,
.date-item-1 strong,.date-item-1 sup,.brinyte-path a span,.brinyte-arguments-right .title-1,.brinyte-faq-support-top .title-1,.brinyte-message-top .title-1,.brinyte-company-left .text-1,
.brinyte-title .type-1,.brinyte-title .title-1,.footer-letter .title-1,.brinyte-product-registration .title-1 ,.brinyte-products-faq .title-1 span,.brinyte-download-item .date-1,
.footer-top-right ul a.fnva,.brinyte-service-support-item .title-1 ,.brinyte-service-support-nav a.cur span,.brinyte-signup-video .title-1,.brinyte-download-left-nav a.cur span,
.brinyte-product-introduce .title-1,.brinyte-service-note .title-1,.brinyte-corporate-culture-item .title-1,.brinyte-development-milestones-item .title-1,.brinyte-detail-title .title-1,
.brinyte-exploration-detail-top .title-1,.brinyte-exploration-content-bottom .text-1,.brinyte-contact-top .title-1 ,.brinyte-privacy-policy-content strong,.brinyte-detail-sitemap .title-1,
.brinyte-service-consulting .title-1,.brinyte-service-consulting-item .text-1,.brinyte-exploration-item .title-1,.brinyte-influencer-reviews-item .text-3,
.brinyte-maplist-item .title-1,.brinyte-recommendations-top .title-1  {font-family:alz}
.brinyte-pageturn span {font-family: alz;}

.str{font-weight:bold;}
.font80{ font-size:2.6vw}
.font800{ font-size:2vw}
.flh90{ line-height:7vw}
.flh48{ line-height:2vw}
.flh488{ line-height:2.6}
.flh80{ line-height:4vw}
.font16{ font-size:0.8vw}
.font36{ font-size:1.2vw}
.font361{ font-size:1.2vw}
.font366{ font-size:1.4vw}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px;}

/*all_title*/
.all_title{text-align: center;margin-bottom:20px;}
.all_title b{font-size:2vw;font-weight:bold; display: block; color: #333;padding-bottom: 6px;font-family: 'neu';    text-transform: uppercase;}
.all_title p{font-size:1vw;font-weight:normal; color: #666;}
.all_title em{font-size:42px;font-weight:bold;color: #444;}
.all_title span{width:37px;height:9px;position:relative;display:flex;margin:18px auto 0;}
.all_title i{font-size:16px;font-weight:normal; color: #666;line-height:1.4;padding-top: 10px;     display: block;}

.bannerbo{box-shadow: 0px 0px 24px 0px #D9D9D9;padding:2% 0;}
.bannerbo img{width: 100%; background-size: cover;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 992px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50%;
        max-width: 33.3%;
    }
}
.block-title {margin-bottom: 3%;margin-top: 2%;}
.text-left {text-align: left !important;color: #fff;}
@media (min-width: 992px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;color: #333;
    }
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0px;
    margin-left: -0px;
margin-top:0%;
}
.feature-one {
  background-color: #f8f8f8;
  position: relative;
    z-index: 1;
    padding:3% 0 3% 0;
}

@media (max-width: 991px) {
  .feature-one {
    padding-top: 120px;
  }
}

@media (max-width: 425px) {
  .feature-one {
    padding-top: 80px;
  }
}
.block-title h2 {
    margin: 0;
    color: #666;
    font-size: 15px;
    font-weight: 100;
    line-height: 1.4;letter-spacing: 0px;
}
.block-title h2 span{display: block; display: block;
    font-size:1.2vw;
    font-weight: bold; letter-spacing: 0px; color: #0080cb;margin-bottom:10px;font-family: 'neu';text-transform: uppercase;}
.block-title p{color: #999; font-size: 15px;}
.block-text {
    font-size: 15px;
    line-height: 1.48;
    color: #333;
    margin-bottom: 0;}
.feature-one__shape-1 {
  position: absolute;
  bottom: 80px;
  left: 232px;
  -webkit-animation-name: shapeMover;
  animation-name: shapeMover;
  -webkit-animation-duration: 9s;
  animation-duration: 9s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.feature-one__shape-2 {
  position: absolute;
  top: 330px;
  right: 225px;
  -webkit-animation-name: bubbleMover;
  animation-name: bubbleMover;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}

.feature-one__shape-3 {
  position: absolute;
  top: 170px;
  left: 240px;
  -webkit-animation-name: bubbleMover;
  animation-name: bubbleMover;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-duration: 8s;
}

.feature-one .block-text {
  margin-top: 10px;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .feature-one .block-text {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .feature-one .block-text {
    margin-bottom: 50px;
  }
}

.feature-one__box {
  background-color: #fff;
  position: relative;
  display: flex;
  padding: 5% 5%;
  border-radius: 4px;
  transition: all 500ms ease;
  margin-bottom: 30px;
  box-shadow: 0 2px 27px rgba(153, 153, 153, 0.1);
}

@media (max-width: 1199px) {
  .feature-one__box {
    padding: 40px 30px;
  }
}

.feature-one__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 4px);
  background-color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.feature-one__box i {
  position: relative;
  font-size: 45px;
  color: #007ecb;
  margin-right: 20px;
}

.feature-one__box i::after {
  content: "";
  width: 53px;
  height: 53px;
  background: rgba(0,0,0,0.05);
  border-radius: 50%;
  position: absolute;
  top: 20%;
  left: -10px;
  transform: translateY(-50%);
}

.feature-one__box i::before {
  position: relative;
  z-index: 11;
}

.feature-one__box p {
  position: relative;
  font-size: 1.2vw;
  line-height:1.2;
  color: #333;
  margin: 0;
display: flex;
flex-direction: column;
font-weight: bold;
font-family: 'neu';
}

.feature-one__box b{font-size: 15px;color: #666;position: relative;font-weight:normal; line-height: 1.4;text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;overflow: hidden; margin-top:1%;font-family: 'Hos'}
@media (max-width: 1199px) {
  .feature-one__box p {
    font-size: 18px;
  }
}

.feature-one__box:hover {
  background-color: #f98506;
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.pr {
    position: relative;
}
.list_about_one {
    position: relative;
    z-index: 9;
    padding: 3% 0 5% 0;
    background: url(https://memberpic.114my.net/dgjieke20900en/uploadfile/image/20260817/20260817134021_79196458.jpg) center top no-repeat;
height:auto;
}
.list_about_one{background-size: cover !important;}
.rows {
    margin-top: 15px
}
.alignc {
    align-items: center;
}
.col-lg-5
.p100.pt0 {padding-top: 5%;}
.subtitle {
    font-size: 1.25rem;
    color: #fff;
    display: inline-block;
    position: relative;
    margin-bottom: 0.25rem;
}
.titleco{font-size: 2vw; font-family: 'neu'; text-transform: uppercase;color: #fff;}
.font188 {
    font-size: 1.13rem;
    line-height: 1.6;
    color: #fff;
}
.list_about_one .font188 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.icon-sanjiaoxing:before {
    content: "\e6ad";font-size: 28px;
}
.p100 {
    padding: 6.25rem 0;
}
.pr {
    position: relative;
}
.container {
    padding: 0 0;
    width: 100%;
    max-width: 100%;
}
.container.container_r {
    padding: 0 var(--container) 0 0;
}
.alignc {
    align-items: center;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0px;
    margin-left: -0px;
}
.over {
    overflow: hidden;
}
.over>img {
    cursor: pointer;
    transition: all .6s;
}
.w100 {
    width: 100%;
}
@media (min-width: 992px) {
    .col-lg-5 {
        max-width: 78%;
margin:0 auto;
text-align: right;
    }
}

.list_about_one {
  position: relative;
  z-index: 9; margin-top:3%;
    background-size: contain;
}
.list_about_one.list_join::before {
  display: none;
}
.list_about_one.list_join .top .right .font18 {
  color: #8E8E8E;
}
.list_about_one .top .left {
  padding-left: 4rem;
  position: relative;
width: 56%;
    display: none;
}
.list_about_one .top .left::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -4px;
  width: 4.25rem;
  height: 16.125rem;
  background: linear-gradient(90deg, #007ecb, #0592e6 );
}
.list_about_one .top .right {
  padding-left: 34%;
}
.list_about_one::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 31.25rem;
  background: #F7F7F7;
  z-index: -1;
}
.list_about_one .font18 {margin-top: 2rem;margin-bottom: 2rem;}
.list_about_one .bot {
  padding-top: 2.25rem;

}
.list_about_one .bot .text {
  text-align: justify;
}
.list_about_one .bot .row {
  margin: 0 -1.875rem;
}
.list_about_one .bot .row > div {
  padding: 0 1.875rem;
}
.list_about_one .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #007ecb;
  margin-bottom: 0.5rem;
}
.list_about_two .padding {
  padding: 0 26.875rem;
  margin-top: 1.25rem;
}
.list_about_two .padding img {
  height: 32.5rem;
  object-fit: cover;
}
.list_about_two .hover {
  position: absolute;
  top: 3.125rem;
  left: 0;
  padding: 0 3.3125rem;
}
.list_about_two .hover .name {
  font-size: 1.625rem;
  line-height: 1.875rem;
  color: #FFFFFF;
}
.swiper_pag .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.375rem;
}
.swiper_pag .swiper-pagination-bullet-active {
  background: linear-gradient(90deg, #007ecb, #0592e6);
}
a:focus-visible {
  outline: none;
}
.squera_video {
  height: auto;
  background: #F7F7F7;
}
.squera_video:hover {
  border-color: #003399;
}
.squera_video:hover .name {
  color: #003399;
}
.squera_video:hover img {
  transform: scale(1.1);
}
.squera_video .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #2D2D2D;
  padding: 1.4375rem 1.875rem;
}
.icon_video {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
@keyframes cen {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.icon_video::after {
  content: "";
  position: absolute;
  top: -1.25rem;
  left: -1.25rem;
  width: calc(100% + 2.5rem);
  height: calc(100% + 2.5rem);
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  animation: cen 2s infinite;
  z-index: -3;
}
.icon_video::before {
  content: "";
  position: absolute;
  top: -0.4375rem;
  left: -0.4375rem;
  width: calc(100% + 0.875rem);
  height: calc(100% + 0.875rem);
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  animation: cen 2s infinite;
  z-index: -1;
}
.icon_video .iconfont {
  font-size: 1.25rem;
  display: block;
  color: #003399;
}
.list_about_four .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.more {
  border: 1px solid #003399;
  line-height: 2.2rem;
  font-size: 1rem;
  color: #003399;
  padding: 0 2.25rem;
  display: inline-block;
  position: relative;
  z-index: 5;
height: 2.2rem;
}
.more div{height: 2rem;}
.icon-single_arrow:before {
    content: "\e8f9";color: #fff;
}
.icon-single_arrow1:before {
    content: "\e8f9";color: #fff;
}
.more:hover i{ color: #fff;}
.more:hover span{ color: #fff;}
.more::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  transform: scale(0.6);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: linear-gradient(90deg, #007ecb, #0592e6);
  z-index: -1;
  opacity: 0;
border-radius: 0px;
}
.more:hover i::before {color: #fff;}
.more:hover {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #fff;
}
.more:hover::before {
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transform: scale(1);
}
.more > div {
  display: flex;
  align-items: center;font-size:16px;
}
.more.borg {
  border-color: #fff;
  color: #fff;
}
.more.borg:hover {
  border-color: #007ecb;
  color: #fff;
}
.more.borf {
  border-color: #fff;
  color: #fff;
}
.more.borf:hover {
  color: #007ecb;
}
.more.borf:hover::before {
  background: #fff;
}
.more .iconfont {
  font-size: 1rem;
  margin-left: 1rem;
color: #fff;
}

.df {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ut_2 {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0rem;

}
.ut_2{    margin: 3rem 11rem 0 0;
    max-width: 60%;
    justify-self: self-end;}
.ut_2 .item {
  background: #;
  padding:0vw 0vw;
}
.f60 {
    font-size: 1.3vw;
    line-height:2;
font-family: 'neu';
}
.f16 {
    font-size:1rem;
}
.f52 {
    font-size:2.5rem;
}
.f18 {
    font-size: 22px;
}
.ut_2 .item .iconfont{
  max-width: 100%;
  transition: 0.4s;
color: #0080cb;
font-size:30px;
line-height:30px;
    position: relative;
    z-index: 5;
background: linear-gradient(270deg, #0080cb, #0592e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ut_2 .item .iconfont:after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(6,67,142,0.1);
    position: absolute;
    top: 11px;
    left: 3px;
    z-index: -1;
}
.font188{font-size: 14px;}
.ut_2 .item .content {
padding-left:0.5vw;
width: 78%;
}
.ut_2 .item .content .data p {
  transition: 0.4s;
  color: #fff;
  font-weight: bold;
  line-height: 0.8;font-family: 'neu';
font-size:1.2vw;
}
.ut_2 .item .content .desc {
  margin-top: 0.2rem;
  color: #fff;
font-size:12px;
line-height: 1.2;
font-family: 'axt';
}
.ut_2 .item:hover .svg img {
  filter: brightness(1);
}
.ut_2 .item:hover .content .data p {
  color: #0080cb;
}


/* pr */
.prox {padding:3% 0 3% 0; position: relative;}
.pro_bcc{overflow: hidden;}
.pro_cc tr{display: flex;    width: 100%; flex-shrink: 0;}
.pro_cc td{display: flex;flex-direction: column;width: 13.4%;flex-shrink: 0;background: #ffffff;padding: 0%;border-radius:10px; padding:0.5% !important;margin-top:1%;overflow: hidden;border: 2px #eee solid;}
.pro_cc table {
    width: 100%;
    flex-shrink: 0;
}
.pro_cc td+td{margin-left:1%;}
.pro_cc img{ height: auto;}

.pro_cc img{overflow:hidden}
.pro_cc img{ width: 100%;transition:all .5s;display:block; border-radius: 10px;height:auto;}
.pro_cc{margin-top: 0px;position:relative;    display: flex
;    transition: 0.5s;}
.pro_cc div{font-size: 20px;color: #333;display: block;margin: 10px 0 18px;position:relative;}
.pro_cc div a{font-size: 14px;}
.pro_cc div a:after{content: "+MORE";width: 26%;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #333;
    transition: all .5s;
    display: block;
    margin: 15px auto 0;
    background: linear-gradient(to top, #f8f8f8, #f8f8f8);
    border-radius: 20px;}
.pro_cc td div a:after{content: "+MORE";width: 45%;
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    color: #333;
    transition: all .5s;
    display: block;
    margin: 15px auto 0;
    background: linear-gradient(to top, #eee, #ddd);
    border-radius: 20px;}
.pro_cc td br{    display: none;}
.pro_cc td:hover div a:after{background:linear-gradient(270deg, #0080cb, #0592e6);color:#fff;}
.pro_cc td:hover img{transform:scale(1.1)}
.pro_cc div{text-align: center;}
.pro_cc .divproduct_new_div_item_body{width: 84%;margin: 0 auto;line-height: 30px;color:#888;font-size:15px;display:none;}
.pro_prev{position: absolute;top: 50%;left: 0;margin-top: -54px;}
.pro_next{position: absolute;top: 50%;right: 0;margin-top: -54px;}
.prod_list ul li a+dl{display: none;}
.prod_list .prolist2021{}

.news_bc{padding:9% 0 5% 0;position: relative;z-index: 5;     background-size: cover;}
/*news*/
.news{padding:5% 0 5% 0;overflow: hidden;background: url(https://memberpic.114my.net/dgjieke20900en/uploadfile/image/20260706/20260706194409_935475269.jpg) center no-repeat;}
.news .news_title{padding-top: 0%;}
.news .news_title .news_title_left{float: left;position: relative;}
.news .news_title .news_title_left p{font-size: 2vw;font-weight: bold;position: relative;z-index: 1;    font-family: 'neu';text-transform: uppercase;}
.news .news_title .news_title_left::after{content: "";position: absolute;left: 0px;bottom:39px;width: 48%;height: 10px;background: #0080cb;border-radius: 10px;z-index: 0;}
.news .news_title .news_title_left span{display: block;font-family: "neu";font-size: 26px;color: #ccc; margin-top:12px; margin-top: 13px;}
.news .news_title .news_title_right{float: right;display: none;}
.news .news_title .news_title_right ul{padding-top: 20px;position: relative;}
.news .news_title .news_title_right ul::after{content: "";width: 125.5%;height: 10px;background: #dddddd;display: block;position: absolute;right: -38%;top: 76px;z-index: 0;border-radius: 10px;}
.news .news_title .news_title_right ul li{float: left;margin-left: 60px;position: relative;}
.news .news_title .news_title_right ul li::after{content: "";width: 0%;height: 10px;background: #0080cb;display: block;position: absolute;right: 0;left: 0;top: 56px;z-index: 1;transition: 0.3s;border-radius: 10px;}
.news .news_title .news_title_right ul li.on::after{width: 100%;transition: 0.3s;}
.news .news_title .news_title_right ul li a{font-size: 26px;}
.news .news_nr{margin-top: 4%;}
.news .news_nr ul{}
.news .news_nr ul li{width: 30%;float: left;margin-right: 5%;position: relative;}
.news .news_nr ul li:nth-child(3n){margin-right: 0px;}
.news .news_nr ul li i{width: 100%;height: 410px;background: #ddd;border-radius: 10px;display: block;overflow: hidden;position: relative;z-index: 1;}
.news .news_nr ul li::after{height: 30px;width: 70px;display: block;content: "";background: #0080cb;border-radius: 30px;position: absolute;z-index: 0;top: 300px;left: 10%;transition: 0.3s;}
.news .news_nr ul li:hover::after{top: 390px;transition: 0.3s;}
.news .news_nr ul li i img{width: 140%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.news .news_nr ul li p{font-size: 24px;padding-top: 30px;font-weight: bold;}
.news .news_nr ul li span{display: block;padding-top: 10px;padding-bottom: 36px;line-height: 26px;color: #999;font-size: 14px;}
.news .news_nr ul li em{display: block;float: left;font-style: normal;color: #999;}
.news .news_nr ul li b{display: block;float: right;font-style: normal;color: #999;}
.news .news_nr ul li strong{display: block;width: 100%;height: 4px;background: #dddddd;margin-top: 24px;transition: 0.3s;}
.news .news_nr ul li:hover strong{background: #0080cb;transition: 0.3s;}

/*°é*/
img.news_div_item_image {width: 100%; border-radius: 10px;}
.news .news_nr ul .news_div_item {display: flex; flex-direction: column-reverse; width: 23.1%; padding-bottom:26px; float: left;margin-right: 2.5%; transition: all .5s; border-bottom:#dddddd solid 4px;}
.news .news_nr ul .news_div_item:nth-child(4n){margin-right: 0px;}
.news .news_nr ul .news_div_item:hover {/*box-shadow: 1px 1px 20px rgba(0,0,0,0.15);*/ transform: translateY(-5px);  border-bottom:#0080cb solid 4px;}
.news .news_nr ul .news_div_item_a {display: block; font-size:1.1vw; position: relative; padding-left:0px; margin:30px 0 10px;}
.news .news_nr ul .news_div_item:hover .news_div_item_a{color:#0080cb;}
/*.news .news_nr ul .news_div_item_a:after {position: absolute; content: "";  top: 0; right:0; font-weight: normal; font-size: 20px; color: #999;}*/
.news .news_nr ul .news_div_item+.news_div_item {}

.news .news_nr ul .news_div_item_body {font-size:15px; color: #999; line-height:21px;    height: 96px; overflow: hidden;}
.news .news_nr ul .news_div_item:hover .news_div_item_body{color: #444;}
.news .news_nr ul .news_div_item_date {display: flex; position: relative; margin-top:4px;/* justify-content: flex-end;*/ left:0;}
.news .news_nr ul .news_div_item_date * {font-size:12px; color: #999;}
.news .news_nr ul .news_div_item_date:after{position: absolute; content: "";  color: #979797;top: 4px; right:0; font-size: 20px; color: #999;}
.new_ic .news_div_item_pic a {display: block; position: relative;}
.news .news_nr ul .news_div_item_pic a:before {position: absolute; content: ""; bottom: -243px; left: 25px; font-size: 16px; color: #979797;} /*link*/
.lin_bc {height:92px; background: #f5f5f5; position: relative;}
.news .news_nr ul .news_div_item_pic a:hover:after,.news .news_nr ul .news_div_item_pic a:hover:before{color: #0080cb;}

@media screen and (max-width: 1300px){.news .news_title{padding-top: 80px;}
.news .news_title .news_title_left p{font-size: 40px;}
.news .news_title .news_title_left::after{width: 114px;height: 10px;bottom: 34px;}
.news .news_title .news_title_left span{font-size: 20px;}
.news .news_title .news_title_left{float: none;}
.news .news_title .news_title_right{float: none;display: none;}
.news .news_title .news_title_right ul li{margin-left: 0px;padding-right: 30px;}
.news .news_title .news_title_right ul li::after{top: 42px;}
.news .news_title .news_title_right ul::after{right: 0;left: 0;bottom: 14px;top: auto;}
.news .news_title .news_title_right ul{padding-top: 30px;padding-bottom: 66px;}
.news .news_title .news_title_right ul li a{font-size: 18px;}
.news .news_nr ul li{width: 100%;margin-bottom: 30px;}
.news .news_nr ul li i{height: 260px;}
.news .news_nr ul li::after{top: 240px;}}

/*copy*/
.copy {padding: 1% 0% 1% 0;overflow: hidden; background:linear-gradient(90deg, #0080cb, #0592e6);width: 100%;height: 100%; background-position: center;background-size: cover;}
.ncopy {padding: 4% 1% 3%;height: auto}
.copy_box {max-width: 80%;margin: 0 auto;}
.copy_top {display: none;justify-content: space-between;align-items: center;padding: 0 0 1.8% 0;position:  relative;z-index: 5;}
.copy_top:before {content:'';width:100%;height:1px;background:rgba(255,255,255,0.1);position:absolute;bottom:  0;left:  0;z-index: -1;display: none;}
.copy_logo {display:flex;align-items:  center;}
.copy_logo i {width: 126%;}
.copy_logo i img {width: 52%;height: auto;filter: grayscale(100%) brightness(1000%);}
.copy_logo p {font-size: 30px;color: #fff;margin: 0 0 0 14px; letter-spacing: 4px;}
.copy_logo span{display: block;font-size: 10px;padding-top:5px;font-weight: lighter; color:rgba(255,255,255,0.5);font-family: axt; text-transform: uppercase;letter-spacing: 0.5px;}
.copy_txt {display:flex;}
.copy_txt b {display: flex;flex-direction: column;font-size: 1.4vw;color: #fff;align-items:  flex-end;font-weight:  lighter;}
.copy_txt b span {padding: 10px 0 0;}
.copy_con {display: flex;justify-content: space-between;border-top: 0px solid rgba(255,255,255,0.1);padding: 2% 0 3%;}
.copy_nav {width: 65%;}
.copy_nav ul {display: flex;justify-content:space-between;width: 100%;}
.copy_nav li {padding: 0 0 0 0%;position: relative;z-index: 5;text-align: left;}
.copy_nav>ul>li:before {content:'';width: 1px;position:absolute;background: rgba(255,255,255,0.3);top: 0;left: -14px;height: 24px;}
.copy_nav li p {font-size: 20px;line-height: 20px;margin-bottom: 20px;color: #fff; font-family: 'neu';}
.copy_nav li a {font-size: 13px;line-height: 1.6;display: flex;color: rgba(255,255,255,0.9);transform:translateX(0);transition:0.5s;font-weight:  lighter; font-family: axt;}
.copy_nav li a:hover{transform:translateX(2px);opacity:1;}
.copy_nav .prolist2021{position:relative;padding: 0px 0;}
.copy_nav .prolist2021 li:before{display: none;}
.copy_nav .prolist2021 ul {position:relative;flex-direction: column;}
.copy_nav .prolist2021 li {position:relative;}

.copy_nav .prolist2021 li a{font-size:16px;}
.copy_nav  li ul {position:relative;top:0;left:0%; transition: 0.5s; flex-direction: column;}
.copy_nav li ul li a{font-size:13px;color: rgba(255,255,255,0.9);font-weight:100;}

.copy_txt {display:flex;flex-direction:column;color: #fff;align-items: flex-start;}
.copy_txt em {display:flex;flex-direction:column;width: 36%;align-items: center;}
.copy_txt em i {/* width:50%; */}
.copy_txt em i img {width:100%;height:auto;}
.copy_txt em span {padding:10% 0 0;font-size: 15px;}
.copy_txt p {display:flex;flex-direction: column;align-items: flex-start;margin: 5% 0 0;font-size: 16px;color: rgba(255,255,255,0.5);border-bottom: 2px solid rgba(255, 255, 255, 0.1);padding-bottom:6%;}
.copy_txt p span {font-family:neu;font-size: 1.2vw;padding: 2% 0 0;color: #fff;}
.copy_txt o {font-size: 16px;margin: 7% 0 0;opacity: 0.7;}
.copy_link {margin: 3% 0 0% 0;display: flex;align-items: center;}
.copy_tit {}
.copy_tit p {font-size: 16px;color: #fff;opacity: 0.8;}
.copy_tittxt {}
.copy_end {margin: 1% 0 0;display: flex;justify-content: space-between;border-top: 1px solid rgba(255,255,255,0.1);padding:1% 0 0;}
.copy_end em {color: #fff;font-size: 15px;font-weight:  lighter;opacity: 0.8;display: flex; font-family: 'axt';}
.copy_end em>a,.copy_end em span a {font-size: 15px;color: #fff;}
.copy_end em span {}
.copy_end>a {font-size: 15px;color: #fff;font-weight:  lighter;opacity: 0.8;};
.linkTagcs li a {color:#fff !important;}
.social-share{margin-top:4%;}
.social-share > p {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5em;
  margin-right: 1em;
  font-weight: 400;
}
.social-share a {
  color: #fff;
  background: rgba(255, 255, 255, 0.35);
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border: none;
  text-align: center;
}
.social-share a:hover {background:linear-gradient(270deg, #0080cb, #069cf4);color: #fff;}
.social {display: flex;margin-top: 1.3rem;}
.social a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; transition:0.3s all ease-in-out; float: left;display: block;margin-right:14px; margin-top:0px;background: rgba(255,255,255,0.3);padding: 2.9% 2.9%; border-radius: 5%;}
.social a img{ display: block}
.social a i{font-family: 'iconfont'; font-size: 24px; color: #fff;line-height: 29px;}
.social a:hover{ }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -43px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px; left: 52.5px; }
.social .ewm img { display: block; width: 100%; height:auto; }
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.appli {padding:0% 0 0% 0;background: linear-gradient(to bottom, #fff, #fff);margin-bottom:0px;}
.appli_box {}
.appli_con {margin: 30px 0px 0;position: relative;}
.appli_call {}
.appli_call {padding: 0% 0% 0% 0;}
.appli_call li {
    display: flex !important;
    flex-direction: column-reverse;
    position: relative;
    margin: 0 0.5px;
}
.appli_call .web_index_text {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #222 118.78%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 6%;
font-weight:100;
}
.appli_call .web_index_text a {
    font-size: 22px;
    color: #fff;
font-weight:100;
}
.appli_call .divdgweb_new_div_item_body {
    font-size: 14px;
    line-height: 24px;
    color: rgba(255,255,255,0.5);
    font-weight: lighter;
padding-top:8px;
}
.appli_call .web_index_img img {
    width: 100%;
    height: auto;
}
.appli_call .slick-center .web_index_text {   display: flex;}


.appli_btn {}
.appli_btn:hover i {}
.appli_btn>i {width: 50px;height: 50px;cursor: pointer;font-size: 33px;color: #999;display: flex;justify-content: center;align-items: center;top: 45%;background: #fff;position: absolute;border-radius: 50%;}
.appli_btn>i:first-child {left: 24.5%;}
.appli_btn>i:last-child {right: 25.4%;}
.product-case-tag{flex-wrap: wrap;align-items: center; display: flex; margin-top:0px;border-top: 0px #eee solid;padding-top: 0px;justify-content: center;}
.product-case-tag a{
  height:2.6rem;
  line-height: 2.6rem;
  background-color:#fff;
  border-radius:2.13rem;
 box-shadow: 0 0 16px rgba(183, 183, 183, 0.31);
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  margin-left:0.4rem;
  margin-right:0.4rem;
  font-size: 1.1rem;
    text-align: center;
}
.product-case-tag a:hover{background: linear-gradient(90deg, #007ecb, #0592e6);color: #fff;}


.equ_ds{ overflow:hidden;margin-top:0px;}
.equ_ds ul{display:block;width:100%;overflow: visible !important;}
.equ_ds li a{display: block;overflow: hidden; border-radius: 10px 10px 0 0;}
.equ_ds li br{display:none;}
.equ_ds li{width:calc((100% - 80px) / 8);padding-left:0px !important;float:left;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;display:block;margin-right: 10px;-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.05);box-shadow: 0px 0px 50px rgba(0,0,0,.05); margin-bottom:20px;}
/*.equ_ds .tempWrap{width:100% !important;overflow: visible !important;}*/
.equ_ds li .web_index_img  img{width:100%;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;height:auto;  border-radius: 10px 10px 0 0;}
.equ_ds table,.equ_d  tbody{display:block;}
.equ_ds li .web_index_text{width:100%;height:50px;padding-top:0px !important;position: relative;background:#fff; border-radius:0 0 10px 10px ;    text-align: center;}
.equ_ds li .web_index_text a{width:100%;height:100%;line-height:16px;font-size:13px;display:block;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;position: relative;}
.equ_ds li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);  border-radius: 10px;}
.equ_ds li:hover .web_index_text a{color:#fff;}
.equ_ds li .web_index_text:before{content:'';width:0%;height:100%;display:block;background:#0080cb;position: absolute;-webkit-transition: 0.3s ease all;transition: 0.3s ease all; border-radius:0 0 10px 10px ;}
.equ_ds li:hover .web_index_text:before{width:100%;}
.equ_a a{display: block;width:320px;height: 78px;line-height: 78px;border: 1px #ccc solid;margin: 0 auto;margin-top: 50px;padding-left: 97px;font-size: 16px; transition: 0.3s ease all;}
.equ_a a:hover{width:340px;}
.equ_a a img{margin-left: 19px;transition: 0.3s ease all;}
.equ_a a:hover img{margin-left:36px;}

.equ_dd{width:100%;background: rgba(255,255,255,0.8);
    padding: 2%;
    position: relative;
    margin-top: 30px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
.equ_dd1{width:100%;background: rgba(255,255,255,0.8);
    padding: 2%;
    position: relative;
    margin-top: 1%;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}



.equ_ds1{ overflow:hidden;margin-top:0px;}
.equ_ds1 ul{display:block;width:100%;overflow: visible !important;}
.equ_ds1 li a{display: block;overflow: hidden; border-radius: 10px 10px 0 0;}
.equ_ds1 li br{display:none;}
.equ_ds1 li{width:calc((100% - 120px) / 6);padding-left:0px !important;float:left;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;display:block;margin-right: 20px;-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.05);box-shadow: 0px 0px 50px rgba(0,0,0,.05); margin-bottom:20px;}
/*.equ_ds1 .tempWrap{width:100% !important;overflow: visible !important;}*/
.equ_ds1 li .web_index_img  img{width:100%;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;height:auto;  border-radius: 10px 10px 0 0;}
.equ_ds1 table,.equ_d  tbody{display:block;}
.equ_ds1 li .web_index_text{width:100%;height:50px;padding-top:0px !important;position: relative;background:#fff; border-radius:0 0 10px 10px ;    text-align: center;}
.equ_ds1 li .web_index_text a{width:100%;height:100%;line-height:50px;font-size:14px;display:block;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;position: relative;}
.equ_ds1 li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);  border-radius: 10px;}
.equ_ds1 li:hover .web_index_text a{color:#fff;}
.equ_ds1 li .web_index_text:before{content:'';width:0%;height:100%;display:block;background:#0080cb;position: absolute;-webkit-transition: 0.3s ease all;transition: 0.3s ease all; border-radius:0 0 10px 10px ;}
.equ_ds1 li:hover .web_index_text:before{width:100%;}

.pagewrap{position: relative; z-index: 55;}
.box_from_tuvan_home{
    padding: 2% 0;
    position: relative;
    background: url(https://memberpic.114my.net/dgjieke20900en/uploadfile/image/20260817/20260817134001_113027887.jpg) center center no-repeat fixed; 
    background-color: #e6212a;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    overflow: hidden;
}
.box_from_tuvan_home:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    transition: .3s all ease;
    z-index: 0;
}
.box_from_tuvan_left{
    /* float: left; */
    width: 35%;
    color: #fff;
    top: 30%;
    position: absolute;
    left: 0;
    margin-top: 4%;
}
.box_from_tuvan_left ul span{display: block;
    padding-top: 5%;}
.box_from_tuvan_left ul i{font-size:2vw;}
.box_from_tuvan_left ul em{font-size:2vw;padding-left:2%;    font-family: 'neu'}
.box_from_tuvan_left ul .more{ display: block; width: 140px; font-size: 17px; color: #333; line-height: 42px; text-align: center; border: 1px solid #fff; margin-top: 50px; overflow: hidden; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; background: #fff; }
.box_from_tuvan_left ul .more i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 6px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #333;
font-size: 22px;
}
.box_from_tuvan_left ul p{
    font-size: 16px;
    line-height: 1.2;
padding-top:25px;    text-transform: capitalize; color: #666;
}
.box_from_tuvan_left .title{
        padding-bottom: 0px;
        text-transform: uppercase;
        font-size: 1.5vw;
        line-height: 1.4;
        font-weight: 600;
        color: #333;
    position: relative;font-family: 'neu';
}
.box_from_tuvan_left .title::before {
    content: "";
    position: absolute;
    bottom:-1rem;
    left: 0%;
    width: 2rem;
    height: 0.15rem;
    background: #0080cb;
}
.box_from_tuvan_right{
    float: right;
    width: 60%;
}
.box_from_tuvan_right ul, .popup_tuvan ul{
    padding: 0px;
    border-radius: 0px;
}
.box_from_tuvan_right ul li, .popup_tuvan ul li{
    list-style: none;
    
}
.box_from_tuvan_right .button, .popup_tuvan .button{
    display: block;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0.875rem 2.75rem;
    border-radius: 1.875rem;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    color: #343a40;
    margin-bottom: 10px;
    background: linear-gradient(90deg, #fff -20.95%, #f9d50b 102.22%);
    float: right;
    text-transform: capitalize;
    
}
.cc_ri{width: 100%;padding:2%; background: rgba(255,255,255,0.7);}
.cc_ri h3{margin-bottom: 30px;font-size: 24px;}
.cc_ri h3 b{font-size: 24px;font-weight: normal;color:#18337a;}
.feed_lx{overflow: hidden;}
.feed_lx+.feed_lx{margin-top: 5px;}
.cc_ri ul li{width:calc((100% - 18px) / 2);float: left;height: 31px;position: relative;}
.cc_ri ul li+li{margin-left:18px;}
.cc_ri ul li span{position:absolute;right: 9px;top: 50%;color: #c0c0c0;margin-top: -8px;display: none;}
.cc_ri ul li input{width:100%;height:31px;line-height:23px;padding: 0 10px 0 12px;border:1px solid #fff;outline: none;font-size: 14px;color: #999; font-family: 'axt';}
.cc_ri ul li input:focus,.cc_ri textarea:focus,.code input#authcode:focus{border:1px solid #18337a;}
.cc_ri ul li.li08{width:100%;margin-left:0;margin-top: 5px;height: auto;}
.cc_ri textarea{width: 100%;height: 50px;line-height:23px;border:1px solid #e5e5e5;outline: none;font-size: 14px;color: #999;padding: 0 10px 0 12px;font-family: 'axt';}
.code{width:100%;margin: 5px auto 0;float: left;font-size: 0;position: relative;}
.code span{position:absolute;left: calc((100% - 18px) / 2 - 25px);top: 50%;color: #c0c0c0;margin-top: -8px;}
.code input#authcode{width:calc((49% - 16px) / 1);height: 31px;border:1px solid #e5e5e5;padding-left: 12px;display:inline-block;vertical-align: top;font-size:14px;font-family: 'axt';}
.code i{width:119px;display:inline-block;vertical-align:middle;padding:5.5px 0;background: #fff;}
.code img{margin-left: 24px;}
#submit{color: #fff;font-size: 16px;width:calc(((100% - 18px) / 2) - 132px);height: 31px;line-height: 23px;text-align: center;background-color:#e6212a;display:inline-block;vertical-align: top;margin-left: 31px;}
.feed_lx b {font-size: 20px;line-height: 40px;}
#file{margin-top: 37px;}
.btn {
    position: absolute;
    top: 10%;
    font-size: 2rem;
    color: #333;
    right: 8%;
    cursor: pointer;
	display: none;
}

.nfeed_tab {/*background: #f8f8f8;*/padding: 0% ; margin: auto;}
.nfeed {max-width: 1400px;margin:  0 auto ;    position: relative;
/*    background: #f8f8f8;
    padding: 7% 7% 12%; */}
/* .nfeed_tab:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
} */
.nfeed_tit p {font-size: 28px;display: flex;flex-direction: column;}
.nfeed p span {font-size: 16px;color: #999;padding: 1% 0 0;}


.box_from_tuvan_home:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 90%);
    left: 0;
    top: 0;
    z-index: 1;
}

/*banner*/
.bann{overflow:hidden;}
.ban_bc .slider {width:100%;}
.ban_bc .slick-slide img{width:100%;}
.ban_bc .slick-current{height:auto; -webkit-animation: kenburns-top1 3.5s ease-out  both;animation: kenburns-top1 1s ease-out  both;}
.ban_bc .slick-current img {width:100%;}
.ban_bc .slick-prev {left:38px;z-index:99;}
.ban_bc .slick-next {right:40px;}
.bann>button{display:none!important;}
.ban_bc{width:100%;position:relative;}
.ban_bc .slick-dotted.slick-slider{margin-bottom:0!important;}
.bann_num>span{font-size:30px;color:#fff;display:block;z-index:9;cursor:pointer;width:60px;height:90px;background:rgba(0,0,0,0.5);text-align:center;line-height:90px;}
.bann_num>.ban_prev{position:absolute;top:52%;left:40px;transform:rotate(180deg);}
.bann_num>.ban_next{position:absolute;top:52%;right:40px;}
.ban_dot{position:absolute;bottom:4%;left:50%;display:flex !IMPORTANT;margin-left:-33px;z-index: 99; display: none;}
.ban_dot li{width:12px;height:12px;border-radius:100%;background:#fff;}
.ban_dot li+li{margin-left:12px;}
.ban_dot li button{display:none;}
.ban_dot li.slick-active{background:#065ea0;}