/* CSS Document */

*{margin:0;padding: 0;box-sizing: border-box;}
html,body{font-size:14px;color:#37474f;font-family: "Microsoft JhengHei UI";min-width:1300px;}
.container{width: 1300px;padding-left:15px;padding-right:15px;margin:0 auto;}
.d-flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-between{justify-content:space-between;}
.align-items-center{align-items:center;}
.flex-grow-1{flex-grow:1;-ms-flex-grow:1;}
.clearfix{clear:both; height:0; line-height:0; font-size:0;}
.clearfix::after{content:'';display: block;visibility: hidden;}

header{padding:30px 0;background-color:#1d2088;}
header .tel{background:url("../img/top_tell.jpg")left center no-repeat;padding-left: 30px;color:#fff;}
header .tel span{font-size:24px;color:#f60;}


/*banner*/
.bannerPc{ text-align:center;overflow: hidden;min-width:1200px;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;}
.bannerPc a{ display:block;}
.bannerPc img{ max-width:100%; vertical-align:middle;}
.banner-html5zoo{ /*overflow:hidden;*/}
.banner-html5zoo .html5zoo-arrow-left-0,.banner-html5zoo .html5zoo-arrow-right-0{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../pic/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-0,.banner-html5zoo:hover .html5zoo-arrow-right-0{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-0{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-0{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-arrow-left-1,.banner-html5zoo .html5zoo-arrow-right-1{width:40px !important; height:60px !important; top:50% !important; margin-top:-30px !important; background:url(../pic/slide_bPc.png) no-repeat !important;display:block !important; visibility:hidden;}
.banner-html5zoo:hover .html5zoo-arrow-left-1,.banner-html5zoo:hover .html5zoo-arrow-right-1{ visibility:visible;}
.banner-html5zoo .html5zoo-arrow-left-1{left:50px !important; background-position:0 0 !important;}
.banner-html5zoo .html5zoo-arrow-right-1{right:50px !important; background-position:-40px 0 !important;}
.banner-html5zoo .html5zoo-nav{ text-align:center;}
.banner-html5zoo .html5zoo-bullet-span{ width:1em !important; height:2px !important; float:none !important; display:inline-block; background:#1d2088 !important; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; margin:0 5px !important; vertical-align:middle;}
.banner-html5zoo .html5zoo-bullet-span.active{width:1em !important; height:1em !important; border:2px solid #1d2088; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}

.title{text-align: center;margin-bottom:30px;}
.title em{font-size: 50px;line-height: 50px;color: #1d2088;font-family: Impact; opacity: 0.05;margin-bottom: -36px;display: block;text-transform: uppercase;}
.title b{font-size: 40px;line-height: 50px; color: #1d2088;}
.title b span{color: #000;}
.title p{font-size: 16px;line-height: 36px;color: #666666;}
.title i{animation: waves 2s linear 0s infinite alternate;-webkit-animation: waves 2s linear 0s infinite alternate;height: 30px;}
@-webkit-keyframes waves {
  10% {
    padding-top: 0;
  }
  50% {
   padding-top: 5px;
  }
  100% {
   padding-top: 10px;
  }
}

@keyframes waves {
  10% {
    padding-top: 0;
  }
  50% {
   padding-top: 5px;
  }
  100% {
   padding-top: 10px;
  }
}

.section-1{padding: 60px 0;background-color:#f3f3f3;}
.section-1 .item{width:23.5%;background-color:#fff;margin-bottom:20px;text-align:center;padding:40px 20px 20px;border-radius: 20px;}
.section-1 .item .img{}
.section-1 .item .info{}
.section-1 .item .info h5{margin-top:20px;margin-bottom:10px;font-size:20px;font-weight:normal;}
.section-1 .item .info p{line-height:2;color:#777;}
.section-1 .item:hover{box-shadow: 0 15px 15px rgba(0,0,0,.08),0 0 6px rgba(0,0,0,.01);}

.section-2{padding:60px 0;}
.section-2 dl{width:32%;border: 1px solid #1d2088;margin-bottom:20px;}
.section-2 dl dt{background-color:#1d2088;color:#fff;height: 50px;line-height:50px;font-size:18px;padding:0 15px;}
.section-2 dl dt i{margin-right:0.5em;}
.section-2 dl dd{line-height:2;padding:15px;text-align:justify;}

.section-3{background:url("../img/12.jpg")center no-repeat;color:#fff;}
.section-3 .item{width:25%;text-align:center;padding: 3% 2%;}
.section-3 .item + .item{border-left:1px solid #666;}
.section-3 .item span{font-size:60px;font-family: "impact";margin-right:10px;}
.section-3 .item p{font-size:20px;margin-top:4%;}

.section-4{padding:60px 0;}
.imgScroll{position:relative;overflow:  hidden;height: 299px;}
.imgScroll .list{display:flex;position: absolute;left: 0;top: 0;}
.imgScroll .list .item{width:299px;height: 299px; margin-right: 26px;text-align: center;cursor: pointer;border: 1px solid #1d2088;}
.imgScroll .list .item .img{overflow: hidden;padding:9px;height: 297px;}
.imgScroll .list .item .img img{width: 100%;height: 100%;object-fit: contain;display: block;}

.section-5{background-color:#f3f3f3;padding:60px 0;}
.section-5 .table-list{width:65%;}
.section-5 table{margin-bottom:20px;}
.section-5 table thead{background-color:#1d2088;color:#fff;}
.section-5 table tr td{padding:10px 15px;line-height: 2;vertical-align: middle;}
.section-5 .table{width:100%;border-collapse: collapse;background-color:#fff;}
.section-5 .table-bordered{border:1px solid #ddd;}
.section-5 .table-bordered tr td{border: 1px solid #ddd;}

.section-5 .card-list{width:33%;}
.section-5 .card-list dl{border:2px solid #1d2088;margin-bottom:20px;background-color:#fff;}
.section-5 .card-list dl dt{background-color:#1d2088;color:#fff;text-align:center;padding:10px 15px;line-height: 2;}
.section-5 .card-list dl dd{padding:15px;}
.section-5 .card-list dl dd p{line-height:2;border-bottom:1px dashed #cecece;padding-bottom:5px;}
.section-5 .card-list dl dd p + p{margin-top:10px;}
.section-5 .card-list >h5{font-size: 36px;line-height: 50px;color: #1d2088;text-align: center;}
.section-5 .panel{margin-bottom:30px;border: 2px solid #1d2088;position: relative;padding:25px 15px 10px;margin-top:20px;border-radius: 10px;background-color:#fff;box-shadow: 0 3px 6px rgba(0,0,0,.15);}
.section-5 .panel >span{position: absolute;top:0;left:10px;transform: translateY(-50%);color:#f60;font-size:20px;display:inline-block;padding:0 5px;background:linear-gradient(to bottom,transparent,#fff 45%);}
.section-5 .panel:last-child{margin-bottom:0;}
.section-5 .panel ul{margin-bottom:10px;display:flex;background-color:#1d2088;color:#fff;}
.section-5 .panel ul li{list-style:none;padding:10px 15px;}
.section-5 .panel ul li:nth-child(1){flex-grow:1;-ms-flex-grow:1;}
.section-5 .panel ul li:nth-child(2){width:25%;}
.section-5 .panel ul li:nth-child(3){width:25%;}
.section-5 .panel p{text-align:right;color:#000;}
.section-5 .panel p span{font-size:12px}
.section-5 .panel p span + span{margin-left:10px;}
.section-5 .panel p span del{color:#d40f0f;font-size:14px;}
.section-5 .panel p span b{font-size: 24px;color:#f60;font-weight: normal;}
.section-5 .list{display:flex;justify-content: space-between;}
.section-5 .list .listl{width:48.5%;}
.section-5 .list .listr{width:48.5%;}
.section-5 .more{margin-top:20px;text-align: center;font-size:1.125rem;font-weight: lighter;color:#777;}
.section-5 .more span{font-size:1.875rem;color:#1d2088;}


.about{padding:60px 0;position: relative;z-index: 1;}
.about:after{content: '';width: 100%; height: 340px;background:#1d2088;position: absolute;z-index: -1;bottom: 0;left: 0;right: 0;margin: auto;}
.about_nr{box-shadow: 0px 0px 18px 0px rgba(191, 191, 191, 0.29);padding: 34px;background: #ffffff; margin-top: 40px;display: flex;}
.about_l{width: 41.67%;}
.about_l img{width:100%;height:100%;object-fit: cover;}
.about_l video{width:100%;background-color:#000;height: 382px;}
.about_r{width: 58.33%;padding-left:40px;}
.about_r p{font-size: 15px;line-height: 32px; color: #666; font-weight: lighter;text-align: justify;text-indent: 2em;}
.about_r a{width: 200px;height: 55px;background:#f0f0f0;display: block;font-size:16px;line-height: 55px;text-align: center;color: #666;margin-top: 30px;transition:500ms;}
.about_r a:hover{background:#000;color: #ffffff;}

.strength{width:100%;overflow: hidden;}
.strength ul{padding-top:20px;display:flex;justify-content:center;}
.strength ul li{width:16.666666%;float:left;padding-top:10px;position:relative;text-align:center;cursor:default;-webkit-transition:.4s;transition:.4s}
.strength ul li+li{margin-left:0px;}
.strength ul li+li:after{content: '';width: 1px;height: 95px;background: rgba(255,255,255,0.2);position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.strength ul li:hover{-webkit-transition:.4s;transition:.4s}
.strength ul li .pic{width:58px;height:58px;background:url("../pic/about_info.png") center no-repeat;position:relative;margin:0 auto;margin-bottom:24px}
.strength ul li p{font-size:20px;font-weight:400;color:#fff;}
.strength ul li span{font-size:14px;color:#fff;line-height:30px}
.strength ul li .ks{background-position:0 0}
.strength ul li .jz{background-position:-58px 0}
.strength ul li .zl{background-position:-116px 0}
.strength ul li .xy{background-position:-174px 0}
.strength ul li .al{background-position:-232px 0}
.strength ul li .bz{background-position:-290px 0}


.section-8{padding:60px 0;}
.section-8 .list{display:flex;justify-content: space-between;margin-bottom: 30px;}
.section-8 .list .info{width:48.5%;display: flex;flex-wrap: wrap;align-items: flex-end;}
.section-8 .list .info h3{border-bottom:1px dashed #cecece;padding:20px 0;font-size:24px;width:100%;color:#1d2088;}
.section-8 .list .info dl{display:flex;padding:20px 0;border-bottom:1px dashed #cecece;align-items: center;width:100%;font-size:20px;}
.section-8 .list .info dl dt{color:#1d2088;}
.section-8 .list .info dl dt img{max-width:50px;}
.section-8 .list .info dl dd{}
.section-8 .list .img{width:48.5%;}
.section-8 .list .img img{width:100%;height:100%;object-fit: cover;}

footer{background-color:#1d2088;color:#fff;padding: 20px 0;font-size: 16px;}
footer p{line-height:2;}
footer p a{color:#fc0;}