/*jumbotron*/
.jumbotron{
    width: 100%;
    padding-top: 70px;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../image/home-bg-1.png);
    -webkit-background-size: auto 847px;
    background-size: auto 847px;
}

/*first-page*/
.first-page{
    margin-top: 42px;
    height: 563px;
    width: 100%;
}
.first-page .container{
    width: 1200px;
    margin: 0 auto;
    color: #FFF;
    position: relative;
}
.first-page .container .tryout .company{
    font-size: 24px;
    color: #FFF;
    line-height: 31px;
    margin-bottom: 8px;
}
.first-page .container .tryout .company span{
    color: #F7CD6E;
    font-size: 24px;
}
.first-page .container .tryout .title{
    font-size: 38px;
    margin-bottom: 14px;
    padding-top: 61px;
}
.first-page .container .tryout .btn-play-video{
    height: 40px;
    width: 40px;
    display: inline-block;
    color: #FFF;
    background: rgba(255,255,255,0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -6px;
}
.first-page .container .tryout .title i{
    font-size: 18px;
    display: inline-block;
    margin-top: 11px;
    margin-left: 13px;
}
.first-page .container .tryout span{
    font-size: 16px;
}
.first-page .container .tryout a{
    color: #FFF;
    font-weight: 600;
}
.first-page .container img{
    position: absolute;
    left: 550px;
    top: 0;
    height: 502px;
    width: 750px;
}
.first-page .register-box{
    height: 52px;
    width: 550px;
    margin-top: 40px;
    margin-bottom: 19px;
    -webkit-box-shadow: 0 22px 30px 6px rgba(55,63,101,0.1);
    -moz-box-shadow: 0 22px 30px 6px rgba(55,63,101,0.1);
    box-shadow: 0 22px 30px 6px rgba(55,63,101,0.1);
}
.first-page .register-box input{
    width: 390px;
    height: 52px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    float: left;
    font-size: 16px;
    color: #B4B6BD;
    padding-left: 20px;
}
.first-page .register-box button{
    width: 140px;
    height: 52px;
    background-image: linear-gradient(-269deg, #F7CD6E 0%, #FFA352 100%);
    float: left;
    color: #FFF;
    font-size: 16px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.first-page .enterprise-list .item{
    width: 20%;
    float: left;
    text-align: center;
}
.first-page .enterprise-list{
    width: 1200px;
    margin: 0 auto;
    margin-top: 180px;
    opacity: 0.8;
}


.img-count-in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;

}
.w-prd-list .img-count-in img {
	width:270px; height:270px;
}

@media (min-width:769px) {
	
.news_bg{ width:100%; height:650px; background:#f7f7f7;}
.news_body{width:1200px; height:455px; margin:0 auto;}
.news_left{ width:120px; height:150px; float:left;position:absolute; border-right:1px #e4e4e4 solid; margin-top:20px;}
.news_date_m-d{ font-size:28px; color:#666666; padding-left:10px; padding-top:10px;}
.news_date_YY{ font-size:18px; color:#666666; padding-left:11px; padding-top:10px;}
.news_list{ width:560px; height:190px; background:#fff; float:left; margin-left:40px; margin-bottom:20px;}
.news_right{ width:420px; height:auto; float:right; }
.news_list img{display: inline; float:left; margin-top:15px;}
.news_title a{font-size:18px; color:#000; margin-bottom:10px;}
.news_title a:hover{ color:#ae1e1e;}
.mews_jianjie{font-size:14px; color:#666; margin-top:10px;}
.news_zi{width:420px; height:125px; float:right; margin-left:26px; padding-top:30px; padding-right:20px;}


/* 涓讳綋 */
.container { position:relative; z-index:8; margin-bottom:40px;width:1200px; margin:0 auto;}
.nomb{margin-bottom:0;}

.shiyong .hd {height: 156px;line-height: 156px;text-align: center;}
.shiyong .hd img {margin-top: 64px; margin-right: 10px; }
.shiyong .hd span {font-size: 30px;color: #231815;}
.shiyong .bd ul li {float: left;width: 372px;height: 66px;background: url(../image/shiyong2.png) no-repeat;}
.shiyong .bd ul li+li {margin-left: 42px;}
.shiyong .bd .sd {float: left;width: 66px;height: 66px;line-height: 66px;text-align: center;font-size: 36px;font-weight: bold;color: #27dddb;}
.shiyong .bd .mm {float: left;width: 306px;height: 66px;line-height: 66px;text-align: center;font-size: 24px;color: #fff;}
.shiyong .ft {margin-top: 62px;}
.shiyong .ft-hd {width: 100%;height: 63px;line-height: 63px;text-align: center;font-size: 30px;color: #fff;background: #2785dd;}
.shiyong .ft-bd {height: 413px;background: #efefef;padding-top: 26px;}
.shiyong .ft-bd p {text-align: center;}
.shiyong .ft-bd form {position: relative; width: 962px;margin: 0 auto;margin-top: 50px;}
.shiyong .ft-bd form li {position: relative; float: left;width: 443px;margin-bottom: 8px;}
.shiyong .ft-bd form li:nth-child(even) {margin-left: 76px;}
.shiyong .ft-bd form input {float: left;}
.shiyong .ft-bd form .lab {width: 165px;height: 50px;line-height:50px;padding-left: 18px;background: #dcdcdc;font-size: 16px;color: #231815;float:left;}
.shiyong .ft-bd form .txt {width: 209px;height: 50px;margin-left: 10px;padding:0 17px 0 24px; background: #fff;font-size: 16px;color: #a6a7a7;}
.shiyong .ft-bd form .lab2 {width: 165px;height: 50px;line-height:50px;padding-left: 18px;background: #dcdcdc;font-size: 16px;color: #231815;float:left;}
.shiyong .ft-bd form .txt2 {width: 728px;height: 50px;margin-left: 10px;padding:0 17px 0 24px; background: #fff;font-size: 16px;color: #a6a7a7;}
.shiyong .ft-bd form .laydate-icon {position: relative;border: none; background: #fff url(../image/datepicker.jpg) no-repeat 209px 18px;}
.shiyong .ft-bd form .city select {width: 189px;height: 50px;margin-left: 9px;padding:0 28px 0 20px;background: #fff url(../image/select-b.png) no-repeat 161px center; float: left;font-size: 14px;color: #a6a7a7;border: none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.shiyong .ft-bd form .city select::-ms-expand { display: none; } /*娓呴櫎鍙充晶涓嬫媺鎸夐挳*/
.shiyong .ft-bd form .city #juti {float: left; width: 332px;}
.shiyong .ft-bd form .sub1 {float: none;position: relative;left: 50%;margin:30px 0 0 -70px; width: 140px;height: 46px;background: #2785dd;color: #fff;font-size: 18px;cursor:pointer;}	
	
	
    .first-page .enterprise-list{
        display: flex;
        justify-content: space-around;
    }
    .first-page .enterprise-list .item{
        width: 160px;
        height: 54px;
        float: left;
        line-height: 54px;
        cursor: pointer;
    }
    .first-page .enterprise-list .item .logo{
        max-width: 100%;
        max-height: 46px;
        vertical-align: middle;
        position: static;
    }
}

/*绔嬪嵆浣撻獙popover*/
.jumbotron .first-page .btn-try{position: relative;}
.jumbotron .first-page .btn-try .popover{max-width: 393px;width: 393px;height: 160px;top: 25px!important;left: -165px!important;box-shadow: 0 0 5px 0 rgba(0,0,0,0.16);background: #fff;border-radius: 4px;}
.jumbotron .first-page .btn-try .popover .popover-title{display: none;font-weight: normal;}
.jumbotron .first-page .btn-try .popover .popover-content{padding: 14px 25px 12px 160px;position: relative;text-align: center;height: 100%;}
.jumbotron .first-page .btn-try .popover .popover-content .qr-code{position: absolute;left: 25px;top: 14px;width: 110px;}
.jumbotron .first-page .btn-try .popover .popover-content .qr-code img{width: 110px;height: 110px;margin-bottom: 3px;position: static;}
.jumbotron .first-page .btn-try .popover .popover-content .qr-code span,
.jumbotron .first-page .btn-try .popover .popover-content .pc-link .intro{font-size: 12px;color: #9B9B9B;font-weight: normal;}
.jumbotron .first-page .btn-try .popover .popover-content .pc-link .intro{margin-top: 34px;margin-bottom: 10px;}
.jumbotron .first-page .btn-try .popover .popover-content .pc-link a{font-size: 16px;color: #1A8CFE;font-weight: normal;}
.jumbotron .first-page .btn-try .popover .popover-content .pc-link a:hover,
.jumbotron .first-page .btn-try .popover .popover-content .pc-link a:active,
.jumbotron .first-page .btn-try .popover .popover-content .pc-link a:focus{font-size: 16px;color: #1A8CFE;margin-top: 10px;}


/*second-page*/
.second-page{min-height: 576px;position: relative;width: 1200px;margin: 0 auto;}
.second-page .cases-wrap{
    background: #fff;
    box-shadow: 0 2px 25px 0 rgba(0,0,0,0.04);
    border-radius: 4px;
    padding: 16px 15px;
    text-align: center;
    width: 1200px;
}
.second-page .cases-wrap .cases-title{font-size: 38px;color: #3A3E51;margin-top: 25px;margin-bottom: 40px;}

.second-page .case{margin-bottom: 20px;}
.second-page .case-box{
    float: left;
    margin-left: 182px;
    margin-bottom: 30px;
}
.second-page .case.train .case-icon{background-image: url(../image/case-train.png);}
.second-page .case.dealer .case-icon{background-image: url(../image/case-dealer.png);}
.second-page .case.recruit .case-icon{background-image: url(../image/case-recruit.png);}
.second-page .case.competition .case-icon{background-image: url(../image/case-competition.png);}
.second-page .case.homework .case-icon{background-image: url(../image/case-homework.png);}
.second-page .case.exercise .case-icon{background-image: url(../image/case-exercise.png);}

.second-page .case .case-intro{font-size: 20px;color: #4A4A4A;}
.second-page .case .case-intro .case-title{font-size: 18px;color: #3A3E51;margin-top: 0;margin-bottom: 4px;}
.second-page .case .case-intro .case-detail{font-size: 14px;color: #B4B6BD;}
.second-page .case .case-icon{width: 138px;height: 118px;background-repeat: no-repeat;background-position: center;display: inline-block;}

/*<!-- procedure -->*/
.procedure{
    min-height: 1482px;
    padding-top: 14px;
    padding-bottom: 20px;
    width: 1200px;
    margin: 0 auto;
    margin-top: 46px;
    position: relative;
    background-position: 280px 146px;
    background-repeat: no-repeat;
    background-image: url(../image/home-bg-3.png);
    -webkit-background-size: auto 1482px;
    background-size: auto 1482px;
}
.procedure .step{position: relative;}
.procedure .step .sketch{position: absolute;background-repeat: no-repeat;background-position: center;}
.procedure .step .title{font-size: 18px;color: #1A8CFE;line-height: 45px;}
.procedure .step .title .step-icon{display: inline-block;width: 45px;height: 45px;border-radius: 50%;color: #fff;font-size: 25px;text-align: center;margin-right: 8px;}
.procedure .step .intro{font-size: 18px;color: #3A3E51;margin-bottom: 14px;padding-left: 57px;}
.procedure .step .detail{font-size: 12px;color: #B4B6BD;padding-left: 57px;}

.procedure .step.first-step{height: 336px;padding-left: 561px;}
.procedure .step.first-step .sketch{width: 379px;height: 336px;left: 100px;top: 0;background-image: url(../image/procedure-first-step.png);}
.procedure .step.first-step .describe{padding-top: 75px;}
.procedure .step.first-step .describe .detail{
    width: 375px;
}
.procedure .step.first-step .title .step-icon{background: #6ED78E;}

.procedure .step.second-step{height: 363px;}
.procedure .step.second-step .sketch{width: 353px;height: 363px;right: 0;top: -8px;background-image: url(../image/procedure-second-step.png);}
.procedure .step.second-step .describe{position: absolute;right: 391px;top: 158px;}
.procedure .step.second-step .describe .detail{
    width: 301px;
}
.procedure .step.second-step .title .step-icon{background: #00c8ff;}

.procedure .step.third-step{height: 242px;}
.procedure .step.third-step .sketch{width: 348px;height: 363px;left: 0;top: -204px;;background-image: url(../image/procedure-third-step.png);}
.procedure .step.third-step .describe{position: absolute;left: 338px;top: 144px;}
.procedure .step.third-step .describe .detail{
    width: 301px;
    display: inline-block;
}
.procedure .step.third-step .title .step-icon{background: #FF557C;}


.procedure .step.fourth-step{height: 363px;}
.procedure .step.fourth-step .sketch{width: 353px;height: 363px;right: 0;top: -8px;background-image: url(../image/procedure-fourth-step.png);}
.procedure .step.fourth-step .describe{position: absolute;right: 391px;top: 158px;}
.procedure .step.fourth-step .describe .detail{
    width: 301px;
}
.procedure .step.fourth-step .title .step-icon{background: #e88d38;}


.procedure .step.fifth-step{height: 242px;}
.procedure .step.fifth-step .sketch{width: 348px;height: 363px;left: 0;top: -204px;;background-image: url(../image/procedure-fifth-step.png);}
.procedure .step.fifth-step .describe{position: absolute;left: 338px;top: 144px;}
.procedure .step.fifth-step .describe .detail{
    width: 301px;
    display: inline-block;
}
.procedure .step.fifth-step .title .step-icon{background: #8576e9;}



.procedure .remark{font-size: 18px;color: #1A8DFF;position: absolute;right: 106px;bottom: 41px;}
.procedure .remark:hover{text-decoration: underline;}
.procedure .remark .icons8-headset-filled{font-size: 26px;line-height: 25px;}
.procedure .remark .next{
    font-size: 14px;
}

/*<!-- advantage -->*/
.advantage{min-height: 400px;position: relative;padding-top: 55px;background: #EFF8FF;}
.advantage .container{
    width: 965px;
    margin: 0 auto;
}
.advantage .title{font-size: 22px;color: #3A3E51;text-align: center;margin-bottom: 73px;}
.advantage .content{position: relative;}
.advantage .content .describe{font-size: 20px;color: #3A3E51;list-style: disc;padding-left: 35px;}
.advantage .content .describe li + li{margin-top: 55px;}
.advantage .content .describe .detail{font-size: 16px;color: #B4B6BD;margin-top: 10px;}
.advantage .content .sketch{
    position: absolute;top: 0;right: 6px;width: 463px;height: 176px;
    background-image: url(../image/right_zhxy.png);
    background-position: center;background-repeat: no-repeat;
}
.advantage .content .sketch .sketch-intro{text-align: right;font-size: 16px;line-height: 19px;color: #B4B6BD;margin-right: 28px;margin-top: -10px;}

/*<!-- carousels -->*/
.carousels{
    color: #3A3E51;
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
    text-align: center;
    color: #3A3E51;
}
.carousels .logo{
    margin-bottom:32px;
    height: 47px;
}

.carousels .logo1{
    margin-bottom:27px;
    height: 79px;
}

.carousels .title{
    font-size: 38px;
}
.carousels .company{
    font-size: 20px;
    color: #B4B6BD;
    margin-bottom: 20px;
}
.carousels .company span{
    color: #1A8CFE;
}
.carousels .swiper-container .btn-prev,.carousels .swiper-container .btn-next{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    font-size: 50px;
    line-height: 50px;
    color: #F1F3F8;
}
.carousels .swiper-container .btn-prev:hover,.carousels .swiper-container .btn-next:hover{
    color: #1A8CFE;
    opacity: 0.3;
}
.carousels .swiper-button-prev,.carousels .swiper-button-next{
    background: none!important;
}
.carousels .swiper-container .btn-prev{
    left: 0;
}
.carousels .swiper-container .btn-next{
    right: 0;
}
.carousels .swiper-container{
    width: 1200px;
    height: 438px;
    margin: 0 auto;
}

/*modal 瑙嗛鎾斁*/
.modal{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    text-align: center;
    z-index: 9999;
    display: none;
}
.modal .btn-close-video{
    position: absolute;
    right: 20%;
    margin-right: -15px;
    top: 185px;
    height: 30px;
    width: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #1A8CFE;
    font-size: 14px;
    color: #FFF;
    line-height: 30px;
    cursor: pointer;
}
.modal .video{
    width: 60%;
    height: auto;
    display: inline-block;
    margin-top: 200px;
}
.modal video{
    width: 100%;
    height: auto;
}

@media (min-width:769px) {
    .carousels .carousel{
        width: 1060px!important;
        height: 398px!important;
        -webkit-box-shadow: 0 6px 20px 0 rgba(85,150,201,0.15);
        -moz-box-shadow: 0 6px 20px 0 rgba(85,150,201,0.15);
        box-shadow: 0 6px 20px 0 rgba(85,150,201,0.15);
        border-radius: 4px;
        padding: 40px 190px 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 20px 70px 0;
        background-color: #FFF;
        background-image:url("../image/home-douhao-left.jpg"),url("../image/home-douhao-right.jpg");
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 60px 40px, right 60px bottom 40px;
        background-size: 85px 69px;
    }
}
.carousels .carousel .comment{
    height: 179px;
    font-size: 16px;
    color: #3A3E51;
    line-height: 26px;
    text-indent: 32px;
    text-align: left;
}
.carousels .carousel .count{
    font-size: 0;
    width: 100%;
    text-align: center;
}
.carousels .carousel .count li{
    margin: 0 30px;
    font-size: 24px;
    display: inline-block;
}
.carousels .carousel .count li span:nth-child(1){
    font-size: 24px;
    color: #1A8CFE;
}
.carousels .carousel .count li span:nth-child(3){
    font-size: 14px;
    color: #B4B6BD;
    line-height: 20px;
}

/*<!-- video-modal -->*/
.modal-video.in .modal-dialog {
    -webkit-transition: -webkit-transform 0s!important;
    -moz-transition: -moz-transform 0s!important;
    -o-transition: -o-transform 0s!important;
    transition: transform 0s!important;
}
.modal-video .modal-header{position: absolute;z-index: -1;top: 0;width: 100%;min-height: 60px;}
.modal-video .modal-header .close{position: absolute;right: -40px;top: 2px;width: 40px;height: 40px;background: #fff;color: #1A8DFF;opacity: 1;font-size: 26px;}
.modal-video .modal-body{padding: 0;overflow: hidden;}
.modal-video .embed-responsive .embed-responsive-item{position: absolute;top: 0;left: 0;bottom: 0;height: 100%;width: 100%;border: 0;}

/*16:9 video*/
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}


/*瑙嗙獥瀹藉害灏忎簬绛変簬767*/
@media (max-width:768px) {
	
	
.container { position:relative; z-index:8; margin-bottom:40px;width:100%; margin:0 auto; margin-top:-80px;}
.nomb{margin-bottom:0;}

.shiyong .hd {height: 156px;line-height: 156px;text-align: center;}
.shiyong .hd img {margin-top: 64px; margin-right: 10px; }
.shiyong .hd span {font-size: 30px;color: #231815;}
.shiyong .bd ul li {float: left;width: 100%;height: 66px;background: url(../image/shiyong2.png) no-repeat;}
.shiyong .bd ul li+li {margin-left: 0px; margin-top:20px;}
.shiyong .bd .sd {float: left;width: 66px;height: 66px;line-height: 66px;text-align: center;font-size: 36px;font-weight: bold;color: #27dddb;}
.shiyong .bd .mm {float: left;width: 306px;height: 66px;line-height: 66px;text-align: center;font-size: 24px;color: #fff;}
.shiyong .ft {margin-top: 62px;}
.shiyong .ft-hd {width: 100%;height: 63px;line-height: 63px;text-align: center;font-size: 30px;color: #fff;background: #2785dd;}
.shiyong .ft-bd {height: 613px;background: #efefef;padding-top: 26px;}
.shiyong .ft-bd p {text-align: center; width:90%; margin:0 auto;}
.shiyong .ft-bd form {position: relative; width: 364px;margin: 0 auto;margin-top: 50px;}
.shiyong .ft-bd form li {position: relative; float: left;width: 443px;margin-bottom: 8px;}
.shiyong .ft-bd form li:nth-child(even) {margin-left: 0px;}
.shiyong .ft-bd form input {float: left;}
.shiyong .ft-bd form .lab {width: 25%;height: 50px;line-height:50px;padding-left: 10px;background: #dcdcdc;font-size: 16px;color: #231815;float:left;}
.shiyong .ft-bd form .txt {width: 45%;height: 50px;margin-left: 0px;padding:0 17px 0 24px; background: #fff;font-size: 16px;color: #a6a7a7;}
.shiyong .ft-bd form .lab2 {width: 28%;height: 50px;line-height:50px;padding-left: 17px;background: #dcdcdc;font-size: 16px;color: #231815;float:left;}
.shiyong .ft-bd form .txt2 {width: 55%;height: 50px;margin-left: 0px;padding:0 17px 0 24px; background: #fff;font-size: 16px;color: #a6a7a7;}
.shiyong .ft-bd form .laydate-icon {position: relative;border: none; background: #fff url(../image/datepicker.jpg) no-repeat 209px 18px;}
.shiyong .ft-bd form .city select {width: 189px;height: 50px;margin-left: 9px;padding:0 28px 0 20px;background: #fff url(../image/select-b.png) no-repeat 161px center; float: left;font-size: 14px;color: #a6a7a7;border: none; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.shiyong .ft-bd form .city select::-ms-expand { display: none; } /*娓呴櫎鍙充晶涓嬫媺鎸夐挳*/
.shiyong .ft-bd form .city #juti {float: left; width: 332px;}
.shiyong .ft-bd form .sub1 {float: none;position: relative;left: 50%;margin:30px 0 0 -70px; width: 140px;height: 46px;background: #2785dd;color: #fff;font-size: 18px;cursor:pointer;}



.news_bg{ width:100%; height:1200px; background:#f7f7f7;}
.news_body{width:100%; height:655px; margin:0 auto;}
.news_left{ width:25%; height:190px; float:left;position:absolute; border-right:1px #e4e4e4 solid; margin-top:20px;}
.news_date_m-d{ font-size:28px; color:#666666; padding-left:10px; padding-top:10px;}
.news_date_YY{ font-size:18px; color:#666666; padding-left:11px; padding-top:10px;}
.news_list{ width:95%; height:230px; background:#fff; float:left; margin-left:10px; margin-bottom:20px;}
.news_right{ width:40%; height:auto; float:right; }
.news_list img{display: inline; float:left; margin-top:15px;}
.news_title a{font-size:18px; color:#000; margin-bottom:10px;}
.news_title a:hover{ color:#ae1e1e;}
.mews_jianjie{font-size:14px; color:#666; margin-top:10px;}
.news_zi{width:70%; height:125px; float:right; margin-left:26px; padding-top:30px; padding-right:20px;}


.tu_a a{ width:50%; float:left; margin-bottom:15px; -webkit-filter:grayscale(1); -webkit-filter:opacity(.7);}
.tu_a a:hover{-webkit-filter:grayscale(0);}

.img-count-in {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;

}
.w-prd-list .img-count-in img {
	width:200px; height:200px;
}


    /*jumbotron*/
    .jumbotron{
        width: 100%;
        padding-top: 50px;
        min-height: 690px;
        background-position: center top;
        background-repeat: no-repeat;
        background-image: url(../image/m-home-bg-1.png);
        -webkit-background-size: 100% 66%;
        background-size: 100% 66%;
    }

    /*first-page*/
    .first-page{
        margin-top: 0;
        width: 100%;
        height: auto;
    }
    .first-page .container{
        width: 100%;
        color: #FFF;
        position: relative;
        text-align: center;
    }
    .first-page .container .tryout .title{
        font-size: 28px;
        margin-bottom: 14px;
    }
    .first-page .container .tryout span{
        font-size: 18px;
        color: #F1F3F8;
    }
    .first-page .container .tryout .register-box{
        width: 100%;
        text-align: center;
        margin-top: 24px;
        margin-bottom: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .first-page .container .tryout .register-box button{
        width: 141px;
        height: 49px;
        float: none;
        background: #FFFFFF;
        border-radius: 71px;
        font-size: 15px;
        color: #1A8CFE;
    }
    .first-page .container .tryout a{
        font-size: 14px;
        color: #FFFFFF;
        text-decoration: underline;
    }
    .first-page .container img{
        width: 377px;
        height: 252px;
        position: static;
        margin-top: 10px;
    }

    /*second-page*/
    .second-page{
        position: relative;
        width: 100%;
        min-height: 472px;
        padding: 0 14px;
    }
    .second-page .cases-wrap{
        width: 100%;
        margin: 0 auto;
    }
    .second-page .cases-wrap .cases-title{
        font-size: 18px;
        color: #3A3E51;
        margin-top: 12px;
        margin-bottom: 20px;
    }
    .second-page .case{
        margin-bottom: 0;
    }
    .second-page .case-box{
        float: left;
        width: 50%;
        margin: 0;
    }
    .second-page .case .case-intro .case-title{font-size: 18px;color: #3A3E51;margin-top: 0;margin-bottom: 4px;}
    .second-page .case .case-intro .case-detail{font-size: 12px;color: #B4B6BD;}
    .second-page .case .case-icon{width: 91px;height: 70px;background-size: contain;}

    /*<!-- procedure -->*/
    .procedure{text-align: center;width: 100%;background: none;padding: 0 15px;padding-bottom: 20px;}
    .procedure .container{background: none;}
    .procedure .step{padding-left: 0!important;padding-right: 0!important;height: auto!important;}
    .procedure .step+.step{margin-top: 26px;}
    .procedure .step .sketch{position: initial;background-size: contain;margin: auto;}
    .procedure .step .title{font-size: 12px;line-height: 16px;margin-bottom: 6px;}
    .procedure .step .title .step-icon{display: block;margin: 0 auto 6.7px!important;width: 32px;height: 32px;font-size: 18px;line-height: 31.3px;}
    .procedure .step .intro{margin-bottom: 10px;padding-left: 0;}
    .procedure .step .detail{padding-left: 0;font-size: 12px;margin-bottom: 10px;}
    .procedure .step.first-step .describe{padding-top: 0;}
    .procedure .step.first-step .describe .detail{
        width: auto;
    }
    .procedure .step.first-step .sketch{width: 184.2px;height: 163.3px;}
    .procedure .step.second-step{padding-top: 0;}
    .procedure .step.second-step .sketch{width: 184px;height: 180px;}
    .procedure .step.third-step{padding-top: 0;margin-bottom: 22px;}
    .procedure .step.third-step .sketch{width: 184px;height: 191.9px;}
	
    .procedure .step.fourth-step{padding-top: 0;}
    .procedure .step.fourth-step .sketch{width: 184px;height: 180px;}
    .procedure .step.fifth-step{padding-top: 0;margin-bottom: 22px;}
    .procedure .step.fifth-step .sketch{width: 184px;height: 191.9px;}
	
	
    .procedure .remark{position: initial;font-size: 14px;}
    .procedure .remark .icons8-headset-filled{font-size: 20px;}
    .procedure .step.third-step .describe,.procedure .step.second-step .describe,.procedure .step.fifth-step .describe,.procedure .step.fourth-step .describe{position: static;}
    .procedure .step.second-step .describe .detail{
        width: auto;
    }
    .procedure .step.fourth-step .describe .detail{
        width: auto;
    }
    /*advantage*/
    .advantage{min-height: 380px;padding: 14px 10px 45px;}
    .advantage .container{
        width: 100%;
    }
    .advantage .title{font-size: 16px;line-height: 21px;margin-bottom: 39px;}
    .advantage .devide{margin-bottom: 35px;}
    .advantage .content{padding-right: 0;}
    .advantage .content .describe{font-size: 14px;padding-left: 25px;margin-bottom: 30px;}
    .advantage .content .describe .detail{font-size: 12px;margin-top: 6px;}
    .advantage .content .describe li + li{margin-top: 24px;}
    .advantage .content .sketch{position: initial;width: 100%;background-size: contain;}
    .advantage .content .sketch .sketch-intro{font-size: 14px;line-height: 16px;margin-right: 0;width: 90%;}

    /*carousels*/
    .carousels{
        width: 100%;
    }
    .carousels .title{
        font-size: 18px;
    }
    .carousels .swiper-container{
        width: 100%!important;
        height: auto!important;
    }
    .carousels .swiper-container .swiper-wrapper{
        height: 100% !important;
    }
    .carousels .swiper-container .swiper-wrapper .swiper-slide{
        height: auto!important;
        padding: 0;
    }
    .carousels .swiper-container .swiper-wrapper .swiper-slide>div{
        width: calc(100% - 70px);
        padding: 30px 20px;
        margin: 20px 35px;
        -webkit-box-shadow: 0 6px 20px 0 rgba(85,150,201,0.15);
        -moz-box-shadow: 0 6px 20px 0 rgba(85,150,201,0.15);
        box-shadow: 0 6px 20px 0 rgba(85,150,201,0.15);
        border-radius: 4px;
        background: #FFF;
    }
    .carousels .swiper-container .btn-prev,.carousels .swiper-container .btn-next{
        font-size: 30px;
        width: 30px;
        height: 30px;
        color: #F1F3F8;
    }
    .carousels .swiper-container .btn-prev:hover,.carousels .swiper-container .btn-next:hover{
        color: #1A8CFE;
        opacity: 0.3;
    }
    .carousels .carousel .comment{
        height: auto;
        margin-bottom: 30px;
    }
    .carousels .carousel .count li{
        margin: 0;
    }
    .carousels .carousel .count li span:nth-child(1){
        font-size: 18px;
    }
    .carousels .carousel .count li span:nth-child(3){
        font-size: 12px;
    }
    .carousels .carousel .count{
        display: flex;
        justify-content: space-around;
    }

    .first-page .enterprise-list{
        padding: 0 15px;
        width: 100%;
      	margin-top: 25px;
    }
    .first-page .enterprise-list .item{
        width: 20%;
        height: 50px;
        padding: 0;
        margin: 0;
        line-height: 50px;
        float: left;
        text-align: center;
    }
    .first-page .enterprise-list .item .logo{
        width: 80%;
        max-height: 45%;
        vertical-align: middle;
    }
    .carousels .logo{
        margin-bottom: 20px;
    }
    .first-page .container .tryout .btn-play-video{
        height: 20px;
        width: 20px;
        line-height: 23px;
        font-size: 11px;
        margin-top: -4px;
    }
    .first-page .container .tryout .btn-play-video i{
        margin-left: 3px;
    }

    /*绉诲姩绔痬odal*/
    .modal .video{
        width: 80%;
    }
    .modal .video .video-box{
        width: 100%;
        height: auto;
    }
    .modal .btn-close-video{
        right: 10%;
    }
}
/*瑙嗙獥瀹藉害澶т簬1920*/
@media (min-width:1921px) {
	.jumbotron{
  		background-size: 100% auto;
  	}
}