/*reset*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;font-size:14px;font-family:"Microsoft Yahei", "Arial", "sans-serif", "simsun";}
* {font-family: sans-serif, 微软雅黑;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img {list-style:none;border:none;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-style:normal;font-weight:normal;}
del,ins {text-decoration:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
button,input,select,textarea {font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
legend {color:#454545000;}
iframe {margin:0 auto;}
a {text-decoration:none;color:#454545;cursor:pointer;}
body {text-align:center;background:#fff;}
input,a {outline:none;}
.left {float:left;}
.right {float:right;}
.clearfix:after {content:"";display:block;clear:both;}
.clearfix {*zoom:1;}
.hide {display:none;}

.logo {
    position: absolute;
    left: 50%;
    top: 30px;
    margin-left: -600px;
    z-index: 9999;
}

.zw_top {
	background: url(../images/banner_zw2023.png) no-repeat center center;
	height: 660px;
	width: 100%;
}

.content1 {
	margin-top: -25px;
}

.content_tit {
	width: 1200px;
	height: 250px;
	margin: 0 auto;
	background: url(../images/word_zw.png);
}

.content_tit p {
	padding-left: 180px;
	padding-top: 70px;
	text-indent: 40px;
	color: #000000;
	font-size: 22px;
	text-align: left;
	line-height: 40px;
}

.content1 .main_title {
	margin: 75px auto 60px;
}

.content_inner {
	position: relative;
	width: 1200px;
	height: 444px;
	margin: 0 auto 80px;
	background: url(../images/content1_zw.png) no-repeat;
}

.content_inner .tit {
	font-size: 0;
	display: none;
}

.gk1 {
	width: 1008px;
	height: 186px;
	position: absolute;
	left: 100px;
	top: 30px;
}

.gk1 .list a {
	float: left;
	width: 284px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	margin-bottom: 12px;
	text-align: center;
	color: #363636;
	font-size: 22px;
	font-weight: bold;
}

.gk1 .left {
	width: 284px;
}

.gk1 .right {
	width: 284px;
}

.gk1 .list a:hover {
	color: #0b44ac;
}

.gk2 {
	position: absolute;
	left: 6px;
	top: 252px;
	width: 344px;
	height: 154px;
}

.gk2 .list {
	width: 344px;
	height: 150px;
	padding-top: 6px;
}

.gk2 .list a {
	float: left;
	width: 145px;
	height: 36px;
	line-height: 36px;
	margin-left: 10px;
	padding-left: 16px;
	text-align: left;
	color: #363636;
	font-size: 22px;
	font-weight: bold;
	background: url(../images/spot_zw.png) no-repeat left center;
}

.gk2 .list a:hover {
	color: #0b44ac;
}

.gk3 {
	position: absolute;
	right: 76px;
	bottom: 50px;
	width: 254px;
	height: 150px;
}

.gk3 .list {
	width: 254px;
	height: 154px;
	padding-top: 16px;
}

.gk3 .list a {
	float: left;
	height: 36px;
	width: 220px\0;
	*width: 220px;
	line-height: 36px;
	margin-left: 10px;
	padding-left: 16px;
	text-align: left;
	color: #363636;
	font-size: 22px;
	font-weight: bold;
	background: url(../images/spot_zw.png) no-repeat left center;
}

.gk3 .list a:hover {
	color: #0b44ac;
}

.content2 {
	position: relative;
	width: 100%;
	height: 1025px;
	background: #f6f6f6;
}

.content2 .main_title {
	margin: 0 auto;
	padding-top: 56px;
}

.content2 .list {
	width: 100%;
	height: 880px;
}

.content2 .list .list_box {
	width: 1200px;
	height: 820px;
	margin: 60px auto 0;
	position: relative;
	background: url(../images/list_bg.png) no-repeat center top;
}

.list_box a {
	position: absolute;
	display: inline-block;
	color: #fff;
	font-size: 22px;
}

.list_box .a1 {
	left: 110px;
	top: 97px;
	width: 121px;
	height: 120px;
	line-height: 120px;
	background: url(../images/circle_zw1.png);
}

/* .list_box a:hover {
	-webkit-transition: -webkit-transform 0.9s ease-out;
	-moz-transition: -moz-transform 0.9s ease-out;
	transition: transform 0.9s ease-out;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);	
	-moz-transform: rotateY(360deg);
} */

.list_box a {
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
	
.list_box a:hover {
	opacity: .9;
	transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
}

.list_box .a2 {
	left: 317px;
	top: 202px;
	width: 171px;
	height: 168px;
	line-height: 168px;
	background: url(../images/circle_zw2.png);
}

.list_box .a3 {
	left: 626px;
	top: 50px;
	width: 143px;
	height: 140px;
	line-height: 140px;
	background: url(../images/circle_zw3.png);
}

.list_box .a4 {
	right: 0px;
	top: 97px;
	width: 166px;
	height: 160px;
	line-height: 160px;
	background: url(../images/circle_zw4.png);
}

.list_box .a5 {
	left: 0px;
	top: 334px;
	width: 140px;
	height: 139px;
	line-height: 139px;
	background: url(../images/circle_zw5.png);
}

.list_box .a6 {
	left: 575px;
	top: 330px;
	width: 109px;
    height: 112px;
    line-height: 40px;
    padding-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
	background: url(../images/circle_zw6.png);
}

.list_box .a7 {
	left: 360px;
	top: 445px;
	width: 122px;
	height: 120px;
	line-height: 120px;
	background: url(../images/circle_zw7.png);
}

.list_box .a8 {
	right: 267px;
	top: 225px;
	width: 133px;
	height: 131px;
	line-height: 131px;
	background: url(../images/circle_zw8.png);
}

.list_box .a9 {
	right: 90px;
	top: 330px;
	width: 129px;
    height: 110px;
    line-height: 40px;
    padding-top: 36px;
    padding-left: 10px;
    padding-right: 10px;
	background: url(../images/circle_zw9.png);
}

.list_box .a10 {
	left: 155px;
	top: 565px;
	width: 173px;
	height: 169px;
	line-height: 169px;
	background: url(../images/circle_zw10.png);
}

.list_box .a11 {
	left: 725px;
	top: 635px;
	width: 99px;
	height: 112px;
	line-height: 40px;
	padding-top: 36px;
	padding-left: 25px;
	padding-right: 25px;
	background: url(../images/circle_zw11.png);
}

.list_box .a12 {
	left: 455px;
	top: 650px;
	width: 121px;
	height: 120px;
	line-height: 120px;
	background: url(../images/circle_zw12.png);
}

.list_box .a13 {
	right: 93px;
	top: 540px;
	width: 127px;
	height: 124px;
	line-height: 124px;
	background: url(../images/circle_zw13.png);
}

.content3 .main_title {
	margin: 0 auto 80px;
	padding-top: 65px;
}

.content3 .list {
	width: 1200px;
	margin: 0 auto 100px;
	display: inline-block;
}

.content3 .list li {
	float: left;
	width: 25%;
	height: 310px;
}

.content3 .list li i {
	display: inline-block;
	width: 100%;
	height: 250px;
}

.content3 .list li p {
	line-height: 60px;
	color: #363636;
	font-size: 26px;
	font-weight: bold;
}

.content3 .a1 i {
	background: url(../images/block_zw1.png) no-repeat center;
}

.content3 .a2 i {
	background: url(../images/block_zw2.png) no-repeat center;
}

.content3 .a3 i {
	background: url(../images/block_zw3.png) no-repeat center;
}

.content3 .a4 i {
	background: url(../images/block_zw4.png) no-repeat center;
}

.content3 .list li:hover {
	opacity: .9;
}

.content3 .list li:hover p {
	color: #0b44ac;
}

.content4 .main_title {
	margin: 0 auto 75px;
}

.content4 .list {
	width: 1200px;
	margin: 0 auto 120px;
	display: inline-block;
}

.content4 .list li {
	float: left;
	width: 315px;
	height: 100px;
}

.content4 .a1 {
	margin: 0 185px 35px 70px;
	background: url(../images/block_zw5.png);
}

.content4 .a2 {
	margin-right: 315px;
	margin-bottom: 35px;
	background: url(../images/block_zw6.png);
}

.content4 .a3 {
	margin: 0 185px 0 260px;
	background: url(../images/block_zw7.png);
}

.content4 .a4 {
	position: relative;
	background: url(../images/block_zw8.png);
}

.content4 .a4 img {
	display: none;
	position: absolute;
	right: -146px;
	top: -15px;
	width: 146px;
	height: 146px;
}

.content4 .a4:hover img {
	display: inline-block;
}

.content4 .list span {
	float: left;
	display: inline-block;
	padding-left: 120px;
	line-height: 100px;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}

.content4 .list i {
	float: right;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: 40px;
	background: url(../images/arrow_zw.png);
}

.content4 .list i {
	-webkit-animation: fadeOutRight 2s 0.5s ease-in-out infinite;
	-moz-animation: fadeOutRight 2s 0.5s ease-in-out infinite;
}
@-webkit-keyframes fadeOutRight {
	0% {opacity:0;-webkit-transform:translateX(0)}
	30% {opacity:.6;-webkit-transform:translateX(-4px)}
	40% {opacity:1;-webkit-transform:translateX(-4px)}
	80% {opacity:.8;-webkit-transform:translateX(-4px)}
	90% {opacity:.5;-webkit-transform:translateX(-10px)}
	95% {opacity:0;-webkit-transform:translateX(-12px)}
	100% {opacity:0;-webkit-transform:translateX(-18px)}
}

.content5 .main_title {
	margin: 0 auto 90px;
}

.content5 .list {
	width: 1200px;
	height: 355px;
	margin: 0 auto 130px;
	background: url(../images/blue_arrow_zw.png) no-repeat center 230px;
}

.content5 .list li {
	float: left;
	width: 25%;
	height: 355px;
	text-align: center;
}

.content5 .list li:hover {
	opacity: .9;
}

.content5 .a1 {
	background: url(../images/block_zw9.png) no-repeat center top;
}

.content5 .a2 {
	background: url(../images/block_zw10.png) no-repeat center top;
}

.content5 .a3 {
	background: url(../images/block_zw11.png) no-repeat center top;
}

.content5 .a4 {
	background: url(../images/block_zw12.png) no-repeat center top;
}

.content5 .list p {
	line-height: 97px;
	padding-top: 258px;
	color: #363636;
	font-size: 26px;
	font-weight: bold;
}

.content5 .list li:hover p {
	color: #0b44ac;
}

@media only screen and (min-width: 320px) and (max-width: 768px){
	.logo {
		top: 10px;
		margin-left: -200px;
	}
	.logo img {
		width: 60%;
	}
	.zw_top {
		background: url(../images/banner_zw2023.png) no-repeat center center/200%;
		height: 220px;
		width: 100%;
	}
	.content1 .main_title {
		margin: 30px auto;
	}
	.content_inner {
		width: 100%;
		height: auto;
		display: inline-block;
		position: static;
		background: none;
		margin: 0 auto 20px;
	}
	.gk1 {
		position: static;
		width: 100%;
		height: auto;
		display: inline-block;
	}
	.gk1 .list {
		width: 48%;
		margin-left: 2%;
		margin-top: 2%;
	}
	.gk1 .list a {
		width: 100%;
		line-height: 35px;
		margin: 0;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.gk2 {
		position: static;
		width: 100%;
		height: auto;
		display: inline-block;
	}
	.gk2 .list {
		width: 100%;
	}
	.gk2 .list a {
		line-height: 35px;
		margin: 0;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		width: 44%;
		padding: 0;
		margin: 0 3%;
		background: none;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.gk3 {
		position: static;
		width: 100%;
		height: auto;
		display: inline-block;
	}
	.gk3 .list {
		width: 100%;
		height: auto;
		display: inline-block;
	}
	.gk3 .list a {
		line-height: 35px;
		margin: 0;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		width: 44%;
		padding: 0;
		margin: 0 3%;
		background: none;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.content_inner .tit {
		font-size: 18px;
		display: inline-block;
		width: 96%;
		height: 60px;
		line-height: 60px;
		margin: 0 2%;
		background: #0841a9;
		color: #fff;
	}
	.content_tit {
		width: 96%;
		height: auto;
		margin: 0 auto;
		border: #ccc 5px solid;
		background: #fff;
	}
	.content_tit p {
		padding: 10px 20px;
		font-size: 18px;
		line-height: 30px;
	}
	.content2 {
		height: auto;
		background: none;
	}
	.content2 .main_title {
		padding: 2% 0 3%;
	}
	.content2 .list {
		height: auto;
		display: inline-block;
		background: #064fa1;
	}
	.content2 .list .list_box {
		width: 100%;
		height: auto;
		position: static;
		margin: 10px .5% 0 0;
		padding: 10px 0 20px;
		display: inline-block;
	}
	.list_box a {
		float: left;
		position: static;
		width: 31%!important;
		margin: 2% 1%;
		height: 120px!important;
		line-height: 120px!important;
		padding: 0!important;
		background: #fff!important;
		font-size: 18px;
		color: #363636;
		box-shadow: 8px 8px 0px #6a95c7;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.list_box .a6 {
		padding-top: 25px!important;
		height: 95px!important;
		line-height: 35px!important;
	}
	.list_box .a9 {
		padding-top: 25px!important;
		height: 95px!important;
		line-height: 35px!important;
	}
	.list_box .a10 {
		padding-top: 25px!important;
		height: 95px!important;
		line-height: 35px!important;
	}
	.list_box .a11 {
		padding-top: 25px!important;
		height: 95px!important;
		line-height: 35px!important;
	}
	.main_title img {
		width: 100%;
	}
	.content4 .list, .content5 .list {
		width: 100%;
	}
	.content3 .main_title {
		margin: 0 auto 5px;
		padding-top: 25px;
	}
	.content3 .list {
		width: 100%;
		margin: 0 auto 20px;
	}
	.content3 .list li {
		width: 50%;
		height: 200px;
	}
	.content3 .list li i {
		height: 150px;
		background-size: 80%;
	}
	.content3 .list li p {
		line-height: 40px;
		font-size: 22px;
	}
	.content4 .main_title {
		margin: 0 auto 25px;
	}
	.content4 .list {
		margin: 0 auto 20px;
	}
	.content4 .list li {
		width: 47%;
		height: 50px;
		margin: 2% 1%;
		background: none;
		border: 1px solid #0b44ab;
	}
	.content4 .list i {
		display: none;
	}
	.content4 .list span {
		padding: 0;
		line-height: 50px;
		width: 100%;
		font-size: 18px;
		text-align: center;
		color: #363636;
	}
	.content5 .main_title {
		margin: 0 auto 25px;
	}
	.content5 .list {
		margin: 0 auto 20px;
		display: inline-block;
		height: auto;
	}
	.content5 .list li {
		width: 47%;
		height: 50px;
		margin: 2% 1%;
		background: none;
		border: 1px solid #0b44ab;
	}
	.content5 .list i {
		display: none;
	}
	.content5 .list p {
		padding: 0;
		line-height: 50px;
		width: 100%;
		font-size: 18px;
		text-align: center;
		color: #363636;
	}
}