@charset "UTF-8";
.inner-main-container {background:#f2f2f2;}
.news-list-page {padding-bottom:70px;}
.news-list-page .container {max-width: 100%;}
.news-tab-wrap {padding:65px 0 55px;text-align: center;}
.news-tab-wrap li {display:inline-block;margin-right: 16px;}
.news-tab-wrap li a {
    display:block;
    width: 200px;
    height:50px;
    font-size:14px;
    color:#666;
    line-height:50px;
    text-align:center;
    background:#fff;
    transition:all .4s ease-in-out;
}
.news-tab-wrap li.on a,.news-tab-wrap li a:hover {color:#fff;background: #e00012;}
.news-list .item-list {margin-left:-1.5%;}
.news-list li {
    position:relative;
    float:left;
    width:48.5%;
    margin:0 0 1.5% 1.5%;
    background:#fff;
}
.ourwork-list .each-item:after,
.news-list li:after,.index-news-list .item2:after,
.index-news-list .item3:after,
.solution-list .each-item:after,
.pay-list .each-item:after {
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#fff;
    transition:all .6s;
}
.ourwork-list .each-item:hover:after,
.news-list li:hover:after,
.index-news-list .item2:hover:after,
.index-news-list .item3:hover:after,
.solution-list .each-item:hover:after,
.pay-list .each-item:hover:after{
    box-shadow:0 15px 15px rgba(0,0,0,.5);
}
.news-list li:hover:after,
 .index-news-list .item2:hover:after,
 .index-news-list .item3:hover:after,
.pay-list .each-item:hover:after {transform:scale(1.025);}
.news-list li a,.index-news-list .item-inner {
    z-index:1;
    position:relative;
    display:block;
}
.news-list-one li a {padding:35px 70px;}
.news-list-one .date-wrap {
    position:relative;
    float:left;
    width:115px;
    height:155px;
    border-right:1px solid #e7e7e7;
}
.news-list-one .date-inner {
    position:absolute;
    top:50%;
	color: #333;
    transform:translateY(-50%);
}
.news-list-one .date-wrap .day {
    font-size:48px;
	font-family: 'num2';
}
.news-list-one .date-wrap .line {
    display:block;
    width:25px;
    height:3px;
    margin:15px 0;
    background:#e7e7e7;
}
.news-list-one .date-wrap .days {
    font-size:14px;font-family: 'num2';
}
.news-list-one .text-wrrd {
    margin-left:175px;
}
.news-list-one .text-wrrd .title {
    font-size:18px; font-weight: bold;
    color:#333;float: none;
    padding: 0;
    border-bottom: none;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.news-list-one .text-wrrd .descrition {
    height:48px;
    margin:15px 0 40px;
    font-size:14px;
    color:#666;
    line-height:24px;
    overflow:hidden;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.news-list .text-wrrd .more .icon{
    display:inline-block;
    width:0;
    height:10px;
    background:url(../images/more-icon2.png) no-repeat center center;
    transition:all .4s;
    opacity:0;
}

.news-list .text-wrrd .more strong{
    font-size:14px;
    font-weight:normal;
    color:#666;
    transition:all .4s;
}
@media(min-width:1366px){
    .news-list-one li:hover .text-wrrd .more .icon {margin-right:10px;}
    .news-list-two li:hover .text-wrrd .more .icon {margin-left:10px;}
    .news-list li:hover .text-wrrd .more .icon {width:21px;opacity:1;}
}

.news-list-two li a {padding:35px 40px;}
.news-list-two li .text-wrrd {
    float:left;
    width:35%;
}
.news-list-two li .date {
    font:14px/1 'Gotham-Book';
}
.news-list-two li .text-wrrd .title {
    height:60px;
    margin:30px 0;
    font-size:18px;
    color:#333;
    line-height:30px;
    overflow:hidden;
}
.news-list-two li .image-wrap {
    float:right;
    width:35%;
    min-width:150px;
}
.news-list-two li .image-wrap img {max-width:150px;}


@media (max-width:991px){

    .news-tab-wrap {padding:10px 0;overflow:hidden; font-size: 18px;}
    .news-tab-wrap ul {white-space: nowrap;overflow:auto;}
    .news-tab-wrap li {display:inline-block;}
    .news-tab-wrap li a {width:auto;height:auto;line-height:1.3;background:transparent;border-radius:0;}
    .ourwork-tab-wrap .item-list li a,.news-tab-wrap li a {display:block;padding:5px 0;color:#666;border-bottom:3px solid transparent;}
    .ourwork-tab-wrap .item-list li.on a,
    .news-tab-wrap li.on a {font-weight:bold;color:#444;border-bottom:3px solid #444;}
    .news-tab-wrap li.on a {background:transparent;}
    .news-list .item-list {margin-left:0;}
    .news-list li {width:100%;margin:0 0 1.5% 0;}
}
@media (max-width:768px){
    .news-list li {margin:0 0 5% 0;}
    .news-list-one li a,
    .news-list-two li a {padding:15px 20px;}
    .news-list-one .date-wrap {width:19%;height:auto;margin-bottom:15px;border-right:0 none;}
    .news-list-one .date-inner {position:relative;transform:none; margin-top: 10px;}
    .news-list-one .date-wrap .day {margin-bottom:10px;font: 40px/1 'gotham-medium';}
    .news-list-one .date-wrap .line {display:none;}
    .news-list-one .text-wrrd {margin-left:19%;}
    .news-list-one .text-wrrd .title {margin-bottom:5px;font-size:16px;}
    .news-list-one .text-wrrd .descrition {margin:5px 0 10px;}
    .news-list-one .text-wrrd .more {display:block;padding-top:10px;border-top:1px solid #e7e7e7;}
    .news-list-two li .text-wrrd {width:60%;}
    .news-list-two li .text-wrrd .title {height:48px;margin:10px 0;font-size:16px;line-height:24px;}
    .inner-main-container .news-list-two .each-item .image-wrap img {width:auto;max-width:100%;height:auto;margin:0 auto;}
    .normal-info-page .container{width:100%;padding:0px;}
    .news-info .normal-info-container {margin-top:0px;padding:35px 10px;}
}
@media (max-width:450px){
    .news-list-two li .text-wrrd .title {height:24px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}
    .news-info .normal-info-container {padding:25px 20px;}
    .more-relate-list {padding:25px 20px;}
    .more-relate-list .relate-title {font-size:20px;}
}

.xq_mid {overflow-x:scroll;}
.xq_mid  .ap{display: flex;padding: 0;margin: 0;}
.xq_mid  .ap li{width: calc(25% - .75em);margin-right: 1em;}
.xq_mid  .ap li img{width:100%;}
.xq_mid  td{font-size: 16px;font-family: Montserrat;color: #333;line-height: 39px;border: 2px solid #fff;padding-left: 42px;background: #f6f6f6; min-width: 130px;}
.xq_mid  td:nth-child(1){width: 180px;padding-left:40px;background: #e9e9e9;}
.xq_mid  tr:nth-child(2){max-width:130px;}
.xq_mid  tr:nth-child(2n) td{}
.xq_mid  td:nth-child(5){width: 440px;padding-left:40px;}
.xq_mid  table {font-family: Montserrat;width: 100% !important;min-width: 800px;border-right: none;border-bottom: none;}
@media (max-width:768px){
.xq_mid  td:nth-child(1){width: 25%;padding-left:20px;}
.xq_mid  td:nth-child(2){width: 10%;padding-left:20px;}
.xq_mid  td{padding-left: 20px;min-width: 130px;}
.xq_mid  td:nth-child(5){padding-left:20px;}
}