﻿/*
Theme Name: ZNBO
Theme URI: http://www.znbo.com/
Description: 默认模板
Version: 1.0
Author: 力洋网络
Author URI: http://www.znbo.com/
*/

/*导入字体库*/
@import url(font-awesome.min.css);
@charset "utf-8";
/* CSS Document */
/**全局**/
*{ margin:0px; padding:0px;}
div,form,img,ul,ol,li,dl,dt,dd,map {padding:0;margin:0;border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0; }
body{margin:0px; padding:0px; font-size:12px; color:#333333;font-family:Arial, Helvetica, sans-serif,"宋体";}
ul,li{list-style:none;}
.clear{clear:both;}
a{color:#333333;text-decoration:none;}
a:hover{color:#c00;text-decoration:none;}
img{border:none;}
hr{line-height:0px; font-size:0px; border:none; height:1px; width:100%; margin:5px 0px;}
div{margin:0px auto;}
.f_l{ float:left;}
.f_r{ float:right;}
input,select{ font-family:arial, Helvetica, sans-serif; padding:1px;}

.relative{position:relative;}

.container{width:1540px;}

.insidebgg{background:#f6f6f6;}
.inside_container{/*width:1140px;*/  width:1540px; background:#FFF; border:1px solid #eee; box-sizing:border-box;}
.insidebox{/*width:920px;*/ width:1450px; margin:0px auto;}

.logo{float:left; width:330px;}
.headerright{float:right; width:1210px;}

.headersearch{float:right;}
.headernav{float:right;}

.navbox li{float:left; margin-right:50px;}
.navbox li .firstmenu{display:block; height:90px; line-height:90px; font-size:18px; color:#333333; font-weight:600;}
.navbox li .firstmenu:hover{border-bottom:2px solid #ffb401;}
.navbox li .current{border-bottom:2px solid #ffb401;}

.languagecss{float:left; padding-top:35px; margin-right:20px;}
.languagecss a{color:#666;}
.languagecss font{padding-left:6px; padding-right:6px;}

.searchbox{float:right; border:1px solid #f0f0f0; width:270px; margin-top:25px; height:35px; line-height:35px; border-radius:18px; display:none;}
.keyinputcss{width:218px; height:35px; line-height:35px; border:0px; background:none; outline:none; float:left; text-indent:12px;}
.submitcss{background:url(../images/searchicon.jpg) no-repeat center center; width:50px; height:35px; border:0px; float:right;}

/* proflash */
#flash{width:100%;}
.slideBox{width:100%;overflow:hidden; position:relative;}
.slideBox .hd{overflow:hidden; position:absolute; left:0px; bottom:10px; z-index:1; width:100%; text-align:center;}
.slideBox .hd ul{overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display:inline-block;margin:0 3px; width:12px; height:12px; line-height:12px; text-align:center; background:#003c84; cursor:pointer; border-radius:6px; text-indent:9999px; overflow:hidden;}
.slideBox .hd ul li.on{background:#ffb401; width:28px; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{width:100%; height:auto; display:block;  }

.slideBox .prev,.slideBox .next{position:absolute;left:10px; top:50%; /*margin-top:-25px;*/ display:block; width:32px; height:40px; background:url(../images/slider-arrow2.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.slideBox .next{ left:auto; right:10px; background-position:8px 5px; }
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}

.footerbg{background:#373737; min-height:130px;}
.mfooter{padding-top:35px;}
.mfooter li{float:left; color:#ffffff;}
.mfooter li a{color:#ffffff; padding-right:20px; margin-left:20px; font-size:14px;}
.mfooter li.mfirst a{margin-left:0px;}

.copyright{padding-top:20px;}
.copyright font{color:#ffffff; font-size:14px;}
.copyright span{padding-left:35px;}
.teltipsf{color:#ffb500; font-size:14px; padding-left:10px;}
.teltipsnumber{color:#ffb500; font-size:24px; padding-left:10px;}

.wxcodeimg{position:absolute; right:0px; top:25px;}

.blank30{height:20px;}
.blank70{height:70px;}
.blank50{height:50px;}
.boxshadow{box-shadow: 0 0 10px #ccc;}

.inewstitle{height:50px; line-height:50px; text-align:center;}
.inewstitle font{background:url(../images/bgsu.jpg) repeat-x center center; padding-left:18px; padding-right:18px;}
.inewstitle span{background:#FFF; padding-left:10px; padding-right:10px; font-size:22px; font-weight:600;}

.newsarttitle{line-height:20px; text-align:center;}
.newsarttitle font{background:url(../images/bgsu.jpg) repeat-x center center; padding-left:18px; padding-right:18px;}
.newsarttitle span{background:#FFF; padding-left:10px; padding-right:10px; font-size:16px; font-weight:600;}

.inewslist{width:1540px;}
.inewsitem{width:1582px;}
.inewsitem li{float:left; width:485px; margin-right:42px;}
.nitemwidth{width:440px; margin:0px auto; padding-top:20px; padding-bottom:20px;}
.nitemimg{width:440px; height:245px; overflow:hidden;}
.nitemimg img{max-width:100%; height:auto;}

.inewsitem li a .nitemnewstitle{font-size:18px; color:#333333; padding-top:8px; padding-bottom:8px;  height:40px; line-height:40px; overflow:hidden;}
.inewsitem li a .nitemtitme{color:#999;}
.inewsitem li a .nitemjiang{text-align:right; padding-top:20px;}

.iaboutleft{float:left; width:890px; height:602px;}
.iaboutright{float:left; width:650px; height:602px; background:#f7f4ea;}
.iaboutwidth{width:500px; margin:0px auto;}

.iabouttitle{padding-bottom:30px;}
.iabouttitle font{background:url(../images/bgsu.jpg) repeat-x center right; padding-right:20px;}
.iabouttitle span{background:#f7f4ea; padding-right:12px; font-size:24px; font-weight:600;}

.iabouttxt{line-height:35px; font-size:16px; height:290px; overflow:hidden;}

.aboutmore a{display:block; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #ffb200; background:#f7f4ea; color:#ffb200; font-size:16px;}


.schoolimg-scroll{position:relative; width:1540px; margin:0px auto; box-sizing:border-box;}
.schoolprev{float:left; width:49px; height:49px; background:#dadada url(../images/srollleft.jpg) no-repeat center center; cursor:pointer; position:absolute; left:-80px; top:40%;}
.schoolprev:hover{background:url(../images/srollleft.jpg) no-repeat center center;}
.schoolnext{float:left; width:49px; height:49px; background:#dadada url(../images/srollright.jpg) no-repeat center center; cursor:pointer; position:absolute; right:-80px; top:40%;}
.schoolnext:hover{background:url(../images/srollright.jpg) no-repeat center center;}

.schoolimg-list {position:relative; float:left; width:1540px; height:470; overflow:hidden;}
.schoolimg-list ul {width:9999px;}
.schoolimg-list li{float:left; display:inline; width:355px; margin-right:39px; height:470px; overflow:hidden; position:relative;}
.srollimg{width:355px; height:420px;}
.srollimg img{max-width:100%; height:auto;}
.schoolimg-list li a .srollname{background:#ffb401; height:50px; line-height:50px; overflow:hidden; font-size:18px; padding-left:20px; color:#ffffff;}




/****start*******/
.caihuabg{background:#f5f5f5;}

.caihualeft{float:left; float:left; width:490px; height:600px; background:#FFF; position:relative;}
.caihuaright{float:left; float:left; width:1050px; height:600px; background:#FFF; }

.caihuabox{position:relative;}
.caihuabox .bd{position:relative; z-index:0;margin:0 auto;}
.caihuabox .bd li{width:1050px; position:relative;}

.caihuabox .prev{position:absolute; left:-50px; top:55%; display:block; width:19px; height:36px; background:url(../images/sleft.png) no-repeat left center; cursor:pointer;}
.caihuabox .next{position:absolute; right:-50px; top:55%; display:block; width:19px; height:36px; background:url(../images/sright.png) no-repeat left center; cursor:pointer;}
.caihuabox:hover .prev,.caihuabox:hover .next{display:block;}


.caihuabox .hd{text-align:center; z-index:999999;}
.caihuabox .hd ul{text-align:center;}
.caihuabox .hd ul li{display:inline-block; width:100%; line-height:90px; text-align:center; font-size:16px; position:relative; border-bottom:1px solid #f5f5f5;}
.caihuabox .hd ul li.on{background:#ffb401; color:#fff;}
.caihuabox .hd ul li .isedk{display:none;}
.caihuabox .hd ul li.on .isedk{display:block; background:url(../images/blue.png) no-repeat; position:absolute; right:-8px; top:38px; width:8px; height:17px; z-index:999999;}

.caiimgbox{width:100%; height:600px;}
.caiimgtxtinfo{position:absolute; left:0px; bottom:0px; width:100%; height:90px; overflow:hidden; background:url(../images/blactbg.png);}
.caiintxt{padding:20px; box-sizing:border-box; height:70px; overflow:hidden; color:#ffffff; font-size:14px; line-height:26px;}
/****end******/

.catepagetxt{line-height:28px; font-size:16px;}
.catepagetxt img{max-width:100%; height:auto;}

.articlelist{}
.articlelist li{height:45px; line-height:45px; border-bottom:1px solid #f5f5f5;}
.articlelist li span{float:right; color:#666;}
.articlelist li a{font-size:16px;}

.pages{text-align:center; margin-top:25px;}
.pages li{display:inline-block; margin-left:6px}
.pages li a{border:1px solid #e6e6e6; padding:6px 10px; border-radius:3px;}
.pages li a.sedpage{background:#ffb401; color:#FFF; font-size:14px; border:0px;}

.articleTitle{text-align:center; font-size:20px; font-weight:bold;}
.articleAuthor{text-align:center; color:#666; padding-top:8px; padding-bottom:25px;}
.articleAuthor span{padding-right:15px;}
.viewcontent{line-height:30px; font-size:16px;}
.viewcontent img{max-width:100%; height:auto;}

.pagebanner{width:100%; overflow:hidden;}
.pagebanner img{max-width:100%; height:auto;}

.categoryinfobg{background:#f4f4f4;}
.cateitem{/*text-align:center;*/}
.cateitem a{display:inline-block; margin-right:20px; /*border:1px solid #e5e5e5; border-radius:30px;*/ border-radius:30px; height:40px; line-height:40px; padding-left:25px; padding-right:25px; font-size:16px;}
.cateitem a.current{background:#ffb401; color:#fff;}

.lichengitem{width:1200px; margin:0px auto; background:url(../images/suwh.jpg) repeat-y 158px top;}
.lichengitem li{padding-top:25px; padding-bottom:25px; position:relative;}
.lichengleft{float:left; width:160px; background:url(../images/bluek.jpg) no-repeat right top; margin-right:40px;}
.lichengright{float:left; width:1000px;}

.lichengtitle{font-size:30px;}
.lichengtxt{line-height:32px; color:#4F4D50; font-size:18px; font-family:"SimHei";}

.lichengitem li .lichengbg{position:absolute; left:-440px; top:0; width:1200px; z-index: -1; height:100%; background:#ebebeb; display:none;}

.articleimg{width:1450px;}
.articleitem{width:1470px;}
.articleitem li{float:left; width:347px; margin-right:20px; margin-bottom:30px;}

.articleitem li .nitemwidth{width:347px; padding-top:10px; padding-bottom:10px; text-align:center;}
.articleitem li .nitemimg{width:347px; height:210px;}

.articleitem li a .nitemnewstitle{font-size:16px; color:#333333; padding-top:8px; padding-bottom:8px;  height:40px; line-height:40px; overflow:hidden;}
.articleitem li a .nitemtitme{color:#999;}
.articleitem li a .nitemjiang{text-align:right; padding-top:20px;}

.pageUpDown{width:100%; margin:0px auto; padding-top:25px;}
.pageUpDown span{display:block; padding-top:5px;}
.pageUpDown a{padding-top:10px; font-size:16px;}

.whitebg{background:#FFF;}
.insidefleft{float:left; width:1170px; margin-right:20px; border: 1px solid #eee; box-sizing:border-box;}
.viewartwidth{padding:0px 30px 25px 30px;}
.insidefright{float:right; width:350px;}
.bestmwidth{width:330px; margin:0px auto;}
.bmfontt{line-height:25px; padding-top:10px; padding-bottom:10px;}
.bmfontt font{font-size:22px; font-weight:600; border-left:2px solid #ffb401; display:block; padding-left:6px;}

.bestartlist{ padding-bottom:20px;}
.bestartlist li{margin-top:18px;}
.binewsimg{float:left; width:120px;}
.binewsimg a{display:block; width:120px; height:80px; overflow:hidden;}
.binewsimg a img{max-width:100%; height:80px;}

.binewstxt{float:right; width:194px; overflow:hidden;}
.binewstitle a{display:block; line-height:18px; max-height:36px; overflow:hidden; font-size:12px; font-weight:600;}
.binewsjie{margin-top:8px; height:36px; line-height:18px; overflow:hidden; color:#666;}

.artitemlist{width:1450px;}
.artboxitem{width:1500px;}
.artboxitem li{float:left; width:700px; margin-right:50px; margin-bottom:50px;}
.artstime{float:left; width:70px; height:70px; margin-right:15px; border:1px solid #e6e6e6;}
.artsboxd{width:70%; margin:0px auto;}
.artdtime{text-align:center; padding-top:6px; padding-bottom:3px; border-bottom:2px solid #e6e6e6; font-size:24px; color:#8c8986;}
.artymtime{text-align:center; padding-top:6px; color:#8c8986;}
.artsinfo{float:left; width:613px;}

.artlistatitle a{display:block; height:20px; line-height:20px; overflow:hidden; font-size:16px; font-weight:600;}
.artlistasorttxt{ height:40px; line-height:20px; overflow:hidden; margin-top:8px; color:#666; font-size:14px;}


.pc_show{display:block;}
.wap_show{display:none;}

@media (min-width:320px) and (max-width:768px){
  body{width:100%; box-sizing:border-box;}
  .pc_show{display:none;}
  .wap_show{display:block;}
  
  .insidefleft{float:none; width:98%; margin-right:0px; border:0px;}
  .viewartwidth{padding:0px;}
  .insidefright{display:none;}
  
  .artitemlist{width:100%;}
  .artboxitem{width:96%; margin:0px auto;}
  .artboxitem li{float:none; width:100%; margin-right:0px; margin-bottom:25px;}
  .artsinfo{width:75%;}  
  .artlistatitle a{font-size:14px;}
  
  .ke-zeroborder td{width:100%; display:inline-block; padding-bottom:25px;}
  
  .dropdown{width:96%; height:40px; border-radius:5px; margin:0px auto;}
  
  .insidebgg{background:#ffffff;}
  .inside_container{width:100%; background:#FFF; border:0px solid #eee;}
  .insidebox{width:100%; margin:0px auto;}
  .container{width:100%;}
  .wap_width{width:94%; margin:0px auto;}
  
  .logo{float:none; width:100%;}
  .logo img{width:auto; height:60px; padding-left:10px;}
  
  .headerright{display:none;}
  
  .catepageinfo{width:94%; margin:0px auto;}
  
  .articlelist{width:94%; margin:0px auto;}
  .articlelist li{height:auto; line-height:24px; padding-top:6px; padding-bottom:6px;}
  .articlelist li a{font-size:14px;}
  .articlelist li span{display:none;}
  
  .blank50{height:15px;}
  .blank70{height:15px;}
  
  .footerbg{min-height:auto;}
  .copyright{text-align:center; padding-top:10px; padding-bottom:10px;}
  .copyright span{display:none;}
  
  .mfooter{display:none;}
  .wxcodeimg{display:none;}
  .pagebanner{display:none;}
  
.cateitem{width:88%; margin:0px auto; overflow:hidden; /*border-bottom:2px solid #003c84;*/ padding-bottom:10px;}
.cateitem li{float:left; width:auto;} 
.cateitem a{height:30px; line-height:30px; padding-left:8px; padding-right:8px; margin-right:5px;}

.inewstitle span{font-size:18px;} 
.inewslist{width:94%; margin:0px auto;}
.inewsitem{width:100%;}
.inewsitem li{float:none; width:100%; margin-right:0px; margin-bottom:20px;}
.nitemwidth{width:94%; margin:0px auto; padding-top:10px; padding-bottom:10px;}
.nitemimg{width:100%; height:auto;}

.articleitem li .nitemwidth{width:94%; margin:0px auto; padding-top:10px; padding-bottom:10px;}
.articleitem li .nitemimg{width:100%; height:auto;}

.iaboutleft{float:none; width:100%; height:auto;}
.iaboutleft img{max-width:100%; height:auto;}
.iaboutright{float:none; width:100%; height:auto;}

.iaboutwidth{width:92%; padding-bottom:20px;}
.iabouttitle{padding-bottom:15px;}
.iabouttxt{height:auto; line-height:30px; font-size:14px;}

.aboutmore a{height:30px; line-height:30px; width:80px;}

/*flash*/
.waporiginalbox{ position:relative; overflow:hidden; width:96%; margin:0px auto;}
.waporiginalbox .bd{position:relative; z-index:0;margin:0 auto; overflow:hidden;}
.waporiginalbox .bd li{position:relative; text-align:center; overflow:hidden;}
.waporiginalbox .hd{width:100%; /*position:absolute;z-index:1;bottom:-10px;left:0;*/ height:12px;line-height:12px; margin-top:10px; display:none;}
.waporiginalbox .hd ul{text-align:center;}
.waporiginalbox .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:0 5px;overflow:hidden;background:#006db7;/*filter:alpha(opacity=80);opacity:0.8;*/line-height:999px; border-radius:50%;}
.waporiginalbox .hd ul .on{background:#ff6600;}
.waporiginalbox .prev{position:absolute; left:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/left.png) no-repeat left top; cursor:pointer;}
.waporiginalbox .next{position:absolute; right:10px; top:50%;margin-top:-37.5px; display:none; width:49px; height:75px; background:url(../images/right.png) no-repeat left top; cursor:pointer;}
.waporiginalbox:hover .prev,.waporiginalbox:hover .next{display:block;}

.waporiginalbox img{width:100%; height:auto;}

.srollname{background:#ffb401; height:50px; line-height:50px; overflow:hidden; font-size:18px; padding-left:20px; color:#ffffff;}
.srollimg{width:100%;}
/*end*/

.caihualeft{float:none; width:100%; height:auto;}
.caihuaright{float:none; width:100%; height:auto;}

.caiimgbox{height:auto;}
.caiimgbox img{width:100%; height:auto;}


/****start*******/
.caihuabg{background:none;}

.wap_caihuabox{position:relative; width:96%; margin:0px auto; overflow:hidden;}
.wap_caihuabox .bd{position:relative; z-index:0;margin:0 auto;}
.wap_caihuabox .bd li{width:100%; position:relative;}

.wap_caihuabox .prev{position:absolute; left:-50px; top:55%; display:block; width:19px; height:36px; background:url(../images/sleft.png) no-repeat left center; cursor:pointer;}
.wap_caihuabox .next{position:absolute; right:-50px; top:55%; display:block; width:19px; height:36px; background:url(../images/sright.png) no-repeat left center; cursor:pointer;}
.wap_caihuabox:hover .prev,.wap_caihuabox:hover .next{display:block;}


.wap_caihuabox .hd{text-align:center; z-index:999999;}
.wap_caihuabox .hd ul{text-align:center;}
.wap_caihuabox .hd ul li{display:inline-block; width:100%; line-height:90px; text-align:center; font-size:16px; position:relative; border-bottom:1px solid #f5f5f5;}
.wap_caihuabox .hd ul li.on{background:#ffb401; color:#fff;}
.wap_caihuabox .hd ul li .isedk{display:none;}
.wap_caihuabox .hd ul li.on .isedk{display:block; background:url(../images/blue.png) no-repeat; position:absolute; right:-8px; top:38px; width:8px; height:17px; z-index:999999;}

.caiimgbox{width:100%; height:auto;}
.caiimgtxtinfo{position:absolute; left:0px; bottom:0px; width:100%; height:40px; overflow:hidden; background:url(../images/blactbg.png);}
.caiintxt{padding:0px 10px 0px 10px; box-sizing:border-box; height:40px; line-height:40px; overflow:hidden; color:#ffffff; font-size:14px; }
/****end******/



.caiimgtxtinfo{height:auto;}

.lichengitem li{padding-top:15px; padding-bottom:15px;}

.lichengitem{width:94%; margin:0px auto; background: url(../images/suwh.jpg) repeat-y 1px top;}
.lichengleft{float:none; width:100%; margin-right:0px; background: url(../images/bluek.jpg) no-repeat left top;}
.lichengright{float:none; width:100%;}
.lichengtitle{font-size:20px; margin-left:10px;}
.lichengtxt{margin-left:15px; padding-top:6px; line-height:26px;}


.articleimg{width:96%; margin:0px auto;}
.articleitem{width:100%;}
.articleitem li{float:none; width:100%; margin:0px; margin-right:0px; margin-bottom:20px;}


.catescright{position:absolute; right:0px; top:0px;}
  
/* QQonline */
.mobileweb{z-index:999999999; position:absolute;right:0px;top:13px;margin:0px 0 0 0;}
#online_qq_layer{}
/**html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}*/
#floatShow{width:30px;height:30px;background:url(../images/menu.png) no-repeat; display:block;overflow:hidden;background-position:0px 0px; position:absolute; right:5px; top:3px; background-size:100% 100%;}
#floatHide{width:20px;height:23px;background:url(../images/coo.gif) no-repeat; display:block;overflow:hidden;background-position:0px 0px; position:absolute; right:5px; top:3px; }
#onlineService{display:inline;margin-left:0px;display:none;width:100%;float:left; overflow:hidden; background:#FFF; right:0px; position:relative;}
/* QQonline */
#mobile_navigate{padding-bottom:10px; width:96%; margin:0px auto;}
#mobile_navigate li{border-bottom:1px solid #eaeaea;}
#mobile_navigate li a{display:block; padding-top:12px; padding-bottom:10px;}

.swiper-button-prev{ background:url(../images/scleft.png) no-repeat center center; left:-2px; top:15px;}
.swiper-button-next{ background:url(../images/scright.png) no-repeat center center; right:-6px; top:15px;}
  
  
}
