@charset "utf-8"; *,*:before,*:after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html,body { height: 100%; width: 100%; min-width: 1200px; color: #333; } body,input,button,select { font-family: "Microsoft YaHei", sans-serif; font-size: 14px; background: #fff; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #b0b0b0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; } select::-ms-expand { display: none; } html{overflow-x: hidden} input[type="button"],input[type="submit"],input[type="reset"],input[type="date"],input[type="text"],input[type="tel"],button { -webkit-appearance: none;appearance: none;font-family: 'Microsoft YaHei';border-radius: 0;outline: none; border: 0;} select { outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none;} textarea { -webkit-appearance: none; appearance: none; outline: none;} table {border-collapse: collapse; border-spacing: 0; } fieldset,img {border: 0px;} address,caption,cite,code,dfn,th,var,em,i {font-weight: normal;font-style: normal; } ol,ul {list-style-image: none;list-style:none; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;font-weight:100;} a {text-decoration:none;color:#333;outline:none;} a:active {star:expression(this.onFocus=this.blur());} .clearfix{*zoom:1} .clearfix:after{display:block;clear:both;content:"\0020";visibility:hidden;height:0} /* my通用样式 */ .fl {float:left;} .fr {float:right;} .abs{position:absolute;} .rel{position:relative;} .cli { overflow:hidden;} .center{width:1200px; margin:0 auto; overflow:hidden;} .center2{width: 1200px;margin: 0 auto;} .flex{ width:1200px; margin:0 auto; overflow:hidden;} .flex2{ width:1200px; margin:0 auto;} .yfont { color:#ffc045;} .bfont { color:#13bfd9;} .lfont { color:#6db005;} .pfont { color:#f9607e;} .gfont { color:#999;} .fred { color:#d71a11;} .mt5 { margin-top:5px;} .mt15 { margin-top:15px; } .ml0 { margin-left:0px;} .ml10 { margin-left:10px;} .mt20 { margin-top:20px;} .mt30 { margin-top:30px;} .pd25 { padding-top:25px;} .mt40 { margin-top:40px;} .mt50 { margin-top:50px;} .mt80 { margin-top:80px;} .mr0 { margin-right:0;} .b0 { border:none !important;} .bg0 { background:none;} .gary-bg { background:#f5f5f5; padding-bottom:80px; overflow: hidden} .cli { overflow:hidden;} .tb-box { overflow: hidden;} .dlay1 { animation-delay:0.1s;} .dlay2 { animation-delay:0.2s;} .dlay3 { animation-delay:0.3s;} .dlay4 { animation-delay:0.4s;} .dlay5 { animation-delay:0.5s;} .dlay6 { animation-delay:0.6s;} .dlay7 { animation-delay:0.7s;} .dlay8 { animation-delay:0.8s;} .dlay9 { animation-delay:0.9s;} .dlay10 { animation-delay:1s;} .tb-box img{-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;display: block;} .tb-box:hover img {transform: scale(1.1);transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-ms-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-moz-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-webkit-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);-o-transform: rotate(0deg) scale(1.1, 1.1) skew(0deg) translate(0, 0);} /*******公用样式*****************/ body{ max-width: 100%;} #space{width: 100%; height:400px; z-index:19;} #mydiv { width: 100%; height:430px; z-index:19; opacity: .3;} .title{text-align:center; margin-top:50px; color:#a8a8a8;line-height:38px; background:url(/public/home/images/title.png) center 15px no-repeat; } .title h1 { font-size:30px; font-weight:bold; color:#4c4f52;} .title h3 { font-size:14px;} .title p{ display:inline-block; position:relative; color:#363636; font-size:30px;line-height:50px;} .title p:before,.title p:after { content:""; position:absolute; bottom:0; width:50%; height:2px; background:#e60012; /* animation:tit99 2s linear infinite;*/} .title p:before,.case-top a:before { right:50%;} .title p:after,.case-top a:after { left:50%; } .b_f_center i{ float:left;} @keyframes tit99{ 0%{ width:0} 50%{ width:50%;} 100%{ width:0;} } .line:after { content:""; position:absolute; bottom:-10px; width:0%; height:2px; width:0; background:#232e3a; transition:all .3s linear; -webkit-transition:all .3s linear; } .line-on:after { width:30%;} .cool-l2 span{ display: none; position:absolute;background:#2e66cb;-webkit-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-moz-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);-o-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)} .cool-l2 .line1{left:-1px;top:-1px;width:0%;height:1px} .cool-l2 .line2{right:-1px;top:-1px;width:1px;height:0%} .cool-l2 .line3{right:-1px;bottom:-1px;width:0%;height:1px} .cool-l2 .line4{left:-1px;bottom:-1px;width:1px;height:0%} .cool-l2:hover .line1,.cool-l2:hover .line3{width: 270px;} .cool-l2:hover .line2,.cool-l2:hover .line4{height:300px;} /*********导航********************/ .hd-bg { position:absolute; left:0; top:0; width:100%; height:100px; z-index:101;} .head{height:100px; width:90%; position:relative; margin: 0 auto;} .logo { height:68px; float:left; margin-top:16px;} .kj-nav { float:right; margin:0px 30px 0 0; font-size:16px; height:100px;line-height:100px; z-index:100; position:relative } .kj-nav a { margin: 0 8px; color:#fff; letter-spacing: 2px;} .kj-nav .navlev { position: relative;} .mynav ul{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; padding: 0;} .mynav a{display: block; text-decoration: none; position:relative; z-index:97} .mynav li:not(:last-child) {margin-right: 20px;} .target{position: absolute; border-bottom: 4px solid transparent; -webkit-transform: translate(-60px,0px); transform: translate(-60px,0px); z-index:96; height:0px !important; margin-top:97px;} .mynav a,.target{-webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;} .kj-nav .hover { height:97px; line-height:97px;} .kj-nav li.abc1 { border:none; } /********导航下啦******/ .kj-nav .navlev .lev2{position:absolute; left:-15px; top:100px; z-index:1000; padding-top:5px; text-align:center; padding:6px 0; background: rgba(82,74,71,.5); transform: scale(0);filter: scale(0);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;opacity: 0;} .kj-nav .navlev:hover .lev2{transform: scale(1);filter: scale(1);filter: transform;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;cursor: pointer; opacity: 1;} .kj-nav .navlev .lev2 a{ float:left; width:100px;font-size:14px; line-height:30px; color:#fff; padding:0; letter-spacing: 0;} .kj-nav .navlev .lev2 a:hover{ color:#ffc045;} .kj-nav .navlev .tbnav1 a:last-child { font-size: 12px;} /********导航下啦******/ .kj-nav .navlev .lev2 a div{ width:32px; height:38px; display:block; margin:0 auto; margin-top:10px;} /*******************/ /**************/ /***客服底部**/ /******尾部************/ .cnzz { position:absolute; left:0; bottom:0;} .fd-link{line-height:36px; padding:27px 0; font-size:16px; padding-left:160px; width:1215px; position:relative; background:url(/public/home/images/flink.jpg) 17px 33px no-repeat} .fd-link a{display:inline-block; margin:0 15px;} .fd-link a:hover{color:#fbb428; text-decoration:underline;} .foot-bg{height:490px; overflow:hidden; position:relative; background: #4c555f} .foot{ width:1200px; position:absolute;bottom:0; left:50%; margin-left: -600px; height:80px; line-height:30px; font-size:14px; text-align:center; color:#b3cce1; z-index:30; border-top: 1px solid #324253; padding-top: 10px; } .foot a { color:#b3cce1;} .foot-top{position:absolute; left:50%; margin-left:-600px; top:20px;height:350px; z-index:30;} .foot-nav{overflow:hidden; float:left; margin-top:30px} .foot-nav li{float:left; width:144px; font-size:14px; line-height:30px;} .foot-nav li a{color:#b3cce1; display:block;} .foot-nav li h1{color:#fff; font-size:20px; padding-bottom:13px; margin-bottom:13px; position:relative} .foot-nav li h1:before{content:""; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#fff;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;} .foot-nav li a:hover{text-decoration:underline; color:#008bff;} .foot-nav li a:first-child:hover{text-decoration:none;} .foot-nav li:hover h1:before{width:46px;} .wei-right{ margin-top:42px; float:right; width:280px; color:#bdd1e7; line-height:28px;} .foot-tel { margin-bottom:10px; height:34px; line-height:34px; background:url(/public/home/images/foot-tel.png) 0 no-repeat; padding-left:45px; color:#eeb131; font-size:26px; } .foot-xx { color:#e3e3e3; padding-left:40px; line-height:30px;} .dhua { background:url(/public/home/images/hot-tel.png) 0px no-repeat;} .dhua2 { background:url(/public/home/images/mail.png) 0px no-repeat;} .wei-img{ overflow:hidden; border-top:1px solid #555554; margin-top:10px; padding-top:20px; line-height:30px; color:#e3e3e3;} .wei-img2{ width:112px; text-align:center; margin-right:28px; float:left; position:relative} .wei-img2 img{ width:112px; height:112px; display:block; transition: all 0.3s; } .foot-right { width: 330px; float: right; margin-top: 40px; color: #b3cce1; line-height: 24px;} .foot-right .tbt { color: #b3cce1; font-size: 24px; line-height: 34px; margin-bottom: 10px; } .foot-right .tbt h1 { color: #008bff;} .foot-wei { width:130px; height: 130px; float: left; position: relative; margin-right: 20px;} .f-weimg { width:130px; height: 130px; position: absolute; right: 0; bottom: 0; transition: all .3s;} .foot-wei:hover .f-weimg {/* width: 160px; height: 160px; */} .yq-tab { overflow:hidden; position: absolute; bottom: 80px; left: 50%; margin-left: -600px; width: 1200px; height: 120px; z-index: 50; border-top: 1px solid #324253; padding: 15px 0 ; } .yq-tab .hd { overflow:hidden;} .yq-tab .hd li { float:left; color:#b1b1b1; font-size:16px; margin-right:36px; padding:0 2px; height:30px; line-height:30px; cursor:pointer; position: relative;} .yq-tab .hd li::before,.yq-tab .hd li::after { position: absolute; content: ""; width: 0; bottom: 0; left: 50%; height: 2px; background: #fff; transition: all .3s; } .yq-tab .hd li::after { left: auto; right: 50%; } .yq-tab .hd li.on { color:#ffffff;} .yq-tab .hd li.on:before,.yq-tab .hd li.on:after { width: 50%;} .yq-tab .bd { overflow:hidden; margin-top:10px;} .yq-tab .bd .yq-inn { position:relative; left:-30px !important; line-height:30px; overflow:hidden;} .yq-tab .bd .yq-inn a { padding-left:20px; margin-left:10px; /* background:url(/public/home/img/yq-line.png) 0 no-repeat;*/ display:inline-block; color:#b3cce1;} .yq-tab .bd .yq-inn a:hover,.foot-copy .about-us a:hover { text-decoration:underline;} .yq-tab .bd .yq-inn a:hover { color:#008bff;} /*******************************/ /**************************************************/ .inban { height: 550px; position: relative;} .inban-con { position: absolute; top: 200px; width: 100%; left: 0; text-align: center; color:#ffffff; font-size: 16px; line-height: 30px;;} .inban-con img{display: block;margin: 0 auto;} .inban-con h1 { font-size: 44px; line-height: 55px; margin-bottom: 15px;font-weight: bold;} .inban-con3 { position: absolute; top: 220px; width: 100%; left: 0; text-align: center; color:#c1bebe; font-size: 30px; line-height: 36px;} .inban-con3 h1 { font-size: 44px; line-height: 48px; margin-bottom: 15px; color: #fff;} .case-top { text-align: center; margin-top: 40px;} .case-top a { position: relative; display: inline-block; margin: 0 8px; font-size: 16px; width: 120px; height: 40px; line-height: 38px; border: 1px solid #dcdcdc; border-radius: 40px;} .case-top a em { position: relative; z-index: 2; display: block } {} .case-top a:before { border-radius: 40px; content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; background: #0166ce; transition: all .3s; opacity: 0; } .case-top a:hover,.case-top .ns-on,.case-top .coop-on,.case-top .br-on { color: #fff; border: 1px solid #0166ce;} .case-top .ns-on:before,.case-top .coop-on:before,.case-top .br-on:before,.case-top a:hover:before { left: 0; top: 0; width: 100%; height: 100%; opacity: 1;} .coop-box { position:relative; width:1200px; margin:0 auto;} .picList22 { width:1200px; margin-top:40px !important;} .yk-coop { padding-bottom: 120px !important;} .yk-coop li { float:left; width:220px !important; margin: 0 5px 10px; height:110px;position:relative; } .yk-coop li::before { content: ""; position:absolute; left:0px; top:0cm; display:block; width:220px; height:220px;background:url(/public/home/images/lxs.png) no-repeat;} .yk-coop li img{ position:absolute; left:55px; top:55px; display:block; width:110px; height:110px; z-index: 2;} .yk-coop li:nth-child(6) { margin-left: 120px;} .brand-list8 .hd { position: relative; z-index: 20;} .brand-list8 .next,.brand-list8 .prev { width:50px; height:50px; display: block; top: 240px; position: absolute; background:#fff url(/public/home/images/prev.png) no-repeat; border-radius: 100%; transition: all .3s;} .brand-list8 .next { background-position:-148px 0; right:30px;} .brand-list8 .prev { background-position:-2px 0; left:30px;} .brand-list8 .next:hover { background-position:-98px 0; right: 25px;;} .brand-list8 .prev:hover { background-position:-52px 0; left: 25px;} /*******************/ .brand-list8 { width: 1200px; margin: 0 auto; position: relative; height: 520px;} .brand-list8 .bd { width: 1150px; margin: 0 auto;} .ibb-box { height: 520px; overflow: hidden;} /*****************************************/ /*********************/ .wei-tit{font-size:24px; margin-right:5px; color:#fff;} .shade-bg{background:rgba(0,0,0, .5); position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:990; display:none;} .wk-con{position:fixed; left:0; z-index:999; top:-600px; height:500px; width:100%; background:#ffffff; z-index:999;} .ck-close{position:absolute; top:50px; right:50px; width:44px; height:44px; background:url("/public/home/images/close.png") no-repeat; cursor:pointer; transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;} .ck-close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);} .drop-left{width:550px; float:left; margin-top:56px;} .hello-con{font-size:14px; line-height:28px; color:#232e3a; border-bottom:1px solid #e1e1e1; padding:20px 0 10px;} .hello-bom{color:#232e3a; line-height:30px; font-size:16px;} .hello-bom h1{font-size:24px; margin:80px 0 15px;} .drop-right{width:550px; float:right; margin-top:50px;} .drop-tit{color:#232e3a; font-size:24px;} .drop-table{width:520px;} .drop-table td{padding:10px 0; line-height:40px;} .xx-name{color:#232e3a; font-size:16px; line-height:30px; height:30px; background:url("/public/home/images/xx.jpg") right center no-repeat; padding-right:15px; display:inline-block;} .input-box{height:40px; width:176px; position:relative;} .input-box input,.input-box select{border:none; height:40px; line-height:40px; width:100%; color:#666; position:relative; top:1px; border-bottom:1px solid #e1e1e1;} .input-box input:focus{border-bottom:1px solid #ffc045;} .drop-btn{display:block; width:435px; height:60px; text-align:center; line-height:60px; background:#ffc045; color:#232e3a; font-size:16px; cursor:pointer; border:none;} .input-box:after{content:""; position:absolute; left:0; bottom:-2px; z-index:20; height:1px; background:#ffc045; width:0;transition: all 200ms ease-in 0s; -webkit-transition: all 200ms ease-in 0s; -ms-transition: all 200ms ease-in 0s;} .input-box:hover:after{width:100%;} .wk-t{padding-left:35px; line-height:70px; border-bottom:1px solid #e2e2e2; margin-bottom:20px; line-height:70px; font-size:24px;} .hy-area{width:410px; height:90px; line-height:22px; padding:5px 10px; resize:none; border:1px solid #c7c7c7; background:#f7f7f7; margin-right:10px; position:relative;} .hy-area:hover{border:1px solid #3897da;} .hy-area:focus{border:1px solid #3897da; -webkit-box-shadow:0 0 2px #3897da; -ms-box-shadow:0 0 2px #3897da; box-shadow:0 0 2px #3897da;} .file3{position: relative; display:inline-block; width:70px; height:40px; line-height:40px; cursor:pointer; border:none; background:#3a9de2; color:#fff; display:inline-block; text-align:center; font-size:16px; margin-right:10px;} .close-tba { right:0px; position:absolute; cursor:pointer; background-size:cover; width:32px; height:32px; top:0px;-webkit-transition: 0.4s ease-in 0s;-moz-transition: 0.4s ease-in 0s;-ms-transition: 0.4s ease-in 0s;} .close-tba:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);} .ffg-bg8 { background: #f0f0f0; position: relative; margin-top: 50px;} /*********应科装饰********************/ #telInput { position:absolute; left:42px; top:158px; width:309px; height:45px; line-height:45px; background:#fff;text-indent:10px; border:none;} #callBtn{ position: absolute;right:35px; top:158px;height: 45px;border:none;width: 124px;background:none;color: #fff; font-size:0; cursor: pointer;} .nb-invite-wrap{} .lx-z{width: 510px;height: 300px;position: fixed;top: 50%;left: 50%;margin-top: -132.5px;margin-left: -260px;background:#fec045 url("/public/home/images/ccaa.png") no-repeat;background-size: 100% 100%; z-index: 999; box-shadow:0 0 10px #fdce70;} .lx-z .gb{ width: 30px; height: 30px; position: absolute; top: 17px; right: 17px; cursor: pointer;} .lx-z .zx{ width: 433px; height: 45px; position: absolute; bottom: 38px; right: 35px; display: block;} .left-bar {width: 126px;height: 413px;position: fixed;top: 50%;left:-300px; margin-top:-200px;background: url("/public/home/images/lcaa.png") no-repeat;z-index: 999; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transition:all 1s ease 0s;} .zz987 { left:0;} .left-bar a { display:block; height:100%;} .close-tba { width:30px; height:30px; background:url(/public/home/images/close8.png) no-repeat; position:absolute; top:-30px; right:15px;} .lx-z{ display:none;} .zzz-ac { height:62px;} /**********/ .lrf-fix {} .lrf66 {position:fixed;top:45%;right:-300px;z-index:80000;width:81px;height:367px;margin:-183px 0 0 -249px; border-right:1px solid #fbb428; -webkit-transition:all 1s ease 0s; -ms-transition:all 1s ease 0s; transition:all 1s ease 0s;} .lrf-fix {right:0px;} .lrf66 a {position:relative;display:block;width:77px;height:24px;z-index:500;padding-top:53px;text-align:center;font-size:12px;color:#fff;} .lrf66 li strong {display:none;font-size:18px;font-weight:normal;} .lrf66 .kefudt_icon1 {background:url("/public/home/images/dr-icon6.png") center 10px no-repeat;} .lrf66 .kefudt_icon2 {background:url("/public/home/images/dr-icon2.png") center 10px no-repeat;} .lrf66 .kefudt_icon3 {background:url("/public/home/images/dr-icon3.png") center 10px no-repeat;} .lrf66 .kefudt_icon4 {background:url("/public/home/images/dr-icon4.png") center 10px no-repeat;} .lrf66 .kefudt_icon5 {background:url("/public/home/images/dr-icon7.png") center 10px no-repeat;} .lrf66 li {position:absolute;display:block;width:78px;height:77px;right:0;border:1px solid #5186fd;background:#5186fd;border-right:0;text-align:center; -webkit-transition:all 0.5s; transition:all 0.5s;} .lrf66 li:before {content:"";width:0;height:77px;background:#5186fd;position:absolute;top:0;left:0;transition:all 0.6s;z-index:-1;opacity:0.8;} .lrf66 li:hover {width:220px;background:none;overflow:hidden;} .lrf66 li.wx-pic:hover { width:78px; background:#5186fd; overflow:visible; } .lrf66 li.wx-pic:hover a.kefudt_icon5 {background:url("/public/home/images/dr-icon7.png") center 10px no-repeat; height:100px;} .lrf66 li.wx-pic:hover a em { display:inline-block; margin-top:22px;} .lrf-wei { position:absolute; right:80px; top:0px; opacity:0; width:180px; height:180px; z-index:501; -webkit-transition:all .5s ease;transition:all .5s ease; height:0; } .lrf66 li.wx-pic:hover .lrf-wei { top:0px; opacity:1; height:180px; } .lrf66 li:hover:before {width:220px;} .lrf66 li:hover a {width:100%;background:none;padding:0;line-height:77px;} .lrf66 li:hover a em {display:none;} .lrf66 li:hover strong {display:block;} .lrf66 > li:first-child {top:0;} .lrf66 > li:nth-child(2) {top:94px;} .lrf66 > li:nth-child(3) {top:188px;} .lrf66 > li:nth-child(4) {top:282px;} /******************************/ .fenye{width:100%; height:40px; line-height:40px; text-align:center; margin-top: 20px; margin-bottom:40px;} .fenye li{display:inline-block; width:auto; text-align:center; line-height:40px; height:40px; margin-left:10px; background-color:#ededed; color:#555555; font-size:14px;} .fenye li a,.fenye li span {padding-left:15px; padding-right:15px; display:block;} .fenye li:hover{background-color:#044f9f; color:#fff;} .fenye li:hover a { color: #fff;} .fenye .active{background-color:#044f9f; color:#fff;} /***************/ /* FILE ARCHIVED ON 21:11:33 Feb 07, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:53:29 May 09, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.494 exclusion.robots: 0.025 exclusion.robots.policy: 0.015 esindex: 0.009 cdx.remote: 118.882 LoadShardBlock: 369.278 (3) PetaboxLoader3.datanode: 1750.985 (4) PetaboxLoader3.resolve: 236.714 (3) load_resource: 1694.063 */