@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; }
	.transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); 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,.tY50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform .8s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform .8s,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 .tY50,.action.transYT502,.action.transYT20{ 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,.bitem-span span,.item-span2 i,.bitem-span2 i{ display: inline-block; font-style: inherit;}
	.item-span span,.item-span2 i,.bitem-span span,.bitem-span2 i{ visibility: hidden; }
	.action .item-span span,.slick-active .bitem-span span,.action .item-span2 i,.slick-active .bitem-span2 i{visibility: visible; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:fade-in; animation-name:fade-in; }
	
	.ibox-case-demo .item:hover .name{ bottom: -20%;}
	.ibox-case-demo .item:hover .black{ opacity: 1; visibility: visible;}
	.ibox-case-demo .item:hover .desc{ top: 50%; opacity: 1; visibility: visible;}
	.ibox-case-demo .slick-prev{ transform: translateX(30px); -webkit-transform: translateX(30px); -ms-transform: translateX(30px); opacity: 0;}
	.ibox-case-demo .slick-next{ transform: translateX(-30px); -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); opacity: 0;}
	.ibox-case-demo:hover .slick-arrow{ transform: translateX(0px);  -webkit-transform: translateX(0px); -ms-transform: translateX(0px);  opacity: 1;}
	.page-nav-btn a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
	.culture-list li:hover .item{ opacity: 1; visibility: visible;}
	.culture-list li:hover .title{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px);}
	.culture-list li:hover .line{ height: 38px; transition: all 0.3s ease 0.2s; -webkit-transform:all 0.3s ease 0.2s;}
	.culture-list li:hover .c{ opacity: 1; visibility: visible;  transition: all 0.4s ease 0.5s; -webkit-transform:all 0.4s ease 0.5s;}
	.subsidiary-list li:hover .name{ bottom: -20%;}
	.subsidiary-list li:hover .bg{ opacity: 1; visibility: visible;}
	.subsidiary-list li:hover .desc{ top: 50%; opacity: 1; visibility: visible;}
	.case-list li:hover .name{ bottom: -20%;}
	.case-list li:hover .bg{ opacity: 1; visibility: visible;}
	.case-list li:hover .desc{ top: 50%; opacity: 1; visibility: visible;}
	

}

@media screen and (max-width: 1650px) {
}
@media screen and (max-width: 1500px) {
	
}
@media screen and (max-width: 1440px) {
	.inner90{ width: 94%;}
	.binbox .zh{ font-size: 40px;}
	.binbox .en{ font-size: 26px;}
	.binbox .c{ font-size: 14px;}
	.scroll-bot{ right: 3%;}
	.ibox-hotNew-demo{ position: relative; height: 64px; background-color: #fff; padding: 0 140px 0 6%; overflow: hidden; margin-top: -64px;}
	.ibox-hotNew-demo .item a{ display: block; line-height: 64px; height: 64px;}
	.ibox-hotNew-bot a{  line-height: 64px; height: 64px;}
	.ibox-hotNew-demo .item a .r{ margin-left: 10px; font-size: 12px;}
	.ibox-newImg-demo .txt{ font-size: 14px; left: 6%;}
	.ibox-new-tabC .ibox-add-more{ right: 6%;}
	.ibox-new-txt .ibox-newlist{ width: 89%;}
	.ibox-newlist a{ font-size: 14px; line-height: 36px; height: 36px;}
	.ibox-newlist .r{ margin-left: 10px; font-size: 12px;}
	.ibox-new-tabC,.ibox-new-tabC .ibox-new-txt{ height: 420px;}
	.ibox-newImg-demo,.ibox-newImg-demo .imgBox{ height: 481px;}
	.ibox-T .name{ font-size: 22px;}
	.ibox-party .ibox-newlist{ margin-left: 6%; width: 89%;}
	.foot-t{ padding: 35px 3%;}
	.foot-b{ padding: 12px 3%;}
	.foot-name{ font-size: 22px;}
	.ibox-chidder-demo { margin-left: -2%;}
	.ibox-chidder-demo .item{ width: 23%; margin-left: 2%;}
	.pbanner .imgbox{ height: 400px;}
	.pbanner-c .zh,.pbanner-c .en{ font-size: 28px;}
	.pbanner-c .bot{ height: 2px; margin-top: 30px;}
	.page-nav-btn a{ font-size: 14px;}
	.business-list .desc,.business-list .two-item .desc{ padding: 80px 10%;}
	.business-list .title{ font-size: 24px; margin-bottom: 15px;}
	.mapBox{  height: 450px;}
}
@media screen and (max-width: 1360px) {
	.inner{ width: 1100px;}
	.nav>ul>li>a{padding:0 20px; font-size: 14px;}
	.nav .subnav{ font-size: 13px;}
	.binbox .zh{ font-size: 36px;}
	.binbox .en{ font-size: 24px;}
	.ibox-hotNew-demo{ padding: 0 120px 0 6%;}
	.ibox-hotNew-bot{ width: 90px;}
	.ibox-newlist a{ line-height: 34px; height: 34px;}
	.ibox-newImg-demo .slick-dots li a{ width: 8px; height: 8px; line-height: 8px;}
	.ibox-new-tabC,.ibox-new-tabC .ibox-new-txt{ height: 380px;}
	.ibox-new-txt .ibox-newlist{ padding-top: 20px;}
	.ibox-newImg-demo,.ibox-newImg-demo .imgBox{ height: 441px;}
	.pbanner .imgbox{ height: 340px;}
	.pbanner-c .zh,.pbanner-c .en{ font-size: 26px;}
	.page-nav-btn a{ }
	.aboutT .zh{ font-size: 26px;}
	.subsidiary-list .name,.subsidiary-list .txt{ font-size: 14px;}
	.business-list .desc,.business-list .two-item .desc{ padding: 60px 8%;}
	.business-list .title{ font-size: 22px; margin-bottom: 10px;}
	.business-list .c{ margin-bottom: 40px;}
	.mapBox{  height: 400px;}
}
@media screen and (max-width: 1260px) {
	.inner,.w960,.w1110,.w980{ width: 90%;}
	.logo{ margin-top: 17px;}
	.logo a{ height: 46px;}
	.nav>ul>li>a{padding:0 16px;}
	.grop-sider{ margin-left: 1%;}
	.binbox .zh{ font-size: 32px;}
	.binbox .en{ font-size: 20px;}
	.ibox-chidder-demo{ margin-left: -3.33%;}
	.ibox-chidder-demo .item{ width: 30%; margin-left: 3.33%;}
	.history-desc .desc{ width: 90%; padding: 50px 0 80px;}
	.first-nbox .img-wrap{ width: 440px;}
	.first-nbox .desc{ padding-left: 460px;}
	.first-nbox .bot{ margin-top: 30px;}
	.ggitem .desc{ padding-left: 150px;}
	.mapBox{  height: 350px;}
}
@media screen and (max-width: 1024px) {
	.inner90{ width: 90%;}
	.menu-handler,.menubarM{ display: block;}
	.nav{ display: none;}
	.top,.pageH{ height: 54px;}
	.top .inner90{ width: 100%;}
	.logo{ margin-top: 8px; margin-left: 3%;}
	.logo a{ height: 38px;}
	.grop-sider{ margin-right: 108px; padding-top: 0; line-height: 54px;}
	.banner .pimg{ display: none;}
	.banner .mimg{ display: block;}
	.binbox{ top: 50%;}
	.binbox{ width: 90%; margin-left: 0; left: 5%;}
	.binbox .zh{ font-size: 24px;}
	.binbox .en{ font-size: 16px;}
	.binbox .bot{ margin: 10px auto 15px;}
	.binbox .c{ font-size: 12px; width: auto;}
	.banner .slick-dots{ bottom: 5%;}
	.scroll-bot{ display: none;}
	.ibox-w50{ float: none; width: auto;}
	.ibox-hotNew-demo{ margin-top: 0; padding: 0 120px 0 5%; border-bottom: 1px solid #ecedee;}
	.ibox-newImg-demo{ width: 90%; margin: 20px auto 10px;}
	.ibox-newImg-demo, .ibox-newImg-demo .imgBox{ height: auto; background: none !important;}
	.ibox-newImg-demo .imgBox .imgw{ display: block;}
	.ibox-newImg-demo .txt{ left: 3%; right: 120px;}
	.ibox-case-demo .slick-arrow { width: 44px; height: 44px; line-height: 44px; margin-top: -22px;}
	.ibox-case-demo .slick-arrow i{ font-size: 20px;}
	.ibox-party .ibox-newlist{ width: 90%; margin-left: 5%; padding: 25px 0;}
	.ibox-party-img{ position: relative; top: auto; right: auto; bottom: auto; height: auto;}
	.ibox-party-img .imgBox{ background-image: none;}
	.ibox-party-img .imgBox .imgw{ display:block;}
	.ibox-chidder-demo{ margin-left: -20px;}
	.foot-t{ border-bottom: 0 none;}
	.foot-link dd,.foot-link .item1,.foot-link .item2,.foot-link .item3{ float: none; width: auto; margin-right: 0; margin-bottom: 25px; border-top: 1px solid #4a515b; padding-top: 25px;}
	.foot-sharp{ text-align: left;}
	.foot-sharp a.item{ margin: 0 10px 0 0; text-align: center;}
	.foot-sharp a.item:last-child{ margin-right: 0;}
	.foot-b{ background-color: #1d222a; font-size: 12px;}
	.pbanner .imgbox{ height: 300px;}
	.pbanner-c{ transform: translateY(-50%); margin-top: 0;}
	.pbanner-c .zh, .pbanner-c .en{ font-size: 24px;}
	.page-nav-box{ height: 44px; text-align: left;}
	.page-nav-btn{ position: absolute;left: 0;top: 0;width: 100%;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;white-space: nowrap;}
	.page-nav-btn>ul { display: inline-flex;display: -webkit-inline-flex;}
	.page-nav-btn a{ padding: 0 20px; line-height: 44px; height: 44px;}
	.pagePadding{ padding: 65px 0 80px;}
	.aboutT{ margin-bottom: 55px;}
	.aboutT .zh{ font-size: 24px;}
	.history-page{ padding: 80px 0 100px;}
	.history-img{ height: 50%;}
	.culture-list .desc{ display: none;}
	.culture-list .zh{ font-size: 18px;}
	.culture-list .en{ font-size: 12px;}
	.culture-list .item{ position: relative; display: block; visibility: visible; opacity: 1; padding: 25px 8%; background-color: #fff; color: #666;}
	.culture-list .title{ padding-top: 0; visibility: visible; opacity: 1; transform: inherit; -webkit-transform: inherit;}
	.culture-list .item .en{ color: #979797;}
	.culture-list .item .line{ /* height: 24px; background-color: #666; */ margin: 5px auto 15px;}
	.culture-list .item .c{  visibility: visible; opacity: 1; margin: 0;}
	.first-nbox .img-wrap{ width: 340px;}
	.first-nbox .desc{ padding-left: 360px;}
	.first-nbox .title{ margin-bottom: 5px;}
	.first-nbox .c{ margin-bottom: 5px;}
	.first-nbox .bot{ margin-top: 20px;}
	.ggitem{ padding: 25px;}
	.timebox{ width: 70px; padding: 10px 0;}
	.ggitem .desc{ padding-left: 100px;}
	.infoT{ font-size: 24px;}
	.business-list .desc,.business-list .two-item .desc{ padding: 35px 8%;}
	.business-list .title{ font-size: 18px;}
	.join-list .hspan:nth-child(2),.join-list .hspan:nth-child(3),.join-list .hspan:nth-child(4){ display: none;}
	.join-list .hspan{ width: 25%;}
	.join-list .hspan1{ width: 45%;}
	.contact-left .title{ font-size: 24px; margin-bottom: 20px;}
}
@media screen and (max-width: 860px) { 
	.ibox-newImg-demo .title{ font-size: 14px; padding: 10px 14px;}
	.ibox-chidder-demo .item-txt{ padding: 20px; font-size: 14px; line-height: 1.5;/* margin: 0 8px 0 0; */}
	.culture-list{ margin-left: -2%;}
	.culture-list li{ width: 48%; margin-left: 2%; margin-bottom: 2%;}
	.subsidiary-list li{ width: 48%;}
	.case-list li{ width: 48%; margin-bottom: 20px;}
}
@media screen and (max-width: 640px) { 
	.grop-sider{ display: none;}
	.menubarM{ width: 70%;}
	.binbox .zh{ font-size: 18px;}
	.binbox .en{ font-size: 12px;}
	.binbox .bot{ margin: 10px auto;}
	.binbox .c{ display: none;}
	.banner .slick-dots li{ padding: 0 4px;}
	.banner .slick-dots li a{ border-width: 1px; width: 6px; height: 6px;}
	.ibox-hotNew-demo{ height: 54px; padding: 0 80px 0 5%;}
	.ibox-hotNew-demo .item a{ display: block; line-height: 54px; height: 54px; font-size: 12px;}
	.ibox-hotNew-bot{ width: 70px;}
	.ibox-hotNew-bot a{  line-height: 54px; height: 54px;}
	.ibox-newImg-demo{ width: 100%; margin: 0 auto;}
	.ibox-newImg-demo .txt{ font-size: 12px; right: 100px; left: 5%;}
	.ibox-hotNew-demo .item a .r{ display: none;}
	.itab-t{ height: 54px; line-height: 54px;}
	.itab-t a{ margin-right: 25px; padding-left: 16px; font-size: 15px;}
	.itab-t a::before{ width: 6px; height: 6px; border-width: 1px;}
	.itab-t a::after{ height: 2px; bottom: -1px;}
	.ibox-add-more{ height: 54px; line-height: 54px;}
	.ibox-new-tabC .ibox-add-more{ top: -54px;}
	.ibox-T{ height: 60px; line-height: 60px;}
	.ibox-T .name{ font-size: 16px; padding-left: 16px;}
	.ibox-T .name::before{ width: 6px; height: 6px; border-width: 1px; }
	.ibox-T .ibox-add-more{ margin-top: 3px;}
	.ibox-chidder{ padding: 0 0 45px;}
	.ibox-chidder-demo{ margin-top: 0;}
	.ibox-case-demo .slick-arrow { width: 40px; height: 40px; line-height: 40px; margin-top: -20px;}
	.ibox-chidder-demo{ margin-left: -2%;}
	.ibox-chidder-demo .item{ margin-left: 2%; width: 48%; margin-bottom: 2%;}
	.foot-name{ font-size: 18px; margin-bottom: 20px;}
	.foot-title{ font-size: 15px; margin-bottom: 10px;}
	.foot-b .r{ float: none; display: block;}
	.smlink{ display: block; margin-left: 0;}
	.pbanner .imgbox{ height: 240px;}
	.pbanner-c .zh, .pbanner-c .en{ font-size: 18px;}
	.pbanner-c .bot{ height: 2px; margin-top: 20px;}
	.aboutT{ margin-bottom: 35px;}
	.aboutT .zh{ font-size: 18px;}
	.aboutT .en{ font-size: 12px;}
	.aboutPage .aboutT{ margin-bottom: 15px;}
	.pagePadding{ padding: 45px 0 60px;}
	.history-page{ padding: 60px 0 80px;}
	.history-desc .desc{ width: 86%; padding: 35px 0 45px;}
	.subsidiary-list .name,.subsidiary-list .txt{ font-size: 12px;}
	.subsidiary-list li{ margin-bottom: 20px;}
	.pagePadding2{ padding: 40px 0 60px;}
	.first-nbox .img-wrap{ float: none; width: auto;}
	.first-nbox .desc{ padding-left: 0; padding-top: 20px;}
	.first-nbox .title{ height: auto;}
	.nitem-box::before{ width: 2px;}
	.nitem-box{ margin-bottom: 10px;}
	.nitem-box .r{ display: none;}
	.nitem-box .time{ padding: 0 15px;}
	.nitem-box p{ line-height: 44px; height: 44px; padding-right: 10px;}
	.paging a{ margin: 0 1px; padding: 4px 12px;}
	.ggitem{ padding: 15px;}
	.ggitem .desc{ padding-left: 70px;}
	.ggitem .title{ font-size: 14px; margin-bottom: 5px;}
	.ggitem .c{ overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 13px; line-height: 1.5; margin-bottom: 10px;}
	.timebox{ width: 50px; padding: 5px 0; font-size: 12px; line-height: 1.5;}
	.infoT{ font-size: 18px; margin-bottom: 10px;}
	.infoI{ font-size: 12px; padding-bottom: 25px; margin-bottom: 25px;}
	.pager{ margin-top: 45px; padding-top: 25px;}
	.business-list{ padding-top: 20px;}
	.business-list li,.business-list .two-item{ padding: 0;}
	.business-list .img{ position: relative; width: 100%; height: auto;}
	.business-list .img img{ display: block;}
	.business-list .desc, .business-list .two-item .desc{ padding: 25px 5% 35px;}
	.business-list .c{ margin-bottom: 25px;}
	.btn-more{ width: 100px; height: 34px; line-height: 34px; font-size: 12px;}
	.join-list .joinT .hspan{ height: 44px; line-height: 44px;}
	.join-list .joinB{ padding: 25px 3%;}
	.join-list .hspan:nth-child(5){ display: none;}
	.join-list .hspan1{ width: 70%;}
	.mapBox{  height: 240px;}
	.contact-left{ float: none; width: auto;}
	.contact-erm{ float: none; margin-top: 20px;}
	
}
@media screen and (max-width: 481px) {
	.ibox-chidder-demo{ margin-left: -10px;}
	.ibox-chidder-demo .item-txt{ padding: 15px;}
	.pbanner .imgbox{ height: 200px;}
	.pbanner-c .zh, .pbanner-c .en{ font-size: 16px;}
	.culture-list{ margin-left: 0;}
	.culture-list li{ width: 100%; margin-left: 0;}
	.case-list{ margin-left: 0;}
	.case-list li{ width: 100%; margin-bottom: 15px;}
	.mapBox{  height: 200px;}
}
@media screen and (max-width: 380px) {
	.subsidiary-list{ margin-left: 0;}
	.subsidiary-list li{ width: 100%; margin-left: 0;}
}