@media screen and (max-width:1371px){
	.icustormBox{ padding: 110px 0px;}
	.itypeBoxC .t{ font-size: 40px;}
	.itypeBoxC .by span{ font-size: 42px;}
	.iboxT .zh{font-size: 36px;}
	.iboxT .en{font-size: 32px;}
	.inew-imgbox{ width: 1100px;}
}
@media screen and (max-width:1240px){
	.inner{ width: 980px;}
	.nav a{ font-size: 14px;}
	.iproductBox .lbox,.sider-case,.iproduct-tel{ width: 240px;}
	.iproductBox .rbox,.sider-case-page{ width: 710px;}
	.iproduct-nav-c .item{ height: 48px; line-height: 48px; font-size: 15px; padding: 0px 20px;}
	.iproduct-tel.fixed{ margin-right: 250px;}
	.iproduct-tel{ padding: 20px 0px 10px;}
	.iproduct-tel .tel{ font-size: 24px;}
	.iproduct-tel .by{ padding: 0px 20px 20px;}
	.iproduct-tel .t{ padding: 0px 20px 10px;}
	.iserviceBox .t1 img,.iserviceBox .t2 img{ height: 80px;}
	.ichooseUs-logo{ width: 130px;}
	.ichooseCon .zh{ font-size: 46px;}
	.ichooseCon .en{ font-size: 22px;}
	.ichooseCon .enbox{ width: 160px;}
	.icustormBox .zh{ font-size: 40px;}
	.itypeBox-list li{ width: 32.33%; padding: 20px 0.5% 25px;}
	.itypeBoxC .t{ font-size: 36px;}
	.itypeBoxC .by span{ font-size: 40px;}
	.ipigeBox .inner{ background: no-repeat;}
	.izy-ico{ width: 40%;}
	.iprocessL{ width: 34%;}
	.iprocessR{ width: 60%;}
	.iboxT .zh{font-size: 32px;}
	.iboxT .en{font-size: 28px;}
	.icooperationList li{ width: 195px; height: 132px;}
	.icooperationList .name{ font-size: 14px; height: 17px;}
	.pageT{ font-size: 24px;}
	.case-nav .item{ font-size: 16px;}
	.product-subnav a{ font-size: 14px;}
	.sity_screen dl dt{ float: none !important; width: auto; padding: 0px 5%; }
	.sity_screen dl dd{ float: none !important; width: 95%; margin: 0px 0px 0px 5%;}
	.inew-imgbox{ width: 80%;}
	.caseInner2{ width: 868px;}
}
@media screen and (max-width:1024px){
	.transYT{ 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; }
	.transXT{ 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.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.gropBox,.dock-box{ display: none;}
	.inner{ width: 90%;}
	.top{ padding: 10px 0px; width: 100%; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);}
	.logo{ margin-left: 10px;}
	.logo .img{ width: auto; height: 48px;}
	.logo .by{ margin: 5px 0px 0px 10px; font-size: 12px;}
	.silder-top-info,.navbox{ display: none;}
	.menu-handler,.menuBox,.sliderBox{ display: block;}
	.banner .pimg { display: none; }
	.banner .mimg{ display: block;}
	.banner .slick-dots{ z-index: 10;}
	.banner .slick-dots li{ width: 10px; height: 10px; margin-bottom: 5px; padding: 0px 5px;}
	.banner .slick-dots li a{ background: none #fff; border-radius: 50%; border: 2px solid #fff; width: 6px; height: 6px;}
	.banner .slick-dots li.slick-active a{ background: none transparent; }
	.iproductBox,.iserviceBox{ padding: 45px 0px;}
	.iproductBox .lbox{ display: none; float: none;}
	.iproductBox .rbox,.sider-case-page{ float: none; width: 100%;}
	.iproduct-t .zh{ margin-left: 0;}
	.iproduct-list{ padding-top: 5px;}
	.iproduct-list .bg{ display: none;}
	.iproduct-list li:hover .img img { transform: scale(1); -webkit-transform: scale(1); }
	.iproduct-list li:nth-child(7),.iproduct-list li:nth-child(8),.iproduct-list li:nth-child(9){ display: none;}
	.iledmore{ display: block;}
	.iserviceList .ico img{ width: 60px;}
	.iserviceList .zh{ font-size: 22px; padding-top: 0px;}
	.iserviceList .item4 .item-t{ padding-bottom: 26px;}
	.iserviceList .item4 .item-c{ margin-left: 0;}
	.ichooseCon .zh{ font-size: 40px;}
	.ichooseCon .en{ font-size: 16px;}
	.ichooseCon .enbox{ width: 130px;}
	.ichooseCon-box{ font-size: 16px;}
	.icustormBox{ padding: 80px 0px; background-size: cover;}
	.icustormBox .zh{ font-size: 38px;}
	.itypeBox-list .t{ font-size: 14px;}
	.itypeBox{ padding: 55px 0px 30px;}
	.itypeBoxC .t{ font-size: 30px;}
	.itypeBoxC .by span{ font-size: 34px;}
	.itypeBoxC .c{ width: auto;}
	.iimgbox{ background-size: cover; background-repeat: no-repeat;}
	.iHPbox{ height: auto; padding: 50px 0px 120px;}
	.iHPbox .zh, .iHPbox .en{ font-size: 24px;}
	.iHPbox .c{ display: none;}
	.iHPbox .bq{ margin-top: 20px;}
	.ipigeBox{ height: auto; background-image: none !important;}
	.ipigeBox .inner{ background-color: #4d5f80; width: 100%;}
	.ipigeBox .zh{ font-size: 20px;}
	.ipigeBox .c{ margin: 0px auto; padding: 25px 0px; width: 90%;}
	.ipigeBox .img{ display: block; width: 100%;}
	.ibyBox .erm{ float: none; }
	.iprocessL .tlogo{ margin-bottom: 28%;}
	.iprocessL .tbox .zh{ font-size: 48px;}
	.iprocessL .tbox .en{ font-size: 24px;}
	.iprocessL .by{ font-size: 18px;}
	.iprocessL .c{ font-size: 12px;}
	.iprocessRlist .ico{ width: 90px;}
	.iprocessRlist .t{ font-size: 16px;}
	.iboxT .zh{font-size: 28px;}
	.iboxT .en{font-size: 24px;}
	.inewBox{ padding: 50px 0px;}
	.inew-imgbox .slick-arrow { border:1px solid #CD3F5D; background-color: #CD3F5D; width: 34px; height: 34px; margin-top: -18px; display: none !important;}
	.inew-imgbox .slick-arrow i { background-size: 10px auto;}
	.inew-imgbox .slick-prev { left: -18px; }
	.inew-imgbox .slick-next { right: -18px; }
	.inew-threenbox dd{ width: 44%; margin: 0px 3%;}
	.inew-threenbox{ width: 100%;}
	.inewsList li{ background-size: 10px auto; padding-left: 20px; font-size: 14px;}
	.inewsList .time{ font-size: 12px;}
	.icooperationList .shBox{ display: none;}
	.icooperationList li{ width: 20%; box-sizing: border-box; height: auto; padding-bottom: 15px;}
	.icontactBox{ margin: 45px auto; display: none;}
	.icontactBox .img{ width: 90%;}
	.icontactBox .item{ padding: 20px 20px 10px;}
	.icontactBox h2{ font-size: 18px;}.aPitem1,.aPitem2{ font-size: 14px;}
	.aboutP-2 .t1,.aboutP-2 .t2{ font-size: 16px;}
	.pagePaing{ padding: 30px 0px 50px;}
	.pageT{ font-size: 20px; padding: 20px 0px 8px;}
	.problemList a:hover .c,.problemList .c{ display: none;}
	.problem-T{ font-size: 18px; padding: 10px 0px;}
	.problem-remcon li{ display: none; font-size: 14px; height: 30px; line-height: 30px;}
	.problem-remcon li:nth-child(1),.problem-remcon li:nth-child(2),.problem-remcon li:nth-child(3),.problem-remcon li:nth-child(4){ display: block;}
	.pbanner{ width: 100%;}
	.testimonialsPage{ padding-bottom: 55px;}
	.testimonialsPage .iboxT{ padding-top: 35px;}
	.case-infobox h1{ font-size: 24px;}
	.case-infobox .by{ font-size: 15px;}
	.case-page{ padding: 0px 0px 45px;}
	.pageT2{ font-size: 18px; padding-bottom: 15px;}
	.cpnav,.case-nav-box .cpnav{ display: block; height: 42px; line-height: 42px; font-size: 14px;}
	.case-nav-box{ position: relative; padding-bottom: 8px;}
	.cpnav-list{ position: absolute; left: 0px; top: 42px; width: 100%; z-index: 800; display: none; background-color: rgba(0,0,0,0.6);  text-align: center;}
	.case-nav{ margin-left: 0px;}
	.case-nav li,.sider-case-nav li{ margin-left: 0px; margin: 0; box-sizing: border-box; border-bottom: 1px solid #c2c1c1; border-right: 1px solid #c2c1c1; position: initial;}
	.case-nav li,.case-nav .li1,.case-nav .li2,.case-nav .li3,.case-nav .li4{ width: 20%;}
	.case-nav .item{ padding: 10px 5px; font-size: 14px;}
	.case-nav a:link,.case-nav a:visited { color: #fff;}
	.case-nav a:active,.case-nav a:hover { color: #fff;}
	.case-nav .item.active{ background-color: #d29fa7;}
	.product-subnav{ top: 0; left: 0; width: 100%; background: none rgba(0,0,0,0.9); padding: 15px 0px;}
	.product-subnav a{ font-size: 12px; padding: 6px 10px;}
	.product-list .bg{ display: none;}
	.product-list li{ width: 32.33%;}
	.product-list li:hover .img img { transform: scale(1); -webkit-transform: scale(1); }
	.caseInner{ padding-bottom: 60px;}
	.sider-case{ float: none; width: 100%;}
	.sider-case .iproduct-tel{ display: none;}
	.case-nav-box .cpnav{ margin-bottom: 0;}
	.case-nav .subshow .item{ background-size: 10px auto;}
	.sider-case-nav li{ float: left; display: block; width: 20%;}
	.sider-case-nav .item{ line-height: 1.4; padding: 10px 5px; height: auto; font-size: 14px;}
	.sider-case-nav .subshow .item{ background-size: 10px auto;}
	.sider-case-nav .product-subnav{ left: 0; padding: 15px 0px; background: none rgba(0,0,0,0.9);}
	.sider-case-nav .product-subnav a{font-size: 12px; padding: 6px 10px;}
	.caseIT{ padding-top: 20px;}
	.case-cp{ width: auto;}
	.contact-list .contact-lbox,.contact-list .contact-rbox{ float: none; width: 100%;}
	.map{ height: 320px; margin-top: 0;}
	.contact-list .contact-rbox{ margin-bottom: 30px;}
	.cmap{ padding-bottom: 20px; margin-bottom:20px;}
	.cmap .c-name{ margin-bottom: 8px;}
	.recommendBox-list .c{ font-size: 15px;}
	.whole-box .pageC{ font-size: 15px;}
	.whole-p1, .whole-p2{ font-size: 16px;}
	.siteMap dt{ font-size: 16px;}
}
@media screen and (max-width:860px){
	.iserviceBox .t1,.iserviceBox .t2{ padding: 12px 0px;}
	.iserviceBox .t1 img,.iserviceBox .t2 img{ height: 50px;}
	.iserviceList .ico img{ width: 50px;}
	.iserviceList .zh{ font-size: 20px;}
	.iserviceList .en{ font-size: 14px;}
	.iserviceList .item-t{ padding: 20px;}
	.iserviceList .item-c{ padding: 0px 20px;}
	.iserviceList dd{ height: 210px;}
	.iserviceList .item1{ width: 51%;}
	.iserviceList .item2{ width: 48%;}
	.iserviceList .item4 .item-t{ padding-bottom: 20px;}
	.ichooseCon .zh{ font-size: 36px;}
	.ichooseCon .en{ font-size: 14px;}
	.ichooseCon .enbox{ width: 110px;}
	.ichooseCon-box{ font-size: 15px;}
	.icustormBox .zh{ font-size: 36px;}
	.itypeBox-list .ico{ width: 100px;}
	.itypeBoxC .t{ font-size: 26px;}
	.itypeBoxC .by span{ font-size: 28px;}
	.itypeBoxC .c{ font-size: 14px;}
	.iprocessBox{ padding: 45px 0px;}
	.iprocessL,.iprocessR{ float: none; width: auto;}
	.iprocessL .tlogo{ margin-bottom: 30px; text-align: center;}
	.iprocessL .tlogo img{ max-width: 60%; display: block; margin: 0px auto;}
	.iprocessL .tbox{ margin: 0px auto 15px; width: auto; text-align: center;}
	.iprocessL .tbox .zh{ font-size: 40px;}
	.iprocessL .tbox .en{ font-size: 18px;}
	.iprocessL .by,.iprocessL .c{ text-align: center;}
	.iprocessL .by{ font-size: 20px;}
	.iprocessRlist li{ margin: 40px 0px 0px 0px;}
	.icooperationList li{ width: 25%;}
	.icontactBox li{ width: 50%;}
	.product-list .c{ font-size: 14px; height: 42px;}
	.aPitem1,.aPitem2{ float: none; width: 100%; min-height: 0;}
	.aPitem1{ margin-bottom: 20px; font-size: 14px;}
	.aboutP-list{ left: 10%;}
	.aboutP-1{ font-size: 18px; margin-bottom: 20px;}
	.aboutP-1 .t{ font-size: 20px;}
	.aboutp-img .img{ width: auto; padding-left: 214px;}
	.aboutp-img .con{ background-size: auto 30%; background-position: -4% 2%;}
	.sider-problem-con{ float: none; width: 100%;}
	.sider-problem{ float: none; width: 100%; margin-top: 20px;}
	.problem-T{ padding: 30px 0px 20px;}
	.problemInner .lin4{display: none;}
	.case-infobox h1{ font-size: 22px;}
	.case-nav li,.case-nav .li1,.case-nav .li2,.case-nav .li3,.case-nav .li4,.sider-case-nav li{ width: 25%;}
	.page-404{ width: 100%; padding-bottom: 30px;}
	.page-404 .img{ width: 80%;}
	.page-404 .t{ font-size: 24px}
	.page-404 .btn-box a{ width: 120px; height: 34px; line-height: 34px; font-size: 16px; }
	.page-404 .btn-box a.btn-42{ margin-left: 20px;}
}
@media screen and (max-width:641px){
	.linkIbox{ font-size: 12px;}
	.foot{ padding: 15px 0px; font-size: 12px; text-align: left;}
	.iproductBox,.iserviceBox{ padding: 40px 0px;}
	.iproduct-t{ line-height: 40px; height: 40px;}
	.iproduct-t .zh{ font-size: 18px; }
	.iproduct-t .more{ height: 40px;}
	.iproduct-t .more span{ font-size: 14px;}
	.iHPbox{ padding: 70px 0px 90px;}
	.iserviceBox .t1 img,.iserviceBox .t2 img{ height: 44px;}
	.iserviceList dd,.iserviceList .item3, .iserviceList .item4{ float: none; height: auto;}
	.iserviceList .item1{ width: auto; margin-right: 0;}
	.iserviceList .item2{ width: auto;}
	.iserviceList .item3{ width: auto; margin-right: 0;}
	.iserviceList .item4{ width: auto;}
	.iserviceList .item-c{ padding-bottom: 30px;}
	.iserviceList .ico{ margin-right: 18px;}
	.ichooseUs{ padding: 40px 0px;}
	.ichooseUs-logo{ position: relative; width: 100px; display: block; margin: 0px auto; right: auto; top: auto; display: none;}
	.ichooseCon .t{ width: 100%; border-top:0px none; padding-top: 0; }
	.ichooseCon .zh{ font-size: 30px;}
	.ichooseCon .en{ font-size: 12px;}
	.ichooseCon .enbox{ width: 90px;}
	.ichooseCon-box{ font-size: 14px;}
	.icustormBox{ padding: 60px 0px;}
	.icustormBox .en img{ width: 200px; display: block; margin: 0px auto;}
	.icustormBox .zh{ font-size: 32px; text-shadow: 1px 1px 0px rgb(255, 255, 255);}
	.itypeBoxC .t{ font-size: 20px;}
	.itypeBoxC .by span{ font-size: 24px;}
	.itypeBox-list .ico{ width: 60px;}
	.itypeBox-list li{ width: 48%; padding: 15px 1% 20px;}
	.iHPbox .zh, .iHPbox .en{ font-size: 18px;}
	.ipigeBox .zh{ font-size: 18px;}
	.ipigeBox .en{ font-size: 12px;}
	.ipigeBox{ background-size: auto 80%;}
	.izy-ico{ width: 50%; top: 40px;}
	.ibyBox .c{ font-size: 16px;}
	.ibyBox .t .tel{ font-size: 26px;}
	.iprocessBox{ padding: 40px 0px;}
	.iprocessL .tbox .zh{ font-size: 34px;}
	.iprocessRlist .ico{ width: 60px;}
	.iprocessRlist .t{ font-size: 14px;}
	.iboxT .zh{font-size: 20px;}
	.iboxT .en{font-size: 18px;}
	.inewBox{ padding: 40px 0px;}
	.inewBox-tab{ width: 246px; padding: 20px 0px 40px;}
	.inewBox-tab li{ width: 80px;}
	.inewBox-tab a{ height: 34px; line-height: 34px; font-size: 14px;}
	.icooperationBox{ padding: 40px 0px 45px;}
	.icooperationList{ margin-top: 35px;}
	.icooperationList li{ width: 33.33%; padding-bottom: 8px;}
	.icooperationList .name{ display: none;}
	.ilogoBox{ padding: 40px 0px;}
	.ilogoBox .telb{ padding-top: 15px;font-size: 18px; line-height: 1.5;}
	.ilogoBox .telb .t{ font-size: 26px;}
	.icontactBox{ margin: 40px auto 20px;}
	.icontactBox li{ width: 100%; float: none; padding: 0px 0px 20px 0px; border: 0px none; background-color: #EFF0F0; margin-bottom: 20px;}
	.icontactBox .item{ border: 0px none; height: auto;}
	.icontactBox .img{ width: 100%;}
	.icontactBox .img,.icontactBox h2{ margin-left: 0; }
	.pagePaing{ padding: 30px 0px 40px;}
	.aboutp-img .img{ padding-left: 0px;}
	.aboutp-img .con,.aboutP-list{ position: relative; left: auto;bottom: auto;}
	.aboutp-img .con{ width: 100%;}
	.aboutP-list{ padding: 40px 5%; text-align: center;}
	.aboutp-img .con{ background-size: auto 55%;}
	.problemList li{ font-size: 14px;}
	.problemList li .time{ font-size: 12px;}
	.case-page{ padding: 0px 0px 40px;}
	.case-nav li,.case-nav .li1,.case-nav .li2,.case-nav .li3,.case-nav .li4,.sider-case-nav li{ width: 33.33%;}
	.case-nav .item,.sider-case-nav .item{ font-size: 12px;}
	.caseInner{ padding-bottom: 45px;}
	.caseIT{ font-size: 14px;}
	.caseIT a, .caseIT span{ background-size: 6px auto; padding-left: 12px;}
	.caseIL{ font-size: 16px;}
	.map{ height:220px;}
	.cmap .c-name{ font-size: 14px; margin-bottom:5px;}
	.cmap{ font-size: 12px;}
	.cmap .c-add,.cmap .c-tel,.cmap .c-qq{ background-size: auto 16px; padding-left: 24px; background-position: left 3px;}
	.recommendBox-list li{ width: 49%;}
	.recommendBox-list li:nth-child(3),.recommendBox-list li:nth-child(4){ display: none;}
	.recommendBox-list .c{ font-size: 14px;}
	.whole-p1,.whole-p2{ float: none; margin:0px 0px 5px 0px;}
	.siteMap{ font-size: 13px;}
	.siteMap dt{ padding: 5px 15px;}
	.siteMap dd{ padding:20px 15px;}
	.page-404 .t{ font-size: 18px}
}	
@media screen and (max-width:481px) {
	.iproduct-list ul{ margin-left: -2%;}
	.iproduct-list li{ width: 48%; margin:12px 0px 0px 2%;}
	.iserviceBox .t1,.iserviceBox .t2{ float: none; width: auto;}
	.iserviceBox .t1{ padding: 10px 0px 0px; border-bottom: 0px none; margin-bottom: 15px;}
	.iserviceBox .t2{ padding: 0px 0px 10px; border-top: 0px none;}
	.iserviceBox .t1 img{ height: auto; max-width: 100%;}
	.iserviceBox .t2 img{ max-width: 50%; height: auto;}
	.inewBox-tabC dd{ width: 90%; float: none;}
	.inewBox-tabC dd.itemR{ display: none;}
	.icustormBox .zh{ font-size: 28px;}
	.itypeBoxC .t{ font-size: 18px;}
	.itypeBoxC .by span{ font-size: 20px;}
	.itypeBoxC .c{ font-size: 12px;}
	.itypeBox{ padding: 45px 0px 35px;}
	.itypeBox-list li{ width: auto; border-bottom:1px solid #8d9191; padding: 10px 0 10px; float: none; margin-bottom: 8px;}
	.itypeBox-list .c{ border: 0px none;}
	.izy-ico{ width: 60%;}
	.ibyBox .c{ font-size: 14px;}
	.ibyBox .t .tel{ font-size: 25px;}
	.aboutp-img .con{ background-size: auto 50%;}
	.product-list ul{ margin-left: -2%;}
	.product-list li{ width: 48%; margin:12px 0px 0px 2%;}
	.product-list .c{ text-align: left;}
	.whole-img-list{ margin-left: 0;}
	.whole-img-list li{ width: 100%; float: none; margin-left: 0;}
}
@media screen and (max-width: 375px) {
	.case-nav li,.case-nav .li1,.case-nav .li2,.case-nav .li3,.case-nav .li4,.sider-case-nav li{ width: 50%;}
}
@media screen and (max-width: 360px) {
	.logo .by{ display: none;}
	.ichooseCon .zh{ font-size: 26px;}
	.aboutp-img .con{ background-size: auto 40%;}
	.ibyBox .t .tel{ font-size: 22px;}
}