body .bx-wrapper .bx-pager.bx-default-pager a:hover,
body .bx-wrapper .bx-pager.bx-default-pager a.active{background: #f8c800;}

.index-photo{width: 100%;display: flex;flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: center;font-size: 0;}
.index-photo .box{/*max-width: 25%;*/max-width: 16.66%;height: 375px;flex-grow: 1;}
.index-photo .box .img{display: flex;/*align-items: center;*/justify-content: left;top: 0;left: 0;width: 100%;height: 100%;}
.index-photo .box .img img{width: 100%;}
.index-photo .box .word{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;top: 0;right: 0;width: 100%;height: 100%;box-sizing: border-box;padding-right: 6.5%;}
.index-photo .box .word .bf{font-family: "PierSans-Bold";font-size: 41px;color: #fce442;text-align: right;}
.index-photo .box .word .more{margin-bottom: 5%;}

.index-info .i-title{ color: #fff; }
.i-title{margin-bottom: 60px;font-family: "PierSans-Bold";font-size: 40px;color: #fce442;text-transform: uppercase;}

.index-product{background: #f1f1f1;padding:60px 0 0;background: url(../images/products_bg.jpg) no-repeat; background-size: cover;}
.index-product .list{}
.index-product .list .box{height: 350px;/*width: 23.75%;*/width: 23.75%;/*margin-left: 1.65%;*/margin-left: 0.8%;/*padding-bottom: 35px;*/margin-bottom: 50px;/*background: #fff;*/}
.index-product .list .box .img{ /*border: 1px solid #fff;*/ }
.index-product .list .box .img a{ display: block;  }
.index-product .list .box .img a img{ border: 1px solid #fff; max-width: 99.0% }
.index-product .list .box:nth-child(4n+1){ margin-left: 0; }
.index-product .list .box:first-child{margin-left: 0;}
.index-product .list .box .word{max-width: 90%;margin:20px auto 0;}
.index-product .list .box .word .name{font-family: "OpenSans-Bold";font-size: 18px;color: #333;margin-bottom: 10px; text-align: center; color: #f8c800; }
.index-product .list .box .word .bf{height: 48px;font-family: "Opensans-Regular";font-size: 16px;color: #333; text-align: center; color: #fff; }

.index-about{padding-top: 65px;background: url(../images/about_bg.jpg) no-repeat;background-size: cover;border-top: 2px solid #f7c700;}
.index-about .word{width: 43.6667%;}
.index-about .word .title{margin: 15px 0;font-family: "PierSans-Regular";font-size: 16px;color: #fff;}
.index-about .word .brief{margin-bottom: 30px;font-family: "PierSans-Bold";font-size: 48px;color: #ecda0c;}
.index-about .word .w_tab{padding-bottom: 15px;}
.index-about .word .w_tab .t{font-family: "Opensans-Regular";font-size: 16px;color: #fffffd;cursor: pointer;}
.index-about .word .w_tab .t.on{color: #f7ef16;}
.index-about .word .w_tab .t + .t{margin-left: 90px;}
.index-about .word .w_tab:before{width: 100%;height: 4px;position: absolute;left: 0;bottom: 0;border-radius: 10px;background: #d4d4d4;content: '';}
.index-about .word .w_tab .line{width: 0%;height: 4px;position: absolute;left: 0;bottom: 0;border-radius: 10px;background: #f8c800;content: '';transition: all .5s;}
.index-about .word .w_txt{margin:25px 0 0;/*height: 210px;*/}
.index-about .word .w_txt .txt_box{position: absolute;top: 0;right: 100%;width: 100%;/*bottom: 100%;*/line-height: 170%;font-family: "Opensans-Regular";font-size: 16px;color: #9b9b9b;}
.index-about .word .w_txt .txt_box .over{/*max-height: 110px;*/font-family: "Opensans-Regular";color: #fffffd;}
.index-about .word .w_txt .txt_box.visable{position: relative;right: 0;/*bottom: 0%;*/}
.index-about .word .w_txt .txt_box .more{width: 100%;max-width: 180px;padding:3% 0;margin-top: 25px;background: #f8c800;font-family: "Opensans-Regular";font-size: 20px;color: #000;border-radius: 100px;}
.index-about .img{display: none;width: 54.1667%;max-width: 780px;box-sizing: border-box;padding:0 10px;margin:0 auto;font-size: 0;}
.index-about .img.show{ display: block; }
.index-about .img img{position: relative;z-index: 10;}
.index-about .img span{}
.index-about .img span:after,
.index-about .img span:before{position: absolute;width: 84px;height: 84px;background:#f8c800;transition: all 1.2s;content: "";}
.index-about .img span.top:after{top: -10px;left: -10px;}
.index-about .img span.top:before{top: -10px;right: -10px;}
.index-about .img span.bottom:after{bottom: -10px;left: -10px;}
.index-about .img span.bottom:before{bottom: -10px;right: -10px;}
.index-about .img:hover span:after,
.index-about .img:hover span:before{width: 60%;height: 60%;}

.index-about .about_list{ margin: 20px 0 50px; }
.index-about .about_list .item{margin-left: 40px;max-width: 256px; max-height: 160px; }
.index-about .about_list .item:first-child{ margin-left: 0; }

.index-banner{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; }

.index-info{padding:60px 0 75px;background: url(../images/products_bg.jpg) no-repeat; background-size: cover;}
.index-info .list{}
.index-info .list .box{width: 31.9444%;/*-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;*/}
.index-info .list .box + .box{margin-bottom: 20px;margin-left: 2%;}
.index-info .list .box:nth-child(3n+1){ margin-left: 0; }
.index-info .list .box .txt{margin-bottom: 20px;box-sizing: border-box;padding: 25px /*6.5%*/ 0 0;}
.index-info .list .box .txt .sta{width: 46px;line-height: 24px;margin-bottom: 5px;/*background: #f8c800;*/font-size: 14px;color: #fce442;}
.index-info .list .box .txt .name{max-height: 55px;font-size: 20px;color: #fff;font-family: "OpenSans-Bold";text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-info .list .box .txt .time{padding-top: 7px;font-size: 14px;color: #fce442;font-family: "OpenSans-Regular";}
.index-info .list .box .img{overflow: hidden;width: 100%;height: 300px;}

@media screen and (max-width: 1500px){
	.index-photo .box .word .bf{ font-size: 26px; }
	.index-photo .box .word .more{ max-width: 40px; }
}

@media screen and (max-width: 1440px) {
	.wrap.i-wrap{width: 96%;}
	.index-about .about_list .item{margin-left: 2%; width: 18%; }
}
@media screen and (max-width: 1280px) {
	#header .search_box .search input[name=Keyword]{ width: 75px; }

	.index-product .list .box{ margin-bottom: 0px; }
}



@media screen and (max-width: 1000px) {
	.index-photo .box .img img{ width: 100%; }
	.index-photo .box{max-width: 33%;}
	.index-about .img{width: 100%;float: none;margin-bottom: 30px;}
	.index-about .word{width: 100%;float: none;}
	.index-about .word .w_tab{float: none;}
	.index-about .word .w_tab .t{max-width: 27%;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.index-about .word .w_tab .t + .t{margin-left: 9%;}
}
@media screen and (max-width: 768px) {
	.index-info .list .box{width: 100%;margin-bottom: 15px;}
	.index-info .list .box + .box{margin-left: 0;}

	.index-product .list .box{ margin-bottom: 30px; height: 280px; }

	.index-about .about_list .item:first-child{margin-left: 0%;}
	.index-about .about_list .item{max-width: none;max-height: none;width:100%;margin: 0 0 15px;}
	.index-info .list .box .img{ text-align: left;height: auto; }

	.banner .abs .content{ bottom: 10px; }
	.banner .abs .content .title{font-size: 32px!important;}
	.banner .abs .content .desc{ font-size: 18px!important; }


}
@media screen and (max-width: 640px) {
	.index-photo .box{max-width: 100%;}
	.i-title{font-size: 26px;margin-bottom: 30px;}
	.index-product{padding: 35px 0;}
	.index-product .list .box{width: 48.75%;margin-bottom: 15px;padding-bottom: 15px;}
	.index-about .word .brief{font-size: 32px;}
	.index-about .word .w_txt .txt_box .more{max-width: 100%;}
	.index-info{padding:30px 0;}
}


@keyframes jackInTheBox {
	from {
		opacity: 0;
		transform: scale(0.1) rotate(30deg);
		transform-origin: center bottom;
	}

	50% {
		transform: rotate(-10deg);
	}

	70% {
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes jackInTheBox1 {
	from {
		transform: scale(1.1);
	}
	to {
		transform: scale(1.0);
	}
}
/*.banner img{ animation: jackInTheBox1 5s infinite; }*/
/*.banner .bx-wrapper .bx-viewport{ overflow: hidden; }
.banner .bxslider_1 { overflow: hidden; }
.banner .bx-wrapper .bx-viewport img{ transform: scale(1.1); }*/
/*.banner .bx-wrapper .bx-viewport .slider{ margin-bottom: 0!important; }*/
.banner .bx-wrapper  img{ transform: scale(1.1); }
.banner .bx-wrapper .cur img{  animation: jackInTheBox1 10s infinite; }
.banner .abs{ position: relative; }
.banner .abs .content{ position: absolute; left: 10%; bottom: 100px;opacity: 0; animation: flash 3s infinite forwards;animation-iteration-count: 1; }
.banner .abs .content .title{ color: #fff; font-size: 80px; font-weight: bold; }
.banner .abs .content .desc{ color: #fff; font-size: 48px; font-weight: bold; text-align: center; }
@keyframes flash {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media screen and (max-width: 550px){
	.index-product .list .box{margin-bottom: 180px; width: 100%; float: none; }
}