@media only screen and (min-width:900px) and (max-width:1270px) {
	.header-wrap .header .right .nav{margin-right: 0;}
	.header-wrap{padding: 0 2%;}
	.banner-wrap .banner a .text{width: 96%;}
	.banner-wrap .banner a .text h3 span{font-size: 52px;}
	.banner-wrap .banner a .text h3{font-size: 42px;}
	.inner-banner .text h3,.inner-banner .text-right h3{font-size:42px;}
	.banner-wrap .banner a .text h4{font-size: 14px;}
	.index01wrap .index01{width: 96%;}
	.index01wrap{padding: 80px 0;}
	#wrapper section #section-home #block-4{padding: 40px 0;}
	.index02 .cont{width: 96%;}
	.index02 .cont .top h3{font-size: 32px;}
	.index02 .cont .list a{padding: 50px 30px;}
	.index02 .cont .list a font{margin-top: 40px;}
	.index02{padding-top: 80px;margin-bottom: 80px;}
	.index03wrap{padding: 80px 2%;}
	.index04wrap{margin: 80px 0;}
	.index04wrap .index04 a h3{padding: 0 10px;font-size: 14px;}
	.index05{margin: 80px auto;}
	.index06 .cont{width: 96%;}
	.index06{padding: 100px 0;background-attachment: scroll;}
	.footer-wrap .f-nav{width: 96%;margin: 80px auto;}
	.ba{padding: 20px 2%;}

	.inner-banner .mbxwrap h3{padding: 0 60px;font-size: 18px;}
	.inner-banner .mbxwrap .right a{font-size: 14px;margin-left: 60px;}

	
	.service-item02{width: 96%;}
	.service-item02 li .text .cont h4{font-size: 14px;}
	.service-item02 li .text .cont h3{font-size: 22px;}

	.m-tl{width: 96%;}
	
	.data01 a .hovertext,.data01 a .text{padding: 0 20px;}
	.data01 a .hovertext h3{font-size: 22px;}
	.data01 a .hovertext h4{font-size: 14px;margin-bottom: 30px;}
	.data01 a .text p{font-size: 14px;}
	.service03wrap{width: 96%;}
	.service03 a .text h4{margin-top: 30px;}

	
	.aboutone01wrap .aboutone01{width: 96%;}
	.aboutone01wrap{padding: 80px 0;}
	.aboutone01wrap .aboutone01 .text h3{font-size: 28px;margin-bottom: 20px;}
	.aboutone01wrap .aboutone01 .text{padding-right: 40px;}
	.aboutone01wrap .aboutone01 .text h4{font-size: 14px;line-height: 24px;margin-bottom: 20px;}
	.aboutone02wrap{padding: 90px 0;}
	.aboutone02 .gallery-top .swiper-slide .text{width: 90%;}
	.aboutone02 .gallery-top{margin-top: 40px;}
	.aboutone03{width: 96%;margin: 80px auto 0;}
	.aboutone03 .cont{padding: 80px 2%;}
	.aboutone03 .cont .text{padding: 30px 50px;}
	.aboutone04{width: 96%;}
	.aboutone04 .top{margin-bottom: 40px;}
	.aboutone04wrap{padding-bottom: 80px;}
	.aboutone04 .cont li .min{padding: 0 30px;}
	
	.act-banner .swiper-wrapper .swiper-slide{width: 60%!important;padding: 0;}
	.act-banner .swiper-container .tl{top: 0;position: relative;margin-bottom: 40px;}
	.act-banner .swiper-slide{background-color: transparent;}
	.act-banner .swiper-slide a{background-color: #FFFFFF;}
	.act-banner a .box .text{width: 100%;position: relative;}
	.act-banner a .box{padding-bottom:0;}
	.act-banner .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;}
	.act-banner .swiper-pagination-bullet{background-color: #FFFFFF;}
	.act-banner .swiper-pagination-bullet-active{background-color: #006dba;}
	.activity02wrap .xinzdt{width: 96%;}
	.activity02wrap{padding: 80px 0;}
	.activity03wrap{width: 96%;margin: 80px auto;}
	
	.join01{width: 96%;margin: 80px auto;}
	.join02wrap{padding: 80px 0;background-attachment: scroll;}
	.join02wrap .join02{width: 96%;}
	.join02wrap .join02 li{width: 32%;margin-right: 2%;margin-bottom: 2%;padding: 30px 20px;}
	.about07wrap{padding: 80px 0;}
	.about07wrap .cont .min .item .info li h4{font-size: 14px;line-height: 26px;}
	
	.contacttwo01wrap{width: 96%;margin: 80px auto 40px;}
	.ctwo-textlist{padding-left: 40px;}
	.ctwo-textlist .item h4{font-size: 16px;}
	.contact02wrap{padding: 80px 0;}
	.contact02{width: 90%;}
	
	
	
	
}

@media only screen and (min-width:750px) and (max-width:1000px) {
	
	.header-wrap .header .right .nav{margin-right: 0;}
	.header-wrap{padding: 0 2%;}
	.banner-wrap .banner a .text{width: 96%;}
	.banner-wrap .banner a .text h3 span{font-size: 52px;}
	.banner-wrap .banner a .text h3{font-size: 42px;}
	.inner-banner .text h3,.inner-banner .text-right h3{font-size:42px;}
	.banner-wrap .banner a .text h4{font-size: 14px;}
	.index01wrap .index01{width: 96%;}
	.index01wrap{padding: 80px 0;}
	#wrapper section #section-home #block-4{padding: 40px 0;}
	.index02 .cont{width: 96%;}
	.index02 .cont .top h3{font-size: 32px;}
	.index02 .cont .list a{padding: 50px 30px;}
	.index02 .cont .list a font{margin-top: 40px;}
	.index02{padding-top: 80px;margin-bottom: 80px;}
	.index03wrap{padding: 80px 2%;}
	.index04wrap{margin: 80px 0;}
	.index04wrap .index04 a h3{padding: 0 10px;font-size: 14px;}
	.index05{margin: 80px auto;}
	.index06 .cont{width: 96%;}
	.index06{padding: 100px 0;background-attachment: scroll;}
	.footer-wrap .f-nav{width: 96%;margin: 80px auto;}
	.ba{padding: 20px 2%;}
	
	.header-wrap .header .right .nav li{padding: 0 10px;}
	.header-wrap .header .right .nav li>a{font-size: 14px;height: 70px;line-height: 70px;}
	.banner-wrap .banner a .text h3 span{font-size: 42px;}
	.banner-wrap .banner a .text h3{font-size: 32px;margin-bottom: 20px;}
	.inner-banner .text h3,.inner-banner .text-right h3{font-size:32px;}
	.banner-wrap .banner a .text h4{width: 60%;}
	.index03wrap .swiper-slide a .text{padding: 30px 20px;}
	.index03wrap .swiper-slide a .text h4{font-size: 16px;}
	.more{width: 160px;height: 42px;}
	.i-tl h3{font-size: 28px;margin-bottom: 30px;}
	.index04wrap .index04 a h3{font-size: 12px;padding: 0 5px;bottom: 10px;line-height: 20px;}
	.index04wrap .index04 .right li a .imgicon{left: 5px;tab-size: 20px;height: 30px;}
	.index05 .swiper-container{width: 96%;}
	.index06 .toptl h3{font-size: 28px;margin-bottom: 30px;}
	.index06 .cont h4{margin-bottom: 30px;}
	.index06 .more{width: 140px;height: 40px;line-height: 40px;}
	.header .right .nav li .nav02{top: 70px;}
	.index02 .cont .list a h3{font-size: 26px;margin-bottom: 30px;}
	.index02 .cont .list a h4{font-size: 14px;line-height: 24px;}
	.index02 .cont .list a font{margin-top: 30px;}
	.index02 .cont .list a{padding: 40px 20px;}
	.index02 .cont .top strong{display: none;}

	.service-item02{width: 96%;margin-bottom: 80px;}
	.service-item02 li .text .cont h4{font-size: 12px;line-height: 24px;margin-bottom: 0px;}
	.service-item02 li .text .cont h3{font-size: 18px;margin: 20px auto;}
	.service-item02 li .text{padding: 0 20px;}

	.data01 a .hovertext,.data01 a .text{padding: 0 10px;}
	.data01 a .hovertext h3{font-size: 20px;margin-bottom: 20px;}
	.data01 a .hovertext h4{font-size: 12px;margin-bottom: 20px;}
	.data01 a .text p{font-size: 12px;}
	.service03wrap{width: 96%;}
	.service03 a .text h4{margin-top: 30px;}
	.data01 a .text h3{font-size: 20px;}
	.data01 a .hovertext strong{display: none;}
	.service03 a .text{padding: 30px 20px;}
	.service03 a .text h3{font-size: 18px;margin: 20px 0;}
	.service03 a .text strong{width: 40px;}
	.service03 a .text h4{margin-top: 20px;font-size: 14px;line-height: 24px;letter-spacing: 0;}
	.service04 a h3{width: 100%;box-sizing: border-box;padding: 0 20px;font-size: 16px;}
	
	.aboutone01wrap .aboutone01{width: 96%;}
	.aboutone01wrap{padding: 80px 0;}
	.aboutone01wrap .aboutone01 .text h3{font-size: 28px;margin-bottom: 20px;}
	.aboutone01wrap .aboutone01 .text{padding-right: 40px;}
	.aboutone01wrap .aboutone01 .text h4{font-size: 14px;line-height: 24px;margin-bottom: 20px;}
	.aboutone02wrap{padding: 90px 0;}
	.aboutone02 .gallery-top .swiper-slide .text{width: 90%;}
	.aboutone02 .gallery-top{margin-top: 40px;}
	.aboutone03{width: 96%;margin: 80px auto 0;}
	.aboutone03 .cont{padding: 80px 2%;}
	.aboutone03 .cont .text{padding: 30px 50px;}
	.aboutone04{width: 96%;}
	.aboutone04 .top{margin-bottom: 40px;}
	.aboutone04wrap{padding-bottom: 80px;}
	.aboutone04 .cont li .min{padding: 0 30px;}
	.aboutone02 .top{padding: 0 100px;}
	.aboutone02 .swiper-button-next{right: 100px;}
	.aboutone02 .swiper-button-prev{left: 100px;}
	.aboutone04 .cont li{padding: 30px 0;}
	.aboutone04 .cont li .min h3{margin: 15px 0;}
	.aboutone04 .cont li .min{padding: 0 20px;}
	.aboutone04 .cont li .min h4{font-size: 14px;}
	.aboutone01wrap .aboutone01 .text h3{font-size: 20px;}
	.aboutone01wrap .aboutone01 .text h4{font-size: 12px;line-height: 20px;}
	.aboutone01wrap .aboutone01 .text p{margin-bottom: 20px;}
	
	
	.act-banner .swiper-wrapper .swiper-slide{width: 60%!important;padding: 0;}
	.act-banner .swiper-container .tl{top: 0;position: relative;margin-bottom: 40px;}
	.act-banner .swiper-slide{background-color: transparent;}
	.act-banner .swiper-slide a{background-color: #FFFFFF;}
	.act-banner a .box .text{width: 100%;position: relative;}
	.act-banner a .box{padding-bottom:0;}
	.act-banner .swiper-pagination{position: relative;bottom: 0;margin-top: 30px;}
	.act-banner .swiper-pagination-bullet{background-color: #FFFFFF;}
	.act-banner .swiper-pagination-bullet-active{background-color: #006dba;}
	.activity02wrap .xinzdt{width: 96%;}
	.activity02wrap{padding: 80px 0;}
	.activity03wrap{width: 96%;margin: 80px auto;}
	.activity03 .thumbswrap{padding: 30px;}
	
	.join01{width: 96%;margin: 80px auto;}
	.join02wrap{padding: 80px 0;background-attachment: scroll;}
	.join02wrap .join02{width: 96%;}
	.join02wrap .join02 li{width: 32%;margin-right: 2%;margin-bottom: 2%;padding: 30px 20px;}
	.about07wrap{padding: 80px 0;}
	.about07wrap .cont .min .item .info li h4{font-size: 14px;line-height: 26px;}
	.join01 h3{font-size: 28px;letter-spacing: 3px;}
	.join02wrap .top{font-size: 28px;margin-bottom: 20px;}
	.join02wrap .top02{font-size: 16px;}
	.join02wrap .join02 li .cont h3{font-size: 18px;padding-bottom: 15px;margin-bottom: 15px;}
	.join02wrap .join02 li .cont h4{font-size: 14px;}
	.join01 h4{margin-bottom: 0;}
	.join03 .cont{width: 96%;}
	
	
	
	.contacttwo01wrap{width: 96%;margin: 80px auto 40px;}
	.ctwo-textlist{padding-left: 40px;}
	.ctwo-textlist .item h4{font-size: 16px;}
	.contact02wrap{padding: 80px 0;}
	.contact02{width: 90%;}
	.ctwo-imglist .img-box .bot{padding: 0 10px;height: 40px;}
	.ctwo-textlist .item h4{padding-bottom: 20px;margin-bottom: 20px;}
	.ctwo-textlist .item h3{font-size: 22px;margin-bottom: 20px;}
	.ctwo-textlist .item h4{font-size: 14px;line-height: 26px;}
	.ctwo-textlist .item .info p{margin-bottom: 20px;}
	
}

@media only screen and (max-width:760px){
	
	/* header */
	.header-wrap .header .right{display: none;}
	.fixed-header .header-wrap, .header-wrap, .div3 .header-wrap{background-color: #fff;}
	.header-wrap{height: 60px;}
	.header-wrap .header .drawer-hamburger{padding: 10px 15px 18px;height: 60px;top: 0;background-color: #006dba;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;box-sizing: border-box;height: 100%;}
	.drawer--right .drawer-nav{right: -100%;}
	.drawer--right.drawer-open .drawer-hamburger{z-index: 12;}
	.drawer-menu{height: 100%;}
	.drawer-menu>li{margin-bottom: 30px;}
	.drawer--right.drawer-open .drawer-hamburger{right: 0;}
	.drawer-menu-item:hover{color: #006dba;}
	.header-wrap .header .logo{position: relative;z-index: 6;}
	.drawer-menu .language{font-size: 14px;color: #006dba;position: absolute;bottom: 30px;right: 30px;display: block;}
	.header-wrap .header{height: 100%;}
	.header-wrap .header .logo img{height: 38px;}
	.header-wrap .header .logo .logo02{display: block;}
	.header-wrap .header .logo .logo01{display: none;}
	
	/* index */
	.banner-wrap{height: 320px;margin-top: 60px;}
	.banner-wrap .banner a .text{width: 100%;box-sizing: border-box;padding: 0 5%;}
	.banner-wrap .banner a .text h3{font-size: 20px;letter-spacing: 0;margin-bottom: 20px;}
	.banner-wrap .banner a .text h4{width: 100%;font-size: 14px;letter-spacing: 0;line-height: 24px;}
	.banner-wrap .banner a .text strong{width: 60px;height: 2px;margin-bottom: 20px;}
	.banner-wrap .banner a .text h3 span{font-size: 30px;}
	.inner-banner .text h3,.inner-banner .text-right h3{font-size:30px;}
	.kalo-hero__down{bottom: 20px;}
	
	.index01wrap{padding: 50px 5% 30px;position: relative;z-index: 0;}
	.index01wrap .index01{width: 100%;}
	.i-tl h3{font-size: 24px;margin-bottom: 20px;}
	.i-tl h4{font-size: 14px;line-height: 26px;}
	#wrapper section #section-home #block-4{padding: 30px 0;}
	#wrapper section #section-home #block-4 ul{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	#wrapper section #section-home #block-4 ul li{width: 50%;border: none;box-sizing: border-box;padding: 10px 0;}
	#wrapper section #section-home #block-4 ul li:nth-of-type(2n){border-left: none;}
	#wrapper section #section-home #block-4 ul li:nth-of-type(1),#wrapper section #section-home #block-4 ul li:nth-of-type(2){border-bottom: none;}
	#wrapper section #section-home #block-4 ul > li .icon{width: 100%;}
	#wrapper section #section-home #block-4 ul > li h3{margin-top: 10px;}
	
	
	.index02 .cont{width: 96%;box-sizing: border-box;}
	.index02 .cont .list{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.index02>img{width: auto;height: 300px;}
	.index02 .cont .top strong{display: none;}
	.index02 .cont .top h3{font-size: 24px;}
	.index02 .cont .list a{padding: 40px 20px;border-right: none;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);margin-bottom: 10px;}
	.index02 .cont .list a:last-child{margin-bottom: 0;}
	.index02 .cont .list a h3{font-size: 20px;margin-bottom: 20px;}
	.index02 .cont .list a h4{font-size: 14px;line-height: 24px;min-height: auto;-webkit-line-clamp: 3;text-align: center;}
	.index02 .cont .list a font{margin-top: 30px;}
	.index02 .cont .list{box-shadow: none;}
	.index02{padding-top: 50px;margin-bottom: 50px;}
	
	.index03wrap{padding: 50px 2%;}
	.index03wrap .swipernews{box-sizing: border-box;}
	.index03wrap .swiper-slide a .text h4{font-size: 16px;}
	
	.index04wrap .index04{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.index04wrap{margin: 50px 0;}
	.index04wrap .index04 .left{width: 100%;height: 250px;margin-bottom: 10px;}
	.index04wrap .index04 .right{width: 100%;position: relative;}
	.index04wrap .index04 .right li{width: 100%;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.index04wrap .index04 .right li a{width: 100%;height: 250px;margin-bottom: 10px;}
	.index04wrap .index04 .right li:nth-of-type(1) a:nth-of-type(2), .index04wrap .index04 .right li:nth-of-type(2) a:nth-of-type(3){width: 100%;}
	.index05{display:none}
	.index055{display:block;}
	.index055{margin: 50px auto;}
	.index055 .swiper-container{width: 96%;}
	.index055 .i-tl{width: 96%;}
	.index055 .i-tl h4{line-height: 26px;}
	.index055 .cont li{width:50%}

	.index06 .cont{width: 96%;}
	.index06{padding: 50px 0;background-attachment: scroll;}
	
	.index06 .toptl h3{font-size: 24px;margin-bottom: 30px;}
	.index06 .cont h4{font-size: 14px;line-height: 26px;}
	
	.more,.index06 .more{width: 140px;height: 36px;line-height: 36px;}
	
	.footer-wrap .f-nav{display: none;}
	.ba .se{display: none;}
	.ba{padding: 20px 2%;}
	.ba .left{display: block;width: 100%;text-align: center;}
	.ba .left p{margin-right: 0;margin-bottom: 10px;}
	.ba .left img {display: inline-block;}
	
	.inner-banner{height: 200px;margin-top: 60px;overflow: hidden;}
	.inner-banner .mbxwrap{display: none;}
	.inner-banner img{object-fit: cover;height: 100%;}
	.marketallwrap{width: 96%;margin: 50px auto;}	
	.m-tl{width: 96%;margin: auto;}
	.m-tl h3{font-size: 24px;}
	.m-tl h4{font-size: 14px;line-height: 26px;letter-spacing: 0;}
	.m-tl h4 br{display: none;}
	
	.service-item01{margin: 30px auto 20px;}
	.service-item02{width: 96%;margin-bottom: 50px;}
	.service-item02 li{-webkit-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;}
	.service-item02 li .img-box{width: 100%;}
	.service-item02 li .text{width: 100%;padding: 30px;}
	.service-item02 li .text .cont h3{font-size: 20px;margin: 20px 0;}
	.service-item02 li .text .cont h4{font-size: 14px;margin-bottom: 0;}
	.service-item02 li:nth-of-type(even){-webkit-flex-flow: column;flex-flow: column;}
	
	.service01{margin: 30px auto 20px;}
	.service02{-webkit-flex-flow: wrap;flex-flow: wrap;}
	.service02 a{width: 100%;margin-bottom: 1px;}
	.service02 a .text{padding: 0 30px;}
	.service02 a .text h3{font-size: 20px;}
	
	.service03wrap{width: 92%;margin: 50px auto;}
	.service03{-webkit-flex-wrap: wrap;flex-wrap: wrap;border: none;}
	.service03 a{width: 100%;border: 1px solid #DDDDDD;margin-bottom: 10px;}
	.service03 a:last-child{margin-bottom: 0;}
	.service04{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.service04 a{width: 100%;margin-bottom: 1px;}
	.service04 a img{width: auto;height: 200px;}
	.service04 a:last-child{margin-bottom: 0;}

	.aboutone01wrap::before{display: none;}
	.aboutone01wrap{padding: 20px 0;}
	.aboutone01wrap .aboutone01{width: 92%;-webkit-flex-flow: column;flex-flow: column;}
	.aboutone01wrap .aboutone01 .img-box{width: 100%;}
	.aboutone01wrap .aboutone01 .text{width: 100%;padding: 0;margin-top: 30px;}
	.aboutone01wrap .aboutone01 .text h3{font-size: 20px;}
	.aboutone01wrap .aboutone01 .text h3 img{height: 25px;}
	.aboutone01wrap .aboutone01 .text p{font-size: 14px;margin-bottom: 20px;}
	.aboutone01wrap .aboutone01 .text h4{font-size: 14px;line-height: 26px;}
	
	.aboutone02 .top{padding: 0 50px;}
	.aboutone02wrap{padding: 50px 0;}
	.aboutone02wrap .top{font-size: 24px;}
	.aboutone02 .swiper-button-next{right: 2%;}
	.aboutone02 .swiper-button-prev{left: 2%;}
	.aboutone02 .gallery-top .swiper-slide .text{width: 96%;}
	.aboutone02 .gallery-top{margin-top: 50px;margin-bottom: 30px;}
	.aboutone02 .gallery-top .swiper-slide .text h3{margin-bottom: 30px;}
	.aboutone02 .gallery-top .swiper-slide .text h4{font-size: 14px;line-height: 26px;text-align:center;}
	.aboutone02 .gallery-top .swiper-slide .text strong{margin-top: 30px;}
	
	.aboutone03{width: 96%;margin: 50px auto;}
	.aboutone03 .top{font-size: 24px;}
	.aboutone03 .cont{padding: 50px 2%;}
	.aboutone03 .cont .text{width: 100%;padding: 50px 30px;background-color: rgba(255,255,255,0.8);}
	.aboutone03 .cont .text h3{font-size: 20px;line-height:32px;margin-bottom: 30px;}
	.aboutone03 .cont .line{display: none;}
	.aboutone04wrap{padding: 50px 0;margin-top: 0;}
	.aboutone04{width: 96%;}
	.aboutone04 .top{font-size: 24px;margin-bottom: 30px;}
	.aboutone04 .cont li{width: 49%;}
	.aboutone04 .cont li:last-child,.aboutone04 .cont li:nth-of-type(5){margin-bottom: 0;}
	.aboutone04 .cont li .min{padding: 0 20px;}
	.aboutone04 .cont li .min h4{letter-spacing:0;}
	
	.act-banner .swiper-wrapper .swiper-slide{width: 100%!important;padding: 100px 5px 0;}
	.act-banner{padding: 0 2% 50px;width: 100%;margin: auto;}
	.act-banner a .box .text{width: 100%;position: relative;left: 0;transform: none;-webkit-transform: none;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
	.act-banner a .box .text h4{min-height:72px;}
	.act-banner .swiper-container .tl{top: 50px;}
	.act-banner .swiper-slide a{width: 100%;}
	.act-banner{background-color: #fff;}
	.act-banner .swiper-container .tl{font-size: 24px;}
	.act-banner .swiper-button-next, .act-banner .swiper-button-prev{display: none;}
	.act-banner .swiper-pagination{position: relative;bottom: 0;}
	.act-banner a .box{padding-bottom: 20px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;}
	.act-banner a .box .text h3{font-size: 18px;margin-bottom: 20px;}
	
	.activity02wrap{padding: 50px 0;}
	.activity02wrap .tl{font-size: 24px;margin-bottom: 30px;}
	.activity02{width: 96%;margin: auto;box-sizing: border-box;}
	
	.activity03wrap{width: 96%;margin: 50px auto;}
	.activity03wrap .tl{font-size: 24px;margin-bottom: 30px;}
	.activity03{flex-flow: column;-webkit-flex-flow: column;}
	.activity03 .gallery-top{width: 100%;}
	.activity03 .thumbswrap{width: 100%;margin-left: 0;padding: 30px 20px;}
	
	.join01{width: 96%;margin: 50px auto;}
	.join01 h3{font-size: 24px;letter-spacing: 0;}
	.join01 h4{font-size: 16px;text-align: center;line-height: 24px;margin: 20px 0;}
	.join01 h3::before,.join01 h3::after{display: none;}
	.join01 p{font-size: 14px;letter-spacing: 5px;}
	
	.join02wrap{padding: 50px 0;}
	.join02wrap .top{font-size: 20px;}
	.join02wrap .join02{width: 96%;}
	.join02wrap .join02 li{padding: 30px 2%;}
	.join02wrap .join02 li .cont img{height: 40px;}
	.join02wrap .join02 li .cont h3{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;}
	.join02wrap .join02 li .cont h4{padding: 0;font-size: 14px;line-height: 24px;}
	
	.about07wrap{padding: 50px 0;}
	.join03 .cont{width: 96%;}
	.join03 .cont .min .item .info li p{width: 100%;border-right: none;border-left: 2px solid #006dba;box-sizing: border-box;padding-left: 20px;}
	.join03 .cont .min li a{height: 54px;}
	.join03 .cont .min .item .info li{-webkit-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 30px;}
	.join03 .cont .min .item .info li h4{width: 100%;padding-left: 20px;margin-top: 30px;font-size: 14px;line-height: 26px;}
	.join03 .cont .min .item .info::before{display: none;}
	.join03 .cont .min li a p{font-size: 16px;}
	.about07wrap .cont .join05{margin-top: 30px;}
	.about07wrap .cont .more{width: 120px;height: 36px;line-height: 36px;}
	
	.about08{width: 96%;margin: 50px auto;}
	.about08 .mapwrap .map{height: 300px;}
	.about08 .bot{width: 96%;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
	.about08 .bot .left{width: 100%;}
	.about08 .bot .right{width: 100%;margin-top: 20px;}
	.about08 .bot .right li font{font-size: 12px;}
	.about08 .bot .right li::before{width: 4px;height: 4px;top: 7px;}
	.contact02wrap{padding: 50px 0;}
	.contact02{width: 96%;}
	.contact02 h3{font-size: 24px;margin-bottom: 30px;}
	.c02-form input{width: 100%;height: 40px;font-size: 12px;margin-bottom: 10px;}
	.c02-form textarea{font-size: 12px;}

	/* 20201124 */
	.contacttwo01wrap{width: 96%;margin: 50px auto 10px;}
	.ctwo-textlist{display: none;}
	.ctwo-imglist{width: 100%;}
	.ctwo-imglist .img-box{width: 100%;box-shadow: none;}
	.ctwo-imglist .img-box .pcimg{display: none;}
	.ctwo-imglist .img-box .sjbox{display: block;}
	.ctwo-imglist .img-box .sjimg-box{box-shadow: 0px 0px 10px rgba(0,0,0,0.3);margin-bottom: 0;}
	.ctwo-imglist .img-box .sjbox .sjtext h3{font-size: 20px;color: #222222;margin-bottom: 20px;font-weight: bold;}
	.ctwo-imglist .img-box .sjbox .sjtext h4{font-size: 14px;line-height: 24px;color: #222222;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DDDDDD;}
	.ctwo-imglist .img-box .sjbox .sjtext .info{width: 100%;}
	.ctwo-imglist .img-box .sjbox .sjtext .info p{display: flex;display: -webkit-flex;margin-bottom: 20px;}
	.ctwo-imglist .img-box .sjbox .sjtext .info p:last-child{margin-bottom: 0;}
	.ctwo-imglist .img-box .sjbox .sjtext .info p font{width: 70px;font-size: 14px;color: #222222;font-weight: bold;}
	.ctwo-imglist .img-box .sjbox .sjtext .info p a{font-size: 14px;color: #222222;border-bottom: 1px solid #222;font-weight: 700;}
	.ctwo-imglist .img-box .sjbox .sjtext{display: none;margin-top: 30px;}
	.ctwo-imglist>.img-box:first-child .sjbox .sjtext{display: block;}
	
	.service03 a .text h4{font-size: 14px;line-height: 26px;margin-top: 40px;}
	.service03 a:last-child{border-right: 1px solid #DDDDDD;}
	.service04 a h3{box-sizing: border-box;padding: 0 30px;line-height: 28px;}
	.act-banner .swiper-container .tl{position: relative;top: 0;margin-bottom: 30px;}
	.act-banner .swiper-container .tl h4 br{display: none;}
	.act-banner .swiper-container .tl h4,.activity02wrap .tl h4,.activity03wrap .tl h4{font-size: 14px;line-height: 26px;margin-top: 20px;}
	.act-banner .swiper-container .tl h3,.activity02wrap .tl h3,.activity03wrap .tl h3{font-size: 24px;}
	.act-banner{margin-top: 50px;}
	.act-banner .swiper-wrapper .swiper-slide{padding: 0;}
	.activity02wrap .tl{box-sizing: border-box;padding: 0 2%;}
	.activity02wrap .xinzdt{width: 96%;}

	/*index*/
	.section-line .line {display: none;}
	.section-line .section-line-item {width: 100%;padding: 20px 15px;margin: 20px 0;display: block;border: 1px solid #d5d5d5;box-shadow: none;}
	.section-line .section-line-item:nth-child(2n + 1) {margin-left: 0;}
	.section-line .section-line-item .img-box img {margin: 0 auto;}
	.section-line .section-line-item .box, .section-line .section-line-item:nth-child(2n) .box {text-align: center;}
	.section-line .section-line-item .box-title {margin-top: 10px;}
	.section-line .section-line-item .box-text {margin-top: 10px;}
	.section-line .section-line-item:nth-child(2n + 1):before,.section-line .section-line-item:nth-child(2n):before {display: none;}
}