/*标签样式初始化*/ div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;} /*公共样式部分*/ body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;} #copy { display: none;} i,em{font-style: normal;} a {color: #666; text-decoration: none;} a:hover { color: #ce0202;text-decoration: none; border-bottom-style:} .page{ margin:0 auto;width: 1400px; } .bg{ width: 100%; min-width: 1400px;} .box{margin: 0 auto;width: 90%;min-width: 1400px;} .fl { float: left;} .fr {float: right;} /*左右浮动清除*/ .clear { clear: both;height: 0px; overflow: hidden;} /*间隙*/ .top10 {padding-top: 10px;} .top20 {padding-top: 20px;} .top30 {padding-top: 30px;} .top40 {padding-top: 40px;} .top50 {padding-top: 50px;} .top60 {padding-top: 60px;} .top70 {padding-top: 70px;} .top80 {padding-top: 80px;} .top90 {padding-top: 90px;} .top100 {padding-top: 100px;} /*英文样式*/ .font_en{font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;} /*标题*/ .t{text-align: center;} .t p{font-size: 40px;color: #333;line-height:50px; padding-bottom:6px;} .t b{color: #ce0202;} .t span{font-size:18px;color:#666;} .t d img{margin: 20px auto;display: block;} /*抬头*/ .tp_bg{height:46px;line-height: 46px;background: #ce0202;color:#f3aaaa;} .tp_fr p{float:left;height: 46px;margin-left:20px;} .tp_fr p a{color:#f3aaaa;} .tp_fr p a:hover{color:#fff;} .tp_fr p img{float: left;margin:15px 12px 0 0;} .tp_fr p span{font-size:18px;color:#fff;font-family:"Arial"; float: right; display: block;} .top_bg{} .top{width:90%;min-width:1400px;height: 120px;margin:0 auto;position: relative;} .logo{padding-top:20px;} .name{margin-top: 32px;margin-left: 20px;} .name b{font-size:24px; color:#222;} .name p{font-size: 16px;color: #222;line-height:34px;} .NavCeshi > li {float: left;top: 0px;padding: 0 20px;-webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; position: relative;} .NavCeshi > li > a { display: block; text-align: center; transition: 0.2s all ease-in-out;position: relative; box-sizing: border-box; height:120px;line-height:120px;font-size: 16px;color: #333; z-index: 3; border-radius: 100px;} .NavCeshi > li > a:hover{transform:scale(1.1);} /*.NavCeshi > li.navcurrent > a:before,.NavCeshi > li:hover > a:before{ left: 12px !important}*/ .NavCeshi > li > a:after{ content: ''; display: block; width: 0%; height:3px; -webkit-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; position: absolute; left: 0; right:0; bottom: 40px; margin:0 auto; background: #ce0202; } .NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{ width:30px;} .NavCeshi > li:before{content: ''; display: block; width: 1px; height:13px; position: absolute; left: 2%; top:46%; background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510091315_1855051883.png)no-repeat center;float:left;} .NavCeshi > li:nth-child(1):before{display:none;} /*导航下拉*/ .nav2{-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;position: absolute;width:190px;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);z-index: 9999;left:50%;top:120px; margin-left:-94px; text-align:center; border-top:4px #f3aaaa solid;} .nav2 a{background: #ce0202;box-shadow: 0 6px 10px rgba(0, 0, 0, .1);padding: 18px 0;width: 190px;height: 14px;line-height: 14px; display: block;color: #fff;font-size: 14px; -webkit-transition: none ease-out .3s; transition: none ease-out .3s; transition-property: color, background, text-indent, opacity;} .nav2 a:hover{background: #fff; text-indent: 10px;color: #ce0202;} .nav ul li:hover .nav2 {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} @media (max-width: 1680px) and (min-width: 1600px){ .NavCeshi > li{padding: 0 19px;} } @media (max-width: 1599px) and (min-width: 1400px){ .NavCeshi > li{padding: 0 14px;} } @media (max-width: 1399px) and (min-width: 1200px){ .NavCeshi > li{padding: 0 12px;} } /*搜索*/ .search{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509110956_1841724344.png) no-repeat center;width: 16px;height: 16px; margin-top:52px;margin-left: 20px;cursor: pointer;} .search:hover .slideDown{opacity: 1;height: 190px;} .search .slideDown{text-align: center; font-size: 0; overflow: hidden; position: absolute; right: 0; top: 100%; width: 100%; height: 0px;background: rgba(206, 2, 2, 0.7);z-index: 8;opacity: 0;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;border-radius: 0px 0px 10px 10px;} .search .slideDown .searchBox{ overflow: hidden; display: inline-block; width: 1028px; height: 60px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px;} .search .slideDown .searchBox{*display: inline} .search .slideDown .searchHot{ font-size: 14px; color: #fff;} .search .slideDown .searchHot a{ color: #fff;} .search .slideDown .searchBox input[type='text']{ font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666;} .search .slideDown .searchBox button[type='submit']{ cursor: pointer; float: right; margin-right: 15px; width: 60px; height: 60px; border: none; } .search-bg{width: 956px;height: 60px;line-height:60px; padding-left: 10px; float: left;} .search-i {width: 32px;overflow: hidden;height: 32px;float: left;margin-top: 13px;} @-webkit-keyframes "warn" { 0% {transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0.5;} 50% {transform: scale(0.5);-webkit-transform: scale(1);opacity: 0.0;} 100% {transform: scale(0);-webkit-transform: scale(0);opacity: 0.0;} } /*幻灯片*/ .banner-box,.banner-box .bd li{height:750px;} .banner-box{min-width:1400px;position:relative;overflow:hidden;margin: 0 auto;} .banner-box .bd{ width:100% !important;} .banner-b{position: absolute;bottom: 0;} .banner-box .bd li{width:100%;background-position: center;background-repeat: no-repeat;} .banner-box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important; text-align:center;} .banner-btn a{display:block;width:40px;height:40px;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out} .banner-box .banner-btn a.prev,.banner-box .banner-btn a.next{top:350px;background-position:0 -40px;} .banner-btn a.prev{left:-54px;background-image:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511163244_1281350456.png); background-repeat:no-repeat;} .banner-btn a.next{right:-54px;background-image:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511163313_1099565533.png); background-repeat:no-repeat;} .banner-box:hover .banner-btn a.prev{ left:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box:hover .banner-btn a.next{ right: 54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; } .banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;} .banner-box .hd {position:absolute;bottom:20px;width: 100%;display: block;} .banner-box .hd ul{ text-align: center} .banner-box .hd ul li{ width:20px; height:10px; border-radius :20px; text-indent:-9999px; background:rgba(0,0,0,0.4); cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out} .banner-box .hd ul li.on{background:#da251c; width: 32px;} /*第一板块*/ .about_bg{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509151018_978753802.png)no-repeat center;width: 100%;height:1208px;} .about_t{font-weight: bold;color: #222222;font-size: 36px;text-align: center;} .about_t:after{content: "";display: block;width: 33px;height: 6px;background: #CE0202;margin: 36px auto;} .about_con span{display: block;text-align: center;font-size: 16px;line-height: 34px;color: #666;} .a_adv {width: 64%;margin: 0 auto;} .a_adv li{float: left;text-align: center; width: 25%;} .a_adv li img{animation: 2s linear infinite bounce-up;} @keyframes bounce-up { 25% { transform: translateY(5px) } 50%, 100% { transform: translateY(0) } 75% { transform: translateY(-5px) } } .a_adv li b{display: block;color: #CE0202;font-size: 18px;line-height: 30px;margin-top: 10px;} .a_adv li em{font-size: 12px;color: #CCC;font-family:"Arial";} /*荣誉资质*/ .honor_cont{width: 98%;margin: 0 auto;min-width:1400px;} .honor_cont table tr{display:block;width: 100%;overflow: hidden;position: relative;float:left;} .honor_cont table td{display:block;float:left;padding-left:0px !important;overflow: hidden;width:25% !important;margin:0;box-sizing: border-box;} .honor_cont table td img{width:397px;height:546px;transition: 0.3s ease all;display:blcok;margin:0px auto 0;} .honor_cont table,.honor_cont table tbody{width:100% !important;display:block;} .honor_cont td>div a{font-size:18px;color:#222;-webkit-transition: 0.3s ease all;transition: 0.3s ease all;position: relative;z-index:99;line-height:40px; height: 40px;border-radius: 100px;width: 210px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; margin-top: -25px; background: -moz-linear-gradient(top, #fefefe 0%, #f1f1f1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f1f1f1)); background: -webkit-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); background: -o-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); background: -ms-linear-gradient(top, #fefefe 0%,#f1f1f1 100%); background: linear-gradient(to bottom, #fefefe 0%,#f1f1f1 100%); } .honor_box .tempWrap{width:101% !important;min-width:1400px;} .honor_cont td:hover div a{color:#FFF; background: -moz-linear-gradient(top, #f3aaaa 0%, #CE0202 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3aaaa), color-stop(100%,#CE0202)); background: -webkit-linear-gradient(top, #f3aaaa 0%,#CE0202 100%); background: -o-linear-gradient(top, #f3aaaa 0%,#CE0202 100%); background: -ms-linear-gradient(top, #f3aaaa 0%,#CE0202 100%); background: linear-gradient(to bottom, #f3aaaa 0%,#CE0202 100%); } .honor_cont td{overflow: hidden;} #honor_box{overflow: hidden;} /*产品中心*/ .prod_r {text-align: center;margin: 0 auto; height:3vw;} .prod_r a{display: inline-block;text-align: center;line-height: 3vw;color: #222;font-size: 16px;height: 3vw;} .prod_r a.on{color: #CE0202;} .prod_r a+a{margin-left: 3vw;} .prod_r a:before{display: block;content:"";width:27px;height:27px;margin-top: 5%;float:left; margin-right: 10px;} .prod_r a:nth-child(1):before{ background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509192133_1257574.png)no-repeat center; background-position: 0 -29px; transition: all 0.4s ease;} .prod_r a:nth-child(2):before{ background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509195706_1562316526.png)no-repeat center; background-position: 0 -29px; transition: all 0.4s ease;} .prod_r a:nth-child(3):before{ background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509195725_1734175905.png)no-repeat center; background-position: 0 -29px; transition: all 0.4s ease;} .prod_r a:nth-child(4):before{ background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509195706_882526763.png)no-repeat center; background-position: 0 -29px; transition: all 0.4s ease;} .prod_r a:nth-child(5):before{height:32px !important; background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509195706_2069387171.png)no-repeat center; background-position: 0 -24px;transition: all 0.4s ease; } .prod_r a:nth-child(1):hover:before,.prod_r a:nth-child(1).on:before{background-position: 0 3px;transition: all 0.4s ease;} .prod_r a:nth-child(2):hover:before,.prod_r a:nth-child(2).on:before{background-position: 0 2.5px;transition: all 0.4s ease;} .prod_r a:nth-child(3):hover:before,.prod_r a:nth-child(3).on:before{background-position: 0 2px;transition: all 0.4s ease;} .prod_r a:nth-child(4):hover:before,.prod_r a:nth-child(4).on:before{background-position: 0 6px;transition: all 0.4s ease;} .prod_r a:nth-child(5):hover:before,.prod_r a:nth-child(5).on:before{background-position: 0 8px;transition: all 0.4s ease;} .prod_r a:nth-child(6):hover:before,.prod_r a:nth-child(6).on:before{background-position: 0 10px;transition: all 0.4s ease;} .prod_d{padding-top:40px;} .prod_d table td{display: block; padding:0 !important; float:left;position: relative; border-bottom: 1px solid #eee; margin-bottom:30px; width: 23%;} .prod_d table td+td{margin-left:32px;} .prod_d table td br{display: none;} .prod_d table td>a{display: block; overflow: hidden; } .prod_d table td>a img{ -webkit-transition:0.3s all linear; transition:0.3s all linear;width: 100%;height: auto;} .prod_d table td:hover>a img{-webkit-transform:scale(1.3);transform:scale(1.3);} .prod_d table td span{display: block; position: relative; } .prod_d table td span a{display: block; height:60px; line-height:60px; text-align: left; font-size:16px; padding:0 30px; -webkit-transition:0.3s all linear; transition:0.3s all linear; position: relative; z-index: 2;} .prod_d table td span a:after{display: block;content:"";width:23px;height:6px;margin-top: 8%;float:right;transition:0.2s all ease; background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509174619_2141052662.png)no-repeat center; } .prod_d table td:hover span a:after{margin-right: 2%;transition:0.2s all ease; background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210509/20210509174912_508358966.png)no-repeat center; } .prod_d table td span:after{display: block;content:""; width:0; height:60px;position: absolute; top:0;left:0;background:#CE0202;-webkit-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out;} .prod_d table td:hover span:after{width:100%;} .prod_d table td:hover span a{color:#fff; } .prod_box{width:100%;margin:0 auto;} .prod_bg .tempWrap{width:98% !important;margin:0 auto;} /*优势*/ .adv_bg{width: 100%;height: 1209px;min-width: 1400px;background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210512/20210512103254_1679915860.jpg)no-repeat center bottom;min-width: 1400px;} .adv{box-shadow: 0 50px 200px rgb(0,0,0,0.2);} .adv_box{width: 1400px;margin: 0 auto;background: #fff;height: 863px;} .adv_box li{float:left;position: relative;overflow: hidden;transition: all 0.5s;cursor: pointer;} .adv_box li .adv_f{width:170px;height: 863px;float:left;background:#F8F8F8;padding:100px 20px;box-sizing: border-box;} .adv_f p{font-size: 30px; color: #333; text-align: center;writing-mode:vertical-lr;-webkit-writing-mode: vertical-lr;margin: 0 auto; letter-spacing: 6px;} .adv_box li .adv_f:before{display: block;content:""; width:113px; height:128px; margin: 0 auto; background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511145155_982003447.png)no-repeat center;} .adv_box li:nth-child(2) .adv_f:before{ background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511154612_309225171.png)no-repeat center;} .adv_box li:nth-child(3) .adv_f:before{ background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511154613_1476562032.png)no-repeat center;} .adv_box li:nth-child(4) .adv_f:before{ background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511154613_1372700514.png)no-repeat center;} .adv_box li:nth-child(2n) .adv_f{background:#F5F5F5;} .adv_box li .adv_r{width:720px;height: 852px;float:left;background:#FFF;padding:45px;box-sizing: border-box;display: none;} .adv_rt {width: 100%;border-bottom: 1px solid #DDD;margin-bottom: 30px;padding-bottom: 20px; font-size: 30px; font-weight: bold;color: #ce0202;} .adv_rc dd:before{display: block;content:""; width:19px; height:16px;margin-right:10px; position: relative; top:6px; float: left; background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511152529_193456130.png)no-repeat center;} .adv_rc dd{font-size: 16px;color: #333; line-height:30px;} .adv_rc dd+dd{margin-top:15px;} .adv_rp {margin-top: 70px;} .adv_box li.on{transition: all 0.5s;} .adv_box li.on .adv_f{background:#ce0202;} .adv_box li.on p{color: #FFF;} .adv_box li:nth-child(1).on .adv_f:before{ background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511150223_1488095789.png)no-repeat center;} .adv_box li:nth-child(2).on .adv_f:before{ background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511154702_1035621698.png)no-repeat center;} .adv_box li:nth-child(3).on .adv_f:before{ background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511154701_1975728386.png)no-repeat center;} .adv_box li:nth-child(4).on .adv_f:before{ background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511154702_560384699.png)no-repeat center;} .adv_box li.on .adv_r{display:block;transition: all 0.5s ease;} /*工程案例*/ .case_bg{width: 100%;height: 949px;min-width: 1400px;background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510154537_1006047945.jpg)no-repeat center;min-width: 1400px;} .case_box { position: relative; overflow: hidden;width:1400px; height:550px; margin:0 auto; padding-top: 20px;} #case_box-slide {position: relative;width:1400px;margin:0 auto;} #case_box-slide .swiper-slide { width:640px; height:480px;background: #000; box-sizing: border-box;} #case_box-slide .swiper-slide img{display:block; width: 100%;} #case_box-slide .swiper-slide p { font-size: 18px; color: #333; text-align: center; margin-top: 30px;} .case_box .swiper-prev {cursor:pointer; position: absolute; left:23.5%; top:41%;z-index:999; width: 52px; height:100px; background-image:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511085946_1479171319.png); background-repeat: no-repeat;background-position: center;transform: rotate(180deg);} .case_box .swiper-next{cursor:pointer;position: absolute; right:22.9%; top: 41%; z-index:999;background-image:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511085946_1479171319.png); background-repeat: no-repeat;background-position: center;width: 52px; height: 100px; } .case_box .swiper-slide-prev p,.case_box .swiper-slide-next p{display:none;} .swiper-slide-active a{position: relative; display:block; width:100%; height:100%;} .swiper-slide-active img{border:4px solid #FFF; box-shadow: 0 0 13px rgb(0,0,0,0.3);} .swiper-container { overflow: unset;} .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;} .case_bg a.case_more{display:block;width:240px;height:56px;line-height:56px;color:#333;text-align:center; border:1px solid #CCC;font-size:16px !important;margin: 40px auto 0;transition: 0.3s all ease-in-out;} .case_bg a.case_more:hover{border:1px solid ##CE0202;background:#CE0202;width:260px; transition: 0.3s all ease-in-out;color:#FFF;} .case_bg{position: relative;} .case_bg:after{display: block;content: "";position: absolute; left:-7%; bottom: -66%;width:359px;height:868px; background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511190520_1091876655.png)no-repeat; } /*施工阶段*/ .phase_fl{width: 818px;height: 576px;} .phase_fl li{width: 818px;height: 576px;position: relative; z-index: 10;overflow: hidden;cursor: pointer;} .phase_fl img{width: 100%;} .phase_fr{width: 516px;} .phase_fr li{width: 516px;height: 100px;cursor: pointer; background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510161217_1342253792.png)no-repeat; margin-top: 34px;} .phase_fr li .phase_wz{padding-left: 76px;padding-top: 14px;} .phase_fr li p{font-size: 20px;color: #222;line-height: 34px;} .phase_fr li span{font-size: 16px;color: #666;} .phase_fr li.on{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510162231_1405712127.png)no-repeat;} /*流程*/ .proc_t{color: #333;font-size: 36px;text-align: center;} .proc_t b:after{width: 50px;height: 4px;background: #CE0202;display: block;content: "";margin: 20px auto;} .proc_box{width: 100%;height:440px;background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510172842_1004240105.jpg)no-repeat bottom;min-width: 1400px;} .proc_box li{float: left;width: 16.6%;height: 304px;text-align: center;cursor: pointer;} .proc_box li .proc_pic{margin: 50px auto 20px;width: 110px;height: 110px;border-radius:50%;} .proc_box li:nth-child(1) .proc_pic{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511161113_250835113.png)no-repeat center;} .proc_box li:nth-child(2) .proc_pic{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511161113_954865401.png)no-repeat center;} .proc_box li:nth-child(3) .proc_pic{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511161113_871354415.png)no-repeat center;} .proc_box li:nth-child(4) .proc_pic{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511161113_1727309579.png)no-repeat center;} .proc_box li:nth-child(5) .proc_pic{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511162629_813526462.png)no-repeat center;} .proc_box li:nth-child(6) .proc_pic{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511161113_1742162255.png)no-repeat center;} .proc_box li span{color: #666;font-size: 16px;} .proc_box li p{color: #333;font-size: 20px;line-height: 36px;} .proc_box li dd{color: #999;font-size: 12px;} .proc_box li.cur{border-radius: 15px;background: #ce0202;} .proc_box li:nth-child(1).cur .proc_pic{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510174609_2016259732.png)no-repeat center;} .proc_box li:nth-child(2).cur .proc_pic{background: #FFF url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511160319_1515131216.png)no-repeat center;} .proc_box li:nth-child(3).cur .proc_pic{background: #FFF url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511160320_432973560.png)no-repeat center;} .proc_box li:nth-child(4).cur .proc_pic{background: #FFF url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511160319_106184986.png)no-repeat center;} .proc_box li:nth-child(5).cur .proc_pic{background: #FFF url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511162350_1690144613.png)no-repeat center;} .proc_box li:nth-child(6).cur .proc_pic{background: #FFF url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511160320_723266836.png)no-repeat center;} .proc_box li.cur span{color: #f38f8f;} .proc_box li.cur p{color: #FFF;} .proc_box li.cur dd{color: #f38f8f;} .proc_tel {width: 420px;margin: 0 auto;} .proc_tel dd{height: 44px;line-height: 44px;float: left;font-size: 16px;text-align: center;color: #FFF;} .proc_tel dd a,.proc_tel dd:hover a{color: #FFF;font-size: 16px;} .proc_tel dd:nth-child(1){background: #ce0202;width: 290px;} .proc_tel dd:nth-child(1) span{font-size: 24px;} .proc_tel dd:nth-child(2){background: #ee7635;width: 130px;font-weight: bold;} /*服务*/ .ser_bg{width: 100%;height:684px ;position: relative; background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510202144_1409913254.jpg)no-repeat center;min-width: 1400px;} .ser_bg:before{display: block;content: "";position: absolute;right:-4%; top: -40%;width:207px;height:580px; background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511191205_1437503136.png)no-repeat; } .ser_box li{width: 320px;height: 350px;background: #FFF;box-shadow: 0 0 10px rgb(0,0,0,0.8);padding: 50px 40px;float: left; position: relative; cursor: pointer; box-sizing: border-box; } .ser_box li+li{margin-left: 40px;} .ser_box li img{display: block; position: relative;z-index: 2;} .ser_box li b{font-size: 20px;color:#ce0202 ;margin: 50px 0 20px;display: block; position: relative;z-index: 2;} .ser_box li p{font-size: 15px;color: #666;line-height: 26px; position: relative;z-index: 2;} .ser_box li:before{content:""; top:0; left:-20px; width:100%; height:100%;transition:0.3s all ease-in-out;opacity: 0; position: absolute;display:block; } .ser_box li:nth-child(1):before{background-image:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510212237_1687082313.jpg);} .ser_box li:nth-child(2):before{background-image:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510212237_320103049.jpg);} .ser_box li:nth-child(3):before{background-image:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510212919_1009679654.jpg);} .ser_box li:nth-child(4):before{background-image:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510212919_16609033.jpg);} .ser_box li:hover::before{opacity: 0.2; left:0;} /*新闻*/ .news_t{width: 100%;height: 70px;border-bottom: 1px solid #ccc;padding-bottom: 30px;} .news_dt p{font-size: 34px;color: #ce0202;line-height: 50px;font-weight: bold;} .news_dt span{font-size: 16px;color: #333;} .news_nt{margin-top: 50px;} .news_nt a{color: #333;position: relative;font-size:16px;} .news_nt a+a{margin-left: 40px;} .news_nt a.on{color:#ce0202 ;} .news_nt a.on:after{content: "";display: block;width:64px;height: 1px;height: 1px;background: #ce0202;position: absolute;top: 50px;left: 0;} .newscon {margin-top: 40px;height: 530px;} .newsleft {width: 716px;height: 530px;} .newsright {height: 530px;} .newsleft >.news_div>.news_div_item{position: relative;width: 100%;height: 530px;} .newsleft .news_div_item_pic {position: absolute;left: 0;top: 0;width: 716px;height: 350px;overflow: hidden;border:1px solid #CCC;} .news .news_div_item_pic img {width: 100%;height: 100%;transition: all .6s ease;} .newsleft .news_div_item_date {position: absolute;left: 0;top: 72%;} .newsleft .news_div_item_year{float:right; font-size: 18px;color:#999;padding-top: 12px;} .newsleft .news_div_item_year:before{content:"|";display:block;color:#999;padding:0 10px;float: left;font-size: 15px;} .newsleft .news_div_item_month,.newsleft .news_div_item_day{float:left;font-size: 30px;font-weight: bold;color:#222;} .newsleft .news_div_item_content{position: absolute;left: 0;top: 82%;} .newsleft a.news_div_item_a {font-size: 26px;color: #333;font-weight: bold;} .newsleft .news_div_item:hover .news_div_item_a{color: #ce0202;} .newsleft .news_div_item_body{margin-top: 20px;font-size: 16px;} .newsright>.news_div>.news_div_item:nth-child(1){display:none;} .newsright .news_div_item_date {float: left; width: 140px; height: 100px;position: relative;} .newsright>.news_div>.news_div_item{height: 100px;} .newsright .news_div_item+.news_div_item{margin-top:48px;} .newsright .news_div_item:nth-child(2){margin-top:0 !important;} .newsright .news_div_item_year{ font-size: 18px;color:#999; position: absolute;top: 40%; right: 39%;} .newsright .news_div_item_month,.newsright .news_div_item_day{float:left;font-size: 30px;font-weight: bold;color:#222;} .newsright .news_div_item_content{width: 490px;float: right;} .newsright a.news_div_item_a {font-size: 16px;color: #333;font-weight: bold;} .newsright .news_div_item:hover .news_div_item_a{color: #ce0202;} .newsright .news_div_item_body{margin-top: 15px;font-size: 15px;} .newsright .news_div{position: relative;} .newsright .news_div:before{width: 1px;height: 530px;position: absolute;top: 0; left: 18%;display:block;content:"";background:#CCC;} /*简介*/ .com_bg{width: 100%;height:628px ;background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210510/20210510220931_1593487572.jpg)no-repeat center;min-width: 1400px;} .com_bg>.page{position: relative;height:628px ;width: 1400px;} .com_box{width: 700px;height: 446px;background: rgb(255,255,255,0.7);box-sizing: border-box;padding: 80px;position: absolute;bottom: 0; left: 0;} .com_box p{font-weight: bold;color: #000;font-size: 34px;line-height: 70px;} .com_box span{font-size:16px;color: #000;display: block;border-left: 4px solid #ce0202;padding-left: 15px;} .com_box dd{font-size:15px;color: #333;line-height: 28px;display: block;margin: 40px 0;} .com_box a{border:2px solid #000;font-size: 15px;color: #000; width: 190px;height: 36px;text-align: center;line-height: 36px;display: block;transition:.3s ease-in-out;} .com_box a:hover{background: #ce0202;color:#FFF;width: 200px;border:2px solid #ce0202;transition:.3s ease-in-out;} .com_img table table td{padding-left:24px !important; position: relative; } .com_img table table td br{display:none; } .com_img table table td a{display: block;overflow: hidden; transition: 0.2s all ease-in-out;} .com_img table table td a+a{font-size:16px; line-height:60px; background:#f5f5f5; position: relative; z-index: 2;} .com_img table table td:hover a+a{background:#ce0202;color:#fff;} .com_img table table td a img{ transition: 0.2s all ease-in-out; } .com_img table table td:hover img{transform: scale(1.1);} /*友情链接*/ .lines_bg{background: #ce0202;} .links{ line-height:88px;} .links p{ float:left; font-size:28px; color:rgba(255,255,255,0.7);margin-right: 20px;} .links d{float: left;font-size:18px;color:#fff;background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511162759_110590608.png)no-repeat left center;padding-left: 35px;} .links p:nth-child(2){ font-size:18px; margin:0 20px 0 5px;} .linkTagcs li a{color:#fff !important;line-height:90px;} /*版权*/ .footer_bg{background:#292929;} .footer{height: 380px;} .footer>li{padding: 50px 5vw 0;float: left;height: 100%;} .footer>li:first-child{padding-left: 0px;} .footer>li+li{border-left: 1px solid #333;;} .footer>li a{font-size: 15px;color: rgba(222,222,222,0.6);font-weight: lighter;display: block;line-height: 36px;} .footer>li a:first-child{font-size: 18px;color: #fff;} .footer>li a:hover{color: #fff;} .footer>li span{width: 34px;height: 2px;display: block;background: #ce0202;margin: 10px 0 15px;} .footer>li p{line-height: 36px;color: rgba(255,255,255,0.6);font-size:15px;} @media (max-width: 1400px){ .footer>li{padding: 80px 70px 0;} } .crcode{padding-top:60px;height:340px; } .crcodecon li img{ border:10px solid #fff; border-radius:5px; width:143px; height:auto;} .crcodecon li{ width:164px !important; height:173px; position:relative;} .crcodecon li:after{ content:''; display:block; position:absolute; width:20px; height:11px; bottom:0; background:url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210511/20210511162845_1168886666.png) no-repeat left center;} .crcodecon li:nth-child(2):after{ left:15px;} .crcodecon li:nth-child(3):after{ left:72px;} .crcodecon li:nth-child(4):after{ left:130px;} .crcodetab{padding-left:6px;} .crcodetab p{ cursor:pointer; font-size:15px; font-weight:lighter; color:#ccc; width:42px; height:42px; line-height:42px; border-radius:42px;background:#444; position:relative;margin-top:14px; float:left;} .crcodetab p+p{ margin-left:12px;} .crcodetab p.on{background:#ce0202; color:#fff;} .copy_bg{width:100%;min-width:1400px;border-top:1px solid #333; color:#a8a9ad;background: #292929;height: 52px;} .copy_bg a:hover{color:#ce0202;} .copy,.copy a{color:#a8a9ad;font-size:15px;line-height:50px;} @-webkit-keyframes move{ 50%{ -webkit-transform: translateX(20px); transform: translateX(20px);} 100%{ -webkit-transform: translateX(0px); transform: translateX(0px);} } @keyframes move{ 50%{ -webkit-transform: translateX(20px); transform: translateX(20px);} 100%{ -webkit-transform: translateX(0px); transform: translateX(0px);} } /*浮动*/ .my-kefu{position: fixed;right: 0px;top:30% !important;z-index:9999;} .my-kefu ul{width: 77px;} .my-kefu li a{text-decoration: none;} .my-kefu li{background: #ce0202;margin-top: 1px;padding: 9px 0;height: 80px;width: 77px;} .my-kefu li i{background: url(//memberpic.114my.com.cn/gdlszs/uploadfile/image/20210602/20210602104533_660485149.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;} .my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;} .my-kefu .my-kefu-qq i{background-position: 4px 0;} .my-kefu .my-kefu-tel i{background-position: 0 -25px;} .my-kefu .my-kefu-tel1 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;} .my-kefu .my-kefu-tel2 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;} .my-kefu .my-kefu-liuyan i{background-position: 4px -53px;} .my-kefu .my-kefu-weixin i{background-position: -34px 4px;} .my-kefu .my-kefu-weibo i{background-position: -30px -22px;} .my-kefu .my-kefu-ftop{background-color:#ce0202;} .my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;} .my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;} .my-kefu-tel-right{font-size: 15px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;} .my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-right{width: 20px;} .my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;display:flex;} .my-kefu-main{width: 97px;position: relative;} .my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}