@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active,a:hover{outline:0}
img{display: inline-block; border: none; vertical-align: middle;}
li{list-style:none;}
table{border-collapse: collapse; border-spacing: 0;}
h1,h2,h3{font-weight: 400;}
h4, h5, h6{font-size: 100%; font-weight: 400;}
button,input,select,textarea{font-size: 100%; }
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
/* CSS Document */
img{width: 100%}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}


/*顶部*/
.top-logo{border-bottom: 1px solid #E5E5E5;}
.m_1200{max-width: 1200px;margin: 0 auto;}
.m_1200 .logo img{width: 150px;padding: 15px 0 15px 20px;}
.top_bar{display: none;}
.magt_44{display: none;}

/*公司首页*/
.m-1200{max-width: 1260px;margin: 0 auto;padding: 0 30px;}
.container_logo{padding: 22px 0;}
.container_logo_ss{display: flex;align-items: center;justify-content: space-between;}
.container_logo_ss .logo1{width: 167px;}
.container_logo_ss .login{display: flex;align-items: center;}
.container_logo_ss .login>*{font-size: 18px;line-height: 46px;padding: 0 20px;border-radius: 46px;margin-right: 20px;}
.container_logo_ss .login .org_service{color: #EB5D57;border: 1px solid #EB5D57;box-sizing: border-box;}
.container_logo_ss .login .org{color: #fff;background-color: #EB5D57;}

.introduce{padding: 140px 0 0;}
.introduce .introduce_title{font-size: 48px;font-weight: 700;color: #222;padding-bottom: 40px;text-align: center;}
.introduce .introduce_service .layui-tab-title{position: inherit;height: auto;white-space: initial;border: none;display: flex;justify-content: center;}
.introduce .introduce_service .layui-tab-title li{position: inherit;display: block;line-height: 24px;min-width: auto;border-right: 2px solid #666;font-size: 24px;padding: 0 30px;}
.introduce .introduce_service .layui-tab-title li:last-child{border-right: none;}
.introduce .introduce_service .layui-tab-title .layui-this:after{display: none;}
.introduce .introduce_service .layui-tab-title .layui-this{color: #EB5D57;}
.service_container{position: relative;padding-top: 60px;padding-left: 150px;margin-top: 100px;}
.service_container .service_type_img{position: absolute;width: 600px;height: 380px;left: 0;top: 0;}
.service_container .service_list{background-color: #EB5D57;padding: 60px 60px 60px 510px;min-height: 260px;box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);}
.service_container .service_list .service_list_div{display: flex;flex-wrap: wrap;}
.service_container .service_list li{font-size: 16px;color: #fff;width: 33.33333%;display: flex;align-items: center;margin-bottom: 30px;}
.service_container .service_list li span{width: 8px;height: 8px;background-color: #fff;border-radius: 50%;margin-right: 8px;}

.service_programme{display: flex;justify-content: space-between;}
.service_programme .programme_list{background-color: #fff;box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.15);padding: 100px 30px;flex: 1;margin-right: 20px;}
.service_programme .programme_list:last-child{margin-right: 0;}
.service_programme .programme_list .programme_list_img{width: 98px;margin: 0 auto;}
.service_programme .programme_list .programme_list_name{font-size: 26px;text-align: center;padding-top: 39px;padding-bottom: 20px;}


.cooperation{background: url(https://static.xielao360.com/common/company/cooperation.png) no-repeat center top;margin-top: 140px;padding: 105px 0;}
.cooperation .name{font-size: 32px;color: #fff;text-align: center;}

.about_us{padding: 81px 0;}
.about_uss{display: flex;justify-content: space-between;}
.about_uss .about_us_list{flex: 1;}
.about_uss .about_us_list .about_us_title{font-size: 24px;font-weight: 700;color: #222;}
.about_uss .about_us_list .name{font-size: 16px;color: #666;padding-top: 30px;line-height: 25px;}
.about_uss .applet_list .about_us_title{font-size: 24px;font-weight: 700;color: #222;}
.about_uss .applet_list{padding-left: 350px;}
.about_uss .applet_list .applet{padding-top: 30px;}
.about_uss .applet_list .applet .applet_img{max-width: 200px;}
.about_uss .applet_list .applet .applet_name{font-size: 16px;color: #666;padding-top: 30px;text-align: center;}

.keep_on_record{border-top: 1px solid #E5E5E5;padding: 46px 0;}
.keep_on_record .name{font-size: 12px;color: #999;text-align: center;}


/*申请页面*/
.change{padding-bottom: 100px;display: flex;}
.layui-col-zi{width: 20%;}
.settled_hang{padding: 100px 0;}
.settled_hang h1{font-size: 30px;text-align: center;font-weight: bold;}
.settled_hang p{font-size: 14px;text-align: center;color: #333;margin-top: 5px;}
.settled_leixing{padding: 0;display: block;width: auto;}
.settled_leixing .leixing{min-width: inherit;display: block;}
.settled_leixing .leixing img{max-width: 100px;margin: 0 auto;display: block;margin-bottom: 20px;}
.settled_leixing h1{font-size: 18px;font-weight: bold;text-align: center;margin-bottom: 10px;}
.settled_leixing p{font-size: 14px;text-align: center;line-height: 25px;color: #333;margin: 0 30px;}


/**/
.apply_1{width: 100%;position: relative;background: url(../img/settled_beijing1.png) no-repeat center top;}
.apply_3{width: 100%;position: relative;background: url(../img/settled_beijing2.png) no-repeat center top;}
.apply_2{padding: 120px 20px;}
.apply_4{padding: 90px 20px;}
.apply_2 h1{color: #fff;font-size: 36px;font-weight: bold;text-align: center;}
.apply_2 p{color: #fff;font-size: 16px;text-align: center;margin-top: 15px;}
.apply_2 a{background:linear-gradient(0deg,rgba(255,101,53,1),rgba(255,100,84,1));border-radius: 50px;color: #fff;font-size: 20px;display: block;width: 200px;margin: 0 auto;text-align: center;padding: 15px 0;margin-top: 60px;}


/**/
.settled_hang1{padding: 80px 0;}
.settled_hang1 h1{font-size: 30px;font-weight: bold;margin-bottom: 15px;text-align: center;}
.settled_hang1 p{font-size: 14px;text-align: center;}


/**/
.change1{padding-bottom: 80px;display: flex;}
.layui-col-zi1{width: 25%;}
.settled_leixing1{padding: 0 20px;}
.settled_leixing1 .leixing img{max-width: 70px;margin: 0 auto;display: block;margin-bottom: 20px;}
.settled_leixing1 h1{font-size: 18px;text-align: center;margin-bottom: 10px;}
.settled_leixing1 p{font-size: 14px;text-align: center;line-height: 25px;color: #666;margin: 0 34px}


/**/
.change2{padding-bottom: 80px;display: flex;}
.layui-col-zi2{width: 25%;}
.settled_leixing2{margin: 0 45px;}
.settled_leixing2 .leixing2 img{max-width: 70px;margin: 0 auto;display: block;margin-bottom: 20px;min-width: 20px;}
.settled_leixing2 h1{font-size: 18px;text-align: center;margin-bottom: 10px;}
.settled_leixing2 p{font-size: 14px;text-align: center;line-height: 25px;color: #666;}
.jian_tou1{position: absolute;left: 16%;top: 35px;width: 16%;}
.jian_tou2{position: absolute;left: 41.5%;top: 0px;width: 16%;}
.jian_tou3{position: absolute;left: 66.5%;top: 35px;width: 16%;}


/**/
.change3{padding: 0 20px 80px;display: flex;flex-wrap: wrap;}
.layui_flex{width: 50%;}
.wenti{display: flex;margin-bottom: 30px;}
.wenti .xuhao{width: 30px;}
.wenti .xuhao h1{width: 30px;height: 30px;line-height: 30px;color: #fff;font-size: 14px;background-color: #FF6537;border-radius: 50%;text-align: center;}
.wenti .neirong{width: 100%;padding-left: 20px;}
.wenti .neirong h1{font-size: 18px;line-height: 30px;margin-bottom: 10px;}
.wenti .neirong p{font-size: 14px;color: #666;line-height: 25px;}


/**/
.stepsbg_yun{display: flex;margin: 40px 10px 56px;}
.register1{margin-top: 40px;}
.stepsbg_yun li{text-align: center;font-size: 16px;width: 100%;height: 68px;padding: 0 15px;display: flex;justify-content: center;align-items: center;}
.stepsbg_yun li span{text-align:center;}
.stepsbg_yun .cur{color: #07C160;}
.stepsbg_yun1{background: url(../img/stepsbg1.png) no-repeat center center;background-size: 100% 68px;}
.stepsbg_yun2{background: url(../img/stepsbg2.png) no-repeat center center;background-size: 100% 68px;}
.stepsbg_yun3{background: url(../img/stepsbg3.png) no-repeat center center;background-size: 100% 68px;}


/**/
.form_form{max-width: 480px;margin: 0 auto;padding: 0 20px 50px;min-height: 500px;}
.register{display: flex;margin-bottom: 20px;}
.register .register_ds{width: 90px;font-size: 14px;margin-top: 14px;margin-right: 10px;display: flex;}
.register_ds1{width: 90px;margin-right: 10px;}
.register .register_ds span{color: #FD2741;padding-right: 2px;margin-top: 5px}
.register .register_input{width: 100%}
.layui-butt{background-color: #07C160;}
.inline{width: auto;}
.dizhi{display: flex;}
.layui-form-select dl dd.layui-this{background-color: #07C160;}


/**/
.tishi{line-height: 25px;color: #999;margin-top: 12px;margin-bottom: 10px;}
.register_input .schuan{background-color: #fff;color: #666;height: 100px;width: 100px;text-align: center;border: 1px dashed #ccc;font-size: 50px;line-height: 17px;float: left;}
.register_input .schuan span{font-size: 14px;color: #666;}
.layui-uploads{float: left;}
.layui-uploads1{margin: -5px;}
.layui-tu{width: 100px;position: relative;float: left;padding: 5px;}
.layui-uploads img{height: 100px;}
.dele{width: 20px;height: 20px!important;line-height: 20px!important;padding: 0;background-color: red!important;position: absolute;right: 0;top: 0;border-radius: 50%;}
.title2{position: absolute;right: 10px;top: 16px;font-size: 14px;color: #999;}
.title2 span{color: #222;}


/**/
.shenhe{padding-bottom: 30px;padding-top: 40px}
.shenhe .shenhe1{max-width: 100px;margin: 0 auto;}
.shenhe p{font-size: 16px;text-align: center;line-height: 24px;margin-top: 30px;}


/*底部*/
.bottom_footer{width: 100%;border-top: 1px solid #E5E5E5;}
.bottom_footer .m_1200 ul{display: flex;justify-content: center;margin-top: 40px;margin-bottom: 18px;}
.bottom_footer .m_1200 ul li{padding: 0 15px;color: #666;font-size: 14px;}
.bottom_footer .m_1200 div{font-size: 12px;color: #999;text-align: center;margin-bottom: 40px;}






@media screen and (max-width: 768px){
	/*公司首页*/
	.m-1200{max-width: 1260px;margin: 0 auto;padding: 0 15px;}


	/*顶部*/
	.top-logo{display: none;}
	.top_bar{width: 100%;height: 44px;position: fixed;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 3.96px 0.04px rgba(175, 175, 175, 0.2);z-index: 10;top: 0;display: block;}
	.top_bar .ti{display: block;text-align: center;font-size: 16px;line-height: 44px;font-weight: bold;}
	.cont_ti{padding: 9px 15px;clear: both;line-height: 26px;display: block;}
	.cont_ti b{font-size: 15px;}
	.back{width: 44px;height: 44px;overflow: hidden;position: absolute;left: 0;}
	.back i{width: 12px;height: 12px;border-top: 1px solid #222;border-right: 1px solid #222;float: left;transform: rotate(-135deg);margin: 15px;}
	.magt_44{margin-top: 44px;display: block;}

	/**/
	.settled_hang{line-height: 70px;font-size: 20px;text-align: center;font-weight: bold;}
	.change{padding-bottom: 20px;display: block;}
	.change1{padding-bottom: 20px;}
	.change2{padding-bottom: 20px;}
	.change3{padding: 0 10px 15px;}
	.layui-col-zi{width: 100%;}
	.settled_leixing{display: flex;-webkit-box-align: center;webkit-align-items: center;align-items: center;padding: 5px 15px 5px 5px;}
	.settled_leixing .leixing{min-width: 80px;padding-right: 5px;}
	.settled_leixing .lei_xing{border-bottom: 1px solid #E5E5E5;padding: 10px 0;width: 100%;}
	.settled_leixing .leixing img{margin-bottom: 0;width: 80px;}
	.settled_leixing h1{font-size: 16px;font-weight: bold;text-align: left;margin-bottom: 10px;}
	.settled_leixing p{font-size: 14px;text-align: left;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0;}
	.stepsbg_yun{display: flex;margin: 20px 10px 30px;}


	/**/
	.apply_2 h1{color: #fff;font-size: 20px;font-weight: bold;text-align: center;}
	.apply_2 p{color: #fff;font-size: 14px;text-align: center;margin-top: 15px;}
	.apply_2 a{border-radius: 50px;color: #fff;font-size: 20px;display: block;width: 150px;margin: 0 auto;text-align: center;padding: 10px 0;margin-top: 30px;}
	.apply_4{padding: 40px 20px;}
	.apply_2{padding: 50px 20px;}
	.settled_hang1 h1{font-size: 20px;font-weight: bold;margin-bottom: 10px;text-align: center;}
	.settled_hang1 p{font-size: 14px;text-align: center;}
	.settled_hang1{padding: 20px 0 30px;}
	.layui-col-zi1{width: 25%;}
	.settled_leixing1{padding: 0;}
	.settled_leixing1 .leixing img{max-width: 50px;margin: 0 auto;display: block;margin-bottom: 10px;}
	.settled_leixing2 .leixing2 img{width: 40px;}
	.settled_leixing1 h1{font-size: 14px;text-align: center;margin-bottom: 5px;}
	.settled_leixing1 p{font-size: 12px;text-align: center;line-height: 20px;color: #666;margin: 0 5px;}
	.settled_leixing2{margin: 0 10px;}
	.settled_leixing2 h1{font-size: 14px;text-align: center;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.settled_leixing2 p{font-size: 12px;text-align: center;line-height: 20px;color: #666;}
	.jian_tou1{position: absolute;left: 16%;top: 25px;width: 15%;}
	.jian_tou2{position: absolute;left: 43%;top: -10px;width: 15%;}
	.jian_tou3{position: absolute;left: 66.5%;top: 25px;width: 15%;}
	.wenti{display: flex;margin-bottom: 15px;}
	.wenti .xuhao{width: 30px;}
	.wenti .xuhao h1{width: 25px;height: 25px;line-height: 25px;color: #fff;font-size: 14px;}
	.wenti .neirong{width: 100%;padding-left: 10px;}
	.wenti .neirong h1{font-size: 16px;line-height: 25px;margin-bottom: 5px;}
	.wenti .neirong p{font-size: 14px;color: #666;line-height: 20px;}


	/**/
	.layui_flex{width: 100%;}

	/**/
	.stepsbg_yun li{font-size: 12px;}
	.stepsbg_yun1{background: url(../img/stepsbg_cur1.png) no-repeat center center;background-size: 100% 47px;}
	.stepsbg_yun2{background: url(../img/stepsbg_cur2.png) no-repeat center center;background-size: 100% 47px;}
	.stepsbg_yun3{background: url(../img/stepsbg_cur3.png) no-repeat center center;background-size: 100% 47px;}


	/**/
	.dizhi{display: block;}
	.form_form{padding: 0 10px 10px;}
	.register_ds1{width: 0;margin: 0;}
	.shenhe .shenhe1{max-width: 80px;}


	/*底部*/
	.bottom_footer{display: none;}
}









































































