@charset "utf-8";
* { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0; max-width: 100%;}
a { text-decoration: none; color: #000; outline: none; }
body { min-width: 1260px; font-family: "微软雅黑"; position: relative;background-color: #f2f2f2;}
input { outline: none; }
.clearfix{clear: both;}
.w100{width: 100%;
    margin: 0 auto;
    min-width: 1200px;}
/*top*/
.top-bg{background: url(../images/top-bg.png) no-repeat top center;}
.top-box{width: 1200px;margin: 0 auto;}
.logo-box{overflow: hidden;}
.logo{float: left;padding: 45px 0 30px 0;}
.logo img{display: block;}
.search{float: right;overflow: hidden;padding-top: 66px;width: 256px;}
.search .text{float: left; width: 175px;height: 34px;line-height: 34px;border: none;color: #323232;font-size: 14px;padding-left: 10px;background-color: #d5dbe1;}
.search .btn{float: left;width: 70px;height: 34px;background: url(../images/search.png) no-repeat center;background-color: #10599e;border: none;cursor: pointer;}
.nav-box{border-top: 1px solid #074178;height: 70px;line-height: 70px;}
/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{  position:relative; z-index:1;}
.nav{ position:relative; margin:0 auto;  font-family:"微软雅黑"; font-size:18px; }
.nav a{ color:#ffffff;}
.nav h3{ font-size:100%; font-weight:normal;}
.nav .m{ float:left;  position:relative; z-index:1; }
.nav h3 a{ display:block; text-align:center;padding: 0 48px;}
.nav h3 a:hover{color: #FFC600;}
.nav .sub{ display:none; /*默认隐藏*/  position:absolute; top:70px; z-index:99999; width:100%; border:1px solid #E6E4E3; border-top:0;  background:#fff;}
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;}
.nav .sub li a{ display:block;font-size: 14px;  border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;}
.nav .sub li a:hover{ color:#ffc600;}
/*内容区*/
.box-bg{width: 1200px;margin: 0 auto;padding: 0 30px;background-color: #ffffff;}
/*本院要闻*/
.news-box01{height: 364px;padding-top: 40px;overflow: hidden;}
.news-left{float: left;width: 500px; height:360px;margin-right: 50px;}
/* 本例子css */
.news-left{ width:500px; height:360px; overflow:hidden; position:relative;}
.news-left .hd{overflow:hidden; position:absolute; right:20px; bottom:0px; z-index:1;}
.news-left .hd .pageState{color: #ffffff;line-height: 60px;}
.news-left .bd{ position:relative; height:100%; z-index:0;   }
.news-left .bd li{ zoom:1; vertical-align:middle; }
.news-left .bd img{ width:500px; height:360px; display:block;  }
.news-left .bd p{position: absolute;bottom: 0;left: 0;width: 100%;height: 60px;line-height: 60px;background: url(../images/index-news02.png);font-size: 16px;}
.news-left .bd p a{color: #ffffff;margin-left: 20px;}
.news-left .bd p a:hover{color: #ffc600;transition: 0.6s all;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.news-left .prev,
.news-left .next{ position:absolute; top:50%; margin-top:-30px; display:block; width:30px; height:60px;  }
.news-left .prev{ right:auto; left:0;background: url(../images/news01-left.png) no-repeat; filter:alpha(opacity=10);opacity:0.1; }
.news-left .next{ left:auto; right:0;background: url(../images/news01-right.png) no-repeat; filter:alpha(opacity=10);opacity:0.1; }
.news-left .prev:hover,
.news-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.news-left .prevStop{ display:none;  }
.news-left .nextStop{ display:none;  }
/*右侧新闻*/
.news-right{width: 650px;float: left;}
.big-title{border-bottom: 1px solid #cccccc;margin-bottom: 26px;}
.big-title span{float: left; border-bottom: 3px solid #10599e;display: inline-block;padding-bottom: 10px;font-size: 22px;color: #323232;margin-bottom: -2px;padding-right: 20px;}
.big-title a{float: right;font-size: 12px;color: #999999;line-height: 40px;}
.big-title a:hover{color: #ffc600;transition: 0.6s all;}
.news-right01 h5{font-size: 18px;margin-bottom: 10px;}
.news-right01 h5 a{color: #323232;}
.news-right01 h5 a:hover{color: #ffc600;transition: 0.6s all;}
.news-right01 p{font-size: 14px;color: #999999;line-height: 24px;}
.news-right01 p a{color: #ffc600;margin-left: 10px;}
.news-right01 p a:hover{color: #999999;transition: 0.6s all;}
.news-right01{padding-bottom: 18px;border-bottom: 1px dashed #d0d0d0;}
.news-right li{margin-top: 15px;font-size: 14px;color: #808080;line-height: 23px;}
.news-right li span{font-size: 14px;color: #808080;margin-right: 20px;}
.news-right li a{font-size: 16px;color: #272727;margin-left: 20px;}
.news-right li:hover a{color: #ffc600;transition: 0.6s all;}
/*links*/
.links-box{margin-top: 60px;height: 106px;}
/* 本例子css */
.links-box{ width:1058px;position:relative;margin-left: 70px;}
.links-box .hd{}
.links-box .hd .prev,.links-box .hd .next{ display:block; width:30px; height:60px;cursor:pointer; position: absolute;top: 50%;margin-top:-30px;}
.links-box .hd .prev{background: url(../images/links-left.png) no-repeat;left: -70px;}
.links-box .hd .next{background: url(../images/links-right.png) no-repeat;right: -70px;}
.links-box .bd{width: 1058px;overflow: hidden;}
.links-box .bd ul{ overflow:hidden; zoom:1;}
.links-box .bd ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.links-box .bd ul li .pic{ text-align:center; }
.links-box .bd ul li .pic img{ width:100px; height:75px; display:block;}
.links-box .bd ul li .title{margin-top: 10px;font-size: 16px;text-align: center;display: block;}
.links-box .bd ul li .title a{color: #323232;}
.links-box .bd ul li .title a:hover{color: #ffc600;transition: 0.6s all;}
/*案件发布*/
.news-box02{padding-top: 50px;overflow: hidden;height: 253px;}
.case-box{width: 575px;float: left;margin-right: 50px;}
.case-box ul{margin-bottom: -20px;}
.case-box li{overflow: hidden;margin-bottom: 20px;}
.case-box li a{float: left;color: #323232;font-size: 16px;}
.case-box li span{float: right;font-size: 14px;color: #666666;}
.case-box li a:hover{color: #ffc600;transition: 0.6s all;}
/*媒体之声*/
.media-box{width: 575px;float: left;}
.media-box ul{margin-bottom: -20px;}
.media-box li{margin-bottom: 20px;}
.media-box li a{color: #323232;font-size: 16px;}
.media-box li span{font-size: 16px;color: #d56e2b;}
.media-box li a:hover{color: #ffc600;transition: 0.6s all;}
/*检查风采*/
.people-box{padding-top: 50px;overflow: hidden;height:308px;}
.people-box ul{overflow: hidden;margin-right: -20px;}
.people-box li{float: left;width: 285px;margin-right: 20px;overflow: hidden;}
.people-box li img{width: 285px;height: 210px;display: block;overflow: hidden;}
.people-box li p{font-size: 16px;margin-top: 10px;text-align: center;}
.people-box li p a{color: #323232;}
.people-box img:hover{transform: scale(1.02);transition: 0.6s all;}
.people-box li p a:hover{color: #ffc600;transition: 0.6s all;}
/*专题活动*/
/* 本例子css */
.project-box{ width:1200px;position:relative;padding: 50px 0;overflow: hidden;height: 178px;}
.project-box .bd{width: 1200px;overflow: hidden;}
.project-box .bd ul{ overflow:hidden; zoom:1;}
.project-box .bd ul li{ margin-right: 25px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.project-box .bd ul li .pic{ text-align:center;width:220px; height:110px;}
.project-box .bd ul li .pic img{ width:220px; height:110px; display:block;}
.project-box .bd ul li .pic img:hover{transform: scale(1.05);transition: 0.6s all;}
.project-box .bd ul li .title{margin-top: 10px;font-size: 16px;text-align: center;display: block;}
.project-box .bd ul li .title a{color: #323232;}
.project-box .bd ul li .title a:hover{color: #ffc600;transition: 0.6s all;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.project-box .prev,
.project-box .next{ position:absolute; top:50%; margin-top:15px; display:block; width:17px; height:32px;  }
.project-box .prev{ right:auto; left:0;background: url(../images/pro-left.png) no-repeat; filter:alpha(opacity=20);opacity:0.2; }
.project-box .next{ left:auto; right:0;background: url(../images/pro-right.png) no-repeat; filter:alpha(opacity=20);opacity:0.2; }
.project-box .prev:hover,
.project-box .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.project-box .prevStop{ display:none;  }
.project-box .nextStop{ display:none;  }
/*页脚*/
.footer-bg{background-color: #00386d;}
.footer-box{width: 1200px;margin: 0 auto;padding: 30px 0;}
.footer-box p{overflow: hidden;text-align: center;border-bottom: 1px solid #1f4d78;padding-bottom: 30px;margin-bottom: 20px;}
.footer-box p span{color: #fafafa;font-size: 16px;}
.footer-box p a{font-size: 14px;color: #fafafa;margin-right: 20px;margin-bottom: 10px;display: inline-block;}
.footer-box p a:hover{color: #ffc600;transition: 0.6s all;}
.footer-box ul{margin-bottom: -10px;}
.footer-box li{font-size: 14px;color: #98b8d6;margin-bottom: 10px;text-align: center;}
.footer-box li span{margin-right: 15px;}
.footer-box li a{font-size: 14px;color: #98b8d6;}
.footer-box li a:hover{text-decoration: underline;}
/*右侧悬浮*/
.side-left { position: fixed;right: -150px;top: 450px; }
.side-left .show {cursor: pointer; position: absolute;left: -51px;top: 0; width: 20px;padding: 10px 15px;height: 130px; line-height: 21px; background: url(../images/float-bg.png) 0 0 no-repeat; font-size: 18px;color: #fff;}
.side-left .hide { background: #00386d;padding: 20px 10px; }
.side-left .hide ul li { padding: 10px 0;width: 130px; }
.side-left .hide ul li + li { border-top: 1px dashed #33608a; }
.side-left .hide img { display: block;margin: 0 auto;}
.side-left .hide .sao { font-size: 12px; color: #fff; line-height: 30px;text-align: center;}
.side-left:hover{right: 0;transition: 0.6s all;}
/*返回顶部*/
.backtop { position: fixed; right: 30px; bottom: 30px; cursor: pointer; display: none; width: 51px; height: 50px; }
/*main-in*/
.now { }
.now .wrap { overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; }
.now-l { padding-top: 30px; float: left; font-size: 14px; color: #666; }
.now-l span { color: #333; padding-left: 26px;}
.now-l a { color: #666; }
.now-l a:hover {color: #ffc600;transition: 0.6s all;}
.now-r { float: right; font-size: 20px; color: #4c4c4c; padding-top: 25px; }
.inner { padding-top: 40px; min-height: 500px; }
.inner .wrap { overflow: hidden; }
.subnav { width: 260px; border: 1px solid #00386d; float: left; }
.subnav .lanmu { text-align: center; line-height: 60px; height: 60px; background: #00386d; font-size: 24px; color: #fff; }
.subnav ul { padding: 15px; }
.subnav ul li { width: 170px; height: 44px; line-height: 44px; margin: 15px auto; text-align: center; position: relative; }
.subnav ul li a { font-size: 18px; color: #333; }
.subnav ul li .line { height: 40px; width: 3px; background: #ffc600; border-radius: 1px; position: absolute; left: -15px; top: 2px; display: none; }
.subnav ul li.on, .subnav ul li:hover { background: #ffc600; border-radius: 8px; }
.subnav ul li.on a, .subnav ul li:hover a { color: #fff; }
.subnav ul li.on .line, .subnav ul li:hover .line { display: block; }
.inner-r { width: 870px; float: right; }
/*list*/
.inner-r .list ul li { overflow: hidden; margin-bottom: 20px; padding-left: 20px; background: url(../images/list-icon.png) left center no-repeat; }
.inner-r .list ul li a { float: left; width: 753px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #333; }
.inner-r .list ul li a:hover { color: #ffc600;transition: 0.6s all;}
.inner-r .list ul li span { float: right; font-size: 14px; color: #808080; }
.inner-r .switch { text-align: center; margin: 50px 0; }
/*pic-list*/
.inner-r .pic-list ul { overflow: hidden; width: 950px;margin-bottom: -20px;}
.inner-r .pic-list ul li { width: 260px; margin-right: 43px; margin-bottom: 20px; float: left; }
.inner-r .pic-list ul li .pic { width: 260px; height: 165px;overflow: hidden;}
.inner-r .pic-list ul li .pic:hover{transform: scale(1.02);transition: 0.6s all;}
.inner-r .pic-list ul li img { width: 100%; }
.inner-r .pic-list ul li p { font-size: 16px; text-align: center; line-height: 44px; }
.inner-r .pic-list ul li p a { color: #333; }
.inner-r .pic-list ul li p a:hover { color: #ffc600;transition: 0.6s all;}
/*info*/
.info .title { text-align: center; border-bottom: 1px solid #d9d9d9;margin-bottom:20px;}
.info .title h3 { font-size: 24px; color: #333; }
.info .time { padding: 20px 0; font-size: 12px; color: #999; }
.info .artical p { font-size: 15px; color: #666; line-height: 34px; text-indent: 2em;text-align: justify;}
.info .artical img { display: block; margin: 0 auto; }
.info .pn { padding: 25px; background: #f5f5f5; margin: 50px 0; font-size: 15px; }
.info .pn p{line-height:30px;}
.info .pn span { color: #333; }
.info .pn a { color: #666; }
.info .pn a:hover { color: #ffc600;transition: 0.6s all; }
/*pic-list*/
.inner-r .pro-list ul { overflow: hidden; width: 950px;margin-bottom: -30px;}
.inner-r .pro-list ul li { width: 195px; margin-right: 30px; margin-bottom: 30px; float: left; }
.inner-r .pro-list ul li{ width: 195px; height: 98px;overflow: hidden;}
.inner-r .pro-list ul li:hover{transform: scale(1.02);transition: 0.6s all;}
.inner-r .pro-list ul li img { width: 100%; }