html{overflow-y:scroll; overflow-x:hidden;}
body{font:16px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#ffffff; margin: 0; width: 100%;}
a:visited,a:link{text-decoration:none;}
ul,li,ol {list-style:none;}
input{outline:none; border:none;}
button{outline:none; border:none;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.site-header{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
    height: 100px;
    background-image: url("../img/banner.jpg");
}

.container{
    width: 1200px;
    height: 100%;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 50%;
    margin-left: -600px;
}

#site-logo {
    float: left;
    position: relative;
    padding-top: 30px;
    z-index: 9;
}
#site-logo-inner a img{
    width: 180px;
}
.clearfix:before{
    clear: both;
    display: table;
    line-height: 0;
    content: "";
}


#main-nav{
    position: absolute;
    left: 236px;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*.current-menu-item{*/
    /*border-bottom: 4px solid #00afff;*/
    /*-moz-border-bottom-colors: #00afff  #69ffd4;*/
    /*-moz-border-top-colors: #00afff #69ffd4;*/
    /*-moz-border-left-colors: #00afff #69ffd4;*/
    /*-moz-border-right-colors: #00afff #69ffd4;*/
/*}*/

#main-nav > ul > li {
    position: relative;
    list-style: none;
    float: left;
    height: 60px;
    padding: 0 40px;
    line-height: 2.86em;
    color: #f9f9f9;
}

#main-nav > ul > li a{
    display: block;
    height: 60px;
    color: #f9f9f9;
}

#main-nav > ul > li:hover,#main-nav > ul > li.current-menu-item:hover {
    color: #00afff;
}

#main-nav > ul > li a:hover{
    color: #00afff;
}


#main-nav > ul > li a:hover:after {
    content:'';
    color: #00afff;
    position: absolute;
    display:inline-block;
    width:100px;
    height:4px;
    top:70px;
    left: 10px;
    background-image:url("../img/bg6.png");

}

.nav-top-lang{
    position: absolute;
    right: 15px;
    top: 50%;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.nav-cart{
    display: block;
    height: 50px;
    line-height: 52px;
    font-size: 16px;
}

/*第一部分*/
.wrap01 {width: 100%; height: 850px; padding-top: 100px; background:url("../img/banner.jpg")no-repeat center top;}
.wrap01 .con {position:relative; width:1200px; height:auto; margin:0 auto; }
.show{position:absolute; margin:260px auto 0;}
.show_tab{margin-left: 80px;}
.show_tab_sp{font-size: 72px}
.shoe_tab_p1{margin-top:45px; font-size: 50px;line-height:0px;}
.shoe_tab_p2{margin-top:45px;font-size: 24px; color:#93b2c5}
.show_tab2{margin: 45px 0 0 40px;}

.spa1{display: inline-block; text-align: center;
    width:220px;height:48px;line-height: 50px;
    color: white;
    background:#09b6fb;
    font-size: 24px;
    border: #00afff 1px solid;border-radius:25px;
}
.spa1:hover{
    color: #09b6fb;
    background:white;
    /*transform: scale(1.1);*/
    transition: all 0.5s linear;
}
.spa2{display: inline-block; text-align: center;
    width:220px;height:48px;line-height: 50px;
    color: #09b6fb;
    font-size: 24px;
    border: #00afff 1px solid;border-radius:25px;
}
.spa2:hover{
    background:#09b6fb;
    color: white;
    /*transform: scale(1.1);*/
    transition: all 0.5s linear;
}


.show2{position:absolute;top: 250px; left:750px;}

.container2{
    width: 450px;
    height: 450px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: rotate 12s infinite linear;
    animation: rotate 12s infinite linear;
}
.cube {
    position: absolute;
    width: 450px;
    height: 450px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

}
.cube--2 {
    -webkit-transform: rotateX(45deg) rotateY(45deg);
    transform: rotateX(45deg) rotateY(45deg);
}
.cube--3 {
    -webkit-transform: rotateX(45deg) rotateZ(45deg);
    transform: rotateX(45deg) rotateZ(45deg);
}

.side {
    position: absolute;
    width: 450px;
    height: 450px;
    border: 2px dotted #09b6fb;
    border-radius: 50%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

}
.side::before, .side::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: inherit;
    border: 1px solid;
    box-shadow: inset 0 0 2em, 0 0 2em;
}
.side::before {
    width: 50px;
    height: 50px;
    color: #00afff;
}
.side::after {
    width: 50px;
    height: 50px;
    -webkit-transform: translateZ(-2em);
    transform: translateZ(-2em);
    box-shadow: inset 0 0 1em, 0 0 1em;
    color: #00afff;
}

.side--back {
    -webkit-transform: translateZ(-50px) rotateY(180deg);
    transform: translateZ(-50px) rotateY(180deg);
}

.side--left {
    -webkit-transform: translateX(-50px) rotateY(-90deg);
    transform: translateX(-50px) rotateY(-90deg);
}

.side--right {
    -webkit-transform: translateX(50px) rotateY(90deg);
    transform: translateX(50px) rotateY(90deg);
}

.side--top {
    -webkit-transform: translateY(-50px) rotateX(90deg);
    transform: translateY(-50px) rotateX(90deg);
}

.side--bottom {
    -webkit-transform: translateY(50px) rotateX(-90deg);
    transform: translateY(50px) rotateX(-90deg);
}

.side--front {
    -webkit-transform: translateZ(50px);
    transform: translateZ(50px);
}

.side__inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    border-radius: inherit;
    border: 1px solid;
    box-shadow: inset 0 0 20px;
    color: #00afff;
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.side__inner::before, .side__inner::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    box-sizing: border-box;
    border-radius: inherit;
    border: 1px solid;
    box-shadow: inset 0 0 20px, 0 0 20px;
}
.side__inner::before {
    width: 25px;
    height: 25px;
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px);
    color: #38b1dc;
}
.side__inner::after {
    width: 15px;
    height: 15px;
    -webkit-transform: translateZ(40px);
    transform: translateZ(40px);
    color: #00afff;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotateX(360deg) rotateY(720deg) rotateZ(360deg);
        transform: rotateX(360deg) rotateY(720deg) rotateZ(360deg);
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotateX(360deg) rotateY(720deg) rotateZ(360deg);
        transform: rotateX(360deg) rotateY(720deg) rotateZ(360deg);
    }
}


/*第二部分*/
.wrap02{background:url(../img/beijing.jpg);overflow:hidden;}
.wrap02 .con {position:relative; width:1200px; height:6200px; margin:0 auto; }
.show3{position:absolute; margin:100px auto 0;text-align: center;width: 100%}
.show_tab_sp3{font-size: 44px}
.show_tab_sp3:after{
    content: '';
    position: absolute;
    display:inline-block;
    width:100px;
    height:4px;
    top:90px;
    left: 550px;
    background-image:url("../img/2.png");
}
.show4{position:absolute; height: 210px; margin:120px auto 0; text-align: left;width: 100% ;}
.show4 .text{background: url("../img/finchain.png") no-repeat center; height: 210px;  }
.tp{padding:35px 0 0 25px;}

.show5{position:absolute; margin:560px auto 0;text-align: center;width: 100%}
.show_tab_sp5{font-size: 44px}
.show_tab_sp5:after{
    content: '';
    position: absolute;
    display:inline-block;
    width:100px;
    height:4px;
    top:90px;
    left: 550px;
    background-image:url("../img/2.png");
}
.show6{position:absolute; margin:700px auto 0;text-align: center;width: 100%}
.job_con{overflow:hidden;}
.tab01{width: 100%;overflow:hidden;margin-bottom: 50px;}
.tab01 .tit{ background:#38b1dc; line-height:55px; height:55px; font-weight:bold; color:#fff; font-size:24px; text-align:center;}
.tab01 .tab_con{width: 100%;height: 440px;position:relative;}
.tab01 .tab_con img{width:600px;height:400px;position:absolute;top:0;left:0;}
.tab01 .tab_a{width: 100%;text-align: center; margin-left: -22px;}
.tab01 .tab_a a{border: 2px solid #07b0ec; color:#38b1dc; display: inline-block;line-height: 20px; width:20px;height:20px; border-radius: 20px;margin: 10px 8px;}
/*.tab01 .tab_a  img{width:100%; height:100%;}*/
.tab01 .tab_a a.active{border: 2px solid #38b1dc;width:20px;height:20px; border-radius: 20px; color: white; background:#38b1dc;}
.tts .spa{position: absolute; left:620px;  top:100px; font-size:32px; color:#00afff; width: 250px; }
.tts .p1{position:absolute;width: 460px;left: 633px; top:165px;color: #aebed7;line-height:30px;text-align: left; height: 120px;}

.ta_sha_a{position: absolute; top:340px;left: 630px; display: inline-block; width: 220px; height: 40px; border:1px solid #00afff;  border-radius: 25px;line-height: 40px;color: #00afff;}
.ta_sha_a:hover{color: white; background: #00afff;transition: all 0.5s linear;}


.show7{position:absolute; margin:1300px auto 0;text-align: center;width: 100%}
.show_tab_sp7{display: block; font-size: 16px; line-height: 30px; width: 600px; margin: 0px auto 0;}
.taa{margin-top: 65px; color:#aebed7;}
.show_tab_sp4{margin-top: 50px;}
.tab_ss{width: 358px; height: 560px; margin: 20px 19px; border: 1px solid #00afff; transition: all  .25s  ease-in;
    -moz-transition: all  .25s  ease-in;
    -webkit-transition: all  .25s  ease-in;}
.tab_ss img{height: 460px;padding-top: 25px;}
.tab_ss p{margin-top: 25px; color:#aebed7; font-size: 18px;}
.tab_ss:hover{transform:translateY(-8px); box-shadow:0px 0px 30px 2px #38b1dc  inset;}

.show8{position:absolute; margin:2200px auto 0;text-align: center;width: 100%}

.tab_ss2{width: 358px; height: 350px; margin: 20px 19px;  transition: all  .25s  ease-in;
    -moz-transition: all  .25s  ease-in;
    -webkit-transition: all  .25s  ease-in;}
.tab_ss2 img{height: 150px; display: inline-block; margin-top: 30px;}
.tab_ss2 h4{color: #00afff; height: 20px;font-size: 20px;}
.tab_ss2 p{color:#aebed7; line-height: 16px;}
.tab_ss2:hover{transform:translateY(-8px); box-shadow:0px 0px 30px 2px #38b1dc  inset;}


.show9{position:absolute; margin:3070px auto 0;text-align: center;width: 100%}
.tab_ss3{width: 100%; height: 480px; margin: 100px auto 0;  }
.tab_ss3 img{width: 1200px; display: inline-block;  margin: 0 auto;
    border: 1px solid #00afff;

}
.tab_ss3 img:hover{
    -moz-box-shadow: 2px 2px 10px #00afff;
    -webkit-box-shadow: 2px 2px 10px #00afff;
    box-shadow: 2px 2px 10px#00afff;
}

.tab_ss4{width: 400px; height: 350px;transition: all  .25s  ease-in;
    -moz-transition: all  .25s  ease-in;
    -webkit-transition: all  .25s  ease-in;
    position: relative;
}
.tab_ss4 img{height: 120px; display: inline-block; margin-top: 30px;}
.tab_ss4 span{color: #ffffff; height: 20px;font-size: 20px; position: absolute; top:50px; left:280px;}
.tab_ss4 h4{color: #00afff; height: 20px;font-size: 20px;}
.tab_ss4 p{color:#00afff;font-size: 24px;position: absolute; top:75px; left:280px;}
/*.tab_ss4:hover{transform:translateY(-8px); box-shadow:0px 0px 30px 2px #38b1dc  inset;}*/

.tab_ss5{width: 340px; height: 370px; margin: 50px 30px 0;
    position: relative;  background: #051520;
}
.tab_ss5 img{width: 340px; display: inline-block; margin-top: 0px;}
.tab_ss5 span{color: #ffffff; height: 20px;font-size: 20px; }
.tab_ss5 h4{color: #00afff; height: 10px;font-size: 20px; line-height: 20px;}
/*.tab_ss5 p{color:#00afff;font-size: 24px;position: absolute; top:75px; left:280px;}*/

.show10{position:absolute; margin:5050px auto 0;text-align: center;width: 100%}

.tab_ss7{width: 358px; height: 405px; margin: 20px 19px; border: 1px solid #00afff;
    position: relative;
    background: #051520;
    }
.tab_ss7:hover{
    -moz-box-shadow: 2px 2px 10px #1fc1d6;
    -webkit-box-shadow: 2px 2px 10px #1fc1d6;
    box-shadow: 2px 2px 10px #1fc1d6;
    transition: all  .25s  ease-in;
    -moz-transition: all  .25s  ease-in;
    -webkit-transition: all  .25s  ease-in;

}
.tab_ss7 img{height: 150px; display: inline-block; margin-top: 30px;}
.tab_ss7 h4{color: #00afff; height: 20px;font-size: 20px;}
.tab_ss7 p{color:#ffffff; line-height: 16px; width: 260px; margin: 0 auto;line-height: 20px; }
/*.tab_ss7:hover{transform:translateY(-6px); box-shadow:0px 0px 30px 2px #38b1dc  inset;}*/
.tab_ss7 span{position: absolute; display:block; color:#00afff; line-height: 16px;line-height: 20px; top:350px; left: 147px; }
/*底部*/
.site-footer{
    position: relative;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 999999;
    background: url("../img/beijing.jpg");
}

.show_foot{width: 1200px; margin: 0px auto; position: relative;}
.show_tab_foot{display: block; text-align: center;font-size: 44px;}
.show_tab_foot:after{
    content: '';
    position: absolute;
    display:inline-block;
    width:100px;
    height:4px;
    top:90px;
    left: 550px;
    background-image:url("../img/2.png");
}
.footer_email{
    position: relative;
    margin: 50px auto 0;
    width: 100%;
    height: 300px;
    background: url("../img/11.png") no-repeat center;
}
.footer_email span{
    position: absolute;
    top:50px;
    left: 0px;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 20px;
    color: #00afff;

}
.footer_email input{
    font-size: 18px;
    position: absolute;
    top:130px;
    left: 590px;
    width: 700px;
    height: 50px;
    border-radius: 25px;
    background-color: rgba(225, 202, 196, 0.1);
    transition: background 0.3s ease-in-out;
    padding-left:20px;

    color: #ffffff ;
}

.footer_email button{
    font-size: 18px;
    position: absolute;
    top:131px;
    left: 1089px;
    width: 220px;
    height: 50px;
    border-radius: 25px;
    background-color:#00afff;
    transition: background 0.3s ease-in-out;
    padding-left:20px;
    color: #ffffff ;
}
.footer_email input:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
    color: #ffffff;
}
.footer_im{
    width: 100%;
    height: 300px;
    background: url("../img/22.png") no-repeat center;
}
.content{width: 1200px;  margin: 0 auto; position: relative;   }

.content_logo{position: absolute; left: 0px; top:50px;}
.content_logo img{width: 200px; position: absolute; top:5px; left: 5px}
.content_img{margin: 0 auto; padding-top: 100px;}
.content_imguli{height: 110px;width: 190px;}

.swa_im{position: absolute;top:-80px; left:250px; display: none;}
.swa_im img{width: 150px;}

.swa_im2{position: absolute;top:-100px; left:440px; display: none;}
.swa_im2 img{width: 150px;}
/*.content_imguli:hover {*/
    /*transform-origin: center center;*/
    /*transform: scale(1.1, 1.1);*/
    /*-webkit-transform-origin: center center;*/
    /*-webkit-transform: scale(1.1, 1.1);*/
    /*-moz-transform-origin: center center;*/
    /*-moz-transform: scale(1.1, 1.1);*/
    /*-o-transform-origin: center center;*/
    /*-o-transform: scale(1.1, 1.1);*/
    /*-ms-transform-origin: center center;*/
    /*-ms-transform: scale(1.1, 1.1);*/
/*}*/
.content_imguli a{display:block;text-align: center;}
.content_imguli a img{width: 80px; text-align: center;}