/* -- 页首导航 -- */
.header{position:fixed;top:0px;z-index:60;width:100%;background:rgba(255,255,255,0);opacity:1;-webkit-transition:all .3s;transition:all .3s;}
.header-sticky{ height: 90px; }
.header-wrap{ height: 90px;display: flex; align-items: center; justify-content: space-between; }
.header .logo{display:inline-block;position: relative; z-index: 60;font-size: 0; width:140px;}
.header .lang{ color: rgba(0,0,0,.6); position: relative; z-index: 60; font-size: 14px;font-family: 'SourceHanSansCN-Bold';}
.header .lang:hover{ color: #000; }
.header.on{background:rgba(255,255,255,.9); border-bottom: 1px solid #ddd;}
body.menuph-active{overflow:hidden;width:100%}
body.menuph-active .header{border-bottom:none;background:#fff;}
.header-menu-wrap{position:fixed;top:90px;left:0;z-index:67;overflow:hidden;width:0;height:calc(100vh - 80px);background:rgba(255,255,255,0);color:#000;opacity:0;-webkit-transition:all .5s;transition:all .5s;}
.header-menu-wrap.open{width:100%;opacity:1;}
.header-menu-wrap .menu-wrap__box{position:absolute;top:50%;left:50%;width:600px;transform:translate(-50%,-50%);}
.header-menu-wrap ul{}
.header-menu-wrap ul li{margin-bottom:1.5rem;width:100%;}
.header-menu-wrap ul li:last-child{margin-bottom:0;}
.header-menu-wrap ul li span{display:inline-block;}
.header-menu-wrap ul li a.one{  display:inline-block;font-family: 'SourceHanSansCN-Medium'; position:relative;color:#333;text-align:left;font-size:26px;}
.header-menu-wrap ul li a.one:before{display: inline-block; width: 0px; position: absolute; bottom:-5px; height:2px; background: #888; content: ""; transition: all .4s cubic-bezier(.35,.45,.55,1);}
.header-menu-wrap ul li a.one.active:before,
.header-menu-wrap ul li a.one:hover:before{width:100%;}
.header-menu-wrap ul li a.one.active ~ .children{display: block;}
.header-menu-wrap ul li .children{font-size: 0; margin-top: 40px;;margin-bottom: 12px; display:none; }
.header-menu-wrap ul li .children a.two{ vertical-align:middle; font-size: 18px; color: #000; font-family: 'SourceHanSansCN-Light';  position: relative;display:inline-block;}
.header-menu-wrap ul li .children a.two:before{display: inline-block; width: 0px; position: absolute; bottom:-5px; height:2px; background: #888; content: ""; transition: all .4s cubic-bezier(.35,.45,.55,1);}
.header-menu-wrap ul li .children a.two.active:before,
.header-menu-wrap ul li .children a.two:hover:before{width:100%;}
.header-menu-wrap ul li .children span.divider{display: inline-block;vertical-align:middle;height:18px; width:1px;background-color:#888;margin:0 11px;}
@media screen and (max-width:768px){
    .header-wrap{ height:60px;}
    .header-sticky{ height:60px; }
    .header .logo{width:120px;}
    .header-menu-wrap{top:60px;left: -100%;width:100%;height: calc(100vh - 60px);}
    .header-menu-wrap.open{left:0;}
    .header-menu-wrap .menu-wrap__box{width: 100%; position: relative; left: 0; top: 0px; transform: none; height: 100%; margin: 0 auto; padding:32px; box-sizing: border-box; overflow-y: auto;}
    .header-menu-wrap ul{}
    .header-menu-wrap ul li a.one{font-size:18px;}
    .header-menu-wrap ul li .children { margin-top: 20px; }
}
.menuph{position:relative;z-index:60;width:20px;text-align:center;cursor:pointer;font-size: 0;}
.menuph .point{position:relative;z-index:2;display:inline-block;width:20px;height:20px;top: -4px;}
.menuph .point:hover .navbtn,.menuph .point:hover .navbtn::after,.menuph .point:hover .navbtn::before{width:20px;}
.menuph .navbtn{position:absolute;top:13px;right:0;display:inline-block;width:13px;height:2px;background:#000;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;}
.menuph .navbtn::after,.menuph .navbtn::before{position:absolute;right:0;display:inline-block;width:20px;height:2px;background:#000;content:'';-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;}
.menuph .navbtn::after{top:-7px;}
.menuph .navbtn::before{top:7px;}
.menuph.active .point .navbtn{background:0 0;}
.menuph.active .point .navbtn::after{top:0;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuph.active .point .navbtn::before{top:0;background:#333;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.menuph .c-circle-overlay,.menuph .c-circle-overlay--black{position:absolute;top:50%;left:50%;z-index:1;width:6px;height:6px;}
.menuph .c-circle-overlay span{background-color:#fff;-webkit-transition:-webkit-transform .5s ease-in-out 0s;transition:-webkit-transform .5s ease-in-out 0s;transition:transform .5s ease-in-out 0s;transition:transform .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;}
.menuph .c-circle-overlay--black span{background-color:#000;-webkit-transition:-webkit-transform .5s ease-in-out .2s;transition:-webkit-transform .5s ease-in-out .2s;transition:transform .5s ease-in-out .2s;transition:transform .5s ease-in-out .2s,-webkit-transform .5s ease-in-out .2s;}
.menuph .c-circle-overlay span,.menuph .c-circle-overlay--black span{position:absolute;top:calc(-2500px + 3px);left:calc(-2500px + 3px);width:5000px;height:5000px;border-radius:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
.menuph.active .c-circle-overlay span,.menuph.active .c-circle-overlay--black span{-webkit-transform:scale(1);transform:scale(1);}
.menuph.active .c-circle-overlay--black span{-webkit-transition:-webkit-transform .5s ease-in-out 0s;transition:-webkit-transform .5s ease-in-out 0s;transition:transform .5s ease-in-out 0s;transition:transform .5s ease-in-out 0s,-webkit-transform .5s ease-in-out 0s;}
.menuph.active .c-circle-overlay span{-webkit-transition:-webkit-transform .5s ease-in-out .2s;transition:-webkit-transform .5s ease-in-out .2s;transition:transform .5s ease-in-out .2s;transition:transform .5s ease-in-out .2s,-webkit-transform .5s ease-in-out .2s;}
@media screen and (max-width:990px){
    .menuph .c-circle-overlay,.menuph .c-circle-overlay--black{display:none;}
    .header-menu-wrap.open{background:#fff;}
}
@media screen and (max-width:480px){
    .menuph{right:0;}
}


/* -- 首页幻灯片 -- */
.home-swiper{width: 100%;height: 100vh;background:#ccc;position: relative;overflow: hidden;}
.home-swiper .slide-item{ position: relative; }
.home-swiper .slide-item.mlayer::before{ content: ''; opacity: 0.6; position: absolute; left: 0;top: 0; width: 100%;height: 100vh;background:#ccc;}
.home-swiper .slide-item .video{object-fit: cover;background:#000; display: block; width: 100%;height: 100vh;}
.home-swiper .slide-item .video:focus {outline: none;}
.home-swiper .slide-item img{width: 100%;height: 100vh; background-size: cover; background-repeat: no-repeat;background-position: center;}
.home-swiper .slide-item .video{display: block;}
.home-swiper .slide-item img.pc{display: block;}
.home-swiper .slide-item img.mobile{display: none;}
.home-swiper .slide-item .wrap{ height: 100%; position: relative;  display: flex; justify-content: center; align-items: center; }
.home-swiper .slide-item .slide-info{z-index: 2; top: 0; left: 0; position: absolute; width:100%;height: 100%;}
.home-swiper .slide-item .slide-info .info-box{margin: auto; text-align: center; }
.home-swiper .slide-item .slide-info .info-box h1{font-family: "SourceHanSansCN-Regular";display: inline-block; font-size: 42px; color:white; text-shadow:1px 1px #8e8e8e;line-height: 100%;}
.home-swiper .slide-item .slide-info .info-box .desc{font-size:22px; margin-top:10px;line-height:36px;color:#000;color: white;text-shadow:1px 1px #8e8e8e;}
.home-swiper .slide-item .slide-info .info-box .more{background-color: #878787; font-size: 12px; margin-top: 24px; padding: 0 15px; line-height: 36px; border-radius: 5px; text-align: center; color: white; display: inline-block;text-shadow: 1px 1px #8e8e8e; cursor: pointer;}
.home-swiper .slide-item .slide-info .info-box .more:hover{ background-color:#bbb ; }
.home-swiper .slide-item.swiper-slide-active .slide-info .info-box .desc{opacity: 1; -webkit-animation: fadeInRight 1s; -moz-animation: fadeInRight 1s; animation: fadeInRight 1s; transition: all 0.5s; -webkit-transition: all 0.5s;}
.home-swiper .slide-item.swiper-slide-active .slide-info .info-box h1,
.home-swiper .slide-item.swiper-slide-active .slide-info .info-box .more{opacity: 1; -webkit-animation: fadeInLeft 1s; -moz-animation: fadeInLeft 1s; animation: fadeInLeft 1s; transition: all 0.5s; -webkit-transition: all 0.5s;}
.home-swiper .swiper-pagination-progressbar{ background: rgba(255,255,255,.8); }
.home-swiper .swiper-pagination-progressbar:after{position: relative;}
@media screen and (max-width:768px) {
    .home-swiper .slide-item .video,
    .home-swiper .slide-item img.pc{display: none;}
    .home-swiper .slide-item img.mobile{display: block;}
    .home-swiper .slide-item .slide-info .info-box h1{font-size: 32px;}
    .home-swiper .slide-item .slide-info .info-box .desc{font-size:18px; line-height: 32px;}
    .home-swiper .slide-item .slide-info .info-box .more-btn{margin-top:32px;}
}


.home-product-swiper{ padding: 155px 0; }
.home-product-swiper .product-swiper-box{position: relative; }
.home-product-swiper .product-swiper{ width: 425px; max-width: 100%; margin:120px auto 0; }
.home-product-swiper .product-swiper .swiper-slide{  width: inherit; cursor: pointer; position: relative; font-size: 0; overflow: hidden; display: inline-block;}
.home-product-swiper .product-swiper .swiper-slide .slide-image{width: inherit; max-height: 425px;}
.home-product-swiper .product-swiper .swiper-slide .slide-image .line-image{ position:absolute;top:0;left:0; }
.home-product-swiper .product-swiper .swiper-slide .slide-image .true-image{opacity: 0;}
.home-product-swiper .product-swiper .swiper-slide:hover .slide-image .line-image{ opacity: 0; }
.home-product-swiper .product-swiper .swiper-slide:hover .slide-image .true-image{ opacity: 1; }
.home-product-swiper .product-swiper .swiper-slide:hover .slide-text{ color: #999; }
.home-product-swiper .product-swiper .swiper-slide .slide-text{ text-align: center; padding: 120px 0 45px; font-size:18px; line-height: 36px; font-family:'SourceHanSansCN-Light'; }

.home-product-swiper .product-swiper-box .swiper-button{position: absolute; width:600px; margin: auto; left: 0; height: 100%; top: 0; right: 0;max-width: 100%;}
.home-product-swiper .product-swiper-box .swiper-button .swiper-button-next,
.home-product-swiper .product-swiper-box .swiper-button .swiper-button-prev{ outline: none; width:42px;height:42px; }
.home-product-swiper .product-swiper-box .swiper-button .swiper-button-next{ right:0; }
.home-product-swiper .product-swiper-box .swiper-button .swiper-button-prev{ left: 0; }
.home-product-swiper .product-swiper-box .swiper-button .swiper-button-next:after,
.home-product-swiper .product-swiper-box .swiper-button .swiper-button-prev:after{ color:#ccc;font-size:24px; text-align: center; }
.home-product-swiper .product-swiper-box .swiper-button .swiper-button-disabled{opacity: .35;}


@media screen and (max-width:768px) {
    .home-product-swiper{padding: 55px 0; }
    .home-product-swiper .product-swiper{margin: 50px auto 0;}
    .home-product-swiper .product-swiper .swiper-slide .slide-image{height:auto;}
    .home-product-swiper .product-swiper .swiper-slide .slide-text{ padding:45px 0 25px; }
    .home-product-swiper .product-swiper-box .swiper-button .swiper-button-next, 
    .home-product-swiper .product-swiper-box .swiper-button .swiper-button-prev { background: white; width:32px;height:32px;}
    .home-product-swiper .product-swiper-box .swiper-button .swiper-button-next:after,
    .home-product-swiper .product-swiper-box .swiper-button .swiper-button-prev:after{color:#666;font-size:18px;}
}


.home-design-wrap{}
.home-design-wrap .design-banner{background-attachment: fixed; background-position: center; background-repeat: no-repeat;background-size: cover; width: 100%; height: 495px; margin: 65px auto 60px;}
.home-design-wrap .text-wrap{}
.home-design-wrap .text-wrap .con-title{font-size:24px;line-height:42px;font-family:'SourceHanSansCN-Medium'; }
.home-design-wrap .text-wrap .con-desc{ font-size:16px;line-height:36px;font-family:'SourceHanSansCN-Light';}
@media screen and (max-width:768px) {
    .home-design-wrap .design-banner{ height:240px; margin: 35px auto 25px;}
    .home-design-wrap .text-wrap .con-title{font-size:18px;}
}


.home-leader-wrap{margin-top: 220px;}
.home-leader-wrap .team-title{text-transform: uppercase; font-size:24px;line-height: 48px; font-family: 'SourceHanSansCN-Medium';width:525px; max-width: 100%;margin: 0 auto 18px; }
.home-leader-wrap .team-leader{ width:800px; padding-left: 138px; max-width: 100%; margin: auto; }
.home-leader-wrap .team-leader .item{ display: flex; justify-content: space-between; margin-bottom:150px; }
.home-leader-wrap .team-leader .item .thumb{ position: relative; flex-shrink:0;width:220px;height:auto;margin-right:85px;font-size:0; }
.home-leader-wrap .team-leader .item .thumb .team-thumb-swiper{ overflow: hidden; }
.home-leader-wrap .team-leader .item .thumb .swiper-button{position: absolute; bottom: 0;right: -32px; width: 64px; height: 32px;}
.home-leader-wrap .team-leader .item .thumb .swiper-button .swiper-button-next,
.home-leader-wrap .team-leader .item .thumb .swiper-button .swiper-button-prev{ outline: none; background: #ddd; top: auto; bottom: 0; width:32px;height: 32px; }
.home-leader-wrap .team-leader .item .thumb .swiper-button .swiper-button-next{ right:0; background-color: #252525;  }
.home-leader-wrap .team-leader .item .thumb .swiper-button .swiper-button-prev{ left: 0; }
.home-leader-wrap .team-leader .item .thumb .swiper-button .swiper-button-next:after,
.home-leader-wrap .team-leader .item .thumb .swiper-button .swiper-button-prev:after{ color: white; font-size:14px; text-align: center; }
.home-leader-wrap .team-leader .item .thumb .swiper-button .swiper-button-disabled{opacity: .85;}
.home-leader-wrap .team-leader .item .info{ width: 100%;overflow: hidden; }
.home-leader-wrap .team-leader .item .info .con-title,
.home-leader-wrap .team-leader .item .info .con-entitle{font-size: 14px;line-height: 20px; font-family: 'SourceHanSansCN-Bold'; }
.home-leader-wrap .team-leader .item .info .con-entitle{margin-bottom:20px;}
.home-leader-wrap .team-leader .item .info .con-desc{ font-size: 14px;line-height: 24px; font-family: 'SourceHanSansCN-Light'; margin-bottom:18px;}
.home-leader-wrap .team-leader .item .info .con-dateil{ font-size: 14px;line-height: 24px; font-family: 'SourceHanSansCN-Light'; }
@media screen and (max-width:768px){
    .home-leader-wrap{margin-top:85px;}
    .home-leader-wrap .team-title{font-size: 18px; }
    .home-leader-wrap .team-leader{padding-left:0;}
    .home-leader-wrap .team-leader .item{display: block;margin-bottom:50px;}
    .home-leader-wrap .team-leader .item .thumb{ margin-right: 24px; }
    .home-leader-wrap .team-leader .item .info{ margin-top:15px }
}



.home-case-wrap{}
.home-case-wrap .case-title{text-transform: uppercase; font-size:24px;line-height: 48px; font-family: 'SourceHanSansCN-Medium';width:525px; max-width: 100%;margin: 0 auto 18px; }
.home-case-wrap .home-case-swiper{position: relative; width: calc(100% - 140px); max-width: 100%; margin: auto; }
.home-case-wrap .case-swiper{ padding-bottom: 45px; }
.home-case-wrap .case-swiper .image{font-size: 0;}
.home-case-wrap .case-swiper .title{ font-size: 14px; line-height:36px ; font-family: 'SourceHanSansCN-Light'; }

.home-case-wrap .home-case-swiper .swiper-button{position: absolute; width:100%; margin: auto; left: 0; height: 100%; top: 0; right: 0;}
.home-case-wrap .home-case-swiper .swiper-button .swiper-button-next,
.home-case-wrap .home-case-swiper .swiper-button .swiper-button-prev{ outline: none; width:42px;height:42px; }
.home-case-wrap .home-case-swiper .swiper-button .swiper-button-next{ right:-46px; }
.home-case-wrap .home-case-swiper .swiper-button .swiper-button-prev{ left:-46px; }
.home-case-wrap .home-case-swiper .swiper-button .swiper-button-next:after,
.home-case-wrap .home-case-swiper .swiper-button .swiper-button-prev:after{ color:#ccc;font-size:24px; text-align: center; }
.home-case-wrap .home-case-swiper .swiper-button .swiper-button-disabled{opacity: .35;}
@media screen and (max-width:768px){
    .home-case-wrap .case-title{font-size: 18px;}
    .home-case-wrap .home-case-swiper{ width: 100%;}
    .home-case-wrap .home-case-swiper .swiper-button .swiper-button-next,
    .home-case-wrap .home-case-swiper .swiper-button .swiper-button-prev{ background: white; width:32px;height:32px; }
    .home-case-wrap .home-case-swiper .swiper-button .swiper-button-next{right:0px;}
    .home-case-wrap .home-case-swiper .swiper-button .swiper-button-prev{left:0px;}
    .home-case-wrap .home-case-swiper .swiper-button .swiper-button-next:after,
    .home-case-wrap .home-case-swiper .swiper-button .swiper-button-prev:after{ color:#666;font-size:16px;}
}


.home-service-wrap{margin-top: 135px;}
.home-service-wrap .box-wrap{width: calc(100% - 140px); max-width: 100%; margin: auto; display: flex;justify-content: space-between;}
.home-service-wrap .box-wrap .box-title{text-transform: uppercase; font-size:24px;line-height: 48px; font-family: 'SourceHanSansCN-Medium';margin: 0 auto 18px;}

.home-service-wrap .box-wrap .service-box{width:calc(100% - 500px); }
.home-service-wrap .box-wrap .service-box .service-item{padding-bottom: 5px;}
.home-service-wrap .box-wrap .service-box .service-item .image{ height: 285px; overflow: hidden;}
.home-service-wrap .box-wrap .service-box .service-item .title{ font-size: 16px; line-height:42px; font-family: 'SourceHanSansCN-Normal'; }
.home-service-wrap .box-wrap .news-box{ width:405px; max-width: 100%; }
.home-service-wrap .box-wrap .news-box .news-swiper .swiper-slide{ padding-bottom:28px; }
.home-service-wrap .box-wrap .news-box .news-swiper .slide-image{ height: 285px;  font-size: 0; }
.home-service-wrap .box-wrap .news-box .news-swiper .slide-text{ margin-top: 10px; font-size: 20px; line-height: 30px; font-family: 'SourceHanSansCN-Light'; }
.home-service-wrap .box-wrap .news-box .news-swiper .slide-date{ margin-top: 15px;font-size: 10px; font-family: "SourceHanSansCN-Bold";}
.home-service-wrap .box-wrap .news-box .news-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;}
@media screen and (max-width:1200px){
    .home-service-wrap .box-wrap .service-box,
    .home-service-wrap .box-wrap .news-box{ width:calc(50% - 15px);}
}
@media screen and (max-width:1024px){
    
}
@media screen and (max-width:768px){
    .home-service-wrap{ margin-top:65px; }
    .home-service-wrap .box-wrap{width:100%; display: block;}
    .home-service-wrap .box-wrap .box-title{ font-size: 18px; }
    .home-service-wrap .box-wrap .service-box{width:100%; margin: 0px;}
    .home-service-wrap .box-wrap .news-box{ width:100%; margin-top: 65px; }
    .home-service-wrap .box-wrap .news-box .news-swiper .slide-text{font-size: 16px;}
}


.home-download-wrap{margin-top:180px; margin-bottom: 100px;}
.home-download-wrap .download-title{text-transform: uppercase; font-size:24px;line-height: 48px; font-family: 'SourceHanSansCN-Medium';width: calc(100% - 140px); max-width: 100%;margin: 0 auto 18px; }
.download-swiper-box{width: calc(100% - 140px); max-width: 100%;margin: 0 auto;}
.home-download-wrap .download-swiper{width:calc(100% - 500px); max-width: 100%;margin:0;}
.home-download-wrap .slide-image{ font-size: 0; }
.home-download-wrap .text-wrap{ display: flex;justify-content: space-between; align-items: center; margin-top: 15px; }
.home-download-wrap .text-wrap .con-desc{ width: calc(100% - 25px); }
.home-download-wrap .text-wrap .con-date{ font-size: 14px; font-family: 'SourceHanSansCN-Regular'; color: #636363; }
.home-download-wrap .text-wrap .con-title{ font-size: 18px;line-height: 24px;font-family: 'SourceHanSansCN-Bold'; }
.home-download-wrap .text-wrap .con-btn{ flex-shrink: 0; background-image: url(../images/icon-download.png); background-repeat: no-repeat;background-position: center;background-size: cover; width: 21px; height: 23px; display: inline-block; }
.home-download-wrap .download-swiper .swiper-horizontal>.swiper-pagination-progressbar, 
.home-download-wrap .download-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal{bottom:60px;}
@media screen and (max-width:768px){
    .home-download-wrap { margin-top:65px; margin-bottom:30px; }
    .home-download-wrap .download-title{ font-size: 18px; width: 100%;}
    .download-swiper-box{width:100%;}
    .home-download-wrap .download-swiper{width:100%;}
    .home-download-wrap .text-wrap .con-title{ font-size:16px;}
}


.swiper-pagination-progressbar{ background: none; }
.swiper-pagination-progressbar:after{position: absolute; content:'';height:1px; background:rgba(0,0,0,.25); top: 1px; left: 0; width: 100%;}
.swiper-horizontal>.swiper-pagination-progressbar, 
.swiper-pagination-progressbar.swiper-pagination-horizontal{bottom: 0;top: auto;height: 3px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;}



.pagination{ text-align: center; }
.pagination .item{ margin: 0 5px; background: #f2f2f2; font-size:16px; display: inline-block; padding: 0 10px; line-height:32px; }
.pagination .item.next-btn,
.pagination .item.prev-btn{ font-weight: 700; }
.pagination .item.active{font-weight: 700; color: #fff;background:#333; }
@media screen and (max-width:768px){
    .pagination .item.next-btn,
    .pagination .item.prev-btn{ display: none; }
    .pagination .item{ margin:0 2.5px; font-size:14px;padding: 0 8px;}
}

.common-top-banner{ font-size: 0; height: 450px;}
@media screen and (max-width:768px){
    .common-top-banner { height:160px; }
}

/* -- 图册展示 -- */
.common-image-items{ width:152%;position: relative; }
.common-image-items .swiper-slide{ padding-bottom: 80px; }
.common-image-items .image{font-size: 0; overflow: hidden;}
.common-image-items .year{ margin-top: 15px; font-size: 18px; line-height: 36px; font-family: 'SourceHanSansCN-Regular'; }
.common-image-items .title{ margin:18px 0 12px; font-size: 18px; line-height: 36px; font-family: 'SourceHanSansCN-Regular'; }
.common-image-items .desc{ font-size: 14px; line-height: 24px; font-family: 'SourceHanSansCN-Light'; width: 68%;}

.common-image-items .swiper-button{position: absolute; width:100%; margin: auto; left: 0; height: 100%; top: 0; right: 0;max-width: 100%;}
.common-image-items .swiper-button .swiper-button-next,
.common-image-items .swiper-button .swiper-button-prev{ background: white; outline: none; width:42px;height:42px; }
.common-image-items .swiper-button .swiper-button-next{ right: 46px; }
.common-image-items .swiper-button .swiper-button-prev{ left: -46px; }
.common-image-items .swiper-button .swiper-button-next:after,
.common-image-items .swiper-button .swiper-button-prev:after{ color:#ccc;font-size:24px; text-align: center; }
.common-image-items .swiper-button .swiper-button-disabled{opacity: .35;}

@media screen and (min-width:1440px) and (max-width:1680px){
    .common-image-items{ width:135%;}
}
@media screen and (max-width:1439px){
    .common-image-items{ width:100%;}
    .common-image-items .swiper-button .swiper-button-next{ right: -46px; }

}
@media screen and (max-width:768px){
    .common-image-items .desc{width:100%;}
    .common-image-items .swiper-button .swiper-button-next,
    .common-image-items .swiper-button .swiper-button-prev{ background: white; width:32px;height:32px; }
    .common-image-items .swiper-button .swiper-button-next{right:0px;}
    .common-image-items .swiper-button .swiper-button-prev{left:0px;}
    .common-image-items .swiper-button .swiper-button-next:after,
    .common-image-items .swiper-button .swiper-button-prev:after{ color:#666;font-size:16px;}
}

/* -- 页首线高 -- */
.common-header-line{height: 285px;}
/* -- 页首Banner -- */
.common-header-banner{width: 100%;height: 630px;background:#efefef;position: relative;overflow: hidden;}
.common-header-banner .slide-item{ position: relative; }
.common-header-banner .slide-item img{width: 100%;height:inherit; background-size: cover; background-repeat: no-repeat;background-position: center;}
/* -- 页面Banner -- */
.common-page-banner{ background-attachment: fixed; background-position: center; background-repeat: no-repeat;background-size: cover; width: 100%; height:737px;}
/* -- 浮动Banner -- */
.common-flex-banner{ background-attachment: fixed; background-position: center; background-repeat: no-repeat;background-size: cover; width: 100%; height: 312px;}
/* -- 页首大标题 -- */
.common-header-title{font-family: 'SourceHanSansCN-Light'; font-size:35px;text-transform: uppercase; }
.common-header-subtitle{font-family: 'SourceHanSansCN-Light'; font-size:23px;letter-spacing:2px;color:#737373;text-transform: uppercase; }
/* -- 公用 没有内容 -- */
.common-empty{ padding:50px 0; text-align: center;width: 100%; }
.common-empty p{ font-size:14px; color: #8a8a8a;margin-top:24px; font-family: 'SourceHanSansCN-Regular';}
/* -- 公用 列表加载 -- */
.common-loading{margin: auto; text-align: center; width: 100%; height: 32px;}
.common-loading img{-webkit-animation: sec1imgrotate 8s linear infinite;animation: sec1imgrotate 8s linear infinite;}
.common-loading span{ position:relative;display:inline-block;padding:0 20px;line-height:32px;color:#999; font-size:14px;font-family:'SourceHanSansCN-Light'; }
.common-loading span:after{position: absolute; content: ''; top: 15.5px; left: 0; width:15px; height:1px; background: #999;}
.common-loading span:before{position: absolute; content: ''; top: 15.5px; right: 0; width:15px; height:1px; background: #999;}
@media screen and (max-width:768px) {
    .common-header-line{height:142.5px;}
    .common-header-title{font-size:32px;}
    .common-header-subtitle{font-size:24px;letter-spacing:0px;}
    .common-header-banner{height: 320px;}
    .common-flex-banner{height: 156px;}
    .common-page-banner{height: 320px;}
}
@media screen and (max-width:320px) {
    .common-header-subtitle{font-size:22px;letter-spacing:2px;}
}

/* -- 公用单页 -- */
.page-wrap{}
.page-wrap .page-content{ width: 585px; max-width: 100%; margin:185px auto; }
.page-wrap .page-content .detail{font-size: 16px; line-height: 30px; font-family: 'SourceHanSansCN-Light';}
.page-wrap .page-content .other{ margin-top:90px; }
.page-wrap .page-content .other a.back-list{display: inline-block;font-size: 14px; line-height: 30px;font-family: 'SourceHanSansCN-Regular'; position: relative;}
.page-wrap .page-content .other a.back-list:before { display: inline-block; width:100%; position: absolute; bottom: -5px; height: 1px; background: #676767; content: ""; transition: all .4s cubic-bezier(.35,.45,.55,1); }
@media screen and (max-width:768px) {
    .page-wrap .page-content{ margin:85px auto;  }
    .page-wrap .page-content .other{ margin-top: 45px;}
}


/* -- 新闻列表 -- */
.article-wrap{ padding-bottom: 85px;padding-top: 180px; }
.article-wrap .article-items{ width:calc(100% - 140px); max-width: 100%; margin:185px auto 100px; }
.article-wrap .article-items .item{font-size: 0px; justify-content: space-between; display: flex; margin-bottom: 128px; }
.article-wrap .article-items .item:last-child{margin-bottom: 0;}
.article-wrap .article-items .item .thumb{ overflow: hidden; width:50%; height:240px; flex-shrink: 0;}
.article-wrap .article-items .item .info{ font-family: 'SourceHanSansCN-Regular';width:50%; position: relative; }
.article-wrap .article-items .item .info .con-title{ padding-left: 85px; font-size: 24px;line-height:32px; }
.article-wrap .article-items .item .info .con-date{ padding-left: 85px; font-size:12px; position: absolute; bottom: 0;left: 0;width: 100%; }
.article-wrap .article-items .item .info .con-date:before {display: inline-block; width:72px; left: 85px; position: absolute; top: -5px; height:1px; background: #676767; content: ""; transition: all .4s cubic-bezier(.35,.45,.55,1); }
/*.article-wrap .article-items .item:hover .thumb img{-webkit-transform:scale(1.1);transform:scale(1.1);}*/
.article-wrap .article-items .item:hover .info {}
.article-wrap .article-items .item:hover .info .con-date:before{width: 100%;left: 0;}
.article-wrap .page-other {}
@media screen and (max-width:768px) {
    .article-wrap{ padding-top: 85px; }
    .article-wrap .article-items{ margin:85px auto; width:100%;}
    .article-wrap .article-items .item { display: block; margin-bottom: 32px; width:100; }
    .article-wrap .article-items .item .thumb{ margin: auto;display: block; width: 100%;height: auto;}
    .article-wrap .article-items .item .info{ width:100%;margin:12px auto 0;display: block; }
    .article-wrap .article-items .item .info .con-title{padding-left: 0;min-height: 56px; font-size: 18px; line-height: 28px;text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
    .article-wrap .article-items .item .info .con-date{padding-left: 0;display:inline-block;margin-top:24px;position:relative;}
    .article-wrap .article-items .item .info .con-date:before{left: 0;}
    .article-wrap .article-other{ margin-top: 45px;}
}

/* -- 产品列表 -- */
.product-wrap{ padding-bottom:45px; }
.product-wrap .product-menu{ font-size: 0;margin-top: 180px; margin-bottom: 45px; text-align: center; }
.product-wrap .product-menu .item{ vertical-align:middle;position: relative; margin: 0 12px; font-size: 16px; line-height: 72px; font-family: 'SourceHanSansCN-Light'; }
.product-wrap .product-menu .item:before {display: inline-block;width: 0px; position: absolute; bottom:-10px; height: 1px;background: #888; content: ""; transition: all .4s cubic-bezier(.35,.45,.55,1);}
.product-wrap .product-menu .item.active:before, 
.product-wrap .product-menu .item:hover:before {width: 100%;}
.product-wrap .product-menu .divider{display: inline-block;vertical-align:middle; height:18px; width:1px;background-color:#888;}
.product-wrap .product-items{ width:calc(100% - 140px);max-width: 100%; display:flex;flex-wrap: wrap; margin:0  auto 100px; }
.product-wrap .product-items .item{ overflow: hidden; position: relative;width: calc(33.333333% - 45px); margin-right: 67px; margin-bottom:67px;}
.product-wrap .product-items .item:nth-child(3n+0){margin-right: 0;}
.product-wrap .product-items .item .item-hover{position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }
.product-wrap .product-items .item .item-hover .item-info{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; width: 100%;height: 100%; display: flex; align-items: center;justify-content: center; z-index: 2; position: relative;}
.product-wrap .product-items .item .item-hover .item-info .headline{position: relative; font-size:24px; color:#000; padding:0 10px;font-family: 'SourceHanSansCN-Regular';}
.product-wrap .product-items .item .item-hover .item-info .headline:after{ position: absolute; content: ''; bottom:-10px;left: 0;right: 0; margin: auto; height: 1px; background-color: #000;width: 0;transition: all .4s cubic-bezier(.35,.45,.55,1);}
.product-wrap .product-items .item .item-hover .mask{background: rgba(255,255,255, 0.8); height: 100%; left: 0; top: 0; position: absolute; width: 100%; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition;z-index:1;}
.product-wrap .product-items .item .item-img{font-size: 0;}
.product-wrap .product-items .item .item-hover:hover .item-info,
.product-wrap .product-items .item .item-hover:hover .mask{opacity: 1;}
.product-wrap .product-items .item .item-hover:hover .item-info .headline:after{width:100%;}
.product-wrap .product-items .item .item-hover:hover ~ .item-img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.product-wrap .newproduct-items{ margin: 255px auto 100px; width:calc(100% - 140px);max-width: 100%; display:flex;flex-wrap: wrap; justify-content: space-between; }
.product-wrap .newproduct-items .item{width:calc(50% - 15px); margin-bottom:30px; position:relative; overflow: hidden;}
.product-wrap .newproduct-items .item .item-hover{position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0; }
.product-wrap .newproduct-items .item .item-hover .item-info{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; width: 100%;height: 100%; display: flex; align-items: center;justify-content: center; z-index: 2; position: relative;}
.product-wrap .newproduct-items .item .item-hover .item-info .headline{position: relative; font-size:28px; color:#000; padding:0 10px;font-family: 'SourceHanSansCN-Regular';}
.product-wrap .newproduct-items .item .item-hover .item-info .headline:after{ position: absolute; content: ''; bottom:-10px;left: 0;right: 0; margin: auto; height: 1px; background-color: #000;width: 0;transition: all .4s cubic-bezier(.35,.45,.55,1);}
.product-wrap .newproduct-items .item .item-hover .mask{background: rgba(255,255,255, 0.8); height: 100%; left: 0; top: 0; position: absolute; width: 100%; opacity: 0; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition;}
.product-wrap .newproduct-items .item .item-hover:hover .item-info,
.product-wrap .newproduct-items .item .item-hover:hover .mask{opacity: 1;}
.product-wrap .newproduct-items .item .item-hover:hover .item-info .headline:after{width:100%;}
.product-wrap .newproduct-items .item .item-hover:hover ~ .item-img img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.product-wrap .newproduct-items .item .item-img{font-size: 0;}
@media screen and (max-width:1200px) {
    .product-wrap .product-items .item{ width: calc(33.333333% - 30px); margin-right: 45px;}

    .product-wrap .product-items .item .item-hover .item-info .headline,
    .product-wrap .newproduct-items .item .item-hover .item-info .headline{ font-size:20px;}
}
@media screen and (max-width:768px) {
    .product-wrap .product-menu{ overflow-x:auto; white-space:nowrap; margin-top:65px;margin-bottom:25px;}
    .product-wrap .product-items{ width:100%; justify-content: space-between;margin:0  auto 50px; }
    .product-wrap .product-items .item{ width: calc(50% - 20px); margin-right: 0px;}
    .product-wrap .product-items .item:nth-child(3n+0){margin-right:0px;}
    .product-wrap .product-items .item:nth-child(2n+0){margin-right:0px;}
    .product-wrap .product-items .item .item-hover .item-info .headline,
    .product-wrap .newproduct-items .item .item-hover .item-info .headline{ font-size:16px;}
    .product-wrap .newproduct-items{ width:100%; margin:85px 0 50px;}
    .product-wrap .product-items .item,
    .product-wrap .newproduct-items .item{width: calc(50% - 10px); margin-bottom: 20px;}
}
@media screen and (max-width:320px) {
    .product-wrap .product-items .item,
    .product-wrap .newproduct-items .item{width:100%; margin-bottom: 20px;}
}

/* -- 产品详情 -- */
.product-wrap .product-box{ width: 900px; margin:100px auto 0; max-width: 100%; }
.product-wrap .product-box .header-mate{ padding-bottom: 40px; }
.product-wrap .product-box .header-mate .mate-con{display: flex;justify-content: space-between; align-items: center;position: relative;}
.product-wrap .product-box .header-mate .mate-con .con-title{ font-size: 36px; line-height: 36px; font-family: 'SourceHanSansCN-Light'; }
.product-wrap .product-box .header-mate .mate-con .con-back{ position: relative; font-size: 14px; line-height: 28px; font-family: 'SourceHanSansCN-Regular';}
.product-wrap .product-box .header-mate .mate-con .con-back:before{display: inline-block;width:100%; position: absolute; bottom:-5px; height: 1px;background: #888; content: ""; transition: all .4s cubic-bezier(.35,.45,.55,1);}
.product-wrap .product-box .header-mate .mate-desc{display: flex;justify-content: space-between; align-items: flex-end; margin-top: 40px;}
.product-wrap .product-box .header-mate .mate-desc .con-desc{font-size: 16px; line-height: 36px; font-family: 'SourceHanSansCN-Normal';}
.product-wrap .product-box .header-mate .mate-desc .con-price{font-size: 30px; line-height: 36px; font-family: 'SourceHanSansCN-Light';}
.product-wrap .product-box .content-canshu{ padding:60px 0; border-top:1px solid #000; display: flex; justify-content: space-between; align-items: center; width: 100%; }
.product-wrap .product-box .content-canshu .items dl.item{ margin-bottom: 30px; }
.product-wrap .product-box .content-canshu .items dl.item dt{ font-size: 14px; line-height: 28px; font-family: 'SourceHanSansCN-Bold'; text-transform: uppercase;}
.product-wrap .product-box .content-canshu .items dl.item dd{font-size: 14px; line-height: 28px; font-family: 'SourceHanSansCN-Light';}
.product-wrap .product-box .content-canshu .image{}
.product-wrap .product-box .content-items{}
.product-wrap .product-box .content-items .item{ border-top: 1px solid #000; }
.product-wrap .product-box .content-items .item:last-child{border-bottom: 1px solid #000; }
.product-wrap .product-box .content-items .item .header-meta{ display: flex; justify-content: space-between; align-items: center; height: 75px;line-height: 75px; cursor: pointer;}
.product-wrap .product-box .content-items .item .header-meta .meta-title{ width: calc(100% - 40px); }
.product-wrap .product-box .content-items .item .header-meta .meta-title .title{ font-size: 24px; font-family: "SourceHanSansCN-Light" ;}
.product-wrap .product-box .content-items .item .header-meta .meta-more{ width: 20px; height: 20px; flex-shrink: 0; background-image: url(../images/icon-jia.svg); background-size: auto; background-repeat: no-repeat;background-position: center; margin:10px;}
.product-wrap .product-box .content-items .item .header-meta .meta-more.on{background-image: url(../images/icon-jian.svg);}
.product-wrap .product-box .content-items .item .content{ padding-bottom:40px ; display: none;font-family: "SourceHanSansCN-Normal" ;font-size: 14px; line-height: 36px; }
.product-wrap .product-box .content-items .item .content.on{display: block;}
@media screen and (max-width:768px) {
    .product-wrap .product-box{margin:50px auto 0;}
    .product-wrap .product-box .header-mate .mate-con .con-title{ font-size: 32px; }
    .product-wrap .product-box .header-mate .mate-con .con-back{ display: none; }
    .product-wrap .product-box .header-mate .mate-desc,
    .product-wrap .product-box .header-mate .mate-con,
    .product-wrap .product-box .content-canshu{display: block;}
    .product-wrap .product-box .header-mate .mate-desc{ margin-top: 24px; }
    .product-wrap .product-box .header-mate .mate-desc .con-price{ margin-top: 24px;font-size: 24px; }
    .product-wrap .product-box .content-items .item .header-meta .meta-title .title{font-size: 18px;}
}


/* -- 案例列表 -- */
.case-wrap{ padding-bottom: 85px;padding-top: 180px; }
.case-wrap .case-items{margin:185px auto 15px;padding: 0 32px; display: flex; align-items: center;flex-flow: wrap; }
.case-wrap .case-items .item{font-size: 0px; margin-bottom:80px;width:25%;display:inline-block;}
.case-wrap .case-items .item .thumb{ margin: auto; overflow: hidden; width:228px; height: 172px; flex-shrink: 0; }
.case-wrap .case-items .item .title{ margin: auto; width:228px; font-family: 'SourceHanSansCN-Regular';position: relative; font-size:14px;line-height:36px;}
.case-wrap .case-items .item:hover .thumb img{-webkit-transform:scale(1.1);transform:scale(1.1);}
@media screen and (max-width:1140px) {
    .case-wrap .case-items .item{ width: 33.333333%; }
}
@media screen and (max-width:880px) {
    .case-wrap .case-items .item{ width: 50%; }
}
@media screen and (max-width:768px) {
    .case-wrap{ padding-bottom:32px; }
    .case-wrap .case-items{justify-content: space-between; margin:85px auto 32px auto; padding: 0;width: 100%; }
    .case-wrap .case-items .item{ margin-bottom: 32px;width:calc(50% - 15px);  }
    .case-wrap .case-items .item .thumb{ margin: auto;display: block; width: 100%;height: auto;}
    .case-wrap .case-items .item .thumb img{ width: 100%; }
    .case-wrap .case-items .item .title{ width: 100%;margin:12px auto 0;display: block;}
}
@media screen and (max-width:320px) {
    .case-wrap .case-items {display: block;}
    .case-wrap .case-items .item{width:100%; }
    .case-wrap .case-items .item .thumb{ margin:auto;}
}

/* -- 案例详情 -- */
.case-wrap .case-box{ margin: 145px auto; width: 533px; max-width: 100%;}
.case-wrap .case-box .case-header-title{ font-size: 30px;line-height:36px;font-family:'SourceHanSansCN-Light'; }
.case-wrap .case-box .case-content{ margin-top: 40px; font-size: 16px; line-height: 30px; font-family: 'SourceHanSansCN-Light';}
.case-wrap .case-recommend{margin:0 auto;}
.case-wrap .case-recommend .case-mate{width: 533px; max-width: 100%; margin: auto;}
.case-wrap .case-recommend .case-mate .title{ font-size: 14px; line-height: 48px; font-family: 'SourceHanSansCN-Bold'; }
.case-wrap .case-recommend .recommend-items{margin:60px auto;padding: 0 32px;}
.case-wrap .case-recommend .recommend-items .item{font-size: 0px; margin-bottom:80px;width:25%; display: inline-block;}
.case-wrap .case-recommend .recommend-items .item .thumb{ margin: auto; overflow: hidden; width: 228px;  height: 172px; flex-shrink: 0; }
.case-wrap .case-recommend .recommend-items .item .title{ margin: auto; font-family: 'SourceHanSansCN-Regular';width: 228px; position: relative; font-size:14px;line-height:36px;}
.case-wrap .case-recommend .recommend-items .item:hover .thumb img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.case-wrap .case-recommend .recommend-items .item:hover .title{opacity: 0.6;}
@media screen and (max-width:1140px) {
    .case-wrap .case-recommend .recommend-items .item{width:33.333333%; }
}
@media screen and (max-width:880px) {
    .case-wrap .case-recommend .recommend-items .item{width:50%; margin-bottom:32px;}
}
@media screen and (max-width:768px) {
    .case-wrap .case-box{ margin-top: 70px; }
    .case-wrap .case-recommend .recommend-items {margin:30px auto 0;width:100%; display:flex;justify-content: space-between; flex-wrap: wrap;padding: 0;}
    .case-wrap .case-recommend .recommend-items .item{ width:calc(50% - 10px); }
    .case-wrap .case-recommend .recommend-items .item .thumb{ width: 100%; height: auto;}
    .case-wrap .case-recommend .recommend-items .item .thumb img{ width: 100%; }
    .case-wrap .case-recommend .recommend-items .item .title{width: 100%;}
}
@media screen and (max-width:320px) {
    .case-wrap .case-recommend .recommend-items {display: block;}
    .case-wrap .case-recommend .recommend-items .item{width:100%; }
    .case-wrap .case-recommend .recommend-items .item .thumb{ margin:auto;}
    .case-wrap .case-recommend .recommend-items .item .thumb img{ width: 100%; }
}



/* 招聘列表 */
.recruitment-wrap{ padding-top: 180px; }
.recruitment-wrap .recruitment-other{ padding-top: 60px; padding-bottom:60px; }
.recruitment-wrap .recruitment-items{ padding-top:180px; width: 900px; max-width:100% ; margin:0 auto; }
.recruitment-wrap .recruitment-items .item{ border-top: 1px solid #b2b2b2; }
.recruitment-wrap .recruitment-items .item:last-child{border-bottom: 1px solid #b2b2b2; }
.recruitment-wrap .recruitment-items .item .header-meta{ display: flex; justify-content: space-between; align-items: center; min-height: 75px;line-height:200%; cursor: pointer;}
.recruitment-wrap .recruitment-items .item .header-meta .meta-title{ width: calc(100% - 40px); }
.recruitment-wrap .recruitment-items .item .header-meta .meta-title .title{ font-size: 24px; font-family: "SourceHanSansCN-Light" ;}
.recruitment-wrap .recruitment-items .item .header-meta .meta-more{ width: 20px; height: 20px; flex-shrink: 0; background-image: url(../images/icon-jia.svg); background-size: auto; background-repeat: no-repeat;background-position: center; margin:10px;}
.recruitment-wrap .recruitment-items .item .header-meta .meta-more.on{background-image: url(../images/icon-jian.svg);}
.recruitment-wrap .recruitment-items .item .content{ padding-bottom:40px ; display: none;font-family: "SourceHanSansCN-Regular" ; }
.recruitment-wrap .recruitment-items .item .content.on{display: block;}
.recruitment-wrap .recruitment-items .item .content .con-desc{margin-bottom: 15px;font-size: 14px; line-height: 30px;}
.recruitment-wrap .recruitment-items .item .content .con-desc .text{display: inline-block; margin-right: 20px;}
.recruitment-wrap .recruitment-items .item .content .con-title{ padding: 5px 0; font-size: 14px; line-height: 30px; font-family: "SourceHanSansCN-Bold" ; }
.recruitment-wrap .recruitment-items .item .content .con-dateil{font-size: 14px; line-height: 30px;}
.recruitment-wrap .recruitment-items .item .content .con-email{ margin-top: 30px; font-size: 14px; line-height: 30px; font-family: 'SourceHanSansCN-Bold';}
.recruitment-wrap .recruitment-items .item .content .con-email a{ position: relative; display: inline-block; }
.recruitment-wrap .recruitment-items .item .content .con-email a:before{display: inline-block; width:100%; position: absolute; bottom:0px; height:1px; background: #888; content: ""; transition: all .4s cubic-bezier(.35,.45,.55,1);}
@media screen and (max-width:768px){
    .recruitment-wrap{ padding-top: 85px;}
    .recruitment-wrap .recruitment-other{ padding-top:45px; padding-bottom:45px; }
    .recruitment-wrap .recruitment-items{ padding-top:85px; }
    .recruitment-wrap .recruitment-items .item .header-meta .meta-title .title{ font-size: 18px; }
}


/* 招商列表 */
.zhaoshang-wrap{ padding-top: 180px; }
.zhaoshang-wrap .zhaoshang-items{ padding:180px 0 160px; width: 900px; max-width:100% ; margin:0 auto; }
.zhaoshang-wrap .zhaoshang-items .item{ border-top: 1px solid #b2b2b2; }
.zhaoshang-wrap .zhaoshang-items .item:last-child{border-bottom: 1px solid #b2b2b2; }
.zhaoshang-wrap .zhaoshang-items .item .header-meta{ display: flex; justify-content: space-between; align-items: center; min-height: 75px;line-height:200%; cursor: pointer;}
.zhaoshang-wrap .zhaoshang-items .item .header-meta .meta-title{ width: calc(100% - 40px); }
.zhaoshang-wrap .zhaoshang-items .item .header-meta .meta-title .title{ font-size: 24px; font-family: "SourceHanSansCN-Light" ;}
.zhaoshang-wrap .zhaoshang-items .item .header-meta .meta-more{ width: 20px; height: 20px; flex-shrink: 0; background-image: url(../images/icon-jia.svg); background-size: auto; background-repeat: no-repeat;background-position: center; margin:10px;}
.zhaoshang-wrap .zhaoshang-items .item .header-meta .meta-more.on{background-image: url(../images/icon-jian.svg);}
.zhaoshang-wrap .zhaoshang-items .item .content{ padding-bottom:40px ; display: none;font-family: "SourceHanSansCN-Regular" ; }
.zhaoshang-wrap .zhaoshang-items .item .content.on{display: block;}
.zhaoshang-wrap .zhaoshang-items .item .content .con-dateil{font-size: 14px; line-height: 36px;}
@media screen and (max-width:768px){
    .zhaoshang-wrap{ padding-top:85px; }
    .zhaoshang-wrap .zhaoshang-items{ padding:85px 0 120px; }
    .zhaoshang-wrap .zhaoshang-items .item .header-meta .meta-title .title{ font-size: 18px; }
}

/* 团队列表 */
.team-wrap{}
.team-wrap .team-title{text-transform: uppercase; font-size: 24px;line-height: 48px; font-family:'SourceHanSansCN-Medium';width:525px; max-width: 100%;margin:190px auto 18px; }
.team-wrap .team-leader{ width:800px; padding-left: 138px; max-width: 100%; margin: auto; }
.team-wrap .team-leader .item{ display: flex; justify-content: space-between; margin-bottom:150px; }
.team-wrap .team-leader .item .thumb{ flex-shrink:0;width:220px;height:auto;margin-right:85px;font-size:0; }
.team-wrap .team-leader .item .info{ width: 100%; }
.team-wrap .team-leader .item .info .con-title,
.team-wrap .team-leader .item .info .con-entitle{ font-size: 14px;line-height: 20px; font-family: 'SourceHanSansCN-Bold'; }
.team-wrap .team-leader .item .info .con-entitle{margin-bottom:20px;}
.team-wrap .team-leader .item .info .con-desc{ font-size: 14px;line-height: 24px; font-family: 'SourceHanSansCN-Light'; margin-bottom:18px;}
.team-wrap .team-leader .item .info .con-dateil{ font-size: 14px;line-height: 24px; font-family: 'SourceHanSansCN-Light'; }
.team-wrap .team-member { display: flex; flex-wrap: wrap;padding: 0 32px; }
.team-wrap .team-member .item{ width: 25%; margin-bottom:30px; }
.team-wrap .team-member .item .thumb{ margin: auto; flex-shrink:0;width:220px;height:auto;font-size:0; }
.team-wrap .team-member .item .info{ margin: auto; width:220px;margin-top: 15px;}
.team-wrap .team-member .item .info .con-title,
.team-wrap .team-member .item .info .con-entitle{ font-size: 14px;line-height: 20px; font-family: 'SourceHanSansCN-Bold'; }
.team-wrap .team-member .item .info .con-entitle{margin-bottom:20px;}
.team-wrap .team-member .item .info .con-desc{ font-size: 12px;line-height: 24px; font-family: 'SourceHanSansCN-Light'; margin-bottom:18px;}
@media screen and (max-width:768px){
    .team-wrap .team-title{width:800px;margin: 62px auto 18px; }
    .team-wrap .team-leader{padding-left:0;}
    .team-wrap .team-leader .item{display: block;margin-bottom:50px;}
    .team-wrap .team-leader .item .thumb{ margin-right: 24px; }
    .team-wrap .team-leader .item .info{ margin-top:15px }
    .team-wrap .team-member {display: flex; justify-content: space-between; flex-wrap: wrap;padding: 0;}
    .team-wrap .team-member .item{width: calc(50% - 10px);}
    .team-wrap .team-member .item .thumb{width: 100%;}
    .team-wrap .team-member .item .info{width: 100%;}
}
@media screen and (max-width:320px){
    .team-wrap .team-member {display: block; }
    .team-wrap .team-member .item{width:100%;}
}


/* 联系 */
.contact-wrap{ padding:85px 0; }
.contact-wrap .contact-box{ padding-top:85px; width: 680px; max-width: 100%; margin: auto; }
.contact-wrap .contact-box .box-detail{ font-size:16px; line-height:32px ; color: #8e8e8e;}
.contact-wrap .contact-box .box-qrcode{text-align: center; margin:45px 0; }
.contact-wrap .contact-box .box-qrcode .image{width: 200px; margin: auto; }
.contact-wrap .contact-box .box-qrcode .text{font-size:16px ; line-height:32px ; }
.contact-wrap .contact-box .box-consult{ display: flex; justify-content:space-around; }
.contact-wrap .contact-box .box-consult .item{ text-align: center; width: 50%; }
.contact-wrap .contact-box .box-consult .item .label{ font-family: 'SourceHanSansCN-Regular';font-size: 18px; line-height: 32px; }
.contact-wrap .contact-box .box-consult .item .value{ font-size: 16px; line-height: 32px;color: #8e8e8e;}
@media screen and (max-width:375px){
    .contact-wrap .contact-box .box-consult{ display: block; }
    .contact-wrap .contact-box .box-consult .item{ width:100%; }
}



/* 定制 */
.dingzhi-wrap{padding-bottom: 85px;}
.dingzhi-wrap .dingzhi-line{height:260px;}
.dingzhi-wrap .dingzhi-box{ width: 928px; max-width: 100%; margin: auto; position: relative; }
.dingzhi-wrap .dingzhi-box .text-wrap{margin: 150px auto 160px; display: flex; justify-content: space-between;}
.dingzhi-wrap .dingzhi-box .text-wrap .text-title{line-height: 54px; font-family: 'SourceHanSansCN-Light'; font-size: 48px;flex-shrink: 0; }
.dingzhi-wrap .dingzhi-box .text-wrap .text-desc{width: 390px; font-size: 16px; line-height: 30px;font-family: 'SourceHanSansCN-Light';max-width: 100%;}
@media screen and (max-width:768px){
    .dingzhi-wrap{padding-bottom:45px;}
    .dingzhi-wrap .dingzhi-line{height:100px;}
    .dingzhi-wrap .dingzhi-box .text-wrap{display: block; margin: 100px auto;}
    .dingzhi-wrap .dingzhi-box .text-wrap .text-title{ font-size:32px ;line-height: 42px; }
    .dingzhi-wrap .dingzhi-box .text-wrap .text-desc{ margin-top: 32px; }
}


/* 关于 */
.about-wrap{overflow: hidden; width: 100%; position: relative;}
.about-wrap .about-line{height:120px;}
.about-wrap .about-box{ width: 928px; max-width: 100%; margin: auto; position: relative; }
.about-wrap .about-box .text-wrap{margin: 150px auto 160px; display: flex; justify-content: space-between;}
.about-wrap .about-box .text-wrap .text-title{line-height:54px; font-family:'SourceHanSansCN-Light'; font-size: 48px;flex-shrink:0; }
.about-wrap .about-box .text-wrap .text-image{ flex-shrink:0; }
.about-wrap .about-box .text-wrap .text-desc{width:390px; font-size:16px; line-height: 30px;font-family: 'SourceHanSansCN-Light';max-width: 100%;}
.about-wrap .about-box .about-title{ padding: 130px 0 100px; }
.about-wrap .about-box .about-title-2{ padding: 130px 0 0; }
.about-wrap .about-box .about-title-3{ padding: 0; }
.about-wrap .about-box .about-desc{ margin-top: 130px; font-size: 30px; line-height: 36px;font-family: 'SourceHanSansCN-Bold'; }
.about-wrap .about-box .award-swiper{ margin:80px 0; padding-bottom: 20px;}
.about-wrap .about-box .award-swiper .swiper-wrapper{ align-items: flex-end; }
.about-wrap .about-box .award-swiper .swiper-slide{ font-size: 0; }
@media screen and (max-width:768px){
    .about-wrap{}
    .about-wrap .about-line{height:60px;}
    .about-wrap .about-box .about-title{padding:85px 0 60px; }
    .about-wrap .about-box .about-title-2{ padding: 52px 0 0; }
    .about-wrap .about-box .text-wrap{display: block; margin:50px auto;}
    .about-wrap .about-box .text-wrap .text-title{ font-size:32px ;line-height: 42px; }

    .about-wrap .about-box .text-wrap .text-desc{ margin-top: 32px; }
    .about-wrap .about-box .about-desc{display: none; font-size: 20px; line-height: 32px;white-space:nowrap; overflow-x: auto;}
}
@media screen and (max-width:375px){
    .about-wrap .about-box .about-desc{ font-size: 16px; }    
}


/* -- 页尾 -- */
.footer{overflow: hidden;padding:25px 0;}
.footer .footer-contact-wrap{background-color: #f8f8f8; padding:80px 0;}
.footer .footer-wrap{ display: flex; width: calc(100% - 140px); justify-content: space-between; margin:0px auto; }
.footer .footer-wrap .footer-text{ position: relative; width: 50%; font-size: 58px; line-height: 72px;font-family: 'SourceHanSansCN-Light'; }
.footer .footer-wrap .footer-text .text-title{ font-size:36px ;line-height:42px ;font-family: 'SourceHanSansCN-Regular'; }
.footer .footer-wrap .footer-text .text-info{ margin-top: 15px;}
.footer .footer-wrap .footer-text .text-company{ font-size: 16px; line-height: 30px; font-family: 'SourceHanSansCN-Bold';margin-bottom: 15px; }
.footer .footer-wrap .footer-text .text-address{ font-size: 14px; line-height: 30px; }
.footer .footer-wrap .footer-contact{ width: 50%; }
.footer .footer-wrap .footer-contact .item{ display: flex; justify-content: space-between; margin-bottom: 35px;}
.footer .footer-wrap .footer-contact .item:last-child{margin-bottom: 0;}
.footer .footer-wrap .footer-contact .item .image{ width:82px;height:80px;flex-shrink:0;margin-right:20px; }
.footer .footer-wrap .footer-contact .item .info{ width: 100%; }
.footer .footer-wrap .footer-contact .item .info .title{ font-family:'SourceHanSansCN-Bold';font-size:14px; line-height: 30px; }
.footer .footer-wrap .footer-contact .item .info .telephone,
.footer .footer-wrap .footer-contact .item .info .email,
.footer .footer-wrap .footer-contact .item .text{font-family:'SourceHanSansCN-Light';font-size:14px; line-height: 30px;}
.footer .footer-link{width: calc(100% - 140px); padding:42px 0;margin: auto;}
.footer .footer-link .link-label{ font-size: 16px; line-height: 24px; font-family: 'SourceHanSansCN-Regular'; }
.footer .footer-link .link-a{color: #2a2a2a; font-size: 16px; line-height: 32px; font-family: 'SourceHanSansCN-Light'; position: relative; margin-right: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.footer .footer-link .link-a:before { display: inline-block; width:0%; position: absolute; bottom: -5px; height: 1px; background: #888; content: ""; transition: all .4s cubic-bezier(.35,.45,.55,1); }
.footer .footer-link .link-a:hover{color:#666;}
.footer .footer-link .link-a:hover:before{ width:100%; }
.footer .footer-line{ height:1px; background-color: #f8f8f8; width: 100%; }
.footer .footer-copyright{ margin-top:25px; display: flex; justify-content: space-between;align-items: center; font-size: 14px; line-height: 24px; font-family: 'SourceHanSansCN-Regular';  }
.footer .footer-copyright .copyright{ width: 50%; }
.footer .footer-copyright .icp{ width: 50%; }
@media screen and (max-width:768px) {
    .footer{overflow: hidden;}
    .footer .footer-contact-wrap{ padding:60px 0; }
    .footer .footer-wrap{ display:block; width: calc(100% - 30px);}
    .footer .footer-wrap .footer-text,
    .footer .footer-wrap .footer-contact,
    .footer .footer-link{width: 100%;}
    .footer .footer-link .link-label,
    .footer .footer-link .link-a{font-size: 14px;}
    .footer .footer-copyright{font-size: 12px;}
    .footer .footer-wrap .footer-text{margin-bottom: 35px;font-size: 36px; line-height: 54px;}
    .footer .footer-wrap .footer-text .text-title{ font-size: 32px; }
    .footer .footer-wrap .footer-text .text-info{ position: relative; margin-top: 32px;}
}
@media screen and (max-width:375px) {
    .footer .footer-wrap{ width:100%;}
}


.float-contact{ position:fixed; bottom:calc(50% + 75px); right:0px; z-index:55;}
.float-contact .kf{ cursor: pointer; box-sizing: border-box; background-color:white;width:200px; right:-150px; position:absolute;transition:0.4s;border:1px solid #eee; }
.float-contact .kf:hover{ }
.float-contact .icon{ display: inline-block;width:50px;height:50px;background-repeat: no-repeat; background-position: center;background-size: auto; vertical-align: middle;position: relative;z-index: 2;}
.float-contact .text{ display: inline-block;line-height: 50px; vertical-align: middle;}
.float-contact .dianhua {top:0px;transition:0.4s;}
.float-contact .dianhua .icon{background-image:url(../images/icon-tel.png);}
.float-contact .map{top:102px;}
.float-contact .map .icon{background-image:url(../images/icon-map.png); }
.float-contact .weixin{top:51px;}
.float-contact .weixin .icon{background-image:url(../images/icon-weixin.png);}
.float-contact .weixin .image{display: none;width: 103px; height:103px; right:200px; bottom:-1px; position:absolute;opacity:0;transition:0.4s; background-color: white; font-size: 0; border: 1px solid #eee; align-items: center;justify-content: center;transition:0.4s;}
.float-contact .weixin:hover .image{opacity:1; display: flex; }
.float-contact .dianhua:hover{ right:0;transition:0.4s;}
.float-contact .map:hover{ right:-20px;transition:0.4s;}