/**
  首页样式
 */
.icon-down{
    width: 64px;
    height: 64px;
    position: fixed;
    left:50%;
    margin-left: -32px;
    bottom:30px;
    z-index: 9999;
}
html,body{
    width: 100%;
    height: 100%;
}
.section .container{
    position: relative;
    height: 100%;
}
/*绑定左侧菜单*/
.asideMenu{
    position: fixed;
    left:20px;
    top:40%;
    z-index: 997;
}
.asideMenu li{
    width: 80px;
    text-align: right;
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd;
    transition: all 1s ease;
}
.asideMenu li a{
    display: none;
    transition: all 10s ease;
}
.asideMenu .active{
    width: 120px;
    color: #009bff;
    border-bottom: 2px solid #009bff;
}
.asideMenu .active a{
    display: block;
}

/* 区块1 */
.indexBg01{
    background: url("../images/indexBg01.jpg") no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 100%;
}
.indexBg01 img{
    width: 100%;
    height: 100%;
}
.indexBg01-text{
    position: absolute;
    top:200px;
    left:0;
    width: 560px;
}
.indexBg01-text h1{
    font-size: 48px;
    color: #333;
}
.indexBg01-text p{
    font-size: 24px;
    color: #666;
}
.tableCell{
    display: inline-block!important;
}
.sim-button {
    font-size: 20px;
    width: 160px;
    height: 38px;
    line-height: 38px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
}
.buttonBtn {
    color: #009bff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}
.buttonBtn a{
    color: rgba(0,155,255,1);
    text-decoration: none;
    display: block;
    z-index: 999;
}
.buttonBtn::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 100%;
    z-index: 1;
    border: 1px solid rgba(0,155,255,0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.buttonBtn:hover::before{
    opacity: 0;
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}
.buttonBtn::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgba(0,155,255,.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
.buttonBtn:hover::after{
    opacity: 1 ;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
}
.delay-05s{
    -webkit-animation-delay: 0.5s;//延迟
    animation-delay: 0.5s;
    animation-duration: 0.5s;//时间
}
.delay-1s{
    -webkit-animation-delay: 1s;//延迟
    animation-delay: 1s;
    animation-duration: 0.5s;//时间
}
.delay-1-5s{
    -webkit-animation-delay: 1.5s;//延迟
animation-delay: 1.5s;
    animation-duration: 0.5s;//时间
}
/* 区块2 */
.indexBg02{
    background: url("../images/indexBg02.jpg") no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 100%;
}
.indexBg02 img{
    width: 100%;
    height: 100%;
}
.indexBg02Ui {
    float: left;
    margin-top: 150px;
    height: 500px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.indexBg02Ui li{
    width: 25%;
    padding:0 20px;
    height: 500px;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    float: left;
    text-align: center;
    transition:all .2s ease;
}
.indexBg02Ui li span{
    display: inline-block;
    width: 64px;
    height: 64px;
    margin:125px auto 0 auto;
}
.indexBg02Ui li hr{
    width: 30px;
    border-color: #009bff;
    transition:all .4s ease;
}
.indexBg02Ui li h3{
    marginx: 30px 0;
    font-size: 30px;
    color: #666;
}
.indexBg02Ui p{
    margin-top: 30px;
    line-height: 22px;
    font-size: 16px;
    color: #666;
    text-align: left;
}
.indexBg02Ui li:nth-child(1) span{
    background: url("../images/indexBg02UiIcon1.png");
}
.indexBg02Ui li:nth-child(2) span{
    background: url("../images/indexBg02UiIcon2.png");
}
.indexBg02Ui li:nth-child(3) span{
    background: url("../images/indexBg02UiIcon3.png");
}
.indexBg02Ui li:nth-child(4) span{
    background: url("../images/indexBg02UiIcon4.png");
}
.indexBg02Ui li:hover{
    background: #009bff;
}
.indexBg02Ui li:hover hr{
    width: 100%;
    border-color: #fff;
}
.indexBg02Ui li:hover h3,.indexBg02Ui li:hover p{
    color: #fff;
}
.indexBg02Ui li:nth-child(1):hover span{
    background: url("../images/indexBg02UiIcon11.png");
}
.indexBg02Ui li:nth-child(2):hover span{
    background: url("../images/indexBg02UiIcon22.png");
}
.indexBg02Ui li:nth-child(3):hover span{
    background: url("../images/indexBg02UiIcon33.png");
}
.indexBg02Ui li:nth-child(4):hover span{
    background: url("../images/indexBg02UiIcon44.png");
}
.menu-img{
    display: none;
    float: right;
    margin-top: 30px;
}
.header-index{
    transition: all 0.2s ease;
}
.sticked{
    transition: all 0.2s ease;
    background: none!important;
    border: none!important;
    box-shadow: none!important;
}
.sticked .menu{
    display: none;
}
.sticked .menu-img{
    display: block;
    cursor: pointer;
}
.sticked .menu-right{
    display: none;
}
.menu-zz{
    background: rgba(0,0,0,0.9);
    position: fixed;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    z-index: 998;
    display: none;
}
.menuShow .menu-img-close{
    display: block;
    float: right;
    margin-top: 30px;
}
.menuShow .menu-img{
    display: none;
}
.menu-img-close{
    display: none;
}
.menu-zz .container{
    height: 100%;
}
.menu-zz ul{
    width: 100%;
    height: 240px;
    position: relative;
    top:50%;
    margin-top: -120px;
}
.menu-zz ul li{
    width: 33.3333%;
    float: left;
    text-align: center;
    margin-bottom: 50px;
}
.menu-zz ul li a{
    font-size: 30px;
    color: #fff;
}
.menu-zz ul li a:hover{
    color: #009bff;
}
.menu-zz-icon{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 30px;
    display: inline-block;
}
.menu-zz ul li:nth-child(1) .menu-zz-icon{
    background: url("../images/menuIcon01.png") no-repeat;
}
.menu-zz ul li:nth-child(2) .menu-zz-icon{
    background: url("../images/menuIcon02.png") no-repeat;
}
.menu-zz ul li:nth-child(3) .menu-zz-icon{
    background: url("../images/menuIcon03.png") no-repeat;
}
.menu-zz ul li:nth-child(4) .menu-zz-icon{
    background: url("../images/menuIcon04.png") no-repeat;
}
.menu-zz ul li:nth-child(5) .menu-zz-icon{
    background: url("../images/menuIcon05.png") no-repeat;
}
.menu-zz ul li:nth-child(6) .menu-zz-icon{
    background: url("../images/menuIcon06.png") no-repeat;
}
.menu-zz ul li:nth-child(7) .menu-zz-icon{
    background: url("../images/menuIcon07.png") no-repeat;
}
.menu-zz ul li:nth-child(1):hover .menu-zz-icon{
    background: url("../images/menuIcon011.png") no-repeat;
}
.menu-zz ul li:nth-child(2):hover .menu-zz-icon{
    background: url("../images/menuIcon022.png") no-repeat;
}
.menu-zz ul li:nth-child(3):hover .menu-zz-icon{
    background: url("../images/menuIcon033.png") no-repeat;
}
.menu-zz ul li:nth-child(4):hover .menu-zz-icon{
    background: url("../images/menuIcon044.png") no-repeat;
}
.menu-zz ul li:nth-child(5):hover .menu-zz-icon{
    background: url("../images/menuIcon055.png") no-repeat;
}
.menu-zz ul li:nth-child(6):hover .menu-zz-icon{
    background: url("../images/menuIcon066.png") no-repeat;
}
.menu-zz ul li:nth-child(7):hover .menu-zz-icon{
    background: url("../images/menuIcon077.png") no-repeat;
}
.menu-zz ul li a span{
    display: inline-block;
    vertical-align: middle;
}
/* 区块2 */
.indexBg03{
    background: url("../images/indexBg03.jpg") no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 100%;
}
.indexBg03 img{
    width: 100%;
    height: 100%;
}
.indexBox3Tab ul li{
    width: 20%;
    height: 140px;
    float: left;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #efefef;
    box-sizing: border-box;
}
.indexBox3Tab ul li:last-child{
    border-right: none;
}
.indexBox3Tab ul li i{
    display: inline-block;
    width: 45px;
    height: 45px;
    margin:20px 0
}
.indexBox3Tab ul li:nth-child(1) i{
    background: url("../images/indexBox3Icon1.png")  no-repeat;
}
.indexBox3Tab ul li:nth-child(2) i{
    background: url("../images/indexBox3Icon2.png")  no-repeat;
}
.indexBox3Tab ul li:nth-child(3) i{
    background: url("../images/indexBox3Icon3.png")  no-repeat;
}
.indexBox3Tab ul li:nth-child(4) i{
    background: url("../images/indexBox3Icon4.png")  no-repeat;
}
.indexBox3Tab ul li:nth-child(5) i{
    background: url("../images/indexBox3Icon5.png")  no-repeat;
}
.indexBox3Tab ul .choice:nth-child(1) i{
    background: url("../images/indexBox3Icon11.png")  no-repeat;
}
.indexBox3Tab ul .choice:nth-child(2) i{
    background: url("../images/indexBox3Icon22.png")  no-repeat;
}
.indexBox3Tab ul .choice:nth-child(3) i{
    background: url("../images/indexBox3Icon33.png")  no-repeat;
}
.indexBox3Tab ul .choice:nth-child(4) i{
    background: url("../images/indexBox3Icon44.png")  no-repeat;
}
.indexBox3Tab ul .choice:nth-child(5) i{
    background: url("../images/indexBox3Icon55.png")  no-repeat;
}
.indexBox3Tab ul li span{
    width: 100px;
    display: inline-block;
    text-align: center;
}
.indexBox3{
    width: 700px;
    height: 500px;
    background: #fff;
    margin-top: -300px;
    position: absolute;
    top:50%;
    left:0;
    overflow: hidden;
}
.indexBox3Tab .choice span{
    color: #009bff;
}

.indexBg03 .tab-item{
    display: none;
}
.indexBox3Tab .show{
    display: block;
}
#indexBox3box{
    height: 400px;
    width: 400px;
    padding: 10px;
    position: absolute;
    right:0;
    top:50%;
    margin-top: 30px;
}
#indexBox3box h3{
    color:#0fbbeb;
    font-size: 32px;
    position: relative;
    margin:40px 0 0 0
}
#indexBox3box hr{
    width:60px;
    border-color: #0fbbeb;
    margin:20px 0
}
#indexBox3box p{
    font-size: 20px;
    color: #999;
}
#indexBox3box a{
    font-size: 18px;
    color: #fff;
    padding:10px 30px;
    display: inline-block;
    background: #009bff;
}
.indexBg03 .container{
    position: relative;
}
.indexBox3Img .tab-item{
    display: none;
}
.indexBox3Img .show{
    display: block;
}
/* 区块4 */
.indexBg04{
    background: url("../images/indexBg04.jpg") no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 100%;
}
.indexBg04 img{
    width: 100%;
    height: 100%;
}
.indexBox4box h3{
    color:#0fbbeb;
    font-size: 32px;
    position: relative;

}
.indexBox4box hr{
    width:60px;
    border-color: #0fbbeb;
    margin:35px 0
}
.indexBox4box p{
    font-size: 20px;
    color: #999;
}
.indexBox4box a {
}
.mmvm{
    position: relative;
    width: 450px;
    height: 340px;
    top: 200px;
}
.box{width: 450px; height: 340px;position: relative;overflow: hidden;}
.box_wheel{height: 340px;position: absolute;overflow: hidden;}
.box_wheel li{width: 450px;height: 340px;float: left; }
.btn{width: 50px;height: 60px;line-height: 60px;text-align: center;color: #999;font-size: 30px;cursor: pointer; }
.btn_left{position: absolute;left: 0;bottom:0;}
.btn_right{position: absolute;right: 0;bottom: 0;}
/* 区块5 */
.indexBg05{
   background:#f1f3f4 ;
}
.indexBg05 .row{
    margin-top: 150px;
}
.indexNews li {
    background: #fff;
    padding:5px 20px;
    margin-bottom: 15px;
}
.indexNews li a {
    display: inline-block;
}
.indexNews li a:hover{
    text-decoration: none;
}
.indexNews h3{
    font-size: 28px;
    color: #333;
    transition: all .2s ease;
    margin-top: 15px
}
.indexNews li a:hover h3,.indexNews li a:hover span,.indexNews li a:hover p{
    padding-left: 10px;
}
.indexNews span{
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #999;
    /* margin:15px 0; */
    margin-bottom: 10px;
    transition: all .2s ease;
}
.indexNews p{
    font-size: 14px;
    line-height: 22px;
    color: #999;
    transition: all .2s ease;
}
.indexNewsR{
    background: #fff;
    padding:0 20px 5px 20px ;
    position: relative;
}
.indexNewsR dt{
    background: #009bff;
    width: 140px;
    height: 130px;
    position: absolute;
    top:-65px;
    left:20px;
    text-align: center;
}
.heizw{
    height: 100px;
}
.indexNewsR dt hr{
    width: 30px;
    border-color: #fff;
}
.indexNewsR dt b{
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    margin-top: 10px;
    display: inline-block;
}
.indexNewsR dt span{
    font-size: 14px;
    color: #fff;
}
.indexNewsR dd{
    margin-bottom: 5%;
}
.indexNewsR dd a{
    color: #999;
    width: 100%;
    display: inline-block;
}
.indexNewsR dd a span:hover{
    text-decoration: underline ;
    padding-left: 5px;
}
.indexNewsR dd a b{
    float: right;
    font-weight: 400;
}
.indexNewsR dd a span{
    float: left;
    transition: all .2s ease;
    font-size: 12px;
}
/* 区块6 */
.indexBg06{
    background: url("../images/indexBg05.jpg") no-repeat;
    background-size:100% 100%;
    width: 100%;
    height: 100%;
}
.indexBg06 img{
    width: 100%;
    height: 100%;
}
.footerLink{
    margin-top: 150px;
    display: inline-block;
}
.footerLink li{
    float: left;
    width: 20%;
}
.footerLink li img{
    width: 100%;
    height: 150px;
    transition: all .2s ease;
    -webkit-filter: grayscale(100%);filter: grayscale(100%);
}
.footerLink li img:hover{
    FILTER:none;
}
.footer{
    margin-top: 50px;
}
.footer-ul ul{
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}
.footer-ul li {
    float: left;
}
.footer-ul li  a{
    font-size: 20px;
    color: #333;
}
.footer-ul li  span{
    font-size: 20px;
    color: #333;
    margin:0 15px;
    display: inline-block;
}
.footer-ul p{
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #666;
    margin-bottom: 10px;
}
.footer-ul p img{
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 10px;
}
.footer-ul p span{
    display: inline-block;
    vertical-align: middle;
}
.copy{
    text-align: center;
    margin-top: 40px;
}
/*移动端适配*/
@media screen and (max-width: 768px) {
    .asideMenu{
        display: none;
    }
    .indexBg01-text{
        width: 100%;
        top:200px;
        padding:0 20px;
        box-sizing: border-box;
    }
    .indexBg01-text h1{
        font-size: 24px;
    }
    .indexBg01 {
        background: url(../images/indexBg01wap.jpg) no-repeat;
    }
    .indexBg04 {
        background: url(../images/indexBg04wap.jpg) no-repeat;
    }
    header .logo,header .logo img{
        width: 120px;
        height: 20px;
        margin-top: 8px!important;
    }
    .indexBg01-text p{
        line-height: 40px;
    }
    .menu-img,.menu-img img{
        width: 24px;
        height: 20px;
        margin-top: 10px;
    }
    .menu-zz ul li{
        width: 50%;
    }
    .menu-zz ul{
        height: auto;
        margin-top: -200px;
    }
    .menu-zz-icon{
        margin-right: 5px;
    }
    .indexBg02Ui{
        margin-top: 100px;
        height: 550px;
    }
    .indexBg02Ui li{
        width: 50%;
        height: 280px;
    }
    .indexBg02Ui li:nth-child(1){
        border-bottom: 1px solid #ddd;
    }
    .indexBg02Ui li:nth-child(2){
        border-bottom: 1px solid #ddd;
    }
    .indexBg02Ui li span{
        margin-top: 10px;
        width: 30px;
        height: 30px;
    }
    .indexBg02Ui li span img{
        width: 30px;
        height: 30px;
    }
    .indexBg02Ui li h3{
        font-size: 16px;
        margin:10px 0
    }
    .indexBg02Ui p{
        font-size: 14px;
        margin-top: 10px;
    }
    .indexBg02Ui li:nth-child(1) span{
        background: url("../images/indexBg02UiIcon1wap.png");
    }
    .indexBg02Ui li:nth-child(2) span{
        background: url("../images/indexBg02UiIcon2wap.png");
    }
    .indexBg02Ui li:nth-child(3) span{
        background: url("../images/indexBg02UiIcon3wap.png");
    }
    .indexBg02Ui li:nth-child(4) span{
        background: url("../images/indexBg02UiIcon4wap.png");
    }
    .indexBg02Ui li:nth-child(1):hover span{
        background: url("../images/indexBg02UiIcon11wap.png");
    }
    .indexBg02Ui li:nth-child(2):hover span{
        background: url("../images/indexBg02UiIcon22wap.png");
    }
    .indexBg02Ui li:nth-child(3):hover span{
        background: url("../images/indexBg02UiIcon33wap.png");
    }
    .indexBg02Ui li:nth-child(4):hover span{
        background: url("../images/indexBg02UiIcon44wap.png");
    }
    .indexBox3{
        width: 100%;
        height: auto;
        position: static;
        top:0;
        top:0;
        margin: 60px 0 0 0;
    }
    .indexBox3Tab ul li span{
        width: 100%;
    }
    #indexBox3box{
        width: 100%;
    }
    #indexBox3box h3{
        margin-top: 60px;
        font-size: 18px;
    }
    #indexBox3box hr{
        width: 100%;
        margin: 30px 0;
    }
    #indexBox3box p{
        font-size: 14px;
        line-height: 24px;
    }
    #indexBox3box a{
        font-size: 14px;
        margin-top: 20px;
        float: right;
    }
    .buttonBtn{
        float: right;
    }
    .mmvm{
        position: static;
        width: 360px;
        margin:200px auto 0 auto
    }
    .box{
        width: 340px;
        height: 400px;
    }
    .box_wheel{
        height: 400px;
    }
    .box_wheel li{
        width: 340px;
    }
    .indexBg05 .row{
        margin-top: 50px;
    }
    .indexNews h3{
        font-size: 16px;
    }
    .indexNews span{
        font-size: 14px;
    }
    .indexNews p{
        font-size: 14px;
    }
    .indexNewsR dt{
        width: 80px;
        height: 80px;
        margin-top: 0;
        top: -20px;
    }
    .indexNewsR dt b{
        font-size: 28px;
        margin-top: 0;
    }
    .indexNewsR dt hr{
       display: none;
    }
    .indexNewsR dt span{
        display: none;
    }
    .heizw{
        height: 80px;
    }
    .indexNewsR dd{
        margin-bottom: 10px;
    }
    .footerLink{
        margin-top: 100px;
    }
    .footerLink li{
        width:25%;
        height: 80px;
    }
    .footerLink li img{
        height: 80px;
        FILTER:none;
    }
    .footer-ul li a{
        font-size: 14px;
    }
    .footer-ul p{
        font-size: 14px;
    }
    .footer-ul li span{
        font-size: 14px;
    }
    .copy{
        /*position: fixed;*/
        /*bottom: 0;*/
        /*left:0;*/
        /*margin-top: 0;*/
        margin-top: 80px;
    }
}