*{margin:0px;padding:0px;}
body{font-family: "Microsoft YaHei","΢ÈíÑźÚ","simsun","sans-serif","Hiragino Sans GB","STHeiti",Arial;background-color:#fff;font-size:85%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,body {
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
}
.shouye{margin:auto;height:100%;width:100%;background:url(img/syback1.jpg) no-repeat center center;text-align:center;background-size:100% 100%}
.banner{margin:0 auto;padding-top:3%;width:40%;}
.tab{display: table;margin:0 auto;height:40px;text-align: center;padding:0;margin-top:1%;}
.tab li{float: left;
		margin-left: 20px;
		padding:0;
		width:200px;
		height:60px;
		line-height: 60px;
		font-size: 30px;
		font-weight:700;
		margin-top:1%;
		list-style-type: none;}
.tab li a{color: rgb(182,0,5);}
.tab li a:hover{}

.qi{position:absolute;width:5%;height:10%;font-size: 17px;cursor:pointer;}
.da{position:absolute;font-size: 20px;font-weight:600;cursor:pointer}
.qi:hover{}
.da:hover{}



.con{position:absolute;height:88%;width:100%;top:13%;}


.ceng{display:none;width:100%;height:100%;background-color:black;opacity:0;z-index:9}


	#content {
	   margin-top:1%;height:75%;width:100%
	  	}
	.item{
	    display: none;
	}
	.show{
	   display: block;width:100%;height:100%;
	}
.list{width: 84%;height:96%;left:8%;}
.list-item{width: 25%;height:30%;float: left;}
.list-item .list-item-img{width:80%;max-height:80%;left: 10%; }
.list-item .list-item-img1{width:80%;max-height:70%;left: 10%; }
/*.list-item .list-item-img{width: 100%;}*/
.list-item .list-item-title{width: 100%;min-height:20%;color:#333333;white-space: normal;padding-top: 1%;font-size: 14px;}
.list-item .list-item-title1{width: 80%;min-height:20%;color:#333333;white-space: normal;padding-top: 1%;padding-left: 10%;text-align:left;font-size: 14px;}
.list-item a:link {
color: #333333; /*连接默认的颜色变化*/
}
.list-item a:visited {
color: #333333; /*连接访问的颜色变化*/
}
.list-item a:hover {
color: #0000FF; /*鼠标经过的颜色变化*/
}
.scrollbartext{position:absolute;bottom:3px;z-index:51;color:#FFF;text-align:center;height:20px;}


.cd-transition-layer {border:4px solid rgb(183,0,5);width:21%;height:26%;position:absolute;top:50%;z-index:10;z-index: 10002;opacity: 0;
visibility: hidden;overflow: hidden;}
			
.cd-transition-layer .bg-layer {position: absolute;left: 50%;top: 50%;
-webkit-transform: translateY(-50%) translateX(-2%);
-moz-transform: translateY(-50%) translateX(-2%);
-ms-transform: translateY(-50%) translateX(-2%);
-o-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
/* its dimentions will be overwritten using jQuery to proportionally fit the viewport */
height: 100%;
/* our sprite is composed of 25 frames */
width: 2500%;
background: url(img/ink.png) no-repeat 0 0;background-size: 100% 100%;}
			
.cd-transition-layer.visible {opacity: 1;visibility: visible;}
			
.cd-transition-layer.opening .bg-layer {
-webkit-animation: cd-sequence 0.8s steps(24);
-moz-animation: cd-sequence 0.8s steps(24);
animation: cd-sequence 0.8s steps(24);
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
			
.cd-transition-layer.closing .bg-layer {
-webkit-animation: cd-sequence-reverse 0.8s steps(24);
-moz-animation: cd-sequence-reverse 0.8s steps(24);
animation: cd-sequence-reverse 0.8s steps(24);
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
			
.no-cssanimations .cd-transition-layer {display: none;}
			
.tc {
border:4px solid rgb(183,0,5);width:21%;height:26%;position:absolute;top:50%;z-index:10;
z-index: 10003;overflow: hidden;opacity: 0;visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
			}
			
.close {
position:absolute;right:3%;top:2%;color:red;font-size:20px;cursor:pointer;
overflow: hidden;
visibility: hidden;opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
-moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
transition: transform 0.3s 0s, visibility 0s 0.3s, opacity 0.3s 0s;
}
			
.tc.visible {opacity: 1;visibility: visible;
-webkit-transition: opacity 0.7s, visibility 0s;
-moz-transition: opacity 0.7s, visibility 0s;
transition: opacity 0.7s, visibility 0s;
			}
			
.tc.visible .close {visibility: visible;opacity: 1;
-webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
-moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.3s 0s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}


			
@-webkit-keyframes cd-sequence {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
-webkit-transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
-webkit-transform: translateY(-50%) translateX(-98%);
}
}
			
@-moz-keyframes cd-sequence {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
-moz-transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
-moz-transform: translateY(-50%) translateX(-98%);
}
}
			
@keyframes cd-sequence {
0% {
/* translateX(-2%) is used to horizontally center the first frame inside the viewport */
-webkit-transform: translateY(-50%) translateX(-2%);
-moz-transform: translateY(-50%) translateX(-2%);
-ms-transform: translateY(-50%) translateX(-2%);
-o-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
}
100% {
/* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
-webkit-transform: translateY(-50%) translateX(-98%);
-moz-transform: translateY(-50%) translateX(-98%);
-ms-transform: translateY(-50%) translateX(-98%);
-o-transform: translateY(-50%) translateX(-98%);
transform: translateY(-50%) translateX(-98%);
}
}
			
@-webkit-keyframes cd-sequence-reverse {
0% {
-webkit-transform: translateY(-50%) translateX(-98%);
}
100% {
-webkit-transform: translateY(-50%) translateX(-2%);
}
}
			
@-moz-keyframes cd-sequence-reverse {
0% {
-moz-transform: translateY(-50%) translateX(-98%);
}
100% {
-moz-transform: translateY(-50%) translateX(-2%);
}
}
			
@keyframes cd-sequence-reverse {
0% {
-webkit-transform: translateY(-50%) translateX(-98%);
-moz-transform: translateY(-50%) translateX(-98%);
-ms-transform: translateY(-50%) translateX(-98%);
-o-transform: translateY(-50%) translateX(-98%);
transform: translateY(-50%) translateX(-98%);
}
100% {
-webkit-transform: translateY(-50%) translateX(-2%);
-moz-transform: translateY(-50%) translateX(-2%);
-ms-transform: translateY(-50%) translateX(-2%);
-o-transform: translateY(-50%) translateX(-2%);
transform: translateY(-50%) translateX(-2%);
}
}