@charset "utf-8";
/*CSS reset*/
*{margin:0;padding:0; box-sizing: border-box;}
body{margin:0;padding:0; font-family:"Microsoft Yahei"; font-size:18px; 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: #e2f3ff url(sydjbdbg_2025.jpg) no-repeat top center;}
.contantbox{width: 1200px; margin:0 auto;}
.header{ height: 538px; position: relative;}
.logo{ padding-top: 30px;}
.mainbox{width: 100%; min-height: 700px; padding: 40px 30px; background: #ffffff; border-radius: 10px; overflow: hidden;}
.listbox{width:100%;}
.title{ width: 100%; background: url(sydjic01_2025.png) no-repeat center; font-size: 24px; font-weight: bold; color: #ffffff; height:63px; line-height: 63px; text-align: center;}
.title a{ font-size: 24px; font-weight: bold; color: #ffffff;}
.bgsgs{width: 100%; height: 401px; background: url(sydjlibg_2025.png) no-repeat center; margin-top: 55px;}
.bgsgs ul{ width: 990px; padding-top: 25px; display: block; margin: 0 auto;}
.bgsgs ul li{ width: 414px; height: 68px; line-height: 68px; background: url(sydjic02_2025.png) no-repeat 25px 12px; border: 1px solid #285fd3; border-radius: 10px; margin:0 0 25px 54px; display: block; float: left;}
.bgsgs ul li a{ padding-left: 70px; font-weight: bold;}
.emptybox{ height: 50px;}
.navbox{ width: 100%; display: flex; flex-direction: row; margin-top: 30px;}
.navbox ul{width: 100%; display: flex; flex-direction: row; justify-content:space-around;}
.navbox ul li{ width:200px; text-align: center;height: 50px; line-height: 50px;  border-radius: 30px; box-shadow:0 0 10px 0 rgba(0,0,0,.2);}
.navbox ul li.hover{ background: #2860d4; color: #ffffff;}
.navbox ul li.hover a{ color: #ffffff; }
.lists{width:100%; padding: 30px 0; display: none;}
.lists:nth-child(1){ display: block;}
.lists ul{ width: 100%;}
.lists ul li{ width: 550px; height: 120px; border-radius: 10px; box-shadow:0 0 10px 0 rgba(0,0,0,.2); padding: 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:320px; height:80px; background: url(sydjic03_2025.png) no-repeat left 8px; float:left; margin-right:20px;}
.lists .text h2{ font-size:18px; font-weight: normal;height:40px; line-height:40px; padding-left: 55px; 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;}

@media only screen and (max-width: 680px){
    body{ background: #e2f3ff url(sydjbdbg_2025.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%; min-height: 400px; padding: 10px 10px; background: #ffffff; border-radius: 10px;}
	.title{ height:42px; line-height: 42px; background-size: contain; font-size: 18px; font-weight: bold; color: #ffffff; }
	.title a{ font-size: 18px; font-weight: bold; color: #ffffff;}
	.bgsgs{ background: #ffffff; height: auto; padding:0 10px; margin: 0; overflow: hidden;}
	.bgsgs ul{ width: 100%; padding: 0; }
	.bgsgs ul li{ width: 100%; height: 60px; line-height: 60px; text-align:center; background:none; padding: 0; margin: 0; margin-top: 15px;}
	.bgsgs ul li a{ font-size: 16px; padding: 0;}
	.emptybox{ height: 15px;}
	.navbox{margin-top: 10px;}
	.navbox ul{ flex-wrap: wrap; justify-content: space-between; }
	.navbox ul li{ width: 150px; height: 40px; line-height:40px; font-size: 16px; margin: 5px 0;}
	.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;}
	.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;}
}