*{margin:0; padding:0;}
html,body{margin:0 auto; max-width:1920px; overflow-x:hidden;}
body{font:16px/1.6 'Microsoft Yahei'; background-color:#fff; color:#333; -webkit-tap-highlight-color:transparent;}
a{color:#333; text-decoration:none; transition: all .3s;}
a:hover{color:#005489!important; text-decoration:none;}
a,span,i,em{display:inline-block;}
ul,li{list-style:none;}
.wp {position:relative; margin:0 auto; width:1300px;}
.text-l{text-align:left;}
.text-c{text-align:center;}
.text-r{text-align:right;}

.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.img-100{display:block; width:100%;}

.pc{position:relative;}
.mobile{position:relative; display:none;}
@media (max-width:750px) {
    .pc{display:none!important;}
    .mobile{display:block;}
    .wp{width:auto; box-sizing:border-box;}
}

/* Flex */
.flex{display:flex;}
.flex-vertical{flex-flow:column}
.flex-center{align-items:center; justify-content:center;}
.flex-wrap-row{flex-wrap:wrap; flex-direction:row;}
.flex-auto{flex:1;}

/* 头部 */
.header{position:relative; height:100px; padding-bottom:25px;}
.header img{display:block;}
.header .logo{position:relative;}
.header .logo a{display:block;}
.header .logo img{display:block; margin-top:10px;}
.header .info{padding-right:30px; color:#005489; text-align:right;}

/* 导航 */
.menu{position:absolute; left:0; bottom:-24px; width:100%; height:48px; background-color:#005489; z-index:99999;}
.menu li{position:relative; float:left; font-size:18px; z-index: 9999;}
.menu li a{padding:0 20px; height:48px; line-height:48px; color:#fff;}
.menu li .active, .menu li a:hover, .menu .mainnav:hover{background-color:#003556; color:#fff!important;}
.menu li:hover .subnav{display:block;}
.menu .subnav{display:none; position:absolute; left:0; top:48px; width:160px; padding-bottom:10px; background-color:#003556; box-shadow:0 8px 8px 3px rgba(0,0,0,.03);}
.menu .subnav li{float:none;}
.menu .subnav a{display:block; height:auto; line-height:1; padding:10px 20px;}
.menu .subnav a:hover, .menu .subnav a.active{background-color:#23c19d;}
.menu .subnav a:last-child{border-bottom:0;}

/* 移动端导航 */
.m-header{position:fixed; left:0; top:0; width:100%; height:50px; background-color:#fff; box-shadow:0 0 3px 2px rgba(0, 0, 0, .05); z-index:9999;}
.m-header .logo img{position:absolute; left:15px; top:50%; height:26px; margin-top:-13px;}
.m-header .bars{padding:0 20px; line-height:50px; font-size:24px;}

.m-menu{display:none;}
.m-menu .m-mask{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:9990;}
.m-menu ul{position:fixed; left:0; top:50px; width:100%; max-height:90vh; padding:20px 30px; background-color:#fff; box-shadow:0 0 3px 2px rgba(0, 0, 0, .15); z-index:9995; overflow-y:auto; box-sizing:border-box;}
.m-menu ul li i{position:absolute; right:2px; top:13px; font-weight:700; color:#01548a;}
.m-menu ul li a{position:relative; display:block; padding:8px 0; border-bottom:1px solid #eee;}
.m-menu ul li .active{color:#01548a; font-weight:700;}
.m-menu ul li:last-child a{border:0;}
.m-menu ul .open .subnav{display:block;}
.m-menu ul .subnav{display:none;}
.m-menu ul .subnav a{padding:8px 2em; color:#979898;}
.m-menu ul .subnav a.active{color:#01548a;}



.footer .box1{background:#003f77; color:#93f4de; }
.footer .box2{background:#f4f6f8;}
.footer .box1 .wp{padding:60px 0;}
.footer .box1 .info{margin-left:50px; padding:0 50px; border-left:1px solid #93f4de; line-height:1.8;}
.footer .box2 .info{padding:50px 0 20px; font-size:16px;}
.footer .box2 .nav{overflow:hidden;}
.footer .box2 .nav dl{float:left; padding-right:40px;}
.footer .box2 .nav dl dt{padding-bottom:10px; font-size:18px;}
.footer .box2 .nav dl dd{padding:2px 0;}
.footer .box2 .nav dl dd a{color:#003f77;}
.footer .box2 .logo{margin-left:50px; padding-left:80px; border-left:1px solid #cfd3d8;}
.footer .copyright{text-align:center; padding:10px 0 20px;}

@media (max-width:750px) {
    .footer .box1 .wp{display:block; padding:20px;}
    .footer .box1 .logo{display:none;}
    .footer .box1 .info{border:0; margin:0; padding:0;}
    .footer .box1 .qrcode img{margin-top:5px;}

    .footer .box2 .info{display:block; padding:20px;}
    .footer .box2 .nav dl{width:33.33%; padding:0 0 20px 0;}
    .footer .box2 .nav dl:nth-child(3n+1){clear:both;}

    .footer .box2 .logo{border:0; padding:20px 0 0; margin:0;}
    .footer .box2 .logo img{display:block; margin:0 auto;}

    .footer .copyright{padding:0 20px 20px; font-size:14px;}
}


/* 轮播图 */
.swiper{width:100%; height:100%;}
.swiper-slide a{display:block;}
.swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
.swiper-pagination .swiper-pagination-bullet{width:25px; height:3px; border-radius:0;}
.swiper-pagination .swiper-pagination-bullet-active{height:6px; background-color:#104F69;}
.swiper-button-next, .swiper-button-prev{margin-top:-25px; width:50px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:rgba(0,0,0,.3); transition:all .3s;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:24px;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizonta{bottom:0px;}
.swiper-button-next:hover, .swiper-button-prev:hover{background-color:rgba(0,0,0,.5)!important;}
.mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{opacity:0; transition:all .3s;}
.mySwiper:hover .swiper-button-next, .mySwiper:hover .swiper-button-prev{opacity:1;}
@media (max-width:750px) {
    .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev{display:none;}
}


.i-about{padding:50px 0; background:#93f4de;}
.i-about .info{padding-right:70px;}
.i-about .info .tit{font-size:40px; color:#005489; font-weight:bold; line-height:1.1;}
.i-about .info .con{padding:15px 0; text-align:justify; font-size:15px;}
.i-about .info .con p{padding:10px 0; text-indent:2em;}
.i-about .info .zb img{display:block; max-width:100%;}
.i-about .info .more{padding-top:30px;}
.i-about .info .more a{background:#005489; color:#fff; padding:6px 20px; border-radius:5px;}
.i-about .info .more a:hover{color:#fff!important;}

.i-focus{position:relative; width:514px;}
.i-focus .swiper-slide{overflow:hidden;}
.i-focus .swiper-slide .item{float:left; width:514px; height:421px; overflow:hidden;}
.i-focus .swiper-slide a{display:block;}
.i-focus .swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
.i-focus .swiper-button-next, .i-focus .swiper-button-prev{width:40px; background-color:rgba(0,0,0,.2);}
.i-focus .swiper-button-prev{left:-50px;}
.i-focus .swiper-button-next{right:-50px;}

@media (max-width:750px) {
    .i-about{padding:10px 0;}
    .i-about .wp{display:block; padding:20px;}
    .i-about .info{padding:0;}
    .i-about .info .tit{font-size:24px; line-height:1.2}
    .i-about .info .more{display:none;}
    .i-focus{padding-top:30px; width:auto;}
    .i-focus .swiper-slide .item{width:100%; height:100%;}

    .i-focus .swiper-button-prev{left:10px;}
    .i-focus .swiper-button-next{right:10px;}
}


.i-case{padding-top:50px; user-select:none;}
.i-case .box{padding-bottom:50px;}
.i-case .tit{margin:0 auto; width:278px; height:63px; background:url(../img/tit.png) no-repeat; color:#fff; text-align:center; font-size:26px;}
.i-case .tit span{padding:5px 0 0 16px;}

.i-case .list{position:relative; margin:0 46px; border-top:1px solid #ccc; padding-top:20px;}
.i-case .swiper-button-next, .i-case .swiper-button-prev{margin-top:-18px; width:36px; height:36px; line-height:36px; color:#ccc; background-color:#fff; border:1px solid #ccc; box-sizing:border-box; font-size:18px;}
.i-case .swiper-button-prev{left:-46px;}
.i-case .swiper-button-next{right:-46px;}
.i-case .swiper-button-next:after, .i-case .swiper-button-prev:after{font-size:18px;}
.i-case .swiper-button-next:hover, .i-case .swiper-button-prev:hover{background:#fff!important; color:#005489; border-color:#005489;}

.i-case .swiper-button-next.swiper-button-disabled, .i-case .swiper-button-prev.swiper-button-disabled{opacity:1;}
@media (max-width:750px) {
    .i-case{padding:35px 0 0;}
    .i-case .tit{width:180px; height:41px; background-size:100% 100%; font-size:16px;}
    .i-case .box{padding-bottom:60px;}
    .i-case .list{margin:0 20px;}
    .i-case .swiper-pagination{bottom:-30px;}
    .swiper-pagination .swiper-pagination-bullet{width:15px;}
    .swiper-pagination .swiper-pagination-bullet-active{height:3px;}
}











.page-main{position:relative; border-top:1px solid #ececec;}
.page-main::after{position:absolute; left:0; top:176px; width:100%; height:1px; background:#ececec; content:'';}
.page-main .wp{overflow:hidden;}
.page-main .wp::before, .page-main .wp::after{position:absolute; left:0; top:0; width:1px; height:100%; background:#ececec; content:'';}
.page-main .wp::after{left:240px;}


.left{float:left; width:240px; min-height:800px; background:#fff; overflow:hidden;}
.right{float:right; width:1040px; min-height:1000px; background-color:#fff; overflow:hidden;}
@media (max-width:750px) {
    .page-main{padding:0 0 0; border:0;}
    .page-main::after, .page-main .wp::before, .page-main .wp::after{display:none;}
    .left{display:none;}
    .right{float:none; width:auto; border-radius:0; min-height:auto;}
}



.left .menu-title{height:176px; background:url(../img/menubg.png) no-repeat;}
.left-menu{padding:20px;}
.left-menu a{position:relative; display:block; padding:10px 20px; border-bottom:1px solid #ececec;}
.left-menu a img{vertical-align:middle; margin:-2px 5px 0 0;}
.left-menu a.active{color:#01548a!important; font-weight:700; border-radius:6px;}
.left-menu a i{position:absolute; right:20px; top:15px;}
.left-menu .open .subnav{display:block;}
.left-menu .subnav{display:none;}
.left-menu .subnav a{border-bottom:0;}
.left-menu .subnav a:last-child{border-bottom:1px solid #ececec;}

.left-info{margin-top:30px; background-color:#7dc9a8; color:#fff; padding:40px 30px; border-radius:10px;}
.left-info img{padding-bottom:10px;}
.left-info p{padding:3px 0;}

.page-head{height:176px; padding-left:40px;}
.page-title{color:#01548a; font-size:24px; font-weight:700;}
.page-dir{height:35px; line-height:35px; font-size:14px;}
.page-dir span{padding:0 8px; color:#b7b7b7;}
.page-dir img{vertical-align:middle; margin-top:-3px;}

.page-head .share .item{position:relative; display:inline-block; margin-left:10px; width:35px; height:35px; line-height:35px; font-size:14px; text-align:center; border:1px solid #ccc; border-radius:50%; cursor:pointer; transition:all .3s;}
.page-head .share .item:hover{background:#01548a; border-color:#01548a; color:#fff!important;}
.page-head .share .bdsharebuttonbox{display:none; position:absolute; right:35px; top:0; height:37px; width:max-content}
.page-head .share .item:hover .bdsharebuttonbox{display:block;}

.show-title{text-align:center; padding:20px; border-bottom:1px solid #eee; font-size:18px; font-weight:700;}
@media (max-width:750px) {
    .page-title{height:auto;}
    .page-dir{padding:5px 20px; border-bottom:1px solid #eee;}
}

.page-content,.page-list{margin:0 auto; padding:30px 0; width:960px;}
.page-content img{margin:0 auto; display:block; max-width:100%!important; height:auto!important;}

.page-more{padding:30px; font-size:14px;}
.page-more p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.page-more p a{display:inline;}

@media (max-width:750px) {
    .page-content,.page-list{width:auto; padding:20px!important;}
}


/* 新闻列表 */
.news-list{padding:30px;}
.news-list .item{clear:both; padding:20px 0; border-bottom:1px solid #eee; overflow:hidden;}
.news-list .item .thumb{float:left; width:120px; height:80px;}
.news-list .item .thumb a{display:block; width:100%; height:80px; overflow:hidden;}
.news-list .item .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.news-list .item .info{float:right; width:800px;}
.news-list .item .info h3{font-size:16px;}
.news-list .item .info h3 a{color:#104F69;}
.news-list .item .info p{font-size:14px; color:#999; padding-top:5px;}
@media (max-width:750px) {
    .news-list .item{display:flex; padding:20px 10px;}
    .news-list .item .thumb{float:none; padding-right:10px;}
    .news-list .item .info{float:none; flex:1;}
    .news-list .item .info p{overflow:hidden; -webkit-line-clamp:2; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;}
}

/* 产品案例列表 */
.product-list{padding:30px; overflow:hidden;}
.product-list .item{float:left; margin:30px 60px 0 0; width:280px;}
.product-list .item:nth-child(3n+3){margin-right:0;}
.product-list .item .thumb{height:200px;}
.product-list .item .thumb a{display:block; width:100%; height:200px; overflow:hidden;}
.product-list .item .thumb img{display:block; width:100%; height:100%; object-fit:cover;}
.product-list .item .tit{font-size:16px; text-align:center; padding-top:10px;}
.product-list .item .tit a{display:block; color:#104F69; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media (max-width:750px) {
    .product-list{padding:5px;}
    .product-list .item{width:50%; margin:0; border:5px solid #fff; box-sizing: border-box;}
    .product-list .item .thumb, .product-list .item .thumb a{height:120px;}
}

/* 分页 */
.pages{padding:30px 0; text-align:center;}
.pages li{display:inline-block; padding:0 4px;}
.pages li a{border:1px solid #e8e8e8; border-radius:5px; padding:5px 15px; color:#666;}
.pages li.active a{border-color:#3DA1CA; background-color:#3DA1CA; color:#fff!important;}

.video{padding:30px 0 0;}
.player{width:100%; height:500px; background-color:#000;}

@media (max-width:750px) {
    .player{height:280px;}
    .page-title{padding:20px 20px 0; font-size:20px; text-align:center;}
    .page-content, .video, .pages, .page-more{padding:20px;}
}