/* CSS Document */

.index {
	.banner {
		.swiper-slide {
			position: relative;
			height: 400px;
			background-position: center;
			background-size: cover;
			img {
				display: block;
				width: 100%;
			}
		}
		.swiper-container-horizontal>.swiper-pagination-bullets,
		.swiper-pagination-custom,
		.swiper-pagination-fraction {
			bottom: 5%;
		}
		.swiper-pagination-bullet {
			opacity: .4;
			margin: 0 10px;
		}
		.swiper-pagination-white .swiper-pagination-bullet-active {
			opacity: 1;
		}
		.swiper-button-prev {
			left: 5%;
		}
		.swiper-button-next {
			right: 5%;
		}
	}
	.notice {
		position: relative;
		height: 30px;
		line-height: 30px;
		font-size: 18px;
		padding: 27px 0;
		.tit {
			width: 149px;
			border-right: 1px solid #d6d6d6;
			position: absolute;
			color: #d7121b;
			font-weight: bold;
			span {
				vertical-align: middle;
				display: inline-block;
				margin-right: 10px;
				margin-top: -1px;
				font-size: 25px;
			}
		}
		.list {
			padding-left: 150px;
			li {
				float: left;
				width: 50%;
				a {
					padding: 0 0 0 30px;
					color: #333;
					display: block;
					span {
						color: #ccc;
						font-size: 14px;
					}
				}
			}
		}
	}
	.i-news {
		.w50 {
			width: 48%;
			float: left;
			img {
				display: block;
				width: 100%;
			}
			.swiper-slide {
				height: 336px;
				background-size: cover;
				background-position: center;
			}
			.text {
				position: absolute;
				bottom: 0;
				z-index: 9;
				left: 0;
				width: 100%;
				background-color: rgba(0, 0, 0, 0.5);
				color: #fff;
				line-height: 3em;
				a {
					display: block;
					padding: 0 118px 0 20px;
					color: #fff;
				}
			}
			.swiper-pagination {
				width: 118px;
				right: 0;
				left: auto;
				font-size: 0;
				line-height: 0;
				bottom: 18px;
				.swiper-pagination-bullet {
					width: 12px;
					height: 12px;
					border-radius: 0;
					opacity: 1;
					background-color: #fff;
					&.swiper-pagination-bullet-active {
						background-color: #d21325;
					}
				}
			}
			.i-news-tab {
				height: 60px;
				line-height: 60px;
				background-color: #eeeeee;
				a {
					padding: 0 20px;
					display: block;
					float: left;
					&.on {
						background-color: #d1111c;
						color: #fff;
					}
				}
				.more {
					float: right;
					font-size: 14px;
					display: block;
					width: 60px;
					padding: 0;
				}
			}
			.i-news-content {
				padding-top: 8px;
				display: none;
				&.on {
					display: block;
				}
				li {
					position: relative;
					line-height: 40px;
					.ico {
						padding-right: 15px;
					}
					a {
						padding-right: 100px;
					}
					.time {
						position: absolute;
						right: 0;
						top: 0;
						color: #ccc;
					}
				}
			}
		}
	}
	.i-ad {
		padding-top: 20px; padding-bottom: 30px;
		img {
			display: block;
			width: 100%;
		}
	}
	.i-pro {
		text-align: center;
		background-color: #efefef;
		padding-top: 60px;
		.tit {
			width: 420px;
			margin: 0px auto;
			.ch {
				font-size: 36px;
				color: #d1111c;
				position: relative;
				&::after {
					content: "";
					display: block;
					height: 1px;
					background-color: #a0a0a0;
					position: absolute;
					top: 50%;
					width: 100%;
					left: 0;
				}
				span {
					position: relative;
					z-index: 1;
					padding: 0 30px;
					background-color: #efefef;
				}
			}
			.en {
				font-family: 'Conv_Roboto-Light';
				font-size: 28px;
				border-bottom: 1px solid #a0a0a0;
				padding: 15px 0 20px;
			}
		}
		.list {
			padding-top: 40px;
			li {
				float: left;
				width: 32%;
				margin-right: 2%;
				position: relative;
				a {
					display: block;
				}
				img {
					display: block;
					width: 100%;
				}
				p {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;
					background-color: rgba(0, 0, 0, 0.5);
					color: #fff;
					line-height: 2.5em;
					font-size: 20px;
					font-weight: lighter;
				}
			}
		}
	}
	.i-quicklink {
		padding-top: 30px;
		background-color: #efefef; padding-bottom: 60px;
		.w60{ width: 66%; 
			.swiper-slide{  height: 120px; background-position: center; background-size: cover;
				img{ display: block; width: 100%; height: 120px;}
			}
			.swiper-button-prev,.swiper-button-next{ background-color: rgba(#000,0.35); background-size: 10px;}
			.swiper-button-prev{ left: 0; }
			.swiper-button-next{ right: 0; }
		}
		.w40{ width: 32%; height: 120px;
			ul{
				li{ float: left; width: 33.3333333%; text-align: center;  
					a{ display: block; width: 100%;background-color: #fff; height: 120px;  font-size: 17px; overflow: hidden;
						img{ display: block;  margin: 26px auto 10px; }
					}
					&.middle{ border-left: 1px solid #efefef; border-right:1px solid #efefef;width: calc(33.3333333% - 2px); }
				}
			}
		}
	}
}