@charset "utf-8";
#product{background:url(../images/pro-bg.png);overflow:hidden}
.title{text-align:center;background:url(../images/title-bg.png) no-repeat center;background-size:contain;line-height:1.5;padding:38px 0;margin:50px 0}
.title .cn{font-size:50px;font-weight:bold}
.title .en{font-size:20px;letter-spacing:12px}
.product{}
.product li{}
.pro-img{overflow:hidden}
.pro-img img{display:block;max-width:100%;transition:0.5s all}
.product li:hover img{transform:scale(1.1)}
.pro-txt{text-align:center;margin:10px 0 40px}
.pro-name a{color:#fff;display:block;font-size:36px;line-height:2.6}
.pro-more{}
.pro-more a{display:inline-block;background:#FFBD33;width:80%;font-size:24px}
.pro-more a i{display:inline-block;width:18px;height:17px;background:url(../images/more.png);margin-left:20px;vertical-align:middle}
.pro-more a:hover{background:#fff;color:#333}
@media (max-width: 768px){
	#product{}
	.title{line-height:1.2;margin:20px 10px;padding:20px 0}
	.title .cn{font-size:30px}
	.title .en{letter-spacing:5px;font-size:16px}
	.product{}
	.product li{}
	.pro-img{}
	.pro-img img{}
	.pro-txt{margin-bottom:30px}
	.pro-name a{font-size:20px;line-height:2}
	.pro-more{}
	.pro-more a{font-size:16px}
}
#about{padding:50px 0}
.aboutL{float:left;width:55%}
.title2{line-height:1.2}
.title2 .cn{font-size:30px}
.title2 .en{font-size:18px}
#about h1{margin:10px 0}
.about-txt{font-size:14px}
.about-txt p{}
.about-more{display:block;background:#FFBD33;width:180px;font-size:16px;text-align:center;line-height:40px;margin-top:20px}
.about-more i{display:inline-block;width:18px;height:17px;background:url(../images/more.png);margin-left:10px;vertical-align:middle}
.aboutR{float:right;width:43%;position:relative}
.aboutR img{display:block;max-width:100%}
.aboutR p{position:absolute;right:0;bottom:20px;background:#FFBD33;max-width:90%;padding:0 20px;font-size:18px;box-sizing:border-box}
@media (max-width: 768px){
	#about{padding:20px 10px}
	.aboutL{width:100%}
	.title2{}
	.title2 .cn{}
	.title2 .en{}
	#about h1{}
	.about-txt{}
	.about-more{}
	.aboutR{width:100%;margin-top:20px}
	.aboutR img{width:100%}
	.aboutR p{font-size:14px;line-height:1.5;padding:5px 10px}
}
#video{background: url(../images/index-video-bg.jpg) no-repeat center;padding: 1px 0 50px;}
.video{}
.video img,.video video{display: block;max-width: 100%;margin: 0 auto;}
@media (max-width: 768px){
	#video{}
	.video iframe{
    height: 300px;
}
	.video img,.video video{}
}
#news{padding-bottom:70px}
.news{}
.newsL{}
.newsL img{display:block;max-width:100%}
.newsR{}
.newsR li{padding: 5px 20px;}
.newsR li  div{line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsR li div a{font-size:18px;font-weight:bold}
.newsR li  span{font-size:12px;color:#333}
.newsR li  p{font-size:16px;color:#999999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newsR li:first-child{background:#f2f2f2;padding:9px 20px 6px}
.page-box{margin:10px 0 0 20px;}
.pages{line-height:32px;display: inline-block;vertical-align: middle;}
.page-prev{border:1px solid #e5e5e5;float:left;width:40px;line-height:32px;height:32px;text-align:center;border-radius:15px 0 0 15px;background:url(../images/hover_left.png) no-repeat center;background-size:20px}
.page-num{border:1px solid #e5e5e5;border-left:0;float:left;width:30px;text-align:center}
.page-num-current,.page-num:hover{background:#FFBD34;border-color:#FFBD34;color:#333}
.page-next{border:1px solid #e5e5e5;float:left;width:40px;line-height:32px;height:32px;text-align:center;border-radius:0 15px 15px 0;background:url(../images/hover_right.png) no-repeat center;background-size:20px;border-left:0}
.page-yema{font-size:14px;margin:0 10px;display:inline-block;vertical-align: middle;}
.page-select{font-size:14px;display:inline-block;vertical-align: middle;}
.page-select input{width:28px;line-height:20px;padding:0;text-align:center;outline:0;border:1px solid #999;margin:0 3px}
.page-select button{border:1px solid #999;background:#fff;line-height:22px;padding:0px 5px;font-size:14px}
@media (max-width: 768px){
	#news{padding-bottom:30px}
	.news{padding:0}
	.newsL{}
	.newsL img{}
	.newsR{}
	.newsR li{padding:2px 10px}
	.newsR li div a{font-size:16px}
	.newsR li span{}
	.newsR li p{font-size:14px}
	.newsR li:first-child{margin-top:10px;padding:9px 10px 6px}
	.page-box{text-align:center;margin:0px auto;padding:0 10px;float:none;display:block;clear:both}
	.pages{display:inline-block}
	.pages-prev{}
	.page-num{}
	.page-next{}
	.page-yema{margin-top:0}
	.page-select{}
	.page-select input{}
	.page-select button{}
}