/* html { font-size: 10px; text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} */
body{ overflow-x: hidden; --top:.9rem; }
.inner{ width:84vw; margin: 0 auto; }
.pl-inner{ padding-left: 8vw;}
.pr-inner{ padding-right: 8vw;}
.ml-inner{ margin-left:8vw;}
.mr-inner{ margin-right: 8vw;}
.w-70{ width: .7rem;}.h-70{ height: .7rem;}
.h-50{ height: .5rem;}.w-50{ width: .5rem;}
.h-60{ height: .6rem;}.w-60{ width: .6rem;}
.maodian { position: relative; top: calc(var(--top) * -1 + 1px);}
.zwHeader{ height: var(--top) ;}
.zw{ margin-top: - var(--top) ; padding-top: var(--top) ;}
.z_page_swiper{ height: 100vh;overflow: hidden;}
.z_slide{ overflow: hidden;}
.footer {height: auto;overflow: initial;}
.z_kdc_bar{ position: fixed; z-index: 90; left: .4rem !important; right: auto !important; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ;
}
.z_kdc_bar .swiper-pagination-bullet{ width: .15rem; height: .15rem; margin: .1rem 0 !important; opacity: 1; transform: scale(0.8); transition: all .2s; background-color: rgba(0, 0, 0, .1); border: 3px solid transparent; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.z_kdc_bar .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 3px solid #ddd; background-color: transparent; opacity: 1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
.idxBan .swiper-slide .text{ position: absolute; z-index: 3; left: 50%; top: 40%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.idxBan .swiper-slide::after{ display: block; content: ''; z-index: 2; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.25) }
.idxBan .swiper-slide::before{ display: block; content: ''; z-index: 2; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:linear-gradient(to right,rgba(0,0,0,.25),transparent);}
.idxBanImg{ width: 100%; height: 100vh; object-fit: cover;}
.idxBan .bottom{ position: absolute; bottom: 0; left: 50%; z-index: 4; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.idxBan .bottom button{ background: rgba(255, 255, 255, .25);}.idxBan .bottom button:hover{ background: var(--color);}
.idxBan .pagination{ position: absolute; left: 50%; z-index: 15; transform: translateX(-50%); bottom: .5rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.idxBan .swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; margin: 0 5px; }
.idxBan .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
header{ position: fixed; width: 100%; z-index: 100; left: 0; top: 0; color: #fff;}
.oneNav{ line-height:var(--top); white-space: nowrap; display: block; padding: 0 1.3vw; }
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:linear-gradient(to right,var(--color),var(--green)); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
nav li.on .oneNav span ,nav li:hover .oneNav span {
/* color: var(--color); */
background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text; background-clip: text; color: transparent;
}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav span::after{ transform:scale(0,1) ; }
nav li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff; -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav li dl dd:last-child{border-bottom:0}
nav li dl dd a{ padding: 0 20px; font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav li dl dd:hover{background:linear-gradient(to right,var(--color),var(--green));}
nav li dl dd:hover a{color:#fff!important;}
/* nav li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav li dl{pointer-events: none; visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
nav li dl.nav-cate-menu{ text-align:left; }
nav li dl.nav-cate-menu dd{ position:relative; padding-right:20px; }
nav li dl.nav-cate-menu dd>.nav-cate-title{ display:block; padding:0 32px 0 20px; font-size:14px; color:#333!important; font-weight:normal!important; cursor:default; }
nav li dl.nav-cate-menu dd:hover>.nav-cate-title{ color:#fff!important; }
nav li dl.nav-cate-menu dd.nav-has-pop::after{ content:''; width:7px; height:7px; border-top:1px solid #999; border-right:1px solid #999; position:absolute; right:16px; top:50%; transform:translateY(-50%) rotate(45deg); transition:all .36s ease; }
nav li dl.nav-cate-menu dd:hover::after{ border-color:#fff; }
nav li dl.nav-cate-menu .nav-arc-pop{ position:absolute; left:100%; top:0; min-width:180px; background:#fff; box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-radius:0 5px 5px 5px; opacity:0; visibility:hidden; pointer-events:none; transform:translateX(16px); transition:all .36s ease; overflow:hidden; }
nav li dl.nav-cate-menu .nav-arc-pop:empty{ display:none; }
nav li dl.nav-cate-menu dd:hover .nav-arc-pop:not(:empty){ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0); }
nav li dl.nav-cate-menu .nav-arc-pop a{ display:block; height:46px; line-height:46px; padding:0 20px; color:#333!important; font-size:14px; white-space:nowrap; border-bottom:1px solid #eee; transition:all .36s ease; }
nav li dl.nav-cate-menu .nav-arc-pop a:last-child{ border-bottom:0; }
nav li dl.nav-cate-menu .nav-arc-pop a:hover{ color:#fff!important; background:linear-gradient(to right,var(--color),var(--green)); }
nav li dl.nav-cate-menu > dd.nav-cate-item > .nav-arc-pop{display:none!important;position:absolute!important;left:100%;top:0;z-index:30;min-width:190px;background:#fff;line-height:1;overflow:hidden;}
nav li dl.nav-cate-menu > dd.nav-cate-item > .nav-cate-title{display:block;padding:0 36px 0 20px;color:#333!important;font-size:14px;font-weight:normal!important;cursor:default;}
nav li dl.nav-cate-menu > dd.nav-cate-item:hover > .nav-cate-title{color:#fff!important;}
nav li dl.nav-cate-menu > dd.nav-cate-item > .nav-single-link{display:block;padding:0 20px;color:#333!important;font-size:14px;font-weight:normal!important;}
nav li dl.nav-cate-menu > dd.nav-cate-item:hover > .nav-single-link{color:#fff!important;}
nav li dl.nav-cate-menu > dd.nav-cate-item:hover > .nav-arc-pop:not(:empty){display:block!important;}
header::before{ display: block; content: ''; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background:rgba(255, 255, 255, 0.1) ; transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
header.scroll::before,header:hover::before{ height: 100%; background: #fff;}
header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
header.scroll ,header:hover { color: #333;}
header.scroll .icon02 ,header:hover .icon02{ display: block; }
header.scroll .icon01 ,header:hover .icon01{ display: none; }
header.scroll nav li.on .oneNav span ,header.scroll nav li:hover .oneNav span { background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text; background-clip: text; color: transparent; }
header:hover nav li.on .oneNav span ,header:hover nav li:hover .oneNav span { background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text; background-clip: text; color: transparent; }
.h_nav{ height: 60px; width: 60px; padding: 18px 15px ; align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%; height: 2px ; background: #333; transition: .8s; display:inline-block; }
header.scroll .h_nav .burger,header:hover .h_nav .burger{ background: #333;}
.h_nav .burger:nth-of-type(2){ width:66%;}
/* .h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; } */
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) { position: relative; z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; opacity: 0; z-index: 1;}
.h_nav.close .burger:nth-of-type(2) { background: transparent; transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after { opacity: 1; transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before { transform: rotate(45deg); } .h_nav .burger:nth-of-type(2):after { transform: rotate(-45deg); }
.nav{ padding-bottom: 60px; width: 100vw; display: none; height: 130vh ; animation: leftFloat .8s; transition:all .6s ; background: #fff; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-animation: leftFloat .8s; }
.nav.show{ display: block; }
.nav li.go-child{ border-top: 1px solid rgba(0, 0, 0, 0.15); position: relative;}
.nav li.go-child>a,.nav li.go-child>.nav-no-link{ line-height: 60px; padding: 0 20px; font-size: 16px; display: block;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
.nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a,.nav-down li .nav-cate-title{ line-height: 50px; border-top: 1px solid rgba(0, 0, 0, 0.15); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{ overflow-y: scroll; }
.nav::-webkit-scrollbar {/*滚动条整体样式*/ /*高宽分别对应横竖滚动条的尺寸*/ width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #fff; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #efefef; width: 1px; }
.color-jian{
/* 定义渐变背景：角度, 起始色, 结束色 */
background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.searchBox{ z-index: 15; transform: translateY(-105%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-105%); -moz-transform: translateY(-105%); -ms-transform: translateY(-105%); -o-transform: translateY(-105%); }
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ width: 80%; background: url(../images/search-w.png) no-repeat left center; }
.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder {color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder {color: rgba(255, 255, 255, .65);;}
.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }
body{
--jian:linear-gradient(to right,var(--color),var(--green));
}
.bg-jian{background:linear-gradient(to right,var(--color),var(--green));}
/* .idxMore{ padding: 5px;} */
.idxMore{
background: url(../images/borderBg.png) no-repeat center center / 100% 100% rgba(255, 255, 255, .2);}
.idxMore::after{ display: block; content: ''; position: absolute; width: .56rem; height: .56rem; border-radius: 40px; top: 0; right: 0; background: var(--jian); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.idxMore .round{ width: .56rem; height: .56rem;}
.idxMore:hover{ color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.idxMore:hover .round{ background: transparent; }
.idxMore:hover::after{ width: 100%; right: 0; top: 0; height: 100%;}
.idxAbout{ background:url(../images/idxAboutBg.jpg) no-repeat center center / cover;}
.idxTit .tit{ position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxTit .line{ width: 1.3em; height: 2px;}
.idxAboutUl li{ background: rgba(0, 0, 0, .5); aspect-ratio: 1 / 1;backdrop-filter: blur(10px);}
.idxAboutUl li .line{ width: 2em; height: 1px;}
.idxAboutUl li::after{ display: block; content: ''; width: 100%; height: 0; transition: all .36s; position: absolute; left: 0; top: 0; background:var(--jian) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxAboutUl li.on::after{ height: 100%;}
.idxAboutUl li:nth-child(2){ margin-top: 1rem;}
.idxAboutLeft{ padding-left: 1.4rem;}
.idxAbout .contit{ position: absolute; left: -.1em; top: 0; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; }
.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center / cover;}
.idxProImgUl img{ display: none; animation: swiper_img_move .3s; -webkit-animation: swiper_img_move .3s; }
.idxProImgUl img.on{ display: block;}
.idxProTextUl li::before{ display: block; content: ''; width: 0; opacity: 0; transition: all .36s; height: 2px; background: var(--jian); position: absolute; left: 0; top: -1px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxProTextUl li.on{ width: 38%; }
.idxProTextUl li.on a{background: linear-gradient(90deg, var(--color), var(--green)); -webkit-background-clip: text; background-clip: text; color: transparent;}
.idxProTextUl li.on::before{ opacity: 1; width: 100%;}
.idxIndustriesImg{ width: 100%; height: 100vh; object-fit: cover;}
.idxIndustries .inner{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; }
.idxIndustriesTextUl li{ display: none; animation: rightFloat .3s; -webkit-animation: rightFloat .3s; }
.idxIndustriesTextUl li.on{ display: block;}
.idxIndustriesIconUl li .idxIndustriesIcon{ width: .36rem; transition: all .1s; filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; }
.idxIndustriesIconUl li.on .idxIndustriesIcon{ filter: none; -webkit-filter: none; }
.idxIndustriesIconUl li.on .text-center{background: linear-gradient(90deg, var(--color), var(--green)); -webkit-background-clip: text; background-clip: text; color: transparent;}
.idxIndustriesYuan{ width: 65%; position: absolute; left: 0; top: 0; z-index: 3;}
.idxIndustriesTextUl{ height: 4rem;}
.idxNews{ background:url(../images/idxNewsBg.jpg) no-repeat center center / cover}
.newItem .img{ aspect-ratio: 4 / 2.6;}
footer{ background: url(../images/footerBg.jpg) no-repeat center center / cover; color: #fff;}
.footLine{ width: 1px;}
footer a:hover{ color: rgba(255, 255, 255, .9);}
.footNav dl{ overflow:visible; }
.footNav .foot-cate-item{ position:relative; }
.footNav .foot-single-link{ display:block; color:inherit; }
.footNav .foot-cate-title{ display:block; position:relative; padding-right:18px; }
.footNav .foot-cate-title:after{ content:''; width:6px; height:6px; border-top:1px solid rgba(255,255,255,.6); border-right:1px solid rgba(255,255,255,.6); position:absolute; right:3px; top:50%; transform:translateY(-50%) rotate(45deg); transition:all .36s ease; }
.footNav .foot-cate-item:hover .foot-cate-title:after{ border-color:#fff; }
.footNav .foot-arc-pop{ display:none!important; position:static; margin:6px 0 10px 0; min-width:0; background:rgba(255,255,255,.08); border-radius:5px; line-height:1; overflow:hidden; }
.footNav .foot-arc-pop:empty{ display:none!important; }
.footNav .foot-cate-item:hover .foot-arc-pop:not(:empty){ display:block!important; }
.footNav .foot-arc-pop a{ display:block; line-height:34px; padding:0 12px; color:rgba(255,255,255,.65)!important; font-size:14px; white-space:nowrap; border-bottom:1px solid rgba(255,255,255,.08); }
.footNav .foot-arc-pop a:last-child{ border-bottom:0; }
.footNav .foot-arc-pop a:hover{ color:#fff!important; background:rgba(255,255,255,.12); }
.w28{ width: 28%;}
.footEwm{ width: 8vw; max-width: 120px; min-width: 90px;}
.outLink a:hover img{ opacity: .6;}
.outLink img{ height: 2.2em;}
.outLink a:last-child{ margin-right: 0;}
footer .bottom a{ margin: 0 1em; white-space: nowrap;}
.neiBan{ position: relative; }
.neiBan .text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10;}
.neiBanImg{ max-height: 100vh; min-height: 260px; object-fit: cover; width: 100%;}
.articleBan{ background: url(../images/wenzhangyeBan.jpg) no-repeat center center / cover; }
.Profile{ background: url(../images/ProfileBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
@property --percentage {
syntax: "";
initial-value: 0%;
inherits: false
}
@keyframes wrap-border {
0% {
--percentage: 0%
}
to {
--percentage: 100%
}
}
@media(hover:hover) {
.animated-border {
--duration: 700ms;
--easing: cubic-bezier(0.4, 0.14, 0.3, 1);
--percentage: 0%;
position: relative
}
}
@media(hover:hover)and (prefers-reduced-motion:reduce) {
.animated-border {
--percentage: 100%;
--duration: 0s
}
}
@media(hover:hover) {
.animated-border:after {
background: linear-gradient(135deg, var(--cds-border-interactive, var(--color)), var(--cds-border-interactive, var(--green)) var(--percentage), transparent var(--percentage), transparent) border-box;
/* background: linear-gradient(135deg, var(--cds-border-interactive, red), var(--cds-border-interactive, blue) var(--percentage), transparent var(--percentage), transparent) border-box; */
border: 3px solid transparent;
border-radius: 20px;
content: "";
inset: 0;
-webkit-mask: linear-gradient(#000, #000) padding-box, linear-gradient(#000, #000);
-webkit-mask-composite: xor;
mask: linear-gradient(#000, #000) padding-box exclude, linear-gradient(#000, #000);
position: absolute
}
.animated-border:hover:after {
animation: wrap-border var(--duration) var(--easing) forwards
}
}
@media(hover:hover)and (prefers-reduced-motion:reduce) {
.animated-border:after {
opacity: 0;
transition: opacity .24s cubic-bezier(.2, 0, .38, .9)
}
.animated-border:hover:after {
opacity: 1
}
}
.profileUl{ display: grid; grid-gap: 3vw; grid-template-columns: repeat(3,1fr);}
.profileUl li:hover{ transform: translateY(-.5vw); -webkit-transform: translateY(-.5vw); -moz-transform: translateY(-.5vw); -ms-transform: translateY(-.5vw); -o-transform: translateY(-.5vw); }
.profileUl li .con{ background: url(../images/profileUlBg.png) no-repeat center center / cover;}
.profileUl li .img{aspect-ratio: 1 / 1;}
.cultureLine{ width: .14rem;}
.awardsUl li{ width: 15%; position: absolute}
.awardsUl li:nth-child(1){ left:34% ; bottom: 24.8%;}
.awardsUl li:nth-child(2){ left:50.8% ; bottom: 33.6%;}
/* .awardsUl li .honorImg{ width: 33.1%; bottom: ;} */
.awardsUl li .text{ width: 125%; position: absolute; }
.awardsUl li .text .line{ height: 1px; }
.awardsUl li:nth-child(1) .text{ right: 100%; top: 30%;}
.awardsUl li:nth-child(1) .text .line{ background:linear-gradient(to left,var(--color),transparent);}
.awardsUl li:nth-child(2) .text{ left: 100%; top: 30%;}
.awardsUl li:nth-child(2) .text .line{ background:linear-gradient(to right,var(--color),transparent);}
@media screen and (min-width:767px) {
.cultureUl li{ position: absolute; width: 21%;}
.cultureUl li:nth-child(1){ left:7.6% ; bottom: 8.6%;}
.cultureUl li:nth-child(2){ left:33.4% ; bottom: 16.2%;}
.cultureUl li:nth-child(3){ left:57.8% ; bottom: 28.1%;}
.Culture .idxTit{ position: absolute; left: 0; top: 0; z-index: 10;}
.Awards .idxTit{ position: absolute; left: 0; top: 0; z-index: 10;}
}
.history{ background: url(../images/historyBg.jpg) no-repeat center bottom / cover;}
.historyUl li{ width: 23%; height: 5.2rem;}
.historyUl li .line::before{ width: .14rem; height: .14rem; display: block; content: ''; border: 1px solid var(--color); border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.historyUl li .line::after{ width: 1px; height: calc(100% - .14rem); display: block; content: ''; position: absolute; left: 49%; top: .16rem; background:linear-gradient(to bottom,var(--color),transparent); }
.historyUl li:nth-child(2n){ margin-top: 1rem;}
.Partners{ background: url(../images/PartnersBg.jpg) no-repeat center center / cover; }
.Partners .ttt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 20; }
.PartnersUl .icon{ animation:idxOurImg 5s linear infinite; -webkit-animation:idxOurImg 5s linear infinite; }
.PartnersUl .icon01{ animation-delay: 0s; -webkit-animation:; }
.PartnersUl .icon02{ animation-delay: 1.5s; }
.PartnersUl .icon03{ animation-delay: 3s; }
.line-height1-2{ line-height: 1.2;}
.proLeft{ background: #f3f6fa; width: 5rem;}
.proRight{ width: calc(100% - 5rem);}
.proNav li .top{ border-radius: 0 40px 40px 0; -webkit-border-radius: 0 40px 40px 0; -moz-border-radius: 0 40px 40px 0; -ms-border-radius: 0 40px 40px 0; -o-border-radius: 0 40px 40px 0; }
.proNav li .top a,.proNav li .top .pro-cate-title{ height: 3.6em; display: flex; align-items: center; }
.proNav li .top .pro-cate-title{ flex: 1; min-width: 0; }
/* .proNav li::after{ display: block; content: ''; opacity: 0; width: 25%; transition: all .36s; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .02); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } */
/* .proNav li.on::after,.proNav li:hover::after{ width: 100%; opacity: 1;} */
.proNav li.on .top a,.proNav li:hover .top a,.proNav li.on .top .pro-cate-title,.proNav li:hover .top .pro-cate-title,.proNav li.on .top .iconfont,.proNav li:hover .top .iconfont{
background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.proNav li.on .top a,.proNav li:hover .top a,.proNav li.on .top .pro-cate-title,.proNav li:hover .top .pro-cate-title{ font-weight: bold;}
.proNav li.on .top .iconfont,.proNav li:hover .top .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.proLocation.on .icon-arrow-double-right{ transform: rotate(90deg);}
.proSwiper .img{ width: 100%; height: 0; padding-bottom: 75%;}
.proSwiperBtn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 15 ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.proSwiperBtn.prev{ left: 4%;}
.proSwiperBtn.next{ right:4%}
.proSwiperBtn:hover{ background: var(--jian); color: #fff;}
.proBg{ background: url(../images/proBg.png) no-repeat top center; background-size: 100% auto;}
.proinfoTop .desc{ height: 14em;}
.proinfoTop .btton a{ border-width: 2px;}
.hyyyList li .img{ aspect-ratio: 1 / .5;}
.hyyyList li:hover .tit{ background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;}
.hyyyList li:hover{ box-shadow: 0 0 1vw rgba(0,0,0,.15);}
.hyyyList li:first-child{ margin-top: 0;}
.hyyyList li:nth-child(2n) a{ flex-direction: row-reverse;}
.newslist{display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,1fr);}
.newslist li .img{ width: 100%; height: 0; padding-bottom: 66%;}
.newslist li:hover{ background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;}
.newslist li .tit span{
/*text-decoration: underline;
*/background-image: linear-gradient(currentColor 0, currentColor 0);
background-image: linear-gradient(currentColor 0 0);
background-position: 0 calc(100% - 1px);
background-size: 0 1px;
background-repeat: no-repeat;
transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
-webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
-moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
-ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
-o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}
.newslist li:hover .tit span{ background-position: 100% calc(100% - 1px); background-size: 100% 1px}
.newslist li:hover .more{ background: var(--jian); color: #fff; padding: 0 20px;}
.location .icon-youjiantou1{ transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); }
.hyyyArticleLayout{ display: block; }
.hyyyArticleContent{ width: 65%; margin-left: auto; margin-right: auto; }
.newsLeft{ width: 65%;}
.newsRight{ width: 31%;}
.newsRight .tit::after{ height: 1em; width: .06rem; background: var(--jian); display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newsRightUl{ position: sticky; right: 0; top: 15px;}
.newsRightUl a .img{ width: 1.85rem; height: 1.15rem;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 2.04rem);}
.newsRightUl a :hover .line-clamp2{ background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;}
.newsRightUl a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.contactStyleLine{ height: 3px; width: 5%;}
.contactStyle .iconfont{ font-size: 30px; }
/* .yamImg{ max-height: 90%; top: 50%; width: auto; transform: translateY(-50%); right: 2px; z-index: 10;cursor: pointer; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } */
.mapBox{ width: 100% ; height: 600px;}
.yamImg{ position: absolute; right: 1px; top: 10%; height: 80%; z-index: 5;}
.searchlist li:first-child{ margin-top: 0;}
.searchlist li:hover .tit{ background: linear-gradient(90deg, var(--color), var(--green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;}
.searchlist li:hover .round{ background: var(--jian); color: #fff;}
.searchlist li:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .1);}