.header{width: 100%; background:none; position: fixed; left:0; top:0; z-index: 99; -webkit-transition:all .5s ease; transition:all .5s ease}
.header.blue{background-color: #005e9e;}
.header .logo{width:240px; height: 60px; background:url(../images/logo1.png) no-repeat left center; background-size: 100%; display: block;}
.header .wrapper{display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; height: 95px; position: relative; z-index: 5; width:100%; padding:0 3%;}
.header-rt{}
.header-nav{display:-webkit-flex; display: -ms-flexbox; display: flex;}
.header-nav li{display: block; margin:0 1.6666vw; position: relative;}
.header-nav li.product-nav{position: static;}
.nav-a{display: block;font-size: 16px; font-weight: bold; color: #fff;line-height: 95px;position: relative; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s;}
.nav-a:after{content: '';width: 0%;height: 2px;background: #eb3e02;position: absolute;left: 0;bottom: 30px;transition: all .5s;-webkit-transition: all .5s;}
.nav-a:hover{color: #005e9e; text-decoration:none; transition: all .5s;-webkit-transition: all .5s;}
.nav-a:hover:after{width: 100%; transition: all .5s;-webkit-transition: all .5s;}
.nav-a.active{color:#ffff00}
.header-sub{width: 230px; height: auto; position: absolute; z-index: 99; transform: translateX(-20px); top: 95px; background: rgba(255,255,255,1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .15); display: none; text-align: center;}
.header-nav li.product-nav .header-sub{width: 100%; left: 0; transform: translateX(0);}
.header-sub.on{display: block;}
.header-sub{padding:10px 0; text-align: left;}
.header-sub a{display:block; font-size: 14px; padding:7px 0 7px 20px; color: #333; line-height: 20px; transition: all .5s; -webkit-transition: all .5s;}
.header-sub a:hover{background: #005e9e; color:#fff;}

.mob-btn{width: 26px; overflow: hidden; display: none; cursor: pointer; position:fixed; top:16px; right:3%;}
.mob-btn1,.mob-btn2,.mob-btn3{width: 100%;height: 3px;margin-bottom: 5px;background: #0b9f36;}
.mob-btn2{}
.mob-btn div{transition: all .5s;}
.mob-btn.cli .mob-btn1{-webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.mob-btn.cli .mob-btn2{ opacity: 0; transition: all .5s;}
.mob-btn.cli .mob-btn3{-webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); position: relative; transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.header .header-right{position: relative;line-height: 95px;}
.header .header-right .iconfont{font-size:18px; margin-right:8px; color: #ffbe00;}
.header .head-lang-top {display: flex; align-items: center; cursor: pointer; color:#fff; font-size:16px;}
.head-lang-btm {margin-top:-1px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; width: 100px; padding:0; display: none; z-index: 999;}
.head-lang-btm{background: #eee;}
.head-lang-btm a { padding: 8px 10px; line-height: 1.5; display: block; color: #333; text-align: center;}
.head-lang-btm a:hover{background: #005e9e; color:#fff;}
.head-lang-top.act .head-lang-icon .iconfont {transform: rotate(180deg);}

.header.sticky{ transform: translateY(-95px); -webkit-transform: translateY(-95px); -moz-transform: translateY(-95px); -ms-transform: translateY(-95px); -o-transform: translateY(-95px); }
.header::after{ position: absolute; left: 0; bottom: 0; display: block; content: ''; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .15); transition: all .5s; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease;}
.header:hover .header-right .iconfont{color: #ffbe00;}
.header.scroll .header-right .iconfont{color: #005e9e;}
.header.scroll,.header:hover .nav-a,.header.scroll .nav-a,.header.scroll .header-right .head-lang-top,.header:hover .head-lang-top{ color: #333;}
.header.scroll::after,.header:hover::after{ background-color: #fff; height: 100%; box-shadow: 6px 6px 15px rgba(0, 94, 158, 0.1);}
.header.scroll .nav-a::after,.header:hover .nav-a::after{ background-color: #005e9e;}
.header:hover .nav-a:hover{ color:#005e9e;}
.header:hover .logo,.header.scroll .logo{width:240px; height: 60px; background:url(../images/logo.png) no-repeat left center; background-size: 100%; display: block;}
.topblank{height: 0;}
.problank{height: 95px;}
/**内容**/
.PC_ban{display: block;}
.Mob_ban{display: none;}
.banner{width: 100%;position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 40px;height: 40px; border-radius:50%; border:1px solid #fff; right:0px; display: none;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:10px; top:8px; font-size: 18px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;position: relative;}
.banner .swiper-slide:before{content: ''; background:rgba(0,0,0,.2); width:100%; height:100%; position:absolute; left:0; top:0; display: none;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 10px;width:10px;border-radius: 12px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:25px !important; height: 10px; border-radius: 12px; background: #ffbe00 !important;opacity: 1 !important;}
.banner .banfont{position: absolute; left:8%; top:50%; transform: translate(0,-50%); text-align: left;}
.banner .swiper-slide-active .banfont h2{font-size:1.3541vw; line-height: 1.5; color:#fff; max-width:33.8541vw; animation: bannertextdow 1s ease both 800ms;}
.banner .swiper-slide-active .banfont p{font-size:2.8125vw; font-weight: bold; color:#ffbe00; animation: bannertextdow 1s ease both 400ms;}

.banner .swiper-slide-active .entit {font-family: 'Lato-Black'; line-height: 1; font-size: 9.2vw; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; animation: bannertextdowbig 1s ease both 200ms;}
.banner .entit {position: absolute; left:8%; top:25%;}
.banner .swiper-slide-active .banbtn{border: 1px solid #ffbe00; border-radius: 50px; margin-top: 30px; display: flex; align-items: center; width:max-content; padding:4px 25px; color:#fff; animation: bannertextdow 1s ease both 1200ms;}
.banner .swiper-slide-active .banbtn:hover{background-color: #ffbe00;}
.banner .swiper-slide-active .banbtn .iconfont{font-size:16px; transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg); display: block; margin-left: 5px;}
.banner .swiper-button-next{right: 20px!important;left: auto!important;}
.banner .swiper-button-prev{left: 20px!important;}
.banner .abanfont{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:60%; text-align: center;}
.banner .abanfont h2{font-size:30px; font-family: 'Lato-Bold'; line-height: 1.5; color:#fff; animation: bannertextdow 1s ease both 400ms;}
.banner .abanfont p{font-size:18px; color:#eee; margin-top:20px; line-height: 1.5; animation: bannertextdow 1s ease both 800ms;}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(40px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannertextdowbig {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannertexttop {0% {transform: translateY(-40px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes aniWidth {
	0% {width: 0%}
	100% {width: 100%}
}
.banner .bannerfont{position: absolute; left:0; width:100%; top:0; height: 100%; text-align: center; background-color: rgba(0, 0, 0, .25); z-index: 1; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.banner .bannerfont h3{font-size:24px; color:#fff; animation: bannertexttop 1s ease both 400ms;}
.banner .bannerfont h4{font-size:36px; font-weight: bold; color:#fff; animation: bannertextdow 1s ease both 400ms;}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
.bannerimg img{width:100%; height: clamp(12.5rem, 7.5rem + 25vw, 37.5rem); object-fit: cover; object-position: 50% 50%;}
@media all and (max-width:1100px){
.banner .swiper-pagination{bottom:0;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 5px;width:5px;}
.banner .swiper-pagination-bullet-active{width:15px !important; height: 5px;}
.banner .banfont{left:3%; right:3%; display: none;}
.banner .swiper-slide-active .banfont h2{font-size:20px; display: none;}
.banner .swiper-slide-active .banfont p{font-size:18px; margin-top:0; line-height: 1.2;}
.banner .entit {position: absolute; left:3%; top:25%;}
.banner .swiper-slide-active .banbtn{ margin-top: 20px; padding:2px 15px; font-size: 14px;}
.banner .swiper-slide-active .banbtn .iconfont{font-size:14px; margin-left: 5px;}
}
.padding-lg{padding: clamp(1.25rem, 4.375vw, 5.625rem) 0;}
.padding-l{padding:20px 0;}
/* 底部 */
.footer{width: 100%; background-color:#323439; color: rgba(255, 255, 255, 0.6); font-size: 16px; line-height: 2;}
.footer .foot{padding:50px 0;}
.footer .foot li{padding:0;}
.footer h2{margin-bottom: 10px; text-transform: uppercase; position: relative;}
.footer h2::before{position: absolute; left:-15px; top:50%; width:3px; height: 20px; margin-top: -8px; background-color: #ffbe00; content: ''; display: none;}
.footer h2 a{color:#fff; font-size:16px;}
.footer .ewm{padding:18px 0 0; text-align: center;}
.footer .ewmbox{background: url(../images/weixinbg.png) no-repeat center center; margin-bottom:10px; width:130px; height:130px; display: flex; align-items: center; justify-content: center;}
.footer .ewmbox img{background:#fff; padding:2px; width:110px;}
.footer-copyright{padding:25px 0; border-top:1px solid rgba(255, 255, 255, 0.15)}
.footer a{color: rgba(255, 255, 255, 0.6);}
.footer a:hover{color: rgba(255, 255, 255, 1);}
@keyframes footerCode{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
/* 侧边栏 */
.sideNav{position:fixed;right:5px;top:55%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);z-index:888;background-color:#f2f2f2; line-height: 1.6;}
.sideNav .stem{display:block;height:auto;width:70px; padding:10px 0; text-align:center;color:#333;cursor:pointer;position:relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.sideNav .stem::after{background-color: #ccc; height:1px; width:100%; position: absolute; left:0; bottom:0; content:''; display: block;}
.sideNav .stem:last-child::after{display: none;}
.sideNav .tel:hover{background-color:#005e9e;color:#fff}
.sideNav .stem .stem-z5{position: relative; z-index: 10;}
.sideNav .tel:hover .stem .stem-z5{background-color:#005e9e;}
.sideNav .tel:hover .iconfont{color:#fff;}
.sideNav .tel:hover .telbox{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
.telbox{opacity:0; display: flex; align-items: center; -webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;position:absolute;right:100%;top:0;height:100%;width:150px;padding-left:15px;color:#fff;background-color:#005e9e; text-align:left; font-size:16px;}
.telbox a{color:#fff;}
.sideNav .iconfont{display: block; font-size: 20px; color:#005e9e}
.sideNav .stem.ewm:hover .ewmPic{pointer-events:all;opacity:1}
.ewmPic{position:absolute;right:calc(100% + 10px);bottom:0;opacity:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;pointer-events:none}
.ewmPic .con{width:110px;height:110px;text-align:center;line-height:110px;background-color:#fff;overflow:hidden;}
.ewmPic .con img{display:inline-block;vertical-align:middle}

.prosort{display: flex; justify-content: space-between; gap: 12px;}
.prosort .prosort-lt{width:50%; background-color: #eee; overflow: hidden; border-radius: 6px;}
.prosort .prosort-rt{width:50%; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; gap: 12px;}
.prosort .prosort-rt a{width:calc(50% - 6px); display: block; position: relative; background-color: #eee; overflow: hidden; border-radius: 6px;}
.prosort .prosort-lt a{width:100%; display: block; position: relative;}
.prosort .text{position: absolute; left:20px; height:100%; display: flex; flex-direction: column; justify-content: space-between;}
.prosort .text h3{font-weight: bold; padding:20px 0 0;}
.prosort .text h4{border-radius: 50px; line-height: 32px; border: 1px solid #005e9e; text-align: center; color:#005e9e; display: block; opacity: 0.5; width:max-content; padding:0 20px; margin-bottom: 20px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.prosort .img img{object-fit: cover; height: 100%; width:100%; object-position: 50% 50%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease; padding:40px;}
.prosort a:hover .img img{transform: scale(1.05);}
.prosort a:hover .text h3{color:#005e9e;}
.prosort a:hover .text h4{background-color:#005e9e; color:#fff; opacity: 1;}

.idx-fangan{margin-bottom:100px;background:center center/cover no-repeat}
.fangan{overflow:hidden; display: flex; justify-content: space-between;}
.faitem{height:clamp(12.5rem, 7.5rem + 26vw, 37.5rem);width:12%;overflow:hidden;position:relative;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.faitem:after{content:'';background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}
.faitem img{position:absolute;left:0;top:0;min-width:100%;min-height:100%;max-width:none;z-index:1}
.fangan-txt{position:absolute;z-index:3;left:0;width:100%;bottom:25px;color:#fff;padding:0 20px 0 25px}
.fangan-txt h3{font-weight:bold;}
.fangan-txt .fanganfont{max-width:800px;font-size:16px;height:0;line-height:26px;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.fangan-txt .morebtn{height:0;overflow:hidden;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.faitem.on{width:calc(100% - 36%)}
.faitem.on .fangan-txt .morebtn{opacity:1;height:44px; line-height: 42px;}
.faitem.on .fangan-txt .fanganfont{height:52px;margin:10px 0 20px}

.indextitle{padding:0 0 50px;}
.txtcenter{text-align: center;}
.white{color:#fff;}
.indextitle h2{font-weight: bold; margin-bottom: 5px;}
.indextitle em{color:rgba(255, 255, 255, 0.75);}
.indextitle .indextitle-lt{max-width:70%}
.indextitle .iconfont{display: block; font-size:20px; margin-left:5px; position: relative;z-index: 5;color:#ffbe00;}
.indextitle .line{width:3.125vw; background-color: #005e9e; height:3px; display: block; margin:5px 0 10px;}
.indextitle .line.nomargin{ margin:5px 0 0;}
.indextitle span{font-size:16px; line-height: 1.8; color:#888;}
.morebtn{display:flex;width:max-content;padding:0 18px 0 23px;height:44px;border:2px solid #fff;border-radius:25px;position:relative;overflow:hidden;text-align:center}
.morebtn:after{content:'';width:0;height:100%;background-color:#005e9e;position:absolute;left:0;top:0;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.morebtn:hover{border-color:#005e9e}
.morebtn:hover:after{width:100%}
.morebtn .iconfont{position: relative; z-index: 2; margin-left:5px; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.morebtn em{font-size:14px;color:#fff;position:relative;z-index:2;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.morebtn.whitebtn{border:1px solid #005e9e; color:#005e9e;}
.morebtn.whitebtn em{color:#005e9e;}
.morebtn:hover.whitebtn em{color:#fff;}
.morebtn:hover.whitebtn .iconfont{color:#fff;}
.morebtn.newsbtn{height:38px;border:1px solid #005e9e;}
.morebtn.newsbtn em{color:#333;}
.morebtn.newsbtn:hover em{color:#fff;}
.morebtn:hover .iconfont{color:#fff;}

.homeabout{background: no-repeat center/cover;}
.homeaboutdesc{padding:0 0 50px; max-width: 80%; margin: 0px auto; line-height: 1.8;}
.homenumber{padding:20px 0;}
.homenumber ul{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.homenumber li{width:25%; padding:10px 0; text-align: center;}
.homenumber .num-top { color:#fff; line-height: 1; font-size:16px;}
.homenumber .num-tit{ font-size:42px; font-family: "Barlow-SemiBold"; color:#ffbe00; margin-right:5px;}
.homenumber .num-word{font-size:18px; color:#fff; padding:10px 0;}
.homenumber .numfont{font-size:18px; color:#eee; line-height: 2; padding:20px 0;text-align: center;}
.homenumber.blackfont li{text-align: center;}
.homenumber.blackfont ul{padding:30px 0;}
.homenumber.blackfont .num-top { color:#333; padding:10px 0 15px;}
.homenumber.blackfont .num-word{color:#777; text-align: center; padding:0;}

.hzhb{position:relative; overflow:hidden; padding:20px; box-shadow: 0 0 15px rgba(0, 0, 0, .15); border-radius: 8px; margin-top: -50px; z-index: 20; background-color: #fff;}
.hzhb img{display:inline-block;vertical-align:middle}
.hzhb .swiper-slide{margin-top:10px!important}
.hzhb .swiper-pagination-bullet{opacity:1;background-color:#ddd;vertical-align:middle;}
.hzhb .swiper-pagination-bullet-active{width:8px;height:8px;background-color:#ea0017;position:relative;}
.hzhb .swiper-pagination-bullet-active:after{content:'';width:16px;height:16px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #ea0017;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.homenews{padding:20px 0;}
.homenews-item { width: calc((100% - 100px) / 3); display: block; position: relative; border-bottom: 1px solid #ddd;}
.homenews-item::after{width: 0;height: 1px; background-color: #005e9e;content:''; display: block; position: absolute; bottom:-1px; left:0; transition: all 0.5s ease;}
.homenews-item:hover::after{width: 100%;}
.homenews-item+.homenews-item { margin-left: 50px;}
.news-img { width: 100%; border-radius: 6px; overflow: hidden;}
.homenews h3 { margin: 30px 0 25px; min-height: 60px; line-height: 30px;}
.homenews-item:hover h3{color:#005e9e}
.homenews-item:hover img {transform: scale3D(1.1, 1.1, 1.1);}
.news-more { font-size: 14px; color: #666; padding-bottom: 30px;}
@media all and (max-width:1100px){
.header .logo{width:160px; height: 40px; background: url(../images/logo.png) no-repeat; background-size: 100%;}
.header .wrapper{height: 55px; position: static; padding:0 3%;}
.header.blue{background-color: #f6f7fb;}
.header{background:#fff;}
.header .header-right{position: fixed;line-height: 55px; right:calc(3% + 40px)}
.header .head-lang-top {color:#333;}
.head-lang-btm a { padding: 5px 5px;}
.header .header-right .iconfont{color: #005e9e;}
.header:hover .header-right .iconfont{color: #005e9e;}
.header:hover .logo,.header.scroll .logo{width:160px; height: 40px; background:url(../images/logo.png) no-repeat; background-size: 100%; display: block;}
.header.sticky{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
.header::after{display: none;}
.topblank{height: 55px;}
.problank{height: 55px;}
.PC_ban{display: none;}
.Mob_ban{display: block;}
.header-nav{width: 100%;height: calc(100% - 55px);position: fixed;top: 55px;left: 0;background: rgba(240, 240, 240, 1);padding:10px 3%;box-sizing: border-box; box-sizing: -webkit-border-box;display: none;}
.header-nav li{width: 100%;	margin: 0; position: relative;}
.mob-btn{display: block;}
.nav-cover{width: 30%;height: 48px; z-index: 10; position: absolute;top: 0;right: 0; cursor:pointer}
.nav-a{width: 100%;border-bottom: 1px solid #bbb; color:#333; line-height: 48px;padding:0 5px;box-sizing: border-box; box-sizing: -webkit-border-box;position: relative;}
.nav-a:hover{color:#eb3e02}
.nav-a:after{display: none;}
.nav-a:before{content: ""; position: absolute; top: 20px; right: 13px; width: 8px; height: 8px; border-right: 2px solid #7c8287; border-top: 2px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all .5s ease; -webkit-transition: all .5s ease;}
.arrow.nav-a:before{display: none; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.header-nav li.on .nav-a:before{top: 23px; transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); -webkit-transform: rotate(315deg); transition: all .5s ease; -webkit-transition: all .5s ease;}
.header-sub{/*display: block;*/width:100%; position: relative;top: initial;left: inherit;background: initial;transform: translateX(0);padding:5px 0;border-bottom: 1px solid #bbb; background:none;}
.head-lang-btm{background: #ddd;}
.header-sub{box-shadow: none;}
.header-sub a{color: #555; font-size:14px;padding: 4px 10px;text-align: left; display: block;}
.header-sub a:hover{background:none; color:#222;}
.padding-lg{padding:20px 0;}
.padding-l{padding:20px 0;}

/*首页*/
.prosort{display: flex; justify-content: space-between; flex-direction: column; gap: 6px;}
.prosort .prosort-lt{width:100%;}
.prosort .prosort-rt{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; gap: 6px;}
.prosort .prosort-rt a{width:calc(50% - 3px);}
.prosort .text{left:15px;}
.prosort .text h3{font-weight: bold; padding:12px 0 0;}
.prosort .text h4{line-height: 24px; font-size:12px; padding:0 12px; margin-bottom: 12px;}

.idx-fangan{margin-bottom:20px;}
.fangan{overflow:hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.faitem{height:auto;width:100%;overflow:hidden;position:relative;}
.faitem+.faitem{margin-top:10px;}
.faitem img{position:static;left:0;top:0;min-width:auto;min-height:auto;max-width:none;z-index:1; width:100%; height: auto;}
.fangan-txt{position:absolute;z-index:3;left:0;width:100%;bottom:10px;color:#fff;padding:0 15px;}
.fangan-txt h3{font-weight:bold; margin-bottom:10px;}
.fangan-txt .fanganfont{max-width:100%;font-size:16px;height:auto;line-height:26px; display: none;}
.fangan-txt .morebtn{height:auto;opacity:1;}
.faitem.on{width:100%;}
.faitem.on .fangan-txt .morebtn{opacity:1;height:28px; line-height:26px;}
.faitem.on .fangan-txt .fanganfont{height:52px;margin:10px 0 20px; display: none;}

.indextitle{padding:0 0 20px;}
.indextitle h2{font-weight: bold; margin-bottom: 0; padding-top:5px;}
.indextitle .iconfont{font-size:16px;}
.indextitle .line{width:4.125vw; background-color: #005e9e; height:3px; display: block; margin:5px 0 0;}
.indextitle .line.nomargin{ margin:5px 0 0;}
.indextitle span{font-size:14px; line-height: 1.8; color:#888; display: none;}
.indextitle em{font-size: 12px;}

.morebtn{padding:0 10px 0 12px;height:28px;}
.morebtn.newsbtn{height:28px;border:1px solid #005e9e;}
.morebtn .iconfont{margin-left:0px;}

.homeabout{background: no-repeat center/cover;}
.homeabout .indextitle em{display: none;}
.homeaboutdesc{padding:0 0 20px; max-width: 100%;}
.homenumber{padding:20px 0 0;}
.homenumber li{width:50%;}
.homenumber .num-top { font-size:14px;}
.homenumber .num-tit{ font-size:24px;}
.homenumber .num-word{font-size:14px; color:#fff; padding:10px 0 0;}

.hzhb{padding:5px 5px 30px; box-shadow: 0 0 5px rgba(0, 0, 0, .1); border-radius: 6px; margin-top:20px; z-index: 20; background-color: #fff;}
.hzhb img{display:inline-block;vertical-align:middle}
.hzhb .swiper-slide{margin-top:0px!important}

.homenews{padding:10px 0;}
.homenews img{width:100%; display: block;}
.homenews-item { width: 100%; border-bottom: 0px solid #ddd;}
.homenews-item::after{display: none;}
.homenews-item+.homenews-item { margin-left: 0; margin-top:20px;}
.homenews h3 { margin: 10px 0; min-height:auto; line-height: 1.8;}
.news-more { font-size: 12px; color: #999; padding-bottom: 0;}

/* 底部 */
.footer{width: 100%; font-size: 14px;}
.footer .foot{padding:50px 0; display: none;}
.footer-copyright{padding:15px 0; border-top:0px solid rgba(255, 255, 255, 0.15); text-align: center; line-height: 1.6;}
.footer-copyright .copyright-l{width:100%; text-align: center;}
.footer-copyright .pc{width:100%; text-align: center;}
}
/*内页*/
.nybanner{height:clamp(30rem, 31.25vw ,37.5rem); background: no-repeat center center/cover;}
.maintitle{margin-bottom: 30px;}
.bgblue{background: #f6f7fb;}
.location{background: #fff; padding: 20px 0; width: 100%; color:#999;}
.location a{display: inline-block; padding:0 10px 0 0; color:#666;}
.location a:hover{color:#005e9e;}
.location a+a{padding:0 10px;}
.location a>i{font-size:14px; margin-right: 5px; color:#666; display: inline-block;}

.product{display: flex; flex-wrap: wrap; flex-direction: row;}
.product .item{width: calc(25% + 1px); box-sizing: border-box; border: 1px solid #e6e7e7; padding: 15px 15px; background: #fff; margin-right: -1px; margin-bottom: -1px; position: relative; transition: box-shadow .4s;}
.product .item:hover{box-shadow: 0 5px 10px rgba(0,0,0, .1); position: relative; z-index: 1;}
.product .item .pname{display: block; padding:15px 0 0;}
.product .item .pname .model{color: #2b2b2b;}
.product .item .pname .name{margin-top: 5px; color:#999;}
.product .item .pname:hover .model{color: #005e9e;}
.wrapper-lt{width:300px;}
.wrapper-rt{width:calc(100% - 350px);}
.catalog{}
.catalog .title{display:block; color:#fff; font-size:18px; font-weight: bold; line-height: 60px; padding-left: 20px; position: relative; background: linear-gradient(to left, #0086c2, #004c8f);}
.catalog .title::after{position: absolute; content: ""; display: block; width: 8px; height: 8px; top: 50%; right: 22px; margin-top: -6px; border-left: 2px solid #fff; border-top: 2px solid #fff; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.catalog .title.active::after{transform: rotate(135deg);margin-top: -4px;}
.catalog .catlist{border: 1px solid #e2e2e2; border-top: 0; background: #fff;}
.catalog ul>li{ position: relative;}
.catalog ul>li.active>a{z-index: 1; position: relative;}
.catalog ul>li.active>a::before{position: absolute; width: 4px; height: 34px; background: #0086c2; content: ''; left: -1px; top: 0; display: none;}
.catalog ul>li li>a::before{display: none;}
.catalog ul>li>a{display: block; padding: 15px 0 15px 20px; color: #333; font-weight: bold; font-size:16px; line-height: 1.5; border-top: 1px solid #e2e2e2;}
.catalog ul>li>a:hover{color: #0086c2;}
.catalog ul>li ul{display: none;}
.catalog ul>li>ul>li>a{color: #666; line-height: 1.5; font-weight: normal; font-size:15px; border-top: 1px solid #eee; padding:10px 0 10px 35px;}
.catalog ul>li>ul>li:before{position: absolute; width: 8px; height: 8px; border-radius: 5px; background:none; border: 1px solid #999; content: ''; left: 20px; top:50%; margin-top: -4px;}
.catalog ul>li>ul>li.active:before{border: 1px solid #0086c2; background:none; content: '';}
.catalog ul>li.active>a{color: #0086c2;}
.catalog ul>li.active>ul{display: block;}

/* .catalog ul>li .plus{position: absolute; width: 40px; height: 34px; right: 4px; top: 0; margin-top:11px; cursor: pointer; z-index: 2;}
.catalog ul>li .plus:after{content: ""; display: block; margin-top:12px; margin-left: 15px; width: 8px; height: 8px; border-left: 2px solid #999; border-top: 2px solid #999; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.catalog ul>li .less{position:absolute; width:40px; height:34px; right: 4px; top:0; margin-top:11px; cursor:pointer; z-index: 2;}
.catalog ul>li .less:after{content: ""; display: block; width: 8px; height: 8px; margin-top:12px; margin-left: 15px; border-left: 2px solid #13997e; border-top: 2px solid #13997e; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} */

.catalog ul>li .plus{position: absolute; width: 40px; height: 34px; right: 5px; top: 0; margin-top:11px; cursor: pointer; z-index: 2;}
.catalog ul>li .plus:before{width:14px; height:2px; background:#cdcdcd; content:''; display: block; position:absolute; left:50%; top:50%; margin:-1px auto auto -7px;}
.catalog ul>li .plus:hover:before{background: #999;}
.catalog ul>li .plus:after{width:2px; height:14px; background:#cdcdcd; content:''; display: block; position:absolute; left:50%; top:50%; margin:-7px auto auto -1px;}
.catalog ul>li .plus:hover:after{background: #999;}
.catalog ul>li .less{position:absolute; width:40px; height:34px; right: 5px; top:0; margin-top:11px; cursor:pointer; z-index: 2;}
.catalog ul>li .less:before{width:14px; height:2px; background:#005e9e; content:''; display: block; position:absolute; left:50%; top:50%; margin:-1px auto auto -7px;}
.catalog ul>li .less:hover:before{background: #999;}
/*详细*/
.productsm{padding:0 0 50px;}
.productsm .productsm-lt{width:50%; border: 1px solid #e2e2e2;}
.productsm .productsm-lt img{width:100%;}
.productsm .productsm-rt{width:45%;}
.productsm .prono{color:#999; padding:15px 0;}
.productsm .productsmgs{color:#666; line-height: 1.8; padding:0 0 30px;}
.productxxcs img{display: block; margin:10px auto;}
.product-tab {background: #F2F2F2; font-size: 0; clear: both; overflow: hidden;}
.product-tab a {font-size: 16px; width:auto; padding: 10px 30px; color: #666; display: inline-block; transition: all .5s ease; position: relative; border-radius: 5px;}
.product-tab a.cur, .product-tab a:hover { background: #0086c2; color: #fff;}
.product-tab a:after {content: ""; position: absolute; top: 50%; height: 18px; margin-top: -9px; width: 2px; right: -2px; background: #ddd;}
.product-tab a.cur::after,.product-tab a:hover::after,.product-tab a:last-child::after{display: none;}
.productxxcs {overflow: hidden;padding: 35px 0;}
.productxxcs .deatils-box {display: none; line-height: 1.8;}
.productxxcs .deatils-box strong{color:#005e9e;}
.productxxcs .deatils-box .videobox{width:50vw;height:28.125vw; margin:0px auto; display: block;}
.related-products{ background: #f7f7f7; padding: 30px;}
.related-products li{width:32%;background-color: #fff; margin-top:2%; margin-right:2%;}
.related-products li:nth-child(3n){margin-right:0;}
.related-products li:nth-child(-n+3){margin-top:0;}
.related-products li h3{text-align: center; padding:10px 10px 15px;}
/*方案*/
.fanganlist li+li{margin-top:50px;}
.fangan-lt{width:36%; overflow: hidden;}
.fangan-li img{transition: all .5s ease;}
.fanganlist li:hover img{transform: scale(1.05);}
.fangan-rt{width:60%;}
.fangan-des{padding:20px 0; line-height: 1.8; color:#777;}
.fangan-rt .fangan-tit{font-weight: bold;}
/*下载*/
.download-list {margin-top:0;}
.download-list ul li {text-align: center; color: #666; display:flex; justify-content: space-between;}
.download-list ul li.li1 {height: 58px; line-height: 58px; background: #0086c2; color: #fff; font-weight: bold;}
.download-list ul li.li2 {height: 58px; line-height: 58px; border-bottom: 1px solid #EBEBEB;}
.download-list ul li .file-name {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; width:calc(100% - 400px); padding-left:30px; text-align: left;}
.download-list ul li.li1 .file-name{color: #fff;}
.download-list ul li.li2 .file-name:hover {color: #0086c2;}
.download-list ul li .file-size{width:260px; text-align: center; display: block;}
.download-list ul li .down-loadbtn {width: 140px; height: 56px; display: block; background: url(../images/downbtn.png) center center no-repeat;}
.download-list ul li.li1 .down-loadbtn { background:none;}
/*关于*/
.childmenu{position: relative; top: -40px; z-index: 9;}
.childmenu .wrapper>a{width: 20%;}
.childmenu .wrapper{height: 80px; box-shadow: 0 10px 25px -4px rgba(0, 94, 158, 0.1); display: flex; justify-content: space-between; overflow: hidden;}
.childmenu .wrapper>a{display: block; height: 100%; text-align: center; width: 33.333333%; line-height: 80px; background: #fff; color: #2e2d3c; position: relative; transition: all .35s;}
.childmenu .wrapper>a::after{content: ''; display: block; width: 1px; height:20px; background: #ccc; position: absolute; right: 0; top: 50%; margin-top: -10px;}
.childmenu .wrapper>a:last-child::after{display: none;}
.childmenu .wrapper>a:hover{background: #0086c2; color: #fff;}
.childmenu .wrapper>a.active{background: #0086c2; color: #fff;}
.childmenu .wrapper>a:hover::after,.childmenu .wrapper>a.active::after{display: none;}
.miaodian{position: relative; top: 0px; visibility: hidden;}
.partnerlist{padding:40px 0}
.partnerlist .item{display: block; width: calc((100% - 105px)/7); background: #fff; box-shadow: 5px 5px 35px rgba(24, 92, 197, 0.18); margin-right: 15px; margin-bottom: 15px; padding: 5px; box-sizing: border-box;}
.partnerlist .item:nth-child(7n){margin-right: 0;}

.factorylist{padding:40px 0}
.factorylist .item{display: block; width: calc((100% - 120px)/4); background: #fff; border-radius: 6px; overflow: hidden; box-shadow: 5px 5px 35px rgba(24, 92, 197, 0.18); margin-right: 30px; margin-bottom: 30px; box-sizing: border-box;}
.factorylist .item:nth-child(4n){margin-right: 0;}
.factorylist .item img{display: block; margin:0px auto;}

.about-lt{width:calc(100% - 680px)}
.about-rt{width:600px; margin:10px 0 0; border-radius: 8px; overflow: hidden;}
.about-lt .aboutcontent{padding:20px 0 0; line-height: 2;}
.about-lt .aboutcontent p+p{padding-top:15px;}
.gongsiyj{padding:5.2083vw 0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.gongsiyj .about-tit{margin-bottom:20px; text-align: center; color:#fff;}
.gongsiyj-txt{margin:0 auto 90px;text-align:center; color:#fff;}
.gongsiyj-list{padding:0 5%;}
.gongsiyj-list li{width:33.33%; text-align: center;}
.gongsiyj-list img{display: block; margin:0px auto; width:100px; height: 100px; padding:10px; border-radius: 100px; background-color: rgba(255, 255, 255, .7);}
.gongsiyj-list h4{margin-top:20px; color:#fff; font-weight: bold;}

.idx_honor{}
.idx_honor .pro_swiper { overflow: hidden; position: relative; margin-top:40px;}
.idx_honor .pro_swiper .swiper-slide{text-align: center;position: relative;z-index: 1;}
.idx_honor .swiper-button-prev i,.idx_honor .swiper-button-next i{ position: absolute; left:8px; top:10px; font-size: 20px; line-height: 1; color:#000;}
.idx_honor .swiper-button-prev i{ left:12px;}
.idx_honor .swiper-button-prev{ top:48%;width: 40px;height: 40px; background: #fff; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_honor .swiper-button-next{top: 48%;width: 40px;height: 40px; background: #fff; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_honor .swiper-button-prev:hover,.idx_honor .swiper-button-next:hover{background: #005e9e;}
.idx_honor .swiper-button-prev:hover i,.idx_honor .swiper-button-next:hover i{ color:#fff;}
.idx_honor .swiper-button-next i{ position: absolute; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.idx_honor .img {overflow: hidden;}
.idx_honor .img img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_honor .swiper-slide:hover .img img{transform: scale(1.05);}
.idx_honor h2{ text-align: center; font-size:16px; line-height: 1.6; padding: 20px 0 0;}
.idx_honor .swiper-pagination{bottom:-40px;}
.idx_honor .swiper-pagination-clickable .swiper-pagination-bullet{height: 12px;width:12px;border-radius: 10px;margin: 0 3px;opacity:1;background-color: #ccc;}
.idx_honor .swiper-pagination-bullet-active{width:20px !important;background: #005e9e !important;opacity: 1 !important;}
/*新闻*/
.news-list{overflow:hidden}
.news-list .con{padding:40px 0; border-bottom:1px solid #e5e5e5; display:flex; justify-content: space-between; flex-direction: row-reverse;}
.news-list .pic{width:350px;overflow:hidden}
.news-list .pic img{display:block;width:100%;height:100%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.news-list .inner{width:calc(100% - 420px); overflow:hidden;}
.news-list .inner h3{margin:0 0 15px;font-weight:bold;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.news-list .inner .txt{color:#666;line-height:1.8;max-height:3.6;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden; margin-bottom: 20px;}
.news-list .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.news-list .con:hover .inner h3{color:#005e9e}
.newsview{ overflow:hidden; max-width: 1260px; margin: 0px auto;}
.newsview .newshead{padding-bottom:10px;border-bottom:1px solid #ddd; line-height: 1;}
.newsview h1{text-align:center; margin-bottom:15px;}
.newsview .content{padding:25px 0; color:#666; line-height: 1.8;}
.newsview .content img{display:block;margin: 0 auto;}
.newsview .back{margin-top: 40px; text-align: center;}
.newsview .back>a{display: inline-block; font-size: 18px; color: #0086c2;}
.newsview .back>a::before{content: '\e67a'; font-family: 'iconfont'; display: block; font-size: 24px;}
.newsview .back>a:hover{color: #005e9e;}
/*联系我们*/
.contactbox{background-color: #f9f9f9; font-family: 'Lato-Regular';}
.contactbox .contactbox-lt{width:30%; padding:40px;}
.contactbox .contactbox-lt:nth-of-type(2){border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; width:30%;}
.contactbox .contactbox-lt:nth-of-type(3){width:40%}
.contactbox .contact-icon{background-color: #0086c2; color:#fff; border-radius: 70px; width:70px; height: 70px; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 30px;}
.contactbox .contact-head{color:#888; margin-left: 15px; text-transform: uppercase;}
.contactbox .contact-head strong{display: block; color:#333; font-size: 24px;}
.contactbox .contactbox-list{padding:30px 0 0;}
.contactbox .contactbox-list p{padding:5px 0;}
.mapimg{margin-top:40px; box-shadow: 0 0 15px rgba(0, 0, 0, .05); position: relative; overflow: hidden;}
.mapimg span{position: absolute; left:0; top:0; background-color: #ff9300; color:#fff; padding:10px 20px; font-weight: bold; z-index: 2;}
.mapimg img{display: block;}
.mapimg:hover img{transform: scale(1.05);}
/*FAQ*/
.problem {background: #fff; overflow: hidden;}
.problem .problem-top{background: #f6f6f6; text-align: center; padding:30px 10%}
.problem .problem-top h2{margin-bottom: 10px; font-weight: bold;}
.problem ul { padding:20px 0;}
.problem ul li h3 { border-bottom: 1px solid #EBEBEB; position: relative; padding: 18px 40px 18px 20px; cursor: pointer;}
.problem ul li h3:after { position: absolute; content: ""; display: block; width: 12px; height: 12px; top: 50%; right: 20px; margin-top: -7px; border-left: 2px solid #BFBFBF; border-top: 2px solid #BFBFBF; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); transition: all 0.5s ease;}
.problemcoment { background: #f6f6f6; color:#666; line-height: 1.6; display: none; padding:15px 40px 15px 20px;}
.problem ul li.cur h3 { color: #d5532e;}
.problem ul li.cur h3:after { border-color: #d5532e; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
@media (max-width:1200px){
  .catalog{width: 100%;}
  .catalog .title{display: block;cursor: pointer;}
  .catalog .title{font-size:15px; font-weight: bold; line-height: 38px; padding-left: 20px; margin-bottom: 0px;}
  .catalog .title::after{ width: 6px; height: 6px; top: 50%; right: 18px; margin-top: -6px;}
  .catalog .catlist{border: 1px solid #e2e2e2; border-top:0; padding:0 5px 5px; display:none}
  .catalog ul>li>ul>li>a{line-height: 30px; font-size:13px; padding:0px 0 0px 30px;}
  .catalog ul>li>a{ font-size:14px; font-weight: normal; line-height: 30px; padding:2px 0 2px 15px;}
  .catalog ul>li .plus{width: 60px; height: 32px; right: 5px; top: 0; margin-top:0;}
  .catalog ul>li .plus:before{width:10px; height:2px; margin:-1px auto auto -5px; left:auto; right:5px;}
  .catalog ul>li .plus:after{width:2px; height:10px; margin:-5px auto auto -2px; left:auto; right:9px;}
  .catalog ul>li .less{position:absolute; width:60px; height:18px; right: 6px; margin-top:5px;}
  .catalog ul>li .less:before{width:10px; height:2px; margin:5px auto auto -5px; left:auto; right:5px;}
  
  .catalog ul>li>ul>li:before{left: 15px; top:16px;}
  .catalog ul>li>ul>li.active:before{top:16px}

.nybanner{height:150px;}
.maintitle{margin-bottom: 15px;}
.bgblue{background: #fff;}
.location{display: none;}

.product{display: flex; flex-wrap: wrap; flex-direction: row;}
.product .item{width: calc(50% + 1px); padding: 10px 10px;}
.product .item .pname .name{text-align: center;}
.product .item .pname .model{text-align: center;}
.wrapper-lt{width:100%;}
.wrapper-rt{width:100%;}

.productsm{padding:0 0 20px;}
.productsm .productsm-lt{width:100%; border: 0px solid #e2e2e2;}
.productsm .productsm-rt{width:100%;}
.productsm .prono{color:#999; padding:10px 0;}
.productsm .productsmgs{padding:0 0 15px;}
.product-tab a {font-size: 14px; padding: 6px 15px;}
.product-tab a:after {height: 16px; margin-top: -8px;}
.productxxcs {overflow: hidden;padding: 15px 0;}
.productxxcs .deatils-box .videobox{width:90vw;height:56.25vw;}
.related-products{ background: #f7f7f7; padding: 10px;}
.related-products li{width:49.5%;background-color: #fff; margin-top:1%; margin-right:1%;}
.related-products li:nth-child(2n){margin-right:0;}
.related-products li:nth-child(-n+2){margin-top:0;}
.related-products li:nth-child(3){margin-top:1%;}
.related-products li h3{text-align: center; padding:10px 10px;}
/*方案*/
.fanganlist li+li{margin-top:15px;}
.fangan-lt{width:100%; overflow: hidden;}
.fangan-rt{width:100%; padding:15px 0 0;}
.fangan-des{padding:10px 0;}
/*下载*/
.download-list ul li.li1 {height: 40px; line-height: 40px;}
.download-list ul li.li2 {height: 40px; line-height: 40px;}
.download-list ul li .file-name {width:calc(100% - 80px); padding-left:15px;}
.download-list ul li .file-size{display: none;}
.download-list ul li .down-loadbtn {width: 80px; height: 40px; background-size: 20px;}
/*关于*/
.childmenu{position: static; top: 0; z-index: 9;}
.childmenu .wrapper>a{width: 20%;}
.childmenu .wrapper{height: 40px; box-shadow: 0 3px 8px -1px rgba(0, 94, 158, 0.1); width: auto; padding:0;}
.childmenu .wrapper>a{line-height: 40px; display: block;}
.childmenu .wrapper>a::after{height:20px; margin-top: -10px;}
.miaodian{position: relative; top: 0px; visibility: hidden;}
.partnerlist{padding:20px 0 10px;}
.partnerlist .item{width: calc((100% - 4%)/4); box-shadow: 0px 0px 5px rgba(24, 92, 197, 0.18); margin-right: 1%; margin-bottom: 1%; padding: 0px;}
.partnerlist .item:nth-child(4n){margin-right: 0;}

.factorylist{padding:20px 0 10px;}
.factorylist .item{display: block; width: 49.5%; margin-right: 1%; margin-bottom: 1%;}
.factorylist .item:nth-child(2n){margin-right: 0;}

.about-lt{width:100%}
.about-rt{width:100%; margin:10px 0 0; border-radius: 8px; overflow: hidden;}
.about-lt .aboutcontent{padding:15px 0; line-height: 1.8;}
.about-lt .aboutcontent p+p{padding-top:10px;}
.gongsiyj{padding:5.2083vw 0;}
.gongsiyj .about-tit{margin-bottom:10px;}
.gongsiyj-txt{margin:0 auto 50px;}
.gongsiyj-list{padding:0;}
.gongsiyj-list img{width:70px; height: 70px; padding:8px;}
.gongsiyj-list h4{margin-top:10px;}

.idx_honor .pro_swiper {margin-top:20px;}
.idx_honor .swiper-button-prev i,.idx_honor .swiper-button-next i{left:5px; top:7px; font-size: 18px;}
.idx_honor .swiper-button-prev i{ left:10px;}
.idx_honor .swiper-button-prev{ top:48%;width: 32px;height: 32px; background: #fff; border-radius: 50%;}
.idx_honor .swiper-button-next{top: 48%;width: 32px;height: 32px; background: #fff;}
.idx_honor h2{font-size:14px; padding: 10px 0 0;}
/*新闻*/
.news-list{overflow:hidden}
.news-list .con{padding:20px 0; flex-direction: column;}
.news-list .pic{width:350px;overflow:hidden; display: none;}
.news-list .inner{width:100%; overflow:hidden;}
.news-list .inner h3{margin:0 0 10px;}
.news-list .inner .txt{margin-bottom: 10px;}
.newsview{ overflow:hidden; max-width: 100%; margin: 0px auto;}
.newsview .newshead{padding-bottom:0;border-bottom:1px solid #ddd; line-height: 1;}
.newsview h1{text-align:center; margin-bottom:10px;}
.newsview .content{padding:15px 0;}
.newsview .back{margin-top: 10px; text-align: center;}
.newsview .back>a{display: inline-block; font-size: 14px; color: #0086c2;}
.newsview .back>a::before{font-size: 18px;}
/*联系我们*/
.contactbox{background-color: #fff;}
.contactbox .contactbox-lt{width:100%; padding:0;}
.contactbox .contactbox-lt + .contactbox-lt{padding:20px 0 0;}
.contactbox .contactbox-lt:nth-of-type(2){border-left:0px solid #e6e6e6; border-right:0px solid #e6e6e6; width:100%;}
.contactbox .contactbox-lt:nth-of-type(3){width:100%}
.contactbox .contactbox-lt:nth-of-type(3) p{width:50%}
.contactbox .contact-icon{width:40px; height: 40px; font-size: 18px;}
.contactbox .contact-head{margin-left: 10px;}
.contactbox .contact-head.font16{font-size:12px;}
.contactbox .contact-head strong{font-size: 14px;}
.contactbox .contactbox-list{padding:10px 0 0;}
.contactbox .contactbox-list p{padding:3px 0;}
.mapimg{margin-top:20px; box-shadow: none;}
/*FAQ*/
.problem {background: #fff; overflow: hidden;}
.problem .problem-top{background: #f6f6f6; text-align: center; padding:10px 3%}
.problem .problem-top h2{margin-bottom: 10px; font-weight: bold;}
.problem ul { padding:10px 0;}
.problem ul li h3 {padding: 18px 40px 18px 3%;}
.problem ul li h3:after { width: 8px; height: 8px; right: 15px; margin-top: -4px; border-left: 1px solid #BFBFBF; border-top: 1px solid #BFBFBF;}
.problemcoment { padding:10px 3%;}
.sideNav{display: none;}
}