*{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: 'ml','Arial';}
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;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}

.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}

/* CSS Reset */

/* fonts */
@font-face {font-family: 'MonLight';src: url('https://cdn.114my.com.cn/font/lcw/MiSans-Light.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'MonBold';src: url('https://cdn.114my.com.cn/font/lcw/MiSans-Bold.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'MonR';src: url('https://cdn.114my.com.cn/font/lcw/Montserrat-Regular.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'MonExtraBold';src: url('https://cdn.114my.com.cn/font/lcw/en-Mont.woff2');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'mm';src: url('https://cdn.114my.com.cn/font/lcw/Montserrat-Medium.otf.txt');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'mb';src: url('https://cdn.114my.com.cn/font/lcw/en-MB.ttf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'ml';src: url('https://cdn.114my.com.cn/font/lcw/en-ML.otf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'srm';src: url('https://cdn.114my.com.cn/font/lcw/srm.otf');font-weight: normal;font-style: normal;} 
@font-face {font-family: 'MBold';src: url('/uploadfile/cssnew/MBold.ttf.txt');font-weight: normal;font-style: normal;}
@font-face {font-family: 'MBold';src: url('/uploadfile/cssnew/MBold.ttf.txt');font-weight: normal;font-style: normal;}
@font-face {font-family: 'MBold';src: url('/uploadfile/cssnew/MBold.ttf.txt');font-weight: normal;font-style: normal;}

@font-face {
font-family:neu;
src: url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.ttf),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.eot),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.otf),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff),
     url(//cdn.dg.114my.cn/font/neutraface2/neutraface2.woff2);
}

.font1{font-family: 'MonLight';}
.font2{font-family: 'MonBold';}
.font3{font-family: 'MonR';}
.font4{font-family: 'MonExtraBold';}
.font5{font-family: 'mm';}
.font6{font-family: 'mb';}
.font7{font-family: 'ml';}
.font8{font-family: 'srm';}
.font9{font-family: 'MBold';}

@font-face {
  font-family: 'iconfont';  /* Project id 4327901 */
  src: url('//at.alicdn.com/t/c/font_4327901_80ddcvz0ni6.woff2?t=1708409947649') format('woff2'),
       url('//at.alicdn.com/t/c/font_4327901_80ddcvz0ni6.woff?t=1708409947649') format('woff'),
       url('//at.alicdn.com/t/c/font_4327901_80ddcvz0ni6.ttf?t=1708409947649') format('truetype');
}
@font-face {
  font-family: 'iconfont';  /* Project id 4636644 */
  src: url('//at.alicdn.com/t/c/font_4636644_scwr136rt3.woff2?t=1722498617694') format('woff2'),
       url('//at.alicdn.com/t/c/font_4636644_scwr136rt3.woff?t=1722498617694') format('woff'),
       url('//at.alicdn.com/t/c/font_4636644_scwr136rt3.ttf?t=1722498617694') format('truetype');
}
.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: 90%;min-width: 1200px;}
.gy{max-width: 1500px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gy2{max-width: 1400px;margin: 0 auto;min-width: 1200px;width: 100%;}
.page{max-width: 1200px;margin: 0 auto;min-width: 1200px;width: 100%;}
.gyd {margin: 0 auto;max-width: 100%;min-width: 1200px;}
.top50{margin: 0 auto;max-width: 100%;min-width: 1200px; height:50px;}
.top70{margin: 0 auto;max-width: 100%;min-width: 1200px; height:70px;}

.fw_tit{text-align: center;position: relative;z-index: 999;}
.fw_tit>div{display: flex;align-items: center;justify-content: center;}
.fw_tit>div>p{font-size: 14px;color: #acabab;margin:0 10px; text-transform: uppercase;}
.fw_di{width: 8px;height: 8px;background: #ed9a11;border-radius: 100%;}
.fw_di:nth-child(1),.fw_di:nth-child(4){margin-right: 5px;}
.fw_tit b{display: block;color: #333;font-size: 42px;margin-top: 6px; line-height: 52px;}
.fw_tit em{font-size: 18px; font-style: normal; color: #666; margin-top:9px;font-family: 'Hos';}
em, .em,i{text-transform:uppercase;font-family:arial;vertical-align:top;}

.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }

.headlogo p{font-size: 2.4rem;font-weight: bold; letter-spacing: 0px; padding-left: 0px; line-height: 2rem;display: block; justify-content: center; align-items: center; padding-top:3%;color: #fff;font-family: 'MBold';}
.headlogo span{font-size: 0.72rem;font-weight: normal;display: block;letter-spacing:0px;color: #fff; line-height: 1.2rem;font-family: 'MonLight';}

.headbox { width: 100%; height: 130px; position: fixed; z-index: 999;}
.headlogo { margin-top: 24px; margin-left: 40px; }
@media screen and (max-width: 1440px){
.headlogo{margin-left: 0px}
}

.logo { width: 240px; } 
.disinblock {display: flex;}
.mo_undis { display: block; left:0; right:0;}
.height100 {height: 100%;}
.positionRelative {position: relative;}
.cf{zoom: 1;}
.subnav-box { width: 340px; height: 30px; line-height: 30px; position: absolute; top: 0; right: 0; z-index: 1002 }
.subnav { width: 540px; height: 30px; line-height: 30px; background: #ed9a11; color: #fff; position: absolute; top: 0; right: -30px; transform: skewX(45deg); -ms-transform: skewX(45deg); -webkit-transform: skewX(45deg); -o-transform: skewX(45deg); -moz-transform: skewX(45deg) }
.subnav ul { margin-right: 14%; transform: skewX(-45deg); -ms-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -o-transform: skewX(-45deg); -moz-transform: skewX(-45deg) ;display: flex;}
.subnav a { display: inline-block; height: 30px; line-height: 30px; margin-right: 20px; font-size: 15px; color: #fff }
.subnav li:last-of-type a { padding-right: 0 }
.subnav a:hover { color: rgba(255,255,255,0.6) }

/*sea*/
.icon_search{margin-left:20%;}
.dfs{display:flex;align-items:center;justify-content:space-between; height: 100%; margin-right: 19%;}
.icon>div i{user-select:none;transition:all 0.5s;position: relative;}
.icon>div i span{font-size: 18px;color: #fff;}
.iser_box,.itel_box{background:rgba(255,255,255,0.9);position:absolute;top:100%;right:0;padding:30px;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{ line-height: 24px;color: #333;}
.search_l span+span{margin-left:4px;color: #333;}
.search_l a{color: #333;font-size: 14px;margin-right: 0px;}
.search_l a:hover{color: #ed9a11;}
.search_r{margin-top:20px;position:relative;}
#infoname{width:372px;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;-webkit-transform: skewX(44deg);}
.z_img{ position:absolute;top:2px;right:3px;background: no-repeat;-webkit-transform: skewX(44deg);}
.itel_box{width:228px;text-align:center}
.itel_box p{color:#333;position:relative;margin-top:10px;}
.itel_box p img{width:150px;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.itel_box em{font-family:'arial';font-size:26px;font-weight: bold;color:#0f7404;margin-top:10px;}
.search_l .iconfont{font-size: 16px;}
.hx_bg{background: url() no-repeat;height: 142px;position: relative;margin-top: -142px;z-index: 99;}

.dh_c {width: 250%;text-align: center;}
.dh_h,.dh_h b{font-size:18px;}
.fa-caret-down:before {content: "\e65a";font-family: 'iconfont'; font-size:19px; position: relative; margin-top: -3px;}
.main-h-link{display: flex; align-items: center; justify-content: space-between; position: relative;margin-right: 2%;}
.main-menu02>div {margin-left: 0rem;}
.lang-wrap .btn-lang i{display: flex; line-height: 30px; padding-right: 0%;}
.main-menu02{display: flex!important;}
.lang-wrap {position: relative;}
.lang-wrap .btn-lang {
  cursor: pointer;
  color: #fff;
  display: flex;
justify-content: center;
}
.tte {display: flex; justify-content: center; align-items: center; width: 160px; position: relative; margin-right: 3%;}
.tte a{color: #fff; margin-right: 16px;}
.lang-wrap .btn-lang span{padding-left: 5px; line-height: 30px;}
.lang-wrap .lang-list {top: 100px; max-height: 58px;    opacity: 0;    transition: 0.5s;}
.lang-wrap:hover .lang-list {top: 0; opacity: 1;}
.lang-wrap .btn-lang {    padding: 75% 0 0;}
.lang-wrap .lang-list {
  width: 5rem;
  position: relative;
  top: 0rem;
  right: 0;
  list-style: none;
  padding: 0;
  background: rgba(0, 147, 220, 0.75);
}
.lang-wrap .lang-list a {
  display: block;
  padding: 0.5rem 0.5em;
  text-align: center;
color: #fff;
}

.nav {right: 10px; margin-top: 34px; z-index: 9;margin-right: 1%;}

.nav .menuLi { float:left; display:block; position:relative;}
.nav .menuLi .mainmenu { display:block; height:54px; line-height:54px; font-size: 17px; font-weight:normal; padding: 0 30px 0 18px; position:relative;color: #fff;}
@media screen and (max-width: 1366px){
.nav .menuLi .mainmenu {padding: 0 23px 0 11px; font-size: 16px;}
}
@media screen and (max-width: 1400px){
.nav .menuLi .mainmenu { font-size: 16px;}
}
@media screen and (max-width: 1440px){
.nav .menuLi .mainmenu {padding: 0 23px 0 11px; font-size: 16px;}
}
.nav .menuLi:hover .menuListBox {display: block;}
.nav .menuLi .mainmenu .iconfont { position: absolute; top: 18px; right: 14px; color: #fff; font-weight: lighter;font-size: 10px;}
.nav .menuLi .mainmenu:hover, .nav .menuLi .mainmenu.menuLiBnameover, .nav .menuLi .mainmenu.menuLipitchon:hover, .nav .menuLi .mainmenu.menuLipitchon.menuLiBnameover { background: #ed9a11; color: #fff }
.nav .menuLi .mainmenu:hover .iconfont, .nav .menuLi .mainmenu.menuLiBnameover .iconfont { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.nav .menuLi .mainmenu.menuLipitchon { color: #ed9a11; }
.menuListBox { min-width: 100%; position:absolute; top:44px; left: 0; background: #ed9a11; border-top: 0px solid #013f98; display:none }
.menuListBox a { display:block; width: 100%; padding: 0 18px; line-height:40px; font-size: 14px; color: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap }
.menuListBox a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8 ;background: #4caf34;}
.menuListBox a:first-of-type { padding-top: 0px }
.menuListBox a:last-of-type { padding-bottom: 0px }

.pe{position: relative;}
/*δΈ*/
.nav .menuLi dl { transition: all 0.3s; position: absolute;height:0px; z-index:0; overflow:hidden;width:100%;}
.nav .menuLi.dhh dl { height:auto !important; width:100%; background:rgba(248, 248, 248, 0.9); position: absolute; top:108px; left:0; display:block; z-index:9999;overflow:hidden; margin: 0 !important;}
.nav .menuLi.dhh dl.juli {}
.nav .menuLi.dhh dd { width:1400px;display:block;overflow:hidden;padding:30px 0px 15px;margin: auto;}
.nav_xl1{width:100%;padding: 20px 0;overflow: hidden;}
.nav_xl1 li{width:20%;}
.nav_xl1 li+li{margin:0 15px;}
.nav_xl1 li p{font-size:16px;text-align:center;color:#333;display:block;line-height:50px;    transition: all 0.3s;}
.nav_xl1 li img {width: 100%;}
.nav_xl1 ul {display: flex;justify-content:center;}
.nav {float:right;display:flex;align-items:center;}
.nav_r{float:right;display:flex;align-items: center;}
.nav_r .iconfont{font-size:40px;color:#fff;line-height:90px;float: right;margin-left: 15px;margin-top: 5px;}
.nav_r p{font-size:15px;color:#FFFFFF;float:left;text-align:right;}
.nav_r i{font-size:20px;display:block;font-family: "akr"}

.nav .menuLi.nav2{position:absolute;top:90px;left:-65px;z-index:1;display:none;box-shadow:5px 5px 10px rgba(0,0,0,.3);width:300px}
.nav .menuLi.nav2 a{display:block;width:100%;height:60px;border-bottom:none;background:#fff;color:#333;}
#aa2>.nav2 a{width:150px;font-size:15px;}
.nav .menuLi.nav2 a:hover{background:#ed9a11;color:#fff;}
.nav2 b{color:#999;}
.nav .menuLi.nav2 a span{display:block;color:#333;text-transform:uppercase;font-size:16px;line-height:60px;-webkit-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;text-align: center;}
.nav .menuLi.nav2 a b{position:relative;display:inline-block;display:block;color:#ccc;line-height:30px;-webkit-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;-moz-transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;transition:all .8s cubic-bezier(.35,.75,.55,1) .1s;}
.nav .menuLi.nav2 a:hover span{color:#fff;}

.headbox, .headlogo, .logo, .nav, .subnav-box { transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s }
.headbox.current { height: 60px; border-bottom: 1px #eee solid;background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(248, 248, 248, .9));}
.headbox.current .headlogo { margin-top: 3px }
.headbox.current .logo { width:170px;}
.headbox.current p{font-size: 2.4rem;line-height: 1.42rem;color:#333;}
.headbox.current .headlogo p{padding-top: 2%;color:#333;}
.headbox.current .nav .menuLi .mainmenu{color:#333;}
.headbox.current .nav .menuLi .mainmenu .iconfont{color:#333;}
.headbox.current .nav .utill_menu .utill_menu_inner a{color:#333;}
.headbox.current .nav .utill_menu .utill_menu_inner i{color:#333;}
.headbox.current .nav_xl1 li p{font-size: 1rem;color:#333;}
.headbox.current span{font-size: 0.72rem;color:#333;}
.headbox.current .nav { top: 0 ;margin-top: 0px;color:#333;}
.headbox.current .subnav-box { top: -30px }
.headbox.current .nav .menuLi.dhh dl{top:52px;}

/* header */
.nav .utill_area{position:relative; right:0; top:0; width:210px; z-index:1000;}
/* gnb online museum banner */
.gnb li.company .gnb_btn_area{margin-left:-30px;}
.gnb li.company .gnb_btn_area a{width:780px; height:auto;}
.gnb li.company .gnb_btn_area a strong{font-size:18px; font-weight:600; color:#043285; margin-bottom:9px;}
.gnb li.company .gnb_btn_area a p{max-width:90%; word-break:keep-all;}

.nav .utill_menu{ margin-right:22px;}
.nav .utill_menu:after{display:block; clear:both; content:"";}
.nav .utill_menu .utill_menu_inner{position:relative; float: right; width:155px;display: flex;}
.nav .utill_menu .utill_menu_inner i{margin-right:8px; color:#fff;}
.nav .utill_menu .utill_menu_inner a{color:#fff;}

/* banner */
/*banner*/
.si-content {
    text-align: center;
    clear: both;
position: absolute;
    z-index: 999;
    top: 46%;
margin: 0 auto;
    width: 100%;
}
.inner-wrap>*:last-child {
    margin-bottom: 0;
}
.si-header {
    display: block;
    font-size: 2vw;
    color: #fff;
    line-height:1.3;
font-family: 'MBold';
text-transform: uppercase;
}
.si-subtext {
    color: #fff;
    margin-bottom: 3em;
    font-size: 30px;
    text-align: center;
    display: block;
    margin-top: 0;
    position: relative;
}
.si-content a{font-size: 16px;}
.si-subtext a{font-size: 16px;}
.si-cta {
    display: inline-block;
    border: solid 1px transparent;
    margin-left: 0;
}
.si-ctas {
    text-align: center;
margin-top:3%;
}
.gdd-017-b .si-brochure {margin: 0 0.3125em;background: #ed9a11;color: #fff; padding:9px 26px;border-radius: 10px;}
.si-cta img {
    display: block;
    box-shadow: 0px 0px 4px #fff;
width: 172px;
}
.si-header span {
    color: #fff;
    font-size: 1.2vw;
    display: block;
line-height:2;
margin-top:1%;
font-family: 'MonLight';
}

.si-subtext:after {
    background-image: url(http://login.114my.cn/memberpic/foxroncnc19700en/uploadfile/image/20240108/20240108155627_489283028.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 0.8em 0.5em;
    bottom: -2.7em;
    content: "";
    height: 2.4em;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 1.7em;
}
.banner_c{width: 100%;margin: 0 auto;position: relative;left: 0;z-index: 5;overflow: hidden;}
.carousel-item img { width: 100%;}
.banner_c:before{content: '';position: absolute; width: 100%; height: 100%;background:rgba(0,0,0,0.6); left: 0;top: 0;z-index: 6;}
/*flashvideo*/
.banner_title {font-size:60px;color:#ffffff;font-weight: bold;letter-spacing: 2px;transition:all .3s ease;}
.banner_en {color:#ffffff;text-transform:uppercase;margin-top: 15px;font-size: 21px;color: #ffffff;font-weight: bold;width: 130px;height: 2px;background: #fefeff;margin-left: 2px;box-shadow: 5px 5px 5px #060606;}
.banner_text {font-size: 20px;color:#ffffff;padding-top: 23px;font-weight: 200; line-height:32px;transition:all .3s ease;}
.width-auto {width: 100%; padding: 0px 200px; position: relative;}
.swiper-animation { text-shadow: 3px 3px 3px #060606;}
.swiper-text-box .swiper-animation:nth-child(1) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.swiper-text-box .swiper-animation:nth-child(2) {
    /* -webkit-animation-delay: 400ms; */
    animation-delay: 400ms;
}
.swiper-text-box .swiper-animation:nth-child(3) {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.centerr {
    position: absolute;
    top: 51%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 999;
}
.bante{position: absolute;top: 40%;width: 100%; z-index: 999; text-align: center;}
.swiper-texta{
    display: inline-block;
    position: relative;
    padding: 6px 10px;
    margin-top: 80px;
    font-size: 16px;
    color: #fff;
    border-bottom: 2px solid #dc0d0d;
}
.swiper-texta a{color: #fff; font-size: 16px;}

.inbanTit{font-size:52px;line-height: 60px;color: #ffffff;}
.inbanText{font-size: 24px;line-height: 26px;margin-top: 45px;color: #ffffff;}
.inbanbtn{margin-top: 30px;}
.btn-white2 {background: url(http://login.114my.cn/memberpic/foxroncnc19700en/uploadfile/image/20231230/20231230161253_116766821.png) center center no-repeat;color: #fff; padding:1% 2%;display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;}
.btn-white2 img {
    width: 6px;
    height: 10px;
    margin-left: 0.2rem;
}
.marktext{line-height: 56px;font-weight: bold;}
.marktext1{line-height: 66px;font-size:30px; font-weight: normal;}
.marktext2{line-height: 30px;font-size:21px; font-weight: normal;width: 36%; padding:1% 0;}

/* banner end */
.wrap {
    max-width: 1720px;
    margin: 0 auto;
}

@media (max-width: 1600px) {
    .wrap {
        max-width: 96%
    }

        .index-one .txt {
            padding: 2% 4% 0 4%;
        }
        .index-one .txt p {
            margin: 20px 0;
            font-size: 15px;
    line-height: 1.3;
        }
        .index-one .txt h2 {
            font-size: 46px;
        }
        .show-pro-sidebar {
            width: 300px;
        }
        .show-pro-content {
            width: calc(100% - 320px);
        }
    }
    @media (max-width: 1400px) {
        .index-testimonials {
            padding: 50px 0;
        }
        .index-one .txt {
            padding: 20px;
        }
        .index-one .txt p {
            margin: 20px 0;
            font-size: 15px;
        }
        .index-testimonials .swiper-slide p {
            margin: 20px 0;
            font-size: 14px;
            line-height: 24px;
        }
        .list-content-right-bd {
            width: 500px;
        }
        .list-content-right-info {
            width: calc(100% - 600px);
        }
        .list-content-right-info .info-nav a:first-child {
            display: none;
        }
    }

.index-about {
    background: #f0f0f0;
    padding-bottom: 80px;
}

.about-data {
    padding: 70px 0 90px;
    overflow: hidden;
}

.about-data li {
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
}

.about-data li:after {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    width: 1px;
    background: #CECFD0;
}

.about-data li:last-child:after {
    display: none;
}

.about-data li span {
    display: block;
    font-family: 'Arial';
    font-size: 48px;
}

.about-data li p {
    font-family: 'Barlow-Regular';
    text-transform: uppercase;
    font-size: 18px;
}

.w50 {
    width: calc(100% - 50%);
}
.index-one {
    background: #fff;
}

.index-one .txt { padding: 2% 4% 2% 4%;}

.index-one .txt h2 {
    text-transform: uppercase;
    font-size: 56px;
    font-family: 'Arial';
}

.index-one .txt h3 {
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Arial';
}

.index-one .txt h3:after {
    left: 0;
    position: absolute;
    width: 30px;
    height: 4px;
    background: #555555;
    content: "";
    top: 50%;
    margin-top: -2px;
}

.index-one .txt p {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.6;
}

.index-one .txt2 p {
    line-height: 28px;
    margin: 30px 0 0 0;
}

.index-one .txt a {
    font-size: 18px;
    font-family: 'Arial';
    color: #999;
    text-decoration: underline;
}

a.more {
    position: relative;
    overflow: hidden;
    transition-duration: 1s;
    width: 130px;
    height: 47px;
    background: #555;
    display: block;
    line-height: 47px;
    text-align: center;
    color: #fff;
    text-decoration: none !important
}

a.more i {
    margin-left: 5px;
}

a.more span {
    position: relative;
    z-index: 22;
}

a.more:after {
    transition-duration: 1s;
    z-index: 1;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: -100%;
    background: #fff;
}

a.more:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    color: #555;
}

a.more:hover:after {
    left: 0;
}


/*products*/
    
    .pro {
        width: 100%;
        background: #fff;
        padding: 0px 0 80px 0;
        overflow: hidden;
    }
 /*products*/
.gyp{width: 90%; margin:0 auto;}
.prod{overflow: hidden;}
.pro_c{margin-top:0px;background: #fff; padding:70px 0 70px 0;}
.pro_list{display: flex; position: relative;margin: 20px auto;width: 100%; margin-top:40px;}
.pro_list .one_class_box{ width: 100%;background: #f8f8f8; padding:1% 2%;border-radius: 0px;}
.pro_list ul{justify-content: center; width: 100%;}
.pro_list li{text-align: center; width: 33.3%;float: left;  height: 50px;line-height: 50px; border-radius: 0px;}
.pro_list li a{ font-size: 16px;}
.pro_list li.on{background: #0092dc;color: #fff;transition: all .3s ease;}
.pro_list li.on a{color: #fff;}
.pro_list li.on a .one_class_box{color: #fff;}
.pro_list li dl{ display: none;}
.pro_con {margin:3% 0 0;overflow: hidden;}
.pro_roll {display:flex;transition: 0.5s;}
.pro_roll .ban_dot {display: none !important;}
.pro_call {width: 100%;flex-shrink: 0;}
.pro_call tr {display: flex;flex-wrap: wrap;/*justify-content: space-between;*/row-gap: 18px;   column-gap: 1%;}
.pro_call td {display: flex;flex-direction: column;align-items: center;width: 19.2%;    border: 1px #eee solid; padding-left: 0px ! IMPORTANT;}
.pro_call td br {display:none;}
.pro_call td>a {overflow: hidden;position: relative;border-bottom: 1px solid #f1f1f1; padding:7%;}
.pro_call td>a:before {content:'';width:100%;height: 0;background: rgba(0,0,0,0.5);position:absolute;top:0;left:0;transition:0.5s;}
.pro_call td>a:after {content:'\e607';font-family: 'iconfont';position: absolute;left: 0;top: 0;font-size: 24px;color: #fff;width: 50px;height: 50px;border: 1px solid #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;right: 0;bottom: 0;margin: auto;transition: 0.5s;transform: scale(0);}
.pro_call td:hover a:after {transform:scale(1);}
.pro_call td:hover a:before {height:100%;}
.pro_call td a img {width: 100%;height: auto;}
.pro_call td>div {width: 100%;background: #fff;display: flex;justify-content: center;align-items: center;padding: 8% 0 20% !important;position: relative;}
.pro_call td>div:before {content:'';width:100%;height:0;background: #f2960f;position:absolute;bottom:0;left:0;transition:0.5s;}
.pro_call td:hover div:before {height:100%;}
.pro_call td:hover a {color:#fff;}
.pro_call td>div a {font-size: 16px;font-weight: lighter;position: relative; width: 100%; text-align: center;  line-height: 20px; padding: 0 5%;}
.pro_call td>div a:before {content:'more';width: 30%;background: #f8f8f8;position: absolute;bottom: -33px;left: 0;right: 0;margin: 0 auto;display: flex;justify-content: center;align-items: center;color: #999; font-size: 12px;border-radius: 40px;text-transform: uppercase;height: 26px;line-height: 26px;}
.pro_call td:hover>div a:before {background:#fff;color:#333;height: 26px; line-height: 26px;}
    
/*bt*/
.bt { text-align: center; padding-top: 50px; margin-bottom: 50px; }
.bt b { font-size: 44px; color: #333; display: block; font-weight: bold;text-transform: uppercase; font-family: 'MBold';}
.bt b strong { color: #4caf34; font-size: 44px; font-weight: bold; }
.bt p { display: block; margin-top: 20px; font-size: 20px; font-weight: 100; margin-bottom: 5px;}
.bt i { display: block; width: 65px; height: 2px; background: #ed9a11; margin: 25px auto 0; }
.bse b, .bse b strong, .bse p { color: #fff; }
.bse i { background: #fff; }

.com_b{position: relative;text-align:center;margin-top: -0px;padding: 0px 50px 30px 50px;background: #fff; margin-bottom: 60px;}
.com_b tr td{display:inline-block;  width:calc((100% - 90px) / 4); transition: 0.3s ease all;position: relative; padding-left: 0px !important;}
.com_b tr td+td{ margin-left:20px;}
.com_b tr td>a{display: block;overflow: hidden; transition: 0.3s ease all;}
.com_b table{width:100% !important;  }
.com_b img{width:100%;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;height:auto;}
.com_b td:hover img{transform: scale(1.1);}
.com_b td br{display: none;}
.com_b td div{position: absolute; bottom:0; width:100%; height:40px; line-height:40px; background:rgba(0,0,0,0.4);}
.com_b td div a{ font-size:15px; color:#fff;    line-height: 30px;}
.com_btn{background-color:rgba(0,0,0,0.3); background-image:url(http://login.114my.cn/memberpic/dgdongba1120106en/uploadfile/image/20240729/20240729173604_436078170.png);  background-repeat:no-repeat; background-position: center; width: 40px;height: 84px;position: absolute;top: 38%;cursor: pointer;}
.com_btn.btnl{left:0;}
.com_btn.btnr{right:5.6%;transform: rotate(180deg);}
.com_b tr{display:flex;}


.container {max-width: 1600px;margin: 0 auto;}
.section .container{height: 100%;display: flex;flex-wrap: wrap;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;}
.sec2{background: url(http://login.114my.cn/memberpic/dgdongba1120106en/uploadfile/image/20240729/20240729101125_560047895.jpg) center no-repeat; padding: 13% 0; position: relative;background-size: cover;background-attachment: fixed; overflow: hidden;}
.sec2:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.78);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}

.ind_title p{display: block;position: relative;padding-left: 15px;font-size: 30px;font-weight: 300;color: #FFFFFF;}
.ind_title p::after{content: "";display: block;width: 5px;height: 16px;background: #ed9a11;position: absolute;top: 50%;left: 0;margin-top: -8px;}
.ind_title b{font-size: 40px;font-weight: lighter;color: #FFFFFF;line-height: 60px;display: block;margin: 40px 0 30px;    text-transform: uppercase;font-family: 'MBold';}
.ind_title span{font-size: 20px;font-weight: 100;color: #FFF;line-height: 40px;}
.ind_title a{margin-top: 100px; display: block;width: 215px;height: 48px;line-height: 44px;box-sizing: border-box;border: 2px solid #FFFFFF;text-align: center;color: #fff;font-size: 16px;}
.ind_title a:hover{background: #ed9a11;border-color: #ed9a11;}

.pro_box{width: 50%;float: left;z-index: 999;position: relative;}
.duct_box{width: 50%;float: left;position: relative; z-index: 99;margin-top: 3%;}

.duct_item{position: absolute; display: block;width: 282px;height: 243px;background: url(http://login.114my.cn/memberpic/dgdongba1120106en/uploadfile/image/20240729/20240729155831_1088002993.png) no-repeat;display: flex;text-align: center;transition: .3s;}
.duct_item a{margin: auto;}
.duct_item .iconfont{margin: 0px auto 0;display: block;font-size: 34px;color: #FFF;}
.duct_item span{display: block;font-size: 14px;color: #FFF;line-height: 20px; padding:1% 13%;}
.duct_item p{font-size: 22px;color: #FFFFFF;line-height: 32px;display: block;margin: 12px 0 5px 0;}
.duct_item .jt{display: block;background: url(http://login.114my.cn/memberpic/dgdongba1120106en/uploadfile/image/20240730/20240730170054_1091699899.png);width: 24px;height: 7px;margin: 14px auto;}

.duct_item:hover{background: url(http://login.114my.cn/memberpic/dgdongba1120106en/uploadfile/image/20240729/20240729160110_163249100.png);}

.duct_item1{top: -120px;right: 100px;}
.duct_item2{top: 20px;right: 350px;}
.duct_item3{top: 150px;right: 100px;}
.duct_item4{top: 280px;right: 350px;}
.duct_item5{top: 280px;right: 649px;}

/* strength */
.dfs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.str_bg{max-width:90%;height:160px; position: relative; padding: 0% 0%;margin: 0 auto;z-index: 99;}
.str_bg .w1500 *{line-height: 100%;}
.str_list,.str_list ul{height:100%;position: relative;margin-top: 0px;padding: 2.5% 0;}
.str_list li+li{padding-left: 148px;}
.str_list li p{font-size:30px;font-weight: 100;color:#333;}
.str_list li em {display:flex;align-items:baseline;margin:6px 0;}
.str_list li em i{font-size:60px; color:#333;font-style: normal; font-family: 'neu'; font-weight:bold;}
.str_list li em b{font-size:18px;font-weight: 100;color:#333;margin-left:5px;}
.str_list li>span{font-size:19px;color:rgba(0,0,0,0.8);}

.map_img{text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}

/*news*/
.news_box{margin:0px auto;padding: 60px 0 70px 0; overflow: hidden;}
.news_bt{max-width: 1500px; min-width: 1000px; margin: auto; width: 100%;display: flex; justify-content: space-between; align-items: center;margin-bottom: 30px;}
.nb_tab a{width:171px;height:55px;display:inline-block;vertical-align:top;color:#333;margin-top:0px;text-align: center;}
.nb_tab a+a{margin-left:50px;}
.nb_tab a.cur {color: #fff; background-size: 400% 370%; background: #f2960f;}f
.nb_tab a i,.nb_tab a b{display:inline-block;vertical-align:top;line-height:55px;}
.nb_tab a b{font-size:16px;font-weight:100;letter-spacing:0px;}
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
.nbc_list+.nbc_list{display:none;}
.nbcl_le{width: 68%; float: left;}
.nbcl_le .news_div_item{width: 49%;display: inline-block;vertical-align:top; background: #fff; padding:28px 30px;}
.nbcl_le .news_div_item+.news_div_item{margin-left:10px;}
.nbcl_le .news_div_item_pic img{width:288px;}
.news_div_item_title a{font-size:18px;}
.nbcl_le .news_div_item_content{margin-top:10px;}
.nbcl_le .news_div_item_body{margin-top:15px;line-height:25px;color:#68686a;font-size:15px; font-weight: 100;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;border-radius:24px;border:1px solid #9a9899;background:url() no-repeat right center;float: right;margin-top:5px;}

.nbcr_ri{width: 30%; float: right;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border-top:1px solid #e6e6e6;padding:40px 0;position:relative;transition:300ms;border-left:1px #e6e6e6 solid;border-right:1px #e6e6e6 solid;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align:center;font-size:0;}
.nbcr_ri .news_div_item_content{width:432px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight:100;text-align: left;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#565656;  font-size: 14px;}
.nbcr_ri .news_div_item_day{font-size:47px;font-weight:bold;line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:25px;color:#68686a;padding-right:20px;font-size:15px;}
.nbcr_ri .news_div_item:nth-child(3){border-bottom:1px #e6e6e6 solid;}
.new_t{float:left;}
.new_ta{font-size:40px;color:#333;line-height:46px;display:block;width:400px;margin:auto;}
.new_ta span{font-weight:bold;}
.new_tb{font-size:20px;color:#666;line-height:40px;}


/*news*/
.nbcl_le.fl a {margin-right: 4% !important; width: 47%; display: inline-block; vertical-align: top; }
.nbcl_le.fl {display: flex;}
.nbcl_le.fl a i img {width: 100%;}
.nbcl_le.fl a p strong {font-size: 20px;margin-bottom: 15px;color: #767877;
font-weight: initial;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; line-height: 49px;    font-family: 'mr';}
.nbcl_le.fl a p {line-height: 25px; color: #68686a; font-size: 15px; font-weight: 100;position: relative;}
.nbcl_le.fl a p::before { content: 'read more +';  position: absolute;  bottom: -40px;  left: 0;  font-size: 14px;  color: #222222;}
.nbcl_le.fl a span {font-size: 12px; color: #999; position: relative; bottom: 16%; left: 0;}
.nbcr_ri.fr a {padding: 34px 0;    position: relative;}
.nbcr_ri.fr a { display: flex; flex-direction: row-reverse;}
.nbcr_ri.fr a p {width: 440px; padding-left: 20px; text-align: left;line-height: 25px; color: #666; padding-right: 20px; font-size: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.nbcr_ri.fr a p strong {font-size: 18px; display: block;color: #333; margin-bottom: 10px;font-weight: initial;font-family: 'mr'; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.nbcr_ri.fr a span {display: none; align-items: center; justify-content: center; width: 115px; text-align: center; font-family: Arial; position: relative;}
.nbcr_ri.fr a:hover::before {transition: 300ms; width: 100%;}
.nbcr_ri.fr a::before {content: ""; display: block; width: 0; height: 6px; background: #f2960f; transition: 0.3s all ease-in-out;  position: absolute;  bottom: 0;  left: 0;}
.nbcr_ri.fr a strong {font-size: 18px; margin-bottom: 10px; font-weight: initial;display: -webkit-box; -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow: hidden;}
.nbcr_ri.fr a span em:nth-child(3) {font-size: 47px; font-weight: bold; line-height: 55px; position: absolute; top: 15px;}
.nbcr_ri.fr a span em:nth-child(1), .nbcr_ri.fr a span em:nth-child(2) { position: relative; top: 30px;}
.pro_tit b {
    font-size: 36px;
    font-weight: normal;
}
.pro_tit p {
    font-size: 18px;
    color: #999;
    line-height: 30px;
    font-weight: 100;
    margin-top: 5px;
}

/*bq*/
#copy {text-align:center;width:1500px;margin: 0 auto; line-height:150%;}
/*copy*/
.end {padding:4% 0;   /* background: #f8f8f8;*/}
.copy {padding: 5% 1%;overflow: hidden;position:  relative;z-index: 5;border-top: 1px solid #f1f1f1;background: #f8f8f8;}
.copy:before {content:'';width:100%;height:100%;background: url()no-repeat left bottom;position:absolute;bottom:0;left:0;;;z-index: -1;display:none;}
.copy_box {max-width: 1500px;margin: 0 auto; text-align: center;}
.copy_box>a { font-size: 14px;  text-transform: uppercase;color:#fff;}
.copy_num {  width: 23%;border-left: 1px #eee solid; padding-left: 6%;}
.copy_num>p {font-size: 24px;font-weight: normal;padding: 0 0 14% 0;text-transform: capitalize; text-align: left;}
.copy_num ul {display: flex;justify-content: space-between;align-items: center;margin: 0 auto;flex-direction: column;    row-gap: 20px;}
.copy_num li {display: flex;align-items: center;    width: 100%;}
.copy_num li+li {margin:5% 0 0;}
.copy_num li i {font-size:22px;}
.copy_num li p {display: flex;flex-direction: column;font-size: 14px;padding: 0  0 0 12px; text-align: left;}
.copy_num li p span {font-size: 18px;padding: 5% 0 0;font-weight:  bold;}
.copy_con {display:  flex;justify-content:  space-between;/* align-items: center; */}
.copy_logo {display:flex;flex-direction:column;width: 24%; align-items: flex-start; align-items: center;}
.copy_logo i {}
.copy_logo i img {height: 98px;}
.copy_logo p {font-size:16px;padding: 10% 0 0;opacity: 0.8;line-height: 30px;}
.copy_logo em {display:flex;margin: 12% 0 0;}
.copy_logo em a {width: 45px;height: 45px;font-size: 20px;border-radius: 16px;border: 2px solid #4caf34;display:  flex;justify-content:  center;align-items:  center;position:relative;overflow:hidden;}
.copy_logo em a:before {content:'';width:100%;height:100%;background:#4caf34;position:absolute;top:0;left:0;z-index:-1;transform: translateX(-100%) rotate(45deg);transition: 0.5s all cubic-bezier(0.14, 0.35, 1, 0.9);border-radius: 16px;}
.copy_logo em a:hover:before {transform: translateX(0);border-radius: 0;}
.copy_logo em a:hover {color:#fff;}
.copy_logo em a+a {margin:0 0 0 10px;}
.copy_nav {width: 44%;    margin-left: 4%;}
.copy_nav ul {display:  flex;justify-content:  space-between;}
.copy_nav li {display:flex;flex-direction:column;width: 32%; text-align: left;}

.copy_nav li p {font-size: 24px;font-weight:  lighter;text-transform:  capitalize;padding: 0 0 28% 0;position:  relative;}
.copy_nav li a {font-size:15px;text-transform:  capitalize;opacity: 0.8;transition:0.5s;}
.copy_nav li a:hover {opacity: 1;}
.copy_nav li a+a {padding: 12% 0 0;}
.copy_pic {width: 100%;    margin: 0 auto;padding: 3% 1% 0 ;}
.copy_pic * {display:block;}
.copy_pic p {font-size: 24px;color: #fff;font-weight: bold;padding: 0 0 14% 0;}
.copy_pic tr {margin-bottom: 0 !important;}
.copy_pic td {width: 16%;overflow: hidden;position: relative;z-index: 5;    margin: 0 0.1%;}
.copy_pic td a:before {content:'\eb88';width:100%;height: 100%;position:absolute;bottom: -60%;left:0;font-size: 60px;color: #fff;display: flex;justify-content: center;align-items: center;font-family: iconfont;transition:0.5s;z-index: 1;}
.copy_pic td:hover a:before {bottom:0;}
.copy_pic td a:after {content:'';width:100%;height: 0;background: rgba(0,130,235,0.5);position:absolute;/* transform: scale(0); */transition:0.5s;top: 0;left: 0;/* border-radius: 50%; */}
.copy_pic td:hover a:after {height:100%;}
.copy_pic td a {overflow:hidden;position: relative;display: inline-block;z-index: 5;}
.copy_pic td img {width:100%;height:auto;transition: 0.5s;}
.copy_pic td:hover img { transform:scale(1.1); }
.copy_pic td div {display:none;}
.copy_end {background: #222;padding: 2% 1%;}
.copy_end p {font-size: 16px;color: #fff;text-align:  center; margin: 1% 0% 1% 0;}
.copy_pic .ban_dot {display:none !important;}

.roll { transform: rotate(90deg);font-size: 26px !important; width: 50px;height: 50px;background: #4caf34;border-radius: 50%;
 display: flex; justify-content: center;align-items: center; color: #fff;position: fixed;right: 1%;bottom: 4%;z-index: 999; cursor: pointer;}