.bannerCont{ position: relative }
.bannerCont img{ width: 100%; }
.bannerCont .textbox{ position: absolute; top: 40%; text-align: center; width: 100%; color: #fff; }
.bannerCont .textbox h3{ font-size: 50px; font-weight: normal; margin-bottom: 10px; }
.bannerCont .textbox p{ font-size: 24px; }
.bannerCont .menu{ position: absolute; text-align: center; width: 100%; bottom: 0; background: rgba(0,0,0,0.4); }
.bannerCont .menu a{ color: #fff; line-height: 80px; display: inline-block; width: 180px; }
.bannerCont .menu a:hover,.bannerCont .menu a.active{ background: #008aff; }

.scrollCont{ position: relative; }
.qyCont{ background: url(../images/about/bg.jpg) no-repeat center bottom; background-size: cover; }
.qyCont .topbox{ justify-content: space-between; align-items: center; padding: 60px 0; margin-bottom: 70px; border-bottom: 1px solid #dcdcdc; }
.qyCont .topbox h3{ font-size: 44px; color: #008aff; }
.qyCont .topbox .right .li{ font-size: 22px; color: #000; line-height: 35px; padding: 10px 0 0 20px; background: url(../images/about/bg3.jpg) no-repeat left top; margin-left: 100px; }
.qyCont .topbox .right .li b{ color: #ff0000; }
.qyCont .textbox{ padding-bottom: 500px; }
.qyCont .textbox p{ font-size: 18px; line-height: 40px; color: #000; }
.qyCont .textbox p b{ color: #ff0000; }

.andrewCont{ padding: 60px 0 100px; }
.andrewCont h3{ font-size: 40px; color: #000; margin-bottom: 60px; }
.andrewCont .flexbox{ justify-content: space-between; align-items: center; padding-bottom: 80px; }
.andrewCont .timelist{ width: 45%; border-top: 1px solid #eee; }
.andrewCont .timelist .li{ border-bottom: 1px solid #eee; padding: 20px 0; color: #000; display: flex; align-items: center; }
.andrewCont .timelist .li .year{ color: #008aff; width: 50%; }
.andrewCont .timelist .li .year b{ font-size: 46px; font-weight: 900; }
.andrewCont .textbox{ width: 50%; }
.andrewCont .textbox p{ color: #333; line-height: 33px; margin-bottom: 20px; }
.andrewCont .textbox b{ color: #ff0000; }
.andrewCont .slidebox{ position: relative; }
.andrewCont .swiper{ width: 160%; margin-left: -30%; position: static; }
.andrewCont .swiper-wrapper,.andrewCont .swiper-slide{ height: auto; }
.andrewCont .swiper-slide img{ display: block; width: 100%; position: relative; z-index: 2; opacity: 0.6; transition: all 0.3s ease;}
.andrewCont .swiper-button-prev{ left: 13%; width: 55px; height: 55px; margin-top: -26px; border-radius: 60px; transition: all 0.3s ease; background: #fff url(../images/about/arrow2.png) no-repeat center; background-size: 100%; }
.andrewCont .swiper-button-next{ right: 13%; width: 55px; height: 55px; margin-top: -26px; border-radius: 60px; transition: all 0.3s ease; transform: rotate(180deg);background: #fff url(../images/about/arrow2.png) no-repeat center; background-size: 100%; }
.andrewCont .swiper-button-prev:hover{ background: #008aff url(../images/about/arrow1.png) no-repeat center; }
.andrewCont .swiper-button-next:hover{ background: #008aff url(../images/about/arrow1.png) no-repeat center; }
.andrewCont .swiper-button-prev::after,.andrewCont .swiper-button-next::after{ display: none; }
.andrewCont .swiper-slide{ background: #000; }
.andrewCont .swiper-slide-active img{ opacity: 1; }
.andrewCont .swiper-pagination{ display: none; }
.andrewCont .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 1; }
.andrewCont .swiper-pagination .swiper-pagination-bullet-active{ background-color: #008aff; }

.honorCont{ background: #f5f5f5; padding: 60px 0 100px; }
.honorCont .title{ text-align: center; margin-bottom: 60px; font-size: 18px; margin-bottom: 70px; }
.honorCont .title h3{ font-size: 40px; color: #000; margin-bottom: 10px; }
.honorCont .slidebox{ position: relative; }
.honorCont .swiper-wrapper,.honorCont .swiper-slide{ height: auto; }
.honorCont .swiper-slide{ background: #fff; text-align: center; padding: 40px 0; }
.honorCont .swiper-slide img{ width: 63%; margin-bottom: 60px; }
.honorCont .swiper-slide p{ padding: 20px 60px; font-size: 22px; color: #008aff; position: relative; }
.honorCont .swiper-slide p::after{ content: ''; position: absolute; top: 50%; margin-top: -38px; left: 20px; width: 42px; height: 76px; background: url(../images/about/bg1.jpg) no-repeat center; background-size: 100%; }
.honorCont .swiper-slide p::before{ content: ''; position: absolute; top: 50%; margin-top: -38px; right: 20px; width: 42px; height: 76px; background: url(../images/about/bg2.jpg) no-repeat center; background-size: 100%; }
.honorCont .swiper-button-prev{ left: -70px; width: 55px; height: 55px;  margin-top: -26px; border-radius: 60px; transition: all 0.3s ease; background: #fff url(../images/about/arrow2.png) no-repeat center; background-size: 100%; }
.honorCont .swiper-button-next{ right: -70px; width: 55px; height: 55px; margin-top: -26px; border-radius: 60px; transition: all 0.3s ease; transform: rotate(180deg);background: #fff url(../images/about/arrow2.png) no-repeat center; background-size: 100%; }
.honorCont .swiper-button-prev:hover{ background: #008aff url(../images/about/arrow1.png) no-repeat center; }
.honorCont .swiper-button-next:hover{ background: #008aff url(../images/about/arrow1.png) no-repeat center; }
.honorCont .swiper-button-prev::after,.honorCont .swiper-button-next::after{ display: none; }
.honorCont .swiper-pagination{ display: none; }

.modelCont{ padding: 70px 0; }
.modelCont h3{ font-size: 40px; color: #000; text-align: center;margin-bottom: 60px; }
.modelCont .bgbox{ background: url(../images/service/bg1.jpg) no-repeat center; background-size: cover; color: #fff; padding: 130px 100px; }
.modelCont .bgbox .tit{ font-size: 40px; font-weight: bold; }
.modelCont .bgbox .line{ width: 70px; height: 1px; background: #fff; margin: 20px 0; }
.modelCont .bgbox p{ font-size: 35px; margin-bottom: 60px; }
.modelCont .bgbox span{ padding-left: 48px; background: url(../images/service/icon.png) no-repeat left center; display: inline-block; line-height: 32px; margin-right: 40px; }

.upCont .cont{ padding: 80px 60px 60px; background: #f8f8f8; }
.upCont .title{ margin-bottom: 60px; font-size: 35px; color: #000; }
.upCont .title h3{ color: #008aff; font-size: 40px; }
.upCont .title .line{ width: 70px; height: 1px; margin: 10px 0; background: #008aff; }
.upCont .flexbox{ align-items: center; justify-content: space-between; }
.upCont .flexbox .pic{ width: 49.25%; }
.upCont .flexbox .pic img{ width: 100%; }
.upCont .flexbox .textbox{ width: 38%; background: #fff; box-sizing: border-box; padding: 70px 40px; box-shadow: 0 10px 15px rgba(0,138,255,.25); font-size: 24px; line-height: 50px; border-radius: 30px; color: #000; }

.shareCOnt{ padding: 70px 0 140px; }
.shareCOnt .title{ margin-bottom: 70px; text-align: center; }
.shareCOnt .title h3{ font-size: 40px; color: #000; }
.shareCOnt .title .line{ width: 70px; height: 1px; background: #000; margin: 10px 0; display: inline-block; }
.shareCOnt .title p{ font-size: 40px; color: #008aff; }
.shareCOnt .tablebox table{ width: 100%; background: #f8f8f8; color: #000; }
.shareCOnt .tablebox table td{ padding: 10px 0 10px 40px; font-size: 18px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.shareCOnt .tablebox table td:last-child{ border-right: none; }
.shareCOnt .tablebox table tr:last-child td{ border-bottom: none; }
.shareCOnt .tablebox table td b{ font-size: 30px; color: #008aff; }
.shareCOnt .tablebox table td b.sm{ font-size: 22px; }

.contactCont{ padding-top: 80px; margin-bottom: 80px; }
.contactCont .flexbox{ justify-content: space-between; background: #fff; padding: 50px 0; }
.contactCont .title{ width: 25%; display: flex; align-items: center; justify-content: center; border-right: 2px dashed #e5e5e5; }
.contactCont .title h3{ font-size: 35px; color: #000; }
.contactCont .title span{ color: #008aff; font-weight: 900; display: block; }
.contactCont .contact .li{ background-position: left center; background-repeat: no-repeat; font-size: 18px; color: #000; margin-bottom: 15px; padding-left: 50px; }
.contactCont .contact .li a{ color: #000; }
.contactCont .contact .li1{ background-image: url(../images/contact/icon1.png); }
.contactCont .contact .li2{ background-image: url(../images/contact/icon2.png); }
.contactCont .contact .li3{ background-image: url(../images/contact/icon3.png); }
.contactCont .contact .li4{ background-image: url(../images/contact/icon4.png); }
.contactCont .contact .li5{ background-image: url(../images/contact/icon5.png); }
.contactCont .contact .li6{ background-image: url(../images/contact/icon6.png); }
.contactCont .code{ border-left: 2px dashed #e5e5e5; text-align: center; font-size: 18px; color: #000; width: 25%; }
.contactCont .code img{ max-width: 100%; }
.contactCont #map{ height: 500px; }

.formCont{ margin-bottom: 140px; }
.formCont .flexbox{ background: #fff; }
.formCont .title{ color: #fff; width: 34%; position: relative; }
.formCont .title img{ width: 100%; }
.formCont .title .text{ position: absolute; left: 0; top: 15%; width: 100%; display: flex; justify-content: center; font-size: 35px;; }
.formCont .title h3{ font-weight: normal }
.formCont .title h3 p{ font-weight: 900; }
.formCont .formbox{ width: 66%; padding: 60px 70px; box-sizing: border-box; }
.formCont .formbox .li{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; font-size: 22px; }
.formCont .formbox .sp{ width: 100%; position: relative; }
.formCont .formbox .inpbox{ width: 47%; position: relative; }
.formCont .formbox input{ border: none; width: 100%; box-sizing: border-box; background: #f8f8f8; height: 84px; border-radius: 10px; padding: 0 20px 0 110px; border: 1px solid #f8f8f8; transition: all 0.5s ease; font-size: 22px; }
.formCont .formbox input:focus{ border: 1px solid #008aff; }
.formCont .formbox .code input{ padding-right: 140px; }
.formCont .formbox p{ color: #000; position: absolute; top: 0; left: 30px; line-height: 84px; }
.formCont .formbox p span{ color: #ff0000; }
.formCont .formbox .code img{ position: absolute; right: 10px; top: 10px; height: 60px; width: 120px; }
.formCont .formbox textarea{ border: 1px solid #f8f8f8; background: #f8f8f8; padding: 26px 20px 20px 130px; box-sizing: border-box; width: 100%; resize: none; font-size: 18px; height: 180px; border-radius: 10px; transition: all 0.5s ease; }
.formCont .formbox textarea:focus{ border-color: #008aff; }
.formCont .formbox .sub{ text-align: center; padding-top: 30px; }
.formCont .formbox button{ border: none; background: #008aff; color: #fff; border-radius: 84px; padding: 0 60px; height: 84px; cursor: pointer; font-size: 22px; transition: all 0.3s ease; }
.formCont .formbox button:hover{ opacity: 0.8; }

.productList{ padding: 60px 0; }
.productList .menu{ border-bottom: 1px solid #eee; padding-bottom: 40px; margin-bottom: 60px; font-size: 18px; color: #000; white-space: nowrap; }
.productList .menu a{ position: relative; margin-left: 50px; color: #000; }
.productList .menu a span{ position: relative; z-index: 2; }
.productList .menu a::after{ content: ''; position: absolute; width: 100%; height: 9px; left: 0; bottom: -2px; background: #008aff; display: none; }
.productList .menu a.active::after{ display: block; }
.productList .flexbox{ flex-wrap: wrap; }
.productList .li{ width: 32%; margin-right: 2%; text-align: center; font-size: 22px; margin-bottom: 60px; }
.productList .li:nth-child(3n){ margin-right: 0; }
.productList .li .imgbox{ overflow: hidden; margin-bottom: 20px; background: #f6f6f6; transition: all 0.5s ease; }
.productList .li:hover .imgbox{ box-shadow: 0 10px 15px rgba(102,102,102,.15); background: #fff; }
.productList .li:hover .imgbox img{ transform: scale(1.1); }
.productList .li .imgbox img{ width: 100%; transition: all 3s ease; }
.productList .li p{ color: #000; }

.detailTitle{ position: relative; margin: 60px 0; }
.detailTitle b{ display: inline-block; font-size: 30px; color: #008aff; position: relative; z-index: 2; background: #fff; padding-right: 30px; }
.detailTitle::after{ content: ''; position: absolute; width: 100%; height: 7px; top: 50%; margin-top: -3px; left: 0; background: #f2f9ff; }
.productDetail{ padding: 40px 0 100px; }
.productDetail .crumbs{ margin-bottom: 30px; font-size: 18px; }
.productDetail .crumbs a{ color: #666; }
.productDetail .crumbs span{ color: #008aff; }
.productDetail .menu{ padding: 30px 40px; background: #f8f8f8; }
.productDetail .menu a{ position: relative; color: #000; font-size: 22px; margin-right: 80px; }
.productDetail .menu a span{ position: relative; z-index: 2; }
.productDetail .menu a::after{ content: ''; position: absolute; width: 100%; height: 9px; left: 0; bottom: -2px; background: #008aff; display: none; }
.productDetail .menu a.active::after{ display: block; }
.productDetail .introbox{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.productDetail .introbox .pc{ width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.productDetail .soluImg-ani{ position: relative; width: 50%; }
.productDetail .soluImg-ani .gallery-top{ width: 76%; }
.productDetail .soluImg-ani .gallery-top .maxImg{ background-position: center; background-color: #f8f8f8; overflow: hidden; background-size: cover; }
.productDetail .soluImg-ani .gallery-top .maxImg img{ width: 100%; }
.productDetail .soluImg-ani .btnCont{ height: 578px; width: 100px; flex-shrink: 0; }
.productDetail .soluImg-ani .gallery-thumbs{ height: 418px; margin-top: 80px; }
.productDetail .soluImg-ani .gallery-thumbs .swiper-slide{ height: 100px; position: relative; background-size: cover; background-position: center; cursor: pointer; pointer-events: auto; background-color: #f8f8f8; }
.productDetail .soluImg-ani .gallery-thumbs .swiper-slide:hover::after{content: ''; position: absolute; width: 100%; height: 100%; border: 3px solid rgba(0,138,255,0.6); box-sizing: border-box; left: 0; top: 0; }
.productDetail .soluImg-ani .gallery-thumbs .swiper-slide.active::after{content: ''; position: absolute; width: 100%; height: 100%; border: 3px solid #008aff; box-sizing: border-box; left: 0; top: 0; }
.productDetail .soluImg-ani .cutBtn{ width: 55px; height: 55px; position: absolute; left: 22px; margin: 0; display: block; }
.productDetail .soluImg-ani .cutBtn::after{ display: none; }
.productDetail .soluImg-ani .swiper-button-prev{ top: 0; bottom: auto; background-image: url(../images/index/arrow1-1.png); background-repeat: no-repeat; background-position: center; background-size: auto; }
.productDetail .soluImg-ani .swiper-button-next{ bottom: 0; top: auto; background-image: url(../images/index/arrow2-1.png); background-repeat: no-repeat; background-position: center; background-size: auto; }
.productDetail .soluImg-ani .swiper-button-next:hover{ background-image: url(../images/index/arrow2-2.png); }
.productDetail .soluImg-ani .swiper-button-prev:hover{ background-image: url(../images/index/arrow1-2.png); }
.productDetail .soluImg-ani .swiper-button-next.swiper-button-disabled,.productDetail .soluImg-ani .swiper-button-prev.swiper-button-disabled{ opacity: 0.7; }
.productDetail .introbox .phone{ display: none; }
.productDetail .introbox .phone img{ width: 100%; }
.productDetail .introbox .textbox{ width: 45%; }
.productDetail .introbox .textbox .li.mb{ margin-bottom: 40px; }
.productDetail .textbox b{ color: #000; font-size: 25px; }
.productDetail .introbox .textbox b.x{ display: inline-block; margin-bottom: 10px; }
.productDetail .introbox .textbox span{ font-size: 25px; }
.productDetail .introbox .textbox p{ font-size: 18px; line-height: 34px; }
.productDetail .featurebox .li{ margin-bottom: 20px; font-size: 18px; }
.productDetail .featurebox .li span{ color: #008aff; margin-right: 10px; }
.productDetail .parameterbox .flexbox{ flex-wrap: wrap; }
.productDetail .parameterbox .li{ width: 23%; background: #f8f8f8; margin-right: 2.66%; margin-bottom: 40px; box-sizing: border-box; padding: 40px; }
.productDetail .parameterbox .li:nth-child(4n){ margin-right: 0; }
.productDetail .parameterbox .li .tit{ font-size: 24px; color: #000; margin-bottom: 20px; font-weight: bold; }
.productDetail .parameterbox .li p{ font-size: 18px; line-height: 32px; } 
.productDetail .usebox .flexbox{ flex-wrap: wrap; }
.productDetail .usebox .li{ width: 10%; margin-right: 5%; text-align: center; font-size: 18px; color: #000; white-space: nowrap; cursor: pointer; margin-bottom: 40px; }
.productDetail .usebox .li:nth-child(7n){ margin-right: 0; }
.productDetail .usebox .li:hover .imgbox{ background: #fff; box-shadow: 0 10px 15px rgba(102,102,102,.15); }
.productDetail .usebox .imgbox{ background: #f8f8f8; border-radius: 100%; overflow: hidden; display: inline-block; margin: 0 auto 30px; transition: all 0.3s ease; }
.productDetail .usebox .imgbox img{ width: 100%; max-width: 156px; }

.newsList{ padding-bottom: 60px; }
.newsList .topCont{ background: #f8f8f8; padding: 60px 0; }
.newsList .title{ color: #000; font-size: 40px; margin-bottom: 60px; text-align: center; }
.newsList .topbox{ display: flex; justify-content: space-between; position: relative; }
.newsList .topbox .imgbox{ width: 50%; position: relative; }
.newsList .topbox .imgbox img{ width: 100%; }
.newsList .topbox .imgbox a{ display: block; position: relative; }
.newsList .topbox .imgbox .textbox{ position: absolute; width: 100%; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8)); padding: 20px 40px 30px; color: #fff; box-sizing: border-box; }
.newsList .topbox .imgbox .textbox p{ font-size: 24px; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newsList .topbox .splist{ width: 45%; position: absolute; right: 0; top: 0; height: 100%; }
.newsList .topbox .splist .li{ display: flex; align-content: center; flex-wrap: wrap; padding: 0 40px; width: 100%; box-sizing: border-box; }
.newsList .topbox .splist a{ margin-bottom: 20px; display: flex; height: calc((100% - 40px) / 3); background: #fff; }
.newsList .topbox .splist .li span{ color: #008aff; display: block; margin-bottom: 10px; }
.newsList .topbox .splist .li p{ font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #000; width: 100%; }
.newsList .listCont{ display: flex; flex-wrap: wrap; padding-top: 60px; }
.newsList .listCont .li{ width: 23%; margin-right: 2.66%; padding-bottom: 20px; margin-bottom: 60px; position: relative; }
.newsList .listCont .li a{ display: block; }
.newsList .listCont .li::after{ position: absolute; bottom: 0; left: 0; width: 100%; content: ''; height: 1px; background: #e5e5e5; transition: all 0.3s ease; }
.newsList .listCont .li:hover::after{ height: 3px; background: #008aff; }
.newsList .listCont .li:nth-child(4n){ margin-right: 0; }
.newsList .listCont .li .imgbox{ overflow: hidden; margin-bottom: 20px; }
.newsList .listCont .li .imgbox img{ width: 100%; transition: all 3s ease; }
.newsList .listCont .li:hover .imgbox img{ transform: scale(1.1); }
.newsList .listCont .li .tit{ font-size: 22px; color: #000; margin-bottom: 20px; transition: all 0.3s ease; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsList .listCont .li:hover .tit{ color: #008aff; }
.newsList .listCont .li p{ line-height: 24px; height: 46px; overflow: hidden; margin-bottom: 30px; color: #666; }
.newsList .listCont .li .more{ color: #999; font-size: 14px; }

.newsDetail{ padding: 30px 0 100px; background: #f5f5f5; }
.newsDetail .crumbs{ margin-bottom: 30px; font-size: 18px; }
.newsDetail .crumbs a{ color: #666; }
.newsDetail .crumbs span{ color: #008aff; }
.newsDetail .htmlCont{ padding: 60px 10%; background: #fff; margin-bottom: 40px; }
.newsDetail .htmlCont .title{ text-align: center; padding-bottom: 40px; border-bottom: 1px solid #eee; margin-bottom: 40px; }
.newsDetail .htmlCont .title h3{ font-size: 38px; color: #000; margin-bottom: 10px; }
.newsDetail .htmlCont .title p{ font-size: 22px; }
.newsDetail .htmlCont .htmlbox{ line-height: 34px; }
.newsDetail .htmlCont .htmlbox img{ max-width: 100%; }
.newsDetail .functionCont{ display: flex; justify-content: space-between; align-items: center; }
.newsDetail .functionCont .menu{ width: 50%; }
.newsDetail .functionCont p{ margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newsDetail .functionCont p a{ color: #333; }
.newsDetail .functionCont p a:hover{ color: #008aff; }
.newsDetail .functionCont .back{ line-height: 48px; display: inline-block; padding-right: 60px; background: url(../images/index/more.png) no-repeat right; font-size: 16px; color: #000; transition: all 0.3s ease; background-size: auto 100%; }
.newsDetail .functionCont .back:hover{ background: url(../images/index/more2.png) no-repeat right; }

@media only screen and (max-width: 1580px) {
   .contactCont .title h3{ font-size: 28px; }
   .contactCont .title,.contactCont .code{ width: 20%; }
   
}
@media only screen and (max-width: 1380px) {
   .honorCont .slidebox{ width: 90%; margin: 0 auto; }
   
}
@media only screen and (max-width: 1260px) {
   .honorCont .slidebox{ width: 85%; margin: 0 auto; }
   .productDetail .usebox .li{ width: 14%; margin-right: 3.2%; }
   .productDetail .usebox .li:nth-child(7n){ margin-right: 3.2%; }
   .productDetail .usebox .li:nth-child(6n){ margin-right: 0; }
}
@media only screen and (max-width: 1200px) {
   .qyCont .topbox h3,.bannerCont .textbox h3{ font-size: 30px; }
   .bannerCont .textbox p{ font-size: 18px; }
   .upCont .title{ font-size: 28px; }
   .modelCont h3,.modelCont .bgbox .tit,.upCont .title h3,.shareCOnt .title h3,.shareCOnt .title p{ font-size: 30px; }
   .shareCOnt .tablebox table td b{ font-size: 22px; }
   .newsDetail .htmlCont .title h3{ font-size: 28px; }
   .productList .menu{ font-size: 16px; margin-left: 40px }
}
@media only screen and (max-width: 820px) {
   .honorCont .swiper-slide p::after{ width: 20px; }
   .honorCont .swiper-slide p::before{ width: 20px; }
   .honorCont .swiper-slide p{ padding: 20px 40px; font-size: 18px; }
   .andrewCont .flexbox{ flex-wrap: wrap; }
   .andrewCont .timelist{ width: 100%; margin-bottom: 20px; }
   .andrewCont .textbox{ width: 100%; }
   .andrewCont h3,.honorCont .title h3,.formCont .title .text{ font-size: 30px; text-align: center; }
   .modelCont .bgbox{ padding: 100px 60px; }
   .modelCont .bgbox span{ margin-right: 30px; }
   .shareCOnt .tablebox table td b,.shareCOnt .tablebox table td b.sm{ font-size: 20px; }
   .shareCOnt .tablebox table td{ padding-left: 20px; }
   .contactCont .flexbox{ flex-wrap: wrap; }
   .contactCont .title{ width: 100%; text-align: center; border: none; margin-bottom: 20px; }
   .contactCont .contact{ padding-left: 20px; }
   .contactCont #map{ height: 400px; }
   .formCont .flexbox{ flex-wrap: wrap; background: url(../images/contact/img.jpg) no-repeat center; background-size: cover; padding-top: 40px; }
   .formCont .title{ width: 100%;}
   .formCont .title img{ display: none; }
   .formCont .title .text{ position: static; text-align: center; }
   .formCont .formbox{ width: 100%; }
   .formCont{ margin-bottom: 100px; }
   .productDetail .soluImg-ani .gallery-top{ width: 64%; }
   .productDetail .parameterbox .li{ width: 49%; margin-right: 2%; margin-bottom: 20px; }
   .productDetail .parameterbox .li:nth-child(2n){ margin-right: 0; }
   .productDetail .usebox .flexbox{ justify-content: flex-start; }
   .productDetail .usebox .li{ width: 23%; margin-right: 2.66%; margin-bottom: 40px; }
   .productDetail .usebox .li:nth-child(7n){ margin-right: 2.66%; }
   .productDetail .usebox .li:nth-child(6n){ margin-right: 2.66%; }
   .productDetail .usebox .li:nth-child(4n){ margin-right: 0; }
   .bannerCont .menu{ overflow-x: scroll; white-space: nowrap; }
   .newsList .topbox{ flex-wrap: wrap; }
   .newsList .topbox .imgbox{ width: 100%; margin-bottom: 20px; }
   .newsList .topbox .splist{ width: 100%; height: auto; position: static; }
   .newsList .topbox .splist .li{ padding: 20px 40px; }
   .newsList .topbox .splist a{ height: auto; }
   .newsList .listCont .li{ width: 49%; margin-right: 2%; }
   .newsList .listCont .li:nth-child(2n){ margin-right: 0; }
   .productDetail .crumbs,.newsDetail .crumbs{ display: none; }
   .productList .menu{ overflow-x: scroll; }
}
@media only screen and (max-width: 510px) {
   .bannerCont .textbox{ padding: 0 20px; box-sizing: border-box; }
   .bannerCont img{ width: 200%; margin-left: -50%; }
   .bannerCont .menu{ overflow-x: scroll; white-space: nowrap; }
   .bannerCont .menu a{ line-height: 60px; width: auto; padding: 0 20px; text-align: center; }
   .qyCont .topbox{ flex-wrap: wrap; padding: 40px 0; margin-bottom: 20px; }
   .qyCont .topbox h3{ margin-bottom: 20px; font-size: 20px; text-align: center; width: 100%; }
   .qyCont .topbox .right{ width: 100%; justify-content: space-between; }
   .qyCont .topbox .right .li{ margin: 0; width: 60%; font-size: 16px; box-sizing: border-box; }
   .qyCont .topbox .right .li:first-child{ width: 40%; }
   .qyCont .textbox{ padding-bottom: 100px; }
   .qyCont{ background-size: 100%; }
   .qyCont .textbox p{ font-size: 16px; line-height: 30px; }
   .andrewCont h3, .honorCont .title h3{ font-size: 20px;; }
   .andrewCont h3{ margin-bottom: 20px; }
   .andrewCont{ padding: 40px 0; }
   .andrewCont .timelist .li .year b{ font-size: 30px; }
   .andrewCont .textbox p{ line-height: 30px; }
   .andrewCont .swiper{ width: 100%; margin: 0; }
   .andrewCont .swiper-button-prev,.andrewCont .swiper-button-next,.honorCont .swiper-button-prev,.honorCont .swiper-button-next{ display: none; }
   .andrewCont .swiper-pagination,.honorCont .swiper-pagination{ display: block; }
   .andrewCont .flexbox{ padding-bottom: 20px; }
   .honorCont .title{ margin-bottom: 20px; font-size: 16px; }
   .modelCont h3,.modelCont .bgbox .tit,.upCont .title h3,.shareCOnt .title h3,.shareCOnt .title p,.contactCont .title h3,.formCont .title .text{ font-size: 20px; }
   .shareCOnt .tablebox table td b,.modelCont .bgbox p,.upCont .title,.formCont .formbox .li,.formCont .formbox input,.formCont .formbox textarea{ font-size: 18px; }
   .shareCOnt .tablebox{ overflow-x: scroll; }
   .shareCOnt .tablebox td{ white-space: nowrap; padding: 10px 20px; }
   .modelCont h3{ margin-bottom: 20px; }
   .modelCont{ padding: 40px 0; }
   .modelCont .bgbox,.upCont .cont{ padding: 40px 20px; }
   .modelCont .bgbox span{ margin-bottom: 20px; margin-right: 40px; }
   .upCont .flexbox{ flex-wrap: wrap; }
   .upCont .flexbox .pic{ width: 100%; }
   .upCont .flexbox .textbox{ width: 100%; font-size: 18px; padding: 40px 20px; line-height: 30px; }
   .upCont .flexbox>img{ transform: rotate(90deg); display: inline-block; margin: 10px auto 20px; }
   .shareCOnt{ padding: 60px 0 80px; }
   .shareCOnt .title{ margin-bottom: 40px; }
   .contactCont .contact{ padding: 0 10px 0 20px; }
   .contactCont .contact .li,.contactCont .code{ font-size: 16px; }
   .formCont .formbox{ padding: 40px 20px; }
   .formCont .formbox .inpbox{ width: 100%; margin-bottom: 20px; }
   .formCont .formbox .li{ margin-bottom: 0; }
   .formCont .formbox input{ height: 60px; }
   .formCont .formbox p{ line-height: 60px; }
   .formCont .formbox .code img{ height: 50px; top: 5px; }
   .formCont .formbox textarea{ padding: 18px 20px 20px 110px; }
   .formCont .formbox .code input{ padding-right: 130px; }
   .formCont .formbox input{ padding-left: 100px; }
   .formCont .formbox button{ height: 60px; }
   .formCont{ margin-bottom: 60px; }
   .contactCont .code{ width: 100%; }
   .contactCont .code img{ width: 200px; }
   .contactCont{ padding-top: 40px; margin-bottom: 40px; }
   .productDetail .menu{ overflow-x: scroll; white-space: nowrap; padding: 20px; }
   .detailTitle b{ font-size: 22px; }
   .detailTitle{ margin: 40px 0; }
   .productDetail .soluImg-ani{ width: 100%; margin-bottom: 20px; }
   .productDetail .introbox .pc{ display: none; }
   .productDetail .introbox .phone{ display: block; }
   .productDetail .introbox .textbox{ width: 100%; }
   .productDetail .textbox b,.productDetail .introbox .textbox span,.productDetail .parameterbox .li .tit{ font-size: 18px; }
   .productDetail .introbox .textbox .li.mb{ margin-bottom: 20px; }
   .productDetail .parameterbox .li{ width: 100%; margin-right: 0; padding: 20px; }
   .productDetail .usebox .li{ width: 49%; margin-right: 2% !important; font-size: 16px; }
   .productDetail .usebox .li:nth-child(2n){ margin-right: 0 !important; }
   .newsList .title{ font-size: 22px; margin-bottom: 20px; }
   .newsList .topCont,.productList{ padding: 40px 0; }
   .newsList .listCont .li{ width: 100%; margin-right: 0%; margin-bottom: 30px; }
   .newsList .listCont .li p{ margin-bottom: 20px; }
   .newsList .topbox .splist .li p,.newsList .listCont .li .tit{ font-size: 20px; }
   .newsList .topbox .imgbox .textbox p{ font-size: 18px; }
   .newsDetail .htmlCont .title h3{ font-size: 22px; }
   .newsDetail .htmlCont .title p{ font-size: 18px; }
   .newsDetail .htmlCont .title{ padding-bottom: 20px; margin-bottom: 20px; }
   .newsDetail .htmlCont{ padding: 40px 20px; }
   .newsDetail .functionCont .menu{ width: 100%; margin-bottom: 20px; }
   .newsDetail .functionCont{ flex-wrap: wrap; justify-content: center; }
   .newsDetail{ padding-bottom: 60px; }
   .bannerCont .textbox{ top: 35%; }
   .bannerCont .textbox p{ font-size: 16px; }
   .productList .li{ width: 49%; margin-right: 2%; margin-bottom: 20px; }
   .productList .li:nth-child(3n){ margin-right: 2%; }
   .productList .li:nth-child(2n){ margin-right: 0; }
   .productList .li{ font-size: 18px; }
   .productList .menu{ margin-bottom: 40px; padding-bottom: 20px; }
}
@keyframes scale{
   0%{ transform: scale(1); }
   50%{ transform: scale(1.05); }
   100%{ transform: scale(1); }
}