/*头图*/ .top,.top img{width: 100%;} .top .swiper-button-white{margin: 0 20px;} .top .swiper-pagination-bullet{width: 10px;height: 10px;} .top .swiper-pagination-bullet-active{background:#fff;} /*公共标题*/ .pubtitle{max-width: 1920px;margin: 0 auto;padding: 100px 5% 50px;overflow: hidden;} .pubtitle .line{display: block;width: 40px;height: 4px;background: #0073b0;float: left;margin-top: 25px;} .pubtitle .titlecon{display: table;float: left;margin-left: 25px;} .pubtitle .titlecon p{font-size: 28px;margin-bottom: 0;color: #333;} .pubtitle .titlecon p:nth-child(1){font-size: 40px;font-weight: 600;text-transform: uppercase;} .pubtitle a{display:block;float: right;width: 220px;height: 60px;text-align: center;line-height: 60px;background: #333;font-size: 16px;color: #fff;letter-spacing: 1px;text-decoration: none;margin-top: 40px;} /*案例欣赏*/ .case{width: 100%;} .case .tab_bar{max-width: 1920px;margin: 0 auto;overflow: hidden;padding-left: 5%;} .case .tab_bar li{position: relative;color: #333;font-size: 18px;float: left;text-shadow: 0 0 0 #333;margin-left: 68px;margin-bottom: 40px;cursor: pointer;} .case .tab_bar li.active{color: #0073b0;text-shadow: 0 0 0 #0073b0;} .case .tab_bar li.active:before{content: '';position: absolute;display: block;width: 100%;height: 2px;background: #0073B0;bottom: -2px;} .case .tab_box{max-width: 100%;padding: 0;} .case .tab_box li{width: 33.33%;float: left;} /*关于我们*/ .about{max-width: 1920px;margin: 0 auto;padding-left: 5%;display: flex;padding-top: 120px;} .about .ab_text{width: 60%;padding-bottom: 500px;} .about .ab_text .pubtitle{padding-left: 0;padding-right: 0;} .about .ab_text p.abname{padding-left: 55px;font-size: 28px;color: #0073b0;margin-bottom: 20px;} .about .ab_text p.abintro{padding-left: 55px;padding-right: 18%;font-size: 18px;color: #333;line-height: 36px;text-align: justify;} .about .ab_text span.abline{display: block;width: 24px;height: 2px;background: #333;margin-left: 55px;margin-top: 80px;} .about .ab_text ul{padding-left: 55px;overflow: hidden;color: #666;font-size: 16px;} .about .ab_text ul li{position: relative;float: left;width: 50%;margin-top: 35px;padding-left: 20px;} .about .ab_text ul li:before{content: '';display: block;position: absolute;left: 0;top: 50%;margin-top: -4px;width: 8px;height: 8px;border: 1px solid #333;border-top: none;border-left: none;transform: rotate(-45deg);} .about .ab_img{width: 40%;background-image: url(../img/index/about.jpg);background-repeat: no-repeat;background-size: auto 100% ;background-position: center;} /*我们的服务*/ .serve{position: relative;padding: 500px 0 200px;background: url(../img/index/serve.jpg);background-repeat: no-repeat;background-position: center;background-size: auto 100%;} .serve .sevlist{max-width: 1920px;width: 100%;margin: 0 auto;padding: 0 5%;overflow: hidden;} .serve .sevlist .servebox{width: 33.33%;float: left;padding-left: 5%;color: #fff;} .serve .sevlist .servebox:nth-child(1){padding-left: 0;} .serve .sevlist .pubtitle{padding: 0;} .serve .sevlist .pubtitle a{float: initial;clear: both;background: #fff;color: #0073B0;margin-left: 65px;} .serve .sevlist .pubtitle a.btn_bling:hover {color: #fff;background: #0073B0;} .serve .sevlist .pubtitle .titlecon{margin-bottom: 100px;} .serve .sevlist .pubtitle .titlecon p{color: #fff;} .serve .sevlist .servebox p.tip{font-size: 24px;color: #fff;margin-bottom: 20px;} .serve .sevlist .servebox p.sercon{color: #a7a7a7;font-size: 16px;text-align: justify;line-height: 30px;} .serve .sevlist .servebox img{margin-bottom: 50px;} /*上浮两模块*/ .serve .servebody{position: absolute;left: 0;right: 0;top:-350px;width: 100%;max-width: 1920px;margin: 0 auto;padding-left: 5%;} .serve .servebody .ser_block1{width: 60%;display: inline-block;padding: 180px 17% 120px 70px;background: #0073B0;overflow: hidden;} .serve .servebody .ser_block1 p{max-width: 620px;color: rgba(255,255,255,.8);text-align: justify;font-size: 20px;line-height: 40px;} .serve .servebody .ser_block1 a{display: block;width: 220px;height: 60px;text-align: center;line-height: 60px;letter-spacing: 1px;color: #0073B0;background: #fff;text-decoration: none;margin-top: 125px;font-size: 18px;} .serve .servebody .ser_block1 a.btn_bling:hover {color: #fff;background: #282828;} .serve .servebody .ser_block2{width: 50%;display: inline-block;overflow: hidden;margin-left: -13%;background: #282828;padding: 0 60px;} .serve .servebody .ser_block2 .ser_intro{position: relative;width: 50%;float: left;height:220px;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;border-bottom: 1px solid #373737;} .serve .servebody .ser_block2 .ser_intro:after{content: '';position: absolute;display: block;width: 1px;height: 100px;background: #373737;right: 0;top: 50%;margin-top: -50px;} .serve .servebody .ser_block2 .ser_intro:nth-child(n+3){border-bottom: none;} .serve .servebody .ser_block2 .ser_intro:nth-child(2n):after{display: none;} /*其他产业*/ .indust .industbody{max-width: 1920px;padding: 0 5% 120px;margin: 0 auto;} .indust .industbody .industimg{display: block;width: 100%;overflow: hidden;} .indust .industbody .industimg img{width: 100%;} .indust .industbody .industtext{padding: 30px 10px 50px;text-align: center;line-height: 28px;background-color: rgba(0,115,176,0);} .indust .industbody .industtext span{display: block;width: 60px;height: 2px;background: #0073B0;margin: 20px auto;} .indust .industbody .industtext .tip{font-size: 24px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .indust .industbody .industtext p:nth-child(3){max-width: 400px;margin: 0 auto;font-size: 16px;color: #666;height: 84px;overflow: hidden;} .indust .industbody .col-md-4:hover .industimg img{transform: scale(1.1);transition: all 1s;} .indust .industbody .col-md-4:hover .industtext{background-color: rgba(0,115,176,.9);transition:background-color 1s ;} .indust .industbody .col-md-4:hover .industtext span{background: #fff;} .indust .industbody .col-md-4:hover .industtext .tip{color: #fff;} .indust .industbody .col-md-4:hover .industtext p:nth-child(3){color: #fff;} /*我们的团队*/ .team{width: 100%;padding: 80px 0;background-image: url(../img/index/teambg.jpg);background-size: auto 100%;background-position: center;} .team .teambd{max-width: 1920px;margin: 0 auto;padding-right: 5%;display: flex;} .team .teambd .teamimg{width: 60%;color: #0073B0;} .team .teambd .teamimg img{width: 100%;} .team .teambd .teamtext{width: 40%;display: flex;flex-direction: column;justify-content: center;padding-left: 5%;} .team .teambd .teamtext .pubtitle{padding: 0;margin: 0;} .team .teambd .teamtext .pubtitle .line{background: #fff;} .team .teambd .teamtext .pubtitle .titlecon p{color: #fff;} .team .teambd .teamtext .teamcon{padding-left: 65px;padding-top: 2vw;font-size: 16px;line-height: 30px;letter-spacing: 1px;} .team .teambd .teamtext .teamcon p{color: #c5c5c5;margin-bottom: 30px;} .team .teambd .teamtext .teamcon a{display: block;width: 220px;height: 60px;text-align: center;line-height: 60px;background: #fff;color: #000033;font-size: 18px;letter-spacing: 1px;text-decoration: none;} .team .teambd .teamtext .teamcon a.btn_bling:hover {color: #fff;background: #0073B0;} /*合作伙伴*/ .text_body{background:#fff} .text_body .text_swiper{background:#fff!important} /***************************新闻资讯***********************/ .news .newsbody{padding-bottom: 40px;} @media (max-width: 1280px){ /*公共标题*/ .pubtitle{padding: 50px 5% 30px;} .pubtitle .line{width: 35px;} .pubtitle .titlecon{margin-left: 20px;} .pubtitle .titlecon p:nth-child(1){font-size: 38px;} .pubtitle .titlecon p{font-size: 25px;} .pubtitle a{width: 180px;height: 44px;line-height: 44px;text-decoration: none;margin-top: 45px;} /*案例欣赏*/ .case .tab_bar{padding-left: 60px;} .case .tab_bar li{margin-bottom: 30px;} .case .tab_box .tablist li .shadow a{height: 44px;line-height: 40px;border-width: 2px;font-size: 18px;} /*关于我们*/ .about{padding-top: 0;} .about .ab_text{width: 100%;padding-bottom: 380px;} .about .ab_img{display: none;} /*上浮两模块*/ .serve .servebody .ser_block1{padding: 120px 17% 90px 60px;} .serve .servebody .ser_block1 p{line-height: 36px;} .serve .servebody .ser_block1 a{width: 180px;height: 44px;line-height: 44px;margin-top: 70px;} .serve .servebody .ser_block2{padding: 0 40px;} .serve .servebody .ser_block2 p:nth-child(1){padding-left: 40px;background-size: 35px auto;font-size: 38px;} .serve .servebody .ser_block2 p:nth-child(2){padding-left: 10px;} /*其他产业*/ .indust .industbody{padding-bottom: 50px;} .indust .industbody .industtext{padding: 20px 10px;} .indust .industbody .industtext .tip{font-size: 22px;} .indust .industbody .industtext span{margin: 15px auto;} /*我们的团队*/ .team .teambd .teamtext{padding-left: 1%;} .team .teambd .teamtext .teamcon{padding-left: 55px;font-size: 14px;line-height: 24px;} .team .teambd .teamtext .teamcon p{margin-bottom: 20px;} .team .teambd .teamtext .teamcon a{width: 180px;height: 44px;line-height: 44px;font-size: 16px;} /*服务*/ .serve{padding: 300px 0 100px;} .serve .pubtitle .line{width: 20px;} .serve .pubtitle .titlecon{margin-left: 10px;} .serve .servebody .ser_block1 a{font-size: 16px;} /*合作伙伴*/ .part .partbody{padding-bottom: 80px;} .part .partbody .col-md-2{padding-left: 5px;padding-right: 5px;} }