@charset "UTF-8";
/* CSS Document */
.sjly {
	width:600px;
	background:#f8f8f8
}
.sjly ul {
	padding:5px 5px 20px 20px;
}
.sjly li {
	display:inline-block;
	float:left;
	width:100px;
	height:105px;
	padding-top:15px;
	margin-right:15px;
}
.sjly li a {
	display:inline-block;
	float:left;
	padding-top:65px;
	width:100px;
	height:40px;
	background:url(../images/2016ns_data_ico.png) no-repeat;
	text-align:center;
	font:16px/40px "微软雅黑";
	color:#333;
}
.sjly .s1 a {
	background-position:0 0;
}
.sjly .s1 a:hover {
	background-position:0 -240px;
}
.sjly .s2 a {
	background-position:-115px 0;
}
.sjly .s2 a:hover {
	background-position:-115px -240px;
}
.sjly .s3 a {
	background-position:-230px 0;
}
.sjly .s3 a:hover {
	background-position:-230px -240px;
}
.sjly .s4 a {
	background-position:-345px 0;
}
.sjly .s4 a:hover {
	background-position:-345px -240px;
}
.sjly .s5 a {
	background-position:-460px 0;
}
.sjly .s5 a:hover {
	background-position:-460px -240px;
}
.sjly .s6 a {
	background-position:0 -120px;
}
.sjly .s6 a:hover {
	background-position:0 -360px;
}
.sjly .s7 a {
	background-position:-115px -120px;
}
.sjly .s7 a:hover {
	background-position:-115px -360px;
}
.sjly .s8 a {
	background-position:-230px -120px;
}
.sjly .s8 a:hover {
	background-position:-230px -360px;
}
.sjly .s9 a {
	background-position:-345px -120px;
}
.sjly .s9 a:hover {
	background-position:-345px -360px;
}
.sjly .s10 a {
	background-position:-460px -120px;
}
.sjly .s10 a:hover {
	background-position:-460px -360px;
}
.sjly li a:hover {
	color:#fff;
}
.zxsj {
	width:374px;
	background:#edfbff;
}
.zxsj-pic {
	padding:10px 0 0 0;
	height:255px;
	text-align:center;
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	  .f-l, .f-r{float:none;}
      .sjly, .zxsj{width: 100%;}
	  .sjly ul{width: 100%; padding: 5px 0px 20px 0px;}
	  .sjly li{width: 17.6%; margin-left: 15px; margin-right:0}
	  .sjly li a{width: 100%; background: url(../images/2016ns_data_ico.png) top center no-repeat #eaeaea;}
	  .sjly .s1 a{background-position: 15px 0;}
	  .sjly .s2 a{background-position: -100px 0;}
	  .sjly .s3 a{background-position: -215px 0;}
	  .sjly .s4 a{background-position: -330px 0;}
	  .sjly .s5 a{background-position: -450px 0;}
	  .sjly .s6 a{background-position: 15px -120px;}
	  .sjly .s7 a{background-position: -100px -120px;}
	  .sjly .s8 a{background-position: -215px -120px;}
	  .sjly .s9 a{background-position: -332px -120px;;}
	  .sjly .s10 a{background-position: -445px -120px;}
}

/* xs */
@media (max-width: 768px) {
	  .f-l, .f-r{float:none;}
      .sjly, .zxsj{width: 100%;}
	  .sjly ul{width: 100%; padding: 5px 0px 20px 0px;}
	  .sjly li{width: 17.6%; margin-left: 15px; margin-right:0} 
	  .sjly li a{width: 100%; background: url(../images/2016ns_data_ico.png) top center no-repeat #eaeaea;}
	  .sjly .s1 a{background-position: 15px 0;}
	  .sjly .s2 a{background-position: -100px 0;}
	  .sjly .s3 a{background-position: -215px 0;}
	  .sjly .s4 a{background-position: -330px 0;}
	  .sjly .s5 a{background-position: -450px 0;}
	  .sjly .s6 a{background-position: 15px -120px;}
	  .sjly .s7 a{background-position: -100px -120px;}
	  .sjly .s8 a{background-position: -215px -120px;}
	  .sjly .s9 a{background-position: -332px -120px;;}
	  .sjly .s10 a{background-position: -445px -120px;}
}

/* XS Portrait */
@media (max-width: 679px) {
	.sjly ul{width: 100%;}
    .sjly li{width: 28.5%;}
    .sjly .s1 a{background-position: 10px 0;}
	.sjly .s2 a{background-position: -105px 0;}
	.sjly .s3 a{background-position: -222px 0;}
	.sjly .s4 a{background-position: -335px 0;}
	.sjly .s5 a{background-position: -455px 0;}
	.sjly .s6 a{background-position: 10px -120px;}
	.sjly .s7 a{background-position: -105px -120px;}
	.sjly .s8 a{background-position: -222px -120px;}
	.sjly .s9 a{background-position: -337px -120px;;}
	.sjly .s10 a{background-position: -452px -120px;}
}

/* XS Portrait */	
@media (max-width: 480px) {
	.sjly ul{width: 100%;}
    .sjly li{width: 28.5%;}
    .sjly .s1 a{background-position: 10px 0;}
	.sjly .s2 a{background-position: -105px 0;}
	.sjly .s3 a{background-position: -222px 0;}
	.sjly .s4 a{background-position: -335px 0;}
	.sjly .s5 a{background-position: -455px 0;}
	.sjly .s6 a{background-position: 10px -120px;}
	.sjly .s7 a{background-position: -105px -120px;}
	.sjly .s8 a{background-position: -222px -120px;}
	.sjly .s9 a{background-position: -337px -120px;;}
	.sjly .s10 a{background-position: -452px -120px;}
}

@media (max-width: 400px) {
    .sjly li{width: 28%;}
	.sjcx_from select{width: 130px;}
}

@media (max-width: 360px) {
	.sjly .s1 a{background-position: 0 0;}
	.sjly .s2 a{background-position: -115px 0;}
	.sjly .s3 a{background-position: -230px 0;}
	.sjly .s4 a{background-position: -345px 0;}
	.sjly .s5 a{background-position: -460px 0;}
	.sjly .s6 a{background-position: 0 -120px;}
	.sjly .s7 a{background-position: -115px -120px;}
	.sjly .s8 a{background-position: -230px -120px;}
	.sjly .s9 a{background-position: -345px -120px;;}
	.sjly .s10 a{background-position: -462px -120px;}
    .sjcx_from select{width: 100px !important;}
}

@media (max-width: 320px) {
	.sjly li{width: 43%;}
	.sjly .s1 a{background-position: 17px 0;}
	.sjly .s2 a{background-position: -98px 0;}
	.sjly .s3 a{background-position: -210px 0;}
	.sjly .s4 a{background-position: -325px 0;}
	.sjly .s5 a{background-position: -440px 0;}
	.sjly .s6 a{background-position: 18px -120px;}
	.sjly .s7 a{background-position: -95px -120px;}
	.sjly .s8 a{background-position: -213px -120px;}
	.sjly .s9 a{background-position: -326px -120px;;}
	.sjly .s10 a{background-position: -442px -120px;}
	.zxsj-pic{padding: 10px 0; height: auto;}
	.zxsj-pic img{width: 90% !important; height: auto !important}
}