﻿@charset "utf-8";
/*头部新闻展示区*/
.TopNews {padding-top: 20px;}
/*图片轮换*/
.slideBox{ float:left; width:560px; height:315px; overflow:hidden; position:relative;z-index: 10;}
.slideBox .hd{height: 10px;overflow:hidden;position:absolute;right: 10px;bottom: 18px;z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{float:left;background: #fff;width: 10px;height: 10px;margin-left: 5px;cursor:pointer;opacity: .5;line-height: 999;overflow: hidden;font-size: 0;border-radius: 100%;}
.slideBox .hd ul li.on{ opacity: 1;}
.slideBox .bd{ position:relative; height:315px; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li p{ position:absolute; left:0px; bottom:0px; width: 100%;height: 52px;line-height: 52px; text-indent: 20px;z-index:2;color: #fff; background:rgba(0,0,0,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5000000,endColorstr=#A5000000); font-size:16px;}
.slideBox .bd li img{ width:560px; height:315px;}

/*Tab信息*/
.TabNews {float: left;padding-left: 20px;width: 560px;height: 315px;overflow: hidden;}
ul.TabList {/*width: 100%;display: inline-block;*/height: 36px;list-style: none;/*background-color: #f2f4f3;*/border-top: 1px solid #1757b8;/*padding-top: 6px;padding-left: 10px;*/}
ul.TabList li {float: left;line-height: 36px;padding: 0;padding-right:15px;font-size: 15px;}
ul.TabList li.hover {background-color: #fff;}
ul.TabList li.hover a {color: #1757b8;}
ul.TabList li.more {float: right;padding: 0;padding-right: 10px;font-size: 12px;}
ul.TabList li.more a {color: #959595;font-size:12px;}

/*搜索框*/
.MainContainer .SearchBar {clear: both;padding: 20px;}
.MainContainer .SearchBar .LeftBtn {width: 275px;height: 44px;border: 8px solid #f2f4f3;line-height: 44px;color: #fff;font-size: 20px;text-indent: 120px;background: #71a9ff url(hngat_wp_SearchBarIcon.png) no-repeat 45px center;float: left; }
.MainContainer .SearchBar .LeftBtn a {color: #fff;}
.MainContainer .SearchBar .RightBox {width: 755px;height: 44px;border: 8px solid #f2f4f3;float: right; }
.MainContainer .SearchBar .RightBox label {display: inline-block;float: left;width: 122px;height: 40px;border: 2px solid #71a9ff;line-height: 40px;color: #71a9ff;font-size: 16px;text-align: center;}
.MainContainer .SearchBar .RightBox .searchword {width: 519px;height: 40px;line-height: 40px;display: inline-block;padding: 0;margin: 0;float: left;border: 2px solid #71a9ff;border-left: 0;border-right: 0;font-size: 16px;text-indent: 18px;}
.MainContainer .SearchBar .RightBox .searchbtn {}

/*底部信息*/
.MainContainer .BottomInfoBox {padding-top: 20px;clear: both;height: 190px; }
.MainContainer .BottomInfoBox .InfoBlock {width:366px;border-top: 1px solid #1757b8;float: left;margin-right: 1px;}
.MainContainer .BottomInfoBox .WideBlock {width:366px; margin:0 20px;}
.MainContainer .BottomInfoBox .LastBlock {margin-right: 0;}
.TitleBox {list-style: none;}
.TitleBox li {float: left;line-height: 36px;text-indent:10px;}
.TitleBox li a {font-size: 15px;color: #1757b8; }
.TitleBox li.more {float: right;padding-right: 13px;}
.TitleBox li.more a {font-size: 12px;color: #959595;}

/*轮换显示区*/
.ChangeBox {padding:0;}
.ztzl{ width:836px; height: 86px; overflow:hidden; position:relative; margin-top: 20px;background-color: #f2f4f3;padding-top: 10px;padding-left: 20px;padding-right: 20px;float: left;}
.ztzl-tit {
        display: block;
        left: 0;
        top: 0;
        width: 30px;
        text-align: center;
        position: absolute;
        font-size: 16px;
        padding-top: 10px;
        line-height: 1.2;
        background: #139bcd;
        color: #fff;
        height: 86px;
        z-index: 9;}
.ztzl .prev,.ztzl .next{display:block;width: 55px;height:93px;float:right;overflow:hidden;cursor:pointer;position:absolute;top:0;background: no-repeat center center;}
.ztzl .prev{background-image:url(hngat_wp_TopicArrow_03.jpg);left: 20px;}
.ztzl .next{background-image:url(hngat_wp_TopicArrow_05.jpg);right: -5px;}
.ztzl .prevStop,.ztzl .nextStop{ opacity:0.5; }
.ztzl .bd{width: 390px;margin-left: 40px;overflow:hidden;}
.ztzl .bd ul{ overflow:hidden; zoom:1; }
.ztzl .bd ul li{ width:181px; float:left; _display:inline; overflow:hidden; margin:0 8px;}
.ztzl .bd ul li img{ width:181px; height:76px; display:block;}

