@charset "utf-8";


.top {
    height:58px;
    border-top:1px solid #fe4c40;
    background:#fff;
}
.navbox {
    width:1000px;
    height:58px;
    margin:0 auto;
}
.logobox{
    float:left;
}
.logo {
    display:block;
    width:180px;
    height:45px;
    margin-top:6px;
}
.nav {
    height:58px;
    float:right;
}
.nav li{
    position:relative;
    height:58px;
    line-height:58px;
    float:right;
    margin-left:30px;
}
.nav li a {
    display:block;
    height:54px;
    line-height:58px;
    font-size:18px;
    color:#666;
}
.nav li i {
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:0px;
    transition:all .2s;
    -moz-transition:all .2s; 
    -webkit-transition:all .2s; 
    -o-transition:all .2s; 
}
.nav li:hover a {
    color:#333;
}
.nav li:hover  i {
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:4px;
    background:#fe4c40;
}
.nav li .line {
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:4px;
    background:#fe4c40;
}

.sub-nav{
    position:absolute;
    top:58px;
    left:-15px;
    opacity:1;
    z-index:99;
    width:100px;
    display:none;
}
.sub-nav .sub-list{
    display:block;
    height:35px;
    line-height:35px;
    color:#666;
    text-align:center;
    font-size:16px;

}
.sub-nav .sub-list:hover{
    color:#fe4c40;
}
.triangle{
    width:0;
    height:0;
    text-align:center;
    border-width:10px;
    border-style:solid;
    border-color:transparent transparent #efefef transparent;
    margin-top:-10px;
    margin-left:39px;
}
.subbox{
    background:#efefef;
    border-radius:5px;
}



.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-wrapper img {
    display:block;
    height:100%;
    width:100%;
}
.swiper-button-next, .swiper-button-prev {
    opacity:.35;
}

.zl_foot {
    width:100%;
    height:142px;
}
.zl_foot_link {
    text-align:center;
    background:#2e2e2e;
    height:84px;
}
.link_zl {
    font-size:16px;
    color:#acacac;
    display:inline-block;
    line-height:16px;
}
.zl_foot_link a {
    display:inline-block;
    font-size:16px;
    color:#acacac;
    padding:0px 14px;
    border-right:2px solid #575757;
    line-height:16px;
}
.zl_foot_link a:hover {
    color:#fff;
}
.div_top {
    padding-top:25px;
}
.tel {
    font-size:16px;
    color:#acacac;
    display:inline-block;
    margin-right:50px;
}
.div_tel {
    line-height:40px;
}
.zl_foot_num {
    background:#333333;
    line-height:60px;
    height:60px;
    font-size:16px;
    color:#acacac;
    text-align:center;
}




.company-dynamic {
    width:1000px;
    margin:47px auto 50px;
}
.titlebox {
    height:70px;
}
.title {
    display:block;
    width:429px;
    height:70px;
    float:left;
}
.titlebox span, .titlebox a {
    display:inline-block;
    float:right;
    line-height:38px;
    font-size:20px;
    color:#666;
}
.titlebox a {
    margin:0 7px;
}
.titlebox a:hover {
    color:#333;
}

.news {
    padding:30px 0;
    height:138px;
    border-bottom:1px solid #d7d7d7;
}
.picture {
    display:block;
    width:136px;
    height:137px;
    float:left;
}
.news-content {
    float:right;
    width:834px;
    height:137px;
    margin-left:30px;
}
.news-title {
    font-size:18px;
    font-weight:bolder;
    padding-bottom:5px;
}
.news-content a {
    color:#333;
}
.news-content p {
    font-size:14px;
    color:#333;
    line-height:24px;
    
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-content p:hover {
    color:#000;
}

.news-item {
    height:auto;
}
.news-item li a {
    display:inline-block;
    width:100%;
    height:59px;
    line-height:60px;
    font-size:18px;
    color:#333;
    border-bottom:1px dashed #d7d7d7;
}
.news-item li a:hover {
    background:#f6f6f8;
}
.news-item li a i {
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:5px;
    margin-right:13px;
    border:1px solid #000;
}
.news-item li a span {
    display:inline-block;
    float:right;
}

.ttycbox {
    background:#f6f6f8;
}
.ttyc {
    width:1000px;
    height:394px;
    margin:0 auto;
}
.ttyc img {
    display:block;
    width:1000px;
    height:394px;
}

.company-historybox {
    background:#fcfcfc;
}
.company-history {
    width:1000px;
    height:588px;
    margin:0 auto;
}
.company-history img {
    display:block;
    width:1000px;
    height:588px;
}



.imgbox-one{
    height:439px;
    border-bottom:1px solid #d7d7d7;
}
.imgbox-two{
    height:680px;
}
.imgbox-three{
    height:950px;
    background:#f6f6f8;
}
.imgbox-four{
    height:513px;
}
.imgbox-five{
    height:1072px;
}
.list-img{
    display:block;
    width:1000px;
    margin:0 auto;
}
.car-team{
    height:500px;
    background:url(../image/bj11.png) no-repeat center center;
    background-size:100%;
}
.team-content{
    width:1000px;
    height:500px;
    margin:0 auto;
    color:#fff;
}
.team-title{
    font-size:48px;
    font-weight:bold;
    text-align:center;
    padding-top:40px;
    line-height:100px;
    opacity:0;
    transform: translate3d(0,50px,0);
    transition: all 1s ease-in-out 0s;

}
.sub-title{
    font-size:28px;
    padding:25px 0 15px 0;
    opacity:0;
    transform: translate3d(0,50px,0);
    transition: all 1s ease-in-out .2s;
}
.info{

}
.info-list-one{
    opacity:0;
    transform: translate3d(0,50px,0);
    transition: all 1s ease-in-out .4s;
}
.info-list-two{
    opacity:0;
    transform: translate3d(0,50px,0);
    transition: all 1s ease-in-out .6s;
}
.team-hover{
    transform: translate3d(0,0,0);
    opacity:1;
}
.info  h3{
    font-size:28px;
    line-height:44px;
    margin-top:10px;
}
.info i{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    margin-right: 10px;
    border: 4px solid #fe4c40;
}
.info p{
    font-size:18px;
    line-height:30px;
}