/* CSS Document */
*{margin: 0;padding: 0}
@font-face{font-family: zdy;font-weight: 100;font-style: normal;src: url("../fonts/Barlow-ExtraLight.otf") ;}
@font-face{font-family: zdy;font-weight: 100;font-style: italic;src: url("../fonts/Barlow-ExtraLightItalic.otf") ;}
@font-face{font-family: zdy;font-weight: 300;font-style: normal;src: url("../fonts/Barlow-Light.otf") ;}
@font-face{font-family: zdy;font-weight: 300;font-style: italic;src: url("../fonts/Barlow-LightItalic.otf") ;}
@font-face{font-family: zdy;font-weight: 400;font-style: normal; src: url("../fonts/Barlow-Regular.otf") ;}
@font-face{font-family: zdy;font-weight: 400;font-style: italic;src: url("../fonts/Barlow-Italic.otf") ;}
@font-face{font-family: zdy;font-weight: 600;font-style: normal;src: url("../fonts/Barlow-Medium.otf") ;}
@font-face{font-family: zdy;font-weight: 600;font-style: italic;src: url("../fonts/Barlow-MediumItalic.otf") ;}
@font-face{font-family: zdy;font-weight: 700;font-style: normal;src: url("../fonts/Barlow-Bold.otf") ;}
@font-face{font-family: zdy;font-weight: 700;font-style: italic;src: url("../fonts/Barlow-BoldItalic.otf") ;}
@font-face{font-family: zdy;font-weight: 900;font-style: normal;src: url("../fonts/Barlow-Extra Bold.ttf") ;}
@font-face{font-family: zdy;font-weight: 900;font-style: italic;src: url("../fonts/Barlow-Extra Bold Italic.ttf") ;}

html,body{font-family: "zdy",Arial,sans-serif;color: #37474f;font-weight: normal;}
@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}
}
.container{max-width:1400px}
@media(min-width:1400px){
    .container{width:1370px;}
}
h1,h2,h3,h4,h5,h6{font-weight: normal}
a{text-decoration: none}
a:hover{text-decoration: none}
ul,li{list-style: none}
section{padding:5.25rem 0 5rem}
@media(max-width:768px){
    section{padding:3.25rem 0 3rem}
}
.d-flex{display: -ms-flexbox ;display: flex}
.flex-wrap {-ms-flex-wrap: wrap ;flex-wrap: wrap }
.justify-content-between{-ms-justify-content:space-between;justify-content:space-between}
.justify-content-center{-ms-justify-content:center;justify-content:center}
.align-items-center{-ms-flex-align:center;align-items:center}
.flex-grow-1{-ms-flex-positive: 1 ;flex-grow: 1}

#fenye{clear:both; margin-top: 2rem;width: 100%;margin-bottom: 3.125rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0 14px;height: 34px; line-height:32px;font-size: 14px;margin:0 0.25rem 0.5rem;border:1px solid #ddd;color: #333;}
#fenye a.curr{ border:1px solid #0068e0; color:#0068e0; }
#fenye span{font-size: 14px;}

.main{padding-bottom:1.875rem;}

.location{line-height: 2;padding-top:1.25rem;padding-bottom: 0.5rem;border-bottom: 1px solid #ddd;margin-bottom: 1.25rem;}
.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:#0068ed;}




.bg-f5{background-color:#f5f5f5;}
.bg-f1{background-color:#f1f1f1;}

/*header*/
header .top{font-size: 0.875rem;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:#f26d59;}
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.875rem;padding-bottom:1.875rem;}
header .mid .wrapper{display:flex;justify-content: space-between;align-items: center;}
header .mid .logo{width:32%;}
header .mid .logo img{max-width: 100%;}
header .mid .tel{background:url("../img/tel.jpg")left center no-repeat;padding-left:62px;}
header .mid .tel h5{color:#868686;font-size: 1rem;margin-top:0;}
header .mid .tel p{margin-bottom:0;color:#f60;font-size: 1.75rem;line-height: 1;}
@media(max-width:767px){
    header .mid{padding-top:1.25rem;padding-bottom:1.25rem;}
    header .mid .logo{width:27.25rem;}
    header .mid .tel{display:none;}
}

#topNav{background-color:#0068e0;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;font-size: 1.125rem;}
#topNav .nav-item .nav-link:hover,#topNav .nav-item .nav-link.active{background-color:#015093;}
@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;}
    
}

/*carousel*/
.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%;}
.html5zoo-timer-0{visibility:hidden;}

.banner{height:55vh;color:#fff;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;padding: 0 15px;}
.banner h2{font-size:3.125rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);margin:0;width: 100%;text-align: center;text-transform: uppercase;}
@media(max-width:768px){
    .banner{height:35vh;}
}

/*footer*/
footer{background-color:#0068ed;color:#fff;}
footer .list{padding:3.125rem 0 2.5rem;border-bottom: 2px solid #eee;}
footer .list .item{width:33.333%;text-align:center;}
footer .list .item .img{border:1px solid #fff;border-radius: 50%;max-width: 4.625rem;min-width: 4.625rem;height: 4.625rem;line-height: 4.625rem;margin: 0 auto;text-align: center;}
footer .list .item .img img{max-width:1.875rem;}
footer .list .item h5{margin:1.25rem 0 0.625rem;font-size:1.25rem;}
footer .list .item p{margin-bottom:0;color:#eee;}
footer .list .item p a{color:#eee;}
footer .list .item p a:hover{color:#fc0;}
footer .copyright{text-align:center;padding-bottom: 3.125rem;}
footer .copyright p{margin-bottom:0;}
footer .copyright p + p{margin-top:1rem;}
footer .copyright p a{color:#eee;}
footer .copyright p a:hover{color:#fc0;}
footer .addthis_inline_share_toolbox{text-align:center;margin:2.5rem 0 1.5rem;}
@media(max-width:768px){
    footer .list .item{width:100%;text-align:left;display: flex;align-items: center;}
    footer .list .item + .item{margin-top:1.875rem;}
    footer .list .item .info{flex-grow: 1;padding-left:1.25rem;}
    footer .list .item .info h5{margin-top:0;}
}
@media(max-width:767px){
    footer{margin-bottom:59px;}
}

#botNav{padding:10px 0;box-shadow: 0 -2px 3px -1px rgba(0,0,0,.15);background-color:#fff;position: fixed;left: 0;right: 0; bottom: 0;z-index: 1030; margin: 0;}
#botNav a{display:block;width: 25%;text-align: center;color:#666;height: 39px;float: left;}
#botNav a span{display:block;color:#000;font-size: 14px;}


/*index*/
.title{text-align: center;margin-bottom:3.125rem;}
.title h3{font-size: 3.125rem;line-height: 3.125rem;color: #0068e0;display: block;text-transform: uppercase;margin-top:0;margin-bottom: 0;}
.title p{color:#666;margin-bottom: 0;font-weight: 300;margin-top:1rem;}
@media(max-width:576px){
    .title{margin-bottom:1.875rem;}
}

.company .content{background-color:#f5f5f5;}
.company .content .info{width:50%;padding: 3.125rem 1.875rem 1.875rem;}
.company .content .info h3{text-transform: uppercase;color:#0068e0;margin-bottom: 1rem;margin-top:0;font-size: 1.5rem;}
.company .content .info p{line-height: 2;margin-bottom: 1rem;text-align: justify;text-indent: 2em;}
.company .content .img{width:50%;}
.company .content .img img{width:100%;height:100%;object-fit: cover;}
.company .list .item{margin-top:1.875rem;text-align: center;}
.company .list .item p{color:#37474f;line-height: 2;margin-bottom: 0;margin-top: 0.5rem;}
@media(max-width:991px){
    .company .content .info{width:100%;padding:1.875rem 1.25rem 1.25rem;}
    .company .content .img{width:100%;}
}
@media(max-width:767px){
    .company .row .col-xs-6:nth-child(odd){padding-right:7.5px;}
    .company .row .col-xs-6:nth-child(even){padding-left:7.5px;}
}

.tit{align-items: center;margin-bottom: 1.875rem;border-bottom:1px solid #0068e0;}
.tit h3{color:#0068e0;text-transform: uppercase;font-size: 1.5rem;margin-top:0;margin-bottom: 1rem;flex-grow: 1;}
.tit p{font-size:0.875rem;margin-bottom: 1rem;}
.tit ul.nav-tabs{border-bottom:0;margin-bottom: 1rem;}
.tit .nav-tabs > li{margin:0.3125rem;}
.tit .nav-tabs > li > a{background-color:#0068e0;color:#fff;border-radius: 0.25rem;margin-right: 0;border: 0;padding: 0.625rem 1rem;font-size: 0.875rem;}
.tit .nav-tabs > li.active > a, 
.tit .nav-tabs > li > a:focus, 
.tit .nav-tabs > li > a:hover{
    background-color:#f60;color:#fff;border: 0;
}
@media(max-width:991px){
    .tit{text-align:center;}
    .tit h3{width:100%;}
    .tit p{width:100%;}
    .tit ul.nav-tabs{width:100%;display: flex;flex-wrap: wrap;justify-content: center;}
    .tit .nav-tabs > li{}
}

.product .tab-content > .tab-pane{display:block !important;visibility: hidden;height: 0;overflow: hidden;}
.product .tab-content > .tab-pane.active{visibility: visible;height: auto;}
.product .item{text-align:center;}
.product .item .imgBox{border:1px solid #ccc;padding:0.25rem;background-color:#fff;}
.product .item .img{width:100%;overflow: hidden;}
.product .item .img img{width: 100%;height: 100%;object-fit: cover;transition: all linear 0.4s;}
.product .item h5{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:0;margin-bottom: 1rem;}
.product .item h5 a{color:#000;font-size: 1.125rem;line-height: 2;}
.product .item:hover .imgBox{border-color:#0068e0;}
.product .item:hover .img img{transform: scale(1.2);}
.product .item:hover  h5 a{color:#0068ed;}
.error{width:100%;background-color:#f5f5f5;position: relative;height: 45vh;}
.error span{font-size:1.5rem;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

@media(max-width:767px){
    .product .row .col-xs-6:nth-child(odd){padding-right:7.5px;}
    .product .row .col-xs-6:nth-child(even){padding-left:7.5px;}
}

.adv{background-color:#0068e0;text-align: center;}
.adv h3{font-size:2.5rem;color:#fff;text-transform: capitalize;margin-bottom: 3.125rem;margin-top:0;}
.adv .wrapper{padding: 3.125rem;background-color:#fff;box-shadow: 0 0.625rem 1rem rgba(0,0,0,.15);}
.adv .wrapper .item{width:23.5%;padding: 1.25rem;}
.adv .wrapper .item img{max-width:3.125rem;}
.adv .wrapper .item h2{margin-top:1rem;margin-bottom: 1rem;font-size: 1.875rem;color:#0068e0;}
.adv .wrapper .item h2 small{margin-left:0.5rem;font-size: 0.875rem;}
.adv .wrapper .item p{margin-bottom:0;text-transform: capitalize;color:#000;}
@media(max-width:576px){
    .adv h3{margin-bottom:1.875rem;}
    .adv .wrapper{padding:1.875rem;}
    .adv .wrapper .item{width:48.5%;}
}

.choose{background-color:#0068e0;}
.choose .title h3{color:#fff;}
.choose .title p{color:#fff;}


.advantage .panel{margin-bottom: 0;box-shadow: 0 0 0 rgba(0,0,0,0);display: flex;align-items: center;background-color:transparent;}
.advantage .panel:nth-child(odd){flex-direction:row-reverse;}
.advantage .panel .img{width:50%;text-align: center;}
.advantage .panel .img img{max-width:100%;}
.advantage .panel .info{width:50%;border-bottom:1px solid #ddd;padding-bottom:1.875rem;min-height: 444px;padding-top:1.875rem;}
.advantage .panel:nth-child(even) .info{border-left:1px solid #ddd;padding-left: 1.875rem;}
.advantage .panel:nth-child(odd) .info{border-right:1px solid #ddd;padding-right: 1.875rem;}
.advantage .panel:last-child .info{border-bottom:0;}
.advantage .panel .info h5{color:#0085ec;font-size: 1.875rem;border-bottom: 1px solid #ddd;padding-bottom: 0.875rem;margin-bottom: 0.25rem;}
.advantage .panel .info h5 em{font-size:0.875rem;font-style: normal;text-transform: capitalize;color:#bbb;}
.advantage .panel .info p{margin-bottom: 0.625rem;line-height: 2;text-indent: 2em;}
.advantage .panel .info p:nth-child(2){border-top:1px solid #0085ec;padding-top: 0.875rem;}


.news dl{background-color:#fff;margin-bottom: 1.875rem;width:48.5%;padding:2.5rem;border: 1px solid #ddd;}
.news dl dt{font-size:1.375rem;font-weight: 300;margin-bottom: 0.625rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news dl dt a{color:#000;}
.news dl dd{font-weight: lighter;}
.news dl dd span{display: block;margin: 1rem 0;color: #999;}
.news dl dd p{line-height:2rem;color:#656565;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-word;margin-bottom: 0;}
.news dl dt a:hover{color:#0068ed;}
@media(max-width:576px){
    .news dl{width:100%;padding: 1.25rem;}
    .news dl:last-child{margin-bottom:0;}
    .news dl dt{white-space:normal;}
}

.main{padding:1.875rem 0;}
.main .box{margin-bottom:1.25rem;border: 1px solid #ddd;}
.main .box h3{background-color:#0068ed;color:#fff;margin-top:0;margin-bottom:0;padding:1.25rem 1.25rem 1rem;font-size:1.5rem;}
.main .box h3 em{font-size:12px;}
.main .box ul{padding:1rem;margin-bottom:0;}
.main .box ul li{background-color:#f1f2f3;padding-top:0.625rem;padding-bottom:0.625rem;line-height: 2; padding-left:1rem;font-size: 14px;padding-right: 1rem;}
.main .box ul li + li{margin-top:1rem;}
.main .box ul li > .icon{margin-right:0.5rem;}
.main .box ul li >a{color:#37474f;}
.main .box ul li:hover,.main .box ul li.currclass{background-color:#0068ed;}
.main .box ul li:hover i,.main .box ul li.currclass i{color:#fff;}
.main .box ul li:hover a,.main .box ul li.currclass a{color:#fff;}
.main .box .list{padding:1rem;}
.main .box .list p{margin-bottom:0;border-bottom:1px dashed #ddd;line-height: 2;padding-top:0.5rem;padding-bottom:0.5rem;word-break: break-word;font-size: 14px;}
.main .box .list p + p{margin-top:1rem;}
.main .box .list p a{color:#0068ed;}
.main .box .list p a:hover{color:#f60;}

.main .content{line-height:2;margin-top:1rem;margin-bottom: 1.25rem;}
.main .content p{text-indent:2em;text-align:justify;margin-bottom:1rem;color:#666;}
.main .content p img{max-width:100%;}
.main .content p img{margin-left:-2em;}
.main .content > h5{font-size:1.125rem;text-align:center;margin-bottom:1rem;margin-top:1.25rem;}
.main .content hr{margin-top:1rem;margin-bottom:1rem;}
.main .content ul.redirect{margin-bottom: 0;}
.main .content ul.redirect li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;height: 2rem;line-height: 2rem;font-size:0.875rem;}
.main .content ul.redirect li a{color:#777;}
.main .content ul.redirect li a:hover{color:#0078e6;}
.main .content table{width:100%;}
.main .content table tr td{padding:0.5rem 0.75rem;line-height: 2;vertical-align: middle;}

@media(max-width:576px){
    .main{padding-top:0;}
}

.main .news-list .item{margin-top:1.25rem;border-bottom:1px dashed #cecece;padding-bottom: 1rem;display:flex;align-items: center;}
.main .news-list .item .img{margin-right: 1rem;width:8rem;height:6rem;overflow: hidden;min-width: 8rem;}
.main .news-list .item .img img{width:100%;height: 100%;object-fit: cover;}
.main .news-list dl{margin-bottom:0;}
.main .news-list dl dt{overflow: hidden;font-size: 1.125rem;font-weight: normal;}
.main .news-list dl dt a{color:#000;}
.main .news-list dl dt a:hover{color:#0078e6;}
.main .news-list dl dd{color:#777;text-align: justify;font-size: 0.875rem;line-height: 2;margin-top: 0.625rem;}
@media(max-width:576px){
    .main .news-list dl dd{display:none;}
}