/* 站长源码城 精品与原创pbootcms模板提供商，一站式建站 */
/* 主营业务：快速建站、快排、高权重域名、海外服务器 */
/* 模板建站：Www.cnymc.com */
/* 主机/服务器：Www.elubaba.com */
/* 淘搜网：Www.TaoSou.Net */
/* QQ：43171398  43171398 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, code, form, input, button, textarea, p, th, td { margin: 0; padding: 0; border: none; outline: none; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
body { font: 14px/1.6 "Microsoft YaHei", Arial, sans-serif; -webkit-overflow-scrolling: touch; color: #666;background-image:#fff;}
img, input, select { vertical-align: middle; font-family: inherit }
img { border: 0 }
li, ul, dl { list-style: none;}
table { border-collapse: collapse; border-spacing: 0 }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: none }
button[disabled], input[disabled] { cursor: default }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { box-shadow: 0 0 0 60px #fff inset; -webkit-text-fill-color: #666 }
textarea { overflow: auto; vertical-align: top; resize: none; font-family: inherit }
h1, h2, h3, h4 { font-weight: normal }
hr { height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eaeaea; }
i, em { font-style: normal }
b, strong { font-weight: bold }
a { color: #666; text-decoration: none; transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s; }
a:hover, a:active {  outline: 0; -webkit-tap-highlight-color: transparent; background-color: transparent ;color:#008cd6;}
a:focus { outline: 0 }
.red { color: #f33 }
.blue { color: #008cd6 }
.show { display: block }
.hide { display: none }
.fl { float:left; }
.fr { float:right;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.clear { clear: both; height: 0; overflow: hidden }
.clearfix {zoom:1;}.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cl {zoom:1;}.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:after { clear: both }
.w1200 { width: 1200px;margin:0 auto; }

/*top*/
.top { height:550px;position:relative; }
.header { height:73px;background:url(../images/header-bg.png)  repeat-x; }
.header .logo { height:40px;width:100px;margin:15px 30px 0 0; }
.header .logo a { height:40px;width:100px;display:block;text-indent:-9999px;background:url(../images/logo.png) no-repeat;}
.header .nav ul li { float:left;margin:0 10px; }
.header .nav ul li a {padding:0 15px;color:#eee;font-size:15px;height:70px;line-height:70px;display:block;text-align:center;}
.header .info { height:20px;margin-top:26px;}
.header .info .search-box .new-searching-unit,.header .info .yun {height:30px;}
.header .info .yun a { padding:0 0 0 20px; border-left:1px solid #bbb;color:#bbb;}
.header .info .search-show { width:18px;height:18px;background:url(../images/icon.png) no-repeat 0 -20px;margin-right:20px;position:relative; cursor:pointer;}
.header .info .search-box { width:200px;position:absolute;right:-5px;top:-6px;height:30px;background:none;border:1px solid rgba(255, 255,255, 0.3);border-radius:4px;}
.header .info .search-box .new-searching-unit input { width:160px;height:30px;line-height:28px;color:#fff;padding:0 5px;background:none;}
.header .info .search-box .new-searching-unit .go { width:30px;height:30px;position:absolute; right:0;top:0;z-index:998;}
.h-pub .nav ul li a { border-bottom:3px solid #222;}
.h-pub .nav ul li a:hover { border-bottom:3px solid #008cd6;}
.header .nav ul li a:hover { color:#008cd6;}
.top .banner { height:550px;position:absolute; top:0;left:0;z-index:-9999; height: 100%;width: 100%;opacity: 0; background-position: center 0; background-repeat: no-repeat;background-size: cover;transition: opacity 200ms ease-in-out;}
.top .banner-top { background:#000;height:550px;position:absolute; top:0;left:0;z-index:-9998;height: 100%;width: 100%;opacity: .3;}
.top .tit { padding:140px 0 ;text-align:center;}
.top .tit .b-title h1 { height:60px;line-height:60px;text-align:center;font-size:60px;color:#fff;font-weight:100;margin:0 auto;overflow:hidden;}
.top .tit .b-word {  margin:0 auto;border:1px solid  rgba(255, 255,255, 0.5);height:44px;line-height:44px;padding:0 20px;display:inline-block;text-align:center;margin-top:30px;border-radius: 4px;background:#fff; color:#ccc;background: rgba(255, 255,255, 0.1);}
.top .tit .b-word .hot-word { position:absolute;width:32px;height:20px;background:url(../images/hot.png) no-repeat;left:20px;top:-20px;}
.top .tit .b-word a { color:#fff;margin:0 15px ;position:relative;}
.top .tit .b-word a:hover { color:#008cd6; }

/*down*/
.header .nav ul li.last-slide { position:relative; }
.header .nav ul li .last-nav-down { position:absolute;top:70px;left:50%;margin-left:-60px;background:#fff; width:120px;overflow:hidden;border-radius: 4px;padding-bottom:5px ;border-top:3px solid #008cd6;box-shadow:0 10px 50px rgba(0,0,0,0.15);z-index:999;}
.header .nav ul li .last-nav-down a { height:44px;line-height:44px;padding:0 10px;color:#666;overflow:hidden;font-size:14px;border:none; }
.header .nav ul li .last-nav-down a:hover { background:#008cd6 !important;color:#fff;}

/*news*/
.news { height:100px;padding:10px;}
.news ul { width:1250px;}
.news ul li { float:left; }
.news ul li a { width:355px;height:36px;line-height:36px;float:left;overflow:hidden;padding:0 20px 0 15px;border-radius: 50px;background:#f3f3f3;margin:10px 15px 0 0;}
.news ul li a p { width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/news-dot.png) no-repeat left;text-indent:15px}
.news ul li a:hover { color:#fff;background:#008cd6;}
.news ul li a:hover span { color:#fff;} 
.news ul li span { color:#999;font-size:12px;}

/*main*/
.m1, .m3, .m5 { background:#f7f7f7;}
.m { padding: 40px 0 50px 0;}
.m .m-title h2 { font-size:36px;text-align:center;line-height:70px;}
.m .m-title h2 a { color:#333;}
.m .m-title p { text-align:center;margin:30px 0; font-size:16px;color:#ccc;}
.m .m-title p a { margin:0 20px;}
.m .m-title p .more { color:#999;}
.m .m-list ul { width:1250px;}
.m .m-list ul li { float:left;}
.m .m-list ul li a { width:224px;display:block;margin:0 20px 20px 0;border-radius: 4px;overflow:hidden;position:relative;}
.m .m-list ul li a:hover .list-tit { bottom:-40px;}
/* .m .ml1 ul li a { height:312px;} */
/* .m .ml1 ul li a img { width:224px;height:312px;} */
/* .m .ml2 ul li a { height:224px;} */
/* .m .ml2 ul li a img { width:224px;height:224px;} */
.m .m-more { text-align:center;margin-top:10px;}
.m .m-more a { width:350px;height:42px;line-height:42px;border:1px solid #e6e6e6;border-radius: 4px;text-align:center;display:block;margin:0 auto;color:#999;}
.m .m-more a:hover { color:#fff;}
.ico-bar { width:36px;height:3px;display:block;margin:0 auto; }
.list-tit { width:194px;height:40px;background:url(../images/li-bg.png); position:absolute;bottom:0;left:0;line-height:40px;padding:0 15px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;} 
.list-tit p { color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-tit-short p {width:120px;}


/*l-color*/
.r1 .m-title p a:hover { color:#ff3333;}
.r2 .m-title p a:hover { color:#abcd03;}
.r3 .m-title p a:hover { color:#e4007f;}
.r4 .m-title p a:hover { color:#5000e4;}
.r5 .m-title p a:hover { color:#e4a700;}

.cor0 { background:#94e400;}
.cor1 { background:#ff3333;}
.cor2 { background:#abcd03;}
.cor3 { background:#e4007f;}
.cor4 { background:#5000e4;}
.cor5 { background:#e4a700;}
.cor6 { background:#00e4ab;}
.cor7 { background:#e400e4;}
.cor8 { background:#00c9e4;}
.cor9 { background:#e48100;}
.m-cor1 a:hover { background:#ff3333;border-color:#ff3333;}
.m-cor2 a:hover { background:#abcd03;border-color:#abcd03;}
.m-cor3 a:hover { background:#e4007f;border-color:#e4007f;}
.m-cor4 a:hover { background:#5000e4;border-color:#5000e4;}
.m-cor5 a:hover { background:#e4a700;border-color:#e4a700;}

/*footer*/
.footer .link {  color:#ccc;padding:10px 0; }
.footer .link b{font-size:14px}
.footer .link .lcontainer {width: 1130px;display: inline-flex;flex-wrap: wrap;}
.footer .link a { color:#ccc; display: inline-block; line-height:35px; margin-right:10px; font-size:12px}
.footer a:hover { color:#008cd6;}
.f-u { background:#292929;padding:10px 0 10px 0;}
.f-d { background:#0c0d0d;padding:10px 0;font-size:12px;color:#999;text-align:center;line-height:28px;}
.f-d span{display:block;clear:both;}
.f-d a{color:#ccc;}
.lan dl { width:200px;float:left;}
.lan dl dt { color:#656565;font-size:16px;margin:15px 0;}
.lan dl dd { margin:5px 0;}
.lan dl dd a { color:#999;}

/*list-pub*/
.h-pub { background:#222;}
.position { height:50px;line-height:50px;color:#666;background:#f7f7f7;border-bottom:1px solid #e6e6e6;}
.position span i { width:16px;height:20px;background:url(../images/icon.png) no-repeat;display:block;float:left;margin:16px 10px 0 0;}
.position .w1200 h1 {font-size:inherit;display:inline;}
.slide { padding:30px 0 40px 0;background:#f7f7f7;}
.slide .p-list { position:relative;border-radius: 4px;overflow:hidden;/*height:312px;*/}
.slide .p-list .bd ul { width:1250px;}
.slide .p-list .bd ul li { float:left;}
.slide .p-list .bd ul li a { width:224px;display:block;margin:0 20px 20px 0;border-radius: 4px;overflow:hidden;position:relative;}
.slide .p-list .bd ul li a .list-tit { bottom:-40px;}
.slide .p-list .bd ul li a:hover .list-tit { bottom:0;}
.slide .p-list .bd ul li a em { position:absolute;top:0;left:0;background-image:url(../images/top.png);width:60px;height:60px;display:block;text-indent:-9999px; }
.slide .p-list .bd ul li:nth-child(2) a em { background-position:-60px 0;}
.slide .p-list .bd ul li:nth-child(3) a em { background-position:-120px 0;}
.slide .p-list .bd ul li:nth-child(4) a em { background-position:-180px 0;}
.slide .p-list .bd ul li:nth-child(5) a em { background-position:-240px 0;}
.slide .p-list .bd ul li:nth-child(6) a em { background-position:-300px 0;}
.slide .p-list .bd ul li:nth-child(7) a em { background-position:-360px 0;}
.slide .p-list .bd ul li:nth-child(8) a em { background-position:-420px 0;}
.slide .p-list .bd ul li:nth-child(9) a em { background-position:-480px 0;}
.slide .p-list .bd ul li:nth-child(10) a em { background-position:-540px 0;}
.slide .p-list .hd { display:none;}
.slide .p-list:hover .hd  { display:block;}
.slide .p-list .hd a { position:absolute;top:0;width:66px;height:312px;display:block;background-image:url(../images/arrow.png);z-index:999;opacity: .5;}
.slide .p-list .hd a:hover {opacity: .8; }
.slide .p-list .hd .prev { background-position:0 0;left:0;}
.slide .p-list .hd .next { background-position:-66px 0;right:0;}
.list { margin-bottom:30px;}
.list .l-title h1 { text-align:center;font-size:36px;color:#333;padding:30px 0;}
.list .l-title .h1 { text-align:center;font-size:36px;color:#333;padding:30px 0;margin:0 528px;display:block;}
.list .l-title p { height:50px;line-height:50px;text-align:center;margin-bottom:20px;}
.list .l-title p span { border-top:1px solid #e6e6e6;display:inline-block; }
.list .l-title p a { padding:0 15px;display:inline-block;margin-top:-1px;border-top:3px solid  rgba(255, 255,255, 0);}
.list .l-title p a:hover, .list .l-title p a.cur { border-top:3px solid #008cd6;}
.list .l-pub .m-list .time { position:absolute;right:10px;bottom:10px;color:#fff;font-size:12px;background:#fff;background: rgba(0, 0,0, 0.2);padding:0 5px;border-radius: 4px;opacity: .5;} 
.label h2 { font-size:18px;margin-bottom:10px;}
.label h2 i { width:22px;height:20px;background:url(../images/icon.png) no-repeat 0 -42px;display:block;float:left;margin:6px 8px 0 0;}
.label .bq { width:1220px;}
.label .bq a { width:126px;height:36px;background:#f7f7f7;display:block;float:left;border-radius: 4px;margin:8px 8px 0 0;line-height:36px;text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.label .word a { width: 294px; }
.label .bq a:hover { background:#008cd6;color:#fff;}
.label .t-title h2 {text-align:center;}
.c-pub h2 { font-size:22px;height:22px;line-height:22px;border-left:4px solid #008cd6;margin-bottom:20px;color:#333;text-indent:10px;}
.list .m-list ul { width:1230px;}
.list .m-list ul li { float:left;}
.list .m-list ul li a {width:224px;display:block;margin:0 20px 20px 0;border-radius: 4px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;position:relative;}
.list .m-list ul li a img{width:100%}
.list .m-list ul li a:hover .list-tit { bottom:-40px;}
.channel2 .w-list { border-top:1px solid #e6e6e6;}
.channel .m-list ul { width:1230px;}
.channel .m-list ul li { float:left;}
.channel .m-list ul li a { width:224px;display:block;margin:0 20px 20px 0;border-radius: 4px;overflow:hidden;position:relative;}
.channel .m-list ul li a img{width:100%}
.channel .m-list ul li a:hover .list-tit { bottom:-40px;}
.channel2 .w-list { border-top:1px solid #e6e6e6;}
.channel2 .w-list ul  { width:1230px;margin-top:5px;}
.channel2 .w-list ul li { float:left;width:590px;height:26px;line-height:26px;margin:12px 20px 0 0;}
.channel2 .w-list ul li span { color:#999;font-size:12px;}
.channel2 .w-list ul li .a-t { width:400px;overflow:hidden;height:26px;font-size:16px;color:#333;}
.channel2 .w-list ul li .a-t2 { min-width:70px;max-width:84px;padding:0 10px;margin-right:12px;background:#f7f7f7;text-align:center;border-radius: 4px;color:#999;font-weight:normal;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;}
.channel2 .w-list ul li .a-t2 strong  { font-weight:normal;}
.channel2 .w-list ul li .a-t:hover { color:#008cd6;}
.channel2 .w-list ul li .a-t2:hover { background:#008cd6;color:#fff;}
/*list-slide*/
.list-slide {padding:0 15px;display:inline-block;margin-top:-1px;border-top:3px solid  rgba(255, 255,255, 0);position:relative;color:#999; cursor:pointer}
.list-slide b { width:12px;height:8px;background:url(../images/icon.png) no-repeat 0 -64px;display:inline-block;margin-left:5px;}
.list .l-title p .list-slide-down { position:absolute;top:50px;left:50%;margin-left:-60px; width:120px;z-index:996;background:#fff;border-radius: 4px;overflow:hidden;border-top:3px solid #008cd6;box-shadow:0 10px 50px rgba(0,0,0,0.15);padding-bottom:5px;}
.list .l-title p .list-slide-down a { display:block;width:100px;font-size:14px;padding:0 10px;border:none;height:40px;line-height:40px;color:#666;overflow:hidden;}
.list .l-title p .list-slide-down a:hover { color:#fff;background:#008cd6 !important;}



/*page*/
/*海 纳 吧分页样式*/
.pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.pages ul{display:inline-block;margin:0 auto;padding:0}
.pages ul  a{color:#555;display:block;padding: 5px 13px; border-radius: 2px; border: 1px solid #ddd;float: left;margin: 0 5px;}
.pages ul  a.page-num-current{ background:#E9447f; color:#fff; border:#E9447f 1px solid}

/*article*/
.pic { margin:30px 0;}
.pic h1 { height:60px;line-height:60px;overflow:hidden;color:#333;text-align:center;font-size:36px;}
.pic .pic-info { margin:20px 0;background:#f7f7f7;border-radius: 4px;padding:10px 20px;line-height:24px;}
.pic .pic-info .pmore { border-bottom:1px solid #e6e6e6;padding-bottom:5px;font-size:12px;color:#999;line-height:30px;}
.pic .pic-info .des { padding:8px 0;line-height:24px;}
.pic .pic-info .des strong { font-weight:normal;}
.pic .pic-a span { height:50px;width:555px;background:#f7f7f7;border-radius: 4px;display:block;float:left;padding:0 20px;text-align:center;font-size:14px;line-height:50px;color:#999;}
.pic .pic-a span:nth-child(2) { margin-right:10px;}
.pic .pic-a span:hover {background:#008cd6;}
.pic .pic-a span:hover a{ color:#999;}
.pic .pic-l { padding:20px 0; color:#999;}
.pic .pic-l a { padding:5px 15px;background:#f7f7f7;}
.pic .pic-main {margin:30px 0;text-align:center;min-height:350px;}
.pic .pic-main a { display:inline-block;margin:5px 5px; }
.pic .pic-main img { max-width:1200px; }


/* 本例子css */
.picFocus{ margin:0 auto;  width:90%;  padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; display:inline-block; text-align:center;  }
.picFocus .hd ul li img{ height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("../images/icoup.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:auto; margin:0 auto;  display:block;  }
		
		
/* 站长源码城 精品与原创pbootcms模板提供商，一站式建站 */
/* 主营业务：快速建站、快排、高权重域名、海外服务器 */
/* 模板建站：Www.cnymc.com */
/* 主机/服务器：Www.elubaba.com */
/* 淘搜网：Www.TaoSou.Net */
/* QQ：43171398  43171398 */