@import "common.css";

.coreHover h3 i,
.product-tit li i,
.add-hover i,
.hardware-hover i,
.server-btn i,
.server-pic i,
.server-main i {
    background: url(../images/small-icon.png) no-repeat;
    vertical-align: middle;
}

/* bannenr */
.banner {
    width: 100%;
    height: 780px;
    overflow: hidden;
    position: relative;
}

.banner-pic {
    height: 780px;
    z-index: 88;
}

.banner-pic li {
    float: left;
    width: 100%;
    height: 780px;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 81;
}

.banner1 {
    background: url(../images/index-banner1.jpg) no-repeat center;
}

.banner2 {
    background: url(../images/index-banner2.jpg) no-repeat center;
}

.banner5 {
    background: url(../images/index-banner5.jpg) no-repeat center;
}

.banner6 {
    background: url(../images/index-banner6.jpg) no-repeat center;
}

.banner7 {
    background: url(../images/index-banner9.jpg) no-repeat center;
}

.banner7 .banner-main {
    padding-top: 155px;
}

.banner7-pic1 {
    width: 667px;
    height: 410px;
    margin: 0 auto;
    background: url(../images/experience-pic1.png) no-repeat;
}

.banner8 {
    background: url(../images/index-banner10.jpg) no-repeat center;
}

.banner11 {
    background: url(../images/index-banner11.jpg) no-repeat center;
}

.banner-main {
    padding-top: 312px;
    height: 568px;
    color: #fff;
}

.banner-main h4 {
    font-size: 40px;
}

.banner-main p {
    font-size: 18px;
    margin: 30px 0 72px;
}

.banner-main a {
    display: block;
    width: 158px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: center;
    line-height: 48px;
    font-size: 22px;
    color: #fff;
}

.banner8 .banner-main {
    padding-top: 344px;
}

.banner8 .banner-main h4 {
    font-size: 46px;
    text-align: center;
}

.banner7 .banner-main a,
.banner8 .banner-main a {
    display: block;
    width: 180px;
    height: 52px;
    line-height: 48px;
    text-align: center;
    border-radius: 10px;
    background: #ff746c;
    font-size: 28px;
    margin: 30px auto 0;
    border: 0;
}

.banner1-main {
    padding-top: 278px;
    height: 502px;
}

.banner1-main h4.index-banner-h4 {
    font-size: 40px;
    margin-bottom: 20px;
    margin-left: -22px;
    position: relative;
}

.index-banner-h4 .new-icon {
    position: absolute;
    top: -15px;
    width: 54px;

}

.banner1-main p {
    font-size: 28px !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.banner1-main h3,
.banner1-main h4 {
    font-size: 36px;
}

.banner1-main h3,
.banner1-main h4 span {
    font-weight: bold;
}

.banner1-main h4 span {
    color: #fccd12;
}

.banner1-main p {
    line-height: 36px;
    font-size: 24px;
    margin: 30px 0 46px 0;
}

.banner-btn {
    position: absolute;
    bottom: 60px;
    left: 45%;
    z-index: 99;
}

.banner-btn li {
    float: left;
    width: 30px;
    height: 3px;
    margin: 0 5px;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}

.banner-btn li.on {
    background: rgba(255, 255, 255, 0.8);
}

.h_top {
    width: 100%;
    height: 1500px;
    background-color: #00446F;
}

.h_top h3 {
    text-align: center;
    color: #fff;
    line-height: 60px
}

/*数字++++++++++*/
.digital {
    width: 100%;
    padding-top: 60px;
    height: 144px;
    color: #666;
}

.mumping_mun li {
    width: 396px;
    display: inline-block;
    text-align: left;
}

.number {
    margin: 0 auto;
}

.mumping_mun p {
    font-size: 16px;
    width: 100%;
    display: block;
    clear: both;
    margin: 20px 0 10px;
}

.mun_top {
    font-size: 30px;
    color: #001f3f;
}

.mumping_mun h2 {
    font-family: Impact, '微软雅黑';
    font-size: 50px;
    float: left;
}

.num-line {
    width: 10px;
    height: 2px;
    zoom: 1;
    background: #999;
}

.mumping_mun .numberIndex {
    font-size: 43px;
    height: 43px;
    display: inline-block;
    float: left;
}

.contentPad {
    padding: 90px 0;
}

.server .tit {
    position: relative;
    width: 295px;
    top: 90px;
    left: 50%;
    margin-left: -148px;
    color: #fff;
    z-index: 999;
}

.server .tit h2 {
    color: #fff;
}

.server .tit p {
    color: #fff;
}

.server .tit-line {
    background: #fff;
}

.product-tit {
    width: 100%;
    height: 100px;
    line-height: 100px;
    margin-top: 60px;
    background: #f8f8f8;
}

.product-tit li {
    position: relative;
    float: left;
    width: 400px;
    text-align: center;
    font-size: 22px;
}

.product-tit li.on,
.product-tit li.hover {
    width: 400px;
    height: 110px;
    background: url(../images/product-li-hover.jpg) no-repeat;
    color: #fff;
}

.product-tit li.on span,
.product-tit li:hover span {
    display: block;
}

.product-tit li i {
    display: inline-block;
    margin-right: 16px;
}

.product-tit li .core {
    width: 32px;
    height: 24px;
    background-position: 0 0;
}

.product-tit li.on .core,
.product-tit li.hover .core {
    background-position: -34px 0;
}

.product-tit li .addValue {
    width: 27px;
    height: 27px;
    background-position: -68px 0;
}

.product-tit li.on .addValue,
.product-tit li.hover .addValue {
    background-position: -96px 0;
}

.product-tit li .hardware {
    width: 32px;
    height: 26px;
    background-position: -124px 0;
}

.product-tit li.on .hardware,
.product-tit li.hover .hardware {
    background-position: -158px 0;
}

.coreMain li {
    width: 580px;
    height: 400px;
}

.product .bd {
    height: 400px;
    margin-top: 60px;
}

.core-header {
    width: 580px;
    height: 80px;
    padding-top: 140px;
    text-align: center;
    font-size: 22px;
    color: #fff;
}

.core-bg1 {
    background: url(../images/core-pic1.jpg) no-repeat center;
}

.core-bg2 {
    background: url(../images/core-pic2.jpg) no-repeat center;
}

.core-main {
    padding-top: 28px;
    height: 150px;
    border: 1px solid #f2f2f2;
    border-top: 0;
}

.core-main h3 {
    font-size: 22px;
    color: #007fff;
    text-align: center;
}

.product-line {
    width: 27px;
    height: 3px;
    background: #007fff;
    margin: 20px auto 26px;
}

.core-btn {
    display: block;
    width: 228px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    background: #007fff;
    font-size: 18px;
    color: #fff;
    margin: 0 auto;
}

.coreMain li {
    position: relative;
}

.coreMain li:hover .coreHover {
    display: block;
}

.coreHover {
    position: absolute;
    top: 0;
    left: 0;
    width: 520px;
    height: 312px;
    padding: 88px 30px 0;
    color: #fff;
    display: none;
}

.core-bg1-hover {
    background: url(../images/core-pic1-hover.jpg) no-repeat center;
}

.core-bg2-hover {
    background: url(../images/core-pic2-hover.jpg) no-repeat center;
}

.coreHover h3 {
    padding-bottom: 28px;
    font-size: 22px;
    border-bottom: 1px solid #fff;
}

.coreHover h3 i {
    display: inline-block;
    margin-right: 16px;
}

.coreHover h3 .core-ico1 {
    width: 28px;
    height: 23px;
    background-position: -192px 0;
}

.coreHover h3 .core-ico2 {
    width: 28px;
    height: 27px;
    background-position: -222px 0;
}

.coreHover p {
    margin-top: 38px;
    font-size: 14px;
    height: 138px;
    line-height: 28px;
}

.addValueMain li {
    position: relative;
    float: left;
    width: 210px;
}

.addDefault {
    width: 210px;
    height: 186px;
    padding-top: 214px;
    text-align: center;
    font-size: 22px;
    color: #fff;
}

.add-pic1 {
    background: url(../images/add-pic1.jpg) no-repeat center;
}

.add-pic2 {
    background: url(../images/add-pic2.jpg) no-repeat center;
}

.add-pic3 {
    background: url(../images/add-pic3.jpg) no-repeat center;
}

.add-pic4 {
    background: url(../images/add-pic4.jpg) no-repeat center;
}

.add-pic5 {
    background: url(../images/add-pic5.jpg) no-repeat center;
}

.add-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 296px;
    height: 344px;
    padding: 56px 34px 0;
    color: #fff;
    background: #007fff;
    z-index: 222;
    display: none;
}

.addValueMain li.active {
    width: 360px;
}

.addValueMain li.active .add-hover {
    display: block;
}

.add-hover h4 {
    font-size: 22px;
    text-align: center;
    padding-bottom: 28px;
    border-bottom: 1px solid #fff;
}

.add-hover p {
    font-size: 14px;
    line-height: 28px;
    margin-top: 25px;
}

.add-hover a {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 32px;
    font-size: 18px;
    color: #fff;
}

.add-hover i {
    display: block;
    margin: 0 auto;
}

.add-hover .add1 {
    width: 31px;
    height: 31px;
    margin-bottom: 18px;
    background-position: -252px 0;
}

.add-hover .add2 {
    width: 31px;
    height: 28px;
    margin-bottom: 18px;
    background-position: -286px 0;
}

.add-hover .add3 {
    width: 31px;
    height: 31px;
    margin-bottom: 18px;
    background-position: -320px 0;
}

.add-hover .add4 {
    width: 25px;
    height: 32px;
    margin-bottom: 18px;
    background-position: -354px 0;
}

.add-hover .add5 {
    width: 28px;
    height: 31px;
    margin-bottom: 18px;
    background-position: -382px 0;
}

.add-hoverL {
    left: 0;
    margin-left: 0;
}

.hardwareMain li {
    position: relative;
}

.hardwareMain li,
.hardware-default {
    float: left;
    width: 390px;
    height: 400px;
    color: #fff;
}

.hardware-default {
    height: 254px;
    padding-top: 246px;
    text-align: center;
    font-size: 22px;
}

.hardware-pic1 {
    background: url(../images/hardware-pic1.jpg) no-repeat;
}

.hardware-pic2 {
    background: url(../images/hardware-pic2.jpg) no-repeat;
}

.hardware-pic3 {
    background: url(../images/hardware-pic3.jpg) no-repeat;
}

.hardware-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 338px;
    height: 292px;
    padding: 108px 26px 0;
    background: #001f3f;
    display: none;
}

.hardwareMain li:hover .hardware-hover {
    display: block;
}

.hardware-hover h4 {
    padding-bottom: 30px;
    font-size: 22px;
    color: #fff;
    margin-bottom: 28px;
    border-bottom: 1px solid #fff;
}

.hardware-hover p {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.hardware-hover a {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 32px;
    font-size: 18px;
    color: #fff;
}

.hardware-hover i {
    display: inline-block;
    margin-right: 12px;
}

.hardware-hover .hard1 {
    width: 36px;
    height: 29px;
    background-position: -412px 0;
}

.hardware-hover .hard2 {
    width: 36px;
    height: 23px;
    background-position: -450px 0;
}

.hardware-hover .hard3 {
    width: 30px;
    height: 30px;
    background-position: 0 -34px;
}

.advantage {
    padding: 0 135px;
}

.advantageLi {
    width: 140px;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-top: 56px;
}

.advantageLi h6 {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin: 30px 0 20px;
}

.advantageLi p {
    line-height: 22px;
}

.advantageLi i {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background: url(../images/advantage-icon.png) no-repeat;
}

.advantageLi .advantage1 {
    background-position: 0 0;
}

.advantageLi .advantage2 {
    background-position: 0 -120px;
}

.advantageLi .advantage3 {
    background-position: 0 -240px;
}

.advantageLi .advantage4 {
    background-position: 0 -360px;
}

.advantageLi .advantage5 {
    background-position: 0 -480px;
}

.advantageLi .advantage6 {
    background-position: 0 -600px;
}

.advantageLi:hover .advantage1 {
    background-position: -114px 0;
}

.advantageLi:hover .advantage2 {
    background-position: -114px -120px;
}

.advantageLi:hover .advantage3 {
    background-position: -114px -240px;
}

.advantageLi:hover .advantage4 {
    background-position: -114px -360px;
}

.advantageLi:hover .advantage5 {
    background-position: -114px -480px;
}

.advantageLi:hover .advantage6 {
    background-position: -114px -600px;
}

.advantage dd {
    margin-left: 250px;
}

.server {
    width: 100%;
    height: 1043px;
}

.server-main {
    width: 905px;
}

.serverBtn {
    position: relative;
    bottom: 810px;
    left: 0;
    height: 720px;
}

.server-btn {
    width: 220px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.server-btn li {
    width: 210px;
    height: 90px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

.server-btn li.on {
    background: #007fff;
}

.server-btn span {
    display: block;
    height: 54px;
    line-height: 54px;
}

.server-btn i {
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
}

.server-btn .server-1 {
    width: 24px;
    height: 23px;
    background-position: -320px -240px;
}

.server-btn .server-2 {
    width: 24px;
    height: 21px;
    background-position: -354px -240px;
}

.server-btn .server-3 {
    width: 24px;
    height: 20px;
    background-position: -382px -240px;
}

.server-btn .server-4 {
    width: 24px;
    height: 23px;
    background-position: -412px -240px;
}

.server-btn .server-5 {
    width: 24px;
    height: 22px;
    background-position: -450px -240px;
}

.server-btn .server-6 {
    width: 24px;
    height: 20px;
    background-position: 0 -290px;
}

.server-btn .server-7 {
    width: 24px;
    height: 22px;
    background-position: -34px -290px;
}

.server-btn .server-8 {
    width: 24px;
    height: 23px;
    background-position: -68px -290px;
}

.server-content {
    width: 100%;
    height: 1043px;
    position: relative;
    top: -98px;
    overflow: hidden;
}

.server-content .bg {
    width: 100%;
    height: 1043px;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.server-main {
    padding-top: 264px;
    color: #fff;
}

.server-main h4 {
    padding-bottom: 30px;
    border-bottom: 1px solid #808489;
    font-size: 22px;
}

.server-main p {
    font-size: 16px;
    line-height: 24px;
    height: 80px;
    margin: 22px 0 36px;
}

.server-main li {
    float: left;
    width: 128px;
    height: 88px;
    text-align: center;
    margin: 36px 48px;
    font-size: 14px;
    overflow: hidden;
}

.icon-list span {
    display: block;
    height: 60px;
    line-height: 60px;
    margin-bottom: 10px;
    text-align: center;
}

.server-main i {
    display: inline-block;
    margin: 0 auto;
}

.server-main .list-1 {
    width: 44px;
    height: 39px;
    background-position: -34px -34px;
}

.server-main .list-2 {
    width: 44px;
    height: 38px;
    background-position: -96px -34px;
}

.server-main .list-3 {
    width: 46px;
    height: 34px;
    background-position: -158px -34px;
}

.server-main .list-4 {
    width: 42px;
    height: 42px;
    background-position: -222px -34px;
}

.server-main .list-5 {
    width: 35px;
    height: 42px;
    background-position: -286px -34px;
}

.server-main .list-6 {
    width: 42px;
    height: 42px;
    background-position: -354px -34px;
}

.server-main .list-7 {
    width: 42px;
    height: 42px;
    background-position: -412px -34px;
}

.server-main .list-8 {
    width: 44px;
    height: 44px;
    background-position: 0px -86px;
}

.server-main .list-9 {
    width: 42px;
    height: 42px;
    background-position: -68px -86px;
}

.server-main .list-10 {
    width: 42px;
    height: 42px;
    background-position: -124px -86px;
}

.server-main .list-11 {
    width: 37px;
    height: 42px;
    background-position: -192px -86px;
}

.server-main .list-12 {
    width: 42px;
    height: 41px;
    background-position: -252px -86px;
}

.server-main .list-13 {
    width: 42px;
    height: 42px;
    background-position: -382px -86px;
}

.server-main .list-14 {
    width: 42px;
    height: 42px;
    background-position: -450px -86px;
}

.server-main .list-15 {
    width: 46px;
    height: 41px;
    background-position: 0px -136px;
}

.server-main .list-16 {
    width: 46px;
    height: 41px;
    background-position: -68px -136px;
}

.server-main .list-17 {
    width: 43px;
    height: 39px;
    background-position: -124px -136px;
}

.server-main .list-18 {
    width: 42px;
    height: 42px;
    background-position: -192px -136px;
}

.server-main .list-19 {
    width: 42px;
    height: 42px;
    background-position: -252px -136px;
}

.server-main .list-20 {
    width: 42px;
    height: 42px;
    background-position: -320px -136px;
}

.server-main .list-21 {
    width: 42px;
    height: 35px;
    background-position: -382px -136px;
}

.server-main .list-22 {
    width: 42px;
    height: 42px;
    background-position: -450px -136px;
}

.server-main .list-23 {
    width: 42px;
    height: 42px;
    background-position: 0px -186px;
}

.server-main .list-24 {
    width: 42px;
    height: 42px;
    background-position: -68px -186px;
}

.server-main .list-25 {
    width: 42px;
    height: 42px;
    background-position: -124px -186px;
}

.server-main .list-26 {
    width: 42px;
    height: 42px;
    background-position: -192px -186px;
}

.server-main .list-27 {
    width: 36px;
    height: 43px;
    background-position: -252px -186px;
}

.server-main .list-28 {
    width: 42px;
    height: 38px;
    background-position: -320px -186px;
}

.server-main .list-29 {
    width: 42px;
    height: 40px;
    background-position: -382px -186px;
}

.server-main .list-30 {
    width: 41px;
    height: 47px;
    background-position: -450px -186px;
}

.server-main .list-31 {
    width: 38px;
    height: 38px;
    background-position: 0px -240px;
}

.server-main .list-32 {
    width: 42px;
    height: 42px;
    background-position: -68px -240px;
}

.server-main .list-33 {
    width: 46px;
    height: 36px;
    background-position: -124px -240px;
}

.server-main .list-34 {
    width: 46px;
    height: 37px;
    background-position: -192px -240px;
}

.server-main .list-35 {
    width: 42px;
    height: 39px;
    background-position: -252px -240px;
}

.server1 {
    background: url(../images/server-bg1.jpg) no-repeat top center;
}

.server2 {
    background: url(../images/server-bg2.jpg) no-repeat top center;
}

.server3 {
    background: url(../images/server-bg3.jpg) no-repeat top center;
}

.server4 {
    background: url(../images/server-bg4.jpg) no-repeat top center;
}

.server5 {
    background: url(../images/server-bg5.jpg) no-repeat top center;
}

.server6 {
    background: url(../images/server-bg6.jpg) no-repeat top center;
}

.server7 {
    background: url(../images/server-bg7.jpg) no-repeat top center;
}

.server8 {
    background: url(../images/server-bg8.jpg) no-repeat top center;
}

.look-btn {
    margin-top: 89px;
}

.look-btn a {
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #007fff;
}

.look-btn .btn-more {
    width: 128px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff;
    margin-right: 30px;
    background: none;
}

.friends {
    display: block;
    margin: 58px auto 0;
    width: 1100px;
    height: 205px;
}