@charset "gb2312";

.white-space{height: 20px;}
a:hover{color: #3d6fc0;}
body{background: #edf2fc;font-family: "Lantinghei SC", SimSun;}
main .container{}

nav{border: 1px #222b6d solid;height:50px;background-color: #3867bf;overflow: hidden;}
nav li{float: left;width: auto;border-right: 1px #466fbf solid;}
nav li.first{background-color: #272d9c;border-left: 1px #15136a solid;border-right: 1px #15136a solid;}
nav .first a{ display: block;width: 140px; overflow: hidden; position: relative;height:50px;}
nav .first i{color:#FFF;font-size: 40px;line-height: 100%; position: absolute; top:5px; left:10px;}
nav .first a:hover{color:#FFF;}
nav .first i.lmc-lzu{font-size: 70px;line-height: 100%; left:60px; top: -7px}

nav li.nav{margin-top: 18px}
nav li.nav a{width:auto;float: left;padding:0 10px;display: block;font:bold 14px/16px "Microsoft Yahei";color:#93bee9;
	border-right: 1px #1b2b7d solid;}
nav li.nav a:hover{color: #FFF;text-decoration: none;}

.banner{background-color: #050402;color:#FFF;}
.banner .leftbg{background-color: #0e0b08;height:300px;width:1000px;left:-1000px;position: absolute;}
.banner .container{height:300px;background:#0e0b08 url('banner.jpg') no-repeat right top;}

.banner h1{ padding:80px 0 20px 50px;}
.banner h1 i{font-size:50px;font-weight: normal;}
.banner h1 i tt{display: none;}
.banner h3{padding:10px 20px;font-size: 20px;font-family: "Microsoft Yahei";margin-left: 72px;border-left: 1px #FFF solid}
.banner h3 span{display: inline-block;width: 25px; height: 25px;border-radius: 50%;
	background-color: #FFF;color:#0e0b08;line-height: 25px;margin-top: -3px;text-align: center;margin-right: 5px}

a.video{display: block;position: relative;}
i.lmc-bofang{position: absolute;color: #FFF;font-size: 60px;opacity: 0.5;}
a.video:hover i.lmc-bofang{opacity: 1;}

#video1{ background: #317dc5;padding: 30px 0; }
#video1  img{border-radius: 5px;}
#video1  p{padding:50px;font:14px/180% "Microsoft Yahei";color:#f5f5f5;}
#video1 i.lmc-bofang{transform:translate(-50%, -50%);left:50%;top:50%;}

h2{text-align: center;font:bold 20px/30px "Microsoft Yahei";}

#video2 {padding: 30px 0;}
#video2 .colwrap{padding:20px;}
#video2 .vimg a{height:300px;overflow: hidden; display: block}
#video2 i.lmc-bofang{right:20px;bottom: 40px;}
#video2 h4{height:20px;padding:5px 0;}
#video2 h4 a{color:#368acf; font-size: 14px;}
#video2 h4 span{float: right;}

#photos{background-color: #cee2f8;padding:30px 0;}
#photos .col-7 .colwrap, #photos .col-9 li{padding:10px;}
#photos .col-9 li a.img{height:130px;overflow: hidden;display: block;}

#listPage .container{background-color: #eee;padding:30px 0 15px 0;margin:15px auto;}
#listPage li {width:50%;height:24px;overflow: hidden;float: left;line-height: 24px}
#listPage li a{margin-left: 20px;padding-right: 10px}
#listPage li span{font-family: SimSun}
#listPage li.dot {margin-bottom: 15px}


 .pages { padding: 12px 0; height: 39px; display: block; }
  .pages li { float: left; width: 42px; display: block; }

  .pages a { font: bold 12px/39px Tahoma; width: 39px; height: 37px; color: #fff; display: block; text-decoration: none; background: #317dc5; text-align: center;border:1px #317dc5 solid;text-decoration: none; }
  .pages .active>a, .pages a:hover { background-color: #FFF;color: #317dc5;text-decoration: none; }


  footer{background-color: #317dc5;}
  footer article{text-align: center;color:#cde4f6;padding:30px 0 !important}
  footer a{color:#cde4f6;}
  footer a:hover{color:#FFF;}

h1,h2,h3{font-family: 'Microsoft Yahei';font-weight: bold;}

#article article{background-color: #fff;padding:30px;}
#article h1{padding:15px 0;font-size: 20px;line-height: 150%}
.banner h1{color:#FFF;text-align: left;margin:0;padding-top: 50px}
#infoTop{margin-bottom: 20px}
#djh {margin-left: 40%}
#infoTop{padding:0 15px;}
#article #content{margin:0;}

.list-post h3{margin-bottom: 10px;font-size: 18px}

@media (max-width:640px) {
	#SYL-List .list-post img{width:100%;max-width:100%;}
	#SYL-List .list-post {padding:15px 0;}
	.banner h1 {padding:20px 0 10px 20px;}
	.banner h1 i{font-size: 24px;}
	.banner h3{font-size: 12px;margin-left: 30px;padding:5px 15px;}
	#listPage li {width:auto;}
	.nomp .colwrap .img{padding:0;display: inline}
	.nomp .colwrap .txt{margin: 0 0 15px 0}
}