@charset "utf-8"; /*rest css*/ *{box-sizing:border-box;} html{width:100%;min-height:100%;outline:0;font-size:20px;font-family:"微软雅黑";-webkit-text-size-adjust:none;} body,dd,div,dl,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,textarea,ul{margin:0;padding:0;} body{background-color:#fff;color:#333;font-family:"微软雅黑";} ol,ul{list-style:none;} img{border:none;vertical-align:middle;} a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333;} html{max-width:1920px;min-width:1300px; margin:0 auto; position:relative;} body{max-width:1920px;min-width:1300px;font-size:14px; background:#fff;position:relative;margin: 0 auto;} em,i{font-style:normal;} input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;} textarea{-webkit-appearance: none;} h1,h2,h3,h4,h5,h6{font-weight:lighter} .oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);} .lc{position: relative;display:block;top: 50%;transform: translateY(-50%);} .flex{display:flex} .flex-sub{flex:1} .flex-twice{flex:2} .flex-treble{flex:3} .flex-direction{flex-direction:column} .flex-wrap{flex-wrap:wrap} .align-start{align-items:flex-start} .align-end{align-items:flex-end} .align-center{align-items:center} .align-stretch{align-items:stretch} .self-start{align-self:flex-start} .self-center{align-self:flex-center} .self-end{align-self:flex-end} .self-stretch{align-self:stretch} .align-stretch{align-items:stretch} .justify-start{justify-content:flex-start} .justify-end{justify-content:flex-end} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .justify-around{justify-content:space-around} .grid{display:flex;flex-wrap:wrap} .grid.grid-square{overflow:hidden} .cf::after,.cf::before{content:" ";display:table} .cf::after{clear:both} .fl{float:left} .fr{float:right} .full-img{width: 100%;height: 100%;display:block;opacity: 1;position: absolute;left: 0;top: 0;z-index: 1;transition: all .3s;} .rimg{width: 100%;height: auto;display: block;} /*公共样式*/ .nav{height: 1.2rem;max-width: 19.2rem;background: rgba(255,255,255,0);transition: all .5s;position: fixed;top: 0;left: 50%;transform: translateX(-50%);min-width: 12rem;z-index: 99;width: 19.2rem;} .nav .icon{width: 2.6rem} .nav .icon .scale{transition: all .3s;cursor: pointer;} .nav .icon .more{width: .22rem;height: .15rem;position: relative;margin-right: .44rem;} .nav .icon .more img:first-child{opacity: 1;} .nav .icon .more img:last-child{opacity: 0} .nav .icon .logo{width: 1.27rem;height: .38rem;position: relative;display: block;} .nav .icon .logo img:first-child{opacity: 1;} .nav .icon .logo img:last-child{opacity: 0} .nav .icon .wx{width: .22rem;height: .24rem;position: relative;margin-right: .44rem;} .nav .icon .wx img:first-child{opacity: 1} .nav .icon .wx img:last-child{opacity: 0} .nav .icon .user{width: .22rem;height: .24rem;position: relative;} .nav .icon .user img:first-child{opacity: 1} .nav .icon .user img:last-child{opacity: 0} .nav .icon .yy{width: 0.22rem;height: 0.22rem;box-sizing: content-box;border: 2px solid #fff;border-radius: 4px;text-align: center;line-height: .24rem;color: #fff;font-size: .12rem;font-weight: bold;} .nav .icon .yy:first-child{margin-right: .4rem;transition: all .3s;} .nav .flex-sub .item{padding: 0 .25rem;position: relative;height: 1.2rem;display: block;} .nav .flex-sub .item .t{color: #fff;font-size: .2rem;transition: all .3s;cursor: pointer;text-transform:uppercase;height: 1.2rem;line-height: 1.2rem;font-weight:lighter} .nav .flex-sub .item .up{width: 2.4rem;padding: 0rem .4rem;background: #fff;position: absolute;overflow: hidden;left: 50%;transform: translateX(-50%);top: 1.2rem;height: 0px;transition: all .3s;} .nav .flex-sub .item .up .i{height: .5rem;line-height: .5rem;color: #121212;font-size: .2rem;transition: all .3s;display: block;text-transform: uppercase;font-weight:lighter;text-align: center;} .nav .flex-sub .item .up .i:hover{color: rgb(19, 36, 105)} .nav .flex-sub .item .up .i:first-child{padding-top: .2rem;height: .7rem;} .nav .flex-sub .item .up .i:last-child{padding-bottom: .2rem;height: 0.7rem;} .nav .flex-sub .item .up-big{background: #eee;position: absolute;overflow: hidden;left: 50%;transform: translateX(-50%);top: .8rem;width: 12rem;height: 0;} .nav .flex-sub .item .up-big .title{padding: 0 .5rem;display: flex;align-items: center;height: .6rem;border-bottom: 1px solid #9696961c;} .nav .flex-sub .item .up-big .title .cell{font-size: .24rem;color: #333;flex: 1;text-align: center;font-weight: bold;} .nav .flex-sub .item .up-big .title .cell:first-child{text-align: left;} .nav .flex-sub .item .up-big .title .cell:last-child{text-align: right;padding-right: .88rem;} .nav .flex-sub .item .up-big .content{padding: .3rem .5rem;display: flex;align-items: flex-start;border-bottom: 1px solid #9696961c;} .nav .flex-sub .item .up-big .content .cell{font-size: .2rem;color: #333;flex: 1;position: relative;} .nav .flex-sub .item .up-big .content .cell a{height: .4rem;line-height: .4rem;display: block;text-align: left;font-weight: lighter;} .nav .flex-sub .item .up-big .content .cell:first-child a{text-align: left;} .nav .flex-sub .item .up-big .content .cell:nth-of-type(3) a{text-align: center;} .nav .flex-sub .item .up-big .content .tow::after{content: "";display: block;width:1px;height: 2rem;position: absolute;top: 0rem;left: -.4rem;background-color: #9696961c;} .nav .flex-sub .item .up-big .content .three::after{content: "";display: block;width:1px;height: 2rem;position: absolute;top: 0rem;left: .2rem;background-color: #9696961c;} .nav .flex-sub .item .up-big .content .four::after{content: "";display: block;width:1px;height: 2rem;position: absolute;top: 0rem;left: -.2rem;background-color: #9696961c;} .nav .flex-sub .item .up-big .content .four a{text-align: center;} .nav.white{background: rgba(255,255,255,1);height: .8rem;box-shadow: 0 1px 10px rgba(0,0,0,.15);} .nav.white .flex-sub .item{height: .8rem;} .nav.white .flex-sub .item .t{color: #fff;font-size: .2rem;transition: all .3s;cursor: pointer;text-transform:uppercase;height: .8rem;line-height: .8rem;font-weight:lighter;display: block;} .nav.white .flex-sub .item .up{width: 2.4rem;padding: 0rem .4rem;background: #eee;position: absolute;overflow: hidden;left: 50%;transform: translateX(-50%);top: .8rem;height: 0px;transition: all .3s;} .nav.white .icon .more img:first-child{opacity: 0;} .nav.white .icon .more img:last-child{opacity: 1} .nav.white .icon .wx img:first-child{opacity: 0} .nav.white .icon .wx img:last-child{opacity: 1} .nav.white .icon .logo img:first-child{opacity: 0;} .nav.white .icon .logo img:last-child{opacity: 1} .nav.white .icon .user img:first-child{opacity: 0} .nav.white .icon .user img:last-child{opacity: 1} .nav.white .flex-sub .item .t{color: #121212} .nav.white .icon .yy {color: #121212;border-color: #121212;} .nav .flex-sub .item:hover .t{color: #132469} .nav .flex-sub .item:hover .up{height: auto;} .nav .flex-sub .item:hover .up-big{height: auto;} .nav .icon .scale:hover{transform: scale(1.2);} .swiper-container1{width: 100%;height: 9.7rem;} .header{width: 100%;height: 9.7rem;background: url('../img/banner/banner1.jpg');position: relative;background-size: cover;} .header2{width: 100%;height: 9.7rem;background: url('../img/hxjs/hxjs.png');position: relative;background-size: cover;} .header3{width: 100%;height: 9.7rem;background: url('../img/header.png');position: relative;background-size: cover;} .cus{width: 100%;height: 9.7rem;background: url('../img/cus.png');position: relative;background-size: cover;} .header-news{width: 100%;height: 9.7rem;background: url('../img/news.png');position: relative;background-size: cover;} .hangye{width: 100%;height: 9.7rem;background: url('../img/hangye.png');position: relative;background-size: cover;} .model{width: 100%;height: 9.7rem;background: url('../img/model.png');position: relative;background-size: cover;} .pro-header{width: 100%;height: 9.7rem;background: url('../img/pro.png');position: relative;background-size: cover;} .news{background: #fff;padding-bottom: .3rem;} .news .box{padding: 0rem;} .news .box .title-region{padding-top: .8rem;margin-bottom: .5rem;} .news .new-content{padding: .15rem;} .news .new-content .pd{width: 33.33%;padding: 0.15rem;display: block;} .news .new-content .pd .new-item{width: 100%;box-shadow: 0 0 .15rem 0 rgba(0, 0, 0,0.1);height: 4.0rem;position: relative;} .news .new-content .pd .new-item .img-box{height: 2.5rem;width: 100%;overflow: hidden;} .news .new-content .pd .new-item .img-box img{display: block;width: 100%;height: 100%;transition: all .5s;} .news .new-content .pd .new-item .text{padding: .2rem;position: absolute;left: 0;bottom: 0;background: #fff;} .news .new-content .pd .new-item .text .title{font-size: .22rem;line-height: 1.5;display: block;overflow: hidden;height: .7rem;font-weight: lighter;color: #000;transition: all .3s;} .news .new-content .pd .new-item:hover .text .title{color: #132469;} .news .new-content .pd .new-item .text .berif{height: 0;overflow: hidden;font-weight: lighter;transition: all .5s;color: rgba(150, 150, 150, 0.76);font-size: .18rem;line-height: 1.5;} .news .new-content .pd .new-item .text .time{font-size: .16rem;padding-top: .2rem;color: rgba(150, 150, 150, 0.76);line-height: 1.5;font-weight: lighter;line-height: .2rem;} .news .new-content .pd .new-item:hover .img-box img{transform: scale(1.1);} .news .new-content .pd .new-item:hover .text .berif{height: .55rem;} .news.news-page .w{width: 14rem;max-width: 14rem;padding: 0;} .news.news-page .new-content{padding: .25rem;} .news.news-page .new-content .pd .new-item{width: 100%;box-shadow: 0 0 .15rem 0 rgba(0, 0, 0,0.1);height: 5.5rem;position: relative;} .news.news-page .new-content .pd{width: 50%;padding: 0.25rem;} .news.news-page .new-content .pd .new-item .img-box{height: 4rem;width: 100%;overflow: hidden;} .footer{background: #111217;} .footer .top{border-bottom: 1px solid #666769;padding: .8rem 0;} .footer .top .fitem{height: 1.8rem;display: flex;justify-content: center;align-items: flex-start;width: 40%;} .footer .top .fitem{border-right: 1px solid #666769;} .footer .top .fitem:last-child{border: none;} .footer .top .fitem .text{width: 2.1rem;} .footer .top .fitem:nth-of-type(2) .text{width: 3rem;} .footer .top .fitem .text .t{font-size: .2rem;line-height: 1.5;margin-bottom: .2rem;color: #fff;} .footer .top .fitem .text p{font-size: .14rem;color: #fff;line-height: 1.5;white-space: nowrap;} .footer .top .fitem .text a{font-size: .14rem;color: #fff;line-height: 1.5;} .footer .top .fitem.right{justify-content: flex-end;width: 30%;} .footer .top .fitem.left{justify-content: flex-start;width: 30%;} .footer .top .fitem .f-logo{width: 1.6rem;display: flex;flex-direction: column;justify-content: center;align-items: center;} .footer .top .fitem .f-logo .imgt{width: 1.6rem;height: auto;display: block;margin-bottom: .2rem;} .footer .top .fitem .f-logo .imgb{width: 1.1rem;height: 1.1rem;display: block;} .footer .bottom{height: 1.6rem;} .footer .bottom p{text-align: center;font-size: .14rem;color: #fff;line-height: 1.5;} /* .hxjs{height: 5rem;background: #fff;position: relative;} */ .hxjs{height: 2.8rem;background: #fff;position: relative;} /* .hxjs .up{width: 16.0rem;min-height: 6.6rem;background-color: #fff;border-radius: .2rem;box-shadow: 0 0 .2rem 0 rgba(0,0,0,.15);position: absolute;top: -3.3rem;z-index: 2;margin-left: -8rem;padding: .8rem 1rem;left: 50%;} */ .hxjs .up{width: 16.0rem;min-height: 4.4rem;background: rgba(255,255,255,.75);border-radius: .2rem;box-shadow: 0 0 .2rem 0 rgba(0,0,0,.15);position: absolute;top: -3.3rem;z-index: 2;margin-left: -8rem;padding: .8rem 1rem;left: 50%;} .hxjs .up .title{font-size:.32rem;color:#000;line-height:150%;text-align:center;font-weight: lighter;margin-bottom: .8rem;} .hxjs .up .section{display: flex;flex-direction: row;justify-content: space-between;} .hxjs .up .section .item{width: 3.3rem;height: 3.5rem;box-shadow: 0 0 .1rem 0 rgba(0,0,0,.15);border-radius: .1rem;padding: .25rem 0;} .hxjs .up .section .item .img-box{width: 1rem;height: 1rem;margin: 0 auto;margin-bottom: .25rem;position: relative;} .hxjs .up .section .item .t{font-size: .20rem;color: #000;line-height: 1.5;text-align: center;width: 100%;margin-bottom: .2rem;padding: 0 .3rem;} .hxjs .up .section .item .b{color: rgba(150, 150, 150, 0.76);font-size: .16rem;text-align: center;width: 100%;padding: 0 .2rem;} .hxjs1 {background: #111217;padding:.6rem 0;} .hxjs1 .title{font-size:.32rem;color:#fff;line-height:150%;text-align:center;font-weight: lighter;margin-bottom: .8rem;} .hxjs1 .collection{width: 16rem;display: flex;flex-direction: row;margin:0 auto;} .hxjs1 .collection .item{flex: 1;display: flex;flex-direction: column;justify-content: space-between;align-items: center;cursor: pointer;} .hxjs1 .collection .item .img-box{width: 2rem;height: 2rem;overflow: hidden;background: url('../img/iconhxjs/ico_nav_edgestorage.png') no-repeat center top;background-size: 2rem 4rem;margin-bottom: .15rem;} .hxjs1 .collection .item .t{width: 3rem;font-size: .26rem;color: #999;height: 0.4rem;line-height: .4rem;margin-bottom: .1rem;text-align: center;transition: all .3s;font-weight: lighter;} .hxjs1 .collection .item .b{font-size: .16rem;line-height: 1.5;height:.8rem;text-align: center;width: 3rem;color: #999;transition: all .3s;} .hxjs1 .collection .item:nth-of-type(2) .img-box{background: url('../img/iconhxjs/ico_nav_fx.png') no-repeat center top;background-size: 2rem 4rem;} .hxjs1 .collection .item:nth-of-type(3) .img-box{background: url('../img/iconhxjs/ico_nav_service.png') no-repeat center top;background-size: 2rem 4rem;} .hxjs1 .collection .item:nth-of-type(4) .img-box{background: url('../img/iconhxjs/ico_nav_share.png') no-repeat center top;background-size: 2rem 4rem;} .hxjs1 .collection .item:hover .img-box{background-position: center bottom;} .hxjs1 .collection .item:hover .t,.hxjs1 .collection .item:hover .b{color: #fff;} .hxjs2 .d3s{width: 16rem;display: flex;flex-direction: row;margin:0 auto;justify-content: space-between;} .hxjs2 .d3s .item{width: 6rem;height: 6rem;position: relative;} .hxjs2 .d3s .item .top .t{width: 100%;text-align: center;color: #fff;font-size: .24rem;margin-bottom: .1rem;font-weight: lighter;} .hxjs2 .d3s .item .top .b{padding-bottom: .15rem;text-align: center;color: #999;font-size: .16rem;line-height: 1.5;} .hxjs2 .d3s .item .top{display:block;width:100%;height:100%;position: absolute;left: 0;top: 0;z-index: 1;display: flex;flex-direction: column;justify-content: flex-end;background-size: 100% auto;box-shadow: 0 0 .2rem rgba(19, 36, 105,.5);} .hxjs2 .d3s .item:nth-of-type(1) .top{background:url('../img/face.png') #000 no-repeat center top} .hxjs2 .d3s .item:nth-of-type(2) .top{background:url('../img/rt.png') #000 no-repeat center .4rem} .hxjs2 .d3s .item a{display:block;width:100%;height:100%;position: absolute;display:flex;justify-content:center;align-items:center;transition:all .5s;left: 0;top: 0;z-index: 2;} .hxjs2 .d3s .item a i{display:block;position:absolute;overflow:hidden;background-image:url(../img/border.svg);background-repeat:no-repeat;transition:all .5s;width:0;height:0;opacity:0} .hxjs2 .d3s .item a:hover i{opacity:1} .hxjs2 .d3s .item a i.t{width:0;height:0;overflow:hidden;background-position:0 top;background-size:100%;top:0;left:0} .hxjs2 .d3s .item a:hover i.t{width:100%;height:3px} .hxjs2 .d3s .item a i.r{width:0;height:0;background-position:right 0;background-size:auto 100%;right:0;top:0} .hxjs2 .d3s .item a:hover i.r{height:100%;width:3px} .hxjs2 .d3s .item a i.b{width:0;height:0;background-position:0 bottom;background-size:100%;bottom:0;right:0} .hxjs2 .d3s .item a:hover i.b{width:100%;height:3px} .hxjs2 .d3s .item a i.l{width:0;height:0;background-position:left 0;background-size:auto 100%;left:0;bottom:0} .hxjs2 .d3s .item a:hover i.l{height:100%;width:3px} .hxjs2 .d3s .item a img{display: block;width:100%;height:100%;} .hxjs2 .d3s .item a:hover:before{opacity:0} .hxjs3{background: #fff;padding: 1rem 0;} .hxjs3 .title{font-size:.32rem;color:#000;line-height:150%;text-align:center;font-weight: lighter;margin-bottom: .8rem;} .hxjs3 .list{width: 14rem;display: flex;margin: 0 auto;justify-content: space-between;} .hxjs3 .list .item{width: 3.3rem;height: 3.5rem;position: relative;} .hxjs3 .list .item .child{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;} .hxjs3 .list .item .child p{font-size: .18rem;line-height: 2;text-align: center;color: #fff;} .hxjs3 .list .item .child:first-child{z-index: 1;opacity: 1;transition: all .3s;background: #333;} .hxjs3 .list .item .child:last-child{z-index: 0;box-shadow: 0 0 .2rem rgba(19, 36, 105,.5);opacity: 0;transition: all .3s;border-radius: .1rem;} .hxjs3 .list .item .child:last-child p{color: #000;} .hxjs3 .list .item:hover .child:first-child{opacity: 0;} .hxjs3 .list .item:hover .child:last-child{opacity: 1;} .about {height: 4rem;} .about .center{padding: 0 .2rem;display: flex;justify-content: space-between;align-items: center;width: 100%;} .about .center .logo{width: 3.35rem;height: 3.35rem;position: relative;} .about .center .bb{font-size: .2rem;line-height: 2;color: #000;width: 8rem;} .hxjs3.ab .list .item{width: 3.3rem;height: 3.5rem;position: relative;} .hxjs3.ab .list .item .child{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;overflow: hidden;} .hxjs3.ab .list .item .child p{font-size: .2rem;line-height: 2;text-align: center;color: #fff;} /* .hxjs3.ab .list .item .child:first-child{z-index: 1;opacity: 1;transition: all .3s;background: url(../img/hxjs/hxb2.png) no-repeat;background-size: cover;} */ .hxjs3.ab .list .item .child:first-child{z-index: 1;opacity: 1;transition: all .3s;background: #333;} /* .hxjs3.ab .list .item .child:last-child{z-index: 2;box-shadow: 0 0 .2rem rgba(19, 36, 105,.5);opacity: 1;transition: all .3s;border-radius: .1rem;} .hxjs3.ab .list .item .child:last-child p{color: #000;} .hxjs3.ab .list .item:hover .child:first-child{opacity: 1;} .hxjs3.ab .list .item:hover .child:last-child{opacity: 1;} */ .address{padding: 1rem 0;} .address .title{font-size:.32rem;color:#000;line-height:150%;text-align:center;font-weight: lighter;margin-bottom: .8rem;} .address .list{width: 13.8rem;display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 auto;padding: .2rem;} .address .list .item{height: 2.2rem;width: 50%;padding: .2rem;cursor: pointer;} .address .list .item .shadow{box-shadow: 0 0 .2rem rgba(19, 36, 105,.5);display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;} .address .list .item .img-box{width: 0.35rem;height: 0.43rem;position: relative;margin-bottom: .1rem;} .address .list .item .t{font-size: .24rem;color: #000000;margin-bottom: .05rem;} .address .list .item .b{font-size: .18rem;color: #666769;} .address .list .item:hover .img-box{animation: tiao .3s linear infinite} @keyframes tiao{ 0%{transform: translateY(0);} 50%{transform: translateY(-6px);} 100%{transform: translateY(0);} } .cus{display: flex;justify-content: center;align-items: center;} .cus .join{display: flex;flex-direction: column;justify-content: center;align-items: center;} .cus .t{line-height: 1.5;font-size: .48rem;font-weight: lighter;color: #fff;margin-bottom: .7rem;} .cus .btns{display: flex;} .cus .btns .b{font-size: .18rem;color: #fff;line-height: .5rem;box-sizing: content-box;border-radius: 5px;border: 1px solid #fff;width: 1.8rem;display: block;text-align: center;font-weight: lighter;height: 0.5rem;transition: all .3s;} .cus .btns .b:first-child{margin-right: 1.5rem;} .cus .btns .b:hover{background: #132469;border-color: #132469;} .yg{padding: 1rem 0;background: #fff;padding-bottom: 1.3rem;} .yg .title{font-size:.32rem;color:#000;line-height:150%;text-align:center;font-weight: lighter;margin-bottom: .8rem;} .yg .list{width: 13rem;margin: 0 auto;display: flex;justify-content: space-between;} .yg .list .item{background: #d5d5d5;width: 3.0rem;height: 3.5rem;box-shadow: 0 0 .1rem rgba(0, 0, 0,0.1);border-radius: .1rem;} .yg .list .item .img-box{width: 100%;height: 100%;position: relative;transition: all .3s;} .yg .list .item .img-box img{background: rgb(163, 152, 152);transition: all .3s;border-radius: .1rem;} .yg .list .item:hover .img-box{transform: scale(1.1);} .news-hot-list {display: flex;justify-content: space-between;} .news-hot-list .card{width:3.3rem;height:2.8rem;transition:all .6s ease-in-out;background: #fff;border-radius: .04rem;} .news-hot-list .card .img-content{width:3.3rem;height:100%;overflow:hidden;border-radius:.04rem;z-index:2} .news-hot-list .card img{width:100%;transition:all .3s ease-in-out;height: 100%;display: block;} .news-hot-list .card .text-content{width:3.5rem;height:100%;border-radius:.04rem;background-color:#fff;z-index:1;transition:all .6s ease-in-out;padding:.25rem;box-sizing:border-box;position: relative;} .news-hot-list .card .text-content h3{font-size:.22rem;color:#000;text-align:left;line-height:1.5;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .news-hot-list .card .text-content p{opacity:.8;font-size:.14rem;color: #666769;;text-align:justify;line-height:1.5;margin-top:.1rem} .news-hot-list .card .text-content p.desc{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: .16rem;} .news-hot-list .card .text-content a{position:absolute;bottom:.2rem;right:.3rem;font-size:.14rem;text-align:text;line-height:.42rem;height:.42rem;height:.4rem;width:1.6rem;background:#132469;border-radius:.2rem;transition:all .2s ease-in-out;display: block;text-align: center;} .news-hot-list .card .text-content a span{color:#e9ecf4} .news-hot-list .card .text-content a:hover{cursor:pointer;transform:translateY(-.05rem);box-shadow:0 .05rem .1rem rgba(36,104,242,.2)} .news-hot-list .active{width:6.8rem;box-shadow: 0 0 .2rem rgba(0, 0, 0,0.1);display: flex;} .news-hot-list .active .img-content{border-radius:.04rem 0 0 .04rem} .news-hot-list .active .text-content{border-radius:0 .04rem .04rem 0} .news-hot-list .active:hover img{transform:scale(1.05)} .hangye1{height: 1.4rem;position: relative;} .hangye1 .up{width: 16rem;background:rgba(255,255,255,.75);margin: 0 auto;position: absolute;left: 50%;bottom: 0;margin-left: -8rem;z-index: 2;height: 4.4rem;border-radius: .2rem;box-shadow: 0 0 .2rem rgba(0, 0, 0,0.1);} .hangye1 .up .title{font-size:.32rem;color:#000;line-height:150%;text-align:center;font-weight: lighter;margin-bottom: .8rem;} .hangye1 h2{font-size:.3rem;line-height:.48rem} .hangye1 .container{width:100%;min-width:12rem;text-align:center;margin:.8rem auto 0} .hangye1 .title{color:#000} /* .hangye1 .nav-tab{margin:0 auto;width:7.52rem;text-align:center;transition:all .2s ease-in-out} .hangye1 .navbd{margin-top:.3rem;overflow:hidden;padding:0 .18rem;text-align: center;} .hangye1 .navbd li{margin:0 .18rem;cursor:pointer;display: inline-block;} .hangye1 .navbd p{opacity:.6;font-size:.16rem;color:#000;text-align:left;line-height:.3rem} .hangye1 .navbd .active p{opacity:1} .hangye1 .nav-line{background:#666769;height:.01rem;width:7.52rem;margin:.2rem auto;position:relative} .hangye1 .nav-line span{width:.7rem;height:.02rem;background:#132469;position:absolute;left:0;top:-.01rem;transform:translateX(1.78rem);transition:all .2s ease-in-out} */ .hangye1 .nav-tab{margin:0 auto;width:636px;text-align:center;transition:all .2s ease-in-out} .hangye1 .navbd{margin-top:30px;overflow:hidden;padding:0 18px} .hangye1 .navbd li{float:left;margin:0 18px;cursor:pointer;width: 64px;text-align: center;} .hangye1 .navbd p{opacity:.6;font-size:16px;color:#000;text-align:left;line-height:30px} .hangye1 .navbd .active p{opacity:1} .hangye1 .nav-line{background:#666769;height:1px;width:636px;margin:20px auto;position:relative} .hangye1 .nav-line span{width:70px;height:2px;background:#132469;position:absolute;left:0;top:-1px;transform:translateX(33px);transition:all .2s ease-in-out} .hangye2{padding:1.4rem 0;background: #fff;} /* .hangye2 .hybox{position: relative;height: 4rem;} */ .hangye2 .hybox{position: relative;} /* .hangye2 .hy-card{width: 14rem;margin:0 auto;display: flex;justify-content: space-between;align-items: center;position: absolute;left: 50%;top: 0;margin-left: -7rem;transition: all .3s;opacity: 0;} */ .hangye2 .hy-card{width: 14rem;margin:0 auto;display: none;justify-content: space-between;align-items: center;transition: all .3s;min-height: 4rem;} .hangye2 .hy-card .img-box{width: 6rem;height: 4rem;border-radius: .2rem;position: relative;border-radius: .1rem;overflow: hidden;} .hangye2 .hy-card .text-box{width: 6rem;} .hangye2 .hy-card .text-box .t{font-size: .24rem;color: #000;margin-bottom: .5rem;} .hangye2 .hy-card .text-box .b{font-size: .18rem;color: #666769;line-height: 1.5;} /* .hangye2 .hy-card.show{opacity: 1;} */ .hangye2 .hy-card.show{display: flex;} .model-list{display: flex;justify-content: center;align-items: center;padding-top: .3rem;} .model-list .model-item{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;} .model-list .model-item .model-i{width: 2rem;height: 1rem;line-height: 1rem;text-align: center;margin-bottom: .3rem;} .model-list .model-item .model-i img{display: inline-block;width: 100%;height: auto;} .model-list .model-item .model-t{font-size: .2rem;width: 2rem;font-weight: lighter;color: #000;text-align: center;} .model-pro{width:14.4rem;margin:0 auto;height: 6.2rem;display: flex;} .model-pro .pro-img{width: 50%;height: 100%;display: flex;justify-content: center;align-items: center;} .model-pro .pro-img img{width: 6rem;height: auto;display: block;} .model-pro .pro-info{width: 50%;;height: 100%;display: flex;justify-content: center;align-items:flex-start;flex-direction: column;padding: .7rem;} .model-pro .pro-info .t{font-size: .4rem;color: #333333;line-height: 1.1;} .model-pro .pro-info .e{font-size: .18rem;color: #111217;line-height: 1.5;margin-bottom: .2rem;} .model-pro .pro-info .l{width: 0.5rem;height: 0.05rem;background: #1b2843;margin-bottom: .2rem;} .model-pro .pro-info .b{font-size: .16rem;color: #666769;line-height: 2;} .model-up{height: 3rem} .model-up .up{height: 5.2rem;} .model-icon-list{width: 14.4rem;margin: 0 auto;} .model-icon-list .title{width: 2.6rem;height: 0.4rem;line-height: .4rem;color: #1b2843;font-weight: lighter;text-align: center;font-size: .28rem;margin: 0 auto;position: relative;} .model-icon-list .title::before{content: "";display: block;width: 2px;height: .4rem;background-color: #1b2843;position: absolute;left: 0;top: 0;} .model-icon-list .title::after{content: "";display: block;width: 2px;height: .4rem;background-color: #1b2843;position: absolute;right: 0;top: 0;} .model-icon-list .icon-list{padding: 1.2rem 0;display: flex;} .model-icon-list .icon-list .icon-item{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;} .model-icon-list .icon-list .icon-item .img-box{height: 0.72rem;width: 0.72rem;display: flex;align-items: center;justify-content: center;margin-bottom: .3rem;} .model-icon-list .icon-list .icon-item .img-box img{width: 100%;height: auto;} .model-icon-list .icon-list .icon-item .t{color: #333333;width: 100%;font-size: .18rem;height: 0.8rem;padding: 0 .2rem;line-height: 1.5;text-align: center;} .model-icon-list .cj-list{padding: 1.2rem 0;display: flex;justify-content: space-between;} .model-icon-list .cj-list .cj-item{width: 2rem;height: 2rem;border-radius: 2rem;overflow: hidden;position: relative;} .model-icon-list .cj-list.cj-list-three .cj-item{width: 3.75rem;height: 3.75rem;border-radius: .1rem;overflow: hidden;position: relative;} .model-icon-list .cj-list .cj-item .bottom-img{width: 100%;height: 100%;overflow: hidden;left: 0;top: 0;z-index: 1;position: absolute;} .model-icon-list .cj-list .cj-item .bottom-img img{left: 50%;top: 50%;transform: translate(-50%,-50%);height: 100%;width: auto;position: absolute;transition: all .3s;} .model-icon-list .cj-list .cj-item .cj-text{transition: all .3s;line-height: 2rem;text-align: center;color:#fff;font-size: .24rem;font-weight: lighter;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: rgba(0,0,0,.4);} .model-icon-list .cj-list.cj-list-three .cj-item .cj-text{line-height: 3.75rem;} /* .model-icon-list .cj-list .cj-item:hover .bottom-img img{transform: scale(1.1);} */ .model-icon-list .cj-list .cj-item:hover .cj-text{font-weight: bold;background-color: rgba(0,0,0,0);} .pro-up .up{padding: .8rem 0;} .pro-up .pro-list{padding: .2rem .4rem;display: flex;} .pro-up .pro-list .pro-item{flex: 1;padding: .2rem;} .pro-up .pro-list .pro-item .bpg{width: 100%;height: 0;padding-top: 100%;position: relative;} .pro-up .pro-list .pro-item .bpg .info{position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-radius: 100%;border: 1px solid #132469;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all .3s;background: #fff;} .pro-up .pro-list .pro-item .bpg .info p{line-height: 1.5;font-size: .22rem;color: #132469;font-weight: lighter;width: 100%;text-align: center;transition: all .3s;} .pro-up .pro-list .pro-item:hover .bpg .info{background: #132469;} .pro-up .pro-list .pro-item:hover .bpg .info p{color: #fff;} .pro-four{width: 14.4rem;margin: 0 auto;} /* .pro-four .title{width: 3.6rem;height: 0.66rem;line-height: .66rem;color: #fff;font-weight: lighter;text-align: center;font-size: .32rem;background-color: #1b2843;} */ .pro-four .title{width: 2.6rem;height: 0.4rem;line-height: .4rem;color: #1b2843;font-weight: lighter;text-align: center;font-size: .28rem;margin: 0 auto;position: relative;} .pro-four .title::before{content: "";display: block;width: 2px;height: .4rem;background-color: #1b2843;position: absolute;left: 0;top: 0;} .pro-four .title::after{content: "";display: block;width: 2px;height: .4rem;background-color: #1b2843;position: absolute;right: 0;top: 0;} .pro-four .four-list{padding: .5rem;display: flex;flex-direction: row;flex-wrap: wrap;} .pro-four .four-list .four-item{padding: .5rem;width: 25%;display: flex;align-items: center;justify-content: center;flex-direction: column;} .pro-four .four-list .four-item .img-box{position: relative;height: 0.72rem;width: 0.72rem;margin-bottom: .3rem;} .pro-four .four-list .four-item .t{color: #333333;width: 100%;font-size: .18rem;height: 0.3rem;padding: 0 .2rem;line-height: .3rem;text-align: center;} .jobs {background-color: #f1f1f1;} .jobs .container{width: 1400px;margin: 0 auto;padding: .3rem 0;} .jobs .container .filter{position: relative;padding: 0 .3rem;padding-bottom: .3rem;margin-bottom: .1rem;background-color: #fff;} .jobs .container .filter-title{ align-items:center; box-sizing:border-box; color:rgb(34, 40, 49); line-height: .56rem; font-family:-apple-system, system-ui, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif; font-size:.16rem; font-weight:normal; height:.56rem; justify-content:space-between; text-size-adjust:100%; width:100%; -webkit-box-align:center; -webkit-box-direction:normal; -webkit-box-pack:justify; } .jobs .container .wrapper{ box-sizing:border-box; color:rgb(41, 44, 50); display:flex; font-family:-apple-system, system-ui, "PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif; font-size:.14rem; font-weight:normal; height:.36rem; line-height:.36rem; text-size-adjust:100%; width:100%; -webkit-box-direction:normal; } .jobs .container .wrapper input{border-radius: 2px 0 0 2px; background-color: #fff; border: 1px solid #dddfe3; border-right: none;font-size: .12rem; flex-shrink: 1; height: .36rem; padding: 0 .14rem; line-height: .36rem; outline: none; flex-grow: 1; color: #a2a4a8; } .jobs .container .wrapper span{ border-bottom-left-radius: 0; font-size: .14rem; border-top-left-radius: 0; flex-shrink: 0; padding: 0 .22rem; flex-grow: 0; background-color: rgb(34, 40, 49); color: #fff; } .jobs .container .flatten-selector{margin-top: 0;} .jobs .container .flatten-selector .flatten-select{ display: flex; padding: .06rem 0; font-size: .12rem; } .jobs .container .flatten-selector .flatten-select .title{ margin-right: .4rem; line-height: .18rem; white-space: nowrap; color: #222831; } .jobs .container .flatten-selector .flatten-select .body{ flex-wrap: wrap; display: flex; justify-content: flex-start; color: #a2a4a8 } .jobs .container .flatten-selector .flatten-select .body .option{ box-sizing: border-box; padding: 0 .06rem; margin: 0 .04rem; line-height: .18rem; cursor: pointer; transition: background-color 0.3s; display: inline-block; } .jobs .container .flatten-selector .flatten-select .body .option.active{background-color: rgb(34, 40, 49);color: #fff;color: #fff;} .jobs .results{background-color: #fff;} .jobs .results .cell{padding: 0 .3rem;transition: all .3s;} .jobs .results .cell:hover{background-color: #eee;} .jobs .results .cell .item{padding: .2rem 0;border-bottom: 1px solid #eee;} .jobs .results .cell:last-child .item{border: none;} .jobs .results .cell .item .title{font-size: .16rem; line-height: .22rem; color: #222831; margin-bottom: .1rem; } .jobs .results .cell .item .status{ display: flex; font-size: .14rem; line-height: .2rem; color: #a2a4a8; margin-bottom: .1rem; } .jobs .results .cell .item .status span{ padding-right: .12rem; margin-right: .12rem; border-right: 1px solid #f4f4f5; } .jobs .results .cell .item .bottom{display: flex;justify-content: space-between;align-items: center;} .jobs .results .cell .item .bottom .location{ color: #575d6a; font-size: .14rem;line-height: .2rem;} .jobs .results .cell .item .bottom .time{color: #a2a4a8; font-size: .12rem;line-height: .2rem;} .jobs .results .cell .item .info{height: 0;overflow: hidden;} .jobs .results .cell:hover .item .info{height: auto;} .hxjs1 .box{background: #111217;} .hxjs1 .box h2{color: #fff;} .hxjs1 .box h3{color: #fff;} .news-content{width: 90%;height: auto;margin: 0px auto;/*background-color: pink;*/line-height: 2;font-size: .14rem;color: #333;padding: .2rem 0} .news-content img{margin: 0 auto;display: block;max-width: 100%;height: auto;} /*分页插件*/ .page_plug{height: 50px;background: #fff;clear: both;line-height: 50px;text-align: center;} .page_plug a{display: inline-block;padding: 0px 10px;height: 28px;text-align: center;line-height: 28px;border: 1px solid #656565;border-radius: 2px;margin: 0px 3px} .page_plug a:hover,.page_active{background-color: #656565;color: #fff;border: 1px solid #656565;} /*分页插件*/ .pagination{background: #fff;clear: both;text-align: center;padding-top: 20px} .pagination li{display: inline-block;padding: 0px 10px;height: 28px;text-align: center;line-height: 28px;border: 1px solid #111217;border-radius: 2px;margin: 0px 3px} .pagination li a{color: #333} .pagination li:hover,.pagination li.active{background-color: #111217;color: #fff;border: 1px solid #111217;} .pagination li:hover a,.pagination li.active a {color: #fff !important;} .news-art{width: 16rem;margin: 0 auto;margin-top: -5rem;position: relative;z-index: 1;padding: .8rem 0;} .news-art .up{padding: .8rem .8rem;background-color: #fff; border-radius: .2rem;box-shadow: 0 0 0.2rem 0 rgba(0,0,0,.15);} .news-art .title{font-size: .32rem; color: #000; line-height: 150%; text-align: center; font-weight: lighter; margin-bottom: .8rem;} .fangan-title{font-size: .32rem;color: #000;text-align: center;} .fangan-content{line-height: 2;} .fangan-content img{max-width: 100%;height: auto;display: block;} .mission-list-ctn { width: 100%; height: 480px; position: relative; background-color: #333; } .mission-list { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; z-index: 3; color: white; } .mission-list-item { flex: 1; position: relative; } .mission-list-item .wfEditorMode { position: absolute; right: 0; top: 0; } .mission-back { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; filter: brightness(.6); } .mission-list-item { display: flex; flex-direction: column; justify-content: center; align-items: center; border-right: 1px solid rgba(255, 255, 255, .3); } .mission-list-ctn * { transition: .3s; } .mission-list-item:last-of-type { border-right: none; } .mission-title { font-size: 32px; } .mission-desc { max-width: 60%; } .mission-desc p { margin: 0; line-height: 1.5em; height: 0; overflow: hidden; } .mission-list-item.active p { height: 3em; } .mission-list-item.active .mission-title { margin-bottom: .5rem; } .mission-list-item.active { flex: 2; } .mission-imgs{position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;} .mission-imgs .img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; filter: brightness(.6); display: block; opacity: 0; transition: all .5s; } .mission-imgs .img.show{opacity: 1;z-index: 1;}