*{ box-sizing: border-box;}
.clr{ clear: both;}
.section{ padding: 60px 0; text-align: center; overflow: hidden;min-width: 1200px;}
.swiper-container{
    overflow: hidden;
}
.section *{
    box-sizing: border-box;
}
.section .section_content{margin-top: 44px;overflow: hidden;display: flex;flex-wrap: wrap;}
.section .center_btn.fill_btn{background: #c00;border-color: #c00;color: #fff!important;margin-right: 12px;}
.section .center_btn.fill_btn:hover{background: #dd0000;border-color: #dd0000;}
.advert_box{background: #fff;padding: 30px 0;}
.advert_box ul{display: flex;}
.advert_box .advert_item{text-align: left; float: left;margin: 0 10px;background: #fff;width: 280px;padding: 20px;background: linear-gradient(180deg,#9161ff,#6253fb);}
.advert_box .advert_item h3{font-size: 20px;font-weight: bold;color: #fff;padding-bottom: 16px;}
.advert_box .advert_item p{font-size: 14px;color: #fff;line-height: 1.8;}
.main_adv_box{background-color: #fff;}
.main_adv_box .main_adv_item{margin: 0 10px;width: 280px;padding: 24px 0;}
.main_adv_box .main_adv_item h3{font-size: 22px;padding-top: 25px;}
.main_adv_box .main_adv_item p{font-size: 14px;padding-top: 20px;line-height: 1.75;color: #666;}
.main_adv_box .main_adv_item i{font-size: 48px;color: #CC0000;}
.main_adv_box .main_adv_item .newIcon{font-size: 80px;}
.main_adv_box .main_adv_item:first-child i{font-weight: bold;}
.main_adv_box .main_adv_item img{display: block;margin: 0 auto;height: 105px;}
.zhanqun_box .zhanqun_tab{font-size: 0;height: 72px;margin: 52px 10px 30px;}
.zhanqun_box .zhanqun_tab .tab{color: #999999;border: 1px solid #dfdfdf; display: inline-block;width: calc(100%/3); font-size: 20px; line-height: 55px;box-sizing: border-box;cursor: pointer;}
.zhanqun_box .zhanqun_tab .tab:not(:first-child){border-left: 0;}
.zhanqun_box .zhanqun_tab .tab_cur{background: #c00; color: #fff;border-color: #c00;}
.zhanqun_box .zhanqun_cont .cont{display: none;}
.zhanqun_box .zhanqun_cont .cont.cont_cur{display: block;}
.zhanqun_box .cont01 .cont_list{display: flex;flex-wrap: wrap;padding: 36px 0 20px;} 
.zhanqun_box .cont01 .cont_item{display: inline-block;width: 25%;} 
.zhanqun_box .cont01 .cont_item i{display: inline-block;width: 90px;line-height: 88px;font-size: 54px;box-sizing: border-box;border-radius: 100%; border: 1px solid #6E6E6E;background: #fff;}
.zhanqun_box .cont01 .cont_item .cont_svg_icon{font-size: 80px;}
.zhanqun_box .cont01 .cont_item img{display: block;margin: 0 auto;height: 105px;}
.zhanqun_box .zhanqun_cont .cont01 .cont_item p{font-size: 14px;color: #666;padding-top: 20px;line-height: 1.75;}

.zhanqun_box .cont02 .cont_list{display: flex;flex-wrap: wrap;padding: 34px 0 0;} 
.zhanqun_box .cont02 .cont_list .case_item{width: calc(100%/3 - 20px);border: 1px solid #c9c9c9;max-width: 100%;margin: 0 10px 20px;padding: 20px;box-sizing: border-box;text-align: left;}
.zhanqun_box .cont02 .case_item .title{font-size: 14px;color: #222;}
.zhanqun_box .cont02 .case_item .domain{font-size: 12px;color: #999;padding-top: 16px;}

.zhanqun_box .cont03{overflow: hidden;}
.zhanqun_box .cont03 .text{font-size: 24px;color: #222;font-weight: bold;padding: 30px 0;}
.zhanqun_box .cont03 .image{width: 380px;}
.zhanqun_box .service_btn.center_btn{    margin-top: 30px;}
.ai_tuiguang_box{background-color: #fff;}
.ai_tuiguang_box .ai_tuiguang_tab{font-size: 0;border-bottom: 2px solid #ccc;height: 72px;margin: 30px 0;}
.ai_tuiguang_box .ai_tuiguang_tab .tab{display: inline-block;width: 50%; font-size: 20px; line-height: 70px;box-sizing: border-box;cursor: pointer;}
.ai_tuiguang_box .ai_tuiguang_tab .tab_cur{border-bottom: 5px solid #c00;color: #c00;}
.ai_tuiguang_box .ai_tuiguang_cont .cont{display: none;overflow: hidden;}
.ai_tuiguang_box .ai_tuiguang_cont .cont.cont_cur{display: block;}
.ai_tuiguang_box .cont .cont_view{float: left;text-align: left;}
.ai_tuiguang_box .cont .title{font-size: 24px;font-weight: bold;color: #222222;padding-top: 30px;}
.ai_tuiguang_box .cont .text{font-size: 14px;color: #666666;line-height: 38px;padding-top: 12px;}
.ai_tuiguang_box .cont .btn_view .btn{display: inline-block; padding: 0 35px;height: 35px;text-align: center;display: inline-block;font-size: 14px;margin-top: 24px;transition: all .2s;background: #fff;}
.ai_tuiguang_box .cont .btn_view .try_btn{line-height: 33px;border: 1px solid #666;color: #666;}
.ai_tuiguang_box .cont .btn_view .try_btn:hover{background: #c00;color: #fff;border-color: #c00;}
.ai_tuiguang_box .cont .btn_view .more_btn{line-height: 35px;color: #333;text-decoration: underline;}
.ai_tuiguang_box .cont .btn_view .more_btn:hover{color: #c00;}
.ai_tuiguang_box .cont .cont_image{float: right;width: 460px;padding-top: 38px;}

.new_honor_box {padding-bottom: 0;}
.new_honor_box .section_content{margin-top: 0;}
.new_honor_box .honor {height: 431px;overflow: hidden;width: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.new_honor_box .honor .honor_cont{overflow: hidden;width: 100%;position: relative;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.new_honor_box .honor li {width: 220px;height: 311px;overflow: hidden;float: left;margin: 60px 10px;background:rgba(224, 224, 224, 1);-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s;transition: all 0.3s linear 0s;-ms-transition: all 0.3s linear 0s;}
.new_honor_box .hImg {overflow: hidden;height: 100%;background: #fff;}

.meal_box ul{
    overflow: hidden;
}
.meal_box ul .meal_item{
    float: left;
    margin: 0 10px;
    background: #fff;
    width: 280px;
    padding: 20px;
}
.meal_box .meal_item h3{
    font-size: 24px;
}
.meal_box .meal_item p{
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}
.meal_box .price_div{padding: 15px 0;font-size: 14px;line-height: 1.5;color: #666;box-sizing: border-box;}
.meal_box .price_div i{
    font-size: 18px;
}
.meal_box .price_div .price{
    font-size: 40px;
    font-weight: bold;
    margin: 0 5px;
}
.meal_box .buy_btn{
    height: 35px;
    line-height: 32px;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
    transition: all .2s;
    font-size: 14px;
    color: #333;
    line-height: 33px;border: 1px solid #666;
}
.meal_box .buy_btn:hover{
    background: #c00;border: 1px solid #c00;color: #fff;;
}
.meal_box .info_btn{
    font-size: 14px;
	line-height: 35px;
    margin-top: 10px;
	color: #222;
	text-align: center;
	display: inline-block;
	width: 100%;
	
}
.meal_box .info_btn:hover{
    color: #c00;
}
.meal_box .p_content{
	text-align: left;
	padding: 12px 6px 6px;
	color: #999;
	line-height: 2.2;
	font-size: 14px;
}
.meal_box .p_content .p_content_item{
	
}
.section.meal_box .service_btn_view .service_btn{
	width: 180px;
	line-height: 48px;
	font-size: 16px;
	margin-top: 40px;
}
.section .swiper-slide .window_width{
    overflow: hidden;
}
.section .swiper-slide .left_view{
    float: left;
    margin: 0 10px;
}
.section .swiper-slide .right_view{
    float: right;
    margin: 0 10px;
}
.section .section_btn{
    height: 35px;
    line-height: 33px;
    font-size: 14px;
    transition: all .2s;
}
.slide_box{
    background: #fff;
}
.slide_box .swiper-container{
    padding-bottom: 80px;
}
.slide_box .banner_btn{
    background: #A7A7A7;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 10px;
    transition: all .2s;
    cursor: pointer;
}
.slide_box .banner_hot{
    background: #222222;
    width: 50px;
}
.case_box .section_title{
    line-height: 1.5;
}
.case_box .left_view{
    text-align: left;
}
.case_box .title{
    font-size: 35px;
}
.case_box .title img{
    height: 40px;
    vertical-align: top;
}
.case_box .title span{
    line-height: 1;
    margin-left: 5px;
}
.case_box .type{
    font-size: 30px;
    margin: 15px 0 30px 70px;
    line-height: 1;
}
.case_box .text{
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 30px;
}
.case_box .section_btn{
    line-height: 33px;
    display: inline-block;
    border: 1px solid #666;
    color: #222;
    padding: 0 60px;
}
.case_box .section_btn:hover{
    background: #c00;
    color: #fff;
    border-color: #c00;
}
.case_box .right_view{
    background: #F4F5F7;
    border-radius: 10px;
    border: 20px solid #F4F5F7;
    overflow: hidden;
}
.case_box .section_content{margin-top: 66px;} 

.moban_box{
}
.moban_box .section_content{
    margin-top: 0;
}
.moban_box .moban {
    height: 470px;
    overflow: hidden;
}
.moban_box .moban_show li {
    width: 280px;
    height: 385px;
    overflow: hidden;
    float: left;
    margin: 60px 10px;
    padding: 10px;
    background:rgba(224, 224, 224, 1);
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
}
.moban_box .hImg {
    overflow: hidden;
    height: 100%;
    background: #fff;
}
.moban_box .section_btn{
    height: 50px;
    line-height: 50px;
    width: 500px;
    display: block;
    margin: 40px auto 0;
    background: #fff;
    font-size: 16px;
    color: #333;
}
.moban_box .section_btn:hover{
    background: #c00;
    color: #fff;
}
.section.service_box{
    background-color: #ECF3F9;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.service_box.peopleImg:after{
    content: '';
    position: absolute;
    width: 1400px;
    height: 100%;
    left: 50%;
    top: 0;
    z-index: 2;
    margin-left: -700px;
    background-image: url('/design/images/newpc/display/service_img.png');
    background-repeat: no-repeat;
    background-position: right center;
}
.service_box .window_width{
    position: relative;
    z-index: 3;
    padding: 60px 0;
    overflow: hidden;
}
.service_box .info{
    width: 789px;
    text-align: center;
    margin: 0 10px;
}
.service_box .info h3{
    margin: 0 0 20px;
    text-align: left;
}
.service_box.isAgent .info h3{
    text-align: center;
}
.service_box .info .section_sub_title{
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
}
.service_box.isAgent .info .section_sub_title{
    text-align: center;
}
.service_box .info .section_sub_title a{
    color: #666;
}
.service_box ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 100px;
}
.service_box.isAgent ul{
    justify-content: center;
}
.service_box ul li{
    font-size: 14px;
    margin: 0 100px 0 0;
}
.service_box li h4{
    font-size: 24px;
    margin-bottom: 20px;
    color: #222;
    text-align: left;
}
.service_box .info li p{
    line-height: 2;
    text-align: left;
}
.service_box .staff{
    border-right: 2px solid #c00;
    text-align: left;
    padding-right: 10px;
    font-size: 14px;
    line-height: 1.8;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 2;
}
.service_box .contact_btn{
    background: #fff;
    border: 1px solid #666;
    color: #222;
    padding: 0 40px;
    display: inline-block;
    transition: all .2s;
    margin-top: 80px;
}
.service_box .contact_btn:hover{
    background: #c00;
    border-color: #c00;
    color: #fff;
}
#bottom,#new_bottom{ margin-top: 0 !important;}


/*´úÀí*/
.service_box.isAgent .window_width{
    padding: 0;
}
.service_box.isAgent ul{
    margin-top: 60px;
}
.service_box.isAgent .info{
    width: 100%;
}
.service_box.isAgent .staff{
    display: none;
}
.service_box.isAgent .contact_btn{
    margin-top: 40px;
}
#bottomBg{
    margin-top: 0 !important;
}
.section .service_btn{width: 120px;margin: 0 auto;line-height: 33px;border: 1px solid #222;background: #fff;display: inline-block;cursor: pointer;}
.section .service_btn.center_btn{margin-top: 24px;color: #222;}
.section .service_btn:hover{background: #c00;color: #fff;border-color: #c00;}
@media screen and (max-width: 768px) {
	.section{min-width: auto;} 
	.window_width{max-width: 100%;}
	.section .section_sub_title{margin-top: 10px;}
	.new_banner_margin.sec_banner_margin{margin-bottom: 0;}
	.advert_box{padding: 20px;}
	.advert_box ul{flex-wrap: wrap;justify-content: space-between;}
	.advert_box .advert_item{width: calc(50% - 10px);margin: 0 0 20px;}
	.advert_box .advert_item:nth-child(n+3){margin-bottom: 0px;} 
	.advert_box .advert_item h3{font-size: 18px;}
	.advert_box .advert_item p{font-size: 12px;} 
	.main_adv_box{padding: 20px;}
	.main_adv_box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.main_adv_box .main_adv_item{width: 50%;margin: 0 0 20px;padding: 24px 40px;}
	.main_adv_box .main_adv_item h3{font-size: 18px;}
	.zhanqun_box .zhanqun_tab{margin: 30px 20px;}
	.zhanqun_box .zhanqun_tab .tab{font-size: 16px;}
	.ai_tuiguang_box .ai_tuiguang_tab{margin: 30px 20px;}
	.ai_tuiguang_box .ai_tuiguang_tab .tab{font-size: 16px;}
	.ai_tuiguang_box .ai_tuiguang_cont{margin: 0 20px;}
	.ai_tuiguang_box .cont .text{line-height: 32px;}
	.ai_tuiguang_box .cont .cont_image{width: 326px;}
	.ai_tuiguang_box .cont .btn_view .btn{height: 30px;line-height: 30px;margin-top: 20px;margin-bottom: 20px;padding: 0 15px;font-size: 12px;}
	.ai_tuiguang_box .cont .btn_view .try_btn{line-height: 28px;}
	.new_honor_box .section_content{margin-top: 40px!important;}
	.new_honor_box .honor{width: calc(100% - 40px);height: 263px;}
	.new_honor_box .honor .honor_cont{width: calc(100% - 24px);}
	.new_honor_box .honor li{width: 152px;height: 215px; margin: 24px 10px;}
	.zhanqun_box .cont03 .text{font-size: 20px;}
	.ai_tuiguang_box .cont .title{font-size: 20px;}
    .meal_box.section{
        padding: 20px;
    }
    .meal_box ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .meal_box ul .meal_item{
        float: none;
        width: 100%;
        margin: 0 0 10px;
		padding: 10px 20px;
    }
    .meal_box .meal_item p{
        margin-top: 0;
        font-size: 12px;
    }
    .meal_box .meal_item  h3{
        font-size: 18px;
        line-height: 40px;
    }
    .meal_box .price_div{
        font-size: 12px;
		padding: 8px 0;
    }
    .meal_box .price_div i{
        font-size: 16px;
    }
    .meal_box .price_div .price{
        font-size: 24px;
    }
    .meal_box li .p_content{
        font-size: 12px;
        padding: 0;
        margin-top: 4px;
    }
    .meal_box .buy_btn, .meal_box .info_btn{
        height: 30px;
        line-height: 28px;
        font-size: 12px; 
		margin-top: 8px;
    }
    .section .swiper-slide .left_view{margin:30px 0 0;}
    .section .swiper-slide .right_view{margin: 0;}
	.swiper-slide{display: flex;flex-direction: column-reverse;align-items: flex-start;}
    .section .section_content{
        margin-top: 20px;
    }
    .slide_box .swiper-container{
        padding-bottom: 45px;
    }
    .slide_box .banner_btn{
        width: 10px;
        height: 10px;
    }
    .slide_box .banner_hot{
        width: 40px;
    }
    .section .section_btn{
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }
    .case_box.section{
        padding: 20px;
    }
    .case_box .left_view,.case_box .left_view{
        float: none;
        width: 100%;
        margin: 0;
    }
    .case_box .title{
        font-size: 24px;
        line-height: 28px;
    }
    .case_box .title img{
        height: auto;
        width: 100px;
    }
    .case_box .type{
        font-size: 16px;
        margin: 15px 0 20px 0px;
    }
    .case_box .text{
        font-size: 12px;
        line-height: 1.8;
        margin-bottom: 20px;
    }
    .case_box .section_btn{
        padding: 0 40px;
        margin-bottom: 20px;
        line-height: 28px;
    }
    .case_box .right_view{
        border-width: 10px;
        max-height: 156px;
    }
	.case_box .section_content{margin-top: 40px;}
    .moban_box .moban_show li{
        width: 180px;
        height: 285px;
        margin: 0px 10px;
    }
    .moban_box .moban{
        height: 285px;
    }
    .moban_box .section_btn{
        width: 70%;
        margin: 20px auto;
    }
	.moban_box .section_content{margin-top: 40px;}
	.moban_box .service_btn.center_btn{margin-top: 40px;}
    .service_box.section{
        padding: 20px 0 0;
    }
    .service_box.section.isAgent{
        padding: 20px 20px 40px;
    }
    .service_box.peopleImg:after{
        width: 100%;
        left: 0;
        margin-left: 0;
        background-size: 50%;
        background-position: center 140px;
    }
    .service_box .window_width{
        padding: 0 20px 20px;
        background-size: 70%;
    }
    .service_box .info{
        width: auto;
        float: none;
        margin: 0;
    }
    .service_box ul{
        margin-top: 30px;
        overflow: hidden;
        display: none;
    }
    .service_box ul li{
        margin: 0 0 20px 0;
        width: calc((100% - 10px)/2);
        float: left;
    }
    .service_box li h4{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .service_box .info li p{
        line-height: 1.8;
        font-size: 12px;
    }
    .service_box .staff{
        top: unset;
        bottom: 150px;
        left: 20px;
        right: unset;
        border-left: 2px solid #c00;
        border-right: none;
        padding: 0 0 0 10px;
    }
    .service_box .contact_btn{
        line-height: 28px;
        margin-top: 30px;
    }
    .peopleImg.service_box .contact_btn{
        margin-top: 260px;
    }
	
	.section .service_btn.center_btn{margin-top: 10px;}
	.section.meal_box .service_btn_view .service_btn{width: 120px;line-height: 30px;font-size: 12px;margin-top: 14px;} 
    .main_adv_box .main_adv_item img{height: 90px;}
    .zhanqun_box .cont01 .cont_item img{height: 90px;}
}
@media screen and (max-width: 460px) {
	.section .section_sub_title{margin-top: 6px;}
	.advert_box .advert_item{width: 100%; margin: 0 0 20px!important;}
	.advert_box .advert_item h3{font-size: 14px;}
	.advert_box .advert_item p{font-size: 12px;} 
	.meal_box .meal_item h3{font-size: 14px;}
	.main_adv_box .main_adv_item i{font-size: 40px;}
	.main_adv_box .main_adv_item{padding: 0px 6px;}
	.main_adv_box .main_adv_item h3{font-size: 14px;padding-top: 12px;}
	.main_adv_box .main_adv_item p{padding-top: 10px;}
	.zhanqun_box .zhanqun_tab{border-bottom: 0;height: auto;margin: 20px 0 6px;overflow: hidden;overflow-x: scroll;white-space: nowrap;}
	.zhanqun_box .zhanqun_tab .tab{font-size: 12px;width: auto;padding: 0px 12px;line-height: 40px;}
	.zhanqun_box{padding-bottom: 30px!important;}
	.zhanqun_box .cont01 .cont_list{justify-content: space-between;padding: 0;}
	.zhanqun_box .cont01 .cont_item{width: calc(50% - 10px);margin-bottom: 20px;}
	.zhanqun_box .cont01 .cont_item i{width: 68px;line-height: 66px;font-size: 40px;}
	.zhanqun_box .zhanqun_cont .cont01 .cont_item p{padding-top: 10px;font-size: 12px;}
	.zhanqun_box .cont02 .cont_list{padding: 16px 0 0;}
	.zhanqun_box .cont02 .cont_list .case_item{margin: 0 auto 10px;width: 100%;padding: 12px;}
	.zhanqun_box .cont02 .case_item .title{font-size: 12px;}
	.zhanqun_box .cont02 .case_item .domain{padding-top: 8px;}
	.zhanqun_box .cont03 .text{font-size: 14px;width: 100%;text-align: center;padding: 16px 0;}
	.zhanqun_box .cont03 .image{padding: 0;width: 320px;margin-bottom: 14px;}
	.ai_tuiguang_box .ai_tuiguang_tab{border-bottom: 0;height: auto;margin: 14px 0 18px;}
	.ai_tuiguang_box .ai_tuiguang_tab .tab{font-size: 12px;padding: 0px 8px;line-height: 40px;border-bottom: 2px solid #ccc;}
	.ai_tuiguang_box .ai_tuiguang_tab .tab_cur{border-bottom: 2px solid #c00;}
	.ai_tuiguang_box .ai_tuiguang_cont{margin: 0;}
	.ai_tuiguang_box .cont .title{font-size: 14px;padding-top: 10px;}
	.ai_tuiguang_box .cont .text{line-height: 24px;font-size: 12px;}
	.ai_tuiguang_box .cont .cont_image{width: 260px;float: left;padding-top: 0px;margin-bottom: 24px;}
	.moban_box .section_content{margin-top: 20px;}
	.moban_box .service_btn.center_btn{margin: 20px 0;}
	.case_box .section_content{margin-top: 20px;}
	.section .swiper-slide .left_view{margin-top: 20px;}
	.new_honor_box {padding: 20px 0!important;}
	.new_honor_box .section_content{margin-top: 20px!important;}
	.new_honor_box .honor{width: 100%;background: transparent;height: 226px;} 
	.new_honor_box .honor .honor_cont{width: 100%;}
	.new_honor_box .honor li{margin: 0 10px 20px;}
    .peopleImg.service_box .contact_btn{
        margin-top: 190px;
    }
    .service_box.peopleImg:after{
        background-size: 60%;
    }
}
@media screen and (max-width: 414px) {
    .peopleImg.service_box .contact_btn{
        margin-top: 205px;
    }
    .service_box.peopleImg:after{
        background-size: 70%;
        background-position: center 140px;
    }
}
@media screen and (max-width: 320px) {
    .peopleImg.service_box .contact_btn{
        margin-top: 150px;
    }
}