/* CSS Document */ @charset "utf-8";a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{margin:0;padding:0;border:0;outline:0;font-size:100%} html{height:100%;background-attachment:fixed} body{margin:0;padding:0;line-height:normal;color:#333; font:14px/1.5 "Microsoft YaHei","微软雅黑",Helvetica,"黑体",Arial,Tahoma;min-width:1226px;} form,img,p{margin:0;padding:0;border:0} ol,ul{margin:0;padding:0;list-style-type:none} dd,dl,dt,hr{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} pre{margin:0;padding:0;border:0;overflow:hidden;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word} input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0} input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} a{color:#333;text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} a:hover{color:#01B7EE;text-decoration:none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .clearfix:after,.clearfix:before{content:" ";display:table} .clearfix:after{clear:both} .hide{display:none!important} .left{float:left} .right{float:right} .tc{text-align:center} .text-hidden{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .hover-ease{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .container{width:1200px;margin-right:auto;margin-left:auto} .container:after,.container:before{content:" ";display:table} .container:after{clear:both} .hearder{ width:100%; background:#fff; position:fixed; top:0; left:0; z-index:99999999;box-shadow: 0 0 9px rgba(0,0,0,.3);} .logo{padding-top: 12px;} .logo a{ display:block;} .nav{ margin-left:60px;} .nav-cp{ width:560px;} .nav-cp dd.left{ width:120px; margin-right:20px;} .nav-cp dd span{height: 50px;line-height: 50px;color: #ccc;font-size: 18px;display: block;width: 100%;padding-left: 13px;} .reg-btn{margin-top: 0px;} .reg-btn .reg{ background:#2CB9EA; color:#fff; padding: 0px 22px; height:70px; line-height:70px; display:inline-block; text-decoration:none} .reg-btn .reg:hover{ background:#0F83C1;} .reg-btn .login{ margin-left:15px} /*banner切换*/ .banner{min-width:1100px; width:100%;height:500px;position: relative;} .banner .pro-switch {height: 500px;overflow: hidden;position: relative;width:100%;} .banner .flexslider {margin: 0;padding: 0;} .banner .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;} .banner .flexslider .slides img {width: 100%;display: block;} .banner .slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 500px;} .banner .no-js .slides > li:first-child {display: block;} .banner .flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1;} .banner .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;} .banner .flexslider .slides {zoom: 1;} .banner .flex-direction-nav {*height: 0;} .banner .flex-direction-nav a {width: 60px;height: 90px;margin: -45px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;} .banner .flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;} .banner .flex-direction-nav .flex-prev {left: 0;} .banner .flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);} .banner .flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);} .banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);} .banner .flex-control-nav {width: 100%;position: absolute;bottom: 15px;text-align: center;} .banner .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;} .banner .flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 0px;display:block;height: 10px;overflow: hidden;text-indent:-99em;width: 10px;cursor: pointer;} .banner .flex-control-paging li a.flex-active {background-position: 0 -10px;} .product-banner{margin-top:70px;width: 100%;height: 500px;background-color: #6132A8;background-image: -webkit-gradient(linear, left top, left bottom, from(#6132A8), to(#B91ACB));background-image: -webkit-linear-gradient(-230deg, #6132A8, #B91ACB);background-image: linear-gradient(-230deg, #6132A8, #B91ACB);} .yzm-banner .container, .vsms-banner .container{background:url(../images/yzm-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .vsms-banner .container { background-image: url(../images/shipin-banner.png)} .vsms-banner .container .banner-btn { display: block; width:167px; line-height: 65px; background: #FD7621; color:#fff; text-align: center; border-radius: 10px; font-size: 20px; margin-top: 30px; } .product-banner .container h1{ font-size:60px; font-weight:normal; padding-bottom:20px;} .product-banner .container p{ font-size:18px; line-height:40px;} .product-banner .container ul{ padding-bottom:20px;} .product-banner .container ul li{ float:left; display:block; margin-right:10px; padding:3px 15px; background:rgba(0,0,0,.3);border-radius:30px; font-size:16px;} .product-banner .container .test{ padding-top:30px;} .test input{ font-size:16px; height:54px; width:300px; line-height:54px; background:#fff; border:0; outline:0; padding:0px 15px; display:inline-block; vertical-align:top;border-radius:3px; font-family:'微软雅黑'} .test .tiyan{ height:54px; line-height:54px; padding:0px 25px; display:inline-block; background:#2CB9EA; color:#fff; font-size:18px; vertical-align:top;border-radius:3px;} .product-banner .test .zhuce, .dailisq{ background:#FD7621 !important;} .product-banner .tiyan:hover{ background:#1BA4D4;} .product-banner .zhuce:hover, .dailisq:hover{ background:#E86511 !important;} .product-banner #dom_id{ display:inline-block;} .product-banner .nc-container #nc_1_wrapper{ width:187px} .product-banner .nc_scale{ height:40px} .product-banner .nc-container .nc_scale span{ height:38px; line-height:38px;} .yuyin-banner{background-color: #8E3CCC;background-image: -webkit-gradient(linear, left top, left bottom, from(#8E3CCC), to(#3065DC));background-image: -webkit-linear-gradient(-230deg, #8E3CCC, #3065DC);background-image: linear-gradient(-230deg, #8E3CCC, #3065DC);} .yuyin-banner .container{background:url(../images/yuyin-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .yuyintz-banner .container{background-image:url(../images/yuyintz-banner.png)} .smstz-banner{background-color: #723ED3;background-image: -webkit-gradient(linear, left top, left bottom, from(#723ED3), to(#893BE5));background-image: -webkit-linear-gradient(-230deg, #723ED3, #893BE5);background-image: linear-gradient(-230deg, #723ED3, #893BE5);} .smstz-banner .container{background:url(../images/smstz-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .smsyx-banner .container{background:url(../images/smsyx-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .guoji-banner{background-color: #A124CA;background-image: -webkit-gradient(linear, left top, left bottom, from(#A124CA), to(#893BE5));background-image: -webkit-linear-gradient(-230deg, #A124CA, #893BE5);background-image: linear-gradient(-230deg, #A124CA, #893BE5);} .guoji-banner .container{background:url(../images/guoji-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .daili-banner{ height:500px; background:url(../images/daili-banner.jpg) 0px 0px no-repeat; color:#fff; text-align:center;} .daili-banner h1{ font-size:60px; padding-top:100px;} .daili-banner h3{ font-size:33px; font-weight:normal; padding-top:20px;} .daili-banner p{ padding-top:60px;} .jlyx-banner{background-color: #991ADC;background-image: -webkit-gradient(linear, left top, left bottom, from(#991ADC), to(#6F56EF));background-image: -webkit-linear-gradient(-230deg, #991ADC, #6F56EF);background-image: linear-gradient(-230deg, #991ADC, #6F56EF);} .jlyx-banner .container{background:url(../images/jlyx-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .huafei-banner{background-color: #8c119e;background-image: -webkit-gradient(linear, left top, left bottom, from(#8c119e), to(#5e22ba));background-image: -webkit-linear-gradient(-230deg, #8c119e, #5e22ba);background-image: linear-gradient(-230deg, #8c119e, #5e22ba);} .huafei-banner .container{background:url(../images/huafei-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .flow-banner{background-color: #8c119e;background-image: -webkit-gradient(linear, left top, left bottom, from(#8c119e), to(#5e22ba));background-image: -webkit-linear-gradient(-230deg, #8c119e, #5e22ba);background-image: linear-gradient(-230deg, #8c119e, #5e22ba);} .flow-banner .container{background:url(../images/flow-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .caixin-banner .container{background:url(../images/caixin-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .smsgzh-banner .container{background:url(../images/smsgzh-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;} .sycj-l{ float:left; width:500px} .sycj-r{ float:right; width:700px;} .sycj-mbbj{ background:url(../images/mb-bj.png) center 0px no-repeat; height:626px; position:relative;} .sycj-mbbj .sycj-img{ width:255px; height:432px; background:#CCC; position:absolute; left:123px; top:99px; overflow:hidden;} .sycj-mbbj .sycj-img img{ border:1px solid #eee;} .sycj-mbbj .sycj-text{ position:absolute; bottom:95px; left:84px; background:#fff; width:332px; height:104px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.15);} .sycj-mbbj .sycj-text-2{ position:absolute; top:180px; left:124px;width:253px; height:104px;border-radius:10px;} .sycj-btn{ position:relative;} .sycj-btn a, .sycj-btn span{background:url(../images/cp-icon.png) 0px 0px no-repeat;width:174px; height:188px; line-height:188px; color:#333; font-size:20px; text-align:center; display:block; position:absolute;transition:none;} .sycj-btn .sycj-icon-1{ background-position:-175px -150px;} .sycj-btn a.active, .sycj-btn a:hover, .sycj-btn span.active, .sycj-btn span:hover{ background-position:0px -150px;transition:none; color:#fff;} .btn-api{ padding:11px 40px; display:inline-block; border:1px solid #2CB9EA; font-size:18px; color:#2CB9EA;border-radius:3px;} .btn-api:hover{ background:#2CB9EA;color:#fff;} .js-api-list{ padding-top:10px;} .js-api-list li{ float:left; margin-right:10px;} .js-api-list li a{ display:block; padding:1px 7px; background:#2CB9EA; color:#fff;border-radius:2px;} .t1{ padding:80px;} .t2{ color:#fff;} .t3{ background:#F5F5F5} .index-tittle{ font-size:28px; padding-bottom:50px;font-weight:normal} .index-tittle-2{ font-size:18px; padding-bottom:20px;font-weight:normal} .cp-list ul{ margin-left:-60px; margin-right:-60px;} .cp-list ul li{ float:left; width:20%; margin-bottom:35px;} .cp-list ul li .item-box{ padding:0 15px;} .cp-list ul li h3{ font-size:18px; padding:15px 0 5px;} .cp-list ul li p{ color:#999} .cp-list-2 ul li{ width:20%; margin-bottom:20px} .cp-list-2 ul, .cp-list-3 ul{ margin-left:-40px; margin-right:-40px;} .cp-list-2 ul li .item-box, .cp-list-3 ul li .item-box{padding: 0 20px;} .cp-list-3 ul li{ width:20%; margin-bottom:0} .cp-list-3 ul li h3{ font-weight:normal;} .caseTxtBox .hd{ height:70px; position:relative; } .caseTxtBox .hd ul{text-align: center; margin-left:-5px; margin-right:-5px;} .caseTxtBox .hd ul li{ float:left;list-style-type:none; margin:0 5px; padding:10px 0px; width:111px;cursor:pointer; background:#e7e7e7;color: #777;border-radius: 3px;} .caseTxtBox .hd ul li img{ width:70px; height:70px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;} .caseTxtBox .hd ul li.on{ background:#2CB9EA; color:#fff;} .caseTxtBox .bd .bdCont{height: 350px !important;} .caseTxtBox .bd .bdCont h4{ padding-bottom:5px;} .caseTxtBox .bd .bdCont p{ color:#333; padding:0;} .caseTxtBox .bd .bdCont h4.ptop{ padding-top:8px;} .caseTxtBox .bd .bdCont ol{ padding-left:20px; padding-bottom:10px;} .caseTxtBox .bd .bdCont ol li{ list-style-type:decimal; line-height:26px;} .caseTxtBox .bd .bdCont .bdContL{ width:533px;} .caseTxtBox .bd .bdCont .bdContL img{ width:100%;} .caseTxtBox .bd .bdCont .bdContR{ width:600px;} .flowcase .tempWrap{ background:#fff; border:1px solid #eee;} .flowcase .hd{ height:135px; line-height:26px;position:relative; } .flowcase .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:135px; } .flowcase .hd ul li{ float:left; width:116px; padding:0 15px; cursor:pointer;text-align: center;} .flowcase .hd ul li.on{ height:135px;} .flowcase .hd ul li h3{ font-size:16px;} .flowcase .hd ul li p{ } .flowcase .hd ul li i{display:inline-block;width:86px;height:86px;background:url(../images/case_sprite.png) no-repeat} .flowcase .hd ul li i.icon-cp2{background-position:-88px 0} .flowcase .hd ul li i.icon-cp3{background-position:-175px 0} .flowcase .hd ul li i.icon-cp4{background-position:-262px 0} .flowcase .hd ul li i.icon-cp5{background-position:-349px 0} .flowcase .hd ul li i.icon-cp6{background-position:-436px 0} .flowcase .hd ul li i.icon-cp7{background-position:-523px 0} .flowcase .hd ul li i.icon-cp8{background-position:-610px 0} .flowcase .hd ul li.on .icon-cp1{background-position:0 -88px} .flowcase .hd ul li.on .icon-cp2{background-position:-88px -88px} .flowcase .hd ul li.on .icon-cp3{background-position:-175px -88px} .flowcase .hd ul li.on .icon-cp4{background-position:-262px -88px} .flowcase .hd ul li.on .icon-cp5{background-position:-349px -88px} .flowcase .hd ul li.on .icon-cp6{background-position:-436px -88px} .flowcase .hd ul li.on .icon-cp7{background-position:-523px -88px} .flowcase .hd ul li.on .icon-cp8{background-position:-610px -88px} .flowcase .bd .flowyyCont{ height:160px; padding:30px;zoom:1;} .flowcase .bd .flowyyCont .flowyyContL{ width:240px; margin-right:30px;} .flowcase .bd .flowyyCont .flowyyContR{ width:765px;padding-top: 5px;} .flowcase .bd .flowyyCont h4{ font-size:20px; padding-bottom:12px;} .flowcase .bd .flowyyCont .flowyyContR h4 span{ background:#00aaee; color:#fff; padding:0 3px;} .flowcase .bd .flowyyCont p{ color:#666; padding-bottom:10px; line-height:24px; font-size:14px} .flowcase .bd .flowyyCont p b{color:#ff7800;} .flowcase .soft_con1{position:absolute;height:10px;z-index: 9;left:36px; top:126px;transition:left .2s ease-out 0s;-moz-transition:left .2s ease-out 0s; /* Firefox 4 */-webkit-transition:left .2s ease-out 0s; /* Safari and Chrome */-o-transition:left .2s ease-out 0s; /* Opera */} .flowcase .soft_con1 .soft_icon{ width:105px; height:10px; display:block;background:url(../images/line_select_2.gif);} .cp-icon{ background:url(../images/cp-icon.png) 0px 0px no-repeat;width:85px; height:85px; display:inline-block;} .cp-icon1{ background-position:0px 0px;} .cp-icon2{ background-position:-86px 0px;} .cp-icon3{ background-position:-172px 0px;} .cp-icon4{ background-position:-258px 0px;} .cp-icon5{ background-position:-344px 0px;} .cp-icon6{ background-position:-430px 0px;} .cp-icon7{ background-position:-528px -7px;} .cp-icon8{ background-position:-387px -744px;} .cp-icon9{ background-position:-472px -744px;} .cp-icon10{ background-position:-557px -744px;} .cp-icon11{ background-position:-642px -744px;} .cp-icon12{ background-position:-387px -829px;} .cp-icon13{ background-position:-387px -915px;} .cp-icon14{ background-position:-472px -915px;} .cp-icon15{ background-position:-557px -915px;} .cp-icon16{ background-position:-302px -915px;} .cp-icon17{ background-position:-217px -915px;} .tx-list ul li{ float:left; width:360px; margin:0 20px 45px;} .tx-list ul li .item-box{position:relative; padding-left:78px;} .tx-list ul li .item-box .tx-icon-pa{ position:absolute; left:0; top:5px;} .tx-list ul li h3{ font-size:18px; font-weight:normal; padding-bottom:15px;} .tx-list ul li p{ line-height:24px;} .tx-icon{ background:url(../images/cp-icon.png) 0px 0px no-repeat;width:62px; height:55px; display:inline-block;} .tx-icon1{ background-position:0px -85px;} .tx-icon2{ background-position:-63px -85px;} .tx-icon3{ background-position:-126px -85px;} .tx-icon4{ background-position:-189px -85px;} .tx-icon5{ background-position:-252px -85px;} .tx-icon6{ background-position:-315px -85px;} .tx-icon7{ background-position:0px -362px;} .tx-icon8{ background-position:-62px -362px;} .tx-icon9{ background-position:-124px -362px;} .tx-icon10{ background-position:-186px -362px;} .tx-icon11{ background-position:-249px -362px;} .tx-icon12{ background-position:-310px -362px;} .tx-icon13{ background-position:-372px -362px;} .tx-icon14{ background-position:-434px -362px;} .tx-icon15{ background-position:-496px -362px;} .tx-icon16{ background-position:-558px -362px;} .tx-icon17{ background-position:-620px -362px;} .tx-icon18{ background-position:-682px -362px;} .tx-icon19{ background-position:-682px -307px;} .tx-icon20{ background-position:-620px -307px;} .tx-icon21{ background-position:-558px -307px;} .tx-icon22{ background-position:-496px -307px;} .tx-icon23{ background-position:-434px -307px;} .tx-icon24{ background-position:-372px -307px;} .tx-icon25{ background-position:0px -502px;} .tx-icon26{ background-position:-62px -502px;} .tx-icon27{ background-position:-124px -502px;} .tx-icon28{ background-position:-186px -502px;} .tx-icon29{ background-position:-248px -502px;} .tx-icon30{ background-position:-310px -502px;} .tx-icon31{ background-position:-372px -502px;} .tx-icon32{ background-position:-434px -502px;} .tx-icon33{ background-position:-496px -502px;} .what-is{ display: flex; justify-content: center; } .what-is .left-content{ width:500px; height:500px; margin-right: 50px; } .what-is .right-content{ width:350px; height:500px; display: flex; flex-direction: column; justify-content: flex-start; } .what-is .right-content p{ font-size: 18px; line-height: 28px; padding-top: 10px; margin-bottom: 80px; } .what-is .right-content a{ display: block; width:212px; height:54px; background: #2CB9EA; font-size: 18px; text-align: center; line-height: 54px; color:#fff; border-radius:3px; } .why-use{ background: url(../images/v-bg_02.png); background-size: 100% 100%; height:533px; color: #fff; position: relative; padding-bottom: 0; box-sizing: border-box; } .why-use .why-use-img{ position: absolute; bottom: 0; left: 50%; margin-left: -260.5px; } .why-use .container{ height: 100%; position: relative; } .why-use .why-use-content .content-list{ display: inline-block; position: absolute; z-index: 5; } .why-use .why-use-content .content-list h3{ font-size: 20px; margin-bottom: 8px; } .why-use .why-use-content .content-list p{ font-size: 14px; } .use-env .container{ display: flex; justify-content: center; } .use-env .container .left-content{ display: flex; flex-direction: column; justify-content: space-between; } .use-env .container .left-content .item-list{ width: 540px; } .use-env .container .left-content .item-list > ul{ display: flex; flex-wrap: wrap; width: 540px; padding-bottom: 60px; box-sizing: border-box; } .use-env .container .left-content .item-list > ul > li{ margin-right: 20px; margin-bottom: 20px; width:160px; height:110px; text-align: center; color:#666666; border:1px solid #f2f2f2; box-sizing: border-box; cursor: pointer; } .ontap{ background: #2CB9EA; border: 1px solid #2CB9EA; color:#fff !important; } .use-env .container .left-content .item-list > ul > li img{ display: block; width:30px; height:30px; margin:20px auto; } .use-env .container .right-content{ width:660px; display: flex; justify-content: center; } .use-env .container .right-content .img{ width:288px; height:100%; } .use-env .container .right-content .img img{ display: none; } .vsms .kuaiyancase .slideTxtBox{ width:100%;text-align:left; } .vsms .kuaiyancase .slideTxtBox .hd{height:130px;line-height:30px;background:#f4f4f4;padding:0 10px 0 20px;position:relative;} .vsms .kuaiyancase .slideTxtBox .hd ul{ float:left; position:absolute; left:0px; top:0px; height:130px;} .vsms .kuaiyancase .slideTxtBox .hd ul li{ float:left; cursor:pointer; width:150px; text-align:center;padding-top: 15px;} .vsms .kuaiyancase .slideTxtBox .hd ul li i{ float:left; cursor:pointer; width:150px; text-align:center;} .vsms .kuaiyancase .slideTxtBox .hd ul li i img{width:80px; height:80px} .vsms .kuaiyancase .slideTxtBox .hd ul li.on{ height:120px; background:#fff; } .vsms .kuaiyancase .slideTxtBox .bd{ background:#fff;} .vsms .kuaiyancase .slideTxtBox .bd .bd-cont{ display: flex;justify-content: space-between; padding:30px 80px; zoom:1;} .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .left-content{ display: flex; flex-direction: column; justify-content: center; width:500px; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .left-content h2{ font-size:36px; padding-top:10px; padding-bottom:10px;margin-bottom: 40px;} .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .left-content p{ font-size: 18px; padding-bottom:20px; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content{ width:318px; height:606px; box-sizing: border-box; background: url(../images/tab-phone.png) no-repeat; padding:92px 34px 74px 44px; display: flex; flex-direction: column; justify-content: flex-start; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .inner-content{ overflow-y:auto ; height:100%; padding: 5px 10px 5px 0; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .inner-content::-webkit-scrollbar{ width:5px; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .inner-content::-webkit-scrollbar-thumb{ border-radius:10px; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .inner-content::-webkit-scrollbar-track{ border-radius: 10px; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .tc{ width:100%; border-radius: 5px; overflow: hidden; margin-bottom: 20px; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .tc img{ width:100%; height: 100%; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .video { width:100%; height:150px; border-radius: 5px; overflow: hidden; position: relative; margin-bottom: 20px; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .video .player-btn{ width:100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.3); position: absolute; top:0; left: 0; z-index: 10; cursor: pointer; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .video video{ width:100%; height:150px; object-fit:fill; } .vsms .kuaiyancase .slideTxtBox .bd .bd-cont .right-content .content{ width:100%; padding:5px; box-sizing: border-box; box-shadow:0px 1px 8px 0px rgba(1,51,164,0.2); border-radius:4px; font-size: 14px; } .daili-list ul li{ float:left; width:340px; margin:0 30px 45px; text-align:center;} .daili-list ul li .item-box{position:relative;} .daili-list ul li .item-box .tx-icon-pa{ position:absolute; left:0; top:5px;} .daili-list ul li h3{ font-size:18px; font-weight:normal; padding-bottom:15px;} .daili-list ul li p{ line-height:24px; padding-top:17px;font-size: 16px;} .daili-list .daili-icon i{background:url(../images/cp-icon.png) -501px -149px no-repeat;width:119px; height:130px; display:block; margin:auto; line-height:36px; font-size:24px; font-style:normal;} .daili-list .daili-icon i b{ display:block} .daili-list .daili-icon i:hover{ background-position:-379px -149px; color:#083769;transition:opacity 1s ease} .daili-zc ul li{ float:left; width:200px; margin:0 29px; border:1px solid #DCDCDC;border-radius:10px; padding:20px; text-align:center; background:#fff;box-shadow: 3px 5px 0px rgba(0,0,0,.04);} .daili-zc ul li h2{ font-size:60px; font-weight:normal; padding-top:10px;} .daili-zc ul li p{ font-size:16px; line-height:30px; padding:10px 0;} .daili-jl ul{ margin-left:-30px; margin-right:-30px;} .daili-jl ul li{ float:left; width:196px; min-height:215px; margin:0 29px;border-radius:3px; padding:30px; text-align:center; background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .daili-jl ul li i{ display:block; width:75px; height:75px; background:url(../images/cp-icon.png) -501px -149px no-repeat; margin:15px auto 10px;} .daili-jl ul li i.daili-jl-icon1{ background-position:0px -427px} .daili-jl ul li i.daili-jl-icon2{ background-position:-75px -427px} .daili-jl ul li i.daili-jl-icon3{ background-position:-150px -427px} .daili-jl ul li i.daili-jl-icon4{ background-position:-225px -427px} .daili-jl ul li i.daili-jl-icon5{ background-position:-300px -427px} .daili-jl ul li i.daili-jl-icon6{ background-position:-375px -427px} .daili-jl ul li i.daili-jl-icon7{ background-position:-450px -427px} .daili-jl ul li i.daili-jl-icon8{ background-position:-525px -427px} .daili-jl ul li i.daili-jl-icon9{ background-position:-472px -829px} .daili-jl ul li i.daili-jl-icon10{ background-position:-547px -829px} .daili-jl ul li i.daili-jl-icon11{ background-position:-622px -829px} .daili-jl ul li i.daili-jl-icon12{ background-position:-697px -829px} .daili-jl ul li h2{ font-size:18px; font-weight:normal; padding-top:10px;} .daili-jl ul li p{ font-size:14px; color:#666; line-height:30px; padding:10px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .daili-jl ul li a{border: 1px solid #2CB9EA;padding: 5px 30px;display: inline-block;color: #2CB9EA;border-radius: 3px;} .daili-jl ul li:hover{box-shadow: 0px 15px 30px rgba(0,0,0,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .daili-jl ul li a:hover { background:#2CB9EA; color:#fff} .fa-cp ul{ margin-left:-30px; margin-right:-30px;} .fa-cp ul li{ float:left; width:210px; border:1px solid #F5F5F5; margin:0 21px;border-radius:3px; padding:30px; text-align:center; background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .fa-cp ul li h2{ font-size:18px; font-weight:normal; padding-top:10px;} .fa-cp ul li p{ font-size:14px; color:#666; line-height:30px; padding:10px 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .fa-cp ul li a{ border:1px solid #2CB9EA; padding:5px 30px; display:inline-block; color:#2CB9EA;border-radius:3px;} .fa-cp ul li:hover{box-shadow: 0px 15px 30px rgba(0,0,0,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .fa-cp ul li a:hover{ background:#2CB9EA; color:#fff;} .fa-cp ul li i{ margin-bottom:5px;} .kh-list ul li{ float:left; width:196px; height:112px; overflow:hidden;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .kh-list ul li.bgcolor{background:#FAFAFA;} .kh-list ul li:hover{box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-transform:translateZ(-2px);-moz-transform:translateZ(-2px);-ms-transform:translateZ(-2px);-o-transform:translateZ(-2px);transform:translateZ(-2px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .kh-logo{background:url(../images/kehu-logo.png) 0px 0px no-repeat;width:197px; height:113px; display:inline-block;} .kh-logo1{background-position:0px 0px;} .kh-logo2{background-position:-197px 0px;} .kh-logo3{background-position:-394px 0px;} .kh-logo4{background-position:-591px 0px;} .kh-logo5{background-position:-788px 0px;} .kh-logo6{background-position:-985px 0px;} .kh-logo7{background-position:0px -113px;} .kh-logo8{background-position:-197px -113px;} .kh-logo9{background-position:-394px -113px;} .kh-logo10{background-position:-591px -113px;} .kh-logo11{background-position:-788px -113px;} .kh-logo12{background-position:-985px -113px;} .kh-logo13{background-position:0px -226px;} .kh-logo14{background-position:-197px -226px;} .kh-logo15{background-position:-394px -226px;} .kh-logo16{background-position:-591px -226px;} .kh-logo17{background-position:-788px -226px;} .kh-logo18{background-position:-985px -226px;} .kh-logo19{background-position:0px -339px;} .kh-logo20{background-position:-197px -339px;} .kh-logo21{background-position:-394px -339px;} .kh-logo22{background-position:-591px -339px;} .kh-logo23{background-position:-788px -339px;} .kh-logo24{background-position:-985px -339px;} .cpkh-list ul li{ float:left; width:190px; height:90px; margin:5px; overflow:hidden; background:#fff;} .cpkh-list .kh-logo1{background-position:0px -10px;} .cpkh-list .kh-logo2{background-position:-197px -10px;} .cpkh-list .kh-logo3{background-position:-394px -10px;} .cpkh-list .kh-logo4{background-position:-591px -10px;} .cpkh-list .kh-logo5{background-position:-788px -10px;} .cpkh-list .kh-logo6{background-position:-985px -10px;} .cpkh-list .kh-logo7{background-position:0px -123px;} .cpkh-list .kh-logo8{background-position:-197px -123px;} .cpkh-list .kh-logo9{background-position:-394px -123px;} .cpkh-list .kh-logo10{background-position:-591px -123px;} .cpkh-list .kh-logo11{background-position:-788px -123px;} .cpkh-list .kh-logo12{background-position:-985px -123px;} .cpkh-list .kh-logo13{background-position:0px -236px;} .cpkh-list .kh-logo14{background-position:-197px -236px;} .cpkh-list .kh-logo15{background-position:-394px -236px;} .cpkh-list .kh-logo16{background-position:-591px -236px;} .cpkh-list .kh-logo17{background-position:-788px -236px;} .cpkh-list .kh-logo18{background-position:-985px -236px;} .cpkh-list .kh-logo19{background-position:0px -352px;} .cpkh-list .kh-logo20{background-position:-197px -352px;} .cpkh-list .kh-logo21{background-position:-394px -353px;} .cpkh-list .kh-logo22{background-position:-591px -353px;} .cpkh-list .kh-logo23{background-position:-788px -353px;} .cpkh-list .kh-logo24{background-position:-985px -353px;} .zizhi{ padding-top:30px;} .zizhi ul{ width:1050px; margin:auto;} .zizhi ul li{ float:left; width:20%; line-height:51px;} .zizhi ul li i{background:url(../images/cp-icon.png) 0px 0px no-repeat;width:51px; height:51px; display:block; float:left; margin-right:10px; } .zizhi ul li i.zhengs-icon1{ background-position:-550px -86px;} .zizhi ul li i.zhengs-icon2{ background-position:-601px -86px;} .zizhi ul li i.zhengs-icon3{ background-position:-652px -86px;} .zizhi ul li i.zhengs-icon4{ background-position:-703px -86px;} .zizhi ul li i.zhengs-icon5{ background-position:-754px -86px;} .yzm-yuyin-icon{ width:74px; height:56px; display:block; margin:auto; background-position:-721px 0px;} .about h1{ font-size:28px; padding:30px 0; font-weight:normal;} .about p{line-height:32px; font-size:16px; padding-bottom:20px;} .about-ys{ margin-top:20px; margin-left:-70px; margin-right:-70px;} .about-ys li{ float:left; display:block; text-align:center; width:220px; margin:0px 113px 20px;} .about-ys li i{ width:128px; height:94px; line-height:94px; font-size:36px; font-style:normal; border:1px solid #2CB9EA;border-radius:10px; display:block; margin:auto; color:#2CB9EA; margin-bottom:15px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .about-ys li i:hover{ background:#2CB9EA; color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .about-ys li p{ font-size:16px} .about-zs{ margin-top:20px} .about-zs li{ float:left; display:block; text-align:center; width:220px; margin:0px 40px 20px;} .about-zs li p{ font-size:14px; padding-top:10px;} .join-list .layui-tab-content ul{margin-left: -40px;margin-right: -40px;} .join-list .layui-tab-content li{ display:inline-block; width:545px; vertical-align:top;margin: 0 40px;} .join-list .layui-tab-content li h3{ font-size:18px; padding:20px 0;} .contact-list .left{ width:50%} .contact-list .right{ width:50%} .contact-list h5{ font-size:20px; padding-bottom:20px; font-weight:normal;} .contact-list p{ font-size:14px; line-height:28px;} .jlyx-wf ul li{ float:left; width:266px; margin:0 17px; text-align:center;} .jlyx-wf ul li img{ display:block;} .jlyx-wf ul li p{ padding:15px 0; font-size:16px;} .jlyx-wf2 ul li{width:187px; margin:0 56px;} .smsyx-api{padding: 0 78px;} .smsyx-api i{background:url(../images/cp-icon.png) 0px 0px no-repeat;width:188px; height:144px; display:block; margin:auto;} .smsyx-api i.smsyx-api-1{ background-position:0px -744px;} .smsyx-api i.smsyx-api-2{background-position:-189px -744px;} .smsyx-api li{ width:320px; padding:60px 30px; border:1px solid #EEEEEE; float:left; margin:0 70px;border-radius:3px; text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .smsyx-api li h2{ font-size:18px; padding-top:30px; padding-bottom:25px; font-weight:normal} .smsyx-api li p{ font-size:14px;} .smsyx-api li p a{font-size:18px; padding:9px 32px; border:1px solid #2CB9EA; color:#2CB9EA;border-radius:3px; display:inline-block;} .smsyx-api li p a:hover{ background:#2CB9EA; color:#fff} .smsyx-api li:hover{box-shadow:0 12px 30px rgba(0,0,0,.1);-webkit-transform:translateZ(-2px);-moz-transform:translateZ(-2px);-ms-transform:translateZ(-2px);-o-transform:translateZ(-2px);transform:translateZ(-2px);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .yuyan{ margin-bottom:40px} .yuyan table{ width:780px; margin:20px auto 30px;border-spacing: 0;border-collapse: collapse;} .yuyan table>thead>tr>th{ text-align:left; font-size:18px; font-weight:normal; padding:8px} .yuyan table>tbody>tr>td{ text-align:left; font-size:14px;padding:8px} .yuyan-search{ width:522px; position:relative; margin:auto;} .yuyan-search input{ width:500px; border:1px solid #EEEEEE; padding:10px; font-family:'微软雅黑'; font-size:14px; outline:0;border-radius:3px;} .new-list ul .new-list-margin{ width:356px; float:left; margin:auto 22px;} .new-tlttle{ height:185px; background:#fff; margin-bottom:20px; } .new-tlttle-img{ width:356px; height:133px; position:relative; overflow:hidden;} .new-tlttle img{ width:356px; height:133px; position:absolute; left:0; top:0; } .new-tlttle h4{ height:52px; line-height:52px; padding-left:15px; font-weight:normal;} .new-tlttle:hover{ text-decoration:none;box-shadow:0 3px 14px rgba(0,0,0,.2);} .new-tlttle:hover img{ width:400px; height:149px; left:-22px; top:-8px;} .new-tlttle .new-tlttle-2{position:absolute;background-color:rgba(44,185,234,.85); color:#fff; width:116px; line-height:40px; padding-top:24px; text-align:center; height:100%; font-size:30px;display: block;} .new-more-list{ line-height:30px;} .reg-bottom{ background:#2CB9EA; display:inline-block; padding:15px 45px; font-size:24px; color:#fff;border-radius:5px;} .reg-bottom:hover{background:#0F83C1; color:#fff;} .new-tlttle, .new-tlttle img, .new-tlttle:hover img, new-tlttle:hover img, .new-tlttle:hover img, new-tlttle:hover a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} #particles-js canvas{display:block;vertical-align:bottom;} #particles-js{position:absolute;left:0px;top:0px;width:100%;height:477px;background-color: #02214F;background-image: -webkit-gradient(linear, left top, left bottom, from(#02214F), to(#1674B1));background-image: -webkit-linear-gradient(#02214F, #1674B1);background-image: linear-gradient(#02214F, #1674B1);} .wendang #particles-js{height:990px !important;background-color: #F7F7F8 !important;background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F7F8), to(#F7F7F8)) !important;background-image: -webkit-linear-gradient(#F7F7F8, #F7F7F8) !important;background-image: linear-gradient(#F7F7F8, #F7F7F8) !important;} .wendang .container{ position:relative;} .wendang h2{ font-size:60px;padding-bottom:20px} .wendang p{ font-size:16px; line-height:40px;} .wendang-list{ margin-top:40px;} .wendang-list ul li{ float:left; width:220px; margin:0 40px 45px; background:#fff; text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .wendang-list ul li .item-box{ padding:40px; border:1px solid #f0f0f0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .wendang-list ul li .item-box .tx-icon-pa{ position:absolute; left:0; top:5px;} .wendang-list ul li h3{ font-size:18px; font-weight:normal; padding-bottom:15px;} .wendang-list ul li p{ line-height:24px; padding-top:30px;font-size: 18px; padding-bottom:15px;} .wendang-list ul li i {background:url(../images/cp-icon2.png) -501px -149px no-repeat;width:100px; height:100px; display:block; margin:auto; } .wendang-list ul li i.wendang-icon1{ background-position:0px 0px} .wendang-list ul li i.wendang-icon2{ background-position:-100px 0px} .wendang-list ul li i.wendang-icon3{ background-position:-200px 0px} .wendang-list ul li i.wendang-icon4{ background-position:-300px 0px} .wendang-list ul li i.wendang-icon5{ background-position:-400px 0px} .wendang-list ul li i.wendang-icon6{ background-position:-500px 0px} .wendang-list ul li i.wendang-icon7{ background-position:-600px 0px} .wendang-list ul li i.wendang-icon8{ background-position:-700px 0px} .wendang-list ul li i.wendang-icon9{ background-position:-200px 0px} .wendang-list ul li:hover{box-shadow:0 10px 25px rgba(0,0,0,.05);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .wendang-list ul li a{transition:none !important} .wendang-list ul li:hover i.wendang-icon1{background-position:0px -100px} .wendang-list ul li:hover i.wendang-icon2{background-position:-100px -100px} .wendang-list ul li:hover i.wendang-icon3{background-position:-200px -100px} .wendang-list ul li:hover i.wendang-icon4{background-position:-300px -100px} .wendang-list ul li:hover i.wendang-icon5{background-position:-400px -100px} .wendang-list ul li:hover i.wendang-icon6{background-position:-500px -100px} .wendang-list ul li:hover i.wendang-icon7{background-position:-600px -100px} .wendang-list ul li:hover i.wendang-icon8{background-position:-700px -100px} .wendang-list ul li:hover i.wendang-icon9{background-position:-200px -100px} .fa-cj li{ padding:0 30px !important; border:0 !important; margin:0 22px !important} .fa-cj i{background:url(../images/solution.png) 0px 0px no-repeat;width:68px; height:70px; display:block; margin:auto; margin-bottom:20px !important} .fa-cj i.fa-cj-icon1{ background-position:0px 0px;} .fa-cj i.fa-cj-icon2{ background-position:-68px 0px;} .fa-cj i.fa-cj-icon3{ background-position:-136px 0px;} .fa-cj i.fa-cj-icon4{ background-position:-204px 0px;} .fa-cj i.fa-cj-icon5{ background-position:0px -70px;} .fa-cj i.fa-cj-icon6{ background-position:-68px -70px;} .fa-cj i.fa-cj-icon7{ background-position:-136px -70px;} .fa-cj i.fa-cj-icon8{ background-position:-204px -70px;} .fa-cj i.fa-cj-icon9{ background-position:0px -140px;} .fa-cj i.fa-cj-icon10{ background-position:-68px -140px;} .fa-cj i.fa-cj-icon11{ background-position:-136px -140px;} .fa-cj i.fa-cj-icon12{ background-position:-204px -140px;} .fa-cj i.fa-cj-icon13{ background-position:0px -210px;} .fa-cj li:hover{box-shadow:none !important;} .wd-list ul{ margin:0} .wd-list ul li{ width:14.28%; margin-bottom:0} .wd-list ul li h3{ font-weight:normal} .wd-list ul li i{background: url(../images/cp-icon2.png) 0px -99px no-repeat;width: 100px;height: 100px; display:block; margin:auto;} .wd-list ul li i.iocn2{ background-position:-100px -99px} .wd-list ul li i.iocn3{ background-position:-300px -99px} .wd-list ul li i.iocn4{ background-position:-400px -99px} .wd-list ul li i.iocn5{ background-position:-500px -99px} .wd-list ul li i.iocn6{ background-position:-600px -99px} .wd-list ul li i.iocn7{ background-position:-700px -99px} .izl-rmenu{position:fixed;right:20px;top:50%; margin-top:-46px;padding-bottom:14px;z-index:999;} .izl-rmenu .btn{width:60px;height:60px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-qq{background:url(../images/r_qq2.png) center center no-repeat;background-color:#2CB9EA;text-decoration:none;display:block;} .izl-rmenu .btn-qq:hover{background-color:#0F83C1;} .izl-rmenu .btn-wx{background:url(../images/r_wx.png) center center no-repeat;background-color:#2CB9EA;display:block;} .izl-rmenu .btn-wx:hover{background-color:#0F83C1;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(../images/r_phone2.png) center center no-repeat;background-color:#2CB9EA;} .izl-rmenu .btn-phone:hover{background-color:#ff811b;} .izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:230px;left:-270px;top:0px; height:55px; padding:20px;line-height: 28px;color:#FFF;font-size:18px;display:none;} .izl-rmenu .btn-top{background:url(../images/r_top.png) center center no-repeat;background-color:#E3E5E8;height:35px;display:none;} .izl-rmenu .btn-top:hover{background-color:#d1d4da;} .footer-1{ background:#2D313D;color:#fff;} .footer-1-list li{ float:left; width:25%;} .footer-1-list li .item-box{ padding:32px 10px; height:51px} .footer-1-list li .item-box i{background: url(../images/cp-icon.png) 0px 0px no-repeat;width: 51px;height: 51px; display:inline-block; vertical-align:middle;} .footer-1-list li .item-box i.footer-icon1{ background-position:0px -929px} .footer-1-list li .item-box i.footer-icon2{ background-position:-51px -929px} .footer-1-list li .item-box i.footer-icon3{ background-position:-102px -929px} .footer-1-list li .item-box i.footer-icon4{ background-position:-153px -929px} .footer-1-list li p{ line-height:51px;display:inline-block; margin-left:12px; font-size:16px; vertical-align:middle;} .footer-2{ background:#373B46;} .footer-2-top{ margin-bottom:40px; margin-top:50px;} .footer-nav-list{ float:left; width:940px;} .footer-nav{ width:235px;} .footer-nav li{ line-height:34px;display: inline-block;width: 115px;} .footer-nav .tittle{ font-size:18px; color:#fff; padding-bottom:15px;width: 100%;} .footer-nav li a{ color:#a9b0b4;} .footer-nav li a:hover{ color:#fff;} .footer-code{ float:right; width:180px; color:#a9b0b4;line-height: 20px;} .footer-code .tel{ position:relative; padding-left:38px;} .footer-code .tel i{ position:absolute; left:0px; top:6px; width:30px; height:30px;} .footer-code .tel b{ font-size:18px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:22px;} .footer-code .tel:hover .cp-icon7{background-position:-559px -7px;} .footer-code p{ font-size:12px;} .weixin-code{ padding:10px 0;} .footer-2-bottom{ border-top:1px solid #4E525C} .footer-2-bottom ul{ padding:15px 0;} .footer-2-bottom ul li{ float:left; margin-right:10px; line-height:24px;} .footer-2-bottom ul li a{ color:#737a80;} .footer-2-bottom ul li a:hover{ color:#fff;} .footer-3{ background:#2C3039; height:44px; color:#62676e; line-height:44px;} .footer-3 span{ display:inline-block; width:24px; height:44px; background:url(/images/wangan.gif) center center no-repeat; margin-left:10px;} .footer-3 span a{ display:block; width:24px; height:24px;} .new-banner{margin-top:70px;width: 100%;height: 240px;background-color: #633CCC;background-image: -webkit-gradient(linear, left top, left bottom, from(#633CCC), to(#3065DC));background-image: -webkit-linear-gradient(#633CCC, #3065DC);background-image: linear-gradient(#633CCC, #3065DC);} .new-banner h2{ font-size:60px; line-height:240px; color:#fff; text-align:center;} .fangan-banner{margin-top:70px;height: 240px;background-color: #633CCC;background-image: -webkit-gradient(linear, left top, left bottom, from(#633CCC), to(#3065DC));background-image: -webkit-linear-gradient(#633CCC, #3065DC);background-image: linear-gradient(#633CCC, #3065DC); color:#fff;} .fangan-banner h2{ font-size:60px; padding-top:40px} .fangan-banner p{ font-size:30px; padding-top:10px;} .ny-nav{ height:58px; border-bottom:1px solid #E4E8EA;} .ny-nav ul{ text-align:center;} .ny-nav ul li{ display:inline-block; font-size:18px; height:58px; line-height:58px; padding:0px 35px;} .ny-nav ul li.active{ background:#2CB9EA;} .ny-nav ul li.active a{color:#fff;} .new-left{ width:875px; background:#fff;} .new-left ul.new-lb li{ padding:30px; border-bottom:1px solid #F5F5F5;} .new-img{ width:220px; padding-right:35px;display: none;} .new-img img{ display:block;} .new-text{ width:810px;} .new-text h1{ font-size:20px; font-weight:normal; padding-bottom:15px; position:relative;} .new-text h1 .time{ position:absolute; top:4px; right:0px;height: 22px; line-height:22px; display:block; font-size:14px;background:url(../images/cp-icon.png) -590px -5px no-repeat; padding-left:25px; color:#454545;} .new-text h6{ font-size:14px; font-weight:normal; padding-bottom:11px;} .new-text h6 span{ color:#999;} .new-text h6 a{ color:#999;margin: 0 2px;} .new-text h6 a:hover{ color:#2CB9EA;} .new-text p.new-text-ms{ padding-bottom:8px;} .new-text .new-btn-more{ padding:3px 10px; color:#1EB8EC; display:inline-block; border:1px solid #1EB8EC;border-radius:3px;} .new-text .new-btn-more:hover{color:#fff; border:1px solid #1EB8EC; background:#1EB8EC;} .new-right{ width:300px; background:#fff;} .new-detail{ padding:30px;} .new-detail h1{ font-size:30px; margin-bottom:10px;} .new-detail-time{ color:#999; position:relative; height:30px; line-height:30px; margin-bottom:30px;} .new-detail-time .fenx{ position:absolute; top:-7px; right:0px;} .fenx a{ display:inline-block;vertical-align: middle;transition: none;} .fenx span{ display:inline-block;vertical-align: middle;} .fenxicon{background:url(../images/cp-icon.png) 0px 0px no-repeat; width:30px; height:30px; display:block; float:left;} .fenxicon1{ background-position:-384px -86px;} .fenxicon2{ background-position:-423px -86px;} .fenxicon3{ background-position:-462px -86px;} .fenxicon4{ background-position:-501px -86px;} .new-detail-zy{border: 1px solid #efefef;background-color: #fbfbfb;border-radius: 2px; color:#666;word-break: break-all;word-wrap: break-word;padding:20px 30px; line-height:30px; margin-bottom:25px;} .new-content-container{word-break: break-all;} .new-content-container h2 {font-size: 18px;line-height: 20px;margin-top: 10px;margin-bottom: 20px;color: #333;} .new-content-container p {color: #333;margin: 0 0 20px;font-size: 14px;line-height: 30px;font-weight: 400;} .new-detail-tag{ padding-top:30px} .new-detail-tag a{ display:inline-block; padding:3px 10px; background:#eee; color:#999;border-radius:3px;margin-bottom: 4px;} .new-detail-tag a:hover{background:#2CB9EA; color:#fff;} hr{ border:0; border-top:1px solid #f5f5f5; margin:30px 0;} .new-detail-sx .left{ width:47%; padding-right:3%;} .new-detail-sx .right{ width:47%; padding-left:3%;} .new-detail-other{ margin-top:35px; margin-bottom:20px;} .new-detail-other h2{ font-size:18px; padding-bottom:15px;} .new-detail-other ul{padding-left: 20px;} .new-detail-other ul li{ list-style-type:disc; line-height:30px;} .api{min-height:500px; background:#F2F2F2} .api-left{ width:12%;min-height:500px;} .api-left ul{ padding-top:30px;} .api-left ul li.tittle{ font-size:18px; padding-bottom:10px; color:#999;padding-left:30px;} .api-left ul li{ height:38px; line-height:38px;} .api-left ul .active a{ color:#2CB9EA} .api-left ul li a{ display:block; padding-left:30px;} .api-left ul li a:hover{ background:#e9e9e9;} .api-right{ width:88%;min-height:500px; background:#fff;} .api-banner{margin-top:70px;width: 100%;height: 110px;background-color: #633CCC;background-image: -webkit-gradient(linear, left top, left bottom, from(#633CCC), to(#3065DC));background-image: -webkit-linear-gradient(#633CCC, #3065DC);background-image: linear-gradient(#633CCC, #3065DC);} .api-banner h2{ font-size:36px; font-weight:normal; line-height:110px; color:#fff; text-align:center;} .api-xnav{ margin-bottom:40px;} .api-xnav ul li{ float:left; margin-right:12px;margin-bottom: 12px;} .api-xnav ul li a{ background:#f2f2f2; color:#999; padding:8px 22px; display:block;border-radius:3px;} .api-xnav ul li a.active, .api-xnav ul li a:hover{ background:#2CB9EA; color:#fff;} .api-content{padding:30px 10% 80px 40px} .api-content h1{ font-size:24px;} .api-content-container h2 {font-size: 18px;line-height: 20px;margin-top: 10px;margin-bottom: 20px;color: #333;} .api-content-container p {color: #333;margin: 0 0 20px;font-size: 14px;line-height: 30px;font-weight: 400;} .api-content-container img{max-width:800px !important; height:auto !important} .pagenum {text-align: center;padding: 40px 0;} .pagenum ul{ display:inline-block;} .pagenum li {float: left;display: inline-block;height: 34px;line-height: 34px;text-align: center;margin-left: 16px;border: 1px solid #e4e8ea;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .pagenum li:hover, .pagenum li.active {background-color: #2CB9EA;border-color: #2CB9EA;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease} .pagenum li:hover a, .pagenum li.active a {color: #fff;} .pagenum li.active {background-color: #2CB9EA;color: #fff;padding: 0 15px;border-color: #2CB9EA;} .pagenum li a {display: block;color: #374552;padding: 0 15px;margin: 0;} .new-panel{ padding:20px;} .new-panel h2{ font-size:18px; font-weight:normal; padding-bottom:15px;} .search-container{ border:1px solid #eee; height:38px;border-radius:3px;} .icon-index_search{background:url(../images/cp-icon.png) -626px -34px no-repeat; width:30px; height:30px; display:block; position:absolute; right:4px; top:4px;transition:none;} .icon-index_search:hover{ background-position: -666px -34px;transition:none;} .search-container input{margin: 0;height: 38px;width: 200px;border: 0; padding:0 10px;font-family:"Microsoft YaHei","微软雅黑",Helvetica,"黑体",Arial,Tahoma; outline:0;} .new-hot li{ height:32px; line-height:32px; overflow:hidden;} .new-hot span{ width:20px; height:20px; display:inline-block; background:#DDDDDD; color:#fff; text-align:center; line-height:20px; font-weight:700;border-radius: 3px; margin-right:5px;} .new-hot span.new-hot1{ background:#FD986B} .tag a{ display:block; float:left; padding:3px 10px; border:1px solid #e9e9e9; margin-bottom:12px; margin-right:12px; color:#999;border-radius: 3px; } .tag a:hover{ background:#2CB9EA; border:1px solid #2CB9EA; color:#fff;} /*API文档样式*/ .prizeCont p{ font-size:14px; color:#666; line-height:26px;} .prizeCont h4{ font-size:18px; color:#333; padding-bottom:20px;} .prizeCont p{ font-size:14px; color:#666; line-height:26px;} .prizeOther{ padding-top:20px; margin-left:-22px; margin-right:-22px;} .prizeOther li{ width:335px; height:155px; border:1px solid #eee; float:left; margin:0 22px; padding:20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .prizeOther .prizeOther-1{ width:69px; float:left; margin-right:20px;} .prizeOther .prizeOther-1 p{ color:#999; font-size:12px; height:40px;line-height: 20px; padding:0 20px 20px;} .prizeOther-icon{ width:69px; height:69px;display:block; background:url(../images/prize_sprite.png) 0px -446px no-repeat;} .prizeOther-icon2{ background-position:-70px -446px;} .prizeOther-icon3{ background-position:-140px -446px;} .prizeOther .prizeOther-2{ width:200px; float:left} .prizeOther .prizeOther-2 h3{ font-size:16px; color:#333; padding-bottom:10px;} .prizeOther .prizeOther-2 p{ font-size:12px; color:#999; height:46px; padding-bottom:5px; line-height:18px;} .prizeOther .prizeOther-2 a{ display:inline-block; color:#333; padding:3px 15px; border:1px solid #00aaee; color:#00aaee; font-size:12px;} .prizeOther .prizeOther-2 a:hover{ background:#00aaee; color:#fff;} .prizeMore{ padding:12px 50px; color:#333; background:#eee; display:inline-block; font-size:18px;} .prizeLeftNav{ position:absolute; top:-6px; left:-150px;} .prizeLeftNav ul li a{ font-size:16px; line-height:40px; padding-left:20px; border-left:2px solid #fff;} .prizeLeftNav ul li.active a{ color:#00aaee; padding-left:20px; border-left:2px solid #00aaee;} .prizejrMore li{ width:460px; display:inline-block; margin-right:50px;} .prizejrMore-icon{ width:129px; height:129px;display:block; background:url(../images/prize_sprite.png) 14px -273px no-repeat;} .prizejrMore-icon2{ background-position:-215px -273px;} .prizejrMore li p{ color:#666; font-size:14px;line-height: 22px; padding-bottom:12px;} .prizejrMore li h3{ font-size:16px; color:#333; padding-bottom:12px;} .prizejrMore-1{display:inline-block; width:130px; vertical-align:top; margin-right:20px;} .prizejrMore-2{display:inline-block; width:300px; vertical-align:top;} .prizejrMore-2 a{ display:inline-block; padding:5px 15px; color:#ff7800; border:1px solid #ff7800;border-radius: 3px;} .prizejrMore-2 a:hover{ background:#ff7800; color:#fff;} .apiTable{ width:100%; margin-top:10px;} .apiTable thead tr td{ background:#595959; color:#fff; padding:6px 10px;} .apiTable tbody tr td{ border:1px solid #eee; padding:6px 10px;} .apiTable2{ width:100%} .apiTable2 tbody tr td{ border:1px solid #ddd; background:#f5f5f5; padding:7px 15px; text-align:center;} .prizeHovernone:hover{ background:none !important;border-color:#EAEAEA !important; } .html{ font-family:"Microsoft YaHei","微软雅黑",Helvetica,"黑体",Arial,Tahoma; color:#666;} .wendangNav{ padding-top:20px;text-align: center;} .wendangNav li{ display:inline-block;} .wendangNav li a{ display:block;padding:10px 20px; font-size:16px; background:rgba(0,0,0,.2); color:#fff;} .wendangNav li a:hover{background:#ff7800;} .wendangNav li.active a{background:#ff7800;} .caixin ul{ margin-bottom:50px} .caixin ul li{ display:inline-block; width:230px; margin:0 20px; vertical-align:middle} .caixin ul li.xian{ width:70px;} .caixin ul li.xian i{ background:url(../images/cp-icon2.png) 0px -275px no-repeat;width:70px; height:10px; display:inline-block;} .caixin ul li i{ background:url(../images/cp-icon2.png) 0px 0px no-repeat;width:75px; height:75px; display:inline-block;} .caixin ul li i.icon1{ background-position:0px -200px;} .caixin ul li i.icon2{ background-position:-75px -200px;} .caixin ul li i.icon3{ background-position:-150px -200px;} .caixin ul li i.icon4{ background-position:-225px -200px;} .caixin ul li i.icon5{ background-position:-300px -200px;} .caixin ul li i.icon6{ background-position:-375px -200px;} .caixin ul li i.icon7{ background-position:-450px -200px;} .caixin ul li h2{ font-size:18px; font-weight:normal; padding:15px 0;} .caixin ul li p{ color:#999;} .caixin2 ul li{ width:160px} .caixin2 ul li h2{ font-size:16px;} .banner .textcont{ text-align:center; color:#fff;} .banner .textcont a:hover{ background:#BEC334 !important} .flowFy2{ width:100%; margin:0;} .flowFy2 tr th{ background:#4FC1E8; color:#fff; padding:7px 0; text-align:center; width:14.28%; border-left:1px solid #fff;} .flowFy2 tr td{ background:#F7F9FB;height:28px; text-align:center; width:14.28%; border-left:1px solid #fff; border-bottom:1px solid #fff;} .flowFy2 tr td.ys-1{ line-height:16px;} .flowFy2 tr td.ys-1 span{ color:#ff7800; font-weight:700;} .flowFy2 tr td.ys-1 small{ font-size:12px; color:#999;} .flowFy2 tr td.ys-2{ background:#E9F6FA;} .nav_bar{ width:20px; height: 370px;left:20px;top: 50%; margin-top:-150px; position:fixed;z-index:1000;} .nav_bar li{width: 10px; height: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 2px solid #2CB9EA;margin-bottom: 25px;position: relative;} .nav_bar li i{position: absolute;height: 25px;width: 2px;background: #2CB9EA;bottom:-27px;left: 50%;margin-left: -1px;} .nav_bar li:hover span{ background:#2CB9EA;} .nav_bar li:hover span a{color:#fff;} .nav_bar li.current{border: 2px solid #2CB9EA;-moz-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;background: #2CB9EA;} .nav_bar li.current span{ background:#2CB9EA;} .nav_bar li.current span a{ color:#fff; display:block} .nav_bar li span{width: 90px;position: absolute;left: 25px;top: -7px;height: 24px;line-height: 24px; display:block; color:#2CB9EA; text-align:center;border: 1px solid #2CB9EA;border-radius:30px;} .nav_bar li span a{ color:#2CB9EA; display:block} /* cp */ .index-product ul.first-ul{height: 510px;} .index-product ul .pro-list{float: left;width: 22%;height: 440px;text-align: center;position: relative;background-color: #fff;border: 1px solid #ebebec; margin-left:-1px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;} .index-product ul .pro-list.pro-list1 .on{display: block;} .index-product ul .pro-list.pro-list1 .off{display: none;} .index-product ul .pro-list .card-t{padding: 30px 0 20px;} .index-product ul .pro-list i{display: inline-block;width: 75px;height: 75px;background:url(../images/index-icon2.png) 0px 0px no-repeat;} .index-product ul .pro-list i.icon{background-position: 0px 0px;} .index-product ul .pro-list i.icon2{background-position: -75px 0px;} .index-product ul .pro-list i.icon3{background-position: -150px 0px;} .index-product ul .pro-list i.icon4{background-position: -225px 0px;} .index-product ul .pro-list .card-t h3{font-size: 18px;font-weight: bold;padding: 10px 0 4px;} .index-product ul .pro-list .card-t p{font-size: 14px;color: #868c93;} .index-product ul .pro-list .card-about{padding: 20px 5px; position:relative} .index-product ul .pro-list .off li{font-size: 16px;height: 50px;line-height: 50px;} .index-product ul .pro-list .on{text-align: left;padding: 0 20px;position:absolute; left:5px; top:20px;width: 356px;opacity: 0;filter:alpha(opacity=0);} .index-product ul .pro-list .on .first{padding-bottom: 15px;} .index-product ul .pro-list .on .first h4{font-size: 18px;font-weight: normal;} .index-product ul .pro-list .on .first p{font-size: 14px;color:#a9b0b4} .index-product ul .pro-list .on .first a{font-size: 14px;color: #2CB9EA;display: block;width: 108px;height: 30px;line-height: 30px;text-align: center;border:1px solid #2CB9EA;margin-top: 15px;border-radius: 3px;} .index-product ul .pro-list .on .first a:hover{background-color: #2CB9EA;color: #fff;} .index-product ul .pro-list .on .other{border-top: 1px solid #ebebec;} .index-product ul .pro-list .on .other ul li{width: 100%;float: left;padding-top: 10px;} .index-product ul .pro-list.pro-list1 .on .other ul li{width: 100%;} .index-product ul .pro-list .on .other h4{font-size: 14px;font-weight:normal;} .index-product ul .pro-list .on .other p{font-size: 12px;line-height: 22px;color: #a9b0b4;} .index-product ul .pro-list .on .other a{font-size: 12px;color: #2CB9EA;} .index-product ul .pro-list .on .other a:hover{text-decoration: underline;} .index-product ul .pro-list.pro-list2 .on .other ul li{width: 50%;position: relative;} .index-product ul .pro-list.pro-list2 .on .other ul li p{width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .index-product ul .pro-list .on{display: none;} .index-product ul .active{width: 34%;border: 1px solid #2CB9EA;height: 510px;top: -35px;box-shadow: 0 0px 30px rgba(44,185,234,0.6);z-index: 1;overflow: hidden;} .index-product ul .active .on{opacity: 1;filter:alpha(opacity=100);} .index-product ul .active .con-card .card-t{background-color: #2CB9EA;} .index-product ul .active .con-card .card-t i.icon{ background-position:0px -75px} .index-product ul .active .con-card .card-t i.icon2{ background-position:-75px -75px} .index-product ul .active .con-card .card-t i.icon3{ background-position:-150px -75px} .index-product ul .active .con-card .card-t i.icon4{ background-position:-225px -75px} .index-product ul .active .con-card .card-t h3{color: #fff;margin-top: -5px;} .index-product ul .active .con-card .card-t p{color: #fff;} /* 分发服务 */ .fenfa-list ul{ margin-left:-60px; margin-right:-60px;} .fenfa-list ul li{ float:left; width:330px; margin:25px 0;} .fenfa-list ul li .item-box{ padding:0 15px;} .fenfa-list ul li h3{ font-size:18px; padding:20px 0 10px;} .fenfa-list ul li p{ color:#999} .fenfa-list ul li i{ background: url(../images/fficon.png) 0px 0px no-repeat;width:85px; height:85px;display:inline-block} .fenfa-list ul li i.cp-icon1{ background-position:0px -85px;} .fenfa-list ul li i.cp-icon2{ background-position:-85px -85px;} .fenfa-list ul li i.cp-icon3{ background-position:-170px -85px;} .fenfa-list ul li i.cp-icon4{ background-position:-255px -85px;} .fenfa-list ul li i.cp-icon5{ background-position:-340px -85px;} .fenfa-list ul li i.cp-icon6{ background-position:-425px -85px;} .fenfa-list ul li i.cp-icon7{ background-position:-510px -85px;} .fenfa-list ul li i.cp-icon8{ background-position:-595px -85px;} .fenfa-list2 ul{ margin-left:-60px; margin-right:-60px;text-align: center;} .fenfa-list2 ul li{width:330px; margin:25px 0; display:inline-block} .fenfa-list2 ul li h3{ font-size:18px; padding:20px 0 10px;} .fenfa-list2 ul li p{ color:#999} .fenfa-list2 ul li i{ width:65px; height:65px; background:#ddd; display:inline-block; background:url(../images/fficon.png) 0px 0px no-repeat;} .fenfa-list2 ul li i.cp-icon1{ background-position:-390px -170px;} .fenfa-list2 ul li i.cp-icon2{ background-position:-455px -170px;} .fenfa-list2 ul li i.cp-icon3{ background-position:-520px -170px;} .fenfa-list2 ul li i.cp-icon4{ background-position:0px -235px;} .fenfa-list2 ul li i.cp-icon5{ background-position:-65px -235px;} .fenfa-list2 ul li i.cp-icon6{ background-position:-130px -235px;} .fenfa-list2 ul li i.cp-icon7{ background-position:-195px -170px;} .fenfa-list2 ul li i.cp-icon8{ background-position:-260px -170px;} .fenfa-list2 ul li i.cp-icon9{ background-position:-325px -170px;} .fenfa-list2 ul li i.cp-icon10{ background-position:0px -170px;} .fenfa-list2 ul li i.cp-icon11{ background-position:-65px -170px;} .fenfa-list2 ul li i.cp-icon12{ background-position:-130px -170px;} .xgcp ul{ margin-left:-25px; margin-right:-25px; padding-top:20px;text-align: center;} .xgcp ul li{ display:inline-block; width:230px; border:1px solid #C7CBD3; background:#fff; padding:30px; text-align:center; margin:0 25px;} .xgcp ul li i{background: url(../images/fficon.png) 0px 0px no-repeat;width: 85px;height: 85px; display: block; margin:auto;} .xgcp ul li i.icon1{ background-position:0px 0px;} .xgcp ul li i.icon2{ background-position:-85px 0px;} .xgcp ul li i.icon3{ background-position:-170px 0px;} .xgcp ul li i.icon4{ background-position:-255px 0px;} .xgcp ul li i.icon1{ background-position:0px 0px;} .xgcp ul li i.icon2{ background-position:-86px 0px;} .xgcp ul li i.icon3{ background-position:-172px 0px;} .xgcp ul li i.icon4{ background-position:-258px 0px;} .xgcp ul li h2{ font-size:20px; padding:15px 0; font-weight:normal;} .xgcp ul li p{ color:#666;} .xgcp ul li p a{ display:inline-block; padding:8px 30px; border:1px solid #2CB9EA; color:#2CB9EA; font-size:18px;border-radius:3px;} .xgcp ul li p a:hover{ background:#2CB9EA; color:#fff;} .webOpenapiTit{font-size: 20px;border-left: 4px solid #fc9435;padding-left: 10px;margin: 30px 0 10px 0;} .tbl_plans1{ border-left:1px solid #eeeeee; border-top:1px solid #eeeeee;} .tbl_plans1 .plan_title{ background:#858585; padding:18px 0; font-size:20px; color:#ffffff; text-align:center;} .tbl_plans1 .selected{ background:#f3f3f3; color:#666666; text-align:center;} .tbl_plans1 tr td{ padding:10px; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; text-align:center;} .webOpenapiCon{ line-height:200%;} .listTable{ border-left:1px solid #eeeeee; border-top:1px solid #eeeeee; width:100%;} .listTable tr td,.listTable tr th{ padding:6px; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee; text-align:center;} .listTable tr th{ background:#858585; color:#ffffff;} .nav-menu a.cur{display: inline-block; width: 112px; color: #fff; line-height: 40px; height: 40px; background: url(../images/menu_bg.png) no-repeat;} .webProIntro { width:100%; height:230px; margin:0 auto; text-align:center; background:#88B439 url(../images/home_like.jpg) center no-repeat;} .winner .wtitle{ height:30px; line-height:30px; padding:0 0 0 10px;} .share-box{ width: 100%; background: #ffffff; margin: 0 auto; padding-bottom:0; } .content{ padding: 0px 0; } .share-box.last .share-l, .share-box.last .share-c, .share-box.last .share-r{border-top: none;} .share-box.last .content{ padding: 0 0 42px 0; } .share-box .share-l{ width: 331px; height: 525px; /*border: solid 1px #cdd2d4;*/ float: left; padding-top: 29px; } .share-box .share-c{ width: 330px; height: 525px; border: solid 1px #cdd2d4; border-left: none; border-right: none; float: left; padding: 2px; } .share-box .share-r{ width: 331px; height: 515px; border: solid 1px #cdd2d4; float: left; } .share-box .share-c .share-center{ width: 330px; height: 556px; background: #eef0f1; padding-top: 27px; } .share-box .top{ width: 282px; height: 154px; border: solid 1px #cdd2d4; padding: 5px; margin: 0 auto; position: relative; } .share-box .top .free{ position: absolute; bottom: -8px; right: -8px; } .share-box .center{ width: 280px; padding: 20px 0 11px; height: 162px; margin: 0 auto; border-bottom: solid 1px #cdd2d4; } .share-box .center .title{ font-size: 24px; color: #4b6c8f; margin: 0; } .share-box .center .text{ display: block; font-size: 13px; color: #aaaaaa; line-height: 20px; padding-top: 17px; } .share-box .share-c .share-center .text{ font-size: 13px; line-height: 20px; } .share-box .bottom{ width: 280px; margin: 0 auto; margin-top: 20px; } .share-box .bottom ul.list li{ width: 280px; height: 20px; float: left; font-size: 14px; color: #797979; padding-left: 25px; margin-bottom: 13px; } .share-box .more-btn{display: block;width: 283px;height: 42px;margin: 0 auto;background: url("../images/more_btn.png") top no-repeat;float: left;text-align: center;line-height: 39px;color: #fff;font-size: 18px;} .share-box .more-btn:hover{background: url("../images/more_btn.png") bottom no-repeat;} .share-box .share-center .more-btn{} .share-box .share-c .share-center .bottom ul.list li{color: #6c6d6d;} .scroll-box{width: 1000px;height: 245px;overflow: hidden;} .scroll-container{ width: 100000px;} .scroll-item{width: 1000px;height: 245px;float: left;} .scroll-item ul{padding-left: 36px;} .scroll-item ul li{float: left; width: 220px; height: 75px; margin: 20px 10px 13px 0; position: relative;} .scroll-item ul li img{float: left; display: inline; margin-right: 15px;} .scroll-item ul li .caption{padding-top: 11px;} .scroll-item ul li .caption h3{color: #555555; font-size: 18px; line-height: 18px; margin-bottom: 9px;} .scroll-item ul li .caption .small h3{font-size: 14px;} .scroll-item ul li .caption .mid h3{font-size: 16px;} .scroll-item ul li .caption p{color: #999999; line-height: 16px; font-size: 14px;} .web_news_box{ width:618px!important;margin-right: 8px; padding:0px 20px 20px!important;*width:600px!important;*padding-bottom:0px!important;} .web_news_box span{ display:inline-block;} .web_news_box span.line{ height:16px; width:380px; margin:0 10px; background:url(../images/web_home_news_line.png) repeat-x;} .web_news_box span a{ color:#000;} .web_news_box .news_box{ width:600px; margin:0 10px 10px 0; border-bottom: 1px dashed #CCC; float:left;} .web_news_box .news_box dt{ font-weight:bold; margin: 10px 0 8px 0;} .web_news_box .news_box dt a{ color:#000; font-size:16px;} .web_news_box .news_box dd{ color:#999; line-height:180%; padding:0 0 4px 0;} .web_news_box .news_box dd a{ color:#999;} .web_home_link_box dt{ color:#999999; height:40px; line-height:40px; font-size:16px;} .web_home_link_box dt em{ color:#ffcc33; display:inline-block; margin:0 5px; font-size:16px;} .web_home_link_box dd{ padding:8px; background:#ffffff;} .web_home_link_box dd img{ display:inline-block; margin:10px;} .l-list-1{ background: url("../images/index_list_l.png") left -2px no-repeat; } .l-list-2{ background: url("../images/index_list_l.png") left -31px no-repeat; } .l-list-3{ background: url("../images/index_list_l.png") left -61px no-repeat;} .l-list-4{background: url("../images/index_list_l.png") left -90px no-repeat;} .last .l-list-1{ background: url("../images/share_4_icon.png") left 3px no-repeat; } .last .l-list-2{background: url("../images/share_4_icon.png") left -29px no-repeat; } .last .l-list-3{background: url("../images/share_4_icon.png") left -59px no-repeat; } .last .l-list-4{ background: url("../images/share_4_icon.png") left -88px no-repeat; } .c-list-1{ background: url("../images/index_list_c.png") left -2px no-repeat; } .c-list-2{background: url("../images/index_list_c.png") left -31px no-repeat;} .c-list-3{background: url("../images/index_list_c.png") left -61px no-repeat;} .c-list-4{ background: url("../images/index_list_c.png") left -90px no-repeat;} .last .c-list-1{background: url("../images/share_5_icon.png") left 3px no-repeat; } .last .c-list-2{background: url("../images/share_5_icon.png") left -29px no-repeat;} .last .c-list-3{background: url("../images/share_5_icon.png") left -59px no-repeat; } .last .c-list-4{ background: url("../images/share_5_icon.png") left -88px no-repeat; } .r-list-1{ background: url("../images/index_list_r.png") left -2px no-repeat;} .r-list-2{background: url("../images/index_list_r.png") left -31px no-repeat;} .r-list-3{background: url("../images/index_list_r.png") left -61px no-repeat;} .r-list-4{background: url("../images/index_list_r.png") left -90px no-repeat;} .contact-qq { display: block; width: 102px; height: 28px; background: url("../images/qq-bg.png") top no-repeat; margin: 15px 4px 0 0px; cursor: pointer; color: #fff; line-height: 28px; text-indent: 32px;} .bannerSecBox{ margin:0 auto; width:1000px; height:150px; text-align:center; clear:both;} .bannerImg{ float:left; padding:15px 0 0 10px;} .bannerDl { float:left; padding:35px 0 0 20px; font-family: 'Microsoft Yahei','寰蒋闆呴粦',Tahoma,Helvetica,Arial,sans-serif; color:#fff; text-align:left;} .bannerDl .bannerDlTit{ font-size:28px; height:30px; line-height:15px; font-weight:bold;} .bannerDl .bannerDlIntro{ font-size:14px; line-height:180%;} .webTopMenuBg{background: url("../images/openapiMenuBg.jpg") bottom repeat-x; height:42px; width:100%; margin:0 auto; text-align:center;} .webOpenapiMenu{ width:1000px; text-align:left; margin:0 auto;} .webOpenapiMenu li{float:left; width:120px; height:36px; line-height:32px; text-align:center;} .webOpenapiMenu li.cur{color:#00be2e; border-top:3px solid #39dd61; background:#f2f2f2;} .webOpenapiMenu li a{color:#666;} .webPageContent{ width:900px; margin:0 auto; margin-top:40px;border: 1px solid #f6f6f6;padding: 0px 50px 50px 50px;background: #fff;box-shadow: 0px 0px 1px #e5e5e5;} .webContainer{ width:1000px; margin:0 auto;} .top-bar .webContainer {height:30px; background: #2c2c2c;} .QQbox { top: 140px; width: 178px; right: 0px; position: absolute; z-index: 1000099; } .QQbox .press { width: 33px; height: 158px; right: 0px; position: absolute; cursor: pointer; } .QQbox .Qlist { left: 0px; width: 131px; position: absolute; } .QQbox .Qlist ul { padding-top: 15px; padding-bottom: 10px; background-color: rgb(40, 90, 149); } .QQbox .Qlist ul li { background: url("img/qq_line.gif") no-repeat bottom; margin: 5px 0px 0px; padding: 0px 0px 0px 30px; height: 30px; line-height: 30px; } .QQbox3 { top: 140px; width: 170px; right: 0px; position: absolute; z-index: 1000099; } .QQbox3 .press { border: 0px currentColor; width: 30px; height: 150px; right: 0px; position: absolute; cursor: pointer; } .QQbox3 .Qlist { width: 140px; background-color: rgb(0, 135, 189); } .QQbox3 .Qlist ul { margin: 0px; padding-top: 15px; padding-bottom: 10px; } .QQbox3 .Qlist ul li { background: rgb(0, 135, 189); margin: 5px 0px 0px; padding: 0px 0px 0px 30px; height: 30px; line-height: 30px; } .webLmdiv1 {width: 100%;height: 400px;background: url(../images/div1_bg.jpg) 50% 0 no-repeat;margin-top: -20px;} .webLmdiv2 { width: 100%; height: 275px; background: #FFF;} .webLmdiv2 .webLmdiv2_con { width: 1000px; margin: 0 auto; } .webLmdiv2_con .webLmdiv2_list { width: 1000px; height: 76px; padding-top: 46px; } .webLmdiv2_list .l1 { width: 428px; background-position: 0 0; } .webLmdiv2_list .l2 { width: 369px; background-position: 0 -131px; } .webLmdiv2_list .l3 { width: 203px; background-position: 0 -288px; } .webLmdiv2_list .l4 { width: 203px; background-position: 0 -288px; } .webLmdiv2_list li { height: 76px; float: left; font-size: 14px; color: #75878b; font-family: 'Microsoft YaHei'; background: url(../images/qd_img1.png) 0 0 no-repeat; } .webLmdiv2_list li p { padding: 8px 0 0 89px; line-height: 24px; } .webLmdiv2_con .con_info { font-size: 16px; color: #75878b; text-align: center; font-family: 'Microsoft YaHei'; padding-top: 66px; line-height: 26px; } .webLmdiv3 { width: 100%; height: 250px; background: #f7f7f7; } .webLmdiv3_list { padding: 40px 0 0 72px; overflow: hidden; margin: 0 auto; width: 1000px; } .webLmdiv3_list .l1 { width: 588px; overflow: hidden; } .webLmdiv3_list li { float: left; font-family: 'Microsoft YaHei'; } .webLmdiv3_list h3 { height: 32px; line-height: 32px; font-size: 24px; color: #474747; font-weight: normal; } .webLmdiv3_list .l1 em { background: #4eb080; } .webLmdiv3_list h3 span { float: left; line-height: 32px; } .webLmdiv3_list p { padding-top: 20px; line-height: 26px; font-size: 16px; color: #7d8a93; } .webLmdiv3_list .l2 { width: 340px; overflow: hidden; } .webLmdiv3_list .l2 em { background: #f66665; } .webLmdiv4 { width: 100%; height: 850px; background: #FFF; } .webLmdiv4 .webLmdiv4_con { width: 1000px; overflow: hidden; margin: 0 auto; } .webLmdiv4_con h3 { padding: 30px 0 25px; font-size: 30px; color: #75878b; font-family: 'Microsoft YaHei'; text-align: center; height: 48px; line-height: 48px; font-weight: normal; } .webLmdiv4_con .webLmdiv4_list { padding-left: 130px; overflow: hidden; } .webLmdiv4_list .l1 { background-position: 0 0; } .webLmdiv4_list li { overflow: hidden; margin-bottom: 50px; font-family: 'Microsoft YaHei'; background: url(../images/qd_stepimg.png) 0 0 no-repeat; } .webLmdiv4_list h4 { padding-left: 44px; height: 22px; line-height: 22px; padding-bottom: 9px; font-size: 18px; color: #474747; font-weight: normal; } .webLmdiv4_list p { font-size: 14px; color: #7d8a93; height: 22px; line-height: 22px; padding-left: 44px; } .webLmdiv4_list .l2 { background-position: 0 -60px; } .webLmdiv4_list li { overflow: hidden; margin-bottom: 58px; font-family: 'Microsoft YaHei'; background: url(../images/qd_stepimg.png) 0 0 no-repeat; } .webLmdiv4_list .l3 { background-position: 0 -120px; } .webLmdiv4_list .l4 { background-position: 0 -180px; } .webLmdiv4_list .l5 { background-position: 0 -240px; } .webLmdiv4_list .l6 { background-position: 0 -300px; } .webLmdiv4_list .l7 { background-position: 0 -360px; } .web_who_intro{ line-height:200%; font-size:16px;} .web_dxb_down_mod{ background:#fbfbfb; border:2px solid #f3f3f3; padding:12px 48px;} .web_dxb_down_mod li{ border-bottom:1px solid #f3f3f3; list-style-image:url(../images/icon_01.png); height:35px; line-height:35px;} .web_dxb_down_mod li.noBorder{ border:0!important;} .web_dxb_down_mod li a{ color:#0089e3;vertical-align: text-bottom;} .web_dxb_dm_mod{ background:#eeeeee; padding:5px; border:1px solid #cacaca; color:#000067; line-height:180%; margin:10px 0;} .web_dxb_dm_mod .blueFont{ color:#0000fa;} span.angel {background: url(../images/angel_3.png) no-repeat left 0px;position: absolute;left: 40px;top: 0;width: 15px;height: 9px;} .faqtextcon {position: relative;padding: 7px 0 0 0;} #nc_2_wrapper{ width:187px} #nc_3_wrapper{ width:187px} .product-banner .nc-container #nc_4_wrapper{ width:187px} .product-banner .nc-container #nc_5_wrapper{ width:187px} .product-banner .nc-container #nc_6_wrapper{ width:187px} .product-banner .nc-container #nc_7_wrapper{ width:187px} .product-banner .nc-container #nc_8_wrapper{ width:187px} .product-banner .nc-container #nc_9_wrapper{ width:187px} .product-banner .nc-container #nc_10_wrapper{ width:187px} .product-banner .nc-container #nc_11_wrapper{ width:187px} .product-banner .nc-container #nc_12_wrapper{ width:187px} .product-banner .nc-container #nc_13_wrapper{ width:187px} .product-banner .nc-container #nc_14_wrapper{ width:187px} .product-banner .nc-container #nc_15_wrapper{ width:187px} .product-banner .nc-container #nc_16_wrapper{ width:187px} .product-banner .nc-container #nc_17_wrapper{ width:187px} .product-banner .nc-container #nc_18_wrapper{ width:187px} .product-banner .nc-container #nc_19_wrapper{ width:187px} .product-banner .nc-container #nc_20_wrapper{ width:187px} .product-banner .nc-container #nc_21_wrapper{ width:187px} .product-banner .nc-container #nc_22_wrapper{ width:187px} .product-banner .nc-container #nc_23_wrapper{ width:187px} .product-banner .nc-container #nc_24_wrapper{ width:187px} .product-banner .nc-container #nc_25_wrapper{ width:187px} .product-banner .nc-container #nc_26_wrapper{ width:187px} .product-banner .nc-container #nc_27_wrapper{ width:187px} .product-banner .nc-container #nc_28_wrapper{ width:187px} .product-banner .nc-container #nc_29_wrapper{ width:187px} .product-banner .nc-container #nc_30_wrapper{ width:187px} .product-banner .nc-container #nc_31_wrapper{ width:187px} .product-banner .nc-container #nc_32_wrapper{ width:187px} .product-banner .nc-container #nc_33_wrapper{ width:187px} .product-banner .nc-container #nc_34_wrapper{ width:187px} .product-banner .nc-container #nc_35_wrapper{ width:187px} .product-banner .nc-container #nc_36_wrapper{ width:187px} .product-banner .nc-container #nc_37_wrapper{ width:187px} .product-banner .nc-container #nc_38_wrapper{ width:187px} .product-banner .nc-container #nc_39_wrapper{ width:187px} .product-banner .nc-container #nc_40_wrapper{ width:187px} .code-list{ float: left; width: 19%; height: 50px; background: #f2f2f2; color:#999; border-radius:3px; margin:0 10px 10px 0; line-height: 50px; text-align: center; font-size:16px; } .code-list:hover{ background: #2CB9EA; color: #fff; } .hot-cp1{ background:url(../images/hot-cp1.jpg) no-repeat;height:30px; line-height:30px; padding-left:35px; margin-top:15px; margin-bottom:10px;} .hot-cp2{ background:url(../images/hot-cp2.jpg) no-repeat;height:30px; line-height:30px; padding-left:35px; margin-top:15px; margin-bottom:10px;} .hot-cp3{ background:url(../images/hot-cp3.jpg) no-repeat;height:30px; line-height:30px; padding-left:35px; margin-top:15px; margin-bottom:10px;} .hot-cp-text{ padding-bottom:15px; border-bottom:1px solid #E4E8EA} /* 新增20180913 */ .cpTxtBox .hd{ height:70px; position:relative; } .cpTxtBox .hd ul{text-align: center; margin-left:-5px; margin-right:-5px;} .cpTxtBox .hd ul li{display: inline-block;list-style-type:none; margin:0 5px; padding:10px 15px; width:141px;cursor:pointer; background:#e7e7e7;color: #777;border-radius: 3px; font-size:18px} .cpTxtBox .hd ul li img{ width:70px; height:70px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;} .cpTxtBox .hd ul li.on{ background:#2CB9EA; color:#fff;} .cpTxtBox .bd .bdCont{ text-align:center} .cpTxtBox .bd .bdCont h4{ padding-bottom:5px;} .cpTxtBox .bd .bdCont p{ color:#333; padding:0;} .cpTxtBox .bd .bdCont h4.ptop{ padding-top:8px;} .cpTxtBox .bd .bdCont ol{ padding-left:20px; padding-bottom:10px;} .cpTxtBox .bd .bdCont ol li{ list-style-type:decimal; line-height:26px;} .yuanli-list ul{text-align: center;} .yuanli-list ul li{width:270px; margin:25px 12px 0 12px;display:inline-block;vertical-align:text-top;} .yuanli-list ul li h3{ font-size:18px; padding:20px 0 10px;} .yuanli-list ul li p{ color:#999} .yuanli-list ul li i{ width:85px; height:85px; background:#ddd; display:inline-block; background:url(../images/fficon.png) 0px 0px no-repeat;} .yuanli-list ul li i.cp-icon1{ background-position:-340px 0px;} .yuanli-list ul li i.cp-icon2{ background-position:-425px 0px;} .yuanli-list ul li i.cp-icon3{ background-position:-510px 0px;} .yuanli-list ul li i.cp-icon4{ background-position:-595px 0px;} .yuanli-list2 ul{text-align: center;} .yuanli-list2 ul li{width:270px; margin:25px 12px 0 12px;display:inline-block;vertical-align:text-top;} .yuanli-list2 ul li h3{ font-size:18px; padding:20px 0 10px;} .yuanli-list2 ul li p{ color:#999} .yuanli-list2 ul li i{ width:85px; height:85px; background:#ddd; display:inline-block; background:url(../images/fficon.png) 0px 0px no-repeat;} .yuanli-list2 ul li i.cp-icon1{ background-position:0px -300px;} .yuanli-list2 ul li i.cp-icon2{ background-position:-85px -300px;} .yuanli-list2 ul li i.cp-icon3{ background-position:-170px -300px;} .yuanli-list2 ul li i.cp-icon4{ background-position:-255px -300px;} .yuanli-list2 ul li i.cp-icon5{ background-position:-340px -300px;} .yuanli-list2 ul li i.cp-icon6{ background-position:-425px -300px;} .yuanli-list2 ul li i.cp-icon7{ background-position:-510px -300px;} .yuanli-list2 ul li i.cp-icon8{ background-position:-595px -300px;} .yuanli-list2 ul li i.cp-icon9{ background-position:-680px -300px;} .cpysBox .hd{ width:180px; height:70px; position:relative; float:left; } .cpysBox .hd ul{text-align: center;} .cpysBox .hd ul li{display: inline-block;list-style-type:none; margin:5px 0; padding:10px 15px; width:141px;cursor:pointer; background:#e7e7e7;color: #777;border-radius: 3px; font-size:18px} .cpysBox .hd ul li img{ width:70px; height:70px;border-radius: 35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;} .cpysBox .hd ul li.on{ background:#2CB9EA; color:#fff;} .cpysBox .bd .bdCont{ width:1000px; height:500px; float:right;} .cpysBox .bd .bdCont h4{ padding-bottom:5px;} .cpysBox .bd .bdCont p{ color:#333; padding:0;} .cpysBox .bd .bdCont h4.ptop{ padding-top:8px;} .cpysBox .bd .bdCont ol{ padding-left:20px; padding-bottom:10px;} .cpysBox .bd .bdCont ol li{ list-style-type:decimal; line-height:26px;} .cpysBox .bd .bdCont .bdContL{ float:left; width:515px; text-align:center;} .cpysBox .bd .bdCont .bdContR{ float:right; width:455px; padding-left:30px;} .cpysBox .bd .bdCont .bdContR h5{ font-size:20px; color:#36BAE8; padding-bottom:20px;} .cpysBox .bd .bdCont .bdContR a{ display:inline-block; color:#36BAE8; border:1px solid #36BAE8; padding:5px 10px; margin-right:5px;border-radius: 3px;} .cpysBox .bd .bdCont .bdContR a:hover{ background:#36BAE8; color:#fff;} .smsmh-wf{ padding-top:30px;} .smsmh-wf ul li{ float:left; width:160px; margin:0 17px; text-align:center;} .smsmh-wf ul li img{ display:block; width:100%;} .smsmh-wf ul li p{ padding:15px 0; font-size:16px;} /* 20180929 */ .mianfeity ul{ margin-left:-25px; margin-right:-25px; padding-top:20px;text-align: center;} .mianfeity ul li{ display:inline-block; width:230px; border:1px solid #C7CBD3; background:#fff; padding:30px; text-align:center; margin:0 25px;} .mianfeity ul li h2{ font-size:20px; padding:15px 0; font-weight:normal;} .mianfeity ul li p{ color:#666;} .mianfeity ul li p a{ display:inline-block; padding:8px 30px; border:1px solid #2CB9EA; color:#2CB9EA; font-size:18px;border-radius:3px;} .mianfeity ul li p a:hover{ background:#2CB9EA; color:#fff;} .qx-list ul{ margin:0} .qx-list ul li{ width:16.6%; margin-bottom:0} .qx-list ul li h3{ font-weight:normal} .qx-list ul li i{background: url(../images/cp-icon2.png) 0px -289px no-repeat;width: 100px;height: 100px; display:block; margin:auto;} .qx-list ul li i.iocn2{ background-position:-100px -289px} .qx-list ul li i.iocn3{ background-position:-200px -289px} .qx-list ul li i.iocn4{ background-position:-300px -289px} .qx-list ul li i.iocn5{ background-position:-400px -289px} .qx-list ul li i.iocn6{ background-position:-500px -289px} .jieru li{width: 296px; display:inline-block; text-align:center;} .jieru li i{background:url(../images/cp-icon2.png) 0px 0px no-repeat;width:75px; height:75px; display:inline-block; overflow:hidden; } .jieru li i.icon1{ background-position:-225px -200px;} .jieru li i.icon2{ background-position:-150px -200px;} .jieru li i.icon3{ background-position:-450px -200px;} .jieru li i.icon4{ background-position:-525px -200px;} .jieru li i.icon5{ background-position:0px -200px;} .jieru li h2{ font-size:18px; padding:20px 0 10px; font-weight:normal;} .dx-list1 ul li{ width:260px; padding:0 20px; float:left; text-align:center;} .dx-list1 ul li i{ width:75px; height:75px; background:url(../images/cp-icon2.png) 0px 0px;display:inline-block;} .dx-list1 ul li h2{ font-size:18px; font-weight:normal; padding-top:20px; padding-bottom:10px;} .dx-list1 ul li i.icon1{ background-position:0px -389px;} .dx-list1 ul li i.icon2{ background-position:-75px -389px;} .dx-list1 ul li i.icon3{ background-position:-150px -389px;} .dx-list1 ul li i.icon4{ background-position:-225px -389px;} .dx-list2 ul li{ padding-bottom:10px; height:100px; margin-bottom:10px;} .dx-list2 ul li i{ width:100px; height:100px; background:url(../images/cp-icon2.png) 0px 0px;display:inline-block;float: left;margin-right: 20px;} .dx-list2 ul li h4{ font-size:18px; font-weight:normal; padding-top:10px; padding-bottom:10px;} .dx-list2 ul li i.icon1{ background-position:0px -464px;} .dx-list2 ul li i.icon2{ background-position:-100px -464px;} .dx-list2 ul li i.icon3{ background-position:-200px -464px;} .dx-list3 ul li{ width:172px; padding:0 14px; float:left; text-align:center;} .dx-list3 ul li i{ width:75px; height:75px; background:url(../images/cp-icon2.png) 0px 0px;display:inline-block;} .dx-list3 ul li h3{ font-size:18px; font-weight:normal; padding-top:20px; padding-bottom:10px;} .dx-list3 ul li i.icon1{ background-position:-300px -389px;} .dx-list3 ul li i.icon2{ background-position:-375px -389px;} .dx-list3 ul li i.icon3{ background-position:-450px -389px;} .dx-list3 ul li i.icon4{ background-position:-525px -389px;} .dx-list3 ul li i.icon5{ background-position:-600px -389px;} .dx-list3 ul li i.icon6{ background-position:-675px -389px;} .dx-list4 ul li{ width:372px; padding:0 14px; float:left; text-align:center;} .dx-list4 ul li i{ width:75px; height:75px; background:url(../images/cp-icon2.png) 0px 0px;display:inline-block;} .dx-list4 ul li h2{ font-size:18px; font-weight:normal; padding-top:20px; padding-bottom:10px;} .dx-list4 ul li i.icon1{ background-position:-75px -200px;} .dx-list4 ul li i.icon2{ background-position:-150px -200px;} .dx-list4 ul li i.icon3{ background-position:-600px -200px;} .zxfs-list1 ul li{ width:570px; padding:0 14px; float:left; height:150px;} .zxfs-list1 ul li i{ width:62px; height:55px; background:url(../images/cp-icon.png) 0px 0px;display:inline-block; float:left; margin-right:20px;} .zxfs-list1 ul li h3{ font-size:18px; font-weight:normal; padding-bottom:10px;} .zxfs-list1 ul li i.icon1{ background-position:-558px -502px;} .zxfs-list1 ul li i.icon2{ background-position:-434px -502px;} .zxfs-list1 ul li i.icon3{ background-position:-620px -362px;} .zxfs-list1 ul li i.icon4{ background-position:-620px -307px;} .zxfs-list1 ul li i.icon5{ background-position:-558px -362px;} .zxfs-list1 ul li i.icon6{ background-position:-372px -502px;} .zxfs-list2 ul li{ width:172px; padding:0 14px; float:left; text-align:center;} .zxfs-list2 ul li i{ width:75px; height:75px; background:url(../images/cp-icon2.png) 0px 0px;display:inline-block;} .zxfs-list2 ul li h3{ font-size:18px; font-weight:normal; padding-top:20px; padding-bottom:10px;} .zxfs-list2 ul li i.icon1{ background-position:0px -564px;} .zxfs-list2 ul li i.icon2{ background-position:-75px -564px;} .zxfs-list2 ul li i.icon3{ background-position:-150px -564px;} .zxfs-list2 ul li i.icon4{ background-position:-225px -564px;} .zxfs-list2 ul li i.icon5{ background-position:-300px -564px;} .zxfs-list2 ul li i.icon6{ background-position:-375px -564px;} .dxpt-list1 ul li{ width:315px; padding:0 42px; float:left; text-align:center;} .dxpt-list1 ul li i{ width:85px; height:85px; background:url(../images/cp-icon.png) 0px 0px;display:inline-block;} .dxpt-list1 ul li h4{ font-size:18px; font-weight:normal; padding-top:20px; padding-bottom:10px;} .dxpt-list1 ul li i.icon1{ background-position:0px 0px;} .dxpt-list1 ul li i.icon2{ background-position:-85px 0px;} .dxpt-list1 ul li i.icon3{ background-position:-342px 0px;} .dxpt-list2 ul li{ width:315px; padding:0 42px; float:left; text-align:center; margin-bottom:30px;} .dxpt-list2 ul li i{ width:62px; height:55px; background:url(../images/cp-icon.png) 0px 0px;display:inline-block;} .dxpt-list2 ul li h3{ font-size:18px; font-weight:normal; padding-top:20px; padding-bottom:10px;} .dxpt-list2 ul li i.icon1{ background-position:0px -362px;} .dxpt-list2 ul li i.icon2{ background-position:-62px -362px;} .dxpt-list2 ul li i.icon3{ background-position:-372px -362px;} .dxpt-list2 ul li i.icon4{ background-position:-620px -307px;} .dxpt-list2 ul li i.icon5{ background-position:0px -502px;} .dxpt-list2 ul li i.icon6{ background-position:-310px -362px;} .yingyongcj1 li{width: 296px; display:inline-block; text-align:center;} .yingyongcj1 li i{background:url(../images/cp-icon.png) 0px 0px no-repeat;width:62px; height:55px; display:inline-block; overflow:hidden; } .yingyongcj1 li i.icon1{ background-position: 0px -362px;} .yingyongcj1 li i.icon2{ background-position:-372px -502px;} .yingyongcj1 li i.icon3{ background-position:-186px -362px;} .yingyongcj1 li i.icon4{ background-position:-496px -307px;} .yingyongcj1 li i.icon5{ background-position:0px -200px;} .yingyongcj1 li i.icon6{ background-position:-682px -362px;} .yingyongcj1 li i.icon7{ background-position:-248px -362px;} .yingyongcj1 li i.icon8{ background-position:-62px -362px;} .yingyongcj1 li i.icon9{ background-position:-124px -502px;} .yingyongcj1 li i.icon10{ background-position:0px -362px;} .yingyongcj1 li i.icon11{ background-position:0px -502px;} .yingyongcj1 li i.icon12{ background-position:-372px -362px;} .yingyongcj1 li i.icon13{ background-position:-620px -307px;} .yingyongcj1 li i.icon14{ background-position:-310px -362px;} .yingyongcj1 li i.icon15{ background-position:-62px -502px;} .yingyongcj1 li i.icon16{ background-position:-558px -307px;} .yingyongcj1 li h2{ font-size:18px; padding:20px 0 10px; font-weight:normal;} .qx-list2 ul li{ width:14.2%; margin-bottom:0} .qx-list2 ul li i.iocn1{ background-position:0px -100px} .qx-list2 ul li i.iocn2{ background-position:-100px -100px} .qx-list2 ul li i.iocn3{ background-position:-200px -100px} .qx-list2 ul li i.iocn4{ background-position:-300px -100px} .qx-list2 ul li i.iocn5{ background-position:-400px -100px} .qx-list2 ul li i.iocn6{ background-position:-500px -100px} .qx-list2 ul li i.iocn7{ background-position:-600px -100px} .qx-list2 ul li i.iocn8{ background-position:-700px -100px} .picBtnTop{ width:800px; height:530px;margin:auto; position:relative; overflow:hidden; zoom:1; } .picBtnTop .hd{ width:300px;height:530px; position:absolute; left:0px; top:32px; overflow:hidden; } .picBtnTop .hd ul li{ width:300px; margin-bottom:25px;} .picBtnTop .hd ul li .hd-xnav{ width:215px;box-shadow: 0 1px 10px rgba(0,0,0,.1);border-radius:100px; padding:25px; cursor:pointer; vertical-align:bottom; } .picBtnTop .hd ul li .hd-xnav i{ width:30px; height:30px; text-align:center; line-height:30px; display:inline-block; background:#CFCFCF;border-radius:100px; font-style:normal; vertical-align:middle; color:#fff;} .picBtnTop .hd ul li .hd-xnav p{ display:inline-block;vertical-align:middle; padding-left:16px;} .picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; } .picBtnTop .hd ul li.on .hd-xnav{ background:#36BAE8; color:#fff;} .picBtnTop .hd ul li.on .hd-xnav i{ background:#fff; color:#36BAE8;} .picBtnTop .bd{ width:250px; height:525px; position:relative; left:450px} .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;} .picBtnTop .bd li .pic{ position:relative; z-index:0; } .picBtnTop .bd li .pic img{ width:250px; vertical-align:bottom; } /* 企业邮箱 */ .mailTc{box-shadow: 0 3px 10px rgba(0,0,0,.05); border-top:2px solid #2CB9EA;} .mailTc table.table{ width:100%; text-align:center;border-left:1px solid #E1E6F6;} .mailTc table.table tr th{ border-bottom:2px solid #E1E6F6 !important;} .mailTc table.table tr th,.mailTc table.table tr td{ padding:10px;border-bottom:1px solid #E1E6F6;border-right:1px solid #E1E6F6;} .mailTc table.table tr td .buy{ padding:2px 16px; border:1px solid #D3D3D3;border-radius:30px; display:inline-block} .mailTc table.table tr td .buy:hover{ border:1px solid #2CB9EA;color:#2CB9EA} .mailTc table.table tr.bj1{ background:#f8f8f8;} .mailTc .youxiangBuy{ padding:6px 50px; display:inline-block; border:1px solid #2CB9EA;color:#2CB9EA;border-radius:30px;} .mailTc .youxiangBuy:hover{ background:#2CB9EA; border:1px solid #2CB9EA;color:#fff;border-radius:30px;} .yxGongneng li{ width:180px; height:170px; background:#fff;box-shadow: 0 2px 10px rgba(0,0,0,.03); float:left; margin:30px 30px 0px} .yxGongneng li i{ width:44px; height:44px; display:inline-block; background:url(../images/mail_func-s4bc9910cdb.png)0px 0px no-repeat; margin-top:46px;} .yxGongneng li i.icon1{width:48px;} .yxGongneng li i.icon2{background-position: 0 -582px;} .yxGongneng li i.icon3{background-position: 0 -636px;} .yxGongneng li i.icon4{background-position: 0 -162px;} .yxGongneng li i.icon5{background-position: 0 -216px;} .yxGongneng li i.icon6{background-position: 0 -798px;} .yxGongneng li i.icon7{background-position: 0 -852px;} .yxGongneng li i.icon8{background-position: 0 -960px;} .yxGongneng li i.icon9{background-position: 0 -54px;} .yxGongneng li i.icon10{background-position: 0 -108px;} .yxGongneng li i.icon11{background-position: 0 -690px;} .yxGongneng li i.icon12{background-position: 0 -270px;} .yxGongneng li i.icon13{background-position: 0 -324px;} .yxGongneng li i.icon14{background-position: 0 -432px;} .yxGongneng li i.icon15{background-position: 0 -486px;} .yxGongneng li p{ font-size:16px; padding-top:12px;} .yxGongneng2 li{ width:170px; height:170px; border:1px solid #E0E0E0; background:#fff;box-shadow: 0 2px 10px rgba(0,0,0,.03); float:left; margin:30px 14px 0px} .yxGongneng2 li i{ width:44px; height:44px; display:inline-block; background:url(../images/manage_func-s8d5b83415e.png)0px 0px no-repeat; margin-top:46px;} .yxGongneng2 li i.icon1{width:44px;} .yxGongneng2 li i.icon2{background-position: 0 -540px;} .yxGongneng2 li i.icon3{background-position: 0 -592px;} .yxGongneng2 li i.icon4{background-position: 0 -646px;} .yxGongneng2 li i.icon5{background-position: 0 -700px;} .yxGongneng2 li i.icon6{background-position: 0 -754px;} .yxGongneng2 li i.icon7{background-position: 0 -808px;} .yxGongneng2 li i.icon8{background-position: 0 -862px;} .yxGongneng2 li i.icon9{background-position: 0 -916px;} .yxGongneng2 li i.icon10{background-position: 0 -54px;} .yxGongneng2 li i.icon11{background-position: 0 -108px;} .yxGongneng2 li i.icon12{background-position: 0 -162px;} .yxGongneng2 li i.icon13{background-position: 0 -216px;} .yxGongneng2 li i.icon14{background-position: 0 -270px;} .yxGongneng2 li i.icon15{background-position: 0 -324px;} .yxGongneng2 li i.icon16{background-position: 0 -378px;} .yxGongneng2 li i.icon17{background-position: 0 -432px;} .yxGongneng2 li i.icon18{background-position: 0 -486px;} .yxGongneng2 li p{ font-size:16px; padding-top:12px;} /* 400电话 */ .tel400Td ul,.telTaoCan ul, .telFuwu ul{ margin-left:-30px; margin-right:-30px;} .tel400Td ul li,.telTaoCan ul li, .telFuwu ul li{ width:350px; padding:30px; margin:15px 30px; float:left; border:1px solid #F3F3F3; text-align:center;border-radius:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .tel400Td ul li h2{ font-size:18px;} .tel400Td ul li i{ padding:10px 0; display:block;} .tel400Td ul li p{ color:#999; margin-bottom:0;} .tel400Td ul li:hover, .telTaoCan ul li:hover, .telFuwu ul li:hover{box-shadow: 0 3px 10px rgba(0,0,0,.05);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .telTaoCan ul li{ text-align:left; padding:20px 30px 25px; position:relative;} .telTaoCan ul li hr{ margin:15px 0;} .telTaoCan ul li h3{ position:relative; margin-bottom:20px;} .telTaoCan ul li h3 span{ position:absolute;top:0px; right:0px;} .telTaoCan ul li h3 span a{ display:inline-block; padding:1px 9px; border:1px solid #1eb8ec; color:#1eb8ec; font-weight:normal;border-radius:30px;} .telTaoCan ul li h3 span a:hover{ background:#1eb8ec; color:#fff;} .telTaoCan ul li .haomaList p{ line-height:26px;} .telTaoCan ul li .telZixun{ display:inline-block; padding:8px 38px;background:#1eb8ec; color:#fff; font-size:16px;border-radius:30px;} .telTaoCan ul li .telZixun:hover{background: #0F83C1;} .telTaoCan ul li .teltcIcon{ position:absolute; top:-5px; right:20px;} .telFuwu ul li{text-align:left;} .telFuwu ul li h2{ font-size:18px; margin-bottom:15px; font-weight:normal} .telFuwu ul li h2 i{ margin-right:10px;}