@charset "utf-8";

#ibanner .bx-controls{display: none;}
.justify{display: inline-block;width: 100%;}
#banner_1{margin-top: 22px;text-align: center;}
#banner_1 .list{display: inline-block;vertical-align: middle;overflow: hidden;}
#banner_1 .list:hover img{transform: scale(1.03);}
#banner_1 .list.l1{float: left;}
#banner_1 .list.l2{}
#banner_1 .list.l3{float: right;}
#banner_1 .list.l1 .photo{width: 267px;height: 320px;text-align: center;display: block;}
#banner_1 .list.l2 .photo{width: 599px;height: 320px;text-align: center;display: block;}
#banner_1 .list.l3 .photo{width: 267px;height: 320px;text-align: center;display: block;}
#banner_2{margin: 35px auto 41px;text-align: justify;}
#banner_2 .list{display: inline-block;vertical-align: middle;width: 584px;height: 327px;overflow: hidden;float: left;width: calc( 50% - 17.5px );}
#banner_2 .list:first-child{margin-right: 2%;}
#banner_2 .list:hover img{transform: scale(1.03);}

.index-banner.index_ban_m{ display: none; }

.index_pro .swiper-button-prev, .index_pro .swiper-button-next{ top:42%; }
.index_pro .swiper-button-next:after, .index_pro .swiper-button-prev:after{ color:#000; }
.index_pro{ margin-bottom: 49px; }
.index_pro .title{ font-size: 30px;text-align: center;}
.index_pro .cate{text-align: center;}
.index_pro .cate .item{display: inline-block;margin: 16px 20px 11px;font-size: 15px;color: #555555;cursor: pointer;}
.index_pro .cate .item.on{color: #1A8D56;}
.index_pro .content{}
.index_pro .content .list{position: relative;float: left;width: 273px; padding: 15px 0 8px 0; }
.index_pro .content .list:first-child{margin-left: 0;}
.index_pro .content .list .photo{width: 273px;height: 273px;}
.index_pro .content .list .name{margin: 15px 0;text-align: center; min-height: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.index_pro .content .list .name.text-over{ white-space: unset; }
.index_pro .content .list .name a{font-size: 13px;}
.index_pro .content .list .bg{position: absolute;top: 15px;left: 0;}
.index_pro .content .list:hover .bg{width: 273px;height: 273px;background: rgba(255,255,255,.47);}
.index_pro .content .list .more{text-align: center;opacity: 0;}
.index_pro .content .list:hover .more{opacity: 1;}
.index_pro .content .list:hover a{text-decoration: underline;}
.index_pro .content .detail{ overflow: hidden;*visibility: hidden; opacity: 0; height: 0; text-align: center; }
.index_pro .content .detail.on{ visibility: visible; opacity: 1; height: auto; }
.index_pro.top_pro .title{margin-bottom: 0;}
.index_pro.top_pro .photo .type_img{overflow: hidden;position: relative;padding-top: 100%;}
.index_pro.top_pro .photo .type_img .type_themeImg{position: absolute;width: 100%;height: 100%;margin-top: -100%;}
.index_pro .bx-wrapper .bx-pager{ display: none; }
.index_pro .bx-wrapper .bx-controls-direction a{ margin-top: unset; top: calc(50% - 33px); transform: translateY(-50%); }
.index_pro .bx-wrapper .bx-controls-direction a.disabled{ display: block; }
.index_pro .bx-wrapper .bx-prev:hover{ background-position: 0 -32px; }
.index_pro .bx-wrapper .bx-next:hover{ background-position: -43px -32px; }
.index_pro .cate_more{ box-sizing: border-box; display: inline-block; padding: 0 20px; font-size: 16px; line-height: 36px; border: 1px solid #1A8D56; text-align: center; }

.index_info{ text-align: center; }
.index_info .title{ font-size: 30px; line-height: 47px; }
.index_info .text{ font-size: 15px; margin-top: 20px; }

.index_image{ padding: 40px 0 48px; }
.index_image.index_image_m{ display: none; }

.index_story{text-align: center; padding: 60px 0 51px;}
.index_story .little_title{margin: 15px 0 10px;font-size: 14px;font-family: 'Poppins-Light';color: #777777;}
.index_story .title{}
.index_story .title span{font-size: 30px;}
.index_story .title .border{width: 66px;margin: 18px auto 0;border-bottom: 2px solid #1A8D56;}
.index_story .brief{margin: 15px auto 25px;line-height: 30px;color: #666666;font-family: 'Poppins-Light';width: 900px;}
.index_story .more{margin-bottom: 69px;}
.index_story .more a{font-size: 12px;color: #333333;text-decoration: underline;}
.index_story .story_video{ width: 50%; position: relative; padding-top: 30%; }
.index_story .story_video iframe{ width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.index_story .story_img{ width: 50%; position: relative; padding-top: 30%; }
.index_story .story_img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.banner_title{ font-size: 30px; text-align: center; text-transform: uppercase; }

.index_news{}
.index_news .title{margin: 10px 0 19px 0;font-size: 30px;text-align: center;}
.index_news .content{margin-bottom: 60px;}
.index_news .content .list{float: right;width: 45%;}
.index_news .content .list:first-child{float: left;}
.index_news .content .list .date{float: left;width: 61px;margin: 0 7px;text-align: center;}
.index_news .content .list .date .day{font-size: 42px; line-height: 46px;}
.index_news .content .list .date .month{font-size: 14px;color: #ababab;text-transform: uppercase;letter-spacing: 2px;}
.index_news .content .list .detail{float: left;width: calc( 100% - 105px );margin-left: 30px;}
.index_news .content .list .detail .name{width: 75%;margin-bottom: 10px;line-height: 24px;max-height: 50px;overflow: hidden;}
.index_news .content .list .detail .name a{font-size: 20px;color: #333333; font-family: "OpenSans-Bold";}
.index_news .content .list .detail .brief{font-size: 14px;color: #666666;line-height: 24px;max-height: 70px;overflow: hidden; font-family: "OpenSans-Regular";}
.index_news .content .list .more{margin: 30px 0 0;}
.index_news .content .list .more a{font-size: 12px;color: #333333;text-decoration: underline;text-transform: uppercase;}
.index_news .content .list .news_img{ display: block; position: relative; height: 0; padding-top: 30%; margin-top: 16px; }
.index_news .content .list .news_img img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media(max-width: 1440px){
	#banner_1.w .list .photo{width: 100%;height: auto;margin: 0 auto;}
	#banner_1 .list.l1,
	#banner_1 .list.l3{width: 22.2%;}
	#banner_1 .list.l2{width: 50%;}
	#banner_2 .list{float: left;width: 49%;height: auto;max-width: 584px;}
	#banner_2 .list + .list{float: right;}

	.index_pro .content .list{width: 23%;}
	.index_pro .content .list .photo{width: 100%;height: auto;position: relative;}
	.index_pro .content .list:hover .bg{width: 100%;height: 100%;}
}
@media(max-width: 1200px){
	/*#banner_1 .list.l1,#banner_1 .list.l3{float: none;display: inline-block;}*/
	/*#banner_1 .list.l1,#banner_1 .list.l3{margin: 20px;}*/

	.index_pro .content{text-align: center;}
	/*.index_pro .content .list,.index_pro .content .list:first-child{float: none;display: inline-block;vertical-align: top;margin: 10px 80px;}*/
}
@media(max-width: 1000px){
	/*.index_pro .content .list,.index_pro .content .list:first-child{margin: 10px 20px;}*/
	#banner_1{margin-top: 50px;}
	.index_pro .title{margin-top: 25px;}
	.index_pro .cate .item{margin:10px;}
	.index_pro.top_pro .title{margin-bottom: 15px;}
	.index_story .more{margin-bottom: 30px;}
	.index_story .title .border{margin-top: 10px;}
	.index_news .title{margin-bottom: 35px;}
	.index_news .content{margin-bottom: 35px;}

	#banner_1 .list.l1,
	#banner_1 .list.l3{width: 46%;}
	#banner_1{max-width: 600px;}
	#banner_1 .list.l2{margin-top: 20px;width: 100%;}

	.index_pro .content .list{width: 48%;}
	.index_pro .content .list .more{opacity: 1;}
	.index_news .content{text-align: center;}
	.index_news .content .list,.index_news .content .list:first-child{float: none;}
	.index_news .content .list{display: inline-block;width: 90%;margin: 0 auto 20px;text-align: left;}
	
	.index_story .brief{width: 100%;}
	.index_story .story_video{ width: 100%; padding-top: 50%; }
	.index_story .story_img{ width: 100%; padding-top: 0; }
	.index_story .story_img img{ position: unset; top: 0; left: 0; transform: unset; width: 100%; }
}
@media(max-width: 768px){
	.index-banner{ display: none; }
	.index-banner.index_ban_m{ display: block; }

	#banner_2 .list{float: none;width: 100%;display: block;margin:10px auto;}
	#banner_2 .list + .list{float: none;}
	
	.index_image{ display: none; }
	.index_image.index_image_m{ display: block; }

	.index_pro .cate .item{margin: 5px;font-size: 13px;}

	.index_news .content .list{width: 100%;}
}
@media(max-width: 500px){
	#banner_1{margin-top: 30px;}
	#banner_2{margin-bottom: 10px;}
	.index_pro .title{margin-top: 15px;font-size: 24px;}
	.index_pro .cate .item{font-size: 12px;}
	.index_pro .content .list .more{width: 10%;margin: 0 auto;}
	.index_pro .content .list .more a{display: block;}
	.index_news .content{margin-bottom: 20px;}
	.index_story .title span,
	.index_news .title{font-size: 24px;}
	.index_news .content .list .date{width: 60px;margin:0;}
	.index_news .content .list .date .day{line-height: 1;font-size: 36px;}
	.index_news .content .list .detail{margin-left: 20px;width: calc( 100% - 80px );}
	.index_news .content .list .detail .name{width: 100%;margin-bottom: 0;line-height: 22px;max-height: 45px;}
	.index_news .content .list .more{margin-top: 7px;}
	/*.index_news .content .list + .list{padding-top: 10px;}*/
	/*#banner_1{margin-top: 20px;}
 	#banner_1 .list.l1, #banner_1 .list.l3{width: 45%;margin: 10px 5px;}
  	#banner_1 .list.l1 .photo, #banner_1 .list.l3 .photo{width: 100%;height: auto;}
	.index_pro .cate .item{margin: 10px 5px;}
	.index_pro .title{margin-top: 20px;}
	.index_pro .content .list{width: 140px;margin: 5px;}
	.index_pro .content .list .photo{width: 140px;height: 140px;}
	.index_pro .content .list:hover .bg{width: 140px;height: 140px;}
	.index_pro .content .list .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}*/
	.index_pro .content .list .name{margin: 5px 0;}
	.index_news .title{margin-bottom: 10px;}
	.index_info .title{ font-size: 24px; }
	.banner_title{ font-size: 24px; }
}