* {
    box-sizing: border-box;
}
html {
    background: #f2f2f2;
    min-width: 1100px;
}

body {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
    font-size: 14px;
    line-height: 30px;
    min-width: 1000px;
}

.pri_color {
    color: #ef1f1f;
}
.sec_color {
    color: #bf1919;
}
.e7_color {
    color: #e7e7e7;
}

a {
    font-size: 14px;
    color: #333333;
    text-decoration:none
}

a:hover {
    color: #ef1f1f;
    text-decoration:none
}

#container_s {
    width: 700px;
    height: 50px;
    margin: 0 auto;
}
div.search { padding: 40px 0;}



input,input:focus, button {
    border: none;
    outline: none;
}


/*搜索框6*/
.bar6 form {
     position: relative;
     width: 690px;
     margin: 0 auto;
 }

.bar6 input {
    border: 3px solid #ef1f1f;
    border-radius: 5px;
    background: transparent;
    top: 0;
    right: 0;
    width: 100%;
    height: 48px;
    padding-left: 145px;
    padding-right:46px;
}
.bar6 button {
    background: #ef1f1f;
    border-radius: 0 5px 5px 0;
    height: 48px;
    width: 123px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}
.bar6 button:after {
    content: "搜索";
    font-size: 18px;
    font-weight: bold;
    color: #F9F0DA;
}

.bar6 select {
    height: 42px;
    width: 120px;
    cursor: pointer;
    position: absolute;
    margin-top: 3px;
    margin-left: 10px;
    border-radius: 5px 0 0 5px;
    /*line-height: 5rem;*/

    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: none;
    border-right: #cbcbcb 1px solid;
    outline: none;

    /*将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("/static/images/more.png") no-repeat 95px 15px;
    padding-right: 18px;
    padding-left: 10px;
}

.bar6 .q_search a {
    display: block;
    margin: 5px;
    line-height: 25px;
    background: #e4e4e4;
    border-radius: 3px;
}
.bar6 .q_search a:hover {
    color: #e7e7e7;
    background: #333;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

/*顶部首行*/
.top_line {
    font-size: 14px;
    line-height: 36px;
    background: #333333;
    color: #e7e7e7;
}

.top_line a {
    color: #e7e7e7;
}

/*顶部导航*/
.top_nav {
    background: #ef1f1f;
    line-height: 36px;
    font-size:16px;
}
.top_nav .uk-list>*>ul, .uk-list>:nth-child(n+2) {
    margin-top: 0;
}
.top_nav a {
    font-size: 16px;
    display: block;
    color:#e9e9e9;
    font-weight: bolder;
}
.top_nav a:hover {
    color:#fff;
    background: #bf1919;
}
.top_nav .active {
    color:#e7e7e7;
    font-weight: bold;
    background: #bf1919;
}

.box_item{
    border-radius: 5px;
    background: #ffffff;
}

.box_item .title{
    font-size: 16px;
    line-height: 36px;
}

/* 今日热点 */
.hot_title{
    position: relative;
}
.hot_title  .t_left{
    color: #333;
    line-height: 50px;
    font-size: 24px;
    font-weight: bolder;
    margin: 0;
    position: relative;
}

.hot_title  .t_right{
    text-align: center;
    line-height: 23px;
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 88px;
    height: 25px;
    border-radius: 13px;
    border: solid 1px #999;
    background: #fff;
    margin: 0;
}

.hot_title  .t_left:before {
    content: '';
    width: 50px;
    height: 3px;
    background: #ef1f1f;
    left: 0;
    bottom: 0;
    position: absolute;
}


.hot_list .list_item{
    width: 100%;
    height:43px;
    border-radius: 3px;
    background: #ffffff;
    margin: 4px 0;
    padding: 10px;
}

.list_item .type1{
    display: inline-block;
    float: left;
    text-align: left;
    color: #FFFFFF;
    line-height: 25px;
    background: url("/static/images/li1.png") no-repeat left center;
    padding-left: 2px;
}

.list_item .type2{
    display: inline-block;
    float: left;
    color: #FFFFFF;
    line-height: 25px;
    background: url("/static/images/li2.png") no-repeat left center;
    padding-left: 2px;
}

.list_item a{
    display: inline-block;
    float: left;
    line-height: 25px;
    padding-left: 5px;
}

/*news*/
.news_title{
    position: relative;
}
.news_title  .t_left{
    color: #333;
    line-height: 50px;
    font-size: 24px;
    font-weight: bolder;
    margin: 0;
    position: relative;
}

.news_title  .t_right{
    text-align: center;
    line-height: 23px;
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 88px;
    height: 25px;
    border-radius: 13px;
    border: solid 1px #999;
    background: #fff;
    margin: 0;
}
/*caigou*/
.cg_title{
    position: relative;
}

.cg_title  .t_left{
    color: #ef1f1f;
    line-height: 45px;
    font-size: 24px;
    font-weight: bolder;
    margin: 0;
    position: relative;
}

.cg_title  .t_right{
    float: right;
    padding:10px 10px 0 0;
}

.cg_list .list_item {
    line-height: 36px;
    margin: 4px 0;
    padding-left: 20px;
    background: url("/static/images/li3.png") no-repeat left center;
}

.cg_new{
    position: relative;
}
.cg_new  .t_left{
    height: 45px;
    color: #333333;
    line-height: 45px;
    font-size: 20px;
    font-weight: bolder;
    margin: 0;
    position: relative;
}
.cg_new  .t_left:before {
    content: '';
    width: 50px;
    height: 3px;
    background: #ef1f1f;
    left: 0;
    bottom: 0;
    position: absolute;
}

.cg_new  .t_right{
    float: right;
    padding:10px 10px 0 0;
    margin: 0;
}

.cgr_new .list_item{
    display: block;
    line-height: 28px;
    width: 100%;
    height: 60px;
    margin-top: 5px;
    padding: 5px 10px;
    /*border-bottom: solid 1px #ccc;*/
}
.cgr_new .list_item .tit a{
    display: block;
    width: 100%;
}.cgr_new .list_item .type{
    color: #ef1f1f;
    margin: 0;
    padding: 0;
}

/*gongchan*/
.gongchang{

}
.gc_title{
    border-top: 3px solid #333333;
    background-color: #dfdfdf;
    padding: 5px 10px;
}
.gc_title  .t_left{
    color: #ef1f1f;
    line-height: 45px;
    font-size: 24px;
    font-weight: bolder;
    margin: 0;
    position: relative;
}

.gc_title  .t_right{
    float: right;
    padding:10px 10px 0 0;
}

.footer{
    background: #FFFFFF;
}
.footer .q_search a {
    display: block;
    margin: 5px;
    line-height: 25px;
    background: #e4e4e4;
    border-radius: 3px;
    padding: 3px;
}
.footer .q_search a:hover {
    color: #e7e7e7;
    background: #ef1f1f;
}

/* left menu */
.left_title{
    position: relative;
}
.left_title  .t_left{
    color: #454647;
    line-height: 45px;
    font-size: 20px;
    font-weight: bolder;
    margin: 0;
}

.left_title  .t_left:before {
    content: ' ';
    width: 50px;
    height: 3px;
    background: #ef1f1f;
    left: 0;
    bottom: 0;
    position: absolute;
}

.left_menu .menu_item{
    width: 100%;
    height:40px;
    border-radius: 3px;
    background: #f9f9f9;
    line-height: 30px;
    padding: 5px 5px 5px 15px;
    margin: 4px 0;
}

.left_menu .menu_item a{
    display: inline-block;
    float: left;
    line-height: 30px;
}

.left_menu .active{
    background: #ffffff;
}

.left_menu .active a{
    display: block;
    float: left;
    line-height: 30px;
    color: #ef1f1f;
    font-weight: bold;
}

/*company*/
.com_title{
    position: relative;
    border-bottom: 3px solid #666;
    padding-bottom: 2px;
}

.com_title  .t_left{
    color: #454348;
    line-height: 35px;
    font-size: 24px;
    font-weight: bolder;
    margin: 0;
    position: relative;
}

.com_title  .t_right{
    float: right;
    padding:10px 10px 0 0;
}

.com_list .list_item {
    line-height: 36px;
    margin: 4px 0;
    padding-left: 20px;
    background: url("/static/images/li3.png") no-repeat left center;
}

.com_sub_title {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    border-bottom: 2px solid #666;
    padding-left: 18px;
    background: url("/static/images/more.png") no-repeat left center;
}

.list_item .type1{
    display: inline-block;
    float: left;
    color: #FFFFFF;
    line-height: 25px;
    background: url("/static/images/li1.png") no-repeat left center;
    padding-left: 2px;
    width: 25px;
}

.list_item .type2{
    display: inline-block;
    float: left;
    color: #FFFFFF;
    line-height: 25px;
    background: url("/static/images/li2.png") no-repeat left center;
    padding-left: 2px;
    width: 25px;
}


.com_news_list .list_item{
    width: 100%;
    height:30px;
    border-radius: 3px;
    background: #ffffff;
    margin: 2px 0;
    padding: 2px;
}

.com_news_list .list_item .type1{
    display: inline-block;
    float: left;
    color: #FFFFFF;
    line-height: 25px;
    background: url("/static/images/li1.png") no-repeat left center;
    padding-left: 2px;
    width: 25px;
}

.com_news_list .list_item .type2{
    display: inline-block;
    float: left;
    color: #FFFFFF;
    line-height: 25px;
    background: url("/static/images/li2.png") no-repeat left center;
    padding-left: 2px;
    width: 25px;
}

.com_news_list .list_item a{
    display: inline-block;
    float: left;
    line-height: 25px;
    padding-left: 5px;
}

/*news model*/

.news_list_title {
    color: #ef1f1f;
    line-height: 30px;
    font-size: 20px;
    font-weight: bolder;
}

.news_item_list{
    line-height: 23px;
    font-size: 14px;
    border: solid 1px #999;

}

.img_bg_top {
    background-image:url('/static/images/login_bg.png');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:top;
}


/* CSS3 文字色彩动画代码 */
.animated-text {
    color: #ffffff; /* 初始色彩 */
    animation: changecolor 1s infinite; /* 动画名称 changecolor，变化时长为 4s，无限循环 */
}
@keyframes changecolor {
    0% { color: #ffffff; } /* 初始色彩 */
    25% { color: #ff0000; } /* 变化颜色 1 */
    50% { color: #00ff00; } /* 变化颜色 2 */
    75% { color: #0000ff; } /* 变化颜色 3 */
    100% { color: #ffffff; } /* 回到初始色彩 */
}

/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
 */
.pagination {
    /* 1 */
    padding: 0;
    list-style: none;
    /* 2 */
    text-align: center;
    /* 3 */
    font-size: 0.001px;
}
/*
 * Micro clearfix
 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
 */
.pagination:before,
.pagination:after {
    content: "";
    display: table;
}
.pagination:after {
    clear: both;
}
/* Items
 ========================================================================== */
/*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
.pagination > li {
    display: inline-block;
    /* 1 */
    font-size: 1rem;
    /* 2 */
    vertical-align: top;
}

.pagination .active{
    background: #f8cbcb;
    color: #bf1919;
}

.pagination > li:nth-child(n+2) {
    margin-left: 5px;
}
/*
 * 1. Makes pagination more robust against different box-sizing use
 * 2. Reset text-align to center if alignment modifier is used
 */
.pagination > li > a,
.pagination > li > span {
    display: inline-block;
    min-width: 16px;
    padding: 3px 5px;
    line-height: 20px;
    text-decoration: none;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
    text-align: center;
}
/*
 * Links
 */
.pagination > li > a {
    background: #eeeeee;
    color: #444444;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.pagination > li > a:hover,
.pagination > li > a:focus {
    background-color: #f5f5f5;
    color: #444444;
    /* 2 */
    outline: none;
}
/* OnClick */
.pagination > li > a:active {
    background-color: #dddddd;
    color: #444444;
}
/*
 * Active
 */
.pagination > .uk-active > span {
    background: #00a8e6;
    color: #ffffff;
}
/*
 * Disabled
 */
.upagination > .uk-disabled > span {
    background-color: #f5f5f5;
    color: #999999;
}
/* Previous and next navigation
 ========================================================================== */
.pagination-previous {
    float: left;
}
.pagination-next {
    float: right;
}
/* Alignment modifiers
 ========================================================================== */
.pagination-left {
    text-align: left;
}
.pagination-right {
    text-align: right;
}