body{background-color: #eeeeee;} .container{width: 1280px; max-width: 92%; margin: auto;} .business{background-color:#eeeeee;} .business .part_1{margin-bottom: 45px;} .business .part_3{background: #fff;padding: 80px 0px;} .business .part_3 .index_block02{margin-bottom: 0px;} .pub-nav{padding-bottom: 78px;} .pub-nav li{float: left;width: calc(15.9% - 2px);padding-bottom: 42px;position: relative;border:1px solid #d9151d;margin-right: 0.6%;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .pub-nav li:last-child{margin-right: 0;} .pub-nav li a{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width: 100%;height: 100%;} .pub-nav li .navBox{text-align: center;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .pub-nav li .navBox p{color: #d9151d;font-size: 24px;} .pub-nav li .navImg{margin-bottom: 26px;position: relative;display: none;} .pub-nav li .navImg img{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;width: 27.59%;} .pub-nav li .navImg img:last-child{position: absolute;top: 0;left: 50%;transform: translateX(-50%);opacity: 0;} .pub-nav li:hover img:last-child,.pub-nav li.on img:last-child{opacity: 1;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .pub-nav li:hover img:first-child,.pub-nav li.on img:first-child{opacity: 0;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;transform: scale(0.5);-webkit-transform: scale(0.5);-ms-transform: scale(0.5);} .pub-nav li:hover p,.pub-nav li.on p{color: #fff;} .pub-nav li:hover,.pub-nav li.on {border:1px solid #d9151d;background-color: #d9151d;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .pub-nav li .san{position: absolute; width: 20px; height: 10px;background:url('../images/arrow.png') no-repeat;display: block;bottom: -10px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);opacity: 0;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .pub-nav li:hover .san,.pub-nav li.on .san{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;opacity: 1;} /* 矿业开发 */ .mining .part_1{background-color:#eeeeee;padding-bottom: 40px;} .mining .pub-nav{padding-top: 5px;padding-bottom: 0px;margin-bottom: 42px;} .mining .part_2{padding-top: 80px;padding-bottom: 45px;background: #fff;} .mining .part_2 .left{width: 39.06%;float: left;overflow: hidden;} .mining .part_2 .right{width: 56.41%;float: right;} .mining .part_2 .left a.tran_scale{margin-bottom: 58px;display: block;overflow: hidden;} .mining .part_2 .left a.tran_scale img.animated{animation-fill-mode: none;} .mining .part_2 .left i.line{width: 120px;height: 4px;background: #d9151d;display: block;margin-bottom: 45px;} .mining .part_2 .left .msg{width: 86%;} .mining .part_2 .left .msg h4{color: #010101;line-height: 24px;margin-bottom: 24px;} .mining .part_2 .left .msg p{line-height: 25px;color: #606060;} .mining .part_2 .left .msg p:last-child{margin-top: 25px;} .mining .part_2 .right ul{margin: 0 -4.16%;width: 100%;} .mining .part_2 .right li{width: 50%;float: left;overflow: hidden;margin-bottom: 40px;position: relative;} .mining .part_2 .right li a{display: block; margin: 0 4.16%;} .mining .part_2 .right li a .img{overflow: hidden;} .mining .part_2 .right li a img{transition: all 0.3s;} .mining .part_2 .right li p{padding: 15px 15px 20px;position: relative;z-index: 2;transition: all 0.3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .mining .part_2 .right li p i{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;background: #d9151d;transform: translateY(101%);z-index: 0;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .mining .part_2 .right li p span{position: relative;z-index: 2;} .mining .part_2 .right li a:hover img{transform: scale(1.1);transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .mining .part_2 .right li a:hover p i{transform: translateY(0px);transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .mining .part_2 .right li a:hover p {color: #fff;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} /* 88bifa必发开发 */ .develop .part_1{padding-bottom: 50px;background-color:#eeeeee;} .develop .pub-nav{padding-top: 5px;padding-bottom: 0px;margin-bottom: 42px;} .develop .part_2{padding-top: 40px;background: #fff;} .develop .tab_nav{margin-bottom: 30px;} .develop .tab_nav ol li{padding:0 3.6%;height: 42px;line-height: 42px;text-align: center;border: 1px solid #d9151d;float: left;margin-bottom: 15px;cursor: pointer;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .develop .tab_nav ol li a{color: #d9151d;display: block;} .develop .tab_nav ol li:hover,.develop .tab_nav ol li.on{background: #d9151d;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .develop .tab_nav ol li:hover a,.develop .tab_nav ol li.on a{color: #fff;} .develop .tab_nav ol li { margin-right: 1.09%;} .develop .tab_box h4{margin-bottom: 15px;color: #010101;} .develop .tab_box p{line-height: 24px;color: 606060;} .develop .message{margin-bottom: 35px;width: 83%;} /* 轮播 */ .in_service{ text-align:center; margin-bottom:40px;} .in_service ul{ position:relative; left:0;} .in_service li{ width:6%; float:left; height:100%; position:relative; overflow:hidden;} .in_service li > a{ width:100%; height:100%;} .in_service li img{ height:100%; width:auto;} .in_service li.on{ width:64%;} .in_service li.on a{ display:block; width:100%; height:100%; position: relative;z-index: 2;} .in_service li.on a img{ width:100%; height:100%;} .in_service_main{ position:relative; overflow:hidden;} .in_service_main .in_service_l{ width:18%; display:block; height:100%; position:absolute; left:0; top:0; background:url(../images/arrow_slide_left.png) no-repeat 80% ; z-index:200;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .in_service_main .in_service_l:hover{ background:url(../images/arrow_slide_left_on.png) no-repeat 70% ;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .in_service_main .in_service_r{ width:18%; display:block; height:100%; position:absolute; right:0; top:0; background:url(../images/arrow_slide_right.png) no-repeat 20% ; z-index:200;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .in_service_main .in_service_r:hover{ background:url(../images/arrow_slide_right_on.png) no-repeat 30% center ;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;} .in_service_main_wrap,.in_service ul { width:100%; height:100%;} .in_service_main_wrap .pub_shadow{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .in_service_main_wrap li.on .pub_shadow{opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;} .phone_in_service_main .in_service_main_wrap .pub_shadow{display:none;} .in_service ul{ width:8000%;} .serText{ position:absolute; bottom:0; text-align:left; padding:20px 40px; box-sizing:border-box; background:rgba(0,0,0,0.5); opacity:0; width:100%;} .serText a { color:#fff;} .serText h6{ font-size:30px; color:#fff; font-weight:normal; margin-bottom:10px;} .serText p{ font-size:14px; color:#fff; font-weight:normal; line-height:1.7em; height:3.4em; overflow:hidden;} .in_service li.on .serText{ opacity:1;} .pc_in_service_main{ display:block;} .phone_in_service_main{ display:none;} /* 联系我们 */ .contact .part_1 .left{float: left;width: 60.78%;} #map{width: 100%;height: 100%;} .contact .part_1{padding-bottom: 55px;background: #fff;} .contact .part_1 .right{width: 38.8%;color: #fff;float: right;} .contact .part_1 .right a{color: #fff;} .contact .part_1 .right .box_ch{background: url('../images/contact_red.jpg') no-repeat;background-size: cover;margin-bottom: 6px;} .contact .part_1 .right .box_en{background: url('../images/contact_gray.jpg') no-repeat;background-size: cover;} .contact .part_1 .right .box_en,.contact .part_1 .right .box_ch{padding: 9.3% 11.69% 0px;overflow: hidden;} .contact .part_1 .right h4{margin-bottom: 25px;} .contact .part_1 .right p{line-height: 24px;clear: both;} .contact .part_1 .right .box_ch p:nth-of-type(1) span,.contact .part_1 .right .box_ch p:nth-of-type(1) em{float: left;} .contact .part_1 .right .box_ch p:nth-of-type(1) em{width: 84%;} @media only screen and (max-width: 1520px) { .in_service{ margin-bottom:60px;} .serText a h6{ font-size:22px;} .pub-nav li .navBox p{font-size:20px;} } @media only screen and (max-width: 1300px) { .in_service{ margin-bottom:36px;} .serText a h6{ font-size:20px;} .serText{ padding:10px 20px;} .contact .part_1 .left{width: 100%;margin-bottom: 6px;} .contact .part_1 .right{width: 100%;} .contact .part_1 .right .box_en, .contact .part_1 .right .box_ch{float: left;padding: 4.3% 3.5%;width: calc(50% - 7%);width: -moz-calc(50% - 7%);} } @media only screen and (max-width: 1140px) { .in_service_main{ width:1004px; margin:0 auto;} .mining .part_1{padding-bottom: 20px;} } @media only screen and (max-width: 1279px) { .pub-nav li .navBox p{font-size:18px;} } @media only screen and (max-width: 1023px) { .in_service_main{ width:auto; margin:0 10px;} .in_service_main .in_service_l,.in_service_main .in_service_r{ display:none;} .in_service ul{ left:0;} .in_service_main{ height:auto !important;} .in_service li img,.in_service li.on a img,.in_service li.on a,.in_service li a{ width:100%; height:100%;} .serText{ position:relative; bottom:auto; padding-bottom:50px; opacity:1 !important;} .serText a h6{ font-size:16px;} .pc_in_service_main{ display:none;} .phone_in_service_main{ display:block;} .serText p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width:99%; margin:0 auto;} .pub-nav li .navBox p{font-size:16px;} .mining .pub-nav{margin-bottom: 20px;} } @media only screen and (max-width: 767px) { .serText { background:rgba(0,0,0,0.4); position:absolute; bottom:0; } .develop .message{width: 100%;} } @media only screen and (max-width: 989px) { .mining .part_2 .left,.mining .part_2 .right{width: 100%;} .mining .part_2 .left{margin-bottom: 30px;} .mining .part_2 .right ul{ margin: 0;} .pub-nav li .navImg{margin-bottom: 10px;} } @media only screen and (max-width: 639px) { .pub-nav li{width: calc(32.7% - 2px); padding-bottom: 42px;} .pub-nav li:hover .san, .pub-nav li.on .san{display: none;} .mining .part_1{padding-bottom: 20px;} .mining .part_2 .left a.tran_scale{margin-bottom:30px;} .mining .part_2 .left i.line{margin-bottom: 25px;} .mining .part_2 .right li{margin-bottom: 20px;} .pub-nav{padding-bottom: 40px;} } @media only screen and (max-width: 449px) { .mining .part_2 .right li{width: 100%;} .contact .part_1 .right .box_en, .contact .part_1 .right .box_ch{width: calc(100% - 7%);} } /* 20180713 修改 */ .slide .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #d9151d;opacity: 1;filter: alpha(opacity=100);box-shadow: 0 0 2px #999;} @media only screen and (max-width: 767px) { .slide .bx-wrapper .bx-pager.bx-default-pager a{width: 8px;height: 8px;} } .slide .bx-wrapper .bx-controls-direction .bx-prev{background: url('../images/arrow_slide_left.png') no-repeat;background-size: cover;width: 20px;height: 40px;} .slide .bx-wrapper .bx-controls-direction .bx-next{background: url('../images/arrow_slide_right.png') no-repeat;background-size: cover;width: 20px;height: 40px;} /* 20180803 */ @media only screen and (max-width: 767px) { .develop .part_1{padding-bottom: 0px;} } @media only screen and (max-width: 639px) { .pub-nav li{margin-bottom: 3px;} .develop .tab_nav ol li{height: 30px;line-height: 30px;} .develop .tab_nav{margin-bottom: 15px;} }