@charset "UTF-8";
@media (max-width: 1024px){
	.join-box{
		height: auto;
	}
	.join-box .list .item{
		height: 10rem;
	}
	.join-box .list .con-box .text{

		/* padding: 1rem; */
	}
	.theory-tab .next,
	.theory-tab .prev{
		display: none;
	}
	.tech-tab-box .next{
		right: -1rem;
	}
	.tech-tab-box .prev{
		left: -1rem;
	}
	.epc-box .desc{
		height: auto;
		padding: .4rem 5%;
		line-height: .8rem;
	}
}

@media (max-width: 992px){
	.join-box .list .item{
		height: 8rem;
	}
	.story-box .item .tit{
		font-size: .8rem;
		line-height: .9rem;
	}
	.story-box .item .desc{
		padding: 0 .5rem;
	}
	.love-list .item .text .con{
		margin-top: .3rem;
	}
	.love-list .item .text .arrow{
		margin-top: .3rem;
	}
	.base-box .img{
		width: 100%;
		float: none;
		margin: 0;
	}
	.base-box .base-text{
		float: none;
		width: 60%;
		margin: 1rem auto 0;
	}
	.base-box .base-text:before{
		left: 50%;
		transform: rotate(90deg);
		top: -16px;
	}
	.fine-box .num-box .item{
		margin: 0 2.5rem;
	}
	.fine-box .num-box .item:before{
		right: -2.5rem;
	}
}

@media (max-width: 767px){
	.join-box .list .item{
		height: auto;
	}
	.join-box .list .con-box .text{
		position: static;
		padding: .4rem;
		text-align: center;
	}
	.join-box .list .con-box .mask{
		display: none;
	}
	.join-box .list .con-box .join-btn{
		visibility: visible;
	}
	.join-box .list .con-box .icon{
		width: .66rem;
		margin: 0 auto;
	}
	.join-box .list .con-box .tit{
		font-size: .48rem;
		line-height: .58rem;
		margin-top: .2rem;
	}
	.join-box .list .con-box .con{
		font-size: .3rem;
		line-height: .5rem;
		margin-top: .2rem;
	}
	.join-box .list .con-box .join-btn{
		width: .55rem;
		margin: .4rem auto 0;
	}
	.join-box .list .item:nth-child(3){
		border-right: 1px solid rgba(255,255,255,.2);
	}
	.join-box .list .item:nth-child(4),
	.join-box .list .item:nth-child(5),
	.join-box .list .item:nth-child(6){
		border-bottom: 1px solid rgba(255,255,255,.2);
	}

	.join-list-box{
		padding: .8rem 0;
	}
	.join-list-box .list .row{
		margin: 0;
	}
	.join-list-box .list .item{
		padding: 0;
		margin-bottom: .5rem;
	}
	.join-list-box .list .txt{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	.join-list-box .list .paga{
		margin-top: .5rem;
	}
	.recruit-box{
		padding: .8rem 0;
	}
	.pub-tit{
		font-size: .36rem;
		line-height: .46rem;
	}
	.pub-con{
		font-size: .3rem;
		line-height: .5rem;
	}
	.idea-box .con{
		margin-top: .4rem;
	}
	.idea-box .img-list .item{
		margin-bottom: .5rem;
	}
	.idea-box .img-list .item:last-child{
		margin-bottom: 0;
	}
	.idea-box .img-list .item .icon{
		display: none;
	}
	.idea-box .img-list{
		margin-top: .4rem;
	}
	.idea-box .img-list .text{
		position: static;
		transform: translateY(0);
		padding: 0;
		opacity: 1;
		filter: alpha(opacity=100);
		margin-top: .3rem;
	}
	.idea-box .img-list .tit{
		position: static;
		transform: translateY(0);
		color: #333;
		text-align: left;
		font-size: .36rem;
		line-height: .46rem;
		margin-top: .3rem;
	}
	.idea-box .img-list .tit br{
		display: none;
	}
	.idea-box .img-list .text-tit{
		color: #333;
		font-size: .3rem;
		line-height: .4rem;
	}
	.idea-box .img-list .txt-con{
		color: #666;
		font-size: .24rem;
		line-height: .4rem;
	}
	.route-box{
		margin-top: .5rem;
	}
	.need-box{
		height: 5rem;
	}
	.need-box .text .line{
		margin-top: .3rem;
	}
	.need-box .text .con{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .4rem;
	}
	.need-box .text .need-more{
		padding: 0 .4rem;
		margin-top: .7rem;
	}
	.need-box .text .need-more span{
		font-size: .3rem;
		padding-right: .3rem;
		background-size: .2rem;
		line-height: .8rem;
	}
	.love-box{
		padding: .8rem 0;
	}
	.love-box .love-con{
		margin-top: .4rem;
	}
	.love-box .img-list .line{
		background-color: #666;
	}
	.idea-box .img-list .txt-con{
		margin-top: .2rem;
	}
	.story-box .item{
		width: 50%;
	}
	.story-box .item .tit{
		font-size: .48rem;
		line-height: .58rem;
	}
	.story-box .item .desc{
		padding: 0 .2rem;
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.story-box .item .story-btn{
		width: .55rem;
		margin-top: .4rem;
	}
	.love-list{
		padding: .8rem 0;
	}
	.love-list .pub-tit{
		margin-bottom: .7rem;
	}
	.love-list .item{
		padding: .4rem;
	}
	.love-list .item .img{
		float: none;
		width: 100%;
	}
	.love-list .item .text{
		float: none;
		width: 100%;
		margin-top: .3rem;
	}
	.love-list .item .text .tit{
		font-size: .36rem;
		line-height: .4rem;
	}
	.love-list .item .text .desc{
		font-size: .3rem;
		line-height: .4rem;
	}
	.love-list .item .text .con{
		font-size: .24rem;
		line-height: .4rem;
		height: auto;
		margin-top: .2rem;
	}
	.love-list .paga{
		margin-top: .5rem;
	}
	.theory-tab-box{
		padding: .8rem 0;
		height: 10rem;
	}
	.theory-tab-box .theory-line-box{
		bottom: .8rem;
		white-space: nowrap;
		z-index: 30;
	}
	.theory-tab-box .theory-line-box .line{
		position: relative;
		z-index: 3;
	}
	.theory-tab-box .theory-line-box:before{
		bottom: -10px;
	}
	.theory-box{
		padding: .8rem 0;
	}
	.theory-tab{
		height: 8.25rem;
		position: absolute;
		left: 0;
		bottom: .8rem;
		padding: 0 .4rem;
		width: 100%;
		box-sizing: border-box;
	}
	.theory-box .theory-con{
		margin-top: .5rem;
	}
	.theory-tab .con-box{
		bottom: -10px;
		padding: 0 .6rem .7rem;
	}
	.theory-tab .con-box .year{
		font-size: .6rem;
		line-height: .7rem;
		padding-bottom: .2rem;
	}
	.theory-tab .con-box .con{
		font-size: .24rem;
		line-height: .4rem;
	}
	.video-tab-box{
		padding: .5rem 0;
	}
	.video-tab .play-btn{
		width: .6rem;
		height: .6rem;
	}
	.video-tab .txt{
		font-size: .3rem;
		line-height: .5rem;
		margin-top: .2rem;
	}
	.video-tab .buts{
		margin-top: .5rem;
	}
	.project-list-box{
		padding: .8rem 0;
	}
	.project-list-box .tab-btns{
		padding: 0 .7rem;
	}
	.project-list-box .tab-btns .swiper-slide{
		margin-right: 1.1rem;
	}
	.project-list-box .tab-btns .icon{
		width: .8rem;
	}
	.project-list-box .tab-btns .txt{
		font-size: .24rem;
		line-height: .4rem;
	}
	.project-list-box .tab-btns:before{
		top: .4rem;
	}
	.project-list-box .tab-btns .swiper-button-prev,
	.project-list-box .tab-btns .swiper-button-next{
		top: .1rem;
	}
	.project-list{
		margin-top: .5rem;
	}
	.project-list .row{
		margin: 0;
	}
	.project-list .item{
		padding: 0;
		margin-bottom: .5rem;
	}
	.project-list .text-box .top-box{
		padding: .4rem;
	}
	.project-list .text-box .bottom-box{
		padding: .4rem;
	}
	.project-list .text-box .top-box .tit{
		font-size: .24rem;
		line-height: .4rem;
	}
	.project-list .text-box .project-tit{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.project-list .bottom-box .honor,
	.project-list .bottom-box .projectlist-more{
		font-size: .24rem;
		line-height: .4rem;
	}
	.project-list .paga{
		margin-top: .4rem;
	}
	.typical-tab .buts{
		margin-top: .5rem;
	}
	.create-box{
		padding: .8rem 0;
	}
	.create-box .num-box{
		margin-top: .8rem;
	}
	.create-box .num-box .num{
		font-size: .7rem;
		line-height: .8rem;
	}
	.create-box .num-box .unit{
		font-size: .24rem;
		line-height: .4rem;
	}
	.create-box .num-box .txt{
		font-size: .24rem;
		line-height: .4rem;
	}
	.create-box .num-box .item{
		width: 33.33%;
	}
	.create-box .num-box .item:nth-child(2){
		position: static;
		transform: translateX(0);
		float: left;
	}
	.create-box .num-box .txt{
		padding: 0 .2rem;
		margin-top: .1rem;
	}
	.tech-box{
		padding: .8rem 0;
	}
	.tech-box .pub-tit{
		padding-bottom: .3rem;
		margin-bottom: .3rem;
	}
	.tech-tab-box .pc-box{
		display: none;
	}
	.tech-tab-box .m-box{
		display: block;
	}
	.tech-tab .row{
		margin: 0;
	}
	.tech-tab .item{
		padding: 0;
	}
	.tech-tab .num-box .num{
		font-size: .7rem;
	    line-height: .8rem;
	}
	.tech-tab .num-box .unit{
		font-size: .24rem;
		line-height: .4rem;
		margin-left: .2rem;
	}
	.tech-tab .item{
		margin-bottom: .5rem;
	}
	.tech-tab .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.tech-tab-box .prev,
	.tech-tab-box .next{
		transform: translateY(calc(-50% - .25rem));
	}
	.tech-tab-box .prev{
		left: 0;
	}
	.tech-tab-box .next{
		right: 0;
	}
	.tech-tab-box .desc{
		font-size: .24rem;
		line-height: .4rem;
	}
	.tech-con{
		padding: .8rem 0;
		font-size: .3rem;
		line-height: .5rem;
	}
	.design-box{
		padding: .8rem 0;
	}
	.typical-box{
		padding: .8rem 0;
	}
	.idea-box .con{
		width: 100%;
	}
	.build-box{
		padding-top: .8rem;
	}
	.build-img{
		margin: .4rem auto;
		width: 100%;
	}
	.build-img .txt{
		font-size: .3rem;
		line-height: .5rem;
	}
	.base-box{
		padding: .8rem 0;
		margin-top: .5rem;
	}
	.base-box .base-text{
		width: 100%;
		margin-top: .2rem;
		padding: .4rem;
	}
	.base-box .base-text .top{
		font-size: .24rem;
		line-height: .4rem;
	}
	.base-box .base-text .bottom{
		font-size: .3rem;
		line-height: .5rem;
		margin-top: .3rem;
	}
	.green-box{
		padding: .8rem 0;
	}
	.green-img{
		width: 100%;
		margin: .4rem 0 0;
	}
	.green-img .txt{
		font-size: .3rem;
		line-height: .5rem;
		padding: 0 .7rem;
	}
	.green-img .img{
		margin-top: .3rem;
	}
	.number-box{
		padding: .8rem 0;
	}
	.number-box .pub-tit{
		margin-bottom: .4rem;
	}
	.number-box .num-box{
		margin: .5rem 0;
	}
	.number-box .num-box .con-box{
		height: .8rem;
		line-height: .8rem;
		border-radius: .4rem;
		font-size: .3rem;
		margin-bottom: .4rem;
	}
	.number-box .num-box .con-box:before{
		top: auto;
		bottom: -.3rem;
		left: 50%;
		transform: translateX(-50%);
	}
	.number-box .num-box .arrow{
		margin-top:.1rem;
	}
	.number-box .num-box .txt{
		font-size: .24rem;
		line-height: .4rem;
	}
	.epc-box{
		padding: .8rem 0;
	}
	.epc-box .epc-con{
		width: 100%;
		margin-top: .5rem;
	}
	.epc-list{
		margin-top: .4rem;
	}
	.epc-list .item{
		padding-bottom: .5rem;
		margin-bottom: .5rem;
	}
	.epc-list .item .pub-con{
		padding: 0;
		margin-top: .3rem;
	}
	.epc-list .item:before{
		right: auto;
		left: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		height: 1px;
	}
	.epc-box .desc{
		margin: 0;
		font-size: .3rem;
		line-height: .5rem;
		border-radius: .4rem;
	}
	.overseas-box{
		padding: .8rem 0;
	}
	.overseas-box .overseas-con{
		width: 100%;
		margin-top: .4rem;
	}
	.overseas-box .oversea{
		margin-top: .4rem;
	}
	.overseas-box .oversea .text{
		position: static;
		width: 100%;
		color: #666;
		font-size: .3rem;
		line-height: .5rem;
		padding: 0;
		margin-top: .4rem;
	}
	.fine-box{
		padding: .8rem 0;
	}
	.fine-con{
		margin-top: .4rem;
	}
	.coo-box{
		padding: .8rem 0;
	}

	.coo-tab-box .m-box{
		display: block;
	}
	.coo-tab-box .pc-box{
		display: none;
	}
	.coo-tab .row{
		margin: 0 -.2rem;
	}
	.coo-tab .item{
		padding: 0 .2rem;
		margin-bottom: .4rem;
	}
	.coo-tab .buts{
		margin-top: .2rem;
	}
	.honor-tab-box{
		margin-top: 0;
	}
	.honor-box{
		padding: .8rem 0;
	}
	.honor-tab .swiper-slide{
		width: 100%;
	}
	.honor-tab .con-box{
		padding: .4rem .4rem 1rem;
	}
	.honor-tab .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.honor-tab .line{
		width: .36rem;
		margin-top: .3rem;
	}
	.honor-tab .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	.honor-tab{
		margin-top: 6rem;
	}
	.fine-box .num-box{
		margin-top: .5rem;
	}
	.fine-box .num-box .item{
		margin: 0;
		width: 50%;
	}
	.fine-box .num-box .item:before{
		right: 0;
		height: 1rem;
	}
	.fine-box .num-box .num{
		font-size: .7rem;
    	line-height: .8rem;
	}
	.fine-box .num-box .unit {
	    font-size: .24rem;
	    line-height: .4rem;
	}
	.fine-box .num-box .txt{
		font-size: .24rem;
    	line-height: .4rem;
	}
	.edu-box2 .edu-img{
		margin-top: .5rem;
	}
	.edu-box2 .edu-img .item{
		width: 100%;
		margin-bottom: .3rem;
	}
	.developinfo-box{
		padding: .8rem 0;
	}
	.developinfo-box .tit-box{
		padding-bottom: .4rem;
	}
	.developinfo-box .tit-box .date{
		font-size: .3rem;
		line-height: .5rem;
		margin-top: .2rem;
	}
	.developinfo-box .pub-con{
		margin-top: .4rem;
	}
	.relative-box{
		margin-top: .8rem;
		padding-top: .5rem;
	}
	.relative-tit{
		font-size: .36rem;
		line-height: .4rem;
	}
	.relative-box .list{
		margin-top: .4rem;
	}
	.relative-box .list .row{
		margin: 0;
	}
	.relative-box .list .item{
		padding: 0;
		margin-bottom: .3rem;
	}
	.relative-box .list .txt{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.project-dialog{
		width: 80%;
	}
	.project-dialog{
		padding: .2rem;
	}
	.project-dialog .txt{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.project-dialog .project-close{
		top: -.5rem;
		right: -.5rem;
	}
	.project-dialog .prev{
		left: -.5rem;
	}
	.project-dialog .next{
		right: -.5rem;
	}
}