/*轮播*/
.banner{ height:400px; position:relative; z-index:1; overflow:hidden; color: #fff}
.banner .pics{ height:400px; }
.banner .pics li{ width:100%; height:400px; position:absolute; left:0; top:0; z-index:3;}
.banner a{ display: inline-block; color: #fff; border:1px solid #fff; font-size: 20px; width: 160px; height: 45px; line-height: 45px; text-align: center; margin-top: 40px;}
.banner h1{ font-size: 42px; font-weight: 100; margin-top: 70px; margin-bottom: 20px;}
.banner p{ font-size: 18px; font-weight: 100; margin: 0;}
.banner .l01,.banner .l02{ background-position: center top; background-repeat: no-repeat; background-size: auto 400px; }
.banner .cmds{ width:100%; height:10px; position:absolute; z-index:999; bottom:20px; left:0; text-align:center; }
.banner .cmds span{ width:40px; height:4px; background:#4DBAF4; cursor:pointer; display:inline-block; margin:0 5px; vertical-align:top}
.banner .cmds span.curr{ background:#fff;}

.p1{ height: 646px; background-position: center; background-size: auto 646px;}
.p1 .t{ width:655px; text-align: center; }
.p1 .t span{ display: inline-block; padding-top: 260px; color: #fba026; font-style:italic; font-size: 40px;}
.p1 ul{ width: 524px; margin-top: 39px;}
.p1 li{ height: 95px; padding: 16px 20px; background-color: #ebebeb; margin-bottom: 20px;}
.p1 li:last-child{ height: 96px;}
.p1 li h3{ font-size: 24px; line-height: 40px;}
.p1 li p{ font-size: 18px;}

/*经营用户*/
.u{ width: 50%; position: relative; z-index: 1; }
.u.f{ position: relative; z-index: 2;}
.u .b{ margin-top: 45px; height: 150px; margin-left: -55px; padding-left: 100px; background-color: #fff; opacity: 0.7; position: relative; z-index: 1; overflow: hidden;}
.u .b.br{ margin-left: 0; margin-right: -55px;}
.u .bt{ width: 540px; height: 120px; padding-left: 50px; padding-top: 30px; margin-top: -150px; position: relative; z-index: 2; background-color: #fff}
.u .bt h3{ display: inline-block; width: 140px; min-height: 80px; font-size: 20px; float: left;}
.u .bt p{ font-size: 14px; line-height: 30px; margin-top:0;}
.u1,.u2,.u3,.u4,.u5,.u6{ height: 238px; background-position: center; background-repeat: no-repeat; background-size: auto 238px; }

/*三大难题*/
.q{ text-align: center; margin-top: 50px; margin-bottom: 50px;}
.q .qb{ width: 33%; height: 326px; padding-top: 34px; position: relative; z-index: 1;}
.q .qb .t{ width: 100%; position: absolute; z-index: 3;}
.q .qb h3{ font-size: 20px; padding-top: 20px}
.q .qb p{ font-size: 14px;}
.q .qb .b{ width: 450px; height: 360px; background-repeat: no-repeat; background-position: center; background-size: 450px; height: 360px; position: absolute; z-index: 2; left: -30px; top: -25px; transition:opacity .3s; -webkit-transition:opacity .3s; opacity: 0; }
.q .qb:hover .b{ opacity: 1;}

/*解决方案*/
.p2{ height: 523px; background-position: center -60px; background-size: auto 523px;}

/*全平台*/
.c{ width: 380px; height: 380px; background-position: center; background-repeat: no-repeat; background-size: 380px; position: relative; z-index: 1;}
.c_l{ margin-right: 20px;}
.c .b{ height: 380px; background-color: #000; transition:opacity .3s; -webkit-transition:opacity .3s; opacity: 0;}
.c:hover .b{ opacity: 0.7;}
.c:hover .t{ display: block;}
.c .t{ position: absolute; width: 100%; text-align: center; color: #fff; z-index: 1; left: 0; top: 150px; font-size: 28px; display: none;}
.c .t span{ font-size: 14px; display: block;}

/*六大系统*/
.s{ text-align: center; margin-top: 10px; padding-bottom: 40px;}
.s .qb{ width: 33%; height: 246px; padding-top: 34px; position: relative; z-index: 1; float: left;}
.s .qb .t{ width: 100%; position: absolute; z-index: 3;}
.s .qb h3{ font-size: 20px; padding-top: 20px}
.s .qb p{ font-size: 14px;}
.s .qb .b{ width: 458px; height: 318px; background-repeat: no-repeat; background-position: center; background-size: 450px; height: 360px; position: absolute; z-index: 2; left: -29px; top: -50px; transition:opacity .3s; -webkit-transition:opacity .3s; opacity: 0; }
.s .qb:hover .b{ opacity: 1;}

/*六项服务*/
.p{ border:1px solid #eee; margin-bottom: 50px}
.p .qb{ width: 392px; height: 115px; padding-top: 35px; position: relative; z-index: 1; float: left; border:1px solid #eee; margin-left: -1px; margin-top: -1px;}
.p .qb_r{ width: 393px; margin-right: 0}
.p .qb .t{ width: 285px; position: absolute; z-index: 3; padding-left: 100px;}
.p .qb .ico{ width: 110px; float: left; margin-left: -100px;}
.p .qb h3{ font-size: 20px; }
.p .qb p{ font-size: 14px; line-height: 1.5; color: #9f9f9f}
.p .qb .b{ width: 444px; height: 195px; background-repeat: no-repeat; background-position: center; background-size: 444px; height: 195px; position: absolute; z-index: 2; left: -29px; top: -20px; transition:opacity .3s; -webkit-transition:opacity .3s; opacity: 0; }
.p .qb:hover{ z-index: 999;}
.p .qb:hover .b{ opacity: 1;}

/*图标*/
.ico_01,.ico_02,.ico_03{ width: 110px; height: 110px; background-size: 110px;}
.ico_04,.ico_05,.ico_06,.ico_07,.ico_08,.ico_09{ width: 81px; height: 78px; background-size: 81px 78px;}
.ico_10,.ico_11,.ico_12,.ico_13,.ico_14,.ico_15{ width: 68px; height: 80px; background-size: 68px 80px;}
.ico_arrow_down,.ico_arrow_up{ width: 10px; height: 6px; background-size: 10px 6px;}