@media only screen and (min-width:900px) and (max-width:1270px) {
	
	.pc_black{display: none;}
	.headerwrap{padding-left: 2%;}
	.header .logo img{height: 50px;}
	.header .right .nav li a{font-size: 15px;padding: 0 20px;}
	.header .right .language{height: 71px;}
	.banner .text, .banner .swiper-pagination{width: 90%;}
	
	.innbanner .bannertext .botbg{display: none;}
	.innbanner .bannertext .text{margin-bottom: 0;}
	.innbanner .bannertext{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);bottom: initial;}
	.innerwrap{margin-top: 0;}
	.about01{width: 90%;margin: 80px auto;}
	.index01, .index02, .index03{display: block;}
	.index01{margin-top: 80px;}
	.index01, .index03, .footer .cont, .copyright .cont{width: 96%;}
	.index01 .cont .text{padding: 40px 50px;}
	.index01 .cont .text h3{font-size: 24px;}
	.index01 .cont .text strong{margin: 20px 0;}
	.index01 .cont .text h4{font-size: 14px;line-height: 26px;}
	.i-tl h3{font-size: 30px;}
	.index02{padding: 250px 0 80px;}
	.index02 .min{width: 90%;}
	.index02 .min a .text h3{font-size: 24px;}
	.index03 .min02 .left .text{padding-left: 30px;width: 70%;}
	.index03 .min02 .left .text h3{-webkit-line-clamp:1;}
	.index03 .min02 .left .text h4{font-size: 14px;}
	.index03 .min02 .left{width: 62%;}
	.index03{margin: 80px auto;}
	
	.index04 .item .text h4{max-width: 90%;}
	.index04 .right{height: 200px;}
	.index04 .right img{position: absolute;top: 0;width: auto;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);min-width: 100%;}
	
	.about02wrap .about02{width: 96%;}
	.about03wrap{width: 96%;}
	
	.productall01{width: 96%;margin: 80px auto;}
	.join01 .min, .contact01, .news01wrap, .prolistwrap{width: 96%;}
	.prolistwrap .prolist01{margin: 80px auto;}
	.procustomized{width: 90%;margin: 80px auto;}
	
	.vcsel01{width: 90%;margin: 80px auto;}
	.vcsel02wrap{padding: 80px 0;}
	.vcsel02{width: 96%;}
	.vcsel02 .bot li{padding-right: 40px;}
	.vcsel02 .bot li:last-child{padding-left: 40px;}
	.vcsel03{width: 96%;margin: 80px auto;}
	.vcsel03 .min li p{font-size: 14px;}
	.vcsel04{width: 90%;}
	.vcsel04 .min li{width: 47.5%;margin-right: 5%;margin-bottom: 5%;}
	.vcsel04wrap{padding: 50px 0 20px;}
	
	.news01wrap{margin: 80px auto;}
	.newsinfowrap .newsinfo{width: 90%;margin: 80px auto;}
	
	.join01{width: 90%;margin: 80px auto;}
	.contact01{width: 96%;margin: 80px auto;}
	.about02wrap .about02 .i-toptext{width: 90%;}
	.join01 .botinfo{width: 100%;}
	
	.productinfo01 .cont,.productinfo02{width: 90%;}
	.tabl-bot .more{width: 140px;height: 40px;line-height: 40px;}
	
}

@media only screen and (min-width:750px) and (max-width:1000px) {
	/* .pc_black */
	.pc_black{display: none;}
	.banner{height: 400px;}
	.banner .text, .banner .swiper-pagination{width: 90%;}
	.banner .text h3{font-size: 36px;}
	.banner .text h4{font-size: 18px;letter-spacing: 4px;}
	.header .right .language i, .header .right .language a{display: none;}
	.header .right .language a:last-child{display: block;padding: 0;border: none;}
	.header .right .nav li a{font-size: 14px;padding: 0 10px;}
	.headerwrap{padding-left: 2%;}
	.header .right .language{padding: 0 20px;height: 60px;}
	.header .logo img{height: 45px;}
	.header{height: 60px;}
	
	.index01, .index02, .index03{display: block;}
	.innerwrap{margin-top: 0;}
	.about01{width: 90%;margin: 80px auto;}
	.index01, .index02, .index03{display: block;}
	.index01{margin-top: 80px;}
	.index01, .index03, .footer .cont, .copyright .cont{width: 96%;}
	.index01 .cont .text{padding: 30px;}
	.index01 .cont .text h3{font-size: 20px;}
	.index01 .cont .text strong{margin: 20px 0;}
	.index01 .cont .text h4{font-size: 14px;line-height: 26px;margin-bottom: 30px;}
	.more{width: 140px;height: 36px;line-height: 36px;}
	.i-tl h3{font-size: 30px;}
	.index02{padding: 250px 0 80px;}
	.index02 .min{width: 92%;}
	.index02 .min a .text h3{font-size: 20px;margin-top: 20px;}
	.index02 .min a .text p{font-size: 12px;display: none;}
	.index02 .min a{width: 30%;margin-right: 5%;}
	.index02 .min a .text{left: -19px;}
	.index02 .min a .text img{height: 42px;}
	.index02 .min a .text .hover .more{width: 120px;height: 34px;line-height: 34px;margin-top: 20px;}
	.index02 .min a .text .hover h4 br{display: none;}
	.about03wrap .about03 .item .text{padding-left: 30px;}
	.about03wrap .about03 .item .text h3{font-size: 24px;margin-bottom: 20px;}
	.about03wrap .about03 .item .text p{margin-bottom: 20px;}
	
	.index03 .min02{width: 96%;}
	.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;}
	.index03 .min02{width: 96%;}
	.index03 .min02 .left .text h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.index03 .min02 .left .text{padding: 40px 100px 40px 20px;}
	.index04 .left .text h4{font-size: 12px;max-width: 90%;}
	.index04 .left .text h3{font-size: 28px;}
	.index04 .right img{width: auto;height: 220px;}
	.index03 .min02 .left .text h4{font-size: 14px;}
	.index03 .min02 .left .text h3{font-size: 18px;}
	.index03wrap .newbg{display: none;}
	.index03{margin: 80px auto;}
	
	.index04 .item .text h4{max-width: 90%;}
	.index04 .right{height: 200px;}
	.index04 .right img{position: absolute;top: 0;width: auto;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);min-width: 100%;}
	.procustomized .cont form .label input{box-sizing: border-box;}
	
	.innbanner .bannertext .botbg{display: none;}
	.innbanner .bannertext .text{margin-bottom: 0;}
	.innbanner .bannertext{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);bottom: initial;}
	.innerwrap{margin-top: 0;}
	
	.about02wrap .about02{width: 96%;}
	.about03wrap{width: 96%;}
	.i-toptext h3{font-size: 24px;line-height: 28px;}
	.about02wrap .about02 .i-toptext{width: 90%;}
	
	.productall01{width: 96%;margin: 80px auto;}
	.join01 .min, .contact01, .news01wrap, .prolistwrap{width: 96%;}
	.join01 .botinfo{width: 100%;}
	.prolistwrap .prolist01{margin: 80px auto;}
	.procustomized{width: 90%;margin: 80px auto;}
	.news01wrap .news01 a .text{width: 60%;padding-left: 40px;}
	.news01wrap .news01 a .imgbox{width: 40%;}
	.news01wrap .news01 a .text h3{margin-bottom: 20px;}
	.p-tabl td, .p-tabl th{font-size: 12px;}
	.header .right .nav li a{height: 60px;line-height: 60px;}
	.header .right .nav li .nav02 a{font-size: 14px;line-height: 30px;}
	.header .right .nav li .nav02{padding: 10px;}
	.productall01 a .text{width: 100%;margin: 0;}
	.newsinfowrap .ninfo-tl h3{font-size: 24px;line-height: 30px;}
	.contact01 .right{padding-left: 0;}
	.newsinfowrap .ninfo-tl{padding: 80px 2%;}
	
	.vcsel01{width: 90%;margin: 80px auto;}
	.vcsel02wrap{padding: 80px 0;}
	.vcsel02{width: 96%;}
	.vcsel02 .bot li{padding-right: 40px;}
	.vcsel02 .bot li:last-child{padding-left: 40px;}
	.vcsel03{width: 96%;margin: 80px auto;}
	.vcsel03 .min li p{font-size: 14px;}
	.vcsel04{width: 90%;}
	.vcsel04 .min li{width: 47.5%;margin-right: 5%;margin-bottom: 5%;}
	.vcsel04wrap{padding: 50px 0 20px;}
	
	.news01wrap{margin: 80px auto;}
	.newsinfowrap .newsinfo{width: 90%;margin: 80px auto;}
	
	.join01{width: 90%;margin: 80px auto;}
	.contact01{width: 96%;margin: 80px auto;}
	
	.productinfo01 .cont,.productinfo02{width: 90%;}
	.tabl-bot .more{width: 140px;height: 40px;line-height: 40px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media only screen and (max-width:760px){
	body, input, h1, h2, h3, h4, h5, h6, b, c, e, i, g, p, div, dl, dt, dd, select, textarea, font, right, left{letter-spacing: 0;}
	
	.pc_black{display: none;}
	
	/*nav*/
	.headerwrap{position: fixed;top: 0;left: 0;background-color: #FFFFFF;z-index: 3;border-bottom: 1px solid #DDDDDD;}
	.header .logo{position: relative;z-index: 6;}
	.header .right .nav{display: none;}
	.header{height: 60px;position: relative;}
	.header .logo img{height: 46px;}
	.header .right .language{    height: 60px;background: transparent;padding-right: 70px;}
	.header .right .language i, .header .right .language a{color: #333;}
	.header .right .language a:nth-of-type(1){display: none;}
	.drawer-hamburger{padding: 12px 15px 18px;height: 61px;top: 0;background-color: #1955a4;display: block;box-sizing: border-box;width: 4rem;}
	.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;}
	.drawer--right .drawer-nav{right: -100%;}
	.headerwarp .header .logo{position: relative;z-index: 10;}
	.drawer--right.drawer-open .drawer-hamburger{z-index: 12;right: 0;background-color: #1955a4;}
	.drawer-hamburger:hover{background-color: #1955a4;}
	.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-nav,.drawer-menu{height: 100%;box-sizing: border-box;}
	.m-language{position: absolute;right: 10%;bottom: 40px;font-size: 14px;color: #1955a4;}
	.drawer-menu-item:hover{color: #1955a4;}
	
	.drawer-hamburger,.drawer-nav{visibility: visible;display: block;}
	
	/* index */
	.banner{height: 250px;margin-top: 60px;}
	.banner .text, .banner .swiper-pagination{width: 90%;box-sizing: border-box;padding: 0 2%;text-align: center;}
	.banner .text h3{font-size: 24px;}
	.banner .text h4{display: none;}
	.more{width: 120px;height: 36px;line-height: 36px;}
	.banner .text .more{margin: auto;}
	.banner .swiper-button-next, .banner .swiper-button-prev{width: 16px;height: 24px;outline: none;}
	.banner .swiper-pagination{bottom: 15px;-webkit-justify-content: center;justify-content: center;}
	.index01, .index02, .index03{display: block;}
	
	.index01, .index03, .footer .cont, .copyright .cont{width: 96%;}
	.index01{margin-top: 50px;margin-bottom: 50px;}
	.i-tl h3{font-size: 24px;}
	.i-tl{margin-bottom: 30px;}
	.index01 .cont{-webkit-flex-flow: column;flex-flow: column;}
	.index01 .cont .imgbox{width: 100%;}
	.index01 .cont .text{box-shadow: none;border: 1px solid #ddd;border-top: none;width: 100%;margin: 0;padding: 30px 20px;}
	.index01 .cont .text h3{font-size: 20px;}
	.index01 .cont .text h4{font-size: 14px;line-height: 26px;}
	.index01 .cont .text strong{margin: 20px 0;}
	
	.index02{padding: 50px 2%;}
	.index02 .min{width:100%}
	.index02 .min a{width:calc(100% - 22px);margin-left:22px;margin-right:0;margin-bottom:40px}
	.index02 .min a .text{left:-22px}
	.index02 .min a .text img{width:auto;height: 50px;}
	.index02 .min a .text h3{font-size: 20px;margin-top: 20px;}
	.index02 .min a .text .hover .more{width: 120px;height: 36px;line-height: 36px;margin-top: 20px;}
	
	.index03{margin: 50px auto;}
	.index03wrap .newbg{display: none;}
	.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 h5{width:80px;height:80px;right:-30px}
	.index03 .min02 .left .text h3{font-size:15px;line-height:20px;height:auto;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
	.index03 .min02 .left .text h4{font-size:12px;line-height:20px;-webkit-line-clamp:2}
	.index03 .min02 .left .text h5:after{display: none;}
	.index03 .min02 .left .text h5 p{font-size:22px;margin-bottom:0px;font-weight:normal}
	.index03 .min02 .left .text span{font-size:14px;letter-spacing:0}
	.index03 .min02 .left:after{display: none;}
	.index03 .min02 .right{width: 100%;position: relative;margin-top: 30px;}
	.index03 .min02 .right a{margin-bottom: 20px;}
	.index03 .more {margin-top: 20px;}
	
	
	.index04 .left,.index04 .right{position: relative;width: 100%;padding: 30px 0;display: block;height: auto;}
	.index04 .left .text{position: relative;transform: none;-webkit-transform:none;}
	.index04 .left .text h3,.index04 .item .text h3{font-size: 22px;    margin-bottom: 20px;}
	.index04 .left .text h4,.index04 .item .text h4{font-size: 13px;}
	.index04 .right img{width: auto;height: 200px;}
	.index04 .right{padding: 0;margin-top: 0;}
	
	.footer{display: none;}
	.copyright .cont i{display: none;}
	.copyright .cont a:last-child{display: none;}
	.copyright .cont{display: block;text-align: center;}
	.copyright .cont h3, .copyright .cont a{display: inline-block;}
	.copyright .cont a{margin-left: 10px;}
	
	/* .innbanner */
	.innbanner{height: 180px;margin-top: 60px;}
	.innbanner img{position: absolute;width: auto;min-width: 100%;height: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 0;}
	.innbanner .bannertext .text::after{display: none;}
	.innbanner .bannertext .botbg{display: none;}
	.innbanner .bannertext .text{margin-bottom: 0;}
	.innbanner .bannertext{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);bottom: initial;}
	.innbanner .bannertext .text h3{font-size: 26px;}
	.innbanner .bannertext .text h3 font{font-size: 12px;}
	.innerwrap{width: auto;margin: auto;}
	.about01{width: 96%;margin: 50px auto;}
	.i-toptext h3{font-size: 20px;line-height: 30px;}
	.i-toptext strong{margin: 20px auto;}
	.i-toptext h4{font-size: 14px;line-height: 26px;}
	.about01 img{margin: 30px auto 50px;}
	.about02wrap{padding: 50px 0;}
	.about02wrap .about02{width: 96%;}
	.about02wrap .about02 .i-toptext{width: 100%;margin-bottom: 30px;}
	.xfc{display: none;}
	
	/* about03wrap */
	.about03wrap{width: 96%;margin: 50px auto;box-sizing: border-box;}
	.about03wrap .about03 .item,.about03wrap .about03 .item:nth-of-type(2n){-webkit-flex-flow: column;flex-flow: column;}
	.about03wrap .about03 .item .imgbox{width: 100%;}
	.about03wrap .about03 .item .text{width: 100%;box-sizing: border-box;padding: 30px 20px;}
	.about03wrap .about03 .item .text p{font-size: 12px;margin-bottom: 20px;}
	.about03wrap .about03 .item .text h3{font-size: 20px;margin-bottom: 20px;}
	.about03wrap .about03 .item .text .list li{font-size: 14px;}
	.about03wrap .about03 .item:nth-of-type(2n) .imgbox{width: 100%;}
	.about03wrap .about03 .item:nth-of-type(2n) .text{width: 100%;}
	.about03wrap .about03 .item{margin-bottom: 30px;}
	
	/* .productall01 */
	.productall01{width: 96%;-webkit-flex-flow: column;flex-flow: column;}
	.productall01 a{width: 100%;margin-right: 0;margin-bottom: 30px;}
	.productall01{margin: 50px auto;}
	.productall01 a .text{margin: 0;width: 100%;border: 1px solid #DDDDDD;padding: 30px 20px;}
	.productall01 a .text h3{font-size: 20px;margin-bottom: 20px;}
	.productall01 a .text h4{font-size: 14px;margin-bottom: 20px;}
	.productall01 a:last-child{margin-bottom: 0;}
	
	.join01 .min, .contact01, .news01wrap, .prolistwrap{width: 96%;}
	.prolistwrap .tl{font-size: 20px;margin-bottom: 30px;}
	.prolistwrap .prolist01{margin: 50px auto;}
	.p-tabl{display: block;overflow-x: scroll;}
	.p-tabl tbody{width: 1000px;display: block;}
	.tabl-bot .more{width: 130px;height: 36px;line-height: 36px;}
	.tabl-bot::before{margin-right: 20px;}
	.tabl-bot::after{margin-left: 20px;}
	.tabl-bot{margin-top: 40px;}
	.prolist02{margin-bottom: 50px;}
	
	.procustomized{width: 96%;margin: 50px auto;}
	.procustomized .cont form .label input{height: 40px!important;box-sizing: border-box;}
	.procustomized .cont form .label p{font-size: 13px!important;}
	.procustomized .cont form .label{margin-bottom: 20px!important;}
	.procustomized .cont form button{width: 130px!important;height: 36px!important;line-height: 36px!important;margin-top: 30px!important;}
	
	.vcsel01{width: 96%;margin: 50px auto;}
	.vcsel01 .i-toptext p{font-size: 20px;}
	.vcsel01 .imgbox{-webkit-flex-flow: column;flex-flow: column;}
	.vcsel01 .imgbox li{width: 100%;margin-bottom: 30px;}
	.vcsel01 .imgbox li:last-child{margin-bottom: 0;}
	.vcsel02wrap{padding: 50px 0;}
	.vcsel02{width: 96%;margin: auto;}
	.vcsel02 .tl{font-size: 20px;}
	.vcsel02 .top{width: 100%;padding: 30px 0;-webkit-flex-flow: column;flex-flow: column;}
	.vcsel02 .top .img{width: 100%;padding: 0;}
	.vcsel02 .top .img img{display: block;width: 100%;}
	.vcsel02 .top .text{width: 100%;padding: 0;font-size: 16px;text-align: center;}
	.vcsel02 .bot{padding: 50px 0;-webkit-flex-flow: column;flex-flow: column;}
	.vcsel02 .bot li{width: 100%;padding: 0;}
	.vcsel02 .bot li h3{font-size: 15px;}
	.vcsel02 .bot li:last-child{padding: 0;padding-top: 20px;border-top: 1px solid #DDDDDD;margin-top: 20px;}
	.vcsel03{width: 96%;margin: 50px auto;}
	.vcsel03 .tl{font-size: 20px;}
	.vcsel03 .min{-webkit-flex-flow: column;flex-flow: column;}
	.vcsel03 .min li{width: 100%;margin-right: 0;}
	.vcsel03 .min li p{font-size: 14px;}
	
	.vcsel04wrap{padding: 50px 0;}
	.vcsel04{width: 96%;}
	.vcsel04 .tl{font-size: 20px;line-height: 30px;margin-bottom: 30px;}
	.vcsel04 .min li{width: 100%;box-sizing: border-box;margin-right: 0;text-align: center;margin-bottom: 30px;}
	.vcsel04 .min li .text{padding: 30px 20px;border-bottom: 1px solid #DDDDDD;}
	.vcsel04 .min li .text h4{font-size: 14px;}
	.vcsel04 .min li:last-child{margin-bottom: 0;}
	
	/* news01wrap */
	.news01wrap{margin: 50px auto;}
	.news01wrap .newstab{margin-bottom: 50px;}
	.news01wrap .news01 a{-webkit-flex-flow: column;flex-flow: column;padding: 0;border-bottom: none;margin-bottom: 30px;}
	.news01wrap .news01 a .imgbox{width: 100%;}
	.news01wrap .news01 a .text{width: 100%;padding: 30px 20px;border-bottom: 1px solid #DDDDDD;}
	.news01wrap .news01 a .text h3{margin-bottom: 20px;}
	.news01wrap .news01 a .text h4{font-size: 14px;}
	.news01wrap .news01 a:last-child{border-bottom: none;}
	
	.newsinfowrap{margin-top: 60px;}
	.newsinfowrap .ninfo-tl{padding: 50px 2%;}
	.newsinfowrap .ninfo-tl h3{font-size: 20px;line-height: 30px;}
	.newsinfowrap .newsinfo{width: 96%;margin: 50px auto;}
	.newsinfowrap .newsinfo .min h4, .newsinfowrap .newsinfo .min p, .newsinfowrap .newsinfo .min span{font-size: 14px;line-height: 26px;text-align: justify;margin-bottom: 30px;}
	.newsinfowrap .newsinfo .min img{margin: 30px auto;width: 100%;}
	
	.join01{width: 96%;margin: 50px auto;}
	.join01 .c-top{font-size: 20px;}
	.join01 .min li a p{font-size: 16px;}
	.join01 .min .item .info li{-webkit-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 30px;}
	.join01 .min .item .info li p{width: 100%;box-sizing: border-box;border-right: none;border-left: 2px solid #4c67f2;padding-left: 20px;}
	.join01 .min .item .info li h4{width: 100%;padding-left: 20px;margin-top: 30px;}
	.join01 .min .item .info::before{display: none;}
	.join01 .min li a{height: 58px;}
	.join01 .botinfo{width: 96%;margin: 50px auto;}
	.join01 .botinfo h4{font-size: 14px;line-height: 28px;}
	
	.contact01{width: 96%;margin: 50px auto;-webkit-flex-flow: wrap;flex-flow: wrap;}
	.contact01 .left{width: 100%;padding-right: 0;}
	.contact01 .left .t-top, .contact01 .right .t-top{font-size: 20px;margin-bottom: 30px;}
	.contact01 .left .list li h3{font-size: 14px;}
	.contact01 .right{width: 100%;padding: 0;margin-top: 30px;}
	.wpcf7-response-output{margin: 0;}
	.contact01 .right form .label{margin-bottom: 15px;}
	
	.productinfowrap{margin-top: 60px;}
	.productinfo01{padding: 50px 0;}
	.productinfo01 .cont{width: 96%;}
	.productinfo01 .cont .imgbox .img{width: 100%;}
	.productinfo01 .cont .imgbox{-webkit-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 30px;margin-bottom: 30px;}
	.productinfo01 .cont .imgbox .text{width: 100%;padding-top: 30px;padding-left: 0;}
	.productinfo01 .cont .imgbox .text h4{line-height: 26px;}
	.productinfo01 .cont .font{-webkit-flex-flow: wrap;flex-flow: wrap;}
	.productinfo01 .cont .font .item{width: 100%;margin-bottom: 30px;}
	.productinfo01 .cont .font .item:last-child{margin-bottom: 0;}
	.productinfo02{width: 96%;margin: 50px auto;}
	.productinfo01 .cont .imgbox .text h3{font-size: 20px;}
	.productinfo01 .cont .imgbox .text h4,.productinfo01 .cont .font .item .min p{font-size: 14px;line-height: 24px;}
	
	
}