@charset "utf-8";

/* CSS Document */



/* banner */

.banner{

    width: 100%;

    height: 43.75rem;

}

.bannerbox{

    position: relative;

    width: inherit;

    height: inherit;

}

.swiper1 .swiper-wrapper{

    z-index: -1;

}

.swiper1 .arr{

    position: absolute;

    width: 1.875rem;

    height: 1.875rem;

    line-height: 1.875rem;

    background: rgba(255, 255, 255, .7);

    top: 50%;

    border-radius: 50%;

    z-index: 50;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.swiper1 .arr .ro{

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.swiper1 .arr .iconjiantouzuoxiao{

    font-size: 0.625rem;

    color: #444;

    z-index: 80;

}

.swiper-button-next:after{

    content: "" !important;

}

.swiper-button-prev:after{

    content: "" !important;

}

.swiper1 .swiper-slide{

    position: relative;

}

.swiper1 .swiper-slide .wenzi{

    z-index: 1;

    position: absolute;

    left: 15%;

    top: 35%;

    -webkit-transform: translateX(-35%);

    -moz-transform: translateX(-35%);

    -ms-transform: translateX(-35%);

    -o-transform: translateX(-35%);

    transform: translateX(-35%);

}

.swiper1 .swiper-slide .wenzi p{

    font-size: 2.5rem;

    color: #fff;

}

.swiper1 .swiper-slide .wenzi .yw{

    font-family: Bookman Old Style;

    font-size: 2.5rem;

    margin-bottom: 1rem;

    color: rgba(255, 255, 255, .6);

}

.swiper1 .slide-pic{

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    transition:1s linear 2s;

}

.swiper1 .swiper-slide-active .slide-pic,.swiper1 .swiper-slide-duplicate-active .slide-pic{

    transition:8s linear;

    transform:scale(1.1,1.1);

}

.swiper1 .swiper-pagination{

    position: absolute;

    bottom:2rem !important;

    left: 50% !important;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}

.swiper1 .swiper-pagination-bullet{

    height: .25rem;

    width:1.875rem;

    margin: .625rem;

    border-radius: 0;

    background:rgba(255, 255, 255, .6) ;

}

.swiper1 .swiper-pagination-bullet-active{

    background:rgba(255, 255, 255, .8) ;

}

.swiper1 .arr:hover{

    background: rgba(255, 255, 255, 1)

}



/* 产品展示 */

.product{

    margin-top:2.5rem;

    margin-bottom: 5rem;

}

.tit{

    width: 100%;

    margin-bottom: 1.25rem;

}

.tit-l{

    flex: 1;

    text-align: left;

}

.tit-l h1{

    font-size: 1.5rem;

    color: #444;

    font-weight: normal;

}

.tit-l h6{

    font-size: .875rem;

    color: #999;

    font-weight: normal;

}



.tlt-r ul li{

    text-indent: 0.5rem;

    position: relative;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.tlt-r ul li a{

    color:#999;

    font-size: .8rem;

}

.tlt-r ul li a.active{

    color: #444;

}

.tlt-r ul li a:hover{

    color: #444;

}

.tlt-r ul li a::before{

    content: "";

    position: absolute;

    top: 50%;

    left: 30%;

    display: block;

    opacity: 0;

    /* width: 1rem; */

    height: .125rem;

    background: #999;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.tlt-r ul li a.active::before{

    width: 1rem;

    opacity: 1;

    margin-left: -.5rem;

}

.tlt-r ul li a:hover::before{

    width: 1rem;

    opacity: 1;

}

.tlt-r ul li:hover{

    text-indent: 3rem;

}

.cp{

    width: 100%;

}

.cp .cpbox{

    margin: 0 -1.25rem;

}

.cp .item{

    width: 33.33%;

    padding: 1.25rem;

}

.cp .p-picbox{

    overflow: hidden;

}



.cp .p-picbox img{max-width: 100%; height: 130px;}

@media (min-width: 640px){
    .cp .p-picbox img{max-width: 100%; width:373px; height: 260px;}
}




.cp .p-wenzi{

    padding:1.5625rem 0;

}

.cp .p-wenzi h1{

    font-size: 0.9rem;

    color: #444;

    font-weight: normal;
    text-align: center;

}

.cp .p-wenzi p span{

    font-size: 0.75rem;

    color: #999;

}

.cp .xg::after{

    content: "|";

    padding: .2rem;

}

.cp .item::after{

    content: "";

    display: block;

    width: 0;

    height: .0625rem;

    background: #d9d9d9;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.cp .cpbox .item:hover .p-wenzi{

    margin-left: .75rem;

}

.cp .cpbox .item:hover::after{

    width: 100%;

}

.cp .cpbox .item:hover .p-picbox img{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}

.more{

    justify-content: center;

    line-height: 1rem;

    margin-top: 1rem;

    position: relative;

}

.more p,.more .iconjiantouzuoxiao{

    color: #999;

    font-size: .875rem;

}

.more p{

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.more .iconjiantouzuoxiao{

    /* opacity: 0;

    margin-left: -1rem; */

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.more::before{

    content: "";

    position: absolute;

    top: 50%;

    left:48%;

    opacity: 0;

    /* width: 1rem; */

    height: .1rem;

    background: #999;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.more:hover:before{

    width: 1rem;

    opacity: 1;

}

.more:hover p{

    text-indent: 2.5rem;

}

.more:hover p,.more:hover .iconjiantouzuoxiao{

    color: #808080;

}



/* 关于我们 */

.about{

    background: #f6f6f6;

    width: 100%;

    position: relative;

    padding-bottom: 6rem;

}

.aboutbox{

    padding:5rem 0;

    justify-content: space-around;

}

.aboutbox .a-pic{

    /* width: 60%; */

    width: calc(100% - 24rem);

    position: relative;

}

.about .picbox1{

    width: 100%;

    height: 100%;

}

.about .a-picbox::after{

    content: "";

    border: .0625rem solid #fff;

    z-index: 3;

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.about .a-picbox{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;



    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    z-index: 2;

}

.about .a-picyy{

    position: absolute;

    top:10%;

    left:10%;

    width: 100%;

    height: 25.5rem;

    background: #e7e7e7;

    z-index: 1;

}

.about .a-r{

    margin-left: 10%;

    width: calc(100% - 24rem);

}

.about .a-tit{

    text-align: left;

    padding-bottom:1.25rem;

}

.about .a-tit::after{

    content: "";

    display: block;

    width: 1.5625rem;

    height: .125rem;

    margin-top: 1.25rem;

    background: #e0e0e0;

}

.about .a-tit h1{

    font-size: 1.5rem;

    color: #444;

    font-weight: normal;

}

.about .a-tit p{

    font-size: .875rem;

    color: #999;

}

.about .js h6{

    font-size: 1rem;

    font-weight: normal;

    color: #444;

}

.about .js p{

    font-size: .95rem;

    color: #999;

    margin-top: 1rem;

    -webkit-line-clamp: 14;
    line-height: 30px;

}

.about .lj{

    width: calc(100% - 13rem)

}

.about .lj span,.about .lj .iconjiantouzuoxiao{

    font-size: .875rem;

    color: #999;

    line-height: 1rem;

    margin-top: 2rem;

}

.about .lj span{

    position: relative;

}

.about .lj .iconjiantouzuoxiao{

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.about .a-pic:hover .a-picbox::after{

    opacity: .8;

    -webkit-transform: scale(.9);

    -moz-transform: scale(.9);

    -ms-transform: scale(.9);

    -o-transform: scale(.9);

    transform: scale(.9);

}

.about .lj span::before{

    content: "";

    position: absolute;

    top: 50%;

    display: block;

    width: 0rem;

    height: .125rem;

    opacity:0;

    background: #999;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.about .js:hover span::before{

    width: 1rem;

    opacity:1;

}

.about .js:hover span{

    text-indent: 1.5rem;

}

.about .lj:hover span,.about .lj:hover .iconjiantouzuoxiao{

    color: #808080;

}

.zb{

    position: absolute;

    top: 86%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    background: #fff;

    box-shadow: 0 .5rem 1.2rem rgba(0, 0, 0, .05);

}

.zbbox{

    justify-content: center;

}

.zbbox .shuzi{

    padding: 2.5rem 4rem;

}

.zbbox .num,.zbbox h1{

    font-size: 3rem;

    color: #808080;

    font-weight: normal;

}

.zbbox span{

    font-size: .875rem;

    color: #808080;

    font-weight: normal;

}

.zbbox p{

    font-size: .875rem;

    color: #999;

}

/* 新闻展示 */

.news{

    margin:10rem 0 1.25rem;

}

.newsbox .tlt-r ul li a::before{

    left:20%

}

.newsbox .n-lb{

    margin-top: 2.5rem;

}

.newsbox .n-lbbox{

    margin:0 -1.25rem;

}

.newsbox .n-item{

    padding: 1.25rem;

    width: 50%;

}

.newsbox .n-il{

    overflow: hidden;

}

.newsbox .n-il img{

    max-width: 100%;

    height: auto;

}

.newsbox .n-item::after{

    content: "";

    display: block;

    width: 0;

    opacity: 0;

    height: .0625rem;

    margin-top: 2.5rem;

    background: #d9d9d9;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.newsbox .n-itembox{

    justify-content: space-between;

}



.newsbox .n-ir{

    width: 60%;

    padding: 1.25rem;

    flex-direction: column;

    justify-content: space-between;

}

.newsbox .n-ir h1{

    font-size: 1rem;

    color: #444;

    font-weight: normal;

}

.newsbox .n-ir p{

    font-size: .75rem;

    color: #999;

    line-height: 1.25rem;

}

.newsbox .sj{

    font-size: .75rem;

    color: #999;

}

.newsbox .sj span:last-child{

    color: #ccc;

}

.newsbox .n-item:hover::after{

    width: 100%;

    opacity: 1;

}

.newsbox .n-itembox:hover .n-ir{

    padding-left: 1.5rem;

}

.newsbox .n-itembox:hover .n-il img{

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}

/* 团队介绍 */

.team{

    width: 100%;

    margin-top: 3.75rem;

    padding: 3.2rem 0;

    background: url(../images/in-team-ny.jpg) no-repeat fixed center;

    background-size: cover;

}

.team .tit .tit-l{

    text-align: center;

}

.team .t-lb{

    margin: 5rem 0 3.75rem;

}

.team .t-lbbox{

    margin: 0 -.625rem;

}

.team .item{

    padding: .625rem;

    width: 25%;

}

.team .itembox {

    background: #fff;

    display: block;

}

.team .item-t{

    overflow: hidden;

}



.team .item-t img{ max-width: 100%; height: 134px;}

@media (min-width: 640px){
    .team .item-t img{ max-width: 100%; height: 215px;}
}



.team .item-b{

    padding: 1.25rem 1rem;

    text-align: left;

    position: relative;

}

.team .item-b h1{

    font-size: .9rem;

    font-weight: normal;

    color: #444;
    text-align: center;

}

.team .item-b span{

    font-size: .75rem;

    color: #999;

    line-height: 2rem;

    display: inline-block;

}

.team .item-b p{

    font-size: .75rem;

    color: #808080;

    line-height: 1.1rem;

}

.team .item-b::before{

    content: "";

    position: absolute;

    top: 20%;

    left: -5%;

    opacity: 0;

    /* width: 1rem; */

    height: .1rem;

    background: #999;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -ms-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

.team .itembox:hover .item-b::before{

    width: 2rem;

    opacity: 1;

}

.team .itembox:hover .item-b h1{

    text-indent: 1rem;

}

.team .itembox:hover .item-t img{

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}