/*banner*/ .telbanner,.tel_nav{display: none;} .flex {display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;width: 100%; margin: 0 auto;} .flexwp {flex-wrap: wrap;-webkit-flex-wrap: wrap;} .flexbt {-webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-justify-content: space-between;} #homeBanner{width:100%;height:98vh;overflow:hidden;z-index:2;background: #000;} #homeBanner .homeBanner_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1; opacity: 0.5; } #homeBanner .homeBanner_bg>img{width:100%;height:100%;object-fit:cover;} #homeBanner .homeBanner_bg video{width: 100%;} #homeBanner .homeBanner_cnt{position:absolute;top:0;align-items:center;justify-content:center;z-index:2;height:100%; text-align: center; color: #fff;} #homeBanner .homeBanner_h{font-size:4.5vw;line-height:4.5vw;font-weight:bold;letter-spacing:.6vw;text-shadow:rgba(0,0,0,.4) 8px 10px 12px;-webkit-text-shadow:rgba(0,0,0,.5) 8px 10px 12px; } #homeBanner .homeBanner_p{font-size:18px;text-transform:uppercase;letter-spacing:.2vw; background: #d71f27; padding: 10px 0; width: 75%; margin: 3% auto;} #homeBanner .homeBanner_text{font-size: 3vw; text-align: center;} #homeBanner .mouse-of{position:absolute;left:50%;bottom:4vw;width:24px;height:40px;border-radius:40px;-webkit-border-radius:40px; border:2px solid rgba(255,255,255,.8);margin-left:-20px;z-index:50;overflow:hidden;} #homeBanner .mouse-of>i{position:absolute;width:3px;height:9px;left:50%;margin-left:-1.5px;top:2px; -webkit-animation: mouseof 1.5s ease-out infinite;animation: mouseof 1.5s ease-out infinite;} @keyframes mouseof{ 0%{top:-9px;opacity:1;-webkit-opacity:1;} 100%{top:100%;opacity:0;-webkit-opacity:0;} } @-webkit-keyframes mouseof{ 0%{top:-9px;opacity:1;-webkit-opacity:1;} 100%{top:100%;opacity:0;-webkit-opacity:0;} } #homeBanner .banner_bubble{width:6vw;height:6vw;position:absolute;left:50%;bottom:3vw;margin-left:-3vw;z-index:15;} #homeBanner .swiper-slide{overflow:hidden;} #homeBanner #video_open{width:100%;height:100%;} #homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:90px;height:90px;line-height:90px;} #homeBanner .homeBanner_switch i{font-size:24px;margin:20px;} #homeBanner .homeBanner_switch.swiper-button-prev{left:-30px;} #homeBanner .homeBanner_switch.swiper-button-next{right:-30px;} .bubble{width:100%;height:100%;position:absolute;left:0;top:0;} .bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%; bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;} .bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;background: rgba(255,255,255,.6);} .bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite; -webkit-transition-delay:0.3s;transition-delay:0.3s;background: rgba(255,255,255,.8);} .bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite; -webkit-transition-delay:0.8s;transition-delay:0.8s;background: rgba(255,255,255,1);} .bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(255,255,255,.3);} .bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(255,255,255,.5);} @keyframes pao{ 0% { transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(200%,-30px) rotate(360deg) scale(.4,.4); opacity:1;-webkit-opacity:1; } 50% { transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-200%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } @keyframes pao2 { 0% { transform:translate(-200%,0px) rotate(360deg) scale(1,1); -webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao3 { 0% { transform: translate(0%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-300%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao4 { 0% { transform: translate(400%,0px) rotate(360deg) scale(1,1); -webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); -webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); -webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.4,.4); opacity:0;-webkit-opacity:0; } } @keyframes pao5 { 0% { transform: translate(-400%,0px) rotate(360deg) scale(.1,.1); -webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1); opacity:1;-webkit-opacity:1; } 50% { transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); -webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6); opacity:.5;-webkit-opacity:.5; } 100% { transform: translate(0%,-100px) rotate(360deg) scale(1,1); -webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1); opacity:0;-webkit-opacity:0; } } @media screen and (max-width:1440px){ #homeBanner{height: 90vh;} } @media screen and (max-width:790px){ #homeBanner{display: none;} #homeBanner .mouse-of,#homeBanner .banner_bubble{display: none;} .telbanner{display: block;width: 100%; height: 95%;background: url('../images/about.jpg') no-repeat center top;background-size: 100%; margin-top: 70px;} .telbanner video{height: 100%;width: 100%;} } /*首页产品推荐*/ .tj{background: url('../images/probg.jpg') no-repeat center bottom ; width: 100%; padding: 4% 0;} .w90 {width: 90%;margin: 0 auto;} .pub_title h4 {position: relative;font-size: 48px;font-weight: bold;z-index: 1;color: #000000;width: 50%;} .pub_title p {margin-bottom: 60px;font-size: 30px;color: #666666;font-weight: 100;} .pub_title a {float: right;border: 2px solid #1858b5;border-radius: 20px;padding: 10px 60px;font-size: 14px;color: #1858b5;margin-top: 30px;} .pub_title a:hover {background: #1858b5;color: #fff;} .telpro{display: none;} .pc_show p img{display: inline-block;} .flexBetween {display: -webkit-flex;display: flex;justify-content: space-between;flex-wrap: wrap;} .idnexService .box {overflow: hidden;height: 500px;width: 100%;} .idnexService .box .item {width: 10.53333%;transition: all 0.3s;flex-wrap: nowrap;position: relative;} .idnexService .box .item .boxLeft {width: 100%;box-sizing: border-box;background: #f1f1f1;position: relative;transition: all 0.3s;} .idnexService .box .item .boxLeft .box1 {transition: all 0.3s; text-align: center;} .idnexService .box .item .boxLeft .box1 .top1 {padding-top: 75%;} .idnexService .box .item .boxLeft .box1 .top1 i {font-size: 45px; color: #999;} .idnexService .box .item .boxLeft .box1 .top2 {font-size: 21px;color: #000;margin-top: 11%;font-weight: bold;} .idnexService .box .item .boxLeft .box1 .top3 {font-size:14px;color: #999;margin-top:15px;} .idnexService .box .item .boxLeft .box1 .top4 {margin-top:3%;} .idnexService .box .item .boxLeft .box1 .top4 a {display: block;width: 35px;height:35px;border-radius: 50%;border: 1px solid #ddd; line-height: 35px; margin: 0 auto;} .idnexService .box .item .boxLeft .box1 .top4 a i {color: #666; font-size: 20px; text-align: center;} .idnexService .box .item .boxRight {opacity: 0;position: absolute;height: 100%;top:17%;right: 0; } .idnexService .box .item .boxRight img {width: 100%;object-fit: cover;} .idnexService .box .item:nth-child(2n) .boxLeft {background: #f6f6f6;} .idnexService .box .active {width: 57.6%;} .idnexService .box .active .boxLeft {width: 30%;background: #1858b5 !important;} .idnexService .box .active .boxLeft .box1 .top1 {padding-top: 54%;} .idnexService .box .active .boxLeft .box1 .top1 i{color: #fff;} .idnexService .box .active .boxLeft .box1 .top2 {color: #fff;margin-top:8%;font-size: 28px;} .idnexService .box .active .boxLeft .box1 .top3 {color: #fff;font-size: 16px;} .idnexService .box .active .boxLeft .box1 .top4 {margin-top: 13%;} .idnexService .box .active .boxLeft .box1 .top4 a {background: #f30808;border: 1px solid #f30808;color: #fff; width: 50px; height: 50px; line-height: 50px;} .idnexService .box .active .boxLeft .box1 .top4 a i {color: #fff;font-size: 25px;} .idnexService .box .active .boxRight {width: 70%;opacity: 1;} @media screen and (max-width:790px){ .w90 {width: 95%;margin: 0 auto;} .pt60 {padding-top: 38px;} .pub_title h4 {font-size: 29px;width: 100%;} .pub_title p {font-size: 16px;margin-bottom: 22px;} .pub_title a{display: none;} .pc_show{display: none;} .telpro{display: block;width: 100%; margin: 0 auto;} .telcase_box{display: block;width: 100%;} .telcase-list {position: relative;z-index: 4;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between;flex-wrap: wrap;} .telcase-list li {width: 46%;padding: 1% 1% 0 1%;position: relative; background: #f2f2f2; margin: 1%;} .telcase-list .c-wrap {position: relative;overflow: hidden;color: #fff;} .telcase-list .c-wrap img {width: 100%;height: 100%;object-fit: cover;} .telcase-list .c-wrap p{text-align: center;color: #000;line-height: 40px;word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .telcase-list .protel{width: 100%; margin: 0 auto; line-height: 35px;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between; font-size: 14px;} .telcase-list .protel .protel_a{width: 50%; text-align: center;background: #93d01d; color: #fff;;transition: .5s; } .telcase-list .protel .protel_b{width: 50%; text-align: center;background: #0181e0; color: #fff;;transition: .5s; } .pro_more{width: 80%;line-height: 45px;height: 45px;display: none;} .pro_more ul{display: block;} .pro_more li{width: 100%;} .pro_more li em{font-size: 25px;} .pro_more li:nth-child(2){display: none;} } /*公司简介*/ .index-about{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 5% 0; height: 100%; background: #000;} .index-about video {position: absolute;top: -2%;left: 0;width: 100%;z-index: 0; height: 100%;} .index-about .wrap{width: 80%; position: absolute;z-index: 1; left: 50%; margin-left: -40%;} .index-about .tit {margin: 0px auto 80px;position: relative;text-align: center; } .index-about .tit h2{font-size: 55px;color: #fff;margin-bottom: 10px;font-weight: bold;} .index-about .tit p {font-size: 18px;color: #fff;} .about-pic {float: left;width: 50%;position: relative;z-index: 0;padding-left: 20px;} .about-pic img {width: 100%;border-radius: 30px} .about-info {position: relative;float: right;width: 45%;} .about-info:before {content: "";position: absolute;right: 0;top: 0;width: 130px;height: 132px;background: url(../images/icon-comma.png) no-repeat;} .about-info p {font-size: 18px;color: #fff;line-height: 40px;} .about-info p span{font-weight: bold; display: block;font-size: 33px;margin:20px 0 40px 0;} .about-info a{display: block;width: 150px; line-height: 50px; text-align: center;background: #0181e0;text-align: center;font-size: 18px;color: #fff; border-radius: 10px;transition: .5s;margin-top: 4%;} .about-info a:hover{background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926);} .index_about_box{ background:#f0f3f5;overflow:hidden; width:80%; z-index:999; margin:0 0 0 0; position:absolute; bottom:8%; left: 50%; margin-left: -40%;} .index_about_box .l { width: 20%;font-weight: bold; background:#E80011;color: #fff; text-align:center; padding:40px 20px;bottom: 0; float:left;} .index_about_box .l strong{ font-size:40px; display:block} .index_about_box .l span{ display:block; font-size:30px;} .index_about_box .r { width: 75%; float:right; margin-top:20px;} .index_about_box dl{float:left;width:25%;text-align:center;} .index_about_box dl dt{width: 30%;float: left;} .index_about_box dl dt em{display:block;width:70px;height:70px;margin:0 auto 24px;text-align:center;line-height:2.5em;font-size:65px;font-style:normal; margin-top:20px;color:#fff;} .index_about_box dl dd{width: 68%;float: right;margin-top: 20px;} .index_about_box dl dd h3{font-size: 32px;text-align: left; margin-bottom:10px;font-weight: bold;} .index_about_box dl dd p{font-size: 16px;text-align: left;width: 100%;overflow: hidden;} #ys1{background:url(../images/com_1.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;} #ys2{background:url(../images/com_2.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;} #ys3{background:url(../images/com_3.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;} #ys4{background:url(../images/com_4.png) center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;} @media screen and (max-width:1440px){ .index-about .wrap{width: 90%;margin-left: -45%;} .index-about .tit,.index-case .tit {margin: 30px auto 30px;} .index-about .tit h2,.index-case h2 {font-size: 50px;} .about-info p{font-size: 16px; line-height: 31px;margin-top: 26px;} } @media screen and (max-width:790px){ .index-about {margin: 0px auto 0;padding-bottom: 0; height: auto;} .index-about .wrap{width: 95%; position: relative; } .index-about .tit h2, .index-case h2{font-size: 32px;} .index-about .tit h2 span{display: block;} .index-about .tit p, .index-case .tit p{display: none;} .about-pic{width: 94%;padding-left:0} .about-pic:before{content: none;} .about-info{width: 100%;} .about-info p span{font-size: 27px;} .index_about_box{width: 100%; position: relative; left: 0; margin-left: 0;} .index_about_box .l{display: none;} .index_about_box .r{width: 100%;} .index_about_box dl{width: 50%;} .index_about_box dl dt em{width: 50px; height: 50px;} .index_about_box dl dd h3{font-size: 23px;} .index_about_box dl dd p{font-size: 14px;} } /*prolist*/ .prolist{background: #f8f8f8;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; justify-content:center;flex-direction: row;-webkit-align-items: center; height: 365px;} .prolist .prolist_l{width: 70%; margin-left: 5%;} .prolist .prolist_l ul{display: flex; display:-webkit-flex;-webkit-justify-content: left; justify-content: left;flex-wrap: wrap;} .prolist .prolist_l li{padding: 0 2%;line-height: 46px; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 1% 1%; font-size: 18px;border-radius:40px;align-items: center;-webkit-align-items: center; transition: .5s; } .prolist .prolist_l li:hover{background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926);display: block;} .prolist .prolist_l li:hover a{color: #fff;} .prolist .prolist_r{width: 500px; background: #eaeaea; height: 100%; font-size: 54px; color: #de2219;justify-content:center; font-weight: bold; display: flex;align-items: center;-webkit-align-items: center;} .prolist .prolist_r i{font-size: 50px; margin-right: 20px;} .line{width: 100%;} .line img{width: 100%;} #banner{position:relative;overflow:hidden;width:100%;} #banner ul{position:relative;overflow:hidden;width:500%;margin: 0;} #banner ul li{width:20%;float:left} #banner ul li img{width:100%;display:block;} #banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto} #banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;} #banner:hover aside span{opacity:1;} #banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)} #banner aside span.prev{float:left;} #banner aside span.next{float:right;} #banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)} #banner #bannerBtnS{width:100px;position:absolute;right:0;left:0;bottom:3%;margin:auto} #banner #bannerBtnS em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} #banner #bannerBtnS em.act{background:#f50056} @media( max-width:790px){ .prolist{height: auto; width: 100%; margin: 0 auto;display: block; padding: 5% 0 5% 0;} .prolist .prolist_l{width: 100%; margin: 0 auto;} .prolist .prolist_l li{width: 47%; text-align: center;padding:2% 0; font-size: 16px; line-height: 30px;} .prolist .prolist_r{display: none;} } /*销售网络*/ .homemap{width: 100%; background: #f2f2f2; padding: 3% 0 0 0;} .homemap .tit {margin: 0px auto 60px;position: relative;text-align: center; } .homemap .tit h2{font-size: 55px;margin-bottom: 10px;font-weight: bold;} .homemap .tit p {font-size: 18px;} #c_portalResPublic_codeContainer-16256194315887462{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } .service { padding: 0 0 50px 0; } .service .container { max-width: 1500px; margin: 0 auto; position: relative; padding-top: 0px; overflow: hidden; } .service .container .box { color: #fff; max-width: 650px; position: absolute; top: 2%; left: 0; z-index: 1; pointer-events: none; } .service .container .box .content { font-size: 14px; color: #003087; line-height: 30px; padding: 25px 0; pointer-events: none } .service .container .box .link { background: #d61e26; font-family: CANARO BOLD; border: 0px solid #003c81; color: #fff; padding: 10px; text-transform: uppercase; width: 180px; max-width: 100%; margin-top: 25px; margin-left: 0px; cursor: pointer; position: relative; overflow: hidden; -webkit-transition: .3s; transition: .3s; pointer-events: auto; border-radius: 5px; } .service .container .box .link .txt { position: relative } .service .container .box .link .txt .t1 { font-size: 16px; line-height: 1.8em; font-family: "DINEngschriftStd"; padding-left: 30px; color: #fff; } .service .container .box .link .txt .t2 { font-size: 16px; line-height: 1em } .service .container .box .link i { -webkit-transition: .3s; transition: .3s; position: relative } .service .container .box .link:before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #003087; -webkit-transition: .3s; transition: .3s; border-radius: 0 0px 0px 0; border-right: 50px solid #d61e26; margin-left: -50px } .service .container .box .link:hover:before { left: 0; margin-left: 0 } .service .container .box .link:hover { color: #fff } .service .container .telmap{display: none;} .service .container .map { max-width: 1339px; margin: 0 auto; position: relative; overflow: hidden } .service .container .map>img { width: 100% } .service .container .map .hint { position: absolute; width: 60px; height: 60px; transition: opacity .5s ease, transform .5s cubic-bezier(.5, 0, 0, 1), -webkit-transform .5s cubic-bezier(.5, 0, 0, 1); -webkit-transition-delay: 1s; transition-delay: 1s } .service .container .map .hint:before { width: 10px; height: 10px; background-color: #0774d0 } .service .container .map .hint:after, .service .container .map .hint:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50% } .service .container .map .hint:after { width: 2px; height: 2px; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; -webkit-animation: home_hero_item_hints_glow-data-v-8d9497d2 2s cubic-bezier(.25, .1, .2, 1) infinite; animation: home_hero_item_hints_glow-data-v-8d9497d2 2s cubic-bezier(.25, .1, .2, 1) infinite } .service .container .map .hint:hover:after { opacity: 0 } @-webkit-keyframes home_hero_item_hints_glow-data-v-8d9497d2 { 0% { -webkit-box-shadow:0 0 30px 5px #fff; box-shadow:0 0 30px 5px #fff } 70% { -webkit-box-shadow:0 0 70px 50px rgba(72,170,72,0); box-shadow:0 0 70px 50px rgba(72,170,72,0) } to { -webkit-box-shadow:0 0 0 50px rgba(72,170,72,0); box-shadow:0 0 0 50px rgba(72,170,72,0) } } @keyframes home_hero_item_hints_glow-data-v-8d9497d2 { 0% { -webkit-box-shadow:0 0 30px 5px #fff; box-shadow:0 0 30px 5px #fff } 70% { -webkit-box-shadow:0 0 70px 50px rgba(72,170,72,0); box-shadow:0 0 70px 50px rgba(72,170,72,0) } to { -webkit-box-shadow:0 0 0 50px rgba(72,170,72,0); box-shadow:0 0 0 50px rgba(72,170,72,0) } } .service .container .map .hint .hint-radius { position: absolute; top: 50%; left: 50%; width: 250px; height: 250px; margin: -125px 0 0 -125px; border-radius: 50%; transition-property: background-color, opacity, visibility, transform, -webkit-transform; -webkit-transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1); transition-timing-function: ease, ease, ease, cubic-bezier(.5, 0, 0, 1); -webkit-transition-duration: .5s; transition-duration: .5s; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0) } .service .container .map .hint:hover .hint-radius { background-color: #fff; opacity: .1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) } .service .container .map .hint .hint-dot { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; background:rgba(7,116,208,0.5); -webkit-animation: home_hero_item_hints_border-data-v-8d9497d2 3s linear infinite; animation: home_hero_item_hints_border-data-v-8d9497d2 3s linear infinite } @-webkit-keyframes home_hero_item_hints_border-data-v-8d9497d2 { 0%, to { border-color:hsla(7,116,208,1); -webkit-transform:translate(-50%, -50%) scale(.95); transform:translate(-50%, -50%) scale(.95) } 50% { border-color:hsla(7,116,208,1); -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1) } } @keyframes home_hero_item_hints_border-data-v-8d9497d2 { 0%, to { border-color:hsla(7,116,208,1); -webkit-transform:translate(-50%, -50%) scale(.95); transform:translate(-50%, -50%) scale(.95) } 50% { border-color:hsla(7,116,208,1); -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1) } } .service .container .map .hint .hint-content { position: absolute; width: 180px; color: #fff; z-index: 5; padding: 12px 0; font-size: 12px; color: #333; -webkit-transition: opacity .7s ease, visibility .7s ease; transition: opacity .7s ease, visibility .7s ease; opacity: 0; visibility: hidden } .service .container .map .hint:hover .hint-content { opacity: 1; visibility: visible } .service .container .map .hint .hint-content:after, .service .container .map .hint .hint-content:before { content: ""; position: absolute; height: 1px; background-color: #0774d0; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 0 } .service .container .map .hint .hint-content:before { width: 180px } .service .container .map .hint .hint-content:after { width: 80px } .service .container .map .hint:hover .hint-content:after, .service .container .map .hint:hover .hint-content:before { opacity: 1 } .service .container .map .hint:hover .hint-content:before { -webkit-transition-delay: .15s; transition-delay: .15s } .service .container .map .hint .hint-content p { opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s } .service .container .map .hint:hover .hint-content p { opacity: 1 } .service .container .map .hint.beimei { top: calc(34.64% - 30px); left: calc(64.29% - 30px) } .service .container .map .hint.beimei .hint-content { top: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.beimei .hint-content:before { top: 0; left: 0 } .service .container .map .hint.beimei .hint-content:after { top: 0; left: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.ouzhou { top: calc(54.5% - 30px); left: calc(74.47% - 30px) } .service .container .map .hint.ouzhou .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.ouzhou .hint-content:before { top: 0; right: 0 } .service .container .map .hint.ouzhou .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.zhongdong { top: calc(47.5% - 30px); left: calc(66.47% - 30px) } .service .container .map .hint.zhongdong .hint-content { top: 85px; left: 50%; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: -55px } .service .container .map .hint.zhongdong .hint-content:before { top: 0; right: 0 } .service .container .map .hint.zhongdong .hint-content:after { top: 0; right: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .service .container .map .hint.yatai { top: calc(20.5% - 30px); left: calc(75.52% - 30px) } .service .container .map .hint.yatai .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.yatai .hint-content:before { bottom: 0; left: 0 } .service .container .map .hint.yatai .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.nanmei { top: calc(75.06% - 30px); left: calc(30.24% - 30px) } .service .container .map .hint.nanmei .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.nanmei .hint-content:before { bottom: 0; left: 0 } .service .container .map .hint.nanmei .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.feizhou { top: calc(60.06% - 30px); left: calc(53.24% - 30px) } .service .container .map .hint.feizhou .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.feizhou .hint-content:before { bottom: 0; left: 0 } .service .container .map .hint.feizhou .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .hint.dayang { top: calc(79.13% - 30px); left: calc(83.86% - 30px) } .service .container .map .hint.dayang .hint-content { bottom: 85px; right: 50%; -webkit-transform: translateX(100%); transform: translateX(100%); margin-right: -55px } .service .container .map .hint.dayang .hint-content:before { bottom: 0; left: 0 } .service .container .map .hint.dayang .hint-content:after { bottom: 0; left: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .service .container .map .ningbo { position: absolute; top: 42.8%; left: 79.49%; } .service .container .map .ningbo:before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #d61e26; border-radius: 50% } .service .container .map .ningbo .tq1 { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background-color: hsla(50,200%,40%,.2); -webkit-animation: bianda-data-v-8d9497d2 2.5s linear infinite; animation: bianda-data-v-8d9497d2 2.5s linear infinite } .service .container .map .ningbo .tq2 { -webkit-animation: bianda2-data-v-8d9497d2 2s linear infinite; animation: bianda2-data-v-8d9497d2 2s linear infinite } .service .container .map .ningbo .tq2, .service .container .map .ningbo .tq3 { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background-color:hsla(50,200%,40%,.1); } .service .container .map .ningbo .tq3 { -webkit-animation: bianda3-data-v-8d9497d2 3s linear infinite; animation: bianda3-data-v-8d9497d2 3s linear infinite } .service .container .map .ningbo .content { position: absolute; left: 20px; bottom: -10px; font-size: 12px; color: #333; width: 200px; } .service .container .map .ningbo .content img{width: 70%;} .service .container .map .ningbo .content img { margin-left: -30px } @-webkit-keyframes bianda-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(10); transform:scale(10) } } @keyframes bianda-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(10); transform:scale(10) } } @-webkit-keyframes bianda2-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(13); transform:scale(13) } } @keyframes bianda2-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(13); transform:scale(13) } } @-webkit-keyframes bianda3-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(17); transform:scale(17) } } @keyframes bianda3-data-v-8d9497d2 { 0% { -webkit-transform:scale(1); transform:scale(1) } to { -webkit-transform:scale(17); transform:scale(17) } } @media (max-width:768px) { .homemap .tit{margin-bottom: 0;} .homemap .tit h2{font-size: 36px;} .service{padding: 22px 0 0 0;} .service .container { padding-top: 0; max-width: 100%; } .service .container .map { display: block; } .pcmap{display: none;} .service .container .telmap{display: block;width: 100%;} .service .container .box .title .en { font-size: 22px; line-height: 24px; } .service .container .box .title .cn { font-size: 28px; } .service .container .map .hint, .service .container .map .ningbo { display: none; } .service .container .box { position: static; } } .adv{width: 100%;background:#f8f8f8 url(../images/scx.jpg) no-repeat center top;background-attachment: fixed; background-size: cover; padding: 4% 0;} .adv .tit {margin: 0px auto 60px;position: relative;text-align: center;color: #fff; } .adv .tit h2{font-size: 55px;margin-bottom: 10px;font-weight: bold;} .adv .tit p {font-size: 18px;text-transform: uppercase; opacity: 0.7;} .adv ul{width: 85%; margin: 3% auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between; justify-content: space-between;} .adv li{width: 19%; color: #000; text-align: center;border:1px solid transparent; border-color: rgba(255, 255, 255, 0.1); padding:1% 0% 2% 0%;background: #fff;border-radius: 30px } .adv li i{width: 80px; height: 80px; line-height: 80px; background: #de2219;display: block; color: #fff;font-size: 50px;margin:20px auto 20px auto;border-radius: 50%; font-weight: 500;} .adv li h3{font-size:26px; font-weight: bold;} .adv li h3:after{content: ""; width: 20%; height: 2px; background: #f00; display: block; margin: 3% auto 20px auto;} .adv li p{width: 85%; margin: 0 auto; font-size: 16px; line-height: 31px;} @media (max-width:768px) { .adv .tit h2{font-size: 36px;} .adv .tit {margin: 0px auto 21px;} .adv ul{flex-wrap: wrap; width: 95%;} .adv li{width: 48%; margin-bottom: 10px;} } /*news*/ .news{width:100%; margin:0 auto; position: relative; padding: 4% 0; background: #e9f3fd;} .news .tit {margin: 0px auto 60px;position: relative;text-align: center;c } .news .tit h2{font-size: 55px;margin-bottom: 10px;font-weight: bold;} .news .tit p {font-size: 18px;text-transform: uppercase; opacity: 0.7;} .index_4_1{width: 80%; margin:3% auto 0 auto;} .index_4_1 ul li{ float:left; width:32%; margin-right:2%;font-size: 16px; } .index_4_1 ul li:nth-child(3n){margin-right:0} .index_4_1_mid_1{overflow:hidden; position:relative;} .index_4_1_mid_1 img{width:100%;} .index_4_1_mid_2{margin:0 0 20px 0; } .index_4_1_mid_2_1{color:#0774d0;font-family:Calibri;} .index_4_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;} .index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;} .index_4_2{text-align:center; margin:4.375em 0;} .index_4_1_mid{overflow:hidden; position:relative;padding-bottom: 20px;} .a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2} .a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s} .a-image-hover span:first-child{transition-delay:.03s} .a-image-hover span:nth-child(2){transition-delay:.06s} .a-image-hover span:nth-child(3){transition-delay:.09s} .a-image-hover span:nth-child(4){transition-delay:.12s} .index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)} .index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s} .index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s} .index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s} .index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s} .index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%} .index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;} .index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;} @media screen and (max-width:790px){ .news .tit h2{font-size: 36px;} .news .news_tit h3{display: none;} .news .news_tit h2{font-size: 36px;font-weight: bold; } .news .news_tit p{font-size: 16px;} .index_4_1{width: 95%; margin-bottom: 100px;} .index_4_1 ul li{width: 100%; margin-right: 0;} } .news_box{ margin: 0 auto;} .news_box li{ line-height: 55px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);} .news_box li span{float: right;} .flex-center{width: 85%; margin: 5% auto; text-align: center;} .se_erji{width: 85%; margin: 3% auto; max-width: 1234px;} .se_erji ul{display: flex; display:-webkit-flex;-webkit-justify-content:center; justify-content:center;} .se_erji li{width: 160px; text-align: center;font-size: 20px; font-weight: bold;} .se_erji li a{ font-size:18px; color:#333; line-height:50px;transition: all 0.5s; display:block; position:relative; transition: 0.3s;} .se_erji li a:hover{ color:#fff;text-decoration: none; font-weight: bold; border-radius:30px; background: #b9bcc5;} .se_erji li.cu_active a{ color:#0088ff;font-weight: bold; border-radius:30px} .se_erji li.honor_li{background:#a77e56; border:1px solid #a77e56;} .se_erji li.honor_li a{color: #fff;} .baninfo {height: 70px;position: relative;z-index: 2;border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);} .baninfo .cer8 {height: 100%;} .baninfo .s_width{display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; width: 75%;} .erji {font-size: 0;white-space: nowrap;text-align: center;padding: 17px 0;max-width: 100%;line-height: 36px;height: 36px;} .erji ul{display: flex; display:-webkit-flex; -webkit-justify-content:center; justify-content:center;flex-wrap: wrap;} .erji li{width: auto; text-align: center;margin-right: 20px;border-radius: 18px; padding: 0 10px;} .erji li a{ font-size:16px; color:#333; line-height:36px;transition: all 0.5s; display:block; position:relative; transition: 0.3s;} .erji li a:hover{ color:#0c46d4;text-decoration: none; font-weight: bold; } .erji li.cu_active a{ color:#0088ff;font-weight: bold;border-radius: 18px;border-radius: 18px;} .tree {height: 100%;font-size: 14px;line-height: 70px;color: #666;padding-left: 30px;} .tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;} .tree a:hover,.tree a.leaf {color: #0088ff;} .tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;} /* ===================== 内页 Banner 图 ===================== */ .inbanner {width: 100%;height: 700px;position: relative;overflow: hidden; background: #000;} .inbanner > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;z-index: 0; opacity: 0.7;} .inbanner .cer {position: relative;height: 100%;} @media screen and (max-width: 1440px) { .inbanner {height: 500px;} } @media screen and (max-width: 1023px) { .inbanner { height: 300px;} } @media screen and (max-width: 750px) { .inbanner { height: 280px;} } .inbanner2 {width: 100%;height: 380px;position: relative;overflow: hidden;background: #000;} .inbanner2 > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;z-index: 0;opacity: 0.7;} .ibcate {position: absolute;width: 100%;left: 0;bottom: 50%;z-index: 1;color: #fff;text-align: center;overflow: hidden;margin-bottom: -90px;} .ibcate .cn {font-size: 54px;line-height: 56px;font-weight: bold;letter-spacing: 2px;text-indent: 2px;} .ibcate .en {font-size: 36px;line-height: 70px;} .ibcate .hx {width: 40px;height: 3px;background-color: #fff;margin: 10px auto;} .mouse {width: 50px;height: 50px;margin-top: 123px;margin-left: -25px;position: absolute;left: 50%;top: 50%;z-index: 2;/*font-size: 16px; line-height: 28px; color: #fff; text-align: center;*/ background: url('../images/jtd-ib.png') center 0 no-repeat;} @media screen and (max-width: 750px) { .ibcate {margin-bottom: -83px;} .ibcate .cn {font-size: 36px;} .ibcate .en {font-size: 18px;line-height: 60px;} .ibcate .hx {margin: 0 auto;} .mouse{display: none;} } .baninfo {height: 70px;position: relative;z-index: 2;background-color: #f1f1f1;} .baninfo .cer8 {height: 100%;} .erji {float: left;font-size: 0;white-space: nowrap;text-align: center;padding: 17px 0;max-width: 100%;line-height: 36px;height: 36px;} .erji a {display: inline-block;width: 110px;height: 100%;margin-left: 26px;border-radius: 18px;color: #333;font-size: 16px;line-height: 36px;vertical-align: top;background-color: #f1f1f1;} .erji a:first-child {margin-left: 0;} .erji a:after {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;display: none;width: 0;height: 1px;background-color: #ef7c00;-webkit-transition: 0.3s;transition: 0.3s;} .erji a:hover {background-color: #fff;color: #ef7c00;} .erji a.on {background-color: #ef7c00;color: #fff;font-weight: bold;} .erji a:hover:after {left: 0;width: 100%;-webkit-transition: width 0.3s;transition: width 0.3s;} .tree {height: 100%;font-size: 14px;line-height: 70px;color: #666;padding-left: 30px;background: url('../images/point1.png') 0 no-repeat;} .tree a {display: inline-block;height: 100%;color: #666;vertical-align: middle;} .tree a:hover,.tree a.leaf {color: #ef7c00;} .tree i {display: inline-block;width: 28px;height: 100%;vertical-align: middle;text-align: center;} @media screen and (max-width: 750px) { .tree {word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} } /*内页公司简介*/ .abone {padding: 155px 0 140px;} .abt {width: 100%;position: relative;} .abt:before {position: absolute;right: -38px;top: -46px;z-index: 0;width: 249px;height: 143px;background: url('../images/dianzhen2.png') center no-repeat;content: "";} .abtpicbg {width: 50%;height: 670px;position: absolute;right: 0;top: 0;z-index: 2;overflow: hidden;text-align: center;} .abtpicbg img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 0 60px;} .abtother {width: 40%;float: left;position: relative;z-index: 1;} .abcate1 .en {font-size: 42px;color: #255ba9;line-height: 50px;font-family: 'helvetica';font-weight: bold;} .abcate1 .en span {display: inline-block;background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#40a4b3));background-image: linear-gradient(to right, #255ba9, #40a4b3);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .abcate1 .cn {font-size: 32px;color: #333;line-height: 42px;font-weight: bold;margin-top: 10px;} .abtother .abtcon {font-size: 18px;color: #333;line-height: 36px;margin-top: 56px;overflow: auto;} .abtother .abtcon p{text-indent:2em;} .abtother .abtcon img {display: none;} @media screen and (max-width: 1400px) { .abtother {width: 46%;} .abtother .abtcon {margin-top: 40px;} } @media screen and (max-width: 1100px) { .abtpicbg {position: relative;width: 100%;height: auto;} .abtpicbg img {width: auto;max-width: 100%;border-radius: 0 40px;} .abtother {float: none;width: 100%;margin-top: 50px;} .abcate1 {text-align: center;} } @media screen and (max-width: 750px) { .abone {padding: 100px 0;} .abcate1 .en {font-size: 36px;} .abcate1 .cn {font-size: 26px;} .abtother .abtcon{width: 95%; margin: 0 auto;} } /*内页企业文化*/ .cate34 {text-align: center;color: #333;} .cate34 .cn2 {font-size: 28px;line-height: 46px;} .cate34 .hx {width: 30px;height: 3px;margin: 14px auto;background-color: #ef7c00;} .cate34 .cn {font-size: 36px;line-height: 52px;font-weight: bold;} .dinweione {padding: 120px 0 200px;background: #ffffff url('../images/wave1.jpg') bottom no-repeat;} .whlist {margin-top: 76px;font-size: 0;padding: 20px 0 16px;} .whlist li {display: inline-block;width: 20%;position: relative;margin-bottom: 30px;top: 0;-webkit-transition: .4s;transition: .4s;} .whlist li a {display: block;padding: 0 10px;text-align: center;} .whlist .pic {width: 100%;height: 148px;line-height: 148px;font-size: 0;position: relative;padding: 12px 0 8px;} .whlist .bg {position: absolute;left: 50%;top: 0;z-index: 0;width: 171px;height: 100%;margin-left: -80px;background: url('../images/dinweiball1.png') no-repeat;-webkit-transition: .4s;transition: .4s;} .whlist img {max-width: 100%;max-height: 100%;position: relative;z-index: 1;} .whlist h3 {font-size: 24px;color: #333;line-height: 42px;font-weight: bold;height: 42px;overflow: hidden;margin-top: 20px;} .whlist h4 {font-size: 18px;color: #333;line-height: 26px;overflow: hidden;} .whlist .txt {font-size: 14px;color: #666;line-height: 22px;word-break: normal;width: 200px;max-width: 100%;height: 44px;overflow: hidden;margin: 10px auto 0;} .whlist li:hover .bg {background-image: url('../images/dinweiball2.png');} .whlist li:hover {top: -20px;} @media screen and (max-width: 1300px) { .whlist li {width: 33.33%;} } @media screen and (max-width: 840px) { .whlist li {width: 50%;} } /*内页团队风采*/ .rongyumain {padding: 100px 0 90px;} .rongyumain h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;} .rongyumain .intro {margin: 20px auto 0;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;} .rylist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin: 60px auto 0;} .rylist li {float: left;width: 25%;margin-bottom: 50px;} .rylist li .lin {padding: 0 15px;} .rylist li a {display: block;position: relative;border: 1px solid #e7e7e7;} .rylist li .pic {width: 100%;overflow: hidden;position: relative;font-size: 0;text-align: center;} .rylist li img {max-width: 100%;} .rylist li h3 {padding: 0 30px;position: relative;overflow: hidden; background: #f2f2f2;} .rylist li h3 span {position: relative;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 18px;color: #333;line-height: 40px;white-space: nowrap;padding: 15px 30px 15px 0;background: url('../images/glass2.png') right no-repeat;border-top: 1px solid #ebebeb;} .rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#e80011), to(#d20716)); background-image: linear-gradient(to right, #e80011, #d20716);} .rylist li h3 span,.rylist li h3:before {-webkit-transition: .5s;transition: .5s;} .rylist li:hover h3 span {color: #fff;background-image: url('../images/glass2h.png');border-top-color: transparent;} .rylist li:hover h3:before {width: 100%;left: 0;-webkit-transition: width .5s;transition: width .5s;} @media screen and (max-width: 1440px) { .rylist {padding: 0 0 40px;} .rylist li .lin {padding: 0 20px;} } @media screen and (max-width: 1100px) { .rylist {padding: 0 0 30px; margin-top: 30px;} .rylist li .lin {padding: 0 5px;} .rylist li {width: 50%;} .rylist li h3 {padding: 0 20px;} } @media screen and (max-width: 640px) { .rongyumain {padding: 40px 0 40px;} .rylist li {width: 50%;margin-bottom: 15px;} .rylist li img{width: 100%; max-width: 100%; max-height: auto;} .rylist li .pic{height: auto; line-height: 0;} .rylist li h3 span{height: 30px; line-height: 30px; font-size: 16px; background: none; padding: 10px 0;} .rylist li:hover h3 span{background: none; } .rongyumain .intro {margin: 0px auto 10px auto;} } /*内页团队风采*/ .se_pro{width: 85%; margin: 3% auto;} .se_pro ul {-webkit-justify-content: left; justify-content: left;display: flex; display:-webkit-flex;flex-wrap: wrap;} .se_pro ul li {transition: all .3s ease;width: 22.7%; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); margin: 0 1% 2% 1%;} .se_pro ul li .pro_pic img {width: 100%;} .se_pro ul li .pro_pic i {display: none;} .se_pro ul li .pro_tit {font-size: 18px;color: #282727;line-height:31px;padding: 15px 0; display: block;text-align: center;background: #f2f2f2;} .se_pro ul li .pro_pic {position: relative;display: block;overflow: hidden;} .se_pro ul li .pro_pic i {display: block;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);} .se_pro ul li:hover .pro_pic i {transition: all .3s ease;left: 100%} .se_pro ul li:hover {transition: all .3s ease;transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5);-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.5)} @media screen and (max-width:1280px){ .se_pro ul li {width: 31%;} } @media screen and (max-width:790px){ .se_pro{width: 98%;} .se_pro ul {margin-left: 0;} .se_pro ul li {width: 47%;} .se_pro ul li a{word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .se_pro ul li .pro_tit{font-size: 16px;} } /*内页发展历程*/ .fazhanmain {position: relative;padding: 140px 0 87px;background: url('../images/fazhanbg.jpg') center / cover no-repeat;} .fazhanmain:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;background: url('../images/sun.png') right top no-repeat;content: "";} .fazhanmain .cer8 {position: relative;z-index: 2;} @media screen and (max-width: 1200px) { .fazhanmain {padding: 110px 0 80px;} } @media screen and (max-width: 750px) { .fazhanmain {padding: 80px 0 80px;} } .cate53 {text-align: center;} .cate53 .cn {font-size: 32px;line-height: 48px;font-weight: bold;margin-top: 10px;} .cate53 .en {font-size: 42px;line-height: 52px;font-family: 'Century';word-break: normal;} @media screen and (max-width: 750px) { .cate53 .en {font-size: 32px;line-height: 42px;} .cate53 .cn {font-size: 26px;margin-top: 0;} } .pig {width: 60px;height: 60px;background-color: rgba(0, 0, 0, 0.15);border-radius: 50%;opacity: 0;position: absolute;left: 100%;top: 100%;z-index: 10;margin-left: -30px;margin-top: -30px;pointer-events: none; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;-webkit-transition: opacity 0.4s linear, -webkit-transform 0.5s ease-in-out;transition: opacity 0.4s linear, -webkit-transform 0.5s ease-in-out; transition: opacity 0.4s linear, transform 0.5s ease-in-out;transition: opacity 0.4s linear, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;} .pig.show {opacity: 1;} .pig:active,.pig.active {-webkit-transform: scale(1.1); transform: scale(1.1);} .pig s {width: 6px;height: 12px;cursor: pointer;position: absolute;margin-top: -6px;top: 50%;z-index: 2;background-color: transparent;background-position: center;background-repeat: no-repeat;-webkit-transition: 0.3s; transition: 0.3s;} .pig s.i1 {left: 20px;background-image: url('../images/sjl-pig.png');} .pig s.i2 {right: 20px;background-image: url('../images/sjr-pig.png');} .pig:active s.i1,.pig.active s.i1 {left: 14px;} .pig:active s.i2,.pig.active s.i2 {right: 14px;} .sw53out {margin-top: 120px;} #sw53 {height: 328px;} #sw53 .swiper-slide {width: 420px;} #sw53 .slideinner {position: relative;width: 100%;height: 100%;} .fittuwen3 {display: block;padding-left: 44px;padding-right: 80px;height: 100%;background: url('../images/sx1-fz.png') 4px 28px no-repeat;position: relative;} .fittuwen3 i {position: absolute;left: 0;top: 23px;z-index: 1;border-radius: 5px;width: 9px;height: 9px;background-color: #ef7c00;-webkit-transition: 1s;transition: 1s;-webkit-box-shadow: 0 0 0 6px rgba(239, 124, 0, 0.15); box-shadow: 0 0 0 6px rgba(239, 124, 0, 0.15);} .swiper-slide:hover .fittuwen3 i {-webkit-transform: scale(1.2) rotateY(360deg); transform: scale(1.2) rotateY(360deg);} .fittuwen3 dt {font-size: 24px;line-height: 54px;height: 54px;overflow: hidden;margin-bottom: 24px;} .fittuwen3 dt em {font-size: 52px;font-family: "Times New Roman";font-style: normal;font-weight: bold;margin-right: 6px;color: #ef7c00} .fittuwen3 .txt {font-size: 16px;line-height: 28px;height: 244px;overflow: auto;} .fittuwen3 .txt dd + dd {margin-top: 18px;} .fittuwen3 .txt dd span {display: block;} @media screen and (max-height: 1200px) { .sw53out {margin-top: 80px;} } /* ===================== 内页 Banner 图 ===================== */ .mbx{ width:100%; height:60px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);} .mbx .mbx_cont{ width:85%; margin:0 auto; font-size:16px; line-height:60px; color:#333} .mbx .mbx_cont a{color: #333;} /*产品详情页*/ .container{width: 80%; margin: 4% auto; } .container .info-intro{text-align: center; background: #666;width: 50%; margin: 4% auto 0 auto; color: #fff;} .container .info-intro h2{font-size: 26px; font-weight: 500; padding: 10px 0;} .info-pic img{display: block; margin: 0 auto; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;max-width: 650px;} .info_cont{margin: 5% auto; max-width: 1100px;} /*anli xiangqing*/ .case_wx{width: 200px; display: block;margin: 0 auto;} .case_wx img{width: 100%;} .atc-con i{text-align: center;display: block;} /*内页联系我们*/ .contact-uss {padding: 97px 10% 90px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .solute-title strong {display: block;margin-bottom: 22px;line-height: 1;color: #e03a3a;font-weight: normal;font-size: 38px;} .solute-title small {display: block;line-height: 1;color: #999999;font-size: 28px;font-weight: lighter;text-transform: uppercase;} .complaint-info {margin-top: 80px;margin-bottom: 155px;} .complaint-info p {color: #333333;font-size: 16px;} .add-list {width: 42.578%;} .add-list p {position: relative;height: 74px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center; padding-left: 10px;border-bottom: 1px solid #eeeeee;color: #333333;font-size: 16px;} .add-list p:before {position: absolute;left: 0;bottom: -1px;content: "";width: 54px;height: 1px;background: #e03a3a;} .tels b {display: block;line-height: 1;color: #e03a3a;font-weight: normal;} .tels p{ line-height: 45px;} /*内页产品展示*/ .probanner{background: #cdd0d1; padding: 25px 0; text-align: center; margin-top: 125px;} .probanner .cn{color: #fff;font-size:36px; font-weight: bold;} .se_prolist{width: 85%; margin: 0 auto;} .se_prolist ul{display: flex; display:-webkit-flex; -webkit-justify-content:center; justify-content: center;flex-wrap: wrap;} .se_prolist li{ padding:0 3%; line-height: 7vh; text-align: center; margin: 1% 0.5%;transition: .5s; background: #fff;color: #333; cursor:pointer; font-weight: 700;} .se_prolist li a{color: #333;} .se_prolist li:hover{ background: #dd2118;} .se_prolist li:hover a{ color: #fff;} .se_tuandui { width:75%; margin:0 auto 1rem auto; } .se_tuandui ul{display: flex;justify-content: flex-start;flex-wrap: wrap;} .se_tuandui li{width:31%; margin:0 1% 2% 1%; position:relative; overflow:hidden; border:1px solid #eee; color:#fff;} .se_tuandui li:nth-child(3n){ margin-right:0px;} .se_tuandui li .p-img{ margin:0 auto 0px auto; text-align:center; position:relative; overflow:hidden;width: 100%;object-fit: cover; object-position: center; } .se_tuandui li .p-name{ line-height:65px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; font-weight: 700; color:#fff;background:#343643;text-transform: uppercase; word-break: break-all; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .se_tuandui li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_tuandui li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_tuandui p{ font-size:18px; line-height:35px; color:#333;} .se_tuandui p span{ font-size:20px; color:#e9e9e9;} .se_tuandui li .p-name em{font-weight: 100; padding: 0 2%;} .se_tuandui ul li:hover{cursor:pointer; } .se_tuandui ul li:hover .p-name{ color: #fff;} .se_tuandui li:hover .p-name{background: #0088ff;} .se_case { width:85%; margin:4% auto 1rem auto; } .se_case ul{display: flex;justify-content: flex-start;flex-wrap: wrap;} .se_case li{padding:0; width:14%; margin:0 1% 2% 0; position:relative; overflow:hidden; border:1px solid #eee; color:#fff;} .se_case li:nth-child(4n){ margin-right:0px;} .se_case li .p-img{ margin:0 auto 0px auto; text-align:center; position:relative; overflow:hidden;width: 100%;object-fit: cover; object-position: center; } .se_case li .p-name{ line-height:65px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center; font-weight: 500; color:#fff;background:#2778be;text-transform: uppercase; } .se_case li .p-img img{ width:100%; height: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_case li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} @media (max-width:1440px){ .se_tuandui li .p-img{} } @media (max-width:1280px){ .se_tuandui { width:95%; margin:1rem auto 1rem auto; } .se_tuandui li{width: 23%;} .se_tuandui li .p-img{} } @media (max-width:1000px){ .se_tuandui li .p-img{height: 185px;} .se_tuandui ul li i{ background:none;} } .fenye{width: 1280px; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center; justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;} .fenye_zong{ font-size: 12px; padding: 0 10px; text-align: center; border: 1px solid #dddddd;margin: 0 3px 6px;color: #666; line-height: 26px;} .seprobox_l{ background: #fff; width: 100%; } .seprobox_l h3 {margin-top: 50px;margin-bottom: 40px;font-size: 36px;color: #000000;line-height: 1.3;font-weight: bold;} .seprobox_l h3 i {margin-right: 3.125%;font-size: 36px;color: #c4c4c4;font-family: "Consolas";font-style: normal;font-weight: normal;line-height: 1;opacity: 0.5;} .seprobox_l h3 i:before {content: "";width: 12px;height: 3px;background: #c4c4c4;display: inline-block;vertical-align: middle;margin-right: 17px;} .seprobox_l p {margin-top: 40px;margin-bottom: 40px;color: #000000;line-height: 1.8;text-indent:2em;} .seprobox_l p img{text-indent:-4em; display: block; margin: 0 auto;} /*产品详情*/ .se_procont{width: 100%; background:url(../images/scx.jpg) no-repeat center top;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;} .se_procont .s_width{background: #fff;padding:2% 4%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between;width: 80%; margin: 0 auto;} .se_procont .se_procont_l{width: 45%; overflow: hidden;position: relative;} .l{float: left;} .r{float: right;} #showbigpic{width: 100%;max-width:800px;} .piclist{width:89%;overflow: hidden; } #modal-pic img{width:100%;} .modal-dialog{width: 100%;} .absolute{position:absolute} .arrow-left{top:5px;left:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .arrow-right{top:5px;right:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .arrow-left:hover{ background:url(../images/left_h2.png) no-repeat center top;} .arrow-right:hover{ background:url(../images/right_h2.png) no-repeat center top;} #mycarousel{transition: all .4s;} .espcms_pro_photo li{ float:left; width:80px; text-indent:0;} .espcms_pro_photo li img{width:76px;height:auto; background: #fff } .modal-dialog .modal-footer{position: absolute; padding:0;bottom:0; padding:0 0 10px 0} .se_product_box{width: 85%; margin: 4% auto;} .se_product_box .se_product_tit{font-size: 30px; font-weight: bold;background: #00923f;padding: 20px 0px;width: 200px; text-align: center; color: #fff;} .se_product_box .se_product_cont p{font-size: 18px; line-height: 35px;} .se_product_bg{margin-top: 3%;} .biaoge{overflow-x: auto;} .biaoge td{padding:0.5% 1%;white-space: nowrap;font-size: 16px;} table {width: 100%;border-collapse: collapse;} table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 31px; } .biaoge p{font-size: 16px; line-height: 31px;} @media screen and (min-width: 1025px) { .se_procont_r{width: 50%;padding-top: 4%;} .se_procont .se_procont_r h1 {color: #333333;line-height: 1.25; font-size: 40px; font-weight: 800;} .se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; } .se_procont .se_procont_r .aside span{font-size: 16px;} .se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 16px;} .se_procont .se_procont_r .imax p{ line-height: 31px;} .se_procont .se_procont_r .btns { margin-top: 12%;} .se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 45px;padding: 0.1rem 0.2rem;border-radius: 70px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;color: #333333;} .se_procont .se_procont_r .btns .btn:after {background-color: #0181e0;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;} .se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;} .se_procont .se_procont_r .btns .btn2 {color: #0181e0;border-color: #0181e0;} } @media screen and (min-width: 1025px) { .se_procont .se_procont_r .btn1:hover {color: #171c32;} .se_procont .se_procont_r .btn2 {color: #0181e0;border-color: #0181e0;} .se_procont .se_procont_r .btn2:hover {color: #171c32;} } @media screen and (max-width: 1024px) { .se_product_box{width: 95%;} .container{width: 100%;} .se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;} .se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;} } @media screen and (max-width: 790px) { .inbanner2 {height: 180px;} .se_procont{padding: 0% 0 4% 0;} .se_procont .s_width{width: 98%; display: block;} .se_procont .se_procont_l{width: 100%;} .se_procont .se_procont_r{width: 90%; margin-top: 0;} .se_procont .se_procont_r h1{font-size: 25px; padding-top: 3%;} .se_procont .se_procont_r .aside {margin-top: 10px;} .se_procont .se_procont_r .imax{font-size: 15px;} .se_procont .se_procont_r .imax p{line-height: 24px;} .se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;} .right-fd{display: none!important;} .se_procont .s_width{background: #fff;padding: 0%;width: 95%;} #modal-pic {height: 35vh;} .se_product_box .se_product_tit{font-size: 23px;width: 150px;padding: 10px 0;} .se_product_box .se_product_cont p{font-size: 16px; line-height: 31px;} } .pro02BoxBotNav{ background:#d6d6d6; width: 100%; height: 100px;} .pro02BotNav{ margin:0 auto; padding:0; width: 90%;} .pro02BotNav li{ margin:0; padding:0; min-width:33%; text-align:center; font-size:20px; color:#212020; line-height:100px; border-left:1px solid #c8c8c8; position:relative; cursor:pointer; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; float: left;} .pro02BotNav li:first-child{ border-left:none;} .pro02BotNav li:after{ position:absolute; left:50%; margin-left:-10px; bottom:0; opacity:0; display:block; content:"";width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:11px solid #cd1213;transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .pro02BotNav li.active{ background:#cd1213; color:#ffffff;} .pro02BotNav li.active:after{ opacity:1; bottom:-11px;} .pro02BotNav li:hover{ background:#cd1213; color:#ffffff;} .pro02BoxBotCon{ font-size:18px; color:#5a5a5a; line-height:36px;} .pro02BoxBotCon .swiper-slide{ color:#5a5a5a;} .pro02BoxBotConText img{ margin:10px auto; max-width:100%;} .pro02BoxTit{ font-size:23px; color:#3d3d3d; line-height:200%; padding:2% 0 10px 0px;} .pro02BoxTit:after{ content: ""; background: url('../images/xian.png') center no-repeat; width: 214px; height: 5px; display: block; margin: 10px 0;} .pro02BoxBrief{ font-size:16px; color:#5a5a5a; line-height:24px; padding:0 26.5% 30px;} .pro02BotImg3{ padding-bottom:20px;} .pro02BotImg3 li{ padding-bottom:15px;} .pro02BotImg3Con{ font-size:14px; color:#5a5a5a; line-height:24px; padding:0 23%;} .pro02BotImg3Con h4{ font-size:26px; color:#3d3d3d; line-height:180%;} .pro02BotImg5{ border-top:1px solid #bebebe; border-bottom:1px solid #bebebe; font-size:0; padding:30px 0;} .pro02BotImg5Con{ display:inline-block; vertical-align:middle; width:50%; padding:0 5%; font-size:16px; text-align:center;} .pro02BotImg5Con h4{ font-size:30px; color:#3d3d3d; line-height:150%; padding:10px 0;} .pro02BotImg5 img{ display:inline-block; vertical-align:middle; width:50%;} .con {color: #323757;text-align: center;padding-top: 20px;margin-bottom: 80px;} .con table, .new_con table {width: 100%;border-spacing: 0px;border-collapse: collapse;background: #fff;border-bottom: 1px solid #ddd;margin-bottom: 15px;} .con tr:first-child, .new_con tr:first-child {background-image: linear-gradient(90deg,#0774d0 3%,#077ee2 100%);height: 60px;line-height: 60px;color: #fff;} .con tr:nth-child(2n+3), .new_con tr:nth-child(2n+3) {background: #f5f5f5;} .con .bhead, .new_con .bhead {background-image: linear-gradient(90deg,#0774d0 3%,#077ee2 100%);color: #fff} .con tr.odd, .new_con tr.odd {background: #f5f5f5;color: #333;} .con tr.even, .new_con tr.even {background: none;} .con td.even, .new_con td.even {background: #fff;} .con table td, .new_con table td {line-height: 46px;} .con tr, .new_con tr {border: 1px solid #ddd;} .new_con table {text-align: center;} .con strong {width: 100%;text-align: left;color: #fff;float: left;font-size: 16px;margin: 10px 0} /*anli xiangqing*/ .case_wx{width: 200px; display: block;margin: 0 auto;} .case_wx img{width: 100%;} .atc-con i{text-align: center;display: block;} /*6产品详情*/ .propage-out {width: 100%;position: relative;z-index: 2;margin-top: -676px;} .propage-wrap {background-color: #fff;padding: 20px 20px 20px 20px;} .profirst {overflow: hidden;min-height: 410px; margin-top: 4%;} .xijie {width: 49%;height: auto;float: left;z-index: 1;position: relative;} .xijie .bigpic {width: 100%;height: 100%;position: relative;text-align: center;font-size: 0;} .xijie .bigpic img {max-width: 100%;max-height: 100%;} .proinfo {float: right;width: 45%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;} .proinfo .proname {font-size: 36px;line-height: 50px;color: #333;margin-bottom: 28px;} .aside {margin-top: 0.1rem;line-height: 31px;} .aside span{font-size:16px;} .proinfo .xiangxi {font-size: 16px;line-height: 31px;color: #666;max-height: 160px;overflow: auto;margin-top: 24px;} .proinfo .probtnarea {font-size: 0;margin-top: 50px;} .proinfo .probtn {display: inline-block;width: 178px;height: 58px;border: 1px solid #ddd;border-radius: 5px;margin-left: 34px;color: #fff;font-size: 16px;line-height: 58px;text-align: center;position: relative; overflow: hidden; background: #00aa4b;} .proinfo .probtn:first-child {margin-left: 0;} .proinfo .probtn:hover {color: #333;border-color: #00aa4b;} @media screen and (max-width: 1440px) { .propage-wrap { padding: 100px 80px 140px;} } @media screen and (max-width: 1200px) { .propage-out { margin-top: -546px;} .propage-wrap { padding: 80px 60px 120px;} } @media screen and (max-width: 1100px) { .proinfo .probtn { width: 111px; margin-left: 24px;} } @media screen and (max-width: 1024px) { .aside{display: none;} .propage-wrap { padding: 60px 40px 100px;} .profirst { height: auto;} .xijie { float: none; width: 100%; margin-bottom: 50px;} .proinfo { float: none; width: 100%; height: auto;} .proinfo .proname { font-size: 30px;} .proinfo .xiangxi { max-height: none;} } @media screen and (max-width: 750px) { .propage-out { margin-top: -92px;} .propage-wrap { padding: 60px 0 90px;} .proinfo .probtn { height: 48px; line-height: 48px;} } /*se_hangye*/ .se_xinwen{width: 85%; margin: 0 auto 5% auto; max-width: 1345px;} .se_xinwen h2{font-size: 45px; font-weight: bold;width: 100%; margin:8% auto 0 auto;} .seccontent{width:100%; margin: 0 auto;} .fnewslist {overflow: hidden;text-align: center;font-size: 0;margin-top: 62px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;} .fnewslist li {max-width: 31%;} .fnewslist li .inner {text-align: left;} .hot {position: relative;border-bottom: 3px solid #f8f8f8;-webkit-transition: 0.5s;transition: 0.5s;} .hot .pic {width: 100%;height: auto;overflow: hidden;position: relative;} .hot .pic img {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;} .hot .wz {padding: 36px 30px 30px;background-color: #f8f8f8;} .hot h3 {font-size: 20px;color: #111;line-height: 32px;height: 32px;overflow: hidden;-webkit-transition: 0.5s;transition: 0.5s;} .hot p {font-size: 16px;color: #666;line-height: 32px;overflow: hidden;height: 64px;margin-top: 5px;} .hot .date {font-size: 16px;color: #999;line-height: 28px;overflow: hidden;height: 28px;margin-top: 25px;} .fnewslist li:hover .hot h3 {color: #ef7c00;} .fnewslist li:hover .hot {border-bottom-color: #ef7c00;} .hot .pic:after {content: '';position: absolute;width: 100%;height: 100%;left: 0;right: 0;z-index: 5;} .fnewslist li:hover .hot .pic:after {-webkit-animation: gradient-rectangle 1s cubic-bezier(0, 0, 0.18, 0.96) 1; animation: gradient-rectangle 1s cubic-bezier(0, 0, 0.18, 0.96) 1;} @-webkit-keyframes gradient-rectangle { 0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));opacity: 1;} 100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;transform-origin: top;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));opacity: 0;} } @keyframes gradient-rectangle { 0% {-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));opacity: 1;} 100% {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;transform-origin: top;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.6)));background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));opacity: 0;} } @media screen and (max-width: 1023px) { .fnewslist { margin-top: 30px;} .fnewslist li { max-width: 48%; margin-top: 30px;} .fnewslist li:last-child { display: list-item;} } @media screen and (max-width: 700px) { .fnewslist li { width: 100%; max-width: 100%;} } .cer8 {padding: 0 0 120px;width: 85%; margin: 0 auto;} .newslist {padding: 44px 0;overflow: hidden;width: 80%; margin: 0 auto;} .newslist li {width: 100%;border-bottom: 1px solid #e8ecf0;padding: 86px 0;} .newslist li:last-child {border-bottom: 0 none;} .newslist li a {display: block;position: relative;overflow: hidden;padding-left: 650px;height: 356px;} .newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 586px;height: 100%;overflow: hidden;} .newslist li .pic img {-o-object-fit: cover; object-fit: cover; width: 100%;} .newslist li h3 {font-size: 24px;color: #333;line-height: 42px;height: 42px;overflow: hidden;} .newslist li .txt {font-size: 16px;color: #666;line-height: 32px;height: 64px;overflow: hidden;margin: 20px 0 58px;} .newslist li .date {font-size: 24px;color: #2fcb00;line-height: 36px;font-family: "amerigobt";height: 36px;padding-top: 48px;overflow: hidden;} .newslist li label {display: block;width: 32px;height: 32px;font-size: 0;cursor: pointer;background: #c3c3c3 url('../images/jtr-n.png') center no-repeat;border-radius: 50%;} .newslist li,.newslist h3,.newslist label {-webkit-transition: .5s;transition: .5s;} .newslist li:hover {border-bottom-color: #2fcb00;} .newslist li:hover h3 {color: #2fcb00;} .newslist li:hover label {background-color: #2fcb00;} @media screen and (max-width: 1440px) { .newslist li .txt { line-height: 30px; height: 90px; margin-bottom: 32px;} } @media screen and (max-width: 1200px) { .newslist li a { padding-left: 540px;} .newslist li .pic { width: 480px;} } @media screen and (max-width: 1023px) { .newslist li { padding: 60px 0;} .newslist li a { padding-left: 450px;} .newslist li .pic { width: 400px;} } @media screen and (max-width: 840px) { .cer8 {width: 100%;} .newslist li a { padding-left: 360px; height: 240px;} .newslist li .pic { width: 320px;} .newslist li .date { padding-top: 20px;} .newslist li label { display: none;} } @media screen and (max-width: 750px) { .newslist li { padding: 40px 0;} .newslist li a { padding-left: 300px; height: 180px;} .newslist li .pic { width: 260px;} .newslist li .txt { display: none;} .newslist li h3 { font-size: 20px; line-height: 32px; height: 96px;} } @media screen and (max-width: 600px) { .newslist li a { padding-left: 270px;} .newslist li .pic { width: 240px;} .newslist li h3 { font-size: 18px; line-height: 30px; height: 120px;} .newslist li .date { padding-top: 10px; font-size: 18px;} } /*新闻详情页*/ .greybgnews {background-color: #f8fafb;padding: 50px 0 80px;} .greybgnews .cer8{ max-width: 1600px; margin:0 auto; padding: 0 30px;} .main {position: relative;padding-right: 480px;} .mainleft {width: 100%;min-height: 800px;} .mainright {width: 440px;position: absolute;top: 0;right: 0;z-index: 1;} .mainright .sidebox {padding: 40px 40px 16px;width: auto;background-color: #fff;} .mainright .sidebox .title {height: 40px;font-weight: bold;margin-bottom: 20px;font-size: 26px;line-height: 40px;color: #0774d0;} .relnewslist li {border-bottom: 1px solid #e7e7e7;} .relnewslist li a {display: block;} .relnewslist li .pic {width: 100%;position: relative;overflow: hidden; display: none;} .relnewslist li:nth-child(1) .pic{display: block;} .relnewslist li .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.5s;transition: 0.5s;} .relnewslist li:hover img {-webkit-transform: scale(1.04);transform: scale(1.04);} .relnewslist .wz {padding: 20px 0;} .relnewslist h3 {font-size: 18px;color: #333;line-height: 36px;font-weight: bold;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-transition: 0.3s;transition: 0.3s;} .relnewslist .date { color: #666; font-size: 12px; line-height: 28px; height: 28px;} .relnewslist li:hover h3 { color: #ef7c00;} .atc {padding: 40px 70px 70px;background-color: #fff;} .atc-h {border-bottom: 1px solid #e7e7e7;padding-bottom: 20px;position: relative;} .atc-h h1 {font-size: 32px;color: #333;line-height: 46px;font-weight: bold;margin-bottom: 24px;} .atc-date {font-size: 14px;color: #888;line-height: 30px;} .atc-date span {display: inline-block;margin-right: 48px;} .atc-con {padding: 44px 0 76px;font-size: 16px;line-height: 28px;color: #555;text-align: justify;} .atc-con p{line-height: 31px; margin-bottom: 15px;text-indent:2em;} .atc-con img {max-width: 100%; display: block; margin: 10px auto;} .atc-con iframe{width: 80%; margin: 0 auto; height: 450px;} .atc-con .videowrap {width: 1440px;position: relative;text-align: center;margin: 50px auto;overflow: hidden;} .atc-con video {width: 100%;height: 612px;} @media screen and (max-width: 1440px) { .atc {padding: 40px 50px 60px;} .main {padding-right: 400px;} .mainright {width: 370px;} .videowrap {width: 100%;padding-bottom: 42.5%;height: 0;} .video {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;} } @media screen and (max-width: 1300px) { .main {padding-right: 0;} .mainleft {min-height: 0;} .mainright {display: none;} } @media screen and (max-width: 1023px) { .mainleft {width: 90%;} .greybgnews {padding: 60px 0 80px;background-color: #fff;} .atc {padding: 0 30px;} } @media screen and (max-width: 960px) { .greybgnews .cer8{ max-width: 100%; padding: 0 30px;} .atc-con {padding-bottom: 60px;} .atc-date span {margin-right: 24px;} } @media screen and (max-width: 750px) { .atc {padding: 0 0;} .atc-h h1 {font-size: 26px;margin-bottom: 0;} } .atc-pn {position: relative;padding-top: 26px;padding-right: 160px;border-top: 1px solid #ddd;} .atc-pn a {display: block;overflow: hidden;font-size: 14px;color: #666;line-height: 34px;margin-top: 10px;} .atc-pn a:hover {color: #0774d0;} .atc-pn a label {display: inline-block;border: 1px solid #ccc;width: 98px;height: 32px;text-align: center;font-size: 14px;line-height: 32px;margin-right: 15px;-webkit-transition: 0.3s;transition: 0.3s;} .atc-pn a:hover label {border-color: #0774d0;} .atc-pn a.ret {font-size: 14px;color: #fff;line-height: 34px;text-align: center;background-color: #0774d0;width: 110px;height: 34px;position: absolute;right: 0;bottom: 0;z-index: 1;margin-top: 0;} .atc-pn a.ret:hover {opacity: 0.8;} @media screen and (max-width: 960px) { .atc-pn {padding-right: 0;} .atc-pn a.ret {position: static;width: 200px;height: 50px;line-height: 50px;border-radius: 5px;display: block;margin: 40px auto 0;font-size: 18px;} } .zhaopinout {padding: 110px 0 100px;} .cate7 {position: relative;padding-top: 80px;padding-bottom: 22px;font-weight: bold;text-align: center;} .cate7 .en {font-size: 140px;color: rgba(83, 185, 112, 0.06);line-height: 152px;text-transform: uppercase;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;font-family: "Times New Roman";} .cate7 .cn {font-size: 32px;color: #333;line-height: 50px;position: relative;z-index: 2;} .cate7:after {content: '';position: absolute;left: 50%;bottom: 0;z-index: 0;width: 30px;height: 3px;margin-left: -15px;background-color: #0774d0;} .zpintro {font-size: 16px;color: #666;line-height: 34px;text-align: center;max-width: 920px;margin: 24px auto 0;} .zpintro span {display: block;} @media screen and (max-width: 1023px) { .cate7 .en {font-size: 100px;line-height: 120px;} .zhaopinout {padding: 90px 0 90px;} } @media screen and (max-width: 920px) { .zpintro span {display: inline;} } @media screen and (max-width: 750px) { .cate7 .en {font-size: 70px;line-height: 100px;} .zhaopinout {padding: 70px 0 80px;} } .rec-head {height: 70px;background-color: #f5f5f5;overflow: hidden;padding: 0 110px;margin-top: 82px;} .rec-head .th {float: left;padding: 10px 0;width: 20%;height: 50px;overflow: hidden;font-size: 18px;color: #333;line-height: 50px;text-align: center;font-weight: bold;} .rec-head .th.zhiwei {text-align: left;} .reclist {background-color: #fff;} .rec-hand {height: 70px;background-color: #fff;overflow: hidden;padding: 0 110px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .rec-hand .td {float: left;padding: 10px 0;width: 20%;height: 50px;overflow: hidden;font-size: 16px;color: #555;line-height: 50px;text-align: center;} .rec-hand .td.zhiwei {text-align: left;} .reclist li:nth-child(even) .rec-hand {background-color: #f5f5f5;} .reclist li.on .rec-hand {background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#10a560));background-image: linear-gradient(to right, #255ba9, #10a560);} .reclist li.on .rec-hand .td {color: #fff;} .reclist li:hover .rec-hand {background-color: rgba(32, 180, 184, 0.2);} .rec-hand,.reclist .td {-webkit-transition: 0.6s;transition: 0.6s;} .reclist .rec-con {display: none;} .reclist .rec-txt {font-size: 16px;color: #777;line-height: 30px;padding: 40px 110px 60px;border: 1px solid #1373c0;background-color: #f5f5f5;} .reclist .rec-txt .email {display: inline-block;color: #1373c0;text-decoration: underline;} .reclist .rec-txt h3 {font-size: 18px;color: #333;font-weight: bold;margin-bottom: 10px; } @media screen and (max-width: 1500px) { .rec-head,.rec-hand {padding: 0 80px;} .reclist .rec-txt {padding: 40px 80px 60px;} } @media screen and (max-width: 1200px) { .rec-head,.rec-hand {padding: 0 60px;} .reclist .rec-txt {padding: 40px 60px 60px;} } @media screen and (max-width: 1023px) { .rec-head,.rec-hand {padding: 0 40px;} .reclist .rec-txt { padding: 40px 40px 60px; } } @media screen and (max-width: 1023px) { .rec-head .th,.rec-hand .td {width: 22%;} .rec-head .th.zhiwei,.rec-hand .td.zhiwei {width: 34%;} .rec-head .th.bumen,.rec-hand .td.bumen {display: none;} } @media screen and (max-width: 750px) { .rec-head .th.addr,.rec-hand .td.addr {display: none;} .rec-head .th {width: 30%;} .rec-head .th.zhiwei {width: 40%;} .rec-hand .td {width: 30%;} .rec-hand .td.zhiwei {width: 40%;} .rec-head,.rec-hand {padding: 0 20px;} .reclist .rec-txt {padding: 40px 20px 50px;} } @media screen and (max-width: 660px) { .rec-head .th.renshu,.rec-hand .td.renshu {display: none;} } .newslist-out {padding: 160px 0 160px;} @media screen and (max-width: 1440px) { .newslist-out { padding: 120px 0;} } @media screen and (max-width: 1023px) { .newslist-out { padding: 100px 0;} } @media screen and (max-width: 750px) { .newslist-out { padding: 80px 0;} } .newslist {padding: 44px 0;overflow: hidden;} .newslist li {width: 100%;border-bottom: 1px solid #e8ecf0;padding: 86px 0;} .newslist li:last-child {border-bottom: 0 none;} .newslist li a {display: block;position: relative;overflow: hidden;padding-left: 650px;height: 356px;} .newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 586px;height: 100%;overflow: hidden;} .newslist li .pic img {-o-object-fit: cover; object-fit: cover;} .newslist li .pic:hover img {transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);;} .newslist li h3 {font-size: 24px;color: #333;line-height: 42px;height: 42px;overflow: hidden;} .newslist li .txt {font-size: 16px;color: #666;line-height: 32px;height: 64px;overflow: hidden;margin: 20px 0 58px;} .newslist li .date {font-size: 24px;color: #1f61c2;line-height: 36px;font-family: "amerigobt";height: 36px;padding-top: 48px;overflow: hidden;} .newslist li label {display: block;width: 32px;height: 32px;font-size: 0;cursor: pointer;background: #c3c3c3 url('../images/jtr-n.png') center no-repeat;border-radius: 50%;} .newslist li,.newslist h3,.newslist label {-webkit-transition: .5s;transition: .5s;} .newslist li:hover {border-bottom-color: #1f61c2;} .newslist li:hover h3 {color: #1f61c2;} .newslist li:hover label {background-color: #1f61c2;} @media screen and (max-width: 1440px) { .newslist li .txt { line-height: 30px; height: 90px; margin-bottom: 32px;} } @media screen and (max-width: 1200px) { .newslist li a { padding-left: 540px;} .newslist li .pic { width: 480px;} } @media screen and (max-width: 1023px) { .newslist {padding: 10px 0;} .newslist li { padding: 60px 0;} .newslist li a { padding-left: 450px;} .newslist li .pic { width: 400px;} } @media screen and (max-width: 840px) { .newslist li a { padding-left: 360px; height: 240px;} .newslist li .pic { width: 320px;} .newslist li .date { padding-top: 20px;} .newslist li label { display: none;} } @media screen and (max-width: 750px) { .newslist li { padding: 40px 0;} .newslist li a { padding-left: 300px; height: 126px;} .newslist li .pic { width: 260px;} .newslist li .txt { display: none;} .newslist li h3 { font-size: 20px; line-height: 32px; height: 96px;} } @media screen and (max-width: 600px) { .newslist li a { padding-left: 0;} .newslist li .pic { display: none;} .newslist li h3 { font-size: 18px; line-height: 30px; height: 120px;} .newslist li .date { padding-top: 10px; font-size: 18px;} } .cate1 {position: relative;text-align: center;} .cate1 .cn {font-size: 42px;color: #8ec31f;line-height: 60px;font-weight: bold;} .cate1 .en {font-size: 24px;color: #999;line-height: 36px;text-transform: uppercase;font-family: "amerigobt";} @media screen and (max-width: 1024px) { .cate1 .cn { font-size: 34px; line-height: 50px;} .cate1 .en { font-size: 20px; line-height: 30px;} } @media screen and (max-width: 750px) { .cate1 .cn { font-size: 26px; line-height: 40px;} .cate1 .en { font-size: 16px; line-height: 24px;} } /*内页合作案例*/ .kehulist {overflow: hidden;margin: 90px 0 72px;border-top: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2;} .kehulist li {float: left;width: 20%;text-align: center;} .kehulist li a {display: block;background-color: #fff;overflow: hidden;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;} .kehulist .pic {width: 100%;height: 138px;overflow: hidden;font-size: 0;line-height: 138px;} .kehulist img {max-width: 70%;max-height: 70%;-webkit-transition: 0.3s;transition: 0.3s;} .kehulist li:hover img {-webkit-transform: scale(1.04, 1.04);transform: scale(1.04, 1.04);} .huotip {font-size: 18px;color: #666;line-height: 38px;text-align: center;position: relative;height: 38px;} .huotip span {display: inline-block;vertical-align: top;letter-spacing: 1px;padding: 0 26px;} .huotip i {display: inline-block;width: 40px;height: 1px;vertical-align: middle;background-color: #666;} @media screen and (max-width: 1280px) { .kehulist li {width: 25%;} } @media screen and (max-width: 960px) { .huobanmain {padding: 100px 0 60px;} .huobanmain h2.btitle {font-size: 32px;} .kehulist li {width: 33.33%;} .huocon {line-height: 30px;} } @media screen and (max-width: 640px) { .huobanmain {padding: 80px 0 60px;} .kehulist li {width: 50%;} } /*内页联系我们*/ /*内页联系我们*/ .sContact-intro { width: 85%; margin: 0 auto;padding:4% 0;} .sContact-intro .wrapIn {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-line-pack: center;align-content: center; } .sContact-intro .wrapIn:after {display: none;} @media screen and (max-width: 1024px) { .sContact-intro .wrapIn {display: block;} } .sContact-intro .left {width: 440px;} .sContact-intro .right {width: 800px;margin-left: 40px;} .sContact-way .dt {position: relative;color: #333333;font-weight: bold;line-height: 1.25;padding-bottom: 0.7rem;} .sContact-way .dt:before,.sContact-way .dt:after {content: " ";position: absolute;left: 0;bottom: 0;} .sContact-way .dt:before {width: 100%;height: 1px;background-color: #e7e7e7;} .sContact-way .dt:after {width: 40px;height: 3px;background-color: #d70c18;} .sContact-way .dd {padding: 0.5rem 0;} .sContact-way .dd .line {position: relative;padding-left: 48px;margin-top:31px;min-height: 34px;} .sContact-way .dd .line .icoImg {float: left;margin-left: -48px;width: 34px;height: 34px;border-radius: 50%;background-color: #e9e9e9;} .sContact-way .dd .line p {line-height: 2;} @media screen and (max-width: 1024px) { .sContact-way .dd .line {line-height: 28px;padding-left: 36px;} .sContact-way .dd .line .icoImg {width: 28px;height: 28px;margin-left: -36px;} } .sContact-map {position: relative;width: 790px;height: 400px;max-width: 100%;} .sContact-map #dituContent {position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 1.1;background-color: #f5f3f0;} .sContact-map #dituContent .BMap_bubble_title {font-size: 16px;margin-bottom: 5px;padding-right: 16px;color: #d70c18;} .sContact-map #dituContent .BMap_bubble_content {width: auto;font-size: 14px;line-height: 18px;} .sContact-map #dituContent img {max-width: none;} ._pen .sContact-map {pointer-events: none;} @media screen and (max-width: 1024px) { .sContact-map {margin-top: 0.6rem;} } /*内页招聘信息*/ .linian {text-align: center;} .linian h2.btitle {font-size: 42px;color: #222;line-height: 66px;height: 66px;overflow: hidden;} .linianfig {position: relative;width: 1000px;max-width: 100%;height: 400px;overflow: hidden;margin: 0 auto;} .liniancon {margin: 30px 0 90px;font-size: 16px;color: #333;line-height: 34px;} .liniancon img {max-width: 100%;} .zpout {padding: 110px 0 120px; width: 80%; margin: 0 auto;;} .rec-head {height: 76px;background-color: #fff;overflow: hidden;padding-left: 70px;border-bottom: 2px solid #333;} .rec-head .th {float: left;padding: 18px 0;width: 20%;height: 76px;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;} .rec-head .th.zhiwei {text-align: left;} .reclist {background-color: #fff;} .reclist li {border-bottom: 1px solid #ddd;} .rec-hand {height: 64px;line-height: 64px;background-color: #fff;padding-left: 70px;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .rec-hand .td {float: left;padding: 12px 0;width: 20%;overflow: hidden;font-size: 16px;color: #222;line-height: 40px;text-align: center;height: 40px;} .rec-hand .td.zhiwei {text-align: left;} .reclist li:hover .rec-hand {background-color: #eee;} .reclist li.on .rec-hand {background-color: #333;} .reclist li.on .rec-hand .td {color: #fff;} .reclist li,.rec-hand,.reclist .td {-webkit-transition: 0.5s;transition: 0.5s;} .reclist .rec-con {display: none;} .rec-txt {color: #444;line-height: 31px;padding: 34px 70px 46px;background-color: #f7f7f7; font-family: serif;} .rec-txt .email {color: #1d6bdd;} .rec-txt .email:hover {text-decoration: underline;} @media screen and (max-width: 1080px) { .rec-head,.rec-hand { padding-left: 40px;} .rec-txt {padding: 34px 40px 46px;} } /*===================== 响应式代码 END =====================*/ .footerimgs {margin-bottom: 10px; width: 50px; height: 50px;position: fixed; bottom: 205px; right: 1%; width: 50px;z-index: 10;} .footerimgs img{width: 100%;cursor:pointer;display: block;} .footerimgs_h {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;} .footerimgs_h:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;} .content1{display: inline-block; display: inline; zoom:1; vertical-align: middle;position: relative;} .content_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000 ; opacity:0.8;filter:alpha(opacity=50); display:none; -webkit-filter:blur(3px) ;filter:blur(3px) } .content{display: inline-block; *display: inline; *zoom:1; vertical-align: middle;position: relative;right: -100%;} .content1{display: inline-block; vertical-align: middle;position: relative; background: url('../images/end/ico-fbBackTop.png') center no-repeat;width: 50px; height: 50px;transition: .5s; cursor:pointer; ;} .content1:hover{ background: url('../images/end/ico-fbBackTop_.png') center no-repeat; } .content img{} .footerimgs2 {margin-bottom: 10px; width: 50px; height: 50px;position: fixed; bottom: 145px; right: 1%; width: 50px;z-index: 10;} .footerimgs2 img{width: 100%;cursor:pointer;display: block;} .footerimgs_h2 {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;} .footerimgs_h2:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;} .content2_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000 ; opacity:0.8;filter:alpha(opacity=50); display:none; -webkit-filter:blur(3px) ;filter:blur(3px) } .content2{display: inline-block; vertical-align: middle;position: relative; background: url('../images/end/ico-fbTel.png') center no-repeat;width: 50px; height: 50px;transition: .5s; cursor:pointer;;} .content2:hover{ background: url('../images/end/ico-fbTel_.png') center no-repeat; } .footerimgs3 {margin-bottom: 10px; width: 50px; height: 50px;position: fixed; bottom: 85px; right: 1%; width: 50px;z-index: 10;} .footerimgs3 img{width: 100%;cursor:pointer;display: block;} .footerimgs_h3 {position: fixed;left: -100%;right:100%;top:0;bottom: 0;text-align: center;font-size: 0; z-index:9999; display:none;} .footerimgs_h3:after {content:"";display: inline-block;vertical-align: middle;height: 100%;width: 0;} .content3_mark{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:555; background:#000 ; opacity:0.8;filter:alpha(opacity=50); display:none; -webkit-filter:blur(3px) ;filter:blur(3px) } .content3{display: inline-block; vertical-align: middle;position: relative; background: url('../images/end/ico-fbConsult.png') center no-repeat;width: 50px; height: 50px;transition: .5s; cursor:pointer;;} .content3:hover{ background: url('../images/end/ico-fbConsult_.png') center no-repeat; } .footerly{width: 900px; height: 400px; background: #fff;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; overflow: hidden;} .footerly .footerly_l{width: 40%;padding:50px 30px 20px 30px;} .footerly .footerly_l h2{color: #000;display: flex; display:-webkit-flex;-webkit-justify-content: space-between; justify-content: space-between; text-align: left;} .footerly .footerly_l h2 img{margin-right: 20px;} .footerly .footerly_l h2 p{color: #000; font-size: 20px;} .footerly .footerly_l h2 p em{font-size: 14px; color: #999;font-weight: 100;display: block;} .footerly .liuyan_r_cont{width: 100%; margin: 30px auto 0 auto;} .footerly .liuyan_r_cont .layui-form-item{padding: 0 3px;float: left; width:100%;overflow: hidden;margin: 0 23px 0 0;border:none;font-size: 16px;color: #666;line-height: 50px;} .footerly .liuyan_r_cont .layui-input{ margin-bottom:15px;border: 1px solid #ececec; line-height: 35px; width: 95%; font-size: 13px; padding-left: 15px;transition: .5s; outline: none;opacity: 0.5;} .footerly .liuyan_r_cont .layui-input:hover{border: 1px solid #73af1b; } /* .footerly .liuyan_r_cont .layui-form-item input::-webkit-input-placeholder {color: #999;} */ .footerly .liuyan_r_cont .layui-input input:hover::-webkit-input-placeholder {color: #fff;} .footerly .liuyan_r_cont .layui-textarea{width: 95%; display:block; border: 1px solid #ececec; line-height: 35px; font-family: -webkit-body; font-size: 13px; padding-left: 15px;transition: .5s; outline: none; opacity: 0.5;} .footerly .liuyan_r_cont .layui-textarea:hover{border: 1px solid #73af1b; } /* .footerly .liuyan_r_cont .layui-textarea input::-webkit-input-placeholder {color: #999;} */ .footerly .liuyan_r_cont .layui-textarea input:hover::-webkit-input-placeholder {color: #fff;} .footerly .liuyan_r_cont .layui-btn{ display:block; background: #73af1b; color:#fff;width: 100%; text-transform: uppercase; line-height: 35px; border:0!important; margin:15px auto 0 auto;} .footerly .liuyan_r_cont .layui-btn-primary,.box_title{display: none;} .footerly .liuyan_r_cont .layui-form-label{display: none;} .footerly .footerly_r{width: 55%;} .footerly .footerly_r img{width: 100%;} .message{ background:/*rgb(230,238,244,.95)*/#f2f3f5; padding:70px} .message .tit{ margin-bottom:50px; text-align:center;color: #111;} .message .tit h3{font-weight:600; font-size:48px; margin-bottom:30px;} .message .tit p{ font-size:18px} .message form{ width:80%; margin:0 auto;overflow:hidden} .message .layui-form-item {margin-bottom: 5px; overflow: hidden; width:48%; float:left} .message .layui-form-item:nth-child(6){width: 96%!important;} .message .layui-form-item:nth-child(7){width: 100%!important;} .message ul li.wenb {position: relative;width:100%; } .message ul li.wenb .fl{ width:95%;} .btnclick{ width:30%; margin-top:20px;} .message .layui-form-label {width: 100%; display:block; overflow:hidden;text-align:left; font-size: 18px; line-height:50px; color:#333e46} .message .layui-input { width:97%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px; border:#e0e0e0 1px solid;text-indent: 35px;*text-indent:0px;} .message .layui-input:nth-child(1){ background:rgba(255,255,255,1)url(../images/icon-text-user.png) no-repeat 10px center;} .message .layui-input:nth-child(2){ background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 12px center; } .message .layui-textarea {background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 10px 17px;; border:0; width:93%; border:#e0e0e0 1px solid; height: 150px; line-height: 20px; font-size:15px;margin: 6px 0 30px; padding:3%; color: #666; resize: none;} .message .layui-btn{ padding:13px 70px;margin:30px auto;display: block;cursor:pointer;font-size:20px; color:#fff; border-radius:50px;text-align:center;border: 0px;background-color:#f3562d;} .message .layui-btn:hover{background:#f60;} @media screen and (max-width: 790px) { .message{ padding:3%} .message .tit{ margin-bottom:50px; } .message .tit h3{ font-size:30px; margin-bottom:6px; padding-top: 2%;} .message .tit p{font-size: 15px; line-height: 27px;} .message form{width: 100%;} }