@charset "UTF-8";

@font-face {
	font-family: 'Alibaba PuHuiTi';
	src: url('/style/font/Alibaba-PuHuiTi-Regular.otf');
	src: url('/style/font/Alibaba-PuHuiTi-Regular.otf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
    
	font-family: '阿里巴巴普惠�?;
	src: url('/style/font/Alibaba-PuHuiTi-Regular.otf');
	src: url('/style/font/Alibaba-PuHuiTi-Regular.otf') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;

}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}ul{list-style:none;margin:0;padding:0}a{text-decoration:none}button{padding:0;border:none;outline:none}p{margin:0}html{font-family:Source Han Sans SC,HanHei SC,PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,阿里巴巴普惠�?Alibaba PuHuiTi,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:fixed;width:100%;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#30000000,endcolorstr=#30000000);z-index:100;behavior:url(../images/pie.3b8fed93.htc)}.wrap{margin:0 auto;width:1190px;overflow:hidden}.img-flag,.text-flag{opacity:0}.no-margin{margin:0!important}.no-border{border:none!important}.btn{border-radius:2px;text-align:center;color:inherit;behavior:url(../media/PIE.3b8fed93.htc)}.navbar{position:relative;height:80px;line-height:80px;color:#fff;font-size:14px;letter-spacing:-.09px}.navbar .blue-logo,.navbar .logo{width:140px;vertical-align:middle}.navbar .blue-logo{display:none}.navbar .link,.navbar .link-box{display:inline-block}.navbar .link-box{margin-left:92px;height:100%;font-size:0}.navbar .link{margin-right:34px;font-size:14px}.navbar .link:hover{color:#235cd8}.navbar .link.active{height:100%;border-bottom:2px solid #fff;box-sizing:border-box}.navbar a{color:inherit}.navbar .btn{position:absolute;top:25px;width:110px;height:30px;line-height:30px;font-size:12px}.navbar .btn.btn-company-admin{right:0;background-image:linear-gradient(-180deg,#1d69e3,#235bd7);-pie-background-image:linear-gradient(-180deg,#1d69e3,#235bd7);-ms-behavior:url(../images/pie.3b8fed93.htc);background-image:url(../images/rectangle10.3fa15b0d.png)\9;background-size:cover\9;-ms-behavior:url(../images/backgroundsize.min.d8d298e0.htc);width:110px;height:30px}.navbar .btn.btn-developer{right:124px;border:1px solid hsla(0,0%,100%,.5);border:1px solid\9;box-sizing:border-box;background-color:transparent;background:transparent\9;-ms-behavior:url(../images/pie.3b8fed93.htc)}.navbar .btn.btn-developer:hover{border:1px solid #fff}.scrolling-header{background:#fff;box-shadow:0 3px 5px 0 rgba(0,0,0,.13);box-shadow:0 2px 4px 0 hsla(0,0%,39%,.13)\9;color:#eee;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00000000,endcolorstr=#00000000)}.scrolling-header .link{color:#333}.scrolling-header .link.active{color:#235cd8;border-bottom:2px solid #235cd8}.scrolling-header .navbar .btn.btn-developer{border:1px solid rgba(35,92,216,.5);border:1px solid\9!important;color:#235cd8;border-radius:2px\9!important;-ms-behavior:url(../media/PIE.3b8fed93.htc)}.scrolling-header .navbar .btn.btn-developer:hover{border:1px solid #235cd8}.scrolling-header .logo{display:none}.scrolling-header .blue-logo{display:inline-block}.top-container{width:100%;height:547px;background:url(../images/banner_bg@3x.0e863a60.jpg) no-repeat;background-size:cover;behavior:url(../images/pie.3b8fed93.htc)}.top-container .content-box{height:100%;position:relative}.top-container .content-box .detail,.top-container .content-box .slogan,.top-container .content-box .title{position:absolute;left:168px}.top-container .content-box .title{top:165px;line-height:30px;font-size:22px;color:#de9d50}.top-container .content-box .slogan{top:217px;font-size:40px;color:#fff;line-height:40px}.top-container .content-box .detail{top:269px;width:304px;opacity:.6;font-size:16px;color:#fff;line-height:27px;behavior:url(../media/PIE.3b8fed93.htc)}.top-container .content-box .btn{position:absolute;top:378px;width:140px;height:42px;line-height:42px;color:#fff;border-radius:2px}.top-container .content-box .btn.btn-company-register{left:168px;background-image:linear-gradient(-180deg,#1d69e3,#235bd7);-pie-background-image:linear-gradient(-180deg,#1d69e3,#235bd7);behavior:url(../images/pie.3b8fed93.htc);background:#235BD7\9}.navbar .btn.btn-company-admin:hover,.top-container .content-box .btn.btn-company-register:hover{background-image:linear-gradient(-180deg,#155bcb,#184ab8);-pie-background-image:linear-gradient(-180deg,#155bcb,#184ab8);behavior:url(../images/pie.3b8fed93.htc);background:#235BD7\9}.top-container .content-box .btn.btn-developer-register{left:320px;background-color:#dd9c4e}.top-container .content-box .computer{position:absolute;top:116px;right:96px;width:536px}.container{width:100%}.container .item-text{margin-top:28px;color:#666;line-height:16px;font-size:16px}.container h3{margin:0;margin-top:52px;text-align:center;font-size:36px;font-weight:400;color:#333}.container .products .iconfont,.container .service-explain .iconfont{background-image:linear-gradient(-180deg,#009ee7,#1b5af0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#1B5AF0\9}.container .service-explain{position:relative;height:422px;margin: 30px auto;}.container .service-explain .iconfont{font-size:70px}.container .service-detail{width:612px;margin:52px auto 0;text-align:center;line-height:24px;opacity:.7;font-size:18px;color:#333;behavior:url(../media/PIE.3b8fed93.htc)}.container .service-detail .iconfont{font-size:36px;color:#1B5AF0\9}.container .service-item-list{height:200px;margin-top:46px;font-size:0}.service-item{position:relative;display:inline-block;margin-right:40px;padding-top:30px;width:200px;height:200px;text-align:center;border-radius:20px;vertical-align:top;box-sizing:border-box;behavior:url(../media/PIE.3b8fed93.htc)\9}.container .service-item:last-child{margin:0}.container .service-item:first-child{margin-left:15px}.bg-f6{background-color:hsla(0,0%,96%,.5);background:#f1f1f1\9;overflow:hidden}.bg-fa{background-color:#fafafa;background:#fafafa\9}.products{padding-bottom:30px;overflow:hidden}.margin-bottom-80{margin-bottom:80px}.products .sub-title{margin-top:28px;text-align:center;color:#333}.products .circle-list{margin:90px auto 0;width:850px;font-size:0}.circle{position:relative;display:inline-block;margin-right:50px;padding-top:50px;width:250px;height:200px;text-align:center;background-color:#fff;vertical-align:top;border-radius:50%;box-shadow:0 0 14px 0 rgba(0,0,0,.08);box-shadow:0 0 14px 0 hsla(0,0%,39%,.08)\9;behavior:url(../images/pie.3b8fed93.htc);background:#fff\9}.products .circle:last-child{margin:0}.products .iconfont{font-size:35px}.products .circle-title{margin-top:32px;font-size:20px;color:#333}.products .circle-text{margin-top:18px;font-size:14px;color:#666;line-height:20px}.flow-box{position:relative}.flow-box .contact-customer-service,.flow-box .goto-top{position:fixed;right:20px;width:40px;border-radius:3px;color:#fff;background:#dd9c4e;z-index:999;cursor:pointer}.flow-box .contact-customer-service .iconfont{font-size:20px}.telephone{display:none;position:fixed;right:70px;bottom:180px;width:146px;height:40px;line-height:40px;text-align:center;border:1px solid #dcdcdc;border-radius:3px;font-size:14px;color:#333;z-index:999;cursor:pointer;background:#fff}.arrow-right{position:absolute;right:-5px;top:15px;width:8px;height:8px;border-top:1px solid #dcdcdc;border-right:1px solid #dcdcdc;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1000;background:#fff}.entry-box .btn-increase-entry:hover,.flow-box .contact-customer-service:hover,.flow-box .goto-top:hover,.flow .btn-company:hover,.top-container .content-box .btn.btn-developer-register:hover{background:#c98b40}.contact-customer-service:hover+.telephone{display:block}.flow-box .contact-customer-service{bottom:149px;padding-top:4px;height:90px;line-height:21px;font-size:16px;text-align:center}.flow-box .contact-customer-service .text{margin-top:10px}.flow-box .goto-top{display:none;margin-top:10px;text-align:center;bottom:100px;height:40px;line-height:40px}.flow{height:700px}.flow .step-box{font-size:0;margin-top:90px}.flow .step-box .step-item{position:relative;display:inline-block;width:294px;text-align:center;font-size:0;vertical-align:top}.flow .step-box .step-item:after{display:block;position:absolute;right:-.5px;top:40px;content:"";width:1px;height:96px;background-color:#cdcdcd;background:#cdcdcd\9}.flow .step-box .step-item.no-after:after{display:none}.flow .step-box .step-item .number{height:68px}.flow .step-box .step-item .step-title{margin-top:40px;font-size:16px;color:#333;line-height:18px}.flow .step-box .step-item .step-detail{margin-top:14px;font-size:12px;line-height:1.4;color:#999}.flow .phone{margin-top:36px;line-height:20px;text-align:center;opacity:.8;font-size:14px;color:#e59724;behavior:url(../media/PIE.3b8fed93.htc);margin-right:20px}.flow .phone .iconfont{vertical-align:middle;margin:0 10px 0 20px}.flow .btn-company{display:block;margin:66px auto 0;width:220px;height:50px;line-height:50px;color:#fff;background-color:#dd9c4e;background:#dd9c4e\9}.hot-service ul{font-size:0}.hot-service li{display:inline-block}.hot-service .swiper-box{position:relative;margin-top:100px;margin-bottom:110px;font-size:0}.hot-service .swiper-box .item{display:inline-block;width:1190px;vertical-align:top}.hot-service .swiper-box .tab{text-align:center}.hot-service .swiper-box .tab li{position:relative;margin:0 34px;font-size:18px;color:#666;line-height:20px;cursor:pointer}.hot-service .swiper-box .tab li.active{color:#dd9c4e}.hot-service .swiper-box .tab li.active:after{display:block;position:absolute;bottom:-10px;left:50%;margin-left:-18px;width:36px;height:2px;content:"";background-color:#dd9c4e;background:#dd9c4e\9;behavior:url(../images/pie.3b8fed93.htc)}.hot-service .swiper-box .img-box{position:relative;margin-top:54px;height:260px}.hot-service .swiper-box .img-box .img-list{width:860px;margin:0 auto}.hot-service .img-item{position:relative;display:inline-block;margin-right:40px;padding-top:56px;width:260px;height:194px;border-radius:2px;text-align:center;vertical-align:top;background-color:#fff;background:#fff\9;box-shadow:0 0 14px 0 rgba(0,0,0,.08);box-shadow:0 0 14px 0 hsla(0,0%,43%,.08)\9;behavior:url(../images/pie.3b8fed93.htc)}.hot-service .swiper-box .img-box .img-list .img-item:last-child{margin:0}.hot-service .swiper-box .img-box .img-list .company-logo{width:112px}.hot-service .swiper-box .img-box .img-list .line{margin:36px auto 0;width:50px;height:2px;opacity:.5;background-color:#cdcdcd;background:#cdcdcd\9;behavior:url(../images/pie.3b8fed93.htc)}.hot-service .swiper-box .img-box .img-list .description{margin-top:24px;font-size:14px;color:#666;line-height:24px}.hot-service .swiper-box .next,.hot-service .swiper-box .prev{position:absolute;top:156px;width:76px;height:76px;line-height:76px;border-radius:100%;text-align:center;color:#fff;background:#dd9c4e;cursor:pointer;behavior:url(../images/pie.3b8fed93.htc)}.hot-service .swiper-box .next.disabled,.hot-service .swiper-box .prev.disabled{background-color:#e3e3e3;background:#e3e3e3\9}.hot-service .swiper-box .next.disabled:hover,.hot-service .swiper-box .prev.disabled:hover{background:#e3e3e3}.hot-service .swiper-box .next:hover,.hot-service .swiper-box .prev:hover{background:#c98b40}.hot-service .swiper-box .next .iconfont,.hot-service .swiper-box .prev .iconfont{font-size:22px}.hot-service .swiper-box .prev{left:0}.hot-service .swiper-box .next{right:0}.banner-container{width:100%;font-size:0}.banner-box,.banner-container{position:relative;height:820px}.banner-box{overflow:hidden}.banner-box .tab-dot{position:relative;bottom:40px;text-align:center}.banner-box .dot{position:relative;display:inline-block;margin-right:4px;width:8px;height:8px;border-radius:4px;background-color:#fff;background:#fff\9;opacity:.2;behavior:url(../images/pie.3b8fed93.htc);cursor:pointer}.banner-box .dot.active{width:26px;opacity:1;behavior:url(../media/PIE.3b8fed93.htc)}.banner{display:inline-block;height:100%;vertical-align:top;background:url(../images/bg_blue.1552a684.png) no-repeat;background-size:cover;behavior:url(../images/pie.3b8fed93.htc);width:1700px}.banner .color-white{color:#fff}.banner .sub-title{margin-top:30px;font-size:22px;color:#ffb964;text-align:center}.banner .img-container{position:relative;width:100%;text-align:center}.banner .img-container .text{position:absolute;top:50%;left:50%;margin-top:-16px;width:50px;margin-left:-25px}.compare-detail{position:relative;height:120px;font-size:14px;color:#fff}.compare-detail .left,.compare-detail .right{position:absolute;width:500px;text-align:center}.compare-detail .left{left:0}.compare-detail .right{right:0;padding-left:56px;box-sizing:border-box}.compare-detail-text{margin-top:20px}.compare-detail-title{margin-top:20px;color:#ffb964;font-size:24px}.banner .banner-image{margin:100px 0 0;width:90%}.customer{height:430px;text-align:center}.customer .count{margin-top:65px;font-size:21px;color:#045ac1;line-height:18px;text-align:center}.customer .title{margin-top:18px}.customer .sub-title{margin-top:20px;font-size:18px;color:#333;line-height:18px}.customer .customer-logo-list{margin-top:110px;width:999px}.entry-box{width:100%;height:145px;line-height:145px;font-size:26px;text-align:center;color:#fff;background:url(../images/increase_efficiency_bg@3x.de148011.png) no-repeat;background-size:cover;behavior:url(../images/pie.3b8fed93.htc)}.entry-box .btn-increase-entry{position:relative;display:inline-block;width:188px;height:46px;line-height:46px;font-size:16px;background-color:#eca64e;background:#eca64e\9;vertical-align:middle}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    box-sizing: border-box;
	font-family: "Alibaba PuHuiTi" 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
.h-case .bd .case-list li a span {
    font: 12px/18px "Alibaba PuHuiTi",Arial,Helvetica,sans-serif,"宋体";
	line-height:25px; overflow:hidden;
}
html,body {
	width:100%;
    font-family:"Alibaba PuHuiTi",Helvetica Neue,Helvetica,Arial,sans-serif;
    color:#333;
    /*overflow-x:hidden;*/
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
    text-decoration: none;
}
/*-----------------公用样式-----------------*/


.clearfix:after {
    content:"";
    display:block;
    height: 0;
    clear:both;
    zoom:1
}
.width1200 {
    width: 1200px;
    margin: 0 auto;
}
.position{
    position:relative;
}
.red {
    color:#f00;
}
.orange {
    color:#FF8C00
}
.bgGray {
    background: #f8f9fb;
}
.blue {
    color:#3399ff;
}
.blues {
    color:#00b0f0;
}
.green{
    color:#1cb7ba;
}
.h2{
    display: block;
    font-size: 30px;
    font-weight: normal;
    height: 63px;
    line-height: 70px;
    text-align: center;
    width: 100%;
}
/*--------------header--------------*/
.header {
    width: 100%;
    height: 82px;
    background: #fff;
    position: fixed;
    left:0;
    top:0;  
    z-index: 100;
	
}
.head {
    width: 1418px;
    height: 30px;
    background-color: #1b2737;
    margin:0 auto;
}
.topNav {
    height: 30px;
    line-height: 30px;
    width:auto;
    padding-right: 156px;
}
.topNav>li {
    color:#fff;
    padding:0 4px;
    float:left;
    font-size: 14px;
}
.nav_wd{ float:right;}
.topNav a {
    color:#fff;
}



.firstNav {
    margin-top: 15px;
	margin-right:20px;
}
.firstNav>li {
    padding:18px 0;
    height: 60px;
    float:left;
    position: relative;
}
.firstNav>li>a {
    display: block;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    min-width: 94px;
    padding:0 10px;
    border-left:1px solid #ccc;
    color:#000;
}
.firstNav>li:first-child>a{
    border-left:0;

}
.firstNav>li.active { 
    border-bottom:2px solid #3d9be9;
	color:#00b0f0;
	
}

.firstNav>li.active>a,.firstNav>li:hover>a {
    color:#00b0f0;
}
.firstNav>li:hover {
    border-bottom:2px solid #3d9be9;
}
.secondNav {
    position: absolute;
    left:0;
    top:60px;
    padding:0 10px;
    min-width: 94px;
    display: none;
    background: #fff;
    opacity:0.8
}
.secondNav li{
    height: 40px;
    line-height: 40px;
    border-top:1px solid #ccc;
    text-align: center;
    white-space: nowrap;
}
.secondNav li:hover {
    border-top:1px solid #5bc0de;
}
.secondNav li a {
    color:#5d5d5d;
    font-family:"Alibaba PuHuiTi";
    font-size: 14px;
}
.secondNav>li:first-child {
    border-top:0;
}
.fr{ float:right;}
.logo_fr{ float:right;}

.telcode {
    color:#3d9be9;
    font-weight: 700;
    font-family: "Alibaba PuHuiTi";
    font-size: 20px;
    float:left;
    margin-left: 24px;
    line-height: 88px;
}
.nav .red {
    position: absolute;
    right:10px;
    top:8px
}

/*----------banner------------*/
.carouselFigure {
    padding-top:82px;
    width: 100%;

}
.carouselFigure,.carouseMain {
    position: relative;
}
.carouseMain,.carouseMain * {
    width: 100%;
    height: 500px;
}
.small {
    width: 100%;
    position: absolute;
    left:0;
    bottom:10px;
    height: 21px;
    text-align: center;
    line-height: 21px;
}
.carouseMain li {
    position: relative;
	background-size:100%;
}
.ban-bat{
     padding-top:380px; 
}
.small li {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #fff;
    font-size:0;
    vertical-align: middle;
    margin:3px;
    border-radius: 21px;
}
.small li.on {
    background: #3d9be9;
   
}
.carouseMain .next ,.carouseMain .prev {
    width: 36px;
    height: 74px;
    position: absolute;
    top: 250px;
    cursor: pointer
}
.carouseMain .prev {
    left:20px;
    background:url(../images/prev_1.png) no-repeat center center ;
}
.carouseMain .next {
    right:20px;
    background:url(../images/next_1.png) no-repeat center center ;
}
.apply {
    width: 197px;
    height: 53px;
    border-radius: 8px;
    background: #fff;
    line-height: 53px;
    text-align: center;
    position: absolute;
    left:50%;
    bottom:145px;
    z-index: 11;
    margin-left: 315px;
    background: #fff;
    z-index: 9
}
.apply a {
    display:   block;
    color:#3b3b3b;
}
.clickTry {
    width: 353px;
    height: 87px;
    margin-left: 160px;
    bottom:52px;
    background: none;
}
.formBtn {
    width: 496px;
    height: 522px;
    position: absolute;
    left:50%;
    bottom:0;
    margin-left: 70px;
    z-index: 10;
    cursor: pointer
}
.form {
    display: none;
    width: 390px;
    height: 476px;
    position: absolute;
    left:50%;
    bottom:60px;
    z-index: 11;
    margin-left: -195px;
    background: #fff;
    padding:24px;
}
.formName {
    text-align: center;
    font-size: 20px;
    font-family: "Alibaba PuHuiTi";
    color:#333;
    height: auto;
    margin-bottom:26px;
}
.groupInput {
    height: 41px;
    margin-bottom:16px;
}
.groupInput input {
    width: 236px;
    padding-left:10px;
    height: 37px;
    line-height: 37px;
    border:1px solid #dcdcdc;
    border-radius: 4px;
    float:right;
    background:#fff;
    outline: none;
    color:#666
}
.groupInput label {
    width: 92px;
    line-height: 41px;
    float:left;
    font-family: "Alibaba PuHuiTi";
    color:#333
}
.remarks {
    border:1px solid #dcdcdc;
    height: 81px;
    width: 329px;
    padding:10px;
    color:#666;
    font-size: 14px;
    border-radius: 4px;
    outline: none;
    margin-top:12px;
    margin-bottom:24px;   
}
.formDate {
    float: left;
    position: relative;
}
.formDate>span {
    position: absolute;
    display: block;
    top:0;
    right:0;
    width: 40px;
    height: 40px;
    background: url(../images/elementlist.png) no-repeat -80px 0;
    z-index: -1;
}
.dateSelect {
    width: 133px;
    height: 39px;
    border:1px solid #dcdcdc;
    border-radius: 4px;
    outline: none;
    text-indent: 10px;
    background: none;
}
.submitBtn {
    width: 90px;
    height: 30px;
    border-radius: 30px;
    background: #769ade;
    color:#fff;
    border:0;
    float: right;
    margin-right:30px;
    margin-top:5px;
    outline: none;
}
.date_selector .nav {
    height: 30px;
}

/* 弹出提示�?65533; */
.blackWrap {
    width: 100%;
    height: 100%;
    background: url(../images/black.png) ;
    position: fixed;
    left:0;
    top:0;
    z-index: 999;
    display: none;
}
.alertTip {
    width: 302px;
    height: 152px;
    background: url(../images/alerttip.jpg) no-repeat center center;
    position: absolute;
    left:50%;
    margin-left: -151px;
    top:50%;
    margin-top:-76px;
    border-radius: 8px;
    font-size: 24px;
    font-family: "Alibaba PuHuiTi";
    text-indent: 117px;
    line-height: 152px;
}
/*  系统入口  */
.sysItem {
    width:25%;
    float:left;
    height: 133px;
    border-right:1px dashed #ccc;
    margin:30px 0 16px;
}
.sysItem:last-child {
    border-right:0;
}
.sysName {
    height: 66px;
    line-height: 60px;
    padding-bottom:6px;
    color:#333;
    font-size: 18px;
    font-family: "Alibaba PuHuiTi";
    text-align: center;
    font-weight: normal;
}
.sysItem a {
    width: 141px;
    height: 36px;
    display: block;
    border:1px solid #d5d5d5;
    margin:0 auto;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color:#000;
}
.sysItem a:hover {
    border:1px solid #00b0f0;
    color:#00b0f0;
}
/*dzҵϞ۳ڋ֮ԇ*/
.mainBox {
    height: 500px;
    padding:75px 0;
    width: 100%;
	background-color:#fff;
}
.functionName {
    height: 79px;
    line-height: 59px;
    font-size: 34px;
    font-family: "Alibaba PuHuiTi";
    text-align: center;
}
.functionList {
    width: 507px;
    height: 269px;
    margin:40px 0 0 70px;
}
.functionList .box {
    width: 248px;
    height: 248px;
    border-radius: 248px;
    border:1px solid #ccc;
    background: none;
    padding:40px 50px;
}
.right {
    margin-left:-30px;
}
.functionItem {
    line-height: 32px;
    height: 32px;
}
.functionItem p {
    width: 132px;
    float:left;
}
.functionItem span {
    font-size: 18px;
}
.functionImg {
    width: 459px;
    height: 370px;
    margin-right:66px;
    position: relative;
    z-index: 2
}

.animation {
    width: 600px;
    height: 442px;
    position: absolute;
    top:11px;
    right:0;
    animation: animation 3s infinite;
}
.animation img,.functionImg img {
    width: 100%;
    height: 100%;
}
@keyframes animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}
.gotoBtn {
    width: 150px;
    height: 46px;
    border:1px solid #00b0f0;
    border-radius: 4px;
    text-align: center;
    line-height: 46px;
    margin:336px auto;
    color:#00b0f0;
    display: block;
    position: relative;
    z-index:10;
}
.gotoBtn:hover {
    background: #00b0f0;
    color:#fff;
}

/* 八骏特色 */
.features {
    width: 638px;
    height: 243px;
    margin-top:40px;
}


@-webkit-keyframes fadeInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(20px);

	}	

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

	}

}
 
.featuresItem {
    width: 182px;
    height: 100%;
    float:left;
	animation-name:'fadeInRight';/*动画属性名，也就是我们前面keyframes定义的动画名*/

     animation-duration: 1s;/*动画持续时间*/

     animation-timing-function: ease-in-out; /*动画频率，和transition-timing-function是一样的*/

     animation-delay:0.5s;/*动画延迟时间*/

     animation-iteration-count: 1;/*定义循环资料，infinite为无限次*/

     animation-direction: alternate;/*定义动画方式*/ 
	
}
.featuresName {
    width: 150px;
    margin:0 auto;
    height: 150px;
    border:1px solid #e0e0e0;
    border-radius: 150px;
    text-align: center;
}
.featuresName img {
    margin-top:39px;
    height: 45px;
    width: auto;
}
.featuresName h4 {
    line-height: 45px;
    color:#333;
    font-weight: normal
}
.featuresSummary {
    text-align: center;
    line-height: 28px;
    margin-top:10px;
    color:#00b0f0 ;
    font-size: 14px;
}
.line {
    float:left;
    width: 46px;
    height: 1px;
    background: #e0e0e0;
    margin-top:70px;
	animation-name:'fadeInRight';/*动画属性名，也就是我们前面keyframes定义的动画名*/

     animation-duration: 1s;/*动画持续时间*/

     animation-timing-function: ease-in-out; /*动画频率，和transition-timing-function是一样的*/

     animation-delay:0.5s;/*动画延迟时间*/

     animation-iteration-count: 1;/*定义循环资料，infinite为无限次*/

     animation-direction: alternate;/*定义动画方式*/ 
}
/* 定制 */
.customize {
    width: 1200px;
    height: 256px;
    background: url(../images/customize.png) no-repeat center top;
    background-size: 100% 100%;
    margin:18px auto;
}
.customizeItem {
    width: 412px;
    height: 100%;
    float:left;
    padding-top:100px;
    padding-left:45px;
}
.customizeItem li {
    float:left;
    width: 50%;
    line-height: 39px;
    text-indent: 28px;
}
.customizeItem2 li {
    text-indent: 40px;
    line-height: 40px;
}
/*  企业使用无后顾之�?65533; */
.platform {
    height: 233px;
    width: 100%;
    text-align: center;
    padding-top:5px;
}
.platformItem {
    display: inline-block;
    width: 190px;
    height: 100%;
    text-align: center;
}
.platformItem a {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    border:1px solid #ddd;
    margin: 0 auto;
}
.platformItem a img {
    margin-top:60px;
}
.platformItem a span {
    display: none;
    color:#fff;
    font-size: 14px;
}
.platformItem a:hover {
    background: #00b0f0;
    border:1px solid #00b0f0;
    line-height: 150px;
}
.platformItem a:hover img {
    display: none;
}
.platformItem a:hover span {
    display: inline;
    white-space: nowrap;
}
.platformItem p {
    font-size: 18px;
    padding-top:22px;   
}

/*欢迎您的加入*/
.welcome {
    height: 198px;
    background: #003c6f;
    width: 100%;
    text-align: center;
    padding:36px 0
}
.welcome h3 {
    font-size: 28px;
    color:#fff;
    line-height: 64px;
    height: 64px;
}
.welcome a {
    display: block;
    width: 150px;
    height: 46px;
    border:1px solid #fff;
    line-height: 46px;
    color:#fff;
    border-radius: 5px;
    margin: 16px auto;
	font-size: 16px;
}
.welcome a:hover {
    border:1px solid #00b0f0;
    color:#00b0f0;
   
}
.ad {
    height: 189px;
    text-align: center;
}
.ad img{
    margin-top:60px; 
}
.ad span {
    line-height: 50px;
}
/*ۏطࠍ�?*/
.CoOperative {
    height: 200px;
    overflow: hidden
}
.pictureTop {
    width: 1162px;
    height: 30px;
    position: relative;
}
.pictureTop li {
    width: 1162px;
    height: 200px;
    text-align: center
}
.pictureTop li img {
    height: 200px;
    width:auto;
}
.pictureTop .prev ,.pictureTop .next {
    width: 36px;
    height: 74px;
    position: absolute;
    top:94px;
}
.pictureTop .prev {
    background: url(../images/prev1.png) no-repeat center center;
    left:0;
}
.pictureTop .next {
    background: url(../images/next1.png) no-repeat center center;
    right:0;
}
.pictureTop .prev:hover {
    background: url(../images/prev_1.png) no-repeat center center;
}
.pictureTop .next:hover {
    background: url(../images/next_1.png) no-repeat center center;
}

/* 涉及行业 */
.RangeCoverage {
    height: 45px;
    margin-top:5px;
    text-align: center;
}
.RangeCoverage li {
    width: 120px;
    height: 45px;
    display: inline-block;
    border:2px solid #3d9be9;
    line-height: 41px;
    text-align: center;
    margin: 0 22px;
    border-radius: 20px;
}
.RangeCoverage li:hover {
    background: #3d9be9;
}
.RangeCoverage li a {
    color:#3d9be9;
    display: block
}
.RangeCoverage li:hover a {
    color:#fff;
}
.moreCase {
    display: block;
    width: 192px;
    height: 47px;
    border-radius: 5px;
    background: #3d9be9;
    color:#fff;
    text-align: center;
    line-height: 47px;
    margin:60px auto 0;
}
/* тυ؉ѯ */
.news {
    width: 100%;
    height: 500px;
	background-color:#f4f4f4;
    background-attachment: fixed;
    background-size: 100% auto;
    position: relative;
}
.news::before {
    content:"";
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%  ;
    background-color:rgba(255,255,255,0.4); 
}
.newList {
    width: 50%;
    padding:46px;
    position: relative;
    z-index: 10;
}
.title {
    height: 20px;
    line-height: 20px;
    border-left:2px solid #00b0f0;
    text-indent: 12px;
    font-weight: normal;
    margin:22px 0 36px;
	font-size:16px;
}
.title a {
    float:right;
    color:#00b0f0;
    font-size: 14px;
}
.newList li {
    line-height: 54px;
    height: 54px;
    border-bottom:1px solid #fff;
    padding: 0 20px 0 30px; 
    font-size: 14px;
}
.newList li a {
    color:#333;
    width: 358px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float:left;
}
.newList li span {
    float: right;
    color:#9d9a9a;
}

/* 底部申请 */
.regisition {
    padding-top:5px;
    text-align: center;
}
.regisition input,.regisition select {
    width: 200px;
    height: 37px;
    border:1px solid #dcdcdc;
    color:#666;
    line-height: 37px;
    text-indent: 10px;
    border-radius: 4px;
    margin-right: 16px;
}
.regisition select {
    width: 100px;
    height: 40px;
}
.regisition .dateSelect {
    margin-right: 0;
}
.regisition .tel {
    width: 300px;
}
.regisition .submitBtn {
    margin-top:50px;
    width: 226px;
    height: 60px;
    color:#fff;
    background: #3d9be9;
    border-radius: 60px;
    font-size: 16px;
}


/*ԑȩtޓ*/
.friendLink {
    height: auto;
    padding-top:20px;
    padding-bottom:20px; 
    line-height: 20px;
    text-align: left;
}
.friendLink ul {
    display: inline-block;
}
.friendLink li {
    display: inline-block;
    margin:0 15px;
    font-size: 14px;
}
.friendLink span {
    padding-right:15px;
    color:#D3D3D3;
    font-size: 14px;
}
.friendLink a {
    color:#94BBEF;
    font-size: 12px;

}
.friendLink a:hover {
    color:#23527c;
   font-size: 12px;
}
/* 页脚 */

.footMain {
    padding-left:30px;
}
.footMain .footLeft {
    width: 600px;
    
    margin-right:262px;
}
.footMain li {
    display: inline-block;
    margin:0 15px;
    line-height: 80px;
}
.footMain li a {
    color:#fff;
}

.telMe {
    line-height: 31px;
    color:#fff;
    font-size: 14px;
    color:#D3D3D3;
    padding-top:20px;
}
.telMe strong{
    font-size: 28px;
    line-height: 49px;
    color:#fff;
}
.erweima {
    width: 110px;
    height: 110px;
    float: left;
    margin-left:45px;
}
.topBottomBtn {
    width: 71px;
    position: fixed;
    right:5px;
    bottom:200px;
}
.btn {
    width: 71px;
    height: 63px;
}
.top {
    background: url(../images/topbottom.png) no-repeat left top;
    margin-bottom:2px;
}
.bottom {
    background: url(../images/topbottom.png) no-repeat left bottom;
}
/* .btn:hover { */
    /* background-image: url(../images/topbottom1.png); */
/* } */

.online {
    width: 151px;
    height: 66px;
    display: block;
    position: fixed;
    right:20px;
    bottom:25px;
    background: url(../images/online.png) left top no-repeat;
}

.h-case {
    height: 850px;
    width: 100%;
	padding-top: 30px;
	background: url(../images/h-case-bg.png);
}
.case-b{
    height: 160px;
    background: #f4f4f4;
    width: 100%;
    text-align: center;
    padding: 36px 0;
}
.case-b a {
    display: block;
    width: 150px;
    height: 46px;
    border: 1px solid #3d9be9;
    line-height: 46px;
    color: #3d9be9;
    border-radius: 5px;
    margin: 16px auto;
	font-size: 16px;
}

.hd-c {
    height: 150px;
    padding-top: 70px;
    text-align: center;
}
.hd-c h2 {
    display: block;
    font-size: 30px;
    font-weight: normal;
    height: 63px;
    line-height: 70px;
    text-align: center;
    width: 100%;
}
.hd-c strong {
    display: block;
    font-size: 30px;
    font-weight: normal;
    height: 63px;
    line-height: 70px;
    text-align: center;
    width: 100%;
}

.hd-c .bor-bton {
    background-position: 0 -55px;
    height: 6px;
    margin: 0 auto;
    width: 435px;
}
.container {
    margin: 0 auto;
    width: 1200px;
}

.h-case .container {
   position: relative; height: 250px;
}
.h-case .bd .case-list {
    margin: 40px 0 0;
    width: 1300px;
}
.h-case .bd .case-list li {
    background: #f4f4f4 none repeat scroll 0 0;
    float: left;
    height:306px;
    margin: 0 16px 0 0;
    overflow: hidden;
    position: relative;
    width: 380px;
}
.h-case .bd .case-list li .service-img {
    display: block;
    margin: 0 auto 10px;
    width: 144px;
    height: 100px;
}
.h-case .bd .case-list li span{ font-size:12px; width:90%; margin:0 auto; display:block; color:#333333; line-height:22px;}

.b-mod span {
    background: #ccc none repeat scroll 0 0;
    height: 30px;
    position: absolute;
    right: 2px;
    top: 20px;
    width: 30px;
}

.b-mod .link-more {
    position: relative;

    top: 28px;
	color:#FFFFFF;
}
/*.h-case .bd .case-list li:hover {
    background: #00a2e9 none repeat scroll 0 0;
    color: #fff;
    transition: all 200ms ease-in 0s;
}*/
.b-mod {
    height: 40px;
    position: relative;
    text-align:center;
}
/*.h-case .bd .case-list li {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 292px;
    margin: 0 16px 0 0;
    overflow: hidden;
    position: relative;
    width: 288px;
}*/
/*.h-case .bd .case-list li:hover {
    background: #00a2e9 none repeat scroll 0 0;
    color: #fff;
    transition: all 200ms ease-in 0s;
}*/
.h-case .bd .case-list li:hover strong, .h-case .bd .case-list li:hover span {
    color:#333333;
	font-size:12px;
}
.h-case .bd .case-list li:hover .bg {

}
.h-case .bd .case-list .bg {
    background: #00a2e9 none repeat scroll 0 0;
    height: 292px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0.9);
    transition: all 0.3s ease 0s;
    width: 378px;
    z-index: 1;
}
.h-case .bd .case-list li a {
    display: block;
    height: 240px;
    margin: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 378px;
    z-index: 2;
}
.h-case .bd .case-list li a img {
    display: block;
}
.h-case .bd .case-list li a img:hover{ box-shadow: 1px 1px 5px #999;}
.h-case .bd .case-list li a h3 {
	font-weight: normal;
    display: block;
    font: 18px/40px "Microsoft YaHei";
    height: 40px;
    margin: 20px 0 0;
}
.h-case .bd .case-list li a strong {
    display: block;
    font: 18px/40px "Microsoft YaHei";
    height: 40px;
    margin: 20px 0 0;
}
.clients {
    width: 1200px;
    margin: 0px auto 60px auto;
    overflow: hidden;
    padding-top: 50px;
}
.clients .title {
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.client_list li {
    float: left;
    height: 50px;
    margin: 15px;
    text-align: center;
    width: 170px;
}
/* .client_list li {
    float: left;
    height: 44px;
    margin: 15px 21px;
    text-align: center;
    width: 157px;
} */
.client_list li img{ max-width:100%; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;}
.client_list li img:hover{-moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    filter: no;}

.h-case .bd .case-list li a strong b{ font-weight:normal;}
.newList li strong{ font-weight:normal;}
.item-hover strong, .item-hover span {
    color: #fff;
}
.h-mission {
    background: #fff none repeat scroll 0 0;
    width: 100%;
}
a {
    color: #333;
}
.fixedSubNav {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1000;
	box-shadow: 1px 1px 5px #999;
}
.firstNav.active a{color:##00b0f0;}


.footer {
    background: #393e45 none repeat scroll 0 0;
    border-top: 10px solid #00a2e9;
    width: 100%;
}
.footer .container {
    position: relative;
}
.date, .row, .container, .clear, .hd, .bd, .mod {
}
.container {
    margin: 0 auto;
    width: 1200px;
}

element.style {
    position: relative;
}
*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
body {
    font-size: 1.4rem;
}
body {
    font-family: "Alibaba PuHuiTi",Verdana,Arial,Helvetica,sans-serif;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
    word-break: normal;
}
body {
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}
body {
    margin: 0;
}
* {
    box-sizing: border-box;
}
*::-moz-placeholder {
    color: #ababab;
    opacity: 1;
}
html {
    font-size: 62.5%;
}
html {
    font-size: 10px;
}
html {
    font-family: sans-serif;
}
.footer .container .bg-icon {
    background: rgba(0, 0, 0, 0) url("../images/footer_top_bg.png") no-repeat scroll left top;
    height: 97px;
    position: absolute;
    right: 0;
    top: 0;
    width: 779px;
}

.footer .footer-logo, .icon, .hd-c .bor-bton {
    background: rgba(0, 0, 0, 0) url("../images/u_icon.png") no-repeat scroll 0 0;
}
.footer .footer-logo {
    background-position: -123px -321px;
    float: left;
    height: 182px;
    margin: 55px 30px 0 0;
    width: 181px;
}
.footer .footer-menu {
    float: right;
    width: 930px;
}
.footer .footer-menu dl dt {
    color: #a3a4a6;
    font-size: 20px;
    line-height: 50px;
}
.footer .footer-menu dl dt .icon {
    background-position: -165px 0;
    float: left;
    height: 28px;
    margin: 10px 10px 0 0;
    width: 32px;
}



.footer .footer-menu .d2 dt .icon {
    background-position: -197px 0;
    height: 30px;
    width: 32px;
}
.footer .footer-menu dl dd {
    margin: 0 0 0 40px;
}
.arrow {
    border-color: transparent;
    border-style: solid;
    border-width: 5px;
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}
.footer .footer-menu dl dd a {
    color: #a3a4a6;
	font-size:12px;
}



.footer .copyright {
    background: #2e3238 none repeat scroll 0 0;
    height: 78px;
    line-height: 78px;
    width: 100%;
}
.footer .container {
    position: relative;
}
.footer .copyright p {
    color: #6b6d70;
	font-size:12px;
}

.container::after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
.footer .footer-menu dl {
    background: rgba(0, 0, 0, 0) url("../images/11.png") no-repeat scroll left top;
    float: left;
    margin: 65px 0 0;
    min-height: 280px;
    padding-left: 65px;
    width: 295px;
}

.footer .footer-menu .d3 dd {
    font-size: 14px;
    line-height: 35px;
    margin: 0;
}
.footer .footer-menu .d3 dd .i2 {
    background-position: -248px 0;
    height: 19px;
    width: 14px;
}

.footer .footer-menu .d3 dd .icon {
    background-position: -229px 0;
    float: left;
    height: 17px;
    margin: 6px 8px 0 0;
    width: 18px;
}

.footer .footer-menu .d3 dd .i2 {
    background-position: -248px 0;
    height: 19px;
    width: 14px;
}
.footer .footer-menu .d3 dd .i3 {
    background-position: -263px 0;
    height: 17px;
    width: 17px;
}

.footer .footer-menu .d3 a{ font-size:14px;}
.hd-c .bor-bton {
    background-position: 0 -55px;
    height: 6px;
    margin: 0 auto;
    width: 435px;
}
.friendLink a{ color:#6b6d70;}




.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated.bounceInBottom,.animated.bounceInLeft,.animated.bounceInRight,.animated.bounceInTop{-webkit-animation-duration:10s;animation-duration:10s}@-webkit-keyframes bounceInBottom{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes bounceInBottom{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.bounceInBottom{-webkit-animation-name:bounceInBottom;animation-name:bounceInBottom}@-webkit-keyframes bounceInTop{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes bounceInTop{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.bounceInTop{-webkit-animation-name:bounceInTop;animation-name:bounceInTop}@media (max-width:980px){.wrap{width:100%}.header{padding:0 16px;box-sizing:border-box}.navbar .btn.btn-developer{right:140px}.navbar .btn.btn-company-admin{right:16px}.service-item{margin-right:0;width:190px;height:190px}.flow .step-box .step-item{width:240px}.img-flag,.text-flag{opacity:1}.footer .link-list{display:inline-block;width:220px;vertical-align:top}}


* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    /* margin: 0; */
    /* padding: 0; */
    /* border: 0; */
    /* box-sizing: border-box; */
    font-family: "Alibaba PuHuiTi";
}
.h_fu{ width:100%; height:178px; background: url(../images/footer_bg.jpg) center;}
.h_fumin{ width:1200px; height:178px; margin:0 auto;}
.h_fumin_lei{ width:300px; height:100px; float:left; margin-top:40px;}
.h_fumin_lei_tu{ width:100px; height:100px; float:left; margin-right:10px; display:inline;}
.h_fumin_lei p{ color:#FFFFFF; font-size:22px; padding-top:20px;}
.h_fumin_lei span{ color:#FFFFFF; font-size:14px; line-height:32px;}




.header {
    width: 100%;
    height: 82px;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #999;
}



/*.logo {*/
    /*width:218px;*/
    /*text-align:center;*/
    /*line-height: 88px;*/
	/*box-sizing: border-box;*/
/*}*/



.nav {
    height: 88px;
    margin: 0 auto;
    width: 1200px;
}


.clearfix:before,.clearfix:after {
 content:"";
 display:table;
}


.clearfix {
 zoom:1;
}

.clearfix {
    clear:both;
}


.fr {
    float:right;
}
.fl {
    float:left;
}

.logo img{
    width: 167px;
    vertical-align: middle;
}



.trial {
    float:right;
    width: 119px;
    height: 37px;
    border-radius: 4px;
    background: #3d9be9;
    margin-top: 25px;

}
.trial a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 37px;
    text-align: center;
    color:#fff;
    cursor: pointer;
    font-size: 14px;
}



.nav_wd {
    float: right;
}

.nav section{ float:right;}




/*首页banner*/
.fullSlide{width:100%;position:relative;height:630px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:630px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:630px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}



/*==========首页活动�?=========*/
.mod-wrap{
	padding:100px 0;
	min-width:320px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.mod-activity{
	padding:0;
	background-color: #f4f4f4;
}
.mod-activity .mod-inner{
	max-width:1200px;
	min-width:320px;
	margin-left:auto;
	margin-right:auto
}
.mod-activity .activity-list{font-size:0}
.mod-activity .activity-list li{display:inline-block;white-space:nowrap;width:25%;height:140px;vertical-align:top;box-sizing:border-box;padding-top:15px;padding-left:15px;position:relative}
.mod-activity .activity-list li a{display:block;height:100%}
.mod-activity .activity-list li:after{display:block;content:'';position:absolute;height:80px;width:1px;border-left:#e2e2e2 1px solid;top:30px;left:0}
.advertising-icon{position:relative;width:110px;height:110px;margin-right:5px;transition:all .2s linear;background-size:100% auto}
.advertising-icon img{position:absolute;left:0;top:0;width:100%}
.activity-list li .advertising-text,.advertising-icon{display:inline-block;vertical-align:middle}
.activity-list li .advertising-text{max-width:50%;height: 46px;}
.activity-list li .advertising-text .title{font-size:16px;color:#333;padding-bottom:5px;transition:all .2s linear}
.activity-list li .advertising-text .content{
    font-size: 14px;
    color: #666;
    word-break: break-all;
    white-space: normal;
}
.activity-list li .advertising-text .title em{color:#ff9102;transition:all .2s linear}
.activity-list li .advertising-text .title i{margin-left:5px;margin-top:-3px}
.activity-list li:hover .advertising-icon{transform:translate3d(0,-2px,0)}
.activity-list li:hover .advertising-text .title,.activity-list li:hover .advertising-text .title em{color:#2277da}
.mod-activity .activity-list li:first-child:after{display:none}
.activity-list .mobile-advertising-text{display:none}



/*nav*/

.firstNav {
	margin:0px;
    margin-top: 15px;
box-sizing: border-box;
	padding:0px;
}
.firstNav>li {
margin:0px;
    padding:18px 0;

    float:left;
    position: relative;
	box-sizing: border-box;
}
.firstNav>li>a {
    display: block;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    min-width: 94px;
    padding:0 10px;
    border-left:1px solid #ccc;
    color:#000;
	box-sizing: border-box;
}
.firstNav>li:first-child>a{
    border-left:0;
	box-sizing: border-box;
}
.firstNav>li.active { 
    border-bottom:2px solid #3d9be9;
	box-sizing: border-box;
}
.firstNav>li.active>a,.firstNav>li:hover>a {
    color: #00b0f0;
	box-sizing: border-box;
}
.firstNav>li:hover {
    border-bottom:2px solid #3d9be9;
	box-sizing: border-box;
}
.secondNav {
    position: absolute;
    left:0;
    top:60px;
    padding:0 10px;
    min-width: 94px;
    display: none;
    background: #fff;
    opacity:0.8;
	box-sizing: border-box;
}
.secondNav li{
    height: 40px;
    line-height: 40px;
    border-top:1px solid #ccc;
    text-align: center;
    white-space: nowrap;
	box-sizing: border-box;
}
.secondNav li:hover {
    border-top:1px solid #5bc0de;
}
.secondNav li a {
    color:#5d5d5d;
    font-family:"Alibaba PuHuiTi";
    font-size: 14px;
}
.secondNav>li:first-child {
    border-top:0;
}


.firstNav {
    margin: 0px;
    margin-top: 15px;
    box-sizing: border-box;
    padding: 0px;
}



.title h3{
padding-top:52px;
padding-bottom:52px;
font-size: 36px;
font-weight: normal;
font-family: "pingfang";
color: #333333;
text-align:center;
}


.news2 .item-box {
  width: 100%;
  padding: 30px 0; }
.news2 .item-box .item {
  margin-right: 40px; width: 370px;}
  
.news2 .item-box .img-box {
  position: relative;
  width: 370px;
  height: 240px;
   }

.news2 .item-box .img-box img{
  width: 100%;
  height: 240px;
}

.news2 .item-box .item:last-child {
  margin-right: 0; }
.news2 .item-box .btn {
  background-color: #94c4e5;
  color: #ffffff;
  font-size: 22px;
  padding: 15px;
  text-align: center;
  position: absolute;
  left: -10px;
  width: auto;
  height: 50px;
  box-sizing: border-box;
  bottom: 10px; }
.news2 .item-box .btn a{
  color:#ffffff;
}
.news2 .item-box .btn a:hover{
  text-decoration: underline;
}
.news2 .item-box .active {
  background-color: #0096ff; }
.news2 .item-box .h3 {
  font-size: 16px;
  text-align: left;
  color: #333333;
  width: 100%;
  padding: 16px 0; }
.news2 .item-box .h3 a{
  font-size: 16px;
  text-align: left;
  color: #333333;
  padding: 16px 0; }
.news2 .item-box .time {
  color: #aaaaaa;
  font-size: 14px;
  text-align: left; }
.news2 .item-box .desc {
  color: #666666;
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
  letter-spacing: 1px;
  line-height: 150%; }
.news2 .item-box .border-gray {
  border-bottom: 1px solid #dddddd; }
.news2 .item-box .new-list .new-item {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
.news2 .item-box .new-list .new-item .title-new {
  width: 100%;
  font-size: 14px;
  text-align: left;
  color: #aaaaaa;
  overflow: hidden; }
.news2 .item-box .new-list .new-item .title-new a{
  color: #aaaaaa;
  font-size: 14px;
}
.module {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;

  }
.module .title {
  text-align: center;
  padding-top: 50px;
  font-size: 32px;
  line-height: 1.5em;
  color: #000;}
.module .description {
  text-align: center;
  font-size: 16px;
  line-height: 1.5em;
  color: #999;  }
.module .border {
  height: 0;
  background: #0094fb;
  width: 86px;
  margin: 0 auto 0 auto; }
.module .item-box {
	max-width: 1200px;
  width:100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
.module .item-box li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
.module .item-box .img {
  height: 94px; }
.module .item-box .apple {
  background: url("../images/apple.png") center no-repeat; }
.module .item-box .android {
  background: url("../images/android.png") center no-repeat; }
.module .item-box .weixin {
  background: url("../images/weixin.png") center no-repeat; }
.module .item-box .pc {
  background: url("../images/pc.png") center no-repeat; }
.module .item-box .growing {
  background: url("../images/growing.png") center no-repeat; }
.module .item-box .info {
  color: #444444;
  font-size: 24px;
  text-align: center;
  line-height: 150%; }

  
  
  

.line11 {
    width: 36px;
    margin: 0 auto;
    height: 3px;
    background-color: #fb4455;
}

.shopList .shopBox p {
    font-size: 14px;
    text-align: left;
    line-height: 26px;
    color: #fff;
}

.shopList > .section > h3 {
    text-align: center;
    color: #323232;
    font-size: 32px;
    padding-bottom: 30px;
}
.sclAnimate {
    opacity: 0;
    top: 50px;
    position: relative;
}

.shopList .shopBox:hover {
    background-color: #323232;
}
.shopList .shopBox {
    position: relative;
    float: left;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    transition: 0.5s ease;
}
.shopBox1 {
    width: 378px;
    height: 530px;
    background-color: #ff5d65;
    padding: 50px 30px 0;
}


.shopBox2 > img {
    position: absolute;
    right: 16px;
    top: 80px;
}


.shopBox1 > img {
    margin-top: 60px;
}
.customer ul{
	margin-top:50px;
	
}
.customer li{
   float: left;
    height: 50px;
    margin: 15px;
    text-align: center;
    width: 168px;
	
}


.customer li img:hover {
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: no;
}

.customer li img {
    /* max-width: 100%; */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /* filter: grayscale(100%); */
    filter: gray;
}

.shopBox2 {
    width: 450px;
    height: 260px;
    background-color: #733cb8;
    margin: 0 10px;
    padding: 50px 0 0 30px;
    margin-right: 10px;
}


.shopList .shopBox4 {
    width: 350px;
    height: 170px;
    background-color: #029de9;
    padding: 30px 40px 0 30px;
    position: absolute;
    right: 0;
    top: 1px;
}


.shopList .shopBox span {
    position: absolute;
    top: -2px;
    left: -2px;
    display: inline-block;
    width: 70px;
    height: 70px;
}


.shopList .shopBox a {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 6px 14px;
    margin-top: 15px;
    background: rgba(255,255,255,0.6);
}


.shopList .shopBox h3 {
    font-size: 24px;
    text-align: left;
    padding-bottom: 12px;
    color: #fff;
}

.shopList > .section > p {
    text-align: center;
    color: #646464;
    font-size: 16px;
    margin-bottom: 50px;
}
.sclAnimate {
    opacity: 0;
    top: 50px;
    position: relative;
}


.shopBox3 {
    background-color: #ff7800;
    margin-top: 10px;
}

.shopList .shopBox5 {
    background-color: #ffb504;
    top: 181px;
}

.shopList .shopBox6 {
    background-color: #8cb51b;
    top: 361px;
}

.shopList {
    padding: 18px 0;
    z-index: 2;
    top: 550px;
    background-color: #fff;
    width: 100%;
	height:920px;
   
}



.section {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-width: 1200px;
    margin: 0 auto;
}



.seventh .p1 {
    margin-bottom: 30px;
}


.seventh .p2 {
    font-size: 16px;
    color: #000;
    line-height: 20px;
    text-align: center;
    margin-bottom: 36px;
}


.news1 {
    width: 100%;
    height: 500px;
	background-color:#f4f4f4;
    background-attachment: fixed;
    background-size: 100% auto;
    position: relative;
}
.news1::before {
    content:"";
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%  ;
    background-color:rgba(255,255,255,0.4); 
}

.imgs{
	
	width: 35%;
	padding:50px 50px;
}
.newList11 {
    width: 65%;
    padding:40px;
    position: relative;
    z-index: 10;
}
.title11 {
    height: 20px;
    line-height: 20px;
    border-left:2px solid #00b0f0;
    text-indent: 12px;
    font-weight: normal;
    margin:22px 0 36px;
	font-size:16px;
}
.title11 a {
    float:right;
    color:#00b0f0;
    font-size: 14px;
}

.newList11 li {
    line-height:46px;
    height:46px;
   
    padding: 0 20px 0 30px;
    font-size: 14px;
}
.info {margin-top: 20px;
    font-size: 18px;
    color: #333;
    line-height: 18px;
	text-align:center;
	}
.ulleft{
	float:left;

	
}


.ulright{
	float:right;
	
	
}
.newList11 li a {
    color:#333;
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float:right;
}
.newList11 li span {
   
    color:#9d9a9a;
	
}

.btn11 {
    border-radius: 2px;
    text-align: center;
}
.forth a{color: #ffffff;}


.shopList a{color: #ffffff;}

.btn-company {
    display: block;
    margin: 45px auto 0;
    width: 220px;
    height: 50px;
    line-height: 50px;
    color: #ffffff;
	font-size:20px;
    background-color: #029de9;
    background: #029de9;
}



/*==========页脚==========*/
.footer {
    width: 100%;
    border-top: 10px solid #00a2e9;
    background: #393e45;
}

.footer .container {
    position: relative;
}


.footer .container .bg-icon {
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/footer_top_bg.png") no-repeat left top;
    width: 779px;
    height: 97px;
}


.footer .footer-logo {
    background-position: -123px -321px;
    float: left;
    height: 182px;
    margin: 55px 30px 0 0;
    width: 181px;
}

.footer .footer-logo, .icon, .hd-c .bor-bton {
    background: rgba(0, 0, 0, 0) url("../images/u_icon.png") no-repeat scroll 0 0;
}
.footer .footer-logo {
    background-position: -123px -321px;
    float: left;
    height: 182px;
    margin: 55px 30px 0 0;
    width: 181px;
}


.footer .footer-menu {
    float: right;
    width: 930px;
}
.footer .footer-menu dl {
    float: left;
    width: 245px;
    padding-left: 65px;
    min-height: 280px;
    margin: 65px 0 0;
    background: url("../images/11.png") no-repeat left top;
}
.footer .footer-menu dl dt {
    color: #a3a4a6;
    font-size: 20px;
    line-height: 50px;
}
.footer .footer-menu dl dt .icon {
    float: left;
    width: 32px;
    height: 28px;
    margin: 10px 10px 0 0;
    background-position: -165px 0;
}
.footer .footer-menu .d2 dt .icon {
    width: 32px;
    height: 30px;
    background-position: -197px 0;
}
.footer .footer-menu dl dd {
    margin: 0 0 0 40px;
}
.footer .footer-menu dl dd a {
    color: #a3a4a6;
}
.footer .footer-menu .d3 dd {
    margin: 0;
    line-height: 35px;
    font-size: 14px;
}
.footer .footer-menu .d3 dd .icon {
    float: left;
    width: 18px;
    height: 17px;
    margin: 6px 8px 0 0;
    background-position: -229px 0;
}
.footer .footer-menu .d3 dd .i2 {
    width: 14px;
    height: 19px;
    background-position: -248px 0;
}
.footer .footer-menu .d3 dd .i3 {
    width: 17px;
    height: 17px;
    background-position: -263px 0;
}

.footer .copyright {
    width: 100%;
    height: 78px;
    background: #2e3238;
    line-height: 78px;
}


.date:after, .row:after, .container:after, .clear:after, .hd:after, .bd:after, .mod:after {
    display: block;
    height: 0;
    clear: both;
    content: " ";
}



.footer .copyright p {
    color: #6b6d70;
}
.footer .copyright p {
    color: #6b6d70;
    font-size: 12px;
}


/*友情链接*/
.friendLink {
    height: auto;
    padding-top:20px;
    padding-bottom:20px; 
    line-height: 20px;
    text-align: left;
}
.friendLink ul {
    display: inline-block;
}
.friendLink li {
    display: inline-block;
    margin:0 15px;
    font-size: 14px;
}
.friendLink span {
    padding-right:15px;
    color:#D3D3D3;
    font-size: 14px;
}
.friendLink a {
    color: #6b6d70;
}
.friendLink a:hover {
    color:#23527c;
   font-size: 12px;
}


*{margin:0;padding:0}html{font-size:62.5%}body{color:#fff;font-family:PingFangSC-Regular,"Alibaba PuHuiTi",serif;-webkit-font-smoothing:antialiased;min-width:1047px}a{text-decoration:none}a:focus{outline:0}a img{border:0}p{color:#000}span{color:#000}div{color:#000}li{list-style-type:none}.t-justify{text-align:justify}.t-justify::after{content:'';display:inline-block;width:100%;height:0}.f-dn{display:none}.fl-l{float:left}.first{position:relative;opacity:1;filter:Alpha(opacity=100);height:480px}.wrapper{position:relative;margin:0 auto;width:976px;height:100%;text-align:center}.navbar{top:0;left:0;right:0;height:60px;width:100%;z-index:100}.navbar .ban{position:relative;margin:0 auto;width:976px;height:60px}.navbar .ban .cloudimg{position:relative;margin-right:-13.7px;top:14px;float:left;width:32px;height:32px}.navbar .ban a{text-decoration:none;float:left;color:#fff}.navbar a .log:hover{background-color:#fb4455;color:#fff}.navbar .ban .bar1 a:hover{color:#fb4455}.navbar .ban .cloud{margin:16px 28px 16px 28px;float:left;height:28px;text-decoration:none;color:#333;font-size:20px;line-height:28px}.navbar .ban .bar1{width:844px}.navbar .ban .bar1 a{margin:23px 10px;height:14px;font-size:14px;line-height:14px;color:#333}.navbar .ban .bar1 .manage{position:absolute;right:242px;width:84px}.navbar .ban .bar1 .manag{position:absolute;right:132px;width:84px}.navbar .ban .log{position:absolute;right:0;margin-top:15px;padding:7px 21px 7px 19px;box-sizing:border-box;width:112px;height:30px;border:1px solid #fb4455;border-radius:4px;line-height:14px;font-size:14px;color:#fb4455;-ms-behavior:url(./htc/PIE.htc)}.first .prev:hover{cursor:pointer}.first .next:hover{cursor:pointer}.first .backg{position:relative;width:100%}.banner{position:relative;overflow:auto;height:480px}.banner li{position:relative;list-style:none}.banner .page1{background:url(../images/banner11.png) no-repeat center center;background:url(../images/banner_1.png) no-repeat center center\9;background-size:auto 480px;background-color:#331919}.banner .page a{display:block;width:100%;height:480px}.banner .page3 a{background:url(../images/banner2.png) no-repeat center center;background:url(../images/banner_2.png) no-repeat center center\9;background-size:auto 480px;background-color:#0a1548}.banner .page2{background:url(../images/banner.png) no-repeat center center;background:url(../images/banner.png) no-repeat center center\9;background-size:auto 480px}.banner .page4{background:url(../images/banner5.png) no-repeat center center;background:url(../images/banner5.png) no-repeat center center\9;background-size:auto 480px;background-color:#072b33}.sw{width:268px;height:60px}.down{display:inline-block;margin-right:76px;cursor:pointer;background:url(../images/btn_download.png) no-repeat;background-size:100% 100%}.delu{background:url(../images/btn_caiyundenglu.png);background-size:100% 100%;display:inline-block;margin-top:329px}.delu>a{display:block;width:268px;height:60px}.banner ul li{float:left}.banner li{width:100%;height:480px}.consult{position:fixed;margin-top:-46px;padding-top:14px;right:5px;top:50%;z-index:100;width:44px;height:80px;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px}.consult .icon-zhushou{margin-left:14px;font-size:17px;color:#fb4455}.consult p{text-align:center;font-size:17px;color:#fb4455}.consult img{position:absolute;right:50px;top:15px;width:170px;height:60px}.consult:hover{cursor:pointer}.backtop{position:fixed;bottom:30px;right:5px;z-index:100}.backtop img{width:45px;height:45px}.unslider-nav{position:absolute;bottom:10px;width:100%;text-align:center}.unslider-navup{bottom:50px}.arrow{position:absolute;top:50%;margin-top:-32px;height:64px;line-height:64px;color:#fff;cursor:pointer}.arrow .iconfont{font-size:50px;opacity:.7}.arrow-left{left:40px}.arrow-right{right:40px}.slide{position:absolute;margin-left:-60px;left:50%;bottom:20px;width:120px}.hide{top:574px}.slide div{margin:2.5px;float:left;width:25px;height:6px;background:#fff;filter:Alpha(opacity=30);opacity:.3}.slide .active{opacity:.8;filter:Alpha(opacity=80)}.first .prev .icon-zuo{position:absolute;top:272px;z-index:99;left:20px;color:#fff;font-size:30px;opacity:.5;filter:Alpha(opacity=50)}.first .next .icon-you{position:absolute;top:272px;right:20px;color:#fff;font-size:30px;opacity:.5;filter:Alpha(opacity=50)}.first .banner .knowmore{position:absolute;top:52%;left:105px;left:78px\9;padding:4px 15px 4px 6px;width:248px;height:50px;line-height:50px;font-size:20px;text-align:center;border:1px solid #fff;border-radius:4px}.first .banner .knowmore a{color:#fff}.first .banner .knowmore .icon-bofang{top:50%;margin-top:-7px;margin-right:6px;color:#fb4455;font-size:18px}.first .banner .knowmore:hover{color:#fb4455;border-color:#fb4455}.first .banner .knowmore:hover a{color:#fb4455}.first .advm{position:absolute;bottom:0;width:100%;height:40px;line-height:40px;text-align:center;font-size:16px;color:#fff;background:rgba(0,0,0,.3)}.zhineng{position:absolute;cursor:pointer;left:0;right:0;margin:auto;top:60%;width:248px;height:54px;line-height:50px;font-size:20px;text-align:center;border-radius:4px}.first .advm .icon-laba{margin-right:10px;width:16px;height:15.4px;color:#fff}.first .advm p{font-size:16px;color:#fff;letter-spacing:.69px;line-height:40px}.unslider-nav ol li.unslider-active{opacity:.8}.unslider-nav ol li{height:4px;opacity:.3}.line{width:36px;margin:0 auto;height:3px;background-color:#fb4455}.second{width:100%;height:700px;background:#f6f7f9}.second p{padding-top:60px;text-align:center;font-size:40px;color:#000;line-height:40px}.second span{font-size:40px;color:red;line-height:40px}.second .word{margin-top:30px;margin-bottom:31px;text-align:center;font-size:16px;color:#000;line-height:24px}.second img{margin:0 auto;margin-top:32px;display:block;width:973px;height:342px}.third{position:relative;padding-top:60px;width:100%;height:700px;background-image:url(../images/background_third.png);background-image:url(../images/background_third1.png);background-size:1426px 760px;background-position:center;background-repeat:no-repeat}.third p{margin-bottom:34px;text-align:center;font-size:40px;color:#000;line-height:40px}.third span{color:#fb4455}.third .line{margin-bottom:58px}.third .img{position:relative}.third .img img{margin:0 auto;display:block;width:758px;height:570px}.forth{position:relative;width:100%;height:920px;background:#f6f7f9}.forth .funcintro{position:relative;margin:0 auto;top:49px;width:1080px;height:670px;background:#fff;border:0 solid #dcdcdc}.forth .funcintro ul{border:1px solid #dcdcdc;margin-top:0}.forth .funcintro ul li{list-style-type:none;width:280px;height:134px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;box-sizing:border-box;background:#f6f7f9}.forth .funcintro ul li:first-child{border-top:none}.forth .funcintro ul li:last-child{border-bottom:none}.forth .funcintro ul .now{border-right:none;border-left:5px solid #009ee7;background-color:#fff}.forth .funcintro ul li .func{display:none;position:absolute;left:280px;top:0;width:767px;height:670px}.forth .funcintro ul .now div{display:block}.forth .funcintro ul li p{font-size:36px;color:#000;line-height:40px;margin-bottom:30px;margin-top:50px}.forth .funcintro ul li .cloud{padding-left:25px}.forth .funcintro ul li.now .cloud{padding-left:20px}.forth .funcintro ul li .cloud div:first-child{padding-top:37.6px;padding-bottom:17.8px}.forth .funcintro ul li .cloud img{width:22px;height:22px;margin-right:10px}.forth .funcintro ul li .cloud span{font-size:25px;color:#000;line-height:21px}.forth .funcintro ul li.now .cloud span{color:#009ee7}.forth .funcintro ul li .cloud div:nth-child(2){font-size:14px;color:#666;line-height:16px}.forth .funcintro ul li .cloud .cloud-target{font-size:14px;color:#666;line-height:16px}.forth .funcintro ul li p span{font-size:36px;color:#009ee7;line-height:40px;margin-right:20px}.forth .funcintro ul li .func1 p{margin-left:102px}.forth .funcintro ul li .func2 p,.func3 p{margin-left:116px}.forth .funcintro ul li .func4 p{margin-left:98px}.forth .funcintro ul li .func5 p{margin-left:62px}.forth .funcintro ul li .func5 a{font-size:14px;color:#4778ba;line-height:14px}.forth .funcintro ul li .func5 :nth-child(4){position:absolute;left:116px;top:213px}.forth .funcintro ul li .func5 :nth-child(5){position:absolute;left:468px;top:213px}.forth .funcintro .slideline{width:5.9px;height:134px;background:#fa2f1d;position:absolute;z-index:99}.forth .funcintro ul li .func div img{height:517px;width:726px;margin-top:30px;margin-left:37px}.fifth{width:100%;height:600px;background:#fff}.fifth p,.seventh .p1{padding-top:60px;margin-bottom:34px;text-align:center;font-size:40px;color:#000;line-height:40px}.fifth p{margin-bottom:0}.fifth p:nth-child(2){text-align:center;font-size:16px;color:#000;line-height:24px;margin-bottom:31px;padding-top:30px}.fifth .fifth-text{text-align:center;font-size:16px;color:#000;line-height:24px;margin-bottom:31px;padding-top:30px}.fifth .line{margin-bottom:30px}.fifth div{text-align:center}.fifth img{width:973px;height:269px}.sixth{width:100%;height:650px;background-image:url(../images/backgroundsix.png);background-position:center}.sixth div{text-align:center;margin-bottom:36px;font-size:16px;color:#000;line-height:20px}.sixth .line{margin-bottom:32px}.seventh{width:100%;height:600px;position:relative}.seventh .p1{margin-bottom:30px}.seventh .p2{font-size:16px;color:#000;line-height:20px;text-align:center;margin-bottom:36px}.seventh div{text-align:center;margin-top:46px}.eighth{height:150px;overflow:hidden;position:relative;background:url(../images/bannerred.png) no-repeat center center;background:url(../images/bannerred1.png) no-repeat center center\9;background-size:auto 150px}.ninth{width:100%;height:440px;background:#181313;position:relative}.ninth a{color:#fff}.ninth .top{width:570px;margin:0 auto;padding-top:40px;position:relative}.ninth .top .lin{height:.5px;width:126px;opacity:.5;filter:Alpha(opacity=50);background:#fff}.ninth .top p{font-size:22px;color:#999;line-height:22px;float:left;margin-left:15px}.ninth .top .lineleft{float:left;margin-top:10px}.ninth .top .lineright{margin-left:1px;margin-top:10px;float:left}.ninth .center{height:310px;width:826px;margin:0 auto;padding-top:89px;position:relative}.ninth .center .xunmeng{width:187px;position:absolute}.ninth .center .xunmeng a:hover{cursor:pointer}.ninth .center .xunmeng img{width:114px;margin-left:37px;margin-bottom:30.6px}.ninth .center .xunmeng .icon-dianhua1{font-size:14px;color:#fff;float:left;opacity:.5;filter:Alpha(opacity=50)}.ninth .center .xunmeng p{font-size:14px;color:#fff;line-height:14px;margin-left:19px}.ninth .center .moreinf{position:absolute;left:254px}.ninth .center .moreinf ul li{margin-right:39px;padding-top:2px;opacity:.6;filter:Alpha(opacity=60);font-size:16px;color:#fff;line-height:14px;float:left}.ninth .center .moreinf ul li .slimline{margin-top:20px;width:16px;border-bottom:2px solid #fb4455}.ninth .center .moreinf ul li ul{position:absolute;margin-top:20px}.ninth .center .moreinf ul li ul li{float:none;margin-bottom:15px;opacity:.6;filter:Alpha(opacity=60);font-size:12px;color:#fff;line-height:14px}.ninth .center .moreinf ul li ul li:hover{opacity:1;filter:Alpha(opacity=100)}.ninth .center .loadcloud{position:absolute;left:696px}.ninth .center .loadcloud img{margin-bottom:15px}.ninth .center .loadcloud p{font-size:14px;color:#fff;line-height:14px;width:130px;text-align:center}.ninth .footer{position:absolute;top:408px;margin:0 auto;width:100%}.ninth .footer p{width:100%;text-align:center;font-size:12px;color:#fff;line-height:12px;opacity:.5;filter:Alpha(opacity=50)}#video_mask{position:fixed;width:100%;height:100%;left:0;top:0;background:#000;filter:Alpha(opacity=70);background:rgba(0,0,0,.7);z-index:101}#video_mask-wrapper{position:fixed;width:100%;height:100%;left:0;top:0;background:#000;filter:Alpha(opacity=70);background:rgba(0,0,0,.7);z-index:101}.v-mask{position:absolute;width:800px;height:450px;left:50%;top:50%;margin-left:-400px;margin-top:-225px}#video_close{position:absolute;right:0;top:-48px;width:48px;height:48px;background-color:#333;color:#fff;line-height:48px;text-align:center;font-size:40px}#video_close-close{position:absolute;right:0;top:-48px;width:48px;height:48px;background-color:#333;color:#fff;line-height:48px;text-align:center;font-size:40px}