body{
	font-size: 16px;
}
html{
	font-size: 16px;
}
.app-main-header-background{
    background: url(../image/join.jpg) no-repeat center;
    background-size: 100% 600px;
    height: 600px;
}
.app-main-container{
	width: 100%;
	height: auto;
    position: relative;
}
.app-main-container-main{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.app-main-container-p{
    width: 100%;
    padding-top: 30px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.app-main-container-main-content{
    width: 100%;
    padding: 20px 0;
    position: relative;
}
* { 
    margin: 0; 
    padding: 0; 
}
body {
	font-family: "Microsoft Yahei";
	font-size: 16px;
	color: #333;
	background-color: #E4E1E1;
}
a, a:hover { text-decoration: none; color: #333; }
ul, li { list-style: none; }
svg{
	fill: currentColor;
}
form{
	padding: 40px 0;
}
tr{
	height: 50px;
	line-height: 50px;
}
td{
	width: 50%;
	font-size: 16px;
}
.td{
	background: #008c8c;
	color: #fff;
}
input{
	padding: 0 13px!important;
	width: 500px;
	line-height: 30px!important;
	border: 1px solid #e9e9e9!important;
}
.tj,
.cz{
	width: 100px!important;
	text-align: center!important;
	background: #008c8c!important;
	color: #fff!important;
	padding: 0 20px!important;
}
.cz{
	margin-left: 40px;
}
.tj:hover,
.cz:hover{
	background: #036b6b;
}

 .mui-card .mui-control-content {
	padding: 10px;
}
#item1{
	height: 3150px;
}
.mui-control-content {
	height:auto;
	margin-bottom: 20px;
}
.mui-segmented-control{
	height: 44px;
	font-size:16px;
	background-color: #fff;
	width: 1140px;
	box-shadow: 0 0 5px #999;
	border: 1px solid #f1f1f1;
}
.mui-segmented-control>a{
	border-right: none;
}
.mui-tab{
	width: 1140px;
	margin: 0 auto;
}
.introduce{
	width: 100%;
	margin: 40px 0;
	position: relative;
}
.introduce-title{
	font-size: 24px;
	font-weight: 700;
	color:#f39982;
	text-align: center;
}
.introduce-title-p{
	margin-left: 380px;
}
.introduce-p{
	font-size: 18px;
	color: #008c8c;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 50px;
}
.mui-scroll{
	width: 100%;
	height: auto;
	position: relative;
}
.join-support,
.advantage,
.admission{
	width: 1140px;
	height: auto;
	margin: 0 auto;
	background: #fff;
}
.four,
.six,
.eight{
	height: 350px;
	background: #ededed;
}
.one,
.three,
.five,
.seven,
.nine{
	height: 350px;
	background: #f39982;
}
.two{
	background: url(../image/02.png) no-repeat;
	height: 350px;
	width: 100%;
	background-size: 100% 100%;
}
.two-background{
	height: 350px;
	width: 100%;
	background:#000;
	opacity: .5;
}
.one-box,
.two-box{
	padding: 50px 100px;
    position: relative;
}

.one-box-left{
	width: 40%;
	float: left;
}
.one-box-right{
	width: 60%;
	float: right;
}
.one-box-left-title,
.two-box-left-title{
	width: 100%;
	position: relative;
}
.one-box-left-title-left,
.two-box-left-title-left{
	float: left;
	width: 60px;
	height: 60px;
}
.one-box-left-span{
	width: 100%;
	height: auto;
	margin-top: 50px;
}
.one-box-left-span-title-one{
	width: 100%;
    background: #7ac143;
    color: #fff;
	padding: 10px;
	font-size: 16px;
}
.one-box-left-span-title-two{
	width: 100%;
	margin-top: 20px;
    background: #e86240;
    color: #fff;
	padding: 10px;
	font-size: 16px;
}
.two-box-right{
	margin-top: 50px;
}
.two-box-left-span-title-one,
.two-box-left-span-title-two{
    width: 100%;
    color: #fff;
	padding: 10px;
	font-size: 16px;
	text-align: center;
	font-weight: 700;
}
.two-box-left-span-title-one{
	background: #008c8c;
	border-radius: 10px;
}
.two-box-left-span-title-two{
	margin-top: 20px;
	border-radius: 10px;
	background: #f39982;
}
.circle{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
	color: #f39982;
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	font-weight: 700;
}
.one-box-left-title-right{
	float: left;
}
.two-box-left-title-right{
	float: left;
	color: #fff;
}
.circle-title{
	width: 100%;
	float: left;
	line-height: 35px;
	text-indent: 20px;
	font-size: 24px;
	font-weight: 700;
}
.circle-span{
	text-indent: 20px;
	line-height: 35px;
	font-size: 16px;
}
.second{
	color: #fff;
}
.squre{
	width: 60px;
	height: 60px;
	float: left;
	border-radius: 50%;
	background: #f39982;
	color: #fff;
	text-align: center;
	line-height: 60px;
	font-size: 24px;
	font-weight: 700;
}
.three-box-bottom{
	width: 100%;
	height: auto;
	margin-top: 50px;
	font-size: 16px;
	position: relative;
}
.three-box-bottom-box{
	width: 100%;
	position: relative;
}
.box-left{
	width: 36%;
    height: auto;
	float: left;
}
.box-middle{
	width: 30%;
	height: auto;
	float: left;
}
.box-right{
	width: 33%;
	height: auto;
	float: right;
}
.box-left-img{
	width: 130px;
	height: auto;
	float: left;
	position: relative;
}
.box-left-img>img{
	width: 100%;
	height: 117px;
	border-radius: 10px;
}
.box-left-right{
	width: 61%;
}
.box-middle-right{
	width: 53%;
}
.box-right-right{
	width: 57%;
}
.box-left-right,
.box-middle-right,
.box-right-right
{
	float: right;
	line-height: 25px;
	padding-left: 5px;
	padding-top: 15px;
}
.three-box-right-title,
.seven-box-right-title{
    float:right;
}
.four-box-left-span-title{
	border: 1px dotted #999;
	width: 100%;
	height: 100px;
	padding: 20px;
	line-height: 30px;
	font-size: 16px;
}
.five{
	background: url(../image/05.png) no-repeat;
	width: 100%;
	height: 350px;
	background-size: 100% 100%;
}
.six-box-left-span-title-one{
	width: 100%;
	text-align: center;
	padding: 10px 0;
	background: orange;
	border-radius: 20px;
	color: #fff;
}
.six-box-left-span-title-two{
	width: 100%;
	padding: 10px 0;
	margin-top: 20px;
    text-align: center;
	background: #e86240;
	border-radius: 20px;
	color: #fff;
}
.seven-box-bottom{
	margin-top: 30px;
	width: 100%;
	height: auto;
	position: relative;
}
.seven-box-bottom-contain{
	width: 100%;
	height: auto;
	position: relative;
}
.seven-left{
	width: 30%;
	height: auto;
	float: left;
	position: relative;
}
.seven-left-img{
	width: 100%;
	height: auto;
}
.seven-left-img>img{
	width: 235px;
	border-radius: 50%;
}
.seven-right{
	width: 70%;
	padding: 30px;
	float: right;
}
.seven-right-title{
	text-indent: left;
	line-height: 30px;
	font-size: 16px;
	border: 1px solid #fff;
	border-radius: 10px;
	text-align: center;
	color: #fff;
}
.eighth-first{
	width: 30%;
}
.eighth-first-right{
	width: 53%;
}
.eighth-second{
	width: 34%;
    height: auto;
    float: left;
}
.eighth-second-right{
	width: 59%;
}
.eighth-three {
	width: 36%;
}
.nine{
	background: url(../image/09.png) no-repeat;
	height: 350px;
	width: 100%;
	background-size: 100% 100%;
  }
  /* item2 */
  .item2-one{
	height: 350px;
	background: url(../image/item2-one.png) no-repeat;
	width: 100%;
	background-size: 100% 100%;
  }
  .item2-two{
	height: 350px;
	width: 100%;
	background: #999;
  }
  .item2-three{
	height: 350px;
	width: 100%;
	background: #008c8c;
  }
  .item2-four{
	height: 350px;
	background: url(../image/item2-four.jpg) no-repeat;
	width: 100%;
	background-size: 100% 100%; 
  }
  .item2-five{
	height: 350px;
	width: 100%;
	background: #f39982;
  }
  .item2-six{
	height: 350px;
	background: url(../image/item2-six.jpg) no-repeat;
	width: 100%;
	background-size: 100% 100%; 
  }
  .item2-seven{
	height: 350px;
	background: url(../image/item2-seven.jpg) no-repeat;
	width: 100%;
	background-size: 100% 100%; 
  }
  .item2-one-box{
	padding: 40px 70px;
    position: relative;
  }
  .item2-one-box-top{
	width: 100%;
	position: relative;
  }
  .item2-one-box-top-title{
	  width: 100%;
	  position: relative;
  }
  .item2-circle{
	  width: 60px;
	  height: 60px;
	  border-radius: 50%;
	  background: #fff;
	  color: #008c8c;
	  font-size: 24px;
	  font-weight: 700;
	  text-align: center;
	  line-height: 60px;
	  float: left;
  }
  .item2-squre{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #008c8c;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	line-height: 60px;
	float: left;
}
  .item2-circle-title{
	  float: left;
	  font-size: 24px;
	  color: #fff;
	  font-weight: 700;
	  line-height: 60px;
	  text-indent: 20px;
  }
  .item2-one-box-bottom{
	  font-size: 18px;
	  color:#fff;
	  line-height: 40px;
	  text-align: center;
	  position: relative;
  }
  .middle{
	  width: 100%;
	  text-align: center;
  }
.item2-two-bottom-left{
	  width: 50%;
	  float: left;
	  position: relative;
}
.item2-two-bottom-right{
	float: right;
	width: 50%;
}
.item2-two-bottom-left-contain,
.item2-two-bottom-right-contain{
	width: 100%;
	position: relative;
	padding: 10px 20px;
}
.item2-two-bottom-left-img>img,
.item2-two-bottom-right-img>img{
	width: 300px;
	height: 150px;
	border-radius: 20px;
}
.item2-three{
	background: #008c8c;
}
.item2-four-box-bottom{
	padding-top: 30px;
	font-size:16px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-weight: 700;
}
.item2-four-bottom-span-one,
.item2-four-bottom-span-two,
.item2-four-bottom-span-three{
	padding: 10px;
	border-radius: 10px;
	margin: 10px 0;
}
.item2-four-bottom-span-one{
	background: #008c8c;
}
.item2-four-bottom-span-two{
	background: #7ac143;
}
.item2-four-bottom-span-three{
	background: #f39982;
}
.item2-five-bottom-left{
	width: 33.3%;
	float: left;
}
.item2-five-bottom-middle{
	width: 33.3%;
	float: left;
}
.item2-five-bottom-right{
	width: 33.3%;
	float: right;
}
.item2-six-box-bottom{
	margin-top: 50px;
	padding: 20px;
}
.item2-six-bottom-span-one{
	background: #e86240;
	color: #fff;
	border: 5px solid #fff;
	border-radius: 20px;
	padding: 20px;

}
.item2-seven-bottom-span-one{
	border: 1px dotted #fff;
	border-radius: 20px;
    text-align: left;
	padding: 10px;
	font-size: 16px!important;
}
.item2-seven-box-bottom{
	color:#fff;
	line-height: 40px;
	text-align: center;
	position: relative;
	margin-top: 20px;
}
.item2-seven-bottom-span-two,
.item2-seven-bottom-span-three{
	color: coral;
	font-weight: 700;
}
.item2-seven-bottom-span-two{
	padding-top: 8px;
	font-size: 18px;
}
/* 加盟条件 */
.join-admission{
	width: 100%;
	height: auto;
	background: #fff;
}
.join-admission-span{
	width: 100%;
	padding: 45px;
	position: relative;
}
.span-one{
	width: 30%;
	height: 350px;
	margin-right: 40px;
	vertical-align: top;
	display: inline-block;
	border: 1px solid #ededed;
}
.span-three{
	width: 30%;
	height: 350px;
	display: inline-block;
	border: 1px solid #ededed;
}
.span-one-top{
	width: 100%;
	height: 250px;
}
.span-one-bottom{
	width: 100%;
	height: 100px;
	padding: 10px;
}
.span-one-top>img{
	width: 100%;
	height: 250px;
}
.p{
	text-align: center;
	font-size: 18px;
}
.application{
	width: 100%;
	background: #fff;
}
.join-application{
	width: 1140px;
	margin: 0 auto;
}
textarea, 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="email"], 
input[type="month"], 
input[type="number"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"]{
	margin-bottom: 0px!important;
}
.process{
	width: 1140px;
	height: auto;
	margin: 0 auto;
	padding-top: 40px;
	background: #fff;
}
.join-process{
	width:800px;
	height: 1100px;
	position: relative;
	margin: 0 auto;
	background: url(../image/join-process.jpg) no-repeat 0 0;
}
.join-process-top{
	left: 340px;
	font-size: 24px;
	font-weight: 700;
}
.ab{
	width: 210px;
	top: 5px;
	position: absolute;
}
.line-height{
	line-height: 25px;
	margin-top: 10px;
    text-align: left;
}
.seven-title{
	padding-left: 25px;
}
.seven-line-height{
	padding: 0 20px;
}
.join-process-one{
	left: 200px;
	top: 115px;
}
.join-process-span-title{
	font-size: 18px;
	font-weight: 700;
	text-align: left;
}
.join-process-two{
	left: 200px;
	top: 250px;
}
.join-process-three{
	left: 200px;
	top: 385px;
}
.join-process-four{
	left: 200px;
	top: 520px;
}
.join-process-five{
	left: 200px;
	top: 654px;
}
.join-process-six{
	left: 200px;
	top:788px ;
}
.join-process-seven{
	background: #ededed;
    width: 440px;
	padding-top: 15px;
	padding-bottom: 15px;
    text-align: center;
	top:922px ;
	position: relative;
}
.join-process-seven-img{
	width: 40%;
	float: left;
}
.join-process-seven-img>img{
	width: 100px;
}
.join-process-span-box{
	width: 60%;
	float: right;
}
.management-one{
	top: 145px;
	right: 32px;
}
.management-two{
	right: 16px;
	top: 278px;
}
.management-three{
	top: 410px;
	right: 32px;
	
}
.management-four{
	top: 545px;
	right: 32px;
}
.management-five{
    top:678px;
	right: 32px;
}
.management-six{
	top: 810px;
	right: 32px;
}
.management-seven{
	top: 845px;
    right: -5px;
    background: url(../image/liucheng.png) no-repeat;
    width: 45%;
    height: 20%;
}
.seven-span{
	top: 102px;
    left: 200px;
    position: absolute;
}
.color{
	color: #fff;
}
.style{
	text-align: center;
}
.p{
	font-size:16px;
	line-height: 30px;
}
.font-color{
	font-size: 14px;
	color: #fff;
}
/* 加盟支持 */
.one-box-right-img>img{
	height: 250px;
    width: 500px;
	float: right;
}
.footer-p{
	color: #fff!important;
}
.menu-item-49-title-span{
	font-size: 16px;
}