@charset "utf-8";
/* CSS Document */


/* CSS Reset */
b,em,i{font-style:normal}
html{-webkit-text-size-adjust:none;}
body{color: #333;overflow-x:hidden;margin:0; padding:0; font-family:hs_r;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
li{list-style: none}
header,nav,section,article,aside,footer{display: block;}
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{color: #1a1a1a;font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body{width: 100%;height: 100%;}
.alltra{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.table{display: table;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;}
.pcshow{display:block;}
.mbshow{display:none!important;}
.clear{clear:both;}
.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!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block{display: block;width: 100%;height: auto;}
.img-inline{display: inline-block;width: auto;height: auto;}
.content{margin: auto;position: relative;overflow: hidden;}
.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;}
::-webkit-scrollbar{height:4px; width:3px;background: #cfd6db;}
::-webkit-scrollbar-button{height:0; width:5px;background: var(--main-color);}
::-webkit-scrollbar-thumb{background-color:var(--main-color);box-shadow:inset 1px 1px 0 var(--main-color),inset 0 -1px 0 var(--main-color);}
.fl{float:left;}
.fr{float:right;}
.arrowdown{position: absolute; bottom: 5%; left: 50%; margin-left: -15px; z-index: 11; cursor: pointer;}


.title{text-align:center;font-size:40px;color:#222;font-weight:normal;position:relative;z-index:1}
.title span{display:block;font-size:20px;font-weight:normal;color:#555;margin:5px 0 0px 0}
.title b{color:#333;font-weight: bold;font-style:normal;letter-spacing:0px}
.title span:after{content:"";display:block;width:30px;height:4px;margin:5px auto 0;background:var(--main-color)}
.titleb{text-align:center;font-size:40px;color:#fff;font-weight:normal;position:relative;z-index:1}
.titleb span{display:block;font-size:20px;font-weight:lighter;color:#fff;margin:15px 0 0px 0}
.titleb b{color:#fff;font-weight:lighter;font-size:3vw;font-style:normal;letter-spacing:0px}

@font-face {
  font-family: 'iconfont';  /* Project id 5093802 */
  src: url('http://login.114my.cn/memberpic/huangkai123/cssnew/iconfont.woff2.txt') format('woff2'),
       url('http://login.114my.cn/memberpic/huangkai123/cssnew/iconfont.woff.txt') format('woff'),
       url('http://login.114my.cn/memberpic/huangkai123/cssnew/iconfont.ttf.txt') 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;}
	
body {
    --main-color: #006bca;/* var(--main-color)#28A7E4) 0 91 172*/ 
    --min-width: 1400px;
    --max-width: 1920px;
}
/* header */
li, ul{margin: 0;padding: 0;border: 0;outline: 0; sans-serif;vertical-align: baseline;background: 0 0;box-sizing: border-box}
.head{padding: 1% 1%;/* overflow: hidden; */width: 100%;position: fixed;z-index: 5;}
.head.on{width: 100%;z-index: 999;box-shadow: 0 0 20px #ddd;background: #fff;}
.head_box{max-width: 1800px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.head_con{/*display:flex;*/justify-content: space-between;/* width: 50%; */align-items: center; margin-right:5vw;}
.head_nav{margin: 0 6vw 0 0;position: relative; float:right;}
.head_nav>ul{display: flex;align-items: center;width: 100%;}
.head_nav>ul>li{width: 21%;white-space: nowrap; line-height:90px; }
.head_nav>ul>li+li{margin: 0 0 0 4vw;}

.head_nav>ul>li>a{font-size: 18px;color: #fff;position: relative;}


.head_nav li:hover a:before,.head_nav>ul>li.cur a:before{width:100%;}
.head.on .head_nav>ul>li>a{color: #333;}
.head_nav ul li:hover a{opacity: .9;}
.head_sear{}
.jcen{ margin-top:2vw;  color:#fff; font-size:18px;}
.jcen img{ margin-right:3px;}
.top:hover .jcen{color:#333}
.top:hover .logo>img{ filter:none; }

/*search*/
.search{/* width: 78%; */background: #fff;padding: 0;z-index: 55;border-radius: 40px;display: flex;align-items: center;border: 1px solid #f5f5f5;}
.search_pro{font-size: 14px;width: 60px;padding: 0 0 0 15px; border-right: 1px solid #ddd;color: #666;}
.head_s{display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.head_s form{display: flex;justify-content: space-between;align-items: center;width: 180px;height: 35px;padding: 0 12px;}
#search-bg{width: 140px; height: 35px;line-height: 35px;overflow: hidden;box-sizing: border-box;}
#search-i{box-sizing: border-box;position: relative;z-index: 5;margin-left: -5px;}
#search-i:after{content: '';width: 33px;height: 33px; border-radius: 50%; position: absolute; top: -6px;left: -6px;z-index: -1;}
#infoname{border: none; background: none;outline: none;}
.search-text{font-size: 15px;color: #666;display: flex;justify-content: center;align-items: center;letter-spacing: 1px;}
.search-text a{font-size: 15px;color: #666 !important;font-weight: 100;}
.search-text span{color: #333;font-size: 15px; font-weight: bold;}
.search_con{display: flex; flex-direction: column; align-items: center; width: 68%; padding-top: 10px;}
.search_tit{position: relative;z-index: 5;display: flex;flex-direction: column;align-items: center;}
.search_tit ul{display: flex;}
.search_tit li{font-size: 26px;color: #fff;line-height: 32px;letter-spacing: 2px;}
.search_tit li i{font-size: 32px;font-weight: normal;}
.search_tit p{font-size: 18px; width: 315px; height: 40px;background: #fff; display: flex;justify-content: center; align-items: center;color: #024adc;margin-top: 10px;}
.search_tit p span{font-size: 30px;font-family: "Times"; line-height: 30px; font-weight: bold;}
/*fic*/
.head_nav>ul>li:hover .head_fic{transform:rotateX(0);}
.head_fic{position:absolute;top:90px; margin-left:-14px; background:#fff url() no-repeat; transform-origin: top;transform: rotateX(90deg);transition: 0.5s; box-shadow: 0 0 13px rgba(0,0,0,.1);}
.head_fic ul{/*border-radius: 0 0 4px 4px;*/}
.head_fic li{position:relative;padding:0 20px;z-index:4; line-height:44px; height:44px;}
.head_fic li:before{content:'';width:0;height:100%;background:var(--main-color); position:absolute;top:0;left:0;z-index:-1;transition:0.5s;}
.head_fic li:hover:before{width:100%;}
.br{border-radius: 0 0 4px 4px;}
.head_fic li a{font-size:14px; font-family: PingFangSC-Regular; /*transition:0.5s;*/ color:#000;}
.head_fic li:hover>a{color:#fff;}
.head_fic li dl{position:absolute;left: 100%; text-align:center; transform: rotateY(90deg);transition: 0.5s;background:#fff url(/skin/home/images/npro_nav_bj.png) no-repeat; width: 100%;top: 0;}
.head_fic li:hover dl{transform:rotateY(0);}
.head_fic li dl dt{padding:0 10%;position:relative; line-height:44px; height:44px;}
.head_fic li dl dt:before{content:'';width:0;height:100%;background:var(--main-color);position:absolute;top:0;left:0;z-index:-1;transition:0.5s;}
.head_fic li dt:hover:before{width:100%;}


.head_fic li dl dt+dt{}
.head_fic li dl dt a{font-size: 14px;transition:0.5s;}
.head_fic li dt:hover a{color:#fff;}
.lan, .menu{font-size:15px}
.logo{display:block; float:left; margin:15px 0 0}
.logo>img{height:58px;}

.top{width:100%; position:fixed; top:0; left:0; z-index:11117;    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 5%, transparent 100%) ;height:90px;}
#top .fixed{}
.top:hover{background-color:rgba(255,255,255,0.81); box-shadow: 0 0 30px 0px rgba(0,0,0,0.1); height:90px;background-image:  none;}
.top-in{position:relative; margin:0 auto; z-index:9; width:92% !important; }
.top-in p{ font-size:15px; color:#fff; display:block; float:left; padding-left:10px;}
.top-in p span{ font-size:25px; color:#fff; display:block; padding-top:22px; line-height:32px;letter-spacing:-1px; font-weight:bold;}

@media screen and (min-width: 1200px) {
	.head_nav>ul>li+li{margin: 0 0 0 4vw;}
	
.top-in p {  font-size:12px;}
.top-in p span{ font-size:20px;}
}
@media screen and (min-width: 1280px) {
	.head_nav>ul>li+li{margin: 0 0 0 4vw;}
	
.top-in p {  font-size:12px;}
.top-in p span{ font-size:20px;}
}
@media screen and (min-width: 1366px) {
	.head_nav>ul>li+li{margin: 0 0 0 4vw;}
.top-in p {  font-size:12px;}
.top-in p span{ font-size:20px;}
}

@media screen and (min-width: 1440px) {
	.head_nav>ul>li+li{margin: 0 0 0 4vw;}
.top-in p {  font-size:14px;}
.top-in p span{ font-size:24px;}
}
@media screen and (min-width: 1600px) {
	.head_nav>ul>li+li{margin: 0 0 0 3vw;}
.top-in p {  font-size:15px;}
.top-in p span{ font-size:25px;}
}

@media screen and (min-width: 1800px) {
	.head_nav>ul>li+li{margin: 0 0 0 3vw;}
.top-in p {  font-size:14px;}
.top-in p span{ font-size:25px;}
}

@media screen and (min-width: 1920px) {
	.head_nav>ul>li+li{margin: 0 0 0 4vw;}
.top-in p {  font-size:14px;}
.top-in p span{ font-size:28px;}
}


.top:hover .top-in p{ color:#333}
.top:hover .top-in p span{ color:#333}
.top.on .top-in p{color:#333}
.top.on .top-in p span{color:#333}
.top.on .jcen{color:#333}


.menu{float: right;}
.menu>ul>li{position: relative;float: left;margin-right:50px}
.menu>ul>li:last-child{margin-right: 0}
.menu>ul>li>a{padding:25px 0 21px 30px;display: block;line-height: 1;color: #666}
.menu>ul>li>a:hover{/*padding:23px 5px 23px;*/ opacity: .5; text-decoration: none; color:#fff}
.menu>ul>li .sub-menu .sub-menu_child{display: none; padding-left:20px;}
/*.menu>ul>li .sub-menu .sub-menu_child{transition: all 0.5s; transform: rotateX(90deg); transform-origin: top;}
.menu>ul>li .sub-menu:hover .sub-menu_child{transform: rotateX(0deg);}
*/
.menu>ul>li .sub-menu{transition: all 0.5s; transform: rotateX(90deg); transform-origin: top;}
.menu>ul>li:hover .sub-menu{transform: rotateX(0deg);}
.menu>ul>li .sub-menu{position: absolute;padding: 9px 18px;background:#488BFF; /*box-shadow: 0 2px 10px 0 rgba(4,16,76,.5);*/ border-radius:0 0 4px 4px; min-width: 130px;}
.menu>ul>li .sub-menu a{display: block;line-height: 30px;font-family: PingFangSC-Regular;font-size:14px;color: #fff;white-space: nowrap; height:auto;visibility: visible;}
.menu>ul>li .sub-menu .sub-menu_child a{color:#fff;}
.menu>ul>li .sub-menu a i{transform: rotate(90deg);}
.menu>ul>li .sub-menu a:active, .menu>ul>li .sub-menu a:hover{color:#fff;}
.menu>ul>li.show>a{padding:25px 5px 21px!important;opacity: .6!important}
.menu>ul>li.show .sub-menu{display: block}
.menu>ul>li.active>a{position: relative;padding:23px 5px 23px}
.menu>ul>li.active>a:hover{opacity: 1}
.menu>ul>li.active>a::after{content: "";position: absolute;bottom: 0;left: 50%;margin-left: -8px;width: 16px;height: 4px;background-color: #3BDBA6}
.menu-mb, .menu-mb-btn{display: none}
.menu>ul>li:hover .sub-menu{}
.menu>ul>li .sub-menu-group:hover .sub-menu_child{display:block;}
.lan{padding: 18px 0;position: absolute;top: 0;right: 0;width: 56px}
.lan>.acitve{position: relative;right: 0;height: 24px;padding: 0 9px;border: 1px solid #fff;border-radius: 16px;-moz-border-radius: 16px;-webkit-border-radius: 16px;-o-border-radius: 16px;-ms-border-radius: 16px;-khtml-border-radius: 16px;cursor: pointer}
.lan>.acitve span{padding-right: 10px;display: block;color: #fff}
.lan>.acitve .icon{position: absolute;top: 8px;right: 8px;z-index: 9;border-color: #fff transparent transparent}
.lan .drop{visibility: hidden;width: 100px;position: absolute;top: 60px;left: -18px;z-index: 9;background-color: #fff;border-radius: 6px;box-shadow: 0 5px 30px 5px rgba(69,79,91,.2)}
.lan .drop li>a{display: block;cursor: pointer;padding: 10px;color: #A8ACB0}
.lan .drop li>a:first-child{border-radius: 6px 6px 0 0}
.lan .drop li>a:last-child{border-radius: 0 0 6px 6px}
.lan .drop li>a:hover{color: #212B35}
.lan .drop.show{visibility: visible}
.lan.active>.acitve{opacity: .5}
.top.fixed{background: rgba(255,255,255,.7);}
.top.on .logo>img{    filter: none; }
.top.on .head_nav>ul>li>a { color: #333;}

.top:hover .head_nav>ul>li>a{ color:#333}
.top:hover .logo>img{height:58px;}
@media (max-width:1023px){.lan, .menu{display: none}
.btn{width: 224px;height: 46px;line-height: 46px}
.btn-border-blue, .btn-border-white{font-size: 12px}
.btn-border-blue .triangle, .btn-border-white .triangle{top: 19px}
.top{min-width: 0}
.top-in{width: 100%}
.logo{margin: 19px 0 0 1.4rem}
.logo img{width: 83px;height: auto;}}
@keyframes menuAnimate{0%, 100%{top:53px}
50%{top:50px}}
@keyframes menushow{0%{right:-100%}
100%{right:0}}
@keyframes menuhide{0%{right:0}
100%{right:-100%}}
@keyframes menucontentshow{0%{right:-100%}
100%{right:0}}
@keyframes menucontenthide{0%{right:0}
100%{right:-100%}}
.menu-mb{display: block;position: fixed;top: 0;right: -100%;width: 100%;bottom: 0;overflow: hidden;opacity: 0}
.menu-mb-content, .menu-mb-mask{position: absolute;top: 0;height: 100%}
.menu-mb>ul{display: none}
.menu-mb.mshow{opacity: 1;right: 0}
.menu-mb.mshow>.menu-mb-content{right: 0;animation: menucontentshow .3s ease}
.menu-mb.mshow>.menu-mb-content>ul{opacity: 1;transform: translateX(0)}
.menu-mb.mshow .menu-close{right: 1.5rem}
.menu-mb.mhide{right: -100%}
.menu-mb.mhide>.menu-mb-content{right: -100%;animation: menucontenthide .3s ease}
.menu-mb-mask{left: 0;z-index: 1;width: 100%;background-color: rgba(0,0,0,.3)}
.menu-mb-content{right: -100%;width: 15.5rem;z-index: 2;padding: 20px 1.5rem;background: #fff;overflow: scroll}
.menu-mb-content>.logo{display: block;float: none;margin: 0}
.menu-mb-content>.logo>img{width: 86px;height: auto; filter: contrast(0) brightness(2);}
.menu-mb-content a{font-size: 18px;color: #8A9196}
.menu-mb-content>ul{border-top: 1px solid #DFE3E8;margin-top: 45px;padding-top: 32px;opacity: 0;transform: translateX(30%);transition: all .8s}
.menu-mb-content>ul>li{margin-bottom: 15px}
.menu-mb-content>ul>li>h3{font-size: 18px}
.menu-mb-content>ul>li>a{display: block;padding: 5px 0}
.menu-mb-content>ul>li>a.has-children .icon{float: right;margin-top: 9px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menu-mb-content>ul>li>a.has-children.active .icon{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg)}
.menu-mb-content>ul>li.active>a{color: #212B35}
.menu-mb-content>ul>li .sub-menu{display: none}
.menu-mb-content>ul>li .sub-menu>li a{display: block;padding-left: 20px;font-family: Helvetica;font-size: 14px;color: #8A9196;line-height: 32px}
.menu-mb-content>ul>li .sub-menu>li a:active{background-color: #f4f5f8}
.menu-mb-content .lan-list{margin-top: 25px}
.menu-mb-content .lan-list>li>h3{font-family: Helvetica;color: #279CD4}
.menu-mb-btn{display: block;margin: 21px 30px 0 0;float: right;width: 20px}
.menu-mb-btn>i{display: block;margin-bottom: 5px;height: 2px;border-radius: 1px;background: #fff}

.boyh{position: absolute; padding: 1.5% 0 90px; top:69%; left: 0; width: 100%; height: 100%; z-index: 5; transition: ease .3s; }
/*è§é¢*/
.home-layer{width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; color:#fff;}
.index-swiper{width:100vw;height:100vh;position:relative;overflow:hidden;margin:0;padding:0}
.banner-video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;z-index:0}
.normal-layout{ z-index: 2; position: relative;}
.darkmenu{background: #0f1925;}
.stock{color: #ff0202; font-size: 12px; line-height: 44px; margin-left: 50px;}
.lang{opacity: .5; font-size: 14px; line-height: 40px; float: right; color: #fff;}
.home-first-content{margin: 0 auto; margin-top: 15%; text-align:center;}
.home-first-content .p1{font-size:5.3vw; letter-spacing:14px; font-weight:bold; color: rgba(255,255,255,0); -webkit-text-stroke: 2px #fff; /* color:#fff; text-shadow: 1px 1px 3px rgba(0,0,0,.3); */ font-family: hs_b;}
.home-first-content .p2{font-size:1.9vw; margin: 10px auto 0; -webkit-text-stroke:1px #fff; letter-spacing:0.2vw;}
.text-line{height: 5px; margin:25px auto 30px;}
text-line .f{height:3px;}
.text-line .o{height:3px; display: inline-block; vertical-align: top; overflow: hidden;}
.text-line span{display: block; width:60px; height:2px; background:#fff; overflow: hidden; transition: all 1s ease; -webkit-transform: translate(0px, 10px); transform: translate(0px, 10px);}
.text-line span{-webkit-transform: translate(0px, 0px); -webkit-transition-delay:.5s; transform: translate(0px, 0px); transition-delay:.5s;}
/*°å*/
.col33,
.col34{float: left; height: 50%; text-align:center; background-size: cover;}
.col33 span,
.col34 span{font-family:hs_b;}
.col33{width: 33%;}
.col34{width: 34%;}
.col33 span,

.col34 span{font-size: 100px;}
.col33 p:nth-child(1),
.col34 p:nth-child(1){font-size: 24px; margin-top: 23%;}
.col33 p:nth-child(2),
.col34 p:nth-child(2){font-size: 22px; font-weight:lighter; line-height:30px;}
.col33 p:nth-child(3),
.col34 p:nth-child(3){font-family:"Arial"; font-weight:lighter; opacity: 0.5; font-size:20px; letter-spacing:0.8px;}
.data1{background-image: url(https://memberpic.114my.net/dtekcom/uploadfile/image/20241011/20241011171047_687757179.jpg);}
.data2{background-image: url(https://memberpic.114my.net/dtekcom/uploadfile/image/20241031/20241031133247_2145393586.jpg);}
.data3{background-image: url(https://memberpic.114my.net/dtekcom/uploadfile/image/20241011/20241011172234_2143679587.jpg);}
.data4{background-image: url(https://memberpic.114my.net/dtekcom/uploadfile/image/20241031/20241031133247_1308909391.jpg);}
.data5{background-image: url(https://memberpic.114my.net/dtekcom/uploadfile/image/20241031/20241031133247_1848280879.jpg);}
.data6{background-image: url(https://memberpic.114my.net/dtekcom/uploadfile/image/20241031/20241031133247_1654857816.jpg);}
/*å­ä¼*/
.index-about{width: 100%;height: 100%;position: relative; color:#fff;}
.index-about .section-content{width: 78%;position: absolute;top:37%;transform: translateY(-50%);left: 10%;z-index: 11;}
.text-51{font-weight: 500; height:70px; line-height: 70px; margin-bottom:10px; /* overflow: hidden; */ font-size:3.3vw; letter-spacing:0px;}
.text-51 span{display: block; opacity: 0; -webkit-transform:translateY(80px); transform:translateY(80px);}
.text-51 span{opacity: 1; -webkit-animation: slideUp .5s 0s both ease; animation: slideUp .5s 0s both ease; -webkit-animation-delay: .4s; animation-delay: .4s;}
.text-52{height:40px; text-transform: uppercase; line-height: 40px; margin-bottom:30px; font-family: Arial; font-weight:lighter; font-size: 1.9vw;}
.text-52 span{display: block; opacity: 0; -webkit-transform:translateY(80px); transform:translateY(80px);}
.text-52 span{opacity: 1; -webkit-animation: slideUp .5s 0s both ease; animation: slideUp .5s 0s both ease; -webkit-animation-delay: .4s; animation-delay: .4s;}
/* index */
.index-swiper,.index-banner-swiper,.index-section{width: 100%;height: 100%;}
.index-swiper .index-pagination{right:2% !important; left:auto;}
.index-swiper .index-pagination span{background: #fff;opacity: .5;margin:20px 0!important;width: 6px;height: 6px;position: relative;transition:all .4s ease;}
.index-swiper .index-pagination span::before{content: '';width: 10px;height: 10px;border: 2px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;border-radius: 100%;transition:all .4s ease;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active{opacity: 1;background: none;}
.index-swiper .index-pagination span.swiper-pagination-bullet-active::before{opacity: 1;}


.end-slide{height:558px;}
/*äº§å*/
.title-1{font-size:40px; margin-top:5%;}
.title-2{font-size: 35px; font-weight:bold; color:#1a1a1a;}
.title-3{font-size: 3.3vw;font-weight: 400;}
.title-4{font-size: 20px;font-weight: 400;}
.title-5{font-size:1.51vw;}
.title-6{font-size: 24px;font-weight: 500;}
.title-7{font-size: 18px;font-weight: 500;}
.title-8{font-size: 22px;font-weight: 500;}
.title-9{font-size: 34px;font-weight: 500;}
.title-10{font-size: 60px;font-weight: 900;}
.title-11{font-size: 32px;font-weight: 500;}
.title-12{font-size: 28px;font-weight: 500;}
.title-13{font-size: 52px;font-weight: 500;}
.title-14{font-size: 14px;font-weight: 500;}
.title-15{font-size: 40px;font-weight: 900;}
.text-1{font-size:16px; line-height:26px; font-family:hs_l;}
.text-2{font-size:1.9vw; height: 40px;text-transform: uppercase;line-height: 40px;margin-bottom: 30px;font-family:;font-weight:;font-size: 1.9vw;}
.text-3{font-size:1vw; line-height:40px; font-weight:lighter; margin-top:30px; margin-bottom:1.2%;}
.text-4{font-size: 15px;line-height: 26px;}
.text-5{font-size: 40px;line-height: 50px;font-weight: 900;}
.text-6{font-size: 18px;line-height: 28px;}
.text-7{font-size: 24px;line-height: 34px;}
.text-8{font-size: 26px;line-height: 34px;}
.text-9{font-size: 16px;line-height: 24px;}
.text-14{font-size: 14px;line-height: 20px;}
.number-1{font-size: 14px;}
.number-2{font-size: 60px;}
.number-3{font-size: 80px;line-height: 80px;}
.number-4{font-size: 16px;}
.number-5{font-size: 40px;font-weight: 600;}
.entitle-1{font-size: 3vw;font-family: 'Montserrat-Bold'; font-weight: bold;}
.english-1{font-size: 14px;}
.english-2{font-size: 30px;font-family: 'Montserrat-Bold';}
.english-3{font-size: 200px;font-family: 'Montserrat-Bold';}

/**/
.cprod_img td div a{    position: relative;}

.cprod_img td div a:after {
    content: "+MORE";
    width: 100px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    transition: all .5s;
    display: block;
    margin: 20px auto 0;
    /* background: linear-gradient(to top, #fef2e1, #fef2e1); */
    border-radius: 20px;
    border: 1px solid #c0c1c5;
}



/**/
.footer{background:#1c1c1c; width:100%;  min-width:1200px; display:block; }

/*è§é¢*/
.page6-content{position: absolute;text-align: center; z-index: 999; color: #fff; width: 80%; height: 100%; transform: translateY(-50%); top: 55%; left: 10%;}
.page6-content .ani{font-size:3.3vw;}
.videoShow{margin-top: 10vw;}
.in_company{width: 39%; float: left; height:200px; background: url(../images/in_company_bg.png) no-repeat center / cover; box-sizing: border-box; padding: 30px 30px;}

.index-news{width: 100%;height: 100%;position: relative;background: #f7f7f7;}
.index-news .section-content{position: absolute;top: 55%;transform: translateY(-50%);left: 10%;z-index: 11;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){}
@media only screen and (max-width:1440px ){.auto1440{padding: 0 100px;}.top-in{width:100%; margin-left:4%;}.head_nav{margin: 0 4% 0 0;}}
@media only screen and (max-width:768px ){.auto1440{padding: 0 10px;}}
.auto1440{margin: 0 auto;max-width:1500px;}
@media only screen and (max-width:1440px ){.auto1440{padding: 0 100px;}}
@media only screen and (max-width:768px ){.auto1440{padding: 0 10px;}}
.ft-company-infos{padding:42px 0 50px;color:#999}
.ft-ads{font-size:16px}
.ads-list span{display:inline-block;margin-right:15px; font-size:17px; cursor:pointer}
.ads-list span.cur,.ads-list span:hover{color:#fff}
.company-ads{margin:20px 0; height:140px;}
.company-ads>div p{padding-top:6px; font-size:15px; color:#fff; font-family: hs_l;}
.company-ads:after{content:'';display:block;width:15px;height:17px;margin-top:20px}
.ft-company-infos>div{width:33.3333%; text-align:left;}
.ft-company-infos .contact-us{height:150px;text-align:center;border-left:solid 1px rgba(255,255,255,.05);border-right:solid 1px rgba(255,255,255,.05);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contact-us{color:#fff;font-size:16px}
.contact-us h3{font-weight:400}
.contact-us p{padding:30px 0 25px}
.contact-us p em{color:#fff;padding-right:15px;border-right:solid 1px rgba(255,255,255,.1)}
.contact-us p strong{font-size:20px;font-weight:400;padding-left:15px}
.contact-us a{display:block;width:128px;height:40px;line-height:40px;text-align:center;border:solid 1px #fff;color:#fff;font-size:14px;margin:0 auto;}
.contact-us a:hover{color:#fff;}
.sdw-ewm>div{width:135px;height:160px;background-color:#fff;margin-left:20px;text-align:center;color:#666}
.sdw-ewm>div img{width:120px;height:120px;margin:6px auto}
.copy-right{font-size:14px;color:#666;padding:35px 0 30px;border-top:solid 1px rgba(255,255,255,.05);position:relative}
.copy-right p span{padding-left:12px}
.ft-links a:hover,.copy-right p a:hover{color:#fff;text-decoration:underline}
.bottom_fun{padding-bottom:94px; width:1500px; margin:auto;}
.bottom_fun .left{width:212px;float: left;padding:6px 0; position: relative;line-height:30px; background:#eff1f3;}
.bottom_fun .left .txt{width:170px; line-height:20px;font-size: 14px;color:#333; border-right: 1px solid #bfd7fc; text-align:left; text-indent: 10px;}
.bottom_fun .left ul{position: absolute;background: #fff;bottom: 100%;padding:4px 0;border: 1px solid #eee; width: 100%; display: none; z-index:9999;}
.bottom_fun .left ul li{line-height: 26px;font-size:14px; text-align:left; padding-left: 15px; color: #333;}
.bottom_fun .bottom_down{position: absolute;cursor: pointer;right: 0;top: 0;width:42px;height:32px;background: url(../images/down.png) no-repeat center center;}
.bottom_fun .left ul li a{color: #848cae;}
.bottom_fun .right{float: right; width:15.3%}
.both{opacity: 0.2; background:#fff; height:1px;}
@media only screen and (max-width:768px ){.bottom_fun .left,.bottom_fun .right{width: 100%;float: none;}.bottom_fun .right{text-align: right;margin: 20px 0;}.bottom_fun .right .bdsharebuttonbox{float: right;}}
.auxiliary{overflow: hidden;width: 100%; line-height:80px; font-family: hs_l;}
.auxiliary .left{float: right;}
.auxiliary .right{color:#fff; float: left; font-family: hs_l;}
.auxiliary .right a{padding-right:0px; color:#fff; font-family: hs_l;}
.auxiliary a:hover{color:#fff;}
.auxiliary a{font-size: 14px; color:#fff; padding-right:14px;}
@media only screen and (max-width:768px )
{.auxiliary .left,.auxiliary .right{float: none;width: 100%;margin-bottom: 14px;}
}

/*äº§å*/
.prod_bg{padding:9vh  0;  }
.prod_list{ }
.mr{ float:right; margin-top:30px;}
.prod_list ul{display: inline-block;}
.prod_list ul li a:hover,.prod_list ul li.on a{}
.prod_list ul li {float:left; padding: 1.1% 0; background: #fff;margin: 0 10px;  text-align: center;box-shadow: 0px 0px 24px 0px #D9D9D9;line-height: 44px;font-size: 16px;border-radius: 23px;padding: 0 2.0vw;}
.prod_list ul li.on { background: var(--main-color); }
.prod_list ul li:last-child {border-right:none;}
.prod_list ul li a { color:#333; font-size:16px; }
.prod_list ul li.on a {color:#fff;}
.prod{margin: 0 auto;margin-top: 30px; width: 100%; max-width:85%; min-width: 1200px;}

@media screen and (min-width: 1200px) {
.prod {
    max-width: 97%;
}
}
@media screen and (min-width: 1280px) {
 .prod {
    max-width: 97%;
 
}
}
@media screen and (min-width: 1366px) {
 .prod { max-width: 95%;}
}
@media screen and (min-width: 1440px) {
 .prod { max-width: 95%;}
}
@media screen and (min-width: 1600px) {
 .prod { max-width: 90%;}
}
.pro_bcc{overflow: hidden;}
.pro_cc .divproduct_new_div{display: flex; width: 100%; flex-shrink: 0;}
.pro_cc .divproduct_new_div .divproduct_new_div_item{display: flex;flex-direction: column-reverse;width:23.3%;flex-shrink: 0; padding: 0%;border-radius:20px; padding:0%;}
.pro_cc .divproduct_new_div .divproduct_new_div_item+.divproduct_new_div_item{margin-left: 2%;}
.pro_cc .product_div_item_pic{overflow:hidden}
.pro_cc .product_div_item_pic img{ width: 100%;transition:all .5s;display:block; border-radius: 20px; background: #fff; }
.pro_cc{margin-top:2.3%;position:relative; display: flex; transition: 0.5s;}
.pro_cc .divproduct_new_div_item_title a{font-size: 20px;color: #333;display: block;margin: 30px 0 18px;position:relative;}
.pro_cc .divproduct_new_div_item_title a:after{content: "+MORE";width:100px;height: 36px;line-height: 36px;font-size: 14px;color: #333;transition:all .5s;display: block;margin: 20px auto 0;/*background: linear-gradient(to top, #fef2e1, #fef2e1);*/border-radius: 20px;  border: 1px solid #c0c1c5;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover  .divproduct_new_div_item_title a:after{background:var(--main-color);color:#fff; border: 1px solid var(--main-color);}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover .product_div_item_pic img{transform:scale(1.1)}
.pro_cc .divproduct_new_div_item_content{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{  margin-top:33px;}
/*end*/
/*ä½*/
.htitle h3 {color:#333;font-size: 2.1vw;line-height: 4vw; font-weight: bold; position: relative; z-index: 1;  letter-spacing: 2px;}
.htitle i{   display: block;  width: 40px;    height: 3px;    background:var(--main-color);}
.common_title.mleft .icon_title{margin: 2rem 0 0;}
.common_title .cn{margin-top: -2rem;position: relative;}
.common_title .cn{font-size: 3rem;color:#1a1a1a;z-index: 3;text-align: left;}
.home_fullpage .section5{overflow: hidden;background:#fff url(https://memberpic.114my.net/dgdxzdh11/uploadfile/image/20260818/20260818151804_1284658517.jpg) no-repeat center bottom;background-size: cover;padding:5% 0 0 0;box-sizing: border-box;}
.fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow>.fp-overflow{overflow: hidden;}
.home_fullpage .section5 .ctop{display: flex;justify-content: space-between; width:85%; margin:0 auto;}
.common_title.white .en{background-image: linear-gradient(to bottom, #fff, rgba(192,193,197,0.5));-webkit-background-clip: text;color: transparent;opacity: 0.2;font-size: 4rem; font-family: "DIN";}
.home_fullpage .section5 .ctop .mleft .common_title{margin-top:1rem;}
.home_fullpage .section5 .ctop .mleft .des{font-size: 1.11vw;line-height:1.8; width:100%; font-family: hs_l; margin-top:30px; color:#333}
.home_fullpage .section5 .ctop .mleft .des b{ margin-right:10px; display:block; margin-top:16px; color:#333}
.home_fullpage .section5 .ctop .mright img{width:34rem;opacity:1;}
.home_fullpage .section5 .partner_swiper{width: 100%;overflow: hidden;position: relative;margin-top: -3rem;padding-bottom: 2rem;}
.home_fullpage .section5 .partner_swiper .swiper-slide{display: flex;align-items: center;flex-wrap: wrap;}
.home_fullpage .section5 .partner_swiper .swiper-slide .item{background-color: #fff;width: 19%;height: 0.6146rem;margin-right: 1%;margin-bottom: 0.125rem;display: flex;align-items: center;justify-content: center;}
.home_fullpage .section5 .partner_swiper .swiper-slide .item img{width: 1.2292rem;}
.home_fullpage .section5 .partner_swiper .swiper-slide .item:nth-child(5n){margin-right: 0;}
.home_fullpage .section5 .partner_swiper .swiper-pagination{text-align: left;bottom: 0 !important;}


.num-scroll-two{left: 0px;z-index: 2; margin:auto; width:91%;}
.num-scroll-two li{text-align: left;display: inline-block;padding: 0 35px;font-size: 18px;}
.num-scroll-two li .num-cont{font-size: 24px; width:70%; padding:5px 0; margin: auto;    border-radius: 5px; color: #fff;  background: linear-gradient(to right, var(--main-color) 0%, var(--main-color) 100%);}
.num-scroll-two li .num-tit{font-size:22px; padding-top:0.62vw;color: #333;}
.num-scroll-two li .num{margin-bottom: 5px;font-size: 60px; line-height: 1;color: #fff;}
.num-scroll-two.bmt li{width:19%;text-align: center;padding: 0;padding-top:1%; margin-bottom:1%; font-size: 16px;line-height: 1.5;}
.num-scroll-two.bmt li .num{font-size:2.4vw; font-family: "DIN-BOLD"; color: #fff}
.num-scroll-two.bmt li .m{position: relative;top: -8px;left: 10px;color: #fff;font-style: normal;font-size: 18px;display: inline-block;}


/**/
.uw-footer{overflow: hidden;width: 94%; margin: 100px auto auto auto;}
.uw-footer .uw-content {width: 90%;margin: 10% auto auto auto; }
.uw-footer-content {padding:80px 0 3%; width:80%; margin:auto; /*-moz-box-shadow:2px -2px 5px #fff;-webkit-box-shadow:2px -2px 5px #fff;box-shadow:2px -2px 5px #fff;*/}
.dc-fr-cont-top {padding-bottom:50px;     height: 250px;  border-bottom:solid 1px rgba(255,255,255,0.2);}
.uw-f-co-top-left {float: left;width:30%; font-size:15px; overflow: hidden; }
.dc-fooer-cont-tl {overflow: hidden;width: 100%; color:rgba(255,255,255,0.9); font-size:14px; line-height:29px;}
.dc-fooer-cont-tl .service-hotline{overflow: hidden; color:#fff;}
.dc-fooer-cont-tl .service-number{padding:0 0  0; font-size:30px;}
.dc-fooer-cont-tl .service-add {padding: 5px 0;}
.dc-fooer-cont-tl .service-social {padding: 5px 0;margin-top: 20px;}
.dc-fooer-cont-tl .service-social a{display: inline-block;margin-right: 5px;}
.dc-fooer-cont-tl .service-social i{width: 42px;height: 42px;position: relative;display: block;}
.dc-fooer-cont-tl .service-wxewm {overflow: hidden;position: relative;}
.dc-fooer-cont-tl .service-wxewm li {list-style: none;margin: 0;padding: 0;position: relative;width:19%;float: left;margin-right:1%;}
.dc-fooer-cont-tl .service-wxewm li:last-child {margin-right: 0;}
.dc-fooer-cont-tl .service-wxewm li img {display: block;}
.dc-fooer-cont-tl .service-wxewm li p {text-align: center;display: block;font-size:14px;color: #4e4e4e;margin: 0; line-height:1.2; padding:0;}
.dc-f-cnt-top-right {position: relative;float: left;width:70%;}
.dc-f-cnt-top-right-nav {text-align: right;}
.dc-f-cnt-top-right-nav ul{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;text-align: left;margin-left:14%;}
.dc-f-cnt-top-right-nav ul:first-child {margin-left: 0;}
.dc-f-cnt-top-right-nav ul h4{padding-bottom:10px;font-weight: normal;margin: 0; font-size:17.5px;}
.dc-f-cnt-top-right-nav ul h4 a{font-size:17.5px; color:#fff;}
.dc-f-cnt-top-right-nav ul li{list-style: none;margin: 0;padding: 2px 0; line-height:0px;}
.dc-f-cnt-top-right-nav ul li a{ color:rgba(255,255,255,0.6); font-size:15px; line-height:24px;}
.dc-f-cnt-top-right-nav ul li a:hover {opacity: 1;color: #fff;}				
.dct-c-tbo {clear: both;padding: 20px 0 0px 0;overflow: hidden;}
.dct-c-tbo a{color:rgba(255,255,255,0.6);}
.dcf-tgc {float: left;width: 70%; font-size:15px; color:rgba(255,255,255,0.6); line-height:23px; }
.dcf-tgc  a{color:rgba(255,255,255,0.6);}
.dcf-tgc span{/*opacity: .7;*/ color:rgba(255,255,255,0.6);}
.dct-c-tbo-right {float: right;width: 29%;text-align: right; color:rgba(255,255,255,0.6);}
.dct-c-tbo-right a{margin-left:10px; color:rgba(255,255,255,0.6);}
.dct-c-tbo a:hover {opacity: 1;}
.fbtm{ margin-top:34px;}

.footer .fbtm a{display: block;float: left;width:44px;height:44px;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%; margin-right:3.8%;}
.footer .fbtm img { width:100%;}
.dc-fooer-cont-tl .service-add,.dct-c-tbo,.dct-c-tbo a, {font-size:15px;}
.dc-f-cnt-top-right-nav ul li a {font-size:15px;}
.dc-fooer-cont-tl .service-hotline{font-size:15px;}
.uw-index-product-nav a,.uw-technical-text .title-2,.uw-team-item .text-2,.uw-news-information-item .title-2,.uw-repair-left .text-1,.uw-repair-left span ,.uw-repair-left  .email-3 strong,.uw-joinuw-left .text-2 strong,.uw-talent-swiper .title-1,.uw-contact-map-addtext .text-2,.uw-newsflash-item .title-2,.uw-product-text .text-2{font-size:16px;}
.dc-f-cnt-top-right-nav ul h4  {font-size:17px;}
.uw-prodcuts-nav-swiper a,.uw-division4-nav a,.uw-division4-swiper .title-2,.uw-business-bottom-swiper .guoqi span,.uw-honor-item .title-1,.uw-honor-nav a,.uw-culture-swiper .title-1,.uw-page-nav a,.uw-investor-stock .stock-2,.uw-news-media-item .title-2,.uw-news-video-swiper .title-2,.uw-aftersale-item .title-1,.uw-download-item .title-1 ,.uw-uwlife-swiper .title-2,.uw-joinuw-list-item .title-1 strong{font-size:18px;}
.uw-header .uw-left h5,.uw-header .uw-right,.uw-index-techtnical-item .title-1,.uw-index-about-bottom h5,.uw-index-news-item .title-1,.uw-report-item .title-2  {font-size:18px;line-height: 28px;}
.uw-division-nav a {font-size:20px;}
.dc-fooer-cont-tl .service-number{font-family: "DIN-BOLD"; color:#fff;}
.uw-path-content a::after {font-family:"",Arial;}
.xiatu{text-align:center;}
.xiazi{font-size:16px;}
.social {padding-top:0px;clear: both;}

.social a { position: relative; font-size: 13px; color: #fff; line-height: 25px; padding:9px; background:#c0c1c5;  transition:0.3s all ease-in-out; float: left;display: block;margin-right:14px; margin-top:3.7%;  border-radius: 50%;}
.social a img{ display: block; filter: contrast(0) brightness(2);}
.social a:hover{ background: var(--main-color); border-color: var(--main-color); }
.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: -35px; 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: 50.5px; }
.social .ewm img { display: block; width: 100%; height:auto; }
/**/
.about{overflow:hidden; padding-bottom:4vh; width:100%; background:url(https://memberpic.114my.net/dgdxzdh11/uploadfile/image/20260819/20260819192026_1767467957.jpg) no-repeat top center;}
.about01{min-width:1200px; max-width:1920px; width:100%; margin:0 auto; position:relative; padding: 9.9vh 0 0;}
.about_t{ float: left;}
.about_l img{ border:1px solid #fff}
.about_r{ width: 50%; float: right;}
.about_r h3{ font-size: 20px; color: #1b1b1b; line-height: 35px; font-weight: normal;}
.about_r p{ font-size: 16px; line-height: 28px; color: #666; margin-top:19px;}
.about_r p:nth-child(2){ padding-bottom:1.2rem; border-bottom: 1px solid #dbe0e9;}
.about_r a{ font-size:14px; background:var(--main-color); color:#fff; display:block; padding:10px; width:16%; text-align:center; line-height:20px; border-radius:50px; margin-top:30px;}
.about_num{ padding-bottom: 70px; padding-top:20px;}
.about_num li{ float: left; font-size: 18px; color: #333; width:20%; text-align:center;}
.about_num li:nth-child(2),.about_num li:nth-child(3){ width:18%;}
.about_num li:nth-child(4),.about_num li:nth-child(5){ width:22%;}
.about_num li span{font-size: 24px; font-weight: bold; position: relative; z-index: 3;}
.about_num li span b{ font-size: 60px;}
.about_num li span i{ font-size: 45px;}
.about_num li:hover b{ color: var(--main-color);}
.about_num li:hover span::before{ content: ""; position: absolute; bottom: 0; width:100%; height: 8px; background: #ffc000; z-index:-1;}
.about_num li:hover{ margin-top: -10px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
 @media (max-width: 1440px) {
  .about_num li{  font-size: 16px;}
  .about_num li span b{ font-size: 74px;}
 
}

.acontent { padding-top:40px;
    min-width: 1200px;
    max-width: 1920px;
    width: 1500px;
    margin: 0 auto;
}

/**/
.u-title {font-weight: 700;font-size:50px;}
.l-layout {width: 1440px; margin:0 auto;  z-index: 2;
    position: relative; }
.m-video { text-align:center;  width: 100%; background: url(https://memberpic.114my.net/dgdxzdh11/uploadfile/image/20260819/20260819194640_1063287050.jpg) no-repeat center;height:16vw; overflow: hidden; padding-top: 4vw; background-size: 100%;    background-repeat: no-repeat; background-attachment: fixed;  position: relative;}

.m-video:before{  content: "";
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 1;
    height: 100%;}
.m-video .video-title{margin-bottom:26px; color:#fff}
.m-video .video-play{height: 74px; width: 74px; margin: 0 auto 26px; cursor: pointer; background: url(https://memberpic.114my.net/023468/uploadfile/image/20260515/20260515144415_171455737.png) no-repeat center center;}
.m-video .video-play:hover{background-image: url(https://memberpic.114my.net/023468/uploadfile/image/20260515/20260515144337_1736254832.png);}
.m-video .video-button{display: inline-block; color:#fff;  height: 48px; padding-left: 38px; padding-right:38px; line-height: 48px; border-radius: 25px; font-size: 18px;}
.m-video .video-button span{padding-right: 30px;font-size:20px; background: url(https://memberpic.114my.net/023468/uploadfile/image/20260515/20260515144314_1651833184.png) no-repeat right center; line-height:48px;}
.m-video .video-button span:hover{ color:#fff; font-size:20px;}
@media screen and (min-width: 1460px) {.m-video:before {}}
.m-case{position: relative; margin: 0 auto; padding-bottom: 80px; background: #fff; width: 1340px; max-width: 100%; overflow-x: hidden;}
.m-case:after{content: ''; position: absolute; left: 0; right: 0; top: 0; height: 10px; background-color: #1b7cf7; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1B7CF7', endColorstr='#FF983DF4', GradientType=1); background: -webkit-gradient(linear, left top, right top, from(#1b7cf7), color-stop(#f9e600), to(#792b64)); background: linear-gradient(to right, #f9e600, #792b64, #f7700a, #002874);}
.m-case .l-layout{}
.m-case .tab-nav{width: 186px; float: left;}
.m-case .nav-item{display: block;  height: 85px; line-height: 85px; background: #eff3f6; border-radius: 5px; font-size: 18px; color: #8e8e8e; cursor: pointer; overflow: hidden; -webkit-transition: none; transition: none;}


.m-case .img-icon{width: 27px; height: 27px; float: left; margin-top: 23px; margin-right: 19px; background-repeat: no-repeat; background-position: center center;}
.m-case .icon0{background-image: url();}
.m-case .tab-content{padding-left: 40px; margin-left: 186px; display: none;}
.m-case .tab-content.show{display: block;}
@media screen and (min-width: 1460px) {
.m-case{width: 100%;max-width: 1600px;}
.m-case .tab-nav{width: 200px;}
.m-case .nav-item{height: 85px;line-height: 85px}
.m-case .nav-item.active, .m-case .nav-item:hover{background: var(--main-color);}
.m-case .tab-content{margin-left: 200px;}
.m-case .img-icon{margin-top: 28px;}
}
.u-btn-white {  color: #fff;  border: 1px solid #fff;}

.m-modal-mask{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1000; text-align: center; visibility: hidden; opacity: 0;}
.m-modal-mask.show{visibility: visible; opacity: 1;}
.m-modal-mask.show .m-modal{-webkit-animation: drop .3s forwards; animation: drop .3s forwards;}
.m-modal-mask:before{display: inline-block; overflow: hidden; width: 0; height: 100%; vertical-align: middle; content: '';}
.m-modal-mask .m-modal{display: inline-block; position: relative; background: #fff; padding: 35px; border-radius: 5px; vertical-align: middle;}
.m-modal-mask .modal-close{position: absolute; right: 10px; top: 10px; cursor: pointer; line-height: 30px; width: 30px; text-align: center; font-size: 24px;}
@-webkit-keyframes drop {
0%{opacity: 0;-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}
100%{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes drop {
0%{opacity: 0;-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}
100%{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
/**/
.idx_title{width: 100%;height: auto;text-align: center; margin-bottom:50px;}
.idx_title .title{font-size: 32px;color:var(--main-color);line-height: 1.1; font-weight:700;}
.idx_title .subtitle{margin-top:6px;font-size:42px;color: #282f36;line-height: 1.4; font-family:hs_l;}
@media (max-width: 1600px){.idx_title .title{font-size:36px}
.idx_title .subtitle{font-size: 20px}}
@media (max-width: 1366px){.idx_title .title{font-size:34px}
.idx_title .subtitle{margin-top: 12px;font-size: 16px}}
@media (max-width: 1024px){.idx_title .title{font-size:30px}
.idx_title .subtitle{line-height: 1}}
@media (max-width: 990px){.idx_title .title{font-size:28px}
.idx_title .subtitle{font-size: 15px;line-height: 1.54}}
@media (max-width: 768px){.idx_title .title{font-size:24px}
.idx_title .subtitle{font-size: 14px}}
@media (max-width: 480px){.idx_title .title{font-size:20px}
.idx_title .subtitle{margin-top: 8px;font-size: 13px}}

.strength_bg{position:relative;background:url(https://memberpic.114my.net/dgdxzdh11/uploadfile/image/20260707/20260707155151_1591144342.jpg) bottom center no-repeat fixed;padding:4% 0 2% 0;position:relative;z-index:9}
.case_con1{position:relative;background:url(https://memberpic.114my.net/dgdxzdh11/uploadfile/image/20260707/20260707155225_1911577658.png) no-repeat;background-size:100% auto;background-position:0 100%;width:100%;     padding-bottom: 50px;}
.case_c{}
.case_c .divdgweb_new_div{}
.case_c .divdgweb_new_div_item{display: flex;flex-wrap: wrap-reverse;justify-content: center;}
.case_c .divdgweb_new_div_item.swiper-slide-active {background: linear-gradient(to right, var(--main-color), #6dcaef);padding-bottom: 35px;}
.case_c .divdgweb_new_div_item.swiper-slide-active .divdgweb_new_div_item_title::before{background-color: #fff;}
.case_c .divdgweb_new_div_item.swiper-slide-active .divdgweb_new_div_item_title a{color: #fff;border-color:  rgba(255,255,255,0.4);}
.case_c .divdgweb_new_div_item.swiper-slide-active .divdgweb_new_div_item_body{color: #fff;margin-top: 30px;display: none;}
.case_c .divdgweb_new_div_item_content{width: 95%;margin: 0px 0 0;padding: 0 70px 0 0;}
.case_c .divdgweb_new_div_item_title{position: relative;}
.case_c .divdgweb_new_div_item_title::before {content: "";display: block;width: 10px;height: 1px;position: absolute;background: rgba(0,0,0,0.4);top: 50%;left: 27px;}
.case_c .divdgweb_new_div_item_title a::after{content: "";font-family: 'iconfont';right: -55px;top: 9px;position: absolute;width: 30px;height: 30px;border: 1px solid  rgba(0,0,0,0.2);border-radius: 100%;text-align: center;line-height: 31px;color: #ccc;}
.case_c .divdgweb_new_div_item_title a{display: block;font-size: 14px;color: #333;line-height: 45px;border-bottom: 1px solid rgba(0,0,0,0.2);box-sizing: border-box;margin: 0 0 0 25px;padding: 0 0 0 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_c .divdgweb_new_div_item_body{font-size: 15px;color: rgba(0,0,0,0.4);line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;margin: 15px 0 0 49px; font-weight:100;display: none;}
.case_c .news_div_item_pic{width: 95%;border: solid 1px rgba(0,0,0,0.1);padding: 5%;margin-top: 32px;}
.case_c .divdgweb_new_div_item.swiper-slide-active .news_div_item_pic{width: 100%;margin: 0;border: none;}
.case_c .news_div_item_pic a{display: block;width: 100%;height: 100%;overflow: hidden;}
.case_c .news_div_item_pic a img{width: 100%;object-fit: cover;transform: scale(1);-webkit-transition: 0.5s linear;transition: 0.5s linear;}
.case_con .swiper_but{bottom: 0;top: inherit;width: 80px;height: 50px;background: #fff;box-shadow: 0px 10px 21px 9px rgba(0, 0, 0, 0.05);border-radius: 25px;font-size: 14px;color: #333;line-height: 50px;text-align: center;text-transform: uppercase;}
.case_con .swiper-button-prev{left: 25%;}
.case_con .swiper-button-next{right: 25%;background: #fea322;color: #fff;}
.case_c .divdgweb_new_div_item:hover img{transform: scale(1.1);}
.case_c .swiper-pagination-bullet {width: 0%;height: 12px;}
.case_c .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0px !important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0px !important;}
.case_c .swiper-pagination-bullet{border-radius: 0% !important;opacity: .3;}
.case_c.swiper-container{padding:0 0 130px;position: relative;z-index: 999;}
.case_c .swiper-pagination-bullet-active{background: var(--main-color) !important;opacity: .99;}
.case_c .swiper-pagination {bottom: 0px !important;width: 100%;}
.gyf{margin: 0 auto;max-width: 86%;min-width: 1200px;position: relative;z-index: 55;overflow: hidden;}

/**/
.cjproc{max-width: 87%;margin: 0 auto;min-width:;width: 100%; overflow: hidden; padding-top:3%;}
.cjoc_cont li{width:calc(100% / 5);float: left;text-align: center;height: 230px;cursor: pointer; position:relative; background:#fff;}
@media screen and (max-width: 1440px){
.cjoc_cont li{height: 192px;}
}
@media screen and (max-width: 1366px){
.cjoc_cont li{height: 140px;}
}
.cjoc_cont li span{display: block;font-size: 20px;color: #333;font-weight: bold;font-family: 'Arial';padding-top: 25px;}
.cjoc_cont li i{display: inline-block;margin-top: 30px;height: 100px; font-size:92px;color:var(--main-color);vertical-align: -0.15em;fill: currentColor;overflow: hidden;transition:all 0.5s;}
.cjoc_cont li i img{width:122px;}
@media screen and (max-width: 1366px){
.cjoc_cont li i img{width:90px;}
.cjoc_cont li i{height: 90px;}
}
.cjoc_cont li i:hover{transform:rotateY(360deg);}
.cjoc_cont li i .iconfont{width: 3.25em;height: 3.25em;vertical-align: -0.15em;fill: currentColor;overflow: hidden;transition:all 0.5s;}
.cjoc_cont li:hover img{transform:rotateY(360deg);}
.cjoc_cont li a{font-size: 19px;color: #333;margin-top:2px;display: block;}
@media screen and (max-width: 1440px){
.cjoc_cont li a{margin-top: 10px;}
}
@media screen and (max-width: 1366px){
.cjoc_cont li a{margin-top:4px;}
}

.cjoc_cont li d{font-size: 16px;color: #666;text-transform: uppercase;line-height: 30px;}
.cjoc_cont li:hover a{color:var(--main-color);font-weight:bold;}

/*ä½å®¢æ*/

.div-container{ margin:40px auto 0; width: 86%; overflow:hidden;}
.cas_ic { margin: 0 auto;  position: relative; }
.cas_ic table .tempWrap{width:100% !important;}
.cas_ic *{display:block;}
.cas_ic td{width:calc((100% - 10rem) / 10);margin:0 0.6rem;float:left;padding-left:0px !important;}
.cas_ic td img{width:100%;height:auto;border-radius:7px; border: 1px #eee solid; padding:; }
.cas_ic tr td div a{display: none;}
.cas_bc{margin: 0 auto 80px;  margin-top:0px;}
.cas_bc:before {content:'';background: linear-gradient(to right,#fff 3%,transparent);position:absolute;width: 10%;height:  100%;z-index: 1;top: 0;left:  0;}
.cas_bc:after {content:'';background: linear-gradient(to left,#fff 3%,transparent);position:absolute;width:  10%;height: 100%;z-index: 1; top: 0;right:  0;bottom: 0;}

@keyframes marquee{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
}
/* */
.cas_ic tr:nth-child(1){animation-duration:15s;}
.cas_ic tr:nth-child(2){animation-duration:60s;}
.cas_ic tr:nth-child(3){animation-duration:30s;}
.cas_ic tr:nth-child(4){animation-duration:90s;}
.cas_ic tr:nth-child(5){animation-duration:20s;}

/**/
.news_bc{padding:4% 0 5% 0;background:#f1f1f1;}
.news_c{overflow:hidden; margin: 0 auto; width:80%;}
.news_cc{margin-top:3%}
@media screen and (max-width:1440px){.news_cc{margin-top:2%;padding:0% 0 0px}
}
@media screen and (max-width:1366px){.news_cc{margin-top:1%;padding:0% 0 0px}
}.news_cc .news_div{display:flex;width:100%}
.news_cc .news_div .news_div_item{width:22%;flex-shrink:0;display:flex;flex-direction:column-reverse;position:relative;padding:0 0.4%;transition:all 0.5s;border-left:1px #eee solid}
.news_cc .news_div .news_div_item .news_div_item_pic{width:100%;position:relative;transition:all 0.5s;overflow:hidden;padding-top:0%}
@media screen and (max-width:1440px){.news_cc .news_div .news_div_item .news_div_item_pic{padding-top:28%}
}
@media screen and (max-width:1366px){.news_cc .news_div .news_div_item .news_div_item_pic{padding-top:23%}
}.news_cc .news_div .news_div_item .news_div_item_pic:hover img{transform:scale(1.1);transition:all 0.5s}
.news_cc .news_div .slick-slide img{width:100%}

.news_cc .new_column{display:none}
.news_cc .new_column a{display:block;color:#fff;line-height:24px}
.news_cc .news_div_item .news_div_item_date{display:flex;position:absolute;top:0%;left:8.3%;align-items:center;justify-content:center;padding-left:0px;background:linear-gradient(to top,var(--main-color),var(--main-color));padding:2%;color:#fff;width:22%;text-align:center;height:17%;justify-content:center;align-items:center;display:flex;z-index:9}
@media screen and (max-width:1366px){.news_cc .news_div_item .news_div_item_date{width:20%;text-align:center;height:14%}
}
@media screen and (max-width:1366px){.news_cc .news_div_item .news_div_item_date{top:0%}
}.news_cc .news_div_item .news_div_item_day{font-size:36px;color:#fff;position:absolute;top:19%;left:20%}
@media screen and (max-width:1366px){.news_cc .news_div_item .news_div_item_day{font-size:30px}
}.news_cc .news_div_item .news_div_item_year,.news_cc .news_div_item .news_div_item_month{color:#fff;font-size:16px;position:absolute;padding-top:33%;left:21%}
@media screen and (max-width:1366px){.news_cc .news_div_item .news_div_item_year,.news_cc .news_div_item .news_div_item_month{font-size:14px}
}
.news_cc .news_div_item .news_div_item_month{padding-left:37px}
.news_cc .news_div_item .news_div_item_title a{font-size:20px;color:#333;font-weight:bold;padding-top:10px;padding-bottom:14px;display:block;position:relative}
.news_cc .news_div .news_div_item .news_div_item_body{font-size:15px;line-height:26px;color:rgba(0,0,0,0.8)}
.news_cc .news_div .news_div_item .news_div_item_content{padding:5% 3% 1% 3%;background:#fff;padding-bottom:44px}
.news_cc .slick-prev::before{content:"<" !important;font-family:"iconfont";background:var(--main-color);display:flex;width:55px;height:55px;justify-content:center;align-items:center}
.news_cc .slick-next:before{content:">" !important;font-family:"iconfont";background:var(--main-color);display:flex;width:55px;height:55px;justify-content:center;align-items:center}
.news_cc .slick-prev:before,.slick-next:before{}
.news_cc .slick-prev:before,.news_cc .slick-next:before{color:#fff;transition:all ease 0.5s}
.news_cc .slick-prev{left:14px;top:45%;z-index:99 !important}
.news_cc .slick-next{right:47px;top:45%;z-index:99 !important}
.news_cc .slick-prev:before,.news_cc .slick-next:before{opacity:1}