@charset "utf-8";
/* CSS Document */



.aboutIndex {
    padding: 61px 0 139px 0;
    overflow: hidden;
    background: url(../images/about03.jpg) no-repeat top center;
    background-size: cover;
}
.about-banner {
    background: url("../images/aboutbannner.jpg") no-repeat center top;
}
.about-banner .newsBan {
    margin-top: 54px;
}
.aboutIndex-img {
    float: right;
    width: 580px;
    height: 326px;
    box-shadow: 3.897px 27.728px 30px 0px rgba(0, 0, 0, 0.16);
}
.aboutIndex-head {
    padding: 80px 0 100px;
}
.aboutIndex-case {
    background: #0152ad;
    padding: 60px 0;
    margin-bottom: 10px;
    height: 350px;
}
.aboutIndex-case .newsIndex-title {
    color: #fff;
}
.aboutIndex-case .caseIndex-cls {
    background: #fff;
}
.aboutIndex-case .caseIndex-cls:hover {
    background: none;
}
.aboutIndex-case .caseIndex-head {
    margin-top: 30px;
}
.abPro-text {
    font-size: 14px;
    color: #555;
    line-height: 26px;
    margin-top: 24px;
}
.aboutIndex-pro .product-box:first-child {
    margin-left: 0;
}
.aboutIndex-pro {
    padding: 60px 0;
	height: 680px;
}
.abMain-cls {
    width: 650px;
    float: left;
}
.abMain-title {
    font-size: 24px;
    color: #222;
    line-height: 1;
}
.abMain-intro {
    font-size: 14px;
    color: #555;
    line-height: 26px;
    margin-top: 24px;
}
.abMain-img {
    width: 420px;
    height: 380px;
    float: right;
}
.aboutIndex-main {
    background: #f6f6f6;
    padding-top: 60px;
}
.aboutIndex-cont {
    background: #fff;
    padding: 40px;
}
.ain2 .abMain-img {
    float: left;
}
.ain2 .abMain-cls {
    margin-left: 30px;
}
.ain2 {
    margin-top: 40px;
}
.aboutIndex-main .content {
    padding-bottom: 80px;
}
.aboutIndex-pro .product-info {
    background: #0152ad;
}
.aboutIndex-pro .product-tle a {
    color: #fff;
}
.aboutIndex-pro .pro-info-cont {
    border-color: #0152ad;
}
.aboutIndex-pro .product-box {
    box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.1);
}

#a1, #a2, #a3, #a4, #a5, #a6, #a7 {
  scroll-margin-top: 90px;  /* 等于导航栏高度 */
}
.subnav li a:hover {
  background-color: #1E50BC;
  color: white;
  padding: 0 20px; /* 改为左右对称的padding */
  margin: 0 -5px;  /* 抵消外部间距影响 */
}


.aboutIndex {
    padding: 61px 0 139px 0;
    overflow: hidden;
    background: url(../images/about03.jpg) no-repeat top center;
    background-size: cover;
}
.inmain {
    /* max-width: 1460px; */
    margin: 0 auto;
}
.abPro-text {
    font-size: 14px;
    color: #555;
    line-height: 26px;
    margin-top: 24px;
}
.related-pro {
    padding-top: 10px;
    margin-left: -20px;
}
.clearfix, .clf {
    zoom: 1;
}
.aboutIndex-pro .product-box:first-child {
    margin-left: 0;
}
.aboutIndex .product-box {
    min-height: auto;
}
.aboutIndex-pro .product-box {
    box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.1);
}
.product-box {
    width: 280px;
    float: left;
    margin-left: 20px;
    min-height: 368px;
    background: #fff;
}
.relatedArea-cls {
    padding-top: 60px;
}
.related-area {
    margin-top: 20px;
}
.relatedArea-cls .news-img {
    width: 380px;
    height: 240px;
}
.relatedArea-cls .news-img img {
    width: 380px;
    height: 240px;
}
.relatedArea-cls .news-info {
    background: #fff;
}
.relatedArea-cls .news-box:hover .news-info {
    box-shadow: 1.414px -1.414px 26px 0px rgba(0, 0, 0, 0.06);
}
.product-box {
    width: 280px;
    float: left;
    margin-left: 20px;
    min-height: 315px;
    background: #fff;
}
.product-img {
    width: 280px;
    height: 210px;
    position: relative;
    overflow: hidden;
}
.product-img img {
    width: 280px;
    height: 210px;
    transition: .3s;
}
.product-info {
    padding: 0 20px;
    background: #fff;
    min-height: 90px;
}
.product-box:hover .product-img img {
    transform: scale(1.1);
}
.product-tle {
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
}
.product-tle a {
    color: #000;
}
.pro-info-cont {
    padding: 26px 0;
    border-top: 1px solid #eaeaea;
}
.product-nature {
    margin-top: 5px;
}
.product-nature p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    text-indent: 15px;
    background: url("../images/cppq.png") no-repeat 0 center;
}
.product-box:hover .product-info{
    background: #0069de;
}
.product-box:hover .pro-info-cont {
    border-top: 1px solid #0152ad;
}
.product-box:hover .product-tle a {
    color: #fff;
}
.product-box:hover .product-nature p {
    color: #fff;
    background: url("../images/baiq.png") no-repeat 0 center;
}
.indexBut {
    width: 200px;
    height: 50px;
    margin: 396px auto 0;
}
.indexBut a {
    width: 198px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: block;
    font-size: 16px;
    color: #999999;
    border: 1px solid #aaaaaa;
}
.aboutIndex-main .content {
    padding-bottom: 80px;
}
.aboutIndex-cont {
    background: #fff;
    padding: 40px;
	height: 469px
}
.content {
    width: 1180px;
    margin: 0 auto;
}
.abMain-cls {
    width: 650px;
    float: left;
}
.abMain-title {
    font-size: 24px;
    color: #222;
    line-height: 1;
}
.abMain-intro {
    font-size: 14px;
    color: #555;
    line-height: 26px;
    margin-top: 24px;
}
.abMain-img {
    width: 420px;
    height: 380px;
    float: right;
}
.ain2 {
    margin-top: 40px;
}
.ain2 .abMain-img {
    float: left;
}
.abMain-img {
    width: 420px;
    height: 380px;
    float: right;
}
.ain2 .abMain-cls {
    margin-left: 30px;
}
.abMain-cls {
    width: 650px;
    float: left;
}
.content {
    width: 1180px;
    margin: 0 auto;
}
.aboutIndex-case .newsIndex-title {
    color: #fff;
}
.newsIndex-title {
    font-size: 28px;
    color: #000;
    line-height: 1;
}
.aboutIndex-case .caseIndex-cls {
    background: #fff;
}
.caseIndex-cls:first-child {
    margin-left: 0;
}
.caseIndex-cls {
    float: left;
    width: 180px;
    height: 175px;
    border: 10px solid #f6f6f6;
    text-align: center;
    margin-left: 20px;
}
.caseIndex-cls:hover span {
    color: #fff;
}
.caseIndex-cls .cs1 {
    background: url(../images/hangye01.jpg) no-repeat 0 0;
}
.caseIndex-cls .cs2 {
    background: url(../images/hangye02.jpg) no-repeat 0 0;
}
.caseIndex-cls .cs3 {
    background: url(../images/hangye03.jpg) no-repeat 0 0;
}
.caseIndex-cls .cs4 {
    background: url(../images/hangye04.jpg) no-repeat 0 0;
}
.caseIndex-cls .cs5 {
    background: url(../images/hangye05.jpg) no-repeat 0 0;
}
.caseIndex-cls .cs6 {
    background: url(../images/hangye06.jpg) no-repeat 0 0;
}
.caseIndex-cls em {
    width: 160px;
    height: 128px;
    display: block;
    background: url(../images/cs2.png) no-repeat 0 0;
}
.caseIndex-cls span {
    color: #222;
    line-height: 1;
    font-size: 16px;
}




.second-nav{ width:100%; background:rgba(27, 79, 162, 0.9); position:relative; margin-top:-60px; z-index:5; overflow:hidden }

.second-nav ul li{ float:left; font-size:20px }

.second-nav ul li a{ color:#fff; display:block; line-height:60px; text-align:center; border-right:1px solid rgba(255, 255, 255, 0.2); padding:0 60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden }

@media (min-width:1025px){
.second-nav ul li a:hover{ color:#1b4fa2; background:#fff }
}

.second-nav ul .active a{ background:#fff; color:#0071b3 }

@media (max-width:1023px){
.second-nav{ margin-top:0 }

.second-nav .container{ padding:0 }

.second-nav ul li{ font-size:14px }

.second-nav ul li a{ line-height:40px }

.second-nav ul .active a{ background:#fff; color:#0071b3 }
}


.about01 .home-top .video .pic {
    float: right;
}
.about01{ padding:33px 0 31px 0; overflow:hidden; }

.about01 .home-top{ overflow:hidden; padding-bottom:52px; border-bottom:1px solid #ededed }

.about01 .home-top .video{ float:left; width:50.296%; padding:5px; background:#fff; border-radius:4px }

.about01 .home-top .video .pic img{ transition:.5s }

.about01 .home-top .video .pic:after{ padding-bottom:56.71428571428571% }

.about01 .home-top .video .pic .hover{ background:url("../images/video.png") no-repeat center center; width:100%; height:100%; position:absolute; top:0; left:0 }

.about01 .home-top .text{ float:right; width:47%; padding-top:24px; background:url("../images/dt.png") no-repeat top left }

.about01 .home-top .text .span{ color:#2060aa; font-size:16px; text-transform:uppercase; position:relative; padding-left:41px; letter-spacing:6px; display:inline-block; padding-right:26px; padding-bottom:24px; margin-bottom:21px }

.about01 .home-top .text .span:before{ content:''; display:block; width:12px; height:12px; background:#1b4fa2; position:absolute; left:9px; top:6px }

.about01 .home-top .text .span:after{ content:''; display:block; width:302px; height:1px; background:#c9c9c9; position:absolute; left:0px; bottom:0 }

.about01 .home-top .text .bt{ font-size:45px; color:#333; margin-left:11px; margin-bottom:7px }

.about01 .home-top .text .bt span{ color:#1b4fa2 }

.about01 .home-top .text .p{ font-size:18px; color:#383838; margin-left:9px }

.about01 .home-top .text .p:after{ content:''; display:block; width:51px; height:3px; background:#1b4fa2; margin:19px 0 26px 0 }

.about01 .home-top .text .jsh{ margin-left:9px; line-height:25px; font-size:15px; color:#666; overflow:hidden; margin-bottom:26px }

.about01 .home-top .text .more{ margin-left:11px }

.about01 .home-top .text .more a{ width:182px; height:50px; line-height:48px; text-align:center; border-radius:30px; font-size:18px; border:1px solid #1b4fa2; color:#1b4fa2; display:block }

@media (min-width:1025px){
.about01 .home-top .text .more a:hover{ background:#1b4fa2; color:#fff }
}

@media (max-width:1024px){
.about01{ padding:30px 0 }

.about01 .home-top{ padding-bottom:30px }

.about01 .home-top .video{ float:none; width:100% }

.about01 .home-top .text{ float:none; width:100%; padding-top:15px }

.about01 .home-top .text .span{ font-size:14px; padding-left:30px; letter-spacing:2px; padding-right:26px; padding-bottom:10px; margin-bottom:10px }

.about01 .home-top .text .span:before{ top:5px }

.about01 .home-top .text .bt{ font-size:25px }

.about01 .home-top .text .p{ font-size:16px }

.about01 .home-top .text .p:after{ width:31px; margin:10px 0 20px 0 }

.about01 .home-top .text .jsh{ font-size:14px; margin-bottom:10px }

.about01 .home-top .text .more a{ width:100px; height:35px; line-height:33px; font-size:14px }
}

.about02{ font-size:15px; line-height:28px; color:#666; padding-bottom:79px }

.about02 .jsh{ border-bottom:1px solid #ededed; padding-bottom:35px }

@media (max-width:1023px){
.about02{ font-size:14px; line-height:25px; padding-bottom:30px }

.about02 .jsh{ padding-bottom:30px }
}

.about03{ padding:61px 0 139px 0; overflow:hidden; background:url("../images/about03.jpg") no-repeat top center; background-size:cover }

.about03 .inmain-title h3{ color:#fff }

.about03 .inmain-title p{ color:#fff }

.about03 ul{ margin:0 -25px; padding-top:54px }

.about03 ul li{ width:50%; float:left; padding:0 25px }

.about03 ul li .box .img{ height:216px; position:relative }

.about03 ul li .box .img .hover{ position:absolute; top:0; width:100%; height:320px; padding:48px 61px; background:#fff }

.about03 ul li .box .img .hover .pic{ width:46px; height:46px; position:absolute; top:48px; left:61px }

.about03 ul li .box .img .hover .pic .ah{ display:none }

.about03 ul li .box .img .hover .bt{ padding-left:70px; line-height:50px; font-size:22px; color:#333; padding-bottom:19px; position:relative; margin-bottom:18px }

.about03 ul li .box .img .hover .bt:after{ content:''; display:block; width:43px; height:1px; background:#949495; left:0; position:absolute; bottom:0 }

.about03 ul li .box .img .hover .jsh{ font-size:16px; margin-bottom:15px; }

@media (min-width:1025px){
.about03 ul li .box .img:hover .hover{ background:#0081e4 }

.about03 ul li .box .img:hover .hover .pic .a{ display:none }

.about03 ul li .box .img:hover .hover .pic .ah{ display:block }

.about03 ul li .box .img:hover .hover .bt{ color:#fff }

.about03 ul li .box .img:hover .hover .bt:after{ width:100%; background:#fff }

.about03 ul li .box .img:hover .hover .jsh{ color:#fff }
}

@media (max-width:1023px){
.about03{ padding:30px 0 }

.about03 ul{ margin:0; padding-top:20px }

.about03 ul li{ width:100%; float:none; padding:0; margin-bottom:10px }

.about03 ul li .box .img{ height:auto }

.about03 ul li .box .img .hover{ position:relative; top:auto; height:auto; padding:20px }

.about03 ul li .box .img .hover .pic{ width:46px; height:46px; position:relative; top:auto; left:auto }

.about03 ul li .box .img .hover .pic .ah{ display:none }

.about03 ul li .box .img .hover .bt{ padding-left:0; line-height:50px; font-size:18px; color:#333; padding-bottom:5px; position:relative; margin-bottom:10px }

.about03 ul li .box .img .hover .jsh{ font-size:14px }
}

.about04{ padding:61px 0 50px 0; overflow:hidden; background:#f7f7f7 }

.about04 .home-bottom{ padding-top:38px; position:relative; text-align:center }

.about04 .home-bottom .list{ margin:0 -11px }

.about04 .home-bottom .list .item{ width:16.666666666666668%; float:left; padding:0 12px }

.about04 .home-bottom .list .item a{ display:block; border:1px solid #e0dfe4; overflow:hidden; width:100% }

.about04 .home-bottom .list .item .pic{ width:100% }

.about04 .home-bottom .list .item .pic img{ transition:.5s }

.about04 .home-bottom .list .item .pic:after{ padding-bottom:129.30232558139534% }

.about04 .home-bottom .list .item .pic .fangda{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(27, 79, 162, 0.74) }

.about04 .home-bottom .list .item .pic .fangda img{ position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-40px; transform:scale(1); width:29px }

.about04 .home-bottom .list .item .pic .fangda span{ position:absolute; left:50%; margin-left:-25px; top:50%; font-size:15px; color:white }

@media (min-width:1025px){
.about04 .home-bottom .list .item .pic:hover img{ transform:scale(1.05) }

.about04 .home-bottom .list .item .pic:hover .fangda{ display:block }

.about04 .home-bottom .list .item .pic:hover .fangda img{ transform:scale(1) }
}

.about04 .home-bottom .slick-dots{ z-index:10; display:inline-block !important; line-height:0; text-align:center; width:auto; position:relative; margin-top:50px; bottom:auto }

.about04 .home-bottom .slick-dots:after{ content:''; display:block; height:17px; width:100%; position:absolute; top:0; left:0; z-index:1; background:url("../images/line2h.png") repeat-x center left }

.about04 .home-bottom .slick-dots li{ margin:0 21px; padding:0; width:17px; height:17px; z-index:2; border-radius:50% }

.about04 .home-bottom .slick-dots li button{ width:17px; height:17px; padding:0; display:block; background:url("../images/icon1.png") no-repeat center center; border-radius:50% }

.about04 .home-bottom .slick-dots li button:before{ content:"" }

.about04 .home-bottom .slick-dots .slick-active button{ background:url("../images/icon1h.png") no-repeat center center }

.about04 .home-bottom .slick-dots .slick-active button:before{ color:transparent }

@media (max-width:1023px){
.about04{ padding:30px 0 }

.about04 .home-bottom .list{ margin:0 -5px }

.about04 .home-bottom .list .item{ width:25%; padding:0 5px }

.about04 .home-bottom .slick-dots{ margin-top:20px }
}