@charset "utf-8";
/* 全局 */
html {font-size: 10.5px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0}
input,button,ul,ol{margin:0;padding:0}
body,input,button,form,textarea{font-size:15px;line-height:28px;font-family:"Open Sans","Microsoft YaHei","Arial Black";color:#333}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal}
ul,ol{list-style:none}
img{border:0;display:block;margin:0;padding:0}
em,i,strong{font-style:normal}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
body{background:#fff;/* overflow-x:hidden;overflow-y:auto */}
*{padding:0;margin:0}
div{margin:0;padding:0;border:0}
p{margin:0}
b,strong{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none outside none}
a{text-decoration:none;color:#333;background:transparent;outline:0}
a:focus{outline:0}
a:visited{text-decoration:none}
form{margin:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;  *display: inline; *zoom: 1;}
::-webkit-scrollbar {width:10px;height:10px}
::-webkit-scrollbar-track {border-radius:0;background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2); border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background:rgba(0,0,0,0.4);background-color:#666;}
::-moz-selection {background: rgba(7, 47, 138, 0.7);color: #ffffff;}
::selection {background: rgba(41, 127, 255, 0.7);color: #ffffff;}

:root {
	--zt-color:#205eab;
	--rounded-normal:0.25vw;
	--rounded-low:0.15vw;
	--shadow-light:0 10px 30px rgba(0, 0, 0, .05);
	--text-main:#333;
	--bg-gray-light:#F5F5F5;
	--background-color:#FFF;
	
}

/* 字体加载 */
@font-face{font-family:'HELVETICANEUELTPRO-THEX';src:url('../fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight:400;font-style:normal}
@font-face{font-family:'en_light';src:url('../fonts/GOTHAM-LIGHT.OTF');}
@font-face{font-family:'en_bold';src:url('../fonts/GOTHAM-BOLD.OTF');}
@font-face{font-family:'digit';src:url('../fonts/DINCond-Bold.otf');}
@font-face {font-family: "Bai-Jamjuree"; src: url('../fonts/BaiJamjuree-Regular.ttf');}
@font-face{font-family:'AvantGardeGothicITC';src:url('../fonts/AvantGardeGothicITC.eot?#iefix');src: url("../fonts/AvantGardeGothicITC.eot?#iefix") format("eot"), url("../fonts/AvantGardeGothicITC.ttf")}
@font-face {font-family: 'GOTHAM-BLACK'; src: url('../fonts/GOTHAM-BLACK.OTF');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Barlow';src: url("../fonts/BarlowSemiCondensed-Medium.otf");}
@font-face {font-family: 'Montserrat';src: url("../fonts/Montserrat-Regular.otf");}
@font-face {font-family: 'Montserrat-Bold';src: url("../fonts/Montserrat-Bold.otf");}


/* 网页通用 */
.bg_white {background-color: #FFF;background-repeat: no-repeat; background-size: 100%;}.f_white {color: #FFF;}
.bg_gray {background-color: #F6F6F6;background-repeat: no-repeat; background-size: 100%;}
.bg_white.fg,.bg_gray.fg {border-bottom: 1px solid #F1F1F1;}
.bg_light-blue {background-color: #f1f5f9;background-repeat: no-repeat; background-size: 100%;}
.clear{clear:both}.clear::after {content: "";clear:both;display: block;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}.clearfix{*zoom:1;}
.fl{float:left}.fr{float:right}
.hidden{display:none}
.column_container,.body-box {margin: 0 auto;}
.pt10 {padding-top: 10px;}.pt20 {padding-top: 20px;}.pt30 {padding-top: 30px;}.pt50 {padding-top: 50px;}.p5 {padding: 5px;}.p10 {padding: 0.666vw;}.p20 {padding: 20px;}.p30 {padding: 30px;}.p40 {padding: 40px;}.p50 {padding: 50px;}.p100 {padding: 100px;}.plr30{padding-left: 30px;padding-right: 30px;}.plr50 {padding-left: 50px;padding-right: 50px;}.plr100 {padding-left: 100px;padding-right: 100px;}.ptb50 {padding-top: 50px; padding-bottom: 50px;}.ptb100 {padding-top: 100px; padding-bottom: 100px;}.ptb150 {padding-top: 150px; padding-bottom: 150px;}.ptb200 {padding-top: 200px; padding-bottom: 200px;}.ptb50-100 {padding-top: 50px;padding-bottom: 100px;}.plr5 {padding-left: 5vw;padding-right: 5vw;}.plr10 {padding-left: 10%;padding-right: 10%;}
.mt10 {margin-top: 10px;}.mt15 {margin-top: 15px;}.mt20 {margin-top: 20px;}.mt30 {margin-top: 30px;}.mt50 {margin-top: 50px;}.mt100 {margin-top: 100px;}.margin-auto {margin-left: auto;margin-right: auto;}
.s13 {font-size: 1.3rem !important;}.s16 {font-size: 1.6rem !important;}.s18 {font-size: 1.8rem !important;}.s20 {font-size: 2rem !important;}.s24 {font-size: 2.4rem !important;}
.f14 {font-size: 1.4rem;}.f15 {font-size: 1.5rem;}.f16 {font-size: 1.6rem;}.f17 {font-size: 1.7rem;}.f18 {font-size: 1.8rem;}.f19 {font-size: 1.9rem;}.f20 {font-size: 2rem;}
.ov {overflow: hidden;}
.block{display: block;}.inline-block {display: inline-block;}
.flex {display: flex;flex-wrap: wrap;}.space-between {justify-content: space-between;}.justify-content {justify-content: center;}.grid {display: -ms-grid;display: grid;}
.text-c,.t-center {text-align: center;}.italic {font-style: italic;}
.t-justify {text-align: justify}.t-uppercase {text-transform: uppercase;}
.box_vertical {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.box-shadow {-webkit-box-shadow: 0 0px 2px rgb(0 0 0 / 10%);box-shadow: 0 0 2px 0px rgba(0,0,0,.1)}
.ellipsis {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ellipsis2,.ellipsis3,.ellipsis4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ellipsis3 {-webkit-line-clamp: 3;}.ellipsis4 {-webkit-line-clamp: 4;}
.border1 {border: 1px solid #E5E5E5;}.border2 {border: 2px solid #eee;}
.radius-3 {border-radius: 3px;}.radius-5 {border-radius: var(--rounded-normal);}.radius-10{border-radius: 10px;}.radius-20{border-radius: 20px;}
.border-box {box-sizing: border-box; }
.relative {position: relative}
.font-txeh {font-family: 'HELVETICANEUELTPRO-THEX';letter-spacing: 1px;}.f-en_light {font-family:'en_light';}.f-en_bold {font-family:'en_bold';}.f-digit {font-family:'digit';}.f-gotham-black {font-family: 'GOTHAM-BLACK'}.f-ava {font-family:'AvantGardeGothicITC'}.f-barlow {font-family:'Barlow';}
.f-Montserrat {font-family:'Montserrat';}.f-Montserrat-Bold {font-family:'Montserrat-Bold';}

.f-jhenghei {font-family:'Microsoft JhengHei';}
.c_more a{border: rgba(255,255,255,.06) 1px solid; transition: all ease-out .3s; text-decoration: none; color: #999; border-radius: 50px; width: 150px; text-align: center; line-height: 24px; padding: 10px 0; display: block; margin: 0 auto;}
.c_more a:hover {background: #232323; border-color: #232323; color: #fff;}
.f0 {display: none}
.xk .w100 {width: 100%;}.xk .col-2 {width: 50%;}.xk .col-3 {width: 33.33%;}.xk .col-4 {width: 25%;}.xk .col-5 {width: 20%;}.xk .col-6 {width: 16.66%;}.xk .col7-3 {width: 70%;}.xk .col3-7 {width: 30%;}.xk .col6-4 {width: 60%;}.xk .col4-6 {width: 40%;}
.yd-3{transition:all .3s;}.yd-5 {transition:all .5s;}
.w-100 {width: 100%;}
.max100,.max100 img{max-width: 100%;}
.mini-1200 {min-width: 1180px; margin: 0 auto;}
.max-w1800 {max-width: 1800px;}.max-w1600 {max-width: 1600px;}.max-w1400 {max-width: 1400px;}
.zt-color{color: var(--zt-color);}.tit-color {color: #142a41;}.sub-color {color: #333;}.des-color {color: #666;}.f-color {color: #FFF;}.bz-font {font-size: 1.6rem;line-height: 1.5em;}
.xk-hr::after {content: '';position: absolute;left: 0;bottom: 0;width: 35px;height: 3px;background: #ccc;border-radius: 5px;}
.xk-hr.dh-wow::after {animation-delay: 1s; animation-name: fadeIn;visibility: visible;}
.t-center.xk-hr::after,.text-c.xk-hr::after {right: 0; margin: 0 auto;}
.hover:hover {color: var(--zt-color);}
.pic_box .show { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center; background-size: cover; z-index: 10;}

/* 全局顶部 */
#header {width: 100%;}
#header #logo {width: 15.4vw;}
#header #logo a {display: block;width: 100%;display: flex;flex-wrap: wrap;align-content: center;filter: brightness(0) invert(1);}
#header #logo a img {width: 100%;}
#header.head-top {z-index: 999;position: absolute;padding: 0.75vw 0;transition:all .3s;}
#header.head-top #head_top {align-items: center;}
#header.head-top.mini {position: fixed;background: #FFF;padding: 0;border-bottom: none;box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 15px -5px;}
#header.head-top.mini #logo a {overflow: hidden;filter: none;}
#header_main #nav{position:relative;height:90px;margin-right:30px}
#nav {width: calc(100% - 15.4vw);-webkit-justify-content: flex-end;justify-content: flex-end;}
#nav ul >li.navitem {font-size: 1vw;line-height: 5vw;position:relative;margin:0;}
#nav ul >li.navitem a{display:block;color: #ddd;position: inherit;z-index: 3;}
#nav ul >li.navitem >a {padding: 0 1.35vw;text-shadow: 0 0px 10px #00000015;font-weight: bold;}
#nav ul >li.navitem::after {content: "";position: absolute;bottom: 15px;left: 0;right: 0;width: 0;height: 0;margin: 0 auto;transition: all .35s;z-index: 2;opacity: 0;border: 8px solid transparent;}
#nav ul >li.navitem:hover::after,#header.head-top.mini #nav ul >li.navitem.hover::after,#nav ul >li.navitem.nav_current::after,#header.head-top.mini #nav ul >li.navitem.hover.nav_default.nav_current::after {opacity: 1;border-bottom: 8px solid #ffffff;bottom: 0;}
#nav ul >li.navitem.hover >a,#nav ul >li.navitem:hover >a {color: #fff;font-weight: bold;}
#nav ul >li.navitem .subnav {position: absolute;width: 13vw;opacity: 0;transition: all .5s;-moz-transition: all .5s; -0-transition: all .4s;-webkit-transition: all .5s;left: 5px;box-shadow: 0 6px 10px rgba(0, 0, 0, .1);background: #fff;z-index: 109;border-radius: 0 0 10px 10px;overflow: hidden;pointer-events: none;top: 100%;transform: translateY(20px);}
#nav ul >li.navitem .subnav li {overflow: hidden;}
#nav ul >li.navitem .subnav li a:hover {background-color: #F5F5F5;}
#nav ul >li.navitem .subnav li:first-child {margin-top: 0.781vw;}
#nav ul >li.navitem .subnav a {display: block;height: 2.2vw;overflow: hidden;color: #333;font-size: 0.85vw;line-height: 2.2vw;text-align: left;text-transform: capitalize;padding: 0 1.2vw;display: flex;align-items: center;}
#nav ul >li.navitem .subnav a i {font-size: 0.75vw;color: #ccc;transition:all .3s;}
#nav ul >li.navitem:hover .subnav {opacity: 1;margin-top: 0;pointer-events: auto;transform: translateY(0);}
#nav ul >li.navitem .subnav li:last-child{border-bottom:0;margin-bottom: 0.781vw;}
#nav ul >li.navitem .subnav::before {content: "";position: absolute;right: 0;top: -16px;left: 53px;display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #FFF;opacity: 0;}
#nav ul >li.navitem .subnav li a:hover{color: var(--zt-color);padding-left: 1.4vw;}
#nav ul >li.navitem .subnav li a:hover i,#header.head-top.mini #nav ul >li.navitem .subnav a:hover i {color: var(--zt-color);}
#header.head-top.mini #nav ul >li.navitem {}
#header.head-top.mini #nav ul >li.navitem >a,#header.head-top.mini #nav ul >li.navitem.hover.nav_default >a {color: #111;text-shadow:none;}
#header.head-top.mini #nav ul >li.navitem::after,#header.head-top.mini #nav ul >li.navitem.hover.nav_default.nav_current::after,#header.head-top.mini #nav ul >li.navitem.hover::after {height: 3px;border-bottom: 8px solid var(--zt-color);}
#header.head-top.mini #nav ul >li.navitem.hover >a,#header.head-top.mini #nav ul >li.navitem.nav_current >a,#header.head-top.mini #nav ul >li.navitem .subnav li a:hover,#header.head-top.mini #nav ul >li.navitem.hover.nav_default.nav_current >a  {color: var(--zt-color);}
#header.head-top.mini #nav ul >li.navitem.hover.nav_default::after {bottom: 15px; opacity: 0;}
#header.head-top.mini #nav ul >li.navitem .subnav::before {border-bottom: none;width: 100%;height: 3px;background: var(--zt-color);border: none;right: 0;top: 0;left: 0;opacity: 1;}
#header.head-top.mini #nav ul >li.navitem:hover .subnav {opacity: 1;}
#header.head-top.mini #nav ul >li.navitem .subnav a {color: #4f5a67;}
#header.head-top.mini #nav ul >li.navitem .subnav a i {color: #ddd;}
#header.head-top.mini #nav ul >li.navitem .subnav li a:hover {background-color: #f5f5f5;}

#nav ul >li.navitem.lan {display: flex; flex-wrap: wrap; align-items: center;}
#nav ul >li.navitem.lan::after {display: none;}
#nav ul >li.navitem.lan >a {}
.calss-8 >a {cursor:pointer; pointer-events: none;}

#header.mini #nav ul >li.navitem.lan >a {color: #333;height: 2.5vw;line-height: 2.5vw;}
#header.mini #nav ul >li.navitem.lan >a >i {color: #333;transition:all .3s;}
#header.mini #nav ul >li.navitem.lan:hover >a >i {color: var(--zt-color);}
#nav ul >li.navitem.lan .subnav {width: 8.5vw !important;left: 1vw;}
#nav ul >li.navitem.jg::before {content: '';position: absolute;top: 0;bottom: 0;margin: auto 0;left: 10%;height: 100%;width: 1px;/* background: #fff; */opacity: .15;transition: all 0.3s;}
#header.mini #nav ul >li.navitem.jg::before {height: 18px;opacity: .6;}
#nav ul >li.navitem.lan >a {border-radius: 0.25vw;padding: 0 0.7vw;font-size: 0.85vw;letter-spacing: 0;margin-left: 1vw;height: 2.5vw;line-height: 2.5vw;}
#nav ul >li.navitem.lan >a .icon {font-size: 24px;margin-right: 5px;}
.lan >a {font-weight: normal !important;}
.lan i.gq {width: 20px;height: 20px;margin-right: 5px;background-repeat: no-repeat;display: inline-block;background-size: auto 100%;vertical-align: -3px;}
.lan .gq_en {background: url(../images/icon/gq-en.png)}
.lan .gq_cn {background: url(../images/icon/gq-cn.png)}
#header .offer {margin-left: 5px;display: flex;align-content: center;flex-wrap: wrap;}
#header #nav ul >li.navitem.lan.offer >a {color: #FFF;background: rgba(255,255,255,.1);}
#header #nav ul >li.navitem.lan.offer >a:hover,#header.head-top.mini #nav ul >li.navitem.lan.offer >a:hover {background: var(--zt-color);color: #FFF;transform: translateY(-3px);-ms-transform: translateY(-3px);-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);}
#header.head-top.mini #nav ul >li.navitem.lan.offer >a {background: var(--zt-color);color: #ffffff;border: none;}
#header .anim {position: absolute; width: 0; height: 0; left: 50%; top: 50%; border-radius: 50%; -moz-animation: anim .75s; -webkit-animation: anim .75s; animation: anim .75s; animation-iteration-count: infinite; animation-duration: 1.3s; display: block; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); background-color: #e00;}
#nav ul >li.navitem.class-3 .subnav {}

/* 首页全屏视频 */
#bg_video{overflow: hidden;position: relative;z-index: 100;width: 100%;height: 100vh;}
#background_video{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;height: 100%;width: 100%; z-index: 1;}
#video_cover{position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center; z-index: 3;}
#video_controls{position: absolute;left: 50%;transform: translate(-50%, 0);}
@media (min-width: 768px){#video_controls{display: none;}}
.imgBG_mask {position: absolute;width: 100%;height: 100%; z-index: 4; background-image: linear-gradient(115deg, #000000de 31%, #FFFFFF00 100%);}
#overlay{position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: url(/static/starry/images/banner_bg.png);opacity: 0.7; z-index: 5;}
#main_content {z-index: 10;position: relative;display: inline-block;/* Vertical center*/top: 0;/* transform: translateY(-50%); */height: 100%;width: 100%;}
#main_content h1{text-transform: uppercase;font-weight: 600;font-family: 'proxima-nova-condensed', Helvetica;color: #fff;font-size: 35px;}
#main_content .sub_head{color: rgba(255,255,255,0.5);font-size: 18px;}
#main_content .info{color: rgba(255,255,255,0.5);font-size: 12px;margin-top: 10px;}
#main_content .cent-cont{position: absolute;left: 0;top: 45%;margin-top: -120px;color: #fff;z-index: 3;right: 0;}
#main_content .word{color: #fff;/* line-height: 1.5em; */width: 65%;/* margin: auto; *//* text-align: center; */}
#main_content .t-center .word {width: 65%;}
#main_content .word .title,.i-ban li .word p.description {font-size: 2.4vw;position: relative;/* opacity: 0; */filter: alpha(opacity=0);line-height: 1.3em;overflow: hidden;font-weight: bold;}
#main_content .word .title b {font-weight: 500;}
#main_content .word p.description {font-size: 1vw;line-height: 1.8vw;height: 6.4vw;opacity: 0.9;font-weight: 100;}
.banner-link a {/* background: rgba(255,255,255,.15); */color: #FFF;/* border-radius: 3px; */letter-spacing: 0.01em;font-size: 15.5px;line-height: 52px;height: 55px;width: 185px; border: 1px solid #fff;}
.banner-link a.go {/* background: var(--zt-color); *//* border: 2px solid var(--zt-color); */color: var(--zt-color);background: #fff;}
.banner-link a i {transition: all 0.3s ease 0s;text-indent: -30px;display: inline-block;opacity: 0;}
.banner-link a:hover,.banner-link a.go:hover {background: var(--zt-color); color: #FFF; border: 1px solid var(--zt-color);}
.banner-link a:hover i,.banner-link a.go i {text-indent: 5px;opacity: 1;width: auto;font-size: 13px;}
#main_content .banner-link a {margin-right: 20px;}

#main_content .arrow {position: absolute; left: 0; right: 0; bottom: 50px; z-index: 10; width: 45px; height: 45px;/* border: 2px solid #fff; */ border-radius: 50%; line-height: 47px;animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;}
#main_content .arrow:hover {background: rgba(255,255,255,.15);}
#main_content .arrow i {font-size: 18px; color: #fff;}

.home-jumplink { position: absolute; left: 50%; bottom: 80px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.home-jumplink span{display:block;width:15px;height:15px;border-bottom:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-top:-15px;-webkit-animation:jumplink-animate 2.3s infinite ease-in-out;animation:jumplink-animate 2.3s infinite ease-in-out}

.home-jumplink span:nth-child(2){-webkit-animation-delay:-0.3s;animation-delay:-0.3s;width:25px;height:25px;}
@keyframes jumplink-animate{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-20px,-20px);transform:rotate(45deg) translate(-20px,-20px)}
100%{opacity:1;-webkit-transform:rotate(45deg) translate(20px,20px);transform:rotate(45deg) translate(20px,20px)}
}
@-webkit-keyframes arrow {
  0%   { bottom:75px;  opacity: 0.5;}
  50%  { bottom:50px; opacity: 1;}
  100% { bottom:75px; opacity: 0.5;}
}
@keyframes arrow {
  0%   { bottom:75px;  opacity: 0.5;}
  50%  { bottom:50px; opacity: 1;}
  100% { bottom:75px; opacity: 0.5;}
}

.certification-item {margin-right: 1vw;align-items: center;border-radius: 10vw;line-height: 1.5vw;opacity: .8;font-size: 0.75vw;}
.certification-item i {margin-right: 5px;font-size: 0.85vw;}


.body-wrap {width: 100%;position: relative;transition: all 0.5s ease 0s;z-index: 1;z-index: 89;}


/* more按钮 */
.i-more {line-height: 2.7vw;padding: 0 1.5vw;color: #fff;font-size: 0.8vw;overflow: hidden;background: #222;border-radius: var(--rounded-normal);}
.i-more .bgsqr1,.i-more .bgsqr2,.i-more .bgsqr3,.i-more .bgsqr4 {background: var(--zt-color); position: absolute; top: 0; width: 0; height: 100%; -webkit-transition: all .4s; transition: all .4s; opacity: .35;}
.i-more .bgsqr1,.i-more .bgsqr4 {left: 0;}.i-more .bgsqr2,.i-more .bgsqr3 {right: 0;}.i-more .bgsqr3,.i-more .bgsqr4 {opacity: .75;}
.i-more:hover span,.i-more:hover p { color: #FFF;z-index: 1;}
.i-more:hover .bgsqr1,.i-more:hover .bgsqr2,.i-more:hover .bgsqr3,.i-more:hover .bgsqr4 {width: 100%;}.i-more:hover .bgsqr3,.i-more:hover .bgsqr4 {-webkit-transition-delay: .4s; transition-delay: .4s;}

.more-link a,.more-link .btn {position: relative;z-index: 99;padding: 10px 40px 10px 45px;border-radius: 5px;background: var(--zt-color);color: #fff;font-size: 1.5rem;text-transform: uppercase;letter-spacing: 0.05em;line-height: 28px;display: inline-block;font-weight: 100;font-family: 'en_light','Microsoft Yahei';}
.more-link a:hover,.more-link .btn:hover {color: #FFF;}
.more-link a::before,.more-link .btn::before { content: ''; width: 34px; height: 100%; border-bottom-right-radius: 50px; border-top-right-radius: 50px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background: rgba(0,0,0,.1); position: absolute; z-index: 9; top: 0; left: -1px;}
.more-link a span.more,.more-link .btn span.more { position: relative; z-index: 99;}
.more-link a .icon,.more-link .btn .icon { position: absolute; left: -41px;z-index: 99;}
.more-link a:hover:before,.more-link .btn:hover:before {width: 100%!important; border-bottom-right-radius: 5px!important; border-top-right-radius: 5px!important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; /* background: #1769cd; */ color: #11161e!important; position: absolute; z-index: 9; top: 0; left: 0;}
.more-link.more-a a {margin-right: 20px;}


/* 首页布局 */
#index_body .head {font-size: 18px; padding-bottom: 30px;line-height: 30px;}
#index_body .head h1.title,#index_body .head .title,#index_body .head h4.title {font-size: 2vw;line-height: 2.5vw;font-weight: bold;}
#index_body .head h4.title {font-weight: 100;}
#index_body .head .title span {position: relative; z-index: 99;}
#index_body .head .title.dz::before { content: ''; position: absolute; z-index: 9; top: 0; right: -9px; width: 25px; height: 25px; background: var(--zt-color); border-radius: 50%;}
#index_body .head .en-title {font-size: 1vw;line-height: 1.5vw;/* margin-top: 5px; */}
#index_body .head .subtitle {font-size: 0.85vw;line-height: 1.3vw;}

/* 首页数据 */
.world-l ul{display:flex;flex-wrap:wrap;}
.world-num{font-size: 4.8rem;/* color: #1769cd; */display:flex;align-items: flex-end;line-height:1em;align-items: center;justify-content: center;}
.world-num em{font-style:normal;}
.world-num span{font-size:16px;padding-left:10px;}
.world-l li p{font-size:16px;color:#666;margin-top:8px}
.world-l li:nth-last-child(1), .world-l li:nth-last-child(2){border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.world-r{width: 71%;text-align: right;}
.world-r img{max-width: 100%;}
.partner_list ul {display: flex;justify-content: space-evenly;}
.partner_list ul li {width: 12%;height: 0;padding-bottom: 6%;}
.partner_list ul li .partner_box {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.partner_list ul li .partner_img {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.partner_list ul li .partner_img img {max-width: 100%; max-height: 100%;}

/* 首页服务项目 */
.service_list_box {}
.service_list_box .service_list {width: 115%;}
.index_service_slide {}
.index_service_item_box{overflow:hidden;position:relative;/* pointer-events:none */}
.index_page_current .index_service_tab .index_service_item_box{opacity:1;pointer-events:auto;-webkit-transform:none;transform:none;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);-webkit-transition-delay:200ms;transition-delay:200ms}
.index_service_item_box a{position:relative;display:block;z-index:9}
.index_service_item_box a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background-image: linear-gradient(to top, var(--zt-color) 0%, rgba(0, 2, 59, 0) 50%);opacity:0;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99)}
.index_service_item_box a:after{content:"";position:absolute;left:0;bottom: 0;width:100%;height: 35%;z-index:2;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);background-image: linear-gradient(0deg, #0000009e 31%, #FFFFFF00 100%);}
.index_service_item_img{padding-bottom:125%;z-index:1}
.index_service_item_img img{height:auto;top: 0;}
.index_service_item_read{position:absolute;bottom: 5%;left:0;width:100%;padding: 0 7%;z-index:3;right: 0;transform: translateY(35%);}
.index_service_item_number{font-size:5.5rem;line-height:1em;color:#fff;-webkit-text-stroke:1px #ccc;color:rgba(255,255,255,0);box-sizing:border-box;margin-bottom:20px;-webkit-transition:all .8s cubic-bezier(.69,.27,.45,.99);transition:all .8s cubic-bezier(.69,.27,.45,.99);opacity: .3;}
.index_service_item_title{font-size:2rem;line-height:1.5em;margin-bottom:5px;font-weight:600;color: #ffffff;}
.index_service_item_text{height: 3em;font-size:1.6rem;line-height:1.5em;color: #ffffff; opacity: 0;}
.index_service_item_box:hover a:before {opacity: 1;}
.index_service_item_box:hover .index_service_item_number {opacity: 0.5; color: rgba(255, 255, 255, 1); -webkit-text-stroke: 1px #fff;}
.index_service_item_box:hover .index_service_item_text {opacity: 1;}
.index_service_item_box:hover .index_service_item_read {transform: translateY(0);}

.service_swiper_pagination .swiper-pagination-bullet,.gj_pagination .swiper-pagination-bullet { width: 2.5vw; height: 3px; margin: 0 5px; border-radius: 0;}
.service_swiper_pagination .swiper-pagination-bullet-active,.gj_pagination .swiper-pagination-bullet {background: var(--zt-color);}

.gj-arrow-box {position: absolute;z-index: 2;width: 100%;height: 3vw;top: 32%;padding: 0 2vw;box-sizing: border-box;}
.gj-arrow-box .arrow {width: 3vw;height: 3vw;z-index: 5;background: #000000;color: #ffffff;line-height: 3vw;text-align: center;opacity: 0;}
.gj-arrow-box .arrow.swiper-button-disabled {display: none;}
.gj-arrow-box .arrow:hover {background: var(--zt-color);color: #FFF;opacity: 1;}
.gj-arrow-box .arrow i {font-size: 25px;}
.gj-arrow-box .arrow-left {right: 90%;left: auto;}
.swiper:hover .arrow {opacity: 0.5;}
.swiper:hover .arrow.arrow-left {}
.swiper:hover .gj-arrow-box .arrow:hover {opacity: 1;}

/* 首页关于我们 */
.index_show_box {justify-content: space-between;align-items: center;position: sticky;z-index: 10;}
.index_show_box .show_cont {width: 45%;}
.show_cont .content {font-size: 1.8rem; line-height: 1.7em;}
.show_cont .content .tips {font-size: 2rem; font-weight: bold;}
.index_about_ico::before {background-image: url(/static/starry/images/index/max-icon.webp);background-position: bottom right;background-repeat: no-repeat;background-size: cover;position: absolute;right: -10vw;top: -15vw;width: 40vw;height: 40vw;content: '';z-index: 1;opacity: .7;}


/* 行业应用 */
.index_industry {padding-bottom: 5vw;}
.industry_item {}
.industry_item .industry_img {position: relative; width: 100%; height: 0; padding-bottom: 69.23%;}
.industry_item .industry_img span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: cover; background-position: center;}
.industry_item .industry_cont {padding: 1vw 0;}
.industry_cont .industry_title {font-size: 2rem; font-weight: bold; line-height: 1.5vw;}
.industry_cont .industry_des {line-height: 1.2vw;margin-top: .6vw;height: 2.4vw;}

/*首页品质 */
.index_quality {background-image: url(/static/starry/images/index/index_quality_bg.webp); background-size: cover; background-position: center;}


/* 首页优势 */
.index_advantage_list {grid-template-columns: repeat(3, 1fr);grid-column-gap: 2vw;grid-row-gap: 2vw;--grid-row-gap: 2vw;}
.index_advantage_item {padding: 2vw 3vw; border-top: 0.1vw solid var(--zt-color);}
.index_advantage_item .icon-box {margin-bottom: 1vw;}
.index_advantage_item .advantage_icon {width: 5vw; height: 5vw; line-height: 5vw;}
.index_advantage_item .icon-box i {font-size: 3vw;}
.advantage_con .box-heading {font-size: 1vw;line-height: 1.66vw;font-weight: bold;}
.advantage_con .box-description {font-size: 0.8vw;line-height: 1.3vw;color: #555;}

/* 首页合作流程 */
.process_list_item {width: 19%; padding: 3vw 1vw; box-sizing: border-box; background: #F5F5F5;}
.process_list_icon{width:5vw;height:5vw;background:#FFF;line-height:5vw;margin:auto;border:.15vw dashed #aaa;border-radius:.5vw}
.process_list_icon i{font-size: 2.25vw;}
.process_list_cont { line-height: 2em;}
.process_list_item:hover .process_list_icon {background: var(--zt-color);; border:.15vw dashed var(--zt-color);}
.process_list_item:hover .process_list_icon i {color: #FFF;}
.process_list_item:hover .process_list_tit {color: var(--zt-color);}

/* FAQ */
.faq-container{background-color:white;padding: 3vw;box-shadow:0 2px 10px rgba(0,0,0,0.05);display:flex;flex-wrap:wrap;gap:40px}
.faq-left{flex:1;min-width:300px}
.faq-title{font-size:2.2rem;margin-bottom:20px;color:#1a1a1a}
.faq-description{color:#666;margin-bottom:30px;line-height:1.6}
.support-team{display:flex;margin-bottom:30px}
.support-avatars{display:flex}
.support-avatars img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white;margin-left:-10px}
.support-avatars img:first-child{margin-left:0}
.support-info{color:#666;margin-bottom:20px;line-height:2em}
.faq-right{flex:1;min-width:300px;background-color:#f9f9f9;border-radius:8px;padding: 2vw;}
.faq-item{border-bottom:1px solid #eee}
.faq-question{width:100%;background:none;border:none;padding: .8vw 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;line-height: 2vw;text-align: left;}
.faq-question i {transform:rotate(45deg);}
.faq-question.active i{transform:rotate(0deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;line-height:2em}
.faq-answer .faq-des{padding-bottom: 1vw;}
.faq-question.active {color: var(--zt-color);}




.cover img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;margin: auto;right: 0;}





/* 全局底部 */
#footer {background: #222;}
.footer_container {width: 18vw;}
.footer_nav_box {width: 50vw;justify-content: space-between;}
.footer_nav {width: 13vw;}
.footer_nav_title { font-size: 1.1vw; font-weight: bold; color: #eee; margin-bottom: 1.2vw; line-height: 1.5vw;}
.footer_nav_link .navitem {margin-bottom: 0.25vw;}
.footer_nav_link .navitem:last-child {margin-bottom: 0;}
.footer_nav_link .navitem a {color: #AAA;font-size: 0.9vw;line-height: 1.85vw;}
.footer_nav_link .navitem a:hover {color: #FFF;}
.footer_container {align-content: space-between;}
.footerLogo {filter: brightness(0) invert(1);height: 3.5vw;}
.footerLogo img {height: 100%;max-height: 80px; width: auto;}
.footerAbout_des {font-size: 0.8vw;line-height: 1.2vw;color: #999;}
.footer_site_info {width: 20vw;}
.footer_info_list {color: #999; font-size: 0.9vw; line-height: 1.5vw;}
.footer_info_list li {margin-bottom: .5vw;line-height: 1.5vw;align-items: flex-start;display: flex;}
.footer_info_list li a {color: #999;}
.footer_info_list .i-class {color: #666;margin-right: 0.3vw;}
.footer_info_list .i-cont {/* width: calc(100% - 6.2em); */}
.footer_info_list .i-class i {font-size: 0.95vw;}
#footer .module_container {padding: 1vw;text-align: center;font-size: 0.7vw;color: rgba(255,255,255,.3);/* background: rgba(255,255,255,.02); */letter-spacing: 0.03em;border-top: 1px solid #ffffff12;}
#footer .module_container a {color: #555;}#footer .module_container a:hover {color: #FFF;}



/*底部产品搜索*/
.social {margin-top: 50px;overflow: hidden;}
.social ul {overflow: hidden;}
.social ul li {float: left;width: 2.5vw;height: 2.5vw;margin-right: 0.6vw;transition: all 0.4s ease-out;border-radius: 5px;background: rgba(255,255,255,.05);line-height: 2.5vw;}
.social ul li a {display: block;text-align: center;color: #999;}
.social ul li:hover a {color: #eee;}
.social ul li i {font-size: 1.2vw;}
.social ul li img {max-height: 100%;max-width: 100%;opacity: 0.5;transition: all 0.4s ease-out;}
.social ul li:hover {/* background: var(--zt-color); */}
.social ul li:hover img {opacity: 1}

.f-Bai-Jamjuree {font-family:'Bai-Jamjuree';}

@-webkit-keyframes anim{0%{width:0;padding-top:0;background:rgba(0,0,0,.3)}
100%{width:100%;padding-top:100%;background:transparent}
}@-moz-keyframes anim{0%{width:0;padding-top:0;background:rgba(0,0,0,.3)}
100%{width:100%;padding-top:100%;background:transparent}
}@-ms-keyframes anim{0%{width:0;padding-top:0;background:rgba(0,0,0,.3)}
100%{width:100%;padding-top:100%;background:transparent}
}@keyframes anim{0%{width:0;padding-top:0;background:rgba(0,0,0,.3)}
100%{width:100%;padding-top:100%;background:transparent}
}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}
/******** 自适应调整 ********/
@media (max-width: 1920px) {
	html {font-size: 10px;}
	.ptb150 {padding-top:120px;padding-bottom:120px}
	#nav ul >li.navitem >a {padding: 0 23px;}
	#nav ul >li.navitem .subnav {left: 0;}
	.union-data {margin-left: 22%;}
	#index_body #about.about::before {left: 1%;}
	#certify { max-width: 1500px; }
	
}
@media (max-width: 1500px) {
	#index_body .bg_core_img {width:720px;}
	#header.head-top.mini #nav ul >li.navitem .subnav {left: -5px;}
	.ptb100 {padding-top: 80px; padding-bottom: 80px;}
	#nav ul >li.navitem >a {padding: 0 15px;}
	#header #logo a {background-size: auto 65%;}
	#about .info .i-more.mt50 {margin-top: 35px;}
	#index_body .head {padding-bottom: 20px;}
	#index_body .head p.en-title {font-size: 3vw;line-height: 1.5em;}
	#index_body .head h4.title {font-size: 3.2rem;}
	#about .ptb150 {padding-top: 100px; padding-bottom: 100px;}
	#about .mt30 {margin-top: 20px;}
	#about .mt100 {margin-top: 50px;}
	.union-data {margin-left: 12%;}
	#index_body #quality.quality::before {left: 58%;}
	
}
@media (max-width: 1280px) {
	
	#nav ul >li.navitem >a {padding: 0 10px; color: #FFF;}
	.ptb100 {padding-top: 60px; padding-bottom: 60px;}
	.union-data {margin-left: 10%;}
	
}