@font-face{font-family:Montserrat;src:url(/zb_users/theme/robot/static/font/Montserrat-Regular.woff) format("woff");font-display:swap}
@font-face{font-family:Montserrat;src:url(/zb_users/theme/robot/static/font/Montserrat-Light.woff) format("woff");font-weight:200;font-display:swap}
@font-face{font-family:Montserrat;src:url(/zb_users/theme/robot/static/font/Montserrat-Bold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:Oswald;src:url(/zb_users/theme/robot/static/font/Oswald-Light.ttf) format("truetype");font-display:swap}
@font-face{font-family:HAETTENSCHWEILER;src:url(/zb_users/theme/robot/static/font/HAETTENSCHWEILER.TTF) format("truetype");font-display:swap}


body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:Montserrat; line-height:1;font-weight: normal;letter-spacing: 0;}
html,body{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
img.lazy{
    width:100%;
    opacity:0;
    transition:opacity .3s ease-in-out
}
img.lazy.loaded{
    opacity:1
}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
.web-ie2018{ font-family: sans-serif;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
.web-ie2018 dl #img{    display: block;margin: 50px auto;}
.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}

/* center */
.center{width: 1400px;}
.sidebar-nav{display: none;}

/* headerwrap */
.headerwrap{width: 100%;position: fixed;top: 0;left: 0;z-index: 10;}
.header{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,0.3);box-sizing: border-box;padding: 0 60px;transition: all .3s;position: relative;z-index: 1;}
/*h-l*/
.h-l{display: flex;display: -webkit-flex;align-items:center;-webkit-align-items:center;}
/* logo */
.logo{position: relative;z-index: 1;display: block;}
.header::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 0;background-color: #2E5077;opacity: 0;transition: all .3s;}
.header .nav{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-left:60px;}
.header .nav>li{margin-right: 50px;position: relative;}
.header .nav>li:last-child{margin-right: 0;}
.header .nav>li>a{line-height: 100px;display: block;font-size: 18px;color: #FFFFFF;font-weight: 400;position: relative;}
.header .nav>li>a::before{content: '';display: block;width: 100%;height: 3px;background-color: #fff;position: absolute;left: 0;bottom: 0;opacity: 0;}
.header .nav>li:hover>a::before{opacity: 1;}
/* h-r */
.h-r{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.h-r .search{display: block;margin-right: 30px;position: relative;z-index: 1;}
.h-r .contactbtn{position: relative;z-index: 1;width:140px;height:36px;margin-right:30px;}
.h-r .contactbtn:hover{background-color:#fff;color: #2E5077;}
/* menu */
.menu{width: 26px;height: 20px;position: relative;}
.menu strong{display: block;width: 100%;height: 2px;background-color: #ffffff;position: absolute;right: 0;transition: all .3s;}
.menu strong:nth-of-type(1){top: 0;}
.menu strong:nth-of-type(2){width: 50%;top: 9px;}
.menu strong:nth-of-type(3){bottom: 0;}

/* pronavwrap */
.pronavwrap{width: 100%;position: absolute;left: 0;top: 101px;background-color: #ffffff;box-sizing: border-box;box-shadow: 0px 0px 5px 3px rgba(46, 80, 119, 0.2);transform: translateY(-100%);opacity: 0;visibility: hidden;transition: all .3s;z-index: -1;}
.header .nav>li:hover .pronavwrap{opacity: 1;visibility: visible;transform: none;}
.pronav{width: 1900px;margin:auto;display: flex;display: -webkit-flex;padding: 50px 0;}
.pronav .pronavone{width: 290px;border-right: 1px solid #DCDCDC;}
.pronav .pronavone a{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 18px;color: #222222;height: 40px;box-sizing: border-box;padding: 0 20px;}
.pronav .pronavone a i{background-color: #fff;margin-right: 10px;}
.pronav .pronavone a i::after{border-top-color: #fff;}
.pronav .pronavone a.active{background-color: #2E5077;color: #fff;}

/* pronavtwo */
.pronavtwo{padding: 0 50px;width: calc(100% - 610px);}
.pronavtwo li{display: none;}
.pronavtwo li:first-child{display: block;}
.pronavtwo li>div{display: flex;display: -webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.pronavtwo .li{width: calc((100% - 75px)/4);margin-right: 25px;margin-bottom:30px;}
.pronavtwo .li:nth-of-type(4n){margin-right: 0;}
.pronavtwo .li h3 a{font-size: 15px;color: #222222;line-height:20px;height:40px;}
.pronavtwo .li strong{display: block;width: 18px;height: 3px;background: #2E5077;margin: 20px 0;}
.pronavtwo .li .list a{font-size: 15px;color: #222222;line-height: 30px;display: block;font-weight: 300;text-transform:uppercase;}
.pronavtwo .li .list a:hover{color: #0F2E78;text-decoration:underline;font-weight:bold;}
.pronavtwo .li .list{max-height: 200px;overflow: auto;}
.pronavtwo .li .list::-webkit-scrollbar{width:2px;background-color:#eee;}
.pronavtwo .li .list::-webkit-scrollbar-thumb{background-color:#2E5077;}

/* pronavimg */
.pronavimg{width: 320px;box-sizing: border-box;padding-left:50px;border-left: 1px solid #DCDCDC;}
.pronavimg li{display: none;}
.pronavimg li:first-child{display: block;}
.pronavimg li .imgbox{width: 100%;height: 240px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.pronavimg li .imgbox img{max-width: 80%;max-height: 80%;}
.pronavimg li p{font-size: 16px;color: #444444;line-height: 24px;}


.headerwrap.div2 .header::before,.headerwrap:hover .header::before,.headerwrap.div3 .header::before{opacity: 1;}

/* navdwon */
.navdwon{width: 290px;position: absolute;background-color: #fff;padding: 20px 20px;transform: translateX(-50%);-webkit-transform: translateX(-50%);left: 50%;opacity: 0;visibility: hidden;transition: all .3s;text-align:center;}
.navdwon a{display: block;line-height: 40px;font-size: 18px;color: #222222;white-space: nowrap;}
.header .nav>li:hover .navdwon{opacity: 1;visibility: visible;}
.navdwon a:hover{color: #0F2E78;}

/* meunwrap */
.meunwrap{width: 100%;background-color: #fff;padding: 40px 0;opacity: 0;visibility: hidden;transition: all .3s;transform: translateY(-100%);z-index: -1;position: absolute;}
.meunlist{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.meunlist li h3 a{font-size: 18px;color: #222;font-weight: bold;}
.meunlist li strong{display: block;width: 24px;height: 2px;background-color: #2E5077;margin: 20px 0;}
.meunlist li .list a{font-size: 16px;color: #222;line-height: 36px;display: block;font-weight: 300;opacity: 0.6;}
.meunlist li .list a:hover{opacity: 1;}

.headerwrap.is-open .meunwrap{transform: none;opacity: 1;visibility: visible;}


.headerwrap.is-open .menu strong:nth-of-type(1) {-webkit-transform: rotate(45deg);-webkit-transition: -webkit-transform 0.2scubic-bezier(0.73,1,0.28,0.08);background-color: #fff;margin-top: -2px;top: 50%;
}
.headerwrap.is-open .menu strong:nth-of-type(2) {background-color: #fff;display: none;
}
.headerwrap.is-open .menu strong:nth-of-type(3) {-webkit-transform: rotate(-45deg);-webkit-transition: -webkit-transform 0.2scubic-bezier(0.73,1,0.28,0.08);background-color: #fff;margin-top: -2px;top: 50%;
}

.headerwrap.is-open .pronavwrap,.headerwrap.is-open .navdwon{display: none;}{display: none;}


/* seadershow */
.seadershow {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99;background-color: rgba(0, 0, 0, 0.6);display: none;
}
.seaderbox {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;
}
.seader {position: relative;width: 65%;
}
.seader form {width: 100%;height: 80px;border: 5px solid #8c8c8c;border-radius: 8px;overflow: hidden;background-color: #fff;display: flex;display: -webkit-flex;
}
.seader form input {display: block;width: 80%;height: 100%;border: none;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #666666;font-family: var(--font-family);
}
.seader form button {display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 20%;border: none;outline: none;background-color: #2E5077;font-size: 18px;color: #ffffff;cursor: pointer;font-family: var(--font-family);
}
.seader form button img {display: block;width: auto;filter: brightness(11);margin-right: 20px;
}
.seader .close {display: block;position: absolute;right: -60px;top: -80px;
}
.seader .close img {display: block;filter: invert(1);}



/* bannerwrap */
.bannerwrap{width: 100%;position: relative;}
.bannerwrap img{width: 100%;}
.bannerwrap img.mobimg{display: none;}
.bannerwrap .swiper-pagination{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;box-sizing: border-box;padding: 0 calc((100% - 1400px)/2);bottom: 100px;}
.bannerwrap .swiper-pagination .dot{width:21px;height:21px;background-color:transparent;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;opacity:1;margin:0 9px;display:inline-block;position:relative}
.bannerwrap .swiper-pagination .dot::before{content:'';position:absolute;width:4px;height:4px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%}
.bannerwrap .swiper-pagination .dot svg{position:absolute;left:0;top:0;width:100%;height:100%;fill:none;stroke:#fff;stroke-miterlimit:10;stroke-width:2px}
.bannerwrap .swiper-pagination .dot svg path{opacity:0}
.bannerwrap .swiper-pagination .dot svg path.path-loop-bg{opacity:.2}
.bannerwrap .text{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 30%;}
.bannerwrap .text h3{font-size: 60px;color: #FFFFFF;line-height: 66px;font-weight: bold;text-transform: uppercase;}
.bannerwrap .text h4{font-size: 18px;color: #FFFFFF;line-height: 24px;margin-top: 40px;width: 40%;}
.bannerwrap .text .more{width: 160px;height: 40px;border: 1px solid #fff;color: #FFFFFF;text-transform: uppercase;margin-top:50px;}
.bannerwrap .text .more .djt{background-color:#FFFFFF;margin-left:10px;}
.bannerwrap .text .more .djt:after{border-top-color:#FFFFFF;}
.bannerwrap .text .more:hover{background-color:#FFFFFF;color:#2E5077;}
.bannerwrap .text .more:hover .djt{background-color:#2E5077;}
.bannerwrap .text .more:hover .djt:after{border-top-color:#2E5077;}
/*.bannerwrap .swiper-slide:bth-of-type(3) .text .more{display: flex;}*/

/* index01wrap */
.index01wrap{margin: 40px auto;}
.index01-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 50px;}
.index01-topl{width: calc((100% - 20px)/2);background-color: #F3F7FB;display: block;padding: 90px;box-sizing: border-box;}
.index01-topl .text{width: 100%;}
.index01-topl .text h3{font-size: 40px;margin-bottom: 20px;color: #222222;font-weight: bold;text-transform: uppercase;}
.index01-topl .text h4{font-size: 16px;color: #666666;margin-bottom: 80px;}
.index01-topl .text h3:hover{color: #2E5077;}
.index01wrap .text .more{border: 1px solid #7D7D7D;color: #666666;font-size: 16px;text-transform: uppercase;transition: all .3s;}
.index01wrap .text .more .djt{margin-left: 15px;width: 40px;}
.index01-topl:hover .text .more{background-color: #2E5077;color: #fff;border-color: #2E5077;}
.index01-topl:hover .text .more i{background-color: #fff;}
.index01-topl:hover .text .more i::after{border-top-color: #fff;}
.index01-topl .imgbox{width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;margin-top: 80px;}
.index01-topl .imgbox img{max-width: 100%;max-height: 100%;transition: all .3s;}
.index01-topl:hover .imgbox img{transform: scale(0.9);}
/* index01-topr */
.index01-topr{width: calc((100% - 20px)/2);}
.index01wrap .item{width: 100%;display: block;position: relative;box-sizing: border-box;padding: 70px 50px;height: 442px;background-color: #F3F7FB;margin-bottom: 20px;}
.index01-topr .item:last-child{margin-bottom: 0;}
.index01wrap .item .text{width: 40%;}
.index01wrap .item .text h3{font-size: 30px;color: #222222;margin-bottom: 20px;text-transform: uppercase;font-weight: bold;}
.index01wrap .item:hover .text h3{color: #2E5077;}
.index01wrap .item .text h4{font-size: 14px;color: #666666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.index01wrap .item:hover .text .more{background-color: #2E5077;color: #fff;border-color: #2E5077;}
.index01wrap .item:hover .text .more i{background-color: #fff;}
.index01wrap .item:hover .text .more i::after{border-top-color: #fff;}
.index01wrap .item .imgbox{position: absolute;right: 0;width: 70%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;top: 0;height: 100%;}
.index01wrap .item .imgbox img{max-width: 90%;max-height: 90%;transition: all .3s;}
.index01wrap .item:hover img{transform: scale(0.9);}
.index01wrap .item .more{width: 140px;height: 36px;font-size: 16px;position: absolute;bottom: 70px;}
.index01wrap .item .more .djt{width: 26px;margin-left: 10px;}
/* index01-bot */
.index01-bot{width: 100%;margin-top: 20px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.index01-bot .item{width: calc((100% - 20px)/2);}

/* index02wrap */
.index02wrap{width: 100%;overflow: hidden;position: relative;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;padding-left: calc((100% - 1400px)/2);padding-right: 150px;box-sizing: border-box;align-items: center;-webkit-align-items: center;background-color: #F8FBFE;}
.index02wrap .bg{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 0;}
.index02-l{width: 50%;position: relative;z-index: 1;}
.index02-l h3{font-size: 36px;color: #222222;font-weight: bold;line-height: 48px;}
.index02-l p{font-size: 36px;color: #222222;line-height: 48px;margin-bottom: 80px;font-weight: bold;}
.index02-l h4{font-size: 16px;color: #222222;line-height: 26px;margin-bottom: 70px;}
.index02-l .more01{background-color: #2E5077;border-color: #2E5077;text-transform: uppercase;}
.index02-l .more01 i{background-color: #fff;margin-left: 15px;transition: all .3s;}
.index02-l .more01 i::after{border-top-color: #fff;}
.index02-l .more01:hover i{margin-left: 20px;width: 38px;}
.index02wrap .bg02{position: absolute;right: 0;bottom: -100px;z-index: 0;}
/* index02-r */
.index02-r{width: auto;max-width: 40%;height: 700px;box-sizing: border-box;padding: 50px 0;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;position: relative;z-index: 1;}
.index02-r::-webkit-scrollbar {width: 0;}
.index02-r li{margin-bottom: 70px;}
.index02-r li:last-child{margin-bottom:0;}
.index02-r li .box{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;margin-bottom: 20px;}
.index02-r li .box span{font-size: 54px;color: #FFFFFF;font-family: HAETTENSCHWEILER;letter-spacing: 2px;}
.index02-r li .box font{font-size: 54px;color: #FFFFFF;font-family: HAETTENSCHWEILER;letter-spacing: 2px;margin: 0 2px;}
.index02-r li p{font-size: 16px;color: #fff;margin-top: 20px;}

/* index03wrap */
.index03wrap{width: 100%;padding: 140px 0 260px;background-color: #F8FCFD;position: relative;overflow: hidden;}
.index03wrap .c-tl{margin: auto;position: relative;z-index: 1;}
.index03wrap .bg{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 0;mix-blend-mode: darken;}
.index03wrap .line{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 0;}
.index03{margin: auto;position: relative;margin-top: 80px;overflow: hidden;z-index:1;}
.index03 .item{background-color: #fff;border-radius: 50%;width: 134px;height: 134px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;transition:.4s;margin: auto;box-shadow: 0px 0px 20px 0px rgba(0,26,42,0.05);}
.index03 .item img{max-width: 70%;max-height: 70%;}
.index03 .item:hover,.index03 .swiper-slide-active .item{background: linear-gradient(0deg, #2E5077 0%, #0C66CE 100%);}
.index03 .item:hover img,.index03 .swiper-slide-active .item img{filter: brightness(0) invert(1);}
.index03 .swiper{box-sizing: border-box;}


.CooperativeCustomer .box .swiper-slide .item p{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:50%;display:flex;overflow:hidden}
.CooperativeCustomer .box .swiper-slide .item p img{margin:auto;max-width:90%;max-height:90%}
.CooperativeCustomer .box .slide0 .item{margin-top:10rem}
.CooperativeCustomer .box .slide1 .item{margin-top:9rem}
.CooperativeCustomer .box .slide2 .item{margin-top:5rem}
.CooperativeCustomer .box .slide3 .item{margin-top:2rem}
.CooperativeCustomer .box .banner{position:relative}
.CooperativeCustomer .box .banner .img{position:absolute;left:0;top:.8rem}

/* banner_btn */
.banner_btn{position: absolute;left: 50%;bottom: 150px;display: flex;display: -webkit-flex;z-index: 3;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.banner_btn .btn{position: relative;width: 50px;height: 50px;border: 1px solid #2E5077;display: flex;display: -webkit-flex;border-radius: 50%;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-right: 60px;cursor: pointer;}
.banner_btn .btn:last-child{margin-right: 0;}
.banner_btn .btn img{max-width: 50%;max-height: 50%;}
.banner_btn .btn:hover{background-color: #2E5077;}
.banner_btn .btn:hover img{filter: brightness(11);}

/* index04wrap */
.index04wrap{width: 100%;position: relative;padding: 180px 0;overflow: hidden;box-sizing: border-box;padding-left: calc((100% - 1400px)/2);}
.index04-tl{position: relative;z-index: 1;font-size: 48px;color: #222222;line-height: 66px;margin-bottom: 50px;}
.index04-top{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-bottom: 50px;position: relative;z-index: 1;}
.index04-top .links{display: flex;display: -webkit-flex;}
.index04-top .links a{font-size: 16px;color: #888888;line-height: 50px;padding: 0 12px;margin-right: 30px;box-sizing: border-box;border-bottom: 2px solid transparent;}
.index04-top .links a:last-child{margin-right: 0;}
.index04-top .links a.active{border-color: #2E5077;color: #222222;}
.index04-top .links a:hover{color: #222222;}
.index04-top .topmore{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;font-size: 16px;color: #888888;text-transform: uppercase;;border: 1px solid #BFBFBF;padding: 0 20px;padding-bottom: 20px;justify-content:center;-webkit-justify-content:center;width:160px;height:40px;border-radius:20px;padding:0;}
.index04-top .topmore i{margin-left: 15px;transition: all .3s;}
.index04-top .topmore:hover{color: #FFFFFF;background-color:#2E5077;border-color:#2E5077;}
.index04-top .topmore:hover i{background-color: #FFFFFF;margin-left: 20px;}
.index04-top .topmore:hover i::after{border-top-color: #FFFFFF;}
/* index04 */
.index04{width: 100%;position: relative;overflow: hidden;position: relative;z-index: 1;}
.index04 li{display: none;}
.index04 li:first-child{display: block;}
.index04 .item{display: block;position: relative;}
.index04 .item .imgbox{width: 100%;overflow: hidden;height:250px;}
.index04 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.index04 .item .text{margin-top: 26px;}
.index04 .item .text h3{font-size: 16px;color: #2E5077;margin-bottom: 20px;text-transform: uppercase;}
.index04 .item .text h4{font-size: 18px;color: #222222;line-height: 22px;margin-bottom: 50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.index04 .item .text p{font-size: 16px;color: #888888;}
.index04 .item:hover .imgbox img{transform: scale(1.1);}

.index04wrap .bg{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;z-index: 0;}


/* footerwrap */
.footerwrap{width: 100%;position: relative;overflow: hidden;}
.footerwrap>.bg{width: 100%;position: absolute;top: 0;left: 0;object-fit: cover;height:100%;}

.footer{position: relative;z-index: 1;padding: 100px 0;margin: auto;}
.f-logo{display: block;margin: auto;width: 340px;margin-bottom: 100px;}
.f-logo img{display: block;width: 100%;}
.f-nav{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.f-nav li h3 a{font-size: 18px;color: #FFFFFF;font-weight: bold;}
.f-nav li strong{display: block;width: 24px;height: 2px;background-color: #fff;margin: 20px 0;}
.f-nav li .list a{font-size: 16px;color: #FFFFFF;line-height: 36px;display: block;font-size: 300;opacity: 0.6;}
.f-nav li .list a:hover{opacity: 1;}
/* footer-botwrap */
.footer-botwrap{width: 100%;background-color: #0E1A28;}
.footer-bot{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding: 40px 0;}
.f-bright .list{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;color: #AAAAAA;}
.f-bright a{font-size: 14px;color: #AAAAAA;line-height: 24px;}
.f-bright a:hover{color: #fff;}
/* f-shar */
.f-shar{display: flex;display: -webkit-flex;}
.f-shar a{display: flex;display: -webkit-flex;width: 40px;height: 40px;border-radius: 50%;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-color: rgba(255,255,255,0.1);margin-right: 20px;}
.f-shar a:last-child{margin-right: 0;}
.f-shar a img{max-width: 50%;max-height: 50%;}


/* a-bannerwrap */
.a-bannerwrap{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.a-bannerwrap .bg{width: 100%;}
.a-bannerwrap .a-text{position: absolute;top: 50%;left: 50%;text-align: center;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.a-bannerwrap .a-text h3{font-size: 48px;color: 48px;font-weight: bold;color: #fff;text-transform: uppercase;margin-bottom: 30px;}
.a-bannerwrap .a-text h4{font-size: 18px;color: #FFFFFF;line-height: 24px;font-weight: 300;}

/* a-bbot */
.a-bbot{width: 100%;position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.2);display: flex;display: -webkit-flex;justify-content: center;-wekit-justify-content: center;}
.a-bbot a{display: block;font-size: 18px;color: #FFFFFF;border-right: 1px solid rgba(229,229,229,0.2);line-height: 80px;width: auto;text-align: center;min-width: 190px;box-sizing: border-box;padding: 0 20px;}
.a-bbot a:first-child{border-left: 1px solid rgba(229,229,229,0.2);}
.a-bbot a.active{background-color: rgba(229,229,229,0.2);}

/* about01wrap */
.about01wrap{width: 100%;position: relative;padding: 90px 0 250px;overflow: hidden;}
.about01wrap .bg01{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 0;}
.about01wrap .bg02{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: -200px;}
.about01wrap .text{margin: auto;text-align: center;position: relative;box-sizing: border-box;padding: 0 150px;}
.about01wrap .text strong{display: block;width: 68px;height: 8px;background-color: #2E5077;margin: auto;margin-bottom: 40px;}
.about01wrap .text h3{font-size: 60px;color: #2E5077;font-weight: bold;margin-bottom: 40px;}
.about01wrap .text h4{font-size: 16px;color: #222222;line-height: 24px;font-weight: 300;}
.about01wrap .info{position: relative;margin: auto;margin-top:50px;text-align:center;}
.about01wrap .info p{font-size: 16px;color: #222222;line-height: 24px;font-weight: 300;}
/* numwrap */
.about01wrap .numwrap{margin-top: 100px;}
.numwrap{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;}
.numwrap .numbox{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;position: relative;}
.numwrap .numbox .box{display: flex;display: -webkit-flex;}
.numwrap .numbox span{font-size: 72px;color: #444444;font-family: Oswald;}
.numwrap .numbox font{font-size: 30px;color: #444444;margin-left: 2px;}
.numwrap .numbox p{font-size: 30px;color: #444444;font-family: Oswald;margin-bottom: 3px;}
.numwrap h4{font-size: 16px;color: 444444;font-weight: 200;margin-top: 30px;}

/* contact01 */
.contact01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;overflow:hidden;}
.contact01-l{width: 50%;box-sizing: border-box;padding-left: calc((100% - 1400px)/2);margin-top: 100px;padding-right: 100px;}
/* c-tl */
.c-tl{}
.c-tl strong{display: block;width: 60px;height: 8px;background-color: #2E5077;margin-bottom: 20px;}
.c-tl h3{font-size: 60px;color: #2E5077;font-weight: bold;margin-bottom: 20px;}
.c-tl p{font-size: 18px;color: #222222;line-height: 24px;}
.contact01-l .list{margin-top: 60px;}
.contact01-l .list .item{margin-bottom: 60px;}
.contact01-l .list .item h3{font-size: 30px;color: #222222;margin-bottom: 20px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;box-sizing: border-box;position: relative;padding-left: 40px;}
.contact01-l .list .item h3 img{position: absolute;left: 0;}
.contact01-l .list .item p,.contact01-l .list .item a{font-size: 18px;color: #222222;line-height:24px;}
.contact01-l .list .item a{color: #2E5077;}

/* contact01-r */
.contact01-r{width: 50%;}
.contact01-r img{width: 100%;}

/* contact02wrap */
.contact02wrap{width: 100%;position: relative;background: url(/zb_users/theme/robot/static/images/a-bg01.jpg)no-repeat fixed;background-size: cover;padding: 150px 0;}
.contact02{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.contact02-l{width: 50%;}
.c-tl02 strong{background-color: #fff;}
.c-tl02 h3,.c-tl02 p{color: #fff;}
.c-tl02 h3{font-size: 48px;}
/* contact02-r */
.contact02-r{width: 50%;box-sizing: border-box;padding-left: 100px;}
.contact02-r .item{display: flex;display: -webkit-flex;border-bottom: 1px solid rgba(255,255,255,0.2);margin-bottom: 30px;padding-bottom: 20px;}
.contact02-r .item p{font-size: 16px;color: #FFFFFF;width: 100px;line-height: 24px;}
.contact02-r .item input,.contact02-r .item textarea{border: none;box-sizing: border-box;outline: none;height: 24px;font-size: 16px;color: #fff;width: calc(100% - 100px);background-color: transparent;}
.contact02-r .item textarea{height: 100px;line-height: 24px;resize: none;}
.contact02-r button{width: 100%;height: 50px;border-radius: 25px;background-color: #fff;font-size: 18px;color: #2E5077;border: none;}
.contact02-r button:hover{background-color: #2E5077;color: #fff;}

/* contact03wrap */
.contact03wrap{width: 100%;background-color: #fff;position: relative;box-sizing: border-box;padding: 140px 0 180px;overflow: hidden;}
.contact03wrap .bg{width: 100%;position: absolute;left: 0;top: 20px;z-index: 0;}
.contact03{position: relative;margin: auto;}
.c-tl03{text-align: center;}
.c-tl03 strong{margin: auto;margin-bottom: 20px;}
.contact02min{width: 100%;margin-top: 70px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.contact02min-l{width: 50%;box-sizing: border-box;padding-right: 80px;border-right: 1px solid #E5E5E5;}
.contact02min-l img{display: block;max-width: 100%;}
/* contact02min-r */
.contact02min-r{width: 50%;display: flex;display: -webkit-flex;justify-content: center;-wekit-justify-content: center;}
.contact02min-r a{display: block;width: 80px;height: 80px;background: #E5E5E5;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-right: 20px;}
.contact02min-r a:last-child{margin-right: 0;}

/*contact001*/
.contact001{margin: 100px auto 30px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position:relative;}
.contact001 .contact01-l{margin-top: 0;padding: 0;width: 50%;padding-right:150px;}
.contact001-r{width: 50%;}
.contact001-r .contact02-r{width: 100%;padding: 0;margin-top:50px;}
.contact001-r .contact02-r .item{border-bottom: 1px solid #E5E5E5;}
.contact001-r .contact02-r .item p{color: #333333;}
.contact001-r .contact02-r .item input, .contact02-r .item textarea{color: #333;}
.contact001-r .contact02-r button{background-color: #2E5077;color: #FFFFFF;}


/* lab */
.labwrap{margin: 100px auto;}
.lab{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin-top: 80px;}
.lab .item{width: calc((100% - 80px)/3);position: relative;overflow: hidden;margin-right: 40px;margin-bottom: 40px;background: url(/zb_users/theme/robot/static/images/lab-pro03.jpg)no-repeat;background-size: 100% 100%;padding: 60px 30px 0;box-sizing: border-box;}
.lab .item:nth-of-type(3n){margin-right: 0;}
.lab .item p{font-size: 24px;color: #222222;font-weight: bold;text-align: center;}
.lab .item .imgbox{height: 360px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webklit-justify-content: center;}
.lab .item .imgbox img{max-width: 90%;max-height: 80%;transition: all .3s;}
.lab .item:hover .imgbox img{transform: scale(1.1);}

/* lab-btext */
.lab-btext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.lab-btext .text{width: 480px;}
.lab-btext .text p{font-size: 24px;color: #FFFFFF;margin-bottom: 20px;}
.lab-btext .text h3{font-size: 48px;color: #FFFFFF;font-weight: bold;margin-bottom: 40px;}
.lab-btext .text h4{font-size: 18px;color: #FFFFFF;line-height: 24px;font-weight: 400;}
.lab-btext .text .link{display: flex;display: -webkit-flex;margin-top: 60px;width: 100%;justify-content: space-between;-webkit-justify-content: space-between;}
.more01{width: 230px;height: 50px;border-radius: 25px;border: 1px solid #fff;font-size: 16px;color: #fff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.lab-btext .img{width: 45%;height:450px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.lab-btext .img img{max-width: 100%;max-height:100%;}

/* labinfo01 */
.labinfo01{margin: auto;position: relative;z-index: 1;overflow: hidden;margin-top: -120px;}
.labinfo01 .bg{width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 0;object-fit: cover;object-position: right bottom;}
/* labinfo01min */
.labinfo01min{position: relative;width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding: 70px 120px 40px;}
.labinfo01min li{width: 45%;margin-bottom: 60px;}
.labinfo01min li .imgbox{width: 100px;height: 100px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-bottom: 20px;}
.labinfo01min li img{filter: brightness(11);max-width: 100%;max-height: 100%;}
.labinfo01min li h3{font-size: 24px;color: #FFFFFF;line-height: 30px;height: 60px;}
.labinfo01min li h4{font-size: 16px;line-height: 24px;color: #FFFFFF;margin-top: 14px;}

/* labinfo01wrap */
/*.labinfo01wrap{margin: 60px auto;width:100% !important;max-width:2120px;}*/
.labinfo01wrap{margin: 60px auto;}
.labinfo02tab{width: 100%;}
.labinfo02tab table{width: 100%!important;border-collapse: collapse;}
.labinfo02tab table a{
    text-decoration: underline;
}
.labinfo02tab table thead{width: 100%;background-color: #2E5077;}
.labinfo02tab table td,.labinfo02tab table th{box-sizing: border-box;padding: 20px 10px;width:auto!important;word-break: break-word;border:1px solid #E8F0F7;}
.labinfo02tab table thead td{height: 80px;color: #fff;font-weight: bold;font-size: 30px;}
.labinfo02tab table th,.labinfo02tab table td{border-right: 1px solid #E8F0F7;}
/*.labinfo02tab table td:last-child,.labinfo02tab table th:last-child{border: none;}*/
.labinfo02tab table tbody td,.labinfo02tab table tbody th{height: auto;font-size: 16px;color: #2E5077;font-weight: 400;line-height:24px;word-break: break-word;}
.labinfo02tab table td p{font-size: inherit;color: inherit;line-height: 20px;font-weight: inherit;}
.labinfo02tab table tbody th{text-align: left;font-weight: bold;font-size: 24px;}
.labinfo02tab img, .labinfo02tab video {display: block;max-width: 100%;margin: auto;}
/*.labinfo02tab table tbody tr:nth-of-type(odd){background-color: #F3F7FA;}*/
/* labinfo02bot */
.labinfo02bot{width: 100%;margin: 90px auto;}
.labinfo02bot img{width: auto;margin: auto;max-width:100%;}


/* labinfo03wrap */
.labinfo03wrap{width: 100%;padding: 70px 0;background-color: #F3F7FA;overflow: hidden;position:relative;z-index:0;}
.labinfo03{margin: auto;}
.labinfo03-top{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;position: relative;}
.lab-tl{font-size: 30px;color: #222222;box-sizing: border-box;padding-left: 20px;border-left: 7px solid #2E5077;font-weight: bold;}
/* labinfo03-top */
.labinfo03-top .page{position: relative;display: flex;display: -webkit-flex;}
.labinfo03-top .page .fac{position: relative;background-image: none;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #2E5077;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: 0;top: 0;left: 0;right: 0;bottom: 0;}
.labinfo03-top .page .fac img{max-width: 50%;max-height: 50%;}
.labinfo03-top .page .fac:first-child{margin-right: 10px;}
.labinfo03-top .page .fac:hover{background-color: #2E5077;}
.labinfo03-top .page .fac:hover img{filter: brightness(11);}
/* labinfo03min */
.labinfo03min{width: 100%;margin-top: 40px;overflow: hidden;}
.labinfo03min .item{display: block;position: relative;background-color: #fff;padding-bottom: 40px;}
.labinfoSwiper{width: 100%;}
.labinfo03min .item .imgbox{width: 100%;height: 340px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.labinfo03min .item .imgbox img{max-width: 80%;max-height: 80%;transition: all .3s;}
.labinfo03min .item:hover .imgbox img{transform: scale(1.1);}
.labinfo03min .item p{width: 100%;box-sizing: border-box;padding: 0 20px;text-align: center;font-size: 20px;color: #222222;margin-top: 20px;}
.labinfo03min .item:hover p{color: #2E5077;}

/* labinfo04wrap */
.labinfo04wrap{width: 100%;background: url(/zb_users/theme/robot/static/images/i-m01.jpg)no-repeat fixed;background-size: cover;position: relative;overflow: hidden;z-index: 0;}
.labinfo04{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;position: relative;z-index: 1;}
/* labinfo04-r */
.labinfo04-r{width: 40%;padding: 100px 0 150px;}
.labinfo04-r form{width: 100%;}
.labinfo04-r form label{width: 100%;position: relative;display: flex;display: -webkit-flex;border-bottom: 1px solid #fff;justify-content: space-between;-webkit-justify-content: space-between;margin-bottom: 20px;}
.labinfo04-r form label p{font-size: 16px;color: #FFFFFF;line-height: 50px;}
.labinfo04-r form label input,.labinfo04-r form label textarea{display: block;width: calc(100% - 100px);height: 50px;border: none;outline: none;font-size: 16px;color: #ffffff;background-color: transparent;line-height: 24px;}
.labinfo04-r form label textarea{height: 100px;padding-top: 14px;resize: none;}
.labinfo04-r form button{width: 100%;margin-top: 40px;color: #2E5077;font-size: 18px;text-transform: uppercase;}
.labinfo04wrap .bg{position: absolute;right: 0;bottom: -16%;z-index: 0;opacity: 0.8;}

/* productwrap */
.productwrap{margin: 90px auto;}
.product{width: 100%;margin-top: 70px;}
.product>li{margin-bottom: 50px;}
.productmin{margin-top: 30px;}
.productmin .item{padding: 0 30px 60px;transition: all .3s;}
.productmin .item p{font-weight: normal;}
.productmin .item:hover{box-shadow: 0px 0px 10px 5px rgba(46, 80, 119, 0.2);}

/* mbxwrap */
.mbxwrap{width: 100%;margin-top: 100px;padding: 30px 0;}
.mbx{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.mbx a{font-size: 16px;color: #222222;margin: 0 5px;}
.mbx img{width: auto;height: 12px;filter: brightness(0);}


/* proinfo01 */
.proinfo01{margin: 100px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.proinfo01-l{width: 600px;}
.proinfo01-l .text{width: 100%;margin-bottom: 80px;}
.proinfo01-l .text h3{font-size: 60px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.proinfo01-l .text p{font-size: 30px;color: #2E5077;font-weight: bold;margin-bottom: 30px;}
.proinfo01-l .text h4{font-size: 16px;color: #666666;line-height: 20px;}
.proinfo01-l .numlist{width: 100%;display: flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.proinfo01-l .numlist li{width: calc((100% - 20px)/2);margin-bottom: 60px;}
.proinfo01-l .numlist li p{font-size: 14px;color: #555555;margin-bottom: 15px;}
.proinfo01-l .numlist li .numbox{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;flex-wrap:wrap;-webkit-flex-wrap:wrap;word-break:break-word;}
.proinfo01-l .numlist li .numbox h3{font-size: 28px;color: #222222;line-height:40px;}
.proinfo01-l .numlist li .numbox span{font-size: 24px;color: #222222;margin-left: 10px;}
.proinfo01-l .btnlist{display: flex;display: -webkit-flex;}
.proinfo01-l .btnlist .more01{width: 230px;height: 50px;border-radius: 25px;border: 1px solid #2E5077;font-size: 16px;color: #2E5077;margin-right: 10px;text-transform: uppercase;}
.proinfo01-l .btnlist .more01:nth-of-type(2){background-color: #2E5077;color: #fff;}
/* proinfo01-r */
.proinfo01-r{width: calc(100% - 700px);}
.proinfo01swiper{width: 100%;overflow: hidden;height:470px;}
.proinfo01swiper .swiper-slide{width: 100%;height: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.proinfo01-r img{max-width: 100%;max-height: 100%;width: auto;height: auto;}

.proinfo01-r .swbox{
    width: 100%;
    margin-top: 30px;
    position: relative;
}
.proinfo01-r .bottomswiper{
    height: 100px;
    width: calc(100% - 70px);
}
.proinfo01-r .swbox .pb{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
    font-size: 28px;
    color: #666666;
}
.proinfo01-r .swbox .pb:hover{
    color: #2E5077;
}
.proinfo01-r .swbox .prer{
    left: 0;
}
.proinfo01-r .swbox .next{
    right: 0;
}
.proinfo01-r .bottomswiper .ib{
    height: calc(100% - 2px);
    width: calc(100% - 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddddd;
    transition: 0.3s;
    cursor: pointer;
}
.proinfo01-r .bottomswiper .swiper-slide-thumb-active .ib{
    border-color: #2E5077;
}

/* proinfo02wrap */
.proinfo02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #F8FBFD;}
.proinfo02{margin: auto;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.proinfo02wrap .item{width: calc((100% - 200px)/3);text-align: center;margin-bottom: 70px;margin-right:50px;}
.proinfo02wrap .item:nth-of-type(3n){margin-right:0;}
.proinfo02wrap .item .imgbox{width: 100px;height: 100px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;margin-bottom: 30px;}
.proinfo02wrap .item .imgbox img{max-width: 100%;max-height: 100%;}
.proinfo02wrap .item h3{font-size: 24px;color: #2E5077;line-height: 30px;font-weight: bold;margin-bottom: 20px;text-transform: uppercase;height: 60px;}
.proinfo02wrap .item h4{font-size: 16px;color: #555555;line-height: 22px;}

/* proinfo02wrap */


/* servicewrap */
.servicewrap{margin: 90px auto 120px;}
.c-tl h4{font-size: 16px;color: #666666;line-height: 20px;margin-top: 40px;}
.service{width: 100%;margin-top: 60px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.service .item{width: calc((100% - 20px)/2);margin-bottom: 20px;background-color: #F3F7FA;padding: 100px 50px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;}
.service .item .text{width: 45%;}
.service .item .text h3{font-size: 30px;color: #222222;line-height: 36px;margin-bottom: 20px;font-weight: bold;}
.service .item .text p{font-size: 16px;color: #666666;margin-bottom: 50px;}
.service .item .text span{width: 140px;height: 36px;border-radius: 18px;border: 1px solid #7D7D7D;color: #666666;text-transform: uppercase;}
.service .item .text span .djt{margin-left: 12px;}
/* jdt */
.djt{display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;width: 26px;height: 1px;background-color: #7D7D7D;align-items: center;}
.djt::after{content: '';display: block;width:7px;height: 6px;transform: rotate(45deg);border: 1px solid transparent;border-top-color: #7D7D7D;margin-right: 1px;}
.service .item .imgbox{width: 45%;}
.service .item .imgbox img{max-width: 100%;transition: all .3s;}
.service .item:hover .imgbox img{transform: scale(1.1);}

/* news-page */
.n-page{margin:auto;margin-bottom: 100px;margin-top: 60px;}
.part  .el-pagination{text-align: center;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;box-sizing: border-box;padding: 0;}
.part  .el-pagination .btn-prev{width:40px;height:40px;background:transparent;border: 1px solid #EAEAEA;margin-right: 6px;padding: 0;background-color: transparent;border-radius: 6px;min-width: auto;}
.part  .el-pagination .btn-next{width:40px;height:40px;background:transparent;border: 1px solid #EAEAEA;padding: 0;background-color: transparent;border-radius: 6px;min-width: auto;}
/* .part  .el-pagination .btn-prev .el-icon-arrow-left:before{font-size:14px;content:"<";color: #888888;}
 .part  .el-pagination .btn-next .el-icon-arrow-right:before{font-size:14px;content:">";color: #888888;} */
 .part  .el-pagination .btn-quickprev{width:40px;height:40px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quickprev:before{content:""}
 .part  .el-pagination .btn-quicknext{width:40px;height:40px;background:url(../images/dian_1.jpg) center center no-repeat;margin-top: 8px;}
 .part  .el-pagination .btn-quicknext:before{content:""}
 .part  .el-pagination__jump{display:none!important;}
.el-pager{display: flex!important;display: -webkit-flex!important;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{box-shadow: none;}
.part .el-pagination .btn-quicknext::after,.part .el-pagination .btn-quickprev::after{display: none;}
.el-pager li{width: 40px!important;height: 40px!important;background-color: transparent!important;margin-right: 6px!important;line-height: 40px!important;border-radius: 6px;border: 1px solid #EAEAEA;box-sizing: border-box!important;min-width: auto!important;font-size: 12px!important;}
.el-pager li.active{background-color: #304C74!important;color: #fff!important;}
.part .el-pagination .btn-quicknext,.part .el-pagination .btn-quickprev{margin-top:0;text-align:center;background-color:transparent;display:flex;display:-webkit-flex;align-items:center;-webkti-align-items:center;justify-content:center;-wbekit-justify-content:center;}
.part .el-pagination .btn-quicknext:before,.part .el-pagination .btn-quickprev:before{content:'...';width:auto;height:auto;position:relative;background-color:transparent;}
.el-pager li.active+li{border-left: 1px solid #EAEAEA!important;}
/* .el-pager li:hover{color: #304C74;} */

/* downloadwrap */
.downloadwrap{margin: 90px auto;}
.download-link{display: flex;display: -webkit-flex;margin-top:60px;border-bottom:1px solid #eee;}
.download-link a{font-size: 16px;color: #888888;line-height: 50px;padding: 0 12px;margin-right: 30px;box-sizing: border-box;border-bottom: 2px solid transparent;}
.download-link a:last-child{margin-right: 0;}
.download-link a.active{border-color: #2E5077;color: #222222;}
.download-link a:hover{color: #222222;}

.download{width: 100%;margin-top: 30px;position:relative;}
.downloadab{position: absolute;left: 0;top: -300px;z-index: -1;}

.download table{width: 100%;}
.download table thead{background-color: #2E5077;}
.download table thead tr td{box-sizing: border-box;padding: 0 30px;font-size: 16px;color: #FFFFFF;font-weight: bold;height: 50px;}
.download table tbody tr{height: 70px;}
.download table tbody tr td p{display: flex;display: -webkit-flex;font-size: 16px;color: #222222;align-items: center;-webkit-align-items: center;}
.download table tbody tr td p img{width: 18px;margin-right: 10px;}
.download table tbody tr td{padding: 0 30px;box-sizing: border-box;color: #888888;font-size: 16px;}
.download table tbody tr td a{color: #2E5077;}
.download table tbody tr td a:hover{text-decoration: underline;}
.download table tbody tr:nth-of-type(odd){background-color: #F8F8F8;}

/* support01 */
.support01{margin: 120px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.support01-l{width: calc((100% - 20px)/2);display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;justify-content: space-between;-webkit-justify-content: space-between;}
.support01-l .item{width: 100%;height: 350px;overflow: hidden;position: relative;margin-bottom: 20px;}
.support01-l .item p{width: 100%;box-sizing: border-box;bottom: 30px;padding: 0 40px;font-size: 24px;color: #FFFFFF;position: absolute;left: 0;bottom: 30px;font-weight: bold;}
.support01-l .item img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.support01-l .item:hover img{transform: scale(1.1);}
/* support01-r */
.support01-r{width: calc((100% - 20px)/2);display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;}
.support01-r .item{width: calc((100% - 20px)/2);position: relative;overflow: hidden;margin-bottom: 20px;background-color: #F1F7FD;}
.support01-r .item img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.support01-r .item:hover img{transform: scale(1.1);}
.support01-r .item p{width: 100%;box-sizing: border-box;bottom: 30px;padding: 0 30px;font-size: 24px;color: #FFFFFF;position: absolute;left: 0;bottom: 30px;font-weight: bold;}

/* warranty01 */
.warranty01{margin: 90px auto;}
.warranty01form{width: 1200px;margin: auto;margin-top: 70px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.warranty01form .item{width: calc((100% - 60px)/2);margin-bottom: 40px;}
.warranty01form .item p{font-size: 18px;color: #333333;margin-bottom: 10px;}
.warranty01form .item p span{color: #FB0404;}
.warranty01form .item select,.warranty01form .item input,.warranty01form .item textarea{height: 60px;background: transparent;border-radius: 10px;border: 1px solid #D2D2D2;box-sizing: border-box;outline: none;padding: 0 25px;font-size: 16px;color: #333333;width: 100%;}
/* textitem */
.warranty01form .item.textitem{width: 100%;}
.warranty01form .item textarea{height: 280px;padding: 25px;resize: none;}
.warranty01form button{width: 362px;height: 60px;background: #2E5077;border-radius: 30px;box-sizing: border-box;border: 1px solid #2E5077;color: #fff;margin: auto;font-size: 18px;color: #FFFFFF;text-transform: uppercase;}

/* newswrap */
.newswrap{margin: 80px auto;}
.news01{width: 100%;margin-top: 40px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.news01 .item{border-radius: 20px;border: 1px solid #7D7D7D;width: calc((100% - 20px)/2);box-sizing: border-box;padding: 30px;}
.news01 .item .imgbox{width: 100%;border-radius: 20px;overflow: hidden;height:280px;}
.news01 .item .imgbox img{width:100%;transition: all .3s;height:100%;object-fit:cover;}
.news01 .item:hover .imgbox img{transform: scale(1.1);}
.news01 .item .text{width: 100%;overflow: hidden;box-sizing: border-box;padding: 30px 0 0 ;}
.news01 .item .text>h3{font-size: 18px;color: #222222;lighting-color: 24px;margin-bottom: 20px;}
.news01 .item:hover .text>h3{color: #0F2E78;}
.news01 .item .text .data{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.news01 .item .text .data h4{font-size: 20px;color: #666666;display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;}
.news01 .item .text .data h4 span{font-size: 42px;color: #666666;margin-bottom: -7px;margin-right: 10px;}
.news01 .item .text .data .icon{width: 36px;height: 36px;border-radius: 19px;border: 1px solid #0F2E78;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;transition: all .3s;}
.news01 .item .text .data .icon img{max-width: 40%;max-height: 40%;}
.news01 .item:hover .text .data .icon{background-color: #0F2E78;width: 60px;}
.news01 .item:hover .text .data .icon img{filter: brightness(11);}

/* news02 */
.news02{margin: 100px auto 40px;width: 100%;}
.news02 .item{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkitjustify-content: space-between;padding-bottom: 45px;margin-bottom: 45px;border-bottom: 1px solid #E5E5E5;}
.news02 .item .imgbox{width: 400px;height: 230px;overflow: hidden;border-radius: 10px;}
.news02 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.news02 .item:hover .imgbox img{transform: scale(1.1);}
.news02 .item .text{width: calc(100% - 450px);}
.news02 .item .text h3{font-size: 24px;color: #222222;line-height: 28px;margin-bottom: 20px;}
.news02 .item .text h4{font-size: 16px;color: #888888;line-height: 22px;margin-bottom: 60px;}
.news02 .item .text p{font-size: 16px;color: #888888;line-height: 24px;}
.news02 .item:hover .text h3{color: #0F2E78;}

/* ninfowrap */
.ninfowrap,.servicetwo{width: 1200px;margin: 180px auto 180px;}
.ninfo-tl h3{font-size: 38px;color: #222222;font-weight: bold;line-height: 48px;}
.ninfo-tl .ninfo-tlbot{width:100%;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;margin-top: 50px;}
.ninfo-tl .data{font-size: 16px;color: #222222;display: flex;display: -webkit-flex;}
.ninfo-tl .data p{font-size: 16px;color: #222222;margin-right: 100px;}
.ninfo-tl .data p:last-child{margin-right: 0;}
.ninfo-tl .ninfo-tlbot .n-fx{align-items: center;-webkit-align-items: center;}
.ninfo-tl .ninfo-tlbot .n-fx p{font-size: 16px;color: #222;margin-right: 20px;}
.ninfo-tl .ninfo-tlbot .n-fx a{background-color: #2E5077;}
.ninfo{width: 100%;margin-top: 80px;}
.ninfo p{font-size: 16px;color: #222222;line-height: 22px;margin-bottom: 40px;}
.ninfo img{width: 100%;margin:auto;margin-bottom: 40px;max-width:100%;height:auto!important;}
/* ninfo-page */
.ninfo-page{width: 100%;padding-top: 40px;border-top: 1px solid #DCDCDC;}
.ninfo-page a{font-size: 16px;color: #222222;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.ninfo-page a:hover{color: #0F2E78;}

/*servicetwo*/
.servicetwo{margin: 120px auto;}
.servicetwomin{margin:auto;margin-top: 60px;display:block;}
.servicetwomin img{max-width: 100%;margin: auto;}


/* sourwrap */
.sourwrap{margin: auto;padding: 310px 0;position: relative;}
/* sourtext */
.sourtext{width: 800px;background: #FFFFFF;box-shadow: 0px 2px 20px 0px rgba(19,31,47,0.08);padding: 100px 80px;box-sizing: border-box;margin: auto;}
.sourtext h4{margin-top: 20px;}
/* souricon */
.souricon{width: 100%;box-sizing: border-box;position: absolute;left: 0;top: 0;z-index: 1;height: 100%;}
.souricon li{background: linear-gradient(0deg, #EBF2FC, #FEFEFE, #FFFFFF);
box-shadow: 0px 5px 46px 0px rgba(14,54,108,0.15);border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 170px;height: 170px;position: absolute;transition: all .3s;}
.souricon li img{max-width: 70%;max-height: 70%;}
.souricon li.icon01{top: 10%;left: 5%;transform: scale(0.9);}
.souricon li.icon02{top: 30%;left: 1%;transform: scale(0.5);}
.souricon li.icon03{top: 40%;left: 10%;transform: scale(0.5);}
.souricon li.icon04{top: 50%;left: 0%;transform: scale(0.5);}
.souricon li.icon05{top: 70%;left: 11%;transform: scale(0.6);}
.souricon li.icon06{top: 22%;left: 18%;transform: scale(0.9);}
.souricon li.icon07{top: 17%;left: 40%;transform: scale(1);}
.souricon li.icon08{bottom: 10%;right: 42%;transform: scale(0.5);}
.souricon li.icon09{top: 17%;right: 30%;transform: scale(0.5);}
.souricon li.icon010{top: 5%;right: 20%;transform: scale(0.7);}
.souricon li.icon011{top: 30%;right: 8%;transform: scale(0.5);}
.souricon li.icon012{top: 20%;right: 1%;transform: scale(0.6);}
.souricon li.icon013{top: 50%;right: 5%;transform: scale(0.6);}
.souricon li.icon014{bottom: 22%;right: 16%;transform: scale(0.7);}

/* souricon02 */
.souricon02{z-index: 0;}
.souricon02 li.pp01{top: 6%;left: 28%;transform: scale(0.3);}
.souricon02 li.pp02{top: 58%;left: 8%;transform: scale(0.3);}
.souricon02 li.pp03{top: 20%;right: 38%;transform: scale(0.3);}
.souricon02 li.pp04{top: 10%;right: 14%;transform: scale(0.2);}
.souricon02 li.pp05{top: 30%;right: 2%;transform: scale(0.2);}
.souricon02 li.pp06{top: 40%;right: 4%;transform: scale(0.2);}
.souricon02 li.pp07{bottom:20%;right: 5%;transform: scale(0.2);}
.souricon02 li.pp08{bottom: 10%;right: 25%;transform: scale(0.3);}
.souricon02 li.pp09{bottom: 20%;right: 50%;transform: scale(0.2);}

.souricon li{animation:myfirstb linear infinite 2s;}
@keyframes myfirstb {0% {margin-top:0px;} 60% {margin-top:8px;} 100% {margin-top:0px;}}
.souricon02 li{animation:myfirstd linear infinite 2s;}
@keyframes myfirstd {0% {margin-top:0px;} 40% {margin-top:8px;} 100% {margin-top:0px;}}
.souricon li.icon14,.souricon li.icon08,.souricon02 li.pp09,.souricon02 li.pp08,.souricon02 li.pp07{animation:myfirsta linear infinite 2s;}
@keyframes myfirsta {0% {margin-bottom:0px;} 70% {margin-bottom:10px;} 100% {margin-bottom:0px;}}

.souricon li:hover{background: linear-gradient(0deg, #2E5077 0%, #0C66CE 100%);}
.souricon li:hover img{filter: brightness(0) invert(1);}



#cookieConsent{background-color:rgba(20,20,20,.8);min-height:26px;font-size:14px;color:#ccc;line-height:26px;padding:10px 30px 20px 30px;font-family:"Trebuchet MS",Helvetica,sans-serif;position:fixed;bottom:0;left:0;right:0;z-index:21474836479;display:none;}
#cookieConsent a{color:#4b8ee7;text-decoration:none}
#closeCookieConsent{float:right;display:inline-block;cursor:pointer;height:20px;width:20px;margin:-10px -10px 0 0;font-size:20px;}
#closeCookieConsent:hover{color:#fff}
#cookieConsent a.cookieOK{background-color:#2E5077;color:#fff;display:inline-block;border-radius:5px;padding:5px 20px;cursor:pointer;margin:20px 40px 0 0}
#cookieConsent a.cookieOK:hover{background-color:#2E5077}
#formilla-frame{z-index: 99!important;}

.ninfo h3{font-size:22px;line-height:34px;color:#000;margin-bottom:6px;}


/*20250402*/
.index01wrap .item .imgbox{width:60%;}
.index01wrap .item{padding: 50px;height:380px;}

/*.lab .item{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;padding: 30px 15px;}*/
/*.lab .item .imgbox{height: 240px;width:50%;}*/
/*.productmin .item p{width: 45%;text-align: left;}*/


/*fix-contactbtn*/
.fix-contactbtn{background-color: #2E5077;border-color:#2E5077;width:150px;height:46px;position:fixed;animation: contactUs_swing__UyeZ2 2s infinite;right:50px;bottom:50px;z-index:22;box-shadow:3px 3px 10px 5px rgb(12 68 103 / 10%);}
.fix-contactbtn img{margin-right: 10px;}
@keyframes contactUs_swing__UyeZ2{
    0%, 40% {
        transform: rotate(0deg);
    }
    70% {
        transform: rotate(7deg);
    }
    80% {
        transform: rotate(-7deg);
    }
    90% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(-5deg);
    }
}

.positioning{position: absolute;top: -150px;left: 0;z-index: -1;}

/* 新增 */
/* abtwo01wrap */
.abtwo01wrap{width: 100%;position: relative;overflow: hidden;padding: 180px 0 220px;background-color: #FAFBFF;}
.abtwo01{margin: auto;position: relative;z-index: 1;}
.abtwo01 .fontbg{position: absolute;left: 0;top: -100px;width: 100%;}
.abtwo01-text{width:50%;}
.abtwo01-text h4{font-size:16px;color: #222222;line-height: 24px;margin-top: 100px;}
.abtwo01wrap .bg{position: absolute;right: 0;bottom: 0;z-index: 0;}
.abtwo01wrap .bg.bg01{height: 100%;max-width: 40%;object-fit: cover;}
.abtwo01wrap .bg.bg02{right: 140px;max-width: 44%;}
/* abtwo02 */
.abtwo02{width: 100%;padding: 80px 0;background-color: #FAFBFF;}
.abtwo02 li{width: calc(100% / 5);text-align: center;}
.numwrap .numbox{justify-content: center;-webkit-justify-content: center;}

/* abtwo03wrap */
.abtwo03wrap{width: 100%;position: relative;padding: 130px 0;background: url(/zb_users/theme/robot/static/images/abtwo03bg.jpg)no-repeat fixed;background-size: cover;}
.abtwo03{margin: auto;}
/* abtwo03list */
.abtwo03list{width: 100%;display: flex;display: -webkit-flex;margin: 60px 0;}
.abtwo03list .item{background-color: #F5F5F5;width: calc((100% - 90px)/4);box-sizing: border-box;padding: 40px 30px;margin-right: 30px;box-shadow: 0px 0px 13px 0px rgba(22,24,24,0.11);border-radius: 10px;transition: all .3s;}
.abtwo03list .item:last-child{margin-right: 0;}
.abtwo03list .item .imgbox{width: 50px;height: 50px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-bottom: 30px;}
.abtwo03list .item .imgbox img{max-width: 100%;max-height: 100%;}
.abtwo03list .item h3{font-size: 20px;color: #2E5077;font-weight: bold;}
.abtwo03list .item strong{display: block;width: 25px;height: 3px;background-color: #2E5077;margin: 20px 0;}
.abtwo03list .item h4{font-size: 14px;color: #666666;line-height: 20px;}
.abtwo03list .item:hover{background-color: #2E5077;box-shadow: 0px 0px 5px 3px rgba(255,255,255,0.1);transform: scale(1.06);}
.abtwo03list .item:hover h3,.abtwo03list .item:hover h4{color: #fff;}
.abtwo03list .item:hover strong{background-color: #fff;}
.abtwo03list .item:hover .imgbox img{filter: brightness(11);}

/* abtwo04wrap */
.abtwo04wrap{width: 100%;background-color: #F5F5F5;padding: 130px 0;overflow: hidden;position: relative;}
.abtwo04{margin: auto;position: relative;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;z-index: 1;}
.abtwo04-img{width: 54%;}
.abtwo04-img img{max-width: 100%;}
.abtwo04-text{width: 30%;}
.abtwo04-text strong{display: block;width: 46px;height: 6px;background-color: #FFFFFF;margin-bottom: 30px;}
.abtwo04-text h3{font-size: 36px;color: #FFFFFF;font-weight: bold;line-height: 40px;margin-bottom: 50px;}
.abtwo04-text h4{font-size: 16px;color: #FFFFFF;line-height: 24px;margin-bottom: 60px;}
.abtwo04-text .more01{width: 170px;height: 40px;}
.abtwo04wrap .bg{position: absolute;right: 0;bottom: 0;z-index: 0;width: 42%;height: 100%;}
.abtwo04-text .more01:hover{background-color: #fff;color: #2E5077;}

/* abtwo05wrap */
.abtwo05wrap{margin: 90px auto;overflow: hidden;}
.abtwo05{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.abtwo05-text{width: 50%;box-sizing: border-box;padding-right: 80px;}
.abtwo05-text strong{display: block;width: 68px;height: 8px;background-color: #2E5077;margin-bottom: 20px;}
.abtwo05-text h3{font-size: 36px;color: #2E5077;font-weight: bold;margin-bottom: 30px;}
.abtwo05-text h4{font-size: 16px;color: #666666;line-height: 24px;}

/* abtwo05-video */
.abtwo05-video{width: 50%;position: relative;box-sizing: border-box;border-radius: 10px;overflow: hidden;}
.abtwo05-video .bg{width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 0;}
.abtwo05-video .icon{width: 70px;height: 70px;background: #FFFFFF;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;z-index: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.abtwo05-video .icon img{max-width: 30%;position: relative;z-index: 1;}
.abtwo05-video .icon::before{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;left: 0;top: 0;background-color: #fff;opacity: 1;animation: jump 2s ease-in-out infinite;z-index: 0;}
.abtwo05-video .icon::after{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;left: 0;top: 0;background-color: #fff;opacity: 1;animation: jump 3s ease-in-out infinite;z-index: 0;}

@keyframes jump {
	0%{transform: scale(1);opacity: 1;}
	100%{transform: scale(1.5);opacity: 0;}
}

/* maskweap */
.maskweap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;display: none;z-index: 99;}
.maskweap.nvmask{display:block!important;}
.maskweap .imgshow{width: 100%;box-sizing: border-box;height: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
/*.maskweap .imgshow img{display: block;width:auto;max-width: 70%;box-sizing: border-box;padding: 10px;background-color: #000;max-height:70%;}*/
.maskweap .imgshow .bigvideo{display: block;width:auto;box-sizing: border-box;padding: 15px;background-color: #000;object-fit:cover;height: auto;border-radius: 12px;max-width: 100%;max-height: 100%;}
.videobox{width: auto;height: 70%;position: relative;max-width: 70%;max-height: 70%;}
.videobox>i{position: absolute;right: 17%;bottom: 8%;font-size: 16px;color: #fff;z-index: 1;}
.videobox .btnwrap{position: absolute;bottom: 15%;right: 22px;transition: all .3s;z-index:1;}
/*opacity: 0;visibility: hidden;*/
.videobox .downvideo{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: #fff;background-color: #2E5077;z-index: 1;border-radius: 50%;}
.videobox .downvideo i{font-size: 14px;color: inherit;margin-right: 0;}
.videobox:hover .btnwrap{opacity: 1;visibility: visible;}
.videobox .videclose{width: 48px;height: 48px;background: #2E5077;border: 2px solid #EFEFEF;border-radius: 50%;position: absolute;right: -24px;top: -24px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;-webkit-align-items: center;-webkit-justify-content: center;}
.videobox .videclose img{background-color: transparent;filter:invert(1);max-width: 70%;}
.maskweap.showmask{display: block;}


/* abtwo05-bot */
.abtwo05-bot{width: 100%;margin-top: 80px;}
.abtwo05-bot .swiper-slide{height: 250px;overflow: hidden;border-radius: 10px;}
.abtwo05-bot img{width: 100%;height: 100%;object-fit: cover;}
/* abtwo05-pagination */
.abtwo05-pagination{width: 100%;margin-top: 40px;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;position: relative;}
.abtwo05-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #2E5077;border-radius: 5px;opacity: 0.5;margin-right: 10px;}
.abtwo05-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.abtwo05-pagination .swiper-pagination-bullet-active{width: 25px;opacity: 1;}

/* abtwo06wrap */
.abtwo06wrap{margin: 100px auto;}
.abtwo06{width: 100%;display: flex;display: -webkit-flex;margin-top: 50px;justify-content: space-between;-webkit-justify-content: space-between;}
.abtwo06 .item{width: calc((100% - 80px)/3);padding: 30px 30px 50px;box-sizing: border-box;text-align: center;background-color: #F8FBFD;border-radius: 10px;}
.abtwo06 .item .imgbox{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #D2D2D2;display: flex;display: -webkit-flex;align-items: center;-wekit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;}
.abtwo06 .item .imgbox img{max-width: 70%;max-height: 70%;transition:all .3s;}
.abtwo06 .item:hover .imgbox img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.abtwo06 .item h3{font-size: 30px;color: #222222;font-weight: bold;margin: 30px 0 20px;}
.abtwo06 .item h4,.abtwo06 .item a{font-size: 18px;color: #222222;}
.abtwo06 .item a{color: #2E5077;}

/* whybanner */
.whybanner{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.whybanner .bg{width: 100%;}
.whyb-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.whyb-text h3{font-size: 48px;color: #FFFFFF;line-height: 50px;margin-bottom: 50px;text-transform: uppercase;font-weight: bold;}
.whyb-text h4{font-size: 16px;color: #FFFFFF;line-height: 20px;}
.whyb-text h4 strong{display: block;margin-bottom: 14px;}

/* why01wrap */
.why01wrap{margin: 80px auto;}
.why01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 60px;}
.why01 .item{width: calc((100% - 40px)/2);background-color: #F3F7FA;padding: 50px;box-sizing: border-box;}
.why01 .item h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.why01 .item .list{width: 100%;}
.why01 .item .list p{position: relative;box-sizing: border-box;padding-left: 30px;font-size: 16px;color: #666666;line-height: 40px;}
.why01 .item .list p i{display: block;width: 8px;height: 8px;background-color: #2E5077;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -4px;}
.why01 .item .list p i::before{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;left: 0;top: 0;background-color: #2E5077;animation: crrr 2s ease-in-out infinite;}
@keyframes crrr {
	0%{transform: scale(1);opacity: 0.8;}
	100%{transform: scale(3);opacity: 0;}
}

/* why02wrap */
.why02wrap{margin: 120px auto;}
.why02-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.why02-top .pagelist{display: flex;display: -webkit-flex;}
.why02-top .pagelist .btn{width: 50px;height: 50px;border-radius: 50%;border: 1px solid #2E5077;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;cursor: pointer;}
.why02-top .pagelist .btn img{max-width: 30%;}
.why02-top .pagelist .btn.why02-prev{margin-right: 30px;} 
.why02-top .pagelist .btn:hover{background-color: #2E5077;}
.why02-top .pagelist .btn:hover img{filter: brightness(0) invert(1);}
.why02{width: 100%;margin-top: 50px;}
.why02-swiper{overflow: hidden;}
.why02 .swiper-slide .imgbox{width: 100%;height: 270px;background-color: #F3F7FA;display: flex;display: -webkit-flex;align-items: center;-wekit-align-items: center;justify-content: center;-webkit-justify-content: center;overflow: hidden;}
.why02 .swiper-slide .imgbox img{max-width: 80%;max-height: 80%;transition: all .5s;}
.why02 .swiper-slide p{margin-top: 20px;font-size: 16px;text-align: center;}
.why02 .swiper-slide:hover .imgbox img{transform: scale(1.06);}
.why02 .swiper-slide:hover p{color: #2E5077;}

/* why03wrap */
.why03wrap{width: 100%;box-sizing: border-box;padding: 120px 0 80px;background: url(/zb_users/theme/robot/static/images/why-bg.jpg)no-repeat fixed;background-size: cover;}
.why03{margin: auto;}
.why03 .c-tl h4{color: #fff;}
/* why03min */
.why03min{width: 100%;margin-top: 60px;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.why03min .item{width: calc((100% - 80px)/3);margin-right: 40px;margin-bottom: 40px;display: block;background-color: #F3F7FA;}
.why03min .item:nth-of-type(3n){margin-right: 0;}
.why03min .item .imgbox{width: 100%;height: 280px;overflow: hidden;}
.why03min .item .imgbox img{width: 100%;height: 100%;transition: all .5s;object-fit: cover;}
.why03min .item p{font-size: 16px;line-height: 24px;box-sizing: border-box;padding: 20px;text-align: center;color: #222222;}
.why03min .item:hover .imgbox img{transform: scale(1.06);}

/* why04wrap */
.why04wrap{margin: 100px auto;}
.why04-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin-top: 80px;}
.why04-top li{width: calc((100% - 360px)/4);text-align: center;}
.why04-top li .imgbox{width: 70px;height: 70px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;margin-bottom: 40px;}
.why04-top li .imgbox img{max-width: 100%;max-height: 100%;}
.why04-top li p{font-size: 16px;color: #222222;line-height: 20px;}
/* why04 */
.why04{margin-top: 80px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.why04-l{width: calc(100% - 520px);}
.why04-swiper{width: 100%;height: 340px;overflow: hidden;margin-bottom: 20px;border-radius: 10px;position: relative;}
.why04-swiper img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.why04-swiper:hover img{transform: scale(1.1);}
/* why04-lbot */
.why04-lbot{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;height: 340px;}
.why04-lbot .item{width: calc((100% - 20px)/2);overflow: hidden;height: 100%;border-radius: 10px;}
.why04-lbot .item img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.why04-lbot .item:hover img{transform: scale(1.1);}
/* why04-r */
.why04-r{width: 500px;overflow: hidden;border-radius: 10px;}
.why04-r img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.why04-r:hover img{transform: scale(1.1);}
/* why04-pagination */
.why04-swiper .why04-pagination{position: absolute;bottom: 0;width: 100%;z-index: 1;box-sizing: border-box;padding: 24px;display: flex;display: -webkit-flex;justify-content: flex-end;-webkit-justify-content: flex-end;top: initial;}
.why04-swiper .why04-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #FFFFFF;border-radius: 5px;margin-left: 10px;opacity: 0.5;}
.why04-swiper .why04-pagination .swiper-pagination-bullet-active{opacity: 1;width: 25px;}

@media (max-width: 1980px) {
    .pronav{
      width: 95%;
    }
}
@media (max-width: 1560px) {
    .proinfo01-r .bottomswiper{
        height: 80px;
    }
    
	.center{width: 1300px;}
	.bannerwrap .text h3{font-size: 52px;line-height: 60px;}
	.bannerwrap .text h4{margin-top: 24px;font-size: 16px;}
	.bannerwrap .swiper-pagination{bottom: 70px;}
	
	.c-tl h3{font-size: 52px;}
	.c-tl h4{margin-top: 30px;}
	.index01-top{margin-top: 40px;}
	.index01-topl{padding: 70px;}
	.index01-topl .text h4{margin-bottom: 70px;}
	.more01{width: 200px;}
	.index01-topl .text h4{margin-bottom: 60px;}
	.index01wrap .item{padding: 60px 50px;height: 400px;}
	.index03wrap{padding-bottom: 200px;}
	
	.index04wrap{padding: 120px 0;padding-left: calc((100% - 1300px)/2);}
	.labinfo04wrap .bg{right: -46px;width: 870px;bottom: -10%;}
	.footerwrap>.bg{height: 100%;}
	
	.f-logo{width: 280px;margin-bottom: 70px;}
	.f-nav li .list a{line-height: 32px;}
	.footer{padding: 80px 0;}
	.footer-bot{padding: 30px 0;}
	
	.a-bannerwrap .a-text h3{font-size: 42px;}
	.a-bannerwrap .a-text h4{font-size: 16px;}
	.a-bbot a{line-height: 70px;min-width: 160px;}
	.c-tl strong{height: 6px;}
	.productmin .item{padding: 0 30px 40px;}
	.lab .item .imgbox{height: 200px;}
	.lab .item p{font-size: 22px;}
	
	.contact01-l .list .item h3{font-size: 24px;}
	.contact01-l .list .item{margin-bottom: 50px;}
	
	.contact02wrap{padding: 100px 0;}
	.contact03wrap{padding: 120px 0 150px;}
	.contact02min-l{padding-right: 100px;}
	.contact02min-r a{width: 70px;height: 70px;}
	
	
	.lab-btext .text p{font-size: 20px;margin-bottom: 20px;}
	.lab-btext .text h3{font-size: 40px;margin-bottom: 30px;}
	.lab-btext .text h4{font-size: 16px;}
	.lab-btext .text .link{margin-top: 40px;}
	.labinfo01{margin-top: -80px;}
	.labinfo01min{padding: 70px 100px 40px;}
	.labinfo01min li .imgbox{width: 90px;height: 90px;}
	.labinfo01min li h3{font-size: 22px;}
	.labinfo01min li{margin-bottom: 50px;}
	.labinfo02tab table thead td{font-size: 26px;}
	.labinfo02tab table tbody th{font-size: 22px;}
	.labinfo04-r{padding: 100px 0 120px;}
	
	.ninfo-tl h3{font-size: 34px;line-height: 42px;}
	.ninfo-tl .ninfo-tlbot{margin-top: 40px;}
	.ninfo{margin-top: 60px;}
	.ninfowrap{margin: 180px auto 120px;}
	
	.proinfo01{margin: 80px auto;}
	.proinfo01-l .text h3{font-size: 52px;}
	.proinfo01-l .text p{font-size: 24px;}
	.proinfo01-l .text{margin-bottom: 60px;}
	.proinfo01-l .btnlist .more01{width: 200px;}
	
	.proinfo02wrap{padding: 80px 0;}
	.proinfo02wrap .item h3{font-size: 22px;}
	.labinfo02tab table thead td{line-height: 70px;}
	
	.service .item{padding: 80px 45px;}
	
	.about01wrap .text strong{height: 6px;margin-bottom: 20px;}
	.about01wrap .text h3{font-size: 52px;margin-bottom: 30px;}
	
	.contact01-l{padding-left: calc((100% - 1300px)/2);}
	
	/*.pronav{width: 1400px;}*/
	.pronavtwo .li{width: calc((100% - 60px)/4);margin-right:20px;}
	.pronav .pronavone{width: 250px;}
	.pronavimg{width: 280px;padding-left: 40px;}
	.pronavtwo{padding: 0 40px;width: calc(100% - 430px);}
	/*.pronavtwo .li:nth-of-type(4n){margin-right:20px;}*/
	/*.pronavtwo .li:nth-of-type(3n){margin-right:0;}*/
	
	.lab-btext .img{height:400px;}
	.lab-btext{margin-top: 20px;}
	
	.index03 .swiper{padding: 0;}
	.index03 .item{width: 120px;height: 120px;}
	
	/* 新增 */
	.abtwo01-text{width: 46%;}
	.abtwo01wrap{padding: 150px 0;}
	.numwrap .numbox p{font-size: 26px;}
	.abtwo03list .item{width: calc((100% - 60px)/4);margin-right: 20px;padding: 25px 25px 40px;}
	.abtwo03list .item .imgbox{margin-bottom: 20px;}
	.abtwo04-img img{max-width: 100%;}
	.abtwo04wrap{padding: 100px 0;}
	.abtwo05-bot{margin-top: 50px;}
	
	.why02wrap{margin: 100px auto;}
	.why03min .item .imgbox{height: 240px;}
	.why03min .item p{font-size: 14px;padding: 15px;}
	.why04-top li{width: calc((100% - 180px)/4);}
	.why04-swiper{height: 300px;}
	.why04-lbot{height: 300px;}
	.why04-r{width: 420px;}
	.why04-l{width: calc(100% - 440px);}
	
	
}


@media (max-width: 1460px) {
    .proinfo01-r .bottomswiper{
        height: 60px;
    }
    
	.center{width: 1200px;}
	.bannerwrap .text h3{font-size: 42px;line-height: 50px;}
	.bannerwrap .swiper-pagination{padding: 0 calc((100% - 1200px)/2);}
	.index02wrap{padding-left: calc((100% - 1200px)/2);padding-right: 100px;}
	.index02-l p{margin-bottom: 50px;}
	.index02-r{height: 740px;}
	
	.index03wrap{padding: 100px 0 150px;}
	.c-tl h3{font-size: 46px;}
	.banner_btn{bottom: 120px;}
	.index04wrap{padding: 100px 0;padding-left: calc((100% - 1200px)/2);}
	.labinfo04wrap .bg{width: 800px;right: -80px;}
	.labinfo04-r{padding: 80px 0 100px;}
	.c-tl p{font-size: 16px;}
	
	.about01wrap .text strong{height: 6px;margin-bottom: 20px;}
	
	.contact01-l{padding-left: calc((100% - 1200px)/2);margin-top: 60px;}
	.lab .item{padding-top: 40px;}
	.lab .item .imgbox{height: 380px;}
	
	.labinfo01{margin-top: -40px;}
	.lab-btext .text p{font-size: 18px;margin-bottom: 20px;}
	.lab-btext .text h3{font-size: 34px;margin-bottom: 20px;}
	.lab-btext .text .link{margin-top: 30px;}
	.lab-btext{margin-top: 30px;}
	.labinfo01min{padding: 70px 70px 40px;}
	.labinfo01min li .imgbox{width: 80px;height: 80px;}
	.labinfo01min li{margin-bottom: 45px;}
	.labinfo02tab table thead td{font-size: 22px;}
	.labinfo02tab table tbody th{font-size: 20px;}
	.labinfo04-r{padding: 80px 0;}
	
	.news01 .item{border-radius: 12px;padding: 20px;}
	.news01 .item .imgbox{border-radius: 12px;}
	.news01 .item .text .data h4 span{font-size: 36px;}
	.news01 .item .text .data h4{font-size: 16px;}
	.news02{margin: 80px auto 40px;}
	
	.productmin .item{padding-top: 0;}
	.lab .item p{font-size: 20px;}
	
	.proinfo02wrap .item{width: calc((100% - 160px)/3);}
	
	.service .item .text h3{font-size: 26px;line-height: 32px;}
	
	.souricon li{width: 150px;height: 150px;}
	.support01-r .item p{font-size: 20px;}
	
	.warranty01form .item textarea{height: 240px;}
	
	.lab-btext .img{height: 380px;}
	
	.header .nav>li{margin-right: 45px;}
	.h-r .contactbtn{width: 120px;height: 32px;}

	.why03min .item .imgbox{height: 220px;}
	.why04-top li p{font-size: 14px;}
	.why04-top li .imgbox{margin-bottom: 20px;}
	.why04-top{margin-top: 60px;}

}


@media (max-width: 1200px) {
    .header{padding: 0 2%;}
    .header .nav>li>a{font-size: 16px;}
    .header .nav>li{margin-right: 30px;}
}