@charset "utf-8";
/* CSS Document */

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:14px;font-family: '微软雅黑';}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
input{outline:none;}
img{display:block; border:0;}
.clearfix:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}/*清除浮动*/

section{ min-width: 320px;  width: 100%;}
body{ background-color:#ffffff;}
.white_container{ width:100%; background-color:white;}

.main_container{ max-width:1190px; margin: 0 auto;}

.PCheader_container{ box-shadow:none; background-color: white; }
.header{padding:16px 0;}
.logo_left{ float:left; }
.logo_left img{ display: inline-block; float:left;}
.logo_left span{ display: inline-block; float:left; line-height: 60px; font-size:24px; color:#1b2c69; margin-left:10px;}
.nav_right{ float:right;}
.nav{ margin-top:20px;}
.nav li{ float:left; line-height: 30px;margin: 0 14px; cursor: pointer;}
.nav li a{float:left;   color:#333333; font-size:16px;}
.nav .currentNav{ border-bottom:2px solid #1D2A58;}
.nav .currentNav a{ color:#1D2A58;font-weight: bold;}
.nav li:hover{border-bottom:2px solid #1D2A58;}
.nav li:hover a{color:#1D2A58;}

.mobileheader_container{ display:none; position:fixed; top:0; left:0; z-index: 999;border-bottom:1px solid #eeeeee}
.mob_header{ padding:6px 14px;}
.mobile_logoleft{ float:left; width: 80%}
.mobile_logoleft img{display: inline-block; float:left; width: 100%; }
.mobile_logoleft span{ display: block;width: 70%;  float:left; margin-top: 10px; font-size:24px; color:#1b2c69; margin-left:10px;}
.mobile_nav{ float:right; width: 15%}
.mov_navbtn{ width: 30px; height:26px; border:2px solid #1b2c69; border-radius: 4px; float:right; margin-top:18px;}
.mov_navbtn i{ display: block;margin:13%; border-bottom:2px solid #1b2c69}
.btnnav{ margin-top:6px;}
.mobilenav_list{position:fixed;top:0; left:0;right: 0;bottom: 0; z-index: 999; width: 100%;box-shadow: 0 5px 7px #ccc;  display: none;}
.mobilenav{ background-color:white;}
.mobilenav li{  line-height: 40px; margin-left:14px;margin-right:14px; border-bottom:1px solid #EBEBEB}
.mobilenav li a{ color:#333333; display: block;}
.mobilenav_list .mask{ background-color:#000; opacity: 0.7; width: 100%; height: 100%;}

/*页头背景*/
.page_bg_container{
    width: 100%;
}

.white_container{ width:100%; background-color:white;}
.gray_container{ width:100%; background-color: #efefef;}
.main_container{ max-width:1190px; margin: 0 auto;}

.title_container{ width: 100%; text-align: center; margin-top: 4%}
.title_container span{ font-size:28px; color:#1e68b3;font-weight: bold; display: inline-block; width: 20%;}
.title_container span b{ font-size:14px; display: block; font-family: Arial; font-weight: bold;}
.title_container i{display: inline-block;border-bottom:2px solid #1e68b3; width: 38%; margin-top:26px;}
.line_left{ float:left; }
.line_right{float:right;}

/*业务咨询*/
.contact_container{ background-color:white; padding:3%; padding-bottom: 0;  margin-top: 3%;}
.contact_container .contact_tit{ font-size:24px; font-weight: bold; color:#333;}
/*.contact_container .contact_box{ margin-top:4%; }*/
.contact_container .contact_box .contact{ width:50%; margin: auto;margin-bottom: 5%;}
.contact_container .contact_box .contact img{ float:left; width: 28%;}
.contact_container .contact_box .contact .contact_txt{ float:left; width: 72%;}
.contact_container .contact_box .contact .contact_txt p{font-size:24px; color:#343434; font-weight: bold; margin-left:8%; }
.contact_container .contact_box .contact .contact_txt p b{font-size:20px;}
.contact_container .contact_box .contact .contact_txt span{font-size:13px; color:#343434; display: block;padding-top:1%;margin-left:8%; margin-top:2%;}
/*底部*/
.bottom_container{ background-color:#2c4979; width: 100%; margin-top: 3%; }
.bottom_left{ float:left; width: 40%; padding: 3% 0;}
.bottom_right{ float:right; width: 27%; margin-top: 5%;}
.bottom_right img{ width:100%}
.bottom_left p{ font-size:20px; font-weight: bold; color:white;}
.bottom_left span{ display:block; font-size: 14px; color:#bac3db; line-height: 38px;}
.bottom_left span b{ color:white; }
.bottom_left .phone_icon{ display:inline-block; background: url(../../images/wlst/aoma_tra/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;}
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/aoma_tra/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/aoma_tra/icons.png); background-position: -9px -155px; width: 18px; height: 18px; vertical-align: middle;}
.copyright{ background:#253e69;border-top:1px solid #596d8e;}
.copyright span{ font-size:14px; color:#fff; display: block;padding:1% 0;text-align: center;}
.copyright span a{ color:#fff; }


@keyframes move{
    0%{transform: translateX(0)}
    30%{transform: translateX(30px)}
    60%{transform: translateX(0)}
    100%{transform: translateX(0)}
}

@media screen and (max-width:1400px){

}
@media screen and (max-width:1160px){
    .logo_bottom{
        width: 100%;
        float: none;
        text-align: center;
    }
    .logo_bottom img {
        margin: 0 auto;
    }
    .group_web{
        display: none;
    }
}
@media screen and (max-width:1000px){
    header{display: none;}
    .PCheader_container{display:none;}
    .mobileheader_container{ display:block;}


}
@media screen and (max-width:930px){

}
@media screen and (max-width:850px){
    .contact_detail span{
        display: block;
        width: 95%;
        margin: 0 auto;
        float: none;
    }
}
@media screen and (min-width:1000px){
    .PCheader_container{display:block;}
    .mobileheader_container{ display:none;}
}

@media screen and (min-width:701px){
    .swiper-container.bannerheight{min-height:386px;}
}

@media screen and (max-width:700px){


    .banner_container .swiper-slide .typepc{display:none}
    .banner_container .swiper-slide .typemobile{display:block}

    .title_container span{ font-size:22px;}

    .contact_container .contact_box .contact{ width:100%;}
    .contact_container .contact_tit{ font-size:16px;}
    .contact_container .contact_box .contact .contact_txt p{ font-size:18px; margin-left:4%; margin-top: 5%;}
    .contact_container .contact_box .contact .contact_txt span{ margin-left:4%;}


}
@media screen and  (max-width:450px){
    .contact_detail span{
        font-size: 12px;
    }
    .logo_bottom img {
        width: 80%;
    }

}
@media screen and (min-width:401px) and (max-width:500px){


}
@media screen and (min-width:320px) and (max-width:400px){

}
.service_list{
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    padding: 30px 0;
    flex-wrap: wrap;
}
.service_list li{
    text-align: center;
    padding: 20px 20px;
    width: 180px;
    margin-top: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.service_list li.active{
    border:1px solid #EB303F;
}

/*.service_list li.active::after{
    content: '';
    position: absolute;
    bottom: -42px;
    left: 90px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #ffffff;
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, .2));
    z-index: -1;
}*/

.service_list li img{
    margin: 0 auto 20px;
    display: block;
    height: 70px;
    line-height: 70px;
}
.service_list li p{
    font-size: 16px;
    color: #3D3D3D;
}
.service_list li.active p{
    font-weight: bold;
    color: #1D2A58;
}
.service_box{
    /*display: none;*/
}
.service_nav_list{
    margin: 10px;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    flex-wrap: wrap;

    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    background-color: #fff;
    border-radius: 5px;
}
.service_nav_list li{
    width: 193.33px;
    text-align: center;
    color: #1E2E38;
    font-size: 16px;
    padding: 20px 0;
    cursor: pointer;
}
.service_nav_list li.show{
    font-weight: bold;
    color: #EB303F;
    border-bottom: 3px solid #EB303F;
}
.service_nav_box{
    display: none;
}

.module_title{
    width: 100%;
    padding: 30px 0 0;
    text-align: center;
}

.module_title .title{
    font-size: 26px;
    font-weight: bold;
    color: #1E2E38;
    position: relative;
    z-index: 0;
    margin: 0 20px;
}
.module_title .title span{
    width: 104px;
    height: 5px;
    background: #C7D6F9;
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: -1;
}

.part1_summary{
    padding: 10px;
    margin-top: 20px;
}
.part1_summary_images{
    width: 15%;
    float: left;
}
.part1_summary_text{
    width: 80%;
    float: right;
}
.part1_summary_text p{
    font-size: 14px;
    color: #3D3D3D;
    line-height: 32px;
}
.part1_summary_tag{
    margin-top: 20px;
    background: #EFF1FF;
    padding: 20px 0;
    text-align: center;
}
.part1_summary_tag p,.part1_summary_tag p a{
    font-size: 16px;
    line-height: 32px;
    color: #EB303F;
}
.part1_service{
    padding: 10px;
    margin-top: 20px;
}
.part1_service img{
    width: 100%;
}
.part1_service_text{
    margin-top: 30px;
    padding: 0 30px;
}
.part1_service_text p{
    font-size: 14px;
    line-height: 48px;
    color: #3D3D3D;
}
.part1_service_text p span{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: linear-gradient(to top,#3A6FFD,#69A3FD);
    color: #ffffff;
    margin-right: 10px;
    border-radius: 2500px;
}
.part1_contact{
    float: left;
    width: 49%;
}
.part1_contact:last-child{
    float: right;
}
.part1_contact p{
    color: #3D3D3D;
}
.part1_contact p:first-child{
    font-weight: bold;
    font-size: 18px;
}

.part2_shop_list{
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    padding: 30px 0;
    flex-wrap: wrap;
}
.part2_shop_list li{
    text-align: center;
    padding: 20px 20px;
    width: 250px;
    margin-top: 20px;
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}
.part2_shop_list li:hover {
    transform: scale(1.2);
}
.part2_shop_list li img{
    margin: 0 auto 20px;
    display: block;
}
.part2_shop_list li p:first-child{
    font-weight: bold;
    font-size: 18px;
    color: #271E1E;
}
.part2_shop_list li p:last-child{
    margin-top: 10px;
    font-size: 14px;
    color: #646464;
}
.part2_plan_list{
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    padding: 30px 0;
    flex-wrap: wrap;
}
.part2_plan_list li{
    text-align: left;
    padding: 20px 0;
    width: 250px;
    margin-top: 20px;
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}
.part2_plan_list li img{
    width: 100%;
    cursor: pointer;
}
.part2_plan_list li .part2_plan_list_title{
    font-size: 22px;
    font-weight: bold;
    color: #271E1E;
    text-align: center;
    margin-bottom: 20px;
}
.part2_plan_list li .part2_plan_list_text{
    background: #3766DA;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
}
.part2_plan_list li .part2_plan_list_text p{
    line-height: 36px;
}
.part2_plan_list li .part2_plan_list_text p:first-child{
    font-weight: bold;
}
.part2_plan_list_desc{
    padding: 10px 15px 0;
    font-size: 14px;
    line-height: 28px;
    color: #3D3D3D;
}

.tab_box{position:relative;width: 100%; margin: auto;}
.tab_box .tab_bg{position: absolute; right: 0; top: 30%;}
.service_table{ width: 100%; margin-top: 3%;}
.service_table td{font-size:16px; color:#271E1E; line-height: 32px;}

.part3_aoma_introduce{
    padding: 10px;
    margin-top: 20px;
}
.part3_aoma_introduce video{
    float: left;
    width: 40%;
}
.part3_aoma_introduce img{
    float: left;
    width: 40%;
    max-width: 350px;
}
.part3_aoma_introduce .part3_aoma_introduce_text{
    width: 55%;
    float: right;
}

.part3_aoma_introduce .part3_aoma_introduce_text p{
    font-size: 14px;
    line-height: 41px;
    color: #3D3D3D;
}
.part3_aoma_introduce .part3_aoma_introduce_text p span {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: linear-gradient(to top,#3A6FFD,#69A3FD);
    color: #ffffff;
    margin-right: 10px;
    border-radius: 2500px;
}

.part3_direction{
    padding: 10px;
    margin-top: 20px;
}
.part3_direction_text{
    width: 60%;
    float: left;
}
.part3_direction_text p{
    font-size: 14px;
    line-height: 41px;
    color: #3D3D3D;
}
.part3_direction_text p span {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: linear-gradient(to top,#3A6FFD,#69A3FD);
    color: #ffffff;
    margin-right: 10px;
    border-radius: 2500px;
}
.part3_direction img{
    width: 35%;
    float: right;
}
.part3_join{
    margin-top: 20px;
    padding: 10px;
}
.part3_join p{
    font-size: 16px;
    line-height: 38px;
    color: #3D3D3D;
}
.part3_join p b{
    font-weight: bold;
}
.part3_join p span{
    color: #EB303F;
}
.part3_contact{
    margin: 30px 0;
    display: block;
    background: linear-gradient(to top,#3A6FFD,#69A3FD);
    font-size: 18px;
    color: #ffffff;
    padding: 16px 0;
    text-align: center;
}
.font_blod{
    margin-top: 10px;
    font-weight: bold;
}
.part3_cooperate{
    padding: 10px;
    margin-top: 20px;
}
.part3_cooperate p{
    font-size: 14px;
    line-height: 32px;
    color: #3D3D3D;
}
.part3_cooperate p img{
    display: inline-block;
    width: 15px;
    vertical-align: middle;
    margin-right: 20px;
}
.part3_cooperate p span{
    color: #EB303F;
}
.part3_cooperate .answer_detail{
    text-indent: 35px;
}
.part3_cooperate .answer_detail b{
    font-weight: bold;
}
.part3_cooperate>img{
    width: 100%;
    display: block;
}
.part3_join_now{
    margin: 30px 0 30px 35px;
    display: inline-block;
    background: linear-gradient(to top,#3A6FFD,#69A3FD);
    font-size: 18px;
    color: #ffffff;
    padding: 10px 20px;
}

.part5_summary_container{
    padding: 10px;
    margin-top: 20px;
}
.part5_summary_container img{
    width: 35%;
    float: left;
}
.part5_summary_text{
    float: right;
    width: 60%;
}
.part5_summary_text p{
    font-size: 14px;
    line-height: 50px;
    color: #3D3D3D;
}
.part5_summary_text p span{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: linear-gradient(to top,#3A6FFD,#69A3FD);
    color: #ffffff;
    margin-right: 10px;
    border-radius: 2500px;
}
.part5_summary_text p b{
    font-weight: bold;
}

.part4_honor_container{
    padding: 10px;
    margin-top: 20px;
}
.part4_honor_container img{
    width: 20%;
    float: left;
}
.part4_honor_container .part4_honor_text{
    width: 75%;
    float: right;
}
.part4_honor_container .part4_honor_text p{
    font-size: 16px;
    color: #3D3D3D;
    line-height: 38px;
}
.part4_honor_container .part4_honor_text p:first-child{
    font-weight: bold;
}
.part4_mode{
    padding: 10px 20px;
    background: #EBF1FF;
    margin-top: 30px;
}
.part4_mode p{
    font-size: 16px;
    color: #3D3D3D;
    line-height: 38px;
}
.part4_mode p a{
    color: #EB303F;
    display: inline-block;
    margin-left: 10px;
}

.flow_images{
    width: 100%;
    display: block;
    margin: 10px 0;
}


@media screen and (max-width:1400px){

}
@media screen and (max-width:1160px){

}
@media screen and (max-width:1000px){
    .service_list li.active::after{
        display: none;
    }
}
@media screen and (max-width:930px){

}
@media screen and (max-width:850px){

}
@media screen and (min-width:1000px){

}

@media screen and (min-width:701px){	

}

@media screen and (max-width:700px){
    .part1_contact{
        float: none;
        width: 100%;
    }
    .part1_contact:last-child{
        float: none;
        margin-top: 20px;
    }
    .tab_box{
        width: 90%;
    }
}
@media screen and  (max-width:450px){
    .service_list li{
        width: 150px;
    }
    .service_nav_list li{
        width: 180px;
    }
    .part1_summary_images{
        float: none;
        display: none;
    }
    .part1_summary_text{
        width: 95%;
        float: none;
        margin: 0 auto;
    }
    .part1_service_text{
        padding: 0 15px;
    }
    .part2_shop_list li{
        width: 150px;
    }
    .part3_aoma_introduce video{
        float: none;
        width: 100%;
    }
    .part3_aoma_introduce img{
        float: none;
        width: 100%;
    }
    .part3_aoma_introduce .part3_aoma_introduce_text{
        margin-top: 20px;
        width: 100%;
        float: none;
    }
    .part3_direction_text{
        width: 100%;
        float: none;
    }
    .part3_direction img{
        width: 100%;
        float: none;
        display: inline-block;
        margin-top: 20px;
    }

    .part5_summary_container img{
        width: 100%!important;
        float: none!important;
    }
    .part5_summary_text{
        width: 100%!important;
        float: none!important;
        margin-top: 20px;
    }

    .part4_honor_container img{
        width: 100%;
        float: none;
    }
    .part4_honor_container .part4_honor_text{
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    .part3_join_now{
        margin-left: 20px!important;
    }

}
@media screen and (min-width:401px) and (max-width:500px){
    .title_container span{ font-size:20px;}
    .title_container span b{ font-size:12px;}
    .title_container i{ margin-top:4%}
	
}
@media screen and (min-width:320px) and (max-width:400px){
    .title_container span{ font-size:16px;}
    .title_container span b{ font-size:12px;}
    .title_container i{ margin-top:6%}
}