@font-face
{font-family: DIN;
src: url('DIN-Medium.otf')}

body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:'PingFang SC','PingFangMedium',"microsoft yahei"; font-size: 16px;}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
*{box-sizing:border-box;color: #000;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;width: 1200px;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;display: -ms-flexbox; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}

.relative{position: relative;}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

/* Header */
.head{height: 80px;background-color: #000;position: fixed;width: 100%;left: 0;top: 0;z-index:100;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.head .l,.head .r{display: flex;align-items: center;}
.hd-logo{}
.hd-logo .logo-text{font-size: 28px;font-weight: bold;color: #0beb7f;letter-spacing: 2px;}

.hd-login{font-size: 16px;color:#fff;width: 88px;line-height: 34px;border:1px solid #fff;border-radius:18px;display: block;text-align: center;}
.hd-login:hover{background-color: #0beb7f!important;border-color:#0beb7f!important;color:#000!important;}

.hd-nav{margin-left: 65px;}
.hd-nav li{display: inline-block;vertical-align: middle;margin-right: 45px;}
.hd-nav li>a{font-size: 16px;color:#fff;line-height: 80px;}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#0beb7f!important;}

.sj-menu{display: none;}

/* Banner */
.idx-ban{height: 750px;text-align: center;padding-top: 260px;position: relative;overflow: hidden;}
.idx-ban .title{font-size: 72px;color:#fff;font-weight: bold;margin-bottom: 20px;text-shadow: 0 2px 10px rgba(0,0,0,0.3);}
.idx-ban .font{font-size: 32px;color:#fff;margin-top: 10px;font-weight: 500;}
.idx-ban .line{height: 1px;border-top:1px dashed rgba(255,255,255,.3);margin:35px auto 20px;position: relative;max-width: 600px;}
.idx-ban .subtitle{font-size: 24px;color:rgba(255,255,255,.9);margin-top: 20px;}
.idx-ban .desc{font-size: 18px;color:rgba(255,255,255,.8);margin-top: 15px;max-width: 800px;margin-left: auto;margin-right: auto;line-height: 1.8;}
.idx-ban .tagline{font-size: 20px;color:rgba(255,255,255,.9);margin-top: 25px;font-weight: 500;font-style: italic;}
.idx-ban .btns{margin-top: 50px;}
.idx-ban .btn{display: inline-block;padding: 16px 40px;margin: 0 15px;border-radius: 30px;font-size: 18px;font-weight: 500;transition: all .3s;}
.idx-ban .btn-primary{background-color: #0beb7f;color: #000;}
.idx-ban .btn-primary:hover{background-color: #05c86a;color: #fff;transform: translateY(-2px);box-shadow: 0 5px 20px rgba(11,235,127,0.4);}
.idx-ban .btn-secondary{background-color: transparent;color: #fff;border: 2px solid #fff;}
.idx-ban .btn-secondary:hover{background-color: #fff;color: #000;}

/* Concept Section */
.idx-concept{background-color: #f9f9f9;padding: 100px 0;}
.idx-concept .bt{text-align: center;font-size: 48px;color:#000;font-weight: bold;margin-bottom: 60px;}
.idx-concept .concept-list{display: flex;justify-content: space-between;margin-left: -2%;}
.idx-concept .concept-item{width: 31.3%;margin: 0 0 0 2%;text-align: center;padding: 40px 30px;background-color: #fff;border-radius: 16px;transition: all .3s;}
.idx-concept .concept-item:hover{transform: translateY(-10px);box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.idx-concept .concept-icon{font-size: 64px;margin-bottom: 20px;}
.idx-concept .concept-title{font-size: 24px;font-weight: bold;margin-bottom: 15px;color: #000;}
.idx-concept .concept-desc{font-size: 16px;color: #666;line-height: 1.8;}

/* Three-in-One Section */
.idx-three{background-color: #000;padding: 100px 0;color: #fff;}
.idx-three .bt{text-align: center;font-size: 48px;color:#fff;font-weight: bold;margin-bottom: 20px;}
.idx-three .three-desc{text-align: center;font-size: 18px;color: rgba(255,255,255,.8);margin-bottom: 60px;max-width: 900px;margin-left: auto;margin-right: auto;line-height: 1.8;}
.idx-three .three-list{display: flex;justify-content: space-between;margin-left: -2%;}
.idx-three .three-item{width: 31.3%;margin: 0 0 0 2%;padding: 40px 30px;background-color: #0d0d0d;border-radius: 16px;transition: all .3s;border: 1px solid rgba(255,255,255,.1);}
.idx-three .three-item:hover{background-color: #1a1a1a;transform: translateY(-5px);border-color: #0beb7f;}
.idx-three .three-icon{font-size: 48px;margin-bottom: 20px;text-align: center;}
.idx-three .three-title{font-size: 28px;font-weight: bold;margin-bottom: 10px;text-align: center;color: #0beb7f;}
.idx-three .three-subtitle{font-size: 14px;color: rgba(255,255,255,.6);text-align: center;margin-bottom: 30px;text-transform: uppercase;letter-spacing: 1px;}
.idx-three .three-content{margin-top: 30px;}
.idx-three .three-feature{margin-bottom: 25px;}
.idx-three .three-feature strong{display: block;font-size: 18px;color: #fff;margin-bottom: 8px;}
.idx-three .three-feature p{font-size: 14px;color: rgba(255,255,255,.7);line-height: 1.8;}

/* Features Section */
.idx-ku{background-color: #000000;padding:100px 0;}
.idx-ku .bt{font-size: 48px;color:#fff;margin-bottom: 50px;text-align: center;font-weight: bold;}
.idx-ku .list{margin-left: -2%;display: flex;flex-wrap: wrap;}
.idx-ku .list .item{border-radius:16px;background-color: #0d0d0d;width: 48%;margin:0 0 2% 2%;padding:30px;transition: all .3s;min-height: 280px;border: 1px solid rgba(255,255,255,.1);}
.idx-ku .list .item:hover{background-color: #1a1a1a;transform: translate(0,-5px);border-color: #0beb7f;}
.idx-ku .list .top{display: flex;align-items: center;font-size: 24px;color:#fff;font-weight: bold;margin-bottom: 25px;}
.idx-ku .list .icon{font-size: 40px;margin-right: 15px;width: 52px;text-align: center;}
.idx-ku .list .box{}
.idx-ku .list .fz{font-size: 16px;color:#929292;display: flex;justify-content: space-between;line-height: 2.2;margin-top: 8px;}
.idx-ku .list .fz em{color:#929292;}
.idx-ku .list .fz span{color:#0beb7f;font-family: 'DIN';font-weight: 500;}

/* Services Section */
.idx-fw{background-color: #f9f9f9;padding:100px 0 40px;}
.idx-fw .bt{text-align: center;font-size: 48px;color:#000;font-weight: bold;margin-bottom: 25px;}

.idx-fw .list{display: flex;flex-wrap: wrap;margin-left: -2%;}
.idx-fw .list .item{border-radius:16px;background-color: #fff;padding:30px 30px;width: 31.3%;margin:0 0 2% 2%;position: relative;transition: all .3s;}
.idx-fw .list .item:hover{box-shadow:0 6px 26px rgba(195,195,195,.36);transform: translateY(-5px);}
.idx-fw .list .title{font-size: 26px;font-weight: bold;margin-bottom: 15px;position: relative;}
.idx-fw .list .title::before{content:'';position: absolute;left: -30px;top: 50%;width: 8px;height: 24px;background-color: #0beb7f;margin-top: -12px;}
.idx-fw .list .txt{font-size: 16px;line-height: 26px;min-height: 130px;color: #666;}

.idx-fw .list1 .item{width: 48%;}
.idx-fw .list1 .txt{max-width: 100%;}

/* Value Section */
.idx-value{background-color: #fff;padding: 100px 0;}
.idx-value .bt{text-align: center;font-size: 48px;color:#000;font-weight: bold;margin-bottom: 60px;}
.idx-value .value-list{display: flex;justify-content: space-between;margin-left: -2%;}
.idx-value .value-item{width: 31.3%;margin: 0 0 0 2%;padding: 40px 30px;background-color: #f9f9f9;border-radius: 16px;text-align: center;transition: all .3s;}
.idx-value .value-item:hover{background-color: #0beb7f;color: #000;transform: translateY(-10px);}
.idx-value .value-item:hover .value-title{color: #000;}
.idx-value .value-item:hover .value-features li{color: #000;}
.idx-value .value-icon{font-size: 64px;margin-bottom: 20px;}
.idx-value .value-title{font-size: 28px;font-weight: bold;margin-bottom: 25px;color: #000;}
.idx-value .value-features{text-align: left;list-style: none;padding: 0;}
.idx-value .value-features li{font-size: 16px;color: #666;line-height: 2.5;position: relative;padding-left: 25px;}
.idx-value .value-features li::before{content: '✓';position: absolute;left: 0;color: #0beb7f;font-weight: bold;}
.idx-value .value-item:hover .value-features li::before{color: #000;}

/* Footer */
.foot{background-color: #000000;}
.ft-menu{padding: 70px 0 50px;display: flex;justify-content: center;gap: 80px;}
.ft-menu .tit{font-size: 20px;color:#fff;font-weight: bold;margin-bottom: 15px;}
.ft-menu .lk{font-size: 14px;color:#999999;line-height: 33px;display: block;}
.ft-menu a.lk:hover{color:#fff;}
.ft-menu .col{width: auto;min-width: 200px;}

.ft-b{text-align: center;font-size: 14px;color:#999999;border-top:1px solid #363636;line-height: 44px;}

/* Responsive */
@media screen and (min-width:1200px){
	.head.showdrop{background-color: #fff;}
	.head.showdrop .hd-nav li>a{color:#000;}
	.head.showdrop .hd-login{color:#000;border-color:#000;}
}

@media screen and (min-width:992px) and (max-width:1200px){
	.auto{width: 94%;}
}

@media screen and (min-width:768px) and (max-width:991px){
	.auto{width: 94%;}
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 40px;height: 40px;background: url(images/menu.png) no-repeat center;background-size:34px;margin-top: -20px;display: block;z-index:101;}
	.sj-menu.close{background: url(images/close.png) no-repeat center;background-size:30px;}
	.head{position: sticky;}
	.hd-login{margin-right: 60px;}
	.hd-nav{position: fixed;width: 100%;left: 0;top: 80px;z-index:100;background-color: #000;display: none;bottom: 0;overflow-y: scroll!important;margin: 0;}
	.hd-nav li{display: block;margin: 0;}
	.hd-nav li>a{padding:0 30px;border-top:1px solid rgba(255,255,255,.1);line-height: 80px;display: block;}
	
	.idx-ban{height: 500px;padding-top: 150px;}
	.idx-ban .title{font-size: 48px;}
	.idx-ban .font{font-size: 24px;}
	
	.idx-concept .concept-list{flex-wrap: wrap;}
	.idx-concept .concept-item{width: 48%;margin-bottom: 2%;}
	
	.idx-three .three-list{flex-wrap: wrap;}
	.idx-three .three-item{width: 48%;margin-bottom: 2%;}
	
	.idx-ku .list .item{width: 48%;}
	
	.idx-value .value-list{flex-wrap: wrap;}
	.idx-value .value-item{width: 48%;margin-bottom: 2%;}
}

@media screen and (min-width:320px) and (max-width:767px){
	.auto{width: 92%;}
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 36px;height: 36px;background: url(images/menu.png) no-repeat center;background-size:26px;margin-top: -18px;display: block;z-index:101;}
	.sj-menu.close{background: url(images/close.png) no-repeat center;background-size:22px;}
	.head{position: sticky;height: 60px;}
	.hd-logo .logo-text{font-size: 22px;}
	.hd-login{margin-right: 35px;font-size: 15px;border:none;width: auto;padding:0 10px;}
	.hd-nav{position: fixed;width: 100%;left: 0;top: 60px;z-index:100;background-color: #000;display: none;bottom: 0;overflow-y: scroll!important;margin: 0;}
	.hd-nav li{display: block;margin: 0;}
	.hd-nav li>a{padding:0 30px;border-top:1px solid rgba(255,255,255,.1);line-height: 70px;display: block;}
	
	.idx-ban{height: auto;padding: 100px 0 60px;}
	.idx-ban .title{font-size: 36px;}
	.idx-ban .font{font-size: 20px;}
	.idx-ban .subtitle{font-size: 18px;}
	.idx-ban .desc{font-size: 16px;}
	.idx-ban .btn{display: block;margin: 10px auto;width: 200px;}
	
	.idx-concept{padding: 60px 0;}
	.idx-concept .bt{font-size: 32px;margin-bottom: 40px;}
	.idx-concept .concept-list{display: block;margin: 0;}
	.idx-concept .concept-item{width: 100%;margin: 0 0 20px;}
	
	.idx-three{padding: 60px 0;}
	.idx-three .bt{font-size: 32px;}
	.idx-three .three-list{display: block;margin: 0;}
	.idx-three .three-item{width: 100%;margin: 0 0 20px;}
	
	.idx-ku{padding: 60px 0;}
	.idx-ku .bt{font-size: 32px;}
	.idx-ku .list{display: block;margin: 0;}
	.idx-ku .list .item{width: 100%;margin: 0 0 20px;}
	
	.idx-fw{padding: 60px 0 40px;}
	.idx-fw .bt{font-size: 32px;margin-bottom: 40px;}
	.idx-fw .list{display: block;margin: 0;}
	.idx-fw .list .item{width: 100%;margin: 0 0 20px;}
	
	.idx-value{padding: 60px 0;}
	.idx-value .bt{font-size: 32px;}
	.idx-value .value-list{display: block;margin: 0;}
	.idx-value .value-item{width: 100%;margin: 0 0 20px;}
	
	.ft-menu{display: block;padding-bottom: 15px;}
	.ft-menu .col{width: 100%!important;margin-bottom: 20px;}
}