body {
    margin:0;
    padding:0;
    font-size:12px;
    font-family:'Arial';
}
.clearfix:after, .wrapper:after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;  
}
a {
    text-decoration:none;
    color:#595757;
}
div {
    margin: 0;
    padding: 0;
}
img {
    border:0;
}
h1, h2, h3, h4, h5, p {
    margin: 0;
    padding: 0;
}
input.text, input.title, textarea, select {
    margin: 0;
}
input, button, textarea {
    font-size: 12px;
    font-family: "Microsoft YaHei", Helvetica, Arial, "宋体", "黑体",, Verdana, sans-serif;
}
ul, dl,li, dt,dd {
    list-style: none;
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button,input,textarea,select {
    font-family:'microsoft YaHei';
}
.wrapper{
    width:980px;
    margin:0 auto;
}
#fp-nav { position: absolute !important; z-index: 100; top: 50%; margin-top: 70px;}
#fp-nav.right{right:30px;}
#fp-nav li { width: 10px; height: 10px;margin-bottom:10px;}
#fp-nav a { width: 10px; height: 10px;display:block;}
#fp-nav .active {}
#fp-nav li span{width:10px;height:10px;border:0;border-radius:50%;border:1px solid #888;}
#fp-nav li .active span { background-color:#888;}

#header{width:100%;height:60px;line-height:60px;background-color:#323436;position:fixed;top:0;left:0;z-index:999;}
#header h1{float:left;padding-top:13px;line-height:37px;margin-right:90px;}
#header ul{float:left;}
#header ul li{width:150px;float:left;font-size:16px;}
#header ul li.active a{color:#fff;}
#header ul li a{color:#888;}
#header .wrapper{position:relative;}
#header .wrapper .change { width: 150px; font-size: 14px; color: #fff; position: relative; left: 150px; text-align: center; float: right;}


#header .shares{position:absolute;right:0;top:0;}
#header .shares span{float:left;border-left:1px solid #2b2c2e;}
#header .shares .tencent{border-right:1px solid #3c3e40;}
#header .shares .tencent a{border-right:1px solid #2b2c2e;}
#header .shares a{width:60px;height:60px;display:block;border-left:1px solid #3c3e40;background:url(../image/share.png) no-repeat 15px center;}
#header .shares .tencent a{background:url(../image/tencent.png) no-repeat center center;}



.section{width:100%;display:table;}
.section1{position:relative;}
.section1 .turndown{width:60px;height:52px;position:absolute;bottom:10px;right:20px;cursor:pointer;background:url(404.png) no-repeat center center;z-index:300;color:#fff;font-size:14px;padding-top:90px;}
.section .table-cell{width:100%;display:table-cell;vertical-align: middle;}
.section .page{width:100%;position:relative;padding-top:80px;}
.section .page1{background-color:#0ba7ed;}
.section .page2{background-color:#f6f6f6;}
.section .page3{background-color:#5ccb89;}
.section .page4{background-color:#0370a2;}
.section .page5{background-color:#f6f6f6;}
.section .page6{background-color:#4c4d4f;}
.section .page7{background-color:#323436;}
.section .page{position:relative;text-align:center;}
.section .page .wrapper{position:relative;}
.section .page h2{width:980px;height:110px;margin:0 auto 0;background:url(../image/page-title1.png) no-repeat;}
.section .page2 h2{background-position:left -28px;}
.section .page3 h2{background-position:left -156px;}
.section .page4 h2{background-position:left -294px;}
.section .page5 h2{background-position:left -430px;}
.section .page6 h2{background-position:left -560px;}
.section .page7 h2{background-position:left -695px;}
.section .page .page-text{width:980px;height:110px;margin:0 auto;text-align:center;color:#fff;}
.section .page .page-text-width{ width: 900px;}
.section .page5 .page-text{height:280px;}
.section .page .page-text p{ line-height:25px; font-size:16px;}
.section .page1 .imgplayerbox{width:980px;margin:0 auto;overflow:hidden;position:relative;}
.section .page1 .imgplayer{width:1960px;float:left;overflow: hidden;position: relative;left:0;top:0;z-index:10;}
.section .page1 .imgplayer .playercon{width:980px;float:left;}
.section .page1 h1{padding-top:30px;height:220px;margin-bottom:30px;}
.section .page1 h3{margin-bottom:40px;}
.section .page1 .dots{text-align:center;}
.section .page1 .dots li{width:17px;height:17px;background:url(../image/dot.png) no-repeat;margin-right:10px;display:inline-block;*display:inline;zoom:1;cursor: pointer;}
.section .page1 .dots li.active{background-position:-47px 0;}
.section .page1 .page-text{height:120px;text-align:center;color:#fff;position:relative;margin-bottom:30px;}
.section .page1-bg1{position:absolute;top:0;left:14%;}
.section .page1-bg2{position:absolute;bottom:0;left:0;}
.section .page1-bg3{position:absolute;top:0;right:10px;}
.section .page1-bg4{position:absolute;bottom:0;right:10px;}
.section .page1-bg5{position:absolute;top:74px;left:0;}



.section .page2 .page-text,.section .page5 .page-text{color:#888;}
.section .page2 .wrapper{overflow:hidden;}
.section .page2 li{width:25%;float:left;text-align:center;margin-top:30px;position:relative;}
.section .page2 li.second{width: 26%;}
.section .page2 li.last{width: 24%;}
.section .page2 li a{cursor:default;width:100%;height:96px;display:inline-block;background:url(../image/page2-icon.png) no-repeat;margin-bottom:10px;}
.section .page2 li.time a{background-position:-0px 0;}
.section .page2 li.experise a{background-position:-245px 0;}
.section .page2 li.business a{background-position:-490px 0;}
.section .page2 li.scope a{background-position:-735px 0;}
.section .page2 li h4{font-size:16px;font-weight:100;color:#303030;margin-bottom:10px;}
.section .page2 li p{font-size:14px;color:#888;line-height:26px;text-align:left;padding:0 24px;}
.section .page3 .page3-bg{width:100%;height:320px;position:relative;}
.section .page3 .timeclock{width:980px;height:320px;position:relative;margin:0 auto;background:url(../image/timeclock.png) no-repeat center center;}
.section .page3 .time-line{width:100%;height:60px;position:absolute;top:50%;margin-top:-30px;left:0;}
.section .page3 .time-line .timenum{width:100%;height:60px;background:url(../image/light-time.png) no-repeat;position:relative;z-index:90;}
.section .page3 .time-line .timenum ul{padding-left:52px;}
.section .page3 .time-line .timenum li{position:relative;z-index:40;width:80px;height:60px;float:left;margin-right:20px;cursor:pointer;}
.section .page3 .time-line .square{display:block;width:20px;height:6px;background-color:#faebc1;position:absolute;left:80px;bottom:0px;}
.section .page3 .timeflag{width:980px;margin:0 auto;height:80px;display:none;position: absolute;left:0;top:82px;z-index:0;}
.section .page3 .timeflag ul{padding-left:52px;}
.section .page3 .timeflag li{width:80px;float:left;margin-right:20px;position: relative;z-index:10;}
.section .page3 .timeflag .sign{width:80px;height:80px;float:left;background:url(../image/flag.png) no-repeat;}
.section .page3 .timeflag .develop{width:300px;text-align:left;position:absolute;top:-110px;left:-10px;border:1px solid #98dbb3;padding:8px;background-color:#43bb76;}
.section .page3 .timeflag .develop p{line-height:22px;color:#fff;font-size:12px;}
.section .page3 .flag3 .develop{top:-87px;}
.section .page3 .flag4 .develop{top:-153px;}
.section .page3 .flag5 .develop{top:-174px;}
.section .page3 .flag6 .develop{width:400px; top: -174px;}
.section .page3 .flag7 .develop{width:480px;left:-200px; top: -174px;}
.section .page3 .flag8 .develop{width:400px;left:-200px; top: -130px;}
.section .page3 .flag9 .develop{width:420px;left:-308px; top: -174px;}
.section .page4 li{width:33.3%;float:left;text-align:center; margin-top:22px;}
.section .page4 li h4{font-weight:100;font-size:16px;color:#fff;}
.section .page4 li a{width:96px;height:96px;display:inline-block;background:url(../image/page4-icon.png) no-repeat;margin-bottom:15px;}
.section .page4 li a:hover{background:url(../image/page4-icon.png) no-repeat;}
.section .page4 li.technology a{background-position:-0 0;}
.section .page4 li.business a{background-position:-120px 0;}
.section .page4 li.number a{background-position:-240px 0;}
.section .page4 li.goods a{background-position:-0 -120px;}
.section .page4 li.data a{background-position:-120px -120px;}
.section .page4 li.custom a{background-position:-240px -120px;}
.section .page4 li.technology a:hover{background-position:-0 -240px;}
.section .page4 li.business a:hover{background-position:-120px -240px;}
.section .page4 li.number a:hover{background-position:-240px -240px;}
.section .page4 li.goods a:hover{background-position:-0 -360px;}
.section .page4 li.data a:hover{background-position:-120px -360px;}
.section .page4 li.custom a:hover{background-position:-240px -360px;}

.section4{position:relative;}
.section4 .pop{width:100%;height:100%;display:none;position:absolute;top:0;left:0;background-color:#4c4d4f;z-index:998;}
.section4 .pop em{text-indent:-999em;overflow:hidden;width:50px;height:50px;display:block;background:url(../image/arrow.png) no-repeat;position:absolute;top:50%;z-index:20;cursor:pointer;}
.section4 .pop em.prev{background-position:left center;left:-20px;}
.section4 .pop em.next{background-position:right center;right:-20px;}
.section4 .pop .main{width:980px;float:left;position:relative;height:400px;top:50%;left:50%;margin-left:-490px;margin-top:-140px;}
.section4 .pop a.close{width:26px;height:26px;text-indent:-999em;overflow:hidden;position:absolute;right:10px;top:70px;z-index:998;cursor:pointer;background:url(../image/close.png) no-repeat;}
.section4 .pop .dialog{width:100%;height:400px;position:absolute;left:0;top:0;background-color:#4c4d4f;}
.section4 .pop .iconleft{width:484px;text-align:center;padding-top:60px;float:left;}
.section4 .pop .iconleft span{display:inline-block;width:220px;height:222px;background:url(../image/icon-big.png) no-repeat;}
.section4 .dialog6 .iconleft span{background-position:left 0px;}
.section4 .dialog5 .iconleft span{background-position:left -240px;}
.section4 .dialog4 .iconleft span{background-position:left -480px;}
.section4 .dialog3 .iconleft span{background-position:left -720px;}
.section4 .dialog2 .iconleft span{background-position:left -960px;}
.section4 .dialog1 .iconleft span{background-position:left -1200px;}

.section4 .pop .dialog .ins{width:495px;float:left;text-align:left;}
.section4 .pop .dialog .ins-top{ position: relative;}
.section4 .pop .dialog .ins-top-operation{ top: -100px;}
.section4 .pop .dialog .ins-top-warehouse{ top: -78px;}
.section4 .pop .dialog .ins-top-data{ top: -78px}
.section4 .pop .dialog .ins-top-client{ top: -50px;}


.section4 .pop .dialog .ins h4{font-weight: 100;font-size:34px;margin-bottom:23px;}
.section4 .pop .dialog .ins p{line-height:30px;color:#fff;font-size:13px; width: 424px;}

.section4 .pop .dialog1 .ins h4{color:#9c76a9;}
.section4 .pop .dialog2 .ins h4{color:#d9ae8d;}
.section4 .pop .dialog3 .ins h4{color:#ffdd80;}
.section4 .pop .dialog4 .ins h4{color:#ff8f85;}
.section4 .pop .dialog5 .ins h4{color:#aff48a;}
.section4 .pop .dialog6 .ins h4{color:#80ceff;}
.section .page5 .it{width:90%;height:140px;margin:0 auto;overflow:hidden;position:relative;}
.section .page5 li{width:20%;float:left;height:114px;position:absolute;top:0;}
.section .page5 li.pec{background:url(../image/pec.png) no-repeat center center;left:0;}
.section .page5 li.oms{background:url(../image/oms.png) no-repeat center center;left:180px;}
.section .page5 li.wms{background:url(../image/wms.png) no-repeat center center;left:360px;}
.section .page5 li.fms{background:url(../image/fms.png) no-repeat center center;left:540px;}
.section .page5 li.crm{background:url(../image/crm.png) no-repeat center center;left:720px;}
.section .page7 p.tel{margin-top:10px;color:#b1b1b2;font-size:14px;}
.section .page7 .address{width:710px;margin:25px 0px 25px 195px;text-align:left;padding-left:25px;background:url(../image/page7-address.png) no-repeat left 8px;}
.section .page7 .address p{font-size:14px;color:#b1b1b2;line-height:30px;}
.section .page7 .info{width:100%;overflow:hidden;}
.section .page7 .info input,.section .page7 .info textarea{background-color:#5b5d5e;border:0;color:#b1b1b2;}
.section .page7 .info input.txt{height:40px;line-height:40px;padding-left:35px;width:434px;}
.section .page7 .info input.left{float:left;}
.section .page7 .info input.right{float:right;}
.section .page7 .info textarea{margin-top:10px;width:910px;padding:15px 35px 15px;height:70px;resize:none;overflow:auto;}
.section .page7 .info input.btn{width:100%;height:40px;line-height:40px;color:#fff;background-color:#0ba7ed;text-align:center;font-size:14px;margin-top:10px;}
.section .page7 .info input.btnerror{width:100%;height:40px;line-height:40px;color:#fff;background-color:#5b5d5e;text-align:center;font-size:14px;margin-top:10px;}
.section .page7 .shade{width:100%;height:100%;position:absolute;left:0;top:0;}

.footer{width:100%;height:30px;line-height:30px;overflow:hidden;margin-top:20px;color:#707071;}
.footer p.left{float:left;color:#bfbfc0;font-size:12px;}
.footer p a{margin:0 5px;color:#bfbfc0;}
.footer p.right{float:right;font-size:12px;}


#logoList{width:980px;height:430px;position:relative;overflow:hidden;}
#logoList p{overflow:hidden;text-align:center;margin-bottom:15px;}
#logoList p span{width:10px;height:10px;display:inline-block;margin-right:10px;border:1px solid #0ba7ed;border-radius:50%;cursor:pointer;}
#logoList p span.active{background-color:#0ba7ed;}
#logoList #logoicon{width:20000px;overflow:hidden;position:relative;}
#logoList #logoicon .icon{width:975px;float:left;margin:0 2px;border-top: 1px dashed #828384;border-left: 1px dashed #828384;}
#logoList #logoicon .icon li{width:194px;height:120px;position:relative;cursor:pointer;float:left;border-right:1px dashed #828384;border-bottom:1px dashed #828384;}
#logoicon .icon li p{display:none;width:196px;height:122px;text-align:center;line-height:122px;position:absolute;top:-1px;left:-1px;color:#fff;font-size:14px;background-color:#0087c4;}
#logoicon .icon li:hover p{display:block;}
#logoicon .icon li a{width:194px;height:120px;display:block;position:absolute;z-index:999;}
#logoList #logoicon .icon1 li{background: url(../image/page6-icon1.jpg) no-repeat;}
#logoList #logoicon .icon1 li.logo2{background-position:-196px 0 ;}
#logoList #logoicon .icon1 li.logo3{background-position:-392px 0 ;}
#logoList #logoicon .icon1 li.logo4{background-position:-588px 0 ;}
#logoList #logoicon .icon1 li.logo5{background-position:-785px 0 ;}
#logoList #logoicon .icon1 li.logo6{background-position:0px -122px ;}
#logoList #logoicon .icon1 li.logo7{background-position:-196px -122px;}
#logoList #logoicon .icon1 li.logo8{background-position:-392px -122px;}
#logoList #logoicon .icon1 li.logo9{background-position:-588px -122px;}
#logoList #logoicon .icon1 li.logo10{background-position:-785px -122px ;}
#logoList #logoicon .icon1 li.logo11{background-position:-0px -242px ;}
#logoList #logoicon .icon1 li.logo12{background-position:-196px -242px ;}
#logoList #logoicon .icon1 li.logo13{background-position:-392px -242px ;}
#logoList #logoicon .icon1 li.logo14{background-position:-588px -242px;}
#logoList #logoicon .icon1 li.logo15{background-position:-785px -242px;}
#logoList #logoicon .icon2 li{background: url(../image/page6-icon2.jpg) no-repeat;}
#logoList #logoicon .icon2 li.logo2{background-position:-196px 0 ;}
#logoList #logoicon .icon2 li.logo3{background-position:-392px 0 ;}
#logoList #logoicon .icon2 li.logo4{background-position:-588px 0 ;}
#logoList #logoicon .icon2 li.logo5{background-position:-785px 0 ;}
#logoList #logoicon .icon2 li.logo6{background-position:0px -122px ;}
#logoList #logoicon .icon2 li.logo7{background-position:-196px -122px;}
#logoList #logoicon .icon2 li.logo8{background-position:-392px -122px;}
#logoList #logoicon .icon2 li.logo9{background-position:-588px -122px;}
#logoList #logoicon .icon2 li.logo10{background-position:-785px -122px ;}
#logoList #logoicon .icon2 li.logo11{background-position:-0px -242px ;}
#logoList #logoicon .icon2 li.logo12{background-position:-196px -242px ;}
#logoList #logoicon .icon2 li.logo13{background-position:-392px -242px ;}
#logoList #logoicon .icon2 li.logo14{background-position:-588px -242px;}
#logoList #logoicon .icon2 li.logo15{background-position:-785px -242px;}
#logoList #logoicon .icon3 li{background: url(../image/page6-icon3.jpg) no-repeat;}
#logoList #logoicon .icon3 li.logo2{background-position:-196px 0 ;}
#logoList #logoicon .icon3 li.logo3{background-position:-392px 0 ;}
#logoList #logoicon .icon3 li.logo4{background-position:-588px 0 ;}
#logoList #logoicon .icon3 li.logo5{background-position:-785px 0 ;}
#logoList #logoicon .icon3 li.logo6{background-position:0px -122px ;}
#logoList #logoicon .icon3 li.logo7{background-position:-196px -122px;}
#logoList #logoicon .icon3 li.logo8{background-position:-392px -122px;}
#logoList #logoicon .icon3 li.logo9{background-position:-588px -122px;}
#logoList #logoicon .icon3 li.logo10{background-position:-785px -122px ;}
#logoList #logoicon .icon3 li.logo11{background-position:-0px -242px ;}
#logoList #logoicon .icon3 li.logo12{background-position:-196px -242px ;}
#logoList #logoicon .icon3 li.logo13{background-position:-392px -242px ;}
#logoList #logoicon .icon3 li.logo14{background-position:-588px -242px;}
#logoList #logoicon .icon3 li.logo15{background-position:-785px -242px;}
#logoList #logoicon .icon4 li{background: url(../image/page6-icon4.jpg) no-repeat;}
#logoList #logoicon .icon4 li.logo2{background-position:-196px 0 ;}
#logoList #logoicon .icon4 li.logo3{background-position:-392px 0 ;}
#logoList #logoicon .icon4 li.logo4{background-position:-588px 0 ;}
#logoList #logoicon .icon4 li.logo5{background-position:-785px 0 ;}
#logoList #logoicon .icon4 li.logo6{background-position:0px -122px ;}
#logoList #logoicon .icon4 li.logo7{background-position:-196px -122px;}
#logoList #logoicon .icon4 li.logo8{background-position:-392px -122px;}
#logoList #logoicon .icon4 li.logo9{background-position:-588px -122px;}
#logoList #logoicon .icon4 li.logo10{background-position:-785px -122px ;}
#logoList #logoicon .icon4 li.logo11{background-position:-0px -242px ;}
#logoList #logoicon .icon4 li.logo12{background-position:-196px -242px ;}
#logoList #logoicon .icon4 li.logo13{background-position:-392px -242px ;}
#logoList #logoicon .icon4 li.logo14{background-position:-588px -242px;}
#logoList #logoicon .icon4 li.logo15{background-position:-785px -242px;}
#logoList #logoicon .icon5 li{background: url(../image/page6-icon5.jpg) no-repeat;}
#logoList #logoicon .icon5 li.logo2{background-position:-196px 0 ;}
#logoList #logoicon .icon5 li.logo3{background-position:-392px 0 ;}
#logoList #logoicon .icon5 li.logo4{background-position:-588px 0 ;}
#logoList #logoicon .icon5 li.logo5{background-position:-785px 0 ;}
#logoList #logoicon .icon5 li.logo6{background-position:0px -122px ;}
#logoList #logoicon .icon5 li.logo7{background-position:-196px -122px;}
#logoList #logoicon .icon5 li.logo8{background-position:-392px -122px;}
#logoList #logoicon .icon5 li.logo9{background-position:-588px -122px;}
#logoList #logoicon .icon5 li.logo10{background-position:-785px -122px ;}
#logoList #logoicon .icon5 li.logo11{background-position:-0px -242px ;}
#logoList #logoicon .icon5 li.logo12{background-position:-196px -242px ;}
#logoList #logoicon .icon5 li.logo13{background-position:-392px -242px ;}
#logoList #logoicon .icon5 li.logo14{background-position:-588px -242px;}
#logoList #logoicon .icon5 li.logo15{background-position:-785px -242px;}



.success-info {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 15px;
    margin: 20px 0;
}