body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
body{
    font:12px/1.5em "Microsoft YaHei"!important;
}
ol, ul{
    margin: 0;
    padding: 0;
}
/*初始化结束*/

.banner{
    width: 100%;
    min-width: 1200px;
}
.banner img{
    width: 100%;
}
.index-part1{
    width: 100%;
    min-width: 1200px;
    height: 670px;
    background: url("../images/ip1-bg.jpg") no-repeat center;
}
.index-part1 .border{
    width: 1200px;
    margin: 0 auto;
}
.index-part1 .title{
    text-align: center;
}
.index-part1 .list{
    position: relative;
    width: 1200px;
    height: 200px;
}
.index-part1 .list li{
    position: absolute;
}
.index-part1 .list li:nth-child(1){
    left: 0;
    top: 0;
}
.index-part1 .list li:nth-child(2){
    right: 0;
    top: 0;
}
.index-part1 .list li:nth-child(3){
    left: 0;
    bottom: 0;
}
.index-part1 .list li:nth-child(4){
    right: 0;
    bottom: 0;
}
.index-part2{
    width: 100%;
    min-width: 1200px;
    background: url("../images/ip2-bg.jpg") no-repeat center top;
    height: 657px;
}
.index-part2 .border{
    width: 1200px;
    margin: 0 auto;
}
.index-part2 .title{
    text-align: center;
    padding: 35px 0 45px 0;
}
.index-part2 .list{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.index-part2 .list li{
    text-align: center;
    cursor: pointer;
}
.index-part2 .list li p{
    font-size: 24px;
    line-height: 24px;
    color: #353535;
    margin-top: 20px;
}
.index-part2 .list li:hover img{
    -webkit-animation: aase 0.8s 1; -moz-animation: aase 0.8s 1; animation: aase 0.8s 1;
}
.index-part2 .btn{
    text-align: center;
    margin-top: 97px;
    position: relative;
    overflow: hidden;
}
.index-part2 .btn img{
    cursor: pointer;
}
.index-part2 .btn:after{
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
    border-radius: 50%;
    transform: scale(1);
    animation: 1s btn ease-in-out infinite;
    background: #fff;
}


.index-part3{
    width: 100%;
    min-width: 1200px;
    height: 1000px;
}
.index-part3 .border{
    width: 1200px;
    margin: 0 auto;
}
.index-part3 .title{
    text-align: center;
    padding: 35px 0 60px 0;
}
.index-part3 .list{
    width: 1200px;
    height: 506px;
    position: relative;
}
.index-part3 .list img:nth-child(1){
    position: absolute;
    top: 37px;
    left: 0;
}
.index-part3 .list img:nth-child(2){
    position: absolute;
    top:0;
    right: 0;
}
.index-part3 .btn{
    text-align: center;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}
.index-part3 .btn:after{
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
    border-radius: 50%;
    transform: scale(1);
    animation: 1s btn ease-in-out infinite;
    background: #fff;
}
.index-part3 .btn img{
    cursor: pointer;
}
.index-part4{
    width: 100%;
    min-width: 1200px;
    height: 890px;
    background: url("../images/ip4-bg.jpg") no-repeat center;
}
.index-part4 .border{
    width: 1200px;
    margin: 0 auto;
}
.index-part4 .title{
    text-align: center;
}
.index-part4 .video{
    width: 1180px;
    height: 480px;
    border: 10px solid #f64743;
    background-color: #000;
}
.index-part4 .video video{
    height: 100%;
    outline: none;
}
.index-part4 .btn-list{
    padding-top: 60px;
    display: flex;
    margin: 0 auto;
    width: 650px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.index-part4 .btn-list img{
    cursor: pointer;
}
.index-part4 .btn-list div{
    position: relative;
    overflow: hidden;
}
.index-part4 .btn-list div:after{
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
    border-radius: 50%;
    transform: scale(1);
    animation: 1s btn ease-in-out infinite;
    background: #fff;
}

.index-part5{
    width: 100%;
    min-width: 1200px;
    height: 1085px;
}
.index-part5 .border{
    width: 1200px;
    margin: 0 auto;
}
.index-part5 .title{
    text-align: center;
    padding: 35px 0 40px 0;
}
.index-part5 .list{
    width: 1200px;
    height: 635px;
    background: url("../images/ip5-bg.png") no-repeat center bottom;
    position: relative;
}
.index-part5 .list img{
    position: absolute;
}
.index-part5 .list img:nth-child(1){
    left: 0;
    top: 0;
}
.index-part5 .list img:nth-child(2){
    right: 0;
    top: 0;
}
.index-part5 .list img:nth-child(3){
    left: 0;
    top: 183px;
}
.index-part5 .list img:nth-child(4){
    right: 0;
    top: 183px;
}
.index-part5 .list img:nth-child(5){
    left: 0;
    bottom:72px;
}
.index-part5 .list img:nth-child(6){
    right: 0;
    bottom: 72px;
}
.index-part5 .btn-list{
    text-align: center;
    padding-top: 100px;
    width: 650px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.index-part5 .btn-list img{
    cursor: pointer;
}
.index-part5 .btn-list div{
    position: relative;
}
.index-part5 .btn-list div:after{
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    margin: auto;
    border-radius: 50%;
    transform: scale(1);
    animation: 1s btn ease-in-out infinite;
    background: #fff;
}


.index-part6{
    width: 100%;
    min-width: 1200px;
    height: 780px;
}
.index-part6 .border{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.index-part6 .title{
    text-align: center;
    padding: 35px 0 40px 0;
}
.index-part6 .list{
    width: 1200px;
    height: 440px;
    background: url("../images/ip6-bg.png") no-repeat center;
    position: relative;
}
.index-part6 .list li{
    position: absolute;
}
.index-part6 .list li:nth-child(1){
    top: 140px;
    left: 344px;
}
.index-part6 .list li:nth-child(2){
    top: 146px;
    left: 582px;
}
.index-part6 .list li:nth-child(3){
    top: 142px;
    right: 285px;
}
.index-part6 .list li:nth-child(4){
    top: 160px;
    right: 35px;
}
.index-part6 .list li:nth-child(5){
    left: 347px;
    bottom: 37px;
}
.index-part6 .list li:nth-child(6){
    left: 605px;
    bottom: 25px;
}
.index-part6 .list li:nth-child(7){
    right: 298px;
    bottom: 30px;
}
.index-part6 .list li:nth-child(8){
    right: 38px;
    bottom: 30px;
}
.index-part6 .list li img{
    cursor: pointer;
}
.index-part6 .list li:hover img{
    -webkit-animation: aase 0.8s 1; -moz-animation: aase 0.8s 1; animation: aase 0.8s 1;
}

.index-part7{
    width: 100%;
    min-width: 1200px;
    height: 875px;
    background: url("../images/ip7-bg.jpg") no-repeat center;
}
.index-part7 .border{
    width: 1200px;
    margin: 0 auto;
}
.index-part7 .title{
    text-align: center;
    padding: 40px 0 60px 0;
}
.index-part7 .list{
    position: relative;
    width: 1200px;
    height: 450px;
    overflow: hidden;
}
.index-part7 .list li{
    position: absolute;
    overflow: hidden;
    cursor: pointer;
}
.index-part7 .list li img{
    object-fit: cover;
}
.index-part7 .list li:hover img{
    transform: scale(1.2, 1.2);
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
}
.index-part7 .list li:nth-child(1){
    left: 0;
    top: 0;
    height: 450px;
}
.index-part7 .list li:nth-child(2){
    top: 0;
    right:298px;
    height: 224px;
}
.index-part7 .list li:nth-child(3){
    top: 0;
    right: 0;
    height: 224px;
}
.index-part7 .list li:nth-child(4){
    bottom: 0;
    right:298px;
    height: 224px;
}
.index-part7 .list li:nth-child(5){
    bottom: 0;
    right: 0;
    height: 224px;
}
.index-part7 .list li p{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.4);
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.index-part8{
    width: 100%;
    min-width: 1200px;
    height: 775px;
}
.index-part8 .border{
    width: 1200px;
    margin: 0 auto;
}
.index-part8 .title{
    text-align: center;
    padding: 40px 0 55px 0;
}
.index-part8 .list{
    width: 884px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.index-part8 .list a{
    text-decoration: none;
}
.index-part8 .list .l{
    width: 372px;
    height: 434px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.index-part8 .list .l:after{
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background: url("../images/ip8-p.png") no-repeat center;
    top: 170px;
    right: -102px;
}
.index-part8 .list .l img{
    width: 370px;
    height: 350px;
    border: 1px solid #eeeeee;
}
.index-part8 .list .l p{
    width: 372px;
    height: 82px;
    line-height: 82px;
    background-color: #186ef0;
    color: #fff;
    font-size: 31px;
    text-align: center;
}
.index-part8 .list .r{
    width: 372px;
    height: 434px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.index-part8 .list .r img{
    width: 370px;
    height: 350px;
    border: 1px solid #eeeeee;
}
.index-part8 .list .r p{
    width: 372px;
    height: 82px;
    line-height: 82px;
    background-color: #186ef0;
    color: #fff;
    font-size: 31px;
    text-align: center;
}
.index-part8 .list a:hover img{
    border: 1px solid #186ef0;
}
.index-part9{
    width: 100%;
    min-width: 1200px;
    height: 594px;
    background-color: #f0f0f0;
    padding-top: 50px;
}
.index-part9 .border{
    background-color: #fff;
    width: 1200px;
    height: 540px;
    margin: 0 auto;
}
.index-part9 form{
    width: 1200px;
    height: 540px;
    background: url("../images/form-r.png") no-repeat right top;
}
.index-part9 form .top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 120px 124px 54px 35px;
}
.index-part9 form .l{
    width: 605px;
    height: 284px;
}
.index-part9 form .l p{
    height: 62px;
    width: 80px;
    line-height: 62px;
    font-size: 24px;
    color: #353535;
    position: relative;
}
.index-part9 form .l p b{
    color: red;
    position: absolute;
}
.index-part9 form .l li{
    width: 605px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.index-part9 form .l input{
    width: 504px;
    height: 58px;
    margin-bottom: 24px;
}
.index-part9 form .l textarea{
    width: 506px;
    height: 110px;
    resize: none;
}
.index-part9 form .r{
    width: 335px;
    height: 284px;
    border-left: 2px solid #eeeeee;
    padding-left: 20px;
    overflow: hidden;
}
.index-part9 form .r li{
    width: 310px;
    /*height: 120px;*/
    border-bottom: 1px dotted #e9e9e9;
    position: relative;
    padding-bottom: 10px;
}
.index-part9 form .r li h2{
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
    padding: 20px 0 15px 0;
}
.index-part9 form .r li h3{
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    color: #666666;
    padding-bottom: 10px;
}
.index-part9 form .r li p{
    font-size: 14px;
    line-height: 14px;
    color: #a6a6a6;
}
.index-part9 form .btn{
    text-align: center;
    position: relative;
    overflow: hidden;
}
/*.index-part9 form .btn:after{*/
    /*content: "";*/
    /*position: absolute;*/
    /*width: 200px;*/
    /*height: 200px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*opacity: 0;*/
    /*margin: auto;*/
    /*border-radius: 50%;*/
    /*transform: scale(1);*/
    /*animation: 1s btn ease-in-out infinite;*/
    /*background: #fff;*/
/*}*/
.index-part9 form button{
    width: 140px;
    height: 38px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 38px;
    border-radius: 15px;
    border: none;
    background-color: #186ef0;
    outline: none;
    cursor: pointer;
    /*position: relative;*/
    /*z-index: 1;*/
}



.tel_btn{
    position: absolute;
    bottom: 53px;
    left: 0;
}
.tel_btn div{
    width: 280px;
    height: 80px;
}









@keyframes btn {
    0%{
        transform:scale(0);
        opacity: 1;
    }
    100%{
        transform:scale(1);
        opacity: 0;
    }
}




@-webkit-keyframes aase{
    0%{-webkit-transform: rotateY(0deg);}
    100%{-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes aase{
    0%{-moz-transform: rotateY(0deg);}
    100%{-moz-transform: rotateY(360deg);}
}
@keyframes aase{
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(360deg);}
}

.an1{
    animation: an1 0.5s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an1{
    from{
        opacity: 0;
        left: -100px;
    }
    to{
        opacity: 1;
        left: 0;
    }
}
.an2{
    animation: an2 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an2{
    from{
        opacity: 0;
        right: -100px;
    }
    to{
        opacity: 1;
        right: 0;
    }
}
.an3{
    animation: an3 1.5s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an3{
    from{
        opacity: 0;
        left: -100px;
    }
    to{
        opacity: 1;
        left: 0;
    }
}
.an4{
    animation: an4 2s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an4{
    from{
        opacity: 0;
        right: -100px;
    }
    to{
        opacity: 1;
        right: 0;
    }
}

.an5{
    animation: an5 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an5{
    from{
        opacity: 0;
        left: -100px;
    }
    to{
        opacity: 1;
        left: 0;
    }
}
.an6{
    animation: an6 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an6{
    from{
        opacity: 0;
        right: -100px;
    }
    to{
        opacity: 1;
        right: 0;
    }
}
.an7{
    animation: an7 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an7{
    from{
        opacity: 0;
        left: -100px;
    }
    to{
        opacity: 1;
        left: 0;
    }
}
.an8{
    animation: an8 1.1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an8{
    from{
        opacity: 0;
        right: -100px;
    }
    to{
        opacity: 1;
        right: 0;
    }
}
.an9{
    animation: an9 1.2s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an9{
    from{
        opacity: 0;
        left: -100px;
    }
    to{
        opacity: 1;
        left: 0;
    }
}
.an10{
    animation: an10 1.4s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an10{
    from{
        opacity: 0;
        right: -100px;
    }
    to{
        opacity: 1;
        right: 0;
    }
}
.an11{
    animation: an11 1.5s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an11{
    from{
        opacity: 0;
        left: -100px;
    }
    to{
        opacity: 1;
        left: 0;
    }
}
.an12{
    animation: an12 1.6s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an12{
    from{
        opacity: 0;
        right: -100px;
    }
    to{
        opacity: 1;
        right: 0;
    }
}
.an13{
    animation: an13 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an13{
    from{
        opacity: 0;
        top: -100px;
    }
    to{
        opacity: 1;
        top: 0;
    }
}
.an14{
    animation: an14 1s;
    animation-fill-mode: forwards;
    animation-direction: alternate;
}
@keyframes an14{
    from{
        opacity: 0;
        bottom: -100px;
    }
    to{
        opacity: 1;
        bottom: 0;
    }
}

#LRdiv0{
    display: none!important;
}
.index-part1 .title p{
    display: none;
}
.index-part2 .title p{
    display: none;
}
.index-part3 .title p{
    display: none;
}
.index-part4 .title p{
    display: none;
}
.index-part5 .title p{
    display: none;
}
.index-part6 .title p{
    display: none;
}
.index-part7 .title p {
    display: none;
}
.index-part8 .title p{
    display: none;
}
.index-part2 .btn2{
    display: none;
}
@media only screen and (max-width: 768px){
    .banner{
        min-width: 100%;
    }
    .tel-one{
        display: none;
    }
    .index-part1{
        min-width: 100%;
        height: 20.875rem;
        background-size: cover;
    }
    .index-part1 .border{
        width: 100%;
    }
    .index-part1 .title{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .index-part1 .title img{
        display: none;
    }
    .index-part1 .title p{
        font-size: 2.125rem;
        line-height: 2.125rem;
        color: #353535;
        position: relative;
        padding: 2.5rem 0 2.75rem 0;
        font-weight: bold;
        display: block;
    }
    .index-part1 .title p:after{
        content: '';
        width: 3.125rem;
        height: 0.125rem;
        background: #f64743;
        position: absolute;
        bottom: 1.875rem;
        left: 9.375rem;
    }
    .index-part1 .list{
        width: 100%;
        height: 10rem;
    }
    .index-part1 .list li img{
        display: none;
    }
    .index-part1 .list li p{
        font-size: 1.5rem;
        line-height: 1.875rem;
        position: relative;
    }
    .index-part1 .list li p:after{
        position: absolute;
        width: 2.1875rem;
        height: 1.875rem;
        content: '！';
        /*clip-path: polygon(0 50%,0 80%,20% 100%,80% 100%,100% 80%,100% 20%,80% 0,20% 0);
         */
        clip-path: polygon(0 50%,20% 100%,80% 100%,100% 50%,80% 0,20% 0);
        background: #f64743;
        text-align: right;
        line-height: 1.875rem;
        color: #fff;
    }
    .index-part1 .list li:nth-child(1) p{
        width: 15.25rem;
        height: 3.625rem;
    }
    .index-part1 .list li:nth-child(1) p:after{
        right: -2.625rem;
        top: 0.125rem;
    }
    .index-part1 .list li:nth-child(2) p{
        width: 16.375rem;
        height: 3.625rem;
    }
    .index-part1 .list li:nth-child(2) p:after{
        left: -2.625rem;
        top: 0.125rem;
    }
    .index-part1 .list li:nth-child(3) p{
        width: 15.125rem;
        height: 3.625rem;
    }
    .index-part1 .list li:nth-child(3) p:after{
        right: -2.625rem;
        top: 0.125rem;
    }
    .index-part1 .list li:nth-child(4) p{
        width: 13.625rem;
        height: 3.625rem;
    }
    .index-part1 .list li:nth-child(4) p:after{
        left: -2.625rem;
        top: 0.125rem;
    }
    .index-part2{
        min-width: 100%;
        height: 22.75rem;
        background-size: cover;
    }
    .index-part2 .border{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .index-part2 .title{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
    }
    .index-part2 .title img{
        display: none;
    }
    .index-part2 .title p{
        font-size: 2.125rem;
        line-height: 2.125rem;
        color: #353535;
        position: relative;
        padding: 1.6875rem 0 3.25rem 0;
        font-weight: bold;
        display: block;
    }
    .index-part2 .title b{
        color: #f64743;
    }
    .index-part2 .title p:after{
        content: '';
        width: 3.125rem;
        height: 0.125rem;
        background: #f64743;
        position: absolute;
        bottom: 2.5rem;
        left: 12.125rem;
    }
    .index-part2 .list li img{
        width: 4.8125rem;
        height: 4.8125rem;
    }
    .index-part2 .list li p{
        margin-top: 1rem;
        font-size: 0.24rem;
        line-height: 0.24rem;
    }
    .index-part2 .list{
        justify-content: space-around;
        width: 42.1875rem;
    }
    .index-part2 .btn2{
        width: 32.8125rem;
        height: 2.8125rem;
        background: linear-gradient(#ffde5c, #ffcb01);
        border-radius: 0.9375rem;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    .index-part2 .btn2 div{
        font-size: 1.375rem;
        line-height: 1.375rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .index-part2 .btn2 div:nth-child(1) img{
        width: 1.625rem;
        height: 1.625rem;
        margin-right: 0.5rem;
    }
    .index-part2 .btn2 div:nth-child(3) img{
        width: 1.375rem;
        height: 1.375rem;
        margin-right: 0.5rem;
    }
    .index-part2 a{
        text-decoration: none;
    }
    .index-part2 .btn{
        display: none;
    }
    .index-part2 .btna{
        margin: 2.5rem 0 0 0;
    }
    .index-part3{
        min-width: 100%;
        height: auto;
    }
    .index-part3 .border{
        width: 100%;
    }
    .index-part3 .title{
        padding: 0;
    }
    .index-part3 .title img{
        display: none;
    }
    .index-part3 .title p{
        font-size: 2.125rem;
        line-height: 2.125rem;
        color: #353535;
        position: relative;
        padding: 1.6875rem 0 3.25rem 0;
        font-weight: bold;
        display: block;
    }
    .index-part3 .title b{
        color: #f64743;
    }
    .index-part3 .title p:after{
        content: '';
        width: 3.125rem;
        height: 0.125rem;
        background: #f64743;
        position: absolute;
        bottom: 2.5rem;
        left: 22.75rem;
    }
    .index-part3 .list{
        width: 100%;
        height: 22.875rem;
        overflow: hidden;
    }
    .index-part3 .list img:nth-child(1){
        width: 28.0625rem;
        height: 19.875rem;
        animation-fill-mode:none;
        left: -4.125rem;
    }
    .index-part3 .list img:nth-child(2){
        width: 30.3125rem;
        height: 22.875rem;
        right: -3.625rem;
        animation-fill-mode:none;
    }
    @keyframes an5{
        from{
            opacity: 0;
            left: -6.25rem;
        }
        to{
            opacity: 1;
            left: -4.125rem;
        }
    }
    @keyframes an6{
        from{
            opacity: 0;
            right: -6.25rem;
        }
        to{
            opacity: 1;
            right: -3.625rem;
        }
    }
    .index-part3 .btn{
        margin: 2.5rem 0;
    }
    .index-part3 .btn img{
        width: 11.25rem;
        height: 2.75rem;
    }
    .new_number_border2{
        display: none;
    }
    .index-part4{
        min-width: 100%;
        height: auto;
    }
    .index-part4 .border{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .index-part4 .title{
        padding: 0;
    }
    .index-part4 .title img{
        display: none;
    }
    .index-part4 .title p{
        font-size: 2.125rem;
        line-height: 2.125rem;
        color: #353535;
        position: relative;
        padding: 1.6875rem 0 3.25rem 0;
        font-weight: bold;
        display: block;
    }
    .index-part4 .title b{
        color: #f64743;
    }
    .index-part4 .title p:after{
        content: '';
        width: 3.125rem;
        height: 0.125rem;
        background: #f64743;
        position: absolute;
        bottom: 2.5rem;
        left: 6.25rem;
    }
    .index-part4 .video{
        width: 44.375rem;
        height: 18.625rem;
    }
    .index-part4 .video video{
        width: 44.375rem;
        height: 18.625rem;
    }
    .index-part4 .btn-list{
        width: 23.25rem;
        margin: 2.375rem 0 1.5rem 0;
        padding: 0;
    }
    .index-part4 .btn-list img{
        width: 10.75rem;
        height: 2.625rem;
    }
    .index-part5{
        min-width: 100%;
        height: auto;
    }
    .index-part5 .border{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .index-part5 .title{
        padding: 0;
    }
    .index-part5 .title img{
        display: none;
    }
    .index-part5 .title p{
        font-size: 2.125rem;
        line-height: 2.125rem;
        color: #353535;
        position: relative;
        padding: 1.6875rem 0 3.25rem 0;
        font-weight: bold;
        display: block;
    }
    .index-part5 .title b{
        color: #f64743;
    }
    .index-part5 .title p:after{
        content: '';
        width: 3.125rem;
        height: 0.125rem;
        background: #f64743;
        position: absolute;
        bottom: 1.25rem;
        left: 10rem;
    }
    .index-part5 .btn-list{
        width: 23.25rem;
        margin: 2.375rem 0 1.5rem 0;
        padding: 0;
    }
    .index-part5 .btn-list img{
        width: 10.75rem;
        height: 2.625rem;
    }
    .index-part5 .list{
        width: 44.375rem;
        height: 53.4375rem;
        background-position: center top;
        background-size: 50%;
    }
    .index-part5 .list img{
        width: 40%;
        /*animation-fill-mode:none;
         */
    }
    .index-part5 .list img:nth-child(1){
        top: 22.75rem;
    }
    .index-part5 .list img:nth-child(2){
        top: 22.75rem;
    }
    .index-part5 .list img:nth-child(3){
        top: 33.75rem;
    }
    .index-part5 .list img:nth-child(4){
        top: 33.75rem;
    }
    .index-part5 .list img:nth-child(5){
        bottom: 0;
    }
    .index-part5 .list img:nth-child(6){
        bottom:0;
    }
    .index-part6{
        min-width: 100%;
        height: auto;
    }
    .index-part6 .border{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .index-part6 .title{
        padding: 0;
    }
    .index-part6 .title img{
        display: none;
    }
    .index-part6 .title p{
        font-size: 2.125rem;
        line-height: 2.125rem;
        color: #353535;
        position: relative;
        padding: 1.6875rem 0 3.25rem 0;
        font-weight: bold;
        display: block;
    }
    .index-part6 .title b{
        color: #f64743;
    }
    .index-part6 .title p:after{
        content: '';
        width: 3.125rem;
        height: 0.125rem;
        background: #f64743;
        position: absolute;
        bottom: 1.875rem;
        left: 4.6875rem;
    }
    .index-part6 .list{
        width: 100%;
        height: 18.5625rem;
        background-size: contain;
    }
    .index-part6 .list li{
        width: 13%
    }
    .index-part6 .list li img{
        width: 100%;
    }
    .index-part6 .list li:nth-child(1) {
        top: 4.875rem;
        left: 11.875rem;
    }
    .index-part6 .list li:nth-child(2) {
        top: 5.1875rem;
        left: 20.8125rem;
    }
    .index-part6 .list li:nth-child(3) {
        top: 5rem;
        right: 11.625rem;
        width: 10%;
    }
    .index-part6 .list li:nth-child(4) {
        top: 5.875rem;
        right: 2.25rem;
    }
    .index-part6 .list li:nth-child(5) {
        left: 12.125rem;
        bottom: 1.25rem;
    }
    .index-part6 .list li:nth-child(6) {
        left: 21.875rem;
        bottom: 1rem;
        width: 10%;
    }
    .index-part6 .list li:nth-child(7) {
        right: 11.8125rem;
        bottom: 1.375rem;
        width: 10%;
    }
    .index-part6 .list li:nth-child(8) {
        right: 2.75rem;
        bottom: 1.25rem;
    }
    .tel_btn{
        bottom: 0;
        left: 0;
    }
    .tel_btn div{
        width: 10.9375rem;
        height: 5.375rem;
    }
    .new_number4{
        bottom: 0.6875rem;
        font-size: 1.75rem;
        line-height: 1.875rem;
        width: 6.25rem;
        right: 2.0625rem;
    }

    .index-part7{
        min-width: 100%;
        padding-bottom: 2.5rem;
        height: auto;
    }
    .index-part7 .border{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .index-part7 .title{
        padding: 0;
    }
    .index-part7 .title img{
        display: none;
    }
    .index-part7 .title p{
        font-size: 2.125rem;
        line-height: 2.125rem;
        color: #353535;
        position: relative;
        padding: 1.6875rem 0 3.25rem 0;
        font-weight: bold;
        display: block;
    }
    .index-part7 .title b{
        color: #f64743;
    }
    .index-part7 .title p:after{
        content: '';
        width: 3.125rem;
        height: 0.125rem;
        background: #f64743;
        position: absolute;
        bottom: 1.875rem;
        left: 3.6875rem;
    }
    .index-part7 .list{
        width:44.375rem;
        height: 17.125rem;
    }
    .index-part7 .list li:nth-child(1){
        width: 21.75rem;
        height: 17rem;
    }
    .index-part7 .list li:nth-child(2){
        width: 11.125rem;
        height: 8.5rem;
        right: 11.25rem;
    }
    .index-part7 .list li:nth-child(3){
        width: 11.125rem;
        height: 8.5rem;
    }
    .index-part7 .list li:nth-child(4){
        width: 11.125rem;
        height: 8.5rem;
        right: 11.25rem;
    }
    .index-part7 .list li:nth-child(5){
        width: 11.125rem;
        height: 8.5rem;
    }
    .index-part8{
        min-width: 100%;
        width: 100%;
        height: auto;
        padding-bottom: 5.625rem;
    }
    .index-part8 .border{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .index-part8 .title{
        padding: 0;
    }
    .index-part8 .title img{
        display: none;
    }
    .index-part8 .title p{
        font-size: 2.125rem;
        line-height: 2.125rem;
        color: #353535;
        position: relative;
        padding: 1.6875rem 0 3.25rem 0;
        font-weight: bold;
        display: block;
    }
    .index-part8 .title b{
        color: #f64743;
    }
    .index-part8 .title p:after{
        content: '';
        width: 3.125rem;
        height: 0.125rem;
        background: #f64743;
        position: absolute;
        bottom: 1.875rem;
        left: 7.6875rem;
    }
    .index-part8 .list{
        width: 44.375rem;
    }
    .index-part8 .list .l{
        width: 18.5625rem;
        height: 21.6875rem;
    }
    .index-part8 .list .r{
        width: 18.5625rem;
        height: 21.6875rem;
    }
    .index-part8 .list .l p{
        width: 18.5625rem;
        height: 4.125rem;
        font-size: 1.75rem;
        line-height: 4.125rem;
    }
    .index-part8 .list .l img{
        width: 18.5625rem;
        height: 17.5625rem;
        display: block;
        object-fit: cover;
    }
    .index-part8 .list .r p{
        width: 18.5625rem;
        height: 4.125rem;
        font-size: 1.75rem;
        line-height: 4.125rem;
    }
    .index-part8 .list .r img{
        width: 18.5625rem;
        height: 17.5625rem;
        display: block;
        object-fit: cover;
    }
    .index-part8 .list .l:after{
        width: 3rem;
        height: 3rem;
        background-size: cover;
        top: 7.5rem;
        right: -5.625rem;
    }
    .index-part9{
        min-width: 100%;
        height: auto;
        padding: 1.875rem 0;
    }
    .index-part9 .border{
        width: 44.375rem;
        height: auto;
        padding-bottom: 1.25rem;
    }
    .index-part9 form{
        width: 100%;
        height: auto;
    }
    .index-part9 form .top{
        align-items: flex-start;
        padding: 3.75rem 1.25rem 1.0625rem 1.25rem;
    }
    .index-part9 form .l{
        width: 23.9375rem;
        height: auto;
    }
    .index-part9 form .l li{
        width: 23.9375rem;
        margin-bottom: 0.875rem;
    }
    .index-part9 form .l p{
        width: 4.75rem;
        height: 2.3125rem;
        line-height: 2.3125rem;
        font-size: 1.25rem;
    }
    .index-part9 form .l input{
        width: 19.25rem;
        height: 2.3125rem;
        margin-bottom: 0;
    }
    .index-part9 form .l textarea{
        width: 19.25rem;
        height: 4.125rem;
    }
    .index-part9 form .r{
        width: 15.625rem;
        height: 11.125rem;
    }
    .index-part9 form .r li{
        width: 15.625rem;
    }
    .index-part9 form .r li h2{
        padding: 0 0 0.4375rem 0;
        font-size: 1.375rem ;
        line-height: 1.375rem ;
    }
    .index-part9 form .r li h3{
        font-size: 1.125rem;
        line-height: 1.25rem;
        padding-bottom: 0.625rem;
    }
    .index-part9 form .r li p{
        font-size: 0.875rem;
        line-height: 0.875rem;

    }
    .index-part9 form button{
        width: 8.75rem;
        height: 2.375rem;
        font-size: 1.25rem;
        line-height: 2.375rem;
    }

}