* { margin:0; padding:0; list-style-image: none;list-style-type: none;}
html{background-color: #F5F5F5;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-text-size-adjust:none;background-attachment: fixed;background-repeat: no-repeat;background-position: center center;}

body {font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", "Hiragino Sans GB", '微软雅黑', STHeiti, "WenQuanYi Micro Hei", Arial, SimSun, sans-serif;overflow-x:hidden;}
img { border:none;}
.fix {clear:both;height: 1px;font-size: 0px;}
::selection {color: #FFF;background: #FE5F00;}

/*浏览器滚动条*/
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:0px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.klyg_logo {padding-top: 40px;padding-right: 5%;padding-left: 5%;padding-bottom: 25px;width: 90%;position: fixed;-webkit-backdrop-filter: saturate(200%) blur(50px);backdrop-filter: saturate(200%) blur(50px);background: rgba(245, 245, 245, 0.6);}
.klyg_logo dd.z {padding-top: 15px;color: #000;font-size: 11px;opacity: 0.20;}
.klyg_logo dd.mg_logo {width: 65px;opacity:0.20;}
.klyg_logo dd.mg_logo img {width: 100%;vertical-align: top;}
.tips {position: fixed;top: 50px;right: 5%;height: 30px;font-size: 12px;line-height: 30px;color: #999;background-color: #FFF;border-radius: 30px;padding-right: 15px;padding-left: 15px;box-shadow: 0 6px 16px rgba(0, 0, 0, .05);opacity: 0.8;}
.k {display: grid;grid-template-columns: repeat(5, 1fr);gap: 50px;padding-right: 5%;padding-left: 5%;padding-top: 160px;}
.vision {width: 100%;}
.vision_img {background-color: #FFFFFF;border-radius: 15px;aspect-ratio: 8 / 5;display: grid;place-items: center;transition: all 0.9s ease-in-out;}
.vision_img:hover {box-shadow: 0 0 30px rgb(0 0 0 / 5%);transition: all 0.3s ease-in-out;}
.vision_img img {width: 48%;}
.vision_xiazai {height: 60px;}
.vision_xinxi {padding-top: 15px;}
.vision_xinxi dl {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}
.vision_xinxi dd.xiazai {font-size: 12px;line-height: 40px;color: #666;text-align: center;}
.vision_xinxi dd.xiazai a {text-decoration: none;display: block;color: #666;border-radius: 20px;-webkit-transition: all 0.9s ease-in-out;background-color: #ffffff;box-shadow: 0 0 8px rgb(0 0 0 / 4%);}
.vision_xinxi dd.xiazai a:hover {text-decoration: none;color: #FFFFFF;background-color: #FE5F00;-webkit-transition: all 0.3s ease-in-out;background-image: none;box-shadow: 0 5px 20px rgb(254 95 0 / 30%);}
.copyright {height: 30px;padding-top: 50px;padding-left: 5%;opacity: 0.50;padding-right: 5%;padding-bottom: 40px;}
.copyright dd.logo {width: 106px;height: 30px;padding-right: 20px;float: left;}
.copyright dd.logo a {text-decoration: none;display: block;height: 30px;width: 106px;background-image: url(../images/wkun_logo.svg);background-size: 105px;background-repeat: no-repeat;background-position: left center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.copyright dd.logo a:hover {text-decoration: none;background-image: url(../images/wkun_logo.svg);background-repeat: no-repeat;background-position: left center;opacity:0.60;}
.copyright dd.b {height: 30px;float: left;font-size: 12px;line-height: 30px;color: #000;padding-right: 20px;}
.copyright dd.b a {text-decoration:none;color: #000;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.copyright dd.b a:hover {text-decoration: none;opacity:0.60;}
.copyright dd.y {height: 30px;float: right;font-size: 12px;line-height: 30px;color: #000;}
.copyright_y {height: 80px;position: absolute;bottom: 0px;z-index: 100;right: 80px;font-size: 12px;line-height: 22px;}

@media screen and (max-width: 2080px) {
.k {grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 1674px) {
.k {grid-template-columns: repeat(3, 1fr);gap: 45px;}
}
@media screen and (max-width: 1120px) {
.k {grid-template-columns: repeat(2, 1fr);gap: 35px;}
}
@media screen and (max-width: 600px) {
.k {grid-template-columns: repeat(1, 1fr);gap: 25px;}
.copyright dd.y {display: none;}
}