/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1600px) and (max-width:1800px){html{font-size:15px;}}
@media (min-width:1400px) and (max-width:1599px){html{font-size:14px;}}
@media (min-width:1200px) and (max-width:1399px){html{font-size:13px;}}
@media (min-width:640px) and (max-width:1199px){html{font-size:12px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}
/* 手机端下拉 */
.wap-click {display: none; cursor: pointer; margin-left: 2rem;}
.wap-click span { width: 34px; height: 2px; background: #333; display: block; margin: 10px auto; transition: all 277ms ease-in-out; position: relative;}
.wap-click span:nth-child(2) {width: 28px;}
.active span.cl-1 { transform: rotate(-45deg); top: 12px;}
.active span.cl-2 { opacity: 0;}
.active span.cl-3 { transform: rotate(45deg); top: -12px;}
.hadNav2 {position: absolute;left: 0; top: 100%; z-index: 999;width: 100%; height: 100vh; background-color: #fff; display: none;}
.hadNav2 .nav2Box {width: 92%; margin: auto; height: calc(100% - 5.5rem); }
.wrapNav {height: calc(100% - 5.5rem); margin-bottom: 10px; overflow-x: hidden;overflow-y: auto;}
.wrapNav > li {padding: 1rem 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.wrapNav > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav > li > a > span {font-size: 1.3rem;color: #333; display: block; }
.wrapNav > li:hover > a > span {background-image: -webkit-linear-gradient(0deg,#1f6a93 0%, #539e4a 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.wrapNav > li > a > i {transition: .5s;}
.wrapNav > li > a > i svg { width:10px; height: 100%;}
.wrapNav > li.active > a > i {transform: rotateX(180deg);}
.wrapNav2 {padding:5px 10px; padding-right: 0;display: none;}
.wrapNav2 > li {margin-top: 0.5rem; }
.wrapNav2 > li > a > span {font-size: 1.2rem;color: #333; display: block;}
.wrapNav2 > li:hover > a > span {background-image: -webkit-linear-gradient(0deg,#1f6a93 0%, #539e4a 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.wrapNav2 > li > a {display: flex; justify-content: space-between; align-items: center;}
.wrapNav2 > li > a > i { width: 40px; height: 25px; display: flex;align-items: center;flex-shrink: 0; justify-content: center; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; position: relative;}
.wrapNav2 > li > a i:after, .wrapNav2 > li > a i:before { content: "";display: block;width: 14px;height: 2px;position: absolute;top: 50%;left: 90%; margin-left: -13px; background-color: #333;}
.wrapNav2 > li > a i:before {transform: rotate(90deg);}
.wrapNav2 > li.active > a i:before { opacity: 0;}
.wrapNav3 {padding:5px 10px; padding-right: 0; display: none;}
.wrapNav3 > li {margin-top: 0.5rem;}
.wrapNav3 > li > a {font-size: 1.1rem;color: #333; display: block;}
.wrapNav3 > li:hover > a {background-image: -webkit-linear-gradient(0deg,#1f6a93 0%, #539e4a 100%);-webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.wrapSearch {width: 100%; background: #f0f0f0; height: 3rem; position: relative;}
.wrapSearch input {width: 92%; background: none; outline: none; border: none; height: 100%; padding-left: 1rem; font-size: 1rem; color: #333; box-sizing: border-box;}
.wrapSearch img {position: absolute; left: 95%; top: 50%; transform: translate(-50%, -50%) }
@media screen and (min-width: 200px) and (max-width: 1800px) {
}
/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
}
/* ======================================================1650px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1650px) {
}
/* ======================================================1550px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1550px) {
}
/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {
}
/* ======================================================1450px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1450px) {
/* 头部 */
}
@media screen and (min-width: 200px) and (max-width: 1400px) {
}
@media screen and (min-width: 200px) and (max-width: 1350px) {
}
/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
/* 首页 */
.inThSwiper .swiper-slide-active .con {bottom: -110%;}
}
/* ======================================================1028px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1028px) {
/* 头部 */
nav ul {display: none;}
.wap-click {display: block;}
.headerBox {top: 0;}
.headerBox .container {width: 100%; max-width: 100%;}
.headerBox .box {height: 6rem; border-radius: 0; top: 0;}
.searchBox {top: 6rem; width: 100%; border-radius: 0;}
/* 首页 */
.inThSwiper .swiper-slide .con h5 {font-size: 1.5rem;}
.inThSwiper .swiper-slide .con {bottom: -115%;}
}
/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
/* 头部 */
}
/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {
/* 首页 */
.indexOneSlide .bd {width: 82%;}
.inThSwiper .swiper-slide-active .con {bottom: -140%;}
/* 新闻和案例详情 */
.ny-news-xq2 .box-left {width: 100%;}
.ny-news-xq2 .box-right {width: 100%; margin-top: 5rem; position: relative;top: 0;}
/* 关于我们 */
.aboutThree ul {flex-wrap: wrap;}
.aboutThree ul li {width: 48%; margin-bottom: 3rem;}
/* 案例列表 */
.caseList ul li {width: 48%;}
.caseList ul::after {width: 48%;}
}
/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {
/* 首页 */
.indexFour .boxFour {flex-wrap: wrap;}
.inFoSwiper {width: 100%;}
.newsInfo {width: 100%; margin-top: 1rem;display: none;}
}
/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
/* 头部 */
.searchBox form {width: 92%;}
.searchBox form input {width: 88%;}
.inFoSwiper .box .re .more{display: none;}
.inFoSwiper .box .re em{display: none;}
.inFoSwiper .box .re p{ -webkit-line-clamp:2;}
/* 首页 */
.indexTle {padding: 3rem 0;}
.indexOne .box {width: 100%;}
.indexTle strong {font-size: 2rem;}
.indexOneSlide {flex-wrap: wrap; width: 100%;}
.indexOneSlide .bd , .indexOneSlide .hd {width: 100%;}
.indexOneSlide .hd ul {flex-direction: initial; justify-content: center;}
.indexOneSlide .hd .xian {width: 2.5rem; height: 1px; margin: 1rem 2rem; margin-bottom: 1.5rem;}
.indexOneSlide .bd li {flex-wrap: wrap; margin-top: 0;}
.indexOneSlide .hd li .hdBox {height: 6rem; width: 6rem;}
.indexOneSlide .bd li .imgBox {width: 100%; order: -1;display: none;}
.indexOneSlide .bd li .bdCon {width: 100%; margin-top: 4rem;}
.indexOneSlide .bd li .bdCon .tle strong {font-size: 2.5rem;}
.indexOneSlide .bd li .bdCon dl {display: flex; flex-wrap: wrap;}
.indexOneSlide .bd li .bdCon dd:nth-child(1) span {margin-left: 0;}
.indexOneSlide .bd li .bdCon dd span {margin-left: 2rem; padding-left: 1rem;}
.indexOneSlide .bd li .more {display: flex; justify-content: center;}
.inThSwiper .swiper-slide {width: 35%;}
.inThSwiper .swiper-slide-active .con {bottom: -105%;}
.inThSwiper .swiper-button-prev {left: 2%;}
.inThSwiper .swiper-button-next {right: 2%;}
/* 底部 */
footer .box .le strong {width: 100%;}
footer .box {flex-wrap: wrap;padding: 0.5rem 0 4rem 0;}
footer .box .le {width: 100%; margin-top: 2rem; text-align: center;}
footer .box .re {width: 100%; order: -1;}
/* 内页banner部分 */
.ny-banner .tle {top: 2rem; text-align: center;}
.ny-banner .tle h3 {font-size: 2.5rem;}
.ny-banner .box h2 {font-size: 2.5rem;}
.ny-banner .box h4 {font-size: 1.5rem;}
.ny-banner {height: 65vh; background-attachment: inherit !important;}
.ny-banner2 {height: 60vh;}
.about-banner {height: 70vh;}
.bannerNav ul li a {margin-right: 0;}
/* 三级导航 */
.navThre dl {width: 100%; margin-bottom: 3rem;}
/* 关于我们 */
.aboutOne .box strong {font-size: 1.8rem;}
.aboutOne .box .textCon {width: 100%;}
.aboutOne .num {flex-wrap: wrap; margin-top: 3rem;}
.aboutOne .num li {width: 48%; margin-top: 3rem;}
.aboutOne .num li strong {font-size: 2.5rem;}
.aboutOne .num li abbr {font-size: 2.5rem;}
.aboutTwo {padding: 6rem 0; height: auto;}
.aboutTwo dl dd {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.aboutTwo dl dd strong {font-size: 1.2rem;font-weight: normal;}
.rtfixed{display: none;}
.about-banner{background: url(/public/static/index/images/about-banner.jpg) no-repeat center top !important;background-size: 274% !important; }
.careers-banner{ background: url(/public/static/index/images/careers-banner.jpg) no-repeat center !important;background-size: 274% !important; }
.contact-banner{ background: url(/public/static/index/images/contact-banner.jpg) no-repeat center !important;background-size: 274% !important; }
.bannerNav ul li a{width: 100%;}
.bannerNav ul li {width: 24%;}
.aboutOne .box{margin-top: 1rem;}
.aboutTwo::after{display: none;}
.team-banner,.honer-banner,.deve-banner{background-size: 220% !important;height:34vh }
.bannerNav{margin-bottom: 1rem;}
/* 产品列表 */
.telogyList {padding-bottom: 4rem;}
.telogyList .list li {flex-wrap: wrap; padding: 1rem; padding-bottom: 3rem;margin-top: 0rem;margin-bottom: 1rem;}
.telogyList .list li .re {width: 100%; order: -1;}
.telogyList .list li .le {width: 100%; margin-top: 1rem;}
.telogyList .list li strong {font-size: 1.8rem; margin-bottom: 1rem; text-align: center;}
.telogyList .list li p{ text-align: center;}
.telogyList .list li a{margin-top: 1rem;
margin: 2rem auto 0 auto;}
/* 新闻列表 */
.newsOne ul {gap: 2rem;}
.newsOneSwiper {height: auto;margin:1rem 0}
.newsOneSwiper .swiper-slide .box {flex-wrap: wrap;}
.newsOneSwiper .swiper-slide .box .le {width: 100%;}
.newsOneSwiper .swiper-slide .box .le img {display: block;}
.newsOneSwiper .swiper-slide .box .re {width: 100%; padding: 2rem;}
.newsOneSwiper .swiper-slide .box h3 {font-size: 1.25rem;}
.newsOneSwiper .swiper-pagination {bottom: 5%;}
.newsTwo ul li {width: 100%; height: auto; margin-bottom: 1rem;}
.newsTwo ul li .le .imgBox {display: none;}
.newsTwo ul li .le img {display: block;}
/* 荣誉资质 */
.honerList ul {grid-template-columns: repeat(3,1fr);}
/* 联系我们 */
.contactTwo .box .input2 .inputText input {width: 80%;}
.contactTwo .box .input2 .inputText label {left: 89%;}
}
@media screen and (min-width: 200px) and (max-width: 750px) {
table{border:0;margin:0;border-collapse:collapse !important;}
table td{padding:0;}
.telogyList table tr td{display: block;width: 100% ;}
.pro1 .pro1-left{width: 90% !important;}
.pro1 .pro1-left p strong{font-size: 1.6rem !important;}
.pro3 td img{width: 100%;}
.pro3 td {width: 80%;margin:0 auto;}
.pro31 td img{width:auto;}
.pro4 td{width:48% !important; background: #3470B8;border-radius:20px;margin-bottom:1rem;float:left;margin:1%}
.pro4 td img{width: 100%;}
.pro31 td{padding:3rem 0;margin-top: 1rem;}
.pro5 td img{ display: block;width: 100%;}
.pro5 td {margin-bottom:2rem;}
.pro6 td{width:48% !important; border-radius:20px;margin-bottom:1rem;float:left;margin:1%;overflow: hidden;}
.pro6 td img{width: 100%;}
footer .box .le dl dd{font-size: 1.1rem;}
}
.pro31 td{padding:3rem 0;margin-top: 1rem;}
@media screen and (min-width: 200px) and (max-width: 640px) {
/* 首页 */
.bannerSwiper .swiper-slide .con {text-align: center;}
.bannerSwiper .swiper-slide strong {font-size: 3rem; line-height: initial;}
.bannerSwiper .swiper-slide small {font-size: 3rem;}
.bannerSwiper .swiper-pagination {width: 100%; max-width: 100%; text-align: center;}
.indexTwo ul {flex-wrap: wrap;margin: 3rem 0;}
.indexTwo ul li {width: 48%; margin-bottom: 2rem;}
.indexTwo ul li strong {font-size: 2.5rem;}
.indexTwo ul li abbr {font-size: 2.5rem;}
.inThSwiper .swiper-slide {width: 60%;}
.inThSwiper .swiper-slide-active .con {bottom: -85%;}
.indexFour {padding-bottom: 3rem;}
.inFoSwiper .swiper-pagination { bottom: 5%;}
.inFoSwiper .box {flex-wrap: wrap; height: auto;}
.inFoSwiper .box .le {width: 100%;}
.inFoSwiper .box .le img {display: block;}
.inFoSwiper .box .le .imgBox {display: none;}
.inFoSwiper .box .re {width: 100%; padding:2rem 1rem 3rem 0;}
/* 招贤纳士*/
.careersOne {padding: 6rem 0;}
.careersOne .box strong {font-size: 2.19rem;}
.careersOne .box small {font-size: 1.15rem;}
.careersTwo {padding: 4rem 0;}
.careersTwo .tle strong {font-size: 2rem;}
.caresSwiper .swiper-slide {width: 65%;}
.caresSwiper .swiper-slide .imgBox { border-radius: 1rem;}
.caresSwiper .swiper-slide span {font-size: 1.3rem;}
/* 核心团队 */
.teamList {padding-bottom: 4rem;}
.teamList li h5 {font-size: 1.5rem;}
/* 关于我们 */
.aboutThree {padding: 5rem 0;}
.aboutThree .tle {margin-bottom: 3rem;}
.aboutThree ul li {width: 100%;}
/* 发展历程 */
.historyList {padding: 3rem 0;}
.historyList ul {background: url(../images/history-bj.png) repeat-y right;}
.hislist li {width: 100%;text-align: left; float: none; padding-top: 5rem;}
.hislist li i {left: 99.4%;}
.hislist li h3 {margin-bottom: 1rem;}
.hislist li .time .timeCon::after { width: 65%; left: 63%;}
.hislist li .time {align-items: flex-start;}
.hislist li dd {padding-left: 1rem;}
.hislist li dd::after {left: 0;}
.hislist li:nth-child(even) { float: none;}
.hislist li:nth-child(even) .box {width: 100%;}
.hislist li:nth-child(even) .box .boxCon {width: 100%;}
.hislist li:nth-child(2n) i {left: 99.4%;}
.hislist li:nth-child(2n) .time .timeCon::after { width: 65%; left: 63%;}
.hislist li:nth-child(2n) dd {padding-right: 1rem;}
/* 案例列表 */
.caseList ul li {width: 100%;}
.caseList ul::after {display: none;}
/* 联系我们 */
.contactOne {padding: 3rem 0;}
.contactOne dl {flex-wrap: wrap;}
.contactOne dl dd {width: 100%; justify-content: center; margin-bottom: 3rem;}
.contactOne dl dd:nth-child(2) {margin-left: 0;}
}
@media screen and (min-width: 200px) and (max-width: 500px) {
/* 头部 */
.headerBox .box {height:4.5rem;}
.searchBox {top: 5.5rem; height: 4rem;}
/* 首页 */
.bannerSwiper {height: 50vh;}
.inThSwiper .swiper-button-prev, .inThSwiper .swiper-button-next { width: 4.38rem; height: 2.75rem;}
.bannerSwiper .swiper-slide strong {font-size: 2rem;}
.bannerSwiper .swiper-slide small {font-size: 1.5rem; margin-top: 1.5rem;}
.inThSwiper .swiper-slide .con h5 {font-size: 1.2rem;}
.indexThree {padding-bottom: 3rem;}
/* 底部 */
footer .box .re {display: none; flex-wrap: wrap;}
footer .box .re dl {width: 48%; margin-bottom: 2rem;}
/* 新闻和案例详情 */
.ny-news-xq {padding-top: 6rem;}
.ny-news-xq .news-title h2 {font-size: 1.8rem;}
.ny-news-xq .box-right h3 {font-size: 1.5rem;}
/* 荣誉资质 */
.honerList ul {grid-template-columns: repeat(1,1fr);}
/* 联系我们 */
.contactOne dl {margin-top: 4rem;}
.contactOne h3 ,.contactTwo h3 {font-size: 2rem;}
.contactTwo {padding: 3rem 0;}
.contactTwo h3 {margin-bottom: 3rem;}
.contactTwo .box .input2 .inputText input {height: 3rem;}
.contactTwo .box .input2 .inputText {margin-bottom: 0.5rem;}
.contactTwo .box .input2 .inputText label img {width: 100%;}
.contactTwo .box .sub {margin-top: 2.5rem;}
.fy {padding: 30px 0;}
}
@media screen and (min-width: 200px) and (max-width: 450px) {
.inThSwiper .swiper-slide-active .con {bottom: -130%;}
}
@media screen and (min-width: 200px) and (max-width: 380px) {
.inThSwiper .swiper-slide-active .con {bottom: -125%;}
}