/* CSS Document */
*{margin: 0;padding: 0;}
html,body{font-family: 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;}
}

.container{width:100% !important;max-width:1400px;}
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}
.flex-direction-column{flex-direction:column;}
#fenye{clear:both; margin-top: 2rem;width: 100%;margin-bottom: 3.125rem;}
#fenye a{text-decoration:none; display:inline-block;padding:0.125rem 0.625rem; line-height:2;margin: 0.25rem;border:1px solid #ddd;color: #333;font-size: 0.875rem;}
#fenye a.curr,#fenye a:hover{ border:1px solid #0084d7; color:#0084d7; }

.location{line-height: 2;padding-top:1.25rem;padding-bottom: 0.5rem;border-bottom: 1px solid #ddd;}
.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:#0084d7;}
.bg-f5{background-color:#f5f5f5;}

/*header*/
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 img{max-width:12.25rem;}
header .mid .slogan{-ms-flex-positive: 1 !important;flex-grow: 1 !important;margin-left:1.25rem;position: relative;padding-left: 1.25rem;}
header .mid .slogan::before{content: '';display: block;width: 2px;height: 100%;background: -webkit-linear-gradient(bottom, #fff -4%,#ccc 50%,#fff 100%);background: -ms-linear-gradient(bottom, #fff -4%,#ccc 50%,#fff 100%);background: linear-gradient(bottom, #fff -4%,#ccc 50%,#fff 100%);position: absolute;left:0;top: 0;}
header .mid .slogan h5{font-size:1.875rem;color:#000; margin-top:0;margin-bottom: 1rem;}
header .mid .slogan p{margin-bottom: 0;font-weight: lighter;color:#777;}
header .mid .slogan p span{color:#0084d7;}
/*header .mid .tel{background:url("../img/tel.png")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:#0084d7;font-size: 1.75rem;line-height: 1;white-space: nowrap;}




#topNav{background-color:#0084d7;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;font-weight: 400;}
#topNav .nav-item .nav-link:hover,#topNav .nav-item .nav-link.active{background-color:#ff7f00;}
@media(max-width:1199px){
    #topNav ul{padding-left:0;padding-right:0;}
}
@media(max-width:767px){
    header .mid{padding-top:1.25rem;padding-bottom:1.25rem;}
    header .mid .slogan h5{margin-bottom: 1rem;}
   /* header .mid .tel{display:none;} */
}
@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:nth-child(8){border-right:0;border-right:1px solid #fff;}
	#topNav .nav-item.on{display:none;}
    #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%;}

/*footer*/
footer{background-color:#10111D;color:#fff;font-size: 14px;}
footer .footer-top{padding:1.875rem 0;border-bottom:1px solid #5c5c5c;}
footer .footer-top p{margin-bottom:10px;text-align:justify;line-height: 2;}
footer .footer-top h5{border-bottom:solid 1px #5c5c5c;margin-bottom:10px;padding-bottom: 5px;line-height: 2;font-size: 18px;}
footer .footer-top .img{margin-bottom:10px;}
footer .footer-top .img img{max-width:100%;}
footer .footer-top ul{padding:0;display:flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 0;}
footer .footer-top ul li{list-style:none;line-height: 24px;margin-bottom: 10px;width: 48.5%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border: 1px solid #5c5c5c;padding: 6px 12px;}
footer .footer-top ul li a{color:#fff;}
footer .footer-top ul li a:hover{color:#ff0;}

footer .footer-bottom{padding:1.25rem 0;color:#fff;font-size: 14px;text-align: center;line-height: 2;}
footer .footer-bottom a{color:#fff;}
footer .footer-bottom a:hover{color:#ff0;}

footer .call{background-color:#0084d7;color:#fff;text-align: center;padding:5px 0 10px;box-shadow: 0 -2px 3px -1px rgba(0,0,0,.15);}
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;line-height: 1.4;}

@media(max-width:1024px){
    footer .footer-top .footer-logo{margin-right:10%;}
}
@media(max-width:768px){
    footer .footer-top .footer-logo{display: none;}
    footer .footer-top dl{max-width:23.5%;}
}
@media(max-width:767px){
    footer{background-color:#f3f3f3;padding: 0;}
    footer .footer-bottom{margin-bottom: 55px;padding-top:1.25rem;padding-bottom: 1.25rem;text-align: center;color:#777;}
    footer .footer-bottom p{font-size: 1rem;}

}
@media(max-width:576px){
    footer .footer-top{display:none;}
    footer .footer-bottom{text-align:center;font-size: 14px;}
}

/*index*/
.seo-tit {
  text-align: center;
margin-bottom:1.875rem;
}
.seo-tit .tit {
  font-size: 28px;
  color: #333;
  font-weight: normal;
  margin: 0;
  line-height: 1.42857143;
}
@media (min-width: 1880px) {
  .seo-tit .tit {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .seo-tit .tit {
    font-size: 18px;
    font-weight: bold;
  }
}
.seo-tit .des {
  margin-top: 5px;
  font-size: 14px;
  color: rgba(102, 102, 102, 0.7);
}
@media (max-width: 767px) {
  .seo-tit .des {
    font-size: 12px;
  }
}

.index .section-1 .list{display:flex;flex-wrap: wrap;}
.index .section-1 .item{margin-top:1.25rem;text-align: center;}
.index .section-1 .item .img{overflow:hidden;border: 1px solid #ddd;}
.index .section-1 .item .img img{width:100%;height:100%;object-fit: cover;transition: all linear .4s;}
.index .section-1 .item p{margin-top:0.5rem;line-height: 2;margin-bottom: 1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#37474f;}
.index .section-1 .item:hover .img img{transform:scale(1.2);}
.index .section-1 .item:hover p{color:#0084d7;}

@media(max-width:767px){
    .index .section-1 .item:nth-child(odd){padding-right:7.5px;}
    .index .section-1 .item:nth-child(even){padding-left:7.5px;}
}

.section-2{background-color:#0084d7;padding: 3.25rem 0 1.875rem;}
.section-2 .seo-tit .tit{color:#fff;margin-bottom: 1rem;}
.section-2 .seo-tit .des{color:#fff;}


.index .section-3 .img{overflow: hidden;}
.index .section-3 .imgBox{overflow: hidden;padding: 0.5rem;border:1px solid #ddd;}
.index .section-3 .img img{width:100%;height:100%;object-fit: contain;}

.index .section-3  .item{margin-top:1.875rem;text-align: center;}
.index .section-3  .item .img{overflow:hidden;}
.index .section-3  .item .img img{transition: all linear .4s;}
.index .section-3  .item p{margin-top:0.5rem;line-height: 2;margin-bottom: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#37474f;}
.index .section-3  .item:hover .img img{transform:scale(1.2);}
.index .section-3  .item:hover p{color:#0084d7;}
.index .section-3 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#868686;letter-spacing: 1px;}
.index .section-3 .more span{font-size:1.875rem;color:#0084d7;}
.index .section-3 .more a{display:block;margin:1.25rem auto 0;width:32rem;line-height: 3.125rem;background-color:#0084d7;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);transition: width linear 0.4s;}
.index .section-3 .more a:hover{width: 100%;}


@media(max-width:767px){
	.index .section-3 .item{margin-top:1.25rem;}
    .index .section-3 .item:nth-child(odd){padding-right:7.5px;}
    .index .section-3 .item:nth-child(even){padding-left:7.5px;}
}

.index .section-4{background-color:#f7f8f9;}
.index .section-4 .ys-panel:nth-child(even){flex-direction: row-reverse;}
.index .section-4 .ys-panel .img{width:50%;display: flex;align-items: center;justify-content: center;}
.index .section-4 .ys-panel .img img{width:100%;height:100%;object-fit: cover;}
.index .section-4 .ys-panel .info{width:50%;padding: 2% 2%; }
.index .section-4 .ys-panel .info h3{font-weight: lighter;margin-bottom: 0;margin-top: 1rem;font-size: 1.5rem;opacity: 0.35;font-style: italic;}
.index .section-4 .ys-panel .info h5{margin-top: 0.5rem;font-size: 1.5rem;margin-bottom: 1.25rem;line-height: 1.5;color: #000;}
.index .section-4 .ys-panel .info h5 span{color:#0084d7;}
.index .section-4 .ys-panel .info p{text-align: left;line-height: 2;color:#777;}
.index .section-4 .ys-panel .info a{width:10rem;height: 2.75rem;line-height: 2.75rem;text-align: center;display: inline-block;background-color: #0084d7;color:#fff;border-radius: 1.375rem;margin-top:1.875rem;font-size: 0.875rem;}
.index .section-4 .ys-panel .info a:hover{background-color:#01a0ea;}
@media(min-width:768px){
    .index .section-4 .ys-panel:nth-child(even) .info{text-align:right;}
    .index .section-4 .ys-panel:nth-child(even) .info p{
    text-align: left;
}
}

@media(max-width:767px){
    .index .section-4 .ys-panel{}
	.index .section-4 .ys-panel .img{width:100%;}
	.index .section-4 .ys-panel .info{width:100%;padding: 1rem 0;}
	.index .section-4 .ys-panel .info h3{display:none;}
	.index .section-4 .ys-panel .info a{display:none;}
}

.index .section-5{}
.index .section-5 .seo-tit{margin-bottom: 3.125rem;}
.index .section-5 .list{border-top:1px solid #cecece;border-left:1px solid #cecece;}
.index .section-5 .list .item{width:calc(100% / 6);border-right:1px solid #cecece;border-bottom:1px solid #cecece;padding: 1.25rem;display:flex;justify-content: center;align-items: center;background-color:#fff;}
.index .section-5 .list .item:hover{box-shadow:0 0 2rem rgba(0,0,0,.1);z-index: 9;}
.index .section-5 .list .item img{max-width: 100%;max-height: 6.25rem;}
.index .section-5 .wrapper{}
.index .section-5 .wrapper .item{width:12.5%;background:url("../img/lc-bg.png")top center no-repeat;text-align: center;}

@media(max-width:768px){
    .index .section-5 .list .item{width:25%;}
}
@media(max-width:576px){
    .index .section-5 .list .item{width:33.3333%;}
}


.index .section-6{background:url("../img/companyBg.jpg") top center no-repeat;background-size: cover;}
.index .section-6 .seo-tit .tit{color:#fff;}
.index .section-6 .seo-tit .des{color:#fff;}
.index .section-6 .wrapper{background-color:#fff;box-shadow: 0 0.5rem  1rem rgba(0,0,0,.15);padding: 3.125rem;}
.index .section-6 .wrapper .img{width:48.5%;}
.index .section-6 .wrapper .img img{width:100%;height:100%;object-fit: cover;}
.index .section-6 .info{width:48.5%}
.index .section-6 .info p{margin-bottom:1rem;line-height: 2;text-align: justify;text-indent: 2em;}
.index .section-6 .info > a{display:inline-block;width:10rem;height: 2.5rem;line-height: 2.5rem;text-align: center;background-color:#0084d7;color:#fff;border-radius: 1.25rem;font-size: 0.875rem;margin-top:0.875rem;}
.index .section-6 .info a:hover{background-color:#01a0ea;}
.index .section-6 .workshop .item{margin-top:1.875rem;}
.index .section-6 .list dl{margin-top:6rem;color:#fff;margin-bottom:1.25rem;}
.index .section-6 .list dl dt{margin-right: 1.25rem;}
.index .section-6 .list dl dt img{width:4.25rem;}
.index .section-6 .list dl dd p{font-size: 14px;}
.index .section-6 .list dl dd h2{margin-bottom: 0;margin-top: 0;font-size: 2.5rem;font-family: impact;}
.index .section-6 .list dl dd h2 em{font-size:14px;font-style: normal;}
@media(max-width:992px){
    .index .section-6 .list dl{width:50%;}
}
@media(max-width:768px){
    .index .section-6 .wrapper{padding:1.875rem;}
    .index .section-6 .wrapper .img{width:100%; border: solid 2px #ccc}
    .index .section-6 .info{width:100%;}
    .index .section-6 .list dl{margin-top:3.125rem;}
}

@media(max-width:767px){
	.index .section-6 .workshop .item{margin-top:1.25rem;}
    .index .section-6 .workshop .item:nth-child(odd){padding-right:7.5px;}
    .index .section-6 .workshop .item:nth-child(even){padding-left:7.5px;}
}
@media(max-width:576px){
    .index .section-6 .list dl{-ms-flex-wrap: wrap ;flex-wrap: wrap;text-align: center;}
    .index .section-6 .list dl dt{margin-right:0;width:100%;margin-bottom: 1.25rem;}
    .index .section-6 .list dl dd{width:100%;}
}

.index .section-7{background-color:#f7f8f9;}
.index .section-7 .imgScroll{position:relative;overflow:  hidden;height: 15.15625rem;margin-top:3.125rem;}
.index .section-7 .list{display:flex;position: absolute;left: 0;top: 0;}
.index .section-7 .list .item{width:16.875rem;margin-right: 1.875rem;text-align: center;cursor: pointer;}
.index .section-7 .list .item .img{overflow: hidden;height:12.65625rem;}
.index .section-7 .list .item .img img{width: 100%;height: 100%;object-fit: contain;}
.index .section-7 .list .item p{margin-bottom:0;padding-top:0.5rem;line-height:2rem;font-size:0.875rem;color:#37474f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.index .section-8 {padding-bottom:5rem;}
.index .section-8 .item{border: 1px solid #cecece;padding:1.875rem 3.125rem;}
.index .section-8 .item .img{overflow: hidden;}
.index .section-8 .item .img img{max-width:3.5625rem;}
.index .section-8 .item p{color:#37474f;position: relative;margin-bottom:0;margin-top:1rem;}
@media(min-width:1024px){
    .index .section-8 .list{justify-content: space-between;}
}
@media(max-width:1023px){
    .index .section-8 .list{justify-content: center;}
    .index .section-8 .item{width: 20%;margin-left:6.666666%;margin-right: 6.6666%;margin-bottom: 1.875rem;padding: 1.875rem 0;text-align: center;}
}
@media(max-width:576px){
    .index .section-8 {padding-bottom:3rem;}
    .index .section-8 .item{width:35%;}
    .index .section-8 .item:nth-child(odd){margin-left:10%;margin-right: 5%;}
    .index .section-8 .item:nth-child(even){margin-right:10%;margin-left: 5%;}
}

.index .section-9 .list{padding-top:1.25rem;}
.index .section-9 .img{overflow: hidden;height: 37.105rem;}
.index .section-9 .img img{width:100%;height: 100%;object-fit: cover;}
.index .section-9 .news-list  dl{margin-bottom:1.25rem;display:-ms-flexbox;display:flex;align-items: center;border:1px solid #cecece;}
.index .section-9 .news-list  dl dt{text-align: center;padding: 1rem;font-weight: normal;min-width: 7.25rem;}
.index .section-9 .news-list  dl dt b{display:block;font-size: 2.5rem;line-height: 1.1;}
.index .section-9 .news-list  dl dt span{font-size:12px;}
.index .section-9 .news-list  dl dd{padding:1rem;border-left:1px solid #cecece;overflow: hidden;}
.index .section-9 .news-list  dl dd h5{font-size:1.125rem;margin-top:0;margin-bottom: 0.625rem;line-height: 1.1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .section-9 .news-list  dl dd h5 a{color:#000;}
.index .section-9 .news-list  dl dd p{font-size:0.875REM;line-height: 2em;margin-bottom: 0;color:#777;max-height: 4em;overflow: hidden;text-align: justify;}
.index .section-9 .news-list  dl dd h5 a:hover{color:#01a0ea;}


.main{padding:1.875rem 0;}
.main .box{margin-bottom:1.25rem;border: 1px solid #ddd;}
.main .box h3{background-color:#0084d7;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{background-color:#0084d7;}
.main .box ul li:hover i{color:#fff;}
.main .box ul li:hover 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 .content{line-height:2;margin-top:1.25rem;;margin-bottom: 1.25rem; margin-left:1.25rem;margin-right: 1.25rem; }
.main .content p{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.25rem;text-align:center;margin-bottom:1rem;margin-top:1.25rem;font-weight: bold;color:#000;}
.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:#0084d7;}
.main .content table{width:100%;border: 1px solid #ddd;border-collapse: collapse;margin-bottom: 1rem;font-size: 0.875rem;}
.main .content table tr td{padding:0.5rem 0.75rem;line-height: 2;vertical-align: middle;border: 1px solid #ddd;}

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


.product-list{margin-top:1.25rem;}
.product-list .item{margin-bottom:1.25rem;}
.product-list .item .img{overflow:hidden;}
.product-list .item .img img{width:100%;height: 100%;object-fit: cover;transition: all linear 0.4s;}
.product-list .item p{line-height: 2;margin-top: 0.5rem;margin-bototm:0;text-align:center;color:#000;max-height: 4em;overflow: hidden;}
.product-list .item:hover .img img{transform:scale(1.2);}
.product-list .item:hover p{color:#0084d7;}
@media(max-width:767px){
   .product-list .item:nth-child(odd){padding-right:7.5px;}
   .product-list .item:nth-child(even){padding-left:7.5px;}
}

.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:#0084d7;}
.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;}
}


.main .list{margin-top:1.25rem;}
.main .list .item{margin-bottom:1.25rem;text-align:center;}
.main .list .item .img{overflow:hidden;border: 1px solid #ddd;padding: 1rem;display: flex;align-items: center;justify-content: center;}
.main .list .item .img img{max-width:100%;max-height: 100%;object-fit: contain;transition: all linear 0.4s;}
.main .list .item p{line-height: 2;margin-top: 0.5rem;margin-bototm:0;color:#000;max-height: 4em;overflow: hidden;}
.main .list .item:hover .img img{transform:scale(1.2);}
.main .list .item:hover p{color:#0084d7;}
@media(max-width:768px){
   .main .list .item:nth-child(odd){padding-right:7.5px;}
   .main .list .item:nth-child(even){padding-left:7.5px;}
}

.index .section-16{padding-bottom:0;}
.index .section-16 .list{display:flex;flex-wrap: wrap;border-top: 1px solid #cecece;border-left:1px solid #cecece;}
.index .section-16 .list .item{border-right:1px solid #cecece;border-bottom:1px solid #cecece;width: 20%;padding: 1rem;display: flex;align-items: center;justify-content: center; }
.index .section-16 .list .item img{max-width:100%;max-height: 100%;}
.index .section-16 .list .item:hover{box-shadow:0 0 1rem rgba(0,0,0,.1);}

#wmkc {
  position: fixed;
  right: 10px;
  top: 40%;
  transform: translateY(-50%);
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif !important;
  padding-bottom: 80px;
  z-index: 99999;
}

#wmkc * {
  box-sizing: border-box;
  font-size: 12px
}

.wmkc-list {
  padding: 0;
  border: 1px solid #EEE;
  background-color: #FFF;
  max-width: 78px;
  overflow-x: hidden;
  border-radius: 4px;
  margin: 0
}

.wmkc-icon {
  display: inline-block;
  background: url(../img/wmkc-ico.png) no-repeat;
  width: 32px;
  height: 32px
}

.wmkc-list>li {
  width: 100%;
  line-height: 115%;
  border-bottom: 1px solid #EEE;
  list-style: none;
  text-align: center;
  padding: 5px;
  transition: all .2s ease-in-out
}

.wmkc-list>li p {
  margin: 2px 0 0;
  font-size: 11px;
}

.wmkc-list>li a {
  color: #555;
  text-decoration: none;
  font-size: 12px;
  display: block;
}

.wmkc-email .wmkc-icon {
  background-position: -6px -6px
}

.wmkc-whatsapp .wmkc-icon {
  background-position: -50px -50px;
}

.wmkc-skype .wmkc-icon {
  background-position: -50px -6px
}

.wmkc-list li:hover a {
  color: #FFF
}

.wmkc-email:hover {
  background-color: #F90
}

.wmkc-whatsapp:hover {
  background-color: #2CB740
}

.wmkc-skype:hover {
  background-color: #0091DF
}

.wmkc-email:hover .wmkc-icon {
  background-position: -94px -6px;
}

.wmkc-whatsapp:hover .wmkc-icon {
  background-position: -50px -94px
}

.wmkc-skype:hover .wmkc-icon {
  background-position: -94px -50px;
}

.wmkc-list>li:first-child {
  border-radius: 4px 4px 0 0
}

.wmkc-list>li:last-child {
  border-radius: 0px 0px 4px 4px;
  border: none
}

.wmkc-top {
  text-align: center;
  cursor: pointer;
  user-select: none;
  border: 1px solid #EEE;
  background-color: #FFF;
  padding: 5px 4px;
  border-radius: 4px;
  transition: all .2s ease-in-out;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}

.wmkc-top .wmkc-icon {
  background-position: -6px -50px
}

.wmkc-top p {
  color: #777;
  margin: 2px 0 0;
  font-size: 14px
}

.wmkc-top:hover {
  background-color: #BBB;
}

.wmkc-top:hover p {
  color: #FFF
}

.wmkc-top:hover .wmkc-icon {
  background-position: -6px -94px;
}

@media(max-width:768px) {
  #wmkc {
    display: none
  }
}


.index .section-11 .img{overflow: hidden;}
.index .section-11 .imgBox{overflow: hidden;padding: 0.5rem;border:1px solid #ddd;}
.index .section-11 .img img{width:100%;height:100%;object-fit: contain;}

.index .section-11  .item{margin-top:1.875rem;text-align: center;}
.index .section-11  .item .img{overflow:hidden;}
.index .section-11  .item .img img{transition: all linear .4s;}
.index .section-11  .item p{margin-top:0.5rem;line-height: 2;margin-bottom: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#37474f;}
.index .section-11  .item:hover .img img{transform:scale(1.2);}
.index .section-11  .item:hover p{color:#0084d7;}
.index .section-11 .more{margin-top:3.125rem;text-align: center;font-size:1.125rem;font-weight: lighter;color:#868686;letter-spacing: 1px;}
.index .section-11 .more span{font-size:1.875rem;color:#0084d7;}
.index .section-11 .more a{display:block;margin:1.25rem auto 0;width:26rem;line-height: 3.125rem;background-color:#0084d7;color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.1);transition: width linear 0.4s;}
.index .section-11 .more a:hover{width: 100%;}


@media(max-width:767px){
	.index .section-11 .item{margin-top:1.25rem;}
    .index .section-11 .item:nth-child(odd){padding-right:7.5px;}
    .index .section-11 .item:nth-child(even){padding-left:7.5px;}
}

 /* 增加banner自动适应的部分2026-04-01 */
.ban {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
 color: var(--main-color);
  margin-bottom: 0;
  font-weight: bold;
    /* 添加以下代码确保移动端适配 */
    width: 100%;
    background-attachment: scroll; /* 防止背景图固定导致的问题 */
}

.ban h1{
	font-size: 48px;
    /* 可选：添加文字阴影提高可读性 */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.ban h4{
	
    /* 可选：添加文字阴影提高可读性 */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
/* 针对移动设备的媒体查询 */
@media screen and (max-width: 768px) {
    .ban {
        min-height: 300px; /* 可以调整这个高度以适应移动屏幕 */
        /* 保持背景图覆盖整个区域 */
        background-size: cover;
        background-position: center;
    }
    
    .ban h1 {
        font-size: 32px; /* 调整文字大小以适应移动屏幕 */
    }
}

/* 针对更小屏幕的调整 */
@media screen and (max-width: 480px) {
    .ban {
        min-height: 200px; /* 更小的高度 */
    }
    
    .ban h1 {
        font-size: 24px; /* 更小的文字 */
    }
}



.bann h1 span {
  display: inline-block;
  transform: translate3d(0, 0, 0);
  /* 大字颜色 */
  animation: jump 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;
  -webkit-text-fill-color: #0054ac;
}

/*内页banner e*/



/* 下拉菜单样式 2026-04-01增加 */
#topNav .nav-item {
    position: relative;
}
#topNav .nav-item .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 180px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 1000;
    padding: 5px 0;
    border-radius: 0 0 5px 5px;
}
#topNav .nav-item:hover .dropdown-menu {
    display: block;
}
#topNav .nav-item .dropdown-menu li {
    width: 100%;
}
#topNav .nav-item .dropdown-menu li a {
    display: block;
    padding: 10px 20px;
    color: #333;
    font-size: 14px;
    text-align: left;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}
#topNav .nav-item .dropdown-menu li a:hover {
    background-color: #0084d7;
    color: #fff;
    border-left-color: #ff7f00;
    padding-left: 25px;
}
/* 移动端适配 */
@media(max-width: 767px){
    .lang-switcher {
        padding: 5px 10px;
    }
    .lang-switcher .lang-text {
        font-size: 12px;
    }
    #topNav .nav-item .dropdown-menu {
        position: static;
        box-shadow: none;
        background: rgba(0,132,215,0.1);
        padding-left: 15px;
    }
    #topNav .nav-item .dropdown-menu li a {
        color: #fff;
    }
    #topNav .nav-item .dropdown-menu li a:hover {
        background: #ff7f00;
        color: #fff;
    }
}

        /* 移动端固定顶部语言栏 2026-04-01 */
        .mobile-lang-bar {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 9999;
            background: #f5f5f5;
            padding: 8px 15px;
            border-bottom: 1px solid #ddd;
            text-align: center;
        }
        /* 移动端显示固定语言栏 */
        @media (max-width: 768px) {
            .mobile-lang-bar {
                display: block;
            }
            .tel {
                display: none !important;
            }
            /* 移动端为header添加顶部padding，避免被固定栏遮挡 */
            header {
                margin-top: 40px;
            }
        }