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} fieldset,img{border:0} ol,ul{list-style:none} caption,th{text-align:left} q:after,q:before{content:''} abbr,acronym{border:0} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .col-c,.col-l,.col_c,.col_l,.l{float:left} .col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right} .c{clear:both} .n,em{font-weight:400;font-style:normal} .b{font-weight:700} .i{font-style:italic} .fa{font-family:Arial} .fg{font-family:Georgia} .ft{font-family:Tahoma} .fl{font-family:Lucida Console} .fs{font-family:'宋体'} .fw{font-family:'微软雅黑'} .tc{text-align:center} .tr{text-align:right} .tl{text-align:left} .tdu{text-decoration:underline} .tdn,.tdn:hover,a.tdl:hover{text-decoration:none} .fc0{color:#000} .fc3{color:#333} .fc6{color:#666} .fc9{color:#999} .fcr{color:red} .fcw{color:#fff} .fcb{color:#00f} .fcg{color:green} .f0{font-size:0} .f10{font-size:14px} .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14px} .f16{font-size:16px} .f20{font-size:20px} .f24{font-size:24px} .vm{vertical-align:middle} .vtb{vertical-align:text-bottom} .vt{vertical-align:top} .vn{vertical-align:-2px} .vimg{margin-bottom:-3px} .m0{margin:0} .ml0{margin-left:0} .ml5{margin-left:5px} .ml10{margin-left:10px} .ml20{margin-left:20px} .mr0{margin-right:0} .mr5{margin-right:5px} .mr10{margin-right:10px} .mr20{margin-right:20px} .mt5{margin-top:5px} .mt10{margin-top:10px} .mt20{margin-top:20px} .mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb20{margin-bottom:20px} .ml-1{margin-left:-1px} .mt-1{margin-top:-1px} .p1{padding:1px} .pl5{padding-left:5px} .p5{padding:5px} .pt5{padding-top:5px} .pr5{padding-right:5px} .pb5{padding-bottom:5px} .p10{padding:10px} .pl10{padding-left:10px} .pt10{padding-top:10px} .pr10{padding-right:10px} .pb10{padding-bottom:10px} .p20{padding:20px} .pl20{padding-left:20px} .pt20{padding-top:20px} .pr20{padding-right:20px} .pb20{padding-bottom:20px} .pr,.rel{position:relative} .abs,.pa{position:absolute} .dn{display:none} .db{display:block} .dib{-moz-inline-stack:inline-block;display:inline-block} .di{display:inline} .ovh{overflow:hidden} .ovs{overflow:scroll} .vh{visibility:hidden} .vv{visibility:visible} .lh14{line-height:14px} .lh16{line-height:16px} .lh18{line-height:0.9vw} .lh20{line-height:20px} .lh22{line-height:22px} .lh24{line-height:24px} .fix{*zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} .z{_zoom:1} .h1{height:1px} .h5{height:5px} .h,.h10{height:10px} .h15{height:15px} .h20{height:20px} .h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both} body{font:12px 宋体,Arial,sans-serif} a{text-decoration:none} a:hover{color:#f60} *,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index: 2;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased} @font-face{font-family:Alibaba-PuHuiTi-Regular;font-weight:900 1000;src:url(https://static.alibabagroup.com/static/Alibaba-PuHuiTi-Heavy.ttf)} @font-face{font-family:Alibaba-PuHuiTi-Regular;font-weight:700 900;src:url(https://static.alibabagroup.com/static/Alibaba-PuHuiTi-Bold.ttf)} @font-face{font-family:Alibaba-PuHuiTi-Regular;font-weight:500 700;src:url(https://static.alibabagroup.com/static/Alibaba-PuHuiTi-Medium.ttf)} @font-face{font-family:Alibaba-PuHuiTi-Regular;font-weight:300 500;src:url(https://static.alibabagroup.com/static/Alibaba-PuHuiTi-Regular.ttf)} @font-face{font-family:Alibaba-PuHuiTi-Regular;font-weight:100 300;src:url(https://static.alibabagroup.com/static/Alibaba-PuHuiTi-Light.ttf)} body{color:#333;font-size:14px;line-height:1.5;font-family:Alibaba-PuHuiTi-Regular,'Microsoft Yahei',PingFangSC,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased} img{max-width:100%;border:none;} input,select,textarea{font-size:14px;color:#333;font-family:Alibaba-PuHuiTi-Regular,'Microsoft Yahei',PingFangSC,"Helvetica Neue",Helvetica,Arial,sans-serif;border:none} input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} ::-ms-input-placeholder{color:#999} select::-ms-expand{display:none} a{color:#333;text-decoration:none} a:hover{color:#ff4b59} @font-face{font-family:Alibaba-PuHuiTi-Regular;src:url(../fonts/Alibaba-PuHuiTi-Regular.ttf)} @font-face{font-family:Alibaba-PuHuiTi-Medium;src:url(../fonts/Alibaba-PuHuiTi-Medium.ttf)} @font-face{font-family:gilroy-regular;src:url(../fonts/gilroy-regular.otf)} .wp{margin:0 auto;width:100%;max-width:1500px} .header{position:fixed;top:0;left:0;width:100%;height:0;z-index:1024999} .header-d+.h-line{background-color:#eee;opacity:1} .header-d.on1+.h-line{display:none} .header-d .logo img{display:none} .header-d .logo img:nth-child(2){display:inline-block} .header-d.on1 .menu {background-color: #b42328;} .header-d.on1 .black{background-color: transparent;} .header-d.on1 .menuBtn b{background-color:#fff} .header-d .menuBtn .c0268{stroke:#b42328} .header-d.on1 .menuBtn .c0268{stroke:#fff} .header-d.on1 .logo{display:none} .header-d.on1 .nav{display:none} .hide .logo,.hide .nav{display:none} .menu.red {background-color: #b42328;} .menu.black{color: #000;} .logo{float:left;font-size:0;line-height:95px;margin-left:40px;position:relative;height:95px} .logo img{display:inline-block;vertical-align:middle;max-width:195px;position:absolute;top:50%;transform:translateY(-50%)} .logo img:nth-child(2){display:none} .h-r{float:right;margin-right:50px} .nav{float:left;margin-right:80px} .nav li{float:left;position:relative;padding:40px 15px 0.9vw} .nav .v1{display:inline-block;vertical-align:middle;font-size:1vw;color:#fff;transition:.3s} .dropicon{display:inline-block;vertical-align:middle;width:10px;height:10px;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);transition:.3s;margin-top:-4px;margin-left:5px} .nav .ok .v1,.nav .on .v1,.nav .color{color:#b42328} .nav .color a{color:#b42328 !important;} .nav .color .dropicon{border-color:#b42328} .ok .dropicon,.on .dropicon{border-color:#b42328} .nav .sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:rgba(255,255,255,.2);overflow:hidden;border-radius:5px;box-shadow:0 7px 10px rgba(111,111,111,.23);white-space:nowrap;font-size:0;display:none} .sub .v2{display:inline-block;vertical-align:middle;position:relative;padding:0 30px;min-width:132px;height:80px;line-height:80px} .sub .v2::after{content:"";display:block;width:1px;height:25px;position:absolute;top:50%;right:0;background-color:#fff;opacity:.1;margin-top:-13px} .sub .v2:last-child::after{display:none} .sub .v2 .t{display:inline-block;vertical-align:middle;font-size:0.9vw;color:#fff;font-family:Alibaba-PuHuiTi-Regular;transition:.3s} .sub .v2 .icons{display:inline-block;vertical-align:middle;max-width:30px;margin-right:8px} .sub .v2 .icons img{display:inline-block;vertical-align:middle} .sub .v2 .icons img:nth-child(2){display:none} .sub .v2:hover .icons img{display:none} .sub .v2:hover .icons img:nth-child(2){display:inline-block} .sub .v2:hover .t{color:#b42328} .sub2 .v2{text-align: center;} .h-so{float:left;width:60px;height:88px;border-radius:0 0 30px 30px;overflow:hidden;text-align:center;font-size:0;background-color:#b42328;line-height:120px;cursor:pointer} .h-so .icon{height:25px;background:url(../images/c-so.svg) no-repeat center;background-size:20px;margin-top:36px} .h-so.open .icon{background-image:url(../images/cls.svg)} .h-line{position:fixed;top:0;left:90px;width:1px;height:100vh;background-color:#fff;opacity:.1;z-index:1000} .h-lang{position:fixed;width:90px;height:180px;bottom:0;left:0;z-index:1000;cursor:pointer} .h-lang .icon img:nth-child(2),.h-lang.sty1 .icon img{display:none} .h-lang.sty1 .icon img:nth-child(2){display:inline-block} .h-lang .icon{width:90px;text-align:center;font-size:0;line-height:60px;display: none;} .h-lang .icon img{display:inline-block;vertical-align:middle;width:26px} .h-lang .box{position:absolute;top:0;left:0%;width:90px;white-space:nowrap;font-size:0;opacity:1;visibility:visible;transform:translateX(0);transition:0} .h-lang.sty1 .box,.h-lang.sty1:hover .icon{background-color:rgba(102,102,102,0)} .h-lang .link{display:block;vertical-align:top;font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;color:#fff;padding:0 0px;position:relative;line-height:95px;transition:0;text-align: center;} .h-lang .link::after{content:"";display:block;width:30%;height:1px;position:absolute;bottom: 0;right:35%;background-color:#fff;margin-top:-7px;opacity: 0.5;} .h-lang .link:hover{text-decoration:underline;opacity:.8} .h-lang .link:last-child::after{display:none} .h-lang:hover .icon{background-color:rgba(255,255,255,0)} .h-lang:hover .box{transform:translateX(0);opacity:1;visibility:visible} .c0265{transform:rotateX(45deg);width:90px;height:90px} .c0266{fill:none;transition:stroke .3s ease 0s;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10} .open .c0265{transform:none} .c0268{stroke:#fff} .menutxt{ cursor: pointer; text-align: center; line-height: 90px; font-size:1vw; text-transform: uppercase; color: #fff; } .menutxt:hover{color: #b42328;} .menu{width:90px;height:90px;float:left;transition:.4s} .menu.open{background-color:#b42328} .menuBtn{display:block;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;position:relative} .menuBtn b{display:block;height:2px;background-color:#fff;margin:6px 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menu.open b{display:none;margin:0;position:absolute;left:0;top:50%;margin-top:-5px;width:30px} .menu.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)} .menu.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .cur,.cur a{font-size:12px;color:#5e5e5e;line-height:20px} .cur{margin:0.9vw 0 10px 9px;padding-left:26px;background:url(../images/cur.png) no-repeat left center} .cur a:hover{color:#ca1318} .pages{text-align:center} .pages ul{display:inline-block} .pages ul li{float:left;margin:0 5px} .pages ul li a{display:block;width:49px;height:49px;line-height:49px;font-size:16px;font-family:OPPOSans;font-weight:400;color:#222;background:#fff;border-radius:5px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .pages ul a:hover,.pages ul li.on a{background:#b42328;color:#fff} .pages ul li.next a,.pages ul li.prev a{font-weight:700;font-family:"宋体";font-size:20px} .pages ul li.next a{font-size:0;background-image:url(../images/d-icon3.svg);background-size:35px 35px;background-repeat:no-repeat;background-position:center} .pages ul li.next a:hover{background-image:url(../images/d-icon3-on.svg)} .pages ul li span{display:inline-block;margin-top:5px;font-weight:700;font-family:Arial;color:#dadada} .g-floornav-f01{display:none;position:fixed;top:0;left:90px;height:90px;bottom:auto;z-index:1024;transition:all 1000;-webkit-transition:all 1000;-moz-transition:all 1000;-ms-transition:all 1000;-o-transition:all 1000} @media only screen and (min-width:950px) and (max-width:1920px){ .wp{margin:0 auto;width:100%;max-width:78.12vw} .header{position:fixed;top:0;left:0;width:100%} .hide .logo,.hide .nav{display:none} .hide .menu {background-color: #b42328;} .logo{float:left;font-size:0;line-height:4.947vw;margin-left:2.083vw;height:4.947vw} .logo img{display:inline-block;vertical-align:middle;max-width:10.15vw} .h-r{float:right;margin-right:2.604vw} .nav{float:left;margin-right:4.166vw} .nav li{float:left;position:relative;padding:2.083vw .781vw .937vw} .nav .v1{display:inline-block;vertical-align:middle;font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;color:#fff;transition:.3s} .dropicon{display:inline-block;vertical-align:middle;width:.52vw;height:.52vw;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg);transition:.3s;margin-top:-.208vw;margin-left:.26vw} .nav .ok .v1,.nav .on .v1{color:#b42328} .ok .dropicon,.on .dropicon{border-color:#b42328} .nav .sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:rgba(180,180,180,.2);backdrop-filter:blur(12px);overflow:hidden;border-radius:.26vw;box-shadow:0 .364vw .52vw rgba(111,111,111,.23);white-space:nowrap;font-size:0;display:none} .sub .v2{display:inline-block; vertical-align:middle;position:relative;padding:0 1.562vw;min-width:6.875vw;height:4.166vw;line-height:4.166vw;} .sub .v2::after{content:"";display:block;width:1px;height:1.302vw;position:absolute;top:50%;right:0;background-color:#fff;opacity:.1;margin-top:-.677vw} .sub .v2:last-child::after{display:none} .sub .v2 .t{display:inline-block;vertical-align:middle;font-size:.937vw;color:#fff;font-family:Alibaba-PuHuiTi-Regular;transition:.3s} .sub .v2 .icons{display:inline-block;vertical-align:middle;max-width:1.5vw;width:1.5vw;margin-right:.416vw} .sub .v2 .icons img{display:inline-block;vertical-align:middle;width: 100%;} .sub .v2 .icons img:nth-child(2){display:none} .sub .v2:hover .icons img{display:none} .sub .v2:hover .icons img:nth-child(2){display:inline-block} .sub .v2:hover .t{color:#b42328} .h-so{float:left;width:3.125vw;height:4.583vw;border-radius:0 0 1.562vw 1.562vw;overflow:hidden;text-align:center;font-size:0;background-color:#b42328;line-height:6.25vw;cursor:pointer} .h-so .icon{height:1.302vw;background-size:1.145vw;margin-top:1.875vw} .h-line{position:fixed;top:0;left:4.687vw;width:1px;height:100vh;background-color:#fff;opacity:.1;z-index:1000} .h-lang{position:fixed;width:4.687vw;height: 9.072vw;bottom:0;left:0;z-index:1000;cursor:pointer} .h-lang .icon{width:4.687vw;text-align:center;font-size:0;line-height:3.125vw;display: none;} .h-lang .icon img{display:inline-block;vertical-align:middle;width:1.7vw} .h-lang .box{position:absolute;top:0;left:0%;width: 100%;white-space:nowrap;font-size:0;background-color:rgba(255,255,255,0);opacity:1;visibility:visible;transform:translateX(0);transition:0} .h-lang .link{display:block;width: 100%;vertical-align:top;font-size:.937vw;font-family:Alibaba-PuHuiTi-Regular;color:#fff;text-align: center;padding:0 0;position:relative;line-height:4.536vw;transition:0} .h-lang .link::after{content:"";display:block;width:30%;height:1px;position:absolute;bottom:0;right:35%;background-color:#fff;margin-top:0;opacity: .5;} .h-lang .link:hover{text-decoration:underline;opacity:.8} .h-lang .link:last-child::after{display:none} .h-lang:hover .icon{background-color:rgba(255,255,255,0)} .h-lang:hover .box{transform:translateX(0);opacity:1;visibility:visible} .c0265{width:4.687vw;height:4.687vw} .menutxt{ line-height: 4.687vw; } .menu{width:4.72vw;height:4.687vw;float:left;transition:.4s} .menu.open{background-color:#b42328} .menuBtn{display:block;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;position:relative} .menuBtn b{display:block;height:.104vw;background-color:#fff;margin:.312vw 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menu.open b{display:none;margin:0;position:absolute;left:0;top:50%;margin-top:-.26vw;width:1.562vw} .menu.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)} .menu.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .g-floornav-f01{display:none;position:fixed;top:0;left:4.687vw;height:4.536vw;bottom:auto;z-index:1024;transition:all 1000;-webkit-transition:all 1000;-moz-transition:all 1000;-ms-transition:all 1000;-o-transition:all 1000} .wp{max-width:78.125vw} .pages ul li{margin:0 .26vw} .pages ul li a{width:2.552vw;height:2.552vw;line-height:2.552vw;border-radius:.26vw;font-size:.833vw} .pages ul li.next a,.pages ul li.prev a{font-size:1.041vw} .pages ul li.next a{background-size:1.822vw 1.822vw} .pages ul li span{margin-top:.26vw} } @media screen and (max-width:1199px){ .m-nav{width:auto} .h-info{display:none} .h-lang,.h-line{display:none} } @media only screen and (max-width:1440px){ .nav .v1{font-size:1vw;} } @media only screen and (max-width:950px){ .pages ul li a{width:35px;height:35px;line-height:35px} .pages ul li.next a,.pages ul li.prev a{font-size:16px} .pages ul li.next a{background-size:30px 30px} .nav{display:none} .menutxt{ font-size: 16px; line-height: 55px; } .c0265,.menu{width:50px;height:50px} .logo{line-height:50px;margin-left:10px;height:55px} .logo img{max-width:none;max-height:85px} .h-r{margin-right:10px} .h-so{width:45px;height:55px;border-radius:0 0 30px 30px} .h-so .icon{margin-top:15px} .h-line{left:50px} .h-lang .icon{width:50px;line-height:50px} .h-lang .link{line-height:50px;font-size:16px;padding:0 10px} .h-lang .box {width: 50px;} } @media only screen and (max-width:750px){ .pages ul li a{width:30px;height:30px;line-height:30px;font-size:14px} .pages ul li.next a,.pages ul li.prev a{font-size:14px} .pages ul li.next a{background-size:25px 25px} } .pop-so{position:fixed;top:0;left:0;bottom:0;width:100%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;z-index:998;display:none} .pop-so .inner{position:absolute;bottom:15%;left:10%;right:10%;overflow:hidden} .h-list{overflow:hidden;margin:0 -10px} .h-list li{float:left;width:25%} .h-list .con{display:block;margin:0 10px;overflow:hidden;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;position:relative} .h-list .con:hover .pic img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter:grayscale(0)} .h-list .pic{position:relative;height:0;padding-top:68.42%;overflow:hidden} .h-list .pic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:none;min-width:100%;min-height:100%;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%)} .h-list .name{position:absolute;bottom:25px;left:25px;color:#fff;font-size:30px;font-family:Alibaba-PuHuiTi-Regular} .pop-so.search{height:690px;position:relative;z-index:990} .pop-so.search .header{position:absolute} .pop-so.search .h-line{height:690px} .bgf8{background-color:#f8f8f8} .row-s1{background-color:#f8f8f8;overflow:hidden;padding:58px 0} .ul-tabsb1{overflow:hidden;margin-bottom:60px} .ul-tabsb1 li{float:left} .ul-tabsb1 .s{font-size:24px;color:#222;padding:0 4px 12px;border-bottom:2px solid transparent;margin-right:55px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer} .ul-tabsb1 .on .s{color:#b42328;border-color:#b42328} .m-res{font-size:0.9vw;color:#222;margin-bottom:55px} .m-res span{font-size:30px;color:#b42328} .f-a_r{font-family:Alibaba-PuHuiTi-Regular} .m-formb1{margin-bottom:20px;width:100%;} .m-formb1 .tit{font-size:1vw;color:#fff;background:url(../images/c-i1.png) no-repeat left center;-webkit-background-size:24px 24px;-moz-background-size:24px;-o-background-size:24px;background-size:24px;padding-left:40px;margin-bottom:40px} .m-formb1 .inpbox{position:relative;border-bottom:2px solid #fff} .m-formb1 .inpbox .inp{display:block;width:100%;height:100px;font-size:40px;color:#fff;padding:0 40px 0 0;background-color:transparent} .m-formb1 .inpbox .inp::-webkit-input-placeholder{color:#fff} .m-formb1 .inpbox .inp::-moz-placeholder{color:#fff} .m-formb1 .inpbox .inp::-ms-input-placeholder{color:#fff} .m-formb1 .inpbox .btn{display:block;position:absolute;top:0;right:0;background:url(../images/c-so.svg) no-repeat right center;-webkit-background-size:26px 26px;-moz-background-size:26px;-o-background-size:26px;background-size:26px;width:50px;height:100px;cursor:pointer} .m-hotb1{overflow:hidden;font-size:24px;color:rgba(255,255,255,.5);margin-bottom:50px} .m-hotb1 a,.m-hotb1 span{float:left;margin-bottom:10px} .m-hotb1 a{position:relative;padding:0 25px;color:inherit;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .m-hotb1 a::after{content:"";display:block;width:1px;height:20px;background:#fff;opacity:.1;position:absolute;top:50%;right:0;margin-top:-10px} .m-hotb1 a:last-child::after{display:none} .m-hotb1 a:hover{color:#fff} .pop-nav{position:fixed;top:0;left:0;bottom:0;width:100%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;z-index:998;display:none} .pop-nav .inner{position:absolute;top:20%;right:6%;bottom:10%;left:15%;overflow:hidden} .m-nav{width:44%;max-height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-color:transparent transparent;scrollbar-width:none} .m-nav::-webkit-scrollbar{display:none} .m-nav li:last-child .con{border-bottom:1px solid rgba(255,255,255,.1)} .m-nav .on .haschild{background-image:url(../images/c-i4.png)} .m-nav .on .v1{color:#fff} .m-nav .con{overflow:hidden;padding-right:25px;color:#fff;border-top:1px solid rgba(255,255,255,.1);padding:30px 0} .m-nav .haschild{cursor:pointer;background:url(../images/c-i3.png) no-repeat right 45px;-webkit-background-size:15px 15px;-moz-background-size:15px;-o-background-size:15px;background-size:15px} .m-nav .op .con{color:rgba(255,255,255,.5)} .m-nav .v1{float:left;font-size:30px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;color:inherit;min-width:200px} .m-nav .child{float:left;width:190px;margin-top:10px;margin-left:10px;display:none} .m-nav .v2{display:block;color:rgba(255,255,255,.5);font-size:0.9vw;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;padding-right:25px;background-repeat:no-repeat;background-position:right center;-webkit-background-size:16px 16px;-moz-background-size:16px;-o-background-size:16px;background-size:16px;margin-bottom:8px} .m-nav .v2:hover{color:#fff;background-image:url(../images/c-i2.png)} .h-info{position:absolute;bottom:0;right:0;overflow:hidden} .h-qr{float:right;margin-bottom:80px;font-size:16px;color:#fff;text-align:center} .h-qr .qr{overflow:hidden;max-width:110px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin:0 auto} .h-qr img{display:block} .h-info .c{margin-bottom: 50px;} .h-info .c p{text-align: right;} .h-info .c p a{font-size:0.9vw;color:rgba(255,255,255,.8);margin-left: 20px;line-height: 1.6;display: inline-block;position: relative;} .h-info .c p a:before{position: absolute;content: '';width: 0;height: 1px;background: rgba(255,255,255,.6);left: 0;bottom: 0;opacity: 0;transition: 0.8s linear;} .h-info .c p a:hover:before{width: 100%;opacity: 1;} .h-copy{text-align:right;font-size:16px;color:rgba(255,255,255,.5)} .h-copy a{color:inherit;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .h-copy a:hover{color:#fff} .m-container{position:relative;height:100vh;overflow:hidden} .m-container .swiper-container{height:100%} .m-container .swiper-slide{position:relative;z-index:3;height:100vh!important;overflow:hidden} .banner .swiper-button-next:after,.banner .swiper-button-prev:after{display:none} .banner .item{height:100vh} .banner .video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} .banner .bg{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .banner .txt{position:absolute;top:45%;left:12.63%;right:15%} .banner .name{font-size:60px;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:35px} .g-linkb1{display:block;width:60px;height:60px;background:url(../images/arrow-w.svg) no-repeat center;-webkit-background-size:50% 50%;-moz-background-size:50%;-o-background-size:50%;background-size:50%;border:1px solid rgba(255,255,255,.3);-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden} .g-linkb1:hover{background-color:#b42328;border-color:#b42328} .g-icn{display:block;position:absolute;bottom:35px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10;cursor:pointer;/*position:relative*/} .g-icn::after{content:"";display:block;width:2px;height:6px;background-color:#fff;position:absolute;top:5px;left:50%;margin-left:-2px;-webkit-animation:myAnib1 2s ease-out infinite;-moz-animation:myAnib1 2s ease-out infinite;-o-animation:myAnib1 2s ease-out infinite;animation:myAnib1 2s ease-out infinite} @-webkit-keyframes myAnib1{ 0%,100%{top:5px} 50%{top:15px} } @-moz-keyframes myAnib1{ 0%,100%{top:5px} 50%{top:15px} } @-o-keyframes myAnib1{ 0%,100%{top:5px} 50%{top:15px} } @keyframes myAnib1{ 0%,100%{top:5px} 50%{top:15px} } .indexBanner a.more{display:inline-block;border:1px solid rgba(255,255,255,.3);font-size:0;line-height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:0 35px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .indexBanner .more:hover{border-color:#b42328;background-color:#b42328} .indexBanner .more i,.indexBanner .more span{display:inline-block;vertical-align:middle} .indexBanner .more span{font-size:0.9vw;color:#fff} .indexBanner .more i{width:16px;height:12px;margin-left:40px;background:url(../images/c-i2.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} .banner .swiper-button-next,.banner .swiper-button-prev{width:60px;height:60px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:50px;top:auto;-webkit-background-size:50% 50%;-moz-background-size:50%;-o-background-size:50%;background-size:50%;border:1px solid rgba(255,255,255,.3);-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;background-repeat:no-repeat;background-position:center} .banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background-color:#b42328;border-color:#b42328} .banner .swiper-button-prev{right:3%;left:auto;margin-right:70px;background-image:url(../images/arr-w.svg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .banner .swiper-button-next{right:3%;background-image:url(../images/arr-w.svg)} .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px;left:12.63%;width:auto} .banner .swiper-pagination-bullet{background-color:#d1d1d1;position:relative;width:30px;height:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid transparent;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;background-color:transparent} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px} .banner .swiper-pagination-bullet::after{content:"";display:block;width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;background-color:#d1d1d1;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .banner .swiper-pagination-bullet-active{border-color:#b42328} .banner .swiper-pagination-bullet-active::after{background-color:#b42328} .g-bg{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;position:relative} .m-txtb1{text-align:center;margin-top:200px} .m-txtb1 .tit{font-size:60px;color:#fff;margin-bottom:20px} .m-txtb1 .more{display:inline-block;border:1px solid rgba(255,255,255,.3);font-size:0;line-height:60px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:0 35px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .m-txtb1 .more:hover{border-color:#b42328;background-color:#b42328} .m-txtb1 .more i,.m-txtb1 .more span{display:inline-block;vertical-align:middle} .m-txtb1 .more span{font-size:0.9vw;color:#fff} .m-txtb1 .more i{width:16px;height:12px;margin-left:40px;background:url(../images/c-i2.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} .ul-numsb1{width:1400px;margin:100px auto 0} .ul-numsb1 li{float:left;width:20%} .ul-numsb1 li:last-child .con::after{display:none} .ul-numsb1 .con{text-align:center;position:relative;padding:0 10px} .ul-numsb1 .con::after{content:"";display:block;width:1px;height:88px;background:#fff;opacity:.1;position:absolute;top:50%;right:0;margin-top:-44px} .ul-numsb1 .top{font-size:1vw;color:#fff} .ul-numsb1 .num{font-size:60px;font-family:gilroy-regular} .ul-numsb1 .p{font-size:1.2vw;color:#fff;font-family:Alibaba-PuHuiTi-Regular} .m-map_ue{display:none} @-webkit-keyframes shan{ 0%,100%{opacity:0} 50%{opacity:1} } @-moz-keyframes shan{ 0%,100%{opacity:0} 50%{opacity:1} } @-o-keyframes shan{ 0%,100%{opacity:0} 50%{opacity:1} } @keyframes shan{ 0%,100%{opacity:0} 50%{opacity:1} } .m-map{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:0} .m-map .dib{position:relative;display:inline-block} .m-map .bg{display:block} .m-map .dot{position:absolute;display:block;cursor:default;} .m-map .dot.ondot{cursor:pointer;} .m-map .dot img{-webkit-animation:shan 1.5s ease-in-out infinite;-moz-animation:shan 1.5s ease-in-out infinite;-o-animation:shan 1.5s ease-in-out infinite;animation:shan 1.5s ease-in-out infinite} .m-map .dot:hover img{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)} .m-map .center{z-index:10} .m-map .center img{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none} .m-map img{display:block;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .m-map .line{width:0;overflow:hidden;pointer-events:none} .m-map .line img{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none} .m-map .line:hover img{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none} .m-map .line img{max-width:none} .m-map [data-right] .svg{position:absolute;top:0;right:0} .m-map .name{position:absolute;top:90%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-size:0.9vw;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .m-map .name::before{position:absolute;content:'';width:0;height:1px;left:0;bottom:0;background:#fff;opacity:0;transition:0.6s ease;} .m-map .name:hover::before{width:0%;opacity:0;} .m-map .ondot .name:hover::before{width:100%;opacity:1;} /*** .m-map .name.adr1{} .m-map .name.adr2{top: 90%;left: 50%;} .m-map .name.adr3{} .m-map .name.adr4{top: 30%;left: 116%;} .m-map .name.adr5{top:90% ;} .m-map .name.adr6{top: 90%;left: 50%;} .m-map .name.adr7{top: 27%;left: 159%} .m-map .name.adr8{top:76% ;left: 50%;} .m-map .name.adr9{top:81% ;left: 46%;} .m-map .name.adr10{top:24% ;left: -20%;} .m-map .name.adr11{top: 11%;left: 137%;} .m-map .name.adr12{top: 18%;left: 180%;} .m-map .name.adr13{top: 18%;left: 155%;} .m-map .name.adr13{top: 18%;} .m-map .name.adr15{top: -37%;} .name.adr16 {top: 21%;left: -34%;} .name.adr17 {top: 20%;left: 126%;} .name.adr18 {top: -27%;left: 42%;} ***/ .m-map .name.adr1{} .m-map .name.adr2{top: 90%;left: 50%;} .m-map .name.adr3{} .m-map .name.adr4{top: 90%;left: 50%;} .m-map .name.adr5{top:90% ;} .m-map .name.adr6{top: 90%;left: 50%;} .m-map .name.adr7{top: 87%;left: 59%} .m-map .name.adr8{top:80% ;left: 50%;} .m-map .name.adr9{top:81% ;left: 46%;} .m-map .name.adr10{top:80% ;left: 48%;} .m-map .name.adr11{top: 80%;left: 50%;} .m-map .name.adr12{top: 80%;left: 50%;} .m-map .name.adr13{top: 80%;left: 55%;} .m-map .name.adr13{top: 80%;} .m-map .name.adr15{top: 80%;} .name.adr16 {top: 80%;left: 50%;} .name.adr17 {top: 80%;left: 50%;} .name.adr18 {top: 80%;left: 42%;} .m-map .center img{display:block} .m-map .types{position:absolute;right:17.6%;bottom:10%} .m-map .types .type{font-size:16px;text-align: left;padding-left:20px;background-repeat:no-repeat;background-position:left center;-webkit-background-size:14px 14px;-moz-background-size:14px;-o-background-size:14px;background-size:14px} .m-map .types .t1{background-image:url(../images/index/dot3.png);color:#b42328} .m-map .types .t2{background-image:url(../images/index/dot4.png);color:#215e9b} .m-newsb1{position:absolute;bottom:250px;left:10%;right:15%} .m-newsb1 .top{margin-bottom:80px} .m-newsb1 .title{font-size:60px;font-family:Alibaba-PuHuiTi-Regular;color:#fff;margin-bottom:35px} .ul-listb1{overflow:hidden;margin-left:-80px} .ul-listb1 li{float:left;width:33.33%} .ul-listb1 li:last-child .con::after{display:none} .ul-listb1 .con{display:block;padding:0 80px;color:#fff;position:relative} .ul-listb1 .con:hover .more{color:#b42328} .ul-listb1 .con:hover .more::after{background-image:url(../images/arr-d_r.svg)} .ul-listb1 .con::after{content:"";display:block;width:1px;height:100%;background-color:#fff;opacity:.1;position:absolute;top:0;right:0} .ul-listb1 .date{font-family:gilroy-regular;font-size:1vw;margin-bottom:32px} .ul-listb1 .date .d{font-size:60px;line-height:1.2;margin-bottom:-12px} .ul-listb1 .tit{font-family:Alibaba-PuHuiTi-Regular;font-size:1.5vw;color:#fff;line-height:1.5;height:3em;display:box;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;margin-bottom:40px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-listb1 .more{display:inline-block;font-size:20px;padding-right:25px;position:relative;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .ul-listb1 .more::after{content:"";display:block;width:25px;height:25px;background:url(../images/arr-w.svg) no-repeat right center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;position:absolute;right:0;margin-top:-22px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s} .footer{position:absolute;z-index:50;width:100%;bottom:-120px;left:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out} .footer.on{bottom:0} .footer .txt{font-size:1vw;text-align:center;color:rgba(255,255,255,.5);line-height:120px} .footer a{color:inherit;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .footer a:hover{color:#fff} .goTop{position:absolute;top:0;right:50px;display:block;width:60px;height:60px;background:url(../images/index/h-i3.png) no-repeat center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} @media only screen and (min-width:1921px) and (max-width:2560px){ .m-map .name.adr1{} .m-map .name.adr2{top: 80%;left: 50%;} .m-map .name.adr3{} .m-map .name.adr4{top: 20%;left: 60px;} .m-map .name.adr5{top:90% ;} .m-map .name.adr6{top: 80%;left: 50%;} .m-map .name.adr7{top: 21%;margin-left:10px;} .m-map .name.adr8{left: 50%;top:80% ;} .m-map .name.adr9{left: -40%;top:20% ;} .m-map .name.adr10{left: -40%;top:20% ;} .m-map .name.adr11{top: 10%;left: 140%;} .m-map .name.adr12{top: 10%;left: 243%;} .m-map .name.adr13{left: 138%;} .ul-numsb1 li {float: left;width: 24%;margin-top: 5%;} } @media only screen and (min-width:950px) and (max-width:1920px){ .pop-so{position:fixed;top:0;left:0;bottom:0;width:100%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;z-index:998;display:none} .pop-so .inner{position:absolute;bottom:15%;left:10%;right:10%;overflow:hidden} .pop-so.search{height:35.9375vw;position:relative;z-index:990} .pop-so.search .header{position:absolute} .pop-so.search .h-line{height:35.9375vw} .row-s1{background-color:#f8f8f8;overflow:hidden;padding:3.02083vw 0} .ul-tabsb1{overflow:hidden;margin-bottom:3.125vw} .ul-tabsb1 li{float:left} .ul-tabsb1 .s{font-size:1.25vw;color:#222;padding:0 .2083vw .625vw;border-bottom:.1041vw solid transparent;margin-right:2.86458vw;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer} .ul-tabsb1 .on .s{color:#b42328;border-color:#b42328} .m-res{font-size:.9375vw;color:#222;margin-bottom:2.86458vw} .m-res span{font-size:1.5625vw;color:#b42328} .h-list{overflow:hidden;margin:0 -.52vw} .h-list li{float:left;width:25%} .h-list .con{display:block;margin:0 .52vw;overflow:hidden;-webkit-border-radius:.416vw;-moz-border-radius:.416vw;border-radius:.416vw;position:relative} .h-list .con:hover .pic img{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter:grayscale(0)} .h-list .pic{position:relative;height:0;padding-top:68.42%;overflow:hidden} .h-list .pic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;max-width:none;min-width:100%;min-height:100%;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%)} .h-list .name{position:absolute;bottom:1.302vw;left:1.302vw;color:#fff;font-size:1.562vw;font-family:Alibaba-PuHuiTi-Regular} .f-a_r{font-family:Alibaba-PuHuiTi-Regular} .m-formb1{margin-bottom:1.041vw} .m-formb1 .tit{font-size:1.041vw;color:#fff;background:url(../images/c-i1.png) no-repeat left center;-webkit-background-size:1.25vw 1.25vw;-moz-background-size:1.25vw;-o-background-size:1.25vw;background-size:1.25vw;padding-left:2.083vw;margin-bottom:2.083vw} .m-formb1 .inpbox{position:relative;border-bottom:.104vw solid #fff} .m-formb1 .inpbox .inp{display:block;width:100%;height:5.208vw;font-size:2.083vw;color:#fff;padding:0 2.083vw 0 0;background-color:transparent} .m-formb1 .inpbox .inp::-webkit-input-placeholder{color:#fff} .m-formb1 .inpbox .inp::-moz-placeholder{color:#fff} .m-formb1 .inpbox .inp::-ms-input-placeholder{color:#fff} .m-formb1 .inpbox .btn{display:block;position:absolute;top:0;right:0;-webkit-background-size:1.354vw 1.354vw;-moz-background-size:1.354vw;-o-background-size:1.354vw;background-size:1.354vw;width:2.604vw;height:5.208vw;cursor:pointer} .m-hotb1{overflow:hidden;font-size:1.25vw;color:rgba(255,255,255,.5);margin-bottom:2.604vw} .m-hotb1 a,.m-hotb1 span{float:left;margin-bottom:.52vw} .m-hotb1 a{position:relative;padding:0 1.302vw;color:inherit;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .m-hotb1 a::after{content:"";display:block;width:1px;height:1.041vw;background:#fff;opacity:.1;position:absolute;top:50%;right:0;margin-top:-.52vw} .m-hotb1 a:last-child::after{display:none} .m-hotb1 a:hover{color:#fff} .pop-nav{position:fixed;top:0;left:0;bottom:0;width:100%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;z-index:998;display:none} .pop-nav .inner{position:absolute;top:20%;bottom:10%;left:15%;overflow:hidden} .m-nav{max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:transparent transparent;scrollbar-width:none} .m-nav li:last-child .con{border-bottom:1px solid rgba(255,255,255,.1)} .m-nav .on .haschild{background-image:url(../images/c-i4.png)} .m-nav .on .v1{color:#fff} .m-nav .con{overflow:hidden;padding-right:1.302vw;border-top:1px solid rgba(255,255,255,.1);padding:1.562vw 0} .m-nav .haschild{cursor:pointer;background:url(../images/c-i3.png) no-repeat right 2.343vw;-webkit-background-size:.781vw .781vw;-moz-background-size:.781vw;-o-background-size:.781vw;background-size:.781vw} .m-nav .v1{float:left;font-size:1.562vw;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;color:inherit;min-width:10.41vw} .m-nav .child{float:left;width:9.895vw;margin-top:.52vw;margin-left:.52vw;display:none} .m-nav .v2{display:block;font-size:1vw;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;padding-right:1.302vw;background-repeat:no-repeat;background-position:right center;-webkit-background-size:.833vw .833vw;-moz-background-size:.833vw;-o-background-size:.833vw;background-size:.833vw;margin-bottom:.416vw} .m-nav .v2:hover{color:#fff;background-image:url(../images/c-i2.png)} .h-info{position:absolute;bottom:0;right:0;overflow:hidden} .h-qr{float:right;margin-bottom:20px;font-size:.833vw;color:#fff;text-align:center} .h-qr .qr{overflow:hidden;max-width:5.729vw;-webkit-border-radius:.52vw;-moz-border-radius:.52vw;border-radius:.52vw;margin:0 auto} .h-qr img{display:block} .h-copy{text-align:right;font-size:.833vw;color:rgba(255,255,255,.5)} .h-copy a{color:inherit;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .h-copy a:hover{color:#fff} .m-container{position:relative;height:100vh;overflow:hidden} .m-container .swiper-container{height:100%} .m-container .swiper-slide{height:100vh} .banner .item{height:100vh} .banner .bg{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover} .banner .txt{position:absolute;top:40%;left:12.63%;right:15%} .banner .name{font-size:3vw;line-height:1.2;color:#fff;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:1.822vw} .g-linkb1{display:block;width:3.177vw;height:3.177vw} .g-icn{display:block;position:absolute;bottom:1.822vw;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:10} .banner .swiper-button-next,.banner .swiper-button-prev{width:3.125vw;height:3.125vw;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;bottom:2.604vw;top:auto} .banner .swiper-button-prev{right:3%;left:auto;margin-right:3.645vw} .banner .swiper-button-next{right:3%} .banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:2.604vw;left:12.63%;width:auto} .banner .swiper-pagination-bullet{background-color:#d1d1d1;position:relative;width:1.562vw;height:1.562vw;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid transparent;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;background-color:transparent} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .312vw} .banner .swiper-pagination-bullet::after{content:"";display:block;width:.416vw;height:.416vw;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;background-color:#fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .banner .swiper-pagination-bullet-active{border-color:#b42328} .banner .swiper-pagination-bullet-active::after{background-color:#b42328} .g-bg{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;position:relative} .m-txtb1{text-align:center;margin-top:10.41vw} .m-txtb1 .tit{font-size:3.125vw;color:#fff;margin-bottom:1.041vw} .indexBanner a.more{display:inline-block;border:1px solid rgba(255,255,255,.3);font-size:0;line-height:3.125vw;-webkit-border-radius:1.562vw;-moz-border-radius:1.562vw;border-radius:1.562vw;padding:0 1.822vw} .indexBanner .more i,.indexBanner .more span{display:inline-block;vertical-align:middle} .indexBanner .more span{font-size:1vw;color:#fff} .indexBanner .more i{width:.833vw;height:.625vw;margin-left:2.083vw;background:url(../images/c-i2.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} .m-txtb1 .more{display:inline-block;border:1px solid rgba(255,255,255,.3);font-size:0;line-height:3.125vw;-webkit-border-radius:1.562vw;-moz-border-radius:1.562vw;border-radius:1.562vw;padding:0 1.822vw} .m-txtb1 .more i,.m-txtb1 .more span{display:inline-block;vertical-align:middle} .m-txtb1 .more span{font-size:1vw;color:#fff} .m-txtb1 .more i{width:.833vw;height:.625vw;margin-left:2.083vw;background:url(../images/c-i2.png) center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} .ul-numsb1{width:72.91vw;margin:7.2vw auto 0} .ul-numsb1 li{float:left;width:25%} .ul-numsb1 li:last-child .con::after{display:none} .ul-numsb1 .con{text-align:center;position:relative;padding:0 .52vw} .ul-numsb1 .con::after{content:"";display:block;width:1px;height:4.583vw;background:#fff;opacity:.1;position:absolute;top:50%;right:0;margin-top:-2.291vw} .ul-numsb1 .top{font-size:1.041vw;color:#fff} .ul-numsb1 .num{font-size:3.125vw;font-family:gilroy-regular} .ul-numsb1 .p{font-size:1.2vw;color:#fff;font-family:Alibaba-PuHuiTi-Regular} .m-map { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 0; } .m-map .bg { display: block; width: 80vw; } .m-map .name { /*font-size: 0.78125vw;*/ font-size: 0.7vw; } .m-map .types .type { font-size: 0.83333vw; padding-left: 1.04166vw; background-repeat: no-repeat; background-position: left center; -webkit-background-size: 0.72916vw 0.72916vw; -moz-background-size: 0.72916vw; -o-background-size: 0.72916vw; background-size: 0.72916vw; } .m-newsb1{position:absolute;bottom:13.02vw;left:10%;right:15%} .m-newsb1 .top{margin-bottom:4.16666vw} .m-newsb1 .title{font-size:3.125vw;font-family:Alibaba-PuHuiTi-Regular;color:#fff;margin-bottom:1.822vw} .ul-listb1{overflow:hidden;margin-left:-4.166vw} .ul-listb1 li{float:left;width:33.33%} .ul-listb1 li:last-child .con::after{display:none} .ul-listb1 .con{display:block;padding:0 3.5vw;color:#fff;position:relative} .ul-listb1 .date{font-family:gilroy-regular;font-size:.833vw;margin-bottom:1.666vw} .ul-listb1 .date .d{font-size:3.125vw;line-height:1.2;margin-bottom:-.625vw} .ul-listb1 .tit{font-family:Alibaba-PuHuiTi-Regular;font-size:1.5vw;color:#fff;line-height:1.5;height:3em;display:box;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;margin-bottom:2.083vw} .ul-listb1 .more{display:inline-block;font-size:1vw;padding-right:1.30208vw} .ul-listb1 .more::after{width:1.30208vw;height:1.30208vw;margin-top:-1.14583vw} .footer{position:absolute;z-index:50;width:100%;bottom:-6.25vw;left:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out} .footer.on{bottom:0} .footer .txt{font-size:.833vw;text-align:center;color:rgba(255,255,255,.5);line-height:6.25vw} .footer a{color:inherit;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .footer a:hover{color:#fff} .goTop{position:absolute;top:0;right:2.604vw;display:block;width:3.125vw;height:3.125vw;background:url(../images/index/h-i3.png) no-repeat center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%} } @media screen and (max-width:1199px){ .pop-nav .h-lang{display:block} .pop-nav::after{content:"";display:block;width:1px;height:100%;position:absolute;top:0;left:50px;background-color:#fff;opacity:.2} .m-nav{width:auto} .m-newsb1,.pop-so .inner{top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .m-newsb1{left:15px;right:15px} .m-newsb1 .top{margin-bottom:60px} } @media screen and (max-width:950px){ .pop-nav .inner{top:80px;left:60px} .pop-so .inner{left:5%;right:5%} .m-nav .con{padding:15px 0} .m-nav .haschild{background-position:right 20px} .m-nav .v1{font-size:24px;min-width:100px;float:none;width:auto} .m-nav .child{float:none;width:auto;overflow:hidden;margin-top:15px} .m-nav .v2{font-size:18px} .m-formb1 .inpbox{border-bottom-width:1px} .m-formb1 .inpbox .inp{font-size:20px;height:50px} .m-formb1 .inpbox .btn{height:50px} .h-list{display:none} .m-hotb1{font-size:16px;margin-bottom:15px} .m-hotb1 a,.m-hotb1 span{margin-bottom:5px} .m-hotb1 a{padding:0 5px} .m-hotb1 a::after{height:10px;margin-top:-5px} .banner .txt{text-align:center;left:50px;right:50px} .banner .name{font-size:28px;margin-bottom:12px} .banner .g-linkb1{margin:0 auto} .banner .swiper-button-next,.banner .swiper-button-prev,.g-linkb1{width:30px;height:30px} .banner .swiper-button-prev{margin-right:40px} .g-icn{bottom:4%;width:50px} .banner .swiper-container-horizontal>.swiper-pagination-bullets{display:none} .m-txtb1 .tit{font-size:28px} .indexBanner a.more{line-height:40px;padding:0 25px} .indexBanner .more span{font-size:14px} .indexBanner .more i{margin-left:15px} .m-txtb1 .more{line-height:40px;padding:0 25px} .m-txtb1 .more span{font-size:14px} .m-txtb1 .more i{margin-left:15px} .ul-numsb1{width:auto;margin:12vh 12px 15px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .ul-numsb1 li{width:auto} .ul-numsb1 .con{padding:0;margin-bottom:10px} .ul-numsb1 .con::after{display:none} .ul-numsb1 .num{font-size:22px} .ul-numsb1 .p,.ul-numsb1 .top{font-size:14px} .m-map .mapbox{overflow:hidden} .m-map .dib{width:200vw;left:-30vw} .m-map .center img{width:50px} .m-map_ue{display:block;color:#fff;font-size:14px;padding:0 15px;position: relative;z-index: 9999;} .m-map_ue .type{font-size:16px;margin-bottom:4px} .ul-adrb1{overflow:hidden;margin-bottom: 10px;} .ul-adrb1 li{float:left;width:50%} .ul-adrb1.icn1 .name{background-image:url(../images/index/dot1.png)} .ul-adrb1.icn2 .name{-webkit-background-size:15px 15px;-moz-background-size:15px;-o-background-size:15px;background-size:15px;background-image:url(../images/index/dot2.png)} .ul-adrb1 .name{display:block;color:inherit;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;margin-bottom:6px;padding-left:25px;background-repeat:no-repeat;-webkit-background-size:13px 13px;-moz-background-size:13px;-o-background-size:13px;background-size:13px;background-position:left center} .ul-adrb1 .name:hover{color:#b42328;text-decoration:underline} .m-map .dot,.m-map .types{display:none} .m-map .dot.center,.m-map .dot.line{display:none} .m-newsb1 .title{font-size:28px;margin-bottom:12px} .ul-listb1{margin:0} .ul-listb1 li{width:auto} .ul-listb1 .con{padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.3)} .ul-listb1 .con::after{display:none} .ul-listb1 .date{font-size:14px;margin-bottom:12px} .ul-listb1 .date .d{font-size:22px;margin-bottom:0} .ul-listb1 .tit{font-size:24px;height:auto;margin-bottom:16px} .banner .slick-dots{position:absolute;left:0;bottom:5%;width:100%;text-align:center;font-size:0} .ul-listb1 .slick-dots li{display:inline-block;float:none;width:10px;height:10px;margin:0 5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#ccc;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s} .ul-listb1 .slick-dots button{display:none} .ul-listb1 .slick-dots li.slick-active{background-color:#b42328} .footer{display:none;bottom:0} .footer .txt{font-size:12px;line-height:40px} .goTop{width:40px;height:40px;top:-45px;right:10px} .pop-so.search{height:60vw} .pop-so.search .h-line{height:60vw} .pop-so.search .m-formb1{margin-bottom:0} .pop-so.search .m-formb1 .tit{margin-bottom:0} .pop-so.search .m-hotb1{margin-bottom:0} .row-s1{padding:25px 0} .ul-tabsb1{margin-bottom:20px} .ul-tabsb1 .s{font-size:18px;margin-right:15px;padding-bottom:8px} .m-res{font-size:16px;margin-bottom:20px} .m-res span{font-size:18px} } .g-topselect{display:none} .m-swiper-d.swiper-container{width:100%;height:100vh} .banner-d{position:relative;width:100%;height:100%;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover} .banner-d .pic{display:none} .banner-d .pic img{display:block;width:100%;height:100%;object-fit:cover} .m-swiper-d .swiper-button-next:after{display:none} .banner-d .m-about1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .g-floornav-d.on .ul-listnavab1{display:flex} .header-d .nav .v1{color:#222} .header-d .dropicon{border-left-color:#222;border-bottom-color:#222} .header-d2.on1 .menu{background-color:#b42328} .header-d .menuBtn b{background-color:#b42328} .header-d2.on1 .menuBtn b{background-color:#fff} .header-d .sub .v2 .t{color:#222} .h-line-d{background-color:#eee;opacity:1} .h-line-d.on{display:none} .header-d2.on1 .logo{display:none} .header-d2.on1 .nav{display:none} .h-lang-d.on{display:none} .h-lang-d{z-index:998!important} .header-d .menu.open .menuBtn b{background-color:#fff} .row-prolist{padding:0 0 95px;overflow:hidden} .m-prolist{position:relative;} .m-prolist .search{background-color:#fff;padding-top:90px;padding-bottom:10px;position:relative;z-index:9999;} .m-prolist .search .title{display: inline-block;float:left;font-size:50px;color:#222;font-family:Alibaba-PuHuiTi-Regular;margin-right: 50px;} .form-d{ text-align:left;width:100%;float: right;} .form-d2{margin-bottom:40px;width: 100%;z-index:1;} .form-d .input{font-size:0;margin-bottom:30px} .form-d .inp{display:inline-block;width:21.5%;margin-right:13px;z-index:1 !important;} .form-d .item{position:relative;width:100%;border:1px solid #e5e5e5;border-radius:7px;box-sizing:border-box;z-index:999 !important;} .form-d .tit{padding:21px 21px 20px;cursor:pointer;position:relative} .form-d .tit::after{display: block;content:'';position:absolute;top:50%;right:20px;width:13px;height:9px;transform:translateY(-50%);background-image:url(../images/d-icon1.svg);background-size:13px 9px;background-position:center;background-repeat:no-repeat;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .form-d .tit .cho{display:none;font-size:0.9vw;font-family:Alibaba-PuHuiTi-Regular;color:#222} .form-d .checked .cho,.form-d .checked .clear-btn{display:block} .form-d .checked .placeholder{display:none} .form-d .tit .placeholder{font-size:0.9vw;font-family:Alibaba-PuHuiTi-Regular;color:#222} .form-d .chobox{position:absolute;top:100%;left:0;width:100%;overflow-y:auto;overflow-x:hidden;display:none;z-index:4;padding-top:4px;box-shadow:0 3px 8px 0 rgba(0,0,0,.09);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;min-height: 400px;background-color: #fff;} .form-d .chobox .box{margin-top:2px;color:#232d47;background:#fff;overflow:hidden;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .form-d .chobox .type{padding:0 20px;font-size:0.9vw;line-height:49px;font-family:Alibaba-PuHuiTi-Regular;color:#666;border-bottom:1px solid #e5e5e5;box-sizing:border-box} .form-d .chobox .type:last-child{border:none} .form-d .chobox .type:hover{background:#f0f0f1;color:#b60006} .form-d .chobox::-webkit-scrollbar{width:4px;height:16px} .form-d .chobox::-webkit-scrollbar-track{background:#fff} .form-d .chobox::-webkit-scrollbar-thumb{background-color:#d2d2d2} .search-btn{cursor:pointer;display:inline-block;width:100px;height:70px;line-height:70px;text-align:center;background:#b42328;border-radius:7px;font-size:24px;font-family:Alibaba-PuHuiTi-Regular;color:#fff} .form-d .inp2{position:relative;width:28%;font-size:0.9vw;font-family:Alibaba-PuHuiTi-Regular;color:#222;padding:21px 65px 20px 30px;border:1px solid #e5e5e5;border-radius:7px;margin-right:50px;vertical-align:middle;z-index:1 !important;} .form-d .inp2 input{width:100%;font-size:0.9vw;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#222} .form-d .inp2 input::placeholder{font-size:0.9vw;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#888} .form-d .inp2 .icon-btn{cursor:pointer;position:absolute;top:50%;right:30px;width:30px;height:30px;transform:translateY(-50%);background-image:url(../images/d-icon2.svg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .form-d .inp2 input::placeholder{font-size:0.9vw;font-family:Alibaba-PuHuiTi-Regular;color:#888} .form-d .input .text{display:inline-block;vertical-align:middle} .form-d .input .text .span{display:inline-block;line-height:70px;font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;color:#222;padding-left:30px;background-image:url(../images/d-icon3.png);background-size:0.9vw 21px;background-position:left center;background-repeat:no-repeat;margin-right:2.604vw;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .form-d .input .text .span:hover{color:#b42328} .form-d .input .text .span2{background-image:url(../images/d-icon4.png);background-size:21px 22px;margin-right:0} .form-d .input .text .span2:hover{color:#222} .m-prolist .tab-tit{background-color:#fff} .m-prolist .tab-con{padding-top:75px} .m-prolist .pages{margin-bottom:72px} .ul-tabtit{font-size:0} .ul-tabtit li{display:inline-block} /* padding:0 73px 0 66px; */ .ul-tabtit .con{position:relative;display:block;font-family:Alibaba-PuHuiTi-Regular;height:80px;padding:0 50px 0 42px;line-height:80px;text-align:center;font-size:1vw;color:#444;cursor:pointer;border-top:2px solid #fff;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .ul-tabtit .con::after{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:20px;background:#e5e5e5;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s} .ul-tabtit li:first-child .con::after{display:none} .ul-tabtit li.on+li .con::after{opacity:0} .ul-tabtit li.on .con{border-color:#b60006;color:#b42328;background:#f8f8f8} .ul-tabtit li.on .con::after{display:none} .ul-prolist{margin:0 -16.5px 40px} .ul-prolist li{width:25%;float:left;margin-bottom:32px} .ul-prolist .con{display:block;background:#fff;border-radius:7px;padding:30px 0 22px;margin:0 16.5px;box-sizing:border-box;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .ul-prolist .pic{position:relative;padding-top:69%;height:0;margin-bottom:53px;background:#fff} .ul-prolist .pic img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .ul-prolist .tit{font-size:24px;height:1.5em;font-family:Alibaba-PuHuiTi-Regular;text-align:center;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ul-prolist .con:hover{box-shadow:0 0 38px 0 rgba(111,111,111,.26)} .g-documentation{padding:40px 67px 61px;background-color:#fff} .g-documentation .tit{font-size:30px;color:#222;font-family:Alibaba-PuHuiTi-Regular;height:1.5em;margin-bottom:35px;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .g-ul-downlist{border-top:2px solid #1b1b1b} .g-ul-downlist .con{display:block;padding:32px 0 29px;box-sizing:border-box;border-bottom:1px dashed rgba(0,0,0,.3)} .g-ul-downlist .title{width:80%;float:left;font-size:0.9vw;color:#444;padding-left:35px;font-family:Alibaba-PuHuiTi-Regular;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-image:url(../images/d-icon6.png);background-size:0.9vw 21px;background-position:left center;background-repeat:no-repeat;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .g-ul-downlist .download{float:right;font-size:0.9vw;color:#888;font-family:Alibaba-PuHuiTi-Regular} .g-ul-downlist .con:hover .title{color:#b42328;background-image:url(../images/d-icon3.png)} .g-ul-downlist .con:hover .download{color:#b42328} .m-results .tabbox{padding-top:48px} .m-results .tit1,.m-prodetail .tit1{font-size:30px;color:#222;font-family:Alibaba-PuHuiTi-Regular;margin-bottom:38px} .m-results .g-documentation{padding-top:8px;margin-bottom:60px} .m-results .g-ul-downlist{border-top:none} .row-prodetail{overflow:hidden;padding-top:24px} .m-prodetail{padding-bottom:97px} .m-prodetail .tit1{margin-top: 48px;} .m-prodetail .mySwiper2{float:left;width:54.7%;overflow:hidden} .m-prodetail .mySwiper2 .swiper-pagination{display:none} .m-prodetail .mySwiper2 .swiper-slide{position:relative;z-index:2} .m-prodetail .mySwiper2 .pic{width:100%;height:500px;display: flex;justify-content: center;} .m-prodetail .mySwiper2 .pic img{display:block;max-width:100%;height:100%;object-fit:cover} .m-prodetail .swiper-box{position:relative} .m-prodetail .content{position:relative;z-index:2;min-height:500px;padding-left:128px} .m-prodetail .swiper-box{margin-bottom:72px;overflow:hidden} .m-prodetail .swiper-box .txt{position:relative;float:right;width:37%;min-height:500px} .m-prodetail .swiper-box .text{position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .m-prodetail .swiper-box .title{font-family:Alibaba-PuHuiTi-Regular;font-size:50px;color:#222;margin-bottom:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .m-prodetail .swiper-box .desc{font-family:Alibaba-PuHuiTi-Regular;font-size:0.9vw;color:#666;display:-webkit-box;-webkit-box-orient:vertical;/*-webkit-line-clamp:3;*/overflow:hidden} .mySwiper{position:absolute;top:45.5%;left:0;height:210px;overflow:hidden;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:4} .mySwiper .icon{width:61px;height:61px;border:1px solid #e5e5e5;box-sizing:border-box;margin-bottom:9px;cursor:pointer} .mySwiper .icon img{display:block;width:100%;height:100%;object-fit:cover} .mySwiper2 .swiper-button-prev:after{display:none} .mySwiper2 .swiper-button-next:after{display:none} .mySwiper2 .swiper-button-prev{opacity:0!important;width:61px;height:61px;left:8%;top:50%;transform:translateY(-50%);background-image:url(../images/d-icon8.svg);background-repeat:no-repeat;background-position:center;background-size:8px 12px;border:1px solid #d2d2d2;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;cursor:pointer;z-index:3;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%} .mySwiper2 .swiper-button-prev:hover{background-color:#b42328;border-color:#b42328} .mySwiper2 .swiper-button-next{opacity:0!important;width:61px;height:61px;background-image:url(../images/d-icon9.svg);background-repeat:no-repeat;background-position:center;background-size:8px 12px;border:1px solid #d2d2d2;top:50%;left:54.5%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;cursor:pointer;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%} .mySwiper2 .swiper-button-next:hover{background-color:#b42328} .m-prodetail .mySwiper2:hover .swiper-button-prev{opacity:1!important} .m-prodetail .mySwiper2:hover .swiper-button-next{opacity:1!important} .m-prodetail .table{margin-bottom:73px} .m-prodetail .table td,.m-prodetail .table tr{border:1px solid #eee} .m-prodetail .table tr{height:80px;text-align:center} .m-prodetail .table th{background:#e4e9f2;font-size:1vw;color:#666;text-align:center;font-weight:400;word-break:break-all;padding:0 10px;font-family:Alibaba-PuHuiTi-Regular} .m-prodetail .table td{font-size:0.9vw;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#666;word-break:break-all;padding:0 10px} .m-prodetail .table .download{display:inline-block;font-size:0.9vw;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#666;padding-left:27px;background-image:url(../images/d-icon6.png);background-size:0.9vw 21px;background-repeat:no-repeat;background-position:left center;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-prodetail .table .more{cursor:pointer} .m-prodetail .table .more:hover .download{color:#b42328;background-image:url(../images/d-icon3.png)} .pages2 ul li a{box-sizing:border-box;border:1px solid #e5e5e5} .pages2 ul a:hover,.pages2 ul li.on a{border-color:#b42328} .m-prodetail2{padding-top:63px;padding-bottom:67px;background-color:#f8f8f8} .m-prodetail2 .title{margin-bottom:49px;font-size:40px;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#222} .m-prodetail2 .ul-prolist .con{padding-top:34px;padding-bottom:24px} .m-prodetail2 .ul-prolist .pic{margin-bottom:64px} .row-prodetail .g-cur-z{margin-bottom:90px} .mySwiper .swiper-slide-thumb-active .icon{border-color:#b42328} .g-floornav-d .ul-listnavab1 .on .con,.g-floornav-d .ul-listnavab1 .con:hover {background-color: rgba(255, 255, 255, .1);border-top: 3px solid #B42328;} @media only screen and (min-width:950px) and (max-width:1920px){ .banner-d .m-lanbtnab1 .lang{line-height:4.736vw} .row-prolist{padding:0 0 4.947vw} .m-prolist .search{padding-top:7.0vw;padding-bottom:1.52vw} .m-prolist .search .title{font-size:2.4vw} .form-d .input{margin-bottom:0.8vw} .form-d .inp{margin-right:.677vw} .form-d .item{border-radius:.364vw} .form-d .tit{padding:1.093vw 1.093vw 1.041vw} .form-d .tit::after{right:1.041vw;width:.677vw;height:.468vw;background-size:.677vw .468vw} .form-d .tit .placeholder{font-size:20px} .form-d .tit .cho{font-size:.937vw} .form-d .chobox{padding-top:.208vw;box-shadow:0vw .156vw .416vw 0vw rgba(0,0,0,.09);border-radius:.52vw;-webkit-border-radius:.52vw;-moz-border-radius:.52vw;-ms-border-radius:.52vw;-o-border-radius:.52vw;max-height: 20.42vw;overflow-y: scroll;min-height: 20.83vw;} .form-d .chobox .box{margin-top:.104vw;border-radius:.52vw;-webkit-border-radius:.52vw;-moz-border-radius:.52vw;-ms-border-radius:.52vw;-o-border-radius:.52vw} .form-d .chobox .type{padding:0 1.041vw;font-size:.937vw;line-height:2.55208vw} .form-d .chobox::-webkit-scrollbar{width:.208vw;height:.833vw} .search-btn{width:8vw;height:3.645vw;line-height:3.645vw;border-radius:.364vw;font-size:1.25vw} .form-d .inp2{font-size:.937vw;padding:1.093vw 3.3854vw 1.041vw 1.562vw;border-radius:.364vw;margin-right:2.604vw} .form-d .inp2 input::placeholder{font-size:20px} .form-d .inp2 .icon-btn{right:1.562vw;width:1.5625vw;height:1.5625vw} .form-d .inp2 input{font-size:20px} .form-d .inp2 input::placeholder{font-size:20px} .form-d .input .text .span{font-size:1vw;padding-left:1.562vw;line-height:3.64583vw;background-size:.937vw 1.093vw;mmargin-right:2.656vw} .form-d .input .text .span2{background-size:1.093vw 1.145vw} .m-prolist .tab-con{padding-top:3.906vw} .m-prolist .pages{margin-bottom:3.75vw} /* padding:0 3.20px 0 3.20px; */ .ul-tabtit .con{padding:0 2.3vw 0 2.3vw;height:4.166vw;line-height:4.166vw;font-size:20px} .ul-tabtit .con::after{width:.052vw;height:1.041vw} .ul-prolist{margin:0 -.859vw 2.083vw} .ul-prolist li{margin-bottom:1.666vw} .ul-prolist .con{border-radius:.364vw;padding:1.562vw 0 1.145vw;margin:0 .859vw} .ul-prolist .pic{margin-bottom:2.76vw} .ul-prolist .tit{font-size:1.25vw} .ul-prolist .con:hover{box-shadow:0vw 0vw 1.979vw 0vw rgba(111,111,111,.26)} .g-documentation{padding:2.083vw 3.489vw 0.5vw} .g-documentation .tit{font-size:1.562vw;margin-bottom:1.822vw} .g-ul-downlist .con{padding:1.666vw 0 1.51vw} .g-ul-downlist .title{font-size:.937vw;padding-left:1.822vw;background-size:.937vw 1.093vw} .g-ul-downlist .download{font-size:.937vw} .m-results .tabbox{padding-top:2.5vw} .m-results .tit1{font-size:1.562vw;margin-bottom:1.979vw} .m-prodetail .tit1{font-size:1.562vw;margin-bottom:1.979vw;margin-top:2.5vw} .m-results .g-documentation{padding-top:.416vw;margin-bottom:3.125vw} .form-d2{margin-bottom:20px} .row-prodetail{padding-top:1.25vw} .m-prodetail{padding-bottom:5.052vw} .m-prodetail .mySwiper2 .pic{height:26.04vw} .m-prodetail .content{min-height:26.04vw;padding-left:6.666vw} .m-prodetail .swiper-box{margin-bottom:3.75vw} .m-prodetail .swiper-box .txt{min-height:26.04vw} .m-prodetail .swiper-box .title{font-size:2.604vw;margin-bottom:1.458vw} .m-prodetail .swiper-box .desc{font-size:0.9vw;line-height: 1.6;} .mySwiper{height:10.93vw} .mySwiper .icon{width:3.177vw;height:3.177vw;margin-bottom:.468vw} .mySwiper2 .swiper-button-prev{background-size:.416vw .625vw;width:3.177vw;height:3.177vw} .mySwiper2 .swiper-button-next{background-size:.416vw .625vw;width:3.177vw;height:3.177vw} .m-prodetail .table{margin-bottom:3.802vw} .m-prodetail .table tr{height:4.166vw;line-height:4.166vw} .m-prodetail .table th{font-size:1.0vw;padding:0 .52083vw} .m-prodetail .table td{font-size:.9vw;padding:0 .52083vw;line-height: 1.6;} .m-prodetail .table .download{font-size:.937vw;padding-left:1.406vw;background-size:.937vw 1.093vw} .m-prodetail2{padding-top:3.281vw;padding-bottom:3.489vw} .m-prodetail2 .title{margin-bottom:2.552vw;font-size:2.083vw} .m-prodetail2 .ul-prolist .con{padding-top:1.77vw;padding-bottom:1.25vw} .m-prodetail2 .ul-prolist .pic{margin-bottom:3.333vw} .row-prodetail .g-cur-z{margin-bottom:4.687vw} } @media only screen and (max-width:1199px){ .g-floornav-d{display:block!important} .banner-d .m-lanbtnab1{display:none} } @media only screen and (max-width:950px){ .m-formb1 .tit{margin-bottom:100px;font-size: 4.0vw;} .g-floornav-d{display:none!important} .g-topselect{display:block;margin-bottom:20px} .g-topselect .item{position:relative;width:98%;box-sizing:border-box} .g-topselect .tit{position:relative;padding:10px;border-radius:7px;border:1px solid #e5e5e5} .g-topselect .tit .placeholder{font-size:20px} .g-topselect .tit::after{content:'';position:absolute;top:50%;right:20px;width:13px;height:9px;transform:translateY(-50%);background-image:url(../images/d-icon1.svg);background-size:13px 9px;background-position:center;background-repeat:no-repeat;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .g-topselect .tit .cho{display:none;font-size:18px;font-family:Alibaba-PuHuiTi-Regular;color:#222} .g-topselect .checked .cho,.g-topselect .checked .clear-btn{display:block} .g-topselect .checked .placeholder{display:none} .g-topselect .chobox{position:absolute;top:100%;left:0;width:100%;overflow-y:auto;overflow-x:hidden;display:none;z-index:4;padding-top:4px;box-shadow:0 3px 8px 0 rgb(0 0 0 / 9%);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .g-topselect .chobox .box{margin-top:2px;color:#232d47;background:#fff;overflow:hidden;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px} .g-topselect .chobox .type{padding:0 20px;font-size:16px;line-height:49px;font-family:Alibaba-PuHuiTi-Regular;color:#666;border-bottom:1px solid #e5e5e5;box-sizing:border-box} .banner-d{background-image:none!important} .banner-d .pic{display:block} .banner-d .m-about1 .txt{margin-bottom:30px} .m-swiper-d .swiper-button-next,.m-swiper-d .swiper-button-prev{width:40px;height:40px} .m-swiper-d.swiper-container2{width:100%;height:auto} .m-prolist .search{padding-top:60px;padding-bottom:10px} .m-prolist .search .title{display:none;width:100%;float:none;font-size:28px} .form-d{float:none;width:100%} .form-d2{margin-bottom:20px} .form-d .tit{padding:10px} .form-d .tit .placeholder{font-size:16px} .form-d .tit .cho{font-size:16px} .form-d .chobox .type{padding:0 15px;font-size:16px;line-height:38px} .form-d .chobox{height:auto} .form-d .inp{display:inline-block;width:48%;margin:0 5px 15px} .search-btn{display:block;margin:10px auto 0;width:120px;height:50px;line-height:50px;font-size:0.9vw} .form-d .input{font-size:0;margin-bottom:20px} .form-d .input2{margin-bottom:0} .form-d .inp2{width:100%;font-size:16px;padding:10px 60px 10px 10px;margin-right:0} .form-d .inp2 input{font-size:16px} .form-d .inp2 input::placeholder{font-size:16px} .form-d .input .text{display:block;width:100%;padding-top: 20px;} .form-d .input .text .span{font-size:0.9vw;padding-left:30px;margin-right:51px;line-height:inherit} .m-prolist .tab-tit .wp{overflow-x:auto;overflow-y:hidden} .ul-tabtit{white-space:nowrap} .ul-tabtit .con{padding:0 30px;height:50px;line-height:50px;font-size:0.9vw} .m-prolist .tab-con{padding-top:30px} .ul-prolist{margin:0 -10px 10px} .ul-prolist .con{border-radius:7px;padding:30px 0 22px;margin:0 10px} .ul-prolist li{width:33.33%;float:left;margin-bottom:20px} .ul-prolist .tit{font-size:0.9vw} .ul-prolist .pic{margin-bottom:20px} .m-prolist .pages{margin-bottom:30px} .g-documentation{padding:15px} .g-documentation .tit{font-size:1vw;margin-bottom:15px} .g-ul-downlist .con{padding:15px 0 15px} .g-ul-downlist .title{font-size:0.9vw} .g-ul-downlist .download{font-size:0.9vw} .row-prolist{padding:0 0 30px} .m-results .tabbox{padding-top:25px} .m-results .tit1{font-size:1vw;margin-bottom:15px} .m-results .g-documentation{padding-top:8px;margin-bottom:30px} .m-results .pages{margin-bottom:0} .row-prodetail{padding-top:30px} .row-prodetail .g-cur-z{margin-bottom:20px} .mySwiper{display:none} .m-prodetail .content{padding-left:0;min-height:auto;height:280px} .m-prodetail .mySwiper2 .pic{width:100%;height:350px;} .m-prodetail .swiper-box .txt{width:45%;min-height:auto;height:100%} .m-prodetail .swiper-box .title{font-size:28px;margin-bottom:15px} .m-prodetail .swiper-box .desc{font-size:16px} .mySwiper2 .swiper-button-prev{display:none} .mySwiper2 .swiper-button-next{display:none} .m-prodetail .mySwiper2 .swiper-pagination{display:block;width:54.7%} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:20px!important} .m-prodetail .mySwiper2 .swiper-pagination-bullet-active{opacity:1;background:#b42328} .m-prodetail .swiper-box .text{top:20%;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)} .m-prodetail .swiper-box{margin-bottom:15px} .m-prodetail .table th{font-size:15px;width:auto!important;padding:0 5px} .m-prodetail .table td{font-size:14px} .m-prodetail .table tr{height:40px} .m-prodetail .table .download{font-size:14px;padding-left:24px;background-size:15px 0.9vw} .m-prodetail .table{margin-bottom:30px;overflow-x:auto} .m-prodetail .table table{width:950px} .m-prodetail{padding-bottom:30px} .m-prodetail2{padding-top:30px;padding-bottom:20px} .m-prodetail2 .title{margin-bottom:20px;font-size:22px} .m-prodetail2 .ul-prolist .con{padding-top:20px;padding-bottom:20px} .m-prodetail2 .ul-prolist .pic{margin-bottom:20px} .m-swiper-d.swiper-container{overflow:visible;height:auto} .m-swiper-d .swiper-wrapper{display:block} } @media only screen and (max-width:750px){ .g-topselect .item{width:100%;z-index:999999;} .g-topselect .tit .placeholder{font-size:18px} .banner-d .m-about1 .txt{margin-bottom:30px;margin-top:80px;} .m-swiper-d .swiper-button-next,.m-swiper-d .swiper-button-prev{width:30px;height:30px} .m-prolist .search{padding-top:20px;padding-bottom:10px} .m-prolist .search .title{font-size:1vw;margin-bottom:8px} .form-d .inp{width:100%;margin:10px 0 0 0} .search-btn{margin:10px auto 0;width:100px;height:40px;line-height:40px;font-size:16px} .form-d .inp2 .icon-btn{right:15px;width:20px;height:20px} .form-d .input .text .span{display:block;font-size:16px;padding-left:25px;margin-right:0;background-size:15px 15px;margin-bottom:10px} .form-d .inp:nth-child(1) .item{z-index:1013 !important;} .form-d .inp:nth-child(2) .item{z-index:1006 !important;} .form-d .inp:nth-child(3) .item{z-index:1003 !important;} .form-d .inp:nth-child(4) .item{z-index:1000 !important;} .ul-tabtit .con{padding:0 20px;height:40px;line-height:40px;font-size:16px} .m-prolist .tab-con{padding-top:20px} .ul-prolist{margin:0 -5px 10px} .ul-prolist li{width:50%;float:left;margin-bottom:10px} .ul-prolist .con{border-radius:7px;padding:20px 0 22px;margin:0 5px} .ul-prolist .pic{margin-bottom:15px} .ul-prolist .tit{font-size:16px} .m-prolist .pages{margin-bottom:15px} .g-documentation .tit{font-size:16px;margin-bottom:8px} .g-ul-downlist .con{padding:10px 0 15px} .g-ul-downlist .download{font-size:15px} .g-ul-downlist .title{font-size:15px;padding-left:25px;background-size:15px 18px} .row-prolist{padding:0 0 20px} .m-results .tabbox{padding-top:10px} .m-results .tit1{font-size:16px;margin-bottom:10px} .m-results .g-documentation{padding-top:8px;margin-bottom:20px} .m-results .pages{margin-bottom:0} .m-results .search{padding-bottom:0} .row-prodetail{padding-top:20px} .row-prodetail .g-cur-z{margin-bottom:15px} .m-prodetail .mySwiper2{float:none;width:100%;overflow:hidden;position: relative;} .m-prodetail .mySwiper2 .swiper-pagination{width:100%} .m-prodetail .swiper-box .txt{width:100%;min-height:auto;height:auto} .m-prodetail .content{padding-left:0;min-height:auto;height:auto} .m-prodetail .swiper-box .text{position:static;top:auto;left:auto;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:auto!important;top:90%!important} .m-prodetail .swiper-box .title{font-size:18px;margin-bottom:8px} .m-prodetail .swiper-box .desc{font-size:15px} .m-prodetail .table{margin-bottom:20px} .m-prodetail{padding-bottom:20px} .m-prodetail2{padding-top:20px;padding-bottom:10px} .m-prodetail2 .title{margin-bottom:15px;font-size:16px} } .row-about .wp{max-width:1520px;width:95%;margin:0 auto} .row-about .section{background-repeat:no-repeat;background-size:cover;background-position:center} .m-about1 .txt{font-family:Alibaba-PuHuiTi-Regular;font-size:60px;color:#fff;text-align:center;margin-bottom:70px} .m-about1 .next{text-align:left} .m-about1 .next span{width:60px;height:60px;border:1px solid rgba(255,255,255,.3);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:11px 7px;display:inline-block;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;position:relative} .m-about1 .next span .icon{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;-webkit-animation:myAni 1s linear infinite;-moz-animation:myAni 1s linear infinite;-o-animation:myAni 1s linear infinite;animation:myAni 1s linear infinite;cursor:pointer;width:15px;height:8px} @-webkit-keyframes myAni{ 0%{top:50%;opacity:1} 100%,80%{top:75%;opacity:.5} } @-moz-keyframes myAni{ 0%{top:50%;opacity:1} 100%,80%{top:75%;opacity:.5} } @-o-keyframes myAni{ 0%{top:50%;opacity:1} 100%,80%{top:75%;opacity:.5} } @keyframes myAni{ 0%{top:50%;opacity:1} 100%,80%{top:75%;opacity:.5} } .m-about1 .next span:hover{border-color:#fff} .m-about2{text-align:center;color:#fff} .m-about2 .tit{font-size:50px;margin-bottom:10px} .m-about2 .desc{font-size:18px;max-width:1180px;margin:0 auto;line-height:36px;margin-bottom:40px;text-align:left;display:none;overflow:hidden} .m-about2 .desc.open .cont{padding:0 20px;height:auto!important} .m-about2 .info span{width:60px;height:60px;border:1px solid rgba(255,255,255,.5);cursor:pointer;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-image:url(../images/a3.png);background-size:15px auto;background-repeat:no-repeat;background-position:center} .on .m-about2 .info span{background-image:url(../images/a4.png)} .m-about2 .info span:hover{border-color:#fff} .ul-listab1{display:block;text-align:center;position:absolute;left:0;right:0;bottom:100px;z-index:1} .ul-listab1 li{display:inline-block;text-align:center;color:#fff;font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;position:relative;width:352px} .ul-listab1 li::after{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);height:90px;width:1px;background-color:#fff;opacity:.15;content:""} .ul-listab1 li:last-child::after{display:none} .ul-listab1 .top{margin-bottom:4px} .ul-listab1 .desc{font-size:20px} .ul-listab1 .num{font-size:50px;font-family:gilroy-regular} .row-ab2::after{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:-1;content:"";opacity:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .row-ab2.on::after{opacity:1} .m-about2{position:relative;z-index:1;margin-bottom:60px} .g-bgab2{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;object-fit:cover;display:block;width:100%;height:100%} .on .g-bgab2{-webkit-filter:blur(4px);filter:blur(4px)} .m-about3{position:absolute;left:0;right:0;top:24%} .m-about3 .tit{text-align:center;font-size:50px;color:#fff} .ul-listab2{display:block;overflow:hidden;position:absolute;left:0;right:0;bottom:0;width:100%;color:#fff} .ul-listab2 li{float:left;width:25%;padding:0 1px} .ul-listab2 .con{padding:90px 0 110px;padding-left:80px;background-color:rgba(20,111,184,.55);height:15vw;} .ul-listab2 .txt{border-left:3px solid #aa352d;padding-left:22px} .ul-listab2 .info{font-size:1vw;margin-bottom:20px;display:block;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;height:1.5em} .ul-listab2 .desc{font-size:30px;display:block;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap;} .row-ab4{background-color:#fff} .row-ab4 .after{width:50%;left:0;top:0;bottom:0;height:100%;position:absolute;background-size:cover;background-position:left center;background-repeat:no-repeat;content:"";z-index:1} .row-ab4 .img-ab4{display:none} .m-about4{position:relative;z-index:2} .m-about4 .col-l{width:20%;font-size:50px;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#fff;margin-right:280px} .m-banhostr{overflow:hidden;margin:0 auto;position:relative;padding-bottom:100px} .m-banhostr .item{overflow:hidden;padding-bottom:20px} .m-banhostr .year{font-size:50px;float:left;padding-right:75px;font-family:OPPOSans;position:relative;color:rgba(255,255,255,.4);margin-right:94px} .m-banhostr .year::after{position:absolute;content:"";width:35px;height:2px;background:#b42328;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);content:""} .m-banhostr .txt{overflow:hidden;font-family:Alibaba-PuHuiTi-Regular} .m-banhostr .tit{font-size:20px} .m-banhostr .desc{font-size:1vw;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:8em;line-height:2} .m-banhostr .desc p{position:relative;padding-left:18px} .m-banhostr .desc p span{display:inline-block;width:4px;height:4px;background:#999;border-radius:50%;position:absolute;left:0;top:.9em} .m-banhostr .slick-prev{display:none!important} .m-banhostr .slick-next{border:none;background-color:transparent;text-align:center;position:absolute;bottom:0;left:32%} .m-banhostr .slick-next .next span{width:45px;height:45px;background:#b42328;border-radius:50%;border:none;background-image:url(../images/a2.svg);background-position:center;background-repeat:no-repeat;background-size:14px auto;cursor:pointer;display:inline-block} .m-banhostr .slick-next .txt{font-size:16px;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#888;margin-top:10px} .m-about5{overflow:hidden} .m-about5 .col-l{width:33%;margin-right:150px} .ul-listab5{display:block;overflow:hidden} .ul-listab5 li{float:left;width:50%} .g-titab5{font-size:50px;font-family:Alibaba-PuHuiTi-Regular;margin-bottom:70px} .m-banab5{position:relative;padding-bottom:50px} .m-banab5 .pic{margin-bottom:25px;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px} .m-banab5 .pic img{display:block;width:100%;height:auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-banab5 .item:hover .pic img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)} .m-banab5 .slick-arrow { position: absolute;top: 35%;width: 40px; height: 40px; -webkit-background-size: 50% 50%; -moz-background-size: 50%; -o-background-size: 50%; background-size: 50%; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; background-repeat: no-repeat; background-position: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; font-size: 0; background-color: transparent; cursor: pointer; } .m-banab5 .slick-arrow:hover { background-color: #b42328; border-color: #b42328; } .m-banab5 .slick-prev { left: 1%; background-image: url(../images/arr-w.svg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .m-banab5 .slick-next { background-image: url(../images/arr-w.svg); right: 1%; } .m-banab5 .slick-dots{display:block;text-align:center;position:absolute;bottom:0;left:0;right:0} .m-banab5 .slick-dots li{display:inline-block;margin:0 6px} .m-banab5 .slick-dots li button{font-size:0;width:11px;height:11px;border:1px solid #cfcfcf;border-radius:50%;box-sizing:border-box;background-color:transparent;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;cursor:pointer} .m-banab5 .slick-dots .slick-active button{background:#b42328;border-color:#b42328} .m-banab5 .txt{text-align:center;font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-banab5 .item:hover .txt{color:#b42328} .ul-listab5 .txt{padding-left:32px;font-size:18px;position:relative;line-height:2.7;color:#000;padding-right:20px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap} .ul-listab5 .txt::after{position:absolute;content:"";width:5px;height:5px;background:#999;border-radius:50%;left:0;top:1.35em} .g-floornav{overflow:hidden;position:absolute;left:0;right:0;bottom:0;height: 90px} .m-lanbtnab1{float:left;width:90px;text-align:center;line-height:60px;height:60px;position:relative;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;z-index:100} .m-lanbtnab1 .lang{position:relative;z-index:4} .m-lanbtnab1:hover{background-color:rgba(255,255,255,.1)} .m-lanbtnab1 .icon{display:inline-block;font-size:0;vertical-align:middle;cursor:pointer} .m-lanbtnab1 .icon img{display:inline-block;vertical-align:middle} .ul-langlistab1{top:0;left:0;bottom:0;position:absolute;background-color:rgba(255,255,255,.1);overflow:hidden;width:150px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:-2;opacity:0;visibility:hidden} .open .ul-langlistab1{left:100%;z-index:2;opacity:1;visibility:visible} .ul-langlistab1 li{float:left;width:50%;text-align:center;position:relative} .ul-langlistab1 .con{display:block;color:#fff;font-size:.937vw;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .ul-langlistab1 .con:hover{text-decoration:underline} .ul-langlistab1 li::after{position:absolute;content:"";width:1px;height:16px;background-color:#fff;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-langlistab1 li:last-child:after{display:none} .ul-listnavab1{overflow:hidden;display:flex;align-items:center;justify-content:space-around;height:90px;line-height:90px;border:1px solid rgba(255,255,255,.1);border-bottom:none;position:relative;z-index:99} .on .ul-listnavab1{display:none} .g-floornav-f01 .ul-listnavab1{border-bottom:1px solid rgba(255,255,255,.1);background: #07070726;border-top:none} .ul-listnavab1 li{display:inline-block;text-align:center;color:#fff;font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;flex:1} .ul-listnavab1 .con{font-size:1vw;display:block;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border-top:3px solid transparent;line-height:86px;color:#fff;border-right:1px solid rgba(255,255,255,.1)} .ul-listnavab1 .active .con,.ul-listnavab1 .con:hover{background-color:rgba(255,255,255,.1);border-top:3px solid #b42328} #fp-nav ul li:first-child{display:none} #fp-nav ul li{text-align:center} #fp-nav ul li a span,.fp-slidesNav ul li a span{background-color:rgba(255,255,255,.3)!important;border:1px solid transparent!important;box-sizing:border-box;width:6px!important;height:6px!important;margin:0!important;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} #fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{background-color:transparent!important;border-color:#b42328!important;width:11px!important;height:11px!important;margin:0!important} #fp-nav.right ul li .active+.fp-tooltip.right{opacity:1;width:auto} .g-floornav-f01.on{right:auto} .g-floornav-f01 .menu{background-color:#b42328} @media only screen and (min-width:1199px) and (max-width:1900px){ .row-about .wp{max-width:80vw;width:95%;margin:0 auto} .row-about .section{background-repeat:no-repeat;background-size:cover;background-position:center} .m-about1 .txt{font-family:Alibaba-PuHuiTi-Regular;font-size:3.157vw;color:#fff;text-align:center;margin-bottom:3.684vw} .m-about1 .next{text-align:center} .m-about1 .next span{width:3.157vw;height:3.157vw;border:.052vw solid rgba(255,255,255,.3);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:.578vw .368vw;display:inline-block;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-about1 .next span:hover{border-color:#fff} .m-about2{text-align:center;color:#fff} .m-about2 .tit{font-size:2.631vw;margin-bottom:.526vw} ::-webkit-scrollbar{width:4px} ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:none;background:rgba(0,0,0,.5)} ::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:0;background:rgba(0,0,0,.1)} .m-about2 .desc{font-size:1vw;max-width:62.1vw;margin:0 auto;line-height:1.894vw;margin-bottom:2.105vw;text-align:left;display:none;overflow:hidden} .m-about2 .desc.open .cont{padding:0 1.052vw;height:11.364vw;overflow-x:hidden;overflow-y:auto} .m-about2 .info span{width:3.157vw;height:3.157vw;border:.052vw solid rgba(255,255,255,.5);cursor:pointer;display:inline-block;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-image:url(../images/a3.png);background-size:.789vw auto;background-repeat:no-repeat;background-position:center} .on .m-about2 .info span{background-image:url(../images/a4.png)} .m-about2 .info span:hover{border-color:#fff} .ul-listab1{display:block;text-align:center;position:absolute;left:0;right:0;bottom:5.263vw;z-index:1} .ul-listab1 li{display:inline-block;text-align:center;color:#fff;font-size:1.052vw;font-family:Alibaba-PuHuiTi-Regular;position:relative;width:18.52vw} .ul-listab1 li::after{position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);height:4.736vw;width:.052vw;background-color:#fff;opacity:.15;content:""} .ul-listab1 .top{margin-bottom:.220px} .ul-listab1 .num{font-size:2.631vw;font-family:gilroy-regular} .row-ab2::after{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;content:"";opacity:0;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .row-ab2.on::after{opacity:1} .m-about2{position:relative;z-index:1;margin-bottom:3.157vw} .g-bgab2{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;object-fit:cover;display:block} .on .g-bgab2{-webkit-filter:blur(.220px);filter:blur(.220px)} .m-about3{position:absolute;left:0;right:0;top:24%} .m-about3 .tit{text-align:center;font-size:2.631vw;color:#fff} .ul-listab2{display:block;overflow:hidden;position:absolute;left:0;right:0;bottom:0;width:100%;color:#fff} .ul-listab2 li{float:left;width:25%;padding:0 .052vw} .ul-listab2 .con{padding:4.736vw 0 5.789vw;padding-left:4.21vw;background-color:rgba(20,111,184,.55)} .ul-listab2 .txt{border-left:.157vw solid #aa352d;padding-left:1.157vw} .ul-listab2 .info{font-size:1vw;margin-bottom:1.052vw} .ul-listab2 .desc{font-size:1.578vw} .row-ab4::after{width:50%;left:0;top:0;bottom:0;height:100%;position:absolute;background-size:cover;background-position:left center;background-repeat:no-repeat;background-image:url(../images/a4.jpg);content:"";z-index:-1} .m-about4 .col-l{width:20%;font-size:2.631vw;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#fff;margin-right:14.73vw} .m-banhostr{overflow:hidden;margin:0 auto;position:relative;padding-bottom:3vw} .m-banhostr .item{overflow:hidden;padding-bottom:1.052vw} .m-banhostr .year{font-size:2.631vw;float:left;padding-right:3.947vw;font-family:OPPOSans;position:relative;color:rgba(255,255,255,.4);margin-right:4.947vw} .m-banhostr .year::after{position:absolute;content:"";width:1.842vw;height:.105vw;background:#b42328;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);content:""} .m-banhostr .txt{overflow:hidden;font-family:Alibaba-PuHuiTi-Regular} .m-banhostr .tit{font-size:1.15vw} .m-banhostr .desc{font-size:1vw;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:8em;line-height:2} .m-banhostr .desc p{position:relative;padding-left:.947vw} .m-banhostr .desc p span{display:inline-block;width:.220vw;height:.220vw;background:#999;border-radius:50%;position:absolute;left:0;top:.9em} .m-banhostr .slick-prev{display:none!important} .m-banhostr .slick-next{border:none;background-color:transparent;text-align:center;position:absolute;bottom:0} .m-banhostr .slick-next .next span{width:2.368vw;height:2.368vw;background:#b42328;border-radius:50%;border:none;background-image:url(../images/a2.svg);background-position:center;background-repeat:no-repeat;background-size:.736vw auto;cursor:pointer;display:inline-block} .m-banhostr .slick-next .txt{font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#888;margin-top:.526vw} .m-about5{overflow:hidden} .m-about5 .col-l{width:33%;margin-right:7.8vw} .ul-listab5{display:block;overflow:hidden} .ul-listab5 li{float:left;width:50%} .g-titab5{font-size:2.631vw;font-family:Alibaba-PuHuiTi-Regular;margin-bottom:3.684vw} .m-banab5{position:relative;padding-bottom:3.947vw} .m-banab5 .pic{margin-bottom:1.315vw;overflow:hidden;border-radius:.421vw;-webkit-border-radius:.421vw;-moz-border-radius:.421vw;-ms-border-radius:.421vw;-o-border-radius:.421vw} .m-banab5 .pic img{display:block;width:100%;height:auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-banab5 .item:hover .pic img{transform:scale(1.06);-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);-o-transform:scale(1.06)} .m-banab5 .slick-dots{display:block;text-align:center;position:absolute;bottom:0;left:0;right:0} .m-banab5 .slick-dots li{display:inline-block;margin:0 .315vw} .m-banab5 .slick-dots li button{font-size:0;width:.578vw;height:.578vw;border-radius:50%;box-sizing:border-box;background-color:transparent;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;cursor:pointer} .m-banab5 .slick-dots .slick-active button{background:#b42328;border-color:#b42328} .m-banab5 .txt{text-align:center;font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-banab5 .item:hover .txt{color:#b42328} .ul-listab5 .txt{padding-left:1.684vw;font-size:1vw;position:relative;line-height:2.7;color:#000;padding-right:1.052vw;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;white-space:nowrap} .ul-listab5 .txt::after{position:absolute;content:"";width:.263vw;height:.263vw;background:#999;border-radius:50%;left:0;top:1.35em} .m-lanbtnab1{float:left;width:4.736vw;text-align:center;line-height:3.157vw;height:3.157vw;position:relative;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-lanbtnab1:hover{background-color:rgba(255,255,255,.1)} .m-lanbtnab1 .icon{display:inline-block;font-size:0;vertical-align:middle;cursor:pointer} .m-lanbtnab1 .icon img{display:inline-block;vertical-align:middle;width:1.345vw} .ul-langlistab1{top:0;left:0;bottom:0;position:absolute;background-color:rgba(255,255,255,.1);overflow:hidden;width:7.894vw;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:-2} .open .ul-langlistab1{left:100%;z-index:1} .ul-langlistab1 li{float:left;width:50%;text-align:center;position:relative} .ul-langlistab1 .con{display:block;color:#fff} .ul-langlistab1 li::after{position:absolute;content:"";width:.052vw;height:.842vw;background-color:#fff;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-langlistab1 li:last-child:after{display:none} .ul-listnavab1{overflow:hidden;display:flex;align-items:center;justify-content:space-around;height:4.736vw;line-height:4.736vw;position:relative;z-index:99} .on .ul-listnavab1{display:none} .ul-listnavab1 li{display:inline-block;text-align:center;color:#fff;font-size:1.052vw;font-family:Alibaba-PuHuiTi-Regular;flex:1} .ul-listnavab1 .con{display:block;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;border-top:.157vw solid transparent;color:#fff;line-height:4.536vw} .ul-listnavab1 .active .con,.ul-listnavab1 .con:hover{background-color:rgba(255,255,255,.1)} #fp-nav ul li:first-child{display:none} #fp-nav ul li{text-align:center} #fp-nav ul li a span,.fp-slidesNav ul li a span{background-color:rgba(255,255,255,.3)!important;border:.052vw solid transparent!important;box-sizing:border-box;width:.315vw!important;height:.315vw!important;margin:0!important;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} #fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{background-color:transparent!important;border-color:#b42328!important;width:.578vw!important;height:.578vw!important;margin:0!important} #fp-nav.right ul li .active+.fp-tooltip.right{opacity:1;width:auto} } @media only screen and (min-width:950px) and (max-width:1900px){ .m-lanbtnab1{float:left;width:4.736vw;text-align:center;line-height:3.157vw;height:3.157vw;position:relative;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-lanbtnab1:hover{background-color:rgba(255,255,255,.1)} .m-lanbtnab1 .icon{display:inline-block;font-size:0;vertical-align:middle;cursor:pointer} .m-lanbtnab1 .icon img{display:inline-block;vertical-align:middle;width:1.345vw} .ul-langlistab1{top:0;left:0;bottom:0;position:absolute;background-color:rgba(255,255,255,.1);overflow:hidden;width:7.894vw;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:-2} .open .ul-langlistab1{left:100%;z-index:1} .ul-langlistab1 li{float:left;width:50%;text-align:center;position:relative} .ul-langlistab1 .con{display:block;color:#fff} .ul-langlistab1 li::after{position:absolute;content:"";width:.052vw;height:.842vw;background-color:#fff;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .ul-langlistab1 li:last-child:after{display:none} .ul-listnavab1{overflow:hidden;display:flex;align-items:center;justify-content:space-around;height:4.687vw;line-height:4.736vw;position:relative;z-index:99} .on .ul-listnavab1{display:none} .ul-listnavab1 li{display:inline-block;text-align:center;color:#fff;font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;flex:1} .ul-listnavab1 .con{display:block;cursor:pointer;border-top-width:.157vw;line-height:4.536vw} .ul-listnavab1 .active .con,.ul-listnavab1 .con:hover{background-color:rgba(255,255,255,.1)} .ul-listab5 .txt{font-size:0.9vw;} } @media only screen and (max-width:1199px){ .row-about .section{position:relative} .g-floornav{display:none} .row-ab1{padding:200px 0} .m-about1 .txt{font-size:28px;margin-bottom: 0px;margin-top: 50px;} .m-about1 .next span{width:40px;height:40px} .row-ab2{padding:200px 0} .ul-listab1{position:relative;bottom:0} .m-about2 .tit{font-size:25px} .m-about2 .info span{width:40px;height:40px} .ul-listab1 .num{font-size:20px} .ul-listab1 li{width:auto;padding:0 20px} .m-about2 .desc{padding:0 20px;width:90%;font-size:16px} .m-about2 .desc.open .cont{display:block} .ul-listab1 .desc{font-size:16px} .row-ab3{padding:80px 0} .ul-listab2{position:relative} .m-about3{position:relative;top:auto} .m-about3 .tit{font-size:25px} .m-about3{margin-bottom:80px} .ul-listab2 .con{padding:0;text-align:center;padding:40px 0} .ul-listab2 .info{font-size:18px;margin-bottom:6px} .ul-listab2 .desc{font-size:16px} .row-ab4{padding:80px 0} .m-about4 .col-l{margin-right:140px;font-size:25px;text-align:center} .m-banhostr .year::after{display:none} .m-banhostr .year{margin-right:20px;font-size:35px} .row-ab5{padding:80px 0} .g-titab5{font-size:25px} .m-banab5 .txt{font-size:18px} .m-banab5{padding-bottom:30px} .m-about5 .col-l{margin-right:80px} .ul-listab5 .txt{font-size:16px} .row-about .h-line{display:none} .m-about2 .desc.open .cont{height:auto} } @media only screen and (max-width:959px){ .m-about1 .next span .icon{width:10px;height:5px} .m-banhostr .year{font-size:26px} .m-about4 .col-l{float:none;width:100%;text-align:left;margin-bottom:20px} .row-ab4 .after{width:100%} .m-banhostr .txt{color:#fff} .m-banhostr .year{color:#fff} .m-banhostr .slick-next .txt{color:#fff} .m-about5 .col-l{float:none;width:100%;margin-bottom:50px} .m-banab5 .pic{margin-bottom:10px} } @media only screen and (max-width:767px){ .m-about2 .info span{width:30px;height:30px;background-size:10px auto} .row-ab2{padding:50px 0} .row-about .wp{width:100%} .m-about2 .desc{width:96%;padding:0;margin:0 auto;font-size:14px} .m-about2 .desc.open .cont{padding:0} .ul-listab1 li{font-size:16px;margin-bottom:20px} .ul-listab1 .num{font-size:16px} .ul-listab1 li::after{height:60px;display:none} .m-about3 .tit{font-size:24px} .ul-listab2 li{width:50%;margin-bottom:2px} .ul-listab2 .txt{border-left:none;padding-left: 0;} .ul-listab2 .con { height: 100px; display: flex; align-items: center; justify-content: center; padding: 0; } .ul-listab2 .info{font-size:14px} .ul-listab2 .desc{font-size:14px} .row-ab3{padding:50px 0 0} .m-about2 .tit{font-size:24px} .ul-listab1 .desc{font-size:14px} .m-banhostr .year{padding-right:20px;font-size:1vw;margin-right:0;display:none} .m-banhostr .tit{font-size:20px} .m-banhostr .desc{font-size:14px} .m-banhostr .slick-next{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)} .m-banhostr .desc p span{background-color:#fff} .m-banhostr .slick-next .next span{width:30px;height:30px;background-size:8px auto} .m-banhostr .slick-next .txt{font-size:14px} .m-about4 .col-l{font-size:24px} .ul-listab5 .txt{padding-left:14px;line-height:2.1;font-size:14px} .ul-listab5 li{float:none;width:100%} .ul-listab5 .txt::after{width:3px;height:3px;top:.9em} .g-titab5{font-size:24px;margin-bottom:20px} .m-banab5 .txt{font-size:16px} .m-banab5 .slick-dots li button{width:8px;height:8px} .m-banab5{padding-bottom:20px} .m-about5 .col-l{margin-bottom:30px} .m-banhostr{padding-bottom:60px} .m-about1 .next span{width:30px;height:30px;background-size:8px auto} .m-about2{margin-bottom:30px} .row-ab1{height:5rem;padding:0} .m-about1{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .row-ab2{height:13rem;padding:0} .row-ab2 .page02{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:2} .m-about2 .desc.open{padding:0 0 20px} .m-about2 .desc.open .cont{height:9em!important;overflow-y:auto;overflow-x:hidden;line-height:1.5} .row-ab3{padding:0;height:13rem} .row-ab3 .page03{position:absolute;left:0;right:0;bottom:0} .row-ab4 .after{background-image:none;position:relative} .m-about4 .col-l{color:#333} .m-banhostr .year{color:#333} .m-banhostr .txt{color:#333} .m-banhostr .desc p span{background-color:#333} .m-banhostr .slick-next .txt{color:#333} .m-banhostr .slick-next{left:0;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)} .row-ab4 .img-ab4{display:block;width:100%} .row-ab4{padding-bottom:0;padding-top:30px} .m-about4{margin-bottom:20px} .row-ab5{height:18rem;padding:0;overflow:hidden} .row-ab5 .page05{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .m-about5 .col-l{margin-bottom:10px} } .banner-e1 .pic{display:none} .ul-talent{overflow:hidden} .m-swiper-container{height:100vh} .ul-talent li{float:left;width:50%;position:relative;height:100vh;cursor:pointer;overflow:hidden} .ul-talent li .bg{position:absolute;top:0;right:0;left:0;bottom:0;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-talent li:hover .bg{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)} .ul-talent .con{position:absolute;top:14%;left:15%} .ul-talent .tit{font-size:50px;font-weight:400;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-talent .desc{font-size:1vw;font-weight:400;color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;margin-bottom:66px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-talent .more{display:inline-block;font-size:18px;font-weight:400;color:#666;background-position:right center;background-repeat:no-repeat;background-size:8px 12px;background-image:url(../images/e-more.svg);padding-right:20px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-talent li:hover .more{background-image:url(../images/e-more-red.svg);color:#b42328} .ul-talent li:hover .more{color:#b42328} .m-contact-e1{padding-top:50px;padding-bottom:194px} .m-contact-e1 .l{width:21%} .m-contact-e1 .r{width:77%} .m-contact-e1 .item{padding:60px 0 0;border-bottom:1px solid #e5e5e5} .m-contact-e1 .tit1{font-size:38px;font-weight:400;color:#002;background-position:left center;background-repeat:no-repeat;background-size:25px 14px;background-image:url(../images/e-dot.png);padding-left:42px;margin-top:11px} .m-contact-e1 .tit2{font-size:28px;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#222;margin-bottom:23px} .m-contact-e1 .con{overflow:hidden;border-bottom:1px dashed #e5e5e5;padding-bottom:57px;margin-bottom:21px} .m-contact-e1 .item:first-child .con{padding-bottom:27px} .m-contact-e1 .txt:last-child .con{border-bottom:1px dashed transparent;margin-bottom:13px} .m-contact-e1 .desc{float:left;width:33.3%;margin-bottom:27px} .m-contact-e1 .desc p{font-size:18px;font-weight:400;color:#666;line-height:1.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px} .m-investor,.main-e1{background-color:#f8f8f8} .g-tit-e1{font-size:48px;font-weight:400;color:#222} .m-investor-e1{padding-top:108px} .m-investor-e1 .g-tit-e1{padding:0 0 48px;font-weight:400} .m-investor-e1 .pages{margin:44px 0 0} .ul-investor-e1{border-bottom:1px solid #e5e5e5;display:inline-block;margin-bottom:46px} .ul-investor-e1 li{font-size:1vw;font-family:Alibaba-PuHuiTi-Regular;font-weight:400;color:#444;display:inline-block;border-bottom:1px solid transparent;margin-right:25px;padding-bottom:11px;cursor: pointer;} .ul-investor-e1 li.on{color:#b42328;border-bottom:1px solid #ba343a} .m-investor-e1 .tab-con .item{display:block;height:90px;background:#fff;border-radius:10px;margin-bottom:1px;overflow:hidden;padding:0 28px;overflow:hidden} .m-investor-e1 .year{float:right;line-height:90px;font-size:18px;font-weight:400;color:#a6a6a6} .m-investor-e1 .tab-con .tit{float:left;font-size:18px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;line-height:90px;background-position:left center;background-repeat:no-repeat;background-size:0.9vw 21px;background-image:url(../images/e-pdf.png);padding-left:35px} .m-investor-e1 .tab-con .item:hover .tit{color:#ba343a;background-image:url(../images/e-pdf-on.png)} .m-investor-e2 .g-tit-e1{padding:100px 0 39px} .ul-investor-e2{overflow:hidden;margin:0 -3.5px} .ul-investor-e2 .box{position:relative;height:600px;margin:0 3.5px;border-radius:10px;overflow:hidden} .ul-investor-e2 li{position:relative;float:left;width:33.3%;cursor:pointer} .ul-investor-e2 .pic{position:absolute;top:0;left:0;right:0;bottom:0} .ul-investor-e2 .pic img{display:block;width:100%;height:100%;object-fit:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-investor-e2 li:hover .pic img{transform:scale(1.08);-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08)} .ul-investor-e2 .con{position:absolute;top:10%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);background-position:center;background-repeat:no-repeat;background-size:cover} .ul-investor-e2 .tit{font-size:32px;font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:29px;text-align:center} .ul-investor-e2 .more{display:block;text-align:center} .ul-investor-e2 .more span{display:inline-block;font-size:0.9vw;font-weight:400;color:#fff;background-position:right center;background-repeat:no-repeat;background-size:7px 12px;background-image:url(../images/e-more-bai.svg);padding-right:30px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-investor-e2 li:hover .more span{background-image:url(../images/e-more-red.svg)} .ul-investor-e2 li:hover .more span{color:#b42328} .m-investor-e1.m-investor-e4{padding-top:0 !important;} .m-investor-e1.m-investor-e5{} .ul-investor-e3{position: relative;display: flex;flex-wrap: wrap;margin-bottom:50px;} .ul-investor-e3 li{position: relative;width:32%;} .ul-investor-e3 li:nth-child(2){margin: 0 2%;} .ul-investor-e3 li .box{position: relative;width: 100%;height: 200px;border-radius: 10px;padding: 0 35px;background: #fff;display: flex;align-items: center;} .ul-investor-e3 li .contactItem p{font-size: 18px;color: #888;line-height: 1.8;font-family:Alibaba-PuHuiTi-Regular;} .ul-investor-e3 li .contactItem .itemMsg{font-size: 30px;color: #222;line-height: 1.8;font-family: 'OPPOSans';} .ul-investor-e3 li:last-child .contactItem .itemMsg{/*font-family:Alibaba-PuHuiTi-Regular;*/} .ul-investor-e3 li .bgPic{position: absolute;right: 35px;width:80px;top: 50%;transform:translateX(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:1} .ul-investor-e3 li .bgPic img{width:100%;} .m-investor-e3{padding:10px 0 83px} .m-investor-e3 .g-tit-e1{float:left;padding:0 0 0;margin-top:-14px} .form-e1{float:right;width:251px;margin-top:-12px} .form-e1 .input{margin-bottom:0} .form-e1 .inp{margin-right:0;width:100%} .form-e1 .tit .placeholder{font-size:0.9vw} .form-e1 .tit{padding:16px 28px 16px} .form-e1 .tit::after{right:26px} .m-investor-e3 .m-tit{padding:108px 0 40px} .m-investor-e3 .pages{margin:82px 0 0} .m-investor-e3 .form-e1{margin-top:0} .min-e1{background-color:#f8f8f8} .banner-e1 .m-lanbtnab1{opacity:0} .m-investor-e4 .esgList{position: relative;width: 100%;display: flex;flex-wrap:wrap;} .m-investor-e4 .esgList .esgItem{ position: relative;width: calc(50% - 30px);height: 480px;display: flex;justify-content: space-between;margin-bottom: 40px; } .m-investor-e4 .esgList .esgItem:nth-child(2n){margin-left:60px;} .m-investor-e4 .esgList .esgItem .picL{width: 50%;height: 100%;border-radius: 2px 0 0 2px;} .m-investor-e4 .esgList .esgItem .picL img{width: 100%;height: 100%;} .m-investor-e4 .esgList .esgItem .esgInfos{ width: calc(50% - 1px);height: 100%;background: #fff;display: flex;flex-direction: column;justify-content: space-between;padding: 60px 30px;border-radius: 0px 10px 10px 0px; } .m-investor-e4 .esgList .esgItem .esgInfos .esgTitle a p{font-size: 30px;color: #222;} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl a p{font-size: 20px;color: #222;display: flex;justify-content: flex-start;/*align-items: center;*/} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl p span:first-child{margin-right: 0.5VW;width: 16px;height:20px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgTitle a:hover p,.m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl a:hover p{color: #b42328;} @media only screen and (min-width:1199px) and (max-width:1920px){ .ul-talent .tit{font-size:2.604vw;margin-bottom:.156vw} .ul-talent .desc{font-size:1.041vw;margin-bottom:3.437vw} .ul-talent .more{font-size:.937vw;background-size:.416vw .625vw;padding-right:1.041vw} .m-contact-e1{padding-top:2.604vw;padding-bottom:10.1vw} .m-contact-e1 .item{padding:3.125vw 0 0} .m-contact-e1 .tit1{font-size:1.979vw;background-size:1.302vw .729vw;padding-left:2.187vw;margin-top:0vw} .m-contact-e1 .tit2{font-size:1.458vw;margin-bottom:1.197vw} .m-contact-e1 .desc{margin-bottom:1.406vw} .m-contact-e1 .con{padding-bottom:2.968vw;margin-bottom:1.093vw} .m-contact-e1 .item:first-child .con{padding-bottom:1.406vw} .m-contact-e1 .txt:last-child .con{margin-bottom:.677vw} .m-contact-e1 .desc p{font-size:.885vw;padding-right:.52vw} .g-tit-e1{font-size:2.5vw} .m-investor-e1{padding-top:5.624vw} .m-investor-e1 .g-tit-e1{padding:0 0 2.5vw} .m-investor-e1 .pages{margin:2.291vw 0 0} .ul-investor-e1{margin-bottom:2.395vw} .ul-investor-e1 li{font-size:1.041vw;margin-right:1.302vw;padding-bottom:.572vw} .m-investor-e1 .tab-con .item{height:4.687vw;border-radius:.52vw;padding:0 1.458vw} .m-investor-e1 .year{line-height:4.687vw;font-size:.937vw;font-weight:400} .m-investor-e1 .tab-con .tit{font-size:.885vw;line-height:4.687vw;background-size:.937vw 1.093vw;padding-left:1.822vw} .m-investor-e2 .g-tit-e1{padding:5.624vw 0 2.031vw} .ul-investor-e2{margin:0 -.182vw} .ul-investor-e2 li{width:33.3%} .ul-investor-e2 .box{height:31.25vw;margin:0 .182vw;border-radius:.52vw} .ul-investor-e2 .tit{font-size:1.666vw;margin-bottom:1.51vw;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .ul-investor-e2 .more span{font-size:.937vw;padding-right:1.041vw} .m-investor-e3{padding:.52vw 0 4.322vw} .m-investor-e3 .g-tit-e1{padding:0 0 0;margin-top:-.729vw} .form-e1{width:13.07vw;margin-top:-.625vw} .form-e1 .tit .placeholder{font-size:.885vw} .form-e1 .tit{padding:.833vw 1.458vw .833vw} .form-e1 .tit::after{right:1.354vw} .m-investor-e3 .m-tit{padding:5.624vw 0 2.083vw} .m-investor-e3 .pages{margin:4.27vw 0 0} .m-investor-e3 .form-e1{margin-top:0} .ul-investor-e3 li{position: relative;width:32%;margin-bottom:2.604vw;} .ul-investor-e3 li:nth-child(2){margin: 0 2%;} .ul-investor-e3 li .box{position: relative;width: 100%;height: 10.41vw;border-radius: 0.5vw;padding: 0 1.823vw;background: #fff;display: flex;align-items: center;} .ul-investor-e3 li .contactItem p{font-size: 0.9375vw;color: #888;line-height: 1.6;font-family:Alibaba-PuHuiTi-Regular;} .ul-investor-e3 li .contactItem .itemMsg{font-size: 1.45vw;color: #222;line-height: 1.6;font-family: Alibaba-PuHuiTi-Regular;} .ul-investor-e3 li:last-child .contactItem .itemMsg{font-family:Alibaba-PuHuiTi-Regular;} .ul-investor-e3 li .bgPic{position: absolute;right: 1.823vw;top: 50%;width:4.167vw;transform:translateX(-50%);-webkit-transform:translateY(-50%);z-index: 1;} .ul-investor-e3 li .bgPic img{width:100%;} .m-investor-e4 .esgList .esgItem{width: 48.4375%;height: 25vw;margin-bottom:2.034vw;} .m-investor-e4 .esgList .esgItem:nth-child(2n){margin-left:3.125%;} .m-investor-e4 .esgList .esgItem .esgInfos{padding: 3.125vw 1.5625vw;} .m-investor-e4 .esgList .esgItem .esgInfos .esgTitle a p{font-size: 1.5625vw;;} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl a p{font-size: 1.0417vw;} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl p span:first-child{width: 16px;height:20px;} } @media only screen and (max-width:1600px){ .ul-talent .desc{font-size:18px} .ul-talent .more{font-size:18px;background-size:8px 12px;padding-right:15px} .m-contact-e1 .desc p{font-size:16px;padding-right:8px} .m-contact-e1 .tit1{background-size:19px 10px} .m-investor-e1 .tab-con .item{height:75px} .m-investor-e1 .tab-con .tit{font-size:16px;line-height:75px;background-size:15px 19px;padding-left:30px} .m-investor-e1 .year{line-height:75px;font-size:15px} .ul-investor-e1 li{font-size:16px;margin-right:20px;padding-bottom:8px} .form-e1 .tit .placeholder{font-size:16px} .ul-investor-e2 .more span{font-size:16px;background-size:8px 12px;padding-right:15px} } @media only screen and (max-width:1199px){ .ul-talent .desc{font-size:18px} .ul-talent .more{font-size:15px;background-size:8px 12px;padding-right:15px} .ul-talent .tit{font-size:35px} .ul-talent .desc{margin-bottom:33px} .m-contact-e1 .tit1{font-size:25px;padding-left:30px;margin-top:3px} .m-contact-e1 .con{padding-bottom:24px;margin-bottom:20px} .m-contact-e1 .item{padding:40px 0 0} .m-contact-e1 .tit2{font-size:20px;margin-bottom:8px} .m-contact-e1 .l,.m-contact-e1 .r{float:none;width:100%} .m-contact-e1 .l{margin-bottom:15px} .m-contact-e1{padding-top:30px;padding-bottom:104px} .m-investor-e1{padding-top:48px} .g-tit-e1{font-size:35px} .m-investor-e1 .g-tit-e1{padding:0 0 15px} .m-investor-e2 .g-tit-e1{padding:34px 0 39px} .form-e1{width:180px;margin-top:-12px} .form-e1 .tit{padding:13px 13px 13px} .ul-investor-e1{margin-bottom:37px} .m-investor-e1 .pages{margin:41px 0 0} .ul-investor-e2 .tit{font-size:25px;margin-bottom:23px} .ul-investor-e2 .box{height:35.25vw} .m-investor-e3 .m-tit{padding:64px 0 24px} .m-investor-e3{padding:10px 0 29px} .g-floornav-e1{display:none!important} .ul-investor-e3{margin-bottom:50px;} .ul-investor-e3 li .box{height:120px;padding:0 20px;} .ul-investor-e3 li .contactItem p{font-size:16px;} .ul-investor-e3 li .contactItem .itemMsg{font-size:20px;} .ul-investor-e3 li .bgPic{width:60px;right:20px;} .m-investor-e4 .esgList .esgItem{width: 49.5%;height: 20vw;} .m-investor-e4 .esgList .esgItem .esgInfos{padding: 30px 20px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgTitle a p{font-size: 20px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl a p{font-size: 14px;} } @media only screen and (max-width:959px){ .ul-talent .desc{font-size:18px} .ul-talent .tit{font-size:22px} .ul-talent .desc{margin-bottom:23px} .m-contact-e1 .con{padding-bottom:0;margin-bottom:20px} .m-contact-e1 .item{padding:30px 0 0} .m-contact-e1{padding-bottom:74px} .m-investor-e1{padding-top:22px} .g-tit-e1{font-size:25px} .form-e1 .tit{padding:9px 9px 9px} .m-investor-e1 .tab-con .item{height:70px} .m-investor-e1 .tab-con .tit{line-height:70px} .m-investor-e1 .year{line-height:70px} .m-investor-e1 .pages{margin:32px 0 29px} .m-investor-e2 .g-tit-e1{padding:40px 0 20px} .ul-investor-e2 .box{height:36.25vw} .m-investor-e3 .m-tit{padding:36px 0 24px} .m-swiper-e.swiper-container{overflow:visible;height:auto} .m-swiper-e .swiper-wrapper{display:block} .m-swiper-container{height:auto} } @media only screen and (max-width:950px){ .banner-e1{background-size:0} .banner-e1 .pic{display:block} .banner-e1 .pic img{display:block;width:100%;height:100%;object-fit:cover} .ul-investor-e3 li .box{height:120px;padding:0 20px;} .ul-investor-e3 li .contactItem p{font-size:14px;} .ul-investor-e3 li .contactItem .itemMsg{font-size:18px;} .ul-investor-e3 li .bgPic{width:50px;right:20px;} .m-investor-e4 .esgList {display: block;} .m-investor-e4 .esgList .esgItem{width: 100%;height: 400px;margin-bottom: 20px;} .m-investor-e4 .esgList .esgItem:nth-child(2n){margin-left:0;} .m-investor-e4 .esgList .esgItem .esgInfos{padding: 30px 20px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgTitle a p{font-size: 20px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl a p{font-size: 14px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl p span:first-child{width:12px;height:16px;margin-right:8px;} } @media only screen and (max-width:767px){ .main-e2 .wp{padding:0 15px} .ul-listnavae1{height:50px;line-height:50px} .ul-listnavae1 li{font-size:14px} .ul-listnavae1 .con{line-height:46px} .ul-investor-e2 .more span{font-size:15px;background-size:7px 11px} .ul-talent li{float:none;width:100%;height:auto;padding-top:66.6%} .ul-talent .con{position:absolute;top:30%;left:6%;right:6%} .ul-talent .desc{font-size:16px;margin-bottom:13px} .ul-talent .tit{font-size:24px} .ul-talent .more{font-size:14px;background-size:7px 10.5px;padding-right:13px} .m-contact-e1 .tit1{font-size:1vw;padding-left:29px;margin-top:0} .m-contact-e1 .l{margin-bottom:7px} .m-contact-e1 .desc{float:none;width:100%;margin-bottom:10px} .m-contact-e1 .item{padding:20px 0 0} .m-contact-e1 .tit2{font-size:0.9vw} .m-contact-e1{padding-top:40px;padding-bottom:44px} .m-investor-e1{padding-top:30px} .m-investor-e3{padding-top:22px} .g-tit-e1{font-size:20px} .form-e1{width:114px;margin-top:-12px} .form-e1 .tit{padding:5px} .form-e1 .tit .placeholder{font-size:15px} .form-e1 .tit::after{right:13px} .m-investor-e1 .tab-con .item{padding:15px 15px;height:auto} .m-investor-e1 .tab-con .tit,.m-investor-e1 .year{float:none;line-height:normal} .m-investor-e1 .tab-con .tit{font-size:15px;margin-bottom:10px} .m-investor-e1 .pages{margin:16px 0 0} .ul-investor-e2{margin:0 0} .ul-investor-e2 .tit{font-size:18px;margin-bottom:18px} .ul-investor-e2 li{float:none;width:100%;margin-bottom:20px} .ul-investor-e2 .box{height:60.25vw;margin:0 0} .m-investor-e3 .m-tit{padding:0 0 18px} .m-investor-e3 .g-tit-e1{margin-top:10px} .ul-investor-e3{display:block;margin-bottom:30px;} .ul-investor-e3 li{width:100%;margin-bottom:15px;} .ul-investor-e3 li:nth-child(2){margin-left:0;margin-right:0;margin-bottom:15px;} .ul-investor-e3 li .box{height:120px;padding:0 20px;} .ul-investor-e3 li .contactItem p{font-size:14px;} .ul-investor-e3 li .contactItem .itemMsg{font-size:18px;} .ul-investor-e3 li .bgPic{width:50px;right:20px;} .m-investor-e4 .esgList {display: block;} .m-investor-e4 .esgList .esgItem{width: 100%;height: 235px;margin-bottom: 20px;} .m-investor-e4 .esgList .esgItem:nth-child(2n){margin-left:0;} .m-investor-e4 .esgList .esgItem .esgInfos{padding: 20px 10px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgTitle a p{font-size: 18px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl a p{font-size: 14px;} .m-investor-e4 .esgList .esgItem .esgInfos .esgDoenl p span:first-child{width:12px;height:16px;margin-right:8px;} } .banner-e1{background-position:center;background-repeat:no-repeat;background-size:cover;height:100%} .banner-e1 .m-about1{position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)} .banner-e1 .swiper-button-next{position:static;right:auto;top:auto;width:auto;height:auto;margin-top:auto;z-index:10;cursor:pointer;background-size:auto} .banner-e1 .swiper-button-next:after{font-size:0;background-size:0} .m-swiper-d .swiper-wrapper-z1{display:flex} .g-cur-z{font-size:0;line-height:24px;overflow:hidden;padding:20px 0;border-bottom:1px solid #e1e1e1;padding-top:120px} .g-cur-z .left{font-size:18px;float:left;overflow:hidden;color:#88888840} .g-cur-z .left a,.g-cur-z .left span{color:#888;padding:0 8px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .g-cur-z .left a:hover{color:#b42328} .g-cur-z .icon{display:inline-block;position:relative;float:left;width:28px;height:24px} .g-cur-z .icon::after{content:"";display:block;width:19px;height:18px;background:url(../images/ne1.svg) center center no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%);background-size:cover;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .g-cur-z .icon:hover::after{background:url(../images/ne11.svg) center center no-repeat;background-size:cover} .g-cur-z .back{float:right;overflow:hidden;position:relative;padding-left:25px;font-size:18px;display:block;color:#888;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .g-cur-z .back:hover{color:#b42328} .g-cur-z .back:hover::after{background:url(../images/ne2.svg) center center no-repeat;background-size:cover} .g-cur-z .back::after{display:block;content:"";width:20px;height:20px;background:url(../images/ne4.svg) center center no-repeat;background-size:cover;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-news .tit{font-size:30px;color:#222;line-height:1.6;text-align:center;margin-bottom:0px} .m-news .desc{font-size:18px;color:#888;line-height:4;text-align:center;margin-bottom:40px;border-bottom:1px dashed #e1e1e1;} .m-news .time{display:inline-block;margin-right:20px} .m-news .info{display:inline-block} .m-news .content{font-size:18px;line-height:1.6;color:#222} .m-news .content.newsCon p{margin-bottom: 15px;} .m-news .box{width:72%;margin:0 auto;margin-bottom:80px;} .m-news{padding:60px 0 80px} .m-news .jump{padding:40px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;position:relative} .m-news .jump span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .m-news .next,.m-news .prev{width:50%;font-size:18px;line-height:30px;height:30PX;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-news .prev{text-align:left;float:left} .m-news .bot{overflow:hidden} .m-news .jump::after{content:"";display:block;width:1px;height:45px;position:absolute;background-color:#e4e9f2;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%)} .m-news .next{text-align:right;float:right} .m-news .up{padding-right:20px;margin-right:15px;float:left;position:relative} .m-news .down{float:right;padding-left:20px;margin-left:15px;position:relative} .m-news .down::after,.m-news .up::after{content:"";display:block;width:1px;height:20px;position:absolute;background-color:#333;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-news .down::after{left:0} .m-news .prev:hover .down::after{background-color:#b42328} .m-news .next:hover,.m-news .prev:hover{color:#b42328} .m-news .next:hover .down::after,.m-news .prev:hover .up::after{background-color:#b42328} @media only screen and (max-width:1440px){ .g-cur-z{padding:100px 0 16px} .g-cur-z .left{font-size:16px} .g-cur-z .back{font-size:16px} .g-cur-z .icon::after{width:16px;height:18px} .g-cur-z .back::after{width:14px;height:13px} .m-news .box{width:90%} .m-news .tit{font-size:26px;margin-bottom:20px} .m-news .desc{font-size:16px;margin-bottom:25px} .m-news .content{font-size:16px} .m-news{padding:30px 0 40px} .m-news .jump{padding:22px 0} .m-news .next,.m-news .prev{font-size:16px;line-height:25px;height:25px} .m-news .jump::after{width:1px;height:30px} .m-news .down,.m-news .up{padding-right:12px;margin-right:10px} .m-news .down::after,.m-news .up::after{width:1px;height:18px} } @media only screen and (max-width:750px){ .g-cur-z{padding:70px 0 14px} .g-cur-z .left{font-size:14px} .g-cur-z .back{font-size:14px} .g-cur-z .icon::after{width:14px;height:15px} .g-cur-z .back::after{width:12px;height:11px} .m-news .tit{font-size:20px;margin-bottom:15px} .m-news .desc{font-size:14px;margin-bottom:15px} .m-news .content{font-size:14px} .m-news{padding:30px 0} .m-news .jump{padding:18px 0} .m-news .jump::after{display:none} .m-news .prev{margin-bottom:15px} .m-news .next,.m-news .prev{font-size:14px;line-height:22px;height:22px;width:100%} .m-news .next{text-align:left} .m-news .down{float:left} .m-news .down{padding-left:0;margin-left:0;padding-right:12px;margin-right:10px} .m-news .down::after{left:auto;right:0} .m-news .jump::after{width:1px;height:30px} .m-news .down::after,.m-news .up::after{width:1px;height:18px} .m-news .box{width:100%} } .m-news-action{padding:100px 0 40px;background:#f8f8f8} .m-news-action .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 15px!important} .m-news-action .swiper-pagination{top:auto!important;bottom:-20%!important;width:100%;position:absolute;text-align:center} .m-news-action .swiper-pagination-bullet{position:relative;width:10px;height:10px;background:#c8c8c8;opacity:.8;margin-right:30px!important;display:inline-block!important;display:block} .m-news-action .swiper-pagination-bullet-active:after{position:absolute;content:"";left:0;top:0;width:10px;height:10px;border-radius:50%;border:0 solid #b42328;animation:circle 1s ease-out infinite;background:#fff} .news .swiper-pagination-bullet-active{background:#b42328} @keyframes circle{ 0%{opacity:.3} 40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,0,127,.6),0 0 10px 10px rgba(255,0,127,.4),0 0 0 5px rgba(228,0,127,.3);transform:scale(1.5)} 100%{box-shadow:0 0 0 2px rgba(228,0,127,.6),0 0 10px 10px rgba(255,0,127,.4),0 0 0 5px rgba(228,0,127,.3);transform:scale(2);opacity:.2} } @keyframes orbit{ 0%{transform:translate(0,0) rotate(-360deg)} 100%{transform:translate(0,0) rotate(0)} } .m-news-action .box-z1{padding-bottom:90px;height:auto} .m-news-action .pic{float:left;width:50%;padding-top:30%;position:relative} .m-news-action .pic img{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .m-news-action .con{background-color:#fff;overflow:hidden;display:block} .m-news-action .txt{overflow:hidden;padding:54px 90px 0 100px} .m-news-action .desc,.m-news-action .info,.ul-news .info{font-size:18px;line-height:1.6;color:#666} .m-news-action .tit{font-size:30px;line-height:1.4;color:#222;margin-bottom:50px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-news-action .con:hover .tit{color:#b42328} .m-news-action .info{margin-bottom:18px} .m-news-action .desc{margin-bottom:70px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-news-action .con:hover .desc{color:#b42328} .m-news-action .con:hover .more{color:#b42328} .m-news-action .more,.ul-news .more{position:relative;padding-right:26px;display:inline-block;font-size:18px;line-height:1.6;color:#666;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .ul-news .con:hover .more{color:#b42328} .m-news-action .more::after,.ul-news .more::after{content:"";display:block;width:24px;height:24px;background:url(../images/ne6.svg) center center no-repeat;background-size:cover;position:absolute;top:57%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} .m-news-action .con:hover .more::after,.ul-news a:hover .more::after{background:url(../images/ne10.svg) center center no-repeat;background-size:cover} .ul-news{overflow:hidden;margin:0 -37px} .ul-news li{width:33.3%;float:left;margin-bottom:76px} .ul-news .con{display:block;margin:0 37px} .ul-news .pic{padding-top:58.88%;position:relative;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden;margin-bottom:38px} .ul-news .pic img{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .ul-news a:hover .pic img{transform:scale(1.1) translateY(-50%);-webkit-transform:scale(1.1) translateY(-50%);-moz-transform:scale(1.1) translateY(-50%);-ms-transform:scale(1.1) translateY(-50%);-o-transform:scale(1.1) translateY(-50%)} .ul-news .tit{font-size:30px;line-height:1.4;color:#222;margin-bottom:40px;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;overflow:hidden} .ul-news a:hover .more,.ul-news a:hover .tit{color:#b42328} .ul-news .info{margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .m-news-z{padding:74px 0 100px} .form-z{width:100%} .form-z .input{margin-bottom:57px} .form-z .inp{float:left;margin-right:2%;width:19%} .form-z .inp2{width:79%;overflow:hidden;margin:0} .form-z input{width:90%} body,html{position:relative;height:100%} body{margin:0;padding:0} .swiper-container{width:100%;height:100%} #swiper-container2 .swiper-slide{height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:block} .section2{height:100%} .g-aboutcon2{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)} #swiper-container2 .swiper-slide{margin-right:.5px} @media only screen and (max-width:1920px){ .m-news-action{padding:5.508vw 0 2.083vw} .m-news-action .box-z1{padding-bottom:4.687vw} .m-news-action .txt{padding:2.812vw 4.687vw 0 5.208vw} .m-news-action .desc,.m-news-action .info,.ul-news .info{font-size:.937vw;line-height:1.6} .m-news-action .tit{font-size:1.562vw;line-height:1.4;margin-bottom:2.604vw} .m-news-action .info{margin-bottom:.937vw} .m-news-action .desc{margin-bottom:3.645vw} .m-news-action .more,.ul-news .more{padding-right:1.354vw;font-size:.937vw;line-height:1.6;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s} .m-news-action .more::after,.ul-news .more::after{width:1.25vw;height:1.25vw} .ul-news{margin:0 -1.927vw} .ul-news li{width:33.3%;margin-bottom:3.958vw} .ul-news .con{margin:0 1.927vw} .ul-news .pic{padding-top:58.88%;border-radius:.52vw;-webkit-border-radius:.52vw;-moz-border-radius:.52vw;-ms-border-radius:.52vw;-o-border-radius:.52vw;margin-bottom:1.979vw} .ul-news .tit{font-size:1.562vw;margin-bottom:2.083vw} .ul-news .info{margin-bottom:1.041vw} .m-news-z{padding:3.854vw 0 5.208vw} .form-z .input{margin-bottom:2.968vw} } @media only screen and (max-width:1440px){ .m-news-action .box-z1{padding-bottom:3.2vw} .m-news-action .txt{padding:50px 40px 0 50px} .m-news-action .desc,.m-news-action .info,.ul-news .info{font-size:16px} .m-news-action .tit{font-size:24px;margin-bottom:25px} .m-news-action .info{margin-bottom:10px} .m-news-action .desc{margin-bottom:40px} .m-news-action .more,.ul-news .more{padding-right:25px;font-size:16px} .m-news-action .more::after,.ul-news .more::after{width:20px;height:20px;top:60%} F .ul-news{margin:0 -15px} .ul-news li{margin-bottom:35px} .ul-news .con{margin:0 15px} .ul-news .pic{margin-bottom:15px} .ul-news .tit{font-size:1vw;margin-bottom:20px} .ul-news .info{margin-bottom:16px} .m-news-z{padding:30px 0 50px} .form-z .input{margin-bottom:30px} } @media only screen and (max-width:1199px){ .wp{width:90%} .m-news-action .box-z1{padding-bottom:60px} .m-news-action .swiper-pagination{bottom:-27%!important} .m-news-action .txt{padding:10px 30px 0 30px} .m-news-action .desc,.m-news-action .info,.ul-news .info{font-size:14px} .m-news-action .tit{font-size:20px;margin-bottom:15px} .m-news-action .info{margin-bottom:10px} .m-news-action .desc{margin-bottom:15px} .m-news-action .more,.ul-news .more{font-size:14px} .ul-news li{width:50%} .ul-news .tit{font-size:20px} .ul-news .info{margin-bottom:14px} } @media only screen and (max-width:950px){ .m-news-action .pic{position:static;padding-top:0;float:none;width:100%;height: 50vw;} .m-news-action .pic img{position:static;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none} .m-news-action .txt{padding:30px} .m-news-action .box-z1{padding-bottom:55px} .m-news-action .swiper-pagination{bottom:-10%!important} .form-z .inp{margin:0;width:21.5%;margin-right:5%} .form-z .inp2{width:73.5%;margin:0} } @media only screen and (max-width:750px){ .wp{width:100%;padding:0 15px} .m-news-action .txt{padding:25px} .m-news-action .swiper-pagination{top:auto!important} .form-z .inp{margin:0;width:100%;margin-bottom:15px} .form-z .inp2{width:100%;margin:0} .ul-news li{width:100%} .ul-news .tit{height:1.4em;-webkit-line-clamp:1;margin-bottom:15px} } @media only screen and (max-width:450px){ .ul-news .tit{height:2.8em;-webkit-line-clamp:2} .m-news-action .swiper-pagination{bottom:-13%!important} }