@charset "UTF-8";
@media (max-width: 1024px){
	header .logo{
		margin-top: .75rem;
	}
	.header-right .icon-box{
		margin-top: .7rem;
	}
	.index-page header{
	    display: block;
	}
	.index-btns-box{
		display: none;
	}
	.index-product .swiper-slide{
		width: 100%;
	}
	.top-logo{
		display: none;
	}
	.pc-nav{
		display: none;
	}
	.header-right .icon-box .item:nth-child(1),
	.header-right .icon-box .item:nth-child(2){
		display: none;
	}
	.header-right .icon-box .item:nth-child(3) .icon{
		width: .6rem;
		height: .6rem;
		background-size: 100%;
	}
	.header-right .icon-box .item:last-child{
		margin-left: .6rem;
		padding-left: .6rem;
	}
	.header-right .icon-box .item:last-child:before{
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width:1px;
		height: .6rem;
		background: #dedede;
		transform:translateY(-50%);
	}
	.header-right .icon-box .nav-btn{
		width: .75rem;
		height: .6rem;
		display: block;
		position: relative;
	}
	.header-right .icon-box .nav-btn .line{
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: #333;
		transition: all .2s;
	    transform-origin: center;
	}
	.header-right .icon-box .nav-btn .line1{
		left: 0;
		top: 0;
	}
	.header-right .icon-box .nav-btn .line2{
		left: 0;
		top: 50%;
		margin-top: -1px;
	}

	.header-right .icon-box .nav-btn .line3{
		left: 0;
		bottom:0;
	}
	.header-right .icon-box .nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	    background:#00a99f;
	}
	.header-right .icon-box .nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	.header-right .icon-box .nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.header-right .icon-box .nav-btn.cur .line3{
		transform: rotate(-45deg);
	}
	header{
		height: 2.2rem;
	}
	.header-view{
		padding:0 5%;
	}
	.m-nav-box{
		position: fixed;
		top: 2.2rem;
		left: 0;
		width: 100%;
		z-index: 30;
	}
	.m-nav{
		border-top: 1px solid #e3e3e3;
	}
	.m-nav li{
		background: #f7f7f7;
		border-bottom: 1px solid #e3e3e3;
	}
	.m-nav li:nth-child(2n){
		background-color: #fff;
	}
	.m-nav li .tit{
		display: block;
		height: 3rem;
		line-height: 3rem;
		padding: 0 5%;
		font-size: .75rem;
		color: #333;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 5%;
		top: 50%;
		width: 9px;
		height: 17px;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url(../img/m-nav-arrow.png);
		background-size: 100%;
		margin-top: -9px;
		transition: all .3s;
	}
	.m-nav .navson{
		display: none;
	}
	.m-nav .navson a{
		font-size: .6rem;
		line-height: 2.5rem;
		height: 2.5rem;
		color: #333;
		display: block;
		padding:0 8%;
	}
	.m-nav li.on .tit:before{
		transform: rotate(90deg);
	}
	.m-contact-box{
		background: #000;
	}
	.m-contact-box .m-contact{
		padding:1.25rem 5% 1rem;
		text-align: center;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.m-contact-box .m-contact .company .cn{
		font-size: .7rem;
		line-height: .8rem;
	}
	.m-contact-box .m-contact .company .en{
		font-size: .4rem;
		line-height: .5rem;
		font-family: arial;
		margin-top: .25rem;
		opacity: .7;
		filter: alpha(opacity=70);
	}
	.m-contact-box .m-contact .list{
		margin-top: .9rem;
	}
	.m-contact-box .m-contact .item{
		margin-bottom: .5rem;
	}
	.m-contact-box .m-contact .item:last-child{
		margin-bottom: 0;
	}
	.m-contact-box .m-contact .tit{
		font-size: .45rem;
		line-height: .5rem;
		opacity: .5;
		filter: alpha(opacity=50);
		margin-bottom: .25rem;
	}
	.m-contact-box .m-contact .con{
		font-size: .5rem;
		line-height: .6rem;
	}
	.m-contact-box .copy-box{
		padding:.5rem 5%;
		text-align: center;
	}
	.m-contact-box .copy-box .build,
	.m-contact-box .copy-box .build a,
	.m-contact-box .copy-box .copy,
	.m-contact-box .copy-box .copy a{
		font-size: .45rem;
		line-height: .9rem;
		color: #fff;
	}
	.m-contact-box .copy-box .copy{
		opacity: .5;
		filter: alpha(opacity=50);
	}
	.m-contact-box .copy-box .build{
		opacity: .25;
		filter: alpha(opacity=25);
	}
	.m-contact-box .copy-box .build a,
	.m-contact-box .copy-box .copy
	.index-product{
		top: 25%;
	}
	.index-product-box .tab-btns{
		bottom: 25%;
	}

	.index-wrap{
		height: calc(100% - 2.2rem);
		top: 2.2rem;
	}
	.product-view{
		padding:0 5%;
		width: auto;
	}
	.index-factory-box .right{
		width: 100%;
		height: 60%;
		float: none;
	}
	.index-factory-box .text{
		float: none;
		width: 100%;
		height: 25%;
		box-sizing: border-box;
		padding:5%;
	}
	.index-tit .en br{
		display: none;
	}
	.index-factory-box .index-con{
		height: auto;
		margin-top: .5rem;
	}
	.index-factory-box .text .index-more{
		margin-top: 1rem;
	}
	.index-factory-box .num-box{
		float: none;
		width: 100%;
		height: 15%;
		font-size: 0;
		text-align: center;
	}
	.index-factory-box .num-box .item{
		height: auto;
		width: 33.33%;
		height: 100%;
		display: inline-block;
		*display: inline;
		zoom:1;
		box-sizing: border-box;
		padding:6% 0 0;
		border-bottom: none;
		border-right: 1px solid #d6d7d9;
	}
	.index-factory-box .num-box .item:last-child{
		border-right: none;
	}
	.index-factory-box .btns{
		bottom: 5%;
		left: 5%;
	}
	.index-about{
		height: auto;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}
	.index-about-box .left{
		width: 100%;
		float: none;
		box-sizing: border-box;
		padding:0 5%;
	}
	.index-about-box .right{
		float: none;
		margin:0;
		width: 100%;
		text-align: center;
		margin-top: 2.25rem;
		margin-right: 0;
	}
	.index-about-box .list{
		border-top: 1px solid rgba(255,255,255,.15);
	}
	.index-news-view{
		padding:0 5%;
		width: auto;
	}
	.index-message-box .right{
		float: none;
		width: 100%;
		height: auto;
		margin:0 auto;
	}
	.index-message-box .top-box{
		padding:1rem 5%;
	}
	.index-message-box .map-box{
		padding:0 5%;
	}
	.map-box .city-btns{
		float: left;
	}
	.index-message-box .map{
		width: 70%;
		float: right;
	}
	.index-message-box .left{
		float: none;
		width: 100%;
		height: auto;
		margin-top: 1.5rem;
	}
	.index-message-box .message-title{
		float: left;
		width: 30%;
		position: static;
		padding:0 0 0 5%;
		box-sizing: border-box;
	}
	.index-message-box .index-form-box{
		/*padding: 1rem 5%;*/
		width: 65%;
		float: right;
		position: static;
		box-sizing: border-box;

	}
	.index-message-box .index-form{
		padding:1rem 5%;
	}
	.index-form-box .submit-box .tip{
		padding-left: 5%;
	}
	.index-search{
		padding:0 5%;
	}
	.view{
		padding: 0 5%;
		width: auto;
	}

	.footer-bottom .info br{
	    display: block;
	}
}

@media (max-width: 992px){
	.index-factory-box .right{
		height: 50%;
	}
	.index-factory-box .text{
		height: 35%;
	}
	.f-nav li{
		margin: 0 1rem;
	}
	.factory-info-box .con{
		height: 6rem;
		overflow: hidden;
	}
	.main-product .row{
		margin: 0 -.5rem;
	}
	.main-product .item{
		padding: 0 .5rem;
	}
	.main-product .con-box{
		padding: .9rem .5rem 1rem;
	}
	.main-product .item .con{
		height: 3.75rem;
	}
	.factory-info-box .con .mCSB_inside>.mCSB_container{
	    /* margin-right: 0; */
	    display: block!important;
	}
	.factory-info-box .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	    background: #00a99f;
	    width: 3px;
	}
	.factory-info-box .con .mCSB_scrollTools{
	    width: 3px;
	}
	.factory-info-box .con .mCSB_scrollTools .mCSB_draggerRail{
	    width: 3px;
	    background-color: transparent;
	}

	.custom-message-box .img{
		width: 45%;
	}
	.custom-message .cusom-wrap{
		width: 50%;
	}
	.custom-message .index-form input[type=submit]{
		/* margin-left: 39%; */
	}

	.model-box .model-list span{
		width: 3.5rem;
		margin-right: .5rem;
	}

	.news-box{
		padding-top: 2rem;
		margin: 0;
	}
}

@media (max-width: 767px){
	.header-view{
		padding:0 .3rem;
	}
	header{
		height: .88rem;
	}
	header .logo{
		width: 3.2rem;
		margin-top: .3rem;
	}
	.header-right .icon-box .item:nth-child(3) .icon{
		width: .24rem;
		height: .24rem;
	}
	.header-right .icon-box .item:last-child{
		padding-left: .24rem;
		margin-left: .24rem;
	}
	.header-right .icon-box .item:last-child:before{
		height: .24rem;
	}
	.header-right .icon-box .nav-btn{
		width: .3rem;
		height: .24rem;
	}
	.clearfixed{
		height: .88rem;
	}
	
	.header-right .icon-box{
		margin:.28rem 0 0;
	}
	.m-nav-box{
		top: .88rem;
		height: calc(100% - .88rem);
		overflow: auto;
	}
	.m-nav li .tit{
		font-size: .3rem;
		line-height: 1.2rem;
		height: 1.2rem;
	}
	.m-nav li .tit:before{
		width: .09rem;
		height: .17rem;
		margin-top: -.09rem;
	}
	.m-nav .navson a{
		height: 1rem;
		line-height: 1rem;
		font-size: .24rem;
	}
	.m-contact-box .m-contact{
		padding:.5rem .3rem .4rem;
	}
	.m-contact-box .m-contact .company .cn{
		font-size: .28rem;
		line-height: .3rem;
	}
	.m-contact-box .m-contact .company .en{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.m-contact-box .m-contact .list{
		margin-top: .36rem;
	}
	.m-contact-box .m-contact .item{
		margin-bottom: .2rem;
	}
	.m-contact-box .m-contact .tit{
		font-size: .28rem;
		line-height: .3rem;
		margin-bottom: .1rem;
	}
	.m-contact-box .m-contact .con{
		font-size: .2rem;
		line-height: .3rem;
	}
	.m-contact-box .copy-box{
		padding:.2rem .3rem;
	}
	.m-contact-box .copy-box .build,
	.m-contact-box .copy-box .build a,
	.m-contact-box .copy-box .copy,
	.m-contact-box .copy-box .copy a{
		font-size: .2rem;
		line-height: .3rem;
	}
	.m-contact-box .copy-box .copy{
		margin-bottom: .1rem;
	}
	.header-search-wrap .closevid{
		width: .5rem;
		height: .5rem;
	}
	.index-search{
		top: 20%;
		padding:0 .3rem;
	}
	.index-search .search-form{
		padding:0 0 .6rem 0;
	}
	.search-form .pub-more{
		margin-right: .25rem;
	}
	.search-form input[type=text]{
		font-size: .3rem;
		line-height: .5rem;
		padding-left: .6rem;
		background-size: .46rem;
		width: 50%;
		margin-top: .2rem;
	}
	.index-search .keywords{
		margin-top: .4rem;
		padding-left: .6rem;
	}
	.index-search .keywords .tit{
		font-size: .24rem;
		line-height: .4rem;
	}
	.index-search .keywords .list{
		margin-top: .25rem;
	}
	.index-search .keywords span{
		font-size: .24rem;
		line-height: .24rem;
	}
	/*header end*/
	.index-wrap{
		top: .88rem;
		height: calc(100% - .88rem);
	}
	.banner .swiper-slide .pc-img{
	    display: none;
	}
	.banner .swiper-slide .m-img{
	    display: block;
	}
	.banner .text{
		padding:0 .8rem;
		top: 1.2rem;
		transform: translateY(0);
	}
	.banner .text .en .tit{
		font-size: .24rem;
		line-height: .3rem;
	}
	.banner .text .en .desc{
		font-size: .2rem;
		line-height: .3rem;
		margin-top: .1rem;
	}
	.banner .text .en .line{
		width: .6rem;
		height: 2px;
		margin-top: .3rem;
	}
	.banner .text .cn{
		margin-top: .15rem;
	}
	.banner .text .cn .tit{
		font-size: .48rem;
		line-height: .6rem;
	}
	.banner .text .cn .tit br{
	    display: block;
	}
	.banner .text .cn .desc{
		font-size: .36rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	.banner .process{
		display: none;
	}
	.pub-more{
		width: 2.5rem;
		height: .8rem;
	}
	.pub-more .txt{
		height: .8rem;
		line-height: .8rem;
		padding:0 .3rem;
		font-size: .24rem;
	}
	.pub-more .txt:before{
		right: .3rem;
	}
	.line-box{
		display: none;
	}
	.m-scroll-btn{
		position: absolute;
		left: 50%;
		bottom: 1rem;
		width: .8rem;
		height: .4rem;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100%;
		background-image: url('../img/m-scroll-btn.png');
		margin-left: -.4rem;
		z-index: 3;
	}
	.banner .pub-more{
		margin-top: .35rem;
	}
	.banner .btns{
		position: absolute;
		left: 0;
		bottom: .5rem;
		width: 100%;
		text-align: center;
		font-size: 0;
		z-index: 3;
	}
	.banner .btns .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background-color: #fff;
		margin:0 .12rem;
	}
	.banner .btns .swiper-pagination-bullet-active{
		background-color: #00a99f
	}
	.index-product-box .tab-btns{
		bottom: 2.2rem;
	}
	.index-product-box .tab-btns .item{
		width: 1.3rem;
		height: 1.3rem;
		margin:0 .25rem;
		padding-top: .2rem;
	}
	.index-product-box .tab-btns .icon{
		width: .37rem;
	}
	.index-product-box .tab-btns .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .08rem;
	}
	.index-product{
		top: 2.2rem;
	}
	.index-product .en{
		font-size: 1.5rem;
		line-height: 1.5rem;
		top: -.6rem;
	}
	.index-product .text{
		margin-top: .2rem;
	}
	.index-product .text .con{
		font-size: .24rem;
		line-height: .48rem;
		margin-top: .3rem;
	}
	.index-product .text .tit{
		font-size: .48rem;
		line-height: .58rem;
	}
	.index-product .swiper-slide-next .img,
	.index-product .swiper-slide-prev .img{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.index-factory-box .num-box{
		display: none;
	}
	.index-factory-box .right{
		height: 44.5%;
	}
	.index-factory-box .play-box .icon{
		width: .96rem;
		height: .96rem;
	}
	.index-factory-box .play-box .txt{
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.index-factory-box .text{
		height: 55.5%;
	}
	.index-tit .cn{
		font-size: .48rem;
		line-height: .5rem;
	}
	.index-tit .en{
		font-size: .3rem;
		line-height: .36rem;
		margin-top: .15rem;
	}
	.index-tit .en br{
		display: block;
	}
	.index-con{
		font-size: .2rem;
		line-height: .4rem;
	}
	.index-factory-box .index-con{
		margin-top: .4rem;
	}
	.index-more{
		font-size: .24rem;
		line-height: .3rem;
		padding-bottom: .2rem;
	}
	.index-factory-box .text .index-more{
		margin-top: .5rem;
	}
	.index-factory-box .btns{
		width: 100%;
		left: 0;
		bottom: .5rem;
		text-align: center;
	}
	.index-factory-box .btns .swiper-pagination-bullet{
		margin:0 .12rem;
	}
	.index-about{
		top: 1.1rem;
		transform: translateY(0);
	}
	.index-about .index-con{
		width: 84%;
		margin-top: .3rem;
	}
	.index-about-box .right{
		margin-top: 1rem;
		height: auto;
	}
	.index-about-box .list .item{
		padding:.6rem 0 .4rem;
		height: auto;
	}
	.index-about-box .list .icon{
		width: .76rem;
	}
	.index-about-box .list .text{
		margin-top: .2rem;
		height: auto;
	}
	.index-about-box .list .cn{
		font-size: .28rem;
		line-height: .4rem;
	}
	.index-about-box .list .en{
		font-size: .2rem;
		line-height: .3rem;
		margin-top: .1rem;
	}
	.index-about-box .list .arrow{
		display: none;
	}
	.index-news-box .bg{
		position: absolute;
		margin:0;
		bottom:0;
		left: 0;
		width: 100%;
		height: 64.559%;
	}
	.index-news{
		position: static;
		transform: translateY(0);
	}
	.index-news .top-box{
		padding-top: .65rem;
	}
	.index-news .left{
		width: 100%;
	}
	.index-news .news-title{
		margin:0;
		float: none;
	}
	.index-news .index-more{
		margin-top: .25rem;
		float: right;
	}
	.index-news .right,
	.index-news .item2{
		display: none;
	}
	.index-news .top-box .con-box{
		float: none;
		width: 100%;
		position: relative;
		display: block;
		margin-top: .65rem;
	}
	.index-news .left .item{
		width: 100%;
	}
	.index-news .bottom-box{
		margin-top: .3rem;
	}
	.index-news .top-box .con-box .text{
		padding:0 .4rem;
		bottom: .25rem;
	}
	.index-news .top-box .con-box .tit{
		font-size: .24rem;
		line-height: .3rem;
	}
	.index-news .top-box .con-box .detail{
		margin-top: .07rem;
	}
	.index-news .left .item .text{
		padding:.3rem;
	}
	.index-news .tit{
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
	}
	.index-news .item .con{
		font-size: .2rem;
		line-height: .34rem;
		margin-top: .2rem;
		height: 1.02rem;
	}
	.index-news .item .time-box{
		padding:0 .3rem;
		bottom: .4rem;
	}
	.index-news .time-box .time{
		font-size: .2rem;
		line-height: .3rem;
	}
	.index-message-box .right{
		display: none;
	}
	.index-message-box .left{
		margin:0;
		position: static;
	}
	.index-message-box .message-title{
		float: none;
		width: 100%;
		box-sizing: border-box;
		padding:.5rem .3rem;
	}
	.message-title .index-con{
		margin-top: .2rem;
		width: 87.5%;
	}
	.index-message-box .index-form-box{
		float: none;
		width: 100%;
	}
	.index-message-box .index-form{
		padding:.4rem .4rem 1.5rem;
	}
	.index-form .tit,
	.index-form .message-box .tit{
		font-size: .24rem;
		line-height: .7rem;
		height: .7rem;
		width: 20.3125%;
		position: relative;
	}
	.index-form .tit span{
		position: absolute;
		right: 0;
		top: 50%;
		transform:translateY(-50%);
	}
	.index-form input[type=text],
	.index-form .message-box textarea{
		width: calc(78.26% - .6rem - 2px);
		height: .3rem;
		line-height: .3rem;
		padding:.2rem .3rem;
		box-sizing: content-box;
		font-size: .24rem;
	}
	.index-form .message-box textarea{
		height: 1.2rem;
	}
	.index-form .check-box input[type=text]{
		margin-left: 1.5%;
	}
	.index-form-box .submit-box{
		position: absolute;
		left: 0;
		bottom:0;
		width: 100%;
	}
	.index-form-box .submit-box{
		padding:.25rem 0;
	}
	.index-form-box .submit-box .tip{
		padding-left: .3rem;
		font-size: .2rem;
		line-height: .3rem;
		width: 50%;
	}
	.index-form-box .submit{
		padding:.2rem .7rem .2rem 	.65rem;
	}
	.index-form-box .submit .en{
		font-size: .48rem;
		line-height: .5rem;
	}
	.index-form-box .submit .cn{
		font-size: .2rem;
		line-height: .3rem;
		padding-right: .75rem;
		background-size: .6rem;
	}
	.index-form-box .submit-box .tip br{
	    display: block;
	}
	.footer-top{
		display: none;
	}
	.f-qrcode{
		padding: .5rem 0;
	}
	.f-qrcode .item{
		margin: 0 .2rem;
	}
	.f-qrcode .item .img{
		width: 1rem;
		padding: .1rem;
		margin: 0 auto;
	}
	.f-qrcode .item .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.footer-bottom .copy-box{
		padding: .5rem 0;
	}
	.footer-bottom .copy{
		font-size: .24rem;
		line-height: .4rem;
	}
	.footer-bottom .info{
		font-size: .24rem;
		line-height: .4rem;
	}
	.view{
		width: auto;
		padding: 0 .3rem;
	}
	.sub-banner img{
		width: 130%;
		transform: translateX(-15%)
	}
	.sub-banner .text-box{
		top: 20%;
	}
	.sub-banner .text-box .line{
		width: .7rem;
	}
	.sub-banner .text-box .en{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.sub-banner .text-box .cn{
		font-size: .6rem;
		line-height: .7rem;
		margin-top: .15rem;
	}
	.sub-banner .text-box .desc{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	.sub-nav a{
		margin: 0 .3rem;
		font-size: .24rem;
		line-height: .8rem;
	}
	.profile-box{
		padding: .5rem 0;
	}
	.profile-box .bg{
		display: none;
	}
	.profile{
		width: 100%;
	}
	.profile .top-box{
		width: 100%;
	}
	.about-tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.profile .jp-tit{
		font-size: .28rem;
		line-height: .3rem;
		margin-top: .15rem;
	}
	.profile .en-tit{
		font-size: .28rem;
		line-height: .5rem;
		margin-top: .4rem;
	}
	.profile .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .4rem;
	}
	.profile .pub-more{
		margin: .3rem .25rem 0 0;
	}
	.profile .bottom-box{
		margin-top: .8rem;
		padding-top: .3rem;
	}
	.profile .bottom-box .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.profile .bottom-box .con{
		font-size: .24rem;
		line-height: .4rem;
		width: 100%;
		margin-top: .2rem;
	}
	.profile .bottom-box .list{
		width: 100%;
		margin-top: .4rem;
		padding-top: .2rem;
	}
	.profile .bottom-box .list .item{
		margin-right: .8rem;
		margin-bottom: .2rem;
	}
	.profile .bottom-box .list .item:last-child{
		margin-right: 0;
	}
	.profile .bottom-box .list-tit{
		font-size: .24rem;
		line-height: .4rem;
	}
	.profile .bottom-box .list-con{
		font-size: .3rem;
		line-height: .4rem;
	}
	.culture-box{
		padding: .5rem 0;
	}
	.culture-box .list{
		margin-top: .36rem;
	}
	.culture-box .list .row{
		margin: 0;
	}
	.culture-box .list .item{
		padding: 0;
	}
	.culture-box .list .item:nth-child(2){
		margin: .3rem 0;
	}
	.culture-box .list .con-box{
		padding: .25rem;
	}
	.culture-box .list .text{
		padding: .4rem .3rem .7rem;
		border: 1px solid rgba(255,255,255,.25);
	}
	.culture-box .list .num{
		font-size: .24rem;
		line-height: .4rem;
		padding-right: .24rem;
		background-size: 7px;
	}
	.culture-box .list .con{
		font-size: .24rem;
		line-height: .4rem;
		min-height: auto;
		margin-top: .4rem;
	}
	.develop-box{
		padding: .5rem 0;
	}
	.develop-tab-box{
		margin-top: .65rem;
	}
	.develop-box .develop-tit{
		font-size: .48rem;
		line-height: .58rem;
		margin-top: .2rem;
	}
	.develop-tab .swiper-slide .con{
		font-size: .24rem;
		line-height: .4rem;
	}
	.develop-tab .text{
		width: 3.5rem;
	}
	.develop-tab{
		padding: 0 .6rem;
	}
	.develop-tab .swiper-slide{
		margin-right: 1.5rem;
	}
	.develop-tab .year{
		padding-left: .24rem;
		font-size: .24rem;
	}
	.develop-tab .year:before{
		width: 6px;
		height: 6px;
		margin-top: -3px;
	}
	.develop-tab .text{
		left: 2px;
		width: 3rem;
	}
	.company-box{
		padding: .5rem 0;
	}
	.company-box .img{
		margin-top: .5rem;
	}
	.company-list{
		margin-top: .7rem;
		padding-top: .3rem;
	}
	.company-tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.company-list .list{
		margin-top: .3rem;
	}
	.company-list .list .row{
		margin: 0;
	}
	.company-list .list .item{
		padding: 0;
		margin-bottom: .3rem;
	}
	.company-list .list .city{
		padding: 0 .2rem;
		line-height: .7rem;
		font-size: .3rem;
	}
	.company-list .list .con-wrap{
		padding: .3rem .4rem;
	}
	.company-list .list .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.company-list .list .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}

	.factory-video{
		padding: .5rem 0;
	}
	.factory-video .img{
		margin-top: .4rem;
	}
	.factory-video .play-btn{
		width: .66rem;
	}
	.factory-tab{
		float: none;
		width: 100%;
	}
	.factory-tab .btns{
		left: 0;
		bottom: .5rem;
		width: 100%;
		text-align: center;
	}
	.factory-tab .btns .swiper-pagination-bullet{
		margin: 0 6px;
	}
	.factory-info-box .text-box{
		position: static;
		padding: .5rem 0;
	}
	.factory-info-box .text{
		position: static
	}
	.factory-info-box .con{
		width: 100%;
		height: auto;
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.event-box{
		padding: .5rem 0;
	}
	.event-tab-box:before{
		height: 6px;
		margin-top: -3px;
	}
	.event-tab{
		padding: 2.5rem .94rem;
		margin-top: .2rem;
	}
	.event-tab .swiper-slide{
		margin-right: 1.5rem;
		opacity: 1;
		filter: alpha(opacity=);
	}
	.event-box .swiper-slide:last-child{
		margin-right: 1.5rem;
	}
	.event-box .year{
		width: 1.58rem;
		height: 1.58rem;
		line-height: 1.58rem;
		font-size: .24rem;
	}
	.event-box .year:before{
		right: -.05rem;
		width: .23rem;
		height: .34rem;
		top: .8rem;
	}
	.event-box .swiper-slide:nth-child(2n) .year:before{
		top: .46rem;
	}
	.event-box .text-box{
		left: .85rem;
		width: 3rem;
		height: 2rem;
	}
	.event-box .swiper-slide:nth-child(2n) .text-box{
		top: -2rem;
	}
	.event-box .swiper-slide:nth-child(2n+1) .text-box{
		bottom: -2rem;
	}
	.event-box .text-box .text .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.event-box .text-box .text .con{
		font-size: .24rem;
		line-height: .4rem;
	}
	.event-tab-wrap .prev,
	.event-tab-wrap .next{
		width: .48rem;
		height: .48rem;
		background-size: 4px;
	}
	.main-product-box{
		padding: .5rem 0;
	}
	.main-product{
		margin-top: .6rem;
	}
	.main-product .row{
		margin: 0;
	}
	.main-product .item{
		padding: 0;
		margin-bottom: .4rem;
	}
	.main-product .item:last-child{
		margin-bottom: 0;
	}
	.main-product .con-box{
		padding: .4rem;
	}
	.main-product .item .icon{
		width: .66rem;
	}
	.main-product .item .tit{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.main-product .item .con{
		height: auto;
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	.test-box{
		padding: .5rem 0;
	}
	.test-box .test-btns{
		margin-top: .3rem;
	}
	.test-box .test-btns a{
		width: 2rem;
		height: .7rem;
		line-height: .7rem;
		font-size: .24rem;
		margin: 0 .1rem;
	}
	.test-tab-box{
		margin-top: .4rem;
	}
	.test-tab-box .top-box{
		padding: .3rem;
	}
	.test-tab-box .top-box .img{
		float: none;
		width: 100%;
	}
	.test-tab-box .top-box .text-box{
		float: none;
		width: 100%;
		margin-top: .3rem;
	}
	.test-tab-box .top-box .text-box .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.test-tab-box .top-box .text-box .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.test-list{
		margin-top: .2rem;
	}
	.test-list .row{
		margin: 0;
	}
	.test-list .item{
		padding: 0;
		margin-bottom: .2rem;
	}
	.custom-message-box .img{
		width: 100%;
		height: auto;
		position: static;
	}
	.custom-message-box .img img{
		display: block;
	}
	.custom-message{
		padding: .5rem 0;
	}
	.custom-message .cusom-wrap{
		width: 100%;
	}
	.custom-message .desc{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.custom-message .index-form{
		margin-top: .56rem;
	}
	.custom-message .index-form input[type=submit]{
		width: 2.5rem;
		height: .8rem;
		margin-left: 21.3125%;
		font-size: .3rem;
	}
	.contact-box .about-tit{
		padding: .5rem 0;
	}
	.contact-map-box{
		padding: .5rem 0;
	}
	.contact-map-box .m-box{
	    display: block;
	}
	.contact-map-box .pc-box{
		display: none;
	}
	.contact-map-box .info-list{
		position: static;
		width: 100%;
	}
	.contact-map-box .info-list .item{
		display: block;
		margin-bottom: .4rem;
	}
	.contact-map-box .info-list .item:last-child{
		margin-bottom: 0;
	}
	.contact-map-box .info-list .tit{
		font-size: .3rem;
		line-height: .4rem;
		height: .4rem;
		padding: .2rem .3rem;
	}
	.contact-map-box .info-list .info-con{
		padding: .3rem;
	}
	.contact-map-box .info-item{
		font-size: .24rem;
		line-height: .4rem;
		padding-left: .4rem;
		background-size: .3rem;
		background-position: left .1rem;
		margin-bottom: .2rem;
	}
	.recruit-box{
		padding: .5rem 0;
	}
	.recruit-list{
		margin-top: .3rem;
	}
	.recruit-box .top-box,
	.recruit-box .list .tit-box{
		padding: .3rem;
	}
	.recruit-box .tit-box .type,
	.recruit-box .top-box .type,
	.recruit-box .tit-box .num,
	.recruit-box .top-box .num{
		display: none;
	}

	.recruit-box .top-box span,
	.recruit-box .tit-box span{
		width: 33.33%;
		box-sizing: border-box;
		padding-right: .3rem;
	}
	.recruit-box .top-box span{
		font-size: .24rem;
		line-height: .4rem;
	}
	.recruit-box .tit-box span{
		font-size: .24rem;
		line-height: .4rem;
	}
	.recruit-box .tit-box .staff{
		font-size: .3rem;
		line-height: .4rem;
	}
	.recruit-box .list .sub{
		padding: .3rem;
	}
	.recruit-box .list .con-box,
	.recruit-box .list .con-box:nth-child(2){
		float: none;
		width: 100%;
		margin-bottom: .3rem;
	}
	.recruit-box .list .con-box:nth-child(2){
		margin-right: 0;
		margin-bottom: 0;
	}
	.recruit-box .list .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.recruit-box .list .con{
		font-size: .24rem;
		line-height: .4rem;
	}
	.recruit-box .list .btns{
		padding-top: .25rem;
		margin-top: .25rem;
	}
	.recruit-box .list .btns .apply-btn{
		height: .7rem;
		padding: 0 .5rem;
	}
	.recruit-box .list .btns .apply-btn span{
		padding-right: .3rem;
		background-size: .3rem;
		font-size: .24rem;
		line-height: .7rem;
		height: .7rem;
		background-size: 10px;
	}
	.recruit-box .list .close-btn{
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.recruit-box .list li.cur{
		margin-bottom: .3rem;
	}
	.recruit-box .list .page{
		margin-top: .5rem;
	}
	.page a{
		width: .6rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .24rem;
	}
	.page .prev,
	.page .next{
		background-size: 8px;
	}

	.product-bread{
		padding: .2rem 0 .2rem .4rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.ban-productinfo img{
		width: 150%;
		transform: translateX(-30%);
	}
	.ban-productinfo .text-box{
		position: static;
		padding: .5rem 0;
	}
	.ban-productinfo .tit{
		font-size: .36rem;
		line-height: .4rem;
	}
	.ban-productinfo .desc{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.ban-productinfo .line{
		width: .7rem;
		margin-top: .25rem;
	}
	.ban-productinfo .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .5rem;
	}
	.float-box{
		display: none;
	}
	.info-tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.model-box{
		padding: .5rem 0;
	}
	.model-box .model-list{
		margin: .5rem 0 0;
		width: 100%;
	}
	.model-box .model-list span{
		width: 2rem;
		height: .7rem;
		line-height: .7rem;
		font-size: .24rem;
		margin-right: .2rem;
		margin-bottom: .2rem;
	}
	.params-box .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-left: .3rem;
	}
	.params-box .read-btn{
		margin-left: .3rem;
		padding: 0 .3rem;
	}
	.params-box .read-btn span{
		line-height: .8rem;
		height: .8rem;
		font-size: .24rem;
		padding-left: .3rem;
		background-size: .2rem;
	}
	.adv-box{
		padding: .5rem 0;
	}
	.adv-box .desc{
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.adv-box .adv-list{
		margin-top: .3rem;
	}
	.adv-box .adv-list .item{
		padding: .4rem;
		margin-bottom: .4rem;
	}
	.adv-box .adv-list .adv-desc{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.adv-box .adv-list .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .3rem;
	}
	.app-box{
		padding: .5rem 0;
	}
	.app-box .app-list{
		margin-top: .4rem;
	}
	.app-box .app-list .row{
		margin: 0;
	}
	.app-box .app-list .item{
		padding: 0;
		margin-bottom: .4rem;
	}
	.app-box .app-list .item:last-child{
		margin-bottom: 0;
	}
	.app-box .app-list .text .icon{
		width: .43rem;
	}
	.app-box .app-list .text .txt{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.link-box{
		padding: .5rem 0;
	}
	.link-box .list a{
		width: 2rem;
		margin: 0 .1rem;
		height: .8rem;
		border-radius: .4rem;
		line-height: .8rem;
	}
	.link-box .list a span{
		font-size: .24rem;
		line-height: .4rem;
	}
	.link-box .tip{
		margin-top: .2rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.pro-nav-box .item{
		margin: 0 .15rem;
	}
	.pro-nav-box .item .icon-box{
		width: 1.5rem;
		padding: .3rem 0;
	}
	.pro-nav-box .item .icon{
		width: .37rem;
	}
	.pro-nav-box .item .txt{
		font-size: .24rem;
		line-height: .4rem;
	}
	.pro-nav-box .item .icon-box:before{
		border-width: 6px;
		margin-left: -6px;
	}
	.pro-nav-box .item .icon-box:before{
		bottom: -12px;
	}
	.pro-nav-box .item .sub{
		top: 1.57rem;
	}
	.pro-nav-box .item .sub a{
		margin: 0 .2rem;
		font-size: .24rem;
		line-height: .8rem;
		height: .8rem;
	}
	.product-box{
		padding: 0 0 1rem;
	}
	.pro-list{
		padding-bottom: .3rem;
		padding-top: .5rem;
	}
	.pro-list .tit-box{
		padding-bottom: .2rem;
		margin-bottom: .3rem;
	}
	.pro-list .tit-box .pro-tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.pro-list .tit-box .pro-desc{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.pro-list .list1 .row{
		margin: 0 -.1rem;
	}
	.pro-list .list1 .item{
		width: 50%;
		padding: 0 .1rem;
		margin-bottom: .2rem;
	}
	.pro-list .list1 .con-box{
		padding: .3rem;
	}
	.pro-list .list1 .con-box .cn{
		font-size: .3rem;
		line-height: .4rem;
	}
	.pro-list .list1 .con-box .en{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.pro-list .list1 .con-box .img{
		margin-top: .2rem;
	}
	.pro-list .list2 .row{
		margin: 0;
	}
	.pro-list .list2 .item{
		padding: 0;
		margin-bottom: .2rem;
	}
	.pro-list .list2 .item:last-child{
		margin-bottom: 0;
	}
	.pro-list .list2 .con-box{
		padding: .3rem;
	}
	.pro-list .list2 .con-box .text .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.pro-list .list2 .con-box .text .con{
		font-size: .24rem;
		line-height: .4rem;
		height: .8rem;
	}
	.pro-list .list2 .con-box .pro-more{
		width: 2rem;
		height: .7rem;
		line-height: .7rem;
		margin-top: .2rem;
		font-size: .24rem;
	}
	.pro-list .list3 .row{
		margin: 0;
	}
	.pro-list .list3 .item{
		padding: 0;
		margin-bottom: .3rem;
	}
	.pro-list .list3 .con-box{
		padding: .3rem;
	}
	.pro-list .list3 .con-box .cn{
		font-size: .3rem;
		line-height: .4rem;
	}
	.pro-list .list3 .con-box .en{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.pro-list .list3 .con-box .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
		height: auto;
	}
	.pro-list .list3 .con-box .more{
		padding: 0 .2rem;
	}
	.pro-list .list3 .con-box .more span{
		font-size: .24rem;
		line-height: .7rem;
	}
	.product-bread{
		margin-bottom: .4rem;
	}

	.news-box{
		padding: .5rem 0;
	}
	.first-box .img{
		float: none;
		width: 100%;
		padding: .1rem;
	}
	.first-box .text-box{
		position: static;
		width: 100%;
		margin-top: .3rem;
		padding-bottom: .4rem;
	}
	.first-box .text-box .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.first-box .text-box .time{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.first-box .text-box .con{
		height: auto;
		margin-top: .24rem;
		font-size: .24rem;
		line-height: .4rem;
	}
	.first-box .text-box .arrow{
		margin-top: .5rem;
	}
	.news-box .list .item{
		padding: .3rem;
	}
	.news-box .list .item .left{
		width: 80%;
	}
	.news-box .list .item .time{
		font-size: .24rem;
		line-height: .4rem;
	}
	.news-box .list .item .tit{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.news-box .list .item .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.news-box .page{
		margin-top: .5rem;
	}
	.newsinfo-tit{
		padding: .5rem 0;
	}
	.newsinfo-tit .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.newsinfo-tit .time{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .2rem;
	}
	.newsinfo{
		padding: .5rem 0;
	}
	.newsinfo .con{
		font-size: .24rem;
		line-height: .4rem;
	}
	.newsinfo video,
	.newsinfo iframe{
		height: 5rem;
		width: 100%;
	}
	.newsinfo .ctrl-box{
		padding-top: .3rem;
		margin-top: .8rem;
	}
	.newsinfo .ctrl{
		float: none;
		width: 100%;
	}
	.newsinfo .ctrl .item{
		margin-bottom: .1rem;
	}
	.newsinfo .ctrl .item,
	.newsinfo .ctrl .item a{
		font-size: .3rem;
		line-height: .4rem;
	}
	.newsinfo .back{
		display: block;
		float: none;
		margin: .3rem auto 0;
		width: 2.5rem;
		text-align: center;
		padding: 0;
	}
	.newsinfo .back span{
		font-size: .3rem;
		line-height: .8rem;
		height: .8rem;
	}
	.ban-search{
		padding: .2rem .3rem;
		width: calc(100% - .6rem);
		margin-top: .4rem;
	}
	.ban-search input[type=text]{
		width: 80%;
		font-size:.24rem;
		line-height: .4rem;
		height: .4rem; 
	}
	.ban-search input[type=submit]{
		width: .4rem;
		height: .4rem;
	}
	.search-box{
		padding-bottom: .5rem;
	}
	.search-box .list .item{
		padding: .2rem;
	}
	.search-box .list .img{
		width: 100%;
		float: none;
	}
	.search-box .list .text{
		float: none;
		width: 100%;
		margin: .2rem 0 0;
	}
	.search-box .list .text .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.search-box .list .text .model{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.search-box .list .arrow{
		right: .2rem;
		top: auto;
		bottom: .4rem;
		width: .6rem;
		height: .6rem;
		background-size: 8px;
	}
	.search-box .list .item.on{
		padding: .3rem;
	}
	.search-box .list .text .con{
		font-size: .24rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.search-box .list .item.on .arrow{
		bottom: .9rem;
	}

	.app-dialog{
		width: 90%;
		padding: .4rem;
	}
	.app-dialog .tit{
		font-size: .3rem;
		line-height: .4rem;
	}
	.app-dialog .con{
		font-size: .24rem;
		line-height: .4rem;
		max-height: 6rem;
		margin-top: .3rem;
	}
	.app-dialog .app-close{
		right: .4rem;
		top: .4rem;
		width: .3rem;
		height: .3rem;
	}
	.app-dialog .con .mCSB_inside>.mCSB_container{
		margin-right: .3rem;
	}
	.pub-more .border{
		left: .1rem;
		top: .1rem;
	}
	.model-box .info-tit{
		line-height: .4rem;
	}
}