.top-box {
    height: 514px;
    width: 100%;
    background-image: url("../images/tongcang/tongcang-banner.jpg");
    background-repeat: no-repeat;
    padding-left: 400px;
    padding-top: 170px;
}  
.liaojie-1 {
    font-size: 48px;
	font-weight: bold;
	color: #ffffff;
    padding-bottom: 22px;
}    
.liaojie-2 {
    font-size: 24px;
	font-weight: bold;
	color: #ffffff;
    padding-bottom: 30px;
} 
.liaojie-3 {
    font-size: 18px;
	font-weight: bold;
	color: #ffffff;
    padding-bottom: 34px;
}   
.liaojie-button {
    width: 150px;
	height: 50px;
    line-height: 50px;
    text-align: center;
	background-image: linear-gradient(50deg, 
		#ff5d2f 0%, 
		#fe7e49 50%, 
		#fc9f62 100%), 
	linear-gradient(
		#fd561c, 
		#fd561c);
	background-blend-mode: normal, 
		normal;
	border-radius: 25px;
    font-size: 20px;
	color: #ffffff;
}          
.intrudution-box {
    height: 400px;
	background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    padding: 60px 0px 48px 0px;
    /* align-items: center; */
}
.intrd-left img {
    width: 445px;
	height: 266px;
    padding: 10px 50px;
    margin-right: 41px;
    background: white;
}
.intrd-right h4 {
    margin: 0;
	font-size: 30px;
	color: #010101;
    font-weight: bold;
    padding-top: 41px;
    padding-bottom: 34px;
}
.intrd-right div {
    width: 504px;
	font-size: 16px;
    line-height: 30px;
	color: #666666;
}
.data-box {
    height: 847px;
    width: 100%;
    background-image: url("../images/tongcang/tongcang_bj2.jpg");
}
.data-box h4 {
    margin: 0;
    text-align: center;
    font-size: 30px;
	color: #010101;
    font-weight: bold;
    padding-top: 60px;
}
.data-top-box {
    display: flex;
    justify-content: center;
    padding-top: 70px;
}
.data-over {
    cursor: pointer;
}
.data-top-left .data-top-bottom .data-bottom-box p{
    font-size: 22px;
    line-height: 40px;
	color: #000000;
    
}
.data-top-left  {
    width: 300px;
	height: 208px;
    text-align: center;
	background-color: #f5f5f5;
	border-radius: 10px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    /* justify-content: flex-end; */
}
.data-content {
    width: 243px;
    line-height: 40px;
}
.data-top-bottom  {
    width: 300px;
	height: 208px;
    text-align: center;
	background-color: #f5f5f5;
	border-radius: 10px;
    margin-top: 25px;
    display: flex;
    align-items: center;
}
.data-bottom-box  {
    width: 300px;
	height: 208px;
    text-align: center;
	background-color: #f5f5f5;
	border-radius: 10px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.data-top-center {
    width: 333px;
	height: 333px;
    background-image: url("../images/tongcang/tongcang_22.png");
    background-size: 333px 333px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 38px 53px 38px;
}
.data-top-center .center-number {
    font-size: 120px;
	line-height: 40px;
	letter-spacing: 1px;
	color: #ff6334;
    text-align: center;

}

.fibidden {
    width: 100%;
	height: 554px;
	background-color: #f5f5f5;
}
.fibidden h4 {
    margin: 0;
    font-size: 30px;
	color: #010101;
    font-weight: bold;
    text-align: center;
    padding: 60px 0px 50px 0px;
}
.fibidden-list {
    width: 1173px;
    display: flex;
    justify-content: space-between;
    margin: auto;
}
.fibidden-image img{
    width: 178px;
	height: 178px;
}
.fibidden-text {
    font-size: 22px;
	color: #333333;
    text-align: center;
    font-weight: bold;
    padding-top: 26px;
}
.fibidden-item {
    width: 280px;
	height: 322px;
	background-color: #fdfdfe;
	border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show-way {
    height: 829px;
    width: 100%;
    background: #ffffff;
}
.show-way h4 {
    font-size: 30px;
	color: #010101;
    text-align: center;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 47px;
}
.way-list {
    display: flex;
    justify-content: center;
    width: 1170px;
    height: 61px;
    box-shadow: 0px 0px 46px 0px 
		rgba(64, 67, 75, 0.19);
    border-radius: 30px;
    margin: auto;
    text-align: center;
    line-height: 61px;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
}
.way-list .way-item-1{
    width: 390px;
	height: 60px;
	background-image: linear-gradient(50deg, 
		#ff5d2f 0%, 
		#fe7e49 50%, 
		#fc9f62 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	background-blend-mode: normal, 
		normal;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        color: #ffffff;
       
}
.way-item {
    cursor: pointer;
}
.way-list .way-item-2{
    width: 390px;
	height: 61px;
	background-color: #ffffff;
	/* box-shadow: 0px 0px 0px 0px 
		rgba(64, 67, 75, 0.19); */
}
.bottom-box {
	width: 0px;
	height: 3px;
	background: #fd561c
 }
.way-list .way-item-3{
    width: 390px;
	height: 61px;
	background-color: #ffffff;
	/* box-shadow: 0px 0px 46px 0px 
		rgba(64, 67, 75, 0.19); */
	border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.way-image img{
    display: block;
    margin: auto;
    width: 1170px;
	height: 559px;
	background-color: #000000;
	border-radius: 10px;
    margin-top: 39px;
 }
 .more-box {
    width: 100%;
	height: 504px;
	background-color: #f5f5f5;
 }
 .more-box h4 {
    margin: auto;
    font-size: 30px;
	color: #010101;
    font-weight: bold;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 50px;
 }
 .more-list {
    width: 1162px;
    display: flex;
    justify-content: space-between;
    margin: auto;
 }
 .more-item {
    width: 220px;
	height: 272px;
    line-height: 30px;
	background-color: #fdfdfe;
	box-shadow: 0px 0px 20px 1px 
		rgba(0, 0, 0, 0.13);
	border-radius: 10px;
    padding: 0 25px;
    text-align: center;
 }
 .more-image {
    width: 70px;
    height: 70px;
    margin: auto;
    margin-top: 45px;
    margin-bottom: 20px;
    
 }
 .more-text {
    font-size: 14px;
	color: #666666;
    text-align: center;
 }