/*****
*怀化市政府目录专题样式文件
*@crtime:2020年11月25日
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:lijianping
*
*/

body{background:#fff;}
.top_box { width: 100%;height: 880px; background: url(../images/ssw_topbg.jpg) no-repeat top center;}
.top_logo {	width: 100%;max-width: 1200px;margin: 0 auto;}
.top_logo .ztmllogo {max-width:330px; height: auto; display: block;float: left; width: 100%;margin-top: 27px;}
.top_logo .ztmllogo img { width: 100%; height: auto; display: block;}
.top_logo .ztmlfhsy {width:96px; height: 36px; background: rgba(255,255,255,0.8);border-radius: 2px; display: block;float:right; text-align: center;line-height: 36px;font-size: 15px; color: #3f4447;margin-top:42px;}
.top_logo .ztmlfhsy:hover {background:rgba(255,255,255,1);}

.ssw_box { background: url(../images/ssw_bg.png) no-repeat top center #fff;}
.ssw_box1 { background: #ffeddf;}
.content_box { width: 100%;max-width: 1200px; overflow: hidden;margin: 0 auto;}

/* 首页头条新闻 */
.list_news { width: 100%;max-width: 1200px; margin: 0 auto; box-sizing: border-box;position: relative; padding-top:30px;}
.list_news img { width: 68p; height: 68px; position: absolute; left: 0; top:30px}
.list_news h2 { text-align: center; padding-top:25px; }
.list_news h2 a { font-size: 38px; font-weight: bold; text-align: center;color:#ef0000;}
.list_news h2 a:hover {opacity: 0.8;}
.list_news p { text-align: center; margin-top:12px; padding:0 30px;} 
.list_news p a { font-size: 14px; color:#ef0000;width:50%; display: block; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 30px; box-sizing: border-box;text-align: right;}
.list_news p a:last-child {text-align:left;}
.list_news p a:hover {opacity: 0.8;}

.gwy_box .title {padding: 55px 0 36px;}
.gwy_box .title img {width: 100%; height: auto; display: block;}
.video_box { width: 600px; height: 388px;float: left;position: relative;}
.video_box img { width: 600px; height: 338px; display: block;}
.video_box p {width: 100%; padding: 0 20px; display: block; box-sizing: border-box; background: #cd0203; height: 50px; line-height: 50px; font-size: 16px;color: #fff; text-align: center;}
.video_box p a { color: #fff;}
.ico-spxw{opacity:0;filter:alpha(opacity=0); width: 63px;height: 63px;position: absolute;top: 50%;margin-top: -31.5px;margin-left: -31.5px;left: 50%;background-position: -197px -438px;z-index: 3;}
.cover-wrap{height:338px;width: 100%;position:absolute;top: 0;background: #000;opacity: 0;filter:alpha(opacity=0);z-index: 2;left: 0;}
.video-wrap:hover .cover-wrap{opacity:0.4;filter:alpha(opacity=40);}
.video-wrap:hover i{opacity: 1;filter:alpha(opacity=100);}

.cj_box { width: 570px; float: right;}
.cj_box .title { width: 570px; height: 32px;padding:0;margin-top: 5px;}
.cj_title h2 {padding: 20px 0 10px;}
.cj_title h2 a {font-size: 20px;font-weight: bold;color: #333;}
.cj_title h2 a:hover {color: #ef0000;}
.cj_title p {font-size: 14px; color: #999; line-height: 24px; text-indent: 2em;}
.cj_box ul {border-left: 1px solid #dedede;margin-left: 4px;margin-top:25px;}
.cj_box ul li {height: 18px;line-height: 18px;margin-bottom: 20px; background:url(../images/ssw_dian.png) no-repeat left center #fff;padding-left: 25px;margin-left: -4px;}
.cj_box ul li a {font-size: 16px;color: #333;}
.cj_box ul li a:hover {color: #ef0000;}
.cj_box ul li:last-child {border-bottom: none;}

.sphb_box { width: 100%; float: left;margin:40px 0;}
.sphb_box .title {padding:0; width: 100%; height: 32px; margin-bottom: 30px;}
.sphb_box ul li { width: 285px; float: left;overflow: hidden;margin-right: 20px; border-radius: 2px; overflow: hidden;}
.sphb_box ul li:last-child {margin-right: 0;}
.sphb_box ul li a { width: 285px; height: 180px; display: block;overflow: hidden;}
.sphb_box ul li a img { width: 285px; height: 180px; display: block;transition: all .3s;}
.sphb_box ul li  p { width: 100%; height: 120px; padding: 14px; box-sizing: border-box;font-size: 14px; color: #987240; line-height: 24px; background: #f4d7b0;}
.sphb_box ul li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}

.ssw_box1 .content_box {padding:35px 0 60px;}
/* 图片切换 */
.news_tab { width: 565px;height: 328px;position: relative; float: right;overflow: hidden;margin-top: 35px;}
.news_tab .hd{ width:100%; height:6px;position:absolute;z-index:1; bottom:20px; text-align:right; right:20px;}
.news_tab .hd ul{ display:inline-block;font-size:0; vertical-align:top;}
.news_tab .hd ul li{ display:inline-block; width:12px; height:6px;background:#c3bcb6; margin:0 3px;vertical-align:top; overflow:hidden; border-radius:6px;}
.news_tab .hd ul li.on{ background:#eb0124;width:20px;}
.news_tab .bd { position: relative;z-index:0;}
.news_tab .bd li { position: relative;}
.news_tab .bd img {width:100%;max-width:565px;height:328px; display: block;}
.news_tab .bd .a_title { width: 100%; height:50px; background:rgba(0,0,0,0.5); display:block; position: absolute; bottom: 0; left: 0; color: #fff; font-size:16px; line-height:50px; padding:0 125px 0 20px; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2015293,endColorstr=#b2015293);cursor: pointer;}
:root .news_tab .bd .a_title {filter: none; }
.news_tab .bd .a_title:hover { text-decoration: underline;}


.hhcj_box {padding: 25px 0 40px;}
.hhcj_box .title { width: 100%; height: 70px; display: block;margin-bottom: 30px;}
.hhcj_box ul li { width: 388px; float: left;overflow: hidden;margin-right: 18px;}
.hhcj_box ul li:last-child {margin-right: 0;}
.hhcj_box ul li a { width: 388px; height: 220px; display: block;overflow: hidden;}
.hhcj_box ul li a img { width: 388px; height: 220px; display: block;transition: all .3s;}
.hhcj_box ul li  p { width: 100%;height:88px;padding:15px 20px;box-sizing:border-box;font-size:16px;color:#333;line-height:28px;background: #f3f3f3;text-indent: 2em;}
.hhcj_box ul li a:hover img {transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}

.tab_list { width: 570px; float: left;margin-top: 35px;}
.g-fxrl .on{background: #ea3636;color: #fff;}
.g-fxrl h3.on b{color: #fff;}
.g-fxrl h3 b { display: inline-block;line-height: 50px;font-size: 26px;font-style: italic;font-weight: bold;color: #ea3636;margin-right: 13px;}
.g-fxrl h3 a{ display: inline-block; line-height: 50px;color: #333; font-size: 18px;width: 480px;}
.g-fxrl h3.on a{color: #ffffff;}
.g-fxrl h3 {height: 50px;line-height: 50px; margin-bottom:8px;padding-left: 20px;background: #f8f8f8;cursor: pointer;font-size: 18px;color: #333; font-weight: normal;
 zoom: 1;}
.g-fxrl h3.on span{display: none;}
.g-fxrl h3 span img {margin-right: 20px;}
.g-fxrl div {font-size: 14px;text-indent: 2em; line-height: 24px; max-height: 72px;overflow: hidden; padding: 20px 25px 35px 25px;color: #888;display: none;box-sizing: unset;}
.g-fxrl div a{color: #ea3636;}
.g-fxrl h3.on{ background: #ea3636; color: #fff;}
.ellipsis {display: block; white-space: nowrap;word-wrap: normal;overflow: hidden; text-overflow: ellipsis;text-align: left;}
.h3_li {height: 50px;line-height: 50px; margin-bottom:8px;background: #f8f8f8;cursor: pointer;font-size: 18px;color: #333; font-weight: normal;zoom: 1;}
.h3_li b {line-height: 50px;font-size:18px;font-style:normal;font-weight: bold;color: #fff; width: 50px; background: #ea3636; text-align: center;float: left;}
.h3_li a{ display: inline-block; line-height: 50px;color: #333; font-size: 18px;width: 480px; float: left;margin-left: 15px;}
.h3_li:last-child {margin-bottom: 0;}