body {
    display: flex;
    flex-direction: column;
}

#home {
    color: #333333;
}

#bussi {
    color: #DD353E;
}


.case-1,.case-2,.case-3{
	background-color: #fff;
	width: 100%;
	padding-top: 5em;
	padding-bottom: 3em;
}
.case-1-jj{
	text-align: center;
	font-size: 1.2em;
	color: #545454;
	padding-bottom: 2em;
}
.case-1-jj p{
	margin-bottom: 1em;
}
.case-1 ul{
	padding-top: 3em;
}
.case-1 ul li:not(:last-child){
	margin-bottom: 4em;
}
.case-1 ul li b{
	background-color: #5b5b5b;
	display: block;
	width: 10em;
	padding: .8em 0;
	color: #d7d7d7;
	font-weight: normal;
	text-align: center;
}
.case-1 ul li:nth-child(even) b{
	margin:0 0 0 86.6%;
}
.case-1 ul li .case-1-con{
	flex-direction: row;
}
.case-1 ul li:nth-child(even) .case-1-con{
	flex-direction:row-reverse;
}
.case-1-left,.case-1-right{
	width: 50%;
}
.case-1-left{
	background-color: #f1f1f1;
	padding: 3%;
	box-sizing: border-box;
	color:#333;
}
.case-1-left h2{
	font-weight:normal;
	margin-bottom:2em;
}
.case-1-left p{
	font-size:1em;
	line-height:1.5em;
	margin-bottom:2em
}
.case-1-left a{
	background-color:#fff;
	padding:.5em 1.5em;
	border-radius:20px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-size:1em;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.case-1-right img{
	width:100%;
	display:block;
}
.case-2 .title_h2{
	padding-bottom: 2em;
}
.case-2-con ul{
	flex-wrap: wrap;
	padding-top:2em;
	padding-bottom:1em;
}
.case-2-con ul li{
	width: 33.3%;
	padding: 4%;
	box-sizing: border-box;
	text-align: center;
	color: #545454;
	border-bottom: 1px solid #d0cdcd;
	border-right: 1px solid #d0cdcd;
}
.case-2-con ul li:nth-child(3n){
	border-right:none;
}
.case-2-con ul li:nth-child(4),.case-2-con ul li:nth-child(5),.case-2-con ul li:nth-child(6){
	border-bottom:none;
}
.case-2-con ul li img{
	display: block;
	width: 25%;
	margin: 0 auto;
}
.case-2-con ul li h2{
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.case-2-con ul li p{
	font-size: 1em;
	line-height:2em;
}
.topimg{
    margin-top: 80px;
}

img {
    width: 100%;
}

.wh3, .wh4, .wh5, .wh6, .wh7, .wh8, .wh9 {
    width: 100%;
    position: relative;
}

.wximg3, .wximg4, .wximg5, .wximg6, .wximg7, .wximg8, .wximg9 {
    position: absolute;
    z-index: 30;
}

.wh4, .wh5, .wh6, .wh7, .wh8, .wh9 {
    margin-top: 25%;
}

.morel, .morer {
    display: block;
    text-decoration: none;
    width: 12em;
    height: 2.5em;
    line-height: 2.5em;
    text-align: center;
    border-radius: 5em;
    color: #fff;
    font-size: 1em;
    background-color: #333333;
}

.morel {
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    z-index: 34;
    margin-top: 19%;
    margin-left: 21%;
    background-color: white;
    color: #333333;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.morer {
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    margin-left: 68%;
    margin-top: 19%;
    z-index: 34;
    background-color: white;
    color: #333333;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.jumpTop {
    cursor: pointer;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    position: fixed;
    right: 6rem;
    bottom: 6rem;
    background-color: #fff;
    display: none;
    border-radius: 50%;
    text-decoration: none;
    z-index: 99999;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .2);

}

.jumpTop:hover {
    background-color: #DD353E;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}

.jumpTop:hover .topIco {
    color: #fff;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}

.topIco {
    font-size: 1.8rem;
    color: #9e9e9e;
}

.footer {
    margin-top: 0;
}

.buslink {
    width: 100%;
    height: 176px;
    line-height: 176px;
    font-size: 1.3em;
    text-align: center;
    color: #4a4a4a;
    background-color: white;
}

.ad {
    font-size: 24px;
    font-weight: 500;
}

i {
    font-family: "iconfont" !important;
    font-size: 28px;
    /* color: #fff; */
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.arrow {
    font-size: 1em;
}

.marrow {
    font-size: 1em;
    color: #333333;
}



.contBox {
	width: 100%;
	height: 440px;
	background-color: #fafafa;
}

.Layout {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	height: 440px;
}

.infiIco {
	width: 207px;
	height: 320px;
}

.infoTatal{
	display: flex;
	flex-direction: column;
}

.infoTatal ul{
	list-style: none;
	color: #666;
}

.infoTatal ul li i{
	font-size: 1.3rem;
	color: #E13F3D;
}

.infoBox{
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 8px;
	width: 500px;
	height: 140px;
	background-color: #fff;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .2);
}

.infoBox ul{
	margin-top: -10px;
}

.infoBox ul li{
	font-size: 1rem;
	margin-top: 1.3rem;
}

.locBox{
	width: 500px;
	height: 60px;
	font-size: 1rem;
	margin-top: 2.5rem;
	background-color: #fff;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 8px;
}

.locBox i{
	font-size: 1.3rem;
}

.bussIco,.agentIco{
	margin-right: 10px;
}

.corpIco,.locIco{
	margin-right: 20px;
}

.btncont {
	display: flex;
	flex-direction: column;
	right: 20%;
	top: 32%;
}

#corp, #join {
	display: block;
	text-decoration: none;
	width: 12em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	border-radius: 5em;
	color: #fff;
	font-size: 1em;
	background-color: #333333;
}

#join{
	margin-top: 2rem;
	background-color:#E13F3D;
}

@media(max-width:1200px){
	.case-1-jj{
		padding-left: 1%;
		padding-right: 1%;
		box-sizing: border-box;
	}
}

@media(max-width:768px){
	.contBox{
		height: auto;
		padding-bottom: 1em;
	}
	.Layout{
		flex-wrap: wrap;
	}
	.btncont{
		flex-direction: row-reverse;
		width: 100%;
		justify-content: center;
	}
	#join{
		margin-top: 0;
		margin-right: 1em;
	}
	.case-1 ul li:nth-child(even) b{
		margin-left: 0;
	}
	#corp, #join{
		width: 40%;
	}
	.case-1 ul,.case-2-con ul{
		padding-left: 0;
	}
	.case-2-con ul li{
		width: 50%;
	}
	.buslink{
		height: 5em;
		line-height: 5em;
	}
	.case-2-con ul li:nth-child(3){
		border-right: 1px solid #d0cdcd;
	}
	.case-2-con ul li:nth-child(4){
		border-bottom: 1px solid #d0cdcd;
	}
	
}
@media(max-width:600px){
	.case-1 ul li .case-1-con{
		flex-wrap: wrap;
	}
	.case-1-left, .case-1-right{
		width: 100%;
	}
	.case-1-left{
		padding:2em 1em;
	}
	.case-1-left h2{
		margin-bottom:1em;
	}
	.case-1 ul li .case-1-con,.case-1 ul li:nth-child(even) .case-1-con{
		flex-direction:column-reverse;
	}
	
	
	.infiIco{
		display:none;
	}
	.infoBox,.locBox{
		width: 98%;
		margin: 1em auto;
	}
	.jumpTop{
		right: 1rem;
	}
	.infoTatal{
		width:95%;
	}
}