/* CSS Document */
*{margin: 0;padding: 0;}
html,body{font-family: Microsoft JhengHei UI,Microsoft Yahei,Arial,sans-serif;color: #37474f;}
@media (min-width:1200px){
    html,body{font-size: 16px;}
}
@media (min-width:1024px) and (max-width:1199px){
    html,body{font-size: 15px;}
}
@media (min-width:768px) and (max-width:1023px){
    html,body{font-size: 14px;}
}
@media (min-width:576px) and (max-width:767px){
    html,body{font-size: 13px;}
}
@media (max-width:575px){
    html,body{font-size: 12px;}
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
ul,li{list-style: none;}
.container{width:100% !important;max-width:1200px;}
section{padding:5.25rem 0 5rem;}
@media(max-width:768px){
    section{padding:3.25rem 0 3rem;}
}
.d-flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-between{justify-content:space-between;}
.flex-grow-1{-ms-flex-positive: 1 !important;flex-grow: 1 !important;}

#fenye{clear:both; margin-top: 2rem;width: 100%;margin-bottom: 3.125rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0 0.5rem; line-height:2;font-size: 12px;margin: 0.25rem;border:1px solid #ddd;color: #333;}
#fenye a.curr{ border:1px solid #0068e0; color:#0068e0; }
#fenye span{font-size: 12px;}

.location{line-height: 2;padding-top:1.25rem;padding-bottom: 0.5rem; border-bottom:1px solid #cecece;}
.location a{color:#37474f;text-decoration: none;}
.location i{margin:0 0.5rem;}
.location a >i{margin: 0 0.25rem 0 0;}
.location a:hover,.location a:first-child{color:#0068e0;}
.location select{padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
@media(max-width:576px){
    .location select{display:block;width:100%;margin: 0.5rem 0;}
}


.bg-f5{background-color:#f5f5f5;}

/*header*/
header .top{font-size: 12px;line-height: 2rem;box-shadow: 0 3px 6px rgba(0,0,0,.15);}
header .top a{padding-right:1rem;color:#37474f;}
header .top a:hover{color:#ea5e00;}
header .top a:last-child{padding-right:0;}
header .top a + a{border-left:1px solid #ddd;padding-left:1rem;}
header .mid{padding-top:1.25rem;padding-bottom:1.25rem;}
header .mid .wrapper{display:flex;justify-content: space-between;align-items: center;}
header .mid .logo img{max-height:5rem;}
header .mid .slogan{-ms-flex-positive: 1 !important;flex-grow: 1 !important;margin-left: 1.25rem;}
header .mid .slogan h5{font-size:1.5rem;color:#0c308e; margin-top:0;}
header .mid .slogan p{font-size: 14px;margin-bottom: 0;}
header .mid .tel{}
header .mid .tel h5{color:#868686;font-size: 1rem;margin-top:0;}
header .mid .tel p{margin-bottom:0;color:#ea5e00;font-size: 1.5rem;line-height: 1;white-space: nowrap;}
@media(max-width:767px){
    header .top{display:none;}
    header .mid{padding-top:1.25rem;padding-bottom:1.25rem;}
    header .mid .logo img{max-height:50px;}
    header .mid .tel{display:none;}
}

#topNav{background-color:#0c308e;color:#fff;padding:0;}
#topNav ul{padding-left:15px;padding-right:15px;display: flex;flex-wrap: wrap;}
#topNav .nav-item{text-align: center;width: 12.5%;}
#topNav .nav-item .nav-link{color:#fff;line-height: 3.125rem;padding: 0;}
#topNav .nav-item .nav-link:hover,#topNav .nav-item .nav-link.active{background-color:#ea5e00;}
@media(max-width:1199px){
    #topNav ul{padding-left:0;padding-right:0;}
}
@media(max-width:575px){
    #topNav .nav-item{border-right:1px solid #fff;width: 25%;}
    #topNav .nav-item:nth-child(4n){border-right:0;}
    #topNav .nav-item.nav-top{border-bottom:1px solid #fff;}
    
}

/*footer*/
footer{background-color:#f3f3f3;}
footer .footer-list{display:flex;flex-wrap:wrap;justify-content: space-between;padding-top:3.125rem;padding-bottom:1.875rem;}
footer .footer-list dl{width:23.5%;}
footer .footer-list dl dt{font-size:1.125rem;text-transform: uppercase;color:#0c308e;border-bottom:1px solid #0c308e;padding-bottom:0.625rem;margin-bottom:0.625rem;line-height: 1;}
footer .footer-list dl dd{}
footer .footer-list dl dd a{display:block;line-height: 2;font-size: 0.875rem;color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
footer .footer-list dl dd a + a{margin-top:0.625rem;}
footer .footer-list dl dd a:hover{color:#0c308e;}
footer .footer-list dl dd ul li{display:flex;line-height: 2;font-size: 0.875rem;color:#777;}
footer .footer-list dl dd ul li + li{margin-top:0.625rem;}
footer .copyright{background-color:#0c308e;color:#fff;padding:1rem 0;}
footer .copyright p{margin-bottom:0;text-align: center;line-height: 2;}
footer .copyright p a{color:#f60;}
footer .call{background-color:#0c308e;color:#fff;text-align: center;padding:5px 0 10px;}
footer .call .item{width:33.333%;font-size: 1.5rem;}
footer .call .item i{color:#fff;}
footer .call .item p{margin-bottom:0;font-size: 10px;color:#fff;}
@media(max-width:768px){
    footer .footer-list{display:none;}
    footer .copyright p{justify-content: center;text-align: center;}
    footer .copyright p span.hidden-xs{display:none;}
}
@media(max-width:767px){
    footer .copyright{background-color:#f3f3f3;color:#777;margin-bottom: 55px;}
}

.mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index: 999;background-color:rgba(0,0,0,.85);display: none;}
.mask .img{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}

/*carousel*/
.banner{width:100%;height:25rem;background-size:cover;background-position: center;background-repeat: no-repeat;}
.bannerPc{ text-align:center;overflow: hidden;}
.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(../img/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(../img/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:#fff !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 #fff; background:none !important; opacity:1;border-radius:50%; -webkit-border-radius:50%;}

/*footer*/

/*index*/
.title{text-align: center;margin-bottom:3.125rem;}
.title em{font-size: 3.125rem;line-height: 3.125rem;color: #0c308e;font-family: Impact; margin-bottom: -36px;display: block;text-transform: uppercase;}
.title b{font-size: 2.5rem;line-height: 3.125rem; color: #0c308e;text-transform: uppercase;}
.title b span{color: #000;}
.title p{line-height: 2.25rem;color: #666;}
.title i{height: 30px;}

@media(max-width:768px){
    .title{margin-bottom:1.875rem;}
}

/*index*/
.index .section-1{background-color:#f3f3f3;}
.index .section-1 .list{}
.index .section-1 .item{}
.index .section-1 .item .img{overflow: hidden;background-color:#fff;}
.index .section-1 .item img{transition: all linear 0.4s;}
.index .section-1 .item p{color:#fff;line-height:2;margin-bottom:1.875rem;background-color:#0c308e;padding:0.625rem 1rem;}
.index .section-1 .item p span.text{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.index .section-1 .item p span.icon{margin-left:0.9375rem;}
.index .section-1 .item:hover .img img{transform: scale(1.1);}
.index .section-1 .item:hover p{background:#ea5e00;}
@media(max-width:576px){
    .index .section-1 .item:nth-child(even){padding-left:7.5px;}
    .index .section-1 .item:nth-child(odd){padding-right:7.5px;}
}

.index .section-2 ul.nav{margin-bottom: 3.125rem;border-bottom: 0;display:flex;justify-content: center;flex-wrap: wrap;}
.index .section-2 ul.nav li{margin: 0 0.5rem 1rem;}
.index .section-2 ul.nav li a{background-color:#f3f3f3;color:#37474f;line-height: 2;text-transform: capitalize;width:10rem;padding: 0.25rem 0;text-align:center;border-radius: 1.25rem;box-shadow: 0 3px 6px rgba(0,0,0,.15);}
.index .section-2 ul.nav li.active a{border:0;}
.index .section-2 ul.nav li a:hover,.index .section-2 ul.nav li.active a{background-color:#0c308e;color:#fff;}
.index .section-2 .tab-pane .img{width:50%;}
.index .section-2 .tab-pane .img img{width:100%;height: 100%;object-fit: cover;}
.index .section-2 .tab-pane .info{width:50%;padding:1.875rem;background-color:#f3f3f3;}
.index .section-2 .tab-pane .info h5{font-size:1.25rem;color:#0c308e;text-transform: capitalize;font-weight: bold;}
.index .section-2 .tab-pane .info p{text-align:justify;line-height: 2;font-size: 0.875rem;margin-bottom: 0;}
.index .section-2 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#999;}
.index .section-2 .more span{font-size:1.875rem;color:#0c308e;}
.index .section-2 .more a{display:block;margin:1.875rem auto 0;width:22rem;line-height: 3.125rem;background-color:#0c308e;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.index .section-2 .more a:hover{background-color:#ea5e00;}

@media(max-width:768px){
    .index .section-2 ul.nav{margin-bottom:1.875rem;}
}
@media(max-width:576px){
    
    .index .section-2 .tab-pane .img{width:100%;}
    .index .section-2 .tab-pane .info{width:100%;padding: 1.25rem;}
}

.index .section-3{background-color:#f3f3f3;}
.index .section-3 .swiper-container {
    width: 100%;
    height: 100%;
}

.index .section-3 .swiper-slide {
    text-align: center;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.index .section-3 .swiper-slide a,.index .section-3 .swiper-slide .img{width:100%;display:block;}
.index .section-3 .swiper-slide .img{overflow:hidden;}
.index .section-3 .swiper-slide .img img{width:100%;transition: all linear 0.4s;}
.index .section-3 .swiper-slide .info{color:#fff;line-height:2;background-color:#0c308e;padding:0.625rem 1rem;}
.index .section-3 .swiper-slide .info p{margin-bottom:0;text-align: left;}
.index .section-3 .swiper-slide:hover .img img{transform:scale(1.1);}
.index .section-3 .swiper-slide:hover .info{background-color:#ea5e00;}

.index .section-4{position:relative;z-index: 1;padding-bottom: 1.875rem;}
.index .section-4::after{content: '';width: 100%;height: 24rem;background: #0c308e;position: absolute;z-index: -1;bottom: 0;left: 0;right: 0;margin: auto;}
.index .section-4 .wrapper{display:flex;flex-wrap: wrap;justify-content: space-between;padding: 2.5rem;background-color:#fff;box-shadow: 0 0px 6px rgba(0,0,0,.15);}
.index .section-4 .wrapper .img{width:41.67%;}
.index .section-4 .wrapper .img img{width:100%;height:100%;object-fit: cover;}
.index .section-4 .wrapper .info{width:58.33%;padding-left: 2.5rem;}
.index .section-4 .wrapper .info p{line-height:2;text-align: justify;}
.index .section-4 .wrapper .info a{background-color:#f3f3f3;color:#0c308e;height: 3.125rem;line-height: 3.125rem;display:inline-block;width: 10rem;text-align: center;margin-top: 1rem;}
.index .section-4 .wrapper .info a:hover{color:#fff;background-color:#0c308e;}

.index .section-4 .imgScroll{position:relative;overflow:  hidden;height: 12.71875rem;margin-top:1.875rem;}
.index .section-4 .list{display:flex;position: absolute;left: 0;top: 0;}
.index .section-4 .list .item{width:13.625rem;margin-right: 1.25rem;text-align: center;cursor: pointer;background-color:#fff;}
.index .section-4 .list .item .img{overflow: hidden;width:13.625rem;height: 10.21875rem;}
.index .section-4 .list .item .img img{width: 100%;height: 100%;object-fit: cover;}
.index .section-4 .list .item p{height:2.5rem;line-height:2.5rem;font-size:0.875rem;margin-bottom:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media(max-width:576px){
    .index .section-4 .wrapper .img{width:100%;}
    .index .section-4 .wrapper .info{width:100%;padding-left:0;}
}

.index .section-5{}
.index .section-5 .list{display:flex;flex-wrap:wrap;justify-content: space-between;}
.index .section-5 .wrapper{width:48.5%;}
.index .section-5 .img{width:100%;height:18.75rem;}
.index .section-5 .img img{width:100%;height:100%;object-fit: cover;}
.index .section-5 .wrapper ul{margin-bottom:0;}
.index .section-5 .wrapper ul li{border-bottom:1px solid #cecece;height: 3.125rem;line-height: 3.125rem;font-size: 0.875rem;padding:0 1rem;}
.index .section-5 .wrapper ul li span.icon{margin-right:0.5rem;}
.index .section-5 .wrapper ul li span.date{margin-left:0.5rem;color:#777;font-size: 12px;}
.index .section-5 .wrapper ul li a{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color:#0c308e;}
.index .section-5 .wrapper ul li:hover{background-color:#0c308e;color:#fff;}
.index .section-5 .wrapper ul li:hover a{color:#fff;}
.index .section-5 .wrapper ul li:hover span.date{display:none;}

@media(max-width:768px){
    .index .section-5 .wrapper{width:100%;}
    .index .section-5 .wrapper ul li{font-size:14px;}
}
@media(max-width:576px){
    .index .section-5 .wrapper ul li{font-size:12px;padding: 0 0.5rem;height: 40px;line-height: 40px;}
    .index .section-5 .wrapper ul li span.date{display:none;}
}


/*about*/
.about{padding:1.875rem 0;}
.box-wrapper{}
.box-wrapper >h3{color:#fff;background-color:#0c308e;padding: 1.25rem 0.9375rem 0.625rem;font-size: 1.25rem;text-transform: uppercase;margin-top:0;margin-bottom:0;line-height: 1.6;}
.box-wrapper ul{margin-bottom: 0;border: 1px solid #0c308e;border-top:0;padding: 0.625rem;}
.box-wrapper ul li + li{margin-top: 0.625rem;}
.box-wrapper ul li >a{display:block;color:#37474f;padding: 0.625rem 0.9375rem; font-size: 0.875rem;line-height: 2;background-color:#f3f3f3;}
.box-wrapper ul li >a:hover{background-color:#0c308e;color:#fff;}
.box-wrapper ul li nav a{display:block;font-size: 0.875rem;color:#37474f;line-height: 2.5;}
.box-wrapper ul li nav a i{margin-right:0.625rem;}
.box-wrapper ul li nav a:hover{color:#0c308e;}
.box-wrapper .contact {color:#fff;background-color:#0c308e;text-align:center;padding:1rem;}
.box-wrapper .contact  h3{margin-top:0.625rem;margin-bottom:0.625rem;font-size: 1.25rem;text-transform: uppercase;}
.box-wrapper .contact  p{margin-bottom:0;color:#fc0;font-size: 1.5rem;}
.content{margin-top:1.25rem;}
.content > h5{text-align:center;font-size:1.25rem;color:#0c308e;line-height: 2;}
#MyContent p{line-height:2;text-align: justify;color:#777;}
#MyContent p img{max-width:100%;}

@media(max-width:576px){
    .about{padding: 0;}
}


.case-list .list .item{margin-top:1.25rem;text-align: center;}
.case-list .list .item .img{overflow: hidden;border: 1px solid #cecece;}
.case-list .list .item .img img{max-width:100%;transition: all linear 0.4s;}
.case-list .list .item p{color:#37474f;margin-bottom: 0;line-height: 2;margin-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-list .list .item:hover .img{border-color:#0c308e;box-shadow: 0 3px 6px rgba(0,0,0,.15);}
.case-list .list .item:hover .img img{transform:scale(1.1);}
.case-list .list .item:hover p{color:#0c308e;}
@media(max-width:576px){
    .case-list .list .item:nth-child(even){padding-left:7.5px;}
    .case-list .list .item:nth-child(odd){padding-right:7.5px;}
}

.case-show{margin-bottom:1.875rem;}
ul.redirect{margin-bottom: 0;padding-bottom: 1.25rem;}
ul.redirect li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;height: 2rem;line-height: 2rem;font-size:14px;margin-bottom:1rem;}
ul.redirect li a{color:#777;font-size:14px;}
ul.redirect li a:hover{color:#0c308e;}

.news-list .list dl{border-bottom:1px dashed #ddd;margin-bottom: 0;margin-top:1.25rem;}
.news-list .list dl dt{font-size: 1.125rem;align-items: flex-end;}
.news-list .list dl dt a{color:#0c308e;font-weight: normal;}
.news-list .list dl dt a:hover{color:#f60;}
.news-list .list dl dt span{font-size:12px;font-weight: normal;color:#777;margin-left:1rem;}
.news-list .list dl dd{font-size: 0.875rem;line-height: 2;color:#777;padding:0.5rem 0;text-align: justify;}
@media(max-width:768px){
    .news-list .list dl{padding-bottom:1rem;}
    .news-list .list dl dt span{display:none;}
    .news-list .list dl dd{display:none;}
}

.info-list dl{margin-bottom: 1.25rem;}
.info-list dl dt{color:#0c308e;font-size: 1.25rem;text-transform: capitalize;}
.info-list dl dd{border-bottom:1px solid #ddd;padding: 1rem 0;}
