.video-close{
    width:55px;height:55px;line-height:55px;position: absolute; right:20px;top:20px; z-index:100;
}
.layui-carousel{width:100%;height:100%; background:#F04A88; z-index:9;}
#video1{z-index:10;}
#rotation1{z-index:9;}
.rmove1{background:#F04A88;}
.rmove2{width:100%; height:100%; background: url("../images/new_b.png") no-repeat 0 0;background-size:100% 100%;}
.con-left{position: absolute; z-index:10; left:0px; top:36%; width:80px;cursor:pointer;}
.con-right{position: absolute; z-index:10; right:0px; top:53%;width:60px;cursor:pointer;}
.contro:active{

}
.arc-logo{width: 50%; position: absolute; left:10px; bottom: 20px; z-index:9;}
.arc-desc{width: 20%; position: absolute; left:53vw; top: 12vh; z-index:9;}

.course{width:100%; background-color: #595CC7; padding-top:100px; }
.course .course-main{width:90vw; margin:0 auto;}
.course .course-list{width:16.66%; position: relative; overflow: hidden; float:left; cursor:pointer;}
.course .course-list .course-title{position: absolute; left:0px; bottom:5vw; width:100%; }
.course .course-list .course-title span{display:block; width:80%; margin: 10px auto; font-size:1.9em; color:#FFF; }
.course .course-list .course-title .course-title-name{font-weight:bold;font-size:2.2em;}
.course .course-list .course-title .course-title-en{font-weight:bold;font-size:1em;}
.course .course-list .course-desc{position: absolute; left:0px; top:12vw; width:100%; height:90%; display: none;}
.course .course-list .course-desc span{display:block; width:80%; margin: 10px auto; font-size:1em; color:#FFF;}

.why-top{width:100%; height:112px; background: url("https://arc-live.oss-cn-hongkong.aliyuncs.com/index/h1.png") no-repeat 0 0; background-size: 100% 100%;clear:both;margin-top:100px;}
.why-choose-arc{width:100%; background-color: #F4A45F;}
.why-choose-header{width:100%; height:260px; background: url("https://arc-live.oss-cn-hongkong.aliyuncs.com/index/h2.png") no-repeat center;background-size: 1300px 176px;
    text-align:center; font-size:4em; color:#FFF; line-height:226px;}
.why-choose-arc-box{width:90%; margin:0px auto;}
.why-choose-arc-box .left-box{width:30%; height:36vw; background: #FAD87F; border-radius:15px;  position: relative; overflow:hidden; text-align: center; float:left;cursor:hand;}
.why-choose-arc-box .left-box img{width:96%; margin: 5px auto; position: absolute; top:15%; left:2%;transition: all 0.6s;  }
.why-choose-arc-box .left-box img:hover{transform: scale(1.3);}
.why-choose-arc-box .right-box .boxs img:hover{transform: scale(1.3);}
.why-choose-arc-box .left-box .boxinfo{width:90%;position: absolute;text-align:center; bottom:20px; left:5%; color:#FFF; font-size:1.2em; font-weight: bold;}
.why-choose-arc-box .left-box .boxinfo p:first-child{font-size:2.5em;}
.why-choose-arc-box .right-box .boxinfo p:first-child{font-size:2em;line-height:1em;}

.why-choose-arc-box .right-box{width:70%;float:right;}
.why-choose-arc-box .right-box .boxs:nth-child(-n+3){margin-bottom:1.3vw;}
.why-choose-arc-box .right-box .boxs{width:31%;  margin-left:2%;  background: #FAD87F; border-radius:15px;text-align: center; overflow:hidden; float:left; cursor:hand;}
.why-choose-arc-box .right-box .boxs img{width:90%; margin:1vw auto 0vw; top:0px; left:5%;transition: all 0.6s;  }
.why-choose-arc-box .right-box .boxs .boxinfo{width:90%;text-align:center; color:#FFF; font-size:1em; font-weight: bold;margin-bottom: 10px;position:relative;}
.why-choose-arc-box .left-box,.why-choose-arc-box .boxs{cursor:pointer;}

.why-choose-footer{widht:100%; height:102px;letter-spacing: 2px; line-height: 52px; text-align:center; color:#fff; font-size:1.6em; margin-top:20px; font-weight: bold;}
.why-choose-arc-title,.why-choose-arc-title span{font-size:1.3em; }
.harvest{width:100%; position: relative; background: #FADF6C; height:62vw;}
.harvest .harvest-header img{width:100%;}
.harvest .harvest-content{position: absolute; left:0; top: 15vw; width:100%;}
.harvest .harvest-content .harvest-main{width:90vw; margin:0 auto;}
.harvest .harvest-content .harvest-main-left{width:35%;float:left;}
.harvest .harvest-content .harvest-main-right{width:63%;float:left;text-align: center;margin-top: 66px;}
.harvest .harvest-main-right img{width:88%;}
.harvest .harvest-index{display: block; width:93%; font-size:1.2em; margin:0 auto; padding:3px; background: #5A5CCD; border-radius:16px;}
.harvest .harvest-index li{display: block; width:16.66%; border-radius:16px; color:#F39E53;float:left; text-align: center;
    height:30px; line-height:30px; font-weight: bold;font-size:1.2em;
}
.harvest .harvest-index .on{ background: #fff; }
.harvest .harvest-index li:hover{ background: #fff; cursor: pointer;}
.harvest .harvest-fonts h2{
    padding: 40px 0px;
    text-indent: 15px;
    font-size: 46px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 6px;
}
.harvest .harvest-icon ul{width: 100%;padding-left:18px;}
.harvest .harvest-icon ul li{width: 33.33%; float:left;margin-top:20px;height:12vw; cursor: pointer;}
.harvest .harvest-icon ul li img{width: 78%; margin:0 auto;}
.harvest .harvest-fonts .title{
    font-size: 30px;
    text-indent: 16px;
    color: #F4A566;
    font-weight: 500;
    letter-spacing: 3px;
}
.harvest .harvest-fonts p:last-child{
    padding-top: 30px;
    padding-left: 18px;
    color: #665FC9;
    line-height: 1.7em;
    font-weight: 550;
    font-size:1.2em;
}
.harvest .harvest-icon .active{display:none;}
.harvest-fonts{height:25em;}

.aboutus{background:#3A656E; width: 90vw;padding:3vw 7vw 8vw 3vw;font-family: fantasy;}
.aboutus .leftrer{width:33vw; color:#fff;}
.aboutus .leftrer .lefter-title{font-size:4.3em; font-weight: 500; letter-spacing: 3px; line-height:.9em;}
.aboutus .leftrer .text-desc{margin-top:1.8em;}
.aboutus .lefter-text p{width:87%;line-height: 1.6em;font-size:1em; font-family:auto;}
.aboutus  .about-more{width:87%; text-align:left;}
.aboutus  .about-more a{padding: 0.2em 2em;
    background-color: #FEBABB;
    display: block;
    width: 3vw;
    color: #fff;
    margin-top:2vh;
    border-radius: 1.8em;
    text-align:center;
    float: left;}
.aboutus  .about-more a:hover{background:#fff; color:#FEBABB;}
.aboutus .righter{width:57vw; position: relative;
    height: 26vw;}
.aboutus .righter .ab-text{position: absolute;
    right: -3vw;
    width: 24vw;
    bottom: -6vw;
    z-index: 999;}

.footer{background: #4E6BAF; width: 100vw; position: absolute;}
.footer .footer-ad{background: #FEBABB; position: relative; left:3vw; width:94vw; top:-5vw; height:29vw; overflow: hidden}
.footer .footer-ad .footer-head{position: absolute; height:100%; width:100%;}
.footer .footer-ad .b{position: absolute; width:80px; z-index:99;
    left: calc(28vw - 46px);
    top: calc(24vw - 73px);
    -webkit-animation: stretch-delay 1.2s infinite ease-in-out;
    animation: stretch-delay 1.2s infinite ease-in-out;}
.footer .footer-ad .b img{margin-top:-8px;}
.footer .footer-ad .text{position: absolute; left:0px; top:0px; width:300px;padding:1vw 0 0 1.5vw; }
.footer .footer-ad .text .img{width:72%;}
.footer .footer-ad .text h3{color:#fff;margin: 0px 0 10px 0; font-size:2.1em;}
.footer .footer-ad .phone{position: absolute;
    left: 16vw;
    top: 19vw;
    width: 24vw;}
.footer .footer-ad .phone img{width:97%;}
.footer .footer-ad .car{
    position: absolute;
    top:-30vh;
    width: 28vw;
    left: 80vw;
    transition-property: top,left;
    transition-duration: 15s;
    -moz-transition-property: top,left; /* Firefox 4 */
    -moz-transition-duration: 15s; /* Firefox 4 */
    -webkit-transition-property: top,left; /* Safari and Chrome */
    -webkit-transition-duration: 15s; /* Safari and Chrome */
    -o-transition-property: top,left; /* Opera */
    -o-transition-duration: 15s; /* Opera */
}
.right_icon_list{position:absolute;right:0px; bottom:0px; width:186px; height:110px;}
.footer .footer-ad .move{    top: 29vw;
    left: 2vw;}
/*.footer .footer-ad .move{top:20vw;left:32vw;}*/
.footer .footer-info{position: relative; left:2.5vw; width:94vw; top:-5vw; border-bottom:2px solid #FEBABB; padding-top:3vw; padding-bottom:1vw;}
.footer .footer-left{float:left; width:60%;}
.footer .footer-right{float:left; width:40%;}
.footer .footer-ad .text p{vertical-align: middle;color:#4f6bb1; margin-bottom:5px;}
.footer .footer-ad .text p img{width:28px; height:28px;}
.footer .footer-ad .text p span{margin-left:10px;font-weight:600;}
.footer .footer-right ul li{float:right; width:33%;margin-left:2vw;}
.footer .footer-right ul li img{width:100%;}
.footer .footer-left ul li{width:100%; height:3.3em; line-height: 3.3em;color:#E1EBEC; font-size:1.2em; text-indent: 1.5em;}
.layui-carousel>[carousel-item]{margin-top:5vh;}
.wow .layui-carousel>[carousel-item]{margin-top:0px;}

@-webkit-keyframes stretch-delay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.85) scaleX(0.85);
        transform: scaleY(0.85) scaleX(0.85);
    }
    20% {
        -webkit-transform: scaleY(1) scaleX(1);
        transform: scaleY(1) scaleX(1);
    }
}
@keyframes stretch-delay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.85) scaleX(0.85);
        transform: scaleY(0.85) scaleX(0.85);
    }
    20% {
        -webkit-transform: scaleY(1) scaleX(1);
        transform: scaleY(1)  scaleX(1);
    }
}

/**
* 兼容笔记本
*/
@media screen and (max-width: 1580px) {
    .harvest{height:68vw;}
    .aboutus .leftrer .lefter-title{font-size:2.2em;}
    .aboutus .lefter-text p{width:88%;font-size:0.8em;}
    .aboutus .lefter-text p img{width:94%;}
    .aboutus .leftrer .text-desc{margin-top:5px;}
    .aboutus .leftrer{width:28vw;}
    .aboutus .righter{width:62vw; height:32vw;}
    .aboutus{padding-bottom:10vw;}
    .footer .footer-ad .b{left: calc(28vw - 45px);
    top: calc(22vw - 54px);}
}


@media screen and (max-width: 1320px) {
    .aboutus .lefter-text p:first-child{display:none;}
    .aboutus .righter{margin-top:2vh;}
    .footer .footer-ad .b{left: calc(42vw - 45px);
    top: calc(22vw - 54px);}
    .footer .footer-ad .car{left:90vw !important;top:-130px !important;}
    .footer .footer-ad .move{left:17% !important;top:13vh !important;}
.footer .footer-ad .phone{left: 30vw;}
}