/* indexbox */
.indexbox { position: relative; }
.indexbox h3.boxtit { font-size: 30px; color: #ad9d8f; }
.indexbox .more {margin-top: 40px;display: flex;justify-content: center;}
.indexbox .more a { position: relative; padding: 10px 50px;  color: #ad9d8f; border-radius: 100px;text-transform: uppercase;background: #667f97;color: #eeeeee;}
.indexbox .more a:before { position: absolute; width: 0; height: 100%; background: #ad9c8f; display: block; left: 0; top: 0; content: ""; z-index: -1; display: none;}
/* NewsBox */
#NewsBox:after {content: '';width: 0;height: 0;border-style: solid;border-width: 10px 50vw 140px 50vw;border-color: #ffffff00 transparent #ffffff;position: absolute;top: 0;transform: rotate(180deg);z-index: 0;opacity: 0;}
#NewsBox .cls-1 {
    
    
    
}
#NewsBox {padding: 2vw 0 1vw;position: relative;background: #4b6a88;margin-top: 1vw;}
#NewsBox .sacga{margin-top: -119px;}
#NewsBox .sacga svg{
	
    
    
}
#NewsBox .bg{position: absolute;
    width: 24vw;
    height: 17vw;
    background: no-repeat 50% / cover;
    /* box-shadow: 0 0 40px 0 rgb(0 0 0 / 30%); */
    top: -115px;
    left: 5vw;
    z-index: 4;background-size: contain;opacity: 1;}
#NewsBox .titlee{justify-content: flex-end;}
#NewsBox .more{display: flex;justify-content: center;}
#NewsBox .more a{padding: 10px 50px;background: #667f97;border-radius: 500px;color: white;text-transform: uppercase;border: #6e89a3 2px solid;}
#NewsBox .more a:hover{
	color: aliceblue;background: #3b5670;}
.wrapper #NewsBox .titlee h3{margin-right: 10px;color: white;}
.wrapper #NewsBox .titlee h3:before{right: -11px;-moz-transform: skewX(-25deg) skewY(5deg);
    -webkit-transform: skewX(-25deg) skewY(5deg);
    -o-transform: skewX(-25deg) skewY(5deg);
    -ms-transform: skewX(-25deg) skewY(5deg);
    transform: skewX(22deg) skewY(82deg);}
.wrapper #NewsBox .titlee b{color: white;}
#NewsBox .listbox { position: relative; z-index: 2; }
#NewsBox ul {margin: 4vw 0 4vw;}
#NewsBox ul:after {content: "Latest scam news";color: #ffffffe8;position: absolute;text-transform: uppercase;z-index: 1;font-weight: 500;font-size: 71px;letter-spacing: 9.5px;opacity: 1;line-height: 1;text-align: center;font-family: 'Cormorant Garamond', 'Times New Roman', 'serif';left: 50%;top: -29px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;}

#NewsBox ul:before{content:"";width: 108%;height: 110%;background: #465e76;position: absolute;left: -4%;top: -5%;border-radius: 30px;box-sizing: border-box;
    outline: 1px solid #4b6a88;
    outline-offset: -18px;
    box-shadow: 0 8px 20px rgb(0 0 0 / 6%);
    -webkit-box-shadow: 0px 5px 30px -5px rgb(0 0 0 / 30%);
    box-shadow: 0px 5px 30px -5px rgb(0 0 0 / 6%);}
#NewsBox ul li { /* background: url(/images/35/img-news1Bg.jpg); */ border: 0; border-radius: 100px;}
#NewsBox ul li:nth-child(2n) { /* background: url(/images/35/img-news2Bg.jpg); */ background: white;}
#NewsBox ul li:nth-child(2n) a font.arrow{background: #3b5670;}
#NewsBox ul li:nth-child(2n) a font.arrow:before{border-color: #3b5670 transparent transparent transparent;}
#NewsBox ul li:nth-child(2n) a font{color: #3b5670;}
#NewsBox ul li a {display: flex;font-size: 0;width: 100%;align-items: center;}
#NewsBox ul li a font { width: 80px; display: -webkit-inline-box; color: #fff; }
#NewsBox ul li a font.time { padding: 40px; display: flex;}
#NewsBox ul li a font.txt { width: calc(100% - 170px);  -webkit-line-clamp: 1; display: flex;align-items: center;}
#NewsBox ul li a font.txt b{font-size: 25px;font-weight: 600;width: 190px;}
#NewsBox ul li a font.txt span{margin-left: 20px;font-size: 16px;}
#NewsBox ul li a font.arrow { position: relative; padding: 0; width: 1px; height: 30px; background: #fff; -moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);left: -57px;}
#NewsBox ul li a font.arrow:before { position: absolute; width: 0; height: 0; border-style: solid; border-width: 13px 7px 0 0; border-color: #fff transparent transparent transparent; left: 0; bottom: -1px; content: ""; }


/* aboutBox */
#aboutBox { padding-top: 9vw; }
#aboutBox .fixTxt { position: absolute; font-size: 13vw; font-weight: 900; color: #f2f5f7; white-space: nowrap; left: 0; top: 0; z-index: 1; }
#aboutBox #pictureBox { position: absolute; width: 380px; height: 245px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .3); right: 0; top: 0; z-index: 3; }
#aboutBox #pictureBox a.photo { width: 100%; height: 245px; }
#aboutBox .aboutinfo { position: relative; font-size: 0; z-index: 2; }
#aboutBox .aboutinfo .row { width: 50%; display: inline-block; vertical-align: top; }
#aboutBox .aboutinfo .row.info { padding: 3vw 7vw 5vw 10vw; width: calc(50% - 17vw); }
#aboutBox .aboutinfo .row.info h2 { margin-bottom: 25px; font-weight: 400; font-size: 35px; }
#aboutBox .aboutinfo .row.info article { margin-bottom: 30px; font-weight: 300; line-height: 230%; font-size: 18px; }
#aboutBox .aboutinfo .row.img { position: absolute; height: 100%; }
#aboutBox .aboutinfo .row.img a.photo { width: 100%; height: 100%; }

/* SeoStarRating */
#SeoStarRating { text-align: right; }

/* productBox */
#productBox { padding: 1vw 0; z-index: 2; background-size: cover;background-position: 50% 100%;}
#productBox:before { position: absolute; width: 120px; height: 120px;  display: block; top: 546px; right: 145px; z-index: 2; content: ""; background-image: url(/images/36/fkfkf.png);background-size: cover;}

#productBox .slick-prev{left: auto;right: 150px;top: -100px;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 70px;height: 70px;background: #3b5670;border-radius: 50px;}
#productBox .slick-track{padding: 60px 0;}
#productBox .slick-cloned{opacity: 0;}
#productBox .slick-slide.slick-active{opacity:1;}
#productBox .slick-track .slick-center{
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	z-index: 99999;
	opacity:1;
}
#productBox .slick-slide{
	-moz-transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-o-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	margin:0 20px;
	opacity: 0;
}

#productBox .slick-prev:before{color: #ffffff;font-size: 40px;opacity: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-right: 7px;}
#productBox button:hover{background: #94b1cf;}
#productBox .slick-next{left: auto;
    right: 52px;
    top: -100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #3b5670;
    border-radius: 50px;}
#productBox .slick-next:before
{
        color: #ffffff;
    font-size: 40px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: -13px;
}




#productBox:after { position: absolute; width: 50%; height: 100%; background: #e6e6e630; display: block; top: 0; right: 0; z-index: -1; content: ""; }
#productBox .bg { position: absolute; width: 8vw; height: 17vw; background: no-repeat 50% / cover;  top: -1vw; right: 46vw; z-index: 4; background-size: contain;opacity: 0;}
#productBox .productinfo { position: relative; z-index: 3; }
#productBox .productinfo ul { margin-top: 0; }
#productBox .productinfo ul li .info { position: relative; background: white;margin: 10px 6px;box-shadow: 0 0 2px 0 rgb(0 0 0 / 8%);border-radius: 15px;}
#productBox .productinfo ul li a { position: absolute; width: 100%; height: 100%; z-index: 2; }
#productBox .productinfo ul li .info { padding: 40px; }
#productBox .productinfo ul li .img { margin-bottom: 30px; background: no-repeat 50% / cover; }
#productBox .productinfo ul li.slick-active .img { box-shadow: 0 0 20px 0 rgb(0 0 0 / 11%); }
#productBox .productinfo ul li .price font { margin-right: 10px; display: inline-block; font-size: 15px; }
#productBox .productinfo ul li .price font.old { color: #a3a3a3; }
#productBox .productinfo ul li h3 { margin-bottom: 20px; height: 34px; font-size: 24px; -webkit-line-clamp: 1; color: #3b5670;}
#productBox .productinfo ul li article { height: 81px; font-weight: 400; color: #656565; -webkit-line-clamp: 3; font-size: 14px;}

/* bookBox */
#bookBox { background: #efebe9; }
#bookBox:before , #customBox:before { position: absolute; width: 50%; height: 100%; background: #dcd7d2; top: 0; left: 0; z-index: 1; content: ""; }
#bookBox .bg { position: absolute; width: 42%; height: calc(100% - 50px); left: 50%; bottom: 0; z-index: 2; background: #fff; }
#bookBox .bg >div { height: 100%; background: no-repeat 50% / cover; opacity: .2; }
#bookBox .bookinfo { position: relative; top: -50px; z-index: 3; }
#bookBox .bookinfo .rightBox , #bookBox .bookinfo .slick-dots { position: absolute; margin-left: calc(5% + 50px); width: 22%; text-align: left; font-size: 0; bottom: 50px; left: 62%; }
#bookBox .bookinfo .boxtit { font-size: 30px; bottom: calc(100% - 200px); }
#bookBox .bookinfo .list { position: relative; }
#bookBox .bookinfo ul li { font-size: 0; }
#bookBox .bookinfo ul li .img { margin: 50px 50px 50px 0; width: 62%; display: inline-block; box-shadow: 0 0 50px 2px rgba(0, 0, 0, .3); }
#bookBox .bookinfo ul li .info { margin-left: 5%; width: 22%; display: inline-block; }
#bookBox .bookinfo ul li .info a { width: 90%; height: 170px; font-size: 20px; color: #292929; -webkit-line-clamp: 5; }
#bookBox .bookinfo .btns { margin: auto; width: 135px; right: 8%; left: auto; }
#bookBox .bookinfo .slick-dots li { margin: 0; }
#bookBox .bookinfo .slick-dots li button:before , #bookBox .bookinfo .slick-dots li.slick-active button:before { color: #0f2942; }
#bookBox .bookinfo .more { width: 90%; text-align: right; }

/* customBox */
#customBox{display: none;}
#customBox ul { padding: 50px 0; z-index: 2; }
#customBox ul li { position: relative; }

#customBox ul li .bg { position: absolute; width: 100%; height: 100%; background: no-repeat 50% / cover; top: 0; left: 0; z-index: 1; }
#customBox ul li .bg iframe { width: 100%; height: 100%; }
#customBox ul li .info { position: relative; padding: 70px 0; min-height: 215px; background: rgb(15 41 66 / .8); z-index: 2; }
#customBox ul li .info h3 { text-align: center; font-size: 35px; }
#customBox ul li .info article { margin: 30px auto 0; width: 700px; line-height: 200%; text-align: center; font-weight: 400; color: #ccc; }

@media screen and (min-width:1281px) {
	.indexbox .more a:hover { color: #fff; background: #3b5670;}
	.indexbox .more a:hover:before { width: 100%; }
	#NewsBox ul li:hover { /* background: url(/images/35/img-newsHBg.jpg); */ /* background: #c39665; */-moz-transform: translateY(0.75em);
-webkit-transform: translateY(-0.75em);
-o-transform: translateY(-0.75em);
-ms-transform: translateY(-0.75em);
transform: translateY(-0.75em);}
	#NewsBox ul li:nth-child(2n):hover{/* background: #bb8f5f; */}
	#NewsBox ul li:nth-child(2n):hover font{/* color: aliceblue; */}
}
@media screen and (max-width:1280px) {
	#productBox .productinfo ul li.slick-active .img { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); }
	#bookBox .bookinfo .rightBox , #bookBox .bookinfo .slick-dots { margin-left: 50px; }
	#bookBox .bookinfo ul li .info { margin-left: 0; }
	#NewsBox ul li a font.time {padding: 20px 10px 20px 0;}
	#NewsBox ul li a font.txt { width: calc(100% - 130px); }
}
@media screen and (max-width:1024px) {
	#NewsBox ul li a{
	    width: 90%;
	}
	#NewsBox ul:after{
	    font-size: 29px;
	}
	.wrapper #NewsBox .titlee b{
	    font-size: 60px;
	}
	.wrapper .titlee h3{
	    font-size: 36px;
	    margin-top: 0px;
	}
	#NewsBox ul li a font.txt b{
    font-size: 19px;
    width: 150px;
    overflow: hidden;
    height: 29px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
 }
	#NewsBox ul li a font.txt span{
		verflow: hidden;
		height: 29px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		width: 300px;
	}
	#NewsBox ul li a font.arrow{
    left: 0;
}
	#productBox:before {}
	#productBox { padding: 5vw 5vw calc(5vw + 80px); }
	#bookBox .bookinfo .boxtit { margin-left: 0; width: 100%; text-align: center; top: -40px; bottom: auto; left: 0; }
	#bookBox .bookinfo ul li .img { margin: 30px 30px 30px 0; width: calc(92% - 135px); box-shadow: 0 0 20px 2px rgba(0, 0, 0, .3); }
	#bookBox .bookinfo ul li .info { position: absolute; width: calc(92% - 135px); background: #0f2942; display: block; left: 0; bottom: 30px; z-index: 2; }
	#bookBox .bookinfo ul li .info a { margin: 10px 20px 4px; height: 34px; color: #fff; -webkit-line-clamp: 1; }
	#bookBox .bookinfo .slick-dots { margin-left: 0; width: 100%; text-align: center; left: 0; bottom: -10px; }
}
@media screen and (max-width:980px) {
	#aboutBox { padding-top: 0; }
	#aboutBox .fixTxt { display: none; }
	#aboutBox #pictureBox { top: -7vw; }
	#aboutBox #pictureBox , #aboutBox #pictureBox a.photo { width: 40vw; height: 25vw; }
	#aboutBox .aboutinfo { padding: 5vw 0; }
	#aboutBox .aboutinfo .row.info { position: relative; padding: 3vw 10vw; width: 80%; z-index: 2; }
	#aboutBox .aboutinfo .row.info h3.boxtit { color: #25496b; }
	#aboutBox .aboutinfo .row.info .more a { border-color: #25496b; color: #25496b; }
	#aboutBox .aboutinfo .row.img { width: 100%; display: block; opacity: .4; top: 0; left: 0; z-index: 1; }
	#productBox .bg { display: none; }
	#customBox ul li .info article { width: 85%; }
}

@media screen and (max-width:780px){
	#productBox .slick-prev{width: 50px;height: 50px;top: -230px;right: 120px;background: #c49565;}
   #productBox .slick-next{width: 50px;height: 50px;top: -230px;background: #c49565;}
    #productBox .slick-next:before{font-size: 24px;}
    #productBox .slick-prev:before{font-size: 24px;}
}

@media screen and (max-width:640px) {
	.indexbox .more{
	    margin-top: 0;
	}
	#NewsBox ul:after{
	    font-size: 22px;
	}
	#NewsBox ul li a font.txt span{
	    margin-left: 0;
	}
	#NewsBox .bg{
	    display: none;
	}
	#NewsBox .sacga{
	    margin-top: -12px;
	}
	#NewsBox ul{
	    margin-bottom: 60px;
	}
	#NewsBox .titlee{
	    margin-bottom: 75px;
	    justify-content: center;
	}
	.wrapper #NewsBox .titlee h3:before{
	    display: none;
	}
	.wrapper .titlee h3:before{
		display:none;
	}
	.wrapper #NewsBox .titlee b{
    font-size: 113px;
    opacity: 0.2;
}
	#productBox .slick-slide{
	    margin: 0 0;
	}
	#productBox .productinfo ul li .info{
	    padding: 20px;
	}
	#productBox .productinfo ul { margin: auto; width: 80%; }
	#productBox{
    padding: 45px 0;
}
	#bookBox .bookinfo ul li .img { margin: 30px; width: calc(100% - 60px); }
	#bookBox .bookinfo ul li .info { width: calc(100% - 60px); left: 30px; }
	#bookBox .bookinfo .btns { display: none; }
	#NewsBox ul li{
	    border-radius: 0px;
	}
	#NewsBox ul li a {padding: 10px 0;display: flex;flex-direction: column;}
	#NewsBox ul li a font.time { padding: 0; width: 100%; display: block; font-size: 12px; color: #aaaab9; }
	#NewsBox ul li a font.txt { width: 100%; display: block; }
	#NewsBox ul li a font.arrow { display: none; }
}
@media screen and (max-width:500px) {
	#productBox .productinfo ul { width: 100%; }
}