html {
-webkit-text-size-adjust: none;
}
body {
overflow-x: hidden;
margin: 0;
padding: 0;
font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
}
img {
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: auto;
}
header,nav,section,article,aside,footer {
display: block;
}
a {
text-decoration: none;
color: #222;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
a * {
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
.fullscreen,.fullscreen body {
height: 100%;
overflow: hidden
}
.alltransition {
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
transition: all .4s ease;
}
.table {
display: table;
width: 100%;
height: 100%;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
.pcshow {
display: block;
}
.mbshow {
display: none!important;
}
.left {
float: left;
}
.right {
float: right;
}
.ywk-contact-left .clear {
clear: both;
}
.img {
position: relative;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* background-color: #000; */
}
.img-center {
/* position: absolute; */
/* left: 0; */
/* right: 0; */
/* top: 0; */
/* bottom: 0; */
/* margin: auto; */
/* display: block; */
/* width: auto!important; */
/* height: auto!important; */
z-index: 1;
width: 100%;
height:100%;
max-width: 800px;
max-height: 800px;
object-fit: cover;
transition:all .5s ease;
left: 50%!important;
top: 50%!important;
-webkit-transform: translate(-50%,-50%)!important;
-ms-transform: translate(-50%,-50%)!important;
transform: translate(-50%,-50%)!important;
position: absolute;
}
.img-block {
display: block;
width: 100%;
height: auto;
}
.img-inline {
display: inline-block;
width: auto;
height: auto;
}
::-webkit-scrollbar {
height: 4px;
width: 5px;
background: #dbdedf;
}
::-webkit-scrollbar-button {
height: 0;
width: 5px;
background: #dbdedf;
}
::-webkit-scrollbar-thumb {
background-color: #016d9e;
box-shadow: inset 1px 1px 0 #016d9e,inset 0 -1px 0 #016d9e;
}
input,select,textarea {
-webkit-appearance: none;
border-radius: 0;
outline: none;
}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {
-webkit-appearance: none;
}
input,select,textarea {
font-family: 'Montserrat-Light',PingFang SC,Microsoft Yahei,Helvetica Neue,Arial;
}
/* header */
.ywk-header {
position: fixed;
/* background: rgb(255 255 255 / 40%); */
left: 0;
top: 0;
z-index: 900;
width: 100%;
transition: all .4s ease;
}
.ywk-header .ywk-content {
width: 96%;
margin: auto;
position: relative;
overflow: visible;
z-index: 999;
display: flex;
}
.ywk-header .ywk-content::after {
content: '';
width: 100%;
height: 0px;
background: #fff;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
}
.ywk-logo {
position: relative;
width: auto;
height: auto;
z-index: 11;
display: flex;
align-items: center;
}
.ywk-logo a {
display: block;
overflow: hidden;
float: left;
width: auto;
height: 50px;
}
.ywk-logo img.default {
display: block;
}
.ywk-logo img.hover {
display: none;
}
.ywk-stock-code {
position: relative;
float: left;
width: auto;
padding: 5px 20px 5px 15px;
margin-left: 0;
text-transform: uppercase;
font-size: 17px;
color: #00609a;
margin-left: 10px;
opacity: 1;
line-height: 20px;
letter-spacing: 1px;
}
.ywk-stock-code span {
font-size: 10px;
font-weight: normal;
font-family: arial;
letter-spacing: 1.2px;
color: #00609a;
/* opacity: 0.95; */
}
.ywk-stock-code::before {
content: '';
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background:rgb(0 128 200 / 56%);
opacity: 1;
}
.ywk-header .ywk-content nav {
display: block;
margin: auto;
text-align: center;
}
.ywk-header-nav {
font-size: 0;
}
.ywk-header-nav li {
display: inline-block;
position: relative;
padding: 0 30px;
font-size: 0;
line-height: 90px;
height: 90px;
}
.ywk-header-nav li a {
display: inline-block;
color: #fff;
position: relative;
font-size: 16px;
text-transform: uppercase;
opacity: 1;
font-weight: bold;
}
.ywk-header-nav li a::after {
content: '';
width: 0px;
height: 1px;
background: #fff;
position: absolute;
bottom: -40px;
left: 50%;
transition: all .4s ease;
}
.ywk-header-right{position: relative;right:0;top:0;width:auto;height: 90px;text-align:right;display: flex;align-items: center;}
.head_lan{width: auto;position:relative;margin-left:auto;margin-right:0px;border:none;/* padding:0px 10px; */transition:all .5s ease;float:right;top: 0;margin-left: 35px;margin-right: 0;}
.head_lan.fixed{border:none}
.lan_con{width:auto;display:flex;justify-content:center;align-items:center}
.lan_con:hover{/* cursor:pointer; */}
.head_lan .lan_tit{width:auto;line-height: 90px;display:flex;align-items:center;/* border: 1px solid rgba(255,255,255,0.2); */cursor: pointer;}
.head_lan .lan_tit svg:nth-child(3){transform: rotate(-90deg);transition:all .3s ease;}
.head_lan .lan_tit svg path{fill:#fff;}
.ywk-header.active .head_lan .lan_tit svg path{fill:#333;}
.ywk-header:hover .head_lan .lan_tit svg path{fill:#333;}
.ywk-header .head_lan:hover .lan_tit svg:nth-child(3){transform: rotate(0deg);}
.ywk-header.scroll-down .head_lan .lan_tit svg path,.ywk-header.scroll-top .head_lan .lan_tit svg path{fill:#333;}
.head_lan .lan_tit span{display:inline-block;font-size: 15px;color: #fff;/* font-family:arial!important; */font-weight: normal;padding: 0px 2px 0 7px;}
.head_lan .lan_tit span:nth-child(2){/* border-left: 1px solid rgba(255,255,0255,0.5); */}
.head_lan .lan_list{display:flex;width: 100%;padding: 0;font-size: 14px;color: #747577;max-width: 1200px;margin: 0 auto;width: 94%;flex-wrap: wrap;}
.head_lan .lan_list p{/* border-top: 1px solid rgba(0,0,0,0.3); */margin: 0;background: rgba(255,255,255,0.8);flex: 0 0 20%;text-align: left;}
.head_lan .lan_list p:nth-child(2){border:none;}
.lan_con:hover .head_lanrow{opacity:1;transform:translate(0,0px);visibility:visible}
.lan_con .head_lanrow{opacity:0;visibility:hidden;border-top: 1px solid #eee;top: 90px;transition:all .3s ease;position: fixed;width: 100%;left: 0;padding: 60px 0 45px;background: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);}
.lan_con .head_lanrow .title{max-width: 1200px;margin: 0 auto;width: 94%;text-align: left;font-size: 18px;margin-bottom: 20px;color: #000;}
.head_lan .lan_list span{position:relative;line-height:1px;display:inline-block;height:1px;width:100%;display: none;}
.head_lan .lan_list a{font-weight: 600;color: #333;display:block;text-align: left;height: 50px;line-height: 50px;transition:all .3s ease;font-size: 16px;}
.head_lan .lan_list a:hover{color: #0080c8;}
.ywk-header .search{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor: pointer;margin-left: 20px;}
.ywk-header .search .icon2{display: none;}
.ywk-header .search.active .icon{display: none;}
.ywk-header .search.active .icon2{display: block;}
.ywk-header .search svg path{fill: #fff;}
.ywk-header.scroll-down .search svg path,.ywk-header.scroll-top .search svg path,.ywk-header:hover .search svg path,.ywk-header.active .search svg path{fill:#333333}
.ywk-header.scroll-down .head_lan .lan_tit,.ywk-header.scroll-top .head_lan .lan_tit,.ywk-header:hover .head_lan .lan_tit,.ywk-header.active .head_lan .lan_tit{/* border: 1px solid rgba(0,0,0,0.15); */}
.ywk-header.scroll-down .head_lan .lan_tit span,.ywk-header.scroll-top .head_lan .lan_tit span,.ywk-header:hover .head_lan .lan_tit span,.ywk-header.active .head_lan .lan_tit span{color:#333}
.ywk-header-nav-show {
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: auto;
z-index: 900;
}
.ywk-header-nav-show .ywk-content {
width: 100%;
padding: 0;
margin-top: 90px;
overflow: visible;
background: none;
}
.ywk-header-nav-show .ywk-content::after {
display: none;
}
.ywk-header-nav-show-content {
background: #f5f7fa;
width: 100%;
height: auto;
z-index: 1;
position: absolute;
left: 0;
overflow: hidden;
transition: all .4s ease;
}
.ywk-header-nav-show-content::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
left: 0;
top: 0;
background: #000;
opacity: 0;
z-index: 50;
}
.ywk-header-nav-show-content.Hide {
opacity: 0;
z-index: -1;
height: 0px;
box-shadow: none
}
.ywk-header-nav-show-content.Hide.cur {
opacity: 1;
height: auto;
}
.ywk-header-nav-left {
float: left;
width: 28%;
padding: 2% 1% 2% 12%;
box-sizing: border-box;
position: relative;
z-index: 10;
}
.ywk-header-nav-list {
position: relative;
}
.ywk-header-nav-list li {
list-style: none;
margin: 0;
padding: 15px 0 5px 40%;
position: relative;
}
.ywk-header-nav-list li::before {
content: '';
position: absolute;
right: -60px;
top: 25px;
width: 50px;
height: 3px;
background: #8ec31f;
display: none;
}
.ywk-header-nav-list li.cur::before {
display: block;
}
.ywk-header-nav-list li i {
position: relative;
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
margin-right: 10px;
}
.ywk-header-nav-list li i * {
fill: #a1a6b2!important;
}
.ywk-header-nav-list li span {
display: inline-block;
vertical-align: middle;
color: #a1a6b2;
font-size: 16px;
text-transform: uppercase;
}
.ywk-header-nav-list li a:hover i * {
fill: #016d9e!important;
}
.ywk-header-nav-list li a:hover span {
color: #016d9e;
}
.ywk-header-nav-list li.cur i * {
fill: #016d9e!important;
}
.ywk-header-nav-list li.cur span {
color: #016d9e;
}
.ywk-header-nav-right {
float: left;
width: 72%;
padding: 2% 0 2% 0;
box-sizing: border-box;
overflow: hidden;
}
.ywk-header-nav-right::before {
content: '';
position: absolute;
right: 0;
top: 1px;
width: 71%;
height: calc(100% - 1px);
background: #fff;
}
.ywk-nav-swiper {
position: relative;
}
.ywk-nav-two {
position: relative;
}
.ywk-nav-two-left {
position: relative;
float: left;
width: 25%;
overflow: hidden;
}
.ywk-nav-two-left li {
list-style: none;
margin: 0;
padding: 12px 0 12px 100px;
position: relative;
}
.ywk-nav-two-left li:before {content: '';width: 100%;height: 1px;position: absolute;background: linear-gradient(45deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%);bottom: 0;}
.ywk-nav-two-left li a {
display: inline-block;
vertical-align: middle;
color: #a1a6b2;
font-size: 15px;
text-transform: uppercase;
position: relative;
}
.ywk-nav-two-left li.cur a {
color: #016d9e;
}
.ywk-nav-two-right-swiper {
position: relative;
float: left;
width: 73%;
overflow: hidden;
padding: 1% 0;
margin-left: 2%;
}
.nav-slide-item {
overflow: hidden;
margin-left: 5%;
width: 95%;
}
.nav-slide-item .img {
position: relative;
opacity: .5;
background-color: #f5f7fa;
padding-bottom: 100%;
}
.nav-slide-item .nav-title {
text-align: center;
padding-top: 20px;
overflow: hidden;
color: #a1a7b3;
font-size: 15px;
position: relative;
text-transform: uppercase;
}
.nav-slide-item .nav-title::before {
content: '';
width: 0px;
height: 3px;
background: #8ec31f;
position: absolute;
left: 50%;
top: 0;
transition: all .4s ease;
}
.ywk-nav-two-right-swiper .swiper-slide.cur .nav-slide-item .nav-title {
color: #016d9e;
}
.ywk-nav-two-right-swiper .swiper-slide.cur .nav-slide-item .nav-title::before {
width: 100%;
left: 0;
}
.ywk-nav-two-right-swiper .swiper-slide.cur .img {
opacity: 1;
}
.ywk-nav-two-left ul {
list-style: none;
padding: 10px 0 0 0;
margin: 0;
}
.ywk-nav-two-left ul a {
color: #a1a7b2!important;
font-size: 14px!important;
font-family: 'Montserrat-Light'!important;
padding-bottom: 5px;
text-transform: capitalize;
display: block;
}
.ywk-nav-two-left ul a.cur {
color: #016d9e!important;
}
.ywk-nav-two-right-swiper-item .img img.img-center {
max-width: 80%;
max-height: 80%;
}
.ywk-header-nav-show-search {
overflow: hidden;
text-align: center;
width: 40%;
margin: 5% auto;
position: relative;
}
.ywk-header-nav-show-search .input {
background: #fff;
padding: 25px;
display: block;
border: none;
outline: none;
width: 100%;
font-size: 14px;
border: 1px solid #ccc;
}
.ywk-header-nav-show-search .submit {
background: url('../image/ss1.png') center no-repeat #016d9e;
display: block;
position: absolute;
width: 13%;
height: 100%;
outline: none;
cursor: pointer;
font-size: 18px;
right: 0;
top: 0;
z-index: 3;
border: none;
}
.ywk-header-nav-show-search input.submit:hover {
background: url('../image/ss1.png') center no-repeat #f29700;
}
#language.ywk-header-nav-show-content {
background: #fff;
width: 100px;
height: auto;
left: auto;
right: 35px;
top: -20px;
overflow: hidden;
}
#language.ywk-header-nav-show-content.Hide {
opacity: 0;
z-index: -1;
height: 0px;
box-shadow: none
}
.ywk-header-nav-show-language {
position: relative;
overflow: hidden;
padding: 0;
border: 1px solid #eee;
}
.ywk-header-nav-show-language a {
display: block;
text-align: center;
font-size: 14px;
padding: 10px 0;
border-bottom: 1px solid #ccc;
}
.ywk-header-nav-show-language a:hover {
color: #fff;
background: #016d9e;
}
.ywk-header-nav-show-about {
overflow: hidden;
text-align: center;
width: 70%;
margin: 20px auto 30px auto;
position: relative;
font-size: 0;
}
.ywk-header-nav-show-about .box{width: 14%;margin:1%;display: inline-block;vertical-align: top;}
.ywk-header-nav-show-about a {
display: inline-block;
position: relative;
vertical-align: middle;
width: 100%;
padding: 20px;
text-align: left;
overflow: hidden;
}
.ywk-header-nav-show-about a::after,.ywk-header-nav-show-about a::before {
content: '';
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 1px;
background: #e6e6e6;
}
.ywk-header-nav-show-about a::before {
width: 0px;
background: #016d9e;
transition: all .4s ease;
z-index: 2;
}
.ywk-header-nav-show-about a i {
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
background: url('../image/jt3.png');
}
.ywk-header-nav-show-about a span {
font-size: 14px;
color: #666;
text-transform: uppercase;
}
.ywk-header-nav-show-about a span::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
right: -50px;
top: 50%;
margin-top: -9px;
background: url('../image/jt1.png');
transition: all .4s ease;
}
.ywk-header-nav-show-about a:hover span {
color: #016d9e;
}
.ywk-header-nav-show-about a:hover::before {
width: 100%;
}
.ywk-header-nav-show-about a:hover {
padding: 20px 40px 20px 0px;
}
.ywk-header-nav-show-about a:hover span::after {
left: auto;
right: 0;
background: url('../image/jt4.png');
}
.ywk-header-nav-show-about a:hover i {
left: -50px;
}
.ywk-header-nav-show-about .box ul{
padding: 0;
}
.ywk-header-nav-show-about .box ul li{
list-style: none;
border-bottom: 1px solid #eee;
}
.ywk-header-nav-show-about .box ul li a{
padding: 10px 20px;
color: #888;
font-size: 14px;
}
.ywk-header-nav-show-about .box ul li a:hover{color:#007fc9}
.ywk-header-nav-show-about .box ul li a:before,.ywk-header-nav-show-about .box ul li a:after{display:none;}
#about.ywk-header-nav-show-content,#search.ywk-header-nav-show-content {
background: #fff;
}
/* scroll - top - down - cur - on -hover */
.ywk-header:hover, .ywk-header.scroll-down, .ywk-header.scroll-top,.ywk-header.active{
background: #fff;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
}
.ywk-header:hover .ywk-logo img.default, .ywk-header.scroll-down .ywk-logo img.default, .ywk-header.scroll-top .ywk-logo img.default, .ywk-header.active .ywk-logo img.default{
display: none;
}
.ywk-header:hover .ywk-logo img.hover, .ywk-header.scroll-down .ywk-logo img.hover, .ywk-header.scroll-top .ywk-logo img.hover{
display: block;
}
.ywk-header.active .ywk-logo .logo1{display:block;}
.ywk-header:hover .ywk-stock-code, .ywk-header.scroll-down .ywk-stock-code, .ywk-header.scroll-top .ywk-stock-code {
color: #00609a;
}
.ywk-header:hover .ywk-stock-code::before, .ywk-header.scroll-down .ywk-stock-code::before, .ywk-header.scroll-top .ywk-stock-code::before {
/* background: #1e2d45; */
}
.ywk-header:hover .ywk-header-nav li a, .ywk-header.scroll-down .ywk-header-nav li a, .ywk-header.scroll-top .ywk-header-nav li a,.ywk-header.active .ywk-header-nav li a{
color: #333;
}
.ywk-header:hover .ywk-header-nav li a::after, .ywk-header.scroll-down .ywk-header-nav li a::after, .ywk-header.scroll-top .ywk-header-nav li a::after {
background: #016d9e;
}
.ywk-header:hover .ywk-header-nav li a:hover, .ywk-header.scroll-down .ywk-header-nav li.cur a, .ywk-header.scroll-top .ywk-header-nav li.cur a {
color: #016d9e;
opacity: 1;
}
.ywk-header:hover .logo2, .ywk-header.scroll-down .logo2, .ywk-header.scroll-top .logo2{display:none;}
.ywk-header:hover .logo1, .ywk-header.scroll-down .logo1, .ywk-header.scroll-top .logo1{display:block;}
.ywk-header:hover .ywk-header-nav li.cur a {
color: #016d9e;
}
.ywk-header:hover .ywk-header-nav li.cur a::after {
width: 100%;
background: #016d9e;
left: 0;
}
.ywk-header-nav li.on a {
color: #fff;
}
.ywk-header-nav li.on a::after {
width: 100%;
background: #fff;
left: 0;
}
.ywk-header:hover .ywk-header-nav li.on a, .ywk-header.scroll-down .ywk-header-nav li.on a, .ywk-header.scroll-top .ywk-header-nav li.on a {
color: #016d9e;
opacity: 1;
}
.ywk-header:hover .ywk-header-right-link a, .ywk-header.scroll-down .ywk-header-right-link a, .ywk-header.scroll-top .ywk-header-right-link a {
color: #016d9e;
background:linear-gradient(to right,#8ec322, #0080c8, #0080c8);
-webkit-background-clip: text;
color: transparent;
}
.ywk-header:hover .ywk-header-right-link a::after, .ywk-header.scroll-down .ywk-header-right-link a::after, .ywk-header.scroll-top .ywk-header-right-link a::after {
background: #fff;
}
.ywk-header:hover .ywk-header-right-link a:hover, .ywk-header.scroll-down .ywk-header-right-link a:hover, .ywk-header.scroll-top .ywk-header-right-link a:hover {
/* color: #016d9e; */
opacity: 1;
}
.ywk-header:hover .ywk-header-right-link a:hover::after, .ywk-header.scroll-down .ywk-header-right-link a:hover::after, .ywk-header.scroll-top .ywk-header-right-link a:hover::after {
width: 100%;
background: #016d9e;
left: 0;
}
.ywk-header-right-link a.on {
color: #fff;
opacity: 1;
}
.ywk-header-right-link a.on::after {
width: 100%;
background: #fff;
left: 0;
}
.ywk-header:hover .ywk-header-right-link a.on, .ywk-header.scroll-down .ywk-header-right-link a.on, .ywk-header.scroll-top .ywk-header-right-link a.on {
color: #016d9e;
opacity: 1;
}
.ywk-header:hover .ywk-header-right-link a.on::after, .ywk-header.scroll-down .ywk-header-right-link a.on::after, .ywk-header.scroll-top .ywk-header-right-link a.on::after {
width: 100%;
background: #016d9e;
left: 0;
}
.ywk-header:hover .ywk-header-right a span, .ywk-header.scroll-down .ywk-header-right a span, .ywk-header.scroll-top .ywk-header-right a span {
color: #1e2d45;
}
.ywk-header:hover .ywk-header-right a:hover span, .ywk-header.scroll-down .ywk-header-right a:hover span, .ywk-header.scroll-top .ywk-header-right a:hover span {
color: #016d9e;
opacity: 1;
}
.ywk-header:hover .ywk-header-right-search i, .ywk-header.scroll-down .ywk-header-right-search i, .ywk-header.scroll-top .ywk-header-right-search i {
background: url('../image/ss2.png') center no-repeat;
opacity: .7;
}
.ywk-header:hover .ywk-header-right-language i, .ywk-header.scroll-down .ywk-header-right-language i, .ywk-header.scroll-top .ywk-header-right-language i {
background: url('../image/ee2.png') center no-repeat;
opacity: 1;
}
.ywk-header:hover .ywk-header-right-search a:hover i, .ywk-header.scroll-down .ywk-header-right-search a:hover i, .ywk-header.scroll-top .ywk-header-right-search a:hover i {
background: url('../image/ss3.png') center no-repeat;
opacity: 1;
}
.ywk-header:hover .ywk-header-right-language a:hover i, .ywk-header.scroll-down .ywk-header-right-language a:hover i, .ywk-header.scroll-top .ywk-header-right-language a:hover i {
background: url('../image/ee2.png') center no-repeat;
opacity: 1;
}
.navblack .ywk-header .ywk-logo img.default {
display: none;
}
.navblack .ywk-header .ywk-logo img.hover {
display: block;
}
.navblack .ywk-header .ywk-stock-code {
color: #1e2d45;
}
.navblack .ywk-header .ywk-stock-code::before {
background: #676f82;
}
.navblack .ywk-header .ywk-header-nav li a {
color: #1e2d45;
}
.navblack .ywk-header .ywk-header-nav li a::after {
background: #016d9e;
}
.navblack .ywk-header .ywk-header-nav li.cur a {
color: #016d9e;
}
.navblack .ywk-header .ywk-header-right a span {
color: #1e2d45;
}
.navblack .ywk-header .ywk-header-right-link a {
color: #1e2d45;
}
.navblack .ywk-header .ywk-content::after {
background: #676f82;
opacity: 0;
}
.navblack .ywk-header.scroll-top .ywk-content::after,.navblack .ywk-header.scroll-down .ywk-content::after {
opacity: 0;
}
.navblack .ywk-header .ywk-header-right-language i {
background: url('../image/ee2.png') center no-repeat;
}
.navblack .ywk-header .ywk-header-right-search i {
background: url('../image/ss2.png') center no-repeat;
}
.navblack .ywk-header::after {
content: '';
width: 100%;
opacity: .1;
height: 1px;
background: #000;
position: absolute;
left: 0;
bottom: 0;
}
.ywk-header-nav-show-mark {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0px;
z-index: -1;
background: rgba(0,0,0,.3);
opacity: 0;
transition: all .4s ease;
}
.ywk-header-nav-show-mark.cur {
z-index: 20;
opacity: 1;
}
.ywk-header.scroll-top::after,.ywk-header.scroll-down::after {
content: '';
width: 100%;
height: 0px;
background: #000;
opacity: .1;
position: absolute;
left: 0;
bottom: 0;
}
.ywk-header.scroll-top .ywk-header-nav-show-content::before,.ywk-header.scroll-down .ywk-header-nav-show-content::before {
display: none;
}
.navblack .ywk-header-nav-show-content::before,.navblack .ywk-header-nav-show-content::before {
display: none;
}
/* nav */
.ywk-menu-toggle {
display: none;
width: 50px;
height: 50px;
position: fixed;
right: 0px;
top: 0px;
z-index: 9999;
}
.ywk-menu-toggle span.hamburger, .ywk-menu-toggle span.hamburger:after, .ywk-menu-toggle span.hamburger:before {
content: "";
display: block;
width: 24px;
height: 2px;
background: #333;
position: absolute;
top: 50%;
margin-top: -1px;
left: 50%;
margin-left: -12px;
-webkit-transition: transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
transition: transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
-webkit-transition-timing-function: cubic-bezier(0.600,0.000,0.200,1.000);
transition-timing-function: cubic-bezier(0.600,0.000,0.200,1.000);
transition-delay: 0.15s;
}
.ywk-menu-toggle span.hamburger:after {
margin-top: -7px;
top: 0;
transition-delay: 0.27s;
}
.ywk-menu-toggle span.hamburger:before {
margin-top: 7px;
top: 0;
transition-delay: 0.2s;
}
.ywk-menu-toggle span.cross:before, .ywk-menu-toggle span.cross:after {
content: "";
display: block;
width: 24px;
height: 2px;
background: #000;
position: absolute;
top: 50%;
margin-top: -1.5px;
left: 50%;
margin-left: -12px;
-webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
transform: translateY(-70px) translateX(-70px) rotate(45deg);
transition-delay: 0.12s;
}
.ywk-menu-toggle span.cross:after {
transition-delay: 0s;
-webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
transform: translateY(70px) translateX(-70px) rotate(-45deg);
}
.ywk-menu-toggle span.cross:after {
-webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
transform: translateY(-70px) translateX(70px) rotate(-45deg);
}
.no-touch .ywk-menu-toggle span.hamburger, .no-touch .ywk-menu-toggle span.hamburger:after, .no-touch .ywk-menu-toggle span.hamburger:before {
-webkit-transform: translateX(70px);
transform: translateX(70px);
transition-delay: 0.12s;
background: #fff;
}
.no-touch .menu-toggle span.hamburger:after {
transition-delay: 0s;
}
.no-touch .menu-toggle span.hamburger:before {
transition-delay: 0.07s;
}
.no-touch .ywk-menu-toggle span.cross:before {
transition-delay: 0.12s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.no-touch .ywk-menu-toggle span.cross:after {
transition-delay: 0.24s;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important;
}
.ywk-header.scroll-down .ywk-menu-toggle span.hamburger,.ywk-header:hover .ywk-menu-toggle span.hamburger, .ywk-header.scroll-down .ywk-menu-toggle span.hamburger:after,.ywk-header:hover .ywk-menu-toggle span.hamburger:after, .ywk-header.scroll-down .ywk-menu-toggle span.hamburger:before,.ywk-header:hover .ywk-menu-toggle span.hamburger:before, .ywk-header.scroll-top .ywk-menu-toggle span.hamburger, .ywk-header.scroll-top .ywk-menu-toggle span.hamburger:after, .ywk-header.scroll-top .ywk-menu-toggle span.hamburger:before {
background: #000;
}
.no-touch body,.no-touch html {
overflow: hidden;
}
.no-touch .ywk-header {
background: #fff;
}
.no-touch .ywk-header .ywk-logo img.default {
display: none;
}
.no-touch .ywk-header .ywk-logo img.hover {
display: block;
}
.no-touch .ywk-header-right-search i {
background: url(../image/ss2.png) center no-repeat;
opacity: 1;
}
.no-touch .ywk-header-right-language i {
background: url(../image/ee2.png) center no-repeat;
opacity: 1;
}
.mobile-nav {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 100;
padding-top: 20%;
background: rgba(0,0,0,.9);
box-sizing: border-box;
transition: all .4s ease;
display: block;
transform: translateX(100%);
}
.mobile-nav ul {
position: relative;
width: 90%;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
margin: 0 auto;
padding: 0;
list-style: none;
}
.mobile-nav ul::-webkit-scrollbar {
width: 0px;
}
.mobile-nav li {
list-style: none;
margin: 0;
padding: 15px 0 10px;
text-align: left;
border-bottom: 1px solid rgba(255,255,255,.2);
overflow: hidden;
}
.mobile-nav li a {
display: block;
color: #fff;
opacity: .5;
font-size: 16px;
background: url('../image/jt3.png') right center no-repeat;
background-size: auto 50%;
}
.mobile-nav li a.cur {
opacity: 1;
background: url('../image/jt2.png') right center no-repeat;
background-size: auto 50%;
}
.mobile-nav li ul {
list-style: none;
margin: 0;
padding: 20px 0;
}
.mobile-nav li ul.mchildren {
display: none;
padding-left: 5%;
}
.mobile-nav li ul li {
list-style: none;
margin: 0;
padding: 5px 0 5px;
}
.mobile-nav li ul li:last-child {
border: none;
}
.mobile-nav li ul li a {
font-family: 'Montserrat-Light';
font-size: 14px;
}
.mobile-nav.is-visible {
transform: translateX(0px);
display: block;
}
.mobile-nav li ul li ul.three-children {
display: none;
list-style: none;
margin: 0;
padding: 10px 0;
width: 100%;
}
.mobile-nav li ul li ul.three-children.cur {
display: block;
}
.mobile-nav li ul li ul.three-children a {
font-family: 'Montserrat-Light';
font-size: 12px;
padding: 10px 0;
display: block;
border-bottom: 1px solid rgba(255,255,255,.2);
background: none;
}
.mobile-nav li ul li ul.three-children a:last-child {
border: none;
}
.navblack .ywk-menu-toggle span.hamburger,.navblack .ywk-menu-toggle span.hamburger:after,.navblack .ywk-menu-toggle span.hamburger:before {
background: #000;
}
.cd-nav-trigger {
display: block;
overflow: hidden;
height: 50px;
}
/* footer */
.ywk-footer {
background: #111924 url('https://www.gttss.com/template/default/image/footer.jpg') center no-repeat;
background-size: cover;
padding-top: 80px;
overflow: hidden;
color: #000;
}
.ywk-footer .ywk-content {
width: 75%;
}
.ywk-footer .ywk-content-top {
position: relative;
overflow: hidden;
padding-bottom: 40px;
border-bottom: 1px solid #29303a;
}
.ywk-footer a:hover {
color: #fff;
}
.ywk-content-top-logo {
width: 50px;
}
.ywk-content-top-email-subscription {
position: absolute;
right: 0;
top: 0;
}
.email-address-input {
border: 1px solid #414750;
background: none;
width: 250px;
height: 45px;
line-height: 45px;
box-sizing: border-box;
padding: 0 4%;
color: #ccc;
display: inline-block;
vertical-align: middle;
}
.email-address-input:focus {
border: 1px solid #ccc;
}
.subscription {
border: 1px solid #414750;
background: none;
width: 110px;
height: 45px;
line-height: 45px;
text-align: center;
color: #60656b;
font-size: 12px;
cursor: pointer;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
}
.subscription:hover {
background: #fff;
color: #000;
}
.ywk-content-center {
color: #6c7178;
clear: both;
overflow: hidden;
padding: 50px 0 20px 0;
position: relative;
}
.ywk-content-center ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
min-width: 20%;
}
.ywk-content-center ul:last-child {
min-width: auto;
}
.ywk-content-center ul strong {
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
color: #fff;
padding-bottom: 10px;
display: block;
}
.ywk-content-center ul li {
list-style: none;
margin: 0;
padding: 4px 0;
}
.ywk-content-center ul li a {
color: #6c7178;
font-size: 14px;
}
.ywk-content-bottom {
color: #6c7178;
border-top: 1px solid #29303a;
padding: 30px 0;
overflow: hidden;
position: relative;
}
.ywk-content-bottom a {
font-size: 12px;
display: inline-block;
vertical-align: middle;
color: #6c7178;
}
.ywk-content-copy {
font-size: 12px;
float: left;
width: 50%;
}
.ywk-content-copy span {
display: inline-block;
vertical-align: middle;
}
.ywk-content-link {
width: 40%;
text-align: right;
position: absolute;
right: 0;
top: 50%;
margin-top: -10px;
}
.ywk-content-link a {
margin-left: 20px;
}
.ywk-content-social {
text-align: right;
clear: both;
overflow: hidden;
padding: 20px 0;
position: relative;
}
.ywk-content-social a {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
width: 22px;
height: 22px;
opacity: .5;
}
.ywk-content-social a:hover {
opacity: 1;
}
.ywk-content-social a.f1 {
background: url('https://www.gttss.com/template/default/image/f1.png') center no-repeat;
}
.ywk-content-social a.f2 {
background: url('https://www.gttss.com/template/default/image/f2.png') center no-repeat;
}
.ywk-content-social a.f3 {
background: url('https://www.gttss.com/template/default/image/f3.png') center no-repeat;
}
.ywk-content-social a.f4 {
background: url('https://www.gttss.com/template/default/image/f4.png') center no-repeat;
}
.ywk-content-social a.f5 {
background: url('https://www.gttss.com/template/default/image/f5.png') center no-repeat;
}
.ywk-content-social-ewm {
width: 100px;
height: 100px;
background: #fff;
padding: 10px;
z-index: 10;
position: absolute;
right: 0;
bottom: 0;
display: none;
}
/* index */
.ywk-index-banner {
position: relative;
width: 100%;
height: 100%;
}
.ywk-index-banner .ywk-index-banner-container {
position: relative;
overflow: hidden;
width: 100%;
}
.ywk-index-banner .text {
position: absolute;
width: 90%;
top: 34%;
left: 8%;
z-index: 10;
color: #fff;
text-align:center;
}
.ywk-index-banner .text * {
position: relative;
z-index: 10;
}
.ywk-index-banner .text .title-1 {
font-size: 140px;
line-height: 120px;
color: #fff;
transform: translateY(200px);
opacity: 0;
transition: all 0.2s;
}
.ywk-index-banner .text .title-1 h1 {
font-size: 140px;
line-height: 120px;
text-transform: uppercase;
display: none;
}
.ywk-index-banner .text .title-2 {
position: relative;
font-size:2.4rem;
line-height: 1;
text-transform: uppercase;
transform: translateY(200px);
opacity: 0;
transition: all 0.5s;
display: inline-block;
color: #FFF;
}
.ywk-index-banner .text .en {
display: block;
white-space: nowrap;
font-family:'Montserrat-Bold';
font-size: 6rem;
line-height: 0.8em;
color: rgba(255, 255, 255, 0);
-webkit-text-stroke: 1px #fff;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(1.2rem);
-ms-transform: translateX(-50%) translateY(1.2rem);
transform: translateX(-50%) translateY(1.2rem);
top: -48px;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.ywk-index-banner .swiper-slide-active .text .en {
-webkit-transform: translateX(-50%) translateY(0);
-ms-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
opacity: 0.38;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.ywk-index-banner .text .line-3 {
transform: translateY(200px);
left:47.5%;
opacity: 0;
transition: all 0.7s;
}
.ywk-index-banner .text .line-3 i {
display: block;
margin: 30px 0;
width: 80px;
height: 4px;
background: #fff;
}
.ywk-index-banner .text .text-4 {
font-size: 18px;
line-height: 30px;
color: #fff;
transform: translateY(200px);
opacity: 0;
transition: all 0.9s;
}
.ywk-index-banner .text .text-4 span {
color: #fff!important;
}
.ywk-index-banner .text .viewmore span {
color: #666;
}
.ywk-index-banner .text .viewmore {
transform: translateY(200px);
opacity: 0;
transition: all 1.2s;
}
.ywk-index-banner .video {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9;
opacity: 0.5;
}
.ywk-index-banner .video video {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.ywk-index-banner .swiper-slide-active .text .title-1, .ywk-index-banner .swiper-slide-active .text .title-2, .ywk-index-banner .swiper-slide-active .text .line-3, .ywk-index-banner .swiper-slide-active .text .text-4, .ywk-index-banner .swiper-slide-active .text .viewmore {
transform: translateY(0px);
opacity: 1;
}
.ywk-index-banner .swiper-slide-active .img {
animation: bigimgani 5000ms infinite ease-out;
}
.ywk-index-banner .ywk-index-banner-pagination {
width: auto!important;
left: auto!important;
right: 4%;
bottom: 5%!important;
text-align: right;
}
.ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet {
background: none;
border-radius: 0;
width: 20px;
height: 30px;
transition: all .4s ease;
margin: 0;
position: relative;
opacity: 1;
}
.ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet::before {
content: '';
width: 7px;
height: 20px;
margin: auto;
position: absolute;
left: 50%;
bottom: 0;
background: #fff;
opacity: .5;
transition: all .4s ease;
transform: skew(-15deg);
}
.ywk-index-banner .ywk-index-banner-pagination span.swiper-pagination-bullet-active::before {
height: 30px;
opacity: 1;
}
.ywk-index-banner-scroll {
width: 40px;
height: 39px;
position: absolute;
left: 4%;
bottom: 5%;
z-index: 20;
}
.ywk-index-banner-scroll i {
width: 8px;
height: 45px;
background: url('../image/dj.png') center no-repeat;
position: absolute;
left: 50%;
margin-left: -4px;
top: -30px;
}
.ywk-index-banner-scroll span {
display: block;
width: 40px;
height: 39px;
background: url('../image/yy.png') center no-repeat;
}
.ywk-index-banner-scroll i {
animation: tbupdonw1 2000ms infinite ease;
}
@keyframes tbupdonw1 {
0% {
top: -30px;
}
50% {
top: -20px;
}
100% {
top: -30px;
}
}
.ywk-index-banner .ywk-index-banner-container.left .text {
width: 90%;
max-width: 1440px;
top: 40%;
left: 8%;
left: 50%!important;
top: 54%!important;
-webkit-transform: translate(-50%,-50%)!important;
-ms-transform: translate(-50%,-50%)!important;
transform: translate(-50%,-50%)!important;
}
.ywk-index-banner .ywk-index-banner-container.center .text {
width: 90%;
top: 34%;
left: 5%;
text-align: center;
}
.ywk-index-banner .ywk-index-banner-container.center .text .line-3 {
margin: 30px auto;
}
.ywk-index-banner .ywk-index-banner-container.center .text .line-3 i {
display: inline-block;
}
.ywk-index-banner .ywk-index-banner-container.center .text .text-4 {
margin: auto;
}
.ywk-index-banner .ywk-index-banner-container.center .text::before {
display: none;
}
.ywk-index-banner .ywk-index-banner-container.center .text .title-2 {
display: inline-block;
background: url('https://www.gttss.com/template/default/image/sc2.png') left top no-repeat;
padding-left: 10px;
margin-left: -10px;
}
.ywk-index-banner .ywk-index-banner-container.center .viewmore a {
margin: auto;
text-align: left;
}
.ywk-index-banner .ywk-index-banner-container.right .text {
width: 90%;
top: 34%;
left: auto;
right: 8%;
text-align: right;
}
.ywk-index-banner .ywk-index-banner-container.right .text .line-3 i {
display: inline-block;
}
.ywk-index-banner .ywk-index-banner-container.right .text .text-4 {
text-align: right;
float: right;
}
.ywk-index-banner .ywk-index-banner-container.right .viewmore {
clear: both;
}
.ywk-index-banner .ywk-index-banner-container.right .viewmore a {
display: inline-block;
margin-top: 40px;
text-align: left;
}
.ywk-index-banner .ywk-index-banner-container.none .text {
display: none;
}
.ywk-index-banner .ywk-index-banner-container .img {
height: 100vh;
/* background-size: 100% 100%; */
padding-bottom: 0;
max-height: 960px;
}
.ywk-index-banner .ywk-index-banner-container .img img {
min-width: 100%;
min-height: 100%!important;
object-fit: cover;
transition: all .5s ease;
left: 50%!important;
top: 50%!important;
-webkit-transform: translate(-50%,-50%)!important;
-ms-transform: translate(-50%,-50%)!important;
transform: translate(-50%,-50%)!important;
position: absolute;
}
.ywk-index-banner .ywk-index-banner-container .img video {
width: 100%;
height: auto!important;
/* object-fit: cover; */
transition: all .5s ease;
left: 50%!important;
top: 50%!important;
-webkit-transform: translate(-50%,-50%)!important;
-ms-transform: translate(-50%,-50%)!important;
transform: translate(-50%,-50%)!important;
position: absolute;
}
.ywk-index-banner .ywk-index-banner-container .img::after {
content: "";
width: 100%;
height: 100%;
left: 50%!important;
top: 50%!important;
-webkit-transform: translate(-50%,-50%)!important;
-ms-transform: translate(-50%,-50%)!important;
transform: translate(-50%,-50%)!important;
position: absolute;
background-image: linear-gradient(45deg, rgb(142 195 31 / 50%) , rgb(0 128 200 / 50%) , rgb(0 128 200 / 50%));
}
.viewmore {
margin-top: 50px;
overflow: hidden;
}
.viewmore a {
display: inline-block;
width: 160px;
height: 50px;
line-height: 50px;
border: 1px solid #fff;
background:#fff;
padding: 0 0px 0 10px;
overflow: hidden;
}
.viewmore span {
font-size: 14px;
color: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
text-transform: uppercase;
}
.viewmore i {
background: url('../image/jtr2.png');
width: 24px;
height: 8px;
display: inline-block;
vertical-align: middle;
opacity: 0.6;
}
.viewmore a:hover {
background:linear-gradient(to right, #8ec31f, #0080c8, #0080c8);
border:none;
}
.viewmore a:hover span {
color: #fff!important;
}
.viewmore a:hover i {
background: url('../image/jtr1.png');
opacity: 1;
}
.ywk-title {
position: relative;
overflow: hidden;
}
.ywk-title h2 {
position: relative;
font-size: 50px;
line-height: 70px;
margin: 10px 0;
color: #1e2d45;
text-transform: uppercase;
}
.ywk-content {
width: 92%;
margin: auto;
position: relative;
overflow: hidden;
}
.vjs-tech,.video-dimensions,#video_html5_api,.vjs-paused,.vjs-controls-disabled {
height: 100%!important;
}
/* index - product */
.ywk-index-product {
padding: 5% 0 5% 0;
overflow: hidden;
background: url('https://www.gttss.com/template/default/image/ipbg.jpg') center top no-repeat;
}
.ywk-content-top {
position: relative;
}
.ywk-content-top-right {
position: absolute;
right: 0;
top: 40px;
width: 350px;
text-align: right;
}
.ywk-content-top-swiper-leftright {
position: relative;
float: right;
width: 185px;
height: 50px;
border: 1px solid #e2e3e5;
}
.ywk-content-top-swiper-leftright::before {
content: '';
width: 1px;
height: 24px;
background: #e2e3e5;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
}
.ywk-content-top .swiper-product-next,.ywk-content-top .swiper-product-prev {
position: absolute;
top: 50%;
margin-top: -25px;
width: 50%;
height: 50px;
cursor: pointer;
opacity: .5;
outline: none;
}
.ywk-content-top .swiper-product-next:hover,.ywk-content-top .swiper-product-prev:hover {
opacity: 1;
}
.ywk-content-top .swiper-product-prev {
left: 0;
background: url('../image/left1.png') center no-repeat;
}
.ywk-content-top .swiper-product-next {
right: 0;
background: url('../image/right1.png') center no-repeat;
}
.swiper-product-pagination {
width: 50%;
position: absolute;
left: 0;
top: 15px;
}
.swiper-product-pagination {
font-size: 18px;
color: #b8becc;
}
.swiper-product-pagination span.swiper-pagination-total {
color: #b8becc;
}
.swiper-product-pagination span.swiper-pagination-current {
color: #016d9e;
}
.ywk-index-product-type {
padding: 1% 0 0 0;
overflow: hidden;
}
.ywk-index-product-type-item {
width: 100%;
overflow: hidden;
position: relative;
}
.ywk-index-product-type-item .top {
position: absolute;
width: 100%;
height: 100%;
padding: 10%;
overflow: hidden;
box-sizing: border-box;
z-index: 10;
color: #fff;
}
.ywk-index-product-type-item .title-1 {
font-size: 30px;
position: relative;
text-transform: uppercase;
opacity: .8;
}
.ywk-index-product-type-item .title-1::before {
content: '';
width: 20px;
height: 3px;
background: #fff;
margin-bottom: 20px;
display: block;
transition: all .4s ease;
}
.ywk-index-product-type-item .menu-2 {
margin-top: 80px;
overflow: hidden;
opacity: 0;
}
.ywk-index-product-type-item .menu-2 li {
display: block;
padding: 5px 0;
margin: 0;
list-style: none;
clear: both;
}
.ywk-index-product-type-item .menu-2 a {
color: #fff;
font-size: 14px;
position: relative;
display: inline-block;
}
.ywk-index-product-type-item .menu-2 a::after {
content: '';
width: 0px;
height: 1px;
background: #8ec31f;
position: absolute;
bottom: -3px;
left: 0;
transition: all .4s ease;
}
.ywk-index-product-type-item .menu-2 a:hover {
color: #8ec31f;
}
.ywk-index-product-type-item .menu-2 a:hover::after {
width: 100%;
}
.ywk-index-product-type-item .learnmore-3 {
overflow: hidden;
padding: 15px 0;
position: absolute;
left: 10%;
bottom: 5%;
width: 80%;
opacity: 0;
}
.ywk-index-product-type-item .learnmore-3::after {
content: '';
width: 0px;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
transition: all .4s ease;
}
.ywk-index-product-type-item .learnmore-3 a {
display: block;
}
.ywk-index-product-type-item .learnmore-3 span {
color: #fff;
font-size: 14px;
text-transform: uppercase;
}
.ywk-index-product-type-item .learnmore-3 i {
width: 24px;
height: 8px;
background: url('../image/jtr1.png') no-repeat;
position: absolute;
right: 0;
top: 50%;
margin-top: -4px;
}
.ywk-index-product-type-item .learnmore-3 a:hover span {
color: #8ec31f;
}
.ywk-index-product-type-item:hover .title-1 {
opacity: 1;
}
.ywk-index-product-type-item:hover .menu-2 {
opacity: 1;
margin-top: 30px;
}
.ywk-index-product-type-item:hover .learnmore-3 {
opacity: 1;
bottom: 10%;
}
.ywk-index-product-type-item:hover .learnmore-3::after {
width: 100%;
}
.ywk-index-product-type-item:hover .img {
opacity: .6;
transform: scale(1.1);
}
.ywk-index-product-type-item:hover {
background: #000;
}
.ywk-index-product-type-item * {
transition: all .4s ease;
}
/* index - milestone */
.ywk-index-milestone {
padding: 7% 0;
overflow: hidden;
background: url('https://www.gttss.com/template/default/image/imbg.jpg') center top no-repeat #f1f4fa;
background-size: cover;
}
.ywk-index-milestone .ywk-content-top {
text-align: center;
}
.ywk-index-milestone .ywk-title {
margin: auto;
display: inline-block;
}
.ywk-content-milestone {
padding-top: 5%;
overflow: hidden;
}
.ywk-content-milestone-swiper {
width: 80%;
margin: auto;
}
.ywk-content-milestone-swiper-item {
position: relative;
padding: 1px 10%;
}
.ywk-content-milestone-swiper-item .img {
width: 40%;
background-color: transparent;
box-sizing: border-box;
border: 1px solid #c0c6cf;
}
.ywk-content-milestone-swiper-item .text {
position: absolute;
width: 40%;
right: 15%;
height: 100%;
top: 0;
}
.ywk-content-milestone-swiper-item .text .title-1 {
font-size: 30px;
color: #1e2d45;
text-transform: uppercase;
}
.ywk-content-milestone-swiper-item .text .text-2 {
font-size: 14px;
line-height: 26px;
color: #1e2d45;
padding: 20px 0 0 0;
}
.ywk-content-milestone-swiper-item .text .num-3 {
position: absolute;
left: 0;
top: 50%;
z-index: -1;
font-size: 400px;
color: #fff;
background-image: linear-gradient(to bottom,#ffffff,#f2f5fa);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-left: -10px;
text-shadow: 0px 0px 10px rgba(255,255,255,.5);
transform: translateY(-50%);
}
.swiper-milestone-next,.swiper-milestone-prev {
width: 45px;
height: 45px;
border-radius: 100%;
border: 1px solid #d0d4dd;
position: absolute;
top: 50%;
margin-top: -22.5px;
cursor: pointer;
z-index: 20;
}
.swiper-milestone-next {
background: url('../image/right2.png') center no-repeat;
right: 0;
}
.swiper-milestone-prev {
background: url('../image/left2.png') center no-repeat;
left: 0;
}
.swiper-milestone-next:hover,.swiper-milestone-prev:hover {
border: 1px solid #1e2d45;
}
.ywk-year-milestone {
margin-top: 7%;
overflow: hidden;
position: relative;
}
.ywk-year-milestone::after {
content: '';
width: 100%;
height: 1px;
background: #c5cad4;
position: absolute;
left: 0;
top: 4px;
}
.ywk-year-milestone-swiper {
width: 80%;
overflow: hidden;
margin: auto;
text-align: center;
}
.ywk-year-milestone-swiper .swiper-slide {
cursor: pointer;
}
.ywk-year-milestone-swiper i {
width: 8px;
height: 8px;
position: absolute;
left: 50%;
top: 0;
margin-left: -4px;
z-index: 1;
background: #c0c6cf;
}
.ywk-year-milestone-swiper span {
font-size: 20px;
display: block;
padding-top: 30px;
margin: auto;
color: #98a0ad;
}
.ywk-year-milestone-swiper .swiper-slide-thumb-active span {
color: #016d9e;
}
.ywk-year-milestone-swiper .swiper-slide-thumb-active i {
background: #016d9e;
}
.ywk-year-milestone-swiper i::after {
content: '';
width: 0px;
height: 1px;
background: #000;
position: absolute;
left: 4px;
top: 4px;
z-index: 3;
}
.ywk-year-milestone-swiper .swiper-slide-thumb-active i::after {
animation: width130 3500ms infinite ease;
}
@keyframes width130 {
0% {
width: 0px;
}
100% {
width: 130px;
}
}
/* index - globalfootprint */
.ywk-index-globalfootprint {
padding: 4% 0 1% 0;
overflow: hidden;
background: url('https://www.gttss.com/template/default/image/globalfootprint.jpg') center bottom no-repeat #0a1019;
background-size: cover;
}
.ywk-index-globalfootprint .ywk-content-top {
text-align: center;
}
.ywk-index-globalfootprint .ywk-content-top .ywk-title {
display: inline-block;
}
.ywk-index-globalfootprint .ywk-content-top .ywk-title h2 {
color: #fff;
}
.ywk-index-globalfootprint .ywk-content-top .ywk-title h2::before {
background: url('https://www.gttss.com/template/default/image/title2.png');
}
.ywk-text {
font-size: 16px;
color: #fff;
opacity: .8;
line-height: 26px;
width: 40%;
margin: .5% auto 4% auto;
}
.ywk-globalfootprint-item {
width: 86%;
margin: 3% auto auto auto;
overflow: hidden;
}
.ywk-globalfootprint-item li {
position: relative;
float: left;
width: 20%;
box-sizing: border-box;
padding: 1.3% 2% 1.5% 2%;
color: #fff;
overflow: hidden;
list-style: none;
margin: 0;
text-align: left;
border-top: 1px solid rgba(255,255,255,.2);
border-right: 1px solid rgba(255,255,255,.2);
border-bottom: 1px solid rgba(255,255,255,.2);
transition: all .4s ease;
}
.ywk-globalfootprint-item li:first-child {
border-left: 1px solid rgba(255,255,255,.2);
}
.ywk-globalfootprint-item li i {
width: 35px;
height: 35px;
position: absolute;
right: 15%;
top: 24%;
}
.ywk-globalfootprint-item li h3 {
margin: 0;
position: relative;
font-weight: normal;
}
.ywk-globalfootprint-item li h3 strong {
font-size: 44px;
font-weight: normal;
}
.ywk-globalfootprint-item li h3 strong em {
font-style: normal;
}
.ywk-globalfootprint-item li h3 span {
font-size: 20px;
padding-left: 10px;
text-transform: uppercase;
font-weight: normal;
}
.ywk-globalfootprint-item li h3 sup {
font-size: 30px;
line-height: 30px;
font-weight: normal;
display: inline-block;
vertical-align: super;
margin: 0px 0 0 5px;
}
.ywk-globalfootprint-item li p {
display: block;
font-size: 15px;
opacity: .6;
margin: 10px 0 0 0;
}
.ywk-globalfootprint-item li:hover {
background: rgb(8 137 203 / 60%);
}
.ywk-content-globalfootprint {
margin-top: 3%;
position: relative;
}
.ywk-content-globalfootprint .img {
background-color: transparent;
}
.ywk-map-line {
width: 1200px;
margin: auto;
position: relative;
}
.ywk-map-line .points {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
}
.ywk-map-line .points .yuand {
position: absolute;
top: 50%;
left: -30px;
margin-top: -25px;
width: 50px;
height: 50px;
border-radius: 100%;
transform: scale(.1);
background: rgba(255,255,255,.1);
}
.ywk-map-line .points .yuand i {
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
background: #fff;
margin: 20px;
}
.ywk-map-line .points .yuand::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
width: 30px;
height: 30px;
border-radius: 100%;
background: rgba(255,255,255,.1);
}
.ywk-map-line .points span {
display: block;
font-size: 12px;
color: #fff;
opacity: .4;
padding: 13px;
display: none;
}
.ywk-map-line .points.cur .yuand {
background: rgba(243,151,0,.2);
}
.ywk-map-line .points.cur .yuand::before {
background: rgba(243,151,0,.2);
}
.ywk-map-line .points.cur .yuand i {
background: #8ec31f;
}
.ywk-map-line .points.cur span {
color: #8ec31f;
opacity: 1;
}
.ywk-map-line .points .yuand {
animation: yuanfangda 1500ms infinite ease;
}
.ywk-map-line .points1 .yuand {
animation: yuanfangda 2200ms infinite ease;
}
.ywk-map-line .points2 .yuand {
animation: yuanfangda 2300ms infinite ease;
}
.ywk-map-line .points4 .yuand {
animation: yuanfangda 2200ms infinite ease;
}
.ywk-map-line .points6 .yuand {
animation: yuanfangda 2300ms infinite ease;
}
.ywk-map-line .points8 .yuand {
animation: yuanfangda 2100ms infinite ease;
}
.ywk-map-line .points10 .yuand {
animation: yuanfangda 1400ms infinite ease;
}
.ywk-map-line .points12 .yuand {
animation: yuanfangda 2600ms infinite ease;
}
.ywk-map-line .points13 .yuand {
animation: yuanfangda 1100ms infinite ease;
}
.ywk-map-line .points17 .yuand {
animation: yuanfangda 1200ms infinite ease;
}
.ywk-map-line .points18 .yuand {
animation: yuanfangda 2100ms infinite ease;
}
.ywk-map-line .points20 .yuand {
animation: yuanfangda 1400ms infinite ease;
}
.ywk-map-line .points22 .yuand {
animation: yuanfangda 2600ms infinite ease;
}
.ywk-map-line .points24 .yuand {
animation: yuanfangda 1300ms infinite ease;
}
@keyframes yuanfangda {
0% {
transform: scale(0.1);
opacity: 1;
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.points1 {
margin: -60px 0 0 -45px;
}
.points2 {
margin: -140px 0 0 -405px;
}
.points3 {
margin: -95px 0 0 -400px;
}
.points4 {
margin: -145px 0 0 -310px;
}
.points5 {
margin: -115px 0 0 -350px;
}
.points6 {
margin: -167px 0 0 -124px;
}
.points7 {
margin: -35px 0 0 -135px;
}
.points8 {
margin: 130px 0 0 -300px;
}
.points9 {
margin: -90px 0 0 70px;
}
.points10 {
margin: 0px 0 0 -30px;
}
.points11 {
margin: 120px 0 0 30px;
}
.points12 {
margin: 185px 0px 0 170px;
}
.points13 {
margin: -155px 0px 0 390px;
}
.points14 {
margin: -80px 0px 0 440px;
}
.points15 {
margin: 62px 0px 0 530px;
}
.points16 {
margin: 102px 0px 0 580px;
}
.points17 {
margin: -95px 0px 0 -180px;
}
.points18 {
margin: -25px 0px 0 -280px;
}
.points19 {
margin: -10px 0px 0 -360px;
}
.points20 {
margin: 60px 0px 0 -300px;
}
.points21 {
margin: -188px 0px 0 14px;
}
.points22 {
margin: -190px 0px 0 310px;
}
.points23 {
margin: -20px 0px 0 450px;
}
.points24 {
margin: 170px 0px 0 550px;
}
/* index - news */
.riifo-news-bottom {
position: relative;
overflow: hidden;
max-width: 92%;
margin: 20px auto 0;
}
.riifo-news-bottom-left {
float: left;
width: 37%;
padding: 0% 3.5%;
}
.riifo-news-bottom-left a {
display: block;
overflow: hidden;
padding-bottom: 3%;
position: relative;
}
.riifo-news-bottom-left a:hover .img .pic {
transform: scale(1.1);
}
.riifo-news-bottom-left a::before {
content: '';
width: 100%;
height: 3px;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
.riifo-news-bottom-left a:hover::before {
animation: lefttoright1 1000ms ease-in-out 1 forwards;
}
.riifo-news-bottom-left .text {
padding: 5% 0%;
position: relative;
}
.riifo-news-bottom .data-1 {
padding-bottom: 10px;
font-size: 12px;
color: #999;
}
.riifo-news-bottom .title-2 {
padding-bottom: 10px;
color: #000;
font-size: 18px;
}
.riifo-news-bottom .text-3 {
overflow: hidden;
line-height: 24px;
color: #666;
font-size: 15px;
}
.riifo-news-bottom-right {
float: right;
width: 50%;
}
.riifo-news-bottom-item {
overflow: hidden;
padding-bottom: 15px;
}
.riifo-news-bottom-item:hover .title-2 {
color: #016d9e
}
.riifo-news-bottom-item .text {
padding: 25px 0 30px;
position: relative;
border-bottom: 1px solid #ccc;
}
.riifo-news-bottom .learnmore-3 {
font-size: 0;
overflow: hidden;
margin-top: 30px;
display: none;
}
.riifo-news-bottom .learnmore-3 i {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: url('https://www.gttss.com/template/default/images/jiah1.png') center no-repeat;
border-radius: 100%;
border: 2px solid #000;
}
.riifo-news-bottom .learnmore-3 span {
display: inline-block;
vertical-align: middle;
font-weight: bold;
margin-left: 10px;
font-size: 14px;
}
.riifo-news-bottom a:hover .learnmore-3 i {
border: 2px solid #ed2939;
background: url('https://www.gttss.com/template/default/images/jiah2.png') center no-repeat;
transform: rotate(180deg);
}
.riifo-news-bottom a:hover .learnmore-3 span {
color: #ed2939;
}
/* index - customers */
.ywk-index-customers {
padding: 4% 0 2% 0;
overflow: hidden;
background: url('https://www.gttss.com/template/default/image/customers.jpg') center top no-repeat #0a1019;
background-size: cover;
}
.ywk-index-customers .ywk-content-top {
text-align: left;
max-width: 86%;
margin: 0 auto;
}
.ywk-index-customers .ywk-content-top .ywk-title {
display: inline-block;
}
.ywk-index-customers .ywk-text {
color: #1e2d45;
opacity: .8;
}
.ywk-content-customers {
margin: 3% auto;
position: relative;
overflow: hidden;
}
.ywk-content-customers-swiper {
position: relative;
overflow: hidden;
padding-bottom: 5%;
width: 82%;
margin: auto;
}
.ywk-content-customers-swiper .img {
position: relative;
background: rgba(255,255,255,.5);
width: 100%;
transition: all .4s ease;
}
.ywk-content-customers-swiper .img:hover {
background: rgba(255,255,255,1);
}
.ywk-content-customers-swiper .swiper-pagination-customers {
bottom: 0;
}
.ywk-content-customers-swiper .swiper-pagination-customers span {
font-size: 16px;
color: #016d9e;
width: 20px;
height: auto;
border-bottom: 2px solid #016d9e;
}
.ywk-content-customers-swiper .swiper-pagination-customers span.swiper-pagination-bullet {
margin: 0 10px;
border-radius: 0;
background: none;
padding-bottom: 5px;
}
.ywk-content-customers-swiper .swiper-pagination-customers span.swiper-pagination-bullet-active {
color: #8ec31f;
border-bottom: 2px solid #8ec31f;
}
/* product */
.ywk-page-banner {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
margin-top: 90px;
}
.ywk-page-banner .img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
animation: bgimgain 3000ms 1 ease-out;
}
@keyframes bgimgain {
0% {
transform: scale(1.05);
}
100% {
transform: scale(1.0);
}
}
.ywk-page-banner .banner-title.bottom35 {
bottom: 35%;
}
.ywk-page-banner .ywk-index-banner-scroll {
right: 5%;
left: auto;
bottom: 10%;
}
.banner-title {
position: absolute;
left: 5%;
bottom: 33%;
z-index: 10;
padding: 10px 0 0 20px;
overflow: hidden;
}
.banner-title h2 {
position: relative;
font-size: 60px;
line-height: 60px;
margin: 0;
color: #fff;
text-transform: uppercase;
}
.banner-title p {
color: #fff;
}
.banner-nav-type {
bottom: 0;
left: 0;
width: 100%;
height: auto;
z-index: 5;
position: relative;
background: #fff;
}
.banner-nav-type::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
right: 0;
top: 0;
background: #fff;
opacity: .2;
}
.nav-type {
position: relative;
font-size: 0;
text-align: center;
overflow: hidden;
/*background: url('../upload/nav-mark.png');*/
padding-bottom: 0;
display: flex;
}
.nav-type::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
right: 0;
bottom: 0;
background: #fff;
opacity: .2;
}
.nav-type li {
width: auto;
float: left;
margin: 0;
padding: 0;
/* overflow: hidden; */
flex: 1;
max-width: 400px;
list-style: none;
/* position: relative; */
border-bottom: 1px solid #eee;
border-left: 1px solid #eee;
}
.nav-type li:nth-child(1){border-left:none;}
.nav-type li::after {
content: '';
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: rgba(255,255,255,.2);
display: none;
}
.nav-type li:last-child::after {
display: none;
}
.nav-type a {
width: 100%;
height: 100%;
overflow: hidden;
padding: 30px;
position: relative;
display: block;
box-sizing: border-box;
z-index: 10;
position: relative;
}
.banner-nav-type .nav-type a h4{
color: #333;
font-size: 18px;
font-weight: bold;
}
.nav-type a::before {
content: '';
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: rgba(255,255,255,.2);
}
.nav-type li:last-child a::before {
display: none;
}
.nav-type a i {
display: block;
width: 55px;
height: 55px;
position: relative;
margin: auto;
}
.nav-type a i img,.nav-type a i svg {
max-width: 80%;
max-height: 80%;
opacity: .8;
}
.nav-type a i * {
fill: #ffffff!important;
}
.nav-type a h4 {
position: relative;
font-size: 18px;
color: #fff;
margin: 0;
font-weight: normal;
z-index: 5;
text-transform: uppercase;
opacity: .8;
}
.nav-type a:hover {
background: #016d9e;
}
.nav-type a:hover h4{color:#fff;opacity:1}
.nav-type li.cur a {
background: #016d9e;
}
.nav-type li.cur a h4{color:#fff;opacity:1}
.nav-type li.cur a h4 {
opacity: 1;
}
.nav-type li.cur a i * {
opacity: 1;
}
/* .nav-type-two {overflow: hidden;padding:30px 0;position: relative;background: url('../upload/nav-mark.png');}
.nav-type-show {display: none;overflow: hidden;opacity: 0;position: absolute;left:5%;top: 0;width: 90%;height: 100%;z-index: 11;}
.nav-type-show.cur {display: block;opacity: 1;}
.nav-type-show a{display: inline-block;vertical-align: middle;line-height: 60px;color: #fff;text-transform: uppercase;margin-right:2%;opacity: .6; position: relative;font-size: 13px;}
.nav-type-show a:hover::after {width: 100%;}
.nav-type-show a:hover {opacity:1;}
.nav-type-show a.cur {color: #8ec31f;opacity:1;}
.nav-type-show a::after {content: '';width: 0px;height: 1px;position: absolute;bottom: 15px;left: 0;background: #fff;transition:all .4s ease;}
.nav-type-show a.cur::after {width: 100%;background: #8ec31f;} */
.nav-type-two-show {
position: absolute;
left: 0;
width: 100%;
overflow: hidden;
z-index: 33;
bottom: 0;
height: auto;
display: none;
}
.nav-type-two-show::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
right: 0;
top: 0;
background: #fff;
opacity: .2;
}
.nav-type-two-show .nav-type-two {
width: 90%;
height: 100%;
padding: 0;
background: none;
position: relative;
text-align: left;
margin: auto;
}
.nav-type-two-show .nav-type-two a {
width: auto;
height: auto;
background: none;
display: inline-block;
vertical-align: middle;
line-height: 60px;
color: #333;
margin-right: 2%;
opacity: .6;
position: relative;
font-size: 14px;
padding: 0;
background: none;
/* font-weight: bold; */
float: left;
}
.nav-type-two-show .nav-type-two a::before {
display: none;
}
.nav-type-two-show .nav-type-two a.cur,.nav-type li.cur .nav-type-two-show .nav-type-two a {
background: none;
}
.nav-type-two-show .nav-type-two a.cur {
color: #8ec31f;
opacity: 1;
}
.nav-type-two-show .nav-type-two a:hover {
opacity: 1;
}
.nav-type-two-show .nav-type-two a::after {
content: '';
width: 0px;
height: 1px;
position: absolute;
bottom: 15px;
left: 0;
background: #fff;
transition: all .4s ease;
}
.nav-type-two-show .nav-type-two a.cur::after {
width: 100%;
background: #8ec31f;
}
.nav-type-two-show .nav-type-two a:hover::after {
width: 100%;
}
.nav-type li.cur .nav-type-two-show {
display: block;
}
.ywk-page {
position: relative;
overflow: hidden;
}
.product_detail{padding-top:90px;}
.ywk-page.boxkuai::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: #f5f7fa;
}
.ywk-page-content {
position: relative;
overflow: hidden;
z-index: 10;
}
.ywk-product-content {
padding: 6% 0 ;
overflow: hidden;
width: 88%;
margin: auto;
position: relative;
}
.ywk-left {
float: left;
width: 38%;
padding: 0 0 0 1%;
position: relative;
}
.ywk-introduce {
font-size: 18px;
line-height: 30px;
color: #1e2d45;
overflow: hidden;
text-align: justify;
}
.ywk-introduce-line {
color: #016d9e;
font-size: 16px;
line-height: 26px;
padding: 20px 0;
overflow: hidden;
text-align: justify;
}
.ywk-introduce-line p {
text-decoration: underline;
}
.ywk-introduce-item {
overflow: hidden;
}
.ywk-introduce-item li {
list-style: none;
float: left;
overflow: hidden;
margin-right: 10%;
}
.ywk-introduce-item li h4 {
font-weight: normal;
color: #8ec31f;
margin: 5px 0;
}
.ywk-introduce-item li h4 strong {
font-weight: normal;
font-size: 30px;
}
.ywk-introduce-item li h4 span {
font-size: 20px;
}
.ywk-introduce-item li p {
display: block;
font-size: 14px;
color: #666e80;
margin: 5px 0;
}
.ywk-right {
width: 50%;
float: right;
}
.ywk-right-video {
position: relative;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.ywk-play {
width: 76px;
height: 76px;
position: absolute;
left: 50%;
top: 50%;
margin: -33px 0 0 -33px;
border: 3px solid #fff;
border-radius: 100%;
z-index: 10;
cursor: pointer;
transition: all .4s ease;
}
.ywk-play:hover {
border: 3px solid #8ec31f;
}
.ywk-play i {
display: block;
width: 17px;
height: 23px;
position: absolute;
left: 50%;
top: 50%;
margin: -11.5px 0 0 -7.5px;
background: url('../image/play.png') center no-repeat;
}
.ywk-product {
padding: 6% 0 ;
overflow: hidden;
width: 88%;
margin: auto;
}
.ywk-product .ywk-content-top {
text-align: center;
}
.ywk-product .ywk-content-top .ywk-title {
display: inline-block;
}
.ywk-product-nav {
text-align: center;
margin-top: 30px;
overflow: hidden;
font-size: 0;
}
.ywk-product-nav a {
text-transform: uppercase;
font-size: 18px;
color: #9498a0;
line-height: 60px;
padding: 0 40px;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.ywk-product-nav a:first-child {
border-left: 1px solid #e5e5e5;
}
.ywk-product-nav a.cur {
color: #fff;
background: #016d9e;
}
.ywk-product-nav a:hover {
color: #016d9e;
}
.ywk-product-nav a.cur:hover {
color: #fff;
}
.ywk-product-list {
padding: 0;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.ywk-product-item {
float: left;
width: 48%;
flex: 0 0 48%;
margin: 1%;
margin-right: 1%;
overflow: hidden;
background: #fff;
padding: 20px;
}
.ywk-product-item a {
display: flex;
position: relative;
}
.ywk-product-item .text {
width: 50%;
height: 100%;
overflow: hidden;
position: relative;
left: 0;
z-index: 2;
flex: 0 0 50%;
padding: 20px;
}
.ywk-product-item .title-1 {
font-size: 26px;
color: #1e2d45;
position: relative;
overflow: hidden;
padding-bottom: 7%;
padding-top: 5px;
}
.ywk-product-item .title-1::after,.ywk-product-item .title-1::before {
content: '';
width: 100%;
height: 2px;
background: #dadddf;
position: absolute;
left: 0;
bottom: 0;
}
.ywk-product-item .title-1::before {
width: 20%;
z-index: 3;
background: #8ec31f;
transition: all .4s ease;
}
.ywk-product-item .title-1::after {
width: 100%;
}
.ywk-product-item .text-2 {
font-size: 14px;
line-height: 26px;
color: #666e80;
padding: 0;
margin-top: 30px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.ywk-product-item .text-3{
font-size:14px;
margin-top: 40px;
}
.ywk-product-item .more-3 {
position: relative;
padding-top: 7%;
padding-bottom: 5px;
overflow: hidden;
display: inline-block;
}
.ywk-product-item .more-3::after {
content: '';
width: 0px;
height: 1px;
background: #c6d1e3;
position: absolute;
left: 0;
bottom: 0;
transition: all .4s ease;
}
.ywk-product-item .more-3 span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #a1a6b2;
margin-right: 10px;
}
.ywk-product-item .more-3 i {
display: inline-block;
vertical-align: middle;
background: url('../image/right2.png') center no-repeat;
width: 17px;
height: 7px;
opacity: .4;
}
.ywk-product-item .img {
background-color: #f5f7fa;
}
.ywk-product-item .img img {
opacity: 0;
}
.ywk-product-item .product-pic {
width: 45%;
height: 100%;
overflow: hidden;
position: relative;
margin-left: 5%;
flex: 0 0 45%;
padding-bottom: 50%;
}
.ywk-product-item a:hover .title-1 {
padding-left: 10px;
color: #016d9e;
}
.ywk-product-item a:hover .title-1::before {
width: 100%;
}
.ywk-product-item a:hover .text-2 {
color: #666e80;
}
.ywk-product-item a:hover .more-3 span {
color: #1e2d45;
}
.ywk-product-item a:hover .more-3 i {
opacity: 1;
}
.ywk-product-item a:hover .more-3::after {
width: 100%;
}
.ywk-product-item a:hover .product-pic img.img-center {
transform: scale(1.05);
width: 105%;
height: 105%;
}
.ywk-product-detail {
position: relative;
overflow: hidden;
}
.ywk-product-detail-top {
position: relative;
overflow: hidden;
}
.ywk-product-detail-path {
padding: 20px 0;
font-size: 12px;
color: #666e80;
position: absolute;
left: 4%;
top: 98px;
z-index: 10;
width: 92%;
}
.ywk-product-detail-path a {
font-size: 12px;
color: #666e80;
}
.ywk-product-detail-path a.cur {
color: #016d9e;
}
.ywk-product-detail-path a:hover {
color: #016d9e;
}
.ywk-product-detail-text {
position: absolute;
width: 88%;
left: 9%;
top: 50%;
z-index: 5;
padding-top: 4.8%;
overflow: hidden;
transform: translateY(-50%);
}
.ywk-product-detail-text .xinghao-1 {
color: #8ec31f;
font-size: 40px;
}
.ywk-product-detail-text .title-2 {
color: #016d9e;
font-size: 90px;
text-transform: uppercase;
width: 36%;
}
.ywk-product-detail-text .line-3 {
width: 50px;
height: 4px;
background: #016d9e;
margin: 20px 0;
}
.ywk-product-detail-text .text-4 {
color: #666e80;
font-size: 16px;
line-height: 28px;
padding-top: .3%;
overflow: auto;
width: 36%;
max-height: 220px;
}
.ywk-product-detail-text .text-4::-webkit-scrollbar {
height: 4px;
width: 2px;
background: #dbdedf;
}
.ywk-product-detail-text .text-4 p {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 28px;
}
.ywk-product-detail-text .text-4 * {
margin: 0;
padding: 0;
font-size: 16px;
line-height: 28px;
}
.ywk-product-detail-pic {
position: absolute;
width: 50%;
right: 5%;
top: 10%;
overflow: hidden;
z-index: 8;
}
.ywk-product-detail-pic .pic {
position: relative;
}
.bigtitle-bg {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 90%;
overflow: hidden;
white-space: nowrap;
}
.bigtitle-bg strong {
font-weight: normal;
font-size: 290px;
line-height: 250px;
text-transform: uppercase;
background-image: linear-gradient(to bottom,#eef2f4,#1e2d45);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: .1;
}
.ywk-product-detail-features {
overflow: hidden;
position: relative;
}
.ywk-product-detail-main {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 5;
}
.ywk-product-detail-features .ywk-content-top {
text-align: center;
padding-top: 10%;
overflow: hidden;
}
.ywk-product-detail-features .ywk-title {
display: inline-block;
}
.ywk-product-detail-features .ywk-title h2 {
color: #fff;
}
.ywk-product-detail-features .ywk-title h2::before {
background: url('https://www.gttss.com/template/default/image/title2.png');
}
.ywk-features-swiper {
padding: 3% 0 5% 0;
overflow: hidden;
width: 80%;
margin: 0 auto;
}
.features-item {
position: relative;
background: rgba(255,255,255,.05);
overflow: hidden;
transition: all .4s ease;
backdrop-filter: blur(3px);
}
.features-item .text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 5% 15%;
overflow: hidden;
box-sizing: border-box;
text-align: center;
color: #fff;
}
.features-item i {
display: block;
width: 60px;
height: 60px;
margin: 10px auto;
position: relative;
}
.features-item .title-1 {
font-weight: bold;
position: relative;
font-size: 18px;
}
.features-item .title-1::after {
content: '';
width: 40px;
height: 2px;
display: block;
margin: 20px auto;
background: #8ec31f;
}
.features-item strong {
display: block;
font-weight: normal;
font-size: 15px;
line-height: 25px;
margin-top: 20px;
opacity: .6;
}
.features-item .img {
background-color: transparent;
}
.features-item:hover {
margin-top: -20px;
background: #013281;
}
.features-item:hover strong {
opacity: 1;
}
.ywk-features-swiper .swiper-pagination-features {
bottom: 0;
}
.ywk-features-swiper .swiper-pagination-features span {
font-size: 16px;
color: #fff;
width: 30px;
height: auto;
border-bottom: 2px solid #fff;
}
.ywk-features-swiper .swiper-pagination-features span.swiper-pagination-bullet {
margin: 0 10px;
border-radius: 0;
background: none;
padding-bottom: 5px;
}
.ywk-features-swiper .swiper-pagination-features span.swiper-pagination-bullet-active {
color: #8ec31f;
border-bottom: 2px solid #8ec31f;
}
.swiper-features-next,.swiper-features-prev {
position: absolute;
top: 50%;
margin-top: 13px;
width: 30px;
height: 57px;
cursor: pointer;
opacity: .5;
outline: none;
}
.swiper-features-next:hover,.swiper-features-prev:hover {
opacity: 1;
}
.swiper-features-prev {
left: 6%;
background: url('../image/left3.png') center no-repeat;
background-size: 100%;
}
.swiper-features-next {
right: 6%;
background: url('../image/right3.png') center no-repeat;
background-size: 100%;
}
.ywk-product-detail-applications {
overflow: hidden;
padding: 8% 0 5% 0;
background: url('https://www.gttss.com/template/default/image/applications.jpg') center no-repeat;
background-size: cover;
}
.ywk-applications-content {
margin-left: 10%;
width: 90%;
position: relative;
overflow: hidden;
}
.ywk-applications-swiper {
padding: 3% 0 5% 0;
overflow: hidden;
}
.ywk-applications-swiper .text {
position: absolute;
bottom: 10%;
left: 10%;
z-index: 2;
font-size: 24px;
color: #fff;
}
.ywk-applications-swiper .swiper-slide .img {
overflow: hidden;
}
.ywk-applications-swiper .swiper-slide .pic {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #000;
transition: all .4s ease;
}
.ywk-applications-swiper .swiper-slide:hover .img .pic {
transform: scale(1.1);
}
.ywk-applications-swiper .ywk-progressbar {
bottom: 2%;
top: auto;
height: 2px;
background: #d8dcde;
width: 80%;
}
.ywk-applications-swiper .ywk-progressbar span {
background: #016d9e;
}
.swiper-pagination-num {
font-size: 20px;
position: absolute;
bottom: 5px;
right: 15%;
color: #a1a6b2;
}
.swiper-pagination-num span {
font-size: 20px;
}
.swiper-pagination-num #current1 {
color: #016d9e;
}
.ywk-product-detail-parameter {
padding: 5% 0;
overflow: hidden;
background: url('../image/parameter1.jpg') center no-repeat;
background-size: cover;
display: flex;
padding: 0 4%;
}
.ywk-product-detail-parameter .pic {
float: left;
width: 50%;
height: 0;
padding-bottom: 50%;
position: relative;
overflow: hidden;
}
.ywk-product-detail-parameter .pic .mycpSwiper{
max-width:800px;
margin: 0 auto;
overflow: hidden;
}
.ywk-parameter-content {
overflow: hidden;
position: relative;
width: 40%;
margin-top: 3%;
padding-left: 5%;
}
.ywk-parameter-content .title-1 {
font-size: 44px;
color: #016d9e;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 3px solid #016d9e;
text-transform: uppercase;
line-height: 1;
}
.ywk-parameter-content .title-2{
margin-bottom: 30px;
}
.ywk-parameter-content .title-3{
display: inline-block;
border: 2px solid #0060a7;
font-size: 14px;
line-height: 2em;
padding: 5px 20px;
border: 2px solid #016d9e;
border-radius: 30px;
color: #016d9e;
margin-bottom: 30px;
}
.ywk-parameter-content .title-4{
white-space: pre-line;
line-height: 2;
margin-bottom: 30px;
}
.ywk-parameter-content .parameter-2 .bt{
font-size: 20px;
color: #016d9e;
display: block;
margin-bottom: 10px;
}
.ywk-parameter-content .parameter-2 p{}
.ywk-parameter-content .parameter-2 table{
}
.ywk-parameter-content .parameter-2 td{padding: 7px 0;}
.ywk-parameter-content .parameter-2 tr{
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.ywk-parameter-content .parameter-2 {
overflow: hidden;
height: auto;
overflow-x: hidden;
overflow-y: auto;
}
.ywk-parameter-content .parameter-2::-webkit-scrollbar {
width: 2px;
}
.ywk-parameter-content .parameter-2 ul {
list-style: none;
padding: 0;
margin: 0;
padding-right: 5%;
}
.ywk-parameter-content .parameter-2 ul * {
transition: all .4s ease;
}
.ywk-parameter-content .parameter-2 ul li {
list-style: none;
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #e5e5e5;
float: left;
width: 45%;
margin-right: 5%;
}
.ywk-parameter-content .parameter-2 ul li span {
color: #666e80;
font-size: 14px;
display: block;
}
.ywk-parameter-content .parameter-2 ul li strong {
font-weight: normal;
font-size: 14px;
margin: 5px 0;
color: #1e2d45;
display: block;
}
.ywk-parameter-content .parameter-2 ul h6 {
font-weight: normal;
margin: 0px;
padding: 25px 0;
font-size: 14px;
display: block;
clear: both;
color: #1e2d45;
width: 95%;
border-bottom: 1px solid #e5e5e5;
}
.ywk-parameter-content .parameter-2 ul li:hover {
border-bottom: 1px solid #8ec31f;
}
.ywk-parameter-content .parameter-2 ul li:hover strong {
color: #8ec31f;
}
/* solutions */
.ywk-solutions-content {
overflow: hidden;
}
.ywk-solutions-content .ywk-content-top {
text-align: center;
}
.ywk-solutions-content .ywk-content-top .ywk-title {
display: inline-block;
}
.ywk-solutions-content .ywk-content-top .ywk-text {
font-size: 30px;
text-transform: uppercase;
padding-bottom: 20px;
color: #1e2d45;
width: 100%;
opacity: 1;
margin: 20px auto auto;
}
.ywk-data-center {
background: url('https://www.gttss.com/template/default/image/bg2.jpg');
padding: 7% 0 3% 0;
overflow: hidden;
}
.ywk-content-data-center {
margin: 3% auto;
overflow: hidden;
width: 90%;
position: relative;
}
.ywk-content-data-center .leftpic-1 {
width: 47.5%;
overflow: hidden;
position: relative;
}
.ywk-content-data-center .textright-2 {
position: absolute;
width: 43%;
right: 5%;
top: 0;
height: 100%;
}
.ywk-content-data-center .textright-2 .title-1 {
font-size: 40px;
text-transform: uppercase;
padding-bottom: 20px;
color: #1e2d45;
}
.ywk-content-data-center .textright-2 .title-1 strong {
color: #016d9e;
font-weight: normal;
}
.ywk-content-data-center .textright-2 .text-2 {
font-size: 16px;
line-height: 26px;
color: #666e80;
text-align: justify;
width: 84%;
}
.ywk-content-data-center-solution {
margin: 5% auto;
overflow: hidden;
width: 90%;
position: relative;
clear: both;
}
.ywk-data-center-item {
position: relative;
overflow: hidden;
float: left;
width: 33.333%;
margin: 0;
background: #000;
}
.ywk-data-center-item * {
transition: all .4s ease;
}
.ywk-data-center-item .text {
position: absolute;
width: 90%;
left: 5%;
bottom: 5%;
z-index: 1;
transform: translateY(80px);
}
.ywk-data-center-item .text .title-1 {
font-size: 30px;
text-transform: uppercase;
color: #fff;
position: relative;
}
.ywk-data-center-item .text .title-1::after {
content: '';
display: block;
width: 0px;
height: 2px;
margin: 20px 0;
background: #8ec31f;
transition: all .4s ease;
}
.ywk-data-center-item .text .text-2 {
font-size: 14px;
color: #b1b2b2;
line-height: 24px;
opacity: 0;
min-height: 40px;
}
.ywk-data-center-item:hover .title-1 {
color: #8ec31f;
}
.ywk-data-center-item:hover .text {
transform: translateY(0px);
}
.ywk-data-center-item:hover .title-1::after {
width: 40px;
}
.ywk-data-center-item:hover .text-2 {
opacity: 1;
}
.ywk-data-center-item:hover .img {
opacity: .4;
}
.ywk-application-scenarios {
padding: 7% 0 0 0;
overflow: hidden;
background: #f5f7fa;
}
.ywk-application-scenarios .ywk-title {
margin-left: 5%;
}
.ywk-application-scenarios-center {
overflow: hidden;
}
.ywk-application-scenarios-item {
position: relative;
overflow: hidden;
clear: both;
margin: 7% 0;
}
.ywk-application-scenarios-item.fr .img {
float: right;
width: 70%;
}
.ywk-application-scenarios-item.fl .img {
float: left;
width: 70%;
}
.ywk-application-scenarios-item .text {
position: absolute;
left: 0;
top: 15%;
width: 40%;
background: #fff;
overflow: hidden;
z-index: 5;
box-sizing: border-box;
}
.ywk-application-scenarios-item.fl .text {
left: auto;
right: 0;
}
.ywk-application-scenarios-item .text .text-center {
position: absolute;
width: 77%;
height: 100%;
left: 13%;
top: 0;
overflow: hidden;
}
.ywk-application-scenarios-item .text .num-1 {
font-size: 24px;
color: #a1a7b2;
}
.ywk-application-scenarios-item .text .name-2 {
font-size: 30px;
color: #016d9e;
text-transform: uppercase;
}
.ywk-application-scenarios-item .text .item-3 {
font-size: 14px;
color: #666e80;
line-height: 24px;
margin: 30px 0 50px 0;
padding-left: 10px;
overflow: hidden;
position: relative;
}
.ywk-application-scenarios-item .text .item-3::before {
content: '';
width: 2px;
height: 100%;
background: #016d9e;
position: absolute;
left: 0;
top: 0;
}
.ywk-application-scenarios-item .text .item-3 li {
list-style: none;
margin: 0;
font-size: 14px;
color: #666e80;
line-height: 24px;
position: relative;
padding-left: 10px;
}
.ywk-application-scenarios-item .text .item-3 li::before {
content: '';
width: 3px;
height: 3px;
background: #ccc;
position: absolute;
left: 0;
top: 50%;
margin-top: -1px;
}
.ywk-application-scenarios-item .img {
position: relative;
}
.ywk-application-scenarios-item .img a {
display: block;
}
.readmore {
overflow: hidden;
clear: both;
}
.readmore a {
display: block;
border: 1px solid #016d9e;
width: 200px;
height: 52px;
text-align: center;
}
.readmore span {
font-size: 14px;
line-height: 52px;
color: #016d9e;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
margin-right: 10px;
}
.readmore i {
display: inline-block;
vertical-align: middle;
background: url('../image/right4.png') no-repeat;
width: 24px;
height: 8px;
}
.readmore a:hover {
background: #016d9e;
border: 1px solid #016d9e;
}
.readmore a:hover span {
color: #fff;
}
.readmore a:hover i {
background: url('../image/right5.png') no-repeat;
}
.ywk-reference-video {
padding: 7% 0;
width: 90%;
margin: auto;
overflow: hidden;
}
.ywk-reference-video .ywk-text {
color: #666e80;
opacity: 1;
text-align: left;
width: 100%;
}
.ywk-reference-video-center {
overflow: hidden;
position: relative;
}
.ywk-reference-video-center .video {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
}
.ywk-reference-video-center .video video {
width: auto;
height: 100%;
display: block;
margin: auto;
}
.ywk-reference-video-center.cur .video {
opacity: 1;
}
.ywk-reference-video-center.cur .ywk-play {
display: none;
}
.ywk-reference-video-center .ywk-close.ywk-close-video {
right: 0px;
top: 0px;
background: url(../image/xx.png) center no-repeat #fff;
z-index: 10;
display: none;
}
.ywk-reference-video-center .ywk-close.ywk-close-video:hover {
transform: none;
}
.ywk-reference-video-center.cur .ywk-close.ywk-close-video {
display: block;
}
.ywk-reference {
padding: 7% 0;
overflow: hidden;
background: #f5f7fa;
}
.ywk-reference .ywk-content-top {
width: 90%;
margin: auto;
text-align: left;
}
.ywk-reference .ywk-content-top .ywk-text {
color: #666e80;
opacity: 1;
text-align: left;
width: 100%;
}
.ywk-reference-content {
overflow: hidden;
position: relative;
margin-left: 5%;
width: 95%;
margin-top: 5%;
}
.ywk-reference-item {
position: relative;
overflow: visible;
}
.ywk-reference-item .img {
opacity: .4;
}
.ywk-reference-item .text {
display: none;
}
.ywk-reference-text {
position: absolute;
right: 10%;
top: 50%;
transform: translateY(-50%);
width: 35%;
background: #fff;
overflow: hidden;
z-index: 15;
}
.ywk-reference-text::after {
content: '';
width: 3px;
height: 100%;
background: #016d9e;
position: absolute;
right: 0;
top: 0;
}
.ywk-reference-text .text-center {
position: absolute;
width: 77%;
height: 100%;
left: 13%;
top: 0;
overflow: hidden;
}
.ywk-reference-text .text-1 {
font-size: 16px;
color: #a1a7b2;
padding-bottom: 10px;
}
.ywk-reference-text .title-2 {
font-size: 40px;
color: #1e2d45;
text-transform: uppercase;
margin-bottom: 80px;
}
.ywk-reference-swiper .swiper-slide-active .img {
opacity: 1;
}
.ywk-reference-text .swiper-pagination {
position: absolute;
right: 10%;
bottom: 10%;
z-index: 10;
}
.ywk-reference-text .reference-swiper-prev,.ywk-reference-text .reference-swiper-next {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 13px;
opacity: .5;
cursor: pointer;
}
.ywk-reference-text .reference-swiper-prev:hover,.ywk-reference-text .reference-swiper-next:hover {
opacity: 1;
}
.ywk-reference-text .reference-swiper-prev {
background: url('../image/left6.png') center no-repeat;
}
.ywk-reference-text .reference-swiper-next {
background: url('../image/right6.png') center no-repeat;
}
.ywk-reference-text .reference-pagination {
display: inline-block;
vertical-align: middle;
margin: 0 10px;
color: #b8becc;
font-size: 20px;
}
.ywk-reference-text .reference-pagination span {
color: #b8becc;
font-size: 20px;
}
.ywk-reference-text .reference-pagination #current1 {
color: #016d9e;
}
.ywk-more {
position: absolute;
right: 0;
top: 50%;
margin-top: -45px;
}
.ywk-more a {
width: 160px;
height: 75px;
display: block;
text-align: center;
background: #8ec31f;
padding-top: 20px;
}
.ywk-more a span {
display: block;
font-size: 14px;
color: #fff;
text-transform: uppercase;
padding: 10px 0;
}
.ywk-more a i {
display: block;
background: url('https://www.gttss.com/template/default/image/more1.png');
width: 68px;
height: 8px;
margin: auto;
}
.ywk-more a:hover {
background: #016d9e;
}
.ywk-product-detail-path.white {
color: #bbbcbd;
}
.ywk-product-detail-path.white a {
color: #bbbcbd;
}
.ywk-product-detail-path.white a.cur {
color: #fff;
}
.ywk-solutions-roomcooling {
width: 90%;
margin: auto;
position: relative;
overflow: hidden;
padding-top: 10%;
}
.ywk-solutions-roomcooling::after {
content: '';
width: 70%;
height: 85%;
background: #f5f7fa;
position: absolute;
right: 0;
bottom: 0;
}
.ywk-solutions-roomcooling .img {
float: left;
width: 45%;
z-index: 5;
}
.ywk-solutions-roomcooling .text {
float: left;
width: 40%;
position: relative;
z-index: 5;
padding: 5% 5% 0 5%;
overflow: hidden;
}
.ywk-solutions-roomcooling .title-1 {
font-size: 40px;
color: #1e2d45;
text-transform: uppercase;
}
.ywk-solutions-roomcooling .title-1::after {
content: '';
width: 40px;
height: 2px;
background: #8ec31f;
display: block;
margin: 30px 0;
}
.ywk-solutions-roomcooling .text-2 {
font-size: 16px;
color: #666e80;
line-height: 30px;
}
.ywk-solutions-roomcooling-list {
width: 90%;
margin: auto;
position: relative;
overflow: hidden;
padding: 0 0 6% 0;
}
.ywk-solutions-roomcooling-item {
width: 85%;
margin: auto;
position: relative;
overflow: hidden;
clear: both;
}
.ywk-roomcooling-item {
overflow: hidden;
clear: both;
margin-top: 12%;
}
.ywk-roomcooling-item-left {
float: left;
width: 40%;
overflow: hidden;
margin-top: 5%;
}
.ywk-roomcooling-item-left .title-1 {
font-size: 40px;
color: #1e2d45;
text-transform: uppercase;
border-bottom: 2px solid #e8eaec;
padding-bottom: 25px;
}
.ywk-roomcooling-item-left .items-2 {
padding: 30px 0;
overflow: hidden;
}
.ywk-roomcooling-item-left .items-2 ul {
list-style: none;
margin: 0;
padding: 0;
}
.ywk-roomcooling-item-left .items-2 li {
list-style: none;
margin: 10px 0;
padding: 0 0 0 20px;
font-size: 14px;
color: #666e80;
line-height: 24px;
position: relative;
}
.ywk-roomcooling-item-left .items-2 li::before {
content: '';
background: url('../image/li1.png') no-repeat;
width: 9px;
height: 9px;
position: absolute;
left: 0;
top: 8px;
}
.ywk-roomcooling-item-left .items-2 li.cur {
color: #016d9e;
}
.ywk-roomcooling-item-left .items-2 li.cur::before {
background: url('../image/li.png') no-repeat;
}
.ywk-roomcooling-item-left .readmore a {
border: 1px solid #a1a6b2;
}
.ywk-roomcooling-item-left .readmore span {
color: #a1a6b2;
}
.ywk-roomcooling-item-left .readmore i {
background: url(../image/right41.png) no-repeat;
}
.ywk-roomcooling-item-right {
float: right;
width: 50%;
overflow: hidden;
background: url('https://www.gttss.com/template/default/image/aircooled.jpg') center no-repeat;
background-size: cover;
}
.ywk-roomcooling-item-swiper {
position: relative;
overflow: hidden;
}
.ywk-roomcooling-item-swiper .img {
position: relative;
overflow: hidden;
background-color: transparent;
}
.ywk-roomcooling-item-swiper .img img.img-center {
max-width: 80%;
max-height: 80%;
}
.ywk-roomcooling-item.fr .ywk-roomcooling-item-left {
float: right;
}
.ywk-roomcooling-item.fr .ywk-roomcooling-item-right {
float: left;
}
.ywk-popup-windows {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
transform: translateY(-120%);
transition: all .4s ease;
}
.ywk-popup-windows.cur {
transform: translateY(0);
}
.ywk-popup-content {
position: absolute;
width: 70%;
z-index: 10;
left: 15%;
top: 50%;
transform: translateY(-50%);
}
.ywk-popup-mark {
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,.6);
}
.ywk-popup-windows-content {
width: 100%;
margin: auto;
background: #fff;
padding: 5% 5% 3% 5%;
box-sizing: border-box;
overflow: hidden;
position: relative;
}
.ywk-popup-reference-swiper {
position: relative;
overflow: hidden;
float: left;
width: 60%;
padding-bottom: 30px;
}
.ywk-popup-reference-swiper .ywk-popup-pagination {
bottom: 0px;
position: absolute;
}
.ywk-popup-reference-swiper .ywk-popup-pagination span {
width: 6px;
height: 6px;
border-radius: 0px;
background: #cccccc;
opacity: 1;
margin: 0 10px 0 0!important;
}
.ywk-popup-reference-swiper .ywk-popup-pagination span.swiper-pagination-bullet-active {
background: #016d9e;
}
.ywk-popup-reference-swiper .swiper-popup-next, .ywk-popup-reference-swiper .swiper-popup-prev {
width: 70px;
height: 70px;
position: absolute;
right: 0;
bottom: 0;
z-index: 10;
cursor: pointer;
}
.ywk-popup-reference-swiper .swiper-popup-prev {
right: 70px;
background: url('../image/left7.png') center no-repeat #f0f5f7;
}
.ywk-popup-reference-swiper .swiper-popup-next {
background: url('../image/right7.png') center no-repeat #016d9e;
}
.ywk-popup-reference-swiper .swiper-popup-next:hover {
background: url('../image/right7.png') center no-repeat #f29702;
}
.ywk-popup-reference-swiper .swiper-popup-prev:hover {
background: url('../image/left7.png') center no-repeat #ccc;
}
.ywk-popup-reference-right {
position: relative;
overflow: hidden;
float: left;
width: 35%;
padding: 3% 0 0 5%;
}
.ywk-popup-reference-right-content {
position: relative;
padding-right: 2%;
overflow: auto;
}
.ywk-popup-reference-right-content .title-1 {
font-size: 30px;
color: #1e2d45;
position: relative;
text-transform: uppercase;
}
.ywk-popup-reference-right-content .title-1::after {
content: '';
width: 30px;
height: 3px;
background: #8ec31f;
display: block;
margin: 30px 0;
}
.ywk-popup-reference-right-content .text-2 {
font-size: 14px;
color: #666e80;
line-height: 24px;
}
.ywk-close {
position: absolute;
width: 50px;
height: 50px;
background: url('../image/xx.png') center no-repeat;
right: 2%;
top: 3%;
cursor: pointer;
transition: all .4s ease;
z-index: 99;
}
.ywk-close:hover {
transform: rotate(180deg);
}
.ywk-popup-content-video {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
left: 0;
top: 0;
}
.ywk-popup-content-video .ywk-popup-windows-content {
height: 100%;
padding: 0;
background: #000;
}
.ywk-popup-windows-video,.ywk-popup-windows-video .video {
width: 100%;
height: 100%;
}
.ywk-popup-content-video .ywk-close {
background: url('../image/xx.png') center no-repeat #fff;
right: 0;
top: 0;
}
.ywk-popup-content-video video {
width: auto;
height: 100%;
margin: auto;
display: block;
}
/* references */
.ywk-references {
width: 100%;
position: relative;
overflow: hidden;
padding: 5% 0;
}
.ywk-references-content {
width: 90%;
margin: auto;
}
.ywk-references-item {
overflow: hidden;
padding: 5% 0 5% 0;
position: relative;
margin-bottom: 2%;
}
.ywk-references-item .img {
float: left;
width: 65%;
z-index: 5;
position: relative;
}
.ywk-references-item .text {
width: 25%;
z-index: 5;
position: absolute;
right: 5%;
top: 18%;
}
.ywk-references-item .text .title-1 {
font-size: 40px;
color: #1e2d45;
position: relative;
text-transform: uppercase;
}
.ywk-references-item .text .title-1::after {
content: '';
width: 80px;
height: 3px;
background: #8ec31f;
display: block;
margin: 30px 0;
}
.ywk-references-item .text .text-2 {
font-size: 16px;
color: #666e80;
line-height: 26px;
}
.ywk-references-item .text .text-2 ul {
padding: 0;
margin: 0;
list-style: none;
}
.ywk-references-item .text .text-2 li {
list-style: none;
margin: 10px 0;
padding: 0 0 0 20px;
font-size: 14px;
color: #666e80;
line-height: 24px;
position: relative;
}
.ywk-references-item .text .text-2 li::before {
content: '';
background: url('../image/li1.png') no-repeat;
width: 9px;
height: 9px;
position: absolute;
left: 0;
top: 8px;
}
.ywk-references-item .text .viewmore {
font-size: 0;
margin-top: 70px;
}
.ywk-references-item .text .viewmore a {
background: #016d9e;
border: 1px solid #016d9e;
width: 130px;
}
.ywk-references-item .text .viewmore a:hover {
background: #8ec31f;
border: 1px solid #8ec31f;
}
.ywk-references-item .text .viewmore a:hover span {
color: #fff;
}
.ywk-references-item .text .viewmore a:hover i {
background: url(../image/jtr1.png);
}
.ywk-references-item .textbg {
width: 60%;
height: 80%;
right: 0;
top: 0;
background: #f6f8fb;
position: absolute;
z-index: 1;
}
.ywk-references-item.fr .img {
float: right;
}
.ywk-references-item.fr .text {
left: 5%;
top: 18%;
right: auto;
}
.ywk-references-item.fr .textbg {
left: 0;
right: auto;
}
.ywk-allmore {
margin: 3% auto;
overflow: hidden;
clear: both;
}
.ywk-allmore span {
display: inline-block;
vertical-align: middle;
line-height: 100px;
color: #016d9e;
font-size: 30px;
text-transform: uppercase;
}
.ywk-allmore i {
display: block;
width: 44px;
height: 13px;
position: absolute;
right: 10%;
top: 50%;
margin-top: -6.5px;
background: url('../image/right10.png');
}
.ywk-allmore a {
display: block;
overflow: hidden;
width: 360px;
height: 100px;
padding: 0 3%;
border: 2px solid #016d9e;
position: relative;
margin: auto;
}
.ywk-allmore a:hover {
background: #016d9e;
}
.ywk-allmore a:hover span {
color: #fff;
}
.ywk-allmore a:hover i {
background: url('../image/right9.png');
}
.ywk-references-nav {
text-align: center;
font-size: 0;
overflow: hidden;
}
.ywk-references-nav a {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
display: inline-block;
vertical-align: middle;
padding: 10px 0;
background: #fff;
}
.ywk-references-nav a:first-child {
border-left: 1px solid #e5e5e5;
}
.ywk-references-nav i {
display: block;
margin: auto;
position: relative;
width: 50px;
height: 50px;
}
.ywk-references-nav svg {
max-width: 40px;
max-height: 30px;
fill: #777F8D!important;
}
.ywk-references-nav svg * {
fill: #777F8D!important;
}
.ywk-references-nav strong {
font-weight: normal;
font-size: 20px;
color: #9498a0;
display: block;
margin: 0;
padding: 0 0 5px 0;
text-transform: uppercase;
}
.ywk-references-nav.num7 a {
width: 11%;
}
.ywk-references-nav a.cur {
background: #8ec31f;
}
.ywk-references-nav a.cur strong ,.ywk-references-nav a.cur:hover strong {
color: #fff;
}
.ywk-references-nav a.cur svg ,.ywk-references-nav a.cur svg * {
fill: #ffffff!important;
}
.ywk-references-nav a:hover strong {
color: #016d9e;
}
.ywk-references-nav a:hover svg,.ywk-references-nav a:hover svg * {
fill: #016d9e!important;
}
.ywk-references-nav a.cur:hover svg,.ywk-references-nav a.cur:hover svg * {
fill: #fff!important;
}
.ywk-references-list {
width: 90%;
margin: auto;
padding: 0 0 2% 0;
overflow: hidden;
}
.ywk-references-list-item {
position: relative;
overflow: hidden;
float: left;
width: 45%;
margin: 0 3% 0 1%;
}
.ywk-references-list-item.mr0 {
margin: 0 0 0 5%;
}
.ywk-references-list-item .img {
position: relative;
overflow: hidden;
}
.ywk-references-list-item .img .pic {
position: relative;
overflow: hidden;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.ywk-references-list-item .text {
padding: 30px 0 20px 0;
position: relative;
overflow: hidden;
margin-bottom: 5%;
}
.ywk-references-list-item .text::after {
content: '';
width: 0px;
height: 1px;
position: absolute;
bottom: 0;
background: #8ec31f;
transition: all .4s ease;
}
.ywk-references-list-item .text .tpath-1 {
color: #a1a7b2;
font-size: 14px;
padding-bottom: 10px;
}
.ywk-references-list-item .text .title-2 {
color: #1e2d45;
font-size: 24px;
padding: 0px 0 0px 20px;
text-transform: uppercase;
position: relative;
transition: all .4s ease;
}
.ywk-references-list-item .text .title-2::before, .ywk-references-list-item .text .title-2::after {
content: '';
width: 12px;
height: 12px;
position: absolute;
top: 50%;
margin-top: -6px;
transition: all .4s ease;
}
.ywk-references-list-item .text .title-2::before {
background: url('../image/jt1.png');
left: 0;
}
.ywk-references-list-item .text .title-2::after {
background: url('../image/jt2.png');
right: -50px;
}
.ywk-references-list-item a:hover .title-2 {
color: #8ec31f;
padding: 0px 0 0px 0px;
}
.ywk-references-list-item a:hover .text .title-2::before {
left: -50px;
}
.ywk-references-list-item a:hover .text .title-2::after {
right: 0px;
}
.ywk-references-list-item a:hover .text::after {
width: 100%;
}
.ywk-references-list-item a:hover .img .pic {
transform: scale(1.05);
}
.ywk-pageturn {
text-align: center;
margin: 0px auto 100px auto;
clear: both;
overflow: hidden;
font-size: 0;
}
.ywk-pageturn a {
display: inline-block;
vertical-align: middle;
border-top: 1px solid #edeff2;
border-bottom: 1px solid #edeff2;
color: #b8becc;
width: 45px;
font-size: 18px;
padding: 13px 0;
background: #fff;
box-sizing: border-box;
}
.ywk-pageturn a.on {
color: #fff;
background: #016d9e;
}
.ywk-pageturn a.prev {
padding: 13px 20px;
width: auto;
border-left: 1px solid #edeff2;
background: #edeff2;
text-transform: capitalize;
}
.ywk-pageturn a.next {
padding: 13px 20px;
width: auto;
border-right: 1px solid #edeff2;
background: #edeff2;
text-transform: capitalize;
}
.ywk-pageturn a:hover {
color: #666;
background: #ccc;
}
/* about */
.ywk-about {
background: url(../image/bg2.jpg);
margin: auto;
overflow: hidden;
}
.ywk-envicool-introduction {
position: relative;
overflow: hidden;
padding: 60px 0;
}
.ywk-envicool-introduction .ywk-left {
margin: 3% 5% 0 5%;
width: 45%;
}
.ywk-envicool-introduction .ywk-title {
/* margin-left: -12px; */
}
.ywk-envicool-introduction .ywk-stockcode {
color: #1e2d45;
font-size: 20px;
line-height: 32px;
padding: 15px 0 0 0;
}
.ywk-envicool-introduction .ywk-lines {
background: #eee;
width: 99px;
height: 18px;
margin: 30px 0;
}
.ywk-envicool-introduction .ywk-introduction {
clear: both;
font-size: 16px;
line-height: 30px;
color: #666e80;
}
.ywk-envicool-introduction .pic {
position: absolute;
bottom: 0;
right: 0;
width: 50%;
}
.ywk-play-video {
margin-top: 50px;
overflow: hidden;
}
.ywk-play-video a {
display: block;
width: 200px;
height: 50px;
line-height: 50px;
border: 1px solid #016d9e;
text-align: center;
overflow: hidden;
font-size: 0;
}
.ywk-play-video a span {
font-size: 14px;
color: #016d9e;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
text-transform: uppercase;
}
.ywk-play-video a i {
background: url('../image/play1.png');
width: 12px;
height: 14px;
display: inline-block;
vertical-align: middle;
}
.ywk-play-video a:hover {
background: #016d9e;
}
.ywk-play-video a:hover span {
color: #fff;
}
.ywk-play-video a:hover i {
background: url('../image/play2.png');
}
.ywk-about-data {
position: relative;
overflow: hidden;
}
.ywk-about-content {
position: relative;
overflow: hidden;
}
.ywk-about-data .data {
position: relative;
width: 100%;
height: auto;
left: 0;
padding: 0 6%;
z-index: 3;
font-size: 0;
text-align: center;
background: url(../image/certifications1.jpg);
}
.ywk-about-data .data li {
position: relative;
min-width: 25%;
box-sizing: border-box;
padding: 2%;
color: #fff;
overflow: hidden;
list-style: none;
margin: 0;
text-align: left;
transition: all .4s ease;
display: inline-block;
line-height: 1;
margin-top: 10px;
}
.ywk-about-data .data li::after {
content: '';
width: 1px;
height: 100%;
background: #fff;
position: absolute;
right: 3%;
top: 0;
opacity: .1;
}
.ywk-about-data .data li:last-child::after {
display: none
}
.ywk-about-data .data li i {
width: 35px;
height: 35px;
position: absolute;
right: 15%;
top: 24%;
}
.ywk-about-data .data li i svg,.ywk-about-data .data li i * {
fill: #fff!important;
}
.ywk-about-data .data li h3 {
margin: 0;
position: relative;
font-weight: normal;
font-size: 20px;
font-weight: normal;
line-height: 40px;
}
.ywk-about-data .data li h3 strong {
font-size: 44px;
font-weight: normal;
}
.ywk-about-data .data li h3 strong em {
font-style: normal;
}
.ywk-about-data .data li h3 span {
font-size: 20px;
padding-left: 10px;
text-transform: uppercase;
font-weight: normal;
}
.ywk-about-data .data li h3 sup {
font-size: 30px;
line-height: 30px;
font-weight: normal;
display: inline-block;
vertical-align: super;
margin: 0px 0 0 5px;
}
.ywk-about-data .data li p {
display: block;
font-size: 15px;
opacity: .6;
margin: 10px 0 0 0;
}
.ywk-about-data .data li:hover h3 strong,.ywk-about-data .data li:hover h3 span, .ywk-about-data .data li:hover h3 sup,.ywk-about-data .data li:hover p {
/* color: #8ec31f; */
opacity: 1;
}
.ywk-about-data .data li:hover i svg,.ywk-about-data .data li:hover i * {
fill: #8ec31f!important;
}
.ywk-about-product {
position: relative;
overflow: hidden;
}
.ywk-about-product .about-product {
position: absolute;
left: 25%;
top: 50%;
width: 50%;
z-index: 3;
transform: translateY(-50%);
}
.ywk-about-product .product-item-li {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4;
}
.ywk-about-product .item-li {
position: absolute;
left: 0;
top: 0;
z-index: 5;
width: 44%;
padding-left: 80px;
}
.ywk-about-product .item-li a {
display: block;
}
.ywk-about-product .dot-0 {
position: absolute;
z-index: 5;
width: 4px;
height: 4px;
border: 4px solid #939cad;
border-radius: 100%;
background: #dfe5f2;
}
.ywk-about-product .icon-1 {
position: absolute;
left: 0;
top: -20px;
}
.ywk-about-product .icon-1 i {
width: 60px;
height: 60px;
position: relative;
margin: auto;
background: rgba(30, 45, 69, .5);
border-radius: 100%;
display: block;
opacity: .8;
}
.ywk-about-product .icon-1 svg {
max-width: 50%;
max-height: 50%;
fill: #fff!important;
}
.ywk-about-product .icon-1 svg * {
fill: #fff!important;
}
.ywk-about-product .title-2 {
font-size: 20px;
color: #1e2d45;
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
display: inline-block;
}
.ywk-about-product .title-2::after {
content: '';
width: 0px;
height: 1px;
background: #016d9e;
position: absolute;
left: 0;
bottom: 0;
transition: all .4s ease;
}
.ywk-about-product .text-3 {
font-size: 12px;
color: #666e80;
padding: 10px 0;
line-height: 24px;
display: none;
clear: both;
}
.ywk-about-product .pic {
position: relative;
}
.ywk-about-product .item-li a:hover .title-2,.ywk-about-product .item-li.cur a .title-2 {
color: #016d9e;
background: url('https://www.gttss.com/template/default/image/lsj.png') left top no-repeat;
padding-left: 5px;
}
.ywk-about-product .item-li a:hover .title-2::after,.ywk-about-product .item-li.cur a .title-2::after {
width: 100%;
}
.ywk-about-product .item-li a:hover .text-3,.ywk-about-product .item-li.cur a .text-3 {
display: block;
}
.ywk-about-product .item-li a:hover .icon-1 i,.ywk-about-product .item-li.cur a .icon-1 i {
background: #016d9e;
opacity: 1
}
.ywk-about-product .item-li a:hover .dot-0,.ywk-about-product .item-li.cur a .dot-0 {
border: 4px solid #016d9e;
}
.ywk-about-product .item-li:nth-child(1) .dot-0 {
left: -12px;
top: 60px;
}
.ywk-about-product .item-li:nth-child(2) .dot-0 {
left: -42px;
top: 30px;
}
.ywk-about-product .item-li:nth-child(3) .dot-0 {
left: -42px;
top: -20px;
}
.ywk-about-product .item-li:nth-child(4) .dot-0 {
left: 50%;
top: -40px;
margin-left: 34px;
}
.ywk-about-product .item-li:nth-child(5) .dot-0 {
top: -35px;
right: -40px;
}
.ywk-about-product .item-li:nth-child(6) .dot-0 {
right: -45px;
top: 25px;
}
.ywk-about-product .item-li:nth-child(7) .dot-0 {
right: -32px;
top: 55px;
}
.ywk-about-product .about-product.product7 .item-li.fl {
left: 50%;
top: 50%;
padding-right: 80px;
padding-left: 0;
text-align: right;
}
.ywk-about-product .about-product.product7 .item-li.fl .dot-0 {
left: auto;
}
.ywk-about-product .about-product.product7 .item-li.fl .icon-1 {
left: auto;
right: 0;
}
.ywk-about-product .about-product.product7 .item-li.fl .title-2 {
padding-right: 5px;
padding-left: 0;
text-align: right;
background: url('../image/rsj.png') 150% top no-repeat;
}
.ywk-about-product .about-product.product7 .item-li.fl .title-2::after {
right: 0;
left: auto;
}
.ywk-about-product .about-product.product7 .item-li.fl .text-3 {
text-align: right;
}
.ywk-about-product .about-product.product7 .item-li.fl a:hover .title-2 {
background: url('../image/rsj.png') right top no-repeat;
}
.ywk-about-product .about-product.product7 .item-li.pit1 {
left: auto;
right: 50%;
top: 50%;
margin-right: -610px;
margin-top: -290px;
}
.ywk-about-product .about-product.product7 .item-li.pit2 {
left: auto;
right: 50%;
top: 50%;
margin-right: -775px;
margin-top: -100px;
}
.ywk-about-product .about-product.product7 .item-li.pit3 {
left: auto;
right: 50%;
top: 50%;
margin-right: -725px;
margin-top: 175px;
}
.ywk-about-product .about-product.product7 .item-li.pit4 {
left: auto;
right: 50%;
top: 50%;
margin-right: -22%;
margin-top: 280px;
text-align: center;
}
.ywk-about-product .about-product.product7 .item-li.pit4 .icon-1 {
left: auto;
top: auto;
position: relative;
margin-bottom: 10px;
;}
.ywk-about-product .about-product.product7 .item-li.pit4 a:hover .title-2 {
background: none;
padding-left: 0px;
}
.ywk-about-product .about-product.product7 .item-li.pit4 .title-2::after {
left: 50%;
transform: translateX(-50%);
}
.ywk-about-product .about-product.product7 .item-li.pit5 {
left: 50%;
top: 50%;
margin-left: -725px;
margin-top: 175px;
}
.ywk-about-product .about-product.product7 .item-li.pit6 {
left: 50%;
top: 50%;
margin-left: -775px;
margin-top: -100px;
}
.ywk-about-product .about-product.product7 .item-li.pit7 {
left: 50%;
top: 50%;
margin-left: -610px;
margin-top: -290px;
}
.about-product-swiper {
width: 250px;
height: 250px;
margin: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.about-product-swiper .swiper-slide {
opacity: 0!important;
}
.about-product-swiper .swiper-slide-active {
opacity: 1!important;
}
.ywk-core-advantages {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
}
.ywk-core-advantages .ywk-title {
position: absolute;
left: 5%;
top: 20%;
}
.ywk-core-advantages .ywk-title h2 {
color: #fff;
}
.ywk-core-advantages .ywk-title h2::before {
background: url('https://www.gttss.com/template/default/image/title2.png');
}
.ywk-core-advantages-item {
position: absolute;
left: 5%;
bottom: 10%;
width: 90%;
}
.ywk-core-advantages-item a {
display: block;
width: 11%;
background: #fff;
float: left;
padding: 1.5% 2.5%;
overflow: hidden;
margin-right: 1%;
}
.ywk-core-advantages-item i {
position: relative;
width: 50px;
height: 50px;
margin: 0;
display: block;
}
.ywk-core-advantages-item i svg {
width: 50px;
height: 50px;
}
.ywk-core-advantages-item i * {
fill: #1e2d45!important;
}
.ywk-core-advantages-item strong {
font-size: 24px;
color: #1e2d45;
font-weight: normal;
clear: both;
padding: 15px 0 10px 0;
display: block;
}
.ywk-core-advantages-item p {
display: block;
font-size: 14px;
color: #5a6373;
margin: 0;
}
.ywk-core-advantages-item a:hover {
background: #016d9e;
}
.ywk-core-advantages-item a:hover strong,.ywk-core-advantages-item a:hover p {
color: #fff;
}
.ywk-core-advantages-item a:hover i * {
fill: #fff!important;
}
.ywk-core-advantages-item a.cur {
background: #016d9e;
}
.ywk-core-advantages-item a.cur strong,.ywk-core-advantages-item a.cur p {
color: #fff;
}
.ywk-core-advantages-item a.cur i * {
fill: #fff!important;
}
.ywk-about-culture {
overflow: hidden;
padding: 7% 0 ;
width: 80%;
margin: auto;
}
.ywk-culture-left {
float: left;
width: 58%;
position: relative;
overflow: hidden;
}
.ywk-culture-swiper {
position: relative;
margin-top: 50px;
}
.ywk-culture-swiper .pic {
position: absolute;
width: 38%;
right: 0px;
bottom: 0px;
z-index: 3;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ywk-culture-swiper .img {
position: relative;
width: 80%;
margin: 0;
margin-bottom: 60px;
transform: translateX(-100%);
opacity: 0;
transition: all 1s ease-in-out;
}
.ywk-culture-swiper .pic {
transform: translateX(-100%);
opacity: 0;
transition: all 1s ease-in-out .8s;
}
.ywk-culture-swiper .swiper-slide-active .pic {
transform: translateX(0);
opacity: 1;
}
.ywk-culture-swiper .swiper-slide-active .img {
transform: translateX(0);
opacity: 1;
}
.swiper-pagination-culture {
text-align: left;
bottom: 30px!important;
}
.swiper-pagination-culture span.swiper-pagination-bullet {
border-radius: 0;
background: #cfd2da;
margin: 0 10px 0 0px!important;
opacity: 1;
}
.swiper-pagination-culture span.swiper-pagination-bullet-active {
background: #8ec31f;
}
.ywk-culture-right {
position: relative;
overflow: hidden;
margin-top: 4%;
width: 35%;
float: right;
}
.ywk-culture-right li {
position: relative;
margin: 0;
padding: 30px 0 ;
list-style: none;
border-bottom: 1px solid #e1e1e5;
}
.ywk-culture-right strong {
font-weight: normal;
color: #016d9e;
font-size: 30px;
margin: 0;
display: block;
text-transform: uppercase;
}
.ywk-culture-right p {
display: block;
padding: 1px 0;
overflow: hidden;
margin: 5px 0;
color: #666e80;
font-size: 16px;
}
.ywk-culture-right i {
font-style: normal;
color: #b8becc;
font-size: 20px;
position: absolute;
right: 0;
top: 50%;
margin-top: -28px;
}
.ywk-about-dthicscompliance {
margin: auto;
width: 80%;
position: relative;
overflow: hidden;
padding: 8% 0;
text-align: center;
}
.ywk-about-dthicscompliance .ywk-title {
display: inline-block;
}
.ywk-dthicscompliance {
margin: auto;
text-align: left;
padding-top: 5%;
overflow: hidden;
}
.ywk-dthicscompliance .viewmore {
font-size: 0;
margin-top: 70px;
}
.ywk-dthicscompliance .viewmore a {
background: #016d9e;
border: 1px solid #016d9e;
width: 170px;
height: 60px;
line-height: 60px;
}
.ywk-dthicscompliance .viewmore a span {
font-size: 14px;
}
.ywk-dthicscompliance .viewmore a:hover {
background: #8ec31f;
border: 1px solid #8ec31f;
}
.ywk-dthicscompliance .viewmore a:hover span {
color: #fff;
}
.ywk-dthicscompliance .viewmore a:hover i {
background: url(../image/jtr1.png);
}
.ywk-dthicscompliance-swiper {
overflow: hidden;
}
.ywk-dthicscompliance-swiper .text {
float: left;
width: 42%;
}
.ywk-dthicscompliance-swiper .num-0 {
color: #a1a7b2;
font-size: 20px;
padding-bottom: 15px;
;}
.ywk-dthicscompliance-swiper .num-0 strong {
color: #1e2d45;
font-size: 36px;
font-weight: normal;
}
.ywk-dthicscompliance-swiper .num-0 span {
color: #a1a7b2;
font-size: 20px;
}
.ywk-dthicscompliance-swiper .title-1 {
color: #1e2d45;
font-size: 40px;
position: relative;
text-transform: uppercase;
}
.ywk-dthicscompliance-swiper .title-1::after {
content: '';
width: 50px;
height: 3px;
background: #8ec31f;
display: block;
margin: 30px 0;
}
.ywk-dthicscompliance-swiper .text-2 {
color: #666f80;
font-size: 16px;
line-height: 26px;
}
.ywk-dthicscompliance-swiper .img {
float: right;
width: 50%;
position: relative;
}
.ywk-dthicscompliance-nav {
margin-top: 70px;
position: relative;
overflow: hidden;
text-align: left;
}
.ywk-dthicscompliance-nav .item-4 {
color: #a1a7b2;
cursor: pointer;
}
.ywk-dthicscompliance-nav .item-4::before,.ywk-dthicscompliance-nav .item-4::after {
content: '';
width: 100%;
height: 2px;
background: #e5e5e5;
position: absolute;
left: 0;
top: 0;
}
.ywk-dthicscompliance-nav .item-4::after {
z-index: 3;
width: 0px;
background: #016d9e;
}
.ywk-dthicscompliance-nav .item-4 .num-6 {
font-size: 18px;
padding: 20px 0 10px 0;
}
.ywk-dthicscompliance-nav .item-4 .title-6 {
font-size: 18px;
text-transform: uppercase;
}
.ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4::after {
width: 100%;
}
.ywk-dthicscompliance-nav .swiper-slide-thumb-active .item-4 {
color: #016d9e;
}
.ywk-border-top4 {
border-top: 4px solid #ededed;
}
.ywk-about-certifications-awards {
position: relative;
padding: 100px 0;
overflow: hidden;
width: 90%;
margin: 0 auto;
}
.ywk-about-certifications-awards .ywk-content-top {
position: relative;
width: 100%;
margin: auto;
}
.ywk-about-certifications-awards .ywk-content-top .ywk-title {
display: inline-block;
}
.ywk-about-certifications-awards .ywk-content-top .ywk-title h2 {
color: #fff;
}
.ywk-about-certifications-awards .ywk-content-top .ywk-title h2::before {
background: url('https://www.gttss.com/template/default/image/title2.png');
}
.ywk-about-certifications-awards .ywk-content-top .ywk-text {
width: 100%;
margin: 0;
margin-bottom: 60px;
}
.ywk-certifications-awards-nav {
position: absolute;
right: 0;
top: 50%;
text-align: right;
font-size: 0;
margin-top: -35px;
}
.ywk-certifications-awards-nav a {
display: inline-block;
text-align: center;
border: 1px solid rgba(255,255,255,.2);
width: 200px;
height: 90px;
box-sizing: border-box;
overflow: hidden;
}
.ywk-certifications-awards-nav i {
display: block;
width: 40px;
height: 30px;
margin: 15px auto 10px auto;
position: relative;
}
.ywk-certifications-awards-nav i * {
fill: #9cadc9!important;
}
.ywk-certifications-awards-nav strong {
color: #9cadc9;
font-size: 20px;
text-transform: uppercase;
font-weight: normal;
margin: 0;
}
.ywk-certifications-awards-nav a.cur strong {
color: #8ec31f;
}
.ywk-certifications-awards-nav a.cur i * {
fill: #8ec31f!important;
}
.ywk-certifications-awards-nav a.cur {
border: 1px solid #8ec31f;
}
.ywk-certifications-awards {
position: relative;
width: 80%;
margin: 5% auto auto auto;
}
.ywk-certifications-awards .text {
display: none;
text-align: center;
color: #fff;
padding-top: 20px;
font-size: 20px;
text-transform: uppercase;
}
.ywk-certifications-awards-swiper .awards-img {
transform: scale(0.7);
transition: all .4s ease;
/* background: #fff; */
overflow: hidden;
}
.ywk-certifications-awards-swiper .text {
color: #fff;
text-align: center;
margin-top: 10px;
}
.ywk-certifications-awards-swiper .awards-img img {
opacity: .3;
height: auto;
}
.ywk-certifications-awards-swiper .swiper-slide-active .awards-img {
transform: scale(1.0);
}
.ywk-certifications-awards-swiper .swiper-slide-active .awards-img img {
opacity: 1;
}
.ywk-certifications-awards-swiper .swiper-slide-active .text {
display: block;
}
.ywk-certifications-awards-swiper .swiper-awards-next,.ywk-certifications-awards-swiper .swiper-awards-prev {
color: #fff;
outline: none;
width: 25px;
height: 45px;
margin-top: -40px;
background: none;
}
.ywk-certifications-awards-swiper .swiper-button-next:after,.ywk-certifications-awards-swiper .swiper-button-prev:after {
font-size: 30px;
opacity: .5;
}
.ywk-certifications-awards-swiper .swiper-button-next:hover:after,.ywk-certifications-awards-swiper .swiper-button-prev:hover:after {
opacity: 1;
}
.ywk-certifications-awards-swiper .swiper-awards-next {
left: auto;
right: 50%;
margin-right: -200px;
}
.ywk-certifications-awards-swiper .swiper-awards-prev {
left: 50%;
margin-left: -200px;
}
.ywk-certifications-awards-swiper .swiper-slide-prev {
margin-left: -3%;
margin-right: 3%;
}
.ywk-certifications-awards-swiper .swiper-slide-next {
margin-right: -3%;
margin-left: 3%;
}
.ywk-about-events {
position: relative;
padding: 9% 0 0 0;
overflow: hidden;
}
.ywk-about-events .ywk-content-top {
position: relative;
width: 80%;
margin: auto;
}
.ywk-about-events .ywk-content-top .ywk-title {
margin-left: -10px;
}
.ywk-events-nav {
border-top: 1px solid #dcdfe5;
border-bottom: 1px solid #dcdfe5;
border-left: 1px solid #dcdfe5;
overflow: hidden;
width: 60%;
margin: 20px 0 0 0px;
}
.ywk-events-nav a {
display: block;
float: left;
width: 20%;
border-right: 1px solid #dcdfe5;
font-size: 18px;
color: #8e94a0;
padding: 20px 0;
text-align: center;
text-transform: uppercase;
box-sizing: border-box;
}
.ywk-events-nav a.cur {
background: #016d9e;
color: #fff;
}
.ywk-about-events .viewmore {
margin: 0;
position: absolute;
right: 0;
bottom: 0;
}
.ywk-about-events .viewmore a {
border: 1px solid #016d9e;
font-size: 0;
height: 60px;
line-height: 60px;
width: 140px;
}
.ywk-about-events .viewmore span {
color: #016d9e;
font-size: 14px;
}
.ywk-about-events .viewmore i {
background: url('../image/jtr3.png');
}
.ywk-about-events .viewmore a:hover {
background: #016d9e;
}
.ywk-about-events .viewmore a:hover span {
color: #fff;
}
.ywk-about-events .viewmore a:hover i {
background: url('../image/jtr1.png');
}
.ywk-events-content {
position: relative;
width: 80%;
margin: 60px auto auto auto;
overflow: hidden;
}
.ywk-events-list {
overflow: hidden;
position: relative;
}
.ywk-events-left {
float: left;
width: 55%;
overflow: hidden;
position: relative;
}
.ywk-events-left .text {
position: absolute;
left: 5%;
bottom: 5%;
width: 90%;
z-index: 3;
color: #fff;
}
.ywk-events-left .text span {
font-size: 12px;
}
.ywk-events-left .text h5 {
font-size: 16px;
margin: 0;
font-weight: normal;
padding: 10px 0;
}
.ywk-events-left .img img.img-center {
opacity: 0;
}
.ywk-events-left a:hover .img {
transform: scale(1.1);
}
.ywk-events-right {
float: right;
width: 43%;
overflow: hidden;
position: relative;
margin-top: 1%;
}
.ywk-events-item {
padding: 0 0 0 10%;
overflow: hidden;
}
.ywk-events-item a {
display: block;
overflow: hidden;
border-bottom: 1px solid #dcdfe5;
padding: 20px 0;
}
.ywk-events-item p {
color: #a1a6b2;
font-size: 12px;
margin: 0;
}
.ywk-events-item h5 {
font-size: 16px;
margin: 0;
font-weight: normal;
padding: 10px 0;
line-height: 26px;
color: #667080;
}
.ywk-events-item .more {
position: relative;
overflow: hidden;
font-size: 0;
display: block;
margin: 10px 0 15px 0;
}
.ywk-events-item .more span {
color: #a1a7b2;
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.ywk-events-item .more i {
width: 17px;
height: 7px;
display: inline-block;
vertical-align: middle;
opacity: .3;
}
.ywk-events-item a:hover h5 {
color: #016d9e;
}
.ywk-events-item a:hover .more span {
color: #f29702;
}
.ywk-events-item a:hover .more i {
opacity: 1;
}
.ywk-position-index10 {
position: relative;
z-index: 10;
}
.ywk-affiliated-companies {
position: relative;
background: url('https://www.gttss.com/template/default/image/map.png') left top no-repeat;
overflow: hidden;
}
.ywk-about-affiliated-companies {
position: relative;
padding: 20% 0 9% 0;
overflow: hidden;
width: 80%;
margin: auto;
}
.ywk-affiliated-content {
position: relative;
overflow: hidden;
padding: 0;
}
.ywk-affiliated-right {
position: absolute;
right: 5%;
top: 10%;
z-index: 3;
width: 20%;
}
.ywk-affiliated-nav {
position: relative;
overflow-x: hidden;
overflow-y: auto;
max-height: 470px;
width: 95%;
padding-right: 5%;
}
.ywk-affiliated-nav::-webkit-scrollbar {
width: 2px;
}
.ywk-affiliated-nav::-webkit-scrollbar-thumb {
background-color: #999;
box-shadow: inset 1px 1px 0 #999,inset 0 -1px 0 #999;
}
.ywk-affiliated-nav a {
display: block;
position: relative;
padding: 20px 0;
overflow: hidden;
}
.ywk-affiliated-nav a::after,.ywk-affiliated-nav a::before {
content: '';
width: 100%;
height: 1px;
background: #ccc;
position: absolute;
left: 0;
bottom: 0;
}
.ywk-affiliated-nav a::before {
width: 0px;
z-index: 3;
transition: all .4s ease;
}
.ywk-affiliated-nav span {
color: #666e80;
font-size: 24px;
}
.ywk-affiliated-nav i {
display: block;
background: url('../image/right1.png');
width: 8px;
height: 16px;
right: 0;
position: absolute;
top: 50%;
margin-top: -8px;
opacity: .5;
}
.ywk-affiliated-nav a.cur span {
color: #8ec31f;
}
.ywk-affiliated-nav a.cur i {
background: url('../image/right11.png');
opacity: 1;
}
.ywk-affiliated-nav a.cur::before {
width: 100%;
background: #8ec31f;
}
.ywk-affiliated-left {
width: 25%;
overflow: hidden;
background: rgba(255,255,255,.7);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.15);
position: absolute;
left: 0;
top: 10%;
}
.ywk-affiliated-left * {
transition: all .4s ease;
}
.ywk-affiliated-left-swiper {
position: relative;
}
.companies-item {
position: relative;
overflow: hidden;
width: 100%;
padding-bottom: 71px;
}
.companies-item .text {
padding: 8%;
overflow: hidden;
}
.companies-item .title-1 {
font-size: 20px;
color: #1e2d45;
text-transform: uppercase;
}
.companies-item .line-2 {
background: url('https://www.gttss.com/template/default/image/line2.png');
width: 36px;
height: 8px;
margin: 20px 0;
}
.companies-item .add-3 {
font-size: 12px;
color: #666e80;
line-height: 22px;
padding-bottom: 20px;
;}
.ywk-pagetrun-swiper {
position: absolute;
border-top: 1px solid #e1e2e5;
font-size: 0;
left: 0;
bottom: 0;
width: 100%;
z-index: 10;
}
.ywk-pagetrun-swiper .swiper-affiliated-prev, .ywk-pagetrun-swiper .swiper-affiliated-next {
height: 70px;
width: 25%;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
cursor: pointer;
outline: none;
}
.ywk-pagetrun-swiper .swiper-affiliated-prev:hover {
background: url('../image/left4.png') center no-repeat;
}
.ywk-pagetrun-swiper .swiper-affiliated-next:hover {
background: url('../image/right4.png') center no-repeat;
}
.ywk-pagetrun-swiper .swiper-affiliated-prev {
border-right: 1px solid #e1e2e5;
background: url('../image/left41.png') center no-repeat;
}
.ywk-pagetrun-swiper .swiper-affiliated-next {
border-left: 1px solid #e1e2e5;
background: url('../image/right41.png') center no-repeat;
}
.ywk-pagetrun-swiper .swiper-affiliated-num {
color: #b8becc;
width: 50%;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 20px;
}
.ywk-pagetrun-swiper .swiper-affiliated-num strong {
color: #016d9e;
font-weight: normal;
margin: 0;
}
.ywk-pagetrun-swiper .swiper-affiliated-num span {
margin: 0;
color: #b8becc;
}
.ywk-affiliated-point {
position: relative;
width: 50%;
height: 700px;
z-index: 5;
margin: auto;
}
.ywk-affiliated-point-list {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.ywk-affiliated-point-list a {
position: absolute;
display: block;
left: 50%;
top: 50%;
}
.ywk-affiliated-point-list span {
font-size: 12px;
color: #7d8db1;
display: block;
}
.ywk-affiliated-point-list i {
width: 10px;
height: 10px;
border-radius: 100%;
position: absolute;
background: #8aa8e6;
left: 50%;
top: -20px;
margin-left: -5px;
}
.ywk-affiliated-point-list i::before,.ywk-affiliated-point-list i::after {
content: '';
border-radius: 100%;
position: absolute;
left: 50%;
top: 50%;
background: #8aa8e6;
}
.ywk-affiliated-point-list i::before {
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
opacity: .2;
}
.ywk-affiliated-point-list i::after {
width: 55px;
height: 55px;
margin: -27.5px 0 0 -27.5px;
opacity: .2;
}
.ywk-affiliated-point-list i::before {
transform: scale(0.1);
animation: fangda1 2000ms infinite ease;
}
.ywk-affiliated-point-list i::after {
transform: scale(0.1);
animation: fangda1 1500ms infinite ease;
}
@keyframes fangda1 {
0% {
transform: scale(0.1);
opacity: 1;
}
100% {
transform: scale(1.0);
opacity: 0;
}
}
.ywk-affiliated-point-list a.ldrt i {
left: 0;
top: 3px;
margin-left: -15px;
}
.ywk-affiliated-point-list a.rdlt i {
left: auto;
right: 0;
top: 3px;
margin-right: -15px;
}
.ywk-affiliated-point-list a.pld1 {
margin: 20px 0 0 110px;
}
.ywk-affiliated-point-list a.pld2 {
margin: -5px 0 0 150px;
}
.ywk-affiliated-point-list a.pld3 {
margin: -290px 0 0 20px;
}
.ywk-affiliated-point-list a.pld4 {
margin: 190px 0 0 0px;
}
.ywk-affiliated-point-list a.pld5 {
margin: 255px 0 0 -45px;
}
.ywk-affiliated-point-list a.pld6 {
margin: -240px 0 0 -10px;
}
.ywk-affiliated-point-list a.pld7 {
margin: 220px 0 0 -130px;
}
.ywk-affiliated-point-list a.cur i,.ywk-affiliated-point-list a.cur i::before,.ywk-affiliated-point-list a.cur i::after {
background: #f29700;
}
.ywk-affiliated-point-list a.cur span,.ywk-affiliated-point-list a:hover span {
color: #f29700;
}
.ywk-affiliated-point-list a:hover {
z-index: 10;
}
.ywk-page-content.mt-100 {
margin-top: -10%;
z-index: 1;
}
/* factory */
.ywk-factory {
position: relative;
padding: 5% 0 ;
overflow: hidden;
}
.ywk-factory-masonry {
width: 80%;
margin: auto;
position: relative;
column-count: 3;
column-gap: 0;
}
.ywk-factory-masonry .item {
break-inside: avoid;
box-sizing: border-box;
padding: 10px;
}
.ywk-factory-masonry .item a {
display: block;
position: relative;
overflow: hidden;
}
.ywk-factory-masonry .toptxt {
position: absolute;
left: 0;
top: 50%;
z-index: 10;
width: 100%;
text-align: center;
transform: translateY(-50%);
opacity: 0;
}
.ywk-factory-masonry .toptxt i {
display: block;
width: 55px;
height: 55px;
border-radius: 100%;
background: #f29700 url('../image/add.png') center no-repeat;
margin: auto;
}
.ywk-factory-masonry .toptxt h4 {
margin: 10px auto;
text-align: center;
font-size: 20px;
color: #fff;
text-transform: uppercase;
}
.ywk-factory-masonry .img {
position: relative;
overflow: hidden;
}
.ywk-factory-masonry .img::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background-image: linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,0));
}
.ywk-factory-masonry .item a:hover .toptxt {
opacity: 1;
}
.ywk-factory-masonry .item a:hover .img img {
opacity: .6;
}
.ywk-factory-withus {
width: 80%;
margin: auto;
position: relative;
;padding: 1% 0 8% 0;
}
.ywk-factory-withus-form {
padding-top: 5%;
overflow: hidden;
}
.ywk-factory-withus-form li {
list-style: none;
margin: 0;
padding: 0;
width: 45%;
margin-right: 5%;
float: left;
overflow: hidden;
margin-bottom: 30px;
}
.ywk-factory-withus-form li h6 {
font-size: 14px;
color: #26334c;
margin: 10px 0;
display: block;
font-weight: normal;
}
.ywk-factory-withus-form li input {
border: none;
background: none;
font-size: 14px;
border-bottom: 1px solid #e5e5e5;
width: 100%;
padding: 15px 0 25px 0;
box-sizing: border-box;
}
.ywk-factory-withus-form li input:focus {
border-bottom: 1px solid #26334c;
}
.ywk-factory-withus-form li textarea {
border: none;
background: none;
font-size: 14px;
border-bottom: 1px solid #e5e5e5;
width: 100%;
padding: 15px 0 25px 0;
box-sizing: border-box;
min-height: 100px;
}
.ywk-factory-withus-form li textarea:focus {
border-bottom: 1px solid #26334c;
}
.ywk-factory-withus-form .submit {
clear: both;
overflow: hidden;
}
.ywk-factory-withus-form .submit input {
background: #016d9e;
width: 30%;
height: 60px;
text-align: center;
color: #fff;
font-size: 16px;
border: none;
cursor: pointer;
}
.ywk-factory-withus-form .submit input:hover {
background: #8ec31f;
}
.galleryOverlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
z-index: 100000;
background-color: rgba(0,0,0,.7);
overflow: hidden;
display: none;
-moz-transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.galleryOverlay.visible {
opacity: 1;
}
.gallerySlider {
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
}
.gallerySlider .placeholder {
height: 100%;
line-height: 1px;
text-align: center;
width: 100%;
display: inline-block;
}
.gallerySlider .placeholder:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.gallerySlider .placeholder img {
display: inline-block;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
width: auto;
}
.prevArrow, .nextArrow {
border: none;
text-decoration: none;
opacity: 0.5;
cursor: pointer;
position: absolute;
width: 50%;
height: 100%;
top: 0;
margin-top: 0px;
}
.prevArrow:hover, .nextArrow:hover {
opacity: 1;
}
.prevArrow {
background-position: left top;
left: 0;
}
.nextArrow {
background-position: right top;
right: 0;
}
.pagelimit {
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -18px;
color: #fff;
font-size: 18px;
}
.closed {
cursor: pointer;
position: absolute;
width: 40px;
height: 40px;
right: 2%;
top: 3%;
background: url(../image/xxx.png) no-repeat;
transition-duration: 0.5s;
}
.closed:hover {
opacity: 0.5;
}
/* news */
.ywk-references.ptb4 {
padding: 3% 0;
}
.ywk-news-content {
width: 100%;
margin: auto;
position: relative;
padding: 0 0 3% 0;
overflow: hidden;
margin-top: 10px;
}
.ywk-news-item {
float: left;
width: 31.3%;
margin: 1%;
overflow: hidden;
background: #fff;
}
.ywk-news-item a {
display: block;
overflow: hidden;
border: 1px solid #e6e6e6;
box-sizing: border-box;
}
.ywk-news-item .img {
position: relative;
overflow: hidden;
}
.ywk-news-item .img .pic {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-bottom: 66.6%;
}
.ywk-news-item .img .pic img.img-center {
opacity: 1;
}
.ywk-news-item .text {
padding: 8%;
overflow: hidden;
}
.ywk-news-item .data-1 {
font-size: 12px;
color: #666e80;
}
.ywk-news-item .title-2 {
font-size: 24px;
color: #1e2d45;
line-height: 30px;
padding: 10px 0;
min-height: 100px;
}
.ywk-news-item .more {
position: relative;
overflow: hidden;
font-size: 0;
display: block;
margin-top: 30px;
}
.ywk-news-item .more span {
color: #666e80;
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.ywk-news-item .more i {
width: 17px;
height: 7px;
display: inline-block;
vertical-align: middle;
opacity: .8;
}
.ywk-news-item a:hover .more span {
color: #fff;
}
.ywk-news-item a:hover .more i {
opacity: 1;
}
.ywk-news-item a:hover {
background: #016d9e ;
}
.ywk-news-item a:hover .title-2,.ywk-news-item a:hover .data-1 {
color: #fff;
}
.ywk-news-item a:hover .img .pic {
transform: scale(1.1);
}
.ywk-news-path {
margin-top: 98px;
overflow: hidden;
background: #f5f7fa;
}
.ywk-news-path-content {
font-size: 0;
padding: 15px 0;
overflow: hidden;
width: 92%;
margin: auto;
font-size: 12px;
color: #b8becc;
line-height: 24px;
}
.ywk-news-path-content a {
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #b8becc;
line-height: 24px;
}
.ywk-news-path-content a.cur {
color: #666e80;
}
.ywk-news-path-content a:hover {
color: #016d9e;
}
.ywk-news-path-content span {
font-size: 12px;
color: #b8becc;
line-height: 24px;
display: inline-block;
vertical-align: middle;
padding: 0 3px;
}
.ywk-news-detail {
overflow: hidden;
padding: 5% 0 3% 0;
position: relative;
width: 57%;
margin: auto;
}
.ywk-news-detail-top {
position: relative;
overflow: hidden;
}
.ywk-news-detail-top::after,.ywk-news-detail-top::before {
content: '';
height: 2px;
background: #e6e6e6;
left: 0;
bottom: 0;
position: absolute;
}
.ywk-news-detail-top::after {
width: 100%;
}
.ywk-news-detail-top::before {
width: 7%;
background: #016d9e;
z-index: 12;
}
.ywk-news-detail-top .type-1 {
clear: both;
overflow: hidden;
}
.ywk-news-detail-top .type-1 h5 {
font-size: 12px;
color: #fff;
background: #8ec31f;
display: inline-block;
padding: 8px 20px;
font-weight: normal;
}
.ywk-news-detail-top .title-2 {
overflow: hidden;
}
.ywk-news-detail-top .title-2 h1 {
font-weight: normal;
font-size: 40px;
color: #1e2d45;
margin: 0;
}
.ywk-news-detail-top .data-3 {
font-size: 14px;
color: #666e80;
padding-bottom: 30px;
padding-top: 25px;
}
.ywk-news-detail-center {
padding: 3% 0;
overflow: hidden;
font-size: 16px;
line-height: 26px;
color: #666e80;
}
.ywk-news-detail-center img {
display: inline-block;
width: auto;
max-width: 100%;
}
.ywk-news-detail-bottom {
position: relative;
overflow: hidden;
width: 57%;
margin: auto;
margin-bottom: 3%;
box-shadow: 0px 8px 60px 0px rgba(10, 15, 26, 0.08);
background: #fff;
}
.ywk-news-detail-pageturn {
padding: 30px 3%;
overflow: hidden;
}
.ywk-news-detail-pageturn a {
font-size: 14px;
color: #666e80;
text-transform: uppercase;
}
.ywk-news-detail-pageturn a.return {
background: url('../image/return.png');
width: 20px;
height: 20px;
position: absolute;
left: 50%;
top: 50%;
margin: -10px 0 0 -10px;
}
.ywk-news-detail-pageturn a.prev {
float: left;
}
.ywk-news-detail-pageturn a.next {
float: right;
text-align: right;
}
.ywk-news-detail-pageturn i {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 8px;
}
.ywk-news-detail-pageturn span {
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #666e80;
margin: 0 10px;
}
.ywk-news-detail-pageturn a.prev i {
background: url('../image/left41.png') center no-repeat;
}
.ywk-news-detail-pageturn a.next i {
background: url('../image/right41.png') center no-repeat;
}
.ywk-news-detail-pageturn a:hover span {
color: #016d9e;
}
.ywk-news-detail-pageturn a.prev:hover i {
background: url('../image/left4.png') center no-repeat;
}
.ywk-news-detail-pageturn a.next:hover i {
background: url('../image/right4.png') center no-repeat;
}
.ywk-news-other-news {
overflow: hidden;
padding: 5% 0;
}
.ywk-news-other-news .ywk-content-top {
text-align: center;
}
.ywk-news-other-news .ywk-content-top .ywk-title {
display: inline-block;
}
.ywk-news-recommend-swiper {
position: relative;
overflow: hidden;
width: 80%;
margin: 2% auto;
}
.ywk-news-recommend-swiper .ywk-news-item {
float: none;
width: 100%;
margin: 0;
}
/* contact */
.ywk-contact {
position: relative;
overflow: hidden;
background: #f5f7fa;
}
.ywk-contact-left {
overflow: hidden;
padding: 5% 5% 5% 5%;
float: left;
width: 50%;
box-sizing: border-box;
}
.ywk-contact-left .title-1,.ywk-contact-left .add-2,.ywk-contact-left .item-3,.ywk-contact-left .item-3 li,.ywk-contact-left .email-4 {
position: relative;
}
.ywk-contact-left .add-2,.ywk-contact-left .email-4,.ywk-contact-left .item-3 li {
padding: 35px 0 35px 70px;
}
.ywk-contact-left .title-1 {
font-size: 44px;
color: #016d9e;
border-bottom: 2px solid #8ec31f;
padding-bottom: 20px;
}
.ywk-contact-left .add-2 {
overflow: hidden;
border-bottom: 1px solid #dcdee1;
}
.ywk-contact-left .add-2 i {
transition: all .4s ease;
}
.ywk-contact-left .add-2:hover i {
border: 1px solid #016d9e;
background: #016d9e;
}
.ywk-contact-left .add-2:hover i * {
fill: #fff!important;
}
.ywk-contact-left .item-3 {
border-bottom: 1px solid #dcdee1;
overflow: hidden;
padding-bottom: 30px;
}
.ywk-contact-left .item-3 li {
list-style: none;
float: left;
width: 45%;
box-sizing: border-box;
overflow: hidden;
transition: all .4s ease;
}
.ywk-contact-left .item-3 li:nth-child(3) {
padding: 5px 0 5px 70px;
}
.ywk-contact-left .item-3 li:nth-child(4) {
padding: 5px 0 5px 70px;
}
.ywk-contact-left .email-4 {
overflow: hidden;
}
.ywk-contact-left .email-4 i {
transition: all .4s ease;
}
.ywk-contact-left .email-4:hover i {
border: 1px solid #016d9e;
background: #016d9e;
}
.ywk-contact-left .email-4:hover i * {
fill: #fff!important;
}
.ywk-contact-left i {
position: absolute;
width: 45px;
height: 45px;
border: 1px solid #cacfd6;
display: block;
left: 0;
top: 50%;
margin-top: -22.5px;
transition: all .4s ease;
}
.ywk-contact-left i img,.ywk-contact-left i svg {
max-width: 50%;
}
.ywk-contact-left span {
display: block;
margin: 0;
font-size: 14px;
color: #8a8e99;
padding-bottom: 7px;
}
.ywk-contact-left p {
display: block;
margin: 0;
font-size: 14px;
color: #666e80;
}
.ywk-contact-left h3 {
display: block;
margin: 0;
font-weight: normal;
font-size: 20px;
color: #666e80;
}
.ywk-contact-left a {
display: block;
font-size: 20px;
color: #666e80;
}
.ywk-contact-left .item-3 li:hover a {
color: #016d9e;
}
.ywk-contact-left .item-3 li:hover i * {
fill: #fff!important;
}
.ywk-contact-left .item-3 li:hover i {
background: #016d9e;
border: 1px solid #016d9e;
}
.ywk-contact-right {
position: relative;
overflow: hidden;
}
.ywk-message {
overflow: hidden;
padding: 10% 0;
background: url('https://www.gttss.com/template/default/image/message.jpg') center no-repeat;
background-size: cover;
}
.ywk-message-content {
width: 80%;
margin: auto;
}
.ywk-message-content .ywk-contact-top {
text-align: center;
}
.ywk-message-content .ywk-contact-top .ywk-title {
display: inline-block;
}
.ywk-network {
background: #f5f7fa;
overflow: hidden;
padding: 80px 0;
}
.ywk-network-content {
text-align: center;
}
.ywk-network-content .ywk-title {
display: inline-block;
}
.ywk-network-list {
position: relative;
padding: 1% 0;
overflow: hidden;
width: 92%;
margin: auto;
display: flex;
flex-wrap: wrap;
}
.ywk-network-list * {
transition: all .4s ease;
}
.network-item {
position: relative;
overflow: hidden;
float: left;
width: 31.3%;
margin: 1%;
flex: 0 0 31.3%;
}
.network-item .text {
/* position: absolute; */
background: #fff;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 11;
text-align: left;
box-sizing: border-box;
padding: 10%;
overflow: hidden;
font-size: 14px;
color: #8a8e99;
line-height: 24px;
}
.network-item .text .addname-1 {
font-size: 30px;
color: #1e2d45;
position: relative;
line-height: 34px;
}
.network-item .text .addname-1::after {
content: '';
width: 40px;
height: 3px;
display: block;
margin: 30px 0;
background: #8ec31f;
}
.network-item .text i {
width: 20px;
height: 20px;
display: block;
position: absolute;
left: 0;
top: 2px;
}
.network-item .text i * {
fill: #8a8e99!important;
}
.network-item .text p {
display: block;
margin: 0;
}
.network-item .text .add-2,.network-item .text .tel-3,.network-item .text .email-4 {
padding: 0px 0 0px 30px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.network-item .text .add-2 {
min-height: 80px;
}
.network-item:hover .text {
background: linear-gradient(to right,#004b8b, #1494be);
}
.network-item:hover .text .addname-1 {
color: #fff;
}
.network-item:hover .text p {
color: #fff;
opacity: .6;
}
.network-item:hover .text i * {
fill: #94a9ca!important;
}
.network-item:hover {
box-shadow: 0px 10px 50px 0px rgba(0, 13, 38, 0.1);
}
/* search */
.ywk-search {
overflow: hidden;
padding: 7% 0;
}
.ywk-search-content {
width: 80%;
margin: auto;
overflow: hidden;
}
.ywk-search-input {
position: relative;
width: 30%;
overflow: hidden;
}
.ywk-search-input input.input {
background: #f5f7fa;
padding: 25px;
display: block;
border: none;
outline: none;
width: 100%;
font-size: 14px;
}
.ywk-search-input input.submit {
background: url('../image/ss1.png') center no-repeat #016d9e;
display: block;
position: absolute;
width: 13%;
height: 100%;
outline: none;
cursor: pointer;
font-size: 18px;
right: 0;
top: 0;
z-index: 3;
border: none;
}
.ywk-search-input input.submit:hover {
background: url('../image/ss1.png') center no-repeat #f29700;
}
.ywk-search-type {
padding-top: 60px;
overflow: hidden;
position: relative;
}
.ywk-search-type::after {
content: '';
width: 100%;
height: 1px;
background: #edeffa;
position: absolute;
left: 0;
bottom: 0;
}
.ywk-search-type a {
font-size: 18px;
color: #666e80;
text-transform: uppercase;
margin-right: 40px;
position: relative;
padding: 30px 0;
display: inline-block;
vertical-align: middle;
z-index: 5;
;}
.ywk-search-type a.cur {
color: #016d9e;
}
.ywk-search-type a.cur::after {
content: '';
width: 100%;
height: 1px;
background: #016d9e;
position: absolute;
left: 0;
bottom: 0;
}
.ywk-search-type a:hover {
color: #016d9e;
}
.ywk-search-results {
padding: 2% 0;
overflow: hidden;
color: #666e80;
font-size: 14px;
}
.ywk-search-results strong {
font-weight: normal;
color: #f29700;
}
.ywk-search-list {
padding: 1% 0 2% 0;
overflow: hidden;
}
.ywk-solutions-item {
float: left;
width: 48%;
margin: 0 2% 2% 0;
overflow: hidden;
}
.ywk-solutions-item a {
display: block;
overflow: hidden;
}
.ywk-solutions-item .img .pic {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.ywk-solutions-item .text {
padding: 3% 0;
overflow: hidden;
}
.ywk-solutions-item .title-1 {
font-size: 24px;
color: #666e80;
padding-bottom: 10px;
text-transform: uppercase;
}
.ywk-solutions-item .text-2 {
font-size: 14px;
color: #666e80;
line-height: 24px;
}
.ywk-solutions-item a:hover .title-1 {
color: #016d9e;
}
.ywk-solutions-item a:hover .img .pic {
transform: scale(1.1);
}
/* other */
.ywk-culture-nav a,.ywk-globalfootprint-item li p,.ywk-references-nav strong,.ywk-about-data .data li p,.ywk-references-list-item .text .title-2,.ywk-references-list-item .text .tpath-1,.ywk-solutions-item .title-1,.nav-title,.ywk-applications-swiper .text,.ywk-references-nav strong,.ywk-dthicscompliance-nav .item-4 .title-6,.nav-type a h4 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.ywk-news-top-item .text .text-2,.ywk-solutions-item .text-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ywk-news-item .title-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* fonts */
.ywk-header-nav li a,.ywk-stock-code,.ywk-header-right a span,.viewmore span,.ywk-index-product-type-item .learnmore-3 span,.ywk-content-center ul strong,.ywk-introduce-line,.ywk-parameter-content .parameter-2 ul li strong,.ywk-parameter-content .parameter-2 ul h6,.readmore span,.ywk-more a span,.ywk-roomcooling-item-left .items-2 li.cur,.ywk-header-right-link a,.ywk-play-video a span,.ywk-events-left .text h5,.ywk-header-nav-list li span,.ywk-nav-two-left li a,.ywk-nav-two-right-swiper-item .nav-title,.nav-slide-item .nav-title,.ywk-header-nav-show-about a span,.mobile-nav li a,.ywk-factory-withus-form .submit input {
font-family: 'Montserrat-Bold';
}
.ywk-globalfootprint-item li h3 span,.ywk-globalfootprint-item li h3 sup,.ywk-globalfootprint-item li h3 strong,.swiper-pagination-customers span,.features-item em,.ywk-features-swiper .swiper-pagination-features span,.ywk-reference-text .reference-pagination,.ywk-reference-text .reference-pagination span,.ywk-pageturn a ,.ywk-about-data .data li h3 strong,.ywk-dthicscompliance-swiper .num-0 strong,.ywk-dthicscompliance-swiper .num-0 span,.ywk-dthicscompliance-nav .item-4 .num-6,.ywk-pagetrun-swiper .swiper-affiliated-num,.ywk-affiliated-nav span,.ywk-search-type a,.ywk-certifications-awards .text,.ywk-solutions-content .ywk-content-top .ywk-text {
font-family: 'D-DINCondensed';
}
.ywk-index-banner .text .title-1,.ywk-index-banner .text .title-2,.ywk-index-product-type-item .title-1,.swiper-product-pagination span,.ywk-content-milestone-swiper-item .text .title-1,.ywk-content-milestone-swiper-item .text .num-3,.ywk-year-milestone-swiper span,.nav-type a h4,.ywk-introduce-item li h4 strong,.ywk-introduce-item li h4 span,.ywk-product-nav a,.ywk-product-item .title-1,.ywk-product-detail-text .title-2,.ywk-product-detail-text .xinghao-1,.bigtitle-bg,.swiper-pagination-num,.ywk-applications-swiper .text,.ywk-parameter-content .title-1,.ywk-content-data-center .textright-2 .title-1,.ywk-data-center-item .text .title-1,.ywk-application-scenarios-item .text .name-2,.ywk-application-scenarios-item .text .num-1,.ywk-reference-text .title-2,.ywk-solutions-roomcooling .title-1,.ywk-roomcooling-item-left .title-1,.ywk-popup-reference-right-content .title-1,.ywk-references-item .text .title-1,.ywk-allmore span,.ywk-references-nav strong,.ywk-references-list-item .text .title-2,.ywk-envicool-introduction .ywk-stockcode,.ywk-about-product .title-2,.ywk-core-advantages-item strong,.ywk-culture-right strong,.ywk-culture-right i,.ywk-dthicscompliance-swiper .title-1,.ywk-dthicscompliance-nav .item-4 .title-6,.ywk-certifications-awards-nav strong,.ywk-events-nav a,.companies-item .title-1,.ywk-factory-masonry .toptxt h4,.ywk-news-item .title-2,.ywk-news-detail-top .title-2 h1,.ywk-contact-left .title-1,.ywk-contact-left h3,.network-item .text .addname-1,.ywk-solutions-item .title-1,.ywk-title h2,.banner-title h2 {
/*font-family: 'd-din-condensed-bold';*/
}
@font-face {
font-family: 'Montserrat-Regular';
src: url('https://www.envicool.net/static/css/fonts/Montserrat-Regular.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-Extra-Bold';
src: url('../font/Montserrat-Extra-Bold.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-Light';
src: url('../font/Montserrat-Light.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-Bold';
src: url('../font/Montserrat-Bold.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MyriadPro-Regular';
src: url('../font/MyriadPro-Regular.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'd-din-condensed-bold';
src: url('../font/d-din.condensed-bold.eot');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'D-DINCondensed';
src: url('../font/D-DINCondensed.eot');
font-weight: normal;
font-style: normal;
}
@media screen and (max-width: 5120px) {
.ywk-parameter-content {
margin-top: 8%;
}
.ywk-about-product .about-product.product7 .item-li.pit1 {
margin-right: -820px;
}
.ywk-about-product .about-product.product7 .item-li.pit2 {
margin-right: -945px;
}
.ywk-about-product .about-product.product7 .item-li.pit3 {
margin-right: -905px;
}
.ywk-about-product .about-product.product7 .item-li.pit4 {
margin-top: 340px;
}
.ywk-about-product .about-product.product7 .item-li.pit5 {
margin-left: -905px;
}
.ywk-about-product .about-product.product7 .item-li.pit6 {
margin-left: -940px;
}
.ywk-about-product .about-product.product7 .item-li.pit7 {
margin-left: -830px;
}
.ywk-affiliated-companies {
background: url(https://www.gttss.com/template/default/image/map.png) 25% 32% no-repeat;
}
}
@media screen and (max-width: 3840px) {
}
@media screen and (max-width: 2560px) {
}
@media screen and (max-width: 2048px) {
.ywk-parameter-content {
margin-top: 100px;
}
}
@media screen and (max-width: 1920px) {
.ywk-about-product .about-product.product7 .item-li.pit1 {
margin-right: -610px;
}
.ywk-about-product .about-product.product7 .item-li.pit2 {
margin-right: -775px;
}
.ywk-about-product .about-product.product7 .item-li.pit3 {
margin-right: -725px;
}
.ywk-about-product .about-product.product7 .item-li.pit4 {
margin-top: 280px;
}
.ywk-about-product .about-product.product7 .item-li.pit5 {
margin-left: -725px;
}
.ywk-about-product .about-product.product7 .item-li.pit6 {
margin-left: -775px;
}
.ywk-about-product .about-product.product7 .item-li.pit7 {
margin-left: -610px;
}
.ywk-affiliated-companies {
background: url(https://www.gttss.com/template/default/image/map.png) left top no-repeat;
}
}
@media screen and (max-width: 1680px) {
.ywk-logo a {
/* width: 100px; */height: 50px;
}
.ywk-header-nav li {
/* padding: 30px 15px; */
padding: 0 15px;
}
.ywk-header-right-link a,.ywk-header-right a {
/* line-height: 75px; */
}
.ywk-header-right-link a {
margin-right: 10px;
}
.ywk-header-right-language {
margin-left: 10px;
}
.ywk-header-nav-show .ywk-content {
/* margin-top: 90px; */
}
.ywk-header-nav-left {
width: 23%;
padding: 2% 1% 2% 4%;
}
.ywk-header-nav-right {
width: 77%;
}
.ywk-header-nav-right::before {
width: 75%;
}
.ywk-nav-two-left li {
padding:8px 0 8px 70px;
}
.ywk-index-banner .text {
top: 30%;
}
.ywk-index-banner .text .line-3 {
margin: 15px 0;
width: 80px;
height: 2px;
}
.viewmore {
margin-top: 30px;
}
.viewmore a {
width: auto;
height: 40px;
line-height: 40px;
padding: 0;
padding: 0 30px;
display: inline-block;
font-size: 0;
}
.viewmore span {
margin-right: 10px;
}
.title-canvas-en {
width: 400px;
}
.ywk-content-top-swiper-leftright {
width: 125px;
height: 40px;
}
.ywk-content-top .swiper-product-next, .ywk-content-top .swiper-product-prev {
width: 40px;
height: 40px;
margin-top: -20px;
}
.swiper-product-pagination {
top: 50%;
margin-top: -10px;
}
.ywk-content-top-right {
width: 250px;
}
.ywk-year-milestone-swiper span {
font-family: 'D-DINCondensed';
}
.ywk-year-milestone {
margin-top: 5%;
}
.ywk-globalfootprint-item li i {
width: 30px;
height: 30px;
}
.ywk-map-line {
width: 100%;
}
.ywk-content-globalfootprint {
margin-top: 10%;
}
.ywk-content-globalfootprint .img {
width: 90%;
margin: auto;
}
.ywk-footer .ywk-content {
width: 80%;
}
.ywk-content-customers-swiper {
width: 87%;
}
.ywk-application-scenarios-item .img {
width: 80%;
}
.readmore a {
width: auto;
height: 42px;
padding: 0 20px;
display: inline-block;
}
.readmore span {
font-size: 12px;
line-height: 42px;
}
.ywk-application-scenarios-item .text .item-3 {
font-size: 12px;
line-height: 20px;
margin: 20px 0 30px 0;
}
.ywk-application-scenarios-item .text .text-center,.ywk-popup-content {
width: 80%;
left: 10%;
}
.ywk-reference-text .title-2 {
font-size: 30px;
margin-bottom: 60px;
}
.ywk-popup-windows-content {
padding: 3%;
}
.nav-type-show a {
line-height: 50px;
}
.nav-type-two {
padding: 10px 0!important;
overflow: hidden;
}
.nav-type-two-show .nav-type-two a{
line-height: 30px;
margin-right: 15px;
}
.ywk-left {
width: 45%;
padding: 0;
}
.ywk-product-detail-path {
top: 78px;
}
.ywk-product-item .product-pic img.img-center {
max-width: 80%;
max-height: 80%;
}
.ywk-product-detail-text {
width: 90%;
left: 10%;
padding-top: 1%;
}
.ywk-product-detail-text .line-3 {
margin: 10px 0;
}
.ywk-parameter-content {
width: 50%;
margin-top: 3%;
}
.ywk-parameter-content .title-1 {
padding-bottom: 20px;
margin-bottom: 20px;
}
.ywk-product-detail-parameter .pic img.img-center {
/* max-height: 80%; */
/* max-width: 80%; */
}
.ywk-parameter-content .parameter-2 ul li {
padding: 10px 0;
width: 47%;
margin-right: 3%;
}
.ywk-parameter-content .parameter-2 {
height: 450px;
}
.ywk-parameter-content .parameter-2 ul h6 {
padding: 15px 0;
}
.ywk-references-item .text .title-1::after,.ywk-envicool-introduction .ywk-lines {
margin: 20px 0;
}
.ywk-references-item .text .viewmore a {
width: auto;
}
.ywk-allmore a {
width: 300px;
height: 80px;
}
.ywk-allmore span {
line-height: 80px;
}
.ywk-references-nav.num7 a {
width: 12%;
}
.ywk-pageturn a {
width: 35px;
font-size: 14px;
padding: 10px 0;
}
.ywk-pageturn a.prev,.ywk-pageturn a.next {
padding: 10px 20px;
}
.ywk-envicool-introduction .ywk-left {
margin: 4% 0 0 10%;
width: 36%;
}
.ywk-about-data .data li i {
top: 17%;
}
.ywk-about-data .data {
/* width: 90%; */
/* left: 5%; */
}
.ywk-about-product .text-3 {
padding: 5px 0;
line-height: 18px;
}
.ywk-about-product .icon-1 i {
width: 50px;
height: 50px;
}
.ywk-about-product .icon-1 {
top: -10px;
}
.ywk-about-product .item-li {
width: 45%;
padding-left: 70px;
}
.ywk-about-product .about-product {
left: 22.5%;
width: 55%;
}
.about-product-swiper {
width: 200px;
height: 200px;
}
.ywk-about-product .about-product.product7 .item-li.pit1 {
margin-right: -510px;
margin-top: -255px;
}
.ywk-about-product .about-product.product7 .item-li.pit2 {
margin-right: -655px;
}
.ywk-about-product .about-product.product7 .item-li.pit3 {
margin-right: -642px;
margin-top: 105px;
}
.ywk-about-product .about-product.product7 .item-li.pit4 {
margin-right: -22%;
margin-top: 225px;
}
.ywk-about-product .about-product.product7 .item-li.pit5 {
margin-left: -641px;
margin-top: 125px;
}
.ywk-about-product .about-product.product7 .item-li.pit6 {
margin-left: -662px;
margin-top: -100px;
}
.ywk-about-product .about-product.product7 .item-li.pit7 {
margin-left: -530px;
margin-top: -250px;
}
.ywk-about-product .item-li:nth-child(4) .dot-0 {
top: -30px;
margin-left: 30px;
}
.ywk-core-advantages .ywk-title {
left: 5%;
}
.ywk-core-advantages-item {
left: 5%;
width: 90%;
}
.ywk-culture-right li {
padding: 20px 0;
}
.ywk-dthicscompliance .viewmore {
margin-top: 50px;
}
.ywk-dthicscompliance .viewmore a {
width: auto;
height: 50px;
line-height: 50px;
display: inline-block;
}
.ywk-certifications-awards-swiper .swiper-awards-next {
margin-right: -180px;
}
.ywk-certifications-awards-swiper .swiper-awards-prev {
margin-left: -180px;
}
.ywk-about-events .viewmore a {
height: 50px;
line-height: 50px;
width: 100px;
}
.ywk-events-item a {
padding: 10px 0 10px 0;
}
.ywk-events-item .more {
margin-top: 10px;
}
.ywk-events-nav a {
padding: 16px 0;
}
.ywk-about-affiliated-companies {
padding: 20% 0 9% 0;
width: 90%;
}
.ywk-affiliated-right {
right: 0;
top: 10%;
}
.ywk-affiliated-left {
width: 26%;
left: 4%;
top: 10%;
z-index: 11;
}
.ywk-page-content.mt-100 {
margin-top: -7%;
}
.ywk-affiliated-point {
width: 50%;
height: 700px;
margin: 0 0 0 27%;
}
.ywk-affiliated-companies {
background: url(https://www.gttss.com/template/default/image/map.png) 500% -470% no-repeat;
}
.ywk-contact-left {
padding: 7% 5% 5% 5%;
}
.ywk-contact-left .add-2, .ywk-contact-left .email-4, .ywk-contact-left .item-3 li {
padding: 25px 0 25px 70px;
}
.network-item .text .addname-1::after {
margin: 15px 0;
}
.network-item .text .email-4 {
margin-bottom: 0;
}
.ywk-news-detail,.ywk-news-detail-bottom {
width: 70%;
}
.ywk-index-banner .text.bigtriangle::before {
background: url(https://www.gttss.com/template/default/image/sc.png) left top no-repeat;
left: -20px;
top: -20px;
background-size: 10%;
}
.ywk-solutions-roomcooling .text {
padding: 4% 5% 0 5%;
}
.ywk-solutions-roomcooling-item {
width: 100%;
}
.ywk-roomcooling-item-left .items-2 li::before {
top: 5px;
}
.ywk-about-data .data li {
/* min-width: 18%; */
}
#language.ywk-header-nav-show-content {
width: 100px;
right: 10px;
}
.ywk-header-nav-show-search {
width: 40%;
margin: 3% auto;
}
.ywk-header-nav-show-search .input {
padding: 15px 25px;
}
.ywk-header-nav-show-about {
width: 80%;
margin: 2% auto 3% auto;
}
.ywk-content-data-center .textright-2 .text-2 {
width: 100%;
}
.ywk-product-content,.ywk-certifications-awards,.ywk-about-certifications-awards .ywk-content-top {
width: 90%;
}
.ywk-content-milestone-swiper-item .text .num-3 {
font-size: 300px;
}
.bigtitle-bg strong {
font-size: 200px;
line-height: 180px;
}
.ywk-index-banner .text .title-1 {
font-size: 100px;
line-height: 100px;
}
.banner-title h2 {
font-size: 40px;
line-height: 40px;
}
.ywk-index-banner .text .title-2 {
font-size: 60px;
}
.ywk-title h2 {
font-size: 60px;
line-height: 60px;
}
.ywk-parameter-content .title-1 {
font-size: 30px;
}
.ywk-globalfootprint-item li h3 strong,.ywk-about-data .data li h3 strong,.ywk-contact-left .title-1 {
font-size: 34px;
}
.ywk-content-data-center .textright-2 .title-1,.ywk-dthicscompliance-swiper .title-1,.ywk-solutions-roomcooling .title-1 {
font-size: 30px;
}
.ywk-application-scenarios-item .text .name-2 {
font-size: 26px;
}
.ywk-index-product-type-item .title-1,.ywk-content-milestone-swiper-item .text .title-1,.ywk-data-center-item .text .title-1,.ywk-popup-reference-right-content .title-1 {
font-size: 24px;
}
.ywk-application-scenarios-item .text .num-1,.ywk-product-item .title-1,.ywk-envicool-introduction .ywk-stockcode {
font-size: 16px;
line-height: 1.8;
}
.network-item .text .addname-1,.ywk-news-item .title-2 {
font-size: 20px;
line-height: 24px;
}
.ywk-applications-swiper .text,.ywk-references-list-item .text .title-2,.ywk-core-advantages-item strong,.ywk-affiliated-nav span {
font-size: 18px;
}
.nav-slide-item .nav-title,.nav-type a h4,.ywk-product-nav a,.ywk-references-nav strong,.ywk-dthicscompliance-nav .item-4 .title-6,.ywk-certifications-awards .text,.ywk-certifications-awards-nav strong,.ywk-events-nav a,.ywk-factory-masonry .toptxt h4 {
font-size: 16px;
}
.ywk-index-banner .text .text-4,.ywk-introduce,.ywk-introduce-line,.ywk-product-detail-text .text-4,.features-item strong,.ywk-references-item .text .text-2,.ywk-events-item h5,.ywk-news-detail-center {
font-size: 14px;
line-height: 24px;
}
.ywk-reference-text .text-1,.ywk-culture-right p,.ywk-events-left .text h5 {
font-size: 14px;
}
.ywk-header-nav li a,.ywk-header-nav-list li span,.ywk-nav-two-left li a,.ywk-index-product-type-item .menu-2 a,.ywk-index-product-type-item .learnmore-3 span,.ywk-globalfootprint-item li p,.ywk-content-center ul li a,.ywk-parameter-content .parameter-2 ul li span,.ywk-parameter-content .parameter-2 ul li strong,.ywk-references-list-item .text .tpath-1,.ywk-play-video a span,.ywk-about-data .data li p,.ywk-core-advantages-item p,.ywk-dthicscompliance .viewmore a span,.ywk-about-events .viewmore span,.ywk-events-item .more span,.ywk-contact-left p,.ywk-news-item .more span,.ywk-header-nav-show-language a,.ywk-header-nav-show-about a span {
/* font-size: 12px!important; */
}
.ywk-content-milestone-swiper-item .text .text-2,.ywk-text,.ywk-content-data-center .textright-2 .text-2,.ywk-data-center-item .text .text-2,.ywk-application-scenarios-item .text .item-3 li,.ywk-popup-reference-right-content .text-2,.ywk-product-item .text-2,.ywk-envicool-introduction .ywk-introduction,.ywk-dthicscompliance-swiper .text-2,.network-item .text p,.ywk-solutions-roomcooling .text-2,.ywk-roomcooling-item-left .items-2 li,.ywk-roomcooling-item-left .items-2 {
font-size: 14px;
line-height: 24px;
}
}
@media screen and (max-width: 1600px) {
.ywk-play {
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
}
.ywk-product-detail-pic {
right: 1%;
}
.ywk-about-events .ywk-title {
margin-left: -10px;
}
.ywk-events-nav {
margin: 20px 0 0 0px;
}
.ywk-stock-code {
font-family: 'Montserrat-Light';
}
.ywk-stock-code {
/* font-size: 12px; */
}
.ywk-header-nav li a {
font-size: 14px!important;
}
.ywk-header-right a span {
display: none;
}
.ywk-globalfootprint-item {
width: 100%;
text-align: center;
font-size: 0;
}
.ywk-globalfootprint-item li {
width: auto;
min-width: 17%;
float: none;
display: inline-block;
}
.ywk-solutions-content .ywk-content-top .ywk-text {
font-size: 30px;
}
.ywk-stock-code::before {
height: 90%;
}
}
@media screen and (max-width: 1500px) {
.features-item .title-1 {
font-size: 14px;
}
.features-item i {
width: 50px;
height: 50px;
}
.features-item .title-1::after {
margin: 10px auto;
}
.features-item strong {
margin-top: 0px;
}
.ywk-product-detail-text .text-4 p {
font-size: 13px;
line-height: 24px;
}
.ywk-product-detail-text .text-4 * {
font-size: 13px;
line-height: 24px;
}
}
@media screen and (max-width: 1440px) {
.ywk-product-detail-pic .pic img.img-center {
max-height: 80%;
max-width: 80%;
}
.ywk-product-detail-text .title-2 {
font-size: 50px;
}
.ywk-product-detail-text .xinghao-1 {
font-size: 30px;
}
.features-item strong {
font-size: 12px;
}
.ywk-header-right {
width: auto;
}
}
@media screen and (max-width: 1366px) {
.ywk-content-milestone-swiper,.ywk-globalfootprint-item {
width: 100%;
}
.ywk-map-line {
width: 96%;
}
.ywk-content-globalfootprint .img,.ywk-content-customers-swiper {
width: 100%;
}
.ywk-footer .ywk-content,.ywk-about-events .ywk-content-top,.ywk-events-content {
width: 90%;
}
.nav-type-show a,.ywk-introduce-item li p {
font-size: 12px;
}
.ywk-introduce,.ywk-introduce-line,.ywk-introduce-line *,.ywk-product-detail-text .text-4,.ywk-references-item .text .text-2 {
font-size: 12px;
line-height: 20px;
}
.ywk-parameter-content .parameter-2 {
height: 400px;
}
.ywk-parameter-content {
width: 45%;
}
.ywk-references-item .text .viewmore {
margin-top: 30px;
}
.ywk-allmore span {
font-size: 24px;
}
.ywk-references-nav strong {
font-size: 14px;
}
.ywk-references-list-item .text {
padding: 15px 0 20px 0;
}
.ywk-application-scenarios-item .text .text-center, .ywk-popup-content {
width: 80%;
left: 10%;
}
.ywk-about-product .about-product {
left: 21%;
width: 58%;
}
.ywk-affiliated-companies {
background: url(https://www.gttss.com/template/default/image/map.png) 210% 12000% no-repeat;
}
.ywk-contact-left .add-2, .ywk-contact-left .email-4, .ywk-contact-left .item-3 li {
padding: 20px 0 20px 70px;
}
.ywk-about-product .about-product.product7 .item-li.pit4 {
width: 60%;
margin-right: -30%;
}
.ywk-about-product .about-product {
top: 45%;
}
}
@media screen and (max-width: 1280px) {
.ywk-map-line {
width: 100%;
margin: auto;
}
.ywk-about-dthicscompliance,.ywk-factory-masonry,.ywk-network-list,.ywk-news-content {
/* width: 90%; */
}
.ywk-header-nav {
/* margin-left: 5%; */
}
.ywk-envicool-introduction .ywk-left {
margin: 4% 0 0 5%;
width: 40%;
}
.ywk-about-product .about-product {
left: 19%;
width: 62%;
}
.ywk-culture-right strong {
font-size: 20px;
}
.ywk-certifications-awards-swiper .swiper-awards-next {
margin-right: -160px;
}
.ywk-certifications-awards-swiper .swiper-awards-prev {
margin-left: -160px;
}
.ywk-affiliated-companies {
background: url(https://www.gttss.com/template/default/image/map.png) 142% 530% no-repeat;
}
.ywk-contact-left span {
font-size: 12px;
}
.ywk-contact-left .add-2, .ywk-contact-left .email-4, .ywk-contact-left .item-3 li {
padding: 20px 0 20px 60px;
}
.ywk-content-globalfootprint .img {
width: 90%;
margin: auto;
}
.points1 {
margin: -53px 0 0 -40px;
}
.ywk-core-advantages-item a {
width: 12%;
}
.points17 {
margin: -85px 0px 0 -155px;
}
.points18 {
margin: -15px 0px 0 -220px;
}
.points19 {
margin: -10px 0px 0 -300px;
}
.points20 {
margin: 60px 0px 0 -300px;
}
.points21 {
margin: 50px 0px 0 -250px;
}
.points22 {
margin: -170px 0px 0 280px;
}
.points23 {
margin: -15px 0px 0 400px;
}
.points24 {
margin: 150px 0px 0 500px
}
.points16 {
margin: 82px 0px 0 530px;
}
.points15 {
margin: 52px 0px 0 470px;
}
.points14 {
margin: -73px 0px 0 390px;
}
.points13 {
margin: -135px 0px 0 350px;
}
.points12 {
margin: 160px 0px 0 150px;
}
.points11 {
margin: 107px 0 0 30px;
}
.points10 {
margin: 0px 0 0 -25px;
}
.points9 {
margin: -80px 0 0 65px;
}
.points8 {
margin: 115px 0 0 -270px;
}
.points7 {
margin: -35px 0 0 -115px;
}
.points6 {
margin: -150px 0 0 -110px;
}
.points5 {
margin: -95px 0 0 -300px;
}
.points4 {
margin: -125px 0 0 -270px;
}
.points3 {
margin: -80px 0 0 -340px;
}
.points2 {
margin: -125px 0 0 -345px;
}
.ywk-about-product .about-product.product7 .item-li.pit1 {
margin-right: -540px;
margin-top: -240px;
}
.ywk-about-product .about-product.product7 .item-li.pit2 a .text-3 {
width: 90%;
}
.ywk-about-product .about-product.product7 .item-li.pit6 a .text-3 {
width: 90%;
float: right;
}
}
@media screen and (max-width: 1152px) {
.ywk-core-advantages-item a {
min-height:130px;
}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
.ywk-news-item .text{padding:15px}
.ywk-header {
padding-top: 10px;
}
.ywk-core-advantages-item a {
min-height: auto;
}
#cd-nav-container {
position: fixed;
right: 0;
transition: all .4s ease;
transform: translateY(-200%);
}
.ywk-header .ywk-content {
width: 92%;
height: 50px;
padding-bottom: 10px;
}
.ywk-stock-code,.ywk-header-right-link,.ywk-header-right a span,.ywk-header-nav-show,.swiper-product-pagination,.ywk-content-center,.ywk-header-nav li a::after {
display: none;
}
.ywk-header-right {
width: 30%;
}
.ywk-header-right-link a, .ywk-header-right a {
line-height: 50px;
}
.ywk-header-right {
right: 50px;
}
.ywk-menu-toggle {
display: block;
top: 5px;
}
.ywk-index-banner .text {
top: 30%;
left: 5%;
}
.title-canvas-en,.ywk-content-milestone-swiper-item .img,.ywk-text,.ywk-dthicscompliance-swiper .text,.ywk-dthicscompliance-swiper .img,.ywk-solutions-roomcooling .img,.ywk-solutions-roomcooling .text {
width: 100%;
}
.ywk-index-banner .text.bigtriangle::before {
left: -10px;
top: -10px;
background-size: 40%;
}
.ywk-index-banner .text .title-2,.ywk-parameter-content .title-1 {
font-size: 24px;
}
.ywk-index-banner .text .text-4 {
width: 100%;
max-width: 100%;
}
.ywk-title h2 {
font-size: 40px;
line-height: 40px;
}
.ywk-index-product,.ywk-index-milestone,.ywk-index-globalfootprint,.ywk-index-customers,.ywk-data-center,.ywk-application-scenarios,.ywk-product-content,.ywk-product,.ywk-product-detail-applications,.ywk-about-culture,.ywk-about-dthicscompliance,.ywk-about-certifications-awards,.ywk-about-events,.ywk-network {
padding: 40px 0;
}
.ywk-index-product-type-item .menu-2 {
margin-top: 30px;
opacity: 1;
}
.ywk-index-product-type-item .learnmore-3 {
opacity: 1;
bottom: 10%;
}
.ywk-index-product-type-item .learnmore-3::after,.ywk-culture-left,.ywk-culture-right {
width: 100%;
}
.ywk-content-milestone-swiper-item .text {
position: relative;
width: 100%;
right: auto;
height: auto;
top: auto;
padding: 5% 0;
overflow: hidden;
}
.ywk-content-milestone-swiper-item .text .table,.ywk-content-milestone-swiper-item .text .table-cell {
display: block;
}
.ywk-content-milestone-swiper-item .text .num-3 {
font-size: 140px;
text-align: center;
width: 100%;
}
.ywk-globalfootprint-item li {
width: 100%;
padding: 5%;
border-left: 1px solid rgba(255,255,255,.2);
}
.ywk-content-globalfootprint,.swiper-features-next, .swiper-features-prev {
display: none;
}
.ywk-content-customers-swiper .img img.img-center {
max-width: 70%;
max-height: 60%;
}
.ywk-content-customers-swiper {
padding-bottom: 50px;
}
.ywk-content-top-email-subscription {
position: relative;
right: auto;
top: auto;
margin-top: 20px;
}
.email-address-input,.ywk-product-detail-text .text-4,.ywk-roomcooling-item-left,.ywk-roomcooling-item-right {
width: 100%;
}
.subscription {
position: absolute;
right: 0;
top: 0;
}
.ywk-content-copy,.ywk-content-data-center .leftpic-1,.ywk-data-center-item,.ywk-popup-reference-swiper,.ywk-product-detail-parameter .pic,.ywk-parameter-content,.ywk-references-item .img,.ywk-references-list-item {
width: 100%;
}
.ywk-content-social {
text-align: left;
}
.ywk-content-link,.ywk-content-data-center .textright-2 {
width: 100%;
position: relative;
right: auto;
top: auto;
text-align: left;
margin: 0;
}
.ywk-content-link a,.ywk-content-social a {
margin-left: 0px;
margin-right: 20px;
}
#cd-nav-container {
display: none;
}
.ywk-page-banner {
height: auto!important;
margin-top: 60px;
}
.banner-title {
bottom: 10%
}
.banner-title p {
margin-top: 5px;
}
.ywk-page-banner .img img.img-block {
/* height: 300px!important; */
}
.banner-title h2 {
font-size: 40px;
line-height: 40px;
}
.ywk-popup-windows {
transform: translateY(-200%);
}
.ywk-content-data-center .textright-2 {
padding: 10% 0;
}
.ywk-application-scenarios-item .text {
width: 100%;
position: relative;
left: auto;
right: auto;
top: auto;
text-align: left;
margin: 0;
padding: 5%;
}
.ywk-application-scenarios-item .text .table,.ywk-application-scenarios-item .text .table-cell {
display: block;
}
.ywk-application-scenarios-item .text .text-center {
position: relative;
left: auto;
right: auto;
top: auto;
margin: auto;
}
.ywk-application-scenarios-item .text img {
display: none;
}
.ywk-application-scenarios-item .img,.ywk-left,.ywk-right,.ywk-page.boxkuai::before {
width: 100%;
}
.ywk-play {
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
}
.ywk-more {
top: 0;
margin-top: 0px;
bottom: 0;
display: none;
}
.ywk-reference-content {
margin-left: 0;
width: 100%;
margin-top: 5%;
}
.ywk-reference-text {
position: relative;
right: auto;
top: auto;
transform: translateY(0);
width: 100%;
}
.ywk-application-scenarios-item .text .text-center, .ywk-popup-content {
width: 100%;
left: 0;
top: 0;
transform: translateY(0);
}
.ywk-popup-reference-right {
float: left;
width: 100%;
padding: 5% 0;
}
.ywk-popup-windows.cur,.ywk-popup-mark {
background: #fff;
}
.ywk-close {
background: url(../image/xx.png) center no-repeat #fff;
right: 0;
top: 0;
}
.nav-type,.nav-type-show,.ywk-product-nav {
overflow-y: hidden;
overflow-x: scroll;
overflow: auto;
width: 100%;
white-space: nowrap;
/* padding-bottom: 110px; */
flex-wrap: wrap;
}
.ywk-page-banner .banner-title.bottom35 {
bottom: 10%;
}
.nav-type::-webkit-scrollbar,.nav-type-show::-webkit-scrollbar,.ywk-product-nav::-webkit-scrollbar {
height: 0px;
width: 0px;
background: #ccc;
}
.nav-type li {
width: auto;
display: inline-block;
float: none;
padding: 0;
vertical-align: top;
/* position: relative; */
}
.nav-type li a {
padding: 10px 20px 10px 20px;
}
.banner-nav-type .nav-type a h4{font-size:14px;}
.nav-type a i {
width: 40px;
height: 40px;
}
.nav-type::before,.ywk-product-item .text-2,.ywk-product-detail-path {
/* display: none; */
margin-top: 15px;
-webkit-line-clamp: 2;
}
.table{margin: 0!important;}
.nav-type li::before {
content: '';
width: 100%;
height: 1px;
position: absolute;
right: 0;
bottom: 0;
background: #fff;
opacity: .2;
}
.ywk-introduce-item li:last-child {
margin-right: 0;
}
.ywk-introduce-item ,.ywk-applications-swiper {
padding-bottom: 50px;
}
.ywk-product-nav a {
font-size: 14px;
line-height: normal;
padding: 10px 10px;
margin: 2px;
border: 1px solid #ccc;
box-sizing: border-box;
}
.ywk-product-item {
width: 100%;
margin: 0;
margin-bottom: 2%;
margin-right: 0;
padding: 0;
flex: 0 0 100%;
}
.ywk-product-list {
padding-top: 0;
}
.ywk-product-detail-text {
width: 90%;
left: 5%;
top: 15%;
transform: none;
}
.ywk-product-detail-pic {
width: 100%;
top: auto;
bottom: 0;
}
.ywk-product-detail-text .title-2 {
font-size: 30px;
}
.ywk-product-detail-text .xinghao-1 {
font-size: 24px;
}
.ywk-product-detail-text .text-4 {
max-height: 100px;
}
.bigtitle-bg {
display: none;
}
.ywk-features-swiper {
width: 90%;
padding: 50px 0 100px 0;
}
.ywk-product-detail-features .ywk-content-top {
padding-top: 30%;
}
.ywk-applications-swiper .text {
width: 80%;
}
.ywk-parameter-content {
padding: 0;
box-sizing: border-box;
}
.ywk-parameter-content .parameter-2 {
height: auto;
}
.ywk-product-detail-parameter {
/* background: url(../image/parameter1.jpg) center no-repeat; */
background-size: 100% 100%;
flex-wrap: wrap;
}
.ywk-product-detail-parameter .pic{padding-bottom:100%;}
.product_detail{padding-top:60px;}
.ywk-parameter-content .parameter-2 ul li {
width: 100%;
margin-right: 0;
}
.ywk-references-item .text {
width: 100%;
position: relative;
right: auto;
top: auto;
padding: 10% 0 5% 0;
overflow: hidden;
}
.ywk-allmore a {
width: 100%;
height: 80px;
box-sizing: border-box;
padding: 0 10%;
margin-bottom: 50px;
}
.ywk-references-nav.num7 a {
width: auto;
box-sizing: border-box;
padding: 0 23px;
}
.ywk-references-nav a {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.ywk-references-nav a:first-child {
border-left: 1px solid #e5e5e5;
}
.ywk-references-list-item.mr0 {
margin: 0;
}
.ywk-references.ptb4 {
padding: 10% 0 5% 0;
}
.ywk-references-nav {
position: relative;
overflow-y: hidden;
overflow-x: scroll;
overflow: auto;
width: 100%;
white-space: nowrap;
}
.ywk-references-nav::-webkit-scrollbar {
height: 0px;
width: 0px;
background: #ccc;
}
.ywk-envicool-introduction .ywk-left {
margin: 4% auto;
width: 90%;
float: none;
}
.ywk-popup-content-video video,.ywk-events-left,.ywk-events-right {
width: 100%;
}
.ywk-about-data {
/* background: #016d9e; */
/* padding: 20% 0; */
}
.ywk-about-data .data li {
float: none;
width: 100%;
padding: 5%;
border: 1px solid rgba(255,255,255,.2);
box-sizing: border-box;
margin-top: -1px;
}
.ywk-about-data .data li:first-child {
margin-top: 0px;
}
.ywk-about-data .data {
position: relative;
top: auto;
padding: 20px;
}
.ywk-about-content .img,.ywk-about-data .data li::after,.ywk-about-product .item-li .dot-0,.ywk-about-events .viewmore {
display: none;
}
.ywk-about-data .data li i {
top: 50%;
margin-top: -20px;
}
.ywk-about-product .about-product {
left: 5%;
width: 90%;
top: 7%;
transform: translateY(0);
}
.ywk-about-product .product-item-li {
position: relative;
left: auto;
top: auto;
}
.ywk-about-product .item-li {
position: relative;
left: auto!important;
top: auto!important;
right: auto!important;
margin: 0!important;
}
.ywk-about-product .item-li {
width: 88%;
text-align: left!important;
margin-bottom: 10px!important;
padding-left: 50px!important;
}
.ywk-about-product .item-li a {
display: inline-block;
}
.ywk-about-product .icon-1 {
top: -5px;
}
.ywk-about-product .about-product.product7 .item-li.pit4 .icon-1 {
left: 0;
top: 0;
position: absolute;
margin-bottom: 10px;
}
.ywk-about-product .about-product.product7 .item-li.fl {
left: auto;
top: auto;
padding-right: 0px;
}
.ywk-about-product .about-product.product7 .item-li.fl .icon-1 {
left: 0;
right: auto;
}
.ywk-about-product .about-product.product7 .item-li.fl .text-3 {
text-align: left;
}
.ywk-about-product .item-li a:hover .title-2, .ywk-about-product .item-li.cur a .title-2 {
background: none!important;
padding-left: 0;
text-align: left;
padding-left: auto;
}
.ywk-about-product .about-product.product7 .item-li.fl .title-2 {
padding-right: 0px;
padding-left: 0;
text-align: left;
}
.ywk-about-product .about-product.product7 .item-li.pit4 .title-2::after {
left: 0;
transform: translateX(0);
}
.ywk-about-product .about-product.product7 .item-li.fl .title-2::after {
right: auto;
left: 0;
}
.ywk-about-product .icon-1 i {
width: 30px;
height: 30px;
}
.ywk-core-advantages-item a {
width: 95%;
padding: 5% 5% 5% 25%;
margin-right: 0;
margin-bottom: 1%;
box-sizing: border-box;
}
.ywk-core-advantages-item i {
position: absolute;
left: 5%;
}
.ywk-core-advantages-item strong {
padding: 5px 0 10px 0;
}
.ywk-dthicscompliance-swiper .title-1 {
font-size: 20px;
}
.ywk-dthicscompliance .viewmore {
margin: 20px 0 50px 0;
}
.ywk-about-certifications-awards .ywk-content-top .ywk-text {
width: 100%;
margin: 1% 0 4% 0px;
}
.ywk-certifications-awards-nav {
position: relative;
right: auto;
top: auto;
text-align: left;
font-size: 0;
margin-top: 0;
}
.ywk-certifications-awards-nav a {
width: 50%;
box-sizing: border-box;
}
.ywk-events-nav::-webkit-scrollbar {
height: 0px;
width: 0px;
background: #ccc;
}
.ywk-events-nav {
overflow-y: hidden;
overflow-x: scroll;
overflow: auto;
width: 100%;
white-space: nowrap;
font-size: 0;
}
.ywk-events-nav a {
display: inline-block;
float: none;
width: auto;
padding: 15px 20px;
}
.ywk-events-item {
padding: 5% 0;
}
.ywk-affiliated-point,.ywk-affiliated-nav a::after, .ywk-affiliated-nav a::before,.ywk-news-path-content a.cur {
display: none;
}
.ywk-affiliated-right,.ywk-affiliated-left {
position: relative;
left: auto;
top: auto;
right: auto;
width: 100%;
}
.ywk-affiliated-nav {
font-size: 0;
padding: 20px 0;
}
.ywk-affiliated-nav a {
display: inline-block;
padding: 10px 0px;
border: 1px solid #ccc;
width: 32%;
margin: 1px;
}
.ywk-affiliated-nav i {
right: 10%;
}
.ywk-affiliated-nav span {
padding-left: 10%;
}
.ywk-affiliated-nav span {
font-size: 16px;
}
.ywk-about-dthicscompliance {
text-align: left;
}
.ywk-news-item {
width: 100%;
margin: 0 0 2% 0;
}
.ywk-news-item .title-2 {
min-height: auto;
font-size: 16px;
}
.ywk-news-path {
margin-top: 71px;
}
.ywk-news-detail, .ywk-news-detail-bottom,.ywk-news-recommend-swiper,.ywk-factory-withus,.ywk-message-content,.ywk-search-content {
width: 90%;
}
.ywk-news-detail-top .title-2 h1 {
font-size: 30px;
}
.ywk-news-other-news {
padding: 25% 0;
}
.ywk-factory-withus,.ywk-factory {
padding: 20% 0;
}
.ywk-factory-withus-form li {
width: 100%;
margin-right: 0;
}
.ywk-factory-withus-form .submit input,.ywk-contact-left .item-3 li,.ywk-search-input,.ywk-application-scenarios-item.fr .img,.ywk-application-scenarios-item.fl .img {
width: 100%;
}
.ywk-factory-withus-form li h6 {
margin: 0px 0;
}
.ywk-factory-masonry {
width: 90%;
column-count: 1;
}
.ywk-factory-masonry .item {
padding: 5px;
}
.ywk-factory-masonry .toptxt i {
width: 30px;
height: 30px;
background-size: 50%;
}
.ywk-factory-masonry .toptxt h4 {
font-size: 12px;
}
.ywk-contact-left {
width: 100%;
padding: 20% 5%;
}
.ywk-contact-left .title-1 {
font-size: 24px;
}
.ywk-message {
width: 100%;
padding: 10% 0 20% 0;
}
.network-item,.ywk-solutions-item {
width: 100%;
margin: 0 0 3% 0;
}
.ywk-search-input input.submit {
width: 23%;
}
.ywk-search-type a {
font-size: 16px;
margin-right: 20px;
}
.ywk-search-results {
padding: 5% 0;
font-size: 12px;
}
.swiper-milestone-next, .swiper-milestone-prev {
margin-top: -90px;
}
.ywk-index-product-type-item {
background: #000;
}
.ywk-index-product-type-item .img {
opacity: 0.5;
}
.ywk-news-item a:hover {
background: #016d9e;
}
.ywk-envicool-introduction .pic {
width: 80%;
}
.ywk-envicool-introduction {
padding: 7% 0 40px 0;
}
.ywk-envicool-introduction .ywk-title h2::after {
position: absolute;
right: 0;
bottom: -3px;
}
.ywk-solutions-roomcooling .text {
padding: 10% 0 0 0;
}
.ywk-solutions-roomcooling {
padding-bottom: 20%;
}
.ywk-roomcooling-item-right {
margin-top: 50px;
}
.ywk-roomcooling-item-left .items-2 {
padding: 20px 0 30px 0;
}
.banner-title {
background-size: auto 90%;
padding: 10px 0 0 15px;
}
.ywk-index-banner .text .title-1 h1 {
display: block;
margin: 0;
font-size: 50px;
line-height: 50px;
margin-top: 20px;
}
.title-canvas-en {
display: none;
}
.ywk-solutions-content .ywk-content-top .ywk-text {
font-size: 20px;
}
.ywk-reference-text img.img-block {
display: none;
}
.ywk-reference-text .text-center .table,.ywk-reference-text .text-center .table-cell {
display: block;
}
.ywk-reference-text .text-center {
position: relative;
width: 90%;
height: 100%;
left: 5%;
top: 0;
padding: 5% 0;
}
.ywk-product-detail-text .title-2 {
width: 100%;
}
}
.ywk-index-banner .swiper-container {
height: auto!important;
}
.fenye {padding: 30px 0;text-align: center;overflow: hidden;clear: both;}
.fenye a, .fenye span {zoom: 1;display: inline-block;vertical-align: middle;padding: 10px 10px;font-size: 13px;color: #666;background: #fff;margin-bottom: 5px;margin-right: 8px;}
.fenye a:hover, .fenye .page-num-current {background: #016d9e;color: #fff;}
.jz-service{display:flex;margin-top: 50px;}
.jz-serviceleft{flex: 0 0 20%;}
.jz-serviceleft ul{padding: 0; margin: 0;}
.jz-serviceleft ul li{border-radius:30px 0 0 30px;margin-bottom: 3px;background: #eee;color:#333;list-style: none;line-height: 60px;padding-left: 40px;}
.jz-serviceleft ul li.on{background: #00609a;color: #fff;}
.jz-serviceright{flex: 0 0 80%;border-left: 4px solid #00609a;width: 80%;background: #fff;}
.jz-serviceright ul{padding: 0;margin: 0;}
.jz-serviceright ul li{display:none;padding: 30px 40px;}
.jz-serviceright ul li.on{display:block;padding: 30px;}
.jz-serviceright ul li .servicebt{font-size: 24px;line-height: 1.5;padding-bottom: 10px;border-bottom: 2px solid #eee;margin-bottom: 30px;display: flex;justify-content: space-between;}
.jz-serviceright ul li .servicebt .servicetitile{}
.jz-serviceright ul li .servicebt .servicetag{}
.jz-serviceright ul li .servicebt .servicetag span{font-size: 16px;line-height: 2em;padding: 2px 10px;border: 2px solid #ddd;border-radius: calc(1em + 2px);color: #333;}
.jz-serviceright ul li .servicetxt{font-size:16px;}
.jz-serviceright ul li .servicetxt p,.jz-serviceright ul li .servicetxt span{font-size:16px;margin:0;line-height: 1.7;padding:0;text-wrap: wrap!important;}
.jz-serviceright ul li .servicetxt strong{color:#00609a;display: inline-block;}
.jz-serviceright ul li .servicetxt img{float:left;margin: 0 40px 20px 0;max-width:600px;height:auto!important;width:50%;}
.solution{background: #fff;margin-top:50px;margin-bottom:40px;padding: 40px;}
.solutionbt{font-size: 24px;line-height: 1.5;padding-bottom: 10px;border-bottom: 2px solid #eee;margin-bottom: 30px;}
.solutiontxt{font-size:16px;}
.solutiontxt p,.solutiontxt span{font-size:16px;margin:0;line-height: 1.8;padding:0;text-wrap: wrap!important;}
.solutiontxt table{margin:30px 0;width:100%;table-layout: fixed;}
.solutiontxt td{padding:20px;border:1px solid #eee;width: auto;}
.solutiontxt strong{color:#00609a;display: inline-block;margin-bottom: 10px;margin-top: 10px;}
.solutiontxt img{margin: 20px auto;max-width:100%;height:auto!important;display:block;width: 1200px;}
.searchrow{height: 0;border-top: 1px solid rgba(0,0,0,0);overflow: hidden;transition: all 0.5s;opacity: 0;}
.searchrow.active{border-top: 1px solid rgba(0,0,0,0.05);height: auto;opacity: 1;background: rgba(255,255,255,0.9);}
.searchcont{max-width: 640px;margin: 15vh auto;width: 94%;}
.emdy{display:flex;width:100%;flex: 0 0 100%;height: 60px;overflow: hidden;}
.search{max-width:260px;}
.searchrow{display:flex;flex-wrap: wrap;}
.searchrowinput{flex: 1;HEIGHT: 60PX;}
.searchinput{border-right: none;height: 50px;border-left: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #eee;border-top-left-radius: 30px;border-bottom-left-radius: 30px;padding: 5px 25px;width: 100%;}
.searchrowsubmit{flex: 0 0 70PX;HEIGHT: 50PX;}
.searchbutton{display: flex;position: relative;overflow: hidden;justify-content: center;align-items: center;text-align: center;box-sizing: border-box;width: 70PX;padding: 0;height: 50PX;border-right: 1px solid #0080c8;border-top: 1px solid #0080c8;border-bottom: 1px solid #0080c8;border-top-left-radius: 0px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 0;border-left: none;background: #0080c8;color: #fff;font-size: 15px;}
.searchbutton input{position: absolute;width: 100%;height: 100%;z-index: 9;opacity: 0;}
.ywk-product-detail-parameter .pic .swiper-button-prev:after,.ywk-product-detail-parameter .pic .swiper-button-next:after {font-size: 20px;color: #aaa;}
.servicemore{
display: block;
overflow: hidden;
position: relative;
padding: 20px;
float: left;
}
.servicemore .inner{
padding: 0 15px;
}
.servicemore .ywk-news-item{}
@media only screen and (max-width: 1600px) and (min-width: 1280px){
.banner-nav-type .nav-type a h4{font-size: 16px;}
.nav-type a{padding: 30px 20px;}
}
@media only screen and (max-width: 1279px) and (min-width: 1024px){
.banner-nav-type .nav-type a h4{font-size: 14px;}
.nav-type a{padding: 20px 10px;}
}
@media only screen and (max-width: 1023px) and (min-width: 769px){
.banner-nav-type .nav-type a h4{font-size: 14px;}
.nav-type a{padding: 20px 10px;}
.nav-type{flex-wrap: wrap;}
}
@media only screen and (max-width: 768px){
.jz-service{flex-wrap:wrap;margin-top: 30px;}
.jz-serviceleft{flex: 0 0 100%;}
.jz-serviceright{flex: 0 0 100%;border: none;border-top: 3px solid #00609a;width: 100%;background: #fff;}
.jz-serviceright ul li .servicebt{font-size: 20px;margin-bottom: 20px;}
.jz-serviceright ul li .servicetxt p,.jz-serviceright ul li .servicetxt span{font-size:14px;}
.jz-serviceright ul li .servicetxt img{margin: 0 20px 20px 0;width:100%;}
.jz-serviceleft ul{display:flex;}
.jz-serviceleft ul li{line-height: 22px;padding: 10px;margin: 0 2px;border-radius: 5px 5px 0 0;}
.solution{bavkground:#fff;margin-top:30px;margin-bottom: 0;padding: 20px;}
.solutionbt{font-size: 20px;line-height: 1.5;padding-bottom: 10px;border-bottom: 2px solid #eee;margin-bottom: 30px;}
.solutiontxt{font-size:14px;}
.solutiontxt p,.solutiontxt span{font-size:14px;margin:0;line-height: 1.8;padding:0;text-wrap: wrap!important;}
.solutiontxt table{margin:10px 0}
.solutiontxt td{padding: 10px;line-height:1.2}
.solutiontxt td svg{width:30px;height:30px;margin-top: 10px;}
.solutiontxt td p,.solutiontxt td span{line-height:1.2;margin-bottom: 10px;}
.infobar,.jz-serviceright ul li .servicebt{flex-wrap: wrap;}
.search{margin:20px auto 0;max-width: inherit;}
.jz-serviceright ul li.on{padding:20px;}
.jz-serviceright ul li .servicebt .servicetag{display: flex;flex-wrap: wrap;}
}
.nav606 .img .img-center{/* width: 90%; *//* height: 90%; */}
.ywk-nav-two .ywk-nav-two-right-swiper{padding-left:30px;}
.shzr_list{padding-bottom: 30px;}
.shzr_list .list{margin-top: 40px;}
.shzr_list .list ul{display:flex;padding: 0;}
.shzr_list .list li{flex:0 0 48%;margin:0 1% 30px;list-style: none;}
.shzr_list .list .img{padding-bottom: 50%;}
.shzr_list .list .img img{width:100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.shzrtext{padding: 30px 30px 20px;background: #fff;}
.shzrcont{display:flex;}
.shzrcont .date{flex: 0 0 85px;width: 85px;border-right: 1px solid #F0F0F0;}
.shzrcont .date p{font-size: 14px;text-align: center;color: #999;margin-top: 0;}
.shzrcont .date p em{font-weight:bold;color: #333;font-size: 46px;display: block;line-height: 1;font-style: inherit;}
.shzrcont .txt{width: calc(100% - 85px);padding-left: 20px;}
.shzrcont .txt .t{font-size:18px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.shzrcont .txt .des{font-size:14px;color:#888;line-height: 1.4;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.shzrmore{border-top:1px solid #eee;padding-top: 15px;}
.shzrmore .more{font-size:14px;}
.shzr_list .list li:hover .txt .t{color:#016d9e}
.shzr_list .list li:hover .shzrmore .more{color:#016d9e}
.shzr_list .list li:hover .date p em{color:#016d9e}
@media only screen and (max-width: 768px){
.shzr_list .list ul{flex-wrap: wrap;}
.shzr_list .list li{flex:0 0 100%;width:100%;margin:0 0 20px;}
.shzr_list .list .img{padding-bottom: 66.6%;}
.shzrtext {padding: 15px 10px 10px;}
.shzrcont .date p em{font-size:36px;display: block;line-height: 1;}
.single_nav .btn_back{display:none;}
}
.index-video {
height: 800px;
position: relative;
background: url(../image/video2.jpg);
background-size: cover;
}
.index-video video {
height: 100%;
width: 100%;
object-fit: cover;
}
.overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background: linear-gradient(45deg, rgb(142 195 31 / 40%) , rgb(0 128 200 / 40%) , rgb(0 128 200 / 40%));
}
.show-img{
height: 100%;
}
.index-video .play_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 11;
}
.index-video .play_overlay .play_btn {
position: absolute;
display: block;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
transform: translate(-50%, -50%);
cursor: pointer;
}
.index-video .play_overlay .play_btn .icon {
width: 100%;
height: 100%;
background: url(../image/play_button.png) center/contain no-repeat;
}
.index-video .play_overlay .play_btn::before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
border-radius: 50%;
content: '';
z-index: -1;
}
.index-video .play_overlay .play_btn::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
border-radius: 50%;
content: '';
z-index: -1;
}
.index-video .play_overlay .play_btn::before {
animation: scale 2s ease-out infinite;
background: #fff;
opacity: 0.5;
animation-delay: 0s;
}
.index-video .play_overlay .play_btn::after {
animation: scale2 2s ease-out infinite;
background: #fff;
opacity: 0.3;
animation-delay: 0s;
}
@keyframes scale {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: .9
}
100% {
transform: translate(-50%, -50%) scale(7);
opacity: 0;
}
}
@keyframes scale2 {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: .9;
}
100% {
transform: translate(-50%, -50%) scale(10);
opacity: 0;
}
}
.index-video .overlay .intro_box {
position: absolute;
left: 0;
right: 0;
top: 50%;
text-align: center;
z-index: 4;
transform: translate(0%,-50%)!important;
}
.index-video .overlay .intro_box ul{
padding: 0;
display: flex;
justify-content: center;
}
.index-video .overlay .intro_box ul li{
list-style: none;
border: 1px solid rgba(255,255,255,0.75);
padding: 10px 30px;
border-radius: 40px;
margin: 0 20px;
}
.index-video .overlay .intro_box ul li:hover{border-color:#8ec31f;background:rgba(142,195,31,0.8)}
.index-video .overlay .intro_box ul li a{
color: #fff;
display: flex;
align-items: center;
}
.index-video .overlay .intro_box ul li a svg{margin-left:5px;}
.index-video .overlay .intro_box .txt {
font-size: 14px;
color: #fff;
font-weight: bold;
}
.index-video .overlay .intro_box .tit {
font-size: 36px;
line-height: 1.6;
color: #fff;
}
.index-video .overlay .intro_box .tit p{font-size:16px;}
.index-video .overlay .intro_box .arrow {
margin-top: 20px;
}
.index-video .overlay .intro_box .arrow .iconfont {
font-size: 14px;
}
/*å¼¹çªâ€â€ÃƒÂ¦Ã‚ Â·Ã¥Â¼ÂÂ*/
.pop-up {
position:fixed;
z-index: 909;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
.pop-up .mask {
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
.pop-up .close {
position: absolute;
top: 0;
right: 0;
width: 27px;
height: 27px;
border-radius: 50%;
z-index: 10;
cursor: pointer;
transition: 0.5s;
display: flex;
align-items: center;
justify-content: center;
}
.pop-up .close:hover {
/*transform: rotate(360deg);*/
}
.pop-up .pop-up-box {
/*height: fit-content;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
max-height: 920px;
max-width: 1300px;
width: 90%;*/
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.pop-up .pop-up-box .video {
height: auto;
width: 100%;
object-fit: contain;
}
.video-box {
max-width: 1000px;
margin: auto;
position: relative;
display: flex;
align-items: center;
height: fit-content;
width: 90%;
}
.video-box video {
width: 100%;
height: 100%;
}
.video-close {
position: fixed;
right: 20px;
top: 20px;
width: 40px;
height: 40px;
/* display: none; */
/*background: #fff;*/
border-radius: 50%;
padding: 0.10rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10;
}
.video-close img {
width: 80%;
filter: grayscale(1) brightness(100)
}
.index_products_slide .swiper-slide{background-repeat: no-repeat;background-position: center center;background-size: cover;background-image: url(../image/cpbja1.jpg);overflow:hidden;flex: 0 0 calc(33.3% - 30px);}
.index_products_slide .swiper-slide:hover{background-repeat: no-repeat;background-position: center center;background-size: cover;background-image: url(../image/cpbja2.jpg);}
.index_products .yx_ProBox{margin: 40px 0 0;display: flex;justify-content: space-between;}
.index_products .yx_PList{/* background:#2D2F34; */border-radius: 5px;overflow:hidden;flex: 0 0 calc(33.3% - 20px);position:relative;transition:all 0.6s;font-family: 'Montserrat-Bold';}
.index_products .yx_PList:after{content:"";display:block;width:100%;max-width:450px;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url("../image/cpta1.png");position:absolute;right:0;top:-150px;z-index:1;animation:myfirst2 5s;animation-iteration-count:1000;opacity:0;}
.index_products .yx_PList:before{content:"";display:block;width:100%;max-width:306px;height:85%;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url("../image/cpta2.png");position:absolute;right:0;bottom:-140px;z-index:1;animation:myfirst 5s;animation-iteration-count:1000;opacity:0}
.index_products .yx_PList.yx_PActive:after{opacity:1}
.index_products .yx_PList.yx_PActive:before{opacity:1}
.pp{margin-top:40px;position:relative;border-radius:15px 15px 0 0;overflow:hidden;padding-bottom: 0;font-family: 'Montserrat-Bold';width: 94%;max-width: 1600px;margin: 40px auto 0;height: 800px;}
.pp.out{padding-bottom: 0%;}
.pprow{}
.pprow .list{position:absolute;overflow:hidden;padding-bottom: 50%;height:0}
.pprow .list.active{position:relative}
.pprow .list img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute;opacity:0}
.pprow .list.active img{opacity:1}
.pprow .list .listrow{position:absolute;width: 65%;height:100%;display:block;left:0;top:0;z-index:2;transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out}
.pprow .list .listrow .bimg{background:url(../image/ppbj1.png) right center no-repeat;background-size:cover;-webkit-transform:translateX(-40px);transform:translateX(-40px);left:0;position:absolute;width:100%;height:100%;opacity:0}
.pprow .list .listrow .simg{background:url(../image/ppbj2.png) right center no-repeat;background-size:cover;-webkit-transform:translateX(-40px);transform:translateX(-40px);left:0;position:absolute;width:91.5%;height:100%;opacity:0}
.pprow .list.active .listrow .bimg{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1s .3s ease-out;transition:all 1s .3s ease-out}
.pprow .list.active .listrow .simg{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all 1s .6s ease-out;transition:all 1s .6s ease-out}
.pprow .list .listrow .txt{position:absolute;width:50%;object-fit:cover;transition:all .5s ease;left:48%!important;top:40%;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;position:absolute}
.pprow .list .listrow .txt p{color:#fff;margin:30px 0 40px;font-size:16px;line-height:1.8;opacity:0.9;letter-spacing:1px;-webkit-transform: translateY(40px);transform: translateY(40px);opacity: 0;}
.pprow .list .listrow .txt .img{position:relative;-webkit-transform: translateY(40px);transform: translateY(40px);opacity: 0;}
.pprow .list .listrow .txt .yx_Title{color:#fff;font-size:30px;line-height:100%;transition:all 0.5s;margin-top:40px;font-weight:bold;-webkit-transform: translateY(40px);transform: translateY(40px);opacity: 0;}
.pprow .list .listrow .txt .yx_icon{display:inline-block;-webkit-transform: translateY(40px);transform: translateY(40px);opacity: 0;}
.pprow .list .listrow .txt .yx_icon div{color: #fff;font-size: 15px;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 50px;padding: 10px 30px;display: flex;align-items: center;}
.pprow .list.active .listrow .txt .img{opacity: 1;-webkit-transform: translateXY(0);transform: translateY(0);-webkit-transition: all 1s 0.6s ease-out;transition: all 1s 0.6s ease-out;}
.pprow .list.active .listrow .txt .yx_Title{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: all 1s .8s ease-out;transition: all 1s .8s ease-out;}
.pprow .list.active .listrow .txt p{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: all 1s 1s ease-out;transition: all 1s 1s ease-out;}
.pprow .list.active .listrow .txt .yx_icon{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: all 1s 1.2s ease-out;transition: all 1s 1.2s ease-out;}
.pprow .list .listrow .txt .img img{position:relative;transform:translate(0%,0%)!important;left:0% !important;top:0% !important;display:block;height:46px;width:auto}
.pprow .list .listrow .txt .yx_icon:hover div{background:#fff;color:#8ec31f}
.pprow .list .listrow .txt .yx_icon:hover svg path{fill:#8ec31f}
.pprow .list .listrow .txt .yx_icon svg{width:16px;height:16px;margin-left: 10px;}
.ppcont{position:absolute;bottom: -100%;width: 100.02%;z-index:2;display: flex;transition: all 2s ease;}
.out .ppcont{display:flex;bottom: 0;}
.ppcont .list{flex:0 0 calc(100% / 3);display:flex;align-items:center;justify-content:center;padding: 45px;background:rgba(255,255,255,0.95);border-top:10px solid transparent;filter:grayscale(100%);filter:gray;box-sizing:border-box;cursor:all-scroll}
.ppcont .list.active{filter:grayscale(0%);filter:none;background:rgba(255,255,255,0.95);border-color:#8ec31f}
.ppcont .list img{max-height:46px;width:auto}
.ppcont .list.active img{}
.brand{position:absolute;top:0;background:#000;transition:all 1.5s ease;width: 100%;padding: 0!important;}
.brand video{width: 100%;float: left;}
.pp.out .brand{top:100%;z-index:9;transition:all 1.5s ease}
.brand img{opacity:0.75}
.brand-contbox{position:absolute;width:100%;height:auto;object-fit:cover;transition:all .5s ease;left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}
.brand-bgbox{height:100%;width:100%;position:absolute;top:0}
.brand-bgbox .item{width:100%;height:20%;display:block;background-color:#0080c8;opacity:.95;position:absolute;right:100%;transition:right 1s;-webkit-transition:right 1s}
.brand-bgbox .items{width:100%;height:20%;display:block;background-color:#0080c8;opacity:.95;position:absolute;left:100%;transition:left 1s;-webkit-transition:left 1s}
.brand-bgbox .item.item1{top:0}
.brand-bgbox .item.item2{top:40%}
.brand-bgbox .item.item3{top:80%}
.brand-bgbox .items.item4{top:20%}
.brand-bgbox .items.item5{top:60%}
.pp.on .brand-bgbox .item.item1{right:0;transition-delay:1.2s;-webkit-transition-delay:1.2s}
.pp.on .brand-bgbox .item.item2{right:0;transition-delay:1.4s;-webkit-transition-delay:1.4s}
.pp.on .brand-bgbox .item.item3{right:0;transition-delay:1.5s;-webkit-transition-delay:1.5s}
.pp.on .brand-bgbox .items.item4{left:0;transition-delay:1.1s;-webkit-transition-delay:1.3s}
.pp.on .brand-bgbox .items.item5{left:0;transition-delay:1.5s;-webkit-transition-delay:1.5s}
.brand-content{display:flex;align-items:center;padding:50px;width:100%;max-width:1420px;height:100%;display:flex;display:-webkit-flex;justify-content:center;align-items:center;flex-wrap:nowrap;position:relative;z-index:50;color:#fff;margin:0 auto;transition:all 0.5s;-webkit-transition:all 0.5s;transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0}
.pp.on .brand-content{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1}
.brand-content h2{max-width:400px;font-size:1.8em;line-height:1em;float:left;white-space:nowrap;margin-right:4em}
.brand-content ul{padding:0;float:right;display:flex}
.brand-content ul li{list-style:none;margin:0 50px}
.brand-content ul li img{max-height:46px;opacity:1}
.index_news{background-size:cover;background-image:url(../image/xwbj.jpg);padding-bottom: 80px;}
.index_news .new_Width{overflow:hidden;flex: 0 0 70%;padding-bottom: 0;position: relative;margin-top: 40px;}
.index_news .box .banner .swiper-container{padding:0;overflow:visible !important}
.index_news .box .banner .swiper-slide .item{display:block;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;background-color:#fff;padding: 40px;/* border:1px solid #eee; */position:relative}
.index_news .box .banner .swiper-slide .item:after{content:'';display:block;width:0px;left:50%;transition:all 0.6s;transform:translateX(-50%);bottom:0px;height:3px;background:var(--yx_Color);position:absolute}
.index_news .box .banner .swiper-slide .item:hover:after{width:100%}
.index_news .box .banner .swiper-slide .item .yx_Year{display:block;font-size: 42px;line-height:100%;font-weight:bold;color:#fff;transition:all 0.6s}
.index_news .box .banner .swiper-slide .item .yx_Time{font-size: 14px;color:#fff;position:absolute;transition:all 0.6s;z-index:2;top:0;background: rgba(0,0,0,0.6);padding: 14px 24px;border-radius:0;right:-1px}
.index_news .box .banner .swiper-slide:hover .item .yx_Time{background-color: #0080c8;}
.index_news .box .banner .swiper-slide .item .yx_ImgCover{overflow:hidden;padding-bottom:66%;position: relative;}
.index_news .box .banner .swiper-slide .item .yx_ImgCover img{width:100%;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.index_news .box .banner .swiper-slide .item .content2{font-size:0.16rem;color:var(--yx_Color)}
.index_news .box .banner .swiper-slide .item .content3{font-weight:500;font-size: 18px;line-height:1.5;margin-top:20px;color:#000;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_news .box .banner .swiper-slide .item .content4{font-size:14px;line-height:1.8;color:#999;margin: 15px 0 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_news .box .banner .swiper-slide .item .yx_flex{margin: 20px 0 0;/* color: #333; */position:relative;font-size: 16px;transition:all 0.6s}
.index_news .box .banner .swiper-slide .item .yx_flex span{display:inline-block;line-height:180%;border-bottom:1px solid #ccc}
.index_news .box .banner .swiper-slide .item .yx_flex .yx_icon{width:28px;height:28px;background-color: #0080c8;color:#fff;line-height:28px;text-align:center;transition:all 0.6s;margin-left: 30px;display: none;}
.index_news .box .banner .swiper-slide .item:hover .yx_flex::before{width:100%}
.index_news .box .banner .swiper-slide .item:hover .yx_icon{transform:rotate(45deg)}
.index_news .box .banner .swiper-slide .item:hover{-webkit-box-shadow:0px 0px 12px #eee;box-shadow:rgba(100,100,111,0.1) 0px 7px 0.2rem 0px}
.index_news .box .banner .swiper-slide .item:hover .yx_ImgCover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.index_news .box .banner .swiper-slide .item:hover .yx_Title{color:var(--yx_Color)}
.index_news .box .controls{margin-top:0.54rem;max-width:1700px}
.index_news .box .controls .prog{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:90%}
.index_news .box .controls .progressbar{position:relative;height:7px;background:url(../image/bg1.png) repeat-x;width:100%}
.index_news .box .controls .progressbar .swiper-scrollbar-drag{border-radius:0;background:rgba(0,0,0,0.2);background-size:100% 100%;cursor:pointer;transition:all 0.6s}
.index_news .box .controls .progressbar .swiper-scrollbar-drag:hover,.index_news .box .controls .progressbar .swiper-scrollbar-drag:active{background-color:var(--yx_Color) !important}
.index_news .box .controls .button{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.index_news .box .controls .button path{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.index_news .box .controls .button:hover path{stroke:var(--yx_Color);opacity:1}
.index_newsflex{display:flex;justify-content: space-between;width: 94%;max-width: 1600px;margin: 0 auto;flex-wrap: wrap;}
.index_newslist{background:#fff;padding: 40px;flex: 0 0 calc(30% - 40px);box-sizing: border-box;margin-top: 40px;margin-bottom: 62.5px;overflow-y: auto;}
.index_newslist .list{border-bottom:1px solid #eee;padding-bottom: 20px;margin-bottom: 20px;}
.index_newslist .list a:hover{color: #0080c8;}
.index_newslist .list .title{font-size: 16px;line-height: 1.5;font-weight: 500;margin-bottom: 5px;}
.index_newslist .list .time{font-size: 14px;color: #999;}
.controls{display:flex;justify-content:center;margin-top:30px;}
.yx_Page{margin:0 0.36rem;transform:translateY(-2px)}
.yx_Page span{display:inline-block;transition:ease .6s;width:8px;height:8px;background:#CCCCCC;border-radius:50%;cursor:pointer;outline:none;margin:0 13px;opacity:1;position:relative}
.yx_Page span:before{content:"";display:block;opacity:0;z-index:1;pointer-events:none;cursor:pointer;width:24px;height:24px;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.6s ease 0s;border-width:2px;border-style:solid;border-color: #0080c8;border-image:initial;border-radius:50%}
.yx_Page span.swiper-pagination-bullet-active{background: #0080c8;}
.yx_Page span.swiper-pagination-bullet-active::before{opacity:1 !important}
.clearfix {
zoom: 1;
}
.clearfix:after {
content: " ";
display: block;
font-size: 0;
height: 0;
clear: both;
visibility: hidden;
}
.marginauto {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.linenowrap {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.flexCetween {
display: flex;
display: -webkit-flex;
display: -moz-flex;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.flexAlign {
display: flex;
display: -webkit-flex;
display: -moz-flex;
align-items: center;
-webkit-align-items: center;
}
.header {
position: fixed;
left: 0;
top: 0;
z-index: 99;
width: 100%;
box-sizing: border-box;
transition: 0.4s;
}
.header.scroll .header-wrap,
.header:hover .header-wrap {
padding: 0 50px;
background: #fff;
box-shadow: 0 0 8px rgba(193, 201, 211, 0.33);
}
.header.scroll .header-wrap .logo img.show,
.header:hover .header-wrap .logo img.show {
opacity: 0;
visibility: hidden;
}
.header.scroll .header-wrap .logo img.hide,
.header:hover .header-wrap .logo img.hide {
opacity: 1;
visibility: visible;
}
.header.scroll .header-wrap .navs > li:before,
.header:hover .header-wrap .navs > li:before {
background: #103861;
}
.header.scroll .header-wrap .navs > li:hover > a,
.header:hover .header-wrap .navs > li:hover > a,
.header.scroll .header-wrap .navs > li.active > a,
.header:hover .header-wrap .navs > li.active > a {
color: #103861;
}
.header.scroll .header-wrap .navs > li > a,
.header:hover .header-wrap .navs > li > a {
padding: 32px 0;
color: #333333;
}
.header.scroll .header-wrap .header-tel i,
.header:hover .header-wrap .header-tel i,
.header.scroll .header-wrap .header-tel p,
.header:hover .header-wrap .header-tel p {
color: #103861;
}
.header.scroll .header-wrap .header-search span,
.header:hover .header-wrap .header-search span {
background: #103861;
color: #fff;
}
.header:hover .header-wrap .navs > li > a {
padding: 46px 0;
}
.header.scroll:hover .navs > li > a {
padding: 32px 0;
}
.header-wrap {
padding: 0 50px;
display: flex;
justify-content: space-between;
align-items: center;
transition: 0.4s;
}
.header-product {
position: absolute;
left: 0;
top: 100%;
box-sizing: border-box;
padding: 4.06vw 8.33vw 4.9vw;
background: #fff;
box-shadow: 0 0 8px rgba(193, 201, 211, 0.33);
width: 100%;
display: none;
}
.header-product-wrap {
display: flex;
justify-content: center;
}
.header-product-item {
display: block;
margin-right: 7.13vw;
width: 12.6vw;
}
.header-product-item:last-child {
margin-right: 0;
}
.header-product-item dt {
display: block;
position: relative;
padding-bottom: 30px;
background: url(../image/line1.png) right bottom no-repeat;
}
.header-product-item dt:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 24px;
height: 1px;
background: #00a6e9;
}
.header-product-item dt a {
display: inline-block;
color: #333333;
font-size: 18px;
line-height: 1.2;
font-weight: bold;
}
.header-product-item dt a:hover {
color: #103861;
}
.header-product-item dd {
display: block;
padding-top: 25px;
}
.header-product-item dd p {
margin-bottom: 16px;
}
.header-product-item dd p:last-child {
margin-bottom: 0;
}
.header-product-item dd p a {
display: inline-block;
color: #666666;
font-size: 16px;
}
.header-product-item dd p a:hover {
color: #103861;
}
.logo {
display: block;
position: relative;
width: auto;
height: 56px;
}
.logo img {
display: block;
width: auto;
height: 100%;
transition: 0.4s;
}
.logo img.hide {
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
}
.header-right {
display: flex;
align-items: center;
}
.header-tel {
display: flex;
align-items: center;
}
.header-tel i {
display: inline-block;
margin-right: 8px;
color: #fff;
font-size: 18px;
font-style: normal;
}
.header-tel p {
color: #fff;
font-size: 18px;
font-family: "Gilroy";
}
.header-search {
position: relative;
padding-left: 22px;
}
.header-search span {
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
line-height: 32px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 14px;
cursor: pointer;
}
.navs {
display: flex;
}
.navs > li {
margin-right: 4.69vw;
z-index: 2;
}
.navs > li:last-child {
margin-right: 0;
}
.navs > li > a {
display: inline-block;
padding: 46px 0;
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 1;
}
.banner {
position: relative;
}
.btext {
position: absolute;
left: 50%;
top: 50%;
margin-left: -17.4vw;
margin-top: -17.4vw;
width: 34.9vw;
height: 34.9vw;
display: flex;
justify-content: center;
align-items: center;
background: url(../image/bbg.png) center no-repeat;
background-size: cover;
z-index: 3;
}
.btext.article-block .btext-wrap small,
.btext.article-block .btext-wrap strong,
.btext.article-block .btext-wrap p {
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: 0.6s;
}
.btext.articleShow .btext-wrap small,
.btext.articleShow .btext-wrap strong,
.btext.articleShow .btext-wrap p {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition: 0.6s;
}
.btext.articleShow .btext-wrap strong {
transition-delay: 0.2s;
}
.btext.articleShow .btext-wrap p {
transition-delay: 0.4s;
}
.banner-slide {
overflow: hidden;
}
.banner-slide figure {
display: block;
line-height: 1;
}
.banner-slide figure img {
display: block;
position: relative;
}
.btext-wrap {
text-align: center;
}
.btext-wrap small {
display: block;
margin-bottom: 1.77vw;
line-height: 1;
color: #fff;
font-size: 1.46vw;
font-family: "Gilroy";
}
.btext-wrap strong {
display: block;
margin-bottom: 1.67vw;
line-height: 1;
color: #fff;
font-size: 3.3vw;
font-weight: normal;
}
.btext-wrap p {
color: #fff;
font-size: 1.25vw;
}
.scroll-more {
position: absolute;
left: 0;
bottom: 9px;
z-index: 3;
width: 100%;
text-align: center;
}
.scroll-more span {
display: block;
position: relative;
margin: auto;
width: 18px;
height: 32px;
}
.scroll-more span:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 14px;
height: 28px;
border: 2px solid #fff;
border-radius: 9px;
}
.scroll-more span:after {
position: absolute;
left: 50%;
margin-left: -1px;
top: 8px;
content: "";
width: 2px;
height: 8px;
background: #fff;
animation: mousedown 1s infinite;
}
.scroll-more p {
margin-top: 10px;
line-height: 1;
color: #fff;
font-size: 14px;
}
@keyframes mousedown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0.2;
transform: translateY(6px);
}
}
.banner-down {
position: absolute;
left: 8.33vw;
right: 8.33vw;
bottom: 3.75vw;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 22px;
z-index: 10;
}
.banner-dit {
display: flex;
align-items: center;
}
.banner-dit .swiper-pagination {
position: relative;
margin-top: 6px;
line-height: 1;
}
.banner-dit .swiper-pagination .swiper-pagination-bullet {
margin-right: 12px;
position: relative;
width: 16px;
height: 16px;
opacity: 1;
background: none;
}
.banner-dit .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
transform: scale(1);
}
.banner-dit .swiper-pagination .swiper-pagination-bullet:before {
position: absolute;
left: 50%;
top: 50%;
margin-left: -2px;
margin-top: -2px;
content: "";
width: 4px;
height: 4px;
background: #fff;
border-radius: 50%;
}
.banner-dit .swiper-pagination .swiper-pagination-bullet:after {
position: absolute;
left: 0;
top: 0;
content: "";
box-sizing: border-box;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.2);
transform: scale(0);
transition: 0.3s;
}
.banner-numble {
display: flex;
align-items: flex-end;
margin-right: 2.5vw;
color: #fff;
font-size: 1.25vw;
font-family: "Gilroy";
line-height: 1;
}
.banner-numble i {
display: inline-block;
margin: 0 8px;
font-style: normal;
}
.banner-numble b {
font-weight: normal;
position: relative;
top: 2px;
font-size: 1.67vw;
}
.banner-btn {
display: flex;
}
.banner-btn span {
display: inline-block;
margin-right: 20px;
width: 38px;
height: 38px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
text-align: center;
line-height: 38px;
color: #fff;
font-size: 14px;
cursor: pointer;
transition: 0.35s;
}
.banner-btn span:hover {
border-color: #fff;
}
.banner-btn span:last-child {
margin-right: 0;
}
.banner-line {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 3;
height: 3;
background: rgba(255, 255, 255, 0.2);
height: 1px;
}
.banner-line span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 20%;
height: 1px;
background: #fff;
}
.about-us {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 8.33vw;
background-image: url(../image/a_bg.jpg);
}
.about-imgs {
display: flex;
justify-content: flex-end;
width: 50%;
line-height: 1;
}
.about-imgs img {
position: relative;
display: inline-block;
width: 66.98vw;
height: auto;
}
.about-fix {
width: 38.02vw;
}
.about-us-top {
margin-bottom: 2.34vw;
}
.about-us-top small {
display: block;
margin-bottom: 1.98vw;
line-height: 1;
color: #00a6e9;
font-size: 1.88vw;
font-family: "Gilroy";
}
.about-us-tt strong {
display: block;
line-height: 1.3;
color: #3e3a39;
font-size: 2.71vw;
}
.about-us-info {
color: #666666;
font-size: 16px;
line-height: 2;
}
.read-more {
margin-top: 4.95vw;
display: inline-flex;
align-items: center;
}
.read-more a {
display: inline-flex;
align-items: center;
}
.read-more a:hover i {
transform: translateX(4px);
}
.read-more span {
position: relative;
width: 54px;
height: 54px;
border-radius: 50%;
background: #00a6e9;
}
.read-more span:before {
position: absolute;
left: 50%;
top: 50%;
margin-left: -4.5px;
margin-top: -4.5px;
content: "";
width: 9px;
height: 9px;
border-radius: 50%;
background: #fff;
}
.read-more p {
margin-left: 23px;
margin-right: 18px;
color: #00a6e9;
font-size: 18px;
font-family: "Gilroy";
}
.read-more i {
display: inline-block;
line-height: 1;
color: #00a6e9;
font-size: 20px;
transition: 0.3s;
}
.software {
position: relative;
z-index: 2;
overflow: hidden;
/* padding: 80px; */
}
.software-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 105%;
z-index: -2;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.software-bg ._logo{width: 19.86111111111111%;position: absolute;top:30%;left: 50%;transform: translateX(-50%);}
.software-bg ._logo>div{width: 100%;height: 0;padding-bottom: 100%;background-color:#0080c8;border-radius: 50%;position: relative;}
.software-bg ._logo ._cir{position: absolute;top: 0;left: 0;width:100%;height:100%;border: 1px solid #0080c8;border-radius: 50%;
animation: spread1 10s linear infinite;opacity:0;will-change: transform;z-index: -1;}
@keyframes spread1 {
0% {
transform: scale(1);
opacity: .2
}
100% {
transform: scale(5);
opacity: 0
}
}
.software-bg ._logo ._cir.j1{animation-delay: 0s;}
.software-bg ._logo ._cir.j2{animation-delay: 2s;}
.software-bg ._logo ._cir.j3{animation-delay: 4s;}
.software-bg ._logo ._cir.j4{animation-delay: 6s;}
.software-bg ._logo ._cir.j5{animation-delay: 8s;}
.software-en {
position: absolute;
left: 0;
top: 2.6vw;
z-index: -1;
width: 100%;
line-height: 1;
color:rgb(5 57 120 / 18%);
font-size:7.85vw;
font-family:'Montserrat-Bold';
text-align: center;
font-weight: bold;
color: rgba(255, 255, 255, 0);
-webkit-text-stroke:1px rgb(255 255 255 / 70%);
}
.software-ch1 {
position: absolute;
left: 0;
top: 5.6vw;
z-index:9;
width: 100%;
line-height: 1;
color:#0080c8;
font-size:46px;
text-align: center;
font-weight: bold;
}
.software-info {
position: relative;
overflow: hidden;
}
.software-arlcle {
position: relative;
margin: auto;
text-align: center;
}
.software-arlcle img {
display: inline-block;
margin: auto;
width:62vw;
height: auto;
position: RELATIVE;
z-index: 3;
opacity: 0.5;
-webkit-filter: blur(30px);
-moz-filter: blur(30px);
-ms-filter: blur(30px);
-o-filter: blur(30px);
filter: blur(30px);
}
.software-arlcle img:after{ position: absolute;
left: 15%;
top: 15%;
z-index: 2;
content: "";
width: 70%;
height: 70%;
background: #fff;
background-size: cover;
border-radius: 50%;}
.software-info .software-swiper {
position: absolute!important;
left: 50%;
margin-left: -15.73vw!important;
top: 9vw;
width: 31.46vw;
z-index: 5!important;
}
.software-slide {
position: relative;
height: auto;
}
.software-slide:hover figure img {
transform: scale(1.05);
}
.software-slide:hover .software-arrow {
background: #fff;
color: #00a6e9;
text-indent: 4px;
}
.software-slide figure {
display: block;
line-height: 1;
overflow: hidden;
border-radius: 50%;background-color: rgba(255,255,255,0.5);
}
.software-slide figure:before{ position: absolute;
left: 15%;
top: 15%;
z-index:5;
content: "";
width: 70%;
height: 70%;
background:rgb(255 255 255 / 10%);
background-size: cover;
border-radius: 50%;}
.software-slide figure img {
display: block;
width: 100%;
height: auto;
transition: 0.68s;
}
.software-text {
position: absolute;
left: 25%;
right: 25%;
top: 50%;
transform: translateY(-50%);
text-align: center;
background: linear-gradient(to right, rgba(46,167,129,.6), rgba(38,124,178,.4));
border-radius: 50%;
width: 50%;
height: 50%;
z-index: 6;
display: flex;
flex-wrap: wrap;
padding: 35px;
align-content: flex-start;
}
.software-text.s2{background: linear-gradient(to right, rgba(57,127,255,0.6), rgba(57, 127, 255, 0.4));}
.software-text b {
display: block;
margin-bottom: 0vw;
line-height: 1;
color: #fff;
font-size: 3vw;
font-weight: normal; padding-top:42px;
}.software-text b img{ width: 40%;
margin-bottom: 1%;}
.software-text strong {
display: block;
padding-bottom: 30px;
line-height: 1;
color: #fff;
font-size: 26px;
padding-top: 40px;
flex: 0 0 100%;
position: relative;
}
.software-text strong:after{content:'';width: 40px;height: 4px;background:#fff;position: absolute;bottom: 7px;left: 50%;margin-left: -20px;}
.software-text strong span{font-size:2vw;margin-left: 5px;}
.software-in {
color: #fff;
font-size: 20px;
width: 100%;
margin-top: 10px;
}
.software-in p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: auto;
line-height:2vw;
font-size: 22px;
margin: 0;
}
.software-arrow {
margin: auto;
width: 4.17vw;
height: 4.17vw;
line-height: 4.17vw;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
font-size: 1.56vw;
transition: 0.4s;
}
.software-item {
position: absolute;
z-index: 3;
cursor: pointer;
}
.software-item.active figure {
background: linear-gradient(to right, rgba(0,130,214,0), rgba(142,195,31,.8));
}
.software-item.active figure:before {
/*opacity: 1;
transform: scale(1);*/
}
.software-item.active .software-fare b {
font-size: 24px;
}
.software-item:hover figure img {
transform: scale(1.1);
}
.software-item figure {
display: block;
position: relative;
width: 16vw;
height: 3.04vw;
overflow: hidden;
transition: 0.55s;
background: linear-gradient(to right, rgba(0,130,214,0) , rgba(0,130,214,.8));
border-radius:50px;
}
.software-item.software-itemb4 figure ,
.software-item.software-itemb5 figure ,
.software-item.software-itemb6 figure,
.software-item.software-itemb8 figure{background: linear-gradient(to left, rgb(57,127,255.8), rgba(57,127,255,0));}
.software-item.software-itemb4.active figure ,
.software-item.software-itemb5.active figure ,
.software-item.software-itemb6.active figure,
.software-item.software-itemb8.active figure{background: linear-gradient(to right, rgba(0,130,214,0), rgba(142,195,31,.8));}
.software-item.software-item1 figure ,
.software-item.software-item2 figure ,
.software-item.software-item3 figure ,
.software-item.software-item4 figure ,
.software-item.software-item5 figure ,
.software-item.software-item6 figure ,
.software-item.software-item7 figure{background: linear-gradient(to right, rgba(0,130,214,.8), rgba(0,130,214,0));}
.software-item.software-itemb1 figure,
.software-item.software-itemb2 figure,
.software-item.software-itemb3 figure,
.software-item.software-itemb7 figure{background: linear-gradient(to right, rgba(57,127,255), rgba(57, 127, 255, 0));}
.software-item.software-item1.active figure ,
.software-item.software-item2.active figure ,
.software-item.software-item3.active figure ,
.software-item.software-item4.active figure ,
.software-item.software-item5.active figure ,
.software-item.software-item6.active figure ,
.software-item.software-item7.active figure,
.software-item.software-itemb1.active figure,
.software-item.software-itemb2.active figure,
.software-item.software-itemb3.active figure,
.software-item.software-itemb7.active figure{
background: linear-gradient(to right, rgba(142,195,31,.8), rgba(0,130,214,0));
}
.software-item figure:before {
position: absolute;
left: 0;
top: 0;
z-index: 2;
content: "";
width: 100%;
height: 100%;
background: url(../image/circular.png) center no-repeat;
background-size: cover;
opacity: 0;
transform: scale(0);
transition: 0.58s;
}
.software-item figure img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
transition: 0.56s; opacity: 0;
}
.software-fare {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: left;
padding-left: 25px;
border-radius: 30px;
}
.software-fare b {
display: block;
height: 24px;
line-height: 1;
color: #fff;
font-size: 16px;
font-family: "Gilroy";
transition: 0.3s;
}
.software-fare p {
color: #fff;
font-size: 16px;
font-weight: bold;
}
.software-item1{left: 13vw;top:13vw;z-index: 2;}
.software-item2{left:11vw;top: 19vw;z-index: 2;}
.software-item3{left:10vw;top: 25vw;z-index: 2;}
.software-item4{z-index: 3;left: 24vw;top: 27vw;}
.software-item5{left: 26vw;top: 12vw;}
.software-item6{left: 24vw;top: 17vw;}
.software-item7{left: 23vw;top: 22vw;}
.software-item8 .software-fare,.software-item9 .software-fare,.software-item10 .software-fare,.software-item11 .software-fare,.software-item12 .software-fare,.software-item13 .software-fare,.software-item14 .software-fare,.software-itemb4 .software-fare,.software-itemb5 .software-fare,.software-itemb6 .software-fare,.software-itemb8 .software-fare{text-align:right; padding-left:0; }
.software-item8 .software-fare p,.software-item9 .software-fare p,.software-item10 .software-fare p,.software-item11 .software-fare p,.software-item12 .software-fare p,.software-item13 .software-fare p,.software-item14 .software-fare p,.software-itemb4 .software-fare p,.software-itemb5 .software-fare p,.software-itemb6 .software-fare p,.software-itemb8 .software-fare p{padding-right:25px;}
.software-item8{right: 26vw;top: 12vw;}
.software-item9{right: 24vw;top: 17vw;}
.software-item10{right: 23vw;top: 22vw;}
.software-item11{right: 13vw;top: 13vw;z-index:2}
.software-item12{z-index:2;right: 11vw;top: 19vw;}
.software-item13{z-index:2;right: 10vw;top: 25vw;}
.software-item14{z-index: 3;right: 24vw;top: 27vw;}
.software-itemb1{z-index:2;left: 13vw;top: 37vw;}
.software-itemb2{left: 11vw;top: 31vw;z-index: 2;}
.software-itemb3{z-index: 3;left: 26vw;top: 32vw;}
.software-itemb4{right: 11vw;top: 31vw;}
.software-itemb5{right: 26vw;top: 32vw;}
.software-itemb6{z-index:2;right: 13vw;top: 37vw;}
.software-itemb7{z-index: 3;left: 29vw;top: 37vw;}
.software-itemb8{right: 29vw;top: 37vw;}
.software-ico-list {
position: absolute;
left: 31%;
bottom: 5.99vw;
width: 38%;
}
.software-ico-item {
position: absolute;
left: 0;
top: 40px;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.software-ico-item.show {
opacity: 1;
visibility: visible;
position: relative;
pointer-events: visible;
top: 0;
transition: 0.5s;
}
.software-prev {
position: absolute;
top: 50%;
margin-top: -23px;
display: none;
width: 44px;
height: 44px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
text-align: center;
line-height: 44px;
color: #fff;
font-size: 16px;
}
.software-prev.prev {
left: 5%;
}
.software-prev.next {
right: 5%;
}
.software-ico-li {
display: flex;
justify-content: center;
}
.software-ico-li li {
margin-right: 4.58vw;
text-align: center;
}
.software-ico-li li:last-child {
margin-right: 0;
}
.software-ico-li li b {
display: block;
text-align: center;
}
.software-ico-li li b img {
display: inline-block;
width: auto;
height: 42px;
}
.software-ico-li li p {
margin-top: 22px;
color: #fff;
font-size: 18px;
}
.home-business {
padding: 8.07vw 0 10.42vw;
overflow: hidden;
}
.home-title {
text-align: center;
color: #3e3a39;
font-size: 2.71vw;
line-height: 1;
font-weight: bold;
}
.business-swiper {
position: relative;
width: 83.33vw;
margin-top: 4.17vw;
}
.business-slide {
position: relative;
width: 68.75%;
}
.business-slide.swiper-slide-active figure:before {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #004190 100%);
opacity: 0.7;
}
.business-slide.swiper-slide-active .business-home-info strong,
.business-slide.swiper-slide-active .business-home-info p,
.business-slide.swiper-slide-active .business-home-info .business-more {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.business-slide:hover figure img {
transform: scale(1.03);
}
.business-slide figure {
position: relative;
display: block;
padding-bottom: 58.18%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 0.94vw;
}
.business-slide figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.business-slide figure:before {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
content: "";
width: 100%;
height: 100%;
border-radius: 0.94vw;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #004190 100%);
background: rgba(255, 255, 255, 0.5);
transition: 0.55s;
}
.business-slide figure img {
border-radius: 0.94vw;
transition: 0.78s;
}
.business-home-info {
position: absolute;
left: 4.58vw;
right: 4.58vw;
bottom: 1.88vw;
z-index: 5;
}
.business-home-info strong {
display: block;
margin-bottom: 13px;
line-height: 1.2;
color: #fff;
font-size: 1.67vw;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: 0.5s 0.3s;
}
.business-home-info p {
color: #fff;
font-size: 16px;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: 0.5s 0.45s;
}
.business-more {
display: inline-flex;
align-items: center;
margin-top: 1.46vw;
opacity: 0;
visibility: hidden;
transform: translateY(30px);
transition: 0.5s 0.6s;
}
.business-more:hover i {
transform: translateX(4px);
}
.business-more b {
display: block;
position: relative;
width: 28px;
height: 28px;
background: #fff;
border-radius: 50%;
}
.business-more b:before {
position: absolute;
left: 50%;
top: 50%;
margin-left: -2px;
margin-top: -2px;
content: "";
width: 4px;
height: 4px;
background: #00a6e9;
border-radius: 50%;
}
.business-more p {
margin-left: 8px;
color: #fff;
font-size: 18px;
font-family: "Gilroy";
}
.business-more i {
display: inline-flex;
margin-left: 22px;
color: #fff;
line-height: 1;
font-size: 18px;
transition: 0.35s;
}
.business-prev {
position: absolute;
top: 50%;
margin-top: -2.19vw;
width: 4.38vw;
height: 4.38vw;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
}
.business-prev.prev {
left: 4.69vw;
}
.business-prev.next {
right: 4.69vw;
}
.business-prev:hover:before {
transform: scale(1);
}
.business-prev:before {
position: absolute;
left: 0;
top: 0;
z-index: -1;
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(0, 166, 233, 0.3);
transform: scale(0);
transition: 0.4s;
}
.business-prev b {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 62%;
height: 62%;
line-height: 62%;
border-radius: 50%;
background: #00a6e9;
color: #fff;
font-size: 18px;
font-weight: normal;
}
.news-dynamic {
padding: 8.23vw 8.33vw 7.81vw;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.home-title1 {
color: #fff;
}
.news-dynamic-list {
margin-top: 4.06vw;
display: flex;
flex-wrap: wrap;
}
.news-dynamic-list li {
margin-right: 2.3%;
width: 31.8%;
}
.news-dynamic-list li:nth-child(3n+3) {
margin-right: 0;
}
.news-dynamic-list li a {
display: block;
padding: 1.2vw 1.2vw 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
}
.news-dynamic-list li a figure {
position: relative;
display: block;
padding-bottom: 67%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 8px;
}
.news-dynamic-list li a figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.news-dynamic-list li a figure img {
border-radius: 8px;
transition: 0.68s;
}
.news-dynamic-list li a:hover figure img {
transform: scale(1.06);
}
.news-dynamic-list li a:hover .news-dynamic-text strong {
font-weight: bold;
}
.news-dynamic-text {
padding-top: 28px;
}
.news-dynamic-text strong {
display: block;
margin-bottom: 12px;
line-height: 1.1;
color: #fff;
font-size: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: normal;
transition: 0.2s;
}
.news-dynamic-text p {
color: #fff;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-dynamic-text time {
display: block;
margin-top: 2.19vw;
padding: 1.25vw 0;
display: flex;
align-items: center;
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
font-family: "Gilroy";
font-weight: bold;
font-size: 14px;
}
.news-dynamic-text time i {
display: inline-flex;
margin-right: 6px;
color: #fff;
font-style: normal;
font-size: 15px;
font-weight: normal;
}
.footer {
background: #29313a;
margin-top: -1px;
}
.footer-top {
padding: 22px 0;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-top-wrap {
padding: 0 8.33vw;
}
.footer-logo img {
display: inline-block;
line-height: 1;
width: auto;
height: 64px;
}
.footer-navs {
display: flex;
align-items: center;
}
.footer-navs-list {
display: flex;
padding-right: 2.08vw;
}
.footer-navs-list li {
position: relative;
padding: 0 2.29vw;
}
.footer-navs-list li:before {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
content: "";
width: 1px;
height: 16px;
background: #5d5958;
}
.footer-navs-list li:last-child:before {
display: none;
}
.footer-navs-list li a {
display: inline-block;
position: relative;
z-index: 2;
color: #fff;
font-size: 16px;
}
.footer-navs-list li a:before {
content: "";
width: 0;
height: 1px;
background: #fff;
position: absolute;
right: 0;
bottom: 0;
transition: 0.4s;
z-index: -1;
}
.footer-navs-list li a:hover,
.footer-navs-list li a.active {
color: #fff;
}
.footer-navs-list li a:hover:before,
.footer-navs-list li a.active:before {
width: 100%;
right: auto;
left: 0;
}
.footer-scroll {
color: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
transition: 0.3s;
}
.footer-scroll:hover {
transform: translateY(-3px);
}
.footer-address {
padding: 3.75vw 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.address-list {
display: flex;
}
.address-item {
position: relative;
padding-left: 30px;
margin-right: 7.29vw;
}
.address-item:last-child {
margin-right: 0;
}
.address-item i {
display: inline-block;
position: absolute;
left: 0;
top: 0;
line-height: 1;
color: rgba(255, 255, 255, 0.3);
font-size: 20px;
}
.address-item span {
display: block;
margin-bottom: 12px;
line-height: 20px;
color: rgba(255, 255, 255, 0.3);
font-size: 16px;
}
.address-item p {
line-height: 1;
color: #fff;
font-size: 18px;
}
.eq {
text-align: center;
}
.eq img {
display: inline-block;
width: 99px;
height: auto;
}
.eq p {
margin-top: 16px;
line-height: 1;
color: #fff;
font-size: 16px;
}
.footer-bottom {
padding: 0 8.33vw;
display: flex;
justify-content: space-between;
background: #1f252b;
}
.relative {
display: flex;
align-items: center;
}
.relative span,
.relative a {
display: inline-block;
margin-right: 10px;
color: #fff;
font-size: 16px;
opacity: 0.3;
}
.relative a:last-child {
margin-right: 0;
}
.relative a:hover {
opacity: 1;
}
.footer-copy {
display: flex;
flex-wrap: wrap;
padding: 15px 0;
}
.footer-copy p,
.footer-copy a {
color: #ffffff;
opacity: 0.3;
font-size: 16px;
}
.footer-copy p {
margin-right: 12px;
}
.footer-copy a:hover {
opacity: 1;
}
.software-info.article-block .software-item {
opacity: 0;
transform: scale(0);
transition: 0.68s 0.25s;
}
.software-info.articleShow .software-item {
opacity: 1;
transform: scale(1);
}
.software-info.articleShow .software-item:nth-child(5),
.software-info.articleShow .software-item:nth-child(6),
.software-info.articleShow .software-item:nth-child(7),
.software-info.articleShow .software-item:nth-child(16),
.software-info.articleShow .software-item:nth-child(17),
.software-info.articleShow .software-item:nth-child(8),
.software-info.articleShow .software-item:nth-child(9),
.software-info.articleShow .software-item:nth-child(10),
.software-info.articleShow .software-item:nth-child(18),
.software-info.articleShow .software-item:nth-child(19),
.software-info.articleShow .software-item:nth-child(21),
.software-info.articleShow .software-item:nth-child(22){
transition-delay: 0.5s;
}
.pbanner {
position: relative;
overflow: hidden;
}
.pbanner figure {
position: relative;
display: block;
padding-bottom: 100vh;
height: 0;
overflow: hidden;
line-height: 1;
}
.pbanner figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.ptext {
position: absolute;
left: 8.33vw;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.ptext .phide {
position: relative;
padding-bottom: 3.13vw;
margin-bottom: 3.39vw;
}
.ptext .phide:before,
.ptext .phide:after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 44px;
height: 4px;
background: #fff;
}
.ptext .phide:after {
left: 50px;
}
.ptext .phide strong {
display: block;
line-height: 1;
color: #fff;
font-size: 2.5vw;
font-weight: normal;
}
.ptext p {
color: #fff;
font-size: 1.25vw;
}
.product-introduct {
padding: 7.19vw 0 10.42vw;
}
.introduct-wrap {
margin: auto;
max-width: 90%;
width: 1240px;
}
.common-title {
position: relative;
padding-bottom: 30px;
text-align: center;
}
.common-title strong {
display: block;
margin-bottom: 22px;
line-height: 1;
color: #333333;
font-size: 2.5vw;
letter-spacing: 3px;
}
.common-title small {
display: block;
line-height: 1;
color: #aaaaaa;
font-size: 1.25vw;
text-transform: uppercase;
font-family: "Gilroy";
letter-spacing: 5px;
}
.common-title i {
display: block;
position: absolute;
left: 50%;
margin-left: -25px;
bottom: 0;
width: 50px;
height: 3px;
}
.common-title i:before,
.common-title i:after {
position: absolute;
bottom: 0;
content: "";
width: 24px;
height: 3px;
background: #103861;
}
.common-title i:before {
left: 0;
}
.common-title i:after {
right: 0;
background: #00a6e9;
}
.introduct-fix {
margin-top: 48px;
}
.introduct-info {
margin-bottom: 2.81vw;
text-align: center;
color: #666666;
font-size: 18px;
line-height: 2;
}
.introduct-imgs {
text-align: center;
}
.introduct-imgs img {
display: inline-block;
max-width: 100%;
width: auto;
height: auto;
}
.introducte-list {
position: relative;
z-index: 2;
overflow: hidden;
}
.introducte-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 105%;
z-index: -1;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.introducte-list {
position: relative;
display: flex;
width: 100%;
}
.introducte-list li {
width: 33.333%;
box-sizing: border-box;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.introducte-list li:last-child {
border-right: none;
}
.introducte-list li a {
display: block;
position: relative;
z-index: 2;
padding-bottom: 142.72%;
}
.introducte-list li a:hover:before {
opacity: 1;
visibility: visible;
}
.introducte-list li a:hover .introducte-wr {
top: 50%;
margin-top: 0;
transform: translateY(-50%);
}
.introducte-list li a:hover .introducte-wr .introducte-text,
.introducte-list li a:hover .introducte-wr .read-more {
opacity: 1;
visibility: visible;
transform: translateY(0);
transition-delay: 0.3s;
}
.introducte-list li a:hover .introducte-wr .read-more {
transition-delay: 0.6s;
}
.introducte-list li a:before {
position: absolute;
left: 0;
top: 0;
z-index: -1;
content: "";
width: 100%;
height: 100%;
background: rgba(2, 63, 143, 0.6);
opacity: 0;
visibility: hidden;
transition: 0.7s;
}
.introducte-wr {
position: absolute;
left: 50%;
margin-left: -161px;
top: 100%;
margin-top: -134px;
width: 322px;
text-align: center;
transition: 0.76s;
}
.introducte-wr strong {
position: relative;
display: block;
padding-bottom: 40px;
line-height: 1;
color: #fff;
font-size: 30px;
font-weight: normal;
}
.introducte-wr strong:before {
position: absolute;
left: 50%;
margin-left: -18px;
bottom: 0;
content: "";
width: 36px;
height: 2px;
background: #fff;
}
.introducte-wr .read-more {
transform: translateY(80px);
margin-top: 0;
opacity: 0;
visibility: hidden;
transition: 0.66s;
}
.introducte-text {
margin-top: 25px;
height: 11.98vw;
transform: translateY(80px);
opacity: 0;
visibility: hidden;
transition: 0.66s;
}
.introducte-text p {
color: #fefefe;
font-size: 16px;
line-height: 2.2;
}
.pbanner-inner figure {
padding-bottom: 36.45%;
}
.pbanner-inner .ptext .phide {
padding-bottom: 0;
margin-bottom: 1.67vw;
}
.pbanner-inner .ptext .phide:before,
.pbanner-inner .ptext .phide:after {
display: none;
}
.pbanner-inner .ptext p {
width: 685px;
}
.product-leval {
box-shadow: 0 0 18px rgba(170, 170, 170, 0.22);
}
.product-leval-list {
display: flex;
justify-content: center;
align-items: center;
height: 80px;
}
.product-leval-list li {
margin-right: 7.71vw;
}
.product-leval-list li:hover a,
.product-leval-list li.active a {
color: #103861;
font-weight: bold;
}
.product-leval-list li a {
display: inline-block;
color: #333333;
font-size: 18px;
}
.product-leval-list li:last-child {
margin-right: 0;
}
.wms-introducte {
padding: 7.03vw 8.33vw 9.38vw;
}
.wms-introducte-wrap {
margin-top: 4.69vw;
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: flex-start;
}
.wms-introducte-wrap:before {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
content: "";
width: 170px;
height: 170px;
background: url(../image/wmsbg1.png) center no-repeat;
background-size: cover;
}
.wms-introducte-imgs {
width: 45.375%;
}
.wms-introducte-imgs figure {
position: relative;
display: block;
padding-bottom: 67.63%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 18px;
}
.wms-introducte-imgs figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.wms-introducte-text {
padding-top: 3.85vw;
width: 46.25%;
}
.wms-introducte-text strong {
display: block;
margin-bottom: 25px;
line-height: 1.2;
color: #333333;
font-size: 1.46vw;
font-weight: normal;
}
.wms-introducte-text p {
color: #666666;
font-size: 18px;
line-height: 2;
}
.core-functions {
position: relative;
z-index: 3;
overflow: hidden;
padding: 7.19vw 0 8.59vw;
}
.core-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 106%;
z-index: -1;
background: url(../image/17.jpg) center no-repeat;
background-size: cover;
}
.common-title1 strong,
.common-title1 small {
color: #fff;
}
.core-hide {
margin-top: 68px;
padding-left: 8.33vw;
}
.core-hide .core-swiper {
overflow: visible;
}
.core-slide {
width: 19.27vw;
background: #fff;
border-radius: 20px;
height: auto;
}
.core-slide:nth-child(2n+2) .core-wrap b {
background: url(../image/core2.png) center no-repeat;
background-size: cover;
}
.core-slide:nth-child(3n+3) .core-wrap b {
background: url(../image/core3.png) center no-repeat;
background-size: cover;
}
.core-wrap {
padding: 3.91vw 2.6vw 2.92vw;
text-align: center;
}
.core-wrap b {
display: block;
margin: auto;
width: 6.98vw;
height: 6.77vw;
line-height: 6.77vw;
text-align: center;
color: #103861;
font-size: 2.5vw;
background: url(../image/core1.png) center no-repeat;
background-size: cover;
font-family: "Gilroy";
font-weight: bold;
}
.core-wrap strong {
display: block;
margin-top: 2.86vw;
margin-bottom: 1.04vw;
line-height: 1.2;
color: #103861;
font-size: 24px;
font-weight: normal;
}
.core-wrap p {
color: #666666;
font-size: 16px;
line-height: 2;
}
.superiority {
padding: 8.33vw 8.33vw 6.46vw;
}
.superiority-li {
margin-top: 3.85vw;
display: flex;
flex-wrap: wrap;
}
.superiority-li li {
box-sizing: border-box;
margin-right: 3.26%;
margin-bottom: 3.13vw;
width: 48.37%;
}
.superiority-li li:nth-child(2n+2) {
margin-right: 0;
}
.superiority-wrap {
padding: 19px 5.73vw 32px 2.34vw;
display: flex;
align-items: center;
border-radius: 10px;
box-shadow: 0 0 21px rgba(2, 63, 143, 0.07);
transition: 0.5s;
}
.superiority-wrap:hover {
box-shadow: 0 0 27px rgba(2, 63, 143, 0.2);
}
.superiority-icon {
position: relative;
width: 11.41vw;
height: 10.42vw;
background: url(../image/superiority.png) center no-repeat;
background-size: cover;
}
.superiority-icon b {
display: block;
position: absolute;
left: 0.6vw;
bottom: 3.45vw;
width: 100%;
text-align: center;
color: #3b6ade;
font-size: 2.08vw;
font-family: "Gilroy-bold";
font-weight: normal;
line-height: 1;
}
.superiority-text {
margin-left: 20px;
width: 0;
flex: 1;
}
.superiority-text strong {
display: block;
margin-bottom: 20px;
line-height: 1.2;
color: #333333;
font-size: 1.46vw;
font-weight: normal;
}
.superiority-text p {
color: #666666;
font-size: 16px;
}
.scemario {
padding: 8.02vw 8.33vw 10.42vw;
position: relative;
background: #f3f6f9 url(../image/scemariobg1.png) center top no-repeat;
background-size: 100% auto;
}
.scemario:before {
position: absolute;
left: 22px;
top: -12px;
z-index: 3;
content: "";
width: 19.48vw;
height: 19.48vw;
border-radius: 50%;
background: #fff;
pointer-events: none;
}
.scemario:after {
position: absolute;
right: 2.6vw;
bottom: 5.21vw;
z-index: 3;
content: "";
width: 11.35vw;
height: 11.35vw;
border-radius: 50%;
background: #fff;
pointer-events: none;
}
.scemario-tab {
margin-top: 3.13vw;
}
.scemario-btn {
display: flex;
justify-content: center;
border-bottom: 1px solid #dddddd;
}
.scemario-btn span {
display: inline-block;
position: relative;
z-index: 2;
padding: 14px 0;
line-height: 1;
margin-right: 13.23vw;
cursor: pointer;
color: #333333;
font-size: 24px;
}
.scemario-btn span:before {
content: "";
width: 0;
height: 3px;
background: #103861;
position: absolute;
right: 0;
bottom: 0;
transition: 0.4s;
z-index: -1;
}
.scemario-btn span:hover,
.scemario-btn span.active {
color: #103861;
}
.scemario-btn span:hover:before,
.scemario-btn span.active:before {
width: 100%;
right: auto;
left: 0;
}
.scemario-btn span:before {
bottom: -2px;
}
.scemario-btn span:last-child {
margin-right: 0;
}
.scemario-fix {
margin-top: 4.58vw;
}
.scemario-item {
display: none;
}
.scemario-item:first-child {
display: block;
}
.scemario-list {
display: flex;
flex-wrap: wrap;
}
.scemario-list li {
position: relative;
z-index: 3;
margin-right: 3.666%;
margin-bottom: 30px;
box-sizing: border-box;
padding: 3.85vw 2.86vw 2.6vw;
width: 22.25%;
background: #fff;
text-align: center;
border-radius: 10px;
}
.scemario-list li:hover:before {
opacity: 1;
visibility: visible;
}
.scemario-list li:hover strong {
color: #fff;
}
.scemario-list li:hover .scemario-info p {
color: #fff;
}
.scemario-list li:hover b {
-webkit-text-stroke: 1px #fff;
}
.scemario-list li:before {
position: absolute;
left: 0;
top: 0;
border-radius: 10px;
content: "";
width: 100%;
height: 100%;
background: url(../image/scemariobg2.png) center no-repeat;
background-size: cover;
z-index: -1;
transition: 0.65s;
opacity: 0;
visibility: hidden;
}
.scemario-list li:nth-child(4n+4) {
margin-right: 0;
}
.scemario-list li strong {
display: block;
margin-bottom: 28px;
line-height: 1;
color: #103861;
font-size: 24px;
font-weight: normal;
transition: 0.35s;
}
.scemario-list li b {
display: block;
line-height: 1;
color: transparent;
font-size: 3.75vw;
font-family: "Gilroy-bold";
font-weight: normal;
-webkit-text-stroke: 1px #103861;
transition: 0.35s;
}
.scemario-info {
padding-bottom: 20px;
min-height: 200px;
color: #666666;
font-size: 16px;
}
.scemario-info p {
transition: 0.35s;
}
.service-trade {
padding: 6.25vw 0 4.17vw;
}
.service-swiper {
margin-top: 3.33vw;
}
.service-slide {
position: relative;
width: 22.6vw;
line-height: 1;
}
.service-slide:hover figure img {
transform: scale(1.06);
}
.service-slide:hover .service-info {
margin-top: -244px;
}
.service-slide:hover .service-info b {
opacity: 1;
transform: scale(1) rotate(360deg);
visibility: visible;
}
.service-slide figure {
position: relative;
display: block;
padding-bottom: 161.29%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 10px;
}
.service-slide figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.service-slide figure:before {
position: absolute;
left: 0;
top: 0;
z-index: 2;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #103861 100%);
opacity: 0.7;
}
.service-slide figure img {
transition: 0.68s;
}
.service-info {
position: absolute;
left: 0;
top: 100%;
margin-top: -122px;
width: 100%;
text-align: center;
z-index: 5;
transition: 0.55s;
}
.service-info strong {
display: block;
margin-bottom: 18px;
line-height: 1;
color: #fff;
font-size: 1.46vw;
font-weight: normal;
}
.service-info small {
display: block;
line-height: 1;
color: #fff;
font-size: 18px;
text-transform: uppercase;
font-family: "Gilroy";
}
.service-info b {
display: block;
position: relative;
margin: auto;
margin-top: 2.6vw;
width: 3.33vw;
height: 3.33vw;
transform: scale(0);
visibility: hidden;
transition: 0.5s;
}
.service-info b:before {
position: absolute;
left: 50%;
top: 50%;
margin-left: -5px;
margin-top: -5px;
content: "";
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
}
.service-info b:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
background: url(../image/scemariobgc.png) center no-repeat;
background-size: cover;
}
.service-down {
padding: 4.69vw 8.33vw 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.service-down .swiper-pagination {
position: relative;
flex: 1;
margin-right: 50px;
height: 1px;
background: #e9e9e9;
}
.service-down .swiper-pagination .swiper-pagination-progressbar-fill {
background: #103861;
}
.service-btn {
display: flex;
}
.service-btn span {
display: inline-block;
margin-right: 17px;
width: 56px;
height: 56px;
text-align: center;
line-height: 56px;
border-radius: 50%;
background: #eeeeee;
cursor: pointer;
color: #b0b0b0;
font-size: 18px;
transition: 0.4s;
}
.service-btn span:hover {
background: #103861;
color: #fff;
}
.service-btn span:last-child {
margin-right: 0;
}
.customers {
padding: 4.17vw 8.33vw 10.68vw;
}
.customers-wrap {
margin-top: 3.65vw;
padding: 3.96vw 0 1.04vw;
box-shadow: 0 0 43px rgba(190, 197, 206, 0.22);
}
.customers-item {
margin-bottom: 1.77vw;
}
.customers-title {
display: flex;
align-items: center;
padding-right: 2.6vw;
}
.customers-title strong {
display: block;
padding-left: 2.71vw;
width: 11.46vw;
height: 76px;
line-height: 76px;
color: #fff;
font-size: 24px;
background: #103861;
border-radius: 0 10px 10px 0;
font-weight: normal;
}
.customers-line {
flex: 1;
margin-left: 38px;
width: 0;
display: flex;
align-items: center;
}
.customers-line small {
display: block;
margin-right: 20px;
color: #103861;
font-size: 24px;
font-family: "Gilroy";
}
.customers-line p {
flex: 1;
border-top: 1px dotted #9eb5d4;
}
.customers-li {
padding: 2.71vw 2.6vw 0;
display: flex;
flex-wrap: wrap;
}
.customers-li li {
margin-right: 1.8125%;
margin-bottom: 30px;
position: relative;
height: 100px;
width: 18.55%;
border-radius: 8px;
background: #f3f6f9;
transition: 0.3s;
}
.customers-li li:hover {
transform: translateY(-5px);
}
.customers-li li img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
max-width: 80%;
max-height: 80%;
}
.customers-li li:nth-child(5n+5) {
margin-right: 0;
}
.industry {
padding: 8.07vw 8.33vw 9.01vw;
position: relative;
z-index: 2;
background: #f3f6f9;
}
.industry:before {
position: absolute;
left: 0;
bottom: 5.63vw;
z-index: -1;
content: "";
width: 19.48vw;
height: 19.48vw;
border-radius: 50%;
background: #fff;
}
.industry-swiper {
margin-top: 4.58vw;
}
.industry-slide {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
}
.industry-imgs {
line-height: 1;
width: 50%;
}
.industry-imgs figure {
position: relative;
display: block;
padding-bottom: 72.125%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 10px;
}
.industry-imgs figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.industry-imgs figure img {
border-radius: 10px;
}
.industry-info {
margin-right: 5%;
width: 40%;
}
.industry-title {
margin-bottom: 3.13vw;
text-align: center;
}
.industry-title b {
display: block;
margin-bottom: 1.15vw;
line-height: 1;
color: #103861;
font-size: 2.92vw;
font-weight: normal;
color: transparent;
-webkit-text-stroke: 1px #103861;
font-family: "Gilroy-bold";
}
.industry-title strong {
display: block;
line-height: 1;
color: #103861;
font-size: 24px;
font-weight: normal;
}
.industry-li {
display: flex;
flex-wrap: wrap;
}
.industry-items {
box-sizing: border-box;
padding: 1.25vw 12px 1.25vw 4.17vw;
width: 50%;
border: 1px solid #dddddd;
margin-left: -1px;
margin-top: -1px;
}
.industry-items p {
margin-bottom: 0.94vw;
line-height: 1;
color: #999999;
font-size: 20px;
font-weight: bold;
}
.industry-items p b {
display: inline-block;
color: #103861;
font-size: 1.46vw;
}
.industry-items span {
display: block;
line-height: 1;
color: #999999;
font-size: 16px;
}
.industry-swiper .swiper-pagination {
position: relative;
bottom: 0;
line-height: 1;
margin-top: 3.44vw;
display: flex;
justify-content: center;
}
.industry-swiper .swiper-pagination .swiper-pagination-bullet {
margin: 0;
margin-right: 30px;
width: 56px;
height: auto;
padding: 10px 0;
line-height: 1;
text-align: center;
color: #103861;
font-size: 24px;
font-family: "Gilroy";
opacity: 0.3;
transition: 0.35s;
border: none;
background: none;
border-radius: 0;
border-bottom: 1px solid #103861;
}
.industry-swiper .swiper-pagination .swiper-pagination-bullet:last-child {
margin-right: 0;
}
.industry-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.architecture {
background: #f3f6f9;
}
.product-content {
padding-top: 5.99vw;
}
.product-items {
padding: 6.56vw 8.33vw 7.81vw;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.product-items:nth-child(2n+2) {
background: #f2f5f9;
flex-direction: row;
}
.product-items:nth-child(2n+2) figure {
width: 45.25%;
}
.product-items:nth-child(2n+2) .product-item-info {
width: 48%;
}
.product-items figure {
display: block;
line-height: 1;
width: 53.43%;
}
.product-items figure img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.product-item-info {
width: 42%;
}
.product-item-info strong {
display: block;
position: relative;
z-index: 2;
line-height: 1;
color: #103861;
font-size: 1.88vw;
}
.product-item-info strong:before {
position: absolute;
left: -3.54vw;
top: 50%;
margin-top: -3.57vw;
z-index: -1;
content: "";
width: 7.14vw;
height: 7.14vw;
background: url(../image/productbg.png) center no-repeat;
background-size: cover;
}
.product-item-content {
margin-top: 58px;
color: #666666;
font-size: 16px;
}
.product-item-content p {
position: relative;
margin-bottom: 12px;
padding-left: 42px;
background: url(../image/arrow1.png) left 5px no-repeat;
}
.product-item-content p b {
color: #103861;
}
.development {
padding: 6.98vw 8.33vw 5.21vw;
background: url(../image/51.png) center bottom no-repeat;
background-size: 100% auto;
}
.development-fix .introduct-info {
margin: auto;
margin-bottom: 5.21vw;
width: 1134px;
max-width: 100%;
}
.unified {
padding-top: 6.77vw;
overflow: hidden;
}
.unified-fix {
position: relative;
z-index: 3;
padding-top: 10.83vw;
padding-left: 8.33vw;
}
.unified-bg {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 40.83vw;
overflow-x: hidden;
}
.unified-bg img {
display: block;
width: 100%;
height: 110%;
object-fit: cover;
}
.unified-fix {
margin-top: 62px;
padding-bottom: 30px;
}
.unified-fix .unified-swiper {
overflow: visible;
}
.unified-info {
width: 640px;
}
.unified-info strong {
display: block;
position: relative;
padding-bottom: 38px;
margin-bottom: 26px;
line-height: 1;
color: #fff;
font-size: 28px;
font-weight: normal;
}
.unified-info strong:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 26px;
height: 2px;
background: #fff;
}
.unified-info p {
color: #ffffff;
font-size: 18px;
opacity: 0.5;
}
.unified-swiper {
margin-top: 8.65vw;
}
.unified-slide {
padding: 3.91vw 2.34vw 4.17vw;
width: 18.23vw;
box-sizing: border-box;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 1.98vw rgba(2, 63, 143, 0.08);
text-align: center;
height: auto;
}
.unified-slide b {
display: block;
line-height: 1;
color: #587bf7;
font-size: 1.88vw;
font-weight: normal;
font-family: "Gilroy-bold";
}
.unified-slide span {
display: block;
margin: auto;
margin-bottom: 2.08vw;
width: 9.27vw;
height: 6.56vw;
background: url(../image/unified.png) center no-repeat;
background-size: cover;
}
.unified-slide p {
color: #666666;
font-size: 16px;
}
.twins {
padding-top: 9vw;
padding-bottom: 9.01vw;
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}
.twins-wrap {
margin-top: 42px;
}
.twins-wrap .introduct-info {
margin: auto;
width: 1230px;
max-width: 100%;
}
.twins-title {
position: relative;
margin: auto;
box-sizing: border-box;
padding-left: 126px;
margin-top: 4.79vw;
width: 754px;
height: 82px;
background: #fff;
border-radius: 41px;
box-shadow: 0 0 1.98vw rgba(2, 63, 143, 0.08);
}
.twins-title:before {
position: absolute;
left: -32px;
top: 50%;
margin-top: -80px;
content: "";
width: 188px;
height: 159px;
background: url(../image/twins2.png) center no-repeat;
}
.twins-title strong {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
height: 100%;
color: #00a6e9;
font-size: 20px;
}
.twins-title b {
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -52px;
padding-left: 16px;
width: 125px;
height: 104px;
line-height: 104px;
box-sizing: border-box;
background: url(../image/twins1.png) center no-repeat;
color: #fff;
font-size: 20px;
}
.twins-tab {
position: relative;
margin-top: 4.17vw;
overflow: hidden;
}
.twins-bgs {
margin: auto;
position: relative;
z-index: 10;
width: 40.94vw;
pointer-events: none;
}
.twins-bgs img {
display: block;
width: 100%;
height: auto;
}
.twins-swiper {
position: absolute;
left: -7.5vw;
width: 115vw;
top: 1.46vw;
}
.twins-slide {
position: relative;
width: 33.33vw;
}
.twins-slide.swiper-slide-active figure {
transform: scale(1);
}
.twins-slide figure {
transform: scale(0.7);
position: relative;
display: block;
padding-bottom: 48.57%;
height: 0;
overflow: hidden;
line-height: 1;
transition: 0.5s;
}
.twins-slide figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.management {
padding: 8.13vw 0 8.85vw;
position: relative;
z-index: 3;
background: #f3f6f9;
}
.management:before {
position: absolute;
left: 0;
top: 0;
z-index: -1;
content: "";
width: 100%;
height: 23.96vw;
background: #fff;
}
.management-info {
position: relative;
z-index: 1;
margin-top: 3.96vw;
padding-right: 8.33vw;
display: flex;
justify-content: space-between;
align-items: center;
}
.management-info:before {
position: absolute;
right: -5.73vw;
bottom: -8.23vw;
z-index: -1;
content: "";
width: 20.21vw;
height: 20.21vw;
border-radius: 50%;
background: #fff;
}
.management-imgs {
width: 44.88%;
line-height: 1;
}
.management-imgs img {
display: block;
width: 100%;
height: auto;
border: 0 20px 20px 0;
}
.management-text {
box-sizing: border-box;
position: relative;
z-index: 2;
padding-right: 4.58vw;
width: 47.44%;
}
.management-text:before {
position: absolute;
right: 0;
top: -3.33vw;
content: "";
width: 6.41vw;
height: 5.42vw;
background: url(../image/arrow2.png) center no-repeat;
background-size: cover;
}
.management-text:after {
position: absolute;
left: -4.79vw;
top: -3.96vw;
z-index: -1;
content: "";
width: 9.79vw;
height: 9.79vw;
border-radius: 50%;
background: #fff;
}
.management-text strong {
display: block;
margin-bottom: 1.35vw;
line-height: 1;
color: #103861;
font-size: 1.67vw;
}
.management-dit {
display: flex;
flex-wrap: wrap;
margin-bottom: 1.77vw;
}
.management-dit span {
display: inline-block;
margin-right: 20px;
padding: 0 12px;
color: #00a6e9;
font-size: 18px;
height: 28px;
line-height: 28px;
border-radius: 5px;
background: rgba(0, 166, 233, 0.1);
}
.management-down {
color: #666666;
font-size: 18px;
line-height: 2;
}
.characteristic {
padding: 7.03vw 8.33vw 0;
}
.characteristic-title {
display: block;
margin-bottom: 3.23vw;
line-height: 1;
text-align: center;
color: #103861;
font-size: 32px;
}
.characteristic-li {
display: flex;
flex-wrap: wrap;
}
.characteristic-li li {
margin-right: 2.195%;
margin-bottom: 38px;
padding: 2.08vw 1.88vw 2.08vw;
position: relative;
display: flex;
align-items: flex-end;
height: 200px;
box-sizing: border-box;
width: 31.87%;
background: #fff;
box-shadow: 0 0 1.98vw rgba(2, 63, 143, 0.08);
border-radius: 10px;
overflow: hidden;
transition: 0.5s;
}
.characteristic-li li:nth-child(3n+3) {
margin-right: 0;
}
.characteristic-li li:hover {
background: #103861 url(../image/characteristic.png) center bottom no-repeat;
background-size: 100% auto;
}
.characteristic-li li:hover b {
color: #103861;
}
.characteristic-li li:hover b:before {
background: #fff;
}
.characteristic-li li:hover .characteristic-text p {
color: #fff;
}
.characteristic-li li b {
display: block;
position: absolute;
text-align: center;
right: 0;
top: 0;
z-index: 2;
width: 52px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 18px;
font-weight: normal;
font-family: "Gilroy-bold";
transition: 0.35s;
}
.characteristic-li li b:before {
position: absolute;
right: -18px;
top: -24px;
content: "";
width: 70px;
height: 70px;
background: #103861;
border-radius: 50%;
z-index: -1;
transition: 0.35s;
}
.characteristic-text {
color: #666666;
font-size: 18px;
transition: 0.3s;
}
.characteristic-text p {
transition: 0.35s;
}
.shelves {
padding: 6.98vw 0 0 8.33vw;
}
.integrate-title {
display: block;
margin-bottom: 38px;
line-height: 1;
color: #103861;
font-size: 42px;
}
.shelves-slide {
width: 22.19vw;
}
.shelves-slide figure {
position: relative;
display: block;
padding-bottom: 69.17%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 1.04vw;
}
.shelves-slide figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.shelves-slide figure:hover img {
transform: scale(1.05);
}
.shelves-slide figure img {
transition: 0.75s;
}
.shelves-down {
padding-left: 0;
}
.shelves-down .service-btn {
margin-left: 0;
margin-right: 48px;
}
.stacker {
padding: 7.81vw 8.33vw 0;
}
.integrate-list {
display: flex;
flex-wrap: wrap;
}
.integrate-list li {
margin-right: 2.5%;
box-sizing: border-box;
padding: 2.92vw 0 1.98vw;
width: 23.12%;
background: #f3f6f9;
border-radius: 15px;
text-align: center;
}
.integrate-list li:nth-child(4n+4) {
margin-right: 0;
}
.integrate-list li figure {
position: relative;
padding-bottom: 20.31vw;
line-height: 1;
text-align: center;
}
.integrate-list li figure img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.integrate-list li p {
margin-top: 2.19vw;
color: #103861;
font-size: 20px;
}
.stacker-name {
display: flex;
justify-content: space-between;
margin-top: 4.58vw;
}
.stacker-name-item {
display: flex;
align-items: center;
box-sizing: border-box;
padding: 0 2.08vw;
width: 48.75%;
box-shadow: 0 0 21px rgba(2, 63, 143, 0.07);
border-radius: 8px;
height: 74px;
}
.stacker-name-item p {
flex: 1;
padding-left: 38px;
color: #333333;
font-size: 20px;
background: url(../image/arrow1.png) left center no-repeat;
line-height: 1.5;
}
.tracked {
padding: 7.81vw 8.33vw 0;
}
.tracked-top {
margin-bottom: 3.85vw;
}
.tracked-top p {
color: #666666;
font-size: 16px;
}
.tracked-list {
display: flex;
flex-wrap: wrap;
}
.tracked-item {
box-sizing: border-box;
padding: 0 2.4vw 3.02vw;
width: 49%;
margin-right: 2%;
background: #f3f6f9;
border-radius: 15px;
}
.tracked-item:nth-child(2n+2) {
margin-right: 0;
}
.tracked-item figure {
position: relative;
line-height: 1;
padding-bottom: 22.92vw;
}
.tracked-item figure img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
max-width: 90%;
max-height: 80%;
}
.tracked-name {
display: flex;
justify-content: space-between;
}
.tracked-name p {
padding-left: 32px;
color: #333333;
font-size: 20px;
background: url(../image/arrow1.png) left center no-repeat;
}
.deliver {
padding: 7.5vw 0 0 8.33vw;
}
.shelves-slide p {
margin-top: 26px;
text-align: center;
color: #103861;
font-size: 20px;
}
.equipment {
padding: 7.81vw 8.33vw 0;
}
.equipment-info {
display: flex;
justify-content: space-between;
align-items: center;
}
.equipment-imgs {
width: 26.75%;
border-radius: 10px;
background: #f2fafe;
}
.equipment-imgs img {
display: block;
width: 100%;
height: auto;
}
.equipment-text {
width: auto;
flex: 1;
margin-left: 7.03vw;
}
.equipment-text p {
padding-left: 40px;
margin-bottom: 30px;
color: #666666;
font-size: 16px;
background: url(../image/arrow1.png) left 6px no-repeat;
}
.other-class {
padding: 7.81vw 0 6.88vw 8.33vw;
}
.other-slide {
width: 19.27vw;
padding-bottom: 3.13vw;
border-radius: 20px;
background: #f3f6f9;
text-align: center;
}
.other-slide figure {
position: relative;
line-height: 1;
padding-bottom: 19.79vw;
}
.other-slide figure img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
max-width: 80%;
max-height: 80%;
}
.other-slide p {
padding: 0 12px;
color: #103861;
font-size: 20px;
}
.solve-item {
padding: 4.69vw 0 4.69vw;
margin: 0 8.33vw;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
background: url(../image/line2.png) left bottom repeat-x;
}
.solve-item:nth-child(2n+2) {
flex-direction: row;
}
.solve-imgs {
position: relative;
line-height: 1;
width: 41.25%;
}
.solve-imgs .solve-bg {
display: block;
width: 100%;
height: auto;
}
.solve-imgs .solve-fix {
display: block;
position: absolute;
left: 3.33%;
top: 4.89%;
width: 93.63%;
}
.solve-info {
padding-top: 2.81vw;
width: 42.5%;
}
.solve-info strong {
display: block;
margin-bottom: 38px;
line-height: 1.2;
color: #333333;
font-size: 24px;
}
.solve-info p {
color: #666666;
font-size: 16px;
line-height: 2;
}
.industry-fixs {
margin-top: 7.6vw;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: flex-start;
}
.industry-img {
width: 51.125%;
}
.industry-img img {
display: block;
width: 100%;
height: auto;
}
.industry-texts {
position: relative;
padding-top: 6.77vw;
width: 41.75%;
}
.industry-texts:before {
position: absolute;
left: 0;
top: -37px;
content: "";
width: 69px;
height: 57px;
background: url(../image/arrow3.png) center no-repeat;
}
.industry-texts p {
color: #666666;
font-size: 18px;
line-height: 2.2;
}
.industry-texts {
padding-top: 70px;
}
.industry-tt {
margin-bottom: 2.4vw;
}
.industry-tt strong {
display: block;
line-height: 1.8;
color: #103861;
font-size: 24px;
}
.industry-tt strong.intitle-color {
color: #333333;
font-weight: normal;
}
.solute-top {
margin-top: 34px;
}
.digitalize {
padding: 6.15vw 8.33vw 0;
}
.digitalize-top {
margin: auto;
margin-bottom: 32px;
text-align: center;
width: 1100px;
max-width: 100%;
}
.digitalize-top strong {
display: block;
margin-bottom: 24px;
line-height: 1.2;
color: #103861;
font-size: 32px;
}
.digitalize-top p {
color: #666666;
font-size: 18px;
line-height: 2;
}
.digitalize-list {
display: flex;
flex-wrap: wrap;
}
.digitalize-list li {
padding-right: 3.125%;
position: relative;
z-index: 2;
width: 22.5%;
}
.digitalize-list li:before {
position: absolute;
left: 0;
top: 80px;
z-index: -1;
content: "";
width: 100%;
height: 1px;
background: #103861;
opacity: 0.1;
}
.digitalize-list li:nth-child(4n+4) {
padding-right: 0;
}
.digitalize-wrap {
padding: 35px 38px 4.38vw;
box-shadow: 0 0 38px rgba(2, 63, 143, 0.08);
border-radius: 10px;
text-align: center;
box-sizing: border-box;
height: 100%;
}
.digitalize-wrap strong {
display: block;
margin-top: 20px;
margin-bottom: 20px;
color: #103861;
font-size: 18px;
}
.digitalize-wrap p {
color: #999999;
font-size: 16px;
line-height: 2;
}
.digitalize-numble {
position: relative;
margin: auto;
width: 88px;
height: 88px;
border: 1px double #103861;
border-radius: 50%;
text-align: center;
}
.digitalize-numble b {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
width: 66px;
height: 66px;
border-radius: 50%;
background: #103861;
text-align: center;
line-height: 66px;
color: #fff;
font-size: 24px;
font-weight: normal;
font-family: "Gilroy-bold";
}
.news-tops {
padding: 6.98vw 8.33vw 3.96vw;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.news-tops-swiper .swiper-pagination {
position: relative;
bottom: 0;
line-height: 1;
margin-top: 4.06vw;
}
.news-tops-swiper .swiper-pagination .swiper-pagination-bullet {
margin: 0 17px;
width: 7px;
height: 7px;
background: none;
border: 1px solid #103861;
opacity: 1;
}
.news-tops-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #103861;
}
.news-slide {
background: #fff;
border-radius: 10px;
}
.news-slide a {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
padding: 34px 30px 34px 4.69vw;
}
.news-slide a:hover .news-imgs figure img {
transform: scale(1.06);
}
.news-slide a:hover .news-texts span:before {
width: 100%;
right: auto;
left: 0;
}
.news-imgs {
width: 49.59%;
}
.news-imgs figure {
position: relative;
display: block;
padding-bottom: 52.32%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 10px;
}
.news-imgs figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.news-imgs figure img {
transition: 0.68s;
}
.news-texts {
width: 43.78%;
}
.news-texts time {
display: block;
margin-bottom: 1.25vw;
line-height: 1;
color: #999999;
font-size: 16px;
font-family: "Gilroy-bold";
}
.news-texts strong {
display: block;
margin-bottom: 24px;
color: #103861;
line-height: 1.2;
font-size: 24px;
}
.news-texts p {
color: #666666;
font-size: 16px;
line-height: 2;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.news-texts span {
display: inline-block;
position: relative;
z-index: 2;
margin-top: 1.56vw;
color: #103861;
font-size: 16px;
}
.news-texts span:before {
position: absolute;
right: 0;
bottom: 0;
content: "";
width: 0;
height: 1px;
background: #103861;
transition: 0.35s;
}
.news-box-fix {
padding: 8.23vw 8.33vw 6.25vw;
}
.news-li {
margin-top: 0;
}
.news-li li {
margin-bottom: 3.54vw;
}
.news-li li a {
border-color: #dddddd;
}
.news-li li a:hover .news-dynamic-text strong {
color: #103861;
}
.news-li li a .news-dynamic-text strong {
color: #333333;
}
.news-li li a .news-dynamic-text p {
color: #999999;
}
.news-li li a .news-dynamic-text time {
color: #aaaaaa;
border-top: 1px solid #dddddd;
}
.news-li li a .news-dynamic-text time i {
color: #aaaaaa;
}
.pages {
display: flex;
justify-content: center;
}
.pages a {
display: inline-block;
position: relative;
z-index: 2;
padding: 5px;
line-height: 1;
margin-right: 1.35vw;
color: #333333;
font-size: 16px;
}
.pages a:before {
content: "";
width: 0;
height: 1px;
background: #103861;
position: absolute;
right: 0;
bottom: 0;
transition: 0.4s;
z-index: -1;
}
.pages a:hover,
.pages a.active {
color: #103861;
}
.pages a:hover:before,
.pages a.active:before {
width: 100%;
right: auto;
left: 0;
}
.pages a:last-child {
margin-right: 0;
}
.news-view {
padding: 7.08vw 8.33vw 6.25vw;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.news-v {
width: 59.125%;
}
.news-v-top {
padding-bottom: 18px;
border-bottom: 1px solid #ececec;
}
.news-v-top strong {
display: block;
margin-bottom: 15px;
line-height: 1.2;
color: #103861;
font-size: 1.88vw;
font-weight: normal;
}
.news-v-top p {
display: flex;
}
.news-v-top p span {
display: inline-block;
margin-right: 1.67vw;
color: #999999;
font-size: 16px;
}
.news-v-info {
padding: 4.48vw 0 4.43vw;
color: #666666;
font-size: 2;
font-size: 16px;
}
.news-prev p {
padding-left: 18px;
margin-bottom: 10px;
}
.news-prev p a {
display: inline-block;
color: #999999;
font-size: 16px;
}
.news-prev p a:hover {
color: #103861;
}
.news-flex {
width: 31.625%;
}
.news-flex .news-li {
margin-bottom: 0;
}
.news-flex .news-li li {
margin-right: 0;
margin-bottom: 0;
width: 100%;
}
.news-li-view {
margin-top: 2.92vw;
margin-left: 22px;
}
.news-li-view li {
margin-bottom: 15px;
}
.news-li-view li a {
display: block;
position: relative;
padding-left: 18px;
color: #333333;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-li-view li a:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
content: "";
width: 4px;
height: 4px;
background: #dddddd;
transition: 0.3s;
border-radius: 50%;
}
.news-li-view li a:hover {
color: #103861;
}
.news-li-view li a:hover:before {
background: #103861;
}
.case-boxs {
padding: 7.19vw 8.33vw 3.23vw;
background: #f6f6f6;
}
.case-list {
display: flex;
flex-wrap: wrap;
}
.case-list li {
margin-right: 3.09%;
margin-bottom: 3.75vw;
box-sizing: border-box;
padding: 1.88vw 2.08vw 0;
width: 22.68%;
background: #fff;
border: 0.94vw;
transition: 0.5s;
border-radius: 0.94vw;
cursor: pointer;
}
.case-list li:nth-child(4n+4) {
margin-right: 0;
}
.case-list li:hover {
background: #103861;
}
.case-list li:hover strong {
color: #fff;
}
.case-list li:hover .case-info p {
color: #fff;
}
.case-list li:hover .case-posite p {
color: #fff;
}
.case-list li strong {
display: block;
margin-bottom: 38px;
line-height: 1;
color: #333333;
font-size: 22px;
font-weight: normal;
transition: 0.4s;
}
.case-info {
height: 194px;
border-bottom: 1px solid #dddddd;
color: #666666;
font-size: 16px;
line-height: 2.1;
}
.case-info p {
transition: 0.4s;
}
.case-posite {
padding: 24px 0;
}
.case-posite p {
color: #cccccc;
font-size: 16px;
transition: 0.4s;
}
.pop-case {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.88s;
}
.pop-case.show {
opacity: 1;
visibility: visible;
pointer-events: visible;
}
.popbg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(0, 0, 0, 0.5);
}
.case-content {
position: absolute;
left: 50%;
margin-left: -657px;
max-height: 90vh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
top: 50%;
transform: translateY(-50%);
box-sizing: border-box;
padding: 5.1vw 5.21vw 4.69vw;
width: 1314px;
background: #fff;
}
.case-content-top {
margin-bottom: 3.75vw;
}
.case-content-top strong {
display: block;
margin-bottom: 20px;
line-height: 1.2;
color: #103861;
font-size: 1.88vw;
font-weight: normal;
}
.case-content-top p {
display: flex;
}
.case-content-top p span {
display: inline-block;
margin-right: 6.77vw;
color: #999999;
font-size: 16px;
}
.case-content-top p span:last-child {
margin-right: 0;
}
.case-content-text {
color: #666666;
font-size: 16px;
line-height: 2.1;
}
.case-content-text strong {
color: #333333;
}
.case-email {
margin-top: 1.88vw;
color: #103861;
font-size: 16px;
}
.case-close {
position: absolute;
right: 36px;
top: 24px;
display: flex;
align-items: center;
cursor: pointer;
}
.case-close:hover i {
transform: rotate(180deg);
}
.case-close i {
display: inline-block;
margin-right: 10px;
color: #103861;
font-size: 18px;
font-weight: bold;
transition: 0.35s;
}
.case-close span {
display: inline-block;
color: #103861;
font-size: 16px;
}
.case-box-fix {
padding: 9.48vw 8.33vw 1px;
}
.case-lists li {
margin-bottom: 8.85vw;
position: relative;
z-index: 3;
}
.case-lists li:before {
position: absolute;
left: 0;
right: 4.58vw;
top: 6.98vw;
bottom: 0;
content: "";
z-index: -1;
box-shadow: 0 0 1.98vw rgba(2, 63, 143, 0.08);
}
.case-lists li a {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row-reverse;
position: relative;
z-index: 3;
padding-left: 4.58vw;
}
.case-lists li a:before {
position: absolute;
left: 4.58vw;
top: 0;
content: "";
width: 69px;
height: 57px;
background: url(../image/arrow3.png) center no-repeat;
}
.case-lists li:nth-child(2n+2):before {
left: 4.58vw;
right: 0;
}
.case-lists li:nth-child(2n+2) a {
padding-left: 0;
padding-right: 4.58vw;
flex-direction: row;
}
.case-lists li:nth-child(2n+2) a:before {
left: auto;
right: 47%;
}
.case-imgs {
width: 40%;
}
.case-imgs figure {
position: relative;
display: block;
padding-bottom: 62.5%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 1.04vw;
}
.case-imgs figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.case-texts {
margin-top: 6.98vw;
padding: 5vw 0 5.94vw;
width: 48.87%;
}
.case-texts strong {
display: block;
margin-bottom: 1.67vw;
line-height: 1.1;
color: #103861;
font-size: 24px;
font-weight: normal;
}
.case-texts p {
color: #666666;
font-size: 16px;
line-height: 42px;
}
.cooperate-box {
padding: 8.33vw 8.33vw 10.42vw;
}
.cooperate-list {
display: flex;
flex-wrap: wrap;
}
.cooperate-list li {
margin-right: 1.7187%;
margin-bottom: 26px;
width: 18.625%;
background: #f3f6f9;
border-radius: 8px;
transition: 0.4s;
}
.cooperate-list li:hover {
transform: translateY(-8px);
}
.cooperate-list li:nth-child(5n+5) {
margin-right: 0;
}
.cooperate-list li figure {
position: relative;
height: 106px;
text-align: center;
}
.cooperate-list li figure img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
max-width: 90%;
max-height: 90%;
}
.about-introduct {
padding: 9.64vw 8.33vw 9.9vw;
position: relative;
z-index: 3;
overflow: hidden;
}
.about-en {
position: absolute;
left: -6.25vw;
top: 0;
z-index: -1;
line-height: 1;
color: #f3f6f9;
font-size: 8.75vw;
font-family: "Gilroy-bold";
}
.about-tab-wr {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: row-reverse;
}
.about-tab-item {
display: none;
}
.about-tab-item:first-child {
display: block;
}
.about-tab-imgs {
position: relative;
z-index: 2;
width: 41.125%;
}
.about-tab-imgs:before {
position: absolute;
left: -3.75vw;
top: -2.86vw;
content: "";
width: 9.38vw;
height: 8.91vw;
background: url(../image/dits.png) center no-repeat;
}
.about-tab-imgs figure {
position: relative;
display: block;
padding-bottom: 91.18%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 1.04vw;
}
.about-tab-imgs figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.about-us-text {
position: relative;
padding-top: 4.69vw;
width: 51.5%;
padding-bottom: 50px;
}
.about-us-text strong {
display: block;
margin-bottom: 32px;
line-height: 1;
color: #3e3a39;
font-size: 2.5vw;
font-weight: bold;
}
.about-us-text p {
color: #666666;
font-size: 16px;
line-height: 40px;
}
.abouts-fix-tab {
position: relative;
}
.about-btns {
position: absolute;
left: 30px;
bottom: 0;
width: 56.875%;
z-index: 10;
box-sizing: border-box;
display: flex;
justify-content: space-between;
padding-right: 6.25vw;
border-bottom: 1px solid #ececec;
}
.about-btns span {
position: relative;
z-index: 2;
padding: 11px 0 18px;
cursor: pointer;
color: #333333;
font-size: 18px;
line-height: 1;
transition: 0.35s;
}
.about-btns span:before {
bottom: -1px;
content: "";
position: absolute;
left: 20px;
right: 0;
height: 2px;
background: #00a6e9;
transform: scaleX(0);
transition: 0.4s;
}
.about-btns span:hover,
.about-btns span.active {
color: #103861;
font-weight: bold;
}
.about-btns span:hover:before,
.about-btns span.active:before {
transform: scaleX(1);
}
.about-btns span:hover i:before,
.about-btns span.active i:before {
background: #fff;
}
.about-btns span:hover i:after,
.about-btns span.active i:after {
transform: scale(1);
}
.about-btns span:before {
bottom: -1px;
}
.about-btns span i {
display: inline-block;
position: relative;
vertical-align: middle;
margin-right: 10px;
z-index: -1;
width: 7px;
height: 7px;
border-radius: 50%;
}
.about-btns span i:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
background: #ddd;
border-radius: 50%;
z-index: 2;
transition: 0.3s;
}
.about-btns span i:after {
position: absolute;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
content: "";
width: 40px;
height: 40px;
background: rgba(0, 166, 233, 0.2);
border-radius: 50%;
transform: scale(0);
transition: 0.35s;
}
.about-culture {
position: relative;
z-index: 3;
padding: 6.56vw 0 9.64vw;
overflow: hidden;
}
.culture-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 110%;
z-index: -1;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.about-title {
text-align: center;
}
.about-title strong {
display: block;
line-height: 1;
color: #fff;
font-size: 2.5vw;
}
.about-title small {
display: block;
margin-top: 14px;
line-height: 1;
color: #fff;
font-size: 20px;
font-family: "Gilroy";
}
.culture-wraps {
margin-top: 50px;
position: relative;
}
.culture-swiper {
margin: auto;
width: 49.11vw;
}
.cultures-slide figure {
position: relative;
display: block;
padding-bottom: 54.5%;
height: 0;
overflow: hidden;
line-height: 1;
border-radius: 1.04vw;
}
.cultures-slide figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.cultures-slide p {
position: absolute;
left: 0;
bottom: 18px;
width: 100%;
z-index: 4;
text-align: center;
color: #fff;
font-size: 18px;
}
.culture-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 15.63vw;
z-index: 10;
cursor: pointer;
}
.culture-prev figure {
border-radius: 0.94vw;
position: relative;
display: block;
padding-bottom: 54.333%;
height: 0;
overflow: hidden;
line-height: 1;
}
.culture-prev figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.culture-prev figure:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 100%;
height: 100%;
z-index: 2;
background: rgba(0, 0, 0, 0.5);
}
.culture-prev.prev {
left: 5.73vw;
}
.culture-prev.next {
right: 5.73vw;
}
.culture-prev.next .culture-text {
flex-direction: row-reverse;
}
.culture-prev.next .culture-text i {
margin-right: 0;
margin-left: 16px;
}
.culture-text {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
display: flex;
justify-content: center;
z-index: 3;
}
.culture-text i {
display: inline-block;
margin-right: 16px;
color: #fff;
font-size: 16px;
}
.culture-text span {
display: inline-block;
color: #fff;
font-size: 16px;
}
.honors-box {
padding: 5.99vw 8.33vw 9.11vw;
}
.honor-wrap-fix {
margin-top: 5.94vw;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.about-title1 strong {
color: #3e3a39;
}
.about-title1 small {
color: #333333;
}
.honor-swiper {
margin: 0;
margin-top: 34px;
width: 52%;
}
.honor-slide {
width: 47.65%;
text-align: center;
}
.honor-slide.swiper-slide-active figure {
opacity: 1;
}
.honor-slide.swiper-slide-active p {
opacity: 1;
visibility: visible;
}
.honor-slide.swiper-slide-prev figure,
.honor-slide.swiper-slide-next figure {
opacity: 0.5;
}
.honor-slide figure {
position: relative;
line-height: 1;
padding-bottom: 138%;
text-align: center;
opacity: 0;
transition: 0.5s;
}
.honor-slide figure img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.honor-slide p {
margin-top: 23px;
color: #333333;
font-size: 18px;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.honor-hide {
box-sizing: border-box;
padding-right: 38px;
padding-top: 55px;
width: 36%;
}
.honor-hide::-webkit-scrollbar {
width: 1px;
background-color: #ececec;
}
.honor-hide::-webkit-scrollbar-track {
border-radius: 1px;
background-color: #ececec;
}
.honor-hide::-webkit-scrollbar-thumb {
background-color: #103861;
}
.honor-wr {
position: relative;
}
.honor-btns {
position: absolute;
right: 0;
top: 0;
z-index: 3;
width: 36%;
display: flex;
align-items: center;
}
.honor-btns span {
margin-right: 3vw;
position: relative;
display: inline-block;
font-size: 1.15vw;
color: #999999;
cursor: pointer;
z-index: 3;
transition: 0.3s;
}
.honor-btns span:last-child:before {
display: none;
}
.honor-btns span:before {
position: absolute;
right: -1.5vw;
top: 50%;
margin-top: -0.62vw;
content: "";
width: 2px;
height: 1.25vw;
background: #999;
}
.honor-btns span:hover {
color: #103861;
}
.honor-btns span.active {
color: #103861;
font-size: 1.35vw;
}
.honor-btns span:last-child {
margin-right: 0;
}
.honor-li li {
cursor: pointer;
border-bottom: 1px dotted #ececec;
}
.honor-li li:hover .honor-line:before,
.honor-li li.active .honor-line:before {
width: 100%;
}
.honor-li li:hover .honor-line b,
.honor-li li.active .honor-line b,
.honor-li li:hover .honor-line p,
.honor-li li.active .honor-line p {
color: #103861;
}
.honor-line {
display: flex;
padding: 26px 0;
align-items: center;
position: relative;
}
.honor-line:before {
position: absolute;
left: 0;
bottom: -1px;
content: "";
width: 100%;
height: 1px;
background: #103861;
width: 0;
transition: 0.65s;
}
.honor-line b {
display: inline-block;
padding-left: 2px;
box-sizing: border-box;
width: 72px;
color: #999999;
font-size: 18px;
font-weight: normal;
font-family: "Gilroy-bold";
transition: 0.3s;
}
.honor-line p {
color: #333333;
font-size: 18px;
transition: 0.3s;
}
.contact-us {
padding: 9.64vw 8.33vw 7.81vw;
background: url(../image/contact1.png) center top no-repeat;
background-size: 100% auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.contact-info {
width: 45.625%;
}
.contact-title {
position: relative;
z-index: 2;
padding-top: 2.6vw;
}
.contact-title strong {
display: block;
line-height: 1;
font-size: 2.5vw;
color: #3e3a39;
}
.contact-title small {
display: block;
position: absolute;
left: -8px;
bottom: 7px;
z-index: -1;
line-height: 0.8;
color: #e7effd;
font-size: 8.75vw;
font-family: "Gilroy-bold";
}
.contact-address {
margin-top: 3.13vw;
padding-bottom: 20px;
}
.contact-item {
margin-bottom: 2.29vw;
}
.contact-item span {
display: block;
margin-bottom: 18px;
line-height: 1;
color: #999999;
font-size: 18px;
}
.contact-item p {
color: #3e3a39;
font-size: 24px;
font-family: "Gilroy-bold";
}
.contact-item strong {
font-size: 1.25vw;
}
.contact-eq {
position: relative;
display: inline-block;
}
.contact-eq span {
display: inline-block;
line-height: 1;
color: #103861;
font-size: 32px;
}
.contact-eq:hover .eq-imgs {
opacity: 1;
visibility: visible;
transform: translate(0, -50%);
}
.eq-imgs {
position: absolute;
left: 100%;
padding-left: 26px;
top: 50%;
transform: translate(30px, -50%);
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.eq-imgs figure {
display: block;
position: relative;
padding: 5px;
width: 92px;
background: #103861;
border-radius: 9px;
}
.eq-imgs figure:before {
position: absolute;
top: 50%;
margin-top: -10px;
left: -10px;
content: "";
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #103861;
}
.eq-imgs figure img {
display: block;
width: 100%;
height: auto;
border-radius: 6px;
}
.contact-map {
width: 50.75%;
height: 576px;
}
.anchorBL {
display: none !important;
}
.BMap_bubble_title {
margin-bottom: 12px;
color: #004d83;
font-size: 16px;
font-weight: bold;
}
.inner-pbanner {
position: relative;
padding: 13.33vw 8.33vw 8.33vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.innerwrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.innerwrap strong {
display: block;
line-height: 1;
color: #fff;
font-size: 2.71vw;
}
.inner-back a {
display: inline-block;
width: 54px;
height: 54px;
text-align: center;
line-height: 54px;
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
font-size: 22px;
}
.inner-back a:hover {
background: #fff;
color: #00a6e9;
text-indent: -3px;
}
.search-result {
position: absolute;
left: 8.33vw;
bottom: 24px;
color: #fff;
font-size: 20px;
z-index: 3;
}
.company-honor {
padding: 65px 8.33vw 60px;
}
.honor-title {
position: relative;
padding-left: 30px;
line-height: 1;
display: flex;
align-items: center;
}
.honor-title:before {
position: absolute;
left: 0;
top: 50%;
margin-top: -11px;
content: "";
width: 5px;
height: 23px;
background: #00a6e9;
}
.honor-title strong {
display: block;
line-height: 1;
color: #00a6e9;
font-size: 26px;
}
.honor-title small {
display: inline-block;
margin-left: 20px;
color: #00a6e9;
font-size: 16px;
}
.announcement-li li {
border-bottom: 1px solid #f0f0f0;
}
.announcement-li li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.announcement-li li a strong {
font-size: 15px;
}
.announcement-li li a time {
display: block;
color: #898989;
font-size: 14px;
}
.announcement-li li a:hover .announcement-left strong {
color: #00a6e9;
}
.announcement-left {
position: relative;
padding-left: 24px;
width: 70%;
}
.announcement-left:before {
position: absolute;
left: 0;
top: 10px;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #00a6e9;
}
.announcement-left strong {
display: block;
margin-bottom: 11px;
line-height: 1.1;
color: #333333;
font-size: 16px;
font-weight: normal;
transition: 0.35s;
}
.announcement-left p {
color: #c2c2c2;
font-size: 12px;
line-height: 1;
}
.search-li .announcement-left:before {
top: 50%;
margin-top: -3px;
}
.search-li .announcement-left strong {
margin-bottom: 0;
}
.search-down {
position: absolute;
right: -10px;
top: 100%;
margin-top: 30px;
padding-top: 18px;
z-index: 3;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.4s;
}
.search-down .text {
padding: 0;
padding-left: 22px;
width: 180px;
height: 42px;
border: none;
outline: none;
background: #fff;
border-radius: 24px;
color: #666666;
font-size: 14px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.16);
}
.search-down .sub {
position: absolute;
right: 0;
top: 18px;
width: 40px;
text-align: center;
line-height: 42px;
border: none;
outline: none;
color: #666;
font-size: 18px;
cursor: pointer;
background: none;
transition: 0.3s;
}
.search-down .sub:hover {
color: #00a6e9;
}
.header-search:hover .search-down {
opacity: 1;
visibility: visible;
pointer-events: visible;
margin-top: 0;
}
.video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.home .main{width:100%;position:relative;background:url(../image/dtbj.png) no-repeat #fff;background-position-y:200%;background-position-x:center}
.home .main .show{opacity:1;transform:translateY(0)}
.home .main .intro{width: 94%;max-width: 1600px;margin:0 auto;padding:80px 0%;animation-duration:3s;/* padding-left:80px; *//* padding-right:80px; */}
.home .main .intro .text{display:flex;flex-direction:row;margin:0 auto;justify-content:space-between}
.home .main .intro .text .title{position:relative;padding-left:20px}
.home .main .intro .text .title::before{width:1px;height:113px;background:#FFFFFF;opacity:0.6;content:"";display:inline-block;position:absolute;left:0;top:10px}
.home .main .intro .text .title::after{content:"";width:1px;height:30px;background:#FFFFFF;display:inline-block;position:absolute;left:0;top:10px}
.home .main .intro .text .title p:nth-child(1){font-size:32px;color:white}
.home .main .intro .text .title p:nth-child(2){font-style:italic;color:#747575;font-size:26px}
.home .main .intro .text .r1{width:70%;color:#222;line-height:36px;opacity:0.8;margin:0px 0 0 10%}
.home .main .intro .map{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap: wrap;}
.home .main .intro .map .l{width:72%;height:auto;position:relative;margin-top:30px}
.linmap{padding-bottom: 100px;background: url(../image/dtbj.png) no-repeat center bottom;}
.mapdian{margin: 0;position: relative;height: 0;padding-bottom: 40.71%;width: 100%;max-width: 1480px;background: url(../image/map.png) no-repeat center;background-size: cover;}
.mapdian .area-box .dot{position: absolute;left: 0;width: 6px;height: 6px;border-radius: 50%;opacity: 1;background: #8ec31f;}
.mapdian .area-box .ddn{position: absolute;color: #333;width: 48px;left: -20px;top: -32px;font-size: 12px;text-align: center;z-index: 99;opacity: 0;transition: all .5s ease;}
.mapdian .area-box:hover .ddn{top:-42px;opacity:1}
.mapdian .area-box .ddn img{width: 30px;height: auto;display: block;margin: 0 auto 0px;border: 1px solid #eee;}
.mapdian .area-box .pulse{position: absolute;border-radius: 48px;opacity: 0.3;-webkit-animation: warn 2s ease-out both;animation: warn 2s ease-out both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;background: rgb(142,195,31,0.4);top: -17px;left: -17px;height: 40px;width: 40px;box-shadow: 0 0 15px #8ec31f;}
.mapdian .area-box .delay-06 {animation-delay: 2s;}
.mapdian .area-box .delay-05 {animation-delay: 1.6s;}
.mapdian .area-box .delay-04 {animation-delay: 1.2s;}
.mapdian .area-box{position:absolute;width: 0;height: 0;cursor: pointer;}
.mapdian .postition-1{left: 37.5%;top: 44.5%;}
.mapdian .postition-2{left: 35.5%;top: 47%;}
.mapdian .postition-3{left: 37.2%;top: 51%;}
.mapdian .postition-4{left: 46%;top: 61.5%;}
.mapdian .postition-5{left: 39.5%;top: 57%;}
.mapdian .postition-6{left: 37%;top: 58%;}
.mapdian .postition-7{left: 39%;top: 19%;}
.mapdian .postition-8{left: 14%;top: 23%;}
.mapdian .postition-9{left: 11%;top: 23%;}
.mapdian .postition-10{left: 12.5%;top: 32%;}
.mapdian .postition-11{left: 18%;top: 33%;}
.mapdian .postition-12{left: 20%;top: 45%;}
.mapdian .postition-13{left: 23.5%;top: 43%;}
.mapdian .postition-14{left: 16%;top: 43%;}
.mapdian .postition-15{left: 24%;top: 35%;}
.mapdian .postition-16{right: 19%;top: 32%;}
.mapdian .postition-17{right: 23%;top: 20%;}
.mapdian .postition-18{right: 20.5%;top: 44%;}
@keyframes jump {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.mapdian .titleDesc{margin-top:0!important;display:none!important;}
@keyframes warn {
0% {
-webkit-transform: scale(0);transform: scale(0);opacity: 1;
}
100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;
}
}
.home .main .intro .map .count{width: 28%;margin-top:15px;padding-right: 80px;margin-bottom:30px}
.home .main .intro .map .count .r1{line-height:1.7;color:#555;margin-bottom:40px}
.home .main .intro .map .count .item{border-bottom:1px solid #eee;padding:20px 0;opacity:0.06;transition:all .5s ease}
.home .main .intro .map .count .item.swiper-slide-prev,.home .main .intro .map .count .item.swiper-slide-next{opacity:0.3}
.home .main .intro .map .count .item.swiper-slide-active{opacity:1}
.home .main .intro .map .count .swiper-wrapper{height:496px;}
.home .main .intro .map .count .item p:nth-child(1){color:#333;font-size:20px;margin:0;line-height:normal}
.home .main .intro .map .count .item .counterDX{color:#0080c8;font-weight:bold;font-size:46px;padding:0 10px}
.home .main .intro .map .count .item p:nth-child(2){color:#0080c8;font-size: 14px;margin-top:5px;margin-bottom:0;font-family:arial;line-height: 1;}
.home .main .intro .map .count .more{display:block;text-align:center;line-height:50px;color:white;cursor:pointer;margin-top:60px;transition:all 600ms}
@media only screen and (max-width: 1400px){
.software-fare p{font-size: 15px;}
.index-video{height:650px;}
}
@media only screen and (max-width: 1200px){
.ywk-index-banner .ywk-index-banner-container .img{height:0;padding-bottom:56.25%;}
.ywk-index-banner .text img{max-width:360px;}
.pprow .list .listrow .txt .yx_Title{font-size:24px;}
.pprow .list .listrow .txt{left: 50%!important;width: 85%;top: 50%;}
.ppcont .list{border-top:5px;}
.pp{margin-top:20px;height: 400px!important;}
.index_products{padding:40px 0!important;}
.pprow .list .listrow .txt p{font-size:14px;padding:15px 0 20px;}
.ppcont .list{padding:25px;}
.pprow .list .listrow .txt .img img{height: 30px;width: auto;}
.ppcont .list img{max-height:35px;}
.index-video .overlay .intro_box .tit{font-size:26px;}
.home .main .intro .map .count .item p:nth-child(1){font-size:16px;}
.home .main .intro .map .count .item .counterDX{font-size:26px;}
.index_news .new_Width,.index_newslist{margin-top:20px;}
.index_news .box .banner .swiper-slide .item,.index_newslist{padding:25px;}
.footer_top_message{margin-left:20px;width:20rem;}
.index_newslist .list .title{font-size:15px;}
.index_news .box .banner .swiper-slide .item .content3{font-size:16px;}
.software-text strong{font-size:20px;padding-top: 20px;}
.software-in{font-size:15px;}
.index_quality_title{padding-bottom:30px;}
.index-video{height:500px;}
.index_newslist{flex: 0 0 calc(30% - 20px);}
.index_news .box .banner .swiper-slide .item .yx_Time{padding:10px;}
.index_news .box .banner .swiper-slide .item .yx_Year{font-size:34px;}
.index_news .box .banner .swiper-slide .item .yx_Time{font-size:12px;}
.index_news .box .banner .swiper-slide .item .yx_flex span{font-size:14px;}
}
@media only screen and (max-width: 768px){
.head_lan .lan_tit{line-height:40px;}
.head_lan{margin-left: 15px;}
.head_lan .lan_tit span{font-size:14px;}
.out .ppcont{position: relative;}
.out .ppcont{padding:0px 0 0px;}
.index_quality_title .right{display:none;}
.index_quality_list>ul>li:nth-child(2n){margin:0!important;}
.index_quality,.home .main .intro{padding:40px 0!important;}
.index-video{height:300px;}
.home .main .intro .map .count,.home .main .intro .map .l{width:100%;padding:0;}
.index_news .new_Width,.index_newslist{flex:0 0 100%;margin-bottom: 20px;}
.index_newslist{display:none;}
.footer_top_slogan{padding-bottom:10px!important;}
.footer_top_message .message_form>ul>li.item_submit .submit input{font-size:14px!important;}
.searchcont{margin: 50px auto;}
.lan_con .head_lanrow{top:60px;padding: 20px 0;}
.lan_con .head_lanrow .title{margin-bottom:10px;}
.head_lan .lan_list p{flex:0 0 33.3%;}
.head_lan .lan_list a{height: 36px;line-height:40px;font-size: 12px;}
.pp{margin-top:20px;height: 260px!important;}
.ppcont .list{padding:10px;}
.pprow .list .listrow .txt p{padding:10px 0 0;margin:0;line-height: 1.4;}
.pprow .list .listrow .txt .yx_icon,.pprow .list .listrow .txt .yx_Title{display:none;}
.index_products_title{align-items: center;}
.index_quality_title{padding: 0px 0 10px!important;}
.ppcont{bottom:0;}
.index-video .overlay .intro_box .tit{font-size:22px}
.home .main .intro .map .count .swiper-container{display:none;}
}