@charset "utf-8";
/* CSS Document */
.collaborate_banner{
	background: url(../img/collobrate_banner.jpg) no-repeat center center;
	height: 370px;
	margin-top: 15px;
	margin-bottom: 30px;
}
.collaborate_left{
    width: 840px;
    float: left;
}
.collaborate_title{
    font-size: 42px;
    font-family: 'Inter SemiBold';
    color: #fff;
    margin-top: 106px;
    line-height: 78px;
}
.collaborate_info{
	
color: #fff;
	
font-size: 24px;
	
margin: 16px 0px 34px;
}
.collaborate_info span{
    padding: 0px 36px;
    font-size: 20px;
}

.banner_btn{
    font-size: 24px;
    color: #fff;
    display: inline-block;
    line-height: 50px;
    border: 1px solid #fff;
    padding: 0px 40px;
    border-radius: 6px;
}
.banner_btn:hover{
	color:#fff;
}
.banner_btn2{
    background: #007fe9;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    line-height: 52px;
    font-size: 16px;
    margin-top:20px;
}
.banner_btn2:hover{
	color:#fff;
}
.form_content{
	margin-bottom:14px;
}
.collaborate_right{
    float: right;
    width: 330px;
    background: #fff;
    border-radius: 10px;
    margin-top: 40px;
    box-sizing: border-box;
}
.fm_text{
	width: 296px;
	border-radius: 6px;
	height: 50px;
}

.banner_form{}
.form_title{
    background: #f3f3f3;
    font-size: 22px;
    line-height: 52px;
    padding-left: 15px;
    border-radius: 6px 6px 0px 0px;
    margin-bottom: 24px;
}
.form{
    padding: 0px 15px 15px;
}
.problem{
    text-align: center;
}
.problem img{display: inline-block;}
.problem a{display: inline-block;background: #1f68ac;text-align: center;color: #fff;font-size: 32px;font-family: 'Inter SemiBold';padding: 30px 110px;border-radius: 20px;}
.service{
    margin-top: 30px;
}
.service li{
    float: left;
    width: 304px;
    margin-right: 20px;
    background: #f4f9ff;
    position: relative;
    box-sizing: border-box;
    padding: 12px 20px;
    border-radius: 10px;
    margin-bottom: 26px;
    height: 184px;
}
.service_title{
    font-size: 16px;
    color: #1c3256;
    margin-bottom: 8px;
}
.service_info{
    font-size: 14px;
    color: #646464;
    line-height: 24px;
}
.service img{
    position: absolute;
    top: -7px;
    right: -10px;
}
.topic_benefit{}

.benefit_left{
    float: left;
    width: 400px;
    margin-right: 30px;
    box-sizing: border-box;
}
.benefit_bg{
    padding: 20px 16px;
    margin-bottom: 20px;
    border-radius: 10px;
    height: 130px;
}
.bg_blue{
    background: #f2f8fe;
}
.benefit_icon{
    float: left;
    margin-right: 16px;
}
.benefit_icon img{
    width: 36px;
}
.bg_orange{
    background: #fff8f2;
}
.benefit_middle{
    float: left;
    width: 400px;
    margin-right: 30px;
}
.benefit_right{
    float: right;
    width: 400px;
    border-radius: 10px;
}
.benefit_contact{
    padding: 20px 20px;
    text-align: center;
}
.benefit_contact img{
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}
.benefit_title{
    font-size: 18px;
    font-family: 'Inter SemiBold';
    margin-bottom: 8px;
}
.benefit_detail{
	line-height: 24px;
	color: #707070;
	font-size: 14px;
}
.benefit_info{
    float: left;
    width: 315px;
}
.contact_icon{
    float: left;
    margin-right: 20px;
}
.contact_info{
    float: left;
    width: 295px;
}
.contact_btn{
    display: block;
    background: #007fe9;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 53px;
    border-radius: 6px;
    margin-top: 20px;
}
.contact_btn:hover{
	color:#fff;
}
.item {
    margin-bottom: 60px;
}
.process{
}
.process{
}
.process ul li{
    float: left;
    margin-right: 40px;
    width: 400px;
    background: #f7f8fa;
    box-shadow: 1px 0px 8px rgb(144 144 144 / 41%);
    border-radius: 10px;
    padding: 14px 0px;
    height: 180px;
    margin-bottom: 36px;
}
.step{
    background: #ff8f2c;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    border-radius: 0px 12px 12px 0px;
    padding: 0px 7px;
    margin-bottom: 14px;
}
.process_title{
    font-size: 18px;
    font-family: 'Inter SemiBold';
    padding: 0px 22px;
}
.process_info{
    font-size: 14px;
    color: #646464;
    line-height: 24px;
    margin-top: 8px;
    padding: 0px 22px;
}
.first_title {

    margin-bottom: 30px;
}
.toast-info{
    color: #fff;
    font-size: 20px;
}
.toast-info img{
    float: left;
    margin-right: 10px;
}