@charset "utf-8";
/* CSS Document */

html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td {padding:0;margin:0;}
table {border-collapse:collapse;border-spacing:0;font-size:inherit;}
body { width: 100%; font-family:"Microsoft Yahei", Helvetica, Arial, sans-serif; font-size:15px; color: #0c0c0c; background:#ffffff; }
img {border:none;vertical-align:bottom;}
a, a:visited, a:hover, a:active {outline:0;text-decoration:none;}
a {color:#333333;}
a:hover {text-decoration:underline;color:#484848;}
ul, li {list-style-type:none;padding:0;margin:0;}
input, select, textarea, button {font-size:100%;font-family:inherit;}
h2 {font-size:14px;}

.clear {clear:both;height:0;overflow:hidden;font-size:0px;line-height:0;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}



.mainbox{ width:1000px; margin:0 auto;}
.banner{ background:#021a36 url(../images/topbg.jpg) no-repeat center top;}
.txt{ background:url(../images/index_10.jpg) no-repeat; height:101px;}
.txt dl{ width:1000px; overflow:hidden;}
.txt dl dt{ float:left; color:#f5d2ab; width:192px; text-align:center;  font:bold 24px/101px "Microsoft Yahei"; margin-right:20px;}
.txt dl dd{ float:left; width:768px; font:15px/32px "Microsoft Yahei"; color:#fff; padding-right:20px; padding-top:15px;}

.cat{ margin-top:20px;}
.cat ul{ width:1030px;}
.cat ul li{ float:left; width:485px; height:400px; overflow:hidden; background:url(../images/smallbg.jpg) no-repeat; box-shadow: 0 5px 5px rgba(18,21,21,.2); margin-right:30px;  margin-bottom:30px;  }
.title{ height:62px; border-bottom:1px solid #ddd; overflow:hidden;}
.title span{ border-radius:5px; background:#969696; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; width:80px; float:right; margin:17px 15px 0 0;}
.title p{ background: url(../images/g.jpg) no-repeat left center; padding-left:50px; font:bold 24px/40px "Microsoft Yahei"; color:#0c5bad;  margin:10px 0 0 15px; }

.yl{ background:#f9f9f9; height:60px; padding:10px; margin:0 10px; width:445px; overflow:hidden; line-height:28px; }
.yl a{ background:#1a5a94; width:60px; height:60px; border-radius:60px; display:block; float:right; margin-left:15px; text-align:center; color:#fff; font:16px/60px "Microsoft Yahei";}
.cat dl{ width:485px; overflow:hidden; margin-top:20px;}
.cat dl dt{ float:left; width:280px; }
.cat dl dd{ float:left; width:200px; margin-right:5px;}
.cat dl dt p{ float:left; padding-left:10px; width:110px; font:15px/32px "Microsoft Yahei"; color:#333333; background:url(../images/dot.jpg) no-repeat left center; margin-left:20px; }
.cat dl dt span{ display:block; padding-left:10px;  font:15px/32px "Microsoft Yahei"; color:#333333; background:url(../images/dot.jpg) no-repeat left center; margin-left:20px; }

.cat dl dt a.dy{ background:#0086ff; color:#fff; height:45px; width:150px; display:block; box-shadow: 0 5px 10px rgba(9,102,255,.7); border-radius:10px; text-align:center;  font:16px/45px "Microsoft Yahei"; margin:20px auto;}

.topicbg{ background:url(../images/titlebg.jpg) no-repeat; height:50px; font:bold 24px/50px "Microsoft Yahei"; color:#fff; padding-left:20px; }
.hotopic{ margin-top:15px; }
.hotopic dl { width:998px; border:1px solid #ddd; height:110px; padding:7px 0; margin-top:20px; overflow:hidden;}
.hotopic dl dt{ width:48px; float:left; text-align:center; font-size:18px; line-height:26px;  color:#3269ff; }
.hotopic dl dd{ float:left; width:950px;}
.hotopic dl dd ul li{ float:left; width:230px; height:110px; margin-right:7px;}


.layerbg{ background:rgba(51,51,51,0.8); position:fixed; width:100%; height:100%;}
.pic{width:660px; margin:0 auto; position:relative;}
.picshow{  position:fixed; top:30%; }
.picshow p{ width:660px; margin:0 auto; max-height:500px; overflow-y:scroll;}
.picshow p img{ width:100%;}
.picshow a{ background:url(../images/close.png) no-repeat; width:40px; height:40px; position:absolute; top:-42px; right:0;}

.leftad{ position:fixed; top:20%; left:10px;}