/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"microsoft yahei"; font-size:14px; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0; border:none;}
/*tr,td{border:none;}*/
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
i{font-style:normal}


.fl{ float: left;}
.fr{ float: right;}
.w1200 { width: 1200px; margin: 0 auto;}

/* top */
.top{ background: #edebeb; height: 30px; line-height: 30px;}
.top .t-l { float: left;}
.top .t-l a { margin: 0 3px;}
.zddh { float: left; margin: 5px 0 0 15px;}
.zddh .zddh-btn{ display: block; border-radius: 10px; width: 80px; height: 20px; background: #d9979e; text-align: center; color: #fff; line-height: 20px;}
.zddh .zddh-btn:hover { background: #c12c3d; color: #fff !important;}
.top .weather { float: right; padding-top: 5px; height: 25px; overflow: hidden;}


/* header */
.header{ height: 130px;}
.header .logo { float: left; padding-top: 30px;}
.header .search { float: left; border: 1px solid #bb1a2a; border-radius: 5px; width: 508px; height: 48px; margin: 40px 0 0 130px; overflow: hidden;}
.header .search .search-txt { float: left; border: 0; width: 400px; height: 48px; line-height: 48px; font-size: 16px; padding: 0 20px; cursor: text; outline: none;}
.header .search .search-btn { float: left; border: 0; width: 68px; height: 48px; background: #fff url(common_search.png) no-repeat center center; cursor: pointer; outline: none;}

.header .menu { float: right; width: 250px; margin-top: 20px;}
.header .menu a { float: left; color: #999; margin: 0 0 10px 20px;}
.header .menu a img { vertical-align: middle; margin-left: 5px;}
.header .menu .site-nav{ float: none; display: block; border-radius: 12px; width: 84px; height: 24px; background: #bb1a2a; text-align: center; color: #fff; line-height: 24px; margin: 0 auto; clear: both;}
.header .menu .site-nav:hover{ color: #fff !important;}

/* 导航 */
.nav { height: 60px; background: #bd2b3b;}
.nav ul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.nav ul li { float: left; width: 171px; width: calc(100%/7); font-size: 20px; line-height: 60px; font-weight: bold; text-align: center;}
.nav ul li a { display: block; width: 100%; height: 100%; color: #fff;}
.nav ul li a:hover { color: #fff !important;}
.nav ul li.on { background: url(nav_on.png) no-repeat center bottom;}

/* 通用底部 */
.footer { border-top: 3px solid #e6e6e6; padding: 25px 0;}
.footer .w1200 { width: 1100px; height: 100%; padding: 0 50px; overflow: hidden;}
.footer p { line-height: 26px;}
.footer .f-l { float: left; width: 300px; height: 104px;}
.footer .f-c { float: left; height: 104px; border-left: 1px solid #e6e6e6; padding-left: 69px;}
.footer .f-c p { padding-left: 25px;}
.footer .f-c p:first-child { padding-left: 0;}
.footer .f-c p:first-child img{ width: 18px; margin-right: 7px;}
.footer .f-r { float: right; height: 104px; border-left: 1px solid #e6e6e6; padding-left: 49px; line-height: 80px;}
.footer .f-r img { vertical-align: middle; margin: 0 5px;}


/* 侧边栏 */
.sidebar{ position: fixed; right: 10px; top: 50%; z-index: 9; margin-top: -175px; font-size: 0; text-align: right;} 
.sidebar .sidebar-item { display: inline-block; *display: inline; *zoom: 1; border-radius: 25px; height: 50px; line-height: 50px; margin-bottom: 10px; transition: all .5s;}
.sidebar .sidebar-item .sidebar-icon { float: left; width: 50px; height: 50px; background: no-repeat center center;}
.sidebar .sidebar-item .sidebar-icon-wb { background-image: url(sidebar_icon_wb.png) !important;}
.sidebar .sidebar-item .sidebar-icon-wx { background-image: url(sidebar_icon_wx.png) !important;}
.sidebar .sidebar-item .sidebar-icon-phone { background-image: url(sidebar_icon_phone.png) !important;}
.sidebar .sidebar-item .sidebar-icon-robot { background-image: url(sidebar_icon_robot.png) !important;}
.sidebar .sidebar-item .sidebar-icon-net { background-image: url(sidebar_icon_net.png) !important;}
.sidebar .sidebar-item .sidebar-icon-top { background-image: url(sidebar_icon_top.png) !important;}
.sidebar .sidebar-item:hover { background: #f7b32d; transition: all .5s; padding-right: 15px;}
.sidebar .sidebar-item:hover .sidebar-icon-wb { background-image: url(sidebar_icon_wb2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-wx { background-image: url(sidebar_icon_wx2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-phone { background-image: url(sidebar_icon_phone2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-robot { background-image: url(sidebar_icon_robot2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-net { background-image: url(sidebar_icon_net2.png) !important;}
.sidebar .sidebar-item:hover .sidebar-icon-top { background-image: url(sidebar_icon_top2.png) !important;}
.sidebar .sidebar-item span { float: left; font-size: 14px; color: #fff; display: none; margin-left: -5px;}
.sidebar .sidebar-item:hover span { display: block;}

/* 通用信息标题 */
.title{ height: 43px; border-bottom: 1px solid #e7e7e7;}
.title ul { float: left;}
.title li { float: left; font-size: 18px; line-height: 43px; margin-right: 50px;}
.title li a { display: block;}
.title li.on a { height: 42px; border-bottom: 2px solid #c12c3d; color: #c12c3d; font-weight: bold;}
.title .more { float: right; height: 100%;}
.title .more a { display: block; width: 24px; height: 100%; background: url(list_more.png) no-repeat center center;}

/* 通用信息列表 */
.list { margin-top: 10px;}
.list ul { display: none;}
.list ul:first-child { display: block;}
.list li { background: url(index_list_icon.png) no-repeat left center; padding-left: 15px; font-size: 16px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list li a:hover{ color: #c12c3d;}
.list-date li{ position: relative; padding-right: 100px;}
.list-date li span { position: absolute; right: 0; top: 0; font-size: 14px; color: #999;}

/* 当前位置 */
.dqwz { height: 40px; background: #f5f5f5; line-height: 40px;}
.dqwz a:hover{ color: #c12c3d;}

/* 分页 */
.div_cutPage{ padding: 20px 0; text-align: center;  }
.div_cutPage{ margin: 0 auto; }
.div_cutPage a{ display: inline-block; *display: inline; *zoom: 1; padding: 2px 8px; border-radius: 3px; border: 1px solid #e1e1e1; cursor: pointer; margin: 2px; }
.div_cutPage a:hover{ background-color: #bb1a2a; color:white; border: 1px solid #bb1a2a; }
.div_cutPage .on{ background-color: #bb1a2a; color:white;  }

/* media */
@media only screen and (max-width: 1199px) {
    * { box-sizing: border-box;}
    .Voice-Voicer-Container,.top,.sidebar,.header .menu { display: none;}
    .w1200 { width: 100% !important;}

    .header { height: auto; overflow: hidden;}
    .header .logo{ float: none; text-align: center; padding: 25px 0;}
    .header .search { float: none; margin: 0 auto;}
    .header .search .search-txt { width: calc(100% - 68px);}

    .nav ul { width: 100%;}
    .nav ul li { width: calc(100%/7);}

    .dqwz { height: auto; line-height: 20px; padding: 10px;}
    
    .footer .w1200{ width: 100%; padding: 0;}
    .footer .f-l,.footer .f-c { width: 50%; padding: 0; text-align: center;}
    .footer .f-r { width: 100%; text-align: center; margin-top: 10px; height: auto;}
}

@media only screen and (max-width: 768px) {
    .nav { height: auto;}
    .nav ul li { border-left: 1px solid #fff; height: 50px; line-height: 50px; font-size: 18px;}
    .nav ul li:nth-child(1),.nav ul li:nth-child(2),.nav ul li:nth-child(3) { width: calc(100%/3); border-bottom: 1px solid #fff;}
    .nav ul li:nth-child(4),.nav ul li:nth-child(5),.nav ul li:nth-child(6),.nav ul li:nth-child(7) { width: calc(100%/4);}
}

@media only screen and (max-width: 480px) {
    .header .search { width: 100%;}
    .footer .f-l,.footer .f-c { width: 100%;}
}