.fenye_main{

    margin:50px auto;

}

.fenye_tit{

    padding-left: 15px;

    border-left: 10px solid #E60411;

}

.fenye_tit .cn{

    font-size: 52px;

    font-weight: bold;

    color:#1C2236;

    line-height: 1;

    margin-bottom: 5px;

}

.fenye_tit .en{

    font-size: 26px;

    font-weight: bold;

    color:#5D6680;

    text-transform: uppercase;

}



/* 分页bann */

.fenye_bann{

    width:100%;

    height:500px;

    overflow: hidden;

}

.fenye_bann_text{

    position: absolute;

    bottom:130px;

}

.fenye_bann_text .tit{

    font-size: 72px;

    color:#fff;

    font-weight: bold;

    margin-bottom: 10px;

    line-height: 1.2;

}

.fenye_bann_text .subtit{

    font-size: 24px;

    color:#fff;

}

/* 分页bann样式调整 */

.fenye_bann_text.about .tit_en{

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 5px;

}

.fenye_bann_text.case{

    bottom:100px;

}

.fenye_bann_text.case .tit{

    font-size: 64px;

}

.fenye_bann_text.case .tit span{

    color:#FFDF78;

}

.fenye_bann_text.case ul{

    margin-top: 20px;

}

.fenye_bann_text.case ul li{

    float:left;

    width:200px;

    height:50px;

    line-height: 50px;

    text-align: right;

    padding-right: 20px;

    box-sizing: border-box;

    background: url(../images/fy_bann_case.png) no-repeat 100% 100% / cover;

    font-size: 24px;

    color:#fff;

}

.fenye_bann_text.case .data{

    width:360px;

    height:180px;

    position: absolute;

    right:300px;

    top:30px;

    /* background: red; */

}

.fenye_bann_text.case .numU{

    font-size: 128px;

    color: rgb(247, 217, 168);

    font-weight: bold;

}

.fenye_bann_text.case .indc{

    color:rgb(247, 217, 168);

    text-align: center;

}

.fenye_bann_text.case .data .unitC{

    font-size: 50px;

    color:rgb(247, 217, 168);

    position: absolute;

    right:15px;

    top:15px;

}

.fenye_bann_text.product .tit,

.fenye_bann_text.product .subtit{

    color:#383838;

}

.fenye_bann_text.contact{

    width: 100%;

    left:0;

    bottom:80px;

    text-align: center;

}

.fenye_bann_text.contact .tit{

    font-size: 64px;

}

.fenye_bann_text.contact .tit.en{

    margin-bottom: 5px;

    background: -webkit-linear-gradient(to bottom, rgb(215, 210, 204), rgb(48, 67, 82)); /* Chrome, Safari */

    background: linear-gradient(to bottom, rgb(215, 210, 204), rgb(48, 67, 82)); /* Standard syntax */

    -webkit-background-clip: text; /* Chrome, Safari */

    background-clip: text;

    -webkit-text-fill-color: transparent; /* Chrome, Safari */

    color: transparent; /* Standard syntax (currently not supported by browsers) */

}

.fenye_bann_text.news .tit_img{

    width:auto;

    height:72px;

    margin-bottom: 10px;

}

.fenye_bann_text.news .tit_img img{

    width:auto;

    height:100%;

}

.fenye_bann_text.news .subtit_box{

    width:380px;

    height:42px;

    line-height: 42px;

    border-radius: 30px;

    text-align: center;

    background: linear-gradient(180deg, rgba(30, 119, 231, 1) 0%, rgba(25, 98, 194, 1) 100%);

}

.fenye_bann_text.news .subtit{

    font-size: 20px;

}

.fenye_bann_text.news .subtit_box img{

    content:"";

    position: absolute;

    top:15px;

    left:360px;

    width:50px;

    height:50px;

    display: block;

}

.fenye_bann_text.yxxz .tit{

    width:25vw;

    height:5.5vw;

}

.fenye_bann_text.yxxz .tag{

    width:28vw;

    height:2vw;

    line-height: 2vw;

    border-radius:2vw;

    background: linear-gradient(180deg, rgba(30, 119, 231, 1) 0%, rgba(25, 98, 194, 1) 100%);

    text-align: center;

    font-size: 1vw;

    color:#fff;

    margin-top: 1vw;

}

/* 分页bann样式调整结束 */



/* about页面 */

.page_about .fenye_main{

    width:100%;

    margin:0 0 50px 0;

}

.page_about .fenye_tit{

    margin-left: 7.5%;

}

.company_profile_box{

    width:100%;

    height:1100px;

    overflow: hidden;

}

.company_profile{

    margin-top:80px;

    height:100%;

    background:url(../images/company_profile_bg.png) no-repeat top right;

    padding-right: 420px;

    box-sizing: border-box;

}

.company_profile .tit_box{

    width: 100%;

    height:120px;

}

.company_profile .tit_box::after{

    content: "";

    position: absolute;

    left:0;

    bottom: 0;

    width:80%;

    height:8px;

    background: linear-gradient(to right,rgba(253, 62, 73,1),rgba(253, 62, 73,0));

}

.company_profile .slogan{

    font-size: 28px;

    font-weight: bold;

    color:#E60411;

    position: absolute;

    bottom:20px;

    left:0;

}

.company_profile .tit .cn{

    position:absolute;

    top:36px;

    right:20px;

    width:320px;

    height:72px;

    z-index: 3;

}

.company_profile .tit .en{

    position:absolute;

    top:0;

    right:0;

    width:340px;

    height:72px;

    z-index: 1;

}

.company_profile .tit .cn::after{

    content:"";

    position: absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background: linear-gradient(to right,rgba(253, 57, 70,1),rgba(254, 130, 109,1));

    transform: skewX(-15deg);

}

.company_profile .tit .en::after{

    content:"";

    position: absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background: linear-gradient(to right,rgba(7, 102, 235,1),rgba(54, 148, 255,1));

    transform: skewX(-15deg);

}

.company_profile .tit .cn p,

.company_profile .tit .en p{

    position:absolute;

    top:0;

    left:0;

    width: 100%;

    height:100%;

    text-align: center;

}

.company_profile .tit .cn p{

    line-height: 72px;

    z-index: 4;

    font-size: 42px;

    color:#fff;

    font-weight: bold;

}

.company_profile .tit .en p{

    line-height: 36px;

    z-index: 2;

    font-size: 18px;

    color:#fff;

    font-weight: bold;

}

.company_profile .content{

    width:100%;

    padding-right: 130px;

    box-sizing: border-box;

}

.company_profile .intro{

    margin-top: 35px;

}

.company_profile .intro p{

    font-size: 20px;

    color:#454B5F;

    line-height: 1.8;

    text-indent: 2em;

    margin-bottom: 10px;

}

.company_profile_pic{

    position: absolute;

    right:-300px;

    bottom:50px;

    animation: breathe 2.5s linear infinite;

}

/* 数字滚动 */

.numCount_box{

    width:100%;

    border-top: 1px solid #E5E5E5;

    border-bottom: 1px solid #E5E5E5;

    margin-top: 60px;

    padding:30px 0;

    box-sizing: border-box;

}

.numCount{}

.numCount li{ 

    float: left;

    width:33.33%;

    text-align: center;

}

.numCount li:nth-child(2){

    border-left:1px solid #E5E5E5;

    border-right: 1px solid #E5E5E5;

    box-sizing: border-box;

}

.numCount li .item{}

.indc{

    font-size: 18px;

    color:#1C2236;

}

.numU{

    font-size: 64px;

    font-weight: bold;

    color:#1C2236;

}

.unitC{

    font-size: 20px;

    color:#1C2236;

    margin-left: 5px;

    font-weight: normal;

}

.unitC.unit{

    color:#E60411;

    font-size: 30px;

}

.numCount li .numU sub{

    vertical-align:baseline;

}

/* 数字滚动 结束 */

.office_environment{

    margin-top: 50px;

}

.office_pic_list{

    margin-top: 50px;

    width:100%;

    height:680px;

}

.office_pic_list .pic_left{

    width:38%;

    height:100%;

}

.office_pic_list .pic_center{

    width: 38%;

    height:100%;

}

.office_pic_list .pic_center li{

    width:50%;

    height:50%;

}

.office_pic_list .pic_right{

    width:24%;

    height:100%;

}

.service_idea{

    width:100%;

    margin-top: 50px;

}

.service_idea ul{

    width:90%;

    margin:50px auto 0;

}

.service_idea ul li{

    float:left;

    width:23%;

    margin:0 1%;

    border-radius: 10px;

    background: #F5F5F5;

    padding:30px;

    box-sizing: border-box;

    transition: all 0.3s ease;

    cursor: pointer;

}

.service_idea ul li .icon{

    width:94px;

    height:94px;

    background: #E60411;

    border-radius: 10px;

}

.service_idea ul li .icon img{

    filter: brightness(0) invert(1);

}

.service_idea ul li .tit{

    font-size: 32px;

    font-weight: bold;

    color:#383838;

    margin-top: 30px;

    margin-bottom: 10px;

}

.service_idea ul li .desc{

    font-size: 18px;

    color:#808080;

    line-height: 1.8;

    height:120px;

}

.service_idea ul li:hover{

    background: #E60411;

}

.service_idea ul li:hover .tit,

.service_idea ul li:hover .desc{

    color:#fff;

}

.service_idea ul li:hover .icon{

    background: #F5F5F5;

}

.service_idea ul li:hover .icon img{

    filter: none;

}

.customize{ 

    width:100%;

    height:1050px;

    background: url(../images/customize_bg.png) no-repeat center center/cover;

}

.customize,

.honor{

    margin-top: 50px;

    width:100%;

    padding-top: 80px;

    box-sizing: border-box;

    overflow: hidden;

}

.customize_icon{

    margin-top: 100px;

    height:450px;

}

.customize_icon,

.customize_text{

    margin-left:10%;

}

.customize_icon li{

    float:left;

    position: relative;

    height:100%;

    line-height: 450px;

    font-size: 80px;

    color:#fff;

    font-weight: bold;

    padding-left: 50px;

    box-sizing: border-box;

    transition: all 0.3s ease-in-out;

    cursor: pointer;

}

.customize_icon li:not(:first-child){

    margin-left: -30px;

}

.customize_icon li:nth-child(1){

    width:308px;

    background: url(../images/customize_icon1.png) no-repeat center center / 100% auto;

}

.customize_icon li:nth-child(2){

    width:326px;

    background: url(../images/customize_icon2.png) no-repeat center center / 100% auto;

}

.customize_icon li:nth-child(3){

    width:326px;

    background: url(../images/customize_icon3.png) no-repeat center center / 100% auto;

}

.customize_icon li:nth-child(4){

    width:345px;

    background: url(../images/customize_icon4.png) no-repeat center center / 100% auto;

}

.customize_icon li:nth-child(5){

    width:390px;

    background: url(../images/customize_icon5.png) no-repeat center center / 100% auto;

}

.customize_icon li:hover{

    transform: rotateY(20deg);

}

.customize_icon li:not(:last-child)::after{

    content:"";

    position: absolute;

    width:20px;

    height:80px;

    border-radius: 20px;

    top:calc(50% - 40px);

    right:20px;

    filter: blur(10px);

    transition: all 0.3s ease-in-out;

}

.customize_icon li:nth-child(1):after{

    background: rgb(210, 81, 232);

}

.customize_icon li:nth-child(2):after{

    background: rgb(45, 204, 204);

}

.customize_icon li:nth-child(3):after{

    background: rgb(38, 107, 250);

}

.customize_icon li:nth-child(4):after{

    background: rgb(224, 153, 50);

}

.customize_icon li:hover:not(:last-child)::after{

    right:15px;

}



.customize_text{

    margin-top: 30px;

}

.customize_text li{

    float:left;

    text-align: center;

}

.customize_text li:nth-child(1){

    width:278px;

}

.customize_text li:nth-child(2),

.customize_text li:nth-child(3){

    width:296px;

}

.customize_text li:nth-child(4){

    width:315px;

}

.customize_text li p{

    font-size: 30px;

    color:#626980;

    line-height: 65px;

    cursor: pointer;

    transition: all 0.3s ease-in-out;

}

.customize_text li p:hover{

    color:#e9280c;

}

.honor{

    height:820px;

    background:url(../images/honor_bg.png) no-repeat center center/cover;

}

.honor_list{

    width:85%;

    margin:100px auto;

}

.honor_list li{

    width:22%;

    background: #fff;

    border-radius: 6px;

    padding:15px;

    box-sizing: border-box;

}

.honor_list li:not(:last-child){

    margin-right: 4%;

}

.honor_list li .img-box{

    width:100%;

    height:320px;

}

.honor_list li .img-box img{

    max-width: 80%;

    max-height: 90%;

    object-fit: contain;

}

.honor_tit_box{

    height:70px;

    border-top: 1px solid #E5E5E5;

    padding-top: 15px;

    box-sizing: border-box;

}

.honor_tit{

    padding-left: 35px;

    position: relative;

    font-size: 20px;

    line-height: 28px;

    color:#383838;

}

.honor_tit::before{

    content: "";

    position: absolute;

    left:5px;

    top:0;

    width:22px;

    height:28px;

    background: url(../images/honor_icon.png);

}

.join_us{

    margin-top: 50px;

}

.join_pic_list{

    margin-top: 50px;

    width:100%;

    height:520px;

} 

.join_pic_list .join_pic_left{

    width:50%;

    height:100%;

}

.join_pic_list .join_pic_center{

    width:34%;

    height:100%;

}

.join_pic_list .join_pic_right{

    width:16%;

    height:100%;

}

.join_pic_list .join_pic_center .text{

    width:100%;

    height:50%;

    background: #e60411;

    text-align: center;

    line-height: 260px;

}

.join_pic_list .join_pic_center .text p{

    font-size: 40px;

    font-weight: bold;

    color:#fff;

    display: inline-block;

}

.join_pic_list .join_pic_center .pic{

    width:100%;

    height:50%;

}

.join_pic_list .join_pic_center .pic li:nth-child(1){

    width:55%;

    height:100%;

}

.join_pic_list .join_pic_center .pic li:nth-child(2){

    width:45%;

    height:100%;

}

.medal{

    position: absolute;

    top:-20px;

    right:10%;

    transform-origin: center top;

    animation: shake 2.5s linear infinite;

}

.medal img{

    width:130px;

    height:221px;

}



/* service页面 */

.page_service{

    background: rgb(253,253,253);

}

.our_service{

    width:85%;

    margin:50px auto;

}

.our_service .about{

    width:40%;

    margin-right: 10%;

}

.our_service .fy_service_list{

    width:50%;

}

.our_service .tag{

    width:200px;

    height:54px;

    line-height: 54px;

    text-align: center;

    font-size: 26px;

    color:#5D6680;

    border-radius: 30px;

    border:1px dashed #5D6680;

    cursor: pointer;

}

.our_service .tag:hover{

    color:#e9280c;

    border:1px dashed #e9280c;

}

.our_service .tit_box{

    width:100%;

    height:250px;

    background: url(../images/our_services.png) no-repeat 320px top / 253px auto;

    padding-top: 50px;

    box-sizing: border-box;

}

.our_service .tit{

    font-size: 64px;

    font-weight: bold;

    color:#1C2236;

    line-height: 1.5;

}

.our_service .subtit{

    font-size: 30px;

    font-weight: bold;

    color:#1C2236;

    line-height: 1.5;

}

.our_service .intro{

    margin-top: 10px;

}

.our_service .intro p{

    font-size: 20px;

    color:#454B5F;

    line-height: 2;

    margin-bottom: 10px;

    text-indent: 2em;

    text-align: justify;

}

.our_service .intro p.point{

    color:#FF3226;

}

.our_service .btn_box{

    margin-top: 120px;

}

.service_btn{

    width:200px;

    height:54px;

    line-height: 54px;

    text-align: center;

    border-radius: 30px;

    box-sizing: border-box;

}

.service_btn a{

    font-size: 18px;

}

.service_btn.more{

    border:0px solid #fff;

    background: linear-gradient(to right,rgba(253, 57, 70,1),rgba(254, 130, 109,1));

}

.service_btn.more a{

    color:#fff;

}







/* .service_btn.more::before{

    content: "";

    width:15px;

    height:2px;

    clip-path: polygon(0 0, 100% 0.2px, 100% 1.8px,0 100%);

    background: #f00;

    position: absolute;

    right:38px;

    top:26px;

    transition: all 0.3s ease;

}

.service_btn.more::after{

    content: "";

    width:8px;

    height:8px;

    border-right: 2px solid #f00;

    border-bottom: 2px solid #f00;

    transform: rotate(-45deg);

    position: absolute;

    right:36px;

    top:22px;

    transition: all 0.3s ease;

} */







.service_btn.join{

    border:1px solid #E70D10;

    box-sizing: border-box;

    margin-left: 30px;

}

.service_btn.join a{

    color:#E70D10;

}

.service_btn img{

    vertical-align: middle;

}

.service_btn.more:hover{

    border:3px solid #fff;

    box-shadow: 0 10px 40px rgba(100, 8, 0, .2);

    line-height: 48px;

}

.service_btn.more img{

    width:26px;

    height:26px;

}





/* .service_btn.more:hover img{

    transform: translate(10px, 0);

    -webkit-transform: translate(10px, 0);

    filter: drop-shadow(10px 0 green);

    -webkit-filter: drop-shadow(10px 0 green);

} */







/* .service_btn.more:hover::before{

    top:24px;

    right:34px;

}

.service_btn.more:hover::after{

    top:20px;

    right:32px;

} */





.service_btn.join:hover{

    background: linear-gradient(to right,rgba(253, 57, 70,1),rgba(254, 130, 109,1));

    border:none;

}

.service_btn.join a:hover{

    color:#fff;

}

.service_btn.join:hover img{

    filter: brightness(0) invert(1);

}

.fy_service_list li{

    float:left;

    width:50%;

    padding:30px;

    box-sizing: border-box;

}

.fy_service_list li:nth-child(1),

.fy_service_list li:nth-child(2){

    border-bottom: 1px solid #E5E5E5;

}

.fy_service_list li:nth-child(1),

.fy_service_list li:nth-child(3){

    border-right: 1px solid #E5E5E5;

}

.service_icon{

    width:80px;

    height:80px;

    border-radius: 50%;

    background: rgba(233, 37, 13,0.1);

    margin-bottom: 15px;

}

.service_icon img{

    width:44px;

    height:auto;

}

.fy_service_list .service_tit{

    font-size: 28px;

    font-weight: bold;

    color:#1C2236;

    margin-bottom: 15px;

}

.fy_service_list .service_desc{

    font-size: 16px;

    color:#454B5F;

    line-height: 2;

    height:90px;

}

.fy_service_list li:hover{}

.fy_service_list li:hover .service_icon{

    background: #FF3226;

}

.fy_service_list li:hover .service_icon img{

    filter: brightness(0) invert(1);

}

.fy_service_list li:hover .service_tit{

    color:#FF3226;

}

.fy_service_list li:hover .service_desc{

    transform: translateX(5px);

}

.onestop_service{

    width:100%;

    height:auto;

    background: rgb(253,253,253) url(../images/onestop_service_bg.png) no-repeat 0 0/100% auto;

    padding-top: 80px;

    box-sizing: border-box;

}

.onestop_service .title{

    font-size: 60px;

    color:rgb(241, 248, 255);

}

.onestop_service .subtit{

    font-size: 42px;

    color:rgb(241, 248, 255);

}

.onestop_service .content{

    margin:50px auto;

    height:900px;

    background: linear-gradient(to bottom,rgb(255,255,255),rgb(253,253,253));

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

    padding:40px 30px;

    box-sizing: border-box;

}

.onestop_service .steps{

    width:100%;

}

.onestop_service .steps li{

    float:left;

    width:32%;

    background: rgba(247,223,223,0.3);

    padding:20px;

    box-sizing: border-box;

    border-radius: 4px;

    margin-bottom: 25px;

    cursor: pointer;

    height:200px;

}

.onestop_service .steps li:not(:nth-child(3n)){

    margin-right: 2%;

}

.onestop_service .steps li .text{}

.onestop_service .step_tit{

    font-size: 36px;

    font-weight: bold;

    color:#1C2236;

    line-height: 1.8;

}

.onestop_service .step_desc{

    font-size: 20px;

    color:#454B5F;

    line-height: 1.8;

}

.onestop_service .steps li .pic{

    position: absolute;

    width:150px;

    height:150px;

    top:25px;

    right:10px;

}

.onestop_service .steps li:hover{

    background: #FF3226;

}

.onestop_service .steps li:hover .step_tit,

.onestop_service .steps li:hover .step_desc{

    color:#fff;

}

.onestop_service .steps li:hover .pic img{

    filter: brightness(0) invert(1);

}

.onestop_service .contact{

    margin-top: 50px;

    width:100%;

}

.contact_card{

    float:left;

    width:32%;

    height:340px;

    border-radius: 20px;

    padding:25px;

    box-sizing: border-box;

}

.contact_card:not(:last-child){

    margin-right: 2%;

}

.contact_card:nth-child(1){

    background: url(../images/service_contact_bg.png) 0 -30px / 600px auto,

                linear-gradient(to bottom right,rgba(0, 123, 233,1),rgba(67, 234, 253,1));

}

.contact_card:nth-child(2){

    background: url(../images/service_contact_bg.png) 0 -30px / 600px auto,

                linear-gradient(to bottom right,rgba(45, 224, 129,1),rgba(191, 252, 95,1));

}

.contact_card:nth-child(3){

    background: url(../images/service_contact_bg.png) 0 -30px / 600px auto,

                linear-gradient(to bottom right,rgba(91, 56, 223,1),rgba(178, 113, 241,1));

}

.card_tit .tit{

    font-size: 30px;

    color:#fff;

    font-weight: bold;

    line-height: 1.5;

}

.card_tit .desc{

    font-size: 16px;

    color:#F1F8FF;

    line-height: 1.5;

}

.card_info{

    margin-top: 60px;

}

.card_info img{

    width:112px;

    height:112px;

}

.card_info p{

    font-size: 20px;

    color:#F1F8FF;

    line-height: 2;

}

.card_info .wx-text{

    font-size: 14px;

    color:#F1F8FF;

    margin-top: 5px;

}

.card_icon{

    position: absolute;

    right:25px;

    bottom:25px;

}

.contact_card .icon-static,

.contact_card .icon-move{

    position: absolute;

    transition: all 0.4s ease;

}

.contact_card:nth-child(1) .icon-static{

    width:208px;

    height:200px;

    right:0;

    bottom:0;

}

.contact_card:nth-child(1) .icon-move{

    width:84px;

    height:36px;

    right:62px;

    bottom:90px;

}

.contact_card:nth-child(2) .icon-static{

    width:182px;

    height:150px;

    right:0;

    bottom:50px;

}

.contact_card:nth-child(2) .icon-move{

    width:146px;

    height:54px;

    right:8px;

    bottom:0;

}

.contact_card:nth-child(3) .icon-static{

    width:176px;

    height:185px;

    right:0;

    bottom:0;

}

.contact_card:nth-child(3) .icon-move{

    width:78px;

    height:83px;

    right:0;

    bottom:105px;

}



.contact_card:hover{

    transform: translateY(-5px);

}

.contact_card:hover:nth-child(1){

    background: url(../images/service_contact_bg.png) -10px -50px / 600px auto,

                linear-gradient(to bottom right,rgba(0, 123, 233,0.9),rgba(67, 234, 253,0.9));

}

.contact_card:hover:nth-child(2){

    background: url(../images/service_contact_bg.png) -10px -50px / 600px auto,

                linear-gradient(to bottom right,rgba(45, 224, 129,0.9),rgba(191, 252, 95,0.9));

}

.contact_card:hover:nth-child(3){

    background: url(../images/service_contact_bg.png) -10px -50px / 600px auto,

                linear-gradient(to bottom right,rgba(91, 56, 223,0.9),rgba(178, 113, 241,0.9));

}



/* 案例 列表页 */

.page_case_list .fenye_main{

    width:85%;

}

.case_list_tit_box{

    width:100%;

    height:120px;

}

.case_list_tit_box::after{

    content: "";

    position: absolute;

    bottom:0;

    left:40px;

    width:220px;

    height:6px;

    background: linear-gradient(to right,rgba(253, 57, 70,1),rgba(254, 130, 109,0));

}

.case_list_tit_box .en{

    width:240px;

    height:72px;

    line-height: 36px;

    text-align: center;

    clip-path: polygon(30px 0, 100% 0, 210px 100%,0 100%);

    background: linear-gradient(to right,rgba(7, 102, 235,1),rgba(54, 148, 255,1));

    color:#fff;

    font-size: 20px;

    position: absolute;

    left:0;

    top:0;

}

.case_list_nav{

    width:100%;

    height:72px;

    line-height: 72px;

    clip-path: polygon(30px 0, 100% 0, 100% 100%,0 100%);

    background: linear-gradient(to right,rgba(253, 57, 70,1),rgba(254, 130, 109,1));

    position: absolute;

    left:0;

    top:36px;

}

.case_list_nav .cn{

    margin-left: 50px;

    font-size: 40px;

    color:#fff;

    font-weight: bold;

}

.case_menu{

    margin-left: 120px;

}

.case_menu li{

    float:left;

    margin:0 30px;

}

.case_menu li span{

    font-size: 20px;

    color:#fff;

    font-weight: bold;

    padding:10px 20px;

    border-radius: 30px;

}

.case_menu li span.open{

    background: rgb(241, 248, 255);

    color:#FF3226;

}

.case_list_box{

    margin-top: 50px;

}

.case_list_box .content{

    display: none;

}

.case_list li{

    float:left;

    width:47%;

    margin-bottom: 50px;

}

.case_list li:nth-child(2n+1){

    margin-right:6%;

}

.case_list li .pic_box{

    width:100%;

    height:480px;

    border-radius: 10px;

    overflow: hidden;

}

.case_list li .tit,

.case_list li .desc{

    width:100%;

    padding:0 10px;

    box-sizing: border-box;

}

.case_list li .tit{

    font-size: 26px;

    color:#1C2236;

    font-weight: bold;

    margin-top: 15px;

    margin-bottom: 10px;

}

.case_list li .desc{

    font-size: 16px;

    color:#454B5F;

    line-height: 1.8;

    height:80px;

}

.case_list li:hover .tit{

    color:#FF3226;

    transform: translateY(3px);

}



/* contact页面 */

.contact_content{

    width:100%;

    height:750px;

    background: url(../images/contact_bg.png) no-repeat top right / 160px auto;

    padding:20px 450px 50px 90px;

    box-sizing: border-box;

    border-bottom: 1px solid #E5E5E5;

}

.contact_content::before{

    content:"";

    position: absolute;

    left:0;

    top:30px;

    width:64px;

    height:64px;

    background: url(../images/coffee.png) top left / 100% 100%;

}

.contact_content::after{

    content:"";

    position: absolute;

    top:150px;

    left:30px;

    width:1px;

    height:calc(100% - 220px);

    background:#FF3226;

}

.contact_content .tit_cn{

    font-size: 52px;

    font-weight: bold;

    color:#1C2236;

    line-height: 1;

}

.contact_content .tit_en{

    font-size: 26px;

    font-weight: bold;

    color:#1C2236;

    line-height: 1.5;

    text-transform: uppercase;

}

.contact_content .desc{

    font-size: 14px;

    color:#808080;

    line-height: 2;

    margin-top: 20px;

    width:700px;

    text-align: justify;

}

.contact_content .aim{

    font-size: 28px;

    font-weight: bold;

    margin-top: 15px;

    /* color:#FF3226; */

    background: -webkit-linear-gradient(135deg, rgba(253, 57, 70, 1) 0%, rgba(254, 130, 109, 1) 100%); /* Chrome, Safari */

    background: linear-gradient(135deg, rgba(253, 57, 70, 1) 0%, rgba(254, 130, 109, 1) 100%); /* Standard syntax */

    -webkit-background-clip: text; /* Chrome, Safari */

    background-clip: text;

    -webkit-text-fill-color: transparent; /* Chrome, Safari */

    color: transparent; /* Standard syntax (currently not supported by browsers) */

}

.contact_content .info{

    margin-top: 80px;

    width:100%;

}

.contact_content .contact-info{

    width:45%;

}

.contact_content .contact-info li{

    margin-bottom: 30px;

    position: relative;

    width:100%;

    padding-left: 22px;

    box-sizing: border-box;

}

.contact_content .contact-info li::before{

    content: "";

    position: absolute;

    left:0;

    top:2px;

    width:16px;

    height:16px;

    background-repeat: no-repeat;

    background-position: 100% 100%;

    background-size: contain;

}

.contact_content .contact-info li:nth-child(1)::before{

    background-image: url(../images/contact_icon1.png);

}

.contact_content .contact-info li:nth-child(2)::before{

    background-image: url(../images/contact_icon2.png);

}

.contact_content .contact-info li:nth-child(3)::before{

    background-image: url(../images/contact_icon3.png);

}

.contact_content .contact-info .tit{

    font-size: 16px;

    color:#5D6680;

}

.contact_content .contact-info .content{

    font-size: 20px;

    color:#1C2236;

    font-weight: bold;

    margin-top: 10px;

}

.contact_content .join-info{

    width:45%;

}

.contact_content .join-info .tit{

    font-size: 14px;

    color:#000;

}

.contact_content .join-info .tit .point{

    color:#FF3226;

}

.contact_content .join-info .tit .point img{

    width:14px;

    height:14px;

}

.contact_content .join-info .subtit{

    font-size: 20px;

    color:#000;

    font-weight: bold;

    margin-top: 15px;

}

.contact_content .join-info ul{

    margin-top: 30px;

}

.contact_content .join-info ul li{

    float:left;

    margin-right: 15px;

    margin-bottom: 15px;

}

.contact_content .join-info ul li .img_box{

    width:120px;

    height:120px;

}

.contact_content .join-info ul li .img_box img{

    width:100%;

    height:100%;

    object-fit: contain;

}

.contact_content .join-info ul li p{

    font-size: 14px;

    color:#454B5F;

    margin-top: 5px;

}

.contact_content .slogan{

    position: absolute;

    right:0;

    bottom:0;

    width:380px;

    height:240px;

    background: linear-gradient(to right,rgba(231, 8, 17,1),rgba(233, 39, 13,1));

    padding:40px 10px 10px 30px;

    box-sizing: border-box;

}

.contact_content .slogan p{

    display: inline-block;

}

.contact_content .slogan .small{

    font-size: 24px;

    font-weight: bold;

    color:#fff;

    line-height: 1.5;

    transition: all 0.4s ease;

}

.contact_content .slogan .big{

    font-size: 32px;

    font-weight: bold;

    color:#fff;

    line-height: 1.5;

    transition: all 0.4s ease;

}

.QA{

    width:100%;

    margin-top: 50px;

    margin-bottom: 100px;

}

.QA .tit{

    font-size: 20px;

    color:#000;

    font-weight: bold;

}

.QA_list{

    width:100%;

    margin-top: 50px;

}

.QA_item{

    float:left;

    width:24%;

}

.QA_item:not(:last-child){

    margin-right:14%;

}

.QA_item .tit_box{

    width:100%;

    height:36px;

    padding-left:42px;

    box-sizing: border-box;

}

.QA_item .tit_box::before{

    content: "";

    position: absolute;

    left:0;

    top:0;

    width:36px;

    height:36px;

    border-radius: 10px;

    background: linear-gradient(45deg,#ffe0e2,#fe826d);

}

.QA_item .tit_box::after{

    width:16px;

    height:16px;

    position: absolute;

    top:10px;

    left:10px;

    content:url(../images/QA_icon.png);

}

.QA_item .tit_box p{

    font-size: 14px;

    color:#000;

    line-height: 36px;

    position: relative;

    padding-right: 20px;

    box-sizing: border-box;

}

.QA_item .tit_box p::after{

    content:"";

    position: absolute;

    top:14px;

    right:8px;

    width: 6px;

    height: 6px;

    border-top: 2px solid;

    border-right: 2px solid;

    border-color: #383838;

    transform: rotate(45deg);

    transition: all 0.3s ease;

}

.QA_item .tit_box:hover p{

    color:#FF3226;

}

.QA_item .tit_box:hover p::after{

    border-color:#FF3226;

    right:6px;

}

.QA_item ul{

    margin-top: 20px;

}

.QA_item ul li{

    width:100%;

    height:40px;

    line-height: 40px;

    font-size: 14px;

    color:#454B5F;

    transition: all 0.2s ease;

}

.QA_item ul li:hover{

    color:#FF3226;

}



/* blog_list页面 */

.blog_nav{

    height:100px;

    border-radius: 50px;

    background: #F5F5F5;

}

.blog_nav li{

    float:left;

    width:172px;

    height:72px;

    line-height: 72px;

    text-align: center;

    margin:14px 20px;

    border-radius: 40px;

    background: transparent;

    font-size: 24px;

    color:#1C2236;

}

.page_blog_list .content_box .content{

    display: none;

}

.blog_nav li.active{

    background: #fff;

    color:#FF3226;

}

.blog_list{

    margin-top: 50px;

}

.blog_list li{

    float:left;

    width:32%;

    background: #fff;

    padding:25px 20px 40px 25px;

    box-sizing: border-box;

    border-radius: 10px;

    box-shadow: 0 0 10px 2px rgb(0 0 0 / 5%);

    margin-bottom: 30px;

}

.blog_list li:not(:nth-child(3n)){

    margin-right: 2%;

}

.blog_list li .time{

    font-size: 14px;

    color:#b3b7c3;

    margin-bottom: 10px;

}

.blog_list li .tit{

    font-size: 28px;

    color:#1C2236;

    font-weight: bold;

    line-height: 1.3;

    height:100px;

}

.blog_list li .desc{

    font-size: 16px;

    color:#5D6680;

    line-height: 2;

    height:130px;

}

.blog_list li .more{

    width:150px;

    height:48px;

    line-height: 44px;

    text-align: center;

    border-radius: 30px;

    border:1px solid #eee;

    box-sizing: border-box;

}

.blog_list li .more span{

    font-size: 16px;

    color:#ccc;

    line-height: 1;

}

.blog_list li .more img{

    width:16px;

    height:16px;

}

.blog_list li .more span,

.blog_list li .more img{

    vertical-align: middle;

}

.blog_list li:hover{

    transform: translateY(-5px);

}

.blog_list li:hover .tit{

    color:#FF3226;

}

.blog_list li:hover .more{

    border:none;

    background: #FF3226;

    line-height: 46px;

}

.blog_list li:hover .more span{

    color:#fff;

}

.blog_list li:hover .more img{

    filter: brightness(0) invert(1);

    transform: rotate(45deg);

}



/* read页面 */

.page_read .read_tit{

    width:100%;

    color:#1C2236;

    font-weight: bold;

    line-height: 1.8;

    font-size: 24px;

}

.page_read .read_info{

    font-size: 16px;

    color:#808080;

    line-height: 1.5;

    margin-bottom: 30px;

}

.page_read .read{

    width:100%;

}

.page_read .read p{

    font-size: 16px;

    color:#444;

    line-height: 1.8;

    margin-bottom: 8px;

}

.page_read .read img{

    max-width: 100% !important;

    height:auto !important;

}





/* 案例 详情页 */

.page_case_read .fenye_main{

    width:85%;

}

.page_case_read .top{

    width:100%;

    padding:20px 0;

    box-sizing: border-box;

}

.page_case_read .top .intro{

    float:left;

    width:45%;

    margin-right: 15%;

}

.page_case_read .top .info{

    float:left;

    width:40%;

}

.page_case_read .intro .tit{

    font-size: 30px;

    color:#1C2236;

    font-weight: bold;

    margin-bottom: 10px;

}

.page_case_read .intro .desc{

    font-size: 16px;

    color:#454B5F;

    line-height: 1.8;

}

.page_case_read .intro .btn{

    margin-top: 50px;

    display: block;

    width:120px;

    height:40px;

    line-height: 38px;

    border-radius: 20px;

    text-align: center;

    border:1px solid #ccc;

}

.page_case_read .intro .btn span,

.page_case_read .intro .btn img{

    vertical-align: middle;

}

.page_case_read .intro .btn img{

    width:14px;

    height:14px;

    margin-left: 3px;

}

.page_case_read .intro .btn span{

    font-size: 14px;

    color:#666;

}

.page_case_read .intro .btn:hover{

    border:1px solid rgba(254, 130, 109,1);

    background: linear-gradient(to right,rgba(253, 57, 70,1),rgba(254, 130, 109,1));

}

.page_case_read .intro .btn:hover span{

    color:#fff;

}

.page_case_read .intro .btn:hover img{

    filter: brightness(0) invert(1);

    transform: rotate(45deg)translateY(2px);

}

.page_case_read .info li{

    border-bottom: 1px solid #efefef;

    padding:15px 0;

}

.page_case_read .info li:first-child{

    border-top: 1px solid #efefef;

}

.page_case_read .info li .tit{

    float:left;

    width:150px;

}

.page_case_read .info li .con{

    float:left;

    width:calc(100% - 150px);

    transition: all 0.3s ease;

}

.page_case_read .info li .tit,

.page_case_read .info li .con{

    font-size: 16px;

    color:#454B5F;

    line-height: 1.8;

}



.page_case_read .content{

    margin-top: 100px;

}

.page_case_read .content p{

    font-size: 16px;

    color:#454B5F;

    line-height: 1.5;

    margin-bottom: 10px;

}

.page_case_read .content img{

    max-width: 100% !important;

    height:auto !important;

    margin-bottom: 10px;

}





/* 营销新知 */

.news{

    padding:50px 0;

    box-sizing: border-box;

 }

 .news .tit{

     font-size: 2vw;

     color:#171212;

     font-weight: bold;

 }

 .news .nav_list{

     margin-top: 1vw;

     margin-bottom: 1vw;

     border-bottom: 2px solid #ddd;

 }

 .news .nav_list li{

     float:left;

     margin-right: 2vw;

     font-size: 1.5vw;

     line-height: 2;

     color:#171212;

 }

 .news .nav_list li.open{

    font-weight: bold;

 }

 .news_content .content{

    min-height: 300px;

    display: none;

 }

 .news_content .news_list li{

     width:100%;

     height:15vw;

     padding:1vw 0;

     box-sizing: border-box;

     border-bottom: 2px solid #ddd;

 }

 .news_content .news_list li .text{

     float:left;

     width:calc(100% - 20vw);

     padding-right: 5vw;

     box-sizing: border-box;

 }

 .news_content .news_list li .pic{

     float:left;

     width:20vw;

     height:13vw;

 }

 .news_content .news_list li .pic img{

     width:100%;

     height:100%;

     object-fit: cover;

     position: relative;

 }

 .news_content .news_list li .pic img::after{

     content: "";

     width:100%;

     height:100%;

     position: absolute;

     left:0;

     top:0;

     background: #0D53FF;

 }

 .news_content .news_list .news_item_tit{

     font-size: 1.5vw;

     color:#000;

     line-height: 1.5;

     margin-bottom: 0.5vw;

     font-weight: bold;

 }

 .news_content .news_list .news_item_add{

     font-size: 1vw;

     line-height: 1.5;

     color:#383838;

 }

 .news_content .news_list .news_item_desc{

     font-size: 1.2vw;

     line-height: 1.8;

     margin-top: 0.5vw;

     color:#383838;

 }





/* 智云 */

.page_zhiyun .footer{

    margin-top: 0;

}

.fy_section{

    width:100%; 

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    padding-top: 60px;

    padding-bottom: 60px;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

/* zhiyun_section1 */

.zhiyun_section1{

    height:100vh;

    background-image: url(../images/zhiyun_s1_bg.png);

    padding-top: 200px;

    padding-bottom: 200px;

    /* background-color: red; */

}

.zhiyun_section1 .zhiyun_logo{

    width:10.3vw;

    height:4.4vw;

    margin-bottom: 0.5vw;

}

.zhiyun_section1 .tit{

    font-size: 3.5vw;

    line-height: 1.5;

}

.zhiyun_section1 .subtit{

    font-size: 2.5vw;

    line-height: 1.5;

}

.zhiyun_section1 .desc{

    font-size: 1.8vw;

    line-height: 1.5;

}

.zhiyun_section1 .submit{

    width:25vw;

    height:18vw;

    border-radius: 0.5vw;

    padding:2vw;

    box-sizing: border-box;

    background: linear-gradient(90deg, rgba(73, 151, 235, 0.69) 0.16%, rgba(183, 177, 242, 0.67) 100%);

    border:1px solid rgba(255,255,255,0.5);

}

.zhiyun_section1 .submit p{

    font-size: 1.5vw;

    font-weight: bold;

    color:rgba(11,41,89,0.8);

    margin-bottom: 1vw;

}

.zhiyun_section1 .submit .submit_item{

    width:100%;

    height:2.5vw;

    line-height: 2.5vw;

    border-radius: 6px;

    background: rgba(255,255,255,0.3);

    margin-bottom: 1vw;

    padding:0 15px;

    box-sizing: border-box;

    position: relative;

}

.zhiyun_section1 .submit .submit_item input,

.zhiyun_section1 .submit .submit_item select{

    width:calc(100% - 100px);

    height:100%;

    background: none;

    border: none;

    outline: none;

    position: absolute;

    top:0;

    right:15px;

}

.zhiyun_section1 .submit .submit_item select{

    color: rgba(11,41,89,0.4);

}

/* input placeholder */

.zhiyun_section1 .submit .submit_item input::-webkit-input-placeholder {

    color: rgba(11,41,89,0.4);

    font-size: 14px;

}

.zhiyun_section1 .submit .submit_item input:-moz-placeholder { /* Firefox 18- */

    color: rgba(11,41,89,0.4);

    font-size: 14px;

}

.zhiyun_section1 .submit .submit_item input::-moz-placeholder { /* Firefox 19+ */

    color: rgba(11,41,89,0.4);

    font-size: 14px;

}

.zhiyun_section1 .submit .submit_item input:-ms-input-placeholder {

    color: rgba(11,41,89,0.4);

    font-size: 14px;

}



.zhiyun_section1 .submit .submit_item label{

    color:rgba(11,41,89,0.8);

    font-size: 14px;

}



.zhiyun_section1 .submit .submit_btn{

    width:100%;

    height:3vw;

    border-radius: 6px;

    background: #fff;

    border:none;

    font-size: 1vw;

    color:#383838;

    /* font-weight: bold; */

}

/* zhiyun_section2 */

.zhiyun_section2{

    height:calc(100vh - 7vw);

    background: rgb(247, 249, 250);

    padding-bottom: 0;

    /* background-color: orange; */

}

.zhiyun_section2 .item_list{

    height:24vw;

    border-radius: 6px;

    overflow: hidden;

    background: linear-gradient(136.08deg, rgba(196, 241, 242, 1) 0%, rgba(252, 235, 255, 0.81) 68.78%, rgba(247, 245, 235, 1) 100%);

}

.zhiyun_section2 .item_list .item{

    float:left;

    width:20%;

    height:100%;

    padding:2vw;

    box-sizing: border-box;

    position: relative;

    transition: all 0.4s ease;

}

.zhiyun_section2 .item_list .item.open{

    width:40%;

    background:url(../images/zhiyun_s2_item_bg1.png) no-repeat top right / 14vw 14vw,

        linear-gradient(180deg, rgba(88, 99, 248, 1) 0%, rgba(104, 113, 232, 1) 53.47%, rgba(87, 154, 247, 1) 100%);

}

.zhiyun_section2 .item_list .item .tit{

    font-size: 1.2vw;

    color:#000;

    font-weight: bold;

    line-height: 1.8;

    transition: all 0.4s ease;

}

.zhiyun_section2 .item_list .item.open .tit{

    color:#fff;

}

.zhiyun_section2 .item_list .item .desc{

    font-size: 0.7vw;

    color:#000;

    line-height: 1.8;

    transition: all 0.4s ease;

}

.zhiyun_section2 .item_list .item.open .desc{

    color:#fff;

}

.zhiyun_section2 .item_list .item .tit_en{

    font-size: 1.2vw;

    color:#5396FF;

    line-height: 1.8;

    transition: all 0.4s ease;

}

.zhiyun_section2 .item_list .item.open .tit_en{

    display: none;

}

.zhiyun_section2 .item_list .item .line{

    width:5vw;

    height:3px;

    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);

    position: absolute;

    left:2vw;

    top:7.6vw;

}

.zhiyun_section2 .item_list .item ul{

    position: absolute;

    left:2vw;

    top:9vw;

}

.zhiyun_section2 .item_list .item.open ul{

    top:8.5vw;

}

.zhiyun_section2 .item_list .item ul li{

    position: relative;

    padding-left: 0;

    box-sizing: border-box;

    font-size: 0.9vw;

    color:#454B5F;

    line-height:2vw;

    transition: all 0.4s ease;

}

.zhiyun_section2 .item_list .item.open ul li{

    padding-left: 1.2vw;

    color:#fff;

}

.zhiyun_section2 .item_list .item.open ul li::before{

    content:"";

    width:0.8vw;

    height:0.8vw;

    position: absolute;

    left:0;

    top:0.6vw;

    background: url(../images/icon_selected.png) 100% 100% / contain;

}

.zhiyun_section2 .item_list .item .open_show{

    display: none;

}

.zhiyun_section2 .item_list .item.open .open_show{

    display: inline-block;

}

.zhiyun_section2 .item_list .item .btn{

    display: none;

    width:9vw;

    height:2.4vw;

    line-height: 2.4vw;

    border-radius: 1.2vw;

    background: #fff;

    position: absolute;

    right:2vw;

    bottom:2vw;

    text-align: center;

    transition: all 0.4s ease;

}

.zhiyun_section2 .item_list .item.open .btn{

    display: block;

}

.zhiyun_section2 .item_list .item .btn span{

    font-size: 0.8vw;

    color:#3F7FFE;

    vertical-align: middle;

}

.zhiyun_section2 .item_list .item .btn img{

    width:2.4vw;

    height:1.2vw;

    vertical-align: middle;

    transition: all 0.4s ease;

}

.zhiyun_section2 .item_list .item .btn:hover img{

    transform: translateX(5px);

}

.zhiyun_section2 .more{

    margin-top: 2vw;

    height:6vw;

    line-height: 6vw;

    border-radius: 6px;

    background: #fff;

    position: relative;

    padding:0 2vw;

    box-sizing: border-box;

    box-shadow: 0 0 10px 2px rgb(0 0 0 / 2%);

}

.zhiyun_section2 .more p{

    font-size: 1.8vw;

    color:#000;

    font-weight: bold;

}

.zhiyun_section2 .more img{

    width:2.2vw;

    height:2.2vw;

    position: absolute;

    right:2vw;

    top:1.9vw;

}

.zhiyun_section2 .more:hover{

    box-shadow: 0 0 10px 2px rgb(0 0 0 / 5%);

}

.zhiyun_section2 .more:hover p,

.zhiyun_section2 .more:hover img{

    opacity: 0.8;

}

/* zhiyun_section3 */

.zhiyun_section3{

    height:calc(100vh + 14vw);

    background-image: url(../images/zhiyun_s3_bg.png);

    background-size: 100% auto;

    /* background-color: yellow; */

}

.zhiyun_section3 .tit{

    font-size: 2.8vw;

    color:#000;

}

.zhiyun_section3 .flow-chart{

    margin-top: 3vw;

    height:25vw;

    padding:2vw;

    box-sizing: border-box;

    border-radius: 6px;

    background: #fff;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.zhiyun_section3 .flow-chart .arrow{

    width:1.8vw;

    height:3.6vw;

}

.zhiyun_section3 .s4_text{

    margin-top: 3vw;

}

.zhiyun_section3 .s4_tit{

    font-size: 2.8vw;

    color:#000;

    line-height: 1.8;

}

.zhiyun_section3 .s4_desc{

    font-size: 1.8vw;

    color:#383838;

    line-height: 1.8;

}

/* zhiyun_section4 */

.zhiyun_section4{

    height:calc(100vh - 7vw);

    background: rgb(247, 249, 250);

    /* background-color: green; */

}

.zhiyun_section4 .nav_list{

    position: relative;

    width:80%;

    height:10vw;

    margin:0 10%;

    border-bottom:2px solid rgba(204,204,204,0.2);

    box-sizing: border-box;   

}

.zhiyun_section4 .nav_list ul{

    width:60%;

    box-sizing: border-box;

    position: absolute;

    left:20%;

    bottom:-2px;

}

.zhiyun_section4 .nav_list ul li{

    float:left;

    width:24%;

    text-align: center;

    padding-bottom: 2vw;

    box-sizing: border-box;

    border-bottom: 3px solid transparent;

    transition: all 0.4s ease;

}

.zhiyun_section4 .nav_list ul li:nth-child(2){

    margin:0 14%;

}

.zhiyun_section4 .nav_list ul li.active{

    border-bottom: 3px solid #3F7FFE;

}

.zhiyun_section4 .nav_list ul li img{

    width:5.8vw;

    height:6vw;

}

.zhiyun_section4 .nav_list ul li p{

    font-size: 1.2vw;

    color:#000;

    font-weight: bold;

    margin-top: 0.5vw;

}

.zhiyun_section4 .content_box{

    margin-top: 2vw;

}

.zhiyun_section4 .content{

    width:80%;

    margin:0 10%;

    display: none;

    transition: all 0.4s ease;

}

.zhiyun_section4 .content .text{

    float:left;

    width:30%;

    margin-left:5%;

    margin-right: 15%;

    transition: all 0.4s ease;

}

.zhiyun_section4 .content .pic{

    float:left;

    width:46%;

    margin-right: 4%;

    transition: all 0.4s ease;

}

.zhiyun_section4 .content .pic img{

    width:100%;

    height:auto;

}

.zhiyun_section4 .content .text .content_tit{

    font-size: 1.2vw;

    color:#000;

    font-weight: bold;

    line-height: 1.5;

    margin-bottom: 0.5vw;

}

.zhiyun_section4 .content .text .content_desc{

    font-size: 0.8vw;

    color:#383838;

    line-height: 2;

    padding-right: 1vw;

    box-sizing: border-box;

}

.zhiyun_section4 .content .text ul{

    margin-top: 4vw;

}

.zhiyun_section4 .content .text ul li{

    float:left;

    text-align: center;

    margin-right: 15%;

}

.zhiyun_section4 .content .text ul li img{

    width:4vw;

    height:4vw;

    text-align: center;

}

.zhiyun_section4 .content .text ul li p{

    font-size: 0.8vw;

    color:#1C2236;

    margin-top: 5px;

}

/* zhiyun_section5 */

.zhiyun_section5{

    width:100%;

    height:100vh;

    background: linear-gradient(-90deg, rgba(222, 255, 242, .2), rgba(150, 205, 255, .2) 25%, rgba(152, 175, 255, .2) 50%, rgba(255, 197, 222, .2) 75%, rgba(255, 242, 206, .2));

}

.zhiyun_section5 .content{

    width:80%;

    margin:0 10%;

    overflow: hidden;

}

.zhiyun_section5 .content p{

    margin-bottom: 4vw;

    font-size: 2vw;

    color:#000;

    font-weight: bold;

}

.zhiyun_section5 .content .partner{

    width:100%;

    height: 256px;

    display: flex;

    flex-direction: row !important;

    -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);

    mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);

}

.zhiyun_section5 .content .partner .slide{

    height:100%;

    margin:0;

    display: flex;

    flex-direction: row;

}

.zhiyun_section5 .content .partner .slide img{

    height:100%;

    width:auto;

}

.zhiyun_section5 .content .partner .slide.slide1{

    animation: zhiyun_s51 80s linear infinite;

}

.zhiyun_section5 .content .partner .slide.slide2{

    animation: zhiyun_s52 80s linear infinite;

    animation-delay: -40s;

}



/* 智云 浮窗 */

.zhiyun_fw{

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:5vw;

    background: rgba(255,255,255,0.2);

    z-index: 10;

}

.zhiyun_fw ul li{

    float:left;

    width:30%;

    padding:0.7vw 0;

    box-sizing: border-box;

    transition: all 0.4s ease;

}

.zhiyun_fw ul li:hover{

    transform: translateY(-5px);

}

.zhiyun_fw ul li:nth-child(2){

    margin-left: 5%;

    margin-right: 5%;

}

.zhiyun_fw ul li .icon_box{

    float:left;

    width:3.6vw;

    height:3.6vw;

    margin-right: 5px;

}

.zhiyun_fw ul li .icon_box img{

    width:100%;

    height:100%;

}

.zhiyun_fw ul li .text_box{

    float:left;

}

.zhiyun_fw ul li .fw_tit{

    font-size: 1.2vw;

    line-height: 1.8;

}

.zhiyun_fw ul li .fw_desc{

    font-size: 0.8vw;

    color:#5D6680;

    line-height: 1.5;

}



@media (max-width: 1768px){

    .numCount_box{

        margin-top: 50px;

        /* padding:30px 0; */

    }

    .customize_icon li:nth-child(1){

        width:284px;

    }

    .customize_icon li:nth-child(2),

    .customize_icon li:nth-child(3){

        width:300px;

    }

    .customize_icon li:nth-child(4){

        width:318px;

    }

    .customize_icon li:nth-child(5){

        width:358px;

    }

    .customize_text li:nth-child(1){

        width:254px;

    }

    .customize_text li:nth-child(2),

    .customize_text li:nth-child(3){

        width:270px;

    }

    .customize_text li:nth-child(4){

        width:288px;

    }

    .customize_icon li{

        font-size: 72px;

    }

    .customize_icon li:not(:last-child)::after {

        height: 70px;

        top: calc(50% - 35px);

    }



    .contact_content .slogan{

        width:340px;

        height:220px;

    }

    .contact_content .join-info ul li .img_box {

        width: 100px;

        height: 100px;

    }

    .fenye_bann{

        height:460px;

    }

    .fenye_bann_text{

        bottom:100px;

    }

    .fenye_bann_text .tit{

        font-size: 64px;

    }

    .fenye_bann_text.case .tit,

    .fenye_bann_text.contact .tit {

        font-size: 56px;

    }

    .fenye_bann_text.case {

        bottom: 80px;

    }

    .fenye_bann_text.contact{

        bottom:60px;

    }

    .fenye_bann_text.case .data{

        top:0;

    }

}

@media (max-width: 1680px){

    .company_profile_box{

        /* height:880px; */

        height:1050px;

    }

    .company_profile{

        margin-top: 50px;

        background:url(../images/company_profile_bg.png) no-repeat top right / 400px auto;

        padding-right: 360px;

    }

    .company_profile .intro {

        margin-top: 30px;

    }

    .company_profile .tit .cn{

        width:280px;

        height:64px;

        top:32px;

    }

    .company_profile .tit .cn p{

        line-height: 64px;

        font-size: 36px;

    }

    .company_profile .tit .en{

        width:300px;

        height:64px;

    }

    .company_profile .tit .en p{

        line-height: 32px;

    }

    .company_profile .tit_box{

        height:108px;

    }

    .company_profile .intro p{

        font-size: 18px;

    }

    .office_pic_list{

        height:600px;

    }

    .service_idea ul li{

        padding:25px;

    }

    .service_idea ul li .icon{

        width:80px;

        height:80px;

    }

    .service_idea ul li .tit {

        font-size: 28px;

        margin-top: 20px;

    }

    .fenye_tit .cn{

        font-size: 48px;

    }

    .fenye_tit .en{

        font-size: 24px;

    }

    .customize{

        height:920px;

    }

    .customize, .honor{

        padding-top: 60px;

    }

    .customize_icon {

        margin-top: 60px;

        height: 420px;

    }

    .customize_icon li{

        font-size: 68px;

        line-height: 420px;

    }

    .customize_icon li:nth-child(1){

        width:270px;

    }

    .customize_icon li:nth-child(2),

    .customize_icon li:nth-child(3){

        width:285px;

    }

    .customize_icon li:nth-child(4){

        width:301px;

    }

    .customize_icon li:nth-child(5){

        width:341px;

    }

    .customize_text li:nth-child(1){

        width:240px;

    }

    .customize_text li:nth-child(2),

    .customize_text li:nth-child(3){

        width:255px;

    }

    .customize_text li:nth-child(4){

        width:271px;

    }

    .medal {

        top: -25px;

        animation: shake 3s linear infinite;

    }

    .medal img{

       transform: scale(0.9);

    }

    .customize_text li p{

        font-size: 26px;

        line-height: 60px;

    }

    .honor_list li .img-box{

        height:280px;

    }

    .honor_tit_box{

        height:60px;

    }

    .honor_tit{

        font-size: 18px;

    }

    .honor{

        height:720px;

    }

    .join_pic_list{

        height:460px;

    }

    .join_pic_list .join_pic_center .text{

        line-height: 230px;

    }

    .join_pic_list .join_pic_center .text p{

        font-size: 36px;

    }

    .join_pic_list .join_pic_center .text p span{

        transition: all 0.4s ease;

    }

    .contact_card{

        height:300px;

    }

    .contact_card:nth-child(1){

        background: url(../images/service_contact_bg.png) 0 -30px / 500px auto,

                    linear-gradient(to bottom right,rgba(0, 123, 233,1),rgba(67, 234, 253,1));

    }

    .contact_card:nth-child(2){

        background: url(../images/service_contact_bg.png) 0 -30px / 500px auto,

                    linear-gradient(to bottom right,rgba(45, 224, 129,1),rgba(191, 252, 95,1));

    }

    .contact_card:nth-child(3){

        background: url(../images/service_contact_bg.png) 0 -30px / 500px auto,

                    linear-gradient(to bottom right,rgba(91, 56, 223,1),rgba(178, 113, 241,1));

    }

    .contact_card:hover:nth-child(1){

        background: url(../images/service_contact_bg.png) 0 -50px / 500px auto,

                    linear-gradient(to bottom right,rgba(0, 123, 233,1),rgba(67, 234, 253,1));

    }

    .contact_card:hover:nth-child(2){

        background: url(../images/service_contact_bg.png) 0 -50px / 500px auto,

                    linear-gradient(to bottom right,rgba(45, 224, 129,1),rgba(191, 252, 95,1));

    }

    .contact_card:hover:nth-child(3){

        background: url(../images/service_contact_bg.png) 0 -50px / 500px auto,

                    linear-gradient(to bottom right,rgba(91, 56, 223,1),rgba(178, 113, 241,1));

    }

    .contact_card:nth-child(1) .icon-static {

        width: 166px;

        height: 160px;

    }

    .contact_card:nth-child(1) .icon-move {

        width: 66px;

        height: 28px;

        right: 50px;

        bottom: 80px;

    }

    .contact_card:nth-child(2) .icon-static {

        width: 146px;

        height: 120px;

        bottom: 40px;

    }

    .contact_card:nth-child(2) .icon-move {

        width: 116px;

        height: 43px;

        right: 6px;

    }

    .contact_card:nth-child(3) .icon-static {

        width: 140px;

        height: 148px;

    }

    .contact_card:nth-child(3) .icon-move {

        width: 62px;

        height: 66px;

        bottom: 88px;

    }

    .card_info {

        margin-top: 40px;

    }

    .onestop_service .title{

        font-size: 52px;

    }

    .card_tit .tit{

        font-size: 28px;

    }

    .onestop_service .step_tit{

        font-size: 30px;

    }

    .onestop_service .step_desc{

        font-size: 18px;

    }

    .onestop_service .steps li{

        height:180px;

    }

    .onestop_service .steps li .pic{

        width:130px;

        height:130px;

    }

    .our_service .tit{

        font-size: 58px;

    }

    .fy_service_list .service_tit{

        font-size: 24px;

    }

    .our_service .btn_box {

        margin-top: 100px;

    }

    .onestop_service .subtit{

        font-size: 36px;

    }

    .blog_nav{

        height:80px;

    }

    .blog_nav li{

        width:150px;

        height:60px;

        line-height: 60px;

        margin:10px 20px;

        font-size: 22px;

    }

    .blog_list li .tit{

        font-size: 24px;

        height:90px;

    }

    .contact_content .tit_cn{

        font-size: 44px;

    }

    .contact_content .tit_en{

        font-size: 24px;

    }

    .contact_content{

        background: url(../images/contact_bg.png) no-repeat top right / 130px auto;

        padding: 20px 380px 50px 70px;

        height:700px;

    }

    .contact_content .slogan {

        width: 300px;

        height: 200px;

    }

    .contact_content .slogan .small{

        font-size: 20px;

    }

    .contact_content .slogan .big{

        font-size: 28px;

    }

    .contact_content::before{

        width:52px;

        height:52px;

        top:27px;

    }

    .contact_content::after{

        top:120px;

        left:25px;

        height: calc(100% - 180px);

    }

    .contact_content .aim{

        font-size: 24px;

    }

    .contact_content .contact-info .content{

        font-size: 18px;

    }

    .contact_content .join-info .subtit{

        font-size: 18px;

    }

    .fenye_bann{

        height:430px;

    }

    .fenye_bann_text .tit {

        font-size: 56px;

    }

    .fenye_bann_text {

        bottom: 80px;

    }

    .fenye_bann_text .subtit{

        font-size: 22px;

    }

    .fenye_bann_text.case .tit, .fenye_bann_text.contact .tit {

        font-size: 48px;

    }

    .fenye_bann_text.case ul li {

        width: 170px;

        height: 42px;

        line-height: 42px;

        font-size: 20px;

    }

    .fenye_bann_text.case .data {

        width: 320px;

        height: 160px;

        right:250px;

    }

    .fenye_bann_text.case .numU {

        font-size: 108px;

    }

    .fenye_bann_text.case .data .unitC{

        font-size: 40px;

    }

}

@media (max-width: 1600px){

    .company_profile_pic{

        bottom:0;

    }

    .company_profile_pic img{

        transform: scale(0.8);

    }

    .service_idea ul li .desc{

        font-size: 17px;

    }

    .fenye_tit .cn{

        font-size: 44px;

    }

    .fenye_tit .en{

        font-size: 22px;

    }

    .customize_icon li:nth-child(1){

        width:255px;

    }

    .customize_icon li:nth-child(2),

    .customize_icon li:nth-child(3){

        width:270px;

    }

    .customize_icon li:nth-child(4){

        width:286px;

    }

    .customize_icon li:nth-child(5){

        width:323px;

    }

    .customize_text li:nth-child(1){

        width:225px;

    }

    .customize_text li:nth-child(2),

    .customize_text li:nth-child(3){

        width:240px;

    }

    .customize_text li:nth-child(4){

        width:256px;

    }

    .customize_text li p {

        font-size: 24px;

        line-height: 55px;

    }

    .blog_list li .tit{

        font-size: 22px;

    }

}

@media (max-width: 1440px){

    .company_profile .tit .cn {

        width: 220px;

        height: 52px;

        top: 26px;

        right:18px;

    }

    .company_profile .tit .cn p {

        line-height: 52px;

        font-size: 28px;

    }

    .company_profile .tit .en {

        width: 240px;

        height: 52px;

    }

    .company_profile .tit .en p {

        line-height: 26px;

        font-size: 16px;

    }

    .company_profile .tit_box{

        height:90px;

    }

    .company_profile_box{

        height:850px;

    }

    .company_profile{

        margin-top: 30px;

        background:url(../images/company_profile_bg.png) no-repeat top right / 350px auto;

        padding-right: 310px;

    }

    .company_profile_pic img {

        transform: scale(0.7);

    }

    .company_profile_pic {

        bottom: -50px;

    }

    .company_profile .intro p {

        font-size: 16px;

    }

    .company_profile .slogan{

        font-size: 24px;

        bottom:15px;

    }

    .company_profile .tit_box::after{

        height:6px;

    }

    .indc{

        font-size: 16px;

    }

    .office_pic_list{

        height:520px;

    }

    .service_idea ul li{

        padding:20px;

    }

    .service_idea ul li .desc{

        font-size: 16px;

        height:100px;

    }

    .service_idea ul li .tit {

        font-size: 24px;

        margin-top: 15px;

    }

    .fenye_tit .cn{

        font-size: 36px;

    }

    .fenye_tit .en{

        font-size: 18px;

    }

    .customize{

        height:780px;

    }

    .customize_icon {

        margin-top: 40px;

        height: 380px;

    }

    .customize_icon li{

        font-size: 60px;

        line-height: 380px;

    }

    .customize_icon li:nth-child(1){

        width:230px;

    }

    .customize_icon li:nth-child(2),

    .customize_icon li:nth-child(3){

        width:244px;

    }

    .customize_icon li:nth-child(4){

        width:258px;

    }

    .customize_icon li:nth-child(5){

        width:292px;

    }

    .customize_icon li:not(:first-child) {

        margin-left: -20px;

    }

    .customize_text li:nth-child(1){

        width:210px;

    }

    .customize_text li:nth-child(2),

    .customize_text li:nth-child(3){

        width:224px;

    }

    .customize_text li:nth-child(4){

        width:238px;

    }

    .customize_text {

        margin-top: 15px;

    }

    .medal {

        top: -35px;

        animation: shake 3.5s linear infinite;

    }

    .medal img{

       transform: scale(0.8);

    }

    .honor_list li .img-box{

        height:240px;

    }

    .honor_tit_box{

        height:55px;

    }

    .honor_tit{

        font-size: 16px;

    }

    .honor_list {

        margin:80px auto;

    }

    .honor{

        height:620px;

    }

    .join_pic_list{

        height:400px;

    }

    .join_pic_list .join_pic_center .text{

        line-height: 200px;

    }

    .join_pic_list .join_pic_center .text p{

        font-size: 30px;

    }

    .onestop_service .steps li{

        height:150px;

    }

    .onestop_service .steps li .pic{

        top:20px;

        width:110px;

        height:110px;

    }

    .onestop_service .step_tit {

        font-size: 26px;

        line-height: 1.5;

    }

    .onestop_service .step_desc {

        font-size: 16px;

        margin-top: 5px;

    }

    .contact_card {

        height: 250px;

        padding:20px;

    }

    .contact_card:nth-child(1) .icon-static {

        width: 104px;

        height: 100px;

    }

    .contact_card:nth-child(1) .icon-move {

        width: 42px;

        height: 18px;

        right: 31px;

        bottom: 50px;

    }

    .contact_card:nth-child(2) .icon-static {

        width: 91px;

        height: 75px;

        bottom: 25px;

    }

    .contact_card:nth-child(2) .icon-move {

        width: 73px;

        height: 27px;

        right: 3px;

    }

    .contact_card:nth-child(3) .icon-static {

        width: 88px;

        height: 92px;

    }

    .contact_card:nth-child(3) .icon-move {

        width: 39px;

        height: 42px;

        right: 0;

        bottom: 56px;

    }

    .onestop_service .title{

        font-size: 46px;

    }

    .card_tit .tit {

        font-size: 24px;

    }

    .card_info {

        margin-top: 30px;

    }

    .card_tit .desc{

        font-size: 15px;

    }

    .card_info img {

        width: 100px;

        height: 100px;

    }

    .card_info .wx-text{

        font-size: 13px;

        margin-top: 3px;

    }

    .card_info p{

        font-size: 18px;

    }

    .our_service .tit {

        font-size: 48px;

    }

    .our_service .subtit{

        font-size: 24px;

    }

    .our_service .tit_box {

        height: 200px;

        background: url(../images/our_services.png) no-repeat 280px top / 200px auto;

    }

    .our_service .intro p{

        font-size: 18px;

    }

    .our_service .btn_box{

        margin-top: 50px;

    }

    .fy_service_list li{

        padding:20px;

    }

    .service_icon{

        width:70px;

        height:70px;

    }

    .service_icon img{

        width:36px;

    }

    .onestop_service .subtit {

        font-size: 30px;

    }

    .onestop_service{

        height:950px;

        padding-top: 60px;

    }

    .blog_nav li {

        width: 120px;

        height: 50px;

        line-height: 50px;

        margin: 15px 20px;

        font-size: 20px;

    }

    .blog_list li{

        padding:20px 15px 40px 20px;

    }

    .blog_list li .tit{

        font-size: 20px;

        height:80px;

    }

    .blog_list li .desc {

        font-size: 15px;

        line-height: 1.8;

        height: 120px;

    }

    .blog_list li .more {

        width: 120px;

        height: 40px;

        line-height: 36px;

    }

    .blog_list li .more span {

        font-size: 14px;

    }

    .blog_list li .more img {

        width: 14px;

        height: 14px;

    }

    .contact_content .join-info ul li .img_box {

        width: 90px;

        height: 90px;

    }

    .contact_content {

        background: url(../images/contact_bg.png) no-repeat top right / 110px auto;

        padding: 20px 300px 50px 70px;

        height: 680px;

    }

    .contact_content .slogan {

        width: 260px;

        height: 160px;

        padding: 30px 10px 10px 20px;

    }

    .contact_content .slogan .small {

        font-size: 18px;

    }

    .contact_content .slogan .big {

        font-size: 24px;

    }

    .contact_content .tit_cn {

        font-size: 36px;

    }

    .contact_content .tit_en {

        font-size: 20px;

    }

    .QA_list{

        margin-top: 30px;

    }

    .QA_item ul {

        margin-top: 10px;

    }

    .QA_item ul li{

        height:35px;

        line-height: 35px;

    }

    .QA {

        margin-top: 40px;

        margin-bottom: 80px;

    }

    .fenye_bann{

        height:400px;

    }

    .fenye_bann_text .tit {

        font-size: 48px;

    }

    .fenye_bann_text .subtit {

        font-size: 20px;

    }

    .fenye_bann_text.case ul li {

        width: 140px;

        height: 36px;

        line-height: 36px;

        padding-right: 15px;

        font-size: 16px;

    }    

    .fenye_bann_text,

    .fenye_bann_text.case {

        bottom: 70px;

    }

    .fenye_bann_text.case .tit, .fenye_bann_text.contact .tit {

        font-size: 40px;

    }

    .case_list_nav .cn{

        font-size: 32px;

    }

    .case_menu li span {

        font-size: 18px;

        padding: 8px 15px;

    }

    .case_menu li {

        margin: 0 20px;

    }

    .case_menu {

        margin-left: 90px;

    }

    .case_list li .pic_box{

        height:400px;

    }

    .case_list li .tit{

        font-size: 22px;

    }

    .fenye_bann_text.news .tit_img{

        height:64px;

    }

    .fenye_bann_text.news .subtit_box{

        width:350px;

    }

    .fenye_bann_text.news .subtit {

        font-size: 18px;

    }

    .fenye_bann_text.news .subtit_box img{

        left:330px;

        width:44px;

        height:44px;

    }

    .customize_icon li:not(:last-child)::after {

        width:10px;

        height: 60px;

        top: calc(50% - 30px);

        right:15px;

    }

    .customize_icon li:hover:not(:last-child)::after {

        right:10px;

    }

    .fenye_bann_text.case .numU {

        font-size: 96px;

    }

    .fenye_bann_text.case .data {

        width: 280px;

        height: 140px;

        top:-20px;

    }

    .fenye_bann_text.case .data .unitC {

        font-size: 36px;

    }

}

@media (max-width: 1366px){

    .numU{

        font-size: 48px;

    }

    .numCount_box {

        margin-top: 30px;

        padding: 20px 0;

    }

    .blog_list li .tit {

        font-size: 18px;

        height: 60px;

    }

    .blog_list li .desc {

        font-size: 14px;

        height: 100px;

    }

}

@media (max-width: 1280px){

    .company_profile{

        background:url(../images/company_profile_bg.png) no-repeat top right / 300px auto;

        padding-right: 260px;

    }

    .company_profile_pic img {

        transform: scale(0.5);

    }

    .company_profile .intro {

        margin-top: 20px;

    }

    .company_profile_pic {

        bottom: -100px;

    }

    .office_pic_list{

        height:450px;

    }

    .service_idea ul li .desc{

        font-size: 15px;

        height:90px;

    }

    .service_idea ul li .tit{

        font-size: 22px;

    }

    .service_idea ul li .icon {

        width: 70px;

        height: 70px;

    }

    .fenye_tit .cn{

        font-size: 32px;

    }

    .fenye_tit .en{

        font-size: 16px;

    }

    .customize{

        height:680px;

    }

    .customize_icon, .customize_text {

        margin-left: 7.5%;

    }

    .customize_icon {

        margin-top: 30px;

        height: 320px;

    }

    .customize_icon li{

        line-height: 320px;

        font-size: 48px;

    }

    .customize_icon li:nth-child(1){

        width:203px;

    }

    .customize_icon li:nth-child(2),

    .customize_icon li:nth-child(3){

        width:215px;

    }

    .customize_icon li:nth-child(4){

        width:227px;

    }

    .customize_icon li:nth-child(5){

        width:257px;

    }

    .customize_text li:nth-child(1){

        width:183px;

    }

    .customize_text li:nth-child(2),

    .customize_text li:nth-child(3){

        width:195px;

    }

    .customize_text li:nth-child(4){

        width:207px;

    }

    .customize_text li p {

        font-size: 20px;

        line-height: 45px;

    }

    .medal {

        top: -40px;

        animation: shake 4s linear infinite;

    }

    .medal img{

       transform: scale(0.7);

    }

    .honor_list li .img-box{

        height:210px;

    }

    .honor{

        height:540px;

    }

    .honor_list {

        margin:65px auto;

    }

    .join_pic_list{

        height:340px;

    }

    .join_pic_list .join_pic_center .text{

        line-height: 170px;

    }

    .join_pic_list .join_pic_center .text p{

        font-size: 28px;

    }

    .onestop_service .step_tit{

        font-size: 22px;

    }

    .onestop_service .steps li {

        height: 130px;

        padding:15px;

    }

    .onestop_service .steps li .pic{

        width:90px;

        height:90px;

    }

    .our_service .tit {

        font-size: 40px;

    }

    .our_service .subtit {

        font-size: 20px;

    }

    .our_service .tit_box {

        height: 180px;

        background: url(../images/our_services.png) no-repeat 220px top / 180px auto;

    }

    .service_btn{

        width:160px;

        height:48px;

        line-height: 48px;

    }

    .service_btn span {

        font-size: 16px;

    }

    /* .service_btn.more::before{

        right:30px;

        top:23px;

    }

    .service_btn.more::after{

        right:28px;

        top:19px;

    } */

    .service_btn.more:hover{

        line-height:42px;

    }

    .service_btn.more:hover::before{

        right:26px;

    }

    .service_btn.more:hover::after{

        right:24px;

    }

    .onestop_service{

        height:850px;

        padding-top: 50px;

    }

    .fy_service_list .service_tit {

        font-size: 20px;

    }

    .fy_service_list .service_desc{

        font-size: 15px;

        line-height: 1.8;

    }

    .onestop_service .title {

        font-size: 40px;

    }

    .onestop_service .subtit {

        font-size: 26px;

    }

    .onestop_service .content{

        margin:30px auto;

    }

    .blog_nav li{

        font-size: 18px;

        margin:15px;

    }

    .contact_content{

        height:650px;

    }

    .contact_content .tit_cn {

        font-size: 32px;

    }

    .contact_content::before{

        top:22px;

    }

    .fenye_bann{

        height:340px;

    }

    .fenye_bann_text .tit {

        font-size: 36px;

        margin-bottom: 5px;

    }

    .fenye_bann_text .subtit {

        font-size: 18px;

    }

    .fenye_bann_text.case .tit, .fenye_bann_text.contact .tit {

        font-size: 30px;

    }

    .case_list_nav .cn{

        font-size: 28px;

    }

    .case_menu li span {

        font-size: 16px;

        padding: 8px 10px;

    }

    .case_menu li {

        margin: 0 15px;

    }

    .case_menu {

        margin-left: 60px;

    }

    .case_list li .pic_box{

        height:320px;

    }

    .case_list li .tit{

        font-size: 20px;

    }

    .fenye_bann_text.news .tit_img {

        height: 60px;

    }

    .fenye_bann_text.case .numU {

        font-size: 80px;

    }

    .fenye_bann_text.case .data {

        width: 240px;

        height: 120px;

    }

}

@media (max-width: 1176px){

    .company_profile_box{

        height:900px;

    }

    .company_profile .intro p{

        /* line-height: 1.8; */

        margin-bottom: 5px;

    }

    .office_pic_list{

        height:400px;

    }

    .service_idea ul li .desc{

        font-size: 14px;

    }

    .service_idea ul li .tit{

        font-size: 20px;

    }

    .honor_list li .img-box{

        height:180px;

    }

    .join_pic_list{

        height:300px;

    }

    .join_pic_list .join_pic_center .text{

        line-height: 150px;

    }

    .join_pic_list .join_pic_center .text p{

        font-size: 24px;

    }

    .fy_service_list .service_tit{

        font-size: 18px;

    }

    .service_btn.join{

        margin-left: 15px;

    }

    .our_service .intro p {

        font-size: 16px;

    }

    .our_service .btn_box {

        margin-top: 30px;

    }

    .contact_content .info{

        margin-top: 60px;

    }

    .blog_list li .tit{

        font-size: 18px;

    }

    .blog_list li .desc{

        font-size: 14px;

    }

    .customize_icon li:nth-child(5),

    .customize_icon li:nth-child(4):after{

        display: none;

    }

}