* {box-sizing: border-box;}
a{
	color: #354e64;
}
p {margin: 0;}
body{
	max-width: 1920px;
	margin: 0 auto
}
.top{
	left: 0
}
.wrapper {width: 1280px; margin: 0 auto; background: #fff;}
.title-box {width: 100%; height: 75px; border-top: 1px solid #ffd800; background: url(../image/dang_title_bg.png) repeat-y; line-height: 74px; position: relative;}
.title-box .more {color: #fff; float: right; font-size: 14px; background: url(../image/dang_title_icon.png) no-repeat center left; padding-left: 28px; transition: .2s; line-height: 24px; position: absolute; right: 20px; top: 25px;}
.title-box .more:hover {padding-left: 22px;}
.title-box img {position: absolute; left: 20px; top: 25px;}
.title-box h3{
	margin: 0;
	color: #f3df8b;
	padding-left: 20px;
}

.banner {width: 100%; height: 421px; background: url(../image/dang_banner.jpg) no-repeat center; overflow: hidden;}
.banner-text {display: block; margin: 208px auto 0;}
.part1 {width: 100%; min-height: 456px; background: url(../image/dang_part1_bg.jpg) no-repeat center; background-size: 100% 100%; background-color: #0080cc}
.part1 .wrapper .part1Con {padding: 20px; overflow: hidden;}
.swiper-container {width: 558px; height: 386px; float: left;}
.news-box {width: 650px; float: left; margin-left: 25px; height: 386px;}
.news-box li {border-bottom: 1px solid #dcdcdc; height: 160px; margin-bottom: 20px;}
.news-box li .tit * {color: #354e64;}
.news-box li .tit p:nth-child(1) {font-size: 18px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-box li .tit p:nth-child(2) {font-size: 16px;}
.news-box li .con {font-size: 14px; line-height: 24px; opacity: .7; margin-top: 20px; height: 48px; overflow: hidden;}
.news-box .more {color: #354e64; float: right; font-size: 14px; background: url(../image/dang_moreicon.png) no-repeat center left; padding-left: 28px; transition: .2s;}
.news-box .more:hover {padding-left: 22px;}
.part1 .swiper-slide {overflow: hidden;}
.part1 .swiper-slide a{
	display: block;
	height: 100%;
	position: relative;
}
.part1 .swiper-slide a div{
	position: absolute;
	width: 100%;
	padding: 12px 20px;
	color: #fff;
	font-size: 18px;
	padding-right: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	left: 0;
	bottom: 0;
	z-index: 9;
	background-color: rgba(0, 0, 0, 0.5);
}

.swiper-slide img {transition: .4s; width: 100%;}
.swiper-container:hover .swiper-slide img {transform: scale(1.1);}
.part1 .swiper-pagination, .part4 .swiper-pagination {height: 30px; background: rgba(160, 160, 160, .6); border-radius: 15px; width: auto; padding: 0 4px; left: auto; right: 20px;}
.swiper-pagination-bullet {width: 20px; height: 20px; background: #fff; opacity: .7; margin-top: 5px !important;}
.swiper-pagination-bullet-active {background: #d5000f; opacity: 1;}

.part2 {width: 100%; height: 585px; background: url(../image/dang_part2_bg.jpg) no-repeat center;}
.part2.bg-other{
	background: url(../image/dang_part0_bg.png) no-repeat center;
	background-color: #a10604;
	height: auto;
}
.part2 ul:after {content: ''; display: block; clear: both;}
.part2 li {border-bottom: 1px solid #dcdcdc; height: 160px; padding: 10px 20px; border-right: 1px solid #dcdcdc; width: 50%; float: left; transition: .4s;}
.part2 li .tit * {color: #354e64;}
.part2 li .tit p:nth-child(1) {font-size: 18px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.part2 li .tit p:nth-child(2) {font-size: 16px;}
.part2 li .con {font-size: 14px; line-height: 24px; opacity: .7; margin-top: 20px; height: 48px; overflow: hidden;}
.part2 li:nth-child(2n) {border-right: none;}
.part2 li:nth-child(n + 5) {border-bottom: none;}
.part2 li:hover {background: #0080cc; box-shadow: 0 0 30px #0080cc;}
.part2 li:hover * {color: #fff;}

.part3 {width: 100%; height: 458px; background: url(http://www.asiabrand/static/images/dang_part3_bg.jpg) no-repeat center;}
.part3 ul {padding: 20px 20px; overflow: hidden;}
.part3 li {width: 400px; float: left; position: relative; margin-left: 20px;}
.part3 li:first-child {margin-left: 0;}
.part3 li .pic {height: 248px;}
.part3 li .pic img {transition: .4s;}
.part3 li .pic:hover img {transform: scale(1.15);}
.part3 li .text {height: 60px; border-bottom: 1px solid #b5b5b5; line-height: 60px;}
.part3 li .text p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.part3 li .text a {color: #354e64; font-size: 16px;}
.part3 li:after {content: ''; position: absolute;  transform-origin: left; transform: scaleX(0); transition: .4s; width: 100%; height: 2px; background: #d5000f; bottom: 0; left: 0;}
.part3 li:hover:after {transform: scaleX(1);}

.part4 {width: 100%; height: 537px; background: url(../image/dang_part4_bg.jpg) no-repeat center;}
.part4 .box {overflow: hidden; padding: 20px;}
.part4 .news-box {margin-left: 4px;}
.part4 .swiper-container {float: right;}
.part4 .swiper-container a{
	display: block;
	height: 100%;
}
.part4 .swiper-container a div{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 10px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	line-height: 1.5;
}

.part5 {width: 100%; height: 561px; background: url(../image/dang_part5_bg.jpg) no-repeat center;}
.part5 li {height: 80px; border-bottom: 1px solid #dcdcdc; padding: 0 20px; line-height: 80px; transition: .4s;}
.part5 li:last-child {border: none;}
.part5 li a {font-size: 18px; color: #354e64;}
.part5 li p {width: 900px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;}
.part5 li span {float: right; font-size: 16px; color: #354e64;}
.part5 li:hover {background: #d5000f; box-shadow: 0 0 30px #d5000f;}
.part5 li:hover * {color: #fff;}







@media screen and (max-width: 750px) {
	.banner{
		height: 4.60rem;
	}
	.banner-text{
		margin-top: 2.37rem;
		width: 5.40rem;
	}


	.part1{
		height: auto;
	}
	.part1 .wrapper{
		padding: 0.32rem;
		width: auto;
	}
	.part1 .swiper-container{
		width: 100%;
		height: 3.85rem;
		float: none;
	}
	.part1 .swiper-slide a div{
		display: none;
	}
	.part1 .swiper-pagination, .part4 .swiper-pagination{
		width: 100%;
		left: 0;
		right: 0;
		border-radius: 0;
		background-color: transparent;
		height: 0.20rem;
		line-height: 1;
		height: auto;
	}
	.swiper-pagination-bullet{
		width: 0.20rem;
		height: 0.20rem;
		margin-top: 0;
		border-radius: 50%;
	}
	.news-box{
		height: auto;
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.news-box li{
		padding: 0.48rem 0;
		margin-bottom: 0;
		height: auto;
	}
	.news-box li a{
		display: block;
	}
	.news-box li .tit p:nth-child(1){
		line-height: 0.48rem;
		font-size: 0.30rem;
	}
	.news-box li .tit p:nth-child(2){
		font-size: 0.24rem;
	}
	.news-box li .con{
		margin-top: 0.20rem;
		line-height: 0.36rem;
		font-size: 0.24rem;
		height: auto;
	}
	.news-box .more{
		margin-top: 0.40rem;
		line-height: 1;
		font-size: 0.24rem;
		float: none;
		display: block;
		max-width: 2.00rem;
		box-sizing: border-box;
	}


	.part2{
		height: auto;
	}
	.wrapper{
		width: 100%;
	}
	.title-box{
		height: 0.90rem;
	}
	.title-box img{
		/*width: 1.30rem;*/
		width: auto;
		max-width: inherit;
		height: .30rem;
		left: 0.32rem;
		top: 0.28rem;
	}
	.title-box .more{
		right: 0.32rem;
		top: 0.31rem;
		font-size: 0.24rem;
		line-height: 0.28rem;
	}
	.part2 ul{
		padding: 0 0.32rem 0.32rem;
	}
	.part2 li{
		width: 100%;
		padding: 0.48rem 0;
		margin-bottom: 0;
		height: auto;
		border-right: 0;
	}
	.part2 li:hover{
		background-color: transparent;
		box-shadow: none;
	}
	.part2 li:hover *{
		color: #354e64;
	}
	.part2 li a{
		display: block;
	}
	.part2 li .tit p:nth-child(1){
		line-height: 0.48rem;
		font-size: 0.30rem;
	}
	.part2 li .tit p:nth-child(2){
		font-size: 0.24rem;
	}
	.part2 li .con{
		margin-top: 0.20rem;
		line-height: 0.36rem;
		font-size: 0.24rem;
		height: auto;
	}



	.part3{
		height: auto;
	}
	.part3 ul{
		padding: 0.32rem;
	}
	.part3 li{
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.part3 li a{
		display: block;
	}
	.part3 li:hover:after{
		transform: scaleX(0);
	}
	.part3 li .pic:hover img{
		transform: scale(1);
	}
	.part3 .dangjian{
		padding: 0.32rem 0;
		margin: 0 0.32rem;
		position: relative;
		overflow: hidden;
	}
	.part3 .dangjian ul{
		padding: 0;
		overflow: initial;
	}
	.part3 .dangjian ul li{
		float: none;
		margin-right: 0;
		margin: 0;
	}
	.part3 li .pic{
		height: 4.30rem;
	}
	.part3 li .text{
		height: 1.46rem;
		font-size: 0.24rem;
		display: flex;
		justify-content: center;
	}
	.dangjianpag{
		height: auto;
		line-height: 1;
		padding: 0.58rem 0 0.38rem;
		text-align: center;
		font-size: 0;
	}
	.part3 .swiper-pagination-clickable .swiper-pagination-bullet{
		background-color: #e6e6e6;
	}
	.part3 .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{
		background-color: #d5000f;
	}



	.part4{
		height: auto;
	}
	.part4 .box{
		padding: 0.32rem;
		display: flex;
		flex-wrap: wrap-reverse;
	}
	.part4 .swiper-container{
		float: none;
		height: auto;
	}
	.part4 .swiper-slide a{
		display: block;
		height: 3.85rem;
	}
	.part4 .swiper-slide div{
		display: none;
	}



	.part5{
		height: auto;
	}
	.part5 ul{
		padding: 0.32rem;
	}
	.part5 ul li{
		height: auto;
		padding: 0.35rem 0 0.30rem;
		line-height: inherit;
		color: #354e64;
	}
	.part5 li:hover{
		background: transparent;
		box-shadow: none;
	}
	.part5 li:hover *{
		color: #354e64;
	}
	.part5 li p{
		font-size: 0.24rem;
		line-height: 0.36rem;
		width: 100%;
		float: none;
		text-overflow: initial;
		white-space: inherit;
	}
	.part5 li a{
		display: block;
		font-size: 0.24rem;
		line-height: 0.36rem;
	}
	.part5 li span{
		float: none;
		font-size: 0.24rem;
		line-height: 1;
		display: block;
		padding-top: 0.12rem;
	}
}