body {
	margin: 0 auto;
}

input::-webkit-input-placeholder {
	color: #999;
}

input::-moz-input-placeholder {
	color: #999;
}

input::-ms-input-placeholder {
	color: #999;
}



.swiper-container#banner {
	
	overflow: hidden;
}

.swiper-container#banner .swiper-slide {}

.swiper-container#banner .swiper-slide img {
	width: 100%;
	height: auto;
	-moz-border-radius: 5px;
	/* Firefox */
	-webkit-border-radius: 5px;
	/* Safari 和 Chrome */
	border-radius: 5px;
	/* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

.swiper-container#banner .swiper-pagination-bullet {
	background: none;
	border: 1px solid #ffc718;
	opacity: 1;
}

.swiper-container#banner .swiper-pagination-bullet-active {
	opacity: 0.6;
	background: #ffc718;
	border: 1px solid #ffc718;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 15vw!important;
}

#index_banner{
	position: relative;
}
#index_banner .search{
	position: absolute;
	left: 3.2vw;
	bottom: 3vw;
	z-index: 10000;
	width: 93.6vw;
	height: 12vw;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	
}

#index_banner .search .city_name{
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	padding-left: 2.6vw;
	padding-right: 3.5vw;
	font-size: 0.7rem;
	color: #4d4d4d;
	position: relative;
	margin-right: 6vw;
}

#index_banner .search .city_name .iconfont{
	color: #999;
	margin-left: 5px;
}

#index_banner .search .city_name::after{
	background-color: #c9c9c9;
	width: 2px;
	height: 5vw;
	right: 0vw;
	top:3.5vw;
	content: '';
	position: absolute;
	z-index: 1000;
}

#index_banner .search .con{
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#index_banner .search .con .iconfont{
	color: #999;
	margin-right: 5px;
	
}

#index_banner .search .con input{
	font-size: 0.7rem;
}

#nav{
	width: 93.6vw;
	margin: 1vw auto;
	display: flex;
	height: 37vw;
	justify-content: space-around;
	align-items: flex-start;
}

#nav ul{
	display: flex;
	height: 37vw;
	width: 100%;
	justify-content: space-around;
	align-items: flex-start;
}

#nav ul li{
	width: 29.7vw;
	height: 36.6vw;
	background-color: #fff;
	box-shadow: 2px 2px 9px rgba(0,0,0,0.1);
	text-align: center;
}

#nav ul li a{
	flex-direction: column;
	justify-content: center;
	display: flex;
	height: 100%;
}

#nav ul li .img{
	height: 10.4vw;
	margin-bottom: 2.5vw;
}

#nav ul li .img img{
	height: 100%;
	width: auto;
}

#nav ul li .title{
	font-size: 0.6rem;
	color: #000;
	margin-bottom: 1.3vw;
}

#nav ul li .en{
	font-size: 0.5rem;
	color: #cdcdcd;
	font-family:"Consolas";
	text-transform:Uppercase;
}

#country{
	width: 93.6vw;
	margin: 1vw auto;
	padding-top: 2vw;
}

#country .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 10vw;
	
}

#country .title h2{
	font-size: 0.8rem;
	color: #3e3e3e;
	font-weight: bold;
}

#country .title span{
	font-size: 0.5rem;
	color: #a7a7a7;
}

#country  .main .swiper-slide{
	width: 29.3vw;
	height: 18vw;
	overflow: hidden;
}

#country  .main .swiper-slide a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

#country  .main .swiper-slide .img{
	position: static;
	z-index: 100;
	overflow: hidden;
}

#country  .main .swiper-slide .img img{
	width: 100%;
	height: auto;
}

#country  .main .swiper-slide .tit{
	position: absolute;
	height: 8vw;
	line-height: 8vw;
	text-align: center;
	top: 50%;
	margin-top: -4vw;
	font-size: 0.7rem;
	color: #fff;
	z-index: 1000;
	width: 100%;
}
#country  .main .swiper-slide .tit::after{
	width: 3.7vw;
	height: 2px;
	background-color: #fff;
	content: '';
	position: absolute;
	z-index: 1000;
	bottom: 0vw;
	left: 50%;
	margin-left: -1.85vw;
	
}

#ztlist{
	width: 93.6vw;
	margin: 1vw auto;
	padding-top: 2vw;
}

#ztlist .item{
	
}

#ztlist .item .s_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 5vw;
	padding-bottom: 1.3vw;
}

#ztlist .item .s_top .tit{
	font-size: 0.8rem;
	color: #3e3e3e;
	font-weight: bold;
	height: 5.3vw;
	line-height: 5.3vw;
}

#ztlist .item .s_top .zt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 0.5rem;
	height: 4.6vw;
}

#ztlist .item .s_top .zt .t1{
	color: #808080;
}

#ztlist .item .s_top .zt .star{
	color: #eca805;
	padding-left:4vw;
}

#ztlist .item .s_top .zt .score{
	padding-left:2vw;
	color: #ff4a68;
}

#ztlist .item .s_top .gz{
	width: 13.3vw;
	height: 6vw;
	border-radius: 3vw;
	background-color: #35c88c;
	color: #fff;
	font-size: 0.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

#ztlist .item .dec{
	font-size: 0.6rem;
	color: #333;
	line-height: 1.6em;
	margin-bottom: 1vw;
}

#ztlist .item .piclist{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

#ztlist .item .piclist .left{
	width: 100%;
	
}

#ztlist .item .piclist .left a{
	position: relative;
	z-index: 500;
	width: 100%;
	height: 100%;
	display: block;
}

#ztlist .item .piclist .left a .img{
	position: static;
	width: 100%;
	height: 100%;
}

#ztlist .item .piclist .left a .img img{
	width: 100%;
	height: 200px;
}

#ztlist .item .piclist .left a .info{
	position: absolute;
	height: 13.3vw;
	left: 0;
	bottom: 0;
	padding-left: 3vw;
	box-sizing: border-box;
	width: 100%;
}

#ztlist .item .piclist .left a .info .title{
	font-size: 0.7rem;
	color: #fff;
}

#ztlist .item .piclist .left a .info p{
	font-size: 0.5rem;
	line-height: 1.6em;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-top: 1vw;
	color: #fff;
}

#ztlist .item .piclist .right{
	height: 40vw;
	width: 29.3vw;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
}

#ztlist .item .piclist .right ul{
	display: flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
#ztlist .item .piclist .right li{
	width: 29.3vw;
	height: 18.1vw;
	overflow: hidden;
	position: relative;
}

#ztlist .item .piclist .right li a{
	
	width: 100%;
	height: 100%;
}

#ztlist .item .piclist .right li .img{
	width: 29.3vw;
	height: 18.1vw;
	overflow: hidden;
	position: static;
}

#ztlist .item .piclist .right li .img img{
	width: 29.3vw;
	height: auto;
}

#ztlist .item .piclist .right li .title{
	font-size: 0.7rem;
	color: #fff;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 2em;
	z-index: 10000;
}

#ztlist .item .notice{
	height: 16vw;
	justify-content: space-between;
	align-items: center;
	display: flex;
}

#ztlist .item .notice .left{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#ztlist .item .notice .person{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#ztlist .item .notice .person img{
	height: 5.8vw;
	width: 5.8vw;
	border-radius: 2.9vw;
	overflow: hidden;
	margin-right: 2vw;
}

#ztlist .item .notice .icon-z043{
	color: #ccc;
	margin-right: 2vw;
}

#ztlist .item .notice .number{
	font-size: 0.5rem;
	color: #808080;
}

#ztlist .item .notice .right{
	display: flex;
	justify-content: space-around;
	align-items: center;
}

#ztlist .item .notice .right span{
	color: #808080;
	font-size: 0.5rem;
}
#ztlist .item .notice .right i{
	color: #ccc;
	font-size: 0.9rem;
	margin-right: 1.5vw;
}