html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
img {
padding: 0;
margin: 0;
font-weight: 400;
}
p {margin: 0px; padding: 0px;}
body,
button,
input,
select,
textarea {
font: 14px/1.5 'gilroymedium', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial;
color: #333;
}
img {border: 0px;vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0;}
table th,
table td {
/* border: 1px solid #ccc; */
}
*,
:after,
:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat: no-repeat;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
text-decoration: none;
color: #333;
outline: none;
cursor: pointer;
}
a:hover {
background-repeat: no-repeat;
text-decoration: none;
}
a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
cursor: pointer;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input,
textarea,
select {
outline: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
outline-style: none;
-webkit-appearance: none;
resize: none;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
input:-webkit-autofill {
/* 选择历史信息的样式 */
-webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
-webkit-box-flex-color: #333;
}
* { outline: none; margin: 0; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: unset;}
.auto_1600{margin: auto; width: 83.33333333333333vw;}
.auto_1440{margin: auto; width: 75vw;}
.auto_1000{margin: auto; width: 52.08333333333333vw;}
@media(max-width:992px){
.auto_1600,.auto_1440,.auto_1000{width: 90%;}
}
.columns{display: flex;}
.move{display: none;}
.exceed{overflow: hidden;}
.searchClassBox{padding-bottom: 2.604vw;}
.searchClassBox form{display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.searchClassBox .classBtn{ width: 16.667vw;}
.searchClassBox .classBtn #faqClass{width: 100%; height: 2.604vw;border-radius: 2.604vw;font-size: 0.729vw; padding: 0vw 1.042vw; border: 0.052vw solid #eee; justify-content: space-between; display: flex; align-items: center; color: #333; }
.searchClassBox .classBtn #faqClass i{font-size: 0.833vw;}
.searchClassBox .faqSearch{width: 21.875vw;position: relative; margin-left: 1.042vw;}
.searchClassBox .faqSearch input{width: 100%; height: 2.604vw; border-radius: 2.604vw; font-size: 0.729vw; padding: 0vw 2.083vw 0vw 1.042vw; border: 0.052vw solid #eee;}
.searchClassBox .faqSearch button{position: absolute; right: 0vw; top: 0vw; height: 100%; background: none; border: none; width: 3.125vw; font-size: 1.146vw; color: #333;}
#grid .noData{font-size: 1.042vw; line-height: 2.604vw; text-align: center; width: 100%;}
@media(max-width:992px){
.pc{display: none !important;}
.move{display: block;}
.searchClassBox{padding-bottom: 3.125vw;}
.searchClassBox .classBtn{ width: 20vw;}
.searchClassBox .classBtn #faqClass{width: 100%; height: 3.125vw;border-radius: 3.125vw;font-size: 0.875vw; padding: 0vw 1.25vw; }
.searchClassBox .classBtn #faqClass i{font-size: 1vw;}
.searchClassBox .faqSearch{width: 26.25vw; margin-left: 1.25vw;}
.searchClassBox .faqSearch input{width: 100%; height: 3.125vw; border-radius: 3.125vw; font-size: 0.875vw; padding: 0vw 1.875vw 0vw 1.25vw;}
.searchClassBox .faqSearch button{ width: 2.5vw; font-size:1.125vw;}
#grid .noData{font-size: 16px; line-height: 30px;}
}
@media(max-width:768px){
.searchClassBox{padding-bottom: 20px;}
.searchClassBox .classBtn{ width: 100%;}
.searchClassBox .classBtn #faqClass{width: 100%;font-size: 14px; height:40px;border-radius: 40px; padding: 0px 20px; }
.searchClassBox .classBtn #faqClass i{font-size: 14px;}
.searchClassBox .faqSearch{width: 100%; margin-top: 10px; margin-left: 0px;}
.searchClassBox .faqSearch input{width: 100%; height: 40px; border-radius: 40px; font-size: 14px; padding: 0px 30px 0px 20px;}
.searchClassBox .faqSearch button{ width: 40px; font-size:18px;}
}
.image{overflow: hidden;}
.image img{transition: 1s;}
/*强制去除表单自带的样式*/
select,input,textarea {border-radius: 0;-webkit-border-radius: 0;color: #878787;font-family: Arial;}
input:focus {outline: none;}
input,button,select,textarea {outline: none;
/*-webkit-appearance:none; */}
input:-webkit-autofill{
box-shadow: 0 0 0 1000px white inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
-webkit-text-fill-color: #999 !important;
-webkit-transition: background-color 99999999s ease-in-out 0s !important;
-o-transition: background-color 99999999s ease-in-out 0s !important;
transition: background-color 99999999s ease-in-out 0s !important
}
textarea {resize: none;/*-webkit-appearance:none; */}
textarea,input,select {background: none;border: none;margin: 0;padding: 0;}
img {display: block;max-width: 100%;width: 100%}
li {list-style: none;}
/* 分页 */
.layui-box {
/* margin-bottom: 6.25vw; */
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center ;
margin: 0;
}
.layui-box em {
font-style: normal
}
.layui-box a,
.layui-box .layui-laypage-curr {
width: 40px;
height: 40px;
display: block;
line-height: 40px;
text-align: center;
font-size: 12px;
color: rgba(102, 102, 102, 1);
margin: 0 10px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
font-weight: bold;
/* background-color: #ebebeb */
}
.layui-box a:hover,
.layui-box .layui-laypage-curr:hover {
color: #fff !important;
background-color: rgba(0, 114, 188, 1);
border: solid 1px rgba(0, 114, 188, 1)
}
.layui-box .layui-laypage-curr {
color: #fff;
border: solid 1px rgba(0, 114, 188, 1);
background-color: rgba(0, 114, 188, 1)
}
.layui-box .layui-laypage-prev,
.layui-box .layui-laypage-next,
.layui-box .layui-laypage-last,
.layui-box .layui-laypage-first {
line-height: 40px;
margin: 0 10px
}
.layui-box .layui-laypage-next {
margin-left: 17px
}
.layui-box .layui-laypage-prev {
margin-right: 17px
}
.module_HL1GBCD1 .pageMain{padding: xsPaddingTop; overflow: hidden; position: relative; background: mainBgColor;}
.module_HL1GBCD1 .pageMain .commonMain{ max-width: var(--content-Wdith); margin: 0px auto; padding:0px 20px;}
.module_HL1GBCD1 .pageMain #pagination{text-align: center; display: none;}
.module_HL1GBCD1 .pageMain #pagination a{
height: 30px; line-height: 30px; width: 30px; padding: 0px; margin: 0px 4px; position: relative; border: none; font-size: 14px;
border: 1px solid rgba(0, 0, 0, .2);
border: 0;
border-radius: .416667vw;
}
.module_HL1GBCD1 .pageMain #pagination a:hover{color: #fff; background-color: #10ABCA;}
.module_HL1GBCD1 .pageMain #pagination a:hover .icon-zuojiantou,
.module_HL1GBCD1 .pageMain #pagination a:hover .icon-youjiantou{color: #fff;}
.module_HL1GBCD1 .pageMain #pagination a .icon-zuojiantou,
.module_HL1GBCD1 .pageMain #pagination a .icon-youjiantou{color: rgba(102, 102, 102, 1);}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: .78125vw;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: .78125vw;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{border-radius: .416667vw; height: 30px; line-height: 30px; width: 30px;font-size: 14px; border: none; padding: 0px; margin: 0px .390625vw; font-weight: 600;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: .416667vw; color: #fff;
background: #10ABCA;}
.module_HL1GBCD1 .pageMain .loadMore{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.module_HL1GBCD1 .pageMain .loadMore a{display: -webkit-box;display: -webkit-flex;
display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center;
-ms-flex-align: center; align-items: center; -webkit-transition: .8s ease; -o-transition: .8s ease; -moz-transition: .8s ease;
transition: .8s ease; font-size: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center;
-ms-flex-pack: center; justify-content: center; color: rgba(102, 102, 102, 1); width: 110px; border-radius: 45px; height: 30px;
border: 2px solid #00AECE;}
.module_HL1GBCD1 .pageMain .loadMore a .icon{ margin-left: 10px; width: 12px; height: 13px; -webkit-transition: .6s ease; -o-transition: .6s ease; -moz-transition: .6s ease; transition: .6s ease; background-position: 0px -14px; background-repeat: no-repeat;
/* background-image: url(xsloadmoreIcon); */
display: none;}
.module_HL1GBCD1 .pageMain .loadMore a:hover{background:#00AECE; color: #fff;}
.module_HL1GBCD1 .pageMain .loadMore a:hover .icon{background-position: 0px 0px;}
.module_HL1GBCD1 .pageMain .loadMore a {
margin: 30px 0 0;
}
@media (min-width:768px) {
.module_HL1GBCD1 .pageMain{padding: mdPaddingTop;}
.module_HL1GBCD1 .pageMain .commonMain{ max-width: mdContentWidth;}
.module_HL1GBCD1 .pageMain #pagination{display: block;}
.module_HL1GBCD1 .pageMain #pagination a{ height: 2.5vw; line-height: 2.5vw; width: 2.5vw; margin: 0px .390625vw ;font-size: .677083vw;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 2.5vw; line-height: 2.5vw; width: 2.5vw;font-size: .885417vw;}
/* .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;} */
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: .78125vw;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: .78125vw;}
.module_HL1GBCD1 .pageMain .loadMore{display: none;}
}
@media (min-width:1200px) {
/* .module_HL1GBCD1 .pageMain{padding: lgPaddingTop;}
.module_HL1GBCD1 .pageMain .commonMain{ max-width: lgContentWidth;} */
/* .module_HL1GBCD1 .pageMain #pagination a{ height: 48px; line-height: 48px; width: 48px; margin: 0px 4px;font-size: 14px;} */
/* .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 48px; line-height: 48px; width: 48px;font-size: 18px;} */
/* .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;} */
/* .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 16px;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 16px;} */
}
/* 分页 */
@-webkit-keyframes amplify {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes amplify {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.bgimage img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
/* 按钮 */
.SeeMore{
width: 7.291667vw;
height: 2.395833vw;
line-height: 2.395833vw;
background: #FFFFFF;
border-radius: 50px;
font-size: var(--font-size14);
font-weight: 400;
color: #333333;
display: block;
text-align: center;
}
.SeeMore:hover{
background: rgba(16, 171, 202, 1);
color: #fff;
}
@media (max-width:992px) {
.SeeMore {
width: 100px;
height: 35px;
line-height: 35px;
}
}
/* 按钮 */
/* 触摸放大 */
.amplify:hover .image img{
transform: scale(1.05);
}
/* 触摸放大 */
/* 轮播图圆点 */
.slick-dots {
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0px 5px;
}
.slick-dots li button {
background: #0071bc3f;
display: block;
font-size: 0;
padding: 4px;
border: 0;
border-radius: 50px;
}
li.slick-active button {
background: #0071bc;
}
/* 轮播图圆点 */
/* 弹窗 */
.tanchuang{
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgb(0 0 0 / 30%);
visibility: hidden;
opacity: 0;
transition: .5s;
}
.tanchuang.on{
visibility: unset;
opacity: 1;
transition: .5s;
}
/* 弹窗 */
.title{
font-size: var(--font-size48);
font-weight: 600;
line-height: 1.3;
color: #021B39;
}
.title p{
font-size: var(--font-size48);
font-weight: 600;
line-height: 1.2;
color: #021B39;
}
html{
--font-size12:.625vw;
--font-size13:.677083vw;
--font-size14:0.7291666666666667vw;
--font-size15:.78125vw;
--font-size16:0.8333333333333333vw;
--font-size17:0.8854166666666667vw;
--font-size18:0.9375vw;
--font-size20:1.041666666666667vw;
--font-size21:1.09375vw;
--font-size22:1.145833333333333vw;
--font-size24:1.25vw;
--font-size26:1.354166666666667vw;
--font-size28:1.458333333333333vw;
--font-size30:1.5625vw;
--font-size32:1.666666666666667vw;
--font-size34:1.770833vw;
--font-size36:1.875vw;
--font-size38:1.979167vw;
--font-size40:2.083333333333333vw;
--font-size44:2.291667vw;
--font-size46:2.395833333333333vw;
--font-size48:2.5vw;
--font-size50:2.604167vw;
--font-size53:2.760417vw;
--font-size54:2.8125vw;
--font-size56:2.916666666666667vw;
--font-size90:4.6875vw;
}
@media(max-width:992px){
html{
--font-size12:12px;
--font-size13:12px;
--font-size14:12px;
--font-size15:12px;
--font-size16:13px;
--font-size17:14px;
--font-size18:14px;
--font-size20:15px;
--font-size21:16px;
--font-size22:16px;
--font-size24:18px;
--font-size26:18px;
--font-size28:18px;
--font-size30:18px;
--font-size32:18px;
--font-size34:18px;
--font-size36:18px;
--font-size38:18px;
--font-size40:18px;
--font-size44:20px;
--font-size46:20px;
--font-size48:20px;
--font-size50:24px;
--font-size53:20px;
--font-size54:20px;
--font-size56:20px;
--font-size90:22px;
}
}
.banner {
position: relative;
overflow: hidden;
}
.banner .control {
position: absolute;
bottom: 3.125vw;
left: 0;
width: 100%;
z-index: 5;
color: #fff;
}
.banner .control .columns {
align-items: center;
cursor: pointer;
}
.banner .control .SCROLLDOWN{
display: flex;
align-items: center;
margin: 0 3.125vw 0 0 ;
font-size: var(--font-size13);
}
.banner .control .SCROLLDOWN .image{
width: 2.65625vw;
height: 2.65625vw;
border: 1px solid rgba(255, 255, 255, .4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 .520833vw 0 0 ;
}
.banner .control .SCROLLDOWN .image img{
width: .885417vw;
animation: translateY 2s infinite;
-webkit-animation: translateY 2s infinite;
animation-timing-function:linear;
transform: translateY(-5px);
}
.banner .control .swiper-pagination{
position: unset;
width: 6.770833vw;
}
.banner .control .swiper-pagination .pagination {
padding: 0 1.5625vw;
display: flex;
align-items: center;
justify-content: space-between;
}
.banner .control .Pause{
width: .833333vw;
height: .833333vw;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin: .052083vw 0 0 1.145833vw;
}
.banner .control .Pause i{
font-size: var(--font-size28);
}
.banner .list .columns{
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 14.84375vw 0 0 ;
display: none;
animation: fadeInUp 3s;
-webkit-animation: fadeInUp 3s;
}
.banner .list.on .columns {
display: flex;
}
.banner .list .columns .intro{
font-size: var(--font-size53);
font-weight: 300;
color: #FFFFFF;
line-height: 1.3;
}
.banner .list .columns .title{
font-size: var(--font-size50);
color: #FFFFFF;
}
.banner .list .columns .Htitle{
font-size: var(--font-size50);
color: #FFFFFF;
font-weight: 600;
background: linear-gradient(350deg , #80c0fa 35%, white 50%);
color: transparent;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
max-width: max-content;
max-width:34vw;
}
.banner .list .SeeMore{
margin: 3.125vw 0 0 ;
}
.banner .control .button-prev,
.banner .control .button-next{
width: 1.197917vw;
}
@media(max-width:992px){
.banner .list .columns {
padding: 110px 0 0 0;
text-align: center;
}
.banner .list .columns .Htitle{
margin: auto;
max-width: 100%;
}
.banner .list .columns .title {
line-height: unset;
}
.banner .list .SeeMore{
margin: 30px auto 0;
}
.banner .control {
bottom: 25px;
}
.banner .control .columns{
padding: 0 10px;
}
.banner .control .SCROLLDOWN .image{
width: 40px;
height: 40px;
margin: 0 10px 0 0;
}
.banner .control .SCROLLDOWN .image img{
width: 14px;
}
.banner .control .swiper-pagination {
width: 100px;
padding: 0 10px;
}
.banner .control .Pause {
width: 18px;
height: 18px;
margin: 2px 0 0 10px;
}
.banner .control .Pause i {
font-size: 28px;
}
.banner .control .SCROLLDOWN{
flex: 1;
}
.banner .control .button-prev,
.banner .control .button-next{
width: 20px;
}
}
.slogan {
position: relative;
padding: 5.416667vw 0;
}
.slogan .columns{
align-items: center;
justify-content: space-between;
}
.slogan .columns span:nth-child(1){
font-size: var(--font-size36);
font-weight: 400;
color: #FFFFFF;
padding: 0 0 1.041667vw ;
display: block;
line-height: 1;
}
.slogan .columns span:nth-child(2){
font-size: var(--font-size18);
font-weight: 400;
color: #FFFFFF;
opacity: 0.5;
}
.slogan .SeeMore{
background: unset;
color: #fff;
border: 1px solid #fff;
}
.slogan .SeeMore:hover{
background: rgba(16, 171, 202, 1);
border: 1px solid #ffffff00;
}
@media(max-width:992px){
.slogan {
padding: 35px 0;
text-align: center;
}
.slogan .columns {
display: block;
}
.slogan .columns span:nth-child(1) {
padding: 0 0 10px;
font-size: 20px ;
}
.slogan .SeeMore{
margin: 25px auto 0;
background: rgba(16, 171, 202, 1);
border: 1px solid #ffffff00;
}
}
.Mainbottom {
position: relative;
}
.Mainbottom .columns {
padding: 5.208333vw 0 8.333333vw;
justify-content: space-between;
}
.Mainbottom .columns>div:nth-child(1) span:nth-child(1),
.Mainbottom .columns>div:nth-child(1) span:nth-child(3){
font-size: var(--font-size16);
font-weight: 400;
color: #FFFFFF;
opacity: 0.5;
}
.Mainbottom .columns>div:nth-child(1) span:nth-child(2){
font-size: var(--font-size32);
font-weight: bold;
color: #FFFFFF;
padding: 1.041667vw 0 2.604167vw;
display: block;
line-height: 1;
}
.Mainbottom .DetailShare{
margin: .833333vw 0 0;
position: relative;
}
.Mainbottom .DetailShare a{
position: unset;
}
.Mainbottom .DetailShare a p{
position: absolute;
bottom: 130%;
width: 5.729167vw;
display: none;
}
.Mainbottom .DetailShare a p img{width: 100%; display: block;}
.Mainbottom .DetailShare a p::after{
content: '';
position: absolute;
border-left: 0.417vw solid transparent;
border-right: 0.417vw solid transparent;
border-top: 0.417vw solid #fff;
bottom: -0.365vw;
left: 0.729vw;
}
.Mainbottom .DetailShare a:hover p{
display: block;
}
.Mainbottom .columns ul{
display: flex;
}
.Mainbottom .columns ul li:not(:last-child){
margin: 0 5.208333vw 0 0;
}
.Mainbottom .columns ul li:nth-child(1){
margin: 0 3.385417vw 0 0;
}
.Mainbottom .columns ul li a{
font-size: var(--font-size15);
font-weight: 400;
color: #FFFFFF;
line-height: 1;
opacity: 0.3;
display: block;
}
.Mainbottom .columns ul li a:not(:last-child){
margin: 0 0 .677083vw;
}
.Mainbottom .columns ul li a:nth-child(1){
font-size: var(--font-size16);
color: #FFFFFF;
opacity: 1;
margin: 0 0 1.770833vw;
}
.Mainbottom .columns ul li a:hover{
opacity: 0.6;
}
.copyright {
padding: 1.822917vw 0 2.395833vw;
text-align: center;
/* display: flex;
align-items: center; */
border-top: 1px solid rgba(176, 176, 176, .1);
}
.copyright span,
.copyright a{
font-size: var(--font-size16);
color: #FFFFFF;
opacity: 0.3;
}
.copyright a:hover{
opacity: 0.6;
}
@media(max-width:992px){
.copyright{
padding: 15px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
.indexSolution {position: relative;}
.indexSolution dl dd svg {
display: none;
}
.indexSolution dl dd.on svg{
display: block;
position: absolute;
top: 0vw;
left: 0vw;
width: calc(100%);
height: calc(100%);
fill: none;
stroke: var(--vi-color);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
stroke-width: 5px;
stroke-dasharray: 167;
/* position: relative; */
animation: mySvg 5s ;
-webkit-animation: mySvg 5s ;
animation-timing-function:linear;
}
@-webkit-keyframes mySvg {
0% {
stroke-dashoffset: 167;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes mySvg {
0% {
stroke-dashoffset: 167;
}
100% {
stroke-dashoffset: 0;
}
}
.indexSolution ul li .text{
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 7.8125vw 0 0;
text-align: center;
display: none;
}
.indexSolution ul li.on .text{
display: block;
animation: scale1 1s ;
-webkit-animation: scale1 1s ;
animation-timing-function:ease;
}
@-webkit-keyframes scale1 {
0% {
opacity: 0.3;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes scale1 {
0% {
opacity: 0.3;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.indexSolution ul li .title{
font-size: var(--font-size30);
font-weight: 600;
color: #FFFFFF;
line-height: 1;
padding: 0 0 1.510417vw;
}
.indexSolution ul li .intro{
font-size: var(--font-size48);
font-weight: 600;
color: #FFFFFF;
padding: 0 0 2.083333vw;
line-height: 1;
}
.indexSolution ul li .SeeMore{
width: 5.520833vw;
background: #10ABCA;
color: #FFFFFF;
margin: 0 auto;
}
.indexSolution ul li .SeeMore:hover{
opacity: .8;
}
.indexSolution .list{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
justify-content: center;
padding: 0 0 4.166667vw;
z-index: 1;
}
.indexSolution .list dd .title{
font-size: var(--font-size14);
color: #FFFFFF;
line-height: 1;
opacity: 0.3;
text-align: center;
padding: .416667vw 0 0;
}
.indexSolution .list dd.on .title{
opacity: .8;
}
.indexSolution .list dd .image{
position: relative;
width: 4.0625vw;
height: 4.0625vw;
border-radius: 50%;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
.indexSolution .list dd.on .image::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 50%;
border: .416667vw solid rgba(255, 255, 255, .1);
}
.indexSolution .list dd .image img{
max-width: 2.083333vw;
max-height: 1.770833vw;
width: auto;
}
.indexSolution .list dd .image img:nth-child(3){
display: none;
}
.indexSolution .list dd.on .image img:nth-child(2){
display: none;
}
.indexSolution .list dd.on .image img:nth-child(3){
display: block;
}
.indexSolution .list dl{
max-width: 44.270833vw;
margin: auto;
position: relative;
overflow: hidden;
cursor: pointer;
}
.indexSolution .list dl::after{
position: absolute;
left: 10%;
top: 36%;
content: '';
width: 80%;
height: 1px;
border: 1px dashed rgba(229, 229, 229, .2);
z-index: 1;
}
@media(max-width:992px){
.indexSolution .list dl{
max-width: 100%;
}
.indexSolution .list dd .image{
width: 46px;
height: 46px;
}
.indexSolution .list dd .image img{
max-width: 50%;
max-height: 40%;
width: auto;
}
.indexSolution .list dd .title{
padding: 8px 0 0;
}
.indexSolution ul li .SeeMore{
width: 100px;
}
.indexSolution ul li .intro{
line-height: unset;
padding: 15px 0 20px;
}
.indexSolution ul li .text{
padding: 60px 0 0;
}
.indexSolution ul li .title{
padding: 0;
font-size: 16px;
}
.indexSolution .list{
padding: 0 0 25px;
}
}
.indexProduct {
padding: 3.125vw 0 5.208333vw ;
}
.indexProduct .title{
font-size: var(--font-size30);
font-weight: 600;
color: #021B39;
line-height: 1;
text-align: center;
}
.indexProduct .intro{
font-size: var(--font-size48);
font-weight: 600;
color: #021B39;
text-align: center;
line-height: 1.3;
padding: 1.5625vw 0 1.979167vw;
}
.indexProduct .SeeMore{
width: 5.520833vw;
background: #10ABCA;
color: #FFFFFF;
margin: 0 auto;
}
.indexProduct .SeeMore:hover{
opacity: .8;
}
.indexProduct ul {
padding: 3.333333vw 0 0;
position: relative;
}
@media(min-width:992px){
.indexProduct ul .swiper-wrapper{
display: grid;
grid-template-columns: 36.875vw auto auto;
grid-gap: 1.25vw;
}
.indexProduct ul li:nth-child(1){
grid-row-start: 1;
grid-row-end: 3;
}
}
.indexProduct ul li{position: relative;}
.indexProduct ul li .image{
border-radius: .9375vw;
}
.indexProduct ul .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 2.083333vw;
}
.indexProduct ul .text .Htitle {
font-size: var(--font-size18);
font-weight: 600;
color: #FCFCFD;
}
.indexProduct ul .text .Hintro {
font-size: var(--font-size30);
font-weight: 300;
color: #FCFCFD;
line-height: 1;
padding: 1.041667vw 0 0 ;
}
.indexProduct ul li:nth-child(1) .text .Hintro{
font-size: var(--font-size36);
padding: 1.25vw 0 0;
}
.indexProduct ul li:nth-child(4) .text .Htitle ,
.indexProduct ul li:nth-child(5) .text .Htitle,
.indexProduct ul li:nth-child(4) .text .Hintro ,
.indexProduct ul li:nth-child(5) .text .Hintro{
color: #021B39;
}
@media(max-width:992px){
.indexProduct {
padding: 45px 0;
}
.indexProduct .SeeMore{
width: 100px;
}
.indexProduct .intro{
padding: 15px 0 20px;
}
.indexProduct ul{
padding: 35px 0 0;
overflow: hidden;
}
.indexProduct ul .text{
padding: 25px;
}
.indexProduct ul .text .Hintro{
padding: 8px 0 0 ;
}
.indexProduct .swiper-pagination{
position: unset;
padding: 20px 0 0;
line-height: 1;
}
.indexProduct ul li .image{
border-radius: 9px;
}
.indexProduct .title{
font-size: 16px;
}
}
.indexNews {
padding: 6.25vw 0 7.291667vw;
position: relative;
}
.indexNews ul li a{
padding: .625vw .520833vw;
display: flex;
flex-direction: column;
height: 28.541667vw;
position: relative;
background: #FFFFFF;
border-radius: .9375vw;
overflow: hidden;
}
.indexNews ul li .image{
border-radius: .416667vw;
position: relative;
z-index: 2;
}
.indexNews ul li .Htitle{
font-size: var(--font-size21);
color: #021B39;
line-height: 1.5;
padding: 1.822917vw .520833vw 2.083333vw;
flex: 1;
transition: .5s;
position: relative;
z-index: 2;
}
.indexNews ul li .date{
display: flex;
align-items: flex-end;
width: 100%;
font-size: var(--font-size14);
color: #021B39;
line-height: 1;
padding: 0 .520833vw;
position: relative;
z-index: 2;
/* flex: 1 ; */
transition: .5s;
margin: 0 0 3.020833vw;
}
.indexNews ul li .date img{
width: .729167vw;
margin: 0 -0.260417vw 0 0;
}
.indexNews ul li .date span{
margin: 0 .572917vw;
}
.indexNews ul li .browse{
display: flex;
align-items: flex-end;
/* position: relative; */
z-index: 2;
transition: 0s;
}
.indexNews ul li .browse span{
position: absolute;
bottom: .625vw;
width: calc(100% - (.520833vw * 2) );
text-align: center;
line-height: 2.395833vw;
height: 2.395833vw;
background: rgba(255, 255, 255, .2);
font-size: var(--font-size14);
color: #fff;
display: block;
border-radius: .416667vw;
transition: 0s;
}
@media(min-width:992px){
.indexNews ul li a{
opacity: .6;
transition: .5s;
}
.indexNews ul li.on a{
opacity: 1;
transition: .5s;
}
}
.indexNews ul li a::before{
content: '';
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(180deg, #D8F3F8, rgba(0, 174, 206, 1) 100%);
z-index: -1;
height: 0;
transition: .5s;
border-radius: .9375vw;
z-index: 1;
}
.indexNews ul li a:hover:before{
top: 0;
height: 100%;
transition: .5s;
}
.indexNews ul li a:hover{
box-shadow: 0px 7px 16px 0px rgba(59,158,189,0.5);
background: unset;
}
.indexNews ul li a:hover .Htitle{
transition: .5s;
flex: unset;
color: #fff;
}
.indexNews ul li a:hover .date{
align-items: flex-start;
color: #fff;
transition: .5s;
}
.indexNews ul li a:hover .date img{
filter: grayscale(100%) brightness(1000%);
}
.indexNews .columns {
justify-content: space-between;
padding: 0 0 3.125vw;
align-items: center;
}
.indexNews .columns .title{
font-size: var(--font-size30);
color: #021B39;
line-height: 1;
padding: 0 0 1.5625vw;
}
.indexNews .columns .intro{
font-size: var(--font-size48);
font-weight: 600;
color: #021B39;
line-height: 1;
opacity: 0.95;
}
.indexNews .swiper-pagination {
position: unset ;
padding: 0 1.041667vw;
display: flex;
}
.indexNews .swiper-pagination-bullet {
width: .3125vw;
height: .3125vw;
margin: 0 .182292vw;
}
.indexNews .swiper-pagination-bullet{
background: rgba(16, 171, 202, 1);
}
.indexNews .columns >div:nth-child(2){
display: flex;
align-items: center;
}
.indexNews .columns >div i{
width: 3.4375vw;
height: 3.4375vw;
background: #FFFFFF;
border-radius: 50px;
font-size: var(--font-size24);
color: rgba(16, 171, 202, 1);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.indexNews .columns >div i:hover{
background: rgba(16, 171, 202, 1);
color: #FFFFFF;
}
@media(max-width:992px){
.indexNews {
padding: 40px 0;
}
.indexNews ul {
padding: 0 calc(125px - 5%) 0 0;
}
.indexNews .swiper-pagination-bullet {
width: 8px;
height: 8px;
}
.indexNews .swiper-pagination1 {
width: calc(100% + 125px - 5%);
text-align: center;
padding: 30px 0 0;
}
.indexNews .columns .title{
font-size: 16px;
text-align: center;
padding: 0 0 15px;
}
.indexNews .columns{
justify-content: center;
padding: 0 0 40px;
}
.indexNews ul li a{
min-height: 380px;
padding: 10px;
border-radius: 8px;
}
.indexNews ul li .browse span{
width: calc(100% - 10%);
height: 35px;
line-height: 35px;
border-radius: 5px;
bottom: 10px;
}
.indexNews ul li .Htitle {
padding: 20px 5px;
}
.indexNews ul li .date img {
width: 15px;
margin: 0 0 0;
}
.indexNews ul li .date {
font-size: 13px;
margin: 0 0 45px;
}
.indexNews ul li .date span {
margin: 0 5px;
}
}
.indexAbout {
padding: 7.8125vw 0 9.114583vw;
position: relative;
overflow: hidden;
min-height: 100vh;
}
.indexAbout .text{
max-width: 34.375vw;
position: relative;
z-index: 10;
}
.indexAbout .title{
font-size: var(--font-size30);
color: #021B39;
}
.indexAbout .Htitle{
padding: 1.302083vw 0 2.34375vw;
}
.indexAbout .Htitle p {
font-size: var(--font-size40) !important;
font-weight: 600 !important;
color: #021B39;
line-height: 1.4 !important;
}
.indexAbout .Htitle p:nth-of-type(2) {
font-size: var(--font-size36) !important;
}
.indexAbout .intro{
font-size: var(--font-size16);
font-weight: 400;
color: #65666C;
}
.indexAbout ul {
display: flex;
flex-wrap: wrap;
/* width: 25.104167vw; */
padding: 5.208333vw 0 0;
}
.indexAbout ul li{
display: flex;
align-items: center;
min-width: 11.770833vw;
}
.indexAbout ul li:nth-child(1),
.indexAbout ul li:nth-child(2){
padding: 0 0 2.083333vw;
}
.indexAbout ul li:nth-child(3),
.indexAbout ul li:nth-child(4){
padding: 2.083333vw 0 0 ;
border-top: 1px solid rgba(228, 228, 228, .5);
}
.indexAbout ul li:nth-child(1) .image,
.indexAbout ul li:nth-child(3) .image {
min-width: 3.645833vw;
}
.indexAbout ul li:nth-child(1) ,
.indexAbout ul li:nth-child(3) {
border-right: 1px solid rgba(228, 228, 228, .5);
}
.indexAbout ul li:nth-child(2) .image,
.indexAbout ul li:nth-child(4) .image {
min-width: 5.416667vw;
}
.indexAbout ul li .image img{
width: auto;
max-width: 3.125vw;
margin: 0 auto;
}
.indexAbout ul li span{
font-size: var(--font-size14);
font-weight: 400;
color: #65666C;
opacity: 0.9;
display: block;
}
.indexAbout ul li span:nth-child(1) b{
font-size: var(--font-size26);
font-weight: bold;
color: #021B39;
}
.indexAbout .FastRefreshBox {
position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9;
display: flex;
align-items: center;
justify-content: center;
}
/* .indexAbout .FastRefreshBox img{visibility: hidden;} */
.FastRefresh,
.FastRefresh>section,
.FastRefresh>section dl,
.FastRefresh>section dl dd,
.FastRefresh>section dl dd img {
width: 100%;
height: 100%;
object-fit: cover;
}
.indexAbout .text.on .title,
.indexAbout .text.on .Htitle ,
.indexAbout .text.on .intro ,
.indexAbout .text.on ul li span:nth-child(1) b,
.indexAbout .text.on ul li span,
.indexAbout .text.on .Htitle p,
.indexAbout .text.on .Htitle span
{
color: #fff !important
;
}
@media(max-width:992px){
.indexAbout{
padding: 40px 0 300px;
}
.indexAbout .text{
max-width: 100%;
}
.indexAbout .title{
text-align: center;
}
.indexAbout .Htitle{
text-align: center;
padding: 20px 0;
line-height: unset;
}
.indexAbout .SeeMore {
background: #10ABCA;
color: #FFFFFF;
margin: 0 auto;
}
.indexAbout ul{
padding: 30px 0 40px;
}
.indexAbout ul li{
width: 50%;
padding: 20px 10px 20px 20px !important;
}
.indexAbout ul li .image img {
max-width: 40px ;
margin: 0 15px 0 0;
}
}
.banner_{
position: relative;
z-index: 9;
}
.banner_ .text{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 17.1875vw 0 0;
}
.banner_ .text img{
max-width: 21.875vw;
}
.banner_ .text .title{
color: #FFFFFF;
margin: -.260417vw 0 0;
}
.banner_ .text .title{
color: #FFFFFF;
margin: -.260417vw 0 0;
}
.banner_ .crumbs {
position: absolute;
width: 100%;
left: 0;
bottom: 2.083333vw;
}
.banner_ .crumbs .columns{
align-items: center;
}
.banner_ .crumbs .columns i{
color: #ffffff99;
margin: .104167vw 0.260417vw 0;
font-size: var(--font-size14);
}
.banner_ .crumbs .columns a{
font-size: var(--font-size14);
color: #ffffff99;
}
.banner_ .crumbs .columns a:last-child{
color: #ffffff;
}
.banner_ .image img{
animation: amplify 8s infinite;
-webkit-animation: amplify 8s infinite;
animation-timing-function:linear;
}
@media(max-width:992px){
.banner_ .image img{
min-height: 250px;
object-fit: cover;
}
.banner_ .text{
padding: 10px 0 0;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.banner_ .text img {
width: 200px;
margin: auto;
max-width: unset;
}
.banner_ .text .title{
margin: 10px 0 0 ;
}
.banner_ .crumbs .columns{
display: none;
}
}
/* xwe */
.module_zl6cOKfDVksL .newsListMain {
padding: var(--padding);
overflow: hidden;
position: relative;
background-image: url(//res.module.kaolasz.top/images/zl6cOKfDVksL/news004_01.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background: rgba(209, 235, 249, .3);
}
/* .module_zl6cOKfDVksL .newsListMain .commonMain {
max-width: var(--content-Wdith);
margin: 0px auto;
padding: 0px 20px;
} */
.module_zl6cOKfDVksL .newsListMain .newsImgListBox {
display: flex;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList {
flex: 1;
overflow: hidden;
position: relative;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide {
position: relative;
overflow: hidden;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide .imgBox {
position: relative;
overflow: hidden;
padding-top: 52%;
border-radius: 15px;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide .imgBox img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: .8s ease;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide .content {
padding-top: 15px;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide .content .title {
font-size: 16px;
color: #333;
line-height: unset;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide .content .time {
padding-top: 10px;
font-size: 14px;
color: #b0b0b0;
display: flex;
align-items: center;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide .content .time img {
width: 14px ;
margin: 0 10px 0 0;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .newsImgListPage {
display: none;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide:hover img {
transform: scale(1.1);
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .newsImgListPage {
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .newsImgListPage span {
background: #cccccc;
opacity: 1;
margin: 0px 3px
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .newsImgListPage span.swiper-pagination-bullet-active {
background: var(--vi-color);
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText {
width: 28%;
min-height: 300px;
/* padding: 10px 0px; */
margin-left: 80px;
display: none;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list {
border-bottom: 1px solid #ebe5e5;
position: relative;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a {
padding: 30px 0px;
display: block;
position: relative;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list::after {
content: '';
display: block;
bottom: -1px;
left: 0px;
width: 0px;
height: 2px;
position: absolute;
background: var(--vi-color);
transition: .8s ease;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .title {
font-size: 18px;
line-height: 28px;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #57585D;
font-weight: 600;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .time img {
width: 12px;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .time {
margin-top: 15px;
font-size: 14px;
color: #57585D;
display: flex;
align-items: center;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list.cur::after {
width: 100%;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list.cur a .title {
color: var(--vi-color);
}
/* .module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list:last-child {
border: none;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list:last-child::after {
display: none;
} */
.module_zl6cOKfDVksL .newsListMain .newsList {
display: flex;
flex-wrap: wrap;
margin: 0px 0px;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list {
width: 100%;
margin: 20px 0px 0px;
transform: translate3d(0px, 0px, 1px);
transition: .8s ease;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .imgBox {
position: relative;
padding-top: 50%;
overflow: hidden;
border-radius: 15px;
box-shadow: 0px 15px 15px -20px rgba(0, 0, 0, 0);
transition: .8s ease;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .imgBox img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: .8s ease;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .time {
/* position: absolute; */
position: unset;
left: 10px;
top: 10px;
/* padding: 0px 10px; */
line-height: 1;
font-size: 12px;
color: #57585D;
border-radius: 40px;
/* background-color: rgba(0, 0, 0, 0.15); */
display: flex;
align-items: center;
align-items: flex-start;
padding: 10px 0 ;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .time img{
width: 14px;
margin: 0 10px 0 0 ;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .title {
margin-top: 10px;
font-size: 14px;
line-height: 24px;
height: 48px;
display: -webkit-box;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #021B39;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover {
transform: translate3d(0px, -10px, 1px);
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover .imgBox {
box-shadow: 0px 30px 15px -20px rgba(0, 0, 0, 0.2);
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover .imgBox img {
transform: scale(1.1);
}
.module_zl6cOKfDVksL .module_HL1GBCD1 {
margin: 4.6875vw 0 0 ;
}
@media (min-width:768px) {
.module_zl6cOKfDVksL .newsListMain {
padding: var(--padding-768);
}
/* .module_zl6cOKfDVksL .newsListMain .commonMain {
max-width: var(--content-Wdith-768);
} */
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList {
border-radius: 0.9375vw;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide {
padding-top: 0vw;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide .imgBox {
position: inherit;
overflow: visible;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .swiper-slide .content {
display: none;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText {
margin-left: 5vw;
display: block;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a {
padding: 1.875vw 0vw;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .title {
font-size: .989583vw;
line-height: 1.458333vw;
height: calc(1.458333vw * 2);
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .time {
margin-top: 0.9375vw;
font-size: .729167vw;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .time img {
width: .729167vw;
margin: 0 .520833vw 0 0;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .time {
padding: .885417vw 0 0;
font-size: .729167vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .time img{
width: .729167vw;
margin: 0 .520833vw 0 0;
}
.module_zl6cOKfDVksL .newsListMain .newsList {
margin: 0vw -1.25vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list {
width: calc(50% - 2.5vw);
margin: 6.25vw 1.25vw 0vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .imgBox .time {
left: 0.9375vw;
top: 0.9375vw;
padding: 0vw 1.25vw;
line-height: 2.5vw;
font-size: 0.9375vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .title {
margin-top: 2.5vw;
font-size: 1.125vw;
line-height: 1.8125vw;
height: calc(1.8125vw * 2);
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover {
transform: translate3d(0vw, -1.875vw, 0.0625vw);
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover .imgBox {
box-shadow: 0vw 1.875vw 0.9375vw -1.25vw rgba(0, 0, 0, 0.2);
}
}
@media (min-width:992px) {
.module_zl6cOKfDVksL .newsListMain .newsList {
margin: 0vw -1.0417vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list {
width: calc(33.3333% - 2.083333vw);
margin: 3.125vw 1.0417vw 0vw;
}
}
@media (min-width:1200px) {
.module_zl6cOKfDVksL .newsListMain {
padding: 5.208333vw 0;
}
/* .module_zl6cOKfDVksL .newsListMain .commonMain {
max-width: var(--content-Wdith-1200);
} */
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList {
border-radius: 0.7813vw;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText {
margin-left: 4.1667vw;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a {
padding: 1.5625vw 0vw 1.822917vw;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .title {
font-size: .989583vw;
line-height: 1.4583vw;
height: calc(1.4583vw * 2);
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .time {
margin-top: 0.7813vw;
font-size: 0.7292vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList {
margin: 0vw -1.0417vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list {
width: calc(33.3333% - 2.0833vw);
margin: 3.125vw 1.0417vw 0vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .imgBox .time {
left: 0.7813vw;
top: 0.7813vw;
padding: 0vw 1.0417vw;
line-height: 2.0833vw;
font-size: 0.7813vw;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .title {
margin-top: 1.25vw ;
font-size: .989583vw;
line-height: 1.5104vw;
height: calc(1.5104vw * 2);
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover {
transform: translate3d(0vw, -1.5625vw, 0.0521vw);
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover .imgBox {
box-shadow: 0vw 1.5625vw 0.7813vw -1.0417vw rgba(0, 0, 0, 0.2);
}
}
@media(max-width:992px){
.module_zl6cOKfDVksL .module_HL1GBCD1{
margin: 0;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList .newsImgListPage{
display: block;
position: relative;
bottom: 20px;
z-index: 10;
}
}
.module_70vjNSyHqdmf .newsDetailMain{padding: var(--padding); overflow: hidden; position: relative;}
.module_70vjNSyHqdmf .newsDetailMain .commonMain{ max-width: var(--content-Wdith); margin: 0px auto; padding:0px 20px;}
.module_70vjNSyHqdmf .newsDetailTitleBox{padding: 60px 0px 30px;
/* background-image: url(titleBgImgUrl); */
background-repeat: no-repeat; background-position: center; -o-background-size: cover; background-size: cover;
position: relative;
}
.module_70vjNSyHqdmf .newsDetailTitleBox .commonMain{ max-width: var(--content-Wdith); margin: 0px auto; padding:0px 20px;}
.module_70vjNSyHqdmf .newsDetailTitle{max-width: 900px; margin: 0px auto;}
.module_70vjNSyHqdmf .newsDetailTitle .title{font-size: var(--font-size36); line-height: unset; color: #fff; font-weight: 600; }
.module_70vjNSyHqdmf .newsDetailTitle .time{display: -webkit-box;
display: -webkit-flex;display: -moz-box;display: -ms-flexbox;
display: flex; -webkit-box-align: center; -webkit-align-items: center;
-moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: var(--font-size16);
padding-top: 1.041667vw;}
.module_70vjNSyHqdmf .newsDetailTitle .time .Slash{ padding: 0px 5px; font-weight: 100; color: rgba(255,255,255,0.2);}
.module_70vjNSyHqdmf .newsDetailTitle .time::after{content: ''; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 20px; height: 1px; background: rgba(255,255,255,0.2);}
.module_70vjNSyHqdmf .newsDetailBox{max-width: 52.083333vw; margin: 0px auto;}
.module_70vjNSyHqdmf .newsDetailBox .DetailShare{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.module_70vjNSyHqdmf .newsDetailBox .DetailShare a{display: block; margin-right: 10px; width: 34px; height: 34px; line-height: 34px; text-align: center; vertical-align: middle; color: #000000; border-radius: 100%; font-size: 18px; background: #f4f4f4;}
.module_70vjNSyHqdmf .newsDetailBox .DetailShare a.icon-wechat:hover{ color: #fff; background-color: #04b709;}
.module_70vjNSyHqdmf .newsDetailBox .DetailShare a.icon-weibo:hover{ color: #fff; background-color: #e30e0e;}
.module_70vjNSyHqdmf .newsDetailBox .DetailShare a.icon-qq:hover{ color: #fff; background-color: #2888ff;}
.module_70vjNSyHqdmf .newsDetailBox .newsDetail{padding: 2.604167vw 0 0px; font-size:var(--font-size18); line-height: 1.7;
color: #021B39;}
.module_70vjNSyHqdmf .newsDetailBox .newsDetail img{max-width: 100%; height: auto !important;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle{ padding-top: 20px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:justify; -webkit-justify-content:space-between; -moz-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border-top: 1px solid #e0e0e0;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a{-webkit-transition: .3s ease;-o-transition: .3s ease;-moz-transition: .3s ease;transition: .3s ease; width: 48px; margin-right: 10px; padding:0px 15px; height: 32px; overflow: hidden; border-radius: 32px; border: 2px solid #999999; position: relative; color: #999999; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a div{ position: relative; z-index: 20;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a .prevText, .module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a .nextText{white-space: nowrap; display: none; color: #999999;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a::after{content: ''; opacity: 0; visibility: hidden;-webkit-transition: .8s ease;-o-transition: .8s ease;-moz-transition: .8s ease;transition: .8s ease; z-index: 1; position: absolute; left: -2px; top: -2px;border-radius: 47px; right: -2px; bottom: -2px; background-color: var(--vi-color); background-image: -moz-linear-gradient(17deg, startHoverBgColor 0%, endHoverBgColor 100%); background-image: -o-linear-gradient(17deg, startHoverBgColor 0%, endHoverBgColor 100%); background-image: linear-gradient(73deg, startHoverBgColor 0%, endHoverBgColor 100%);}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a.prevPageBtn:hover{border-color: transparent; width: 100px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a.nextPageBtn:hover{border-color: transparent; width: 100px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover{color: #fff;border-color: transparent;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover::after{opacity: 1; visibility: visible;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .prevText, .module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .nextText{ color: #fff;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .prevText{display: block;margin-left: 10px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .nextText{display: block;margin-right: 10px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:last-child{margin: 0px;}
@media (min-width:768px) {
.module_70vjNSyHqdmf .newsDetailMain{padding: 5.208333vw 0;}
.module_70vjNSyHqdmf .newsDetailMain .commonMain{ max-width: mdContentWidth;}
.module_70vjNSyHqdmf .newsDetailTitleBox{padding: 17.604167vw 0px 3.90625vw;}
.module_70vjNSyHqdmf .newsDetailTitleBox .commonMain{ max-width: mdContentWidth;}
/* .module_70vjNSyHqdmf .newsDetailTitle .title{font-size: mdTitlefont; line-height:mdTitlelineheight;} */
/* .module_70vjNSyHqdmf .newsDetailTitle .time{font-size: mdTimeFont;} */
.module_70vjNSyHqdmf .newsDetailTitle .time .Slash{ padding: 0px 12px;}
.module_70vjNSyHqdmf .newsDetailBox .DetailShare a{margin-right: 10px; width: 34px; height: 34px; line-height: 34px; font-size: 18px;}
/* .module_70vjNSyHqdmf .newsDetailBox .newsDetail{padding: 50px 0px;font-size: mdcontentFont; line-height: mdcontentlineheight;} */
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle{padding-top: 2.083333vw;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: right; -webkit-justify-content: right; -moz-box-pack: right; -ms-flex-pack: right; justify-content: right;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a{padding:0px 24px;width: 66px;margin-right: 10px;height: 47px;border-radius: 47px;font-size: 14px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .prevText{margin-left: 10px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .nextText{margin-right: 10px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a.prevPageBtn:hover{width: 118px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a.nextPageBtn:hover{width: 118px;}
}
@media (min-width:1200px) {
/* .module_70vjNSyHqdmf .newsDetailMain{padding: lgPadding;} */
.module_70vjNSyHqdmf .newsDetailMain .commonMain{ max-width: lgContentWidth;}
/* .module_70vjNSyHqdmf .newsDetailTitleBox{padding: 290px 0px 100px;} */
.module_70vjNSyHqdmf .newsDetailTitleBox .commonMain{ max-width: lgContentWidth;}
/* .module_70vjNSyHqdmf .newsDetailTitle .title{font-size: lgTitlefont; line-height: lgTitlelineheight;} */
/* .module_70vjNSyHqdmf .newsDetailTitle .time{font-size:lgTimeFont;} */
.module_70vjNSyHqdmf .newsDetailTitle .time .Slash{ padding: 0px 12px;}
.module_70vjNSyHqdmf .newsDetailBox .DetailShare a{margin-right: 10px; width: 34px; height: 34px; line-height: 34px; font-size: 18px;}
/* .module_70vjNSyHqdmf .newsDetailBox .newsDetail{padding: 50px 0px;font-size: lgcontentFont; line-height: lgcontentlineheight;} */
/* .module_70vjNSyHqdmf .newsDetailBox .prevNextArticle{padding-top: 40px;} */
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a{padding:0px 24px;width: 66px;margin-right: 10px;height: 47px;border-radius: 47px;font-size: 14px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .prevText{margin-left: 10px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .nextText{margin-right: 10px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a.prevPageBtn:hover{width: 118px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a.nextPageBtn:hover{width: 118px;}
}
@media (min-width: 1920px) {
.module_70vjNSyHqdmf .newsDetailTitle{max-width: 52.083333vw;}
.module_70vjNSyHqdmf .newsDetailBox{max-width: 52.083333vw;}
}
.module_70vjNSyHqdmf .social-share .icon-wechat,
.module_70vjNSyHqdmf .social-share .icon-weibo ,
.module_70vjNSyHqdmf .social-share .icon-twitter{
color: #000000;
background: #F4F4F4;
}
@media(max-width:992px){
.module_70vjNSyHqdmf .newsDetailBox{
max-width: 100%;
}
.module_70vjNSyHqdmf .newsDetailBox .newsDetail{
padding: 20px 0 0 ;
}
.module_70vjNSyHqdmf .newsDetailTitleBox{
padding: 120px 0 30px;
}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle{justify-content: center;}
}
.headquarters {
padding: 5.208333vw 0;
position: relative;
}
.headquarters .bgimage img {
height: auto;
}
.headquarters .columns {
justify-content: space-between;
}
.headquarters .left {
max-width: 29.6875vw;
padding: 1.041667vw 0 0;
}
.headquarters .left .title{
font-size: var(--font-size44);
}
.headquarters .left .intro{
font-size: var(--font-size20);
color: #57585D;
line-height: 1.3;
}
.headquarters .left .intro1{
padding: 2.083333vw 0 1.302083vw;
}
.headquarters .left a{
font-size: var(--font-size15);
font-weight: 400;
color: #979797;
}
.headquarters .left a i{
font-size: var(--font-size15);
}
.headquarters .left a:hover{
color: rgba(16, 171, 202, 1);
}
.headquarters .left .intro2{
padding: 2.604167vw 0 .78125vw;
}
.headquarters .left span{
font-size: var(--font-size16);
color: #979797;
display: block;
line-height: 1.6;
}
.headquarters .left .intro3{
padding: 1.822917vw 0 .416667vw;
}
.headquarters .left img{
width: 7.291667vw;
}
.headquarters .right{
width: 35.9375vw;
background: #FFFFFF;
box-shadow: 0px 8px 18px 3px rgba(45,184,212,0.2);
border-radius: .625vw;
padding: 4.0625vw 3.645833vw;
}
.headquarters .right .title{
font-size: var(--font-size28);
opacity: 0.9;
}
.headquarters .right input{
width: 100%;
height: 3.229167vw;
line-height: 3.229167vw;
border: 1px solid #D3D9DF;
border-radius: .625vw;
padding: 0 1.666667vw;
font-size: var(--font-size16);
color: #979797;
margin: 1.5625vw 0 1.25vw;
}
/* .layui-form-select .layui-edge{
border-top: 2px solid #c2c2c2;
border-left: 2px solid #c2c2c2;
width: 15px;
height: 15px;
transform: rotate(227deg);
} */
.layui-form-select dl dd,
.layui-form-select dl dd.layui-this{
padding: 0 1.666667vw !important;
font-size: var(--font-size16);
line-height: 3;
}
.layui-form-select dl dd.layui-this {
color: rgba(16, 171, 202, 1);
}
.layui-form-select dl{
top: 3.229167vw;
}
.headquarters .layui-select-title i{
position: absolute;
right: 1.666667vw;
top: 50%;
font-weight: 600;
font-size: var(--font-size16);
transform: translateY(-38%);
color: rgba(16, 171, 202, 1);
}
.headquarters .right ul {
height: 27.604167vw;
overflow: auto;
}
.headquarters .right ul li{
margin: 0 1.5625vw 0 0;
padding: 0 0 2.083333vw;
border-bottom: 1px solid rgba(241, 241, 241, 1);
}
.headquarters .right ul li a >div:nth-child(1){
font-size: var(--font-size20);
color: #021B39;
opacity: 0.9;
font-weight: 600;
padding: 1.5625vw 0 .78125vw;
}
.headquarters .right ul li span{
font-size: var(--font-size16);
font-weight: 400;
color: #979797;
line-height: 1.5;
display: block;
text-indent: -3em;
padding: .260417vw 0 0 3em;
}
.headquarters .right ul li a .view{
font-size: var(--font-size15);
font-weight: 400;
color: #979797;
margin: 1.5625vw 0 0 ;
display: block;
}
.headquarters .right ul li a .view i{
font-size: var(--font-size15);
}
.headquarters .right ul li a:hover .view{
color: rgba(16, 171, 202, 1);
}
.headquarters .right ul::-webkit-scrollbar {
width: 1px;
height: 16px;
background-color: #DFDFDF;
}
.headquarters .right ul::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
border-radius: 6px;
background-color: #DFDFDF;
}
.headquarters .right ul::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
background: rgba(125, 126, 137, 1);
}
.message {
padding: 5.208333vw 0 6.25vw;
margin: -15.104167vw 0 0 ;
}
.message .title{
font-size: var(--font-size44);
}
.message .intro{
font-size: var(--font-size20);
color: #57585D;
padding: 1.5625vw 0 2.083333vw;
}
.message ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.message ul li div:nth-child(1){
font-size: var(--font-size14);
color: #0E2540;
margin: 1.5625vw 0 .416667vw;
padding: 0 0 0 .364583vw;
font-weight: 600;
}
.message ul li div:nth-child(2){
position: relative;
}
.message ul li div:nth-child(1) span{
color: rgba(16, 171, 202, 1);
}
.message ul li input,
.message ul li textarea{
width: 23.59375vw;
height: 3.020833vw;
line-height: 3.020833vw;
border: 1px solid rgba(104, 126, 145, .3);
border-radius: .625vw;
font-size: var(--font-size14);
color: rgba(0, 0, 0, .5);
padding: 0 1.302083vw;
}
.message ul li:nth-child(4) input{
width: 49.322917vw;
}
.message ul li textarea{
width: 75vw;
padding: 1.041667vw 1.302083vw;
height: 6.25vw;
line-height: unset;
}
.message ul li div img{
position: absolute;
right: .520833vw;
top: 50%;
width: 7.8125vw;
transform: translateY(-50%);
}
.message ul li button {
width: 8.125vw;
height: 2.447917vw;
line-height: 2.447917vw;
background: #10ABCA;
border-radius: 50px;
text-align: center;
margin: 2.083333vw 0 0;
font-size: var(--font-size15);
color: #FFFFFF;
}
.message ul li button i{
font-size: var(--font-size15);
margin: 0 0 0 1.041667vw;
}
@media(max-width:992px){
.headquarters .columns {
display: block;
}
.headquarters .left {
max-width: 100%;
}
.headquarters .right {
width: 100%;
padding: 20px ;
margin: 20px 0 0;
}
.headquarters{
padding: 35px 0;
}
.headquarters .left .intro1,
.headquarters .left .intro2,
.headquarters .left .intro3{
padding: 15px 0 10px;
}
.headquarters .left img {
width: 120px;
}
.headquarters .right input{
margin: 15px 0;
height: 40px;
line-height: 40px;
padding: 0 20px;
}
.headquarters .bgimage img{
height: 100%;
}
.headquarters .layui-select-title i{
right: 20px;
}
.headquarters .right ul {
height: 380px;
}
.headquarters .right ul li a >div:nth-child(1){
padding: 10px 0 ;
}
.headquarters .right ul li span{
padding: 5px 0 0 3em;
}
.headquarters .right ul li span br{
display: none;
}
.headquarters .right ul li a{
margin: 15px 0 0;
}
.headquarters .right ul li{
padding: 10px 0 20px;
}
.message{
padding: 35px 0;
margin: 0;
}
.message .intro{
padding: 10px 0 5px;
}
.message ul li{
width: 100%;
}
.message ul li input, .message ul li textarea{
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 20px;
}
.message ul li div:nth-child(1){
margin: 10px 0 5px;
}
.message ul li textarea{
padding: 20px;
}
.message ul li:nth-child(4) input{
width: 100%;
}
.message ul li div img {
right: 10px;
width: 100px;
}
.message ul li button{
width: 110px;
height: 35px;
line-height: 35px;
margin: 20px 0 0 ;
}
.layui-form-select dl{
top: 40px;
}
.layui-form-select dl dd, .layui-form-select dl dd.layui-this{
padding: 0 20px !important;
}
.message ul li:last-child{
text-align: center;
}
}
.fangan {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 51;
background: #fff;
}
.fangan .crumbs{
margin: 5.2vw 0 0;
padding: .9375vw 4.166667vw .9375vw;
border-top: 1px solid rgba(244, 244, 244, 1);
transition: .5s;
}
.fangan .columns{
justify-content: space-between;
align-items: center;
}
.fangan .columns .title{
font-size: var(--font-size14);
font-weight: 600;
color: #000000;
}
.fangan .columns ul{
display: flex;
align-items: center;
}
.fangan .columns ul a{
font-size: var(--font-size14);
font-weight: 600;
color: rgba(127, 127, 127, 1);
margin: 0 0 0 1.822917vw;
position: relative;
}
.fangan .columns ul a.on::before{
content: '';
position: absolute;
bottom: -1.354167vw;
width: 100%;
height: 2px;
background: #00AECE;
}
.fangan .columns ul a.on,
.fangan .columns ul a:hover{
color: #000000;
}
.fangan .columns ul li:nth-child(4) a{
width: 4.6875vw;
height: 1.770833vw;
line-height: 1.770833vw;
border: 1px solid #00AECE;
border-radius: 50px;
font-size: var(--font-size12);
font-weight: 600;
color: #00AECE;
text-align: center;
display: block;
margin: 0 0 0 1.5625vw;
}
.fangan .columns ul li:nth-child(4) a:hover{
color: #ffffff;
background: #00AECE;
}
.Fn.banner_{
margin:8.93vw 0 0;
}
.Fn.banner_ p{
font-size: var(--font-size16);
color: #FFFFFF;
line-height: 1.5;
}
.Fn.banner_ .title{
margin: 0 0 1.302083vw;
}
.Fn.banner_ .text {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.Fn.banner_ .text a{
width: 7.65625vw;
height: 2.447917vw;
line-height: 2.447917vw;
background: #10ABCA;
border-radius: 50px;
font-size: var(--font-size14);
color: #FFFFFF;
text-align: center;
display: block;
margin: 1.5625vw 0 ;
}
.Fn.banner_ .text a:hover{
opacity: .7;
}
.Fn.banner_ .text .img {
min-width: 38.75vw;
flex: 1;
}
.Fn.banner_ .text .img img{
margin: auto;
max-width: max-content;
max-height: 19.114583vw;
}
.advantage {
padding: 5.208333vw 0 6.25vw;
position: relative;
}
.advantage .columns {
justify-content: space-between;
}
.advantage .text{
flex: 1;
}
.advantage .text .title{
font-size: var(--font-size44);
opacity: 0.98;
margin: 0 0 1.5625vw;
}
.advantage .text .intro{
font-size: var(--font-size16);
color: #57585D;
line-height: 1.4;
opacity: 0.8;
max-width: 31.563vw;
}
.advantage ul{
max-width: 50%;
display: flex;
flex-wrap: wrap;
}
.advantage ul li{
display: flex;
width: 50%;
}
.advantage ul li{
margin:2.083333vw 0 0 ;
}
.advantage ul li:nth-child(-n+2){
margin:0vw;
}
.advantage ul li .image {
width: 2.291667vw;
margin: 0 1.5625vw 0 0;
}
.advantage ul li img{
width: auto;
}
.advantage ul li .title{
font-size: var(--font-size22);
font-weight: 400;
padding: 0 0 .78125vw;
}
.advantage ul li .intro{
font-size: var(--font-size16);
font-weight: 400;
color: #57585D;
line-height: 1.4;
opacity: 0.8;
max-width: 11.71875vw;
}
.related{
position: relative;
padding: 5.208333vw 0 6.25vw;
}
.related .title{
font-size: var(--font-size44);
opacity: 0.98;
margin: 0 0 3.125vw;
}
.related ul {
padding: 0 0 4.166667vw;
margin: 0 -8.333333vw 0 0;
position: relative;
}
.swiper-container-horizontal>.swiper-scrollbar{
height: .104167vw;
}
.swiper-scrollbar-drag {
background: #10ABCA;
}
.related ul li a{
display: block;
position: relative;
}
.related ul li a .text{
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
padding: 4.0625vw;
}
.related ul li a .text .title{
font-size: var(--font-size34);
font-weight: 400;
color: #FCFCFD;
padding: 0 0 1.302083vw;
margin: 0;
}
.related ul li a .image{
border-radius: .625vw;
}
.related ul li a .more{
font-size: var(--font-size16);
font-weight: 400;
color: rgba(255, 255, 255, .6);
display: flex;
align-items: center;
justify-content: center;
}
.related ul li a .more i{
font-size: var(--font-size16);
margin: 0 0 0 .416667vw;
}
.related ul li a:hover .more{
color: rgba(255, 255, 255, 1);
}
.inputVcode {
position: absolute;
right: 15px;
top: 50%;
width: auto !important;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 76%;
}
@media(max-width:992px){
.related {
padding: 35px 0;
}
.related ul{
overflow: hidden;
margin: 0;
padding: 0 0 30px;
}
.related .title{
margin: 0 0 20px;
}
.related .swiper-pagination {
bottom: -0;
}
.related ul li a .text{
padding: 30px ;
}
.related ul li a .text .title{
padding: 0 0 10px;
}
.advantage{
padding: 35px 0;
}
.advantage .columns{
display: block;
}
.advantage ul {
max-width: 100%;
margin: 20px 0 0;
}
.advantage ul li {
width: 100%;
margin: 10px 0 20px !important;
}
.advantage ul li .intro{
max-width: 100%;
}
.advantage .text .title{
margin: 0 0 20px;
}
.advantage ul li .image {
min-width: 45px;
margin: 0 20px 0 0;
}
.Fn.banner_ .image img {
position: absolute;
height: 100%;
z-index: -11;
}
.Fn.banner_ {
margin: 0;
}
.Fn.banner_ .text {
position: unset;
margin: 100px 0 0;
text-align: left;
}
.Fn.banner_ .text .columns{
display: block;
}
.Fn.banner_ .title{
margin: 0 0 12px;
}
.Fn.banner_ .text a {
width: 110px;
height: 35px;
line-height: 35px;
margin: 20px 0 0;
}
.advantage .text .intro br{
display: none;
}
.Fn.banner_ .text .img img {
max-width: 80%;
margin: 35px auto;
}
.advantage .text .intro{max-width: 100%;}
}
.programme {
padding: 5.208333vw 0 6.25vw;
}
.programme ul{
margin: 0 0 -3.125vw;
}
.programme ul li a{
display: flex;
margin: 0 0 3.125vw;
}
.programme ul li:nth-child(2n) a{
flex-direction: row-reverse;
}
.programme ul li .image{
border-radius: .625vw;
width: 49.010417vw;
}
.programme ul li .text{
width: 29.166667vw;
margin: 0 0 0 -3.125vw;
display: flex;
flex-direction: column;
justify-content: center;
padding: 3.125vw;
border-radius: .625vw;
background: #fff;
position: relative;
z-index: 1;
box-shadow: 0px 9px 23px 4px rgba(145,145,145,0.3);
}
.programme ul li:nth-child(2n) .text{
margin: 0 -3.125vw 0 0 ;
}
.programme ul li .text img{
width: auto;
margin: 0 0 1.041667vw;
max-width: 1.927083vw;
}
.programme ul li .text .title{
font-size: var(--font-size34);
font-weight: 400;
}
.programme ul li .text .intro{
font-size: var(--font-size17);
font-weight: 400;
color: #57585D;
line-height: 1.6;
opacity: 0.8;
padding: 1.25vw 0 2.083333vw;
}
.programme ul li .more {
font-size: var(--font-size16);
font-weight: 400;
color: #57585D;
opacity: 0.8;
}
.programme ul li .more i{
font-size: var(--font-size16);
}
.programme ul li a:hover .more {
color: #10ABCA;
opacity: 1;
}
.programme ul li a:hover .text{
box-shadow: 0px 9px 23px 4px rgba(45,184,212,0.3);
}
@media(max-width:992px){
.programme {
padding: 35px 0;
}
.programme ul{
display: block;
margin: 0 0 -25px;
}
.programme ul li a{
display: block;
margin: 0 0 25px;
}
.programme ul li .image {
width: 100%;
}
.programme ul li .text{
width: 100%;
margin: -10px 0 0 !important;
padding: 20px;
}
.programme ul li .text .intro {
padding: 10px 0;
}
.programme ul li .text img{
max-width: 30px;
margin: 0 0 10px;
display: none;
}
}
.information {
padding: 5.208333vw 0;
position: relative;
}
.information .bgimage {
height: auto;
bottom: 0;
top: unset;
}
.information ul {
display: flex;
flex-wrap: wrap;
margin: 0 0 -1.614583vw 0 ;
}
.information ul li {
width: calc(25% - (5vw / 4));
}
.information ul li a{
display: block;
overflow: hidden;
border-radius: .625vw;
border: 1px solid #E9ECF2;
background: #fff;
}
.information ul li:not(:nth-child(4n)) {
margin: 0 1.666667vw 1.614583vw 0 ;
}
.information ul li .image {
width: 100%;
height: 10.208333vw;
background: #FFFFFF;
border-radius: .625vw .625vw 0px 0px;
padding: 0 2.083333vw;
display: flex;
align-items: center;
background: url('../images/25.png') no-repeat center / 100%;
}
.information ul li .image img{
width: 4.895833vw;
height: 4.895833vw;
background: #10ABCA;
border-radius: 1.5625vw;
padding: 1.25vw;
}
.information ul li .title{
font-size: var(--font-size22);
padding: 0 0 1.041667vw;
}
.information ul li .icon {
display: flex;
align-items: center;
font-size: var(--font-size14);
font-weight: 300;
color: #383838;
}
.information ul li .icon span{
margin: 0 .78125vw 0 0;
}
.information ul li .icon span:last-child{margin: 0px;}
.information ul li .icon img{
width: auto;
max-width: .729167vw;
margin: 0 .416667vw 0 0;
}
.information ul li .immediately{
width: 7.291667vw;
height: 2.291667vw;
line-height: 2.291667vw;
/* background: #10ABCA; */
border-radius: 50px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #E9ECF2;
font-size: var(--font-size14);
font-weight: 400;
color: #677688;
margin: 2.083333vw 0 0;
}
.information ul li .immediately img{
width: .729167vw;
margin: 0 0 0 1.145833vw;
}
.information ul li a>div:nth-child(2){
padding: 2.083vw 1.563vw 1.875vw 2.083vw;
}
.information ul li a:hover{
box-shadow: 0px 9px 23px 4px rgba(45,184,212,0.2);
background: url('../images/26.png') no-repeat bottom / 100%;
border: 1px solid #E9ECF200;
}
.information ul li a:hover .immediately{
color: #FFFFFF;
background: #10ABCA;
}
.information ul li a:hover .immediately img{
filter: grayscale(100%) brightness(20000%);
}
.information .module_HL1GBCD1 {
margin: 100px 0 0;
}
@media(max-width:992px){
.information .module_HL1GBCD1 {
margin: 0;
}
.information {
padding: 35px 0;
}
.information ul {
margin: 0 0 -20px;
}
.information ul li {
width: 100%;
margin: 0 0 20px !important;
}
.information ul li .image{
height: 80px;
padding: 0 20px;
}
.information ul li .image img {
width: 50px;
height: 50px;
padding: 12px;
}
.information ul li a>div:nth-child(2){
padding: 20px;
}
.information ul li .title{
padding: 0 0 15px;
}
.information ul li .icon img{
max-width: unset;
margin: -1px 5px 0 0;
}
.information ul li .icon span {
margin: 0 10px 0 0;
}
.information ul li .immediately {
width: 110px;
height: 35px;
line-height: 35px;
margin: 20px 0 0;
}
.information ul li .immediately img {
width: 13px;
margin: 0 0 0 15px;
}
}
.sample {
padding: 5.208333vw 0 6.25vw;
position: relative;
}
.sample .title{
font-size: var(--font-size44);
opacity: 0.98;
margin: 0 0 2.604167vw;
text-align: center;
}
.sample ul{
padding: 2.604167vw 5.729167vw 3.125vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #fff;
box-shadow: 0px 0px 43px 0px rgba(59,59,59,0.1);
border-radius: .625vw;
}
.sample ul li div:nth-child(1){
font-size: var(--font-size14);
color: #0E2540;
margin: 1.5625vw 0 .416667vw;
padding: 0 0 0 .364583vw;
font-weight: 600;
}
.sample ul li div:nth-child(1) span{
color: rgba(16, 171, 202, 1);
}
.sample ul li input,
.sample ul li textarea{
width: 19.791667vw;
height: 3.020833vw;
line-height: 3.020833vw;
border: 1px solid rgba(104, 126, 145, .3);
border-radius: .625vw;
font-size: var(--font-size14);
color: rgba(0, 0, 0, .5);
padding: 0 1.302083vw;
}
.sample ul li textarea{
width: 63.541667vw;
padding: 1.041667vw 1.302083vw;
height: 6.25vw;
line-height: unset;
}
.sample ul li button {
width: 8.125vw;
height: 2.447917vw;
line-height: 2.447917vw;
background: #10ABCA;
border-radius: 50px;
text-align: center;
margin: 2.083333vw 0 0;
font-size: var(--font-size15);
color: #FFFFFF;
}
.sample ul li button i{
font-size: var(--font-size15);
margin: 0 0 0 .208333vw;
}
.sample ul li:last-child {
width: 100%;
text-align: center;
}
@media(max-width:992px){
.sample {
padding: 35px 0;
}
.sample .title {
margin: 0 0 20px;
}
.sample ul {
padding: 20px 20px 35px;
}
.sample ul li{
width: 100%;
}
.sample ul li input, .sample ul li textarea{
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 20px;
}
.sample ul li div:nth-child(1){
margin: 10px 0 5px;
}
.sample ul li textarea{
padding: 15px 20px;
line-height: unset;
}
.sample ul li:nth-child(4) input{
width: 100%;
}
.sample ul li div img {
right: 10px;
width: 100px;
}
.sample ul li button{
width: 110px;
height: 35px;
line-height: 35px;
margin: 20px 0 0 ;
}
}
.manage {
padding: 5.208333vw 0 9.375vw;
position: relative;
}
.manage .title{
font-size: var(--font-size44);
margin: 0 0 2.083333vw;
text-align: center;
}
.manage .icon{
width: 3.28125vw;
margin: 0 auto 4.6875vw;
}
.manage .projectDetail{font-size: 0.833vw; line-height: 1.458vw; padding: 1.563vw 0vw 0vw;}
@media(max-width:992px){
.manage .title {
margin: 0 0 20px;
}
.manage .icon{
width: 30px;
margin: 0 auto 40px;
}
.manage {
padding: 35px 0;
min-height: calc(100vh - 300px);
}
.manage .projectDetail{font-size: 14px; line-height: 24px; padding: 20px 0px 0px;}
}
.device {
padding: 5.208333vw 0;
position: relative;
}
.device .title{
font-size: var(--font-size44);
padding: 0 0 1.822917vw;
text-align: center;
}
.device .intro{
font-size: var(--font-size16);
color: #57585D;
line-height: 1.6;
padding: 0 0 2.083333vw;
text-align: center;
}
.device .icon{
width: 3.28125vw;
margin: auto;
}
.device ul{
display: flex;
flex-wrap: wrap;
margin: 3.125vw -1.5625vw 0;
justify-content: space-between;
}
.device ul li {
width: calc(50%);
margin: 0 0 4.166667vw;
padding: 0 1.5625vw;
}
.device ul li:nth-child(2){
margin: 3.125vw 0 4.166667vw 0;
}
.device ul li a{
padding: 1.5625vw ;
background: #F3F4F7;
display: block;
border-radius: .625vw;
border: 1px solid #10ABCA00;
}
.device ul li a .image{
border-radius: .625vw;
}
.device ul li a .Htitle{
font-size: var(--font-size28);
color: #364357;
line-height: 1;
padding: 2.5vw 0 .78125vw;
}
.device ul li a .desc{font-size: 0.833vw;height: 4.688vw;line-height: 1.563vw;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.device ul li a:hover {
background: #FFFFFF;
border: 1px solid #10ABCA;
box-shadow: 0px 8px 18px 3px rgba(45,184,212,0.2);
}
.device .layui-flow-more {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-end;
}
.device .layui-flow-more a cite{
background: #10ABCA;
border-radius: 50px;
font-size: var(--font-size15);
color: #FFFFFF;
}
.device #loader{overflow: hidden; height: 0px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #333;}
.device #loader img{ width: 20px; height: 20px; margin-right: 5px;}
.device #loader.active{ height: 60px;}
.loadMore{display: flex; justify-content: center; align-items: center;}
.loadMore a{display: flex; align-items: center; padding: 0px 50px; height: 50px; font-size: 14px; color: #333; border-radius:50px; border: 2px solid #333; transition: all .8s;}
.loadMore a:hover{background: #10ABCA; color: #fff; border-color: #10ABCA;}
@media(max-width:992px){
.device {
padding: 35px 0;
}
.device .title{
padding: 0 0 20px;
}
.device .intro{
text-align: left;
padding: 0 0 20px;
}
.device .intro br{
display: none;
}
.device .icon{
width: 40px;
}
.device ul li {
width: 100%;
padding: 0;
margin: 0 0 25px;
}
.device ul {
margin: 20px 0;
}
.device ul li a {
padding: 20px ;
border-radius: 5px;
}
.device ul li:nth-child(2){
margin: 0 0 25px;
}
.device ul li a .image {
border-radius: 5px;
}
.device ul li a .Htitle {
padding: 25px 0 5px;
text-align: center;
}
.device .layui-flow-more {
margin: 0 0 -20px;
}
.device ul li a .desc{font-size: 14px;height:72px;line-height: 24px;}
}
.common {
padding: 5.208333vw 0;
}
.common ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.common ul li{
/* width: calc(50% - 1.041667vw); */
width: 100%;
margin: 0 0 2.083333vw;
}
.common ul li a{
padding: 2.447917vw 2.447917vw 3.125vw;
border: 1px solid #E9ECF2;
border-radius: .625vw;
display: block;
}
.common ul li .columns span{
min-width: 1.927083vw;
height: 1.927083vw;
text-align: center;
line-height: 1.927083vw;
border: 1px solid #E9ECF2;
border-radius: 50%;
font-weight: 600;
font-size: var(--font-size16);
color: #021B39;
}
.common ul li .columns:nth-child(1){
align-items: center;
padding: 0 0 2.34375vw;
margin: 0 0 2.34375vw;
border-bottom: 1px solid rgba(233, 236, 242, 1);
}
.common ul li .columns:nth-child(1) span{
margin: 0 1.09375vw 0 0;
}
.common ul li .columns:nth-child(2) span{
margin: 0 .677083vw 0 0;
}
.common ul li .columns .title{
font-size: var(--font-size20);
font-weight: 600;
color: #021B39;
opacity: 0.9;
}
.common ul li .columns .intro{
font-size: var(--font-size15);
color: #49494A;
line-height: 1.5;
padding: .364583vw 0 0;
}
.common ul li a:hover {
border: 1px solid #10ABCA;
box-shadow: 0px 9px 23px 4px rgba(45,184,212,0.3);
}
.common ul li a:hover .columns:nth-child(1) span{
background: #10ABCA;
color: #FFFFFF;
}
.common .bgimage img{
top: unset;
bottom: 0;
}
.common .module_HL1GBCD1 {
margin: 3.125vw 0 0;
}
@media(max-width:992px){
.common {
padding: 35px 0;
}
.common .module_HL1GBCD1{
margin: 0;
}
.common ul{
margin: 0 0 -20px;
}
.common ul li {
width: 100%;
margin: 0 0 020px;
}
.common ul li a{
padding: 20px ;
}
.common ul li .columns span{
min-width: 35px;
height: 35px;
line-height: 35px;
margin: 0 15px 0 0 !important;
}
.common ul li .columns:nth-child(1){
margin: 0 0 20px;
padding: 0 0 20px;
}
.common ul li .columns .intro {
padding: 4px 0 0;
}
}
.Joinus {
padding: 5.208333vw 0 ;
}
.Joinus ul {
margin: 0 0 1.041667vw;
}
.Joinus ul li {
border: 1px solid #EEEEEE;
border-radius: .520833vw;
position: relative;
overflow: hidden;
margin: 0 0 1.041667vw;
}
.Joinus ul li .columns{
padding: 1.5625vw 3.125vw;
align-items: center;
cursor: pointer;
justify-content: space-between;
flex-wrap: wrap;
}
.Joinus ul li .columns span{
display: flex;
align-items: center;
font-size: var(--font-size16);
font-weight: 400;
color: rgba(87, 88, 93, 1);
line-height: 1;
width: 23%;
}
.Joinus ul li .columns span img{
width: .885417vw;
margin: 0 .520833vw 0 0 ;
}
.Joinus ul li .columns span:nth-child(1){
font-size: var(--font-size18);
font-weight: 600;
color: #021B39;
flex: 1;
width: auto;
}
.Joinus ul li .columns span:nth-child(5){
width: unset;
}
.Joinus ul li .columns span i{
font-weight: 600;
color: #021B39;
}
.Joinus ul li .text{
padding: 2.604167vw 3.125vw 4.010417vw;
display: none;
}
.Joinus ul li .text .jobtitle{font-size: var(--font-size20); color: #000;}
.Joinus ul li .text p{
font-size: var(--font-size14);
font-weight: 400;
color: #57585D;
line-height: 1.7;
}
.Joinus ul li .text a{
width: 8.125vw;
height: 2.447917vw;
background: #10ABCA;
border-radius: 50px;
line-height: 2.447917vw;
text-align: center;
font-size: var(--font-size15);
color: #FFFFFF;
display: block;
margin: 2.291667vw 0 0;
}
.Joinus ul li .text a i{
font-size: var(--font-size15);
margin: 0 0 0 .3125vw;
}
.Joinus ul li .text a:hover{
opacity: .6;
}
.Joinus ul li:hover,
.Joinus ul li.on{
box-shadow: 0px 8px 18px 3px rgba(45,184,212,0.2);
border: 1px solid #10ABCA;
}
.Joinus ul li:hover .columns{
background: #10ABCA;
}
.Joinus ul li:hover .columns span{
filter: grayscale(100%) brightness(10000%);
}
.Joinus ul li.on .columns{
background: #10ABCA;
}
.Joinus ul li.on .columns span{
filter: grayscale(100%) brightness(10000%);
}
.Joinus ul li.on .columns span i {
transform: rotate(45deg);
transition: .5s;
}
.Joinus ul li .text .bgimage img{
height: auto;
}
.Joinus .module_HL1GBCD1 {
margin: 3.645833vw 0 0;
}
.screenBox {padding-bottom: 2.604vw;}
.screenBox form{display: flex; flex-wrap: wrap; align-items: center;}
.screenBox .list{ width: 25%; padding-right: 1.042vw;}
.screenBox .list .btn{border: 0.052vw solid #eee; height: 2.604vw; border-radius: 2.604vw; font-size: 0.729vw; display: flex; align-items: center; justify-content: space-between; padding: 0vw 1.042vw;}
.screenBox .list .btn i{font-size: 0.833vw;}
.screenBox .jobsSearchBox{width: 25%; position: relative;}
.screenBox .jobsSearchBox input{border: 0.052vw solid #eee; height: 2.604vw; border-radius: 2.604vw; font-size: 0.729vw; padding: 0vw 2.083vw 0vw 1.042vw; width: 100%;}
.screenBox .jobsSearchBox button{position: absolute; top: 0vw; right: 0vw; width: 3.125vw; height: 100%; font-size: 1.146vw; background:none; border: none;}
@media(max-width:992px){
.Joinus {
padding: 35px 0;
}
.Joinus .module_HL1GBCD1 {
margin: 0;
}
.Joinus ul{
margin: 0 0 -20px;
}
.Joinus ul li .columns span:nth-child(1),
.Joinus ul li .columns span:nth-child(3){
width: 57%;
}
.Joinus ul li .columns span:nth-child(2){width: 43%;}
.Joinus ul li .columns span:nth-child(4){
flex: 1;
}
.Joinus ul li .columns span{line-height: 2;}
.Joinus ul li .columns{
justify-content: unset;
padding: 15px 20px;
}
.Joinus ul li .columns span img {
width: 12px;
margin: 0 8px 0 0;
}
.Joinus ul li{
margin: 0 0 20px;
border-radius: 5px;
}
.Joinus ul li .text{
padding: 20px ;
}
.Joinus ul li .text a{
width: 110px;
height: 35px;
line-height: 35px;
margin: 20px 0 10px ;
}
.Joinus ul li .text .jobtitle{
font-size: var(--font-size18);
}
.screenBox {padding-bottom: 3.125vw;}
.screenBox .list{ width: 25%; padding-right: 1.25vw;}
.screenBox .list .btn{ height: 3.125vw; border-radius: 3.125vw; font-size: 0.875vw;padding: 0vw 1.25vw;}
.screenBox .list .btn i{font-size: 1vw;}
.screenBox .jobsSearchBox{width: 25%;}
.screenBox .jobsSearchBox input{height: 3.125vw; border-radius: 3.125vw; font-size: 0.875vw; padding: 0vw 2.5vw 0vw 1.25vw;}
.screenBox .jobsSearchBox button{width: 3.75vw; height: 100%; font-size: 1.375vw;}
}
@media(max-width:992px){
.screenBox {padding-bottom: 20px;}
.screenBox .list{ width: 100%; padding-right: 0; padding-bottom: 15px;}
.screenBox .list .btn{ height: 40px; border-radius: 40px; font-size: 14px;padding: 0px 20px;}
.screenBox .list .btn i{font-size: 14px;}
.screenBox .jobsSearchBox{width: 100%;}
.screenBox .jobsSearchBox input{height: 40px; border-radius: 40px; font-size: 14px; padding: 0px 30px 0px 20px;}
.screenBox .jobsSearchBox button{width: 50px; height: 100%; font-size: 18px;}
}
.introduce {
min-height: 48.958333vw;
position: absolute;
width: 100%;
top: 0;
left: 0;
display: none;
align-items: flex-end;
padding: 6.979167vw 0 ;
/* background: #fff; */
opacity: 0;
z-index: 10;
}
.introduce .auto_1440 {
margin: 0 auto;
position: relative;
z-index: 9;
}
.aboutBanner{position: relative;}
/* .aboutBanner .banner_ .image img{height: 100vh;} */
.imagebg {
position: absolute;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
}
.introduce .title{
text-align: center;
}
.introduce .title span{
color: rgba(16, 171, 202, 1);
}
.introduce .intro{
text-align: center;
font-size: var(--font-size16);
color: #57585D;
line-height: 1.5;
padding: 1.770833vw 0 0 ;
}
.introduce ul {
display: flex;
flex-wrap: wrap;
padding: 4.166667vw 0 0;
justify-content: center;
}
.introduce ul li{
display: flex;
align-items: center;
padding: 0 4.166667vw;
}
.introduce ul li:not(:last-child){
border-right: 1px solid rgba(228, 228, 228, .5);
}
.introduce ul li .image {
min-width: 5.416667vw;
}
.introduce ul li .image img{
width: auto;
max-width: 3.125vw;
margin: 0 auto;
}
.introduce ul li span{
font-size: var(--font-size14);
font-weight: 400;
color: #65666C;
opacity: 0.9;
display: block;
}
.introduce ul li span:nth-child(1) b{
font-size: var(--font-size26);
font-weight: bold;
color: #021B39;
}
.introduce .text.on .title,
.introduce .text.on .Htitle ,
.introduce .text.on .intro ,
.introduce .text.on span:nth-child(1) b,
.introduce .text.on span,
.introduce .text.on .Htitle span
{
color: #fff;
}
@media(max-width:992px){
.introduce {
padding: 35px 0;
position: unset;
opacity: 1;
display: block;
}
.introduce ul{
padding: 30px 0 20px;
}
.introduce ul li{
width: 50%;
padding: 20px 10px 20px 20px !important;
}
.introduce ul li .image img {
max-width: 40px ;
margin: 0 15px 0 0;
}
.introduce ul li:not(:last-child){
border-right:0;
}
.introduce .title {
line-height: unset;
}
.introduce .intro{
text-align: left;
font-size: 14px;
}
/* .introduce .text .title,
.introduce .text .Htitle ,
.introduce .text .intro ,
.introduce .text span:nth-child(1) b,
.introduce .text span,
.introduce .text .Htitle span
{
color: #fff;
} */
}
.culture {
min-height: 41.666667vw;
display: flex;
align-items: center;
text-align: center;
position: relative;
}
.culture .intro{
font-size: var(--font-size26);
color: #FFFFFF;
}
.culture .title{
line-height: unset;
color: #FFFFFF;
}
@media(min-width:992px){
.culture .bgimage img{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
object-fit: cover;
z-index: -2;
}
}
@media(max-width:992px){
.culture {
padding: 35px 0;
min-height: 200px;
}
.culture .title{
font-size: 18px;
}
}
.Honors {
position: relative;
padding: 6.25vw 0;
}
.Honors .title{
color: #FFFFFF;
text-align: center;
padding: 0 0 3.125vw;
}
.Honors ul {
overflow: hidden;
position: relative;
}
.Honors ul li {
width: 13.020833vw;
/* transition: 1s; */
}
.Honors ul li .image {
position: relative;
}
.Honors ul li .image::after{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background: rgb(0 0 0 / .2);
}
.Honors ul li.swiper-slide-active {
width: 17.5vw;
/* transition: 1s; */
}
.Honors ul li.swiper-slide-active .image::after {
display: none;
}
.Honors .swiper-wrapper {
align-items: center;
}
.Honors ul::after{
position: absolute;
bottom: calc(2.142vw + 1.40625vw);
left: 0;
width: 100%;
height: 1px;
background: #FFFFFF;
opacity: 0.3;
content: '';
}
.Honors ul li .Htitle {
font-size: var(--font-size16);
color: #FFFFFF;
text-align: center;
padding: 1.40625vw 0 0 ;
height: calc(2.292vw + 1.40625vw);
margin: 1.5625vw 0 0 ;
border-top: 3px solid #10ABCA;
line-height: 1.3;
opacity: 0;
}
.Honors ul li.swiper-slide-active .Htitle{
opacity: 1;
}
.Honors .columns {
margin: 0 -5.520833vw;
justify-content: space-between;
align-items: center;
}
.Honors .columns ul {
width: 75vw;
transition: 1s;
}
.Honors .columns ul .swiper-wrapper {
transition: 1s;
transition-duration:1s !important;
}
.Honors .columns .layui-icon {
width: 3.4375vw;
height: 3.4375vw;
border: 1px solid #FFFFFF;
opacity: 0.3;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: var(--font-size18);
color: rgba(255, 255, 255, 1);
margin: 0 0 3.645833vw;
cursor: pointer;
}
.Honors .columns .layui-icon:hover{
opacity: 1;
}
@media(max-width:992px){
.Honors{
padding: 35px 0;
}
.Honors .title {
padding: 0 0 20px;
}
.Honors ul li {
width: 100% !important;
}
.Honors ul li .Htitle{
padding: 20px 0 0 ;
margin: 10px 0 0;
border-top: 0px solid #10ABCA;
}
.Honors ul::after{
bottom: 58px;
display: none;
}
.Honors .columns {
margin: 0;
justify-content: center;
}
.Honors .columns ul {
width: 80%;
margin: 0;
padding: 0 0 35px ;
}
.Honors .columns .layui-icon {
display: none;
}
.Honors .columns ul .swiper-pagination {
bottom: 0;
}
}
.kkg.banner_ .text .img img{
max-width: 32.03125vw;
}
.kkg.banner_ .text .img{
flex: 1;
display: flex;
justify-content: center;
margin: -6vw;
}
.Thyristor {
padding: 5.208333vw 0 0 ;
position: relative;
}
.Thyristor .title{
font-size: var(--font-size44);
line-height: 1.2;
text-align: center;
}
.Thyristor .title span{
color: rgba(16, 171, 202, 1);
}
.Thyristor .intro {
font-size: var(--font-size16);
color: #57585D;
line-height: 1.6;
text-align: center;
padding: 2.083333vw 0;
}
.Thyristor .icon {
width: 3.28125vw;
margin: 0 auto 7.395833vw;
}
.Thyristor .list{
position: relative;
padding: 0 0 5.208333vw;
}
.Thyristor .list ul {
margin: 0vw 0vw 0 auto;
width: 51.625vw;
min-width: 51.625vw;
overflow: hidden;
/* height: 44.375vw; */
position: relative;
}
.Thyristor .list dl {
margin: 0vw 0vw 0 0 ;
padding: 0 10px 0 0px;
position: relative;
z-index: 5;
flex: 1;
max-height: 42.375vw;
overflow-y: auto;
}
.Thyristor .list dl::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: #fff;
}
.Thyristor .list dl::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 2px;
background-color: #fff;
}
.Thyristor .list dl::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
background-color: #00AECE;
}
.Thyristor .list dl dd {
padding: 2.083333vw;
border-radius: .416667vw;
cursor: pointer;
display: flex;
}
.Thyristor .list dl dd span{
font-size: var(--font-size20);
color: #10ABCA;
margin: 0 1.302083vw 0 0;
}
.Thyristor .list dl dd .Htitle{
font-size: var(--font-size22);
color: rgba(87, 88, 93, 1);
line-height: 1.4;
}
.Thyristor .list dl dd .Hintro{
font-size: var(--font-size17);
color: rgba(87, 88, 93, 1);
line-height: 1.5;
opacity: 0.8;
padding: .520833vw 0 0 ;
display: none;
}
.Thyristor .list dl dd.on {
background: #10ABCA;
}
.Thyristor .list dl dd.on .Htitle ,
.Thyristor .list dl dd.on .Hintro ,
.Thyristor .list dl dd.on span {
color: #FFFFFF;
}
@media(max-width:992px){
.Thyristor {
padding: 35px 0 0;
}
.Thyristor .intro{
padding: 15px 0;
text-align: left;
}
.Thyristor .intro br {display: none;}
.Thyristor .icon {
width: 40px;
margin: 0 auto 25px;
}
.Thyristor .list .columns {
flex-direction: column-reverse;
}
.Thyristor .list {padding: 0 0 35px;}
.Thyristor .list dl {
padding: 25px 0 10px ;
margin: 0;
max-height: unset;
overflow: visible;
}
.Thyristor .list dl dd span {
margin: 0 10px 0 0;
}
.Thyristor .list dl dd {
padding: 15px;
margin: 0;
}
.Thyristor .list dl dd .Hintro {
padding: 10px 0 0;
}
.Thyristor .list ul {
padding: 35px 0 35px ;
width: 100%;
margin: 0;
}
.Thyristor .list ul.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.kkg.banner_ .text .columns{
display: block;
}
.kkg.banner_ .text .img {
margin: 20px 0 0;
}
.kkg.banner_ .text .img img {
max-width: 180px;
}
.kkg.banner_ .image img {
min-height: 300px;
}
.kkg.banner_ .text {
padding: 60px 0 0 ;
}
.Thyristor .title{
line-height: unset;
}
}
.course {
padding: 5.989583vw 0 6.25vw;
position: relative;
}
.course .columns{
align-items: center;
justify-content: space-between;
padding: .520833vw 0 1.5625vw;
}
.course .columns dl,
.course .columns dl dd a{
display: flex;
align-items: center;
font-size: var(--font-size22);
color: #BFBFBF;
margin: 0 1.302083vw 0 0 ;
}
.course .columns dl dd.on a {
color: rgba(16, 171, 202, 1);
}
.course .columns dl dd a:hover {
color: rgba(16, 171, 202, 1);
}
.course .columns dl dd:not(:last-child) a::after {
content: '/';
display: block;
margin: 0 0 0 1.302083vw;
color: #BFBFBF;
}
.course .swiper-pagination {
position: unset ;
padding: 0 1.041667vw;
display: flex;
}
.course .swiper-pagination-bullet {
width: .3125vw;
height: .3125vw;
margin: 0 .182292vw;
}
.course .swiper-pagination-bullet{
background: rgba(16, 171, 202, 1);
}
.course .columns .switch>div{
display: flex;
align-items: center;
}
.course .columns .switch i{
width: 3.4375vw;
height: 3.4375vw;
background: #FFFFFF;
border-radius: 50px;
font-size: var(--font-size24);
color: rgba(16, 171, 202, 1);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0.3;
}
.course .columns .switch i:hover{
box-shadow: 0px 3px 13px 0px rgba(16,171,202,0.15);
opacity: 1;
}
.course .list ul {
overflow: hidden;
}
.course .list ul li {
display: flex;
border-radius: .625vw;
overflow: hidden;
}
.course .list ul li .image{
width: 49.479167vw;
min-width: 49.479167vw;
}
.course .list ul li .text{
padding: 5.3125vw 3.125vw;
background: url('../assets/75.png') #FFFFFF no-repeat 70% 90% / 13.90625vw;
flex: 1;
}
.course .list ul li .text .Htitle{
font-size: 2.864583vw;
font-weight: 600;
color: #10ABCA;
line-height: 1;
padding: 0 0 1.5625vw;
}
.course .list ul li .text .title{
font-size: var(--font-size28);
padding: 0 0 1.041667vw;
}
.course .list ul li .text .intro{
font-size: var(--font-size17);
color: #57585D;
line-height: 1.6;
}
@media(max-width:992px){
.course {
padding: 35px 0;
}
.course .columns {
padding: 20px 0;
}
.course .columns dl dd:not(:last-child) a::after{
margin: 0 0 0 10px ;
}
.course .columns dl dd a{
margin: 0 10px 0 0;
}
.course .list ul li {
display: block;
}
.course .list ul li .image {
width: 100%;
}
.course .list ul li .text .Htitle {
font-size: 26px;
padding: 0 0 10px;
}
.course .list ul li .text {
padding: 25px 15px 30px;
}
.course .list ul li .text .title{
padding: 0 0 15px;
}
.course .swiper-pagination-bullet {
width: 8px;
height: 8px;
}
.course .swiper-pagination {
justify-content: center;
margin: 20px 0 0 ;
}
}
.selection {
position: relative;
}
.selection .list{
padding: 5.208333vw 0 4.6875vw;
}
.selection .list .title{
font-size: var(--font-size44);
text-align: center;
padding: 0 0 1.25vw;
}
.selection dl{
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 67.708333vw;
margin: auto;
}
.selection dl dd a{
min-width: 7.604167vw;
padding: 0 1.041667vw;
height: 2.291667vw;
line-height: 2.291667vw;
border: 1px solid #7D8794;
border-radius: 50px;
margin: .78125vw .260417vw 0;
display: block;
text-align: center;
font-size: var(--font-size16);
font-weight: 600;
color: #021B39;
}
.selection dl dd a:hover{
background: #10ABCA;
color: #FFFFFF;
border: 1px solid #7D879400;
}
.selection dl dd a.on{
background: #10ABCA;
color: #FFFFFF;
border: 1px solid #7D879400;
}
.selection .outside {
position: relative;
padding: 2.604167vw 0 7.291667vw;
}
.selection .outside .export a {
width: 7.604167vw;
height: 2.291667vw;
line-height: 2.291667vw;
border: 1px solid #7D8794;
opacity: 0.7;
border-radius: 50px;
margin: 0 0 1.822917vw auto;
text-align: center;
display: block;
font-size: var(--font-size16);
color: #ffffff;
}
.selection .outside .export a:hover{
opacity: 1;
}
.selection .table {
padding: 3.645833vw 3.645833vw 4.6875vw;
border-radius: .625vw;
background: #FDFDFD;
background: linear-gradient(180deg, white, #ffffffb8);
}
.selection .shadow {
position: relative;
width: 100%;
height: 1.041667vw;
overflow: hidden;
}
.selection .shadow::after{
content: '';
position: absolute;
width: 96%;
height: 500px;
bottom: 0;
opacity: 0.15;
background: #fff;
left: 2%;
border-radius: .625vw;
}
.selection table {
width: 100%;
/* overflow: hidden; */
}
/* .selection table td{
min-width: 150px;
padding: 0 1.041667vw;
font-size: var(--font-size17);
font-weight: 400;
color: rgba(36, 36, 36, 1);
text-align: center;
} */
.selection .table1 table tr td {
height: 30px;
border-right: 1px solid rgba(213, 217, 221, 1);
border-top: 1px solid rgba(213, 217, 221, 1);
}
.selection table tr:nth-child(1) td {
border-top: 0px solid rgba(213, 217, 221, 1);
}
/* .selection table tr:nth-child(1) td:nth-child(1),
.selection table tr:nth-child(1) td:nth-child(3){
min-width: 200px;
}
.selection table tr:nth-child(1) td:nth-child(2){
min-width: 240px;
}
.selection .table1 table tr:nth-child(2) td {
height: 50px;
} */
.selection .table >div{
border-radius: .625vw;
overflow: hidden;
}
.selection .table >div .table2{
overflow: auto;
/* padding: 0 0 2.604167vw 0; */
position: relative;
height: 505px;
border: 1px solid rgba(213, 217, 221, 1);
border-radius: 0 0 .625vw .625vw;
}
/* .selection .table >div .table2 {
overflow: auto;
height: 300px;
width: max-content;
position: relative;
z-index: 0;
} */
.selection .table >div .table2::-webkit-scrollbar {
width: .15625vw;
height: .15625vw;
background-color: rgba(154, 188, 195, .0);
}
.selection .table >div .table2::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0);
border-radius: 50px;
background-color: rgba(154, 188, 195, .0);
margin-right: 1.5625vw;
margin-left: 1.5625vw;
}
.selection .table >div .table2::-webkit-scrollbar-thumb {
border-radius: 50px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .0);
background: rgba(16, 171, 202, 1);
}
.selection .table1>div{
overflow: hidden;
padding: 0 0 450px;
margin: 0 0 -450px;
}
.selection .table1 table{
background: rgba(16, 171, 202, 1);
}
.selection .table1 table td {
color: #fff;
position: relative;
}
/* .selection .table2 {
height: 500px;
overflow: auto;
overflow-y: scroll;
width: max-content;
} */
.selection .table2 table tr td {
height: 50px;
border-right: 1px solid rgba(213, 217, 221, 1);
border-bottom: 1px solid rgba(213, 217, 221, 1);
}
/* .selection .table2 table tr:last-child td {
border-bottom: 0px solid rgba(213, 217, 221, 1);
} */
.selection table tr td:last-child{
border-right: 0px solid rgba(213, 217, 221, 1);
}
@media(max-width:992px){
}
.product .list .intro{
font-size: var(--font-size16);
color: #57585D;
line-height: 1.6;
text-align: center;
padding: 0 0 2.083333vw;
}
.product .list .img {
width: 3.28125vw;
margin: auto;
}
.product .selection .outside {
padding: 4.166667vw 0 7.291667vw;
}
.product .selection .list {
padding: 5.208333vw 0 3.125vw;
}
.selection .outside .auto_1440{width: 85vw;}
@media(max-width:992px){
.selection .list,
.selection .outside {
padding: 35px 0 !important;
}
.selection .list .title {
padding: 0 0 15px;
}
.product .list .intro {
padding: 0 0 15px;
text-align: left;
}
.product .list .intro br{
display: none;
}
.product .list .img {
width: 40px;
margin: auto;
}
.selection .outside .export a {
width: 120px;
height: 35px;
line-height: 35px;
margin: 0 0 20px auto;
}
.selection dl {
max-width: 100%;
justify-content: space-between;
}
.selection dl dd {width: 31%;margin: 0 0 10px;}
.selection dl dd a {
min-width: 100%;
height: 30px;
line-height: 30px;
}
.selection .outside .auto_1440{width: 90%;}
}
.selection .table1 {position: relative;}
.selection .table1 table tr td>div{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
cursor: pointer;
}
.selection .table1 table tr td>div i{
margin: .15625vw .416667vw 0;
font-size: var(--font-size17);
font-weight: 600;
/* transition: .5s; */
}
.selection .table1 table tr td>div.on i{
transform: rotate(180deg);
margin: 0 .416667vw;
/* transition: .5s; */
}
.selection .table1 ul{
position: absolute;
top: 100%;
margin: 0 -1.041667vw;
padding: 1.041667vw;
min-width: 150px;
background: #FFFFFF;
border: 1px solid #10ABCA;
box-shadow: 0px 9px 23px 4px rgba(45,184,212,0.3);
border-radius: 0px 0px .625vw .625vw;
z-index: 1;
display: none;
}
.selection .table1 tr:nth-child(1) td:nth-child(2) ul{
min-width: 240px;
}
.selection .table1 tr:nth-child(1) ul {
min-width: 200px;
}
.selection .table1 ul >div {
max-height: 365px;
overflow: auto;
}
.selection .table1 ul li a{
font-size: var(--font-size16);
font-weight: 400;
color: #242424;
line-height: 1;
/* margin: 0 0 .260417vw; */
padding: .651042vw 0;
display: flex;
align-items: center;
}
.selection .table1 ul li:first-child a{
padding: 0 0 .651042vw;
}
.selection .table1 ul li a span{
margin: 0 0 0 .260417vw;
}
.selection .table1 ul li a i{
display: block;
width: .572917vw;
height: .572917vw;
/* border: 1px solid #10ABCA; */
border: 1px solid rgba(218, 218, 219, 1);
border-radius: 50%;
position: relative;
margin: 0 .520833vw 0 0;
display: flex;
align-items: center;
justify-content: center;
}
.selection .table1 ul li a i::after{
display: block;
content: '';
width: .260417vw;
height: .260417vw;
/* background: #10ABCA; */
background: rgba(218, 218, 219, 1);
border-radius: 50%;
}
.selection .table1 ul >div::-webkit-scrollbar {
width: .104167vw;
background-color: rgba(154, 188, 195, .2);
}
.selection .table1 ul >div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
border-radius: 6px;
background-color: rgba(154, 188, 195, .2);
margin-top: 1.5625vw;
margin-left: 1.5625vw;
}
.selection .table1 ul >div::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
background: rgba(16, 171, 202, 1);
}
.selection .table1 ul li.on a i{
border: 1px solid #10ABCA;
}
.selection .table1 ul li.on a i::after {
background: #10ABCA;
}
.selection .table1 ul li a:hover i{
border: 1px solid #10ABCA;
}
.selection .table1 ul li a:hover i::after {
background: #10ABCA;
}
@media(max-width:992px){
.selection .table1 ul {
padding: 20px ;
}
.selection .table1 ul li a{
margin: 0 0 20px;
}
.selection .table1 ul li a i {
width: 11px;
height: 11px;
margin: 0 8px 0 0;
}
.selection .table1 ul li a i::after{
width: 5px;
height: 5px;
}
/* .selection table tr:nth-child(1) td:nth-child(1){
min-width: 150px;
} */
}
/* 动画 */
/* transform: translate3d(0, -100px, 0); 上 fadeInUp wow" data-wow-duration="2s" */
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes translateY {
0% {
transform: translateY(-5px);
}
50% {
transform: translateY(5px);
}
}
@keyframes translateY {
0% {
transform: translateY(-5px);
}
50% {
transform: translateY(5px);
}
}
@-webkit-keyframes amplify {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes amplify {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (max-width:640px){
.banner .list .columns .Htitle{background: linear-gradient(to bottom , #fff 60%, #80c0fa);color: transparent;-webkit-text-fill-color: transparent; -webkit-background-clip: text;}
}
@media (min-width:1600px){
.auto_1600{margin: auto; width: 1600px;}
.auto_1440{margin: auto; width: 1440px;}
.auto_1000{margin: auto; width: 1000px;}
.searchClassBox{padding-bottom: 50px;}
.searchClassBox .classBtn{ width: 320px;}
.searchClassBox .classBtn #faqClass{width: 100%; height: 50px;border-radius: 50px;font-size: 14px; padding: 0px 20px; border: 1px solid #eee;}
.searchClassBox .classBtn #faqClass i{font-size: 16px;}
.searchClassBox .faqSearch{width: 420px;margin-left: 20px;}
.searchClassBox .faqSearch input{width: 100%; height: 50px; border-radius: 50px; font-size: 14px; padding: 0px 40px 0px 20px; border: 1px solid #eee;}
.searchClassBox .faqSearch button{right: 0px; top: 0px; height: 100%; width: 60px; font-size: 22px;}
#grid .noData{font-size: 20px; line-height: 50px;}
.module_HL1GBCD1 .pageMain #pagination a{ height: 40px; line-height: 40px; width: 40px; margin: 0vw 6px ;font-size: 12px;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{border-radius: 7px;height: 40px; line-height: 40px; width: 40px;font-size: 14px;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 13px;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 13px;}
.SeeMore{
width: 140px;
height: 46px;
line-height: 46px;
}
html{
--font-size12:12px;
--font-size13:13px;
--font-size14:14px;
--font-size15:15px;
--font-size16:16px;
--font-size17:17px;
--font-size18:18px;
--font-size20:20px;
--font-size21:21px;
--font-size22:22px;
--font-size24:24px;
--font-size26:26px;
--font-size28:28px;
--font-size30:30px;
--font-size32:32px;
--font-size34:34px;
--font-size36:36px;
--font-size38:38px;
--font-size40:40px;
--font-size44:44px;
--font-size46:46px;
--font-size48:48px;
--font-size50:50px;
--font-size53:53px;
--font-size54:54px;
--font-size56:56px;
--font-size90:90px;
}
.banner .control {
bottom: 60px;
}
.banner .control .SCROLLDOWN{
margin: 0 60px 0 0 ;
}
.banner .control .SCROLLDOWN .image{
width: 51px;
height: 51px;
margin: 0 10px 0 0 ;
}
.banner .control .SCROLLDOWN .image img{
width: 17px;
}
.banner .control .swiper-pagination{
width: 130px;
}
.banner .control .swiper-pagination .pagination {
padding: 0 30px;
}
.banner .control .Pause{
width: 16px;
height: 16px;
margin: 1px 0 0 22px;
}
.banner .list .columns{
padding: 285px 0 0 ;
}
.banner .list .columns .Htitle{
max-width:653px;
}
.banner .list .SeeMore{
margin: 60px 0 0 ;
}
.banner .control .button-prev,
.banner .control .button-next{
width: 23px;
}
.slogan {
padding: 104px 0;
}
.slogan .columns span:nth-child(1){
padding: 0 0 20px ;
}
.Mainbottom .columns {
padding: 100px 0 160px;
}
.Mainbottom .columns>div:nth-child(1) span:nth-child(2){
padding: 20px 0 50px;
}
.Mainbottom .DetailShare{
margin: 16px 0 0;
}
.Mainbottom .DetailShare a p{
width: 110px;
}
.Mainbottom .DetailShare a p::after{
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #fff;
bottom: -7px;
left: 14px;
}
.Mainbottom .columns ul li:not(:last-child){
margin: 0 100px 0 0;
}
.Mainbottom .columns ul li:nth-child(1){
margin: 0 65px 0 0;
}
.Mainbottom .columns ul li a:not(:last-child){
margin: 0 0 13px;
}
.Mainbottom .columns ul li a:nth-child(1){
margin: 0 0 34px;
}
.copyright {
padding: 35px 0 46px;
}
.indexSolution ul li .text{
padding: 150px 0 0;
}
.indexSolution ul li .title{
padding: 0 0 29px;
}
.indexSolution ul li .intro{
padding: 0 0 40px;
}
.indexSolution ul li .SeeMore{
width: 106px;
}
.indexSolution .list{
padding: 0 0 80px;
}
.indexSolution .list dd .title{
padding: 8px 0 0;
}
.indexSolution .list dd .image{
width: 78px;
height: 78px;
}
.indexSolution .list dd.on .image::after{
border: 8px solid rgba(255, 255, 255, .1);
}
.indexSolution .list dd .image img{
max-width: 40px;
max-height: 34px;
}
.indexSolution .list dl{
max-width: 850px;
}
.indexProduct {
padding: 60px 0 100px ;
}
.indexProduct .intro{
padding: 30px 0 38px;
}
.indexProduct .SeeMore{
width: 106px;
}
.indexProduct ul {
padding: 64px 0 0;
}
.indexProduct ul li .image{
border-radius: 18px;
}
.indexProduct ul .text {
padding: 40px;
}
.indexProduct ul .text .Hintro {
padding: 20px 0 0 ;
}
.indexProduct ul li:nth-child(1) .text .Hintro{
padding: 24px 0 0;
}
.indexNews {
padding: 120px 0 140px;
}
.indexNews ul li a{
padding: 12px 10px;
height: 548px;
border-radius: 18px;
}
.indexNews ul li .image{
border-radius: 8px;
}
.indexNews ul li .Htitle{
padding: 35px 10px 40px;
}
.indexNews ul li .date{
padding: 0 10px;
margin: 0 0 58px;
}
.indexNews ul li .date img{
width: 14px;
margin: 0 -5px 0 0;
}
.indexNews ul li .date span{
margin: 0 11px;
}
.indexNews ul li .browse span{
bottom: 12px;
width: calc(100% - (10px * 2) );
line-height: 46px;
height: 46px;
border-radius: 8px;
}
.indexNews ul li a::before{
border-radius: 18px;
}
.indexNews .columns {
padding: 0 0 60px;
}
.indexNews .columns .title{
padding: 0 0 30px;
}
.indexNews .swiper-pagination {
padding: 0 20px;
}
.indexNews .swiper-pagination-bullet {
width: 6px;
height: 6px;
margin: 0 4px;
}
.indexNews .columns >div i{
width: 66px;
height: 66px;
border-radius: 3vw;
}
.indexAbout {
padding: 150px 0 175px;
}
.indexAbout .text{
max-width: 660px;
}
.indexAbout .Htitle{
padding: 25px 0 45px;
}
.indexAbout ul {
padding: 100px 0 0;
}
.indexAbout ul li{
min-width: 226px;
}
.indexAbout ul li:nth-child(1),
.indexAbout ul li:nth-child(2){
padding: 0 0 40px;
}
.indexAbout ul li:nth-child(3),
.indexAbout ul li:nth-child(4){
padding: 40px 0 0 ;
}
.indexAbout ul li:nth-child(1) .image,
.indexAbout ul li:nth-child(3) .image {
min-width: 70px;
}
.indexAbout ul li:nth-child(2) .image,
.indexAbout ul li:nth-child(4) .image {
min-width: 104px;
}
.indexAbout ul li .image img{
max-width: 60px;
}
.banner_ .text{
padding: 330px 0 0;
}
.banner_ .text img{
max-width: 420px;
}
.banner_ .text .title{
margin: -5px 0 0;
}
.banner_ .text .title{
margin: -5px 0 0;
}
.banner_ .crumbs {
bottom: 40px;
}
.banner_ .crumbs .columns i{
margin: 2px 5px 0;
}
.module_zl6cOKfDVksL .newsListMain {
padding: 100px 0;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgList {
border-radius: 15px;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText {
margin-left: 80px;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a {
padding: 30px 0px 35px;
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .title {
font-size: 19px;
line-height: 28px;
height: calc(28px * 2);
}
.module_zl6cOKfDVksL .newsListMain .newsImgListBox .newsImgListText .list a .time {
margin-top: 15px;
font-size: 14px;
}
.module_zl6cOKfDVksL .newsListMain .newsList {
margin: 0px -20px;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list {
width: calc(33.3333% - 40px);
margin: 60px 20px 0px;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .imgBox .time {
left: 15px;
top: 15px;
padding: 0px 20px;
line-height: 40px;
font-size: 15px;
}
.module_zl6cOKfDVksL .newsListMain .newsList .list .title {
margin-top: 24px ;
font-size: 19px;
line-height: 29px;
height: calc(29px * 2);
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover {
transform: translate3d(0px, -30px, 1px);
}
.module_zl6cOKfDVksL .newsListMain .newsList .list:hover .imgBox {
box-shadow: 0px 30px 15px -20px rgba(0, 0, 0, 0.2);
}
.module_70vjNSyHqdmf .newsDetailTitle .time .Slash{ padding: 0px 12px;}
.module_70vjNSyHqdmf .newsDetailBox .DetailShare a{margin-right: 10px; width: 34px; height: 34px; line-height: 34px; font-size: 18px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a{padding:0px 24px;width: 66px;margin-right: 10px;height: 47px;border-radius: 47px;font-size: 14px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .prevText{margin-left: 10px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a:hover .nextText{margin-right: 10px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a.prevPageBtn:hover{width: 118px;}
.module_70vjNSyHqdmf .newsDetailBox .prevNextArticle a.nextPageBtn:hover{width: 118px;}
.module_70vjNSyHqdmf .newsDetailTitle{max-width: 1000px;}
.module_70vjNSyHqdmf .newsDetailBox{max-width: 1000px;}
.headquarters {
padding: 100px 0;
}
.headquarters .left {
max-width: 570px;
padding: 20px 0 0;
}
.headquarters .left .intro1{
padding: 40px 0 25px;
}
.headquarters .left .intro2{
padding: 50px 0 15px;
}
.headquarters .left .intro3{
padding: 35px 0 8px;
}
.headquarters .left img{
width: 140px;
}
.headquarters .right{
width: 690px;
border-radius: 12px;
padding: 78px 70px;
}
.headquarters .right input{
height: 62px;
line-height: 62px;
border-radius: 12px;
padding: 0 32px;
margin: 30px 0 24px;
}
.layui-form-select dl dd,
.layui-form-select dl dd.layui-this{
padding: 0 32px !important;
}
.layui-form-select dl{
top: 62px;
}
.headquarters .layui-select-title i{
right: 32px;
}
.headquarters .right ul {
height: 530px;
}
.headquarters .right ul li{
margin: 0 30px 0 0;
padding: 0 0 40px;
}
.headquarters .right ul li a >div:nth-child(1){
padding: 30px 0 15px;
}
.headquarters .right ul li span{
padding: 5px 0 0 3em;
}
.headquarters .right ul li a .view{
margin: 30px 0 0 ;
}
.message {
padding: 100px 0 120px;
margin: -290px 0 0 ;
}
.message .intro{
padding: 30px 0 40px;
}
.message ul li div:nth-child(1){
margin: 30px 0 8px;
padding: 0 0 0 7px;
}
.message ul li input,
.message ul li textarea{
width: 453px;
height: 58px;
line-height: 58px;
border-radius: 12px;
padding: 0 25px;
}
.message ul li:nth-child(4) input{
width: 947px;
}
.message ul li textarea{
width: 1440px;
padding: 20px 25px;
height: 120px;
}
.message ul li div img{
right: 10px;
width: 150px;
}
.message ul li button {
width: 156px;
height: 47px;
line-height: 47px;
border-radius: 3vw;
margin: 40px 0 0;
}
.message ul li button i{
margin: 0 0 0 20px;
}
.fangan .crumbs{
margin: 100px 0 0;
padding: 18px 80px 18px;
}
.fangan .columns ul a{
margin: 0 0 0 35px;
}
.fangan .columns ul a.on::before{
bottom: -26px;
}
.fangan .columns ul li:nth-child(4) a{
width: 90px;
height: 34px;
line-height: 34px;
margin: 0 0 0 30px;
}
.Fn.banner_ .title{
margin: 0 0 25px;
}
.Fn.banner_ .text a{
width: 147px;
height: 47px;
line-height: 47px;
margin: 30px 0 ;
}
.Fn.banner_ .text .img {
min-width: 744px;
}
.Fn.banner_ .text .img img{
max-height: 367px;
}
.advantage {
padding: 100px 0 120px;
}
.advantage .text .title{
margin: 0 0 30px;
}
.advantage .text .intro{
max-width: 606px;
}
.advantage ul li{
margin:40px 0 0 ;
}
.advantage ul li .image {
width: 44px;
margin: 0 30px 0 0;
}
.advantage ul li .title{
padding: 0 0 15px;
}
.advantage ul li .intro{
max-width: 225px;
}
.related{
padding: 100px 0 120px;
}
.related .title{
margin: 0 0 60px;
}
.related ul {
padding: 0 0 80px;
margin: 0 -160px 0 0;
}
.swiper-container-horizontal>.swiper-scrollbar{
height: 2px;
}
.related ul li a .text{
padding: 78px;
}
.related ul li a .text .title{
padding: 0 0 25px;
}
.related ul li a .image{
border-radius: 12px;
}
.related ul li a .more i{
margin: 0 0 0 8px;
}
.programme {
padding: 100px 0 120px;
}
.programme ul{
margin: 0 0 -60px;
}
.programme ul li a{
margin: 0 0 60px;
}
.programme ul li .image{
border-radius: 12px;
width: 941px;
}
.programme ul li .text{
width: 560px;
margin: 0 0 0 -60px;
padding: 60px;
border-radius: 12px;
}
.programme ul li:nth-child(2n) .text{
margin: 0 -60px 0 0 ;
}
.programme ul li .text img{
margin: 0 0 20px;
max-width: 37px;
}
.programme ul li .text .intro{
padding: 24px 0 40px;
}
.programme ul li a:hover .text{
box-shadow: 0vw 0vw 1vw 0vw rgba(45,184,212,0.3);
}
.information {
padding: 100px 0;
}
.information ul {
margin: 0 0 -31px 0 ;
}
.information ul li {
width: calc(25% - (96px / 4));
}
.information ul li a{
border-radius: 12px;
}
.information ul li:not(:nth-child(4n)) {
margin: 0 32px 31px 0 ;
}
.information ul li .image {
width: 100%;
height: 196px;
border-radius: 12px 12px 0vw 0vw;
padding: 0 40px;
}
.information ul li .image img{
width: 94px;
height: 94px;
border-radius: 30px;
padding: 24px;
}
.information ul li .title{
padding: 0 0 20px;
}
.information ul li .icon span{
margin: 0 15px 0 0;
}
.information ul li .icon img{
max-width: 14px;
margin: 0 8px 0 0;
}
.information ul li .immediately{
width: 140px;
height: 44px;
line-height: 44px;
margin: 40px 0 0;
}
.information ul li .immediately img{
width: 14px;
margin: 0 0 0 22px;
}
.information ul li a>div:nth-child(2){
padding: 40px 30px 36px 40px;
}
.sample {
padding: 100px 0 120px;
}
.sample .title{
margin: 0 0 50px;
}
.sample ul{
padding: 50px 110px 60px;
border-radius: 12px;
}
.sample ul li div:nth-child(1){
margin: 30px 0 8px;
padding: 0 0 0 7px;
}
.sample ul li input,
.sample ul li textarea{
width: 380px;
height: 58px;
line-height: 58px;
border-radius: 12px;
padding: 0 25px;
}
.sample ul li textarea{
width: 1220px;
padding: 20px 25px;
height: 120px;
}
.sample ul li button {
width: 156px;
height: 47px;
line-height: 47px;
border-radius: 3vw;
margin: 40px 0 0;
}
.sample ul li button i{
margin: 0 0 0 4px;
}
.manage {
padding: 100px 0 180px;
}
.manage .title{
margin: 0 0 40px;
}
.manage .icon{
width: 63px;
margin: 0 auto 90px;
}
.manage .projectDetail{font-size: 16px; line-height: 28px; padding: 30px 0px 0px;}
.device {
padding: 100px 0;
}
.device .title{
padding: 0 0 35px;
}
.device .intro{
padding: 0 0 40px;
}
.device .icon{
width: 63px;
}
.device ul{
margin: 60px -30px 0;
}
.device ul li {
margin: 0 0 80px;
padding: 0 30px;
}
.device ul li:nth-child(2){
margin: 60px 0 80px 0;
}
.device ul li a{
padding: 30px ;
border-radius: 12px;
}
.device ul li a .image{
border-radius: 12px;
}
.device ul li a .Htitle{
padding: 48px 0 15px;
}
.device ul li a .desc{font-size: 16px;height: 90px;line-height: 30px;}
.common {
padding: 100px 0;
}
.common ul li{
margin: 0 0 40px;
}
.common ul li a{
padding: 47px 47px 60px;
border-radius: 12px;
}
.common ul li .columns span{
min-width: 37px;
height: 37px;
line-height: 37px;
}
.common ul li .columns:nth-child(1){
padding: 0 0 45px;
margin: 0 0 45px;
}
.common ul li .columns:nth-child(1) span{
margin: 0 21px 0 0;
}
.common ul li .columns:nth-child(2) span{
margin: 0 13px 0 0;
}
.common ul li .columns .intro{
padding: 7px 0 0;
}
.common ul li a:hover {
box-shadow: 0vw 0vw 1vw 0vw rgba(45,184,212,0.3);
}
.common .module_HL1GBCD1 {
margin: 60px 0 0;
}
.Joinus {
padding: 100px 0 ;
}
.Joinus ul {
margin: 0 0 20px;
}
.Joinus ul li {
border-radius: 10px;
margin: 0 0 20px;
}
.Joinus ul li .columns{
padding: 30px 60px;
}
.Joinus ul li .columns span img{
width: 17px;
margin: 0 10px 0 0 ;
}
.Joinus ul li .text{
padding: 50px 60px 77px;
}
.Joinus ul li .text a{
width: 156px;
height: 47px;
border-radius: 3vw;
line-height: 47px;
margin: 44px 0 0;
}
.Joinus ul li .text a i{
margin: 0 0 0 6px;
}
.Joinus .module_HL1GBCD1 {
margin: 70px 0 0;
}
.screenBox {padding-bottom: 50px;}
.screenBox .list{padding-right: 20px;}
.screenBox .list .btn{border: 1px solid #eee; height: 50px; border-radius: 50px; font-size: 14px; padding: 0px 20px;}
.screenBox .list .btn i{font-size: 16px;}
.screenBox .jobsSearchBox input{border: 1px solid #eee; height: 50px; border-radius: 50px; font-size: 14px; padding: 0px 40px 0px 20px; width: 100%;}
.screenBox .jobsSearchBox button{top: 0px; right: 0px; width: 60px; height: 100%; font-size: 22px;}
.introduce {
min-height: 940px;
padding: 134px 0 ;
}
.introduce .intro{
padding: 34px 0 0 ;
}
.introduce ul {
padding: 80px 0 0;
}
.introduce ul li{
padding: 0 80px;
}
.introduce ul li .image {
min-width: 104px;
}
.introduce ul li .image img{
max-width: 60px;
}
.culture {
min-height: 800px;
}
.Honors {
padding: 120px 0;
}
.Honors .title{
padding: 0 0 60px;
}
.Honors ul li {
width: 250px;
}
.Honors ul li.swiper-slide-active {
width: 336px;
}
.Honors ul::after{
bottom: calc(41px + 27px);
}
.Honors ul li .Htitle {
padding: 27px 0 0 ;
height: calc(44px + 27px);
margin: 30px 0 0 ;
}
.Honors .columns {
margin: 0 -106px;
}
.Honors .columns ul {
width: 1440px;
}
.Honors .columns .layui-icon {
width: 66px;
height: 66px;
border-radius: 3vw;
margin: 0 0 70px;
}
.kkg.banner_ .text .img img{
max-width: 615px;
}
.kkg.banner_ .text .img{
margin: -115px;
}
.Thyristor {
padding: 100px 0 0 ;
}
.Thyristor .intro {
padding: 40px 0;
}
.Thyristor .icon {
width: 63px;
margin: 0 auto 142px;
}
.Thyristor .list{
padding: 0 0 100px;
}
.Thyristor .list ul {
margin: 0px 0px 0 auto;
width: 1000px;
min-width: 1000px;
}
.Thyristor .list dl {
margin: 0px 0px 0 0 ;
padding: 0px 10px 0 0px;
max-height: 835px;
}
.Thyristor .list dl dd {
padding: 40px;
border-radius: 8px;
}
.Thyristor .list dl dd span{
margin: 0 25px 0 0;
}
.Thyristor .list dl dd .Hintro{
padding: 10px 0 0 ;
}
.course {
padding: 115px 0 120px;
}
.course .columns{
padding: 10px 0 30px;
}
.course .columns dl,
.course .columns dl dd a{
margin: 0 25px 0 0 ;
}
.course .columns dl dd:not(:last-child) a::after {
margin: 0 0 0 25px;
}
.course .swiper-pagination {
padding: 0 20px;
}
.course .swiper-pagination-bullet {
width: 6px;
height: 6px;
margin: 0 4px;
}
.course .columns .switch i{
width: 66px;
height: 66px;
}
.course .list ul li {
border-radius: 12px;
}
.course .list ul li .image{
width: 950px;
min-width: 950px;
}
.course .list ul li .text{
padding: 102px 60px;
background: url('../assets/75.png') #FFFFFF no-repeat 70% 90% / 267px;
}
.course .list ul li .text .Htitle{
font-size: 55px;
padding: 0 0 30px;
}
.course .list ul li .text .title{
padding: 0 0 20px;
}
.selection .list{
padding: 100px 0 90px;
}
.selection .list .title{
padding: 0 0 24px;
}
.selection dl{
max-width: 1300px;
}
.selection dl dd a{
min-width: 146px;
padding: 0 20px;
height: 44px;
line-height: 44px;
margin: 15px 5px 0;
}
.selection .outside {
padding: 50px 0 140px;
}
.selection .outside .export a {
width: 146px;
height: 44px;
line-height: 44px;
opacity: 0.7;
border-radius: 3vw;
margin: 0 0 35px auto;
}
.selection .table {
padding: 70px 70px 90px;
border-radius: 12px;
}
.selection .shadow {
height: 20px;
}
.selection .table >div{
border-radius: 12px;
}
.selection .table >div .table2{
border-radius: 0 0 12px 12px;
}
.selection .table >div .table2::-webkit-scrollbar {
width: 3px;
height: 3px;
}
.selection .table >div .table2::-webkit-scrollbar-track {
margin-right: 30px;
margin-left: 30px;
}
.product .list .intro{
padding: 0 0 40px;
}
.product .list .img {
width: 63px;
}
.product .selection .outside {
padding: 80px 0 140px;
}
.product .selection .list {
padding: 100px 0 60px;
}
.selection .outside .auto_1440{width: 1632px;}
.selection .table1 table tr td>div i{
margin: 3px 8px 0;
}
.selection .table1 table tr td>div.on i{
margin: 0 8px;
}
.selection .table1 ul{
margin: 0 -20px;
padding: 20px;
border-radius: 0vw 0vw 12px 12px;
}
.selection .table1 ul li a{
padding: 13px 0;
}
.selection .table1 ul li:first-child a{
padding: 0 0 13px;
}
.selection .table1 ul li a span{
margin: 0 0 0 5px;
}
.selection .table1 ul li a i{
width: 11px;
height: 11px;
margin: 0 10px 0 0;
}
.selection .table1 ul li a i::after{
width: 5px;
height: 5px;
}
.selection .table1 ul >div::-webkit-scrollbar {
width: 2px;
}
.selection .table1 ul >div::-webkit-scrollbar-track {
margin-top: 30px;
margin-left: 30px;
}
.indexProduct ul .swiper-wrapper{
grid-template-columns: 708px auto auto;
grid-gap: 24px;
}
}