/*小屏头部*/
.app_top {
    display: none;
    position: relative;
}
.app_top .app_nav{
    height: 70px;
    position: fixed;
    background: #046bbd;
    width: 100%;
    top: 0;
    z-index: 99999;
}
.app_nav .app_logo{
    float: left;
    margin-left: 5px;
    width: 220px;
    height: 100%;
}
.app_nav .app_logo a{
    display: block;
    height: 100%
}
.app_nav .app_logo img{
    max-width: 100%;
    margin-top: 13px;
}
.app_nav .app_menu{
    float: right;
    margin-right: 20px;
    margin-top: 22px;
    width: 30px;
}
.app_nav .app_menu img{
    max-width: 100%;
}
.app_nav .app_close{
    float: right;
    margin-right: 20px;
    margin-top: 23px;
    width: 30px;
    display: none;
}
.app_nav .app_close img{
    max-width: 100%;
}
.app_seabox{
    padding: 0 10px;
    overflow: hidden;
}
.app_search{
    border:1px solid #ccc;
    height: 50px;
    margin:0 auto;
    background: #fff;
    margin-top: 79px;
    border-radius: 4px;
    position: relative;
}
.app_search .app_text{
    height: 14px;
    padding: 17px 0;
    color: #999;
    font-size: 14px;
    border:none;
    line-height: 14px;
    text-indent: 36px;
    width: 95%;
    margin-left: 5px;
}
.app_search span{
    position: absolute;
    left: 9px;
    top: 15px;
    width: 21px;
}
.app_search span img{
    max-width: 100%;
}
.app_show{
    position: fixed;
    top: 60px;
    width: 100%;
    background: rgba(255,255,255,1);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);
    z-index: 999;
    display: none;
}
.app_show ul{
    padding: 10px;
}
.app_show ul li{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #eee;
}
.app_show ul li a{
    color: #3a3a3a;
    font-size: 16px;
    display: block;
}
.app_login{ float: right; margin-top: 18px; margin-right: 8px;}
.app_login i{ font-size: 30px; color: #fff;}


/*头部*/
.header-top{ height: 100px; background: #fff; width: 100%;  position: relative;}
.header_logo{ float: left; margin-top: 29px;}
.header_nav{ float: left; margin-left: 40px; margin-top: 44px;}
.header_nav li{ float: left; margin-right: 33px; line-height: 23px;  height: 50px;}
.header_nav li span{ font-size: 20px; color:#046bbd ; font-weight: bold;}
.header_nav li i{ float: left; margin-top: 3px; margin-right: 9px;}
.header_nav li b{ float: left; font-size:14px; color: #046bbd;}
.header_nav .li2{ cursor: pointer;}
.header_nav .li3{ cursor: pointer;}
.header-login{float: right; margin-top: 40px;}
.header-login li{ float: left; }
.header-login li a{ display: block;}
.header-login .li1{ height: 32px; border: 1px solid #666; border-radius: 20px; text-align: center; line-height: 32px;}
.header-login .li1 a{ padding:0 10px}
.header-login .li1 i{ color: #666; font-size: 17px; margin-right: 7px; }
.header-login .li1 span{ color: #666;  font-size: 14px;}
.header-login .li1:hover{ border-color: transparent; background: #046bbd;}
.header-login .li1:hover i{ color: #fff;}
.header-login .li1:hover span{ color: #fff;}
.header-login .li2{ margin-left: 19px; line-height: 32px;}
.header-login .li3{ margin-right: 19px; line-height: 32px;}
.header-login .li2 a{ font-size: 14px; color: #333;}
.header-login .li3 a{ font-size: 14px; color: #4E8CEE;}
.header-login .li2:hover a{ color: #046bbd;}
.header-bottom{ height: 60px; background: url(../hnsimages/header-bottom.png) repeat-x;}
.header-bottom li{ float: left; color: #fff; font-size: 18px; margin-right: 50px; margin-top: 20px; cursor: pointer;}
.header-bottom_h{ border-bottom: 3px solid #fff; padding-bottom: 12px;}
.ss-bmck{ display: none; width: 90%;  position: absolute; background: #fff; box-shadow:0px 0px 6px 1px #999; padding: 0 19px; left: 5%; top: 92%; z-index: 99999; padding-bottom: 40px;}
.ss-bmck span b{ width: 104px; height: 29px; text-align: center; line-height: 29px; background: #046bbd; font-size: 14px; color: #fff;}
.ss-bmck span{ display: block; width: 100%; margin-top: 22px; margin-bottom: 20px; float: left;}
.ss-bmck li{ height: auto; margin-right: 0; width: 20%; margin-bottom: 13px; cursor: auto; text-align: center;}
.ss-bmck li a{ font-size: 14px; color: #7c7c7c; display: block; overflow: hidden; width: 80%; text-overflow:ellipsis;white-space: nowrap;}
.ss-bmck li:hover a{ background: #c2e4ff;}
.header_nav .li2:hover .ss_szck{ display: block;}
.header_nav .li3:hover .ss-bmck{ display: block;}
.ss_szck{ display: none;  width: 90%;  position: absolute; background: #fff; box-shadow:0px 0px 6px 1px #999; padding: 0 19px; left: 5%; top: 92%; z-index: 99999; padding-bottom: 40px;}
.ss_szck span b{ width: 104px; height: 29px; text-align: center; line-height: 29px; background: #046bbd; font-size: 14px; color: #fff;}
.ss_szck span{ display: block; width: 100%; margin-top: 22px; margin-bottom: 20px; float: left;}
.ss_szck_con{ margin-bottom: 5px;}
.ss_szck_con em{ float: left; width: 10%; text-align: right; font-size: 14px; font-weight: bold; color: #000;}
.ss_szck_con ul{ float: left;  width: 90%;}
.ss_szck_con ul li{ float: left; height: auto; margin-right:5px; margin-bottom: 10px;}
.ss_szck_con ul li a{ font-size: 14px; color: #666; padding: 5px;}
.ss_szck_con ul li:hover a{ background: #c2e4ff;}


.ss_head_tab3{ display: none;}
.ss_head_tab4{ display: none;}

.f2_search{ float: right; width:220px; height: 36px; line-height: 36px; background: url(../hnsimages/f2_search_bg.png) no-repeat; border-radius: 25px; margin-top: 14px; margin-right: 8px;}
.f2_search form{ height:100%;}
.f2_search input{ width: 70%; height: 100%; border: 0; outline: 0; background: 0; margin-left: 12px; color: #dbf0ff;}
.f2_search input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #dbf0ff;
}
.f2_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #dbf0ff;
}
.f2_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #dbf0ff;
}
.f2_search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #dbf0ff;
}
.f2_search a{ float: right; margin-right: 14px; color: #fff; font-size: 20px; margin-top: 7px;}

.header-bottom ul{ float: left;}

.header-login .li1 b{ display: block; font-size: 14px; color: #333;cursor: pointer; }
.ss_nbor{ border: 0 !important;}
.ss_nbor:hover{ background: 0 !important;}

/*导航*/
.sy_list{ position: fixed; top: 25%; right: 0;z-index: 9999;}
.sy_list li{ width: 68px; height: 55px; background: #fff; padding-top: 13px; }
.sy_list li i{ display: block; width: 25px; height: 25px; background: url(../hnsimages/nav-bg.png) no-repeat; margin: 0 auto; transition:all 0.3s}
.sy_list li p{ font-size: 12px; color: #666; text-align: center; margin-top: 3px;}

.sy_list .li1 i{ background-position: 0 -36px;}
.sy_list .li2 i{ background-position: -31px -32px;}
.sy_list .li3 i{ background-position: -66px -34px;}
.sy_list .li4 i{ background-position: -100px -37px;}
.sy_list .li5 i{ background-position: -134px -36px;}
.sy_list .li6 i{ background-position: -168px -30px;}
.sy_list li:hover{background: #228ad9;}
.sy_list li:hover p{color: #fff;}
.sy_list .li1:hover i{ background-position: 0 0px;} 
.sy_list .li2:hover i{ background-position: -32px 4px;} 
.sy_list .li3:hover i{ background-position: -66px 2px;} 
.sy_list .li4:hover i{ background-position: -100px 0px;} 
.sy_list .li5:hover i{ background-position: -134px 0px;} 
.sy_list .li6:hover i{ background-position: -168px 8px;} 
.sy_list .li1{ border-radius: 10px 0 0 0;}
.sy_list .li6{ border-radius: 0 0 0 10px;}
/*湘潭导航*/
.xt_list{ position: fixed; top: 25%; right: 0;z-index: 9999;}
.xt_list li{ width: 68px; height: 55px; background: #fff; padding-top: 13px; }
.xt_list li i{ display: block; width: 25px; height: 25px; background: url(../hnsimages/xt_nav-bg.png) no-repeat; margin: 0 auto; transition:all 0.3s}
.xt_list li p{ font-size: 12px; color: #666; text-align: center; margin-top: 3px;}

.xt_list .li1 i{ background-position: 0 -36px;}
.xt_list .li2 i{ background-position: -31px -32px;}
.xt_list .li3 i{ background-position: -66px -34px;}
.xt_list .li4 i{ background-position: -100px -37px;}
.xt_list .li5 i{ background-position: -134px -36px;}
.xt_list .li6 i{ background-position: -168px -30px;}
.xt_list .li7 i{ background-position: -199px -34px;}
.xt_list li:hover{background: #228ad9;}
.xt_list li:hover p{color: #fff;}
.xt_list .li1:hover i{ background-position: 0 0px;} 
.xt_list .li2:hover i{ background-position: -32px 4px;} 
.xt_list .li3:hover i{ background-position: -66px 2px;} 
.xt_list .li4:hover i{ background-position: -100px 0px;} 
.xt_list .li5:hover i{ background-position: -134px 0px;} 
.xt_list .li6:hover i{ background-position: -168px 8px;} 
.xt_list .li7:hover i{ background-position: -199px 4px;} 
.xt_list .li1{ border-radius: 10px 0 0 0;}
.xt_list .li6{ border-radius: 0 0 0 10px;}

.xt_list .li7 .xt_app_show{display: none; position: absolute;  width: 150px;    left: -218%; top: 290px; z-index: 9999;}
.xt_list .li7 .xt_app_show img{width:100%}
.xt_list .li7:hover .xt_app_show{ display: block;}

/*投诉建议*/
.ss_tsjy{ position: fixed; top: 47%; right: 5%; width: 270px; padding: 2px 12px; box-shadow:0px 0px 6px 1px #999; background: #fff; z-index: 999;}
.ss_tsjy em img{ float: right; margin-bottom: 8px; cursor: pointer; margin-top: 5px;}
.ss_tsjy p{ font-size: 14px; color: #333; margin-top: 7px;}
.ss_tsjy a{  color: #3e97df; margin-top: 5px; font-size: 14px;}


.ss_xttop{position: absolute; left:86%; top:13%;cursor: pointer;}
.ss_xttop a{ font-size:14px;color: #333;}
.ss_xttop i{    width: 13%;    display: block;    float: left;}