.page-icon { margin:20px 0 20px 0;font-size:0;text-align:center;} .page-icon a,.rd,.page-next{ border:1px solid #efefef;border-radius:3px;padding:4px 15px 5px;font-size:14px;margin-right:10px;} .page-icon a { text-decoration:none;color:#333333;} .page-icon a:hover,.page-icon .rd { color: #f0f0f0;background: #d4091b;} .page-icon span {display: inline-block; margin-top: 20px;} .mtb30 {margin-bottom: 30px;} .tb-left{float: left; } .btn-primary{background: #EEA93F; border-color:#EEA93F ; } .btn-primary:hover{background: #d4091b; border-color:#d4091b; } .wsc-HeadNav a,.wsc-HeadNav li{font-size: 14px; float: left; font-weight: 400; color: #bab8b8; line-height: 20px; vertical-align: middle; } .wsc-HeadNav a:hover {color: #efefef;} .tb-right{float: right; } .tb-text{color:#bab8b8; } .tb-tel{padding-left:18px; background: url(../images/tb-tel.png) no-repeat left center; } .tb-wx{padding-left:18px; position: relative; cursor: pointer; background: url(../images/tb-wa.png) no-repeat left center; } .tb-gs{position: relative; cursor: pointer; } .tb-gs i{width: 7px; display: inline-block; height: 4px; margin-left: 8px; vertical-align: middle; background: url(../images/tb-gs.png) no-repeat center center; } .tb-wx img {position: absolute; display: none; width: 110px; transition: 0.36s; z-index: 9999; left: 0px; top:30px; } .tb-wx:hover img {display: block; } @media (min-width:992px){.gs-list ,.lan-list{position: absolute; top: 30px; left: -26px; padding: 10px 0; width: 100px; background-color: #ffffff; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08); z-index: 9999; display: none; } .gs-list{width: 120px; } .gs-list a ,.lan-list a{display: block; padding-left: 26px; height: 40px; background-color: #fff; font-size: 14px; line-height: 40px; color: #868686; transition: 0.3s; } .gs-list a:hover,.lan-list a:hover{color: #333; } } .search-icon{width: 50px; height: 32px; border-radius:16px 0 0 16px; vertical-align: middle; background:#F6F8FA url(../images/hn-searchico.png) no-repeat center center; } .lan-icon{width: 50px; height: 32px; cursor: pointer; border-radius:0 16px 16px 0; vertical-align: middle; background:#F6F8FA url(../images/lan-icon.png) no-repeat center center; } .hn-lan{float: left; position: relative; margin-top: 30px; } .hn-lan::before{width: 1px; content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; display: block; height: 11px; background: #EAEEF2; } .search-icon{margin-top: 30px; } .btn-online,.btn-whited,.btn-ed,.btn-grayed{width:180px; line-height:36px; height:50px; border-radius: 3px; } .btn-ed{line-height:34px; color: #d4091b; border: 2px solid  #d4091b; border-radius: 3px; } .btn-ed:hover{color: #fff; background: #d4091b; } .btn-online{background:#d4091b; color:#fff; } .btn-online:hover{background: #d4091b; color: #fff; opacity: 0.7; transition: all 0.5s linear 0.2s; / } .btn-online:focus{color: #fff; } .btn-grayed{color: #777777; line-height: 36px; border: 1px solid #E0E5ED; } .btn-grayed:hover{background: #262A3E; color: #fff; border-color: #262A3E; } .btn-whited{color:#fff; line-height:34px; background: rgba(255, 255, 255, 0.1); border: 2px solid #FFFFFF;} .btn-whited:hover{border-color:#d4091b;background:#d4091b;color:#fff;} /* index-banner */ .index-banner .carousel-inner > .item > img{max-width:100%;margin:auto;display:block;} .index-banner .carousel-control{width:47px;height:80px;margin:auto;z-index:10;opacity:1;} .index-banner .carousel-control.right{right:20px;background:url(../images/inban-next.png) no-repeat center center;} .index-banner .carousel-control.left{left:20px;background:url(../images/inban-prev.png) no-repeat center center;} .index-banner .carousel-control.right:hover{background-image:url(../images/inban-nexth.png);} .index-banner .carousel-control.left:hover{background-image:url(../images/inban-prevh.png);} .carousel-indicators li{width:12px;height:12px;margin:0;margin-left:8px;margin-right:8px;vertical-align:middle;border: 1px solid #262B3F;} .carousel-indicators li.active{background-color:#262B3F;width:12px;height:12px;margin-left:8px;margin-right:8px;} .index-banner .carousel-indicators{bottom: 30px; } @media (max-width:767px){.index-banner .carousel-indicators{bottom:10px;} .carousel-indicators li{margin-left:4px;margin-right:4px;width:8px;height:8px;} .carousel-indicators li.active{background-color:#262B3F;margin-left:4px;margin-right:4px;width:8px;height:8px;} .index-banner .carousel-control{display:none;} } .color-w{color: #fff !important; } .cTitText{font-size: 34px; font-weight: bold; color: #0A0A0A; line-height: 36px; } .in-ctext{margin-top:14px; font-size: 18px; font-weight: 400; color: #0A0A0A; line-height: 24px; } .in-cintro{margin-top: 24px; font-size: 14px; font-weight: 400; color: rgba(10, 10, 10, 0.7); line-height: 26px; } .index-banner .item-box{display:block;width:100%;height: 680px; position: relative;} .index-banner .item-box img{margin:0 auto;} .inban-mian{position:absolute;color:#000824;width:100%;height:100%;top:0;} .inban-mian .container{display:table;height:100%;text-align: center; } .inban-box{display:table-cell;vertical-align:middle;} .inban-tit{font-size:52px;font-weight:bold;color: #fff;} .inban-text{font-size:28px;line-height: 30px;color: #fff;font-weight: 400; } .inban-text p{margin-top:10px;} .inban-mian2 .container {text-align: left; } @media (min-width:992px){.inban-mian2 .inban-tit{font-size: 50px; } .inban-mian2 .inban1-btn{margin-top:60px; } } @media (max-width:767px){.inban-mian2 .container {width: 100%; } } .inban-mian2 .inban-tit2{color: #EEA93F; } /* index-album */ .index-album{padding:60px 0;background:#f6f6f6;} .inalb-main{padding:40px;background:#fff;} .inalb-class{margin-top:0;} .inalb-class .item{height:52px;display:block;margin-top:20px;text-align:center;border:1px solid #f0f0f0;padding:0 10px;transition:0.36s;line-height:50px;background:url(../images/inalb-lf.png) no-repeat 0 0,url() no-repeat right 0;background-color:#fafafa;} .inalb-class .item span{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;font-size:16px;color:#555555;font-weight:normal;} .inalb-class .item:hover{background-color:rgba(18, 116, 209, 0.06);transform:unset;} .inalb-class .item:hover span{color:#d4091b;} @media (min-width:767px){.inalb-main .in-ctit .cTitText{text-align:left;font-size:28px;line-height:38px;} .inalb-main .in-ctext{text-align:left;margin-top:10px;font-size:14px;line-height:24px;color:#333333;} } @media (max-width:767px){.index-album{padding:30px 0;} .inalb-main{padding:20px;} } .index-new .btnews-main{height:auto;} @media (max-width:767px){} /* about */ .pTit,.rTitText {font-size: 28px; font-weight: bold; color: #0A0A0A; line-height: 32px;} .pText{font-size:14px;margin-top:28px;font-weight:400;line-height:24px;color:#555555;} .about-text{font-size:14px;font-weight:400;margin-top:16px;line-height:28px;color:#777777;} .about-img{margin-top:18px;} .pText p{margin-top: 8px; } .about-img img{width:100%;} @media (max-width:767px){.pTit,.rTitText{font-size:18px;line-height:24px;} .about-text{margin-top:10px;} .pText{margin-top: 12px; } } /* contact */ .cominfo-block{padding-top:40px;} .map-main{border: 10px solid rgba(255, 255, 255, 0.5);margin-top: 24px;} .map-block #map-gaode,.map-block #map-baidu{width:100%;height:410px;} .cominfo-main{margin-top:40px;padding-left:30px;} .cominfo-main .info{margin-top:20px;} .cominfo-main .item-dt{font-size:14px;font-weight:400;line-height:20px;color:#777777;} .cominfo-main .item-dd{font-size:16px;padding-left:8px;margin-top:8px;font-weight:400;line-height:24px;color:#333333;} .comment-block{padding-top:24px;border-top:1px solid #EBEBEB;margin-top:30px;} @media (max-width:767px){.cominfo-main{padding-left:0;margin-top:20px;} .cominfo-main .info{margin-top:8px;} .cominfo-main .item-dd{margin-top:6px;} .cominfo-block{padding-top:20px;} .cominfo-main .col-sm-6{margin-top:15px;} .comment-block{margin-top:20px;padding-top:16px;} .map-block #map-gaode,.map-block #map-baidu{height:240px;} } .inban1-list{margin: 20px auto 0; width: 915px; } .inban1-list ul{margin-left: -15px; } .inban1-list li{margin-top: 15px; float: left; margin-left: 15px; width: 450px; } .inban1-list li p{font-size: 22px; text-align: left; padding:10px 20px 10px 34px; font-weight: 400; display: inline-block; color:#262A3E; width: 100%; background: rgba(255, 255, 255, 0.7); border-radius: 23px; line-height: 30px; position: relative; } .inban1-list li p::before{position: absolute; top:24px; left:20px; content: ""; width: 5px; height: 5px; background: #262A3E; border-radius: 50%; } .inban1-btn{margin-top: 40px; } .inban1-btn .btn{width: 240px; } .index-block{padding: 78px 0 80px; } .index-main{margin-top: 38px; } .insolution-mian{display: none; } .insolution-mian.active{display: block; } .inpro-main .row,.insolution-mian .row{margin: 0; } .inpro-main .col-md-6,.insolution-mian .col-md-6{padding: 0; } .inpro{display: block; width: 100%; } .inpro-info {padding: 64px 60px; } .inpro-tit {font-size: 22px; font-weight: 400; color: #0A0A0A; line-height: 24px; } .inpro-text{margin-top: 10px; font-size: 14px; font-weight: 400; color: #999999; line-height: 26px; } .inpro-btn{margin-top: 28px; width: 90px; height: 32px; border: 1px solid rgba(38, 42, 62, 0.2); border-radius: 16px; transition: 0.36s; background: url(../images/inpro-arr.png) no-repeat center center; } .inpro:hover .inpro-btn{border: 1px solid #312f35; background: #312f35 url(../images/inpro-arrh.png) no-repeat center center; } .inpro-main1 .inpro{position: relative; } .inpro-main1 .inpro-img {overflow: hidden; } .inpro-main1 .inpro-img img{width: 100%; transition: 0.36s; } .inpro-main1 .inpro-info{position: absolute; box-sizing: border-box; left: 0; top:0; width: 100%; } .index-solution{position: relative; } .insolution-nav{position: absolute; top:0; width: 100%; height: 100px; background: rgba(255, 255, 255, 0.5); left: 0; } .insolution-nav li{float: left; width: 50%; text-align: center; font-size: 20px; font-weight: 400; color: #0A0A0A; line-height: 100px; transition: 0.36s; cursor: pointer; } .insolution-nav li.active,.insolution-nav li:hover{color: #fff; background: #312f35; } .insolution-mian{height: 780px; box-sizing: border-box; padding: 236px 0 256px; background: url(../images/insolution-bg1.webp) no-repeat center center; background-size: cover; } .insolution2{background-image: url(../images/insolution-bg2.webp); } .insolution-mian .in-cintro{margin-top: 36px; } .insolution-btn{margin-top: 56px; } @media (min-width:992px){.insolution-info{margin-right: 60px; } } .insolution-swiper .swiper-prev, .insolution-swiper .swiper-next{width: 46px; height: 60px; cursor: pointer; top: 0; margin: auto; transition: 0.36s; bottom: 0; position: absolute; display: block; } .insolution-swiper .swiper-prev{border-radius: 0 30px 30px 0; left: 0; background:#FFFFFF url(../images/insolution-prev.png) no-repeat center center; } .insolution-swiper .swiper-next{right: 0; border-radius: 30px 0 0 30px; background:#FFFFFF url(../images/insolution-next.png) no-repeat center center; } .insolution-swiper .swiper-prev:hover{background:#d4091b url(../images/insolution-prevh.png) no-repeat center center; } .insolution-swiper .swiper-next:hover{background:#d4091b url(../images/insolution-nexth.png) no-repeat center center; } .insolution-btn .btn-online{margin-right: 8px; } .insolution-list {margin: 0 -10px; overflow: hidden; } .insolution-list .item{float: left; padding: 0 10px; width: 50%; box-sizing: border-box; } .insolution-swiper .list-img img{width: 100%; } .insolution-swiper .list-info{padding: 24px 20px; background: #fff; } .insolution-swiper .list-tit{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; font-weight: 400; color: #262A3E; line-height: 24px; } .insolution-swiper .list-item{border: 8px solid rgba(255, 255, 255, 0.4); } .index-epc{margin-top: -120px; position: relative; height: 307px; } .inepc-main{background: #F5F7FB; padding: 40px 60px; border: 15px solid #FFFFFF; } .inepc-list{margin: 30px -12px 0; } .inepc-list li{float: left; width: 16.66%; padding: 0 12px; position: relative; } .inepc-list .li-item{padding: 20px 0px; height: 65px; box-sizing: border-box; border: 1px solid rgba(38, 42, 62, 0.2); border-radius: 33px; font-size: 13px; font-weight: 400; color: #262A3E; text-align: center; vertical-align: middle; line-height: 25px; } .inepc-list li:first-child::before{display: none; } .inepc-list li::before{content: ""; width: 5px; height: 5px; left: -2px; top:0; bottom: 0; margin: auto; display: block; position: absolute; background: #262A3E; opacity: 0.5; border-radius: 50%; } .inepc-list li i{width: 31px; height: 25px; margin-right: 6px; vertical-align: middle; display: inline-block; background: url(../images/inepc-icon1.png) no-repeat center center; } .inepc-list .icon2{background-image: url(../images/inepc-icon2.png); } .inepc-list .icon3{background-image: url(../images/inepc-icon3.png); } .inepc-list .icon4{background-image: url(../images/inepc-icon4.png); } .inepc-list .icon5{background-image: url(../images/inepc-icon5.png); } .inepc-list .icon6{background-image: url(../images/inepc-icon6.png); } .inepc-btn {margin-top: 32px; text-align: center; } .inepc-tel{margin-right: 38px; font-size: 18px; line-height: 27px; font-weight: bold; color: #262A3E; vertical-align: middle; } .inepc-tel i{font-size: 14px; font-weight: 400; line-height: 27px; color: rgba(10, 10, 10, 0.7); } .index-case{padding: 72px 0 80px; } .btn-link{font-size: 14px; font-weight: bold; color: #0A0A0A; line-height: 27px; padding-right: 16px; background: url(../images/btn-link.png) no-repeat right center; } .btn-link:hover,.btn-wlink:hover{color: #d4091b; text-decoration:none; background: url(../images/btn-linkh.png) no-repeat right center; } .btn-wlink{font-size: 14px; font-weight: bold; color: #fff; line-height: 27px; padding-right: 16px; background: url(../images/btn-wlink.png) no-repeat right center; } .rMore{float:right; font-size: 14px; font-weight: 400; color: #999999; line-height: 24px;} .rMore span{display:inline-block;padding-right:14px;background:url(../images/remore-arr.png) no-repeat right center;} .rMore:hover{color:#0A0A0A;} .rMore:hover span{background-image:url(../images/remore-arrhh.png);} .incasetext .in-ctext{float: left; } .incasetext .rMore{margin-top: 14px; } .list-style5{margin-top: -20px; } .list-style5 .list-item{padding:50px 30px; position: relative; transition: 0.36s; background: #fff; margin-top: 20px; border: 1px solid #EAEDF2; } .list-style5 .list-item::after{width: 0; content: ''; transition: 0.36s; height: 4px; background: #d4091b; position: absolute; left: 0; bottom: 0; } .list-style5 .list-tit{font-size: 16px; font-weight: 400; color: #333333; line-height: 24px; z-index: 10; position: relative; height:48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .list-style5 .list-time{font-size: 12px; font-weight: 400; color: #777777; line-height: 26px; margin-top: 20px; } .list-style5 .list-text{font-size: 14px; font-weight: 400; color: #777777; line-height: 24px; height: 48px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 16px; } .list-style5 .list-img{margin-top: 28px; overflow: hidden; } .list-style5 .list-img img{width: 100%; transition: 0.36s; } .list-style5 .list-item:hover .list-tit{color: #d4091b; } .list-style5 .list-item:hover::after{width: 100%; } .list-style5 .list-item:hover .list-img img{transform: scale(1.08); } @media (max-width:767px){.list-style5 .list-item{padding: 20px 15px; } .list-style5 .list-tit a{max-height: 52px; height: unset; -webkit-line-clamp: 2; } } .index-swiper{padding-bottom: 72px; } .index-swiper .carousel-indicators{bottom: -72px; } .list-style5-1 .list-tit{-webkit-line-clamp:1; margin-top: 26px; height: 24px; } .list-style5-1 .list-att{margin-top: 14px; position: relative; } .list-style5-1 i{font-size:98px; /*font-family: Arial;*/ position: absolute; left: 20px; z-index: 1; top: 20px; font-weight: bold; color: #E9EDF3; line-height: 100px; opacity: 0.6; } .list-style5-1 .list-att li{font-size: 14px; font-weight: 400; color: #999999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 26px; padding-left: 18px; background: url(../images/case-dot.png) no-repeat left center; } .inab-img img{width:100%;} @media (min-width:992px){.inab-info{padding: 100px 50px 0 0;} } .inab-btn{margin-top:50px;} .index-about{position: relative; height: 580px; background-color: #F5F7FB; /*background: url(../images/inab-bg.png) no-repeat left center;*/ /*background-size: cover;*/ } @media (min-width:992px){.index-aboutbox{background: url(../images/iabout.webp) no-repeat right center; width: 50%; position: absolute; right: 0; height: 580px; background-size: cover; } } .inab-main{width: 100%; margin-top: 50px; } .inab-main .item {width: 25%; box-sizing: border-box; float: left; } .inab-main .num {font-size: 44px; font-weight: 400; color: #0A0A0A; line-height: 48px; } .inab-main .tip {margin-left: -12px; font-size: 12px; font-weight: 400; vertical-align: top; color: #0A0A0A; line-height: 30px; opacity: 0.8; } .inab-main .text {font-size: 14px; font-weight: 400; color: #0A0A0A; line-height: 28px; opacity: 0.6; } .index-service{padding: 40px 0; } .inser-main{width: 100%; } .inser-main .item {width: 25%; box-sizing: border-box; float: left; text-align: center; } .inser-main i{width: 25px; vertical-align: middle; height: 26px; margin-right: 8px; display: inline-block; background: url(../images/inser-icon1.png) no-repeat center center; } .inser-main .icon2{background-image: url(../images/inser-icon2.png); } .inser-main .icon3{background-image: url(../images/inser-icon3.png); } .inser-main .icon4{background-image: url(../images/inser-icon4.png); } .inser-main .tit{font-size: 22px; font-weight: 400; color: #25293E; line-height: 26px; } .inser-main .text {font-size: 14px; margin-top: 12px; font-weight: 400; color: #25293E; line-height: 24px; opacity: 0.6; } .index-new{border-top:1px solid #EAEDF2; } .innew-text .cTitText{float: left; } .inre-more{float: right; } .innew-text{overflow: hidden; } .inre-more {margin: 0 -20px; } .inre-more li{float: left; font-size: 14px; font-weight: 400; color: #999999; line-height: 24px; position: relative; padding: 0 20px; } .inre-more li:first-child::before{display: none; } .inre-more li::before{width: 1px; height: 14px; content: ''; left: 0; top: 0; bottom: 0; margin: auto; position: absolute; background: #DFE1E5; } .inre-more li a:hover,.inre-more li.active{color: #0A0A0A } .innew-mian{display: none; transition: 0.36s; } .innew-mian.active{display: block; } .list-style5-2 .row{margin-left: 0; margin-right: 0; } .list-style5-2 .col-md-4 .list-item{margin-left: 0px; } .list-style5-2 .list-item{margin-left: -1px; } .list-style5-2 .list-item .list-style5-2 .col-md-4{padding: 0; } .index-fw{background: url(../images/infw-bg.webp) no-repeat center center; background-size: cover; } .infw-btn{margin-top: 34px; } .infw-btn .btn-online{margin-right: 8px; } .infw-main{width: 100%; margin-top: 40px; } .infw-main .item {width: 25%; box-sizing: border-box; float: left; text-align: center; } .infw-main i{width: 40px; vertical-align: middle; height: 36px; display: inline-block; background: url(../images/infw-icon1.png) no-repeat center center; background-size: contain; } .infw-main .icon2{background-image: url(../images/infw-icon2.png); } .infw-main .icon3{background-image: url(../images/infw-icon3.png); } .infw-main .icon4{background-image: url(../images/infw-icon4.png); } .infw-main .text {margin-top:12px; font-size: 14px; font-weight: 400; color: #0A0A0A; line-height: 20px; } .ft-compinfo{margin-top:30px;} .ft-compinfo li{font-size: 14px; font-weight: 400; width: 100%; margin-top: 5px; display: block; color:rgba(239, 244, 255, 0.5); line-height: 24px; padding-left: 32px; } .ft-tel{background: url(../images/ft-tel.png) no-repeat left center; } .ft-em{background: url(../images/ft-em.png) no-repeat left center; } .ft-dz{background: url(../images/ft-dz.png) no-repeat left center; } @media (min-width:992px){.ft-info{padding-right: 30px; border-right:1px solid rgba(255, 255, 255, 0.1); } .wb-right{float:right;} } .foot-nav{color:rgba(255,255,255,0.5);margin-top:10px;} .foot-nav li:hover{color:rgba(255,255,255,0.9); } .foot-nav li{margin-top:8px;font-size: 14px;} .ft-btn{margin-top:36px;} .ft-btn .btn{width: 200px; } .ft-search{width:100%;} .ft-search form{display:block;} .ft-search input{background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 22px; color:  rgba(255, 255, 255, 0.5); width:100%;float:left;padding:12px 15px; transition:0.36s; } .ft-search input::placeholder{color:rgba(255, 255, 255, 0.5); } .ft-search .btn-search{margin-right: 0; width: 64px; height: 42px; right: 12px; top:2px; position: absolute; border-radius: 22px; z-index: 100; float: left; transition: 0.36s; background: none; cursor: pointer; } .ft-main{padding-left: 50px; } .ft-search .btn-search span{width: 18px; display: inline-block; height: 18px; vertical-align: middle; background: url(../images/ft-search.png) no-repeat center center; } .ftnav-tit{color:#dcdbdb;font-size: 16px; font-weight: bold;} .ftnav-tit:hover{/*   font-weight: bold;*/ } .ftnav-li.foot-nav li:hover{color:rgba(255,255,255,1); } /*.ftnav-li:last-child .foot-nav li:hover{font-weight: bold; }*/ .wb-left{float:left;} .d-cover-text{text-align:center;} .ft-search input:focus{background: rgba(255, 255, 255, 0.04); border-color:rgba(255,255,255,0.24);} .ftnav-li{float: left; width: 35%; } .ftnav-li:nth-child(2) {width: 39%; } .ftnav-li:nth-child(3) {width: 26%; } @media (max-width:1239px) and (min-width:992px){.ftnav-li{float: left; width: 38%; } .ftnav-li:nth-child(2) {width: 38%; } .ftnav-li:nth-child(3) {width: 24%; } .nav-main .item-tit .marktext {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} } /*.ftnav-li:last-child .foot-nav{color:rgba(255,255,255,1); } .ftnav-li:last-child .foot-nav li{font-size: 16px; }*/ .footnav-box{margin-top: 8px; width: 100%; } .ftnav-ul{float: left; width: 64%; } .ftnav-wx{width: 15%; margin-top: 5px; } .footnav-box .wxftl {float: left;margin-left: 2%;margin-right: 2%;} .footnav-box .wxftr {float: left;margin-left: 2%;} .ftnav-wx p{font-size: 14px; margin-top: 12px; font-weight: 400; color: rgba(255, 255, 255, 0.5); line-height: 20px; text-align: center; } .ft-wx{padding: 5px; border-radius: 3px; box-sizing: border-box; width: 100%; height: 110px; text-align: center; } .ft-wx img{width: 110px; height: 110px; } @media (max-width:1239px){.index-block{padding: 58px 0 60px; } .inpro-info{padding: 40px; } .inepc-list .li-item{padding: 14px 0px; height: 53px; } .inepc-list .li-item i {display: none;} .inab-main .num{font-size: 32px; line-height: 36px; } .index-epc{height: unset; } .inab-main .tip{margin-left: -8px; } .index-case{padding: 50px 0 60px; } .index-swiper{padding-bottom: 52px; } .index-swiper .carousel-indicators{bottom: -52px; } .ft-main{padding-left: 30px; } } @media (min-width:992px){.innew-text .inre-more{margin-top: 6px; } } @media (max-width:991px){.inban-tit{font-size: 32px; } .inban-text{font-size: 20px; } .inban1-list{width: 100%; } .inban1-list li{width: unset; margin-left: 0; } .inban1-list ul{margin-left: unset; } .inban1-list li:nth-child(4),   .inban1-list li:nth-child(5),   .inban1-list li:nth-child(6){display: none; } .inban1-list li p{font-size: 18px; padding: 8px 20px 8px 34px; } .inban1-list li p::before{top: 20px; } .index-banner .item-box{height: 340px; } .cTitText{font-size: 24px; } .insolution-nav{height: 60px; } .insolution-nav li{line-height: 60px; font-size: 18px; } .insolution-swiper{margin-top: 40px; } .insolution-mian{padding: 120px 0 180px; height:auto ; } .inpro-tit{font-size: 20px; } .inepc-main{padding: 40px 20px; } .inepc-list li{padding: 0 6px; } .index-swiper  .list-style5 .col-md-4:nth-child(3){display: none; } .list-style5-1 i{font-size: 80px; } .inab-btn{margin-bottom: 30px; } .index-about{height: auto; padding: 60px 0; } } .in-btns li{float: left; } @media (max-width:767px){.btn-online, .btn-whited,.btn-ed,.btn-grayed{line-height: 28px; width: 160px !important; height: 42px; } .btn-whited, .btn-ed{line-height:26px; } .btn-grayed{line-height: 28px; } .inban1-btn{margin-top: 30px; } .index-banner .item-box{height: 170px; } .index-block{padding: 28px 0 30px; } .index-about{padding: 30px 0; } .inban1-list{margin-top: 6px; } .inban-tit{font-size: 22px; } .inepc-list{margin: 20px -6px 0; } .inban-text{font-size: 15px; } .in-btns{margin-left: -4px; margin-right: -4px; overflow: hidden; } .in-btns li{width: 50%; box-sizing: border-box; padding: 0 4px; } .in-btns .btn{margin: 0; width: 100% !important; } .inban1-list li{margin-top: 8px; } .inban1-list li p{font-size: 14px; padding:  4px 10px 4px 20px; line-height: 24px; } .inban1-list li p::before {top:14px; height: 4px; width: 4px; left:10px; } .cTitText{font-size:20px;line-height:28px;} .in-ctext{margin-top:6px;font-size: 16px;} .index-main{margin-top: 20px; } .inpro-info{padding: 20px; } .list-style5-1 .col-md-4{width: 100%; } .list-style5-1 .col-md-4:nth-child(2) {display: none; } .inpro-1 .inpro-img{display: none; } .inpro-1{height: 290px; background:#E6E9EF url(../images/inpro-bg1.png) no-repeat center bottom; background-size: 100% auto; } /* .inpro-2,.inpro-3{height: 200px; background:rgba(245, 247, 251, 1) url(../images/inpro-bg2.png) no-repeat right center; background-size: 100% auto; } */ /* .inpro-3{background:#EBEDF1 url(../images/inpro-bg3.png) no-repeat right center; background-size: 100% auto; } */ .inpro-tit{font-size: 18px; } .inpro-text{display: none; } .inpro-btn{margin-top: 20px; } .insolution-nav li{font-size: 15px; } .insolution-mian .in-cintro{margin-top: 16px; } .insolution-btn{margin-top: 26px; } .insolution-list .item{padding: 0 5px; } .insolution-list{margin: 0 -5px; } .insolution-mian{padding: 90px 0 150px; } .inepc-list li{width: 33.33%; } .insolution-swiper{margin-top: 30px; } .insolution-swiper .list-info{padding: 10px 15px; } .insolution-swiper .list-item{border-width: 5px; } .inepc-list li:nth-child(4)::before{display: none; } .inepc-list .li-item{padding: 6px 4px; height:42px; } .inepc-list li{margin-top: 10px; } .inepc-tel{width: 100%; margin-right: unset; } .inepc-main {padding: 20px; border: 10px solid #FFFFFF; } .inepc-list ul{margin-top: -10px; } .inepc-btn{margin-top: 20px; } .inepc-tel{font-size: 16px; } .inepc-tel i{font-size: 14px; } .index-case{padding: 20px 0 26px; } .list-style5-1 i{font-size: 60px; line-height: 64px; } .index-swiper{padding-bottom: 32px; } .index-swiper .carousel-indicators{bottom: -32px; } .list-style5 .list-img{margin-top: 20px; } .in-cintro{margin-top: 12px; } .inab-main .num{font-size: 28px; } .inab-main{margin-top: 10px; } .inab-main .item{width: 50%; margin-top: 10px; } .inab-btn{margin-top: 20px; margin-bottom: 20px; } .inser-main{margin: 0 -5px; } .inser-main .item{width: 50%; padding: 0 5px; margin-top: 10px; } .index-service{padding: 20px 0 30px; } .inser-main i{margin-right: 4px; } .inser-main .tit{font-size: 18px; } .innew-text .inre-more{float: left; margin-top: 10px; } .list-style5 .list-time{margin-top: 10px; } .list-style5 .list-text{margin-top: 6px; } .infw-btn{margin-top: 20px; } .ft-compinfo,.ft-btn{margin-top: 24px; } } .bortop-10{border-top: 10px solid #F6F8FB; } .banner-projh{height: 688px; } .breadcrumb > li:first-child a {display: inline-block; width: 13px; } .breadcrumb > li:first-child {font-size: 0; width: 13px; vertical-align: middle; display: inline-block; background: url(../images/home-icon.png) no-repeat left top; height: 12px; } .jhpro-nav .inpro{height: 340px; text-align: center; position: relative; background: #E6E9EF; } .jhpro-nav .inpro:hover{transform: translatey(-10px); } .jhpro-nav .row{margin: 0 -5px; } .jhpro-nav .col-md-4{padding: 0 5px; } .jhpro-nav .inpro-img{position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; } .jhpro-nav .inpro-img img{max-width: 100%; } .jhpro-nav .inpro-info{padding: 40px; } .jhpro-nav .inpro-3 .inpro-img{bottom: 28px; } .banner-projh .banTit{padding-top: 86px; } .projh-block1{background: #F8FAFD; } .projh1-main{background: #F8FAFD; } .projh-search {position: relative; margin: 28px auto 0; max-width: 880px; } .projh-search  input{background: #FFFFFF; border: 1px solid #EAEAEA; color: #666; } .projh-search input::placeholder{color:#999; } .projh-search input:focus{background: #fff; border: 1px solid #D1D0D0; } .projh-search  .btn-search{right: 0; } .projh-search .btn-search span{background: url(../images/projh-search.png) no-repeat center center; } .page-box{padding: 58px 0 60px; } .page-box2{padding: 60px 0; } .page-block2{margin-top: 60px; } @media (max-width:767px){.page-box{padding: 28px 0 30px; } .page-box2{padding: 30px 0; } .page-block2{margin-top: 30px; } } .projh1-main{margin-top: -98px; } .projh1-list{margin-top: 50px; } .projh1-list .item-box{width: 33.33%; float: left; box-sizing: border-box; } .projh1-list .item{height: 200px; padding: 38px 40px; display: block; box-sizing: border-box; background: url(../images/projh-img1.jpg) no-repeat center center; background-size: cover; } .projh1-list .item2{background-image: url(../images/projh-img2.jpg); } .projh1-list .item3{background-image: url(../images/projh-img3.jpg); } .projh1-list .item4{background-image: url(../images/projh-img4.jpg); } .projh1-list .tit{font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 24px; } .projh1-list .item-btn{margin-top:54px; } .projh1-list .btn-wlink{transition: 0.36s; display: inline-block; } .projh1-list .item:hover .btn-wlink{transform: translatex(10px); color: #fff; text-decoration: none; background: url(../images/btn-wlink.png) no-repeat right center; } .list-style6{margin-top: -20px; } .list-style6 .list-img{overflow: hidden; } .list-style6 .list-img img{width: 100%; transition: 0.36s; } .list-style6 .list-tit:hover {color: #d4091b; } .list-style6 .list-item{margin-top: 20px; } .list-style6 .list-info{overflow: hidden; padding: 22px 25px 30px; background: #fff; box-sizing: border-box; border:1px #EBEFF5 solid; border-top:none; } .projh2-list .list-style6 .list-img, .list-style6-2 .list-img, .wsc-pro .list-style6 .list-img{border: 1px #EBEFF5 solid; } .projh2-list .list-style6 .list-info, .list-style6-2 .list-info, .wsc-pro .list-style6 .list-info{background: #EDF0F6; border:none; } .list-style6 .list-tit {line-height: 24px; color:#25293E; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; font-size: 16px; height: 24px; -webkit-box-orient: vertical; margin: 0 -8px; } .list-style6  .list-text {margin-top: 12px; height:72px; overflow: hidden; } .list-style6  .list-text ul {margin: 0; } .list-style6  .list-text li {font-size: 14px; font-weight: 400; width: 100%; list-style: none; padding-left: 20px; color: #999999; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/liststyle6-dot.png) no-repeat left center; } .list-style6  .list-btns {margin: 17px -15px 0; font-size: 0; } .list-style6  .list-btns li{float: left; box-sizing: border-box; width: 50%; padding: 0 5px; } .list-style6  .list-btns .btn{width: 100%; border-radius:5px; line-height: 24px; transition: 0.36s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .list-style6  .btn-f0f0{color: #777777; background: #fff; border: 1px solid #E0E5ED; } .list-style6  .btn-f0f0:hover{background: #15297b; color: #fff; border: 1px solid #15297b; } .list-style6  .btn-ff3d {color:#d4091b; line-height: 20px !important; border: 2px solid#d4091b;; } .list-style6  .btn-ff3d:hover{background: #d4091b; color: #FFF; border-color:#d4091b; } @media (min-width: 992px){.list-style6 .list-item:hover .list-img img{transform: scale(1.08); } .page-block .list-style6 .list-info{overflow: hidden; padding: 18px 20px 20px; } .page-block .rlist-style6 .col-md-3{width: 33.33%; } } @media (max-width: 1239px) and (min-width: 992px){.index-banner .item-box{height: 510px; } } @media (max-width: 991px) and (min-width: 768px){} @media (max-width: 767px){.list-style6{margin-top: -10px; } .list-style6 .list-tit{font-size: 14px; } .list-style6 .list-item{margin-top: 10px; } .list-style6 .list-info{padding: 13px 15px 15px; } .list-style6 .list-text{margin-top: 4px; } .list-style6 .list-btns .btn{line-height: 18px; padding: 6px; font-size: 12px; } .list-style6 .btn-ff3d{line-height: 16px !important; } .list-style6  .list-btns {margin: 14px -3px 0; } .list-style6  .list-btns li{padding: 0 3px; } } @media (min-width: 768px){.inpro-main1 .inpro:hover .inpro-img img{transform: scale(1.08); } } .rTit .rTitText{float: left; } .rTit .inre-more{margin-right: 10px; margin-top: 3px; } .rTit .rMore{margin-top: 3px; } .projh2-list {margin-top: 58px; } .projh2-list .list-style6{margin-top: 8px; } .projh-item{height: 342px; padding: 36px 30px; margin-top: 20px; width: 100%; display: inline-block; background: url() no-repeat center center; background-size: cover; } .projh-item2{background-image: url(); } .projh-tit{font-size: 24px; font-weight: bold; color: #FFFFFF; line-height: 36px; } .projh-btn{margin-top: 186px; } .projh-btn .btn{width: 100%; } @media (max-width:1239px){.projh-item{height: 297px; } .projh-btn {margin-top: 116px; } } .projh-block2{padding-bottom: 60px; } .bgf6{background: #F8FAFD; } .bgff{background: #fff !important; } .projh3-main{margin-top: 12px; } .projh3-main .li-main{margin: 0 -10px; } .projh3-main .item-box{width: 25%; float: left; box-sizing: border-box; padding: 0 10px; margin-top: 20px; } .projh3-main .item{position: relative; } .projh3-main .item-img img{width: 100%; } .projh3-main .tit{font-size: 14px; position: absolute; width: 100%; text-align: center; bottom: 30px; left: 0; font-weight: 400; color: #666666; line-height: 24px; } .jhform-main{padding: 48px 60px 50px; height: 252px; box-sizing: border-box; background: url(../images/jhform-bg.png) no-repeat center center; background-size: cover; } .jhform-main .tit{font-size: 18px; font-weight: 400; color: #FFFFFF; line-height: 28px; } .jhform-main .ftit{margin-top: 6px; font-size: 24px; font-weight: bold; color: #FFFFFF; line-height: 32px; } .jh-form .form-control{background: rgba(255, 255, 255, 0.1); color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); } .jh-form label{color: #fff; } .jh-form .form-control:focus{border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.2); } @media (min-width:767px){.jh-form .form-group:first-child{margin-left: 0; } .jh-form{margin-top: 8px; } .jh-form .form-group{float: left; margin-top: 0; margin-left: 20px; } .wsc-form .fm-btn{margin-top: 30px; } } @media (min-width:1240px){.jh-form .form-control{width: 430px; } } @media (min-width:992px) and (max-width:1239px){.jh-form .form-control{width: 310px; } } .innews-box{margin-top: -1px; margin-left: -1px; box-sizing: border-box; padding: 38px 40px 40px; border: 1px solid #EAEDF2; } .innews-main .row{margin: 0; } .innews-main .col-md-6{padding: 0; } .innews-ctit .cTitText{float: left; font-size: 20px; line-height: 24px; } .list-style3-2 .list-item{padding: 0 100px 0 0; border: none; border-top: 1px solid #EAEDF2; background: unset; margin-top: 16px; padding-top: 16px; } .list-style3-2 .list-item:first-child{border-top:none; } .list-style3-2 .list-tit{padding-left: 0; background: none; font-size: 16px; font-weight: 400; color: #0A0A0A; line-height: 24px; } .list-style2-2 .media{border-top: 1px solid #EAEDF2; margin-top: 20px; padding-top: 20px; } .list-style2-2 .media:first-child{margin-top: 0; border-top: none; } .list-style2-2 .media-left a{overflow: hidden; } .list-style2-2 .media-left img{transition: 0.36s; } .list-style2-2 .media:hover .media-left img{transform: scale(1.08); } .list-style3-2{margin-top: 23px; margin-bottom: 10px; } @media (min-width:992px){.list-style2-2 .media-left a{width: 200px; } .list-style2-2 {margin-top: 6px; } } @media (max-width:992px){.jhpro-nav .inpro{margin-top: 10px; height: 300px; } .projh1-main{margin-top: 490px; } .projh-text .inre-more{display: none; } .projh-btn{margin-top: 230px; } .projh-item {height: 394px; } .projh3-main .tit{bottom:12px; } } @media (max-width:767px){.banner-projh .banTit{padding-top: 40px; } .index-main{margin-top: 10px; } .jhpro-nav .inpro-info{padding: 20px; } .jhpro-nav .inpro{height: 220px; } .jhpro-nav .inpro-img{width: 80%; right: 0; margin: auto; } .jhpro-nav .inpro-3 .inpro-img{bottom: 16px; } .banner-projh{height: 840px; } .projh1-main{margin-top: 0; } .projh-search{margin-top: 20px; } .projh1-list .item-box:first-child{margin-top: 0; } .projh1-list .item-box{width: 100%; margin-top: 10px; } .projh1-list{margin-top: 16px; } .ft-search input{padding: 8px 15px; } .projh1-list .item{padding: 20px; height: 132px; } .projh1-list .item-btn{margin-top: 20px; } .projh1-list .tit{font-size: 16px; } .projh2-list{margin-top: 28px; } .projh2-list .list-style6{margin-top: 4px; } .projh-tit{font-size: 20px; } .projh-item{padding: 20px; margin-top: 10px; } .projh-item{height: 220px; } .projh-btn{margin-top:90px; } .projh3-main .item-box{width: 50%; padding: 0 5px; margin-top: 10px; } .projh3-main .li-main{margin: 0 -5px; } .jhform-main{padding: 20px; height:366px; } .jhform-main .ftit{font-size: 18px; line-height: 28px; } .projh3-main{margin-top: 8px; } .innews-box{padding: 18px 20px 20px; } .innews-ctit .cTitText{font-size: 16px; } .list-style2-2 .media{margin-top: 15px; padding-top: 15px; } .list-style3-2 {margin-top: 4px; margin-bottom: 4px; } .list-style3-2 .list-item {margin-top: 12px; padding-top: 12px; } } .pro-ban{height: 320px; } .pro-top {height: 346px; margin-top: -260px; box-sizing: border-box; padding: 38px 40px; border: 1px solid #EBEFF5; background: rgba(255,255,255,1); } .pro-tit {font-size: 30px; font-weight: bold; color: #0A0A0A; line-height: 32px; } .pro-text {font-size: 14px; margin-top: 22px; font-weight: 400; color: #999999; line-height: 24px; width: 100%; height: 48px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .pro-btns {font-size: 0; margin-top: 32px; } .pro-btns .btn-online {margin-right: 10px; } .pro-top .pro-more {margin-top: 30px; } .pro-tit2 {font-size: 16px; font-weight: bold; color:#333333; } .pro-top .inre-more{margin-top:12px; } .pro-top .inre-more{float: left; } .side-bar{padding: 25px 30px 30px; border-top: 5px solid #aeb6d1; box-sizing: border-box; background: #F8FAFD; } .side-tit {font-size: 18px; font-weight: bold; color: #25293E; line-height: 24px; } .side-nav .wsc-class{margin-top: 8px; } .side-msg{text-align: center; margin-top: 20px; } .side-msg .item-dt {font-size: 14px; font-weight: 400; color: #999999; line-height: 24px; } .side-msg .item-dd {font-size: 18px; margin-top: 4px; /*font-family: Arial;*/ font-weight: bold; color: #25293E; line-height: 24px; } .side-msg .info2 {border-top: 1px solid#EAEEF4; padding-top: 10px; margin-top: 10px; } .side-msg .btn{width: 100%; margin-top: 10px; } .rlist-style6{margin-top: 10px; } @media (max-width:991px){.side-nav{margin-bottom: 20px; } } @media (max-width:767px){.pro-ban{height: 300px; } .pro-tit{font-size: 20px; line-height: 28px; } .pro-text{margin-top: 12px; } .pro-btns{margin-top: 20px; } .pro-btns .btn{width: 140px !important; } .pro-top{height: auto; padding: 20px; } .pro-top .pro-more{margin-top: 20px; } .side-bar{padding: 15px 20px 20px; } .side-tit{font-size: 16px; } .side-nav .wsc-class{margin-top: 4px; } .bortop-10{border-width: 5px; } } @media (min-width: 992px){.pd-img .carousel-indicators{position: unset; width: unset; margin-left: -5px; margin-right: -5px; margin-top: 10px; font-size: 0; } .pd-img .carousel-indicators li{width: 16.66%; height: auto; border-radius: 0; text-indent: 0; margin: 0; padding-left: 5px; padding-right: 5px; border: 0; vertical-align: middle; } .pd-img .carousel-indicators li .img-box{height: 65px; position: relative; border: 1px solid #eaeaea; } .pd-img .carousel-indicators li img{max-width: 100%; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .pd-img .carousel-indicators li.active{background: none; } .pd-img .carousel-indicators .active{background-color: unset; } .pd-img .carousel-indicators .active .img-box{border: 1px solid #15297b; background: #ffffff; } .pd-img .carousel-control{top: -65px; } } @media (max-width: 991px){.pd-img .carousel-indicators li img{display: none; } } .d-fbox{background: #FFFFFF; /*border: 1px solid #EBEFF5;*/ margin-top: 10px; } .pd-top .d-tit{margin-top: 10px; } .d-ftit {font-size: 16px; font-weight: bold; padding: 6px 30px; margin-top: 0; color: #687994; line-height: 32px; background: #F8FAFD; } .d-attr{padding: 10px 0px; margin-top: 0; } .pd-btn2{font-size: 14px; display: inline-block; font-weight: 400; color:rgba(104, 120, 148, 0.8); line-height: 24px; } .pd-btn2 span{font-size: 20px; /*font-family: Arial;*/ font-weight: bold; color: rgba(10, 10, 10, 0.9); } .pd-info .d-btn .pd-btn1{margin-right: 20px; } .pd-info .pd-btn2{border:1px solid #E0E5ED; height: 50px; text-align: center; vertical-align: middle; margin-bottom: 10px; line-height: 36px; padding: 6px 20px; } @media (max-width:991px){.pd-info .pd-btn2{line-height: 30px; height: 44px; margin-top: 0; } .pd-info .d-btn .pd-btn1{margin-right: 0; } .pd-info  .btn{width: 100%; } } .pdTab li:first-child {background: none; } .pdTab li {background: url(../images/pd-tit.png) no-repeat left center; } .side-pro .item-img {margin-top: 20px; background-color: #edf0f6; width: 220px; height: 165px; position: relative; } .pd-box{margin-top:40px; } .pd-content{float: left; margin-top: 0; width: 880px; box-shadow: none; } .side-pro .item-img img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .side-pro .item-info {font-size: 16px; line-height: 24px; color: #25293e; margin-top: 15px; } .side-pro .item-info .tit {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .side-pro .btn{width: 100%; height: 40px; } .side-pro .btn-online{line-height: 28px; margin-top: 16px; } .side-pro .btn-ed{margin-top: 10px; line-height: 24px; } .layout-side{float: right; width: 280px; } .side-prolist{margin-top: 20px; } .side-prolist ul{margin-top: 8px; } .side-prolist li{font-size: 14px; font-weight: 400; color: #25293E; overflow: hidden; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; height: 24px; padding-left: 12px; margin-top: 6px; background: url(../images/side-pro.png) no-repeat left center; -webkit-box-orient: vertical; } .side-prolist li:hover{color: #EEA93F; } .side-list{margin-top: 12px; } .str-tit{font-size: 18px; font-weight: bold; color: #d4091b; line-height: 24px; } .str-list{margin: 25px -5px 0; } .str-list .li-item{width: 33.33%; padding: 5px; box-sizing: border-box; float: left; } .str-box2{margin-top: 35px; } .str-box1{margin-top: 16px; } .str-list .item{display: block; background: #F0F5FB; box-sizing: border-box; } .str-list .item-img{text-align: center; } .str-list .item-img img{max-width: 100%; } .str-list .item-tit{font-size: 14px; font-weight: 500; text-align: center; color: #666666; line-height: 24px; margin-top: 12px; } .str-list .li-item2{width: 25%; } .str-list2 .item{padding: 15px; } .str-intro{font-size: 14px; font-weight: 400; margin-top: 20px; color: #777777; line-height: 24px; } .str-list3 .li-item{width: 20%; } .str-list3 .item{padding: 5px 5px 10px; } .str-box3{padding: 50px; height: 590px; box-sizing: border-box; background: url(../images/str-bg.webp) no-repeat center bottom; background-size: cover; } .str-logo img{max-width: 100%; } .str-main .num{font-weight: 400; } @media (min-width:992px){.str-main .num{font-size: 40px; } .str-main {margin-top: 24px; } .in-cintro{margin-top: 20px; } } .det-seo {background: #F8FAFD; border: solid 1px #F0F5FD; padding: 20px; font-size: 14px; line-height: 22px; color: #666666; margin-top: 20px; } .det-seo em, .det-seo a {font-weight: bold; color: #333; } .wsc-service .projh1-list{margin-top: 0; } .cmfm-content{margin-top: 24px; } .cmfm-main2{float: left; height: 452px; box-sizing: border-box; padding: 20px 28px; background: #FFFFFF; border: 1px solid #EAEDF2; } .cmfm-info{float: right; box-sizing: border-box; width: 300px; height: 452px; padding: 40px 30px; background: url(../images/cmfm-bg.webp) no-repeat center bottom; } .cmfm-main2 .fm-btn .btn{color: #fff; background: #262A3E; } .cmfm-main2 .fm-btn .btn:hover,.sd-form .fm-btn .btn:hover{background: #353848; } @media (min-width:1240px){.cmfm-main2 .form-control{width: 390px; } .cmfm-main2  textarea.form-control{width: 800px; } .cmfm-main2{width: 640px; } .cmfm-main2{width: 880px;} } @media (min-width:992px) and (max-width:1239px){.cmfm-main2 .form-control{width: 270px; } .cmfm-main2{width: 640px;} .cmfm-main2  textarea.form-control{width: 560px; } } @media (min-width:992px){.cmfm-main2 .fm-btn .btn{width: 200px; height: 50px; } .cmfm-main2 .form-group{float: left; } .cmfm-main2 .form-group:first-child{margin-top: 10px; } .cmfm-main2 .form-group{margin-left: 10px; margin-right: 10px; } .cmfm-main2 .fm-btn{margin-top: 20px; } } .cmfm-tit{font-size: 22px; font-weight: bold; color: #262A3E; line-height: 24px; } .cmfm-text{font-size: 14px; margin-top: 12px; font-weight: 400; color: #0A0A0A; line-height: 26px; opacity: 0.7; } .cmfm-item{margin-top: 20px; } .wsc-com .pText{color: #0A0A0A; } .cmfm-item .item-dt, .cmfm-item .item-dd{float: left; } .cmfm-item .info{margin-top: 10px; } .cmfm-item .item-dt{font-size: 14px; font-weight: 400; color: #262A3E; line-height: 30px; opacity: 0.7; margin-right:8px; } .cmfm-item .item-dd{font-size: 20px; /*font-family: Arial;*/ font-weight: 400; color: #262A3E; line-height: 30px; } .cmfm-box{margin-top: 36px; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.9); padding: 20px; border-radius: 10px; } .cmfm-box .tit{font-size: 16px; font-weight: 400; color: #262A3E; line-height: 20px; text-align: center; } .cmfm-box .btn{margin-top: 16px; width: 100%; } @media (max-width:1239px){.pd-content{float: left; margin-top: 0; width: 640px; box-shadow: none; } .str-list3 .item-tit{font-size: 12px; margin-top: 8px; } } @media (max-width:991px){.pd-content{width: 100%; } .side-pro{display: none; } .layout-side{width: 100%; } .cmfm-main2{width: 100%; height: unset; } } @media (max-width:767px){.d-fbox{margin-top: 16px; } .d-ftit{padding: 6px 15px; font-size: 15px; } .d-attr{padding: 12px 10px; } .pd-btn2{display: inline-block; width: 100%; margin-top: 8px; } .pd-box{margin-top: 20px; } .wsc-editTit{font-size: 18px; } .str-tit{font-size: 16px; } .str-list,.str-box1{margin-top: 12px; } .str-box2{margin-top: 15px; } .str-list1 .li-item{width: 100%; } .str-list1 .li-item2{width: 50%; } .str-list2 .li-item{width: 50%; } .str-list3 .li-item{width: 50%; } .str-box3{padding: 20px; } .cmfm-main2{padding:10px 20px 28px; } .cmfm-content{margin-top: 16px; } } .solution-ban{height: 550px; } .solution-ban .banTit {padding-top: 76px; } .snav-main{margin-top: 36px; } .snav-main li{float: left; width: 50%; box-sizing: border-box; padding: 0 1px; } .snav-main li a{display: inline-block; width: 100%; position: relative; height: 100px; font-size: 20px; font-weight: 400; color: #FFFFFF; text-align: center; line-height: 100px; background: rgba(0, 0, 0, 0.4); } .snav-main li span{position: absolute; bottom: 0px; left: 0; right: 0; margin: auto; height: 4px; background-color: #d4091b; width: 0; transition: 0.36s; } .snav-main li a:hover span, .snav-main li.active span {width: 100%; } .snav-main li a:hover, .snav-main li.active a{color: #d4091b; } .snav-text{font-size: 16px; margin-top: 24px; font-weight: 400; color: #FFFFFF; line-height: 30px; opacity: 0.8; } .snav-btn{margin-top: 32px; text-align: center; } .list-style2-3 .media{background: #FFFFFF; border: 1px solid #EBEFF5; } .list-style2-3 .media-left a{width: 280px; } .list-style2-3 .media-btn{margin-top: 20px; } .list-style2-3 .media-heading{-webkit-line-clamp:1; transition: 0.36s; } .list-style2-3 .media-left{padding-right: 0; } .list-style2-3 .media-text{margin-top: 12px; } .list-style2-3  .btn-grayed{height: 38px; width: 160px; line-height: 24px; } .list-style2-3 .media-body{padding: 30px; } .list-style2-3 .media-left a{overflow: hidden; } .list-style2-3  .media-left img{transition: 0.36s; } .list-style2-3 .media:hover .media-left img{transform: scale(1.08); } .side-msg2{margin-top: 0; } .side-msg2  .icon {width:29px; margin: 0 auto; height: 28px; } .side-msg2 .icon1 {background: url(../images/pjside-ico1.png) no-repeat center center; } .side-msg2 .icon2 {background: url(../images/pjside-ico2.png) no-repeat center center; } .side-msg2 .icon3 {background: url(../images/pjside-ico3.png) no-repeat center center; } .side-msg2 .info{margin-top: 8px; padding: 28px 5px 20px; background: #FFFFFF; } .side-msg2 .info1{margin-top: 20px; } .side-msg2 .item-tel{font-size: 22px; margin-top: 24px; /*font-family: Arial;*/ font-weight: bold; color: #333333; line-height: 30px; } .side-msg2 .item-dd{font-size: 14px; font-weight: bold; color: #262A3E; margin-top: 8px; line-height: 24px; } .page-btn{margin-top: 40px; text-align: center; } .ywhz-swiper .str-list{margin-top: 35px; } .ywhz-swiper .swiper-prev, .ywhz-swiper .swiper-next{width: 30px; height: 40px; cursor: pointer; top: 0; margin: auto; bottom: 0; position: absolute; display: block; transition: 0.36s; } .ywhz-swiper .swiper-prev{left: 10px; background:url(../images/ywhz-prev.png) no-repeat center center; } .ywhz-swiper .swiper-next{right: 10px; background: url(../images/ywhz-next.png) no-repeat center center; } .ywhz-swiper .swiper-next:hover,.ywhz-swiper .swiper-prev:hover{opacity: 0.6; } .ywhz-swiper .str-list3 .item{margin: 0 10px; padding:10px 10px 10px; text-align: center; background: #E9ECEE; } @media (max-width:991px){.snav-main li a{height: 80px; line-height: 80px; } } @media (max-width:767px){.solution-ban{height: 410px; } .solution-ban .banTit{padding-top: 40px; } .snav-main li a{font-size: 16px; height: 48px; line-height: 48px; } .snav-main li span{height: 2px; } .snav-main{margin-top: 20px; } .snav-text{margin-top: 16px; } .snav-btn{margin-top: 20px; } .list-style2-3 .media-left a{width: 132px; } .list-style2-3 .media-body{padding: 15px; } .list-style2-3 .media-btn{margin-top: 10px; } .list-style2-3 .btn-grayed {height: 34px; font-size: 12px; width: 100px !important; line-height: 20px; } } .detail-ban{height: 465px; } .fa-top {padding:40px 40px 40px 460px; margin-top: 60px; background: #fff; } .fatop-img{width: 380px; margin-left: -420px; } .fatop-img img{width: 100%; } .fatop-img ,.fatop-info{float: left; } .fatop-info{width: 100%; } .fa-btns {margin-top: 36px; } .fa-btns a{float: left; display: block; } .fa-btns .btn-online{margin-right: 10px; } .fa-tit{font-size: 28px; font-weight: bold; color: #0A0A0A; margin-top: 28px; line-height: 36px; } .fa-Text{font-size: 14px; margin-top: 24px; font-weight: 400; color: #999999; line-height: 26px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:4; } @media (max-width:991px){.fatop-img{width: 280px; margin-left: -310px; } .fa-tit{margin-top: 8px; font-size: 24px; } .fa-top {padding: 30px 30px 30px 340px; margin-top: 60px; background: #fff; } .fa-Text{-webkit-line-clamp:3; } .fa-Text{margin-top: 12px; } .fa-btns{margin-top: 16px; } .fa-btns .btn{width: 160px; } .detail-ban{height: 390px; } } @media (max-width:767px){.fa-top{padding:20px; margin-top: 40px; } .fatop-img{width: 100%; margin-left: unset; } .detail-ban{height: 540px; } .fa-tit{font-size: 20px; margin-top: 16px; line-height: 28px; } .fa-Text{margin-top: 8px; } .fa-btns .btn{width: 140px !important; } } .pd-main2{margin-top: 0; background: #fff; } .pd-main2 .pd-content{padding: 0; } .sdfm{background: #F8FAFD; } .sd-msg{font-size: 12px; font-weight: 400; color: #0A0A0A; line-height: 24px; opacity: 0.7; margin-top: 10px; text-align: center; } .sd-tel{font-size: 18px; font-weight: bold; color: #262A3E; line-height: 24px; text-align: center; } .sdfm-tit{font-size: 18px; font-weight: 400; color: #0A0A0A; line-height: 24px; } .sdfm-text{font-size: 14px; font-weight: 400; color: #565656; line-height: 24px; } .sd-form .form-control{background: #fff; } .wsc-form textarea.form-control{resize: none; } .sd-form textarea.form-control{height: 40px; } .sd-form .fm-btn .btn{height: 50px; color: #fff; width: 100%; background: #262A3E; } .sd-form .fm-btn{margin-top: 25px; } .rTit2 .wsc-editTit{float: left; } .rlist-style2{margin-top: 28px; } .nav-main{margin: 22px -1px 0px; } .nav-main .li-item{width: 25%; padding: 1px; box-sizing: border-box; float: left; margin-bottom: 10px; } .nav-main .item{display: block; box-sizing: border-box; padding: 20px 20px 20px 132px; height: 100px; position: relative; background: #FFFFFF; border: 1px solid #EAEDF2; } .nav-main i{height: 100px; display: block; top:0; left: 50px; width: 55px; position: absolute; } .nav-main .item-tit{font-size: 16px; font-weight: 400; color: #697B93; line-height: 24px; margin-top: 6px; } .nav-main .item::after{position: absolute; content: ""; bottom: 0; left: 0; right: 0; margin: auto; height: 2px; background-color: #d4091b; width: 0; transition: 0.36s; } .nav-main .item:hover::after ,.nav-main .item.active::after{width: 100%; } .nav-main .icon1{background: url(../images/nav-icon1.webp) no-repeat center center; } .nav-main .icon2{background: url(../images/nav-icon2.webp) no-repeat center center; } .nav-main .icon3{background: url(../images/nav-icon3.webp) no-repeat center center; } .nav-main .icon4{background: url(../images/nav-icon4.webp) no-repeat center center; } .nav-main .icon5{background: url(../images/nav-icon5.webp) no-repeat center center; } .nav-main .icon6{background: url(../images/nav-icon6.webp) no-repeat center center; } .nav-main .icon7{background: url(../images/nav-icon7.webp) no-repeat center center; } .nav-main .icon8{background: url(../images/nav-icon8.webp) no-repeat center center; } .nav-main .icon9{background: url(../images/nav-icon9.webp) no-repeat center center; } .nav-main .icon10{background: url(../images/nav-icon10.webp) no-repeat center center; } .nav-main .icon11{background: url(../images/nav-icon11.webp) no-repeat center center; } .nav-main .icon12{background: url(../images/nav-icon12.webp) no-repeat center center; } .nav-main .icon13{background: url(../images/nav-icon13.webp) no-repeat center center; } .nav-main .icon14{background: url(../images/nav-icon14.webp) no-repeat center center; } .nav-main .icon15{background: url(../images/nav-icon15.webp) no-repeat center center; } .nav-main .icon16{background: url(../images/nav-icon16.webp) no-repeat center center; } .pjnav-tit{font-size: 18px; font-weight: bold; color: #0A0A0A; line-height: 24px; } .pjnav-list{margin-top: 20px; } .pjnav-list li {height: 16px; float: left; margin-right: 38px; font-size: 16px; font-weight: 500; color: #76869B; line-height: 18px; } .pjnav-list li.active a {background-image: url(../images/pj-checkh.png); } .pjnav-list li a {display: block; padding-left: 24px; transition: 0.36s; background: url(../images/pj-check.png) no-repeat left center; } .list-style2-3 .media-text{-webkit-line-clamp:3; } .wsc-service .projh1-list2{margin-top: 28px; } @media (max-width:1239px){.nav-main .item{padding-left: 110px; } .nav-main i{left: 40px; } } @media (max-width:991px){.nav-main .li-item{width: 50%; } .wsc-case .list-style2-3 .col-md-6:nth-child(2) .media{margin-top: 10px; } .wsc-solution .list-style2-3 .col-md-6:first-child .media{margin-top: 0; } .wsc-solution .list-style2-3 .media{margin-top: 15px; } } @media (max-width:767px){.pjnav-tit{font-size: 16px; } .nav-main{margin-top: 12px; margin-bottom: 16px; } .pjnav-list{margin-top: 12px; } .nav-main .item{height:50px; text-align: center; padding:12px; } .nav-main i{display: none; } .nav-main .item-tit{margin-top: 0; } .rlist-style2{margin-top: 20px; } .wsc-service .projh1-list2{margin-top: 20px; } } .sdfm{margin-top: 20px; } .lc-img{margin-top: 30px; } .lc-img img{width: 100%; } @media (min-width:768px){.case-det .d-tit{font-size: 28px; } } .case-intro{margin-top: 0; padding: 36px 40px 40px; background: #F8FAFD; margin-bottom: 40px; } .case-intro .list-text{margin: -10px -20px 0; } .case-intro .list-text li {float: left; font-size: 14px; font-weight: 400; list-style: none; margin: 10px 20px 0; padding-left: 20px; color: #999999; line-height: 24px; background: url(../images/liststyle6-dot.png) no-repeat left 7px; } .case-intro .list-text span{color: #0A0A0A; } .case-intro .btn{margin-top: 24px; } .case-det .pd-img .carousel-indicators li{width: 8px; height: 8px; margin-right: 5px; margin-left: 5px; box-sizing: border-box; padding: 0; border: 1px solid #262B3F; border-radius: 50%; } .case-det .pd-img .carousel-indicators li.active{background: #262B3F ; } .case-det .pd-img .carousel-indicators{bottom: 30px; position: absolute; } .case-det .d-cover{margin-top: 28px; } .dcase-main .pdTab-box{height: 0; } .dcase-main .pd-content{padding: 0; } .dcase-main .pd-box{margin-top: 0; } .side-pro{background: #F8FAFD; } .page-block .list-style6 .list-btns .btn{font-size: 12px; } @media (max-width:767px){.case-det .d-cover{margin-top: 18px; } .case-det .pd-img .carousel-indicators{bottom: 15px; } .case-intro{padding: 18px 20px 20px; margin-bottom: 20px; } .case-intro .btn{margin-top: 12px; } .lc-img{margin-top: 20px; } } .wsc-class3{background: #FFFFFF; } .wsc-class3 .li-item{float: left; width: 25%; border: 1px solid #EAEDF2; margin-top: -1px; margin-left: -1px; box-sizing: border-box; } .wsc-class3 .li-item .item{display: inline-block; font-size: 16px; width: 100%; box-sizing: border-box; font-weight: 400; text-align: center; color: #697B93; padding:29px 0; line-height: 28px; } .wsc-class3 .li-item .item:hover,.wsc-class3 .li-item .item.active{background:  #312f35; color: #fff; } .newtop-box{position: relative; } .newtop-box a{display: block; } .newtop-img img{width: 100%; } .newtop-info{position: absolute; color: #fff; bottom: 0; padding-top:35px; left: 0; height: 213px; box-sizing: border-box; width: 100%; background: url(../images/new-bg.png) repeat-x center top; } .newtop-info .media{border: none; background: none; } .newtop-info .media-heading,.newtop-info .media-info,.newtop-info .media-text{color: #fff; } .newtop-info .media-text{-webkit-line-clamp:2; } .new-main, .new-top{margin-top: 30px; } .newtop-box2 .media-heading{-webkit-line-clamp:2; } .newtop-box2 .media-text{-webkit-line-clamp:2; } @media (min-width:1240px){.newtop-box2 .media-left a{width: 275px; } } @media (min-width:992px)and (max-width:1239px){.newtop-box2 .media-left a{width: 214px; } .newtop-box2 .media-heading{-webkit-line-clamp:1; } .newtop-box2 .media-body{padding: 20px; } } .rTit3 .rTitText{font-size: 18px; line-height: 24px; } .rTit3 .rMore{margin-top: 0; font-size: 0; } .side-new{margin-top: 20px; } .list-style2-4{margin-top: 4px; } .list-style2-4 .media:first-child{border-top: none; } .list-style2-4 .media{border-top: 1px solid #E6E8ED; padding-top: 12px; margin-top: 12px; } .list-style2-4 .media-info{margin-top: 8px; } .qr-window{width:120px;height:120px;position:absolute;top:42px;z-index:9;left:50%;transform:translateX(-50%);display:block!important;padding:10px;background-color:#fff;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2)} .new-tw,.return-last{float:right;width:120px;margin-top:-8px; transition: 0.36s; cursor: pointer; position:relative;box-sizing:border-box;height:32px; font-size: 12px; padding:0 15px 0 30px;font-weight:400;line-height:30px;color:#999999; border: 1px solid #E6E8ED;border-radius:3px; background: url(../images/new-tw.png) no-repeat 15px center;} .return-last{margin-right:5px; width:120px; padding:0 20px 0 15px; background: url(../images/return-list.png) no-repeat 90px center; } .new-tw:hover{color:#fff; border-color: #8994a4; background:#8994a4 url(../images/new-twh.png) no-repeat 15px center;; } .return-last:hover{color:#fff; border-color: #8994a4; background:#8994a4 url(../images/return-listh.png) no-repeat 90px center; } .dp-arr, .dn-arr{position: unset; } .dp-text, .dn-text{padding-left: 0; margin-top: 4px; } .wsc-detlink .dl-next{padding-top: 16px; margin-top: 20px; border-top:1px solid #E5EAF1; } @media (max-width:767px){.newtop-info{padding: 0; height: 92px; } .rTit3 .rTitText{font-size: 16px; } .wsc-class3 .li-item .item{padding: 6px 0; } .wsc-class3 .li-item .item{font-size: 14px; } .new-main, .new-top{margin-top: 20px; } } .wsc-class3-2 .li-item{width: 50%; } .epc-block1{margin-top: 45px; } .epc1-main {margin-top: 26px; } .epc1-main .item {position: relative; } .epc1-main .item-img {overflow: hidden; } .epc1-main .item-img img{width: 100%; } .epc1-main .tit {position: absolute; top: 0; bottom: 0; margin: auto; width: 100%; height: 28px; font-size: 24px; font-weight: bold; text-align: center; color: rgba(255,255,255,1); line-height: 28px; } .epc-block2{margin-top: 60px; border-top: 1px solid #EAEDF2; } .epc2-main{margin-top: 20px; } .epc2-main .item-img img{width: 100%; } .epc2-main .item{border: 1px solid #E4E8EC; margin-top: 20px; } .epc2-main .item-info{padding: 32px 30px 40px; } .epc2-main .tit{font-size: 20px; text-align: center; font-weight: 400; color: #0A0A0A; line-height: 24px; } .epc2-main .text{margin-top: 20px; font-size: 14px; font-weight: 400; color: #0A0A0A; line-height: 26px; opacity: 0.7; } @media (min-width:768px){.wsc-com .pText{margin-top: 20px; } .wsc-class3-2 .li-item .item{padding: 22px 0; } .epc-block2 .inepc-list{margin-top: 40px; } .service2-main2 .d-btn .btn{width: 200px; margin-bottom: 0; } .service2-main2  .d-btn{margin-top: 30px; text-align: center; font-size: unset; } .service2-main2 .pd-btn2 span{vertical-align: middle; } } @media (max-width:991px){.epc1-main .item{margin-top: 20px; } .epc1-main{margin-top: 6px; } } @media (max-width:767px){.epc-block1{margin-top: 20px; } .epc1-main .item{margin-top: 10px; } .epc-block2{margin-top: 30px; } .epc2-main ,.epc2-main .item{margin-top: 10px; } .epc2-main .item-info{padding: 20px; } .epc2-main .text{margin-top: 12px; } } .service1-main{margin-top: 8px; } .service1-main .item-icon{width: 110px; height: 110px; background: #F1F2F6 url(../images/service1-icon1.png) no-repeat center center; border-radius: 50%; margin: 50px auto 0; } .service1-main .icon2{background-image: url(../images/service1-icon2.png); } .service1-main .icon3{background-image: url(../images/service1-icon3.png); } @media (min-width:768px){.service1-main .item-info{padding-top: 28px; } } .service2-main1{margin-top: 36px; } .service2-main1 .item{box-sizing: border-box; width: 50%; float: left; background: #fff; margin-left: -1px; padding: 58px 50px 60px; border: 1px solid #E8EAF3; } .service2-tit{font-size: 20px; font-weight: bold; color: #EEA93F; line-height: 24px; } .service2-main1 .text{font-size: 14px; margin-top: 24px; font-weight: 400; color: #777777; line-height: 26px; } .service2-main1 .item-btn{margin-top: 36px; } .service-block2{background: url(../images/service2-bg.jpg) no-repeat center center; background-size: cover; } .service2-main2{background: #fff; margin-top: 20px; padding: 58px 50px 60px; } .service2-list .item-icon{width: 90px; height: 90px; background: #fff url(../images/service2-icon1.png) no-repeat center center; border-radius: 50%; margin: 35px auto 0; } .service2-list {margin-top: 8px; } .service2-list .icon2{background-image: url(../images/service2-icon2.png); } .service2-list .icon3{background-image: url(../images/service2-icon3.png); } .service2-list .item {border-color:#F5F7FA; background: #F5F7FA; } .service2-list  .item-info{padding-top:0; padding-bottom: 32px; } @media (max-width:991px) {.service2-main1 .item{width: 100%; } .service2-main1 .item2{margin-top: 10px; } .service1-main .text{display: none; } .service1-main .row{margin: 0 -2px; } .service1-main .col-xs-4{padding: 0 2px; } } @media (max-width:767px) {.service1-main .item-icon{height: 64px; width: 64px; margin-top: 15px; } .service1-main .item-info{padding: 10px; } .service2-list .item-icon{height: 80px; width: 80px; margin-top: 20px; } .epc2-main .tit{font-size: 18px; } .service2-main1 .item,.service2-main2{padding: 28px 20px 30px; } .service2-main1 .item-btn{margin-top: 20px; } .service2-list .item-info{padding-bottom: 20px; } .service1-main .tit{font-size: 16px; height: 48px; } } .quality1-main .item-img img{width: 100%; } .quality1-main{background: #F8FAFD; } .quality1-main .item-info{font-size: 14px; font-weight: 400; color: rgba(10, 10, 10, 0.7); line-height: 26px; padding: 44px 40px; } @media (min-width:992px) {.quality1-main{padding-left: 380px; } .quality1-main .item-img{width: 380px; margin-left: -380px; } .quality1-main .item-img,.quality1-main .item-info{float: left; } } .quality-block2{background: #F6F8FB; } .quality2-item{padding: 20px 30px 26px; background: #fff; margin-top: 20px; } .quality2-item .projh3-main .li-main{margin: 0 -5px; } .quality2-item .projh3-main  .item-box{padding: 0 5px; margin-top: 10px; } .quality2-tit{font-size: 18px; font-weight: 400; margin-top: 24px; color: #0A0A0A; line-height: 24px; } .quality2-text{font-size: 14px; margin-top: 8px; font-weight: 400; color: #0A0A0A; line-height: 26px; opacity: 0.7; } .quality3-main{background: #F8FAFD; margin-top: 36px; } .quality3-main .quality2-item{background: #F8FAFD; margin-top: 0; } .quality3-info{padding: 72px 60px 30px 30px; } .quality3-info .tit,.quality3-info .ftit{font-size: 20px; color: #333333; line-height: 32px; } .quality3-img  .projh3-main{margin-top: 0; margin-bottom: 4px; } .quality3-info .tit{font-weight: bold; } .quality3-info .text{font-size: 14px; margin-top: 20px; font-weight: 400; color: #0A0A0A; line-height: 26px; opacity: 0.7; } @media (min-width:992px){.quality3-main {padding-left: 610px; } .quality3-img{width: 610px; margin-left: -610px; } .quality3-img,.quality3-info{float: left; } .quality3-img  .item-box{width: 50%; } } .quality3-team .item-img{width: 160px; margin: 40px auto 0; } .quality3-tit{font-size: 18px; font-weight: 400; color: #333333; line-height: 32px; margin-top: 36px; } .quality3-team{margin-top: 4px; } .quality4-main .str-list3 .item{padding: 15px 15px 25px; background: #fff; } .quality4-main .str-list3 .tit{margin-top: 20px; } .quality4-main .str-list3 .tit p{width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .quality4-main .str-list{margin-top: 28px; } .quality-block5{background: url(../images/quality5-bg.jpg) no-repeat center bottom; background-size: cover; } .quality-block5 .str-list3 .item{text-align: center; } .lx-main{padding: 54px 60px; background: url(../images/quality6-bg.jpg) no-repeat center center; background-size: cover; } .lx-info {max-width: 540px; overflow: hidden; } .lx-btns {margin-top: 12px; } .lx-tit {font-size: 22px; font-weight: bold; color: #FFFFFF; line-height: 34px; } .lx-tit span{color: #EEA93F; } .lx-btns .pd-btn2 {color: #fff; } .lx-btns  .pd-btn2 span{color: #fff; } .lx-btns .d-btn{margin-top: 4px; } .lx-btns .pd-btn1{margin-left: 20px; margin-right: 0; } @media (min-width:992px){.quality-block4 .str-list3 .item{text-align: left; } .lx-info{float: left; } .lx-btns{float: right; } .lx-btns .d-btn .btn{width: 160px; font-size: 14px; height: 40px; line-height:26px; } } @media (max-width:1239px){.quality1-main .item-info{padding: 30px 40px; } .quality3-info{padding: 72px 30px 30px 0px; } .lx-btns{float: left; } } @media (max-width:991px){.quality3-info{padding:0 30px 30px; } .quality-block5 .str-list3 .item{margin-top: 20px; } .quality-block5  .quality4-main .str-list{margin-top: 8px; } } @media (max-width:767px){.quality1-main .item-info{padding: 20px; } .quality2-item{margin-top: 10px; padding: 4px 20px 16px; } .quality2-tit{margin-top: 16px; } .quality3-main{margin-top: 20px; } .quality3-info{padding: 0 20px 20px; } .quality3-info .tit{font-size: 18px; } .quality3-info .ftit{font-size: 16px; line-height: 24px; } .quality3-info .text{margin-top: 8px; } .quality3-tit{line-height: 28px; margin-top: 20px; } .quality3-team .item-img{margin-top: 20px; width: 140px; } .quality4-main .str-list3 .item{padding: 10px 10px 12px; } .quality4-main .str-list3 .tit{margin-top: 12px; } .quality4-main .str-list{margin-top: 18px; } .quality-block5 .str-list3 .item{margin-top: 10px; } .lx-main{padding: 20px 20px 24px; } .lx-tit{font-size: 16px; line-height: 28px; } .lx-btns{margin-top:0; } .lx-btns .pd-btn1{margin-left: 0; margin-top: 12px; margin-bottom: 0; } } .about-block1 .item-title {font-size: 32px; line-height: 45px; color: #272727; font-weight: bold; text-align: center; } .about-block1 .item-img img {width: 100%; } .about-block1 .item-img {margin-top: 24px; position: relative; } .about-block1 .item-box {position: relative; text-align: center; } .about-block1 .item-box:first-child {padding-left: 0; } .about-block1 strong {font-size: 46px; font-weight: bold; line-height: 54px; font-style: italic; } .about-block1 sup {font-size: 16px; font-weight: 400; line-height: 24px; opacity: 0.9; position: relative; left: 8px; top: -20px; } .about-block1 .item-into {display: block; font-size: 14px; font-weight: 400; color: #0A0A0A; margin-top: -4px; line-height: 28px; opacity: 0.8; } .about-block1 .col-md-3:first-child .item-box:after{display: none; } .about-block1 .item-box:after {width: 1px; content: ""; height: 66px; background: #DBE1EA; position: absolute; top: 10px; left:-10px; } .about-block1 .col-md-3:first-child em {display: none; } .about-block1 .item-main {background: #EDF1F7; padding: 52px 0; } .about-block1 .item-img img {width: 100%; } @media (max-width:1239px){.about-block1 .item-text p {margin-top: 10px; } } @media (max-width:991px){.about-block1 .item-img {margin-top: 20px; } .about-block1 .item-box {padding: 10px 0; } .about-block1 .item-main {padding: 5px 0 30px; } } @media (max-width:767px){.about-block1 .item-title {font-size: 26px; } .about-block1 .item-intro {font-size: 18px; margin-top: 0; } .about-block1 .item-text {padding-top: 5px; } .about-block1 .item-img {margin-top: 10px; } } .about-video {width: 80px; position: absolute; height: 80px; right: 0; left: 0; top: 0; bottom: 0; cursor: pointer; transition: 0.36s; margin: auto; background: url(../images/about-video.png) no-repeat center center; background-size: contain; } .about2-img {text-align: center; } .about2-img img{max-width: 80%; } .about2-main .str-list3 .li-item{padding: 0; width: 25%; } .about2-main .str-list {position: relative; } .about2-main .str-list .item{background: rgba(255, 255, 255, 0.7); padding: 0; position: relative; margin-top: -1px; margin-left: -1px; } .about2-main .str-list .item-tit{position: absolute; bottom: 20px; text-align: center; width: 100%; } .dz1-main {margin-top: 28px; } .dz1-main .item {width: 14.28%; float: left; overflow: hidden; padding: 36px 14px; height: 159px; line-height: 98px; box-sizing: border-box; text-align: center; font-size: 14px; font-weight: 400; color: #777777; line-height: 22px; background: rgba(255,255,255,1); border: 1px solid rgba(231,234,244,1); border-right: none; } .dz1-main .item7 {color: #fff; background: #d4091b; transition: 0.36s; } .dz1-main .item7 .btn{width: 100%; margin-top: 16px; line-height: 24px; height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dz1-main .item7 .btn:hover{border-color: #fff; background: #fff; color: #d4091b; } .dz1-main .item7 .item-tit{font-size: 16px; } .dz1-main .item1 .item-tit{margin-top: 30px; } .dz1-main .item2 .item-tit,.dz1-main .item3 .item-tit,.dz1-main .item6 .item-tit{margin-top: 20px; } .dz1-main .item4 .item-tit{margin-top:10px; } .about2-tit{font-size: 18px; font-weight: 400; margin-top: 40px; color: #0A0A0A; line-height: 24px; } .about-block3{background: url(../images/f477407eaecc4aabbe4071df243794df.gif) no-repeat center center; } .history-main .swiper-prev,.history-main .swiper-next{width: 42px; height: 42px; cursor: pointer; position: absolute; border-radius: 50%; top: 0; bottom: 0; margin: auto; z-index: 10; transition: 0.3s; } .history-main .swiper-prev{background: rgba(10, 10, 10, 0.3) url(../images/history-prev.png) no-repeat center center; left: 0; } .history-main .swiper-next {background: rgba(10, 10, 10, 0.3) url(../images/history-next.png) no-repeat center center; right: 0; } .history-main .swiper-prev:hover,.history-main .swiper-next:hover{background-color: #d4091b; } .history-main .item-year {font-size: 16px; line-height:24px; width: 100%; text-align: center; position: absolute; top: -66px; } .history-main {width: 100%; margin-top: 48px; box-sizing: border-box; position: relative; background: url(../images/history-line.png) no-repeat center center; } .history-main .swiper-container{margin: 0 -10px; } .history-main .item-dot {height: 20px; width: 100%; margin-top: 205px; margin-bottom: 25px; background: url(../images/history-icon.png) no-repeat center center; } .history-main .item{position: relative; /* padding: 0 10px; */ margin: 0 10px; } .history-main .item-box {width: 100%; max-width: 280px; font-size: 14px; color: rgba(123,123,123,1); line-height: 24px; min-height: 179px; margin:0 auto; padding: 40px 30px 28px; box-sizing: border-box; background: url(../images/history-item2.png) repeat-y top; background-size: cover; } .history-main .swiper-slide:nth-child(even) .item-box {position: absolute; bottom: 36px; left: 0; margin: 0 auto; right: 0; padding:28px 30px 40px; background: url(../images/history-item1.png) repeat-y bottom; background-size: cover; } .history-main .swiper-slide:nth-child(even) .item-year {top: 66px; } .about-block4{background-image: url('../images/about4-bg.jpg'),url(''); background-position: center top,center bottom; background-repeat: no-repeat, no-repeat; } .about4-list .li-item{width: 25%; } .about4-list  .item{background: unset; } .about4-list  .item-tit{width: 100%; color: #fff; font-size: 16px; margin-bottom: 16px; } .about4-list  .item-tit p {          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .about5-main{margin-top: 28px; } .about5-main .item{background: #fff; padding:30px 20px; margin-top: 20px; box-sizing: border-box; border:20px solid #F6F8FB; } .about5-main .item-tit{width: 120px; height: 102px; margin: 0 auto; text-align: center; font-size: 18px; font-weight: 400; color: #B09060; line-height: 22px; padding:36px 14px; box-sizing: border-box; background: url(../images/about5-icon.png) no-repeat center center; } .about5-main .item-text{margin-top: 28px; } .about5-main .item-text li{font-size: 14px; font-weight: 400; color: #AE8C5A; line-height: 24px; padding: 5px 0; border-bottom: 1px dashed #C9B391; } .about5-main .item-text li p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .abTab-box{background: #fff; height: 80px; } .abTab-box .pdTab{background: #fff; } .abTab-box .pdTab li:first-child{border-left: 1px solid #EAEDF2; } .abTab-box .pdTab li{width: 25%; border: 1px solid #EAEDF2; border-left: none; box-sizing: border-box; background: none; } .abTab-box .pdTab li a{color: #697B93; } .about-main{margin-top: 60px; padding-top: 80px; } .abTab-box .pdTab li.active a,.abTab-box .pdTab li:hover a{background: #312f35; color: #fff; } @media (max-width:1239px){.history-main .item-box{padding: 30px 20px 18px; } .history-main .swiper-slide:nth-child(even) .item-box{padding:18px  20px 30px; } .history-main{background: url(../images/history-line.png) no-repeat center 214px; } .history-main .swiper-prev, .history-main .swiper-next{margin: unset; top: 192px; } } @media (max-width:991px){.about-block1  .col-sm-6:nth-child(3) .item-box::before, .about-block1  .col-sm-6:nth-child(4) .item-box::before{width: 280px; content: ""; height:1px; background: #DBE1EA; position: absolute; top: 0; right: 0; margin: auto; left: 0; } .about-block1 .col-md-3:nth-child(3) .item-box:after{display: none; } .about2-main .str-list .item-tit{bottom: 10px; } .dz1-main .item{width:33.33%; margin-top: -1px; } .dz1-main .item7{width: 100%; } .history-main .swiper-slide:nth-child(odd) .item-box {position: absolute; bottom: 36px; left: 0; margin: 0 auto; right: 0; padding:18px  20px 30px; background: url(../images/history-item1.png) repeat-y bottom; background-size: cover; } .history-main .swiper-slide:nth-child(odd) .item-year {top: 40px; } } @media (max-width:767px){.about-block1 .col-sm-6:nth-child(3) .item-box::before, .about-block1 .col-sm-6:nth-child(4) .item-box::before{width: 80px; } .about-main {margin-top: 30px; padding-top: 48px; } .about-video{width: 60px; height: 60px; } .about-block1 strong{font-size: 28px; line-height: 38px; } .about-block1 sup{top: -8px; } .about2-main .str-list3 .li-item{width: 50%; } .about2-main .str-list{margin-top: -40px; } .about2-tit {margin-top: 20px; } .dz1-main .item{width: 50%; } .dz1-main .item{padding: 15px 10px; height: 120px; } .dz1-main .item7{width: 100%; } .dz1-main{margin-top: 18px; } .history-main{margin-top: 20px; } .about4-list .li-item{width: 50%; } .str-list .item-tit{margin-top: 8px; } .about5-main .item{margin-top: 10px; border-width: 10px; } .about5-main{margin-top: 12px; } } .cominfo-main1 .item{padding: 46px 40px; box-sizing: border-box; height: 278px; background: url(../images/contact1-bg1.png) no-repeat center center; background-size: cover; } .cominfo-main1 .item2{background-image: url(../images/contact1-bg2.png); } .cominfo-main1 .item-tit{font-size: 24px; font-weight: 400; color: #FFFFFF; line-height: 24px; } .cominfo-main1 .btn-whited{margin-top: 28px; } .cominfo-main1 .item-ftit{font-size: 14px; margin-top: 28px; font-weight: 400; color: #FFFFFF; line-height: 26px; opacity: 0.7; } .cominfo-main1 .item-links{margin-top: 8px; } .cominfo-main1 .btn-wlink:first-child{margin-right: 56px; } .contact-block3{background: url(../images/contact3-bg.webp) no-repeat center bottom; background-size: cover; } .marker-route {background: url(../images/map-marker.png) no-repeat center center; background-size: cover; width: 41px; height: 52px; box-sizing: border-box; } .contact3-info{margin-top: 24px; } .contact3-info li{float: left; font-size: 14px; font-weight: 400; float: left; width: 50%; padding-left: 20px; color: #0A0A0A; line-height: 28px; background: url(../images/contact3-icon.png) no-repeat left 8px; } .cominfo-main2 {margin-top: 28px; } .cominfo-main2 .info {padding: 30px 60px; float: left; box-sizing: border-box; background: #fff; margin-left: -1px; border: 1px solid #EAEDF2; height: 210px; } .cominfo-main2 .info:nth-child(1) {width: 25%;} .cominfo-main2 .info:nth-child(2) {width: 30%;} .cominfo-main2 .info:nth-child(3) {width: 30%;} .cominfo-main2 .info:nth-child(4) {width: 15%; padding-left: 30px; padding-top: 35px; text-align: left;} .info .item-dd .marktext {line-height: 40px;} .info .item-dd .marktext a:hover {color: #c00000;} .info .item-dd p em {display: block;width: 20px; height: 20px; margin-bottom: 20px;line-height: 20px; text-indent: 30px;} .info .bg-ct-fb {background: url(../images/bg_ct_fb.png) center/cover no-repeat;} .info .bg-ct-ins {background: url(../images/bg_ct_ins.png) center/cover no-repeat;} .info .bg-ct-lk {background: url(../images/bg_ct_lk.png) center/cover no-repeat;} .info .bg-ct-ytb {background: url(../images/bg_ct_ytb.png) center/cover no-repeat;} .info .bg-ct-wa {display:block; text-indent: 30px; background: url(../images/bg_ct_wa.png) left center no-repeat;} .info .bg-ct-tel {display:block; text-indent: 30px; background: url(../images/bg_ct_tel.png) left center no-repeat;} .info .bg-ct-email {display:block; text-indent: 30px; background: url(../images/bg_ct_email.png) left center no-repeat;} .cominfo-main2 i {display: block; width: 100%; height: 23px; } .cominfo-main2 .icon1, .cominfo-main2 .icon2 {margin-bottom: 20px;} .cominfo-main2 .icon1 {background: url(../images/cominfo-tel.png) no-repeat center center; } .cominfo-main2 .icon2 {background: url(../images/cominfo-email.png) no-repeat center center; } .cominfo-main2 .icon3 {background: url(../images/cominfo-fax.png) no-repeat center center; } .cominfo-main2 .info1{padding: 40px; text-align: left; /*background: url(../images/contact2-bg.webp) no-repeat center center;*/ background-color: #F8FAFD; } .cominfo-main2 .info1 .item-tit{font-size: 14px; font-weight: 400; color: #262A3E; line-height: 20px; } .cominfo-main2 .info1 .item-tel{margin-top: 10px; margin-bottom: 10px; font-size: 24px; font-weight: bold; color: #262A3E; line-height: 24px; text-align: center; } .cominfo-main2 .info1 .btn{margin-top: 26px; width: 100%; } .cominfo-main2 .item-dt {margin-bottom: 12px; font-size: 20px; font-weight: bold; color: #0A0A0A; line-height:24px; } .cominfo-main2 .item-dd {margin-top: 0px; font-size: 16px; /*font-family: Arial;*/ font-weight: 400; color: #262A3E; } @media (max-width:991px){.cominfo-main1 .item2{margin-top: 10px; } .cominfo-main2 .info{width: 50%; margin-top: -1px; } .contact3-info li{width: 100%; } } @media (max-width:767px){.cominfo-main1 .item{padding: 26px 20px; height: auto; } .cominfo-main1 .item-tit{font-size: 20px; } .cominfo-main1 .btn-whited{margin-top: 16px; } .cominfo-main1 .item-ftit{margin-top: 16px; } .cominfo-main1 .item-links{margin-top: 4px; } .cominfo-main2 .info{padding: 24px 20px; height:auto; } .cominfo-main2 .info1 .item-tel{font-size: 20px; } .cominfo-main2 .info{width: 100%; } .cominfo-main2 .info1 .btn{margin-top: 16px; } .cominfo-main2 .item-dt{margin-top: 16px; } .cominfo-main2 .item-dd{margin-top: 6px; } .contact3-info,.map-main{margin-top: 16px; } } .insolution-swiper .list-tit:hover{color: #d4091b; } .inser-main .item:hover .tit{color: #164fbe; } .flist-style .media-text {-webkit-line-clamp:2; } .prompt-icon{height: 65px; background: url(../images/susok.png) no-repeat center center; } .fixnav003{position: fixed; right: 20px; bottom: 20%; z-index: 1000; } .fixnav003 .fix-item{border: 1px solid #EAEAEA; position: relative; margin-top: -1px; } .fixnav003 .fix-item:first-child{margin-top: 0; } .fixnav003 .fix-item a{display: block; width: 60px; height: 58px; padding-top: 33px; text-align: center; font-size: 12px; color: #333333; position: relative; z-index: 10; } .fixnav003 .fix-online a{background: #d4091b url(../images/fn001-onlineh.png) no-repeat center 10px; color: #fff; } .fixnav003 .fix-tel a{background: #fff url(../images/fn001-tel.png) no-repeat center 10px; } .fixnav003 .fix-em a{background: #fff url(../images/fn001-em.png) no-repeat center 10px; } .fixnav003 .fix-top a{background: #fff url(../images/fn001-top.png) no-repeat center center; } .fixnav003 .fixCon{position: absolute; right: 58px; top: -1px; height: 59px; background-color: #d4091b; z-index: 0; width: 0; color: #fff; overflow: hidden; transition: 0.5s; } .fixnav003 .fixCon-box{padding: 15px 10px; line-height: 28px; font-size: 15px; color: #fff; white-space:nowrap; font-weight: bold; } .fixnav003 .fix-item:hover .fixCon{width: 180px; } .fixnav003 .fix-em:hover a{background: #d4091b url(../images/fn001-emh.png) no-repeat center 10px; } .fixnav003 .fix-tel:hover a{background: #d4091b url(../images/fn001-telh.png) no-repeat center 10px; } .fixnav003 .fix-top:hover a{background: #d4091b url(../images/fn001-toph.png) no-repeat center center; } .fixnav003 .fix-online{border-color:#d4091b; } .fixnav003 .fix-online:hover{border-color:#d4091b; } .fixnav003 .fix-online:hover a{background: #d4091b url(../images/fn001-onlineh.png) no-repeat center 10px; } .fixnav003 .fix-item{transition: 0.36s; } .fixnav003 .fix-item:hover a{color: #fff; } .fixnav003 .fix-item:hover{border-color:#d4091b; } .nlist{text-align: center; padding: 80px 0 40px; color: #868686; } .nlist .nimg{height:132px; } .nlist .ntext{margin-top: 40px; } .nlist img{max-width: 100%; } .side-pro2 .item-img{margin-top: 0; } .main-style1 .item-info{height: 272px; } .service1-main .item-info{height: 190px; } .service2-main1 .item-info{height: 126px; } .service2-list .item-info{height: 136px; } .about5-main .item{height: 380px; } .quality3-team .item-info{height: 194px; } @media (max-width:1239px){.main-style1 .item-info{height: 324px; } .service1-main .item-info{height: 216px; } .service2-main1 .item-info{height: 152px; } .service2-list .item-info{height: 162px; } .about5-main .item{height:382px; } .quality3-team .item-info{height: 220px; } .cominfo-main2 .info1 .item-tel{ font-size: 16px;} .cominfo-main2 .info1 .btn {font-size: 12px;} .cominfo-main2 .info {padding-left: 38px;} .cominfo-main2 .item-dd {font-size: 14px;} .cominfo-main2 .item-dt {font-size: 14px;} .cominfo-main2 .info:nth-child(4) {padding-left: 18px;} } @media (max-width:991px){.epc2-main .item-info,.service2-main1 .item-info,.about5-main .item,.quality3-team .item-info{height: auto; } /* .rcase-style .list-item{padding-left: 280px; border:1px #EBEFF5 solid; } .rcase-style .list-img{float: left; width: 280px; margin-left: -280px; } .rcase-style .list-info{float: left; width: 100%; padding: 30px; border: none; } */ } @media (max-width:767px){.rcase-style .col-md-3:nth-child(2), .rcase-style .col-md-3:nth-child(3), .rcase-style .col-md-3:nth-child(4){display: none; } .rcase-style .col-md-3{width: 100%; } /* .rcase-style .list-item{padding-left: 160px; } .rcase-style .list-img{float: left; width: 160px; margin-left: -160px; } .rcase-style .list-info{padding:10px 15px; } */ .abTab-box .pdTab li a {white-space: nowrap;  overflow: hidden;   text-overflow: ellipsis;} .wsc-class3 .li-item {width: 50%} } .qyzz-main{margin-top: 10px; } @media (min-width:992px){.about5-main .item-tit{margin-top: 16px; } } @media (max-width:992px){.cominfo-main2 .info:nth-child(1),.cominfo-main2 .info:nth-child(2),.cominfo-main2 .info:nth-child(3),.cominfo-main2 .info:nth-child(4) {width: 100%;} .cominfo-main2 .info1 .btn {width: 100%!important;font-size: 15px} .cominfo-main2 .info1 .item-tel{ font-size: 18px;} .cominfo-main2 .info {padding-left: 70px;padding-right: 70px;} .cominfo-main2 .info:nth-child(4) {padding-left: 70px;} .cominfo-main2 .item-dd {font-size: 15px;} .cominfo-main2 .item-dt {font-size: 18px;} .wsc-tagsCon {display: none;} .nav-main .item-tit .marktext {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} } @media (max-width:991px){.side-bar {display: none;} } @media (max-width:352px){.cominfo-main2 .info {padding-left: 30px;padding-right: 30px;} .cominfo-main2 .info:nth-child(4) {padding-left: 30px;} } @media (min-width:992px) and (max-width:1239px){.pd-info .d-fbox {max-height: 170px; overflow: hidden;} } .str-list .item-tit .marktext {white-space: nowrap; text-overflow: ellipsis!important; overflow: hidden; }