.container{width: 100%; padding: 0 5.625rem;}
@media (max-width:767px){
	.container{padding: 0 1.5rem;}
}


.banner{height: 100vh; display: flex; align-items: center; background: url(images/banner_about.jpg) no-repeat center center; background-size: cover;}
.banner .text-box{width: 100%; color: #fff;}
@media (max-width:767px){
	.banner{ padding: 50px 0 0;}
}

.fuwu_1{margin: 6.25rem 0 0; padding: 7.5rem 0 6.6875rem; background: url(images/fuwu_1_bg.jpg) no-repeat top center;}
.fuwu_1 .cont{margin: 2.5rem 0 0;}
.fuwu_1 ul{display: flex; width: 100%;}
.fuwu_1 li{flex: 1; position: relative;}
.fuwu_1 li::after{content: ""; width: 1px; background: rgba(255,255,255,0.3); position: absolute; right: 0; top: 2.25rem; bottom: 2.25rem;}
.fuwu_1 li:last-child::after{content: none;}
.fuwu_1 li .item{text-align: center; height: 28.5625rem; padding: 5.4375rem 0 0; color: #fff; transition: 0.36s all;}
.fuwu_1 li .tit{font-size: 1.25rem; line-height: 1; margin: 2.25rem 0 1.25rem;}
.fuwu_1 li .line{width: 40px; height: 1px; margin: 0 auto; display: block; background: #fff;} 
.fuwu_1 li .tit_en{font-size: 12px; margin: 1rem 0 0; text-transform: uppercase;}
.fuwu_1 li .icon{position: relative; height: 9.5rem; width: 9.5rem; display: block; margin: 0 auto; overflow: hidden;}
.fuwu_1 li .icon img{position: absolute; left: 0; right: 0; -webkit-transition:0.36s ease;
    -moz-transition:0.36s ease;
    -o-transition:0.36s ease;
  -ms-transition:0.36s ease;
  transition:0.36s ease;}
.fuwu_1 li .icon .img{top: 0;}
.fuwu_1 li .icon .img_hover{top: 100%;}
.fuwu_1 li.on .icon .img{top: -100%;}
.fuwu_1 li.on .icon .img_hover{top: 0;}
.fuwu_1 li.on .item{background: #fff;}
.fuwu_1 li.on .line{background: #E12027;} 
.fuwu_1 li.on .tit{ color: #373737;}
.fuwu_1 li.on .tit_en{ color: #999;}
@media (max-width:767px){
	.fuwu_1{margin: 50px 0 0; padding: 30px 0 ;}
	.fuwu_1 .cont{ padding: 0 1.5rem;}
	.fuwu_1 ul{display: block; overflow: hidden;}
	.fuwu_1 li{float: left; width: 50%;}
	.fuwu_1 li:nth-child(even)::after{content: none;}
	.fuwu_1 li .item{height: auto; padding: 20px 0 ;}
	.fuwu_1 li .icon{width: 7rem; height: 7rem;}
}
@media (min-width: 1200px) and (max-width: 1440px){
    .fuwu_1 li .item{height: 24.5625rem; padding: 4.4375rem 0 0;}
    .fuwu_1 li .icon{height: 8rem; width: 8rem;}
}

.fuwu_2{padding: 9rem 0 10.875rem; background: url(images/fuwu_2_bg.jpg) no-repeat top center; overflow: hidden;}
.fuwu_2 .common_tit .tit_desc{ margin: 2.1875rem 0 0; font-size: 16px;}
.fuwu_2 .cont{margin: 4.375rem 0 0;}
.fuwu_2 .cont ul{float: left; width: 21.75rem;}
.fuwu_2 .cont li,
.fuwu_2 .cont .erro{position: relative; z-index: 1; float: left; width: 10.875rem; height: 11.5rem; text-align: center; }
.fuwu_2 li .item{background: rgba(255,255,255,0.45); width: 100%; height: 100%; font-size: 1rem; color: #353535; display: flex; align-items: center; justify-content: center; transition: 0.36s all;}
.fuwu_2 li .icon{position: relative; width: 3.625rem; height: 3.625rem; display: block; margin: 0 auto 1.125rem; overflow: hidden;}
.fuwu_2 li .icon img{position: absolute; left: 0; right: 0; -webkit-transition:0.36s ease;
    -moz-transition:0.36s ease;
    -o-transition:0.36s ease;
  -ms-transition:0.36s ease;
  transition:0.36s ease;}
.fuwu_2 li .icon .img{top: 0;}
.fuwu_2 li .icon .img_hover{top: 100%;}
.fuwu_2 li.on{z-index: 2;}
.fuwu_2 li.on .icon .img{top: -100%;}
.fuwu_2 li.on .icon .img_hover{top: 0;}
.fuwu_2 li.on .item{background: #E12027; color: #fff; box-shadow: 0px 1px 12px 0px rgba(112, 117, 120, 0.5); transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
@media (max-width:767px){
	.fuwu_2{padding: 30px 0 ; background-size: cover;background: url(images/fuwu_2_bg_m.jpg); background-size: 100% auto;}
	.fuwu_2 .common_tit .tit_desc{width: 60%; line-height: 1.8;}
	.fuwu_2 li .item{background: rgba(255,255,255,0.7);}
}


.fuwu_3{padding: 4.75rem 0; overflow: hidden;}
.fuwu_3 .container{display: flex; justify-content: space-between; align-items: center;}
.fuwu_3 .common_tit .tit_desc{ margin: 3.625rem 0 0;}
@media (max-width:767px){
	.fuwu_3{padding: 30px 0 ; }
	.fuwu_3 .container{display: block;}
	.fuwu_3 .common_tit .tit_desc{font-size: 12px; color: #A7A7A7; line-height: 1.5; margin: 30px 0 0;}
	.fuwu_3 .pic{margin: 30px 20% 0;}
}


.fuwu_4{}
.fuwu_4 ul{display: flex;}
.fuwu_4 ul li{flex: 1; text-align: center;}
.fuwu_4 ul li .item{position: relative; color: #fff; transition: 0.36s all;}
.fuwu_4 ul li .text{position: absolute;top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
.fuwu_4 ul li .text .box{height: 178px; width: 100%; position: relative; display: block;transition: 0.36s all ease;}
.fuwu_4 ul li .icon{width: 3.125rem; margin: 0 auto;}
.fuwu_4 ul li .info{position: relative;}
.fuwu_4 ul li .tit{position: absolute; top: 140px;  left: 50%; transform: translateX(-50%); font-size: 1.625rem; line-height: 1; text-transform: uppercase; transition: 0.36s all ease;}
.fuwu_4 ul li .line{position: absolute; display: block; top: 90px; left: 50%; transform: translateX(-50%); width: 32px; height: 1px; background: #E7EBED; margin: 0 auto; transition: 0.36s all ease;}
.fuwu_4 ul li .desc{position: absolute;  display: block; bottom: 0; left: 0; right: 0;padding: 0 17%; font-size: 14px; margin: 0 auto; line-height: 2;  opacity: 0; transition: 0.36s all ease; overflow: hidden;}
.fuwu_4 ul li.on .text{background: rgba(255, 46, 54, 0.68);}
.fuwu_4 ul li.on .tit{top: 86px;}
.fuwu_4 ul li.on .line{top: 144px;}
.fuwu_4 ul li.on .desc{opacity: 1;}
.fuwu_4 ul li.on .text .box{height: 238px;}
@media (max-width: 1599px){
    .fuwu_4 ul li .text .box{height: 135px;}
    .fuwu_4 ul li .line{top: 72px;}
    .fuwu_4 ul li .tit{top: 114px;}
    .fuwu_4 ul li .icon{width:42px;}
    .fuwu_4 ul li.on .tit { top: 72px;}
    .fuwu_4 ul li.on .line {top: 121px;}
    .fuwu_4 ul li.on .desc{ top: 151px;}
}
@media (max-width:767px){
	.fuwu_4 ul{display: block; overflow: hidden;}
	.fuwu_4 ul li{float: left; width: 50%;}
	.fuwu_4 ul li .icon{width: 36px;}
	.fuwu_4 ul li .desc{display: none;}
	.fuwu_4 ul li .text .box,
	.fuwu_4 ul li.on .text .box{height: 94px;}
	.fuwu_4 ul li .line{top: 56px;}
	.fuwu_4 ul li .tit{top: 77px;}
	.fuwu_4 ul li.on .tit{top: 56px;}
	.fuwu_4 ul li.on .line{top: 92px;}
}
@media (min-width: 1200px) and (max-width: 1440px){
    .fuwu_4 ul li .desc{padding: 0 8%;}
}
img{max-width: 100%;vertical-align: top;}
.common_tit .tit{font-size: 2.375rem; line-height: 1.3; margin: 0.5rem 0 0;}
.common_tit .tit_en{ font-family: Roman; color: #E12027; font-size: 3.75rem; line-height: 1.23; text-transform: uppercase;}
.common_tit.white .tit_en{color: #fff;}
.common_tit.white .tit{color: #fff;}
@media (max-width: 1599px){
    .common_tit .tit{font-size: 2.125rem;}
	.common_tit .tit_en{font-size: 3.5rem;}
}
@media (min-width: 1200px) and (max-width: 1440px){
    .common_tit .tit_en{font-size: 2.75rem;}
}
@media (max-width:767px){
	.common_tit .tit{font-size: 20px;}
	.common_tit .tit_en{font-size: 28px;}
}

.column_tit{text-align: center;}
.column_tit .tit{font-size: 3.125rem; line-height: 1.32; color: #161616;}
.column_tit .tit_desc::before{content: ""; margin: 0 auto 2.25rem; width: 60px; height: 4px; background: #E12027; display: block;}
.column_tit .tit_desc{font-size: 1.25rem;  margin: 1.25rem auto 0; color: #232323; line-height: 1.8;max-width: 62.68%;}
@media (max-width:767px){
	.column_tit .tit{font-size: 24px;}
	.column_tit .tit_desc{max-width: none; font-size: 12px; line-height: 2;}
	.column_tit .tit_desc::before{margin: 0 auto 1rem; width: 40px; height: 2px;}
}
@media (max-width: 1599px){
    .column_tit .tit{font-size: 2.875rem; }
    .column_tit .tit_desc{font-size: 1rem;}
}