@charset "utf-8"; @font-face { font-family: 'Gilroy'; src:url(../font/Gilroy.eot); src: url(../font/Gilroy.eot?#iefix) format('embedded-opentype'), url(../font/Gilroy.svg#Gilroy) format('svg'), url(../font/Gilroy.woff) format('woff'), url(../font/Gilroy.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gilroy bold'; src:url(../font/GilroyB.eot); src: url(../font/GilroyB.eot?#iefix) format('embedded-opentype'), url(../font/Gilroy-semibold.svg#GilroyB) format('svg'), url(../font/GilroyB.woff) format('woff'), url(../font/GilroyB.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: "The Sans"; src: url(../font/d121ee190642ece5f7bc84ed401321a7.eot); src: url(../font/d121ee190642ece5f7bc84ed401321a7.eot?#iefix) format("embedded-opentype"),url(../font/61db78b6128e10dc822543724b68ce52.woff) format("woff"),url(../font/ec6de1b8fdd557e1e3023590c6621077.svg) format("svg"); font-weight: 300; font-style: normal; font-display: swap } @font-face { font-family: "The Sans"; src: url(../font/3f2c3bf8a64be01072ea7d05020d9f5f.eot); src: url(../font/3f2c3bf8a64be01072ea7d05020d9f5f.eot?#iefix) format("embedded-opentype"),url(../font/811174aa300a0465c6dab75cc09557a6.woff) format("woff"),url(../font/ec26dfc464b9c304661f0a84512d4b1c.svg) format("svg"); font-weight: 300; font-style: italic; font-display: swap } @font-face { font-family: "The Sans"; src: url(../font/708a42638a8134ca64bc6b2cf1ed080b.eot); src: url(../font/708a42638a8134ca64bc6b2cf1ed080b.eot?#iefix) format("embedded-opentype"),url(../font/7faf60970b5f3ef1635a561f5609e4e9.woff) format("woff"),url(../font/f9c375c1af21f92ed4de78ab12950b93.svg) format("svg"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: "The Sans"; src: url(../font/b62eb8406ed1cbf7c031ca704ccda942.eot); src: url(../font/b62eb8406ed1cbf7c031ca704ccda942.eot?#iefix) format("embedded-opentype"),url(../font/e6676d3e7f8974548434639f8fdfe544.woff) format("woff"),url(../font/693c0bcf757c4058f9ffdd751bb4b84e.svg) format("svg"); font-weight: 600; font-style: italic; font-display: swap } @font-face { font-family: "The Sans"; src: url(../font/10875142c225e7676e391da48a60cba9.eot); src: url(../font/10875142c225e7676e391da48a60cba9.eot?#iefix) format("embedded-opentype"),url(../font/4e0e6f88a1cc47efc8894a54a1c75057.woff) format("woff"),url(../font/2d3bdf907c10e5a0a6b0e9f3927eacdf.svg) format("svg"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: "The Sans"; src: url(../font/8de4e2742e1d6b4855bf60dc4758b6e9.eot); src: url(../font/8de4e2742e1d6b4855bf60dc4758b6e9.eot?#iefix) format("embedded-opentype"),url(../font/733389fda638853a75eb484ee85ee421.woff) format("woff"),url(../font/90a7f6802950a85c38288dd6ee1a79df.svg) format("svg"); font-weight: 700; font-style: italic; font-display: swap } blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} abbr,acronym,fieldset,img{border:0} ol,ul{list-style:none} caption,th{text-align:left} q:after,q:before{content:""} .col-c,.col-l{float:left} .col-r,.col_r{float:right} .c{clear:both} em{font-weight:400;font-style:normal} .clearfix:after{content:" ";display:block;height:0;visibility:hidden;clear:both} body{color:#333;font-size:13px;line-height:1.5;font-family:'Gilroy', Arial, "Microsoft YaHei", sans-serif;overflow-x:hidden} a{color:#333;text-decoration:none} a:hover{color:red} img,video{max-width:100%;object-fit:cover} input,select,textarea{font-size:16px;color:#fff;font-family:'Gilroy', Arial, "Microsoft YaHei", sans-serif;outline:0;border:none} h1,h2,h3,h4,h5,h6,strong,b{/*font-family:'Gilroy bold';*/} .num, num{ font-family:"Segoe UI", "Segoe UI Symbol", Arial, sans-serif;} select::-ms-expand{display:none} input[type="button"],input[type="reset"],input[type="submit"],select{appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none} input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer} ::-webkit-input-placeholder{color:#ddd} ::-moz-placeholder{color:#ddd} ::-ms-input-placeholder{color:#ddd} input[type="password"]:active,input[type="password"]:focus,input[type="tel"]:active,input[type="tel"]:focus,input[type="text"]:active,input[type="text"]:focus{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0;border:none} .ani,a,img{transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s} *{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0} .unselect{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none} .wp{width:94%;max-width:1200px;margin:0 auto} .header{position:fixed;left:0;top:0;width:100%;height:90px;border-bottom:1px solid rgba(255,255,255,0.3);z-index:999;display:flex;align-items:center;justify-content:space-between} .header>*{ z-index:2} .header:after{content:'';position:absolute;top:0;width:100%;height: 100%;z-index:1;background-image: linear-gradient(rgba(0,0,0,0.6),transparent);left: 0;display: block;} .header.inner:after,.header.white:after,.header.trs:after{ display:none;} .mo-hotSearch{display:none} .header.inner,.header.white{border-color:#eee;background-color:#fff} .header.inner .logo .day,.header.white .logo .day{display:block} .header.inner .logo .night,.header.white .logo .night{display:none} .header.inner .nav li>a,.header.white .nav li>a{color:#333} .header.inner .nav li>a::after,.header.white .nav li>a::after{background-color:#00a0d2} .header.inner .nav li.active>a,.header.inner .nav li:hover>a,.header.white .nav li.active>a,.header.white .nav li:hover>a{color:#00a0d2} .header.inner .hd-search,.header.white .hd-search,.header.white .lang,.header.white .lang a,.header.inner .lang,.header.inner .lang a{border-color:#eee} .header.inner .hd-search .sub,.header.white .hd-search .sub{background-image:url(../images/so2.png)} .header.inner .logo .txt p,.header.white .logo .txt p,.header.trs .logo .txt p{color:#999} .header.white .logo .txt span{text-shadow:none;} .header.inner .logo .txt,.header.white .logo .txt,.header.trs .logo .txt{border-color:#eee} .logo{flex-shrink:1;margin-left:30px;display:flex;align-items:center;justify-content:space-between} .logo img{display:block} .logo img.day{display:none} .logo .txt{margin-left:18px;padding-left:18px;border-left:1px solid rgba(255,255,255,0.3);font-size:13px;color:#fff} .logo .txt p{white-space:nowrap;} .logo .txt span{font-family:arial;color: red;text-shadow: red 0px 0px 1px;white-space:nowrap;/*letter-spacing:2px;*/display: flex;justify-content: space-between;} .logo .txt span i {font-style: normal;} .hd-search{border-left:1px solid rgba(255,255,255,0.3);height:89px;padding:20px 0} .hd-search .inp{line-height:49px;height:49px;border:none;background-color:transparent} .header.white .hd-search .inp{ color:#666} .hd-search .sub{width:36px;height:49px;background-repeat:no-repeat;background-position:center;background-image:url(../images/so1.png);background-color:transparent;text-indent:-9999px;margin-left:5px} .lang{ /*display:none;*/width:44px;height:100%;border-left: 1px solid rgba(255,255,255,0.3);} .lang a{ display:block; text-align:center; height:44px; line-height:44px; color:#ccc} .lang a:last-child{ border-top: 1px solid rgba(255,255,255,0.3); color:#fff} .header.white .lang a:last-child,.header.inner .lang a:last-child{ color:#999} .mo-lang{display:none;padding: 20px 0 0 !important;font-size:0;text-align:center;} .mo-lang a{display: inline-block !important;width: 40px;height: 40px;line-height: 40px !important;border-bottom:none !important;border:1px solid #333 !important;border-radius:50%;margin: 0 15px !important;text-align: center !important;padding: 0 !important;color: #333 !important;} .mo-lang a:last-child{background-color:#09c18e;border-color:#09c18e !important;color:#fff !important;} .nav{display:flex;align-items:center;justify-content:center;flex-grow:1} .nav li{margin:0 29px;position:relative} .nav li.active a::after,.nav li:hover a::after{opacity:1} .nav li>a{font-size:16px;color:#fff;line-height:89px;display:block;position:relative;font-weight: bold;font-family:'Gilroy bold';} .nav li>a::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:4px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;background-color:#fff;opacity:0} .two-level{position:absolute;left:50%;top:100%;background-color:#fff;display:none;z-index:99;background-color:rgba(51,51,51,0.95);border-radius:0 0 10px 10px;width:124px;margin-left:-62px;overflow:hidden} .two-level a{display:block;font-size:14px;color:#fff;line-height:120%;text-align:center;padding: 10px 5px;} .two-level a:hover{background-color:#00a0d2} .two-level2{position:fixed;left:50%;top:90px;width:1200px;margin-left:-600px;display:none;z-index:99} .two-level2 .box{display:flex;align-items:center;justify-content:space-between} .two-level2 dl{width:25%} .two-level2 dl dd{margin:0 2px 4px;background-color:rgba(51,51,51,0.95);border-radius:8px;padding:8px 0 8px 14px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s} .two-level2 dl dd a{display:block;padding-left:55px;line-height:40px;font-size:13px;color:#fff;position:relative;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .two-level2 dl dd a::after{content:"";position:absolute;left:0;top:0;width:40px;height:40px;background-repeat:no-repeat;background-image:url(/cn/static/images/nav-ico.png?t=6)} .two-level2 dl dd:nth-child(1):hover{background-color:#09c18e} .two-level2 dl dd:nth-child(2):hover{background-color:#08bb98} .two-level2 dl dd:nth-child(3):hover{background-color:#05b0b0} .two-level2 dl dd:nth-child(4):hover{background-color:#01a5c7} .two-level2 dl dd:nth-child(5):hover{background-color:#00a0d2} .two-level2 dl.a1 dd:nth-child(1) a::after{background-position:-40px 0} .two-level2 dl.a1 dd:hover:nth-child(1) a::after{background-position:0 0} .two-level2 dl.a1 dd:nth-child(2) a::after{background-position:-40px -40px} .two-level2 dl.a1 dd:hover:nth-child(2) a::after{background-position:0 -40px} .two-level2 dl.a1 dd:nth-child(3) a::after{background-position:-40px -80px} .two-level2 dl.a1 dd:hover:nth-child(3) a::after{background-position:0 -80px} .two-level2 dl.a1 dd:nth-child(4) a::after{background-position:-40px -120px} .two-level2 dl.a1 dd:hover:nth-child(4) a::after{background-position:0 -120px} .two-level2 dl.a1 dd:nth-child(5) a::after{background-position:-40px -160px} .two-level2 dl.a1 dd:hover:nth-child(5) a::after{background-position:0 -160px} .two-level2 dl.a2 dd:nth-child(1) a::after{background-position:-120px 0} .two-level2 dl.a2 dd:hover:nth-child(1) a::after{background-position:-80px 0} .two-level2 dl.a2 dd:nth-child(2) a::after{background-position:-120px -40px} .two-level2 dl.a2 dd:hover:nth-child(2) a::after{background-position:-80px -40px} .two-level2 dl.a2 dd:nth-child(3) a::after{background-position:-120px -80px} .two-level2 dl.a2 dd:hover:nth-child(3) a::after{background-position:-80px -80px} .two-level2 dl.a2 dd:nth-child(4) a::after{background-position:-120px -120px} .two-level2 dl.a2 dd:hover:nth-child(4) a::after{background-position:-80px -120px} .two-level2 dl.a2 dd:nth-child(5) a::after{background-position:-120px -160px} .two-level2 dl.a2 dd:hover:nth-child(5) a::after{background-position:-80px -160px} .two-level2 dl.a3 dd:nth-child(1) a::after{background-position:-200px 0} .two-level2 dl.a3 dd:hover:nth-child(1) a::after{background-position:-160px 0} .two-level2 dl.a3 dd:nth-child(2) a::after{background-position:-200px -40px} .two-level2 dl.a3 dd:hover:nth-child(2) a::after{background-position:-160px -40px} .two-level2 dl.a3 dd:nth-child(3) a::after{background-position:-200px -80px} .two-level2 dl.a3 dd:hover:nth-child(3) a::after{background-position:-160px -80px} .two-level2 dl.a3 dd:nth-child(4) a::after{background-position:-200px -120px} .two-level2 dl.a3 dd:hover:nth-child(4) a::after{background-position:-160px -120px} .two-level2 dl.a3 dd:nth-child(5) a::after{background-position:-200px -160px} .two-level2 dl.a3 dd:hover:nth-child(5) a::after{background-position:-160px -160px} .two-level2 dl.a4 dd:nth-child(1) a::after{background-position:-280px 0} .two-level2 dl.a4 dd:hover:nth-child(1) a::after{background-position:-240px 0} .two-level2 dl.a4 dd:nth-child(2) a::after{background-position:-280px -40px} .two-level2 dl.a4 dd:hover:nth-child(2) a::after{background-position:-240px -40px} .two-level2 dl.a4 dd:nth-child(3) a::after{background-position:-280px -80px} .two-level2 dl.a4 dd:hover:nth-child(3) a::after{background-position:-240px -80px} .two-level2 dl.a4 dd:nth-child(4) a::after{background-position:-280px -120px} .two-level2 dl.a4 dd:hover:nth-child(4) a::after{background-position:-240px -120px} .two-level2 dl.a4 dd:nth-child(5) a::after{background-position:-280px -160px} .two-level2 dl.a4 dd:hover:nth-child(5) a::after{background-position:-240px -160px} .two-level2 dl dd.none:hover{background-color:rgba(51,51,51,0.95)} .two-level2 dl dd.none a::after{background:none} .two-level2 dl dd.none:hover a::after{background:none} .menuBtn{position:relative;z-index:9;display:none;float:right;width:22px;cursor:pointer;height:24px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s} .menuBtn b{display:block;height:3px;width:100%;background-color:#fff;margin:5px 0;border-radius:2px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px} .menuBtn b:last-child{margin-bottom:0} .menuBtn.open b{opacity:0;position:absolute} .menuBtn.open b:first-child{left:0;top:0;opacity:1;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform-origin:0 0} .menuBtn.open b:last-child{opacity:1;left:-2px;bottom:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform-origin:0 0;-moz-transform:rotate(-45deg)} .mo-so0{display:none} @media (max-width:1023px){ body{padding-top:0} .header{height:50px;position:fixed;top:0;left:0;width:100%;z-index:9999;overflow:hidden;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:none} .header .logo .txt{margin-left: 10px;padding-left: 10px;font-size: 11px;line-height: 1.2;margin-top: 5px;padding-top: 2px;/*display:none;*/} .logo .txt span{text-shadow: none;} .header.inner,.header.trs{background-color:#fff;-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2)} .header.inner .logo a img.night,.header.trs .logo a img.night{display:none} .header.inner .logo a img.day,.header.trs .logo a img.day{display:block} .header.inner .menuBtn b,.header.trs .menuBtn b{background-color:#333} .header.inner .mo-so1,.header.trs .mo-so1{background:url(../images/so3.png) center right no-repeat} .header.inner .mo-so-lang a,.header.trs .mo-so-lang a{/*border: 1px solid #535353;*/color:#535353;} .hd-search{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;padding:0;z-index:999;display:none} .hd-search .inp{height:50px;line-height:50px} .hd-search .sub{width:50px;height:50px;background:url(../images/mo-so.png) center no-repeat;-webkit-background-size:15px;-moz-background-size:15px;-o-background-size:15px;background-size:15px} .hd-search .close{position:absolute;right:10px;top:0;bottom:0;width:40px;font-size:20px;color:#333;line-height:50px;font-style:normal;text-align:center} .mo-so1{width:20px;height:50px;background:url(../images/so1.png) center right no-repeat} .mo-so0{width:50px;height:50px;display: flex;align-items: center;justify-content: space-between;} .mo-so-lang{width:20px;height:50px;display: flex;align-items: center;} .mo-so-lang a{display: inline-block;width: 16px;height: 16px;line-height: 16px;/*border: 1px solid #fff;border-radius: 50%;*/text-align: center;color:#fff;font-size: 12px;} .logo{width:165px;margin-top:0;/*margin-left:0*/} .menuBtn{display:block} .nav li{float:none;padding:0;margin:0 16px} .nav{position:fixed;left:110%;top:50px;bottom:0;width:100%;padding:10px 0;z-index:888;transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;opacity:0;margin-top:0;display:block;background-color:#00a0d2;overflow-y:auto} .mark-bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9;display:none} .nav.open{left:0;opacity:1} .header.inner .nav li.active>a,.header.inner .nav li:hover>a,.header.white .nav li.active>a,.header.white .nav li:hover>a,.header.inner .nav li>a,.header.white .nav li>a{color:#fff} .nav li>a{margin:0;border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;text-align:left;font-size:16px;line-height:40px;padding:5px 0} .nav li>a::after{display:none} .nav li.active a,.nav li>a:hover{color:#fff} .nav li.level>a{background-repeat:no-repeat;background-position:right center;background-image:url(../images/mo-jia.png);-webkit-background-size:10px;-moz-background-size:10px;-o-background-size:10px;background-size:10px} .nav li.level>a.active{background-image:url(../images/mo-jian.png)} .two-level{display:none;position:static;margin-left:0;width:100%;background-color:transparent} .two-level a{display:block;font-size:14px;color:#fff;line-height:30px;text-align:left;padding:5px 0 5px 14px} .two-level2{position:static;width:100%;margin-left:0} .two-level2 .box{display:block} .two-level2 dl{width:100%;margin-bottom:10px;border-bottom:1px solid #f1f2f3} .two-level2 dl dd{background-color:#fff;border-radius:0;margin:0;padding:0} .two-level2 dl dd a{display:block;font-size:14px;color:#fff;line-height:30px;background:0 0;text-align:left;padding:5px 0 5px 14px} .two-level2 dl dd a::after{display:none !important} .mo-so{position:relative;margin-top:30px;display:block} .mo-so .inp{display:block;width:100%;background-color:#fff;border-radius:45px;line-height:43px;height:45px;padding:0;-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);box-shadow:0 0 6px rgba(0,0,0,0.2)} .mo-so .sub{position:absolute;left:0;top:0;width:50px;height:45px;text-indent:-9999px;background:url(../images/hd-ico4.png) center no-repeat;-webkit-background-size:15px;-moz-background-size:15px;-o-background-size:15px;background-size:15px} } .banner .slick-slide{outline:0} .banner img{display:block;width:100%} .banner .slick-next,.banner .slick-prev{position:absolute;top:50%;margin-top:-35px;overflow:hidden;width:38px;height:70px;font-size:0;line-height:0;z-index:999;background-repeat:no-repeat;background-position:center center;-o-background-size:auto 38px;-ms-background-size:auto 38px;-moz-background-size:auto 38px;-webkit-background-size:auto 38px;background-size:auto 38px;text-indent:-9999px} .banner .slick-prev{left:115px} .banner .slick-dots{right:363px;z-index:99} .banner .slick-dots li{display:inline-block} .banner .slick-dots li button{display:block;font-size:0;line-height:0;text-indent:999px;margin:0;padding:0} .footer{padding:108px 0 90px;background-color:#f5f5f5;width:100%} .index-tit1{padding-bottom:10px;position:relative;text-align:center} .index-tit1::after{content:"";position:absolute;left:50%;bottom:0;width:60px;height:6px;background-color:#00a0d2;margin-left:-30px} .index-tit1 h3{font-size:25px;color:#333;font-weight:700;margin-bottom:10px;font-family:'Gilroy bold';} .index-tit1 p{font-size:14px;color:#333;opacity:0.5} .footer .box{padding-top:56px;overflow:hidden} .footer .box .col-l{width:630px} .footer .box .col-r{width:350px} .footer .box:nth-child(3) .col-l{ width:auto;} .fd-link{display:flex;align-items:flex-start;justify-content:space-between} .fd-link dl{margin-right:56px;flex-shrink:0} .fd-link dl dt{font-size:16px;color:#333;font-weight:700;font-family:'Gilroy bold';line-height:22px;margin-bottom:25px} .fd-link dl dd a{display:block;margin-bottom:20px;font-size:13px;color:#666;line-height:24px} .fd-link dl dd a:hover{color:#00a0d2} .fd-contact{font-size:13px;color:#666;line-height:24px} .fd-contact .fd-logo{margin-bottom:35px;display:block} .fd-contact .fd-logo img{display:block} .fd-contact h3{font-size:16px;color:#333;font-weight:700;font-family:'Gilroy bold';line-height:28px;margin-bottom:30px} .fd-contact p{margin-bottom:10px} .fd-contact .ewm{margin-top:18px;width:120px;padding:10px;background-color:#fff;border-radius:8px;-moz-box-shadow:0 0 10px rgba(0,0,0,0.02);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.02);box-shadow:0 0 10px rgba(0,0,0,0.02)} .fd-contact .ewm img{width:100%;display:block} .fd-contact .field{ width:26px;white-space: nowrap;display: inline-flex;justify-content: space-between;margin-right: 2px;} .fd-contact .field i{ font-style:normal;} .beian,.copy{font-size:14px;color:#666;line-height:24px;display:flex;align-items:center} .beian img{margin-right:5px} .copy{ display:block;} .copy a{color:#666; margin-left:5px} .pc{display:block !important} .mo{display:none !important} @font-face{font-family:din;src:url(../font/din-bold-2.ttf) format("truetype")} .main{width:100px} .wrap{max-width:1200px;width:92%;margin:0 auto} .pro-banner{background:url(../images/nl-banner.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:175px 0} .ban-con strong{display:block;font-size:48px;color:#fff;line-height:58px;margin-bottom:10px} .ban-con p{font-size:16px;line-height:26px;color:rgba(255,255,255,0.5)} .ban-con strong,.ban-con p{ display:none} .pro-one{border-bottom:1px solid #eee;margin-bottom:86px;padding: 18px 0;position:relative} .product-anchor{position:absolute; top:-90px} .pro-nav{text-align:center} .pro-nav li{display:inline-block;font-size:16px;line-height:150%;padding:0 27px} .pro-nav li a{display:block;cursor:pointer;color:#666;font-weight: bold;font-family:'Gilroy bold';} .pro-nav li.on a,.pro-nav li:hover a{color:#00a0d2} .pro-box{overflow:hidden;padding-bottom:90px} .pro-left{float:left;width:15%} .pro-left strong{font-size:18px;color:#333;font-weight:700;font-family:'Gilroy bold';line-height:28px;padding-left:28px;position:relative;margin-bottom:15px;display:block} .pro-left strong::before{content:"";width:12px;height:12px;background:url(../images/nl-icon.png) no-repeat;background-size:100%;position:absolute;left:0;top:50%;margin-top:-6px} .pro-menu>li:first-child{border-top:1px solid #eee} .pro-menu>li{border-bottom:1px solid #eee} .pro-menu .title{font-size:15px;color:#333;line-height:50px;display: block;position:relative;cursor:pointer;transition:all 0.3s ease} .pro-menu .title::before{content:"";width:12px;height:2px;background-color:#333;position:absolute;right:0;top:24px;transition:all 0.3s ease} .pro-menu .title::after{content:"";width:2px;height:12px;background-color:#333;position:absolute;right:5px;top:19px;transition:all 0.3s ease} .menu-ul{padding:4px 0;border-top:1px solid #eee;display:none} .menu-ul>li{font-size:13px;color:#666;padding-left:10px;padding-right:5px; margin:5px 0} .menu-ul>li>a{display:block;color:#666;line-height:130%; padding:5px 0} .menu-ul>li:hover, .menu-ul>li.open{ background-color:#f6f6f6} .menu-ul.open{ display:block} .pro-content{float:right;width:85%;padding-left:30px;box-sizing:border-box} .pro-menu>li.open .title::after{opacity:0} .pro-menu>li.open .title::before{background-color:#09c18e} .pro-menu>li.open .title{color:#09c18e} .pro-content h3{font-size:22px;color:#333;line-height:26px;padding-left:30px;margin-bottom:25px;font-family:'Gilroy bold';} .list-box{margin-bottom:18px} .pro-list li{float:left;width:33.3%;box-sizing:border-box;padding-left:30px;margin-bottom:20px} .pro-list li .pic{display:block;background-color:#f7f7f7;border-radius:10px;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:100%} .pro-list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%} .pro-list li .info{padding-top:25px;padding-bottom:10px} .pro-list li .info .tit{display:block;font-size:16px;color:#333;line-height:28px;font-weight:700;font-family:'Gilroy bold';overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pro-list li .info p{font-size:14px;color:#666;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .pro-list li:hover .pic{background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1)} .pro-list li:hover .info .tit{color:#09c18e} .more-a{display:block;width:160px;height:50px;line-height:50px;text-align:center;margin:0 auto;background-color:#00a0d2;border-radius:10px;font-size:16px;color:#fff;border:1px solid #00a0d2;transition:all 0.3s ease-in-out} .more-a img{vertical-align:middle;margin-top:-3px;margin-left:4px} .more-a:hover{color:#fff;background-color:#09c18e;border-color:#09c18e} .case-banner{position:relative;padding-top:324px;overflow:hidden} .case-banner .slick-pic img{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover} .case-banner .wrap{position:relative} .slick-show{position:relative;z-index:2} .case-info{text-align:right} .case-info strong{display:block;font-size:36px;color:#fff;line-height:46px;padding-bottom:20px;position:relative;margin-bottom:55px;font-family:'Gilroy bold';} .case-info strong::after{content:"";width:60px;height:6px;background-color:#00a0d2;position:absolute;right:0;bottom:0} .case-info h2{font-size:28px;color:#fff;line-height:58px;margin-bottom:10px;font-family:'Gilroy bold';} .case-info .p2{font-size:14px;color:rgba(255,255,255,0.5);line-height:26px} .case-box .case-col{float:left;width:33.3%;background-color:rgba(9,193,142,0.8);border-radius:10px 10px 0 0;padding:45px 15px 25px 20px;height:404px} .case-box .case-col strong{font-size:24px;color:#fff;line-height:34px;height:270px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;display:block;font-family:'Gilroy bold';} .case-box .case-col span{display:block;text-transform:uppercase;font-size:16px;color:rgba(255,255,255,0.5);line-height:26px;font-family:Arial} .case-box .slick-box{margin-top:152px;background-color:#fff;float:right;width:66.7%;height:252px;border-top-right-radius:10px;padding-left:170px;position:relative;padding-right:165px;padding-top:74px;} .case-box .slick-box p{font-size:14px;line-height:1.5;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;/*-webkit-line-clamp:3*/-webkit-line-clamp: unset;text-align: justify; text-indent:2em;} .dn{display:none} .slick-show .slick-arrow{position:absolute;right:30px;bottom:227px;width:50px;height:50px;border-radius:50%;background-color:#00a0d2;top:auto;z-index:1} .slick-show .slick-prev{left:auto;right:110px} .slick-show .slick-prev:before{content:"";width:10px;height:18px;background:url(../images/nl-jt1.png) no-repeat;position:absolute;left:50%;top:50%;margin-top:-9px;margin-left:-5px} .slick-show .slick-next:before{content:"";width:10px;height:18px;background:url(../images/nl-jt2.png) no-repeat;position:absolute;left:50%;top:50%;margin-top:-9px;margin-left:-5px} .slick-show .slick-arrow:hover{background-color:#09c18e} .case-banner .cur{position:absolute;right:50px;bottom:114px;font-size:18px;color:#999;font-family:Arial;display:block;z-index:3} .case-banner .cur::after{content:"";width:30px;height:4px;background-color:#00a0d2;position:absolute;right:0;bottom:-4px} .case-top{background:url(../images/nl-caseban1.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:175px 0} .base-one{border-bottom:1px solid #eee} .base-nav{text-align:center} .base-nav li{display:inline-block;font-size:15px;line-height:60px;padding:0 27px} .base-nav li a,.base-nav li span{display:block;cursor:pointer;color:#666;font-weight: bold;font-family:'Gilroy bold';} .base-nav li.on a,.base-nav li.on span,.base-nav li:hover a,.base-nav li:hover span{color:#00a0d2} .case-two{padding:90px 0} .case-slick{position:relative} .slider-for .slick-item{overflow:hidden} .slider-for .case-text{float:left;width:40%;margin-top:235px} .slider-for .case-text span{display:block;font-size:14px;color:#333;line-height:24px;margin-bottom:4px} .slider-for .case-text .tit{display:block;font-size:24px;color:#333;font-weight:700;line-height:34px;margin-bottom:25px} .slider-for .case-text p{font-size:16px;color:#666;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin-bottom:54px} .slider-for .case-text p{overflow: visible;display: block;-webkit-box-orient: unset;-webkit-line-clamp: unset;} .slider-for .case-text .more{/*display:block;*/display:none;width:160px;height:50px;border-radius:10px;text-align:center;border:1px solid #333;line-height:50px;font-size:16px;color:#333;transition:all ease-out 0.3s} .slider-for .case-text .more img{vertical-align:middle;margin-top:-3px;display:inline-block} .slider-for .case-img{float:right;width:35%;height:560px;overflow:hidden;object-fit:cover;border-radius:8px} .slider-for .case-img img{display:block;width:100%;height:100%;border-radius:8px} .slider-for .case-text .more:hover{background-color:#09c18e;border-color:#09c18e} .slider-navbox{width:350px;position:absolute;left:0;top:58px;z-index:1;overflow:hidden} .slider-nav .slick-slider .pic{padding:0 5px;filter:grayscale(100%);cursor:pointer;max-width:70px;height:60px;overflow:hidden;object-fit:cover} .slider-nav .slick-slider .pic img{border-radius:8px;width:100%;height:100%} .slider-nav .slick-current .pic{filter:grayscale(0)} .slider-nav .slick-current .pic img{border-radius:8px;display:block;width:100%} .case-slick .paging{position:absolute;left:0;top:25px;font-size:18px;color:#ccc;font-weight:700;font-family:Arial} .case-slick .paging .cur{color:#09c18e} .slider-for .slick-arrow{display:block;width:50px;height:50px;border-radius:50%;border:1px solid #00a0d2;position:absolute;left:50%;top:50%;margin-top:-25px;z-index:2;transition:all ease-out 0.3s} .slider-for .slick-prev{margin-left:-10px} .slider-for .slick-next{margin-left:70px} .slider-for .slick-next::before,.slider-for .slick-prev:before{content:"";width:10px;height:18px;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-9px} .slider-for .slick-prev:before{background:url(../images/nl-jt3.png) no-repeat} .slider-for .slick-next:before{background:url(../images/nl-jt4.png) no-repeat} .slider-for .slick-arrow:hover{background-color:#00a0d2} .slider-for .slick-prev:hover:before{background:url(../images/nl-jt1.png) no-repeat} .slider-for .slick-next:hover:before{background:url(../images/nl-jt2.png) no-repeat} .investor-ban{background:url(../images/tz-ban.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:192px 0} .investor-content{margin-top:80px;padding-bottom:10px} .investor-box{margin-bottom:80px} .investor-box h3{font-weight:400;font-size:24px;color:#333;line-height:44px;margin-bottom:20px} .investor-body{ width:100%; max-width:960px; margin:0 auto 80px auto; font-size:16px; line-height:180%; text-align:justify} .investor-body p,.investor-body div{ margin-bottom:0.8em} .investor-body .info-title{ text-align:center; font-weight:400;font-size:30px;color:#333;line-height:48px;margin-bottom:10px} .investor-body .info-area{ text-align:center} .regular-list{overflow:hidden;margin-left:-2.5%;margin-bottom:30px} .regular-list li{float:left;width:22.5%;margin-left:2.5%;height:270px;border-radius:10px;border:1px solid #eee;padding:35px 30px 30px;overflow:hidden;transition:all ease-out 0.3s;margin-bottom:30px} .regular-list li .title{font-size:16px;color:#333;font-weight:700;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;font-family:'Gilroy bold';} .regular-list li .date{display:block;font-size:14px;color:#999;line-height:24px;margin-bottom:130px} .regular-list li .arrow{display:inline-block;width:24px;height:16px;background:url(../images/nl-arr.png) no-repeat} .regular-list li:hover{background-color:#00a0d2} .regular-list li:hover .title{color:#fff} .regular-list li:hover .date{color:rgba(255,255,255,0.5)} .regular-list li:hover .arrow{background:url(../images/nl-arr1.png) no-repeat} .pager-box{text-align:center} .pagination{display:inline-block} .pagination li{float:left;margin:0 10px} .pagination li a,.pagination li span{display:block;width:50px;height:50px;line-height:50px;border-radius:50%;cursor:pointer} .pagination li.pg-prev a,.pagination li.pg-prev span{border:1px solid #333;background:url(../images/ni-jt5.png) center no-repeat;transition:all ease-out 0.3s} .pagination li.pg-next a,.pagination li.pg-next span{border:1px solid #333;background:url(../images/i-jt1.png) center no-repeat;transition:all ease-out 0.3s} .pagination li a{background-color:#f1f2f3;font-size:18px;color:#333;font-family:Arial} .pagination li.els span{width:13px} .pagination li:hover a{color:#00a0d2;background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1)} .pagination li.pg-prev:hover a,.pagination li.pg-prev:hover span{background:url(../images/ni-jt6.png) center no-repeat #00a0d2;border-color:#00a0d2} .pagination li.pg-next:hover a,.pagination li.pg-next:hover span{background:url(../images/i-jt2.png) center no-repeat #00a0d2;border-color:#00a0d2} .pagination li.on a{color:#00a0d2;background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,.1)} .pagination li.pg-prev.pg-first a{background:url(../images/ni-jt5e.png) center no-repeat} .pagination li.pg-next.pg-end a{background:url(../images/i-jt1e.png) center no-repeat} .pagination li.pg-prev.pg-first:hover a{background:url(../images/ni-jt6e.png) center no-repeat #00a0d2} .pagination li.pg-next.pg-end:hover a{background:url(../images/i-jt2e.png) center no-repeat #00a0d2} .info-list{margin-bottom:60px} .info-list li{position:relative;padding:30px 46px 30px 30px;border-bottom:1px solid #eee} .info-list li .title{display:block;font-size:16px;color:#333;font-weight:700;font-family:'Gilroy bold';line-height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .info-list li .date{display:block;font-size:14px;color:#999;line-height:34px} .info-list li .more{display:block;width:16px;height:16px;background:url(../images/nl-toparr.png) no-repeat;position:absolute;right:30px;top:50%;margin-top:-8px} .info-list li:hover .title{color:#00a0d2} .info-list li:hover .more{background:url(../images/nl-toparr1.png) no-repeat} .contact-ban{background:url(../images/contact-bg.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:192px 0} .contact-two{margin-top:90px;overflow:hidden;margin-bottom:55px} .contact-two h4{font-size:20px;color:#333;line-height:32px;font-weight:400} .contact-two .p1{font-size:14px;color:#999;line-height:24px;text-transform:uppercase;font-family:Arial; display:none;} .tact-left{float:left;width:50%;background:url(../images/contact-img.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:10px;padding:150px 60px} .tact-left .con{background-color:rgba(255,255,255,0.9);border-radius:10px;padding:70px 30px 60px} .tact-left .con .top{position:relative;margin-bottom:14px} .tact-left .con .top span{width:80px;line-height: 25px;text-align:center;background-color:#00a0d2;border-radius:12px;font-size:12px;color:#fff;font-weight:700;display: inline-block;margin-left: 5px;font-family: Calibri, Cambria, "Cambria Math", Consolas; font-weight:normal;position: relative;top: -3px;} .tact-right{float:left;width:50%;padding-left:20px} .tact-right .tact1{margin-bottom:20px} .tact-area li{font-size:15px;color:#333;line-height:30px;position:relative;padding-left:26px} .tact-area li img{position:absolute;left:0;top:6px} .tact-box{border-radius:10px;padding:50px 36px 0} .tact-box.tact1{background:url(../images/contact-img1.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding-bottom:56px} .tact-box.tact2{background:url(../images/contact-img2.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding-bottom:56px} .contact-two .tact-box .top{margin-bottom:30px;padding-left:0} .contact-two .tact-box .top h4{color:#fff;display:inline-block} .contact-two .tact-box .top span{display:inline-block;padding:0 8px;line-height:22px;background-color:#09c18e;color:#fff; font-size: 12px;border-radius:11px;vertical-align:middle;margin-top:-6px;margin-left:4px;font-family: Calibri, Cambria, "Cambria Math", Consolas; font-weight:normal;} .contact-two .tact-box li{color:#fff} .contact-two.mo .tact-area br{ display:none;} .contact-area{overflow:hidden} .contact-area .tact-area{float:left;width:50%;padding-right:35px;position:relative} .contact-area .tact-area.area1{padding-left:35px;padding-right:0} .contact-area .tact-area.area1::after{content:"";width:1px;position:absolute;top:0;bottom:0;left:0;background-color:rgba(255,255,255,0.5)} .contact-area .tact-area.area0{width:100%} .contact-three{margin-bottom:90px} .contact-three h3{text-align:center;color:#333;font-size:24px;font-weight:400;font-family:'Gilroy bold';line-height:34px;margin-bottom:35px} .card-area{position:relative} .card-area .bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;display:none} .card-area .bg-box-1{background:url(../images/bg-box-1.jpg) center/cover no-repeat;display:block} .card-area .bg-box-2{background:url(../images/bg-box-2.jpg) center/cover no-repeat} .card-area .bg-box-3{background:url(../images/bg-box-1.jpg) center/cover no-repeat} .card-area .bg-box-4{background:url(../images/bg-box-2.jpg) center/cover no-repeat} .card-list{overflow:hidden;background-color:rgba(0,0,0,0.5);border-radius:10px;position:relative;z-index:1;transition:background-color 1s} .card-list:hover{/*background-color:rgba(0,0,0,0.2)*/} .card-list li{float:left;width:20.8%;height:400px;color:#fff;position:relative} .card-list li::before{content:"";width:1px;position:absolute;left:0;top:0;bottom:0;background-color:rgba(255,255,255,0.5)} .card-list li:first-child::before{display:none} .card-list li .info-box{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%)} .card-list li .show-info{text-align:center;padding:0 20px} .card-list li .show-info strong{display:block;font-size:18px;line-height:28px;margin-bottom:10px;font-family:'Gilroy bold';} .card-list li .show-info p{font-size:14px;line-height:24px} .card-list li .hide-info{display:none} .card-list li .hide-info strong{display:block;font-size:18px;line-height:28px;margin-bottom:30px;font-family:Arial} .card-list li .hide-info span{display:block;font-size:16px;line-height:26px;margin-bottom:10px} .card-list li .hide-info p{line-height:26px;position: relative;padding-left: 26px;} .card-list li .hide-info p img{vertical-align:middle;margin-top:-5px;margin-right:10px;position: absolute;left: 0;top: 9px;} .card-list li.active{width:37.2%;} .card-list li.active .show-info{display:none} .card-list li.active .hide-info{display:block;padding-left: 85px;padding-right: 10px;} .global-one{margin-bottom:60px;margin-top:90px;position:relative} .global-one img{display:block;width:100%} .global-one .con{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;text-align:center} .global-one .con p{font-size:16px;color:#333;line-height:2.25em} .global-one span{display:block;position:absolute;left:50%;top:50%;border-radius:50%;font-size:12px;color:#fff;text-align:center;font-family: Calibri, Cambria, "Cambria Math", Consolas;transform: translate(-50%,-50%);} .global-one span{-webkit-animation:rolle1 2s linear infinite alternate; -o-animation:rolle1 2s linear infinite alternate; animation:rolle1 2s linear infinite alternate;cursor:pointer} /*.global-one span:hover{animation:none;font-weight:bold}*/ /*英国X*/ .global-one span.area1{animation-name:rolle1} /*比利时Y*/ .global-one span.area2{animation-name:rolle2} /*捷克X*/ .global-one span.area3{animation-name:rolle3} /*韩国X*/ .global-one span.area4{animation-name:rolle4} /*美国X*/ .global-one span.area5{animation-name:rolle5} /*日本Y*/ .global-one span.area6{animation-name:rolle6} /*墨西哥X*/ .global-one span.area7{animation-name:rolle7} /*印度Y*/ .global-one span.area8{animation-name:rolle8} /*泰国Y*/ .global-one span.area9{animation-name:rolle9} /*澳大利亚X*/ .global-one span.area10{animation-name:rolle10} /*天津Y*/ .global-one span.area11{animation-name:rolle11} /*烟台Y*/ .global-one span.area12{animation-name:rolle12} /*青岛Y*/ .global-one span.area13{animation-name:rolle13} /*无锡X*/ .global-one span.area14{animation-name:rolle14} /*苏州Y*/ .global-one span.area15{animation-name:rolle15} /*芜湖X*/ .global-one span.area16{animation-name:rolle16} /*上海Y*/ .global-one span.area17{animation-name:rolle17} /*宁波Y*/ .global-one span.area18{animation-name:rolle18} /*诸暨X*/ .global-one span.area19{animation-name:rolle19} /*南昌Y*/ .global-one span.area20{animation-name:rolle20} /*珠海Y*/ .global-one span.area21{animation-name:rolle21} /*绵阳X*/ .global-one span.area22{animation-name:rolle22} /* 默认位置 from{transform: translate3d(-50%,-55%,0);} to{transform: translate3d(-50%,-55%,0);} */ /*.global-one span{animation-name:none!important;} .global-one span.area1{animation-name:rolle1!important;}*/ /*英国X*/ .global-one span.area1{animation-duration:2s;} @keyframes rolle1{ from{transform: translate3d(-45.45%,-54.61%,0);} to{transform: translate3d(-54.55%,-55.39%,0);} } /*比利时Y*/ .global-one span.area2{animation-duration:1.9s;} @keyframes rolle2{ from{transform: translate3d(-51.83%,-47.64%,0);} to{transform: translate3d(-48.17%,-62.36%,0);} } /*捷克X*/ .global-one span.area3{animation-duration:1.8s;} @keyframes rolle3{ from{transform: translate3d(-45.15%,-55.50%,0);} to{transform: translate3d(-54.85%,-54.50%,0);} } /*韩国X*/ .global-one span.area4{animation-duration:2.1s;} @keyframes rolle4{ from{transform: translate3d(-41.93%,-55.40%,0);} to{transform: translate3d(-58.07%,-54.60%,0);} } /*美国X*/ .global-one span.area5{animation-duration:2.2s;} @keyframes rolle5{ from{transform: translate3d(-46.23%,-56.81%,0);} to{transform: translate3d(-53.77%,-53.19%,0);} } /*日本Y*/ .global-one span.area6{animation-duration:2s;} @keyframes rolle6{ from{transform: translate3d(-51.3%,-52.81%,0);} to{transform: translate3d(-48.7%,-57.18%,0);} } /*墨西哥X*/ .global-one span.area7{animation-duration:2.1s;} @keyframes rolle7{ from{transform: translate3d(-43.58%,-51.24%,0);} to{transform: translate3d(-56.42%,-58.76%,0);} } /*印度Y*/ .global-one span.area8{animation-duration:1.8s;} @keyframes rolle8{ from{transform: translate3d(-45.61%,-49.87%,0);} to{transform: translate3d(-54.39%,-60.13%,0);} } /*泰国Y*/ .global-one span.area9{animation-duration:2.1s;} @keyframes rolle9{ from{transform: translate3d(-46.79%,-46.43%,0);} to{transform: translate3d(-53.21%,-63.57%,0);} } /*澳大利亚X*/ .global-one span.area10{animation-duration:2s;} @keyframes rolle10{ from{transform: translate3d(-52.74%,-52%,0);} to{transform: translate3d(-47.26%,-57.99%,0);} } /*天津Y*/ .global-one span.area11{animation-duration:2.2s;} @keyframes rolle11{ from{transform: translate3d(-52.35%,-32.95%,0);} to{transform: translate3d(-47.65%,-47.05%,0);} } /*烟台Y*/ .global-one span.area12{animation-duration:1.9s;} @keyframes rolle12{ from{transform: translate3d(-50.80%,-52.26%,0);} to{transform: translate3d(-49.20%,-57.74%,0);} } /*青岛Y*/ .global-one span.area13{animation-duration:1.85s;} @keyframes rolle13{ from{transform: translate3d(-48.98%,-51.62%,0);} to{transform: translate3d(-51.02%,-58.38%,0);} } /*无锡X*/ .global-one span.area14{animation-duration:1.95s;} @keyframes rolle14{ from{transform: translate3d(-43.47%,-52.38%,0);} to{transform: translate3d(-56.53%,-57.62%,0);} } /*苏州Y*/ .global-one span.area15{animation-duration:1.9s;} @keyframes rolle15{ from{transform: translate3d(-51.58%,-51.17%,0);} to{transform: translate3d(-48.42%,-58.83%,0);} } /*芜湖X*/ .global-one span.area16{animation-duration:1.8s;} @keyframes rolle16{ from{transform: translate3d(-42.29%,-54.94%,0);} to{transform: translate3d(-57.71%,-55.06%,0);} } /*上海Y*/ .global-one span.area17{animation-duration:2.1s;} @keyframes rolle17{ from{transform: translate3d(-47.60%,-52.51%,0);} to{transform: translate3d(-52.40%,-57.49%,0);} } /*宁波Y*/ .global-one span.area18{animation-duration:1.95s;} @keyframes rolle18{ from{transform: translate3d(-58.35%,-47.72%,0);} to{transform: translate3d(-52.28%,-51.65%,0);} } /*诸暨X*/ .global-one span.area19{animation-duration:2s;} @keyframes rolle19{ from{transform: translate3d(-47.21%,-56.14%,0);} to{transform: translate3d(-52.79%,-53.86%,0);} } /*南昌Y*/ .global-one span.area20{animation-duration:1.8s;} @keyframes rolle20{ from{transform: translate3d(-51.31%,-50.18%,0);} to{transform: translate3d(-48.69%,-59.82%,0);} } /*珠海Y*/ .global-one span.area21{animation-duration:1.95s;} @keyframes rolle21{ from{transform: translate3d(-50.43%,-59.75%,0);} to{transform: translate3d(-49.57%,-50.25%,0);} } /*绵阳X*/ .global-one span.area22{animation-duration:1.9s;} @keyframes rolle22{ from{transform: translate3d(-43.91%,-53.34%,0);} to{transform: translate3d(-56.09%,-56.66%,0);} } .global-one{width:1200px; margin:90px auto 60px auto;} .global-one span.area1{width:60px;height:60px;background-color:#40b8dd;line-height:60px;margin-top:-300px;margin-left:-114px} .global-one span.area2{width:55px;height:55px;background-color:#4cbcdf;line-height:55px;margin-left:-225px;margin-top:-290px;font-size:14px} .global-one span.area3{width:40px;height:40px;line-height:40px;font-size:14px;background-color:#59c1e2;margin-left:-348px;margin-top:-220px} .global-one span.area4{width: 55px;height: 55px;background-color:#19a9d6;line-height: 55px;margin-left:-314px;margin-top: -116px;} .global-one span.area5{width:75px;height:75px;background-color:#66c6e4;line-height:75px;margin-left:-420px;margin-top:-85px;font-size:18px} .global-one span.area6{width: 70px;height: 70px;line-height: 70px;font-size:18px;background-color:#00a0d2;margin-left:-314px} .global-one span.area7{width:60px;height:60px;line-height:60px;background-color: #19a9d6;margin-top:90px;margin-left:-408px} .global-one span.area8{width:50px;height:50px;line-height:50px;background-color:#33b3db;margin-left:-358px;margin-top:204px} .global-one span.area9{width:70px;height:70px;line-height:70px;background-color:#0da5d4;font-size:16px;margin-left:-240px;margin-top:238px} .global-one span.area10{width:60px;height:60px;background-color:#26aed9;margin-left:-140px;margin-top:290px;line-height:60px;} .global-one span.area-gbx{width:30px;height:30px;background-color: #7fcfe8;margin-left: -415px;margin-top: 1px;line-height:1.2em;font-size: 12px;padding-top: 8px;} .global-one span.area-gtrq{width:35px;height:35px;background-color: #4cbcdf;margin-left: -268px;margin-top: -203px;line-height:1.2em;font-size: 10px;padding-top: 10px;} .global-one span.area-gstalb{width: 40px;height: 40px;background-color: #7fcfe8;margin-left: -310px;margin-top: 266px;line-height:.9;font-size: 10px;padding-top: 10px;} .global-one span.area-gaj{width:35px;height:35px;background-color: #19a9d6;margin-left: -498px;margin-top: -12px;line-height:1.2em;font-size: 13px;padding-top: 9px;} .global-one span.area-gydnxy{width: 50px;height: 50px;background-color: #95d5e9;margin-left: -423px;margin-top: 178px;line-height:1.2em;font-size: 10px;padding-top: 19px;} .global-one span.area-gxjp{width: 50px;height: 50px;line-height: 1.2;background-color: #7fcfe8;margin-left: -52px;margin-top: 313px;font-size: 10px;padding-top: 18px;} .global-one span.area-gyn{width: 43px;height: 43px;background-color: #99d9ed;margin-left: -319px;margin-top: 152px;line-height:1.2em;font-size: 10px;padding-top: 15px;} .global-one span.area-gmlxy{width: 45px;height: 45px;background-color: #7fcfe8;margin-left: -276px;margin-top: 120px;line-height:1.2em;font-size: 10px;padding-top: 16px;} .global-one span.area11{width:75px;height:75px;line-height:75px;background-color:#16c494;font-size:18px;margin-left:114px;margin-top:-306px} .global-one span.area12{width:55px;height:55px;line-height:55px;background-color:#5fd7b5;margin-left:240px;margin-top:-290px;font-size:14px} .global-one span.area13{width:50px;height:50px;line-height:50px;background-color:#90e3cc;font-size:12px;margin-left:340px;margin-top:-232px} .global-one span.area14{width:60px;height:60px;line-height:60px;background-color:#47d1aa;font-size:16px;margin-left:300px;margin-top:-148px} .global-one span.area15{width:60px;height:60px;line-height:60px;background-color:#52d3b0;font-size:14px;margin-left:408px;margin-top:-100px} .global-one span.area16{width:45px;height:45px;line-height:45px;background-color:#84e0c6;margin-left:302px;margin-top:-28px;font-size:14px} .global-one span.area17{width:80px;height:80px;line-height:80px;background-color:#2eca9f;font-size:18px;margin-left:408px;margin-top:28px} .global-one span.area18{width:60px;height:60px;line-height:60px;background-color:#6bdabb;margin-left:375px;margin-top:146px} .global-one span.area19{width:70px;height:70px;line-height:70px;background-color:#21c799;font-size:18px;margin-left:308px;margin-top:228px} .global-one span.area20{width:55px;height:55px;line-height:55px;background-color:#78ddc1;font-size:12px;margin-left:232px;margin-top:272px} .global-one span.area21{width:65px;height:65px;line-height:65px;background-color:#09c18e;font-size:18px;margin-left:138px;margin-top:300px} .global-one span.area22{width:60px;height:60px;line-height:60px;background-color:#3acda5;margin-left:28px;margin-top:320px} .global-h3{width:220px;height:50px;line-height:50px;border-radius:25px;background-color:#eee;font-size:20px;color:#333;text-align:center;font-weight:400;font-family:'Gilroy bold';margin:0 auto 40px} .global-two ul{overflow:hidden;margin-bottom:40px} .global-two li{float:left;width:50%;padding:0 20px} .global-two li .pic{display:block;border-radius:10px;width:100%;height:0;overflow:hidden;position:relative;padding-top:66.67%} .global-two li .pic img{position:absolute;left:0;top:0;width:100%;height:100%} .global-two li p{text-align:center;font-size:14px;color:#333;line-height: 130%;padding: 18px 0;} .global-three{margin-bottom:70px} .global-three ul{overflow:hidden} .global-three li{float:left;width:33.33%;padding:0 20px} .global-three li .pic{display:block;border-radius:10px;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:67%} .global-three li .pic img{position:absolute;left:0;top:0;width:100%;height:100%} .global-three li p{text-align:center;font-size:14px;color:#333;line-height:55px} .about-banner{background:url(../images/about-ban.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:192px 0} .about-two{position:relative} .about-two .wrap{padding:150px 0 88px 340px} .about-two p{font-size:15px;line-height:2.0em;color:#333;margin-bottom:36px;text-align:justify} .about-two::before{content:"";width:640px;position:absolute;left:0;top:0;bottom:0;background:url(../images/about-img.jpg) no-repeat;-webkit-background-size:100%;background-size:100%;z-index:-1} .m-scrollbar{max-height:30px;overflow-y:auto} .m-scrollbar::-webkit-scrollbar{width:2px;height:16px} .m-sc rollbar::-webkit-scrollbar-track{border-radius:10px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .m-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background-color:#00a0d2;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .about-two .wrap .text{ width:100%; padding-right: 15px; max-height:360px;} .about-three{background:url(../images/about-bg.jpg) center no-repeat;padding:100px 0 60px;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .about-three .wrap{padding-left:270px} .about-three,.about-three .wrap{ background:none!important; padding:0!important; text-align:center;} .about-three .wrap.mo img{ width:auto!important; height:auto!important;} .about-three li{font-size:22px;color:#333;line-height:40px;margin-bottom:60px} .about-three li strong{display:inline-block;margin-right:60px;font-size:30px;color:#00a0d2;position:relative} .about-three li strong::before{content:"";width:60px;height:6px;background-color:#00a0d2;position:absolute;left:0;top:-20px} .about-four{background-color:#f7f7f7;padding:80px 0 90px} .about-four h3{font-size:24px;color:#333;line-height:44px;margin-bottom:30px;font-family:'Gilroy bold';} .about-four ul{overflow:hidden;width: 105%;} .about-four li{float:left;width:25%;font-size:18px;color:#333;font-weight:700;font-family:'Gilroy bold';} .about-four li img{vertical-align:middle;margin-right:20px} .about-five{padding:60px 0} .about-five li{overflow:hidden;margin-bottom:30px} .about-five li .text{float:left;width:66.5%;padding-right:90px;margin-top:35px;text-align: justify;} .about-five li .pic{float:right;width:33.5%} .about-five li .pic img{width:100%;border-radius:8px} .about-five li .pic .mo-pic{display:none} .about-five li.two .text{float:right;padding-right:0;padding-left:90px} .about-five li.two .pic{float:left} .about-five li strong{display:block;font-size:24px;color:#00a0d2;line-height:44px;font-weight:700;font-family:'Gilroy bold';margin-bottom:14px} .about-five li strong::before{content:"";width:30px;height:30px;background-color:#00a0d2;border-radius:15px 15px 15px 0;display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:15px} .about-five li.two strong:nth-child(2){ display:none;} .about-five li p{font-size:15px;line-height:2.0em;color:#333} .about-six{background:url(../images/about-img4.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:110px 0} .number-ul{overflow:hidden} .number-ul li{width:25%;text-align:center;float:left} .number-ul li strong{/*display:block;*/font-size:60px;font-family:Arial, "Microsoft YaHei", sans-serif;line-height:70px;color:#09c18e} .number-ul li p{font-size:18px;color:#fff;line-height:38px;font-family:'Gilroy bold';} .news-slick{margin-top:90px} .news-slick .content{overflow:hidden;border:1px solid #ddd;border-right:none;border-radius:10px;margin:0 5px} .news-slick .text{float:left;width:50%;border-radius:10px 0 0 10px;padding:50px 35px} .news-slick .text .title{display:block;font-size:22px;color:#333;font-weight:700;font-family:'Gilroy bold';line-height:32px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:18px} .news-slick .text .info{font-size:14px;color:#999;line-height:24px;margin-bottom:28px} .news-slick .text .info .tag{padding-right:10px;display:inline-block;position:relative} .news-slick .text .info .tag::before{content:"";width:1px;height:12px;background-color:#ccc;position:absolute;right:0;top:50%;margin-top:-6px} .news-slick .text .info .date{display:inline-block;padding-left:10px} .news-slick .text p{font-size:14px;line-height:28px;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .news-slick .text .see-more{display:inline-block;font-size:12px;color:#999;line-height:22px;margin-top:63px} .news-slick .img{float:right;width:50%;height:400px;object-fit:cover;border-radius:0 10px 10px 0;border-right:1px solid #ddd;overflow:hidden} .news-slick .img img{display:block;width:100%;height:100%} .news-slick .slick-dots{position:absolute;bottom:52px;width:104px;left:50%;margin-left:-120px} .news-slick .slick-dots li button{background-color:#ccc} .news-slick .slick-dots li.slick-active button{width:10px !important;background-color:#00a0d2} .news-box{margin-top:60px;position:relative} .news-box .pager-box{ margin:-20px auto 50px auto} .news-tab{overflow:hidden} .news-tab li{float:left;background-color:#eee;overflow:hidden} .news-tab li:first-child{border-top-left-radius:10px} .news-tab li:last-child{border-top-right-radius:10px} .news-tab li a{display:block;font-size:16px;color:#333;line-height:60px;font-weight: bold;font-family:'Gilroy bold';padding:0 43px;transition:all 0.3s ease-out} .news-tab li.on a,.news-tab li:hover a{background-color:#00a0d2;color:#fff} .news-list{margin-bottom:60px} .news-list li{border-bottom:1px solid #ddd;overflow:hidden;padding:35px 0;transition:all 0.3s ease-out} .news-list li:first-child{border-top:1px solid #ddd} .news-list li .news-col{float:left;width:172px;padding-left:40px;position:relative} .news-list li .news-col::before{content:"";width:1px;height:88px;background-color:#ccc;position:absolute;right:0;top:4px} .news-list li .news-col span{display:block} .news-list li .news-col .date{font-size:18px;color:#333;line-height:38px;font-family:Arial;margin-top:10px} .news-list li .news-col .tag{font-size:14px;color:#999;line-height:24px} .news-list li .news-info{overflow:hidden;padding:0 35px 0 40px} .news-list li .news-info .title{display:block;font-size:18px;font-weight: bold;font-family:'Gilroy bold';color:#333;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px} .news-list li .news-info p{font-size:14px;color:#666;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .news-list li:hover .news-info .title,.news-list li:hover .news-info p{color:#00a0d2} .more-btn{text-align:center;margin-bottom:90px} .more-btn a{display:inline-block;width:160px;height:50px;line-height:50px;border:1px solid #333;border-radius:10px;font-size:16px;color:#333;transition:all 0.3s ease-out} .more-btn a span.a1{display:inline-block} .more-btn a span.a2{display:none;color:#fff} .more-btn a img{vertical-align:middle;margin-top:-3px} .more-btn a:hover span.a1{display:none} .more-btn a:hover{background-color:#00a0d2;border-color:#00a0d2} .more-btn a:hover span.a2{display:inline-block} .crumbs-box{margin-top:90px;background-color:#485157} .crumbs-box .crumbs{padding: 19px 0 19px 20px;background:url(../images/nl-home.png) left center no-repeat} .crumbs-box .crumbs li{display:inline-block;line-height: 150%;color:#676e73;font-size:14px;margin-left:6px} .crumbs-box .crumbs li a{display:inline-block;color:#fff;margin-right:10px} .crumbs-box .crumbs li span{display:inline-block;color:#999} .crumbs-box .crumbs li a:hover{color:#999} .news-main{overflow:hidden;padding-top:50px;padding-bottom:90px} .news-main .new-left{float:left;width:70%} .news-main .new-left h1{font-weight:400;font-size:30px;color:#333;line-height:48px;margin-bottom:10px} .info-area{font-size:14px;color:#999;line-height:24px;margin-bottom:28px} .info-area .tag{padding-right:10px;display:inline-block;position:relative} .info-area .tag::before{content:"";width:1px;height:12px;background-color:#ccc;position:absolute;right:0;top:50%;margin-top:-6px} .info-area .date{display:inline-block;padding-left:5px} .news-main .new-left .content{font-size:14px;color:#333;line-height:28px;margin-top:50px} .news-main .new-left .content video{ /*display:block; margin:0 auto;*/} .news-main .new-left .content p{ margin:0 0 .8rem 0} .news-main .new-left .content, .goods-txt, .goods-txt p, .goods-txt div, .slider-for .case-text p, .news-main .new-left .content, .study-list li .text p{ text-align:justify!important} .news-main .new-left .content img{object-fit: unset;} .prev-box{overflow:hidden;margin-left:-3%} .prev-box li{float:left;width:47%;margin-left:3%;border:1px solid #ddd;border-radius:10px;padding:25px 30px;transition:all 0.3s ease-out} .prev-box li .sp{display:block;font-size:16px;color:#00a0d2;line-height:26px;margin-bottom:6px} .prev-box li a{display:block;font-size:14px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px} .prev-box li .info-area{margin-bottom:0} .prev-box li:hover{background-color:#00a0d2} .prev-box li:hover .sp,.prev-box li:hover a{color:#fff} .prev-box li:hover .info-area{color:rgba(255,255,255,0.5)} .prev-box li.no a{ color:#999} .prev-box li.no .info-area .tag::before{ display:none} .news-main .new-right{float:right;width:25%} .news-main .side-box{width:100%;max-width:300px} .related-new{background-color:#f7f7f7;border-radius:10px;padding:12px 30px 0;margin-bottom:20px} .side-tit{display:block;font-size:18px;color:#333;font-weight:700;font-family:'Gilroy bold';line-height:55px;position:relative;} .side-tit::after{content:"";width:32px;height:4px;background-color:#00a0d2;position:absolute;left:0;bottom:0} .related-new li{border-top:1px solid #ddd;padding:25px 0} .related-new li:first-child{border-top:0} .related-new li a{display:block;font-size:14px;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:8px} .related-new li .info-area{margin-bottom:0} .related-new li a:hover{color:#00a0d2} .share-wechat{display:block;width:100%;border-radius:10px;border:1px solid #eee;line-height:50px;text-align:center;font-size:14px;color:#333} .share-wechat img{vertical-align:middle;margin-top:-2px;margin-right:5px} .share-wechat:hover{background-color:#00a0d2;color:#ccc} .video-box{padding-top:90px;margin-bottom:70px} .video-box .wrap{padding:0 120px} .video-box .video{overflow:hidden;border-radius:10px;position:relative;display:block;max-width:960px;height:545px;width:100%;margin:0 auto} .video-box .video video,.video-box .video img{display:block;width:100%;border-radius:10px;height:100%} .video-text{padding-top:20px;padding-bottom:10px} .video-text .title{display:block;font-size:24px;color:#333;line-height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px} .video-text p{font-size:14px;color:#999;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:25px} .video-text span{display:block;font-size:14px;color:#999;line-height:24px;display: none;} .related-videos{margin-bottom:70px} .related-videos .video-top{margin-bottom:30px} .video-slick{margin:0 -10px;position:relative} .video-slick .slick-list .cont{padding:0 10px} .video-slick .slick-list .cont .title{display:block;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;line-height:56px} .video-slick .slick-list .cont .title:hover{color:#09c18e} .video-slick .slick-list .video{display:block;position:relative;overflow:hidden;border-radius:10px;height:160px;object-fit:cover} .video-slick .slick-list .video img{display:block;width:100%;height:100%;border-radius:10px} .video-slick .slick-list .video::after{content:"";width:50px;height:54px;background:url(../images/nl-play.png) no-repeat;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-27px} .video-slick .slick-dots{position:absolute;right:10px;top:-64px;bottom:auto;width:104px} .video-slick .slick-dots li button{background-color:#ccc} .video-slick .slick-dots li.slick-active button{width:10px;background-color:#00a0d2} .video-slick .slick-arrow{position:absolute;top:-48px;width:10px;height:18px} .video-slick .slick-next:before,.video-slick .slick-prev:before{display:none} .video-slick .slick-prev{background:url(../images/nl-arrow.png) no-repeat;left:auto;right:50px} .video-slick .slick-next{background:url(../images/nl-arrow1.png) no-repeat;right:12px} .partner-box{padding-bottom:20px;margin-bottom:90px} .logo-list{overflow:hidden} .logo-list .pic{float:left;width:230px;height:230px;padding:30px;box-sizing:border-box;margin:0 5px} .logo-list .pic a{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);background-color:#f7f7f7;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(245,248,253,0.5);transition:all 0.3s ease-out} .logo-list .pic a img{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);width:170px;height:170px;object-fit:contain;padding: 20px;} .logo-list li{padding-left:120px;position:relative} .logo-list li.one{top:90px} .logo-list li.two{padding-left:0} .logo-list li.three{top:-90px} .logo-list .pic a:hover{background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1)} .partner-slick{position:relative; width: 110%;} .partner-slick .slick-arrow{width:50px;height:50px;border-radius:50%;position:absolute;bottom:0;left:50%;right:auto;border:1px solid #00a0d2;top:auto;z-index:2} .partner-slick .slick-next:before,.partner-slick .slick-prev:before{display:none} .partner-slick .slick-prev{margin-left:-40px;background:url(../images/nl-jt3.png) center no-repeat} .partner-slick .slick-next{margin-left:40px;background:url(../images/nl-jt4.png) center no-repeat} .partner-slick .slick-prev:hover{background:url(../images/nl-jt1.png) center no-repeat #00a0d2} .partner-slick .slick-next:hover{background:url(../images/nl-jt2.png) center no-repeat #00a0d2} .history-main{position:relative} .history-main ul{overflow:hidden} .history-main li .box{display:flex;align-items:center;justify-content:space-between;width:955px} .history-main li{padding:90px 0} .history-main li .img{width:300px;height:200px;border-radius:10px;overflow:hidden;background-color:transparent;flex-shrink:0;margin-left:120px} .history-main li .img img{display:block;width:100%;height:100%} .history-main li .txt{overflow:hidden;flex-grow:1} .history-main li .txt span{width:80px;line-height:20px;text-align:center;font-size:12px;color:#fff;background-color:#029fd2;border-radius:20px;margin-bottom:25px;display:block} .history-main li .txt p{font-size:15px;line-height:26px} .history-main li:nth-child(2n) .box{flex-direction:row-reverse} .history-main li:nth-child(2n) .img{margin-right:120px;margin-left:0} .history-main li:nth-child(2n){background-color:#f7f7f7} .history-main li.nopic{padding: 50px 0;} .history-main li.nopic .img{width: 300px;height: 50px;} .swiper-his{position:absolute;top:0;height:calc(100vh - 90px);border-left:1px solid #ddd;left:50%;margin-left:500px} .swiper-his .swiper-slide{line-height:80px;font-size:14px;color:#333;cursor:pointer;padding-left:30px;position:relative;display:flex;align-items:center;justify-content:center} .swiper-his .swiper-slide::after{content:"";position:absolute;width:10px;height:2px;background-color:#ddd;left:0;top:50%;margin-top:-1px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s} .swiper-his .swiper-slide.swiper-slide-active{font-size:20px;color:#00a0d2} .swiper-his .swiper-slide.swiper-slide-active::after{width:20px;background-color:#00a0d2} .swiper-his .swiper-container{height:100%} .swiper-his.fix{position:fixed} .swiper-his .btn{width:50px;height:50px;border-radius:50px;overflow:hidden;background-repeat:no-repeat;background-position:center;-webkit-background-size:18px;-moz-background-size:18px;-o-background-size:18px;background-size:18px;border:1px solid #00a0d2;left:-70px} .swiper-his .btn:hover{background-color:#00a0d2} .swiper-his .btn.swiper-button-prev{background-image:url(../images/jt2_w.png);margin-top:20px} .swiper-his .btn.swiper-button-prev:hover{background-image:url(../images/jt2.png)} .swiper-his .btn.swiper-button-next{background-image:url(../images/jt1_w.png);margin-top:-60px} .swiper-his .btn.swiper-button-next:hover{background-image:url(../images/jt1.png)} .tech-box{padding:90px 0;position:relative} .tach-top{overflow:hidden;margin-bottom:40px;position:relative} .tach-top::after{content:"";width:100%;height:1px;background-color:#dddddd;position:absolute;left:0;bottom:0} .tach-top .tach-tab{float:left} .tach-top .patent-ul{float:right;overflow:hidden} .patent-ul li{font-size:16px;color:#666;float:left;position:relative;cursor:pointer} .patent-ul li span{display:block;line-height:60px;padding:0 30px} .patent-ul li.on a span{ color:#09c18e} .patent-ul li:last-child{margin-right:-30px} .patent-ul li::before{content:"";width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background-color:#ddd} .patent-ul li:first-child::before{display:none} .patent-ul li.on,.patent-ul li:hover{color:#09c18e} .patent-list li{display: inline-block;width: 33.1%;margin-bottom: 30px;vertical-align: top;} .patent-list li .pic{display:block;overflow:hidden;border-radius:10px;height:400px;text-align:center;line-height:397px} .patent-list li .pic img{display:inline-block;max-width:80%;max-height:80%;vertical-align:middle;width:auto;height:auto} .patent-list li p{font-size:14px;color:#666;line-height:130%;text-align:center;margin-top: 10px;padding:0 10px;} .patent-list li:hover .pic{background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1)} .patent-list li:hover p{color:#09c18e} .honor-box{padding:30px 0 90px 0} .big-pic{position:fixed;z-index:9;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);display:none;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)} .big-pic img{display:block;width:100%} .big-pic .close{width:30px;height:30px;line-height:30px;font-size:20px;color:#000;position:absolute;right:0;top:0;cursor:pointer;display:block;z-index:10} .create-one{overflow:hidden;padding:60px 0} .create-one .text{float:left;width:55%;padding-right:20px;margin-top:40px;text-align: justify;} .create-one .text p{font-size:15px;color:#333;line-height:28px} .create-one .pic{float:right;width:40%;padding-left:40px} .create-one .pic img{display:block;width:100%;border-radius:10px;height:280px} .create-two{background-color:#f7f7f7;padding-top:80px;padding-bottom:90px} .create-three h3,.create-two h3{font-size:24px;color:#333;line-height:44px;text-align:center;margin-bottom:50px;font-family:'Gilroy bold';} .study-list{overflow:hidden;margin:0 -15px} .study-list li{float:left;width:50%;padding:0 15px} .study-list li .pic{border-radius:10px 10px 0 0;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:56.25%} .study-list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%} .study-list li .text{background-color:#e7e7e7;/*padding:50px 37px 54px;*/padding:34px 37px 24px;} .study-list li .text strong{display:block;font-size:18px;color:#333;line-height:24px;font-weight:400;text-align:center;margin-bottom:12px} .study-list li .text p{font-size:12px;color:#666;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;height: 8em;} .study-info{margin-top:55px} .study-info .info{position:relative;padding-right:0} .study-info .info p{padding-right:130px} .study-info .info .study-logo{position:absolute;right:20px;top:auto;bottom:0} .study-info strong{display:block;font-size:22px;color:#333;line-height:34px;font-family:'Gilroy bold';} .study-info strong.p1{margin-bottom:50px} .study-info strong.p2{margin-bottom:34px;display: none;} .study-info .info p{font-size:15px;color:#333;line-height:26px} .create-three{padding-top:80px;padding-bottom:90px} .create-img{overflow:hidden;margin:0 -15px} .create-img li{width:33.3%;float:left;padding:0 15px} .create-img li .img{border-radius:10px;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:66.67%} .create-img li .img>img{position:absolute;left:0;top:0;width:100%;height:100%} .create-img li .img::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3)} .create-img li .img .text{display:block;position:absolute;width:100%;z-index:2;left:0;top:50%;font-size:22px;line-height:48px;text-align:center;margin-top:-24px;color:#fff} .create-img li .img .text img{vertical-align:middle;margin-left:10px;margin-top:-4px} .pro-inner{overflow:hidden;margin-top:60px;margin-bottom:80px} .pro-col{float:left;width:60%;overflow:hidden;display:flex;flex-direction:row-reverse} .pro-text{float:right;width:40%;padding-left:5%} .thumb-box{width:102px;float:left;padding:30px 0;position:relative;flex-shrink:0} .thumb-slick{height:530px;padding:0} .thumb-slick .s-img{background-color:#f7f7f7;border-radius:10px; margin:8px 0;display:block;padding-top:100%;position:relative; box-shadow:0 0 3px rgba(0,0,0,.1)} .thumb-slick .s-img img{display:block;width:100%;border-radius:10px;position:absolute;left:0;top:0;height:100%} .thumb-slick .slick-current .s-img{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:10px} .thumb-list{margin:0 6px} .pro-big{overflow:hidden;padding-left:0; margin-left:10px;} .pro-big .pic{width: 600px;height:600px;overflow:hidden;object-fit:cover;border: 1px solid #f5f5f5;border-radius: 10px;} .pro-big .pic img{display:block;width:100%;height:100%} .watermark{ position:relative;} .watermark img{position: relative;} .watermark::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:url(/cn/static/images/watermark-g-05.png?t=132) no-repeat center center;background-size: contain;width: 100%;height: 100%;display:block;z-index: 1;} .pro-list li .pic{box-shadow: 0 0 3px rgba(0,0,0,0.1);} .thumb-slick .slick-arrow{left:50%;width:90px;height:20px;background-color:#f7f7f7;margin-left:-45px;border-radius:10px;position:relative;cursor:pointer} .thumb-slick .slick-prev{top:-20px} .thumb-slick .slick-next{bottom:-20px;top:auto} .thumb-slick .slick-prev:before{content:"";width:14px;height:8px;background:url(../images/arr-one.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-4px} .thumb-slick .slick-next:before{content:"";width:14px;height:8px;background:url(../images/arr-two.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-4px} .thumb-slick .slick-arrow:hover{background-color:#00a0d2} .thumb-slick .slick-prev:hover::before{background:url(../images/arr-one1.png) no-repeat} .thumb-slick .slick-next:hover::before{background:url(../images/arr-two1.png) no-repeat} .pro-text{flex-grow:1} .pro-text h1{margin-top:16px;font-weight:400;font-size:26px;color:#333;line-height:32px;margin-bottom:15px} .pro-text .txt{display:inline-block;font-size:12px;color:#666;line-height:24px;border-radius:12px;padding:0 12px;background-color:#eee;margin-bottom:25px} .cp-td{padding-top:25px;border-top:1px solid #eee;margin-bottom:35px} .pro-text .tit{display:inline-block;line-height:24px;border-radius:12px;padding:0 12px;background-color:#09c18e;font-size:12px;color:#fff;margin-bottom:26px} .cp-td li{font-size:14px;color:#666;padding-left: 18px;position: relative;line-height: 120%;margin-bottom: 6px;} .cp-td li::before{content:"";/*display:inline-block;*/width:7px;height:7px;border-radius:50%;background-color:#09c18e;vertical-align:middle;margin-right:8px;margin-top:-2px;position: absolute;top: 7px;left: 0;} .cp-td p{font-size:12px;color:#999} .cp-td p i{font-style:normal;color:#999;display:inline-block;margin-right:10px} .pro-text .cp-ys .tit{background-color:#00a0d2} .cp-ys li{font-size:14px;color:#666;padding-left: 18px;position: relative;line-height: 120%;margin-bottom: 6px;} .cp-ys li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background-color:#00a0d2;vertical-align:middle;margin-right:8px;margin-top:-2px;position: absolute;top: 7px;left: 0;} .main-content{font-size:16px;line-height:24px;color:#333} .main-content h3{font-size:24px;color:#2d3349;line-height:44px;text-align:center;margin-bottom:30px;font-family:'Gilroy bold';} .goods-txt{max-width:800px;width:100%;margin:0 auto 74px} .goods-txt p,.goods-txt div,.goods-txt ul,.goods-txt ol{margin-bottom:1em} .goods-txt img {display: block;margin: 0 auto;} .goods-txt-body{ text-indent:2em;} .goods-txt-body .data-source{font-size:14px;} .goods-txt-body .data-source2{font-size: 12px;text-indent: 0;} .goods-info{ text-indent:0!important;} .goods-info li p{margin-bottom:0;} .goods-info li{padding-left:16px;position:relative} .goods-info li::before{content:"";position:absolute;background-color:#333;display:inline-block;width:7px;height:7px;border-radius:50%;vertical-align:middle;margin-right:8px;margin-top:0px;top:7px;left:0;} .goods-scenes{margin-bottom:80px} .goods-slick{max-width:1140px;width:100%;margin:0 auto} .goods-slick .img{padding:0 10px;height:176px;overflow:hidden;object-fit:cover} .goods-slick .img img{display:block;width:100%;border-radius:10px;height:100%} .goods-slick .slick-arrow{width:20px;height:90px;border-radius:10px;background-color:#f7f7f7;margin-top:-45px;z-index:1} .goods-slick .slick-prev:before{content:"";width:10px;height:18px;background:url(../images/nl-arrow.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-9px} .goods-slick .slick-next:before{content:"";width:10px;height:18px;background:url(../images/nl-arrow1.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-9px} .goods-slick .slick-arrow:hover{background-color:#00a0d2} .goods-slick .slick-prev:hover::before{background:url(../images/nl-jt1.png) no-repeat} .goods-slick .slick-next:hover::before{background:url(../images/nl-jt2.png) no-repeat} .goods-slick.center{ text-align:center;} .center .goods-list{ display:inline-block; width:285px;} .goods-table{padding:0 94px;margin-bottom:80px;font-size: 13px;} .goods-table table{border-radius:10px;overflow:hidden;font-family:Aria;background-color:#fff; text-align:center; text-valign: middle; line-height:30px; width:100%!important; height:auto!important; font-size:13px!important;} .goods-table table td,.goods-table table th{/*word-break:break-all;*/border-right:2px solid #fff;border-bottom:2px solid #fff;vertical-align:middle; text-align:center!important;font-size:13px!important;padding: 10px 10px; line-height:120%;} .goods-table table th{ font-weight:bold} .goods-table table tr:nth-child(odd){ background-color:#eeeeee} .goods-table table tr:nth-child(even){ background-color:#f9f9f9} .goods-table table .left{ text-align:left!important;} .goods-table table .right{ text-align:right!important;} .mall-link{ margin-top:26px;} .pro-text .mall-link a.tit{margin-bottom:0;background: #00a0d2 url(../images/cart.png?T=1) no-repeat 15px center;background-size: 16px;padding-left: 35px;padding-right: 15px;line-height: 28px;font-size: 12px;border-radius: 15px;} .pro-text .mall-link a.tit:hover{background-color: #09c18e;} .related-pro{margin-bottom:50px} .related-pro .side-tit{margin-bottom:30px} .goods-item{margin-left:-2.5%} .goods-item li{float:left;width:22.5%;margin-left:2.5%;margin-bottom:30px} .goods-item li .pic{display:block;overflow:hidden;border-radius:10px;border:1px solid #eee;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:100%} .goods-item li .pic img{position:absolute;left:0;top:0;width:100%;height:100%} .goods-item li .tit{display:block;font-size:14px;color:#333;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px} .goods-item li:hover .pic{background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1)} .goods-item li:hover .tit{color:#09c18e} .fix-img-big{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;display:none} .fix-img-big .img{position:absolute;left:50%;top:50%;width:90%;max-width:600px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background-color:#fff;padding:50px;border-radius:10px} .fix-img-big .img .close{position:absolute;right:0;top:0;width:50px;height:50px;font-size:30px;color:#333;line-height:50px;cursor:pointer;text-align:center} .fix-img-big .img img{display:block;width:100%;max-height:-webkit-fill-available} .contact-two.mo{display:none} .card-list li .close{display:none} @media screen and (max-width:1700px){ .about-two::before{width:580px} .about-two .wrap{padding:115px 0 65px 420px} .about-two p{margin-bottom:18px} } @media screen and (max-width:1600px){ .about-two::before{width:520px} .about-two .wrap{padding:100px 0 20px 400px} .pro-col{width: 51%}.pro-text{ width:49%;} .pro-big .pic{width: 495px;height:495px;} .pro-big .pic img {object-fit: contain;} .thumb-slick{height: 455px;} .pro-inner{margin-top: 30px;margin-bottom: 40px;} .pro-text h1{margin-top:0;} .pro-text .txt{margin-bottom: 20px;} .cp-td {padding-top: 20px;margin-bottom: 25px;} .pro-text .tit {margin-bottom: 15px;} .pro-menu .title::before {width: 10px;} .pro-menu .title::after {height: 10px;right: 4px;top: 20px;} .pro-nav li{padding: 0 20px;font-size: 15px;} .pro-list li .info .tit{font-size:14px;} } @media screen and (max-width:1439px){ .about-two .wrap{padding:64px 0 60px 410px} .patent-list li .pic{height:300px;line-height:297px} .pro-menu .title{ font-size:14px;} } @media screen and (max-width:1300px){ .about-two::before{width:400px} .about-two .wrap{padding:34px 0 6px 375px} .contact-two h4{font-size:18px;} .partner-box .wrap{width:100%} .pro-big .pic{width: 460px;height:460px;} .thumb-box {padding: 20px 0;} .thumb-slick{height: 420px;} .thumb-slick .s-img {margin: 5px 0} .thumb-slick .slick-prev {top: -10px;} .thumb-slick .slick-next {bottom: -15px;} .pro-left strong{font-size:16px;} .menu-ul>li{ font-size:12px;} .pro-menu .title{ font-size:14px;} .pro-menu .title::before {width: 8px;} .pro-menu .title::after {height: 8px;right: 3px;top: 21px;} .pro-list li .info .tit{font-size:12px;} } @media (min-width:1280px){ .contact-area .tact-area{padding-right:30px} } @media screen and (max-width:1260px){ .about-two .wrap{padding:34px 0 6px 375px} .about-two p{margin-bottom:18px} .about-four li{font-size: 14px} .news-slick .text{border:0;padding:12px 18px} .video-slick{margin:0} .case-box .slick-box{padding-left:80px;padding-right:100px} .case-banner{padding-top:240px} .tact-left{padding:150px 30px} .tact-left .con .top span{right:12px} .tact-box{padding:50px 20px 0} .contact-area .tact-area{padding-right:10px} .contact-area .tact-area.area1{padding-left:10px} .news-main .side-box{max-width:240px} .pro-nav li{padding: 0 10px;font-size: 14px;} .pro-menu .title{ font-size:12px;} .pro-text{padding-left:3%} .pro-text h1{margin-top:0} .pro-inner{margin-bottom: 30px;} .patent-list li .pic{height:200px;line-height:197px} .study-info .info p{padding-right:138px} .pro-col{width: 63%}.pro-text{ width:37%;} .pro-big .pic{width: 466px;height:466px} .thumb-slick{height: 426px;} .video-box .wrap{padding:0} } @media screen and (max-width:1023px){ .fix-img-big .img .close{width:30px;height:30px;font-size:20px;line-height:30px} .fix-img-big .img{padding:30px} .crumbs-box{margin-top:50px} .base-one{display:none} .about-two::before{display:none} .about-two .wrap{padding:50px 0 30px} .about-three{background:#fff;padding:0;margin-bottom:70px} .about-three .wrap{background:url(../images/m-about-bg.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:160px 0 140px;border-radius:30px} .about-three ul{padding:0 46px} .about-four{padding-bottom:20px;padding-top:50px} .about-four h3{text-align:center} .about-four li{text-align:center;font-size: 16px;font-weight:400;margin-bottom:40px} .about-four li img{display:inline-block;margin-right:0} .about-four li span{display:block;line-height:120%;margin-top:8px} .about-five{padding-bottom:10px} .about-five li{margin-bottom:40px} .about-five li .text{float:none;padding-right:0;margin-top:0;width:100%;margin-bottom:30px} .about-five li .pic{float:none;width:100%} .about-five li .pic .pc-pic{display:none} .about-five li .pic .mo-pic{display:block} .about-five li.two .text{padding-left:0} .about-six{background:#fff;padding:0 0 50px} .number-ul{padding:0 50px} .number-ul li p{color:#333} .number-ul li{width:50%} .history-main li{padding:40px 0} .history-main li .box{width:100%} .history-main li:nth-child(2n) .img{margin-right:40px} .history-main li .img{margin-left:40px} .swiper-his{display:none} .tech-box{padding:50px 0} .honor-box{ padding: 30px 0 30px 0;} .news-tab li a,.patent-ul li span{padding:0 20px} .create-one .text{margin-top:0;padding-right:0} .create-one{padding:50px 0} .study-list li .text{padding:30px 10px 28px} .study-list li .text strong{font-size:18px;margin-bottom:10px} .study-list li .text p{font-size:14px} .study-info strong{font-size:18px} .study-info .info p{font-size:14px} .study-info strong.p1{margin-bottom:40px} .study-info strong.p2{margin-bottom:20px} .create-three,.create-two{padding-top:40px;padding-bottom:50px} .create-three h3,.create-two h3{margin-bottom:30px} .create-img li .img .text{font-size:22px} .news-slick{margin-top:50px} .news-slick .text{border-radius:0 0 10px 10px;border-top:0} .news-slick .text .title{font-size:20px;line-height:1.4em} .news-slick .text .info{margin-bottom:15px} .news-slick .text p{font-size:14px;line-height:2em} .news-slick .text .see-more{margin-top:20px} .news-slick .slick-dots{bottom:10px} .video-box .wrap{padding:0} .video-box{padding-top:50px;margin-bottom:40px} .video-slick .slick-next{right:20px} .video-slick .slick-prev{right:128px} .video-slick .slick-dots{right:28px} .video-slick .slick-list .cont{padding:0 5px} .case-banner{padding-top:90px} .case-info h2{font-size:38px;line-height:48px} .case-box .case-col{padding:45px 0 25px 20px} .case-box .case-col h3{margin-bottom:230px} .case-box .slick-box{margin-top:108px;padding-left:20px;padding-right:60px} .case-banner .cur{right:20px} .slider-for .slick-arrow{display:none !important} .slider-for .case-text{width:60%;margin-top:120px} .case-slick .paging{top:0} .slider-navbox{top:28px} .tact-left{width:100%;margin-bottom:20px} .tact-right{width:100%;padding-left:0} .global-one img{z-index: 0;} .global-one span{z-index: 1;} .global-three li,.global-two li{padding:0 10px} .global-three{margin-bottom:40px} .regular-list{margin-left:-2%} .regular-list li{width:31.3%;margin-left:2%} .news-main .new-right{display:none} .news-main .new-left{width:100%} .pro-left{display:none} .pro-content{width:100%;padding-left:0} .pro-list{margin-left:-30px} .pro-content h3{padding-left:0; display:none;} .pro-one{margin-bottom:50px} .pro-col{width:100%} .pro-text{width:100%;margin-top:30px;padding-left:0} .goods-slick .slick-prev{left:0} .goods-slick .slick-next{right:0} .goods-table{padding:0} .card-list{background-color:transparent} .card-list li{padding:50px 20px;height:auto} .card-list li:first-child{background:url(../images/bg-box-1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .card-list li:nth-child(2){background:url(../images/bg-box-2.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .card-list li:nth-child(3){background:url(../images/bg-box-1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .card-list li:nth-child(4){background:url(../images/bg-box-2.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .card-list li .hide-info{display:none} .card-list li.active .hide-info{padding-left:0} .card-list li .info-box{position:static;transform:none} .card-area .bg{display:none !important} .card-list li .hide-info strong{margin-bottom:15px} .news-slick .img{height:236px} .pro-big .pic{width: auto;height:611px} .video-slick .slick-list .video{height:130px} .slider-for .case-img{height:420px} .contact-two.mo{display:block;position:relative} .contact-two{display:none} .contact-two.mo .wrap{overflow:hidden} .contact-two.mo .swiper-pagination{bottom:20px} .contact-two.mo .swiper-pagination .swiper-pagination-bullet{background-color:#fff} .contact-two.mo .swiper-pagination .swiper-pagination-bullet-active{opacity:1} .tact-right .tact1,.tact-left{margin-bottom:0} .card-list li .show-info p{display:none} .card-list li{margin:0 5px 10px;width:calc(50% - 10px);position:static} .card-list li.active2 .hide-info{display:block;position:relative;z-index:1} .card-list li.hide{display:none} .card-list li.active2{width:100%;margin:0} .card-list li.active2 .show-info{display:none} .card-list li.active2 .close{display:block;position:absolute;right:-10px;top:-40px;width:30px;height:30px;color:#fff;line-height:30px;font-size:30px;text-align:center;cursor:pointer} .card-list li.active2::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)} .card-list:hover{background-color:transparent} } @media screen and (max-width:768px){ .news-slick .img{height:auto} .patent-list li .pic{height:150px;line-height:147px} .about-banner{padding:120px 0} .about-three .wrap{padding:86px 0 20px} .number-ul{padding:0 10px} .ban-con strong{font-size:34px} .about-three ul{padding:0 20px} .about-three li{font-size:16px;margin-bottom:36px} .about-three li strong{font-size:24px;margin-right:6px} .about-three li strong::before{width:48px;top:-8px} .history-main li .img{width:180px;height:120px} .tach-top .tach-tab{width:100%;float:none;margin-bottom:10px} .news-tab li{width:33.3%;text-align:center} .news-tab li a{padding: 15px 0;line-height: 120%;} .tach-top .patent-ul{width:100%;float:none} .patent-ul li{width:33.3%;text-align:center} .patent-ul li span{padding: 10px 0;line-height: 130%;} .patent-list li{width:49%;margin-bottom:20px} .patent-list li p{margin-top:10px} .pagination li{margin:0 5px} .pagination li a,.pagination li span{width:30px;height:30px;line-height:30px} .pagination li a{font-size:14px} .pagination li.pg-next a,.pagination li.pg-next span,.pagination li.pg-prev a,.pagination li.pg-prev span{background-size:5px} .create-one .text{width:100%;float:none} .create-one .pic{width:100%;padding-left:0;margin-top:20px} .study-list{margin:0} .study-list li{padding:0 5px} .study-info strong.p1{margin-bottom:20px} .study-info .info p{font-size:12px;line-height:1.5em} .study-info{margin-top:20px} .create-img{margin:0 4px} .create-img li{padding:0 4px} .news-slick .text{width:100%} .news-slick .img{width:100%;border-radius:0px} .news-slick .img img{display:block;width:100%;border-radius:0px} .news-slick .slick-dots{width:100%;left:0;margin-left:0} .news-box .news-tab li{width:25%} .news-list li{position:relative} .news-list li .news-col{width:100%;position:absolute;left:0;bottom:10px;padding-left:0} .news-list li .news-col span{display:inline-block} .news-list li .news-info{padding:0} .news-list li .news-col .date,.news-list li .news-col .tag{font-size:12px;line-height:1.1em} .news-list li .news-col::before{display:none} .more-btn,.news-list{margin-bottom:50px} .video-slick .slick-prev{right:60px} .related-videos{margin-bottom:40px} .video-text .title{font-size:18px} .video-text p{font-size:14px;margin-bottom:10px} .video-box .video::after{background-size:100%;width:24px;height:35px;margin:0;transform:translate(-50%,-50%)} .case-box{padding:0 2px} .case-info strong{font-size:24px;line-height:34px;margin-bottom:40px} .case-info h2{font-size:30px;line-height:40px} .case-info .p2{font-size:12px!important;-webkit-text-size-adjust: none;} .case-box .slick-box{height:220px;padding-top:66px} .case-box .case-col h3{margin-bottom:198px} .slick-show .slick-arrow{width:40px;height:40px;bottom:200px} .case-box .case-col{padding-left:10px} .case-box .slick-box p{font-size:16px;line-height:26px} .slider-for .case-img,.slider-for .case-text{width:100%} .slider-for .case-img img{display:block;width:100%;margin-top:20px} .slider-for .case-text p{margin-bottom:24px} .case-two{padding:50px 0} .case-top,.contact-ban,.investor-ban,.pro-banner{padding:110px 0} .ban-con p{font-size:14px} .tact-left .con .top span{right:0} .tact-left{padding:70px 20px} .tact-area li{font-size:14px} .contact-two{margin-top:50px} .global-h3{height:40px;line-height:40px;border-radius:20px;font-size:20px;width:150px} .global-two ul{margin-bottom:20px} .global-two li p,.global-three li p{font-size:13px;} .global-three li{width:50%} .investor-content{margin-top:50px} .regular-list li{width:48%;height:224px;padding:35px 15px 30px} .regular-list li .date{margin-bottom:80px} .info-list li .more{display:none} .info-list li{padding:20px} .investor-box{margin-bottom:50px} .prev-box{margin-left:0} .prev-box li{width:100%;margin-left:0;margin-top:10px} .news-main,.pro-box{padding-bottom:50px} .pro-one {padding: 12px 0;} .product-anchor{position:absolute; top:-50px} .pro-nav li{font-size:14px;padding:0 12px;position:relative;} .pro-nav li:after{ border-right:1px solid #ccc; position:absolute; top:5px;right:0;content:"";height:50%;} .pro-nav li:last-child:after{border:none} .pro-list{margin-left:-10px} .pro-list li{padding-left:10px} .thumb-slick{height:auto} .goods-item{margin-left:-2%} .goods-item li{width:31.3%;margin-left:2%} .slider-nav .slick-slider .pic{width:auto} .pro-col{flex-direction:column} .thumb-box{width:100%;flex-grow:1;padding:0} .thumb-slick{padding:0 20px} .thumb-slick .slick-prev{left:0} .thumb-slick .slick-next{right:0;left:auto} .thumb-slick .slick-arrow{top:50%;margin-left:0;width:20px;height:20px;position:absolute;background-color:transparent;transform:rotate(-90deg)} .thumb-slick .slick-next:hover::before{background:url(../images/arr-two.png) no-repeat} .thumb-slick .slick-prev:hover::before{background:url(../images/arr-one.png) no-repeat} .thumb-slick .slick-arrow:hover{background-color:transparent} .thumb-slick .s-img {margin: 8px 0} .pro-big{padding-left:0;margin-left: 0;} .pro-big .pic{height:422px} .video-box .video{height:406px} .create-one .pic img{height:auto} .news-slick .content{margin:0;border:1px solid #ddd} .about-two p{font-size:14px} .about-three li{text-align:center} .about-three li strong::before{top:auto;bottom:-4px} .about-three li span{display:block} .about-five li p{font-size:13px;line-height:2em} .study-list li .text{padding:10px 5px} .study-list li .text strong{font-size:14px;line-height:1.4em;margin-bottom:0} .study-list li .text p{line-height: 130%;font-size: 12px;margin-top: 5px;-webkit-line-clamp: 4;display: -webkit-box;min-height: 4em;} .study-info strong{font-size:16px;line-height:1.4em} .create-img li .img .text{font-size:12px} .create-img li .img .text img{width:6px;height:auto;margin-left:5px} .study-info .info p{padding-right:115px} .study-info .info .study-logo{width:100px;height:auto} .case-box .case-col{height:328px} .case-box .case-col strong{height:245px} } @media screen and (max-width:480px){ .about-five li strong{font-size:20px;line-height:40px} .about-five li strong::before{width:16px;height:16px;border-radius:8px 8px 8px 0;margin-right:10px} .number-ul li strong{font-size:38px;line-height:60px} .number-ul li p{font-size:13px;line-height:36px} .about-five{padding:40px 0 20px} .about-three .wrap{padding:60px 0 20px} .about-three li{font-size:12px;margin-bottom:14px} .about-three li strong{font-size:20px} .about-three li strong::before{width:40px} .about-four li{font-size:16px;width: 50%;} .history-main li:nth-child(2n) .img{margin-right:20px} .history-main li .img{margin-left:20px;width:150px;height:100px} .history-main li .txt p{font-size:14px;line-height:24px} .news-tab li a,.patent-list li p{font-size:12px} .patent-ul li span{font-size:12px} .pagination li{margin:0 2px} .create-img{margin:0} .create-three{padding-bottom:20px} .study-info .info .study-logo{right:0} .news-list li .news-info .title{margin-bottom:10px} .more-btn a{height:40px;line-height:40px} .case-box .slick-box{margin-top:80px;padding-left:10px;padding-right:10px} .case-box .case-col h3{margin-bottom:169px;font-size:18px} .case-box .case-col span{font-size:12px} .case-banner .cur{display:none} .case-box .slick-box p{/*font-size:14px*/font-size:12px} .slider-for .case-text .more{height:40px;line-height:40px} .tact-left .con{padding:40px 10px} .contact-area .tact-area{width:100%;padding-right:0} .contact-area .tact-area.area1{padding-left:0; margin-top:0.8em} .contact-area .tact-area.area1::after{display:none} .contact-two h4{font-size:20px!important} .contact-two .p1{font-size:12px} .global-one .con{width:100%} .regular-list li .title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal} .regular-list li .date{margin-bottom:50px} .investor-box h3{font-size:20px} .prev-box li{padding:8px 10px} .news-main .new-left h1{font-size:22px;line-height:1.5em} .pro-list li{width:50%} .more-a{height:40px;line-height:40px} .pro-text h1{font-size:24px} .main-content h3{font-size:20px;margin-bottom:20px} .pro-text .txt{margin-bottom:20px} .cp-td{padding-top:20px} .goods-txt{margin:0 auto 44px} .goods-item li{width:48%} .goods-table{margin: 0 -2.5% 50px -2.5%;} .crumbs-box .crumbs{background:0 0;padding-left:0} .crumbs-box .crumbs li a{margin-right:0} .crumbs-box .crumbs li{margin-left:0} .pro-big .pic{height:353px} .video-slick .slick-list .video{height:240px} .video-box .video{height:253px} .slider-for .case-img{height:310px} .case-box .case-col{height:300px;padding:24px 0 25px 10px} .case-box .case-col strong{height:220px;font-size:20px} } @media screen and (max-width:360px){ .ban-con strong{font-size:30px} .slider-navbox{width:100%} .pro-nav li{padding:0 10px} .pro-big .pic{height:301px} .video-slick .slick-list .video{height:163px} .global-h3{font-size:18px} .global-two li p,.global-three li p{font-size:12px} } body.full,html.full{position:relative;height:100%;background-color:#f5f5f5;overflow:hidden} .full-swiper{height:100%;width:100%} .full-swiper .swiper-slide{display:flex;justify-content:center;align-items:center} .full-swiper .swiper-pagination .swiper-pagination-bullet-active{height:50px;border-radius:4px;background-color:#fff} .full-swiper .swiper-pagination .swiper-pagination-bullet{border-radius:4px;background-color:#fff;opacity:1;margin:13px 0 !important;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s} .full-swiper.white .swiper-pagination .swiper-pagination-bullet{background-color:#000} .banner{width:100%} .banner .img img{display:block;width:100%;height:100vh;object-fit:cover} .banner .slick-dots{position:absolute;left:50%;width:180px;margin-left:-90px;bottom:0;background-color:rgba(0,0,0,0.2);display:-webkit-flex;display:flex;align-items:center;justify-content:space-around;height:90px;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2)} .banner .slick-dots li{margin:0;padding:0} .banner .slick-dots li button{width:8px;height:8px;border-radius:50%;background-color:#ddd} .banner .slick-dots li.slick-active button{background-color:#00a0d2} .banner .slick-arrow{left:50%;width:90px;height:90px;background-color:rgba(0,0,0,0.2);background-repeat:no-repeat;background-position:center;top:auto;bottom:0;-webkit-background-size:10px;-moz-background-size:10px;-o-background-size:10px;background-size:10px} .banner .slick-prev{background-image:url(../images/ban-jt1.png);margin-left:-180px} .banner .slick-prev:hover{background-image:url(../images/ban-jt11.png)} .banner .slick-next{background-image:url(../images/ban-jt2.png);margin-left:90px;right:auto} .banner .slick-next:hover{background-image:url(../images/ban-jt22.png)} .index-part1{background:#fff url(../images/index-bg1.jpg) center no-repeat;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .index-part1,.index-part3,.index-part4{padding-top:90px} .index-part2,.index-part3,.index-part4{width:100%;height:100%;display:flex;align-items:center;justify-content:center} .index-number{display:flex;align-items:center;justify-content:space-around;padding:105px 0 92px;background:url(../images/index-bg2.png) center top no-repeat;background-position:center bottom; background-size: 100% 100%; margin: 40px -23px 60px -23px;border-radius:10px} .index-number li{text-align:center} .index-number li em{font-size:60px;color:#09c18e;line-height:70px;font-weight:700;font-family:Arial, "Microsoft YaHei", sans-serif;} .index-number li p{font-size:18px;color:#333;line-height:28px;font-weight: bold;font-family:'Gilroy bold';} .data-font i {position: relative;vertical-align: bottom;bottom: 5px;font-weight: bold;color: #09c18e;font-size: 16px;font-style: normal;} .index-list1{display:flex;align-items:center;justify-content:space-between;margin:0 -30px} .index-list1 li{width:33.33%} .index-list1 .item{margin:0 30px;text-align:center} .index-list1 .item a{display: block;} .index-list1 .item .img{border-radius:10px;overflow:hidden;position:relative;padding-top:66.66%;overflow:hidden} .index-list1 .item .img img{display:block;width:100%;position:absolute;left:0;top:0;width:100%;height:100%} .index-list1 .item p{font-size:18px;color:#333;line-height:28px;margin-top:15px} .index-part2{background:url(../images/index-bg3.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .index-part3{background-color:#fff} .part3-content{overflow:hidden;margin:58px 0} .part3-content .left{float:left;width:440px;margin-right:30px;border-radius:8px;background-color:#f7f7f7} .part3-content .left .img{display:block;overflow:hidden;border-radius:8px 8px 0 0;position:relative;padding-top:66.6%;overflow:hidden} .part3-content .left .img:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)} .part3-content .left .img img{display:block;position:absolute;left:0;top:0;width:100%;height:100%} .part3-content .left .txt{padding:35px 30px} .part3-content .left .txt .tit{font-size:18px;color:#333;font-weight: bold;font-family:'Gilroy bold';line-height:28px;margin-bottom:12px;overflow: hidden;/*display:block;*/display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 1;*/min-height: 75px;} .part3-content .left .txt .tit:hover{color:#00a0d2} .part3-content .left .txt p{font-size:14px;color:#666;line-height:24px; display:none;} .part3-content .right{overflow:hidden} .index-list2 li{padding:0 30px;background-color:#f7f7f7;border-radius:8px;margin-bottom:19px} .index-list2 li span{float:right;font-size:14px;color:#999;line-height:75px;margin-left:20px} .index-list2 li a{font-size:16px;color:#333;line-height:75px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:28px;position:relative} .index-list2 li a::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:8px;background-color:#ccc;margin-top:-4px} .index-list2 li a:hover{color:#00a0d2} .index-list2 li a:hover::before{background-color:#00a0d2} .index-btn1{display:block;margin:0 auto;width:140px;line-height:40px;border:1px solid #333;font-size:14px;color:#333;text-align:center;border-radius:10px;background-color: rgba(237,236,232,0.9);text-transform: uppercase;} .index-btn1:hover{color:#fff;background-color:#00a0d2;border-color:#00a0d2;} .index-btn1:hover span{background:url(../images/i-jt2.png) center right no-repeat;background-size: 6px 10px;} .index-btn1 span{padding-right:18px;display:inline-block;background:url(../images/i-jt1.png) center right no-repeat;background-size: 6px 10px;} .index-btn1.another{border-color:#fff;float:right;background-color: rgba(32,166,212,0.1);} .index-btn1.another span{color:#fff;background-image:url(../images/i-jt2.png);} .index-btn1.another:hover{background-color:#fff;border-color:#fff;background-size: 6px 10px;} .index-btn1.another:hover span{color:#00a0d2;background-image:url(../images/i-jt3.png);background-size: 6px 10px;} .index-btn1.other{margin:0} .index-btn1.other:hover{background-color:#09c18e;border-color:#09c18e} .index-part4{background-color:#fff} .index-part4 .index-btn1{background-color:#00a0d2;border-color:#00a0d2;color:#fff} .index-part4 .index-btn1 span{padding-right:18px;display:inline-block;background:url(../images/i-jt2.png) center right no-repeat;background-size: 6px 10px;} .index-part4 .index-btn1:hover{background-color:#fff;color:#333;border-color:#333} .index-part4 .index-btn1:hover span{background:url(../images/i-jt1.png) center right no-repeat;background-size: 6px 10px;} .index-video{margin:58px 0;display:flex;align-items:stretch;justify-content:space-between} .index-video .left{flex-shrink:0;width:362px;display:flex;justify-content:space-between;flex-direction:column;margin-right:30px} .index-video .left .tit p{font-size:24px;color:#333;line-height:34px;margin-bottom:10px} .index-video .left .tit span{font-size:14px;color:#666;line-height:26px;margin-bottom:20px;display:block} .index-video .left .tit a{font-size:12px;color:#999;line-height:22px;display:inline-block} .index-video .left .tit a:hover{color:#00a0d2} .index-video .left ul{overflow:hidden;margin-bottom:-20px} .index-video .left ul li{float:left;width:50%} .index-video .left ul li .img{margin:0 10px 20px;position:relative;border-radius:10px;position:relative;padding-top:56%;overflow:hidden} .index-video .left ul li .img img{display:block;width:100%;border-radius:10px;position:absolute;left:0;top:0;width:100%;height:100%} .index-video .left ul li .img i{position:absolute;left:50%;top:50%;width:54px;height:64px;margin-left:-27px;margin-top:-32px;background-repeat:no-repeat;background-position:center;background-image:url(../images/i-play2.png);background-size: cover;cursor:pointer} .index-video .left ul li .img i.pause{background-image:url(../images/i-stop.png)} .index-video .right{flex-grow:1} .index-video .right .video{display:block;width:100%;overflow:hidden;border-radius:10px;position:relative;position:relative;padding-top:56.2%;overflow:hidden} .index-video .right .video video{width:100%;display:block;position:absolute;left:0;top:0;width:100%;height:100%} .index-video .right .video .bg{background-color:rgba(0,0,0,0.3);background-repeat:no-repeat;background-position:center;background-image:url(../images/i-play.png);position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;} .index-part2 .wp{display:flex;align-items:center;justify-content:space-between} .index-tit1.other{text-align:left} .index-tit1.other::after{background-color:#09c18e;left:0;margin-left:0} .index-tit1.white{text-align:right} .index-tit1.white h3{color:#fff} .index-tit1.white p{color:#fff;opacity:1} .index-tit1.white::after{background-color:#fff;right:0;margin-left:0;left:auto} .index-icons{display:flex;align-items:flex-start;margin:58px 0 50px} .index-icons li{margin-right:25px;width: 14.28%;} .index-icons li img{display:block;margin:0 auto;width: 50px;max-width: unset;} .index-icons li p{text-align:center;font-size:13px;color:#333;line-height:16px;margin-top:15px} .index-icons.other{justify-content:flex-end} .index-icons.other li{margin-left:30px; margin-right:0;width: auto;;} .index-icons.other li p{color:#fff} @media (max-width:1440px){ .index-number{padding:30px 0;margin-top:30px} .index-number li em{font-size:40px;line-height:50px} .index-part1,.index-part3,.index-part4{padding-top:90px} .part3-content{margin:30px 0 0} .part3-content .left{width:340px} .part3-content .left .txt{padding:20px} .part3-content .left .txt .tit{font-size:16px;line-height:26px;min-height: 65px;} .part3-content .left .txt p{font-size:12px;line-height:20px} .index-list2 li a,.index-list2 li span{line-height:60px} .index-list2 li{margin-bottom:12px} .index-btn1{font-size:14px;line-height:36px} .index-tit1 h3{font-size:32px} .index-tit1 p{font-size:14px} /*.index-video .left{width:390px}*/ .index-video{margin:30px 0 35px} .footer .box{padding-top:20px} .fd-link dl dt{margin-bottom:15px} .fd-link dl dd a{margin-bottom:12px} .footer{padding:90px 0 10px} .fd-contact .ewm{margin-top:20px;width:100px} .fd-contact h3{margin-bottom:15px} .about-two::before{width:470px} .about-two .wrap{padding:50px 0 24px 410px} .full-swiper .wp{max-width:1000px} .footer .wp{max-width:1200px} .index-tit1{/*padding-bottom:12px*/} } .fancybox-button--zoom,.fancybox-button--play,.fancybox-button--thumbs{display:none !important} /*xcg*/ .vh{ visibility:hidden;} .qrcode{color:#666; text-align:center} .qrcode .img{width:220px; display:block; padding:50px 20px 40px 20px} .thumb-slick .slick-arrow{ z-index:1} .product-nav-pc, .product-nav-mo{ display:none} .about-five li p, .create-one .text p, .about-two .wrap{ z-index:1;} #back-top{position:fixed;width:40px;height:40px;bottom:10px;right:10px;background:#ccc;text-align:center;line-height:40px;text-decoration:none; display:none; background:url(../images/top.png) center no-repeat;opacity:0.5;border-radius: 10px;z-index:999999;} .pro-nav-mo{display:none;justify-content:center} .pro-nav-mo .box{position:relative;z-index:1;float:left;display:block;margin-right:20px;border:1px solid #ddd;border-radius:10px;cursor:pointer} .pro-nav-mo .inp{display:block;overflow:hidden;padding-right:40px;padding-left:20px;width:100%;height:48px;border-radius:10px;background:url(/en/static/images/c_next.png) 94% 50% no-repeat #fff;background-size:10px;color:#333;font-size:14px;cursor:pointer} .pro-nav-mo .btn{float:left;display:block;width:94px;height:50px;border-radius:10px;background:#09c18e;text-align:center;font-size:0;line-height:50px;transition:.4s} .pro-nav-mo .btn i,.pro-nav-mo .btn span{display:inline-block;vertical-align:middle} .pro-nav-mo .btn i{margin-right:8px;width:14px;height:14px;background:url(/en/static/images/c_p8.png) center no-repeat;background-size:100%} .pro-nav-mo .btn span{color:#fff;font-size:15px}