@media screen and (max-height:800px){
}
@media screen and (max-height:700px){
	.home-about__list{ bottom: 15%;}
}
@media screen and (max-width:1700px){
	.header__navlist li{ padding-left: 10px;}
}
@media screen and (max-width:1540px){
	.logo{ width: 320px; margin-top: 24px;}
	.header__navlist li a{ padding: 30px 5px;}
	.footer__top{ padding-left: 67px;}
	.footer__bottom{ padding-left: 67px;}
} 
@media screen and (max-width:1450px){
	.banner__text small{ font-size: 30px;}
	.banner__text h4{ font-size: 42px;}
	.banner__video b{ margin-top: 16px;}
	.banner__swiper .slick-dots{ bottom: 60px;}
	.home-product__title h4{ font-size: 32px;}
	.home-product__title{ margin-left: 10%;}
	.home-product__title a{ bottom: 0;}
	.home-product__list li a{ padding-left: 10%; height: 50px;}
	.home-product__list li a span{ line-height: 50px;}
	.home-product__list li a b{ margin-top: 19px;}
	.home-product__item a figure{ height: 231px;}
	.home-product__item a{ padding-top: 60px; padding-bottom: 59px;}
	.home-product__item a p{ height: 100px; overflow: hidden; font-size: 14px;}
	.product__btn{ bottom: 40px;}
	.home-news{ padding: 65px 48px 70px;}
	.home-news__title{ margin-left: 19px; margin-bottom: 35px; padding-bottom: 24px;}
	.home-news__title h4{ font-size: 32px;}
	.home-about__content{ width: 50%; margin-left: 4%;}
	.home-about__item{ margin-left: 5%;}
	.partners__title strong{ font-size: 32px;}
	.footer__add{ margin-top: 0; margin-right: 45px; width: 230px;}
	.footer__add:last-child{ margin-right: 0;}
	.pbanner__title{ bottom: 100px;}
	.pbanner__title small{ font-size: 25px;}
	.pbanner__title strong{ font-size: 42px;}
	.pbanner__title b{ margin-left: 6px;}
	.commonwidth{ width: 90%;}
	.introducte__title{ font-size: 38px;}
	.course__list{ width: 100%; width: calc(100% + 22px);}
	.course__down{ margin-top: 50px;}
	.culture__list{ width: 100%; width: calc(100% + 20px); margin-top: 70px;}
	.culture__text p{ font-size: 16px;}
	.intro__btn{ width: 55px; height: 55px; line-height: 55px; font-size: 22px; margin-top: -27px;}
	.intro__btn.prev{ left: 22px;}
	.intro__btn.next{ right: 20px;}
	.news__wapper{ width: 96%;}
	.product__list{ width: 100%; width: calc(100% + 20px);}
	.marketings{ width: 100%; width: calc(100% + 40px);}
	.project__introduct{ padding: 100px 0 60px;} 
	.system{ padding: 50px 0 100px;}
	.learning__title{ font-size: 36px; margin-bottom: 40px;}
	.video__title{ font-size: 36px; margin-bottom: 40px;}
	.resourcesd{  height: 94px; margin-bottom: 20px; overflow: hidden; min-height: auto;}
	.business__address{ margin-left:5%; width: 45%; margin-top: 100px;}
	.service-map-demo{ width: 50%;}
	.home-about__list{ width: 437px;}
	.levalbox.scoll,.product__class.scoll{ top: 76px;}
}
@media screen and (max-width:1400px){
	.mtop{ height: 76px;}
	.header__wapper{ padding: 0 30px;}
	.header__navlist li a{ font-size: 16px; min-width: 68px;}
	.header__search{ margin-left: 20px;}
	.pbanner__title{ width: 90%; margin-left: -45%;}
	.levalbox{ width: 100%; margin-left: -50%;}
}
@media screen and (max-width:1280px){
	.logo{ width: 260px; margin-top: 28px;}
	.header__navlist li a{ padding: 30px 3px; min-width: auto;}
	.technology__right{ margin-top: 140px;}
	.technology{ padding: 78px 5%;}
	.friendship span{ width: 180px;}
	.link .mail{ width: 180px;}
	.culture__top p{ margin-right: 0;}
	.honor__swiper{ padding: 0 75px;}
	.introduct__box{ width: 90%;}
	.inner{ width: 90%;}
	.product__list li{ width: 33.33333%;}
	.system__swiper{ padding: 0 100px;}
	.system__btn.prev{ left: 40px;}
	.system__btn.next{ right: 40px;}
	.learning__list{ width: calc(100% + 26px);}
	.exhibitewrs{ margin-left: 0;}
	.resource__content{ width: 40%; margin-right: 5%;}
	.resources__item1 .resource__content{ margin-left: 5%;}
	.course__fix{ width: 400px; margin-left: -200px;}
	.technologyfix{ width: calc(90% + 32px);}
}
@media screen and (max-width:1200px){
	.link{ width: 100%; float: left;}
	.footer__top{ padding: 40px 50px 50px;}
	.footer__bottom{ padding-left: 50px; padding-right: 50px;}
	.team__list{ width: 60%;}
	.statute__text{ width: auto;}
	.forum__wapper{ width: 90%;}
}
@media screen and (max-width:1100px){
	.header__wapper{ padding: 0 22px;}
	.header__navlist li{ padding-left: 4px;}
	.home-about__item b{ font-size: 28px;}
	.resource__content strong{ margin-bottom: 14px; font-size: 18px;}
	.develos b{ margin-right: 30px;}
	.load__list{ width: calc(90% + 40px);}
	.load__list li a{ margin: 0 20px;}
	.product__class .levalbox li{ width: 140px;}
}
@media screen and (max-width:1024px){
	.header__navs{ display: none;}
	.menubtn{ display: block;}
	.header__wapper{ padding: 18px 5%;}
	.logo{ margin-top: 0;}
	.mtop{ height: 61px;}
	.banner__swiper .banner__item,.banner,.banner__swiper .banner__item figure{ height: auto !important; }
	.banner__swiper .banner__item figure img{ height: auto !important; left: 0 !important; top: 0 !important; width: 100vw !important;}
	.banner__text{ left: 5%; width: 90%;}
	.banner__video{ left: 5%; bottom: 156px;}
	.banner__text small{ font-size: 24px; margin-bottom: 12px;}
	.banner__text h4{ font-size: 35px;}
	.banner__video span{ width: 60px; height: 60px;}
	.banner__video span i{ left: 25px;}
	.banner__video b{ display: none;}
	.banner__swiper .slick-dots{ bottom: 180px;}
	.home-product__title h4{ font-size: 26px;}
	.home-product__title{ margin-bottom: 20px;}
	.home-product__item a{ padding-top: 46px;}
	.home-news{ padding: 54px 5%;}
	.home-news__title{ margin-left: 0;}
	.home-news__btn{ right: 0; width: 45px; height: 45px; font-size: 16px; line-height: 45px;}
	.home-news__item a{ margin: 0 10px;}
	.home-news__wapper{ width: calc(100% + 20px); margin-left: -10px;}
	.home-news__btn.prev{ right: 50px;}
	.technology{ padding: 50px 5%; background-attachment: local;}
	.technology__left{ width: 100%;}
	.home-news__title h4{ font-size: 25px;}
	.technology__text span{ margin-bottom: 30px;}
	.technology__right{ margin-top: 40px; width: 100%;}
	.home-about__top strong{ font-size: 18px;}
	.home-about__top{ margin-bottom: 40px;}
	.home-about__img{ display: none;}
	.home-about__content{ width: 90%; margin: auto; float: none; padding: 45px 0;}
	.partners__title{ margin-bottom: 30px;}
	.partners__wapper{ max-width: 90%;}
	.partners{ padding: 50px 0;}
	.footer__add{ width: auto; margin-right: 30px;}
	.footer__top{ padding: 38px 5%;}
	.footer__bottom{ padding: 15px 5%;}
	.vwrap .videobox{ width: 90%; margin-left: -45%; height: 360px; margin-top: -180px;}
	.levalbox{ position: relative; left: 0; margin-left: 0;}
	.pbanner__title{ padding-top: 30px;}
	.pbanner__title b{ display: none;}
	.pbanner__title strong{ margin-bottom: 0;}
	.pbanner__title small{ font-size: 22px;}
	.pbanner__title strong{ font-size: 34px;}
	.introducte{ padding: 50px 0;}
	.introducte__content{ width: 54%;}
	.introduct__text{ margin-top: 30px;}
	.introducte__title{ font-size: 32px;}
	.introduct__text strong{ font-size: 18px;}
	.introduct__text p{ font-size: 14px;}
	.introduct__text a{ margin-top: 32px; padding-left: 24px; width: 140px; height: 48px; line-height: 48px;}
	.course{ padding: 50px 0; background-attachment: local;}
	.course__down{ margin-top: 30px;}
	.course__list{ margin-top: 30px;}
	.course__top{ padding: 24px 22px;}
	.course__text{ padding: 24px 22px;}
	.course__text p{ font-size: 14px;}
	.culture{ padding: 50px 0; background-attachment: local;}
	.speed__left{ width: 280px;}
	.speed__img{ margin-top: 40px;}
	.speed__text{ margin-left: 320px; margin-top: 30px;}
	.speed,.framework{ padding: 50px 0;}
	.team__text{ margin-top: 46px;}
	.team__fix{ margin-top: 50px;}
	.team__content{ padding-top: 30px; left: 20px; top: 20px; right: 20px; bottom: 20px;}
	.team__content strong{ font-size: 22px;}
	.team{ padding: 50px 0 20px;}
	.honor{ padding: 50px 0;}
	.honor__swiper{ margin-top: 20px;}
	.introduct__box{ padding: 50px 0;}
	.future{ padding: 100px 0; background-size: cover; background-attachment: local;}
	.scolltop{ width: 50px; height: 50px; top: -50px; line-height: 50px;}
	.scolltop:hover{ line-height: 44px;}
	.news{ padding: 50px 0;}
	.news__wapper{ width: calc(90% + 20px);}
	.news__list li{ margin-bottom: 20px;}
	.news__list li a{ margin: 0 10px; padding: 26px 5% 65px;}
	.news__more{ width: 48px; height: 48px;}
	.readmore{ padding-top: 32px;}
	.news__waos{ width: 100%; margin-top: -65px;}
	.news__page{ width: 90%; margin: auto;}
	.news__texts{ margin-top: 9px; padding: 0 5%;}
	.newstop{ padding: 34px 0;}
	.news__views{ padding-bottom: 0;}
	.newstop h2{ font-size: 24px;}
	.statute__text p{ margin-right: 20px;}
	.statute{ padding: 50px 0;}
	.statute__list li a{ padding: 25px 4%;}
	.product__class{ position: relative;}
	.product{ padding: 50px 0;}
	.product__list li{ width: 50%;}
	.product__list{ margin-bottom: 30px;}
	.product__banner{ padding: 50px 0;}
	.pro__list{ display: none;}
	.product__swiper{ padding: 0 5%;}
	.product__swiper .intro__btn.prev{ left: 0;}
	.product__swiper .intro__btn.next{ right: 0;}
	.product__text{ margin-top: 40px;}
	.marketing{ padding: 50px 0 18px;}
	.marketings{ margin-top: 40px;}
	.marketings li{ width: 50%; margin-bottom: 32px;}
	.frameworks{ padding: 50px 0 78px; background-attachment: local;}
	.project__introduct{ padding: 50px 0;}
	.pro__content{ width: auto; margin-left: 220px;}
	.pro__content p{ margin-bottom: 26px;}
	.system__box{ margin-top: 44px; padding-top: 50px;}
	.system__swiper{ padding: 0 50px;}
	.exhibite{ padding: 50px 0;}
	.exhibite__content strong{ font-size: 32px; margin-bottom: 22px;}
	.system{ padding-bottom: 65px;}
	.learning{ padding: 50px 0 78px; background-attachment: local;}
	.videos{ padding: 55px 0;}
	.video__title{ font-size: 26px; margin-bottom: 30px;}
	.video__more{ margin-top: 22px;}
	.forum{ padding: 50px 0;}
	.forum__wapper{ width: calc(90% + 24px);}
	.resourcesd{ height: 54px;}
	.resource__content span{ width: 140px; height: 50px; line-height: 50px;}
	.resource__content span i{ margin-left: 10px;}
	.idea{ padding: 50px 0;} 
	.developtop span.span2,.developtop span.span3,.developtop span.span4,.developtop span.span5,.developtop span.span6,.develos span.span2,.develos span.span3,.develos span.span4,.develos span.span5,.develos span.span6{ display: none;}
	.develos span.span1,.developtop span.span1{ width: auto;}
	.services{ background-attachment: local;}
	.loads{ padding: 50px 0;} 
	.business__address{ width: 384px; max-width: 100%; float: none; margin: auto;}
	.service-map-demo{ width: 80%; float: none; margin: auto; margin-bottom: 30px;}
	.error{ padding: 70px 0;}
	.home-about__list{ position: relative; width: 100%; bottom: 0; left: 0; background: #a4b5ce; padding: 32px 5%; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center;}
	.course__fix{ width: 480px; margin-left: -240px; max-width: 90%;}
	.course__banner{ padding: 0 50px;}
	.course__banner{ margin-top: 60px;}
	.course__time{ padding: 22px 20px;}
	.business-box{ padding: 76px 0; background-attachment: local;}
	.business__left{ width: 100%; text-align: center; margin-bottom: 34px;}
	.business__left img{ width: auto; max-width: 100%; height: auto; margin: auto;}
	.business__content{ width: 100%;}
	.technologyfix{ padding: 50px 0;}
	.technologs{ padding-bottom: 0;}
	.echnologted p{ margin-bottom: 24px;}
	.product__class.scoll{ position: relative; top: 0;}
	.levalbox{ overflow-x: scroll; overflow-y: hidden; box-sizing: border-box;}
	.leval__menu{  display: inline-flex; -webkit-display: inline-flex; -moz-display: inline-flex; -webkit-overflow-scrolling: touch; float: left;}
	.levalbox.scoll{ position: relative; top: 0;}
	.footer__add:last-child { margin-top: 30px;}
	.pbanner-texts{ margin-left: 0; margin-top: 20px;}
}  
@media screen and (max-width:861px){
	.home-product__class{ width: 100%; padding-top: 30px;}
	.home-product__title a{ right: 5%;}
	.home-product__banner{ width: 100%;}
	.home-product__title{ margin-left: 5%; margin-bottom: 35px;}
	.home-product__list{ border-top: 1px solid rgba(255,255,255,0.21);}
	.home-product__list li{ width: 50%; float: left; border-right: 1px solid rgba(255,255,255,0.21); box-sizing: border-box;}
	.home-product__list li:nth-child(2n+2){ border-right: none;}
	.home-product__list li:last-child{ border-bottom: 1px solid rgba(255,255,255,0.21);}
	.home-product__list li a{ height: 60px;}
	.home-product__list li a span{ font-size: 18px; line-height: 60px;}
	.home-product__list li a i{ width: 40px; font-size: 24px; vertical-align: inherit;}
	.home-product__list li a b{ margin-top: 17px; width: 19px; height: 19px;}
	.home-product__list li a b:before{ top: 9px;}
	.home-product__list li a b:after{ left: 9px;}
	.home-product__item a{ padding: 50px 0;}
	.home-product__item a figure{ height: 240px;}
	.home-product__item a strong{ font-size: 18px; margin-bottom: 20px;}
	.home-product__item a p{ height: 100px;}
	.product__btn{ bottom: 30px;}
	.partners__introduct{ width: 100%; float: none; padding-bottom: 65px;}
	.partners__list{ margin-left: 0; margin-top: 22px;}
	.partners__btn{ bottom: 0;}
	.footer__eq{ width: 100%; margin-right: 0; margin-bottom: 20px;}
	.footer__add{ box-sizing: border-box; width: 48.5%; margin-right: 0;}
	.levalbox{ overflow-x: scroll; overflow-y: hidden; box-sizing: border-box;}
	.leval__menu{  display: inline-flex; -webkit-display: inline-flex; -moz-display: inline-flex; -webkit-overflow-scrolling: touch; float: left;}
	.leval__menu li{ width: 140px;}
	.leval__menu li a{ height: 50px; line-height: 50px;}
	.leval__menu li a:before{ height: 45px;}
	.introducte__content{ width: 100%;}
	.introduct__data{ float: left; margin-top: 40px;}
	.culture__item{ width: 50%; margin-top: 30px;}
	.culture__list{ margin-top: 20px;}
	.culture__top p{ margin-left: 200px;}
	.speed__left{ width: 100%; float: none;}
	.speed__img img{ width: auto; max-width: 100%;}
	.speed__text{ margin-left: 0; margin-top: 30px;}
	.speed__content{ padding-left: 0;}
	.team__left{ width: 100%; float: none;}
	.team__text{ margin-top: 30px;}
	.team__fix{ margin-top: 30px;}
	.team__list{ width: 100%; width: calc(100% + 30px); margin-left: -15px; margin-top: 30px; float: none;}
	.honor__swiper{ padding: 0 55px;}
	.leval__menu1{ display: block; float: none;}
	.leval__menu1 li{ width: 33.33333%;}
	.news__list li{ width: 100%;}
	.news__wapper{ width: 90%;}
	.news__list li a{ margin: 0;}
	.statute__info figure{ width: 300px;}
	.statute__text{ margin-left: 320px;}
	.statute__text p{ height: 95px;}
	.system__box{ margin-top: 30px;}
	.system__swiper{ padding: 0 30px;}
	.system{ padding-bottom: 65px;}
	.video__list li{ width: 48.5%;}
	.video__list li a{ margin: 0;}
	.video__list li:nth-child(2n+2){ float: right;}
	.forum__list li{ width: 48.5%;}
	.forum__list li:nth-child(2n+2){ float: right;}
	.forum__list li a{ margin: 0;}
	.forum__wapper{ width: 90%;}
	.resources__item figure{ width: 100%;}
	.resource__content{ width: 90%; margin-top: 0; padding: 36px 0;}
	.resourcesd{ height: auto;}
	.banner__video{ width: 60px; height: 60px; line-height: 60px; font-size: 14px;}
	.technologs li{ width: 50%;}
	.pbanner-texts{ margin-bottom: -80px;}
	.pbanner-texts p{ font-size: 14px;}
}
@media screen and (max-width:751px){
	.course__banner{ padding: 0;}
	.course__wappw .course__btns span{ width: 48px; height: 48px; top: 50%; margin-top: -24px; line-height: 48px; font-size: 16px; margin-right: 0;}
	.course__wappw .course__btns span.prev{ left: -14px;}
	.course__wappw .course__btns span.next{ right: -14px;}
	.course__banner:before{ display: none;}
	.course__defaul{ display: none;}
	.course__fix{ position: relative; width: 100%; margin-left: 0; left: 0; top: 0; opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: 0s; max-width: 100%;}
	.course__itemd{ padding: 0;}
}
@media screen and (max-width:641px){
	.banner__text small{ font-size: 20px;}
	.banner__text{margin-top: -31px;}
	.banner__text h4{ font-size: 25px;}
	.banner__video span{ width: 48px; height: 48px;}
	.banner__video span i{ left: 20px; border-top:6px solid transparent;  border-bottom: 6px solid transparent; border-left: 10px solid #fff; margin-top: -6px;}
	.banner__swiper .slick-dots li.slick-active button{ width: 30px;}
	.banner__swiper .banner__item figure img{ height: 300px !important; width: auto !important; left: 50% !important; transform: translateX(-50%); position: relative;}
	.home-news__item a{ padding: 22px 20px 44px;}
	.home-news__down{ margin-top: 24px;}
	.home-news__down strong{ margin-bottom: 16px;}
	.home-news__down span{ margin-top: 26px;}
	.home-news__title h4{ font-size: 25px;}
	.home-news{ padding: 36px 5%;}
	.technology__text{ width: auto;}
	.technology__right figure{ width: 180px;}
	.technology__content{ margin-left: 210px; padding-top: 0;}
	.technology__content time{ margin-bottom: 12px;}
	.technology__content span{ height: auto; font-size: 18px; height: 50px; margin-bottom: 26px;}
	.home-about__top{ margin-bottom: 0;}
	.home-about__item{ width: 50%; margin-left: 0; text-align: center;}
	.home-about__top strong{ font-size: 16px;}
	.home-about__content{ padding: 38px 0;}
	.partners{ padding: 38px 0;}
	.partners__title strong{ font-size: 25px;}
	.partners__title{ margin-bottom: 20px;}
	.partners__btn.next{ left: 65px;}
	.footer__top{ padding: 32px 5%;}
	.footer__eq{ margin-bottom: 0; display: none;}
	.footer__add{ width: 100%; margin-bottom: 20px;}
	.link{ margin-top: 10px;}
	.footer__bottom p a{ margin-left: 16px;}
	.vwrap .videobox{ width: 100%; margin-left: -50%;}
	.pbanner__title{ bottom: 30%;}
	.pbanner__title small{ font-size: 20px;}
	.pbanner__title strong{ font-size: 28px;}
	.introduct__data{ box-sizing: border-box; width: 100%; padding: 32px 28px;}
	.introduct__info{ width: 50%;}
	.introduct__info1{ margin-bottom: 45px;}
	.introducte,.course{ padding: 38px 0;}
	.introducte__title{ font-size: 24px; padding-bottom: 20px;}
	.introduct__text strong{ font-size: 16px;}
	.course__btns span{ width: 44px; height: 44px; line-height: 44px; font-size: 16px; margin-right: 10px;}
	.course__top p b{ font-size: 24px;}
	.course__top,.course__text{ padding: 20px;}
	.course__top small{ font-size: 20px; margin-top: 0;}
	.culture__top p{ margin-left: 0; width: 100%; float: left; font-size: 14px; margin-top: 24px;}
	.culture__list{ margin-top: 0;}
	.culture,.speed,.framework{ padding: 38px 0;}
	.culture__text p{ font-size: 14px; margin: 24px 22px;}
	.framework__img{ margin-top: 12px;}
	.team{ padding: 38px 0 10px;}
	.team__content b{ bottom: 22px;}
	.honor__swiper{ padding: 0;}
	.honor{ padding: 38px 0;}
	.honor__swiper .course__btns span{ z-index: 10; background: #0065aa; border-color: #0065aa; color: #fff;}
	.honor__swiper .course__btns span.prev{ left: -14px;}
	.honor__swiper .course__btns span.next{ right: -14px;}
	.introduct__box{ padding: 38px 0;}
	.future{ padding: 76px 0;}
	.future__title img{ height: 34px;}
	.future__wapper p{ margin-top: 14px; margin-bottom: 20px;}
	.slider{ display: none;}
	.news{ padding: 38px 0;}
	.newstop h2{ font-size: 20px; margin-bottom: 14px;} 
	.news__content{ padding: 38px 0 50px;}
	.news__page a{ width: 48px; height: 48px; line-height: 48px;}
	.share{ display: none;}
	.statute__info figure{ width: 260px;}
	.statute__text{ margin-left: 280px;}
	.statute__text p{ height: 56px; margin-bottom: 14px; margin-right: 0;}
	.statute{ padding: 38px 0;}
	.statute__info{ margin-bottom: 35px;}
	.statute__list li a span{ margin-left: 40px;}
	.product__class .levalbox li{ width: 130px;}
	.product__class .levalbox li a{ height: 50px; line-height: 50px;}
	.product{ padding: 38px 0;}
	.product__list li a figure{ height: 120px;}
	.product__list li a{ padding: 35px 0 22px;}
	.product__list{ margin-bottom: 0;}
	.page a{ width: 50px; height: 50px; line-height: 50px;}
	.product__text p{ width: 100%;}
	.product__swiper .intro__btn{ width: 48px; height: 48px; font-size: 16px; margin-top: -24px; line-height: 48px;}
	.product__banner{ padding: 38px 0;}
	.product__text p{ font-size: 14px;}
	.marketing{ padding: 38px 0 0;}
	.marketings{ margin-top: 24px;}
	.marketings{ width: auto; margin-left: 0;}
	.marketings li{ width: 48.5%;}
	.marketings li:nth-child(2n+2){ float: right;}
	.marketings li a{ margin: 0;}
	.markwrs span{ margin-bottom: 22px;}
	.frameworkbox{ margin-top: 20px;}
	.frameworks{ padding: 38px 0 55px;}
	.project__introduct .introducte__title{ float: none;}
	.pro__content{ margin-left: 0; margin-top: 24px;}
	.pro__content strong{ font-size: 20px;}
	.pro__content p{ font-size: 14px; margin-bottom: 20px;}
	.pro__content a{ width: 134px; height: 50px; line-height: 50px;}
	.pro__content a i{ margin-left: 10px;}
	.project__introduct{ padding: 38px 0;}
	.system__wapper .introducte__title{ margin-left: 5%;}
	.system__wapper{ width: 100%;}
	.system__box{ padding: 38px 0 0; margin-top: 0;}
	.system__swiper{ padding: 0; }
	.system__wr{ padding: 0 20px;}
	.system__item a{ margin: 0 12px;}
	.system{ padding-bottom: 30px;}
	.exhibitebg{ width: 100%;}
	.exhibitewrs figure{ width: 100%;}
	.exhibite__content{ width: 100%; margin-right: 0; margin-top: 20px;}
	.exhibite{ padding: 38px 0;} 
	.exhibite__content strong{ font-size: 24px;}
	.learning__title{ font-size: 24px; margin-bottom: 26px;}
	.learning{ padding: 38px 0;}
	.learning__list .slick-dots{ margin-top: 30px;}
	.videos{ padding: 38px 0;}
	.video__more{ margin-top: 0;}
	.video__more a{ width: 55px; height: 55px; line-height: 55px;}
	.forum{ padding: 38px 0;}
	.forum__list li{ width: 100%; margin-bottom: 26px;}
	.resource__content span{ width: 130px; height: 46px; line-height: 46px;}
	.idea{ padding: 36px 0;} 
	.idea__title strong{ font-size: 20px;}
	.idea__title{ margin-bottom: 30px;}
	.develos span.span1{ width: auto;}
	.service__item{ padding: 45px 0 60px;}
	.service__icon{ margin-bottom: 30px;}
	.service__btn a{ width: 130px; height: 46px; line-height: 46px;}
	.service__item strong{ font-size: 30px;}
	.service__icon span{ margin-top: 18px;}
	.loads{ padding: 38px 0;}
	.load__list{ width: 90%;}
	.load__list li{ width: 100%; margin-bottom: 30px;}
	.load__list li a{ margin: 0;}
	.load__list{ padding-bottom: 20px;}
	.service-map-demo{ width: 100%;}
	#RegionMap tspan{ font-size: 12px;}
	.business{ padding: 38px 0;}
	.business__map{ padding: 38px 0;}
	.businee__info{ width: 100%; margin-top: 24px;}
	.businee__info:first-child{ margin-top: 0;}
	.business__text strong{ font-size: 16px;}
	.business__text p{ font-size: 14px;}
	.error{ padding: 45px 0;}
	.error a{ width: 160px; height: 50px; line-height: 50px; font-size: 14px;}
	.error p{ margin-top: 20px;}
	.searchs{ padding: 38px 0 56px;}
	.banner__text span{ display: none;}
	.banner__text p{ font-size: 14px; line-height: 1.6; height: 66px; overflow: hidden;}
	.home-about__item span{ margin-top: 24px;}
	.markwrs p{ height: 50px; overflow: hidden;}
	.markwrs span{ margin-bottom: 16px;}
	.markwrs{ margin-top: -51px;}
	.business-box{ padding: 48px 0;}
	.technologyfix{ padding: 38px 0;}
	.echnologted{ padding: 20px 22px;}
	.echnologted p{ height: 50px; font-size: 14px; margin-bottom: 20px;}
	.footer__add:last-child { margin-top:0px;}
	.pbanner-texts{ margin-bottom: -40px;}
} 
@media screen and (max-width:520px){
}
@media screen and (max-width:481px){
	.banner__text h4{ font-size: 22px;}
	.home-product__list li a{ height: 52px;}
	.home-product__list li a i{ width: 30px;}
	.home-product__list li a span{ line-height: 52px; font-size: 16px;}
	.home-product__title a{ width: 36px; height: 36px;}
	.home-product__item a{ border-bottom: none; padding: 38px 0 68px; border-left: none;}
	.home-product__item a figure{ height: 200px;}
	.home-product__item a p{ font-size: 14px; height: auto; margin: 0 5%;}
	.home-product__title small{ font-size: 18px;}
	.home-product__title h4{ font-size: 22px;}
	.home-news__title h4{ font-size: 22px;}
	.technology{ padding: 38px 5%;}
	.home-news__title{ margin-bottom: 26px;}
	.technology__text strong{ font-size: 18px;}
	.technology__text span{ margin-bottom: 20px;}
	.technology__right{ margin-top: 28px;}
	.technology__right figure{ width: 160px;}
	.technology__content{ margin-left: 180px;}
	.technology__content span{ font-size: 16px; height: auto; height: 44px;}
	.technology__text span{ font-size: 14px;}
	.home-news__btn{ width: 40px; height: 40px; line-height: 40px; font-size: 14px;}
	.partners__btn{ left: 0;}
	.partners__btn.next{ left: 46px;}
	.friendship{ width: 48.5%; margin-right: 0;}
	.link .mail{ width: 48.5%; float: right;}
	.friendship span{ width: 100%;}
	.home-news__btn.prev{ right: 42px;}
	.leval__menu li{ width: 130px;}
	.pbanner__title:before{ display: none;}
	.logo{ width: 240px;}
	.menubtn span{ margin-top: 10px;}
	.mtop{ height: 59px;}
	.pbanner__title strong{ font-size: 24px;}
	.leval__menu li a{ font-size: 15px;}
	.introduct__info p strong{ font-size: 34px;}
	.introduct__text a{ width: 120px;}
	.introduct__text a:before{ right: 20px;}
	.speed__text p{ font-size: 14px;}
	.speed__img{ margin-top: 26px;}
	.team__info{ width: 100%;}
	.team__info:nth-child(2){ margin-top: 0;}
	.team__info:nth-child(3){ margin-top: 0;}
	.future__wapper p{ font-size: 14px;}
	.news__text figure{ width: 120px; margin-right: 18px;}
	.news__fix p{ line-height: 1.8; height: 52px;}
	.leval__menu1 li{ width: 33.3333%;}
	.readmore{ padding-top: 10px;}
	.readmore a{ width: 130px; height: 42px; line-height: 42px;}
	.news__page a{ width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
	.news__page a.pagebacke{ margin-left: -21px;}
	.news__waos{ margin-top: -52px;}
	.statute__info figure{ width: 100%; float: none;}
	.statute__text{ margin-left: 0; margin-top: 20px;}
	.statute__text p{ height: auto;}
	.statute__list li a{ padding: 18px 4%;}
	.statute__list li a span{ margin-left: 20px; font-size: 15px;}
	.product__list li{ width: 100%;}
	.product__list li a b{ opacity: 1; visibility: visible; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0);}
	.marketings li{ width: 100%;}
	.pro__content a{ height: 44px; line-height: 44px;}
	.system__wr{ padding: 0 5%;}
	.system__item a{ margin: 0;}
	.system__btn{ width: 46px; height: 46px; line-height: 46px; margin-top: -23px;}
	.system__btn.prev{ left: 0;}
	.system__btn.next{ right: 0;}
	.system__box{ padding-top: 20px;}
	.system{ padding: 38px 0;}
	.exhibite__content strong{ margin-bottom: 16px;}
	.exhibite__content span{ margin-top: 24px;}
	.video__list li{ width: 100%;}
	.forum__list li a{ padding: 24px 24px 30px;}
	.forum__down{ margin-top: 20px;}
	.developdown{ padding: 20px 22px 30px;}
	.product__class .levalbox li{ width: 110px;}
	.product__class .levalbox li a{ height: 46px; line-height: 46px; font-size: 14px;}
	.load__list li a span{ padding-left: 28px;}
	.load__down{ padding: 22px 28px;}
	.load__down strong{ height: auto; font-size: 14px;}
	.load__list li a span{ line-height: 46px; font-size: 14px;}
	.businee__list li p{ height: 52px; line-height: 52px;}
	#RegionMap tspan{ font-size: 14px;}
	.banner__text{ top: 35%;}
	.home-about__item span{ font-size: 14px;}
	.home-about__list{ padding: 30px 0;}
	.course__time strong b{ font-size: 24px;}
	.coursefix p{ font-size: 14px;}
	.course__downd{ padding-bottom: 30px;}
	.busineewr{ padding: 30px 22px;}
	.businee__ttt{ font-size: 14px;}
	.businee__table thead tr th, .businee__table tbody tr td{ font-size: 12px;}
	.technologyfix{ width: 90%;}
	.technologs li{ width: 100%;}
	.technologs li a{ margin: 0;}
	.pbanner-texts{ margin-top: 10px;}
	.pbanner-texts p{ font-size: 12px;}
	.footer-shop{ display: flex; display: -webkit-flex;}
	.footer-shop:before{ display: none;}
	.shopping-item{ margin-right: 20px;}
	.shopping-item img{ height: 20px;}
} 
@media screen and (max-width:400px){
	.culture__item{ width: 100%;}
	.statute__list li a time{ display: none;}
	.statute__list li a span{ margin-left: 0; width: 70%;}
}
@media screen and (max-width:350px){
}