/* 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:40px;}
.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:#008fe2; color:#fff; padding: 0px 22px; height:70px; line-height:70px; display:inline-block; text-decoration:none}
.reg-btn .reg:hover{ background:#2d529f;}
.reg-btn .login{ margin-left:15px}
.mt10{margin-top:10px;}
/*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(img/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(img/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(img/yzm-banner.png) right center no-repeat; height:400px; color:#fff; padding:50px 0;}
.vsms-banner .container { background-image: url(img/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(img/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(img/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{background:url(img/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{ 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 0 80px 0;}
.t2{ color:#fff;}
.t3{ background:#F5F5F5}
.register{ padding:50px;background: url(img/register_bg.png) no-repeat center center #1e88e5;}
.index-tittle{ font-size:28px; padding-bottom:30px;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(img/line_select_2.gif);}
.cp-icon{ background:url(img/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(img/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(img/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(img/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(img/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(img/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(img/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(img/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(img/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:133px; 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:#3aabdd; 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;}
.new-more-list li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.reg-bottom{display:inline-block; padding:10px 45px; font-size:24px; color:#fff;border-radius:5px;border:1px solid #fff}
.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(img/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(img/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}
.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(img/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:#ccc; line-height:44px;}
.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:50px; 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:#008fe2;}
.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;}
/* .new-img{ width:220px; padding-right:35px;display: none;} */
.new-img img{ display:block;}
.new-text{ width:560px;}
/* .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(img/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:#3aabdd; display:inline-block; border:1px solid #3aabdd;border-radius:3px;}
.new-text .new-btn-more:hover{color:#fff; border:1px solid #3aabdd; background:#3aabdd;}
.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(img/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;font-size: 16px;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; line-height:32px;}
.new-panel h1{font-size:20px; padding-bottom:15px;}
.new-panel h2{ font-size:18px; font-weight:normal; padding-bottom:15px;}
.new-panel li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.search-container{ border:1px solid #eee; height:38px;border-radius:3px;}
.icon-index_search{background:url(img/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:1px 5px; border:1px solid #e9e9e9; margin-bottom:10px; margin-right:8px; 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(img/cp-icon2.png) 0px -275px no-repeat;width:70px; height:10px; display:inline-block;}
.caixin ul li i{ background:url(img/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(img/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:361px;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;}