body{
	background-color:#fafdff
}
.zysz-logo{
	height:80px;
	width:1200px;
	margin:0 auto;
	position:relative;
}
.zysz-logo img{
	height:48px;
	margin-top:16px;
	margin-right:16px;
}
.zysz-logo .logo-right{
	height:42px;
	float:right;
	margin-top:8px;
}
.zysz-logo .logo-m{
	position:absolute;
	right:10px;
	bottom:5px;
	font-size:12px;
	line-height:26px;
	width:186px;
	text-align:center;
	background-color:red;
	border-radius:13px;
	color:white;
}
.nav123{
	width:100%;
	height:50px;
	background-color:#178ce6;
}
.nav123 ul{
	width:1200px;
	height:50px;
	margin:0 auto;
}

.nav123 ul a {
	color:#fff;
	width:120px;
	
}
.nav123 ul a .on{
	color:#178ce6;
	background-color:#fff;
}
.nav123 ul a:hover li {
	color:#178ce6;
	width:120px;
	background-color:#fff;
	
}

.nav123 ul a li{
	float:left;
	width:120px;
	line-height:50px;
	text-align:center;
	font-size:14px;
}
.jcbanner{
	width:100%;
    margin: auto;
    background: url(../images/jcbanner.jpg) no-repeat center center;
    height: 500px;
    overflow: hidden;
    background-size: cover;
}
.banner {
    width: 100%;
    max-width: 1920px;
    overflow: hidden;
    height: 500px;
    background: url(../msimg/ms-banner.jpg) no-repeat center center;
}
.small-nav{
	width:1200px;
	margin:0 auto;
	margin-top:40px;
}
.small-nav ul{
	width:560px;
	height:50px;
	margin:0 auto;
}
.small-nav ul a{
	width:240px;
	height:50px;
}

.small-nav ul a li{
	float:left;
	width:240px;
	line-height:50px;
	text-align:center;
	margin-left:60px;
	background-color:#ccc;
	color:#222;
}
.small-nav ul a .on{
	margin-left:0;
}
.small-nav ul a li:hover{
	background-color:#178ce6;
	color:#fff;
}

.big-h1{
	text-align:center;
	font-size:42px;
	margin-top:40px;
	color:#222;
}

.small-h1{
	font-size:18px;
	color:#222;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
.main{
	width:1200px;
	margin:0 auto;
	margin-top:40px;
	height:250px;
}
.main .left-content{
	width:180px;
	height:240px;
	margin-left:94px;
		overflow:hidden;
}
.main .left-content a img{
	width:180px;
	height:240px;
	transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s
}
.main .left-content a:hover img{
transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)
}
.main  .right-top{
	width:820px;
	height:86px;
	float:right;
	margin-top:-230px;
	margin-right:60px;
}
.main  .right-top p{
	font-size:14px;
	color:#222;
	line-height:24px;
}
.main  .right-top span{
	float:right;
	color:#222;
	line-height:24px;
}
.main .right-bottom{
	width:820px;
	height:124px;
	background-color:#178ce6;
	float:right;
	margin-top:-125px;
	margin-right:60px;
}

.main .right-bottom .bottom-content{
	width:790px;
	height:100px;
	margin: auto;
	margin-top:15px;
}
.main .right-bottom .bottom-content h4{
	font-size:16px;
	 color:#fff;
}
.main .right-bottom .bottom-content p{
	font-size:12px;
	color:#fff;
	line-height:20px;
}

.js-main {
	width:1200px;
	height:1040px;
	margin:0 auto;
}
.js-main ul{
	width:1200px;
	height:940px;
	margin:0 auto;
}
.js-main ul>li{
	width:284px;
	height:460px;
	overflow:hidden;
	float:left;
	margin-left:20px;
	margin-bottom:30px;
	
}
.js-main ul .first{
	width:284px;
	height:460px;
	overflow:hidden;
	float:left;
	margin-left:0;
	margin-bottom:30px;
}
.js-main ul>li a{
	width:284px;
	height:460px;
	position:relative
}
.js-main ul>li a img{
	width:284px;
}
.js-main ul>li a p{
	width:284px;
	line-height:40px;
	position:absolute;
	left:0;
	top:420px;
	padding-left:10px;
	background-color:#fff;
	font-size:20px;
	color:#222;
	
}

.js-main ul>li a span{
	width:184px;
	line-height:34px;
	position:absolute;
	left:0;
	top:424px;
	padding-left:100px;
	font-size:16px;
	color:#222;
	
}
.js-main ul>li a h4{
	color:#222;
	background-color:#fff;
	width:284px;
	height:170px;
}
.js-main ul>li a h4 strong{
	font-size:18px;
}
.js-main ul>li a:hover  p,.js-main ul>li a:hover  span{
	top:250px;
	color:#178ce6;
}
.js-main ul>li a:hover  h4{
	margin-top:-170px;
}






