/*列表部分*/

.design_top {width: 2060px;margin-right: auto;margin-left: auto;font-size: 14px;line-height: 80px;color: #AAAAAA;height: 90px;text-indent: 30px;}

.k {width: 2060px;margin-right: auto;margin-left: auto;}
.k2 {display: grid;grid-template-columns: repeat(5, 1fr);gap: 50px;padding-right: 30px;padding-left: 30px;padding-bottom: 40px;}
.vision {width: 100%;}
.vision img {width: 100%;border-radius: 8px;vertical-align: top;}
.vision a {background-color: #FFF;text-decoration: none;display: block;-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);box-shadow: 0 0 10px rgba(0,0,0,.05);border-radius: 8px;background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 50%;}
.vision a:hover {text-decoration: none;box-shadow: 0 10px 20px rgba(0,0,0,.08);border-radius: 8px;transform:translateY(-5px);}

.vision_little {width: 100%;display: block;}
.vision_little img {width: 100%;border-radius: 8px;vertical-align: top;}
.vision_little a {background-color: #FFF;text-decoration: none;display: block;-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);box-shadow: 0 0 10px rgba(0,0,0,.05);border-radius: 8px;background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 50%;}
.vision_little a:hover {text-decoration: none;box-shadow: 0 10px 20px rgba(0,0,0,.08);border-radius: 8px;transform:translateY(-5px);}

.vision_big {width: 100%;display: none;}
.vision_big img {width: 100%;border-radius: 8px;vertical-align: top;}
.vision_big a {background-color: #FFF;text-decoration: none;display: block;-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);box-shadow: 0 0 10px rgba(0,0,0,.05);border-radius: 8px;background-image: url(https://www.wkun.com/about/images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 50%;}
.vision_big a:hover {text-decoration: none;box-shadow: 0 10px 20px rgba(0,0,0,.08);border-radius: 8px;transform:translateY(-5px);}
.en_img {opacity: 0; transition: opacity 1s ease; }
.en_img.loaded {opacity: 1;}

.design_wz {position: absolute;left: 8%;right: 8%;top: 7%;bottom: 7%;}
@font-face
{font-family: Langdon;src: url('Langdon.otf')}

.design_wz dd.nian {font-family: Langdon;font-size: 80px;line-height: 70px;letter-spacing:-2px;color: #111;padding-bottom: 12px;}
.design_wz dd.media {font-family: Langdon;font-size: 50px;letter-spacing:-2px;color: #111;padding-bottom: 8px;}
.design_wz dd.biaoti {font-size: 14px;color: #111;line-height: 24px;}
.design_wz dd.biaoti_f {position: absolute;font-size: 12px;color: #111;bottom: 0px;right: 0px;opacity: 0.6;}
.zhanwei {display: none;}

/*自适应解决方案*/
@media screen and (max-width: 2120px) {
.k2 {grid-template-columns: repeat(5, 1fr);}
.design_top {width: 98%;}
.k {width: 98%;}
}
@media screen and (max-width: 1800px) {
.k2 {grid-template-columns: repeat(5, 1fr);}
.design_wz dd.nian {font-size: 70px;line-height: 60px;}
}
@media screen and (max-width: 1510px) {
.k2 {grid-template-columns: repeat(4, 1fr);column-gap: 40px;}
}
@media screen and (max-width: 1330px) {
.k2 {grid-template-columns: repeat(4, 1fr);}
.design_wz dd.nian {font-size: 60px;line-height: 50px;}
}
@media screen and (max-width: 1000px) {
.k2 {grid-template-columns: repeat(3, 1fr);column-gap: 30px;row-gap: 40px;}
.design_top {width: 980px;}
.k {width: 980px;}
}
@media screen and (max-width: 600px) {
.design_top {width: auto;padding-right: 12px;padding-left: 12px;height: 44px;font-size: 12px;line-height: 44px;color: #999999;font-family: PingFangSC-Light;text-indent: 0px;}
.zhanwei {display: block;height: 48px;}
.k2 {padding-right: 1.5%;padding-left: 1.5%;padding-bottom: 14px;grid-template-columns: repeat(2, 1fr);column-gap: 3%;row-gap: 14px;}
.k {width: auto;padding-right: 5px;padding-left: 5px;}
.vision img {border-radius: 6px;}
.vision a {box-shadow: 0 0 8px rgba(0,0,0,.06);border-radius: 6px;}
.vision_big {display: block;padding-bottom: 14px;float: left;width: 100%;position:relative;}
.vision_big img {width: 100%;border-radius: 10px;}
.vision_big a {text-decoration:none;display: block;width: 97%;margin-right: auto;margin-left: auto;box-shadow: 0 0 8px rgba(0,0,0,.06);border-radius: 10px;}
.vision_little {display: none;}
.design_wz {position: absolute;left:13px;right:13px;top:20px;bottom: 10px;}
@font-face
{font-family: Langdon;src: url('Langdon.otf')}

.design_wz dd.nian {font-family: Langdon;font-size: 56px;line-height: 42px;color: #111;letter-spacing:-2px;padding-bottom: 0px;}
.design_wz dd.media {font-family: Langdon;font-size: 36px;letter-spacing:-2px;line-height: 24px;padding-bottom: 4px;color: #111;}
.design_wz dd.biaoti {font-family: PingFangSC-Light;font-size: 12px;color: #111;line-height: 20px;}
.design_wz dd.biaoti_f {position: absolute;font-family: PingFangSC-Light;font-size: 10px;color: #111;bottom: 0px;right: 0px;opacity: 0.6;}

}