html,body{height:100%;font-family: -apple-system,BlinkMacSystemFont,SF Pro SC,SF Pro Text,Helvetica Neue,Helvetica,PingFang SC,Segoe UI,Roboto,Hiragino Sans GB,arial,microsoft yahei ui,Microsoft YaHei,SimSun,sans-serif;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:6px 0px;}
ul{list-style:none;padding:0px;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline: 0;}
section{width:100%;padding:60px 0px;}
.bg{background:#F7F9FC;}
.bg-blue{background: #060922;}
.dn{display: none;}
.go-top{position: fixed;bottom: 20px;right:25px;z-index: 999;}
.go-top a{font-size:24px;color:#333;padding:10px 15px 12px;background:#eee;border-radius:50%;}
.go-top a:hover,.go-top a:active,.go-top a:focus{font-size:24px;color:#fff;background:#222;}

.navbar{border-radius: 0px;}
.site-nav{background:none;border:0px;position: fixed;right: 0;left: 0;z-index: 999;border-bottom:1px solid rgba(255,255,255,0.2)}
.site-nav .navbar-brand{display:block;width:150px;height:44px;margin-top:16px;background:url(../images/logo-b.png) no-repeat;background-size:100% 100%;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0px;}
.site-nav .navbar-nav{margin-left:150px;}
.site-nav .navbar-right{margin-left:0px;}
.site-nav .navbar-nav > li{margin-bottom:-1px;margin-right:30px;}
.site-nav .navbar-nav > li > a{padding: 28px 10px 25px;transition: all .25s;border-bottom:1px solid transparent;color:#fff;}
.site-nav .navbar-nav > li > a:hover,.site-nav .navbar-nav > li > a:focus {color: #057174;background:none;border-bottom:1px solid #fff;}
.site-nav .navbar-nav > .active > a,.site-nav .navbar-nav > .active > a:hover, .site-nav .navbar-nav > .active > a:focus {background:none;color: #fff;border-bottom:1px solid #fff;}
.site-nav .navbar-nav > .open > a,.site-nav .navbar-nav > .open > a:hover, .site-nav .navbar-nav > .open > a:focus{background:none;color:#057174;border-bottom:1px solid #fff;}

.swiper-slide{position: relative;}
.swiper-slide img{width:100%;}
.slide-text{position: absolute;top:50%;left:50%;margin-left: -500px;margin-top: -80px;width:500px;}
.slide-text h2{font-size:36px;color: #fff;font-weight: bold;margin-bottom:20px;}
.slide-text p{font-size:18px;color: #fff;font-weight: normal;}
.slide-text .slide-btn{margin-top:20px;}
.slide-text .slide-btn .btn{padding:10px 30px;background:#0f8e92;}
.slide-text .slide-btn .btn-primary{background:#0f8e92;}

.al-swiper .swiper-slide img{width:100%;}

.product-swiper{padding:0px}
.p-swiper-button-prev,.a-swiper-button-prev,.j-swiper-button-prev{left:-40px !important;}
.p-swiper-button-next,.a-swiper-button-next,.j-swiper-button-next{right:-40px !important;}

.site-nav.default{transition:all .2s;}
.site-nav.fixed{background:#fff;transition:all .5s;box-shadow: 0 1px 5px rgba(0,0,0,.2);}
.site-nav.fixed .navbar-brand{background:url(../images/logo.png) no-repeat;background-size:100% 100%;}
.site-nav.fixed .navbar-nav > li > a{color:#333;}
.site-nav.fixed .navbar-nav > li > a:hover,.site-nav.fixed .navbar-nav > li > a:focus {color: #333;background:#f6f6f6;border-bottom:3px solid #057174;}
.site-nav.fixed .navbar-nav > .active > a,.site-nav.fixed .navbar-nav > .active > a:hover, .site-nav.fixed .navbar-nav > .active > a:focus {color: #fff;background:#057174;border-bottom:3px solid #057174;}
.site-nav.fixed .navbar-nav > .open > a,.site-nav.fixed .navbar-nav > .open > a:hover, .site-nav.fixed .navbar-nav > .open > a:focus{background:#057174;color:#fff;}

.site-nav .navbar-nav > li > .dropdown-menu{border-radius: 0px;padding-top:0;background:none;padding-top:10px;-webkit-box-shadow:none;box-shadow: none;width: 300px;border:none;}
.site-nav .navbar-nav > li > .dropdown-menu .nav-list{background:#fff;border-radius: 4px;padding:10px 0;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);box-shadow: 0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip: padding-box;}
.nav-list li{padding:0px;font-size:14px;}
.nav-list li a{color:#333;display: block;padding:10px 15px;}
.nav-list li a:hover,.nav-list li a:focus,.nav-list li a:active{color:#057174;text-decoration: none;background:#f6f6f6;}

.p-nav{background: #fff;border-bottom: 1px solid #e1e6f0;}
.p-nav-c{display: flex;align-items: center;justify-content: center;list-style: none;margin-bottom:-1px;}
.p-nav-c li a{display: block;font-size:16px;color:#1a2233;padding:24px 30px;border-bottom: 2px solid transparent;text-decoration: none;}
.p-nav-c li{margin:0 24px;}
.p-nav-c li.ac a{color:#057174;border-bottom: 2px solid #057174;text-decoration: none;}
.p-nav-c li a:active,.p-nav-c li a:focus{text-decoration: none;}

.al-img{position:relative;overflow:hidden;min-height:1px;}
.al-img img{width:100%;}
.al-img p{position:absolute;bottom:0px;left:0px;width:100%;padding:10px;color:#fff;text-align:center;font-size:16px;}

.container-fluid .col-md-3{padding:15px;}

.site-title {margin-bottom: 35px;text-align: center;}
.site-title > h2 {margin-bottom: 20px;line-height: normal;font-weight: normal;font-size: 16px;color: #999;}
.site-title > .site-title-c {margin:0px;display: flex;align-items: center;justify-content: center;}
.site-title > .site-title-c > h3 {margin: 0 15px;line-height: normal;font-weight: normal;font-size: 24px;color: #333;}
.site-title > .site-title-c > i {display:block;width: 65px;height: 1px;background-color: #ccc;}

.bg-blue .site-title > h2{color:rgba(255, 255, 255, 6);}
.bg-blue .site-title > .site-title-c > h3 {color: rgba(255, 255, 255, 6);}
.bg-blue .site-title > .site-title-c > i {background-color: rgba(255, 255, 255, 6);}

.site-about{position:relative;overflow:hidden;text-align:center;}
.site-about p{text-align: center;color: #3e4652;font-size: 18px;line-height: 1.8;position: relative;font-weight: 300;width:800px;margin:0px auto;padding-bottom:30px;}
.site-about i{position:absolute;width:65px;height:53px;display:block;top:40px;background-image:url(../images/syh.png);}
.site-about i.l{left:120px;background-position:left bottom;}
.site-about i.r{right:120px;background-position:left top;}

.bg-culture{background:#222;}
.bg-culture .site-title h2{color:#fff;}
.site-culture{position:relative;overflow:hidden;text-align:center;}
.site-culture h2{font-size:36px;color:#fff;}
.site-culture p{text-align: center;color: #fff;font-size: 16px;line-height: 1.8;position: relative;font-weight: 300;width:100%;margin:0px auto;padding:30px;}

.logo-list li{float: left;width:16.66%;padding:15px;}
.logo-list li .img{display: flex;align-items: center;justify-content: center;height:90px;}
.logo-list li .img img{max-width:120px;max-height:70px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.5;transition: all 0.3s;}
.logo-list li .img img:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none;opacity:1;}
.logo-list li p{text-align: center;padding-top:20px;color:#999;}

.thumbnail{border:none;background:#fff;padding:0px;overflow:hidden;border-radius:8px;transition: all 0.3s;padding:24px;box-shadow: 0 0 10px rgba(0,0,0,.03);}
.thumbnail:hover{box-shadow: 0 0 20px rgba(0,0,0,.1);}
.thumbnail .img img{width:100%;border-radius: 8px;}
.thumbnail .caption{padding:24px 0;}
.thumbnail .caption h3{font-size:24px;line-height:36px;font-weight:normal;margin-bottom:10px;}
.thumbnail .caption p{font-size:14px;color:#999;line-height:2;}
.thumbnail .caption p.date{color:#666;}
.thumbnail .caption .btn{padding:10px 45px;background: linear-gradient(90deg,#0f8e92,#057174);border-radius: 5px;color: #fff;margin-top:20px;border:0;}

.product-swiper .thumbnail .caption .btn{width:100%;}
.j-swiper .thumbnail img{width:100%;display: block;}

.home-about{border-radius: 8px;background:#fff;padding:24px;box-shadow: 0 0 10px rgba(0,0,0,.03);}
.home-about .img img{width:100%;border-radius: 8px;display: block;}
.home-about .caption{padding:30px 50px 30px;background:#fff;margin-left:-30px;}
.home-about .caption h3{font-size:18px;line-height:36px;font-weight:bold;margin-bottom:0px;}
.home-about .caption p{font-size:14px;color:#999;line-height:2;}
.home-about .caption p.date{color:#666;}
.home-about .caption .btn{padding:10px 45px;background: linear-gradient(90deg,#0f8e92,#057174);border-radius: 5px;color: #fff;margin-top:20px;border:0;}


.home-service{margin-top:60px;}
.home-service .thumbnail{border:none;background:none;padding:0px;overflow:hidden;text-align:center;}
.home-service .thumbnail .img img{width:90px;height:90px;}
.home-service .thumbnail h3{font-size:18px;}
.home-service .thumbnail p{font-size:14px;color:#999;margin-top:20px;}

.btn-line-more{
    color: #333;cursor: pointer;font-weight: 400;font-size: 14px;line-height: 16px;margin-left: 10px;margin-right: 10px;text-align: center;padding: 15px 30px;
    white-space: nowrap;letter-spacing: 1px;background: #eee;display: inline-block;text-decoration: none;text-transform: uppercase;border: none;
    -webkit-animation-delay: 2s;animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn-line-more:hover,.btn-line-more:active {color: #fff;background: #057174;-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
.btn-more{
    color: #fff;cursor: pointer;font-weight: 400;font-size: 14px;line-height: 16px;margin-left: 10px;margin-right: 10px;text-align: center;padding: 15px 30px;
    white-space: nowrap;letter-spacing: 1px;background: #057174;display: inline-block;text-decoration: none;text-transform: uppercase;border: none;
    -webkit-animation-delay: 2s;animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn-more:hover,.btn-more:active {color: #fff;background: #222;-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}


.footer-t{background:#1e1f21;padding:30px 0;}
.footer-t .item{padding-left:65px;position: relative;}
.footer-t .item .icon{width:50px;height:50px;position: absolute;left:0;top:5px;color:#fff;display: block;}
.footer-t h2{color:#fff;font-size:20px;}
.footer-t p{color:#888;font-size:14px;}
.footer-c{background:#27282b;padding:30px 0;}
.footer-c .foot-logo{text-align: center;}
.footer-c .foot-logo img{margin-top:0px;max-width:200px;}
.foot-product-list li{line-height:30px;font-size:14px;}
.foot-product-list li a{color:#666;}
.foot-product-list li a:hover,.foot-product-list li a:focus,.foot-product-list li a:active{color:#ccc;text-decoration: none;}
.footer{background:#27282b;padding:30px;font-size:14px;color:#696867;text-align: center;border-top:1px solid #444;line-height:24px;}
.footer span{color:#fff;}


.news-item{padding:30px 0px;border-bottom:1px solid #eee;}
.news-item:hover{background:#f6f6f6;}
.news-item h2{font-size:24px;font-weight: bold;color:#333;}
.news-item h2 a{color:#333;text-decoration: none;}
.news-item h2 a:hover{color:#057174;text-decoration: none;}
.news-item p{color:#666;}
.news-item p.date{margin-top:10px;color:#999;}


.overlay-dark-grey{position: absolute;top: 0;left:0;height: 100%;width: 100%;background-color: rgba(6, 27, 38, 0.6);z-index: 999;}


.ej-banner{background:#0e1525;height: 500px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding-top:75px;position: relative;}
.ej-banner h2{font-size:30px;color:#fff;text-align: center;display: flex;align-items: center;justify-content: center;margin-bottom:10px;}
.ej-banner h2 i{display: block;height:1px;background:rgba(255, 255, 255, 0.6);width:80px;margin:0 15px;}
.ej-banner h3{font-size:18px;color:rgba(255, 255, 255, 0.6);text-align: center;margin:0;font-weight: normal;}
.ej-banner p{font-size:14px;color:rgba(255, 255, 255, 0.4);text-align: center;position: absolute;bottom:0;left:0;right:0;padding:15px;}
.ej-banner p a{color:#fff;}

.contact-t{padding:0 0 60px;}
.contact-t h2{font-size: 30px;color:#1a2233;margin-bottom:20px;line-height: 1.3;}
.contact-t p{font-size:14px;color:#888;line-height: 1.8;}
.contact-t p b{font-weight: normal;color:#1a2233;}

.contact-box{display: flex;align-items: stretch;justify-content: space-between;}
.contact-box img{width:50%;display: block;}
.contact-box .contact-con{background:#eff2f6;padding:30px 50px;width:50%;box-sizing: border-box;}
.contact-box .contact-con h2{font-size:24px;color:#1a2233;margin-bottom:36px;padding-bottom:20px;border-bottom: 1px solid #ddd;}
.contact-box .contact-con li{display: flex;align-items: center;justify-content: flex-start;padding:10px 0;font-size:18px;color:#1a2233;}
.contact-box .contact-con li i{display: flex;width:30px;height:30px;align-items: center;justify-content: center;color:#fff;margin-right:16px;background:#057174;border-radius: 50%;font-size: 12px;}
.contact-box .contact-con li:first-child i{font-size:16px;}
.contact-box .contact-con li:nth-child(2) i{font-size:14px;}

.zp-list .card{background:#fff;border-radius: 8px;margin-bottom:16px;border:1px solid #e1e6f0;}
.zp-list .card .card-header h2{padding:0;}
.zp-list .card .card-header .btn{display: flex;align-items: center;justify-content: space-between;padding:16px 22px;font-size: 18px;color:#1a2233;background: #fff;border-radius: 9px;border:0;}
.zp-list .card .card-header .btn i{transform: rotate(180deg);}
.zp-list .card .card-header .btn.collapsed i{transform: rotate(0deg);}
.zp-list .card .card-body {padding:0 24px 24px;}
.zp-list .card .card-body h2{font-size:16px;color:#1a2233;padding:24px 0;}
.zp-list .card .card-body div{font-size:14px;color:#858c99;line-height: 2;}

.p-con-t{background:#fff;display: flex;align-items: stretch;justify-content: space-between;border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,.03);padding:24px;}
.p-con-img{width:30%;}
.p-con-img img{width:100%;display: block;border-radius: 8px;}
.p-con-dec{width:70%;padding:16px 48px 0;box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;justify-content: space-between;}
.p-con-dec h2{font-size: 30px;color:#1a2233;padding:0;margin:0;margin-bottom:24px;}
.p-con-dec p{font-size: 16px;color:#858c99;padding:0;margin:0;flex-grow: 1;line-height: 2;}
.p-con-tel{display: flex;align-items: center;justify-content: center;padding:16px;background:#057174;border-radius: 80px;padding-right:48px;}
.p-con-tel i{width:60px;height:60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background:#fff;color:#057174;font-size:30px;margin-right: 24px;}
.p-con-tel div p{font-size: 14px;color:rgba(255, 255, 255, 0.6);margin:0;}
.p-con-tel div h3{font-size: 24px;color:#fff;margin:0;line-height: 1;margin-top: -6px;}
.p-con-b{background:#fff;border-radius: 8px;box-shadow: 0 0 10px rgba(0,0,0,.03);margin-top: 24px;}
.p-con-b>h2{padding:24px;position: relative;margin:0;font-size:18px;border-bottom: 1px solid #e1e6f0;font-weight: bold;}
.p-con-b>h2 i{position: absolute;left:0;top:50%;margin-top:-12px;width:8px;height:24px;display: block;border-top-right-radius: 4px;border-bottom-right-radius: 4px;background:#057174;}
.p-con-b .p-con-txt{padding:24px;font-size:16px;line-height: 1.8;color:#1a2233;}
.p-con-b .p-con-txt img{max-width: 100%;display: block;}

.about-line{width:100px;height:5px;background:#3264fa;margin:5px 0;}
.about01{padding:80px 0;background:#fff;background-image: url(../images/about01-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.about01 .about01-con{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.about01 .about01-con .about01-txt{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.about01 .about01-con .about01-txt h2{font-size: 30px;padding:16px 0;text-align: center;color: #1a2233;margin:0;}
.about01 .about01-con .about01-txt p{font-size: 16px;padding:16px 0;text-align: center;color: #1a2233;max-width: 900px;line-height: 2;margin:0;}
.about01 .about01-con .about01-img{display: flex;align-items: center;justify-content: space-between;padding:80px 0;}
.about01 .about01-con .about01-img img{width:200px;border-radius: 8px;margin:0 24px;}

.about02{padding:80px 0;background:#d4e1f4;background-image: url(../images/about02-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.about02 .about02-con{display: flex;align-items: center;justify-content: space-between;}
.about02 .about02-con .about02-txt{display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.about02 .about02-con .about02-txt h2{font-size: 30px;padding:16px 0;text-align: left;color: #1a2233;margin:0;}
.about02 .about02-con .about02-txt p{font-size: 16px;padding:16px 0;text-align: left;color: #1a2233;max-width: 500px;line-height: 2;margin:0;}
.about02 .about02-con .about02-img{}
.about02 .about02-con .about02-img img{max-width:100%;border-radius: 8px;margin:0 24px;}

.about03{padding:80px 0;background:#fff;background-image: url(../images/about03-bg.png);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.about03 .about03-con{display: flex;align-items: center;justify-content: space-between;}
.about03 .about03-con .about03-txt{display: flex;align-items: flex-end;justify-content: center;flex-direction: column;}
.about03 .about03-con .about03-txt h2{font-size: 30px;padding:16px 0;text-align: right;color: #1a2233;margin:0;}
.about03 .about03-con .about03-txt p{font-size: 16px;padding:16px 0;text-align: right;color: #1a2233;max-width: 500px;line-height: 2;margin:0;}
.about03 .about03-con .about03-img{}
.about03 .about03-con .about03-img img{max-width:100%;border-radius: 8px;margin:0 24px;}

.about04{padding:200px 0 350px;background-image: url(../images/about04-bg.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;}
.about04 .about04-con{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.about04 .about04-con .about04-txt{display: flex;align-items: center;justify-content: center;flex-direction: column;}
.about04 .about04-con .about04-txt h2{font-size: 30px;padding:16px 0;text-align: center;color: #1a2233;margin:0;}
.about04 .about04-con .about04-txt p{font-size: 16px;padding:16px 0;text-align: center;color: #1a2233;max-width: 900px;line-height: 2;margin:0;}

.banner-swiper{background: radial-gradient(circle, #0e1d3a, #0e1625);}
.banner-swiper .swiper-slide .img{width:1200px;text-align: right;margin:0 auto;}
.banner-swiper .swiper-slide .img img{width:auto;max-height:760px;}
.banner-swiper .swiper-slide .slide-text{margin-left: -560px;}