@media screen and (min-width: 1025px) { 
	.transXT50,.tXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT50,.tYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT502 ,.tYT502 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.action .transYT50,.action .transYT502,.action.tYT50,.action.tYT502{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action .transXT50,.action.tXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.dly_1{ transition-delay: 100ms; -webkit-transition-delay: 100ms; }
	.dly_2{ transition-delay: 200ms; -webkit-transition-delay: 200ms; }
	.dly_3{ transition-delay: 300ms; -webkit-transition-delay: 300ms; }
	.dly_4{ transition-delay: 400ms; -webkit-transition-delay: 400ms; }
	.dly_5,.action .day_5{ transition-delay: 500ms; -webkit-transition-delay: 500ms; }
	.dly_6,.action .day_6{ transition-delay: 600ms; -webkit-transition-delay: 600ms; }
	.dly_7,.action .day_7{ transition-delay: 700ms; -webkit-transition-delay: 700ms; }
	.dly_8,.action .day_8{ transition-delay: 800ms; -webkit-transition-delay: 800ms; }
	.dly_9,.action .day_9{ transition-delay: 900ms; -webkit-transition-delay: 900ms; }
	.dly_10,.action .day_10{ transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
	.dly_11,.action .day_11{ transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
	.item-span span,.item-span2 i{ display: inline-block; font-style: inherit;}
	.item-span span,.item-span2 i{ visibility: hidden; }
	.action.item-span span,.action.item-span2 i{visibility: visible; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:fade-in-blur; animation-name:fade-in-blur; }
	.fixedImg { background-attachment: fixed;}
	
}
@media screen and (max-width: 1650px) { 
	.top-box{ width: 80%;}
	.ibox-caselist .txt{ font-size: 22px;}
	.ibox-hot .title{ font-size: 24px;}
	.ibox-hot .type{ font-size: 20px;}
	.foot-nav a,.foot-nav a .iconfont{ font-size: 16px;}
	.foot-desc .desc{ font-size: 14px;}
	.foot-sharp .add{ top: 0;}
	.foot-sharp .iconfont{ font-size: 28px;}
	.pagePading{ padding: 120px 0;}
}
@media screen and (max-width: 1440px) {
	.top-box{ width: 90%;}
	/* .banner{ height: 600px;}
	.banner .pimg{ height: 600px;} */
	.pagePading{ padding: 100px 0;}
	.page-nav-btn a{ font-size: 18px; height: 50px; line-height: 50px;}
	.page-t{ font-size: 18px;}
	.f18{ font-size: 16px;}
	.jg-paget span{ font-size: 18px; padding: 5px 50px;}
	.infoPage{ width: 840px; padding: 50px;}
	.mapBox{ height: 450px;}
}
@media screen and (max-width: 1370px) {
	/* .banner{ height: 550px;}
	.banner .pimg{ height: 550px;} */
	.ibox-case{ padding: 60px 0;}
	.ibox-caselist .txt{ font-size: 20px;}
	.ibox-hot .title{ font-size: 22px;}
	.ibox-hot .type{ font-size: 18px;}
	.ibox-news{ padding-bottom: 70px;}
	.inner{ width: 1100px;}
	.honor-list{ margin-left: -1%;}
	.honor-list li{ width: 15.66%; margin-left: 1%;}
	.news-list li{ margin-bottom: 80px;}
	.bussine-list .txt{ font-size: 16px;}
	.culture-list .culture-yy{ font-size: 20px;}
	.stylee-list .txt{ font-size: 16px;}
	.responsibility-list li{ margin-bottom: 60px;}
	.mapBox{ height: 400px;}
}
@media screen and (max-width: 1280px) {
	.banner{ height: 500px;}
	.banner .pimg{ height: 500px;}
	.ibox-case{ padding: 50px 0;}
	.ibox-caselist .txt{ font-size: 18px;}
	.ibox-hot .c{ font-size: 14px; height: 75px;}
	.ibox-hot .title{ font-size: 20px;}
	.ibox-hot .type{ font-size: 18px;}
	.ibox-news{ padding-bottom: 60px;}
	.mapBox{ height: 380px;}
}
@media screen and (max-width: 1260px) {
	.nav li{ margin-right: 0;}
	.ibox-caselist .txt{ font-weight: normal; font-size: 16px;}
	.ibox-hot .img{ height: 302px;}
	.btn-more{ font-weight: normal;}
	.ibox-newC{ height: 255px;}
	.ibox-newC ul li:last-child{ display: none;}
	.ibox-newT .item{ font-weight: normal; padding: 0 12px; margin-right: 10px;}
	.ibox-newC li .time{ padding: 0 12px;}
	.foot-nav a, .foot-nav a .iconfont{ font-weight: normal; font-size: 14px;}
	.foot-desc .desc{ font-weight: normal;}
	.foot-tel{ font-size: 20px;}
	.foot-tel img{ width: 26px;}
	.foot-sharp .add{ font-weight: normal; font-size: 14px;}
	.foot-sharp .iconfont{ font-size: 24px; margin-left: 14px;}
	.inner{ width: 960px;}
	.honor-list li{ width: 19%;}
	.news-list .c{ height: 50px; font-size: 14px;}
	.infoPage{ width: 70%; margin-left: 5%; padding: 5%;}
	.company-page .swiper-button-prev{ left: 0;}
	.company-page .swiper-button-next{ right: 0;}
	.company-page .swiper-arrow{ font-size: 50px; color: #000; opacity: 0.6; line-height: 1; text-align: center; width: auto;}
}
@media screen and (max-width: 1024px) {
	.top{  position: fixed;  z-index: 999; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
	.top::before{ height: 2px;}
	.top-t{ padding: 10px 0; margin: 0 auto; width: 94%; border-bottom: 0 none;}
	.top-nav,.serach-box{ display: none;}
	.pageH{ height: 58px;}
	.logo a{ height: 38px;}
	.menu-handler, .menubarM{ display: block;}
	.banner,.banner .pimg{ height: auto;}
	.banner .mimg{ width: 140%; margin-left: -20%; display: block;}
	.banner .slick-dots li{ margin: 0p 5px;}
	.banner .slick-dots li a{ border-width: 1px; width: 6px; height: 6px;}
	.banner .slick-dots li.slick-active a{ width: 6px;}
	.video-in{ display: none;}
	.ibox-case{ padding: 35px 0 20px;}
	.ibox-caselist{ margin-left: -2%;}
	.ibox-caselist li{ width: 31.33%; margin-left: 2%; margin-bottom: 15px;}
	.ibox-hot,.ibox-tab{ float: none; width: 100%;}
	.ibox-hot .title{ font-size: 18px;}
	.ibox-news{ padding-bottom: 45px;}
	.ibox-tab{ margin-top: 25px;}
	.ibox-newT{ padding: 10px 3%;}
	.ibox-newC{ height: 230px;}
	.ibox-newC li a{ height: 38px; line-height: 38px; padding: 0 3%;}
	.ibox-newC li .time{ padding: 0 15px 0 0;}
	.foot{ padding: 35px 3%;}
	.foot-desc,.foot-box{ float: none; width: auto; display: block; text-align: center;}
	.foot-box{ padding-bottom: 30px;}
	.foot-tel,.foot-erm,.foot-sharp { text-align: center;}
	.foot-sharp .add,.foot-sharp .iconfont{ float: none; display: inline-block;}
	.foot-nav{ padding-bottom: 15px;}
	.foot-nav li{ float: none; display: inline-block;}
	.foot-nav li:last-child a{ margin-right: 0;}
	.inner{ width: 90%;}
	.pbanner{ height: auto !important; margin-top: 0;}
	.pagePading{ padding: 70px 0;}
	.about-img{ width: 40%;}
	.about-desc{ padding-left: 44%;}
	.page-t{ font-size: 16px;}
	.f18{ font-size: 14px;}
	.page-nav-box{ position: relative; border-bottom: 0 none; height: 44px; padding-bottom: 0;}
	.page-nav-btn{ position: absolute; left: 0; top: 0; padding-left: 5%; width: 95%;  overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;  white-space: nowrap;}
	.page-nav-btn ul{ width: auto; justify-content: initial;}
	.page-nav-btn a{ line-height: 44px; height: 44px; font-size: 14px; padding: 0 10px;}
	.jg-paget span{ font-size: 16px; padding: 5px 40px;}
	.branch-tabC .item{ padding: 35px 0 45px;}
	.branch-tabC .item .pageC{ width: 90%; margin: 0px auto 20px;}
	.branch-tabC .branch-btn{ margin-left: 5%;}
	.honor-list li{ width: 24%;}
	.news-list li{ margin-bottom: 60px;}
	.paging a{ width: 40px; height: 40px; line-height: 40px; font-size: 14px; margin: 0 4px;}
	.pagePading2{ padding: 60px 0;}
	.infoPage{ width: 80%; padding: 35px 55;}
	.wximg{ display: none;}
	.info-T .t{ font-size: 24px; text-align: left;}
	.info-T .t::before{ width: 50px; height: 3px; margin: 0;}
	.info-sharp{ display: none;}
	.info-time{ font-size: 12px;}
	.previous a.backlist { width: 120px;}
	.bussine-list{ margin-top: 80px;}
	.bussine-list .txt{ font-size: 14px;}
	.company-page{ width: 90%;}
	.company-demo .swiper-slide{ width: 400px;}
	.w890{ width: 90%;}
	.culture-list .culture-yy{ font-size: 18px;}
	.culture-list li{ margin-bottom: 25px;}
	.stylee-list li{ width: 32.33%; margin-bottom: 25px;}
	.responsibility-list li{ margin-bottom: 40px;}
	.mapBox{ height: 300px;}
	.contact-demo{ padding:0 0 50px;}
	.contact-demo .slick-dots{ top: auto; bottom: 0;}
	.contact-demo .slick-dots li{ width: auto; height: auto; margin: 0 5px;}
	.contact-demo .slick-dots li a{ width: 8px; height: 8px; }
	.hrList .hspan,.hrList .hrT .hspan{ font-size: 14px; height: 50px; line-height: 50px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan{ width: 19%;}
	.hrList .hspan1{ width: 38%;}
	.serach-list li{ padding: 25px 5%;}
	.serach-list .timeBox{ font-size: 24px;}
	.serach-list .title{ font-size: 18px;}
	.serach-list .desc{ padding-left: 120px;}
	
}
@media screen and (max-width: 860px) { 
	.news-list .pimg{ width: 45%;}
	.news-list .desc{ padding-left: 48%;}
	.news-list .c{ margin: 20px 0;}
	.company-demo .swiper-slide{ width: 340px;}
	.clog-lbox{ float: none; width: auto; margin: 0 auto; display: block; text-align: center;}
	.clog-rbox{ padding-top: 20px;}
}
@media screen and (max-width: 640px) { 
	.pvideo-box{ width: 100%; left: 0%; transform: translateY(-50%);}
	.ibox-case{ padding: 25px 0 15px;}
	.ibox-caselist{ margin-left: -1%;}
	.ibox-caselist li{ margin-bottom: 10px; width: 32.33%; margin-left: 1%;}
	.ibox-caselist .txt{ font-size: 14px; padding: 6px 0;}
	.ibox-hot .title{ font-size: 16px;}
	.ibox-hot .img{ display: none;}
	.ibox-hot .imgbox img{ display: block;}
	.ibox-hot .imgbox{ float: none; width: 100%;}
	.ibox-hot .desc{ float: none; width: 90%; margin: 0px auto; padding: 25px 0 35px;}
	.foot-nav{ display: none;}
	.ibox-newT .item{ margin-right: 5px; padding: 0 10px;}
	.btn-more{ width: 90px;}
	.pagePading{ padding: 45px 0;}
	.about-img{ float: none; width: auto;}
	.about-desc{ padding: 25px 0 0;}
	.jg-paget span{ font-size: 16px; padding: 4px 30px;}
	.branch-tabT .item{ margin-right: 0;}
	.branch-tabT .title{ font-size: 14px;}
	.honor-list li{ width: 32.33%;}
	.news-list .pimg{ float: none; width: auto;}
	.news-list .desc{ padding-left: 0;}
	.paging{ padding: 0 0 10px;}
	.paging a{ width: 36px; height: 36px; line-height: 36px; font-size: 12px; margin: 0 2px;}
	.paging a.pager{ display: none;}
	.pagePading2{ padding: 40px 0;}
	.info-T .t{ font-size: 22px;}
	.info-T .t::before{ width: 40px;}
	.info-time{ font-size: 13px;}
	.info-time .laiyuan{ display: block; margin-right: 0;}
	.previous a.backlist { float: none; width: 100%; margin-bottom: 20px; }
	.bussine-list{ margin-top: 50px; margin-left: -2%;}
	.bussine-list li{ width: 48%; margin-left: 2%; margin-bottom: 10px;}
	.company-demo .swiper-slide{ width: 200px;}
	.culture-list .culture-yy{ font-size: 16px;}
	.stylee-list { margin-left: -2%;}
	.stylee-list li{ width: 48%; margin-left: 2%;}
	.stylee-list .txt{ font-size: 14px;}
	.responsibility-list li{ margin-bottom: 10px;}
	.mapBox{ height: 240px;}
	.contact-demo .swiper-slide{ margin: 0;}
	.contact-demo{ padding-bottom: 40px;}
	.company-demo .page-t{ font-size: 14px;}
	.contact-demo .slick-dots li{ margin: 0 4px;}
	.contact-demo .slick-dots li a{ width: 6px; height: 6px; }
	.hrList .hspan:nth-child(3),.hrList .hspan:nth-child(5){ display: none;}
	.hrList .hspan{ width: 22%;}
	.hrList .hspan1{ width: 73%;}
	.hrList .hrdt,.hrList .hspan,.hrList .hrT .hspan{ height: 44px; line-height: 44px; font-weight: normal;}
	.hrList .ib{ margin-top: 18px;}
	.serach-list li{ padding: 20px 5%;}
	.serach-list .timeBox{ font-size: 18px; float: none;}
	.serach-list .desc{ padding-left: 0;}
	.serach-list .title{ font-size: 16px; margin-bottom: 15px;}
	.serach-list li{ margin-bottom: 20px;}
}
@media screen and (max-width: 481px) { 
	.honor-list li{ width: 49%;}
	.mapBox{ height: 200px;}
}
@media screen and (max-width: 421px) {
	.ibox-newT .item{ padding: 0 8px;}
}
@media screen and (max-width: 340px) {
	.ibox-newT .btn-more{ display: none;}
	.stylee-list { margin-left: 0;}
	.stylee-list li{ width: 100%; margin-left: 0; float: none; margin-bottom: 20px;}
}