.indexBanner .swiper-pagination-bullet{width: 14px;height: 14px;opacity: 1;background: #ffffff;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.indexBanner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ff004e;}
@media (max-width: 575px){
	.indexBanner .swiper-pagination-bullet{width: 8px;height: 8px;}
}

.indexBanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8.5px;}
@media (max-width: 575px){
	.indexBanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
}
.indexBanner .swiper-pagination{bottom: 50px;}
@media (max-width: 575px){
	.indexBanner .swiper-pagination{bottom: 10px;}
}

.indexBanner .pc{display: block;}
.indexBanner .pc .swiper-slide a{background-repeat: no-repeat;background-position: center center;background-size: cover;display: block;}
.indexBanner .m{display: none;}
.indexBanner .m .swiper-slide a{display: block;}
@media (max-width: 575px){
	.indexBanner .pc{display: none;}
	.indexBanner .m{display: block;}
}

.concept{padding: 0;padding-bottom: 0;}
.concept p{margin: 15px auto;font-size: 16px;color: #000000;text-indent: 2em;line-height: 2.5;}
.concept p:first-child{margin-top: 0;}
.concept p:last-child{margin-bottom: 0;}
.concept p span{font-weight: bold;color: #c90609;font-size: 20px;}
.concept .conbanner{margin-bottom: 70px;padding: 0 100px;}
@media (max-width: 575px){
	.concept .conbanner{margin-bottom: 20px;padding: 0 10px;}
}
.concept .conbanner img.pc{display: block;}
.concept .conbanner img.m{display: none;}
@media (max-width: 575px){
	.concept .conbanner img.pc{display: none;}
	.concept .conbanner img.m{display: block;}
}

@media (max-width: 1300px){
	.concept p{width: 100%;padding: 0 10px;}
}

@media (max-width: 767px){
	.concept{padding: 30px 0;}
}
@media (max-width: 575px){
	.concept p{margin: 10px 0;font-size: 14px;}
	.concept p span{font-size: 16px !important;}
}

/*concept new*/
.concept_new .content{padding: 0 100px;}
.concept_new .content .box{padding:  50px; color: #fff; display: flex; align-items: center; background: linear-gradient(45deg, #183C8A 0%, #B6125E 62%, #E45C2C 100%);}
.concept_new .content .tags{flex: 1; overflow: hidden;}
.concept_new .content .tags li{margin-bottom: 32px;}
.concept_new .content .tags li:last-child{margin-bottom: 0;}
.concept_new .content .tags span{display: inline-block; padding: 0 30px; font-size: 24px; line-height: 62px; border-radius: 62px; border: 1px solid transparent;background: rgba(255,255,255,0.3);}
.concept_new .content .tags li:nth-child(2){text-align: center;}
.concept_new .content .tags li:nth-child(4){text-align: right;}
.concept_new .content .tags li:nth-child(even) span{border:1px solid #fff; background: none;}
.concept_new .content .info{width: 62.5%; overflow: hidden; margin: 0 0 0 3.65%;}
.concept_new .content .info p{color: #fff; }
.concept_new p span{color:#fff;}
@media (max-width: 1300px){
	.concept_new .content .tags span{font-size: 20px; padding: 0 24px; line-height: 48px;}
}

@media (max-width: 767px){
	
}
@media (max-width: 575px){
	.concept_new .content{padding: 0 10px;}
	.concept_new .content .box{display: block;padding: 15px;}
	.concept_new .content .tags li{margin-bottom: 15px;}
	.concept_new .content .tags li:nth-child(2){text-align:right;}
	.concept_new .content .tags span{font-size: 18px; padding: 0 15px; line-height: 42px;}
	.concept_new .content .info{width: 100%;margin: 15px 0 0 0;}
}


.designServices2{padding-top: 70px;}
.designServices2 .content ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 0 22.5px;}
.designServices2 .content ul li{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding: 0 11.5px;}
.designServices2 .content ul li:nth-of-type(1) a .text2{background: #e31639;}
.designServices2 .content ul li:nth-of-type(1) a .text1{background: rgba(227, 22, 57, 0.8);}
.designServices2 .content ul li:nth-of-type(2) a .text2{background: #664ecc;}
.designServices2 .content ul li:nth-of-type(2) a .text1{background: rgba(102, 78, 204, 0.8);}
.designServices2 .content ul li:nth-of-type(3) a .text2{background: #16e3a7;}
.designServices2 .content ul li:nth-of-type(3) a .text1{background: rgba(22, 227, 167, 0.8);}
.designServices2 .content ul li:nth-of-type(4) a .text2{background: #fe7d04;}
.designServices2 .content ul li:nth-of-type(4) a .text1{background: rgba(254, 125, 4, 0.8);}
.designServices2 .content ul li a{position: relative;display: block;border-radius: 5px;overflow: hidden;}
.designServices2 .content ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.designServices2 .content ul li a .img{overflow: hidden;}
.designServices2 .content ul li a .img img{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.designServices2 .content ul li a:hover .text1{top: 0;}
.designServices2 .content ul li a:hover .text2{background: none;}
.designServices2 .content ul li a .title, .designServices2 .content ul li a .en{font-weight: bold;font-size: 50px;color: #fff;}
.designServices2 .content ul li a .en{font-size: 32px;}
.designServices2 .content ul li a .text1{position: absolute;width: 100%;height: 100%;left: 0;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;top: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.designServices2 .content ul li a .text1 .desc{font-size: 16px;color: #fff;padding: 0 30px;line-height: 3;padding-bottom: 100px;}
.designServices2 .content ul li a .text2{position: absolute;bottom: 0;left: 0;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;right: 0;width: 100%;padding: 30px 55px;}
@media (max-width: 1699px){
	.designServices2 .content ul li a .title, .designServices2 .content ul li a .en{font-size: 30px;}
}
@media (max-width: 1399px){
	.designServices2 .content ul li a .text2{padding-top: 20px;padding-bottom: 20px;}
	.designServices2 .content ul li a .title, .designServices2 .content ul li a .en{font-size: 24px;}
	.designServices2 .content ul li a .text1 .desc{line-height: 2;font-size: 14px;}
}

@media (max-width: 1199px){
	.designServices2 .content ul li{padding: 0 5px;}
	.designServices2 .content ul{padding: 0 5px;}
}

@media (max-width: 991px){
	.designServices2 .content ul li{-webkit-box-flex: initial;-webkit-flex: initial;-ms-flex: initial;flex: initial;width: 50%;margin-bottom: 10px;}
	.designServices2 .content ul{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
	.designServices2 .content ul li a .img img{width: 100%;}
}

@media (max-width: 575px){
	.designServices2 .content{margin-top: 10px; padding: 0 10px;}
	.designServices2 .content ul{margin: 0 -1.5px; padding: 0;}
	.designServices2 .content ul li{padding: 0 1.5px;margin-bottom: 3px;}
	.designServices2 .content ul li a{height: 100%;}
	.designServices2 .content ul li a .title, 
	.designServices2 .content ul li a .en{font-size: 16px;}
	.designServices2 .content ul li a .text2{padding-left: 20px;padding-right: 20px;}
	.designServices2 .content ul li a .text1 .desc{padding-left: 20px;padding-right: 20px;}
	.designServices2 .content ul li a .text1 .desc .desc{display:none !important;}
	.designServices2{padding-top: 30px;}
	.designServices2 .content ul li a .text1 .desc{font-size: 12px;}
	.designServices2 .content ul li a .text2{padding-top: 10px;padding-bottom: 10px;}
	.designServices2 .content ul li a .title, .designServices2 .content ul li a .en{font-size: 14px;}
	.designServices2 .content ul li a .text1 .desc{padding-bottom: 0;}
	.designServices2 .content ul li a .text1 .desc{display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
	.designServices2 .content ul li a .text1{-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;padding-top: 50px;}
	.designServices2 .content ul li{width: 50%;}
	.designServices2 .content ul li a .title, 
	.designServices2 .content ul li a .en{font-size: 18px;}
}

.designCase{padding-top: 70px;margin-bottom: 40px;}
.designCase .content .tab{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding: 0 20px;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;margin-bottom: 0px;}
.designCase .content .tab a{font-size: 20px;color: #000000;padding: 0px 8px;margin: 0 35px;margin-bottom: 40px;position: relative;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.designCase .content .tab a::after{position: absolute;width: 100%;height: 4px;content: none;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;bottom: 0;left: 0;}
.designCase .content .tab a:hover, .designCase .content .tab a.active{color: #f33142;}
.designCase .content .tab a:hover::after, .designCase .content .tab a.active::after{background: #f33142;}
.designCase .content .con{padding: 0 30px;margin-top: 4px;}
.designCase .content .con ul div.parent{/*margin-bottom: 8px;*/display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.designCase .content .con ul div.parent:last-child{margin-bottom: 0;}
.designCase .content .con ul div.parent:nth-of-type(2n+0) li:nth-of-type(1){-webkit-box-flex: 2;-webkit-flex: 2;-ms-flex: 2;flex: 2;}
.designCase .content .con ul div.parent:nth-of-type(2n+0) li:nth-of-type(2){-webkit-box-flex: 4;-webkit-flex: 4;-ms-flex: 4;flex: 4;}
.designCase .content .con ul div.parent li:nth-of-type(1){-webkit-box-flex: 4;-webkit-flex: 4;-ms-flex: 4;flex: 4;}
.designCase .content .con ul div.parent li:nth-of-type(2){-webkit-box-flex: 2;-webkit-flex: 2;-ms-flex: 2;flex: 2;}
.designCase .content .con ul li{padding: 0 4px;}
.designCase .content .con ul li a{display: block;position: relative;}
.designCase .content .con ul li a .img img{width: 100%;}
.designCase .content .con ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.designCase .content .con ul li a .img{overflow: hidden;}
.designCase .content .con ul li a .img img{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.designCase .content .con ul li a:hover .text{opacity: 1;}
.designCase .content .con ul li a .text{opacity: 0;position: absolute;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;width: 100%;height: 100%;background: rgba(227, 22, 57, 0.4);text-align: center;z-index: 2;top: 0;left: 0;}
.designCase .content .con ul li a .text .wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 100%;padding: 0 20px;}
.designCase .content .con ul li a .text .wrapper .title{font-size: 36px;color: #fff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.designCase .content .con ul li a .text .wrapper .position{font-size: 24px;color: #fff;margin-bottom: 75px;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.designCase .content .con ul li a .text .wrapper .desc{font-size: 16px;color: #fff;max-width: 720px;line-height: 2;margin-bottom: 70px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;overflow: hidden;margin-top: 40px;}
.designCase .content .con ul li a .text .wrapper .btnj{width: 170px;height: 53px;border-radius: 40px;background: #fff;font-size: 24px;color: #f33142;text-align: center;line-height: 53px;}
@media (max-width: 1599px){
	.designCase .content .con ul li a .text .wrapper .position{margin-bottom: 30px;}
}
@media (max-width: 1199px){
	.designCase .content .con ul li a .text .wrapper .title{font-size: 26px;}
	.designCase .content .con ul li a .text .wrapper .position{margin-top: 10px;margin-bottom: 10px;font-size: 18px;}
	.designCase .content .con ul li a .text .wrapper .desc{width: 100%;max-width: 100%;font-size: 14px;margin-bottom: 20px;}
	.designCase .content .con ul li a .text .wrapper .btnj{width: auto;height: auto;padding: 0px 30px;font-size: 18px;}
	.designCase .content .con ul li a .text .wrapper .btnj{display: none;}
	.designCase .content .con ul li a .text .wrapper .desc{-webkit-line-clamp: 2;height: 51px;}
}
@media (max-width: 767px){
	.designCase .content .con ul li a .text .wrapper .title{font-size: 20px;}
	.designCase .content .con ul li a .text .wrapper .position{font-size: 16px;}
	.designCase .content .tab a{margin: 15px 20px;margin-top: 0;padding: 10px 4px;font-size: 18px;}
	.designCase .content .tab{margin-top: 20px;}
}
@media (max-width: 575px){
	.designCase .content .con{padding: 0 10px;}
	.designCase .content .con ul {margin: 0 -5px;}
	.designCase .content .con ul li{padding: 0 5px;}
	.designCase .content .con ul div.parent{margin-bottom: 10px;}
	.designCase .content .con ul li a .text .wrapper .title{font-size: 16px;}
	.designCase .content .con ul li a .text .wrapper .position{font-size: 14px;margin: 5px 0;}
	.designCase .content .con ul li a .text .wrapper{padding: 0 10px;}
	.designCase .content .con ul li a .text .wrapper .desc{margin-bottom: 0;}
	.designCase .content .con ul li a .text .wrapper .desc{height: auto;line-height: 1.8;}
	.designCase .content .tab a{font-size: 14px;}
	.designCase .content .tab a{margin: 5px 10px;margin-top: 0;}
	.designCase .content .tab{margin-top: 0px;}
	.designCase .content .tab{padding: 0 10px;}
	.designCase .content .con ul li a .text .wrapper .desc{display: none;}
	.designCase .content .con ul li a .text .wrapper .title{font-size: 14px;}
	.designCase .content .con ul li a .text{opacity: 1;}
	.designCase .content .tab a{margin-bottom: 0;padding: 10px 5px;}
	.designCase .content .tab{margin-bottom: 10px;}
	.designCase{padding-top: 30px;}
	.designCase .content .con ul div.parent li:nth-of-type(1){-webkit-box-flex: initial;-webkit-flex: initial;-ms-flex: initial;flex: initial;width: 100%;}
	.designCase .content .con ul div.parent li:nth-of-type(2){-webkit-box-flex: initial;-webkit-flex: initial;-ms-flex: initial;flex: initial;width: 100%;}
	.designCase .content .con ul div.parent{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
	.designCase .content .con ul li{margin-bottom: 10px;}
	.designCase .content .con ul li a .text{height: 40px;bottom: 0;top: auto;}
	.designCase .content .con ul div.parent:nth-of-type(2n+0) li:nth-of-type(1){-webkit-box-flex: initial;-webkit-flex: initial;-ms-flex: initial;flex: initial;width: 100%;}
	.designCase .content .con ul div.parent{margin-bottom: 0;}
	.designCase .content .con ul li a .text .wrapper .title{font-size: 20px;font-weight: normal;}
	.designCase .content .con ul li a .text{display: none;}
	.designCase .content .con ul li{margin-bottom: 5px;}
}

.asProductTeam{padding: 70px 0;}
.asProductTeam .content{padding: 0 55px;}
.asProductTeam .content ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;padding: 0 37.5px;}
.asProductTeam .content ul li{padding: 0 37.5px;}
.asProductTeam .content ul li:nth-of-type(4){display: none;}
.asProductTeam .content ul li a{display: block;border-radius: 10px;overflow: hidden;}
.asProductTeam .content ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.asProductTeam .content ul li a .img{overflow: hidden;}
.asProductTeam .content ul li a .img img{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.asProductTeam .content ul li a:hover .parent .text{bottom: 0;opacity: 1;}
.asProductTeam .content ul li a:hover .parent .text2{opacity: 0;}
.asProductTeam .content ul li a .parent{position: relative;}
.asProductTeam .content ul li a .parent .img{position: relative;}
.asProductTeam .content ul li a .parent .img .bgimg{position: absolute;width: 100%;left: 0;top: 0;opacity: 0;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;-webkit-transition: 1s ease all;transition: 1s ease all;background: url(../images/cf00adb93b6a313fa1d43659cc25bb99.png) center center no-repeat;height: 100%;}
.asProductTeam .content ul li a .parent .text{position: absolute;width: 100%;opacity: 0;height: 100%;bottom: -100%;left: 0;color: #fff;background: url(../images/cf00adb93b6a313fa1d43659cc25bb99.png) center center no-repeat;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;transition: 0.5s ease all;font-weight: bold;}
.asProductTeam .content ul li a .parent .text .textparent{height: 100%;padding-left: 56px;padding-right: 56px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.asProductTeam .content ul li a .parent .text .title{font-size: 36px;margin-bottom: 24px;}
.asProductTeam .content ul li a .parent .text .position{font-size: 24px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal;}
.asProductTeam .content ul li a .parent .text .desc{font-weight: normal;font-size: 18px;letter-spacing: 2px;margin-top: 5px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;height: 108px;line-height: 2;}
.asProductTeam .content ul li a .parent .text2{position: absolute;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;-webkit-transition: 0.2s ease all;transition: 0.2s ease all;opacity: 1;color: #fff;bottom: 24px;left: 30px;}
.asProductTeam .content ul li a .parent .text2 .title{font-size: 36px;margin-bottom: 30px;font-weight: bold;}
.asProductTeam .content ul li a .parent .text2 .position{font-size: 24px;font-weight: normal;height: 135px;overflow: hidden;padding-right: 30px;height: auto;padding-bottom: 25px;}
@media (max-width: 1599px){
	.asProductTeam .content ul li{padding: 0 20px;}
	.asProductTeam .content ul{padding: 0 20px;}
}

@media (max-width: 1199px){
	.asProductTeam .content ul li a .parent .text2 .title, .asProductTeam .content ul li a .parent .text .title{font-size: 26px;}
	.asProductTeam .content ul li a .parent .text2 .position{height: 108px;font-size: 24px;}
	.asProductTeam .content ul li a .parent .text .position{font-size: 24px;}
	.asProductTeam .content ul li a .parent .text .textparent{padding-left: 30px;padding-right: 30px;}
}

@media (max-width: 991px){
	.asProductTeam .content ul li{padding: 0 10px;}
	.asProductTeam .content ul{padding: 0 10px;}
	.asProductTeam .content ul li a .parent .text .position{font-size: 18px;}
	.asProductTeam .content ul li a .parent .text2 .title, .asProductTeam .content ul li a .parent .text .title{font-size: 20px;margin-bottom: 10px;}
	.asProductTeam .content ul li a .parent .text .desc{font-size: 16px;height: 70px;}
	.asProductTeam .content ul li a .parent .text2 .position{font-size: 18px;height: 81px;}
}

@media (max-width: 767px){
	.asProductTeam .content{margin-top: 20px;}
	.asProductTeam .content ul li a .parent .text2{display: none;}
	.asProductTeam .content ul li a .parent .text{opacity: 1;top: 0;}
	.asProductTeam .content ul li a .parent .text{background: rgba(117, 13, 52, 0.4);}
	.asProductTeam .content ul li a .parent .text .position{font-size: 16px;}
	.asProductTeam .content ul li a .parent .text .desc{font-size: 14px;height: auto;}
	.asProductTeam .content{padding: 0;}
}
@media (max-width: 575px){
	.asProductTeam .content ul li a .parent .text .desc span{font-size:12px !important;}
	.asProductTeam .content ul{padding: 0 5px;}
	.asProductTeam .content ul li{padding: 0 5px;}
	.asProductTeam .content ul li a .parent .text .title{font-size: 16px;}
	.asProductTeam .content ul li a .parent .text .position{font-size: 14px;}
	.asProductTeam .content ul li a .parent .text .textparent{padding-left: 10px;padding-right: 10px;}
	.asProductTeam{padding: 30px 0;}
	.asProductTeam .content ul li a .parent .text .position{font-size: 12px;-webkit-line-clamp: 4;}
	.asProductTeam .content ul li a .parent .text .desc{font-size: 12px;}
	/* add*/
	.asProductTeam .content ul{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
	.asProductTeam .content ul li{width: 100%;margin-bottom: 10px;}
	.asProductTeam .content ul li a .parent .text .textparent{text-align: left;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;padding-bottom: 30px;}
	.asProductTeam .content ul li a .parent .text .title{font-size: 22px;}
}
.news{padding-bottom: 70px;}
.news .content{padding: 0 100px;}
.news .content ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.news .content ul {margin:0 -12.5px;}
.news .content ul li{padding: 0 12.5px;}
@media (max-width: 575px){
	.news .content ul li{display: none;}
	.news .content ul li:nth-of-type(1){display: block;}
} 
.news .content ul li .pongeImg a{display: block;border-radius: 10px;overflow: hidden;position: relative;}
.news .content ul li .pongeImg a:hover .text{color: #ff0000;}
.news .content ul li .pongeImg a:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news .content ul li .pongeImg a img{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;width: 100%;}
.news .content ul li .pongeImg a .text{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;position: absolute;width: 100%;height: 85px;background: #383f50;padding: 0 30px;line-height: 85px;font-size: 24px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;bottom: 0;left: 0;}
.news .content ul li .pongeImg a .write{position: absolute;right: 18px;border: 1px solid #ff0000;top: 20px;width: 87px;height: 35px;border-radius: 5px;font-size: 18px;color: #ff0000;line-height: 35px;text-align: center;}
.news .content ul li .list a{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;padding: 0 5px;font-size: 16px;color: #333333;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: 20px;}
.news .content ul li .list a:hover{color: #ff0000;}
.news .content ul li .list a .title{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news .content ul li .list a .date{margin-left: 45px;}

@media (max-width: 1199px){
	.news .content ul li .list a{padding: 0 10px;}
	.news .content ul li .list a .date{margin-left: 10px;}
}

@media (max-width: 991px){
	.news .content ul li .pongeImg a .text{height: 50px;line-height: 50px;font-size: 20px;padding: 0 20px;}
	.news .content ul li .list a .date{display: none;}
}

@media (max-width: 767px){
	.news .content ul li .pongeImg a .write{width: 60px;height: 30px;line-height: 30px;font-size: 14px;}
	.news .content ul li .pongeImg a .text{font-size: 16px;height: 40px;line-height: 40px;padding: 0 10px;}
	.news .content{margin-top: 20px;}
}

@media (max-width: 575px){
	.news .content ul li .list a{margin-top: 15px;padding: 0;font-size: 14px;}
	.news{padding-bottom: 30px;}
	.news .content ul li .pongeImg a .text{height: auto;font-size: 14px;line-height: initial;line-height: inherit;padding: 6px;}
	.news .content ul li .pongeImg a .write{right: 10px;top: 10px;width: 40px;height: 20px;line-height: 20px;font-size: 12px;}
	.news .content{padding: 0 10px;}
	.news .content ul{margin: 0 -5px;}
	.news .content ul li{padding: 0 5px;}
}

@media (max-width: 479px){
	.news .content ul li{width: 100%;}
	.news .content ul{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
	.news .content ul li .pongeImg a .text{padding: 10px;}
	.news .content ul li{margin-bottom: 20px;}
	.news .content{margin-top: 0;}
}
.artisanProductsCustomers{padding-bottom: 70px;}
.artisanProductsCustomers .IndexCommonTitleEnCn .cn{padding-bottom: 0;}
.artisanProductsCustomers .content{padding: 0 100px;}

.artisanProductsCustomers .content ul{padding: 0 65px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
.artisanProductsCustomers .content ul li{padding: 0 65px;width: 25%;margin-top: 50px;}
.artisanProductsCustomers .content ul li a{position: relative;width: 100%;height: 90px;display: block;}
.artisanProductsCustomers .content ul li a img{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;}
.artisanProductsCustomers .content ul li a .default{display: block;}
.artisanProductsCustomers .content ul li a .rotate{display: none;}
.artisanProductsCustomers .content ul li a:hover .default{display: none;}
.artisanProductsCustomers .content ul li a:hover .rotate{display: block;}
.artisanProductsCustomers .content ul li a:hover .rotate{-webkit-transform: rotateY(0);transform: rotateY(0);opacity: 1;}
.artisanProductsCustomers .content ul li a .default{opacity: 1;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateY(0deg);transform: rotateY(0deg);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;-webkit-transition: 0.6s ease-out;transition: 0.6s ease-out;}
.artisanProductsCustomers .content ul li a .rotate{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}

@media (max-width: 1699px){
	.artisanProductsCustomers .content ul li{padding: 0 30px;}
	.artisanProductsCustomers .content ul li{padding: 0 30px;}
	.artisanProductsCustomers .content{padding: 0 10px;}
}

@media (max-width: 991px){
	.artisanProductsCustomers .content ul li{margin-top: 30px;}
	.artisanProductsCustomers .content ul{padding: 0 20px;}
	.artisanProductsCustomers .content ul li{padding: 0 20px;}
}
@media (max-width: 575px){
	.artisanProductsCustomers{padding-bottom: 30px;}
	.artisanProductsCustomers .content ul li{width: 33.33333%;}
	.artisanProductsCustomers .content ul li{padding: 0 20px;}
	.artisanProductsCustomers .content ul{padding: 0 10px;}
	.artisanProductsCustomers .content ul li{margin-top: 10px;}
	.artisanProductsCustomers .content ul li a img{width: auto;}
	.artisanProductsCustomers .content ul li:last-child{display: none;}
}

.sectionmax{max-width: 1920px;margin-left: auto;margin-right: auto;}

@media (max-width: 575px){
	.concept{padding-bottom: 0;}
}

.MoreCommonIndexStyleCssClass{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;margin-top: 20px;}
.MoreCommonIndexStyleCssClass a{width: 200px;height: 72px;border-radius: 40px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;background: #f33142;}

@media (max-width: 767px){
	.MoreCommonIndexStyleCssClass a{width: 120px;height: 40px;}
	.MoreCommonIndexStyleCssClass a img{width: 50px;}
	.MoreCommonIndexStyleCssClass{margin-top: 30px;}
}

@media (max-width: 575px){
	.MoreCommonIndexStyleCssClass a{width: 100px;height: 40px;}
	.MoreCommonIndexStyleCssClass a img{width: 40px;}
}

@media (max-width: 479px){
	.MoreCommonIndexStyleCssClass{margin-top: 10px;}
}

.designServices3{padding: 70px 100px 0;}
.designServices3 .content{background: url(../images/new1.jpg) center center no-repeat;background-size: cover;}
.designServices3 .content ul{display: flex;padding: 50px 0;}
.designServices3 .content ul li{flex: 1;min-width: 0;}
.designServices3 .content ul li:last-child a{border-right: 0;}
.designServices3 .content ul li a{overflow: hidden;display: block;height: 100%;padding: 0 50px;border-right: 2px dashed #fff;}
.designServices3 .content ul li a:hover .title, .designServices3 .content ul li a:hover .list, .designServices3 .content ul li a:hover .desc{transform: scale(1.1);}
.designServices3 .content ul li a::after{position: absolute;content: '';right: 0;top: 0;height: 100%;}
.designServices3 .content ul li a .title{transition: 0.5s ease all;}
.designServices3 .content ul li a .title .cn, 
.designServices3 .content ul li a .title .en{color: #fff;font-weight: bold;}
.designServices3 .content ul li a .title .cn{font-size: 40px;line-height: 1.2;margin-bottom: 5px;}
.designServices3 .content ul li a .title .en{font-size: 24px;}
.designServices3 .content ul li a .list{transition: 0.5s ease all;margin: 50px 0;}
.designServices3 .content ul li a .list p{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 20px;display: flex;align-items: center;}
.designServices3 .content ul li a .list p::before{width: 8px;height: 8px;content: '';background: #fff;margin-right: 16px;}
.designServices3 .content ul li a .desc{transition: 0.5s ease all;font-size: 16px;color: #fff;line-height: 3;}
@media (max-width: 1499px){
	.designServices3 .content ul li a{padding: 0 36px;}
	.designServices3 .content ul li a .title .cn{font-size: 36px;}
	.designServices3 .content ul li a .desc{font-size: 14px; line-height: 2.5;}
	.designServices3 .content ul li a .list p{margin-bottom: 20px;}
}

@media (max-width: 1299px){
	.designServices3 .content ul li a .title .cn{font-size: 30px;}
	.designServices3 .content ul li a .title .en{font-size: 20px;}
}

@media (max-width: 1199px){
	.designServices3 .content ul li a{padding: 0 20px;}
}

@media (max-width: 991px){
	.designServices3 .content ul li{width: 50%;flex: initial;margin-bottom: 60px;}
	.designServices3 .content ul{flex-flow: wrap;}
	.designServices3 .content ul li:nth-of-type(2n+0) a{border-right: 0;}
	.designServices3 .content ul li:nth-of-type(3), .designServices3 .content ul li:nth-of-type(4){margin-bottom: 0;}
}

@media (max-width: 575px){
	.designServices3 .content ul li a .title .cn{font-size: 18px;}
	.designServices3 .content ul li a .title .en{font-size: 16px;}
	.designServices3 .content ul li a .list span{margin-bottom: 15px;font-size: 16px;}
	.designServices3 .content ul li a .list span::before{width: 4px;height: 4px;margin-right: 8px;}
	.designServices3{padding: 0 10px;}
	.designServices3 .content ul li a .list{margin: 20px 0;}
	.designServices3 .content ul li a{padding: 0 30px;}
	.designServices3 .content ul li a .desc{line-height: 2.5;font-size: 14px;}
	.designServices3 .content ul li a{border-width: 1px;}
	.designServices3 .content ul{padding: 20px 0;}
	.designServices3 .content ul li{margin-bottom: 30px;}
	.IndexCommonTitleEnCn .cn{}
	.concept .IndexCommonTitleEnCn .cn{padding-left:5px;}
}
.sectionE{padding-bottom: 40px;}
.sectionE .content{padding: 0 100px;}
.sectionE .content ul{display: flex;flex-flow: wrap; margin: 0 -15px;}
.sectionE .content ul li{padding: 0 15px;width: 33.33333%;margin-bottom: 30px;}
.sectionE .content ul li:nth-of-type(6) a .text2 .child{width: 145px;}
.sectionE .content ul li a .number{position: absolute;left: 60px;top: 0;bottom: 0;margin: auto;display: flex;transition: 0.5s ease all;align-items: center;justify-content: center;}
.sectionE .content ul li:nth-of-type(4) a .number{left: 35px;}
.sectionE .content ul li a{position: relative;background-repeat: no-repeat;background-size: cover;border-radius: 10px;overflow: hidden;display: block;height: 330px;}
.sectionE .content ul li a .iconimg{position: absolute;right: 40px;top: 0;transition: 0.5s ease all;bottom: 0;margin: auto;display: flex;align-items: center;justify-content: center;}
.sectionE .content ul li a .title{font-size: 32px;transition: 0.5s ease all;color: #fff;font-weight: bold;}
.sectionE .content ul li a .text1{text-align: center;width: 100%;height: 100%;transition: 0.5s ease all;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.sectionE .content ul li a .text1 .desc{display: none;}
.sectionE .content ul li a .text1 .img{margin-top: 20px;display: flex;justify-content: center;}
.sectionE .content ul li a .text1 .img img{width:115px;}
.sectionE .content ul li a .text2{position: absolute;top: 0;opacity: 0;transform: translateY(100%);transition: 0.5s ease all;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.45);display: flex;align-items: center;}
.sectionE .content ul li a .text2 .child{width: 220px;text-align: left;margin: 0 auto;flex-direction: column;display: flex;justify-content: center;}
.sectionE .content ul li a .text2 .child .list{padding-top: 17px;}
.sectionE .content ul li a .text2 .child .list span{font-size: 18px;color: #fff;display: block;padding: 17px 0;}
@media (max-width: 1499px){
	.sectionE .content ul li a{height: 240px;}
	.sectionE .content ul li a .number img{max-height:170px;}
	.sectionE .content ul li a .text1 .img img{width:80px;}
	.sectionE .content ul li a .title{font-size: 28px;}
}
@media (min-width: 576px){
	.sectionE .content ul li a:hover .text2{transform: translateY(0);opacity: 1;}
	.sectionE .content ul li a:hover .text1{transform: translateY(-100%);opacity: 0;}
}

@media (max-width: 575px){
	.sectionE .content{padding: 0 10px;}
	.sectionE .content ul{margin: 0 -5px;}
	.sectionE .content ul li{padding: 0 5px;margin-bottom: 10px;width: 50%;}
	.sectionE .content ul li a .number{left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
	.sectionE .content ul li a .number img{width: 60px;}
	.sectionE .content ul li:nth-of-type(4) a .number{left: 0;}
	.sectionE .content ul li a .iconimg{display: none;}
	.sectionE .content ul li a .title{font-size: 18px;}
	.sectionE .content ul li a .text1 .img{margin-top: 10px;align-items: center;}
	.sectionE .content ul li a .text1 .img img{width: 50px;height: auto;display: block;}
	.sectionE .content ul li a{height: auto;padding: 30px 0;}
	.sectionE .content ul li a .text1 .desc{display: block;color: #fff;font-size: 14px;text-align: center;}
	.sectionE .content ul li a .text1 .desc span{display: block;margin: 8px 0;}
	.sectionE{padding-top: 30px;padding-bottom: 30px;}
}

.sectionEE{padding-top: 70px;}
.sectionEE .content {padding: 0 100px;}
.sectionEE .content ul{display: flex;flex-flow: wrap; margin: 0 -15px;}
.sectionEE .content ul li{padding: 0 15px;width: 33.33333%;margin-bottom: 30px;}
.sectionEE .content ul li:nth-last-child(3),
.sectionEE .content ul li:nth-last-child(2),
.sectionEE .content ul li:nth-last-child(1){margin-bottom: 0;}
.sectionEE .content ul li a{position: relative;background-repeat: no-repeat;background-size: cover;border-radius: 10px;overflow: hidden;display: block;}
.sectionEE .content ul li a:hover .text{opacity: 1;}
.sectionEE .content ul li a .text{opacity: 0;position: absolute;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;width: 100%;height: 100%;background: rgba(227, 22, 57, 0.8);text-align: center;z-index: 2;top: 0;left: 0;}
.sectionEE .content ul li a .text .wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;height: 100%;padding: 0 20px;}
.sectionEE .content ul li a .text .wrapper .title{font-size: 32px;color: #fff;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.sectionEE .content ul li a .text .wrapper .position{font-size: 24px;color: #fff;margin-bottom: 75px;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.sectionEE .content ul li a .text .wrapper .desc{font-size: 14px;color: #fff;max-width: 720px;line-height: 2;margin-bottom: 70px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;overflow: hidden;margin-top: 40px;}
.sectionEE .content ul li a .text .wrapper .btnj{width: 170px;height: 53px;border-radius: 40px;background: #fff;font-size: 16px;color: #f33142;text-align: center;line-height: 53px;}
.sectionEE .content ul li a .img{overflow: hidden;}
.sectionEE .content ul li a .img img{width: 100%;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.sectionEE .content ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

@media (max-width: 992px){
	.sectionEE .content ul li a .text .wrapper .title{font-size: 18px;}
	.sectionEE .content .con ul li a .text .wrapper .desc{margin-top: 10px;}
}

@media (max-width: 1199px){
	.sectionEE .content .con ul li a .text .wrapper .desc{margin-bottom: 0;}
	.sectionEE .content .con ul li a .text .wrapper .btnj{display: none;}
}

@media (max-width: 575px){
	.sectionEE{padding-top: 30px;}
	.sectionEE .content{padding: 0 10px;}
	.sectionEE .content ul{margin: 0 -5px;}
	.sectionEE .content ul li{padding: 0 5px;margin-bottom: 10px;width: 50%;}
	.sectionEE .content ul li:nth-last-child(3){margin-bottom: 10px;}
	.sectionEE .content ul li:nth-last-child(2), .sectionEE .content ul li:nth-last-child(1){margin-bottom: 0;}
}