@media screen and (max-height:800px) {
	.menuhref li.active{ height: 45%;}
}

@media screen and (max-height:700px) {
	.menuhref li.active{ height: 30%;}
}

@media screen and (max-width:1600px) {
	.industrybtn.prev{ left: 50px;}
	.industrybtn.next{ right: 50px;}
	.news-wrapper{ width: 80%; margin-left: -40%;}
}
@media screen and (max-width:1450px) {
	.navs >li >a{ width: 110px; font-size: 16px;}
	.nav-item li a{ font-size: 14px; padding: 5px 0;}
	.banner-content{ margin-top: -137px;}
	.banner-font{ margin-bottom: 40px;}
	.banner-font small{ font-size: 30px;}
	.banner-font h3{ font-size: 52px; margin-bottom: 24px;}
	.banner-font p{ font-size: 16px;}
	.navigate-wrapper{ margin-top: 70px;}
	.navigate-item dt a{ font-size: 20px;}
	.navigate-item{ margin-left: 120px;}
	.home-width{ width: 80%; margin-left: -40%;}
	.about-wrapper{ margin-top: -168px;}
	.about-content strong{ font-size: 22px; margin-bottom: 16px;}
	.about-content p{ margin-top: 22px; font-size: 24px;}
	.about-content{ margin-bottom: 50px;}
	.abouicon{ width: 100px; height: 100px;}
	.abouicon b{ line-height: 100px; font-size: 36px;}
	.industry-list{ padding: 0 70px;}
	.industrybtn.prev{ left: 0;}
	.industrybtn.next{ right: 0;}
	.industry-title small{ font-size: 24px;}
	.industry-text span{ margin-top: 40px;}
	.industrys{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: 50px;}
	.news-title{ margin-bottom: 36px;}
	.news-title small{ font-size: 32px;}
	.news-title strong{ font-size: 22px;}
	.notice-list li{ margin-bottom: 14px;}
	.news-text p{ height: 50px; -webkit-line-clamp: 2;}
	.news-text time{ margin-top: 20px;}
	.notice-i a{ padding: 24px 0; height: 32px;}
	.notice-i b{ font-size: 32px; margin-left: 22px;}
	.notice-i span{ line-height: 32px; margin-left: 12px;}
	.notice-i i{ transform: scale(0.6);}
	.notice .ntitle{ padding: 29px 32px 18px 40px;}
	.notice-list{ padding: 0 32px 0 40px;}
	.news-wrapper{ margin-top: -243px;}
	.footer-wrapper{ margin: auto;}
	.inner{ width: 90%;}
	.ptext small{ font-size: 50px; margin-bottom: 22px;}
	.ptext p{ margin-top: 30px;}
	.ptext{ margin-left: -45%;}
	.introduct-title{ padding: 60px 0;}
	.introduct-title strong{ font-size: 38px; margin-bottom: 20px;}
	.introduct-title p{ font-size: 16px;}
	.synopsis-content{ margin-left: -45%; width: 45%; padding: 26px 25px 80px 50px; bottom: -100px;}
	.synopsis-content h2{ font-size: 88px;}
	.synopsis-content strong{ font-size: 20px;}
	.synopsis-content p{ font-size: 15px;}
	.intruimg{ right: 2%;}
	.theme-title p{ width: 500px;}
	.intruimg{ height: 120%;}
	.innovate{ padding: 88px 0;}
	.coursett,.cuturn-tt,.behavior-title{ font-size: 38px;}
	.course-main{ margin-top: 70px;}
	.behavior{ padding: 80px 0 120px;}
	.behavior-title{ margin-bottom: 45px;}
	.popwr{ padding: 50px 50px 0;} 
	.poptext{ margin-top: -285px;}
	.poptextimg img{ width: 250px;}
	.poptextimg span{ font-size: 28px;}
	.group-inner{ margin-left: -45%;}
	.group-inner strong{ font-size: 50px; margin-bottom: 32px;}
	.productdo{ bottom: 40px;}
	.productdo span{ margin-bottom: 22px;}
	.productdo b{ width: 60px; height: 60px; line-height: 60px; font-size: 20px;}
	.productdo:hover b{ line-height: 66px;}
	.product li{ margin-bottom: 50px;}
	.product-text{ margin-top: 8%;}
	.product-text strong{ font-size: 24px;}
	.product-text p{ margin-bottom: 50px;}
	.product-box{ padding: 60px 0 100px;}
	.company-text{ padding-right: 0;}
	.networks{ padding: 120px 0 140px;}
	.markingtt strong{ font-size: 60px;}
	.honorwrd{ left: 0; right: 0; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
}
@media screen and (max-width:1370px) {
	.navs >li >a{ width: 100px;}
	.notice-i i{ right: 10px;}
	.footer-items1 img{ height: 60px;}
	.flink{ width: 200px;}
}
@media screen and (max-width:1280px) {
	.about-list li{ margin-left: 50px;}
	.industry-title small{ font-size: 20px;}
	.industry-name span{ bottom: 30px;}
	.industry-text p{ height: 50px; -webkit-line-clamp: 2;}
	.industry-text span{ margin-top: 20px;}
	.industry-mark{ padding-bottom: 30px;}
	.news-title small{ font-size: 28px;}
	.news-title strong{ font-size: 20px;}
	.news-wrapper{ margin-top: -228px;}
	.attesta-wr span,.attesta-wr strong{ font-size: 20px;}
	.attesta-wr p{ font-size: 14px;}
	.behavior-text p{ font-size: 14px;}
	.news-box{ padding: 60px 0 80px;}
}
@media screen and (max-width:1200px) {
	.logo{ width: 110px;}
	.navs{ display: none;}
	.navs >li >a{ padding-top: 32px; height: 58px;}
	.searchs{ padding: 0 20px;}
	.notice-list li{ margin-bottom: 10px;}
	.product-text{ width: 280px; margin-left: 50px; margin-top: 5%;}
	.product li.odd .product-text{ margin-right: 50px;}
	.honor-list{ width: 90%;}
	.footer-nav{ padding: 45px 0;}
	.footer-shares{ float: none; clear: both; overflow: hidden; margin-bottom: 20px;}
}
@media screen and (max-width:1100px) {
	.about-list li{ margin-left: 30px;}
	.fnav li{ margin-right: 24px;}
}
@media screen and (max-width:1024px) {
	.wrapper .page{ position: relative; height: auto !important;}
	.wrapper{ position: relative;}
	.navs{ display: none;}
	.slide-nav{ display: none;}
	.header-btn{ display: none;}
	.scroll{ display: none;}
	.menuiphone{ display: block;}
	.header{ background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.4);}
	.logo{ margin-left: 3%; width: 80px; height: auto; margin-top: 10px;}
	.logo img{ opacity: 0; visibility: hidden;}
	.logo img.logo-hide{ opacity: 1; visibility: visible;}
	.menubtn{ width: 60px; height: 60px;}
	.menubtn span{ width: 20px; margin-top: 30px;} 
	.menubtn span:before{ top: -7px;}
	.menubtn span:after{ bottom: -7px;}
	.wrapper{ margin-top: 60px;}
	.banner-font small{ font-size: 24px;}
	.banner-font h3{ font-size: 42px; margin-bottom: 18px;}
	.banner-font p{ font-size: 14px;}
	.banner-font{ margin-bottom: 30px;}
	.banner-content{ margin-top: -118px;}
	.banner{ height: calc(100vh - 59px);}
	.home-width{ width: 90%; margin-left: -45%;}
	.about-crace{ height: auto; padding: 100px 0;}
	.home-width{ position: relative; left: 0; top: 0; margin: auto;}
	.about-content small{ font-size: 32px;}
	.about-content strong{ font-size: 20px; padding-bottom: 14px; margin-bottom: 12px;}
	.about-content p{ font-size: 20px;}
	.about-content{ margin-bottom: 0;}
	.about-list{ display: flex; display: -webkit-flex; flex-flow: wrap; -webkit-flex-flow: wrap;}
	.about-list li{ width: 33.3333%; flex-basis: 33%; margin-left: 0; margin-top: 30px;}
	.industry{ height: auto; padding: 100px 0;}
	.industrys{ transform: none; -webkit-transform: none;}
	.latest-news{ padding: 100px 0; height: auto;}
	.newsleft{ width: 100%; float: none;}
	.notice{ position: relative; width: 100%; border-top: 1px solid rgba(0,0,0,0.1);}
	.notice-btn{ position: relative; margin-top: 40px;}
	.fnav{ display: none;}
	.bshare-custom{ display: none;}
	.edite{ width: 70%;}
	.innerheight{ height: 60px;}
	.menubox{ width: 100%; overflow-x: scroll; overflow-y: hidden; box-sizing: border-box; -webkit-overflow-scrolling: touch;}
	.menu-wrapper{ width: auto; display: inline-flex; -webkit-display: inline-flex; -moz-display: inline-flex; -webkit-overflow-scrolling: touch; float: left;}
	.menulist{ margin-left: 0; flex: 1; -webkit-flex: 1;}
	.menulist li{ width: 130px;}
	.menulist li a{ height: 52px; line-height: 52px; font-size: 14px;}
	.menu-home{ display: none;}
	.pimg{ padding-bottom: 320px;}
	.pimg img{ margin-left: -768px;}
	.ptext{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.ptext small{ font-size: 40px; margin-bottom: 18px;}
	.ptext p{ margin-top: 22px;}
	.synopsis-content{ position: relative; bottom: 0; left: 0; margin-left: 0; width: 100%; box-sizing: border-box; box-shadow: none;}
	.synopsis{ height: auto; padding-bottom: 0;}
	.synipsiswr{ position: relative; height: 0; padding-bottom: 45%;}
	.synopsis-content h2{ font-size: 62px;}
	.attesta-wr{ padding: 20px 22px 0;}
	.attestation{ padding: 80px 5% 0;}
	.intruimg{ display: none;}
	.theme-title p{ width: 100%;}
	.teme-list li p{ width: 90%; margin: auto; line-height: 1.3;}
	.teme-list li{ padding: 30px 0 0; height: 160px;}
	.teme-list li b{ font-size: 38px;}
	.teme-list li span{ font-size: 16px; margin-top: 18px; margin-bottom: 18px;}
	.innovate{ padding: 50px 0;}
	.course{ padding: 100px 0 50px;}
	.coursett, .cuturn-tt, .behavior-title{ font-size: 30px;}
	.course-main{ margin-top: 40px;}
	.coursewr{ padding-right: 0;}
	.course-list li.odd .coursewr{ padding-right: 32px; padding-left: 0;}
	.culturn{ padding-top: 60px;}
	.culturn-btn span{ height: 65px; line-height: 65px; font-size: 16px;}
	.culturn-inso{ padding: 60px 0 80px; display: flex; display: -webkit-flex; flex-flow: wrap; -webkit-flex-flow: wrap;}
	.culturn-inso li{ margin-bottom: 30px;}
	.culturn-inso li p{ font-size: 14px;}
	.idea{ padding: 60px 0;}
	.behavior-list li{ width: 100%; margin-left: 0; margin-bottom: 30px;}
	.behavior{ padding: 60px 0 40px;}
	.framework{ padding: 100px 0;}
	.care-text p{ font-size: 14px;}
	.team{ padding: 50px 0 40px;}
	.team-list li{ width: 33.3333%; margin-bottom: 40px;}
	.team-text{ margin-top: 24px;}
	.pop-team{ overflow-y: auto; -webkit-overflow-scrolling: touch;}
	.poptext{ width: 100%; margin-left: -50%; top: 0; margin-top: 0; box-shadow: none;}
	.poclose{ right: 0;}
	.productdo{ display: none;}
	.group-img{ height: auto !important;}
	.group-img img{ width: 100% !important; height: auto !important; left: 0!important;}
	.group-inner{ top: 50%; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.group-inner small{ font-size: 20px;}
	.group-inner strong{ font-size: 36px;}
	.group-inner p{ font-size: 16px;}
	.product li{ padding-bottom: 0;}
	.product li figure{ width: 100%;}
	.product li a:before{ display: none;}
	.product-text{ box-sizing: border-box; width: 100%; margin-top: 32px; margin-left: 0; padding: 0 5%;}
	.product-text p{ height: auto; margin-bottom: 40px; font-size: 14px;}
	.product li.odd .product-text{ margin-right: 0;}
	.conpany-title{ float: none; text-align: center;}  
	.company{ margin-top: 30px;}
	.company-text{ margin-left: 0; margin-top: 30px;}
	.project{ padding: 0 0 50px;}
	.projectbann{ margin-left: 0; margin-top: 30px;}
	.newslist li{ width: 33.3333%;}
	.news-main p{ -webkit-line-clamp: 2; height: 56px; margin-bottom: 24px;}
	.newsinner h3{ font-size: 24px;}
	.support{ padding: 60px 0;}
	.supportli li{ padding: 30px 30px 30px 4%; display: flex; display: -webkit-flex;}
	.sopport-item{ flex: 1; width: auto; -webkit-flex: 1;}
	.supportli{ margin-bottom: 50px;}
	.networks{ padding: 50px 0;}
	.marketing{ width: 100%;}
	.markingtt strong{ font-size: 50px;}
	.markingtt{ margin-bottom: 40px;}
	.address{ margin-bottom: 32px;}
	.netwrokimg{ width: 100%;}
	.notices{ padding: 50px 0;}
	.notice-inner{ margin: 0; padding-bottom: 30px;}
	.notice-inner li{ width: 100%;}
	.notice-inner li a{ margin: 0;}
	.honorwrd{ display: none;}
	.honor{ padding: 60px 0; background-size: cover; background-attachment: local;}
	.honorbtn{ background: #469181;}
	.honorbtn.prev{ left: 0;}
	.honorbtn.next{ right: 0;}
	.industryli{ padding: 60px 0;}
	.product-content strong{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; margin-bottom: 16px;}
	.searchbox{ padding: 70px 0 50px;}
	.search-wr h3{ font-size: 24px; margin-bottom: 44px;}
	.search-result{ padding: 50px 0 130px;}
	.search-wr{ width: 90%;}
	.search-wr .search-hidden{ width: 100%;}
	.project-wrap{ margin-left: 0;}
	.footer-left span.arrows{ display: none;}
	.footer-left{ width: auto;}
	.framework-list li{ width: 20%;}
	.framework-list li figure{ height: 100px;}
	.honor-loads{ display: none;}
	.mobileHide{ display: none;}
	.footer-shares{ display: inline-flex; display: -webkit-inline-flex; overflow-x: auto; width: 100%; flex-wrap: nowrap;} 
	.footer-nav{ padding: 30px 0; display: block;}
	.footer-left,.footer-right,.flink{ float: none;}
	.footer-right{ width: 100%;}
	.flink{ margin-bottom: 20px;}
	
}
@media screen and (max-width:861px) {
	.attesta-img{ width: 100%;}
	.attesta-content{ width: 100%;}
	.attesta-wr{ padding: 40px 5%;}
	.attesta-item{ margin-bottom: 0;}
	.attestation{ padding: 50px 5% 20px;}
	.innovate-item{ width: 100%;}
	.innovateinn{ padding-top: 32px;}
	.course{ padding: 50px 0;}
	.care{ padding: 50px 0 0;}
	.care-list li{ margin-bottom: 40px;}
	.care-list li figure{ width: 100%;}
	.care-text{ position: relative; width: 100%; transform: none;}
	.care-text p{ display: block; padding: 36px 5%; height: auto; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
	.care-list li:nth-child(2n+2) figure{ float: none;}
	.care-list li:nth-child(2n+2) .care-text{ display: block;}
	.newslist li{ width: 50%;}
	.product-wrapper figure{ width: 300px;}
	.product-content{ margin-left: 360px;}
	.product-content p{ margin-bottom: 40px;}
	.honor-item{ width: 33.3333%;}
}
@media screen and (max-width:751px) {
	.industry-list{ padding: 0 50px;}
	.industrybtn{ width: 42px; height: 42px; line-height: 42px; margin-top: -21px; font-size: 12px;}
	.honormax{ width: 90%;}
}
@media screen and (max-width:641px) {
	.banner-font small{ font-size: 20px;}
	.banner-font h3{ font-size: 32px;}
	.banner-font p{ width: 100%;}
	.banner-font{ margin-bottom: 20px;}
	.video-btn{ width: 60px; height: 60px;}
	.about-crace{ padding: 80px 0;}
	.about-content p{ font-size: 18px;}
	.abouicon{ width: 88px; height: 88px;}
	.abouicon b{ line-height: 88px; font-size: 32px;}
	.about-list li{ margin-top: 20px;}
	.industry-mark{ display: none;}
	.industry-item a:hover .industry-name{ opacity: 1; visibility: visible;}
	.industry,.latest-news{ padding: 80px 0;}
	.news-item{ width: 100%;}
	.news-item:last-child{ display: none;}
	.ntitle,.notice .ntitle{ padding: 30px 6% 18px;}
	.news-list{ padding-left: 6%; margin-right: 6%;}
	.news-wr{ margin-right: 0;}
	.notice-list{ padding: 0 6%;}
	.footer-nav{ display: none;}
	.footer-share{ padding: 30px 0;}
	.ptext{ top: 40%;}
	.pimg{ padding-bottom: 240px;}
	.pimg img{ margin-left: -576px;}
	.menulist li{ width: 120px;}
	.menulist li a{ height: 50px; line-height: 50px;}
	.introduct-title{ padding: 40px 0;}
	.introduct-title strong{ font-size: 30px; margin-bottom: 16px;}
	.synopsis-content{ padding: 32px 5%;}
	.synopsis-content h2{ font-size: 50px;}
	.synopsis-content strong{ font-size: 18px; margin-bottom: 18px;}
	.menulist li a:before{ height: 2px;}
	.intruducts{ padding: 50px 0;}
	.theme-title{ margin-bottom: 30px;}
	.theme-title strong{ font-size: 20px; margin-bottom: 14px;}
	.theme-title p{ font-size: 14px;}
	.teme-list li{ width: 33%; margin-left: 0; margin-right: 0.5%; margin-bottom: 4px;}
	.teme-list li:nth-child(3n+3){ margin-right: 0;}
	.teme-list li:nth-child(n+4){ width: 49.5%;}
	.teme-list li:last-child{ margin-right: 0; float: right;}
	.innovateinn{ padding-top: 22px;}
	.innovate{ padding: 38px 0 0;}
	.course-main:before{ left: 0px;}
	.course-list li{ width: 100%;}
	.course-list li:nth-child(2){ margin-top: 0;}
	.course-list li.odd .coursewr{ padding-right: 0; padding-left: 32px;}
	.course-list li.odd .coursewr .course-title{ text-align: left;}
	.course-list li.odd .coursewr:before{ left: -6px; right: auto;}
	.course-list li.odd .coursewr:after{ left: -13px; right: auto;}
	.coursett, .cuturn-tt, .behavior-title{ font-size: 24px;}
	.culturn-inso{ padding: 40px 0 20px; display: block;}
	.culturn-inso li p{ height: 32px; overflow: hidden;}
	.culturn-inso li b{ width: 82px; height: 82px; line-height: 82px; font-size: 28px;}
	.culturn-inso li strong{ font-size: 16px; margin-top: 12px; margin-bottom: 15px;}
	.culturn-btn span{ height: 56px; line-height: 56px; font-size: 15px;}
	.idea{ padding: 50px 0;} 
	.idea-top{ height: 60px;}
	.idea-top span{ font-size: 16px; height: 60px; line-height: 60px;}
	.idea-top b{ right: 20px;}
	.idea-text{ padding: 20px 22px 26px;}
	.idea-text p{ font-size: 13px;}
	.behavior-title{ margin-bottom: 30px;}
	.behavior-list li span{ font-size: 14px;}
	.behavior-text{ padding: 32px 30px;}
	.behavior{ padding: 50px 0 20px;} 
	.framework{ padding: 50px 0;}
	.team-list li{ width: 50%;}
	.team{ padding: 40px 0 20px;}
	.team-list{ margin: 0;}
	.team-wrapper{ margin: 0;}
	.team-list li{ margin-bottom: 30px; width: 48.5%;}
	.team-list li:nth-child(2n+2){ float: right;}
	.team-text strong{ font-size: 18px;}
	.team-text p{ font-size: 13px;}
	.poclose{ width: 50px; height: 50px; line-height: 50px;}
	.poptextimg span{ font-size: 24px;}
	.popwr{ padding: 50px 5% 0;}
	.group-inner small{ font-size: 18px;}
	.group-inner strong{ font-size: 28px; margin-bottom: 22px;}
	.group-inner p{ font-size: 14px;}
	.group-img img{ height: 320px !important; left: 50% !important; margin-left: -324px; width: auto !important;}
	.industryd{ padding: 0 0 20px;}
	.product-text strong{ font-size: 20px;}
	.industryd{ padding-bottom: 0;}
	.product-text span{ font-size: 14px; width: 120px;}
	.protitle{ font-size: 20px; margin-bottom: 30px;}
	.company{ margin-top: 24px;}
	.company-text{ margin-top: 20px;}
	.company-text p{ font-size: 14px;}
	.product-box{ padding: 50px 0;}
	.probtn{ font-size: 28px; margin-top: -14px;}
	.prowrd span{ height: 68px; line-height: 68px; font-size: 14px;}
	.projectin .slick-arrow{ width: 52px; height: 52px; line-height: 52px; margin-top: 30px;}
	.projectin .slick-arrow.slick-prev{ left: 0;}
	.projectin .slick-arrow.slick-next{ margin-left: 65px;} 
	.project{ padding: 0 0 38px;}
	.conpany-title{ font-size: 20px; width: 200px;}
	.news-box{ padding: 40px 0;}
	.newslist{ margin: 0;}
	.newslist li{ width: 48.8%;}
	.newslist li:nth-child(2n+2){ float: right;}
	.newslist li a{ margin: 0;}
	.pagelist a{ width: 45px; height: 45px; line-height: 45px; margin-left: 12px;}
	.newsinner h3{ font-size: 22px;}
	.view{ padding: 40px 0;}
	.view p, .view a{ font-size: 14px;}
	.pages a{ width: 110px;}
	.pages a i{ margin-right: 10px;}
	.support{ padding: 40px  0;}
	.support-text{ height: auto;}
	.surtitle{ font-size: 25px; margin-bottom: 20px;}
	.emain{ padding: 40px 0 24px;}
	.supportli li b{ position: relative; top: -4px;}
	.supportli li{ padding: 20px 0;}
	.sopport-item span{ font-size: 14px;}
	.sopport-item{ display: none;}
	.sopport-item:first-child,.sopport-item:nth-child(2),.sopport-item:nth-child(3){ display: block;}
	.supportli{ margin-bottom: 32px;}
	.markingtt strong{ font-size: 38px;}
	.notice-inner li span{ padding: 0 22px; font-size: 16px;}
	.notice-text{ padding: 22px 22px 32px;}
	.notice-inner li b{ padding-left: 22px;}
	.notice-text p{ font-size: 14px; height: auto;}
	.honorbtn{ top: 40%;}
	.industryli{ padding: 40px 0;}
	.product-wrapper figure{ width: 180px; margin-left: 20px;}
	.product-content{ margin-left: 220px;}
	.product-content p{ font-size: 14px; -webkit-line-clamp: 1; height: auto; margin-bottom: 30px;}
	.product-content span{ font-size: 14px; width: 140px;}
	.banner .bbg{ display: block;}
	.banner{ height: auto;}
	.banner-font{ display: none;}
	.banner-content{ margin-top: -30px;}
	body p{ font-weight: normal !important;}
	.menulist li a,.culturn-btn span{ font-weight: normal;}
	.searchbox{ padding: 60px 0 40px;}
	.search-wr h3{ margin-bottom: 32px;}
	.search-wrapper .search-text{ font-size: 14px;}
	.search-result{ padding: 35px 0 50px;}
	.result-text{ padding: 24px 5%;}
	.result-text p{ height: auto; font-size: 14px;}
	.result-list li strong{ font-size: 16px; padding-left: 5%;}
	.result-list li b{ padding-left: 5%;}
	.ptext p{ font-size: 22px;}
	.honor-item{ width: 48.5%; margin-bottom: 24px;}
	.honor-item:nth-child(2n+2){ float: right;}
	.honor-item figure{ margin: 0;}
	.honor{ padding: 40px 0;}
	.pswp__button--arrow--left, .pswp__button--arrow--right{ width: 50px; height: 50px;}
	.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{ font-size: 14px; margin-left: -7px; margin-top: -7px;}
	.pswp__button--arrow--left{ left: 0;}
	.pswp__button--arrow--right{ right: 0;}
	.framework-list li{ width: 25%;}
	.framework-list li span{ font-size: 14px;}
	.frameworks{ padding: 50px 0;}
}
@media screen and (max-width:536px) {
}
@media screen and (max-width:481px) {
	.about-content small{ font-size: 25px;}
	.abouicon{ width: 80px; height: 80px;}
	.abouicon b{ line-height: 80px; font-size: 28px;}
	.about-list li .aboutname{ font-size: 14px;}
	.industry-list{ padding: 0;}
	.industry-title small{ font-size: 18px;}
	.industrybtn.prev{ left: -13px;}
	.industrybtn.next{ right: -13px;}
	.industry-title{ left: 20px; top: 20px;}
	.industry-name span{ left: 20px; right: 20px; font-size: 15px;}
	.notice-i span{ margin-left: 10px; font-size: 13px;}
	.edite{ width: 100%;}
	.allow{ float: left; width: 100%; display: flex; display: flex; justify-content: center; -webkit-justify-content: center; margin-top: 16px;}
	.allow a:first-child{ margin-left: 0;}
	.notice-i i{ right: 5px;}
	.introduct-title{ padding: 32px 0;}
	.introduct-title strong{ font-size: 24px;}
	.synopsis-content h2{ font-size: 42px;}
	.synopsis-content p{ font-size: 14px;}
	.attestation{ padding: 0; width: 100%;}
	.attesta-wr p{ margin-top: 22px;}
	.attesta-wr span, .attesta-wr strong{ font-size: 18px;}
	.teme-list li{ padding-top: 20px; height: 138px;}
	.teme-list li b{ font-size: 30px;}
	.teme-list li span{ font-size: 15px;}
	.teme-list li p{ font-size: 14px;}
	.course-text{ padding: 26px 30px 20px;}
	.course-text p{ font-size: 14px;}
	.course{ padding: 50px 0 20px;}
	.culturn-inso li{ width: 50%; margin-bottom: 22px;}
	.cuturn-tt{ margin-bottom: 30px;}
	.probtn.prev{ left: 14px;}
	.probtn.next{ right: 14px;}
	.projectin{ margin: 0;}
	.prowrd{ margin: 0;}
	.newslist li{ width: 100%;}
	.news-main strong{ height: auto;}
	.pagelist a{ width: 40px; height: 40px; margin-left: 8px; line-height: 40px; font-size: 12px;}
	.honorbtn{ width: 45px; height: 45px; line-height: 45px;}
	.product-wrapper{ padding: 24px 5%;}
	.product-wrapper figure{ width: 100%; margin-left: 0; float: none;}
	.product-content{ margin: 0; margin-top: 32px;}
	.product-content p{ height: auto; -webkit-line-clamp:none; margin-bottom: 20px;}
	.industryli{ padding: 0;}
	.frameworks-title{ margin-bottom: 40px;}
	.frameworks-btn span{ margin-left: 40px;}
	.framework-list li{ width: 33.3333%;}
	.framework-list li figure{ height: 80px;}
}
@media screen and (max-width:400px) {
}
@media screen and (max-width:350px) {
}