#first-box{background-image:url(/images/39/index-section01-bg.jpg);background-repeat:no-repeat;background-position:50% 100%;padding-bottom:60px;}
#first-box section >p{text-align:center;}
#first-box .aboutnewspro{margin-top:70px;overflow:hidden;}
#first-box .aboutnewspro #about{width:620px;float:left;}
#first-box .aboutnewspro #about .aboutus{overflow:hidden;position:relative;}
#first-box #about .aboutus .aboutcontrol{width:54%;float:left;height:198px;overflow:hidden;}
#first-box #about .aboutus .aboutimage{width:44%;float:right;height:198px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#first-box #about .aboutus .aboutcontrol .stxt,
#first-box #newshot .stxt,
#allporduct .stxt,
#book .stxt{color:#4e4e4e;font-size:22px;font-weight:normal;letter-spacing:0.2em;margin-top:19px;overflow:hidden;}
#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;}
#first-box #about .aboutus .aboutcontrol article{color:#484847;font-size:12px;position:relative;margin-top:25px;line-height:200%;overflow:hidden;}
#first-box #about .aboutus .aboutcontrol article h3{height:72px;overflow:hidden;font-weight:normal;margin-bottom:20px;font-size: 15px;line-height: 195%;}
#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: #46479a;font-size: 14px;line-height: 18px;}
#first-box .aboutnewspro #about .adPT{margin-top:10px;}
#first-box .aboutnewspro #about .adPT ul{height:414px;position:relative;}
#first-box .aboutnewspro #about .adPT li{position:absolute;left:0;top:0;height:200px;width:30%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#first-box .aboutnewspro #about .adPT li a{display:block;width:100%;height:100%;}
#first-box .aboutnewspro #about .adPT li:nth-child(2){left:32%;width:22%;}
#first-box .aboutnewspro #about .adPT li:nth-child(3){left:0;top:initial;bottom:0;width:54%;height:200px;}
#first-box .aboutnewspro #about .adPT li:nth-child(4){right:0;top:0;width:44%;height:100%;left:initial;}
#first-box .aboutnewspro #newshot{width:487px;float:right;}
#first-box #newshot .stxt a,
#allporduct .stxt a,
#book .stxt a{float:right;}
#first-box #newshot .stxt{margin-bottom:18px;}
#first-box #newshot li{overflow:hidden;padding:10px 0;}
#first-box #newshot li .date{float:left;color:#4e4d4c;font-size:18px;width:10%;}
#first-box #newshot li .date .big{font-size:25px;font-weight:bold;}
#first-box #newshot li .intro{float:right;width:88%;}
#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:#4e4d4c;font-size:18px;}
#first-box #newshot li .intro article{color: #6b6b6b;font-size: 15px;margin-top:5px;}
#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:80px 0 55px;}
#g-map {
    width: 100%;
}
#g-map iframe {
    width: 100%;
    height: 370px;
}
#allporduct .stxt{margin-bottom:20px;}
#product{}
#product .productList{overflow:hidden;}
#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;}
#product .productList .product-info .photo a{display:block;background-image:url(/images/39/index-product-hover.png);background-repeat:no-repeat;background-position:50% 50%;background-size:25%;background-color:rgba(70, 71, 154, 0.62);opacity:0;transition:all ease-in-out 0.3s;}
#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:#fab417;}
#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:-50%;}
}
@keyframes indexbg2{0%{transform:skewX(0deg);right:-300%;}
100%{transform:skewX(-60deg);right:-190%;}
}
#product .productList .product-info .product-detail .price p{
	text-align:right;
	font-size: 16px;
	color: #f00f0f;
}
#freebox h2{color:#c5af81;font-size:20px;letter-spacing:0.1em;text-align:center;}
#freebox .four{width:90%;margin:40px 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/39/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 article{text-align:center;color:#c5af81;font-size:15px;line-height:180%;}
#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{width:100%;margin-top:50px;overflow:hidden;}
#news{width:66%;float:left;}
#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{padding-bottom:100px;}
#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;}
}
@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;}
#product .productList .product-info:nth-last-child(1),
#product .productList .product-info:nth-last-child(2){display:none;}
#freebox .four{width:80%;}
}
@media screen and (max-width:768px){#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 #about .adPT ul{height:auto;}
#first-box .aboutnewspro #about .adPT li{position:initial;float:left;height:250px;width:40%;}
#first-box .aboutnewspro #about .adPT li:nth-child(2){width:57%;float:right;}
#first-box .aboutnewspro #about .adPT li:nth-child(3){margin-top:10px;width:60%;}
#first-box .aboutnewspro #about .adPT li:nth-child(4){width:38%;height:200px;float:right;margin-top:10px;}
#first-box #about .aboutus .aboutimage{width:100%;float:right;height:200px;}
#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;}
#product .productList .product-info:nth-last-child(3),
#product .productList .product-info:nth-last-child(4){display:none;}
#freebox .four li{width:80%;margin:0 10% 20px;}
#freebox .four li .border p{height:auto;}
#first-box #newshot li .date{width:15%;}
#first-box #newshot li .intro{width:83%;}
#first-box #about .aboutus .aboutcontrol .more{text-align:right;}
}