@media screen and (min-width:1025px){
	.fixedImg { background-attachment: fixed;}
	.ibox-life-list li:hover .bg{ opacity: 1; visibility: visible\9; transform: inherit; -webkit-transform: inherit;}
	.ibox-life-list li:hover .ico{  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
	.ibox-life-list li:hover .txt{ color: #fff;}
	.ibox-life-list li:hover .ico i.i1{ display: none;}
	.ibox-life-list li:hover .ico i.i2{ display: block;}
	.iproduct-list li:hover .cbox{ top: 38%;}
	.iproduct-list li.twoc:hover .cbox{ color: #fff;}
	.iproduct-list li:hover .black-60{ opacity: 1; visibility: visible; transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
	.iproduct-list li:hover .img .img1{ opacity: 0; transition: opacity 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; -webkit-transition: opacity 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;}
	.iproduct-list li:hover .img .img2{ visibility: visible; opacity: 1; transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.35s; -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0.35s;}
	.product-list li:hover .black-50{ opacity: 1; visibility: visible;}
	.product-list li:hover .con{ opacity: 1; visibility: visible; -webkit-transform: inherit;transform: inherit;}
	.product-list li:hover figure img{ /*transform: scale(1.05); -webkit-transform: scale(1.05);*/}
	.pro-info-list li:hover .txt{ transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0; visibility: hidden\9;}
	.pro-info-list li:hover article{ transform: inherit; -webkit-transform: inherit;  opacity: 1; visibility: visible\9;}
	.customized-type li:hover .img{ opacity: 1; visibility: visible\9; transform: inherit; -webkit-transform: inherit;}
	.customized-type li:hover .box{ border-color: transparent; color: #fff;}
	.customized-type li:hover .ico{ margin-top: 0;}
	.customized-type li:hover .c{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
	.customized-type li:hover .ico i.i1{ display: none;}
	.customized-type li:hover .ico i.i2{ display: block;}
}
@media screen and (max-width:1600px){
	.pbanner-C .zh{ font-size: 18px;}
	.pbanner-C .en{ font-size: 74px;}
	.pbanner-C .by{ margin: 35px auto 40px;}
	.customized-type{ margin-top: 60px;}
	.customized-img{ padding: 120px 0px;}
	.dock{ top: 55%;}
}
@media screen and (max-width:1441px){
	.pbanner-C .en{ font-size: 70px;}
	.pbanner-C .by{ margin: 30px auto 35px;}
	.cube-right{ right: -90px;}
	.cube-img-demo{ width: 1000px;}
	.dock{ top: 60%;}
}
@media screen and (max-width:1370px){
	.pbanner-C .en{ font-size: 60px;}
	.pbanner-C .by{ margin: 25px auto 30px;}
	.customized-img{ padding: 100px 0px;}
	.coreitemBox .by{ font-size: 16px;}
	.coreitemBox .t .txt{ font-size: 16px; padding: 8px 0px;}
	.team-desc .desc{ padding-top: 0;}
	.dock{ top: 65%;}
}
@media screen and (max-width:1260px){
	.inner,#joinPage1{ width: 960px;}
	.nav li{ font-size: 14px; padding: 0px 10px;}
	.nav .subnav{ width: 120px; margin-left: -60px; font-size: 12px;}
	.iboxT .zh{ font-size: 22px;}
	.iboxT .en{ font-size: 34px;}
	.ibox-life{ padding: 110px 0px 90px;}
	.ibox-life-list{ padding-top: 60px;}
	.ibox-customized{ padding: 120px 0px 80px;}
	.pro-infoPage,.pro-info-box { background-color:  transparent;}
	.pro-info-box .title{ margin-bottom: 35px; font-size: 18px;}
	.pro-info-box .con{ padding: 0;}
	.pro-type-list li{ width: 100%;}
	.customized-list{ font-size: 12px;}
	.cube-arrow{ width: 40px; height: 40px; line-height: 40px;}
	.cube-left{ left: 1%;}
	.cube-right{ right: -60px;}
	.cube-img-demo{ width: 900px;}
	.solution-list .con .c{ margin-bottom: 45px;}
	.serviceList .con{ width: 40%; padding-top: 0px;}
	.pageT3 .zh{ font-size: 30px;}
	.buy-list .type,.buy-list .name{ height: 25px; overflow: hidden;}
	.onlie-join{ padding: 100px 0px;}
	.corePage-list dd{ width: 48.5%; margin-left:1%;}
	.coreitemBox{ margin-bottom: 2%;}
	.coreitemBox figure .h50,.coreitemBox .y80{ display: none;}
	.coreitemBox .con{ background-color: rgb(164,142,117); display: block; padding:40px 0px; width: 100%; left: auto; position: relative; top: auto;}
	.coreitemBox:hover .con{ top: auto;}
	.coreitemBox .by1{ opacity: 0; transform: translate(0px,-50px); -webkit-transform: translate(0px,-50px); height: 0px; margin-bottom: 0px; overflow: hidden;}
	.coreitemBox .by2,.coreitemBox:hover .by2{ opacity: 1; margin: 0 auto 8px; visibility: visible;}
	.coreitemBox .t .bot1{ visibility: hidden; opacity: 0;}
	.coreitemBox .t .txt{ padding: 0px 0px 12px;}
	.coreitemBox .c{ display: block;}
	.historyPage .bg2c2422{ display: none;}
	.company-list{ padding-top: 20px;}
	.newItem .con{ width: 500px;}
	.ibox-life-list1{ margin-left: -480px;}
	.info-pic{ width: 80%;}
	.infocL{ width: 10%; margin: 0; right: auto; left: 0;}
	.infocR{ width: 10%; margin: 0; left: auto; right: 0;}
	.advantage-demo{ width: 980px;}
	.brand-historylist dd{ margin-bottom: 35px; padding-bottom: 15px; width: 74%;}
	.brand-historylist .oneItem{ margin-left: 26%;}
	.brand-historylist .img{ margin:0px 11% 0 8%;}
	.teamList dd{ width: 31.33%;}
	.serach-box{ padding: 40px 0;}
	.serach-banner-box .t{ font-size: 38px;}
	.serach-banner{ position: relative; width: 348px; padding: 10px 64px 10px 18px; height: 24px; line-height: 24px;}
	.serach-banner .btn { width: 74px; line-height: 44px;}
	.join-imgdemo2{ height: auto;}
	.space-demo .desc{ padding: 35px 5% 55px; width: 40%;}
	.space-demo .slick-arrow{ width: 40px; height: 40px; line-height: 40px; border-width: 2px;}
	.space-demo .slick-prev{ right: 42px;}
	.space-demo2 .slick-next{ left:42px; right: auto;}
	.space-demo h4{ font-size: 18px;}
}
@media screen and (max-width:1024px){
	.transYT50,.transYT20{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT50{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s 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 .transYT20 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT50{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); }
	.vwrap .videobox { width: 700px; height: 394px; margin:-197px 0 0 -350px; }
	.inner{ width: 90%;}
	.warp{ position: inherit; left: auto; top: auto;}
	.nav,.telBox{ display: none;}
	.top,.pageH{ height: 54px;}
	.logo{ width: 120px; padding: 13px 0px; top: 0;}
	.serach-Mbtn,.menu-handler,.menuBox{ display: block;}
	.foot{ background-repeat: no-repeat;}
	.link-nav,.link-right{ width: 100%; display: block; float: none;}
	.link-nav{ padding-bottom: 35px;}
	.link-box{ text-align: left; margin-right: auto;}
	.link-box .aitem i{ width: 22px; height: 22px; margin-right: 8px;}
	.link-erm{ width: auto; float: right;}
	.link-erm li:first-child{ margin-left: 0;}
	.banner .item img{ width: 134%; margin-left: -17%;}
	.banner .slick-dots li{ width: 8px; height: 8px;}
	.banner .slick-dots li a{ width: 6px; height: 6px; border-width: 1px;}
	.iboxT .zh{ font-size: 20px;}
	.iboxT .en{ font-size: 30px;}
	.ibox-life{ padding: 100px 0px 80px;}
	.ibox-life-list{ padding-top: 40px; margin-left: -2%;}
	.ibox-life-list li{ width: 23%; margin: 0px 0 10px 2%; background-color: rgba(255,255,255,0.8);}
	.ibox-life-list .ico{ width: 40px; height: 40px;}
	.iproduct-list .cbox{ top: 8%;}
	.iproduct-list .type{ font-size: 14px; margin-bottom: 0;}
	.iproduct-list h3{ font-size: 18px;}
	.ibox-customized{ padding: 100px 0px 80px;}
	.icustomized-list .ico{ width: 24px; height: 24px;}
	.icase-list .cbox{ margin-top: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.icase-list .cbox .en{ font-size: 20px;}
	.icase-list .cbox .zh{ font-size: 16px;}
	.icase-list{ margin-left: -0.5%;}
	.icase-list dd{ padding-bottom: 40%; width: 49.5%; margin:0px 0 0.5% 0.5%; overflow: hidden;}
	.pbanner{ height: auto;}
	.pbanner .load-img{ position: inherit !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; margin-top: 0; z-index: 0;}
	.pbanner .load-yy{ background: none rgba(0,0,0,0.2);}
	.pbanner-C .en{ font-size: 30px;}
	.pbanner-C .by{ margin: 15px auto 0px;}
	.pbanner-C .scroll-bot{ display: none;}
	.pro-type{ padding: 40px 0px;}
	.pro-typebox{ margin-bottom: 20px;}
	.pro-typebox:last-child{ margin-bottom: 0;}
	.pro-typebox dd a{ margin-right: 25px;}
	.pagePadding{ padding: 65px 0px;}
	.pagePadding2{ padding-top: 65px;}
	.paging{ padding-top: 40px;}
	.product-list{ margin-left: -5%;}
	.product-list li{ width: 45%; margin:0 0 5% 5%;}
	.product-list figure{ padding-bottom: 80%;}
	.product-list figure img{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.product-list .con{ position: relative; left: auto; top: auto; margin-top: auto; background-color: #DEB685; opacity: 1; visibility: visible; padding: 20px 5%; transform: inherit; -webkit-transform: inherit;}
	.product-list .con p{ height: 21px; overflow: hidden;}
	.product-list .bot{ margin: 5px auto;}
	.pro-info-list a:link, .pro-info-list a:visited { color: #4E4E4E; }
	.pro-info-list a:active, .pro-info-list a:hover { color: #4E4E4E;}
	.pro-info-list{ color: #4E4E4E;}
	.pro-info-list .txt{ display: none;}
	.pro-info-list article{ opacity: 1; visibility: visible\9; transform: inherit;-webkit-transform: inherit; position: relative; left: auto; top: auto; height: auto; padding: 35px 8%; background: none #F7F7F7; font-weight: normal;}
	.pro-info-list h3{ padding-top: 0;}
	.pro-info-list li:nth-child(odd){ clear: both;}
	.page-nav-box{ width: 100%; height: 44px; position: relative;}
	.page-nav-btn{ position: absolute; left: 0; top: 0; width: 100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap; text-align: center; border-bottom: 1px solid #ddd;}
	.page-nav-btn a:active,.page-nav-btn a:hover { color: #333;}  
	.page-nav-btn>ul{ display: inline-flex; display:-webkit-inline-flex;}
	.page-nav-btn li{ float: left; display: block; width: auto;}
	.page-nav-btn a{ line-height: 44px; height: 44px; font-size: 14px; padding: 0px 15px; border-right-color: #ddd;}
	.page-nav-btn a:after{ display: none;}
	.page-nav-btn a.active{ background-color: #deb685;}
	.w906{ width: 90%;}
	.pageT{ margin-bottom: 35px; }
	.pageT .zh{ font-size: 22px; }
	.pageT .en{ font-size: 24px; }
	.w1000{ width: 90%;}
	.customized-type{ margin: 50px auto 0;}
	.customized-type li{ padding: 0; width: 100%; margin:0 0 10px; float: none; background-color: #F5F5F5;}
	.customized-type li:nth-of-type(even){ background-color: #fcf1e2;}
	.customized-type .img{ display: none;}
	.customized-type .box{ height: auto; border: 0px none; padding: 25px;}
	.customized-type .ico{ margin: 0px auto 15px; border-radius: 50%; border: 1px solid #deb685; width: 50px; height: 50px; background-color: #fff;}
	.customized-type .ico i{ width: 24px; height: 24px; left: 50%; top: 50%; margin: -12px 0 0 -12px;}
	.customized-type .txt{ font-size: 16px;}
	.customized-type .bot{ display: none;}
	.customized-type .c{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
	.customized-img{ padding: 80px 0px;}
	.customized-imgbox{ width: 80%; padding: 35px 5% 20px;}
	.cus-fh{ font-size: 66px;}
	.customized-list .con{ position: relative; bottom: auto; margin-top: -15%; right: auto; margin-left: 5%; box-sizing: border-box; width: 100%;}
	.customized-list dd{ margin-bottom: 60px;}
	.customized-list .item2{ width: 40%;}
	.cube-page1 .bg1{ top: 5%; left: -10%;}
	.cube-page2 .bg1{ top: 40%;}
	.cube-img-demo{ width: 80%;}
	.cube-img-demo .con{ width: 45%;}
	.cube-img-demo .con h4{ font-size: 18px;}
	.cube-left{ left: 0;}
	.cube-right{ right: -62px;}
	.solution-list li{ padding: 20px;}
	.solution-list li .img{ float: left; display: block;}
	.solution-list li .img img{ transform: inherit; -webkit-transform: inherit;}
	.solution-list .twoItem .img{ margin-left: 0;}
	.solution-list .con{ position: relative; left: auto; top: auto; height: auto; float: left; display: block;  margin-left: 5%; width: 45%;}
	.solution-list .oneItem .con,.solution-list .twoItem .con{ left: auto;}
	.downloadList dd{ padding: 10px 5%;}
	.downloadList .t{ padding: 8px 0; background-image: none; font-size: 15px; margin-bottom: 15px;}
	.downloadList .downBtn{ position: relative; right: auto; top: auto; padding: 2px 0px 4px;}
	.downloadList .pdf{ margin-top: 0; width: 15px; height: 15px; background-size: cover; display: inline-block; position: relative; top: 8px; margin-right: 4px;}
	.downloadList .t:hover{ background-color: transparent; color: #B1834A;}
	.service-type{ padding: 100px 0px;}
	.service-titem{ width: 140px; height: 140px; font-size: 14px;}
	.service-titem i{ width: 40px; height: 40px; background-size: cover; margin: 30px auto 8px;}
	.box360 .con{ width: 40%;}
	.query-map{ height: 400px;}
	.shopbanner .item img{ width: 140%; margin-left: -20%; position: relative;}
	.pageT3{ margin-bottom: 45px;}
	.pageT3 .zh{ font-size: 24px;}
	.buy-list{ width: 600px; margin: 0px auto;}
	.buy-list li{ width: 48%; margin:0 1% 2%;}
	.buy-list li.oneItem{ width: 98%; margin: 0px 1% 2%;}
	.buy-list .con{ position: relative; left: auto; top: auto; height: auto; color: #4E4E4E; opacity: 1; visibility: visible\9; background-color: #DDDDDD; padding: 25px 5%;}
	.buy-list .bot{ background-color: #999999;}
	.onlie-join{ padding: 80px 0px;}
	.onlie-join-btn{ width: 100px; height: 74px; font-size: 14px;}
	.onlie-join-btn .ico{ width: 32px; height: 32px; margin-bottom: 0;}
	.process-list li{ width: 24%;}
	.processPage{ width: 80%; padding: 45px 5%;}
	.processPage .title{ text-align: center;}
	.form-box-close{ right: 50%; margin-right: -24px; top: -24px; width: 48px; height: 48px; background-color: #444; border-radius: 50%;}
	.form-box-close i{ background-size: 12px auto;}
	.md-modal{ overflow-x: hidden;}
	.joining-c{ width: auto; float: none; margin-bottom: 30px;}
	.joining-img{ width: 80%; float: none;}
	#joinPage1{ width: 90%;}
	#aboutPage .con{ width: auto; float: none;}
	#aboutPage .img{ float: none; width: 50%; margin: 50px auto 0;}
	.pbt{ padding-top: 120px;}
	.historyPage{ padding: 90px 0px;}
	.history-box{ width: 50%;}
	.history-box .year{ font-size: 80px;}
	.vcon .icon-shipin1{ width: 40px; height: 40px; margin: -20px 0 0 -20px; font-size: 40px; line-height: 40px;}
	.video-list dd{ width: 32.33%; margin-bottom: 15px;}
	.news-item .con .time{ margin-bottom: 10px;}
	.news-item .con .c{ margin-bottom: 40px;}
	.infoPage{ margin: 50px auto;}
	.infoPage .form-box-close{ right: 50%; margin-right: -24px; top: 10px; background-color: #deb685;}
	.pbanner2{ padding: 80px 0px;}
	.pbanner2 .en{ font-size: 30px;}
	.partnerList li{ width: 31.33%;}
	.newItem .con{ width: 45%;}
	.newsList .one .con{ width: 75%;}
	.companytab td.cr{ text-align: left;}
	.disclosure-list .more{ background-size: 28px auto; padding-left: 34px;}
	.investorleft{ float: none; width: auto;}
	.investorPage .bgf0{ display: none;}
	.investorleft .t { font-size: 24px; margin-bottom: 10px;}
	.investorright{ display: none;}
	.zhangdie{ font-size: 40px;}
	.investorleft .ico { font-size: 16px; }
	.investorleft .c{ padding: 5% 0px 0;}
	.comp-c li{ float: none; width: auto; padding-right: 0;}
	.advantages-list li{ width: 33.33%;}
	.introduction-nav .item{ width: 90px; height: 90px; margin: 0px 10px;}
	.introduction-nav .ico{ width: 30px; height: 30px; margin: 15px auto 5px; }
	.introduction-bot .l-bot,.introduction-bot .r-bot{ float: none; display: block;}
	.introduction-bot .l-bot{ padding-bottom: 15px;}
	.introduction-bot .r-bot .txt{ margin: 10px 0 5px; display: none;}
	.introduction-bot .r-bot a{ margin: 0 5px 0 0 ;}
	.introduction-bot .r-bot a:last-child{ margin-right: 0;}
	.join-process li{ padding: 0px 2%; width: 21%; margin-bottom: 25px;}
	.join-process li:before{ display: none;}
	.join-process .txt{ height: 42px; overflow: hidden;}
	.scheme-type .ico{ width: 40px; height: 40px;}
	.scheme-type li{ font-size: 14px; width: auto; margin: 0px 4%;}
	.ibox-life-list1{ display: none;}
	.verticaltop{ top: 0;}
	.noPage{ margin-top: -142px;}
	.banner-video{ display: none;}
	.load-img2{ visibility: visible;}
	.info-pic{ width: 100%;}
	.info-bg{ display: none;}
	.info-pic .slick-dots{ display: block !important;}
	.info-pic .slick-prev{ left: 2%;}
	.info-pic .slick-next{ right: 2%;}
	.btn-video{ position: relative; margin: 20px auto 0;}
	.advantage-demo{ width: 90%;}
	.brand-history{ width: 600px; padding: 20px 0 80px;}
	.brand-top,.brand-line{ display: none;}
	.brand-historylist dd{ width: auto; background-color: #FFFFFF; padding:15px 20px 25px; text-align: center; border-bottom-width: 2px;}
	.brand-historylist .oneItem{ margin-left: 0;}
	.brand-historylist .year,.brand-historylist .oneItem .year{ font-size: 30px; width: auto;}
	.brand-historylist .year,.brand-historylist .oneItem .year,.brand-historylist .img,.brand-historylist .oneItem .img,.brand-historylist .pageC{ float: none; display: block;}
	.brand-historylist .img,.brand-historylist .oneItem .img{ width: 70px; height: 70px; margin: 0px auto 15px; border-color: #deb685;}
	.brand-historylist .pageC{ width: auto;}
	.teamList dd{ width: 48%; margin: 0 0 30px 2%;}
	.pro-info-bg{ padding-bottom: 0;}
	.pro-info-bg img.vm{ display: block;}
	.product-list .pico{ transform: scale(0.8);}
	.add-form h4{ font-size: 22px;}
	.topsearch-form{ height: 80px; margin-top: -40px;}
	.topsearch-box{ padding: 0px 80px 0px 10px;}
	.topsearchtx{ height: 80px; line-height: 80px; font-size: 36px;}
	.topsearchbtn{ width: 80px;}
	.search-Ibox .close{ background-size: 70% auto;}
	.dock{ display: none;}
	.join-cbox .desc{ padding-top: 0;}
	.join-imgdemo2{ margin-left: -15px;}
	.join-imgdemo2 .item{ margin-left: 15px;}
	.join-type{ margin-left: -2%;}
	.join-type li{ width: 48%;}
	.join-type .item{ padding: 50px 0;}
	.join-type .item .t{ font-size: 24px;}
	.join-type .item .c{ font-size: 14px; height: 50px;}
	.join-type .iconfont{ width: 70px; height: 70px; line-height: 70px; font-size: 40px;}
	.team-desc .desc h4{ font-size: 16px; padding-bottom: 8px; margin-bottom: 15px;}
	.team-desc .img,.team-desc .desc{ float: none; width: auto;}
	.team-desc .img{ margin-bottom: 35px;}
	.team-box{ margin-top: 45px;}
	.team-title{ font-size: 18px; margin-bottom: 20px;}
	.map-box{ float: none; width: 100%; height: 300px;}
	.query-r{ float: none; width: 100%; height: auto; padding-bottom: 35px;}
	.act-add{padding: 10px 5%; height: auto; line-height: 1.5;}
	.query-t{ padding: 20px 5%;}
	.dealer-list { height: auto;}
	.dealer-list .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin: 0px auto; width: 90%;}
	.map-item{ margin: 0;}
	.add-cube-img .slick-arrow{ width: 40px; height: 40px; margin-top: -20px; line-height: 40px;}
	.cube-info-list li{ margin-bottom: 30px;}
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.w780{ width: 90%;}
	.icustomized-list .txt{ font-size: 14px;}
	.cube-demo .bgf0{ width: 100%;}
	.cube-img-demo .img{ margin: 40px auto;}
	.cube-img-demo .con{ position: relative; left: auto; top: auto; width: auto; padding-bottom: 50px;}
	.cube-arrow{ top: 10%; margin-top: 40px;}
	.cube-left{ left: 10%;}
	.cube-right{ right: 0px; background-color: #F0F0F0;}
	.cube-form .title{ font-size: 24px;}
	.cube-form-box{ padding-right: 0;}
	.cube-form-box .ctxt{ padding: 12px 5%;}
	.cube-form-box li{ width: 32%;}
	.cube-form-box li:last-child{ margin-right: 0;}
	.cube-form-box .cbtn{ position: relative; right: auto; top: auto; margin-top: 15px; width: 120px; height: 46px; line-height: 46px;}
	.solution-list .con .time{ margin-bottom: 10px;}
	.query-t .l{ float: none; display: block;}
	.query-t .c-selicts{ float: none; display: block; width: 100%; margin: 8px 0 0;}
	.query-map{ height: 320px;}
	.process-list li{ width: 49%;}
	.historyPage .img{ float: none; width: 70%;}
	.historyPage .img .by{ right: -35%;}
	.history-box{ float: none; width: 90%;}
	.new-content .grid-sizer{ width: 48%; margin-bottom: 25px;}
	.new-content .gutter-sizer{ width: 4%;}
	.new-content .news-item{ width: 48%; margin: 0 0 25px 0px;}
	.infoPage{ width: 80%; padding: 40px 5%;}
	.info-pading{ margin-top: auto; top: auto; position: relative; width: 48px; color: #fff; float: left; width: 49%;}
	.info-next{ margin-left: 2%; right: 0;}
	.info-pading{ color: #deb685; margin-top: 50px;}
	.info-pading i{ position: relative; width: 100%; height: 48px; line-height:48px; background-color: #deb685; color: #fff;}
	.newItem .img{ width: 35%; margin-right: 5%;}
	.newItem .con{ width: 40%;}
	.newItem .tiemBox{ padding: 10px;}
	.tiemBox .day{ font-size: 35px;}
	.newItem .more{ width: 100px; height: 36px; line-height: 36px;}
	.disclosure-list{ margin-left: -1%;}
	.disclosure-list li{ width: 48%; margin: 0px 1% 15px;}
	.noimg img{ width: 240px;}
	.no-t{ font-size: 20px;}
	.no-t2{ font-size: 16px; margin-bottom: 40px;}
	.product-suit{ margin-left: -2%;}
	.product-suit li{ width: 48%; margin-left: 2%;}
	.introduction-box{ width: 90%;}
	.join-tbox{ width: 80%;}
	.join-cbox .desc{ float: none; width: auto; margin-bottom: 25px;}
	.join-cbox .img{ float: none; width: auto;}
	.space-demo figure, .space-demo .desc{ float: none; width: auto; }	
	.space-demo .desc{ padding: 35px 5% 70px;}
	.cube-page-demo{ padding-bottom: 80px;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 300px; margin-top: -155px; }
	.menuBox{ width: 100%;}
	.menuMoblie { text-align: center;}
	.menuMoblie .nav-link{ font-size: 16px;}
	.menuMoblie .subnav a{ font-size: 14px;}
	.foot{ padding-top: 40px;}
	.linkBox{ padding-bottom: 30px;}
	.link-nav{ display: none;}
	.link-erm li{ width: 80px; font-size: 12px; float: none; display: inline-block;}
	.link-erm img{ height: 80px;}
	.foot-box .cbox{ float: none; display: block;}
	.smlink{ display: block; float: none;}
	.iboxT{ margin-bottom:35px;}
	.iboxT .zh{ font-size: 18px;}
	.iboxT .en{ font-size: 20px;}
	.ibox-life{ padding: 60px 0px;}
	.ibox-life-list{ padding-top: 15px;}
	.ibox-life-list li{ padding: 18px 0;}
	.ibox-life-list .ico{ width: 36px; height: 36px;}
	.iproduct-list li{ width: 100%; float: none;}
	.ibox-customized{ padding:60px 0;}
	.ibox-customized .pageC{ margin-bottom:50px;}
	.icustomized-list{ margin-top:80px;}
	.icustomized-list li{ width: 33.33%; margin-bottom: 30px;}
	.icase-list{ margin-left: 0;}
	.icase-list dd{ float: none; width: 100%; margin:0 0 5px 0; overflow: hidden; padding-bottom: 45%;}
	.icase-list dd:last-child{ margin-bottom: 0;}
	.pbanner-C .zh{ font-size: 14px;}
	.pbanner-C .en{ font-size: 24px;}
	.pbanner-C .by{ display: none;}
	.pro-type{ padding: 30px 0px;}
	.pro-type .inner{ width: 95%; margin-left: 5%;}
	.pro-typebox{ margin-bottom: 10px;}
	.pro-typebox dd a{ margin-right: 15px;}
	.pro-typebox dd{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap; text-align: left;}
	.pro-nav{ display: inline-flex; display:-webkit-inline-flex;}
	.pagePadding{ padding: 40px 0px;}
	.pagePadding2{ padding-top: 40px;}
	.paging{ padding-top: 30px;}
	.paging a{ margin: 0px 2px!important; padding: 5px 11px; font-size: 13px;}
	.product-list{ margin-left: -2%;}
	.product-list li{ width: 48%; margin: 0 0 2% 2%;}
	.proT{ font-size: 18px; padding: 10px 0px;}
	.pro-info-list{ margin-left: 0;}
	.pro-info-list li{ float: none; width: 100%; margin-left: 0;}
	.pro-info-list h3{ font-size: 16px; padding-bottom: 10px;}
	.pro-info-list article{ padding: 25px 5%; width: 90%;}
	.pro-info-box .img,.pro-info-box .con{ float: none; display: block; width: auto;}
	.pro-info-box .con{ margin: 30px 0 0;}
	.pro-info-box .title{ margin-bottom: 25px;}
	.proT2{ font-size: 14px;}
	.pro-type-list li{ background-image: none; position: relative;}
	.pro-type-list li:before{ content: ""; position: absolute; left: 5px; top: 6px; border-radius: 50%; width: 3px; height: 3px; background-color: #979595;}
	.pro-type-list li p{ padding: 0px 15px;}
	.pro-color-list .item{ width: 20px; height: 20px;}
	.pageT{ margin-bottom: 30px; }
	.pageT .zh{ font-size: 18px; }
	.pageT .en{ font-size: 20px; }
	.reveal,.reveal img{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 
	.customized-list dd{ float: none; margin-bottom: 40px;}
	.customized-list:last-child dd:last-child{ margin-bottom: 0;}
	.customized-list .item2{ width: 80%; margin-left: 10%; float: none;}
	.customized-list .item1, .customized-list .item3{ width: 100%;}
	.customized-list .item3{ margin-left: 0;}
	.customized-list .con{ background-color: #F7F7F7; margin: 0;}
	.customized-list .item2 figure{ padding-bottom: 100%;}
	.cube-page1, .cube-page2{ margin-bottom: 50px;}
	.cube-page1 .img{ width: 60%; margin: 0px auto; float: none;}
	.cube-page1 .con{ margin: 30px auto 0; width: 100%; float: none; }
	.cube-page1 .bg2{ bottom: 15%; top: auto; width: 100%; height: 50%; right: -10%;} 
	.cube-page2 .img{ width: 60%; float: none; margin: 0px auto;}
	.cube-page2 .bg1{ top: 15%; width: 120%; height: 70%; right: -10%;}
	.cube-page2 .con{ margin: 30px auto 0; width: 100%; float: none;}
	.cube-form .title{ font-size: 20px; margin-bottom: 25px;}
	.cube-form-box li{ width: auto; float: none; margin:0 0 10px 0;}
	.solution-list li .img{ float: none; width: auto; margin-bottom: 20px;}
	.solution-list .con{ float: none; width: auto; margin-left: 0;}
	.solution-list .con .c{ margin-bottom: 25px; height: auto; max-height: 63px;}
	.f20{ font-size: 18px;}
	.serviceList dd{ padding: 45px 0px;}
	.serviceList .img,.serviceList .oneItem .img,.serviceList .con,.serviceList .oneItem .con{ float: none; width: auto;}
	.serviceList .img{ margin-bottom: 25px;}
	.problem-list .title{ padding: 18px 45px 18px 18px; font-size: 14px;}
	.problem-list .qbox{ top: 18px; font-size: 14px;}
	.problem-list .qbox-ico{ background-size: 100% auto; width: 14px; height: 14px; top: 18px; right: 15px;}
	.problem-list .Abox{ font-size: 14px; top: 4px;}
	.problem-list .con{ padding: 0px 0px 30px 18px;}
	.service-type{ padding: 80px 0px;}
	.service-titem{ width: 90px; height: 90px; border-width: 1px; font-size: 12px;}
	.service-titem i{ width: 26px; height: 26px; margin: 15px auto 4px;}
	.pageT2{ margin-bottom: 25px;}
	.box360 .img{ float: none; width: 90%;}
	.box360 .con{ width: auto; margin-top: 30px;}
	.box360 .pageC{ margin-bottom: 40px;}
	.btn360{ background-size: 40px auto; padding: 10px 0px 10px 50px;}
	.query-map{ height: 240px;}
	.buy-type-list img{ width: 140px;}
	.pageT3{ margin-bottom: 35px;}
	.pageT3 .zh{ font-size: 20px;}
	.pageT3 .en{ font-size: 14px;}
	.buy-list{ width: 90%; font-size: 12px;}
	.buy-list .type, .buy-list .name{ height: 21px;}
	.buy-list .bot{ margin: 5px auto;}
	.onlie-join{ padding: 60px 0px;}
	.process-list li{ width: 49%; margin-bottom: 10px;}
	.process-list .item{ height: 46px; line-height: 46px; font-size: 12px;}
	.process-list .num{ font-size: 26px;}
	.pageline{ height: 30px;}
	.processPage .title{ font-size: 20px;}
	.processPage .pageC{ padding-top: 35px;}
	.joining-img{ width: auto;}
	.advantages-list .name{ width: 80px; height: 80px; font-size: 14px; line-height: 80px;}
	.advantages-for .item{ padding: 35px 25px;}
	.advantages-nav .slick-current .box{ background-color: #f0f0f0; color: #4E4E4E; }
	#aboutPage .img{ width: 90%;}
	.corePage-list dd{ float: none; width: auto; margin-right: 1%;}
	.pbt{ padding-top: 80px;}
	.historyPage{ padding: 50px 0px;}
	.history-box{ width: auto; float: none; margin-right: 0;}
	.history-box .item{ padding: 40px 60px 60px;}
	.history-box .year{ font-size: 60px; margin-bottom: 8%;}
	.history-box .slick-arrow{ height: 80px; line-height: 80px; margin-top: -40px;}
	.video-list dd{ width: 49%; margin-bottom: 10px;}
	.video-list .t{ padding: 12px 5%; font-size: 12px;}
	.infoPage{ width: 90%;}
	.infoPage .form-box-close i{ font-size: 20px; font-weight: normal;}
	.pbanner2{ padding: 50px 0px;}
	.pbanner2 .en{ font-size: 24px;}
	.partnerList li{ width: 31.33%; margin-bottom: 25px;}
	.scheme-demo{ width: 100%;}
	.scheme-demo .slick-arrow{ width: 42px; height:42px; margin-top: -21px;}
	.scheme-demo .slick-arrow i { line-height: 42px; line-height: 42px;}
	.company-nav a{ font-size: 14px; padding-right: 0; margin-right: 15px;}
	.company-list{ padding-top: 15px;}
	.newItem{ padding: 34px 0px;}
	.newItem .img{ float: none; width: 50%; margin-bottom: 25px;}
	.newItem .con{ width: auto; float: none;}
	.tiemBox .day{ font-size: 25px;}
	.companytab td{ float: none; width: 94%; display: block;}
	.disclosure-list{ padding:20px 0 20px;}
	.zhangdie{ font-size: 30px;}
	.investorleft .ico { font-size: 14px; }
	.introduction-nav{ padding-top: 50px;}
	.introduction-nav .item{ width: 62px; height: 62px; margin: 0px 2px; border-width: 1px;}
	.introduction-nav .ico{ width: 24px; height: 24px; margin: 6px auto 0; }
	.introduction-nav .txt{ font-size: 12px;}
	.introduction-list dt{ padding: 10px 80px 10px 15px;}
	.introduction-list dt h4{ font-size: 14px;}
	.introduction-list .addico{ top: 22px; right: 20px;}
	.introduction-list dd{ padding: 35px 5%;}
	.introduction-bot .l-bot{ font-size: 14px;}
	.introduction-bot .r-bot a{ margin-bottom: 5px; display: inline-block;}
	.join-process li{ padding: 0px 1%; width: 48%; margin-bottom: 15px;}
	.join-process .icon{ width: 60px; height: 60px; line-height: 60px; font-size: 24px;}
	.noPage{ margin-top: -135px;}
	.noimg img{ width: 220px;}
	.no-t{ font-size: 16px;}
	.no-t2{ font-size: 12px; margin-bottom: 25px;}
	.info-pic .slick-arrow{ width: 34px; height: 34px; line-height: 34px; margin-top: -17px; }
	.info-pic .slick-arrow i{ font-size: 16px;}
	.btn-video{ width: 100px; border-width: 1px; margin-top: 10px; height: 30px; line-height: 30px;}
	.btn-video span{ padding-right: 20px; font-size: 12px;}
	.advantage-demo{ padding-bottom: 0;}
	.advantage-demo .slick-list{ height: auto;}
	.advantage-demo .item{ padding: 0;}
	.advantage-demo .con{ height: auto; padding-bottom: 30px; width: 198px; margin: 0px auto;}
	.advantage-demo h3{ font-size: 18px;}
	.advantage-demo .en{ font-size: 15px;}
	.advantage-demo .c{ height: 63px; overflow: hidden;}
	.advantage-demo .slick-dots{ display: none !important;}
	.advantage-demo .slick-arrow{display: block !important;}
	.brand-history{ width: 90%;}
	.brand-historylist .year,.brand-historylist .oneItem .year{ font-size: 24px;}
	.brand-historylist .img,.brand-historylist .oneItem .img{ width: 60px; height: 60px; margin: 0px auto 10px;}
	.jointab td{ padding-bottom: 10px; display: block; width: 100%;}
	.jointab td.name{ padding-bottom: 3px;}
	.jointab .jtxt2{ width: 90%;}
	.jointab .sbtn{ width: 120px; height: 40px; line-height: 40px; font-size: 15px;}
	.team-search{ width: auto;}
	.team-search .btn{ background-color: #deb685; color: #fff;}
	.teamList{ margin-left: 0;}
	.teamList dd{ width: auto; margin-left: 0; float: none;}
	.teamList .desc{ height: auto;}
	.teamList .t{ font-size: 16px; line-height: 1.5; height: auto; padding: 0 0 10px;}
	.serach-box{ padding: 25px 0px 35px;}
	.serach-banner-box .t{ font-size: 24px;}
	.serach-banner{ width: 100%; box-sizing: border-box; padding: 8px 54px 8px 18px; height: auto; line-height: 24px;}
	.serach-banner .btn { width: 54px; line-height: 40px;}
	.serach-banner .btn i{ font-size: 20px;}
	.add-form h4{ font-size: 18px;}
	.add-form{ width: 100%;}
	.add-form .item{ padding: 5px 15px 5px 35px;}
	.add-form .iconfont{ font-size: 18px; margin-top: -9px;}
	.add-form .add-btn{ height: 46px; line-height: 46px; font-size: 16px;}
	.topsearch-form{ height: 40px; top: auto; left: auto; margin:25% auto 0; position: relative;}
	.topsearch-box{ padding: 0px 40px 0px 0px;}
	.topsearchtx{ height: 40px; line-height: 40px; font-size: 20px;}
	.topsearchbtn{ width: 40px;}
	.topsearchbtn .iconfont{ font-size: 18px; margin: -9px 0 0 -9px;}
	.search-Ibox .close{ width: 40px; height: 40px; background-size: 40% auto; position: relative; display: block; top: auto; right: auto; margin: 5% 3% 0 0; float: right; display: block;}
	.join-imgdemo .slick-arrow{ width: 36px; height: 36px; line-height: 36px;}
	.join-imgdemo .slick-arrow i{ font-size: 14px;}
	.join-tbox{ width: 90%; text-align: left;}
	.join-tbox .title{ font-size: 18px; margin-bottom: 15px;}
	.join-cbox .title{ font-size: 18px; margin-bottom: 15px;}
	.join-imgPage{ padding: 55px 0;}
	.join-imgdemo2{ margin-left: -10px;}
	.join-imgdemo2 .item{ margin-left: 10px;}
	.join-imgdemo2 .slick-dots li{ width: 10px; height: 10px;}
	.join-imgdemo2 .slick-dots li a{ width: 8px; height: 8px;}
	.join-type{ margin-left: 0;}
	.join-type li{ width: 100%; margin-left: 0; margin-bottom: 15px;}
	.join-type li:last-child{ margin-bottom: 0;}
	.join-type .item{ padding: 30px 0;}
	.join-type .item .t{ font-size: 18px;}
	.join-type .item .c{ font-size: 14px; height: auto;}
	.join-type .iconfont{ width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
	.team-form{ width: 90%;}
	.team-form-ul li{ width: 48%;}
	.team-form-ul .item1{ margin-right: 4%;}
	.team-form-ul .team-txt{ padding: 5px 8%;}
	.team-selicts{ height: 40px;}
	.team-demo .slick-arrow{ width: 36px; height: 36px; line-height: 36px;}
	.team-demo .slick-arrow i{ font-size: 14px;}
	.team-demo .txt{ padding: 5px 5%;}
	.btn-linsou{ width: 80px; height: 40px; line-height: 40px; padding-left: 44px;}
	.btn-linsou .iconfont{ font-size: 20px; line-height: 40px; left: 15px;}
	.yppage .j-selicts2,.yppage .jtxt3{ width: 100%;}
	.yppage .item{ width: 32%; margin-right: 2%;}
	.yppage .itemmr{ margin-right: 0;}
	.space-demo h4{ font-size: 16px;}
	.space-demo .desc{ padding: 25px 5% 45px;}
	.cube-page{ text-align: left;}
	.cube-page-demo{ padding-bottom: 60px;}
	.tab-365{ height: 44px; } 
	.tab-365 a{height: 44px; line-height: 44px;}
	.div-360 .desc{ margin-top: -35px;}
	.div-360 .desc .iconfont{ font-size: 44px;}
	.div-360 .desc .txt{ font-size: 14px; padding-top: 2px;}
	.cube-info-list ul{ margin-left: 0;}
	.cube-info-list li{ margin-bottom: 25px; float: none; width: 100%; margin-left: 0;}
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; }
	.cube-page1 .img{ width: 65%;}
	.cube-page2 .img{ width: 77%;}
	.cube-img-demo{ width: 90%;}
	.cube-left{ left: 5%;}
	.c-selicts{ width: 100%;}
	.query-map{ height: 200px;}
	.new-content .grid-sizer{ width:100%;}
	.new-content .gutter-sizer{ width: 0%;}
	.new-content .news-item{ width: 100%;}
	.disclosure-list{ margin-left: 0;}
	.disclosure-list li{ float: none; width: auto;}
	.disclosure-list h3{ height: auto;}
}	
@media screen and (max-width:421px) {
	.ibox-life-list { font-size: 12px;}
	.ibox-life-list li{ padding: 15px 0;}
	.product-list .con{ padding: 15px 5%;}
	.product-list .con p{ font-size: 12px; height: 18px;}
	.product-suit{ margin-left: 0;}
	.product-suit li{ width: 100%; float: none; display: block; margin:0 0 20px 0;}
}
@media screen and (max-width: 375px) {
	.ibox-life-list li{ padding: 10px 0;}
	.ibox-life-list .ico{ width: 32px; height: 32px;}
	.service-type-list{ width: 100%;}
	.buy-list li{ width: 98%;}
	.buy-list .oneItem .btn-item{ width: 90%;}
	.process-list{ margin-left: auto;}
	.process-list li{ width: auto; margin-left: 0; float: none; }
}
@media screen and (max-width: 360px) {
	.pbanner-C .en{ font-size: 20px;}
	.product-list{ margin-left: 0;}
	.product-list li{ width: 100%; float: none; margin:0 0 15px 0;}
	.paging a{ padding: 4px 8px; font-size: 12px;}
	.partnerList li{ width: 48%;}
}