html, body {
    height:100%;
    SCROLLBAR-FACE-COLOR:   #505050;  
    SCROLLBAR-HIGHLIGHT-COLOR:   #303030;  
    SCROLLBAR-SHADOW-COLOR:   #303030;  
    SCROLLBAR-TRACK-COLOR:   #303030;  
    SCROLLBAR-DARKSHADOW-COLOR:   #303030;
}
::-webkit-scrollbar/*整体部分*/
{
    width: 15px;
    height: 15px;
}
::-webkit-scrollbar-track/*滑动轨道*/
{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0px;
background: #404040;
}

::-webkit-scrollbar-thumb/*滑块*/
{
border-radius: 0px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover/*滑块效果*/
{
border-radius: 0px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.4);
}
.header {
    height:50px;
    width:100%;
    background-color:#151717;
    position:fixed;
    z-index:100;
}
.middle {
    height:100%;
    width:100%;
    position:relative;
}
.bg {
    height:100%;
    width:100%;
    background-color:#0E1012;
    position:relative;
}
.QRCode-info {
    position:absolute;
    right:220px;
    bottom:95px;
    color:#fff;
    z-index:11;
    font-size:14px;
}
.QRCode-img {
    position:absolute;
    right:20px;
    bottom:90px;
    color:#fff;
    z-index:11;
}
.QRCode-img2 {
    width:90px;
    position:absolute;
    right:120px;
    bottom:90px;
    color:#fff;
    z-index:11;
}
.foot-message {
    color:#606060;
    text-align:center;
    font-size:14px;
    /*padding-top:20px;
    padding-bottom:20px;*/
    background-color:#0E1012;
    position:fixed;
    bottom:0;
    z-index:100;
    width:100%;
    height:60px;
    
}
.copyrightwrap {
    width:438px;
    height:60px;
    margin:5px auto;
}
.company {
    line-height:25px;
    float:left;
}
.copyright {
    margin-left:40px;
    line-height:24px;
    float:left;
}
.copyright a {
    color: #606060;
}
.overlay {
    position: absolute; 
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: rgba(0,0,0,.6); 
    z-index:9;
}
.main{
    top:30px;
	width:1200px;
	height:80%;
    min-height:650px;
    color: #fff; 
    position: absolute; 
    margin:0 auto;
	z-index:10;
}
.logoImg {
    position:absolute;
    left:200px;
    top:350px;
}
.top-title {
    position:absolute;
    color:#fff;
    left:350px;
    top:100px;
    font-size:32px;
}
.angle {
    position:absolute;
}
.angle1 {
    left:458px;
    top:258px;
}
.angle2 {
    left:712px;
    top:258px;
}
.angle3 {
    left:458px;
    top:512px;
}
.angle4 {
    left:712px;
    top:512px;
}
.blocks {
    position:absolute;
    width:260px;
    height:260px;
    left:460px;
    top:260px;
    border:1px solid white;
}
.block {
    position:absolute;
    width:110px;
    height:110px;
    background: rgba(200,200,200,.3); 
    z-index:11;
}
.block1 {
    left:470px;
    top:270px;
}
.block2 {
    left:600px;
    top:270px;
}
.block3 {
    left:470px;
    top:400px;
}
.block4 {
    left:600px;
    top:400px;
}
.block-img {
    display:none;
    width:100%;
    height:100%;
}
.main .block:hover {
    cursor:pointer;
}
.center-message {
    display:none;
    width:100%;
    position:absolute;
    bottom:5px;
    line-height:1.6;
    color:#101010;
    text-align:center;
    font-weight:500;
}
.bottom-message {
    display:none;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:36px;
    line-height:36px;
    background: rgba(0,0,0,.6); 
    font-size:18px;
    text-align:center;
}

.details {
    position:absolute;
    display:none;
    left:300px;
    top:130px;
    width:750px;
    height:500px;
    background: rgba(0,0,0,.5); 
    z-index:11;
}
.right-message {
    position:absolute;
    left:820px;
    top:270px;
    width:342px;
    height:180px;
    color:#E5611A;
}
.right-message p {
    font-size:18px;
    line-height:2.4;
}
.details-title {
    position:absolute;
    font-size:36px;
    left:80px;
    top:40px;
    color:#E5611A;
    font-weight:500;
}
.details-title-info {
    position:absolute;
    left:250px;
    top:56px;
    color:#FFF;
    font-weight:500;
}
.details-title-right {
    position:absolute;
    left:550px;
    top:60px;
    color:#FFF;
    font-weight:400;
}
.subtitles-right {
    position:absolute;
    left:500px;
    top:60px;
    color:#FFF;
    font-weight:400;
}
.subtitles {
    position:absolute;
    left:600px;
    top:60px;
    color:#FFF;
    font-size:16px;
}
.subtitles span{
    display:inline-block;
    margin-right:30px;
    cursor:pointer;
}
.sep-line {
    position:absolute;
    width:630px;
    height:1px;
    background-color:#464646;
    left:60px;
    top:100px;
}
.main-body {
    width:640px;
    height:410px;
    margin:120px 0 0 50px;
    overflow:auto;
    padding:5px;
}
.body {
    width:640px;
    height:340px;
    margin:120px 0 0 50px;
    overflow:auto;
    padding:5px;
    display:none;
}
.body-img {
    float:left;
    margin:5px 20px 10px 5px;
}
.body p {
    line-height:1.8;
    font-size:16px;
    color:#747676;
}
.mission h2 {
    font-weight:500;
    font-size:24px;
    line-height:1.8;
}
.mission p {
    line-height:1.9;
}
.us p {
    text-indent:40px;
}
.active {
    color:#E5611A;
}
.base p {
    text-indent:40px;
}
.base-img-box {
    width:160px;
}
.base-img-box img {
    width:100%;
    border:1px solid #717271;
}
.base-img-box p {
    text-indent:54px;
}
.img-box {
    width:180px;
    height:150px;
    float:left;
    margin:0 22px 0 10px;
}
.img-box h3{
    font-size:16px;
    color:#606263;
    line-height:2.0;
    text-indent:16px;
}
.row2 {
    margin-top:70px;
}
.proto-img {
    width:100%;
    height:140px;
    border:1px solid #717271;
}
.partner-info span ,.joinus p{
    font-size:18px;
    color:#606263;
    line-height:2.2;
}
.partner-info input ,.partner-info textarea{
    background: rgba(30,30,30,.8); 
    display:inline-block;
    width:360px;
    margin-left:20px;
    border:1px solid #434443;
    color:#fff;
    font-size:14px;
}
.requirement span {
    display:inline-block;
    vertical-align:top;
}
.requirement textarea{
    height:100px;
    margin-top:10px;
    resize: none;
}
.sendinfo {
    background: rgba(50,50,50,.8); 
    width:120px;
    height:36px;
    margin:20px 0 0 210px;
    border:1px solid #434443;
    color:#fff;
    font-size:18px;
}
.friendly {
    margin:35px 0;
}
.friendly a {
    margin:0 25px;
}
.friendly-img {
     width:100px;
     height:100px;
}
.friendly-img1 {
     width:100px;
     height:40px;
}
.common {
    height:62px;
    margin:50px 0;
}
.friendly-info {
    font-size:18px;
    display:inline-block;
    vertical-align:middle;
    height:100%;
    line-height:30%;
}

#kinMaxShow .KMSPrefix_kinMaxShow_button {
    bottom: 60px !important;
}