@media screen and (min-width:1921px){
}
@media screen and (min-width:1025px){
	.fixedImg { background-attachment: fixed;}
	.backTop:hover { background-color: #d6ad5a; }
	.backTop:hover .ico { margin-top: 18px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
	.honorDemo .item:hover{ background-color: #fff;}
	.honorDemo .item:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
	.staffList dd:hover{-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.1); box-shadow: 0 6px 12px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
	.staffList dd:hover .con{ background-color: #e02f35; color: #fff;}
	.staffList dd:hover .con:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
	.staffList dd:hover h3{ color: #fff;}
	.staffList dd:hover .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
	.staffList dd:hover .ib i{ background-color: #fff;}
	.staffList dd:hover .ib .i2{ display: block;}
	

}
@media screen and (max-width:1600px){
	.ibox-T,.ibox-industry-Demo .txt{ font-size: 60px;}
	.ibox-industry-nav li .tubiao{ width: 110px;}
	.ibox-industry-Demo .txt{ bottom: 282px;}
	.about-for .txt h3{ font-size: 32px; margin-top: 40%;}
	.newList .img{ width: 268px;}
	.newList .con{ margin-left: 298px;}
	.newList .title{ font-size: 16px; margin-bottom: 12px;}
	.newList .c{ margin-bottom: 12px;}
	.newList .item{ height: auto;}
}
@media screen and (max-width:1441px){
	.ibox-T,.ibox-industry-Demo .txt{ font-size: 50px;}
	.ibox-pro-list .destext{ font-size: 14px;}
	.ibox-pro-list .txt,.ibox-pro-list .destext h2{ font-size: 24px;}
	.ibox-industry-nav li .tubiao{ width: 100px;}
	.ibox-industry-Demo .txt{ bottom: 262px;}
	.pagePadding{ padding: 80px 0px;}
	.pageT .zh{ font-size: 32px;}
	.about-nav{ width: 800px;}
	.about-nav .box{ width: 160px; height: 80px; padding: 40px 0px; font-size: 18px;}
	.about-nav .num{ font-size: 20px;}
	.about-for .txt{ font-size: 14px; width: 40%;}
	.about-for .txt h3{ font-size: 28px; margin-top: 35%;}
}
@media screen and (max-width:1370px){
	.nav ul>li>a{ font-size: 16px;}
	.ibox-T,.ibox-industry-Demo .txt{ font-size: 42px;}
	.ibox-industry-nav li .tubiao{ width: 90px;}
	.ibox-industry-Demo .txt{ bottom: 242px;}
	.pageT .zh{ font-size: 28px;}
	.about-for .txt h3{ font-size: 24px;}
	.history-top .t{ font-size: 38px;}
	.history-top .by{ font-size: 20px;}
	.history-top .bot{ width: 16px; height: 16px; border-width: 10px; margin-left: -18px;}
	.history-left .year{ font-size: 22px;}
	.history-bottom .history-right{ font-size: 14px;}
	.videoDemo{ width: 1000px; margin: 0px auto;}
	.videoDemo .img{ width: 334px;}
	.videoDemo .slick-center article{ width: 484px; padding: 53px 0px; top: -53px;}
	.newList dd{ width: 25%;}
	.newList .item{ padding: 30px; margin: 0;}
	.newList .img{ width: 100%; position: relative; left: auto; top: auto;}
	.newList .con{ margin:25px 0 0 0;}
	.productList .item{ width: 32.8%;}
	.conceptbox h3{ font-size: 26px;}
	.pageT3 .zh2{ font-size: 16px;}
	.merchantsCon{ font-size: 14px;}
}
@media screen and (max-width:1260px){
	.inner{ width: 960px;}
	.logo2{ margin-right: 40px;}
	.nav li{ margin-left: 35px;}
	.foot{ padding:22px 5%; width: 90%;}
	.foot-nav{ font-size: 15px;}
	.foot-nav .line{ padding: 0px 10px;}
	.ibox-pro{ left: 5%; width: 90%;}
	#iboxPage3 .ibox-T,.ibox-industry-Demo .txt,.ibox-industry-nav{ left: 5%;}
	.about-for{ width: 90%;}
	.videoDemo{ width: 900px;}
	.videoDemo .img{ width: 300px;}
	.videoDemo .slick-center article{ width: 435px; padding: 47.5px 0px; top: -47px;}
	.newList dd{ width: 33.33%;}
	.noPage{ margin-top: -200px;}
	.noimg img{ width: 440px;}
	
}
@media screen and (max-width:1024px){
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.inner{ width: 90%;}
	.warp{ position: inherit; left: auto; top: auto;}
	.nav{ display: none;}
	.top{ padding: 10px 0px; height: 36px;}
	.page .top{ position: fixed; background-color: #fff;}
	.logo a{ height: 36px;}
	.iboxbg{ display: none;}
	.menu-handler,.menuBox{ display: block;}
	.backTop{ bottom: 2%; width: 48px; height: 48px; background-color: #999999;}
	.backTop .ico{ margin: 14px auto; background-size: 80% auto;}
	.banner{ margin-top: 56px;}
	.banner .pimg{ width: 120%; margin-left: -10%;}
	#iboxPage3 .foot{ position: inherit; left: auto; bottom: auto;}
	.foot{ font-size: 16px;}
	.logo2{ float: none; margin:0 0 12px 0; display: block;}
	.logo2 img{ width: 160px;}
	.foot-nav{ display: none;}
	.foot .mr{ display: block; margin-right: 0;}
	.mouseIco{ display: none;}
	.banner .binbox{ bottom: 14%;}
	.banner .binbox .by{ width: 70%;}
	.banner .slick-dots{ display: block !important; }
	.ibox-T, .ibox-industry-Demo .txt{ font-size: 36px;}
	#iboxPage2{ padding: 60px 0px;}
	#iboxPage2 .ibox-T{ display: none;}
	.ibox-pro{ position: inherit; left: auto; top: auto; height: auto; margin: 0px auto;}
	.ibox-pro-list{ position: relative; left: auto; bottom: auto; height: auto;}
	.ibox-pro-list li{ width: 49% !important; height: 240px; box-sizing: content-box; margin:1% 1% 0 0; border-right: 0px none;}
	#iboxPage3 .ibox-T{ text-align: center; width: 90%;}
	.ibox-industry-Demo .item{ background-color: #000;}
	.ibox-industry-Demo .img{ width: 120%; margin-left: -10%; opacity: 0.7;}
	.ibox-industry-Demo .txt{ width: 90%; text-align: center; bottom: 150px; display: none;}
	.ibox-industry-nav{ bottom: 5%; width: 90%; text-align: center;}
	.ibox-industry-nav li{ display: inline-block; float: none;}
	.ibox-industry-nav li:last-child{ margin-right: 0;}
	.ibox-industry-nav li .tubiao{ width: 110px;}
	.ibox-industry-nav .name{ display: block;}
	.pageH{ height: 56px;}
	.pbanner .load-img{ position: inherit !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important;}
	.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: left;}
	.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;}
	.page-nav-btn a{ line-height: 44px; height: 44px; font-size: 14px;}
	.page-nav-btn a:after{ display: none;}
	.page-nav-btn a.active{ background-color: #E02F35;}
	.pagePadding{ padding: 60px 0px;}
	.pageT .zh{ font-size: 24px;}
	.aboutBox{ width: 80%;}
	.aboutBox .pageC{ font-size: 14px;}
	.about-nav{ margin-bottom: 40px; width: 70%;}
	.about-nav .box{ width: 120px; padding: 25px 0px; height: 70px; font-size: 14px;}
	.about-nav .num{ font-size: 18px; margin-bottom: 5px;}
	.about-nav .box i{ border-left-width: 6px; border-right-width: 6px; border-top-width: 6px;}
	.about-for .txt{ position: relative; left: auto; top: auto; height: auto; border-radius: 0; padding: 25px 5%; width: auto;}
	.about-for .txt h3{ margin-top: 0;}
	.about-for .txt p{ padding-top: 15px;}
	.speech-img{ width: 35%;}
	.speech-con{ width: 60%;}
	.history-top .t{ font-size: 32px;}
	.history-top .by{ font-size: 18px;}
	.history-left .year{ font-size: 18px;}
	.history-left .img img{ max-width: 100%;}
	.history-bottom dl{ padding-bottom: 50px;}
	.history-left .line{ width: 40px; right: -20px;}
	.videoDemo{ width: auto; margin: 20px 68px;}
	.videoDemo .slick-list{ padding: 0 !important;}
	.videoDemo .img{ width: auto;}
	.videoDemo article{ padding: 0px 10px;}
	.videoDemo .txt{ position: relative; left: auto; bottom: auto; transform:inherit; -webkit-transform: inherit; opacity: 1; visibility: visible\9;-webkit-transition: 0s;transition: 0s;}
	.newPage{ margin-top: -44px;}
	.infoPage-box{ border-bottom-width: 3px;}
	.infoPage-box .info-T{ padding-top: 50px; background-size: cover;}
	.info-T h3{ font-size: 28px;}
	.yxsharp .sharpBox2 a{ background-color: #fff;}
	.info-c{ padding: 50px 45px;}
	.previous{ width: 760px; margin: 35px auto 0;}
	.previous a{ position: relative; top: auto; margin-top: 0; float: left; display: inline-block;}
	.previous .pnext{ float: right;}
	.pprev{ left: auto;}
	.pnext{ right: auto;}
	.videoList .icon-shipin1{ font-size: 50px;}
	.videoList .t{ font-size: 16px;}
	.w868{ width: 90%;}
	.indystryBox .pageC{ font-size: 14px;}
	.indystryDemo .slick-dots { display: none !important;}
	.indystryDemo .slick-arrow{ margin-top: -17px;}
	.addItem img{ width: 28px;}
	.indystryBot .pageC{ font-size: 14px;}
	.productList{ width: 90%;}
	.inner1000{ width: 90%;}
	.conceptbox h3{ font-size: 24px;}
	.conceptbox{ margin-bottom: 50px;}
	.hrList .hspan:nth-child(2), .hrList .hspan:nth-child(3){ display: none;}
	.hrList .hspan{ width: 23%;}
	.staffList dd{ margin: 0px 2% 4%; width: 46%;}
	.mapBox{ position: relative; right: auto; top: auto; width: 100%; height: 240px;}
	.merchantsCon{ width: 90%; padding: 35px 5%;}
	.messageBox .mtxt{ font-size: 15px;}
	.noPage{ margin-top: -185px;}
	.noimg img{ width: 380px;}
	.no-t{ font-size: 30px;}
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.ibox-T, .ibox-industry-Demo .txt{ font-size: 28px;}
	.newList dd{ width: 50%;}
	.info-T h3{ font-size: 24px;}
	.w760{ width: 90%;}
	.info-c{ width: 80%; padding: 35px 5%;}
	.previous{ width: 90%;}
	.hrList .hspan:nth-child(4){ display: none;}
	.hrList .hspan{ width: 17%;}
	.hrList .hspan1{ width: 60%;}
	.merchantsCon .item{ padding: 0px 0px 20px 45px; margin-bottom: 20px; background-position: 0 2px; background-size: 30px auto;}
	.merchantsCon .item:last-child{ margin-bottom: 0;}
	.messageBox{ width: 600px;}
	.messageBox .mtxt,.messageBox .statr{ font-size: 14px;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 300px; margin-top: -155px; }
	.menuBox{ width: 60%;}
	.logo2 img{ width: 130px;}
	.foot{ font-size: 12px;}
	.backTop.showme{ right: 0;}
	.banner .pimg{ width: 130%; margin-left: -15%;}
	.ibox-T, .ibox-industry-Demo .txt{ font-size: 24px;}
	#iboxPage2{ padding: 40px 0px;}
	.ibox-pro-list li{ height: 120px;}
	.ibox-pro-list .txt{ font-size: 18px;}
	#iboxPage3 .ibox-T{ top: 5%;}
	.ibox-industry-Demo .item{ overflow: hidden;}
	.ibox-industry-Demo .img{ width: 130%; margin-left: -15%;}
	.ibox-industry-Demo .txt{ bottom: 110px;}
	.ibox-industry-nav{ left: 0; width: 100%;}
	.ibox-industry-nav li {margin-right: 15px;}
	.ibox-industry-nav li .tubiao{ width: 70px; border-width: 1px;}
	.pagePadding{ padding: 45px 0px;}
	.pageT{ padding-bottom: 20px;}
	.pageT .zh{ font-size: 22px;}
	.aboutBox{ width: 90%;}
	.about-for .txt h3{ font-size: 20px;}
	.about-nav{ margin-bottom: 30px; width: 180px;}
	.speech-img,.speech-con{ width: auto; float: none;}
	.speech-img{ margin-bottom: 30px; text-align: center;}
	.speech-con .name{ text-align: center;}
	.speech-con .t{ font-size: 32px; border-right: 0px none; padding: 0; margin: 0 0 10px; float: none; display: block;}
	.history-line{ left: 0; width: 1px;}
	.history-top .bot{ left: -11px; margin-left: 0; width: 10px; height: 10px; border-width: 6px;}
	.history-left,.history-right{ float: none; width: auto; padding: 0 0 0 25px;}
	.history-left{ text-align: left;}
	.history-left .line{ display: none;}
	.history-bottom .history-right{ margin-top: 20px;}
	.history-bottom .history-right p:before{ display: none;}
	.history-left .year i{ left: -31px; width: 12px; height: 12px; right: auto;}
	.videoDemo{ width: auto; margin: 10px 40px;}
	.videoDemo article{ padding: 0; position: relative;}
	.videoDemo .slick-arrow{ width: 34px; height: 34px; line-height: 34px; margin-top: -17px;}
	.videoDemo .slick-prev{ left: -40px;}
	.videoDemo .slick-next{ right: -40px;}
	.videoDemo .slick-arrow i { font-size: 34px; font-weight: bold;}
	.newPage{ margin-top: 0px; width: 100%;}
	.newList .item{ padding: 25px;}
	.paging{ padding: 45px 0px 50px;}
	.paging a{ margin: 0px 2px!important; padding: 4px 8px; font-size: 13px;}
	.infoPage-box .info-T{ padding-top: 40px;}
	.info-T h3{ font-size: 22px;}
	.videoList{ margin-left: 0;}
	.videoList dd{ width: auto; float: none;}
	.videoList .icon-shipin1{ font-size: 45px;}
	.videoList .t{ font-size: 14px;}
	.indystryDemo .slick-arrow{ width: 25px; height: 25px; line-height: 25px;}
	.indystryDemo .slick-prev{ left: -30px;}
	.indystryDemo .slick-next{ right: -30px;}
	.indystryDemo .slick-arrow i{ font-size: 25px;}
	.productList .item{ width: 49.5%;}
	.conceptbox h3{ font-size: 18px;}
	.conceptbox{ margin-bottom: 40px;}
	.conceptbox2 .con,.conceptbox2 .img{ float: none; width: auto;}
	.conceptbox2 .img{ padding: 0px 5%;}
	.hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5){ display: none;}
	.hrList .hspan{ width: 73%; height: 40px; line-height: 40px;}
	.hrList .hspan:nth-child(1){ text-align: left;}
	.hrList .hspan:nth-child(6){ width: 22%;}
	.hrList .hrdt,.hrList .hrT .hspan{ height: 40px; line-height: 40px;}
	.hrList .ib{ margin-top: 12px;}
	.hrList .hrCon{ padding:25px 0px 35px;}
	.staffList dd{ margin: 0px auto 4%; width: 382px; float: none;}
	.staffList h3{ font-size: 16px;}
	.mapBox{ height: 180px;}
	.messageBox{ width: 90%;}
	.messageBox .mtxt{ padding: 12px 25px 12px 15px;}
	.messageBox .mbtn{ height: 44px; line-height: 44px; font-size: 14px;}
	.no-t{ font-size: 24px;}
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; }
	.messageBox .item,.messageBox .item2{ float: none; width: 100%;}
	.messageBox .item{ margin-bottom: 12px;}
}	
@media screen and (max-width:421px) {
	.ibox-industry-Demo .txt{ bottom: 80px;}
	.ibox-industry-nav li {margin-right: 10px;}
	.ibox-industry-nav li .tubiao{ width: 52px;}
	.newList dd{ width: auto; float: none;}
	.staffList dd{ width: 100%;}
	.staffList .con{ padding: 20px 25px;}
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
	.productList .item{ width: 100%; float: none; margin-left: 0;}
}