html,body{background-color: #fff;}

.join-logo{ background:#fff;  margin:0 auto; padding:10px 0;}
.join-logo .join-logo-img{ float:left;}
.join-logo img{  display:block; float:left; height:40px; }
.join-logo h1{ display:block; float:left; font-weight:normal; color:#999;  border-left:1px solid #eee; padding-left:15px; font-size:20px; font-weight:bold; color:#000; line-height:38px; height:40px; margin-left:15px; }
.join-logo span{ float:right; display:block; line-height:40px; font-size:15px;}
.join-logo strong{ font-weight:bold; color:#d01414; font-size:20px;}


.join-banner{ background:url(../images/bussiness-banner.png) no-repeat center; height:420px;}

.join-menu{ margin:0 auto; display:flex; padding:50px 0; max-width:1200px;}
.join-menu li{ flex:1; text-align:center; line-height:2;}
.join-menu li img{ display:block; height:120px; margin:15px auto;}
.join-menu li h2{ font-size:22px; font-weight:bold; margin:10px auto;  color:#000;}
.join-menu li p{ font-size:14px; line-height:1.6;}


.join-title{ text-align:center; padding:20px 0; color:#444; margin-bottom:20px;}
.join-title h2{ display:inline-block; font-size:30px; letter-spacing:2px; line-height:1.8; position:relative;}
.join-title p{ color:#888; font-size:16px;}

.form-box{max-width:600px; margin: 0 auto;}
.form-box .layui-form-label{width:100px;}
.form-box .layui-form-label .must-tip{position: absolute; margin:2px 0 0 8px; font-size:18px; color: #008dff;}
.form-box .layui-input-block{margin-left:140px;}
.form-box .text-center{text-align: center;}
.form-box .layui-form-item .cascade-select .layui-input-inline{}
.form-box .layui-form-item .cascade-select.level2 .layui-input-inline{width: 225px;}
.form-box .layui-form-item .cascade-select.level2 .layui-input-inline:last-child{margin-right: 0;}

.join-body{ background:#f6f6f6; padding:30px 0;}
.join-body ul.list-input{ max-width:600px; margin:0 auto;}
.join-body ul.list-input li{ padding:8px 0;}
.join-body ul.list-input li input{  max-width:480px;}
.join-body ul.list-input li label{ display:block; width:120px; float:left; line-height:40px;}
.join-body ul.list-input li label i{ color:#f00;}
.join-body ul.list-input li textarea{ display:block; max-width:480px;}
.w480{ width:480px;}
.join-body ul.list-input li .sub{ width:480px; background:#f60 !important;}
.index2{ margin-bottom:100px;}
.index2 .list{ max-width:1200px; margin:0 auto;border-left:1px solid #eee; border-top:1px solid #eee;}
.index2 .list li{ width:25%; float:left; padding:2%; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.index2 .list li img{ display:block; width:100%; height:200px;  margin-bottom:15px;}
.index2 .list li h2 a{ font-size:16px; color:#888;}
.index2 .list li p{ font-size:20px; color:#000;}

.bottom-piao{ width:100%; background:#5e87c9; padding:15px; position:fixed; left:0; bottom:0;}
.bottom-piao .bd{ max-width:1200px; margin:0 auto; }
.bottom-piao ul{}
.bottom-piao ul li{ width:50%; text-align:center; float:left; color:#fff; font-size:18px;}