*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#999; background:#111}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}
.wrapper { width:1200px; overflow:hidden; margin:0 auto;} 
.banner{ background:url(images/banner_bg.jpg) top center no-repeat; height:669px;}
.text { width:615px; height:161px; margin:500px auto 0; padding:0 180px; background:url(images/text_bg.png) no-repeat;}
.text h2 { font-size:18px; margin-bottom:10px; color:#fff;}
.text p { font-size:14px; color:#ccc; text-indent:28px; line-height:24px;}
.city_bg { background:url(images/zf_bg.jpg) center center no-repeat;}
.city-list { margin:20px 0; overflow:hidden; position:relative; height:920px;}
.city-list li { width:280px; height:334px; overflow:hidden; margin:8px; position:relative; display:inline-block; text-align:center; color:#fff;}
.city-list li img {filter: grayscale(100%);filter: gray;}
.city-list li.cur img {filter: grayscale(0);}

.city-list-text { position:absolute; left: 0; top: 0; width: 100%; margin:80px 0 0}
.city-list li a { color:#fff;}
.city-list li h3 { font-size:40px; color:#fff;}
.city-list li h4 { color:#ccc; font-size:14px;}
.city-list li h5 { border-bottom:1px solid #fff; font-size:16px; padding:10px 0; margin:0 60px;}
.city-list li p { border-bottom:1px solid #fff; font-size:18px; padding:5px 0; margin:0 60px 0;}

.city_pd_1{ left:166px; top:0}
.city_pd_2{ left:160px; top:0}
.city_pd_3{ left:154px; top:0}
.city_pd_4{ right:875px; top:265px}
.city_pd_5{ left:315px; top:-89px}
.city_pd_6{ left:308px; top:-89px}
.city_pd_7{ left:302px; top:-89px}
.city_pd_8{ right:729px; top:176px}
.city_pd_9{ left:460px; top:-178px}
.city_pd_10{ left:456px; top:-178px}
.tit { font-size:40px; color:#329fd0; text-align:center; padding:30px 0;}
.tit i { width:18px; height:18px; display:inline-block; background:url(images/tit_icon.jpg); margin:0 0 15px 10px;}

.pop_bg { background:url(images/jb_bg.jpg) center center no-repeat; }
.pop-list { margin:20px;} 
.pop-list li { float:left; width: 190px; height:230px; text-align:center; padding-bottom: 20px; overflow:hidden;}
.pop-list li img { border-radius:50%; width:140px; height: 140px; }
.pop-list li h3 { color: #fff; font-size: 16px; padding:15px 0 5px; }
.pop-list li p { color: #999 }

/*.swiper-container{ width:100%; overflow: hidden; }
.swiper-wrapper { position: relative;  overflow: hidden;}
.swiper-slide { width: 900px; float: left; }
.swiper-pager { margin: 50px auto; text-align:center;}
.swiper-pager span { background: #666; width: 12px; height: 12px; margin: 0 2px; overflow: hidden; display: inline-block; border-radius:50%; cursor: pointer; }
.swiper-pager .swiper-active-switch { background: #329fd0 }*/

.pc-banner {
	width: 100%;
	float: left;
}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size: auto 100%;
	}
}

.swiper-container {
	width: 100%;
	margin: 35px 0;
    height:480px;
}

@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0 15px;
	}
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
	}
}
.swiper-slide-prev img,.swiper-slide-next img { filter: grayscale(100%);filter: gray;}
.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	background: #fff;
	display: block;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		content: "";
		width: 100%;
		height: 100%;
		background: url(images/top_slick_cover_bg01.png) 0 0 repeat;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
	}
}

.swiper-slide img {
	width: 100%;
	display: block;
}


.swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.swiper-pagination-bullet {
	background: #666;
	margin-left: 4px;
	margin-right: 4px;
	width: 14px;
	height: 14px;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	width: 14px;
	height: 14px;
	background: #329fd0;
}

@media screen and (max-width: 668px) {
	
	.swiper-pagination {
		position: relative;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 14px;
		height: 14px;
	}

	.swiper-pagination-bullet-active {
		width: 14px;
		height: 14px;
		background: #FFF;
	}
}

.button {
	width: 1000px;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
    display:none
}

@media screen and (max-width: 668px) {
	.button {
		width: 70%;
		bottom: 22px;
	}
}

.button div:hover {
	background-color: #2f4798;
}

.swiper-button-prev {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

.swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 28px;
		height: 28px;
	}
}	

#hexagon {
    width: 100px;
    height: 55px;
    background: #fc5e5e;
    position: relative;
    margin: 10px auto;
}
  
#hexagon:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -25px;
    left: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 25px solid #fc5e5e;
}
  
#hexagon:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -25px;
    left: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 25px solid #fc5e5e;
}                               


.footer { padding:30px 0; overflow:hidden;}
.footer p { line-height:20px; padding:5px 0; text-align:center; font-size:14px;}
.footer .link_f { padding-bottom:20px;}
.footer p a,.footer p span { color:#999; margin:0 15px;}
.footer p a:hover { color:#f60;}