.aboutUsGroup {
	width:1400px;margin:0 auto;
            display: flex;
            margin-top: 193px;
        }

        .aboutUsGroup .centerValue {
            flex: 1;
        }
        .aboutUsGroup .centerValue .titleGroup img{float:right;}
.aboutUsGroup .centerValue .titleGroup{overflow: hidden;zoom:1;}
        .aboutUsGroup .centerValue .titleGroup .title {
            font-size:50px;
            color: #cf001c;
            line-height: 50px;
            margin-bottom:35px;float:left;
        }

        .aboutUsGroup .centerValue .titleGroup .bigTitle {
            height: 127px;
            font-size: 131px;
            font-weight: 400;
            color: #cf001c;
            line-height: 131px;
            margin-left: -83px;
            margin-bottom:58px;
        }


        .aboutUsGroup .centerValue .valueGroup .value {
            font-size:24px;
            color: #393939;
            line-height:48px;
        }
.aboutUsGroup .centerValue .valueGroup .value strong{font-weight: normal;}

        .aboutUsGroup .centerValue .textGroup {
            width: 878px;
            font-size:18px;
            color: #606060;
            line-height: 40px;
            margin:40px 0;
        }
       
		.aboutUsGroup .centerValue .textGroup p span{color: #393939;}
        .aboutUsGroup .centerValue .btn {
            width:120px;
            height:38px;
			line-height: 38px;
            margin-bottom:70px;
            cursor: pointer;
			color:#cf001c;
			text-align: center;
			padding-right:30px;
			background: url(../assets/btn.svg) no-repeat;
        }

        .aboutUsGroup .centerValue .btn:hover {
			color:#fff;
            background: url(../assets/btn2.svg) no-repeat;
        }

        .aboutUsGroup .leftValue {
          
        }

        .aboutUsGroup .leftValue .icon {
            width:45px;
            margin-right: 27px;
            margin-top:17px;
        }

        .aboutUsGroup .rightValue {
            width:103px;
        }
        .aboutUsGroup .titleGroup .image{float:right;}

        
        .scrollGroup .icon {
            width: 40px;
            cursor: pointer;
        }

        .servicesGroup {
            display: flex;
            width: 1400px;
			margin: 0 auto;
            margin-bottom:55px;
        }



        .servicesGroup .leftValue .icon {
            width:45px;
            margin-right: 18px;
            margin-top:5px;
        }

        .servicesGroup .rightValue {
 				text-align: right;margin-top:50px;
        }


        .servicesGroup .centerValue {
            flex: 1;
        }

        .servicesGroup .centerValue .title {
            font-size: 22px;
            color: #393939;
            margin-bottom:36px;
        }

        .servicesGroup .centerValue .bigTitle {
            font-size:55px;
            color: #cf001c;
            line-height: 89px;
        }

        .servicesList {
            display: flex;
            flex-wrap: wrap;
            margin-bottom:150px;
        }

        .servicesList .topList,
        .servicesList .bottomList {
            display: flex;
            align-items: center;
            overflow: hidden;
            width: 100%;
        }

        .servicesList .topList .item,
        .servicesList .bottomList .item {
            width: calc(100% / 3);
            position: relative;
            overflow: hidden;
            margin-bottom: 0;
            display: flex;
            height:265px;
            align-items: center;
        }

        .servicesList .topList .item:hover .value,
        .servicesList .bottomList .item:hover .value {
            opacity: 1;
        }

        .servicesList .topList .item:hover .image,
        .servicesList .bottomList .item:hover .image {
            scale: 1.1;
        }

        .servicesList .topList .item .image,
        .servicesList .bottomList .item .image {
            transition: all 0.5s linear;
            width: 100%;
        }

        .servicesList .topList .item .value,
        .servicesList .bottomList .item .value {
            transition: all 0.5s;
            position: absolute;
            opacity: 0;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 20;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            background: rgba(0, 0, 0, 0.4);
        }

        .servicesList .topList .item .value .txt,
        .servicesList .bottomList .item .value .txt {
            font-size: 20px;
            color: #ffffff;
            margin-bottom:15px;
        }

        .servicesList .topList .item .value .btn,
        .servicesList .bottomList .item .value .btn {
            cursor: pointer;
			border:2px solid #fff;color:#fff;border-radius:30px;height:36px;line-height: 36px;text-align: center;width:120px;
        }
       
.servicesList .topList .item .value .btn a,
.servicesList .bottomList .item .value .btn a{color:#fff;}
        .servicesList .bottomList {
            display: flex;
        }

        .servicesList .bottomList .item {
            width: calc(100% / 2);
            height:265px;
        }

        .memberGroup {
            display: flex;
            width:1400px;margin:0 auto 100px auto;
        }

        .memberGroup .leftValue .icon {
            width:45px;
            margin-right: 18px;
            margin-top:5px;
        }

        .memberGroup .rightValue {
            width: 1030px;
            display: flex;
            justify-content: center;
            align-items: flex-end;
        }

        .memberGroup .rightValue .image {
            width: 469px;
            height: 118px;
        }

        .memberGroup .centerValue {
            flex: 1;
        }

        .memberGroup .centerValue .title {
            font-size: 22px;
            color: #393939;
			margin-bottom: 36px;
        }

        .memberGroup .centerValue .bottom {
            display: flex;
            align-items: flex-end;
        }
        .memberGroup .centerValue .txtGroup {
            font-size:55px;
            color: #cf001c;
            line-height:69px;
        }
        .memberGroup .centerValue .bottom .homeImg3 {
            margin-left: 45px;
        }

        .memberGroup .centerValue .bottom .btn {
            margin-left: 740px;
            width:120px;
            height:38px;
           line-height: 38px;
			color:#cf001c;
			text-align: center;
			padding-right: 30px;
			background: url(../assets/btn.svg) no-repeat;background-size:100% 100%;
            cursor: pointer;
        }

        .memberGroup .centerValue .bottom .btn:hover {
			color:#fff;
            background: url(../assets/btn2.svg) no-repeat;background-size:100% 100%;
        }




        .worksGroup,
        .futureGroup {
            display: flex;
            width:1400px;margin:135px auto 50px auto;
        }

        .worksGroup .leftValue .icon,
        .futureGroup .leftValue .icon {
            width:45px;
            margin-right: 18px;
            margin-top:5px;
        }

        .worksGroup .centerValue,
        .futureGroup .centerValue {
            flex: 1;
			width:1300px;
        }

        .worksGroup .centerValue .title,
        .futureGroup .centerValue .title {
            font-size:22px;
            color: #393939;
			margin-bottom: 36px;
        }

        .worksGroup .centerValue .bottom,
        .futureGroup .centerValue .bottom {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
        }

        .worksGroup .centerValue .bottom .btn,
        .futureGroup .centerValue .bottom .btn {
            margin-left: 227px;
            width: 219px;
            height: 57px;
            border-radius: 75px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            background: #fff;
            border: 4px solid #cf001c;
            font-weight: 400;
            cursor: pointer;
            color: #cf001c;
        }

        .worksGroup .centerValue .bottom .btn:hover,
        .futureGroup .centerValue .bottom .btn:hover {
            color: #fff;
            background: #cf001c;
        }

        .worksGroup .centerValue .bigTitle,
        .futureGroup .centerValue .bigTitle {
            font-size:55px;
            color: #cf001c;
            line-height:69px;
        }

        .workList,
        .workList2,
        .workList3 {
            width:1400px;margin:0 auto 50px auto;
            padding: 78px 0;
            box-sizing: border-box;
            position: relative;
            perspective: 1212px;
            height: 450px;
			 -webkit-overflow-scrolling: touch;
			transform: translate3d(0,0,0);
        }

        .workList .item,
        .workList2 .item,
        .workList3 .item {
/*            width: calc(100vw - 303px);*/
			width:1400px;margin:0 auto 50px auto;
            position: fixed;
/*            margin-bottom: 66px;*/
            height: 430px;
/*            transform: rotateX(0deg) scale(0.9749);*/
            z-index: 10;
            border-radius: 22px;
            background-color: #cfcece;
        }

        .workList .item .card,
        .workList2 .item .card,
        .workList3 .item .card {
/*            width: calc(100vw - 303px);*/
			width:100%;margin:0 auto 50px auto;
            height: 430px;
            z-index: 1;
            border-radius: 22px;
        }

        .workList .item .txt,
        .workList2 .item .txt,
        .workList3 .item .txt {
            position: absolute;
            bottom:70px;
            left: 57px;
            height: 62px;
            font-size:24px;
            font-weight: 400;
            color: #ffffff;
            line-height: 71px;
        }

        .workList .item .more,
        .workList2 .item .more,
        .workList3 .item .more {
            position: absolute;
            left: 57px;
            bottom: 38px;color:#fff;
        }
.works_list{position: absolute; z-index:20;left:65px;top:0;padding: 0;}
        .workList .item .more a, .workList2 .item .more a, .workList3 .item .more a{}
        .gray {
            background: #ededed;overflow: hidden;zoom:1;
        }

/*
        .workbox {
            height:100px;
        }
*/

        .workBottom {
			width:1400px;margin:0 auto;
            position: relative;
            z-index: 10;
            background: rgba(237, 237, 237, 1);overflow: hidden;zoom:1;
        }

        .workBottom .btn {
			float:left;
            width:120px;
            height:38px;
           line-height: 38px;
			color:#cf001c;
			text-align: center;
			padding-right: 30px;
			background: url(../assets/btn.svg) no-repeat;background-size:100% 100%;
			margin:150px 0 0 0;
			margin-left: 70px;
            cursor: pointer;
            position: relative;
            z-index: 100;
        }

        .workBottom .btn:hover {
			color:#fff;
			background: url(../assets/btn2.svg) no-repeat;background-size:100% 100%;
        }

        .workBottom .txt {
			float:right;
            width: 389px;
            font-size:19px;
            color: #393939;
            line-height:40px;
			padding:60px 0;
            position: relative;
        }


        .futureValue {
			width:1400px;
			margin:0 auto;overflow: hidden;zoom:1;
        }

        .futureValue .list {
			float:left;
            width: 333px;
            display: flex;
            padding-bottom: 60px;padding-top:150px;padding-left:60px;
            flex-wrap: wrap;
        }

        .futureValue .list .item {
            width: 50%;
            display: flex;
            align-items: center;
            color: #333;
            font-size:20px;
            text-align: left;
            margin-bottom: 25px;
        }

        .futureValue .list .item .icon {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            margin-right: 9px;
            background: #333;
        }

        .futureValue .img {
            width:933px;float:right;margin-bottom:150px;
        }

        


@media only screen and (max-device-width: 768px) {
	.servicesGroup .centerValue .title,.memberGroup .centerValue .title{margin-bottom:20px;font-size: 1.2rem;
        font-weight: 300;}
	.servicesGroup .rightValue{margin-top:36px;}
	.aboutUsGroup{width:90%;margin-top:2.6rem;padding-bottom: 2.6rem;}
	.aboutUsGroup .centerValue .titleGroup .title{font-size:2rem;width:75%;margin-top: 2.4rem;}
	.aboutUsGroup .rightValue{width:auto;}
	.aboutUsGroup .titleGroup img{width:4rem;margin-right:0;margin-top: 2.4rem;}
	.aboutUsGroup .centerValue .valueGroup{margin-right:2rem;}
	.aboutUsGroup .centerValue .valueGroup .value{font-size:1.1rem;line-height:2rem;}
	.scrollGroup{margin-bottom:6rem;}
	.aboutUsGroup .centerValue .btn{margin-bottom:2.4rem;}
	.aboutUsGroup .centerValue .textGroup{width:89%;font-size:1.1rem;font-weight: 300;}
	.servicesGroup{width:90%;}
	.servicesGroup .centerValue .bigTitle{font-size:2.4rem;line-height:3rem;}
	.servicesGroup .titleGroup .image,.servicesGroup .rightValue .image{width:9rem;margin-top:1rem;}
	.servicesList{margin-bottom:0px;}
	.servicesList .topList, .servicesList .bottomList{display:initial;}
	.servicesList .topList .item, .servicesList .bottomList .item{height:260px;width:100%;}
	.servicesList .bottomList .item{height:260px;}
	.servicesList .topList .item .image, .servicesList .bottomList .item .image{width:100%;height:auto;}
	.servicesList .topList .item .value, .servicesList .bottomList .item .value{opacity:1;}
	.servicesList .topList .item .value .txt, .servicesList .bottomList .item .value .txt{font-size:1rem;}
	.memberGroup{width:90%;margin: 5rem auto 1rem auto;}
	.memberGroup .centerValue .bottom{display:initial;}
	.memberGroup .centerValue .txtGroup{font-size:2.4rem;line-height:3rem;}
	.futureValue{width:100%;}
	.futureValue .img{width:90%;float:none;margin:0 auto;display:block;}
	.futureValue .list{padding-bottom:2rem;padding-top:5rem;padding-left:20px;width:90%;}
	.futureValue .list .item{font-size:1rem;}
	.workList, .workList2, .workList3{width:90%;height:8rem;padding:2rem 0;box-sizing: border-box;}
	.workList .item, .workList2 .item, .workList3 .item{width:100%;height:100%;}
	.workList .item .txt, .workList2 .item .txt, .workList3 .item .txt{left:2rem;font-size:1.3rem;bottom:2rem;}
	.workList .item .more, .workList2 .item .more, .workList3 .item .more{left:2rem;font-size:1rem;bottom:1rem;}
	.workList .item .card, .workList2 .item .card, .workList3 .item .card{height:100%;}
	.workBottom{width:90%;}
	.workBottom .txt{width:95%;float:none;font-size:1rem;padding:30px 0;margin:0 auto;}
	.workBottom .btn{margin:1rem 0 2rem 0;float:none;}
	.worksGroup, .futureGroup{width:90%;margin:5rem auto 50px auto;}
	.worksGroup .centerValue .title, .futureGroup .centerValue .title{margin-bottom:1rem;;}
	.worksGroup .centerValue .bigTitle, .futureGroup .centerValue .bigTitle{font-size:2.4rem;line-height:3rem;}
	.worksGroup .centerValue, .futureGroup .centerValue{width:100%;}
	.worksGroup .centerValue .bottom, .futureGroup .centerValue .bottom{display:initial;}
	.memberGroup .centerValue .bottom .homeImg3{margin-left: 0;margin-right: 0;}
	.homeImg3{width:5rem;margin-top:-6rem;float:right;margin-right:20px;}
	.memberGroup .centerValue .bottom .btn{margin-left:0;margin-top:-2.5rem;float:right;margin-right:0;width: 100px;}
	.homeImg5,.homeImg4{width:4rem;margin-top:-5rem;float:right;}
	.aboutUsGroup .leftValue .icon,.servicesGroup .leftValue .icon,.memberGroup .leftValue .icon,.worksGroup .leftValue .icon, .futureGroup .leftValue .icon,.worksGroup .leftValue .icon, .futureGroup .leftValue .icon{display: none;}
	.works_list {padding: 0; width:4rem;
    position: absolute;
    z-index: 20;
    left:1rem;
    top: 0;
}  
	.aboutUsGroup .centerValue .valueGroup .value strong{font-weight: normal;display: block;}
	
}