* {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif;}
body , html{color: #000000;}
a{text-decoration: none;color: #000000;}
.main{width: 80%;margin: 0 auto;}

.h-logo a{ display: block;}
.sub-menu{ position: absolute;top: 100%; padding: 41px 0px 25px; left: 0; min-width: 100%; transition: all .3s ease-in-out; display: none; }
.sub-menu li{ list-style: none; line-height: 35px; padding: 0 1.925vw; background-color: rgba(0, 0, 0, .5);}
.sub-menu li:last-child{ padding-bottom: 20px;}
.sub-menu li a{ white-space: nowrap; font-size: 0.75vw; color: #FFFFFF; transition: all .3s ease-in-out; }
.sub-menu li a:hover{ text-decoration: underline;}

.h-n:hover .sub-menu{ display: block;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{border: 1px solid #CCCCCC;top: 50%;transform: translateY(-50%);transition: all .3s;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #c8b28b;transition: all .3s;}
#fp-nav ul li, .fp-slidesNav ul li{height: 1.15vw;margin: 1.25vw 0;}
#fp-nav.fp-right{right: 3.13vw;}
.right.on ul li a span,.right.on ul li a span .fp-slidesNav ul li a span{background: #FFFFFF !important;}
.right.on ul li a.active span,.right.on .fp-slidesNav ul li a.active span{background: #c8b28b !important;}

.bigPicLayer {
display: none;
/* width: 60.00vw;
height: 33.75vw; */
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 70px;
background: #000000;
}
.bigPicLayer .close {
display: block;
width: 38px;
height: 38px;
background: url("../images/img17.png") no-repeat;
right: 20px;
top: 20px;
position: relative;
position: absolute;
z-index: 12;
}
.bigPicLayer .close em {
width: 1px;
height: 50px;
background: #009690;
display: none;
position: absolute;
left: 50%;
margin-left: -0.5px;
top: 100%;
}
.bigPicLayer .imgDiv {
text-align: center;
}
.bigPicLayer .imgDiv img {
width: 100%;
}
.bigPicLayer .imgDiv span {
display: block;
text-align: center;
font-size: 18px;
margin-top: 16px;
color: #fff;
font-weight: bold;
position: absolute;
left: 0;
top: 100%;
width: 100%;
}
#Layer1 {
position: fixed;
z-index: 9;
background: #000000;
top: 0;
left: 0;
width: 100% !important;
}
.bigPicLayer .box{
height: 100%;
}
.bigPicLayer .box:focus{
	outline: none;
}
.bigPicLayer .box .wrap:focus{
	outline: none;
}
.bigPicLayer .box .wrap video:focus{
	outline: none;
}
.wrap{
height: 100%;
}
.wrap video{
width: 100%;
height: 100%;
object-fit: contain;
/*object-fit: cover;*/
}

/* w1 */
.w1-b{position: relative;}
.w1-b-img img{width: 100%;max-width: 100%;display: block;height: 100vh;object-fit: cover;}
.w1-b-title{position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);}
.w1-b-title img{width: 70%;display: block;}
.banner-video{width: 100%;max-width: 100%;display: block;object-fit: cover;height: 100vh;}

/* w2 */
.w2-lunbo{position: relative;padding: 1.56vw 0 2.60vw;}
.w2-lunbo .swiper-pagination{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;}
.w2-lunbo .swiper-pagination-bullet{width: 1.56vw;height: 0.10vw;background: #CCCCCC;opacity: 1;margin: 0 0.52vw;}
.w2-lunbo .swiper-pagination-bullet-active{background: #c8b28b;}
.w2{background-size: cover;background-position: center;background-repeat: no-repeat;height: 100%;}
.w2-box{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.w2-b{padding-top: 2.60vw;}
.w2-b1{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));align-items: flex-end;}
.w2-b1{padding: 1.30vw 0;border-bottom: 1px solid rgb(39 44 63);margin-bottom: 3.17vw;}
.w2-b2{display: flex;align-items: center;}
.w2-b2 img{max-width: 2.60vw;max-height: 2.60vw;display: block;}
.w2-b3{font-size: 2.125vw;color: #272c3f;line-height: 1;margin-left: 1.25vw;font-weight: bold;}
.w2-b4{display: flex;justify-content: flex-end;}
.w2-b4 a{font-size: 0.94vw;color: #272c3f;line-height: 1;display: block;text-transform :uppercase ;}
.w2-b5{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1.5vw 2.08vw;align-items: stretch;}
.w2-b7{height: 100%;position: relative;}
.w2-b7 img{width: 100%;max-width: 100%;display: block;height: 100%;object-fit: cover;}
.w2-b8{transition: all .5s;mix-blend-mode: difference;position: absolute;top: -1.20vw;left: 50%;transform: translateX(-50%);font-size: 2.40vw;color: #FFFFFF;white-space: nowrap;line-height: 1;opacity: 0;}
.w2-b7 img{clip-path: polygon(74% 0%, 87% 0, 100% 0, 100% 100%, 0 100%, 0 0);transition: all .5s;}
.w2-b6:hover .w2-b7 img{clip-path: polygon(74% 7%, 87% 0, 95% 7%, 95% 95%, 5% 95%, 5% 7%);transition: all .5s;transform: scale(1.05);}
.w2-b6:hover .w2-b8{opacity: 1;transition: all .5s;}
.w2-b6:hover .w2-b9{transition: all .5s;padding-left: 12px;}
.w2-b9{min-height: 2vw;transition: all .5s;word-break: break-word;position: relative;font-size: 1.25vw;color: #FFFFFF;line-height: 1;margin-top: 1.15vw;}
.w2-b9::after{content: '';position: absolute;left: 0;top: 0.26vw;width: 0.73vw;height: 0.73vw;background: #c8b28b;border-radius: 50%;display: none;}
.w2-b5{position: relative;}
.w2-a{display: block;cursor: pointer;}

/* w3 */
.w3{background: #222222;height: 100%;}
.w3-box{display: flex;flex-direction: column;height: 100%;justify-content: center;}
.w3-b2{font-size: 2.71vw;color: #FFFFFF;line-height: 1;margin-bottom: 1.41vw;text-align: center;}
.red{color: #c8b28b;}
.w3-b3{font-size: 1.04vw;color: rgba(255, 255, 255, .7);line-height: 1;text-align: center;}
.w3-b1{margin-bottom: 6vw;}
.w3-b5{width: 100%;overflow: hidden;}
.w3-b6{display: flex;align-items: center;width: 100%;}
.w3-b6 li{display: block;}
.w3-b6 img{height: 7.81vw;max-width: 100%;}

/* w4 */
.w4{background: #000000;height: 100%;}
.w4-box{display: flex;flex-direction: column;height: 100%;justify-content: center}
.w4-b1{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 1.04vw;align-items: stretch;}
.w4-b3{height: 100%;}
.w4-b3 img{width: 100%;max-width: 100%;display: block;height: 100%;object-fit: cover;}
.w4-b2{position: relative;height: 100%;}
.w4-b4{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #c8b28b;padding: 1.25vw 1.04vw 0.99vw 0.57vw;opacity: 0;transition: all .3s;}
.w4-b6{font-size: 1.15vw;color: #FFFFFF;margin-bottom: 0.26vw;text-align: left;line-height: 1}
.w4-b7{font-size: 1.15vw;color: #FFFFFF;margin-bottom: 3.28vw;text-align: left;line-height: 1}
.w4-b8{font-size: 1.15vw;color: rgba(255, 255, 255, .6);text-align: left;line-height: 1;}
.w4-b4{display: flex;flex-direction: column;justify-content: space-between;}
.w4-b9{display: flex;justify-content: flex-end;align-items: flex-end;}
.w4-b2:hover .w4-b4{opacity: 1;transition: all .3s;}
.w4-b2 a{cursor: pointer;}
.w4-bb{position: relative;}
.w4-b10{background: #222222;padding: 1.15vw;display: grid;grid-template-columns: 15% auto;gap: 1.56vw;height: calc(100% - 2.3vw);}
.w4-b12{font-size: 0.83vw;color: rgba(255, 255, 255, .7);line-height: 1.7;min-width: 50vw;max-width: 50vw;}
.w4-bb2 .w4-b1{height: 100%;}
.w4-bb3{position: absolute;top: 0;left: 100%;right: 0;bottom: 0;z-index: 1;cursor: pointer;opacity: 0;transition: all .5s;}
.w4-bb2.on .w4-bb3{left: 0;opacity: 1;transition: all .5s;}
.w4-bb2.on .w4-b2{opacity: 0;}
.w4-bb2.on .w4-bb3 .w4-b2{opacity: 1;}
.w4-b10{position: relative;}
.w4-no{position: absolute;top: 1.15vw;right: 1.15vw;}
.w4-b1{overflow: hidden;}
.w4-bb{margin-bottom: 1.56vw;}
.w4-bb:last-child{margin-bottom: 0;}
.w4-bb4{grid-column: 2 / 7;}

/* w5 */
.w5{background-size: cover;background-position: center;background-repeat: no-repeat;}
.w5-box{padding: 30px 0 5.5vw;}
.w5-b3{font-size: 0.73vw;color: #272c3f;margin-bottom: 0.78vw;line-height: 1;}
.w5-b4{display: flex;align-items: center;}
.w5-dj:hover .w5-a{box-shadow: inset 0 -0.52vw #c8b28b;transition: all .3s;}
.w5-dj:hover .w5-a2{opacity: 1;transition: all .3s;}
.w5-dj{cursor: pointer;}
.w5-b5{width: -webkit-fill-available;}
.w5-a{font-size: 1.4vw;color: #272c3f;line-height: 1.5;z-index: 1;transition: all .3s;}
.w5-b6{min-width: 5vw;display: flex;justify-content: flex-end;align-items: center;}
.w5-a2{font-size: 0.83vw;color: #FFFFFF;line-height: 1;cursor: pointer;opacity: 0;transition: all .3s;}
.w5-b2{margin-bottom: 2vw;}
.w5-b2:last-child{margin-bottom: 3vw;}
.w5-b8{display: grid;grid-template-columns: 53% auto;gap: 3.13vw;align-items: flex-start;padding-top: 3.44vw;}
.new .w5-b8{grid-template-columns: repeat(1,minmax(0,1fr));}
.w5-b9{overflow: hidden;}
.w5-lunbo{position: relative;}
.w5-b9-img img{width: 100%;max-width: 100%;display: block;}
.w5-b10{font-size: 0.83vw;color: #262b3e;line-height: 2;}
.new .w5-b10{background: rgba(255 , 255 , 255, .1);padding: 3%;box-shadow: 0 0 12px 0 #cccccc;}
.w5-b10 a{color:#262b3e;box-shadow: 0 1px 0px 0px #fff;}
.w5-b10 p{margin-bottom: 0;}
/* .w5-b7{display: none;} */
.w5-b2.on .w5-a{box-shadow: inset 0 -0.52vw #c8b28b;}
.w5-b2.on .w5-a2{opacity: 1;}
.xx2{display: none;}
.w5-b2.on .xx2{display: block;}
.w5-b2.on .xx1{display: none;}
.w5-a4{font-size: 0.73vw;color: #FFFFFF;cursor: pointer;position: relative;padding-bottom: 0.68vw;}
.w5-a4::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 0.10vw;background: #c8b28b;}

.case .h-nav .h-n:nth-child(2) .h-a::before{width: 50%;}
.case .h-nav .h-n:nth-child(2) .h-a::after{width: 50%;}
.take-notes-oneself .h-nav .h-n:nth-child(3) .h-a::before{width: 50%;}
.take-notes-oneself .h-nav .h-n:nth-child(3) .h-a::after{width: 50%;}
.about .h-nav .h-n:nth-child(4) .h-a::before{width: 50%;}
.about .h-nav .h-n:nth-child(4) .h-a::after{width: 50%;}
.new .h-nav .h-n:nth-child(5) .h-a::before{width: 50%;}
.new .h-nav .h-n:nth-child(5) .h-a::after{width: 50%;}

.case-nav{margin-top: 1.20vw;margin-bottom: 4.17vw;}
.case .w2-b1{margin-bottom: 0;}
.case-box{display: flex;align-items: center;justify-content: flex-start;}
.case .w2-box{padding: 8.54vw 0 8.33vw;}
.case-b{padding: 0 2.08vw;font-size: 0.83vw;color: #272c3f;cursor: pointer;border-left: 1px solid #272c3f;}
.case-b:last-child{margin-right: 0;}
.case-b.on{border-color: #c8b28b;}
.case-b.on .case-a{color: #c8b28b;}
.case-b:hover{border-color: #c8b28b;transition: all .2s;}
.case-b:hover .case-a{color: #c8b28b;transition: all .2s;}
.case-a{font-size: 0.83vw;color: #272c3f;cursor: pointer;}

.new .w2-b1{margin-bottom: 0;}

.fenye-box{display: flex;align-items: center;justify-content: flex-start;}
.fenye-b{margin: 0 1.41vw;font-size: 1.04vw;color: #6D6D6D;cursor: pointer;}
.fenye-b:hover{color: #FFF;}
.fenye-b.on{color: #c8b28b;}
.fenye-a{font-size: 0.73vw;color: #6D6D6D;cursor: pointer;}
.fenye-a2{cursor: auto;}
.fenye-a2:hover{color: #6D6D6D !important;}
.fenye-a:hover{color: #FFF;}
.fenye-b.on .fenye-a{color: #c8b28b;}
.fenye-b img{max-width: 0.52vw;max-height: 0.89vw;}

.w4-yd{display: none;}

/* w6 */
.w6{background: #000;}
.w6-box{padding: 10.94vw 0 12.50vw;}

/* w7 */
.w7-b1{display: flex;align-items: center;justify-content: center;margin-bottom: 7.29vw;font-weight: 500;}
.w7-b1 img{margin-right: 1.30vw;max-width: 2.60vw;max-height: 2.60vw;max-width: 100%;display: block;}
.w7-b1{font-size: 2.71vw;color: #FFFFFF;line-height: 1;}
.w7-b2{text-align: center;font-size: 1.04vw;color: #FFFFFF;line-height: 2;margin-bottom: 9.90vw;}
.w7-b3{text-align: center;font-size: 1.04vw;color: #FFFFFF;line-height: 2;position: relative;}

/* w8 */
.w8-title{justify-content: flex-start;margin-bottom: 3.29vw;}
.w8{margin-top: 15.63vw;}
.w8-b1{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 0.52vw;align-items: stretch;margin-bottom: 0.52vw;}
.w8-b2{background: #1C1C1C;padding: 1.56vw 1.15vw 2.08vw;}
.w8-b4{font-size: 2.19vw;color: #c8b28b;line-height: 1;margin-bottom: 4.27vw;}
.w8-b6{font-size: 1.25vw;color: #FFFFFF;line-height: 1;margin-bottom: 1.56vw;}
.w8-b7{font-size: 1.04vw;color: rgba(255, 255, 255, .7);line-height: 1.6;}
.w8-b8{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 0.52vw;align-items: stretch;}
.w8-b9{display: flex;align-items: center;justify-content: center;background: #c8b28b;grid-column: 1 / 3;}
.w8-b9{font-size: 2.71vw;color: #FFFFFF;line-height: 0;}
.w8-b10{background: #1C1C1C;padding: 2.34vw 1.04vw 3.13vw;}
.w8-b12{font-size: 1.25vw;color: #FFFFFF;line-height: 1;margin-bottom: 0.94vw;}
.w8-b13{font-size: 1.04vw;color: #FFFFFF;color: rgba(255, 255, 255, .7);line-height: 1;}
.w8-b11{margin-bottom: 2.34vw;}
.w8-b11:last-child{margin-bottom: 0;}
.w8-b9 img{max-width: 1.98vw;margin-left: 1.56vw;max-height: 1.51vw;}
.section .w2-b{padding-top: 0;}

.nxt{display: flex;align-items: flex-start;justify-content: center;margin-top: 2.86vw;}
.nxt1{max-width: 20vw;margin: 0 2.21vw;}
.nxt2{text-align: center;font-size: 1.25vw;color: #FFFFFF;margin-bottom: 1.56vw;}
.nxt3{text-align: center;font-size: 1.04vw;color: rgba(255, 255, 255, .7);}
.hzlc-b{display: grid;grid-template-columns: repeat(9,minmax(0,1fr));align-items: stretch;gap: 5.21vw 0;}
.hzlc-b1{display: flex;align-items: center;justify-content: center;}
.hzlc-b4{height: 5.21vw;display: flex;align-items: center;justify-content: center;margin-bottom: 1.82vw;}
.hzlc-b5{font-size: 1.25vw;color: #FFFFFF;margin-bottom: 0.78vw;text-align: center;}
.hzlc-b6{font-size: 0.83vw;color: rgba(255, 255, 255, .7);text-align: center;}
.hzlc-b1:nth-child(10){display: none;}
.w4-gd{overflow-y: scroll;overflow-x: hidden;}
.w4-gd::-webkit-scrollbar {
	width: 5px;
	border-radius: 5px;
	background: #ececec;
}
.w4-gd::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #c8b28b;
}
.w4-b12{height: 13.54vw;}
.w4-b10{padding-right: 2.60vw;}

.w7-bbj{margin-bottom: 4.17vw;}


/* new */

/* kk1 */
.kk1{background-size: cover;background-repeat: no-repeat;background-position: left bottom;width: 100%;height: 100%;}
.kk1-box{height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;}
.kk1-b2{display: flex;align-items: stretch;grid-gap: 1.1458vw;flex-wrap: wrap;margin-bottom: 3.25vw;}
.kk1-b3{display: flex;position: relative;z-index: 1;width: calc((100% - 1.1458vw*3)/4);height: 18.2292vw;}
.kk1-b4{width: 100%;height: 100%;position: relative;clip-path: polygon(74% 0%, 87% 0, 100% 0, 100% 100%, 0 100%, 0 0);transition: all 0.5s;}
.kk1-b4::after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0 , 0 , 0, .15);}
.kk1-b4 img{width: 100%;height: 100%;display: block;object-fit: cover;transition: all 0.5s;}
.kk1-b3:hover .kk1-b4{clip-path: polygon(74% 7%, 87% 0, 100% 7%, 100% 100%, 0% 100%, 0% 7%);}
.kk1-b3:hover .kk1-b4 img{transform: scale(1.05);}
.kk1-b5{position: absolute;bottom: 6%;left: 4%;right: 4%;}
.kk1-b6{font-size: 1.6667vw;color: #FFFFFF;text-align: center;margin-bottom: .5208vw;}
.kk1-b7{font-size: .9375vw;color: #FFFFFF;text-align: center;line-height: 1;letter-spacing: 1px;}
.kk1-b8{text-align: center;font-size: 1.7708vw;color: #FFFFFF;letter-spacing: 10px;position: relative;margin-bottom: 4.7292vw;}
.kk1-b8::after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom: -60%;width: 0;height: 0;border-top: .7813vw solid #c8b28b;border-right: .5208vw solid transparent;border-left: .5208vw solid transparent;}
.kk1-b10{display: flex;flex-direction: column;align-items: center;min-width: 12.55vw;}
.kk1-b11{display: flex;align-items: flex-start;grid-gap: .2083vw;}
.kk1-b12{font-size: 2.9167vw;color: #FFFFFF;}
.kk1-b13{font-size: 1.0417vw;color: #FFFFFF;display: flex;align-items: center;}
.kk1-b13 .red{color: #c8b28b;}
.kk1-b14{font-size: 1.1458vw;color: #FFFFFF;padding-right: 1.7625vw;letter-spacing: 10px;}
.kk1-b9{display: flex;align-items: flex-start;grid-gap: 2vw;justify-content: center;flex-wrap: wrap;}

/* kk2 */
.kk2{width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.kk2-box{height: 100%;width: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.kk2-lunbo{height: 17.1875vw;}
.kk2-b{padding-bottom: 3.2813vw;}
.kk2-b3img{display: flex;width: 100%;height: 100%;position: relative;overflow: hidden;}
.kk2-b3img img{width: 100%;height: 100%;object-fit: cover;display: block;}
.kk2-b3{display: flex;width: 100%;height: 100%;position: relative;overflow: hidden;}
.kk2-b4{width: 100%;height: 100%;}
.kk2-b4 img{width: 100%;height: 100%;object-fit: cover;display: block;}
.kk2-b5{position: absolute;top: 50%;left: 0;right: 40%;transform: translateY(-50%);}
.kk2-b6{font-size: 3.7208vw;color: #FFFFFF;text-align: center;}
.kk2-b7{font-size: 2.5vw;color: #FFFFFF;text-align: center;}
.kk2-b8{position: absolute;right: 0;top: 0;bottom: 0;height: 100%;width: 40%;}
.kk2-b10{width: 100%;height: 100%;position: relative;}
.kk2-b11{width: 100%;height: 100%;}
.kk2-b11 img{width: 100%;height: 100%;object-fit: cover;object-position: left;}
.kk2-b11a{display: block;}
.kk2-b11b{display: none;}
.kk2-b12{position: absolute;top: 50%;left: 55%;transform: translate(-50% , -50%);width: max-content;}
.kk2-b13{padding: .2083vw .5208vw .5125vw;background: #c8b28b;color: #FFFFFF;font-size: 2.1875vw;line-height: 1.1;position: relative;margin-bottom: .5208vw;}
.kk2-b13::after{content: '';position: absolute;right: 0;top: -.9075vw;width: 0;height: 0;border-bottom: .9375vw solid #c8b28b;border-right: 1.0417vw solid transparent;border-left: 1.0417vw solid transparent;}
.kk2-b16{font-size: 1.5625vw;color: #FFFFFF;line-height: 1.4;}
.kk2-b15 span{width: .7292vw;height: .7292vw;border-radius: 100%;background: #c8b28b;display: inline-block;transform: translateY(-.2083vw);margin: 0 .2083vw;}
.kk2-b2 .swiper-pagination{position: initial;display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;margin-top: .5208vw;grid-gap: .8333vw;}
.kk2-b2 .swiper-pagination-bullet{width: .4688vw;height: .4688vw;}
.kk2-b2{margin-bottom: 3.6458vw;}
.kk2-b17{font-size: 1.7708vw;color: #FFFFFF;text-align: center;margin-bottom: .7292vw;}
.kk2-b18.kk1-b8{font-size: .9375vw;color: #FFFFFF;text-align: center;letter-spacing: normal;background: #c8b28b;width: fit-content;margin-left: auto;margin-right: auto;padding: 0 4px;}
.kk2-b18.kk1-b8::after{bottom: -100%;border-top-color: #FFFFFF;}
.kk2-b20{width: 11.335vw;}
.kk2-b21{width: 100%;margin-bottom: .5208vw;}
.kk2-b21 img{width: 100%;max-width: 100%;display: block;height: 6.35vw;object-fit: contain;object-position: top;}
.kk2-b22{color: #262b3e;text-align: center;width: 100%;}
.kk2-b22 label{display: inline-block;background-color:#262b3e; color: #fff; font-size: 1.125vw; padding: 2px 5px;}
.kk2-b22 h5{font-size: 1.125vw;margin-bottom: 10px;font-weight: normal;}
.kk2-b22 p{height: 95px; font-size: 1.125vw; text-align: left; overflow: hidden;}
.kk2-b23{width: .9375vw;height: .9375vw;display: flex;align-items: center;justify-content: center;margin-bottom: .3125vw;}
.kk2-b23 img{width: 100%;height: 100%;display: block;object-fit: cover; margin-top: -280px;}
.kk2-b19{display: flex;align-items: flex-end;justify-content: center;flex-wrap: wrap;grid-gap: .7292vw;}
.kk2-txt{position: absolute;left: 0;right: 0;bottom: 5%;}
.kk2-txt2{font-size: .7292vw;color: #FFFFFF;margin-bottom: .5208vw;letter-spacing: 2px;background: #c8b28b;width: max-content;padding: 0 4px;}
.kk2-txt3{font-size: .9375vw;color: #FFFFFF;}

.footer-logo a{ display: block;}

@media (min-width: 2000px) {
	.main{width: 70%;}
	.kk2-b20{width: 4.6875vw;}
	.kk2-b22{font-size: .9375vw;}
	.kk1-b10{min-width: 14.625vw;}
}

@media (max-width: 1680px) {
	.footer-logo a img{ max-width: 76%;}
}

@media (max-width: 1480px) {
	.kk1-b9{ grid-gap: 1.7vw;}
}
@media (max-width: 1366px) {
	.kk1-b9{ grid-gap: 1.35vw;}
}
@media (max-width: 1000px) {
	.kk2-box,
	.kk1-box{padding: 8.54vw 0 8.33vw;}
	.kk1-b2{grid-gap: 1.5vw 2.08vw;margin-bottom: 8vw;}
	.kk1-b3{width: calc((100% - 2.08vw)/2);height: 220px;}
	.kk1-b6{font-size: 14px;margin-bottom: 8px;}
	.kk1-b7{font-size: 12px;}
	.kk1-b8{font-size: 16px;margin-bottom: 10vw;}
	.kk1-b8::after{border-top: 10px solid #c8b28b;border-right: 6px solid transparent;border-left: 6px solid transparent;bottom: -100%;}
	.kk1-b12{font-size: 30px;}
	.kk1-b13{font-size: 12px;}
	.kk1-b14{font-size: 12px;padding-right: 10px;}
	.kk1-b11{grid-gap: 4px;}
	.kk1-b10{min-width: 40%;}
	.kk2-lunbo{height: auto;}
	.kk2-b8{width: 50%;}
	.kk2-b5{right: 50%;}
	.kk2-b6{font-size: 18px;}
	.kk2-b7{font-size: 12px;}
	.kk2-b3{display: flex;flex-direction: column;align-items: stretch;}
	.kk2-b8{position: initial;width: 100%;}
	.kk2-b4{position: relative;height: 100px;}
	.kk2-b5{left: 0;right: 0;}
	.kk2-b11 img{object-position: right;}
	.kk2-b13{font-size: 16px;padding: 4px 9px 5px;margin-bottom: 2vw;}
	.kk2-b16{font-size: 14px;}
	.kk2-b13::after{border-bottom: 10px solid #c8b28b;border-right: 10px solid transparent;border-left: 10px solid transparent;top: -9.5px;}
	.kk2-b15 span{width: 6px;height: 6px;margin: 0 2px;}
	.kk2-b8{height: 150px;}
	.kk2-b12{left: 50%;}
	.kk2-b11b{display: block;}
	.kk2-b11a{display: none;}
	.kk2-b2 .swiper-pagination{margin-top: 2vw;}
	.kk2-b2 .swiper-pagination-bullet{width: 6px;height: 6px;}
	.kk2-b2{margin-bottom: 6vw;}
	.kk2-b17{font-size: 16px;}
	.kk2-b18.kk1-b8{font-size: 12px;}
	.kk2-b19{grid-gap: 1.5vw 2.08vw;}
	.kk2-b23{display: none;}
	.kk2-b20{width: calc((100% - 2.08vw*3)/3);}
	.kk2-b22{font-size: 12px;}
	.kk2-b21{margin-bottom: 1.0417vw;}
	.kk2-b19{justify-content: flex-start;}
	.kk2-txt2{font-size: 12px;}
	.kk2-txt3{font-size: 14px;}
	.kk2-b{padding-bottom: 17vw;}
	.kk2-txt{bottom: 8.33vw;}
}
@media (max-width: 1300px) {
	.w2-b1{grid-template-columns: 70% auto;}
	.hzlc-b4 img{max-width: 100%;}
}
@media (max-width: 900px) {
	.w7-b1{margin-bottom: 35px !important;}
	.kk2-b22 p{ height: auto; min-height: 50px;}
	.nxt{align-items: center;justify-content: center;flex-direction: column;}
	.nxt1{max-width: 100%;}
	.nxt2{text-align: center;}
	.nxt3{text-align: center;}
	.nxt1:first-child{margin-bottom: 2.86vw;}
	.main{width: 80%;}
	#fp-nav.fp-right{display: none;}
	.w2-box{padding: 8.54vw 0 8.33vw;display: block;}
	/* .w2-b5{grid-template-columns: repeat(2,minmax(0,1fr));} */
	.section, .fp-tableCell{height: auto !important;}
	.section2 .w2-box{padding-bottom: 0;}
	.section3 .w2-box{padding-top: 0;}
	.section3 .w2-top{padding-top: 2.34vw;}
	.section3 .w2{background: #000;}
	.w2-b3{font-size: 20px;}
	.w2-b2 img{max-width: 20px;max-height: 20px;}
	.w2-b4 a{font-size: 12px;}
	.w2-b9{font-size: 14px;}
	.bigPicLayer .close{width: 28px !important;height: 28px !important;background-size: contain !important;}
	.w3-box{padding: 8.54vw 0 8.33vw;display: block;}
	.w3-b2{font-size: 20px;}
	.w3-b3{font-size: 12px;}
	.w4-box{padding: 8.54vw 0 8.33vw;display: block;}
	.w4-b1{grid-template-columns: repeat(3,minmax(0,1fr));}
	.w4-bb3 .w4-b1{display: block;}
	.w4-b4{display: none;}
	.w4-b10{display: flex;flex-direction: column;height: calc(100% - 27px);padding: 14px;}
	.w4-b6{font-size: 16px;margin-bottom: 5px;}
	.w4-b7{font-size: 13px;}
	.w4-b8{font-size: 12px;}
	.w4-b12{font-size: 12px;-webkit-line-clamp: 13;}
	.w4-no{top: 14px;right: 14px;}
	.w4-yd{display: block;position: relative;}
	.w4-pc{display: none;}
	.w4-b2{height: 140px;}
	.fp-enabled body, html.fp-enabled{overflow: inherit;}
	.w4-bb3 .w4-b2{height: 200px;}
	.w4-b10{height: auto;}
	.w5-b3{font-size: 12px;}
	.w5-a{font-size: 13px;}
	.w5-a2{font-size: 12px;}
	.w5-b5{padding-right: 5px;}
	.w5-b8{grid-template-columns: repeat(1,minmax(0,1fr));}
	.w5-b10{font-size: 12px;}
	.w5-lunbo .swiper-button-next img,.w5-lunbo  .swiper-button-prev img{max-width: 15px;}
	.w5-a4{font-size: 12px;}
	.case .w2-box{padding: 88px 0 30px;}
	.w2-b1{grid-template-columns: 70% auto;}
	.case-a{font-size: 12px;}
	.take-notes-oneself .w5-box{padding: 88px 0 30px;}
	.fenye-a{font-size: 12px;}
	.fenye-b img {max-width: 8px;max-height: 9px;}
	.about .w6-box{padding: 88px 0 30px;}
	.w7-b1{font-size: 20px;}
	.w7-b1 img{max-width: 18px;max-height: 18px;}
	.w7-b2{font-size: 12px;}
	.w7-b3::before{font-size: 12px;}
	.w7-b3::after{font-size: 12px;line-height: 1;}
	.w7-b3 br{display: none;}
	.w7-b3{font-size: 12px;}
	.w8-b1{grid-template-columns: repeat(3,minmax(0,1fr));}
	.w8-b8{grid-template-columns: repeat(3,minmax(0,1fr));}
	.w8-b4{font-size: 16px;}
	.w8-b6{font-size: 13px;}
	.w8-b7{font-size: 12px;}
	.w8-b12{font-size: 13px;margin-bottom: 5px;min-height: 26px;}
	.w8-b13{font-size: 12px;}
	.w8-b11{min-height: 55px;}
	.w8-b9{font-size: 13px;}
	.w8-b9 img{max-width: 18px;max-height: 9px;}
	.f-bb a{font-size: 12px;}
	.new .w5-box{padding: 88px 0 30px;}
	.fenye-box{align-items: flex-end;}
	.bigPicLayer{padding: 40px !important;}
	.bigPicLayer .close{right: 10px !important;top: 10px !important;}

	.kk2-b21 img{height: 60px;}
	
	/* footer */
	.f-b{flex-direction: column !important;align-items: flex-start !important;display: flex !important;}
	.f-b1{margin: 0 auto 20px 0 !important;font-size: 20px !important;max-width: 100% !important;top: 60px !important;}
	.f-b2{grid-template-columns: repeat(1,minmax(0,1fr)) !important;}
	.f-b6 a{display: inline-block; margin-bottom: 20px; font-size: 0.875vw; color: #fff;}
	.f-b10 .f-b4{display: flex !important;flex-direction: column !important;align-items: flex-start !important;}
	.f-b8, .f-b9{font-size: 12px !important;}
	.f-b8::-webkit-input-placeholder, .f-b9::-webkit-input-placeholder{font-size: 12px !important;}
	.f-b8{width: 188px !important;height: 50px !important;margin-bottom: 8px !important;}
	.f-b9{width: 188px !important;height: 20px !important;margin-bottom: 8px !important;}
	.f-btn{width: 197px !important;text-align: center !important;padding: 0 !important;height: 27px !important;line-height: 27px !important;font-size: 12px !important;}
	.f-bb{padding: 20px 0 !important; font-size: 1.5vw !important;}
	.f-bb a{font-size: 12px !important;}
	.footer{padding-top: 0 !important;}
	.f-b{padding-top: 30px !important;}
	.footer-logo a img{ display: block; margin: auto;}
	.f-b6{ width: 100% !important;}
	.nt2 img{width: 80px !important;height: 80px !important;}
	.f-bb{align-items: flex-start !important;flex-direction: column !important;}
	.f-b .row .col-lg-2{ width: 25%; }
	
	.hzlc-b{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));align-items: stretch;gap: 5.21vw 0;}
	.hzlc-b1:nth-child(10){display: flex;}
	.hzlc-b1:nth-child(6){display: none;}
	.hzlc-b1:nth-child(12){display: none;}
	.hzlc-b1:nth-child(18){display: none;}
	.hzlc-b4{height: 60px;}
	.hzlc-b5{font-size: 14px;}
	.hzlc-b6{font-size: 12px;}
	.w3-b6 img{min-height: 45px;height: 45px;}
	.w4-b12{height: 280px;}
	.w4-b12{overflow-y: scroll;}
	.w4-b12::-webkit-scrollbar {
		width: 2px;
		border-radius: 5px;
		background: #ececec;
	}
	.w4-b12::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #c8b28b;
	}
	.w4-b12{max-width:100%;}
	.w1-b-title img{width: 100%;}
}

/* 邮箱页面 */
.cc .main{width: 80%;margin: 0 auto;}

.cc{position: relative;z-index: 1;}
.cc-box{position: relative;z-index: 2;padding: 14.5833vw 0 14.0625vw;}
.cc-top{position: absolute;top: 0;left: 0;right: 38%;z-index: 2;}
.cc-top img{width: 100%;max-width: 100%;display: block;}
.cc-bottom{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;}
.cc-bottom img{width: 100%;max-width: 100%;display: block;}
.ccbt{position: relative;}
.ccbt2{position: absolute;bottom: 28%;left: 0;right: 0;}
.ccbt2 .main{display: flex;flex-direction: column;align-items: center;grid-gap: 1.5625vw;}
.ccbt3{font-size: 1.0417vw;}
.ccbt4{font-size: 1.3542vw;}
.ccbt5{font-size: .9375vw;}
.ccbt6{padding: .5208vw 1.0417vw;background: #ee1c24;color: #FFFFFF;position: relative;}
.ccbt6 a{color: #FFFFFF;}
.ccbt6 a:hover{box-shadow: 0 2px #FFFFFF;}
.ccbt6::after{content: '';position: absolute;right: 0;top: -.8033vw;border-bottom: .8333vw solid #ee1c24;border-right: .8333vw solid transparent;border-left: .8333vw solid transparent;}

/* c1 */
.c1-b{display: flex;align-items: flex-start;grid-gap: 5.2083vw;}
.c1-left{width: 20.8333vw;padding-top: 1.3542vw;}
.c1-left img{width: 100%;max-width: 100%;display: block;}
.c1-right{flex: 1;}
.c1-r2{margin-bottom: 2.6042vw;font-size: 1.0417vw;color: #000000;text-align: justify;line-height: 1.7;word-break: break-all;}
.c1-r3{display: flex;align-items: center;grid-gap: .5208vw;font-size: 1.25vw;color: #000000;}
.c1-r3:hover{color: #ee1c24;}
.c1-r4{width: 2.6042vw;}
.c1-r4 img{width: 100%;max-width: 100%;display: block;}

.cc .title{font-size: 1.3542vw;color: #000000;margin-bottom: .2083vw;text-align: center;}
.cc .txt{font-size: .625vw;color: #ee1c24;text-align: center;}

/* c2 */
.c2-box{padding: 5.2083vw 0;}
.c2-b{background-size: cover;background-repeat: no-repeat;background-position: center;padding: 3.125vw;}
.c2-top{margin-bottom: 1.5625vw;}
.c2-b2{display: flex;align-items: flex-start;grid-gap: 3.125vw;}
.c2-b3{width: calc((100% - 3.125vw*3)/4);}
.c2-b4{font-size: 1.0417vw;color: #000000;margin-bottom: 1.0417vw;text-align: center;}
.c2-b5{display: flex;flex-direction: column;align-items: stretch;width: 100%;grid-gap: 1.5625vw;position: relative;}
.c2-b5::after{content: '';position: absolute;right: -1.5625vw;top: 0;bottom: 0;width: 1px;height: 100%;background: #c1bcbc;}
.c2-b3:last-child .c2-b5::after{display: none;}
.c2-b6{display: flex;flex-direction: column;align-items: stretch;width: 100%;grid-gap: .7292vw;}
.c2-b7{width: 100%;height: 9.8958vw;}
.c2-b7 img{width: 100%;height: 100%;object-fit: cover;display: block;transition: all 0.5s;clip-path: polygon(74% 0%, 87% 0, 100% 0, 100% 100%, 0 100%, 0 0);}
.c2-b6:hover .c2-b7 img{transform: scale(1.05);clip-path: polygon(74% 7%, 87% 0, 95% 7%, 95% 95%, 5% 95%, 5% 7%);}
.c2-b8{font-size: .8333vw;color: #000000;text-align: center;}
.c2-btn{display: flex;align-items: center;grid-gap: .2083vw;font-size: 1.0417vw;color: #FFFFFF;padding: .5208vw 1.5625vw;width: max-content;margin: 2.6042vw auto 0;line-height: 1;position: relative;z-index: 1;}
.c2-btn::after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: #ee1c24;width: 100%;height: 100%;transition: all 0.5s;}
.c2-btn:hover::after{transform: scale(0.9);}
.c2-btn svg{width: 1.3021vw;display: block;max-width: 100%;}

/* c3 */
.cc .kk1-b10{display: flex;flex-direction: column;align-items: center;min-width: 15.625vw;}
.cc .kk1-b11{display: flex;align-items: flex-start;grid-gap: .2083vw;}
.cc .kk1-b12{font-size: 2.9167vw;color: #ee1c24;}
.cc .kk1-b13{font-size: 1.0417vw;color: #000000;display: flex;align-items: center;}
.cc .kk1-b13 .red{color: #ee1c24;}
.cc .kk1-b14{font-size: 1.1458vw;color: #000000;padding-right: 1.7625vw;letter-spacing: 10px;}
.cc .kk1-b9{display: flex;align-items: flex-start;grid-gap: 2.6042vw;justify-content: center;flex-wrap: wrap;}
.cc .w3-b5{width: 100%;overflow: hidden;}
.cc .w3-b6{display: flex;align-items: center;width: 100%;}
.cc .w3-b6 li{display: block;}
.cc .w3-b6 img{height: 7.81vw;max-width: 100%;mix-blend-mode: darken;}
.c3 .c2-b{padding-left: 0;padding-right: 0;}
.c3-txt{font-size: .625vw;color: #000000;text-align: center;margin-top: 1.5625vw;}

@media (max-width: 1000px){
	.main{width: 90%;}
	.w1-b-img img{ height: auto; object-fit: contain;}
	.kk1-b8{ margin-bottom: 6vw;}
	.kk1-b9{ grid-gap: 2vw;}
	.kk1-b10 {min-width: 24%;}
	.cc-top{right: 0;}
	.cc-box{padding: 100px 0 170px;}
	.c1-r2{font-size: 12px;margin-bottom: 20px;}
	.c1-b{flex-direction: column;align-items: stretch;grid-gap: 20px;}
	.c1-left{padding-top: 0;width: 44%;margin: 0 auto;}
	.c1-r3{grid-gap: 6px;font-size: 16px;justify-content: flex-end;}
	.c1-r4{width: 26px;}
	.c2-box{padding: 60px 0;}
	.c2-b{padding: 40px 20px;}
	.cc .title{font-size: 24px;margin-bottom: 0;}
	.cc .txt{font-size: 12px;}
	.c2-top{margin-bottom: 30px;}
	.c2-b2{grid-gap: 40px 20px;flex-wrap: wrap;}
	.c2-b3{width: calc((100% - 20px)/2);}
	.c2-b5::after{right: -10px;}
	.c2-b4{font-size: 16px;margin-bottom: 20px;}
	.c2-b6{grid-gap: 10px;}
	.c2-b7{height: 90px;}
	.c2-b8{font-size: 12px;min-height: 40px;}
	.c2-b5{grid-gap: 20px;}
	.c2-b3{position: relative;}
	.c2-b3:nth-last-child(2)::after{content: '';position: absolute;top: -20px;height: 1px;width: 100%;left: 0;right: 0;background: #c1bcbc;}
	.c2-b3:nth-last-child(1)::after{content: '';position: absolute;top: -20px;height: 1px;width: 100%;left: 0;right: 0;background: #c1bcbc;}
	.c2-b3:nth-last-child(1)::before{content: '';position: absolute;left: -10px;height: 100%;width: 1px;top: 0;bottom: 0;background: #c1bcbc;}
	.c2-b3:nth-last-child(2) .c2-b5::after{display: none;}
	.c2-b3:nth-child(2n) .c2-b5::after{display: none;}
	.c2-btn{margin-top: 40px;font-size: 14px;padding: 10px 20px;grid-gap: 4px;}
	.c2-btn svg{width: 16px;}

	.cc .kk1-b12{font-size: 30px;}
	.cc .kk1-b13{font-size: 12px;}
	.cc .kk1-b14{font-size: 12px;padding-right: 10px;letter-spacing: 1px;}
	.cc .kk1-b11{grid-gap: 4px;}
	.cc .kk1-b10{min-width: 40%;}
	.cc .kk1-b9{grid-gap: 20px 10px;}

	.cc .w3-b6 img{height: 45px;min-height: 45px;}

	.cc .c3-txt{font-size: 12px;margin-top: 30px;}

	.ccbt2{bottom: 20px;}
	.ccbt6{padding: 10px 20px;}
	.ccbt2 .main{grid-gap: 20px;}
	.ccbt3{font-size: 13px;}
	.ccbt4{font-size: 14px;}
	.ccbt5{font-size: 12px;}
	.ccbt6::after{border-bottom: 12px solid #ee1c24;border-right: 12px solid transparent;border-left: 12px solid transparent;top: -11.5px;}
	.pro-pagination-style ul li a,.pro-pagination-style ul li span{ width: 40px !important; height: 40px !important; line-height: 40px !important; }
}

@media (max-width: 768px) {
	.nslider-area{ margin-top: 75px;}
	.new .w5-box {
        padding: 20px 0 30px;
    }
	.pro-pagination-style ul li a, .pro-pagination-style ul li span {
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
    }
}

@media (max-width: 568px) {
	.w2-b5{grid-template-columns: repeat(1, minmax(0, 1fr));}
	.kk2-b20 {
        width: calc((100% - 2.08vw * 3) / 2);
    }
	.kk2-b21 img{height: 70px;}
	.kk2-b22 label,.kk2-b22 h5,.kk2-b22 p{ font-size: 2vw;}
	.kk1-b8{ font-size: 3.5vw !important;}
	.kk2-b{ padding-bottom: 0;}
	.f-b .row .col-lg-2{ width: 50%; }
	.f-bb{ font-size: 2.5vw !important;}
}


/* 移动端 */

.mobile-phone .main{width: 84%;margin: 0 auto;}
.mobile-phone .title{padding: 14px;background: #000000;color: #FFFFFF;font-size: 38px;text-align: center;}

.zztop{padding: 24px 0;}
.zztop .main{display: flex;align-items: center;justify-content: space-between;grid-gap: 10px;}
.zztop-left{width: 126px;}
.zztop-left img{width: 100%;max-width: 100%;display: block;}
.zztop-right{display: flex;align-items: center;font-size: 16px;color: #000000;}
.zztop-r2{display: flex;align-items: center;grid-gap: 2px;}
.zztop-r2 img{width: 17px;max-width: 100%;display: block;}

.zzbanner img{width: 100%;display: block;max-width: 100%;}
.zz1-b{padding: 12px 0;display: flex;align-items: center;flex-wrap: wrap;grid-gap: 10px 0;}
.zz1-b2{width: calc(100% / 4);position: relative;}
.zz1-b3{width: 100%;display: none;}
.zz1-b3 img{width: 100%;max-width: 100%;display: block;}
/* .zz1-b4{position: absolute;top: 53%;left: 50%;transform: translate(-50% , -50%);width: max-content;} */
.zz1-b4{width: 100%;}
.zz1-b5{height: 52px;margin-bottom: 6px;}
.zz1-b5 img{height: 100%;max-width: 100%;display: block;margin: 0 auto;}
.zz1-b6{font-size: 18px;color: #FF0000;text-align: center;}
.zz1-b6 span{color: #000000;}

.zz2-box{padding: 60px 0 30px;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;margin-bottom: 20px;}
.zz2-b2{font-size: 24px;color: #5E1717;text-align: center;margin-bottom: 20px;}
.zz2-b3{height: 38px;display: flex;align-items: center;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;grid-gap: 4px;padding: 10px 20px 0 20px;margin-bottom: 20px;}
.zz2-b4{width: 20px;}
.zz2-b4 img{width: 100%;max-width: 100%;display: block;}
.zz2-b5{font-size: 16px;color: #FF0000;}
.zz2-b6{font-size: 12px;color: #000000;}
.zz2-b7{display: flex;align-items: center;grid-gap: 10px;margin-bottom: 6px;}
.zz2-b8{font-size: 16px;color: #000;position: relative;line-height: 1;}
.zz2-b8::after{content: '*';position: absolute;top: 0;right: -8px;font-size: 16px;color: #FF0000;}
.zz2-b9{font-size: 12px;color: #FFFFFF;background: #000;border-radius: 4px;padding: 4px;line-height: 1;}
.zz2-b10{display: flex;flex-wrap: wrap;align-items: stretch;grid-gap: 4px 20px;margin-bottom: 10px;}
.zz2-b11{display: flex;align-items: center;justify-content: center;width: calc((100% - 20px)/2);height: 36px;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;background-image: url("../images/new3/img11.png");}
.zz2-b11.on{background-image: url("../images/new3/img12.png");}
.zz2-b11 .txt{font-size: 16px;text-align: center;color: #FF0000;padding-top: 6px;}
.zz2-b11.on .txt{color: #FFFFFF;}
.zz2-b12{width: 100%;}
.zz2-b13{width: 100%;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;background-image: url("../images/new3/img13.png");height: 36px;outline: none;border: none;font-size: 18px;color: #4E4E4E;text-indent: 10px;margin-bottom: 16px;}
.zz2-b13::-webkit-input-placeholder{font-size: 18px;color: #4E4E4E;}
.zz2-b14{width: 100%;border: none;outline: none;height: 36px;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;background-image: url("../images/new3/img14.png");font-size: 18px;color: #FFFFFF;box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);}

.zz3-box{padding: 16px 0;}
.zz3-nav{display: flex;align-items: stretch;grid-gap: 4px;flex-wrap: wrap;margin-bottom: 10px;}
.zz3-nav2{width: calc((100% - 12px)/4);height: 25px;background-image: url("../images/new3/img15.jpg");background-size: 100% 100%;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #FFFFFF;border-radius: 4px;overflow: hidden;}
.zz3-nav2.on{color: #5E1717;}
.zz3-b{padding-bottom: 4px;}
.zz3-b3{display: flex;align-items: stretch;flex-wrap: wrap;grid-gap: 4px;}
.zz3-b4{width: calc((100% - 4px)/2);background: #000000;border-radius: 4px;overflow: hidden;display: flex;}
.zz3-b5{padding: 10px 5px;flex: 1;}
.zz3-b6{width: 100%;height: 94px;margin-bottom: 10px;position: relative;}
.zz3-b6 img{width: 100%;height: 100%;object-fit: cover;display: block;}
.zz3-play{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 36px;height: 36px;opacity: 0.7;}
.zz3-b7{font-size: 12px;color: #FFFFFF;text-align: center;}
.zz3-btn{display: flex;align-items: center;justify-content: center;grid-gap: 4px;font-size: 16px;color: #FFFFFF;background: #000000;border-radius: 4px;overflow: hidden;padding: 6px 0;}
.zz3-btn img{width: 16px;max-width: 100%;display: block;}

.zz4-box{padding: 24px 0;}
.zz4-b{display: flex;flex-wrap: wrap;align-items: stretch;grid-gap: 6px;}
.zz4-b2{position: relative;width: calc((100% - 12px)/3);display: flex;border-radius: 10px;overflow: hidden;}
.zz4-img{width: 100%;height: 104px;}
.zz4-img img{width: 100%;height: 100%;object-fit: cover;display: block;}
.zz4-txt{position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: max-content;font-size: 18px;color: #FFFFFF;}

.zz5-box{padding: 44px 0 24px;background: #000000;}
.zz5-title{font-size: 36px;color: #FFFFFF;line-height: 1;margin-bottom: 22px;}
.zz5-b{margin-bottom: 26px;}
.zz5-b2{margin-bottom: 20px;}
.zz5-b3{display: flex;flex-direction: column;align-items: stretch;grid-gap: 8px;}
.zz5-b4{font-size: 12px;color: #C2C2C2;}
.zz5-b5{display: flex;align-items: flex-start;grid-gap: 10px;}
.zz5-b6{flex: 1;display: flex;align-items: center;grid-gap: 4px;}
.zz5-b7{font-size: 14px;color: #FFFFFF;}
.zz5-b7 a{color: #FFFFFF;}
.zz5-b8{width: 12px;height: 12px;min-width: 12px;}
.zz5-b8 img{width: 100%;height: 100%;object-fit: contain;display: block;}
.zz5-b9{font-size: 12px;color: #C2C2C2;min-width: 40px;text-align: right;}
.k{display: block;}
.g{display: none;}
.zz5-lunbo{position: relative;}
.zz5-img img{width: 100%;height: 200px;display: block;object-fit: cover;}
.zz5-b10{padding: 10px 0;display: none;}
.zz5-lunbo .swiper-button-next img, .zz5-lunbo .swiper-button-prev img{max-width: 15px;}
.zz5-b12{margin-bottom: 10px;}
.zz5-b13{font-size: 12px;color: #FFFFFF;line-height: 2;}
.zz5-b2.on .k{display: none;}
.zz5-b2.on .g{display: block;}
.zz5-b2.on .zz5-b7 a{box-shadow: 0 2px #FF0000;}
.zz5-top{font-size: 12px;color: #FF0000;}

.zz6-top{display: flex;align-items: flex-end;grid-gap: 30px;padding-left: 8%;margin-bottom: 20px;}
.zz6-top .zz5-title{margin: 0;color: #000000;}
.zz6-top2{flex: 1;}
.zz6-top2 img{width: 100%;max-width: 100%;display: block;}
.zz6-b{font-size: 12px;color: #000000;line-height: 2;margin-bottom: 20px;}
.zz6-b a{color: #FF0000;box-shadow: 0 2px #FF0000;}
.zz6-b2{display: flex;align-items: stretch;flex-wrap: wrap;}
.zz6-img{width: calc(100% / 3);}
.zz6-img img{width: 100%;max-width: 100%;display: block;}
.zz6-b3 img{max-width: 100%;display: block;margin: 0 0 0 auto;width: 50%;}

.zz7-box{padding: 30px 0;position: relative;z-index: 1;}
.zz7-bj{position: absolute;top: 0;left: 0;right: 0;width: 100%;z-index: 2;}
.zz7-bj img{width: 100%;max-width: 100%;display: block;}
.zz7-box .main{position: relative;z-index: 3;}
.zz7-b{font-size: 12px;color: #2D2D2D;line-height: 2;margin-bottom: 26px;}
.zz7-b2{display: flex;flex-wrap: wrap;grid-gap: 4px;margin-bottom: 16px;}
.zz7-b3{width: calc((100% - 8px)/3);}
.zz7-b3 img{width: 100%;max-width: 100%;display: block;}
.zz7-img img{width: 100%;max-width: 100%;display: block;}

.zz8-box{padding: 20px 0 130px;}
.zz8-b2{display: flex;align-items: flex-start;grid-gap: 4px;margin-bottom: 16px;}
.zz8-b2:last-child{margin-bottom: 0;}
.zz8-b3{width: 10px;margin-top: 4px;}
.zz8-b3 img{width: 100%;max-width: 100%;display: block;}
.zz8-b4{flex: 1;}
.zz8-b5{font-size: 14px;color: #000000;margin-bottom: 4px;}
.zz8-b6{font-size: 12px;color: #000000;}

.zz9{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9;}
.zz9-box{padding: 12px 0;background: #000000;}
.zz9-b{display: flex;align-items: center;justify-content: space-between;}
.zz9-left{display: flex;align-items: center;grid-gap: 6px;}
.zz9-le2{width: 36px;}
.zz9-le2 img{width: 100%;max-width: 100%;display: block;}
.zz9-le3{font-size: 20px;color: #FFFFFF;}
.zz9-right{display: flex;align-items: center;grid-gap: 12px;}
.zz9-r2{display: flex;align-items: center;justify-content: center;grid-gap: 9px;width: 95px;height: 34px;background-image: url("../images/new3/img41.png");background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.zz9-r2 img{height: 24px;max-width: 100%;display: block;}
.zz9-r2{font-size: 20px;color: #FFFFFF;}

.tac{position: fixed;top: 50%;left: 10%;right: 10%;width: 80%;transform: translateY(-50%);background: #FFFF;border-radius: 20px;z-index: 999999999;overflow: hidden;}
.tac-box{padding: 30px;position: relative;background: #FFFFFF;}
.tac-b2 svg{width: 52px;display: block;max-width: 100%;margin: 0 auto 6px auto;}
.tac-b3{font-size: 26px;color: #000000;text-align: center;margin-bottom: 10px;}
.tac-b4{font-size: 14px;text-align: center;color: #6b6b6b;margin-bottom: 10px;}
.tac-b5{font-size: 14px;text-align: center;color: #6b6b6b;margin-bottom: 14px;}
.tac-b6{width: 110px;height: 38px;border-radius: 10px;background: #19ad17;color: #FFFFFF;font-size: 14px;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.tac-close{position: absolute;right: 10px;top: 10px;}
.tac-close svg{width: 28px;display: block;max-width: 100%;}

.nslider-area img{vertical-align: middle;max-width: 100%;}
.pro-pagination-style ul{padding-left: 0;}
.pro-pagination-style ul li {
  display: inline-block;
  margin: 0 4px;
}
.pro-pagination-style ul li a,.pro-pagination-style ul li span {
  display: inline-block;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
          box-shadow: 0 0px 12px 0.8px rgba(0, 166, 81, 0.1);
}
.pro-pagination-style ul li a:hover {
  background-color: #c9b38c;
  color: #fff;
}
.pro-pagination-style ul li a.active,.pro-pagination-style ul li.active span {
  background-color: #c9b38c;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.pro-pagination-style ul li a.active:hover {
  background-color: #333;
}

.accordion-button:not(.collapsed){ color: #FFFFFF; background-color: #c9b38c;}
.accordion-button:focus{ box-shadow: none;}
.accordion-body{ font-size: 14px; color: #262b3e;}
.accordion-button:not(.collapsed)::after{ background-image: url("/temp/assets/images/down.png");}