@media screen and (min-width:1025px){

	.fixedImg { background-attachment: fixed;}

	.banner .item{ opacity: 1 !important;} 

	.banner .binbox { opacity: 0; visibility: hidden; transform:translateX(-150px); -webkit-transform:translateX(-150px); -moz-transform:translateX(-150px);}

	.banner .slick-active {z-index: 400 !important;}

	.banner .slick-active .img { -webkit-animation: decreaseHeight 1.2s forwards; animation: decreaseHeight 1.2s forwards; overflow:hidden;}

	.banner .slick-active .binbox{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: .78s 0.55s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.55s cubic-bezier(.215,.61,.355,1);}

	.product-Idemo .item: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;}

	.product-Idemo .item:hover .blue-85{ opacity: 1; visibility: visible\9;}

	.product-Idemo .item:hover .con{ top: 30px;}

	.product-Idemo .item:hover .c,.product-Idemo .item:hover .icon-jiantou{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}

	.product-Idemo .item:hover:before,.product-Idemo .item:hover:after{ width: 100%;}

	.product-Idemo .item:hover .blue-85:before,.product-Idemo .item:hover .blue-85:after{ height: 100%;}



}

@media screen and (max-width:1441px){

	.nav>ul>li>a{ padding: 0px 10px;}

	.banner .binbox .by{ font-size: 32px;}

	.banner .binbox .zh{ font-size: 44px;}

	.mapBox{ height: 450px;}

}

@media screen and (max-width:1370px){

	.banner .binbox .by{ font-size: 30px;}

	.banner .binbox .zh{ font-size: 42px;}

	.mapBox{ height: 400px;}

}

@media screen and (max-width:1260px){

	.inner{ width: 960px;}

	.nav li{ margin-right: 12px; font-size: 15px;}

	.nav>ul>li>a{ padding: 0px;}

	.telBox{ padding-left: 2%;}

	.telBox b{ font-size: 16px;}

	.telBox i{ margin-right: 5px; font-size: 26px;}

	.banner .binbox .by{ font-size: 28px;}

	.banner .binbox .zh{ font-size: 40px;}

	.banner .binbox { width: 960px; margin-left: -480px;}

	.product-Idemo{ height: 304px;}

	.product-Idemo .ico{ width: 60px; height: 60px;}

	.product-Idemo .ico i{ background-size: 70% auto;}

	.product-Idemo .title{ font-size: 18px;}

	.product-Idemo .bot{ margin-bottom: 30px;}

	.product-Idemo .c{ margin-bottom: 20px;}

	.honor-list{ width: 980px;}

	.join-list .con{ font-size: 14px;}

	.join-list .con .ico{ width: 50px; height: 50px;}

	.join-list .con h4{ font-size: 18px; margin-bottom: 20px;}

	.join-box{ padding: 140px 0px;}

	.mapBox{ height: 360px;}

	.padding-bot{ padding-bottom: 80px;}

	.pro-tab td{ display: block; width: 100%;}

	.partnerList{ margin-left: -2%;}

	.partnerList li{ width: 23%; margin: 0 0 25px 2%;}

	.product-list .txt{ height: 64px; line-height: 64px; font-size: 15px;}

	.service-map-sider{ width: 30%;}

	.service-map-demo{ width: 60%;}

	#RegionMap tspan{ font-size: 14px;}

}

@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; margin-left: -350px; }

	.warp{ position: inherit; left: auto; top: auto;}

	.inner{ width: 90%;}

	.nav,.telBox{ display: none;}

	.top,.pageH{ height: 54px;}

	.logo{ width: 120px; padding: 14px 0px; top: 0;}

	.menu-handler,.menuBox{ display: block;}

	.foot-top .bdsharebuttonbox{ display: none;}

	.foot-nav,.foot .ermbox,.foot .add-box{ float: none; display: block;}

	.foot-nav a{ margin-right: 5%;}

	.foot .ermbox,.foot .add-box{ margin-bottom: 25px;}

	.foot .ermbox figure{ margin: 0 0 5px;}

	.banner{ margin-top: 54px;}

	.banner .img{ position: relative; left: auto; top: auto; right: auto; bottom: auto;}

	.banner .pimg { display: none;}

	.banner .bimg{ display: block;}

	.banner .binbox{ width: 90%; left: 5%; margin-left: 0; height: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

	.banner .binbox .by{ font-size: 24px;}

	.banner .binbox .zh{ font-size: 30px;}

	.banner .mouseIco{ display: none;}

	.banner .slick-dots{ width: 100%; top: auto; bottom: 5%; right: 0; text-align: center;}

	.banner .slick-dots li{ overflow: hidden; display: inline-block; margin: 0px 5px 0;}

	.ibox-padding{ padding: 70px 0 95px;}

	.product-Idemo{ height: auto; margin-left: -10px;}

	.product-Idemo .item{ margin: 0px 10px;}

	.product-Idemo .c,.product-Idemo .icon-jiantou{ display: none;}

	.product-Idemo .ico i{ background-size: 60% auto;}

	.product-Idemo .con{ top: 50%; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

	.inew-list .btn-more2{ right: 0;}

	.inew-list .type{ display: block; border: 0; padding: 0; margin: 0 0 5px;}

	.inew-list h2{ font-size: 16px; line-height: 1.5;}

	.inew-list li{ padding: 0px 15% 28px 125px;}

	.pbanner-C{ height: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

	.pbanner-C .en{ font-size: 14px;}

	.pbanner-C .zh{ font-size: 28px;}

	.pbanner-C .bot{ margin-top: 15px;}

	.page-nav-box{ width: 100%; height: 40px; 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: 40px; height: 40px; padding: 0px 20px; font-size: 14px;}

	.page-nav-btn a:after{ display: none;}

	.page-nav-btn a.active{ background-color: #2f86c7;}

	.pagePadding{ padding: 80px 0px 100px;}

	.w930{ width: 90%;}

	.about-list .num{ font-size: 80px;}

	.about-list{ padding: 40px 0px 60px;}

	.about-list li{ margin-right: 0; width: 50%;}

	.about-img .slick-arrow{ width: 42px; height: 42px; line-height: 42px; margin-top: -21px;}

	.honor-list{ width: 90%;}

	.honor-list dd{ width: 31.33%;}

	.paging{ padding-top: 40px;}

	.news-list{ margin-left: -2%;}

	.news-list li{ margin-left: 2%; width: 31.33%;}

	.news-list .c{ height: 75px; margin-bottom: 25px;}

	.w920{ width: 90%;}

	.info-T h3{ font-size: 24px;}

	.info-T .icon-shijian{ margin-right: 10px;}

	.infoPage-box{ padding: 80px 0px;}

	.w970{ width: 90%;}

	.industry-list .con{ margin: 0px 25% 0px 0px;}

	.industry-list h4{ font-size: 18px;}

	.newspaper-list h4{ font-size: 16px;}

	.newspaper-list .btnBox{ margin-top: 20px;}

	.btnBox .btn{ float: none; display: block; margin-right: 0; text-align: center;}

	.newspaper-list dd{ padding: 25px 0px;}

	.newspaper-list figure{ width: 32%;}

	.newspaper-list .con{ width: 53%;}

	.join-list{ width: 600px; margin: 0px auto; padding-top: 30px;}

	.join-list li{ margin-bottom: 25px;}

	.join-list li:last-child{ margin-bottom: 0;}

	.join-list li .img{ float: none; width: 100%;}

	.join-list .con{ position: relative; left: auto; top: auto; width: 90%; display: block; margin: 0px auto; padding: 25px 0px 40px;}

	.join-list .oneItem .con{ left: auto;}

	.join-list .twoItem .img{ margin-left: 0;}

	.join-list .twoItem .con{ left: auto;}

	.join-box{ padding: 100px 0px;}

	.join-box-con{ width: 70%; padding: 25px 5%; font-size: 14px;}

	.join-box-con .bor{ border-width: 2px;}

	.hrList .hot{ left: 5%; transform: scale(0.9); -webkit-transform: scale(0.9);}

	.hrList .hicon{ width: 5%;}

	.hrList .hrB{ margin-left: 5%;}

	.hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5),.hrList .hspan:nth-child(6){ display: none;}

	.hrList .hspan:nth-child(2),.hrList .hspan:nth-child(3){ width: 35%;}

	.hrList .hspan:nth-child(7){ width: 20%;}

	.teamList .titem .txt{ height: 60px; line-height: 60px;}

	.contact-left,.contact-erm{ float: none; width: auto;}

	.contact-erm{ width: 180px; margin-top: 25px;}

	.mapBox{ height: 320px;}

	.pro-img{ margin-top: 5%; width: 45%;}

	.l.pro-img{ margin-left: 5%;}

	.r.pro-img{ margin-right: 5%;}

	.partnerList li{ width: 31.33%;}

	.product-list .txt{ height: 54px; line-height: 54px; font-size: 14px;}

	.product-tab-t{ margin-bottom: 50px;}

	.product-tab-t li{ height: 54px; line-height: 54px; font-size: 15px;}

	.branchPage{ padding:120px 0px;}

	.branchPage .iboxT{ width: 80%;}

	.service-list .ico{ width: 80px; height: 80px;}

	.service-list h3{ font-size: 20px; padding: 18px 0px;}

	.service-list .c{ padding: 25px 0 0;}

}

@media screen and (max-width:860px){

	.vwrap .videobox { width: 560px; margin-left: -298px; }

	.banner .binbox .by{ font-size: 20px;}

	.banner .binbox .zh{ font-size: 24px;}

	.w770{ width: 90%;}

	.about-list .num{ font-size:70px;}

	.news-list{ margin-left: -5%;}

	.news-list li{ margin-left: 5%; width: 45%;}

	.newspaper-list{ margin-left: 0;}

	.newspaper-list dd{ float: none; width: auto; display: block; padding: 25px 5%; margin-bottom: 25px;}

	.newspaper-list figure{ width: 155px; margin-left: 0;}

	.newspaper-list .con{ float: none; width: auto; padding-left: 155px;}

	.btnBox .btn{ display: inline-block;}

	.join-list{ width: 560px;}

	.mapBox{ height: 250px;}

	.proDl{ padding: 5%;}

	.pro-img{ margin-top: 0%; width: auto;}

	.l.pro-img,.r.pro-img{ margin: 0%; float: none; display: block;}

	.proC{ padding: 35px 0 0; width: auto;}

	.service-map-sider,.service-map-demo{ width: auto ; float: none; display: block;}

	.service-map-demo{ margin-bottom: 35px;}

	.service-map-sider{ margin-bottom: 30px;}

	.service-map .tsbox{ position: relative; left: auto; bottom: auto;}

}

@media screen and (max-width:641px){

	.vwrap .videobox { width: 400px; margin-left: -218px; height: 300px; margin-top: -155px; }

	.menuBox{ width: 80%;}

	.menuMoblie .nav-link{ font-size: 16px;}

	.menuMoblie .subnav a{ font-size: 14px;}

	.foot-top{ display: none;}

	.smlink{ display: none; margin-left: 0;}

	.banner .binbox .by{ font-size: 16px;}

	.banner .binbox .zh{ font-size: 18px;}

	.ibox-padding{ padding: 50px 0 65px;}

	.iboxT{ margin-bottom: 35px;}

	.iboxT .en,.iboxT .en2{ font-size: 14px;}

	.iboxT .zh{ font-size: 18px;}

	.iboxT .en2{ padding: 5px 0px 0px;}

	.iaboutBox .pageC{ margin-bottom: 40px;}

	.product-Idemo{ margin:0 auto; width: 80%;}

	.product-Idemo .item{ margin: 0 auto;}

	.product-Idemo .title{ font-size: 16px; font-weight: normal; padding: 15px 0 5px;}

	.product-Idemo .ico{ width: 54px; height: 54px;}

	.ipro-arrows{ padding-top: 40px;}

	.ipro-arrows .slick-dots li{ width: 8px; height: 8px;}

	.ipro-arrows .slick-dots li.slick-active { width: 8px; background-color: #55ACEE;}

	.inew-list{ padding-bottom: 20px;}

	.inew-list li{ padding: 0px 0px 25px 80px; margin-bottom: 25px;}

	.inew-list .timeBox{ width: 70px;}

	.inew-list .timeBox .day{ font-size: 30px;}

	.inew-list .timeBox .year{ font-size: 14px;}

	.inew-list .btn-more2{ display: none;}

	.inew-list h2{ font-size: 14px;}

	.pbanner-C .en{ font-size: 13px;}

	.pbanner-C .zh{ font-size: 20px;}

	.pbanner-C .bot{ display: none;}

	.pagePadding{ padding: 60px 0px 80px;}

	.wave-canvas-wrapper{ height: 30%;}

	.about-list .num{ font-size:54px;}

	#aboutPage .pageC{ font-size: 14px;}

	.about-img .slick-arrow{ width: 32px; height: 32px; line-height: 32px; margin-top: -16px;}

	.about-img .slick-arrow i { font-size: 14px;}

	.honor-list dd{ width: 48%; padding: 0; margin-right: 4%;}

	.honor-list dd:nth-child(even){ margin-right: 0;}

	.paging{ padding-top: 30px;}

	.paging a{ margin: 0px 2px!important; padding: 5px 11px; font-size: 13px;}

	.news-list .c{ font-size: 12px; height: 63px;}

	.news-list{ margin-left: -2%;}

	.news-list li{ margin-left: 2%; width: 48%; margin-bottom: 25px;}

	.infoPage-box{ padding: 50px 0px;}

	.info-T h3{ font-size: 20px;}

	.nd-back .name{ display: none;}

	.industry-list dd .stimeBox{ position: relative; left: auto; top: auto;}

	.industry-list dd .stimeBox,.industry-list dd:hover .stimeBox{ background-color: transparent; }

	.industry-list .item{ padding: 20px 0px;}

	.industry-list .con{ margin-right: 0;}

	.industry-list h4{ font-size: 14px; line-height: 1.5;}

	.industry-list .c{ font-size: 12px; height: 42px; overflow: hidden; margin-top: 6px;}

	.stimeBox{ padding: 0; margin-bottom: 10px; color: #0086B3;}

	.stimeBox .t,.stimeBox .bot{ display: none;}

	.stimeBox .day{ display: inline-block; font-size: 16px;}

	.industry-list dd:hover .stimeBox{ color: #fff;}

	.newspaper-list figure{ width: 100px;}

	.newspaper-list .con{ padding-left: 100px;}

	.newspaper-list h4{ font-size: 14px;}

	.newspaper-list .time{ font-size: 12px;}

	.btnBox .btn{ font-size: 12px; padding: 0px 5px;}

	.btnBox .iconfont{ font-size: 16px; margin-right: 5px;}

	.join-list{ width: 100%; padding-top: 15px;}

	.join-list .con .ico{ width: 40px; height: 40px;}

	.join-list .con h4{ font-size: 16px; margin-bottom: 16px;}

	.join-box{ padding: 80px 0px;}

	.hrList .hspan:nth-child(3){ display: none;}

	.hrList .hspan:nth-child(2){ width: 60%; text-indent: 2em; text-align: left;}

	.hrList .hspan:nth-child(7){ width: 30%; font-size: 12px;}

	.hrList .hot{ left: 10%;}

	.hrList .hicon{ width: 10%;}

	.hrList .hrdt{ display: none;}

	.hrList .hrB{ margin-left: 10%;}

	.hr-box{ margin-top: 40px;}

	.teamList .titem .txt{ height: 50px; line-height: 50px; font-size: 14px;}

	.teamList{ margin-left: -2%;}

	.teamList li{ width: 48%; margin:0 0 25px 2%;}

	.teamList .titem .add{ width: 30px; height: 30px; margin: -15px 0 0 -15px;}

	.contact-left .pageC{ font-size: 14px;}

	.contact-erm{ width: 140px;}

	.mapBox{ height: 200px;}

	.padding-bot{ padding-bottom: 60px;}

	.proC,.proC2{ font-size: 14px;}

	.proC2{ padding: 25px 5%;}

	.product-list{ margin-left: -2%;}

	.product-list dd{ margin-left: 2%; margin-bottom: 30px; width: 48%;}

	.product-tab-t li{font-size: 14px; height: 50px; line-height: 50px;}

	.branchPage{ padding:70px 0px;}

	.branchPage .iboxT{ width: 90%;}

	.service-list{ margin-left: 0;}

	.service-list li{ width: auto; float: none; display: block; margin-left: 0;}

	.service-list .ico{ width: 60px; height: 60px;}

	.service-list h3{ padding: 12px 0px; font-size: 16px;}

	.service-list .c{ font-size: 14px;}

	.nobox-btn{ width: 150px;}

}

@media screen and (max-width:481px) {

	.vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; }

	.about-list li{ font-size: 12px;}

	.about-list .num{ font-size:40px;}

	.partnerList li{ width: 48%; margin-bottom: 12px;}

}	

@media screen and (max-width:421px) {

	.banner .binbox .by{ font-size: 14px;}

	.banner .binbox .zh{ font-size: 16px;}

	.honor-list .txt{ height: auto;line-height: 1.5; font-size: 12px; text-align: left;}

	.news-list{ margin-left: 0%;}

	.news-list li{ margin-left: 0%; width: 100%; float: none; display: block;}

	.news-list h4{ font-size: 14px; margin-bottom: 5px;}

	.news-list .c{ height: 42px; margin-bottom: 15px;}

	.paging a{ padding: 3px 8px; font-size: 12px;}

}