@charset "utf-8";
.contact_title{text-align: center;padding: 0 0 45px;}
.contact_title h2{font-weight: bold;font-size: 48px;}
.contact_top{position: relative;display: flex;justify-content: space-between;align-items: flex-start; }
.contact_img{width: 793px; top: 100px;position: sticky;}
.contact_img img{width: 100%;}
.contact_fome{width: 750px;}
.fome_top li{padding-bottom: 20px;padding-left: 15px;}
.fome_top p{font-size: 18px;color: #666;margin-bottom: 10px;}
.fome_top p b{color: #FF0000;margin-left: -15px;display: inline-block;margin-right: 8px;}
.xzcp{padding-bottom: 15px;}
.xzcp h3{font-size: 18px;color: #666;line-height: 28px;}
.xzcp li{line-height: 42px;font-size: 16px;color: #666;}

.bgqy{padding-bottom: 160px;}
.bgqy h2{text-align: center; font-size: 48px;font-weight: bold; margin: 120px 0 50px;}
.bgqy_title{text-align: center;margin: 120px 0 50px;}
.bgqy_title h2{margin: 0;}
.bgqy_title p{font-size: 18px;line-height: 28px;color: #666;margin-top: 15px;}
.bgqy ul{display: flex;flex-wrap: wrap;gap:45px;}
.bgqy li{width: calc(33.333% - 90px/3);margin-bottom: 15px;border-radius: 10px;background: #f5f5f5;padding: 30px 35px;border:2px solid #f5f5f5;transition: all 1s;}
.bgqybox h4{font-size: 18px;color: #19d3c5;}
.bgqybox h3{font-size: 28px;}
.bgqybox p{font-size: 18px; line-height: 28px;color: #666;margin-top: 98px;}
.bgqy li:hover{border: 2px solid #19d3c5;background: #fff;box-shadow: 0 15px 15px rgba(0, 0, 0, .15); }

.bg1{background: #19d3c5;margin-bottom: 135px;}
.zhzx{padding: 90px 0;}
.zhzx ul{display: flex;gap:185px;}
.zhzx li{width: calc(50% - 185px/2);}
.zhzxbox{text-align: center;background: #fff;border-radius: 10px;}
.imgbox{border-radius: 10px; overflow: hidden;display: block;}
.imgbox img{width: 100%; object-fit: cover;aspect-ratio: 705 / 327;transition: all 1s;}
.zhzx_text{padding: 30px 60px;}
.zhzx_text h2{font-size: 48px;font-weight: bold;}
.zhzx_text p{display: flex;justify-content: center;align-items: center;height: 150px;}
.zhzx_text p em{font-size: 18px; line-height: 28px;color: #666;}

.bwzc{position: fixed;z-index: 1002;width: 1250px;border-radius: 10px;padding: 60px 15px 150px 15px;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.baishui-contact-popup-bg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 1001;top: 0;left: 0;display: none;}
.fwzc_title{text-align: center;padding-bottom: 30px;}
.fwzc_title h2{font-weight: bold;font-size: 28px;}
.fwzc_title p{font-size: 18px;line-height: 28px;color: #666;margin-top: 15px;}
.fwzcnr {height: calc(100vh - 450px);overflow: auto;padding: 0 250px;}
.fw_top ul{display: flex;gap:40px;flex-wrap: wrap;padding-top: 20px;}
.fw_top li{width: calc(50% - 40px/2);position: relative;margin-top: -20px;}
.fw_top li b{position: absolute;font-size: 18px;color: #ff0000;top: 50%;transform: translateY(-50%);left: 10px;}
.pjcg{padding-top: 40px;}
.pjcg h3{font-size: 28px;color: #666666;margin-bottom: 15px;}
.pjcg li{position: relative;margin-bottom: 16px;padding-left: 15px;}
.pjcg li b{position: absolute;font-size: 18px;color: #ff0000;top:5px;left: 0px;} 
.pjcg li p{color: #666;font-size: 18px;margin-bottom: 10px;}
.sctp{padding-left: 15px;display: flex;align-items: flex-end;gap:15px;flex-wrap: wrap;}
.sctp_sm{width: 295px;cursor: pointer;}
.sctp_sm h3{font-size: 18px;}
.sctp_sm  p{font-size: 16px;line-height: 1.6;color: #999999;margin-top: 10px;}
.sctp_img{width: 184px;}
.sctp_img img{width: 100%;}

.fwxq{position: fixed;z-index: 1002;width: 1250px;border-radius: 10px;padding: 60px 15px 150px 15px;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.szgj{padding-top: 20px;}
.szgj p{font-size: 18px; position: relative;font-size: 18px;color: #666;margin-bottom: 10px;}
.szgj li{margin-bottom: 20px;padding-left: 15px;}
.szgj p b{color: #FF0000;position: absolute;left: -15px;top: 50%;transform: translateY(-50%);}
.wordCount{position: relative;}
.wordCount span{position: absolute;}
.wordCount textarea{width: 100%;height: 147px;color: #999; padding: 15px;border: 1px solid #e6e6e6;font-size: 18px;resize: none;}
.wordCount span{position: absolute;bottom: 10px;right: 10px; font-size: 18px;color: #333;font-style: normal;}
.word{font-style: normal;}
.wordCount h4{font-size: 18px;color: #333; position: absolute;right: 15px;bottom: 15px;}


@media only screen and (min-width: 1200px){
.contact_title{text-align: center;padding: 0 0 2.34375vw;}
.contact_title h2{font-weight: bold;font-size: 2.5vw;}
.contact_top{position: relative;display: flex;justify-content: space-between;align-items: flex-start; }
.contact_img{width: 41.3020833333vw; top: 5.2083333333vw;position: sticky;}
.contact_img img{width: 100%;}
.contact_fome{width: 39.0625vw;}
.fome_top li{padding-bottom: 1.0416666667vw;padding-left: 0.78125vw;}
.fome_top p{font-size: 0.9375vw;color: #666;margin-bottom: 0.5208333333vw;}
.fome_top p b{color: #FF0000;margin-left: -0.78125vw;display: inline-block;margin-right: 0.4166666667vw;}
.xzcp{padding-bottom: 0.78125vw;}
.xzcp h3{font-size: 0.9375vw;color: #666;line-height: 1.4583333333vw;}
.xzcp li{line-height: 2.1875vw;font-size: 0.8333333333vw;color: #666;}
.bgqy{padding-bottom: 8.3333333333vw;}
.bgqy h2{text-align: center; font-size: 2.5vw;font-weight: bold; margin: 6.25vw 0 2.6041666667vw;}
.bgqy_title{text-align: center;margin: 6.25vw 0 2.6041666667vw;}
.bgqy_title h2{margin: 0;}
.bgqy_title p{font-size: 0.9375vw;line-height: 1.4583333333vw;color: #666;margin-top: 0.78125vw;}
.bgqy ul{display: flex;flex-wrap: wrap;gap:2.34375vw;}
.bgqy li{width: calc(33.333% - 4.6875vw/3);margin-bottom: 0.78125vw;border-radius: 0.5208333333vw;background: #f5f5f5;padding: 1.5625vw 1.8229166667vw;border:0.1041666667vw solid #f5f5f5;transition: all 1s;}
.bgqybox h4{font-size: 0.9375vw;color: #19d3c5;}
.bgqybox h3{font-size: 1.4583333333vw;}
.bgqybox p{font-size: 0.9375vw; line-height: 1.4583333333vw;color: #666;margin-top:5vw;}
.bgqy li:hover{border: 0.1041666667vw solid #19d3c5;background: #fff;box-shadow: 0 0.781vw 0.781vw rgba(0, 0, 0, .15);}
.bg1{background: #19d3c5;margin-bottom: 7.03125vw;}
.zhzx{padding: 4.6875vw 0;}
.zhzx ul{display: flex;gap:9.6354166667vw;}
.zhzx li{width: calc(50% - 9.6354166667vw/2);}
.zhzxbox{text-align: center;background: #fff;border-radius: 0.5208333333vw;}
.imgbox{border-radius: 0.5208333333vw; overflow: hidden;display: block;}
.imgbox img{width: 100%; object-fit: cover;aspect-ratio: 705 / 327;transition: all 1s;}
.zhzx_text{padding: 1.5625vw 3.125vw;}
.zhzx_text h2{font-size: 2.5vw;font-weight: bold;}
.zhzx_text p{display: flex;justify-content: center;align-items: center;height: 7.8125vw;}
.zhzx_text p em{font-size: 0.9375vw; line-height: 1.4583333333vw;color: #666;}
.bwzc{position: fixed;z-index: 1002;width: 65.1041666667vw;border-radius: 0.5208333333vw;padding: 3.125vw 0.78125vw 7.8125vw 0.78125vw;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.fwzc_title{text-align: center;padding-bottom: 1.5625vw;}
.fwzc_title h2{font-weight: bold;font-size: 1.4583333333vw;}
.fwzc_title p{font-size: 0.9375vw;line-height: 1.4583333333vw;color: #666;margin-top: 0.78125vw;}
.fwzcnr {height: calc(100vh - 23.4375vw);overflow: auto;padding: 0 13.0208333333vw;}
.fw_top ul{display: flex;gap:2.0833333333vw;flex-wrap: wrap;padding-top: 1.0416666667vw;}
.fw_top li{width: calc(50% - 2.0833333333vw/2);position: relative;margin-top: -1.0416666667vw;}
.fw_top li b{position: absolute;font-size: 0.9375vw;color: #ff0000;top: 50%;transform: translateY(-50%);left: 0.5208333333vw;}
.pjcg{padding-top: 2.0833333333vw;}
.pjcg h3{font-size: 1.4583333333vw;color: #666666;margin-bottom: 0.78125vw;}
.pjcg li{position: relative;margin-bottom: 0.8333333333vw;padding-left: 0.78125vw;}
.pjcg li b{position: absolute;font-size: 0.9375vw;color: #ff0000;top:0.2604166667vw;left: 0px;} 
.pjcg li p{color: #666;font-size: 0.9375vw;margin-bottom: 0.5208333333vw;}
.sctp{padding-left: 0.78125vw;display: flex;align-items: flex-end;gap:0.78125vw;flex-wrap: wrap;}
.sctp_sm{width: 15.3645833333vw;cursor: pointer;}
.sctp_sm h3{font-size: 0.9375vw;}
.sctp_sm  p{font-size: 0.8333333333vw;line-height: 1.6;color: #999999;margin-top: 0.5208333333vw;}
.sctp_img{width: 9.5833333333vw;}
.sctp_img img{width: 100%;}
.fwxq{position: fixed;z-index: 1002;width: 65.1041666667vw;border-radius: 0.5208333333vw;padding: 3.125vw 0.78125vw 7.8125vw 0.78125vw;background: #fff;left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.szgj{padding-top: 1.0416666667vw;}
.szgj p{font-size: 0.9375vw; position: relative;font-size: 0.9375vw;color: #666;margin-bottom: 0.5208333333vw;}
.szgj li{margin-bottom: 1.0416666667vw;padding-left: 0.78125vw;}
.szgj p b{color: #FF0000;position: absolute;left: -0.78125vw;top: 50%;transform: translateY(-50%);}
.wordCount{position: relative;}
.wordCount span{position: absolute;}
.wordCount textarea{width: 100%;height: 7.65625vw;color: #999; padding: 0.78125vw;border: 0.0520833333vw solid #e6e6e6;font-size: 0.9375vw;}
.wordCount span{position: absolute;bottom: 0.5208333333vw;right: 0.5208333333vw;font-size: 0.9375vw;color: #333;font-style: normal;}
.word{font-style: normal;}
.wordCount h4{font-size: 0.937vw;right: 0.871vw;bottom: 0.871vw;}
}

@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1680px) {


}

@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1200px) {
.contact_title{padding: 0 0 .4rem;}
.contact_title h2{font-size: .36rem;text-align: left;}
.contact_top{display: block;}
.contact_img{width: 100%;position: relative;top: 0;}
.contact_fome{width: 100%;padding-top: .5rem;}
.fome_top p{font-size: .28rem;margin-bottom: .3rem;}
.fome_top li{padding-bottom: .45rem;}
.xzcp h3{font-size: .28rem;}
.xzcp li{font-size: .24rem;line-height: .84rem;}

.bgqy h2{font-size: .36rem;text-align:left; margin: .8rem 0 .4rem;}
.bgqy_title{margin: .8rem 0 .4rem;text-align: left;}
.bgqy_title h2{margin: 0;}
.bgqy_title p{font-size: .24rem;line-height: 1.6;color: #666;margin-top: .15rem;}
.bgqy ul{gap:.5rem;}
.bgqy li{width: calc(50% - .5rem/2);padding: .45em .25rem;margin: 0;}
.bgqybox h4{font-size: .24rem;}
.bgqybox h3{font-size: .32rem;}
.bgqybox p{font-size: .22rem;margin-top: 1rem;line-height: 1.5;}
.bgqy{padding-bottom: .9rem;}

.bg1{width: 94%; margin: 0 auto .8rem auto; padding: .22rem;border-radius: .1rem;}
.bg1 .container{max-width: 100%;}
.zhzx ul{gap:.27rem;flex-wrap: wrap;}
.zhzx li{width: 100%;}
.zhzx{padding: 0;width: 100%;}
.zhzxbox{border-radius: .1rem;padding: .1rem;text-align: left;}
.imgbox{border-radius: .1rem;}
.zhzx_text{padding: .45rem .25rem .5rem .25rem;text-align: left;}
.zhzx_text h2{font-size: .36rem;margin-bottom: .15rem;}
.zhzx_text p{font-size: .24rem; line-height: 1.6;height: 6.5em;display: block;}
.zhzx_text p em{font-size: .24rem; line-height: 1.6;text-align: left;}
.zhzx_text .center{margin:.2rem 0 0 0;}

.bwzc{width: 90%;border-radius: .1rem;padding: .5rem .25rem;}
.fwzc_title h2{font-size: .36rem;}
.fwzc_title p{margin-top: .5rem;font-size: .26rem;line-height: 1.6;}
.fwzcnr{padding: 0;}
.fwzc_title{padding-bottom: .45rem;}
.fw_top ul{gap:.4rem;}
.fw_top li{width: 100%;margin: 0;}
.fwzcnr{height: calc(100vh - 4rem);}
.pjcg{padding-top: .4rem;}
.pjcg h3{font-size: .32rem;margin-bottom: .4rem;}
.pjcg li p{font-size: .28rem;margin-bottom: .1rem;}
.sctp_sm p{font-size: .24rem;}

.fwxq{width: 90%;padding: .5rem .25rem;border-radius: .1rem;}
.fw_top ul{padding: 0;}
.szgj p{margin-top: .5rem;font-size: .26rem;line-height: 1.6;}
.wordCount textarea{font-size: .24rem;}
.wordCount span{font-size: .24rem;left: .15rem;right: auto;bottom:.15rem;right: auto;}
.wordCount h4{font-size: .26rem;}
}
