.banner .swiper-slide{ height: 80vh; background:url() center 0 no-repeat; background-size: auto 100%;}

.banner .swiper-slide img{ display:block; width:100%; height: 100%; object-fit: cover;}



.banner .swiper-slide .txt { margin-top:300px; display:none;}

.banner .swiper-slide .txt .t1 { padding: 15px 0; font-size: 4rem; color: #fff; font-weight:700; margin-bottom:25px;}

.banner .swiper-slide .txt .t2 { width: 54px; height: 5px; background: #fff; margin-bottom: 40px;}

.banner .swiper-slide .txt .t3 { font-size: 1.5rem; line-height: 1.8; color: #fefaf9; margin-bottom: 25px; width:60%;}

.banner .swiper-slide .txt .t4 { display:block; margin-top: 50px; padding-left: 25px; width: 150px; color: #fff; font-size: 15px; line-height: 40px; background: url(../images/t4.png) 110px center no-repeat; border: #fff solid 1px; border-radius: 50px; transition:.3s;}

.banner .swiper-slide .txt .t4:hover{ width:180px; padding-left:40px; background-position: 135px center;}



.banner .swiper-slide video{ width:100%; height: 100%; object-fit: cover;}



.banner .swiper-button-prev ,

.banner .swiper-button-next{ width: 12px; height: 22px; opacity: 0.7; color:#fff;}

.banner .swiper-button-prev { left:50px;}

.banner .swiper-button-next { right:50px;}

.banner .swiper-button-next:hover, 

.banner .swiper-button-prev:hover{ opacity:1;}

.banner .swiper-button-next:after, 

.banner .swiper-button-prev:after{ font-weight:100;}



.banner .swiper-pagination{ bottom:30px;}

.banner .swiper-pagination-bullet{ background:#fff; opacity: 0.7;}

.banner .swiper-pagination-bullet-active{ background:#1a3170; opacity:1;}







.w-solution { padding: 75px 0 25px;}

.w-solution .title{ text-align:center;}

.w-solution .title h3 {font-size: 38px; font-weight:700; color: #1a1a1a; line-height: 55px;}

.w-solution .title p  {margin-top: 10px; font-size: 16px; color: #999;line-height: 30px;}



.w-solution .list{margin-top:20px; display: grid; grid-template-columns: 285px 285px 285px 285px; grid-template-rows: 275px 275px; grid-gap: 20px;}

.w-solution .list .item { display:block; position: relative; border-radius: 10px; overflow:hidden;}

.w-solution .list .item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3;}

.w-solution .list .item:nth-child(2) { grid-column: 2 / 4; grid-row: 1 / 2;}

.w-solution .list .item .img{ width:100%; height:100%; position:relative; overflow:hidden;}

.w-solution .list .item .img::after{ content:''; position:absolute; left:0; top:0; right:0; bottom:0; display: block; background:rgba(0,0,0,0.35); transition:.5s;}

.w-solution .list .item .img img{ display:block; width:100%; height: 100%; object-fit: cover; transition:.5s;}

.w-solution .list .item:hover .img img{ transform:scale(1.1)}

.w-solution .list .item .txt { width:90%; position:absolute; left:5%; bottom:40px; text-align:center; color:#fff;}

.w-solution .list .item .txt h3{ font-size: 24px;}

.w-solution .list .item .txt p{ font-size: 16px; line-height:30px; opacity: 0.75;}

.w-solution .list .item .txt .more { display:block; margin: 0 auto; width:150px; height: 0; overflow: hidden; padding: 0 30px; font-size: 16px; line-height: 50px; background:#1079ca; border-radius: 25px; transition:.3s;}

.w-solution .list .item .txt .icon { display:block; margin: 0 auto; width: 32px; height: 32px; background: url(../images/more.png) no-repeat center center; background-size:28px;}



.w-solution .list .item:hover .img::after{ background:rgba(0,0,0,0);}

.w-solution .list .item:hover .txt .more{height: 50px}





.w-business { padding: 75px 0 25px;}

.w-business .title{ text-align:center;}

.w-business .title h3 {font-size: 38px; font-weight:700; color: #1a1a1a; line-height: 55px;}

.w-business .title p  {margin-top: 10px; font-size: 16px; color: #999;line-height: 30px;}



.w-business .list{margin-top:20px; display: grid; grid-template-columns: 385px 385px 385px; grid-template-rows: 275px 275px; grid-gap: 20px;}

.w-business .list .item {display:block; position: relative; border-radius: 10px; padding:30px; overflow:hidden; background:url(../images/p1bg.jpg) no-repeat; background-size:100% 100%;}

.w-business .list .item:nth-child(1) { background-image:url(../images/p1bg.jpg); grid-column: 1 / 2; grid-row: 1 / 3;}

.w-business .list .item:nth-child(2) { background-image:url(../images/p2bg.jpg);}

.w-business .list .item:nth-child(3) { background-image:url(../images/p3bg.jpg);}

.w-business .list .item:nth-child(4) { background-image:url(../images/p4bg.jpg);}

.w-business .list .item:nth-child(5) { background-image:url(../images/p5bg.jpg);}

.w-business .list .item .img{ width:50%; margin-left:50%; position:relative; overflow:hidden;}

.w-business .list .item:nth-child(1) .img{ width:100%; margin-left:0; margin-top:35%;}

.w-business .list .item .img img{ display:block; width:100%; height: 100%; object-fit: cover; transition:.5s;}

.w-business .list .item:hover .img img{ transform:scale(1)}

.w-business .list .item .txt { width:80%; position:absolute; left:10%; bottom:35px; color:#000;}

.w-business .list .item .txt h3{ font-size: 24px;}

.w-business .list .item .txt p{ font-size: 16px; line-height:30px; opacity: 0.75;}

.w-business .list .item .txt .more { display:block; width:150px; height: 0; overflow: hidden; padding: 0 30px; font-size: 16px; line-height: 50px; border-radius: 25px; transition:.3s;}



.w-business .list .item:hover{background:linear-gradient(to top, #1079ca 15%, rgba(16,121,202,0.5) 37%, transparent); }

.w-business .list .item:hover .txt{ color:#fff;}

.w-business .list .item:hover .txt .more{height: 50px; border:#fff solid 1px; margin-top:20px;}





.w-case{ padding: 75px 0;}

.w-case .title{ display:flex; justify-content:space-between; align-items:center;}

.w-case .title h3 {font-size: 38px; font-weight:700; color: #1a1a1a; line-height: 55px;}

.w-case .title .more {display: block; padding: 10px 20px; border: 1px solid #333; border-radius: 50px; font-size:14px; font-weight:700;}



.w-case .list{ margin-top:20px; display:flex; }

.w-case .list .item{ display:block; width:calc(33.33% - 13.33px); margin-right:20px; position:relative;}

.w-case .list .item:last-child { margin-right:0;}

.w-case .list .item .img{ width: 100%;height:65%;border-radius:10px; overflow:hidden; }

.w-case .list .item .img img{ display:block; width:100%; height: 100%; object-fit: cover; transition:.5s;}

.w-case .list .item .img:hover img{ transform:scale(1.1)}

.w-case .list .item .txt{ width: 100%; padding:20px 0;}

.w-case .list .item .txt h3{ font-size:18px; font-weight:500; color:#121212; margin-bottom:10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.w-case .list .item .txt div{ font-size:14px; color:#787878; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}



.w-case .list-item:hover{ box-shadow:0px 2px 15px rgba(0, 0, 0, 0.3);}







.w-ctc{ background-color: #f4f4f4; padding:100px 0;}

.w-ctc .title{ text-align:center;}

.w-ctc .title h3 {font-size: 38px; font-weight:700; color: #1a1a1a; line-height: 55px;}

.w-ctc .title p  {margin-top: 10px; font-size: 16px; color: #999;line-height: 30px;}



.w-ctc .list{display:flex; justify-content:center; margin-top:75px;}

.w-ctc .list .item{ width:30%; margin:0 1.5%; display:flex; align-items:center; flex-direction:column; padding:0;}

.w-ctc .list .item .img{ width:60px; height:60px; background:#312D2A; border-radius:60px; overflow:hidden; display:flex; justify-content:center; align-items:center; transition:.5s;}

.w-ctc .list .item .img:hover{ transform:scale(1.1)}

.w-ctc .list .item .img i{ color:#fff; font-size:28px;}

.w-ctc .list .item:nth-child(1) .img i{ color:#fff; font-size:40px;}

.w-ctc .list .item .img span{ display:none;}

.w-ctc .list .item .txt{ padding:10px 0; font-weight:500; text-align:center; color:#2c2c2c;}

.w-ctc .list .item .txt h3{ font-size:18px; font-weight:700;}

.w-ctc .list .item .txt p{}





/*内页*/

.s_top{ margin-top:70px;}



.s-banner{ position:relative;}

.s-banner img{ display:block; width:100%;}



/*内页导航*/

.bt-position {height: 60px; border-bottom:#eee solid 1px; display:flex; align-items:center;}

.bt-position a,

.bt-position i { margin-right:10px;}

.bt-position em{ font-style:normal;}





.s-title{ padding:50px 0 25px 0; text-align:center;}

.s-title h2{color: #282c32; font-size:28px; margin-bottom:10px; font-weight:700; position:relative; padding-bottom:20px; border-bottom:#eee solid 1px;}

.s-title h2::after{ content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; display: block; width: 40px; height: 5px; background:#1a3170}



.s-title2{ padding:25px 0; position:relative; display:flex; justify-content:space-between; align-items:center; border-bottom:#eee solid 1px;}

.s-title2::after{ content:''; position:absolute; left:0; bottom:0; display: block; width: 50px; height: 5px; background:#1a3170}

.s-title2 h2{color: #282c32; font-size:28px; font-weight:700;}



.s-title2 .s-menu{display:flex;}

.s-title2 .s-menu li{ margin-left:20px; font-size:14px; border-radius:50px; border:rgba(0,0,0,0.15) solid 1px; overflow:hidden;}

.s-title2 .s-menu li a{ display:block;padding:10px 20px;}

.s-title2 .s-menu li:hover a{ color:#1a3170;}

.s-title2 .s-menu li.on{ background:#1a3170; border-color:#1a3170;}

.s-title2 .s-menu li.on a{ color:#fff;}



/*product*/

.product-sort { margin-top:20px; margin-bottom:40px; display: flex; flex-wrap:wrap;}

.product-sort .item { width:calc(33.33% - 13.33px); margin-right:20px; margin-bottom:20px; position: relative; border-radius: 10px; padding:20px; padding-bottom:40px; overflow:hidden; border: #eee solid 1px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);}

.product-sort .item:nth-child(3n) { margin-right:0;}

.product-sort .item .img{ height:180px; margin:25px auto 0; position:relative; overflow:hidden;}

.product-sort .item .img img{ display: block; height: 100%; margin:0 auto; transition:.5s;}

.product-sort .item:hover .img img{ transform:scale(1.05)}

.product-sort .item .txt {color:#000; text-align:center; margin-top:10px;}

.product-sort .item .txt h3{ font-size: 24px;}

.product-sort .item .txt p{ display:none;}

.product-sort .item .txt .more { display: none;}



.product-sort .item:hover{background:linear-gradient(to top, #1079ca 15%, rgba(16,121,202,0.5) 37%, transparent); }

.product-sort .item:hover .txt{ color:#fff;}





.product-fuwu{display: flex; justify-content:space-between; margin-bottom:50px;}

.product-fuwu .item{ width:32.33%; border:#eee solid 1px; padding:40px 30px; border-radius: 5px; position:relative;}

.product-fuwu .item img{ width:40px; position:absolute; right:30px; top:35px;}

.product-fuwu .item h3{ font-size:20px;}

.product-fuwu .item p{ font-size:16px; margin-top:20px;}

.product-fuwu .item:hover{ color: #1a3170; border-color:#1a3170;}





.product-list{ margin-top:40px; margin-bottom:40px; display:flex; flex-wrap:wrap;}

.product-list .item{ width:calc(33.33% - 13.33px); background: #fff; margin:0 20px 20px 0; padding:20px; padding-bottom:40px; border:#eee solid 1px; border-radius: 5px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);}

.product-list .item:nth-child(3n){ margin-right:0;}

.product-list .item .img{ height:180px; margin:25px auto 0; position:relative;}

.product-list .item .img img{ display: block; height: 100%; margin:0 auto; transition:.5s;}

.product-list .item:hover .img img{ transform:scale(1.05)}

.product-list .item .txt{ margin-top:15px; text-align:center;}

.product-list .item .txt h3{color: #222; font-size:18px;}

.product-list .item:hover{ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);}





.pd-box{ display:flex; margin-top:30px;}

.pd-imgs{ width:48%; background:#fbfbfb;}

.pd-imgs .img{}

.pd-imgs .img img{ display:block; margin:0 auto; max-width:100%; height:100%;}

.pd-text{ width:48%; margin-left:4%; background: #fff; box-shadow: 0 0 50px rgba(51, 51, 51, 0.1); border-radius: 7px;}

.pd-text .pd-info{ padding: 30px; max-height:432px; overflow:hidden;}

.pd-text .pd-info .pd-brand{}

.pd-text .pd-info .pd-brand h2 {font-size: 26px; color:#333; font-weight: 700;}

.pd-text .pd-info .pd-brand h5{background: #f5f5fa; padding: 0 20px; font-size:14px; border-radius: 25px; display:inline-block; line-height: 37px; margin-top:10px;}

.pd-text .pd-info .pd-brand p{ font-size:16px; margin-top:20px;}

.pd-text .pd-info .pd-form{ margin-top:30px; padding-top:30px; border-top: 1px solid #eaeaea;}

.pd-text .pd-info .pd-form a{ display: inline-block; padding: 0 30px; font-size: 16px; background:#1a3170; color: #fff; line-height: 50px; border-radius: 25px;}

.pd-text .pd-info .pd-form a i{ margin-right:5px;}



.product-detail {  border-bottom: 1px solid #eaeaea; margin: 30px 0;}

.product-detail>h2{ color: #131313; font-size:16px; position:relative; display:inline-block; padding:20px 0;} 

.product-detail>h2::before { content: ""; display: block; width: 100%; height: 4px; background:#1a3170; position: absolute; bottom: 0; left:0; z-index: 1;}

.product-detail>div{ padding:20px 0; border-top: 1px solid #eaeaea;}

.product-detail>div *{ width: 100% !important;}

.product-detail>div img{ display:block; max-width:100% !important; width: auto !important; height:auto !important; margin-top:10px; margin-bottom:10px;}

.product-detail>div p{ margin-bottom:15px !important; text-indent:0em;}



.product-detail table { margin: 15px 0 !important; border: 0 !important; border-collapse: collapse !important; width:100% !important;}

.product-detail table *{ font-size:14px !important; font-weight:500 !important; line-height:1.6 !important;}

.product-detail table th,

.product-detail table td{height:auto !important; padding:10px !important; border:#999 solid 1px !important;}

.product-detail table td p{ margin-bottom:0 !important;}





.pd-style-one { display:flex;justify-content: space-between; align-items:center; margin:10px 0;}

.pd-style-one .img{ width:48%;}

.pd-style-one .img img{ display:block; width:100%; border-radius:5px;}

.pd-style-one .txt{ width:48%; padding-left:80px;}

.pd-style-one .txt h3 { margin-bottom: 7px; font-size: 26px; font-weight:700; color: #1a3170;}

.pd-style-one .txt p{ font-size: 16px; color: #333; line-height: 30px; overflow: auto;}

.pd-style-one:nth-child(odd){flex-direction:row-reverse;}

.pd-style-one:nth-child(odd) .txt{ padding-right:80px;}





.pd-xg-tit { font-size: 24px; color: #1a3170; border-top: 0px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding-top:40px; padding-bottom: 20px; margin-top: 40px; margin-bottom: 20px;}

.pd-xg-list{ display:flex; margin-bottom:50px;}

.pd-xg-list .item{ width:23.5%; background-color: #fff; margin-right:2%; padding:20px; border:#eee solid 1px;}

.pd-xg-list .item:last-child { margin-right: 0;}

.pd-xg-list .item .img{ position:relative;}

.pd-xg-list .item .img img{ width:100%; height:100%;}

.pd-xg-list .item .txt{ margin-top:15px;}

.pd-xg-list .item .txt h3{color: #222; font-size:16px; margin-top:15px; text-align:center;}

.pd-xg-list .item .txt p { background: url(../images/detail1.png) no-repeat 10% center; border: 1px solid #e6e6e6; height: 50px; line-height: 50px; margin-top: 15px; padding-left: 30%;}

.pd-xg-list .item:hover{ box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2);}









/*solution*/

.solution-top{}

.solution-top .img img{ display:block; width:100%;}

.solution-top .txt{ font-size: 16px; color: #333; line-height: 30px; transform: translateY(-60px); padding: 40px 4.36%; margin: 0 auto;width: 75.71%;background: #fff; border-radius: 7px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.06);}





.solution-sort { margin-top:20px; margin-bottom:40px; display: flex; flex-wrap:wrap;}

.solution-sort .item { width:calc(33.33% - 13.33px); margin-right:20px; margin-bottom:40px; position: relative;}

.solution-sort .item:nth-child(3n) { margin-right:0;}

.solution-sort .item .img{ height:245px; position:relative; border-radius: 10px; overflow:hidden;}

.solution-sort .item .img img{ display: block; width:100%; height: 100%; object-fit: cover; transition:.5s;}

.solution-sort .item:hover .img img{ transform:scale(1.05)}

.solution-sort .item .txt {color:#000; margin-top:20px;}

.solution-sort .item .txt h3{ font-size: 24px;}

.solution-sort .item .txt p{ font-size:16px; margin-top:5px;}

.solution-sort .item .txt .more { display: none;}





.solution-list{ margin-top:20px;}

.solution-list .item{ display:block; background-color: #fff; padding:50px 0;}

.solution-list .item>div{ display:flex; justify-content:space-between; flex-direction:row-reverse; align-items:center;}

.solution-list .item:nth-child(odd){background: rgb(245, 249, 255);}

.solution-list .item:nth-child(odd)>div{flex-direction:row;}

.solution-list .item .img{ width:35%; position:relative;}

.solution-list .item .img img{ width:100%;}

.solution-list .item .txt{ width:60%;}

.solution-list .item .txt h3{color: #312d2a; font-size:32px; font-weight:500; position:relative; padding-bottom:20px; margin-bottom:40px;}

.solution-list .item .txt h3::after{ content:''; position:absolute; left:0; bottom:0; display: block; width: 40px; height: 5px; background:#1a3170;}

.solution-list .item .txt div{ margin-bottom:10px;}

.solution-list .item .txt .ant-btn { display: inline-flex; justify-content:center; align-items:center; box-shadow: 0 2px 0 rgba(0,0,0,.015); cursor: pointer; transition: all .3s cubic-bezier(.645,.045,.355,1); height: 40px; padding: 0 25px; font-size: 14px; border-radius: 4px; color: #fff; background: #1a3170; margin-top:40px; }





.solution-detail{font-size:16px; line-height:1.8; padding:30px 0;}

.solution-detail .so-title { font-size: 24px; color: #1a3170; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-top: 40px; margin-bottom: 20px;}

.solution-detail img{ max-width:100%; margin:20px 0;}

.solution-detail p{ font-size:18px; text-align:justify; margin-bottom:12px;}

.solution-detail strong{ font-weight:bold;text-align:justify; }





/*service*/

.service-top{position: sticky; top: 70px; background:#fff; z-index:999; border-bottom: 1px solid #e6e6e6;}

.service-top .s-title2{ border-bottom:0;}

.service-top a.active {background:#1a3170; border-color:#1a3170; color:#fff !important;}



.service-title{color: #282c32; font-size:40px; font-weight:700; text-align:center;}



.service-overview{ padding:50px 0;}

.service-overview .img { margin-top:20px;}

.service-overview .img img{ display:block; width:100%;}

.service-overview .txt{ font-size: 16px; color: #333; line-height: 30px; transform: translateY(-60px); padding: 40px 4.36%; margin: 0 auto;width: 75.71%;background: #fff; border-radius: 7px; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.06);}





.service-advantage{padding:70px 0; background:#f8f8f8;}

.service-advantage .list{}

.service-advantage .item{ position:relative; margin-top:20px; margin-bottom:40px;}

.service-advantage .item .img{ width:75%; position:relative;}

.service-advantage .item .img img{ display:block; width:100%;}

.service-advantage .item .txt{ width: 47.14%; position:absolute; top: 50%; right: 0;transform: translateY(-50%);z-index: 2; border-radius: 7px;background:#1079ca;color: #fff; padding: 40px; text-align:center;}

.service-advantage .item .txt h3{font-size:24px; font-weight:500;}

.service-advantage .item .txt div{ font-size: 16px; line-height: 30px; margin-top:10px;}



.service-advantage .item:nth-child(2) .img{ margin-left:25%;}

.service-advantage .item:nth-child(2) .txt{ left:0; right:auto;}





.service-technical{padding:70px 0 0;}

.service-technical .list{ margin-top:20px; margin-bottom:40px; display: flex; flex-wrap:wrap;}

.service-technical .item { width:calc(33.33% - 13.33px); margin-right:20px; margin-bottom:40px; position: relative;}

.service-technical .item:nth-child(3n) { margin-right:0;}

.service-technical .item .img{ height:245px; position:relative; border-radius: 10px; overflow:hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}

.service-technical .item .img img{ display: block; width:100%; height: 100%; object-fit: cover; transition:.5s;}

.service-technical .item:hover .img{box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);}

.service-technical .item:hover .img img{ transform:scale(1.05)}

.service-technical .item .txt {color:#000; margin-top:20px;}

.service-technical .item .txt h3{ font-size: 24px; color:#1079ca;}

.service-technical .item .txt p{ font-size:16px; margin-top:5px;}





.service-needs{ padding:20px 0 40px;}

.service-needs .box { padding: 30px 0 35px; text-align:center; background: url(../images/ser-needs.jpg) no-repeat center center / cover; border-radius: 7px; overflow: hidden;}

.service-needs .box h3{margin-bottom: 14px;font-size: 28px; font-weight:700; color: #fff; line-height: 35px;}

.service-needs .box p { font-size: 16px; color: #fff;line-height: 30px;}

.service-needs .box p a{color: #fff;}

.service-needs .box .btn { display: inline-block; margin: 34px auto 0; padding: 0 46px;line-height: 46px; border: 2px solid #fff; border-radius: 30px;font-size: 18px; color: #fff; cursor:pointer;}

.service-needs .box .btn:hover{background:#1a3170; border-color: #1a3170; }





.down-list { padding:50px 0;}

.down-list li{border-bottom: 1px solid #f2f2f2; display:flex; padding:10px 0;}

.down-list li img{ width:30px; height:30px; margin-top:5px; margin-right:10px;}

.down-list li a{ display:block;}

.down-list li .link{width: calc(100% - 140px); font-size: 16px; color: #1a1a1a; line-height: 40px; }

.down-list li .down{width: 105px; height: 40px; text-align:center; line-height:40px; border-radius: 45px; background: #1a3170; color:#fff;}





/*case*/

.case-list{display:flex; flex-wrap:wrap; padding:0; margin-top:40px;}

.case-list .item{ width:calc(33.33% - 13.33px); background-color: #fff; border-radius: 8px; padding:20px; margin-right:20px; margin-bottom:20px; border:#eee solid 1px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);}

.case-list .item:nth-child(3n){ margin-right:0;}

.case-list .item .img{ width:100%; height:240px; overflow:hidden;}

.case-list .item .img img{ display:block; width:100%; height:100%;}

.case-list .item h3{ font-size:18px; font-weight:700; margin-top:30px;}

.case-list .item p{ color: #7d8fb3; font-size:14px; margin-top:10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.case-list .item:hover{box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);}



/**/

.about-list{ margin-top:20px;}

.about-list .item{ display:flex; justify-content:space-between; align-items:center; padding:30px 0; border-bottom:#eee solid 1px;}

.about-list .item .txt{ width:60%;}

.about-list .item .txt h3{color: #131313; font-size:24px; font-weight:700; position:relative;}

.about-list .item .txt p{ font-size:16px; margin-top:20px;}

.about-list .item .txt em { display: flex; align-items:center; font-size: 16px; margin-top:40px; }

.about-list .item .txt em i{ font-size:16px; margin-left:10px;}

.about-list .item .img{ width:35%; position:relative;}

.about-list .item .img img{ width:100%;}



/**/

.contact-list{ padding:20px 0 50px 0;}

.contact-list .ab-t{ text-align:center;}

.contact-list .contact-map { width: 100%; height: 500px; }



.contact-list .contact-box{display:flex;justify-content:space-between; margin-top:50px;}

.contact-list .contact-adds{ width: 60%; border-right: 1px solid rgba(0,54,134,0.1);}

.contact-list .contact-info{ width: 35%;}

.contact-list .contact-title{ display:flex; align-items:center; color: #2d2d2d; font-size: 20px; font-weight:500; margin-bottom: 15px;}

.contact-list .contact-title i{ color:#1a3170; margin-right:10px;}

.contact-list .contact-txt p { color: #666; font-size: 16px; margin-bottom:15px;}





/**/

.article-list{display:flex; flex-wrap:wrap; padding:0; margin-top:40px; margin-bottom:40px;}

/**/

.article-list .item-n{ width:100%; background: #fff;margin-top:30px;padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; position:relative; display:flex; align-items:center;}

.article-list .item-n:last-child{border-bottom:0;}

.article-list .item-n .img{width: 300px; height:205px; border: 1px solid #eee; border-radius:6px; overflow: hidden;}

.article-list .item-n .img img{ display:block; width: 100%; height:100%;object-fit: cover; transition:.5s}

.article-list .item-n:hover .img img{-moz-transform: scale(1.1, 1.1); 

	-webkit-transform: scale(1.1, 1.1); 

	-o-transform: scale(1.1, 1.1); 

	transform: scale(1.1, 1.1); }

.article-list .item-n .txt{width: calc(100% - 500px); margin:0 50px;}

.article-list .item-n .txt h3{font-size: 24px; font-weight:700; color:#333;}

.article-list .item-n .txt p{ margin-top:20px; font-size: 16px; color: #666;line-height:28px;height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.article-list .item-n .txt em { display:block; margin-top:20px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #aaa; background:url(../other/next.svg) no-repeat center center; background-size:12px auto;}

.article-list .item-n .txt em:hover{}



.article-list .item-n .date{width:100px; color:#999;} 

.article-list .item-n .date em{display:block; font-size:55px; font-weight:700; text-align:center; line-height:1.25;}

.article-list .item-n .date i{ display:block; text-align:center; font-size:16px;}



/**/

.article-list .item-v{ width:calc(33.33% - 13.33px); margin-right:20px; margin-bottom:20px; cursor:pointer;}

.article-list .item-v:nth-child(3n){ margin-right:0;}

.article-list .item-v .img{ width:100%; height:240px; border-radius: 8px; overflow:hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06); position:relative; transition:.5s;}

.article-list .item-v .img:before{content:""; width: 100%; height: 100%; background: url(../images/play.png) no-repeat center center; position:  absolute; top: 0; left: 0; z-index: 4; display: block;}

.article-list .item-v .img img{ display:block; width:100%; height:100%;object-fit: cover; transition:.5s;}

.article-list .item-v:hover .img img{ transform:scale(1.05); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);}

.article-list .item-v .txt{ font-size:16px; font-weight:600; height:50px; line-height:25px; margin-top:15px;}

.article-list .item-v:hover .img:before{ display: block; background-color: rgba(32,55,158,0.9);}



.oth{color:#999; line-height:1; margin-top:20px; font-size:14px; display:flex; align-items:center;}

.oth img{max-width:100%; margin-right:5px;}

.oth span{margin-right:15px;}





/**/

#video-pop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:99999; display:none;}

#video-pop .box{width:1000px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

#video-pop .box .close{width:32px; height:32px; position:absolute; right:-48px; top:0px; cursor:pointer;}

#video-pop .box .video{background:#000; }

#video-pop .box .video video{ width:100%; height:100%;}

#video-pop .box .txt{ text-align:center; color:#fff; font-size:14px; margin-top:50px; opacity:0.5;}



/*next*/

.pre_next { border-top: 1px solid #eee; margin-top: 40px; margin-bottom:30px; padding-top:20px; line-height: 30px;  }

.pre_next p { font-size:16px;}





#xy-share{ text-align:right; margin:15px 0;}



@media (max-width: 768px) {



	.banner .swiper-slide{ height: 25vh;}

	.banner .swiper-button-prev ,

	.banner .swiper-button-next{ display:none;}

	.banner .swiper-pagination{ bottom:15px;}







	.w-solution { padding: 1.5rem;}

	.w-solution .title h3 {font-size: 1.5rem; line-height: 2.5rem;}

	.w-solution .title p  {margin-top: 0.5rem; font-size: 0.875rem;line-height: 1.5rem;}



	.w-solution .list{margin-top:1.5rem; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 125px); grid-gap: 10px;}

	.w-solution .list .item {}

	.w-solution .list .item:nth-child(1) { grid-column: auto / auto; grid-row: auto / auto;}

	.w-solution .list .item:nth-child(2) { grid-column: auto / auto; grid-row: auto / auto;}

	

	.w-solution .list .item .txt { bottom:10px; top:30px;}

	.w-solution .list .item .txt h3{ font-size: 1.125rem;}

	.w-solution .list .item .txt p{ font-size: 0.875rem; line-height:1.5; margin-top:0.5rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.w-solution .list .item .txt .more { display:none;}

	.w-solution .list .item .txt .icon { margin-top:0.5rem;}





	.w-business { padding: 1.5rem;}

	.w-business .title h3 {font-size: 1.5rem; line-height: 2.5rem;}

	.w-business .title p  {margin-top: 0.5rem; font-size: 0.875rem;line-height: 1.5rem;}



	.w-business .list{margin-top:1.5rem; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 135px); grid-gap: 10px;}

	.w-business .list .item { padding:1rem;}

	.w-business .list .item:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 2;}

	.w-business .list .item .img{ width:45%; margin-left:55%;}

	.w-business .list .item:nth-child(1) .img{ width:45%; margin-left:55%; margin-top:0;}

	.w-business .list .item:nth-child(1) .txt { width:50%;}

	.w-business .list .item .txt { width:80%; left:1rem; bottom:1.5rem;}

	.w-business .list .item .txt h3{ font-size: 1.125rem;}

	.w-business .list .item .txt p{ font-size: 0.875rem; line-height:1.5; margin-top:0.5rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

	.w-business .list .item .txt .more { display: none;}





	.w-case{ padding: 1.5rem;}

	.w-case .title h3 {font-size: 1.5rem; line-height: 2.5rem;}

	.w-case .title .more {padding: 5px 10px; font-size:0.875rem; font-weight:500;}

	

	.w-case .list{ margin-top:1.5rem; display: block; }

	.w-case .list .item{ width:100%; margin-right:0; display:flex; margin-bottom:1rem;}

	.w-case .list .item:last-child { margin-right:0;}

	.w-case .list .item .img{ width: 30%; height:80px; }

	.w-case .list .item .txt{ width: 70%; padding:0.25rem 0 0 1rem;}

	.w-case .list .item .txt h3{ font-size:1rem; margin-bottom:0.5rem;}

	.w-case .list .item .txt div{ font-size:0.925rem;}







	.w-ctc{  padding:1.5rem;}

	.w-ctc .title{ }

	.w-ctc .title h3 {font-size: 1.5rem; line-height: 2.5rem;}

	.w-ctc .title p  {margin-top: 0.5rem; font-size: 0.875rem;line-height: 1.5rem; padding:0 15%;}



	.w-ctc .list{ margin-top:1.5rem;}

	.w-ctc .list .item .txt h3{ font-size:1rem;}

	.w-ctc .list .item .txt p{font-size: 0.825rem;}



	

	/*内页*/

	.s_top{ margin-top:0;}



	.s-banner{ position:relative; height:100px; overflow:hidden;}

	.s-banner img{ display:block; width:100%; height: 100%; object-fit: cover; }



	/*内页导航*/

	.bt-position {height: 40px; padding:0 1rem;}

	.bt-position a,

	.bt-position i { margin-right:5px;}

	.bt-position em{ font-style:normal; display:none;}





	.s-title{ padding:2rem 0 1rem 0;}

	.s-title h2{font-size:1.5rem; margin-bottom:0.5rem; padding-bottom:1rem;}



	.s-title2{ padding:1rem; display: block; text-align:center;}

	.s-title2::after{ bottom:0; top:3.75rem; left:50%; transform:translateX(-50%); height: 3px; display:none;}

	.s-title2 h2{ font-size:1.5rem; height: auto;}

	

	.s-title2 .s-menu{display:flex; flex-wrap:wrap; margin-top:0.5rem;}

	.s-title2 .s-menu li{ width:48%; margin:1%; font-size:0.925rem;}

	.s-title2 .s-menu li a{ padding:10px 10px;}



	/*product*/

	.product-sort { margin-top:1rem; margin-bottom:2rem; padding:0 1rem;}

	.product-sort .item { width:calc(50% - 0.5rem); margin-right:1rem; margin-bottom:1rem; padding:1rem; padding-bottom:2rem;}

	.product-sort .item:nth-child(3n) { margin-right:1rem;}

	.product-sort .item:nth-child(2n) { margin-right:0;}

	.product-sort .item .img{ height:100px; margin:15px auto 0;}

	.product-sort .item .txt {margin-top:0.5rem;}

	.product-sort .item .txt h3{ font-size: 1.125rem;}

	.product-sort .item .txt p{ display:none;}

	.product-sort .item .txt .more { display: none;}





	.product-fuwu{display: block; margin-bottom:1.5rem; padding:0 1rem;}

	.product-fuwu .item{ display:block; width:100%; padding:1.5rem; margin-top:0.75rem;}

	.product-fuwu .item img{ width:40px; right:1rem; top:1rem;}

	.product-fuwu .item h3{ font-size:1.125rem;}

	.product-fuwu .item p{ font-size:0.925rem; margin-top:0.5rem;}





	.product-list{ margin-top:1.5rem; margin-bottom:1.5rem; padding:0 1rem;}

	.product-list .item{ width:calc(50% - 0.5rem); margin:0 1rem 1rem 0; padding:1rem; padding-bottom:2rem;}

	.product-list .item:nth-child(3n){ margin-right:1rem;}

	.product-list .item:nth-child(2n){ margin-right:0;}

	.product-list .item .img{ height:100px; margin:15px auto 0; }

	.product-list .item .txt{ margin-top:1rem;}

	.product-list .item .txt h3{font-size:1rem;}





	.pd-box{ display: block; margin-top:1.5rem; padding:0 1rem;}

	.pd-imgs{ width:100%;}

	.pd-text{ width:100%; margin-left:0;margin-top:0rem;}

	.pd-text .pd-info{ padding: 1.5rem; max-height: inherit;}

	.pd-text .pd-info .pd-brand{}

	.pd-text .pd-info .pd-brand h2 {font-size: 1.5rem;}

	.pd-text .pd-info .pd-brand h5{padding: 0 1rem; font-size:0.875rem; line-height: 35px; margin-top:0.75rem;}

	.pd-text .pd-info .pd-brand p{ font-size:1rem; margin-top:1rem; line-height:1.8;}

	.pd-text .pd-info .pd-form{ margin-top:1.5rem; padding-top:1.5rem;}

	.pd-text .pd-info .pd-form a{ padding: 0 2.5rem; font-size: 1rem; line-height: 45px;}



	.product-detail { margin: 1.5rem 0; padding:0 1rem;}

	.product-detail>h2{ font-size:1rem; padding:1rem 0;} 

	.product-detail>div{ padding:1rem 0;}

	.product-detail>div img{ display:block; max-width:100% !important; width: auto !important; height:auto !important; margin-top:10px; margin-bottom:10px;}

	.product-detail>div p{ margin-bottom:15px !important; text-indent:0em;}



	.product-detail table { margin: 1rem 0 !important; border: 0 !important; border-collapse: collapse !important; width:100% !important;}

	.product-detail table *{ font-size:0.825rem !important; font-weight:500 !important; line-height:1.6 !important;}

	.product-detail table th,

	.product-detail table td{height:auto !important; padding:0.5rem !important; border:#999 solid 1px !important;}

	.product-detail table td p{ margin-bottom:0 !important;}





	.pd-style-one { display: block; margin:1.5rem 0;}

	.pd-style-one .img{ width:100%;}

	.pd-style-one .txt{ width:100%; padding-left:0;}

	.pd-style-one .txt h3 { margin-bottom: 0.5rem; margin-top:1rem; font-size: 1.25rem; font-weight:500;}

	.pd-style-one .txt p{ font-size: 0.925rem; line-height: 1.8; overflow: hidden;}

	.pd-style-one:nth-child(odd){flex-direction:row-reverse;}

	.pd-style-one:nth-child(odd) .txt{ padding-right:0;}





	.pd-xg-tit { font-size: 1.5rem; padding:1rem; margin-top: 2rem; margin-bottom: 1rem;}

	.pd-xg-list{ flex-wrap:wrap; margin-bottom:1rem; padding:0 1rem;}

	.pd-xg-list .item{ width:48%; margin:1%; padding:1rem;}

	.pd-xg-list .item:last-child { margin-right: 0;}

	.pd-xg-list .item .img{ position:relative;}

	.pd-xg-list .item .img img{ width:100%; height:100%;}

	.pd-xg-list .item .txt{ margin-top:1rem;}

	.pd-xg-list .item .txt h3{ font-size:1rem; margin-top:1rem;}

	.pd-xg-list .item .txt p { display:none;}









	/*solution*/

	.solution-top{}

	.solution-top .txt{ font-size: 0.975rem; line-height: 2; transform: translateY(-10px); padding: 1.5rem; width: 95%;}





	.solution-sort { margin-top:0rem; margin-bottom:2rem; padding: 1rem;}

	.solution-sort .item { width:calc(50% - 0.5rem); margin-right:1rem; margin-bottom:2rem; position: relative;}

	.solution-sort .item:nth-child(3n) { margin-right:1rem;}

	.solution-sort .item:nth-child(2n) { margin-right:0;}

	.solution-sort .item .img{ height:185px;}

	.solution-sort .item .txt { margin-top:1rem;}

	.solution-sort .item .txt h3{ font-size: 1rem;}

	.solution-sort .item .txt p{ font-size:0.925rem; margin-top:0.25rem;}

	.solution-sort .item .txt .more { display: none;}





	.solution-list{ margin-top:0;}

	.solution-list .item{ padding:1.5rem;}

	.solution-list .item>div{ display:flex; justify-content:space-between; flex-direction:row-reverse; align-items:center;}

	.solution-list .item:nth-child(odd){background: rgb(245, 249, 255);}

	.solution-list .item:nth-child(odd)>div{flex-direction: row-reverse;}

	.solution-list .item .img{ width:45%;}

	.solution-list .item .txt{ width:50%;}

	.solution-list .item .txt h3{font-size:1.25rem; padding-bottom:0.5rem; margin-bottom:0.5rem;}

	.solution-list .item .txt h3::after{ height: 3px;}

	.solution-list .item .txt div{ margin-bottom:0; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

	.solution-list .item .txt .ant-btn { height: 30px; padding: 0 1rem; font-size: 0.925rem; margin-top:0.5rem; }





	.solution-detail{font-size:1rem;  padding:1rem;}

	.solution-detail .so-title { font-size: 1.25rem; padding-bottom: 1rem; margin-top: 2rem; margin-bottom: 1rem;}

	.solution-detail img{ max-width:100%; margin:1rem 0;}

	.solution-detail p{ font-size:0.975rem; text-align:justify; margin-bottom:0.75rem;}

	.solution-detail strong{ font-weight:bold;text-align:justify; }





	/*service*/

	.service-top{position: sticky; top: 60px;}

	.service-top .s-title2{ border-bottom:0;}

	.service-top a.active {color:#fff !important;}



	.service-title{font-size: 1.5rem; margin-top:1rem;}



	.service-overview{ padding:1.5rem 0;}

	.service-overview .img { margin-top:1rem;}

	.service-overview .txt{ font-size: 0.975rem; line-height: 2; transform: translateY(-10px); padding: 1.5rem; width: 95%;}





	.service-advantage{padding:1rem;}

	.service-advantage .list{}

	.service-advantage .item{ margin-top:2rem; margin-bottom:1rem;}

	.service-advantage .item .img{ width:100%;}

	.service-advantage .item .txt{ width: 90%; position: relative; top: 0; right: 0; transform: translateY(0%); left:5%; padding: 1.5rem; margin-top:-4rem;}

	.service-advantage .item .txt h3{font-size:1.25rem;}

	.service-advantage .item .txt div{ font-size: 0.925rem; line-height: 1.8; margin-top:0.5rem;}

	

	.service-advantage .item:nth-child(2) .img{ margin-left:0%;}

	.service-advantage .item:nth-child(2) .txt{ left:5%; right:auto;}





	.service-technical{padding:1rem;}

	.service-technical .list{ margin-top:1rem; margin-bottom:2rem;}

	.service-technical .item { width:calc(50% - 0.5rem); margin-right:1rem; margin-bottom:1rem;}

	.service-technical .item:nth-child(3n) { margin-right:1rem;}

	.service-technical .item:nth-child(2n) { margin-right:0;}

	.service-technical .item .img{ height:145px; }

	.service-technical .item .txt {margin-top:1rem;}

	.service-technical .item .txt h3{ font-size:1.125rem;}

	.service-technical .item .txt p{ font-size:0.875rem; margin-top:0.25rem;}



	

	.service-needs{ padding:1rem;}

	.service-needs .box { padding: 1.5rem 0 1.5rem;}

	.service-needs .box h3{margin-bottom: 1rem;font-size: 1.5rem; line-height: 1.8;}

	.service-needs .box p { font-size: 0.925rem;line-height: 1.8;}

	.service-needs .box .btn { margin: 1.5rem auto 0; padding: 0 2.5rem; line-height:35px; font-size: 1rem;}





	.down-list { padding:1rem;}

	.down-list li{padding:0.75rem 0;}

	.down-list li img{ width:20px; height:20px; margin-top:5px; margin-right:10px;}

	.down-list li a{ display:block;}

	.down-list li .link{width: calc(100% - 100px); font-size: 0.925rem; line-height: 30px; }

	.down-list li .down{width: 70px; height: 30px; line-height:30px;}





	/*case*/

	.case-list{padding:1rem; margin-top:0;}

	.case-list .item{ width:calc(50% - 0.5rem); padding:1rem; margin-right:1rem; margin-bottom:1rem;}

	.case-list .item:nth-child(3n){ margin-right:1rem;}

	.case-list .item:nth-child(2n){ margin-right:0;}

	.case-list .item .img{ height:110px;}

	.case-list .item h3{ font-size:1rem; font-weight:500; margin-top:0.75rem;}

	.case-list .item p{ font-size:0.875rem; margin-top:0.5rem; overflow : hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}



	/**/

	.about-list{ padding:0 1rem; margin-top:0px;}

	.about-list .item{ display: block; padding:1.5rem 0;}

	.about-list .item .txt{ width:100%;}

	.about-list .item .txt h3{ font-size:1.25rem; font-weight:700;}

	.about-list .item .txt p{  font-size:0.925rem; margin-top:1rem;}

	.about-list .item .txt em { font-size: 1rem; margin-top:1rem; }

	.about-list .item .txt em i{ font-size:16px; margin-left:10px;}

	.about-list .item .img{ width:100%; margin-top:1rem;}



	/**/

	.contact-list{ padding:1rem;}

	.contact-list .ab-t{ text-align:center;}

	.contact-list .contact-map { width: 100%; height: 300px; }



	.contact-list .contact-box{display: block; margin-top:2rem;}

	.contact-list .contact-adds{ width: 100%; border-right: 0;}

	.contact-list .contact-info{ width: 100%;}

	.contact-list .contact-title{ display: block; font-size: 1.125rem; margin-bottom: 1rem;}

	.contact-list .contact-txt p { font-size: 0.925rem; margin-bottom:0.75rem;}





	/**/

	.article-list{padding:1rem; margin-top:0rem; margin-bottom:2rem;}

	/**/

	.article-list .item-n{ margin-top:1rem;padding-bottom: 1rem;}

	.article-list .item-n:last-child{border-bottom:0;}

	.article-list .item-n .img{width: 33%; height:105px;}

	.article-list .item-n .txt{width: 66%; margin:0; padding-left:1rem;}

	.article-list .item-n .txt h3{font-size: 1.125rem; font-weight:500;}

	.article-list .item-n .txt p{ margin-top:0.25rem; font-size: 0.925rem;line-height:1.8;height: auto; }

	.article-list .item-n .txt em { margin-top:1rem; width: 30px; height: 30px; background-size:5px auto; display:none;}

	.article-list .item-n .txt em:hover{}

	

	.article-list .item-n .date{ display:none;}

	

	/**/

	.article-list .item-v{ width:calc(50% - 0.5rem); margin-right:1rem; margin-bottom:1rem;}

	.article-list .item-v:nth-child(3n){ margin-right:1rem;}

	.article-list .item-v:nth-child(2n){ margin-right:0;}

	.article-list .item-v .img{ height:160px;}

	.article-list .item-v .txt{ font-size:1rem; font-weight:500; height:50px; line-height:25px; margin-top:0.5rem;}



	.oth{ margin:1rem; font-size:0.875rem;}





	/**/

	#video-pop .box{width:90%;}

	#video-pop .box .close{right:0px; top:-48px;}

	#video-pop .box .txt{ font-size:1rem; margin-top:2rem; opacity:0.75;}



	/*next*/

	.pre_next { padding:1rem; margin-top: 2rem; margin-bottom:1.5rem; padding-top:1.5rem; line-height: 2;  }

	.pre_next p { font-size:1rem;}

	

	#xy-share{ text-align: center; margin:1rem 0;}

	

	

	

	/*第三方css*/

	.cw1200{ width:100% !important; max-width:100% !important;}

	.cw1200 .title{ font-size:1.5rem !important; font-weight:700 !important; line-height:1.5 !important;}

	.cw1200 .list{ margin-top:1rem !important; margin-bottom:2rem !important;}

	.cw1200 .list .item{ display:block !important;}

	.cw1200 .list .item .pic{ padding:0 !important;}

	.cw1200 .list .item .max{ position:relative !important;}

	.cw1200 .list .item .info{ padding:0 !important; margin-top:1rem !important; }

	.cw1200 .list .item .info .num{ font-size:1.125rem !important;}

	.cw1200 .list .item .info .brief{ font-size:0.925rem !important; line-height:1.8 !important; overflow:hidden !important;}

	

	.cw1200 .content{ margin-top:1rem !important;}

	.cw1200 .content .li{ margin-top:1rem !important;}

	.cw1200 .content .li .name{ font-size:1.125rem !important;}

	.cw1200 .content .two_list .item{ font-size:1rem !important;}

}