/*头部*/ #header{width: 100%;max-width: 1920px;height: 100px;line-height: 100px;background-color: #fff;position: fixed;z-index: 999;transition: all 0.4s;} #header .logo{width: 215px;/*height: 65px;*/} #header .nav{/*height: 140px;*/} #header .nav .item{height: 100%;padding: 0 37px;font-size: 18px;color: #333333;margin-right: 10px;} #header .nav .item.on{/*border-bottom: 3px solid #e2ba7d;color: #e2ba7d !important;*/background: #e2ba7d;color: #fff;} #header .nav .item:last-child{margin-right: 0;} #header .nav .item:hover{/*border-bottom: 3px solid #e2ba7d;color: #e2ba7d;*/background: #e2ba7d;color: #fff;} #header .c-nav{width: 40px;height: 40px;background: url(/images/gengduo.png) no-repeat center;margin-top: 28px;display: none;background-size: contain;} #header .c-nav.on{background: url(/images/f-a-h.png) no-repeat center;} #header.scroll{height: 90px;line-height: 90px;} #header .black-bg{width: 100%;/*height: 0px;*/top: 100%;left: 0;background: rgba(0,0,0,.8);box-sizing: border-box;opacity: 1;transition: all 0.4s;} #header .black-bg .sub-list{margin: 0 auto;line-height: initial;} #header .black-bg .sub-list .sub-item{color: #ffffff;line-height: 80px;margin: 0 20px;} #header .search-box{} #header .search-box .search-input{margin-left: 30px;overflow: hidden;} #header .search-box .search-input input{color: #ffffff;background: rgba(222,222,222,.3);line-height: 24px;width: 0px;transition: all .4s;} #header .search-box .search-input.in input{width: 120px;} /*#header .black-bg.show{height: 80px;}*/ /*banner*/ #index-swiper{padding-top: 100px;transition: all 0.4s;} #index-swiper .text{width: 45%;left: 0;bottom: 0;/* background-color: rgba(0,0,0,.7); */color: #fff;padding: 68px 78px 55px 155px;z-index: 15;transition:.4s;} #index-swiper .text .tit1{font-size: 50px;} #index-swiper .text .tit1 .ylz{color: #e2ba7d;} #index-swiper .text .tit2{font-size: 28px;margin: 22px 0 50px 0;} #index-swiper .text .det{font-size: 16px;background: url(/images/ind-det.png) no-repeat 80px;color: #fff;display: none;} #index-swiper .prev{position: absolute;left: 45px;top: 45%;width: 40px;height: 70px;background: url(/images/b-arr-l.png) no-repeat center;z-index: 99;cursor: pointer;} #index-swiper .next{position: absolute;right: 45px;top: 45%;width: 40px;height: 70px;background: url(/images/b-arr-r.png) no-repeat center;z-index: 99;cursor: pointer;} #index-swiper .prev:hover{background: url(/images/b-arr-l-h.png) no-repeat center;} #index-swiper .next:hover{background: url(/images/b-arr-r-h.png) no-repeat center;} #index-swiper .swiper-pagination-bullets{bottom: 50px;} #index-swiper .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 10px;} #index-swiper .swiper-pagination-bullet-active{background-color: #fff;} #inner-swiper{padding-top: 100px;transition: all 0.4s;} #inner-swiper a:before{position: absolute;display: block;width: 100%;height: 100%;content: "";left: 0;top: 0;background: rgba(0, 0, 0, .2);z-index: 9;} #inner-swiper .des{top: 38%;width: 100%;margin: 0 auto;color: #fff;z-index: 101;} #inner-swiper .des .tit_cn{font-size: 36px;} #inner-swiper .des .tit_en{font-family: 'NexaBold';font-size: 18px;margin-top: 15px;} #inner-swiper .pro-de{width: 50%;z-index: 10;top: 31.86%;left: 8.36%;} #inner-swiper .pro-de .pro_tit{font-size: 55px;color: #e2ba7d;margin-bottom: 45px;font-weight: bold;} #inner-swiper .pro-de .pro_des{font-size: 18px;color: #fff;line-height: 36px;} #index-swiper.scroll{padding-top: 90px;} #inner-swiper.scroll{padding-top: 90px;} /*二级导航 pc*/ #second-nav{position: relative;width: 100%;height: 72px;line-height: 72px;border-top: 1px solid #8d8e8e;margin: 0 auto;z-index: 99;margin-top: -73px;} #second-nav:after{position: absolute;display: block;width: 100%;height: 100%;content: "";left: 0;top: 0;z-index: -1;} #second-nav .sec-nav{height: 72px;background: rgba(0, 0, 0, .5);} #second-nav .sec-nav .sec-nav-list{z-index: 100;} #second-nav .sec-nav>a{display: inline-block;font-size: 14px;color: #fff;margin-right: 55px;z-index: 99;} #second-nav .sec-nav>a.on{border-top: 3px solid #e2ba7d;} #second-nav .sec-nav>a:hover{border-top: 3px solid #e2ba7d;} #second-nav .sec-nav .sec-nav-list>a{display: inline-block;font-size: 14px;color: #fff;margin-right: 55px;z-index: 99;border-top: 3px solid transparent;} #second-nav .sec-nav .sec-nav-list>a.on{border-top: 3px solid #e2ba7d;} #second-nav .sec-nav .sec-nav-list>a:hover{border-top: 3px solid #e2ba7d;} /*手机*/ #mob-second-nav{display: none;position: relative;width: 100%;height: 72px;line-height: 72px;border-top: 1px solid #8d8e8e;margin: 0 auto;z-index: 99;background-color: #000;} #mob-second-nav .container{width: 70%;margin: 0 auto;} #mob-second-nav .sec-nav .sec-nav-list{width: auto;} #mob-second-nav .sec-nav .sec-nav-list a{display: inline-block;font-size: 30px;color: #fff;z-index: 99;border-top: 3px solid transparent;} #mob-second-nav .sec-nav .sec-nav-list a.on{border-top: 3px solid #e2ba7d;} #mob-second-nav .sec-nav .sec-nav-list a:hover{border-top: 3px solid #e2ba7d;} @media screen and (max-width:750px){ #second-nav{margin-top: 0;display: none;} #mob-second-nav{display: block;} #header .search-box{display: none;} } /*三级导航*/ .three-nav{z-index: 99; width: 150%;color: #525252;box-shadow: 1px 1px 15px 0px #f1f1f1;line-height: 45px;background-color: #fff;text-align: center;margin-left: -60px;display: none;} #second_nav .sec-nav .sec-nav-list:hover .three-nav{display: block;} /*底部*/ #footer{width: 100%;background-color: #000000;} #footer .top{padding: 80px 0 90px 0;border-bottom: 1px solid transparent;} #footer .top .left {width: calc(100% - 410px - 3%);} #footer .top .left .item {width: 19%;margin-right: 1%;} #footer .top .left .item.contact {width: 28%;} #footer .top .left .item .tit {font-size: 16px; color: #fff;} #footer .top .left .item .ul {margin-top: 25px;} #footer .top .left .item .ul .li:first-child {margin-top: 0;} #footer .top .left .item .ul .li {font-size: 14px; color: #828282;margin-top: 17px;height: 20px;line-height: 20px;} #footer .top .right {width: 410px;} #footer .top .right .qrcode .des {font-size: 14px;color: #999;margin-top: 10px;text-align: center;} #footer .top .right .contact{font-size: 14px;color: #828282;} #footer .top .right .contact .fax{margin: 15px 0;} #footer .top .right .ser .rexian{font-size: 14px;color: #fff;margin: 40px 0 15px 0;} #footer .top .right .ser .num{font-size: 30px;color: #e2ba7d;} #footer .foot {padding: 40px 0 45px 0;font-size: 14px;color: #fff;} #footer .foot:after{content: "";position: absolute;width: 100%;height: 1px;background-color: #333;left: 0;right: 0;bottom: 100px;} #footer .foot .right a{font-size: 14px;color: #fff;} #footer .link{margin: 10px 0 0;} #footer .link span, #footer .link a { font-size: 14px; color: #666; line-height: 30px; } #footer .link a:hover{color:#e2ba7d;} @media screen and (max-width: 750px){ #footer .link span, #footer .link a{font-size:24px;} } /*主页*/ #index{} #index .title_cn{font-size: 36px;color: #1a1a1a;} #index .title_en{font-size: 30px;color: #e2ba7d;padding-top: 10px;margin-left: 20px;} #index a.more{font-size: 16px;color: #000;background: url(/images/ind-more.png) no-repeat 75px;margin-top: 15px;line-height: 22px;} #index a.more:hover{color: #e2ba7d;background: url(/images/ind-more-h.png) no-repeat 75px;} .title-wrap{padding-bottom: 30px;border-bottom: solid 1px #e6e6e6;} #index .wrap1{/* padding: 150px 0 175px; */background-color: #fff;padding: 60px 0px 100px;} #index .wrap1 .left{width: 40%;} #index .wrap1 .left .con{font-size: 16px;color: #333;padding: 100px 0;line-height: 30px;} #index .wrap1 .right{width: 50%;position: relative;top: 0px;} #index .wrap1 .right .tit{font-size: 24px;color: #000;margin: 40px 0 20px 0;} #index .wrap1 .right .des{font-size: 18px;color: #828282;display: none;} #index .wrap1 .right .pic .solu-pagination{left: 0;bottom: 0;width: 88px;height: 88px;padding: 33px 0;background-color: rgba(0,0,0,.6);text-align: center;} #index .wrap1 .swiper-wrapper{transition-delay:.3s;} #index .wrap1 .right .swiper-slide {transform:translateX(-100%);opacity:0;transition:all .3s;} #index .wrap1 .right .swiper-slide.ani-slide{transform:translateX(0);opacity:1;} #index .wrap1 .right .pic .solu-pagination .fraction{color: #fff;font-size: 18px;} #index .wrap1 .right .pic .solu-pagination .fraction .swiper-pagination-current{color: #e2ba7d;} #index .wrap1 .btn{position: absolute;right: 0;top: 0;position: static;} #index .prev{margin-right: 20px;width: 52px;height: 52px;background: url(/images/arr-l.png) no-repeat center;z-index: 99;cursor: pointer;} #index .next{width: 52px;height: 52px;background: url(/images/arr-r.png) no-repeat center;z-index: 99;cursor: pointer;} #index .prev:hover{background: url(/images/arr-l-h.png) no-repeat center;} #index .next:hover{background: url(/images/arr-r-h.png) no-repeat center;} #index .wrap2{/* padding: 170px 0 110px; */padding: 80px 0;background: url(/images/img1.jpg)no-repeat center/cover;padding-top: 60px;} #index .wrap2 .pro-list{margin-top: 60px;} #index .wrap2 .pro-list .tit{margin-top: 35px;text-align: center;font-size: 18px;/*color: #fff;*/color: #333;} #index .wrap2 .pro-list .slide{} #index .wrap2 .bg{width: 100%;height: 50%;bottom: 0;/*background-color: #000;*/background-color: #eee;z-index: -1;} #index .wrap2 .btn{position: absolute;top: 20px;right: 0;} #index .wrap3{/* padding-top: 115px; *//*background-color: #000;*/padding-top: 80px;background-color: #fff;padding-bottom: 80px;} #index .wrap3 .title_cn{/*color: #fff;*/} /*#index .wrap3 .more{color: #fff;}*/ /*#index .wrap3 a.more{background: url(/images/ind-more-0.png) no-repeat 75px;margin-top: 15px;}*/ /*#index .wrap3 a.more:hover{color: #e2ba7d;background: url(/images/ind-more-h.png) no-repeat 75px;}*/ #index .wrap3 .case-list{margin: 70px 22% 0;overflow: visible;} #index .wrap3 .case-list .con{width: 100%;padding: 60px 50px;bottom: 0;background-color: rgba(0,0,0,.6);opacity: 0;} #index .wrap3 .case-list .con .tit{font-size: 24px;color: #fff;} #index .wrap3 .case-list .con .des{font-size: 18px;color: #b3b3b3;margin-top: 25px;line-height: 30px;} #index .wrap3 .case-list .slide{opacity: .2;} #index .wrap3 .case-list .slide.swiper-slide-active, #index .wrap3 .case-list .slide.swiper-slide-active .con{opacity: 1;} #index .wrap3 .btn{position: absolute;top: 20px;right: 0;} @media screen and (max-width:900px){ #index .wrap3 .case-list{margin: 70px 10% 0;} #index .wrap3 .case-list .con{width: 100%;padding: 30px 50px;} #index .wrap3 .case-list .con .des{display: none !important;} } #index .wrap4{/* padding-top: 145px; */padding-top: 80px;} #index .wrap4 .step{width: 25%;height: 135px;/* margin-bottom: 95px; */margin-bottom: 80px;} #index .wrap4 .step .des{margin-top: -50px;font-size: 24px;color: #000;} #index .wrap4 .step .t1{font-size: 24px;color: #000;position: relative;margin-bottom: 25px} #index .wrap4 .step .t1:after{position: absolute;left: 143px;right: 155px;bottom: -15px;content: "";border-bottom: 1px solid #eee;} #index .wrap4 .step .t2{font-size: 18px;color: #000;margin-bottom: 15px;} #index .wrap4 .step .t3{font-size: 24px;color: #e2ba7d;} #index .wrap5{width: 100%;/*background: url(/images/ab-bg.png);background-size: cover;*/background-color: #eeeeee;padding-top: 50px;background: url(/images/img1.jpg)no-repeat center/cover;padding-bottom: 90px;} #index .wrap5 .video{z-index: 100;width: 50%;cursor: pointer;} #index .wrap5 .video .pic{height: 100%;} #index .wrap5 .video .pic img{height: 100%;object-fit: cover;} #index .wrap5 .video .pic{filter: brightness(.7)} #index .wrap5 .video .btn{width: 82px;height: 82px;border-radius: 100%;text-align: center;left: 46%;top: 46%;z-index: 1011;cursor: pointer;} #index .wrap5 .content{width: 50%;background-color: #fff;opacity: .8;z-index: -1;margin-top: 0;padding: 6% 0;padding-bottom: 47px;box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);position: static;} #index .wrap5 .content .cont{width: 100%;/* margin-left: 5%; */margin-bottom: 50px;padding: 0 50px;} #index .wrap5 .content .tit{font-size: 30px;color: #1a1a1a;margin-bottom: 30px;font-weight: bolder;} #index .wrap5 .content .con{font-size: 16px;color: #666;line-height: 30px;min-height: 150px;} #index .wrap5 .content .cont .scoll{width: 2px;height: 100%;background-color: #5a5a5a;top: 0;right: -50px;display: none;} #index .wrap5 .content .cont .scoll .scolls{height: 20%;background-color: #e4bf87;} #index .wrap5 .ab-list{margin-top: 120px;border-top: 1px solid #525355;} #index .wrap5 .ab-list a{position: relative;width: 33.33%;height: 172px;border: 1px solid #525355;border-top: 0;/* padding: 60px 0 0 50px; */padding: 60px 0 0 0px;text-align: center;} #index .wrap5 .ab-list a:after{content: "";position: absolute;border-left: 2px solid #e4bf87;top: 35%;bottom: 47%;left: 0;} #index .wrap5 .ab-list .t_cn{/* font-size: 24px; */font-size: 22px;/*color: #fff;*/} #index .wrap5 .ab-list .t_en{font-size: 14px;color: #828282;} #index .wrap5 .videolist{background: #fff;} #index .title-wrap{margin-bottom: 50px;} #index .wrap6{/* padding: 140px 0; */padding-top: 60px;padding-bottom: 80px;} #index .wrap6 .news-list{margin-top: 30px;padding: 20px 20px;} #index .wrap6 .news-list .slide{padding: 30px 27px;} #index .wrap6 .news-list .time{font-size: 14px;color: #b3b3b3;margin: 30px 0 20px 0;} #index .wrap6 .news-list .tit{font-size: 24px;color: #000;height: 62px;} #index .wrap6 .news-list .des{font-size: 16px;color: #969696; margin: 10px 0 20px 0;line-height: 30px;height: 60px;} #index .wrap6 .more{background: url(/images/ind-more.png) no-repeat 75px;margin-top: 15px;color: #000;} #index .wrap6 .news-list .slide:hover{box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);} #index .wrap6 .news-list .slide:hover .more{color: #e2ba7d;background: url(/images/ind-more-h.png) no-repeat 75px;} #index .wrap6 .btn{position: absolute;top: 20px;right: 0;} /*产品中心*/ #product{padding:120px 0;} #product .title{padding: 0 0 60px;font-size: 30px;color: #000;} #product .pro{width: 31.25%;height: 530px;margin: 0 3.125% 40px 0;border: 1px solid #eeeeee;} #product .pro:nth-child(3n+3){margin-right: 0;} #product .pro .tit{font-size: 18px;color: #000;margin: 40px 0 45px 0;} #product .pro .pic{height: 280px;} #product .pro .des{width: 71%;margin: 5% auto 10%;line-height: 30px;font-size: 16px;color: #7c7c7c;} #product .pro .detail{position: absolute;bottom: 0;width: 100%;height: 0;opacity: 0;line-height: 80px;background-color: #e2ba7d;color: #fff;margin-top: 35px;} #product .pro:hover{box-shadow: 1px 1px 25px 8px #f1f1f1;} #product .pro:hover .tit{color: #e2ba7d} #product .pro:hover .des{opacity: 0;} #product .pro:hover .detail{height: 80px;opacity: 1;bottom: 0;} /*产品详情*/ #pro-detail{} #pro-detail .wrap1{/*background-color: #f7f7f7;*//* padding: 120px 0 100px 0; */padding: 80px 0;} #pro-detail .wrap1 .pro-de{background-color: #fff;/* padding-top: 120px; */} #pro-detail .wrap1 .left{width: 50%;} #pro-detail .wrap1 .left .container{width: 70%;margin: 0 auto;} #pro-detail .wrap1 .left .page{width: 100%;bottom: -70px;text-align:center;} #pro-detail .wrap1 .left .page .swiper-pagination-bullet{margin: 0 10px;} #pro-detail .wrap1 .left .page .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #e2ba7d;} #pro-detail .wrap1 .right{width: 50%;} #pro-detail .wrap1 .right .content{padding: 0 31.25% 120px 1.25%;} #pro-detail .wrap1 .right .tit{font-size: 30px;color: #000;margin-bottom: 30px;} #pro-detail .wrap1 .right .brief-edit table{width: 100%;} #pro-detail .wrap1 .right .brief-edit table tr:first-child td{width: 16.68%;height: 85px;background-color: #e2ba7d;text-align: center;font-size: 16px;color: #fff;border-right: 1px solid #e7e7e7;} #pro-detail .wrap1 .right .brief-edit table tr{border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;} #pro-detail .wrap1 .right .brief-edit table tr:nth-child(2n+2){background-color: #fbfbfb;} #pro-detail .wrap1 .right .brief-edit table tr td{width: 16.68%;height: 80px;/*background-color: #fff;*/text-align: center;font-size: 16px;color: #686868;border-right: 1px solid #e7e7e7;} #pro-detail .wrap1 .right .con{font-size: 16px;color: #828282;margin:55px 0 40px 0;line-height: 30px;} #pro-detail .wrap1 .right .range{font-size: 16px;color: #000;} #pro-detail .wrap1 .right .des{font-size: 16px;color: #828282;margin:15px 0 85px 0;} #pro-detail .wrap1 .right .zixun{width: 155px;height: 55px;line-height: 55px;background: url(/images/pro-de-zx.png) no-repeat 25px;padding-left: 68px;background-color: #e2ba7d;color: #fff;} #pro-detail .wrap2{border-top: 1px solid #eee;display: none;}/* 产品详情导航条 */ #pro-detail .wrap2:before{content: "";position: absolute;border-top: 1px solid #eee;left: 0;right: 0;top: 57px;} #pro-detail .wrap2 .title{width: 150px;height: 57px;line-height: 57px;background-color: #e8e8e8;text-align: center;color: #333;font-size: 16px;} #pro-detail .wrap2 .content{padding: 45px 0 150px 0;} #pro-detail .wrap2 .content .left{width: 42.5%;padding-top: 128px;} #pro-detail .wrap2 .content .left .feauter{font-size: 35px;color: #000;margin-bottom: 80px;} #pro-detail .wrap2 .content .left .list{position: relative;font-size: 18px;color: #808080;padding-left: 25px;margin-bottom: 30px;} #pro-detail .wrap2 .content .left .list:before{position: absolute;left: 0;top: 30%;display: inline-block;content: "";width: 7px;height: 7px;border-radius: 100%;border: 3px solid #e2ba7d;} #pro-detail .wrap2 .content .right{width: 57.5%;} #pro-detail .wrap3 {/*background-color: #f7f7f7;*//* padding: 146px 0; */} #pro-detail .wrap3 .title{margin-bottom: 75px;font-size: 35px;color: #333;font-weight: 700;} #pro-detail .wrap3 table{width: 100%;} #pro-detail .wrap3 table tr:first-child td{width: 16.68%;height: 85px;background-color: #e2ba7d;text-align: center;font-size: 16px;color: #fff;border-right: 1px solid #e7e7e7;} #pro-detail .wrap3 table tr{border-left: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;} #pro-detail .wrap3 table tr:nth-child(2n+2){background-color: #fbfbfb;} #pro-detail .wrap3 table tr td{width: 16.68%;height: 80px;/*background-color: #fff;*/text-align: center;font-size: 16px;color: #686868;border-right: 1px solid #e7e7e7;} #pro-detail .wrap4 {/* padding: 150px 0; */padding: 40px 0;} #pro-detail .wrap4 .title{margin-bottom: 75px;font-size: 35px;color: #333;font-weight: 700;display: none;} #pro-detail .wrap4 .shebei{/*width: 24%;margin-right: 1.333%;*/border: 1px solid #eee;padding: 55px 0 65px 0;height: 440px;overflow: hidden;} #pro-detail .wrap4 .shebei:nth-child(n+4){margin-right: 0;} #pro-detail .wrap4 .shebei .tit{font-size: 18px;color: #000;font-weight: 600;margin-bottom: 40px;} #pro-detail .wrap4 .shebei:hover .tit{color: #e2ba7d;} /*联系我们*/ #contact .title{font-size: 30px;font-weight: 700;color: #000;padding: 120px 0 60px 0;} #contact .content{padding-bottom: 75px;} #contact .content .left{width: 30.625%;} #contact .content .left .tit{font-size: 22px;color: #333;margin: 45px 0 25px 0;} #contact .content .left .tel{background: url(/images/con-tel.png) no-repeat left center; padding-left: 30px;font-size: 16px;color: #8b8b8b;margin-top: 30px;} #contact .content .left .add{background: url(/images/con-add.png) no-repeat left center; padding-left: 30px;font-size: 16px;color: #8b8b8b;margin-top: 30px;} #contact .content .left .email{background: url(/images/con-email.png) no-repeat left center; padding-left: 30px;font-size: 16px;color: #8b8b8b;margin-top: 30px;} #contact .content .left .fax{background: url(/images/con-fax.png) no-repeat left center; padding-left: 30px;font-size: 16px;color: #8b8b8b;margin-top: 30px;} #contact .content .left .web{background: url(/images/con-web.png) no-repeat left center; padding-left: 30px;font-size: 16px;color: #8b8b8b;margin-top: 30px;} #contact .content .left .qrcode{margin: 40px 0 10px 0;} #contact .content .left .des{padding-left: 15px;font-size: 16px;color: #828282;} #contact .content .right{width: 69.375%;} #contact .content .right .map{height: 510px;} #message{/*height: 720px;*/background-color: #f7f7f7;padding-bottom: 30px;} #message .title{font-size: 30px;color: #333;padding: 75px 0 55px 0;} #message .inp{width: 31%;height: 48px;margin-right: 3.125%;border: 1px solid #e6e6e6;padding-left: 30px;font-size: 14px;color: #999;} #message .inp:nth-child(3){margin-right: 0;} #message .te{width: 100%;height: 235px;border: 1px solid #e6e6e6;margin-top: 30px;padding: 15px 0 0 30px;} #message .submit{display: block;width: 173px;height: 52px;background-color: #e2ba7d;text-align: center;color: #fff;margin: 40px auto 0;border-radius: 5px;font-size: 16px;color: #fff;} /*公司新闻*/ #news{padding: 120px 0 150px;} #news .title{font-size: 30px;/*font-weight: 700;*/color: #000;padding-bottom: 70px;} #news .news-hot{/*height: 470px;*/padding-bottom: 72px;} #news .news-hot .container{background-color: #fafafa;} #news .news-hot .left{width: 40%;} #news .news-hot .right{width: 60%;padding:50px 6.19% 0;} #news .news-hot .right .tit{font-size: 20px;color: #1a1a1a;font-weight: bold;} #news .news-hot .right .con{font-size: 16px;color: #333;margin:20px 0 80px 0;} #news .news-hot .right .more a{font-size: 14px;color: #ccc;} #news .news-hot .prev{cursor: pointer;width: 27px;height: 49px;background: url(/images/news-arr-l.png) no-repeat center;top: 40%;left: -50px;} #news .news-hot .next{cursor: pointer;width: 21px;height: 41px;background: url(/images/news-arr-r.png) no-repeat center;top: 40%;right: -50px;} #news .news-hot .prev:hover{background: url(/images/news-arr-l-h.png) no-repeat center;} #news .news-hot .next:hover{background: url(/images/news-arr-r-h.png) no-repeat center;} #news .news-hot .page{position: absolute;bottom: 22px;left: 47%;} #news .news-hot .page .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 10px;} #news .news-hot .page .swiper-pagination-bullet-active{background-color: #e2ba7d;} #news .news-lists{margin-bottom: 98px;} #news .news-list{padding: 80px 0px 90px;border-bottom: 1px solid #e6e6e6;} #news .news-list .date{width: 70px;text-align: center;margin: 0 9.375% 0 1.875%;} #news .news-list .date .t1{font-family: "Gilroy-Bold";text-align: center;font-size: 61.7px;color: #ccc;} #news .news-list .date .t2{font-family: "Gilroy-Bold";font-size: 18.28px;color: #ccc;} #news .news-list .pic{width: 354px;height: 200px;} #news .news-list .text{width: calc(100% - 654px);margin-left: 50px;padding-right: 60px;} #news .news-list .text .t3{font-size: 20px;color: #1a1a1a;font-weight: 700;} #news .news-list .text .t4{font-size: 16px;color: #333;margin: 27px 0 80px 0;line-height: 25px;} #news .news-list .text .t5{font-size: 14px;color: #ccc;} #news .news-list:hover{background: #f7f7f7;} #news .news-list:hover .t1{color: #e2ba7d;} #news .news-list:hover .t2{color: #e2ba7d;} #news .news-list:hover .t3{color: #e2ba7d;} #news .news-list:hover .t5{color: #e2ba7d;} #news .fenye{text-align: center;margin: 100px 0 150px 0;} /*新闻详情*/ #news-detail{} #news-detail .title{padding: 120px 0 60px;/*background-color: #f7f7f7;*/} #news-detail .title .tit{font-size: 36px;color: #000;margin-bottom: 38px;} #news-detail .title .time{margin-right: 40px;} #news-detail .title span{font-size: 16px;color: #333;} #news-detail .content{/*padding:80px 160px 110px;*/padding: 0 11.43% 75px;font-size: 16px;line-height: 35px;} #news-detail .recom{width: 100%;background-color: #f7f7f7;padding-bottom: 85px;} #news-detail .recom .re-title{padding: 60px 0 80px 0;font-size: 30px;color: #000;} #news-detail .recom .re-news{width: 32.14%;/*margin-right: 1.79%;*/padding-bottom: 45px;background-color: #fff;border: 1px solid #eee;} #news-detail .recom .re-news:hover .time{color: #e2ba7d;} #news-detail .recom .re-news:hover .des{color: #e2ba7d;} #news-detail .recom .re-news:nth-child(3n+3){margin-right: 0;} #news-detail .recom .re-news .time{margin: 35px 0 15px 25px;font-size: 16px;color: #808080;} #news-detail .recom .re-news .des{margin-left: 25px;font-size: 18px;color: #000;} #news-detail .news-page{width: 100%;/*height: 120px;line-height: 120px;margin: 0 auto;*/display: flex;justify-content: space-between;align-items: center;padding: 38px 0 33px;} #news-detail .news-page .prev{position: relative;left: -30px;background: url(/images/newsd-arr-l.png) no-repeat left;padding-left: 50px;font-size: 16px;color: #333;} #news-detail .news-page .news-center{/*margin: 35px 0 0 210px;*//*width: 170px;*/width: 12.15%;height: 50px;line-height: 50px;text-align: center;border:1px solid #e6e6e6;} #news-detail .news-page .next{position: relative;right: -30px;background: url(/images/newsd-arr-r.png) no-repeat right;padding-right: 50px;font-size: 16px;color: #333;} #news-detail .news-page .prev:hover{color: #e2ba7d;background: url(/images/newsd-arr-l-h.png) no-repeat left;} #news-detail .news-page .next:hover{color: #e2ba7d;background: url(/images/newsd-arr-r-h.png) no-repeat right;} /*职位招聘*/ #recruitment{} #recruitment .c-title{font-size: 30px;/*font-weight: 700;*/color: #000;padding: 120px 0 70px 0;} #recruitment .job-box{padding-bottom: 150px;} #recruitment .job-box .job{margin-bottom: 11px;} #recruitment .job-box .job .top-li{padding: 21px 3.16%;line-height: 36px;border: 1px solid #e5e5e5;} #recruitment .job-box .job .top-li .fl{font-weight: 600;margin-right: 2.16%;color: #999999;font-size: 14px;} #recruitment .job-box .job .top-li .p1{width: 17.67%;color: #333333;} #recruitment .job-box .job .top-li .p2{width: 14.16%;} #recruitment .job-box .job .top-li .p3{width: 13.58%;} #recruitment .job-box .job .top-li .p4{width: 19%;} #recruitment .job-box .job .top-li .p5{color: #333333;font-family: 'Gilroy_blod';padding-left: 22px;background: url(/images/date.png) no-repeat left center;margin-right: 0;} #recruitment .job-box .job .top-li .btn1{width: 36px;height: 36px;background: url(/images/add.png) no-repeat center center;} #recruitment .job-box .job .content{/*height: 830px;*/overflow: hidden;display: none;} #recruitment .job-box .job .content .h{width: 93.75%;margin: 0 auto;} #recruitment .job-box .job .box{width: 59%;margin-bottom: 55px;} #recruitment .job-box .job .box.b1{padding-top: 30px;} #recruitment .job-box .job .box.b4{padding-bottom: 30px;margin-bottom: 0;} #recruitment .job-box .job .title{color: #282828;font-size: 18px;font-weight: 600;margin-bottom: 10px;} #recruitment .job-box .job .con *, #recruitment .job-box .job .con{color: #a7a7a7;font-size: 14px;line-height: 28px;} #recruitment .job-box .job .con .way{margin-right: 23px;} #recruitment .job-box .job .btn-box{right: 0;bottom: 30px;} #recruitment .job-box .job .btn-box .b2{width: 176px;height: 56px;line-height: 56px;border: 1px solid #b4b4b4;border-radius: 3px;color: #333333;font-size: 14px;} #recruitment .job-box .job .btn-box .b2.resume{margin-right: 23px;} #recruitment .job-box .job .btn-box .b2:hover{background: #e2ba7d;color: #fff;border-color: #e2ba7d;} #recruitment .job-box .job.open .top-li, #recruitment .job-box .job .top-li:hover{background: #f7f7f7;border-color: #e5eaf2;} #recruitment .job-box .job .top-li:hover .p1, #recruitment .job-box .job.open .top-li .p1{color: #e2ba7d;} /*#recruitment .job-box .job .top-li:hover .btn1, #recruitment .job-box .job.open .btn1{background-image: url(/images/add2.png);}*/ #recruitment .job-box .job .top-li .btn1{transition-duration:0.3s;} #recruitment .job-box .job .top-li .btn1.on{transform: rotate(180deg);background-image: url("/images/add-h.png");-webkit-background-size: auto auto;background-size: auto auto;transition-duration:0.5s;} #resume{width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.4);z-index: 999;} #resume.hide{display: none;} #resume .center{background: #fff;text-align: left;width: 100%;padding: 5% 0;} #resume .center .title{color: #313131;font-size: 35px;margin-bottom: 3%;} #resume .center .position{color: #313131;font-size: 20px;margin-bottom: 10px;} #resume .center .position .pis{color: #e2ba7d;} #resume .center .position .blue{color: #013a80;} #resume .center .tip{margin-bottom: 3.9%;color: rgba(51,51,51,.8);font-size: 16px;} #resume .center .tip .red{color: #ff0000;font-size: 16px;} #resume .center .fm{width: 50%;margin-bottom: 3.8%;} #resume .center .fm .tit{width: 19.3%;color: #000000;font-size: 16px;line-height: 40px;margin-right: 2.32%;} #resume .center .fm .red{color: #fb0000;font-size: 16px;} #resume .center .fm .input{width: 61.77%;} #resume .center .fm .input input{width: 85.625%;padding: 0 7.1875%;height: 38px;line-height: 38px;border: 1px solid #e8e8e8;border-radius: 3px;color: #333333;font-size: 14px;} #resume .center .fm .gen{width: auto;color: #000000;font-size: 16px;margin-right: 8px;line-height: 40px;margin-right: 40px;} #resume .center .fm .gen input{display: inline-block;vertical-align: top;width: 12px;height: 12px;margin-top: 14px;margin-left: 10px;border-color: #e5e5e5;} #resume .center .fm.file .input{width: auto;} #resume .center .fm.file .input label{display: block;} #resume .center .file .bg{color: #000000;background: #dfdfdf;font-size: 14px;width: 127px;height: 40px;line-height: 40px;border-radius: 3px;} #resume .center .file .file2{color: #323232;font-size: 14px;line-height: 40px;margin-left: 10px;} #resume .center .check{ display: flex; justify-content: center; align-items: center; margin-bottom: 4.34%;} #resume .center .check .t{ width: 18px;height: 18px;border: 1px solid #c5c5c5; border-radius: 2px;} #resume .center .check input[type=checkbox]+label{ background: none; border: 1px solid #c5c5c5; cursor: pointer;} #resume .center .check input[type=checkbox]:checked+label::before{ display: block; content: "\2714"; width: 100%; height: 100%; text-align: center; font-size: 12px; color: 222;} #resume .center .check input[type=checkbox]{ visibility: hidden;} #resume .center .check .t input{display: none;} #resume .center .check .tit1{ line-height: 18px; color: #323232;font-size: 14px;font-weight: bold;margin-left: 12px;} #resume .center .submit{width: 181px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;border-radius: 3px;margin: 0 auto;background: #e2ba7d;} /*工程案例*/ #case{padding-bottom: 150px;} #case .title{font-size: 30px;/*font-weight: 700;*/color: #000;padding: 120px 0 70px 0;} #case .list{padding: 75px 0 80px 0;border-bottom: 2px solid #e0e0e0;} #case .list .time{width: 23.75%;position: relative;font-size: 30px;color: #333;font-family: 'Gilroy_blod';} #case .list .time:after{position: absolute;content: "";display: block;width: 60px;height: 6px;background-color: #333;top: 70px;} #case .list .content{width: 76.25%;} #case .list .content img {max-width: 100%;} #case .list .content .tit{font-size: 20px;color: #333;margin-top: 10px;} #case .list .content .pic{margin: 25px 0 35px 0;} #case .list .content .des{font-size: 16px;color: #666;padding-bottom: 60px;line-height: 25px;} #case .list .content .more{font-size: 14px;color: #ccc;} #case .list:hover{background-color: #f7f7f7;border-bottom: 0;} #case .list:hover .time{color: #e2ba7d;} #case .list:hover .time:after{background-color: #e2ba7d;} #case .list:hover .content .tit{color: #e2ba7d;} #case .list:hover .content .more{color: #e2ba7d;} #case .page{margin-top: 100px;} /*案例详情*/ #case-detail{} #case-detail .title{padding: 120px 0 60px;/*background-color: #f7f7f7;*/} #case-detail .title .tit{font-size: 36px;color: #000;margin-bottom: 38px;} #case-detail .title .time{margin-right: 40px;} #case-detail .title span{font-size: 16px;color: #333;} #case-detail .content .text{margin-bottom: 60px;font-size: 16px;line-height: 35px;} #case-detail .content .text * {max-width: 100%;white-space: pre-line !important;} #case-detail .content{/*padding:80px 160px 110px;*/padding: 0 11.43% 75px;line-height: 30px;} #case-detail .content .thu{width: 100%;height: 180px;background-color: #000;padding: 0 60px;} #case-detail .content .thu .swiper-slide{margin-top: 28px;} #case-detail .content .thu .swiper-slide-thumb-active{border:5px solid #e2ba7d;} #case-detail .content .thu .swiper-slide{height: 123px;line-height: 123px;} #case-detail .content .thu .prev{cursor: pointer;width: 26px;height: 18px;top: 47%;left: 18px;background: url("/images/case-de-arr-l_03.png")no-repeat center;z-index: 2;opacity: .5;} #case-detail .content .thu .next{cursor: pointer;width: 26px;height: 18px;top: 47%;right: 18px;background: url("/images/case-de-arr-r.png")no-repeat center;z-index: 2;opacity: .5;} #case-detail .content .thu .prev:hover{opacity: 1;} #case-detail .content .thu .next:hover{opacity: 1;} #case-detail .recom{width: 100%;background-color: #f7f7f7;padding-bottom: 85px;} #case-detail .recom .re-title{padding: 60px 0 80px 0;font-size: 30px;color: #000;} #case-detail .recom .re-case{width: 32.14%;margin-right: 1.79%;background-color: #fff;border: 1px solid #eee;} #case-detail .recom .re-case:hover .des{color: #e2ba7d;} #case-detail .recom .re-case:nth-child(3n+3){margin-right: 0;} #case-detail .recom .re-case .des{margin: 35px 0 40px 25px;font-size: 18px;color: #000;} /*#case-detail .case-page{width: 100%;height: 120px;line-height: 120px;margin: 0 auto;}*/ /*#case-detail .case-page .prev{position: relative;left: -30px;background: url(/images/newsd-arr-l.png) no-repeat left;padding-left: 50px;font-size: 16px;color: #333;}*/ /*#case-detail .case-page .case-center{margin: 35px 0 0 210px;width: 170px;height: 50px;line-height: 50px;text-align: center;border:1px solid #e6e6e6;}*/ /*#case-detail .case-page .next{position: relative;right: -30px;background: url(/images/newsd-arr-r.png) no-repeat right;padding-right: 50px;font-size: 16px;color: #333;}*/ /*#case-detail .case-page .prev:hover{color: #e2ba7d;background: url(/images/newsd-arr-l-h.png) no-repeat left;}*/ /*#case-detail .case-page .next:hover{color: #e2ba7d;background: url(/images/newsd-arr-r-h.png) no-repeat right;}*/ #case-detail .case-page{width: 100%;/*height: 120px;line-height: 120px;margin: 0 auto;*/display: flex;justify-content: space-between;align-items: center;padding: 38px 0 33px;} #case-detail .case-page .prev{position: relative;left: -30px;background: url(/images/newsd-arr-l.png) no-repeat left;padding-left: 50px;font-size: 16px;color: #333;} #case-detail .case-page .case-center{/*margin: 35px 0 0 210px;*//*width: 170px;*/width: 12.15%;height: 50px;line-height: 50px;text-align: center;border:1px solid #e6e6e6;} #case-detail .case-page .next{position: relative;right: -30px;background: url(/images/newsd-arr-r.png) no-repeat right;padding-right: 50px;font-size: 16px;color: #333;} #case-detail .case-page .prev:hover{color: #e2ba7d;background: url(/images/newsd-arr-l-h.png) no-repeat left;} #case-detail .case-page .next:hover{color: #e2ba7d;background: url(/images/newsd-arr-r-h.png) no-repeat right;} /*公司简介*/ /*#about{max-width: 1920px;}*/ #about .about-anchor{position: relative;top: -180px;} #about .wrap1{padding: 120px 0 180px;} #about .wrap1 .title{font-size: 36px;color: #000;font-weight: 500;margin-bottom: 100px;} #about .wrap1 .left{width: 45%;position: relative;} #about .wrap1 .left:before{display: block;position: absolute;content: "";width: 265px;height: 240px;background-color: #e2ba7d;top: -10px;left: -15%;z-index: -1;} #about .wrap1 .left .pic{margin-top: 100px;} #about .wrap1 .right{width: 50%;} #about .wrap1 .right .tit{font-size: 30px;color: #e2ba7d;margin-bottom: 45px;} #about .wrap1 .right .con{font-size: 16px;color: #808080;line-height: 30px;} #about .wrap2{padding: 100px 0 80px 0;/*background: url(/images/about5.png) center;*/background-color: #eeeeee;} #about .wrap2 .title{font-size: 36px;/*color: #fff;*/margin-bottom: 80px;} #about .wrap2 .hj{height: 880px} #about .wrap2 .hj .slide{height: 380px;margin-bottom: 20px;} /*#about .wrap2 .hj .pic{margin-bottom: 20px;}*/ /*#about .wrap2 .hj .pic:nth-child(2n+2){margin-right: 0;}*/ #about .wrap2 .page{width: 100%;bottom: -45px;text-align:center;} #about .wrap2 .page .swiper-pagination-bullet{margin: 0 10px;width: 12px;height: 12px;border:2px solid #fff;opacity: .8;} #about .wrap2 .page .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #e2ba7d;border:0;opacity: 1;} #about .wrap3{} #about .wrap3 .title{font-size: 36px;color: #000;font-weight: 500;padding-top: 70px;margin-bottom: 70px;} #about .wrap3 .pic{width: 100%;} #about .wrap3 .culture{position: relative;top: -93px;background-color: #fff;padding-top: 40px;} #about .wrap3 .list{position: relative;height: 73px;line-height: 73px;} #about .wrap3 .list:before{content: "";position: absolute;left: 200px;right: 200px;height: 73px;line-height: 73px;border-bottom: 1px solid #e6e6e6;} #about .wrap3 .list .tit{font-size: 16px;color: #000;margin: 0 13.5% 0 26.4%;font-weight: 600;} #about .wrap3 .list .des{font-size: 16px;color: #808080;} #about .wrap4{background-color: #f5f5f5;padding: 90px 0 80px 0;} #about .wrap4 .title{font-size: 36px;color: #000;font-weight: 500;padding-top: 70px;margin-bottom: 70px;} #about .wrap4 [swi--1] .slide{transform:scale(.8); -webkit-transform:scale(.8);width: 420px;} #about .wrap4 [swi--1] .swiper-slide-active, #about .wrap4 [swi--1] .swiper-slide-duplicate-active{transform:scale(1); -webkit-transform:scale(1);} #about .wrap4 .des{margin-top: 40px;font-size: 18px;color: #000;} #about .wrap4 .prev{position: absolute;background: url(/images/arr-l.png) no-repeat center;width: 52px;height: 52px;top: 58%;left: 10%;z-index: 99;} #about .wrap4 .next{position: absolute;background: url(/images/arr-r.png) no-repeat center;width: 52px;height: 52px;top: 58%;right: 10%;z-index: 99;} #about .wrap4 .prev:hover{background: url(/images/arr-l-h.png) no-repeat center;cursor: pointer;} #about .wrap4 .next:hover{background: url(/images/arr-r-h.png) no-repeat center;cursor: pointer;} /*解决方案*/ #solution{padding: 120px 0 140px 0;} #solution .solu{background-color: #f7f7f7;} #solution .solu .pic{width: 50%;} #solution .solu .content{width: 50%;padding: 5% 80px;} #solution .solu .content .title_en{position: relative;font-size: 18px;color: #e2ba7d;} #solution .solu .content .title_en:before{content: "";position: absolute;width: 112px;height: 2px;background-color: #e2ba7d;top: 10px;left: -140px;} #solution .solu .content .title_cn{font-size: 36px;color: #000;font-weight: 600;margin: 30px 0;} #solution .solu .content .con{font-size: 16px;color: #828282;line-height: 30px;margin-bottom: 30px;text-align: left;} #solution .solu .content .metal{text-align: left} #solution .solu .content .metal a{/*width: 40px;*/height: 40px;line-height: 40px;text-align: center;/*border-radius: 100%;*/border-radius: 15px;/*border: 1px solid #000;*/font-size: 14px;/*color: #000*/;/*margin-right: 25px;*/margin-right: 12px;margin-bottom: 20px;transition: all 0.3s;padding: 0 6px;padding: 0 20px;margin-right: 33px;color: #ffffff;/*border-color: #e2ba7d;*/background: #e2ba7d;min-width: calc(25% - 33px);} /*#solution .solu .content .metal a:hover{color: #e2ba7d;border-color: #e2ba7d;}*/ #solution .solu:nth-child(2n){text-align: right;} #solution .solu:nth-child(2n) .title_en:before{left: 105%;} /*#solution .solu:nth-of-type(even){text-align: right;}*/ /*解决方案详情*/ #solu-detail{padding-top: 100px;} #solu-detail .wrap1 .left{width: 50%;margin-right: 3%;} #solu-detail .wrap1 .left .content1{/*height: 261px;*/margin-top: 80px;margin-bottom: 151px;} #solu-detail .wrap1 .left .content1 .title{font-size: 35px;color: #000;font-weight: 600;margin-bottom: 45px;} #solu-detail .wrap1 .left .content1 .con{padding-right: 80px;line-height: 30px;font-size: 18px;color: #1a1a1a;} #solu-detail .wrap1 .left .content2 .title{font-size: 35px;color: #000;font-weight: 600;margin-bottom: 45px;} /*#solu-detail .wrap1 .left .content2 .con .buzou:before{content: "";width: 8px;height: 8px;border-radius: 100%;background-color: #e2ba7d;position: absolute;left: 0;top: 24%;cursor: pointer; }*/ /*#solu-detail .wrap1 .left .content2 .con .buzou:last-child:after{content: "";width: 8px;height: 8px;border-radius: 100%;background-color: #e2ba7d;position: absolute;right: 0;top: 24%;}*/ #solu-detail .wrap1 .left .content2 .con .num{width: 120px;height: 120px;line-height: 120px;text-align: center;color: #fff;border-radius: 100%;background-color: #e2ba7d;font-family: 'NexaBold';font-size: 30px;margin-left: 60px;} #solu-detail .wrap1 .left .content2 .con .num:before{content: "";width: 8px;height: 8px;border-radius: 100%;background-color: #e2ba7d;position: absolute;left: -50%;top: 50%;} #solu-detail .wrap1 .left .content2 .con .buzou:last-child .num::after{content: "";width: 8px;height: 8px;border-radius: 100%;background-color: #e2ba7d;position: absolute;right: -50%;top: 50%;} #solu-detail .wrap1 .left .content2 .con .process{width: 90%;} #solu-detail .wrap1 .left .content2 .con .process:before{content: "";position: absolute;top: 22.2%;width: 100%;height: 1px;background-color: #e2ba7d;margin-left: 0;} #solu-detail .wrap1 .left .content2 .con .tit{font-size: 20px;color: #000;margin: 45px 0 20px 0;} #solu-detail .wrap1 .left .content2 .con .des{width: 80%;margin: 0 auto;font-size: 16px;line-height: 30px;color: #000;opacity: .5} #solu-detail .wrap1 .left .content2 .con .buzou{text-align: center;padding-top: 3%;} #solu-detail .wrap1 .left .content2 .con .prev{cursor: pointer;width: 27px;height: 49px;background: url(/images/news-arr-l.png) no-repeat center;top: 16%;left: 0;z-index: 99;} #solu-detail .wrap1 .left .content2 .con .next{cursor: pointer;width: 21px;height: 41px;background: url(/images/news-arr-r.png) no-repeat center;top: 16%;right: 0;z-index: 99;} #solu-detail .wrap1 .left .content2 .con .prev:hover{background: url(/images/news-arr-l-h.png) no-repeat center;} #solu-detail .wrap1 .left .content2 .con .next:hover{background: url(/images/news-arr-r-h.png) no-repeat center;} #solu-detail .wrap1 .right{width: 47%;} #solu-detail .wrap2{background-color: #f7f7f7;padding: 145px 0 105px 0;margin-top: 130px;} #solu-detail .wrap2 .title{font-size: 30px;color: #000;margin-bottom: 60px;} #solu-detail .wrap2 .list{width: 31.5%;margin-right: 2.75%;} /* #solu-detail .wrap2 .list:nth-child(3n+3){margin-right: 0;} */ #solu-detail .wrap2 .list .casename{margin-top: 25px;font-size: 18px;color: #333;} #solu-detail .wrap2 .list:hover .casename{color: #e2ba7d;font-weight: bold;} @media screen and (max-width:1680px){ .cw1600{width: 94%;} .cw1400{width: 94%;} #header .nav .item{padding: 0 25px;} #index-swiper .text{padding: 68px 78px 55px 50px;} /*#index .wrap5 .content .cont{margin-top: 130px;}*/ #news .news-hot .prev{left: -35px;} #news .news-hot .next{right: -35px;} } @media screen and (max-width:1440px){ .cw1600{width: 94%;} #index-swiper .text .tit1{font-size: 40px;} #header .nav .item{margin: 0 10px;padding: 0 20px;} /*#index .wrap5 .ab-list{margin-top: 265px;}*/ /*#index .wrap5 .ab-list a{height: 142px;padding-top: 42px;}*/ #solu-detail .wrap1 .left .content2 .con .num{margin-left: 45px;} #solu-detail .wrap1 .left .content2 .con .buzou{padding-top: 5%;} #news .news-hot .right{padding-top: 6%;} } @media screen and (max-width:1366px){ #header .nav a{margin: 0 28px;} #index-swiper .text .tit1{font-size: 38px;} #index-swiper .text .tit2{font-size: 28px;margin: 15px 0 35px 0;} #index .wrap6 .news-list .tit{font-size: 22px;} #solution .solu .content{padding-top: 90px;} #solu-detail .wrap1 .left .content2 .con .num{width: 100px;height: 100px;line-height: 100px;margin-left: 50px;} #solu-detail .wrap1 .left .content2 .con .process:before{top: 19.2%;} #solu-detail .wrap1 .left .content2 .con .buzou{padding-top: 4%;} #solu-detail .wrap1 .left .content2 .con .prev, #solu-detail .wrap1 .left .content2 .con .next{top: 13%;} /*#solu-detail .wrap1 .left .content2 .con .buzou:before{top: 51px;}*/ /*#solu-detail .wrap1 .left .content2 .con .buzou:last-child:after{top: 21%;}*/ #pro-detail .wrap2 .content .left{padding-top: 100px;} #recruitment .job-box .job .top-li .p4{display: none;} #news .news-hot .right .con{margin-bottom: 9%;} #header .nav .item{padding: 0 15px;} } @media screen and (max-width:1320px){ #solution .solu .content .metal a{margin-right: 10px;} } @media screen and (max-width:1280px){ #header .nav a{margin: 0 16px;} #index-swiper .text{padding: 45px 78px 47px 110px;} #index-swiper .text .tit1{font-size: 35px;} #index-swiper .text .tit2{font-size: 26px;margin: 15px 0 35px 0;} /*#index .wrap3 .case-list .con{padding: 40px 30px;}*/ #solution .solu .content{padding-top: 70px;} #solu-detail .wrap1 .left .content2 .con .buzou{padding-top: 5.3%;} #solu-detail .wrap1 .left .content2 .con .num{margin-left: 33px;} #solu-detail .wrap1 .left .content2 .con .num:before{left: -33%;} /*#solu-detail .wrap1 .left .content2 .con .buzou:before{top: 54px;}*/ #header .nav .item{padding: 0 7px;font-size: 16px;} #second-nav .sec-nav>a{margin-right: 25px;} } @media screen and (max-width:1100px){ #header .nav a{margin: 0 12px;} #header .nav .item{margin: 0 5px;} #index-swiper .text{padding: 45px 78px 47px 100px;} #index-swiper .text .tit1{font-size: 30px;} #index-swiper .text .tit2{font-size: 22px;} #news .news-hot .prev{left: -28px;} #news .news-hot .next{right: -28px;} #solu-detail .wrap1 .left .content2 .con .num{margin-left: 58px;} #solution .solu .content{padding-top: 18px;} #pro-detail .wrap2 .content .left{padding-top: 50px;} #pro-detail .wrap2 .content .left .feauter{margin-bottom: 45px;} } @media screen and (max-width:750px){ /*头部*/ #header{height: 100px;line-height: 100px;} #header .nav{display: none;float: none;background-color: #fff;position: absolute;top: 100px;left: 0;width: 100%;height: 435px;z-index: 9999;} #header .nav .item{height: auto;} #header .nav .item:last-child{margin: 0 37px;} #header .nav a{float: none;margin: 0;text-align: center;height: 60px;line-height: 60px;font-size: 30px;} #header .nav a.on{border: 0;} #header .c-nav{display: block;} /*banner*/ #index-swiper{padding-top: 100px;} #index-swiper .text{width: 100%;padding: 30px;} #index-swiper .text .tit1{font-size: 42px;} #index-swiper .text .tit2{font-size: 36px;margin: 10px 0;} #index-swiper .text .det{font-size: 24px;background-position: 105px;} #inner-swiper{padding-top: 100px;} #inner-swiper .des{/*top: 20%;*/top: 43%;} #inner-swiper .pro-de{width: 83%;padding-top: 5%;} #inner-swiper .pro-de .pro_tit{font-size: 36px;margin-bottom: 15px;} #inner-swiper .pro-de .pro_des{font-size: 26px;} #inner-swiper .des .tit_cn{font-size: 48px;} #inner-swiper .des .tit_en{font-size: 30px;} /*首页*/ #index a.more{font-size: 24px;background-position: 100px;} #index a.more:hover{font-size: 24px;background-position: 100px;} #index .wrap1{padding: 100px 0;} #index .wrap1 .left{width: 100%;} #index .wrap1 .right{width: 100%;margin-top: 40px;} #index .wrap1 .left .con{border-bottom: 0;padding: 26px 0;font-size: 30px;line-height: 1.8;} #index .wrap1 .right .tit{font-size: 36px;} #index .wrap1 .right .des{font-size: 30px;} #index .wrap1 .btn{top: 0;right: 0;left: 570px;} #index .wrap2{padding: 100px 0;} #index .wrap2 .pro-list .tit{font-size: 30px;} #index .wrap3 a.more{background-position: 100px;} #index .wrap4{padding-top: 60px;} #index .wrap4 .step{width: 50%;} #index .wrap4 .step .des{font-size: 30px;margin-top: -52px;} #index .wrap4 .step .t1, #index .wrap4 .step .t3{font-size: 30px;} #index .wrap4 .step .t2{font-size: 28px;} #index .wrap5 .video{width: 100%;height: auto !important;} #index .wrap5 .content{margin-top: 0;padding: 6% 20px;width: 100%;} #index .wrap5 .content .cont{width: 100%;padding-left: 10px;margin: 0;} #index .wrap5 .content .tit{margin-bottom: 23px;font-size: 36px;} #index .wrap5 .content .con{font-size: 30px;line-height: 1.8;} #index .wrap5 .ab-list{margin-top: 110px;} #index .wrap6 .news-list .time{font-size: 26px;} #index .wrap6 .news-list .tit{font-size: 36px;} #index .wrap6 .news-list .des{font-size: 30px;line-height: 1.8;} #index .wrap6 .more{background-position: 100px;font-size: 22px;} #index .wrap6 .news-list .slide:hover .more{background-position: 100px;} #index .title-wrap{margin-bottom: 20px;} #index .wrap1{padding: 50px 0;} #index .wrap1 .left .con{padding-bottom: 10px;} #index .wrap2{padding: 50px 0;} #index .wrap3{padding: 50px 0;} #index .wrap6{padding: 50px 0;} #index .wrap2 .pro-list{margin-top: 40px;} #index .wrap3 .case-list{margin: 50px 10% 0;} /*解决方案*/ #solution{padding: 60px 0;} #solution .solu .pic{width: 100%;} #solution .solu .content{width: 100%;padding: 20px 50px;} #solution .solu .content .title_en{font-size: 30px;} #solution .solu .content .title_cn{font-size: 48px;} #solution .solu .content .title_en:before{content: "";width: 0;height: 0;} #solution .solu:nth-child(2n){text-align: left;} #solution .solu .content .con{font-size: 30px;line-height: 1.8;} #solution .solu .content .metal a{font-size: 26px;line-height: 34px;} /*解决方案详情*/ #solu-detail{padding-top: 0;} #solu-detail .wrap1 .left{width: 100%;} #solu-detail .wrap1 .left .content1{width: 100%;} #solu-detail .wrap1 .left .content1 .title{font-size: 32px;} #solu-detail .wrap1 .left .content1 .con{font-size: 26px;line-height: 1.8;padding-right: 0;} #solu-detail .wrap1 .left .content2{width: 100%;margin-top: 25%;} #solu-detail .wrap1 .left .content2 .title{font-size: 32px;} #solu-detail .wrap1 .left .content2 .con .tit{font-size: 26px;} #solu-detail .wrap1 .left .content2 .con .des{font-size: 24px;line-height: 1.5;} #solu-detail .wrap1 .left .content2 .con .num{margin-left: 55px;} #solu-detail .wrap1 .left .content2 .con .buzou{padding-top: 2.8%;} /*#solu-detail .wrap1 .left .content2 .con .buzou:before{top: 51px;}*/ /*#solu-detail .wrap1 .left .content2 .con .buzou:last-child:after{right: 2px;top: 51px;}*/ #solu-detail .wrap1 .right{width: 100%;margin-top: 50px;} #solu-detail .wrap1 .left .content2 .con .prev, #solu-detail .wrap1 .left .content2 .con .next{top: 8%} #solu-detail .wrap1 .left .content2 .con .process:before{top: 13%;} #solu-detail .wrap2{padding: 60px 0;} #solu-detail .wrap2 .title{font-size: 34px;} #solu-detail .wrap2 .list{width: 100%;} #solu-detail .wrap2 .list .casename{font-size: 26px;margin-bottom: 40px;} /*新闻列表页*/ #news{padding:60px 0;} #news .news-hot .right .tit{font-size: 32px;} #news .news-hot .right .con{font-size: 28px;line-height: 1.8;} #news .news-hot .right .more a{font-size: 28px;} #news .news-list .date .t2{font-size: 28px;} #news .news-list .text .t3{font-size: 32px;} #news .title{padding: 0 0 40px;} #news .news-hot .left{width: 100%;} #news .news-hot .right{width: 100%;padding: 20px 0 0 0;} #news .news-hot .right .con{margin: 20px 0;} #news .news-lists{margin-top: 5%;} #news .news-list:hover{background: transparent;} #news .news-list{padding: 30px 0;} #news .news-list .text{width: 100%;margin-top: 20px;margin-left: 0;padding-right: 0;} #news .news-list .text .t3{color: #e2ba7d;} #news .news-list .text .t4{margin: 20px 0;font-size: 28px;line-height: 1.8;} #news .news-list .text .t5{font-size: 28px;} #news .news-list .date{margin-top: 50px;display: none;} #news .news-list .pic{width: 100%;height: auto;padding-top: 58%;} #news .fenye{margin: 50px 0;} #news .news-hot .page{z-index: 1;left: 40%;} #news .news-hot .prev{display: none;} #news .news-hot .next{display: none;} /*新闻详情*/ #news-detail .title{padding: 40px 0;} #news-detail .title .tit{font-size: 48px;} #news-detail .title span{font-size: 28px;} #news-detail .content{padding: 25px 10px 45px;font-size: 36px;line-height: 1.8;} #news-detail .recom{padding-bottom: 30px;} #news-detail .recom .re-title{font-size: 42px;padding: 30px 0;} #news-detail .recom .re-news{width: 100%;margin-bottom: 20px;} #news-detail .recom .re-news .time{font-size: 28px;} #news-detail .recom .re-news .des{font-size: 30px;} #news-detail .news-page{/*height: 180px;line-height: 1.8;*/flex-direction: column;} #news-detail .news-page .prev{float: none;font-size: 28px;left: 0;order: 1;width: 100%;padding-left: 12%;background: none;margin-bottom: 30px;} #news-detail .news-page .prev:hover{background: none;} #news-detail .news-page .news-center{float: none;font-size: 28px;margin: 15px 0 30px;width: 35%;height: 80px;line-height: 80px;order: 0;} #news-detail .news-page .next{float: none;font-size: 28px;right: 0;padding-left: 50px;order: 2;width: 100%;padding-left: 12%;background: none;} #news-detail .news-page .next:hover{background: none;} /*产品*/ #product{padding: 60px 0;} #product .title{padding: 60px 0;font-size: 48px;} #product .pro{/*width: 48%;*/width: 100%;margin-right: 2%;height: auto;box-shadow: 1px 1px 25px 8px #f1f1f1} #product .pro:nth-child(2n+2){margin-right: 0;} #product .pro:nth-child(3n+3){margin-right: 2%;} #product .pro .tit{font-size: 30px;} #product .pro .des{font-size: 28px;line-height: 1.5;} #product .pro .detail{position: static;height: 80px;opacity: 1;} #product .pro:hover .des{opacity: 1;} /*产品详情*/ #pro-detail .wrap1{padding: 60px 0;} #pro-detail .wrap1 .pro-de{padding: 60px 0;} #pro-detail .wrap1 .left{width: 100%;} #pro-detail .wrap1 .right{width: 100%;} #pro-detail .wrap1 .right .content{padding: 50px 10px 0;} #pro-detail .wrap1 .right .tit{font-size: 42px;} #pro-detail .wrap1 .right .con{margin: 20px 0;font-size: 28px;line-height: 1.8;} #pro-detail .wrap1 .right .range{font-size: 28px;} #pro-detail .wrap1 .right .des{margin: 20px 0;font-size: 28px;} #pro-detail .wrap1 .right .zixun{width: 220px;font-size: 32px;} #pro-detail .wrap2 .title{font-size: 28px;} #pro-detail .wrap2 .content .left .feauter{font-size: 42px;} #pro-detail .wrap2 .content .left .list{font-size: 30px;} #pro-detail .wrap1 .left .page{bottom: -35px;} #pro-detail .wrap2 .content{padding-bottom: 60px;} #pro-detail .wrap2 .content .left{width: 100%;padding: 0;} #pro-detail .wrap2 .content .right{width: 100%;} #pro-detail .wrap3{padding: 60px 0;} #pro-detail .wrap3 .title{font-size: 48px;} #pro-detail .wrap3 .para .th{font-size: 28px;} #pro-detail .wrap3 .para .td{font-size: 24px;} #pro-detail .wrap4{padding: 60px 0;} #pro-detail .wrap4 .title{font-size: 48px;} #pro-detail .wrap4 .shebei{width: 49%;margin-right: 2%;padding: 30px 0;margin-bottom: 20px;} #pro-detail .wrap4 .shebei:nth-child(2n+2){margin-right: 0;} #pro-detail .wrap4 .shebei .tit{font-size: 30px;} /*工程案例*/ #case .title{font-size: 42px;padding: 60px 0 0;} #case .list{padding: 60px 0;} #case .list .time{width: 100%;font-size: 36px;} #case .list .content{width: 100%;margin-top: 20px;} #case .list .time:after{top: 50px} #case .list .content .tit{font-size: 32px;} #case .list .content .des{font-size: 32px;line-height: 1.8;padding-bottom: 30px;} #case .list .content .more{font-size: 28px;} /*工程案例详情*/ #case-detail .title{padding: 30px 0;} #case-detail .title .tit{font-size: 48px;} #case-detail .title span{font-size: 28px;} #case-detail .content{padding: 25px 10px 45px;} #case-detail .content .text{font-size: 36px;line-height: 1.8;} #case-detail .recom{padding-bottom: 30px;} #case-detail .recom .re-title{font-size: 42px;padding: 30px 0;} #case-detail .recom .re-case{width: 100%;margin-bottom: 20px;} #case-detail .recom .re-case .des{font-size: 30px;} /* #case-detail .case-page{height: 180px;line-height: 1.8;} #case-detail .case-page .prev{float: none;font-size: 28px;left: 0;} #case-detail .case-page .case-center{float: none;font-size: 28px;margin: 15px 0;} #case-detail .case-page .next{float: none;font-size: 28px;right: 0;padding-left: 50px;background-position: left;} #case-detail .case-page .next:hover{background-position: left;}*/ #case-detail .case-page{/*height: 180px;line-height: 1.8;*/flex-direction: column;} #case-detail .case-page .prev{float: none;font-size: 28px;left: 0;order: 1;width: 100%;padding-left: 12%;background: none;margin-bottom: 30px;} #case-detail .case-page .prev:hover{background: none;} #case-detail .case-page .case-center{float: none;font-size: 28px;margin: 15px 0 30px;width: 35%;height: 80px;line-height: 80px;order: 0;} #case-detail .case-page .next{float: none;font-size: 28px;right: 0;padding-left: 50px;order: 2;width: 100%;padding-left: 12%;background: none;} #case-detail .case-page .next:hover{background: none;} /*关于我们*/ #about .wrap1{padding: 100px 0;} #about .wrap1 .left{width: 100%;} #about .wrap1 .right{width: 100%;} #about .wrap1 .title{font-size: 48px;margin-bottom: 100px;} #about .wrap1 .left:before{width: 100%;left: 0;} #about .wrap1 .right .tit{font-size: 42px;margin-top: 42px;} #about .wrap1 .right .con{font-size: 28px;line-height: 1.8;} #about .wrap2 .title{font-size: 48px;} #about .wrap2 .hj{height: 550px;} #about .wrap2 .hj .slide{height: 180px;} #about .wrap2 .hj .pic{width: 100%;} #about .wrap3 .title{font-size: 48px;} #about .wrap3 .list{/*height: 173px;*/height: auto;line-height: 1.8;} #about .wrap3 .list::before{display: none;} #about .wrap3 .list .tit{font-size: 28px;float: none;text-align: center;margin: 0;} #about .wrap3 .list .des{font-size: 28px;float: none;text-align: center;} /*联系我们*/ #contact .title{padding: 60px 0;font-size: 48px;} #contact .content{padding-bottom: 30px;} #contact .content .left{width: 100%;} #contact .content .left .tit{font-size: 34px;background-size: 22px;} #contact .content .left .tel{font-size: 28px;background-size: 22px;} #contact .content .left .add{font-size: 28px;background-size: 22px;} #contact .content .left .email{font-size: 28px;background-size: 22px;} #contact .content .left .fax{font-size: 28px;background-size: 22px;} #contact .content .left .web{font-size: 28px;background-size: 22px;} #contact .content .left .des{font-size: 28px;} #contact .content .left .qrcode{margin: 40px 0 10px 23px;} #contact .content .right{width: 100%;margin-top: 50px;} #message .title{padding: 40px 0;font-size: 42px;} #message .inp{width: 100%;height: 70px;margin-bottom: 20px;font-size: 26px;} #message .te{margin-top: 20px;font-size: 26px;} /*职位招聘*/ #recruitment .job-box .job .top-li .p1{width: 80%;font-size: 30px;} #recruitment .job-box .job .top-li .p2, #recruitment .job-box .job .top-li .p3, #recruitment .job-box .job .top-li .p4{display: none;} #recruitment .job-box .job .top-li .p5{font-size: 30px;display: none;} #recruitment .job-box .job .title{font-size: 26px;} #recruitment .c-title{padding: 50px 0;} #resume .center .fm{width: 100%;} #resume .center .fm .tit{font-size: 28px;} #resume .center .title{font-size: 48px;} #resume .center .position{font-size: 32px;} #resume .center .tip{font-size: 28px;} #resume .center .fm .input input{font-size: 26px;height: 50px;} #resume .center .fm .gen{font-size: 26px;} #resume .center .fm .gen input{width: 20px;height: 20px;} #resume .center .tip .red{font-size: 26px;} #resume .center .fm .red{font-size: 26px;} #resume .center .file .bg{font-size: 26px;} #resume .center .file .file2{font-size: 26px;} #resume .center .check .tit1{font-size: 26px;line-height: 1.8;} #resume .center .check .t{width: 35px;height: 27px;margin-top: -43px;} #resume .center .submit{font-size: 30px;} #recruitment .job-box .job .con *, #recruitment .job-box .job .con{font-size: 26px;line-height: 1.8;} #recruitment .job-box .job .box{width: 100%;} #recruitment .job-box .job .btn-box{position: relative;margin-top: 30px;} #recruitment .job-box .job .btn-box .b2{font-size: 26px;} /*底部*/ #footer .top{padding: 50px 0 30px 0;} #footer .top .left{width: 100%;} #footer .top .left .item{width: 100%;border-bottom: 1px solid #eee;} #footer .top .left .item .tit{font-size: 28px;background: url(/images/f-a.png) no-repeat right;height: 70px;line-height: 70px;} #footer .top .left .item .tit.on{background: url(/images/f-a-h.png) no-repeat right;} #footer .top .left .item .ul{display: none;padding-bottom: 25px;} #footer .top .left .item .ul .li{font-size: 26px;height: 32px;line-height: 32px;} #footer .top .right{width: 100%;margin-top: 50px;padding: 0;} #footer .top .right .contact{font-size: 26px;} #footer .top .right .qrcode{width: 35%;} #footer .top .right .fr{width: 60%;} #footer .top .right .qrcode .des{font-size: 26px;} #footer .top .right .ser .rexian{font-size: 26px;} #footer .top .right .ser .num{font-size: 42px;} #footer .foot{font-size: 26px;} #footer .foot .right a{font-size: 26px;} #footer .foot .left{width: 100%;text-align: center;} #footer .foot .right{width: 100%;text-align: center;} #footer .foot:after{bottom: 180px;} }