@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl, a { margin: 0; padding: 0; }
ul, ol { list-style: none; }
em, i { font-style: normal; }
table { border-spacing: 0; border-collapse: collapse; }
img { border: none; vertical-align: middle; }
input, select, button { vertical-align: middle; outline: none; }
a { text-decoration: none; color: #666; font-size: 14px; }
body { min-width: 1200px; font-family: 'Microsoft YaHei','Arial','Heiti SC'; background: #f5f5f5; }
.fl { float: left; }
.fr { float: right; }
.clearfix::after{content:"";display: block;height: 0;clear: both;}
.wrap { width: 1200px; margin: 0 auto; }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.topbar { height: 35px; line-height: 35px; background: #282f3b; font-size: 12px; color: #b4bac5; }
.topbar a { color: #b4bac5; }
.topbar a:hover { color: #fff; }
.topbar .welcome { float: left; display: inline-block; padding-left: 7px;  background-position: -26px -696px; height: 35px; overflow: hidden; font-size: 12px;font-weight: normal;}
.topbar .bar-left { float: left; height: 35px; border-left: 1px solid #323b49; }
.topbar .bar-left a { padding: 0 17px; border-right: 1px solid #323b49; height: 35px; position: relative; float: left; }
.topbar .bar-left a b { position: absolute; top: -3px; left: 0; height: 3px; width: 100%; opacity: 0; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.topbar .bar-left .cl_1 { background: #4faaf0; }
.topbar .bar-left .cl_2 { background: #fcf46f; }
.topbar .bar-left .cl_3 { background: #00d2c3; }
.topbar .bar-left .cl_4 { background: #ff8624; }
.topbar .bar-left .cl_5 { background: #1791d4; }
.topbar .bar-left .cl_6 { background: #ff4d45; }
.topbar .bar-left .cl_7 { background: #99eef1; }
.topbar .bar-left .cl_8 { background: #28a444; }
.topbar .bar-left .cl_8 { background: #ea77df; }
.topbar .bar-left .cl_9 { background: #72c322; }
.topbar .bar-left a:hover b, .topbar .bar-left a.bar-cur b { top: 0px; opacity: 1; }
.topbar .bar-left a:hover span, .topbar a.bar-cur span { color: #fff; }
.topbar-right { float: right; border-right: 1px solid #323b49; position: relative; }

/* 导航 */
#nav { width: 100%; background: #fff; box-shadow: 0 0 13px #777; -webkit-box-shadow: 0 0 13px #777; }
#nav .navbox { width: 1200px; margin: 0 auto; padding: 14px 0; overflow: hidden; }
#nav .navbox .nav_left { float: left; width: 212px; height: 56px; overflow: hidden; }
#nav .navbox .nav_left a { display: block; height: 100%; }
#nav .navbox .nav_right { float: left; max-width: 988px; margin-left: 23px; }
#nav .navbox .nav_right ul { height: 56px; overflow: hidden; }
#nav .navbox .nav_right ul li { float: left; margin-top: 9px; text-align: center; margin-left: 44px; }
#nav .navbox .nav_right ul li a { display: inline-block; font-family: 'Microsoft YaHei'; font-size: 18px; color: #000; line-height: 26px; }
#nav .navbox .nav_right ul li:hover { cursor: pointer; }
#nav .navbox .nav_right ul li:hover a,
#nav .navbox .nav_right ul li.current a { text-decoration: none; color: #FF6900; }
#nav .navbox .nav_right ul li span { display: block; clear: both; font-size: 10px; -webkit-transform: scale(0.8); -o-transform: scale(1); color: #222; line-height: 10px; opacity: .6; filter: alpha(opacity=40); }

.footer { width: 100%; background: #14161c; overflow: hidden; color: #999;}
.footer a { color: #999; }
.footer a:hover { color: #fff; }
.footer .cont { width: 1200px; margin: 0 auto; overflow: hidden; zoom: 1; padding: 30px 0px 0; border-top: 1px solid #394051; }
.footer .cont .logo { float: left; margin: 20px 50px; height: 60px; }
.footer .cont .info { width: 860px; float: right; height: 135px; overflow: hidden; text-align: center; line-height: 26px; font-size: 14px; }
.footer .cont .info .red { color: #D4074C; }

/* 面包屑 */
.crumb { width: 100%; margin-top: 15px; }
.crumb .wrap { width: 1170px; background: #fff; padding: 0 15px; margin: 0 auto; height: 40px; line-height: 40px; font-size: 13px; color: #797979; }
.crumb .wrap a { color: #797979; }
.crumb .wrap a:hover { color: #FF6900; }

/* 分页 */
#page{ margin: 20px auto; width: 100%; overflow: hidden; text-align: center; }
#page .pagination{display: flex;justify-content: center;}
#page a, #page span { display: inline-block; width: auto; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; border-radius: 5px; border: 1px solid #e6e6e6; margin: 0 5px; }
#page a:hover { background-color: #FF6900; color: #fff; }
#page .active span{ background-color: #FF6900; color: #fff; }