@charset "utf-8";
/*CSS reset*/
*{margin:0;padding:0; box-sizing: border-box;}
body{margin:0;padding:0; font-family:"Microsoft Yahei"; font-size:16px; line-height:1.5; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
img{max-width: 100%;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
figure{margin:0}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix { *zoom:1;}
.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}

body{ background: #e7f4fc url(zkf2025_body.jpg) no-repeat top center;}
.Senior-edition{position: absolute;  top: 10px;  left: 50%; margin-left: 390px; z-index: 999998;  display: inline-block; line-height: initial; vertical-align: middle; margin-top: -3px;  padding: 3px 10px;  border: 1px solid #fff; border-radius: 17px;  margin-bottom: 0; color: #fff;}
.Senior-edition a{ float: left;  position: relative;  color: #fff;  font-size: 20px !important;  display: block;margin: 0;  padding-left: 10px;}
.Senior-edition a:first-child {  padding-right: 11px;  padding-left: 0;}
.Senior-edition a:first-child:after {  content: ''; width: 1px;  height: 20px; background: #fff;  display: block; position: absolute;  right: 0;  top: 50%;  transform: translateY(-50%);}

.contantbox{width: 1200px; margin:0 auto;}
.header{ height: 800px; position: relative;}
.logo{ padding-top: 30px;}
.mainbox{width: 100%; height: auto; padding: 50px 0;}
.title{ width: 100%; background: url(zkf2025_icon01.png) no-repeat center bottom; height:110px; line-height: 100px; text-align: center; position:relative;}
.title .more{ position:absolute; right:0; bottom:0; color:#333;}
.mart30{ margin-top:30px;}


.lists{width:100%; padding: 30px 0;}
/*.lists:nth-child(1){ display: block;}*/
.lists ul{ width: 100%;}
.lists ul li{ width: 580px; height: 120px; background:#ffffff; border-radius: 10px; box-shadow:0 0 10px 0 rgba(0,0,0,.2); padding: 25px 20px; margin: 15px 0; float: left; }
/*.lists ul li:nth-child(even){ margin-left:20px;}*/
.lists ul li:nth-child(2n){ margin-left:40px;}
.lists .text{ width:420px; height:80px; float:left; margin-right:20px;}
.lists .text h2{ font-size:18px; font-weight: normal;height:40px; line-height:40px; padding-left: 10px; display:block;}
.lists .text h2 a{ font-size:18px;}
.lists .date{ color:#b0b0b0; width:80px; height:80px; float:right;}
.lists .date span{ font-size:40px; height:40px; line-height:40px; text-align:center; display:block;}
.lists .date p{ text-align:center; padding-top:10px; display:block;}

.ketangbox{ padding-top:50px; position:relative;}
.ketang{ width:100%; height:346px; overflow:hidden;}
.ketang ul li{ width:275px; height:346px; float:left; margin-right:32px;}
.ketang ul li:nth-child(4n){ margin-right:0;}
/*.ketang ul li:last-child{ margin-right:0px; }*/
.ketangbox .prev,.ketangbox .next{ width: 48px; height: 48px; position: absolute; top: 50%; left: -70px; z-index: 100; background: url(zkf2025_left.png) no-repeat; }
.ketangbox .next{ left: auto; right: -70px; background: url(zkf2025_right.png) no-repeat; }

@media only screen and (max-width: 680px){
   body{ width:100%; background: #e7f4fc url(zkf2025_body.jpg) no-repeat top center; background-size:contain;}
	.contantbox{width: 96%; margin:0 auto;}
	.header{ height: 148px; position: relative;}
	.logo{ padding-top: 10px;}
	.logo img{ width: 40%;}
	.mainbox{width: 100%; padding: 10px 10px;}
	.title{ background-size:contain; height:80px; line-height: 80px;}
	.title img{ height:30px;}
	.lists{width:100%; padding: 10px 0;}
	.lists ul li{ width: 100%; height: 60px; border-radius: 10px; box-shadow:0 0 10px 0 rgba(0,0,0,.2); padding: 10px; 0; }
/*.lists ul li:nth-child(even){ margin-left:20px;}*/
	.lists ul li:nth-child(2n){ margin:0px;}
	.lists .text{ width:100%; height:40px; background: none; margin: 0;}
	.lists .text h2{ font-size:16px; font-weight: normal;height:40px; line-height:40px; padding: 0; display:block; }
	.lists .text h2 a{ font-size:16px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;display: block;}
	.lists .date{ color:#b0b0b0; width:100%; height:40px; display: none;}
	.lists .date span{ font-size:16px; height:40px; line-height:40px; text-align:center; display:block;}
	.lists .date p{ text-align:center; padding-top:10px; display:block;}
	.ketangbox{ padding-top:50px; position:relative;}
	.ketang{ width:100%; height:auto; overflow:hidden;}
	.ketang ul li{ width:23%; height:auto; float:left; margin-right:2%;}
	.ketang ul li img{ height:110px;}
	.ketang ul li:nth-child(4n){ margin-right:0;}
	.Senior-edition{ display:none;}
}