@media screen and (min-width: 1025px) { 
	.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; }
	.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; }
	.action.tYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.tXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.dly_1{ transition-delay: .1s; -webkit-transition-delay: .1s; }
	.dly_2{ transition-delay: .2s; -webkit-transition-delay: .2s; }
	.dly_3{ transition-delay: .3s; -webkit-transition-delay: .3s; }
	.dly_4{ transition-delay: .4s; -webkit-transition-delay: .4s; }
	.dly_5{ transition-delay: .5s; -webkit-transition-delay: .5s; }
	.dly_6{ transition-delay: .6s; -webkit-transition-delay: .6s; }
	.dly_7{ transition-delay: .7s; -webkit-transition-delay: .7s; }
	.dly_8{ transition-delay: .8s; -webkit-transition-delay: .8s; }
	.dly_9{ transition-delay: .9s; -webkit-transition-delay: .9s; }
	.dly_10{ transition-delay: 1s; -webkit-transition-delay: 1s; }
	.dly_11{ transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
	.item-span span,.item-span2 i,.ba-span span{ display: inline-block; font-style: inherit; display: inline-block; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
	.action.item-span span,.action.item-span2 i,.banner .slick-active .ba-span span{visibility: visible; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:ah-rotate-3-in; animation-name:ah-rotate-3-in; }
	.fixedImg { background-attachment: fixed;}
}
@media screen and (max-width: 1700px) {
	.banenr-desc .en{ font-size: 60px;}
	.banenr-desc .zh{ font-size: 40px;} 
	.f20{ font-size: 18px;}
	.ipro-title{ font-size: 54px;}
	.ipro-type a{ font-size: 22px; margin: 0 40px 40px 0; padding: 4px 20px;}
	.pro-nav-box{ padding: 15px 0;}
	.pro-nav{ padding: 25px 0 15px;}
	.pro-nav a{ font-size: 20px;}
	.pro-nav a:before{ width: 6px; height: 6px; margin-left: -3px;}
	.pro-navlist a{ margin-right: 25px;}
	.pro-subnav a{ font-size: 14px;}
	.f30{ font-size: 28px;}
	.po-title{ font-size: 40px;}
}
@media screen and (max-width: 1440px) {
	.banenr-desc .en{ font-size: 50px;}
	.banenr-desc .zh{ font-size: 30px;}
	.banenr-bot{ font-size: 18px;} 
	.f20{ font-size: 16px;}
	.ibox-tabT{ padding: 25px 2.5%;}
	.ibox-tabT .zh{ font-size: 28px;}
	.ibox-tabT .en{ font-size: 34px;}
	.itab-ico{ background-size: 80% auto;}
	.ipro-title{ font-size: 50px; margin-bottom: 70px;}
	.ipro-type a{ font-size: 20px; margin: 0 30px 30px 0; padding: 4px 15px;}
	.btn-more,.istore-title{ font-size: 20px; height: 90px; line-height: 90px;}
	.menubarM-list{ padding: 30px 0;}
	.menubarM-list a{ padding: 30px 5%;}
	.menubarM-list .zh{ font-size: 28px;}
	.menubarM-list .en{ font-size: 34px;}
	.pro-desc{ font-size: 16px;}
	.pro-desc .title{ font-size: 24px;}
	.f30{ font-size: 24px;}
	.po-title{ font-size: 36px;}
	.po-left{ width: 60%;}
}
@media screen and (max-width: 1370px) {
	.banenr-desc .en{ font-size: 40px;}
	.banenr-desc .zh{ font-size: 24px;} 
	.banenr-bot{ font-size: 16px;} 
	.foot{ font-size: 14px;}
	.ipro-title{ font-size: 40px; margin-bottom: 60px;}
	.ipro-type a{ font-size: 18px; margin: 0 20px 20px 0;}
	.btn-more,.istore-title{ font-size: 18px; height: 80px; line-height: 80px;}
	.pro-desc{ font-size: 14px;}
	.pro-desc .title{ font-size: 20px;}
	.f30{ font-size: 22px;}
	.po-title{ font-size: 30px;}
	.pro-nav a{ font-size: 18px;}
	.pro-subnav a{ font-size: 13px; margin-right: 16px;}
}
@media screen and (max-width: 1280px) {
	.banenr-desc .en{ font-size: 30px;}
	.banenr-desc .zh{ font-size: 20px;} 
	.banenr-bot{ font-size: 14px;} 
	.ibox-tabT .zh{ font-size: 24px;}
	.ibox-tabT .en{ font-size: 30px;}
	.ipro-title{ font-size: 34px; margin-bottom: 50px;}
	.ipro-type a{ font-size: 16px; margin: 0 15px 15px 0;}
	.btn-more,.istore-title{ font-size: 16px; height: 70px; line-height: 70px;}
	.menubarM-list{ padding: 20px 0;}
	.menubarM-list a{ padding: 20px 5%;}
	.menubarM-list .zh{ font-size: 24px;}
	.menubarM-list .en{ font-size: 30px;}
	.pro-nav a{ font-size: 16px;}
	.f30{ font-size: 20px;}
	.po-title{ font-size: 28px;}
}
@media screen and (max-width: 1260px) {
	.inner{ width: 1000px;}
	
}
@media screen and (max-width: 1024px) {
	.top{ height: 66px;}
	.logo a{ width: 124px; margin-top: 16px;}
	.pageH{ height: 67px;}
	.menu-handler span{ width: 24px;}
	.menu-handler span:before{ top: -8px;}
	.menu-handler span:after{ bottom: -8px;}
	.banner{ height: calc( 100vh - 67px);}
	.banenr-desc .en{ font-size: 24px;}
	.banenr-desc .zh{ font-size: 18px;} 
	.banenr-bot{ font-size: 12px;} 
	.f20{ font-size: 14px;}
	.ibox-tabT{ padding: 18px 3%;}
	.ibox-tabT .zh{ font-size: 18px;}
	.ibox-tabT .en{ font-size: 24px;}
	.itab-ico{ background-size: 50% auto;}
	.ibox-pageC{ width: 94%; margin: 65px auto;}
	.foot{ padding: 40px 3%;}
	.ipro-title{ font-size: 28px; margin-bottom: 40px;}
	.ipro-type a{ font-size: 14px; margin: 0 10px 10px 0;}
	.btn-more{ padding: 0 6%;}
	.btn-more i{ width: 24px; height: 24px;}
	.istore-title{ padding: 0 9%;}
	.istore-title i{ width: 24px; height: 24px;}
	.istore-img{ margin: 35px auto; width: 82%;}
	.istore-desc{ padding: 25px 9%;}
	.menubarM{ padding-top: 67px;}
	.menubarM-list{ padding: 20px 0;}
	.menubarM-list a{ padding: 20px 6%;}
	.menubarM-list .zh{ font-size: 18px;}
	.menubarM-list .en{ font-size: 24px;}
	.banner .slick-dots li{ margin: 0 4px;}
	.banner .slick-dots li a{ width: 8px; height: 8px;}
	.pro-nav{ padding: 20px 0 10px;}
	.pro-nav a{ font-size: 15px; padding-bottom: 8px;}
	.pro-nav a:before{ width: 4px; height: 4px; margin-left: -2px;}
	.pro-nav a.all-btn{ float: none;}
	.pro-nav a.all-btn .en{ padding-left: 8px;}
	.pro-navlist{ overflow-y: hidden; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; line-height: 1.2;}
	.pro-navlist a{ float: none; display: initial;margin-right: 20px;}
	.pro-nav-f{ padding-bottom: 10px;}
	.pro-subnav{ padding: 0; height: 40px; line-height: 40px; width: 100%; overflow-y: hidden; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
	.pro-subnav a{ font-size: 12px;}
	.pro-list figure{ border-radius: 20px; margin-bottom: 15px;}
	.pro-desc .title{ font-size: 18px;}
	.f30{ font-size: 18px;}
	.po-title{ font-size: 24px; padding-bottom: 20px; margin-bottom: 35px;}
	.po-left{ width: 65%;}
	.po-page{ padding: 60px 0;}
	.pro-banner .slick-dots li{ margin: 0 4px;}
	.pro-banner .slick-dots li a{ width: 8px; height: 8px;}
	.back-pro{ width: 60px; height: 50px; background-size: 25px auto;}
	.product-banner{ height: calc( 100vh - 215px);}
	.product-banner .item{ height: calc( 100vh - 215px);}
	.product-banner .banner-img{ height: 100%;}
	.product-banner .banner-img img{ display: none;}
}
@media screen and (max-width: 860px) {
	.banenr-desc .en{ font-size: 20px;}
	.banenr-desc .zh{ font-size: 16px;} 
	.pro-desc .title{ font-size: 16px;}
	.pro-list li{ width: 46%;}
}
@media screen and (max-width: 640px) { 
	.banner,.pro-banner{ height: auto;}
	.banner-img{ width: auto; border-right: 0 none;}
	.banenr-desc{ width: 90%;}
	.banner .slick-dots{ bottom: 2%;}
	.banenr-bot{ bottom: 6%;}
	.ibox-tabT .zh{ font-size: 16px;}
	.ibox-tabT .en{ font-size: 18px; padding-left: 5px;}
	.itab-ico{ width: 40px; height: 40px;}
	.ibox-pageC{ margin: 45px auto; width: 92%;}
	.ibox-desc{ margin-left: 0;}
	.foot{ padding: 35px 4%;}
	.foot-sharp{ float: none; display: block; padding-bottom: 10px;}
	.foot-sharp a{ margin: 0 10px 0 0;}
	.foot-desc{ float: none; width: auto; display: block;}
	a.flogo{ width: 20px;}
	.ipro-img{ position: relative; top: auto; bottom: auto; right: auto; margin:35px auto 0; width: 92%;}
	.ipro-img img{ display: block;}
	.ipro-con{ width: 100%;}
	.ipro-box{ padding: 45px 4%; }
	.btn-more{ padding: 0 4%;}
	.ibox-store>dd{ width: 100%;}
	.istore-title{ padding: 0 4%;}
	.istore-img{ width: 92%;}
	.istore-desc{ padding: 25px 4%;}
	.menubarM{ width: 60%;}
	.menubarM-list{ padding: 16px 0;}
	.menubarM-list a{ padding: 16px 8%;}
	.menubarM-list .zh{ font-size: 16px;}
	.menubarM-list .en{ font-size: 18px; display: block; padding-left: 0;}
	.f30{ font-size: 16px;}
	.pa-top{ position: fixed;}
	.pro-nav-box{ padding: 10px 0; margin-bottom: 30px;}
	.pro-nav{ padding: 10px 0 8px;}
	.pro-nav.fsShow{ position: relative; left: auto; width: auto;}
	.pro-nav-f{ display: none;}
	.po-page{ padding: 45px 0;}
	.po-title{ font-size: 18px;}
	.po-left,.po-sider{ float: none; width: auto;}
	.po-sider{ margin-top: 35px;}
	.back-pro{ width: 50px; height: 40px; background-size: 20px auto;}
	.product-banner,.product-banner .item{ height: auto;}
	.product-banner .banner-img{ background-image: none !important;}
	.product-banner .banner-img img{ display: block;}
	
}
@media screen and (max-width: 481px) { 
	.pro-list{ margin-left: 0;}
	.pro-list li{ width: 100%; margin-left: 0; display: block; float: none; margin-bottom: 30px;}
}
@media screen and (max-width: 421px) {
	
}
@media screen and (max-width: 340px) {
	
}