body {width: 100%;min-width: 640px;max-width: 1920px;overflow-x: hidden;margin: 0 auto; font-family: "微软雅黑";} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td select{margin:0;padding:0;border:0;outline:0;font-size:14px; font-family: "微软雅黑";} ol, ul {list-style:none} :focus {outline:none; } a{font:14px "微软雅黑";text-decoration:none;color:#333;cursor:pointer;} table select{border-collapse: collapse;table-layout: fixed;}input, textarea,select{outline: none; border: none;} textarea { resize: none; overflow: auto;} .template-full-page{position: relative;} .bodywidth{width: 100%;position: relative;margin:auto;} .bigcontact{display: none;} #canvas{cursor:pointer;} .hearder{background:#090909;} .winwidth{width: 1680px;margin:auto;} .w1680{width: 1680px;margin:auto} .clear{clear: both;} .qq a{position: fixed;width:85px;height:210px;background: url(../images/qqbj.png) no-repeat center center;right: 0px;top:350px;z-index: 999;display: block;} .hearder .winwidth{position: relative;} .hearder .hearder_anli .winwidth{position: relative;} .hearder h1{position: absolute;top: 17px;left: 17px;z-index: 99;} .hearder .nav{position: absolute;right: 0px;z-index: 2;top:35px;} .hearder .nav li{float: left;line-height: 110px;margin-right:55px;text-align:center;} .hearder .nav li a{color: #cccccc;font-family:"Arial";} .hearder .nav li span{display: block;font-style: normal;height: 40px;line-height: 40px;opacity: 1;transition: all 0.3s;} .hearder .nav li i{display: block;font-style: normal;height: 40px;line-height: 40px;color: #cccccc;opacity: 0;transition: all 0.3s;font-family:"Arial";font-weight: bold;} .hearder .nav li:hover a{color: #fff;} .hearder .nav li:hover i{color: #fff;} .hearder .nav li:hover span{color: #fff;} .hearder .nav li:hover i{opacity: 1;margin-top: -40px;padding-bottom: 40px;} .hearder .nav li:hover span{opacity: 0} .hearder .searbut{width:50px;height: 50px;display: block;background: url(../images/sbt.png) no-repeat center center;position: absolute;top:30px;right: 0px;z-index: 2;cursor:pointer;} .hearder .search_div{position: absolute;top:110px;right: 0px;height: 50px;line-height: 50px;background: #fff;width:840px;display: none;z-index: 2} .hearder .search_div select{float: left;} .hearder .search_div input{float: left;} .hearder .ser_hot{width: 500px;float:left;} .hearder .search{width: 340px;float: right;} .hearder .ser_hot strong i{font-style: normal;padding-left: 20px;text-transform:uppercase;color: #f22358;padding-right: 5px;font-weight: bold;font-family:"Arial";font-size: 12px;} .hearder .ser_hot strong{color: #333;font-weight: normal;font-size: 12px;} .hearder .ser_hot a{color: #333;margin-right:15px;margin-left: 15px;font-size: 12px;} .hearder .ser_hot a:hover{color: #f22358;font-weight: normal;font-size: 12px;} .hearder .search select{height: 50px;line-height: 50px;font-size: 12px; } .hearder .search .search_tow{height: 48px;line-height: 50px;width:248px;font-size: 12px;} .hearder .search .search_button{height: 50px;width: 42px;line-height: 50px;background: #fff url(../images/sbt.png) no-repeat center center} .hearder .geekzi{position: absolute;top:270px;left: 160px;opacity: 0;z-index: 999!important} .hearder .geekding{position: absolute;top:440px;left:164px;opacity: 0;z-index: 999!important} .hearder .geekzi img{ width: 60%; } .hearder .geekding img{ width: 60%; } .hearder .geekspan{color: #000;font-size: 24px;font-weight: bold;letter-spacing: 24px;position: absolute;top:530px;left:165px;opacity: 0;height: 30px;display: block;line-height: 31px;background: #fff;padding-left:25px;padding-bottom: 2px;z-index: 999!important;padding-right: 30px;} .hearder .geekone{position: absolute;top:630px;left: 183px;z-index: 2; opacity: 0;z-index: 999} .hearder .geekone img{display: block;width: 80px;height: 80px;} .hearder .geektow{width:67px;height: 73px;display:block;background:url(../images/heimg4.png) no-repeat center center;position: absolute;top:655px;left: 168px; opacity: 0;z-index: 998} .hearder .geeksan{position: absolute;bottom:55px;left: 50%;margin-left:-10px;z-index: 2;cursor:pointer;} .hearder .geekgun{position: absolute;bottom:10px;left: 50%;margin-left:-10px;z-index: 2;cursor:pointer;} #canvasGL{position: absolute;top:0px;left:0px;z-index:0 } .sekuai{width: 350px;height: 143px;position:absolute;top:270px;left: 157px;z-index: 9;position: relative;overflow: hidden;z-index: 9999} .sekuai span{background: #000;width:0px;height: 143px;display: block;position: absolute;top:0px;left:0px;z-index: 9999} .sekuaitwo{width: 950px;height: 59px;position:absolute;top:297px;left:164px;z-index: 9;position: relative;overflow: hidden;z-index: 9999} .sekuaitwo span{background: #000;width:0px;height: 59px;display: block;position: absolute;top:0px;left:0px;z-index: 9999} .sekuaithree{width:0px;height: 7px;background: #fff;position: absolute;top:465px;left: 60px;z-index: 2} .sekuaifour{width: 490px;height: 32px;position:absolute;top:328px;left:165px;z-index: 9;position: relative;overflow: hidden;z-index: 9999;} .sekuaifour span{background: #000;width:0px;height: 32px;display: block;position: absolute;top:0px;left:0px;z-index: 9999} .Gzi1{position: absolute;z-index:99;top:220px;left: 170px;font-weight: bold;} .Gzi1 span{font-size:80px;color: #fff;} .Gzi2{position: absolute;z-index:99;top:480px;left: 170px;} .Gzi2 span{font-size:28px;color: #fff;} .Gzi3{position: absolute;z-index:2;top:295px;left:0px;background: #f42c4e;width: 350px;height: 20px;} .service{background: #fff;padding-top: 115px;} .service .w1680{position:relative;} .service .serhd1{width: 1085px;position: absolute;top:10px;left: 440px;} .service .serhd1 li{float: left;} .service .serhd1 li a{color: #333;font-size: 18px;display: inline-block;padding-left: 60px;} .service .serhd1 li:hover a{background: url(../images/sh1.jpg) no-repeat 40px center;} .service .serhd1 li.on a{background: url(../images/sh1.jpg) no-repeat 40px center;} .service .serhd1 .prev{position: absolute;top:5px;right: 40px;} .service .serhd1 .next{position: absolute;top:5px;right: 0px;} .service .serhd1 li:nth-child(1) span{width: 1px;height: 70px;background: #bababa;display: block;position: absolute; top: 130px;left: -435px;transition: all 0.8s} .service .serhd1 li:nth-child(2) span{width: 1px;height: 70px;background: #bababa;display: block;position: absolute; top: 200px;left: -435px;transition: all 0.8s} .service .serhd1 li:nth-child(3) span{width: 1px;height: 70px;background: #bababa;display: block;position: absolute; top: 270px;left: -435px;transition: all 0.8s} .service .serhd1 li:nth-child(4) span{width: 1px;height: 70px;background: #bababa;display: block;position: absolute; top: 340px;left: -435px;transition: all 0.8s} .service .serhd1 li:nth-child(5) span{width: 1px;height: 70px;background: #bababa;display: block;position: absolute; top: 410px;left: -435px;transition: all 0.8s} .service .serhd1 li:nth-child(6) span{width: 1px;height: 70px;background: #bababa;display: block;position: absolute; top: 480px;left: -435px;transition: all 0.8s} .service .serhd1 li.on span{background: #0081cc} .service .bd{margin-top: 70px;width: 1360px;margin-left: 160px} .service .bd .sercon{width: 340px;float: left;height: 540px;} .service .bd li{width: 1360px;} .service .sersz1{position: absolute;top:100px;left: 0px;} .service .sersz2{position: absolute;top:435px;left: 0px;} .service .sercon strong{font-size: 24px;margin-top: 75px;display: block;font-family:"Arial"} .service .sercon p{color: #333333;font-size: 16px;line-height: 26px;font-weight: bold;font-family: "微软雅黑";margin-right: 15px;} .service .sercon i{color: #333333;font-size: 18px;line-height: 26px;font-weight: bold;margin-top:55px;display: inline-block;font-style:normal;} .service .sercon h4{font-size: 36px;margin-top: 20px;display: block;color: #0081cc;font-weight: bold;} .in-htit{font-size: 22px;color: #0081cc;font-weight: bold;} .service .sercon img{margin-top: 40px;display: block;margin-bottom: 40px;} .service .serbj{width: 120px;height: 540px;background: #222222;position: absolute;right: -110px;top: 108px;} .cpntact{height: 3500px;background: #fff} .case{background: #fff;padding-bottom: 50px;position: relative; } .case h3 a{float: right;margin-top:5px;padding-left:30px;background: url(../images/cm.jpg) no-repeat center left;transition: all 0.8s} .case h3 a i{font-style:normal;} .case h3 a span{opacity: 1;transition: all 0.8s;} .case h3 a:hover{background: url(../images/jkbj.jpg) repeat center center;transition: all 0.8s;color: #fff} .case h3 a:hover span{opacity: 0;} .case ul{margin-top:60px;} .case ul li .clibefor{width: 100%;background: #111;height: 561px;display: block;position: absolute;top:0px;left: 0px;z-index: 2} .case ul li{width:535px;margin-right: 33px;margin-bottom: 45px;transition: all 0.3s;position: relative;overflow: hidden;} .case ul li .cali{border:solid 1px #e9e9e9;padding-bottom: 30px;border-top:none;} .case ul li:hover .cali{border:none;border:solid 1px #fff;border-top:none;} .case ul li img{width:100%;height: 250px;display: block; transition: 1s; -webkit-transition: 1s;-moz-transition: 1s; transition: 1s; border: solid 1px #eee; } .case ul li .liimg{transition: 1s; -webkit-transition: 1s;-moz-transition: 1s; transition: 1s; border: solid 1px #eee; } .case ul li strong{line-height: 90px;height: 90px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: solid 1px #e9e9e9;display: block;width: 100%;margin:auto;font-size:22px;padding-left:15px;padding-right: 45px; background: url(../images/cm1.jpg) no-repeat 90% center;box-sizing:border-box;} .case ul li span{display: block;width:100%;height: auto;overflow: hidden;} .case ul li p{padding-left:35px;padding-right: 35px;margin-top: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .case ul li:nth-child(3n){margin-right: 0px;} .case ul li:hover{-moz-box-shadow:0px 0px 30px #e0e0e0; -webkit-box-shadow:0px 0px 30px #e0e0e0; box-shadow:0px 0px 30px #e0e0e0;} .case ul li:hover img,.case ul li:hover .liimg{ -webkit-transform: scale(1.10); -moz-transform: scale(1.10); transform: scale(1.10);} .case ul li:hover{border: none;} .about{height:1880px;background:#fff;overflow:hidden;padding-top:120px;} .abdiv{background: #fff;height:1880px;position: relative;} .about .abbj{ background:#0081cc;height: 1520px;width: 100%;display: block;position: absolute;top:0px;} .about .w1680{position: relative;height: 1880px;} .about h4{position: absolute;top:115px;left: 0px;} .about h5{position: absolute;top:200px;left: 500px;} .about .abconhome{position: absolute;top:318px;left: 500px;} .about .abconhome p{color: #ffffff;line-height: 28px;font-size: 14px;width: 535px;} .bg-elps-r10 { text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical;} .bg-elps-r12 { text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical;} .about .abconhome span{color: #444444;font-size: 12px;font-family: "Arial";margin-top:40px;width: 410px;display:block;line-height: 24px;} .about .abconhome .more{margin-top: 70px} .about .abvi{position: absolute;top:650px;left: 275px;z-index: 3} .about .abconhome .more a{margin-right: 15px;} .about .abimg{position: absolute;right: 0px;} .about .abimg img{display: block;position:relative;z-index: 3} .about .abx1{position: absolute;top:420px;left: 500px;display: block;} .about .abvideo{width:450px;height: 480px;display: block;position: absolute;top:325px;left: -120px;} .about .abvideo span{width:450px;height: 480px;position: absolute;display: block;background: url(../images/abtm.png) repeat center center;overflow: hidden;z-index: 2;top:0px;left: 0px} .Partner{position: absolute;top:735px;left: 0px;position: relative;} .about video{position: absolute;top:0px;left: 0px;padding:0px;margin:0px;display:block;} .Partnerimg{position: absolute;top:200px;left: 0px;} .Partnerimg span{color: #fff;font-size: 54px;font-family:"微软雅黑";font-family: "微软雅黑";position: absolute;top:180px;left: 130px;font-weight:bold;} .Partnerimg .Paraone{position: absolute;font-size: 62px;color: #fff;top:360px;left: 130px;} .Partnerimg .Paratoe{background: url(../images/portwoimg.jpg) no-repeat center center; height:57px;line-height: 57px;text-align: center;color: #fff;position: absolute;left: 130px;top:500px; width:220px;font-size: 16px; font-family:"微软雅黑";letter-spacing:2px} .Parcon{width: 620px;height:1065px;display: block;position: absolute;top:-56px;right:-1180px;position: relative;} .pardiv{background:#eeeeee;height:960px;width: 620px;position: absolute;right: 0px;top:0px;} .Parcon i span{color: #0081cc;font-size:46px;font-style: normal;font-family: "Arial";font-weight:bold;position:relative;z-index: 9} .Parcon i{color: #f63444;font-size:76px;font-style: normal;display: block;padding-bottom: 30px;padding-left:60px;position:relative;z-index: 9} .Parcon p{color: #222222;font-size:20px;line-height: 46px;padding-left:70px;font-weight: bold} .Parcon .more{padding-left:70px;margin-top: 40px;} .Parcon .parx{position: absolute;top:395px;left: 78px;} .Parcon .more1{position: absolute;top:480px;left: 75px;} .Parcon .more1 a{width:200px;height: 55px;line-height: 55px;background: #0081cc;display: block;float: left;text-align: center;margin-right: 25px;transition: all 0.8s;color: #fff;font-size: 18px;} .Parcon .more1 a:nth-child(2){background: #fff;color: #111;} .Parcon .more1 a:nth-child(2):hover{background: #0081cc;color: #fff;} .Parcon .more1 a:hover{background: #fff;color: #111;} .Parcon .Parp{color: #222222;font-size: 24px;line-height: 46px;position:absolute;top:640px;left: 75px;width: 547px;border-bottom: solid 1px #c0c0c0;padding-bottom: 40px;font-weight:bold;} .Parcon ul{width: 426px;position: absolute;top:820px;left: 75px;z-index: 9} .Parcon ul li{float: left;margin-right: 65px;margin-bottom:35px;} .Parcon ul li a{font-size: 14px;color: #666;} .Parcon ul li:nth-child(4n){margin-right: 0px;} .Parcon ul li a:hover{color: #0081cc} .news{background: #fff;padding-bottom: 70px;position: relative;top: -100px;} .news h3 a{float: right;margin-top:5px;padding-left:30px;background: url(../images/cm.jpg) no-repeat center left;transition: all 0.8s} .news h3 a i{font-style:normal;} .news h3 a span{opacity: 1;transition: all 0.8s;} .news h3 a:hover{background: url(../images/jkbj.jpg) repeat center center;transition: all 0.8s;color: #fff} .news h3 a:hover span{opacity: 0;} .news ul{margin-top:70px;} .news li{width: 535px;height: 280px;float: left;margin-right: 35px;margin-bottom:35px;position: relative;background: #f3f3f3;} .news li:before{ content:"";width: 0px;height: 280px;background: #f3f3f3;position: absolute;top:0px;left: 0px;transition: all 0.2s;} .news li:hover:before{background: #0081cc;width: 535px;} .news li a{display: block;width: 535px;height: 280px;position: absolute;top:0px;left: 0px;z-index: 22} .news li:nth-child(3n){margin-right: 0px;} .news li .newdate{width: 110px;float: left;padding-right:50px;background:url(../images/n2.png) no-repeat 30px 160px;height: 280px;transition: all 0.2s;} .news li .newdate span{color: #222222;font-size: 16px;text-align: right;display: block;margin-top: 50px;font-family: "Arial"} .news li .newdate i{color: #222222;font-size: 28px;display:block;font-style: normal;text-align: right;font-family: "Arial";font-weight:bold;} .news li .newsconhome{width: 320px;float: right;padding-right: 55px; } .news li .newsconhome span{color: #222222;font-size:18px;font-weight: bold;margin-top: 45px;display: block;display: -webkit-box;overflow: hidden; text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 28px; height: 56px;} .news li .newsconhome p{color: #666666;font-size:14px;line-height: 32px;margin-top: 20px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:64px;} .news li .newsconhome i{margin-top: 45px;} .news li .newsconhome i{width:45px;height: 12px;display: block;background:url(../images/n4.png) no-repeat center center;} .news li:hover .newsconhome i a{background:url(../images/n5.png) no-repeat center center;} .news li:hover .newdate{background:url(../images/n2.png) no-repeat 30px 160px;} .news li:hover .newdate span{color: #fff} .news li:hover .newdate i{color: #fff} .news li:hover .newsconhome span{color: #fff} .news li:hover .newsconhome p{color: #fff} .foot{height: 550px;background: #0081cc;} .foot .w1680{position:relative;height: 511px;} .foot .fnav{float: left;margin-top: 90px;margin-right: 80px;} .foot .fnav strong a{color: #ffffff;font-size: 14px;font-weight: bold;} .foot .fnav strong{margin-bottom: 20px;display: block;color: #ffffff;} .foot .fnav li a{color: #fff;line-height: 34px;} .foot .fnav li a:hover{color: #fff} .foot .fnav i img{transition: all 0.5s;display: block;float: left;margin-right:10px;} .foot .fnav i img:hover{margin-top: -5px; cursor:pointer} .foot .fwx{float: right;margin-top:90px;} .foot .fwx li{float: left;width: 160px;background: #fff;border-radius: 3px;text-align: center;margin-left: 30px;transition: all 0.5s;} .foot .fwx li:hover{margin-top: -5px; cursor:pointer} .foot .fwx li p{ line-height: 15px;height: 25px;color: #000000;font-size: 14px;font-weight: bold;font-family:"Arial"} .foot .fwx li img{width: 140px;height: 140px;display: block;margin:auto;margin-top: 10px;margin-bottom: 10px;} .foot .fend{border-top: solid 1px #fff;width: 100%;position: absolute;top: 455px;bottom: 0px;left: 0px;text-align: center;/* height: 165px; */} .foot .fend span{color: #fff;position: absolute;top:45px;left: 0px;line-height: 32px;width: 100%;} .foot .fend span a{color: #fff;} .foot .fend span a:hover{color: #fff} .foot .fend strong{color: #fff;position: absolute;top:80px;left: 0px;font-weight:normal;padding-left:20px;/* background: url(../images/f3.jpg) no-repeat center left; */line-height: 32px;text-align: center;width: 100%;} .foot .fend p{width: 1050px;color: #333333;line-height: 32px;position: absolute;right: 0px;top:45px;} /*网商服务*/ .hearder_wsfw{height: 865px;background:url(../images/wsbj.jpg) no-repeat top center;} .hearder_wsfw .winwidth_wsfw{position: relative;height: 865px;width: 1680px;margin: auto;overflow: hidden;} .hearder .wsimg{position: absolute;bottom: 0px;left: 50%;margin-left: -680px;} .hearder .wsnr{background: #fff;} .hearder .wsmbx{position: absolute;bottom: 30px;right: 160px;} .hearder .wsmbx a{padding-left:45px;background: url(../images/wsmbx.png) no-repeat 20px center;} .hearder .wsmbx a:nth-child(1){padding-left:0px;background:none;} .hearder .wsmbx a:hover{color:#0081cc} .hearder .winwidth_wsfw li{float: left;} .hearder_anli{height: 50vh;no-repeat top center;} .hearder_anli .anbj{width: 100%;position:absolute;top:0px;left: 0px;} .hearder_anli .winwidth_anli{height: 50vh;margin: auto;overflow: hidden;} .hearder_anli .casetop{position: absolute;top:250px;left: 150px;} .hearder_anli .casetop h2{color: #ffffff;font-size:120px;font-family:"Arial";} .hearder_anli .casetop h3{color: #fff;font-size: 26px; margin-top: 20px;} .hearder_anli .casetop p{color: #7b7c7f;font-size: 14px;font-weight: bold;margin-top: 50px;} .anlicon .anlitit{} .anlicon .anlitit li{float: left;height: 215px;line-height:215px; padding-left: 60px;padding-right:60px;} .casenylist ul{margin-top: 0px;display: flex;flex-wrap:wrap;} .casenylist{padding-top: 80px;} .anlicon .anlitit li:hover{background:url(../images/cali1.jpg) no-repeat 40px center;} .anlitit ul{margin-left:400px;} .wsnr{margin-top: 110px;} .wsnr li{width: 225px;float: left;} .wsnr .winwidth ul{width: 1360px;margin:auto;} .wsnr .winwidth ul li span img{display: block;margin:auto;} .wsnr .winwidth ul li span i{display: block;margin:auto;text-align: center;font-style: normal;color: #181b1e;font-size:28px; font-weight:bold;padding-bottom: 30px;border-bottom: solid 2px #181818} .wsnr .winwidth ul li p{margin-top:45px;padding-left: 60px;} .wsnr .winwidth ul li p a{background: url(../images/wsd.jpg) no-repeat center left;padding-left: 7px;margin-right: 45px; margin-bottom:10px;display:block;float: left;} .wsnr .winwidth ul li p a:nth-child(2n){margin-right:0px;} .wsnr .winwidth ul li p a:hover{color:#0081cc} .wsnrcon{background: #f4f4f4;height:1845px;margin-bottom: 155px;} .wsnrcon .winwidth{position: relative;height: 1845px} .wsimg1{position: absolute;top:0px;right:-70px;} .wsimg2{position: absolute;top:650px;left:0px;} .wsimg3{position: absolute;bottom:-140px;right:-70px;top:1200px;} .wsnrcon li:nth-child(1){position: absolute;top:140px;left: 0px;} .wsnrcon li:nth-child(2){position: absolute;top:800px;left: 1050px;} .wsnrcon li:nth-child(3){position: absolute;top:1400px;left: 0px;} .wsnrcon li span{color: #999999;font-size: 18px;font-weight:bold;font-family: "Arial";display: block;padding-left:30px;background: url(../images/wsx1.jpg) no-repeat 3px center} .wsnrcon li strong{color: #222222;font-size: 32px;margin-bottom: 45px;display: block;} .wsnrcon li p{line-height: 30px;width: 300px;} .wsnrcon li img{margin-top: 50px} .wsnrcon .winwidth{width: 1360px;margin:auto;} .wsdate ul{width: 1360px;margin:auto;} .wsdate li{float: left;width: 240px;margin-left: 50px;margin-right: 160px;} .wsdate li:nth-child(3){margin-right: 0px;} .wsdate li span{color: #999999;font-size: 18px;font-weight:bold;font-family: "Arial";display: block;padding-left:30px;background: url(../images/wsx1.jpg) no-repeat 3px center} .wsdate li strong{color: #222222;font-size: 32px;margin-bottom: 45px;display: block;} .wsdate li p{line-height: 30px;font-size:13px;} .wsdate li img{margin-top: 50px} .wsdate em{width: 125px;height: 40px;display: block;border:solid 2px #222222;text-align: center;font-weight:normal;font-style:normal;line-height: 40px;margin-top:90px;margin-bottom: 170px;} .wsdate em:hover{background: #222222;color: #fff;} .wscase{height:700px;background: url(../images/wscase.jpg) no-repeat center center;} .wscase .wscali{width: 420px;margin-left: 160px;padding-top: 165px;} .wscase .wscali strong{color: #222222;font-size:46px;line-height: 68px;} .wscase .wscali p{color: #444444;font-size:16px;;line-height: 32px;margin-top:50px;margin-bottom: 80px;} .wscase .wscali em{width: 190px;height: 55px;display: block;border:solid 2px #222222;text-align: center; font-weight:normal;font-style:normal;line-height: 55px;margin-top:90px;margin-bottom: 170px;font-size: 16px;} .wscase .wscali em:hover{background: #222222;color: #fff;} .wsjd{height: 695px;background: #fff;} .wsjd .winwidth{width: 1360px;} .wsjd .wsjdcon{position: relative;width: 680px;float: left;} .wsjd .wsjdcon strong{color: #222222;line-height: 54px;font-size:36px;padding-top: 190px;display: block;} .wsjd .wsjdcon em{width: 190px;height: 55px;display: block;border:solid 2px #222222;text-align: center; font-weight:normal;font-style:normal;line-height: 55px;margin-top:90px;margin-bottom: 170px;font-size: 16px;} .wsjd .wsjdcon em:hover{background: #222222;color: #fff;} .wsjd .wsjdcon img{top:300px;left: 100px;position: absolute;} .wsjd .wsjdcon span{width: 2px;background: #222222;height: 340px;display: block;position: absolute;top:165px;right: 0px;} .wsscroll{position: relative;width: 680px;float: right;} .wsscroll .bd li{width: 265px;height: 160px;float: left;margin-left: 75px;margin-top:230px;} .wsscroll .bd li .wscroleft{width: 125px;float: left;} .wsscroll .bd li .wscroleft span{display: block;color: #222222;font-size: 46px;font-weight: bold;margin-bottom: 38px;} .wsscroll .bd li .wscroright{float: right;width: 140px;} .wsscroll .bd li .wscroright span{color: #222222;font-size: 18px;font-weight: bold;display: block; margin-top: 15px;} .wsscroll .bd li .wscroright strong{color: #222222;font-family:"Arial";font-size: 12px;text-transform:uppercase; font-weight: bold; margin-bottom: 50px;display: block;} .wsscroll .bd li .wscroright p{color: #999999;font-size: 10px;font-weight:normal;text-transform:uppercase; } .wsscroll .hd1{position: absolute;top:465px;right: 0px;} .wsscroll .hd1 .prev{margin-right: 20px;} .wsscroll .hd2{position: absolute;top:460px;left: 75px;} .wsscroll .hd2 ul li{width: 10px;height: 10px;border-radius: 30px;background: #e7e9e8;text-indent: -99999px;float: left; margin-left: 10px;} .wsscroll .hd2 ul li.on{background: #222222} /*案例内页*/ .hearder_anli .casetopny{width: 100%;position: static;margin-top: 290px} .hearder_anli .casetopny h2{color: #ffffff;font-size: 50px;text-align: center;} .hearder_anli .casetopny ul{width: 115px;margin:auto;} .hearder_anli .casetopny ul li{float: left;margin-left:5px;margin-right: 5px;margin-top:60px;} .geekcontact{position: relative;} .geekcon{margin-top: 60px;} .geekcontact .nypage{width: 100%;left: 0px;} .casetuij{margin-top: 10px!important;} .casetuij li{margin-right:33px!important;} .geekcontact .nypage .nyprve{margin-left: 0px} .geekcontact .nypage .nynext{margin-right: 0px} .geekcontact .winwidth{overflow: inherit;} /*关于我们*/ .hearder_about{height: 500px;background:url(../images/gybanner.png) no-repeat top center fixed;} .hearder_down{height: 800px;background: url(../images/downbg.png) no-repeat 10% 0%;} .hearder_about .winwidth_about{position: relative;height: 800px;width: 1680px;margin: auto;overflow: hidden;} .hearder_about .gyzi{position:absolute;top:180px;left: 50%;margin-left:-196px;} .tim1{position: absolute;top:340px;left: 27%;} .tim1 .timer{color: #0081cc;font-size: 60px;font-weight:bold;font-family: "Arial";float: left;} .tim1 span{color: #fff;font-size: 60px;font-weight:bold;font-family: "Arial";} .tim1 p{color: #fff;font-size:18px;padding-left:8px;} .tim2{position: absolute;top:340px;left: 47%;text-align: center;} .tim2 .timer{color: #0081cc;font-size: 60px;font-weight:bold;font-family: "Arial";float: left;} .tim2 span{color: #fff;font-size: 60px;font-weight:bold;font-family: "Arial";} .tim2 p{color: #fff;font-size:18px;padding-left:8px;} .tim3{position: absolute;top:340px;left: 66%;text-align: center;} .tim3 .timer{color: #0081cc;font-size: 60px;font-weight:bold;font-family: "Arial";/* float: left; */} .tim3 span{color: #fff;font-size: 60px;font-weight:bold;font-family: "Arial";} .tim3 p{color: #fff;font-size:18px;padding-left:8px;width: 236px;float: left;} .abx1{background: #0081cc;position: absolute;top:345px;left: 40%;width: 1px;height: 100px;} .abx2{background: #0081cc;position: absolute;top:345px;left: 59%;width: 1px;height: 100px;} .abcon{height: 3800px;background: url(../images/nyabbj.jpg) repeat center center;} .abcon .winwidth{position: relative;height: 3800px;overflow: inherit;} .abcon .abtop{width: 1435px;height: 70px;border-bottom: solid 1px #d7d7d7;position: absolute;top:0px;right: -120px;} .abcon .abtop li a{float:left;line-height: 70px;height: 70px;margin-left: 115px;padding-left: 20px;font-size: 16px;font-weight: bold;} .abcon .abtop li:hover a{background: url(../images/abx.jpg) no-repeat center left;} .abcon .abtop li:nth-child(1) a{background: url(../images/abx.jpg) no-repeat center left;} .mbx{float: right;margin-right:120px;} .mbx a{color: #999999;line-height: 70px;font-size: 14px;margin-left:10px;margin-right:10px;} .mbx a:hover{color: #f18b30} .mbx span{color: #999999;line-height: 70px;font-size: 14px;padding-left:15px;padding-right: 15px;} .abcon .abzi span{position: absolute;top:180px;left: 0px;font-family: "Arial";font-size: 16px;color: #fff;font-weight: bold} .abcon .abzi i{position:absolute;top:225px;left: 0px;} .abcon .abli{position:absolute;top:190px;left: 500px;} .abcon .abli li{width: 330px;height: 230px;background: url(../images/abyuan.png) no-repeat center center;float: left;padding-top: 130px;position: relative;margin-right: 92px;} .abcon .abli li:nth-child(3){margin-right: 0px;} .abcon .abli li .timer{color: #222222;font-size: 32px; padding-left: 130px;} .abcon .abli li span{position: absolute;top:130px;left: 175px;font-size: 32px;} .abcon .abli li p{color: #222;font-size: 20px;font-weight: bold;text-align: center;} .abcon .abfa{position: absolute;top:640px;left: 0px;position: relative;} .abcon .abfa .abimg1{position: absolute;top:0px;left: 0px;z-index: 9} .abcon .abfa .abimg2{position: absolute;top:-20px;left: -20px;} .abcon .abfacon{width: 760px;float:right;} .abcon .abfacon strong{color: #222222;font-size: 24px;margin-top: 40px;display: block;} .abcon .abfacon p{color: #666;line-height: 30px;margin-top: 35px;} .abcon .abfacon a{width:150px;height: 45px;border:solid 1px #000;display: block;line-height: 45px;padding-left:20px;font-weight: bold;background: url(../images/jia1.jpg) no-repeat 130px center;transition: all 0.5s;margin-top:75px;position: relative;} .abcon .abfacon a:before{ content:"";background: #000;height: 45px;width: 0px;display: block;position: absolute;top:0px;left: 0px;transition: all 0.8s;} .abcon .abfacon a:hover:before{width: 170px;} .abcon .abfacon a:hover span{color: #fff} .abcon .abfacon a span{color: #222222;font-size: 16px;position: absolute;z-index: 9} .abcon .abt2{position: absolute;top:1090px;right: -120px;} .abcon .abt3{position: absolute;top:1367px;right: -120px;} .abcon .abztow{position: absolute;top:1138px;left: 0px;} .abcon .abztow span{display: block;color: #ffffff;font-size: 24px;line-height: 44px;} .abcon .abztow em{margin-top: 55px;display: block;} .abcon .abztow p{width: 280px;line-height: 34px;color: #fff;margin-top:50px;} .abcon .abztow i{color: #666666;line-height: 24px;font-family:"Arial";font-style: normal;text-transform:uppercase; font-size:12px;margin-top:30px;display: block;} .abcon .abztow .more{margin-top: 140px;background: url(../images/abx4.png) no-repeat 160px center ;} .abcon .abztow .more a{margin-right:10px;} .abcon .abteam{position: absolute;top:1950px;left: 0px;} .abcon .abteam span{color: #ffffff;font-size: 16px;} .abcon .abteam i{font-style:normal;display: block;color: #fff;font-size: 48px;font-weight: bold;margin-top: 20px} .abcon .abteam p{line-height: 30px;color: #999999;margin-top: 50px;} .abcon .abscroll{position: absolute;top:2320px} .abcon .abscroll .bd li{background: #ececec;width: 770px;height:445px;float:left;padding-top: 115px;padding-left:70px;position: relative;} .abcon .abscroll .bd li:nth-child(2n){background: #d9d9d9} .abcon .abscroll .next{width: 7px;height: 11px;display: block;background: url(../images/abjt2.jpg) no-repeat center center;position: absolute;top:-75px;right: 0px;} .abcon .abscroll .prev{width: 7px;height: 11px;display: block;background: url(../images/abjt1.jpg) no-repeat center center;position: absolute;top:-75px;right: 50px;} .abcon .abscroll .hd2{position: absolute;top:610px;right: 0px;} .abcon .abscroll .hd2 li{width: 11px;height: 11px;display: block;background: #ececec;float: left;text-indent: -99999px;border-radius: 30px;margin-left:12px;cursor:pointer;} .abcon .abscroll .hd2 li.on{background:#000000;} .abcon .abscroll .bd li span{color: #222222;font-size: 18px;font-weight: normal;position: absolute;top:170px;left: 470px;} .abcon .abscroll .bd li i{color: #222222;font-size: 28px;font-style: normal;position: absolute;top:205px;left: 470px;} .abcon .abscroll .bd li strong{color: #222222;font-size: 18px;font-style: normal;position: absolute;top:280px;left: 470px;padding-left: 20px;background: url(../images/ax9.jpg) no-repeat center left;} .abcon .abscroll .bd li .more{position: absolute;top:360px;left: 470px;} .abcon .abscroll .bd li .more a{width:51px;height: 50px;display: block;background: url(../images/abx6.png) no-repeat center center;display: block;float: left;margin-right:20px;} .abcon .abscroll .bd li .more a:nth-child(2){background: url(../images/abx7.png) no-repeat center center;} .abcon .abend{position:absolute;top:2700px;left: 0px;position: relative;} .abcon h5{color: #ffffff;font-size: 40px;} .abcon .abend .abendzi{position: absolute;top:110px;left: 0px;} .abcon .abend li{width: 300px;height: 190px;border-top:solid 1px #333333;} .abcon .abend li img{float: left;width:100px;height: 100px;display: block;margin-top: 45px;padding-right: 40px;} .abcon .abend li span{margin-top: 55px;display: block;color: #ffffff;line-height: 40px;font-weight:bold;font-size: 18px;float: left;} .abcon .abimg{position: absolute;top:80px;right:0px;} .abcon .abendcon{position: absolute;top:0px;left: 500px;z-index: 9;} .abcon .abendcon strong{color: #222222;font-size: 32px;} .abcon .abendcon span{color: #222222;font-size: 14px;display: block;line-height: 30px;margin-top: 70px;} .abcon .abendcon a{display:block;margin-top: 70px;} .hearder_news{height: 800px;background: url(../images/ntop.jpg) no-repeat top center fixed;} .hearder_news .winwidth_news{width: 1680px;position:relative;margin:auto;height: 600px;} .hearder_news .newstop{position: absolute;top:240px;left: 160px;} /*.newscon{background: url(../images/n2.jpg) repeat center center;}*/ .newscon{width:1920px;position:relative;} .newscon .newsleft{width: 1640px;margin-bottom: 30px !important;} .newscon .newstitle{height: 70px;line-height: 70px;border-bottom: solid 1px #e9e9e9;margin-bottom: 50px;} .newscon .newslist{width: 1520px;margin-left: 120px;} .newscon .newsone{width: 778px;height: 385px;display: block;background: url(../images/mimg1.jpg) no-repeat center center;padding-left: 70px;padding-top: 115px;float:left;} .newscon .newsone span{color: #020202;font-size: 12px;width: 47px;height: 23px;display: block;background:#fff;border-radius: 30px;text-align: center;line-height: 23px;} .newscon .newsone p{color:#ffffff;font-size: 26px;font-weight:bold;line-height: 40px;margin-top: 30px;margin-bottom:65px;} .newscon .newsul{margin-left: 120px;} .newscon .newsul li{float: left;margin-left:64px;width:392px;display: block;margin-bottom: 60px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s; transition: 0.3s;} .newscon .newsul li:nth-child(2){margin-left:0px;} .newscon .newsul li:nth-child(5){margin-left:0px;} .newscon .newsul li:nth-child(8){margin-left:0px;} .newscon .newsul li:nth-child(11){margin-left:0px;} .newscon .newsul li:nth-child(14){margin-left:0px;} .newscon .newsul li:nth-child(17){margin-left:0px;} .newscon .newsul li:nth-child(20){margin-left:0px;} .newscon .newsul li:nth-child(23){margin-left:0px;} .newscon .newsul li:nth-child(26){margin-left:0px;} .newscon .newsul li .newliimg{display: block;width:392px;height: 233px; overflow: hidden;} .newscon .newsul li img{display: block;width:392px;height: 233px; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s; transition: 0.3s;} .newscon .newsul li:hover img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);transform: scale(1.06);} .newscon .newsul li span{color: #fff;font-size: 12px;width: 47px;height: 23px;display: block;background:#222222;border-radius: 30px;text-align: center;line-height: 23px;margin-top:30px;} .newscon .newsul li .newlidiv{padding-left: 38px;padding-right:38px;border:solid 1px #e9e9e9;} .newscon .newsul li .newlidiv i{color: #222222;font-size: 18px;font-weight:bold;line-height: 34px;padding-top:15px;display: block;font-style:normal; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; } .newscon .newsul li .newlidiv p{color: #666666;font-size: 14px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:10px;margin-bottom: 37px;} .newscon .newsul li .newlidiv em{width: 43px;height: 7px;display: block;background: url(../images/nimg6.jpg) no-repeat center center;margin-bottom: 55px;} .newscon .newsul li:hover{-moz-box-shadow:0px 0px 10px #E8E8E8; -webkit-box-shadow:0px 0px 10px #E8E8E8; box-shadow:0px 0px 10px #E8E8E8;} .newscon .newsul li:hover .newlidiv{border:solid 1px #fff;} .newscon .newsright{ position: absolute; left: 1680px; z-index: 22; top: 0px;} .newsright ul li:nth-child(1){margin-top:120px;} .newsright ul li{margin-top: 80px;} .newsright ul li a{color: #666666;font-size: 16px;font-weight: bold;padding-right: 38px;} .newsright ul li:hover a,.newsright ul li.on a{color: #0081cc;} /*.newsright ul li:hover a{color: #fff;background: url(../images/n6.jpg) no-repeat center right;} .newsright ul li.on a{color: #fff;background: url(../images/n6.jpg) no-repeat center right;}*/ .page{width:100%; text-align:center; padding:25px 0px;} .page a,.page span{ display: inline-block; background: #2d2d2d;height: 45px; line-height: 45px;font-size: 14px; border: 1px solid #f5f5f5;padding: 0px 20px; color: #fff; margin-left: 10px;} .page a:hover{ background:#f5f5f5; color:#666} .hearder_newsny{height: 340px;background: #0081cc;} .newny .mbx{ position: absolute; top: -70px; border: none; right: 280px; margin-right: 0px; color: #999; } .nycon{width: 1020px;margin:auto;} .nycon h3{position: absolute;top:-210px;color: #fff;font-size: 32px;} .nycon em{position: absolute;top:-135px;} .nycon em span{color: #ffffff;font-size: 14px;font-weight:normal;padding-left: 20px;padding-right:40px;font-style:normal;} .nycon em span:nth-child(1){background: url(../images/nn1.png) no-repeat center left;} .nycon em span:nth-child(2){background: url(../images/nn2.png) no-repeat center left;} .nyimg{position: absolute;top:-60px;} .nyconcon p{line-height: 34px;font-size: 16px;color: #666666} .nyconcon img{max-width: 100% !important;height: auto !important;} .news_fx{padding-top:50px;} .bds_qzone{background:url(../images/fx.png) no-repeat 0 0!important;width: 28px;height: 28px!important;display: block;float: left;padding-left: 0px!important;margin-right:10px!important;} .bds_weixin{background:url(../images/fx.png) no-repeat -40px 0px!important;width: 28px;height: 28px!important;display: block;float: left;padding-left: 0px!important;margin-right:10px!important;} .bds_tsina{background:url(../images/fx.png) no-repeat -81px 0px!important;width: 28px;height: 28px!important;display: block;float: left;padding-left: 0px!important;} .nypage{height: 73px;line-height: 73px;border-bottom:solid 1px #e9e9e9;border-top:solid 1px #e9e9e9;margin-top: 75px;position: relative;width: 1640px;left: -310px} .nypage .nyprve{padding-left: 30px;background: url(../images/nn4.jpg) no-repeat center left;width: 250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;float: left;line-height: 73px;margin-left: 300px;} .nypage span{width: 125px;display: block;border-right: solid 1px #e9e9e9;border-left: solid 1px #e9e9e9;position: absolute;left: 50%;top:0px;margin-left: -110px;padding-left: 95px;background: url(../images/nn3.jpg) no-repeat 60px center} .nypage .nynext{padding-right: 30px;background: url(../images/nn5.jpg) no-repeat center right;width: 250px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;float: right;line-height: 73px;margin-right: 330px;} .nypage a:hover{color: #f21c61} .nylist{width: 1330px;position: relative;left:300px;} .nylist h3{display: block;color: #222222;font-size: 28px;margin-top:75px;margin-bottom: 35px} .nylist .newsulny{margin-right: 0px;} .nylist .newsulny li{position: relative;margin-right: 30px!important;margin-left: 20px!important} .nylist .newsulny li em{position: static;} .nylist .nylistscroll .tempWrap{width: 1300px!important;margin-left: -20px} .hearder_contact{height: 950px;background: url(../images/contact.jpg) no-repeat top center fixed; } .hearder_contact .winwidth_about{position: relative;height: 950px;width: 1680px;margin: auto;} .Geekcall{width: 960px;height: 630px;display: block;background: #fff;position: absolute;right: -120px; top: 200px;} .Geekcall strong{position: absolute;top:115px;left: 100px;} .Geekcall p{color: #222222;font-size: 18px;font-weight: bold;height: 30px;line-height: 30px;margin-bottom: 45px;} .Geekcall p a{color: #222222;font-size: 18px;font-weight: bold;height: 30px;line-height: 30px;margin-bottom: 45px;font-family: "Arial"} .Geekcall p a:hover{color: #0081cc} .Geekcallp{position:absolute;top:247px;left: 103px;} .Geekcall p:nth-child(1){padding-left: 45px;background: url(../images/ct2.jpg) no-repeat center left;} .Geekcall p span{padding-left: 45px;display: block;height: 30px;line-height: 30px;float: left;color: #222222;font-size: 18px;font-weight: bold;font-family: "Arial"} .Geekcall p span i{font-style:normal;} .Geekcall p:nth-child(2) span:nth-child(1){padding-left: 45px;background: url(../images/ct4.jpg) no-repeat center left;} .Geekcall p:nth-child(2) span:nth-child(2){padding-left: 45px;background: url(../images/ct3.jpg) no-repeat center left;font-size: 16px;} .Geekcall p:nth-child(3) span:nth-child(1){padding-left: 45px;background: url(../images/ct5.jpg) no-repeat center left;} .Geekcall p:nth-child(3) span:nth-child(2){padding-left:45px;background: url(../images/ct3.jpg) no-repeat center left;} .Geekcall p:nth-child(4) span:nth-child(1){padding-left: 45px;background: url(../images/ct51.jpg) no-repeat center left;} .Geekcall p:nth-child(4) span:nth-child(2){padding-left:45px;background: url(../images/ct5.jpg) no-repeat center left;} .Geekcall p a{margin-right: 10px} .webnav{display:none} .webzione{display:none} .webzitwo{display:none} .webzithree{display:none} .webend{display: none;} .ntitle{display: none;} .abzhigeek{display: none;} .item{display: none} .pageBox {text-align: center;} .pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #000000;width:34px;height:34px;font:bold 14px/34px arial;} .pageBox a:hover,.pageBox a:active{background:#0081cc;color: #FFFFFF;text-decoration: none;} .pageBox .cur { background: #0081cc;border: 1px solid #0081cc;text-decoration: none;} .pageBox a.cur {color: #fff;} .pageBox .disabled {width: 79px;} .page a, .page span{margin-bottom: 20px;} .Parcon p{position: relative;z-index: 9} .Parcon .more{position: relative;z-index: 9} .newscon.newny .newsright{right: 115px} #canvasGL .on{width: 500px!important;height: 500px!important} .serviceweb{display: none;} .yzs{height:760px;background:url(../images/yzs.jpg) no-repeat center center;} .yzstop{top:250px;left: 280px;position:absolute} .yzstop span{color: #ffffff;font-size: 38px;font-weight:bold;} .yzstop p{color: #fff;} .yzsone .w1680{height: 120px;background: #fff;margin-top: -60px;} .yzsone .w1680 span{color: #222222;font-size:28px;line-height: 120px;padding-left:160px;font-weight:bold;float: left;} .yzsone .w1680 .ysonecen{float:left; margin-left: 320px;} .yzsone .w1680 .ysonecen span{float: left;} .yzsone .w1680 .ysonecen li{float: left;margin-left:45px;margin-right:45px;height: 120px;line-height: 120px;} .yzsone .w1680 .ysonecen li a{font-size: 18px;} .yzsone .w1680 .ysonecen li:hover a{color: #e60012} .yzsone .w1680 .yzsonemore{float: right;margin-right:130px;margin-top: 35px;} .yzstow{margin-bottom:112px} .yzstow li{float: left;width:445px;border-left:solid 2px #222222;text-align: center;padding-bottom: 60px;height: 510px;} .yzstow li:nth-child(3){border-right:solid 2px #222222;} .yzstow li span{display: block;font-size: 32px;color: #121212;margin-top:45px;margin-bottom: 60px} .yzstow li strong{display: block;font-size: 18px;color: #121212;margin-bottom: 20px;} .yzstow li img{display: block;margin:auto;} .yzstow li p{width: 200px;margin:auto;margin-top: 45px;} .yzstow li p em{display: block;width: 100px;float: left;font-style:normal;color: #666;margin-bottom: 30px;} .yzstow ul{width: 1360px;margin:auto;} .yzstow li a{display: block;clear: both;border: solid 1px #ccc;width: 140px;height: 40px;line-height: 40px; margin: auto;} .yzstow li a:hover{background:#0081cc;border:solid 1px #0081cc; color: #fff} .yzsthree{height:900px;background: url(../images/yzs5.jpg) no-repeat center center; } .yzsthree .yzsscroll .bd{width: 500px;padding-top:160px;margin-left: 630px} .yzsthree .yzsscroll .bd li span{color: #222222;font-size: 52px;font-weight: bold;} .yzsthree .yzsscroll .bd li strong{color: #222222;line-height: 40px;display: block;font-size:22px;margin-top:90px;margin-bottom: 50px} .yzsthree .yzsscroll .bd li p{line-height: 30px;color: #555555} .yzsthree .yzsscroll .bd li em{width: 130px;height: 35px;background: #222222;line-height: 35px;display: block;text-align: center; margin-top:100px;line-height: 35px;color: #fff;font-style:normal;} .yzsthree .yzsscroll .bd li em a{color: #fff} .yzsthree .w1680{position: relative;} .yzsthree .yzsscroll .hd{position: absolute;top:100px;left: 160px} .yzsthree .yzsscroll .hd li{width: 190px;height: 110px;border-bottom:solid 1px #cdced0;padding-top:60px;text-align:right;color: #333} .yzsthree .yzsscroll .hd li:last-child{border-bottom:none;} .yzsthree .yzsscroll .bd li:hover em{background: #0081cc;cursor:pointer;} .yzsthree .yzsscroll .hd li:hover{color: #0081cc;cursor:pointer;} .yzsfour{height: 800px;background: #fff;} .yzsfour .w1680{position: relative;} .yzsfour .yzsfourtop{margin-top: 110px;margin-left: 160px} .yzsfour .yzsfourtop strong{color: #222222;font-size: 46px;display: block;} .yzsfour .yzsfourtop span{color: #222222;font-size: 18px;font-weight: bold;} .yzsfour .yzsfourtop a{position: absolute;top:20px;right: 140px;} .ysfourlu li{width: 338px;float: left;border-left: solid 1px #222222;height: 435px;margin-top:100px;} .ysfourlu li:last-child{border-right: solid 1px #222222;} .ysfourlu li strong{color: #222222;font-size:32px;display: block;text-align: center;margin-top: 50px;margin-bottom: 50px;} .ysfourlu li span{text-align: center;display: block;margin-bottom:85px} .ysfourlu li img{display: block;margin:auto;} .ysfourlu{width: 1360px;margin:auto;} .ysfourlu li i{font-style:normal;font-size: 32px;color: #cccccc;text-align: center;display: block;font-weight: normal;margin-top: 60px;} .yzsfive{height:900px;background:url(../images/yzs10.jpg) no-repeat center center; } .yzsfive .w1680{position: relative;width: 1360px} .yzsfive .yzsfivetop strong{color: #ffffff;font-size:64px;top:110px;position: absolute;} .yzsfive .yzsfivetop span{position: absolute;top:130px;right: 0px;color: #ffffff;font-size: 26px;} .yzsfive .yzsfivetop p{width:340px;position: absolute;top:315px;line-height: 32px;color: #fff;} .yszfiveimg{position: absolute;top:640px;} .yzsfive ul{position: absolute;top:452px;left: 680px;} .yzsfive li{width: 320px;height: 300px;background: #fff;float: left;margin-right: 40px;border-radius: 3px} .yzsfive li:nth-child(2){margin-right: 0px;} .yzsfive li span{padding-left: 30px;color: #222222;font-size: 18px;display: block;font-weight: bold;padding-top:35px;} .yzsfive li i{color: #222222;font-size:18px;font-style:normal;font-weight: bold;padding-left: 30px;padding-top:70px;display: block;} .yzsfive li strong{display: block;border-top:solid 1px #e5e5e5;margin-top: 30px} .yzsfive li strong em{float: left;font-size: 52px;color: #222222;font-style:normal;margin-left: 30px;line-height: 90px;} .yzsfive li strong p{line-height: 90px;float: right;margin-right: 30px;color: #222222;font-size: 15px} .bgvido{ position: absolute; width: 100%; top: 0; z-index: 0; } .mouai{ height: 100px; padding-top: 40px; width: 1200px; margin: 0 auto; /* position: absolute; */ overflow: hidden; } .mouaiitem{ width: 24%; border-right: 1px solid #ddd; text-align: center; float: left; position: relative; } .mouaiitemnum{ position: relative; font-size: 50px; color: #0081cc; } .mouaiitemnum b{ } .mouaiitemnum span{ position: absolute; top: 0; right: 10px; left: 92px; color: #000; font-weight: 700; } .mouaiitem p{ } .mouaiitem:last-child{ border: none; } .bgimgmob{ display: none; } .bgimgmob img{ width: 100%; } @media screen and (min-width: 1841px) and (max-width: 3000px) { .foot .fend span{position: static;text-align: center;display: block;margin-top: 10px;} .foot .fend strong{position: static;display: block;text-align: center;background:none;} .foot .fend p{text-align: center;position: static;text-align: center;margin:auto;} } @media screen and (max-width: 1840px) { .service .bd{margin-left: 0px} .newscon{background:#fff;width: auto;} .newsright{display: none} .newsleft{position:inherit!important;margin:auto;} .ntitle{display: block;} .newscon .newstitle{margin-bottom: 0px;} .ntitle{height: 100px;line-height: 100px;width:100%;margin:auto;} .ntitle li a{float: left;margin-right: 15px;display:block;height: 100px;line-height: 100px;font-size: 18px; margin-left: 15px;} .ntitle li:hover a{color: #0081cc;font-weight:bold;} .ntitle li.on a{color: #000;font-weight:bold;} .newscon .mbx{margin-right: 0px;display: none} .newscon{width: 1680px;margin:auto;} .newscon .newsleft{width: 1680px;margin:auto; } .newscon .newslist{width: 1680px;margin-left: 0px} .newscon .newsul{ margin-left:0px;} .newwidth{width: 1320px!important;margin:auto;} .nyimg{top:100px;} .nylist{position:static;padding-bottom:50px;} .nylist .nylistscroll .tempWrap{width: 1050px!important} .nylist .newsulny li{width: 310px!important} .newscon .newsul li .newliimg{width:100%;} .newscon .newsul li img{width: 100%} .nylist{width: 1020px;margin:auto;} .newscon{height: auto!important} .foot .fnav{margin-right: 28px;} .foot .fend span{position: static;text-align: center;display: block;margin-top: 10px;} .foot .fend strong{position: static;display: block;text-align: center;background:none;} .foot .fend p{text-align: center;position: static;text-align: center;margin:auto;} } /* 设置了浏览器宽度小于1680px时 */ @media screen and (max-width: 1680px) { .yzsthree .yzsscroll .bd{padding-top:0px;} .yzsthree .yzsscroll .hd{top:-50px;} .yzsthree{height: auto;background: none;} .geekcontact .winwidth{height: auto!important} #canvasGL{width: 100%!important} /*.winwidth{width: 100%!important}*/ .casetuijscroll .tempWrap{width: 1320px!important;} #canvasGL canvas{height: 1000px!important;width: 100%!important;display: none;} .casetuij li{ margin-right: 7px;} .geekcontact .nypage{width: 1340px!important;margin:auto;margin-top:80px;} .wsnr .winwidth ul li p a:nth-child(2n){margin-right:40px;} .wsnr{margin-top: 50px} .winwidth_about{width: 1320px!important;} .winwidth_anli{width: 100%!important;} .winwidth_wsfw{width: 100%!important;} .anlitit ul{margin-left: 0px;} .hearder .wsimg{bottom:100px;} .Geekcall{left: 50%;margin-left:-480px;top:180px;} .newscon .newsleft{width: 1320px;} .newscon{width: 1320px;} .w1680{width: 1340px;} .winwidth{width: 1340px;} .hearder_news .newstop{left: 10px} .hearder_about .winwidth_about{width: 1340px;margin:auto;} .hearder_news .winwidth_news{width: 1340px;margin:auto;height: 600px;} .bodywidth{width: 100%} .hearder .nav{right: 50px;} .service .w1680{width: 1340px;overflow: hidden} .serbj{display: none;} .hearder .searbut{right: 50px;} .hearder .search_div{right: 50px} .service .sersz1{display: none;} .service .sersz2{display: none;} .service .serhd1 li span{display: none!important;} .case .w1680{width: 1340px;} .case ul li{width: 435px;margin-right:7px;} /*.case ul li img{width: 435px;height: 325px;} .case ul li span{width: 435px;height: 325px}*/ .case ul li img{width: 100%;height: 200px;} .case ul li span{width: 100%;height: auto;} .case ul li strong{ background: url(../images/cm1.jpg) no-repeat 90% center;} .pardiv{width: 600px;height: 963px;} .Parcon{right: -740px;width: 600px} .about .abimg{right: -350px;} .Parcon .Parp{width: 525px;} .news li{width: 640px;margin-right:60px} .news li a{width: 640px;} .news li:hover:before{background: #0081cc;width: 640px;} .news li:nth-child(2n){margin-right: 0px} .news li:nth-child(3){margin-right: 60px} .news li .newsconhome{width: 400px;} .foot .fnav{margin-right: 28px;} .foot .fend span{position: static;text-align: center;display: block;margin-top: 10px;} .foot .fend strong{position: static;display: block;text-align: center;background:none;} .foot .fend p{text-align: center;position: static;text-align: center;margin:auto;} .service .serhd1 .prev{display: none} .service .serhd1 .next{display: none} .tim1.animated.scroll_response.fadeInUp{left: 20% !important;text-align: center;} .abx1{left: 37% !important;} .tim2{left: 46% !important;} .abx2{left: 63%;} .tim3{left: 70% !important;} .abcon .abtop{width:100%;left: 0px;right: 0px;} .abcon{background: none} .abzi{display: none} .abcon .abli{width: 1175px;margin:auto;left: 0px;position: relative;} .abzhigeek{color: #333;font-size: 24px;color: #333;position: absolute;top: 125px;} .abcon .abtop li:nth-child(1) a{ margin-left:0px;} .mbx{margin-right: 0px;} .abcon .abfa .abimg1{display: none} .abcon .abfa .abimg2{display: none} .abcon .abfa{top:240px;clear:both;} .abcon .abfacon{float:inherit;width: 100%;margin:auto; clear: both;} .abcon .abt2{top:925px;left: 0px;width: 100%} .abcon .abt2 img{width: 100%} .abcon .abztow{display: none;} .abcon .abt3{position: absolute;top: 1120px;right:0px; width: 100%;} .abcon .abt3 img{width: 100%} .abcon .abteam{display: none} .abcon .abscroll{top:2120px;} .abcon .abscroll .bd li{padding-left: 35px;width: 600px;padding-right: 35px;padding-top: 60px;height: 410px} .abcon .abscroll .bd li i{left: 415px;font-size: 23px;top:130px} .abcon .abscroll .bd li span{left: 415px;top:90px;} .abcon .abscroll .bd li strong{left: 415px;top:220px;} .abcon .abscroll .bd li .more{left: 415px;top:320px;} .abcon .abscroll .prev{top:-50px;} .abcon .abscroll .next{top:-50px;} .abcon .abscroll .hd2{top:530px;} .abcon .abend .abendzi{top:0px;display:none;} .abcon .abendcon{left: 0px;} .abcon .winwidth{height: 3400px;width: 1340px;margin:auto;} .abcon{height: 3400px;width: 1340px;margin:auto;} .abcon .abend{top:2000px;} .wsnr .winwidth{height: 500px!important} .wsnrcon .winwidth{width: 1340px!important;height: 1845px!important} .wsdate .winwidth{height: 500px!important} .wsjd .winwidth{height: 500px!important;width: 1340px!important} .wsjd .wsjdcon{width: 600px;} .wsnrcon{overflow: hidden;} .wsimg3{bottom: 0px} .anlicon .winwidth{height: 215px!important} .anlicon{width: 1320px!important;margin:auto;} .casenylist{width: 1320px!important;margin:auto} .casenylist .winwidth{height:auto!important;} } /* 设置了浏览器宽度小于1340px时 */ @media screen and (max-width: 1340px) { .yzsone .w1680 .ysonecen li{margin-right: 20px;margin-left:20px;display: none} .yzsone .w1680 .ysonecen li a{font-size: 14px;} /*.casetuij{display: none;}*/ .case ul li:nth-child(3n){margin-right: 30px} .ysfourlu li{width:298px;} .yzsfive ul{right: 0px; left: inherit;} .ysfourlu{width: 1200px} .yzstow li{width: 397px;} .yzsthree{height: auto;background: none;} .yzsone .w1680 .yzsonemore{display: none;} .wsjd .winwidth{width: 1200px!important} .wsjd .winwidth{width:1200px!important;} .abcon h5{display: none} .abcon .abendcon{top:0px;} .nypage span{display: none} .abcon{width: 1200px!important;margin:auto;} .abcon .winwidth{margin:auto!important;} .geekcontact .nypage{width: 960px!important;margin:auto;} .geekcontact .nypage a{width: 30%!important} .anlicon{width: 960px!important;margin:auto;} .casenylist{width: 960px!important;margin:auto;} .wsnrcon li:nth-child(2){left: 800px;} .wsnrcon li:nth-child(3){left: 150px;} .wsscroll .hd1{right: 60px} .wsjd .wsjdcon{width: 400px; padding-left: 50px;padding-right: 50px;} .wsnrcon li:nth-child(1){left: 150px} .hearder_anli .anbj{width:100%;position:relative;overflow: hidden;no-repeat center;} .hearder_anli .casetop{left: 150px} .winwidth_about{width: 960px!important;} .winwidth_wsfw{width: 960px!important} .hearder .wsimg{left: 0px;margin-left: 0px;bottom: 210px} .hearder .wsimg img{width: 100%} .wsnr{margin-top:50px;margin:auto;} .wsnr li{width:200px;} .newscon.newny .newsul li{margin-bottom: 20px} .newscon .newslist{width: 960px;} .newscon{height: auto!important} .hearder_news .winwidth_news{width: 960px;} .newwidth{width: 960px!important;} .newscon .newsleft{width: 960px;} .hearder .nav{right: 0px;top:15px;} .hearder .searbut { right: 0px;top:15px;} .hearder .search_div {right: 0px;top:70px;} .w1680{width: 1200px!important;} .winwidth{width: 1200px!important;} .service .bd li{width: 1200px;} .service .bd{width: 1200px;margin-left: 0px;} .service .bd .sercon{width: 200px;} .service .sercon strong{margin-top: 0px;} .service .simg{width: 900px;float:right;} .case ul li{width: 386px;margin-right:20px;} /*.case ul li img{width: 100%;height: 325px;} .case ul li span{width: 100%;height: 325px;}*/ .case ul li img{width: 100%;height: 200px;} .case ul li span{width: 100%;height: auto;} .case ul li strong{ width: 92%; background: url(../images/cm1.jpg) no-repeat right center; overflow: hidden; white-space: nowrap; padding-left: 30px; text-overflow: ellipsis; } /*.case ul li:nth-child(3){margin-right: 0px!important;}*/ .case ul li:nth-child(2n){/* margin-right: 0px; */} .about .abconhome .more{margin-top: 0px;position: absolute;top: -70px;} .Parcon{right: -600px} .news li{width: 580px;margin-right:40px} .news li a{width: 580px;} .news li:hover:before{background: #0081cc;width: 580px;} .news li:nth-child(2n){margin-right: 0px} .news li:nth-child(3){margin-right: 40px} .news li .newsconhome{width: 300px;} .abcon .abscroll{top:1960px;} .abscroll .tempWrap{width: 960px!important;margin:auto;} .abcon .abscroll .bd li{width: 410px;height: 580px;text-align: center;} .abcon .abscroll{width: 100%} .hearder_about .winwidth_about{width: 960px;margin:auto;} .tim1.animated.scroll_response.fadeInUp{left: 50px;text-align: center;} .abx1{left: 300px;} .tim2{left: 400px;text-align: center;} .abx2{left: 61%;} .tim3{text-align: center;left: 755px;} .abcon .abscroll .bd li span{position: static;display: block;margin-top: 10px;margin-bottom:10px;} .abcon .abscroll .bd li i{position: static;display: block;margin-top: 10px;margin-bottom:10px;} .abcon .abscroll .bd li strong{position: static;display: block;background:none;padding-left:0px;margin-top: 10px;margin-bottom:10px;} .abcon .abscroll .bd li .more{position: static;width:143px;margin:auto;} .abcon .abscroll .bd li .more a{margin-right:10px;margin-left: 10px; } .abcon .abscroll .hd2{top:700px;} .abcon .abend{top:1960px;} .abcon .abendcon span{margin-top: 20px} .abcon .abendcon a{margin-top: 20px} .abcon .abimg{position: static;} .abcon .abimg img{display: block;width: 100%;margin-top: 50px} .abcon{height: 3300px} .newscon .newsone{float:inherit;margin:auto;} .newscon .newsul li{margin-left: 55px;margin-right: 60px;margin-bottom: 0px;margin-top: 60px} .newscon .newsul li:nth-child(2n){margin-right: 0px;margin-left: 0px} .newscon .newsul li:nth-child(5){margin-left: 55px} .newscon{width: 960px;} .nyimg img{width: 100%} .nycon{width: 100%} .nypage span{ margin-left: -160px;} .nypage .nynext{ margin-right: 385px;} .nylist .nylistscroll .tempWrap{width: 960px!important;margin-left: 5px;} .nylist .newsulny li{margin-right: 10px!important;margin-left:0px!important;} .nylist h3{margin-bottom: 0px} } /* 设置了浏览器宽度小于1200px时 */ @media screen and (max-width: 1200px) { .yzstop{left: 20%} .ysfourlu{width: 960px} .yzsfive{margin-top: 50px} .yszfiveimg{display: none} .yzsfour{height: auto;} .ysfourlu li:last-child{border-right:none} .yzsthree{display: none;} .ysfourlu li{width: 50%;border:none;} .yzsone .w1680 span{padding-left: 60px;} .yzstow li{width: 318px} .wsnr .winwidth{height: auto!important;} .wsdate ul{width: 840px!important;} .hearder_anli .anbj{width:100%;position:relative;overflow: hidden;no-repeat center;} .hearder_anli .casetop{left: 20px} .wsnrcon .winwidth{overflow: inherit;} .wsimg1{right: -650px} .wsimg3{right: -300px;top: 1300px;} .wsnr{width: 640px!important;margin:auto!important;} .wsnr li{width: 640px;float: inherit;margin:auto;clear:both;} .wsnr ul{width: 640px!important;margin:auto!important;} .wsnr .winwidth{width: 640px!important;margin-top:100px;} .wsdate li:nth-child(1){margin-left: 20px; margin-right: 50px;} .wsdate li:nth-child(2){margin-left: 20px; margin-right: 50px;} .wsdate li:nth-child(3){margin-left: 20px; margin-right: 50px;} .geekzi{left: 0px!important;} .geekding{left: 0px!important;} .sekuai{left: 0px!important;} .sekuaitwo{left: 0px!important;} .sekuaithree{display: none!important;} .sekuaifour{left: 0px!important;} .hearder .geekspan{left: 0px!important;} .hearder .nav{right: 0px;top:15px;} .hearder .searbut { right: 0px;top:15px;} .hearder .search_div {right: 0px;top:70px;} .w1680{width:960px!important;} .winwidth{width: 960px!important;margin:auto;overflow: hidden;} .service .simg {width: 700px;float: left;margin-left: 30px;} .service .serhd1{left: 170px} .service .sercon h4{margin-top: 5px;} .service .sercon img{margin-top: 20px;margin-bottom: 20px;} .case{padding-top:0px;} .service .bd .sercon{height: 450px} .service{padding-top:50px;} .case ul li{width: 30%;margin-right:30px;} /*.case ul li img{width: 100%;height: 100%;} .case ul li span{width: 100%;height: 245px;}*/ .case ul li img{width: 100%;height: 200px;} .case ul li span{width: 100%;height: auto;} .case ul li strong{width: 82%;background: url(../images/cm1.jpg) no-repeat 380px center;font-size: 14px;} /*.case ul li:nth-child(3){margin-right: 30px!important;}*/ .case ul li:nth-child(2n){/* margin-right: 0px; */} .about{padding-top: 0px;} .about h5{display: none} .about h4{top:50px;} .about .abconhome{top: 115px;left: 260px;z-index: 9} .about .abconhome span{margin-left:280px;} .Parcon {right: -450px;} .about .abconhome .more { margin-top: 0px; position: absolute;top: 320px; left: 280px;} .news li{width: 100%;height: 200px;} .news li a{width:100%;} .news li:hover:before{background: #0081cc;width:100%;} .news li:nth-child(2n){margin-right: 0px} .news li:nth-child(3){margin-right: 40px} .news li .newsconhome{float: left;padding-right: 55px; width: auto;} .news li .newdate{height:200px;background: url(../images/n2.png) no-repeat 30px 100px;} .news li:hover .newdate {background: url(../images/n2.png) no-repeat 30px 100px;} .news li .newdate span{margin-top: 30px} .news li .newsconhome span{ margin-top: 27px;} .foot .fnav{margin-top: 50px} .foot .fwx{display: none} .foot .w1680{height: 505px;} .foot{height: 505px;} .foot .fend p{width: 80%;margin-right:10%;margin-left:10%;line-height: 24px;font-size: 12px} .service .serhd1 .prev{display: none} .service .serhd1 .next{display: none} .abcon .abscroll .bd li span{position: static;display: block;margin-top: 10px;margin-bottom:10px;} .abcon .abscroll .bd li i{position: static;display: block;margin-top: 10px;margin-bottom:10px;} .abcon .abscroll .bd li strong{position: static;display: block;background:none;padding-left:0px;margin-top: 10px;margin-bottom:10px;} .abcon .abscroll .bd li .more{position: static;width:143px;margin:auto;} .abcon .abscroll .bd li .more a{margin-right:10px;margin-left: 10px; } .abcon .abscroll{top:1940px;} .abcon .abli li{margin-right:100px;margin-left: 100px} .abcon .abli li:nth-child(2n){margin-right:0px;margin-left: 0px} .abcon .abli{width: 960px;} .abcon .abend{top:1700px;} .abcon .abt2{display: none} .abcon .abt3{top:1250px;} .abcon .abfacon a{margin-top: 40px} .wscase .wscali{margin-left: 0px} .wsjd .wsjdcon{padding-left: 0px;padding-right: 0px;float: inherit;margin:auto;} .wsjd{height: auto;} .wsjd .wsjdcon span{display: none} .wsjd .wsjdcon strong{padding-top: 50px} .wsscroll{float:inherit;margin:auto;} .wsscroll .bd li{margin-top:30px; margin-bottom: 50px;} .yzstow{margin-bottom:0px;} } @media screen and (max-width:960px) { .foot .fend { top:400px; } .mouai{ height: 100px; padding-top: 20px; width:100%; margin: 0 auto; /* position: absolute; */ overflow: hidden; } .bgimgmob{ display: block; } .bgvido{ display: none; } .pcdi{ display: none; } .geekcontact img { display: block; width: 100%; } .about .abvideo{display: none} .yzsfour .yzsfourtop a{display: none} .yzsfive .w1680{height: 900px;} .yzsfive .yzsfivetop p{width: 100%} .yzsfive ul{width: 100%} .yzsfive li{width: 49%;margin-right:2%;} .yzsfive li:nth-child(2){margin-right: 0px;} .ysfourlu{width: 100%} .ysfourlu li{width: 100%} .yzstow li{border: none} .yzsone .w1680 .ysonecen{float:inherit;margin-left: 0px} .yzstow ul{width: 100%} .yzstow li{width: 100%;} .geekcontact .nypage{width: 640px!important;margin:auto;} .anlicon{width: 640px!important;margin:auto;} .casenylist{width: 640px!important;margin:auto;} .abcon{width:640px!important} .serviceweb h3{margin-top:20px; margin-bottom: 20px;} .serviceweb li a strong{font-size: 18px;color: #333;margin-top: 10px;display: block; margin-bottom:30px;text-align: center;} .serviceweb h3 a{float: right; margin-top: 5px; padding-left: 30px; background: url(../images/cm.jpg) no-repeat center left; transition: all 0.8s;} .wsnr .winwidth { height: 1850px!important; } .wsjd .winwidth{width:640px!important;} .service{display: none;} .serviceweb{display: block;} #canvasGL{height: 1850px!important;width: 100%!important;display: none} #canvasGL canvas{height: 1200px!important;width: 100%!important} .winwidth{/* height: 1200px!important; */width: 100%!important;} .about .abx1{display: none;} .winwidth_wsfw{width: 640px!important} .hearder .wsmbx{right: auto;left:0px} .wscase .wscali{margin-left: 0px} .wsdate ul{width: 640px!important;} .wsdate ul li{padding-right: 10px} .anlicon .anlitit li{padding-left: 60px;padding-right: 0px} .anlicon .anlitit li{height: 32px;line-height: 32px;margin-top:60px;} .winwidth_about{width: 640px!important;} .Geekcall {width: 640px;margin: auto;position: absolute;left: 0px;right: 0;z-index: 10;padding-bottom: 50px;} .newscon .newsleft{} .wsnrcon li:nth-child(2){left: 0;} .wsnrcon li:nth-child(1){left: 0;} .wsdate li{margin-right: 10px;width: 100%;margin-left:10px;margin:auto;} .hearder_about .winwidth_about{width: 640px!important;} .webnav{display:block;position: absolute;z-index: 99999; position: fixed;right: 0px;top: 0px;width: 100%;} .nav{display: none;} .webnav .webbutton{width: 100px;height: 45px;background: #fff;position: absolute;border-radius: 100px; z-index: 9999999;right: 15px;top:18px;cursor:pointer;font-size:26px;line-height:45px;color: #0c69b1;font-weight:bold;text-align: center;} .webnav .webbutton:before{content:"";width: 50px;height:2px;background: #0c69b1;display: block;position: absolute;top:20px;left:5px; transition: all 0.3s;display: none;} .webnav .webbutton:after{content:"";width: 40px;height:2px;background: #0c69b1;display: block;position: absolute;top:25px;left: 5px; transition: all 0.3s;display: none;} .webul{width: 0%;background:url(../images/navbj.png) repeat center center;height: 100%;z-index: 999999; position: absolute;top:0px;left: 0px;display: none} .webnav .webbutton:hover span{display: none} .webnav .webbutton.on { color: #fff; } .webnav .webbutton.on:before{ display: block; content:""; width: 50px; top:25px; left: 30px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* Internet Explorer */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); /* Opera */} .webnav .webbutton.on:after{ display: block; content:""; width: 50px; top:25px; left: 30px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); /* Internet Explorer */ -moz-transform:rotate(-45deg); /* Firefox */ -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */ -o-transform:rotate(-5deg); /* Opera */} .webul li a{height:90px;line-height: 90px;background: #fff;text-align: center;display: block;border-bottom: solid 1px #ccc} .webul li:last-child{border-bottom: none} .webul li a{color: #666; font-size: 24px; font-weight: bold;} /*.webul li:hover a{background: #0081cc;color: #fff;border-bottom: none}*/ .webul .topli:hover .topli_a {background: #0081cc !important;color: #fff !important;} .w1680{width:640px!important; overflow: hidden;margin:auto; } .winwidth{width:640px!important;margin:auto;overflow: hidden; } .geekzi{display: none} .geekding{display: none} .sekuaitwo{display: none} .sekuaifour{display: none} .geekspan{display: none!important;} .sekuai{display: none} .webzione{color: #fff;font-size: 120px;left:0%;top: 200px;position: absolute;font-weight:bold;display: block;} .webzitwo{color: #fff;font-size:30px;left:0%;top:350px;position: absolute;display: block;z-index: 3} .webzithree{color: #666;font-size:16px;left:0%;top:450px;position: absolute;background: #fff;line-height: 30px; height: 30px;padding-left: 10px;padding-right:10px;letter-spacing: 6px;z-index: 99;display: block;} .hearder .geekone{position: absolute;left:10px!important;} .hearder .geektow{position: absolute;left: 0%!important;} .searbut{display: none!important} .hearder .geeksan{margin-left: -25px;} .hearder .geekgun{margin-left: -25px;} .service .serhd1{width: 100%;position: static;margin-left:-15px;} .service h3{margin-left: 0%;} .service .serhd1 .prev{right: 100px;} .service .serhd1 .next{right: 50px;} .serscroll{margin-top: -50px} .case{padding-top:50px;clear:both;} .service .serhd1 li a{padding-left: 17px;} .service .serhd1 li:hover a{background: none;color: #f21c61} .service .serhd1 li.on a{background: none;color: #f21c61} .service .bd{width: 640px;} .service .bd .sercon{float:inherit;} .service .sercon img{display: none;} .service .sercon i{display: none;} .service .bd .sercon{width: auto;clear:both;height: 110px;} .service .simg{width:100%;margin:auto;margin-top: 80px;} .service .sercon strong{display: none;} .service .sercon h4{padding-top: 30px;padding-bottom: 30px;} .service .bd li{width: 100%} .service{width: 640px;margin:auto;} .case ul li{margin-right:30px;width: 300px;} /*.case ul li img{width: 100%;height: auto;} .case ul li span{width: 100%;height: auto;}*/ .case ul li img{width: 100%;height: 200px;} .case ul li span{width: 100%;height: auto;} .case ul li strong{width: 250px; background: url(../images/cm1.jpg) no-repeat 220px center;} /*.case ul li:nth-child(3){margin-right: 30px!important;}*/ .case ul li:nth-child(2n){margin-right: 0px;} .about .abconhome{left: 0px;width: 100%} .about .abconhome p{width: 100%;font-size: 20px;line-height: 45px;} .about .abconhome span{margin-left:0px;width: 100%;display: none} .about .abvi{display: none} .about .abvideo{ top: 390px;left: 0px;} .about .abconhome .more{ position: absolute;top:500px;left: auto} .Partnerimg{display: none} .about .abimg img {display: none;} .pardiv{width: 100%} .Parcon{right: 0px;width: 100%; top: 10px;} .Parcon .more{margin-top: 20px;} .Parcon .more1{top:430px;} .parx{display: none} .Parcon .Parp{top:500px;} .Parcon ul{top:680px;} .news li .newsconhome{width: 400px;} .webend{position:fixed;width: 100%;height: 80px;line-height: 80px;bottom: 0px;left: 0px;display: block;z-index: 99999; background: #fff;text-align: center;border-top:solid 1px #dedede;} .webend li{width: 25%;float: left;position: relative;} .webend li:after{content:"";height:70px;width: 1px;background: #dedede;position: absolute;top:5px;right: 0px;display: block;padding: 0;} .webend li:nth-child(4):after{display:none;} .webend li a{ font-size: 20px; font-weight: bold;} .hearder .geeksan{bottom: 175px;} .hearder .geekgun{bottom:100px;} .foot{padding-bottom:120px;} .foot .fnav{display: none} .foot .fwx {display: block;float: inherit;padding-top: 70px;text-align: center;width: 212px;margin: auto;} .webend li:hover{background: #dedede;color: #fff} .qq{display: none} .abx1{/* display: none */left: 35% !important;z-index: 129;/* width: 10px; */} .tim1.animated.scroll_response.fadeInUp{left: 13% !important;text-align: center;} .tim2{left: 50% !important;margin-left:-65px;text-align: center;} .tim3{left: 60% !important;right: auto;text-align: center;} .abcon .abtop li a{margin-left: 15px;} .abcon .abli{width:640px;} .abcon .abli li{ margin: auto;float:initial;} .abcon .abli li:nth-child(2n){margin-right:auto;margin-left:auto;} .abcon .abli li:nth-child(3){margin-right:auto;} .abcon .abt3{ top: 900px;} .abcon .abscroll{ top: 1800px;} .abcon .abscroll .bd li{width: 50%;padding-right: 0px;padding-left: 0px;padding-bottom:60px;height: auto;} .abcon .abscroll .bd li img{width: 80%} .abcon .abscroll .bd li span{font-size: 16px;} .abcon .abscroll .bd li i{font-size: 18px} .abscroll .tempWrap{width: auto!important} .abcon .abscroll .hd2{top:550px;} .abcon .abend{top: 800px} .newwidth{width: 640px!important;} .newscon .newsone{width: 570px!important;} .newscon .newslist{width: 640px} .newscon .newsul li{margin-left: 0px;margin-right: 20px;width: 310px;} .newscon .newsul li:nth-child(2n){margin-right: 0px;} .newscon .newsleft{width: 640px} .newscon{width: 640px;} .newscon .newsul li img{width: 310px;} .newliimg{width: 310px!important} .newscon .newsul li:nth-child(5){margin-left: 0px;} .nypage span{display:none} .nypage{width:auto;left: 0px;margin-bottom:50px;} .nypage .nyprve{margin-left:0px;} .nypage .nynext{margin-right: 0px;text-align: right;} .nylist{display: none} .abli{display: none} .item{position:relative;top:210px;display: block;} .abcon .winwidth{height: 800px!important;} .abcon{height:2500px!important;} .abcon .abscroll .next{display: none;} .abcon .abscroll .prev{display: none;} .abcon .abscroll .hd2{display: none;} .hearder_wsfw{height: 500px;} .hearder_wsfw .winwidth_wsfw{height: 500px;} .hearder .wsimg{bottom: 50px;} .winwidth_wsfw .wsmbx{display: none} .wsnrcon .winwidth{width: 100%!important;overflow: hidden;} .wsnrcon li:nth-child(1) {left: 50px;} .wsnrcon li:nth-child(2) {left: 50px;} .wsnrcon li:nth-child(3) {left: 50px;} .wsimg1{right:-250px;} .wsimg3{bottom: 0px;} .wsnrcon .winwidth{height: 1845px!important} .wsimg2 { position: absolute; top: 650px; left: 300px; width: 100%; } .wsdate li span{background: none;padding-left:0px;} .hearder_wsfw .wsnrcon{margin-bottom: 50px;} .wsdate em{margin:auto;margin-top: 60px;margin-bottom:60px;} .wsdate .winwidth{height:1000px!important} .wsjd .winwidth{height:1000px!important} .wsscroll .hd2{display: none} .wsscroll .hd1 .prev{display: none} .wsscroll .hd1 .next{display: none} .anlicon .winwidth{height:auto!important} .winwidth_anli{width: 100%!important} .hearder_anli .winwidth_anli{height: 300px;} .hearder_anli .winwidth_al{height: 800px;} .case .winwidth{height:auto!important} /*prograss*/ .prograss{ background:#eee; height:15px; width:100%!important; position:relative; border-radius:2px; margin-top:10px; } .prograss .bar{ background:#e95549; height:100%; width:10%; border-radius:2px 0 0 2px; } .prograss_bar_yellow{ background:#f8b757 !important; } .newscon .newstitle{display: none} .ntitle{width:100%;} .ntitle li{width: 25%;float: left;text-align: center;} .ntitle li a{width: 100%;margin-right: 0px;margin-left:0px;} .hearder_news{width:100%!important;overflow: hidden;} } /* 全局css,适合所有页面 */ * { margin: 0px;padding: 0px; } ul,p { margin: 0;padding: 0; } a { text-decoration: none;outline: 0; } input,select { outline: 0; } li { list-style-type: none;list-style: none; } img { border: 0px; } /* 高度 */ .bg-h0{ height: 0px!important;} .bg-h1{ height: 1px!important;} .bg-h2{ height: 2px!important;} .bg-h5{ height: 5px!important;} .bg-h10{ height: 10px!important;} .bg-h11{ height: 11px!important;} .bg-h12{ height: 12px!important;} .bg-h13{ height: 13px!important;} .bg-h14{ height: 14px!important;} .bg-h15{ height: 15px!important;} .bg-h16{ height: 16px!important;} .bg-h17{ height: 17px!important;} .bg-h18{ height: 18px!important;} .bg-h19{ height: 19px!important;} .bg-h20{ height: 20px!important;} .bg-h25{ height: 25px!important;} .bg-h30{ height: 30px!important;} .bg-h35{ height: 35px!important;} .bg-h40{ height: 40px!important;} .bg-h45{ height: 45px!important;} .bg-h50{ height: 50px!important;} .bg-h55{ height: 55px!important;} .bg-h60{ height: 60px!important;} .bg-h65{ height: 65px!important;} .bg-h70{ height: 70px!important;} .bg-h75{ height: 75px!important;} .bg-h80{ height: 80px!important;} .bg-h85{ height: 85px!important;} .bg-h90{ height: 90px!important;} .bg-h95{ height: 95px!important;} .bg-h100{ height: 100px!important;} .bg-h200{ height: 200px!important;} .bg-h300{ height: 300px!important;} .bg-h400{ height: 400px!important;} .bg-h500{ height: 500px!important;} .bg-h600{ height: 600px!important;} /* 宽度 */ .bg-w0{ width: 0px!important;} .bg-w1{ width: 1px!important;} .bg-w2{ width: 2px!important;} .bg-w3{ width: 3px!important;} .bg-w4{ width: 4px!important;} .bg-w5{ width: 5px!important;} .bg-w10{ width: 10px!important;} .bg-w15{ width: 15px!important;} .bg-w20{ width: 20px!important;} .bg-w25{ width: 25px!important;} .bg-w30{ width: 30px!important;} .bg-w35{ width: 35px!important;} .bg-w40{ width: 40px!important;} .bg-w45{ width: 45px!important;} .bg-w50{ width: 50px!important;} .bg-w55{ width: 55px!important;} .bg-w60{ width: 60px!important;} .bg-w65{ width: 65px!important;} .bg-w70{ width: 70px!important;} .bg-w75{ width: 75px!important;} .bg-w80{ width: 80px!important;} .bg-w85{ width: 85px!important;} .bg-w90{ width: 90px!important;} .bg-w95{ width: 95px!important;} .bg-w100{ width: 100px!important;} .bg-w150{ width: 150px!important;} .bg-w200{ width: 200px!important;} .bg-w250{ width: 250px!important;} .bg-w300{ width: 300px!important;} .bg-w350{ width: 350px!important;} .bg-w400{ width: 400px!important;} .bg-w450{ width: 450px!important;} .bg-w500{ width: 500px!important;} .bg-w550{ width: 550px!important;} .bg-w600{ width: 600px!important;} .bg-w1200{ width: 1200px!important;} .bg-w1300{ width: 1300px!important;} .bg-wp1{ width: 1%!important;} .bg-wp2{ width: 2%!important;} .bg-wp3{ width: 3%!important;} .bg-wp4{ width: 4%!important;} .bg-wp5{ width: 5%!important;} .bg-wp6{ width: 6%!important;} .bg-wp7{ width: 7%!important;} .bg-wp8{ width: 8%!important;} .bg-wp9{ width: 9%!important;} .bg-wp10{ width: 10%!important;} .bg-wp11{ width: 11%!important;} .bg-wp12{ width: 12%!important;} .bg-wp13{ width: 13%!important;} .bg-wp14{ width: 14%!important;} .bg-wp15{ width: 15%!important;} .bg-wp16{ width: 16%!important;} .bg-wp17{ width: 17%!important;} .bg-wp18{ width: 18%!important;} .bg-wp19{ width: 19%!important;} .bg-wp20{ width: 20%!important;} .bg-wp21{ width: 21%!important;} .bg-wp22{ width: 22%!important;} .bg-wp23{ width: 23%!important;} .bg-wp24{ width: 24%!important;} .bg-wp25{ width: 25%!important;} .bg-wp26{ width: 26%!important;} .bg-wp27{ width: 27%!important;} .bg-wp28{ width: 28%!important;} .bg-wp29{ width: 29%!important;} .bg-wp30{ width: 30%!important;} .bg-wp31{ width: 31%!important;} .bg-wp32{ width: 32%!important;} .bg-wp33{ width: 33.33%!important;} .bg-wp34{ width: 34%!important;} .bg-wp35{ width: 35%!important;} .bg-wp36{ width: 36%!important;} .bg-wp37{ width: 37%!important;} .bg-wp38{ width: 38%!important;} .bg-wp39{ width: 39%!important;} .bg-wp40{ width: 40%!important;} .bg-wp41{ width: 41%!important;} .bg-wp42{ width: 42%!important;} .bg-wp43{ width: 43%!important;} .bg-wp44{ width: 44%!important;} .bg-wp45{ width: 45%!important;} .bg-wp46{ width: 46%!important;} .bg-wp47{ width: 47%!important;} .bg-wp48{ width: 48%!important;} .bg-wp49{ width: 49%!important;} .bg-wp50{ width: 50%!important;} .bg-wp51{ width: 51%!important;} .bg-wp52{ width: 52%!important;} .bg-wp53{ width: 53%!important;} .bg-wp54{ width: 54%!important;} .bg-wp55{ width: 55%!important;} .bg-wp56{ width: 56%!important;} .bg-wp57{ width: 57%!important;} .bg-wp58{ width: 58%!important;} .bg-wp59{ width: 59%!important;} .bg-wp60{ width: 60%!important;} .bg-wp61{ width: 61%!important;} .bg-wp62{ width: 62%!important;} .bg-wp63{ width: 63%!important;} .bg-wp64{ width: 64%!important;} .bg-wp65{ width: 65%!important;} .bg-wp66{ width: 66%!important;} .bg-wp67{ width: 67%!important;} .bg-wp68{ width: 68%!important;} .bg-wp69{ width: 69%!important;} .bg-wp70{ width: 70%!important;} .bg-wp71{ width: 71%!important;} .bg-wp72{ width: 72%!important;} .bg-wp73{ width: 73%!important;} .bg-wp74{ width: 74%!important;} .bg-wp75{ width: 75%!important;} .bg-wp76{ width: 76%!important;} .bg-wp77{ width: 77%!important;} .bg-wp78{ width: 78%!important;} .bg-wp79{ width: 79%!important;} .bg-wp80{ width: 80%!important;} .bg-wp81{ width: 81%!important;} .bg-wp82{ width: 82%!important;} .bg-wp83{ width: 83%!important;} .bg-wp84{ width: 84%!important;} .bg-wp85{ width: 85%!important;} .bg-wp86{ width: 86%!important;} .bg-wp87{ width: 87%!important;} .bg-wp88{ width: 88%!important;} .bg-wp89{ width: 89%!important;} .bg-wp90{ width: 90%!important;} .bg-wp91{ width: 91%!important;} .bg-wp92{ width: 92%!important;} .bg-wp93{ width: 93%!important;} .bg-wp94{ width: 94%!important;} .bg-wp95{ width: 95%!important;} .bg-wp96{ width: 96%!important;} .bg-wp97{ width: 97%!important;} .bg-wp98{ width: 98%!important;} .bg-wp99{ width: 99%!important;} .bg-wp100{ width: 100%!important;} /* max-width */ .bg-mwp100{ max-width: 100% !important; } .bg-mhp100{ max-height: 100% !important; } /* margin&padding */ .bg-auto{ margin: 0 auto;} .bg-m-auto{ margin: auto;} .bg-m0{ margin: 0 !important;} .bg-m5{ margin: 5px !important;} .bg-m10{ margin: 10px !important;} .bg-m15{ margin: 15px !important;} .bg-m20{ margin: 20px !important;} .bg-m30{ margin: 30px !important;} .bg-m40{ margin: 40px !important;} .bg-m50{ margin: 50px !important;} .bg-p0{ padding: 0 !important;} .bg-p5{ padding: 5px !important;} .bg-p10{ padding: 10px !important;} .bg-p15{ padding: 15px !important;} .bg-p20{ padding: 20px !important;} .bg-p30{ padding: 30px !important;} .bg-p40{ padding: 40px !important;} .bg-p50{ padding: 50px !important;} .bg-mt0{ margin-top: 0 !important;} .bg-mt5{ margin-top: 5px !important;} .bg-mt10{ margin-top: 10px !important;} .bg-mt15{ margin-top: 15px !important;} .bg-mt20{ margin-top: 20px !important;} .bg-mt30{ margin-top: 30px !important;} .bg-mt40{ margin-top: 40px !important;} .bg-mt50{ margin-top: 50px !important;} .bg-mb0{ margin-bottom: 0 !important;} .bg-mb5{ margin-bottom: 5px !important;} .bg-mb10{ margin-bottom: 10px !important;} .bg-mb15{ margin-bottom: 15px !important;} .bg-mb20{ margin-bottom: 20px !important;} .bg-mb30{ margin-bottom: 30px !important;} .bg-mb40{ margin-bottom: 40px !important;} .bg-mb50{ margin-bottom: 50px !important;} .bg-ml0{ margin-left: 0 !important;} .bg-ml2{ margin-left: 2px !important;} .bg-ml5{ margin-left: 5px !important;} .bg-ml10{ margin-left: 10px !important;} .bg-ml15{ margin-left: 15px !important;} .bg-ml20{ margin-left: 20px !important;} .bg-ml30{ margin-left: 30px !important;} .bg-ml40{ margin-left: 40px !important;} .bg-ml50{ margin-left: 50px !important;} .bg-mr0{ margin-right: 0 !important;} .bg-mr2{ margin-right: 2px !important;} .bg-mr5{ margin-right: 5px !important;} .bg-mr10{ margin-right: 10px !important;} .bg-mr15{ margin-right: 15px !important;} .bg-mr20{ margin-right: 20px !important;} .bg-mr30{ margin-right: 30px !important;} .bg-mr40{ margin-right: 40px !important;} .bg-mr50{ margin-right: 50px !important;} .bg-mv0{ margin-top:0!important;margin-bottom:0!important;} .bg-mv5{ margin-top:5px!important;margin-bottom:5px!important;} .bg-mv10{ margin-top:10px!important;margin-bottom:10px!important;} .bg-mv15{ margin-top:15px!important;margin-bottom:15px!important;} .bg-mv20{ margin-top:20px!important;margin-bottom:20px!important;} .bg-mv30{ margin-top:30px!important;margin-bottom:30px!important;} .bg-mv40{ margin-top:40px!important;margin-bottom:40px!important;} .bg-mv50{ margin-top:50px!important;margin-bottom:50px!important;} .bg-mh0{ margin-left:0!important;margin-right:0!important;} .bg-mh5{ margin-left:5px !important;margin-right:5px!important;} .bg-mh10{ margin-left:10px !important;margin-right:10px!important;} .bg-mh15{ margin-left:15px !important;margin-right:15px!important;} .bg-mh20{ margin-left:20px !important;margin-right:20px!important;} .bg-mh30{ margin-left:30px !important;margin-right:30px!important;} .bg-mh40{ margin-left:40px !important;margin-right:40px !important;} .bg-mh50{ margin-left:50px !important;margin-right:50px !important;} .bg-pt0{ padding-top: 0 !important;} .bg-pt5{ padding-top: 5px !important;} .bg-pt10{ padding-top: 10px !important;} .bg-pt15{ padding-top: 15px !important;} .bg-pt20{ padding-top: 20px !important;} .bg-pt30{ padding-top: 30px !important;} .bg-pt40{ padding-top: 40px !important;} .bg-pt50{ padding-top: 50px !important;} .bg-pb0{ padding-bottom: 0 !important;} .bg-pb5{ padding-bottom: 5px !important;} .bg-pb10{ padding-bottom: 10px !important;} .bg-pb15{ padding-bottom: 15px !important;} .bg-pb20{ padding-bottom: 20px !important;} .bg-pb30{ padding-bottom: 30px !important;} .bg-pb40{ padding-bottom: 40px !important;} .bg-pb50{ padding-bottom: 50px !important;} .bg-pl0{ padding-left: 0 !important;} .bg-pl5{ padding-left: 5px !important;} .bg-pl10{ padding-left: 10px !important;} .bg-pl15{ padding-left: 15px !important;} .bg-pl20{ padding-left: 20px !important;} .bg-pl30{ padding-left: 30px !important;} .bg-pl40{ padding-left: 40px !important;} .bg-pl50{ padding-left: 50px !important;} .bg-pr0{ padding-right: 0 !important;} .bg-pr5{ padding-right: 5px !important;} .bg-pr10{ padding-right: 10px !important;} .bg-pr15{ padding-right: 15px !important;} .bg-pr20{ padding-right: 20px !important;} .bg-pr30{ padding-right: 30px !important;} .bg-pr40{ padding-right: 40px !important;} .bg-pr50{ padding-right: 50px !important;} .bg-pv0{ padding-top:0 !important;padding-bottom:0 !important;} .bg-pv5{ padding-top:5px !important;padding-bottom:5px!important;} .bg-pv10{ padding-top:10px !important;padding-bottom:10px!important;} .bg-pv15{ padding-top:15px !important;padding-bottom:15px!important;} .bg-pv20{ padding-top:20px !important;padding-bottom:20px!important;} .bg-pv30{ padding-top:30px !important;padding-bottom:30px!important;} .bg-pv40{ padding-top:40px !important;padding-bottom:40px !important;} .bg-pv50{ padding-top:50px !important;padding-bottom:50px !important;} .bg-ph0{ padding-left:0 !important;padding-right:0 !important;} .bg-ph5{ padding-left:5px !important;padding-right:5px!important;} .bg-ph10{ padding-left:10px !important;padding-right:10px!important;} .bg-ph15{ padding-left:15px !important;padding-right:15px!important;} .bg-ph20{ padding-left:20px !important;padding-right:20px!important;} .bg-ph30{ padding-left:30px !important;padding-right:30px!important;} .bg-ph40{ padding-left:40px !important;padding-right:40px !important;} .bg-ph50{ padding-left:50px !important;padding-right:50px !important;} /*行间距*/ .bg-lh20{ line-height: 20px; } .bg-lh21{ line-height: 21px; } .bg-lh22{ line-height: 22px; } .bg-lh23{ line-height: 23px; } .bg-lh24{ line-height: 24px; } .bg-lh25{ line-height: 25px; } .bg-lh26{ line-height: 26px; } .bg-lh27{ line-height: 27px; } .bg-lh28{ line-height: 28px; } .bg-lh29{ line-height: 29px; } .bg-lh30{ line-height: 30px; } .bg-lh31{ line-height: 31px; } .bg-lh32{ line-height: 32px; } .bg-lh33{ line-height: 33px; } .bg-lh34{ line-height: 34px; } .bg-lh35{ line-height: 35px; } .bg-lh36{ line-height: 36px; } .bg-lh37{ line-height: 37px; } .bg-lh38{ line-height: 38px; } .bg-lh39{ line-height: 39px; } .bg-lh40{ line-height: 40px; } .bg-lh45{ line-height: 45px; } /* 浮动 */ .bg-fleft,.bg-fl{ float: left!important; } .bg-fright,.bg-fr{ float: right!important; } .bg-clear{ clear:both!important; } /* 对齐 */ .bg-c{ margin-left: auto; margin-right: auto;} .bg-center{ text-align:center!important; } .bg-left{ text-align:left!important; } .bg-right{ text-align:right!important; } .bg-vm { vertical-align: middle!important;} /* 显示方式 */ .bg-inline,.bg-in { display: inline!important;} .bg-inlineblock, .bg-inb { display: inline-block!important;} .bg-blk, .block { display: block!important;} .bg-hide, .bg-none, .none .bg-collapse { display: none!important;} .bg-over-hide{ overflow: hidden; } /* 粗体、斜体 */ .bg-italic{font-style: italic!important;} .bg-noitalic{font-style: normal!important;} .bg-bold{font-weight: bold!important;} .bg-nobold{font-weight: normal!important;} /* 划线 */ .bg-lineth{ text-decoration: line-through; } .bg-lineun{ text-decoration: underline; } /* 圆角 */ .bg-circle, .bg-radius-50{ border-radius:50%!important; } .bg-round, .bg-radius-100{ border-radius:1000px; } .bg-radius-2{border-radius: 2px;} .bg-radius-3{border-radius: 3px;} .bg-radius-4{border-radius: 4px;} .bg-radius-5{border-radius: 5px;} .bg-radius-6{border-radius: 6px;} .bg-radius-7{border-radius: 7px;} .bg-radius-8{border-radius: 8px;} .bg-radius-9{border-radius: 9px;} .bg-radius-10{border-radius: 10px;} /* Color */ .bg-red { color: red!important; } .bg-f00 { color: #f00!important; } .bg-green { color: green!important; } .bg-0f0 { color: #0f0!important; } .bg-blue { color: blue!important; } .bg-00f { color: #00f!important; } .bg-white, .bg-fff { color: #fff!important; } .bg-orange { color: orange!important; } .bg-f80 { color: #f80!important; } .bg-000 { color: #000!important; } .bg-111 { color: #111!important; } .bg-222 { color: #222!important; } .bg-333 { color: #333!important; } .bg-444 { color: #444!important; } .bg-4c { color: #4c4c4c!important; } .bg-555 { color: #555!important; } .bg-666 { color: #666!important; } .bg-777 { color: #777!important; } .bg-888 { color: #888!important; } .bg-999 { color: #999!important; } .bg-aaa { color: #aaa!important; } .bg-bbb { color: #bbb!important; } .bg-ccc { color: #ccc!important; } .bg-ddd { color: #ddd!important; } .bg-eee { color: #eee!important; } .bg-fff { color: #fff!important; } /* 背景色Color */ .bg-bg-red { background-color: red!important; } .bg-bg-fff, .bg-bg-white { background-color: #fff!important; } .bg-bg-ccc { background-color: #ccc!important; } .bg-bg-eee { background-color: #eee!important; } .bg-bg-999 { background-color: #999!important; } .bg-bg-333 { background-color: #333!important; } .bg-bg-f8 { background-color: #f8f8f8!important; } .bg-bg-f7 { background-color: #f7f7f7!important; } .bg-bg-f6 { background-color: #f6f6f6!important; } .bg-bg-f5 { background-color: #f5f5f5!important; } .bg-bg-f4 { background-color: #f4f4f4!important; } .bg-bg-ef { background-color: #efefef!important; } /*边框*/ .bg-border-eee { border: 1px solid #eee; } .bg-border-ddd { border: 1px solid #ddd; } .bg-border-f1 { border: 1px solid #f1f1f1; } .bg-border-b-eee {border-bottom: 1px solid #eee;} .bg-border-b-ddd {border-bottom: 1px solid #ddd;} .bg-border-b-f1 {border-bottom: 1px solid #f1f1f1;} .bg-border-t-eee { border-top: 1px solid #eee; } .bg-border-t-ddd { border-top: 1px solid #ddd; } .bg-border-t-f1 { border-top: 1px solid #f1f1f1; } .bg-noborder { border: none !important; } .bg-last-child:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; } .bg-row2:nth-child(2n){ margin-right: 0 !important; } .bg-row3:nth-child(3n){ margin-right: 0 !important; } .bg-row4:nth-child(4n){ margin-right: 0 !important; } .bg-row5:nth-child(5n){ margin-right: 0 !important; } /* 字体 */ .bg-f-geo { font-family: "Georgia"!important;} .bg-f-yahei { font-family: "微软雅黑"!important;} /*字号*/ .bg-fs0{font-size:0!important;} .bg-fs10{font-size:10px!important;} .bg-fs11{font-size:11px!important;} .bg-fs12{font-size:12px!important;} .bg-fs13{font-size:13px!important;} .bg-fs14{font-size:14px!important;} .bg-fs15{font-size:15px!important;} .bg-fs16{font-size:16px!important;} .bg-fs17{font-size:17px!important;} .bg-fs18{font-size:18px!important;} .bg-fs19{font-size:19px!important;} .bg-fs20{font-size:20px!important;} .bg-fs21{font-size:21px!important;} .bg-fs22{font-size:22px!important;} .bg-fs23{font-size:23px!important;} .bg-fs24{font-size:24px!important;} .bg-fs25{font-size:25px!important;} .bg-fs26{font-size:26px!important;} .bg-fs27{font-size:27px!important;} .bg-fs28{font-size:28px!important;} .bg-fs29{font-size:29px!important;} .bg-fs30{font-size:30px!important;} .bg-fs31{font-size:31px!important;} .bg-fs32{font-size:32px!important;} .bg-fs33{font-size:33px!important;} .bg-fs34{font-size:34px!important;} .bg-fs35{font-size:35px!important;} .bg-fs36{font-size:36px!important;} .bg-fs37{font-size:37px!important;} .bg-fs38{font-size:38px!important;} .bg-fs39{font-size:39px!important;} .bg-fs40{font-size:40px!important;} .bg-fs50{font-size:50px!important;} .bg-fs60{font-size:60px!important;} /*响应式*/ .bg-resps{max-width: 100%;} /* flex 栅格 */ /* bg-flex-hv 水平/垂直 flex-start\flex-end\center\space-between\space-around h:s\e\c\b\a flex-start\flex-end\center\stretch\baseline v:s\e\c\t\b */ .bg-flex{ display: flex; } .bg-flex-v{ flex-direction: column; } .bg-flex-ss{ display: flex;justify-content: flex-start; align-items: flex-start;} .bg-flex-se{ display: flex;justify-content: flex-start; align-items: flex-end;} .bg-flex-sc{ display: flex;justify-content: flex-start; align-items: center;} .bg-flex-st{ display: flex;justify-content: flex-start; align-items: stretch;} .bg-flex-sb{ display: flex;justify-content: flex-start; align-items: baseline;} .bg-flex-es{ display: flex;justify-content: flex-end; align-items: flex-start;} .bg-flex-ee{ display: flex;justify-content: flex-end; align-items: flex-end;} .bg-flex-ec{ display: flex;justify-content: flex-end; align-items: center;} .bg-flex-et{ display: flex;justify-content: flex-end; align-items: stretch;} .bg-flex-eb{ display: flex;justify-content: flex-end; align-items: baseline;} .bg-flex-cs{ display: flex;justify-content: center; align-items: flex-start;} .bg-flex-ce{ display: flex;justify-content: center; align-items: flex-end;} .bg-flex-cc{ display: flex;justify-content: center; align-items: center;} .bg-flex-ct{ display: flex;justify-content: center; align-items: stretch;} .bg-flex-cb{ display: flex;justify-content: center; align-items: baseline;} .bg-flex-bs{ display: flex;justify-content: space-between; align-items: flex-start;} .bg-flex-be{ display: flex;justify-content: space-between; align-items: flex-end;} .bg-flex-bc{ display: flex;justify-content: space-between; align-items: center;} .bg-flex-bt{ display: flex;justify-content: space-between; align-items: stretch;} .bg-flex-bb{ display: flex;justify-content: space-between; align-items: baseline;} .bg-flex-as{ display: flex;justify-content: space-around; align-items: flex-start;} .bg-flex-ae{ display: flex;justify-content: space-around; align-items: flex-end;} .bg-flex-ac{ display: flex;justify-content: space-around; align-items: center;} .bg-flex-at{ display: flex;justify-content: space-around; align-items: stretch;} .bg-flex-ab{ display: flex;justify-content: space-around; align-items: baseline;} .bg-flex-wrap { flex-wrap: wrap; } .bg-flex-nowrap { flex-wrap: nowrap; } .bg-flex-grow{ flex-grow: 1; } .bg-flex-1{ flex: 1; width: 0; } /*在flex布局中,定义元素自身的对齐方式,可防止元素高度被拉伸*/ .align-self-b { align-self: baseline; } /*单行超出省略*/ .bg-elps{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .bg-elps-r2{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .bg-elps-r3{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .bg-elps-r4{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} .bg-elps-r5{text-overflow: ellipsis; overflow : hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} /*其他*/ .bg-uppercase { text-transform: uppercase; } .bg-break-all { word-break: break-all; } .bg-indent-1 { text-indent: 10px; } .bg-box-shadow { box-shadow: 0 0 5px #ccc; } .bg-relative { position: relative; } .bg-cursor, .bg-link, [bg-link] { cursor: pointer; } /*input输入框*/ .bg-input { padding: 0 5px;font-size:14px;color: #666;background: #fff;border: 1px solid #eee;border-radius: 0;outline: none;height:35px;line-height:35px; } /*placeholder*/ .bg-input::-webkit-input-placeholder { color: #808080;font-size: 14px; } .bg-input::-moz-placeholder { color: #808080;font-size: 14px; } .bg-input:-ms-input-placeholder { color: #808080;font-size: 14px; } /*复杂*/ /* 内容 */ .bg-content { word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto; } /* 使用伪类选择器li:before在li前插入元素 content:"";是插入生成的内容,常与伪元素:before,:after配合使用*/ .bg-content ul li { position: relative;padding-left: 15px; } .bg-content ul li:before{ content: ""; display: inline-block; position: absolute; left:0;top:0;bottom:0;margin: auto; width: 6px; height: 6px; background-color: #333; /* border-radius:;圆角,使方形div变圆形 */ border-radius: 100px; padding: 0; vertical-align: middle; } .bg-content img { max-width: 100% !important;height: auto !important; } /*标题前的竖线*/ .bg-vl { margin-right: 10px;height: 16px;width: 4px;background: #0081cc; } /*swiper*/ .swiper-pagination-bullet { width: 15px;height: 15px;background: none;border: 2px solid #aaa;border-radius: 100px;opacity: 1;box-sizing: border-box; } .swiper-pagination-bullet-active { background: #0081cc;border: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url(../images/jt-l.png) no-repeat center;outline: 0; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url(../images/jt-r.png) no-repeat center;outline: 0; } /*wdcms分页*/ .wdcms-page { width: 100%;margin: 20px auto;text-align: center;height: 40px;line-height: 40px;font-weight:bold; } .wdcms-page .pre-page:first-child { /*display: none;*/ } .wdcms-page .next-page:last-child { /*display: none;*/ } .wdcms-page .number-page { /*display: none;*/ } .wdcms-page a { color: #000;background: #fff;border-radius: 2px;padding: 8px 12px;margin: 0 5px;border: 1px solid #ddd; } .wdcms-page a:hover { background: #0081cc;color: #fff; } .wdcms-page span { background: #0081cc;color: #fff;padding: 8px 12px;border-radius: 2px;margin: 0 5px; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:40px;display: block !important; } .swiper-pagination-bullet { width: 15px;height: 15px;background: #fff;border-radius: 100px;opacity: 1;box-sizing: border-box;margin-right: 8px !important; } .swiper-pagination-bullet-active { background: #0081cc;border: none; } .bg-008 { color: #0081cc !important; } .bg-bg-008 { background: #0081cc !important; } /*左侧导航*/ .leftnav { width: 100%; background: #f5f5f5; border: 1px solid #eee; border-top:none; } .nyleft-tit { height:80px;line-height:80px;text-transform: uppercase; } .leftnav .navli { /*padding: 20px 0;*/ font-size: 16px; position: relative; border-bottom: 1px solid #fff; } .leftnav .navli .navli_a { display: block; color: #333231; padding: 20px 15px; } .leftnav .navli.active,.leftnav .navli:hover { /*background: #0081cc;*/ } .leftnav .navli.active .navli_a,.leftnav .navli:hover .navli_a { color: #0081cc; } .leftnav .sub { display: none; width: 100%; background: #fff; font-size: 14px; border-top: 1px solid #eee; /*border-bottom: 1px solid #eee;*/ } .leftnav .sub>ul { /*margin-left: 12%;*/ } .leftnav .sub li { line-height: 30px; padding: 15px 15px; border-bottom: 1px solid #eee; background: url('../images/jt01.png') no-repeat 94% center/3%; } .leftnav .sub .tit-dian { width:5px;height:5px;background: #eee; } .leftnav .sub li:hover,.leftnav .sub .active { background: #0081cc url('../images/jt01-h.png') no-repeat 94% center/3%; } .leftnav .sub li:hover a,.leftnav .sub .active a { color: #fff; } .leftnav .sub li:hover .tit-dian,.leftnav .sub .active .tit-dian { background: #fff; } .leftnav .sub li a { color: #333231; } .leftnav .sub2>ul { margin-left: 6%; } .leftnav .sub2 li { height: 30px; line-height: 30px; } .leftnav .sub2 li:hover,.leftnav .sub2 .active a { color: #0081cc; } .leftnav .sub2 li a { display: block; color: #333231; } .navli_plus { position: absolute; right: 15px; top: 25px; width: 12px; cursor: pointer; z-index: 99;/*width:20px !important;*//*height:20px !important;*/ } .navli_plus2 { position: absolute; right: 14px; top: 9px; width: 12px; cursor: pointer; z-index: 99; } .wapnavli { width:47%;height:50px;line-height:50px;padding: 0 20px;box-sizing:border-box; } .wapnavli a { display: block;width:100%;height:50px;line-height:50px;color: #666; } .wapnavli.active { background: #0081cc; } .wapnavli.active a { color: #fff; } .topli.active .topli_a { color: #0081cc; } .topli .topli-sub { display: none; width: 100%; background: #fff; font-size: 18px; text-align: center; } .topli .topli-sub li { border-bottom: 1px solid #f2f2f2; } .topli .topli-sub .active>a { color: #0081cc; } .topli .topli-sub li a { color: #666; line-height: 80px; height: 80px; } .webul li:hover a { color: #666; } .position, .position a { color: #808080 !important; } .nycontent { line-height:30px; } .nycontent img { max-width:100% !important;height:auto !important; } /*媒体查询*/ @media screen and (min-width: 300px) and (max-width: 960px) { html { -webkit-tap-highlight-color: transparent; } .bg-w1200 { width:95% !important;} .show-wap { display: block; } .show-pc { display: none; } .itemli-2 { width: 100% !important;} .itemli-3 { width: 48% !important;margin-right: 4% !important; } .itemli-3:nth-child(2n) { margin-right: 0 !important; } .itemli-4 { width: 48% !important;margin-right: 4% !important; } .casetuij .itemli-4 { width: 48% !important;margin-right: 4% !important; } .itemli-4:nth-child(2n) { margin-right: 0 !important; } .hearder_anli{height: 400px;} .hearder_anli .winwidth_anli{height: 400px} .wdcms-page .pre-page:first-child { display: none; } .wdcms-page .next-page:last-child { display: none; } .nyleft { display: none; } .nyright { width:100%; } .downli { margin-bottom: 25px;font-size:20px; } .downli:nth-child(5n) { margin-bottom: 60px; } } @media screen and (min-width: 961px) and (max-width:1200px) { .bg-w1200 { width:95% !important;} .show-wap { display: block; } .show-pc { display: none; } .itemli-2 { width: 48.5% !important;margin-right: 3% !important; } .itemli-2:nth-child(2n) { margin-right: 0 !important; } .itemli-3 { width: 48% !important;margin-right: 4% !important; } .itemli-3:nth-child(2n) { margin-right: 0 !important; } .itemli-4 { width: 48% !important;margin-right: 4% !important; } .itemli-4:nth-child(2n) { margin-right: 0 !important; } .hearder_anli{height: 400px;} .hearder_anli .winwidth_anli{height: 400px} .nyleft { width:23%; } .nyright { width:75%; } .downli { margin-bottom: 25px;font-size:20px; } .downli:nth-child(5n) { margin-bottom: 60px; } } @media screen and (min-width: 1201px) and (max-width: 1450px) { .show-wap { display: none; } .show-pc { display: block; } .itemli-2 { width: 48.5% !important;margin-right: 3% !important; } .itemli-2:nth-child(2n) { margin-right: 0 !important; } .itemli-3 { width: 32% !important;margin-right: 2% !important; } .itemli-3:nth-child(3n) { margin-right: 0 !important; } .itemli-4 { width: 22.9% !important;margin-right: 2.8% !important; } .itemli-4:nth-child(4n) { margin-right: 0 !important; } .nyleft { width:23%; } .nyright { width:75%; } .downli { border-right: 1px solid #eee;padding: 0 30px 20px 0;box-sizing:border-box;font-size:16px; } .downli:nth-child(2n) { border-right: none;padding-right: 0; } .downli:nth-child(10n), .downli:nth-child(10n-1) { margin-bottom: 50px; } .downli:nth-child(10n), .downli:nth-child(10n-1), .downli:last-child, .downli:nth-last-child(2) { padding-bottom: 0px; } } @media screen and (min-width: 1450px) { .show-wap { display: none; } .show-pc { display: block; } .itemli-2 { width: 48.5% !important;margin-right: 3% !important; } .itemli-2:nth-child(2n) { margin-right: 0 !important; } .itemli-3 { width: 32% !important;margin-right: 2% !important; } .itemli-3:nth-child(3n) { margin-right: 0 !important; } .itemli-4 { width: 22.9% !important;margin-right: 2.8% !important; } .itemli-4:nth-child(4n) { margin-right: 0 !important; } .nyleft { width:23%; } .nyright { width:75%; } .downli { border-right: 1px solid #eee;padding: 0 30px 20px 0;box-sizing:border-box;font-size:16px; } .downli:nth-child(2n) { border-right: none;padding-right: 0; } .downli:nth-child(10n), .downli:nth-child(10n-1) { margin-bottom: 50px; } .downli:nth-child(10n), .downli:nth-child(10n-1), .downli:last-child, .downli:nth-last-child(2) { padding-bottom: 0px; } }