/*字体大小*/ :root{--12px: 12px;} :root{--14px: 14px;} :root{--16px: 16px;} :root{--18px: 18px;} :root{--20px: 20px;} :root{--22px: 22px;} :root{--24px: 24px;} :root{--26px: 26px;} :root{--28px: 28px;} :root{--30px: 30px;} :root{--32px: 32px;} :root{--36px: 36px;} :root{--40px: 40px;} :root{--48px: 48px;} :root{--50px: 50px;} :root{--60px: 60px;} :root{--66px: 66px;} :root{--70px: 70px;} :root{--80px: 80px;} :root{--90px: 90px;} body,html,body *{cursor: url(/images/aaa5.cur), auto;} /*body,html,body *{cursor: url(/images/shubiao.svg), auto;}*/ body,body *{color:#333; font-size: var(--14px);} [body]{overflow:hidden;max-width: 1920px;margin:auto;} .l-back{width: 60px; height: 60px; background: #2962cb; text-align: center; line-height: 60px;position: fixed; bottom: 10%; right:5%; z-index: 100; border-radius: 50%;} .l-back .txt{color: #fff; font-size: var(--14px);} /*文本框禁止拖动*/ textarea{resize: none;} .hover-a,.hover-b,.hover-a *{-webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;} .hover-a:hover,.hover-a:hover *{color:#2962cc !important;} .hover-b:hover{background:#2962cc !important;} .loc{color:#2962cc !important;} .hover-line1{position: relative;} .hover-line1::after{content: "";position: absolute;width: 100%;height: 6px;background: #2962cc;left: 0;bottom: 61px;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;} .hover-line1:hover::after{transform: scaleX(1);transform-origin: left;background: #2962cc;} .hover-line2{position: relative;} .hover-line2::after{content: "";position: absolute;width: 100%;height: 6px;background: #2962cc;left: 0;bottom: -2px;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;} .hover-line2:hover::after{transform: scaleX(1);transform-origin: left;background: #2962cc;} ::-webkit-input-placeholder{color: #333;} :-moz-placeholder {color: #333;} ::-moz-placeholder{color: #333;} :-ms-input-placeholder {color: #333;} .f5f{background: #f5f5f5;} .bale{background-repeat: no-repeat;background-position: center left;} .bari{background-repeat: no-repeat;background-position: center right;} /*特殊字体*/ @font-face{ font-family:"Gilroy-Bold"; src: url("/static/themes/font/Gilroy-Bold.ttf") format("opentype"); } @font-face{ font-family:"Gilroy-Medium"; src: url("/static/themes/font/Gilroy-Medium.otf") format("opentype"); } @font-face{ font-family:"GILROY-REGULAR"; src: url("/static/themes/font/GILROY-REGULAR.OTF") format("opentype"); } @font-face{ font-family:"NexaBold"; src: url("/static/themes/font/NexaBold.otf") format("opentype"); } .gibo,[gibo]{font-family:"Gilroy-Bold";} .gime,[gime]{font-family:"Gilroy-Medium";} .gire,[gire]{font-family:"GILROY-REGULAR";} .nebo,[nebo]{font-family:"NexaBold";} .bold{font-weight: bold;} .louk{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #f1f6fa;} .scroll-bg{position: relative;max-width: 1920px;width: 100%;margin: 0 auto;} .scroll-bg.o-x{overflow-x: hidden;} .scroll-bg.over{overflow: hidden;white-space:nowrap;} .scroll-bg .tit-white{right: -4.5%;z-index: 1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;font-size: 0px;width: 294px;} .scroll-bg .tit-white span{font-size: 300px;height: 250px;color: #f1f6fa;font-family:"NexaBold";text-transform: uppercase;display: block;text-align: center;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);} .scroll-bg .tit-white.top1{top: 330px;} .scroll-bg .tit-white.top2{top: -90px;} .scroll-bg .tit-white.top3{top: 50%;left: -70px;right: auto;} .scroll-bg .tit-white.top4{top: 100%;right: -100px;} .scroll-bg .tit-white.top5{top: 100%;left: 0; z-index: -1;} .scroll-bg .tit-white.heng{top: -32px;right: auto;left: 60.68%;width: auto;} /* .scroll-bg .tit-white.shu{top: -32px;right: auto;left: 60.68%;height: auto;} */ .scroll-bg .tit-white.heng.left{left: 10%;top: -12px;} .scroll-bg .tit-white.heng.left1{left: 120%;top: -12px;} .scroll-bg .tit-white.heng.left2{left: 50%;top: -12px;} .scroll-bg .tit-white.heng.left3{left: 50%;top: -100px;} .scroll-bg .tit-white.heng.left4{left: 50%;bottom: 0px;top: auto;} .scroll-bg .tit-white.heng.left5{left: 50%;top: -60px;} .scroll-bg .tit-white.heng span{font-size: 300px;height: 300px;display: inline-block;transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);} /*鼠标经过效果*/ .hover-line{position: relative;} .hover-line::after{content: "";position: absolute;width: 100%;height: 1px;background: #2962cc;left: 0;bottom: -10px;transform: scaleX(0);transform-origin: right;transition: transform .4s ease;} .hover-line:hover::after{transform: scaleX(1);transform-origin: left;background: #2962cc;} /*内页标题*/ .inner-title{position: relative;z-index: 3;} .inner-title .xitem{width: 9px;height: 9px;background: #2962cc;margin: 0 0 3px 33px;} .inner-title .ditem{width: 54px;height: 54px;background: #2962cc;overflow: hidden;margin-left: -30px;z-index: 2;} .inner-title .ti1{white-space:nowrap;font-size: var(--60px);color: #fff;line-height: 1;left: 30px;top: 24px;} .inner-title .ti2{font-size: var(--60px);line-height: 1;margin: -30px auto 17px;position: relative;z-index: 1;} .inner-title .ti3{font-size: var(--20px);width: 130px;line-height: 1.3;text-align: center;} .inner-title .xian{height: 2px;margin-top: 13px;width: calc(100% - 138px);background: -webkit-linear-gradient(left, #2962cc , #f1f3f8);background: -o-linear-gradient(right, #2962cc, #f1f3f8);background: -moz-linear-gradient(right, #2962cc, #f1f3f8);background: linear-gradient(to right, #2962cc , #f1f3f8);} .inner-title .xian.w1{width: 175px;} .inner-title.bai .ti2{color: #fff;} .inner-title.bai .ti3{color: #fff !important;} .inner-title.bai .xian{background: -webkit-linear-gradient(left, #fff , rgba(255,255,255,0.1));background: -o-linear-gradient(right, #fff, rgba(255,255,255,0.1));background: -moz-linear-gradient(right, #fff, rgba(255,255,255,0.1));background: linear-gradient(to right, #fff , rgba(255,255,255,0.1));} .inner-title.w1 .ti3{width: 230px;} .inner-title.w1 .xian{width: calc(100% - 240px);} .inner-title.w2{width: 100%;white-space: normal;} /*内页按钮*/ #biology .capswiper .pn, .neianniu>div{width: 60px;height: 60px;border-radius: 50%;border: 1px solid #333;margin-left: 20px;opacity: 0.5;} #biology .capswiper .pn{top: 0;bottom: 0;margin: auto; z-index: 10;} #biology .capswiper .pn:hover, .neianniu>div:hover{opacity: 1;} #biology .capswiper .prev, .neianniu .prev{background: url(/images/more6.png) no-repeat center;} #biology .capswiper .next, .neianniu .next{background: url(/images/more8.png) no-repeat center;} #biology .capswiper .prev{left: -70px;} #biology .capswiper .next{right: -70px;} @media (max-width: 1560px){ #biology .capswiper .pn{background-color: #fff;} #biology .capswiper .prev{left: -30px;} #biology .capswiper .next{right: -30px;} } /*内页更多*/ .neimore{width: 126px;padding-right: 60px;height: 60px;line-height: 60px;background: url(/images/more1.png) no-repeat center right;-webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -ms-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;} .neimore.bg1{background: url(/images/more3.png) no-repeat center right;} .neimore:hover{color: #2962cc;background: url(/images/more2.png) no-repeat center right;} /*头部 header*/ .header-blank{height: 140px;width: 100%;background: #fff;} #header{position: fixed;z-index: 50;height: 140px;background: transparent;max-width: 1920px;width: 100%;margin: 0 auto;top: 0;transform: translateY(0%);transition: top 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97),transform 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97);} #header .logo{width: 241px;height: 64px;margin: 38px 0;} #header .logo .i1{display: inline-block;} #header .logo .i0{display: none;} #header .hcon{height: 140px;line-height: 140px;} #header .hnav .one-nav{margin-right: 60px;} #header .hnav .one-nav:before{display: block;content:"";position: absolute;width: calc(100% + 14px);height: 6px;left: -7px;bottom: 61px;background: transparent;} #header .hnav .one-nav.cur:before{background: #2962cc;} #header .hnav .one-nav .nav-a{color: #fff;z-index: 2;font-size: var(--16px);} #header .lang,#header .hsea{height: 30px;line-height: 30px;margin: 55px 0;} #header .lang{margin-right: 30px;} #header .lang a{font-size: var(--16px);color: #fff;text-decoration: underline;} #header .hsea{width: 14px;background: url(/images/icon7.png) no-repeat center;} #header .menu{display: none;} #header .hnav .one-nav .two-nav{height: 0px;width: 100%;position: fixed;z-index: 30;top: 140px;/*top: 0;*/left: 0;/*display: none;*/} #header .hnav .one-nav .two-nav .con{display: none;} #header .hnav .one-nav .two-nav>div{width: 100%;max-width: 1920px;margin: 0 auto;background: #2962cc;} #header .hnav .one-nav .two-nav .tnav-a{width: 225px;} #header .hnav .one-nav .two-nav .tnav-a .icon{width: 50px;height: 50px;margin: 0 auto 10px;} #header .hnav .one-nav .two-nav .tnav-a .ht1{color: #fff;} #header .hnav .one-nav .two-nav a.tnav-a:hover{background: #2456b3;} #header .hnav .one-nav:hover .two-nav{/*display: block;*/top: 140px;height: 140px;} #header .hnav .one-nav:hover .two-nav .con{display: inline-block;} #header.cur,#header.on{background: #fff;border-bottom: 1px solid #eee;} #header.cur .logo .i0,#header.on .logo .i0{display: inline-block;} #header.cur .logo .i1,#header.on .logo .i1{display: none;} #header.cur .hnav .one-nav .nav-a,#header.on .hnav .one-nav .nav-a{color: #333;} #header.cur .lang a,#header.on .lang a{color: #333;} #header.cur .hsea,#header.on .hsea{background: url(/images/icon1.png) no-repeat center;} #header.is-scroll{transform: translateY(-100%);transition: top 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97),transform 0.8s cubic-bezier(0.42, 0.06, 0.08, 0.97);} .header-bg{display: none;} .side-menu{display: none;} #header .down-nav{position: absolute;top: 90px;left: 50%;transform: translateX(-50%);background: #fff;box-shadow:0 0 5px rgba(0,0,0,.3);z-index: 2;opacity: 0;pointer-events: none;} #header .down-nav a{display: block;white-space:nowrap;line-height: 0;padding: 0 40px;overflow: hidden;} #header .down-nav a:hover{color: #2456b3;} #header .one-nav:hover .down-nav{opacity: 1;pointer-events: auto;} #header .one-nav:hover .down-nav a{line-height: 40px;} #header .one-nav:hover .down-nav a:first-child{margin-top: 10px;} #header .one-nav:hover .down-nav a:last-child{margin-bottom: 10px;} /* #header:hover{background: #fff;border-bottom: 1px solid #eee;} #header:hover .logo .i0{display: inline-block;} #header:hover .logo .i1{display: none;} #header:hover .hnav .one-nav .nav-a,#header.on .hnav .one-nav .nav-a{color: #333;} #header:hover .lang a{color: #333;} #header:hover .hsea{background: url(/images/icon1.png) no-repeat center;} */ /*底部 footer*/ #footer{background: #111419;padding-top: 85px;position: relative;z-index: 3;} #footer .fleft{width: 50%;} #footer .flogo{width: 241px;height: 65px;margin-bottom: 65px;display: block;} #footer .fnav .fa{/*font-size: var(--12px);*/color: #fff;margin-right: 50px;} #footer .fnav .fa:nth-last-child(1){margin-right: 0;} #footer .fshare{margin-top: 130px;} #footer .fshare a{display: block;width: 20px;height: 20px;margin-right: 25px;cursor: pointer;} #footer .fshare a:nth-last-child(1){margin-right: 0;} #footer .fshare a[jqshare="qq"]{background: url(/images/share1.png) no-repeat center left;} #footer .fshare a[jqshare="wx"]{background: url(/images/share1.png) no-repeat center left -42px;} #footer .fshare a[jqshare="sina"]{background: url(/images/share1.png) no-repeat center left -89px;} #footer .fshare a[jqshare="facebook"]{background: url(/images/share1.png) no-repeat center left -133px;} #footer .fshare a[jqshare="linkedin"]{background: url(/images/share1.png) no-repeat center left -177px;} #footer .fshare a[jqshare="qq"]:hover{background: url(/images/share2.png) no-repeat center left;} #footer .fshare a[jqshare="wx"]:hover{background: url(/images/share2.png) no-repeat center left -42px;} #footer .fshare a[jqshare="sina"]:hover{background: url(/images/share2.png) no-repeat center left -89px;} #footer .fshare a[jqshare="facebook"]:hover{background: url(/images/share2.png) no-repeat center left -133px;} #footer .fshare a[jqshare="linkedin"]:hover{background: url(/images/share2.png) no-repeat center left -177px;} #footer .fshare .fimg{width: 74px;height: 74px;background: #fff;border-radius: 5px;top: -92px;left: calc(50% - 43px);opacity: 0;} #footer .fshare .fimg:before{display: block;content:"";position: absolute;border: 6px solid transparent;border-top-color: #fff;bottom: -86px;left: calc(50% - 3px);} #footer .fshare a[jqshare="wx"]:hover .fimg{opacity: 1;} #footer .copy{padding: 30px 0;line-height: 2.5;margin-top: 35px;border-top: 1px solid rgba(255,255,255,0.2);} #footer .copy,#footer .copy *{font-size: var(--12px);color: #fff;} /*广告 banner*/ #inner-swiper{position: relative;} #inner-swiper .about a img{transform: scale(1);transition: 5s;} #inner-swiper .about .slide.swiper-slide-active a img{transform: scale(1.15);} #inner-swiper .about .txt{bottom: 260px;left: 0;z-index: 2;width: 100%;} #inner-swiper .about .nt1{line-height: 90px;margin-bottom: 10px;} #inner-swiper .about .nt1 p{position: relative;display: inline-block;} #inner-swiper .about .nt1 p span{font-size: var(--90px);color: #fff;position: relative;z-index: 2;font-weight: bold;text-transform: uppercase;} #inner-swiper .about .nt1 p:before{display: block;content:"";position: absolute;width: calc(100% + 14px);height: 15px;left: -7px;bottom: 32px;background: #2962cc; transform: scaleX(0);transform-origin: right; transition: transform 2s ease; } #inner-swiper .about .swiper-slide-active .nt1 p:before{transform: scaleX(1);transform-origin: left;background: #2962cc;} #inner-swiper .about .nt1.cn p:before{bottom: 22px;} #inner-swiper .about .nt2{font-size: var(--30px);color: #fff;margin-top: 50px;} #inner-swiper .about .nt3{padding-top: 55px;background: url(/images/icon11.png) no-repeat center top;width: 20px;color: #fff;font-size: var(--12px);line-height: 14px;text-align: center;margin: -36px auto 0;} #inner-swiper .inner-about{width: 100%;min-height: 234px;padding: 85px 0;z-index: 3;background: rgba(0,0,0,0.15);left: 0;bottom: 0;/*pointer-events: none;*/} #inner-swiper .inner-about .initem:nth-child(1){width: 32.5%;} #inner-swiper .inner-about .initem:nth-child(2){width: 31.875%;} #inner-swiper .inner-about .initem:nth-child(3){width: 25.625%;} #inner-swiper .inner-about .initem:nth-child(1), #inner-swiper .inner-about .initem:nth-child(2){border-right: 1px solid rgba(255,255,255,0.5);padding-right: 5%;margin-right: 5%;} #inner-swiper .inner-about .inyuan{width: 62px;height: 62px;line-height: 62px;text-align: center;border-radius: 50%;font-size: var(--18px);color: #fff;margin-right: 20px;border: 1px solid rgba(255,255,255,0.5);} #inner-swiper .inner-about .inyuan>div{top: -1px;left: -1px;width: 62px;height: 62px;} #inner-swiper .inner-about .intxt{width: calc(100% - 82px);} #inner-swiper .inner-about .int1{font-size: var(--24px);line-height: 1.2;color: #fff;} #inner-swiper .inner-about .int2{font-size: var(--16px);line-height: 1.8;color: #fff;} #inner-swiper .inner-about .initem{opacity: 0.5;} #inner-swiper .inner-about .initem.cur{opacity: 1;} #inner-swiper .inner-about .initem.cur .int2{opacity: 0.7;} #inner-swiper .news{bottom: 40px;left: 0;z-index: 2;width: 100%;} #inner-swiper .news .nt1{color: #fff;font-size: var(--70px);margin-bottom: 30px;position: relative;z-index: 3;} #inner-swiper .news .nt2{color: #fff;font-size: var(--18px);position: relative;z-index: 2;line-height: 1.5;width: 70%;} #inner-swiper .news .nt2:before{display: block;content:"";position: absolute;width: 64px;height: 64px;background: #2962cc;top: -70px;left: -34px;} #inner-swiper .news .nt2:after{display: block;content:"";position: absolute;width: 18px;height: 18px;background: #2962cc;top: -118px;left: 287px;} #inner-swiper .news .nt3{padding-top: 55px;background: url(/images/icon11.png) no-repeat center top;width: 20px;color: #fff;font-size: var(--12px);line-height: 14px;text-align: center;margin: 36px auto 0;} #inner-swiper .news .nt3.en{width: 42px;} #inner-swiper .contact{bottom: 27px;} #inner-swiper .contact .nt3{margin: 0;} #inner-swiper .electr{bottom: 40px;left: 0;z-index: 2;width: 100%;} #inner-swiper .electr .nt3{padding-top: 55px;background: url(/images/icon11.png) no-repeat center top;width: 20px;color: #fff;font-size: var(--12px);line-height: 14px;text-align: center;margin: 36px auto 0;} #inner-swiper .electr .nt3.en{width: 42px;} #inner-swiper .electr .nt1{margin-bottom: 20px;} #inner-swiper .electr .nt1,#inner-swiper .electr .nt1 span{font-family:"Gilroy-Bold";color: #fff;font-size: var(--80px);} #inner-swiper .electr .nt1 span{opacity: 0.3;} #inner-swiper .electr .nt2{font-size: var(--70px);color: #fff;} #inner-swiper .electr .nt4{font-size: var(--22px);color: #fff;line-height: 1.81;margin: 30px auto 160px;} #inner-swiper .light .nt1{font-size: var(--60px);line-height: 1.5;} #inner-swiper .light .nt2:before{top: -85px;left: -21px;} #inner-swiper .light .nt2:after{top: -190px;left: 350px;} #inner-swiper .vehicle .nt1{font-size: var(--48px);line-height: 1.5;margin-bottom: 10px;} #inner-swiper .vehicle .nt2{font-size: var(--16px);} #inner-swiper .vehicle .nt2:before{top: -57px;left: -25px;width: 48px;height: 48px;} #inner-swiper .vehicle .nt2:after{top: -147px;left: 230px;} #inner-swiper .vehicle .nt3{margin: 0 auto;} @-webkit-keyframes donghua{0%{opacity:.5;-webkit-transform:scale(.1);transform:scale(.1);}5%{opacity:1;}to{opacity:0;-webkit-transform:scale(3);transform:scale(3);}} @keyframes donghua{0%{opacity:.5;-webkit-transform:scale(.1);transform:scale(.1);}5%{opacity:1}to{opacity:0;-webkit-transform:scale(5);transform:scale(5);}} @-webkit-keyframes donghua2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1);}5%{opacity:8;}to{opacity:0;-webkit-transform:scale(9);transform:scale(9);}} @keyframes donghua2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1);}5%{opacity:8;}to{opacity:0;-webkit-transform:scale(9);transform:scale(9);}} #inner-swiper.automobile{height: 970px;} #inner-swiper .che{width: 100%;height: 100%;max-width: 1077px;margin: auto;} #inner-swiper .energy{width: 10px;height: 10px;border-radius: 50%;} #inner-swiper .energy .line::before, #inner-swiper .energy .line::after{display: block;content:"";background: #fff;height: 1px;} #inner-swiper .energy .line::after{position: absolute;} #inner-swiper .energy .yuan{width:10px;height: 10px;background:rgba(255,255,255,1); border-radius:100%; position:relative;margin:auto;} #inner-swiper .energy .yuan::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset #fff 0 0 15px; position:absolute; top: 1px; bottom:0; left: 1px; right:0; z-index:2; margin:auto; content:'';animation:donghua 2s ease-out .1s infinite; -webkit-animation:donghua 2s ease-out .1s infinite;} #inner-swiper .energy .yuan span{width: 25px; overflow:visible; background:#fff; position:relative; border-radius:100%;line-height: normal;} #inner-swiper .energy .yuan span::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset #fff 0 0 15px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';animation:donghua2 2s ease-out .1s infinite; -webkit-animation:donghua2 2s ease-out .1s infinite;} #inner-swiper .energy .encon{width: 155px;height: 150px;} #inner-swiper .energy .eimg{width: 101px;height: 101px;margin: 0 auto 5px;} #inner-swiper .energy .etxt{color: #fff;line-height: 1.785;text-align: center;} #inner-swiper .en0 .encon, #inner-swiper .en1 .encon{top: -50px;right: 95%;} #inner-swiper .en2 .encon{top: -50px;left: 85%;} #inner-swiper .en3 .encon{top: -50px;left: 80%;} #inner-swiper .en4 .encon{top: -50px;left: 92%;} #inner-swiper .en5 .encon{bottom: -90px;left: 100%;} #inner-swiper .en6 .encon, #inner-swiper .en7 .encon{top: calc(100% - 50px);left: 92%;} #inner-swiper .en0 .cont, #inner-swiper .en1 .cont{bottom: calc(100% - 6px);right: 100%;} #inner-swiper .en2 .cont, #inner-swiper .en3 .cont, #inner-swiper .en4 .cont{bottom: 100%;left: 95%;} #inner-swiper .en5 .cont, #inner-swiper .en6 .cont, #inner-swiper .en7 .cont{top: 100%;left: 95%;} #inner-swiper .en0{top: 48.659%;left: 4.456%;} #inner-swiper .en0 .line{padding: 0 10px 1px 0;} #inner-swiper .en0 .line::after{display: none;} #inner-swiper .en0 .line::before{width: 178px;} #inner-swiper .en1{top: 45.154%;left: 11.699%;} #inner-swiper .en1 .line{padding: 0 88px 160px 0;} #inner-swiper .en1 .line::before{width: 35px;} #inner-swiper .en1 .line::after{width: 173px;right: -85px;bottom: 10px;transform:rotate(60deg) translate3d(-50%,0,0); -ms-transform:rotate(60deg) translate3d(-50%,0,0); -moz-transform:rotate(60deg) translate3d(-50%,0,0); -webkit-transform:rotate(60deg) translate3d(-50%,0,0); -o-transform:rotate(60deg) translate3d(-50%,0,0);} #inner-swiper .en2{top: 32.989%;left: 8.8207%;} #inner-swiper .en2 .line{padding: 0 0 129px 74px;} #inner-swiper .en2 .line::before{width: 70px;} #inner-swiper .en2 .line::after{width: 146px;right: -3px;top: 0;transform:rotate(-60deg) translate3d(-50%,0,0); -ms-transform:rotate(-60deg) translate3d(-50%,0,0); -moz-transform:rotate(-60deg) translate3d(-50%,0,0); -webkit-transform:rotate(-60deg) translate3d(-50%,0,0); -o-transform:rotate(-60deg) translate3d(-50%,0,0);} #inner-swiper .en3{top: 39.175%;left: 41.875%;} #inner-swiper .en3 .line{padding: 0 0 180px 54px;} #inner-swiper .en3 .line::before{width: 35px;} #inner-swiper .en3 .line::after{width: 185px;right: -57px;top: 0;transform:rotate(-73deg) translate3d(-50%,0,0); -ms-transform:rotate(-73deg) translate3d(-50%,0,0); -moz-transform:rotate(-73deg) translate3d(-50%,0,0); -webkit-transform:rotate(-73deg) translate3d(-50%,0,0); -o-transform:rotate(-73deg) translate3d(-50%,0,0);} #inner-swiper .en4{top: 29.175%;left: 63.138%;} #inner-swiper .en4 .line{padding: 0 0 85px 119px;} #inner-swiper .en4 .line::before{width: 171px;} #inner-swiper .en4 .line::after{width: 144px;right: 99px;top: 0;transform:rotate(-36deg) translate3d(-50%,0,0); -ms-transform:rotate(-36deg) translate3d(-50%,0,0); -moz-transform:rotate(-36deg) translate3d(-50%,0,0); -webkit-transform:rotate(-36deg) translate3d(-50%,0,0); -o-transform:rotate(-36deg) translate3d(-50%,0,0);} #inner-swiper .en5{top: 33.092%;left: 73.6304%;} #inner-swiper .en5 .line{padding: 38px 0 0 159px;} #inner-swiper .en5 .line::before{width: 206px;} #inner-swiper .en5 .line::after{width: 160px;right: 126px;bottom: 0;transform:rotate(15deg) translate3d(-50%,0,0); -ms-transform:rotate(15deg) translate3d(-50%,0,0); -moz-transform:rotate(15deg) translate3d(-50%,0,0); -webkit-transform:rotate(15deg) translate3d(-50%,0,0); -o-transform:rotate(15deg) translate3d(-50%,0,0);} #inner-swiper .en6{top: 50.103%;left: 97.771%;} #inner-swiper .en6 .line{padding: 175px 0 0 68px;} #inner-swiper .en6 .line::before{width: 100px;} #inner-swiper .en6 .line::after{width: 184px;right: 8px;bottom: 0;transform:rotate(68deg) translate3d(-50%,0,0); -ms-transform:rotate(68deg) translate3d(-50%,0,0); -moz-transform:rotate(68deg) translate3d(-50%,0,0); -webkit-transform:rotate(68deg) translate3d(-50%,0,0); -o-transform:rotate(68deg) translate3d(-50%,0,0);} #inner-swiper .en7{top: 62.886%;left: 47.353%;} #inner-swiper .en7 .line{padding: 115px 0 0 130px;} #inner-swiper .en7 .line::before{width: 62px;} #inner-swiper .en7 .line::after{width: 170px;right: -23px;bottom: 0;transform:rotate(42deg) translate3d(-50%,0,0); -ms-transform:rotate(42deg) translate3d(-50%,0,0); -moz-transform:rotate(42deg) translate3d(-50%,0,0); -webkit-transform:rotate(42deg) translate3d(-50%,0,0); -o-transform:rotate(42deg) translate3d(-50%,0,0);} #inner-swiper .biology{bottom: 350px;left: 0;z-index: 2;width: 100%;} /*#inner-swiper .biology .nt2{font-size: var(--60px);color: #fff;}*/ #inner-swiper .biology .nt4{/*font-size: var(--18px);*/margin: 20px auto 80px;} #inner-swiper .biology .dli{padding: 0 50px;} #inner-swiper .biology .nt5{position: relative;display: inline-block;} #inner-swiper .biology .nt5 span{color: #fff;font-size: var(--40px);font-family:"Gilroy-Bold";margin: -20px 5px 0 0;} #inner-swiper .biology .nt5 p{color: #fff;position: absolute;top: 0;right: -15px;} #inner-swiper .biology .nt6{font-size: var(--16px);color: #fff;margin-top: 10px;} #inner-swiper .biology .nt3{position: absolute;bottom: -40px;right: 0;} #inner-swiper .index .slide{overflow:hidden;position:relative;} #inner-swiper .index .slide img{-webkit-transition: 15s;transition: 15s;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);} #inner-swiper .top-txt{top: 53%; left: 50%; transform: translate(-50%,-50%); z-index: 2;text-align: center;} #inner-swiper .index .slide.swiper-slide-active img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);transform:scale(1.15);} #inner-swiper .index .swiper-pagination{bottom: 60px;} #inner-swiper .index .swiper-pagination-bullet{background: #fff;opacity: 1;width: 12px;height: 12px;} #inner-swiper .index .swiper-pagination-bullet svg{vertical-align: top;} #inner-swiper .index .swiper-pagination-bullet.circle-bar-btn::before{display: none;} #inner-swiper .manu-ban{width: 100%; height: 100vh;} #inner-swiper .manu-ban .back{width: 50%; height: 100%; top: 0; left: 0; background: rgba(25,85,197,1);} #inner-swiper .manu-ban .m-video{width: 50%; height: 100%; top: 0; right: 0;} #inner-swiper .manu-ban .m-video video{ object-fit: cover;} #inner-swiper .manu-ban .m-yuan{width: 30%; height: 50%;top: 50%; left: 50%; transform: translate(-50%,-50%); background: url(/images/manu-yuan.png) no-repeat center center/65% auto;} #inner-swiper .manu-ban .m-yuan div {color: #fff; font-size: 30px;} #inner-swiper .manu-ban .m-yuan div b{color: #fff; font-size: 48px;} #inner-swiper .manu-ban .m-yuan .txt1{top: 0; left: 0; } #inner-swiper .manu-ban .m-yuan .txt2{top: 0; right: 0; } #inner-swiper .manu-ban .m-yuan .txt3{bottom: 0; left: 0;} #inner-swiper .manu-ban .m-yuan .txt4{bottom: 0; right: 0; } .donghua{animation: big 5s linear infinite;} @keyframes big{ 0%{transform: scale(1);} 50%{transform: scale(1.5);} 100%{transform: scale(1);} } #inner-swiper .manu-ban .m-yuan .txt5{top: 50%; right: -25%; transform: translateY(-50%)} #inner-swiper .manu-ban .m-yuan .txt6{top: 50%; left: -50%; transform: translate(50%,-50%);} /*index 首页*/ #index .one{padding: 87px 0;background: #fcfcfc;} #index .one .con{margin-top: 100px;white-space: normal;} #index .one .item{width: 33.33%;} #index .one .item .t1{font-size: var(--48px);line-height: 80px;padding-left: 75px;margin-bottom: 35px;} #index .one .item .t2{font-size: var(--16px);line-height: 1.875;} #index .one .item:nth-child(1){padding: 0 8.625% 0 0;width: 30.9%;} #index .one .item:nth-child(2){padding: 0 8.125%;width: 38.2%;position: relative;} #index .one .item:nth-child(3){padding: 0 0 0 8.625%;width: 30.9%;} #index .one .item:nth-child(2):before, #index .one .item:nth-child(2):after{display: block;content: "";position: absolute;width: 1px;background: #bdceee;height: 70%;top: 15%;} #index .one .item:nth-child(2):after{right: 0;} #index .one .item:nth-child(2):before{left: 0;} #index .two{padding: 130px 0 0;height: 850px;} #index .two:before{display: block;position: absolute;content: "";width: 21.6145%;left: 0;top: 0;height: 100%;z-index: 2;background: #2962cc;} #index .two .cw1600{height: 100%;z-index: 5;} #index .two .con{white-space: normal;z-index: 3;width: 50%;padding-left: 9.375%;} #index .two .item{margin-bottom: 56px;border-bottom: 1px solid #8dabe4;} #index .two .item .text{padding: 30px 0;} #index .two .item .txt{width: calc(100% - 130px);} #index .two .item .ttt{width: calc(100% - 130px);} #index .two .item .t1{font-size: var(--70px);margin-right: 30px;line-height: 1;width: 98px; font-family: "Microsoft YaHei"; -webkit-text-stroke:1px #fff; color: transparent;} #index .two .item .neimore{margin-top: 5px;} #index .two .item .t2{font-size: var(--30px);} #index .two .item .t3{margin-top: 2px;} #index .two .mCSB_scrollTools{width: 3px;right: auto;left: 0;background: rgba(255,255,255,0.1);bottom: 8.125%;} #index .two .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px;background: #fff;} #index .two .intro{width: 27.75%;top: 50px;right: 10%;z-index: 2;white-space: normal;pointer-events: none;} #index .two .intro .tro1{line-height: 2;margin: 70px auto;font-size: var(--16px);} #index .two .intro .neimore{pointer-events: auto;background: url(/images/more5.png) no-repeat right;} #index .three{z-index: 51;} #index .three .twospan{display: none;width: 0;height: 0;position: absolute;z-index: 51;background: #2962cc;-webkit-transition:all 1000ms ease 0s; -moz-transition:all 1000ms ease 0s; -ms-transition:all 1000ms ease 0s; -o-transition:all 1000ms ease 0s; transition:all 1000ms ease 0s;} #index .three .twospan.on{width: 6000px;height: 6000px;top: calc(50% - 3000px);left: calc(50% - 3000px);border-radius: 50%;} #index .three .twospan.on.in{width: 0;height: 0;top: 45%;left: 50%;} #index .three .text{/*width: 200px;*/width: 600px;left: calc(50% - 300px);top: 39.711%;z-index: 3;} #index .three .text .yuan{width: 100px;height: 100px;margin: auto;} #index .three .text .yuan>div{background: url(/images/video.png) no-repeat center;background-size: cover;border: 2px solid transparent;width: 100%;height: 100%;position: relative;z-index: 10;} #index .three .text .t1{color: #fff;font-size: var(--30px);margin: 15px auto 5px;} #index .three .text .t2{color: #fff;line-height: 2;} #index .three .swiper-pagination-fraction{bottom: 70px;left: 100px;width: 180px;font-size: var(--40px);color: rgba(225,225,225,0.5);} #index .three .swiper-pagination-current{font-family:"NexaBold";color: #fff;font-size: var(--50px);} #index .three .swiper-pagination-total{font-family:"NexaBold";color: rgba(225,225,225,0.5);font-size: var(--24px);} #index .three .headline{opacity: 0;transform: translateY(-20px);} #index .three .headline.on{transition-delay: .2s;transform: none;opacity: 1;transition: opacity .6s linear .3s,transform .6s cubic-bezier(.215,.61,.355,1) .3s;} #index .three .headline.on.t2{transition-delay: .4s;} #index .four{padding: 75px 0 150px;} #index .four .con{padding: 0 10.3125% 0 9.375%;position: relative;z-index: 2;white-space: normal;} #index .four .neimore{margin-top: 70px;background: url(/images/more5.png) no-repeat right;} #index .four .tent{margin-top: 45px;} #index .four .tent .slide{width: 31.3178%;margin-right: 10px;} #index .four .tent .t1{color: rgba(51,51,51,0.4);margin: 22px auto 15px;} #index .five .item{width: 50%;padding-top: 19.94791%;} #index .five .item .bg{background: rgba(37,88,184,0);} #index .five .item .txt{padding: 0 5% 5%;width: 100%;text-align: left;} #index .five .item .txt *{color: #f1f6fa;} #index .five .item .t1{font-size: var(--36px);} #index .five .item .t2{margin-top: 10px;} #index .five .item .more{width: 59px;height: 59px;border-radius: 50%;background: url(/images/more3.png) no-repeat center;} #index .five .item:hover .bg{background: rgba(37,88,184,0.9);} #index .five .item:hover .more{background: url(/images/more4.png) no-repeat center;} /*全站搜索*/ .global-search{width:100%; padding: 60px 0;} .global-search .form{margin-bottom:22px;margin-top: 20px;} .global-search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #ddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: var(--16px);} .global-search .form .submit{height: 49px;width: 59px;border:1px solid #bb966a;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #2962cc url(/images/search2.png) no-repeat center center;color: #fff;font-size: var(--16px);} .global-search .list{width:100%; margin-bottom:50px;} .global-search .list .info .cate{padding-left:15px;} .global-search .list .info li{padding:20px 0; border-bottom:1px solid #ddd;} .global-search .list .info li:first-child{border-top:1px solid #ddd;} .global-search .list .info .t1{margin-right:16px; line-height:22px; color:#2962cc; font-size:var(--16px); font-weight:bold;} .global-search .list .info .day,.global-search .list .info .cate{color:#888; font-size:var(--16px); margin-right:20px;} .global-search .list .info .day{margin:0;} .global-search .list .info .desc{min-height:60px; overflow:hidden; margin-top:1.375%; color:#888; line-height:32px;} .global-search #turn_page{margin-top: 30px;} /*新闻资讯 news*/ #news{padding-top: 100px;} #news .hot .anniu{width: 94px;height: 94px;bottom: 0;z-index: 2;right: 0;} #news .hot .next{right: 0;background: url(/images/more9.png) no-repeat center #2962cc;} #news .hot .prev{right: 94px;background: url(/images/more6.png) no-repeat center #fff;} #news .hot .text{padding: 32px 48px;line-height: 30px;background: rgba(0,0,0,0.6);bottom: 0;left: 0;z-index: 2;width: calc(100% - 188px);} #news .hot .th1{font-size: var(--24px);color: #fff;width: calc(100% - 80px);} #news .hot .th2{font-size: var(--16px);color: #fff;} #news .con{padding-bottom: 100px;} #news .con .tent{position: relative;z-index: 3;} #news .con .list{padding: 60px 0px 40px;border-bottom: 1px solid #e6e6e6;} #news .list .time{margin: 0 42px 0 48px;width: 15%;} #news .list .img{width: 400px;height: 250px;margin-right: 70px;} #news .list .text{width: calc(85% - 560px);padding: 40px 48px 0 0;} #news .list .t1{font-size: var(--66px);color: #ccc;} #news .list .t2{font-size: var(--20px);color: #ccc;} #news .list .a1{font-size: var(--24px);} #news .list .time1{display: none;} #news .list .t3{font-size: var(--16px);line-height: 1.875;margin: 20px auto 40px;} #news .list .t4 a{font-size: var(--16px);color: #ccc;} #news .list:hover{background: #fafafa;} #news .list:hover .t1,#news .list:hover .t2,#news .list:hover .a1,#news .list:hover .t4 a{color: #2962cc;} #news .more{margin: 100px auto 0;width: 135px;height: 59px;line-height: 59px;background: url(/images/more1.png) no-repeat center right;cursor: pointer;} /*新闻资讯 news-detail*/ .crumbs{padding: 27px 0;background: #fafafa;line-height: 26px;} .crumbs .txt{width: 240px;} .crumbs .txt,.crumbs .txt *{color: #999;font-size: var(--12px);} .crumbs .txt span{color: #333;} .crumbs .return{color: #999;font-size: var(--12px);padding-right: 30px;background: url(/images/icon32.png) no-repeat center right;} #ndetail{padding: 100px 0;} #ndetail .cw1200{position: relative;z-index: 2;white-space: normal;} #ndetail h2{font-size: var(--36px);} #ndetail .attr{margin: 45px auto;border-bottom: 1px solid #eee;padding-bottom: 25px;line-height: 20px;} #ndetail .time{padding-left: 23px;color: #666;margin-right: 40px;background: url(/images/icon30.png) no-repeat center left;} #ndetail .view{padding-left: 31px;color: #666;background: url(/images/icon31.png) no-repeat center left;} #ndetail .share{height: 20px;} #ndetail .share span{color: #666;margin-right: 25px;float: left;} #ndetail .share a{margin-right: 15px;width: 20px;height: 20px;float: left;cursor: pointer;} #ndetail .share a:nth-last-child(1){margin-right: 0;} #ndetail .share a[jqshare="wechat"]{background: url(/images/icon99.png) no-repeat center left;} #ndetail .share a[jqshare="sina"]{background: url(/images/icon99.png) no-repeat center left -35px;} #ndetail .share a[jqshare="facebook"]{background: url(/images/icon99.png) no-repeat center left -69px;} #ndetail .share a[jqshare="twitter"]{background: url(/images/icon99.png) no-repeat center left -102px;} #ndetail .share a[jqshare="linkedin"]{background: url(/images/icon99.png) no-repeat center left -138px;} #ndetail .share a[jqshare="wechat"]:hover{background: url(/images/icon100.png) no-repeat center left;} #ndetail .share a[jqshare="sina"]:hover{background: url(/images/icon100.png) no-repeat center left -35px;} #ndetail .share a[jqshare="facebook"]:hover{background: url(/images/icon100.png) no-repeat center left -69px;} #ndetail .share a[jqshare="twitter"]:hover{background: url(/images/icon100.png) no-repeat center left -102px;} #ndetail .share a[jqshare="linkedin"]:hover{background: url(/images/icon100.png) no-repeat center left -138px;} #ndetail .turn{margin-top: 95px;} #ndetail .turn .prev,#ndetail .turn .next{width: 50%;/*padding-top: 20.833%;*/padding-top: 31.25%;} #ndetail .turn>a:before{display: block;position: absolute;content:"";background: rgba(0,0,0,0.1);z-index: 2;top: 0;left: 0;bottom: 0;right: 0;} #ndetail .turn>a .text{left: 9.5%;right: 7.83%;bottom: 36px;z-index: 4;} #ndetail .turn>a .t1{color: #f1f6fa;font-size: var(--24px);} #ndetail .turn>a .t2{color: #f1f6fa;margin-top: 25px;width: 100%;} #ndetail .turn>a .icon{width: 59px;height: 59px;border: 1px solid #fff;border-radius: 50%;background: url(/images/more9.png) no-repeat center;} #ndetail .turn>a:hover:before{background: rgba(37,88,184,0.9);} #ndetail .turn>a:hover .icon{background: url(/images/more8.png) no-repeat center #fff;} /*引导页*/ #loading{width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;margin: 0 auto;z-index: 999;background: url(/images/guide_bg.jpg) no-repeat center;} #loading .line{width: 100%;height: 3px;background: transparent;left: 0;right: 0;margin: 0 auto;max-width: 1920px;overflow: hidden;} #loading .line .line-cur{width: 0;height: 4px;background: #fff;left: 0;} #loading .content{left: 50%;top: 50%;transform: translate(-50%,-50%);} /*manufacture 蓝光智造*/ #facture{padding-top: 70px;overflow: hidden;} #facture .factbg{position: absolute;z-index: 3;} #facture .factbg.bg1{width: 20.208%;padding-top: 27.656%;background: url(/images/icon20.png) no-repeat center;background-size: cover;left: 0;top: 11.979%;} #facture .factbg.bg2{width: 19.218%;padding-top: 26.25%;background: url(/images/icon21.png) no-repeat center;background-size: cover;right: 0;top: 36.875%;} #facture .factbg.bg3{width: 18.229%;padding-top: 18.385%;background: url(/images/icon22.png) no-repeat center;background-size: cover;left: 0;bottom: 0;} #facture .cw1200{z-index: 5;} #facture .list{margin-bottom: 70px;box-shadow: 0 0 70px #eee;background: #fff;} #facture .list .img{width: 54.166%;} #facture .list .text{width: 45.833%;} #facture .list .text.fl{padding: 5.833% 10px 4.166% 7.083%;} #facture .list .text.fr{padding: 5.833% 7.083% 4.166% 10px;} #facture .list .t1{color: rgba(0,0,0,0.03);font-size: 143px;line-height: 143px;} #facture .list .text.fr .t1{text-align: right;} #facture .list .t2{font-size: var(--30px);line-height: 1.66;margin-top: -55px;} #facture .list .text.fl .t2{text-align: left;padding-left: 64px;} #facture .list .text.fr .t2{text-align: right;padding-right: 64px;} #facture .list div[mcscroll]{margin: 25px auto;height: 120px;} #facture .list .t3{padding-right: 35px;line-height: 1.875;font-size: var(--16px);} #facture .mCSB_scrollTools{width: 6px;background: #e9effa;opacity: 1;} #facture .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 2px;background: #2962cc;} #facture .list .a1{line-height: 60px;padding-right: 70px;background: url(/images/more5.png) no-repeat center right;} #facture .list .a1.fr{margin-right: 35px;} #facture .list .text.fl .mCSB_scrollTools .mCSB_draggerContainer{right: 2px;} /*contact 联系我们*/ #contact .one{background: -webkit-linear-gradient(left, #fafafa 50%, #3062c1 50%);background: -o-linear-gradient(right, #fafafa 50%, #3062c1 50%);background: -moz-linear-gradient(right, #fafafa 50%, #3062c1 50%);background: linear-gradient(to right, #fafafa 50%, #3062c1 50%);padding: 28px 0 70px;} #contact .one .img{width: 59.375%;height: 664px;margin-top: 40px;box-shadow: 0 0 30px rgba(0,0,0,0.15);background: #fff;} #contact .one .img .map{z-index: 3;} #contact .one .img .icon{z-index: 4;bottom: 0;left: 0;background: #fff;width: 120px;height: 120px;} #contact .one .text{width: 40.625%;} #contact .one .con{margin-top: 60px;height: 482px;border: 1px solid #e6e6e6;width: 76.923%;} #contact .one .list{padding: 30px 20px;border-bottom: 1px solid #e6e6e6;min-height: 114px;} #contact .one .list .t1{font-size: var(--16px);line-height: 1.875;} #contact .one .list .t2{line-height: 1.5;color: #828282;margin-top: 10px;} #contact .one .list:nth-child(2n){background: #fafafa;} #contact .one .list:nth-child(2n+1){background: #fff;} #contact .one .list.cur .t1{color: #2962cc;} #contact .one .con #mCSB_1_scrollbar_vertical{width:6px; background:#edf1f4;} #contact .one .con #mCSB_1_scrollbar_vertical .mCSB_dragger_bar{background:#2962cc; width:100%; border-radius:0;} #contact .two{padding: 28px 0 70px;background: #fff;z-index: 2;} #contact .two .con{margin-top: 75px;z-index: 3;white-space: normal;} #contact .two .text{width: 44.375%;margin: 60px 3.125% 0 0;background: url(/images/bg1.jpg);padding: 0 2% 0 10%;} #contact .two .text .list{margin-bottom: 65px;} #contact .two .text .t1{padding-left: 50px;margin-bottom: 20px;font-size: var(--30px);line-height: 1.666;} #contact .two .text .t2{font-size: var(--16px);line-height: 1.75;} #contact .two .img{width: 50%;padding-top: 30.3125%;} #contact .two .img .swiper-pagination-fraction{width: 177px;height: 126px;bottom: 0;right: 0;left: auto;background: #fff;padding: 35px 0 0 10px;font-size: var(--40px);color: rgba(51,51,51,0.5);} #contact .two .img .swiper-pagination-current{font-family:"Gilroy-Bold";color: #2962cc;font-size: var(--50px);} #contact .two .img .swiper-pagination-total{font-family:"Gilroy-Bold";color: rgba(51,51,51,0.5);font-size: var(--22px);} #contact .three{padding: 28px 0 40px;background: #fafafa;z-index: 2;} #contact .three .con{margin-top: 45px;} #contact .three .container{overflow: visible;} #contact .three .slide{width: 25%;padding: 65px 0 25px 30px;margin-right: 35px;border-left: 1px solid #f2f2f2;position: relative;} #contact .three .slide:before{display: block;position: absolute;content:"";width: 1px;height: 14px;background: #648cd7;left: -1px;top: 47px;} #contact .three .icon{width: 50px;height: 50px;} #contact .three .t1{font-size: var(--18px);line-height: 1.66;margin: 15px auto 20px;} #contact .three .t2{font-size: var(--16px);line-height: 1.875;color: #828282;} #contact .three .neianniu{margin-top: 75px;} #contact .four{padding: 28px 0 70px;background: #fff;z-index: 2;} #contact .four .con{margin-top: 65px;white-space: normal;} #contact .four .list{margin-bottom: 10px;background: #fff;} #contact .four .list .tit{border: 1px solid #e5e5e5;height: 80px;padding: 22px 4.375%;line-height: 36px;} #contact .four .list .tit>div{width: 17.8%;} #contact .four .list .t2, #contact .four .list .t3, #contact .four .list .t4{color: #999;} #contact .four .list .t5{padding-left: 27px;background: url(/images/icon39.png) no-repeat center left;} #contact .four .list .tit .t6{height: 36px;width: 36px;} #contact .four .list .t6:before{display: block;position: absolute;content:"";width: 100%;height: 1px;background: #c7c7c7;left: 0;top: 50%;} #contact .four .list .t6:after{display: block;position: absolute;content:"";width: 1px;height: 100%;background: #c7c7c7;left: 50%;top: 0;} #contact .four .list .tent{padding: 50px 0 0 4.375%;display: none;} #contact .four .list .t7{font-size: var(--16px);line-height: 1.5;margin-bottom: 15px;} #contact .four .list .t8{line-height: 2;margin-bottom: 40px;color: #666;} #contact .four .list .neimore{bottom: 40px;right: 0;} #contact .four .list.cur .tit{background: #e9effa;} #contact .four .list.cur .t6:before{background: #366bcf;} #contact .four .list.cur .t6:after{background: #366bcf;} #contact .four .list.cur .tent{display: block;} /*弹窗*/ #resume{width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.4);z-index: 999;} #resume.hide{display: none;} #resume .center{background: #fff;text-align: left;width: 100%;padding: 45px 70px;max-width: 1100px;margin: 0 auto;} #resume .center .close{width: 32px;height: 32px;background: url(/images/job-close1.png) no-repeat center;top: 20px;right: 20px;} #resume .center .close:hover{background-image: url(/images/job-close.png);} #resume .center .title{font-size: var(--30px);margin-bottom: 35px;} #resume .center .position{font-size: var(--18px);margin-bottom: 48px;} #resume .center .position .pis{font-size: var(--18px);} #resume .center .fm{width: 50%;margin-bottom: 28px;} #resume .center .fm .tit{width: 19.3%;color: #000;line-height: 40px;margin-right: 2.32%;} #resume .center .fm .input{width: 61.77%;} #resume .center .fm .input input{width: 100%;padding: 0 7.1875%;height: 38px;line-height: 38px;border: 1px solid #e8e8e8;border-radius: 3px;} #resume .center .fm .gen{width: auto;color: #000;margin-right: 8px;line-height: 40px;margin-right: 40px;} #resume .center .fm .gen input{display: inline-block;vertical-align: top;width: 12px;height: 12px;margin-top: 14px;margin-left: 10px;border-color: #e5e5e5;} #resume .center .fm.file .input{width: auto;} #resume .center .fm.file .input label{display: block;} #resume .center .file .bg{color: #000;background: #dfdfdf;width: 127px;height: 40px;line-height: 40px;border-radius: 3px;} #resume .center .file .file2{color: #323232;line-height: 40px;margin-left: 10px;} #resume .center .check{ display: flex; justify-content: center; align-items: center; margin-bottom: 40px;} #resume .center .check .t{ width: 18px;height: 18px;border: 1px solid #c5c5c5; border-radius: 2px;} #resume .center .check input[type=checkbox]+label{ background: none; border: 1px solid #c5c5c5; cursor: pointer;} #resume .center .check input[type=checkbox]:checked+label::before{display: block; content: "\2714"; width: 100%; height: 100%; text-align: center;} #resume .center .check input[type=checkbox]{ visibility: hidden;} #resume .center .check .t input{display: none;} #resume .center .check .tit1{ line-height: 18px; color: #323232;font-weight: bold;margin-left: 12px;} #resume .center .submit{width: 181px;height: 52px;line-height: 52px;color: #fff;margin: 0 auto;background: #2962cc;} /*about 关于我们*/ #about .one{padding: 100px 0;} #about .one .con{white-space: normal;} #about .one .text{width: 50%;padding-right: 8.75%;margin-top: 35px;} #about .one .t1{margin: 45px auto 20px;font-size: var(--18px);} #about .one .t2{font-size: var(--16px);line-height: 1.875;} #about .one .data{margin-top: 40px;} #about .one .data .dli:nth-child(1){width: 33%;} #about .one .data .dli{width: 25%;} #about .one .data .dli:nth-last-child(1){width: 17%;} #about .one .data .t3 span{font-family:"GILROY-REGULAR";color: #2962cc;font-size: var(--50px);} #about .one .data .t4{color: rgba(0,0,0,0.5);margin-top: 10px;} #about .one .video{width: 60%;margin-right: -10%;padding-top: 41.25%;} #about .one .video .icon{width: 90px;height: 90px;background: url(/images/video.png) no-repeat center;background-size: cover;top: calc(50% - 45px);left: calc(50% - 45px);} #about .two{padding: 74px 0 190px;background: url(/images/about_bg.jpg) no-repeat center;background-size: cover;} #about .two .con{padding-top: 130px;} #about .two .con .dli, #about .two .con .list0{width: 32%;} #about .two .con .list0{padding-right: 3%;} #about .two .con .list1{/*width: 18%;*/padding: 0 3%;border-right: 1px solid rgba(255,255,255,0.3);border-left: 1px solid rgba(255,255,255,0.3);} #about .two .con .list2{/*width: 52.625%;*/padding: 0 3%;} #about .two .con .icon{width: 60px;height: 60px;margin-right: 15px;} #about .two .con .t1{line-height: 60px;} #about .two .con .t1 p{position: relative;display: inline-block;} #about .two .con .t1 p span{font-size: var(--18px);color: #fff;position: relative;z-index: 2;} #about .two .con .t1 p:before{display: block;content:"";position: absolute;width: calc(100% + 4px);height: 11px;left: -2px;bottom: 20px;background: #2962cc;} #about .two .con .t2{font-size: var(--30px);line-height: 1.66;color: #fff;font-weight: bold;padding-left: 75px;} #about .two .con .t3{margin-top: 10px; padding-left: 75px;} #about .two .con .t3 div{color: #fff;font-weight: bold;font-size: var(--24px);line-height: 2;margin-right: 10px;} #about .two .con .t3 span{margin-right: 5px;width: 40px;height: 40px;display: inline-block;line-height: 40px;text-align: center;color: #fff;font-weight: bold;font-size: var(--20px);border-radius: 50%;background: #386bf3;} #about .two .con .t3.cn {margin-top:0;} #about .two .con .t3.cn div {font-size: var(--30px);line-height: 1.66;font-weight: bold;} #about .three{padding: 30px 0 80px;background: -webkit-linear-gradient(left, #fff 72.605%, #fafafa 27.395%);background: -o-linear-gradient(right, #fff 72.605%, #fafafa 27.395%);background: -moz-linear-gradient(right, #fff 72.605%, #fafafa 27.395%);background: linear-gradient(to right, #fff 72.605%, #fafafa 27.395%);} #about .three .con{margin-top: 50px;white-space: normal;} #about .three .left{width: 81.25%;margin-left: -10%;background: url(/images/icon101.png) no-repeat bottom right;} #about .three .left .img{width: 60%;padding-top: 40.769%;} #about .three .left .img .slide img{width: 100%;} #about .three .left .img:before{display: block;content:"";position: absolute;width: 22.162%;padding-top: 22.162%;background: #386bf3;top: -5.675%;right: -5.135%;} #about .three .left .text{width: 34.615%;padding-top: 6.923%;} #about .three .left .t1{height: 90px;} #about .three .left .t1 span{font-size: 200px;color: #f6f6f6;line-height: 150px;} #about .three .left .t1.tt{display: none;} #about .three .left .txt{height: 80px;line-height: 80px;margin-bottom: 45px;} #about .three .left .t2{font-size: var(--80px);top: 0;left: 0;} #about .three .left .t3{font-size: var(--80px);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #333;top: 3px;left: 3px;} #about .three .left .t4{min-height: 60px;} #about .three .left .t4 span{font-size: var(--18px);line-height: 1.875;} #about .three .left .t5{margin-top: 40px;} #about .three .right{width: 17.1875%;height: 565px;padding-right: 4.75%;z-index: 2;} #about .three .right .container{height: 100%;} #about .three .right .slide{height: 92px;text-align: center;} #about .three .right .t6{color: rgba(0,0,0,0.3);font-size: var(--30px);line-height: 92px;} #about .three .right .t7{font-size: var(--24px);line-height: 24px;color: #fff;display: none;} #about .three .right .swiper-slide-thumb-active{height: 197px;background: #2962cc;} #about .three .right .swiper-slide-thumb-active .t6{font-size: var(--60px);color: #fff;font-family:"Gilroy-Bold";margin-top: 40px;} #about .three .right .swiper-slide-thumb-active .t7{display: block;} #about .three .right .prev,#about .three .right .next{width: 18px;height: 10px;right: -18px;z-index: 2;} #about .three .right .prev{background: url(/images/icon18.png) no-repeat center;top: 0;} #about .three .right .next{background: url(/images/icon19.png) no-repeat center;bottom: 0;} /*electronics 产品与服务-消费电子领域*/ #electr{white-space: normal;} #electr .one{padding: 56px 0px 70px;z-index: 2;} #electr .one .img{width: 50%;padding-top: 30.5%;margin-top: 50px;} #electr .one .text{width: 46.875%;} #electr .one .text:before{display: block;content:"";position: absolute;width: 95.33%;padding-top: 56%;background: url(/images/bg1.jpg);bottom: 0;left: 4.67%;} #electr .one .text>div{position: relative;z-index: 2;} #electr .one .text .con{margin-top: 48px;} #electr .one .text .list{padding-right: 10%;margin-bottom: 45px;} #electr .one .text .t1{padding-left: 57px;line-height: 50px;font-size: var(--16px);} #electr .one .text .t2{margin-top: 15px;line-height: 2.142;} #electr .two{padding: 28px 0px 100px;z-index: 2;background: #fafafa;} #electr .two .con{margin-top: 60px;position: relative;padding-bottom: 14px;} #electr .two .con:before{display: block;content:"";position: absolute;width: 45%;padding-top: 26.25%;background: url(/images/bg2.jpg);bottom: 0;right: 2.5%;} #electr .two .neianniu{margin-top: 70px;} #electr .two .container{width: 97.5%;overflow: visible;z-index: 2;margin: 0;} #electr .two .cont{height: 100%; top: 0; left: 0; overflow: hidden;} #electr .two .img{width: 51.282%;padding-top: 30.961%;} #electr .two .img .t1{color: #fff;padding: 22px 27px 12px;line-height: 2.14;background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));background: -o-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));background: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));bottom: 0;left: 0;width: 100%;} #electr .two .text{width: 32.051%;margin-left: 6.41%;} #electr .two .t2{line-height: 1;margin-bottom: 80px;} #electr .two .t2 p{position: relative;display: inline-block;} #electr .two .t2 p span{font-size: var(--40px);position: relative;z-index: 2;font-weight: bold;} #electr .two .t2 p:before{display: block;content:"";position: absolute;width: calc(100% + 2px);height: 15px;left: -1px;bottom: -7px;background: #2962cc;} #electr .two .li{margin-bottom: 40px;} #electr .two .t3{font-size: var(--16px);line-height: 1.875;} #electr .two .t4{line-height: 2;margin-top: 10px;} #electr .two .swiper-pagination-fraction{width: 176px;height: 126px;bottom: 0;left: calc(51.282% - 176px);background: #fff;padding: 35px 0 0 10px;font-size: var(--40px);color: rgba(51,51,51,0.5);} #electr .two .swiper-pagination-current{font-family:"Gilroy-Bold";color: #2962cc;font-size: var(--50px);} #electr .two .swiper-pagination-total{font-family:"Gilroy-Bold";color: rgba(51,51,51,0.5);font-size: var(--22px);} #electr .three{padding: 30px 0px 50px;z-index: 2;background: #fff;} #electr .three .con{margin-top: 50px;} #electr .three .tit{margin-bottom: 50px;} #electr .three .container{max-width: 100%;} #electr .three .slide{padding: 11px 60px;line-height: 60px;width: auto;border-right: 1px solid #e5e5e5;} #electr .three .icon{height: 60px;width: 60px;margin-right: 15px;} #electr .three .icon .i0{display: inline-block;} #electr .three .icon .i1{display: none;} #electr .three .tit1{font-size: var(--16px);font-weight: bold;} #electr .three .slide.cur{background: #2962cc;border-right: 1px solid #2962cc;} #electr .three .slide.cur .icon .i1{display: inline-block;} #electr .three .slide.cur .icon .i0{display: none;} #electr .three .slide.cur .tit1{color: #fff;} #electr .three .slide:nth-last-child(1){border-right: 1px solid #fff;} #electr .three .item{width: 23.125%;margin: 0 2.5% 2.5% 0;padding: 1.875%;border: 1px solid #eee;} #electr .three .item:nth-child(4n){margin-right: 0;} #electr .three .item .t1{font-size: var(--16px);line-height: 2.125;text-align: center;} #electr .three .item .img{width: 100%;padding-top: 68.965%;margin: 20px auto;} #electr .three .item .t2{color: #7c7c7c;line-height: 1.78;text-align: center;} #electr .three .neimore{margin: 10px auto 0;} #electr .three .btn{width: 60px;height: 60px;border-radius: 100%;border: 1px solid #333;opacity: .5;} #electr .three .tit .prev{background: url(/images/more6.png) no-repeat center;top: 12px;left: -65px;} #electr .three .tit .next{background: url(/images/more8.png) no-repeat center;top: 12px;right: -65px;} #electr .three .btn:hover{opacity: 1;} /*light 产品与服务-光通信*/ #light .one{padding: 30px 0 80px;background: #fff;} #light .one .con{padding-top: 10px;} #light .one .con:before{display: block;content:"";position: absolute;width: 44.375%;padding-top: 25.625%;background: url(/images/bg1.jpg);top: 0;left: 40px;} #light .one .text{width: 30%;margin-top: 50px;} #light .one .t1{padding-left: 60px;line-height: 3.125;font-size: var(--16px);font-weight: bold;} #light .one .t2{line-height: 2.14;margin: 15px auto 55px;} #light .one .item{margin-bottom: 40px;width: 50%;} #light .one .item .t3{color: #666;} #light .one .item .t4,#light .one .item .t4 *{font-weight: bold;font-size: var(--40px);} #light .one .item:nth-child(2n){padding-left: 7%;border-left: 1px solid #e4e4e4;} #light .one .map{width: 71.25%;padding-top: 34.1875%;margin-right: -4.5%;} #light .one .site .st{margin: 0 7px;} #light .one .site .base{margin-top: 7px;} #light .one .site .stt{color: #000;font-size: var(--16px);font-weight: bold;line-height: 1.2;padding-bottom: 26px;background: url(/images/icon65.png) no-repeat center bottom;} #light .one .site.p1{top: 25%;right: 91.4%;} #light .one .site.p2{top: 33%;right: 92.28%;} #light .one .site.p3{top: 38%;right: 89.82%;} #light .one .site.p4{top: 42%;right: 84.03%;} #light .one .site.p5{top: 27%;left: 10%;} #light .one .site.p6{top: 38%;left: 38.94%;} #light .one .site.p7{top: 44.78%;left: 39.82%;} #light .one .site.p8{top: 49.36%;left: 32.45%;} #light .one .site.p9{top: 57.76%;left: 38.24%;} #light .one .site.p10{top: 51.18%;right: 68.36%;} #light .one .site.p11{top: 61.42%;right: 66.61%;} #light .one .site.p12{top: 25.59%;left: 71.4%;} #light .one .site.p13{top: 37.84%;left: 73.85%;} #light .one .site.p14{top: 40.21%;left: 30.96%;} @-webkit-keyframes warn{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1);}5%{opacity:1;}to{opacity:0;-webkit-transform:scale(3);transform:scale(3);}} @keyframes warn{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1);}5%{opacity:1}to{opacity:0;-webkit-transform:scale(3);transform:scale(3);}} @-webkit-keyframes warn-2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1);}5%{opacity:8;}to{opacity:0;-webkit-transform:scale(9);transform:scale(9);}} @keyframes warn-2{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1);}5%{opacity:8;}to{opacity:0;-webkit-transform:scale(9);transform:scale(9);}} #light .one .base .map-icon{width:6px;height: 6px; background:rgba(41,98,204,1); border-radius:100%; position:relative;margin:auto;} #light .one .base .map-icon::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset #2962cc 0 0 4px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';animation:warn 2s ease-out .1s infinite; -webkit-animation:warn 2s ease-out .1s infinite;} #light .one .base .map-icon span{width:10px; overflow:visible; background:#2962cc; position:relative; border-radius:100%;line-height: normal;} #light .one .base .map-icon span::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset #2962cc 0 0 4px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';animation:warn-2 2s ease-out .1s infinite; -webkit-animation:warn-2 2s ease-out .1s infinite;} @keyframes scalea{0%{box-shadow: 0 0 10px #aaa;}50%{box-shadow: 0 0 60px #aaa;}100%{box-shadow: 0 0 10px #aaa;}} #light .two{padding: 30px 0 70px;background: #fafafa;} #light .two .con{margin-top: 65px;} #light .two .con>div.fl,#light .two .con>div.fr{max-width: 360px;width: 22.5%;} #light .two .item{margin-bottom: 20px;background: #fff;width: 100%;box-shadow: 0 0 10px #eee;} #light .two .t1{line-height: 2.375;color: #fff;font-size: var(--16px);background: #337aff;} #light .two .img{width: 100%;padding-top: 41.67%;} #light .two .yuan .daimg{width: 37.5%;padding-top: 37.5%;border-radius: 50%;top: 0;left: 31.25%;transition: 0.5s;animation: scalea 2s linear infinite;} #light .three{padding: 30px 0 20px;background: #fff;} #light .three .con{margin-top: 25px;} #light .three .list{margin-bottom: 50px;} #light .three .img{width: 48.125%;padding-top: 27.8125%;} #light .three .text{width: 43.125%;padding-top: 27.8125%;} #light .three .text .num{font-size: var(--70px);color: rgba(41,98,204,0.12);} #light .three .text .bg{width: 250px;height: 250px;background: url(/images/bg1.jpg);top: 18px;} #light .three .text .t1{font-size: var(--30px);padding-left: 65px;line-height: 60px;} #light .three .text .t2{line-height: 2.14;margin: 20px auto;} #light .three .text ul{padding-left: 19px;} #light .three .text ul li{list-style-type: disc;line-height: 1.714;font-weight: bold;margin-bottom: 5px;} #light .three .text ul li::marker{color: #2962cc;} #light .three .text.fr .inline-block{padding-right: 140px;} #light .three .text.fl .inline-block{padding-left: 140px;} #light .three .text.fr .num{right: 0;top: -15px;} #light .three .text.fl .num{left: 0;top: -15px;} #light .three .text.fr .bg{right: 80px;} #light .three .text.fl .bg{left: 80px;} #light .four{padding: 30px 0 70px;background: #f9f9f9;} #light .four .con{margin-top: 65px;white-space: normal;} #light .four .tent{background: #fff;width: 50%;padding: 40px 140px;box-shadow: 0 0 20px #ddd;} #light .four .anniu{width: 60px;height: 60px;border-radius: 50%;border: 1px solid #333;opacity: 0.5;top: calc(50% - 30px);} #light .four .anniu:hover{opacity: 1;} #light .four .prev{background: url(/images/more6.png) no-repeat center;left: 35px;} #light .four .next{background: url(/images/more8.png) no-repeat center;right: 35px;} #light .four .text{width: 43%;padding-right: 3.6%;margin-top: 55px;} #light .four .text .bg{width: 250px;height: 260px;background: url(/images/bg2.jpg);top: 0;right: 0;} #light .four .text .t1{font-size: var(--30px);padding-left: 65px;line-height: 60px;} #light .four .text .t2{font-size: var(--16px);line-height: 1.875;margin: 15px auto;} #light .four .text ul{padding-left: 19px;} #light .four .text ul li{list-style-type: disc;line-height: 1.875;margin-bottom: 5px;font-size: var(--16px);} #light .four .text ul li::marker{color: #2962cc;} /*automobile 产品与服务-新能源汽车*/ #vehicle .one{padding: 30px 0px 85px;} #vehicle .one .text{width: 47.25%;white-space: normal;} #vehicle .one .img{width: 49.6875%;padding-top: 30.5%;margin-top: 80px;} #vehicle .one .con{padding-top: 40px;} #vehicle .one .con:before{display: block;content:"";position: absolute;width: 94.179%;padding-top: 54.761%;background: url(/images/bg3.png);top: 0;right: 0;} #vehicle .one .t1{font-size: var(--24px);} #vehicle .one .t2{line-height: 2.142;margin: 15px auto 30px;} #vehicle .one .item:nth-child(1), #vehicle .one .item:nth-child(2), #vehicle .one .item:nth-child(3), #vehicle .one .item:nth-child(4){margin-bottom: 36px;} #vehicle .one .item{width: 25%;padding: 6px 0;border-left: 1px solid #efefef;position: relative;} #vehicle .one .item:before{display: block;content:"";position: absolute;width: 1px;height: 12px;background: #2962cc;top: 10px;left: -1px;} #vehicle .one .item .icon{width: 50px;height: 50px;margin: 0 8px;} #vehicle .one .item .t3{width: calc(100% - 70px);min-height: 50px;text-align: left;} #vehicle .one .item .t3 span{line-height: 1.857;} #vehicle .two{padding: 45px 0px 80px;background: #fafafa;} #vehicle .two .con{margin-top: 70px;} #vehicle .two .con:before{display: block;content:"";position: absolute;width: calc(100% + 70px);height: 1px;background: url(/images/icon102.png) center;bottom: 52px;left: -35px;} #vehicle .two .con span{width: 8px;height: 8px;background: #333;border-radius: 50%;display: block;bottom: 48px;} #vehicle .two .con .s1{left: -35px;} #vehicle .two .con .s2{right: -35px;} #vehicle .two .slide{width: 13.125%;margin-right: 8.59375%;} #vehicle .two .slide .icon{width: 70px;height: 70px;margin: 0 auto;} #vehicle .two .slide .text{margin: 50px auto 40px;} #vehicle .two .slide .t1{font-size: var(--18px);margin-bottom: 10px;text-align: center;} #vehicle .two .slide .t2{font-size: var(--16px);line-height: 1.5625;text-align: center;} #vehicle .two .slide .num{width: 86px;height: 86px;line-height: 86px;text-align: center;border-radius: 50%;margin: 0 auto;color: #fff;font-size: var(--18px);} #vehicle .two .slide:nth-child(2n+1) .num{background: #337aff;} #vehicle .two .slide:nth-child(2n) .num{background: #2962cb;} @-webkit-keyframes donghua3{0%{-webkit-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(1.15);transform:scale(1.15);}} @keyframes donghua3{0%{-webkit-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(1.15);transform:scale(1.15);}} #vehicle .three{width: 100%;padding-top: 41.666%;} #vehicle .three img{animation:donghua3 5s ease-out .1s infinite; -webkit-animation:donghua3 5s ease-out .1s infinite;} #vehicle .three .text{background: rgba(0,0,0,0.3);} #vehicle .three .text.cur{background: rgba(0,0,0,0.5);} #vehicle .three .t1 p{position: relative;display: inline-block;} #vehicle .three .t1 p span{font-size: var(--48px);color: #fff;position: relative;z-index: 2;} #vehicle .three .t1 p:before{display: block;content:"";position: absolute;width: calc(100% + 4px);height: 15px;left: -2px;bottom: -8px;background: #2962cc;} #vehicle .three .t2{font-size: var(--18px);line-height: 1.944;color: #fff;margin: 25px auto 65px;} #vehicle .three .neimore{margin: 0 auto;color: #fff;} #vehicle .three .t3{font-size: var(--48px);color: #fff;} #vehicle .three .t4{font-size: var(--16px);color: #fff;line-height: 2.1875;margin: 40px auto;text-align: left;} #vehicle .three .text .txt2{display: none;} #vehicle .three .text .txt1{display: inline-block;} #vehicle .three .text.cur .txt1{display: none;} #vehicle .three .text.cur .txt2{display: inline-block;} #vehicle .four{padding: 30px 0px 85px;background: #fff;} #vehicle .four .con{margin-top: 50px;} #vehicle .four .item{width: 32.5%;margin: 0 1.25% 1.25% 0;} #vehicle .four .item:nth-child(3n){margin-right: 0;} #vehicle .four .img{padding-top: 57.692%;width: 100%;margin-bottom: 25px;} #vehicle .four .text{padding-top: 25px;} #vehicle .four .text:before{display: block;content:"";position: absolute;width: 48.076%;padding-top: 50%;background: url(/images/bg1.jpg);top: 0;right: 0;} #vehicle .four .t1{line-height: 1.66;padding-left: 66px;font-size: var(--30px);margin-bottom: 30px;} #vehicle .four ul{padding-left: 15px;} #vehicle .four ul li{list-style-type: disc;line-height: 1.785;margin-bottom: 5px;} #vehicle .four ul li::marker{color: #2962cc;} /*biology 产品与服务-生物医疗-A*/ /*公用*/ #bionav{height: 0;z-index: 2;} #bionav .bicon{height: 234px;background: #0281fe;bottom: 100%;left: 0;width: 100%;} #bionav .bnli{width: 50%;} #bionav .bnli .img{width: 24.375%;} #bionav .bnli .img .icon{width: 136px;height: 136px;border-radius: 50%;background: #fff;} #bionav .bnli .text{width: 75.625%;} #bionav .bnli .t1{color: #fff;font-size: var(--24px);margin-bottom: 20px;} #bionav .bnli .t1 span{color: #fff;margin: 0 15px;} #bionav .bnli .t1.tt{display: none;} #bionav .bnli .t2{color: #fff;font-size: var(--18px);line-height: 1.5;} #bionav .bnli.fl .img{border-right: 1px solid rgba(255,255,255,0.2);} #bionav .bnli.fr .img{border-left: 1px solid rgba(255,255,255,0.2);} #bionav .bnli.fl .text{text-align: left;padding-left: 8%;} #bionav .bnli.fr .text{text-align: right;padding-right: 8%;} #bionav .bnli.fl .t2{margin-right: 25px;} #bionav .bnli.fr .t2{margin-left: 25px;} #bionav .bnli.cur{background: #065deb;position: relative;} #bionav .bnli.cur:before{display: block;content:"";position: absolute;border: 17px solid transparent;border-top-color: #065deb;left: calc(50% - 17px);bottom: -34px;} #biology .one{padding: 27px 0 20px;background: #fff;} #biology .one:before{display: block;content: "";position: absolute;width: 37.083%;padding-top: 21.51%;right: 0;top: 0;background: url(/images/bg3.png);} #biology .one .con{margin-top: 65px;white-space: normal;} #biology .one .tent{margin-bottom: 55px;} #biology .one .ten1{width: 69.375%;} #biology .one .ten1 .item{width: 25%;padding: 0 20px;border-left: 1px solid #efefef;position: relative;} #biology .one .ten1 .item:before{display: block;content:"";position: absolute;width: 1px;height: 14px;background: #2962cc;top: 12px;left: -1px;} #biology .one .ten1 .item .icon{width: 50px;height: 50px;} #biology .one .ten1 .item .t1{font-size: var(--16px);line-height: 1.875;margin: 5px auto;} #biology .one .ten1 .item .t2{line-height: 1.785;} #biology .one .ten2{width: 30.625%;} #biology .one .ten2 .t3{font-size: var(--30px);line-height: 1;margin-bottom: 40px;} #biology .one .container{padding: 30px;width: calc(100% + 60px);margin-left: -30px;} #biology .one .slide .list{width: 24.1875%;padding-top: 14.375%;background: #fff;margin: 0 1.3125% 1.3125% 0;box-shadow: 0 0 30px #ddd;} #biology .one .slide .list:nth-child(1){width: 49%;padding-top: 30.1875%;} #biology .one .slide .list:nth-child(3), #biology .one .slide .list:nth-child(5){margin-right: 0;} #biology .two{padding: 30px 0 70px;background: #fafafa;} #biology .two .neianniu{margin-top: 40px;} #biology .two .con{margin-top: 20px;white-space: normal;} #biology .two .con:before{display: block;content: "";position: absolute;width: 44.4375%;height: 60px;left: 27.375%;top: -60px;background: url(/images/bg3.png);} #biology .two .slide{width: 84.225%;margin-right: 2.025%;} #biology .two .img{width: 61%;padding-top: 36.124%;} #biology .two .text{width: 50.542%;margin-left: -11.627%;position: relative;z-index: 2;background: #fafafa;position: relative;padding: 4.426% 0 2.2% 4.26%; /*border-bottom-left-radius: 105px;*/} #biology .two .text:before{display: block;content: "";position: absolute;width: 85%;height: 100%;left: 0;top: 0;background: url(/images/bg3.png);} #biology .two .t1{margin-bottom: 35px;} #biology .two .t1 p{position: relative;display: inline-block;} #biology .two .t1 p span{font-size: var(--40px);position: relative;z-index: 2;font-weight: bold;} #biology .two .t1 p:before{display: block;content:"";position: absolute;width: calc(100% + 4px);height: 11px;left: -2px;bottom: 3px;background: #2962cc;} #biology .two .t2{line-height: 1.4;max-height: 180;font-size: var(--16px);overflow: hidden;} #biology .two .t3{line-height: 2.14;font-size: var(--16px);font-weight: bold;} #biology .two .t4{color: rgba(41,98,204,0.12);font-size: var(--70px);line-height: 50px;margin-right: 30px;} #biology .three{padding: 28px 0 37px;} #biology .three .tact{margin-top: 25px;} #biology .three .tact .icon{width: 120px;height: 120px;background: #fff;margin-right: 25px;} #biology .three .tact .t1{line-height: 2.14;margin: 3px auto 25px;} #biology .three .tact .t2{font-size: var(--16px);line-height: 1.875;} #biology .three .con{margin-top: 40px;white-space: normal;} #biology .three .item{background: #fff;width: 18.3125%;margin: 0 2.109375% 2.109375% 0;padding: 20px 20px 45px;box-shadow: 0 0 30px #eee;} #biology .three .item:nth-child(5n){margin-right: 0;} #biology .three .item .t1{line-height: 1.875;padding: 15px 60px 15px 0;font-size: var(--18px);margin-bottom: 10px;} #biology .three .item .t2{line-height: 1.785;} /*products 产品与服务-生物医疗-B目录*/ /*公用*/ #procon{padding: 30px 0 100px;} #protent{margin-top: 65px;} #proright{width: 72.9375%;} #pronav{width: 22.625%;} #pronav .pntit{line-height: 4.11;color: #fff;font-size: var(--18px);background: #2962cc;padding: 0 32px;} #pronav .pnli{margin-top: 5px;background: #f9f9f9;line-height: 74px;} #pronav .pnone{padding: 0 32px;position: relative;} #pronav .pnone:before{display: block;content:"";position: absolute;width: 15px;height: 8px;right: 32px;top: calc(50% - 4px);background: url(/images/icon98.png) no-repeat center;} #pronav .pnone .pna1{color: #666;font-weight: bold;max-width: calc(100% - 20px);display: inline-block;line-height: 30px;padding: 22px 0; font-size: var(--18px);} #pronav .pntwo{padding: 0 32px;background: #f5f5f5;} #pronav .pntwo .pna2{color: #666;font-weight: bold;display: block;line-height: 30px;padding: 22px 0;} #pronav .pnli.cur .pnone:before{transform:rotate(-180deg); -ms-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg);} #pronav .pnli.cur .pna1{color: #333;} #products .list{border: 1px solid #f1f1f1;margin-bottom: 20px;} #products .list .img{width: 40.239%;padding-top: 31.678%;} #products .list .text{width: 54.794%;padding: 4.28% 0 4.28% 5.136%;} #products .list .t1{font-size: var(--20px);line-height: 1.5;} #products .list .t2{line-height: 2.142;margin: 20px auto;} #products .list .t3{width: 156px;line-height: 54px;height: 54px;background: url(/images/more9.png) no-repeat center right 18px #2962cc;color: #fff;padding-left: 25px;} #products .list:hover{border: 1px solid #2962cc;} #products .list:hover .t1{color: #2962cc;} /*products-list 产品与服务-生物医疗-B-列表页*/ #products-list .list{width: 31.678%;margin: 0 2.483% 2.483% 0;padding: 2.14% 0;border: 1px solid #eee;overflow: hidden;} #products-list .list:nth-child(3n){margin-right: 0;} #products-list .list .t1{text-align: center;font-size: var(--16px);line-height: 2;} #products-list .list .img{width: 100%;padding-top: 68.37%;} #products-list .list .t2{line-height: 1.785;color: #7c7c7c;text-align: center;width: 90%;margin: 0 auto;} #products-list .list .t3{line-height: 58px;color: #fff;text-align: center;background: #2962cc;left: 0;width: 100%;bottom: -58px;} #products-list .list:hover{border: 1px solid #fff;box-shadow: 0 0 20px #ccc;} #products-list .list:hover .t1{color: #2962cc;} #products-list .list:hover .t2{opacity: 0;} #products-list .list:hover .t3{bottom: 0;} #products-list .neimore{margin: 40px auto 0;} /*products-detail 产品与服务-生物医疗-B-详情页*/ #products-detail .top .img{width: 53.767%;} #products-detail .top .container[thumbs]{background: #f5f5f5;margin-bottom: 20px;} #products-detail .top .xiaotu{padding: 0 84px;} #products-detail .top .xiaotu .slide{border: 2px solid #efefef;width: 30%;margin-right: 4%;} #products-detail .top .xiaotu .slide.swiper-slide-thumb-active{border: 2px solid #5b87d8;} #products-detail .top .xiaotu .anniu{height: 100%;width: 56px;top: 0;} #products-detail .top .xiaotu .prev{left: 0;background: url(/images/icon104.png) no-repeat center #ededed;} #products-detail .top .xiaotu .next{right: 0;background: url(/images/icon106.png) no-repeat center #ededed;} #products-detail .top .xiaotu .prev:hover{background: url(/images/icon103.png) no-repeat center #2962cc;} #products-detail .top .xiaotu .next:hover{background: url(/images/icon105.png) no-repeat center #2962cc;} #products-detail .top .text{width: 42.123%;} #products-detail .top h2{font-size: var(--32px);margin: 40px auto 25px;border-bottom: 1px solid #e1e2e3;padding-bottom: 20px;word-wrap: break-word;white-space: pre-wrap; word-break: break-all;} #products-detail .top .t1{line-height: 2.5;margin-bottom: 60px;font-size: var(--14px);word-wrap: break-word;white-space: pre-wrap; word-break: break-all;} #products-detail .top .t1 span{color: #999;} #products-detail .top .popup{width: 156px;line-height: 54px;height: 54px;background: url(/images/more9.png) no-repeat center right 18px #2962cc;color: #fff;padding-left: 25px;} #products-detail .con .title{line-height: 36px;background: #fbfbfb;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;padding: 20px;margin-top: 60px;} #products-detail .con .title .t2{margin-left: 50px;} #products-detail .con .title .t2 p{position: relative;display: inline-block;} #products-detail .con .title .t2 p span{color: #333;position: relative;z-index: 2;} #products-detail .con .title .t2 p:before{display: block;content:"";position: absolute;width: calc(100% + 6px);height: 5px;left: -3px;bottom: 9px;background: #fbfbfb;} #products-detail .con .title .t2.cur p:before{background: #2962cc;} #products-detail .con .tit1{margin: 45px auto 20px;font-size: var(--18px);} #products-detail .con .editor{overflow: auto;} #products-detail .bot{margin-top: 40px;} #products-detail .bot .bit{line-height: 60px;padding: 3.681% 2.654% 3.681% 6.335%;width: 50%;} #products-detail .bot .bit .bt1{width: calc(100% - 70px);color: #f1f6fa;} #products-detail .bot .bit .icon{width: 60px;height: 60px;border: 1px solid #fff;border-radius: 50%;} #products-detail .bot .bit:nth-child(1){background: #065deb;} #products-detail .bot .bit:nth-child(2){background: #0274e5;} #products-detail .bot .bit:nth-child(1) .icon{background: url(/images/more8.png) no-repeat center #fff;} #products-detail .bot .bit:nth-child(2) .icon{background: url(/images/more9.png) no-repeat center transparent;} #inner-swiper .manu-ban .m-yuan div {font-size: 26px;} #inner-swiper .manu-ban .m-yuan div b{font-size: 38px;} #inner-swiper .manu-ban .m-yuan{height: 56%;-webkit-background-size: 75% auto;background-size: 75% auto;} #inner-swiper .manu-ban .m-yuan .txt5{right: -24%;} #inner-swiper .manu-ban .m-yuan .txt2, #inner-swiper .manu-ban .m-yuan .txt1{top: 3%;} #inner-swiper .manu-ban .m-yuan .txt6{left: -48%;} #inner-swiper .manu-ban .m-yuan .txt3, #inner-swiper .manu-ban .m-yuan .txt4{bottom: 5%;} @media screen and (max-width:1720px){ #inner-swiper .manu-ban .m-yuan .txt5{right: -33%;} #inner-swiper .manu-ban .m-yuan .txt6{left: -63%;} #inner-swiper .electr .nt2{font-size: var(--50px);} #inner-swiper .biology{bottom: 300px;} } @media screen and (max-width:1685px){ .cw1600{width: 90%;} #index .two:before{width: 19.6145%;} /* #inner-swiper .manu-ban .m-yuan{width: 40%; height: 70%;} #inner-swiper .manu-ban .m-yuan .txt1, #inner-swiper .manu-ban .m-yuan .txt3{left: 9%;} #inner-swiper .manu-ban .m-yuan .txt2, #inner-swiper .manu-ban .m-yuan .txt4{right: 9%;}*/ #inner-swiper .about .nt1 p span{font-size: var(--60px);} #inner-swiper .about .nt1{line-height: 70px;} #inner-swiper .about .nt2{margin-top: 35px;} } @media screen and (max-width: 1600px){ #inner-swiper .about .txt{bottom: 210px;} #inner-swiper .about .nt1{line-height: 50px;} #inner-swiper .about .nt1 p span{font-size: var(--50px);} #inner-swiper .about .nt1.cn p:before{bottom: 16px;} #inner-swiper .about .nt1 p:before{bottom: 20px;} #inner-swiper .about .nt2{margin-top: 20px;} #inner-swiper .about .txt{bottom: 197px;} /* #inner-swiper .about .nt1{line-height: 80px;margin-bottom: 0;} #inner-swiper .about .nt1 p span{font-size: var(--80px);} #inner-swiper .about .nt1 p:before{bottom: 27px;} #inner-swiper .about .nt1.cn p:before{bottom: 17px;} #inner-swiper .about .nt2{margin-top: 10px;} #inner-swiper .inner-about{min-height: 174px;padding: 55px 0;}*/ /*#about .two .con .list1{width: 17%; padding-left: 1%;}*/ /*#about .two .con .list2 {width: 53.625%;padding-left: 1%;}*/ #inner-swiper .top-txt img{max-width: 100%;} } @media screen and (max-width:1536px){ /*#about .two .con .t2{ font-size: var(--28px); }*/ /*#about .two .con .list0{width: 28.375%;}*/ /*#about .two .con .list1{width: 16%;}*/ /*#about .two .con .list2{width: 55.625%;}*/ #about .two .con .t2{padding-left: 66px;} #about .two .con .t2{ font-size: var(--24px); } } @media screen and (max-width:1470px){ .cw1400{width: 90%;} .inner-title .ti1{font-size: var(--40px);} .inner-title .ti2{font-size: var(--40px);} #contact .two .text{padding: 0 2% 0 5%;margin: 20px 3.125% 0 0;} #contact .two .text .list{margin-bottom: 25px;} #contact .two .text .t1{margin-bottom: 10px;} #about .one .text{margin-top: 0;padding-right: 4%;} /*#about .two .con .list0{width: 37%;}*/ /*#about .two .con .list1{width: 24%;}*/ /*#about .two .con .list2{width: 30%;}*/ #about .two .con .t3 div{margin-bottom: 10px;} #inner-swiper .electr .nt4{margin: 30px auto 50px;} #inner-swiper .electr .nt3{margin: 0 auto;} #light .one .text{width: 40%;} #light .one .map{width: 62.25%;} #light .three .text{width: 48.125%;} #light .three .text.fr .inline-block{padding-right: 60px;} #light .three .text.fr .num{right: -40px;} #light .three .text.fl .inline-block{padding-left: 60px;} #light .three .text.fl .num{left: -40px;} #light .four .tent{padding: 60px 140px;} #light .four .text{width: 46%;margin-top: 0;} #inner-swiper .electr .nt4{margin: 20px auto;} #bionav .bnli .img .icon{width: 110px;height: 110px;} #index .two:before{width: 21.6145%;} #inner-swiper .manu-ban .m-yuan div {font-size: 21px;} #inner-swiper .manu-ban .m-yuan div b{font-size: 28px;} #inner-swiper .manu-ban .m-yuan{height: 54%;-webkit-background-size: 85% auto;background-size: 85% auto;} #inner-swiper .manu-ban .m-yuan .txt5{right: -33%;} #inner-swiper .manu-ban .m-yuan .txt2, #inner-swiper .manu-ban .m-yuan .txt1{top: 4%;} #inner-swiper .manu-ban .m-yuan .txt3, #inner-swiper .manu-ban .m-yuan .txt4{bottom: 6%;} #inner-swiper .manu-ban .m-yuan .txt6 img{max-width: 200px;} #inner-swiper .manu-ban .m-yuan .txt6{left: -43%;} #inner-swiper .manu-ban .m-yuan .txt1{left: -12%;} #inner-swiper .manu-ban .m-yuan .txt2{right: -12%;} #inner-swiper .manu-ban .m-yuan .txt3{left: -12%;} #inner-swiper .manu-ban .m-yuan .txt4{right: -12%;} #inner-swiper .biology .nt2{font-size: var(--40px);} #inner-swiper .biology .nt4{margin-bottom: 30px;font-size: var(--20px);} #inner-swiper .biology{bottom: 300px;} } @media screen and (max-width:1360px){ /*#about .two .con .list0{width: 39%;}*/ /*#about .two .con .list1{width: 24%;}*/ /*#about .two .con .list2{width: 27.625%;}*/ #inner-swiper .biology{bottom: 80px;} #bionav{height: auto;} #bionav .bicon{position: static;} #bionav .bnli .t1{font-size: var(--20px);} #bionav .bnli.fl .text{padding-left: 6%;} #bionav .bnli.fr .text{padding-right: 6%;} #bionav .bnli .img{width: 22%;} #bionav .bnli .img .icon{width: 100px;height: 100px;} #about .two .con .t3 div, #about .two .con .t2{ font-size: var(--20px); } } @media screen and (max-width:1265px){ .cw1200{width: 90%;} #header .hnav .one-nav{margin-right: 40px;} #light .one .text{width: 100%;float: none;} #light .one .map{width: 100%;float: none;padding-top: 48.024%;margin-right: 0;} #light .four .tent{padding: 60px 120px;width: 100%;float: none;} #light .four .text{width: 100%;float: none;margin-top: 50px;} #vehicle .one .text{width: 100%;float: none;} #vehicle .one .img{width: 100%;float: none;padding-top: 61.383%;} #pronav{width: 25%;} #pronav .pnone{padding: 0 20px;} #pronav .pnone:before{right: 20px;} #pronav .pntwo{padding: 0 20px;} #inner-swiper .about .txt{bottom: 170px;} #inner-swiper .inner-about{min-height: 200px;padding: 60px 0;} #bionav .bnli .t1{font-size: var(--16px);} #bionav .bnli .t2{font-size: var(--16px);} #bionav .bnli.fl .text{padding-right: 2%;} #bionav .bnli .t1 span{font-size: 13px;} #bionav .bnli.fr .text{padding-left: 2%;} #bionav .bnli .img{width: 20%;} #bionav .bnli .img .icon{width: 80px;height: 80px;} #bionav .bnli .img .icon img{max-width: 40px;max-height: 40px;} #inner-swiper .manu-ban .m-yuan .txt2, #inner-swiper .manu-ban .m-yuan .txt1{top: 10%;} #inner-swiper .manu-ban .m-yuan .txt3, #inner-swiper .manu-ban .m-yuan .txt4{bottom: 12%;} #inner-swiper .manu-ban .m-yuan .txt6{left: -47%;} #inner-swiper .manu-ban .m-yuan .txt5{right: -36%;} /* #inner-swiper .about .nt1{line-height: 60px;} #inner-swiper .about .nt1 p span{font-size: var(--60px);} #inner-swiper .about .nt1 p:before{bottom: 17px;} #inner-swiper .about .nt1.cn p:before{bottom: 10px;} #inner-swiper .about .nt2{font-size: var(--20px);} #inner-swiper .inner-about{min-height: 134px;padding: 35px 0;}*/ } @media screen and (max-width: 1200px){ #about .two .con{padding-top: 70px;} #about .two .con .list0{width: 100%;float: none;margin-bottom: 25px;} #about .two .con .list1{width: 100%;float: none;border: none;padding-left: 0;margin-bottom: 25px;} #about .two .con .list2{width: 100%;float: none;padding-left: 0;} #about .two .con .t2{font-size: var(--28px);} #about .two .con .t3 div{font-size: var(--24px);} #inner-swiper .about .nt1{line-height: 30px;} #inner-swiper .about .nt1 p span{font-size: var(--30px);} #inner-swiper .about .nt1 p:before{bottom: 13px;} #inner-swiper .about .nt1.cn p:before{bottom: 11px;} #inner-swiper .about .nt2{font-size: var(--18px);} #inner-swiper .about .nt1 p:before{height: 10px;} } @media screen and (max-width:1180px){ #bionav .bnli .img{display: none;} #bionav .bnli.fl .text{padding-left: 6%;} #bionav .bnli.fr .text{padding-right: 6%;} #bionav .bnli .text{width: 100%;padding: 0 6%;} #bionav .bnli .t1{display: none;} #bionav .bnli .t1.tt{display: block;} #bionav .bnli .t1 span{margin: 0;} #bionav .bnli .t1{margin-bottom: 15px;font-size: var(--26px);} #bionav .bnli .t1 span{font-size: var(--18px);} #bionav .bnli .t2{font-size: var(--18px);} } @media screen and (max-width:1100px){ #header .hcon .hnav{display: none;} #header .lang{width: 50px;height: 50px;line-height: 50px;margin: 45px 40px 45px 0;} #header .lang a{font-size: var(--40px);} #header .menu{width: 50px;height: 50px;line-height: 50px;margin: 45px auto;background: url(/images/menu.png) no-repeat center;background-size: cover;display: block;} #header .hsea{width: 50px;height: 50px;line-height: 50px;margin: 45px 40px 45px 0;background: url(/images/sousuo.png) no-repeat center;background-size: cover;} #header.cur .hsea,#header.on .hsea{background: url(/images/sousuo1.png) no-repeat center;background-size: cover;} #header.cur .menu,#header.on .menu{background: url(/images/menu1.png) no-repeat center;background-size: cover;} .header-bg{background: rgba(0,0,0,0.5);z-index: 48;width: 100%;position:fixed;top: 0;bottom: 0;left: 0;right: 0;display: none;} .header-bg.on{display: block;} .side-menu{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;transform: translateX(-100%);-webkit-transform: translateX(-100%);transition-property: transform;-webkit-transition-property: -webkit-transform;transition-duration: 0.5s;-webkit-transition-duration: 0.5s;display: block;} .side-menu.show{transform: translateX(0);-webkit-transform: translateX(0);} .side-menu .inner{position: absolute;left: 0;top: 0;width: 80%;height: 100%;padding-top: 34px;background: #fff;overflow-x: hidden;overflow-y: auto;border: solid 1px #ededed;border-top: none;} .side-menu .hd{padding: 0 32px;overflow: hidden;justify-content: space-between;-webkit-justify-content: space-between;} .side-menu .hd .icon-fork{width: 50px;height: 50px;background: url(/images/close.svg) no-repeat center;border-radius: 50%;background-size: 100%;margin-top: 14px;} .side-menu .hd .logos img{width: 241px;height: 64px;} .side-menu .hd .imgclean{padding: 0 2px;} .side-menu ul > li .navone{display: block;padding: 0 40px;position: relative;line-height: normal;margin-top: 40px;color: #000;} .side-menu ul > li .navone.you:after{display: block;width: 8px;height: 14px;background: url(/images/rights_n.jpg) no-repeat center;position: absolute;right: 38px;top: 16px;z-index: 1;content: '';background-size: 100%;} .side-menu ul > li .navone a{font-size: var(--24px);text-transform: uppercase;} .side-menu .navtwo{background: #fff;display: none;} .side-menu .navtwo .aa{display: block;padding: 0 40px;position: relative;line-height: normal;margin-top: 32px;color: #000;padding-left: 56px; color: #000;opacity: 0.56;font-size: var(--20px);} .side-menu .navtwo .aa:after{display: none;} .side-menu .navul{position: absolute;left: 0;top: 150px; z-index: 2;width: 100%;background: #fff;} .side-menu .navul.ons{z-index: 1;} #footer .fleft{width: 65%;} #footer .fnav .fa{margin-right: 30px;} #resume .center{width: 95%;} #electr .one .img{width: 100%;float: none;padding-top: 61%;} #electr .one .text{width: 100%;float: none;} #electr .one .text:before{display: none;} #electr .two .container{width: 100%;} #electr .two .slide{margin-right: 40px;} #electr .two .img{width: 100%;float: none;padding-top: 60.375%;} #electr .two .text{width: 100%;float: none;margin-left: 0;margin-top: 25px;} #electr .two .t2{margin-bottom: 20px;} #electr .two .li{margin-bottom: 20px;} #electr .two .swiper-pagination-fraction{bottom: auto;left: calc(100% - 176px);top: calc(60.375% - 63px);} #products-detail .top h2{margin: 0 auto 10px;} #products-detail .top .t1{margin-bottom: 20px; overflow: auto;} #inner-swiper .manu-ban .m-yuan{width: 50%;-webkit-background-size: 70% auto;background-size: 70% auto; } #inner-swiper .manu-ban .m-yuan .txt2, #inner-swiper .manu-ban .m-yuan .txt1{top: 8%;} #inner-swiper .manu-ban .m-yuan .txt3, #inner-swiper .manu-ban .m-yuan .txt4{bottom: 8%;} #inner-swiper .manu-ban .m-yuan .txt1{left: 14%;} #inner-swiper .manu-ban .m-yuan .txt2{right: 14%;} #inner-swiper .manu-ban .m-yuan .txt4{right: 15%;} #inner-swiper .manu-ban .m-yuan .txt3{left: 15%;} #inner-swiper .manu-ban .m-yuan .txt5{right: -15%;} #inner-swiper .manu-ban .m-yuan .txt6{left: -25%;} } @media screen and (max-width:1080px){ #inner-swiper .inner-about{min-height: 180px;padding: 40px 0 30px;} #inner-swiper .about .txt{bottom: 133px;} #inner-swiper .inner-about .int1{font-size: var(--20px);} } @media screen and (max-width:981px){ /*about 关于我们*/ #inner-swiper .inner-about{display: none;} #inner-swiper .about .nt3{display: none;} #inner-swiper .about .txt{bottom: 20%;} } @media screen and (max-width:920px){ #inner-swiper .manu-ban .m-yuan .txt2, #inner-swiper .manu-ban .m-yuan .txt1{top: 12%;} #inner-swiper .manu-ban .m-yuan .txt3, #inner-swiper .manu-ban .m-yuan .txt4{bottom: 12%;} #inner-swiper .manu-ban .m-yuan .txt5{right: -21%;} #inner-swiper .manu-ban .m-yuan .txt6{left: -33%;} } @media screen and (max-width:750px){ :root{--12px: 24px;} :root{--14px: 26px;} :root{--16px: 28px;} :root{--18px: 30px;} :root{--20px: 32px;} :root{--22px: 34px;} :root{--24px: 36px;} :root{--26px: 38px;} :root{--28px: 40px;} :root{--30px: 42px;} :root{--32px: 42px;} :root{--36px: 44px;} :root{--40px: 46px;} :root{--48px: 48px;} :root{--50px: 50px;} :root{--60px: 50px;} :root{--66px: 50px;} :root{--70px: 50px;} :root{--80px: 50px;} :root{--90px: 50px;} .scroll-bg .tit-white{display: none !important;} #header .logo{height: 60px;} .neimore{width: 200px;} /*全站搜索*/ .global-search .form .submit{width: 75px;} .global-search .list .info .title{line-height: 1.6;} .global-search .list .info .day, .global-search .list .info .cate{line-height: 1.6;} .global-search .list .info .desc{line-height: 1.6;} #header .lang a{font-size: var(--22px);} #header .hsea, #header .menu{width: 40px; height: 40px; margin-top: 50px;} #footer{padding-top: 10px;} #footer .fleft{width: 100%;float: none;} #footer .flogo{margin: 35px auto;} #footer .fnav{display: none;} #footer .fshare{margin: 0 auto;width: 200px;float: none;} #footer .copy{text-align: center;line-height: 1.5;margin-top: 30px;} #inner-swiper .news{bottom: 10%;left: 5%;} #inner-swiper .news .nt2{line-height: 50px;width: 100%;} #inner-swiper .news .nt3{display: none;} #inner-swiper .index .slide .top-txt{width: 80%;} #inner-swiper .top-txt{width: 92%;left: 50%;top: 57%;} .inner-title .xian{margin-top: 23px;} .inner-title .ti3{width: 280px;} .inner-title .xian{width: calc(100% - 300px);min-width: 200px;} /*新闻资讯 news*/ #news .hot{display: none;} #news .con .list{padding: 40px 0px;} #news .list .time{display: none;} #news .list .img{display: none;} #news .list .text{width: 100%;padding: 0;float: none;} #news .list .time1{display: block;margin-bottom: 15px;} #news .list .t3{margin: 30px auto;} #news .more{width: 200px;} /*新闻资讯 news-detail*/ .crumbs .txt{width: calc(100% - 130px);} #ndetail .attr{line-height: 40px;} #ndetail .time{background: none;padding-left: 0;} #ndetail .view{background: none;padding-left: 0;} #ndetail .share{display: none;} #ndetail .turn .prev,#ndetail .turn .next{width: 100%;padding-top: 41.666%;float: none;margin-top: 15px;} #ndetail .turn>a:before{background: rgba(37,88,184,0.9);} #ndetail .turn>a .icon{background: url(/images/more8.png) no-repeat center #fff;} /*manufacture 蓝光智造*/ #inner-swiper .manu-ban .back{display: none;} /* #inner-swiper .manu-ban .m-video .video, #inner-swiper .manu-ban .m-video{position: static;} #inner-swiper .manu-ban .m-video{width: 100%;} #inner-swiper .manu-ban .m-yuan{display: none;}*/ /* #inner-swiper .manu-ban .m-video{width: 100%;} #inner-swiper .manu-ban .m-yuan{width: 100%;} #inner-swiper .manu-ban .m-yuan .txt5{right: 3%;} #inner-swiper .manu-ban .m-yuan .txt6{left: -17%;} #facture .factbg{display: none;} */ #facture .list{padding-bottom: 30px;} /* #facture .list .img{display: none;} */ #facture .list .img{width: 100%;} #facture .list .text{width: 100%;float: none;} #facture .list .text.fl{padding: 20px 30px;} #facture .list .text.fr{padding: 20px 30px;} #facture .list .text.fr .t1{text-align: left;} #facture .list .text.fr .t2{text-align: left;padding-left: 64px;padding-right: 0;background-position: center left;} #facture .list .t3{padding: 30px 0;} #facture .list .a1{float: none;display: inline-block;} #facture .list .a1.fr{margin-right: 0;} /*关于我们*/ #inner-swiper .about .txt{bottom: 15%;} #inner-swiper .about .nt1 p span{font-size: var(--28px);} #inner-swiper .about .nt1{line-height: 40px;margin-bottom: 20px;} #inner-swiper .about .nt2{font-size: var(--24px);line-height: 48px;} /*contact 联系我们*/ #contact .one{background: #fafafa;} #contact .one .img{width: 100%;float: none;} #contact .one .text{width: 100%;float: none;} #contact .one .con{height: 500px;width: 100%;} #contact .two .text{width: 100%;float: none;margin: 60px auto;background: none;padding: 0;} #contact .two .img{width: 100%;float: none;padding-top: 60.375%;} #contact .three .slide{width: 100%;} #contact .four .list{margin-bottom: 30px;} #contact .four .list .tit{height: auto;padding: 22px 4.375%;line-height: 36px;} #contact .four .list .tit>div{width: 17.8%;} #contact .four .list .tit .t1{width: 62%;} #contact .four .list .tit .t4{width: 31%;} #contact .four .list .t2, #contact .four .list .t3, #contact .four .list .t5{display: none;} #contact .four .list .neimore{position: static;margin-bottom: 40px;} /*弹窗*/ #resume .center .fm{width: 100%;float: none;} #resume .center .fm .tit{width: 22%;line-height: 60px;margin-right: 3%;} #resume .center .fm .input{width: 70%;} #resume .center .fm .input input{height: 60px;line-height: 60px;} #resume .center .fm .gen{line-height: 60px;} #resume .center .fm .gen input{margin-top: 0;} #resume .center .file .bg{width: 200px;height: 60px;line-height: 60px;} #resume .center .file .file2{line-height: 60px;} #resume .center .check .tit1{line-height: 1.8;width: calc(100% - 55px);} #resume .center .check input[type="checkbox"] + label{ width: 40px;height: 40px;border: 2px solid #aaa;} #resume .center .check.cur .t::before{font-size: var(--20px);} #resume .center .submit{width: 200px;height: 60px;line-height: 60px;} #about .one .text{width: 100%;padding-right: 0;float: none;margin-bottom: 40px;} #about .one .data{margin-top: 40px;} #about .one .data .dli:nth-child(1){width: 50%;} #about .one .data .dli{width: 50%;margin-bottom: 30px;} #about .one .data .dli:nth-last-child(1){width: 50%;} #about .one .video{width: 100%;margin-right: 0;padding-top: 68.4375%;float: none;} #about .two{padding: 74px 0;} #about .two .con .t3{padding-left: 75px;} #about .two .con .t3 div{margin-bottom: 15px;line-height: 60px;} #about .two .con .t3 span{width: 60px;height: 60px;line-height: 60px;margin-right: 15px;} #about .three{background: #fff;} #about .three .left{width: 100%;margin-left: 0;background: none;float: none;} #about .three .left .img{width: 100%;padding-top: 71.777%;float: none;} #about .three .left .img:before{display: none;} #about .three .left .text{width: 100%;float: none;padding-top: 0;margin-top: 30px;} #about .three .left .t1{display: none;} #about .three .left .t1.tt{display: block;} #about .three .left .t1{height: 90px;} #about .three .left .t1 span{font-size: 80px;color: #333;line-height: 90px;} #about .three .left .txt{margin-bottom: 0;} #about .three .left .t5{margin-top: 20px;} #about .three .right{display: none;} /*electronics 产品与服务-消费电子领域*/ #inner-swiper .electr .nt3{display: none;} #inner-swiper .electr{bottom: 30%;} .inner-title.w1 .ti3{width: 320px;} .inner-title.w1 .xian{width: calc(100% - 330px);} #electr .two .swiper-pagination-fraction{top: calc(60.375% - 307px);} #electr .three .item{width: 48%;margin: 0 4% 4% 0;} #electr .three .item:nth-child(2n){margin-right: 0;} /*light 产品与服务-光通信*/ #light .one .t2{margin: 15px auto 25px;} #light .one .item{margin-bottom: 20px;width: 100%;float: none;} #light .one .item:nth-child(2n){padding-left: 0;border-left: none;} #light .one .map{display: none;} #light .two .con>div.fl,#light .two .con>div.fr{max-width: 750px;width: 100%;} #light .two .yuan{position: static;margin-bottom: 40px;} #light .two .yuan .daimg{width: 100%;padding-top: 100%;left: 0;} #light .three .list{margin-bottom: 60px;} #light .three .img{width: 100%;float: none;padding-top: 0;} #light .three .img>.absolute{position: static;} #light .three .text{width: 100%;float: none;padding-top: 0;margin-top: 30px;} #light .three .text>.absolute{position: static;} #light .three .text .bg{display: none;} #light .three .text .num{display: none;} #light .three .text.fr .inline-block{padding-right: 0;} #light .three .text.fl .inline-block{padding-left: 0;} /*automobile 产品与服务-新能源汽车*/ #inner-swiper .energy .eimg{width: 70px; height: 70px;} #inner-swiper.automobile{height: 1200px;} #inner-swiper.automobile .news{bottom: 60px;} #inner-swiper .che{width: 90%;} #inner-swiper .che>img{margin-top: 35%;} #inner-swiper .energy .etxt{font-size: 16px;line-height: 1.2;} #inner-swiper .en0 .line::after, #inner-swiper .en1 .line::after{display: block;width: 1px;height: 100%;bottom: 15%;left: 0;transform:rotate(0deg) translate3d(0%,0,0); -ms-transform:rotate(0deg) translate3d(0%,0,0); -moz-transform:rotate(0deg) translate3d(0%,0,0); -webkit-transform:rotate(0deg) translate3d(0%,0,0); -o-transform:rotate(0deg) translate3d(0%,0,0);} #inner-swiper .en0 .line::before, #inner-swiper .en1 .line::before{display: none;} #inner-swiper .en0{top: 47.659%;left: 4.456%;} #inner-swiper .en0 .cont{bottom: -6px;right: 50%;} #inner-swiper .en0 .encon{top: -85%;right: -93px;height: auto;} #inner-swiper .en0 .line{padding: 0 0 230px 0;} #inner-swiper .en1{top: 45.154%;left: 11.699%;} #inner-swiper .en1 .cont{top: 40px;right: 50%;bottom: auto;} #inner-swiper .en1 .encon{bottom: -95%;right: -77px;height: auto;top: auto;} #inner-swiper .en1 .line{padding: 155px 0 0 0;} #inner-swiper .en2{top: 35.989%;left: 9.8207%;} #inner-swiper .en2 .line{padding: 0 0 149px 74px;} #inner-swiper .en2 .line::before{width: 17px;} #inner-swiper .en2 .line::after{width: 160px;right: -63px;top: 0;transform:rotate(-63deg) translate3d(-50%,0,0); -ms-transform:rotate(-63deg) translate3d(-50%,0,0); -moz-transform:rotate(-63deg) translate3d(-50%,0,0); -webkit-transform:rotate(-63deg) translate3d(-50%,0,0); -o-transform:rotate(-63deg) translate3d(-50%,0,0);} #inner-swiper .en4{top: 35.175%;left: 63.138%;} #inner-swiper .en4 .encon{top: -68px;} #inner-swiper .en4 .line{padding: 0 0 85px 119px;} #inner-swiper .en4 .line::before{display: none;} #inner-swiper .en4 .line::after{width: 144px;right: -73px;top: 0;transform:rotate(-36deg) translate3d(-50%,0,0); -ms-transform:rotate(-36deg) translate3d(-50%,0,0); -moz-transform:rotate(-36deg) translate3d(-50%,0,0); -webkit-transform:rotate(-36deg) translate3d(-50%,0,0); -o-transform:rotate(-36deg) translate3d(-50%,0,0);} #inner-swiper .en5{top: 37.092%;left: 73.6304%;} #inner-swiper .en5 .cont{top: 40px;right: 50%;bottom: auto;} #inner-swiper .en5 .encon{bottom: -95%;right: -77px;height: auto;top: auto;left: auto;} #inner-swiper .en5 .line{padding: 200px 0 0 0;} #inner-swiper .en5 .line::before{display: none;} #inner-swiper .en5 .line::after{width: 1px;height: 260px;bottom: -19%;left: -4px;transform:rotate(0deg) translate3d(0%,0,0); -ms-transform:rotate(0deg) translate3d(0%,0,0); -moz-transform:rotate(0deg) translate3d(0%,0,0); -webkit-transform:rotate(0deg) translate3d(0%,0,0); -o-transform:rotate(0deg) translate3d(0%,0,0);} #inner-swiper .en6{top: 44.6%;left: 97.1%;} #inner-swiper .en6 .cont{top: 40px;right: 50%;bottom: auto;} #inner-swiper .en6 .encon{bottom: -95%;right: -44px;height: auto;top: auto;left: auto;} #inner-swiper .en6 .line{padding: 100px 0 0 0;} #inner-swiper .en6 .line::before{display: none;} #inner-swiper .en6 .line::after{width: 100px;right: -22px;bottom: 25px;transform:rotate(103deg) translate3d(-50%,0,0); -ms-transform:rotate(103deg) translate3d(-50%,0,0); -moz-transform:rotate(103deg) translate3d(-50%,0,0); -webkit-transform:rotate(103deg) translate3d(-50%,0,0); -o-transform:rotate(103deg) translate3d(-50%,0,0);} #inner-swiper .en7{top: 50.886%;left: 47.353%;} #inner-swiper .en7 .cont{top: 40px;right: 50%;bottom: auto;} #inner-swiper .en7 .encon{bottom: -95%;right: -68px;height: auto;top: auto;left: auto;} #inner-swiper .en7 .line{padding: 122px 0 0 0;} #inner-swiper .en7 .line::before{display: none;} #inner-swiper .en7 .line::after{width: 1px;height: 110px;bottom: 30%;left: -6px;transform:rotate(0deg) translate3d(0%,0,0); -ms-transform:rotate(0deg) translate3d(0%,0,0); -moz-transform:rotate(0deg) translate3d(0%,0,0); -webkit-transform:rotate(0deg) translate3d(0%,0,0); -o-transform:rotate(0deg) translate3d(0%,0,0);} #vehicle .one .item{margin-bottom: 36px;width: 50%;/*float: none;*/} #vehicle .one .img{margin-top: 20px;} #vehicle .two .slide{width: 42%;margin-right: 8%;} #vehicle .three{width: 100%;padding-top: 0;} #vehicle .three>.absolute{position: static;} #vehicle .three .text{padding: 8% 5%;background: rgba(0,0,0,0.7);} #vehicle .three .text.cur{background: rgba(0,0,0,0.7);} #vehicle .four .item{width: 100%;margin: 0 0 5% 0;} /*biology 产品与服务-生物医疗-A*/ #inner-swiper .biology{bottom: 65px;} #inner-swiper .biology .dli{width: 50%;margin-bottom: 30px;} /*公用*/ #bionav .bicon{height: 200px;} #bionav .bnli .t1{display: block;} #bionav .bnli .t2{display: none;} #biology .one:before{display: none;} #biology .one .tent{margin-bottom: 20px;} #biology .one .ten1{width: 100%;float: none;} #biology .one .ten1 .item{width: 100%;float: none;margin-bottom: 40px;} #biology .one .ten2{width: 100%;float: none;} #biology .one .ten2 .t3{text-align: center;} #biology .one .ten2 .neianniu{float: none;margin: 15px auto 0;width: 140px;} #biology .one .ten2 .neianniu .prev{margin-left: 0;} #biology .one .slide .list{width: 48.375%;padding-top: 28.75%;margin: 0 2.625% 2.625% 0;} #biology .one .slide .list:nth-child(1){width: 100%;padding-top: 60.375%;} #biology .two{white-space: normal;} #biology .two .slide{width: 100%;} #biology .two .con:before{display: none;} #biology .two .img{width: 100%;float: none;padding-top: 59.212%;} #biology .two .text{width: 100%;float: none;margin-left: 0;padding: 4% 0;} #biology .two .text:before{display: none;} #biology .three .tact .t1{margin: 3px auto;} #biology .three .tact .icon{width: 170px;height: 170px;} #biology .three .item{width: 100%;margin: 0 0 3% 0;padding: 30px;float: none;} /*products 产品与服务-生物医疗-B目录*/ /*公用*/ #proright{width: 100%;float: none;margin-top: 50px;} #pronav{width: 100%;float: none;} #products .list{margin-bottom: 35px;border: 2px solid #f1f1f1;} #products .list .img{width: 70%;float: none;padding-top: 55.1061%;margin: 0 auto;} #products .list .text{width: 100%;float: none;padding: 4%;} #products .list .t3{width: 200px;line-height: 70px;height: 70px;} #products .list:hover{border: 2px solid #2962cc;} /*products-list 产品与服务-生物医疗-B-列表页*/ #products-list .list{width: 100%;float: none;margin: 0 0 4% 0;padding: 3%;border: 2px solid #eee;} #products-list .list .t1{text-align: center;font-size: var(--16px);line-height: 2;} #products-list .list .t3{display: none;} /*products-detail 产品与服务-生物医疗-B-详情页*/ #products-detail .top .img{width: 100%;float: none;} #products-detail .top .text{width: 100%;float: none;margin-top: 40px;} #products-detail .top .popup{width: 200px;line-height: 70px;height: 70px;} #products-detail .con .title .t1{float: none;} #products-detail .con .title .tnav{display: none;} #products-detail .bot{margin-top: 50px;} #products-detail .bot .bit{padding: 4%;width: 100%;float: none;margin-bottom: 20px;} /*index 首页*/ #index .one{padding: 80px 0 30px;} #index .one .item{float: none;margin-bottom: 30px;} #index .one .item .t1{margin-bottom: 0px;} #index .one .item:nth-child(1){padding: 0;width: 100%;} #index .one .item:nth-child(2){padding: 0;width: 100%;} #index .one .item:nth-child(3){padding: 0;width: 100%;} #index .one .item:nth-child(2):before, #index .one .item:nth-child(2):after{display: none;} #index .two{padding: 80px 0;height: auto;} #index .two:before{display: none;} #index .two .cw1600{height: auto;} #index .two .intro{width: 100%;pointer-events: auto;position: static;margin-bottom: 50px;} #index .two .intro .tro1{line-height: 1.5;margin: 30px auto;} #index .two .con{width: 100%;padding-left: 0;} #index .two .item{margin-bottom: 40px;} #index .two .item .t1{color: #333;-webkit-text-fill-color: #333;-webkit-text-stroke: 1px #333;display: none;} #index .two .item .txt{width: 100%;float: none;} #index .two .item .ttt{width: 100%;float: none;} #index .two .item .neimore{display: none;} #index .three{z-index: 5;} #index .three .twospan, #index .three .twospan.on, #index .three .twospan.on.in{display: none;} #index .three .text{width: 90%;left: 5%;top: 5%;} #index .three .text .yuan{width: 100px;height: 100px;} #index .three .text .t2{line-height: 1.5; font-size: 24px;} #index .three .swiper-pagination-fraction{bottom: 5%;left: 5%;width: 125px;font-size: var(--30px);} #index .four .con{padding: 0;} #index .four .tent .slide{width: calc(50% - 10px);margin-right: 20px;} #index .five .item{width: 100%;padding-top: 39.89582%;} #index .five .item .bg{background: rgba(37,88,184,0.6);} #index .five .item:hover .bg{background: rgba(37,88,184,0.6);} #inner-swiper .manu-ban{height: auto;} #inner-swiper .biology .nt5 span{margin: -20px 20px 0 0;} }