body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,textarea,input,button,select{margin:0} html,body{height:100%;} body.lock{overflow:hidden;} body{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;cursor:default;-ms-content-zooming:none;-webkit-text-size-adjust:100%; /*-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;*/ } h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400} pre{white-space:pre-wrap;} address,caption,cite,code,dfn,em,th,del,ins,mark,sup,sub,var{font-style:normal;font-weight:400;text-decoration:none;background:0;font-size:100%;vertical-align:middle} article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block} ul,ol{padding-left:0;list-style-type:none} input,select{vertical-align:middle;user-select:auto} input{word-break:normal;-webkit-border-radius:0;padding:0} a{outline:0;text-decoration:none;color:#888} strong{font-weight:700} em{font-style:italic} small{font-size:80%} fieldset,img{border:0} table{border-collapse:collapse;border-spacing:0} caption,th,td{font-weight:400;vertical-align:middle} q,blockquote{quotes:none} a:link{} a:visited{} a:hover{text-decoration:none;} a:active{text-decoration:none;} q:before,q:after,blockquote:before,blockquote:after{content:"";content:none} html{width:100%;height:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;} body{color:#535353;font-size:14px;font-family:"Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, sans-serif ;width:100%;height:100%;position:relative;background:#f2f2f2;} body.black{background:#000;} body.lock{overflow:hidden;} body.eee{background:#eee} body.fff{background:#fff} keyframes loading{0%{transform:rotate(0deg);}100%{transform:rotate(720deg);}} @-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(720deg);}} @-o-keyframes loading{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(720deg);}} @-ms-keyframes loading{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(720deg);}} @-webkit-keyframes loading{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}} @-ms-keyframes loading{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg);}} @-o-keyframes loading{from{-o-transform:rotate(0deg);}to{-o-transform:rotate(360deg);}} #loading{position:fixed;top:0;left:0;right:0;bottom:0;display:block;z-index:99;background:rgba(0, 0, 0,0.3);} #lock{position:fixed;top:0;left:0;right:0;bottom:0;display:block;z-index:99;background:rgba(0, 0, 0,0.3);} #loading div{background:rgba(0,0,0,.5);border-radius:5px;position:absolute;left:50%;margin-left:-35px;top:50%;margin-top:-70px;width:70px;height:70px;} #loading a{width:70px;height:70px;background:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:contain;display:block;animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-webkit-animation:loading 2s linear infinite;-ms-animation:loading 1s linear infinite;-o-animation:loading 2s linear infinite;} .dialog{width:280px;background:rgba(255,255,255,.95);border-radius:2px;position:fixed;left:50%;margin-left:-140px;top:30%;} .dialog h1{width:100%;height:30px;text-align:center;line-height:30px;font-size:15px;color:#fff;background:rgb(204,15,42);border-radius:2px 2px 0 0;} .dialog h2{padding:12px 10px;text-align:center;line-height:16px;font-size:14px;color:#000;} .dialog div{width:100%;height:45px;position:relative;} .dialog h2 .red{color:#ce0623;} .dialog div a{width:80px;height:30px;text-align:center;border-top:1px #ddd solid;line-height:30px;font-size:12px;position:absolute;top:0;color:#fff;border-radius:3px;} .dialog div a:nth-child(1){left:20px;background:rgb(106,106,106);} .dialog div a:nth-child(2){right:20px;background:rgb(204,15,42);} #nav{height:60px;width:100%;left:0;background:#000;z-index:10;top:0;position:fixed;} .navb{position:absolute;} .navt{position:fixed;top:0!important;} #nav .center{width:1160px;height:59px;margin:0 auto;border-top:1px #000 solid;} #nav h1{width:300px;height:59px;float:left;background:url(../image/logo.png) 0 50% no-repeat;} #nav h1 a{width:300px;height:59px;float:left;} #nav .nav{float:left;height:59px;float:left;} #nav .nav a{margin:0 23px;height:58px;line-height:58px;float:left;font-size:16px;color:#949494;cursor:pointer;} #nav .nav a.cur{color:#fff;border-bottom:1px #e21c24 solid;} #nav .nav span{width:1px;height:19px;float:left;background:#6f6f6f;margin-top:20px;} #nav .search{width:200px;float:right;height:59px;} #nav .center input{border:none;border:0;width:165px;height:39px;margin-top:10px;line-height:39px;background:none;outline:none;font-size:14px;color:#646464;float:left;} #nav .search a{width:35px;height:59px;float:left;background:url(../image/searchBtn.png) 0 50% no-repeat;cursor:pointer;} .toggleNav{display:none;} #nav .center input::-webkit-input-placeholder{color:#646464;} #nav .center input:-moz-placeholder{color:#646464;} #nav .center input:-ms-input-placeholder{color:#646464;} .splash.ng-enter, .solution.ng-enter, .product.ng-enter, .platform.ng-enter, .history.ng-enter, .core.ng-enter, .leader.ng-enter, .contact.ng-enter, .about.ng-enter{ animation:fadeIn 0.75s both ease-in; -o-animation:fadeIn 0.5s both ease-in; -ms-animation:fadeIn 0.5s both ease-in; -moz-animation:fadeIn 0.5s both ease-in; -webkit-animation:fadeIn 0.5s both ease-in; } .splash.ng-leave, .solution.ng-leave, .platform.ng-leave, .history.ng-leave, .core.ng-leave, .leader.ng-leave, .contact.ng-leave, .about.ng-leave{ display:none; /*animation:fadeOutDown 0.4s both ease-in;*/ /*-o-animation:fadeOutDown 0.2s both ease-in; -ms-animation:fadeOutDown 0.2s both ease-in; -moz-animation:fadeOutDown 0.2s both ease-in; -webkit-animation:fadeOutDown 0.2s both ease-in;*/ } .product.ng-leave{ animation:fadeOut 0.5s both ease-in; -o-animation:fadeOut 0.5s both ease-in; -ms-animation:fadeOut 0.5s both ease-in; -moz-animation:fadeOut 0.5s both ease-in; -webkit-animation:fadeOut 0.5s both ease-in; } /*.product .products .p0.ng-enter,*/ .history .main img.ng-enter{ animation:fadeIn 0.5s both ease-in; -o-animation:fadeIn 0.5s both ease-in; -ms-animation:fadeIn 0.5s both ease-in; -moz-animation:fadeIn 0.5s both ease-in; -webkit-animation:fadeIn 0.5s both ease-in; } .history .main img.ng-enter{ animation:fadeOut 0.5s both ease-in; -o-animation:fadeOut 0.5s both ease-in; -ms-animation:fadeOut 0.5s both ease-in; -moz-animation:fadeOut 0.5s both ease-in; -webkit-animation:fadeOut 0.5s both ease-in; } /*.product .products .p0.ng-leave{display:none;}*/ .splash #logo{ -o-animation:fadeIn 2s both ease-in; -ms-animation:fadeIn 2s both ease-in; -moz-animation:fadeIn 2s both ease-in; -webkit-animation:fadeIn 2s both ease-in; animation:fadeIn 2s both ease-in; } .splash{background:#000;position:relative;width:100%;min-width:1160px;height:100%;} .splash #logo{width:502px;height:312px;position:absolute;left:50%;top:50%;margin-left:-251px;margin-top:-200px;background:url(../image/index2.png) 50% 50% no-repeat;background-size:auto 100%;} .splash #logo a{width:100%;height:100%;cursor:pointer;position:absolute;left:0;top:0;} .splash #logo b{width: 184px;height: 184px;position:absolute;background:url(../image/rotate.png);background-size:100% auto;right: 94px;top: -7px;animation:loading 35s linear infinite;-moz-animation:loading 35s linear infinite;-webkit-animation:loading 35s linear infinite;-ms-animation:loading 35s linear infinite;-o-animation:loading 35s linear infinite;} .video{width:100%;height:100%;position:relative; /*transform:rotate(180deg) scaleY(-1);*/ } .video video{width:100%;height:100%;} .video div{background:rgba(0,0,0,.65);width:100%;height:100%;position:absolute;left:0;top:0;} .solution{ /*background:#eee;position:relative;background-size:auto 100%;position:relative;width:100%;min-width:1200px;padding-top:60px;*/ position:absolute;left:0;top:60px;right:0;bottom:0;background:#eee;min-width:1200px; } #solution{position:relative;width:1200px;height:600px;position:relative;font-size:12px;margin:0 auto;zoom:1;} #solution.bg{background:url(../image/solutionBg.png) 50% bottom no-repeat;background-size:100% auto;} @media screen and (min-width:1800px) and (max-width:2500px){ #solution{zoom:1.3;} } @media screen and (min-width:2500px){ #solution{zoom:1.6;} } #solution img{zoom:0.8;cursor:pointer;} #solution h2{text-align:center;width:100%;text-align:center;} #solution .l0{width:80px;height:353px;position:absolute;border:1px #e63c4a dashed;border-radius:10px;top:70px;z-index:1;} #solution .l0 li{width:80px;height:85px;text-align:center;line-height:1px;} #solution .l0 li div{height:70px;width:80px;text-align:center;} #solution .l0 li div img{margin-top:20px;} #solution .l0 li h2,#solution .l0 li h3{text-align:center;height:15px;line-height:1;} #solution .l1{left:30px;} #solution .l2{left:150px;} #solution span{position:absolute;z-index:3;} #solution .line1:before, #solution .line1:after, #solution .line2:before, #solution .line3:before, #solution .line3:after, #solution .line4:before, #solution .line4:after, #solution .line5:before, #solution .line6:before, #solution .line5:after, #solution .line6:after, #solution .line7:before, #solution .line7:after, #solution .line8:before, #solution .line10:after, #solution .line11:after, #solution .line18:after, #solution .line18:before, #solution .line16:after, #solution .line16:before, #solution .line17:after, #solution .line17:before {content:"";width:8px;height:8px;border:1px #d7ba70 solid;border-radius:5px;position:absolute;background:#eee;z-index:5;} #solution .line1{width:40px;height:0;border-bottom:1px #a2a2a1 dashed;left:110px;top:248px;} #solution .line1:before, #solution .line2:before, #solution .line1:after{border-color:#e63c4a;top:-5px;} #solution .line1:before{left:-4px;} #solution .line1:after{right:-5px;} #solution .line2{width:98px;height:0;border-top:1px #a2a2a1 dashed;left:226px;top:248px;} #solution .line7{width:143px;height:0;border-top:1px #a2a2a1 dashed;left:738px;top:248px;} #solution .line7:before, #solution .line7:after{top:-5px;} #solution .line7:before{left:-4.5px;} #solution .line7:after{right:-4.5px;} #solution .line3{width:0;height:68px;border-right:1px #d7ba70 dashed;left:673px;top:313px;z-index:3;} #solution .line3:before, #solution .line3:after{left:-4.5px;} #solution .line3:before{top:-5px;} #solution .line3:after{bottom:-5px;} #solution .line5, #solution .line6{width:1px;height:23px;border-right:1px #d7ba70 dashed;left:944px;z-index:3;} #solution .line5{top:162px;} #solution .line6{top:315px;} #solution .line5:before, #solution .line6:before, #solution .line5:after, #solution .line6:after{left:-4.5px;} #solution .line5:before, #solution .line6:before{top:-5px;} #solution .line5:after, #solution .line6:after{bottom:-5px;} #solution .line4{width:40px;height:1px;border-top:1px #a2a2a1 dashed;left:1030px;top:248px;position:absolute;z-index:1;} #solution .line4:before, #solution .line4:after{top:-5px;} #solution .line4:before{left:-5px;} #solution .line4:after{right:-5px;} #solution .line8{width:1px;height:40px;border-left:1px #cca53c dashed;left:608px;top:111px;} #solution .line9{width:81px;height:0;border-top:1px #cca53c dashed;left:539px;top:179px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); } #solution .line8:before{left:-5px;top:-5px;} #solution .line10{width:1px;height:40px;border-left:1px #cca53c dashed;left:550px;top:208px;} #solution .line10:after{left:-5px;bottom:-5px;} #solution .line11{width:60px;height:0;border-top:1px #a2a2a1 dashed;left:550px;top:248px;} #solution .line11:after{top:-5px;right:-5px;} #solution .line12{width:50px;height:0;border-top:1px #a2a2a1 dashed;left:318px;top:230px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg); } #solution .line13{width:98px;height:0;border-top:1px #a2a2a1 dashed;left:360px;top:213px;} #solution .line14{width:50px;height:0;border-top:1px #a2a2a1 dashed;left:450px;top:230px; transform:rotate(45deg);-webkit-transform:rotate(45deg); } #solution .line15{width:54px;height:0;border-top:1px #a2a2a1 dashed;left:496px;top:248px;} #solution .line16{width:0;height:32px;border-left:1px #699dbf dashed;left:409px;top:182px;} #solution .line16:before, #solution .line17:before, #solution .line18:before {left:-5px;top:-5px;border-color:#699dbf;} #solution .line16:after, #solution .line17:after, #solution .line18:after {left:-5px;bottom:-5px;border-color:#699dbf;} #solution .line17{width:0;height:42px;border-left:1px #699dbf dashed;left:324px;top:249px;} #solution .line18{width:0;height:42px;border-left:1px #699dbf dashed;left:495px;top:249px;} #solution .j{position:absolute;width:80px;height:15px;text-align:center;line-height:1;left:370px;top:238px;font-size:15px;} #solution .p0{z-index:1;position:absolute;left:200px;width:120px;height:120px;border:1px #699dbf solid;position:absolute;border-radius:50%;} #solution .p0 div{text-align:center;height:50px;padding-top:20px;} #solution .p0 div img{margin-top:5px;} #solution .p0 h2{padding-top:8px;} #solution .p0 h3{text-align:center;} #solution .s:hover{box-shadow:1px 1px 6px 2px #ddd;cursor:pointer;} #solution img:hover, #solution .s:hover>div img{animation:bounce 1s both ease-in; /*animation-iteration-count:infinite;*/ } #solution .s a:hover{color:#e30013;} /*#solution .p0 .t,#solution .p0 .b{width:102px;height:28px;position:relative;} #solution .p0 .t:after, #solution .p0 .t:before, #solution .p0 .b:after, #solution .p0 .b:before{content:"";width:58px;height:1px;background:#699dbf;position:absolute;bottom:14px;} #solution .p0 .t:before{transform:rotate(30deg);-webkit-transform:rotate(30deg);right:-3px;} #solution .p0 .t:after{transform:rotate(-30deg);-webkit-transform:rotate(-30deg);left:-3px;} #solution .p0 .b:after, #solution .p0 .b:before{content:"";width:58px;height:1px;background:#699dbf;position:absolute;bottom:13px;} #solution .p0 .b:before{transform:rotate(-30deg);-webkit-transform:rotate(-30deg);right:-3px;} #solution .p0 .b:after{transform:rotate(30deg);-webkit-transform:rotate(30deg);left:-3px;} */ /*#solution .p0 .c{width:100px;height:62px;border-left:1px #699dbf solid;border-right:1px #699dbf solid;position:relative;} #solution .p0 .c div{text-align:center;height:60px;position:absolute;left:0;width:100%;top:-10px;} #solution .p0 .c div img{margin-top:5px;} #solution .p0 .c h2, #solution .p0 .c h3{position:absolute;left:0;bottom:-5px;text-align:center;width:100%;} #solution .p0 .c h2{line-height:1.5;} #solution .p0 .c h3{line-height:1;}*/ #solution .p00{border-color:#d7ba70;} #solution .p1{top:60px;left:350px;} #solution .p2{top:290px;left:265px;} #solution .p3{top:290px;left:435px;} #solution .p4{top:40px;left:884px;} #solution .p5{top:338px;left:884px;} /*#solution .p00 .t:before, #solution .p00 .t:after, #solution .p00 .b:before, #solution .p00 .b:after{background:#d7ba70;} #solution .p00 .c{border-color:#d7ba70;}*/ #solution .t0{height:24px;line-height:24px;color:#fff;background:#e30013;border-radius:6px;position:absolute;text-align:center;z-index:5;} #solution .t1{top:80px;left:540px;width:140px;} #solution .t2{top:335px;left:640px;width:70px;} #solution .t3{top:237px;left:780px;width:50px;} #solution .e{width:126px;height:126px;border:1px #d7ba70 dashed;border-radius:64px;position:absolute;left:610px;top:185px;} #solution .e div{width:100%;height:100px;text-align:center;} #solution .e div img{margin-top:15px;} #solution .f{width:110px;height:76px;border:1px #d7ba70 dashed;border-radius:10px;position:absolute;left:620px;top:380px;background:#eee;} #solution .f div{width:100%;height:55px;text-align:center;} #solution .f div img{margin-top:11px;} #solution .g{width:128px;height:128px;border:1px #d7ba70 solid;border-radius:10px;position:absolute;left:880px;top:185px;} #solution .g div{width:100%;height:86px;text-align:center;} #solution .g div img{margin-top:25px;} #solution .h0{height:310px;position:absolute;width:1px;background:#d7ba70;top:90px;} #solution .h0:after, #solution .h0:before{content:"";position:absolute;width:6px;height:1px;background:#d7ba70;} #solution .h1:before, #solution .h2:after{transform:rotate(35deg);-webkit-transform:rotate(35deg);} #solution .h1:after, #solution .h2:before{transform:rotate(-35deg);-webkit-transform:rotate(-35deg);} #solution .h1:before{top:-2px;left:-5px;} #solution .h1:after{bottom:-2px;left:-5px;} #solution .h2:before{top:-2px;right:-5px;} #solution .h2:after{bottom:-2px;right:-5px;} #solution .h1{left:1030px;} #solution .h2{left:1070px;} #solution .i{position:absolute;width:90px;height:500px;top:70px;left:1090px;} #solution .i div{height:20%;text-align:center;} #solution .i1{} #solution .i2{} #solution .i3 img{margin-top:10px;} #solution .i4{} #solution .i{ animation:fadeInRight .3s both ease-in; -webkit-animation:fadeInRight .3s both ease-in; } #solution .h0{animation:fadeIn 1s both ease-in;-webkit-animation:fadeIn 1s both ease-in;} #solution .line4, #solution .line5, #solution .line6 {animation:fadeIn 1s both ease-in;-webkit-animation:fadeIn 1s both ease-in;} #solution .g, #solution .p00 {animation:fadeIn 1.5s both ease-in;-webkit-animation:fadeIn 1.5s both ease-in;} #solution .t3, #solution .line7 {animation:fadeIn 1.5s both ease-in;-webkit-animation:fadeIn 1.5s both ease-in;} #solution .e, #solution .t2, #solution .line3, #solution .f {animation:fadeIn 2s both ease-in;-webkit-animation:fadeIn 2s both ease-in;} #solution .t1, #solution .p1, #solution .p2, #solution .p3 {animation:fadeIn 2s both ease-in;-webkit-animation:fadeIn 2s both ease-in;} #solution .j, #solution .line1, #solution .line2, #solution .line8, #solution .line9, #solution .line10, #solution .line11, #solution .line12, #solution .line13, #solution .line14, #solution .line15, #solution .line16, #solution .line17, #solution .line18, #solution .l1, #solution .l2 {animation:fadeIn 2s both ease-in;-webkit-animation:fadeIn 2s both ease-in;} #solution .l, #solution .m, #solution .k{position:absolute;bottom:0;text-align:center;font-size:14px;font-weight:bold;display:none;} #solution .k{width:20%;left:0;color:#e30013;} #solution .l{width:30%;left:20%;color:#005d99;} #solution .m{width:50%;left:50%;color:#c18c00;} #solution{display:none;} #solutionBottom{text-align:center;height:110px;width:630px;position:absolute;left:50%;top:50%;background:url(../image/solutionBottom.png) 50% 50% no-repeat;background-size:contain;margin-left:-315px;margin-top:-93px;z-index:10; animation:zoomIn 1s both ease-in; -webkit-animation:zoomIn 1s both ease-in; /*animation:zoomIn2 1s both ease-in;*/ } /*#solutionBottom h2{font-size:28px;color:#e30013;padding-top:18px;font-weight:bold;line-height:1.5;}*/ /*#solutionBottom p{font-size:18px;color:#595857;font-weight:bold;line-height:1;font-family:"Arial"}*/ .product{background:#fff;position:relative;bottom:0;height:100%;min-height:645px;min-width:1200px;} .product .banner{position:absolute;width:100%;top:60px;bottom:160px;background:#eee;} .product .banner #banner{position:absolute;width:100%;height:100%;left:0;top:0;} .product .banner #banner li{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;display:none;} .product .banner #banner li .b0{width:100%;height:100%;background-size:100% auto; background-position: 50% 50%; background-repeat:no-repeat; } .product .banner #banner li:first-child{display:block;} .product .banner #banner .b1{background-image:url(../image/b1.jpg);} .product .banner #banner .b2{background-image:url(../image/b2.jpg);} .product .banner #banner .b3{background-image:url(../image/b3.jpg);} .product .banner #banner .b4{background-image:url(../image/b4.jpg);} .product .banner #banner .b5{background-image:url(../image/b5.jpg);} .product .banner #banner .b6{background-image:url(../image/b6.jpg);} /*.product .banner #banner li .b0{transition:20s;-webkit-transition:20s;-ms-transition:20s;-moz-transition:20s;-o-transition:20s;}*/ .product .banner #banner li .b0:hover{-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%; transition:20s;-webkit-transition:20s;-ms-transition:20s;-moz-transition:20s;-o-transition:20s; } .product .banner #banner .bc1{position:absolute;left:130px;width:396px;height:235px;background:url(../image/bc1.png);top:40%;margin-top:-155px;} .product .banner #banner .bc2{position:absolute;right:130px;width:692px;height:303px;background:url(../image/bc2.png);top:40%;margin-top:-155px;} .product .banner #banner .bc3{position:absolute;left:130px;width:572px;height:287px;background:url(../image/bc3.png);top:40%;margin-top:-155px;} .product .banner #banner .bc4{position:absolute;right:130px;width:510px;height:349px;background:url(../image/bc4.png);top:40%;margin-top:-155px;} .product .banner #banner .bc5{position:absolute;right:130px;width:557px;height:300px;background:url(../image/bc5.png);top:40%;margin-top:-155px;} .product .banner #banner .bc6{position:absolute;right:130px;width:622px;height:256px;background:url(../image/bc6.png);top:40%;margin-top:-155px;} .product .banner #banner .bc1 a{width:32px;height:32px;position:absolute;cursor:pointer;left:12px;bottom:0;} .product .banner #bannerNav{position:absolute;width:100%;height:60px;left:0;bottom:0;text-align:center;} .product .banner #bannerNav a{width:8px;height:8px;border-radius:7px;border:2px #dadada solid;display:inline-block;margin:0 10px;cursor:pointer;} .product .banner #bannerNav a.cur{background:#e30012;border-color:#e30012;} .product .desc{height:160px;position:absolute;width:100%;text-align:center;background:#eee;left:0;bottom:0;overflow:hidden;} .product .desc .nav{width:960px;height:160px;top:50%;margin:0 auto;} .product .desc .nav a{width:100px;padding-top:85px;height:60px;line-height:60px;float:left;background-position:50% 52px;background-repeat:no-repeat;cursor:pointer;margin:0 18px;} .product .desc .nav .s6{background-image:url(../image/s6.png);} .product .desc .nav .s0{background-image:url(../image/s0.jpg);} .product .desc .nav .s1{background-image:url(../image/s1.jpg);} .product .desc .nav .s2{background-image:url(../image/s2.jpg);} .product .desc .nav .s3{background-image:url(../image/s3.jpg);} .product .desc .nav .s4{background-image:url(../image/s4.jpg);} .product .desc .nav .s5{background-image:url(../image/s5.jpg);} .product .desc .nav a:hover,.product .desc .nav a.cur{color:#e21c24;} .product .desc .nav a:hover{} .product .desc .nav .s6, .product .desc .nav .s0{-o-animation:slideInUp .5s both ease-in;-ms-animation:slideInUp .5s both ease-in;-moz-animation:slideInUp .5s both ease-in;-webkit-animation:slideInUp .5s both ease-in;animation:slideInUp .5s both ease-in; } .product .desc .nav .s1{-o-animation:slideInUp .7s both ease-in;-ms-animation:slideInUp .7s both ease-in;-moz-animation:slideInUp .7s both ease-in;-webkit-animation:slideInUp .7s both ease-in;animation:slideInUp .7s both ease-in; } .product .desc .nav .s2{-o-animation:slideInUp .9s both ease-in;-ms-animation:slideInUp .9s both ease-in;-moz-animation:slideInUp .9s both ease-in;-webkit-animation:slideInUp .9s both ease-in;animation:slideInUp .9s both ease-in; } .product .desc .nav .s3{-o-animation:slideInUp 1s both ease-in;-ms-animation:slideInUp 1s both ease-in;-moz-animation:slideInUp 1s both ease-in;-webkit-animation:slideInUp 1s both ease-in;animation:slideInUp 1s both ease-in; } .product .desc .nav .s4{-o-animation:slideInUp 1.1s both ease-in;-ms-animation:slideInUp 1.1s both ease-in;-moz-animation:slideInUp 1.1s both ease-in;-webkit-animation:slideInUp 1.1s both ease-in;animation:slideInUp 1.1s both ease-in; } .product .desc .nav .s5{-o-animation:slideInUp 1.2s both ease-in;-ms-animation:slideInUp 1.2s both ease-in;-moz-animation:slideInUp 1.2s both ease-in;-webkit-animation:slideInUp 1.2s both ease-in;animation:slideInUp 1.2s both ease-in; } .product .desc2{top:60px;} .product .products{width:1000px;margin:0 auto;padding:300px 0 50px;overflow:hidden;} .product .products .p0{height:306px;border:3px #fff solid;float:left;overflow:hidden;position:relative;text-align:center;width:300px;height:306px;margin:0 10px;display:inline;} .product .products .p0:hover a{display:block;} .product .products .p{position:relative;width:100%;height:184px;text-align:center;background:#eee;} .product .products .p img{max-width:100%;max-height:100%;} .product .products .p a{position:absolute;bottom:10px;height:32px;line-height:32px;display:none;} .product .products .p .view{left:20px;background:url(../image/view.png) 0 50% no-repeat;padding-left:20px;cursor:pointer;} .product .products .p .res{right:20px;background:url(../image/res.png) 0 50% no-repeat;padding-left:30px;cursor:pointer;} .product .products .m{height:46px;border-bottom:2px #e6e6e4 solid;position:relative;float:left;width:100%;} .product .products .m h2{position:absolute;left:0;top:0;height:46px;line-height:46px;border-bottom:2px #9e9e9e solid;font-size:14px;color:#424147;} .product .products .m h2 b{padding-right:3px;} .product .products span{float:left;line-height:35px;} .P{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1002;background:#fff;} .P .Ptitle{position:absolute;height:41px;left:0;top:0;width:100%;} .P .Ptitle a{width:41px;height:41px;position:absolute;right:0;top:0;background:#de1c24;cursor:pointer;z-index:1000;} .P .Ptitle a:before,.P .Ptitle a:after{content:"";width:35px;height:1px;background:#fff;position:absolute;left:3px;top:20px;} .P .Ptitle a:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);} .P .Ptitle a:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} .P .Pcontent{background:#fff;position:absolute;overflow:hidden;top:50px;left:100px;right:18px;bottom:10px;} .P .Pcontent #Pcontent{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;} .P .Pcontent h2{line-height:30px;padding:10px 0;font-size:30px;font-weight:bold;color:#58595b;} .P .Pcontent .span{line-height:18px;height:38px;display:block;border-bottom:2px #57585a solid;margin-right:80px;} .P .Pcontent h3{padding:15px 0;line-height:14px;color:#57585a;} .P .PcontentII{padding-right:80px;} .P .Pcontent .p{line-height:18px;color:#59585d;padding:12px 0;border-bottom:2px #abacae solid;} .P .Pcontent .img{text-align:center;padding:20px 0;} .P .Pcontent .img img{width:100%;} .P .Pcontent .banner{padding:30px 0 20px 0;width:100%;float:left;overflow:hidden;height:auto;} .P .Pcontent .banner img{width:100%;} .P .Pcontent .fl{float:left;} .P .Pcontent .fr{float:right;} .P .Pcontent .table{width:49%;overflow:hidden;} .P .Pcontent .table h4{height:38px;line-height:38px;text-indent:20px;color:#fff;font-weight:bold;background:#dd2525;font-size:16px;border-bottom:1px #fff solid;} .P .Pcontent .table table{width:100%;margin-bottom:10px;} .P .Pcontent .table table thead{} .P .Pcontent .table table thead tr{} .P .Pcontent .table table thead tr td{color:#fff;background:#58595b;text-indent:20px;border:1px #58595b solid;} .P .Pcontent .table table tbody{} .P .Pcontent .table table td{padding:10px 0;} .P .Pcontent .table table tbody tr td{border:1px #c7c7c7 solid;text-align:center;color:#646466;word-break:break-all;word-wrap: break-word;} .P .Pcontent .table table tbody tr td b{color:#646466;} .P .Pcontent .table table tr{border:1px #c7c7c7 solid;} .P .Pcontent .table table tbody .t td{background:#efefef!important;border:none;} .P .Pcontent .table table tbody .t1 td{border:1px #c7c7c7 solid;} .P .slimScrollBar{opacity:1!important;border-radius:0!important;} .P .slimScrollRail{border-radius:0!important;} /*@media only screen and (min-width: 960px) and (max-width: 900px){ .P{width:800px;left:50%;margin-left:-400px;} } @media only screen and (min-width: 768px) and (max-width: 959px){ .P{width:750px;left:50%;margin-left:-375px;} } @media only screen and (max-width: 767px){ .P{width:100%;left:0;margin-left:0;} } @media only screen and (max-width: 666px){ .P .Pcontent .table{width:100%;} .P .Pcontent .fr{float:left;} }*/ .platform{position:absolute;top:60px;background:#eee;min-height:645px;bottom:0;left:0;width:100%;overflow:hidden;} .platform .banner{position:absolute;background:#fff;top:0;width:100%;} .platform .banner .l{width:60%;float:left;height:100%;} .platform .banner .l .l1{width:100%;height:100%;background-position:right 50%;background-repeat:no-repeat;background-size:auto 120%; animation:fadeInLeft .9s both ease-in; -webkit-animation:fadeInLeft .9s both ease-in; } .platform .banner .l #l1{background-image:url(../image/platform/platforml1.png);} .platform .banner .l #l2{background-image:url(../image/platform/platforml2.png);} .platform .banner .l #l3{background-image:url(../image/platform/platforml3.png);} .platform .banner .l #l4{background-image:url(../image/platform/platforml4.png);} .platform .banner .r{width:40%;float:left;height:100%;} .platform .banner .r #r{width:100%;height:100%;background:url(../image/platformr.png) 0 50% no-repeat;background-size:auto 120%; animation:fadeInRight .9s both ease-in; -webkit-animation:fadeInRight .9s both ease-in; } /*.platform .banner{bottom:380px;}*/ .platform .banner{bottom:70%;border-bottom:1px #9d9d9d solid;} .platform .desc{width:100%;overflow:hidden;position:absolute;bottom:0;} /*.platform .desc{height:380px;}*/ .platform .desc{top:30%;} .platform .desc .nav{width:1200px;height:361px;bottom:10px;position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-180px;} .platform .desc .nav .s0{width:220px;height:361px;float:left;overflow:hidden;background-repeat:no-repeat;background-position:50% 20px;cursor:pointer;position:relative;background-size:100% auto;} .platform .desc .nav .s1{margin-right:10px;background-image:url(../image/ps1.jpg);} .platform .desc .nav .s2{margin-right:15px;background-image:url(../image/ps2.jpg);} .platform .desc .nav .s3{margin-right:15px;width:270px;overflow:visible;} .platform .desc .nav .s3 .s31{height:201px;text-align:center;} .platform .desc .nav .s3 .s31 img{height:100%;margin-top:-20px;} .platform .desc .nav .s3 .s32{background:#e30013;height:150px;padding-top:10px;} .platform .desc .nav .s3 .s33{width:90px;height:90px;border-radius:45px;background:#949494;text-align:center;color:#fff;margin:0 auto;} .platform .desc .nav .s3 .s33 p{width:100%;display:block;font-size:46px;font-weight:bold;padding-top:10px;line-height:1.2;} .platform .desc .nav .s3 .s33 span{width:100%;display:block;font-size:14px;} .platform .desc .nav .s3 .s34{text-align:center;color:#fff;margin-top:10px;} .platform .desc .nav .s4{margin-right:10px;background-image:url(../image/ps4.jpg);} .platform .desc .nav .s5{background-image:url(../image/ps5.jpg);} .platform .desc .nav a{width:100%;height:160px;background:rgba(0,0,0,.75);position:absolute;left:0;bottom:-160px;background-position:50% 50%;background-repeat:no-repeat;} .platform .desc .nav b{width:0%;height:20px;background:#e30013;position:absolute;bottom:0;} .platform .desc .nav .s1_2{right:0;} .platform .desc .nav .s4_5{left:0;} .platform .desc .s0 .s01{width:100%;height:32px;text-align:center;padding:32px 0 5px;} .platform .desc .s0 .s01 img{height:32px;} .platform .desc .s0 .s02{text-align:center;} .platform .desc .s0 .s02 h2{height:30px;color:#fff;font-size:14px;line-height:30px;font-weight:bold;} .platform .desc .s0 .s02 h3{height:20px;font-size:12px;line-height:1;font-weight:bold;} .platform .desc .s0 .s12 h3{color:#e67700;} .platform .desc .s0 .s22 h3{color:#606890;} .platform .desc .s0 .s42 h3{color:#ce7453;} .platform .desc .s0 .s52 h3{color:#0069a4;} .about{position:relative;padding-top:20px;background:#eee;} .about .aboutTop{height:100%;height:550px;background:#000 url(../image/bg_aboutus.jpg) 50% 50% no-repeat;min-width:1200px;position:relative;background-size:auto 550px;} @-webkit-keyframes zoomIn2{ 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 70%{ opacity:0; } 100%{ opacity:1; } } @keyframes zoomIn2{ 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 70%{ opacity:0; } 100%{ opacity:1; } } .about .aboutTop h1{line-height:70px;color:#fff;font-size:50px;text-align:center;position:absolute;width:100%;height:172px;left:0;top:50%;margin-top:-100px;font-weight:800;letter-spacing:16px; -o-animation:zoomIn2 1s both ease-in; -ms-animation:zoomIn2 1s both ease-in; -moz-animation:zoomIn2 1s both ease-in; -webkit-animation:zoomIn2 1s both ease-in; animation:zoomIn2 1s both ease-in; } .about .aboutNav1{width:770px;height:202px;margin:0 auto 50px auto;position:relative;margin-top:-100px;overflow:hidden; } .about .aboutNav1 a{width:210px;height:200px;border:1px #646464 solid;float:left;position:absolute;top:0;cursor:pointer; -o-animation:fadeInUp 1s both ease-in; -ms-animation:fadeInUp 1s both ease-in; -moz-animation:fadeInUp 1s both ease-in; -webkit-animation:fadeInUp 1s both ease-in; animation:fadeInUp 1s both ease-in; } .about .aboutNav1 a:hover span{background:#e21c24;} .about .aboutNav1 .nav1{background:url(../image/about-nav1.jpg);background-size:100% 100%;left:0;} .about .aboutNav1 .nav2{background:url(../image/about-nav2.jpg);background-size:100% 100%;left:50%;margin-left:-101px;} .about .aboutNav1 .nav3{background:url(../image/about-nav3.jpg);background-size:100% 100%;right:0;} .about .aboutNav1 a span{line-height:40px;text-align:center;background:#323232;font-size:16px;color:#fff;width:100%;height:40px;position:absolute;bottom:0;left:0;} .about .desc{width:866px;margin:0 auto;padding:0px 0; -o-animation:fadeInUp 2s both ease-in; -ms-animation:fadeInUp 2s both ease-in; -moz-animation:fadeInUp 2s both ease-in; -webkit-animation:fadeInUp 2s both ease-in; animation:fadeInUp 2s both ease-in;} .about .desc p{line-height:26px;color:#59595b;padding:15px 0;font-size:16px;} .history{position:relative;padding-top:60px;background:#fff;} .history .linecontent{border-top:1px #838281 dashed;position:absolute;top:300px;left:170px;right:350px;} .history .linecontent:before{content:"";width:9px;height:9px;background-color:#595857;border-radius:5px;position:absolute;left:0;top:-5px;} .history .main{padding:10px;} .history .main img{float:right;margin-bottom:10px;margin-left:10px;} .history .aboutUsKey{position:absolute;right:0px;top:300px;width:300px;} .history .aboutUsKey:after{content:"";width:30px;top:0;right:0;border-top:1px #838281 dashed;height:1px;position:absolute;} .history .aboutUsKey .desc{border-top:1px #e51022 solid;width:170px;float:left;margin-right:10px;line-height:2;font-size:14px;color:#595857;padding-top:20px;padding-right:20px;word-break:break-all;} .history .aboutUsKey .aboutUsT{width:67px;position:relative;float:left;} .history .aboutUsKey .aboutUsT a{width:67px;height:40px;display:block;text-align:center;font-weight:bold;line-height:40px;font-size:13px;color:#595857;cursor:pointer;} .history .aboutUsKey .aboutUsT .cur{height:87px!important;background:url(../image/cur.png) 50% 50% no-repeat;line-height:87px;color:#e30013!important;font-size:18px!important;} .history .aboutUsKey .aboutUsT .b{color:#e30013!important;} .aboutNav2{position:fixed;left:10px;top:50%;margin-top:-90px;height:180px;width:150px;} .aboutNav2 a{height:40px;width:100%;float:left;padding-left:50px;line-height:40px;margin:8px 0;background-position:0 50%;background-repeat:no-repeat;background-size:40px auto;} .aboutNav2 .nav1{background-image:url(../image/about-nav_1.jpg);} .aboutNav2 .nav2{background-image:url(../image/about-nav_2.jpg);} .aboutNav2 .nav3{background-image:url(../image/about-nav_3.jpg);} .aboutNav2 a:hover,.aboutNav2 a.cur{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-moz-transform-origin:0 50%;-webkit-transform-origin:0 50%;-o-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;} .coreBg{position:relative;background:#fff;} .core{background:#fff;position:absolute;top:60px;bottom:0;width:100%} .core .banner{position:relative;width:100%;height:100%;} .core .banner #banner{position:absolute;width:100%;height:100%;left:0;top:0;} .core .banner #banner li{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;display:none;} .core .banner #banner li:first-child{display:block;} .core .banner #banner .b1{background:#fff url(../image/c1.jpg) 50% 50% no-repeat;background-size:auto 60%;} .core .banner #banner .b2{background:#000 url(../image/c2.jpg) 50% 50% no-repeat;background-size:100% auto;} .core .banner #banner .b3{background:#fff url(../image/c3.png) 50% 50% no-repeat;background-size:auto 60%;} .core .banner #banner .b2 .bc21{position:absolute;width:150px;height:500px;background:url(../image/bc21.png) right 50% no-repeat;top:50%;right:100px;margin-top:-252px;background-size:auto 500px;} .core .banner #banner .b2 .bc22{position:absolute;width:542px;height:300px;background:url(../image/bc22.png) 0 50% no-repeat;top:50%;margin-top:-170px;left:150px;background-size:auto 300px;} .core .banner #bannerNav{position:absolute;width:100%;height:60px;left:0;bottom:0;text-align:center;} .core .banner #bannerNav a{width:8px;height:8px;border-radius:7px;border:2px #dadada solid;display:inline-block;margin:0 10px;cursor:pointer;} .core .banner #bannerNav a.cur{background:#e30012;border-color:#e30012;} .leaderBg{position:relative;background:#e6e6e8;} .leader{background:#e6e6e8;position:absolute;top:60px;bottom:0;width:100%} .leader .banner{position:relative;width:100%;height:100%;} .leader .banner #banner{position:absolute;width:100%;height:100%;left:0;top:0;} .leader .banner #banner li{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;display:none;} .leader .banner #banner li:first-child{display:block;} .leader .banner #banner .b1{background:#e6e6e8 url(../image/d1.jpg) 50% 50% no-repeat;background-size:auto 80%;} .leader .banner #banner .b2{background:#082231 url(../image/d2.jpg) right bottom no-repeat;background-size:100% auto;} .leader .banner #banner .b3{background:#e6e6e8 url(../image/d3.jpg) 50% 50% no-repeat;background-size:auto 80%;} .leader .banner #banner .b4{background:#e6e6e8 url(../image/d4.jpg) 50% 50% no-repeat;background-size:auto 80%;} .leader .banner #banner .b2 .bc2{position:absolute;width:655px;height:646px;margin-top:-323px;background:url(../image/bd21.png) 0 50% no-repeat;top:50%;left:200px;background-size:auto 60%;} .leader .banner #bannerNav{position:absolute;width:100%;height:60px;left:0;bottom:0;text-align:center;} .leader .banner #bannerNav a{width:8px;height:8px;border-radius:7px;border:2px #dadada solid;display:inline-block;margin:0 10px;cursor:pointer;} .leader .banner #bannerNav a.cur{background:#e30012;border-color:#e30012;} .contactBg{background:rgb(251,251,251);} .contact{position:relative;padding-top:60px;} .contact .banner{padding:50px 0;} .contact .banner #pic{width:1080px;height:500px;background:url(../image/contact.png) 50% 50% no-repeat;background-size:contain;margin:0 auto;cursor:pointer;} #bottom{width:100%;bottom:0;position:relative;left:0;} .bottom,.copy{min-width:1160px;width:100%;} .center{width:1160px;margin:0 auto;} .bottom{height:230px;background:#404146;overflow:hidden;} .bottom .center{position:relative;height:230px} .bottom .center .qr{width:100px;height:20px;position:absolute;right:0px;top:70px;padding-top:100px;text-align:center;line-height:20px;color:#fff;background:url(../image/qr.jpg) 50% 5px no-repeat;} .copy{height:63px;background:#26272b;} .copy p{height:63px;float:left;} .copy p a{color:#a1a1a1;padding:0 15px;line-height:63px;font-size:14px;} .copy p a:hover{color:#e01b22;} .copy span{line-height:63px;float:right;padding-right:10px;color:#a1a1a1;} .fixedCopy{position:fixed;left:0;bottom:0;width:100%;background:rgba(38,39,43,.2);height:22px;} .fixedCopy .center{text-align:center;line-height:22px;} .bottomSocial{width:300px;float:left;padding:0 10px;} .bottomSocial2{width:300px;float:left;padding:0 10px;padding-top:62px;overflow:hidden;} .bottomSocial2 img{width:120%;margin:-5px 0 0 -30px;} .bottomSocial .title{padding-top:36px;height:82px;} .bottomSocial .title .font24{color:#fdfdfd;font-size:24px;line-height:28px;margin-bottom:8px;} .bottomSocial .title .font12{color:#d7d7d7;font-size:12px;} .socialLinks{overflow:hidden;} .socialLinks li{width:56px;height:56px;float:left;} .socialLinks li a{width:56px;height:56px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-color:#e01b22;} .socialLinks li a:hover{background-color:#2f343a;} .facebook-link{background-image:url(../image/social/facebook-hover.png);} .vimeo-link{background-image:url(../image/social/vimeo-hover.png);} .flickr-link{background-image:url(../image/social/flickr-hover.png);} .googleplus-link{background-image:url(../image/social/googleplus-hover.png);} .linkedin-link{background-image:url(../image/social/linkedin-hover.png);} .pintrest-link{background-image:url(../image/social/pintrest-hover.png);} .weibo-link{background-image:url(../image/social/weibo-hover.png);} .skype-link{background-image:url(../image/social/skype-hover.png);} .twitter-link{background-image:url(../image/social/twitter-hover.png);} .weixin-link{background-image:url(../image/social/weixin-hover.png);} .standartPost span{background-image:url(../image/icon-standart-post.png);} .imagePost span{background-image:url(../image/icon-image-post.png);} .videoPost span{background-image:url(../image/icon-video-post.png);} .footerLoc span{background-image:url(../image/icon_footer_loc.png);} .footerPhone span{background-image:url(../image/icon_footer_phone.png);} .footerMail span{background-image:url(../image/icon_footer_mail.png);} .page .prev{background-image:url(../image/prev-small.png);} .page .next{background-image:url(../image/next-small.png);} .latestPost{width:300px;float:left;padding:0 5px;padding-top:62px;} .latestPost li{height:56px;} .latestPost li span{width:56px;height:56px;float:left;background-color:#565a60;background-repeat:no-repeat;background-position:50% 50%;} .latestPost li div{padding:7px 0 0 10px;float:left;color:#d1d1d1;} .latestPost li div a{color:#fff;} .latestPost li div h4 a{color:#fff;line-height:18px;} .latestPost li div h4 a:hover{color:#e01b22;} .latestPost li div i{line-height:18px;color:#d1d1d1;} @media (-webkit-min-device-pixel-ratio: 1.5), not all, not all, not all, (min-resolution: 1.5dppx){ .facebook-link{background-image:url(../image/social/facebook-hover@2x.png);background-size:24px auto;} .vimeo-link{background-image:url(../image/social/vimeo-hover@2x.png);background-size:24px auto;} .flickr-link{background-image:url(../image/social/flickr-hover@2x.png);background-size:24px auto;} .googleplus-link{background-image:url(../image/social/googleplus-hover@2x.png);background-size:24px auto;} .linkedin-link{background-image:url(../image/social/linkedin-hover@2x.png);background-size:24px auto;} .pintrest-link{background-image:url(../image/social/pintrest-hover@2x.png);background-size:24px auto;} .weibo-link{background-image:url(../image/social/weibo-hover@2x.png);background-size:24px auto;} .skype-link{background-image:url(../image/social/skype-hover@2x.png);background-size:24px auto;} .twitter-link{background-image:url(../image/social/twitter-hover@2x.png);background-size:24px auto;} .weixin-link{background-image:url(../image/social/weixin-hover@2x.png);background-size:24px auto;} .standartPost span{background-image:url(../image/icon-standart-post@2x.png);background-size:auto 19px;} .imagePost span{background-image:url(../image/icon-image-post@2x.png);background-size:auto 19px;} .videoPost span{background-image:url(../image/icon-video-post@2x.png);background-size:auto 19px;} .footerLoc span{background-image:url(../image/icon_footer_loc@2x.png);background-size:auto 19px;} .footerPhone span{background-image:url(../image/icon_footer_phone@2x.png);background-size:auto 19px;} .footerMail span{background-image:url(../image/icon_footer_mail@2x.png);background-size:auto 19px;} .page .prev{background-image:url(../image/prev-small@2x.png);background-size:9px auto;} .page .next{background-image:url(../image/next-small@2x.png);background-size:9px auto;} .product .products .p .view{background-image:url(../image/view@2.png);background-size:auto 23px;} .product .products .p .res{background-image:url(../image/res@2.png);background-size:auto 18px;} } @media screen and (max-width:320px){html{font-size:32px;}} @media screen and (min-width:321px) and (max-width:375px){html{font-size:37.5px}} @media screen and (min-width:376px) and (max-width:480px){html{font-size:41.4px}} @media screen and (min-width:481px) and (max-width:640px){html{font-size:64px}} @media screen and (min-width:641px) and (max-width:720px){html{font-size:72px}} @media screen and (min-width:721px) and (max-width:750px){html{font-size:75px}} @media screen and (min-width:751px){html{font-size:80px}} /*适配*/ /*"px_to_rem":32,*/ .solution_temporary{display:none;} @media screen and (max-width:768px){ #nav{z-index:1000;background:none;} body.lock{overflow:scroll;} #nav .center{width:100%;border:none;} #nav .nav span{display:none;} #nav .nav{position:fixed;left:0;top:0;background:#000;height:auto;bottom:0;z-index:1000;right:0;} #nav .nav a{float:none;height:42px;line-height:42px;display:block;margin-right:2px;} .navHidden{display:none;} #nav .search{position:fixed;left:23px;top:330px;right:10px;width:auto;z-index:1001;} #nav .center input{width:100%} #nav .search a{position:absolute;top:0;right:0;} #nav h1{width:40px;height:40px;top:0;left:0;background:#323232 url(../image/logo2@.png) 50% 50% no-repeat;background-size:60% auto;} #nav h1 a{width:40px;height:40px;} .toggleNav{display:block;position:fixed;width:40px;height:40px;top:41px;left:0;background:#e02020 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAsCAYAAAA6ndXBAAAAi0lEQVRoQ+3Ziw3AIBRCUd7+Q7cmtv5W8DgCeRC41tNeLn9FhIQIzQVEIEIPw7o8E4nwH4BLYAeZMOKQHdiBHdhh7UcyQSbIBJkgE47ViCfgCV8wYozwWocqLoEI8Bq8tnQFA8qAMqAMKAPqHFC+4fxFKkvKkrK0J6HGqDEiS7MxgiqgCrw2egI7JC84mD/tr3ktawAAAABJRU5ErkJggg==) 50% 50% no-repeat;background-size:20px auto;} .splash{min-width:100%;} .video video{display:none;} .splash #logo{width:10.0rem;height:8.32rem;background-size:contain;left:50%;top:50%;margin:0; transform:translate(-50%,-50%) scale(0.9); -webkit-transform:translate(-50%,-50%) scale(0.9); } .splash #logo b{width:3.2rem;height:3.2rem;right:2.1rem;top:1.15rem;} .solution{min-width:100%;width:100%;top:0;} #solution{width:100%;top:1.5rem;display:none!important;} .solution_temporary{display:block;width:100%;} #solutionBottom{display:none;} #solution .l0{ width:9.0rem; height:2.7rem; left:0.5rem; } #solution .l0 li{ width:2.25rem; height:2.7rem; float:left; } #solution .l0 li div{ width:2.25rem; height:2.0rem; position:relative; } #solution .l0 li div img{ margin-top:0; animation:none; } #solution img{ zoom:1; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:64%; max-height:64%; } #solution .l1{ top:1.5rem; } #solution .l0{border-color:#a2a2a1;} #solution .l2{ top:6rem; } #solution .line1{ height: 1.8rem; width: 0; border:none; border-left: 1px #a2a2a1 dashed; left: 5rem; top: 4.235rem; } #solution .line1:before, #solution .line2:before{left:-5px;background:#e63c4a;} #solution .line1:after{top:auto;bottom:-5px;left:-5px;right:auto;background:#e63c4a;} #solution .line2 { width: 0; height: 2rem; border:none; border-left: 1px #a2a2a1 dashed; left: 5rem; top: 8.735rem; } #solution .line17 { width: 0; height: 42px; border-left: 1px #699dbf dashed; left: 324px; top: 249px; } .product{width:100%;min-width:100%;} .product .banner{top:0;} .product .banner #banner{ } .product .banner #banner li .b0{background-size:auto 100%;} .product .banner #banner .bc1{left:10px;height:310px;} .product .banner #banner .bc2{right:10px;height:240px;} .product .banner #banner .bc3{left:10px;height:240px;} .product .banner #banner .bc4{right:10px;height:260px;} .product .banner #banner .bc5{right:10px;height:240px;} .product .banner #banner .bc6{right:10px;height:240px;} .product .banner #banner .bc1 a{width:32px;height:32px;position:absolute;cursor:pointer;left:12px;bottom:0;} .product .banner #banner .bc1, .product .banner #banner .bc2, .product .banner #banner .bc3, .product .banner #banner .bc4, .product .banner #banner .bc5, .product .banner #banner .bc6{top:20%;background-size:contain;margin:0;background-repeat:no-repeat;width:300px;} .product .desc{overflow:scroll;} .product .desc2{top:0;} .product .products{padding-top:180px;} .product .desc:before{content:"";position:fixed;width:70px;height:70px;bottom:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;z-index:10;} .product .desc .nav{width:700px;height:100px;} .product .desc .nav a{margin:0;padding-top:60px;height:40px;background-position:50% 32px;} .product .products .p0{margin:0 auto;float:none;display:block;} .product .products{width:100%;} .product .products .p a{display:block;} .P .Pcontent{top:20px;left:15px;right:0;bottom:5px;} .P .Pcontent .span{margin-right:15px;} .P .PcontentII{padding-right:15px;} .P .Pcontent .table{width:100%;} .platform{top:0;} .platform{bottom:auto;overflow:scroll;} .platform .banner{position:relative;bottom:auto;height:200px;} .platform .banner .l .l1{background-position:50% 50%;background-repeat:no-repeat;background-size:auto 90%;} .platform .banner .r #r{background-size:auto 80%;} .platform .desc{position:relative;top:auto;} .platform .desc .nav{width:100%;margin:0;left:0;height:auto;overflow:hidden;position:relative;top:0;} .platform .desc .nav .s3{display:none;} .platform .desc .nav .s0{margin:0 auto;float:none;width:100%;background-size:auto 100%;} .about{padding:0;} .about .aboutTop{min-width:100%;height:300px;background-size:auto 300px;} .about .aboutTop h1{font-size:20px;line-height:1.5;height:60px;margin:0;letter-spacing:6px;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .about .aboutNav1{margin:0 auto;height:auto;width:9.0625rem;position:relative;height:2.75rem;margin-top:-1.3125rem;} .about .aboutNav1 a{width:2.75rem;height:2.75rem;position:relative;background-size:100% auto!important; position:absolute;top:0; } .about .aboutNav1 .nav1{left:0;} .about .aboutNav1 .nav2{left:50%;margin-left:-1.375rem;} .about .aboutNav1 .nav3{right:0;} .about .aboutNav1 a span{height:0.75rem;line-height:0.75rem;width:auto;right:0;font-size:0.375rem} .about .desc{width:80%;} .aboutNav2{ top:auto; bottom:10px; z-index:999; overflow:hidden; width:150px; height:116px; } .history .aboutNav2{ position:absolute; bottom:0; } .aboutNav2 a{ /*background-color:rgba(255,255,255,0.5);*/ color:#000; margin:0 0 6px; height:30px;line-height:30px;font-size:12px; padding-left:40px; background-size:auto 100%; } .aboutNav2.s3 a{color:#fff;} .aboutNav2 a:hover,.aboutNav2 a.cur{ margin:6px 0 12px 0; /*-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);*/ } .history .aboutUsKey{ top:64px; width:100%; } .history .linecontent{ position: relative; left: 0; right: 0; top: 0; margin: 0 50px 0 0; } #nav{width:200px;} .core .banner #banner li{background-size:95% auto!important;} .core .banner #banner .b1{background:#fff url(../image/c1_1.jpg) 50% 50% no-repeat;background-size:auto 60%;} .core .banner #banner .b2 .bc22{width:200px;margin:0;left:3%;top:20%;background-size:100% auto;background-position:0 0;height:200px;} .core .banner #banner .b2 .bc21{display:none;} .leader,.core{top:0;} .leader .banner #banner li{background-size:95% auto!important;} .leader .banner #banner .b2 .bc2{margin:0;width:260px;background-position:0 0;height:260px;left:20px;top:90px;background-size:100% auto;} .contact .banner{padding:0;} .contact .banner #pic{width:100%;height:230px;} .bottom{height:auto;} .center{width:100%;} .bottom, .copy{min-width:100%;} .bottom .center{overflow:hidden;height:auto;} .bottom .center .qr{top:auto;bottom:10px;font-size:12px;} .copy,.copy p{height:40px;} .copy p a{line-height:40px;padding:0 10px;} .copy span{line-height:40px;font-size:12px;} .history{padding-top:70px;padding-bottom:120px;} .history .aboutUsKey:after{display:none;} .history .aboutUsKey .desc{border-top:none;padding:0;margin:0;width:100%;padding:20px 60px 0 20px;box-sizing:border-box;font-size:12px;line-height:1.3;} .history .aboutUsKey .aboutUsT{position:fixed;top:0;right:0;bottom:0;height:100%;border-left:1px #838281 dashed;width:40px;} .history .aboutUsKey #aboutUsT{top:0!important;} .history .aboutUsKey .aboutUsT a{width:40px;margin:40px 0;position:relative;} .history .aboutUsKey .aboutUsT a:before{position:absolute;width:6px;height:6px;border:1px #838281 solid;border-radius:4px;content:"";left:-4px;top:16px;background:#fff;} .history .aboutUsKey .aboutUsT .b{color:#595857!important;} .history .aboutUsKey .aboutUsT .cur{background:none;height:40px!important;line-height:40px!important;font-size:13px!important;} .history .aboutUsKey .aboutUsT .cur:before{border-color:#e30013;} .history .main{padding-top:70px;overflow:hidden;} .history .main img{zoom:0.7;max-width:100%;} } .languages{position:absolute;top:0;right:0px;line-height:25px;color:#fff;z-index:99;} .languages a{color:#fff;padding:0 15px;}