@import url("https://at.alicdn.com/t/font_2807034_9rxk0owj6gf.css"); @import url("master.css"); @import url("wow.css"); /*》》》》》》》》》》字体引用《《《《《《《《《《*/ @font-face{ font-family:'puhui';src:url('../fonts/ALIBABA-PUHUITI-REGULAR.TTF'); } @font-face{ font-family:'blokcn';src:url('../fonts/HELVETICANEUELTSTD-BLKCN.OTF'); } @font-face{ font-family:'mdcn';src:url('../fonts/HELVETICANEUELTPRO-MDCN.OTF'); } @font-face{ font-family:'mdcno';src:url('../fonts/HELVETICANEUELTPRO-MDCNO.OTF'); } @font-face{ font-family:DINBold;src:url(../fonts/DIN-Bold.eot); src:url(../fonts/DIN-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/DIN-Bold.woff2) format('woff2'),url(../fonts/DIN-Bold.woff) format('woff'),url(../fonts/DIN-Bold.ttf) format('truetype'),url(../fonts/DIN-Bold.svg#novecentowide-bold-webfont) format('svg') } body{font-family: puhui;} .phone_div{display: none;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>页头<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ /* 轮播设置 */ #homeBanner .swiper-slide-active{ opacity: 1 !important; } #homeBanner .swiper-slide img{ width: 100%; height: auto; min-height: 100%; transition: 1s linear 2s; transform: scale(1.1,1.1); } #homeBanner .swiper-slide-active img,.swiper-slide-duplicate-active img{ transition: 6s linear; transform: scale(1,1); } .header{position:fixed; width:100%;left:0;top:0;z-index:999;} .header .logo{padding:.8vw 0 0.8vw 4vw;line-height: 64px;align-items: center;} .header .logo span{font-size: 24px;color:rgba(255,255,255)} .header .logo img{height:30px;} .header .nav{margin-right:1.5vw;} .header .nav>li{padding:0 0.8vw; text-align: center;} .header .nav>li>a{font-size:16px;line-height:64px;padding:.8vw 0;display: flex; justify-content: center; align-items: center;} .header .nav>li>a:after{content:'';position:absolute; bottom:0;width:0;height:4px;background-color:#fff; -webkit-transition:all 0.35s;transition:all 0.35s;opacity:0;-webkit-opacity:0;} .header .nav li #menunow:after{width:28px;opacity:1;-webkit-opacity:1;} .header.onshow .nav>li>a:after{background-color:#c29070;} .header .nav>li:last-child{padding-right:0;} .header .phone{line-height:64px;height: 95px; overflow: hidden; padding:0 4vw 0 1.5vw;align-items:center; border-left: rgba(255,255,255,.1) solid 1px;} .header .phone>.phoneIcon{height:28px;width:28px;margin-right:.5vw;background: url(../images/tel.png) no-repeat center center;border-radius: 50%;justify-content: center;align-items: center;} .header .phone>.phoneIcon img{height:50%;} .header .phone>.phonetxt{font-size:22px;} .header:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.1);} .header.onshow{background:#fff;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .1);} .header.onshow .nav>li>a{color:#333;} .header.onshow .phone>.phonetxt{color:#333;} .header.onshow .nav li #menunow:after{background:#c29070;} .header.onshow .logopic{background: url(../images/logo2.png) no-repeat center center;} .header.onshow .logo span { color:#656464} .header.onshow .phone>.phoneIcon{background: url(../images/tel-on.png) no-repeat center center;} .header .nav .nav_more{padding-right: 40px; background: url('../images/nav_more.png') no-repeat 84% center; transition: all 0.6s;} .header .nav .nav_more:hover{background: url('../images/nav_more2.png') no-repeat 84% center;} .header.onshow .nav .nav_more{padding-right: 40px; background: url('../images/nav_more4.png') no-repeat 84% center; transition: all 0.6s;} .header.onshow .nav .nav_more:hover{background: url('../images/nav_more3.png') no-repeat 84% center;} .header_cont{position: relative; width: 100%; height: 95px; z-index: 999;} .nav_two{position:absolute; width: 100%; line-height: 80px; left: 0; display: none;} .nav_two ul{width: 100%; display: flex; justify-content: center;} .nav_two .nav_lists li:hover a{color: #c29070;} .nav_two .nav_lists li a{padding: 0 20px; font-size: 16px; color: #ffffff;} .header.onshow .nav_two{background-color: #f5f5f5;} .header.onshow .nav_two .nav_lists li a{color: #333;} .header.onshow .nav_two .nav_lists li:hover a{color: #c29070;} .header .menu{position:absolute;right:0;top:50%;transform: translateY(-50%);} .header .menu .menu_btn{width:50px;height:50px;line-height:50px;justify-content: center;align-items: center;} .header .menu .menu_btn:after{display:none;} /* .header .menu .menu_btn span{background:#fff;position:absolute;width:18px;height:2px;left:50%;margin-left:-9px;} .header .menu .menu_btn span:nth-child(1){top:18px;} .header .menu .menu_btn span:nth-child(2){top:50%;margin-top:-1px;} .header .menu .menu_btn span:nth-child(3){bottom:18px;} */ .header.mobile_side .menu .menu_btn span:nth-child(1){top:24px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .header.mobile_side .menu .menu_btn span:nth-child(2){opacity:0;-webkit-opacity:0;visibility:hidden;} .header.mobile_side .menu .menu_btn span:nth-child(3){bottom:24px;transform:rotate(45deg);-webkit-transform:rotate(45deg);} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>banner<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #homeBanner{width:100%;height:100vh;overflow:hidden;z-index:2;} #homeBanner .homeBanner_nav{position:absolute;bottom:3vw;left:0;z-index:50;align-items:flex-end;justify-content:center;height:50px;} .homeBanner_nav .homeBanner_num #banner_num{font-size:30px;line-height:30px;} .homeBanner_nav .homeBanner_num em{font-size:16px;color:rgba(255,255,255,.8);} .homeBanner_nav .homeBanner_navbtn{margin:0 1.5vw;} .homeBanner_nav .homeBanner_navbtn .swiper-pagination-bullet{width:50px;background:rgba(255,255,255,.2);border-radius:0;-webkit-border-radius:0; height:2px;margin-right:.1vw;opacity:1;-webkit-opacity:1; -webkit-transition:all 0.35s;transition:all 0.35s;} .homeBanner_nav .homeBanner_navbtn .swiper-pagination-bullet:last-child{margin-right:0;} .homeBanner_nav .homeBanner_navbtn .swiper-pagination-bullet-active{background-color:#fff;} .homeBanner_prev,.homeBanner_next{font-size: 12px;font-weight: bold; cursor: pointer;} #homeBanner .homeBanner_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;} #homeBanner .homeBanner_bg>img{width:100%;height:100%;object-fit:cover;} #homeBanner .homeBanner_cnt{width:100%;height:100%; margin-top: 16%;} .homeBanner_txt{text-align: left;} .homeBanner_txt .homeBanner_letter{font-size:2vw;line-height:3vw;text-transform:uppercase;font-weight:bold;color:rgba(255,255,255,1);margin-bottom:0.8vw;} .homeBanner_txt .homeBanner_name01{font-size:3vw;line-height:3vw;font-weight:bold;letter-spacing:4px;margin-bottom:1.25vw;} .homeBanner_txt .homeBanner_name02{font-size:1vw;line-height:3vw;font-weight:300;} .homeBanner_txt .homeBanner_more{margin-top:3vw;display:inline-block;} .homeBanner_txt .homeBanner_more>a{align-items:center;} .homeBanner_txt .homeBanner_more>a span{font-size:18px;} .homeBanner_txt .homeBanner_more>a em{margin-left:1.5vw;height:7px;} .homeBanner_txt .homeBanner_more>a em>img{height:100%;} .homeBanner_txt .more_circular{width:60px;height:60px;position:absolute;top:50%;left:20%;margin-top:-30px;opacity:0;-webkit-opacity:0;z-index:-1;} .homeBanner_txt .more_circular>svg{-webkit-animation:stroke 2s linear infinite;animation:stroke 2s linear infinite;} @-webkit-keyframes stroke { 0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);} 100%{transform:rotate(720deg);-webkit-transform:rotate(360deg);} } @keyframes stroke { 0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);} 100%{transform:rotate(720deg);-webkit-transform:rotate(360deg);} } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>master_title/master_more<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .master_title{z-index:20;height:8vw;align-items:flex-end;} .master_title h3{font-size:1.97vw;line-height:1.97vw;font-weight:bold;padding-left:4vw;margin-bottom:.7vw;} .master_title .master_initials{position:absolute;bottom:1vw;left:0;z-index:-1;} .master_title .master_initials img{height:7vw;} .master_title .master_translate{font-size:1.45vw;color:#dadada;font-style:oblique;padding-left:1vw;font-weight:bold;text-transform:uppercase;} .master_more .master_more_btn{width:64px;height:64px;border-radius:50%;-webkit-border-radius:50%;align-items:center;justify-content:center;z-index:2;} .master_more .master_more_btn .master_aperture{position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%; opacity:0;-webkit-opacity:0;z-index:-1;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>滚轮指示<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .roller{position:absolute;bottom:6vw;right:4vw;z-index:50;} .roller .roller_btn{width:54px;height:54px;border-radius:50%;-webkit-border-radius:50%;z-index:2;} .roller .roller_btn:after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;background-color:#fff; margin-left:-4px;margin-top:-4px;border-radius:50%;-webkit-border-radius:50%;z-index:2;} .roller .roller_btn .roller_icon{position:absolute;left:50%;top:50%;width:14px;margin-left:-7px;z-index:1;} .roller .roller_btn .roller_icon img{width:100%;} .roller .roller_btn .roller_aperture{position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%; z-index:-1;animation:soak 3s infinite;-webkit-animation:soak 3s infinite;z-index:-1;} @keyframes soak{ 0% { background-color:rgba(29,107,221, 0.9);transform:scale(1);-webkit-transform:scale(1); } 50% { background-color:rgba(29,107,221, 0.4);transform:scale(2);-webkit-transform:scale(2); } 100% { background-color:rgba(29,107,221, 0.9);transform:scale(1);-webkit-transform:scale(1); } } @-webkit-keyframes bannerNext { 0% { background-color:rgba(29,107,221, 0.9);transform:scale(1);-webkit-transform:scale(1); } 50% { background-color:rgba(29,107,221, 0.4);transform:scale(2);-webkit-transform:scale(2); } 100% { background-color:rgba(29,107,221, 0.9);transform:scale(1);-webkit-transform:scale(1); } } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>返回顶部<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #back_top{position:fixed;right:4.8vw;bottom:0;z-index:888;} #back_top.onshow{bottom:5vw;opacity:1;-webkit-opacity:1;visibility:visible;} #back_top .master_more .master_aperture{background-color:rgba(29,107,221,.7);} #back_top .master_more .master_more_btn{color:#fff;} #back_top .master_more .master_more_btn .master_more_txt>i{font-size:24px;} #back_top .master_more .master_aperture.circle01{animation:scalej01 2s .4s infinite;-webkit-animation:scalej02 2s .4s infinite;} @keyframes scalej01{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;} } @-webkit-keyframes scalej01{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{ transform:scale(1.4);-webkit-transform:scale(1.4);opacity:0;-webkit-opacity:0;} } #back_top .master_more .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;} @keyframes scalej02{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;} } @-webkit-keyframes scalej02{ 0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;} 100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;} } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>气泡<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .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(29,107,221,.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(29,107,221,.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(29,107,221,1);} .bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite; background: rgba(29,107,221,.3);} .bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite; background: rgba(29,107,221,.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; } } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>走进诚志<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .czAbout{z-index:2;} .czAbout .czAbout_t{margin-bottom:3vw;align-items:center;} .czAbout .master_more{margin-left:auto;margin-top:1.5vw;} .czAbout .master_more .master_more_btn{color:#fff;} .czAbout .master_more .master_more_btn .master_more_txt i{font-size:20px;} .czAbout .master_more .master_more_btn .master_aperture.circle01{background-color:rgba(29,107,221,.3);} .czAbout .master_more .master_more_btn .master_aperture.circle02{background-color:rgba(29,107,221,.1);} .czAbout .czAbout_l{width:55%;background:url(../image/about_bg1.jpg) no-repeat center center;background-size:cover;padding:7vw 8vw 7vw 10vw;} .czAbout .czAbout_line{line-height:34px;font-size:16px;padding-right:4vw;} .czAbout .czAbout_r{width:45%;background:url(../image/about_bg2.jpg) no-repeat center center;background-size:cover;align-items:center;} .czAbout_r .qft{padding:0 4vw;} .qft .qft_title h3{margin-bottom:3.5vw;font-size:1.66vw;} .qft_slide{position:relative;} .qft_slide .qft_img{height:300px;align-items:center;} .qft_slide .qft_img img{height:100%;width:100%;object-fit:contain;margin:0 auto;} .qft_slide .qft_name{font-size:16px;margin-top:1vw;} #qft_box{width:100%;padding:0 20%;} #qft_box .swiper-button-prev,#qft_box .swiper-button-next{background:none;color:#fff;width:34px;height:60px;line-height:60px;text-align:center;} #qft_box .swiper-button-prev i,#qft_box .swiper-button-next i{font-size:32px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>statistics<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .statistics{padding:3vw 0; z-index:2;} .statistics li:after{content:'';position:absolute;right:0;top:0;height:100%;width:1px;background-color:rgba(255,255,255,.1);} .statistics li:last-child:after{display:none;} .statistics .statistics_data{padding-bottom:1vw;line-height:2.5vw;align-items:center;justify-content:center;} .statistics .statistics_data em{font-size:2.5vw;color:#ca9f84; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} .statistics .statistics_add {font-size:2.5vw;color:#ca9f84; font-family: Arial, Helvetica, sans-serif; font-weight: bold;} .statistics .statistics_data span{font-size:22px;} .statistics .statistics_name{font-size:16px;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>业务范围<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #business_canvas{position:absolute;top:0;left:0;z-index:-1;} .business_box .master_title{position:absolute;top:4.4vw;} .business{padding:8vw 0;background-color:#d6e3f6;background-image: linear-gradient(to bottom right,#fff 30%,#d6e3f6);z-index:2;overflow:hidden;} .business_list{flex-wrap: wrap;} .business_item{padding:1vw;} .business_item>a{-webkit-box-shadow:0 0 10px rgba(160,160,160,.1);box-shadow:0 0 10px (160,160,160,.1);z-index:2;overflow:hidden;} .business_item>a,.business_item .business_more{width:100%;padding-bottom:100%;height:0;} .business_item>a .business_txt{position:absolute;left:0;top:0;align-items:center;width:100%;height:100%;padding:0 2.5vw;} .business_item>a .business_icon{width:50px;height:50px;overflow:hidden;} .business_item>a .business_icon>div{width:100%;height:100%;} .business_item>a .business_icon>div>p{align-items:center;justify-content:center;width:100%;height:100%;} .business_item>a .business_icon>div>p img{max-width:100%;} .business_item>a .business_img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1; transform:scale(1.2);-webkit-transform:scale(1.2);} .business_item>a .business_img img{width:100%;height:100%;object-fit:cover;} .business_item .business_line{overflow:hidden;} .business_item .business_line .business_li li{align-items:center;line-height:32px;} .business_item .business_line .business_li span{font-size:16px;} .business_item .business_line .business_li i{display:inline-block;width:5px;height:5px;margin-right:.5vw;} .business_item>a .business_title{padding-top:1.5vw;padding-bottom:2vw;} .business_item>a .business_title h5{font-size:20px;line-height:20px;margin-bottom:5px;} .business_item>a .business_title p{word-break:break-all;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;} .business_item>a .business_line .business_p{line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical;} .business_item:nth-child(-n+3){order:-2;} .business_more{order:-1;} .business_more>a{align-items:center;background-color:#03abad;} .business_more .master_more_btn .master_more_txt i{font-size:20px;} .business_more .master_aperture.circle01{background-color:rgba(255,255,255,.3);} .business_more .master_aperture.circle02{background-color:rgba(255,255,255,.1);} .business_more .master_more_btn{color:#03abad;} .business_more .business_more_p{margin-top:2vw;font-size:16px;} .business_bg{position:absolute;bottom:0;right:0;z-index:-2;width:100vw;} .business_bg img{width:100%;height:100%;object-fit:cover;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>业绩展示<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ #particles{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:1;} .case{padding:5vw 0;z-index:2;} .case .case_t{align-items:flex-end;margin-bottom:4vw;} .case .case_tab{margin-left:auto;padding-bottom:1vw;} .case .case_tab li{padding:0 .5vw;} .case .case_tab li a{padding:0 1.5vw;height:42px;line-height:42px;background-color:#f1f2f4;border-radius:42px;-webkit-border-radius:42px; overflow:hidden;z-index:2;font-size:16px;} .case .case_tab li a:after{content:'';position:absolute;left:0;bottom:0;width:100%;z-index:-1;background-color:#c29070;height:0; -webkit-transition:all 0.5s;transition:all 0.5s;} .case .case_tab li a.on{color:#fff;} .case .case_tab li a.on:after{height:100%;} .case_box{margin:-1px;-webkit-transition:all 1s;transition:all 1s;} .case_list{visibility:hidden;position:absolute;top: 0;left:0;width:100%;padding:0 4vw; } .case_list.on{visibility:visible;z-index:2;} .case_item{padding:10px;transform:scale(0);-webkit-transform:scale(0);-webkit-transition:all 1s;transition:all 1s;} .case_item:hover .case-content{background-color: rgba(194,144,112,.9);border:none;} .case_item:hover .business1_more_btn{transform: rotate(0);background-color: rgba(255,255,255,1);} .case_item:hover .business1_more_btn img{content: url(../images/arr_right_y.png);} .case_list.on .case_item{transform:none;-webkit-transform:none;visibility:visible;} .case_item>a{width:100%;height:0;padding-bottom:60%;} .case_item .case_img{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;overflow:hidden;} .case_item .case_img>img{width:100%;height:100%;object-fit:cover;-webkit-transition:all 1.5s;transition:all 1.5s;} .case_item .case_title{width:100%;left:0;position:absolute;top:50%;padding:0 2vw;z-index:2;transform: translateY(-50%);align-items: center;justify-content: center;} .case_item .case_title h5{font-size:1.875vw;line-height:1.875vw;margin-bottom:2px;font-weight:100;font-family:'TT0627M';} .case_item .case_title p{font-size:1.145vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .case_line{padding:3vw 0;background:url(../image/caseLine.jpg) no-repeat center center;background-size:cover;margin-top:2px;} .case_line .case_line_txt{display:inline-block;line-height:1.45vw;font-size:1.145vw;padding:0 6vw;} .case_line .case_line_txt:before,.case_line .case_line_txt:after{content:'';position:absolute;height:1px;width:4vw;background-color:rgba(255,255,255,.3);top:50%;} .case_line .case_line_txt:before{left:0;} .case_line .case_line_txt:after{right:0;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>新闻中心<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .jnm{padding:8vw 0;background-image: linear-gradient(#fff,#e5efff);} .jnm_box{z-index:2;padding-left:10vw;} .jnm_t{padding-right:7vw;padding-top:3vw;} .jnm_t .master_more{margin-top:4.6vw;margin-left:1vw;} .jnm_t .master_more .master_more_btn{color:#fff;} .jnm_t .master_more .master_more_btn .master_more_txt i{font-size:20px;} .jnm_t .master_more .master_more_btn .master_aperture.circle01{background-color:rgba(29,107,221,.3);} .jnm_t .master_more .master_more_btn .master_aperture.circle02{background-color:rgba(29,107,221,.1);} .jnm_list{margin-left:-1vw;padding-right:1vw;} .jnm_item{padding:0 1vw;} .jnm_item .jnm_img{width:100%;height:0;padding-bottom:65%;overflow:hidden;} .jnm_item .jnm_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-transition:all 1.5s;transition:all 1.5s;} .jnm_item .jnm_cnt{padding:2vw 1.6vw 1.2vw 1.6vw;} .jnm_item .jnm_txt{padding-bottom:2vw;} .jnm_item .jnm_txt:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#bbb;} .jnm_item .jnm_txt h5{font-size:1.145vw;line-height:1.145vw;margin-bottom:1.5vw;color:#222; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .jnm_item .jnm_txt p{line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .jnm_item .jnm_other{padding-top:1.25vw;line-height:24px;} .jnm_item .jnm_other .jnm_circular{position:absolute;left:-7.5px;top:-100%;width:30px;height:30px;background-color:#c5d9f5;margin-top:-15px;z-index:-1; transform:scale(.5);-webkit-transform:scale(.5);} .jnm_item .jnm_other .jnm_time,.jnm_item .jnm_other .jnm_details{z-index:2;} .jnm_item .jnm_other .jnm_time i{margin-right:.5vw;} .jnm_item .jnm_other .jnm_time span{font-weight:bold;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>合作伙伴<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .partner{padding-top:6vw;padding-bottom:7vw;z-index:2;overflow:hidden;} .partner .partner_bg{position:absolute;bottom:0;left:0;width:100%;z-index:-1;} .partner .partner_bg img{width:100%;} .partner .partner_t{align-items:flex-end;margin-bottom:3.6vw;} .partner .partner_txt{margin-left:auto;} .partner .partner_txt h4{font-size:1.46vw;line-height:1.46vw;margin-bottom:.8vw;} .partner .partner_txt p{font-size:16px;} .partner_list .partner_item{padding:1vw 1.6vw;} .partner_list .partner_item>a{align-items:center;justify-content:center;width:100%;height:68px;} .partner_list .partner_item img{max-width:100%;max-height:100%;object-fit:cover;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>页尾<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .footer{background-size:cover;background-attachment:fixed;z-index:2;} .footer .footer_bg{width: 100%; height: 8px; background: url(../images/footer_bg.png) no-repeat; background-size: cover; margin-bottom: 90px;} .footer:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;z-index:-1;} .footer .footer_logo{margin-bottom:3vw;display:inline-block;} .footer .footer_logo img{height:64px;} .footer .footer_line{color:#333333;line-height:26px;} .footer_nav .footer_nav_item{margin-top:3vw;margin-bottom:3vw;padding-right:3vw;} .footer_nav .footer_nav_item a{color:#c0c5cc;font-size:16px;line-height:26px;} .footer .footer_prepare{padding:2vw 0;} .footer .footer_prepare:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.2);} .footer .footer_prepare span,.footer .footer_prepare a{color:#c0c5cc;} .footer .footer_prepare>div{display:inline-block;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>内页banner/导航<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .pageBanner{width:100%;height:75vh;z-index:2;} .pageBanner .pageBanner_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;} .pageBanner .pageBanner_bg img{width:100%;height:100%;object-fit:cover;} .pageBanner_txt{align-items:center;width:100%;height:100%;} .pageBanner_txt .pageBanner_title{font-size:18px;margin-bottom:2vw;padding-right:5vw;display:inline-block;} .pageBanner_txt .pageBanner_title:after{content:'';position:absolute;width:4.2vw;height:1px;background-color:#fff;top:50%;right:0;} .pageBanner_txt .pageBanner_p{font-size:2.91vw;line-height:2.91vw;font-weight:bold;} .pagenav{background-color:#f7f9fa;font-size:16px;line-height:80px;} .pagenav:after{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background-color:#c29070;} .pagenav .pageltn{align-items:center;} .pagenav .pageltn .index_icon{font-size:20px;margin-right:10px;} .pagenav .pageltn .icon_right{font-size:12px;margin:0 15px;} .pagenav .pagenav_list{margin-right:-2vw;} .pagenav .pagenav_list li{padding:0 1vw;} .pagenav .pagenav_list a{padding:0 1vw;} .pagenav .pagenav_list a.on{color:#c29070;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>走进诚志<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .enterTxt{padding:7vw 14vw 8vw 14vw;z-index:2;overflow:hidden;} .enter_title .found_time{font-weight:bold;font-style:italic;margin-bottom:1vw;} .enter_title .found_time span{display:inline-block;} .enter_title .found_time span:nth-child(1){font-size:2.5vw;margin-right:.8vw;} .enter_title .found_time span:nth-child(2){font-size:4.68vw;line-height:4.68vw;} .enter_title .found_assess{font-size:1.25vw;} .enter_box .enter_line{font-size:16px;line-height:36px;margin-top:3vw;} .enter_box .enter_line p{margin-bottom:2vw;text-indent:2em;} .enterTxt .enterTxt_bg{position:absolute;bottom:-3vw;left:0;width:100%;z-index:-1;} .enterTxt .enterTxt_bg img{width:100%;} .enter_data{background:url(../image/enter_data.jpg) no-repeat center center;background-size:cover;padding:8vw 0; background-attachment:fixed;position:relative;z-index:2;} .enter_data:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(4,76,181,.65);z-index:-1;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>组织架构<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .work{padding:7vw 0;} .work .work_box img{margin:0 auto;max-width:100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>招贤纳士<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .itde{padding:7vw 0;} .itde_txt{width:60%;padding-right:6.5vw;} .itde_txt .itde_title h3{font-size:2.5vw;line-height:2.5vw;text-transform:uppercase;color:#ececec;margin-bottom:1.2vw;font-weight:bold;} .itde_txt .itde_title h4{font-size:1.666vw;line-height:1.666vw;} .itde_txt .itde_title{padding-bottom:2.2vw;} .itde_txt .itde_title:after{content:'';position:absolute;width:1.8vw;height:3px;background-color:#026ed1;bottom:0;left:0;} .itde_txt .itde_line{padding-top:2.5vw;line-height:38px;font-size:16px;} .itde_img{width:40%;} .itde_img .itde_img_item img{width:100%;height:100%;object-fit:cover;} .itde_img .itde_img_item:first-child{transform:translateY(-1.2vw);-webkit-transform:translateY(-1.2vw);} .itde_img .itde_img_item:last-child{transform:translateY(1.2vw);-webkit-transform:translateY(1.2vw);} .Nash_info{align-items:center;justify-content:center;background:url(../image/nashbg.jpg) no-repeat center center;background-attachment:fixed; background-size:cover;padding:8vw 0;z-index:2;} .Nash_info:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,46,89,.5);z-index:-1;} .Nash_info h4{font-size:1.56vw;line-height:1.56vw;} .Nash_list{background-color:#f9fafb;padding-top:3vw;padding-bottom:5vw;margin-top:3vw;} .Nash_list .Nash_table{border-top:4px solid #c29070;} .Nash_list .Nash_table th{font-weight:normal;} .Nash_list .Nash_table .Nash_check{position:relative;-webkit-touch-callout:none;-webkit-user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} #check_list .Nash_check{cursor:pointer;position:relative;z-index:2; -webkit-transition:all 0.35s;transition:all 0.35s;} /*#check_list .Nash_check:after{content:'';position:absolute;width:80%;left:10%;height:100%;-webkit-transition:all 0.5s;transition:all 0.5s; opacity:0;-webkit-opacity:0;z-index:-1;background-color:#c29070;}*/ #check_list .Nash_check .Nash_switch{width:16px;height:16px;display:inline-block;} #check_list .Nash_check .Nash_switch:after, #check_list .Nash_check .Nash_switch:before{content:'';background:#c29070; position:absolute;width:100%;height:2px;background:#c29070;top:50%;margin-top:-1px; -webkit-transition:all 0.5s;transition:all 0.5s;left:0;} #check_list .Nash_check .Nash_switch:after{transform:rotate(-270deg);-webkit-transform:rotate(-270deg);} #check_list .Nash_check .Nash_switch:before{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);} #check_list .Nash_check.on{color:#fff;background-color:#c29070;} /*#check_list .Nash_check.on:after{opacity:1;-webkit-opacity:1;width:100%;left:0;}*/ #check_list .Nash_check.on .Nash_switch:after,#check_list .Nash_check.on .Nash_switch:before{transform:none;-webkit-transform:none;background-color:#fff;} .Nash_list .Nash_table .Nash_check{border-top:1px solid #eee;} .Nash_list .Nash_table th,.Nash_list .Nash_table td{height:80px;font-size:16px;padding-right:2vw;} .Nash_list .Nash_table th:first-child,.Nash_list .Nash_table td:first-child{padding-left:5vw;} .Nash_list .Nash_table th:last-child,.Nash_list .Nash_table td:last-child{padding-right:5vw;} .Nash_list .Nash_condition>div{padding-top:2.5vw;padding-bottom:3vw;line-height:24px;font-size:14px;} .Nash_list .Nash_condition p{margin-bottom:.8vw;} .Nash_list .Nash_condition a{color:#c29070;} .Nash_list .Nash_table .Nash_item td{height:auto;} .Nash_list .Nash_condition{height:0;overflow:hidden;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>荣誉资质<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .prize{padding:7vw 0;} .prize_box{margin:-2vw -1.5vw;padding-bottom:6vw;} .prize_box .prize_item{padding:2vw 1.5vw;} .prize_box .prize_img{width:100%;padding-bottom:80%;background-color:#f7f7f7;} .prize_box .prize_obj{position:absolute;justify-content:center;top:1.5vw;left:1.5vw;right:1.5vw;bottom:1.5vw;overflow:hidden;} .prize_box .prize_img img{height:100%;max-width:100%;object-fit:cover;-webkit-transition:all 1.5s;transition:all 1.5s;} .prize_box .prize_title{font-size:18px;padding:1.2vw 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .prize_box .prize_title:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e9e9e9;} .prize_box .prize_title:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#c29070;z-index:2; transform-origin:100%;-webkit-transform-origin:100%; -webkit-transform 0.5s cubic-bezier(.215,.61,.355,1); transition: transform .5s cubic-bezier(.215,.61,.355,1);transform:scaleX(0);-webkit-transform: scaleX(0);} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>分页器<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .paging{justify-content:center} .paging li{padding:0 5px;} .paging li a{border:1px solid #e0e0e0;width:40px;height:40px;line-height:40px;border-radius:50%;-webkit-border-radius:50%;} .paging li a i{font-size:16px;} .paging li a.on{background:#c29070;color:#fff;border-color:#c29070;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>新闻中心<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .news{padding-bottom:6vw;} .news_box{margin-right:-1px;margin-bottom:6vw;} .news_item a{padding:3.2vw;overflow:hidden;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;margin:0 -1px -1px 0;z-index:2;overflow:hidden;} .news_item .news_img{width:100%;height:0;padding-bottom:60%;overflow:hidden;} .news_item .news_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-transition:all 1.5s;transition:all 1.5s;} .news_item .news_title{font-size:22px;margin-bottom:1vw;margin-top:1.5vw;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#222;} .news_item .news_p{font-size:16px;line-height:28px;height:56px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1vw;color:#888;} .news_item a .news_item_bg{width:100%;height:100%;position:absolute;z-index:-1;display:none;} .news_item .news_dt{height:24px;line-height:24px;font-size:16px;overflow:hidden;} .news_item .news_del i{margin-left:5px;font-size:14px;} .news_item .news_time{font-weight:bold;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>新闻详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .newsDtl{padding-top:6vw;padding-bottom:5vw;} .newsDtl_box .newsDtl_cnt{width:75%;padding-right:3.5vw;} .newsDtl_t{padding-bottom:1.8vw;} .newsDtl_t .newsDtl_title{font-size:1.77vw;line-height:1.77vw;margin-bottom:1.8vw;color:#222;} .newsDtl_t .newsDtl_time{font-size:16px;} .newsDtl_t .newsDtl_time span:first-child{margin-right:2vw;} .newsDtl_box .newsDtl_cnt .newsDtl_c{line-height:32px;padding-top:2.5vw;padding-bottom:4vw;font-size:16px;} .newsDtl_box .newsDtl_cnt .newsDtl_c:after,.newsDtl_box .newsDtl_cnt .newsDtl_c:before{content:'';position:absolute;left:0;width:100%;height:1px;background-color:#e7e7e7;} .newsDtl_box .newsDtl_cnt .newsDtl_c:before{top:0;} .newsDtl_box .newsDtl_cnt .newsDtl_c:after{bottom:0;} .newsDtl_box .newsDtl_cnt .newsDtl_c img{max-width:100%;margin:0 auto;display:inline-block;} .newsDtl_box .newsDtl_line{margin-top:4vw;align-items:center;} .newsDtl_box .newsDtl_Jump>div{padding:.5vw 0;font-size:16px;} .newsDtl_box .newsDtl_line .master_more{margin-left:auto;} .newsDtl_box .newsDtl_line .master_more .master_more_btn{color:#fff;line-height:18px;} .newsDtl_box .newsDtl_line .master_more .master_more_btn .master_aperture.circle01{background-color:rgba(29,107,221,.3);} .newsDtl_box .newsDtl_line .master_more .master_more_btn .master_aperture.circle02{background-color:rgba(29,107,221,.1);} .newsDtl_box .newsDtl_rmd{width:25%;padding-left:3.5vw;} .newsDtl_box .rmd_item{padding-bottom:2.5vw;} .newsDtl_box .rmd_item:last-child{padding-bottom:0;} .newsDtl_box .rmd_t h4{font-size:1.35vw;line-height:1.35vw;height:1.35vw;padding-left:1.2vw;} .newsDtl_box .rmd_t h4:before{content:'';position:absolute;left:0;width:4px;background-color:#c29070;top:0;bottom:0;} .newsDtl_rmd .rmd_box{padding-top:1.8vw;} .newsDtl_rmd .rmd_img{width:100%;height:0;padding-bottom:60%;margin-bottom:1.5vw;overflow:hidden;} .newsDtl_rmd .rmd_img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;-webkit-transition:all 1.5s;transition:all 1.5s;} .newsDtl_rmd .rmd_title{font-size:18px;margin-bottom:.8vw;color:#222;} .newsDtl_rmd .rmd_p{font-size:14px;margin-bottom:.8vw;line-height:24px;} .newsDtl_rmd .rmd_time{font-size:12px;margin-top:1vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>业务范围<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .service{padding:6vw 0;} .service_item{margin-bottom:3vw;} .service_item:last-child{margin-bottom:0;} .service_item .service_txt{padding-left:4vw;padding-right:6vw;align-items:center;overflow:hidden;z-index:2;} .service_item .service_txt:after,.service_item .service_txt:before{content:'';position:absolute;width:100%;height:50%;background-color:#026ed1;left:0; -webkit-transition:all .75s;transition:all .75s;z-index:-1;opacity:0;-webkit-opacity:0;} .service_item .service_txt:before{top:0;transform:translateY(-100%);-webkit-transform:translateY(-100%);} .service_item .service_txt:after{bottom:0;transform:translateY(100%);-webkit-transform:translateY(100%);} .service_cnt{padding-left:130px;} .service_cnt .service_title h4{font-size:1.458vw;line-height:1.458vw;margin-bottom:.5vw;} .service_cnt .service_title p{font-size:16px;word-break:break-all;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .service_cnt .service_title{padding-bottom:1.5vw;} .service_cnt .service_p{font-size:16px;line-height:32px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .service_cnt .service_see{margin-top:3vw;font-size:16px;} .service_cnt .service_see .icon-see{vertical-align:middle;margin-right:10px;font-size:20px;} .service_cnt .service_see .icon-jiantou{vertical-align:-1px;margin-left:2vw;} .service_cnt .service_obj{width:80px;height:80px;position:absolute;left:0;top:0;} .service_cnt .service_icon{width:100%;height:100%;overflow:hidden;} .service_cnt .service_obj:after{content:'';position:absolute;width:100%;height:100%; transform:scale(1.3);-webkit-transform:scale(1.3);background-color:rgba(29,107,221,.1);top:0; -webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.35s;transition:all 0.35s;} .service_cnt .service_icon>div{width:100%;padding:0 15%;height:100%;} .service_cnt .service_icon>div p{align-items:center;justify-content:center;width:100%;height:100%;} .service_cnt .service_icon>div p img{max-width:100%;} .service_item .service_bg{overflow:hidden;} .service_item .service_bg .service_image{width:100%;height:0;padding-bottom:60%;} .service_item .service_bg img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover; -webkit-transition:all 1.5s;transition:all 1.5s;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>业务范围详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .servicedtl{padding:7vw 0;} .servicedtl_tab .servicedtl_tab_item{padding-bottom:2.2vw;} .servicedtl_tab .servicedtl_tab_item a{font-size:16px;} .servicedtl_tab .servicedtl_tab_item a.on span{color:#026ed1;} .servicedtl_tab .servicedtl_tab_item a.on i{background-color:#026ed1;} .servicedtl_tab .servicedtl_tab_item a.on i:after{transform:scale(2);-webkit-transform:scale(2);opacity:1;-webkit-opacity:1;} .servicedtl_tab .servicedtl_tab_item i{display:inline-block;width:10px;height:10px;background-color:#cbd1d7;margin-right:1vw;} .servicedtl_tab .servicedtl_tab_item i:after{content:'';position:absolute;width:100%;height:100%;opacity:0;-webkit-opacity:0; background-color:rgba(29,107,221,.2);-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.35s;transition:all 0.35s;} .servicedtl .servicedtl_tab{position:absolute;top:7vw;} .servicedtl .servicedtl_cnt{width:100%;padding-left:26%;} .servicedtl .servicedtl_tab.tab_fixed{position:fixed;top:140px;} .servicedtl_cnt .servicedtl_title h3{font-size:1.979vw;line-height:1.979vw;margin-bottom:.8vw;} .servicedtl_cnt .servicedtl_title p{color:#dedede;text-transform:uppercase;font-size:1.56vw;} .servicedtl_cnt .servicedtl_txt{padding-top:3vw;font-size:16px;} .servicedtl_cnt .servicedtl_txt .servicedtl_line{margin-bottom:2.2vw;} .servicedtl_cnt .servicedtl_txt h6{font-weight:bold;margin-bottom:.5vw;} .servicedtl_cnt .servicedtl_txt p{line-height:32px;} .servicedtl_cnt .servicedtl_txt img{margin:0 auto;max-width:100%;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>业绩列表<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .avt{padding:7vw 0;} .avt_box{overflow:hidden;padding-bottom:6vw;} .avt_list{margin:-1vw;} .avt_item{padding:1vw;} .avt_item a{border:1px solid #e7e7e7;} .avt_item .avt_img{width:100%;height:0;padding-bottom:65%;overflow:hidden;} .avt_item .avt_img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover; -webkit-transition:all 1.5s;transition:all 1.5s;} .avt_item .avt_txt{padding:2vw;z-index:2;} .avt_item .avt_txt:after{content:'';position:absolute;left:10%;top:10%;right:10%;bottom:10%;background-color:#c29070; -webkit-transition:all .5s;transition:all .5s;opacity:0;-webkit-opacity:0;z-index:-1;} .avt_item .avt_t{line-height:32px;align-items:center;margin-bottom:2px;} .avt_item .avt_t span{font-size:24px;font-family:'TT0627M';} .avt_item .avt_t i{margin-left:auto;font-size:20px;} .avt_item .avt_title{font-size:20px;margin-bottom:.6vw;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .avt_item .avt_name span{padding-right:1.2vw;} .avt_item .avt_name i:after{position:absolute;content:'';width:1vw;height:1px;background-color:#888888;top:50%;right:0; -webkit-transition:linear 1s;transition:linear 1s;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>业绩详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .avtDtl_rmd .rmd_t{line-height:28px;align-items:center;margin-bottom:.5vw;} .avtDtl_rmd .rmd_t span{font-size:24px;} .avtDtl_rmd .rmd_t i{margin-left:auto;font-size:22px;} .avtDtl_rmd .rmd_title{margin-bottom:0;} .avtDtl_rmd .rmd_item{padding-bottom:4vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .contact{padding:7vw 0;} .contact_txt{padding-bottom:4.6vw;} .contact_t{align-items:flex-end;padding-bottom:3vw;} .contact_t:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e7e7e7;} .contact_t h4{font-size:1.666vw;line-height:1.666vw;} .contact_t .contact_phone{margin-left:auto;} .contact_t .contact_phone p{color:#888;font-size:16px;margin-bottom:.5vw;} .contact_t .contact_phone h5{font-size:1.458vw;line-height:1.458vw;} .contact_line{padding-top:2.5vw;} .contact_line .contact_p{line-height:36px;font-size:16px;} .contact_line .contact_code .contact_code_img{width:120px;margin-bottom:.5vw;} .contact_line .contact_code .contact_code_img img{width:100%;} #map_api{width:100%;height:65vh;} #map_api .BMap_Marker{z-index:2;} #map_api .BMap_Marker:after,#map_api .BMap_Marker:before{position:absolute;width:100%;height:100%;border-radius:50%;content:'';z-index:-1;} #map_api .BMap_Marker:before{animation: mapobj01 2s .2s infinite;background-color:rgba(29,107,221,.4);} #map_api .BMap_Marker:after{animation: mapobj02 2s infinite;background-color:rgba(29,107,221,.2);} @keyframes mapobj01{ 0%{ transform:scale(1);-webkit-transform:scale(1); } 100%{ transform:scale(3);-webkit-transform:scale(3);opacity:0;-webkit-opacity:0; } } @keyframes mapobj02{ 0%{ transform:scale(1);-webkit-transform:scale(1); } 100%{ transform:scale(4);-webkit-transform:scale(4);opacity:0;-webkit-opacity:0; } } .feedback{margin:0 6vw;} .feedback .feedback_title{margin-top:7vw;padding-bottom:1.6vw;} .feedback .feedback_title:after{content:'';position:absolute;bottom:0;left:50%;width:1.6vw;margin-left:-.8vw;height:3px;background-color:#c29070;} .feedback .feedback_title h3{font-size:2.6vw;color:#dde7f6;line-height:2.6vw;text-transform:uppercase;font-weight:bold;} .feedback .feedback_title h4{font-size:1.77vw;line-height:1.77vw;} .feedback_form{margin-top:3vw;} .feedback_line{margin:0 -.6vw;} .feedback_form .feedback_input{padding:.6vw;} .feedback_form .feedback_input>div{background-color:#f4f4f4;padding:.5vw 1.5vw;align-items:center;} .feedback_form .feedback_input span{font-size:16px;} .feedback_form .feedback_input input{height:38px;border:none;background:none;font-size:16px;} .feedback_form .feedback_txt{padding:.6vw;} .feedback_form .feedback_txt>div{background-color:#f4f4f4;padding:1vw 1.5vw;} .feedback_form .feedback_txt span{font-size:16px;} .feedback_form .feedback_txt textarea{border:none;background:none;font-size:16px;resize:none;} .feedback_form .feedback_submit{margin-top:2.5vw;} .feedback_form .feedback_submit button{width:260px;height:58px;line-height:58px;border:none;} .feedback_form .feedback_submit button span{font-size:18px;margin-right:.5vw;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>项目查询<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .czquery{padding:7vw 0;} .czquery_t{padding-bottom:3.6vw;} .czquery_t:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e7e7e7;} .czquery_t .czquery_title{align-items:center;margin-bottom:3.6vw;} .czquery_t .czquery_title h4{font-size:1.979vw;margin-right:1.35vw;} .czquery_t .czquery_title h3{font-size:2.6vw;color:#dde7f6;text-transform:uppercase;font-weight:bold;} .czquery_form .czquery_in{width:77%;} .czquery_form .czquery_in>div{margin:0 -.5vw;} .czquery_form .czquery_input{padding:0 .5vw;} .czquery_form .czquery_input input{width:100%;font-size:15px;border:none;background:#f4f4f4;height:60px;padding:0 1.5vw;} .czquery_form .czquery_input input:-ms-input-placeholder {color:#999;} .czquery_form .czquery_input input::-webkit-input-placeholder {color:#999;} .czquery_form .czquery_input input::-moz-placeholder {color:#999;} .czquery_form .czquery_input input:-moz-placeholder {color:#999;} .czquery_form .czquery_btn{width:23%;padding-left:1vw;} .czquery_form .czquery_btn button{font-size:15px;width:100%;border:none;height:60px;} .czquery_list{padding-top:3.6vw;} .czquery_list .czquery_p{font-size:16px;} .czquery_list .czquery_table{margin-top:2vw;border:0;} .czquery_list .czquery_table thead{background-color:#f4f4f4;} .czquery_list .czquery_table th{height:80px;font-size:16px;font-weight:normal;} .czquery_list .czquery_table td{height:80px;font-size:14px; -webkit-transition:all 0.35s;transition:all 0.35s;} .czquery_list .czquery_table th,.czquery_list .czquery_table td{padding:0 2vw;} .czquery_list .czquery_table tbody tr{border-bottom:1px solid #eeeeee;} /*.czquery_list .czquery_table tbody tr:after{content:'';position:absolute;width:80%;left:10%;height:100%; transform:translateX(2vw);-webkit-transform:translateX(2vw);-webkit-transition:all 0.5s;transition:all 0.5s; opacity:0;-webkit-opacity:0;z-index:-1;background-color:#c29070;}*/ /*电端加上鼠标效果 */ @media screen and (min-width:992px){ .header .nav>li>a:hover:after{width:28px;opacity:1;-webkit-opacity:1;} .header.onshow .nav>li>a:hover{color:#c29070;} .homeBanner_txt .homeBanner_more>a:hover{padding-left:10px;} .homeBanner_txt .homeBanner_more>a:hover .more_circular{opacity:1;-webkit-opacity:1;left:0;} .master_morehover:hover .master_aperture.circle01{transform:scale(1.4);-webkit-transform:scale(1.4);opacity:1;-webkit-opacity:1;} .master_morehover:hover .master_aperture.circle02{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:1;-webkit-opacity:1;} .business_more:hover .master_aperture.circle01{transform:scale(1.4);-webkit-transform:scale(1.4);opacity:1;-webkit-opacity:1;} .business_more:hover .master_aperture.circle02{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:1;-webkit-opacity:1;} .case .case_tab li a:hover{color:#fff;} .case .case_tab li a:hover:after{height:100%;} .footer .footer_prepare a:hover{color:#fff} .footer_nav .footer_nav_item a:hover{color:#fff} .pagenav .pageltn a:hover,.pagenav .pagenav_list a:hover{color:#c29070;} .prize_box .prize_item a:hover .prize_title{color:#c29070;} .prize_box .prize_item a:hover .prize_title:before{transform:scaleX(1);-webkit-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;} .paging li a:hover{background:#c29070;color:#fff;border-color:#c29070;} .news_item a:hover .news_title,.news_item a:hover .news_p{color:#fff;} .news_item a:hover .news_dt>div{transform:translateY(-50%);-webkit-transform:translateY(-50%);} .news_item a:hover .news_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .service_item a:hover .service_icon>div{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .service_item a:hover .service_bg .service_image img{transform:scale(1.15);-webkit-transform:scale(1.15);} .service_item a:hover .service_icon{background-color:#fff;} .service_item a:hover .service_obj:after{background-color:rgba(255,255,255,.1);} .service_item a:hover .service_txt:after,.service_item a:hover .service_txt:before{transform:none;-webkit-transform:none;opacity:1;-webkit-opacity:1;} .service_item a:hover .service_title h4{color:#fff;} .service_item a:hover .service_title p{color:rgba(255,255,255,.3);} .service_item a:hover .service_p{color:#fff;} .service_item a:hover .service_see .icon-see,.service_item a:hover .service_see span{color:#fff;} .service_item a:hover .service_see .icon-jiantou{margin-left:5px;opacity:1;-webkit-opacity:1;visibility:visible;} .servicedtl_tab .servicedtl_tab_item a:hover span{color:#c29070;} .servicedtl_tab .servicedtl_tab_item a:hover i{background-color:#c29070;} .servicedtl_tab .servicedtl_tab_item a:hover i:after{transform:scale(2);-webkit-transform:scale(2);opacity:1;-webkit-opacity:1;} .avt_item a:hover .avt_txt:after{left:0;right:0;top:0;bottom:0;opacity:1;-webkit-opacity:1;} .avt_item a:hover .avt_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .avt_item a:hover .avt_t,.avt_item a:hover .avt_title,.avt_item a:hover .avt_name span{color:#fff;} .avt_item a:hover .avt_name i:after{width:100%;background-color:#fff;} /*.czquery_list .czquery_table tbody tr:hover:after{transform:none;-webkit-transform:none;opacity:1;-webkit-opacity:1;width:100%;left:0;}*/ .czquery_list .czquery_table tbody tr:hover{background-color:#c29070;} .czquery_list .czquery_table tbody tr:hover td{color:#fff;} .Nash_list .Nash_condition a:hover{text-decoration:underline;} .business_item>a:hover .business_icon>div{transform:translateY(-100%);-webkit-transform:translateY(-100%);} .business_item>a:hover .business_title h5{color:#fff;font-weight:bold;} .business_item>a:hover .business_title p{color:rgba(255,255,255,.6);} .business_item>a:hover .business_title{padding-top:.8vw;padding-bottom:1vw;} .business_item>a:hover .business_img{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;} .jnm_item>a:hover .jnm_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .jnm_item>a:hover .jnm_other .jnm_circular{top:50%;opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;} .case_item>a:hover .case_img>img{transform:scale(1.15);-webkit-transform:scale(1.15);} .newsDtl_box .rmd_item>a:hover .rmd_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .prize_box .prize_item>a:hover .prize_img img{transform:scale(1.15);-webkit-transform:scale(1.15);} .nav_two>li>a:hover{background:#f5f5f5;color:#c29070;} .header .nav>li:hover .nav_two{top:calc(100% - 2px);top:-webkit-calc(100% - 2px);opacity:1;-webkit-opacity:1;visibility:visible;} } @media screen and (max-width:1410px){ .header .right{padding-right:3vw;} .introd .introd_3>div{margin-top: 30px !important;} /* .sec_bannner .banner_title{top: 20% !important;} */ .sec_bannner .banner_title h1{font-size: 38px !important; height: 70px!important; } .sec_bannner .banner_title h2{font-size: 18px !important;} .header .phone{display:none;} .header .nav{margin-right:0;} .service_cnt .service_title h4{font-size:22px;line-height:22px;margin-bottom:5px;} } @media screen and (max-width:1200px){ .header .nav>li{margin-right:2vw;} .header .nav>li>a{font-size:15px;line-height:64px;} .header .logo img{height:58px;} .enter_title .found_assess{font-size:18px;} .enter_title .found_time span:nth-child(1){font-size:32px;margin-right:8px;} .newsDtl_box .newsDtl_rmd{display:none;} .newsDtl_box .newsDtl_cnt{float:none;width:100%;padding-right:0;} .newsDtl_t .newsDtl_title{font-size:26px;line-height:26px;} .contact_t h4{font-size:24px;line-height:24px;} .contact_t .contact_phone p{margin-bottom:5px;} .contact_t .contact_phone h5{font-size:20px;line-height:20px;} .feedback .feedback_title h3{font-size:30px;line-height:30px;} .feedback .feedback_title h4{font-size:22px;line-height:22px;} .czquery_t .czquery_title h4{font-size:26px;margin-right:15px;} .czquery_t .czquery_title h3{font-size:32px;} .itde_txt .itde_title h3{font-size:30px;line-height:30px;} .itde_txt .itde_title h4{font-size:20px;line-height:20px;} .Nash_info h4{font-size:20px;line-height:20px;} } @media screen and (max-width:992px){ .header .logo{padding:6px 0;} .header .logo img{height:38px;} .header .menu .menu_btn{display:block;} .container{padding-top:50px;} .container.m_scale{transform:translateY(-50vh);-webkit-transform:translateY(-50vh);padding-bottom:50vh;} .header:after{display:none;} .header>.right{position:fixed;width:100vw;height:calc(100vh - 50px);height:-webkit-calc(100vh - 50px);left:0;top:100%;float:none; display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex; display:flex;justify-content:center;align-items:center;background-color:#c29070;} .header .nav{float:none;width:100%;text-align:center;} .header .nav>li{float:none;margin:2px 0;} .header .nav>li>a{padding:0;line-height:46px;} .header .phone{display:block;float:none;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox; display:-webkit-flex;display:flex;justify-content:center;position:absolute;bottom:10px;left:0;width:100%;line-height:46px;padding:0;} .header.onshow .nav>li>a, .header.onshow .phone>.phonetxt{color:#fff;} .header .phone>.phoneIcon{margin-right:8px;height:24px;} .header .phone>.phonetxt{font-size:20px;} .header.onshow .nav li #menunow:after{width:60px;left:50%;margin-left:-30px;background-color:#fff;} .header.mobile_side>.right{top:50px;} #homeBanner{height:calc(100vh - 50px);height:-webkit-calc(100vh - 50px);} .roller{bottom:40px;right:30px;} .roller .roller_btn{width:44px;height:44px;} .roller .roller_btn .roller_icon{width:10px;margin-left:-5px;} .homeBanner_txt .homeBanner_letter{font-size:30px;line-height:30px;margin-bottom:12px;} .homeBanner_txt .homeBanner_name01{font-size:22px;line-height:30px;margin-bottom:10px;} .homeBanner_txt .homeBanner_name02{font-size:16px;line-height:20px;} .homeBanner_txt .homeBanner_more>a span{font-size:16px;} .homeBanner_txt .homeBanner_more{margin-top:26px;} .homeBanner_txt .homeBanner_more>a em{margin-left:10px;} #homeBanner .homeBanner_nav{bottom:20px;} .homeBanner_nav .homeBanner_num em{font-size:12px;} .homeBanner_nav .homeBanner_num #banner_num{font-size:18px;line-height:18px;} .homeBanner_nav .homeBanner_navbtn .swiper-pagination-bullet{width:15px;margin-right:5px;height:2px;} .czAbout{flex-wrap:wrap;} .czAbout .czAbout_l{width:100%;} .czAbout .czAbout_r{width:100%;} .master_title{height:70px;} .master_title h3{font-size:20px;line-height:20px;padding-left:35px;margin-bottom:5px;} .master_more .master_more_btn{width:40px;height:40px;} .czAbout .master_more .master_more_btn .master_more_txt i{font-size:16px;} .master_title .master_translate{font-size:18px;padding-left:10px;} .master_title .master_initials img{height:70px;} .czAbout .czAbout_l{padding:30px 15px;} .czAbout .master_more{margin-top:auto;transform:translateY(-15px);-webkit-transform:translateY(-15px);} .czAbout .czAbout_t{margin-bottom:10px;} .czAbout_r .qft{padding:25px 15px;} .qft .qft_title h3{font-size:18px;margin-bottom:20px;} .qft_slide .qft_name{font-size:14px;margin-top:10px;} .statistics{padding:20px 0;} .statistics .statistics_box{margin:-10px -5px;} .statistics .statistics_box li{width:50%;padding:10px 5px;} .statistics .statistics_data{line-height:32px;padding-bottom:5px;} .statistics .statistics_data em{font-size:22px;} .statistics .statistics_data span{font-size:16px;} .statistics .statistics_name{font-size:14px;} #qft_box .swiper-button-prev, #qft_box .swiper-button-next{width:25px;height:50px;} #qft_box .swiper-button-prev i, #qft_box .swiper-button-next i{font-size:26px;} .business_box .master_title{position:static;margin-bottom:15px;width:100%;} .business{padding:30px 0;} .business_item:first-child{display:none;} .business_item{width:50%;padding:5px;} .business_more{order:0;} .business_item>a .business_txt{padding:15px;} .business_item>a .business_icon{width:30px;height:30px;} .business_item>a .business_title h5{font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical;} .business_item>a .business_title p{font-size:12px;} .business_item>a .business_title{padding-top:8px;padding-bottom:10px;} .business_item>a .business_line .business_p{font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;} .czAbout .czAbout_line{font-size:14px;line-height:24px;} .business_more .business_more_p{font-size:14px;} .business_list{margin:0 -5px;} .case .case_t{flex-wrap:wrap;} .case{padding-top:30px;} .case .master_title{margin-bottom:20px;width:100%;} .case .case_tab{padding-bottom:10px;margin:-5px;} .case .case_tab li{padding:5px;} .case .case_tab li a{line-height:30px;height:30px;padding:0 10px;font-size:14px;} .case_item{width:100%;float:none;} .case_list{flex-flow: column;} .case-content{width: 120px;height:100px;} .com-content{flex-flow: column;} .case_item .case_title h5{font-size:18px;line-height:18px;} .case_item .case_title p{font-size:14px;} .case_item .case_title{bottom:15px;padding:0 15px;} .case_line{padding:20px 0;} .case_line .case_line_txt{font-size:12px;line-height:12px;} .case_line .case_line_txt:before, .case_line .case_line_txt:after{width:30px;} .case_line .case_line_txt{padding:0 40px;} .jnm_box{flex-wrap:wrap;padding-left:0;} .jnm_t{width:100%;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;padding-right:0;padding-bottom:20px;} .jnm_list{width:100%;padding-right:0;margin-left:auto;} .jnm_item{width:100%;padding:0;padding-bottom:15px;} .jnm_item:last-child{padding-bottom:0;} .jnm_t .master_more{margin-top:auto;margin-left:auto;transform:translateY(-15px);-webkit-transform:translateY(-15px);} .jnm{padding:30px 15px;} .jnm_item .jnm_cnt{padding:15px 10px 10px 10px;} .jnm_item .jnm_txt h5{font-size:16px;line-height:16px;margin-bottom:10px;} .jnm_item .jnm_other{padding-top:10px;} .jnm_item .jnm_txt{padding-bottom:15px;} .jnm_item .jnm_other .jnm_time i{margin-right:5px;} .partner{padding:30px 0;} .partner .partner_t{margin-bottom:20px;flex-wrap:wrap;} .partner .partner_t .master_title{margin-bottom:20px;width:100%;} .partner .partner_txt h4{font-size:18px;line-height:18px;margin-bottom:8px;} .partner .partner_txt p{font-size:14px;} .partner .partner_txt{text-align:left;width:100%;} .partner_list{margin:-5px -8px;} .partner_list .partner_item{width:33.333333%;} .partner_list .partner_item{padding:5px 8px;} .partner_list .partner_item>a{height:50px;} .footer{padding-top:25px;background-attachment:scroll;} .footer .footer_logo{margin-bottom:15px;} .footer .footer_logo img{height:38px;} .footer .footer_line{font-size:12px;line-height:22px;} .footer_nav{padding:10px 0;} .footer_nav .footer_nav_item a{font-size:14px;line-height:24px;} .footer_nav .footer_nav_item{margin:5px 0;padding-right:15px;} .footer .footer_prepare{font-size:12px;line-height:22px;padding:10px 0;} .footer .footer_prepare>div{display:block;} #back_top .master_more .master_more_btn .master_more_txt>i{font-size:18px;} #back_top{bottom:20px;right:15px;} .pageBanner_txt .pageBanner_title{font-size:14px;margin-bottom:12px;padding-right:50px;} .pageBanner_txt .pageBanner_title:after{width:40px;} .pageBanner_txt .pageBanner_p{font-size:23px;line-height:23px;} .pageBanner{height:44vw;} .pagenav:after{height:3px;} .pagenav{font-size:14px;line-height:50px} .pagenav .pageltn .index_icon{font-size:18px;} .pagenav .pageltn .icon_right{margin:0 10px;} .pagenav .pageltn{display:none;} .pagenav .wrapper{float:none;width:100%;} .pagenav .pagenav_box{padding:0;} .pagenav .pagenav_list{margin-right:0;} .pagenav .pagenav_list li{padding:0 10px;} .pagenav .pagenav_list li:first-child{padding-left:15px;} .pagenav .pagenav_list li:last-child{padding-right:15px;} .pagenav .pagenav_list a{padding:0;} .enterTxt{padding:30px 15px;} .enter_box .enter_line{font-size:14px;line-height:24px;margin-top:20px;} .enter_title .found_time{margin-bottom:10px;} .enter_title .found_time span:nth-child(1){font-size:22px;margin-right:5px;} .enter_title .found_time span:nth-child(2){font-size:32px;line-height:32px;} .enter_title .found_assess{font-size:15px;line-height:24px;} .avt{padding:30px 0;} .avt_list{margin:-5px;} .avt_item{width:50%;padding:5px;} .avt_item .avt_txt{padding:8px;} .avt_item .avt_t{line-height:24px;} .avt_item .avt_t span{font-size:18px;font-family:'TT0627M';} .avt_item .avt_t i{font-size:16px;} .avt_item .avt_title{font-size:16px;margin-bottom:3px;} .avt_item .avt_name span{padding-right:12px;font-size:12px;} .avt_item .avt_name i:after{width:10px;} .paging li a{width:30px;height:30px;line-height:30px;} .paging li{padding:0 3px;} .paging li a i{font-size:14px;} .avt_box{padding-bottom:25px;} .newsDtl{padding:30px 0;} .newsDtl_t .newsDtl_title{font-size:18px;line-height:26px;margin-bottom:12px;} .newsDtl_t{padding-bottom:12px;} .newsDtl_t .newsDtl_time{font-size:14px;} .newsDtl_t .newsDtl_time span:first-child{margin-right:15px;} .newsDtl_box .newsDtl_cnt .newsDtl_c{font-size:14px;line-height:24px;padding-top:15px;padding-bottom:25px;} .newsDtl_box .newsDtl_line{margin-top:20px;} .newsDtl_box .newsDtl_Jump{padding-right:10px;} .newsDtl_box .newsDtl_Jump>div{padding:5px 0;font-size:14px;} .newsDtl_box .newsDtl_line .master_more .master_more_btn{line-height:14px;font-size:12px;} .service_item>a{flex-wrap:wrap;} .service_item .service_txt{width:100%;padding:20px 15px;} .service_item .service_bg{width:100%;order:-1;} .service{padding:25px 0;} .service_cnt .service_p{line-height:24px;font-size:14px;overflow:hidden;text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .service_cnt .service_title{padding-bottom:10px;} .service_cnt .service_title h4{font-size:18px;line-height:18px;} .service_cnt .service_title p{font-size:14px;} .service_cnt{padding-left:70px;} .service_cnt .service_obj{width:50px;height:50px;} .service_item{margin-bottom:20px;} .service_cnt .service_see{margin-top:12px;font-size:14px;} .service_cnt .service_see .icon-see{font-size:16px;vertical-align:-1px;margin-right:5px;} .servicedtl .servicedtl_tab{width:100%;padding-bottom:8px;position:relative;top:0;} .servicedtl .servicedtl_tab:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e7e7e7;} .servicedtl .servicedtl_cnt{padding-top:20px;padding-left:0;} .servicedtl_tab .servicedtl_tab_item{padding-bottom:12px;} .servicedtl_tab .servicedtl_tab_item i{margin-right:8px;width:8px;height:8px;} .servicedtl_tab .servicedtl_tab_item a{font-size:14px;} .servicedtl_cnt .servicedtl_title h3{font-size:20px;line-height:20px;margin-bottom:5px;} .servicedtl_cnt .servicedtl_title p{font-size:14px;} .servicedtl_cnt .servicedtl_txt{padding-top:15px;} .servicedtl_cnt .servicedtl_txt h6{margin-bottom:5px;font-size:16px;} .servicedtl_cnt .servicedtl_txt p{font-size:14px;line-height:24px;} .servicedtl_cnt .servicedtl_txt .servicedtl_line{margin-bottom:0;} .servicedtl{padding:30px 0;} .contact_t{padding-bottom:25px;flex-wrap:wrap;} .contact_line{padding-top:20px;text-align:center;} .contact_txt{padding-bottom:30px;} .contact_t h4{font-size:20px;line-height:20px;margin-bottom:15px;width:100%;text-align:center;} .contact_t .contact_phone p{font-size:14px;} .contact_t .contact_phone h5{font-size:18px;} .contact_t .contact_phone{width:100%;text-align:center;} .contact{padding:30px 0;} .contact_line .contact_p{font-size:14px;line-height:26px;float:none;} .contact_line .contact_code{float:none;margin-top:15px;} .contact_line .contact_code .contact_code_img{margin-bottom:5px;margin:0 auto;width:100px;} .contact_line .contact_code p{margin-top:5px;} .feedback .feedback_title:after{width:20px;margin-left:-10px;} .feedback .feedback_title h3{font-size:26px;line-height:26px;} .feedback .feedback_title h4{font-size:20px;line-height:20px;} .feedback .feedback_title{margin-top:30px;padding-bottom:15px;} .feedback{margin:0;} .feedback_form{margin-top:25px;} .feedback_form .feedback_input{width:100%;float:none;padding:5px;} .feedback_form .feedback_input>div{padding:5px 15px;} .feedback_form .feedback_txt>div{padding:10px 15px;} .feedback_form .feedback_txt{padding:10px 5px;} .feedback_line{margin:-5px;} .feedback_form .feedback_input span{font-size:14px;} .feedback_form .feedback_input input{font-size:14px;height:30px;} .feedback_form .feedback_txt textarea{font-size:14px;} .feedback_form .feedback_txt span{font-size:14px;} .feedback_form .feedback_submit button{width:140px;height:38px;line-height:38px;} .feedback_form .feedback_submit button span{font-size:14px;margin-right:5px;} .feedback_form .feedback_submit button i{font-size:14px;} .feedback_form .feedback_submit{margin-top:15px;} .news_box .news_item{width:100%;float:none;} .news_item a{padding:15px;} .news_item .news_title{font-size:18px;margin-top:10px;margin-bottom:12px;} .news_item .news_p{font-size:14px;line-height:26px;margin-bottom:10px;height:52px;} .news_item .news_dt{font-size:14px;} .news_box{margin-bottom:30px;} .news{padding-bottom:30px;} .prize_box .prize_item{width:33.333333%;} .prize{padding:30px 0;} .prize_box .prize_obj{top:15px;left:15px;right:15px;bottom:15px;} .prize_box{margin:-12px -8px;padding-bottom:25px;} .prize_box .prize_item{padding:12px 8px;} .prize_box .prize_title{padding:10px 0;font-size:14px;} .czquery_t .czquery_title h4{font-size:20px;margin-right:10px;} .czquery_t .czquery_title h3{font-size:24px;} .czquery_form .czquery_in>div{margin:-5px 0;} .czquery_form .czquery_in{width:100%;float:none;} .czquery_form .czquery_input{width:100%;padding:5px 0;} .czquery_form .czquery_input input{padding:0 15px;font-size:14px;height:44px;} .czquery_form .czquery_btn{width:100%;float:none;padding-left:0;padding-top:10px;} .czquery_form .czquery_btn button{height:44px;font-size:14px;} .czquery_t .czquery_title{margin-bottom:25px;} .czquery{padding:30px 0;} .czquery_t{padding-bottom:25px;} .czquery_list{padding-top:25px;} .czquery_list .czquery_table{margin-top:10px;} .czquery_list .czquery_table thead{display:none;} .czquery_list .czquery_table tbody tr{padding:15px 0;display:block;} .czquery_list .czquery_table td{display:block;height:auto;line-height:22px;padding-left:100px;position:relative;padding-right:0;padding-bottom:10px;} .czquery_list .czquery_table td:before{color:#999;position:absolute;left:0;top:0;} .czquery_list .czquery_table td:nth-child(1):before{content:'项目编号';} .czquery_list .czquery_table td:nth-child(2):before{content:'单位名称';} .czquery_list .czquery_table td:nth-child(3):before{content:'项目名称';} .czquery_list .czquery_table td:nth-child(4):before{content:'咨询类别';} .czquery_list .czquery_table td:nth-child(5):before{content:'状态信息';} .czquery_list .czquery_table td:nth-child(6):before{content:'备注';} .czquery_list .czquery_table td:last-child{padding-bottom:0;} .czquery_list .czquery_p{font-size:14px;} .itde_txt .itde_title h3{margin-bottom:6px;font-size:26px;line-height:26px;} .itde_txt .itde_title h4{font-size:18px;line-height:26px;} .itde_txt .itde_title{padding-bottom:20px;line-height:16px;font-size:16px;} .itde_txt .itde_title:after{width:20px} .itde_img{width:100%;float:none;margin-top:30px;margin-bottom:20px;} .itde_img .itde_img_item:first-child{transform:translateY(-10px);-webkit-transform:translateY(-10px);} .itde_img .itde_img_item:last-child{transform:translateY(10px);-webkit-transform:translateY(10px);} .itde_txt{width:100%;padding-right:0;float:none;} .itde_txt .itde_line{font-size:14px;line-height:26px;padding-top:20px;} .Nash_info h4{font-size:18px;line-height:18px;} .Nash_info{padding:35px 0;background-attachment:scroll;} .Nash_list{margin-top:20px;padding-top:20px;padding-bottom:30px;} .Nash_list .Nash_table{border-width:3px;} .Nash_list .Nash_table thead{display:none;} .Nash_list .Nash_table td{font-size:14px;} .Nash_list .Nash_condition>div{padding-top:15px;padding-bottom:20px;} .Nash_list .Nash_condition p{margin-bottom:5px;} .Nash_list .Nash_table td:first-child{padding-left:15px;} .Nash_list .Nash_table td:last-child{padding-right:15px;} .enter_data{background-attachment:scroll;} .work{padding:30px 0;} .qft_slide .qft_img{height:200px;} } @media screen and (max-width:768px){ .prize_box .prize_item{width:50%;} } /* combanner */ #comBanner{width: 100%;height: 100%;overflow: hidden;z-index: 2;} #comBanner .home_bannerbg{position: absolute; z-index: -1; width: 100%; height: 100%;} #comBanner .comBanner_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1; background-color: #000;} @media screen and (max-width: 992px){.com-uni {width: 100%;padding: 5px;}} #comBanner .comBanner_cnt{justify-content: center;align-items: flex-end;height: 100%;width:60%;margin-left:4vw;} #comBanner .comBanner_txt{text-align: left;margin-bottom:20px;} #comBanner .comBanner_bg>img {width: 100%;height: 100%;object-fit: cover; } #comBanner .comBanner_nav {position: absolute;bottom: 0;right:0;z-index: 50;align-items: flex-end;justify-content: center;height: 50px;} #comBanner .comBanner_num{margin: 1vw;} #comBanner .comBanner_foot{transition: all 0.4s; width: 120px;height:120px;background-color:#c29070;align-items: center;justify-content: center;text-align: center;} #comBanner .comBanner_foot img{margin:.5vw auto; transition: all 0.3s; width: 31px; height: auto;} #comBanner .comBanner_foot a{color: #FFFFFF; width: 100%; display: flex;flex-direction: column; justify-content: center; height: 120px;} #comBanner .comBanner_foot a:hover>img{transform: scale(1.1);} @media screen and (max-width:1500px){ #comBanner .comBanner_txt_title{font-size: 18px !important;width: 400px !important;} #comBanner .txt_title2{font-size: 12px !important; width: 96%;} } #comBanner .comBanner_txt_title{font-weight: bold; font-size: 20px;line-height: 40px; margin-bottom:5px;width: 480px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;} #com_num{font-size: 25px;} #comBanner .txt_title2{font-size: 14px; line-height: 26px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} /* cominfo */ .cominfo{width: 100%;height: 100%;overflow: hidden;z-index: 2;} .cominfo .cominfo_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .cominfo .cominfo_bg>img {width: 100%;height: 100%;object-fit: cover;} .cominfo .cominfo_letter {font-size: 3vw; font-family: blokcn; line-height: 3vw;text-transform: uppercase;font-weight: bold;color: #ebebeb;} .cominfo .cominfo_cnt {justify-content: center;height: 100%;width: 80%;margin:4vw 0 4vw 4vw;} .cominfo .cominfo_name01{margin-bottom: 1.5vw;font-size: 1.8vw;font-weight: bold;} .cominfo_gpdm{margin-left:1vw;font-size: .8vw;font-weight: bold;} .cominfo .cominfo_name02{font-size: 15px; line-height: 30px; text-align: justify;} .cominfo .cominfo_more{width:100%;margin-top:4vw;justify-content: flex-start;align-items: center;} .cominfo .cominfo_more_btn{width: 36px;height: 36px;border-radius: 100%;background-color: #c29070;justify-content: center;align-items: center; transition: all 0.2s;} .cominfo .cominfo_more_btn img{width: 10px;height: 10px; transform: rotate(-45deg);} .cominfo .cominfo_more_txt{margin-left:.5vw; transition: all 0.3s;} .cominfo .cominfo_more a{display: flex; align-items: center;} .cominfo .cominfo_more a:hover .cominfo_more_txt{color: #c29070; font-size: 16px; font-weight: bold; transform: translateX(-40px);} .cominfo .cominfo_more a:hover .cominfo_more_btn{transform: translateX(80px);} .cominfo .cominfo_more a:hover .cominfo_more_btn img{transform: rotate(0);} /* business1 */ .business1_title{flex-flow: column;justify-content: center;align-items: center;} .business1_name1{font-size: 3vw; font-family: blokcn; line-height: 3vw;text-transform: uppercase;font-weight: bold;color: #f0f0f0;} .business1_name2{margin-bottom: 1.5vw;font-size: 1.5vw;font-weight: bold;color:#000;} .business1_more{position:absolute;bottom:.5vw;right:.5vw;justify-content: flex-end;align-items: center;} .business1_more_btn{width: 36px;height: 36px;border-radius: 100%;background-color: #c29070;justify-content: center;align-items: center;transform: rotate(-45deg);transition: all .8s;} .business1_more_btn img{width: 10px;height: 10px;} .case-content{box-sizing: border-box;position:relative;padding:1vw;width: 9vw;height:9vw;background-color: rgba(194,144,112,0);border: 1px solid rgba(255,255,255,.3);transition: all .8s;} .case-name1{font-size: 20px;font-weight: bold;} .case-name2{font-family: mdcn; margin-top: 0.5vw; font-style: normal; font-size: 1.2vw;text-transform: uppercase;color:rgba(255,255,255,.3)} /* service */ .myservice {padding-top:5vw;padding-bottom: 10vw;background-color: #d6e3f6;background-image: linear-gradient(to bottom right,#fff 30%,#d6e3f6);z-index: 2;overflow: hidden;} .myservice_title{flex-flow: column;justify-content: center;align-items: center;} .myservice_name1{font-size: 3vw; font-family: blokcn; line-height: 3vw;text-transform: uppercase;font-weight: bold;color: rgba(255,255,255,.5);} .myservice_name2{margin-bottom: 1.5vw;font-size: 1.5vw;font-weight: bold;color:#fff;} .myservice_bg {position: absolute;top: 0;right: 0;z-index: -2;width: 100vw;} @media screen and (max-width:1400px){.myservice_bg img {width: auto !important;}} .myservice_bg img {width: 100%;height: 100%;object-fit: cover;} .myservice-imgs{width: 100%;justify-content: space-between;margin-top:5vw;} .myservice-imgs a img{transition: all 0.3s;} .myservice-imgs a:hover img{transform: scale(1.05);} .hr{width: 100%;height: 1px;background-color: rgba(255,255,255,.5);margin-top:80px;} /* foot */ .foot-top{margin-bottom:4vw;} .foot-left{width: 70%;justify-content: flex-start;} /* .foot-right{width: 20%;} */ .foot-list{flex:1;} .foot-list-title{font-weight: bold;margin-bottom: 30px; font-size:16px;} .foot-list-ul{list-style: none;padding:0;margin:0;} .foot-list-item{margin:10px 0;} .foot-list-item a{ font-size: 15px;color:#808080; cursor: pointer;} .foot-list-item a:hover{ color: #c29070;} .foot-right{text-align: right;} .wechart{width: 44px;height:44px;border-radius: 100%;float: right;margin-left: .4vw;background-color: #c29070;justify-content: center;align-items: center;} .dy{width: 44px;height:44px;border-radius: 100%;float: right;margin-left: .4vw;background-color: #cccccc;justify-content: center;align-items: center;} .phone{font-size: 1.5vw; font-family: 'Arial Narrow Bold', sans-serif; font-weight: bold;} .foot-right .p{margin-bottom:.5vw;} .foot-right .links{ height: 40px;} .foot-right select { display:block; width: 280px; height: 40px; line-height: 40px; float: right; margin-bottom:10px; margin-top: 15px; font-family: "puhui";} .foot-right .address{padding-right:24px; background:url(../images/icon_15.png) no-repeat right center;} .foot-bottom{width:100%;justify-content: space-between;align-items: center;padding:2vw 0;border-top: 1px solid #DADADA;color:#808080;} .bottom-right a{color:#333333; cursor: pointer; transition: all 0.2s;} .bottom-left a{line-height: 54px; color: #666666; cursor: pointer; transition: all 0.2s;} .bottom-left a:hover,.bottom-right a:hover{color: #c29070;} .bottom-left a.gsjg{float: right; margin-left: 10px;} .bottom-left a.gsjg img{width: 38px; height: auto;} .my-select{width: 250px;height: 30px;border: 1px solid #999999;} .my-option{height: 30px;} .acc{width: 1280px;margin: 0 auto;} .show{display: block;} .hidden{display: none;} .wrap{box-sizing: border-box;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>felx布局<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .flex-row {display: flex;flex-direction: row;} .flex-col {display: flex;flex-direction: column;} .justify-start {display: flex;justify-content: flex-start;} .justify-center {display: flex;justify-content: center;} .justify-end {display: flex;justify-content: flex-end;} .justify-evenly {display: flex;justify-content: space-evenly;} .justify-around {display: flex;justify-content: space-around;} .justify-between {display: flex;justify-content: space-between;} .items-start {display: flex;align-items: flex-start;} .items-center {display: flex;align-items: center;} .items-end {display: flex;align-items: flex-end;} /* 通用二级菜单样式 */ .menu2{border-bottom: 1px #F5F5F5 solid; height: 80px; width: 100%;} .menu2 a{width: 130px;font-size:16px;transition:all 0.2s; color: #333333; text-align: center;} .menu2 a:hover{color: #ca9f84;} .menu2 #menu2_on{color: #ca9f84;} .about .about_1 .tab_2{height: 800px;width: 100%;background: url('../images/about_2.png') no-repeat center;-webkit-background-size: cover;/*兼容Webkit内核浏览器如Chrome和Safari */ -o-background-size: cover;/* 兼容Opera */ padding: 118px 0 100px; } .about .about_1 .tab_2 .a1_left{ font-size: 50px; height: 580px; text-transform: uppercase; } .about .about_1 .tab_2 .a1_left div{ background: url('../images/about_icon1.png') no-repeat left top; color: #fff; padding-left: 150px; margin-left: 70px; } .about .about_1 .tab_2 .a1_left div span{ font-family: blokcn; font-weight: bold; line-height: 48px; display: block; width: 300px; opacity:0.24; } .about .about_1 .tab_2 .a1_left div h3{ font-size: 36px; line-height: 50px; font-weight: bold; letter-spacing:4px; height: 140px; } @media screen and (max-width:1480px) { .about .about_1 .tab_2 .acc{width: 1080px !important;} .about .about_1 .tab_2 .a1_left div{margin-left: 0 !important; padding-left: 100px !important;} } .about .about_1 .tab_2 .a1_right{ height: 580px; padding: 60px 50px; color: #fff; background-color: rgba(0,0,0,0.5); } .about .about_1 .tab_2 .a1_right ul li h3{ font-weight: bold; font-size: 22px; height: 36px; color: #d8a482; } .about .about_1 .tab_2 .a1_right ul li span{ font-size: 18px;height: 60px; display: block; } .about .about_1 .tab_2 .a1_right ul li span:after{ content: " "; float: left; display: block; width: 12px; height: 1px; margin: 12px 10px 0 0; background-color: #FFFFFF; } .about .about_2 span,.about .about_3 .little_title{ font-family: blokcn; margin-top: 80px; font-size: 50px; font-weight: bold; text-transform: uppercase; color: #ebebeb; } .about .about_2 h2,.about .about_3 h2{ font-size: 38px; height: 90px; font-weight: bold; } .about .about_2 div{ width: 100%; overflow: hidden; margin-bottom: 60px; } .about .about_2 div img{ width: 100%; height: auto; } .about .about_3{ width: 100%; height: 800px; background: url('../images/about_3_bg.png') no-repeat center; background-size: cover; } .about .c-banner3 .swiper-wrapper .swiper-slide{ box-sizing: border-box; height: 440px; padding: 12px; background-color: #fff; } .about .c-banner3 .swiper-wrapper .swiper-slide a{text-align: center; display: block;} .about .c-banner3 .swiper-wrapper .swiper-slide a:hover .c-title2{color: #c29070;} .about .c-banner3 .swiper-wrapper .swiper-slide .swiper-img{ width: 100%; height: 364px; overflow: hidden; } .about .c-banner3 .swiper-slide .c-title2{ font-size: 16px; line-height: 60px; color: #333; transition: all 0.2s; } /* c-banner3轮播公共部分 */ .c-banner3,.c-banner2{width: 1280px; margin: 0 auto; height: 500px;} .c-banner3 .swiper-wrapper .swiper-slide .swiper-img img,.c-banner2 .swiper-wrapper .swiper-slide .swiper-img img{ width: 100%; height: auto; object-fit: cover; } .c-banner3 .c-bottom-wrap,.c-banner2 .c-bottom-wrap { position: absolute; bottom: 0; left: 0; width: 100%; } .c-banner3 .c-bottom-wrap .swiper-pagination,.c-banner2 .c-bottom-wrap .swiper-pagination { position: relative; bottom: 0; width: 80px; font-size: 16px; font-family: 微软雅黑; color: #999; text-align: left; } .c-banner3 .c-bottom-wrap .swiper-pagination-current,.c-banner2 .c-bottom-wrap .swiper-pagination-current { font-size: 24px; color: #333; } .c-banner3 .c-bottom-wrap .c-btn-box,.c-banner2 .c-bottom-wrap .c-btn-box { width: 100px; padding: 0 10px 0 20px; } .c-banner3 .c-bottom-wrap .c-line-box,.c-banner2 .c-bottom-wrap .c-line-box { position: relative; width: -webkit-calc(100% - 230px); width: calc(100% - 230px); height: 2px; background: #dbdbdb; overflow: hidden; line-height: 20px; } .c-banner3 .c-bottom-wrap .c-line-box .c-line,.c-banner2 .c-bottom-wrap .c-line-box .c-line { position: absolute; top: 0; left: 0; width: 0; height: 3px; background: #ca9f84; } .c-bottom-wrap .c-btn-box .c-prev{ cursor: pointer; width: 21px; height: 14px; background: url(../images/prev-off.png)no-repeat left top / 100% auto; } .c-banner3 .c-bottom-wrap .c-btn-box .c-prev:hover,.c-banner2 .c-bottom-wrap .c-btn-box .c-prev:hover { background-image: url(../images/prev-on.png); } .c-banner3 .c-bottom-wrap .c-btn-box .c-next,.c-banner2 .c-bottom-wrap .c-btn-box .c-next { cursor: pointer; width: 21px; height: 14px; background: url(../images/next-off.png)no-repeat left top / 100% auto; } .c-banner3 .c-bottom-wrap .c-btn-box .c-next:hover,.c-banner2 .c-bottom-wrap .c-btn-box .c-next:hover { background-image: url(../images/next-on.png); } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>集团简介页面<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .introd{ color: #333333; } .introd .about_1{ border-bottom: #F5F5F5 solid 1px; } .introd .introd_2{ margin-top: 90px; } .introd .in2_1{ font-family: blokcn; font-size: 50px; height: 60px; font-weight: bold; text-transform: uppercase; color: #ebebeb; } .introd .in2_title{ font-size: 30px; font-weight: bold; line-height: 70px; } .introd .introd_2 .in2_2{ font-size: 18px; height: 70px; font-weight: bold; } .introd .introd_2 p{ font-size: 16px; color: #666666; text-align: center; line-height: 28px; margin-bottom: 20px; } .introd .introd_2 ul{ width: 100%; margin: 50px 0; } .introd .introd_2 ul li{ flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; border-left: #E6E6E6 solid 1px; } .introd .introd_2 ul li:first-child{border: none;} .introd .introd_2 ul li .datas{ color: #ca9f84; font-family: Arial; display: flex; font-weight: bold; font-size: 20px; margin-bottom: 20px; } .introd .introd_2 ul li .datas .counter,.introd .introd_2 ul li .datas .datas_cope2,.introd .introd_2 ul li .datas .datas_number,.introd .introd_2 ul li .datas .counter1,.introd .introd_2 ul li .datas .counter2{ font-size: 48px; line-height: 48px; } .introd .introd_2 ul li .datas .datas_cope1{ align-self: flex-end; font-size: 24px; } .introd .introd_2 ul li .datas_des{ font-size: 15px; color: #666666; } .introd .introd_3{ width: 100%; box-sizing: border-box; position: relative; overflow: hidden; /* background: url('../images/introd_2.png') no-repeat center; */ /* background-size: cover; */ } .introd .introd_3>div{text-align: center;} @media screen and (min-width:1780px) { .introd .introd_3>div{position: absolute; z-index: 99; top: 60px;} } @media screen and (max-width:1780px) { .introd .introd_3>div{position: absolute; z-index: 99; top: 50px;} } @media screen and (max-width:1500px) { .introd .introd_3>div{position: absolute; z-index: 99; top: 40px;} .introd .introd_3 .in2_1{font-size: 38px !important;} .introd .introd_3 .in2_titlte{font-size: 26px !important; line-height: 30px !important;} } @media screen and (max-width:1400px) { .introd .introd_3>div{position: absolute; z-index: 99; top: 10px;} } /* @media screen and (min-width:1350px) { .introd .introd_3>div{position: absolute; z-index: 99; margin-top: 10px;} } */ .introd .introd_3 img{width: 100%; height: auto;} .introd .introd_4{margin: 90px auto;} .introd .introd_4 .in4_top{border-bottom: #E6E6E6 solid 1px; padding-bottom: 20px;} .introd .introd_4 .in4_top .in4_title .in4_1{ font-family: blokcn; font-size: 50px; height: 60px; font-weight: bold; text-transform: uppercase; color: #E5E5E5; } .introd .introd_4 .in4_top .in4_title h2{ font-size: 30px; font-weight: bold; line-height: 48px; } .introd .introd_4 .in4_top .items{align-self: flex-end;} .introd .introd_4 .in4_top .items span{ margin-left: 20px; color: #666666; font-size: 14px; font-weight: bold; } .introd .introd_4 .in4_top .items span em{ font-size: 24px; color: #be8d75; font-weight: normal; } .introd .introd_4 .in4_honor{ margin: 46px 0 56px; } .introd .introd_4 .in4_honor .honor{flex: 1;} .introd .introd_4 .in4_honor .honor_img{ width: 200px; height: 120px; padding: 15px 0; font-size: 22px; color: #c29070; font-weight: bold; border-right: #CCCCCC solid 1px; } .introd .introd_4 .in4_honor ul{ margin-left: 70px; display: flex; flex-direction: column; justify-content: space-between; } .introd .introd_4 .in4_honor ul li{ font-weight: bold; font-size: 15px; line-height: 30px; } .introd .introd_4 .c-banner2 .swiper-wrapper .swiper-slide{ box-sizing: border-box; height: 400px; width: 400px !important; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 50px; background-color: #f7f7f7; } .introd .introd_4 .c-banner2 .swiper-wrapper .swiper-slide .swiper-img{ display: flex; flex-direction: column; justify-content: center; max-width: 276px; height: 290px; overflow: hidden; } .introd .introd_4 .c-banner2 .swiper-slide .c-title2{ font-size: 15px; line-height: 30px; color: #666666; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>党建引领页面<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .party .nav{ border-bottom: 1px solid #F5F5F5; } .party .party_title{ color: #bd1a20; font-size: 30px; font-weight: bold; margin-top: 90px; height: 88px; } .party .party_1 .pa1_cont{ position: relative; overflow: hidden; height: 480px; } .party .party_1 .pa1_cont .pa1_cont1{ position: absolute; width: 800px; height: 480px; } .party .party_1 .pa1_cont .pa1_cont1 img{width: 100%; height: auto;} .party .party_1 .pa1_cont .pa1_cont2{ padding-left: 50px; width: 560px; height: 360px; right: 0; background-color: #FFFFFF; position: absolute; z-index: 99; box-shadow: -16px 0 40px -40px black; } .party .party_1 .pa1_cont .pa1_cont2 .pa1_time{ display: block; line-height: 35px; padding-left: 50px; font-size: 18px; font-weight: bold; background: url('../images/icon_3.png') no-repeat left; } .party .party_1 .pa1_cont .pa1_cont2 .pa1_des{ display: block; padding-left: 50px; font-size: 16px; line-height: 32px; height: 70px; } .party .party_2{ background: url('../images/party_2_bg.png') no-repeat center; background-size: cover; width: 100%; margin-top: 60px; height: 640px; } .party .party_2 .pa2_cont .pa2_des{font-size: 16px;margin-top: 70px;} .party .party_3 ul li>a{ width: 410px; height: 150px; padding-top: 30px; background-color: #F5F5F5; display: flex; flex-direction: column; justify-content: space-between; transition: 0.3s; } .party .party_3 ul li a .pa3_img{ width: 100%; height: 250px; overflow: hidden; } .party .party_3 ul li a .pa3_img img{width: 100%;} .party .party_3 ul li a .active_tit{ font-size: 16px; line-height: 28px; height: 60px; display: inline-block; color: #333333; margin: 0 23px 0; transition: all 0.3s; } .party .party_3 ul li a .active_time{ margin: 0 23px 30px; font-size: 14px; color: #999999; display: block; background: url('../images/icon_5.png') no-repeat right center; } .party .party_3 ul li:hover .active_tit{color: #c29070;} .party .party_3 ul li .pa3_img a{width: 410px; height: 250px; display: block; overflow: hidden; background-color: #c29070;} .party .party_3 ul li .pa3_img a img{width: 100%; height: 100%; object-fit: cover;} .party .party_3 ul li a:hover .active_time{ background: url('../images/icon_4.png') no-repeat right center; } .party .party_3 .more{ line-height: 160px; cursor: pointer; padding-left: 60px; font-size: 15px; color: #666666; transition: all 0.2s; transform:translate(0,0); } .party .party_3 .more::after{ content:''; position:absolute; width: 36px; height: 36px; display:block; left: 0; top: 40%; transform: rotate(45deg); background-position:left center; transition: all 0.3s; background: url('../images/icon_6.png') no-repeat; } .party .party_3 .more:hover::after{transform: rotate(0deg) ;} .party .party_3 .more:hover{color:#c29070;} .party .party_4{ width: 100%; height: 750px; background: url('../images/party_9.png') no-repeat center; background-size: cover; } .party .party_4 .pa4_cont .pa4_logo{ width: 330px; height: 150px; overflow: hidden; } .party .party_4 .pa4_cont .pa4_logo img{ width: 100%; height: auto; } .party .party_4 .pa4_cont h3{ font-weight: bold; font-size: 30px; height: 60px; } .party .party_4 .pa4_cont span{ display: block; width: 275px; height: 110px; color: #bd1a20; font-weight: bold; font-size: 18px; line-height: 32px; } .party .party_4 .pa4_cont p{ font-size: 15px; line-height: 30px; width: 568px; color: #666666; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>党建引领页面<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .reavi{color: #333333;} .reavi .reavi_title{padding: 80px 0;} .reavi .reavi_title h2{font-size: 36px; text-align: center; font-weight: bold;height: 75px;} .reavi .reavi_title span{font-size: 16px; color: #666666; line-height: 32px; text-align: center;} .reavi .reavi_1{ width: 100%; background-color: #f7f7f7; } .reavi .reavi_1 .re1_des1{ font-family: blokcn; font-size: 50px; font-weight: bold; color: #ebebeb; text-transform: uppercase; margin-top: 60px; } .reavi .reavi_1 .re1_title{ font-size: 30px; font-weight: bold; height: 54px; } .reavi .reavi_1 .re1_des2{font-size: 18px; height: 75px;} .reavi .reavi_1 .re1_des2 em{font-size: 24px; color: #c2906e; display: inline-block; padding: 0 3px;} .reavi .reavi_1 .re1_des2 span.num {font-size: 24px; color: #c2906e; display: inline-block; padding: 0 3px;} .reavi .reavi_1 .re1_des2 i { font-style:normal;font-size:10px; vertical-align:super; } /* <<<<<<<<<<轮播模板>>>>>>>>>>>>>>> */ .reavi #index_b_hero .heros .hero:hover img{transform: scale(1.06);} .reavi #index_b_hero .heros .hero img{transition: all 0.8s;} .reavi .reavi_1 .swiper{width: 100%;} /* .reavi img {vertical-align: middle; -ms-interpolation-mode: bicubic; width: 100%;} */ .reavi .icon-arrow-a-left{background:url('../images/reavi_prev.png') no-repeat center center;} .reavi .icon-arrow-a-right{background: url('../images/reavi_next.png') no-repeat center center;} @media screen and (min-width:1660px) { .reavi #index_b_hero {width: 1200px;height: 640px;position: relative;} .reavi #index_b_hero .heros .hero{width: 1200px; overflow: hidden;} .reavi #index_b_hero .mask-right,#index_b_hero .mask-left {z-index: 4;left: -1260px;opacity: 0.5;} .reavi #index_b_hero .mask-right {left: 1260px;} } @media screen and (max-width:1660px) { .reavi #index_b_hero {width: 900px;height: 480px;position: relative;} .reavi #index_b_hero .heros .hero{width: 900px; height: 480px; overflow: hidden;} .reavi #index_b_hero .mask-left,#index_b_hero .mask-right{height: 480px !important;} .reavi #index_b_hero .mask-right,#index_b_hero .mask-left {z-index: 4;left: -1260px;opacity: 0.5;} .reavi #index_b_hero .mask-right {left: 960px;} .reavi .icon-arrow-a-left,.reavi .icon-arrow-a-right{transform: scale(0.8);} .reavi #index_b_hero .heros .hero span{padding-top: 420px !important; z-index: 99 !important;} } .reavi #index_b_hero img{width:100%;height: auto; object-fit: cover;} .reavi #index_b_hero .heros .hero span{position: absolute; top: 0; display: block; box-sizing: border-box; width: 100%; height: 100%; padding-top: 580px; text-align: center; background: url(../images/reav_bg.png) no-repeat bottom; z-index: 1; color: #FFFFFF; font-size: 24px;} .reavi #index_b_hero .mask-left,#index_b_hero .mask-right, #index_b_hero .hero {background: #000;z-index: 1;position: absolute;top: 0;width: 1200px;height: 640px;} .reavi #index_b_hero .next,#index_b_hero .prev {cursor: pointer; height: 80px;width: 80px;border-radius: 50%;background-color: #c29070;position: absolute;top: 44%;z-index: 99;} .reavi #index_b_hero .prev{left:-40px;} .reavi #index_b_hero .next{right:-40px;} .reavi .reavi_2{width: 100%; margin: 100px 0; background-color: #F7F7F7; } @media screen and (min-width:1500px) { .reavi .reavi_2{height: 650px;} .reavi .reavi_2 .swiper2 .swiper-wrapper{height: 650px;} } @media screen and (max-width:1500px) { .reavi .reavi_2{height: 500px;} .reavi .reavi_2 .swiper2 .swiper-wrapper{height: 500px;} } .reavi .reavi_2 .swiper2{ width: 60%; } .reavi .reavi_2 .swiper2 .swiper-slide{ width: 100%; overflow: hidden; } .reavi .reavi_2 .swiper2 .swiper-slide:hover img{transform: scale(1.04);} .reavi .reavi_2 .swiper2 .swiper-slide img{ position: absolute; width: 100%; height: 100%; object-fit: cover; display: block; transition: all 0.8s; } .reavi .reavi_2 .swiper2 .swiper-num{ /* background: rgba(0, 0, 0, .4); box-shadow: -10px 0 50px 40px rgba(0, 0, 0, .4); */ position: absolute; z-index: 99; font-size: 18px; color: #F5F5F5; right: 0; bottom: 40px; width: 90px; } .reavi .reavi_2 .swiper2 .active{ font-size: 30px; color: #fff; } .reavi .reavi_2 .re2_cont{ flex: 2; } .reavi .reavi_2 .swiper-container{width: 100%;} .reavi .reavi_2 .re2_cont{margin-left: 110px;} .reavi .reavi_2 .re2_cont .re2_littleTit{ font-family: blokcn; font-size: 50px; text-transform: uppercase; font-weight: bold; color: #ebebeb; } .reavi .reavi_2 .re2_cont .re2_title{ font-size: 30px; font-weight: bold; height: 50px; } .reavi .reavi_2 .re2_cont .re2_hr{ width: 24px; height: 3px; display: block; background-color: #c29070; } .reavi .reavi_2 .re2_cont ul{ position: relative; width: auto; margin-top: 60px; color: #666666; font-size: 16px; line-height: 36px; } .reavi .reavi_2 ul li{ transition: 0.3s; width: auto; background: none; font-size: 16px; line-height: 36px; height: auto; color: #666666; opacity:1; } .reavi .reavi_2 ul .swiper-pagination-bullet-active{ color: #c29070; transform: scaleX(1.1); transform-origin:0 50% 0; } .reavi .reavi_2 ul .swiper-pagination-bullet-active:before{ background-color: #c29070 !important; } .reavi .reavi_2 ul li:hover{color: #c2906e;} .reavi .reavi_2 ul li:hover:before{background-color: #c29070 !important;} .reavi .reavi_2 .re2_cont ul li:before { transition: 0.3s; content: ""; width: 4px; height: 4px; display: inline-block; background: #999999; vertical-align: middle; margin-right: 12px; } .reavi .reavi_3{ width: 100%; padding: 60px 0; background-color: #F7F7F7; margin: 0 auto; } .reavi .reavi_5{width: 100%; overflow: hidden; margin: 0 auto; padding:60px 0 80px; background-color: #F5F5F5;} .reavi .re3_littleTit{ font-family: blokcn; font-size: 50px; color: #ebebeb; font-weight: bold; text-transform: uppercase; } .reavi .re3_title{ font-weight: bold; font-size: 30px; height: 80px; } .reavi .reavi_5 .re5_A,.reavi .reavi_5 .re5_C{ width: 100%; padding-bottom: 4%; position: relative; display: flex; justify-content: center; } .reavi .reavi_5 .re5_A>span,.reavi .reavi_5 .re5_C>span{ width: 100%; top: 14px; height: 1px; background-color: #c29070; position: absolute; } .reavi .reavi_5 .re5_A ul,.reavi .reavi_5 .re5_C ul{ position: absolute; z-index: 99; width: 88.5%; display: flex; justify-content: space-between; } .reavi .reavi_5 .re5_C ul{width: 70% !important;} .reavi .reavi_5 .re5_C ul li{width: 32%; text-align: center;} .reavi .reavi_5 .re5_A ul li{width: 19%; text-align: center;} .reavi .reavi_5 .re5_A ul li span,.reavi .reavi_5 .re5_C ul li span{margin: 0 auto;padding: 0 0%; background-color: #F5F5F5; color: #c29070; font-size: 1.2vw;} .reavi .reavi_3 ul,.reavi .reavi_5 .re5_B,.reavi .reavi_5 .re5_D{ width: 88.5%; flex-wrap: wrap; color: #FFFFFF; } .reavi .reavi_5 .re5_D{width: 70% !important;} .reavi .reavi_5 .re5_D li{width: 32% !important; padding-bottom: 21% !important;} .reavi .reavi_5 .re5_B li,.reavi .reavi_5 .re5_D li{ width: 24%; padding-bottom: 15%; overflow: hidden; position: relative; margin-bottom: 1.2%; background-color: #c29070; } .reavi .reavi_5 .re5_B li:hover img,.reavi .reavi_5 .re5_D li:hover img{transform: scale(1.06);} .reavi .gengduo { clear: both; width: 100%; text-align: center; font-size: 30px; color: #c29070} .reavi .reavi_3 ul li{ width: 24%; padding-bottom:15%; overflow: hidden; position: relative; margin-bottom: 1.2%; background-color: #c29070; } .reavi .reavi_3 ul li.kong {background:none!important} .reavi .reavi_5 .re5_B li.kong {background:none!important} .reavi .reavi_3 ul li:hover img{transform: scale(1.05);} .reavi .reavi_3 ul li div,.reavi .reavi_5 .re5_B li div,.reavi .reavi_5 .re5_D li div{ width: 100%; height: 100%; position: absolute; } .reavi .reavi_5 .re5_D li img{width: 100%; height: auto; transition: all 0.8s;} .reavi .reavi_5 .re5_B li img{ width: 100%; margin: 0 auto; height: 100%; object-fit: cover; transition: all 0.8s; } .reavi .reavi_3 ul li div img{ width: 100%; height: auto; transition: all 0.8s; } .reavi .reavi_3 ul li span,.reavi .reavi_5 .re5_B li span,.reavi .reavi_5 .re5_D li span{ display: flex; justify-content: center; align-items: center; text-align: center; width: 60%; height: 50%; font-size: 1.2vw; padding: 0 14px; position: absolute; top: 25%; left: 20%; z-index: 99; } .reavi .reavi_5 .re5_B li span{font-size: 1vw !important;} @media screen and (max-width:1440px) { .reavi .reavi_5 .re5_A>span,.reavi .reavi_5 .re5_C>span{top: 12px !important;} } .reavi .reavi_3 ul li .re3_1,.reavi .reavi_5 .re5_B li .re3_1,.reavi .reavi_5 .re5_D li .re3_1{ /* background: rgba(194, 144, 112, 50%); */ background: rgba(0, 0, 0, 50%); } .reavi .reavi_3 ul li .re3_2,.reavi .reavi_5 .re5_B li .re3_2,.reavi .reavi_5 .re5_D li .re3_2{ border: 1px solid #d4b29b; } .reavi .reavi_4{ margin: 100px auto; } .reavi .reavi_4 .honor{overflow: hidden;} .reavi .reavi_4 .honor img{width: 100%; height:auto; object-fit: cover;} .reavi .reavi_4 ul li{ display: flex; justify-content: center; padding-top: 200px; flex:1; height: 250px; font-size: 20px; color: #666666; } .reavi .reavi_4 ul li span{ text-align: center; width: 80%; } .reavi .reavi_4 ul .re4_1{ background: url('../images/reavi_8.png') no-repeat top center; } .reavi .reavi_4 ul .re4_2{ background: url('../images/reavi_9.png') no-repeat top center; } .reavi .reavi_4 ul .re4_3{ background: url('../images/reavi_10.png') no-repeat top center; } .reavi .reavi_4 ul .re4_4{ background: url('../images/reavi_11.png') no-repeat top center; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>物业服务-细分业态<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .formatsA .formA{margin: 90px auto 100px;} .formatsA .formA ul{flex-wrap: wrap;} .formatsA .formA ul li:hover div img{transform:scale(1.06)} .formatsA .formA ul li{width: 300px;height: 360px;position: relative;overflow: hidden;display: flex;justify-content: center;align-items: center;color: #FFFFFF;margin-bottom: 30px;} .formatsA .formA ul li div{width: 100%;height: 100%;overflow: hidden;background-color: #000;position: absolute;} .formatsA .formA ul li div img{transition:all 0.4s; opacity: 0.7;width: 100%;height: auto;} .formatsA .formA ul li h2{position: absolute;padding-top: 70px;} .formatsA .formA ul li:nth-child(1) h2{background: url('../images/formA_icon1.png') no-repeat center top;} .formatsA .formA ul li:nth-child(2) h2{background: url('../images/formA_icon2.png') no-repeat center top;} .formatsA .formA ul li:nth-child(3) h2{background: url('../images/formA_icon3.png') no-repeat center top;} .formatsA .formA ul li:nth-child(4) h2{background: url('../images/formA_icon4.png') no-repeat center top;} .formatsA .formA ul li:nth-child(5) h2{background: url('../images/formA_icon5.png') no-repeat center top;} .formatsA .formA ul li:nth-child(6) h2{background: url('../images/formA_icon6.png') no-repeat center top;} .formatsA .formA ul li:nth-child(7) h2{background: url('../images/formA_icon7.png') no-repeat center top;} .formatsA .formA ul li:nth-child(8) h2{background: url('../images/formA_icon8.png') no-repeat center top;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>创新业务<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .innovate{color: #333333;} .innovate .inntit{margin-top: 100px;font-size: 40px;height: 60px;} .innovate .inntitdes{font-size: 16px;color: #666666;height: 60px;} .innovate .inn1 .nav ul li{ box-sizing: border-box; width: 160px; line-height: 40px; font-size: 16px; border: #cccccc solid 1px; text-align: center; border-radius: 100px; margin: 0 10px 60px; transition: 0.2s; cursor: pointer; } .innovate .inn1 .nav ul .act,.innovate .inn1 .nav ul li:hover{color: #FFFFFF;background-color: #c29070;} .innovate .inn1{overflow: hidden;} .innovate .inn1 .inn1_cont{ height: 800px; width: 100%; overflow: hidden; position: relative; } @keyframes inn1_swpier2{ 0%{transform: translateX(400px); opacity: 0.1;} 30%{opacity: 0.8;} 80%{transform: translateX(-20px);} 100%{transform: translateX(0); opacity: 1;} } .innovate .inn1 .inn1_cont .tab_2 .inn1_bg{ width: 100%; height: auto; position: absolute; transition: 1s linear 2s; transform: scale(1.1,1.1); } .innovate .inn1 .inn1_cont .inn1_showimg .inn1_bg{ transition: 6s linear; transform: scale(1,1); /* animation:inn1_swpier2 1s; animation-timing-function: ease-out; */ } @keyframes inn1_swpier_cont{ 0%{transform:translateY(900px);opacity: 0;} 50%{transform:translateY(-100px);opacity: 0.2;} 100%{transform:translateY(0);opacity: 1;} } .innovate .inn1 .inn1_cont .tab_2 .cont_list{ /* animation:inn1_swpier_cont 1s; animation-timing-function: ease-out; */ position: absolute; left: 17%; top: 16%; width: 30%; padding: 60px 70px 40px; background:rgba(225,225,225,0.88); z-index: 99; } .innovate .inn1 .inn1_cont .tab_2 .specials{ top: 30% !important;} @media screen and (max-width:1700px) { .innovate .inn1 .inn1_cont .tab_2 .specials{padding: 40px 50px 30px !important; top: 26% !important;} .innovate .inn1 .inn1_cont .tab_2:first-child .cont_list{padding: 40px 50px 30px !important; top: 10% !important;} } @media screen and (max-width:1500px) { .innovate .inn1 .inn1_cont .tab_2 .specials{top: 20% !important; width: 36% !important;} .innovate .inn1 .inn1_cont .tab_2:first-child .cont_list{top: 8% !important; width: 36% !important;} .innovate .lists .lists_tit{font-size: 18px !important;} .innovate .lists ul li{font-size: 14px !important;} .innovate .inn1 .inn1_cont .tab_2 .cont_list .list_title{font-size: 26px !important;height: 35px !important;} .innovate .inn1 .inn1_cont .tab_2 .cont_list .little_title{font-size: 14px !important;height: 35px !important;} } .innovate .inn1 .inn1_cont .tab_2 .cont_list .list_title{font-size: 30px;height: 45px;} .innovate .inn1 .inn1_cont .tab_2 .cont_list .little_title{font-size: 16px;height: 45px;} .innovate .lists .lists_tit{ color: #c29070; font-size: 20px; font-weight: bold; margin-bottom: 14px; float:right; } .innovate .lists .lists_tit::before{ content: " "; float: left; width: 12px; height: 2px; background-color: #c29070; margin: 12px 10px 0 0; } .innovate .lists .special{flex-wrap: wrap; display: grid; grid-template-columns: 1fr 1fr 1fr; width: 30vw;} .innovate .lists ul{list-style-type: square;margin-left: 20px;} .innovate .lists ul li{ color: #4C4C4C; font-size: 16px; line-height: 40px; } .innovate .lists ul li::marker{ width: 4px; height: 4px; list-style: none; color: #999; } .innovate .lists ul li.li_more{list-style-type: none;} .innovate .lists .list_more{margin-left: 20px;font-size: 16px;} @keyframes inn2_hover{ 0%{opacity: 0.2; transform: translateX(400px);} 80%{opacity: 0.9;} 100%{opacity: 1;transform: translateX(0);} } .innovate .inn2{background-color: #F5F5F5;} .innovate .inn2 .inn2_cont{height: 600px; margin: 60px 0 100px;} .innovate .inn2 .inn2_cont ul{flex: 1;} .innovate .inn2 .inn2_text .text_title{font-size: 30px;line-height: 40px; margin-bottom:45px;} .innovate .inn2 .inn2_text{width: 440px; height: 100%; box-sizing: border-box; padding: 70px 50px 0 82px; background-color: #FFFFFF; animation:inn2_hover 1s;animation-timing-function: ease-out;} .innovate .inn2 .inn2_lists{padding-right: 40px;} .innovate .inn2 .inn2_img{ cursor: pointer; flex: 1; position: relative; overflow: hidden; } .innovate .inn2 .inn2_img img{ width: 100%; height: auto; position: absolute; transition: all 0.6s; } .innovate .inn2 .inn2_img .img_text{ position: absolute; color: #FFFFFF; font-size: 15px; font-weight: bold; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.2); } .innovate .inn2 .inn2_img .img_text span{ display: block; padding-top: 65px; transition: all 0.2s; background: url('../images/inn2_hover-off.png') no-repeat top center; } .innovate .inn2 .inn2_img:hover img{transform: scale(1.06);} .innovate .inn2 .inn2_img:hover span{background: url('../images/inn2_hover-on.png') no-repeat top center !important;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>城市运营<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .citys{color: #333333;} .citys .citytit{margin: 100px 0 30px;font-size: 40px;height: 60px;} .citys .citytitdes{font-size: 16px;color: #666666;line-height: 32px;} .citys .city1{width: 100%;height: 700px; background: url('../images/citys_1.png') no-repeat; background-size: cover;} .citys .city1 .acc{height: 100%;} .citys .city1 img{width: 100%;} .citys .city2 .city2_tab{ width: 1260px; height: 600px; margin-bottom: 100px; position: relative; background: rgba(194, 144, 112, 0.2); } .citys .city2 .city2_tab .tab_list{ position: absolute; right: 0; z-index: 99; } .citys .city2 .city2_tab .tab_list ul{ width: 200px; } .citys .city2 .city2_tab .tab_list ul .tab_check{ width: 170px; background-color: #be9277; color: #FFFFFF; } .citys .city2 .city2_tab .tab_list ul li span{ display: inline-block; height: 0; width: 0; transition: 0.3s; } .citys .city2 .city2_tab .tab_list ul .tab_check span{ display: inline-block; width: 20px; height: 1px; margin-right: 16px; background-color: #FFFFFF; } .citys .city2 .city2_tab .tab_list ul li{ cursor: pointer; display: flex; align-items: center; justify-content: flex-end; transition: all 0.3s; background-color: rgba(255, 255, 255, 0.9); width: 140px; text-align: right; margin-bottom: 16px; font-size: 16px; padding-right: 30px; border-radius: 27px 0 0 27px; height: 55px; } .citys .city2 .city2_tab .show_img{ position: absolute; width: 100%; height: 100%; overflow: hidden; } .citys .city2 .city2_tab .show_img:hover img{transform:scale(1.06)} .citys .city2 .city2_tab .show_img img{ transition: all 1s; width: 100%; height: auto; } @keyframes city2_swpier{ 0%{transform:translateY(0);} 100%{transform: translateY(-600px);} } .citys .city2 .city2_tab .show_img .transformUp{ animation:city2_swpier 1s; animation-timing-function: ease-out; } .citys .city2 .city2_tab .show_text{ position: absolute; z-index: 99; left: -20px; width: 540px; height: 360px; box-sizing: border-box; background-color: #fafafa; padding: 60px 70px 0 60px; } .citys .city2 .city2_tab .show_text .tab_text_tit{ font-size: 30px; padding-top: 70px; } .citys .city2 .city2_tab .show_text .tit1{background: url('../images/citys_icon.png') no-repeat top left;} .citys .city2 .city2_tab .show_text .tit2{background: url('../images/citys_icon2.png') no-repeat top left;} .citys .city2 .city2_tab .show_text .tit3{background: url('../images/citys_icon3.png') no-repeat top left;} .citys .city2 .city2_tab .show_text .tit4{background: url('../images/citys_icon4.png') no-repeat top left;} .citys .city2 .city2_tab .show_text .tab_text_des{ font-size: 15px; line-height: 30px; margin-top: 30px; color: #666666; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>集团新闻<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .news{color: #333333;} .news .news_conts{padding: 0 40px;} .news .news_conts .swiper-container{width: 100%;} .news .news_conts .swiper-container .swiper-pagination{bottom: 36px!important; width: auto !important; left: 53%;} .news .news_conts .swiper-container .swiper-pagination-bullet-active {background-color: #c29070 !important; border-radius: 0; height: 30px !important;} .news .news_conts .swiper-container .swiper-pagination-bullet {background-color: #999999;width: 6px; border-radius: 0; height: 20px; opacity: 1;} .news .news_head{color: #333333; margin: 70px 0 10px; width: 1200px; background: #F5F5F5; height: 343.31551px;} .news .news_head:hover .new_title{color:#c29070;} .news .news_head .headnews_img{flex: 1;overflow: hidden;} .news .news_head .headnews_img:hover img{transform:scale(1.06)} .news .news_head .headnews_img img{width: 100%;height: 100%;object-fit: cover; transition:all 0.4s;} .news .news_head .headnews_cont{width: 600px; padding: 40px;} .news .news_head .headnews_cont .new_times{color: #ca9f84;font-size: 20px; font-weight: bold; height: 36px;} .news .news_head .headnews_cont .new_title{font-size: 22px; height: 50px; border-bottom: 1px solid #E6E6E6; transition:all 0.3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .news .news_head .headnews_cont .new_des{font-size: 15px; line-height: 30px; margin-top: 30px; color: #666666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .news .news_list{width: 1200px;} .news .news_list .lists li a{ color: #333333; box-sizing: border-box; padding: 40px 18px; height: 180px; border-bottom: #E6E6E6 solid 1px; display: flex; transition: all 0.3s; } .news .news_list .lists li a:hover{background-color: #F5F5F5;} .news .news_list .lists li a:hover .list_title{color:#c29070;} .news .news_list .lists li .list_times{width: 200px;font-size: 14px;} .news .news_list .lists li .list_times em{font-size: 48px; line-height: 48px; margin-right: 10px;} .news .news_list .lists li .list_cont{flex: 1;} .news .news_list .lists li .list_cont .list_title{font-size: 22px; width: 1000px; line-height: 22px; margin-bottom: 30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; transition:all 0.2s;} .news .news_list .lists li .list_cont .list_des{font-size: 15px; line-height: 30px; color: #666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .news_page li a{ display: block; text-align: center; color: #333333; border: #dcdcdc solid 1px; border-radius: 3px; width: 30px; line-height:30px; margin: 0 4px; transition: all 0.2s; } .news .news_page{margin-top: 40px;} .news .news_page li a:hover{color: #FFFFFF;background-color: #c29070;} .news .news_page li .news_prev,.news .news_page li .news_next{border: none;} .news .news_page li .news_prev{background: url('../images/news_prev.png') no-repeat center center;transition: all 0.2s;} .news .news_page li .news_prev:hover{background: url('../images/news_prev_on.png') no-repeat center center;} .news .news_page li .news_next{background: url('../images/news_next.png') no-repeat center center;transition: all 0.2s;} .news .news_page li .news_next:hover{background: url('../images/news_next_on.png') no-repeat center center;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>媒体中心<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .medias .swiper_video{margin: 55px auto 100px; width: 1280px; height: auto; overflow: hidden;} .medias .swiper_video .video_ing{width: 1280px;height: 720px; background: #000;} @media screen and (max-width:1660px) { .medias .swiper_video{width: 1000px !important;} .medias .swiper_video .video_ing{width: 1000px !important; height: 560px !important;} .medias .swiper_video .video_list{height: 120px !important;} } .medias .swiper_video .video_ing .swiper-slide{position: relative; overflow: hidden;} .medias .swiper_video .video_ing .swiper-slide a{width: 100%; height:100%; position: absolute; z-index: 99; background:url(../images/icon_16.png) no-repeat center center; opacity: 0.6; transition:all 0.3s;} .medias .swiper_video .video_ing .swiper-slide a:hover{opacity: 1; transform:scale(1.1);} .medias .swiper_video .video_ing .swiper-slide a:hover+img{transform:scale(1.02);} .medias .swiper_video .video_ing .swiper-slide img{transition:all 0.3s; width: 100%; height:auto; object-fit: cover; opacity:0.6;} .medias .swiper_video .video_list{width: 100%; height: 170px; margin-top: 24px; overflow: hidden; position: relative;} .medias .swiper_video .video_list .video_switch{ width: 33px;height: 26px; position: absolute; top: 45%; margin: 0 32px; z-index: 10; cursor: pointer; background-repeat: no-repeat; transition: all 0.4s; } .medias .swiper_video .video_list .video-prev{left: 0; background: url('../images/video_prev.png');} .medias .swiper_video .video_list .video-prev:hover{background: url('../images/video_prev_on.png');} .medias .swiper_video .video_list .video-next{right: 0; background: url('../images/video_next.png');} .medias .swiper_video .video_list .video-next:hover{background: url('../images/video_next_on.png');} .medias .swiper_video .video_list .swiper-slide {background-color: black;height: 170px;width: 300px; overflow: hidden; cursor: pointer;} .medias .swiper_video .video_list .swiper-slide:hover img{transform:scale(1.05); opacity:0.6;} .medias .swiper_video .video_list .swiper-slide img{transition: all 0.3s; transform: scale(1.03); width: 100%;height: auto;object-fit: cover; opacity: 0.4;} .medias .swiper_video .video_list .swiper-slide-thumb-active img {opacity: 1 !important;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>基本信息<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .inform{color: #333333;} .inform .conts{width: 1280px; margin: 0 auto; padding: 0 40px;} .inform .stock{ width: 1200px; height: 320px; margin: 70px 0 50px; color: #FFFFFF; padding: 40px 60px; background: url('../images/stock_1.png') no-repeat; background-size: cover; } .inform .stock .stock_1{font-size: 24px;} .inform .stock .stock_1 .stock1_1{font-size: 40px; margin: 0 30px 0 16px; height: 40px;} .inform .stock .stock_1 .stock1_2{font-size: 15px;} .inform .stock .stock_2{height: 60px;} .inform .stock .stock_2 li{display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .inform .stock .stock_2 .first_datas{flex: 2; align-items: flex-end; justify-content: flex-start; flex-direction: row; } .inform .stock .stock_2 .first_datas .data2_1{line-height: 48px; font-size: 48px; font-weight: bold;} .inform .stock .stock_2 .first_datas .data2_2{font-size: 17px; font-family: 思源黑体; padding-top: 17px; margin: 0 16px; background: url('../images/goup.png') no-repeat top center;} .inform .stock .stock_2 .first_datas .data2_3{font-size: 15px; font-family: 思源黑体;} .inform .stock .stock_2 .datalist .datas_tit{font-size: 16px;} .inform .stock .stock_2 .datalist .datas,.inform .stock .stock_2 .datalist .datas .datasem{font-size: 24px; font-weight: bold;} .inform .stock .stock_2 .datalist .datas em{font-size: 14px; margin-left: 10px;} .inform .stock .stock_3 span{color: #ecceba; font-size: 14px; margin-right: 30px;} .inform .stock .stock_3 i { font-style:normal} .inform .notice{ width: 1200px; margin-bottom: 100px;} /*.inform .notice .notes{width: 580px; border: #e6e6e6 solid 1px; padding: 36px 40px 0;} */.inform .notice .notes .note_tit{padding-bottom: 30px; border-bottom: #e6e6e6 solid 1px;} .inform .notice .notes .note_tit h2{font-size: 24px;} .inform .notice .notes .note_tit a{transition: all 0.2s; color: #666666; padding-right: 20px; font-size: 16px; background: url('../images/all.png') no-repeat right center;} .inform .notice .notes .note_tit a:hover{background: url(../images/all-on.png) no-repeat right center; color: #c29070;} .inform .notice .notes ul li{ margin: 40px 0; background: url(../images/icon_8.png) no-repeat left 4px; padding-left: 40px;} .inform .notice .notes ul li a .notes_title{font-size: 16px; height: 30px; color: #333333;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; transition: all 0.2s;} .inform .notice .notes ul li a .notes_times{font-size: 14px; color: #999999; transition: all 0.2s;} .inform .notice .notes ul li a:hover .notes_title,.inform .notice .notes ul li a:hover .notes_times{color: #c29070 !important;} /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>公告<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .notes{color: #333333;} .notes .conts{width: 1200px; margin: 80px auto 100px;} .notes .times{width: 218px; height:100%; margin-top:90px;} .notes .times .lines{width: 25px; margin-top: 10px;} .notes .times .lines .line-first{ width: 11px; height: 9px; background: url(../images/icon_9.png) no-repeat; } .notes .times .lines ul li{ display: block; width: 11px; height: 59px; background: url(../images/icon_11.png) no-repeat; } .notes .times .lines ul #menu3list{ background: url(../images/icon_11_on.png) no-repeat; } .notes .times .line-last{ width: 11px; height: 9px; background: url(../images/icon_10.png) no-repeat; } .notes .times .years li{ font-size: 15px; font-weight: bold; color: #887f81; height: 60px; cursor:pointer; } .notes .times .years li a{color: #887f81;} .notes .times .years li #menu3now{color: #c29070; font-size: 18px;} .notes .times .years li a:hover{color: #c29070;} .notes .notices{flex:1} .notes .add_padding{padding-left: 218px;} .notes .notices .years{ width: 120px; line-height: 36px; font-size: 36px; font-weight: bold; } .notes .notices ul{flex: 1;} .notes .notices ul li{ height: 90px; display: flex; justify-content: space-between; align-items: center; transition: all 0.6s; padding: 5px 18px; } .notes .notices ul li:hover{background-color: #F5F5F5;} .notes .notices ul li:hover a .notes_title{color: #c29070;} .notes .notices ul li .notes_conts .notes_title{ font-size: 18px; line-height: 36px; height: 34px; color: #666666; transition: all 0.4s; } .notes .notices ul li .notes_conts .notes_times{ font-size: 14px; color: #999999; } .notes .notices ul li .download{ width: 40px; height: 40px; background: url(../images/icon_13.png) no-repeat; transition: all 0.2s; } .notes .notices ul li .download:hover{ background: url(../images/icon_13_on.png) no-repeat; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/ .callus{color: #333333;} .callus .call1{margin: 75px 0 50px;} .callus .call1 .call1_l{width: 520px;} .callus .call1 .call1_tit{font-size: 50px; font-family: blokcn; font-weight: bold; height: 60px; color: #e5e5e5; text-transform: uppercase;} .callus .call1 .call1_title{font-size: 30px; margin-bottom: 10px; font-weight: bold; height: 70px; border-bottom: #666666 solid 2px;} .callus .call1 .call1_l ul li{flex: 1; display: flex; flex-direction: column; align-items: center; font-size: 16px; margin-top: 30px;} .callus .call1 .call1_l ul li .qrcode{width: 160px; height: 160px; border: #e6e6e6 solid 1px; margin-bottom: 20px;} .callus .call1 .call1_l ul li .qrcode img{max-width: 150px; max-height: 150px;} .callus .call1 .call1_r{width: 600px;} .callus .call1 .call1_r ul li{display: flex;justify-content: space-between; margin-top: 20px; border-bottom: #e6e6e6 solid 1px;} .callus .call1 .call1_r ul li .name{font-size: 16px;} .callus .call1 .call1_r ul li .conts{font-size: 16px; color: #999999; height: 70px;} .callus .call2{ height: 80px; background-color: #c39b5a; padding: 0 30px;} .callus .call2 .call2_tit{font-size: 18px; color: #FFFFFF; font-weight: bold;} .callus .call2 .bsc_show2{padding-right: 30px;color: #fff; background: url(../images/icon_14_off.png) no-repeat right center; background-size: 16px; cursor: pointer; transition: all 0.3s;} .callus .call2 .bsc_show{background: url(../images/icon_14.png) no-repeat right center !important;} .callus .call3{width: 100%; padding: 0 50px 70px; flex-wrap: wrap; border: #e6e6e6 solid 1px; border-top: none;} .callus .call3 li{width: 370px; margin-top: 50px;} .callus .call3 li .call3_tit{font-size: 20px; line-height: 20px; padding:0 0 20px 26px; background: url(../images/icon_15.png) no-repeat left top; border-bottom: #e6e6e6 solid 1px; margin-bottom: 20px;} .callus .call3 li .infors{font-size: 15px; color: #666666; line-height: 32px;} .callus .call4{width: 100%; height: 400px; margin-top: 50px;} .callus .call5{margin: 40px auto 100px;} .callus .call5 .call5_conts{width: 620px; height: 360px; overflow: hidden; background: #000000; position: relative; cursor: pointer;} .callus .call5 .call5_conts img{width: 100%; height: 100%; object-fit: cover; position: absolute; opacity: 0.8; transition: all 0.6s;} .callus .call5 .call5_conts .call5_text{width: 340px; height: 160px; transition: all 0.3s; position: absolute; z-index: 99; border: #e6e6e6 solid 1px; font-size: 28px; color: #FFFFFF; } .callus .call5 .call5_conts:hover img{transform: scale(1.06);} .callus .call5 .call5_conts:hover .call5_text{color:#c29070; border: #c29070 solid 1px; background:rgba(0,0,0,0.1);} .forms{width: 1120px; height: 560px; margin: 0 auto; padding: 70px; box-sizing: border-box;} .forms .forms_tit{text-transform: uppercase;font-family: blokcn; font-size: 40px; font-weight: bold; color: #e5e5e5;} .forms .forms_title{font-size: 24px; font-weight: bold; color: #333333;} .forms form{width: 600px; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} .forms form .formlist{ width: 45%; height: 80px; border-bottom: #e6e6e6 solid 1px;} .forms form .formlist .form_tit{color: #333333; font-size: 15px; font-weight: bold;} .forms form input{border: none; width: 100%; background: none; line-height: 60px; font-size: 15px; color: #333333; font-family: "puhui";} .forms form .form5{width: 100% !important; height: 130px;} .forms form .form5 input,.forms form .form5 textarea{width: 100% !important;} .forms form .form5 textarea{font-size: 15px; line-height: 30px; border: none; height: 90px; margin: 10px 0; color: #333333; font-family: "puhui";} .forms form .bbtn button{ width: 180px; line-height: 50px; font-size: 16px; color: #FFFFFF; border: none; background-color: #c29070; } /* banner公共部分 */ .sec_bannner{width: 100%; overflow: hidden; background-color: #000;} @keyframes sec_banner{ 0%{transform: scale(1.1); opacity: 0.1;} 20%{ opacity: 1;} 100%{transform: scale(1);} } .sec_bannner .basic_banner_img{ width: 100%; height: auto; object-fit: cover;animation:sec_banner 5s; animation-timing-function: ease-out;} .sec_bannner .banner_title{width: 80%; position: absolute; z-index: 99; top: 30%; color: #FFFFFF; } .sec_bannner .banner_title h1{font-size:48px; height:80px;} .sec_bannner .banner_title h2{text-transform: uppercase; font-size:24px; font-family: Arial, Helvetica, sans-serif;} .sec_bannner .banner_title .basic_service_img{width: 100%; margin-top: 7%;} .sec_bannner .banner_title .basic_service_img img{width: 7.5%;} @-moz-document url-prefix() { .sec_bannner .banner_title .basic_service_img img{ width: 110px;/only for webkit/ }} .sec_bannner .banner_title .basic_service_img .hr{margin-top: 4%;} .sec_bannner .banner_title .n_service_img{margin-top: 10% !important;} .news-content { width: 1100px; margin:0 auto; margin-bottom:80px; line-height: 32px; padding-top: 30px; } .news-content .newsconL { width:100%;} .newsdetail-content { width:100%; margin:0 auto; font-size: 16px;} .newsdetail-content p { margin-bottom:10px;text-align:justify;} .newsdetail-content img { max-width:700px!important; display: block; height: auto!important;margin:0 auto;} .newsdetail-title { width: 100%; overflow: hidden; padding: 8px 0 13px 0; border-bottom:1px dashed #e1e0e6; margin-bottom: 35px; text-align:center } .newsdetail-title .title { font-weight:bold; font-size: 24px; line-height: 32px; color: #202020; margin-bottom: 2px; } .newsdetail-title .info { color: #696969; } .newsdetail-content video { display:block; max-width: 900px; margin: 0 auto; height: auto; background-size: cover; margin-bottom: 20px;object-fit:fill;} .ft_1_2 ul li{width: 40px;height: 40px;background: #cccccc url(../images/wx.png) no-repeat center;border-radius: 50%;float: left;margin-right: 10px;position: relative;} .ft_1_2 { clear:both; width: 100px; float: right;margin: 20px 0 0 15px; height: 42px;} .ft_1_2 ul li:hover{background: #c9a063 url(../images/wx.png) no-repeat center;cursor: pointer;} .ewm_hide{position: absolute;display: none;background: #fff;} .ewm_hide img{width: 150px;height: 150px;display: block;} .ft_1_2 .d2{top: -180px;left: -53px;} .ft_1_2 .d1{top: -180px;left: -53px;} .ewm_hide p{text-align: center;font-size: 14px;line-height: 15px;} /*弹出层*/ .fotdn-jb { width: 100%; height: 100%; background: #000; background: rgba(0,0,0,.4); position: fixed; top: 0; left: 0; display: none; z-index:9999; } .fotdn-jb .jbxx-div{ width: 1120px; height: 560px; position: absolute; top: 50%; left: 39%; margin-top: -250px; margin-left: -350px; z-index:99999; box-sizing:border-box; background:#fff; } .fotdn-jb .jbxx-div .fancybox{ position: absolute; top: 8px; right: 8px; cursor: pointer; width:32px; height:32px; } .fy{ clear:both; width:100%; height:30px; margin:0 auto; margin-top:30px; font-size:14px; text-align: center;} .fy b{ display:inline-block; width:24px; height:24px; background:#c29070; line-height:24px; margin:0 4px; color:#fff; font-weight:100; text-align:center; border-radius: 50%} .fy a{ display:inline-block; padding:0 8px;height:24px; text-align:center; line-height:24px;margin:0 5px; font-size:14px; color: #444 } .flsm{width: 1200px; margin: 60px auto;} .flsm .flsm_Tit{text-align: center;} .flsm .flsm_Tit .flsm_title{font-size: 26px; color: #333333; line-height: 36px; margin: 0 10px;} .flsm .flsm_tit{font-family: blokcn; font-size: 26px; text-align: center; color: #ebebeb; line-height: 48px;} .flsm p{font-size: 16px; color: #333333; line-height: 32px; text-indent: 32px;} .research { width: 1200px; margin: 50px auto 80px; text-align: center; color: #333333; } .research .research_tit div{font-family: blokcn; font-size: 50px; font-weight: bold; text-transform: uppercase; color: #ebebeb;} .research .research_tit h1{font-size: 38px; font-weight: bold; height: 80px;} .research form .applylist{width: 60%; display: flex; margin: 0 auto; line-height: 45px; margin-bottom: 20px;} .research form .applylist .apply_tit{width: 150px; font-weight: bold; text-align: left; font-size: 17px; margin-right: 10px;} .research form .applylist input{width: 500px; padding: 0 10px; border: none; border-bottom: solid #e5e5e5 1px; transition: all 0.5s; font-size: 16px; font-family: "puhui";} .research form .applylist input:focus{background-color: #F5F5F5; border-bottom: solid #c29070 1px;} .research form .applylist span{color: #999999;} .research form .apply_button{margin-top: 40px;} .research form .apply_button button{font-size: 18px; font-family: "puhui"; border: 0; background-color: #c29070; color: #FFFFFF; border-radius: none; padding: 10px 100px;} /* .forms form{width: 600px; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;} .forms form .formlist{ width: 45%; height: 80px; border-bottom: #e6e6e6 solid 1px;} .forms form .formlist .form_tit{color: #333333; font-size: 15px; font-weight: bold;} .forms form input{border: none; width: 100%; background: none; line-height: 60px; font-size: 15px; color: #333333; font-family: "puhui";} .forms form .form5{width: 100% !important; height: 130px;} .forms form .form5 input,.forms form .form5 textarea{width: 100% !important;} .forms form .form5 textarea{font-size: 15px; line-height: 30px; border: none; height: 90px; margin: 10px 0; color: #333333; font-family: "puhui";} .forms form .bbtn button{ */