/*created by songxue on 2019.5.13*/
.w1200{width:1200px;margin: auto;}
*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none}
a,p,h1,h2,h3,h4,h5,h6,ul li{font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;font-weight: 500;}


header{height:60px;position: fixed;top:0;left:0;width:100%;background-color: #fff;z-index: 99;line-height: 59px;border-bottom: 1px solid #eee;}
.headerH{height:60px;}
header .logo{display: inline-block;}
header .logo>img{display: inline-block;vertical-align: middle;width:36px;margin-right: 6px;}
header .logo>span{display: inline-block;vertical-align: middle;font-size: 1img8px;color:#333;}
header a{float: right;display: inline-block;width:116px;height:32px;background-color: #0082f0;color:#fff;font-size: 14px;text-align: center;line-height: 32px;border-radius: 4px;margin-top: 14px;}

.attendanceBanner{color:#fff;background: url(../img/banner.png) no-repeat center;background-size: cover;padding:50px 15px 44px;}
/* .attendanceBanner h1{font-size: 38px;margin-top: 86px;margin-bottom: 26px;font-weight: bold} */
.attendanceBanner h1{font-size: 38px;margin-top: 86px;margin-bottom: 58px;font-weight: 600}

.attendanceBanner p{font-size: 26px;margin-bottom: 36px;}
.attendanceBanner p>span{color:#fcff00}
.attendanceBanner>div>div{display: inline-block;vertical-align: top}
.attendanceBanner>div>div:last-child{width:472px;}
.attendanceBanner a{display: inline-block;width:182px;height:40px;border:1px solid #fff;border-radius: 4px;text-align: center;line-height: 38px;color:#fff;font-size: 20px;text-decoration: none;margin-right: 30px;}
.I_FreeForm{text-align: right}
.I_FreeForm h3{font-size:18px;margin-bottom:36px;color:#333;text-align: center;}
.I_FreeForm>form{width:352px;position: relative;display: inline-block;box-sizing: border-box;padding:40px 26px;background-color: #fff;border-radius:4px;}
.I_FreeForm>form>div{border:1px solid #eaeaea;height:37px;position: relative;margin-top: 30px;border-radius: 4px}
.I_FreeForm>form>div>label{position: absolute;left:0;top:0;display: inline-block;line-height:38px;font-size: 14px;color:#666;padding-left: 10px;}
.I_FreeForm>form>div>input{width:100%;height:100%;padding-left:90px;font-size:14px;border:none;box-sizing: border-box}
.I_FreeForm>form>input{background-color: #0082F0;color:#fff;font-size: 16px;width:100%;height:40px;margin-top: 40px;border-radius: 4px;border:none;}/**/







.attendanceBannerBottom{padding:80px 15px;text-align: center;}
.attendanceBannerBottom h2{font-size: 30px;margin-bottom: 30px;}
.attendanceEstablish{border:1px solid #eaeaea;padding-top: 76px;padding-bottom: 78px;margin-bottom: 78px;}
.attendanceEstablish>div>div{display: inline-block;padding:50px 100px 0;}
.attendanceEstablish>div p{font-size: 20px;}
.attendanceEstablish>p{color:red;font-size: 12px;margin-top: 20px;}

.attendanceEstablish a{display: inline-block;width:254px;height:252px;box-sizing: border-box;border:1px solid #f2f2f2;margin-top: 30px;padding:15px;text-align: center;}
                                                                        /* 60px */
.attendanceBannerBottom>div:last-child>p{font-size: 16px;margin-bottom: 0px;color:#666;line-height: 30px}
.attendanceBannerBottom>div:last-child>div{font-weight: bold;font-size: 24px;}
.attendanceBannerBottom>div:last-child>div>img{margin-bottom: 28px;}

.attendanceCloud{background-color: #f8f8f8;padding:0 15px;padding-top: 96px;padding-bottom: 96px;}
.attendanceCloud h2{font-size: 32px;text-align: center;margin-bottom: 30px;color:#111111;font-weight:600;font-family:'PingFang SC';margin-bottom: 72px;}
.attendanceCloud>div>div{position: relative;}
.attendanceCloud .cloudX{position: absolute;top:50%;left:50%;margin-left:-485px;margin-top: -171px; }
.attendanceCloud .cloudI{position: absolute;top:50%;left:50%;margin-left:-213px;margin-top: -108px; }
.attendanceCloud>div>div>div{font-size: 16px;color:#666;position: absolute;}
.attendanceCloud>div>div>div:nth-child(3){left:134px;top:8px;width:240px;}
.attendanceCloud>div>div>div:nth-child(4){left:824px;top:28px;width:245px;}
.attendanceCloud>div>div>div:nth-child(5){left:134px;top:430px;width:245px;}
.attendanceCloud>div>div>div:nth-child(6){left:824px;top:430px;width:288px;}


.attendanceLine{padding: 78px 15px;}
.attendanceLine h2{width:940px;margin: auto;font-size: 30px;text-align: center;}
.attendanceLine ul{margin-top: 244px;}
.attendanceLine li{margin-top: -172px;}
.attendanceLine li:nth-child(odd){text-align: right}
.attendanceLine li>div{display: inline-block;position: relative;max-width:510px;}
.attendanceLine li>div>div{text-align: left;padding-left: 66px;}
.attendanceLine li h3{color:#0082f0;font-size: 70px;position: absolute;left:40px;top:-40px;}
.attendanceLine li h4{font-size: 26px;margin-bottom: 4px;margin-top: 35px;}
.attendanceLine li p{font-size: 16px;color:#666;margin-top: 15px;}
.attendanceLine li span{display: inline-block;width:24px;height:3px;background-color: #333;}

/* .attendanceMiddleBanner{background:url(../images/middleBanner.jpg) no-repeat center;background-size: cover;padding:70px 15px 0;text-align: center;} */
.attendanceMiddleBanner{background:url(../images/middleBanner.jpg) no-repeat center;background-size: cover;padding:60px 15px 0;text-align: center;}

.attendanceMiddleBanner h2{font-size: 30px;color:#fff;}
/* .attendanceMiddleBanner img{display: inline-block;margin-top: 54px;position: relative;top:6px;} */
.attendanceMiddleBanner img{display: inline-block;margin-top: 54px;position: relative;top:6px;width: 450px;}


.attendanceMiddleBannerBottom{padding:78px 15px;}
.attendanceMiddleBannerBottom h2{font-size: 30px;text-align: center;margin-bottom: 30px;}
.attendanceMiddleBannerBottom h2+p{font-size: 16px;text-align: center;color:#666;line-height: 26px;}
.attendanceMiddleBannerBottom ul{font-size: 0;margin:0 -28px;}
.attendanceMiddleBannerBottom li{display: inline-block;vertical-align: top;width:33.3%;box-sizing: border-box;padding: 60px 28px 0;}
.attendanceMiddleBannerBottom li>div>div{height:240px;border:1px solid #eaeaea;text-align: center;}
.attendanceMiddleBannerBottom li img{display: inline-block;vertical-align: middle}
.attendanceMiddleBannerBottom li span{display: inline-block;vertical-align: middle;height:100%;}
.attendanceMiddleBannerBottom li h3{font-size: 18px;margin-top: 18px;}
.attendanceMiddleBannerBottom li p{font-size: 14px;margin-top: 14px;color:#666;line-height: 24px;}

.attendanceReport{background-color: #f8f8f8;padding:80px 15px;}
.attendanceReport h2{font-size: 30px;margin-bottom: 30px;}
.attendanceReport p{font-size: 16px;line-height: 26px;color:#666;}
.attendanceReport li{position: relative;}
.attendanceReport li>div{max-width: 642px;position: absolute;text-align: left;}
.attendanceReport li:first-child{text-align: right;padding-right: 204px;}
.attendanceReport li:first-child>div{left:104px;top:66px;}
.attendanceReport li:last-child{padding-left: 40px;margin-top: 50px;}
.attendanceReport li:last-child>div{right:0;top:50px;}
.attendanceReport>div{text-align: center;margin-top: 50px;}
.attendanceReport>div>a{display: inline-block;font-size: 20px;width:204px;height:54px;line-height: 52px;border:1px solid #0082f0;color:#0082f0;border-radius: 4px;margin: 0 25px; }
.attendanceFoot{font-size: 14px;text-align: center;color:#666;padding:15px;}




.index_section .toFreeWe{display:block;padding:10px 0;border:1px solid #0082f0;border-radius: 4px;margin: auto;width:283px;text-align: center;position: relative;top:40px;}
.index_section .toFreeWe>img{width:43px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.index_section .toFreeWe>span{display: inline-block;vertical-align: middle;color:#0082f0;font-size: 20px;}
.index_section_Case a{color:#666;}
.index_cnt_web{padding:70px 0 0;}
.index_section_caseNew{top:0;height:400px}
.index_section_caseNew_container{padding-top: 0;}


/* 4-30 修改 */

.attendanceLine_change{
    /* padding: 250px 15px 78px; */
    padding: 150px 15px 78px;
}
.left_box:nth-child(even){
    padding-top: 70px;
}
.att_list{
    position: relative;
    /* margin-bottom: 180px; */
    margin-bottom: 110px;
}
.att_list:nth-child(odd){
    text-align: right;
    padding-right:100px;
}
.att_list:nth-child(even){
    padding-left: 40px;
}

.att_list:nth-child(odd) .left_box{
    position: absolute;
    left: 234px;
    top: 68px;
    text-align: left;
}
.att_list:nth-child(even) .left_box{
    position: absolute;
    /* left: 681px; */
    left: 721px;
    top: 68px;
}
.att_left p:nth-child(1){
    /* font-size: 120px; */
    font-size: 105px;
    color:rgba(0,130,240,.2);
    font-weight: 600;
    margin-bottom: 6px;
}
.att_left p:nth-child(2){
    width: 64px;
    height: 4px;
    border-radius: 4px;
    background: #0082f0;
    margin-bottom: 16px;
}
.att_left p:nth-child(3){
    /* font-size: 46px; */
    font-size: 40px;
    color: #0082f0;
    margin-bottom: 28px;
}
.att_left p:nth-child(4){
    /* font-size: 26px; */
    font-size: 22px;
    color: #000000;
}
.att_right img{
    /* height: 460px;
    width: 460px; */
    height: 400px;
    width: 400px;
    border-radius: 5px;
    /* padding-left: 60px; */
    padding-left: 100px;

}
.CloudOpt1{
    width: 100%;
}

.bg_cloud{
    background: url(../img/组\ 12.png) no-repeat;
    width: 1036px;
    margin: 0 auto;
    background-size: 100% 100%;
    height: 597px;
}
.get_btn_href{
    background-color: #0082f0;
    color: #fff;
    border: 1px solid #0082f0!important;
}

.mobile_cloun img{
    width: 100%;
    margin-bottom: 50px;
}
.mobile_cloun{
    display: none;
}

/* 以上 */

@media screen and (max-width: 750px) {
    .w1200{width:100%;}
    header{box-sizing: border-box;padding: 0 15px;}

    .attendanceBanner{padding:10px 15px 30px;text-align: center;}
    .attendanceBanner h1{font-size: 28px;margin-top: 30px;margin-bottom: 18px;}
    .attendanceBanner p{font-size: 16px;margin-bottom: 24px;}
    .attendanceBanner>div>div{display: inline-block;vertical-align: top}
    .attendanceBanner>div>div:last-child{width:100%;margin-left:0;margin-top: 30px;}
    .attendanceBanner>div>div:last-child>img{width:100%;}
    .attendanceBanner a{width:120px;height:38px;line-height: 38px;;font-size: 16px;margin-right: 20px;}
    .attendanceBanner a:last-child{margin-right: 0;}

    .I_FreeForm{text-align: center;box-sizing: border-box;}
    .I_FreeForm>form{width: 100%;}


    .attendanceBannerBottom{padding:30px 15px;}
    .attendanceBannerBottom h2{font-size: 24px;margin-bottom: 0px;}
    .attendanceEstablish{border:1px solid #eaeaea;padding-top: 30px;padding-bottom: 50px;margin-bottom: 50px;}
    .attendanceEstablish>div>div{display:block;padding:50px 0 0;}
    .attendanceEstablish>div p{font-size: 20px;}
    .attendanceBannerBottom>div:last-child h2{margin-bottom: 24px;}
    .attendanceBannerBottom>div:last-child>p{font-size: 14px;margin-bottom: 25px;line-height: 24px}
    .attendanceBannerBottom>div:last-child>div{font-size: 16px;}
    .attendanceBannerBottom>div:last-child>div>img{margin-bottom: 28px;width:100%}

    .attendanceCloud{padding:35px 15px;}
    .attendanceCloud h2{font-size: 24px;margin-bottom: 30px}
    .attendanceCloud>div>div{width: 100%;}
    .attendanceCloud .cloudX{display: none}
    .attendanceCloud .cloudI{position: static; margin: 0;width:100%}
    .attendanceCloud>div>div>div{position: static;margin-top: 20px;}
    .attendanceCloud>div>div>div:nth-child(3){width:100%;}
    .attendanceCloud>div>div>div:nth-child(4){width:100%;}
    .attendanceCloud>div>div>div:nth-child(5){width:100%;}
    .attendanceCloud>div>div>div:nth-child(6){width:100%;}


    .attendanceLine{padding: 35px 15px;}
    .attendanceLine h2{width:100%;font-size: 24px;}
    .attendanceLine ul{margin-top:30px;}
    .attendanceLine li{margin-top:55px;}
    .attendanceLine li img{width:100%}
    .attendanceLine li>div>div{padding-left: 24px;}
    .attendanceLine li h3{font-size: 35px;left:20px;top:-18px;}
    .attendanceLine li h4{font-size: 20px;margin-top: 12px;}
    .attendanceLine li p{font-size: 14px;margin-top: 12px;}
    .attendanceLine li span{height:2px;}

    .attendanceMiddleBanner{padding:35px 15px 0;}
    .attendanceMiddleBanner h2{font-size: 22px;}
    .attendanceMiddleBanner img{margin-top: 30px;width:100%;}

    .attendanceMiddleBannerBottom{padding:35px 15px;}
    .attendanceMiddleBannerBottom h2{font-size: 24px;margin-bottom: 12px;}
    .attendanceMiddleBannerBottom h2+p{font-size: 14px;line-height: 26px;}
    .attendanceMiddleBannerBottom ul{margin:0;}
    .attendanceMiddleBannerBottom li{width:100%;padding: 35px 0 0;}
    .attendanceMiddleBannerBottom li>div>div{height:auto;padding:30px 10px;}
    .attendanceMiddleBannerBottom li img{width:100%;}


    .attendanceReport{background-color: #f8f8f8;padding:35px 15px;}
    .attendanceReport h2{font-size: 24px;margin-bottom: 10px;}
    .attendanceReport p{font-size: 14px;}
    .attendanceReport li{position: relative;}
    .attendanceReport li>div{position: static;width:100%}
    .attendanceReport li:first-child{text-align: right;padding-right: 0;}
    .attendanceReport li:last-child{padding-left: 0;margin-top: 50px;}
    .attendanceReport li img{width:100%;margin-top: 20px;}
    .attendanceReport>div{margin-top: 30px;}
    .attendanceReport>div>a{font-size: 14px;width:124px;height:40px;line-height: 38px;margin:0; }
    .attendanceReport>div>a:last-child{margin-left: 15px;}

    .index_section .toFreeWe{width:100%}

    .index_section .toFreeWe{top:25px;}
    .index_section .toFreeWe>img{width:30px;}
    .index_section .toFreeWe>span{font-size: 14px;}
    .index_cnt_web{padding:40px 0 0;}
   .index_section_caseNew{height:350px;top:0;}
    .index_section_caseNew_container{padding-top: 0;}


    .attendanceFoot{font-size: 12px;}

    /* 4-30  修改 */
    .attendanceLine_change{
        padding-top: 78px;
    }
    .attendanceLine_change .att_right img{
        width: 100%;
        height: auto;
        padding-left: 0;
    }
    .att_list:nth-child(odd) .left_box{
        text-align: center;
    }
    .att_list:nth-child(odd) .left_box{
        position: static;
        margin-bottom: 20px;
    }
    .att_left p:nth-child(2){
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .att_list:nth-child(even) .left_box{
        position: static;
        text-align: center;
        margin-bottom: 20px;
    }

    .cloudOpt{
        width: 100%;
    }
    .att_list:nth-child(odd){
        padding-right: 0;
        margin-bottom: 70px;
    }

    .att_list:nth-child(even){
        padding-left: 0;
        margin-bottom: 40px;
    }
    .att_left p:nth-child(1){
        font-size: 65px;
        margin-bottom: 10px;
    }
    .att_left p:nth-child(2){
        
    }
    .att_left p:nth-child(3){
        font-size: 24px;
        margin-bottom: 10px;
    }
    .att_left p:nth-child(4){
        font-size: 16px;
    }

    .bg_cloud{
        display: none;
    }
    .mobile_cloun{
        display: block;
    }







}