@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: 2rem;
    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: .875rem;
}
.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: auto;
}
.cp .p-wenzi{
    padding:1.5625rem 0;
}
.cp .p-wenzi h1{
    font-size: 0.9375rem;
    color: #444;
    font-weight: normal;
}
.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: .75rem;
    color: #999;
    margin-top: 1rem;
    -webkit-line-clamp: 14;
}
.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: 210px;
}
.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(img/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: auto;
}
.team .item-b{
    padding: 1.25rem 1rem;
    text-align: left;
    position: relative;
}
.team .item-b h1{
    font-size: 1rem;
    font-weight: normal;
    color: #444;
}
.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);
}
/* shownews*/
.vtitle{ font-size:22px; line-height:30px; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; ; margin-bottom:10px; padding:4px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:180%; padding:10px 10px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; margin:10px;}