/* 广告 */
.banner{max-width: 1920px; width: 100%; margin: 0 auto; overflow: hidden; position: relative; margin-bottom: 2.60416666%;}
.banner .swiper-pagination-bullet{width: 20px; height: 20px; background-color: #fff; margin: 0 12px!important;}
.banner .swiper-pagination-bullet-active{background-color: #fcc700;}
.banner div.swiper-pagination-bullets{bottom: 3.2%;}
.banner .swiper-wrapper li a{display: block; width: 100%; height: 0; padding-top: 40.98958333%;}
.banner .banner01 a{background: url(../time_img/pc/banner01.jpg) no-repeat 0 0; background-size: 100% 100%;}
.banner .banner02 a{background: url(../time_img/pc/banner02.jpg) no-repeat 0 0; background-size: 100% 100%;}
.banner .banner03 a{background: url(../time_img/pc/banner03.jpg) no-repeat 0 0; background-size: 100% 100%;}
.banner .banner04 a{background: url(../time_img/pc/banner04.jpg) no-repeat 0 0; background-size: 100% 100%;}
.banner .banner05 a{background: url(../time_img/pc/banner05.jpg) no-repeat 0 0; background-size: 100% 100%;}
/* 主体 */
.main{max-width: 1920px; width: 100%; padding:0 2.60416666% 2.60416666%; box-sizing: border-box; margin: 0 auto; overflow: hidden;}
.main .layer{margin-bottom: 1.09890109%;}
.main .left{float: left; width: 49.45054945%;}
.main .right{float: right; width: 49.45054945%;}
.main .pic{overflow: hidden;}
.main .pic img{
	width: 100%;
	-moz-transition: transform 0.3s ease-in;
	-webkit-transition: transform 0.3s ease-in;
	-o-transition: transform 0.3s ease-in;
	transition: transform 0.3s ease-in;
}
.main .pic a:hover img{
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.main .title{color: #4f4f4f;font-size: 3.5em; line-height: 1; margin-bottom: 4.88888888%; letter-spacing: 6px;}
.main .layer01 .pic_info{padding-left: 4.12087912%; padding-top: 6.92307692%; box-sizing: border-box;}
.main .layer02 .pic_info{text-align: right; padding-right: 6.59340659%; padding-top: 6.92307692%; box-sizing: border-box;}
.main .layer03 .pic_info{padding-left: 4.12087912%; padding-top: 6.92307692%; box-sizing: border-box;}
.main .pic_info small{color: #4f4f4f; font-size: 2.3em; display: block; line-height: 1; margin-bottom: 5.55555555%; letter-spacing: 2px;}
.main .pic_info .more{display: inline-block; position: relative; z-index: 0; overflow: hidden; width: 26.66666666%; letter-spacing: 2px; line-height: 3; border-radius: 5px; background-color: #0b5bc2; font-size: 2.2em; color: #fff; text-align: center;}
.main .pic_info .more .icon_more{display: inline-block; position: relative; left: 0; width: 3.75%; padding-top: 6.66666666%; background: url(../images/icon_more.png) no-repeat 0 0; background-size: 100% 100%; margin-top: -2%; vertical-align: middle; margin-left: 10%;}
.main .pic_info .more:after{
	content: '';
	position: absolute;
	z-index: -1;
	transition: width 0.3s, opacity 0.3s;
	width: 0;
	height: 530px;
	opacity: 0;
	left: 50%;
	top: 50%;
	background: #0466e2;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
	transform: translate3d(-50%, -50%, 0) rotate(45deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.main .pic_info .more:hover:after{
	width: 100%;
	opacity: 1;
}
@media screen and (max-width:1400px) and (min-width: 751px){
	.main .title{letter-spacing: 5px;}
}
@media screen and (max-width:1200px) and (min-width: 751px){
	.main .title{letter-spacing: 4px;}
}
@media screen and (max-width:1000px) and (min-width: 300px){
	.main .title{letter-spacing: 3px;}
}