@font-face{
    font-family: 'SF-UI';
    src:url("../fonts/SF-UI-Display-Ultralight.otf");
}
.pc{display: block;}
.mobile{display: none;}
.more{width: 10%;color: #666;font-size: 14px;line-height: 50px;text-align: center;margin: 0 auto;display: block;border-radius: 35px;border:1px #e1e1e1 solid;margin-top: 35px;}
.more:hover{background: #1e77d3;color: #fff;}
/*产品列表*/
.cpfl{padding: 0;margin-bottom: 35px;}
.cpfl a{display: inline-block;width: 16.3%;text-align: center;border-right: 1px #d9d9d9 solid;}
.cpfl a.on{background: #1e77d3;color: #fff;border: 0;}
.cpfl a:hover{background: #1e77d3;color: #fff;}
.cpfl a span{font-size: 40px;}
.cpfl a p{font-size: 16px;line-height: 35px;}
.cpfl a:nth-child(2) span{font-size: 26px;height: 44px;display: inline-block;margin-top: 13px;}
.cp .cp-list .cp-list-content{display: inline-block;width: 23%;margin-right: 2%;margin-bottom: 35px;text-align: center;}
.cp .cp-list .cp-list-content:nth-child(4n+4){margin-right: 0;}
.cp .cp-list .cp-list-content div{width: 100%;height: 300px;overflow: hidden;}
.cp .cp-list .cp-list-content img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s;}
.cp .cp-list .cp-list-content p{font-size: 14px;margin-top: 13px;}
.cp .cp-list .cp-list-content:hover img{transform: scale(1.2)}
.cp{width: 75%;margin: 0 auto;}
.cp .cp-list{display: none;}
.cp .cp-list .active{display: none;}
.cp .cp-list122 .active122{display: block;}
.cp .cp-list122{display: block;}
.cp .cp-list122 .on{display: none;}
.cp .cp-list122 .on1{display: block;}
#cpzx #cpL{position: absolute;left: 5%;margin-top: 17%;z-index: 9999;}
#cpzx #cpR{position: absolute;right: 5%;margin-top: 17%;z-index: 9999;}
/*推荐产品*/
#tjcp{background: url("../images/tj-bg.png") no-repeat center;margin-top: -70px;}
#tjcp .container{padding-top: 5%;}
#tjcp .fwxm_bt1{color: #fff;}
#tjcp .fwxm_bt3{color: #fff;}
#tjcp .tj{width: 80%;overflow: hidden;position: relative;height: 380px;margin: 0 auto;margin-top: 35px;}
#tjcp .tjcp{width: 800%;height:380px;position: absolute;overflow: hidden;}
#tjcp .tjcp .tj-list{width: 320px;height: 100%;background: #fff;text-align: center;margin-right:30px;border: 1px #e1e1e1 solid;}
#tjcp .tjcp .tj-list .tj-list-img{width: 300px;height:300px;margin: 10px auto;overflow: hidden;}
#tjcp .tjcp .tj-list img{width: 100%;height:100%;object-fit: cover;transition: all 0.6s;}
#tjcp .tjcp .tj-list:hover img{transform: scale(1.2)}
#tjcp .tjcp .tj-list p{margin-top: 15px;font-size: 14px;}
/*客服热线*/
.kfrx{background: url("../images/kf-bg.png") no-repeat center;width: 1400px;margin: 0 auto;height: 180px;}
.kfrx .kfrx-mobile{margin-left: 20%;padding-top: 5%;font-size: 18px;color: #333;}
.kfrx .kfrx-mobile p{font-family: "Arial";font-size: 28px;color: #036ddb;letter-spacing: 1px;font-weight:bold;}
.kfrx .kfrx-mobile p span{font-size: 28px;margin-right: 5px;font-weight: unset;}
.kfrx a{display:inline-block;width: 180px;line-height: 40px;text-align: center;border-radius: 25px;border:1px #036ddb solid;color: #036ddb;margin-top: -3.5%;}
.kfrx a:hover{background: #036ddb;color: #ffff;}
.kfrx a:nth-child(2n+2){background: #036ddb;color: #ffff;}
.kfrx a:nth-child(2n+2):hover{background: unset;color:#036ddb;}
.kfrx a.dz{margin-left: 40%;}
.kfrx a.yy{margin-left: 60%;}
.kfrx a.bj{margin-left: 76%;}
/*企业优势*/
#qyys{background: #f2f7f8;margin-top: 35px;}
#qyys .fwxm_bt1 span{display: inline-block;margin: auto 35px;color: #036ddb;font-weight: bold;}
#qyys .qyys-content .qyys-list{padding-bottom: 3.5vw;}
#qyys .qyys-content .qyys-list .qyys-list-img{position: relative;width: 55%;z-index: 80;}
#qyys .qyys-content .qyys-list .qyys-list-img img{width: 100%;height: 440px;object-fit: cover;}
#qyys .qyys-content .qyys-list .qyys-list-txt{background: #fff;width:50%;margin-top: -28%;z-index: 99;position: relative;padding: 4% 0;}
#qyys .qyys-content .qyys-list .qyys-list-txt *{margin-left: 15%;}
#qyys .qyys-content .qyys-list .qyys-list-txt span{color:#036ddb;font-family: "SF-UI";font-size: 90px;font-weight: 100;font-style: oblique;height: 80px;display: inline-block;overflow: hidden;width: 120px;}
#qyys .qyys-content .qyys-list .qyys-list-txt b{font-weight: bold;font-size: 34px;display: block;margin-top: -10px;color: #000;}
#qyys .qyys-content .qyys-list .qyys-list-txt p{font-size: 16px;line-height: 32px;}
#qyys .qyys-content .qyys-list:nth-child(2n+2) .qyys-list-img{margin-left: 28%;}
#qyys .ys-mb{display: none;}
/*公司简介*/
#about{background: url("../images/about.png") no-repeat center;text-align: center;height: 617px;margin-top: 120px;}
#about .about-content b{font-size: 30px;font-weight: bold;}
#about .about-content p{line-height: 34px;font-size: 16px;margin-top: 30px;}
/*工程案例*/
#gcal .Box {position: relative;}
#gcal .Box .content {width: 1200px;margin: 0 auto;}
#gcal .Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
#gcal .Box .Box_con {position: relative;}
#gcal .Box .Box_con .btnl {position: absolute;}
#gcal .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
#gcal .Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
#gcal .Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
#gcal .Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
#gcal .Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
#gcal .Box .Box_con .conbox {position: relative;overflow: hidden;}
#gcal .Box .Box_con .conbox ul {position: relative;list-style: none;}
#gcal .Box .Box_con .conbox ul li {float: left;width: 305px;height: 260px;margin-left: 20px;overflow: hidden;}
#gcal .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
#gcal .Box .Box_con .conbox ul li img {display: block;width: 100%;height: 260px;transition: all 0.5s;object-fit: cover;}
#gcal .Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}
/*新闻中心*/
.news{margin-top: 100px;}
.news .news-nav b{font-size: 38px;font-weight: bold;}
.news .news-nav p span{display: inline-block;font-size:16px;line-height: 40px;width: 100px;text-align: center;margin-top: 10px;}
.news .news-nav p span.on{border: 1px #036ddb solid;border-radius: 20px;color: #036ddb;}
.news .news-content{display: none;margin-top: 35px;color: #000;}
.news .news-content:nth-child(2){display: block;}
.news .news-content .news-list{width: 40%;}
.news .news-content .news-list a{margin-bottom: 20px;display: block;}
.news .news-content .news-list a .new-time{width: 100px;height: 100px;text-align: center;border: 1px #d6d6d6 solid;}
.news .news-content .news-list a .new-time span{font-size: 24px;border-bottom: 1px #757575 solid;display: inline-block;margin-top: 20px;}
.news .news-content .news-list a .new-time p{font-size: 16px;line-height: 24px;}
.news .news-content .news-list a .new-list{margin-top: 15px;margin-left: 15px;width: 75%;}
.news .news-content .news-list a .new-list .new-list-title{margin-bottom: 10px;font-size: 16px;}
.news .news-content .news-list a .new-list .new-list-content{font-size: 14px;}
.news .news-content .news-list1{width: 55%;}
.news .news-content .news-list1 .new-list{width: 48%;margin-right:4%;display: inline-block;}
.news .news-content .news-list1 .new-list:last-child{margin-right: 0;}
.news .news-content .news-list1 .new-list .new-list-img{width: 100%;height: 200px;overflow: hidden;}
.news .news-content .news-list1 .new-list img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s;}
.news .news-content .news-list1 .new-list:hover img{transform: scale(1.2)}
.news .news-content .news-list1 .new-list .new-list-title{margin-top: 30px;font-size: 16px;}
.news .news-content .news-list1 .new-list .new-list-content{margin-top: 60px;margin-bottom: 50px;font-size: 14px;}
.news .news-content .news-list a:hover .new-time{background: #036ddb;color: #fff;border: 0;}
.news .news-content .news-list a:hover .new-time span{border-bottom: 1px #fff solid;}
.news .news-content .news-list a:hover .new-list-title{color: #036ddb;}
.news .news-content .news-list a .new-list-content{color: #7b7b7b;}
.news .news-content .news-list a:hover .new-list-content{color: #7b7b7b;}
.news .news-content .news-list1 .new-list:hover .new-list-title{color: #036ddb;}
.news .news-content .news-list1 .new-list .new-list-content{color: #7b7b7b;}
.news .news-content .news-list1 .new-list:hover .new-list-content{color: #7b7b7b;}
.news .news-content .news-list1 .new-list p:last-child span:first-child{color: #7b7b7b;}
.news .news-content .news-list1 .new-list:hover p:last-child span:first-child{color: #7b7b7b;}
.news .news-content .news-list1 .new-list:hover p:last-child span:last-child{color: #036ddb;}

/*动画时间控制*/
.cp .cp-list .on .cp-list-content:nth-child(1){animation-delay:0.1s;-webkit-animation-delay:0.1s;}
.cp .cp-list .on .cp-list-content:nth-child(2){animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.cp .cp-list .on .cp-list-content:nth-child(3){animation-delay:0.5s;-webkit-animation-delay:0.6s;}
.cp .cp-list .on .cp-list-content:nth-child(4){animation-delay:0.7s;-webkit-animation-delay:0.7s;}
.cp .cp-list .on .cp-list-content:nth-child(5){animation-delay:0.9s;-webkit-animation-delay:0.9s;}
.cp .cp-list .on .cp-list-content:nth-child(6){animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.cp .cp-list .on .cp-list-content:nth-child(7){animation-delay:1.3s;-webkit-animation-delay:1.3s;}
.cp .cp-list .on .cp-list-content:nth-child(8){animation-delay:1.6s;-webkit-animation-delay:1.6s;}
.news .news-content .news-list1 .new-list:nth-child(1){animation-delay:1s;-webkit-animation-delay:1s;}
.news .news-content .news-list1 .new-list:nth-child(2){animation-delay:1.3s;-webkit-animation-delay:1.3s;}
@media screen  and (max-width: 1400px){
.cp{width: 95%;}
#cpzx #cpL{left: 0.5%;width: 3%;}
#cpzx #cpR{right: 0.5%;width: 3%;}
.cp .cp-list .cp-list-content div{height: 260px;}
.kfrx{width: 100%;}
#tjcp .tj{width: 95%;height: 28vw;}
#tjcp .tjcp{height: 28vw;}
#tjcp .tjcp .tj-list{width: 25vw;}
#tjcp .tjcp .tj-list .tj-list-img{width: 24vw;height: 22vw;margin-top: 0.5vw;}
#tjcp .tjcp .tj-list p{margin-top: 0;}
#tjcp{margin-top: -8vw;}
#tjcp .cpzs_bt{padding-top: 5vw;}
}
@media screen  and (min-width: 1200px) and (max-width: 1400px){
    .kfrx{width: 98%;}
    .kfrx .kfrx-mobile{margin-left: 12%;}
    .kfrx a.dz{margin-left: 35%;}
    .kfrx a.yy{margin-left: 55%;}
    .kfrx a.bj{margin-left: 73%;}
}
@media screen  and (max-width: 1200px){
    .kfrx{display: none;}
    #tjcp .tj{margin-top: 0;height: 20vw;}
    #tjcp .tjcp{height: 20vw;}
    #tjcp .tjcp .tj-list{width: 20vw;}
    #tjcp .tjcp .tj-list .tj-list-img{width: 19vw;height: 16vw;margin-top: 0.5vw;}
    #tjcp .tjcp .tj-list p{margin-top: 0;}
    #about{margin-top: 5vw;}
    #about .about-content p{margin-top: 1vw;line-height: 2.5vw}
    #qyys .qyys-content .qyys-list .qyys-list-txt{padding-top:0;padding-bottom: 3%;}
    #qyys .qyys-content .qyys-list .qyys-list-txt span{font-size: 6vw;height: 5.5vw;}
    #qyys .qyys-content .qyys-list .qyys-list-txt b{font-size: 2vw;}
    #qyys .qyys-content .qyys-list .qyys-list-txt p{font-size: 1.5vw;}
    #qyys .qyys-content .qyys-list .qyys-list-img img{height: 290px;}
    #qyys .cpzs_bt .fwxm_bt1 img{width: 30%;}
    #qyys .fwxm_bt1 span{margin: auto 2%;}
}
@media screen  and (max-width: 991px){
    #cpzx #cpL{margin-top: 19%;display: none;}
    #cpzx #cpR{margin-top: 19%;display: none;}
    .cp .cp-list .cp-list-content div{height: 20vw;}
    .cp .cp-list .cp-list-content{width: 30%;}
    .cpfl a{width: 32%;}
    #tjcp .cpzs_bt{padding-top: 1vw;}
    .more{width: 20%;}
    #qyys .qyys-content .qyys-list .qyys-list-img img{height: 270px;}
    #qyys .cpzs_bt .fwxm_bt1 img{width: 26%;}
    .news-list1{display: none;}
    .news .news-content .news-list{width: 100%;}
    .news{margin-top: 3vw;}
}
@media screen  and (max-width: 768px) {
    .cp .cp-list .cp-list-content{width: 47%;}
    .cp .cp-list .cp-list-content div{height: 35vw;}
    .pc{display: none;}
    .mobile{display: block;}
    #tjcp .tj{height: 35vw;}
    #tjcp .tjcp{height: 35vw;}
    #tjcp .tjcp .tj-list{width: 30vw;}
    #tjcp .tjcp .tj-list .tj-list-img{width: 29vw;height: 26vw;margin-top: 0.5vw;}
    #tjcp .tjcp .tj-list p{margin-top: 1vw;}
    .more{width: 35%;line-height: 8vw;color: #fff;}
    #about .more{color: #666}
    #about{height: 52vw;}
    .cpzs .cpzs_bt .fwxm_bt1{font-size: 22px;}
    .cpzs .cpzs_bt{padding-top: 8vw;}
    #qyys .qyys-content .qyys-list .qyys-list-img{width: 50%;}
    #qyys .qyys-content .qyys-list .qyys-list-img img{height: 240px;}
    #qyys .qyys-content .qyys-list .qyys-list-txt{width: 50%;}
    #qyys .qyys-content .qyys-list:nth-child(2n+2) .qyys-list-img{margin-left: 44%;}
    #qyys .cpzs_bt .fwxm_bt1 img{width: 22%;}
    #gcal .swiper-wrapper{height: 25vw;}
    #gcal .Box .Box_con .conbox ul li{width: 200px;height: 200px;}
}
@media screen  and (max-width: 500px) {
    #about{height: 80vw;}
    .more{margin-top: 3vw;}
    #about .about-content b{font-size: 22px;}
    #about .about-content p{line-height: 5vw;}
    #qyys .qyys-content .qyys-list .qyys-list-img img{height: 37vw;}
    .news .news-content .news-list a .new-list{width: 65%;margin-top: 1vw;}
    .new-pc{display: none;}
    .new-mobile{display: block;}
    #qyys .qyys-content .qyys-list .qyys-list-txt{margin-top: -35%;}
    #qyys .qyys-content .qyys-list .qyys-list-txt span{font-size: 7vw;height: 7vw;}
    #qyys .qyys-content .qyys-list .qyys-list-txt b{font-size: 3.3vw;}
    #qyys .qyys-content .qyys-list .qyys-list-txt p{line-height: 4.5vw;}
    #qyys .qyys-content .qyys-list .qyys-list-txt img{width: 50%;height: 1vw;}
    #qyys .qyys-content .qyys-list .qyys-list-txt p{font-size: 2vw;}
    #qyys .ys-mb{display: block;}
    #qyys .ys-pc{display: none;}
    .news .news-nav p.pull-right{float: unset !important;}
    .news .news-nav b{display: none;}
    .cpzs .cpzs_bt{padding: 0;padding-top: 3vw;}
    :root {--swiper-navigation-size: 22px;}
    .cpzs .cpzs_bt .fwxm_bt1{font-size: 3rem !important;}
    #qyys .cpzs_bt .fwxm_bt1 img{display: none;}
    #gcal .Box .Box_con .conbox ul li{width: 30vw;height: 30vw;margin-left: 5px;}
}
#footer .con-footer .con-footer-list{width: 31%;}