@media only screen and (min-width:900px) and (max-width:1024px) {
	.pc-1200px{display: none;}
	.bannerwrap .swiper-container a .pcimg{display: none;}
	.bannerwrap .swiper-container a .sjbanner{display: block;width: 100%;}
	.headerwrap .header{padding-left: 2%;}
	.headerwrap .header .logo img{height: 42px;}
	.headerwrap .header .right .nav li a{height: 80px;line-height: 80px;font-size: 14px;padding: 0 20px;}
	.bannerwrap{height: auto;}
	.headerwrap .header .right .nav li .navtwo a{padding: 0 20px;}
	.headerwrap .top{padding-left: 2%;}
	
	.index01{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;box-sizing: border-box;padding: 80px 2%;align-items: flex-start;-webkit-align-items: flex-start;}
	.index01 .text{width: 100%;margin-top: 50px;padding: 0;}
	.index01 .imgbox{width: 70%;}
	.index02wrap{width: 96%;}
	.index02wrap .index02 a .text h3{}
	.i-tl{font-size: 34px;}
	.index03{width: 96%;}
	.index03 .min02 .right a .text h3{font-size: 16px;}
	.index03 .min02 .left .text{width: 70%;}
	.index03 .min02 .left{width: 65%;}
	
	.footerwrap .footer{padding: 80px 2%;}
	.footerwrap .footer li .maplink img{width: 300px;}
	.footerwrap .footer li.ewm .item img{width: 120px;}
	.footerwrap .footer li .f-log{width: 120px;}
	.footerwrap .copyright{padding: 20px 2%;}
	.footerwrap .copyright h3, .footerwrap .copyright a{font-size: 12px;}
	
	.mbx, .development>h3, .aboutwrap, .framework01, .proinfo01, .proinfo02 li .top h3, .proinfo02 li .min, .join01wrap, .application01 li .cont, .navigation01{width: 96%;}
	
	.honor01 a{height: 320px;}
	
	.news01wrap, .contactwrap, .message, .product01, .servicetwo01{width: 96%;}
	.innerbanner h3{font-size: 42px;}
	.product01 a h3{font-size: 16px;line-height: 20px;}
	
	.proinfo01 .left{padding-right: 0;}
	.proinfo01 .right h3{font-size: 22px;}
	.proinfo01 .right h4{font-size: 14px;line-height: 26px;}
	.proinfo02 li .top h3{font-size: 22px;height: 80px;}
	.proinfo02 li .min{margin: 60px auto;}
	.proinfo02 li .min p{font-size: 14px;line-height: 32px;}
	.application01 li .cont .text{padding-left: 40px;}
	.application01 li .cont .text h3{font-size: 22px;margin-bottom: 30px;}
	.application01 li .cont .text h4 a{font-size: 16px;}
	.application01 li{padding: 50px 0;}
	
	.newsinfowrap{margin-top: 200px;}
	
	.serviceone01 .cont .right{padding: 0 40px;}
	.buliding01, .buliding02, .serviceone01, .serviceone02{width: 96%;}
	.serviceone01 .cont .right h4 i{width: 36px;height: 36px;}
	.serviceone01 .cont .right h4 font{font-size: 32px;}
	
	.buliding01 .text{padding-right: 40px;}
	.buliding01 .text h4{font-size: 14px;line-height: 26px;letter-spacing: 0;}
	.buliding01wrap .top{padding: 0 2%;}
	.culture01wrap, .culture03{width: 96%;}
	.culture03wrap .bgfont{font-size: 160px;}
	.culture03 .cont li{padding: 40px;}
	
	.contact li{margin-bottom: 4%;}
	.contact li h3{font-size: 20px;}
	.navigation01 .min li{width: 32%;}
	.navigation01 .min li:nth-of-type(4n){margin-right: 2%;}
	.navigation01 .min li:nth-of-type(3n){margin-right: 0;}
	
	.newsinfo{width: 90%;}
	
	.index01 .text .i-list{width: 90%;margin: auto;margin-top: 50px;}
	.about02-page .main .container-box,.about02-page .gallery-top .swiper-slide{display: flex;display: -webkit-flex;}
	.about02-page .gallery-thumbs .swiper-slide>h3{left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.product01 a{background-color: #1d6095;}
	.proinfo02 li .min img{height: auto;}
	
}

@media only screen and (min-width:750px) and (max-width:1000px) {
	
	.pc-1200px{display: none;}
	.bannerwrap .swiper-container a .pcimg{display: none;}
	.bannerwrap .swiper-container a .sjbanner{display: block;width: 100%;}
	.headerwrap .header{padding-left: 2%;}
	.headerwrap .header .logo img{height: 42px;}
	.headerwrap .header .right .nav li a{height: 80px;line-height: 80px;font-size: 14px;padding: 0 20px;}
	.bannerwrap{height: auto;}
	.headerwrap .header .right .nav li .navtwo a{padding: 0 20px;}
	.headerwrap .top{padding-left: 2%;}
	
	.index01{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;box-sizing: border-box;padding: 80px 2%;align-items: flex-start;-webkit-align-items: flex-start;}
	.index01 .text{width: 100%;margin-top: 50px;padding: 0;}
	.index01 .imgbox{width: 70%;}
	.index02wrap{width: 96%;}
	.index02wrap .index02 a .text h3{}
	.i-tl{font-size: 34px;}
	.index03{width: 96%;}
	.index03 .min02 .right a .text h3{font-size: 16px;}
	.index03 .min02 .left .text{width: 70%;}
	.index03 .min02 .left{width: 65%;}
	
	.footerwrap .footer{padding: 80px 2%;}
	.footerwrap .footer li .maplink img{width: 300px;}
	.footerwrap .footer li.ewm .item img{width: 120px;}
	.footerwrap .footer li .f-log{width: 120px;}
	.footerwrap .copyright{padding: 20px 2%;}
	.footerwrap .copyright h3, .footerwrap .copyright a{font-size: 12px;}
	
	.mbx, .development>h3, .aboutwrap, .framework01, .proinfo01, .proinfo02 li .top h3, .proinfo02 li .min, .join01wrap, .application01 li .cont, .navigation01{width: 96%;}
	
	.honor01 a{height: 320px;}
	
	.news01wrap, .contactwrap, .message, .product01, .servicetwo01{width: 96%;}
	.innerbanner h3{font-size: 42px;}
	.product01 a h3{font-size: 16px;line-height: 20px;}
	
	.proinfo01 .left{padding-right: 0;}
	.proinfo01 .right h3{font-size: 22px;}
	.proinfo01 .right h4{font-size: 14px;line-height: 26px;}
	.proinfo02 li .top h3{font-size: 22px;height: 80px;}
	.proinfo02 li .min{margin: 60px auto;}
	.proinfo02 li .min p{font-size: 14px;line-height: 32px;}
	.application01 li .cont .text{padding-left: 40px;}
	.application01 li .cont .text h3{font-size: 22px;margin-bottom: 30px;}
	.application01 li .cont .text h4 a{font-size: 16px;}
	.application01 li{padding: 50px 0;}
	
	.newsinfowrap{margin-top: 200px;}
	
	.serviceone01 .cont .right{padding: 0 40px;}
	.buliding01, .buliding02, .serviceone01, .serviceone02{width: 96%;}
	.serviceone01 .cont .right h4 i{width: 36px;height: 36px;}
	.serviceone01 .cont .right h4 font{font-size: 32px;}
	
	.buliding01 .text{padding-right: 40px;}
	.buliding01 .text h4{font-size: 14px;line-height: 26px;letter-spacing: 0;}
	.buliding01wrap .top{padding: 0 2%;}
	.culture01wrap, .culture03{width: 96%;}
	.culture03wrap .bgfont{font-size: 160px;}
	.culture03 .cont li{padding: 40px;}
	
	.contact li{margin-bottom: 4%;}
	.contact li h3{font-size: 20px;}
	.navigation01 .min li{width: 32%;}
	.navigation01 .min li:nth-of-type(4n){margin-right: 2%;}
	.navigation01 .min li:nth-of-type(3n){margin-right: 0;}
	
	/* 补充 */
	.headerwrap .header .right .search{width: 60px;height: 60px;}
	.headerwrap .header .right .nav li a{font-size: 13px;height: 60px;line-height: 60px;padding: 0 10px;}
	.headerwrap .header .logo img{height: 38px;}
	.headerwrap .top .right a{font-size: 12px;}
	.headerwrap .top h3{font-size: 14px;}
	.headerwrap .top,.headerwrap .top .right a:last-child{height: 34px;}
	.bannerwrap{margin-top: 95px;}
	
	.index01 .text h3,.i-tl,.a-tl{font-size: 26px;}
	.index03 .min02 .left{width: 100%;padding-right: 0;}
	.index03 .min02 .left .text{width: 86%;padding: 30px 60px 30px 10px;right: calc(7% + 15px)}
	.index03 .min02 .left .text h3{font-size: 16px;line-height: 20px;height: auto;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.index03 .min02 .left .text h4{font-size: 12px;line-height: 20px;-webkit-line-clamp: 2;}
	.index03 .min02 .left:after{display: none;}
	.index03 .min02 .left .text h5{width: 80px;height: 80px;right: -30px;}
	.index03 .min02 .left .text h5:after{width: 100px;height: 100px;top: -10px;left: -12px;display: none;}
	.index03 .min02 .left .text h5 p{font-size: 22px;margin-bottom: 0px;font-weight: normal;}
	.index03 .min02 .right a .text h3{font-size: 14px;}
	.index03 .min02 .left .text span{font-size: 14px;letter-spacing: 0;}
	.index03 .min02 .right{width: 100%;position: relative;margin-top: 30px;}
	.index03 .min02 .right a{margin-bottom: 20px;}
	.index03wrap{padding: 80px 0;}
	
	/* footerwrap */
	.footerwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
	.footerwrap .footer{width: 100%;box-sizing: border-box;padding: 90px 5%;background-color: #FFFFFF;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
	.footerwrap .footer02{background-color: #f5f5f5;}
	.footerwrap .footer li img{display: block;}
	.footerwrap .footer li .more{margin: 0;width: 134px;height: 40px;line-height: 40px; display: none;}
	.footerwrap .footer li .f-log{margin-bottom: 40px;width: 140px;}
	.footerwrap .footer li .maplink{margin-bottom: 20px;display: block;}
	.footerwrap .footer li h3{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 10px;}
	.footerwrap .footer li p{font-size: 16px;color: #000000;line-height: 30px;}
	.footerwrap .footer li.ewm{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
	.footerwrap .footer li.ewm .item img{display: block;width: auto;margin-bottom: 30px;min-width: 170px;}
	.footerwrap .footer li.ewm .item:last-child{margin-left: 25px;}
	.footerwrap .footer li.ewm .item{text-align: center;}
	.footerwrap .footer li .li{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;border: 1px solid #DDDDDD;margin-bottom: 10px;height: 46px;width: 416px;color: #666666;font-size: 16px;}
	.footerwrap .footer li .li .icon{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 60px;border-right: 1px solid #ddd;height: 46px;margin-right: 15px;}
	.footerwrap .footer li:last-child .more{margin-top: 30px;}
	.footerwrap .footer li.ewm .sjitem{display: none;}
.footerwrap .footer{padding: 50px 2%;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.footerwrap .footer li{width:49%;}
	.footerwrap .footer li:first-child{display: none;}
	.footerwrap .footer li .maplink img{width: 100%;}
	.footerwrap .footer li.ewm .item:last-child{margin-left: 0;}
	.footerwrap .footer li.ewm .sjitem{display: block;}
	.footerwrap .footer li.ewm{-webkit-justify-content: space-between;justify-content: space-between;}
	.footerwrap .footer li.ewm .item h3{margin-bottom: 0;line-height: 40px;}
	.footerwrap .footer li.ewm .item img{width: auto;min-width: auto;height: 140px;}
	.footerwrap .footer li .li{width: 100%;}
	.footerwrap .footer li:last-child{margin-bottom: 0;padding-bottom: 0;border: none;}
	
	.footerwrap .copyright{padding: 10px 2%;}
	.footerwrap .copyright h3, .footerwrap .copyright a{font-size: 12px;text-align: center;line-height: 20px;}
	.footerwrap .copyright .se{display: none;}
	
	.footerwrap .footer li.ewm{display: none;}
	.footerwrap .footer li p{font-size: 14px;}
	.newsinfo{width: 90%;}
	.newsinfo .tl h3{line-height: 26px;}
	.newsinfo .min p{font-size: 14px;margin-bottom: 20px;}
	
	.mbx a{max-width: 160px;font-size: 16px;}
	
	.about01 .mumping_mun li .mun_top{width: 150px;height: 150px;}
	.about01 .mumping_mun li .mun_top h2{font-size: 50px;}
	
	.about02-page .main .container-box{
		height: auto;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	.about02-page .gallery-top{
		height: auto;
		width: 90%;
	}
	.about02-page .gallery-top .bg{
		height: auto;
		width: 100%;
	}
	.about02-page .gallery-top .swiper-slide{
		padding: 0;
	}
	.about02-page .mobile-page-box{
		width: 86.67%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		-webkit-display: flex;
		-webkit-align-items: center;
		-webkit-justify-content: space-between;
		height: auto;
	}
	.about02-page .gallery-thumbs{
		position: static;
		height: auto;
		background-image: none;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);width: 90%;white-space: nowrap;overflow: hidden;
	}
	.about02-page .gallery-thumbs .swiper-wrapper{
		display: none;
	}
	.about02-page .gallery-thumbs .swiper-pagination{
		position: static;
	}
	.about02-page .gallery-thumbs .swiper-pagination-bullet{
		width: 8px;
		height: 8px;
		background-color: #aaa;
		margin: 0 0.3125rem;
		opacity: 1;
		vertical-align: middle;
	}
	.about02-page .gallery-thumbs .swiper-pagination-bullet.swiper-pagination-bullet-active{
		background-color: #1d6095;
	}
	.about02-page .swiper-button-prev,.about02-page .swiper-button-next{
		width: 40px;
		height: 40px;
		margin-top: 0;
		position: static;
		background-size: 100% 100%;
	}
	.about02-page .gallery-top .swiper-pagination .swiper-pagination-current{padding: 0px;color: #1d6095;}
	.about02-page .gallery-thumbs .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #1d6095;}
	.about02-page .gallery-thumbs:after{display: none;}
	.about02-page .gallery-top .swiper-slide p{font-size: 26px;line-height: 36px;}
	.about02-page h3{text-align: center;font: 26px;}
	.about02-page .gallery-top .swiper-slide h3{font-size: 52px;}
	.about02-page .gallery-top .swiper-pagination{display: block;font-size: 16px;}
	.about02-page .gallery-top .swiper-pagination .swiper-pagination-current{font-size: 20px;}
	.headerwrap .header .right .nav li .navtwo a{padding: 0 15px;font-size: 12px;}
	
	.honor01 a{width: 32%;}
	.honor01 a:nth-of-type(4n){margin-right: 2%;}
	.honor01 a:nth-of-type(3n){margin-right: 0;}
	
	.proinfo01{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.proinfo01 .left{width: 70%;}
	.proinfo01 .right{width: 100%;padding: 0;margin-top: 50px;}
	.proinfowrap{margin-top: 150px;}
	.innerbanner h3{font-size: 32px;margin-top: -16px;}
	.product01{margin: 80px auto;}
	
	.news01 a .text{padding: 0 20px;}
	.news01 a .data h3{font-size: 42px;}
	.news01 a .data p{font-size: 12px;}
	.news01 a .data{padding: 30px 0;}
	.news01 a .text h3{font-size: 16px;line-height: 26px;}
	
	.mbx a{padding: 0 10px;}
	.serviceone01 .cont .right p{font-size: 14px;letter-spacing: 0;line-height: 26px;}
	.serviceone01 .cont .right h4 font{font-size: 26px;}
	.serviceone01 .cont .right h4 i{width: 26px;height: 26px;font-size: 16px;}
	.serviceone01 .cont .right{padding: 0 30px;}
	
	.culture03 .cont li{padding: 20px;}
	.culture03wrap .bgfont{font-size: 120px;top: 40px;}
	.culture01wrap .top,.buliding01wrap .top{font-size: 26px;}
	
	.buliding01 .text::before{display: none;}
	.buliding01 .text{padding: 0;padding-right: 40px;}
	
	.contact li{width: 49%;}
	.contact li h3{font-size: 18px;}
	.contactwrap .top,.message .tl,.join01wrap .top{font-size: 26px;}
	.join01 .tl,.join01 .min li a{height: 60px;}
	.join01 .min li a font{width: 32px;height: 32px;}
	.navigation01 .min li h3{line-height: 60px;}
	
	.about02-page .main .container-box,.about02-page .gallery-top .swiper-slide,.about02-page .mobile-page-box{display: flex;display: -webkit-flex;}
	.proinfo02 li .min img{height: auto;}
}

@media only screen and (max-width:760px){
	.pc-1200px{display: none;}
	.headerwrap .top{display: none;}
	.headerwrap .header .right{display: none;}
	.headerwrap .header{height: 60px;}
	.headerwrap .header .logo img{height: 46px;}
	
	.headerwrap .header .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;background-color: #1d6095;display: block;box-sizing: border-box;width: 60px;}
	    .drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #ffffff;}
	    .drawer--right.drawer-open .drawer-nav{padding-top: 100px;width: 100%;z-index: 5;height: 100%;box-sizing: border-box;}
		.drawer-menu{height: 100%;}
	.drawer--right .drawer-nav{right: -100%;}
	.headerwarp .header .logo{position: relative;z-index: 10;}
	.drawer--right.drawer-open .drawer-hamburger{z-index: 12;}
	.headerwarp{position: fixed;top: 0;left: 0;z-index: 5;}
	.bannerwarp{margin-top: 66px;}
	.drawer-menu>li{margin-bottom: 30px;}
	.drawer--right.drawer-open .drawer-hamburger{right: 0;}
	.drawer-menu-item:hover{color: #1d6095;}
	.headerwrap .header .logo{position: relative;z-index: 6;}
	
	.drawer-menu .language{font-size: 14px;color: #1d6095;position: absolute;bottom: 30px;right: 30px;display: block;}
	
	.bannerwrap{margin-top: 60px;height: auto;}
	.bannerwrap .swiper-container a .sjbanner{display: block;width: 100%;}
	.bannerwrap .swiper-container a .pcimg{display: none;}
	
	
	.index01{width: 100%;-webkit-flex-flow: column-reverse;flex-flow: column-reverse;padding: 50px 2%;box-sizing: border-box;}
	.index01 .imgbox{width: 100%;}
	.index01::before{width: 100%;}
	.index01 .text{width: 100%;padding: 30px 0 0;}
	.index01 .text h3{font-size: 22px;margin-bottom: 20px;}
	.index01 .text h4{font-size: 14px;line-height: 26px;margin-bottom: 30px;}
	.more, .more02{width: 140px;height: 42px;line-height: 42px;font-size: 14px;}
	.index01 .text .i-list a .c-img{width: 90px;height: 90px;border: 6px solid rgba(51,51,51,0.3);}
	.index01 .text .i-list a img{max-width: 70%;}
	.index01 .text .i-list a p{font-size: 14px;}
	
	.index02wrap{width: 96%;margin: 50px auto;}
	.i-tl{font-size: 24px;}
	.index02wrap .index02 a .text h3{font-size: 18px;line-height: 28px;}
	.index02wrap .index02 a .text img{height: 46px;}
	
	.index03wrap{padding: 50px 0;}
	.index03{width: 96%;}
	.index03 .min02 .left{width: 100%;padding: 0;}
	.index03 .min02 .right{position: relative;width: 100%;}
	.index03 .min02 .left .text{width: 86%;padding: 30px 60px 30px 10px;right: calc(7% + 15px)}
	.index03 .min02 .left .text h3{font-size: 16px;line-height: 20px;height: 40px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;}
	.index03 .min02 .left .text h4{font-size: 12px;line-height: 20px;-webkit-line-clamp: 2;}
	.index03 .min02 .left:after{display: none;}
	.index03 .min02 .left .text h5{width: 80px;height: 80px;right: -30px;}
	.index03 .min02 .left .text h5:after{width: 100px;height: 100px;top: -10px;left: -12px;display: none;}
	.index03 .min02 .left .text h5 p{font-size: 22px;margin-bottom: 0px;font-weight: normal;}
	.index03 .min02 .right a .text h3{font-size: 14px;line-height: 26px;}
	.index03 .min02 .left .text span{font-size: 14px;letter-spacing: 0;}
	.index03 .min02 .right{width: 100%;position: relative;margin-top: 30px;}
	.index03 .min02 .right a{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;}
	.index03 .min02 .right a:last-child{margin-bottom: 0;padding-bottom: 0;border: none;}
	
	.footerwrap .footer{padding: 50px 2%;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.footerwrap .footer li{width: 100%;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #DDDDDD;}
	.footerwrap .footer li:first-child{display: none;}
	.footerwrap .footer li .maplink img{width: 100%;}
	.footerwrap .footer li.ewm .item:last-child{margin-left: 0;}
	.footerwrap .footer li.ewm .sjitem{display: block;}
	.footerwrap .footer li.ewm{-webkit-justify-content: space-between;justify-content: space-between;}
	.footerwrap .footer li.ewm .item h3{margin-bottom: 0;line-height: 40px;}
	.footerwrap .footer li.ewm .item img{width: auto;min-width: auto;height: 140px;}
	.footerwrap .footer li .li{width: 100%;}
	.footerwrap .footer li:last-child{margin-bottom: 0;padding-bottom: 0;border: none;}
	
	.footerwrap .copyright{padding: 10px 2%;}
	.footerwrap .copyright h3, .footerwrap .copyright a{font-size: 12px;text-align: center;line-height: 20px;}
	.footerwrap .copyright .se{display: none;}
	
	.footerwrap .footer li.ewm{display: none;}
	
	/* about */
	.innerbanner{margin-top: 60px;height: 250px;}
	.innerbanner img{width: auto;height: 100%;position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);min-width: 100%;}
	.innerbanner h3{font-size: 26px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	.mbxwrap{display: none;}
	
	.mbx, .development>h3, .aboutwrap, .framework01, .proinfo01, .proinfo02 li .top h3, .proinfo02 li .min, .join01wrap, .application01 li .cont, .navigation01{width: 96%;}
	.about01 .text{margin: 50px auto;}
	.a-tl{font-size: 22px;margin-bottom: 20px;}
	.about01 .text .info h4{font-size: 14px;line-height: 26px;margin-bottom: 20px;}
	.about01 .mumping_mun{-webkit-flex-wrap: wrap;flex-wrap: wrap;border: 1px solid #1D6095;border-bottom: none;}
	.about01 .mumping_mun li{width: 50%;border -right: 1px solid #1D6095;box-sizing: border-box;border-right: 1px solid #1D6095;border-bottom: 1px solid #1D6095;padding: 20px 10px;}
	.about01 .mumping_mun li .mun_top{width: 100%;height: auto;box-sizing: border-box;border-radius: 0;border: none;}
	.about01 .mumping_mun li:nth-of-type(2n){border-right: none;}
	.about01 .mumping_mun li .mun_top h2{font-size: 52px;}
	.about01 .mumping_mun li .mun_top h2::after{font-size: 30px;margin-top: -10px;margin-left: 5px;}
	.about01 .mumping_mun li h3{font-size: 16px;margin-top: 20px;}
	.about02{margin: 50px 0;}
	.about02 .cont a{width: 100%;margin-right: 0;}
	
	.about02-page{padding: 50px 2%;}
	.development>h3{font-size: 22px;margin-bottom: 20px;}
	.about02-page .main .container-box{
			height: auto;
			flex-direction: column;
			-webkit-flex-direction: column;
		}
		.about02-page .gallery-top{
			height: auto;
			width: 95%;
			border: 0.3125rem solid #1d6095;
			margin-bottom: 1.875rem;
		}
		.about02-page .gallery-top .bg{
			height: auto;
			width: 100%;
		}
		.about02-page .gallery-top .swiper-slide{
			padding: 0;
		}
		.about02-page .gallery-top .swiper-slide .line{
			height: 1.5625rem;
			margin-bottom: 0.9375rem;
			margin-top: 2.375rem;
		}
		.about02-page .gallery-top .swiper-slide h5{
			font-size: 0.75rem
			margin-bottom: 0.75rem
		}
		.about02-page .gallery-top .swiper-slide h3{
			font-size: 2.0625rem;
			margin-bottom: 2.0625rem;
		}
		.about02-page .gallery-top .swiper-slide p{
			font-size: 0.75rem;
			line-height: 1.25rem;
			max-height: 76px;
		}
		.about02-page .gallery-top .swiper-pagination{
			bottom: 1.625rem;
			font-size: 0.5625rem;
			display: block;
		}
		.about02-page .gallery-top .swiper-pagination .swiper-pagination-current{
			font-size: 0.75rem;
		}
		.about02-page .mobile-page-box{
			width: 86.67%;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			-webkit-display: flex;
			-webkit-align-items: center;
			-webkit-justify-content: space-between;
			height: auto;
		}
		.about02-page .gallery-thumbs{
			position: static;
			height: auto;
			background-image: none;
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);width: 90%;white-space: nowrap;overflow: hidden;
		}
		.about02-page .gallery-thumbs .swiper-wrapper{
			display: none;
		}
		.about02-page .gallery-thumbs .swiper-pagination{
			position: static;
		}
		.about02-page .gallery-thumbs .swiper-pagination-bullet{
			width: 0.25rem;
			height: 0.25rem;
			background-color: #aaa;
			margin: 0 0.3125rem;
			opacity: 1;
			vertical-align: middle;
		}
		.about02-page .gallery-thumbs .swiper-pagination-bullet.swiper-pagination-bullet-active{
			background-color: #1d6095;
		}
		.about02-page .swiper-button-prev,.about02-page .swiper-button-next{
			width: 2rem;
			height: 2rem;
			margin-top: 0;
			position: static;
			background-size: 100% 100%;
		}
		.about02-page .gallery-top .swiper-pagination .swiper-pagination-current{padding: 0px;color: #1d6095;}
		.about02-page .gallery-thumbs .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #1d6095;}
		.about02-page .gallery-thumbs:after{display: none;}
	
	
	.framework01{margin: 50px auto;}
	
	.honorwrap{margin: 50px auto;}
	.honorwrap .top{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.honorwrap .top h3{width: 100%;margin-bottom: 30px;}
	.honorwrap .top .link{width: 100%;margin-left: 0;}
	.honor01{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.honor01 a{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.honor01 a:last-child{margin-bottom: 0;}
	
	.news01wrap, .contactwrap, .message, .product01, .servicetwo01{width: 96%;}
	.product01{margin: 50px auto;}
	.product01 a{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.product01 a:last-child{margin-bottom: 0;}
	.product01 a h3{font-size: 16px;}
	
	.proinfowrap{margin-top: 110px;}
	.proinfo01{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.proinfo01 .left{width: 100%;margin-right: 0;}
	.proinfo01 .right{width: 100%;padding: 0;margin-top: 30px;}
	.proinfo01 .right h3{font-size: 22px;padding-bottom: 22px;margin-bottom: 22px;}
	.proinfo01 .right h4{font-size: 14px;line-height: 26px;}
	.proinfo01 .right .link a{width: 140px;height: 42px;line-height: 42px;font-size: 14px;}
	.proinfo01 .right .link{padding-top: 30px;margin-top: 30px;}
	.proinfo01{margin-bottom: 50px;}
	
	.proinfo02 li .top h3{font-size: 22px;height: 60px;}
	.proinfo02 li .top h3 img{height: 30px;}
	.proinfo02 li .min{margin: 50px auto;}
	.proinfo02 li .min p{font-size: 14px;line-height: 26px;overflow: hidden;overflow-x: scroll;}
	.proinfo02 li .min p::before{top: 12px;}
	.proinfo02 li .min img{height: auto;max-width: none;width: 800px;}
	
	.application01 li{padding: 50px 0;}
	.application01 li .cont{-webkit-flex-flow: column;flex-flow: column;}
	.application01 li .cont .imgbox{width: 100%;}
	.application01 li .cont .text{width: 100%;padding: 0;margin-top: 30px;}
	.application01 li .cont .text h3{font-size: 22px;margin-bottom: 30px;}
	.application01 li .cont .text h4,.application01 li .cont .text h4 a{font-size: 14px;}
	
	.proinfo01 .left{padding-right: 0;}
	
	.newswrap{padding: 50px 0;}
	.news01wrap .top{font-size: 22px;margin-bottom: 30px;}
	.news01 a{width: 100%;padding-right: 0;margin-bottom: 30PX;}
	.news01 a::after{display: none;}
	.news01::before{display: none;}
	.news01 a .text{padding: 0 10px;}
	.news01 a .text h3{font-size: 14px;line-height: 24px;}
	.news01 a .data{padding: 20px 0;}
	.news01 a .data h3{font-size: 52px;}
	.news01 a .data p{font-size: 14px;}
	.news01 a:nth-of-type(2n){margin-top: 0;margin-bottom: 30px;padding-left: 0;}
	.news01 a:last-child{margin-bottom: 0;}
	.nav-links{margin-top: 0;}
	
	.newsinfowrap{margin-top: 110px;}
	.newsinfo{width: 96%;}
	.newsinfo .tl h3{line-height: 30px;}
	.newsinfo .min p{font-size: 14px;}
	.newsinfo .more{width: 140px;height: 42px;line-height: 42px;left: 0;}
	
	.buliding01, .buliding02, .serviceone01, .serviceone02{width: 96%;}
	
	.serviceone01{margin: 50px auto;}
	.serviceone01 .cont{padding: 50px 0;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.serviceone01 .cont::before{width: 100%;}
	.serviceone01 .cont .left{width: 100%;}
	.serviceone01 .cont .right{width: 100%;box-sizing: border-box;padding: 30px 20px 0;}
	.serviceone01 .cont .right h3{font-size: 22px;}
	.serviceone01 .cont .right h4 i{width: 30px;height: 30px;}
	.serviceone01 .cont .right h4 font{font-size: 30px;}
	.serviceone01 .cont .right p{font-size: 14px;line-height: 28px;}
	
	.serviceone02{margin: 50px auto;}
	.serviceone02 ul{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.serviceone02 ul li{width: 100%;margin-bottom: 30px;}
	.serviceone02 ul li h3 font{width: 40px;height: 40px;font-size: 16px;}
	.serviceone02 ul li h3{font-size: 18px;margin-bottom: 20px;}
	.serviceone02 ul li:last-child{margin-bottom: 0;}
	
	.servicetwo01{margin: 50px auto;}
	.servicetwo01 .cont{margin: 0;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.servicetwo01 .cont a{width: 100%;margin-right: 0;}
	
	.culture01wrap{margin: 50px auto 30px;}
	.culture01wrap, .culture03{width: 96%;}
	.culture01wrap .top{font-size: 22px;margin-bottom: 30px;}
	.culture01{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.culture01 .imgbox01{width: 100%;margin-bottom: 20px;}
	.culture01 .imgbox02,.culture01 .imgbox03,.culture01 .imgbox04{width: 100%;margin: 0;margin-bottom: 20px;}
	.culture01 .imgbox03::before,.culture01 .imgbox02::before{display: none;}
	.culture01 .imgbox04{margin-bottom: 0;}
	.culture02wrap{padding: 50px 0 140px;background-attachment: scroll;}
	.culture02{padding: 0;width: 96%;}
	.culture01{display: none;}
	.culture02 .swiper-button-next{bottom: -70px;top: initial;right: 50%;margin-right: -50px;width: 40px;height: 40px;}
	.culture02 .swiper-button-prev{bottom: -70px;top: initial;left: 50%;margin-left: -50px;width: 40px;height: 40px;}
	
	
	.culture03 .top{font-size: 22px;margin-bottom: 30px;}
	.culture03wrap .bgfont{display: none;}
	.culture03 .cont{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.culture03 .cont li{width: 100%;margin-bottom: 2%;}
	.culture03 .cont li:last-child{margin-bottom: 0;}
	.culture03wrap{padding: 50px 0;}
	
	.buliding01wrap{margin: 50px auto;}
	.buliding01wrap .top{padding: 0;font-size: 22px;line-height: 30px;width: 96%;margin: auto;margin-bottom: 30px;}
	.buliding01wrap .bgwrap{padding: 50px 0;}
	.buliding01wrap .bgwrap::before{width: 100%;}
	.buliding01wrap .bgwrap .fontbg{display: none;}
	.buliding01 .imgbox{width: 100%;}
	.buliding01{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.buliding01 .text{width: 100%;padding: 0;margin-top: 30px;}
	.buliding01 .text h4{font-size: 14px;line-height: 24px;}
	.buliding01 .text::before{display: none;}
	
	.buliding02{margin: 50px auto;}
	.buliding02 .swiper-pagination{margin-top: 30px;}
	.buliding02 .swiper-pagination .swiper-pagination-bullet{margin-right: 5px;}
	
	.contactwrap,.join01wrap{margin: 50px auto;}
	.contactwrap .top,.join01wrap .top{font-size: 22px;margin-bottom: 30px;}
	.contact li{width: 100%;margin-bottom: 30px;}
	.contact li:last-child{margin-bottom: 0;}
	.contact li h3{font-size: 18px;padding-left: 10px;}
	.contact li h3::before{height: 18px;}
	.contact li .text p{line-height: 26px;}
	.contact li .text{margin-top: 20px;}
	
	.join01 .tl{height: 60px;padding: 0 10px;}
	.join01 .tl h3,.join01 .min li a h3,.join01 .min li a font{font-size: 16px;}
	.join01 .min li a font{width: 30px;height: 30px;}
	.join01 .min li a{padding: 0 10px;}
	.join01 .min li .info{padding: 30px 10px;}
	.join01 .min li .info .item h3{font-size: 16px;margin-bottom: 10px;}
	.join01 .min li .info .item p{font-size: 14px;line-height: 26px;}
	.join01 .min li .info .item{margin-bottom: 30px;}
	.join01 .min li .info h4{font-size: 14px;line-height: 24px;}
	
	.message{margin: 50px auto;}
	.message .tl{font-size: 22px;margin-bottom: 30px;}
	.message .wpcf7-form .top .label{width: 100%!important;}
	.message .wpcf7-form .top{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.message .wpcf7-form .top .label input{height: 50px!important;margin-bottom: 20px!important;}
	.message .wpcf7-form .more{width: 140px!important;height: 42px!important;line-height: 42px!important;}
	
	.navigation01{margin: 50px auto;}
	.navigation01 .min li{width: 100%;margin-right: 0;}
	.navigation01 .min li:last-child{margin-right: 0;}
	
}