@charset "utf-8";
/* 标题 */
.hgroup{ padding:80px 0 40px 0; text-align: center; line-height: 1.5;}
.hgroup h2{ font-size:32px; letter-spacing:0px;font-weight: normal;}
.hgroup h3{font-size:20px; color:#FF680D; font-weight: normal;text-transform:uppercase}
/* 头图滚播 */
.banner-box{position:relative; overflow: hidden;height: 47.9166vw;}
.banner-box .hd{ position:absolute;width:100%; left:0;bottom:30px; text-align:center; z-index:3}
.banner-box .hd ul,.banner-box .hd ul li{ display:inline-block;}
.banner-box .hd ul li{width:10px; height:10px; background:#fff; margin:0 6px; line-height:50px; overflow:hidden;border-radius: 50%;}
.banner-box .hd ul li.on{ background: #FF7C2D;
    border-radius: 5px;width: 20px;}
.banner-box .bd li{ position:relative; cursor:pointer; height: 47.9166vw;}
.banner-box .bd li img{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.banner-box .bd li a{display: block;width: 100%;}
.banner-box .bd li .wrap{ position:absolute;top:40%;left:50%; margin-left:-590px; color:#fff; z-index:5}
.banner-box .bd{ position:absolute;top:0;left:0;width:100%;height:100%;}
/* 业务 */
.business{height: 200px; position: relative;padding-bottom: 80px;}
.business li{float: left;width: calc(20% - 16px); position: relative;box-sizing: border-box;background: #FFFFFF;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.06);margin-right: 20px;height: 200px;transition: all .4s;}
.business li:last-child {margin-right: 0;}
.business dt{font-size: 16px; margin: 5px 0; text-align:center;}
.business dd{ height: 56px; line-height: 20px;font-size: 12px;color:#5C5C5C;overflow: hidden;}
.business li:hover dt {color:#FF680D;}
.business li a {
    display: block;
    height: 100%;
    box-sizing: border-box;
    padding-top:54px;
}
.business li:hover {transform: translateY(-10px);}
/* 项目案例 */
/* (下划线) */
.hd ul li.on a{color:#FF680D;}
.hd ul li.on .line{display: inline-block;}
.case{padding-bottom: 80px;}
.case .hd ul li{display: inline-block;margin-right: 40px;position: relative;margin-top: 20px;}
.case .hd ul li:last-child{margin-right: 0;}
.case .hd ul li a{font-size: 16px;}
.hd .line{position: absolute;left:5%;bottom: -10px; width:90%;height: 2px; background:#FF680D; display: none;}
.case .bd{position: relative;height: 520px;}
.case .bd ul li{min-height: 362px;}
.case .bd ul li .case-content:hover dt {
    color: #FF680D;
}
.case .case-left,.case .case-right{width: 54px;height: 54px;display: inline-block;position: absolute;top: 50%;margin-top: -27px;}
.case .case-left{background: url("../images/left_button-f21ee2fc233aceb33e2736a4a9620bef.png");
    left:-72px;z-index: 999;top: 50%;margin-top: -27px;}
.case .case-right{width: 54px;height: 54px;background: url("../images/right_button-99095005fb18c69432a263d6fb2e3936.png");display: inline-block;position: absolute;
    right:-72px;}
.case-content .case-cont{padding: 30px;width: 100%;height: 176px;position: relative;overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #EFEFEF;
    border-top: none;
    color: #5C5C5C;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;}
.case-cont dt{font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #2D2A2B;}
.case-cont dd{
    color: #5C5C5C;
    line-height: 24px;
    margin-top: 16px;
    height: 72px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    display: -moz-box;
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;
}
.bd .wrap .case-content{width: 588px;margin-right: 24px;cursor:pointer;box-sizing: border-box;}
.bd .wrap .case-content:hover{box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.1);background: #FFFFFF;}
.case-content img{width: 100%;height: 100%;}

.bd .wrap .case-content:nth-child(2n){margin-right: 0;}
.bd .wrap .case-content:nth-child(n+3){margin-top: 24px;}
.case .bd{

    width: 1200px;
    overflow: hidden;
    margin: 0 auto 0 auto;
}
.case-content .case-content-img {width: 100%;height: 330px;overflow: hidden;}

/* 企业简介 */
.brief{background: #FFFFFF;}
.brief .brief-title{font-size: 32px;margin: 40px 0 0 20px;}
.brief .brief-content{margin-left: 20px;}
.brief-content .brief-content-p{width: 660px;height: 240px;overflow: hidden;}
.brief-content-p p{text-indent: 2em;line-height: 24px;margin-top: 24px;}
.brief-content .brief-content-img img{height: 240px;width: 420px;}

.news-tab .hd ul li{display: inline-block;margin-right: 40px;position: relative;}
.news-tab .hd ul li:last-child{margin-right: 0;}
.news-tab .hd ul li a{font-size: 18px;}
/* 新闻列表样式 */
.newslistul li{
    max-height: 176px;
    margin-bottom: 16px;
    overflow: hidden;
    margin-right: 114px;
}
.news-cont .newslistul .introducebox{
    position: relative;
    width: 347px;
    height: 176px;
}
.newslistul .imgbox{
    width: 176px;
    height: 176px;

}
.newslistul .imgbox img {
    width: 100%;
    height: 100%;
}
.news-cont .newslistul .introducebox .orange{position: absolute;bottom: 0;}
.news-cont .newslistul .introducebox .timerow{position: absolute;bottom: 60px;}
/* 资产信息 */
.bd .infor-content{display: inline-block;margin-right: -15px;margin-top: 40px;}
.infor-content li{background: #FFFFFF;box-shadow: 0 2px 6px 0 rgba(0,0,0,0.10);width: 390px;height: 80px;padding:15px;margin-right: 15px;margin-bottom: 15px;box-sizing: border-box;line-height: 25px;}
.infor-content li:hover{background: #FF680D;color: #FFFFFF;}
.infor-content li:hover .time{background: url("../images/zc-spri-66124407ecf0e836944d9ec5cdd99c60.png");width: 14px;height: 14px;display: inline-block;background-position:-1px -1px;
    position: relative;top: -2px;left: 1px;}
.infor-content li p{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.infor-content li:hover span{color: #FFFFFF;}
.information .hd ul li a{font-size: 18px;}
.information .hd ul li{display: inline-block;margin-right: 40px;position: relative;}
.information .hd ul li:last-child{margin-right: 0;}

/* 首页 */
.banner-box-title {
    font-size: 3.125vw;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 4px 10px rgba(0,0,0,0.20);
    font-weight: bold;
    width: 1200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.notice-message {
    height: 66px;
    margin-left: 20px;
}
.notice-voice {
    width: 20px;
    height: 20px;
    background: url(../images/voice-9eea90851df7de01da839f189cd092da.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 4px;
}
.notice-message-title {
    font-size: 16px;
    color: #FF680D;
    line-height: 66px;
}
.notice-message {
    font-size: 16px;
    color: #9D9D9D;
    width: 100px;
    float: right;
}
.noticeMessage {
    width: calc(100% - 115px);
    margin-left: 5px;
    color: #272727;
}
.noticeMessage ul {
    width: 100%;
}
.noticeMessage ul li {
    width: 100%;
    font-size: 16px;
    line-height: 66px;
    height: 66px;
}
.noticeMessage ul li span:first-child {
    max-width: 800px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    cursor: pointer;
}
.corporate-swiper {
    width: calc(50% - 12px);
    height: 346px;
    margin-right: 24px;
}
.corporate-swiper .hd {
    position: absolute;
    bottom: 22px;
    right: 15px;
    z-index: 2;
}
.corporate-swiper .hd li {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #FFFFFF;
    float: left;
    margin-left: 6px;
}
.corporate-swiper .hd li.on {
    width: 12px;
    height: 6px;
    background: #FF7C2D;
    border-radius: 5px;
}
.corporate-swiper .bd {
    height: 100%;
}
.corporate-swiper .bd li {
    position: relative;
    width: 100%;
    height: 346px;
}
.corporate-swiper .bd li img {
    transition: all .4s;
}
.corporate-swiper .bd li:hover img {
    transform: scale(1.06);
}
.corporate-swiper .corporate-img {
    width: 100%;
    height: 100%;
}
.corporate-swiper .corporate-imgbg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 100%);
}
.corporate-swiper .corporate-swiper-title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 350px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.corporate-list {
    width: calc(50% - 12px);
    height: 346px;
}
.corporate-list li {
    width: 100%;
    height: 86px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #EAEAEA;
}
.corporate-list li a {
    height: 86px;
    display: flex;
    align-items: center;
}
.corporate-list li .corporate-list-title {
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    letter-spacing: 0;
    width: 360px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 12px;
}
.corporate-list li .corporate-date {
    color: #B0B0B0;
    letter-spacing: 0;
    text-align: center;
    padding: 0 12px 0 20px;
    border-right: 1px solid #EAEAEA;

}
.corporate-date .date-day {
    font-size: 32px;
    line-height: 32px;
}
.corporate-date .date-format {
    font-size: 14px;
    margin-top: 8px;
}
.corporate-list li:hover .corporate-list-title, .corporate-list li:hover .corporate-date {
    color: #FF680D;
}
.corporate-list li .corporate-list-time {
    color: #9D9D9D;
}
.corporate-list .corporate-list-more {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(212,212,212,1);
    border-radius: 50%;
    margin-left: 78px;
    position: relative;
}
.corporate-list .corporate-list-more::before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #BDBDBD;
    border-right: 2px solid #BDBDBD;
    transform: rotate(45deg);
    position: absolute;
    left: 11px;
    top: 12px;
}
.brief .wrap .morelink{margin: 60px 0 80px 0;display: inline-block;margin-left: 50%;transform: translateX(-50%);}

@media (max-width:1200px) {
    .banner-box {height: 575px;}
    .banner-box .bd li {height: 575px;}
    .banner-box-title {font-size: 40px;}
}