/*ind-swiper*/
@media screen and (min-width: 320px) {
	.banner-bg{height: auto; padding-bottom: 80%; 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_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 .ind-pagination{ position: absolute; text-align: center;  bottom: 65px; z-index: 9;  display: none;}
	.ind-pagination span{ width: 28px; height: 10px; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; background: #fff; opacity: .5;}
	.ind-pagination span.swiper-pagination-bullet-active{ background: #e25919; opacity: 1;}
	
	
	
	.search-bg{ background: #F5F6FA; padding: 10px; border-top: solid 1px #f0f0f3;}

	.search-bg .search-box{ width: 100%; position: relative;}

	.search-bg .search-box input{ width: 100%; border: solid 1px #f0f0f3; height: 30px; padding-right: 45px; padding-left: 15px;}

	.search-bg .search-box button{ position: absolute; right: 0; top: 0; width: 30px; background: none; border: none; height: 30px; line-height: 30px; color: #0172d1;}

	


	

	.search-btn .icon-search{ display: block;}

	.search-btn .icon-nav-close{ display: none;}

	
}

@media screen and (min-width: 992px) {
	.banner-bg{ padding-bottom: 0; height: 780px;  background-image: url(../img/banner-001.jpg);}
	.banner-txt{ padding-bottom: 0; height: 780px;}
	#banner_video{display: block;}
	
	
	
	
		.search-btn{display: block;}

	.search-btn i{ width: 24px; text-align: center;}

	.search-bg{display: block; position: absolute;  right: 0; top: -80px; display: block; width: 270px; -webkit-transform: translateY(-10px); transform: translateY(-10px); opacity: 0;}

	.search-bg-show{ top: 80px; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 9;}

	.search-bg button{ cursor: pointer;}

	

	

	.search-btn-on .icon-search{ display: none;}

	.search-btn-on .icon-nav-close{ display: block;}

	
}

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


/*四大金刚*/
@media screen and (min-width: 320px) {
	
	.ind-box-bd{ padding: 20px 0;}
	i.pic-scale-indlink{ padding-bottom: 66.67%;}
	.ind-link{ -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; -webkit-clip-path:inset(0 round 10px); clip-path:inset(0 round 10px); overflow: hidden;}
	.ind-link ul{ overflow: hidden;}
	.ind-link li{float: left; width: 50%;}
	.ind-link li a{ display: block; position: relative;}
	.ind-link li a .iconfont{ position: absolute; left: 50%; top: 50%; font-size: 40px; line-height: 100px; width: 100px; margin-left: -50px; margin-top: -50px; color: #fff; text-align: center; opacity: 0; z-index: 3;}
	.ind-link li a .ind-link-txt{ position: absolute; left: 0; top: 50%; text-align: center; width: 100%; margin-top: -20px; z-index: 3;}
	.ind-link li a .ind-link-txt b{display: block; font-size: 14px; color: #fff; line-height: 24px; padding: 0 20px;}
	.ind-link li a .ind-link-txt span{display: block; font-size: 12px; color: #fff; line-height: 16px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; padding: 0 20px;}
	
	.ind-link-shade{ position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; background: #004a96; opacity: .6; z-index: 2;}
	
	.ind-link li a:hover .ind-link-shade{ left: 0; top: 0; right: 0; bottom: 0;}
	.ind-link li a:hover .iconfont{-webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 1;}
	.ind-link li a:hover .ind-link-txt{-webkit-transform: translateY(20px); transform: translateY(20px);}
	
}

@media screen and (min-width: 992px) {
	
	.ind-link{ -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;  -webkit-clip-path:inset(0 round 20px); clip-path:inset(0 round 20px);}
	.ind-link li{ width: 25%;}
	.ind-link li a .iconfont{ font-size: 64px;}
	.ind-link-shade{ position: absolute; left: 30px; top: 30px; right: 30px; bottom: 30px; }
	.ind-link li a .ind-link-txt{ margin-top: -30px;}
	.ind-link li a .ind-link-txt b{ font-size: 22px; line-height: 36px;}
	.ind-link li a .ind-link-txt span{ font-size: 16px; line-height: 24px;}
	
	.ind-link li a:hover .iconfont{-webkit-transform: translateY(-35px); transform: translateY(-35px); opacity: 1;}
	.ind-link li a:hover .ind-link-txt{-webkit-transform: translateY(35px); transform: translateY(35px);}
	
}

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



/*美合动态*/
@media screen and (min-width: 320px) {
	
	.ind-mhdt-box{}
	.ind-mhdt-tit{text-align: center; color: #333; font-weight: bold; font-size: 18px;}
	
	i.pic-scale-mhdt{ padding-bottom: 64.34%;}
	.ind-mhdt-list{ overflow: hidden; padding-top: 10px;}
	.ind-mhdt-list ul{ margin: -10px;}
	.ind-mhdt-list li{ padding: 10px;}
	.ind-mhdt-list div{ padding-top: 5px;}
	.ind-mhdt-list li span{ font-size: 14px; display: block; line-height: 24px; color: #666;}
	.ind-mhdt-list li b{ font-weight: normal; color: #333; font-size: 14px; line-height: 24px; display: block; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; max-height: 48px;}
	
	.ind-mhdt-list li a:hover b{ color: #e15617;}
	
	.ind-mhdt-more{ text-align: center; padding-bottom: 20px; padding-top: 20px;}
	.ind-mhdt-more a{ display: block; width: 150px; margin: 0 auto; line-height: 46px; border: solid 1px #00144c; color: #00144c; text-align: center; font-size: 16px;}
	.ind-mhdt-more a:hover{ background: #e15617; color: #fff; border-color: #e15617;}
}

@media screen and (min-width: 992px) {
	
	.ind-mhdt-tit{ font-size: 22px;}
	.ind-mhdt-list ul{ margin: -20px;}
	.ind-mhdt-list li{ padding: 20px; float: left; width: 33.333%;}
	
	.ind-mhdt-list div{ padding-top: 10px;}
	.ind-mhdt-list li span{ font-size: 16px; padding-bottom: 3px;}
	.ind-mhdt-list li b{ font-size: 16px;}
	
	.ind-mhdt-more{ padding-top: 0;}
}

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