/*导航样式 */
.navBtn {cursor: pointer;flex: none;margin-left: auto;width:50px;height:50px;box-sizing: border-box;border:3px solid #000;text-align: center;
background:none;position: absolute;transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);right:10%;top:0;z-index: 444;}
.navLine {position: relative;width: 100%;height: 100%;transform-origin: center;}
.navLine>span {transition: transform 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19),margin 0.1s ease 0.18s;position: absolute;width: 40%;height:3px;
top:50%;left: 30%;transform-origin: center;background-color: #000;transform: translateY(-50%);}
.navLine>span:first-child {margin-top: -14%;}
.navLine>span:nth-child(2) {margin-top: 14%;}
.navBtn:hover .navLine>span ,.navBtnOn .navLine>span{transition: margin 0.3s ease 0s,transform 0.75s cubic-bezier(0.19, 1, 0.22, 1) 0.29s;margin-top: 0;}
.navBtn:hover .navLine>span:first-child {transform: rotate(90deg);}
.navBtn:hover .navLine>span:nth-child(2){transform: rotate(180deg);}

.whiteColor{border: 3px solid #fff;}
.whiteColor .navLine>span{background:#fff;}

.navBox{background: rgba(1,114,244,0.99);position: fixed;left: 0;top: 0;right:0 ;bottom: 0;z-index: 5555; height:980px;display: flex;
    justify-content: center;align-items: center; overflow-x: hidden; overflow-y: scroll; pointer-events: none; -webkit-overflow-scrolling: touch;
    font-weight: 700;  transition: -webkit-backdrop-filter .3s ease;  transition: backdrop-filter .3s ease;
    transition: backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;pointer-events: all;display: none;
        width: 100vw;height:100vh;
}
.navTab{text-align: center;margin-top:27vh;transition: all 0.5s ease;opacity: 0;}
.navTab a{display: block;font-size:80px;font-family: ZeLing;line-height:99px;}
.navTab a span{border-bottom: 3px solid #000;position: relative;}
.navTab a:hover span{color:#fff;}
.navTab a span::after{position: absolute;content: '';height: 3px;width:100%;transform: scale(0);left: 0;right: 0;bottom:-3px;background:#fff;transition:all 0.3s ease;}
.navTab a:hover span::after{transform: scale(1);}

.navInfo{margin-top:4vh;font-size: 14px;font-family: ZeLing;color: #fff;line-height: 24px;font-weight: normal;margin-left: 10%;}
.navBtnOn .navLine>span:first-child{transform: rotate(45deg);}
.navBtnOn .navLine>span:nth-child(2){transform: rotate(135deg);}
.navBtnOn:hover .navLine>span:first-child{transform: rotate(135deg);}
.navBtnOn:hover .navLine>span:nth-child(2){transform: rotate(225deg);}
.moveNav{margin-top:20vh;opacity: 1;}
.moveTab{margin-top: 0;opacity: 1;}

/* banner导航样式 */
.banner{ width:100%; height:980px; overflow:hidden; position:relative;font-size:0}
.b-img{   position:absolute; left:0; top:0;width: 100%;height: 100%;}
.b-img a{ display:block; height:100%; float:left;width: 100%;}
.banArrow{position: absolute;left: 0;right: 0;bottom: 0;top: 50%;transform: translateY(-50%);height: 100px;z-index:999;}
.bar-left,.bar-right{ position:absolute;  display:block; width:100px; height:100%;background:none; top:0px;transition:all 0.3s ease}
.bar-left{  left:20px; }
.bar-right{  right:20px;}
.bar-left em,.bar-right em{ display:block; width:30px; height:60px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto;position:relative;background-size: cover;}
.bar-right em{transform: rotate(180deg);}
.banner .showBox{position: absolute; bottom:20px;left: 50%;color:#fff;font-size: 26px;font-family: verdana;z-index: 222;transform: translateX(-50%);}
.banArrow .bar-left:hover{left:0}
.banArrow .bar-right:hover{right:0}
.bar-left em:before, .bar-right em:before{position:absolute;content:'';width:0px;height:3px;background:#fff;transform: translateY(-50%);top: 50%;left:3px;transition:all 0.3s ease}
.banArrow .bar-left:hover em:before,.banArrow .bar-right:hover em:before{width:50px}
/* 圆圈 */
.b-list {height: 50px;position: absolute;z-index: 1;left: 50%;transform: translateX(-50%); bottom: 20px;}
.b-list span{ display:block;cursor:pointer; width:16px; height:16px; border-radius:50%; float:left; margin:0 5px; _margin:0 3px;background:rgba(255,255,255,0.3)}
.b-list .spcss{background:#fff}

.banArrow > div{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.banArrow .arrowL{left: 120px;}
.banArrow .arrowR{right: 120px;}
.banNav{position: relative;}
.logoNav{position: absolute;top:40px;z-index: 111;left: 0;right: 0;}
.logoNav .logo{text-align: center;}
.logoNav .logo img{width: 330px;height:77px;}
.banner{overflow: hidden;}
.animateImg{position: absolute;bottom: 35px;text-align: center;left: 0;right: 0;z-index: 222;}
.animateImg img{width: 35px;height: 56px;margin: 0 auto;}

/* 案例 */

.layout{max-width: 1200px;margin: 0 auto;}
.newCase,.serviceBox,.aboutBox{margin: 70px auto;}
.newCase .smalltext{color:#222;font-family: FZLanTingHei-R-GBK Regular, FZLanTingHei-R-GBK Regular-Regular;font-size: 15px;}
.caseTit{margin-bottom:100px;}
#smartscroll{max-width: 1000px;margin: 0 0 0 auto;overflow: hidden;}
#smartscroll .smartscroll-item{width: calc(100% - 10px);margin:0 auto 10px auto;overflow: hidden;}
.newCase .thumb-hover .overlay-caption{opacity: 0;color:#fff;}
.thumb-hover .overlay-caption .title{font-size: 12px;font-weight: 400;font-family: 微软雅黑;}
.thumb-hover .overlay-caption .cont{font-size: 15px;font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: 700;margin-top: 10px; min-height: 70px;}
.thumb-hover .overlay-caption p.link{font-size: 17px;font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: 700;margin-top: 0;}
.newCase #smartscroll .smartscroll-item:hover .thumb-hover .overlay-caption{opacity: 1;}
.caseBox .thumb-hover .overlay-caption p.link {margin-top:15px}
/* 我们的服务 */
.serviceBox .service {width: calc(70% - 15px);overflow: hidden;padding-top: 15px;}
.one-fifth{width: calc(33.333333% - 30px);}
[class*='wrapper'] .one-fifth{width: calc(33.333333% - 20px);margin-bottom: 60px;margin-top: 0 !important;}
[class*='wrapper'] .two-fifth{width: calc(30% - 15px);}
.serviceBox  h2.do-anim{font-size: 26px;font-family: ZeLing Bold, ZeLing Bold-Bold;color: #000;}
.serviceBox .service h6.do-anim{font-size: 15px;font-family: "微软雅黑";margin-top: 25px;font-weight: bold;}
.serviceBox .column h6{font-weight:bold;    font-size: 16px;}
.serviceBox .column p{color: #39393b;font-size: 15px;line-height: 26px;}
/* 首页案例 */
.newCase {position: relative;}
.newCase .subLeft{position: absolute;left:-25px;top:25%;z-index: 111;}
.newCase .subLeft h1,.newCase .subLeft h2{font-family: "ZeLing";font-size: 120px;letter-spacing: -2px;line-height: 120px;}
.newCase .subLeft h1{font-weight: bold;}
.newCase .mores{font-size: 18px;color: #999;width: 100%;margin-top:30px;font-family: ZeLing Regular, ZeLing Regular-Regular;display: flex;align-items: center;justify-content: center;padding-left:334px;box-sizing: border-box;}
.newCase .mores:hover{color:#333;}
.newCase .mores span{margin: 0 5px;display: block;height: 22px;}
.newCase .mores span:last-child{padding-top: 5px;}
.swiper-container-multirow-column>.swiper-wrapper{flex-direction: row;}
.swiper-pagination-bullet{width:20px;height: 1px;background: #ccc;border: 1px solid #ccc;opacity: 1;border-radius: 5px;}
.swiper-pagination-bullet-active{background:#000;border: 1px solid #000;}

#smartscroll .caseItem {width: 33.3333333%;float: left;overflow: hidden;}
/* 我们正在寻找有创造力的你 */
.seekBox {margin: 100px 0;}
.seekBox .seek{width: 70%;max-width:1200px;margin: 0 auto;border: 10px solid #000;display: flex;justify-content: center;align-items: center;height: 136px;}
.seekBox a{ text-decoration: none;}
.seekBox .btn a{ display: block; border: 1px solid #ddd; width:154px;line-height:45px;text-align: center; color: #fff;cursor: pointer;background: #0078ff;transition: all 0.2s ease;-mz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;position: relative; z-index: 99; overflow: hidden;}
.seekBox .btn a span{font-size: 17px;font-family: FZLanTingHei-L-GBK Regular, FZLanTingHei-L-GBK Regular-Regular;font-weight: 400;}
.seekBox .btn a i{position: absolute; top: 0; left: 0;background: #000; height: 100%; width:0; z-index: -99; display: block; transition: all 0.2s ease;}
.seekBox .btn a:hover span{ color: #fff;}
.seekBox .btn a:hover i{ width: 100%;}
.seekBox p{font-size:35px;font-family: FZLTZCHK -GBK1-0, FZLTZCHK -GBK1-0--GBK1-0;font-weight: bold;margin-right:90px;line-height: 40px;}

#footer.text-light{background:#39393b;}
#footer .footer-inner{padding: 50px 0;}
#footer .four-fifth{display: flex;padding-right:60px;}
#footer .fotNav{flex: 1;}
#footer .fotNav h5{font-size:18px;font-weight: bold;margin-bottom: 25px;color:#b2b2b2}
#footer .fotNav .fot a{display: block;font-size: 14px;margin-top:7px;line-height: 15px;color:#b2b2b2}
#footer .footR .info{font-size: 13px;font-family: ZeLing Regular, ZeLing Regular-Regular;font-weight: 400;margin: 15px 0 25px 0;}
#footer .footR .info p{margin: 0;line-height: 18px;color:#b2b2b2;}
#footer .footR .code img{padding: 6px;border: 1px solid #b2b2b2;}
#footer .footR .code p{margin-top: 10px;font-size: 15px;font-weight: 400;color: #b2b2b2;}

.footLink a{font-size: 13px;font-family: ZeLing Regular, ZeLing Regular-Regular;color: #b2b2b2;font-weight: 400;margin:0 10px;line-height: 22px;}
.footLink a:first-child{margin-left:0;}
.footBot{display: flex;justify-content: space-between;align-items: center;border-top: 2px solid #b2b2b2;margin-top: 35px;padding-top: 35px;}
.footBot .CopyRight{font-size:13px;font-family: Balaram Regular, Balaram Regular-Regular;font-weight: 400;line-height: 28px;color: #b2b2b2;}
.appFoot{display: none;}
.footBot .fLogo{width: 279px;height: 66px;}
.footBot .fLogo img{width:80%;height:auto}

#footer .four-fifth{width: calc(70% - 45px)}
#footer .one-fifth{    float: right;}
/*********************案例页面样式 ********************************/
.fixedNav .logoNav {position: fixed;background: #fff;height: 200px;top: 0;z-index: 3333;padding-top: 40px;box-sizing: border-box;}
.fixedNav .logoNav .navBtn{top:40px;}
#portfolio-grid{padding-top: 150px;width: calc(73% - 10px); margin: 0 0 0 auto;}
.isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item{width: calc(33.33333% - 15px);}
.isotope-grid[class*='isotope-spaced'] .isotope-item{margin: 0 15px 15px 0;}
#portfolio-grid .thumb-hover.overlay-effect::before{background: #0078ff;}
#portfolio-grid .isotope-item:hover .overlay-caption{opacity: 1;}
#portfolio-grid .thumb-hover .overlay-caption{padding: 1rem;}
#portfolio-grid .thumb-hover .overlay-caption .cont{min-height: auto;}
.caseNav .csaeTit h1{line-height: 120px;font-size: 120px;color:#222;font-family:Microsoft YaHei; transition: all 0.5s ease;transform: scale(1);}
.caseNav .csaeTit h1:hover{transform: scale(0.9);color: transparent;-webkit-text-stroke: calc(.005em + 1px) #000;}
.caseBox .subLeft{top: 14%;}
.caseBox .subLeft ul{margin-top: 30px;}
.caseBox .subLeft li{line-height: 43px;cursor: pointer;list-style: none;height: 43px;margin-top:0}
.caseBox .subLeft li h6{font-size: 19px;font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: 700;color: #585d62;display: block;height:43px;line-height:43px}
.caseBox .subLeft li p{opacity:0;font-size: 15px;font-family:Microsoft YaHei;color: #080808;transition:all 0.3s ease;font-weight: bold;position: absolute;padding-left:25px;margin-top: 0;top: 0;}
.caseBox .subLeft li a{display: block;height: 43px;position: relative;}
/*
.caseBox .subLeft p::before{position: absolute;content:'-';left: 0;top: 50%;transform: translateY(-50%);}
.caseBox .subLeft li.caseCurr h6,.caseBox .subLeft li:hover h6{display: none;}
.caseBox .subLeft li.caseCurr p,.caseBox .subLeft li:hover p{display: block;}
*/
.caseBox .subLeft p::before{position: absolute;content:'';left: 0;top: 50%;transform: translateY(-50%);width:0;transition:all 0.3s ease;background:#080808;height:2px;}
.caseBox .subLeft li.caseCurr h6,.caseBox .subLeft li:hover h6{display: none;}
.caseBox .subLeft li.caseCurr p,.caseBox .subLeft li:hover p{opacity:1;}
.caseBox .subLeft li:hover p::before,.caseBox .subLeft li.caseCurr p::before{width:15px;}
.caseBox{min-height:800px}

/************************* 关于我们页面样式***********************************/
.aboutBox .abCont{margin-top: 80px;}
.aboutBox h1{font-size: 63px;font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: 700;color: #222;}
.aboutBox .abCont h2{font-size: 26px;padding-top: 15px;}
.aboutBox .two-fifth{width: calc(30% - 15px);}
.aboutBox .two-fifth h2{line-height: 51px;}
.aboutInfo .article .column p{/*text-indent:30px;*/margin-top: 25px;}
.aboutInfo .article,.aboutBox .purpose,.aboutBox .abImg,.logoBox{overflow: hidden;}
.aboutBox .purpose,.aboutBox .abImg{width: 70%;margin-left: 30%;margin-top: 50px;}
.aboutBox .purpose H2{font-size: 20px;font-family: ZeLing Bold, ZeLing Bold-Bold; font-weight: 700;color: #000000;line-height: 25px;position: relative;padding-bottom: 20px;padding-left:3px;}
.aboutBox .purpose h2::after{position: absolute;content: '';left: 0;width: 13px;height: 2px;bottom: 0;background: #222;}
.aboutBox .purpose P{font-size: 17px; font-family: "微软雅黑";font-weight: 400;color: #39393b;margin-top: 15px;line-height: 30px;}
.aboutBox .abImg .column{margin: 0;max-width: 410px;max-height: 250px;overflow: hidden;cursor: pointer;}
.aboutBox .abImg .column img{transform: scale(1);transition: all 0.5s ease;}
.aboutBox .abImg .column:hover img{transform: scale(1.2);}
.aboutBox .abImg .one-half{width: calc(50% - 10px);margin-bottom: 10px;margin-right: 10px;}	
/* map */
.aboutMap{margin-top: 128px;}
.aboutMap .map{margin-top: 50px;}
.aboutMap .map img{width: 100%;height: 100%;}
.aboutLogo{margin-top:100px;}
.aboutLogo #portfolio-grid{padding-top: 0;width:100%;margin-bottom: 25px;margin-top: 60px;cursor: pointer;}
.aboutLogo .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item{width: calc(20% - 2px);padding: 30px;border-right: 1px solid #e3e4e5 !important;box-sizing: border-box;margin-right: 0;}
.aboutLogo #portfolio-grid .isotope-item:nth-child(5n+1){border-left: 1px solid #e3e4e5;}
/* .aboutLogo #portfolio-grid .isotope-item:hover{filter: grayscale(99%);} */

/************************************* 招聘信息 **************************************/
.hireBox{overflow: hidden;margin-top: 100px;margin-left: 15%;}
.hireBox .lists .icon{width: 116px;height: 91px;}
.hireBox .lists h6{font-size: 26px; font-family: ZeLing Bold, ZeLing Bold-Bold; font-weight: 700; color: #000;line-height: 26px; margin-top: 20px;}
.hireBox .lists .tit{font-size: 17px; font-family: "微软雅黑"; font-weight: 400;color: #000;line-height: 26px; margin-top: 10px;}
.hireBox .lists .mains{margin-top: 30px;}
.hireBox .lists .mains h5,.hireBox .lists .mains .mInfo{font-size: 15px;font-weight: 400; color: #000;line-height: 26px;}
.hireBox .lists .mains h5{font-weight: bold;font-family: "微软雅黑";    letter-spacing: 0;}
.hireBox .lists .mains p{margin-top: 0;}
.hireCont{margin-top: 80px;margin-bottom: 80px}
.hireCont p{font-size: 19px;font-family: "微软雅黑";font-weight: 400;color: #040000;line-height: 39px;margin-top: 0;}
.hireInfo h6{font-size: 19px;font-family: "微软雅黑";font-weight: 400;color: #040000;line-height: 39px;margin-top: 10px;}
.hireInfo p{font-size: 34px;font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: 700;color: #040000;line-height: 62px;margin-top: -10px;}

/********************************** 联系我们 *****************************************/
.contactBox{overflow: hidden;}
.contactBox h2{font-size: 26px;}
.contactBox .one-half{width: calc(70% - 10px);margin-right: 0;}
.contactBox h5{font-size:26px;	font-weight: 400;color: #000;line-height: 51px;letter-spacing: 1px;}
.contactBox h6{font-size: 16px;font-weight: 400;color: #000;line-height:26px;padding-bottom: 20px;position:relative}
.contactBox h6::after {content: '';width: 18px;height: 2px;background: #000;left: 0;bottom: -30px;position: absolute;}
.contactBox .one-half  p{font-size: 16px;font-weight: 400;color: #000;line-height:25px;margin-top:0px;height: 25px;}

/**************************** 案例详情页面样式 **********************************/
.caseDetail,.newWeb{margin-top: 240px;}
.caseDetail .two-fifth{width: calc(20% - 35px);}
.caseDetail .one-half{width: calc(80% - 10px);margin-top: 20px;}
.caseDetail #portfolio-grid{padding-top: 0;width: 100%;margin: 0;}
.caseDetail .caseDList{margin: 100px 0;}
.caseDetail #portfolio-grid .thumb-hover.overlay-effect::before{background: none;width: 0;height: 0;}

/**************************** 新闻页面样式 ********************************/
.newWeb .newTab {display: flex;align-items: center;}
.newWeb .newTab p{font-size: 34px;font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: 700;color: #000;margin-right:20px;}
.newWeb .newTab .tab span{font-size: 17px;font-family:Microsoft YaHei;font-weight: -GBK1-0;line-height: 21px;padding: 0 30px;cursor: pointer;}
.newWeb .newTab .tab span:first-child{position: relative;}
.newWeb .newTab .tab span:first-child::after{position: absolute;content: '';width: 2px;height: 14px;background: #999;right: 0;top: 50%;transform: translateY(-50%);}
.newWeb .newTab .tab span a{color: #999;}
.newWeb .newTab .tab span:last-child{margin-left:-6px}
.newWeb .newTab .tab span.curr a{color:#000;}
.newPC{margin: 100px 0 0 100px;}
.newPC .newList a{display: block;overflow: hidden;position: relative;margin-bottom: 200px;}
.newPC .newList a:last-child{margin-bottom:100px}
.newPC .newList .cont{position: relative;opacity: 1;transition: all 0.5s ease;}
.newPC .newList  .one-half{width: 60%;margin-right: 0;}
.newPC .newList .cont h2{font-size: 60px;font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: bold; color: #000;line-height: 85px;width: 653px;z-index: 999;position: absolute;text-transform: uppercase;top: 20px;}
.newPC .newList .cont .title{padding-top:200px;}
.newPC .newList .title h5{letter-spacing: 0px;font-size: 19px; font-family: Microsoft YaHei;font-weight: bold;color: #000;line-height: 47px;}
.newPC .newList .title .info{margin-top: 10px;font-size: 15px;font-family: Microsoft YaHei;font-weight: 400;color: #000;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newPC .newList .title .time{font-size: 20px;font-family: ZeLing Regular, ZeLing Regular-Regular;font-weight: 400;color: #000;line-height: 36px;margin-top:30px;}
.newPC .newList a .newInfo{width: 410px;height: 401px;position: absolute;font-size: 30px;color: #333;display: flex;align-items: center;justify-content: center;}
.newPC .newList .newInfo span{display: block;}
.newPC .newList .newInfo .lines{width: 30px;background: #333;height: 2px;margin-right: 20px;opacity: 0;}
.newPC .newList .newInfo .views{margin-left: 200px;transition: all 0.5s ease;opacity: 0;}
.newPC .newList .img img{height: 100%;width: 100%;transition: all 0.5s ease;}
.newPC .newList:hover .img img{transform: scale(0.95);}
.newAPP{display: none;}
/************************** 新闻详情 *******************************/
.newsDetail{margin-top: 240px;overflow: hidden;margin-bottom: 100px;}
.newsDetail .two-fifth{width: calc(30% - 35px);}
.newsDetail .newDTit p{font-size: 26px;font-family: ZeLing Regular, ZeLing Regular-Regular;font-weight: 400;color: #000;line-height: 36px;}
.newsDetail .newDTit a{display: block;font-size: 17px;font-weight: bold;color: #000;line-height: 21px; margin-top: 30px;padding-left: 30px; position: relative;}
.newsDetail .newDTit a::before{position: absolute;content: '';width: 18px;height: 2px;background: #000;left: 0;top: 50%;transform: translateY(-50%);}
.newsDetail .one-half{width: 70%;margin-right: 0;}
.newsDetail h1{font-size: 77px; font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: bold;color: #000;line-height: 85px;}
.newsDetail .one-half p{font-size: 19px; font-family: "微软雅黑"; font-weight: 400; text-align: justifyLeft; color: #000; margin-bottom: 30px;}
.newsDetail .one-half p.title{font-size: 26px;font-family: "微软雅黑";font-weight: bold;color: #000;line-height: 47px;margin-top: 10px;position: relative;    margin-bottom: 60px;}
.newsDetail .one-half img{margin-bottom: 30px;width: 100%;height: 100%;}
.newsDetail .shareBox{border-top:1px solid #ccc;margin-top: 30px;padding-top: 30px;display: flex;justify-content: space-between;}
.newsDetail .shareBox img{width: auto;height:auto}
.appBanner, .aboutApp {display: none;}
.caseBox .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item .item-inner {height: 167px;overflow: hidden;}
.caseBox .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item .item-inner img {height: 167px;object-fit: cover;}
.aboutBan a{width:100%;display:block;}
.aboutBan a img{width:100%;}
.newCase #smartscroll .item-inner img {max-height: 197px;}
.about_h2 {font-size: 83px;font-family: ZeLing Bold, ZeLing Bold-Bold;font-weight: 700;text-align: left;color: #000000;line-height: 125px;letter-spacing: -4px;text-transform: uppercase;}
.newsDetail .one-half p.title::before{content: '';width:18px;height: 2px;background: #000;left: 0;bottom: -30px;position: absolute;}

.serviceBox .wrapper-big .column .icon img{width:60px;height:60px}

@media (min-width:1200px) {
    .pageHome .pagination {padding-left: 50px;}
}
@media (max-width:1200px) {
    .newCase .subLeft{position: static;display: flex;margin-left: 5px;}
    .newCase .subLeft h1,.newCase .subLeft h2{font-size:80px;margin: 0;line-height:80px}
    .newCase .subLeft h1{margin-right: 20px;line-height: 80px;}
    .caseBox .subLeft{position: absolute;display: block;}
    .navTab a{font-size: 60px;line-height: 79px;}
}
@media only screen and (max-width: 1024px){
    .aboutLogo .isotope-grid[class*='isotope-spaced'] .isotope-item{width: calc(33.3333333%) !important;margin:0}
    .aboutLogo #portfolio-grid .isotope-item:nth-child(5n+1){border: 0;}
    .aboutLogo #portfolio-grid .isotope-item:nth-child(3n+1){border-left: 1px solid #e3e4e5;}
    .newPC .newList .cont h2{font-size:45px;width: 500px;}
    .newCase .subLeft h1, .newCase .subLeft h2{font-size: 60px;}
    .caseBox .subLeft{top: 6%;}
    .caseBox .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item .item-inner { height: 204px;overflow: hidden;}
	.caseBox .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item .item-inner img {height: 204px;object-fit: cover;}
	.newCase #smartscroll .item-inner img {max-height: 169px;}
}
@media (max-width:768px){
    .navTab a{font-size: 40px;line-height:60px;}
    .newCase #smartscroll .item-inner img {max-height: 208px;}
	.caseBox .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item .item-inner {height: 60vw;overflow: hidden;}
	.caseBox .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item .item-inner img {height: 60vw;object-fit: cover;}
    .newCase .subLeft h1, .newCase .subLeft h2{display:none}
    /* banner */
    .pcBanner {display: none;}
	.appBanner {display: block;}
    .serviceBox .service{width: 100% !important;}
    .serviceBox .swiper-container-multirow-column > .swiper-wrapper {width: 100% !important;}
    #smartscroll .caseItem{width:50%}
    .swiper-pagination{display: none;}
    .seekBox p{font-size: 25px;margin-right: 10px;}
    .seekBox .btn a{width: 100px;height: 35px;line-height: 35px;}
    .seekBox .seek{height: 100px;}
    .caseBox .subLeft{position: static;display: flex;padding-top:130px;align-items: center;}
    .caseBox .caseNav .csaeTit h1{font-size: 30px;line-height: 35px;margin-right: 0;}
    .caseBox .subLeft ul{display: flex;margin-top: 0;flex-wrap: wrap;    margin-left: 10px;}
    .caseBox .subLeft li{margin-right: 30px;}
    #portfolio-grid {padding-top: 20px;padding: 15px;box-sizing: border-box;}
    #portfolio-grid .thumb-hover .overlay-caption{padding: 3rem;}
    .caseBox .thumb-hover .overlay-caption .title{font-size: 16px;}
    .caseBox #portfolio-grid .thumb-hover .overlay-caption .cont{font-size: 20px;min-height: 50px;margin-top: 20px;}
    .caseBox .thumb-hover .overlay-caption p.link{font-size: 24px;margin-top: 30px;}

    .aboutBox .purpose, .aboutBox .abImg{width: 100%;margin: 0;}
    .aboutBox .abImg .column img{width: 100%;}
    .aboutBox .abImg .column{max-width: 100%;max-height: 100%;}

    .newPC .newList .cont h2{font-size:35px;width: 100%;}
    .newPC .newList .cont .title{padding-top: 100px;}
    .newPC .newList a{margin-bottom: 0px;}
    .newPC{margin: 0;margin-bottom: 50px;}

    /* footer底部样式  width: 120px;*/
    .pcFoot{display: none;}
    .appFoot {margin-top:20px;background: #39393b;padding: 50px 15px 70px 15px;color: #fff;display: block;}
    .fLogo img{width:185px;height:auto}
    .fInfo{margin-top:45px;padding-top:45px;font-size:40px;border-top:1px solid #B2B2B2;}
    .fInfo h4{font-size:24px;font-weight: bold;}
    .footR .code{margin:80px 0;}
    .footR .code img{padding:10px;border:1px solid #B2B2B2;}
    .footR .code p{margin-top:15px;font-size:17px;font-family: Microsoft YaHei;font-weight: 400;}
    .footR .info h2{font-family: Microsoft YaHei;font-size:35px;font-weight: bold;color:#fff;    margin-bottom: 10px;}
    .footR .info p{font-family: ZeLing Regular, ZeLing Regular-Regular;font-weight: 400;font-size:16px;margin-top:2px;line-height: 20px}
    .CopyRight{margin-top:60px;font-size:16px;text-align: left;}
    .newDetail_line{display:none}
	
	.fInfo h4,.footR .code p,.footR .info h2,.footR .info p,.CopyRight{color:#B2B2B2;}

    .caseBox .subLeft li a{position: unset;}
    .caseBox .subLeft li p{position: relative;padding-left: 15px;}
    .caseBox .subLeft li:hover p::before,.caseBox .subLeft li.caseCurr p::before{width:10px;}
}
@media (max-width:640px){
    .newCase .smalltext{padding:0 60px;line-height: 25px;}
    .newCase #smartscroll .item-inner img {max-height: 34vh;}
    /* banner */
    .pcBanner {display: none;}
	.appBanner {display: block;}
	.serviceBox .service {width: 100% !important;}
	.serviceBox .swiper-container-multirow-column > .swiper-wrapper {width: 100% !important;}
    
    .seekBox p{font-size:18px;}
    .seekBox .btn a{width: 80px;height: 30px;line-height: 30px;}
    .seekBox .btn a span{font-size: 12px;}
    .seekBox{margin: 10px 0 50px 0;}
    .newCase, .serviceBox{margin: 40px auto;}
    .newCase .mores{margin-top:30px;padding-left: 0;}
    .about_h2{font-size: 30px;line-height: 50px;letter-spacing: 0;}

    .fixedNav .logoNav{padding-top: 30px;height: 120px;}
    .fixedNav .logoNav .logo img{width: 50%;height: auto;}
    .fixedNav .logoNav .navBtn{top:40px;}
    .fixedNav .logoNav .navBtn,.logoNav .navBtn{width: 30px;height: 30px;border: 2px solid #000;right: 5%;}
    .fixedNav .navLine>span,.navLine>span{height: 2px;}
    .whiteColor{border: 2px solid #fff !important;}
    .logoNav{top: 30px;}
    .logoNav .logo img{width: 50%;height:auto}
    .navTab a{font-size: 60px;line-height: 72px;}
    .logoNav .navBtnOn{top:10px;}
    .navInfo{text-align: center;display:none}
    .caseBox .subLeft li h6{font-size:15px;}
    /* 关于我们 */
    .aboutLogo .isotope-grid.style-column-5[class*='isotope-spaced'] .isotope-item {padding: 15px;}
    .aboutBox{padding:15px;margin-top:100px;margin-bottom: 0;}
    .aboutBox h1{font-size: 33px;}
    .aboutBox .abCont,.aboutLogo{margin-top: 20px;}
    .aboutBox .abCont h2{font-size: 20px;}
    .aboutInfo .purpose{margin:40px 0;}
    .aboutMap{margin-top: 50px;}
    .aboutMap .map{margin-top: 0;}
    .aboutSer{margin-top: 0;}

    /* 招聘信息 */
    .hireBox{margin: 30px 0;}
    .hireInfo h6{font-size: 16px;}
    .hireInfo p{font-size:22px;line-height: 50px;}
    .hireCont p{font-size: 17px;line-height: 30px;}

    /* 联系我们 */
    .contactBox h5{font-size: 20px;font-weight: bold;line-height: 30px;}

    /* 案例详情 */
    .caseDetail{padding: 15px;margin-top: 100px;}
    .caseDetail .caseDList{margin: 30px 0;}

    /* 新闻中心 */
    .newAPP{display: block;}
    .newPC{display: none;}
    .newWeb{margin-top: 120px;padding: 15px;}
    .newWeb .newTab{display: flex;align-items: center;justify-content: space-between;}
    .newAPP .newList{margin-bottom: 50px;}
    .newAPP .newList .img{margin-top: 50px;}
    .newAPP .newList .img img{width: 100%;height: 100%;}
    .newAPP .newList .cont .title{margin-top: 20px;}
    .newAPP .newList .title h5{font-size:18px;letter-spacing: 0;font-family: Microsoft YaHei;font-weight: bold;color: #000;line-height:30px;}
    .newAPP .newList .title .info{margin-top: 10px;font-size:14px; font-family:Microsoft YaHei;font-weight: 400;color: #000;line-height:24px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .newAPP .newList .title .time,.newList .title .readArrow{font-size:16px;font-family: ZeLing Regular, ZeLing Regular-Regular;font-weight: 400;color: #000;line-height:24px;margin-top:20px;}
    .newAPP .newList .title .readArrow{color: #999;margin-top:30px}
    .newWeb .newTab .tab span{padding: 0 15px;}
    .newWeb .newTab .tab span:first-child::after {right: -3px;}

    /* 新闻详情 */
    .newsDetail {margin-top: 100px;padding: 15px;margin-bottom: 0px;}
    .newsDetail h1{display: none;}
    .newsDetail .one-half p.title{font-size:18px;position: relative;}
    .newsDetail .one-half p.title::before{content: '';width:25px;height: 2px;background: #000;left: 0;bottom: -10px;position: absolute;}
    .newsDetail .one-half p{font-size: 14px;}
    .newsDetail .shareBox{display: none;}
    .newsDetail .newDTit p{font-size: 20px;}
    .newsDetail .newDTit a{margin-top: 10px;}

    .caseTit{margin-bottom: 20px;}
    .newCase .subLeft h1, .newCase .subLeft h2{font-size: 40px;}
    .caseBox .subLeft li{margin-right: 10px;}
    .caseBox .subLeft{padding-top: 80px;}
    .aboutPc{display:none}
    .aboutApp{display:block}
    .swiper-pagination {display: block;text-align: right;position: absolute;right: 0;width: 95%;bottom: 30px;font-size: 20px;color: #fff;}
	.serviceBox .swiper-pagination {display: none;}
	.seekBox .seek {height: 50px;width: 90%;border: 5px solid #000;}
    #smartscroll .caseItem{width:100%}
    .newDetail_line{display:none}
}