@media screen and (min-width: 1025px) { 
	.transXT50 { 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 { 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 { 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{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT50 { 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{ transition-delay: 500ms; -webkit-transition-delay: 500ms; }
	.dly_6{ transition-delay: 600ms; -webkit-transition-delay: 600ms; }
	.dly_7{ transition-delay: 700ms; -webkit-transition-delay: 700ms; }
	.dly_8{ transition-delay: 800ms; -webkit-transition-delay: 800ms; }
	.dly_9{ transition-delay: 900ms; -webkit-transition-delay: 900ms; }
	.dly_10{ transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
	.dly_11{ transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
	.item-span span{ visibility: hidden; display: inline-block;}
	.item-span2 i{ visibility: hidden; display: inline-block;}
	.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:flipInX; animation-name:flipInX; }
	.fixedImg { background-attachment: fixed;}
	.grop-search:hover .item{ background-color: #e8e8e8; width: 88px;padding: 0 60px 0 30px;}
	.grop-search:hover .item .txt{ opacity: 1; visibility: visible\9;}
	.grop-search:hover .btn{ background-color: #E8E8E8;}
	.pbanner-bg.fsShow{ /* transform: translateY(-20px); -webkit-transform: translateY(-20px); opacity: 0; visibility: hidden\9; */ background-color: #fff; }
	.ivideo-box.cur{ 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;}
	.isub-item:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.1); transform: scale(1.04); -webkit-transform: scale(1.04); z-index: 4;}
	.about-nav li:hover:before,.about-nav li:hover:after{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
	.about-nav a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); opacity: 1; visibility:visible\9;}
	.group-list li:hover .txt{ color: #d02127;}
	.ap-nav a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
	.active .ibox-desc{  -webkit-animation: scale2 .8s .6s forwards; animation: scale2 .8s .6s forwards;}
	.idea-list dd:hover .desc{ opacity: 1; visibility: visible\9; transform: inherit; -webkit-transform: inherit;}
	.architecture-list dd:hover{ box-shadow: 0px 8px 24px rgba(0,0,0,0.16); background-color: #d02127;}
	.architecture-list dd:hover h4,.architecture-list dd:hover .c,.architecture-list dd:hover .time{ color: #fff;}
	.architecture-list dd:hover .bg,.case-list li:hover .bg,.media-list dd:hover .bg,.hr-list dd:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0%; -webkit-transform-origin: left 0%; visibility: visible\9;}
	.pager-box a:hover{ color: #72D16A; }
	.pager-box a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); opacity: 1; visibility:visible\9;}
	.case-list li:hover,.media-list dd:hover{ box-shadow: 0px 8px 24px rgba(0,0,0,0.16); background-color: #d02127; color: #fff;}
	.case-list li:hover .add{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); -moz-transform:rotate(90deg);}
	.case-list li:hover .add:before,.case-list li:hover .add:after{  background-color: #fff;}
	.case-list li:hover .add:before{ height: 16px; opacity: 1; visibility: visible\9;} 
	.case-list li:hover .add:after{ width: 16px;}
	.media-list dd:hover .c,.media-list dd:hover .more,.media-list dd:hover .time{ color: #fff;}
	.media-list dd:hover .time .line{ background-color: #fff;}
	.media-serach .btn:hover{ background-color: #fff;}
	.book-list li:hover{ box-shadow: 0px 8px 24px rgba(0,0,0,0.16);}
	.book-list li:hover:before{ opacity: 1; visibility: visible\9;}
	.book-list li:hover .txt{ background-color: #d02127; color: #fff;}
	.book-list li:hover .iconfont{ background-color: #fff; color: #d02127;}
	.video-list li:hover .video-ico{ color: #fff;}
	.video-list li:hover .video-ico:before{ content: "\e603";}
	.hr-list dd:hover{ color: #fff;}
	.hr-list dd:hover .sname1 i{ color: #fff;}
}
@media screen and (max-width: 1650px) {
	.nav>ul>li{ margin-right: 25px;}
	.nav>ul>li>a{font-size: 15px;}
	.iboxT .zh{ font-size: 34px;}
	.iboxT .by{ letter-spacing: 5px; font-size: 14px;}
	.ibox-about{ width: 10%;}
	.ibox-about .more{ font-size: 24px;}
	.iabout-list{ margin-top: 8%;}
	.iabout-list .ico{ font-size: 50px;}
	.iabout-list .more{ font-size: 24px;}
	.ibox-num .num{ font-size: 56px;}
	.ibox-desc{ width: 380px; height: 380px; padding: 20px;}
	.ibox-desc .ilogo{ padding-top: 14px;}
	.ibox-desc .t{ font-size: 24px;}
	.ibox-desc .c{ margin-top: 25px; font-size: 14px;}
	.ibox-media{ padding: 60px 10%;}
	.imedia-box h4{ font-size: 16px; height: 48px;}
	.imedia-bot{ padding: 45px 2%;}
	.imedia-bot .ico{ font-size: 34px;}
	.imedia-bot .t{ font-size: 24px;}
	.imedia-bot .c{ font-size: 18px;}
	.ibox-subtxt{ font-size: 30px;}
	.isub-t .zh,.isub-t2 .zh{ font-size: 24px;}
	.isub-t .en{ font-size: 18px;}
	.about-by{ font-size: 90px;}
	.about-title{ width: 700px;}
	.about-demo{ width: 500px; top: 20%;}
	.aboutT .en{ font-size: 54px;}
	.aboutT .zh{ font-size: 46px;}
	.about-nav li{ height: 80px; line-height: 80px;}
	.pbanner-bg{ height: 400px;}
	.pb-logo{ width: 580px;}
	.pbg-l{ top: 280px;}
	.page-sider{ padding-top: 150px;}
	.pageT .en{ font-size: 42px;}
	.pageT .zh{ font-size: 24px;}
	.page-nav{ padding-top: 30px;}
	.page-nav li{ margin-bottom: 4px;}
	.pager-box{ top: 45%;}
	.ap-nav li{ height: 50px; line-height: 50px;}
	.ap-nav a{ font-size: 14px;}
	.ap-nav a:before{ height: 4px;}
	.ap-nav-box{ height: 50px;}
	.w1150{ width: 100%;}
	.p1000{ width: 800px;}
	.media-list .c{ font-size: 14px; height: 75px;}
	.media-list .con{ padding: 35px 85px 0 350px;}
	.media-list .time{ width: 85px; font-size: 14px;}
	.serach-pbox{ margin-top: 110px;}
}
@media screen and (max-width: 1440px) {
	.banner .zh{ font-size: 50px;}
	.ibox-one{ height: 400px; padding-top: 35px;}
	.iabout-box .type{ font-size: 14px;}
	.iabout-box .by{ font-size: 24px;}
	.iabout-box .pageC{ font-size: 14px; height: 50px; margin-bottom: 10px;}
	.iabout-list li,.ibox-num li{ font-size: 14px;}
	.ibox-num .num{ font-size: 50px;}
	.itype-box{ padding-top: 20px;}
	.itype-box li{ margin-top: 10px; }
	.itype-box .ico{ width: 70px; height: 70px; line-height: 70px; font-size: 40px;}
	.itype-box .zh{ font-size: 14px;}
	.itype-box .en{ font-size: 12px; height: 36px;}
	.w940{ width: 800px;}
	.iboxT .zh{ font-size: 30px;}
	.iboxT .by{ letter-spacing: 2px;}
	.ibox-about .iboxT{ padding-bottom: 50px;}
	.itype-box{ width: 900px;}
	.icase-nav li{ padding: 20px 0;}
	.icase-nav .ico{ font-size: 28px;}
	.icaseT{ width: 30%;}
	.icaseT .title{ font-size: 20px; margin-bottom: 10px;}
	.btn-more3{ width: 20px; height: 20px;}
	.icase-demo .desc{ bottom: 140px;}
	.ibox-media{ height: 416px;}
	.imedia-bot{ padding: 35px 2%;}
	.imedia-bot .ico{ font-size: 28px;}
	.imedia-bot .t{ font-size: 20px;}
	.imedia-bot .c{ font-size: 16px;}
	.ibox-subtxt{ font-size: 28px;}
	.isub-t, .isub-t2{ padding-top: 35px;}
	.isub-t .zh,.isub-t2 .zh{ font-size: 20px;}
	.isub-t .en{ font-size: 16px;}
	.page-nav li{ font-size: 13px;}
	.idea-list .tbox{ margin-top: -35px;}
	.idea-list .tbox .zh{ font-size: 20px;}
	.idea-list .tbox .en{ font-size: 18px;}
	.architecture-list figure{ width: 350px;}
	.architecture-list .con{ padding: 0 35px 0 365px;}
	.architecture-list h4{ font-size: 16px; }
	.page-content2{ width: 70%;}
}
@media screen and (max-width: 1370px) {
	.inner{ width: 1100px;}
	.top{ height: 70px;}
	.logo{ margin-top: 12px;}
	.logo a{ height: 46px;}
	.nav>ul>li{ margin-right: 20px;}
	.nav>ul>li>a{ height: 70px; line-height: 70px; font-size: 15px;}
	.grop-box{ margin-right: 70px;}
	.grop-search{ margin-top: 16px;}
	.menubar{ left: 2%; width: 96%; margin: -260px 0 0 0;}
	.menu-handler span{ height: 2px; width: 24px; margin-top: 34px;}
	.menu-handler span:after, .menu-handler span:before{ height: 2px;}
	.menu-handler{ width: 70px; height: 70px;}
	.menu li{ padding: 40px 0; height: 440px;}
	.menu>li>a{ margin-bottom: 20px;}
	.menu .subnav p{ margin-bottom: 5px;}
	.banner .zh{ font-size: 46px;}
	.ibox-num li{ padding: 0px 15px;}
	.ibox-num .num{ font-size: 40px;}
	.iboxT .zh{ font-size: 28px;}
	.iboxT .by{ letter-spacing: 2px;}
	.ibox-about .more{ font-size: 20px;}
	.w940{ width: 700px;}
	.itype-box{ width: 800px;}
	.icaseT{ right: 5%; width: 40%;}
	.isub-t .zh,.isub-t2 .zh{ font-size: 18px;}
	.isub-t .en{ font-size: 14px;}
	.ibox-subtxt{ font-size: 24px;}
	.isub-t, .isub-t2{ padding-top: 20px;}
	.about-by{ font-size: 80px;}
	.about-title{ width: 600px; margin-right: -500px;}
	.about-demo{ width: 440px; margin-right: -500px;}
	.aboutT{ border-bottom: 100px; margin-left: -500px;}
	.aboutT .en{ font-size: 44px;}
	.aboutT .zh{ font-size: 36px;}
	.about-nav{ width: 1000px;}
	.about-nav li{ height: 60px; line-height: 60px;}
	.pbanner-bg{ height: 320px;}
	.pb-logo{ width: 440px;}
	.pbg-l{ top: 280px;}
	.warp{ margin-top: 70px;}
	.page-sider{ padding-top: 100px;}
	.pageT .en{ font-size: 34px; margin-bottom: 5px;}
	.pageT .zh{ font-size: 20px;}
	.page-nav{ padding-top: 30px;}
	.spirit-demo,.social-demo{ width: 740px;}
	.spirit-nav li,.social-demo .slick-dots li{ padding: 15px 0; font-size: 18px;}
	.spirit-nav li:before,.social-demo .slick-dots li:before{ height: 2px;}
	.spirit-demo .txt,.social-demo .txt{ font-size: 16px;}
	.idea-list .tbox{ margin-top: -30px;}
	.idea-list .tbox .zh{ font-size: 18px;}
	.idea-list .tbox .en{ font-size: 16px;}
	.idea-list .desc .bot{ width: 4px; height: 18px; margin: 25% auto 15px;}
	.honor-img dd{ padding: 0px 4%; width: 17%;}
	.arch-box{ margin-top: 100px;}
	.case-m{ width: 640px;}
	.f32{ font-size: 28px;}
	.w1000{ width: 800px;}
	.info-banner{ margin-top: 70px; padding: 125px 0 50px;}
	.security-sbox{ padding-bottom: 50px;}
	.mapbox{ height: 340px;}
	.contact-page{ width: 74%;}
	.serach-pbox{ margin-top: 55px; padding-right: 80px;}
	.serach-pbox .txt{ padding: 15px 5%;}
	.serach-pbox .btn{ height: 60px; width: 70px; line-height: 60px; font-size: 28px;}
}
@media screen and (max-width: 1280px) {
	.banner .zh{ font-size: 40px;}
	.banner .by, .banner .en{ font-size: 16px;}
	.ibox-about .iboxT{ padding-bottom: 35px;}
	.pageT .en{ font-size: 30px;}
	.case-list .txt{ height: 60px; line-height: 60px; font-size: 14px; padding: 0px 60px 0 15px;}
	.case-list .add{ width: 16px; height: 16px; margin-top: -8px; right: 5%;}
	.case-list .add:before{ height: 16px;}
	.case-list .add:after{ width: 16px;}
	.f32{ font-size: 24px;}
	.security-sbox{ padding-bottom: 40px;}
	.mess-item{ width: 80%;}
	.mess-item2{ padding: 40px 0 5% 45px;}
	.stxt3{ width: 80%;}
	.stxt5{ width: 40%;}
	.mess-r .yzm2{ margin-top: 15px;}
	.mess-r .la{ margin: 4px 10px 0;}
}
@media screen and (max-width: 1260px) {
	.logo{ margin-top: 14px; margin-left: 2%;}
	.logo a{ height:42px;}
	.grop-search{ margin: 16px 10px 0 5px;}
	.inner{ width: 960px;}
	.nav>ul>li{ margin-right: 15px;}
	.nav>ul>li>a{ font-size: 14px;}
	.menubar{ margin-top: -230px;}
	.menu li{ padding: 30px 0; height: 400px;}
	.menu>li>a{ font-size: 16px; padding: 0px 10px;}
	.menu .subnav{ padding: 0px 10px;}
	.menu .subnav p{ font-size: 12px;}
	.foot-top{ padding: 50px 3%;}
	.foot-l{ width: 200px;}
	.foot-tel{ font-size: 24px;}
	.foot-tel i{ font-size: 20px; margin-right: 5px;}
	.foot-erm-box .item{ margin-left: 20px;}
	.link-select-box{ width: 250px; margin: 0px auto;}
	.ibox-about{ display: none;}
	.w880,.w1100{ width: 90%;}
	.pageT .en{ font-size: 28px;}
	.company-page{ width: 80%; margin: 0px auto;}
	.a-en,.a-zh{ font-size: 24px;}
	.spirit-demo,.social-demo{ width: 80%;}
	.idea-list .tbox{ margin-top: -26px;}
	.idea-list .tbox .zh{ font-size: 16px;}
	.idea-list .tbox .en{ font-size: 14px;}
	.history-list{ margin-left: 60px;}
	.honor-img dd{ width: 23.33%; padding: 0px 5%; margin-bottom: 30px;}
	.honor-img figure{ margin-bottom: 15px;}
	.social-m{ width: 90%; margin-left: 5%;}
	.p1000{ width: 90%; margin: 0px auto;}
	.architecture-list figure{ width: 280px;}
	.architecture-list .con{ padding: 0 20px 0 300px;}
	.architecture-list h4{ padding-top: 35px; margin-bottom: 15px;}
	.architecture-list .time{ margin-top: 15%;}
	.arch-desc{ width: 40%; padding: 50px 0;}
	.pager-box{ left: 3%;}
	.case-m{ width: 90%; margin-left: 5%;}
	.pading{ width: 90%; margin: 0px auto;}
	.book-list li{ box-shadow: 0px 8px 24px rgba(0,0,0,0.16); width: 42.5%; margin-left: 5%; margin-right: 0;}
	.book-list figure{ padding: 25px 5% 0;}
	.book-list .txt{ height: 50px; line-height: 50px; font-size: 14px; padding:0 5%;}
	.book-list li:before{ opacity: 1; visibility: visible\9;}
	.security-page{ padding: 45px 5%;}
	.security-page .pageC{ width: auto;}
	.security-sbox{ width: auto;}
	.security-sbox .yzm{ height: 54px;}
	.security-sbox .sbtn{ height: 52px; line-height: 52px; width: 22%;}
	.stxt{ height: 50px; line-height: 50px;}
	.mess-item2{ padding: 30px 0 5% 35px; margin: 35px 0 25px;}
	.m32{ margin-bottom: 25px;}
	.mess-l,.mess-r{ float: none; width: auto;}
	.mess-r{ margin-top: 25px;}
	.stxt4{ height: 50px; line-height: 50px;}
	.mess-r .la{ margin: 15px 0 0;}
	.mess-item a.sbtn2{ height: 50px; line-height: 50px;}
	.join-list{ margin-left: 0;}
	.join-list li{ float: none; width: auto; margin-left: 0;}
	.distributors-list li{ width: 33.33%;}
	.training-nav li{ height:  60px; line-height: 60px; font-size: 14px; margin-left: 25px;}
	.training-nav li:before{ height: 4px;}
	.training-demo .bg{ display: none;}
	.training-demo .txt{ position: relative; left: auto; bottom: auto; padding: 15px 5%; background-color: #c7c7c7;}
	.training-demo .name{ margin-right: 15px; display: inline-block;}
	.hr-list .item{ padding: 20px 80px 20px 20px;}
	.hr-list .sname{ display: block; float: none; width: auto;}
	.hr-list .sname2{ margin-right: 0; padding-top: 6px;}
	.hr-list .sname1,.hr-list .sname1 i{ font-size: 16px;}
	.contact-page{ padding: 50px 5%; width: 90%;}
	.hPage{ width: 80%;}
	.search-page{ width: 90%; margin: 0px auto;}
}
@media screen and (max-width: 1024px) {
	.item-span span{ display: inline-block;}
	.vwrap .videobox { width: 700px; height: 422px; margin: -211px 0 0 -350px; }
	.inner,.w1000{ width: 90%;}
	.top{ position: fixed; width: 100%; padding: 0; height: 50px; color: #666; background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1); -webkit-transition:-webkit-transform .5s cubic-bezier(.25,.46,.45,.94); transition:transform .5s cubic-bezier(.25,.46,.45,.94);}
	.logo{ margin: 8px 0 0 3%;}
	.logo a{ height: 34px;}
	.nav,.menuBox{ display: none;}
	.grop-box{ margin-right: 50px;}
	.grop-search{ margin: 0; height: 50px; width: 40px;}
	.grop-search .item{ display: none;}
	.grop-search a.btn{ line-height: 50px; /* background-color: #F7F8F9; */ border-radius: 0; font-size: 20px;}
	.grop-search a.btn2{ display: block;}
	.menuBoxM { display: block; }
	.menu-handler{ width: 50px; height: 50px; background-color: transparent;}
	.menu-handler span{ margin-top: 23px; width: 20px; height: 4px; background-color: transparent;}
	.menu-handler span:after, .menu-handler span:before{ background-color: #d02127; height: 4px;}
	.menu-handler span:before{ top: -5px;}
	.menu-handler span:after{ bottom: -5px; width: 14px;}
	.menu-handler.active span:after, .menu-handler.active span:before{ background-color: #fff;}
	.menu-handler.active span:after{ width: 20px;}
	.pageH{ height: 50px;}
	.content{ position: static; left: auto; top: auto !important;}
	.page{ min-height: 0; height: auto !important;}
	.foot{ border-top: 2px solid #d02127;}
	.foot-c{ display: none;}
	.foot-top{ padding: 35px 0;}
	.foot-l,.foot-b{ float: none; display: block; width: auto;}
	.foot-logo{ width: 180px; margin: 0px auto;}
	.foot-tel{ margin-top: 10px; font-size: 20px;}
	.foot-erm-box{ text-align: center; padding: 25px 0 10px;}
	.foot-erm-box .item{ margin: 0px 5px 10px; float: none; width: 80px;}
	.foot-bot{ text-align: center; padding: 15px 0;}
	.stop,.main-nav,.sider-nav{ display: none;}
	.banner{ margin-top: 50px;}
	.banner .desc{ position: relative; top: auto; left: auto; margin-left: auto; width: 90%; background-color: #d02127; padding: 35px 5% 55px; overflow: hidden;}
	.banner-num{ display: none;}
	.banner .by, .banner .en{ font-size: 16px;}
	.banner .zh{ font-size: 40px;}
	.page .ibg{ position: static; left: auto; top: auto; padding: 60px 0;}
	.iboxT .zh{ font-size: 26px;}
	.ibox-about{ display: none; position: relative; left: auto; top: auto; width: 150px; margin: 0px auto; text-align: center; padding: 15px; margin-bottom: 35px;}
	.ibox-one{ position: relative; left: auto; top: auto; right: auto; height: auto; padding: 0px; margin: 0px auto;}
	.ibox-num{ position: relative; left: auto; top: auto; bottom: auto;}
	.ibox-num li{ float: left; display: block; width: 50%; box-sizing: border-box; margin-bottom: 20px;}
	.ibox-num li:nth-child(odd){ clear: both;}
	.ibox-desc{ position: relative; top: auto; bottom: auto; left: auto; right: auto; opacity: 1; margin: 40px auto; display: block;}
	.ibox-case{ position: relative; right: auto; top: auto; width: auto;}
	.icaseT{ position: relative; right: auto; width: 90%; margin: 0px auto 45px; text-align: center;}
	.icaseT .c{ height: auto;}
	.ibox-case .iboxT{ width: auto; text-align: center; background-color: #d02127; padding: 30px 5%;}
	.ibox-case .btn-more3{ position: relative; right: auto; top: auto; margin: 20px auto 0;}
	.ibox-case:before{ display: none;}
	.icase-nav{ position: relative; left: auto; bottom: auto; background-color: #d02127;}
	.icase-demo .desc{ bottom: 8%; left: 5%; width: 90%;}
	.icase-demo .title{ font-size: 16px; margin-bottom: 15px;}
	.page .ibox-video{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; background: none rgba(0,0,0,0.8) !important; padding: 0; display: none;}
	.page .ibox-video.cur{ display: block;}
	.ibox-video video{ display: block; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; height: auto;}
	.ivideo-box{ position: relative; left: auto; top: auto; width: auto; margin: 0px auto; overflow: hidden; padding: 12% 5% 16%;}
	.ivideo-img{ display: block;}
	.ivideo-img:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3);}
	.ivideo-box .iboxT{ position: relative; color: #fff;}
	.vico-box{ width: 40px;}
	.vico{ width: 40px; height: 40px;}
	.vico i{ border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 8px solid #d02127; margin-left: -4px; margin-top: -6px; }
	.ibox-media{ position: relative; right: auto; top: auto; bottom: auto; height: auto; width: 90%; padding: 60px 5%;}
	.ibox-media .iboxT{ text-align: center;}
	.imedia-bot{ position: relative; width: 90%; padding: 20px 5%; text-align: center;}
	.imedia-bot .t{ margin-bottom: 10px;}
	.imedia-box{ margin-left: -3%;}
	.imedia-box li{ width: 30.33%; margin: 0px 0 0 3%;}
	.imedia-box h4{ font-size: 14px; height: 42px;}
	.ibox-sub{ position: relative; right: auto; top: auto; width: 90%; margin: 0px auto; padding: 60px 0;}
	.isub-box .simg{ display: none;}
	.ibox-subtxt:before{ left: 0; width: 50px;}
	.isub-item{ position: relative; width:50%; right: auto; top: auto; bottom: auto; left: auto; height: 300px; float: left; display: block;}
	.isub-t, .isub-t2{ padding-top: 50px;}
	.about-by{ font-size: 60px; padding-top: 50px;}
	.about-demo{ display: none;}
	.about-title{ right: 5%; margin-right: 0; width: 90%; bottom: 50%; transform: translateY(50%);-webkit-transform: translateY(50%);}
	.about-title .name{ font-size: 16px; top: 10%; width: 40%; background-size: 15px auto; padding-left: 25px;}
	.aboutT{ left: 5%; margin-left: 0;}
	.aboutT .en{ font-size: 28px;}
	.aboutT .zh{ font-size: 18px;}
	.about-nav{ width:100%; overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: touch;white-space: nowrap;}
	.about-nav ul{ display: inline-flex;display: -webkit-inline-flex;}
	.about-nav li{ width: auto; padding: 0px 30px;}
	.pbanner-bg{ height: 260px;}
	.pb-logo{ width: 340px; top: 80px;}
	.warp{ margin-top: 50px;}
	.page-sider{ left: 3%; width: 20%;}
	.pageT .en{ font-size: 24px;}
	.pageT .zh{ font-size: 16px;}
	.page-nav{ width: auto;}
	.page-content{ padding: 60px 0;}
	.ap-nav-box{ height: 40px;}
	.ap-nav li{ height: 40px; line-height: 40px;}
	.ap-nav a:before{ height: 2px;}
	.led-more{ padding: 20px 0 30px;}
	.group-demo .slick-dots{ bottom: -40px;}
	.group-demo .slick-dots li{ height: 60px;}
	.f24{ font-size: 20px;}
	.group-list .txt{ height: 50px; line-height: 50px;}
	.abanner-txt1{ font-size: 20px; background-size: 15px auto; padding-left: 25px; left: 10%; width: 80%;}
	.company-page{ padding: 50px 0 80px;}
	.a-en,.a-zh{ font-size: 20px;}
	.company-list li{ width: 50%;}
	.abanner-txt2{ left: 10%; width: 80%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	.abanner-txt2 h4{ font-size: 20px; margin-bottom: 5px;}
	.abanner-txt2 .c{ font-size: 14px;}
	.spirit-nav li,.social-demo .slick-dots li{ padding: 8px 0; font-size: 16px;}
	.spirit-nav li:before,.social-demo .slick-dots li:before{ height: 1px;}
	.spirit-demo .txt,.social-demo .txt{ font-size: 14px; left: 5%; right: 5%;}
	.cultureT{ padding: 50px 5% 30px;}
	.idea-list dd{ width: 100%; margin-bottom: 20px; background-color: #d02127;}
	.idea-list dd:last-child{ margin-bottom: 0;}
	.idea-list figure{ float: left; display: block; width: 50%;}
	.idea-list .desc{ left: 50%; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); height: auto; width: 40%; opacity: 1; visibility: visible\9;}
	.idea-list .desc .bot{ margin-top: 0;}
	.history-list{ margin-left: 40px;}
	.history-list .year{ font-size: 24px;}
	.history-list .title{ font-size: 16px;}
	/* .honor-item .img{ position: relative; left: auto; top: auto; margin:10px 0; left: auto; opacity: 1; visibility: visible\9; transform: initial;-webkit-transform: initial; width: 130px;} */
	.honor-item .img{ left: auto; right: 0; width: 130px; margin-top: -75px;}
	.honor-list{ width: 80%; margin: 0px auto; padding-bottom: 5px;}
	.honor-list dd{ border-bottom: 1px solid #E8E8E8; padding-bottom: 15px;}
	.honor-list:before{ display: none;}
	.honor-list .name,.honor-list .desc{ float: none; display: block; width: auto; text-align: left;}
	.honor-list .name{ margin-bottom: 10px;}
	.honor-item{ margin-bottom: 4px;}
	.honor-item .c{ display: block;}
	.party-page{ padding: 50px 0;}
	.social-tab table tr td{ padding: 15px 0;}
	.architecture-list dd,.case-list li,.media-list dd{ box-shadow: 0px 6px 14px rgba(0,0,0,0.16);}
	.architecture-list figure{ width: 220px;}
	.architecture-list .con{ padding: 0 20px 0 240px;}
	.architecture-list h4{ padding-top: 25px; margin-bottom: 10px; font-size: 15px;}
	.architecture-list .time{ margin-top: 8%;}
	.arch-desc{ padding: 30px 0;}
	.arch-desc .title{ margin-bottom: 15px;}
	.arch-page{ padding-bottom: 80px;}
	.pager-box{ position: relative; top: auto; left: auto; width: 100%; text-align: center; padding: 20px 0;}
	.pager-box a{ display: inline-block; float: left; width: 33.33%; box-sizing: border-box;}
	.case-list li{ margin-bottom: 40px;}
	.case-list .txt{ height: 50px; line-height: 50px; padding: 0px 5%;}
	.case-list .add{ display: none;}
	.case-ipage{ width: 90%; float: none; margin: 0px auto;}
	.f32{ font-size: 22px;}
	.media-list figure{ width: 240px;}
	.media-list .con{ padding: 15px 85px 0 260px;}
	.media-list .c{ margin-bottom: 10px;}
	.info-banner{ margin-top: 50px; padding: 85px 0 40px; background-position: 5% -90%;}
	.media-serach{ width: 28%;}
	.media-serach .btn .iconfont{ font-size: 20px;}
	.mess-item{ width: 90%;}
	.stxt3{ width: 88%; height: 180px;}
	.cooperation-list{ padding-top: 30px;}
	.cooperation-list li{ width: 29.33%; margin-bottom: 25px;}
	.mapbox{ height: 260px;}
	.md-modal .align-vertical{ width: 100%;}
	.form-box-close{ width: 44px; height: 44px; line-height: 44px; margin-top: 0; top: 3%; right: 3%; left: auto;}
	.form-box-close i{ line-height: 44px;}
	.serach-pbox{ margin-top: 65px; padding-right: 60px;}
	.serach-pbox .txt{ padding: 10px 5%;}
	.serach-pbox .btn{ height: 50px; width: 50px; line-height: 50px; font-size: 24px;}
	.noPage{ margin-top: -120px;}
	.noimg{ font-size: 150px;}
	.no-btn{ padding: 45px 0px 0; width: 260px;}
	.no-btn a{ width: 120px; height: 46px; line-height: 46px;}
}
@media screen and (max-width: 860px) { 
	.vwrap .videobox { width: 560px; height: 315px; margin:-158px 0 0 -280px; } 
	.w940,.itype-box{ width: 90%;}
	.iabout-box .by{ font-size: 20px;}
	.iabout-box .pageC{ height: 75px;}
	.itype-box{ padding-top: 30px;}
	.pbanner-bg{ height: 250px;}
	.pb-logo{ width: 240px;}
	.pageT .en{ font-size: 20px;}
	.pageT .zh{ font-size: 14px;}
	.architecture-list figure{ width: 180px;}
	.architecture-list .con{ padding: 0 20px 0 200px;}
	.architecture-list h4{ padding-top: 15px; margin-bottom: 5px; font-size: 14px;}
	.architecture-list .time{ margin-top: 5%;}
	.media-list figure{ width: 200px;}
	.media-list .con{ padding: 15px 20px 0 220px;}
	.media-list .c{ margin-bottom: 5px; height: 50px;}
	.media-list .time{ display: none;}
	.w800{ width: 90%;}
	.distributors-list li{ width: 50%;}
	.distributors-list li:nth-child(odd){ clear: both;}
}
@media screen and (max-width: 640px) { 
	.vwrap .videobox { width: 400px; height: 300px; margin: -155px 0 0  -200px; }
	.menuBoxM{ width: 240px;}
	.link-select-box{ width: 90%; height: 34px; line-height: 34px;}
	.link-select-box .mt{ line-height: 34px;}
	.smlink{ margin-left: 0; display: block;}
	.banner .by, .banner .en{ font-size: 14px;}
	.banner .zh{ font-size: 24px;}
	.banner .btn-more{ margin-top: 30px; display: none;}
	.banner .desc{ padding: 25px 5% 40px;}
	.banner-dots2{ bottom: 180px;}
	.btn-more{ width: 100px; border-width: 1px; height: 34px; line-height: 34px; font-size: 12px;}
	.itype-box li{ width: 31.33%;}
	.itype-box .ico{ width: 60px; height: 60px; line-height: 60px; font-size: 30px; border-width: 1px;}
	#ibox3 .ibg{ padding: 0;}
	.ibox-desc{ width: auto; height: auto; border-radius: 0; margin: 0; padding: 40px 5% 60px;}
	.ibox-desc:before{ display: none;}
	.ibox-desc .en{ font-size: 14px;}
	.iabout-box .type{ font-size: 12px;} 
	.iabout-box .by{ font-size: 18px;}
	.iabout-box .pageC{ font-size: 12px; height: 84px;}
	.iabout-list li{ width: 50%; margin-right: 0;}
	.ibox-num li{ font-size: 12px;}
	.ibox-num .num{ font-size: 34px; margin-bottom: 0;}
	.iboxT{ padding-bottom: 35px;}
	.iboxT .zh{ font-size: 20px;}
	.icaseT .title{ font-size: 18px;}
	.icase-nav li{ width: 25%; border-bottom: 1px solid rgba(255,255,255,0.17);}
	.icase-demo .desc{ position: relative; left: auto; bottom: auto; padding: 30px 5%; background-color: #666666;}
	.icase-demo .title{ margin-bottom: 8px;}
	.icase-demo .c{ margin-bottom: 5px;}
	.imedia-box li{ width: 47%;}
	.imedia-box li:nth-child(3){ display: none;}
	.ibox-subtxt{ font-size: 20px; padding-left: 50px; margin-bottom: 35px;}
	.ibox-subtxt:before{ width: 30px;}
	.isub-item{ height: 240px;}
	.isub-t, .isub-t2{ padding-top: 30px;}
	.about-by{ font-size: 40px;}
	.about-nav li{ padding: 0px 25px;}
	.about-title .name{ width: 70%; top: 25%;}
	.ap-nav { overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: touch;white-space: nowrap;}
	.ap-nav ul{ display: inline-flex;display: -webkit-inline-flex; width: auto;}
	.ap-nav li{ width: auto; padding: 0px 30px;}
	.pbanner-bg{ position: inherit; height: 180px;}
	.warp{ margin-top: 0; min-height: auto;}
	.pbg-l{ display: none;}
	.page-sider{ position: relative; left: auto; width: auto; padding-top: 0px; margin-top: -90px;}
	.page-sider.fsShow{ transform: inherit; -webkit-transform: inherit; opacity: 1; visibility: visible\9; }
	.pageT{ width: 90%; margin: 0px auto; padding-bottom: 20px;}
	.page-nav{ width: auto; overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: touch; white-space: nowrap; padding-top: 0; border-bottom: 1px solid #e5e5e5;}
	.page-nav ul{ display: inline-flex; display: -webkit-inline-flex;}
	.page-nav li{ margin: 0px 20px;}
	.page-nav a{ display: block; height: 40px; line-height: 40px;}
	.groupPage{ margin-bottom: 45px;}
	.groupPage:first-child{ margin-top: 45px;}
	.page-content{ float: none; width: auto; padding: 0 0 45px;}
	.f24{ font-size: 18px;}
	.group-pageC{ padding: 35px 5%;}
	.group-list .txt{ height: 40px; line-height: 40px; font-size: 12px;}
	.groupT{ padding-bottom: 10px; margin-bottom: 25px;}
	.abanner-txt1{ left: 5%; font-size: 16px;}
	.company-page{ width: 90%; padding: 40px 0 60px;}
	.company-page .pageC{ margin-top: 30px;}
	.a-en, .a-zh{ font-size: 18px;}
	.a-en{ margin-bottom: 5px;}
	.company-list .txt{ font-size: 12px; padding: 10px 10%; width: 80%;}
	.abanner-txt2{ left: 5%; width: 90%;}
	.abanner-txt2 h4{ font-size: 16px;}
	.abanner-txt2 .c{ font-size: 12px;}
	.spirit-demo, .social-demo{ width: 100%;}
	.spirit-nav,.social-demo .slick-dots{ position: relative; width: 100%; right: auto; top: auto;}
	.spirit-nav li,.social-demo .slick-dots li{ font-size: 12px; padding: 10px 10px; display: inline-block;}
	.spirit-nav li:before, .social-demo .slick-dots li:before{ width: 100%;}
	.spirit-demo .txt,.social-demo .txt{ font-size: 12px;}
	.idea-list .desc{ font-size: 12px;}
	.idea-list .desc .bot{ display: none;}
	.history-list{ width: 90%; margin: 0px auto;}
	.history-list:before{ top: 62px;}
	.history-list dd{ padding: 25px;}
	.history-list dd:before{ top: 30px;}
	.history-list .year{ font-size: 20px;}
	.history-list .title{ font-size: 15px;}
	.honor-img{ padding-top: 45px;}
	.honor-img dd{ width: 40%;}
	.party-page{ padding: 45px 0 30px;}
	.social-tab table tr td{ padding: 8px 0; display: block; width: 100%;}
	.p1000{ margin: 0px auto;}
	.architecture-list{ padding-top: 45px;}
	.architecture-list dd{ margin-bottom: 35px;}
	.arch-box{ margin-top: 40px;}
	.arch-desc{ padding: 0;}
	.arch-page{ padding-bottom: 50px;}
	.arch-page .pageC{ width: auto;}
	.case-list{ padding-top: 45px;}
	.f32{ font-size: 20px;}
	.case-m{ padding: 35px 0;}
	.pading a{ height: 40px; line-height: 40px; padding: 0 15px; font-weight: normal;}
	.info-banner{ padding: 30px 0;}
	.info-page{ padding: 35px 0;}
	.media-sbox{ padding: 40px 0; margin-bottom: 0;}
	select.mad-sel,.media-serach{ border-bottom: 0px none; color: #333; background-color: #dedede; border-bottom-width: 1px;}
	.media-serach{ margin-bottom: 15px;}
	.media-serach,.media-select{ float: none; width: auto;} 
	select.mad-sel{ box-sizing:border-box; padding: 10px 5%; background-position: 93% center; margin-right: 4%; width: 48%; height: 40px;}
	select.mad-sel:last-child{ margin-right: 0;}
	.media-serach .txt,.media-serach .btn{ color: #333;}
	.media-serach .txt{ margin-left: 5%; width: 95%; padding: 10px 0;}
	.media-serach .btn{ line-height: 40px;}
	.media-serach input::-webkit-input-placeholder{color:#333;}
	.media-serach input::-moz-placeholder{ color:#333;}
	.media-serach input:-moz-placeholder{ color:#333;}
	.media-serach input:-ms-input-placeholder{color:#333;}
	.book-list{ padding: 45px 0 10px;}
	.security-sbox{ padding:35px 5% 0;}
	.security-sbox .stxt{ border-bottom-color: #d02127; border-bottom-width: 1px; color: #333333;}
	.fstxt input::-webkit-input-placeholder{color:#333;}
	.fstxt input::-moz-placeholder{ color:#333;}
	.fstxt input:-moz-placeholder{ color:#333;}
	.fstxt input:-ms-input-placeholder{color:#333;}
	.stxt{ height: 40px; line-height: 40px;}
	.security-sbox .stxt{ width: 30%;}
	.security-sbox .yzm{ height: 42px;}
	.security-sbox a.sbtn{ height: 42px; line-height: 42px; background-color: #72D16A; color: #fff; display: block; margin:15px 0 0 0; width: 100%;}
	.mess-item{ margin: 0px auto 25px;}
	.mess-item:first-child{ padding-top: 40px;}
	.mess-item2{ width: 80%; margin: 0px auto 25px; padding: 15px 5%;}
	.mess-item .stxt{ border-bottom-color: #d02127; border-bottom-width: 1px; width: 100%;}
	.mess-item .stxt1{ margin-right: 0;}
	.stxt3{ width: 100%; height: 80px;}
	.mess-r .la{ font-size: 12px;}
	.cooperation-list{ padding-top: 20px;}
	.cooperation-list li{ margin-bottom: 15px;}
	.training-demo .txt{ font-size: 12px;}
	.mapbox{ height: 180px;}
	.contact-page{ padding: 40px 5%;}
	.contact-list,.contact-nav{ float: none; width: auto; display: block; padding-bottom: 25px;}
	.contact-nav a{ display: inline-block; margin-right: 10px;}
	.contact-nav a:last-child{ margin-right: 0;}
	.hPage{ width: 90%;}
	.hPage .if{ margin-bottom: 30px;}
	.hr-bot{ padding: 40px 0;}
	.hr-img .txt{ width: 100%;}
	.hr-img .l{ margin-left: 5px;}
	.search-bot{ width: 90%; margin: 0px auto;}
	.serach-pbox{ margin: 25px 0 35px; padding-right: 45px;}
	.serach-pbox .txt{ background-color: #E5E5E5; padding: 5px 5%;}
	.serach-pbox .btn{ height: 40px; width: 40px; line-height: 40px; font-size: 20px;}
	.serach-list{ padding: 0 0 25px;}
	.ivideo-box{ font-size: 12px;}
}
@media screen and (max-width: 481px) { 
	.vwrap .videobox { width: 300px; height: 240px; margin: -120px 0 0 -150px; }
	.itype-box li{ width: 48%;}
	.imedia-box{ margin-left: 0;}
	.imedia-box li{ width: 100%; /*margin: 0 0 35px;*/}
	.imedia-box li:nth-child(2){ margin-bottom: 0;}
	.imedia-box h4{ height: auto; margin-bottom: 0;}
	.architecture-list figure{ width: 120px;}
	.architecture-list .con{ padding: 0 10px 0 130px;}
	.architecture-list h4{ padding-top: 10px; font-size: 14px; white-space:inherit; font-weight: normal; height: 52px; overflow: hidden; margin-bottom: 5px;}
	.architecture-list .c{ display: none;}
	.architecture-list .time{ margin-top: 0;}
	.arch-img{ float: none; width: auto;}
	.arch-desc{ float: none; width: auto; margin: 25px 0 0;}
	.arch-page{ padding-bottom: 50px;}
	.case-list{ margin-left: 0;}
	.case-list li{ float: none; width: auto; margin-left: 0;}
	.media-list figure{ width: 160px;}
	.media-list .con{ padding: 10px 15px 0 175px;}
	.f32{ font-size: 18px;}
}
@media screen and (max-width: 421px) {
	.banner-dots2{ bottom: 170px;}
	.banner .by, .banner .en{ font-size: 12px;}
	.banner .zh{ font-size: 20px;}
	.isub-item{ height: 200px; float: none; width: 100%;}
	.isub-item4{ height: auto; padding-bottom: 40px;}
	.company-en, .company-zh{ font-size: 16px;}
	.media-list figure{ width: auto; float: none;}
	.media-list .con{ padding: 15px;}
	.security-sbox .stxt{ width: 28%;}
	.mess-r .yzm2{ margin: 5px 0 0 5px;}
	.mess-r .la{ margin: 0 0 0 5px;}
	.stxt5 { width: 55%;}
	.contact-nav a{ font-size: 16px;}
}
@media screen and (max-width: 340px) {
	.contact-nav a{ font-size: 15px;}
}