@charset "utf-8";
/* CSS Document */


/**范围:首页*/
.hScroll_add{position:absolute; width:46px; height:46px; left:0; right:0; bottom:-300px; margin:auto; z-index: 8; transition:bottom 0.8s;}
.hScroll_add.on{bottom:80px;}
.hScroll_add span{font-size:46px; color:#fff; opacity:0.6; cursor:pointer; transition:all 0.6s;}
.hScroll_add:hover span{opacity:1;}

.hBanner{position:absolute; top:0px; bottom:0px; z-index: 1; width:100%; height:100%;}
.hBanner .swiper-container,.hBanner .swiper-wrapper{height:100%;}
.hBanner .swiper-wrapper .swiper-slide a{display:block; width: 100%; height: 100%; background-size:cover !important; background-position: center !important;}

.hBanner .swiper-button-prev,.hBanner .swiper-button-next{width:2rem; height:2rem; top:46%; color:#fff; font-size:1.6rem; background:none;}
.hBanner .swiper-button-prev{left:0.8rem;}
.hBanner .swiper-button-next{right:0.8rem;}




/*范围:about*/
.about .left{}
.about .left .content{padding-top:1rem; font-size:0.7rem; line-height:1.2rem; color:#6b6b6b;}
.about .left .content img{max-width:100%;}
.about .right{margin-top:0.5rem;}
.about .right img{width:100%;}

/*范围:organization*/
.organization .build{text-align:center;}
.organization .build img{max-width:80%;}

/*范围:honour*/
.honour .box{overflow:hidden; margin-top:1rem;}
.honour .box a{display:block; float:left; width:47%; height:5.6rem; margin:1.5%; overflow:hidden;}
.honour .box a i{display:block; width:100%; height:100%; position:relative; top:0; left:0; background-position:center !important; background-size:cover !important; transition:all 0.5s;}
.honour .box a:hover{box-shadow: 0 0 20px rgba(102,102,102,0.3);}
.honour .box a:hover i{width:104%; height:104%; top:-1%; left:-2%;}
.honour .box a img{width:100%;}
.honour .line{padding-top:1rem;}

/********科技成果*********/
.technology2 .content{padding-top:1rem !important;}
.technology2 .line{padding-top:1rem;}

.technology2 .about_table .row{overflow:hidden;}
.technology2 .about_table .row span{width:25%; display:block; float:left; text-align:center; line-height: 1.8rem;}
.technology2 .about_table .row span:nth-child(1){width:12%;}
.technology2 .about_table .row span:nth-child(2){width:40%;}
.technology2 .about_table .row span:nth-child(3){width:24%;}
.technology2 .about_table .row span:nth-child(4){width:24%;}
.technology2 .about_table .title .row{background:#959595; color:#e6e6e6; font-size:0.6rem;}
.technology2 .about_table .text .row{background:#f0f0f0; color:#999; font-size:0.6rem; transition:background 0.5s;}
.technology2 .about_table .text .bar{height:0; line-height: 1.8rem; overflow:hidden; padding:0 20px; background:#f9f9f9; color:#aaa; font-size:0.6rem; transition:all 0.5s;}
.technology2 .about_table .text.on .row{background:#e5e5e5;}
.technology2 .about_table .text.on .bar{height:1.8rem;}

/*范围:news*/
.news .news_list{border-top:0.025rem solid #959595; border-bottom:0.025rem solid #959595; margin-top:1rem;}
.news .news_list a{display:flex; padding:0.8rem 0; margin:1rem 0; align-items: center;}
.news .news_list .time{flex:1; color:#bdbdbd; font-size:0.7rem;}
.news .news_list .text{flex:5; font-size:0.75rem; color:#5c5c5c; line-height: 0.9rem; padding-left:1rem; border-left:1px solid #959595;}
.news .line{padding:1.5rem 0;}

.newsPage{background:#f7f7f7;}
.newsPage .title{overflow:hidden;}
.newsPage .title span{width:30%; display:inline-block; font-size:1rem; color:#666; line-height: 2rem;}
.newsPage .title span.on, .newsPage .title span.on{color:#5c5c5c; border-bottom:2px solid #5c5c5c;}
.newsPage .title .back{font-size:0.8rem; float:right; line-height: 2rem;}
.newsPage .title .arrow{font-family:'宋体'}
.newsPage .h1{color:#7b7c7c; font-size:0.8rem; text-align:center; line-height: 2rem;}
.newsPage .content{font-size:13px; color:#a7a7a7; line-height: 24px;}
.newsPage .content img{max-width:100%;}

/*recruit 通用*/
.recruit{background:url(../img/recruit.jpg) center bottom no-repeat; background-size:cover;}
.recruit .title{text-align:center; font-size:0.9rem; }
.recruit .title a{display:inline-block; padding:0.2rem 0.4rem; margin:0.1rem 0;}
.recruit .title a.on{background:#aabe94; color:#fff;}
.recruit .subBox{margin-top:1.2rem;}
.recruit .hd{width:100%; line-height: 1.8rem; height:1.8rem; background:#e0e0df; position:relative;}
.recruit .hd .downPull{width:2.2rem; height:1.8rem; position:absolute; top:0; right:0; line-height: 1.8rem; text-align: center; background:#839572;}
.recruit .hd .downPull i{color:#fff; font-size:1.2rem; transform: rotate(90deg); position:absolute; left:0.5rem;}
.recruit .hd .hdTitle{font-size:0.8rem;}
.recruit .hd .hdTitle span{display:block; padding:0 3rem 0 0.5rem;}
.recruit .hd .hdList{font-size:0.8rem; background:#ececec; height:0px; overflow:hidden; transition:height 0.5s;}
.recruit .hd .hdList a{display:block; border-top:1px solid #d4d4d4; padding:0 3rem 0 0.5rem;}


.recruit .bd{padding:1rem 0.2rem 0; color:#545454;}
.recruit .bd .stitle{font-size:0.8rem; line-height: 2rem; font-weight:bold;}
.recruit .bd .text{font-size:0.7rem; line-height: 1.2rem; color:#666; letter-spacing:1px; height:0; opacity:0; transition:opacity 1.5s;}
.recruit .bd .text.on{opacity:1; height:auto;}


/**范围:worker*/
.worker{position:absolute; top:60px; bottom:0px; z-index: 1; width:100%; height:100%;}
.wBanner{position:relative; z-index: 1; width:100%; height:100%;}
.wBanner .img,.wBanner .img a{display:block; width:100%; height:100%;}
.wBanner .img{position:relative;}
.wBanner .img a{background-size:cover !important; background-position:center !important; position:absolute; z-index: 1; opacity: 0; transition:all 0.8s;}
.wBanner .img a.on{z-index: 2; opacity: 1;}

.wBox{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; transition:left 0.5s;}
.wBox .swiper-container{width:100%; height:100%;}
.wBox .swiper-slide{width:100px; height:100%; box-sizing:border-box; border-right:1px solid #fff; position:relative; text-align:center;}
.wBox .swiper-slide .bg{width:100%; height: 100%; background:rgba(0,0,0,0.4); transition:all 0.3s;}
.wBox .swiper-slide .text{display:block; height:20rem; width:100%; position:absolute; bottom:1rem; transition:height 0.5s;}
.wBox .swiper-slide .text span{writing-mode: vertical-rl;  writing-mode: tb-rl; color:#fff; margin: 0 auto; text-align:left;}
.wBox .swiper-slide .text span i{font-size:0.7rem; line-height: 1rem;}
.wBox .swiper-slide .text span em{font-size:2rem; line-height: 1.6rem; letter-spacing: 0.2rem;}
.wBox .swiper-slide.on .bg{width:0%;}
.wBox .swiper-slide.on .text{height:18rem;}

/*worker项目列表*/
.workerList{}
.workerList .menu{width:100%; position:relative;}
.workerList .title p{display:block; font-size:0.9rem; color:#5d5d5d; line-height: 0.9rem; padding-left:1rem;}
.workerList .title p em,.workerList .menu p i{padding:0 0.3rem; display:inline-block;}
.workerList .title p em{border-left:1px solid #666;}
.workerList .title a{position:absolute; top:0.2rem; left:0; width:1.5rem; height:0.7rem; line-height: 0.7rem; }
.workerList .title a i{font-size:0.7rem; color:#333; position:absolute; left:0; top:0;}
.workerList .title a i:nth-child(2n){left:0.3rem;}

.workerList .search{width:100%;}
.workerList .search .sbg{width:100%; height:1.8rem; background:#cecece; border-radius:0.3rem; display:flex;}
.workerList .search .sbg input{flex:1; line-height: 1.8rem; background:transparent; text-indent:0.7rem; font-size:0.8rem;}
.workerList .search .sbg .sbtn{width:1.8rem; line-height: 1.8rem; font-size:1rem; color:#fff; cursor:pointer; transition:width 0.5s;}
.workerList .search .sbg .sbtn:hover{width:2.5rem;}
.workerList .searchText{width:100%; line-height:1.6rem; font-size:0.65rem; color:#737373;}

.workerList .box{overflow:hidden; margin-top:1rem;}
.workerList .box a{display:block; position:relative; float:left; width:47%; height:5.6rem; margin:1.5%; overflow:hidden;}
.workerList .box a i{display:block; width:100%; height:100%; position:relative; top:0; left:0; transition:all 0.5s;}
.workerList .box a img{width:100%; height:100%;}
.workerList .box a span{display:table; position:absolute; left:0; bottom:0; width:100%; height:1.2rem; z-index: 1; background:rgba(0,0,0,0.6);}
.workerList .box a span em{display:table-cell; vertical-align: middle; color:#fff; font-size:0.6rem; padding:0 0.3rem;}
.workerList .line{padding-top:20px;}


/*worker项目详情*/
.workerShow{}
.workerShow .title{line-height:1.5rem;}
.workerShow .title a{display:block; font-size:0.9rem; color:#666; padding-bottom:0.5rem;}
.workerShow .title a em{padding-left:1.2rem;}
.workerShow .title a i{font-size:0.7rem; color:#333; position:absolute; left:0.2rem;}
.workerShow .title p{display:block; font-size:0.9rem; color:#5d5d5d; line-height: 0.9rem;}
.workerShow .title p em,.workerShow .title p i{padding:0 0.4rem; height:0.9rem; display:inline-block;}
.workerShow .title p em{border-left:1px solid #666;}

.workerShow .box{padding:2rem 1.2rem;}
.workerShow .content{border-left:0.1rem solid #666; padding-left:0.8rem; overflow:hidden;}
.workerShow .content .title{font-size:0.8rem; color:#333; line-height: 1rem; font-weight:bold; letter-spacing: 2px;}
.workerShow .content .text{font-size:0.7rem; color:#666; line-height: 1.1rem; letter-spacing: 1px; padding-top:0.5rem;}

.wScroll{height:10rem;}
.wScroll .swiper-button-prev,
.wScroll .swiper-button-next{width:1.6rem; height:1.6rem; line-height: 1.6rem; top:45%; color:#fff; font-size:1.2rem; text-align:center; background:rgba(0,0,0,0.3); }
.wScroll .swiper-button-prev{left:0%;}
.wScroll .swiper-button-next{right:0%;}
.wScroll .swiper-wrapper .swiper-slide{overflow:hidden; box-sizing:border-box; width:auto;}
.wScroll .swiper-wrapper .swiper-slide img{height:100%;}

.wsButton{width:100%; overflow:hidden; padding:40px 0; text-align:center;}
.wsButton div{display:inline-block; width:64px; height:64px; border:1px solid #fff; overflow:hidden; background-size:cover !important; cursor:pointer;}
.wsButton div:hover,.wsButton div.on{box-shadow: 0 0 20px rgba(102,102,102,0.3);}