@media screen and (max-width:1441px){
	.newNav{ padding: 70px 0px;}
	.paging{ padding: 70px 0px;}
    .olPaging{ padding-top: 70px;}
    .backTop{ right: 0px;}
    .apage,.apage2,.apage3{ height: 450px;}
}
@media screen and (max-width:1361px){
	.iboxDL{ height: auto;}
	.iboxPage{ height: 498px;}
	.iboxT{ padding: 42px 10% 32px;}
	.iboxMore{ padding: 0px 10%;}
	.familyIco{ width: 80%;}
	.familyIco li{ width: 49%;}
	.familyIco li.lin3{ border-top: 0px none;}
	.icoList li{ width: 50%;}
	.knowledgeCon .c{ height: 142px; margin-bottom: 22px;}
	.icoList{ width: 80%; margin: 0px auto;}
	.bannerBox .bfont{ width: 960px; margin-left: -480px;}
	.bannerBox .text .p1{ font-size: 24px;}
	.bannerBox .text .p2{ font-size: 60px;}
    .bannerBox li.li1 .text .p2{ width: 80%;}
	/*.bannerBox li.li1 .text{ padding-left: 0px;}
	.bannerBox li.li1 .text .p1{ font-size: 60px;}
	.bannerBox li.li1 .text .p2{ font-size: 24px;}*/
    .apage,.apage2,.apage3{ height: 350px;}
}
@media screen and (max-width:1281px){
	.proVIdeo{ margin-top: 50px;}
	.prolistDD{ padding: 50px 0px;}
	.newNav{ padding: 50px 0px;}
	.paging{ padding: 50px 0px;}
    .olPaging{ padding-top: 50px;}
    .apage,.apage2,.apage3{ height: 280px;}
}
@media screen and (max-width:1024px){
	.inner{ width: 90%;}
	.top .inner{ width: 100%;}
	.logo{ left: 3%;}
	.navbox{ width: 100%; left: 0px; margin-left: 0px;}
	.mtop{ height: 80px;}
	.largeA{ margin: 30px 25px 0;}
	.bannerBox .bfont{ width: 90%; left: 5%; margin-left: 0px;}
    .bannerBox li.li1 .text .p2{ font-size: 50px;}
	.pageBox{ padding: 65px 0px;}
	.aboutTab,#invitePage .aboutTab{ width: 90%;}
	.aboutTab a,#invitePage .aboutTab a{ width: 19%; margin: 0px 1% 1% 0px; font-size: 14px;}
	#invitePage .aboutTab a:last-child{ width: 20%;}
	.apage,.apage2,.apage3{ height: 380px; background-size: cover; background-attachment: inherit;}
	.apage3{ height: 240px;}
	.apage img,.apage2 img,.apage3 img{ display: none;}
	.productmain{padding: 0px;}
	.productList{ width: 100%;}
	.prolistDD { margin-left: -1.3%; }
    .prolistItem { margin: 0px 0px 25px 1.3%; width: 32%; }
    .proBox { margin: 0px 0px 25px 1.3%; }
    .probanner .bx-wrapper .bx-controls-direction a{ width: 50px;}
    .newlist{ width: 90%;}
    .newlist li{ padding: 0px 3% 0px 0px; width:30.33%;}
    .newlist li .con{ padding: 34px 6%;}
    .newlist li .img{ height: auto;}
    .networkList{ width: 90%; padding-bottom: 70px;}
    .networkList .con .t1{ float: none; display: block; width: auto; padding: 20px 0px 15px;}
    .networkList .con .t2{ float: none; display: block; width: auto; padding: 0px;}
	.subordContact-con,.articleShow .subordContact-con{ position: relative; right: auto; top: 0px; width: 100%;}
    #subordmapBox{ height: 400px;}
    .subordContact-con dl{ float: none; width: 100%;}
    .subordContact-con dt{ height: auto; padding:5% 5%;}
    .subordContact-con dd{ padding:5% 5%;}
    .lifeList{ width: 101%;}
    .lifeList li{ width: 31.33%; margin-right: 2%;}
    .lifeList .img{ height: auto; margin-bottom: 15px;}
    .lifeList li a{ padding: 10px 10px 15px;}
    .backTop{ background-size: cover; width: 42px; height: 42px;}
	.backTop .ico{ width: 9px; height: 10px; margin: 12px auto 0;}
	.backTop:hover .ico{ margin-top: 9px;}
}
@media screen and (max-width:861px){
	.tnav{ display: none;}
	.top .inner,.menu-handler,.mtop{ height: 59px;}
	.menu-handler .ico{ top: 17px; left: 12px;}
	.menu-handler{ width: 86px;}
	.menu-handler .burger{ top: 24px;}
	.menu-handler .burger-2 { top: 29px; }
	.menu-handler .burger-3 { top: 34px; }
	.csstransforms .menu-handler.active .burger-1,.csstransforms .menu-handler.active .burger-3{ top: 29px; }
	.logo{ width: 120px;}
	.largeA{ margin: 18px 25px 0px;}
	.navbox{ position: relative; top: 0px;}
	.nav{ display: none;}
	.navMobile{ display: block;}
	.iboxDL dd{ width: 50%;}
	.iboxDL .healthBox .iboxPage{ border-left: 0px none;}
	.icoList{ width: 84%; margin: 0px auto;}
	.iboxPage{ border-bottom: 1px solid #e6e6e6;}
	.footBox{ padding: 42px 5%;}
	.footBox .con,.footBox .r{ float: none; display: block;}
	.footBox p.knav{ margin-bottom: 42px;}
	.bannerBox .text .p1{ font-size: 20px;}
	.bannerBox .text .p2{ font-size: 54px;}
    .bannerBox li.li1 .text .p2{ width: 90%; font-size: 45px; }
	/*.bannerBox li.li1 .text .p1{ font-size: 54px;}
	.bannerBox li.li1 .text .p2{ font-size: 20px; padding: 8px 0px;}*/
	.pbanner .vt{ display: none;}
	.pbanner{ height: 284px;}
	.aboutTab{ padding-bottom: 40px;}
	.aboutTab a{ width: 100%; margin-bottom: 10px;}
	.advCon1{ width: 90%;}
	.prolistDD { margin-left: -2%; }
    .prolistItem { margin: 0px 0px 25px 2%; width: 48%; }
    .proBox { margin: 0px 0px 25px 2%; }
    .newNav a.more3{ padding: 15px 28px;}
    .newlist{ width: 100%;}
    .newlist li{ padding: 0px 0px 0px 5%; width:42.5%;}
    .join-dl .jname{ width: auto;}
    .join-dl .jnum{ display: none;}
    .networkList li{ margin-bottom: 20px;}
    .networkList .img{ width: 50%; height: auto;}
    .networkList .con{ float: right; display: block; padding: 0px; width: 46%;}
    .lifeList{ width: auto;}
    .lifeList li{ width: 100%; float: none;}
    .lifeList li a{ padding: 10px 10px 30px;}
    .lifeList .img{ margin-bottom: 30px;}
    .lifeList li .con{ height: auto;}
    #invitePage .aboutTab a,#invitePage .aboutTab a:last-child{ width: 32.33%;}
}
@media screen and (max-width:641px){
	.iboxDL{ height: auto;}
	.iboxDL dd{ width: 100%;}
	
	.articleShow.iboxDL dd.knowledgeBoxx{ width:100%;}
.articleShow.iboxDL dd.familyBoxx{ width:100%;}
	.articleShow.iboxDL dd.productBox{ transition: 700ms ease 350ms; width:100%;}
	.iboxPage{ border-left:1px 0px none; border-bottom: 1px solid #e6e6e6; height: auto; padding-bottom: 42px;}
	.familyIco{ width: 84%; margin-top: 0px;}
	.familyIco li{ width: 25%;}
	.familyIco li.lin3{ border-top: 1px solid #E77818;}
	.icoList li{ width: 25%;}
	.knowledgeCon .c{ height: auto;}
    .banner .bannerBox li .img{ display: none;}
	.bannerBox .text .p1{ font-size: 18px;}
	.bannerBox .text .p2{ font-size: 46px;}
    .bannerBox li.li1 .text .p2{ width: auto; font-size: 38px; }
	/*.bannerBox li.li1 .text .p1{ font-size: 46px;}
	.bannerBox li.li1 .text .p2{ font-size: 18px; padding: 6px 0px;}*/
    .bannerBox li.li4 .text .p1{ font-size: 24px;}
    .bannerBox li.li4 .text .p2{ font-size: 20px;}
	.advCon2,.advCon3{ width: 90%;}
	.felist{ width: 100%;}
	.felist dd{ width: 50%; margin-bottom: 10px;}
	.productList .img{ float: none; width: 100%;}
	.productList .con{ float: none; width: 100%; padding: 35px 0px;}
	.prolistDD { margin: 0px; }
    .prolistItem { float: none; width: 100%; margin: 0px 0px 25px 0px; }
    .proBox { margin: 0px 0px 25px 0; }
    .paging{ text-align: center; padding: 20px 0px 50px;}
    .paging a{ float: none; display: inline-block; padding: 8px 12px;}
    .paging a.np{ padding: 8px 12px;}
    .w614{ width: 100%;}
    .networkList .img{ width: 100%; float: none; display: block;}
    .networkList .con{ width: 90%; padding: 6% 5%; float: none;}
    .networkList .con .t1{ padding: 0px 0px 20px;}
    .infoT,.infoC{ padding-top: 40px;margin: 0px 0px;}
    .infoT .t{ font-size: 18px;}
    .rawDemo{ width: 90%;}
    .rawBox{ width: 72%;}
    .rawBox li{ width: 50%;}
    #invitePage .aboutTab a,#invitePage .aboutTab a:last-child{ width: 49%; margin: 0px 1% 1% 0px;}
}
@media screen and (max-width:481px) {
	.familyIco{ border-left: 0px none; width: 100%; margin-left: 0px;}
	.familyIco li{ width: 49.5%; border-bottom: 0px none;}
	.familyIco li.lin1,.familyIco li.lin3{ border-left: 1px solid #e77818;}
	.familyIco li.lin3{ width: 99.4%; border-top: 1px solid #e77818;border-bottom: 1px solid #e77818;  }
	.icoList{ width: 100%;}
	.icoList li{ width: 50%;}
	.icoList li a{ background-color: #f1f1f1;}
	.footBox .knav{ margin-bottom: 42px;}
	.wl{ display: block; margin-right: 0px;}
	.f13{ margin-bottom:4px;}
	.bannerBox .text .p1{ font-size: 16px;}
	.bannerBox .text .p2{ font-size: 36px;}
	.bannerBox .text .p3{ font-size: 15px;}
    .bannerBox li.li1 .text .p2{font-size: 24px; }
	/*.bannerBox li.li1 .text .p1{ font-size: 36px;}
	.bannerBox li.li1 .text .p2{ font-size: 16px; padding: 4px 0px;}*/
    .newlist{ width: 90%;}
    .newlist li{ padding: 0px 0px 0px 0px; width:100%; float: none;}
    .olPaging a span{ padding:0px 45px;}
}