@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1199px){
	.w {
	    width: 90%;
	}
	.about-group .box img{
		width: 100%;
		min-height: 0;
		min-width: 0;
		height: auto;
	}
	.about-history .detail{
		padding: 0;
	}
	.about-history .detail-box .img{
		width: 100%;
		height: auto;
	}
	.innovation .detail .img img{
		width: 100%;
		height: auto;
	}
	.i-title{
		padding: 0 30px;

	}
	.innovation-list .swiper-slide a{
		width: auto;
		padding: 0 5px;
	}
	.innovation-list .swiper-slide{
		width:  auto;
	}
	.innovation-list{
		width: 100%;
	}
	.about-history .detail-box .img img{
		width: 100%;
		height: auto;
	}
	header{
		display: none;
	}
	.phone-header{
		display: block;
	}
	footer{
		display: none;
	}
	.phone-footer{
		display: block;
	}
	.i-about .main{
		width: 100%;
		margin-top: -12vw;
		padding-top: 12vw;
		height: 75vw;
	}
	.i-about .title{
		width: 50%;
		height: 26vw;
	}
	.i-about .main .text{
		padding-top: 4vw;
		max-width: 64%;
		height: 60vw;
		overflow: hidden;
	}
	.i-about .img-box{
		display: none;
	}
	.i-video .main .info{
		position: static;
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	.i-video .main .info i{
		display: none;
	}
	.i-video .main .info .text{
		width: 90%;
		margin-top: 10px;
	}
	.i-video .main video{
		width: 100%;
		background: #000;
		height: auto;
	}
	.i-video .main .video-bg{
		display: none;
	}
	.i-video .main{
		overflow: hidden;
	}
	.i-video .main .img-list ul{
		width: 100%;
		height: auto;
	}
	.i-video .main .img-list{
		height: auto;
	}
	.i-news .main .swiper-slide .mask{
		display: none;
	}
	.i-news .main .swiper-slide .img-box{
		background: none;
		width: 45%;
		padding: 0;
		height: auto;
		margin: 0;
	}
	.i-news .main .swiper-slide .img-box img{
		width: 100%;
	}
	.i-news .main .swiper-slide .img-box .border{
		display: none;
	}
	.i-news .main .swiper-slide{
		background: #f8f8f8;
	}
	.i-news .main .swiper-slide .text a.more{
		margin-top: 20px;
	}
	.i-news .swiper-button-next,.i-news .swiper-button-prev{
		display: none;
	}
	
	.i-news .main .swiper-slide .text{
		width: 45%;
		margin: 1% 4% 0;
	}
	.i-side{
		display: none;
	}
	.i-customer .main .form .line1{
		float: none;
		width: 80%; 
		margin-right: 0;
	}
	.i-customer .main .form textarea{
		width: 80%;
	}
	.brand-story .img{
		width: 100%;
		height: auto;
		float: none;
	}
	.brand-story .text{
		float: none;
		width: 100%;
		padding: 20px 0;
		margin: 0;
		height:  auto;
		position: relative;
		right: auto;
		left: 0;
		top: 0;
		background: #f8f8f8;
		border: 1px solid #bdbdbd;
	}
	.brand-story .text .con{
		width: 80%;
		margin: 0 auto;
	}
	.brand-story .text .btn{
		margin-top: 10px;
	}
	.brand-story .deck{
		display: none;
	}
	.brand-story .text-bg{
		display: none;
	}
	.brand-series .con{
		width: 100%;
		height: auto;
		float: none;
	}
	.brand-series .con .img img{
		width: 100%;
		height:  auto;
	}
	.brand-series .con .img .mask{
		position: relative;
		background: none;
		padding: 5px 0;
	}
	.brand-series .con .img .mask h3{
		width: 100%;
		max-width: 100%;
		color: #333333;
		line-height: 1.5;
	}
	.brand-series .con .img .mask p{
		color: #666666;
		width: 100%;
		max-width: 100%;
	}
	.brand-series .side{
		float: none;
		width: 100%;
		text-align: left;
		margin-bottom: 17px;
	}
	.brand-series .side h3{
		height: 44px;
		line-height: 44px;
		padding-left: 17px;
		cursor: pointer;
	}
	.brand-series .side h3 i{
		display: block;
	}
	.brand-series .side .btn{
		display: none;
	}
	.brand-series .side .text-con-box{
		height: auto;
		display: none;
		overflow: visible;
		position: absolute;
		left: 0;
		top: 44px;
		width: 100%;
	}
	.brand-series .side dd a{
		padding-left: 17px;
	}
	.brand-video .pc-box{
		display: none;
	}
	.brand-video .phone-box{
		display: block;
	}
	.pro-ban-nav{
		width: 429px;
		margin: -83px 0 0 -214px;
	}
	.pro-ban-nav li{
		width: 167px;
		margin: 0 -12px;
		background-size: 100%;
		height: 167px;
	}
	.pro-ban-nav li a{
		width: 80%;
		background-size: 100%;
	}
	.pro-ban-nav li a:hover{
		background-size: 100%;
	}
	.pro-ban-nav li h3{
		padding-top: 35%;
	}
	.produce-info .big-img{
		float: none;
		width: 100%;
		display: block;
		height: auto;
		line-height: 0;
	}
	.produce-info .big-img img{
		max-width: 100%;
		max-height: 100%;
		width: auto;
	}
	.produce-info .text{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.case-ban{
		top: 30%;
		margin: 0;
	}
	.case-ban ul{
		width: 90%;
		max-width: 90%;
	}
	.case-ban li{
		width: auto;
		height: auto;
		margin: 0 1% 2%;
	}
	.case-ban li h3{
		padding-top: 0;
	}
	.i-customer .main .form{
		width: 80%;
	}
	.news-info{
		width: 90%;
	}
	.college-culture .box{
		border: 1px solid #bababa;
	}
	.college-culture .box .img{
		margin: 0;
		width: 50%;
		height: auto;
		border: none;
	}
	.college-culture .box .img img{
		position: static;
		top: 0;
		left: 0;
		width: 100%;
	}
	.college-culture .box .text{
		width: 50%;
		margin: 0;
		margin: 0;
		height: 100%;
		border: none;
		position: absolute;
		right: 0;
		top: 0;
	}
	.college-culture .box .text .con{
		width: 80%;
		margin-top: 6%;
	}
	.college-culture .box .text .con span.line{
		display: none;
	}
	.college-culture .box .text .con h3{
		font-size: 20px;
	}
	.backtop-btn{
		display: none;
	}
	.series-ban .ban p.title{
		font-size: 20px;
	}
}
@media screen and (max-width: 767px){
	.i-title-box{
		padding: 20px 0 10px;
	}
	.i-news .main .swiper-pagination-bullet{
		margin-bottom: 5px;
	}
	.about-culture .box{
		padding-top: 20px;
		height: 350px;
	}
	.about-culture .box h3{
		font-size: 18px;
	}
	.about-history .detail-box .img img{
		width: 100%;
		left: -8px;
		top: -10px;
	}
	.about-history .detail-box .img{
		margin: 21px 0 0 7px;
	}
	.sub-nav-box{
		display: none;
	}
	.sub-nav .link{
		max-width: 100%;
	}
	.i-title p{
		font-size: 30px;
	}
	.i-title h3{
		font-size: 24px;
	}
	.i-about .title h3{
		font-size: 19px;
		padding-top: 5%;
	}
	.i-about .title p{
		font-size: 12px;
	}
	.i-about .main .text h3{
		font-size: 18px;
	}
	.i-about .main .text h4{
		font-size: 12px;
	}
	.i-about .main .text p{
		font-size: 12px;
		max-height: 110px;
		overflow: hidden;
	}
	.i-about .main .text .p{
		height: 84px;
		overflow: hidden;
	}
	.i-about .main .text .more{
		width: 17px;
		height: 17px;
		background-size: 17px 17px;
	}
	.i-news .main .swiper-slide .text h3{
		line-height: 16px;
	}
	.i-news .main .swiper-slide .text h3 a{
		width: 100%;
		float: none;
		font-size: 14px;
		display: block;
	}
	.i-news .main .swiper-slide .text h3 em{
		float: none;
		display: block;
	}
	.i-news .main .swiper-slide .text span.line{
		display: none;
	}
	.i-news .main .swiper-slide .text{
		margin: 2% 2% 4%;
		width: 96%;
	}
	.i-news .main .swiper-slide{
		min-height: 0;
	}
	.i-news .main .swiper-slide .img-box{
		height: auto;
		margin: 0;
		width: 100%;
	}
	.i-news .main .swiper-slide .text p{
		font-size: 12px;
		line-height: 16px;
		height: 32px;
		overflow: hidden;
	}
	.i-news .main .swiper-slide .text a.more{
		margin-top: 15px;
		width: 86px;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	.i-customer .main .form .line1{
		margin: 0 0 12px;
	}
	.i-customer .main .form textarea{
		margin: 0 0 12px;
	}
	.i-customer .main .form .key{
		width: 50%;
	}
	.brand-series .con .img .mask h3{
		font-size: 13px;
	}
	.brand-series .con .img .mask p{
		font-size: 12px;
	}
	.i-customer .main .form .file-box{
		margin-left: 0;
	}
	.brank-culture .year-img .swiper-button-prev, .brank-culture .year-img .swiper-button-next{
		width: 26px;
		height: 26px;
		background-size: 52px 26px;
	}
	.brank-culture .year-img .swiper-button-next{
		background-position: -26px 0;
	}
	.brank-culture .img-box{
		margin: 0 26px;
	}
	.brank-culture .year-img .swiper-slide{
		overflow: hidden;
	}
	.brank-culture .year-img .swiper-slide .img{
		display:table-cell;
		vertical-align:middle;
	}
	.pro-ban-nav{
		display: none;
	}
	.find-pro .find .find-box{
		width: 100%;
	}
	.find-pro .find{
		margin-bottom: 30px;
	}
	.series-ban .swiper-pagination{
		display: block;
	}
	.series-ban.x-series .swiper-pagination{
		display: block;
	}
	.series-ban .side{
		display: none;
	}
	.series-ban.x-series .side{
		display: none;
	}
	.series-ban .ban{
		width: 100%;
	}
	.series-ban.x-series .ban{
		width: 100%;
	}
	.series-ban{
		height: auto;
	}
	.series-ban.x-series{
		height: auto;
	}
	.series-ban .ban .swiper-slide{
		height: auto;
	}
	.series-ban.x-series .ban .swiper-slide{
		height: auto;
	}
	.series-ban .ban .swiper-slide img{
		width: 100%;
	}
	.series-ban.x-series .swiper-slide img{
		width: 100%;
	}
	.other-pro .swiper-slide{
		margin: 0;
	}
	.case-ban{
		display: none;
	}
	.i-banner .sales-find{
		top: 10%;
		margin-top: 0;
		left: 5%;
		margin-left: 0;
		width: 90%;
	}
	.i-banner .sales-find h3{
		font-size: 18px;
	}
	.i-banner .sales-find .form{
		width: 100%;
		height: 32px;
	}
	.i-banner .sales-find .form .text{
		background: #f5f5f5;
		height: 32px;
		line-height: 32px;
	}
	.i-banner .sales-find .form .submit{
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.sales-city .box p{
		display: block;
	}
	.i-banner .sales-find-link{
		position: relative;
		left: 0;
		top: 0;
		margin: 0;
		width: 100%;
		border-bottom: 1px solid #efefef;
		padding: 7px 0;
	}
	.i-banner .sales-find-link span{
		margin: 0 5px;
		color: #d1d1d1;
		font-size: 12px;
	}
	.i-banner .sales-find-link a{
		color: #666;
		font-size: 12px;
	}
	.sales-city{
		padding: 20px 0;
	}
	.sales-city .box p{
		line-height: 40px;
	}
	.sales-city .box .choose{
		width: 114px;
		height: 29px;
		line-height: 29px;
		margin: 0 10px 5px;
	}
	.sales-city .box .choose a i{
		top: 12px;
		right: 10px;
	}
	.sales-city .box .choose a{
		height: 29px;
		line-height: 29px;
	}
	.sales-city .box .choose .slide{
		top: 29px;
	}
	.sale-main .link span{
		margin: 0 25px;
	}
	.sale-main .link a{
		
	}
	.sale-main .link{
		height: auto;
		font-size: 14px;
		line-height: 24px;
	}
	.sale-bg{
		padding: 20px 0 43px;
	}
	.sale-main .list{
		margin-top: 20px;
	}
	.sale-main .list li .block{
		position: relative;
		left: 0;
		top: 0;
		right: auto;
		bottom: auto;
		width: 100%;
		text-align: left;
		border: none;
		float: left;
	}
	.sale-main .list .block3{
		padding: 0;
	}
	.sale-customer .main .form select{
		margin-bottom: 12px;
	}
	.join-top .left{
		width: 100%;
		padding: 0;
		border: none;
		margin-bottom: 10px;
	}
	.join-top .right{
		width: 100%;
		padding: 0;
	}
	.join-top .img-list li{
		width: 49%;
		margin-right: 1%;
	}
	.join-top .img-list li:nth-child(2n){
		margin-right: 0;
	}
	.join-main .swith select{
		width: 46%;
		margin-right: 7%;
		margin-bottom: 5px;
	}
	.join-main .swith select:nth-child(2n){
		margin-right: 0;
	}
	.join-main .swith .text{
		width: 44.5%;
		margin-right: 0;
	}
	.join-main .swith .submit{
		width: 50%;
		float: none;
		margin: 0 auto;
		display: block;
	}
	.join-main .td1{
		width: 40%;
	}
	.join-main .td2{
		width: 30%;
	}
	.join-main .td3{
		width: 30%;
	}
	.join-main .td4{
		display: none;
	}
	.join-main .td5{
		display: none;
	}
	.join-main .list-box li .bot .info2 .fl{
		width: 100%;
		border-right: none;
	}
	.join-main .list-box li .bot .info2 .fr{
		width: 100%;
	}
	.news-info .title .p{
		height: auto;
		padding: 12px 0 0;
	}
	.news-info .title .p .bdsharebuttonbox p{
		width: 100%;
	}
	.news-info .title .p .bdsharebuttonbox a{
		float: none;
		display: inline-block;
	}
	.news-info .bot p{
		max-width: 80%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow:ellipsis;
	}
	.school-profile .box .bot li{
		width: 50%;
		margin-bottom: 10px;
	}
	.college-culture .box .img{
		width: 100%;
	}
	.college-culture .box .text{
		width: 100%;
		position: inherit;
		padding-bottom: 20px;
	}
	.college-culture .box .text .con{
		width: 95%;
		margin-top: 5px;
	}
	.technology .box{
		padding-bottom: 0;
	}
	.brank-culture .year-img{
		margin-top: 20px;
	}
	.brank-culture .info-box .more{
		margin-top: 10px;
	}
	.brank-culture .box{
		padding-bottom: 0;
	}
	.por-fitting .link{
		text-align: left;
	}
	.about-history .detail-box .right h3{
		font-size: 50px;
	}
	.brank-culture .year-list .swiper-slide{
		width: 80px;
	}
	.sale-main .list li{
		padding: 15px 2%;
	}
	.college-course .box .td3{
		display: none;
	}
	.college-course .list li .form-bot dd{
		width: 100%;
		margin-bottom: 13px;
	}
	.college-course .list li .form-bot dd p{
		width: auto;
	}
	.college-course .list li .form-bot dd input{
		width: 73%;
	}
	.college-course .list li .form-bot dd select{
		width: 76%;
	}
	.college-course .list li .form-bot dd .submit{
		float: none;
		display: block;
		margin: 0 auto;
	}
	.produce-info .text h3{
		font-size: 22px;
	}
	.join-main li{
		width: 100%;
	}
	.join-main li .submit{
		width: 60%;
	}
	.join-main li textarea{
		width: 90%;
	}
	.found-top{
		display: none;
	}
	.brank-culture .choose{
		margin-top: 10px;
		height:  auto;
	}
	.brank-culture .choose a{
		width: 35%;
		height: 34px;
		line-height: 34px;
		font-size: 16px;
	}
	.brank-culture .info-box{
		margin-top: 24px;
	}
	.i-video .main{
		min-height: 0;
	}
	.produce-info .big-img .mask{
		display: block;
	}
	.list-case2 li img.poa{
		top: -2.1%;
	}
	.produce-map{
		padding: 0;
	}
	.produce-map .title{
		/*height: 47px;*/
		line-height: 47px;
		padding-top: 20px;
	}
	.produce-map .title h3{
		line-height: 47px;
		padding-left: 0;
		font-size: 20px;
	}
	.produce-map .title a{
		margin-top: 8px;
		font-size: 12px;
	}
	.produce-main .listpd li .img:hover .mask{
		opacity: 0;
	}
	.i-produce .listpd .swiper-slide .img:hover .mask{
		opacity: 0;
	}
	.sale-main1 .link span{
		margin: 0 25px;
	}
	.sale-main1 .link a{
		
	}
	.sale-main1 .link{
		height: auto;
		font-size: 14px;
		line-height: 24px;
	}
	.sale-main1 .list{
		margin-top: 20px;
	}
	.sale-main1 .list li .block{
		position: relative;
		left: 0;
		top: 0;
		right: auto;
		bottom: auto;
		width: 100%;
		text-align: left;
		border: none;
		float: left;
	}
	.sale-main1 .list .block3{
		padding: 0;
	}
	.sale-main1 .list li{
		padding: 15px 2%;
	}
}