h2.boxTitle { font-size: 45px; line-height: 110%; color: #b5995a; }
h2.boxTitle img { margin-left: 20px; }

#first-box{background-repeat:no-repeat;padding-bottom: 0px;}
#first-box section >p{text-align:center;}
#first-box .aboutnewspro{margin-top:70px;overflow:hidden;}
#first-box .aboutnewspro #about{}
#first-box .aboutnewspro #about .aboutus{overflow:hidden;position:relative;}
#first-box #about .aboutus .aboutcontrol{}
#first-box #about .aboutus .aboutimage{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;box-shadow: 0 0 10px rgb(0 0 0 / 25%);border-radius: 35px;overflow: hidden;}
#first-box #about .aboutus .aboutimage img{width:100%}
#first-box #about .aboutus .aboutcontrol .stxt,
#first-box #newshot .stxt,
#allporduct .stxt,
#book .stxt{color: #fff;font-size: 28px;font-weight: bold;letter-spacing:0.2em;overflow:hidden;line-height: 100%;}
#first-box #about .aboutus .aboutcontrol .stxt span,
#first-box #newshot .stxt span,
#allporduct .stxt span,
#book .stxt span{display:inline-block;width:100px;height:1px;background:#c0c0c0;margin-top:10px;margin-left:10px;display: none;}
#first-box #about .aboutus .aboutcontrol article{color:#484847;font-size:12px;position:relative;margin-top:25px;line-height:200%;overflow:hidden;width: 100%;margin-bottom: 20px;}
#first-box #about .aboutus .aboutcontrol article h3{overflow:hidden;font-weight:normal;margin-bottom:20px;font-size: 16px;letter-spacing: 2px;line-height: 200%;text-align: justify;font-weight: bold;}
#first-box #about .aboutus .aboutcontrol .more{position:absolute;right:5px;bottom:0;line-height:12px;}
#first-box #about .aboutus .aboutcontrol .more a,
#first-box #newshot .stxt a,
#allporduct .stxt a,
#book .stxt a{color: #fff;font-size:12px;line-height:12px;background: #b11111;display: inline-block;padding: 10px 30px;border-radius: 5px;letter-spacing: 0;}
#first-box .aboutnewspro #about .adPT{}
#first-box .aboutnewspro #about .adPT ul{position:relative;overflow: hidden;}
#first-box .aboutnewspro #about .adPT li{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;float: left;width: calc((100%/3) - 20px);margin-right: 30px;border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px rgb(0 0 0 / 25%);}
#first-box .aboutnewspro #about .adPT li:last-child{margin-right:0;}
#first-box .aboutnewspro #about .adPT li a{display:block;}
#first-box .aboutnewspro #about .adPT li a img{width:100%;}
#first-box .aboutnewspro #newshot{
    margin-top: 50px;
}
#first-box #newshot .stxt a,
#allporduct .stxt a,
#book .stxt a{float:right;}
#first-box #newshot .stxt{margin-bottom: 40px;}
#first-box #newshot li{overflow:hidden;padding: 30px 50px;background: #232323;}
#first-box #newshot li:nth-child(even){background: #151515;}
#first-box #newshot li .date{float:left;color:#4e4d4c;font-size:18px;width: 10%;border-right: 3px solid rgb(255 255 255 / 15%);}
#first-box #newshot li .date p{
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
#first-box #newshot li .intro{float:right;width: calc(85% - 3px);}
#first-box #newshot li .intro h3,
#first-box #newshot li .intro article{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#first-box #newshot li .intro h3 a{color: #fff;font-size:18px;}
#first-box #newshot li .intro article{color:#8e8e8e;font-size:12px;margin-top:5px;display: none;}
#hotproduct{margin-top:18px;}
#hotproduct .hotproduct-List{}
#hotproduct .hotproduct-List h3{overflow:hidden;color:#fff;font-weight:normal;font-size:16px;}
#hotproduct .hotproduct-List h3 p{background:#c5af81;float:left;width:calc(35% - 30px);padding:5px 15px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#hotproduct .hotproduct-List h3 a{color:#fff;display:block;float:left;background:#575757;width:calc(65% - 30px);padding:5px 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#hotproduct .hotproduct-List .photo{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;display:block;}
#allporduct{padding: 170px 0 130px;position: relative;background-repeat: no-repeat;background-position: 50% 50%;}
#allporduct .stxt{margin-bottom:20px;}
#product .productList{overflow:hidden;margin-top: 60px;}
#product .productList .product-info{float:left;width:23.5%;margin-right:2%;margin-bottom:15px;}
#product .productList .product-info:nth-child(4n){margin-right:0;}
#product .productList .product-info .photo{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius: 15px;overflow: hidden;}
#product .productList .product-info .photo a{display:block;background-image:url(/images/05/index-product-hover.png);background-repeat:no-repeat;background-position:50% 50%;background-size:25%;background-color: rgb(68 68 68 / 70%);opacity:0;transition:all ease-in-out 0.3s;}
#product .productList .product-info .photo a img{width:100%;}
#product .productList .product-info:hover .photo a{opacity:1;}
#product .productList .product-info .product-detail{padding:15px;}
#product .productList .product-info:hover .product-detail{background-color:#e8e8e8;}
#product .productList .product-info .product-detail span{display:block;width:50px;height:3px;background:#c5af81;}
#product .productList .product-info .product-detail h3{font-weight:normal;margin-top:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#product .productList .product-info .product-detail h3 a{color:#1f1e1e;font-size:16px;}
#index-large{background:#152030;position:relative;padding:40px 0;overflow:hidden;z-index:1;}
#index-large:after{content:'';position:absolute;width:200%;height:50%;left:-170%;background:rgba(255,255,255,0.1);transform:skewX(80deg);z-index:-1;bottom:0;animation-name:indexbg1;animation-iteration-count:infinite;animation-duration:5s;animation-direction:alternate;}
#index-large:before{content:'';position:absolute;width:200%;height:100%;right:-190%;background:rgba(255,255,255,0.1);transform:skewX(-60deg);z-index:-1;bottom:0;animation-name:indexbg2;animation-iteration-count:infinite;animation-duration:5s;animation-direction:alternate;}
@keyframes indexbg1{
	0%{transform:skewX(50deg);left:-200%;height:100%;bottom:0;}
	50%{transform:skewX(80deg);left:-170%;height:50%;bottom:0;}
	100%{transform:skewX(80deg);left:-170%;height:50%;bottom:-30%;}
}
@keyframes indexbg2{
	0%{transform:skewX(0deg);right:-300%;}
	100%{transform:skewX(-60deg);right:-190%;}
}
#product .productList .product-info .product-detail .price { height: 25px; }
#product .productList .product-info .product-detail .price p{ display: inline-block; font-size: 16px; color: #777777; }
#product .productList .product-info .product-detail .price p b { font-size: 18px; color: #f00f0f; }
#product .productList .product-info .product-detail .price p.old { margin-right: 10px; text-decoration: line-through; color: #c4c1c1; }
#freebox .four h2{margin-bottom:20px;color:#c5af81;font-size:20px;letter-spacing:0.1em;text-align:center;}
#freebox .four{width:90%;margin:20px auto;}
#freebox .four ul{text-align:center;}
#freebox .four li{display:inline-block;width:calc(25% - 4px);}
#freebox .four li .border{border:2px solid #c5af81;background-image:url(/images/05/footer-bg.png);text-align:center;margin:10px 20px;padding:40px 20px 30px;}
#freebox .four li .border p{color:#fff;text-align:center;height:46px;overflow:hidden;margin-top:25px;font-size:8pt;}
#freebox .four li .border img { display: inline-block; }
#freebox article{text-align:center;color:#c5af81;font-size:15px;line-height:180%;}
#freebox .four .youtube { position: relative; margin: 30px auto; width: 55%; }
#youtube .UTwo{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
#youtube .UTwo a{display:block;width:100px;height:100px;text-align:center;line-height:100px;border-radius:50%;background:rgba(0,0,0,0.6);position:absolute;z-index:5;color:#dcdcdc;font-size:30px;left:calc(50% - 50px);top:calc(50% - 50px);transition:all linear .3s}
#youtube .UTwo a:hover{width:110px;height:110px;line-height:110px;left:calc(50% - 55px);top:calc(50% - 55px);font-size:34px}
#youtube .UTwo iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#book{margin:80px 0 20px;}
#book .stxt{color:#b5995a;margin-bottom:40px;}
#book .stxt span{background:#b5995a;}
#book .bookshow{position:relative;margin:0 10px;}
#book .bookshow .photo{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#book .bookshow .photo a{display:block;}
#book .bookshow .bookdetail{position:absolute;bottom:0;left:0;width:100%;background:rgba(255,255,255,0.7);padding:20px 0;transition:all ease-in-out 0.3s;}
#book .bookshow:hover .bookdetail{background:rgba(25,25,25,0.7);}
#book .bookshow .bookdetail h3{text-align:center;}
#book .bookshow .bookdetail h3 a{color:#252525;font-size:16px;}
#book .bookshow:hover .bookdetail h3 a{color:#fff;}
#book .bookshow .bookdetail p{text-align:center;}
#book .bookshow .bookdetail p a{color:#9b8146;font-size:12px;}

@media screen and (max-width:1366px){
	#first-box .aboutnewspro #about,
	#freebox .four{width:100%;}
	#first-box .aboutnewspro #newshot{}
	#news{}
	#hotproduct{width:30%;float:right;}
	#hotproduct .hotproduct-List h3 p{width:calc(50% - 30px);}
	#hotproduct .hotproduct-List h3 a{width:calc(50% - 30px);}
	#first-box{}
	#hotproduct .hotproduct-List h3{font-size:14px;}
}
@media screen and (max-width:1280px){
	#freebox .four{width:70%;}
	#freebox .four li{width:calc(50% - 4px);margin-bottom:20px;}
	#freebox .four .youtube { width: 100%; }
}
@media screen and (max-width:980px){
	#news{width:56%;}
	#hotproduct{width:40%;}
	#product .productList .product-info,
	#product .productList .product-info:nth-child(4n){width:31%;margin-right:3.3%;}
	#product .productList .product-info:nth-child(3n){margin-right:0;}
	#freebox .four{width:80%;}
}
@media screen and (max-width: 768px){
	#allporduct{padding: 50px 0;background-size: cover;}
	#first-box #newshot li .date{width: 100px;}
	#first-box #newshot li .intro{width: calc(100% - 155px);}
	#first-box #newshot li{padding: 30px;}
	#first-box .aboutnewspro{margin-top: 40px;}
	#news{width:100%;margin-bottom:30px;}
	#hotproduct{width:100%;}
	#product .productList .product-info,
	#product .productList .product-info:nth-child(3n),
	#product .productList .product-info:nth-child(4n){width:48.5%;margin-right:2%;}
	#product .productList .product-info:nth-child(2n){margin-right:0;}
	#product .productList .product-info .photo a{background-size:30%;}
	#freebox .four{width:80%;}
	#freebox .four li .border p{height:70px;}
	#first-box #newshot .stxt a, #allporduct .stxt a, #book .stxt a{margin-top:5px;}
	#freebox .four{width:90%;}
	#freebox .four li .border{margin:10px 10px;}
}
@media screen and (max-width:640px){
	#first-box .aboutnewspro{margin-top: 20px;}
	#first-box .aboutnewspro #about .adPT ul{height:auto;}
	#first-box .aboutnewspro #about .adPT li{
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}
	#first-box #about .aboutus .aboutimage{}
	#first-box #about .aboutus .aboutcontrol,
	#freebox .four{width:100%;}
	#first-box #about .aboutus .aboutcontrol{margin-bottom:20px;}
}
@media screen and (max-width:480px){
	#product .productList .product-info,
	#product .productList .product-info:nth-child(3n),
	#product .productList .product-info:nth-child(4n),
	#product .productList .product-info:nth-child(2n){width:100%;margin-right:0;}
	#freebox .four li{width:80%;margin:0 10% 20px;}
	#freebox .four li .border p{height:auto;}
	#first-box #newshot li .date{width: 100%;float: none;border: 0;}
	#first-box #newshot li .intro{width: 100%;margin-top: 5px;}
	#first-box #about .aboutus .aboutcontrol .more{position:initial;text-align:right;}
}