/*优势*/ .index_youshi { background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/index_youshi_bj.jpg) no-repeat center top; padding: 30px 0; height: auto; overflow: hidden; } .index_title{ text-align:center; position:relative; width:1200px; margin:0 auto; margin-bottom:40px;} .index_title p:nth-child(1){ font-size:34px; color:#333;margin-bottom:10px;} .index_title p:nth-child(1) b{ color:#06519f} .index_title p:nth-child(2){ text-transform:uppercase; font-size:18px; color:#cecece; position: relative;} .index_title p:nth-child(2):after{ content:''; background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/youshi_xm_dot.png) no-repeat center top; position:absolute; left:48%; bottom:-30px; width:30px; height:20px;} .index_title:after{ position:absolute; content:''; border-bottom:1px #d9d9d9 solid; bottom:-20px; left:0; width:100%} .title_two{ width:830px; margin:50px auto; font-size:16px; text-align:center; line-height:30px;height:120px; color:#666;margin-bottom:26px;} .index_youshi ul{ margin:0 auto; width:1200px;} .index_youshi ul li{ position:relative; height:170px; width:225px; padding:30px; background:#FFF; display:block; float:left; margin:0 20px 0 0;} .index_youshi ul li:nth-last-of-type(1){float:right; margin:0 } .index_youshi ul li p{ margin-top:40px; text-align:center; font-size:24px; color:#333; padding-bottom:20px; position:relative;} .index_youshi ul li p:after{ border-bottom:1px #ce000c solid; left:30%; position:absolute; content:''; width:0; bottom:0; transition:all 0.4s;} .index_youshi ul li div{ font-size:14px; color:#333; line-height:30px; text-align:center} .index_youshi ul li span{ display:block; height:110px; width:110px; background:#06519f; border-radius:110%; position:absolute; top:-60px; left:90px;} .index_youshi ul li:nth-child(1) span i{ margin:20px auto; display:block; background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/ys_1.png) no-repeat left center; width:66px; height:66px; transition:all 0.4s;} .index_youshi ul a{ display:block; height:170px; width:225px;transition:all 0.4s;} .index_youshi ul a:nth-child(1):hover span{ background:#ce000c} .index_youshi ul a:nth-child(1):hover span i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/ys_1.png) no-repeat -90px center; } .index_youshi ul a:hover p:after{ border-bottom:1px #ce000c solid; left:30%; width:45%; bottom:0;} .index_youshi ul li:nth-child(2) span i{ margin:20px auto; display:block; background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/ys_2.png) no-repeat left center; width:66px; height:66px; transition:all 0.4s;} .index_youshi ul a:nth-child(2):hover span{ background:#ce000c} .index_youshi ul li:nth-child(2) a:hover span i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/ys_2.png) no-repeat -87px center; } .index_youshi ul li:nth-child(3) span i{ margin:20px auto; display:block; background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/ys_3.png) no-repeat left center; width:66px; height:66px; transition:all 0.4s;} .index_youshi ul a:nth-child(3):hover span{ background:#ce000c} .index_youshi ul li:nth-child(3) a:hover span i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/ys_3.png) no-repeat -85px center; } .index_youshi ul li:nth-child(4) span i{ margin:20px auto; display:block; background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/ys_4.png) no-repeat left center; width:66px; height:66px; transition:all 0.4s;} .index_youshi ul a:nth-child(4):hover span{ background:#ce000c} .index_youshi ul li:nth-child(4) a:hover span i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/ys_4.png) no-repeat -78px center; } .ys_more{ margin:265px auto 0; width:88px; display:block; transition:all 0.4s;} .ys_more:hover{ margin:255px auto 0; } /*成功案例*/ .index_case{ padding:50px 0; height:auto; overflow:hidden;} .w1200 { width: 1200px; margin: 0 auto; } .picScroll-case2 { width: 1200px; height:auto; position: relative; } .picScroll-case2 .hd { padding: 0 10px; } .picScroll-case2 .hd .prev { display: block; width: 48px; height: 79px; float: right; margin-right: 5px; overflow: hidden; cursor: pointer; background: url("/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/arrow.png") no-repeat left top; position: absolute; left: -60px; top: 120px; transition: all 0.4s; } .picScroll-case2 .hd .next { display: block; width: 48px; height: 79px; float: right; margin-right: 5px; overflow: hidden; cursor: pointer; background: url("/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/arrow.png") no-repeat -50px 0px; position: absolute; right: -60px; top: 120px; transition: all 0.4s; } .picScroll-case2 .hd .prev:hover { background: url("/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/arrow.png") no-repeat left -81px; } .picScroll-case2 .hd .next:hover { background: url("/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/arrow.png") no-repeat -50px -81px; } .picScroll-case2 .hd ul { margin: 10px 0 0 550px; overflow: hidden; zoom: 1; margin-top: 5px; zoom: 1; } .picScroll-case2 .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 15px; text-indent: -999px; cursor: pointer; background: url("/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/images/icoCircle.gif") 0 -9px no-repeat; } .picScroll-case2 .hd ul li.on { background-position: 0 0; } .picScroll-case2 .bd { padding: 20px 10px 0 0; margin:0 20px 0 10px; } .picScroll-case22 .bd { padding: 20px 10px 0 0; margin:0 20px 0 50px; } .picScroll-case2 .bd ul { overflow: hidden; zoom: 1; } .picScroll-case2 .bd ul li { transition: all 0.4s; margin: 10px 15px 0 0; height: 400px; width: 380px; float: left; _display: inline; text-align: center; position: relative; color: #FFF } .picScroll-case2 .bd ul li:hover { -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -webkit-box-shadow: 0px 5px 15px #b1b2b5; -moz-box-shadow: 0px 5px 15px #b1b2b5; box-shadow: 0px 5px 15px #b1b2b5; transition: all 0.4s; } .picScroll-case2 .bd ul li .pic { text-align: center; } .picScroll-case2 .bd ul li .pic img { width: 380px; height: 310px; display: block; padding-bottom: 10px; } .picScroll-case2 .bd ul li .title { line-height: 24px; font-size: 16px; text-align: center; width: 240px; padding: 0 10px; border-left: 1px #FFFFFF solid; margin-left: 20px } .picScroll-case2 .bd ul li .title p:nth-child(1) { font-size: 16px; text-align:center; color:#666; } .picScroll-case2 .bd ul li .title p:nth-child(2) { font-size: 12px; color: #d3d3d3 } .picScroll-case2 .bd ul li .title a { color: #FFF } /*合作流程*/ .index_hzlc{ background:#f7f7f7; padding:50px 0; height:auto; overflow:hidden;} .index_hzlc a{ width:140px; background:#fff; height:140px; position:relative; text-align:center; font-size:16px; display:block; float:left; transition:all 0.4s;} .index_hzlc li span{ position:absolute; background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_tag.png) no-repeat right -44px; right:0; top:0; width:35px; height:44px; font-size:14px; color:#FFF; text-align:right;transition:all 0.4s;} .index_hzlc li:nth-child(1) i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_1.png) no-repeat -50px center; margin:30px auto 12px; width:35px; height:40px; display:block; transition:all 0.4s;} .line_lc{ border-bottom:1px #d9d9d9 solid; margin:75px 15px 0; width:40px; display:block; float:left;} .index_hzlc li:nth-child(1) a:hover i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_1.png) no-repeat 0 center; } .index_hzlc a:hover{ background:#06519f; color:#FFF} .index_hzlc a:hover span{background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_tag.png) no-repeat right 0; } .index_hzlc li:nth-of-type(2) i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_2.png) no-repeat 0 center; margin:30px auto 12px; width:39px; height:40px; display:block; transition:all 0.4s;} .index_hzlc li:nth-of-type(2) a:hover i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_2.png) no-repeat -56px center; } .index_hzlc li:nth-of-type(3) i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_3.png) no-repeat 0 center; margin:30px auto 12px; width:39px; height:40px; display:block; transition:all 0.4s;} .index_hzlc li:nth-of-type(3) a:hover i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_3.png) no-repeat -56px center; } .index_hzlc li:nth-of-type(4) i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_4.png) no-repeat 0 center; margin:30px auto 12px; width:39px; height:40px; display:block; transition:all 0.4s;} .index_hzlc li:nth-of-type(4) a:hover i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_4.png) no-repeat -56px center; } .index_hzlc li:nth-of-type(5) i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_5.png) no-repeat 0 center; margin:30px auto 12px; width:39px; height:40px; display:block; transition:all 0.4s;} .index_hzlc li:nth-of-type(5) a:hover i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_5.png) no-repeat -56px center; } .index_hzlc li:nth-of-type(6) i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_6.png) no-repeat 0 center; margin:30px auto 12px; width:39px; height:40px; display:block; transition:all 0.4s;} .index_hzlc li:nth-of-type(6) a:hover i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/lc_6.png) no-repeat -56px center; } .lc_btn a{ display:block; width:130px; height:40px; line-height:40px; font-size:14px} .lc_btn{ width:300px; padding:200px 0 0 0; margin:0 auto} .lc_btn a:nth-child(1){ background:#06519f; color:#fff; margin-right:10px;} .lc_btn a:nth-child(2){ background:#ce000c; color:#fff} .lc_btn a:nth-child(1):hover{ background:#ce000c} .lc_btn a:nth-child(2):hover{ background:#06519f} /*公司简介+新闻中心+资质荣誉*/ .f_left { float: left; } .f_right { float: right; } .clear { clear: both; } .three_about{ width:340px; margin-right:30px;} .three_lm { height:25px; line-height:25px; margin-bottom:20px;} .three_lm span{ display:block; float:left; font-size:20px;} .three_lm a{ display:block; float:right; color:#afafaf; padding:0 5px; transition:all 0.4s;} .three_lm a:hover{ background:#ce000c; color:#FFF} .about_nr{ border:1px #dddddd solid; line-height:25px;} .about_nr img45{ height:200px;} .about_nr a{ color:#004db6} .about_nr a:hover{ color:#ce000c} .nr_xx{ padding:0 5px 5px; font-size:13px;} .three_news{ width:468px; margin-right:32px;} .three_news ul{ margin-top:20px;} .three_news li{ width:468px; height:40px; line-height:40px; clear:both; border-bottom:1px #dddddd dotted;} .three_news li a i{ display:block; float:left; background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/dot_news.png) no-repeat left center; width:8px; height:8px; margin-top:15px; margin-right:10px;} .three_news li a{ font-size:14px; height:30px; line-height:30px; width:468px; color:#666666} .three_news li a:hover{ color:#2f6bb6;} .three_news li span{ display:block; float:right; font-family:Arial, Helvetica, sans-serif} .three_honor{ width:328px;} .two_nav{ font-size:16px; margin-top:20px;} .two_nav a{ margin-top:10px; height:46px; border:1px #d7d7d7 solid; display:block; float:left; line-height:46px; width:306px; padding:0 10px;transition:all 0.4s;} .two_nav a span:nth-child(1) {display:block; float:left;transition:all 0.4s;} .two_nav a span:nth-child(2){ display:block; float:left; margin:0 5px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;transition:all 0.4s;} .two_nav a i{ display:block; background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/dot2.png) no-repeat left center; width:15px; height:15px; float:right; margin:15px 10px 10px; transition:all 0.4s;} .two_nav a:hover i{ background:url(/web/20220501205151im_/http://hzcgg.cn/App/Home/View/Default/Public/image/dot2.png) no-repeat -20px center;} .two_nav a:hover span{ font-weight:bold; color:#06519f} /* FILE ARCHIVED ON 20:51:51 May 01, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:23:56 Sep 03, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 1.381 exclusion.robots: 0.057 exclusion.robots.policy: 0.034 esindex: 0.019 cdx.remote: 59.342 LoadShardBlock: 122.47 (3) PetaboxLoader3.datanode: 141.811 (5) PetaboxLoader3.resolve: 120.743 (2) load_resource: 154.203 loaddict: 35.634 */