* {
	font-weight: 400;
	letter-spacing: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	font-size: 12px;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft YaHei', '微软雅黑', '黑体', SimHei;
	background: white;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	color: #303030;
}

input,
textarea,
button {
	font-family: inherit;
}

ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
p {
	padding: 0;
	margin: 0;
}

::selection {
	background: #c8b028;
	color: #fff;
}

::-moz-selection {
	background: #c8b028;
	color: #fff;
}

img {
	border-width: 0;
}

object,
embed {
	vertical-align: bottom;
}

ul,
ul li,
ol,
ol li {
	list-style: none;
}

a {
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
}

a:link,
a:active,
a:hover,
a:visited {
	color: #3d3d3d;
}

a {
	text-decoration: none;
	outline: none;
}

a:active {
	star: expression(this.onFocus=this.blur());
}
}

a.yellow:link,
a.yellow:active,
a.yellow:hover,
a.yellow:visited {
	color: #fcce01 !important;
}

.font_red {
	color: #ed1c24;
}

img,
a img {
	margin: 0;
	padding: 0;
	border: 0;
	border-style: none;
	text-decoration: none;
	vertical-align: top;
}

.inner {
	width: 1200px;
	margin: auto;
}

.banner {
	width: 100%;
	height: 700px;
	background: url(../../img/zsfwsy-img/banner.jpg) no-repeat center top;
}
.banner a{
	width: 100%;
	height: 100%;
}

.banner_con {
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
	padding-top: 180px;
	overflow: hidden;
	display: inline-block;
}

.banner_left {
	float: left;
	width: 45%;
	color: #fff;
	text-align: left;
	margin-right: 5%;
}
.zswl{
	font-size: 24px;
	margin-bottom: 20px;
}
.banner_left hr{
	width: 126px;
	height: 2px;
	background: #fff;
	margin-bottom: 35px;
}
.banner_left h2{
	font-size: 40px;
	font-weight: bold;
	color: #e3c72a;
}
.banner_left .jjfa{
	font-size: 20px;
	line-height: 150%;
	margin: 35px auto 50px;
}
.btn{
	width: 240px;
	height: 50px;
}
.btn img{
	width: 100%;
}
.banner_rig{
	float: left;
	width: 50%;
	background: rgba(255,255, 255, 0.6);
	height: 380px;
	padding: 10px;
}

.area1{
	width: 100%;
	margin: 0 auto 85px;
	background:#d6dce3;
	padding-top: 60px;
	padding-bottom: 60px;
}

.area1_con{
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;	
}
.area1_con ul{
	margin-top: 30px;
}
.area1_con li{
	width: 23%;
	float: left;
	margin-right: 2.5%;
	padding-top: 150px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
	height: 328px;
	background:#fff  url(../../img/zsfwsy-img/area1.png) no-repeat center 50px;
}
.area1_con li h3{
	font-size: 22px;
	margin-bottom: 20px;
}
.area1_con li p{
	line-height: 150%;
	font-size: 16px;
}
.area1_con li:nth-of-type(1){
	
}
.area1_con li:nth-of-type(2){
	background:#fff  url(../../img/zsfwsy-img/area2.png) no-repeat center 50px;
}

.area1_con li:nth-of-type(3){
	background:#fff  url(../../img/zsfwsy-img/area3.png) no-repeat center 50px;
}

.area1_con li:nth-of-type(4){
	margin-right: 0;
	background:#fff  url(../../img/zsfwsy-img/area4.png) no-repeat center 50px;
}
.area2{
	/* background: #d6dce3; */
	width: 100%;
	margin-bottom: 85px;
	/* padding-top: 65px; */
	/* padding-bottom: 65px; */
}

.area2 .tit_con h2{
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
}
.area2 .tit_con h2 span{
	font-weight: bold;
}
.area2 .tit_con p{
	font-size: 24px;
	color: #555;
	text-align: center;
	margin-bottom: 50px;
}
.area2_con{
	width: 1200px;
	margin: 0 auto;
}
.area2_con ul{
	overflow: hidden;
}
.area2_con ul li{
	width: 23.5%;
	margin-right: 2%;
	float: left;
	background-size: 100%;
	text-align: center;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 43px;
	margin-bottom: 20px;
}
.area2_con ul li h3{
	font-size: 16px;
	margin: 20px auto;
}
.area2_con ul li span{
	border: 1px solid #fff;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	display: inline-block;
	text-align: center;
	width: 125px;
	font-size: 16px;
}
.area2_con ul li:nth-of-type(1){
	background: url(../../img/zsfwsy-img/area2_1.jpg) no-repeat center top;
}
.area2_con ul li:nth-of-type(2){
	background: url(../../img/zsfwsy-img/area2_2.jpg) no-repeat center top;
}
.area2_con ul li:nth-of-type(3){
	background: url(../../img/zsfwsy-img/area2_3.jpg) no-repeat center top;
}
.area2_con ul li:nth-of-type(4){
	background: url(../../img/zsfwsy-img/area2_4.jpg) no-repeat center top;
	margin-right: 0;
}
.area2_con ul li:nth-of-type(5){
	background: url(../../img/zsfwsy-img/area2_5.jpg) no-repeat center top;
}
.area2_con ul li:nth-of-type(6){
	background: url(../../img/zsfwsy-img/area2_6.jpg) no-repeat center top;
}
.area2_con ul li:nth-of-type(7){
	background: url(../../img/zsfwsy-img/area2_7.jpg) no-repeat center top;
}
.area2_con ul li:nth-of-type(8){
	background: url(../../img/zsfwsy-img/area2_8.jpg) no-repeat center top;
	margin-right: 0;
}
.area3{
	width: 100%;
	background: #0d2f57;
	padding-top: 80px;
	padding-bottom: 80px;
}
.area3 .tit_con{
	text-align: center;
	color: #fff;
}
.area3 .tit_con h2{
	font-size: 36px;
	margin: 20px auto;
}
.area3 .tit_con p{
	font-size: 20px;
}
.area3 .tit_con h2 span{
	color: #f3c701;
	font-weight: bold;
}
.area3_con{
	width: 1200px;
	margin: 80px auto 20px;
	overflow: hidden;
	text-align: center;
}
.area3_con li{
	float: left;
	width: 18%;
	margin-right: 2%;
	text-align: center;
	color: #fff;
}
.area3_con li img{
	width: 100%;
}
.area3_con li span{
	margin-top: 20px;
	font-size: 20px;
	display: inline-block;
}
.area3_con .btn{
	width: 307px;
	height: 44px;
	display: inline-block;
	margin:60px auto 0;
}
.area4{
	width: 100%;
	margin: 80px auto 40px;
}
.area4 .tit_con h2{
	font-size:36px;
	text-align: center;
	font-weight: normal;
}
.area4 .tit_con p{
	text-align: center;
	font-size: 20px;
	margin: 20px auto 60px;
	color: #555;
}
.area4_con{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.area4_con li{
	width: 22%;
	margin-right:4%;
	border-bottom: 4px solid #2b4777;
	padding-bottom: 20px;
	float: left;
	margin-bottom: 50px;
}
.area4_con li{
	padding-left: 60px;
	background: url(../../img/zsfwsy-img/area4_1.jpg) no-repeat left top;
	padding-right: 30px;
	margin-top: 20px;
}
.area4_con li:nth-of-type(2){
	background: url(../../img/zsfwsy-img/area4_2.jpg) no-repeat left top;
}
.area4_con li:nth-of-type(3){
	background: url(../../img/zsfwsy-img/area4_3.jpg) no-repeat left top;
}
.area4_con li:nth-of-type(4){
	background: url(../../img/zsfwsy-img/area4_4.jpg) no-repeat left top;
	margin-right: 0;
}
.area4_con li:nth-of-type(5){
	background: url(../../img/zsfwsy-img/area4_5.jpg) no-repeat left top;
}
.area4_con li:nth-of-type(6){
	background: url(../../img/zsfwsy-img/area4_6.jpg) no-repeat left top;
}
.area4_con li:nth-of-type(7){
	background: url(../../img/zsfwsy-img/area4_7.jpg) no-repeat left top;
}
.area4_con li:nth-of-type(8){
	background: url(../../img/zsfwsy-img/area4_8.jpg) no-repeat left top;
	margin-right: 0;
}
.area4_con_li h3{
	font-size: 24px;
	color: #1d81c0;
	border-bottom: 1px solid #1d81c0;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.area4_con_li p{
	font-size: 18px;
	line-height: 180%;
}
.qkl{
	width: 100%;
	margin:85px auto 60px;
}
.qkl .tit{
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.qkl .tit h2{
	font-size: 36px;
	margin-bottom: 20px;
}
.qkl .tit p{
	font-size: 24px;
	line-height: 150%;
}
.qkl_con{
	text-align: center;
}
.qkl_con img{
	text-align: center;
}
.shipin{ 
	width:100% ;
	margin-bottom: 85px;
}
.shipin_con{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.shipin_left{
	float: left;
	width: 35%;
}
.shipin_right{
	float: right;
	width: 60%;
	padding: 20px;
	background: #fff;
}
.shipin_right h2{
	font-size: 24px;
	margin-bottom: 10px;
}

@media screen and (max-width:768px) {	
	.banner_con {
		width: 90%;
		padding-top:0px;
	}
	.banner{
		background: url(../../img/zsfwsy-img/banner_sj.jpg) no-repeat center top;
		background-size: 100%;
		height: 300px;
	}
	.banner_left {
		width: 100%;
		text-align: center;
		margin-right:0;
	}
	.zswl{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.banner_left hr{
		text-align: center;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.banner_left h2{
		font-size: 18px;
	}
	.banner_left .jjfa{
		font-size: 14px;
		line-height: 150%;
		margin: 15px auto 30px;
	}
	.btn{
		display: none;
	}
	.banner_rig{
		width:100%;
		height: 300px;
		padding: 10px;
	}
	.area1 {
		margin-bottom: 10px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.area1_con{
		width: 90%;
		background-size: 30%;
		background: none;
	}
	.area1_con li{
		width: 47%;
		padding-top: 90px;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
		height: 250px;
		background:#fff  url(../../img/zsfwsy-img/area1.png) no-repeat center 30px;
		background-size: 30%;
	}
	.area1_con li h3{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.area1_con li p{
		line-height: 150%;
		font-size: 12px;
	}
	.area1_con li:nth-of-type(1){
		margin-right:5%;
		margin-bottom: 35px;
	}
	.area1_con li:nth-of-type(2){
		margin-bottom: 35px;
		margin-right: 0;
		background:#fff  url(../../img/zsfwsy-img/area2.png) no-repeat center 30px;
		background-size: 30%;
	}
	
	.area1_con li:nth-of-type(3){
		background:#fff  url(../../img/zsfwsy-img/area3.png) no-repeat center 30px;
		background-size: 30%;
	}
	
	.area1_con li:nth-of-type(4){
		margin-right: 0;
		background:#fff  url(../../img/zsfwsy-img/area4.png) no-repeat center 30px;
		background-size: 30%;
		
	}
	.area2{
		width: 100%;
		margin-bottom: 30px;
		padding-top: 30px;
		padding-bottom: 0;
	}
	
	.area2 .tit_con h2{
		font-size: 18px;
		width: 90%;
		margin: 0 auto;
	}
	.area2 .tit_con p{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.area2_con{
		width:90%;
	}
	.area2_con ul li{
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.area2_con ul li h3{
		font-size: 14px;
		margin: 10px auto;
	}
	.area2_con ul li span{
		font-size: 12px;
		width: 70%;
	}
	.area2_con li b{
		width: 30%;
	}
	.area2_con li b img{
		width: 25%;
	}
	.area3{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.area3 .tit_con h2{
		width: 90%;
		font-size: 18px;
		margin: 20px auto;
	}
	.area3 .tit_con p{
		font-size: 12px;
	}
	.area3_con{
		width: 90%;
		margin: 30px auto 0;
	}
	.area3_con li span{
		font-size: 12px;
	}
	.area3_con .btn{
		width: 60%;
		margin:30px auto 0;
	}
	.area4{
		margin: 30px auto 10px;
	}
	.area4 .tit_con h2{
		font-size:18px;
		width: 90%;
		margin: 0 auto;
	}
	.area4 .tit_con p{
		font-size: 12px;
		margin: 10px auto 20px;
	}
	.area4_con{
		width: 96%;
	}
	.area4_con li{
		width:46%;
		margin-right:2%;
		margin-left: 2%;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.area4_con li{
		padding-left: 38px;
		padding-right: 10px;
		margin-top: 20px;
		background-size:20%;
	}
	.area4_con li:nth-of-type(2){
		background-size:20%;
	}
	.area4_con li:nth-of-type(3){
		background-size:20%;
	}
	.area4_con li:nth-of-type(4){
		background-size:20%;
	}
	.area4_con li:nth-of-type(5){
		background-size:20%;
	}
	.area4_con li:nth-of-type(6){
		background-size:20%;
	}
	.area4_con li:nth-of-type(7){
		background-size:20%;
	}
	.area4_con li:nth-of-type(8){
		background-size:20%;
	}
	.area4_con_li h3{
		font-size: 16px;
		padding-bottom: 15px;
		margin-bottom: 10px;
	}
	.area4_con_li p{
		font-size: 12px;
	}
	
	
	
	.qkl{
		margin:30px auto 10px;
	}
	.qkl .tit{
		width:90%;
	}
	.qkl .tit h2{
		font-size: 18px;
		margin-bottom:10px;
	}
	.qkl .tit p{
		font-size:12px;
	}
	.qkl_con img{
		width: 100%;
	}
	.shipin{ 
		margin-bottom:25px;
	}
	.shipin_con{
		width:90%;
	}
	.shipin_left{
		float: left;
		width: 35%;
	}
	.shipin_left img{
		width: 100%;
	}
	.shipin_right{
		float: right;
		width: 60%;
		padding: 20px;
		background: #fff;
	}
	.shipin_right h2{
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	
	
	
	
}