body{
    background:#fff;
}
.Join{
    min-width:1200px;max-width:1920px;margin:0 auto;
}
.flex-control-nav,.flex-direction-nav{
    display:none;
}
/*内容区域开始*/
.contentBox{
    margin:0 auto;
}
/*三大模块基础样式开始*/
.contentBox section[class^=Module]{
    clear:left;overflow:hidden;
}
.contentBox section[class^=Module]>h2{
    font-size:36px;font-family:"微软雅黑";text-align:center;padding:90px 0;
}
.contentBox section[class^=Module]:not(:last-child)>div{
    width:1200px;margin:0 auto;
}
/*三大模块基础样式结束*/
/*模块一样式开始*/
.Module1{
    height:860px;
}
.Module1>div section{
    width:27.1%;margin-right:9.3%;background:#fff;margin-bottom:5%;border-radius:20px;float:left;height:270px;transition:all 0.4s ease-in;
    border-radius:10px;
}
.Module1>div section:nth-child(3n){
    margin-right:0;
}
.Module1>div section img{
    margin:10px auto;display:block;
}
.Module1>div section h3{
    font-weight:normal;font-size:22px;text-align:center;
}
.Module1>div section p{
    padding:0 20px 20px;font-size:15px;line-height:25px;margin-top:10px;
}
.Module1>div section:hover{
    box-shadow:0px 0px 10px #555;
}
/*模块一样式结束*/
/*模块二样式开始*/
.Module2{
    height:600px;
}
.Module2>div section{
    width:27.1%;margin-right:9.3%;background:#fff;margin-bottom:8%;border-radius:32px;float:left;position:relative;overflow:hidden;
}
.Module2>div section:nth-child(3n){
    margin-right:0;
}
.Module2>div .shadow{
    position:absolute;top:0;left:0;background:rgba(26,26,26,0);transition:all 0.4s ease-in;z-index:0;width:100%;height:100%;
}
.Module2>div .shadow p{
    color:#fff;opacity:0;transition:all 0.4s ease-in;font-size:18px;padding:0 20px;margin-top:38%;line-height:26px;text-align:center;
}
.Module2>div section:hover .shadow{
    background:rgba(26,26,26,0.7);
}
.Module2>div section:hover .shadow p{
    opacity:1;
}
/*模块二样式结束*/
/*模块三样式开始*/
.Module3{
    height:700px;
}
.Module3>div section{
    width:22%;margin-right:3.5%;background:#fff;margin-bottom:3%;border-radius:20px;float:left;border:2px solid #F47E4E;
}
.Module3 > div section>div:first-child img{
    width:50%;
}
.Module3>div section:nth-child(4){
    margin-right:0;
}
.Module3>div section img{
    margin:25px auto;display:block;
}
.Module3>div section h3{
    font-weight: normal;font-size: 22px;text-align: center;color:#F47E4E;margin-bottom:20px;
}
.Module3>div section p{
    text-align:center;line-height:30px;color:#F47E4E;font-size:15px;
}
.Module3>div section a{
    margin:25px auto;display:block;width:60%;height:40px;text-align:center;line-height:40px;border:2px solid #F47E4E;color:#F47E4E;font-size:18px;
    border-radius:25px;transition:all 0.4s ease-in;
}
.Module3>div section a:hover{
    background:#F47E4E;color:#fff;
}
/*模块三样式结束*/
/*模块四样式开始*/
.Module4{
    width:1200px;margin:0px auto;padding-top: 60px;padding-bottom: 70px;
}
.Module4>div{
    line-height:30px;margin-bottom:30px;
}
.Module4>div:nth-child(1),.Module4>div:nth-child(3){
    text-align:center;font-size:35px;color:#000;font-weight:bolder;
}
.Module4>div:nth-child(1){
    margin-bottom:25px;
}
.Module4>div:nth-child(2){
    color:#FF5C5D;width:100%;
}
.Module4>div:nth-child(3){
    clear:left;padding-top:30px;
}
.Module4>div:nth-child(2) div{
    float:left;
}
.Module4>div:nth-child(2) div:first-child,.Module4>div:nth-child(2) div:last-child{
    width:30%; height:0px;border-bottom:2px solid #F47E4E;margin-top:15px;
}
.Module4>div:nth-child(2) div:nth-child(2){
    width:40%;font-size:60px;text-align:center;font-weight:bolder;
}
/*模块四样式结束*/
/*响应式布局样式开始*/
@media screen and (max-width:1180px){
    .Join{
        min-width:initial;max-width:initial;width:100%;
    }
    .contentBox{
        width:100%;
    }
    /*三大模块基础样式开始*/
    .contentBox section[class^=Module]{
        height:inherit;background:none;
    }
    .contentBox section[class^=Module]:not(:last-child)>div{
        width:100%;padding:0 2em;
    }
    /*三大模块基础样式结束*/
}


@media screen and (min-width:820px) and (max-width:1180px){
    /*三大模块标题样式开始*/
    .contentBox section[class^=Module]>h2{
        color:#333;padding:50px 0;font-size:30px;
    }
    /*三大模块标题样式结束*/
    /*内容区域样式开始*/
    /*模块一样式开始*/
    .Module1 > div section,.Module2 > div section{
        margin-right:6.9%;margin-bottom:3%;
    }
    /*模块一样式结束*/
    /*模块三样式开始*/
    .Module3>div section{
        width:46%;margin-right:3%;border:1px solid #F47E4E;
    }
    .Module3>div section:nth-child(2n){
        margin-right:0;
    }
    /*模块三样式结束*/
    /*模块四样式开始*/
    .Module4{
        width:100%;padding-top:70px;
    }
    .Module4 > div{
        padding:0 !important;
    }
    .Module4 > div:nth-child(1), .Module4 > div:nth-child(3){
        font-size:2em;
    }
    .Module4 > div:nth-child(1){
        margin-bottom:10px !important;
    }
    .Module4 > div:nth-child(2) div:nth-child(2){
        font-size:3em;
    }
    /*模块四样式结束*/
}
@media screen and (max-width:820px){
    .Join{
        min-width:initial;max-width:initial;width:100%;
    }
    .contentBox{
        width:100%;
    }
    /*三大模块基础样式开始*/
    .contentBox section[class^=Module]{
        height:inherit;background:none;
    }
    .contentBox section[class^="Module"]:not(:last-child) > div{
        padding:0;
    }
    /*三大模块基础样式结束*/
    /*三大模块标题样式开始*/
    .contentBox section[class^=Module]>h2{
        color:#333;padding:40px 0;font-size:24px;
    }
    /*模块一样式开始*/
    .Module1>div{
        padding:0 3% !important;
    }
    .Module1 > div section{
        width:46%;margin-right:0;
    }
    .Module1 > div section:nth-child(2n){
        margin-left:2%;
    }
    .Module1 > div section h3{
        font-size:18px;
    }
    .Module1 > div section p{
        line-height:20px;font-size:14px;
    }
    /*模式一样式结束*/
    /*模块二样式开始*/
    .Module2 > div section{
        width:94%;margin-left:3%;margin-right:3%;margin-bottom:6%;
    }
    .Module2>div .shadow{
        background:rgba(26,26,26,0.7) !important;
    }
    .Module2>div .shadow p{
        opacity:1 !important;font-size:39px;line-height:48px;position:absolute;top:32%;margin-top:0;padding:0 50px;
    }
    /*模块二样式结束*/
    /*模块三样式开始*/
    .Module3>div section{
        width:96%;margin-left:2%;border:1px solid #F47E4E;margin-right:2%;margin-bottom:2%;float:none;position:relative;
    }
    .Module3 > div section>div{
        display:inline-block;
    }
    .Module3 > div section>div:first-child{
        width:38%;position:absolute;left:0;top:12%;
    }
    .Module3 > div section>div:last-child{
        width:60%;margin-left:38%;
    }
    .Module3 > div section>div:first-child img{
        width:42%;
    }
    .Module3 > div section h3{
        margin-bottom:0;margin-top:13px;font-size:24px;
    }
    .Module3 > div section a{
        width:50%;
    }
    /*模块三样式结束*/
    /*模块四样式开始*/
    .Module4{
        width:100%;padding-top:50px;padding-bottom:50px;
    }
    .Module4 > div:nth-child(1), .Module4 > div:nth-child(3){
        font-size:20px;margin-bottom:10px !important;
    }
    .Module4 > div:nth-child(2) div:nth-child(2){
        font-size:30px;
    }
    .Module4 > div:nth-child(3){
        padding-top:10px;
    }
    /*模块四样式结束*/
}
@media screen and (max-width:560px){
    /*模块三样式开始*/
    .Module3>div section{
        width:90%;margin:2em auto;float:none;
    }
    .Module3 > div section>div:first-child img{
        width:78%;
    }
    .Module3>div section:nth-child(4){
        margin-right:auto;
    }
    /*模块三样式结束*/
    /*模块四样式开始*/
    .Module4{
        padding-top:30px;padding-bottom:30px;
    }
    .Module4>div:nth-child(2) div:first-child, .Module4>div:nth-child(2) div:last-child{
        width:26%;
    }
    .Module4>div:nth-child(2) div:nth-child(2){
        width:48%;
    }
    /*模块四样式结束*/
}

@media screen and (max-width:480px){
    /*模块一样式开始*/
    .Module1>div section{
        height:320px;
    }
    /*模块二样式结束*/
    /*模块二样式开始*/
    .Module2>div .shadow p{
        font-size:28px;line-height:32px;top:30%;
    }
    /*模块二样式结束*/
    /*模块三样式开始*/
    .Module3 > div section h3{
        font-size:20px;
    }
    .Module3>div section p{
        line-height:28px;
    }
    .Module3>div section a{
        font-size:16px;margin:22px auto;
    }
    /*模块三样式结束*/
    /*模块四样式开始*/
    .Module4>div:nth-child(2) div:first-child, .Module4>div:nth-child(2) div:last-child{
        width:20%;
    }
    .Module4>div:nth-child(2) div:nth-child(2){
        width:60%;font-size:26px;
    }
    /*模块四样式结束*/
}
@media screen and (max-width:420px){
    /*模块三样式开始*/
    .Module3 > div section h3{
        font-size:18px;
    }
    .Module3>div section p{
        font-size:13px;
    }
    /*模块三样式结束*/
}
/*响应式布局样式结束*/