/*--banner-01--*/
@media screen and (min-width: 320px) {
	.swiper-banner{ position: relative;}
	i.pic-scale-banner{ padding-bottom: 39%;}
	.swiper-banner .swiper-pagination-banner{ position: absolute; bottom: 15px; z-index: 9; text-align: center; line-height: 0;}

	.swiper-pagination-banner span{ width: 40px; height: 3px; -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; background: #fff; opacity: 1;}
	.swiper-pagination-banner span.swiper-pagination-bullet-active{ background: #c3191e;}
	.banner-bg{height: auto; padding-bottom: 52%; background-position: center center; position: relative;-webkit-background-size: cover;	background-size: cover; /*background-image: url(../img/banner-001.gif);*/}
	.banner-txt{height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: 2;  background: url(../img/banner-shade.png) center center; text-align: center;}
	.banner-txt-dt{display: table; width: 100%; height: 100%;}
	.banner-txt-dtc{ display: table-cell; vertical-align: middle;}
	.banner-txt img{max-width: 100%;}
	.banner-txt b{ display: block; color: #fff; font-weight: normal; font-size: 6vw; line-height: 1.6; letter-spacing:1vw;}
	.banner-txt span{text-transform: uppercase; display: block; color: #fff; font-size: 2vw; line-height: 1.6; letter-spacing:.2vw;}
	#banner_video{ height: auto; display: block; object-fit: none; background: #000; width: 100%; position: absolute; transform: translateY(-50%); top: 50%; display: none;}
	.swiper-banner { width: 100%;}
	.swiper-banner .more{ width: 13vw; height: 4vw; -webkit-border-radius: 2vw;	-moz-border-radius: 2vw;	border-radius: 2vw; position: absolute; left: 5.5vw; bottom: 14vw; z-index: 9;}
}

@media screen and (min-width: 992px) {
	.swiper-pagination-banner span{ width: 62px;}
	.swiper-banner .swiper-pagination-banner{bottom: 25px;}	.banner-bg{ padding-bottom: 52%; height: 0;  background-image: url(../img/banner-001.jpg);}	#banner_video{display: block;}		.banner-txt b{font-size: 36px;  font-size: 4vw;}	.banner-txt span{font-size: 14px; font-size: 1.4vw;}		.swiper-banner .more{ width: 12.9%; height: 0; padding-bottom: 4%; -webkit-border-radius: 2vw;	-moz-border-radius: 2vw;	border-radius: 2vw; left: 5.7%; bottom: 26%; }
	
	
	i.pic-scale-banner{ padding-bottom:calc(100vh - 135px);}
}


@media screen and (min-width: 1240px) {
	.ind-banner-bg{ padding-bottom: 0; height: 465px;}
	/*i.pic-scale-banner{ padding-bottom: 740px;}*/
	.banner-bg{ padding-bottom: 740px;}
	.swiper-banner .swiper-pagination-banner{bottom: 30px;}		.banner-txt b{font-size: 48px;  font-size: 4vw;}	.banner-txt span{font-size: 18px; font-size: 1.4vw;}
	
	
	i.pic-scale-banner{ padding-bottom:calc(100vh - 160px);}
}
/*--/banner-01--*/



/* 鐝犳捣鍏嶇◣ */
@media screen and (min-width: 320px) {
	.ind-box-bd{ padding: 30px 0;}
	.ind-box-bd-02{ padding: 30px 0 0 0;}
	.ind-tit{ display: flex; flex-direction: column;}
	.ind-tit .en{ display: flex; justify-content: center; text-transform: uppercase; color: #c3191e; font-weight: bold; font-size: 28px; line-height: 1.2;}
	.ind-tit .cn{ display: flex; justify-content: center; font-size: 20px; color: #3f3f3f; line-height: 1.2; padding-top: 10px;}
	
	.ind-about-box .txt{display: flex; flex-direction: column; padding-top: 15px;}
	.ind-about-box .txt dt{}
	
	.ind-about-box .txt dd{ padding-top: 15px; line-height: 1.98; color:#3f3f3f; font-size: 14px !important; text-align:justify;}
	
	.ind-about-box .txt dd *{ color:#3f3f3f; line-height: 1.98;}
	
	i.pic-scale-ind-01{padding-bottom:100%;}
}


@media screen and (min-width: 992px) {
	.ind-box-bd{ padding: 50px 0;}
	.ind-box-bd-02{ padding: 50px 0 0 0;}
	.ind-about-box .txt{ flex-direction: row-reverse; padding-top: 30px;}
	.ind-about-box .txt dd{ padding-right: 50px; padding-top: 0;}
	.ind-about-box .en{ font-size: 36px;}
	.ind-about-box .cn{ font-size: 24px;}
	
	
	.ind-about-box .txt dt{ flex-basis: 38%; max-width:38%; flex-shrink: 0; display:flex;}
	.ind-about-box .txt dd{ flex-basis: 62%; max-width:62%; flex-shrink: 0;}
	
	
	/*i.pic-scale-ind-01{padding-bottom:0; height:auto;}*/
}

@media screen and (min-width: 1240px) {
	.ind-box-bd{ padding: 75px 0;}
	.ind-box-bd-02{ padding: 75px 0 0 0;}
	.ind-about-box .txt{ padding-top: 50px;}
	.ind-about-box .txt dd padding-right: 75px; text-align:justify;}
	.ind-tit .en{ font-size: 36px;}
	.ind-tit .cn{ font-size: 24px;}
	
}

@media screen and (min-width: 1540px) {
	/*.ind-box-bd{ padding: 100px 0;}*/
	.ind-box-bd-02{ padding: 100px 0 0 0;}
	.ind-container{width: 1460px;}
	.ind-about-box .txt{ padding-top: 80px;}
	.ind-about-box .txt dd{padding-right: 100px;}
	.ind-tit .en{ /*font-size: 46px;*/}
	.ind-tit .cn{ /*font-size: 32px;*/}
	
}
/* /鐝犳捣鍏嶇◣ */



/* 鍦板尯鍒嗙被 */
@media screen and (min-width: 320px) {
	.ind-area-box ul{display: flex; flex-wrap: wrap;}
	.ind-area-box li{flex-basis: 33.333%; flex-shrink: 0;}
	.ind-area-box li a{ display: block; position: relative;}
	.ind-area-box li .shade{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}
	.ind-area-box li .txt span{display: block; color: #fff; line-height: 1.4; font-size: 14px;}
	i.pic-scale-area{padding-bottom: 45vw;}
	.ind-area-box li .shade{ background: rgba(51,51,51,.6);}
}


@media screen and (max-width: 991px) {
/*	.ind-area-box li:nth-child(4),.ind-area-box li:nth-child(5){flex-basis: 50%;}*/
}

@media screen and (min-width: 992px) {
	i.pic-scale-area{padding-bottom: 156.25%;}
	.ind-area-box ul{flex-wrap:nowrap;}
	.ind-area-box li{ flex-basis: auto; flex-grow:1;}
	
	.ind-area-box li .txt span{ font-size: 18px;}
	.ind-area-box li .shade{opacity: 0;}
	.ind-area-box li a:hover .shade{opacity: 1;}
}

@media screen and (min-width: 1240px) {
	
	.ind-area-box li .txt span{ font-size: 28px;}
}

@media screen and (min-width: 1540px) {
	
	.ind-area-box li .txt span{ /*font-size: 42px;*/}
	
}
/* /鍦板尯鍒嗙被 */


/* 闆嗗洟鏂伴椈 */
@media screen and (min-width: 320px) {
	.ind-news-box .list{ padding-top: 20px;}
	.ind-news-box .list ul{ margin: -10px;}
	.ind-news-box .list li{ padding: 10px;}
	.ind-news-box .list dd{ padding-top: 10px;}
	.ind-news-box .list dd b{ color: #c3191e; display:block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; text-align:justify; height:48px;}
	.ind-news-box .list dd div{display: flex; justify-content: space-between; padding-top: 5px; align-items: center;}
	.ind-news-box .list dd div small{ font-size: 12px; color: #3f3f3f;}
	.ind-news-box .list dd div span{ padding: 0 14px; height: 30px; background: #c3191e; border-radius: 15px; color: #fff; font-size: 12px; display:flex; align-items: center;}
	
	i.pic-scale-news{ padding-bottom: 71.43%;}
	
	.ind-news-box .list li a{display:block;}
}

@media screen and (min-width: 992px) {
	.ind-news-box .list{ padding-top: 40px; display: flex; width:100%;}
	.ind-news-box .list ul{ margin:0 -10px; display: flex; flex:1;}
	.ind-news-box .list li{ padding:0 10px; flex-basis: 33.33333%; max-width:33.3333%; flex-shrink: 0;}
	
	.ind-news-box .list dd b{/*font-size: 16px; height: 64px;*/}
	.ind-news-box .list dd div small{/*font-size: 12px;*/}
	.ind-news-box .list dd div span{font-size: 14px;}
}

@media screen and (min-width: 1240px) {
	.ind-news-box .list{ padding-top: 60px;}
	.ind-news-box .list ul{ margin:0 -15px;}
	.ind-news-box .list li{ padding:0 15px;}
	.ind-news-box .list dd{ padding-top: 15px;}
	.ind-news-box .list dd b{/*font-size: 18px; height: 72px;*/}
	.ind-news-box .list dd div{ padding-top: 10px;}
	.ind-news-box .list dd div small{/*font-size: 14px;*/}
	.ind-news-box .list dd div span{font-size: 14px; line-height: 34px; height:34px;}
}

@media screen and (min-width: 1540px) {
	.ind-news-box .list{ padding-top: 80px;}
	.ind-news-box .list ul{ margin:0 -20px;}
	.ind-news-box .list li{ padding:0 20px;}
	
	.ind-news-box .list dd{ padding-top: 20px;}
	.ind-news-box .list dd b{/*font-size: 28px; height: 98px;*/}
	.ind-news-box .list dd div small{/*font-size: 20px;*/}
	.ind-news-box .list dd div{ padding-top: 15px;}
	.ind-news-box .list dd div span{ /*font-size: 18px;*/}
}
/* /闆嗗洟鏂伴椈 */


/* 濯掍綋鎶ラ亾 */
@media screen and (min-width: 320px) {
	
	.ind-tit-02{ display: flex; align-items: flex-end;}
	.ind-tit-02 .cn{ font-size: 20px; color: #c3191e; padding-right: 10px; line-height: 1; font-weight: bold;}
	.ind-tit-02 .en{ font-size: 12px; text-transform: uppercase; color: #999; line-height: 1; padding-right: 20px;}
	.ind-tit-02 .link{ font-size: 14px; color: #c3191e; line-height: 1;}
	
	.ind-media-box .list{ padding-top: 20px;}
	.ind-media-box .list ul{ margin: -10px;}
	.ind-media-box .list li{ padding: 10px;}
	.ind-media-box .list li dl{display: flex;}
	.ind-media-box .list li dt{width: 80px; flex-shrink: 0;}
	.ind-media-box .list li dd{ padding-left: 15px; flex:1;}
	.ind-media-box .list li dd b{color: #3f3f3f; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 14px; font-weight: normal; line-height: 1.6; text-align:justify;}
	.ind-media-box .list dd small{ font-size: 12px; color: #3f3f3f; padding-top: 5px; display: block;}
	
	.ind-media-box .box-r{ margin-top: 20px;}
	
	.ind-media-box .list li a:hover b{color: #c3191e;}
	
	.swiper-media .swiper-slide a{display: block; position: relative;}
	.swiper-media .swiper-slide span{ line-height: 40px; padding: 0 100px 0 15px; background: #c3191e; position: absolute; left: 0; bottom: 0; right: 0; color: #fff; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; font-size:14px;}
	
	.swiper-media div.media-pagination{ right: 15px; bottom: 15px; z-index: 9; width: auto; position: absolute; left: auto; height: 8px; height: 10px;}
	
	.swiper-media div.media-pagination span.swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 50%; line-height: 0; overflow: hidden; margin: 0 0 0 10px; float: left; opacity: 1; background: #fff;}
	.swiper-media div.media-pagination span.swiper-pagination-bullet-active{ background: #ccc;}
	
}

@media screen and (min-width: 992px) {
	.ind-media-box{display: flex;}
	.ind-media-box .box-l{flex-basis: 57%; max-width:57%; flex-shrink: 0; padding-right: 30px;}
	.ind-media-box .box-r{ flex-basis: 43%; max-width:43%; flex-shrink: 0; margin-top: 0; min-width: 0;}
	
	.ind-tit-02 .cn{ font-size: 24px; padding-right: 10px;}
	.ind-tit-02 .en{ font-size: 14px; padding-right: 20px;}
	.ind-tit-02 .link{ font-size: 16px; }
	
	.ind-media-box .list li dd{ padding-left: 20px;}
	.ind-media-box .list li dd b{ /*font-size: 16px;*/}
	.ind-media-box .list dd small{/*font-size: 16px;*/}
	
	.ind-media-box .list li dt{width: 98px;}
}

@media screen and (min-width: 1240px) {
	.ind-media-box .box-l{ padding-right: 40px;}
	
	.ind-tit-02 .cn{ font-size: 28px; padding-right: 15px;}
	.ind-tit-02 .en{ font-size: 16px; padding-right: 30px;}
	.ind-tit-02 .link{ font-size: 18px; }
	
	.ind-media-box .list li dd{ padding-left: 25px;}
	.ind-media-box .list li dd b{ /*font-size: 16px;*/}
	.ind-media-box .list dd small{/*font-size: 14px;*/}
	
	.ind-media-box .list{ padding-top: 35px;}
	.ind-media-box .list ul{margin: -10px;}
	.ind-media-box .list li{ padding: 10px;}
	.ind-media-box .list li dt{width: 110px;}
	
	
	.swiper-media .swiper-slide span{ height: 60px; line-height: 60px; /*font-size: 16px;*/ padding-left: 20px; padding-right: 100px;}
	.swiper-media div.media-pagination{ right: 20px; bottom: 24px; height: 12px;}
	.swiper-media div.media-pagination span.swiper-pagination-bullet{ margin-left: 10px; width: 12px; height: 12px;}
}

/*
@media screen and (min-width: 1540px) {
	.ind-media-box .box-l{ padding-right: 60px;}
	
	.ind-tit-02 .cn{ font-size: 34px; padding-right: 20px;}
	.ind-tit-02 .en{ font-size: 18px; padding-right: 40px;}
	.ind-tit-02 .link{ font-size: 20px; }
	
	.ind-media-box .box-l{ flex-basis: 880px; max-width:880px;}
	.ind-media-box .box-r{flex-basis: 550px; max-width:550px;}
	
	.ind-media-box .list li dd{ padding-left: 30px;}
	.ind-media-box .list li dd b{ font-size: 22px;}
	.ind-media-box .list dd small{font-size: 18px; padding-top: 10px;}
	
	.ind-media-box .list{ padding-top: 45px;}
	.ind-media-box .list ul{margin: -22px;}
	.ind-media-box .list li{ padding: 22px;}
	.ind-media-box .list li dt{width: 124px;}
	
	.swiper-media .swiper-slide span{ height: 80px; line-height: 80px; padding-right: 150px; padding-left: 40px;}
	
	.swiper-media div.media-pagination{right: 40px; bottom: 33px;}
	
}
*/

/* /濯掍綋鎶ラ亾 */


/* 涓氬姟棰嗗煙 */
@media screen and (min-width: 320px) {
	.ind-business-list{ padding-top: 20px; padding-bottom:20px;}
	.ind-business-list ul{display: flex; flex-wrap: wrap;}
	.ind-business-list li{ flex-basis: 33.33333%; flex-shrink: 0;}
	.ind-business-list li a{display: block; position: relative;}
	.ind-business-list li .shade{display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;}
	.ind-business-list li .txt{max-width:60%;}
	.ind-business-list li .txt span{display: block; color: #fff; font-size: 14px; text-transform: uppercase; margin:0 auto;}
	.ind-business-list li .txt span:nth-child(1),.ind-business-list li .txt span *{line-height:1.1; display:block;}
	i.pic-scale-area{}
	.ind-business-list li .shade{ background: rgba(195,25,30,.8);}
	
	.ind-business-list li .shade{opacity: 0;}
	.ind-business-list li a:hover .shade{opacity: 1;}
	
	.ind-business-list li:nth-child(1),.ind-business-list li:nth-child(2){flex-basis: 50%;}
	i.pic-scale-business{ padding-bottom:33.333333vw;}
}

@media screen and (min-width: 640px) {
	.ind-business-list{ padding-top: 30px; padding-bottom:30px;}
	.ind-business-list li{ flex-basis: 33.333333%;}
	.ind-business-list li .txt span{font-size: 16px;}
}

@media screen and (min-width: 992px) {
	.ind-business-list{ padding-top: 40px; padding-bottom:40px;}
	.ind-business-list li .txt span{font-size: 20px;}
	
	i.pic-scale-business{ padding-bottom:360px;}
	
	
	
	
}

@media screen and (min-width: 1240px) {
	.ind-business-list{ padding-top: 50px;}
	.ind-business-list li .txt span{font-size: 24px;}
}

@media screen and (min-width: 1540px) {
	.ind-business-list{ padding-top: 60px;}
	.ind-business-list li .txt span{/*font-size: 38px;*/}
}
/* /涓氬姟棰嗗煙 */



@media screen and (min-width: 320px) {
	
}

@media screen and (min-width: 992px) {
	
}

@media screen and (min-width: 1240px) {
	
}

@media screen and (min-width: 1540px) {
	
}