#form_add .text{width:150px;}
/*part2*/
.part2{
    min-width: 1000px;
}
.part2 .main{
    margin-left: -133px;
    width: 1133px; }

.part2 .btnBox{
    position: absolute;
    top:45px;
    right: 280px;
    width: 120px;
    height: 58px;
    z-index: 11;
}
.part2 .btnBox > span{
    display: block;
    width: 50%;
    float: left;
    background: #05abad;
    border: 1px solid #05abad;
    text-align: center;
    line-height: 58px;
    color: #fff;
    font-family: '宋体';
    font-weight: bold;
    font-size: 30px;
    cursor: pointer;
    opacity: 0.5;
}
.part2 .btnBox > span:hover{
    opacity:1;
}
#p2Swiper.swiper-container{
    width: 100%;
    height: 430px;
}
#p2Swiper .swiper-wrapper{
    height: 450px;
}
#p2Swiper .swiper-wrapper .swiper-slide{
    width: 100%;
}
#p2Swiper .left{
    float: left;
    position: relative;
    padding-left: 133px;
}
#p2Swiper .left .img1{
    box-shadow:0 0 13px 0 rgba(0,0,0,0.2);
}
#p2Swiper .swiper-slide-active .right .img3{
    box-shadow:0 0 13px 0 rgba(0,0,0,0.2);
}

#p2Swiper .left a{
    width:280px;
    height:58px;
    color: #fff;
    background: #05abad;
    text-align: center;
    line-height: 58px;
    position: absolute;
    left: 200px;
    bottom: -29px;
}
#p2Swiper .right{
    float: right;
    position: relative;
}
#p2Swiper .left .leftImg{
    position: absolute;
    left: 0;
    bottom:5px;
    z-index: 1;
}
#p2Swiper .left .leftImg.leftImg2{
    bottom:6px;
}
#p2Swiper .left .leftImg.leftImg3{
    left: 1px;
    bottom: 6px;
}
#p2Swiper .right .del{
    width:400px;
    height:230px;
    background: #fff;
    position: absolute;
    right: 205px;
    top: 72px;
    padding: 40px 30px;
    box-shadow:0 0 20px 0 rgba(0,0,0,0.4);
}
#p2Swiper .right .del h2{
    font-weight: normal;
    font-size: 24px;
    color: #222;
}
#p2Swiper .right .del h2 span{
    font-weight: bold;
}
#p2Swiper .right .del p{
    font-size:18px;
    color: #7f7f7f;
    padding:20px 0 30px;
}
#p2Swiper .right .del .aBox{}
#p2Swiper .right .del .aBox a{
    display: inline-block;
    width:30px;
    height:30px;
    margin-right: 5px;
    background: url("../img/p2Icon.png") no-repeat left top;
}
#p2Swiper .right .del .aBox a.a1{
    background-position: left 0;
}
#p2Swiper .right .del .aBox a.a2{
    background-position: left -30px;
}
#p2Swiper .right .del .aBox a.a3{
    background-position: left -60px;
}

#p2Swiper .right .del .aBox a:hover.a1{
    background-position: right 0;
}
#p2Swiper .right .del .aBox a:hover.a2{
    background-position: right -30px;
}
#p2Swiper .right .del .aBox a:hover.a3{
    background-position: right -60px;
}


.part2 .pagination {
    bottom:-18px;
    width:100%;
    z-index:20;
    text-align:center;
    position:absolute;
    padding-left: 133px;
}
.part2 .swiper-pagination-switch {
    margin:0 5px;
    width:40px;
    height:3px;
    cursor:pointer;
    display:inline-block;
    background:#05abad;
    opacity: 0.3;
    filter: Alpha(opacity = 30);

}
.part2 .swiper-active-switch {
    background:#05abad;
    opacity:1;
    filter: Alpha(opacity = 100);
}

.part2 .link_a{
    margin-top: 80px;
}

/*part3*/
.part3{
    width: 100%;
    min-width: 1000px;
    height: 750px;
    background: url("../img/p3Bg.jpg") no-repeat center;
    margin: 60px 0 0;
}
.part3 .imgBox{
    margin: 80px 0;
}
.part3 .imgBox >p > img{
    display: block;
}
.part3 .imgBox >p{
    position: relative;
    float: left;
}
.part3 .imgBox >p span{
    position: absolute;
    z-index: 1;
    display: inline-block;
}
.part3 .imgBox >p span.span1{
    left: 140px;
    top:200px;
    animation:userAnimate2 4s infinite alternate;
}
.part3 .imgBox >p span.span2{
    left: 196px;
    top:183px;
    animation:userAnimate1 4s infinite alternate;
}
.part3 .imgBox >p span.span3{
    left: 428px;
    top: 163px;
    animation:userAnimate3 1.8s infinite alternate;
}
.part3 .imgBox >p span.span4{
    left: 390px;
    top: 190px;


     animation:userAnimate4 4s infinite alternate;
}
@keyframes userAnimate1 {
     0%{
        transform: translate(-4px,-4px);
     }
     100%{
         transform: translate(-20px,-20px);
     }
}
@keyframes userAnimate2 {
    0%{
        transform:translate(-5px,-10px);
    }
    100%{
        transform: translate(20px,-4px);
    }
}
@keyframes userAnimate3{
    0%{
        opacity: 0;
        transform: scale(0.5);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes userAnimate4 {
    0%{
        transform:translate(-8px,-16px);
    }
    100%{
        transform: translate(1px,-6px);
    }
}
.part3 .imgBox .right{
    float: right;
    position: absolute;
    right: 0;
    top: 100px;
}
.part3 .imgBox .right .img3{
    position: absolute;
    top: -120px;
    right: 0;
}

.part3 .p3List{
    position: absolute;
    left: 55px;
    width: 0;
    /*transition: 0.5s;*/
}
.part3 .p3List1{
    top:78px;
}
.part3 .p3List2{
    top:124px;
}
.part3 .p3List3{
    top:170px;
}
.part3 .p3List4{
    top:217px;
}




/*part4*/
/*首页*/
.part4{
    min-width: 1000px;
}
.item_box{width:100%;padding:0 0 82px 0;overflow:hidden;}
.item_box_wp{width:1000px;margin:0 auto;}


/*语音通话*/
.box10{background: #090c12; padding:0;height:527px;width: 939px;margin: 0 auto;}
.voice_2{width:1000px;position:relative;left:50%;margin-left:-500px;}
.voice_2 ul li{float:left;display:inline;height:527px;color:#fff;cursor:pointer;position:relative;}
.voice_2 ul li.li1 .fold{background:#3b3f6a}
.voice_2 ul li.li2 .fold{background:#ff5830}
.voice_2 ul li.li3 .fold{background:#fdc54c}
.voice_2 ul li.li4 .fold{background:#00a9ab}
.voice_2 .fold{width:60px;height:100%;text-align:center;position:absolute;top:0;left:0; padding:200px 20px 0; border-right: 1px solid #000;}
.voice_2 .fold .img{
    display: inline;
    width:40px;
    height:30px;
    position: absolute;
    top:150px;
    left: 10px;
    background: url("../img/p4Icon.png") no-repeat left center;
}
.voice_2 .fold .txt{
    font-size:20px;
    font-weight: 500;
    line-height: 1;
}
.voice_2 .li1 .fold .img{background-position:0 center;}
.voice_2 .li2 .fold .img{background-position:-40px center;}
.voice_2 .li3 .fold .img{background-position:-80px center;}
.voice_2 .li4 .fold .img{background-position:-120px center;}
.voice_2 .unfold{
    width:0;height:100%;position:absolute;top:0;
    right: 60px;
    background: url("../img/p4_contBg.jpg") no-repeat center;
    overflow: hidden;
    padding: 0;
    transform-origin: 0 100%;
}


.voice_2 ul li.act{

}
.voice_2 ul li.act .fold{
    z-index: 2;
    right: 0;
    left: auto;
}
.voice_2 ul li.act .unfold{
    width:760px;
    transform-origin: 0 100%;
    transition: 0.4s;
}
.voice_2 ul li.act .unfold >div{
    padding: 80px 60px 0 30px;
}
.voice_2 .unfold{

}
.voice_2 .unfold .del{
    display: inline-block;
    width:255px;
    height: 350px;
    float: right;
}
.voice_2 .unfold .del p{
    padding: 50px 0 60px;
}
.voice_2 li .unfold >div> img{
    box-shadow:0 0 30px 3px rgba(255,255,255, 0.4);
}
.voice_2 .li1 .unfold > img{
    border:1px solid #848eff;
}
.voice_2 .li2 .unfold > img{
    border:1px solid #ff5830;
}
.voice_2 .li3 .unfold > img{
    border:1px solid #fdc54c;
}
.voice_2 .li4 .unfold > img{
    border:1px solid #00a9ab;
}
.voice_2 .unfold a{
    width:160px;
    height:40px;
    display: inline-block;
    border-radius: 4px;
    background: #3b3f6a;
    border: 1px solid #646bb8;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    box-shadow: 8px 8px 40px rgba(0,0,0,0.3) inset;
    transition: .3s;
}
.voice_2 .unfold a:hover{
    background: #4c5188;
    transition: .3s;
}

/*part5*/
.part5{
    min-width: 1000px;
    width: 100%;
    height: 1043px;
    background: url("../img/p5Bg.jpg") no-repeat center;
    margin-top: 60px;
}
.part5 .main{}
.part5 .main > a{
    display: block;
}
.part5 .main .box{
    position: absolute;
    top:190px;
    left: 0;
    width:100%;
}
.part5 .bigBox{
    padding: 0 4px;
}
.part5 .bigBox li{
    width:25%;
    float: left;
    padding: 0 8px;
}
.part5 .bigBox li div{
    display: block;
    border:1px solid #bfbfbf;
    transition: .4s;
}
.part5 .bigBox li div > img{
    width:100%;
    display: block;
    box-shadow:0 0 30px 5px rgba(0,0,0,0.4);

}
.part5 .bigBox li div:hover{
    transform: translateY(-10px);
    transition: .4s;
}

.part5 .smallBox{
    padding: 0 5px;
    margin-top: 30px;
}
.part5 .smallBox li{
    width: 12.5%;
    float: left;
    padding: 0 8px;
}
.part5 .smallBox li > div{
    box-shadow:0 0 20px 2px rgba(0,0,0,0.2);
}
.part5 .smallBox li p{
    display: block;
    height: 100px;
    border:1px solid #bfbfbf;
    background: #3895c1;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding-top: 60px;
    box-shadow:15px 12px 40px 0 rgba(0,0,0,0.1) inset;
}


.part5 .smallBox li.li_1 p{background: #3895c1;}
.part5 .smallBox li.li_2 p{background: #857f54;}
.part5 .smallBox li.li_3 p{background: #415384;}
.part5 .smallBox li.li_4 p{background: #382578;}
.part5 .smallBox li.li_5 p{background: #842732;}
.part5 .smallBox li.li_6 p{background: #5d904d;}
.part5 .smallBox li.li_7 p{background: #d15d73;}
.part5 .smallBox li.li_8 p{background: #e85d46;}
.part5 .smallBox li p span{
    position: relative;
}
.part5 .smallBox li p span:before{
    content: '';
    display: block;
    clear: both;
    width: 30px;
    height: 20px;
    position: absolute;
    top:-35px;
    left: 50%;
    margin-left: -15px;
    background: url("../img/p5Icon.png") no-repeat left center;
    transition: .4s;
}
.part5 .smallBox li.li_1 p span:before{
    background-position: 0 center;
}
.part5 .smallBox li.li_2 p span:before{
    background-position: -30px center;
}
.part5 .smallBox li.li_3 p span:before{
    background-position: -60px center;
}
.part5 .smallBox li.li_4 p span:before{
    background-position: -90px center;
}
.part5 .smallBox li.li_5 p span:before{
    background-position: -120px center;
}
.part5 .smallBox li.li_6 p span:before{
    background-position: -150px center;
}
.part5 .smallBox li.li_7 p span:before{
    background-position: -180px center;
}
.part5 .smallBox li.li_8 p span:before{
    background-position: -210px center;
}
.part5 .smallBox li:hover p span:before{
    transform: rotate(360deg);
    transition: .4s;
}


/*part6*/
.part6{
    min-width: 1000px;
}
.part6 .main{}
.part6 .left{
    float: left;
    width:730px;
    height: 440px;
}
.part6 .left .imgBox{
    position: absolute;
    left: 95px;
    top: 28px;
    width: 537px;
    height:337px;
}
.part6 .left .imgBox > img{
    position: absolute;
    top:0;
    left: 0;
    display: none;
}
.part6 .right{
    width:340px;
    height: 207px;
    border:2px solid #00a9ab;
    border-left: 0;
    position: absolute;
    top:100px;
    right:0;
}
.part6 .right > div{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height: 100%;
    padding: 60px 40px;
    font-size: 16px;
    color: #222222;
    background: #fff;
    display: none;
}
.part6 .btnUl{
    margin-top: 30px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.part6 .btnUl li{
    width:20%;
    float: left;
    text-align: center;
}
.part6 .btnUl li span{
    color: #0e8599;
    font-size: 16px;
    width: 176px;
    height: 176px;
    display: inline-block;
    background: url("../img/p6_btn0.png") no-repeat center;
    text-align: center;
    padding-top: 70px;
    cursor: pointer;
    transition: .4s;
    line-height: 1.2;
    position: relative;
}
.part6 .btnUl li span:after{
    content: '';
    display: block;
    clear: both;
    width: 100px;
    height:16px;
    background: url("../img/p6_btnBg.jpg") no-repeat center;
    position: absolute;
    left: 50%;
    margin-left: -45px;
    bottom: -20px;
}
.part6 .btnUl li span i{
    font-style: normal;
    display: block;
    font-size: 14px;
}
.part6 .btnUl li span:hover{
    background: url("../img/p6_btn1.png") no-repeat center;
    color: #fff;
    transition: .4s;
}
.part6 .btnUl li.act span{
    background: url("../img/p6_btn1.jpg") no-repeat center;
    color: #fff;
    transition: .4s;
}
.part6 .leftBg{
    position: absolute;
    left: 0;
    bottom: 180px;
}
.part6 .leftBg .img1{
    position: absolute;
    left: 0;
    bottom:0;

    -webkit-animation: p6Animate 8s infinite linear;
    -moz-animation: p6Animate 8s infinite linear;
    -ms-animation: p6Animate 8s infinite linear;
    animation: p6Animate 8s infinite linear;
}
.part6 .leftBg .img2{
    position: absolute;
    left: 170px;
    bottom: 90px;


    -webkit-animation: p6Animate 5s infinite linear;
    -moz-animation: p6Animate 5s infinite linear;
    -ms-animation: p6Animate 5s infinite linear;
    animation: p6Animate 5s infinite linear;
}
.part6 .leftBg .img3{
    position: absolute;
    left: 155px;
    bottom: 15px;

    -webkit-animation: p6Animate 4s infinite linear;
    -moz-animation: p6Animate 4s infinite linear;
    -ms-animation: p6Animate 4s infinite linear;
    animation: p6Animate 4s infinite linear;
}
.part6 .rightBg{
    position: absolute;
    right: 0;
    top: 100px;
}
.part6 .rightBg img{
    position: absolute;
}
.part6 .rightBg .img4{
    right: 0;
    top: 0;

    -webkit-animation: p6Animate 8s infinite linear;
    -moz-animation: p6Animate 8s infinite linear;
    -ms-animation: p6Animate 8s infinite linear;
    animation: p6Animate 8s infinite linear;
}
.part6 .rightBg .img5{
    right: 60px;
    top: 129px;

    -webkit-animation: p6Animate 4s infinite linear;
    -moz-animation: p6Animate 4s infinite linear;
    -ms-animation: p6Animate 4s infinite linear;
    animation: p6Animate 4s infinite linear;
}
.part6 .rightBg .img6{
    right: 170px;
    top: 130px;

    -webkit-animation: p6Animate 5s infinite linear;
    -moz-animation: p6Animate 5s infinite linear;
    -ms-animation: p6Animate 5s infinite linear;
    animation: p6Animate 5s infinite linear;
}

@-webkit-keyframes  p6Animate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@-moz-keyframes  p6Animate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes  p6Animate{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.part6 .bgLine{
    position: absolute;
    width: 760px;
    height: 75px;
    top: 344px;
    left:-300px;
    overflow: hidden;
}
.part6 .bgLine > div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.part6 .line{
    width: 100%;
    height: 1px;
    background: #00a9ab;
    position: absolute;
    top:390px;
}
.part6 .line > img{
    float: left;
}
.part6 .bgLine > div img{
    float: left;
}
.part6 .lineImg1{
  /*  position: absolute;
    top: 0;
    left:380px;*/
}
.part6 .lineImg2{
   /* position: absolute;
    top: 0;
    left:380px;*/
}
.bgLine.bgLineRight{
    left: auto;
    right:-300px;
    z-index: 0;
}
.bgLine.bgLineRight>div{
    left: auto;
    right: 0;
    z-index: 0;
}


/*part7*/
.part7{
    width: 100%;
    min-width: 1000px;
    height: 858px;
    background: url("../img/p7Bg.jpg")no-repeat center;
    background: #000;
    margin-top:60px;
}
.part7 .mainUl{

}
.part7 .mainUl li{
    float: left;
    position: relative;
}
.part7 .mainUl li.liStyle_1{
    width: 332px;
    margin-right: 1px;
}
.part7 .mainUl li.liStyle_1 > img{
    display: block;
}
.part7 .mainUl li.liStyle_1 > p {
    background: rgba(0,169,171,0.8);
    background: #00a9ab \9;
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
}
.part7 .mainUl li.liStyle_2{
    width: 333px;
    margin-right: 1px;
}
.part7 .mainUl li.liStyle_2 > div{
    display: inline-block;
    position: relative;
}
.part7 .mainUl li.liStyle_2 .left{
    float: left;
    position: relative;
}
.part7 .mainUl li.liStyle_2 .right{
    float: right;
    position: relative;
}
.part7 .mainUl li.liStyle_2 .pop{
    position: absolute;
    top:60%;
    left:40%;
}
.part7 .mainUl li.liStyle_2 .pop.pop_1{
    top:80%;
    left:20%;
}
.part7 .mainUl li.liStyle_2 .pop.pop_2{
    top:60%;
    left:40%;
}
.part7 .mainUl li.liStyle_2 .pop.pop_3{
    top:70%;
    left:20%;
}
.part7 .mainUl li.liStyle_2 .pop.pop_4{
    top:50%;
    left:60%;
}
.part7 .mainUl li.liStyle_2 .pop.pop_5{
    top:40%;
    left:10%;
}
.part7 .mainUl li.liStyle_2 .pop.pop_6{
    top:80%;
    left:50%;
}
.part7 .mainUl li.liStyle_2 .pop > span{
    display: inline-block;
    width: 0;
    height: 0;
    width: 22px \9;
    height: 22px \9;
    background: #ffa600;
   /* border: 10px solid #ffa600;*/
    border-radius: 100%;
    cursor: pointer;
}

.part7 .mainUl li.liStyle_2 .pop.pop_1 > span {
    animation: p7Animation 2.4s infinite;
}
.part7 .mainUl li.liStyle_2 .pop.pop_2 > span {
    animation: p7Animation 3s infinite;
}
.part7 .mainUl li.liStyle_2 .pop.pop_3 > span {
    animation: p7Animation 4s infinite;

}
.part7 .mainUl li.liStyle_2 .pop.pop_4 > span {
    animation: p7Animation 2.5s infinite;
}
.part7 .mainUl li.liStyle_2 .pop.pop_5 > span {
    animation: p7Animation 3.5s infinite;
}
.part7 .mainUl li.liStyle_2 .pop.pop_6 > span {
    animation: p7Animation 3s infinite;
}
.part7 .mainUl li.liStyle_2 .pop > span:hover{
    animation-play-state:paused;
}

@-webkit-keyframes p7Animation {
    0%{
        width: 0;
        height: 0;
        opacity: 1;
    }
    100%{
        width:22px;
        height:22px;
        border:0;
        opacity: 0.4;
    }
}
@-moz-keyframes p7Animation {
    0%{
        width: 0;
        height: 0;
        opacity: 1;
    }
    100%{
        width:22px;
        height:22px;
        border:0;
        opacity: 0.4;
    }
}
@-ms-keyframes p7Animation {
    0%{
        width: 0;
        height: 0;
        opacity: 1;
    }
    100%{
        width:22px;
        height:22px;
        border:0;
        opacity: 0.4;
    }
}
@keyframes p7Animation {
    0%{
        width: 0;
        height: 0;
        opacity: 1;
    }
    100%{
        width:22px;
        height:22px;
        border:0;
        opacity: 0.4;
    }
}


.part7 .mainUl li.liStyle_2 .pop .popCont{
   /* opacity: 0;
    filter: Alpha(opacity=0);*/
    display: none ;
    transition: .4s;
}
.part7 .mainUl li.liStyle_2 .pop:hover .popCont{
    opacity: 1;
    filter: Alpha(opacity=100);
    display: block;
    transition: .4s;
}
.part7 .mainUl li.liStyle_2 .pop .popLine{
    position: absolute;
    left: 20px;
    top: -20px;
    width:87px;
    height:30px;
}
.part7 .mainUl li.liStyle_2 .pop.pop_5 .popLine{
    left: -80px;
}
.part7 .mainUl li.liStyle_2 .pop.pop_5 .del{
    left: -260px;
}
.part7 .mainUl li.liStyle_2 .pop .del{
    position: absolute;
    width:180px;
    height:92px;
    left: 100px;
    top: -50px;
    background: rgba(255,168,0,0.8);;
    background: #ffa600 \9;
    border:1px solid #ffa600;
    z-index: 10;
    padding: 6px;
}
.part7 .mainUl li.liStyle_2 .pop .del .delL{
    width: 80px;
    float: left;
    color: #fff;
    font-size: 16px;
}
.part7 .mainUl li.liStyle_2 .pop .del .delL span{
    display: block;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.part7 .mainUl li.liStyle_2 .pop .del .delL span i{
    float: right;
    font-style: normal;
    font-weight: bold;
}
.part7 .mainUl li.liStyle_2 .pop .del .delR{
    float: right;
    width: 77px;
    height:77px;
}
.part7 .mainUl li.liStyle_2 .pop .del .delR img{
    display: block;
}
.part7 .mainUl li.liStyle_2.last{
    margin-right: 0;
}

/*part8*/
.part8{
    min-width: 1000px;
    width: 1000px;
    margin-bottom: 60px;
}
.p8Cont{
    width: 910px;
    height: 480px;
    margin: auto;
    position: relative;
    background: url("../img/p8ContBg.jpg") no-repeat center;
}
.p8Cont .p8A{
    position: absolute;
    left: 40PX;
    bottom: 0;
    width:290PX;
    height:54PX;
    display: inline;
    background: #00a9ab;
    text-align: center;
    line-height: 54px;
    border:1px solid #fff;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    z-index: 10;
    color: #fff;

}
.p8ContDel{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
}
.p8ContDel .mainBox{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    display: none;
}
.p8ContDel .mainBox > img{
    position: absolute;
    left:0;
    bottom: 40px;
}
.p8ContDel .teachName{
    position: absolute;
    width:270px;
    height:54px;
    top: 0;
    right:102px;
    font-weight: bold;
    font-size: 30px;
    padding-left: 20px;
    line-height: 54px;
    color: #fff;
}
.p8ContDel .teachName i{
    font-style: normal;
    font-weight:normal;
    font-size: 16px;
    padding-left: 20px;
    z-index: 10;
}
.p8ContDel .del{
    position: absolute;
    right:60px;
    top:120px;
    width:480px;
    height:180px;
    font-size:16px;
    color: #000;
    line-height: 3;
    background: #fff;
}
.p8Cont .imgBox{
    position: absolute;
    right:40px;
    bottom:40px;
}
.p8Cont .imgBox > img{
    float: left;
    border:1px solid #fff;
    border-bottom: 0;
}
.p8Cont .imgBox > img.act{
    border:1px solid #00a9ab;
    border-bottom: 0;
}
.p8ContDel .leftBtn, .p8ContDel .rightBtn{
    width: 51px;
    height: 51px;
    display: block;
    position: absolute;
    z-index: 10;
    top:40%;
    cursor: pointer;
}
.p8ContDel .leftBtn{
    background: url("../img/p8Icon.png") no-repeat bottom left;
    left: -50px;
}
.p8ContDel .rightBtn{
    background: url("../img/p8Icon.png") no-repeat bottom right;
    right: -50px;
}
.p8ContDel .leftBtn:hover{
    background: url("../img/p8Icon.png") no-repeat top left;
}
.p8ContDel .rightBtn:hover{
    background: url("../img/p8Icon.png") no-repeat top right;
}

/*part9*/
.part9{
    width: 100%;
    min-width: 1000px;
    background: url("../img/p9Bg.jpg") no-repeat center;
    height: 770px;
   /* margin-bottom: 40px;*/
}
.part9 > div{
    height: 760px;
}
.p9Cont{
    width: 100%;
}
.p9Cont .swiper-container{

}
.p9Cont .swiper-container .swiper-wrapper{
    padding-top: 20px;
}
.p9Cont .swiper-container .swiper-slide{
    width:25%;
}
.p9Cont .swiper-container .swiper-slide > div{
    padding: 0 5px;

}
.p9Cont .swiper-container .swiper-slide > div img{
    width:100%;
    display:block;
    height: auto;
    opacity: 0.8;
}
.p9Cont .swiper-container .swiper-slide.swiper-slide-active > div{
    margin: -20px;
    position: relative;
    z-index: 10;
}
.p9Cont .swiper-container .swiper-slide.swiper-slide-active > div img{
     opacity: 1;
}
.p9Cont .swiper-container .swiper-slide > div .del{
    background: rgba(255,255,255,0.95);
    background: #fff \9;
    padding: 20px 20px 40px;
    display: none \9;
    opacity: 0;
}
.p9Cont .swiper-container .swiper-slide > div .del h2{
    font-size: 24px;
    color: #040c1b;
    text-align: center;
    padding-bottom: 10px;
}
.p9Cont .swiper-container .swiper-slide > div .del p{
    color: #080f20;
    font-size: 16px;
    text-align: center;
}
.p9Cont .swiper-container .swiper-slide.swiper-slide-active > div{
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    padding: 0;
}
.p9Cont .swiper-container .swiper-slide.swiper-slide-active > div .del{
    display: block \9;
    opacity: 1;
}
.p9Bottom{
    width: 997px;
    height:297px;
    position: absolute;
    left: 2px;
    bottom: 0;
    background: url("../img/p9_contBg.png") no-repeat center;

}
.p9Bottom .titBox > div{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    display: none;
}
.p9Bottom .left, .p9Bottom .right{
    position: absolute;
    top:0;
}
.p9Bottom .left{
    left: 30px;
    font-size:30px;
    color: #fff;
}
.p9Bottom .right{
    right: 40px;
    font-size:30px;
    color: #00a9ab;
}
.p9Bottom .right:before{
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: -10px;
    top: 50%;
    width:6px;
    height:6px;
    border-radius: 100%;
    background:#00a9ab;
}
.p9Bottom .center{
    width:360px;
    height:106px;
    position: absolute;
    bottom: 0;
    left:50%;
    margin-left: -180px;
}
.p9Bottom .center span{
    position: absolute;
    top:25px;
    display: inline-block;
    width:110px;
    height:50px;
    background: url("../img/p9Icon.png") no-repeat left bottom;
    cursor: pointer;
}
.p9Bottom .center span.btn1{
    left: 0;
    background: url("../img/p9Icon.png") no-repeat left bottom;
}
.p9Bottom .center span.btn2{
    right:0;
    background: url("../img/p9Icon.png") no-repeat right bottom;
}
.p9Bottom .center span.btn1:hover{
    background: url("../img/p9Icon.png") no-repeat;
    background-position: left 3px;
}
.p9Bottom .center span.btn2:hover{
    background: url("../img/p9Icon.png") no-repeat;
    background-position: right 3px;
}
.p9Bottom .center i{
    position: absolute;
    width:106px;
    height:106px;
    border-radius: 100%;
    background: url("../img/p9_circle.png") center;
    left: 50%;
    top:0;
    margin-left: -53px;
    transform: rotate(0deg);
    transition: 0.8s;
}
.p9Bottom .center i:hover{
    transform: rotate(360deg);
    transition: 0.8s;
}

/*part10*/
.part10{
    width:100%;
    min-width: 1000px;
    background: #f6f6f6;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}
.part10 .p10Left{
    width:490px;
    float: left;
}
.part10 .p10Left li{
    width:100%;
    height:95px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    color: #969696;
    font-size: 16px;
    padding: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.part10 .p10Left li a{
    display: block;
    color: #969696;
    font-size: 16px;
}
.part10 .p10Left li:hover{
    box-shadow:none;
}
.part10 .p10Left li .img{
    position: absolute;
    left:0;
    top: 0;
}
.part10 .p10Left li .slide{
    position: absolute;
    right:0;
    top: 0;
    width: 46px;
    height: 100%;
    background: #00a9ab;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    text-align: center;
    line-height: 1.3;
}
.part10 .p10Left li .slide i{
    font-weight:bold;
    font-size:30px;
    font-style: normal;
}
.part10 .p10Right{
    width: 480px;
    float: right;
}

.part10 .p10Left li.li_2 .img{
    left: auto;
    right: 0;
}
.part10 .p10Left li.li_2 .slide{
    left: 0;
    right: auto;
}
.part10 .p10Right{
    width:427px;
    float: right;
    position: relative;
    padding-top: 114px;
}
.part10 .p10Right > img{
    position: absolute;
    width:487px;
    height:114px;
    left:-30px;
    top:0;
}
.part10 .p10Right .formBox{
    background: #fff;
    height: 320px;
}
.p10Right .formBox h2{
    text-align: center;
    font-size: 24px;
    color: #69727d;
}
.p10Right .formBox h2 p{
    font-weight: normal;
    font-size:18px;
    color: #959da7;
}
.p10Right .formBox h2 p i{
    font-style: normal;
    color: #0e8599;
}
.p10Right .formBox form{
    width: 70%;
    margin:35px auto 0;
}
.p10Right .formBox form > div{
    width: 100%;
    height:42px;
    background: #fbfbfb;
    border:1px solid #0e8599;
    margin-bottom: 20px;
    position: relative;
    padding-left: 40px;
}
.p10Right .formBox form > div input{
    height:40px;
    background: #fbfbfb;
    position: relative;
    width: 90%;
}
.p10Right .formBox button{
    width: 100%;
    height: 44px;
    background: #00a9ab;
    text-align: center;
    line-height: 44px;
    color: #fff;
}
.p10Right .formBox form > div:before{
    position: absolute;
    content: '';
    display: block;
    width: 25px;
    height: 20px;
    background: url("../img/formIcon.png") no-repeat left center;
    z-index: 10;
    top: 10px;
    left: 7px;
}
.p10Right .formBox form > div.div1:before{
    background: url("../img/formIcon.png") no-repeat left center;
}
.p10Right .formBox form > div.div2:before{
    background: url("../img/formIcon.png") no-repeat -27px center;
}
.p10Right .formBox form > div.div3:before{
    background: url("../img/formIcon.png") no-repeat right center;
}
.p10Right .formBox form > div.div2{position: relative;}

#getcodee{width: 100px;height: 30px;position: absolute;right: 2px;top: -15px;z-index: 999;text-align: center;line-height: 30px;}
#getcodee b{width: 100%;height: 100%;background: #bdbdbd;opacity: 0.3;position: absolute;left: 0;top: 0;}
#getcodee p{font-size: 14px;}


.p10Right form div{margin-left: 0px;}

.submit-box{
    bottom:0;
    width:100%;
    height:70px;
    position:fixed;
    z-index:9999;
    background:#222222;
    background:rgba(0,0,0,0.8);
}
.submit-box p{
    margin-left:100px;
    margin-top:8px;
    margin-right:25px;
    font-size:18px;
    color:#ffffff;
    float:left;
}
.submit-box p span{
    font-size:16px;
    color:#00a9ab;
    float:left;
}
.submit-box form input[type="text"]{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    text-indent:10px;
    line-height:30px;
    color:#ffffff;
    background:none;
    border:1px solid #ffffff;
}
.submit-box form input[type="submit"]{
    margin-top:15px;
    width:150px;
    height:40px;
    text-align:center;
    line-height:40px;
    background:#00a9ab;
    border:none;
    cursor:pointer;
    border-radius:4px;
    color:#ffffff;
    font-size: 20px;
}