.header { border-bottom: 1px solid #E6E6E6;}.linkList { display: flex; align-content: center; padding: 137px 0 26px 59px; border-bottom: 1px solid #E6E6E6;}.linkList a { display: flex; align-content: center; font-size: 16px; font-family: PingFang SC R; font-weight: 400; color: #666666; transition: 0.6s;}.linkList a p,.linkList span { font-size: 16px; font-family: PingFang SC R; font-weight: 400; color: #666666; transition: 0.6s;}.linkList span { display: block; margin: 0 6px;}.linkList a .iconfont { margin-right: 10px; color: #666666; padding-top: 2px; transition: 0.6s;}.linkList a:hover { color: #EC6917;}.linkList a:hover p { color: #EC6917;}.linkList a:hover .iconfont { color: #EC6917;}.sec1 .joke { width: 1620px; margin: auto; display: flex; justify-content: space-between; padding: 42px 0 50px;}.sec1 .joke .img { width: 600px;}.sec1 .joke .proInfo { width: 560px;}.pro_Info_Swiper { width: 600px;}.pro_Info_Swiper .swiper-pagination-bullet-active { background: #EC6917;}.sec1 .joke .pro .pro_one { display: flex; align-items: center; padding: 0 20px 0 20px; height: 46px; background: #FFFFFF; border: 1px solid #E6E6E6; width: 100%; cursor: pointer;}.sec1 .joke .box { width: 100%; display: flex; align-items: center; justify-content: space-around;}.sec1 .joke .pro .pro_one span, .sec1 .joke .pro .pro_one p { display: block; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; margin-right: 10px; white-space: nowrap;}.sec1 .joke .pro .pro_two { display: none;}.sec1 .joke .pro .pro_two a { height: 46px; background: #F5F5F5; border: 1px solid #E6E6E6; border-top: none; display: block; width: 100%; font-size: 16px; font-family: PingFang SC R; font-weight: 400; color: #333333; line-height: 46px; transition: 0.6s; padding: 0 20px 0 38px; white-space: nowrap;}.sec1 .joke .pro .pro_two a:hover { color: #EC6917;}.sec1 .joke .proInfo h1 { font-size: 40px; font-family: PingFang SC; font-weight: bold; color: #333333; margin-bottom: 16px;}.sec2 .list .item img { transition: 0.6s;}.sec2 .list .item:hover img { transform: rotateY(180deg);}.sec1 .joke .proInfo>p { font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #333333;}.sec1 .joke .proInfo .buy { margin-top: 40px;}.sec1 .joke .proInfo .buy h5 { font-size: 16px; font-family: PingFang SC R; font-weight: 400; color: #EC6917; margin-bottom: 10px;}.sec1 .joke .proInfo .buy p { font-size: 16px; font-family: PingFang SC R; font-weight: 400; color: #333333; line-height: 32px;}.sec1 .joke .proInfo .consult { display: flex; align-items: center; justify-content: center; width: 230px; height: 54px; background: #4D4D4D; border-radius: 27px; margin-top: 130px; transition: 0.6s; cursor: pointer;}.sec1 .joke .proInfo .consult:hover { background: #EC6917;}.sec1 .joke .proInfo .consult p { font-size: 18px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF;}.sec1 .joke .proInfo .consult .iconfont { font-size: 20px; color: #FFFFFF; margin-right: 10px;}.sec2 { border-top: 6px solid #EC6917; width: 100%; background: #F4F4F4; padding: 55px 0 81px;}.sec2 h1 { font-size: 50px; font-family: PingFang SC; font-weight: bold; color: #333333; margin-bottom: 66px; text-align: center;}.sec2 .list { display: flex; justify-content: center;}.sec2 .list .item { width: 340px; height: 120px; display: flex; align-items: center; justify-content: center; flex-direction: column;}.sec2 .list .item:not(:nth-last-child(1)) { border-right: 1px solid rgba(0, 0, 0, 0.1);}.sec2 .list .item h5 { font-size: 18px; font-family: PingFang SC; font-weight: bold; color: #333333; margin: 20px 0;}.sec2 .list .item p { font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #333333;}.sec3 { padding: 125px 0 173px;}.sec3 h1 { font-size: 50px; font-family: PingFang SC; font-weight: bold; color: #333333; text-align: center;}.sec3 h2 { font-size: 35px; font-family: PingFang SC R; font-weight: 400; color: #666666; text-align: center; margin: 0 0 20px;}.sec3 p { width: 790px; font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #333333; line-height: 26px; text-align: center; margin: 0 auto 85px;}.sec3 img { display: block; margin: auto;}.sec4 h1 { font-size: 50px; font-family: PingFang SC; font-weight: bold; color: #333333; text-align: center;}.sec4 h2 { font-size: 35px; font-family: PingFang SC R; font-weight: 400; color: #666666; text-align: center; margin: 0 0 60px;}.sec4 .joke { width: 1320px; margin: auto;}.sec4 .joke .item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 172px;}.sec4 .joke .item:nth-child(2n-1) { flex-direction: row-reverse;}.sec4 .joke .item .img { width: 550px; overflow: hidden;}.sec4 .joke .item .img img { display: block; transition: 3s;}.sec4 .joke .item .img:hover img { transform: scale(1.2);}.sec4 .joke .item .text { width: 510px;}.sec4 .joke .item .text h5 { font-size: 35px; font-family: PingFang SC R; font-weight: 400; color: #666666; margin-bottom: 30px;}.sec4 .joke .item .text p { font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #333333; line-height: 26px;}.sec5 { position: relative; padding: 94px 0 112px;}.sec5 .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}.sec5 .bg img { display: block; width: 100%; height: 100%;}.sec5 h1 { font-size: 50px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; text-align: center;}.sec5>p { font-size: 16px; font-family: PingFang SC R; font-weight: 400; color: #FFFFFF; text-align: center; margin-bottom: 50px;}.sec5 .proInfoSwiper { width: 1620px;}.sec5 .proInfoSwiper .swiper-slide { overflow: hidden; position: relative;}.sec5 .proInfoSwiper .swiper-slide .img { display: block; width: 100%; height: 310px; overflow: hidden;}.sec5 .proInfoSwiper .swiper-slide .img img { transition: 3s; display: block;}.sec5 .proInfoSwiper .swiper-slide .img:hover img { transform: scale(1.2);}.sec5 .proInfoSwiper .swiper-slide .text { width: 100%; height: 120px; background: #FFFFFF; padding: 57px 40px 0; position: relative;}.sec5 .proInfoSwiper .swiper-slide .text p { font-size: 22px; font-family: PingFang SC R; font-weight: 400; color: #333333;}.sec5 .proInfoSwiper .swiper-slide .text:after { content: ""; width: 40px; height: 4px; background: #EC6917; position: absolute; top: 34px; left: 40px;}.sec5 .proInfoSwiper .swiper-slide .info { position: absolute; width: 100%; height: 100%; top: 310px; left: 0; background: #EC6917; padding: 70px 45px 0; opacity: 0; pointer-events: none; transition: 1s;}.sec5 .proInfoSwiper .swiper-slide .info a { font-size: 32px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; display: block; margin-bottom: 20px; position: relative; width: fit-content;}.sec5 .proInfoSwiper .swiper-slide .info a:after { content: ""; width: 0%; height: 1px; background: #fff; position: absolute; bottom: -10px; left: 0; transition: 0.6s;}.sec5 .proInfoSwiper .swiper-slide .info a:hover:after { width: 100%;}.sec5 .proInfoSwiper .swiper-slide .info:after { content: ""; width: 285px; height: 285px; border: 60px solid rgba(255,255,255,0.2); border-radius: 50%; position: absolute; right: 24px; bottom: -63px;}.sec5 .proInfoSwiper .swiper-slide .info p { font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #FFFFFF; line-height: 26px;}.sec5 .proInfoSwiper .swiper-slide .info:before { content: ""; width: 40px; height: 4px; background: #FFFFFF; position: absolute; top: 47px; left: 45px;}.sec5 .proInfoSwiper .swiper-slide:hover .info { top: 0; opacity: 1; pointer-events: auto;}.sec5 .btn { display: flex; align-items: center; justify-content: space-between; width: 1720px; position: absolute; top: 424px; left: 50%; transform: translateX(-50%); pointer-events: none;}.sec5 .btn .iconfont { pointer-events: auto; font-size: 40px; color: rgba(255, 255, 255, 0.5); cursor: pointer; transition: 0.6s;}.sec5 .btn .iconfont:nth-child(1) { transform: rotate(180deg);}.sec5 .btn .iconfont:hover { color: #EC6917;}.fixed_consult { position: fixed; width: 100vw; height: 100vh; z-index: 199912099; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: 0.6s;}.fixed_consult .mask{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3);}.fixed_consult.fiex_active { opacity: 1; pointer-events: auto;}.fixed_consult .box { width: 800px; background: #FFFFFF; padding: 15px 70px 66px; position: relative;}.fixed_consult .box .close { font-size: 40px; font-family: PingFang SC R; font-weight: 100; color: #333333; position: absolute; top: 24px; right: 24px; cursor: pointer; transition: 0.6s;}.fixed_consult .box .close:hover { color: #EC6917;}.fixed_consult .box .title { display: flex; align-items: center; border-bottom: 1px solid #cccccc; padding-bottom: 18px; margin-bottom: 38px;}.fixed_consult .box .title img { display: block; width: 186px;}.fixed_consult .box .title h1 { font-size: 26px; font-family: PingFang SC; font-weight: bold; color: #333333;}.fixed_consult .box>h1 { font-size: 40px; font-family: PingFang SC; font-weight: bold; color: #EC6917; margin-bottom: 10px;}.fixed_consult .box>p { font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #333333; margin-bottom: 38px;}.fixed_consult .box form .item p { font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #333333; margin-bottom: 12px;}.fixed_consult .box form .item p span { color: rgba(236, 105, 23, 1);}.fixed_consult .box form .item input { display: block; width: 100%; height: 50px; background: #FFFFFF; border: 1px solid #CCCCCC; font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #000; padding: 0 20px;}.fixed_consult .box form .item { margin-bottom: 25px;}.fixed_consult .box form .item .address { display: flex; justify-content: space-between;}.fixed_consult .box form .item .address select { width: 200px; height: 50px; background: #FFFFFF; border: 1px solid #CCCCCC; font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #333333; line-height: 50px; appearance: none; text-align: center;}.fixed_consult .box form>p { font-size: 18px; font-family: PingFang SC R; font-weight: 400; color: #333333; margin-bottom: 60px;}.fixed_consult .box form button { display: block; width: 380px; height: 70px; background: #EC6917; text-align: center; font-size: 22px; font-family: PingFang SC; font-weight: bold; color: #FFFFFF; line-height: 70px; border: 1px solid transparent; transition: 0.6s;}.fixed_consult .box form button:hover { border: 1px solid #EC6917; background: transparent; color: #EC6917;}@media screen and (max-width: 1700px) { .sec1 .joke { width: 90%; } .sec2 h1 { font-size: 40px; } .sec1 .joke .proInfo h1 { font-size: 30px; } .pro_Info_Swiper { width: 40%; margin: 0; } .sec1 .joke .proInfo { width: 40%; } .sec1 .joke .box { width: calc(100% - 180px); } .sec1 .joke .proInfo .consult { width: 200px; height: 50px; margin-top: 80px; }}@media screen and (max-width: 1500px) { .sec2 h1 { font-size: 36px; } .sec1 .joke .pro .pro_one span, .sec1 .joke .pro .pro_one p { font-size: 16px; }}@media screen and (max-width: 1024px) { .sec2 .list .item img { width: 70px; } .sec1 .joke{ flex-direction: column; align-items: unset; padding: 60px 0 60px; } .sec1 .joke .box { width: 100%; flex-direction: column; } .pro_Info_Swiper { width: 100%; } .sec1 .joke .proInfo { width: 100%; } .sec2 h1 { font-size: 24px; } .sec1 .joke .proInfo h1 { font-size: 25px; } .sec1 .joke .proInfo>p { font-size: 16px; } .sec1 .joke .proInfo .buy p{ font-size: 14px; } .sec1 .joke .proInfo .consult p{ font-size: 14px; }}@media screen and (max-width: 768px) { .linkList { margin: 108px 0 0 0; } .sec2 .list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; } .sec2 .list .item{ width: 100%; height: auto; } .sec2 .list .item img { width: 33%; } .sec2 .list .item h5{ font-size: 16px; } .sec2 .list .item p{ font-size: 14px; }}