*:before,*:after,*{box-sizing:border-box;margin:0;padding:0;}
html,body{width: 100%;height:100%;font-size: 12px;font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#fff;}
ul,li,ol{list-style: none;}
input,button,textarea{outline:none;}
a { text-decoration: none; }
/* 主体内容区域 */
a.backIndex{
    position: fixed;
    right: 8px;
    top: 60%;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 16px;
    background: rgba(0,0,0,.2);
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    padding-top: 5px;
    z-index: 10;
    text-align: center;
}
a.backIndex:hover{
    color:orange;
    background:rgba(0,0,0,.4);
}
ul.contentBox>li{
    display: block;
    width:100%;
    height:600px;
    position:relative;
    background: #000;
    overflow-x:auto;
}
ul.contentBox>li.page0{background:url(../images/bg_page0.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page1{background:url(../images/bg_page1.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page2{background:url(../images/bg_page2.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page3{background:url(../images/bg_page3.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page4{background:url(../images/bg_page4.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page5{background:url(../images/bg_page5.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page6{background:url(../images/bg_page2.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page7{background:url(../images/bg_page3.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page8{background:url(../images/bg_page2.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page9{background:url(../images/bg_page4.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page10{background:url(../images/bg_page5.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page11{background:url(../images/bg_page2.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page12{background:url(../images/bg_page3.jpg) no-repeat;background-size:100% 100%;}
ul.contentBox>li.page13{background:#eee;}
.slogen{
    position: absolute;
    top: 9%;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 14%;
}
.slogen img{
    display: block;
    width:100%;
}
.page0>img{
    position: absolute;
    left: 50%;
    margin-left: -25%;
    bottom: 5%;
    display: block;
    width:50%;
}
.textInfo{
    position:absolute;
    left:0;
    top:50%;
    margin-top:-50px;
    width: 100%;
    height:80px;
}
.textInfo span{
    display: block;
    width: 100%;
    height: 36px;
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
}
.page1>img{
    position:absolute;
    left:50px;
    top:76px;
    display: block;
    width:200px;
    z-index: 10;
}
.subBg_page{
    position: relative;
    width:80%;
    height:100%;
    padding-left:50px;
    padding-top:30%;
    background: url(../images/subBg_page1.png);
    background-size:100% 100%;
}
.subBg_page li{
    position:absolute;
}
.subBg_page li:nth-child(1){top:200px;left:10%;}
.subBg_page li:nth-child(2){top:200px;left:40%;}
.subBg_page li:nth-child(3){top:300px;left:15%;}
.subBg_page li:nth-child(4){top:300px;left:45%;}
.subBg_page li:nth-child(5){top:400px;left:20%;}
.subBg_page li:nth-child(6){top:400px;left:50%;}
.subBg_page li i{
    display: inline-block;
    width:80px;
    height:80px;
    border-radius:50px;
    vertical-align: middle;
}
.subBg_page li a{
    display: inline-block;
    width: auto;
    height: 80px;
    line-height: 80px;
    padding-left: 20px;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.subBg_page li:nth-child(1) i{background:url(../images/page1_icons1.png) no-repeat;background-size:80px 160px;background-position:0 -82px;}
.subBg_page li:nth-child(2) i{background:url(../images/page1_icons2.png) no-repeat;background-size:80px 160px;background-position:0 -82px;}
.subBg_page li:nth-child(3) i{background:url(../images/page1_icons3.png) no-repeat;background-size:80px 160px;background-position:0 -82px;}
.subBg_page li:nth-child(4) i{background:url(../images/page1_icons4.png) no-repeat;background-size:80px 160px;background-position:0 -82px;}
.subBg_page li:nth-child(5) i{background:url(../images/page1_icons5.png) no-repeat;background-size:80px 160px;background-position:0 -82px;}
.subBg_page li:nth-child(6) i{background:url(../images/page1_icons6.png) no-repeat;background-size:80px 160px;background-position:0 -82px;}
.subBg_page li:hover i{background-position:0 0;cursor: pointer;}

.page2>img,.page4>img,.page6>img,.page8>img,.page9>img,.page11>img{
    position:absolute;
    left:50%;
    top:50px;
    display: block;
    width:400px;
    margin-left:-200px;
}
.page2>ul,.page4>ul,.page6>ul,.page8>ul,.page9>ul,.page11>ul{
    display: block;
    position: absolute;
    width: 100%;
    height: 400px;
    left: 0;
    top: 50%;
    margin-top: -200px;
}
.page2>ul>li,.page4>ul>li,.page6>ul>li,.page8>ul>li,.page9>ul>li,.page11>ul>li{
    width:50%;
    float: left;
    height:400px;
    padding:0 50px;
}
.page2>ul>li:nth-child(1),.page4>ul>li:nth-child(1),.page6>ul>li:nth-child(1),.page8>ul>li:nth-child(1),.page9>ul>li:nth-child(1),.page11>ul>li:nth-child(1){
    text-align: right;
    padding-right:50px;
}
.page2>ul>li:nth-child(2),.page4>ul>li:nth-child(2),.page6>ul>li:nth-child(2),.page8>ul>li:nth-child(2),.page9>ul>li:nth-child(2),.page11>ul>li:nth-child(2){
    padding-left: 50px;
}
.page2>ul>li img,.page4>ul>li img,.page6>ul>li img,.page8>ul>li img,.page9>ul>li img,.page11>ul>li img{
    display: inline-block;
    height:100%;
}
.page2>ul>li:nth-child(1) img,.page4>ul>li:nth-child(1) img,.page6>ul>li:nth-child(1) img,.page8>ul>li:nth-child(1) img,.page9>ul>li:nth-child(1) img,.page11>ul>li:nth-child(1) img{
    height:350px;
}
.page4>ul>li img{
    height: 315px;
    margin-top: 66px;
}
.page4>ul>li:nth-child(1) img{
    height:255px;
    margin-top:100px;
}
.page8>ul>li:nth-child(1){
    padding-right:100px;
}
.page4>ul>li:nth-child(1){
    padding-right: 150px;
}
/*.page3,.page5,.page7,.page10,.page12{
    padding:15%;
}*/
.page3>img,.page5>img,.page7>img,.page10>img,.page12>img{
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-240px;
    margin-left:-515px;
    display:block;
    width:1029px;
    height:480px;
}
.bgWhiteBox{
    position:absolute;
    top:50%;
    left:50%;
    width:1000px;
    height:500px;
    color:#000;
    margin-top:-250px;
    margin-left:-500px;
    background:#fff;
    box-shadow: 0 0 24px #999;
}
.halfBox{
    width:50%;
    float: left;
}
.halfBox.info{
    padding:50px;
    padding-left: 100px;
}
.halfBox.info span{
    display: block;
    width: 300px;
    height: 80px;
    font-size: 20px;
    line-height: 34px;
}
.halfBox.info img{
    display: block;
    width: 250px;
    margin-left: 20px;
    margin-top: 20px;
}
.halfBox.info p{
    display: block;
    width: 100%;
    font-size: 20px;
    padding-left: 58px;
    padding-top: 25px;
}
.halfBox.connect{
    width: 500px;
    height: 440px;
    background: url(../images/bg_last.png);
    background-size: 100% 100%;
    margin-top: -20px;
    padding-left: 60px;
    padding-top: 70px;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.halfBox.connect li{
    position:relative;
    margin-bottom: 30px;
    padding-left: 80px;
}
.halfBox.connect li i{
    position: absolute;
    left: 0;
    top:0;
    display: block;
    width: 60px;
    height: 60px;
}
.halfBox.connect li:nth-child(1) i{background:url(../images/iconPhone.png) no-repeat;background-size: 100% 100%;}
.halfBox.connect li:nth-child(2) i{background:url(../images/iconEmail.png) no-repeat;background-size: 100% 70%;background-position: 8 8px;}
.halfBox.connect li:nth-child(3) i{background:url(../images/iconWindgrid.png) no-repeat;background-size: 80% 100%;background-position: 4px 0;}
.halfBox.connect li:nth-child(4) i{background:url(../images/iconEnter.png) no-repeat;background-size: 100% 100%;}


@media screen and (min-width: 1400px) {
    .page3>img,.page5>img,.page7>img,.page10>img,.page12>img{
        width:1229px;
        height:570px;
        margin-top:-285px;
        margin-left:-615px;
    }
    .page2>ul>li:nth-child(1){
        padding-right: 100px;
    }
    .page2>ul>li:nth-child(2){
        padding-left: 100px;
    }
    .page2>ul>li:nth-child(1) img{
        height:400px;
    }
    .page2>ul>li:nth-child(2) img{
        height:480px;
    }
    .page4>ul>li img {
        height: 400px;
        margin-top: 0px;
    }
    .page4>ul>li:nth-child(1) img {
        height: 310px;
        margin-top: 50px;
    }
    .page6>ul>li:nth-child(1),.page8>ul>li:nth-child(1),.page9>ul>li:nth-child(1),.page11>ul>li:nth-child(1){
        padding-right: 100px;
    }
    .page6>ul>li:nth-child(2),.page8>ul>li:nth-child(2),.page9>ul>li:nth-child(2),.page11>ul>li:nth-child(1){
        padding-left: 100px;
    }
}