.head {
    text-align: center;
    padding-bottom: 10px;
}

.head .title {
    font-size: 24px;
    padding: 15px 0 10px 0;
    color: #ff6600;
    margin: 0;
}

.head .line {
    color: #666;
    position: relative;
}

.head .line::before {
    content: '';
    position: absolute;
    left: -45px;
    top: 50%;
    background-color: #666666;
    width: 40px;
    height: 1px;
    transition: all .6s ease;
}

.head .line::after {
    content: '';
    position: absolute;
    right: -45px;
    top: 50%;
    background-color: #666666;
    width: 40px;
    height: 1px;
    transition: all .6s ease;
}

.banner .banner-warpper{background: #0F1015;padding:40px 0;}
.banner .banner-text{text-align: center;color:#fff;margin: 0 auto;}
.banner .banner-text .subtitle{background-color: #FF652F;height: 3px; width: 120px;margin: 0 auto;display: block;}

.input-search{position: relative;margin-top: 10px;}
.input-search-btn{position: absolute;top: 3px;right: 0;height: 100%;padding: 0 10px;border: none;border-radius: 0 200px 200px 0;background: 0 0;}
.input-search-btn .icon {
    margin: 0 3px;
}
.input-search .form-control {
    border-radius: 0;
}
.input-search-dark .form-control {
    background: #fff;
}

.medias .subcolumn {
    border: 1px solid #eee;
}

.medias .subcolumn_nav_ul {
    padding: 0;
    list-style: none;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.medias .subcolumn_nav_ul li {
    white-space: nowrap;
    display: inline-block;
    float: none;
}

.medias .subcolumn_nav_ul li a.link {
    text-decoration: none;
    display: block;
    margin: 0 5px;
    font-size: 16px;
    line-height: 75px;
    text-align: center;
    padding: 0 20px;
    height: 75px;
    color: #000000;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
    transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
    position: relative;
    font-weight: 300;
}

.medias .subcolumn_nav_ul li a.link.active {
    color: #ff6600;
}

.medias .news_list ul li {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);
    transition: all .66s cubic-bezier(.17, .84, .44, 1);
    position: relative;
}

.medias .news_list .media img.img-fluid {
    display: block;
    width: 100%;
    height: auto;
}

.medias .news_list ul li .more {
    float: right;
    border: 1px solid #eeeeee;
    color: #666666;
    overflow: hidden;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms;
    width: 160px;
    cursor: pointer;
    transition-duration: 1s;
}




/*card-box*/
.card-box{
    /* width:calc(100% - 30px); */
    padding:10px 15px;
    margin-bottom: 15px;
    background-color: #ffffff;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    background-clip: padding-box;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}
.card-title{
  font-size:14px;
  color:#999;
  padding-top:5px;
  margin-bottom:0.5em;
  padding-bottom:0.5em;
  border-bottom:1px solid #f6f8f9;
}
.card-info{
  font-size:15px;
  line-height:1.8em;
  color:#333;
}
.list-box{
  padding-bottom:0.9em;
}

.nav-box {
    background-color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 0.9em;
  }
  
  .nav-item {
    width: calc(20% - 0.2em);
    text-align: center;
    padding: 0.9em 0.1em 0;
    background-color: #fff;
  }
  
  .nav-icon {
    width: 42px;
    height: 42px;
    padding: 2px;
    border-radius: 18px;
    background-color: #ebebeb;
    margin: 0;
    border: 0;
  }
  
  .nav-name {
    /*font-size: 14px;*/
    color: #333;
  }
  
  /* list-item */

  .item_a {
    flex-direction: row;
    display: block;
    border-radius: 7px;
    padding:0 15px 0;
    overflow: hidden;
  }
  a.item_a:active{
    background-color: rgba(0,0,0,0.05);
  }
  
  .item_title_box {
    /*width: 100%;*/
    padding: 10px 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
    background-color: rgba(0,0,0,0.32)
  }
  
  .item_title {
    flex: 1;
    /*word-break: keep-all; */
    /*white-space: nowrap; */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    font-size: 16px;
    line-height: 1.2em;
    color: #333;
    font-weight: normal;
    color:#fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  
  .item_date {
    color: #999;
    text-align: right;
    padding-left: 5px;
    font-size: 14px;
  }
  
  .item_pic {
    /* width: calc(100%+30px); */
    padding-top: 53%;
    border: 0;
    /* border-radius: 7px 7px 0 0; */
    background-color: #eceeef;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow:hidden;
    /* margin: 0 -15px; */
    position: relative;
  }
  
.case {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.case .info {
    display: none;
}


.matchs .row {
    margin: 10px -15px;
}

.matchs .col-xs-4.seconed {
    padding: 0 7px;
}

.matchs .col-xs-4.third {
    padding: 0 15px 0 0;
}

.matchs .info {
    display: none;
}

.matchs .case {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.matchs .case:hover {
    cursor: pointer;
    z-index: 10;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.matchs .case:hover .info {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.matchs .case:hover .info span {
    border: 1px solid #fff;
    padding: 5px 15px;
    font-weight: 800;
}

.matchs .img_case {
    height: 25rem;
}
.matchs .more {
    background: #FF652F;
    width: 100%;
}

.matchs .more p {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #FFD7C9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.news .new_body .date {
    font-weight: 300;
    color: #666666;
    margin-bottom: 0;
    display: inline-block;
    padding: 0 22px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    padding-left: 0;
    font-size: 20px;
}

.news .new_body .title {
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 16px;
    display: inline-block;
    line-height: 30px;
    width: 100%;
    height: 30px;
    color: #ff6600;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.news .new_body .description {
    text-align: left;
    color: #666666;
    line-height: 25px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
    height: 105px;
    overflow: hidden;
    font-size: 13px;
}

.lives .lives_main{padding:10px 0;}
.lives .col-md-3, .col-xs-3, .col-sm-3 {
    padding-left: 5px;
    padding-right: 5px;
}
.lives .portfolio-item {
    margin: 0;
    padding: 0;
}
.lives .img-responsive{
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.lives .img-responsive:hover {
    cursor: pointer;
    z-index: 10;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.siteimg{
    width: 39px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 42%;
    animation: jump 1s ease 0s infinite;
}

.about .heng {
    width: 100%;
    height: 3px;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
}
.about .hengxian {
    width: 50px;
    border-bottom: 3px solid #e8280b;
}
.about .about_main{margin-top: 20px;}

.ec_footer {position: absolute;bottom: 0;left: 0;right: 0;background-color: #2a2730;color: #fff;}
.ec_footer ul li a{color:#fff;}
p{margin: 0;}
.row{margin-right: 0;margin-left: 0;}
/*errBox*/
.error-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ic3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iLTIwOSAzNDUuMSAxNzYuMyAxNTEuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMjA5IDM0NS4xIDE3Ni4zIDE1MS44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6I0ZGRTREOTtzdHJva2U6I0ZGRTREOTtzdHJva2Utd2lkdGg6MS42O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDt9DQoJLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiNGRkU0RDk7c3Ryb2tlLXdpZHRoOjEuNjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KCS5zdDN7ZmlsbDojRkZFNEQ5O3N0cm9rZTojRDdFOUZGO3N0cm9rZS13aWR0aDoxLjY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30NCgkuc3Q0e2ZpbGw6I0ZGRTREOTt9DQoJLnN0NXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjQ7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30NCgkuc3Q2e2ZpbGw6I0ZGQjE5Mjt9DQoJLnN0N3tmaWxsOiNGRkU0RDk7c3Ryb2tlOiNGRkU0RDk7c3Ryb2tlLXdpZHRoOjEuNjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0OHtmaWxsOiNGRkIxOTI7c3Ryb2tlOiNGRkIxOTI7c3Ryb2tlLXdpZHRoOjEuNjtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KCS5zdDl7ZmlsbDojRkY3RDRBO3N0cm9rZTojRkY3RDRBO3N0cm9rZS13aWR0aDoxLjY7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30NCgkuc3QxMHtmaWxsOiNGRjQ4MDA7c3Ryb2tlOiNGRjQ4MDA7c3Ryb2tlLXdpZHRoOjEuNjtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KCS5zdDExe2ZpbGw6bm9uZTtzdHJva2U6I0ZGN0Q0QTtzdHJva2Utd2lkdGg6MS42O3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3QxMntmaWxsOm5vbmU7c3Ryb2tlOiNGRkIxOTI7c3Ryb2tlLXdpZHRoOjEuNjtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KCS5zdDEze2ZpbGw6bm9uZTtzdHJva2U6I0ZGNDgwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KCS5zdDE0e2ZpbGw6bm9uZTtzdHJva2U6I0ZGNDgwMDtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTc2LjYsMzc0LjFsMjIuNywxMy4xdjkuMWwtMjIuNywxMy4xbC0yMi42LTEzLjF2LTkuMUwtMTc2LjYsMzc0LjF6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTE3Ni42LDQwMC4zbDIyLjctMTMuMXY5LjFsLTIyLjcsMTMuMWwtMjIuNi0xMy4xdi05LjFMLTE3Ni42LDQwMC4zeiIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTS0xNzYuNiwzNzQuMWwyMi43LDEzLjF2OS4xbC0yMi43LDEzLjFsLTIyLjYtMTMuMXYtOS4xTC0xNzYuNiwzNzQuMXoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tODIuNywzNzVsLTIyLjYsMTMuMXY5LjFsMjIuNiwxMy4xbDIyLjctMTMuMXYtOS4xTC04Mi43LDM3NXoiLz4NCjxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik0tODIuNyw0MDEuMmwtMjIuNi0xMy4xdjkuMWwyMi42LDEzLjFsMjIuNy0xMy4xdi05LjFMLTgyLjcsNDAxLjJ6Ii8+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTgyLjcsMzc1bC0yMi42LDEzLjF2OS4xbDIyLjYsMTMuMWwyMi43LTEzLjF2LTkuMUwtODIuNywzNzV6Ii8+DQo8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNLTgwLDQxOS45YzAsMjcuOC0yMi42LDUwLjQtNTAuNCw1MC40cy01MC40LTIyLjYtNTAuNC01MC40Yy0wLjEtMzMuMSw1MC40LTczLjgsNTAuNC03My44Uy04MCwzODguMi04MCw0MTkuOQ0KCXoiLz4NCjxwYXRoIGNsYXNzPSJzdDUiIGQ9Ik0tMTEzLjYsMzcwLjdjNS4xLDUuNiw5LjksMTEuNiwxNC4xLDE4IE0tMTI0LjksMzU5LjFjMS45LDEuOSw0LjEsNCw2LjMsNi4zIi8+DQo8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNLTEzMC40LDQ3MC4zYy0yNy44LDAtNTAuNC0yMi42LTUwLjQtNTAuNGMtMC4xLTMzLjEsNTAuNC03My44LDUwLjQtNzMuOFY0NzAuM3oiLz4NCjxlbGxpcHNlIGNsYXNzPSJzdDciIGN4PSItMTMwLjIiIGN5PSI0OTAuMyIgcng9IjM1LjEiIHJ5PSI1LjgiLz4NCjxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik0tMTE3LjgsNDQxLjF2MTAuNGwyNi0xNC45bC05LjEtNS4zTC0xMTcuOCw0NDEuMXoiLz4NCjxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0tMTAwLjksNDMxLjNsOS4xLDUuM3YtMTAuNUwtMTAwLjksNDMxLjN6Ii8+DQo8cGF0aCBjbGFzcz0ic3Q4IiBkPSJNLTExNy44LDQyMy41VjQzNGwyNi0xNWwtOS4xLTUuMkwtMTE3LjgsNDIzLjV6Ii8+DQo8cGF0aCBjbGFzcz0ic3Q5IiBkPSJNLTEwMC45LDQxMy44bDkuMSw1LjJ2LTEwLjVMLTEwMC45LDQxMy44eiBNLTE0My4xLDQ0MS4xdjEwLjRsLTI2LTE0LjlsOS4xLTUuM0wtMTQzLjEsNDQxLjF6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxMCIgZD0iTS0xNjAsNDMxLjNsLTkuMSw1LjN2LTEwLjVMLTE2MCw0MzEuM3oiLz4NCjxwYXRoIGNsYXNzPSJzdDkiIGQ9Ik0tMTQzLjEsNDIzLjVWNDM0bC0yNi0xNWw5LjEtNS4yTC0xNDMuMSw0MjMuNXoiLz4NCjxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNLTE2MCw0MTMuOGwtOS4xLDUuMnYtMTAuNUwtMTYwLDQxMy44eiIvPg0KPHBhdGggY2xhc3M9InN0MTEiIGQ9Ik0tNTYuNCw0MzNsLTI5LjQtMTYuOSBNLTc5LjEsNDQ2LjFsLTEwLjMtNiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTS01Ni40LDQzM2wyMi43LDEzLjF2OS4xbC0yMi43LDEzLjFsLTIyLjctMTMuMXYtOS4xTC01Ni40LDQzM3oiLz4NCjxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0tNTYuNCw0NTkuMmwyMi43LTEzLjF2OS4xbC0yMi43LDEzLjFsLTIyLjctMTMuMXYtOS4xTC01Ni40LDQ1OS4yeiIvPg0KPHBhdGggY2xhc3M9InN0OCIgZD0iTS01Miw0NjEuOGwxMy45LTguMnYtMC45bC0xMy45LDguMVY0NjEuOHoiLz4NCjxwYXRoIGNsYXNzPSJzdDEyIiBkPSJNLTU2LjQsNDY4LjN2LTkuMSBNLTc5LjEsNDQ2LjFsMjIuNywxMy4xbDIyLjctMTMuMSIvPg0KPHBhdGggY2xhc3M9InN0MTMiIGQ9Ik0tNTYuNCw0MzNsMjIuNywxMy4xdjkuMWwtMjIuNywxMy4xbC0yMi43LTEzLjF2LTkuMUwtNTYuNCw0MzN6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxNCIgZD0iTS0xNzkuNSw0MzEuNGMtMC45LTMuOC0xLjMtNy43LTEuMy0xMS41Yy0wLjEtMzMuMSw1MC40LTczLjgsNTAuNC03My44czQ1LjUsMzguMSw1MC4xLDY5IE0tODcuMSw0NDUuNw0KCWMtMTQuMiwyMy45LTQ1LjIsMzEuOC02OS4xLDE3LjVjLTkuNS01LjctMTYuOS0xNC4zLTIxLTI0LjUgTS04MC4yLDQyMy44Yy0wLjQsNS4zLTEuNiwxMC40LTMuNiwxNS4zIi8+DQo8cGF0aCBjbGFzcz0ic3QxMSIgZD0iTS0xNjIuNyw0NTIuMmw1LjMtMy4xIE0tMTg1LjMsNDM5LjFsMTIuNC03LjIiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTg1LjMsNDM5LjFsLTIyLjcsMTMuMXY5LjFsMjIuNywxMy4xbDIyLjYtMTMuMXYtOS4xTC0xODUuMyw0MzkuMXoiLz4NCjxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0tMTg1LjMsNDY1LjNsLTIyLjctMTMuMXY5LjFsMjIuNywxMy4xbDIyLjYtMTMuMXYtOS4xTC0xODUuMyw0NjUuM3oiLz4NCjxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik0tMTg5LjcsNDY3LjhsLTEzLjktOC4xdi0xbDEzLjksOC4yVjQ2Ny44eiIvPg0KPHBhdGggY2xhc3M9InN0MTIiIGQ9Ik0tMTg1LjMsNDc0LjR2LTkuMSBNLTE2Mi43LDQ1Mi4ybC0yMi42LDEzLjFsLTIyLjctMTMuMSIvPg0KPHBhdGggY2xhc3M9InN0MTMiIGQ9Ik0tMTg1LjMsNDM5LjFsLTIyLjcsMTMuMXY5LjFsMjIuNywxMy4xbDIyLjYtMTMuMXYtOS4xTC0xODUuMyw0MzkuMXoiLz4NCjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tODIuNyw0MDEuMmw0Ny0yNy4yIE0tOTEuOCwzODAuM2wyMS41LTEyLjUiLz4NCjwvc3ZnPg0K');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20%;
    padding-top: calc(20% + 16px);
    font-size: 16px;
    color: #888;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }