/* CSS Document */ /*about*/ .banbg{ width:100%; position:relative; margin:0 auto; background:#182E42} .banbg .ban{height:350px; width:100%;position:relative;} .banbg .ban .bantitle{ margin:0 auto; text-align:center; display:block; padding-top:140px;} .bantitle h1{ font-size:26px; font-weight:normal; line-height:46px;color:#fff; text-shadow:0px 1px 1px #000;} .bantitle h1 span{ background:rgba(255,255,255,.3); margin-left:10px; padding:0 10px; font-size:28px; font-style:italic; opacity:0.5} .banbg .bantest{ height:180px;background-position:left;} .banbg .bantest:hover{ background-position:right;} .banbg .bantest .bantitle{ padding-top:60px;} .bantitle p{ font-size:14px; line-height:20px; color:#fff;} .conbg{ width:100%; position:relative; margin:0 auto; padding:10px 0; background:#F9F9F9} .conbg .con{ width:1200px; position:relative; margin:0 auto; min-height:780px; overflow:hidden;} /*product*/ .pro-nav{width:100%; position:relative; text-align:center;} .pro-nav .prnav{max-width:1000px; float:left;} .pro-nav .prnav li{ float:left; border:1px solid #EFEFEF;margin:0 5px; background:#f3f3f3;} .pro-nav .prnav li:first-child{ margin-left:0;} .pro-nav .prnav li a{ color:#585858; font-size:14px; display:block; padding:10px 18px; } .pro-nav .prnav li a span{ width:30px; height:24px; display:inline-block; vertical-align:middle;background-repeat:no-repeat; background-image:url(../img/product/pronav.png); margin-right:3px;transition-duration:0s;} .pro1{ background-position:0px 0px;} .pro2{ background-position:0px -32px;} .pro3{ background-position:0px -64px;} .pro4{ background-position:0px -100px;} .pro5{ background-position:0px -134px;} .pro6{ background-position:0px -167px;} .pro-nav .prnav .prohover,.pro-nav .prnav li:hover{ background:#009FE8;transition-duration:0s;border:1px solid #009FE8;} .pro-nav .prnav .prohover a,.pro-nav .prnav li:hover a{ color:#fff;transition-duration:0s;} .pro-nav .prnav li:hover span{ transition-duration:0s;} .prohover .pro1,.pro-nav .prnav li:hover .pro1{background-position:-38px 0px;} .prohover .pro2,.pro-nav .prnav li:hover .pro2{ background-position:-38px -32px;} .prohover .pro3,.pro-nav .prnav li:hover .pro3{ background-position:-38px -64px;} .prohover .pro4,.pro-nav .prnav li:hover .pro4{ background-position:-38px -100px;} .prohover .pro5,.pro-nav .prnav li:hover .pro5{ background-position:-38px -134px;} .prohover .pro6,.pro-nav .prnav li:hover .pro6{ background-position:-38px -167px;} .pro-nav .prnav .prohover .prohover-list{ width:100px; position:absolute; z-index:20000; display:none; margin-left:-2px;} .pro-nav .prnav .prohover .prohover-list li{ float:left; width:100%; display:inline-block; background:#ccc; margin:0;} .pro-nav .prnav .prohover .prohover-list li a{ color:#009FE8;} .pro-nav .prnav .prohover:hover .prohover-list{ display:block;} .pro-nav .ssbg{ float:right; max-width:200px; height:40px;} .pro-nav .ssbg li{ width:100%; background:#009FE8; padding:10px; height:40px;} .pro-nav .ssbg .ss{background:url(../img/product/ss.png) no-repeat; width:20px; height:20px; display:block;text-align:center; vertical-align:middle; background-size:20px;} .pro-nav .ssbg .sstxt{ position:absolute; display:none;z-index:10; right:40px; top:0px;} .pro-nav .ssbg .sstxt input{ height:40px; width:200px; border:2px solid #009FE8; padding:0 5px; color:#585858;} .pro-nav .ssbg li:hover .sstxt{ display:block;} .pro-nav .ssbg .gjc{width:199px;background:#009FE8;padding:5px 2px; margin-top:3px;} .pro-nav .ssbg .gjc li{ float:left; width:auto; font-size:12px; background:#F9F9F9; padding:3px 8px; margin:2px; border:1px solid #fff; border-left:3px solid #E9E9E9; border-radius:2px;} .pro-nav .ssbg .gjc li a{ color:#919191;} .pro-nav .ssbg .gjc li:hover{background:#fff;border-left:3px solid #F1C013;} .pro-nav .ssbg .gjc li:hover a{ color:#009FE8} .pxbg{width:100%; position:relative; margin:5px 0;} .pxbg ul{ border:1px solid #EFEFEF; background:#F3F3F3} .pxbg ul li{width:auto; float:left; height:35px; font-size:13px; margin-right:5px; padding:0 5px; line-height:35px;border-right:1px solid #E7E7E7} .pxbg ul li a{ color:#868686;} .pxbg ul li .px span{ font-family:'华文琥珀'} .pxbg ul li a.pxhover,.pxbg ul li a:hover{ color:#009FE8; transition-duration:0s;} .pxbg ul li a.pricebtn{height:25px; background:#009FE8; color:#fff; width:50px; text-align:center; display:inline-block; vertical-align:middle; line-height:25px; margin:0 5px 3px 5px;} .pxbg ul li a.pricebtn:hover,.pxbg ul li a.pricebtn:active{ background:#0D70A7;} .pxbg ul li input{ width:80px; height:25px; line-height:25px; color:#868686; padding:0 2px; margin-bottom:3px; border:1px solid #E3E3E3;} .pro-con{width:100%; position:relative; margin:20px auto; padding-bottom:15px;} .pro-con .pro-sec{float:left; width:280px; overflow:hidden; margin:10px 23px 15px 2px;box-shadow: 0 3px 5px rgba(0,0,0,0.30); border:1px solid #EBEBEB; color:#585858;} .pro-con .pro-sec:nth-child(4n){ margin-right:0px;} .pro-con .pro-sec .pro-img{width:100%; height:230px; overflow:hidden; position:relative; display:block} .pro-con .pro-sec .pro-img img{ width:auto; height:100%;margin-left:-15%; display:block} .pro-con .pro-sec:hover .pro-img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);} .pro-con .pro-sec .pro-img .prohov{ display:none; width:100%; height:100%; background:rgba(7,7,7,0.3); position:absolute; top:0; z-index:10;text-align:center;} .pro-con .pro-sec .pro-img .prohov p{text-align:center;width:100%; color:#fff; font-size:15px; letter-spacing:1px; margin-top:50%; display:none;} .pro-con .pro-sec:hover .pro-img .prohov{ display:block;} .pro-con1{ -webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;position:relative; -webkit-column-count: 4;-moz-column-count: 4;column-count: 4;} .pro-con1 .pro-sec{ float:none; display:inline-block;} .pro-con1 .pro-sec .pro-img{ height:auto;} .pro-con .pro-sec .pro-txt{width:100%;overflow:hidden;height:60px; background:#EFF0EA; padding:2px 10px;} .pro-con .pro-sec .pro-txt h2{width:98%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:32px; font-size:15px; font-weight:normal;} .pro-con .pro-sec:hover .pro-txt h2{ color:#1D7FB5; transition-duration:0s;} .pro-con .pro-sec .pro-txt h2:hover{ text-decoration:underline;} .pro-con .pro-sec .pro-txt ul{width:99%; overflow:hidden; list-style:none;} .pro-con .pro-sec .pro-txt ul li{ float:left; margin-right:15px; font-size:12px;overflow:hidden; max-width:134px; height:28px; text-overflow:ellipsis; white-space:nowrap; color:#80A9BD;} .pro-con .pro-sec .pro-txt ul li.litest{ max-width:200px;} .pro-con .pro-sec .pro-txt ul li:last-child{ margin-right:0;} .pro-con .pro-sec .pro-txt ul li i{ width:20px;height:20px; background:url(../img/app/eye.png) no-repeat 1px -2px; display:inline-block;vertical-align:middle; background-size:100%;} .pro-con .pro-sec .pro-txt ul li span{ color:#80A9BD; } .pro-con .pro-sec .pro-txt ul li i.des{ background:url(../img/app/des.png) no-repeat 3px -2px;background-size:90%;} /*page*/ .page{ width:100%; position:relative; margin:10px auto; height:40px;color:#178DD8; clear:both; padding-top:30px; text-align:center;} .pagination{padding: 2px; margin:0 auto; position:relative;} .pagination ul{margin: 0;padding: 0;font-size: 14px; width:100%;} .pagination li{list-style-type: none;display: inline;padding:5px 10px; background-color:#F1F1F1; margin:0 1px; border-radius:2px;} .pagination a{ display:inline-block;} .pagination a, .pagination a:visited{text-decoration: none; color: #178DD8;} .pagination li:hover{background-color:#DBDBDB; transition-duration:0s;} .pagination li:hover a{} .pagination li:active{background-color: #178DD8; transition-duration:0s;} .pagination a:active{color: #fff;transition-duration:0s;} .pagination li.currentpage{background-color:#178DD8;color: #FFF;} /*dh*/ .dhbg{ width:100%; position:relative; margin:0 auto; margin-top:80px;} .dhbg .dh{ width:1200px; position:relative; margin:0 auto; min-height:30px; overflow:hidden;} .dhbg .dh .dh-left{ float:left; position:relative; margin-left:10px; line-height:30px;} .dh-left a{ color:#585858; font-size:13px; margin:0 5px;} .dh-left a i{ background:url(../img/icon01.png) no-repeat left; background-size:10px; width:18px; height:18px; display:inline-block; vertical-align:middle;} /*map*/ .mapbg{ width:100%; position:relative; margin:0 auto; padding:10px 0;} .mapbg .map{ width:1200px; position:relative; margin:0 auto; min-height:50px; overflow:hidden;} .mapbg .map dl{ display:block; width:100%; position:relative;margin-left:20px; padding:15px 0; } .mapbg .map dl dt,.mapbg .map dl dd{ width:100%; position:relative;} .mapbg .map dl dt{ border-bottom:1px solid #14263D; padding-bottom:1px;} .mapbg .map dl dt a{color:#fff; font-size:16px; font-weight:bold;background:#14263D; border-left:4px solid #1D7FB5; padding:2px 10px;} .mapbg .map dl dt a:hover{ background:#1D7FB5;} .map dl dd ul{ list-style:none; width:100%; padding-left:14px; padding-top:10px;} .map dl dd ul li{ float:left;font-size:13px; margin:10px 20px 10px 0; line-height:30px;} .map dl dd ul li a{color:#585858;} .map dl dd ul li a:hover{ color:#1D7EB4;} /*case*/ .pro-con .casebg{width:100%; position:relative; margin:0 auto; padding:10px 0;} .pro-con .casebg .case{ width:100%; height:270px; margin-bottom:30px; overflow:hidden; border:1px solid #efefef;} .case .case-left{ float:left; position:relative; margin-right:20px; width:45%; height:270px; display:block; overflow:hidden;} .case .case-left a img{ display:block; width:100%; height:100%;} .case .case-left:hover a img{ transform:scale(1.14)} .case .case-right{ float:right; width:53%; padding:25px 25px 20px 0;overflow:hidden;} .case .case-right h1 span{ margin-right:5px;} .case .case-right h1 span:after{ content:'|'; margin-left:5px;} .case .case-right h1{ font-weight:normal; font-size:17px; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .case .case-right h1 a{ color:#178DD8;} .case .case-right h1 a:hover{ color:#176FA7;} .case .case-right h2{ font-size:13px; font-weight:normal; color:#888; margin-bottom:20px;} .case .case-right h2 span{ margin-right:20px;} .case .case-right p{ width:100%; height:100px;line-height:26px; font-size:14px; font-family:'宋体'; margin-top:10px; overflow:hidden;} .case .case-right .lookbtn{ border:1px solid #DBDBDB; height:40px; line-height:40px; width:100px; text-align:center; display:block; color:#178DD8; font-size:15px; letter-spacing:1px;} .case .case-right .lookbtn:hover{ background:#178DD8; color:#fff; transition-duration:0s; border:1px solid #178DD8; } .case-two .case-left{ float:right; margin-right:0;} /*case-detail*/ .head-menu{width:100%; position:relative; margin:0 auto; padding:10px 0; font-size:13px; } .head-menu a{ color:#585858;line-height:28px;} .head-menu a:hover{color:#178DD8;} .head-menu span{ margin:0 4px;} .con-detail{width:100%; position:relative; margin:0 auto; padding:10px 0 30px 0;} .con-detail .con-left{ float:left; width:78%; padding:10px 10px 30px 10px;background:#fff; box-shadow:0 0 3px rgba(0,0,0,.1); margin-left:3px;} .con-detail .jchd-detail{ width:100%;} .con-detail .jchd-detail h2 p{ display:block; width:100%; font-weight:normal; font-size:12px; color:#999; line-height:30px;} .con-detail .jchd-detail h2 p span{ margin:0 10px;} .con-detail .con-left h2{ font-size:20px; text-align:center; width:100%; line-height:40px; border-bottom:1px solid #efefef; margin-bottom:20px; padding:5px 0; color:#345362;} .con-detail .con-left h3{font-weight:normal; font-size:15px; line-height:30px;} .con-detail .con-left p{ text-indent:2em; line-height:24px; font-size:13px; margin-bottom:5px;} .con-detail .jchd-detail p{ font-size:14px;} .con-detail .con-left img{ max-width:90%; margin:10px auto; display:block;} .con-detail .con-right{ float:right;width:21%;} .con-detail .con-right .right-one,.con-detail .con-right .right-two,.con-detail .con-right .right-three{ width:100%;border:1px solid #efefef; display:block; position:relative; margin-bottom:10px;background:#fff; box-shadow:0 0 3px rgba(0,0,0,.1); margin-right:3px;} .right-one{ margin-bottom:10px; padding-bottom:10px; border-bottom:10px solid #f7f7f7;} .right-one .right-one-top{ width:100%; position:relative; min-height:60px;text-align:center; background: #efefef; display:block; padding:6px 0;} .right-one .right-one-top h2{ color:#178DD8; font-size:20px; line-height:30px;} .right-one .right-one-top p{ color:#585858; font-size:12px;} .right-one .khpj{width:100%; position:relative; margin:5px auto;} .right-one .khpj p span{ font-weight:bold;} .right-one .khpj p{color:#585858; font-size:13px; margin-top:5px; padding-left:10px;padding-right:5px;} .right-two .right-two-top{ width:100%; position:relative;display:inline; text-align:center; background:#efefef; display:inline-block; padding:6px 0;} .right-two .right-two-top h2{ color:#585858; font-size:16px; line-height:30px;} .right-two .right-two-con{ width:100%; position:relative; padding:10px 10px; border-bottom:1px solid #f2f2f2;} .right-two .right-two-con img{ float:left; width:60px; border-radius:100%; margin-right:10px;} .right-two .right-two-con .con-name{ width:auto; float:left;} .con-name h1{ font-size:13px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:30px; } .con-name h1 a{ font-size:17px;} .con-name a{ color:#585858;} .con-name a:hover{ text-decoration:underline; color:#009FE8} .con-name .coin{ width:100%; position:relative;} .con-name i{ width:16px; height:22px; display:inline-block; color:#fff; font-style:normal; font-size:11px; text-align:center; line-height:26px; background-image:url(../img/user/coin.png); background-repeat:no-repeat; margin:5px 5px 0 0;float:left; background-size:45px; text-shadow:0px 1px 1px #764C1C} .con-name .coin1{background-position:0 0px;} .con-name .coin2{background-position:0 -28px;} .con-name .coin3{background-position:0 -57px;} .con-name .safe{background-position:-24px -1px; width:20px;} .right-two .right-two-con .scole{ width:100%; padding:5px 0; display:block; text-align:center;} .right-two .right-two-con .scole li{font-size:12px; line-height:30px; display:inline-block;text-align:center;} .scole li:after{ content:'|'; margin:0 10px; color:#ccc;} .scole li:nth-child(3)::after{content:''; display:none;} .right-two .right-two-con .scole li span{ color:#F86908;} .right-two .right-two-con .con-btn{ width:100%; text-align:center; margin:5px 0;} .con-btn a{ height:30px; width:100px;display:inline-block; text-align:center;font-size:14px; letter-spacing:1px; margin:0 5px;} /*remand*/ .con-detail .con-left .table{ text-align:left;} .con-detail .con-left .table a{ color:#178DD8; font-size:15px;} .con-detail .con-left .table a h2{ text-align:left; border:0; margin:0; padding:0;font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:26px; font-weight:normal;} .con-detail .con-left .table a h2 span{ margin-right:5px; color:#FF7E00} .con-detail .con-left .table a h2:hover{ color:#FF7E00; transition-duration:0s;} .con-detail .con-left .table tr td p{font-size:12px; text-indent:0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0;} .con-detail .con-left .table tr td{font-size:12px; border-bottom:1px dashed #efefef; padding:10px 5px;} .con-detail .con-left .table tr td p span{color:#178DD8; margin-right:2px;} .con-detail .con-left .table tr td p i{color:#FF7E00; margin:0 2px; font-style:normal;} .con-detail .con-left .table tr:hover{ background:#EDF6FB} .right-three{ padding:10px;} .right-three .right-three-top{ width:100%; position:relative; margin:5px 0;} .right-three .right-three-top h2{ text-align:center;} .right-three .hot-remand section{ width:100%; margin-bottom:15px;} .right-three .hot-remand img{ overflow:hidden; width:100%; height:auto;} .right-three .hot-remand a{ font-size:13px; color:#585858;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; line-height:28px;} .right-three .hot-remand a span{color:#FF7E00; margin-right:5px;} .right-three .hot-remand .remand-btn{ width:100%; } .right-three .hot-remand .remand-btn span{ background:#FF7E00; color:#fff; padding:2px 5px; font-size:11px; border-radius:3px;} .re-btn{ width:100%; position:relative; margin-bottom:10px; height:40px; line-height:40px; padding:0 1px;} .re-btn a{ background:#178DD8; color:#fff; display:block; text-align:center;border-radius:2px;} .re-btn a:hover{background:#1374A8} /*jyxy*/ .expbg{ background-color:rgba(255,255,255,.9); width:100%; border-radius:2px; padding-bottom:30px; min-height:400px;} .jyxy{ width:100%; position:relative;padding:15px 10px; border-bottom:1px solid #efefef; display:block; padding-bottom:20px;} .jyxy:hover{ background:#f9f9f9;} .jyxy .jyxy-tx{ width:110px; height:110px;margin-right:5px; float:left;} .jyxy .jyxy-tx img{ width:110px; height:auto; border-radius:100%;} .jyxy .jyxy-tx a:hover img{ transform:scale(1.1)} .jyxy .jyxy-txt{ float:left; width:400px; text-align:left;} .jyxy .jyxy-txt .jyxy-name{ width:100%; display:block;} .jyxy .jyxy-txt .jyxy-name h2 a{ color:#178DD8; font-size:16px;} .jyxy .jyxy-txt .jyxy-name h2 a:hover{ text-decoration:underline;} .jyxy-name h2:before{ content:''; background:none; width:0; margin:0; height:0;} .jyxy .jyxy-txt .jyxy-name h2{ border:0; padding:0; margin:0; text-align:left; float:left; width:auto;} .jyxy .jyxy-txt .jyxy-name i{ width:17px; height:22px; display:inline-block; color:#fff; font-style:normal; font-size:11px; text-align:center; line-height:26px; background-image:url(../img/user/coin.png); background-repeat:no-repeat; margin:12px 2px 0 5px;float:left; background-size:45px; text-shadow:0px 1px 1px #764C1C} .coin1{background-position:0 0px;} .coin2{background-position:0 -28px;} .coin3{background-position:0 -57px;} .safe{background-position:-24px -1px; width:20px;} .jyxy .jyxy-txt .jyxy-fwfw{ display:block; width:100%; font-size:13px; color:#7C7C7C; margin-top:0px;} .jyxy-btn1{ width:100%; position:relative; display:block; margin-top:18px;} .jyxy-btn1 a{ padding:2px 5px;font-size:12px; margin-right:9px;} .jyxy .jyxy-jl{ float:right; height:110px; width:130px; overflow:hidden;border:1px solid #f2f2f; box-shadow:0 1px 4px #ccc; background:-moz-linear-gradient(top,#fff,#f6f6f8);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#f6f6f8));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f6f6f8)); background: -webkit-linear-gradient(top, #fff, #f6f6f8); padding:5px;} .jyxy .jyxy-jl img{ margin-top:-5px;} .jytop{ background:url(../img/school/cjtop.png) no-repeat top left; position:absolute; width:40px; height:40px; margin-top:-5px; margin-left:-5px;} .jytop span{ font-size:10px; display:block; margin-top:0px;} .jyxy-jl1{ width:100%; padding:10px 0 10px 0; color:#666; border-bottom:1px dashed #E3E3E3;} .jyxy-jl1 em{color:#777; margin:0; padding:0; line-height:22px; font-size:12px; font-weight:normal; font-style:normal; display:block; text-align:center;} .jyxy-jl1 em span{ font-size:15px; color:#009FE8;} .jyxy-jl2{width:100%; padding:5px; } .jyxy-jl2 em{ margin:0; padding:0; line-height:22px; font-size:12px; font-weight:normal; font-style:normal; display:block; text-align:center; color:#F86908;} /*xxzl*/ .con-detail .xxzl{ width:100%; padding:10px; position:relative} .con-detail .xxzl li{ width:100%; margin:10px 0; border-bottom:1px dashed #efefef; padding:9px 0; font-size:13px;} .con-detail .xxzl li a{ color:#585858;} .con-detail .xxzl li a em{ margin-right:5px; color:#009FE8; display:inline-block} .con-detail .xxzl li:hover a em{ transform:rotate(360deg)} .con-detail .xxzl li span{ float:right;} .con-detail .xxzl li a:hover{color:#178DD8; transition-duration:0s;} /*order*/ .pro-con .order-table{ text-align:center} /*hot-test*/ .hot-test{ width:100%; position:relative; margin:0 auto; border:1px solid #f1f1f1; margin-bottom:10px;} .hot-test-top{ width:100%; height:34px; position:relative; background:#F3F3F3;border-bottom:1px solid #f1f1f1;} .hot-test-top h2{ text-align:left; line-height:34px; margin-left:10px; font-size:14px;} .hot-test .hot-test-con{ min-height:40px;} .hot-test-con .test-con{ width:279px; margin:10px 8px; display:inline-block;} .hot-test-con .test-con:hover{ background:#F3F3F3} .test-con .test-img{ float:left; width:70px; height:70px; margin-right:8px;} .test-con .test-img img{ width:70px; height:70px; border-radius:3px;} .test-con .test-txt{ float:left; text-align:left; overflow:hidden;} .test-txt h3{ font-size:13px; line-height:26px;color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .test-txt h3:hover{ color:#009FE8; text-decoration:underline; transition-duration:0s;} .test-con:hover .test-txt h3{color:#009FE8;} .test-con p{ font-size:12px; color:#80A9BD; line-height:22px;} .test-con p span{ margin-right:5px;} /*test-detail*/ .test{width:100%; position:relative;} .test .test-detail{ width:100%; position:relative; margin-bottom:15px; border:1px solid #f2f2f2;} .hot{ position:absolute; right:0;top:0; margin-top:-5px; margin-right:-5px;} .testbg-left{ width:79%; float:left; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.1); min-height:600px; position:relative; margin-left:3px;} .testbg-right{ width:19%; float:right; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.1); min-height:200px; position:relative;margin-right:3px;} .testbg-top{padding:20px; width:100%; border-bottom:1px solid #f1f1f1; position:relative;} .t-title{ float:left; position:relative; display:inline;} .t-title h1{ font-size:20px; color:#345362; line-height:40px;margin-left:0px;} .t-title h2{ font-size:14px;margin-left:10px;color:#98B1BD; font-weight:normal;} .t-title h2 span{ font-size:20px; font-weight:bold; color:#FF7E00; margin-right:5px;} .t-title p{ font-size:14px; color:#98B1BD; line-height:24px;} .t-title p i{ color:#009FE8; font-style:normal;} .t-title p span{ margin:0 5px;} .style{ background:#98B1BD; color:#fff; padding:1px 4px; border-radius:2px;} .t-btn{ float:right; padding:35px 15px 0 0;} .atitle{ position:absolute; font-size:12px; margin-top:15px; margin-left:3px;} .atitle a{ color:#009FE8; margin:0 1px;} .allbtn{ background:#009FE8; color:#fff; border:1px solid #009FE8;font-size:14px; padding:5px 8px; border-radius:3px; margin:0 1px;} .allbtn2{ background:#fff; color:#009FE8; border:1px solid #009FE8;font-size:14px; padding:5px 8px; border-radius:3px; margin:0 1px;} .allbtn3{ background:#14263D; color:#fff; border:1px solid #14263D;font-size:14px; padding:5px 8px; border-radius:3px; margin:0 1px;} .allbtn:hover,.allbtn2:hover{border:1px solid #1C81B0; background:#fff; color:#1C81B0} .allbtn3:hover{ background:#213E64;color:#fff;border:1px solid #213E64} .t-title p span.span-fl{ margin:0 10px;} .t-detail{ width:100%; padding:20px 30px; border-bottom:1px solid #f1f1f1; overflow:hidden;} .t-detail p{ font-size:16px; line-height:28px; color:#345362; text-align:left;} .t-detail img{ max-width:100%; margin:15px auto; display:block; height:auto;} .t-user{ width:100%; position:relative; padding:10px;} .t-username{ width:100%; text-align:center;} .t-username img{ width:100px; height:100px; border-radius:100%; display:inline-block; text-align:center; margin:10px 25%;} .t-username p{ color:#345362; font-weight:bold;} .coin{ width:100%; position:relative; text-align:center;} .coin i{ width:16px; height:26px;display:inline-block; color:#fff; font-style:normal; font-size:11px; text-align:center; line-height:26px; background-image:url(../img/user/coin.png); background-repeat:no-repeat; margin:5px 2px;background-size:45px; text-shadow:0px 1px 1px #764C1C;} .coin .coin1{background-position:0 0px;} .coin .coin2{background-position:0 -28px;} .coin .coin3{background-position:0 -57px;} .coin .safe{background-position:-24px 0px; width:20px;} .t-user-btn{ width:100%; background:#f7f7f7; height:55px; border-top:1px solid #f1f1f1;} .t-gz{ width:48%; display:inline-block; height:100%; text-align:center; color:#009FE8;} .t-gz:first-child{ border-right:1px solid #f1f1f1;} .t-gz em{vertical-align:bottom; display:block; font-size:30px; margin-top:7px; } .t-pl{ width:100%; position:relative; padding:30px 0;} .t-pl p{ float:left; margin-right:20px; color:#375C6C; font-size:15px; line-height:50px;} .pl-login{width:96%; padding:10px;background:#E7F7FF; margin-left:2%; border:1px solid #AAD9F1; border-radius:2px;} .pl-detail{ width:100%; position:relative;} .pl-detail li{ width:100%; padding:20px 30px; position:relative;} .pl-detail li:hover{ background:#EEF5F9} .pl-tx{ float:left; margin-right:20px;} .pl-tx img{ width:60px; height:60px; border-radius:100%;background-color:#f2f2f2;} .pl-txt{ float:left; position:relative; width:90%;} .pl-txt h2{ width:100%; position:relative; display:block; font-size:15px; margin-bottom:5px;} .pl-txt h2 a{ color:#888; margin-right:20px;} .pl-txt h2 time{ font-size:12px; font-weight:normal; color:#999;} .pl-txt p{ font-size:15px; color:#345362;} .pl-txt .pl-hf{ margin-top:10px; font-size:13px;} .pl-txt .pl-hf a{ color:#009FE8} .pl-txt .pl-hf a:hover{ text-decoration:underline; color:#1260A8} .cn{font-size:15px; color:#FFB007; float:right;} .cn i{ font-size:22px; line-height:22px;} .hfbg{ width:100%; min-height:200px; border-top:1px solid #f1f1f1; padding:20px;} .hftxt{ width:100%; min-height:180px; border-radius:2px; border:1px solid #AAD9F1; padding:10px 15px; color:#666; font-size:14px; line-height:24px;} .hfbg .allbtn{ float:right; margin:10px 10px 10px 0;} .pl-hfdetail{ padding:10px 0; overflow:hidden; display:none;} .pl-hfdetail textarea{ width:100%;border-radius:2px; border:1px solid #AAD9F1;padding:10px 15px; color:#666; font-size:14px; line-height:24px; min-height:60px; margin-bottom:5px;} .pl-hfdetail .allbtn{ float:right;} .pl-skill{ padding:30px 0; padding-top:10px;} .pl-skill .pl-tx img{ width:35px; height:35px;} .pl-skill li{padding:5px 30px; position:relative;} .skillbar { float:left;position:relative;display:block;margin-top:5px;width:90%;background:#eee;height:30px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; } .skillbar-bar {height:30px;width:0px;background:#65C2EC;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .skill-bar-percent {position:absolute;right:10px;top:0;font-size:11px;height:30px;line-height:30px;color:#ffffff;color:rgba(0, 0, 0, 0.4);} .yjbl{ width:100%; position:relative; padding-top:15px; text-align:center;} .yjbl-tilte{height:60px;line-height:60px; color:#666; margin:0 auto; font-weight:normal;} .yjbl img{ height:35px; width:auto; margin-right:5px; vertical-align:middle;} /*product-detail*/ .pro-detail-nav{ width:100%; height:38px; background:#f7f7f7;} .pro-detail-nav li{ float:left; padding:0 20px; line-height:38px;border-top: 2px solid #f7f7f7; font-size:14px;} .pro-detail-nav li a{ color:#585858;} .pro-detail-nav li a span{ color:#009FE8} .pro-detail-nav li.hover{ background:#fff; border-top: 2px solid #009FE8;} .all-star{ width:100%; position:relative; padding:30px 0; border-bottom:1px solid #f2f2f2; margin-bottom:5px;} .star{ position:relative; list-style:none; font-size:12px; margin-bottom:3px; margin-left:-3px;} .star li{width:9px; padding:0; display:inline-block; margin:0; color:#FF7E00;} .star li.starp{ width:auto; margin-left:10px;} .pl-txt p.star-pj{ font-size:13px;} .star-left{ width:20%; float:left; padding:0 20px; border-right:1px solid #f2f2f2; text-align:center;} .star-left p{ width:100%; margin:0; padding:0; line-height:24px; font-size:13px;} .star-left p span{ font-weight:bold; font-size:18px; color:#FF7E00; line-height:30px;} .star-right{ width:80%; float:left; padding:0 20px;text-align:left;} .star-right-detail{ width:100%; position:relative;} .star-right-detail li{ font-size:14px; padding:2px 4px;} .star-right-detail li span{ margin-right:15px;} .star-right-detail li span i{ font-style:normal; color:#FF7E00; margin:0 2px;} .star-nav{ width:100%; padding:0 20px; position:relative;} .star-nav li{ padding:5px 10px; display:inline-block;} .star-nav li a{ color:#585858; font-size:14px;} .star-nav li a em{ font-size:20px; font-weight:bold; background:#f9f9f9; border-radius:100%;} .star-nav li a.star-navhover{color:#009FE8} .icon1{ color:#FF7E00;} .icon2{ color:#E9CC09;} .icon3{ color:#D3D3D3;} /*demand-detail*/ .demand-detail{ width:99%;position:relative; border:1px solid #f2f2f2;background:#fff; box-shadow:0 0 3px rgba(0,0,0,.1); margin-left:3px;min-height:500px;} .demand-detail-left{ float:left; padding:20px;} .demand-detail-right{ float:right; width:20%;} .demand-detail-left h1{ font-size:23px; line-height:40px;} .demand-detail-left h1 span{ color:#009FE8; margin-right:5px;} .demand-detail-left h2{ font-size:13px; font-weight:normal; line-height:30px; color:#888; margin-bottom:20px} .demand-detail-left h2 span{ color:#009FE8;} .demand-detail-left h3{font-weight:normal; line-height:28px; font-size:17px;} .demand-detail-left p{ font-size:14px; line-height:24px;} .tb{ width:100%; margin:15px 0; padding-top:20px; margin-top:30px; border-top:1px dashed #C4C4C4;} .demand-detail-lc{ width:100%; } .demand-detail-lc li{ width:100%; color:#BABABA; line-height:45px; font-size:14px; padding-left:30px;} .demand-detail-lc li.lc-line{ border-left:1px solid #f1f1f1;} .demand-detail-lc li.line1{ border-left:1px solid #82C5EA;color:#009FE8;} .demand-detail-lc li.line2{ border-left:1px solid #82C5EA; background:#ECF6FB;color:#009FE8;} .demand-detail-lc li i{ margin-right:30px; width:14px; height:14px; display:inline-block; position:absolute; margin-left:-41px;} .tb-txt{ width:100%; position:relative; min-width:620px;} .tb-txt dl{ width:100%; position:relative; display:block; padding:3px 0; font-size:14px; color:#666;} .tb-txt dl dt{ display:inline;} .tb-txt dl dd{ display:inline;} .tb-txt dl dd span{ display:inline; color:#0B7ADC;} .tbzs{ width:100%; position:relative;padding:20px;padding-left:0; margin-top:50px;} .tbzs span{ font-size:12px; background:#D9DCE8; padding:2px 5px; color:#0B435C} .tbz{ width:100%; position:relative; display:block;} .tbz li{ float:left; margin-right:10px; width:40px; height:40px; overflow:hidden; border-radius:100%; margin-top:10px;} .tbz li img{width:40px; height:40px;} /*tb*/ .textarea{ width:100%; border:1px solid #DBDBDB; border-radius:4px; min-height:200px; margin:10px 0; padding:15px; font-size:14px; color:#666;} .txtnum{border:1px solid #DBDBDB; border-radius:3px; padding:0 2px;width:100px; text-align:center; color:#666; height:24px; line-height:24px; margin-right:5px;} .txtnumbig{border:1px solid #DBDBDB; border-radius:3px; padding:0 2px;width:560px; text-align:left; color:#666; height:24px; line-height:24px;} .txtnum:hover,.txtnum:focus,.txtnumbig:hover,.txtnumbig:focus,.textarea:hover,.textarea:focus{ border:1px solid #72C8F0;} .wait{margin:40px 30px; position:relative; font-size:16px;} .wait em{ font-size:45px;position:absolute; top:0; margin-top:-5px;} .wait:hover em{color:#009FE8;} .wait p{ color:#666; display:block; width:500px; padding-left:100px; } .wait p a{ color:#009FE8; margin:0 2px;} .wait p a:hover{ text-decoration:underline;} /*about*/ .about{ width:100%; padding:10px; position:relative;} .about h1{ text-align:center; font-size:20px; letter-spacing:0px; font-weight:600; margin-bottom:15px; line-height:40px} .about h1:after{ content:''; height:2px; width:60px; background:#585858; display: block; text-align:center; margin:10px auto;} .about h2{ font-size:18px; font-weight:normal; color:#666; line-height:40px;} .about p{ font-size:14px; text-indent:2em; line-height:26px; color:#585858; font-family:'宋体'} .about p a{ margin:0 2px; color:#009EE7;} .about p a:hover{ text-decoration:underline;} .hao{ width:30px; height:30px; background:url(../img/yinhao1.png) no-repeat center; display:inline-block; margin-right:6px; opacity:0.8} .hao1{ width:30px; height:30px; background:url(../img/yinhao2.png) no-repeat center; display:inline-block; margin-left:6px; opacity:0.8} .pic{ width:100%; position:relative; padding:10px 0;} .pic img{ width:24%; display:inline-block; height:auto; margin:0; padding:0; border:4px solid #fff; border-radius:10px;} .pic img:hover{ transform:scale(1.1)} #brg{ width:100%; height:100%; background:#333; position:fixed; top:0; left:0; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; display:none; z-index:999;} .showdiv{width:100%; height:auto; position:absolute; left:0; top:150px;z-index:10000;display:none; top: 50%; transform: translateY(-50%);} .testdiv{ width:1000px;margin:0 auto; background:#14263D;border-radius:3px; padding-bottom:2px;} .testdivbig{width:100%;height:100%;} .showdivbig{top:0; position:fixed} .testdiv500{ width:500px; min-height:200px;} .testdiv500 .show-first h2{ text-align:center; padding:30px 20px;} .testdiv500 .show-first h2 a{ color:#009FE8; margin:0 2px;} .testdiv500 .show-first h2 a:hover{ text-decoration:underline;} .showdiv-head{ height:35px; width:100%; padding:0 10px; line-height:35px;} .showdiv-head h1{ color:#fff; font-size:15px; float:left;} .showdiv-btn{ float:right; } .showdiv-btn a{color:#fff;} .showcon{ width:99%; margin:10px auto; position:relative; background:#fff; height:100%; margin-top:0;} .show-first{ width:100%; padding:20px; text-align:center;} .show-first h2{ text-align:left; line-height:26px; font-weight:normal; font-size:15px; margin:10px 0;} .people{ width:100%; display:block; padding:40px 30px; min-height:200px;} .people li{ display:inline; margin:5px;} .button{ background:#D3EAF5; outline:none; border:0; padding:7px 25px 7px 15px; border-radius:2px; font-size:16px; color:#5E7D8C; font-family:'微软雅黑'; cursor:pointer;} .button em{ color:#C0DCE9; position:absolute;} .button:hover,.button:active,.button:focus{ background:#9BD9F7;color:#14263D;} .button:hover em,.button:active em,.button:focus em{ color:#14263D;} .show-btn{ width:100%; padding:20px 0;} .showtitle{ width:99%; margin:0 auto; margin-top:15px; height:35px;} .showtitle-list{ background:#fff; color:#14263D; border-top-left-radius:2px; border-top-right-radius:2px; padding:0px 10px; font-size:14px;float:left; height:35px; line-height:35px;} .shownav{ float:right;height:35px; line-height:35px; padding:0 10px; min-width:100px; text-align:center;} .shownav li{ display:inline; margin-left:5px;} .shownav li a{ color:#fff; font-size:12px; display:inline-block; padding:0 5px;} .shownav li a em{ margin-right:5px;display:inline-block} .shownav li:hover a em{ transform:rotate(360deg)} .shownav li a:hover{ background:#223C5E} .show-two{ width:100%; padding:20px; min-height:700px;} .wxts{width:100%; padding:0px 7px; position:relative; color:#fff; font-size:12px;} .wxts p{line-height:28px;} .all-table{ width:99%;margin:10px auto; display:inline-table; position:relative; text-align:center; vertical-align:middle; margin-left:0.5%;} .all-table tr{ height:46px; border-bottom:1px solid #f2f2f2;} .all-table tr th,.all-table tr td{ vertical-align:middle; padding:1px; font-size:13px;} .tb-btn{ color:#009FE8; font-size:16px;} .tb-btn:hover{ background:#009FE8; color:#fff; border-radius:100%;} .number{ text-align:center; color:#585858; border:1px solid #fff; width:60px; outline:none;} .number:hover,.number:focus{ border:1px solid #E1F3F9; background:#E1F3F9;} .hj-left{ float:left; line-height:46px; padding-left:20px; color:#777; font-size:12px;} .hj-left span{color:#009FE8; margin:0 2px;} .hj-right{ float:right; line-height:46px; padding-right:20px;} .hj-right p{ display:inline-block; margin-right:20px; color:#009FE8} .hj-right p span{ font-size:20px; font-weight:bold; margin:0 2px;} .p-bigline{ margin:15px 0;} .strong{ color:#009EE7; font-size:30px; vertical-align:bottom; margin-right:10px;} .p-lc{ font-size:18px; padding-top:20px; color:#666; font-weight:normal; margin-left:5px} .p-lc span{color:#009EE7; vertical-align:middle; font-size:35px; margin-left:7px; font-style:italic;} .jylm-btn a{width:220px; display:inline-block;text-align:center;} /*pxbm*/ .pxbm{ width:100%; padding:10px 20px 10px 0; position:relative; display:inline-block; overflow:hidden;} .pxbm-left{ float:left; width:45%; overflow:hidden;} .pxbm-detail{ padding:30px; position:relative; border:1px solid #f2f2f2; background:#f7f7f7; margin-bottom:10px;} .pxbm-detail dl{width:100%; float:left; margin-bottom:10px; font-size:15px;} .pxbm-detail dl dt{ float:left; width:100px;} .pxbm-detail dl dd{ float:left; color:#009FE8} .pxbm-detail dl dd select{ min-width:120px; color:#009FE8;} .i:after{ content:'*'; color:red; font-size:16px; vertical-align:middle; font-weight:bold; margin-left:5px;} /*文章内容*/ .article{ width:99%} .article .t-title{ text-align:center; width:100%;} /*联系我们*/ .lxwmbg{ width:100%; position:relative; padding:20px;margin-top:50px} .lxwm{ width:31.2%; float:left; text-align:center; margin:1%; padding:40px 15px; border:1px solid #EBEBEB; margin-top:50px;} .lxwm-top{ border:1px solid #ebebeb; width:120px; height:120px; text-align:center; border-radius:100%; position:absolute; top:0; margin-left:100px; background:#F9F9F9; z-index:1;} .lxwm-top img{ margin-top:8px;} .lxwm-con{ margin-top:30px; min-height:150px;} .lxwm-con h2{ margin-bottom:20px; font-weight:normal; font-size:18px;} .lxwm-con p{ font-size:14px; line-height:24px;} .lxwm-con p img{ margin:5px;} .ma{ width:100px; height:auto;} .lxwm:hover,.lxwm:hover .lxwm-top{ background:#fff;} .lxwm:hover .lxwm-top img{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); transform:rotate(360deg);} /*常见问题*/ .cjwt .icon-help-circled-alt{color:#009FE8; font-size:30px; font-style:italic; display:inline-block;} .wt{color:#009FE8 !important; font-size:18px;} .wt span{ font-size:16px;} .cjwt li p{ padding:5px 45px; padding-right:0;} .cjwt li:hover .icon-help-circled-alt{ transform:rotate(360deg)} /*user*/ .usertop{ width:100%; padding:10px; position:relative;} .usertop-left{ width:30%; display:inline-block; padding:0; vertical-align:top; padding-top:30px; float:left;height:200px; overflow:hidden;} .usertop-left p{ font-size:13px; line-height:20px; color:#4C768B;} .usertop-left p em{ margin-right:5px;} .usertop-center{ width:40%; display:inline-block; text-align:center; float:left;height:200px; overflow:hidden;} .usertop-right{ display:inline-block; float:right;height:200px; overflow:hidden;margin-top:25px;} .usertop-right p{color:#fff;font-size:14px; font-weight:normal; background:#98B5C5; padding:0 5px; line-height:24px; vertical-align:middle;} .usertop-right p span{font-size:20px; font-weight:bold;color:#345362; } .usertop-ul{ width:100%; margin-bottom:10px; padding-top:15px;} .usertop-ul li{ display:inline-block; width:33%;text-align:center; color:#345362; float:left;} .usertop-ul li strong{ display:block; font-size:20px; font-weight:bold;} .usertop-ul li span{ display:block; font-size:14px; font-weight:normal; color:#8DAFC0;} .usertopright-btn{ width:100%; text-align:center;display:inline-block;} .usertopright-btn a{width:50%; color:#009FE8; font-size:30px; padding:5px;} .usertopright-btn a:hover{ color:#077BB0} .gz-ul{ width:200px; display:inline-block; margin-top:5px;} .gz-ul li{ float:left; margin-right:10px; color:#345362; font-size:12px;} .gz-ul li strong{display:block; text-align:center;} .gz-ul li span{ display:block;color:#8DAFC0;} .gz-new{ width:16%; float:left; height:110px; overflow:hidden; padding:0; margin-right:10px;} .gz-new img{ width:170px; display:inline-block; height:110px;} .gz-new a{ display:inline-block; width:170px; overflow:hidden;} .gz-new a:hover img{ transform:scale(1.07)} .con-detail .con-all{ width:99.5%;} .user-list{ width:80% !important; float:left;} .user-list .jyxy-fwfw p{margin:0; padding:0; text-indent:0; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#4C768B;} /**product-search**/ .searchbg{ width:100%; min-height:200px; text-align:center; position:relative; padding:20px; vertical-align:middle; padding-top:60px;} .search{ display:inline-block; width:400px; height:38px; padding:0 5px; line-height:38px; margin:0; border:1px solid #009FE8; box-shadow:0px 0px 5px rgba(0,0,0,0.2); color:#585858;} .search-btn{ display:inline-block; width:70px; height:38px; background:#009FE8; margin:0; padding:0; line-height:37px; margin-left:-6px; vertical-align:top;box-shadow:0px 0px 5px rgba(0,0,0,0.2); background:#009FE8; text-align:center;} .search-btn img{ padding:0; margin:0; height:27px; width:auto; text-align:center; vertical-align:middle;} .search:hover,.search:focus{ box-shadow:0px 0px 3px #79D1F9} .search-btn:hover,.search-btn:focus{ background:#11678F;} .lookmore{ float:right; padding-top:15px;} .lookmore a{ color:#009FE8; font-size:12px; margin-right:5px;} .lookmore a:hover{ color:#098AC5; text-decoration:underline;} .gjc{width:199px;background:#009FE8;padding:5px 2px; margin-top:3px;} .gjc li{ float:left; width:auto; font-size:12px; background:#F9F9F9; padding:3px 8px; margin:2px; border:1px solid #fff; border-left:3px solid #E9E9E9; border-radius:2px;} .gjc li a{ color:#919191;} .gjc li:hover{background:#fff;border-left:3px solid #F1C013;} .gjc li:hover a{ color:#009FE8} .gjcbig{ float:none; position:absolute; margin-left:345px; width:400px; display:none; z-index:200;} .searchbgleft{ text-align:left; padding:0px; padding-top:10px; min-height:70px;} .search-result{ float:left; text-align:left; font-size:13px; color:#666; height:30px; background:#f1f1f1; line-height:30px; padding:0 5px; margin-top:5px;} .search-result p{ margin:0; padding:0;} /*2018-03-14新增样式*/ #brg{ background:url(../img/banner/banner1.jpg) no-repeat; background-size:cover; height:100%;filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9;z-index:3000;} .testdiv{ border:2px solid #fff; background:transparent; border-radius:0px 5px 5px 5px;} .showcon{border-radius:0px 5px 5px 5px;} .role{ background:transparent; border:0; outline:none; margin:10px; filter:alpha(opacity=80); -moz-opacity:.8;opacity:.8;overflow:hidden;text-align:center; width:150px;} .role img{ margin:0 auto; margin-bottom:5px; width:90px; height:90px; display:block;} .role p{ width:100%; text-align:center; color:#1C3049;display:block;} .role:hover,.role:focus{ opacity:1; cursor:pointer; transform:scale(1.1); transition:ease 0.2s;} .role:hover p,.role:focus p{color:#009FE8} .allbtn3{ background:#009FE8; border-color:#009FE8} .deep-con{ width:100%; display:block; padding:40px 30px; min-height:200px;} .deep-con .textarea{font-family:"microsoft yahei"} /*order*/ .order{ width:100%; border-radius:6px;padding:3px 1px 3px 1px; box-shadow:0 0 3px rgba(0,0,0,.1);} .order-nav{ position:relative; width:100%; padding:0 20px; height:30px; line-height:30px;} .order-nav li{ float:left;margin-right:5px; padding:0px 10px;border-top-left-radius:4px; border-top-right-radius:4px;} .order-nav li a{ color:#fff; font-size:13px; text-align:center;} .order-nav li.order-nav-hover,.order-nav li:hover{ background:#fff;} .order-nav li.order-nav-hover a,.order-nav li:hover a{color:#009FE8} .order-nav li.ssli{ padding:2px 8px 0px 4px; margin-left:10px; border:1px solid #fff; border-bottom:0; height:30px; line-height:24px;} .ssli .ss{ border:0; outline:none; height:24px;font-size:12px; margin-right:5px; border-radius:2px; padding:0 4px; width:200px;color:#585858;} .mbgl-top li.ssli a{ padding-right:4px;} .order-nav li.ssli:hover{ background:transparent} .order-nav li.ssli:hover a{ color:#fff;} .order-nav li.ssli a:hover{ text-decoration:underline;} .zhxx{ background:rgba(255,255,255,.9); width:100%; margin:0 auto; border-radius:2px; padding:10px; min-height:500px;} .zhxx-detail{ width:100%; margin:0 auto;color:#4B4B4B; padding-top:15px; } .zhxx-detail dl{ width:100%;margin-top:15px;} .zhxx-detail dl dt{ width:6em;text-align:right; margin-right:5px; display:inline-block; font-size:14px;} .zhxx-detail dl dd{display:inline-block; margin:0;font-size:14px;} .zhxx-detail dl dd .txt{ width:19em; height:2.3em; border:1px solid #B6B6B6; border-radius:4px; background:#fff; color:#8E8E8E; font-size:13px; padding-left:2px;padding-right:2px;} .zhxx-detail dl dd.must:after{ content:'*'; width:10px; display:inline-block; color:#ff0000;font-size:14px; margin:0 3px; vertical-align:middle; font-weight:bold;} .zhxx-detail dl dd .yzm{width:11em !important;} .zhxx-detail dl dd .tel{width:12.2em !important;} .zhxx-detail dl dd .txt:hover,.zhxx-detail dl dd .txt:focus{ border:1px solid #178DD8;transition-duration:0.3s;} .zhxx-detail dl dd a img{ width:56px; height:27px; vertical-align:middle;margin:0 5px 3px 5px} .zhxx-detail dl dd a {color:#178DD8;} .zhxx-detail dl dd a:hover{color:#0B71AA; text-decoration:underline; transition-duration:0.1s;} .zhxx-detail dl dd .hq{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; vertical-align:middle; text-align:center; outline:none; border:0;height:2.1em; margin: 2px 0 2px 5px;background:#178DD8; color:#fff; font-size:14px;} .zhxx-detail dl dd .regbtn{ padding:5px 10px;border:0; outline:none; background:#1D7EB4; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:100%; letter-spacing:1px; cursor:pointer; vertical-align:middle; text-align:center; margin:5px 0 25px 0;} .zhxx-detail dl dd .hq:hover,.zhxx-detail dl dd .regbtn:hover{background:#0B71AA; transition-duration:0.2s;} .zhxx-detail dl dd .subhq{ position:absolute; z-index:10;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:14px; cursor:default; vertical-align:middle; text-align:center; outline:none; border:0;height:2.1em; margin: 0 0 2px 5px;background:#178DD8; color:#fff; line-height:2.2em; width:6em; margin-left:11.6em; margin-top:-2.2em;} .zhxx-detail dl dd .subhq img{ vertical-align:middle; margin-left:4px;} .zhxx-detail dl dd .subregbtn{position:absolute; z-index:10;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:15px; cursor:default; vertical-align:middle; text-align:center; outline:none; border:0;height:2.5em;background:#178DD8; color:#fff; line-height:2.5em; width:9.6em;margin-top:-4.1em;} .zhxx-detail dl dd .subregbtn img{vertical-align:middle;} .zhxx-detail dl dd img.tx{width:100px; height:100px; margin-right:10px; vertical-align:bottom;} /*mbgl*/ .mbgl-top{ width:100%; margin-bottom:10px; display:block; position:relative; padding:0 10px;} .mbgl-top li{ float:left; margin-right:5px; border-radius:3px; background:#D8E0F0; padding:3px 10px;} .mbgl-top li a{ color:#585858; font-size:13px;} .mbgl-top li:hover,.mbgl-top li:focus{ background:#C0CCE6} .mbgl-table{ width:100%; border:1px solid #f2f2f2; border-collapse:collapse; text-align:center; margin-bottom:30px;} .mbgl-table tr th{ background:#f2f2f2;} .mbgl-table tr th,.mbgl-table tr td{ border:1px solid #f2f2f2; height:45px; padding:0 2px; font-size:13px; vertical-align:middle;} .mbgl-table tr td a{ margin:0 3px; background-color:#8A92AC; color:#fff; padding:2px 5px; border-radius:5px; font-size:0.9em; display:inline;} .mbgl-table tr td a.red{ background-color:#ED4A4D;} .mbgl-table tr td a.green{ background-color:#60BB18;} .mbgl-table tr td a:hover{box-shadow:1px 1px 4px #555; transition-duration:0s;} .mbgl-table tr td a.look{ background-color:transparent; display:inline;color:#009FE8;} /*vip*/ .vipbg{ width:100%; margin:0 auto; position:relative; padding-top:10px; height:100%; padding-bottom:50px;} @-webkit-keyframes vipAn { from {opacity:0;left:50%;} to { opacity: 1; left: 10%; } } @-moz-keyframes vipAn { from {opacity:0;left:50%;} to { opacity: 1; left: 10%; } } @keyframes vipAn { from {opacity:0;left:50%;} to { opacity: 1; left: 10%; } } .vipbg .vip{ width:1200px; margin:0 auto; position:relative; background:transparent; padding:10px; min-height:780px;} .vipbg .vip .vip-left{ width:180px; float:left; overflow:hidden; height:100%; background:transparent;} .vipbg .vip .vip-left .viplogo{ width:180px; margin:0px; text-align:center; vertical-align:middle; position:relative;z-index:10;} .viplogo .viplogo-hover{ position:absolute; background:rgba(0,0,0,0.7); width:100%; height:40px; bottom:0px; display:none} .viplogo .viplogo-hover a{ color:#fff; line-height:40px; margin:0; letter-spacing:1px; display:block} .viplogo .viplogo-hover a:hover{color:#FCBA15;} .vipbg .vip .vip-left .viplogo img{width:160px; height:160px; border:1px solid #fff; box-shadow:0px 0px 5px #fff; padding:7px;border-radius:2px;} .vipbg .vip .vip-left .vipnav{ list-style:none; width:90%; font-size:15px; padding:10px 0; margin-left:5%;} .vipbg .vip .vip-left .vipnav li{ margin:10px 0;line-height:48px; border:1px solid #5C6C7A; border-radius:2px; background-color:rgba(255,255,255,.3)} .vipbg .vip .vip-left .vipnav li a{color:#fff; width:100%; display:block; text-align:center;} .vipbg .vip .vip-left .vipnav li:hover{border:1px solid #fff;box-shadow:0px 0px 10px #fff;} .vipbg .vip .vip-left .vipnav li:hover a{ color:#fff;} .vipbg .vip .vip-left .vipnav .vipnav-hover{ background:rgba(255,255,255,0.3); border:1px solid #fff;box-shadow:0px 0px 5px #fff;} .vipbg .vip .vip-left .vipnav .vipnav-hover:after{ content:''; position: absolute; z-index:10;width:31px; height:1; border-top:1px solid #fff; margin-top:24px; left:180px;} .vipbg .vip .vip-left .vipnav .vipnav-hover a{ color:#fff;} .vipnav li span{ margin-right:5px; display:inline-block; margin-left:-2px;} .vipnav li:hover span{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg);} .vipbg .vip .vipheadbg{ height:120px; width:100%; background:transparent; position:relative;z-index:9;} .vipbg .vip .vipheadbg .viphead{margin-left:210px; height:100%} .vipbg .vip .vipheadbg .viphead .viphead-left{ float:left; position: relative;color:#fff;} .viphead-left h1{ font-size:18px; font-weight:normal; padding:15px 0 5px 0; letter-spacing:1px; display:block;} .viphead-left p{ margin:0;font-size:14px; line-height:20px;} .viphead-left p img{height:16px; width:14px; vertical-align:middle; margin-right:5px;} .viphead-left p a{ color:#178DD8; margin-left:10px;} .viphead-left p span{ margin-left:10px;} .viphead-left .p2{ font-size:13px;} .viphead-left p a:hover{ text-decoration:underline; transition-duration:0s;} .vipbg .vip .vipheadbg .viphead .viphead-right{ float:right; position: relative;margin-top:20px;} .viphead-right section{ float:left; position:relative; margin:5px 20px; margin-right:10px;} .viphead-right section .phone{ border-radius:50px; width:60px; height:60px; float:left; border:2px solid #fff; text-align:center; margin-right:15px;margin-top:2px; cursor:pointer;} .viphead-right section .phone a{ text-align:center;position:absolute; bottom:35%; font-size:13px; color:#178DD8; font-weight:bold; display:none; left:1px; background:rgba(255,255,255,0.9); top:2px;width:63px; height:63px;border-radius:50px; line-height:62px;} .viphead-right section .phone:hover img{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);transform:rotate(360deg); transition-duration:1s;} .viphead-right section .phone:hover{ background:rgba(255,255,255,0.1)} .viphead-right section .phone img{ width:40px; height:40px; margin-top:10px} .viphead-right section .phonetxt{ float:right; position:relative;} .viphead-right section .phonetxt h3{ color:#fff; font-size:15px; line-height:23px; margin:0;} .viphead-right section .phonetxt p{ color:#fff; margin:0; line-height:22px; font-size:13px;} .viphead-right section .phonetxt p a{ color:#fff;} .viphead-right section .phonetxt p img{ width:16px; height:16px; vertical-align:middle; margin-left:5px; margin-bottom:2px;} .viphead-right section .phonetxt p .rzbtn{width:62px; height:21px; line-height:21px; font-size:12px; border-radius:2px; background:#A6D6F5; border:0; outline:none; padding:3px 6px; overflow:hidden; text-align:center; color:#383838} .viphead-right section .phonetxt p .rzbtn:hover{ background:#38A3E0; transition-duration:0s;} .vipbg .vip .vip-right{ float:left;width:970px; margin-left:20px; margin-top:5px; padding:15px; border:1px solid #fff; min-height:500px;border-radius:2px;} .vipbg .vip .vip-right .vip-rtop{width:100%; position:relative; margin:0 auto;} .vipbg .vip .vip-right .vip-rtop ul{ list-style:none; width:100%; margin:0; padding:0;} .vipbg .vip .vip-right .vip-rtop ul li{ width:35px; height:35px; border:1px solid #fff; display:inline-block;margin:10px 20px 0 5px; float:left; border-radius:4px;} .vipbg .vip .vip-right .vip-rtop ul .rtop-hover{ background:#FCBA15; border:1px solid #FCBA15;} .vipbg .vip .vip-right .vip-rtop ul li:hover{ background:#FCBA15; border:1px solid #fff;} .vipbg .vip .vip-right .vip-rtop ul li a{ display:block;text-align:center; width:100%; height:100%;} .vipbg .vip .vip-right .vip-rtop ul li a img{ margin-top:9px; } .vipbg .vip .vip-right .vip-rcon{ width:100%; position:relative; margin:0 auto;} .vipxx{ width:100%; margin:0 auto;position:relative; padding-bottom:5px;} .vipxx h1{ color:#fff; font-size:15px; font-weight:normal; text-align:center;line-height:40px;} .vipxx h1 span{ border:1px solid #178DD8; padding:2px 5px; background:#178DD8;border-radius:2px;} .vipxx h1:before{ content:''; width:44%; height:1px; border-bottom:1px solid #178DD8; display:inline-block; margin-right:9px; vertical-align:middle;} .vipxx h1:after{ content:''; width:45%; height:1px; border-bottom:1px solid #178DD8; display:inline-block; margin-left:9px; vertical-align:middle;} .vipxx p{ color:#178DD8; font-size:13px; font-weight:normal; text-align:left;} .vipxx p span{ margin:0 2px;} .vipxx .form-xx{ position:relative; width:100%; padding:15px 0; background:rgba(255,255,255,0.9); margin-bottom:10px; border-radius:2px;} .vipxx .form-xx dl{ position:relative;font-size:14px;line-height:24px;margin:0; padding:3px 0; width:100%; clear:both;} .vipxx .form-xx dl dt{ float:left; display:inline; width:100px; text-align:right; margin-right:5px;} .vipxx .form-xx dl dd{float:left; display:inline; text-align:left; margin-left:0;} .historylist{ width:100%; margin:0 auto;position:relative;} .historylist h1{ color:#fff; font-size:15px; font-weight:normal; text-align:center;line-height:40px;} .historylist h1 span{ border:1px solid #178DD8; padding:2px 5px; background:#178DD8;border-radius:2px;} .historylist h1:before{ content:''; width:44%; height:1px; border-bottom:1px solid #178DD8; display:inline-block; margin-right:9px; vertical-align:middle;} .historylist h1:after{ content:''; width:45%; height:1px; border-bottom:1px solid #178DD8; display:inline-block; margin-left:9px; vertical-align:middle;} .historylist:hover h1 span,.vipxx:hover h1 span{ background:#178DD8;border:1px solid #178DD8; border-radius:1px;} .historylist p{ color:#fff; font-size:13px; margin:10px 0;} .historylist p a{ color:#41C8F8; margin-left:5px;} .historylist p a:hover{ color:#FCBA15; transition-duration:0s;} .historylist table{ border:0; text-align:center;background:rgba(255,255,255,.9);border-radius:2px;} .historylist table tr th{ line-height:36px; background:rgba(255,255,255,.5);font-weight:normal; font-size:14px;} .historylist table tr td{ line-height:18px; padding:8px 0; font-size:13px;} .xxtxt{ width:200px; height:24px; padding:2px 5px; border-radius:3px; border:1px solid #ccc; outline:none; background:rgba(255,255,255,0.8); color:#4F4F4F;font-size:13px;} .xxtxt:hover,.xxtxt:focus{ border:1px solid #219FEF;} .tt{ height:60px; width:350px; max-width:460px; max-height:65px;min-width:200px;} .t{ width:350px;} .vipxx .formxx{ padding-top:25px;} .vipxx .form-xx .formdl{font-size:14px;line-height:28px; color:#000; margin:5px 0px; padding:3px 0; width:100%; display:inline-block;} .formbtn{ background:#178DD8; border-radius:4px; border:1px solid #0D88D7; border-bottom:2px solid #0A69A6; outline:0; font-size:14px; line-height:30px; width:170px; color:#fff; letter-spacing:2px; text-shadow:0px 1px 1px #000; text-align:center; cursor:pointer; margin-bottom:20px;} .formbtn:hover{ background:#FCBA15; border:1px solid #FCBA15;border-bottom:2px solid #DCA00C;} .formbtn:focus{ background:#FCBA15; border:1px solid #DCA00C;border-bottom:2px solid #E7AA12;} .vipxx .form-xx .formdl .notice{ height:30px; margin:2px 0 0 10px; padding-left:20px;line-height:30px; background:url(../img/vip/alert.png) no-repeat left; color:#000; font-size:13px;} .vipxx .form-xx .formdl .notice a{ margin-left:3px; color:#E9CB01;} .vipxx .form-xx .formdl .notice a:hover{ text-decoration:underline;} .vipxx .lxrh1:before{width:42%; } .vipxx .lxrh1:after{width:43%;} .vipxx .lxrlist{ position:relative; width:100%; padding:15px 0; background:rgba(255,255,255,0.5); border-radius:4px; margin-bottom:10px;height:456px; overflow:auto;} .vipxx .lxrlist table{ table-layout:fixed; text-align:center; border-collapse:collapse; font-size:14px;line-height:24px; width:100%; margin:0 auto;} .vipxx .lxrlist table tr th{ line-height:36px; height:36px;} .vipxx .lxrlist table tr td{ padding:3px 0; height:26px;} .vipxx .lxrlist table tr td input{ vertical-align:middle;} .vipxx .lxrlist table tr:hover{ background:rgba(255,255,255,0.7); color:#178DD8;} .vipxx .lxrlist table tr:first-child:hover{ background:transparent; color:#000;} .gn{ text-align:right; margin-right:100px; display:none} .gn a{font-size:12px; padding:2px 8px; border:0; outline:none;} .gn span{ font-size:12px; margin:0 2px; color:#333; line-height:24px;} .gn a:hover{background:#E8A806; color:#fff; border-radius:3px; transition-duration:0s;} .vipxx .lxrlist table tr:hover .gn{ display:block;} .ss{margin-bottom:10px; position:relative; float:left;} .ss .sstxt{ border-radius:2px; border:0; background:rgba(255,255,255,0.9); height:26px; outline:none; width:180px; padding:0 26px 0 5px; font-size:12px; color:#333;} .ss .ssbtn{ border-radius:2px;border:0; height:26px; margin:0; outline:none; background:url(../img/product/n_sicon1.png) no-repeat center; margin-left:-22px;width:20px; position:absolute;z-index:2; } .and{ float:right; margin-right:5px;} .and a{ background:#178DD8; color:#fff; padding:2px 10px; font-size:13px; text-align:center; letter-spacing:1px; border-radius:2px;line-height:20px; margin-left:4px;} .and a:hover{ background:#FCBA15} /*我的体验*/ .linkta{ margin:0 5px; display:inline-block; position:relative; background:url(../img/vip/chat1.png) no-repeat ; background-size:100%; width:20px; height:20px;} .linkta:hover{width:22px;} /*我的工单*/ .ticket{ width:100%; text-align:center; border:1px solid rgba(255,255,255,.8); margin-bottom:20px; padding:10px; background:rgba(255,255,255,.1); border-radius:4px;} .ticket a{ color:#fff; width:100%; display:block;} .ticket a span{ margin:0 10px; border-radius:100px; width:20px; height:20px; background:#fff; color:#182E42; display:inline-block; font-weight:bold; line-height:18px;} .ticket:hover{ box-shadow:inset 0px 0px 5px rgba(255,255,255,.7); border:1px solid #9BD6F5; background:#3F5A72} .ticket:hover a span{ background:#9BD6F5;} .vipxx .tikapply { padding:30px 0!important; margin-top:15px; min-height:450px} .tikapply dl dt{ margin:5px 0!important;} .tikapply dl dd{margin:5px 0!important; } .tikbutton{ width:200px !important; margin-top:20px; display:block; text-align:center; font-size:16px; letter-spacing:1px;} .tiktitle{ width:98%; text-align:left; margin:0 auto; margin-bottom:10px; position:relative; border:1px solid #fff; border-radius:4px; padding:10px 20px; background-color:rgba(255,255,255,.5); box-shadow:0 0 3px #fff;} .tiktitle li{ display:inline-block; width:30%; font-size:14px;} .tiktitle li span{ font-size:15px; font-weight:bold; color:#EB8A1D} .tikdo{ width:98%; text-align:left; margin:0 auto; margin-top:10px; position:relative; padding:5px 20px; border-top:1px dashed #fff;} .tikdo legend{ padding:0 10px; color:#178DD8;} .tikdo p{ font-size:12px; color:#555; line-height:20px; margin:8px;} .tikdo p a{ margin-left:5px; color:#178DD8;border-radius:2px;display:inline-block; vertical-align:baseline;} .tikok{ background-color:#ED4A4D; display:inline-block;color:#fff !important; padding:0px 5px; box-shadow:1px 1px 1px #777;} .tikdo p a:hover{ color:#DD6B12} .tikok:hover{ background-color:#DD6B12; color:#fff;} /*表单框*/ .tiktxt{font-size:13px;display: inline-block;position: relative;vertical-align: middle;width:500px;background: #fff;color: #555; height:30px; line-height:30px; padding:0 5px;border: 1px solid #aaa;text-shadow: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-transition: box-shadow 0.25s ease; -o-transition: box-shadow 0.25s ease; -webkit-transition: box-shadow 0.25s ease; transition: box-shadow 0.25s ease;} .tiktxts{ width:500px; height:100px;font-family:"microsoft yahei";font-size:13px;} .tiktxt:hover{-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);} .select {display: inline-block;position: relative;vertical-align: middle;padding: 0;overflow: hidden; width:200px; height:30px; background: #fff;color: #555;border: 1px solid #aaa; text-shadow: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-transition: box-shadow 0.25s ease; -o-transition: box-shadow 0.25s ease; -webkit-transition: box-shadow 0.25s ease; transition: box-shadow 0.25s ease; } .select:hover { -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); } .select select {cursor: pointer;padding:0px 5px;padding-right: 2em;width: 100%;border: none;background: transparent; color:#555;font-size:13px;font-family:"microsoft yahei"; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; width: 160% \9; } .select select:focus {outline: none;} .select:before { position:absolute; right:5px; top:10%; font-family: "icons";speak: none; font-style: normal;font-weight: normal;font-variant: normal;text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon--down:before, .select:before {content: "\e600";} @font-face { font-family: 'icons'; src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAARgAAoAAAAABBgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAANgAAADYZbVvCE9TLzIAAAHMAAAAYAAAAGAIIvy2Y21hcAAAAiwAAABMAAAATBpVzFdnYXNwAAACeAAAAAgAAAAIAAAAEGhlYWQAAAKAAAAANgAAADYAl8viaGhlYQAAArgAAAAkAAAAJANuAeZobXR4AAAC3AAAABQAAAAUAwAAdG1heHAAAALwAAAABgAAAAYABVAAbmFtZQAAAvgAAAFFAAABRVcZpu5wb3N0AAAEQAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAAB2Dx0AAAB7ER0AAAAJHQAAAM8SAAYBAQgPERMWG2ljb21vb25pY29tb29udTB1MXUyMHVFNjAwAAACAYkAAwAFAQEEBwoNTPyUDvyUDvyUDvuUDvgg958VgYD7AiOLi4aFg4iEi4SLg46GkYuL+wLzgZaAloqel5eWlpqMmX8I7yvv6wWZl5qKloCXf4p4gIAIDviUFPiUFYsMCgADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYAAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5gD//f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAss1nQF8PPPUACwIAAAAAAM/2xdgAAAAAz/bF2AAAAAABjAE1AAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAGMAAEAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAQAAAAIAAHQAAFAAAAUAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKADQAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKADQAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"); font-weight: normal; font-style: normal; } /*a upload */ .a-upload { width:200px; text-align:center;font-size:13px;padding:0 5px;height: 30px; line-height:28px;position: relative;cursor: pointer;color: #555;background: #fff;border: 1px solid #aaa;border-radius: 4px; overflow: hidden; display: inline-block; *display: inline;*zoom: 1} .a-upload input { position: absolute;right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor:pointer;} .a-upload:hover {-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);} /*messgae消息中心*/ .read a{ font-weight:bold;} .order .con-detail{ background:rgba(255,255,255,.9); border-radius:2px; padding:0px 15px 30px;} .vip-right .testbg-left{ background:rgba(255,255,255,.9); border-radius:2px;} /*safe*/ .tx img{ width:80px; height:80px; border-radius:4px; border:1px solid #aaa;} .tx .a-upload{width:auto; background:transparent; border:0; outline:none; color:#009FE8} .txt200{width:200px;} .pwdbg{ background:rgba(255,255,255,.9); padding:15px; border-radius:2px;} .pwdbg dl{ width:100%;margin:20px 15px; } .pwdbg dl dt{ width:6em;text-align:right; margin-right:5px; display:inline-block; font-size:14px;} .pwdbg dl dd{display:inline-block; margin:0;font-size:14px;} .pwdbg dl dd .txt{ width:19em; height:2.3em; border:1px solid #B6B6B6; border-radius:4px; background:#fff; color:#8E8E8E; font-size:13px; padding-left:2px;padding-right:2px;} .pwdbg dl dd.must:after{ content:'*'; width:10px; display:inline-block; color:#ff0000;font-size:14px; margin:0 3px; vertical-align:middle; font-weight:bold;} .pwdbg dl dd .yzm{width:11em !important;} .pwdbg dl dd .tel{width:12.2em !important;} .pwdbg dl dd .txt:hover,.pwdbg dl dd .txt:focus{ border:1px solid #178DD8;transition-duration:0.3s;} .pwdbg dl dd a img{ width:56px; height:27px; vertical-align:middle;margin:0 5px 3px 5px} .pwdbg dl dd a {color:#178DD8;} .pwdbg dl dd a:hover{color:#0B71AA; text-decoration:underline; transition-duration:0.1s;} .pwdbg dl dd .hq{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; vertical-align:middle; text-align:center; outline:none; border:0;height:2.1em; margin: 2px 0 2px 5px;background:#178DD8; color:#fff; font-size:14px;} .pwdbg dl dd .regbtn{width:9em; height:2.3em; border:0; outline:none; background:#178DD8; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:100%; letter-spacing:1px; cursor:pointer; vertical-align:middle; text-align:center; margin:5px 0 25px 0;} .pwdbg dl dd .hq:hover,.pwdbg dl dd .regbtn:hover{background:#0B71AA; transition-duration:0.2s;} .pwdbg dl dd .subhq{ position:absolute; z-index:10;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:14px; cursor:default; vertical-align:middle; text-align:center; outline:none; border:0;height:2.1em; margin: 0 0 2px 5px;background:#178DD8; color:#fff; line-height:2.2em; width:6em; margin-left:11.6em; margin-top:-2.2em;} .pwdbg dl dd .subhq img{ vertical-align:middle; margin-left:4px;} .pwdbg dl dd .subregbtn{position:absolute; z-index:10;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:15px; cursor:default; vertical-align:middle; text-align:center; outline:none; border:0;height:2.5em;background:#178DD8; color:#fff; line-height:2.5em; width:9.6em;margin-top:-4.1em;} .pwdbg dl dd .subregbtn img{vertical-align:middle;} /*2018-03-29 新增*/ .topbg .top .log a:hover { font-weight:bold; transition-duration:0s;} /*school-new*/ .school0{ width:100%; position:relative; overflow:hidden; margin-bottom:35px;} .school0-top{ text-align:center; position:relative;} .school0-top h1{ font-size:140%; letter-spacing:15px; line-height:50px; font-weight:normal; padding-left:12px;} .school0-top p{line-height:20px; font-size:90%; color:#777; font-family: Arial; letter-spacing:1px;} .school0-top p:after{ content:''; width:5%; border-bottom:2px solid #06A0EA; height:1px; display:block; margin:10px auto; margin-bottom:20px;} .school0-top span{ width:100%; font-size:100%; color:#777; margin-bottom:10px; display:block;} .school1{ width:100%; position:relative; overflow:hidden; height:480px; margin:10px 0; display:block;} .school1 .jqnew{position:absolute;} .jqnew1{ width:216px; height:464px; background:url(../img/school/schoolnew/jqnew_12.jpg) no-repeat center;left:87px; top:0;} .jqnew2{ width:209px; height:129px; background:url(../img/school/schoolnew/jqnew_03.jpg) no-repeat center;left:313px; top:0;} .jqnew3{ width:126px; height:325px; background:url(../img/school/schoolnew/jqnew_16.jpg) no-repeat center;left:313px; top:139px;} .jqnew4{ width:242px; height:131px; background:url(../img/school/schoolnew/jqnew_05.jpg) no-repeat center;left:532px; top:0;} .jqnew5{ width:325px; height:189px; background:url(../img/school/schoolnew/jqnew_18.jpg) no-repeat center;left:449px; top:139px;} .jqnew6{ width:470px; height:129px; background:url(../img/school/schoolnew/jqnew_22.jpg) no-repeat center;left:449px; top:336px;} .jqnew7{ width:133px; height:328px; background:url(../img/school/schoolnew/jqnew_07.jpg) no-repeat center;left:787px; top:0px;} .jqnew8{ width:182px; height:328px; background:url(../img/school/schoolnew/jqnew_09.jpg) no-repeat center;left:929px; top:0px;} .jqnew9{ width:182px; height:128px; background:url(../img/school/schoolnew/jqnew_23.jpg) no-repeat center;left:929px; top:336px;} .jqnew:hover{ transform:scale(1.05) } .jqnew a{ display:block; width:100%; height:100%;} .jqnew a:hover{box-shadow:0px 2px 5px rgba(0,0,0,.3)} .pic img{ height:200px;} .school0-l,.school0-r{ float:left; width:50%;} .school0-l img{ margin:0 auto; display:block; max-width:100%;} .school0-r{ padding-left:20px; padding-top:36px;} .school0-r p{ line-height:40px; font-size:110%; letter-spacing:1px;color:#329F0C} .school0-r p span{ width:15px; height:15px; margin-right:10px; background:#A8CE7B; border-radius:100%; display:inline-block} .school0-r .pp{ padding-left:25px; margin-bottom:20px; color:#777; line-height:35px; font-size:106%;} .school0-r:before{ border:2px solid #1096EB; width:100px; height:100px; border-right:0; border-bottom:0; position:absolute;} .re-btn{ height:auto;} .re-btn a{ margin-bottom:6px;} .re-btn a.two-a{ background:transparent; color:#178DD8; border:1px solid #178DD8} .re-btn a:hover{ box-shadow:inset 0px 0px 2px #2B9CD8;} .cjwt li p{font-size:110%} .school0-b{ width:100%; position:relative; padding:10px 0; text-align:center; margin:10px 0;} .school0-b a{ display:inline-block; border:1px solid #7ED3FA; color:#fff; width:160px; height:40px; line-height:40px; font-size:110%; background:#06A0EA; letter-spacing:1px;} .school0-b a:after{ content:''; height:1px; background:#7ED3FA; width:600px; position:absolute; z-index:1; top:10px;} .school0-b a:before{ content:''; height:1px; background:#7ED3FA; width:600px; position:absolute; bottom:10px; z-index:1; left:0;} .school0-b a:hover{background:#66B441;border:1px solid #D0EFA7} .school0-b a:hover:after{content:'';background:#D0EFA7} .school0-b a:hover:before{content:'';background:#D0EFA7} /*案例*/ .case .case-right p:after{ content:'...'; position:relative;} .case-fieldset{ width:100%; margin-top:10px;margin-bottom:30px; display:block; position:relative; border:1px solid #efefef; border-radius:5px; padding:10px 10px 40px;} .case-fieldset legend{background:url(../img/case/155.png) no-repeat left bottom; background-size:100%; width:240px; color:#fff; height:50px; margin-left:-35px;} .case-fieldset legend span{ width:100%; text-align:center; display:block; line-height:35px; font-weight:500; font-size:110%; } .case-fieldset ol li{ list-style-position:inside; line-height:24px; font-size:95%; color:#777; margin:3px 0;} .case-fieldset ol{ margin:10px; margin:0 auto;} .imggroup{ width:70%; float:left;} .imggroup li{ width:33.3%; float:left; text-align:center; overflow:hidden; padding:0 5px;} .imggroup li img{ width:100%; height:150px; margin:0;border-radius:5px;} .imggroup li p{ text-align:center;line-height:25px; position:relative; background-color:rgba(255,255,255,.7); margin-top:-30px; font-size:90%;z-index:12;} .detail-list-right{ float:right; padding-left:10px;border:1px dashed #118FD5; border-radius:5px; background-color:#fff; padding:10px 15px; box-shadow:1px 3px 7px rgba(0,0,0,.3); position:relative; z-index:13;} .ld{ width:29%;height:145px; } .detail-list-right h2{ color:#2398BF; } .case-fieldset h2{ line-height:30px;} .t-detail img{margin:20px auto; height:auto; border:1px solid#efefef; box-shadow:1px 3px 7px rgba(0,0,0,.3);border-radius:5px;} .t-detail .img50{ max-width:70%; position:relative; margin-top:-200px; z-index:10; margin-left:0;} .imgleft{ width:40%; float:left} .imgleft img{max-width:240px; box-shadow:1px 3px 7px rgba(0,0,0,.3)} .imgleft img:last-child{ position: relative; margin-top:-360px; margin-left:200px; z-index:10px;} .t-detail img:hover{ position:relative; z-index:11;} .sxgn{ width:40%; margin-top:12%; margin-right:20px;} .ys{ right:0; position:relative; z-index:10; margin-top:-220px;} .nobg{width:100%;float:none; margin:20px auto;} /*关于我们-服务*/ .process-box{width:1200px; margin:20px auto; position:relative; padding:10px 0; margin-bottom:80px;} .process-box ul{ list-style:none; position:relative; width:1100px; margin:50px 84px;} .process-box ul li{ width:180px; height:180px; float:left; cursor:pointer; position:relative; margin-left:90px;} .kuang{ border:1px solid #CEE4EF; width:180px; height:180px; transform:rotate(45deg); position:absolute;} .kuang1{ margin-left:-5px; margin-top:0px;border:1px solid #D0DAED; z-index:2} .text1{ position:absolute; width:180px; height:180px; text-align:center; z-index:3;} .nums{ font-size:86px; font-weight:700; color:#A4C4D5; line-height:50px; padding:25px 0; margin:0;} .text1bg{ background:#D3E4ED; width:180px; height:180px;transform:rotate(45deg); position:absolute;z-index:-1} .fw-title{ font-size:110%; line-height:35px;} .fw-detail{ font-size:90%; color:#5083A0; width:140px; text-align:center; margin:0 auto; letter-spacing:5px;} .text2{ position:absolute; width:180px; height:180px; text-align:center; z-index:4; opacity:0;} .text2 .text2bg{ background:#5083A0;width:180px; height:180px;transform:rotate(45deg); position:absolute;z-index:-1; overflow:hidden;} .text2 .des{ color:#fff; width:160px; height:160px; font-size:12px; line-height:24px; text-align:left; display:block; margin:5px auto; padding-top:5px;} .process-box ul li:hover .text2{ opacity:1; transition-duration:0.5s;transform:rotate(45deg);} .process-box ul li:hover .text2 .des{ transform:rotate(-45deg)} .process-box .two li{ margin-top:-40px; margin-right:90px; margin-left:0px;} .libg .text1bg{ background:0;} .process-box ul.two{ margin-left:40px;} /*箭旗联盟*/ .about h1{font-size:140%; letter-spacing:5px; line-height:50px; font-weight:normal; margin-bottom:30px} .about h1:after{ content:''; background:#06A0EA;} .about h2{ margin:5px 0;} .about p{ font-size:94%; margin-bottom:5px;} .about .p{ line-height:24px; margin:15px 0; font-size:106%; font-family:"宋体";} .about .p strong{ color:#0C96FB; font-weight:500; font-size:180%; margin-right:10px; font-family:Cambria, Times; vertical-align:bottom} .say{ width:100%; margin:20px auto; border-radius:10px; background:#fff; min-height:100px; display:block; position:relative; box-shadow:1px 1px 5px rgba(0,0,0,.2);} .say legend{ font-size:110%; letter-spacing:2px; margin:10px;padding:10px;} .say p{ color:#0BA630; font-size:100%;} /*培训报名*/ .case-right .price{color:#F30; font-size:110%; display:block;line-height:30px; position:relative; left:120px; margin-top:-35px;} .price sub{ font-size:80%;} .now-bm{ color:#EC670E; font-size:100%} .now-bm:hover{ text-decoration:underline;} .pxbm-detail dl{ height:28px;} .pxbm-detail dl .txt{ width:200px; border-radius:2px; border:1px solid #ccc; background:#fff; height:28px; padding:0 4px; color:#555;} .pxbm-detail dl dd select{width:200px; border-radius:2px; border:1px solid #ccc; background:#fff;height:28px; padding:0 4px; color:#555; } /*user-product*/ .coin em{ font-size:90%; font-style:normal; color:#fff;} .coin .userbg{ background:url(../img/new/userbg.png) no-repeat top left; width:150px; height:40px; display:inline-block; background-size:100%; margin-top:5px;} .userbg span{ background:url(../img/new/userbgbottom.png) no-repeat top left; display:block; width:70px; background-size:100%; text-align:center; margin:0 auto; height:30px; margin-top:2px; line-height:16px; font-size:70%;} .jyxy-name .userbg{display:inline-block;color:#43AD98; font-style:normal; text-align:center;font-size:76%;margin-left:5px;margin-top:14px;} .jyxy-name .userbg:before{content:'('; margin-right:2px;} .jyxy-name .userbg:after{content:')'; margin-left:2px;} .coin .userbg2{display:inline-block;color:#43AD98; font-style:normal; text-align:center;font-size:80%;} .coin .userbg2:before{content:'('; margin-right:2px;} .coin .userbg2:after{content:')'; margin-left:2px;} .under-name .userbg{display:inline-block;color:#43AD98; font-style:normal; text-align:center;font-size:76%; margin-left:5px;} .under-name .userbg:before{content:'('; margin-right:2px;} .under-name .userbg:after{content:')'; margin-left:2px;} .waiting{ margin:0 auto; width:200px; display:block; margin-top:8%;} /*0410*/ .student{ width:23%; float:left; text-align:center; padding:20px; position:relative; margin:20px 1%; background:#fff; border-radius:10px; height:350px; overflow:hidden; box-shadow:1px 3px 5px #ccc;} .student .sdimg{ width:140px; height:140px; border-radius:100%; margin:10px auto; overflow:hidden;} .sdimg img{ width:100%; height:100%;} .student h2{ line-height:40px; display:block; width:100%; color:#777; font-weight:600; font-size:100%;} .student .sddetail{ text-align:left; font-size:90%; color:#777; display:block; margin:0px auto; width:100%; max-height:100px;} .sddetail p{ width:100%; line-height:22px;} .sddetail p span{ color:#50A713; font-size:100%; line-height:30px; font-weight:bold;} .student:hover{ transform:scale(1.05);} .role img{ border-radius:100%;} .case .case-right .lookbtn{ margin-top:10px;} .case .case-right h2{ margin-bottom:10px;} /**.jyxy .jyxy-txt{ width:300px;} .gz-new{width:500px; margin-right:0px;} .gz-new a{ width:150px; margin-right:10px;} .jyxy .jyxy-txt .jyxy-name{ margin-bottom:10px;} .jyxy .jyxy-txt .jyxy-fwfw{ margin-bottom:10px;}**/ .vipbg .vip .vip-left .vipnav .vipnav-hover:after{ content:''; margin-top:-24px;} /*箭旗思维*/ .thinkbg{width:100%; position:relative; margin:0 auto; padding:10px 0;} .tinktop{width: 100%;position: relative; margin: 10px 0; margin-top: 40px;} .tinkcon{width: 100%;position: relative;} .tinktop-l{ width: 50%; float: left;} .tinktop-r{ width: 50%; float: left; padding: 0 20px;} .tinktop-l .bian{ width: 90%; border:2px solid #14cfdb; height: 300px; z-index: 1; position: relative;} .idea{margin-left: 40px;top: -40px; position: absolute;z-index: 9;} .biana{ position:absolute; z-index:10;width: 250px; height: 160px; background: url(../img/think/jiao1.png) no-repeat bottom left; background-size:100%; margin-top: -160px;} .biana span{ position: relative; display: block;margin-left: 30px; margin-top: 100px; color: #fff; font-size: 120%; letter-spacing: 2px;} .biana:hover{background: url(../img/think/jiao2.png) no-repeat bottom left;} .biana:hover span{ text-decoration: underline;} .tinktop-l:hover .bian{border-color: lightseagreen;} .tinktop-l:hover .idea{margin-left: 0;top: 0;} .tinktop-r h1{ font-size: 130%; letter-spacing: 2px; color: #009EE7; margin-bottom: 15px;} .tinktop-r h1 span{ color: #ddd; font-size: 140%; letter-spacing: 1px; display: block; line-height: 20px; margin-bottom: 10px; margin-top: -20px;} .tinktop-r h1:after{content: '';border-bottom: 1px solid #ddd; width:100%; display: block; margin-top: 10px;} .tinktop-r h2{width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .tinktop-r h2 a{ color: #444; letter-spacing: 2px; line-height:40px; font-size: 110%; font-weight: 700;} .tinktop-r h2 a:hover{color: #009EE7;} .tinktop-r h3{ color: #777; font-size: 86%; font-weight: normal; line-height: 30px; margin-bottom: 5px;} .tinktop-r h3 span{margin-right: 10px;} .tinktop-r p{ color:#777;width: 100%; height: 128px; overflow: hidden; line-height: 30px; font-size: 90%;} .tinktop-r p:after{content: '...';letter-spacing: 2px; margin-left: 2px;} .tinktop-r .goto{ width: 70px; height: 40px; background: url(../img/think/more.png) no-repeat; background-size:100%; display: block; float: right; position: relative; margin-top: 10px; margin-right: 10px;} .tinktop-r .goto:hover{background: url(../img/think/more1.png) no-repeat;} .thinklist{width: 100%; border-bottom: 1px solid #ddd; padding: 20px 0; display: block; position: relative; height: 130px;} .thinklist-l{ width: 8%; height:100%; float: left; background: #14cfdb; color: #fff; text-align: center;} .thinklist-l span{display: block; line-height: 30px; } .thinklist-l span.day{ font-size: 220%; margin-top: 20px;letter-spacing: 2px;} .thinklist-r{ width: 90%; height: 130px; float: left; padding-left: 20px;} .thinklist-r h1{line-height: 36px; letter-spacing: 1px; color: #444; font-weight: 700;} .thinklist-r h2{color: #777; font-size: 86%; font-weight: normal; line-height: 24px;} .thinklist-r h2 span{margin-right: 10px;} .thinklist-r p{color: #777; font-size: 90%; font-weight: normal; line-height: 24px;} .thinklist-r p:after{content: '...'; letter-spacing: 2px; margin-left: 2px;} .thinklist-r h1:hover{color: #009EE7;} .thinklist:hover .thinklist-l{background: #009EE7;} .h300{min-height: 300px !important; font-family: "microsoft yahei";} .h50{min-height: 50px !important; font-family: "microsoft yahei"; margin: 5px 0;} .pre{width: 100%; min-height: 300px;} .pl-detail li{border-bottom:1px solid #eee; padding-bottom: 15px;} .pl-detail li:hover{background: transparent;} .pl .allbtn{margin:0 5px 5px; float: right; padding: 3px 10px; cursor: pointer;} .pl textarea{box-shadow: inset 0 0 5px #ddd;} .publish dl dt{display: block;} .publish .txtnumbig{width: 100%; height: 30px; line-height: 30px; margin: 4px 0;} .status{border:1px solid #009EE7; border-radius: 4px; padding: 10px 5px; background: rgba(112,223,212,.1); margin-bottom: 10px;} .status p{ margin:2px ;font-size: 96%; } .status span{color:#009EE7; font-weight: bold; } .pl-txt p time{ font-size: 78%; color: #777; margin-top: 2px;} /*20181023箭旗联盟*/ @-webkit-keyframes scaleDraw { 0% { -webkit-transform:scale(1); } 25% { -webkit-transform:scale(1.1); } 50% { -webkit-transform:scale(1); } 75% { -webkit-transform:scale(1.1); } } .joinus{margin: 40px auto 0;} .joinus a{border: 1.5px solid #fff; border-radius: 5px; padding: 8px 18px; color: #fff;display: inline-block; -webkit-animation-name: scaleDraw; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 3s; -webkit-animation-direction: alternate;} .joinus a:hover{background: rgba(255,255,255,.1);} .core{letter-spacing: 3px;margin-top: 30px;} .joinbg{ width:100%; position:relative; margin:0 auto; padding:10px 0;} .joincon{ width:1200px; position:relative; margin:0 auto; min-height:420px; overflow:hidden; padding: 20px 0;} .joincon:last-child{margin-bottom: 60px;} .future-l{width: 50%; float: left; padding: 30px 20px 20px;} .future-l h2{position:relative;z-index:1;text-align: center; font-size: 200%; color: #1d7fb5; letter-spacing: 4px; margin: 30px 0 20px;} .future-l h3{position: absolute;z-index: 0;color: #eee; font-size: 350%; letter-spacing: 10px; margin-top: -110px;} .future-l p{color: #555; line-height: 28px;} .future-r{width: 46%; float: right; padding: 20px; text-align: center;} .future-r img{width: 84%; margin: 0 auto;} .bigblue{font-size: 130% !important; color: #1d7fb5 !important; position: absolute; letter-spacing: 4px; margin-top: 15px;} .w100{width: 100% !important;} .bbackblue{background: #32465d !important;} .advan-l{float: left;width: 46%;text-align: center; padding: 10px;} .advan-l img{width: 78%;margin: 0 auto;} .advan-r{float:right;width: 50%; color: #fff; padding: 25px 0;} .advan-r h2{position:relative;z-index:1;text-align: center; font-size: 200%; color: #1d7fb5; letter-spacing: 4px; margin: 30px 0 20px;} .advan-r h3{position: absolute;z-index: 0;color: #385271; font-size: 550%; letter-spacing: 20px; top: 0px; margin-top: -10px; margin-left: -120px;} .advan-r p{line-height: 30px;} .advan-r p strong{color: #1d7fb5; margin-top: 10px; display: block; font-size: 120%; line-height:46px;} .w1200{width: 1200px !important; margin: 0 auto; position: relative;} .jointt{position:relative;z-index:1;text-align: center; font-size: 200%; color: #1d7fb5; letter-spacing: 4px; margin: 30px 0 50px; font-weight: bold; line-height: 60px;} .joinlist{width: 100%; position: relative;display: flex;flex-wrap: wrap;justify-content:space-between; align-items: flex-start; margin: 30px 0;} .joinlist li{width: 30%; text-align: center; display: inline-block;} .joinlist li a{color:#1D7FB5;width: 120px; height: 120px; margin: 0 auto; border-radius: 100%; border:2px solid #1d7fb5;display: block; padding: 10px;} .joinlist li a em{text-align: center; font-style: normal; margin-top: 0;font-weight: bold;} .joinlist li a span{width: 80px; height: 70px; display: block; margin: 0 auto; background:url(../img/banner/newicon.png) no-repeat; background-size: 460px;} .icon1{background-position:7px 5px !important;} .icon2{background-position:-75px 5px !important;} .icon3{background-position:-155px 5px !important;} .joinlist li a.now,.joinlist li a:hover{background: #1D7FB5; color: #fff; transition-duration: 0s;} .now .icon1,.joinlist li a:hover .icon1{background-position:7px -60px !important;} .now .icon2,.joinlist li a:hover .icon2{background-position:-75px -60px !important;} .now .icon3,.joinlist li a:hover .icon3{background-position:-155px -60px !important;} .joinlistcon{width: 90%; position: relative; margin: 20px auto; padding:30px 0 20px;display: none; height: 200px;} .jmlc{width: 100%; position: relative;z-index:1;display: flex;flex-wrap: wrap;justify-content:space-between; align-items:center;} .jmlc li{width: 16%;display: inline-block; text-align: center;} .jmlc li span{display: block; width: 40px; height: 40px; line-height: 40px; background: #1D7FB5; border-radius: 100%; color: #fff;font-size: 150%; margin: 10px auto;} .jmlc li em{display: block; font-size: 120%;font-style: normal; line-height: 40px;} .jmlcline{width: 100%; position: absolute;height: 2px;background: #1D7FB5; top: 0;z-index: 0; margin-top: 60px;} .joinlistcon p{width:86%; margin: 0 auto; margin-bottom: 10px;font-size: 120%;} .joinlistcon p span{width: 30px; height: 30px; line-height: 30px; color: #fff;background: #1D7FB5;display: inline-block;margin-right: 10px; text-align: center;border-radius: 5px;} .bgrey{background: url(../img/banner/bg.jpg) repeat;padding: 0;min-height: auto;} .jqxy-l{float: left;width: 46%;display: inline-block; position: relative;overflow: hidden;} .bimg{z-index:1;width: 100%; height:340px;display: block; background: #1D7FB5; position:relative;margin-top: 50px;} .bb37{position:absolute;height:350px;z-index: 2;right: 40px;display: block;} .bb37:hover{transform: scale(1.05);} .jqxy-r{float:left;width: 40%; padding: 20px; margin-left: 60px;} .jqxy-r h2{position:relative;z-index:1;text-align: center; font-size: 200%; color: #1d7fb5; letter-spacing: 4px; margin: 20px 0} .jqxy-r p{line-height: 30px;font-size: 110%;} .jqxy-r h2 a{color: #1d7fb5;} .jqxy-r h2:hover{transform: scale(1.1);} .jqxylist{width: 90%;display: flex;flex-wrap: wrap;justify-content:space-between; align-items:flex-start; padding: 35px 0 25px;} .jqxylist li{ width: 100px; text-align: center; display: inline-block; border: 2px solid #1D7FB5; padding: 10px 0;border-radius: 4px;} .jqxylist li span{display: block;width: 80px; height: 70px; display: block; margin: 5px auto; background:url(../img/banner/newicon.png) no-repeat; background-size: 460px;} .jqxylist li em{display: block;font-style: normal; margin-bottom: 5px;color: #1D7DB3;font-weight: bold;} .xyl span{background-position:-230px 4px !important;} .xy2 span{background-position:-307px 4px !important;} .xy3 span{background-position:-382px 4px !important;} .jqxylist li:hover{background:#1D7FB5;} .jqxylist li:hover em{color: #fff;} .jqxylist li:hover .xyl span{background-position:-230px -60px !important; transition-duration: 0s;} .jqxylist li:hover .xy2 span{background-position:-307px -60px !important;transition-duration: 0s;} .jqxylist li:hover .xy3 span{background-position:-382px -60px !important;transition-duration: 0s;} .add-fil{visibility: visible; animation-name: fadeInLeft;} .add-fir{visibility: visible; animation-name: fadeInRight;} .add-fiu{visibility: visible; animation-name: fadeInUp;} .add-fid{visibility: visible; animation-name: fadeInDown;}