@charset "utf-8";
/* CSS Document */

/*通用页面样式、顶部*/
* { vertical-align: top;}
.fix {clear:both;height: 1px;font-size: 0px;}
html{overflow-x:hidden;}

/*背景特效*/
@-webkit-keyframes orbloop {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@keyframes orbloop {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}
@-webkit-keyframes orbmove {
  from {-webkit-transform: translateX(-1000px);}
  to {-webkit-transform: translateX(2000px);}
}
@keyframes orbmove {
  from {transform: translateX(-1000px);}
  to {transform: translateX(2000px);}
}
#stage {position: fixed;width: 100%;top: 0px;left: 0px;right: 0px;bottom: -830px;overflow:hidden;z-index: -1;}
#bg {position: fixed;width: 1000px;height: 1000px;top: 50%;left: 50%;margin-left: -500px;margin-top: -500px;transform: translateX(-200px) translateY(300px) rotateZ(-60deg); opacity: 1; z-index:-1;}
#bg div div {position: absolute;}
#bg .row1 div {-webkit-animation: orbmove 48s linear infinite;animation: orbmove 96s linear infinite;}
#bg .row1 .orb1 {position: absolute;width: 60px;height: 60px;top: 50%;left: 50%;margin-left: -30px;margin-top: -380px;}
#bg .row1 .orb1 div {width: 100%;height: 100%;border-radius: 60px;background: -webkit-linear-gradient(top, #ffffff, #dedede);background: linear-gradient(to bottom, #ffffff, #dedede);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row1 .orb2 {position: absolute;width: 100px;height: 100px;top: 50%;left: 50%;margin-left: 450px;margin-top: 50px;}
#bg .row1 .orb2 div {width: 100%;height: 100%;border-radius: 100px;background: -webkit-linear-gradient(top, #ffffff, #dedede);background: linear-gradient(to bottom, #ffffff, #dedede);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row1 .orb1c {position: absolute;width: 60px;height: 60px;top: 50%;left: 50%;margin-left: 1970px;margin-top: -380px;}
#bg .row1 .orb1c div {width: 100%;height: 100%;border-radius: 60px;background: -webkit-linear-gradient(top, #ffffff, #dedede);background: linear-gradient(to bottom, #ffffff, #dedede);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row1 .orb2c {position: absolute;width: 100px;height: 100px;top: 50%;left: 50%;margin-left: 2450px;margin-top: 50px;}
#bg .row1 .orb2c div {width: 100%;height: 100%;border-radius: 100px;background: -webkit-linear-gradient(top, #ffffff, #dedede);background: linear-gradient(to bottom, #ffffff, #dedede);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row2 div {-webkit-animation: orbmove 24s linear infinite;animation: orbmove 48s linear infinite;}
#bg .row2 .orb1 {position: absolute;width: 200px;height: 200px;top: 50%;left: 50%;margin-left: -500px;margin-top: -300px;}
#bg .row2 .orb1 div {width: 100%;height: 100%;border-radius: 200px;background: -webkit-linear-gradient(top, #ffffff, #dedede);background: linear-gradient(to bottom, #ffffff, #dedede);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row2 .orb2 {position: absolute;width: 250px;height: 250px;top: 50%;left: 50%;margin-left: 175px;margin-top: -125px;}
#bg .row2 .orb2 div {width: 100%;height: 100%;border-radius: 250px;background: -webkit-linear-gradient(top, #ffffff, #dedede);background: linear-gradient(to bottom, #ffffff, #dedede);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row2 .orb1c {position: absolute;width: 200px;height: 200px;top: 50%;left: 50%;margin-left: 1500px;margin-top: -300px;}
#bg .row2 .orb1c div {width: 100%;height: 100%;border-radius: 200px;background: -webkit-linear-gradient(top, #ffffff, #dedede);background: linear-gradient(to bottom, #ffffff, #dedede);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row2 .orb2c {position: absolute;width: 400px;height: 400px;top: 50%;left: 50%;margin-left: 2100px;margin-top: -200px;}
#bg .row2 .orb2c div {width: 100%;height: 100%;border-radius: 400px;background: -webkit-linear-gradient(top, #ffffff, #dedede);background: linear-gradient(to bottom, #ffffff, #dedede);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row3 div {-webkit-animation: orbmove 12s linear infinite;animation: orbmove 24s linear infinite;}
#bg .row3 .orb1 {position: absolute;width: 300px;height: 300px;top: 50%;left: 50%;margin-left: 850px;margin-top: -300px;}
#bg .row3 .orb1 div {width: 100%;height: 100%;border-radius: 300px;background: -webkit-linear-gradient(top, #dedede, #ffffff);background: linear-gradient(to bottom, #dedede, #ffffff);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row3 .orb2 {position: absolute;width: 600px;height: 600px;top: 50%;left: 50%;margin-left: 0px;margin-top: 0px;}
#bg .row3 .orb2 div {width: 100%;height: 100%;border-radius: 600px;background: -webkit-linear-gradient(top, #dedede, #ffffff);background: linear-gradient(to bottom, #dedede, #ffffff);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row3 .orb1c {position: absolute;width: 300px;height: 300px;top: 50%;left: 50%;margin-left: 2850px;margin-top: -300px;}
#bg .row3 .orb1c div {width: 100%;height: 100%;border-radius: 300px;background: -webkit-linear-gradient(top, #dedede, #ffffff);background: linear-gradient(to bottom, #dedede, #ffffff);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}
#bg .row3 .orb2c {position: absolute;width: 600px;height: 600px;top: 50%;left: 50%;margin-left: 2000px;margin-top: 0px;}
#bg .row3 .orb2c div {width: 100%;height: 100%;border-radius: 600px;background: -webkit-linear-gradient(top, #dedede, #ffffff);background: linear-gradient(to bottom, #dedede, #ffffff);-webkit-animation: orbloop 6s linear infinite;animation: orbloop 6s linear infinite;}

/*作品集、工作室、关于我*/
@font-face
{
font-family: Langdon;
src: url('../../design/css/Langdon.otf')
}
@font-face
{
font-family: 造字工房典黑（非商用）超细体;
src: url('造字工房典黑超细体.otf')
}
@font-face
{
font-family: BrandonText-Black;
src: url('../../css/font/BrandonText-Black.otf')
}

/* Slogan动画 */
@-webkit-keyframes title {
	0% {opacity: 0;-webkit-transform: translateX(60px);}	
	100% {opacity: 1;-webkit-transform: translateX(0);}
}
@keyframes title {
	0% {opacity: 0;transform: translateX(60px);}	
	100% {opacity: 1;transform: translateX(0);}
} 

.slogan_k {width: 2060px;margin-right: auto;margin-left: auto;padding-top: 210px;padding-bottom: 40px;}
.slogan_k dl {padding-right: 30px;padding-left: 30px;}
.slogan_k dd.wz1 {font-family: "微软雅黑";font-weight:bold;padding-bottom: 10px;font-size: 80px;color: #333;margin-right: auto;margin-left: auto;width: 560px;-webkit-animation:'title' 2s 1;}
.slogan_k dd.wz2 {font-family: "造字工房典黑（非商用）超细体";font-size: 80px;color: #333;margin-right: auto;margin-left: auto;width: 560px;-webkit-animation:'title' 3s 1;}
.slogan_k dd.wz3 {height: 38px;padding-top: 150px;}

.wxk {height: 38px;background-image: url(../../images/logo_2020/wxk_black.svg);background-size: 109px 28px;background-repeat: no-repeat;background-position: left center;padding-left: 140px;font-size: 12px;color: #333;line-height: 38px;float: left;opacity: 0.80;}

.wxk_work {font-size: 16px;color: #FFF;line-height: 38px;float: right;}
.wxk_work a {color: #333;text-decoration: none;padding-left: 30px;padding-right: 30px;border-radius: 20px;height: 38px;display: block;border: 1px solid #333;transition: all 0.3s ease-in-out;}
.wxk_work a:hover {text-decoration: none;color: #FFF;background-color: #333;}
.service_2 {width: 2060px;margin-right: auto;margin-left: auto;}
.service_k {margin-right: 30px;margin-left: 30px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px;border-radius: 10px;background: #F1F1F1;opacity:0.80;}
.service_vis {width: 100%;}
.service_vis a {text-decoration: none;display: block;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-size: 70px;color: #111;padding-top: 30px;border-radius: 8px 0 0 0;padding-left: 35px;padding-right: 35px;background-color: #FFF;height: 300px;}
.service_vis a:hover {text-decoration: none;background-color: #FF4D4D;font-size: 78px;color: #FFF;}

.service_web {width: 100%;}
.service_web a {text-decoration: none;display: block;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-size: 70px;color: #111;padding-top: 30px;border-radius: 0 8px 0 0;padding-left: 35px;padding-right: 35px;background-color: #FFF;height: 300px;}
.service_web a:hover {text-decoration: none;background-color: #4075B7;font-size: 78px;color: #FFF;}

.service_app {width: 100%;}
.service_app a {text-decoration: none;display: block;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-size: 70px;color: #111;padding-top: 30px;border-radius: 0 0 0 8px;padding-left: 35px;padding-right: 35px;background-color: #FFF;height: 300px;}
.service_app a:hover {text-decoration: none;background-color: #24A686;font-size: 78px;color: #FFF;}

.service_vision {width: 100%;}
.service_vision a {text-decoration: none;display: block;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-size: 70px;color: #111;padding-top: 30px;border-radius: 0 0 8px 0;padding-left: 35px;padding-right: 35px;background-color: #FFF;height: 300px;}
.service_vision a:hover {text-decoration: none;background-color: #FFC926;font-size: 78px;color: #FFF;}

.service_wz1 {font-family: BrandonText-Black;letter-spacing:-2px;}
.service_wz2 {font-size: 12px;padding-top: 20px;}
.wxk_work_m {display: none;}

.wangkun_2 {width: 2060px;margin-right: auto;margin-left: auto;}
.wangkun_k {padding-right: 30px;padding-left: 30px;margin-right: auto;margin-left: auto;background-image: url(../images/wangkun3.png);background-size: 587px;background-repeat: no-repeat;background-position: 100px bottom;height: 420px;padding-top: 160px;}
.wangkun_k dd.wz1 {font-family: "微软雅黑";font-weight: bold;font-size: 50px;color: #333;padding-left: 50%;line-height: 80px;}
.wangkun_k dd.wz2 {font-family: "造字工房典黑（非商用）超细体";font-size: 70px;color: #333;padding-left: 50%;letter-spacing: -2px;}
.wangkun_k dd.wz3 {font-size: 14px;color: #333;padding-left: 50%;line-height: 50px;padding-top: 20px;padding-bottom: 20px;}
.wangkun_k dd.wz4 {font-size: 14px;color: #FFF;line-height: 30px;padding-left: 50%;height: 30px;float: left;}
.wangkun_k dd.wz4 a {color: #FFF;text-decoration: none;padding-left: 20px;padding-right: 20px;background: -webkit-linear-gradient(left,#555555 0,#222222 100%);background: linear-gradient(to right,#555555 0,#222222 100%);border-radius: 15px;height: 30px;display: block;float: left;}
.wangkun_k dd.wz4 a:hover {text-decoration: none;color: #FFF;background: -webkit-linear-gradient(left,#888888 0,#555555 100%);background: linear-gradient(to right,#888888 0,#555555 100%);}

.wangkun_k dd.s_video_m {display: none;}
.wangkun_k dd.s_video {float: left;font-size: 14px;color: #333;line-height: 30px;height: 30px;padding-left: 15px;}
.wangkun_k dd.s_video a {color: #333;text-decoration: none;padding-left: 32px;padding-right: 20px;background-color: #FFF;border-radius: 15px;height: 30px;display: block;float: left;-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);background-image: url(../images/play.png);background-size: 10px 12px;background-position: 14px center;background-repeat: no-repeat;box-shadow: 0 2px 8px rgb(0 0 0 / 5%);}
.wangkun_k dd.s_video a:hover {text-decoration: none;color: #333;box-shadow: 0 4px 20px rgba(3,3,3,.2);}
.k_video {display: none;background-color: #e0e0e0;position: absolute;width: 800px;box-shadow: 0 10px 30px 5px rgba(3,3,3,.2);z-index: 100;margin-left: -400px;left: 50%;margin-top: -240px;}

.contact_2 {width: 2060px;margin-right: auto;margin-left: auto;}
.contact_w {padding-right: 30px;padding-left: 30px;padding-bottom: 20px;}
.contact_k {padding-top: 130px;height: 150px;border-top-width: 1px;border-top-style: solid;border-top-color: rgba(0,0,0,0.04);}

.contact_k dd.wz1 {font-family: "造字工房典黑（非商用）超细体";font-size: 36px;color: #333;text-indent: -2px;letter-spacing: -2px;float: left;height: 40px;line-height: 38px;padding-right: 30px;}
.contact_k dd.email {font-size: 16px;color: #333;line-height: 38px;float: left;margin-right: 30px;border-radius: 20px;}
.contact_k dd.email a {color: #333;text-indent: 50px;text-decoration: none;padding-right: 30px;border-radius: 20px;height: 38px;display: block;background-color: rgba(0,0,0,0.04);background-image: url(../../images/v6/contact_email.svg);background-repeat: no-repeat;background-position: 18px center;background-size: 15px 12px;-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);}
.contact_k dd.email a:hover {background-color: rgba(255,255,255,0.7);text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.contact_k dd.phone {font-size: 16px;color: #333;line-height: 38px;float: left;margin-right: 30px;border-radius: 20px;}
.contact_k dd.phone a {color: #333;text-indent: 50px;text-decoration: none;padding-right: 30px;border-radius: 20px;height: 38px;display: block;background-color: rgba(0,0,0,0.04);background-image: url(../../images/v6/contact_phone.svg);background-repeat: no-repeat;background-position: 18px center;background-size: 14px 15px;-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);}
.contact_k dd.phone a:hover {background-color: rgba(255,255,255,0.7);text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.contact_k dd.qq {font-size: 16px;color: #333;line-height: 38px;float: left;margin-right: 30px;border-radius: 20px;}
.contact_k dd.qq a {color: #333;text-indent: 50px;text-decoration: none;padding-right: 30px;border-radius: 20px;height: 38px;display: block;background-color: rgba(0,0,0,0.04);background-image: url(../../images/v6/index_qq.svg);background-repeat: no-repeat;background-position: 18px center;background-size: 18px;-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);}
.contact_k dd.qq a:hover {background-color: rgba(255,255,255,0.7);text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.contact_k dd.wkun {font-size: 16px;color: #333;line-height: 38px;float: left;margin-right: 30px;border-radius: 20px;}
.contact_k dd.wkun a {color: #333;text-indent: 50px;text-decoration: none;padding-right: 20px;border-radius: 20px;height: 38px;display: block;background-color: rgba(0,0,0,0.04);background-image: url(../../book/images/six/m/logo_2.svg);background-repeat: no-repeat;background-position: 12px center;background-size: 30px;-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);}
.contact_k dd.wkun a:hover {background-color: rgba(255,255,255,0.7);text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.explanation {font-size: 12px;color: #999;line-height: 24px;}
.contact_k dd.weixin {font-size: 16px;color: #333;line-height: 38px;float: left;}
.contact_k dd.weixin a:hover {text-decoration: none;transform:translateY(-5px);}
.contact_k dd.weixin .cart {cursor:pointer; height: 38px;display: block;background-image: url(../../images/v6/index_weixin.svg);background-repeat: no-repeat;background-position: center center;background-size: 34px;-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);width: 38px;
}
.contact_k dd.weixin a.cart:hover .pic{display:block;}
.contact_k dd.weixin .cart .pic {display: none;position: absolute;left: -60px;top: -180px;width: 160px;height: 160px;background: url(../images/code.jpg);background-size: 160px 160px;border-radius: 10px;box-shadow: 0 4px 20px rgba(3,3,3,.2);opacity: 0.80;}
.contact_k dd.weixin_m {display: none;}
.pic {display: none;}
.wkun_book_an {display: none;}
.k_z {display: none;}
.about_copyright {display: none;}

/*自适应解决方案*/
@media screen and (max-width: 2120px) {
.slogan_k {width: 98%;}
.service_2 {width: 98%;}
.wangkun_2 {width: 98%;}
.contact_2 {width: 98%;}
}
@media screen and (max-width: 1510px) {
.contact_k {padding-top: 80px;height: 110px;}
.wangkun_k {height: 400px;padding-top: 110px;background-size: 508px 450px;}
}
@media screen and (max-width: 1200px){
.wangkun_k dd.wz1 {font-size: 50px;color: #333;padding-left: 50%;}
.wangkun_k dd.wz2 {font-size: 60px;padding-left: 50%;}
.wangkun_k {height: 320px;padding-top: 70px;background-image: url(../images/wangkun3.png);background-size: 395px;background-position: 50px bottom;}
.contact_k dd.wz1 {display: none;}
.k_video {width: 600px;margin-left: -300px;left: 50%;margin-top: -140px;}
}
@media screen and (max-width: 1000px) {
.wangkun_k dd.wz3 {padding-top: 10px;padding-bottom: 10px;}
.slogan_k {width: 980px;}
.service_2 {width: 980px;}
.wangkun_2 {width: 980px;}
.contact_2 {width: 980px;}
}
@media screen and (max-width: 600px) {
body {font-family: PingFangSC-Light;}
#bg {position: absolute;width: 1000px;height: 100%;top: 50%;left: 50%;margin-left: -500px;margin-top: -500px;transform: translateX(-100px) translateY(40px) rotateZ(-70deg); opacity: 1; z-index:-1;}
.slogan_k {width: auto;padding-right: 10px;padding-left: 10px;padding-top: 130px;padding-bottom: 20px;}
.slogan_k dl {padding-right: 00px;padding-left: 00px;}
.slogan_k dd.wz1 {font-family: "PingFangSC-Semibold";font-weight:bold;padding-bottom: 0px;font-size: 40px;color: #333;margin-right: auto;margin-left: auto;width: 270px;-webkit-animation:'title' 2s 1;}
.slogan_k dd.wz2 {font-family: "PingFangSC-Ultralight";font-size: 40px;letter-spacing: -2px;color: #333;margin-right: auto;margin-left: auto;width: 270px;-webkit-animation:'title' 3s 1;}
.slogan_k dd.wz3 {height: 38px;padding-top: 90px;}
.wxk {font-family: PingFangSC-Light;height: 38px;padding-left: 0px;float: none;opacity: 1.00;background-image: url(../../images/logo_2020/wxk_black.svg);background-size: 78px 20px;background-repeat: no-repeat;background-position: left center;font-size: 12px;color: #888;line-height: 38px;margin-right: auto;margin-left: auto;width: 260px;text-align: right;}
.wxk_work {display: none;}
.service_2 {width: auto;}
.service_k {margin-right: 15px;margin-left: 15px;opacity: 0.80;box-shadow: 0 0 8px rgba(0,0,0,.06);border-radius: 8px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.5px;background: #F1F1F1;}
.service_vis a {text-align: justify;font-size: 32px;padding-top: 10px;padding-left: 18px;padding-right: 18px;height: 160px;}
.service_vis a:hover {background-color: #FF4D4D;font-size: 34px;color: #FFF;}
.service_web a {text-align: justify;font-size: 32px;padding-top: 10px;padding-left: 18px;padding-right: 18px;height: 160px;}
.service_web a:hover {background-color: #4075B7;font-size: 34px;color: #FFF;}
.service_app a {text-align: justify;font-size: 32px;padding-top: 10px;padding-left: 18px;padding-right: 18px;height: 160px;}
.service_app a:hover {background-color: #24A686;font-size: 34px;color: #FFF;}
.service_vision a {text-align: justify;font-size: 32px;padding-top: 10px;padding-left: 18px;padding-right: 18px;height: 160px;}
.service_vision a:hover {background-color: #FFC926;font-size: 34px;color: #FFF;}
.service_wz1 {font-family: BrandonText-Black;letter-spacing:-2px;}
.service_wz2 {font-family: PingFangSC-Light;font-size: 10px;padding-top: 0px;line-height: 18px;opacity: 0.7;}

.wxk_work_m {display:block; 12px;color: #FFF;line-height: 38px;margin-right: 15px;margin-left: 15px;margin-top: 15px;text-align: center;}
.wxk_work_m a {font-family: PingFangSC-Light;display: block;height: 44px;border-radius: 22px;background: -webkit-linear-gradient(left,#555 0,#222 100%);background: linear-gradient(to right,#555 0,#222 100%);font-size: 14px;line-height: 44px;color: #FFF;text-align: center;text-decoration: none;box-shadow: 0 2px 8px rgba(0,0,0,.30);}
.wxk_work_m a:hover {text-decoration: none;color: #FFF;background: -webkit-linear-gradient(left,#24A686 0,#24A686 100%);background: linear-gradient(to right,#24A686 0,#24A686 100%);}

.wangkun_2 {width: auto;}
.wangkun_k {padding-right: 10px;padding-left: 10px;background-size: 300px 266px;background-position: right -55px bottom;height: 250px;padding-top: 50px;}

.wangkun_k dd.wz1 {font-family: "PingFangSC-Semibold";font-weight: bold;font-size: 33px;color: #333;padding-left: 15px;line-height: 46px;letter-spacing: -2px;}
.wangkun_k dd.wz2 {font-family: "PingFangSC-Ultralight";font-size: 30px;line-height: 36px;color: #333;padding-left: 15px;letter-spacing: -2px;}
.wangkun_k dd.wz3 {font-family: PingFangSC-Light;font-size: 12px;padding-left: 15px;line-height: 50px;padding-top: 50px;padding-bottom: 0px;}
.wangkun_k dd.wz4 {font-family: PingFangSC-Light;font-size: 12px;line-height: 26px;padding-left: 15px;height: 26px;float: left;}
.wangkun_k dd.wz4 a {padding-left: 12px;padding-right: 12px;height: 26px;}
.wangkun_k dd.s_video {display: none;}
.wangkun_k dd.s_video_m {display:block; float: left;font-size: 12px;color: #333;line-height: 26px;padding-left: 8px;height: 26px;}
.wangkun_k dd.s_video_m a {color: #333;text-decoration: none;padding-left: 26px;padding-right: 12px;background-color: #FFFFFF;border-radius: 15px;height: 26px;display: block;float: left;background-image: url(../images/play.png);background-size: 8px 10px;background-position: 12px center;background-repeat: no-repeat;box-shadow: 0 2px 8px rgb(0 0 0 / 5%);}

.contact_2 {width: auto;}
.contact_w {padding-right: 0px;padding-left: 0px;padding-bottom: 5px;margin-right: auto;margin-left: auto;}
.contact_k {height: 180px;padding-top: 0px;background-image: linear-gradient(to TOP, rgba(255,255,255,0), rgba(255,255,255,1));border-top-width: 0px;}
.contact_k dd.wz1 {float: none;display:block;font-family: PingFangSC-Light;font-size: 12px;color: #888;text-indent: 0px;letter-spacing: 0px;height: 54px;line-height: 54px;text-align: center;opacity: 0.80;padding-right: 0px;}
.contact_k dd.email {font-family: PingFangSC-Light;font-size: 14px;margin-right: 0px;line-height: 50px;width: 50%;opacity: 0.80;margin-bottom: 10px;}
.contact_k dd.email a {text-indent: 46px;height: 50px;margin-left: 15px;margin-right: 5px;border-radius: 12px;}
.contact_k dd.phone {font-family: PingFangSC-Light;font-size: 14px;margin-right: 0px;line-height: 50px;width: 50%;opacity: 0.80;margin-bottom: 10px;}
.contact_k dd.phone a {text-indent: 46px;height: 50px;margin-left: 5px;margin-right: 15px;border-radius: 12px;}
.contact_k dd.qq {font-family: PingFangSC-Light;font-size: 14px;margin-right: 0px;line-height: 50px;width: 50%;opacity: 0.80;margin-bottom: 10px;}
.contact_k dd.qq a {text-indent: 46px;height: 50px;margin-left: 15px;margin-right: 5px;border-radius: 12px;}
.contact_k dd.wkun {display: none;}
.contact_k dd.weixin {display: none;}

.contact_k dd.weixin_m {font-family: PingFangSC-Light;display:block;font-size: 14px;color: #333;line-height: 50px;width: 50%;float: left;opacity: 0.80;margin-bottom: 10px;}
.contact_k dd.weixin_m a {color: #333;text-indent: 46px;text-decoration: none;height: 50px;display: block;background-image: url(../../images/v6/index_weixin.svg);background-repeat: no-repeat;background-position: 17px center;background-size: 18px;margin-left: 5px;margin-right: 15px;background-color: rgba(0,0,0,0.04);border-radius: 12px;}
.pic {display: none;position: absolute;width: 160px;height: 160px;border-radius: 10px;box-shadow: 0 10px 40px rgb(0 0 0 / 30%);opacity: 0.90;z-index: 100;right: 50%;margin-right: -80px;margin-top: -50px;}
.pic img {width: 100%;border-radius: 10px;}

.explanation {font-family: PingFangSC-Light;font-size: 9px;line-height: 18px;margin-right: 15px;margin-left: 20px;padding-bottom: 10px;}
.wkun_book_an {display:block;font-size: 16px;color: #666;line-height: 38px;border-radius: 20px;margin-right: 15px;margin-left: 15px;}
.wkun_book_an a {font-family: PingFangSC-Light;display: block;height: 44px;border-radius: 22px;background: -webkit-linear-gradient(left,#555 0,#222 100%);background: linear-gradient(to right,#555 0,#222 100%);font-size: 14px;line-height: 44px;color: #FFF;text-align: center;text-decoration: none;box-shadow: 0 2px 8px rgba(0,0,0,.30);}
.wkun_book_an a:hover {text-decoration: none;color: #FFF;background: -webkit-linear-gradient(left,#24A686 0,#24A686 100%);background: linear-gradient(to right,#24A686 0,#24A686 100%);}
#book_more {height: 15px;padding-left: 5px;padding-right: 5px;position: relative;background-color: #FFFFFF;top: -30px;border-radius: 30px;z-index: 100;padding-top: 1px;opacity: 0.90;left: -15px;float: right;}
.k_z {display:block;height: 25px;padding-top: 25px;padding-right: 20px;padding-left: 20px;}
.bq_wkun_logo {float: left;height: 22px;width: 60px;background-image: url(../../images/logo_2020/com_black.png);background-size: 53px 22px;background-repeat: no-repeat;background-position: left center;}
.bq_wxk_logo {float: left;height: 22px;width: 100px;background-image: url(../../images/logo_2020/wxk_black.png);background-size: 86px 22px;background-repeat: no-repeat;background-position: left center;}
.bq_hda {float: right;height: 22px;}
.bq_hda a {font-family: PingFangSC-Light;display: block;height: 22px;background-image: url(../../images/v6/hda_icon.svg);background-size: 22px 22px;background-repeat: no-repeat;-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);background-position: left center;color: #666;font-size: 9px;padding-left: 26px;text-decoration: none;line-height: 11.5px;}
.about_copyright {display:block;font-size: 10px;line-height: 20px;color: #888888;padding-left: 20px;font-family: PingFangSC-Light;padding-right: 20px;padding-top: 10px;height: 60px;}
}