body{background: #05071b; font-family:"-apple-system", "San-Fransico", Helvetica Neue, Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;}
.headerBanner{height:559px; background: url(https://img.zcool.cn/special-resource/ktk2018/assets/img/banner.jpg) no-repeat center top;}
.layout:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.layout {
  zoom: 1;
}
.wp{
	width:1080px;margin-left:auto;margin-right:auto;
}
.bm{ display: inline-block;width:141px;height:51px;left:785px; background: url(https://img.zcool.cn/special-resource/ktk2018/assets/img/bm.png); position: absolute;top:378px; }
.mybtn{display: inline-block;width:142px;height:52px;left:935px; background: url(https://img.zcool.cn/special-resource/ktk2018/assets/img/mybtn.png); position: absolute;top:378px;}

.headerBanner a:hover{ opacity: 0.8;text-decoration:none;}

.navigation{
	height:60px; background: #000;
}
.navigation .nav{
	height:60px;
}
.navigation .nav li{float:left;width:178px;border-right:1px solid #666;height:60px; position: relative;}
.navigation .nav li a{ display: block;width:178px;height:60px;font-size: 24px;color: #fccf00;line-height: 60px;text-align: center;}
.navigation .nav li:first-child{border-left:1px solid #666;}
.navigation .nav li.active{background-color: #4d4d4d;}
.navigation .nav li.active:before{content:"";position:absolute;left:20px;top:26px;width:9px;height:10px;background: url(https://img.zcool.cn/special-resource/ktk2018/assets/img/circle.png);}
.navigation .nav li.active:after{content:"";position:absolute;right:20px;top:26px;width:9px;height:10px;background: url(https://img.zcool.cn/special-resource/ktk2018/assets/img/circle.png);}

/*.nav1 a{ background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/nav1.png) no-repeat center center; }
.nav2 a{ background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/nav2.png) no-repeat center center; }
.nav3 a{ background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/nav3.png) no-repeat center center; }
.nav4 a{ background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/nav4.png) no-repeat center center; }
.nav5 a{ background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/nav5.png) no-repeat center center; }
.nav6 a{ background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/nav6.png) no-repeat center center; }*/

.navigation .nav li a:hover{background-color: #4d4d4d;text-decoration:none;}
.moT1{font-size: 24px;color: #fccf00;}


.bg1{min-height:898px;padding-top:80px;background:#afe2cf url(https://img.zcool.cn/special-resource/ktk2018/assets/img/bg1.jpg) no-repeat center top;box-sizing: border-box;padding-bottom:70px}
.bg2{min-height:933px;background:#3d403e url(https://img.zcool.cn/special-resource/ktk2018/assets/img/bg2.jpg) no-repeat center top;box-sizing: border-box;padding-bottom:70px;}

.bg3{background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/bg1.jpg) no-repeat center top;background-size:2400px 100%;   padding:80px 0 60px;max-height: 1500px;}
.bg4{background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/bg1.jpg) no-repeat center top;background-size:2400px 100%;   padding:80px 0 60px;max-height: 1500px;}
.bg6{background:url(https://img.zcool.cn/special-resource/ktk2018/assets/img/bg1.jpg) no-repeat center top;background-size:2400px 100%;   padding:70px 0 60px;}

.opbox{ background: rgba(255,255,255,0.5); }


.obleft{float:left;width:50%;height:294px;padding:40px 30px 0; box-sizing: border-box; border-right:1px solid #f7f1de;}
.obright{margin-left:50%;padding:40px 30px 0;box-sizing: border-box;}


.mt40{margin-top:40px;}
.mt80{margin-top:80px;}.pt80{padding-top:80px;}
.pt60{padding-top:60px;}

a.tab1{width:140px;height:50px; display: inline-block; box-sizing: border-box;border:2px solid #fccf00;border-radius: 1000px;margin-right:10px;font-size: 24px;background: none;color: #fccf00;text-align: center;line-height: 46px;}
a.tab1.active,a.tab1:hover{ background:#fccf00;color: #000;text-decoration:none;}

a.tab2{width:140px;height:50px; display: inline-block; box-sizing: border-box;border:2px solid #fccf00;border-radius: 1000px;margin-right:10px;font-size: 24px;background: none;color: #fccf00;text-align: center;line-height: 46px;}
a.tab2.active,a.tab2:hover{ background:#fccf00;color: #000;text-decoration:none;}


.obul{padding-top:30px;}
.obul li{height:36px;font-size:14px;color:#2a2e24;width:450px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.obul li a{color:#2a2e24; margin-left:10px;}
.obtxt{color:#2a2e24;font-size:14px;margin-top:25px;line-height:24px;height:170px;overflow:auto;}


.works{margin-right:-30px;padding-top:20px;}
.works.nomargin{padding-top:0;}
.works li{float:left;width:250px;height:300px;margin:30px 27px 0px 0px; background:#ffffff;}
.works li > a{width:250px;height:188px; display: inline-block;overflow: hidden;}
.works li > a img{width:250px;height:188px; transition: transform 0.5s ease;}
.works li > a:hover img{transform: rotate(5deg) scale(1.1);}

.works li > div{padding:5px 10px 0; font-size:14px;white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;}
.works li > div > a{line-height:40px;color:#282828;text-decoration: none; }
.works li > div > p{line-height:24px;white-space:normal;color:#777777;}

.works li:hover{ background: #000;color:#b1e4d1; }
.works li:hover > div > a{color:#fff;}
.works li:hover > div > p{color:#7accb4;}
.mwork2 .works li:hover > div > p{color:#b1e4d1;}
#showArticle .works li:hover{ background: #000;color:#b1e4d1; }

#showspecial.works li:hover,.bg2 .works li:hover{ background: #000;color:#fff; } 

.logobox{padding:70px 0;text-align: center;}
.logobox > span{font-size:16px;color:#fff;}
.logobox > span:last-of-type{padding-left:50px;}
.logobox a{ display: inline-block;margin-left:30px; }


.sideshare{width:90px;z-index:222;position:absolute; margin-left:1110px;margin-top:30px;}
.fixed.sideshare{position:fixed;top:0;}
.sideshare li{ border-radius: 0;border-top:1px solid #dedfda;background:rgba(255,255,255,0.8); position: relative;}
.sideshare li:first-child{border-top:0; border-radius: 5px 5px 0 0;}
.sideshare li:last-child{border-radius: 0 0  5px 5px;}
.sideshare li > a{padding:14px 0; display: block; text-align: center;}


.sideshare li:hover{background:rgba(255,255,255,1);}

.ewm{ display: none;top:68px; text-align: center;padding-top:5px; position: absolute;width:90px;height:85px; background: rgba(255,255,255,0.8);}
.ewm:before{content:"";width:0;height:0; position: absolute;left:50%;top:-10px;margin-left:-5px;border-width:5px;border-style: solid;border-color:transparent transparent #fff transparent;}
.sideshare li:hover .ewm{ display: block; }


.articlesList{background: rgba(255,255,255,0.5);}
.articlesList li{border-bottom:1px solid #d3d3d2;padding:40px;}
.articlesList li:hover{background: rgba(255,255,255,0.5);}
.articlesList li >a{float:left;}
.articlesList li >a img{width:200px;height:150px;}
.articlesList li > div{margin-left:230px;}
.articlesList li > div > a{font-size:18px;font-weight:bold;color:#282828;}
.articlesList li > div > p{color:#282828;line-height:24px;font-size:14px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.articlesList li > div > div{padding:15px 0;font-size:14px;color:#666666;}


.bbox{ display: table; width:100%;}
.leftbox{ display: table-cell;vertical-align: top; background: #000; color:#b1e4d1;width:180px;box-sizing: border-box; }
.rightbox{display: table-cell;vertical-align: top; height:1140px; box-sizing: border-box; background: rgba(255, 255, 255, 0.55)}

.rightboxContent{margin:40px;height:1060px;padding-right:10px;line-height:24px;font-size:14px;color:#282828; position: relative; overflow:auto;}
.rightboxContent h3{font-size:20px;color:#000;padding-top:30px; font-weight:bold;}
.rightboxContent b{color:#000;}
.rightboxContent p{margin:0px 0 0;}
.rightboxContent p.f12{font-size:12px;}


.leftnavs{padding:20px 0;}
.leftnavs li a{line-height:36px; text-decoration: none; color:#fccf00;font-size:14px; display: block;padding: 0 0 0 30px;}
.leftnavs li.active a,.leftnavs li a:hover,.leftnavs li.still a{ background: url(https://img.zcool.cn/special-resource/ktk2018/assets/img/circley.png) no-repeat 13px center;color:#fccf00; font-weight: bold; }



::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


.workbg{background: url(https://img.zcool.cn/special-resource/ktk2018/assets/img/bg1.png) no-repeat center top;
    background-size: 2400px 100%;max-height: 770px;
    padding: 80px 0 60px;
}