/*banner*/



.banner {
    width: 100%;
    height: 100%;
    margin-top: 45px;

}



.banner .container {
    width: 100% !important;
    height: 100%;
    /* min-width: 1200px; */
    min-height: 900px;
    margin: 0 auto;
    position: relative;

}



.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;

}

.swiper-slide {
    background-size: cover;
    background-position: center;

}



.gallery-top {
    height: 900px;
    width: 100%;
    overflow: hidden;

}

.gallery-top .swiper-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.gallery-thumbs {
    /* width: 1200px; */
    width: 80%;
    height: 150px;
    box-sizing: border-box;
    padding: 0;
    position: absolute !important;
    left: 10%;
    bottom: 20px;
    /* margin-left: 100px; */
    margin-right: 20px;

}

.gallery-thumbs .swiper-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.gallery-thumbs .swiper-slide {
    /* width: 32%; */
    height: auto;
    opacity: 0.4;
    background-size: corver;

}



.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;

}



.banner .swiper-container.gallery-top .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: center;

}

@media screen and (min-width: 1680px) {
    .swiper-button-next {
        right: calc((100% - 1655px)/2);
        top: 90%;
    }

    .swiper-button-prev {
        left: calc((100% - 1655px)/2);
        top: 90%;
    }

    .gallery-thumbs {
        bottom: 20px;
    }

    /* .gallery-top {
		height: 900px;
	} */
}

@media screen and (min-width: 1280px) and (max-width: 1679px) {
    .swiper-button-next {
        right: calc((100% - 1250px)/2);
        top: 90%;
    }

    .swiper-button-prev {
        left: calc((100% - 1250px)/2);
        top: 90%;
    }

    /* .gallery-top {
		height: 650px;
	} */
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .swiper-button-next {
        right: calc((100% - 980px)/2);
        top: 76%;
    }

    .swiper-button-prev {
        left: calc((100% - 980px)/2);
        top: 76%;
    }

    .gallery-thumbs {
        bottom: 140px;
    }

    /* .gallery-top {
		height: 450px;
	} */
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
    .swiper-button-next {
        right: calc((100% - 800px)/2);
        top: 71%;
    }

    .swiper-button-prev {
        left: calc((100% - 800px)/2);
        top: 71%;
    }

    .gallery-thumbs {
        bottom: 200px;
    }

    /* .gallery-top {
		height: 400px;
	} */
}

@media screen and (max-width: 799px) {
    .swiper-button-next {
        right: calc((100% - 500px)/2);
        top: 73%;
    }

    .swiper-button-prev {
        left: calc((100% - 500px)/2);
        top: 73%;
    }

    .gallery-thumbs {
        bottom: 210px;
    }

    /* .gallery-top {
		height:350px;
	} */
}




/*内容*/



.content {
    width: 100%;
    height: auto;

}



.content .classfiy {
    width: 100%;
    height: auto;

}



.content .classfiy .container {
    width: 76%;
    padding: 50px 0;

}



.content .classfiy .container h1.title {
    width: 100%;
    height: auto;
    line-height: 60px;
    margin: 0 auto;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 2.57em;
    color: #f08932;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 600;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}



.content .classfiy .container p {
    width: 100%;
    height: auto;
    padding: 0 10%;
    box-sizing: border-box;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 16px;
    color: #777;
    text-align: center;
    text-indent: 2em;
    margin-bottom: 50px;

}



.content .classfiy .container p a {
    color: #f08932;

}



.content .classfiy .container p.interval {
    margin-bottom: 10px;

}



.content .classfiy .container .pro-title {
    width: 100%;
    height: 50px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    margin-bottom: 15px;

}



.content .classfiy .container .pro-title ul li {
    float: left;
    width: 16.666%;
    height: 48px;
    text-align: center;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-content: center;
}



.content .classfiy .container .pro-title ul li a {
    font-size: 16px;
    color: #666;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    line-height: 48px;

}



.content .classfiy .container .pro-title ul li.active a {
    color: #f08932;

}



.content .classfiy .container .pro-title ul li:last-child {
    border: none;

}



.content .classfiy .container .box {
    width: 100%;
    height: auto;

}



.content .classfiy .container .product-list {
    width: 100%;
    height: auto;
    margin: 15px 0;
    display: none;

}



.content .classfiy .container .product-list ul {
    overflow: hidden;

}



.content .classfiy .container .product-list ul li {
    float: left;
    /* width: 23.5%; */
    margin-right: 2%;
    height: 100%;
    font-size: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;

}



.content .classfiy .container .product-list ul li:last-child {
    margin-right: 0;

}



.content .classfiy .container .product-list ul li:hover img {
    transform: scale(1.1756, 1.1756);
    transition: all .5s ease;

}



.content .classfiy .container .product-list ul li img {
    width: 100%;
    /* height: 249px; */
    transition: all .5s ease;

}



.content .classfiy .container .product-list ul li p.name {
    width: 100%;
    height: 120px;
    position: relative;
    left: 0;
    bottom: 0;
    background: #f3f3f3;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    padding: 0;
    margin: 0;
    text-indent: 0;
    padding: 15px ;
    z-index: 101;

}



.content .classfiy .container .product-list ul li:hover p.name {
    background: rgba(32,111, 139, .98) ;

}
.content .classfiy .container .product-list ul li:hover p.name a { color: #fff;}



.content .classfiy .container .product-list ul li p.name a {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 14px;
    color: #929292;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    text-align: left;


}


.content .classfiy .container .product-list ul li .covers {
    width: 100%;
    height: 330px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}


.content .classfiy .container .product-list ul li .covers p {
    _position: absolute;
    width: auto;
    display: inline-block;
    padding: 0 10%;
    box-sizing: border-box;
    _top: 35%;
    _left: 0;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 28px;
    color: #fff !important;
    line-height: 64px;
    _margin-top: -5%;
    overflow: hidden;
    _white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;
    text-align: center;
    border-top: 2px solid rgba(255, 255, 255, 0.8);
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    text-indent: 0;
}



.content .classfiy .container .product-list ul li:hover .covers {
    opacity: 1;
    top: 0;
    transition: all 0.2s ease;
}

.content .classfiy .container .product-list ul li:hover .covers p{
    display: inline;
}


.content .classfiy .container .more {
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 60px;
    margin-top: 30px;

}



.content .classfiy .container .more a {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #666;
    font-size: 14px;
    width: 180px;
    height: 50px;
    display: block;
    border-radius: 10px;
    border: 2px solid #666;
    line-height: 50px;
    margin: 0 auto;
    font-weight: 600;
    transition: all 0.2s ease;

}



.content .classfiy .container .more a:hover {
    transition: all 0.2s ease;
    color: rgba(133, 196, 63, .8);
    border-color: rgba(133, 196, 63, .8);

}



.content .us {
    width: 100%;
    height: 100%;
    /* min-width: 1200px; */
    display: flex;
    background: url(/uploads/image/_aimg/bg-img.jpg) no-repeat;
    /* background-size: 100% 100%; */
    position: relative;
    background-size: cover;
    overflow: hidden;
}



.content .us .container {
    width: 75%;
    padding: 40px 0;
    box-sizing: border-box;

}



.content .us .container .title {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px 0;

}



.content .us .container .title h2 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 2.5em;
    color: #f08932;
    font-weight: 600;
    line-height: 60px;
}



.content .us .container .text {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;

}



.content .us .container .text p {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #fff;
    font-size: 14px;
    line-height: 30px;

}



.content .us .container .module {
    width: 100%;
    min-height: 260px;

}



.content .us .container .module ul li {
    /* width: 20%; */
    min-height: 100%;
    float: left;
    text-align: center;

}



.content .us .container .module ul li img {
    width: 38%;
    max-width: 110px;
    height: auto;
    transition: all .5s ease;

}

.content .us .container .module ul li:hover img {
    transform: scale(1.1756, 1.1756);
    transition: all .5s ease;

}

.content .us .container .module ul li h4 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #f08932;
    line-height: 35px;
    margin-bottom: 10px;
    margin-top: 8px;
    font-size: 18px;
    font-weight: 700;
}



.content .us .container .module ul li p {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 14px;
    color: #fff;
    padding: 0 1%;
    box-sizing: border-box;
    line-height: 30px;

}



.content .us .container .button {
    width: 100%;
    height: auto;
    margin: 30px 0;
    text-align: center;

}



.content .us .container .button a {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #fff;
    font-size: 14px;
    width: 180px;
    height: 50px;
    display: block;
    border-radius: 10px;
    border: 2px solid #fff;
    line-height: 50px;
    margin: 0 auto;
    font-weight: 600;
    transition: all 0.2s ease;

}



.content .us .container .button a:hover {
    transition: all 0.2s ease;
    color: rgba(133, 196, 63, .8);
    border-color: rgba(133, 196, 63, .8);

}



.content .our-service {
    width: 100%;
    height: auto;

}



.content .our-service .container {
    width: 75%;
    padding: 50px 0 30px;
    box-sizing: border-box;

}



.content .our-service .title {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;

}



.content .our-service .title h2 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #f08932;
    font-size: 2.5em;
    font-weight: 600;
    line-height: 60px;

}



.content .our-service .service-nape {
    width: 100%;
    /* height: 550px; */

}



.content .our-service .service-nape ul {
    overflow: hidden;
    height: 100%;

}



.content .our-service .service-nape ul li {
    float: left;
    /* width: 25%; */
    height: 100%;
    font-size: 0;
    padding: 0 15px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 2%;

}

.content .our-service .service-nape ul li .wrtingimg {
    width: 100%;
    /* height: 234px; */
    overflow: hidden;

}



.content .our-service .service-nape ul li img {
    width: 100%;
    /* height: 234px; */
    transition: all .5s ease;

}

.content .our-service .service-nape ul li:hover img {
    transform: scale(1.1756, 1.1756);
    transition: all .5s ease;

}

.content .our-service .service-nape ul li .writing {
    width: 100%;
    background: #f2f2f2;
    height: auto;
    text-align: left;
    padding: 2% 5%;
    overflow: hidden;
    box-sizing: border-box;

}



.content .our-service .service-nape ul li .writing h4 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 20px;
    font-weight: normal;
    color: #666;
    line-height: 35px;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:center;

}



.content .our-service .service-nape ul li .writing .xianzhi {
    height: 0px;
    overflow: hidden;
    width: 100%;
	display:none;

}



.content .our-service .service-nape ul li .writing .xianzhi p {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    width: 100%;

}



.content .our-service .service-nape ul li .writing a {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    background: #f08932;
    text-align: center;
    margin: 10px auto;
    margin-bottom: 30px;
    margin-left: 0;
    color: #fff;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}



.content .idatails {
    width: 100%;
    height: auto;
    background: url(/uploads/image/_aimg/bg-img_1.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 25px 0;

}

.content .idatails .title {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 50px;
}

.content .idatails .title h2 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #f08932;
    font-size: 2.5em;
    font-weight: 600;
    line-height: 60px;
}

.content .idatails .container {
    width: 75%;
    padding: 20px 0;
    box-sizing: border-box;

}


.content .idatails .container .list {
    width: 100%;
    min-height: 150px;

}


.content .idatails .container .list ul li {
    /* width: 25%; */
    height: 100%;
    float: left;
    text-align: center;
}



.content .idatails .container .list ul img {
    width: auto;
    height: 100px;
    margin: 30px 0 20px;

}



.content .idatails .container .list ul h2,.content .idatails .container .list ul div {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 40px;
    color: #f08932;
    line-height: 30px;
    margin: 20px 0;
    font-weight: normal;
    display: inline-block;
    margin-top: 5px;

}





.content .idatails .container .list ul p {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 18px;
    color: #fff;
    padding: 0 10px;
    box-sizing: border-box;

}



.content .project {
    width: 100%;
    height: auto;
    background: #efefef;

}



.content .project .container {
    width: 75%;
    padding: 30px 0 50px;
    box-sizing: border-box;

}



.content .project .title {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;

}



.content .project .title h1 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 2.5em;
    color: #f08932;
    font-weight: normal;
    line-height: 60px;
    margin-bottom: 15px;
    /*text-transform: uppercase;*/

}

.content .project .title  p{     margin-bottom: 50px; }



.content .project .select {
    width: 100%;
    height: 50px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;

}



.content .project .select ul li {
    width: 19.99%;
    height: 100%;
    float: left;
    line-height: 48px;
    text-align: center;
    background: #fff;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-content: center;

}



.content .project .select ul li:last-child {
    border-right: 0;

}



.content .project .select ul li a {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 16px;
    color: #666;
    display: block;
    width: 100%;
    height: 100%;

}



.content .project .select ul li.active a {
    color: #f08932;

}



.content .project .show-shelf {
    width: 100%;
    height: auto;
    /*min-height: 375px;*/
    margin: 20px 0;

}



.content .project .show-shelf .list-case {
    width: 100%;
    height: 100%;
    display: none;

}



.content .project .show-shelf .list-case ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}



.content .project .show-shelf .list-case ul li {
    float: left;
    /* width: 23.5%; */
    height: 100%;
    margin-right: 2%;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    overflow: hidden;
    background: #ffffff;

    border: 1px solid rgba(0, 0, 0, 0.15);

    -moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
    
}

.content .project .show-shelf .list-case ul li a {
    background: #ffffff;
    padding: 10px;
    width: 90%;
    display: block ;
    overflow: hidden;

    -moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 

}


.content .project .show-shelf .list-case ul li a .img{
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 55%;
    height: 0;
}


.content .project .show-shelf .list-case ul li a .img img{
    display: block;
    overflow: hidden;
    width: 100%;
}


.content .project .show-shelf .list-case ul li a h3{
    display: block;
    overflow: hidden;
    width: 100%;
    font-size: 16px;
    line-height: 60px;
    color: #666;

    word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

}




.content .project .show-shelf .list-case ul li:last-child {
    margin-right: 0;

}



.content .project .show-shelf .list-case ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;

}



.content .project .show-shelf .list-case ul li:nth-child(4n) {
    margin-right: 0;

}



.content .project .show-shelf .list-case ul li a img {
    width: 100%;
    /* height: 249px; */
    transition: all .5s ease;

}



.content .project .show-shelf .list-case ul li:hover img {
    transform: scale(1.175, 1.175);
    transition: all .5s ease;

}



.content .project .show-shelf .list-case ul li .covers {
    width: 100%;
    height: 249px;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 100;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: none;

}



.content .project .show-shelf .list-case ul li:hover .covers {
    opacity: 1;
    top: 0;
    transition: all 0.2s ease;

}



.content .project .show-shelf .list-case ul li .covers p {
    _position: absolute;
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    _top: 35%;
    _left: 0;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 18px;
    color: #fff;
    line-height: 32px;
    _margin-top: -5%;
    overflow: hidden;
    _white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: uppercase;

}



.content .project .look-more {
    width: 100%;
    height: auto;
    text-align: center;

}



.content .project .look-more a {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #666;
    font-size: 14px;
    width: 385px;
    height: 50px;
    display: block;
    border-radius: 10px;
    border: 2px solid #666;
    line-height: 50px;
    margin: 0 auto;
    font-weight: 600;
    transition: all 0.2s ease;

}



.content .project .look-more a:hover {
    transition: all .3s ease;
    color: rgba(133, 196, 63, .8);
    border-color: rgba(133, 196, 63, .8);

}



.content .project .look-more a span {
    text-transform: uppercase;

}



.content .manager {
    width: 100%;
    height: auto;
    background: url(/uploads/image/_aimg/bg-img_2.jpg) no-repeat;
    background-size: cover;

}



.content .manager .container {
    width: 75%;
    padding: 70px 0;
    padding-bottom: 200px;

}



.content .manager .container .head {
    width: 102px;
    height: 102px;
    border: 2px solid #516380;
    margin: 20px auto;
    text-align: center;
    border-radius: 50%;

}



.content .manager .container .head img {
    width: auto;
    height: auto;

}



.content .manager .container .intorcution {
    width: 100%;
    height: auto;
    margin: 20px 20%;
}


.content .manager .container .intorcution h3 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 36px;
    color: #eee;
    line-height: 1.5;
    padding: 0 5%;
    text-align: left;

    box-sizing: border-box;
    font-weight: 600;
    margin-bottom: 10px;

}


.content .manager .container .intorcution p {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 30px;
    color: #eee;
    line-height: 30px;
    padding: 0 5%;
    text-align: left;

    box-sizing: border-box;

}



.content .manager .container .button {
    width: 100%;
    height: auto;
    text-align: center;

}



.content .manager .container .button a {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 14px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    text-transform: uppercase;
    margin: 0 auto;
    font-weight: 600;
    transition: all .2s ease;

}



.content .manager .container .button a:hover {
    transition: all .2s ease;
    color: rgba(133, 196, 63, .8);
    border-color: rgba(133, 196, 63, .8);

}



.content .news-video {
    width: 100%;
    min-height: 600px;

}



.content .news-video .container {
    width: 75%;
    padding: 50px 0;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;

}



.content .news-video .container .news {
    /* width: 48%; */
    height: auto;
    float: left;
    margin-right: 4%;

}



.content .news-video .container .news .title {
    width: 100%;
    height: 50px;
    background: #f08932;
    font-size: 12px;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #fff;

}



.content .news-video .container .news .title .left {
    float: left;
    font-size: 18px;
    padding-left: 10px;
    line-height: 50px;

}



.content .news-video .container .news .title .left span {
    margin: 0 2px;

}



.content .news-video .container .news .title .left .xinwen {
    font-size: 22px;

}



.content .news-video .container .news .title .right {
    float: right;
    padding-right: 10px;
    line-height: 50px;
    color: #fff;

}



.content .news-video .container .news .block {
    width: 100%;
    height: 597px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-top: 0;
    box-sizing: border-box;

}



.content .news-video .container .news .block ul {
    width: 100%;
    height: 1200px;
    margin: 0;
    padding: 0;
    position: relative;

}



.content .news-video .container .news .block ul li {
    width: 100%;
    _max-height: 170px;
    padding: 3.8% 2%;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    overflow: hidden;

}



.content .news-video .container .news .block ul li:last-child {
    border-bottom: 0;

}



.content .news-video .container .news .block ul li .images {
    width: 25%;
    float: left;
    margin-right: 5%;
    text-align: center;

}



.content .news-video .container .news .block ul li .images img {
    width: 100%;
    height: auto;

}



.content .news-video .container .news .block ul li .text {
    float: left;
    width: 98%;
    height: 100%;

}



.content .news-video .container .news .block ul li .text h4 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 18px;
    color: #585858;
    font-weight: 600;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}



.content .news-video .container .news .block ul li .text div {
    width: 100%;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    font-size: 14px;
    color: #777;
    height: 70px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}



.content .news-video .container .video {
    /* width: 48%; */
    height: auto;
    float: left;

}



.content .news-video .container .video .title {
    width: 100%;
    height: 50px;
    background: #f08932;
    font-size: 12px;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #fff;

}



.content .news-video .container .video .title .left {
    float: left;
    font-size: 18px;
    padding-left: 10px;
    line-height: 50px;

}



.content .news-video .container .video .title .left span {
    margin: 0 2px;

}



.content .news-video .container .video .title .left .viode {
    font-size: 22px;

}



.content .news-video .container .video .title .right {
    float: right;
    padding-right: 10px;
    line-height: 50px;
    color: #fff;

}



.content .news-video .container .video .block {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 2%;
    overflow: hidden;
    border-top: 0;

}

.content .news-video .container .video .block ul {
    display: flex;
    flex-wrap: wrap;
}

.content .news-video .container .video .block ul li {
    width: 48%;
    min-height: 200px;
    float: left;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    margin-right: 2%;
    margin-bottom: 10px;

}

.content .news-video .container .video .block ul li .img {
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 65%;
    height: 0;
}


.content .news-video .container .video .block ul li h4 {
    display: block;
    overflow: hidden;
    width: 100%;
    font-size: 16px;
    line-height: 60px;
    color: #666;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.content .news-video .container .video .block ul li:nth-child(3n) {
    /* margin-right: 0; */

}



.content .news-video .container .video .block ul li img {
    width: 100%;
    height: auto;
    transition: all .5s ease;

}

.content .news-video .container .video .block ul li:hover img
{transform: scale(1.175, 1.175);
    transition: all .5s ease;}


.content .news-video .container .video .block ul li h4 {
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    line-height: 60px;
    font-size: 14px;
    color: #000;
    text-align: center;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}



.content .news-video .container .video .block ul li .information {
    width: 100%;
    height: auto;
    padding: 0 2%;
    box-sizing: border-box;

}



.content .news-video .container .video .block ul li .information p {
    width: 100%;
    height: auto;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'helveticaltstd-bold', helvetica, arial, sans-serif !important;
    color: #f08932;
    font-size: 14px;

}



.content .news-video .container .video .block ul li .information p span {
    color: #666;

}

@media only screen and (max-width:1060px) {
    .gallery-thumbs {
        height: 100px;
    }
}

@media only screen and (max-width:668px) {
    .gallery-thumbs {
        height: 60px;
    }

    .content .news-video .container .video .block ul li {
        width: 100%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) {
    .gallery-thumbs .swiper-slide {
        background-size: cover;
    }

    .gallery-top {
        height: 500px;
    }

    .banner .container {
        min-height: 500px;
    }

    .content .classfiy .container>.pro-title {
        height: auto;
        border: unset;
    }

    .content .classfiy .container .pro-title ul li {
        border: 1px solid #ddd;
        width: 33.2%;
    }

    .content .classfiy .container .pro-title ul li:last-child {
        border: 1px solid #ddd;
    }

    .content .project>.container>.select {
        height: auto;
        border: unset;
        margin-bottom: 20px;
    }

    .content .project>.container>.select>ul {
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .content .project>.container>.select>ul>li {
        width: 45%;
        height: 50px;
        border: 1px solid #ddd;
    }

    .content .project .select ul li:last-child {
        border: 1px solid #ddd;
    }
}


/*手机端样式*/
@media only screen and (max-device-width: 812px){
    .home-header .head-top .right .language{ width: 110px;}
    header.home-header .head-content{ width: 60%;}
    .home-header .head-content .container .logo{ width:16.67% !important ;}
    .home-header .head-content .container .logo img {
        max-width: 100%;
    }

    /*banner*/
    .banner .swiper-container.gallery-top .swiper-slide{ width: 100% !important;}
    .banner .swiper-container .swiper-wrapper .text-font { top: 10% !important;}
    .gallery-thumbs{ bottom: 50px !important; }


    /*保障机制*/
    .content .classfiy .container{
        padding: 30px 0;
    }
    .content .classfiy .container .product-list ul li p.name {
        padding: 15px !important;
    }
    .content .classfiy .container p{ margin-bottom: 15px;}

    /* 底部联系我们 */
    html .footer .top .container{ padding: 15px 0 !important;}


    /* 企业文化 */
    html .content .container .select .reperfor .culture-list li{ width: 100%;}
    html .content .container .select .reperfor .culture-list li:nth-child(2n) .pic{ float: right;}
    html .content .container .select .reperfor .culture-list li:nth-child(2n 1) .pic{ float: left;}
    html .content .container .select .reperfor .culture-list li .cont { padding: 30px;}
    html .content .container .select .reperfor .culture-list li .cont .tit{ padding-bottom: 0;}
    html .content .container .select .reperfor ul li img{ height: auto;}


    /*发展历程*/
    html .develop-year { width: 80%;}
    html .gr-develop .prev-btn,html .gr-develop .next-btn{ width: 8%; background-size: contain;}
    html .develop-content{ height: 320px;}
    html .develop-content .item-list .item{ width: 320px; height: 320px;}
    html .develop-content .item-list .item img{ width: 100%;}
    html .develop-content .item-list .item .cont .tit{ font-size: 16px;}


    /*加入我们*/
    html .content .container>.select>.right-cly .join-intro{ padding-top: 30px !important; padding-bottom: 30px !important;}
    html .content .container .select .reperfor .com-title { padding-bottom: 40px;}
    html .content .container .select .reperfor .com-title .tit-cn p { font-size: 20px;}
    html .content .container .select .reperfor .com-title .tit-des {      margin-top: 20px;font-size: 14px;color: #666;line-height: 1.75;;}

    html .join-intro-list .item {
        margin-bottom: 15px;
    }
    html  .join-intro-list .item .cont{ padding:25px 15px;}

    html  .join-intro-list .item .cont .tit { font-size: 16px; margin-bottom: 15px; padding-bottom: 15px; }
    html  .join-intro-list .item .cont .title-line{ position: relative;}
    html  .join-intro-list .item .cont .title-line:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 2px;
        background: #888;
    }
    html  .join-intro-list .item .cont p{ font-size: 14px; margin: 0; padding: 0; }

    html .com-pic-cont .pic { width: 100%;}

    html .com-pic-cont .cont { width: 100%;}


    html  .content .container .select .reperfor .join-step{ padding-top: 30px !important; }

    html  .content .container .select .reperfor .com-title .tit-cn{ font-size: 24px;}
    html  .content .container .select .reperfor .join-step-list{ padding: 0;}
    html  .content .container .select .reperfor .join-step-list li {
        height: 40px;
        line-height: 40px;
        position: relative;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #e7e7e7;
        padding: 0 15px;
    }
    
    html  .content .container .select .reperfor .join-step-list li .num {
        position: absolute;
        left: 15px;
        top: 6px;
        display: inline-block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        color: #fff;
        background: #666666;
        border-radius: 50%;
    }

    html  .content .container .select .reperfor .job-fuli-list{  margin-bottom: 15px; border: none; margin: 0 !important; }
    
    html  .content .container .select .reperfor .job-fuli-list li {
        position: relative;
        border: 1px solid #dedede;
        padding: 28px 15px 15px;
        margin-bottom: 30px;
        text-align: center;
    }
    html  .content .container .select .reperfor .join-step-list li .tit{ position: initial !important; line-height: 1 !important; height: auto !important; border: none !important; }
    html  .content .container .select .reperfor .join-step-list li .tit span { width: 100%; font-size: 16px; }
    html .content .container .select .reperfor .join-step-list li .num {
 
        font-size: 100%;
    }
    html  .content .container .select .reperfor .join-step-list li .num span{ font-size: 100%;}
    html .content .container .select .reperfor .join-step-list li .num:before{ display: none;}
    html  .content .container .select .reperfor .job-fuli-list li .tit { 
        font-size: 16px;
        color: #333;
        margin-bottom: 10px;
    }

    html .content .container .select .reperfor .job-fuli{ padding: 0 !important; padding-top: 30px !important; margin: 0 !important;}
    html .content .container .select .reperfor .job-fuli-list li{ width: 100%; height: auto;}
    
    




    /* 案例展示 */
    html .content .rowsing .run-slider .border {width: 100%; height: auto;}
    html .content .rowsing .run-slider .imgmedium {width: 100%; height: auto;}
    html .content .rowsing .run-slider .mediumcontainer{ width: 100%; height: auto;}
    html .content .rowsing .run-slider .mediumcontainer img { width: 100%; height: auto;}


    /* 内页banner */
    html .content .banner { height: 220px;}
    html .content .banner .postions .typepage{ bottom: 150px;}

}