@charset "UTF-8";
@media (max-width: 1024px){
    
	header{
		height: 2.5rem;
	}
	header .search-btn{
		margin-left: 1rem;
	}
	header .pc-nav li:nth-child(3) .navson{
		width: 4rem;
	}
	.index-page header .lang{
		color: #999;
	}
	.index-page header .divide {
	    background-color: #ccc;
	}
	.index-page header{
		background-color: #fff;
	}
	.index-page header .search-btn{
		background-image: url('../images/search-btn.png');
	}
	.index-page header .logo{
		display: block;
	}
	.index-page header .logo-text{
		display: none;
	}
	.clearfixed{
		height: 2.5rem;
	}
	.index-page .clearfixed{
		display: block;
	}
	.index-page header{
		width: 100%;
		left: 0;
		height: 2.5rem;
	}
	.index-page header .pc-nav li .tit{
		color: #555;
	}
	.index-page header .pc-nav li .tit:before{
		background-color: #17528e;
	}
	.index-page header .pc-nav li.cur .tit{
		color: #17528e;
	}
	.index-wrap{
		position: static;
		width: 100%;
	}
	.index-wrap>.swiper-wrapper>.swiper-slide{
		display: block;
	}
	.aside-box{
		display: none;
	}
	/*.banner .swiper-slide{*/
	/*	background: none!important;*/
	/*}*/
	.banner .swiper-slide img{
		width: 100%;
		
	}

	.banner.pc-img{
		display: block;
	}
	.i-about-box{
		padding: 2rem 0;
	}
	.i-about-box .text-box{
		position: static;
		float: left;
		margin-left: 5%;
		transform: translateY(0);
	}
	.i-project-box{
		padding: 2rem 0;
	}
	.i-project{
		position: static;
		transform: translateY(0);
	}
	.i-news-box{
		padding: 2rem 0;
	}
	.i-news-box .i-news{
		position: static;
		transform: translateY(0);
	}
	/* welcome end */
	.sub-banner .text-box{
		transform: translateY(-50%);
	}
	.project-page .clearfixed{
		display: block;
	}
	.building-box object{
		display: none;
	}
	.building-box .index-con{
		margin-top: 0;
	}
	footer .bottom-box .right .share-box{
		display: none;
	}

	.contact-box .left,
	.contact-box .form-wrap{
		padding: 1.5rem 0;
	}

}

@media (max-width: 992px){
    header .pc-nav{
		display: none;
	}
    header .nav-btn{
		display: block;
        float: right;
        width: 0.86rem;
        height: 0.88rem;
        margin-left: 0.5rem;
        margin-top: 0.75rem;
        position: relative;
	}
	header .nav-btn .line {
		width: 100%;
	    height: 2px;
	    border-radius: 1px;
	    position: absolute;
	    left: 0;
	    background-color: #000;
	    transition: all .2s;
	    transform-origin: center;
	}
	header .nav-btn .line1{
		top: 0;
	}
	header .nav-btn .line2 {
	    top: 50%;
	    margin-top: -1px;
	}
	header .nav-btn .line3 {
	    bottom: 0;
	}

	header .nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	}
	header .nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	header .nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	header .nav-btn.cur .line3{
		transform: rotate(-45deg);
	}
    
    
    
	header .pc-nav li{
		margin-left: .8rem;
	}
	header .divide{
		margin: 1rem 10px 0;
	}
	header .pc-nav li{
		margin-left: .5rem;
	}
	header .search-btn{
		margin-left: .5rem;
	}
	
	
	footer .f-nav h2{
        margin-bottom:.3rem;
        padding: 0 0.3rem;
        font-weight: bold;
        color:#fff;
        font-size:.4rem;
    }
    .code{
        text-align: center;
         margin: 0 auto;    
         font-size:.3rem;
    }
	
	.m-nav{
		position: fixed;
		top: 2.5rem;
		width: 100%;
		z-index: 30;
		box-sizing: border-box;
		padding: 0 .35rem;
		background-color: rgba(255,255,255,.95);
	}
	.m-nav li{
		border-bottom: 1px solid #dcdcdc;
	}
	.m-nav li .tit{
		display: block;
		font-size: .68rem;
		padding: 0.55rem 0 0.5rem 0.3rem;
		color: #333;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 0.6rem;;
		width: 0.6rem;
        height: 0.6rem;
	    margin-top: -.15rem;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    background-image: url('../images/position-jia.png');
	    top: 50%;
	    transition: all .2s;
	}
	.m-nav li:nth-child(1) .tit:before{
		display: none;
	}
	.m-nav li.on .tit:before{
		transform: rotate(45deg);
	}
	.m-nav li .navson{
		padding-bottom: .3rem;
		display: none;
	}
	.m-nav li .navson a{
		display: block;
		font-size: .24rem;
		line-height: .4rem;
		padding: 0 .5rem;
		color: #333;
	}
	
	
	
	.banner .swiper-slide{
	    min-height: 400px;
	}
	
	.banner .text .en{
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.banner .text .cn{
		font-size: .9rem;
		line-height: 1rem;
	}
	.i-about-box .text-box{
		width: 35%;
	}
	.i-about-box .right .item .text{
		padding: 0 4%;
	}
	.i-about-box .right .item .text .en,
	.i-about-box .right .item .text .cn{
		font-size: .6rem;
		line-height: .7rem;
	}
	.i-project .tab-btns .swiper-slide a{
		padding: 0 .6rem;
	}
	.project-tab{
		margin-top: 1rem;
	}
	.project-tab .swiper-slide .text-box .en{
		font-size: .8rem;
		line-height: .9rem;
	}
	.project-tab .swiper-slide .text-box .cn{
		font-size: .7rem;
		line-height: .8rem;
		margin-top: .1rem;
	}
	.i-news-box .i-news .list .row{
		margin: 0 -.6rem;
	}
	.i-news-box .i-news .list .item{
		padding: 0 .6rem;
	}
	/* welcome end */
	.position-box .right .list-box{
		height: 100%;
	}
	.culture-tab .swiper-slide{
		width: 32%;
	}
	.develop-box .history-tab{
		width: 100%;
	}
	.sub-banner .text-box .en{
		font-size: 1.5rem;
		line-height: 1.6rem;
	}
	.sub-banner .text-box .cn{
		font-size: .9rem;
		line-height: 1rem;
	}
	/* about end */
	.project-tab-box .right .text-box{
		padding: 0 5%;
	}
	.project-tab-box .right .buttons a{
		margin-right: .3rem;
		width: 2.7rem;
	}
	.project-tab-box .right .tit{
		font-size: .6rem;
		line-height: .7rem;
	}
	.overview-box .list-box .info-box .text-box .tit{
		font-size: .5rem;
		line-height: .6rem;
	}
	.overview-box .list-box .map-box .text-box{
		width: 40%;
	}

	.news-box .top-box .text-box .index-more{
		margin-top: .3rem;
	}
	.news-box .top-box .text-box .d{
		font-size: 1.5rem;
		line-height: 1.6rem;
	}
	.index-more{
		height: 1.2rem;
		line-height: 1.2rem;
	}
	.news-box .list .text-box{
		margin-top: 0;
	}
	.news-box .list .text-box .day{
		font-size: 1.2rem;
		line-height: 1.3rem;
	}
	.news-box .page{
		margin-top: 2rem;
	}

	.contact-box .left{
		width: 32%;
	}
	
	.talent-box{
		padding: 2rem 0;
	}
	.talent-box .txt{
		width: 100%;
	}
		.banner.pc-img{
		display: none;
	}
	.banner.m-img{
		display: block;
	}
}

@media (max-width: 767px){
    .hidden-xs{
        display:none;
    }
	.index-page header{
		height: 1rem;
	}
	.index-page .header-view{
		padding: 0 .35rem;
	}
	header{
		height: 1rem;
	}
	header .logo{
		width: 3.5rem;
		margin-top: .2rem;
	}
	header .logo img{
		display: block;
	}
	header .search-btn{
		margin-top: .42rem;
	}
	header .nav-btn{
		display: block;
	 	float: right;
		width: .36rem;
   		height: .28rem;
   		margin-left: .2rem;
   		margin-top: .35rem;
   		position: relative;
	}
	header .nav-btn .line {
		width: 100%;
	    height: 2px;
	    border-radius: 1px;
	    position: absolute;
	    left: 0;
	    background-color: #fff;
	    transition: all .2s;
	    transform-origin: center;
	}
	header .nav-btn .line1{
		top: 0;
	}
	header .nav-btn .line2 {
	    top: 50%;
	    margin-top: -1px;
	}
	header .nav-btn .line3 {
	    bottom: 0;
	}

	header .nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	}
	header .nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	header .nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	header .nav-btn.cur .line3{
		transform: rotate(-45deg);
	}
	header .divide{
		margin-top: .4rem;
	}
	header .lang{
		margin-top: .25rem;
	}
	.clearfixed{
		height: 1rem;
	}
	.m-nav{
		position: fixed;
		top: 1rem;
		width: 100%;
		z-index: 30;
		box-sizing: border-box;
		padding: 0 .35rem;
		background-color: rgba(255,255,255,.95);
	}
	.m-nav li{
		border-bottom: 1px solid #dcdcdc;
	}
	.m-nav li .tit{
		display: block;
		font-size: .28rem;
		padding: .15rem 0 .15rem .3rem;
		color: #333;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 0;
		width: .3rem;
	    height: .3rem;
	    margin-top: -.15rem;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    background-image: url('../images/position-jia.png');
	    top: 50%;
	    transition: all .2s;
	}
	.m-nav li:nth-child(1) .tit:before{
		display: none;
	}
	.m-nav li.on .tit:before{
		transform: rotate(45deg);
	}
	.m-nav li .navson{
		padding-bottom: .3rem;
		display: none;
	}
	.m-nav li .navson a{
		display: block;
		font-size: .24rem;
		line-height: .4rem;
		padding: 0 .5rem;
		color: #333;
	}
	
	/* header end */
	footer{
		padding: .8rem 0 .5rem;
	}

	footer .view{
		padding: 0;
	}
	footer .top-box{
		padding: 0;
	}
	footer .top-box .left{
		display: none;
	}
	
	footer .top-box .f-nav{
		width: 100%;
		float: none;
	}
	footer .top-box .f-contact{
	    display: none;
	}
	footer .f-nav .line-box{
		display: none;
	}
	footer .f-nav li{
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		border-bottom: 1px solid rgba(255,255,255,.2);
		text-align: left;
		margin-bottom:0;
	}
	footer .f-nav li .tit{
		padding: 0 .3rem;
		font-size: .28rem;
		line-height: .86rem;
		position: relative;
	}
	footer .f-nav li .tit:before{
		content: "";
		position: absolute;
		right: .3rem;
		top: 50%;
		width: .25rem;
		height: .25rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-image: url('../images/f-arrow.png');
		margin-top: -.125rem;
		transition: all .2s;
	}
	footer .f-nav li .navson{
		display: none;
		margin: 0;
	}
	footer .f-nav li .navson a{
		padding: 0 .3rem 0 .6rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	footer .bottom-box{
		padding: 0;
		margin-top: .65rem;
		border-top: none;
		padding: 0 .3rem;
		text-align: center;
	}
	footer .bottom-box .copy{
		font-size: .24rem;
		line-height: .4rem;
		float: none;
	}
	footer .bottom-box .right{
		float: none;
	}
	footer .bottom-box .copy br{
		display: block;
	}
	footer .bottom-box .copy span{
		display: none;
	}
	footer .bottom-box .right .build,
	footer .bottom-box .right .build a{
		font-size: .24rem;
		line-height: .4rem;
	}
	
	footer .f-nav li.on .tit:before{
		transform: rotate(90deg);
	}
	/* footer end */
	.view{
		padding: 0 .35rem;
	}
	.banner.pc-img{
		display: none;
	}
	.banner.m-img{
		display: block;
	}
	.banner .text{
		width: 100%;
		/*top: .8rem;*/
		left: 0;
		padding: 0 .35rem;
		transform: translate(0,-50%);
		box-sizing: border-box;
	}
	.banner .text .en{
		font-size: .7rem;
		line-height: .7rem;
	}
	.banner .text .cn{
		font-size: .45rem;
		line-height: .58rem;
		margin-top: .4rem;
	}
	.index-more{
		font-size: .24rem;
		height: .7rem;
		line-height: .7rem;
		width: 2.4rem;
		border: 1px solid rgba(255,255,255,.3);
	}
	.banner .index-more{
		margin-top: .4rem;
	}
	.banner .btns .swiper-pagination-bullet{
		margin: 0 .5rem;
	}
	.banner .btns .swiper-pagination-bullet:before{
		width: .6rem;
		left: calc(10px + .15rem);
	}
	/*.i-about-box{*/
	/*	padding: 0;*/
	/*	background: none!important;*/
	/*}*/
	.i-about-box .text-box{
		float: none;
		width: 100%;
		margin-left: 0;
		background-image: url('../images/i-about-bg.jpg');
		background-repeat: no-repeat;
		background-position: center;
		padding: .8rem .6rem .7rem;
		box-sizing: border-box;
	}
	.i-about-box .right{
		position: relative;
		width: 100%;
	}
	.i-about-box .right .item{
		position: relative;
		float: left;
	}
	.i-about-box .index-tit{
		text-align: left;
	}
	.i-about-box .index-tit .en,
	.i-about-box .index-tit .cn{
		font-size: .48rem;
		line-height: .58rem;
	}
	.i-about-box .text-box .text{
		padding-left: 1.35rem;
	}
	.i-about-box .text-box .text .tit{
		font-size: .3rem;
		line-height: .48rem;
	}
	.i-about-box .text-box .text:before{
		width: 1rem;
	}
	.index-tit{
		text-align: center;
	}
	.index-con{
		font-size: .3rem;
		line-height: .5rem;
	}
	.i-about-box .text-box .text .index-con{
		margin-top: .2rem;
	}
	.i-about-box .text-box .text .index-more{
		margin-top: 1rem;
	}
	.i-about-box .right .item{
		height: 3.8rem;
	}
	.i-about-box .right .item .text .en,
	.i-about-box .right .item .text .cn{
		font-size: .3rem;
		line-height: .4rem;
	}
	.i-about-box .right .item .text .cn{
		margin-top: 0
	}
	.i-about-box .right .item .line{
		width: .35rem;
		height: 2px;
		margin-top: .15rem;
	}
	.i-about-box .right .item .con{
		line-height: .4rem;
		margin-top: .2rem;
	}
	.i-project-box{
		padding: .8rem 0 0;
	}
	.index-tit .en{
		font-size: .48rem;
		line-height: .58rem;
	}
	.index-tit .cn{
		font-size: .42rem;
		line-height: .52rem;
	}
	.i-project .tab-btns{
		margin-top: .4rem;
		width: 100%;
		overflow: hidden;
	}
	.i-project .tab-btns .swiper-slide a{
		padding: 0 .2rem;
		height: .5rem;
		line-height: .5rem;
		font-size: .24rem;
	}
	.project-tab .view>.swiper-wrapper{
		display: block;
		transform: translateX(0)!important;
	}
	.project-tab .swiper-slide{
		width: 100%;
	}

	.project-tab .pc-box{
		display: none;
	}
	.project-tab .m-box{
		display: block;
	}
	.i-project .buttons-box{
		display: none;
	}
	.project-tab{
		margin-top: .55rem;
	}
	.project-tab li{
		position: relative;
		margin-bottom: .2rem;
	}
	.project-tab li:last-child{
		margin-bottom: 0;
	}
	.project-tab .mask{
		display: none;
	}
	.project-tab .text-box .en{
		font-size: .36rem;
		line-height: .46rem;
	}
	.project-tab .text-box{
		opacity: 1;
		filter: alpha(opacity=100);
		padding: 0 .35rem 0 .5rem;
	}
	.project-tab .text-box .left{
		width: 80%;
	}
	.project-tab .text-box .cn{
		font-size: .36rem;
		line-height: .46rem;
		margin-top: 0;
	}
	.project-tab .text-box .con{
		font-size: .24rem;
		line-height: .4rem;
	}
	.project-tab .text-box .num{
		font-size: 1rem;
		line-height: 1rem;
		margin-top: .45rem;
	}
	.i-news-box{
		padding: .8rem 0 1.6rem;
	}
	.i-news-box .line-box{
		display:none;
	}
	.i-news-box .i-news .view{
		padding: 0;
	}
	.i-news-box .i-news .list{
		margin-top: .5rem;
	}
	.i-news-box .i-news .list .row{
		margin: 0;
	}
	.i-news-box .i-news .list .item{
		padding: 0;
	}
	.i-news-box .i-news .list .item:nth-child(2),
	.i-news-box .i-news .list .item:nth-child(3){
		margin-top: .6rem;
	}
	.i-news-box .i-news .list .con-box{
		box-shadow: none;
	}
	.i-news-box .i-news .list .img{
		float: left;
		width: 3.75rem;
	}
	.i-news-box .i-news .list .text-box{
		padding: 0;
		width: 3.4rem;
		float: right;
		box-sizing: border-box;
		padding-right: .35rem;
	}
	.i-news-box .i-news .list .time-box .d{
		font-size: .6rem;
		line-height: .7rem;
	}
	.i-news-box .i-news .list .time-box .ym{
		font-size: .24rem;
		line-height: .25rem;
		margin-left: .1rem;
		padding: 0;
	}
	.i-news-box .i-news .list .time-box .ym:before{
		display: none;
	}
	.i-news-box .i-news .list .tit{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .15rem;
		height: 1.2rem;
		overflow: hidden;
	}
	.i-news-box .i-news .list .con{
		display: none;
	}
	.i-news-box .i-news .list .more{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.i-news-box .i-news .list .index-more{
		position: static;
		margin: .95rem auto 0;
	}
	/* welcome end */
	.project-page .clearfixed{
		height: 1rem;
	}
	/* project end */
	.clearfixed{
		display: block;
	}
	.sub-banner .m-img{
	    display: block;
	}
	.sub-banner .pc-img{
		display: none;
	}
	.sub-banner .text-box .en{
		font-size: .72rem;
		line-height: .82rem;
	}
	.sub-banner .text-box .cn{
		font-size: .36rem;
		line-height: .46rem;
		margin-top: 0;
	}
	.sub-nav-box .bread{
		display: none;
	}
	.sub-nav{
		text-align: center;
		max-width:100%;
	}
	.sub-nav a{
		font-size: .28rem;
		line-height: .6rem;
		height: .6rem;
		border-radius: .3rem;
		padding: 0 .2rem;
		margin: 0 .05rem;
	}
	.about-box,
	.culture-box,
	.develop-box,
	.honor-box{
		padding: .5rem 0;
	}
	.about-box .text-box{
		width: 100%;
		float: none;
	}
	.about-box .about-tab{
		float: none;
		width: 100%;
	}
	.about-box .text-box .index-tit{
		text-align: left;
	}
	.about-box .text-box .text{
		margin-top: .3rem;
	}
	.about-box .text-box .text .tit{
		padding-left: 1rem;
		font-size: .3rem;
		line-height: .4rem;
	}
	.about-box .text-box .text .tit:before{
		width: .8rem;
		top: .15rem;
	}
	.about-box .text-box .text .index-con{
		height: auto;
		padding-left: 0;
		margin-top: .3rem;
	}
	.about-box .text-box .btns{
		padding-left: 0;
		text-align: center;
		margin-top: .4rem;
	}
	.about-box .text-box .btns a{
		width: .8rem;
		height: .8rem;
		margin: 0 .1rem;
		background-size: .2rem;
	}
	.about-box .about-tab{
		margin-top: .3rem;
	}
	.position-box .tab-box{
		width: 100%;
		float: none;
	}
	.position-box .right{
		position: static;
		width: 100%;
		padding: .5rem .35rem;
		box-sizing: border-box;
	}
	.position-box .right .list-box{
		position: static;
		width: 100%;
		transform: translateY(0);
	}

	.position-box .right .list{
		padding: 0;
	}
	.position-box .right .list-box li{
		padding: .2rem 0;
	}
	.position-box .right .list-box .num,
	.position-box .right .list-box .txt{
		font-size: .3rem;
		line-height: .4rem;
	}
	.position-box .right .list-box .txt{
		margin-left: .3rem;
	}
	.position-box .right .list-box .tit:before{
		width: .3rem;
		height: .3rem;
		margin-top: -.15rem;
	}
	.position-box .right .list-box .sub{
		margin-top: .1rem;
	}
	.about-tit-box .index-tit{
		float: none;
	}
	.about-tit-box .buttons{
		float: none;
		text-align: center;
		margin-top: .4rem;
	}
	.about-tit-box .buttons a{
		width: .8rem;
		height: .8rem;
		background-size: .12rem;
		margin: 0 .1rem;
	}
	.culture-tab{
		margin-top: .5rem;
	}
	.culture-tab .swiper-slide{
		width: 80%;
		padding: .5rem;
	}
	.culture-tab .swiper-slide .en{
		font-size: .3rem;
		line-height: .4rem;
	}
	.culture-tab .swiper-slide .cn{
		font-size: .5rem;
	    line-height: .6rem;
	    padding-bottom: .3rem;
	}
	.culture-tab .swiper-slide .index-con{
		height: 2rem;
		margin-top: .3rem;
	}
	.develop-box .history-tab{
		margin-top: .6rem;
	}
	.develop-box .history-tab .img{
		width: 100%;
		float: none;
	}
	.develop-box .history-tab .text-box{
		float: none;
		width: 100%;
	}
	.develop-box .history-tab .year{
		padding-left: .75rem;
		line-height: .56rem;
		font-size: .46rem;
	}
	.develop-box .history-tab .year:before{
		width: .6rem;
	}
	.develop-box .history-tab .index-con{
		padding-left: .75rem;
		margin-top: .2rem;
	}
	.develop-box .year-tab{
		margin-top: .5rem;
	}
	.develop-box .year-tab{
		padding: 0 .4rem;
	}
	.develop-box .year-tab .txt{
		font-size: .3rem;
		line-height: .4rem;
	}
	.develop-box .year-tab .year-line{
		top: .1rem;
	}
	.develop-box .year-tab .line{
		height: .16rem;
	}
	.develop-box .year-tab .txt{
		margin-top: .1rem;
	}
	.honor-tab{
		margin-top: .4rem;
	}
	.honor-tab .swiper-slide{
		padding: .5rem;
		background-size: 1.37rem;
	}
	.honor-tab .swiper-slide .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.honor-tab .swiper-slide .con{
		height: 2.5rem;
	}
	/* about end */
	.vidcontainer .closevid{
		width: .5rem;
		height: .5rem;
	}
	.project{
		float: none;
		width: 100%;
	}
	.project .txt{
		font-size: .24rem;
		line-height: .4rem;
		padding-left: .4rem;
	}
	.project .txt:before{
		width: .3rem;
	}
	.project .play-btn{
		width: .7rem;
		height: .7rem;
	}
	.project-tab-box .right{
		position: static;
		width: 100%;
	}
	.project-tab-box .right .text-box{
		position: static;
		width: 100%;
		transform: translateY(0);
		padding: .5rem .35rem;
	}
	.project-tab-box .right .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.project-tab-box .right .index-con{
		height: auto;
	}
	.project-tab-box .right .buttons{
		margin-top: .5rem;
	}
	.project-tab-box .right .buttons a{
		width: 1.8rem;
		height:.6rem;
		line-height: .6rem;
		border-radius: .3rem;
		margin-right: .2rem;
		font-size: .24rem;
	}
	.sub-tit .cn{
		font-size: .3rem;
		line-height: .4rem;
	}
	.sub-tit .en{
		font-size: .48rem;
		line-height: .58rem;
		margin-top: 0;
	}
	.project-tab-btns{
		margin-top: .3rem;
		padding-bottom: .35rem;
	}
	.project-tab-btns a{
		width: 1.8rem;
		height: .6rem;
		border-radius: .3rem;
		font-size: .24rem;
		line-height: .6rem;
		margin: 0 .1rem;
	}
	.overview-box,
	.building-box,
	.other-box{
		padding: .6rem 0;
	}
	.overview-box .list-box .info-box .text-box{
		float: none;
		width: 100%;
		margin-left: 0;
		background-position: left .1rem;
	}
	.overview-box .list-box .info-box .img{
		width: 100%;
		float: none;
		margin-top: .3rem;
	}
	.overview-box .list-box{
		margin-top: .6rem;
	}
	.overview-box .list-box .info-box .text-box{
		padding-left: .6rem;
		background-size: .28rem;
	}
	.overview-box .list-box .info-box .text-box .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.overview-box .list-box .map{
		height: 4rem;
	}
	.overview-box .list-box .map-box .text-box{
		position: static;
		width: 100%;
		transform: translateY(0);
		padding: .3rem;
	}
	.overview-box .list-box .map-box .yin{
		width: .28rem;
	}
	.overview-box .list-box .map-box .yin img{
		display: block;
	}
	.overview-box .list-box .map-box .tit{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.overview-box .list-box .map-box .index-con{
		margin-top: .1rem;
	}
	.building-box .list-box{
		margin-top: .6rem;
	}
	.building-box table tr td:nth-child(2n+1){
		font-size: .3rem;
		line-height: .4rem;
		width: 35%;
	}
	.building-box table tr td:nth-child(2n){
		font-size: .28rem;
		line-height: .4rem;
	}
	.other-box .sub-tit .cn{
		line-height: .8rem;
	}
	.other-box .sub-tit .buttons a{
		width: .8rem;
		height: .8rem;
		background-size: .12rem;
		margin-left: .2rem;
	}
	.other-box .other-tab{
		margin-top: .3rem;
	}
	.news-box{
		padding: .5rem 0;
	}
	.news-box .top-box .img{
		width: 100%;
		float: none;
	}
	.news-box .top-box .text-box{
		position: static;
		width: 100%;
		
	}
	.news-box .top-box .text-box .text{
		position: static;
		transform: translateY(0);
		padding: .3rem;
	}
	.news-box .top-box .text-box .d{
		font-size: .68rem;
		line-height: .78rem;
	}
	.news-box .top-box .text-box .ym{
		font-size: .24rem;
		line-height: .4rem;
		margin-left: .2rem;
		padding-right: .8rem;
	}
	.news-box .top-box .text-box .ym:before{
		width: .6rem;
		height: 2px;
	}
	.news-box .top-box .text-box .tit{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.news-box .top-box .text-box .index-con{
		height: 2rem;
	}
	.news-box .list{
		margin-top: .6rem;
	}
	.news-box .list li{
		padding: .3rem;
		margin-bottom: .6rem;
	}
	.news-box .list .img{
		float: none;
		width: 100%;
	}
	.news-box .list .text-box{
		float: none;
		width: 100%;
		margin-top: .3rem;
	}
	.news-box .list .text-box .day{
		font-size: .6rem;
		line-height: .7rem;
	}
	.news-box .list .text-box .ym{
		font-size: .24rem;
		line-height: .3rem;
		padding-right: .6rem;
	}
	.news-box .list .text-box .ym:before{
		width: .4rem;
	}
	.news-box .list .text-box .tit{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.news-box .list .text-box .con{
		font-size: .24rem;
		line-height: .4rem;
	}
	.news-box .list .text-box .more{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
		display: none;
	}
	.news-box .list .text-box .index-more{
	    display: block;
	    border-color: #17528e;
	    background-color: #17528e;
	    margin-top: .3rem;
	}
	.news-box .list .text-box .index-more span{
		color: #fff;
	}
	.news-box .page{
		margin-top: .6rem;
	}
	.page a{
		width: .8rem;
		height: .8rem;
		line-height: .8rem;
		font-size: .24rem;
		margin: 0 .1rem;
	}
	.page a.prev,
	.page a.next{
		background-size: .08rem;
	}
	.contact-box .left{
		padding: .5rem 0 .25rem;
		width: 100%;
		float: none;
	}
	.contact-box .left .con-box{
		padding-left: 0;
		margin-top: .3rem;
	}
	.contact-box .left .con-box .item{
		font-size: .24rem;
		line-height: .4rem;
		background-size: .24rem;
		margin-bottom: .2rem;
		padding-left: .4rem;
	}
	.contact-box .left,
	.contact-box .form-wrap{	
		width: 100%;
		float: none;
	}
	.contact-box .left{
		padding: .5rem 0 .25rem;
	}
	.contact-box .form-wrap{
		padding: .25rem 0 .5rem;
	}
	.contact-box .form-box{
		padding: .3rem;
	}
	.contact-box .form-box .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.contact-box .form-box .form{
		margin-top: .3rem;
	}
	.contact-box .form-box .form input[type=text],
	.contact-box .form-box .form textarea{
		float: none;
		width: 100%;
		padding: .1rem 0;
		font-size: .24rem;
		line-height: .4rem;
		height: .4rem;
		margin-bottom: .3rem;
	}
	.contact-box .form-box .form textarea{
		height: .9rem;
	}
	.contact-box .form-box .form .check{
		float: none;
		width: 90%;
	}
	.contact-box .form-box .form .check input{
		width: 60%;
		margin-bottom: 0;
		/* display: block; */
		float: left;
	}
	.contact-box .form-box .form .check img{
		height: .62rem;
	}
	.contact-box .form-box .form .submit-box{
		float: none;
		width: 100%;
		font-size: 0;
		margin-top: .4rem;
	}
	.contact-box .form-box .form .submit-box input[type=submit]{
		float: none;
		width: 1.8rem;
		height: .6rem;
		font-size: .24rem;
	}
	.talent-box{
		padding: .8rem 0;
	}
	.talent-box .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	
	.aboutBox{
	    padding:1rem 0;
	}
	
	.aboutBox .view .leftBox,
    .aboutBox .view .rightBox{
        width:100%;
    }
    .aboutBox .view .rightBox{
        padding-left:0;
    }
    .aboutBox .view .leftBox{
        height:400px;
        margin-bottom:.8rem;
    }
    .aboutBox .text .tit{
        font-size: .5rem;
        text-align: center;
    }
}

@media (max-width: 560px){
    header .logo img{
        height:30px;
    }
    .i-news-box .i-news .list .img{
        height:150px;
    }
}