@charset "utf-8";
/* CSS Document */
html, body {
height: 100%;
}
.banner{
height:100%;
}
.drwp .title{
padding-top:60px;
}
.drwp .title h1{
font-size:44px;
color:#333;
text-align:center;
}
.drwp .title p{
font-size:14px;
color:#666;
text-align:center;
width:90%;
margin:20px auto 0;
}
.drwp .more{
width: 160px;
height: 50px;
margin: 60px auto;
display: block;
background-color: #517eff;
color: #fff;
line-height: 50px;
text-align: center;
font-size: 14px;
}
.drwp .more:hover{
background-color:#fff;
box-shadow:0 0 10px #666;
color:#517eff;
transition: all 0.4s linear;
}
.drwp .case{
overflow:hidden;
/* padding-bottom:60px; */
}
.drwp .hexin{
overflow:hidden;
background: linear-gradient(180deg, #fff, #eee)
}
.drwp .hexin .list{
overflow:hidden;
margin-top:40px;
}
.drwp .hexin .list li{
float:left;
width:calc(100%/3 - 14px);
margin-right:21px;
margin-bottom:21px;
}
.drwp .hexin .list li:nth-child(3n+0){
margin-right:0;
}
.drwp .hexin .list li:hover .txt{
background-color:#517eff;
transition: all 0.3s linear;
margin-top:-72px;
}
.drwp .hexin .list li:hover .txt h1{
color:#fff;
transition: all 0.3s linear;
}
.drwp .hexin .list li:hover .txt p{
color:rgba(256,256,256,0.5);
transition: all 0.3s linear;
-webkit-line-clamp: 4;
height:96px;
}
.drwp .hexin .list .txt{
padding:20px 30px;
background-color:#fafafa;
}
.drwp .hexin .list .txt h1{
font-size:18px;
color:#333;
text-align:center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.drwp .hexin .list .txt p{
font-size:14px;
height:24px;
line-height:24px;
color:#666;
margin-top:8px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.drwp .hexin .more{
margin:40px auto 60px;
}
.drwp .news .more{
margin:60px auto 0;
}
.swiper-container1-button{
position:relative;
height:884px;
margin-top: -884px;
}
.drwp .advantage{
background:url(img/advantage_bg.jpg) no-repeat center top/cover;
padding-bottom:120px;
}
.drwp .advantage .box{
margin:60px auto 0;
width:680px;
height:680px;
background:url(img/advantage.png) no-repeat center top/cover;
position:relative;
}
.drwp .advantage .box li{
position:absolute;
width:70%;
}
.drwp .advantage .box li .txt{
float:left;
width:75%;
margin-right:5%;
text-align:right;
}
.drwp .advantage .box li .txt h1{
font-size:24px;
color:#333;
}
.drwp .advantage .box li .txt span{
display:block;
margin-top:5px;
font-size:14px;
color:#999;
}
.drwp .advantage .box li .txt p{
margin-top:10px;
font-size:15px;
line-height:24px;
color:#666;
}
.drwp .advantage .box li img{
float:right;
width:20%;
}
.drwp .advantage .box li:nth-child(4) .txt, .drwp .advantage .box li:nth-child(5) .txt{
float:right;
width:75%;
margin-left:5%;
margin-right:0;
text-align:left;
}
.drwp .advantage .box li:nth-child(4) img, .drwp .advantage .box li:nth-child(5) img{
float:left;
width:20%;
}
.drwp .advantage .box li:first-child{
top:45px;
left:-48%;
}
.drwp .advantage .box li:nth-child(2){
top:290px;
left:-62%;
}
.drwp .advantage .box li:nth-child(3){
top:540px;
left:-48%;
}
.drwp .advantage .box li:nth-child(4){
top:110px;
right:-55%;
}
.drwp .advantage .box li:nth-child(5){
top:440px;
right:-57%;
}
.drwp .manpower{
background:url(img/manpower_bg.jpg) no-repeat center top/cover;
padding-bottom:80px;
}
.drwp .manpower .center{
overflow:hidden;
margin:60px auto 0;
}
.drwp .manpower .center .txt{
float:left;
border-radius:5px;
padding:60px 0;
width:48%;
margin-right:4%;
background:url(img/manpower.png) no-repeat right bottom #fff;
}
.drwp .manpower .center .txt:last-child{
float:right;
margin-right:0;
}
.drwp .manpower .center .txt h1{
text-align:center;
font-size:34px;
color:#517eff;
font-weight:normal;
}
.drwp .manpower .center .txt p{
margin:40px auto 0;
text-align:center;
font-size:15px;
line-height:30px;
color:#666;
width:80%;
}
.drwp .manpower a{
width: 140px;
height: 50px;
margin: 60px auto 0;
display: block;
background-color: #517eff;
color: #fff;
line-height: 50px;
text-align: center;
font-size: 15px;
border-radius: 5px;
}
.drwp .manpower a:hover{
background-color:#fff;
box-shadow:0 0 10px #666;
color:#517eff;
transition: all 0.4s linear;
}
.drwp .partners{
background-color:#fafafa;
padding-bottom:60px;
}
.drwp .aboutindex .four{
background:url(img/wenhua_bg.jpg) no-repeat center/cover;
padding:180px 0;
}
.drwp .aboutindex .four h1{
font-size:36px;
color:#fff;
font-weight:normal;
margin-bottom:40px;
}
.drwp .aboutindex .four p{
font-size:22px;
line-height:48px;
color:#fff;
}
.drwp .youshi{
background:url(img/youshi_bg.jpg) no-repeat center/cover;
padding-bottom:60px;
}
.drwp .youshi .list{
overflow:hidden;
margin-top:60px;
}
.drwp .youshi .list li{
float:left;
width:calc(100%/5 - 48px);
margin-right:60px;
text-align:center;
}
.drwp .youshi .list li:last-child{
margin-right:0;
}
.drwp .youshi .list li h1{
font-size:22px;
color:#333;
margin:40px 0 10px;
font-weight:normal;
}
.drwp .youshi .list li p{
font-size:14px;
line-height:24px;
color:#666;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.drwp .youshi .list li:hover h1{
color:#517eff;
transition: all 0.3s linear;
}
.drwp .youshi .list li:hover p{
color:#333;
transition: all 0.3s linear;
}
.drwp .youshi .list li img{
height:60px!important;
}
.drwp .about{
background:url(../../images/about_bg.jpg) no-repeat center/cover;
padding:40px 0;
overflow:hidden;
}
.drwp .about .center{
display: flex;
justify-content: center;
align-items: center;
}
.drwp .about .left{
float:left;
width:34%;
}
.drwp .about .right{
float:right;
width:61%;
margin-left:5%;
}
.drwp .about .left h1{
font-size:70px;
font-family:"abril fatface";
color:rgba(256,256,256,0.2);
}
.drwp .about .left h2{
font-size:46px;
color:#fff;
margin:-40px 0 40px;
}
.drwp .about .left p{
font-size:14px;
line-height:24px;
color:#fff;
}
.drwp .about .left a{
font-size:14px;
color:#517eff;
margin-top:40px;
display:block;
}
.drwp .about .left a:hover{
color:#fff;
transition: all 0.3s linear;
}
.drwp .about .right .list li{
border:1px solid #ccc;
padding:40px 30px 50px;
float:left;
width:calc(100%/2 - 62px);
}
.drwp .about .right .list li:hover{
background-color:rgba(23,65,139,0.6);
transition: all 0.3s linear;
}
.drwp .about .right .list li:first-child{
opacity:0;
border-right:none;
border-bottom:none;
}
.drwp .about .right .list li:nth-child(2){
border-bottom:none;
}
.drwp .about .right .list li:nth-child(3){
border-right:none;
}
.drwp .about .right .list li img{
float:right;
/*display:block;*/
display:none;
}
.drwp .about .right .list li h1{
clear:both;
font-size:28px;
color:#fff;
line-height:30px;
}
.drwp .about .right .list li p{
font-size:14px;
line-height:24px;
color:#fff;
margin-top:20px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height:72px;
}
.drwp .news{
background:url(img/news_bg.jpg) no-repeat center/cover;
padding-bottom:60px;
}
.drwp .news .list{
margin-top:40px;
overflow:hidden;
}
.drwp .news .list li{
float:left;
width:calc(100%/3 - 22px);
margin-right:33px;
}
.drwp .news .list li:nth-child(3n+0){
margin-right:0;
}
.drwp .news .list li .txt{
padding:20px 15px;
background-color:#fafafa;
}
.drwp .news .list li .txt h1{
font-size:16px;
color:#666;
font-weight:normal;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.drwp .news .list li .txt .xian{
width:35px;
height:4px;
background-color:#517eff;
margin:10px 0 30px;
}
.drwp .news .list li .txt .bot{
overflow:hidden;
}
.drwp .news .list li .txt .bot p{
float:left;
font-size:14px;
color:#666;
}
.drwp .news .list li .txt .bot span{
float:right;
font-size:14px;
color:#666;
}
.drwp .news .list li:hover .txt {
background-color: #517eff;
transition: all 0.3s linear;
}
.drwp .news .list li:hover .txt h1{
color: #fff;
transition: all 0.3s linear;
}
.drwp .news .list li:hover .txt .bot p{
color: #fff;
transition: all 0.3s linear;
}
.drwp .news .list li:hover .txt .bot span{
color: #fff;
transition: all 0.3s linear;
}
@media (max-width:1599px){
.drwp .advantage .box li .txt h1{
font-size:22px;
}
.drwp .advantage .box li .txt p{
font-size:14px;
}
.drwp .advantage .box{
width:580px;
height:580px;
}
.drwp .advantage .box li:first-child{
left:-54%;
width:75%;
}
.drwp .advantage .box li:nth-child(2){
top:260px;
}
.drwp .advantage .box li:nth-child(3){
top:460px;
}
.drwp .advantage .box li:nth-child(4){
top:100px;
}
.drwp .advantage .box li:nth-child(5){
top:390px;
}
}
@media (max-width:1299px){
.drwp .advantage .box{
width:500px;
height:500px;
}
.drwp .advantage .box li:first-child{
left:-56%;
}
.drwp .advantage .box li:nth-child(2){
top:230px;
}
.drwp .advantage .box li:nth-child(3){
top:405px;
width:72%;
}
.drwp .advantage .box li:nth-child(4){
top:80px;
}
.drwp .advantage .box li:nth-child(5){
top:330px;
}
}
@media (max-width:1199px){
.drwp .about .box .right{
width:37%;
margin-right:9%;
}
.drwp .about .box .right h1{
font-size:30px;
}
.drwp .about .box .right .xian{
margin:20px 0 40px;
}
.drwp .about .box .right a{
margin-top:40px;
}
.drwp .advantage{
padding-bottom:80px;
}
.drwp .advantage .box{
width:90%;
height:auto;
overflow:hidden;
background:none;
}
.drwp .advantage .box li .txt h1{
font-size:20px;
}
.drwp .advantage .box li{
position:static;
float:left;
width:48%!important;
margin-right:4%;
margin-bottom:40px;
display: flex;
justify-content: center;
align-items: center;
overflow:hidden;
}
.drwp .advantage .box li:nth-child(even){
margin-right:0;
}
.drwp .advantage .box li:nth-child(even){
margin-right:0;
}
.drwp .advantage .box li .txt{
float:left!important;
width:75%!important;
margin-left:0!important;
margin-right:5%!important;
text-align:right!important;
}
.drwp .advantage .box li img{
float:right!important;
width:20%!important;
}
}
@media (max-width:996px){
.banner {
height: 185px;
margin-top:50px;
}
.drwp .more{
width:140px;
height:40px;
line-height:40px;
margin:30px auto;
}
.drwp .title{
padding-top:30px;
}
.drwp .title h2{
font-size:36px;
}
.drwp .title h1{
font-size:26px;
}
.drwp .title p{
margin:10px auto 0;
}
.swiper-container2{
margin:20px auto 0!important;
position: relative;
}
.swiper-button-next2,.swiper-button-prev2 {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.drwp .case{
padding-bottom:30px;
}
.drwp .hexin .list li{
width: calc(100%/2 - 7.5px);
margin-right: 15px;
margin-bottom: 15px;
}
.drwp .hexin .list li:nth-child(3n+0){
margin-right:15px;
}
.drwp .hexin .list li:nth-child(even){
margin-right:0;
}
.drwp .hexin .list li:nth-child(5), .drwp .hexin .list li:nth-child(6){
display:none;
}
.drwp .hexin .list .txt{
padding:8px 16px;
}
.drwp .hexin .list .txt h1{
font-size:15px;
}
.drwp .hexin .list .txt p{
margin-top:5px;
}
.drwp .hexin .more{
margin:20px auto 30px;
}
.drwp .advantage{
padding-bottom:30px;
}
.drwp .advantage .box{
margin:30px auto 0;
}
.drwp .advantage .box li{
margin-bottom:30px;
display:block;
}
.drwp .advantage .box li .txt h1{
font-size:18px;
}
.drwp .manpower{
padding-bottom:40px;
}
.drwp .manpower .center{
margin:30px auto 0;
}
.drwp .manpower .center .txt{
float:none;
width:100%;
margin-right:0;
margin-bottom:30px;
padding:40px 0;
}
.drwp .manpower .center .txt h1{
font-size:24px;
}
.drwp .manpower .center .txt p{
margin:30px auto 0;
font-size:14px;
line-height:26px;
}
.drwp .manpower a{
margin:0 auto;
width: 120px;
height: 45px;
line-height: 45px;
}
.drwp .partners{
padding-bottom:30px;
}
.drwp .aboutindex .four{
padding:80px 0;
}
.drwp .aboutindex .four h1{
font-size:30px;
margin-bottom:30px;
}
.drwp .aboutindex .four p{
font-size:18px;
line-height:40px;
}
.drwp .youshi{
padding-bottom:30px;
}
.drwp .youshi .list li{
width:calc(100%/3 - 14px);
margin-right:21px;
margin-bottom:20px;
}
.drwp .youshi .list li:nth-child(3){
margin-right:0;
}
.drwp .youshi .list li:nth-child(4){
margin-left:17%;
}
.drwp .youshi .list{
margin-top:30px;
}
.drwp .youshi .list li h1{
font-size:16px;
margin:20px 0 5px;
}
.drwp .youshi .list li img{
width:45%;
max-width:50px;
}
.drwp .about .left h1{
font-size:48px;
}
.drwp .about .left h2{
font-size:30px;
margin:-30px 0 20px;
}
.drwp .about .right .list li{
padding:30px 20px 40px;
width: calc(100%/2 - 42px);
}
.drwp .about .right .list li h1{
font-size:20px;
line-height:20px;
}
.drwp .about .right .list li p{
margin-top:10px;
}
.drwp .about .right .list li img{
width:40px;
}
.drwp .about .left a{
margin-top:20px;
}
.drwp .news{
padding-bottom:30px;
}
.drwp .news .more {
margin: 30px auto 0;
}
.drwp .news .list {
margin-top:20px;
}
.drwp .news .list li{
width: calc(100%/2 - 10px);
margin-right: 20px;
}
.drwp .news .list li:nth-child(even){
margin-right: 0;
}
.drwp .news .list li:nth-child(3){
display:none;
}
.drwp .news .list li .txt{
padding:10px 15px;
}
.drwp .news .list li .txt h1{
font-size:14px;
}
.drwp .news .list li .txt .xian{
margin:8px 0 16px;
width: 25px;
height: 2px;
}
.drwp .news .list li .txt .bot p{
font-size:12px;
line-height:12px;
}
.drwp .news .list li .txt .bot span{
font-size:12px;
line-height:12px;
}
}
@media (max-width: 767px){
.drwp .advantage .box li{
width:100%!important;
float:none!important;
margin-right:0!important;
}
.drwp .advantage .box li .txt{
float:right!important;
width:75%!important;
margin-left:5%!important;
margin-right:0!important;
text-align:left!important;
}
.drwp .advantage .box li img{
float:left!important;
width:20%!important;
}
.drwp .about .center{
display:block;
}
.drwp .about .left{
float:none;
width:100%;
}
.drwp .about .right{
float:none;
width:100%;
margin-top:30px;
margin-left:0;
}
.drwp .about .right .list li{
padding:20px 20px 30px;
}
.drwp .about .right .list li h1{
font-size:18px;
line-height:18px;
}
.drwp .about .right .list li p{
height:48px;
-webkit-line-clamp: 2;
}
}
@media (max-width: 599px){
.drwp .title h2{
font-size:26px;
}
.drwp .title h1{
font-size:22px;
}
.drwp .title .xian{
width:60px;
margin:10px auto 0;
}
.drwp .title p{
font-size:14px;
}
.drwp .about .box .right h1{
font-size:22px;
}
.drwp .about .box .right .xian{
margin:10px 0 20px;
}
.drwp .about .box .right span{
font-size:12px;
}
.drwp .about .box .right a{
margin-top:30px;
font-size:14px;
height:40px;
line-height:40px;
}
.drwp .advantage .box li .txt{
width:100%!important;
margin-right:0!important;
margin-left:0!important;
}
.drwp .advantage .box li img{
display:none;
}
.drwp .advantage .box li .txt h1{
font-size:16px;
}
.drwp .manpower .center .txt h1{
font-size:22px;
}
.drwp .manpower .center .txt p{
margin:20px auto 0;
}
.drwp .manpower a{
font-size: 14px;
height: 40px;
line-height: 40px;
}
.drwp .news .more{
font-size: 14px;
height: 40px;
line-height: 40px;
}
/* .drwp .case {
padding-bottom: 120px;
} */
.drwp .aboutindex .four{
padding:50px 0;
}
.drwp .aboutindex .four h1{
font-size:22px;
margin-bottom:20px;
}
.drwp .aboutindex .four p{
font-size:15px;
line-height:30px;
}
}
.syqyys_w{background: url(../../images/youshi_bg.jpg);overflow: hidden;background-attachment: fixed;padding-bottom: 60px;margin-top: 60px;}
.syqyys ul{
overflow: hidden;
width: 90%;
margin: 0 auto;
}
.syqyys ul li{
float: left;
width: 23.5%;
background: #f7f7f7;
margin-right: 2%;
border-radius: 20px;
padding: 20px 0;
box-sizing: border-box;
height: 465px;
transition: all .3s;
text-align: center
}
.syqyys ul li:nth-of-type(4){
margin-right: 0;
}
.syqyys ul li b{
display: block;
text-align: center;
color: #333;
font-size: 26px;
margin-bottom: 30px;
margin-top: 30px;
}
.syqyys ul li img{
width: 86%;
margin: 0 auto 30px auto;
}
.syqyys ul li p{
width: 86%;
margin: 0 auto;
}
.syqyys ul li:hover{
background: #517eff;
}
.syqyys ul li:hover b{
color: #fff;
}
.syqyys ul li:hover p{
color: #fff;
}
.pagination2{overflow: hidden;}
.center2{width: 90%;margin: 0 auto;}
.case_lis {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.case_lis li {
width:23.3%;
margin-right: 2.15%;
margin-bottom: 2rem;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: .5rem;
background: white;
}
.case_lis li:nth-child(4n+4) {
margin-right: 0;
}
.case_lis .card {
background: white;
overflow: hidden;
}
.case_lis .img {
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.case_lis .img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: ease-out .5s;
z-index: 0;
}
.case_lis a .card {
padding: 1.1rem 1.5rem .6rem 1.5rem;
}
.case_lis a .card h3 {
font-size: 1.2rem;
color: #333333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: ease-out .36s;
text-align: center
}
.case_lis a .card .text {
font-size: .9rem;
color: #666666;
margin-top: 1.3rem;
padding-right: 2rem;
position: relative;
}
.case_lis a .card .text span {
position: absolute;
right: 0;
top: 0;
width: 1.6rem;
transition: ease-out .36s;
}
.case_lis a .card .text span img {
width: 100%;
transition: ease-out .36s;
}
.case_lis a .card .text span img:nth-child(2) {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.case_lis a .card .text div {
margin-bottom: .5rem;
}
.case_lis li:hover .img img {
transform: scale(1.1);
}
.case_lis li:hover .hqbj3{display: block;background: rgba(81, 127, 255, 0.479) !important;color: #fff !important;}
.case_lis a:hover .card h3 {
color: #bf1d1d;
}
.case_lis a:hover .card .text span {
transform: translateX(0.25rem);
}
.case_lis a:hover .card .text span img {
opacity: 0;
}
.case_lis a:hover .card .text span img:nth-child(2) {
opacity: 1;
}
.case_lis1 {
display: flex;
flex-wrap: wrap;
width: 90%;
margin: 0 auto;
overflow: hidden;
}
.case_lis1 li {
width:10%;
margin-right: 1.15%;
margin-bottom: 2rem;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
border-radius: .5rem;
background: white;
}
.case_lis1 li:nth-child(9n+9) {
margin-right: 0;
}
.case_lis1 a {
/* background: white; */
overflow: hidden;
}
.case_lis1 .img {
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.case_lis1 .img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: ease-out .5s;
}
.case_lis1 a .card {
padding: 1.1rem 1.5rem .6rem 1.5rem;
}
.case_lis1 a .card h3 {
font-size: 1.2rem;
color: #333333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: ease-out .36s;
text-align: center;
}
.case_lis1 a .card .text {
font-size: .9rem;
color: #666666;
margin-top: 1.3rem;
padding-right: 2rem;
position: relative;
}
.case_lis1 a .card .text span {
position: absolute;
right: 0;
top: 0;
width: 1.6rem;
transition: ease-out .36s;
}
.case_lis1 a .card .text span img {
width: 100%;
transition: ease-out .36s;
}
.case_lis1 a .card .text span img:nth-child(2) {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.case_lis1 a .card .text div {
margin-bottom: .5rem;
}
.case_lis1 li:hover .img img {
transform: scale(1.1);
}
.case_lis1 a:hover .card h3 {
color: #bf1d1d;
}
.case_lis1 a:hover .card .text span {
transform: translateX(0.25rem);
}
.case_lis1 a:hover .card .text span img {
opacity: 0;
}
.case_lis1 a:hover .card .text span img:nth-child(2) {
opacity: 1;
}
.hqbj3{position: absolute;top: 0%;z-index: 999;width: 100%;left: 0;right: 0;margin: auto;text-align: center;display: none;width: 100%;height: 100%;box-sizing: border-box;padding-top: 45%;}
.case_lis1 .hqbj3{background: rgba(81, 127, 255, 0.479) !important;color: #fff !important;}
.case_lis1 li:hover .hqbj3{display: block;}
.pdetails5 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.pdetails5 .case_lis {
padding-top: 1rem;
}
/* #endregion */
/* #region 案例*/
.case_line {
background: white;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}
.case_line .container {
display: flex;
flex-wrap: wrap;
}
.case_line a {
flex: auto;
font-size: .9rem;
height: 4.6rem;
color: #333333;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 0 .5rem;
transition: ease-out .36s;
}
.case_line a:hover,
.case_line a.on {
background: #bf1d1d;
color: #fff;
}
.case {
/* padding-top: 2rem; */
/* padding-bottom: 5rem; */
}
.case1{
padding-top: 2rem;
/* padding-bottom: 5rem; */
}
.case .pagination {
margin-top: 4.5rem;
}
.cdetails_banner {
overflow: hidden;
}
.cdetails_banner.on img {
transform: scale(1);
}
.cdetails_banner img {
width: 100%;
height: 37.5rem;
object-fit: cover;
object-position: center;
transform: scale(1.1);
transition: ease 3s;
}
.cdetails_text {
font-size: .9rem;
color: #666666;
line-height: 1.94;
margin-top: .85rem;
padding-left: 2.9rem;
}
.cdetails_text img {
max-width: 500px;
margin: 0 auto;
width: 100% !important;
height: auto !important;
align: none !important;
float: none !important;
margin-top: .75rem;
margin-bottom: .75rem;
}
.cdetails1 {
padding-top: 2.5rem;
}
.cdetails_row {
display: flex;
align-items: start;
justify-content: space-between;
}
.cdetails_row .left {
width: 67.1%;
padding-bottom: 3rem;
}
.cdetails_row .right {
flex: 1;
overflow: hidden;
background: linear-gradient(to right, #1d2532 0%, #46729c 100%);
padding: 2.5rem 2.8rem 2.3rem 0;
position: relative;
left: 3rem;
top: -7rem;
}
.pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align: center;margin-bottom: 30px;}
.pagenum a{display: inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #527eff;border-radius:60px;font-size:0px;}
.pagenum span{font-size:16px;color:#527eff;}
.pagenum a:hover{background-color:#527eff;}
.pagenum a:hover span{color:#fff;}
/* ===================== 联系我们 地图 ===================== */
#allmap{height:500px;}
#allmap img{max-width:none !important;}
/* ===================== 联系我们 地图 ===================== */
/* ===================== 在线留言 ===================== */
.form_box_box{width:90%;margin:40px auto;padding:60px 0;box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1);}
ul.fs{width:90%;margin:0 auto;}
ul.fs input, ul.fs textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: 0.8s;-o-transition: 0.8s;-ms-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;}
ul.fs .box1 li{float: left;width:320px;margin-right:20px;}
ul.fs .box1 li:nth-of-type(3){margin:0;}
ul.fs .box1 li input{border:1px solid #e1e7ee;width:100%;height:50px;padding:10px;color:#999;}
ul.fs li input:hover{border-color:#527eff;}
ul.fs .box1 li input::-webkit-input-placeholder, ul.fs li.textarea textarea::-webkit-input-placeholder, ul.fs li.yzm input::-webkit-input-placeholder{color: #999;}
ul.fs .box1 li input:-moz-placeholder, ul.fs li.textarea textarea:-moz-placeholder, ul.fs li.yzm input:-moz-placeholder{color: #999;}
ul.fs .box1 li input:-ms-input-placeholder, ul.fs li.textarea textarea:-ms-input-placeholder, ul.fs li.yzm input:-ms-input-placeholder{color: #999;}
ul.fs li.textarea textarea{width:100%;height:150px;border:1px solid #e1e7ee;padding:10px;margin:20px 0;color:#999;}
ul.fs li.textarea textarea:hover{border-color:#527eff;}
ul.fs li.radio{text-align: center;}
ul.fs li.radio label{margin:0 10px;}
ul.fs li.yzm{text-align: center;margin:20px 0;}
ul.fs li.yzm img{display: inline-block;height:20px;}
ul.fs li.yzm input{border-bottom:1px solid #e1e7ee;width:200px;height:50px;padding:10px;color:#999;}
ul.fs li.yzm input:hover{border-color:#527eff;}
ul.fs li.submit input{height:50px;margin:0 auto;display: block;cursor:pointer;width:200px;border-radius:50px;background-color:#527eff;font-size:16px;color:#fff;}
/* ===================== 在线留言 ===================== */
.wap_show{display: none;}
@media( max-width:1200px ){
.pc_show{display: none !important;}
.wap_show{display: block;}
.case_lis1{margin-top: 10px;}
.case_lis1 li {
width: 47.7%;
margin-right: 2.15%;
margin-bottom: 0.9rem;
}
.case_lis1 {
width: 98%;
}
.case_lis1 li:nth-child(9n+9) {
margin-right: 2.15%;
}
}
#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto {
width: 1500px;
margin: 0 auto;
}@media (max-width: 1505px) {
#list .auto, #news_article, #article, .position_now .auto, #nyba .black .auto {
width: 1200px;
}
}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; }
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
/* ===================== 产品 详情页 ===================== */
.img_big_box{width:55%;float: left;}
.img_big_box .img_box{height:400px;border:1px solid #f1f1f1;border-radius:5px;position: relative;border-bottom:none;}
.img_big_box .img_box img{max-width:99%;max-height:99%;border-radius:5px;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
.img_big_box .small_box{border:1px solid #f1f1f1;border-radius:5px;text-align: center;}
.img_big_box .small_box img{max-height:80px;display: inline-block;margin:10px 5px;border:1px solid #fff;}
.img_big_box .small_box img.active{border-color:#527eff;}
.info_big_box{width:42%;float: right;}
.info_big_box h1{color:#444;line-height:36px;font-weight: bold;font-size:26px;margin-top:60px;}
.info_big_box .info_1{margin:30px 0 0;}
.info_big_box .info_1 .dh{color:#555;min-height:40px;line-height:40px;cursor:help;margin-bottom:10px;}
.info_big_box .info_1 .dh img{float: left;width:30px;margin-top:5px;}
.info_big_box .info_1 .dh span{float: right;width:89%;font-size:18px;color:#555;letter-spacing:0px;line-height:40px;}
.info_big_box .info_1 .dh span.num{font-family:impact;font-size:26px;letter-spacing:2px;}
.info_big_box .info_2{padding:10px;}
.info_big_box .share{height:24px;line-height:24px;margin:20px 0;}
.info_big_box .share span{font-size:16px;color:#555;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{margin:0 6px 0 0 !important;}
.info_big_box .info_3 span{display: inline-block;padding:8px 0;line-height:24px;color:#555;cursor:help;font-size:12px;}
.info_big_box .info_3 span img{display: inline-block;height:20px;margin-bottom:3px;margin-right:6px;}
.xgcp_title{padding:10px;background-color:#fafafa; margin:30px 0 0;}
.xgcp_title h3{color:#527eff;border-left:2px solid #527eff;padding-left:20px;height:30px;line-height:30px;font-weight: bold;font-size: 20px;}
.article_content{font-size:16px;line-height:36px;color:#333;padding-top:30px;}
.article_box{padding-top:30px;}
.article_box img, .article_content img{display: inline;}
/* .article_box p, .article_content p{margin-bottom:14px;} */
#xgcp ul li{float: left;text-align: center;width:23%;margin:1%;}
#xgcp ul li strong{display: block;height:36px;color:#333;font-size:16px;font-weight:100;line-height:36px;text-align: center;}
#xgcp ul li:hover strong{color:#fff;background: #0062b1}
#xgcp ul li:hover .pb_bg{transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;visibility: visible\9;}
.pagenum{border-top:1px solid #DCDCDC;margin-top:30px;text-align: center;}
.pagenum a{display: inline-block;color:#666;margin:20px 20px 0;width:120px;height:30px;line-height:30px;border:1px solid #527eff;border-radius:60px;font-size:0px;}
.pagenum span{font-size:16px;color:#527eff;}
.pagenum a:hover{background-color:#527eff;}
.pagenum a:hover span{color:#fff;}
/* ===================== 产品 详情页 ===================== */
/* ===================== 产品页 左侧 导航 ===================== */
#list{margin-top: 30px;}
#list .left_side{width:295px;}
#list .left_side .box_two{width:275px;background-color:#0945a9;padding:10px 10px;}
#list .left_side .box_two{margin-top:10px;padding:20px 10px;}
#list .left_side .box_two p{font-size:16px;color:#fff;line-height:30px;}
#list .left_side .box_two strong{color:#fff;font-size:30px;display: block;margin-bottom:10px;font-family:impact;font-weight:100;}
#list .left_side .box_two .more{height:36px;line-height:36px;background-color:#fff;margin-top:10px;width:200px;color:#333;text-align: center;}
#list .left_side .box_two .more i{background-color:dodgerblue;}
#list .left_side .box_two .more:hover{color:#fff;}
#list .right_side.fr{width:78%;}
@media(max-width:1505px ){#list .right_side.fr{width:73%;}}
/* ===================== 产品页 左侧 导航 ===================== */
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
a:hover, .tran, .pub_button .pb_bg, .section_seven .item i{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.left_side{width:300px;background:#075fc0}
.left_side h3{color:#fff;font-size:30px;padding-top:30px;text-align: center;padding-bottom: 20px;}
.left_side h3 em{display:block;color:rgba(255,255,255,0.25);font-size:20px;text-transform:uppercase}
.left_side ul li{margin:0 25px;white-space: nowrap; text-overflow: ellipsis; }
.left_side ul li a{display:block;background:url(../images/jt.png) left center no-repeat;height:45px;line-height:45px;color:#fff;padding-left:20px;border-bottom:1px solid rgba(255,255,255,0.25);font-size: 16px;}
.left_side ul li a:hover{padding-left:30px}
.footer{background:#272727;}
.footer .f1 h3,.footer .f2 h3,.footer .f3 h3,.footer .f4 h3{margin-top:30px;font-size:24px;color:#fff;position:relative;margin-bottom:20px;margin-bottom:40px}
.footer .f1 h3::before,.footer .f2 h3::before,.footer .f3 h3::before,.footer .f4 h3::before{position:absolute;content:"";width:50px;height:3px;background:#fff;top:40px;left:0}
.footer .f1{width:20%;margin-right: 3%;}
.footer .f1 p{text-align: center;color: #fff;}
.footer .f1 a{display:block;height:20px;line-height:20px;color:#fff;box-sizing:border-box;margin-top:10px;float: left;width: 50%;font-size: 16px;}
.footer .f2{width:38%}
.footer .f2 a{color:#fff;line-height:30px;display:block;float: left;width: 33%;font-size: 16px;}
.footer .f3{width:27%;color:#fff;line-height:30px}
.footer .f3{font-size: 16px;}
.footer .f4{width:12%;margin-top:30px;color: #fff;font-size: 16px;text-align: center}
.footer .f4 img{width: 100%;}
.footer .copyright{margin-top:30px;text-align:center;color:#fff;padding:5px 0;border-top:1px solid rgba(255,255,255,0.15);}
.footer .copyright a{display:inline-block;color:#fff;font-style: normal;}
.footer .copyright img{display:inline-block;margin-left:15px}
.footer .copyright p{color:#fff;text-align:center}
.w1500{width: 80%;margin: 0 auto;}
.fixed_footer{display: none;}
.fixed_footer{display: none;background:rgba(7, 96, 192, 0.863);height:50px;position: fixed;bottom:0px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px 10px 0 0;}
@media (min-width:640px){
.fixed_footer{width:640px !important;left:50%;margin-left:-320px;}}
.fixed_footer a{float: left;width:33.33%;text-align: center;}
.fixed_footer img{display: inline-block;height:24px;margin:5px 0 0;}
.fixed_footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}
@media( max-width:1200px ){
.video_box video{
display: none;
}
.fixed_footer{
display: block;
}
#list .left_side{display: none;}
#list .right_side.fr,.img_big_box,.info_big_box,.img_big_box .img_box {width: 100%;float: none;}
#list .auto {width: 94%;float: none;}
#xgcp ul li {
float: left;
text-align: center;
width: 48%;
margin: 1%;
}
.footer .f1,.footer .f2,.footer .f3,.footer .f4{
width: 100%;float: none;overflow: hidden;
}
.img_big_box .img_box {
height: 294px;
}
.center {
width: 96%;
margin: 0 auto;
}
.n_banner img{height: 160px;width: 600%;}
.syqyys ul li {
width: 47.7%;
height: auto;
margin-bottom: 10px;
}
.syqyys ul li b {
font-size: 18px;
margin-bottom: 12px;
margin-top: 12px;
}
.footer .f4 img {
width: 31%;
}
.form_box_box, ul.fs{width:100%;}
.form_box_box{margin:0;padding:20px 0;box-shadow:none;}
ul.fs .box1 li{float:none;width:100%;margin-bottom:20px;}
.list_nav_cp{
display: none;
}
.case_lis li {
width: 47.7%;
margin-right: 2.15%;
}
.case_lis a .card .text{
display: none;
}
.pl_service4{
display: none;
}
.hqbj {
width: 45.5%;
margin: 0.5% 1%;
}
.case_lis li:nth-child(2n+2) {
margin-right: 0;
}
.case_lis li:nth-child(3n+3) {
margin-right: 2.15%;
}
.ckxq {
width: 44% !important;
}
.ckxq,.hqbj{font-size: 12px;}
.case {
padding-top: 0rem;
}
}
@media( max-width:768px ){
.banner {
/* height: 273px; */
margin-top: 50px;
}
.hexin .title p{display: none;}
}
.call{height:70px;background:url(../../images/call12.png) 0 0 no-repeat;padding-left:46px;text-align: left;margin-top: 10px;}
.call h3{font-size:32px;color:#527eff;font-family: impact;}
.call em{color: #527eff;}
/*asid_share*/
.asid_share{position:fixed;width:40px;bottom:15%;right:0;z-index:890;}
*html #asid_share{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;}
.asid_share .asid_share_box{width:100%;margin-bottom:3px;background:#d9d9d9;text-align:center;}
.asid_share .asid_share_box a{display:block;height:35px;padding-top:5px;}
.asid_share .asid_share_box a:hover{background:#e12500;text-decoration:none;}
.asid_share .asid_share_box a:hover .asid_title,.asid_share .asid_share_box .asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:18px;width:30px;margin-top:-2px;}
.asid_share .red_bag{background:#e12500;text-decoration:none;}
.asid_share .asid_sha_layer{border:1px solid #ccc;background:#fff;position:absolute;right:47px;bottom:-44px;}
.sweep_img{padding:10px;}
.asid_share_box .asid_help_list li{line-height:26px;height:26px;background:url(../images/dian.png) no-repeat 6px 12px;}
.asid_share_box .asid_help_list li a{line-height:26px;height:26px;padding:0 0 0 14px;text-align:left;}
.asid_help_list li a:hover{color:#fff;}
.asid_share_triangle{width:12px;height:40px;position:absolute;right:45px;bottom:-12px;z-index:100;}
.border_sj,.con_sj{display:block;width:18px;height:28px;font-size:18px;overflow:hidden;font-family: SimSun;}
.border_sj{color:#ccc;font-style:normal;}
.con_sj{color:white;margin:-14px -2px 0 0;margin:-28px 0 0 -2px;}
.ckxq{border:1px solid #B3B3B3;width:46%;margin:1.5% 1.5%;text-align:center;color:#333;padding:1% 0;border-radius:0.04rem;float:left}
.ckxq span{background:url(../images/ckxq.png) no-repeat;background-position:5% center;padding:1% 8%}
.ckxq:hover,.hqbj:hover{background: #517eff;color: #fff;border:1px solid #517eff;}
.ckxq:hover span{background-image:url(../images/ckxq1.png) }
.hqbj:hover span{background-image:url(../images/hqbj1.png) }
.hqbj{border:1px solid #B3B3B3;width:46%;margin:1.5% 1.5%;text-align:center;color:#333;padding:1% 0;border-radius:0.04rem;float:left}
.hqbj span{background:url(../images/hqbj.png) no-repeat;background-position:5% center;padding:1% 9%}
.hqbj1{border:1px solid #B3B3B3;width:97%;margin:1.5% 1.5%;text-align:center;color:#333;padding:1% 0;border-radius:0.04rem;float:left}
.list_nav_cp{margin-bottom: 20px;overflow: hidden;}
.list_nav_cp li{width: 10.4%;float: left;margin-bottom: 10px;margin-right: 10px;}
.list_nav_cp li a {display: block;text-align: center;border: 1px solid #ccc;border-radius: 10px;padding: 10px 0; background: #517eff;color: #fff;}
.list_nav_cp li a:hover{background: #fff;color: #517eff;}
.pl_service4 {
position: fixed;
left:0px;
top: 68%;
z-index: 99;
}
.pl_service4 .item_con {
text-align: right;
margin-bottom: 2px;
height: 60px;
clear: both;
}
.pl_service4 .service_icon path{color: #fff;background: #fff}
.pl_service4 a{display: inline-block;
color: #fff;}
.pl_service4 .service_item {
/* padding-right: 60px; */
float: left;
width: 60px;
min-width: 60px;
height: 60px;
background: rgba(0, 0, 0, 0.4);
color: #fff;
transition: all 0.5s ease;
position: relative;
cursor: pointer;
/* overflow: hidden; */
}
.pl_service4 .service_item.showLang:hover {
min-width: 230px;
}
.pl_service4 .service_icon {
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
}
.pl_service4 .service_icon span {
text-align: center;
font-size: 12px;
line-height: 14px;
display: block;
margin-top: 2px;
padding: 0 2px;
}
.pl_service4 .service_item{color: #fff;}
.pl_service4 .service_icon .icon {
width: 30px;
height: 30px;
margin: 6px 16px 0 16px;
color: #fff;
}
.pl_service4 .service_value {
padding: 10px 0 10px 70px;
width: 170px;
text-align: left;
line-height: 20px;
display: none;
}
.pl_service4 .service_item:hover .service_value {
display: block;
}
.service_value p{line-height: 40px;}
.pl_service4 .service_value.dh {
line-height: 40px;
}
.pl_service4 .service_value.tp {
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
width: 120px;
height: 120px;
background: #fff;
border-radius: 4px;
padding: 10px;
overflow: hidden;
/* display: none; */
}
.pl_service4 .service_value.tp2 {
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
width: 320px;
background: #fff;
border-radius: 4px;
padding: 20px;
overflow: hidden;
/* display: none; */
}
.pl_service4 .service_value.tp2 p{
color: #000;
line-height: 160%;
}
.pl_service4 .service_value.tp img {
width: 100%;
height: 100%;
display: block;
}
.pl_service4 .service_item.showImg:hover .service_value.tp {
display: block;
}
.pl_service4 .service_item.showImg:hover .service_value.tp2 {
display: block;
}
.go_top{display: none;background:url(../../images/top.png) center center/50% no-repeat;width:40px;height:40px;cursor:pointer;text-align: center;background-color:#527eff;border-radius:50%;position: fixed;right:6px;bottom:4px;z-index:99999999999;}
.wap2cp{ margin-top: 10px !important;overflow: hidden;}
.wap2cp li{width: 31% !important;float: left;text-align: center;border: 1px solid #ccc;height: 30px;line-height: 30px;background-color:#527eff;color: #fff; margin-bottom: 4px !important;margin-left: 5px !important;}
.wap2cp li a{color: #fff;}
.wap2cp li{
margin-right: 0px !important;
}