@charset "utf-8";
/*CSS reset*/
*{margin:0;padding:0;}
body{margin:0;padding:0; font-family:"微软雅黑"; font-size:14px; line-height:1.5; cursor:default; color:#333;}
table{border-collapse:collapse;border-spacing:0;}
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%;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
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}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
figure{margin:0}
.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.pr{position:relative;}
.hide{display:none!important}
.show{display:block!important}
.hidden{display:none!important}
/*---布局----*/
.inline {display: inline;}
.block {display: block !important;}
.inline-block {display: inline-block;}
.no-float {float: none;}
.no-display {display: none;}
.relative {position: relative;}
/*---盒子----*/
/*---padding----*/
.no-padding {padding: 0px !important;}
.no-padding-top {padding-top: 0px !important;}
.no-padding-left {padding-left: 0px !important;}
.no-padding-bottom {padding-bottom: 0px !important;}
.no-padding-right {padding-right: 0px !important;}
.padding-5 {padding: 5px !important;}
.padding-10 {padding: 10px !important;}
.padding-15 {padding: 15px !important;}
.padding-20 {padding: 20px !important;}
.padding-25 {padding: 25px !important;}
.padding-30 {padding: 30px !important;}
.padding-lr-5 {padding-left: 5px !important;padding-right: 5px !important;}
.padding-lr-10 {padding-left: 10px !important;padding-right: 10px !important;}
.padding-lr-15 {padding-left: 15px !important;padding-right: 15px !important;}
.padding-lr-20 {padding-left: 20px !important;padding-right: 20px !important;}
.padding-lr-25 {padding-left: 25px !important;padding-right: 25px !important;}
.padding-lr-30 {padding-left: 30px !important;padding-right: 30px !important;}
.padding-ud-5 {padding-top: 5px !important;padding-bottom: 5px !important;}
.padding-ud-10 {padding-top: 10px !important;padding-bottom: 10px !important;}
.padding-ud-15 {padding-top: 15px !important;padding-bottom: 15px !important;}
.padding-ud-20 {padding-top: 20px !important;padding-bottom: 20px !important;}
.padding-ud-25 {padding-top: 25px !important;padding-bottom: 25px !important;}
.padding-ud-30 {padding-top: 30px !important;padding-bottom: 30px !important;}
.padding-top-5 {padding-top: 5px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-15 {padding-top: 15px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-25 {padding-top: 25px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-bottom-5 {padding-bottom: 5px !important;}
.padding-bottom-9 { padding-bottom: 9px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-15 {padding-bottom: 15px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-25 {padding-bottom: 25px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-left-5 {padding-left: 5px !important;}
.padding-left-10 {padding-left: 10px !important;}
.padding-left-15 {padding-left: 15px !important;}
.padding-left-20 {padding-left: 20px !important;}
.padding-left-25 {padding-left: 25px !important;}
.padding-left-30 {padding-left: 30px !important;}
.padding-right-5 {padding-right: 5px !important;}
.padding-right-10 {padding-right: 10px !important;}
.padding-right-15 {padding-right: 15px !important;}
.padding-right-20 {padding-right: 20px !important;}
.padding-right-25 {padding-right: 25px !important;}
.padding-right-30 {padding-right: 30px !important;}
/*---margin----*/
.no-margin {margin: 0 !important;}
.no-margin-top {margin-top: 0px !important;}
.no-margin-left {margin-left: 0px !important;}
.no-margin-bottom {margin-bottom: 0px !important;}
.no-margin-right {margin-right: 0px !important;}
.margin-5 {margin: 5px !important;}
.margin-10 {margin: 10px !important;}
.margin-15 {margin: 15px !important;}
.margin-20 {margin: 20px !important;}
.margin-25 {margin: 25px !important;}
.margin-30 {margin: 30px !important;}
.margin-lr-5 {margin-left: 5px !important;margin-right: 5px !important;}
.margin-lr-10 {margin-left: 10px !important;margin-right: 10px !important;}
.margin-lr-15 {margin-left: 15px !important;margin-right: 15px !important;}
.margin-lr-20 {margin-left: 20px !important;margin-right: 20px !important;}
.margin-lr-25 {margin-left: 25px !important;margin-right: 25px !important;}
.margin-lr-30 {margin-left: 30px !important;margin-right: 30px !important;}
.margin-ud-5 {margin-top: 5px !important;margin-bottom: 5px !important;}
.margin-ud-10 {margin-top: 10px !important;margin-bottom: 10px !important;}
.margin-ud-15 {margin-top: 15px !important;margin-bottom: 15px !important;}
.margin-ud-20 {margin-top: 20px !important;margin-bottom: 20px !important;}
.margin-ud-25 {margin-top: 25px !important;margin-bottom: 25px !important;}
.margin-ud-30 {margin-top: 30px !important;margin-bottom: 30px !important;}
.margin-ud-40 {margin-top: 40px !important;margin-bottom: 40px !important;}
.margin-top-5 {margin-top: 5px !important;}
.margin-top-10 {margin-top: 10px !important;}
.margin-top-15 {margin-top: 15px !important;}
.margin-top-20 {margin-top: 20px !important;}
.margin-top-25 {margin-top: 25px !important;}
.margin-top-30 {margin-top: 30px !important;}
.margin-top-40 {margin-top: 40px !important;}
.margin-top-50 {margin-top: 50px !important;}
.margin-bottom-5 {margin-bottom: 5px !important;}
.margin-bottom-10 {margin-bottom: 10px !important;}
.margin-bottom-15 {margin-bottom: 15px !important;}
.margin-bottom-20 {margin-bottom: 20px !important;}
.margin-bottom-25 {margin-bottom: 25px !important;}
.margin-bottom-30 {margin-bottom: 30px !important;}
.margin-bottom-40 {margin-bottom: 40px !important;}
.margin-bottom-50 {margin-bottom: 50px !important;}
.margin-left-5 {margin-left: 5px !important;}
.margin-left-10 {margin-left: 10px !important;}
.margin-left-15 {margin-left: 15px !important;}
.margin-left-20 {margin-left: 20px !important;}
.margin-left-25 {margin-left: 25px !important;}
.margin-left-30 {margin-left: 30px !important;}
.margin-right-5 {margin-right: 5px!important;}
.margin-right-10 {margin-right: 10px !important;}
.margin-right-15 {margin-right: 15px !important;}
.margin-right-20 {margin-right: 20px !important;}
.margin-right-25 {margin-right: 25px !important;}
.margin-right-30 {margin-right: 30px !important;}
.margin-auto {margin: auto !important;}
/*---排版----*/
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
/*---边线----*/
.no-radius {border-radius: 0 !important;}
.no-border {border: none !important;}
.border-right {border-right: solid 1px #ddd;}
.border-left {border-left: solid 1px #ddd;}
.border-top {border-top: solid 1px inherit;}
.border-bottom {border-bottom: solid 1px inherit;}
.border-light {border-color: rgba(255, 255, 255, 0.2) !important;}
.border-dark {border-color: rgba(0, 0, 0, 0.2);}
/*---按钮----*/
.btn{ display: block; height: 40px; line-height: 40px; text-align: center; border-width: 0; border-radius: 4px; background: #1E90FF; cursor: pointer; outline: none; color: white; font-size: 16px; }
/*---宽度比例----*/
.col-5 {width: 5% !important}
.col-10 {width: 10% !important}
.col-15 {width: 15% !important}
.col-20 {width: 20% !important}
.col-25 {width: 25% !important;}
.col-30 {width: 30% !important}
.col-33 {width: 33.3333% !important;}
.col-35 {width: 35% !important}
.col-40 {width: 40% !important}
.col-45 {width: 45% !important}
.col-50 {width: 50% !important;}
.col-55 {width: 55% !important;}
.col-60 {width: 60% !important;}
.col-65 {width: 65% !important;}
.col-70 {width: 70% !important;}
.col-75 {width: 75% !important;}
.col-80 {width: 80% !important;}
.col-85 {width: 85% !important}
.col-90 {width: 90% !important;}
.col-95 {width: 95% !important;}
.col-100 {width: 100% !important;}
.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: 510px; 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: 40px;}
.header .menu a { float: left; color: #999; margin: 0 0 10px 20px;}
.header .menu a:hover { color: #bd2b3b;}
.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; font-size: 20px; line-height: 60px; font-weight: bold; text-align: center;}
.nav ul li:first-child { width: 174px;}
.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: 25px;}
.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 { position: relative; 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;}
.sidebar .sidebar-item img { position: absolute; left: 0; top: 0; display: none; transition: all .5s;}
.sidebar .sidebar-item:hover img { display: block; left: -160px; transition: all .5s;}
/* 通用信息标题 */
.title{ height: 43px; border-bottom: 1px solid #e7e7e7;}
.title ul { float: left;}
.title li { float: left; font-size: 18px; line-height: 43px; margin-left: 50px;}
.title li:first-child { margin-left: 0 !important;}
.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 { 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; }
.footer{ animation: border-bg 5s infinite linear; }
/* 动画 */
@keyframes bg {
0% { border-top: 3px solid #e6e6e6; }
25% { border-top: 3px solid #ff9200; }
50% { border-top: 3px solid #cf2135; }
75% { border-top: 3px solid #ff9200; }
100% { border-top: 3px solid #e6e6e6; }
}
@-webkit-keyframes border-bg {
0% { border-top: 3px solid #e6e6e6; }
25% { border-top: 3px solid #ff9200; }
50% { border-top: 3px solid #cf2135; }
75% { border-top: 3px solid #ff9200; }
100% { border-top: 3px solid #e6e6e6; }
}
/* 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; padding-bottom: 30px; 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) !important;}
.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; padding-left: 0;}
}
@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) !important; 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) !important;}
.nav ul li:nth-child(1),.nav ul li:nth-child(4) { border-left: 0;}
}
@media only screen and (max-width: 480px) {
.header .search { width: 90%;}
.footer .f-l,.footer .f-c { width: 100%;}
}