﻿body{
	font-family:"Microsoft Yahei";
	a{
		text-decoration:none;
	}
}
@media(min-width:1200px){
	.synav{
		width:100%;
		position:fixed;
		top:0;
		z-index:999;
		background:#2e477f;
		padding-top:1%;
		padding-bottom:1%;
	}
	.synav-lf{
		display:inline-block;
		float:left;
		width:18%;
		margin-left:2%;
	}
	.synav-lf img{
		width:100%;
	}
	.synav-rt{
		display:inline-block;
		width:45%;
		float:right;
	}
	.synav-rt ul li{
		float:left;
		width:12.5%;
		text-align:center;
		font-size:14px;
		line-height:50px;
	}
	.synav-rt ul li a{
		color:#fff;
		text-decoration:none;
	}
	.synav-rt ul li a:hover{
		color:#4eefff;
	}
	
	
	.sytxt{
		width:40%;
		position:fixed;
		top:30%;
		left:10%;
		z-index:99;
	}
	.syt-p1{
		font-size:32px;
		font-weight:bold;
		color:#fff;
	}
	.syt-p2{
		font-size:16px;
		color:#fff;
	}
	.syt-p2-1{
		margin-top:2%;
	}
	.ljgd{
		width:20%;
		
		background:#37678d;
		text-align:center;
		font-size:14px;
		margin-top:4%;
	}
	.ljgd a{
		display:inline-block;
		padding-top:6%;
		padding-bottom:7%;
		width:100%;
		height:100%;
		color:#fff;
	}
	.ljgd a:hover{
		display:inline-block;
		width:100%;
		height:100%;
		background:#1a4f79;
		text-decoration:none;
	}
	
	.syhzhb{
		width:60%;
		position:fixed;
		bottom:20%;
		left:10%;
	}
	
	/*侧栏*/
	.celan{
		width:5%;
		position:fixed;
		top:42%;
		left:0;
	}
	.celan a{
		display:inline-block;
		width:100%;
		margin-bottom:2%;
	}
	.celan a img{
		width:100%;
	}
	.clqb{
		position:relative;
	}
	.cl-weixin{
		cursor:pointer;
	}
	.celan-wx{
		display:none;
		position:fixed;
		top:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:0.7;
		z-index:9999;
	}
	.celan-wx img{
		width:150px;
		height:150px;
		margin-left:45%;
		margin-top:20%;
	}
	.clwx-fc{
		width:100%;
		position:relative;
	}
	.sychacha{
		width:2%;
		position:absolute;
		top:2%;
		right:2.5%;
		cursor:pointer;
	}
	.sychacha img{
		width:100%;
		height:20%;
	}
	
	.celan-dh{
		display:none;
		position:absolute;
		top:50%;
		left:100%;
		width:200%;
		background:#30a0e0;
		padding-top:32%;
		padding-bottom:31%;
		text-align:center;
		font-size:20px;
		color:#fff;
		font-weight:bold;
	}
	
	/**/
	.synav-rt2{
		display:none;
	}
	.navxiala{
		display:none;
	}
	/**/
	.banquan{
		position:fixed;
		bottom:20%;
		width:1200px;
		height:60px;
		margin:0 auto;
		line-height:60px;
		text-align:center;
		font-size:14px;
		color:#fff;
		z-index:9999;
	}
	
}
@media(min-width:1080px) and (max-width:1200px){
	.synav{
		width:100%;
		position:fixed;
		top:0;
		z-index:999;
		background:#2e477f;
		padding-top:1%;
		padding-bottom:1%;
	}
	.synav-lf{
		display:inline-block;
		float:left;
		width:18%;
		margin-left:2%;
	}
	.synav-lf img{
		width:100%;
	}
	.synav-rt{
		display:inline-block;
		width:45%;
		float:right;
	}
	.synav-rt ul li{
		float:left;
		width:12.5%;
		text-align:center;
		font-size:14px;
		line-height:50px;
	}
	.synav-rt ul li a{
		color:#fff;
		text-decoration:none;
	}
	.synav-rt ul li a:hover{
		color:#4eefff;
	}
	
	
	.sytxt{
		width:40%;
		position:fixed;
		top:30%;
		left:10%;
		z-index:99;
	}
	.syt-p1{
		font-size:32px;
		font-weight:bold;
		color:#fff;
	}
	.syt-p2{
		font-size:16px;
		color:#fff;
	}
	.syt-p2-1{
		margin-top:2%;
	}
	.ljgd{
		width:20%;
		
		background:#37678d;
		text-align:center;
		font-size:14px;
		margin-top:4%;
	}
	.ljgd a{
		display:inline-block;
		padding-top:6%;
		padding-bottom:7%;
		width:100%;
		height:100%;
		color:#fff;
	}
	.ljgd a:hover{
		display:inline-block;
		width:100%;
		height:100%;
		background:#1a4f79;
		text-decoration:none;
	}
	
	.syhzhb{
		width:60%;
		position:fixed;
		bottom:20%;
		left:10%;
	}
	
	/*侧栏*/
	.celan{
		width:5%;
		position:fixed;
		top:42%;
		left:0;
	}
	.celan a{
		display:inline-block;
		width:100%;
		margin-bottom:2%;
	}
	.celan a img{
		width:100%;
	}
	.clqb{
		position:relative;
	}
	.cl-weixin{
		cursor:pointer;
	}
	.celan-wx{
		display:none;
		position:fixed;
		top:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:0.7;
		z-index:9999;
	}
	.celan-wx img{
		width:150px;
		height:150px;
		margin-left:45%;
		margin-top:20%;
	}
	.clwx-fc{
		width:100%;
		position:relative;
	}
	.sychacha{
		width:2%;
		position:absolute;
		top:2%;
		right:2.5%;
		cursor:pointer;
	}
	.sychacha img{
		width:100%;
		height:20%;
	}
	
	.celan-dh{
		display:none;
		position:absolute;
		top:50%;
		left:100%;
		width:200%;
		background:#30a0e0;
		padding-top:32%;
		padding-bottom:31%;
		text-align:center;
		font-size:20px;
		color:#fff;
		font-weight:bold;
	}
	
	/**/
	.synav-rt2{
		display:none;
	}
	.navxiala{
		display:none;
	}
	/**/
	.banquan{
		position:fixed;
		bottom:20%;
		width:1200px;
		height:60px;
		margin:0 auto;
		line-height:60px;
		text-align:center;
		font-size:14px;
		color:#fff;
		z-index:9999;
	}
	
}

@media(min-width:995px) and (max-width:1080px){
	.synav{
		width:100%;
		position:fixed;
		top:0;
		z-index:999;
		background:#2e477f;
		padding-top:1%;
		padding-bottom:1%;
	}
	.synav-lf{
		display:inline-block;
		float:left;
		width:25%;
		margin-left:2%;
		margin-top:1%;
	}
	.synav-lf img{
		width:100%;
	}
	.synav-rt{
		display:inline-block;
		width:60%;
		float:right;
	}
	.synav-rt ul li{
		float:left;
		width:12.5%;
		text-align:center;
		font-size:14px;
		line-height:50px;
	}
	.synav-rt ul li a{
		color:#fff;
	}
	.synav-rt ul li a:hover{
		border-bottom:1px solid #fff;
	}
	
	
	.sytxt{
		width:50%;
		position:fixed;
		top:30%;
		left:10%;
		z-index:99;
	}
	.syt-p1{
		font-size:28px;
		font-weight:bold;
		color:#fff;
	}
	.syt-p2{
		font-size:16px;
		color:#fff;
	}
	.syt-p2-1{
		margin-top:2%;
	}
	.ljgd{
		width:25%;
		padding-top:1.5%;
		padding-bottom:1.5%;
		background:#37678d;
		text-align:center;
		font-size:14px;
		margin-top:4%;
	}
	.ljgd a{
		display:inline-block;
		color:#fff;
	}
	
	.syhzhb{
		width:60%;
		position:fixed;
		bottom:20%;
		left:10%;
	}
	
	/*侧栏*/
	.celan{
		width:6%;
		position:fixed;
		top:40%;
		left:0;
	}
	.celan a{
		display:inline-block;
		width:100%;
		margin-bottom:2%;
	}
	.celan a img{
		width:100%;
	}
	.clqb{
		position:relative;
	}
	.cl-weixin{
		cursor:pointer;
	}
	.celan-wx{
		display:none;
		position:fixed;
		top:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:0.7;
		z-index:9999;
	}
	.celan-wx img{
		width:150px;
		height:150px;
		margin-left:45%;
		margin-top:20%;
	}
	.clwx-fc{
		width:100%;
		position:relative;
	}
	.sychacha{
		width:2%;
		position:absolute;
		top:2%;
		right:2.5%;
		cursor:pointer;
	}
	.sychacha img{
		width:100%;
		height:20%;
	}
	.celan-dh{
		display:none;
		position:absolute;
		top:50%;
		left:100%;
		width:200%;
		background:#30a0e0;
		padding-top:32%;
		padding-bottom:31%;
		text-align:center;
		font-size:20px;
		color:#fff;
		font-weight:bold;
	}
	.synav-rt2{
		display:none;
	}
	.navxiala{
		display:none;
	}
}

@media(min-width:768px) and (max-width:995px){
	.synav{
		width:100%;
		position:fixed;
		top:0;
		z-index:999;
		background:#2e477f;
		padding-top:1%;
		padding-bottom:1%;
	}
	.synav-lf{
		display:inline-block;
		float:left;
		width:25%;
		margin-left:2%;
		margin-top:1%;
	}
	.synav-lf img{
		width:100%;
	}
	.synav-rt{
		display:inline-block;
		width:60%;
		float:right;
	}
	.synav-rt ul li{
		float:left;
		width:12.5%;
		text-align:center;
		font-size:14px;
		line-height:50px;
	}
	.synav-rt ul li a{
		color:#fff;
	}
	.synav-rt ul li a:hover{
		border-bottom:1px solid #fff;
	}
	
	
	.sytxt{
		width:50%;
		position:fixed;
		top:30%;
		left:10%;
		z-index:99;
	}
	.syt-p1{
		font-size:28px;
		font-weight:bold;
		color:#fff;
	}
	.syt-p2{
		font-size:16px;
		color:#fff;
	}
	.syt-p2-1{
		margin-top:2%;
	}
	.ljgd{
		width:25%;
		padding-top:1.5%;
		padding-bottom:1.5%;
		background:#37678d;
		text-align:center;
		font-size:14px;
		margin-top:4%;
	}
	.ljgd a{
		display:inline-block;
		color:#fff;
	}
	
	.syhzhb{
		width:60%;
		position:fixed;
		bottom:20%;
		left:10%;
	}
	
	/*侧栏*/
	.celan{
		width:6%;
		position:fixed;
		top:40%;
		left:0;
	}
	.celan a{
		display:inline-block;
		width:100%;
		margin-bottom:2%;
	}
	.celan a img{
		width:100%;
	}
	.clqb{
		position:relative;
	}
	.cl-weixin{
		cursor:pointer;
	}
	.celan-wx{
		display:none;
		position:fixed;
		top:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:0.7;
		z-index:9999;
	}
	.celan-wx img{
		width:150px;
		height:150px;
		margin-left:45%;
		margin-top:20%;
	}
	.clwx-fc{
		width:100%;
		position:relative;
	}
	.sychacha{
		width:2%;
		position:absolute;
		top:2%;
		right:2.5%;
		cursor:pointer;
	}
	.sychacha img{
		width:100%;
		height:20%;
	}
	.celan-dh{
		display:none;
		position:absolute;
		top:50%;
		left:100%;
		width:200%;
		background:#30a0e0;
		padding-top:32%;
		padding-bottom:31%;
		text-align:center;
		font-size:20px;
		color:#fff;
		font-weight:bold;
	}
	.synav-rt2{
		display:none;
	}
	.navxiala{
		display:none;
	}
}

@media(min-width:600px) and (max-width:768px){
	.synav{
		width:100%;
		position:fixed;
		top:0;
		z-index:999;
		background:#2e477f;
		padding-top:1%;
		padding-bottom:1%;
	}
	.synav-lf{
		display:inline-block;
		float:left;
		width:45%;
		margin-left:2%;
		margin-top:0.5%;
		padding-bottom:0.5%;
	}
	.synav-lf img{
		width:100%;
	}
	.synav-rt{
		display:inline-block;
		width:60%;
		float:right;
	}
	.synav-rt ul li{
		float:left;
		width:12.5%;
		text-align:center;
		font-size:14px;
		line-height:50px;
	}
	.synav-rt ul li a{
		color:#fff;
	}
	.synav-rt ul li a:hover{
		border-bottom:1px solid #fff;
	}
	
	
	.sytxt{
		width:80%;
		position:fixed;
		top:30%;
		left:10%;
		z-index:99;
	}
	.syt-p1{
		font-size:28px;
		font-weight:bold;
		color:#fff;
	}
	.syt-p2{
		font-size:16px;
		color:#fff;
	}
	.syt-p2-1{
		margin-top:2%;
	}
	.ljgd{
		width:25%;
		padding-top:1.5%;
		padding-bottom:1.5%;
		background:#37678d;
		text-align:center;
		font-size:14px;
		margin-top:4%;
	}
	.ljgd a{
		display:inline-block;
		color:#fff;
	}
	
	.syhzhb{
		width:90%;
		position:fixed;
		bottom:20%;
		left:8%;
	}
	
	/*侧栏*/
	
	.celan{
		width:9%;
		position:fixed;
		top:53%;
		left:0;
	}
	.celan a{
		display:inline-block;
		width:100%;
		margin-bottom:2%;
	}
	.celan a img{
		width:100%;
	}
	.clqb{
		position:relative;
	}
	.cl-weixin{
		cursor:pointer;
	}
	.celan-wx{
		display:none;
		position:fixed;
		top:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:0.7;
		z-index:9999;
	}
	.celan-wx img{
		width:150px;
		height:150px;
		margin-left:45%;
		margin-top:20%;
	}
	.clwx-fc{
		width:100%;
		position:relative;
	}
	.sychacha{
		width:2%;
		position:absolute;
		top:2%;
		right:2.5%;
		cursor:pointer;
	}
	.sychacha img{
		width:100%;
		height:20%;
	}
	.celan-dh{
		display:none;
		position:absolute;
		top:50%;
		left:100%;
		width:200%;
		background:#30a0e0;
		padding-top:32%;
		padding-bottom:31%;
		text-align:center;
		font-size:20px;
		color:#fff;
		font-weight:bold;
	}
	/**/
	.synav-rt{
		display:none;
	}
	.synav-rt2{
		position:relative;
		display:inline-block;
		float:right;
		width:8%;
		margin-right:2%;
		margin-top:0.5%;
		cursor:pointer;
	}
	.synav-rt2 img{
		width:100%;
	}
	.navxiala{
		display:none;
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		background:#fff;
		opacity:0.8;
	}
	.navxiala ul li{
		width:100%;
		line-height:40px;
		padding-top:1%;
		padding-bottom:1%;
		text-align:center;
	}
	.navxiala ul li a{
		font-size:16px;
		color:#010101;
	}
	.navxiala ul li a:hover{
		color:#364f7f;
	}
}

@media(min-width:375px) and (max-width:600px){
	.synav-rt{
		display:none;
	}
	.synav{
		width:100%;
		position:fixed;
		top:0;
		z-index:999;
		background:#2e477f;
		padding-top:3%;
		padding-bottom:3%;
	}
	.synav-lf{
		display:inline-block;
		float:left;
		width:55%;
		margin-left:2%;
		margin-top:0.5%;
		padding-bottom:0.5%;
	}
	.synav-lf img{
		width:100%;
	}
	.synav-rt{
		display:inline-block;
		width:60%;
		float:right;
	}
	.synav-rt ul li{
		float:left;
		width:12.5%;
		text-align:center;
		font-size:14px;
		line-height:50px;
	}
	.synav-rt ul li a{
		color:#fff;
	}
	.synav-rt ul li a:hover{
		border-bottom:1px solid #fff;
	}
	
	
	.sytxt{
		width:90%;
		position:fixed;
		top:20%;
		left:5%;
		z-index:99;
	}
	.syt-p1{
		font-size:21px;
		font-weight:bold;
		color:#fff;
	}
	.syt-p2{
		font-size:14px;
		color:#fff;
	}
	.syt-p2-1{
		margin-top:2%;
	}
	.ljgd{
		width:35%;
		padding-top:1.5%;
		padding-bottom:1.5%;
		background:#37678d;
		text-align:center;
		font-size:14px;
		margin-top:4%;
	}
	.ljgd a{
		display:inline-block;
		color:#fff;
	}
	
	.syhzhb{
		width:90%;
		position:fixed;
		bottom:20%;
		left:8%;
	}
	
	/*侧栏*/
	.celan{
		width:15%;
		position:fixed;
		top:53%;
		left:0;
	}
	.celan a{
		display:inline-block;
		width:100%;
		margin-bottom:2%;
	}
	.celan a img{
		width:100%;
	}
	.clqb{
		position:relative;
	}
	.cl-weixin{
		cursor:pointer;
	}
	.celan-wx{
		display:none;
		position:fixed;
		top:0;
		width:100%;
		height:100%;
		background:#000;
		opacity:0.7;
		z-index:9999;
	}
	.celan-wx img{
		width:150px;
		height:150px;
		margin-left:30%;
		margin-top:58%;
	}
	.clwx-fc{
		width:100%;
		position:relative;
	}
	.sychacha{
		width:7%;
		position:absolute;
		top:0%;
		right:5%;
		cursor:pointer;
	}
	.sychacha img{
		width:100%;
		height:20%;
	}
	.celan-dh{
		display:none;
		position:absolute;
		top:50%;
		left:100%;
		width:200%;
		background:#30a0e0;
		padding-top:32%;
		padding-bottom:31%;
		text-align:center;
		font-size:20px;
		color:#fff;
		font-weight:bold;
	}
	/**/
	.synav-rt{
		display:none;
	}
	.synav-rt2{
		position:relative;
		display:inline-block;
		float:right;
		width:8%;
		margin-right:2%;
		margin-top:0.5%;
		cursor:pointer;
	}
	.synav-rt2 img{
		width:100%;
	}
	.navxiala{
		display:none;
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		background:#fff;
		opacity:0.8;
	}
	.navxiala ul li{
		width:100%;
		line-height:40px;
		padding-top:1%;
		padding-bottom:1%;
		text-align:center;
	}
	.navxiala ul li a{
		font-size:16px;
		color:#010101;
	}
	.navxiala ul li a:hover{
		color:#364f7f;
	}
	.syhzhb img{
		width:30%;
	}
}












