@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; list-style-image: none;list-style-type: none;}
html{-webkit-text-size-adjust:none;}
body {background-color: #FFFFFF;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;
background-image: url(../images/logo_about_bg.svg);background-repeat: no-repeat;background-position: right bottom;background-size: 35%;background-attachment: fixed;}
img { border:none;}
.fix {clear:both;height: 1px;font-size: 0px;}
::selection {color: #F0F0F0;background: #444;}/*内容选中效果*/

/*隐藏移动端板块*/
.top {display: none;}

/*自定义滚动条*/
::-webkit-scrollbar{width: 12px;height: 12px;background-color: #E3E3E3;}/*滚动条高宽及背景*/
::-webkit-scrollbar-track{background-color: #E3E3E3;} /*定义滚动条轨道*/
::-webkit-scrollbar-thumb{background-color: #555;}/*滑块*/
::-webkit-scrollbar-thumb:hover{background-color:#3B3B3B}/*滑块触发*/
::-webkit-scrollbar-corner{background-color: #d3d3d3;}/*边角，即两个滚动条的交汇处*/

@font-face
{font-family: BrandonText-Black;src: url('../../css/font/BrandonText-Black.otf')}

.logo_about {width: 100px;padding-top: 80px;padding-bottom: 20px;}
.logo_about a {text-decoration:none;display: block;height: 63px;width: 70px;background-image: url(../images/logo2020_about.svg);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);opacity:10;}
.logo_about a:hover {background-image: url(../images/logo2020_about.svg);background-repeat: no-repeat;opacity:0.5;}

.about_logo {display: none;}
.zhezhao {width: 25%;height: 100%;position: fixed;top: 0px;left: 0px;z-index:10;background-color: #F7F7F7;float: left;}


.zw {width: 1180px;margin-right: auto;margin-left: auto;background-color: #FFFFFF;border-radius:0px 0px 5px 5px;}
.zw_z {float: right;padding-right: 60px;}
.zw_z_01 {width: 100px;height: 60px;padding-top: 50px;}
.zw_z_01 dd.zh {font-size: 16px;color: #CCCCCC;height: 24px;}
.zw_z_01 dd.zh a {text-decoration:none;display: block;color: #111;-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);}
.zw_z_01 dd.zh a:hover {color: #999;}
.zw_z_01 dd.eng {font-size: 12px;color: #CCCCCC;}
.zw_y {float: left;margin-left: 25%;padding-left: 5%;padding-right: 10%;padding-top: 90px;padding-bottom: 60px;width: 60%;}
.zw_y_index {float: left;margin-left: 25%;padding-left: 5%;padding-right: 10%;padding-top: 90px;padding-bottom: 60px;width: 60%;}
.zw_y_bt_5_2 {font-family: BrandonText-Black;font-size: 60px;color: #111;height: 120px;line-height: 120px;letter-spacing: -4px;}

@font-face
{font-family: Langdon;src: url('../../design/css/Langdon.otf')}

.list_text_bt {font-family: BrandonText-Black;font-size: 60px;color: #111;height: 95px;line-height: 40px;letter-spacing: -4px;}
.list_text {font-size: 14px;line-height: 27px;color: #111;}
p {margin: 25px 0; }
.list_text a {color:#111;text-decoration:none;font-size: 12px;background: rgba(0,0,0,0.05);border-radius: 15px;padding-top: 2px;padding-right: 7px;padding-bottom: 2px;padding-left: 7px;white-space: nowrap;-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);}
.list_text a:hover {text-decoration:none;color: #FFFFFF;background-color: #111;}
.list_text_year {font-family: BrandonText-Black;font-size: 22px;color: #111;padding-top: 20px;letter-spacing: -2px;}

.job_mail {font-family: BrandonText-Black;font-size: 30px;color: #111;height: 30px;}

.list_text_links {color: #666666;height: 400px;padding-top: 25px;}
.list_text_links a {color:#111;text-decoration:none;font-size: 16px;display: block;float: left;margin-right: 40px;margin-bottom: 40px;-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);}
.list_text_links a:hover {text-decoration:none;color: #999;}
.list_text_links_photo {padding-top: 30px;}
.list_text_links_photo a {text-decoration:none;display: block;float: left;margin-right: 40px;margin-bottom: 40px;-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);}
.list_text_links_photo img {height: 30px;}
.list_text_links_photo a:hover {opacity:0.7;}
.list_explain {padding-top: 30px;font-size: 14px;line-height: 25px;color: #999999;margin-top: 30px;}
.list_explain a {color:#111;text-decoration:none;}
.list_explain a:hover {color:#888;text-decoration:none;}
.list_explain_wz {padding-top: 30px;font-size: 14px;line-height: 25px;color: #999999;margin-top: 30px;}
.list_explain_wz a {color:#111;text-decoration:none;}
.list_explain_wz a:hover {color:#888;text-decoration:none;}
.wkun_tag {color: #333;text-decoration: none;background-color: #FFF;opacity: 0.5;border-radius: 35px;display: block;font-size: 12px;line-height: 35px;width: 300px;margin-right: auto;margin-left: auto;text-align: center;box-shadow: 0 0 12px rgba(0, 0, 0, .2);}

.links_copy {text-decoration:none;color: #999999;font-size: 14px;line-height: 40px;background-color: #F3F3F3;height: 40px;width: 95%;border: 1px solid #F3F3F3;padding-right: 10px;padding-left: 10px;border-radius: 10px;}
.copyright_certificate {height: 30px;font-size: 12px;color: #BCBCBC;position: absolute;bottom: 30px;right: 0px;width: 160px;float: right;}
.copyright_certificate a {text-decoration:none;color: #BCBCBC;}
.copyright_certificate a:hover {text-decoration: none;color: #888888;}
.statistics {height: 15px;font-family: Verdana;font-size: 11px;color: #EAEAEA;position: fixed;bottom: -20px;}
.statistics a { color:#EAEAEA; text-decoration:none;}
.statistics a:hover {text-decoration:none;}

/*自适应解决方案*/
@media screen and (max-width: 1000px) {
.zhezhao {width: 250px;}
.zw_y {margin-left: 250px;padding-left: 50px;padding-right: 50px;width: 638px;}
.zw_y_index {margin-left: 250px;padding-left: 50px;padding-right: 50px;width: 638px;}
}
@media screen and (max-width: 600px) {
body {background-size: 60%;}
.about_top {display: flex;align-items: center;justify-content: space-between;z-index: 1000;position: fixed;height: 70px;width: 100%;margin-right: auto;margin-left: auto;-webkit-backdrop-filter: saturate(200%) blur(30px);backdrop-filter: saturate(200%) blur(30px);background: rgba(255,255,255,0.8);}
.nav_logo {float: left;padding-left: 5%;}
.nav_logo a {text-decoration: none;display: block;height: 30px;width: 34px;background-image: url(../images/nav/web_logo.svg);background-size: auto 30px;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;}
.nav_logo a:hover {width: 34px;}
.nav {display: flex;justify-content: space-between;float: right;width: 90px;padding-right: 5%;}
.nav_dhrs {float: right;}
.nav_dhrs a {text-decoration:none;display: block;height: 24px;width: 24px;background-image: url(../images/nav/nav_book.svg);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);opacity:10;}
.nav_dhrs a:hover {opacity:0.6;}
.nav_design {float: right;}
.nav_design a {text-decoration:none;display: block;height: 24px;width: 24px;background-image: url(../images/nav/nav_design.svg);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);opacity:10;}
.nav_design a:hover {opacity:0.6;}

.zhezhao {display: none;}
.zw_y {margin-left: 0px;padding-top: 90px;padding-left: 5%;padding-right: 5%;width: 90%;padding-bottom: 0;}
.zw_y_index {margin-left: 0px;padding-top: 25px;padding-left: 5%;padding-right: 5%;width: 90%;padding-bottom: 0;border-radius: 15px 15px 0 0;box-shadow: 0 -30px 50px rgba(0, 0, 0, .1);background: rgba(255, 255, 255, 0.8);-webkit-backdrop-filter: saturate(200%) blur(30px);backdrop-filter: saturate(200%) blur(30px);margin-top: 400px;}
.about_logo_2 {height: 700px;position: fixed;z-index: -3;width: 100%;background: linear-gradient(to bottom,#FDFDFD 0,#D5D5D5 100%);}
.about_logo_k {height: 400px;position: fixed;display: block;z-index: -2;width: 100%;background-image: url(../images/wkun_design.png);background-size: 350px;background-repeat: no-repeat;background-position: center center;-webkit-animation:'title1' 3s 1;}
.about_logo {position: fixed;width: 100%;display: block;z-index: -1;height: 100%;background-image: url(../images/wangkun.png);background-size: 360px;background-repeat: no-repeat;background-position: center 60px;-webkit-animation:'title2' 2s 1;}

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

.list_text_bt {height: 40px;font-size: 24px;letter-spacing: -2px;}
.list_text {font-family: "PingFangSC-Light";font-size: 13px;line-height: 24px;word-break: normal;text-align: justify;}
.list_text a {font-size: 11px;}
.list_text img {width: 100%;}
p {margin: 15px 0; }
.list_text_year {padding-top: 10px;}

.zw_y_bt_5_2 {font-size: 24px;letter-spacing: -2px;height: 60px;line-height: 60px;}
.list_text_links {font-family: "PingFangSC-Light";display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 10px;height: auto;padding-top: 20px;}
.list_text_links a {font-size: 14px;margin-right: 0px;background: rgba(0,0,0,0.04);border-radius: 20px;text-align: center;width: 100%;margin-bottom: 20px;line-height: 40px;}
.list_text_links_photo img {height: 14px;}
.list_text_links_photo {padding-top: 0px;padding-bottom: 20px;}
.list_text_links_photo a {text-decoration:none;display: block;float: left;margin-right: 15px;margin-bottom: 15px;}
.list_explain {display: none;}
.list_explain_wz {font-size: 12px;padding-top: 10px;font-family: "PingFangSC-Light";margin-top: 00px;padding-bottom: 30px;}
}