@charset "utf-8";
:root{--color:#15539c}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:var(--color)!important}
footer,header .top-box .nav-box,main.index section.products .list ul li{background:var(--color)}
header .top-box .nav-box .right ul.nav1>li .submenu{background:#fff}
header .top-box .nav-box .right ul.nav1>li .submenu a{color:#000}
header .top-box .nav-box .right ul.nav1>li .submenu a:hover{color:var(--color)}
@media (min-width:1201px){header .top-box .nav-box .right ul.nav1>li .submenu li{height:auto;position:relative}
header .top-box .nav-box .right ul.nav1>li .submenu li ul{position:absolute;left:100%;top:0;display:none !important;background:#fff}
header .top-box .nav-box .right ul.nav1>li .submenu{height:auto}
header .top-box .nav-box .right ul.nav1>li .submenu li:hover ul{display:block !important}}
.swiper-box,header,header .top-box,header .top-box .nav-box{position:unset !important}
.swiper-index{height:auto}
.swiper-index img{display:block}
.tabs{margin:0!important}
.banner2-box{position:static;height:auto;min-height:inherit}
@media (max-width:1920px){header .top-box .nav-box{width:100%}}
main.index section.about-us>img,.mb{display:none}
main.index section.about-us .block-box{height:100%;width:100%}
main.index section.about-us .block-box .pic{max-width:100%;width:45%}
main.index section.about-us .block-box .content{width:55%}
.aboutImgList{display:flex}
.aboutImgList img{display:block;width:33.333%}
main.index section.number{height:auto}
main.index section.number ul{height:110px}
main.index{margin-top:0}
@media (min-width:1201px){header .top-box .info{padding:25px 0 25px 0}
header .top-box .info .left>span:nth-of-type(1),header .top-box .info .left span,header .top-box .info .left span a,header .top-box .info .left span a:visited{color:#000}
header .top-box{height:auto}}
@media (max-width:1200px){header .top-box .info{display:none}
header .top-box{height:62px}
.index-swiper{margin:0}}
@media (max-width:680px){header .top-box{height:50px!important}
.swiper-index{height:auto}
.swiper-index img{display:block}}
header .top-box{width:100%;max-width:100%}
header .top-box .nav-box{max-width:100%;justify-content:flex-end}
main.index section.about-us,main.index section.number{width:86.3333%}
main.index section.number ul{display:none}
header .top-box .info{padding:10px 0}
header .top-box .info .left{align-items:center}
@media (min-width:786px){main.index section.products .item ul li>div .rule-box{max-height:initial}}
.table-wrap .table td{border:1px solid #ccc}
main.page-template-1 .max-width-box article article{max-width:850px}
main.index section.products .item ul li>div .rule-box{max-height:inherit;height:auto}
main.page-template-1 .form .send-btn:hover{background:#02a0ea}
header .top-box .info{align-items:center}
footer .footer-info .logo-box .logo img{height:auto}
header .top-box .info .left:nth-of-type(1){width:40%}
main.index section.about-us .block-box .content{align-items:center;justify-content:center;line-height:1.7;flex-direction:inherit;display:block}
.content span{color:var(--color);font-weight:bold;font-size:17px}
main.index section.about-us .block-box .content p{margin:10px 0;width:100%;text-align:justify}
main.index section.about-us .block-box{align-items:center}
main.index section.about-us .block-box .pic{height:500px}
main.index section.about-us{height:auto}
@media (max-width:1024px){main.index section.about-us .block-box{display:block}
main.index section.about-us .block-box .pic{width:100%;display:block!important}
main.index section.about-us .block-box .content{width:100%;padding:10px 0}}
@media (max-width:768px){main.index section.about-us .block-box .pic{height:380px}
main.index section.about-us{padding:0}}
@media (max-width:540px){main.index section.about-us .block-box .pic{height:300px}}
@media (min-width:769px){.search-box-mob{top:189px}}
header .top-box .info .right{position:relative;display:none}
#xyz{position:absolute;right:100%;height:auto !important;width:auto;right:unset;left:6%;bottom:15px}
#xyz.active ul li{display:block !important;margin-bottom:5px}
#xyz.active .xyz12{height:auto}
#xyz .xyz12{padding-right:20px;height:auto}
footer{position:relative}
.xyz12 ul{display:flex}
#xyz .xyz12 a{padding:0px 10px}
footer .footer-info .soft ul li:nth-child(4){display:none}
@media (min-width:1201px){header .top-box .info .left:nth-of-type(1){width:100%;display:block}
header .top-box .info .left,header .top-box .info .right{display:none}
header .top-box .info .left:nth-of-type(1) a{display:block;width:100%;padding-top:7.3%;background:url(/js/33869/contact/logo1.jpg) no-repeat center;background-size:cover}
header .top-box .info .left:nth-of-type(1) a img{display:none}}
.conttoptit{font-weight:bold;font-size:20px;margin-bottom:10px}
.item-aboutus .article .contacttop p,.item-aboutus .article .contactbot p{margin-bottom:6px;line-height:1.5}
.contacttop{margin-bottom:20px}
.contactbot{display:flex;flex-wrap:wrap;max-width:1100px}
.contactbot li{width:50%;margin-bottom:30px}
.contactbot li .contbotmem{display:flex;align-items:center;margin-bottom:10px}
.contactbot li .contbotmem img{border-radius:50%;width:160px}
.botmentxt{width:calc(100% - 160px);padding-left:20px}
@media (max-width:700px){.contactbot li .contbotmem img{width:100px}
.botmentxt{width:calc(100% - 100px);padding-left:10px}}
@media (max-width:560px){.contactbot li .contbotmem img{width:140px}
.botmentxt{width:calc(100% - 140px);padding-left:20px}
.contactbot li{width:100%}}
.swiper-box{position:relative !important}