@media only screen and (min-width: 1890px) {
	.ser_ul .item .inbox .img,.cases_box .item .inbox .img{
		height: 400px;
		overflow: hidden;
	}
	.ser_ul .item:hover .inbox .img img,.cases_box .item:hover .inbox img{
        transform: scale(1.1);
    }
}
@media (min-width: 1200px) {
	.ab_right .item:hover:nth-child(1) .con .img{
	    background: url(../images/icon_abr1-h.png);
	    background-size: 100% 100%;
	}
	.ab_right .item:hover:nth-child(2) .con .img{
	    background: url(../images/icon_abr2-h.png);
	    background-size: 100% 100%;
	}
	.ab_right .item:hover:nth-child(3) .con .img{
	    background: url(../images/icon_abr3-h.png);
	    background-size: 100% 100%;
	}
	.ab_right .item:hover:nth-child(4) .con .img{
	    background: url(../images/icon_abr4-h.png);
	    background-size: 100% 100%;
	}
	.backTop:hover {
		background: #094e9d url("../images/backtop.png") 0 -50px no-repeat;
	}
	.honor_box li:hover{
		transform: translateY(-20px);
	}
	.about_index .ab_left .ab_more img:hover{
	    animation: rotate .3s 1;
	}
	@keyframes rotate {
	    0% {
		    transform: translateY(0) ;
	  	}
	    50% {
	        transform: translateY(-20px);
	    }
	    100% {
	        transform: translateY(0);
	    }
	}
    .news_box .item:hover .inbox{
        box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 10%);
    }
    .news_box .item:hover .word .new_more{
        opacity: 1;
    }
    .pages a:hover{
        background: #094e9d;
        color: #FFFFFF;
    }
    .about_menu .item:hover{
        background: #094e9d;
        border: 1px solid #094e9d;
        color: #FFFFFF;
    }
    .tab_hd .item:hover .img{
        background-color: #094e9d;
    }
    .tab_hd .item:hover:nth-child(1) .img{
        background-image: url(../images/icon_ab1h.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .tab_hd .item:hover:nth-child(2) .img{
        background-image: url(../images/icon_ab2h.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .tab_hd .item:hover:nth-child(3) .img{
        background-image: url(../images/icon_ab3h.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .tab_hd .item:hover:nth-child(4) .img{
        background-image: url(../images/icon_ab4h.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .stage_tab .tab_td .item:hover{
        background: #094e9d;
        color: #FFFFFF;
    }
}
@media (max-width: 1600px) {
    .banner_index .function_box .item .inbox{
        font-size: 24px;
    }
    .banner_index .function_box .item .inbox img{
        margin-right: 24px;
        max-width: 40px;
        max-height: 44px;
    }
    .about_index .ab_left{
        padding: 80px 120px 80px 100px;
    }
    .about_index .ab_left .ab_more{
        margin-top: 100px;
    }
    .ab_right .item{
        height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ab_right .item .con{
        margin-top: 0;
    }
    .ab_right .item .con .img{
        width: 80px;
        height: 93px;
    }
    .serve_index{
        margin-top: 80px;
    }
    .title_hd{
        margin-bottom: 60px;
    }
    .about_menu .item{
        width: 130px;
        height: 50px;
        line-height: 48px;
        margin: 0 15px;
        font-size: 16px;
    }
    .ab_introduction{
        padding: 40px 0 70px;
    }
    .ab_introduction .title{
        margin-bottom: 100px;
    }
    .ab_introduction .block_left{
        margin-top: -30px;
    }
    .ab_introduction .block_right .word{
        margin-top: 50px;
        margin-bottom: 60px;
    }
    .ab_introduction .block_right .word .p p{
        margin-top: 10px;
    }
    .ab_introduction .bg_top, .ab_introduction .bg_bot{
        height: 200px;
    }
    .ab_introduction .bg_top img, .ab_introduction .bg_bot img{
        object-fit: cover;
    }
    .ab_introduction .block_right .yin_top{
        top: -15px;
    }
    .ab_introduction .block_right .yin_bot{
        bottom: -15px;
    }
    .ab_introduction .block_right .yin_top img, .ab_introduction .block_right .yin_bot img{
        width: 40px;
        height: 30px;
    }
    .ad_development{
        padding: 60px 0 100px;
    }
    .ad_development .swiper-button-next, .ad_development .swiper-button-prev{
        width: 70px;
        height: 100px;
    }
    .ad_development .t_year{
        font-size: 24px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .ad_development .h3{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .ad_honor{
        padding: 60px 0;
    }
    .ad_development .title, .ad_honor .title{
        margin-bottom: 50px;
    }
    .ad_honor .title_p{
        margin: 0 auto 60px;
    }
    .ad_advantages .title{
        margin-bottom: 50px;
    }
    .tab_hd .item .img{
        width: 120px;
        height: 120px;
        background-size: 50px 52px;
    }
    .tab_hd .item p{
        font-size: 18px;
        margin-top: 20px;
    }
    .tab_con{
        margin-top: 30px;
    }
    .tab_con .word{
        padding: 20px;
        font-size: 14px;
    }
    .tab_con .word p{
        margin-bottom: 10px;
    }
    .tab_con .word h3{
        font-size: 14px;
    }
    .ad_advantages{
        padding: 50px 0;
    }
    .ab_invite .invite_left{
        padding: 90px 0 120px 80px;
    }
    .ab_invite .invite_lright{
        padding: 50px 100px 30px 70px;
    }
    .cycle_box{
        padding: 60px 0;
    }
    .cycle_list{
        margin-top: 60px;
    }
    .cycle_list ul{
        margin: 0 -8px;
    }
    .cycle_list li{
        padding: 0 8px;
    }
    .cycle_list li .icon_right{
        width: 120px;
        height: 120px;
        right: -60px;
        top: -60px;
    }
    .cycle_list li .box{
        padding: 20px 12px 40px;
    }
    .cycle_list li .tt{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .cycle_list li .cy_p .p{
        font-size: 12px;
    }
    .increment_box{
        padding: 60px 0;
    }
    .increment_box .increment_list{
        margin-top: 60px;
    }
    .increment_list .item .word{
        padding: 30px 50px;
    }
    .increment_list .item .word .tt{
        font-size: 20px;
        margin-bottom: 30px;
    }
    .stage_box{
        padding: 60px 0 100px;
    }
    .stage_tab{
        margin-top: 60px;
    }
    .stage_tab .tab_td .item{
        height: 50px;
        line-height: 50px;
        font-size: 13px;
    }
    .stage_tab .tab_con{
    		padding: 15px;
    }
    .stage_tab .tab_con .block_box{
		height: 410px;
	}
    .main_box{
        padding: 60px 0;
    }
    .main_box .main_img{
        margin-top: 60px;
    }
    .cases_box .title{
        font-size: 16px;
        margin: 60px auto;
    }
    .two_box .big_box .block_box .tt_word{
        font-size: 14px;
        margin: 60px 60px;
    }
    .one_l .item:first-child {
        margin-bottom: 80px;
    }
    .two_box{
        margin-bottom: 80px;
    }
    .three_box .item{
        margin-bottom: 100px;
    }
    .map_box .tt{
        margin-bottom: 50px;
    }
    .map_tab .item{
        font-size: 20px;
    }
    .message_box .group{
        padding-right: 30px;
    }
    .message_box{
        padding: 44px 120px;
    }
    .message_box .tip .word p{
        font-size: 30px;
    }
    .message_box .tip .word{
        width: 300px;
    }
    .cont_detail{
        margin: 60px auto;
    }
    .cont_detail .title{
        padding-bottom: 24px;
        font-size: 20px;
    }
    .cont_detail .word{
        margin-top: 20px;
        margin-bottom: 50px;
        font-size: 14px;
    }
    .ac_img{
        height: 550px;
    }
}
@media (max-width: 1440px) {
    .header .menu_box li{
    		*padding: 0 30px;
    }
    .header .menu_box .menu_ul>li> a{
    		font-size: 16px!important;padding: 0 30px!important;
    }
    .banner_index .function_box .item .inbox{
        font-size: 20px;
    }
    .banner_index .function_box .item .inbox img{
        max-height: 38px;
    }
    .about_index .ab_left{
        padding: 60px 80px;
    }
    .about_index .ab_left .tt{
        font-size: 24px;
    }
    .about_index .ab_left .ti{
        font-size: 20px;
    }
    .about_index .ab_left .p{
        font-size: 14px;
    }
    .about_index .ab_left .ab_more{
        margin-right: -20px;
        margin-top: 80px;
    }
    .ab_right .item{
        height: 200px;
    }
    .ab_right .item .con .img{
        width: 60px;
        height: 70px;
        margin: 0 auto 15px;
    }
    .ab_right .item .con p{
        font-size: 16px;
    }
    .ser_ul .item{
        padding: 30px 14px;
    }
    .brand_index .tt,.footer .title,.title_box{
        font-size: 28px;
    }
    .footer{
        padding-top: 70px;
    }
    .footer .info{
        padding-bottom: 60px;
    }
    .banner_in .word{
        font-size: 24px;
    }
    .ab_introduction .block_right .word h3{
        font-size: 20px;
    }
    .ab_introduction .block_right .word .p{
        font-size: 12px;
    }
    .ab_introduction .title,.ad_development .title, .ad_honor .title,.ad_advantages .title{
        font-size: 28px;
    }
    .tab_hd .item .img {
        width: 100px;
        height: 100px;
        background-size: 44px 46px;
    }
    .framework_box .framework_img{
        max-width: 900px;
    }
    .cycle_box,.increment_box,.stage_box,.main_box,.framework_box{
        padding: 40px 0;
    }
    .cycle_list,.increment_box .increment_list,.stage_tab,.main_box .main_img,.framework_box .framework_img {
        margin-top: 40px;
    }
    .cycle_list li .tt {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .cycle_list li .cy_p .p{
        margin-bottom: 0.5em;
    }
    .increment_list .item .word {
        padding: 20px 30px;
    }
    .increment_list .item .word .tt {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .increment_list .item .word .p{
        font-size: 13px;
    }
    .stage_tab .tab_td .item {
        height: 44px;
        line-height: 44px;
        padding: 0 15px;
    }
    .stage_tab .tab_con .block_box{
		height: 362px;
	}
    .main_box .main_img p{
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }
    .cases_box .title {
        font-size: 15px;
        margin: 40px auto;
    }
    .two_box .big_box .block_box .tt_img{
        max-width: 200px;
    }
    .case_more{
        width: 300px;
        height: 60px;
        bottom: -30px;
    }
    .two_box .big_box .case_more{
        line-height: 60px;
    }
    .cases_box .item .case_more p{
        margin: 12px 0 8px;
        font-size: 13px;
    }
    .cases_box .item .case_more div{
        font-size: 14px;
    }
    .three_box .item {
        margin-bottom: 80px;
    }
    .map_box .tt h3{
        font-size: 20px;
    }
    .map_box .tt p{
        font-size: 16px;
    }
    .map_tab{
        padding-left: 200px;
    }
    .map_tab .tab_td{
        width: 180px;
    }
    .map_tab .item{
        font-size: 16px;
        height: 55px;
        line-height: 55px;
    }
    .map_box{
        padding: 40px;
    }
    .my-map{
        height: 200px;
    }
    .map_tab .map_in .address_block{
        height: 200px;
    }
    .map_tab .map_in .address_block .p{
        font-size: 13px;
    }
    .message_box{
        padding: 40px 100px;
    }
    .message_box .tip{
        padding-left: 50px;
    }
    .message_box .tip .word{
        width: 240px;
        height: 50px;
        line-height: 50px;
    }
    .message_box .tip .word p {
        font-size: 24px;
    }
    .message_box .tip .word:after{
        left: -20px;
        top: 20px;
    }
    .message_box .group{
        margin-bottom: 25px;
    }
    .cont_detail{
        margin: 40px auto;
    }
    .cont_detail .title{
        padding-bottom: 16px;
        font-size: 18px;
    }
    .cont_detail .word{
        margin-top: 20px;
        margin-bottom: 30px;
        font-size: 13px;
    }
    .ac_img{
        height: 450px;
    }
}
@media (max-width: 1366px) {
	.header .menu_box .menu_ul>li >a { padding: 0 25px!important;}
    .ser_ul .item .inbox .word h3{
        font-size: 13px;
    }
    .ser_ul .item .inbox .word p{
        font-size: 14px;
    }
    .footer .info p{
        font-size: 12px;
    }
    .footer .info .in_center{
        padding-left: 50px;
    }
    .brand_index{
        padding: 60px 0 80px;
    }
    .brand_index .tt{
        margin-bottom: 60px;
    }
    .brand_index .tt, .footer .title{
        font-size: 24px;
    }
    .footer {
        padding-top: 50px;
    }
    .footer .info {
        padding-bottom: 50px;
    }
    .banner_index .wapper{
        margin-top: -30px;
    }
    .banner_index .swiper-button-white{
        width: 30px;
        height: 60px;
        background-size: 30px 60px;
        margin-top: -30px;
    }
    .banner_in .word{
        font-size: 24px;
    }
    .banner_in .word {
        font-size: 20px;
    }
    .about_menu .item {
        width: 110px;
        height: 42px;
        line-height: 40px;
        margin: 0 10px;
        font-size: 14px;
    }
    .ab_introduction .title {
        margin-bottom: 70px;
    }
    .ab_introduction .block_right .word {
        margin-top: 40px;
        margin-bottom: 50px;
    }
    .ab_introduction .title, .ad_development .title, .ad_honor .title, .ad_advantages .title {
        font-size: 24px;
    }
    .ad_honor .title_p{
        max-width: 800px;
    }
    .ad_development .title, .ad_honor .title {
        margin-bottom: 40px;
    }
    .honor_box li p{
        font-size: 14px;
    }
    .ab_invite .invite_left {
        padding: 110px 0 130px 40px;
    }
    .ab_invite .invite_left .tt{
        font-size: 30px;
        margin-bottom: 50px;
    }
    .ab_invite .invite_left .p{
        font-size: 14px;
    }
    .ab_invite .invite_lright {
        padding: 40px 80px 30px 50px;
    }
}
@media (max-width: 992px) {
    
}
@media (max-width: 768px) {
	.pages a, .pages span{
		width: 32px;
		height: 32px;
		line-height: 30px;
		margin: 0 3px;
	}
    .header{
        display: none;
    }
    .header_mb{
        display: block;
    }
    .menu {
        display: block;
        width: 0;
        height: 0;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-border-top-left-radius: 0;
        border-top-left-radius: 0;
    }
    .menu .list_ a + a {
        margin-top: 15px;
    }
    .banner_index .function_box{display:none;
        position: relative;
        height: auto;
        padding: 15px 0;
    }
    .banner_index .function_box .item{
        height: auto;
        padding: 0;
    }
    .banner_index .function_box .item .inbox{
        display: block;
        font-size: 12px;
        padding: 0;
        text-align: center;
        background: #FFFFFF;
        color: #000000;
    }
    .banner_index .function_box .item .inbox span{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin:  auto;
        background: #094e9d;
        margin-bottom: 8px;
    }
    .banner_index .function_box .item .inbox img{
        max-height: 20px;
        max-width: 22px;
        margin: 0 auto;
        display: block;
    }
    .banner_index .swiper-button-white {
        width: 15px;
        height: 30px;
        background-size: 15px 30px;
        margin-top: 0;
    }
    .head_hover.header_mb .logo .img_white{
        display: none;
    }
    .head_hover.header_mb .logo .img_gray{
        display: block;
    }
    .wapper{
        width: 100%;
    }
    .banner_index .wapper{
        left: 0;
        margin-top: -15px;
    }
    .about_index .ab_left,.about_index .ab_right{
        float: none;
        width: 100%;
    }
    .about_index .ab_left{
        padding: 30px 40px;
    }
    .about_index .ab_left .tt{
        font-size: 20px;
    }
    .about_index .ab_left .line{
        margin: 20px 0;
    }
    .about_index .ab_left .ti{
        font-size: 16px;
    }
    .about_index .ab_left .p{
        font-size: 12px;
        height: auto;
    }
    .about_index .ab_left .ab_more{
        margin-top: 50px;
    }
    .about_index .ab_right{
        padding: 15px 15px 0;
    }
    .ab_ul{
        margin: 0 -2%;
    }
    .ab_right .item{
        width: 46%;
        margin: 7px 2%;
        height: 120px;
    }
    .ab_right .item .con .img{
        width: 40px;
        height: 46px;
        margin: 0 auto 8px;
    }
    .ab_right .item .con p{
        font-size: 12px;
    }
    .serve_index{
        margin-top: 40px;
    }
    .title_hd{
        font-size: 20px;
        margin-bottom: 40px;
    }
    .title_hd:after{
        bottom: -12px;
    }
    .ser_ul ul{
        margin: -20px 0 0;
    }
    .ser_ul .item{
        width: 100%;
        float: none;
        padding: 20px 15px;
    }
    .ser_ul .item .inbox .word{
        width: 80%;
    }
    .ser_ul .item .inbox .word h3,.ser_ul .item .inbox .word p{
        font-size: 12px;
    }
    .serve_index .bottom_bg img{
        height: 30px;
    }
    .see_index,.brand_index{
        padding: 40px 15px;
        background-size: cover
    }
    .see_index .title_box .to{
        font-size: 20px;
    }
    .see_index .title_box .tt{
        font-size: 16px;
        margin: 15px 0 20px;
    }
    .see_index .title_box .th{
        font-size: 13px;
    }
    .see_list{
        width: 100%;
        margin-top: 20px;
    }
    .see_list .item{
        padding: 0 5px;
    }
    .brand_index .tt, .footer .title{
        font-size: 20px;
    }
    .brand_index .tt{
        margin-bottom: 30px;
    }
    .brand_list .item{
        width: 50%;
        padding: 10px;
    }
    .brand_list{
        width: 100%;
    }
    .brand_list .item .inbox{
        height: 60px;
    }
    .brand_list .swiper-slide{
        height: 80px !important;
    }
    .footer{
        padding-top: 30px;
    }
    .footer .foot_box{
        width: 100%;
        padding: 0 15px;
    }
    .footer .title{
        margin-bottom: 20px;
    }
    .footer .info{
        padding-bottom: 20px;
    }
    .footer .info .in_left, .footer .info .in_center,.footer .info .in_right{
        float: none;
        width: 100%;
    }
    .footer .info .in_center{
        padding-left: 0;
    }
    .footer .info p{
        margin: 10px 0;
    }
    .footer .info p img{
        margin-right: 10px;
    }
    .copyright{
        font-size: 12px;
        padding: 20px 15px;
    }
    .footer .info .in_right{
        margin-top: 20px;
    }
    .footer .info .in_right>img{
        width: 100px;
        margin: 0 auto;
        display: block;
    }
    .footer .info .in_right p{
        width: 100%;
    }
    .banner_in img{
        height: 200px;
        object-fit: cover;
    }
    .banner_in .word {
        font-size: 16px;
    }
    .banner_in .word h3{
        margin-bottom: 10px;
    }
    .news_box{
        margin: 20px 0 40px;
    }
    .news_box .item{
        float: none;
        width: 100%;
        padding: 15px;
    }
    .news_box .item .inbox{
        box-shadow: 0px 3px 5px 0px rgba(181,38,42,0.1);;
    }
    .news_box .item .word{
        padding: 18px 12px;
    }
    .news_box .item .word h3{
        font-size: 15px;
        margin-bottom: 10px;
        padding-right: 0;
    }
    .news_box .item .word p{
        font-size: 12px;
        padding-right: 0;
    }
    .about_menu{
        display: none;
    }
    .ab_introduction .bg_top, .ab_introduction .bg_bot {
        height: 130px;
    }
    .ab_introduction .ab_center{
        width: 100%;
    }
    .ab_introduction .cont{
        padding: 0;
    }
    .ab_introduction .block_left{
        margin-top: 0;
    }
    .ab_introduction .block_left,.ab_introduction .block_right{
        float: none;
        width: 100%;
    }
    .ab_introduction .block_right{
        padding: 0 15px;
    }
    .ab_introduction .block_right .yin_top{
        left: 5px;
        top: -30px;
    }
    .ab_introduction .block_right .yin_bot{
        right: 5px;
        bottom: -30px;
    }
    .ab_introduction .block_right .yin_top img, .ab_introduction .block_right .yin_bot img {
        width: 30px;
        height: 20px;
    }
    .ab_introduction .block_right .word {
        margin-top: 50px;
        margin-bottom: 60px;
    }
    .ab_introduction .title {
        margin-bottom: 40px;
    }
    .ab_introduction .title, .ad_development .title, .ad_honor .title, .ad_advantages .title{
        font-size: 20px;
    }
    .ad_development,.ad_honor,.ad_advantages {
        padding: 40px 0;
    }
    .ad_development .cont .swiper-container{
        width: 100%;
        padding: 0 50px;
    }
    .ad_development .swiper-wrapper{
        display: block;
    }
    .ad_development .swiper-button-next, .ad_development .swiper-button-prev{
        display: none;
    }
    .ad_development .swiper-slide{
        padding-right: 0;
        margin-bottom: 30px;
    }
    .ad_development .circle{
        width: 16px;
        height: 16px;
        position: absolute;
        left: -27px;
        top: 50%;
        margin-top: -8px;
    }
    .ad_development .cont .line{
        top: 8px;
        width: 1px;
        height: 100%;
        left: 30px;
    }
    .ad_development .circle::after{
        width: 6px;
        height: 6px;
        left: 5px;
        top: 5px;
    }
    .ad_development .t_year {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .ad_development .h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ad_development .p{
        font-size: 12px;
    }
    .ad_development .title, .ad_honor .title {
        margin-bottom: 30px;
    }
    .ad_honor{
        padding-left: 15px;
        padding-right: 15px;
    }
    .ad_honor .title_p{
        line-height: 1.8;
        font-size: 12px;
        margin-bottom: 30px;
    }
    .honor_box li{
        width: 50%;
        padding: 10px;
    }
    .honor_box{
        margin: 0 -10px;
    }
    .honor_box li p{
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.6em;
        height: 3.2em;
        overflow: hidden;
    }
    .tab_hd .item .img {
        width: 60px;
        height: 60px;
        background-size: 30px 32px;
    }
    .ad_advantages .title{
        margin-bottom: 30px;
    }
    .ad_advantages .cont{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .tab_hd .item p{
        font-size: 14px;
        margin-top: 10px;
    }
    .tab_con .word{
        padding: 15px;
    }
    .tab_con .word,.tab_con .word h3{
        font-size: 12px;
        line-height: 1.5;
    }
    .tab_con{
        margin-bottom: 20px;
    }
    .tab_dot .item span{
        width: 6px;
        height: 6px;
    }
    .tab_dot .item.on span{
        width: 30px;
        border-radius: 15px;
    }
    .ab_invite{
        display: block;
    }
    .ab_invite .invite_left, .ab_invite .invite_lright{
        width: 100%;
    }
    .ab_invite .invite_left{
        padding: 40px 15px 20px;
    }
    .ab_invite .invite_left .tt {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .ab_invite .invite_left .p{
        margin-bottom: 20px;
        font-size: 13px;
    }
    .ab_invite .invite_lright {
        padding: 40px 15px 10px;
    }
    .ab_invite .invite_lright .group{
        padding-left: 70px;
        margin-bottom: 15px;
    }
    .ab_invite .invite_lright .group label{
        width: 60px;
        font-size: 12px;
    }
    .ab_invite .invite_lright .group button{
        width: 120px;
        height: 40px;
        line-height: 36px;
        font-size: 14px;
    }
    .brand_index .tt, .footer .title, .title_box{
        font-size: 20px;
    }
    .framework_box .framework_img{
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .cycle_list{
        width: 100%;
    }
    .cycle_list ul {
        margin: 0 4px;
    }
    .cycle_list li{
        width: 100%;
        padding: 4px 4px;
    }
    .cycle_list li .icon_right{
        width: 180px;
        height: 180px;
        top: -90px;
        right: -90px;
    }
    .increment_box .increment_list,.main_box .main_img{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .increment_list .item{
        padding: 0 !important;
        margin-bottom: 15px;
    }
    .increment_list .item .img{
        position: static !important;
        width: 100%;
    }
    .increment_list .item .word {
        padding: 15px;
    }
    .increment_list .item .word .tt {
        font-size: 15px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    .increment_list .item .word .p {
        font-size: 12px;
    }
    .stage_tab{
        display: none;
    }
    .stage_mb{
        display: block;
        margin-top: 40px;
        padding-left: 15px;
    }
    .stage_mb .swiper-slide{
        display: block;
        background: transparent;
    }
    .stage_mb p{
        text-align: center;
        color: #FFFFFF;
        font-size: 14px;
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .stage_mb img{
        display: block;
        width: 100%;
    }
    .main_box .main_img p{
        left: 15px;
        right: 15px;
        width: auto;
        height: 36px;
        line-height: 36px;
        font-size: 12px;
    }
    .cycle_list li .cy_p{
        height: auto;
    }
    .cases_box .title {
        font-size: 14px;
        margin: 30px auto;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 1.8;
    }
    .two_box{
        padding-left: 0;
        margin: 0;
    }
    .two_box .big_box{
        position: relative;
        width: 100%;
        margin-bottom: 60px;
    }
    .two_box .big_box .block_box{
        padding: 30px 15px 70px;
        display: block;
    }
    .two_box .big_box .block_box .tt_word {
        margin: 30px 0;
        font-size: 13px;
    }
    .three_box .item{
        width: 100%;
        float: none;
    }
    .three_box{
        margin: 0;
    }
    .one_l .item {
        margin-bottom: 50px !important;
    }
    .three_box .item{
        margin-bottom: 50px;
    }
    .cases_box .item .case_more p{
        font-size: 12px;
        margin: 13px 0 9px;
    }
    .cases_box .item .case_more div{
        font-size: 13px;
    }
    .map_box {
        padding: 20px 15px;
        margin: 30px 0;
    }
    .map_tab{
        padding-left: 0;
    }
    .map_tab .tab_td{
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        height: auto;
        top: 0;
        margin-bottom: 20px;
    }
    .map_tab .item{
        width: 29.3333333%;
        margin: 0 2%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    .map_tab .item:nth-child(2) {
        margin: 0;
    }
    .my-map{
        height: 150px;
    }
    .map_tab .map_in .map_block,.map_tab .map_in .address_block{
        float: none;
        width: 100%;
        height: auto;
    }
    .map_tab .map_in .address_block{
        margin-top: 10px;
        padding: 15px;
        justify-content: flex-start;
    }
    .map_tab .map_in .address_block .p{
        line-height: 2;
        font-size: 12px;
    }
    .map_box .tt{
        margin-bottom: 20px;
    }
    .map_box .tt h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .map_box .tt p {
        font-size: 12px;
    }
    .message_box .tip{
        display: none;
    }
    .message_box{
        padding: 20px 15px;
    }
    .message_box .tip, .message_box .form{
        width: 100%;
    }
    .message_box .group {
        padding-right: 0;
        padding-left: 75px;
    }
    .message_box .group label{
        width: 65px;
    }
    .message_box .group button{
        width: 120px;
        height: 40px;
        line-height: 40px;
    }
    .cont_detail{
        margin: 25px auto;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .cont_detail .title{
        padding-bottom: 16px;
        font-size: 16px;
    }
    .cont_detail .word{
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 12px;
    }
    .active_box .ac_title{
        margin-bottom: 20px;
    }
    .ac_img{
        height: auto;
        display: block;
    }
    .active_box .gallery-top{
        width: 100%;
    }
    .active_box .gallery-thumbs{
        display: none;
    }
    .backTop{
    		right: 20px;
    		width: 40px;
    		height: 40px;
    		background-size: 40px;
    }
    .backTop.active{
    		bottom: 20px;
    }
}