@charset "utf-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

a {
    text-decoration: none
}

img {
    border: none;
    display: block
}

body {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #666;
    padding-top: 68px;
    background: #F5F8FB;
}

input {
    border: none;
    outline: none;
    font-family: "Microsoft YaHei";
    -webkit-appearance: none;
    border-radius: 0
}

.clear {
    clear: both
}


/* 头部 */

.header {
    width: 100%;
    min-width: 1280px;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: #3A4044;
}

.head-top {
    width: 100%;
    min-width: 1280px;
    height: 60px;
}

.head-top-in {
    width: 1280px;
    margin: 0 auto;
    height: 60px
}

.head-top-in .logo {
    float: left;
    margin-top: 15px;
}

.head-top-in .contact-way {
    float: right;
    overflow: hidden
}

.head-top-in .contact-way li {
    float: right;
    font-size: 12px;
    color: #fff;
    padding-left: 26px;
    line-height: 60px
}

.head-top-in .contact-way li.tel {
    background: url(../images/icon001.png) left center no-repeat
}

.head-top-in .contact-way li.email {
    background: url(../images/icon002.png) left center no-repeat;
    margin-left: 37px
}

.head-btm {
    width: 100%;
    min-width: 1280px;
    height: 68px;
    border-top: 1px solid #565A5D;
    position: relative
}

.head-btm-in {
    width: 1280px;
    margin: 0 auto
}

.head-btm-in .nav {
    height: 68px;
    padding-left: 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.head-btm-in .nav>li {
    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 68px;
}

.head-btm-in .nav>li>a {
    margin-right: 60px;
    padding: 0 3px;
    color: #fff;
    height: 68px;
    line-height: 68px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    position: relative;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.head-btm-in .nav>li>a:hover {
    color: #03B7D2;
}

.head-btm-in .nav>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    border-bottom: solid 3px;
    -webkit-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
}

.head-btm-in .nav>li>a:hover:before {
    width: 100%;
}

.menu-cont {
    width: 100%;
    position: absolute;
    top: 68px;
    left: 0;
    background: #272B2E;
    padding: 15px 0;
    display: none
}

.menu-cont-in {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 533px
}

.menu-cont .menu {
    float: left;
    width: 120px;
}

.menu-cont .menu li {
    font-size: 12px;
    color: #BBBDBE;
    line-height: 42px;
}

.menu-cont .menu li a {
    color: #BBBDBE;
    display: block
}

.menu-cont .menu li a:hover {
    color: #fff
}

.menu-cont .menu:nth-child(5) {
    width: 150px;
}


/* 首页 */

.banner {
    position: relative;
    height: 586px;
}

.banner .bx-wrapper .banner-img,
.banner .bx-wrapper {
    width: 100%;
    min-width: 1280px !important;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: url(../images/icon020.png) no-repeat;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: url(../images/icon021.png) no-repeat;
}

.banner .bx-wrapper .bx-pager,
.banner .bx-wrapper .bx-controls-auto {
    bottom: 155px;
}

.banner-text-bord {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1280px;
}

.banner-text {
    width: 1280px;
    margin: 0 auto;
    margin-top: 195px
}

.banner-text-top img {
    margin: 0 auto
}

.banner-text-btm {
    margin-top: 40px;
    text-align: center
}

.banner-text-btm a {
    font-size: 18px;
    display: inline-block;
    color: #fff;
    width: 190px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #008ED5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #015DAD;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.banner-text-btm a:hover {
    color: #fff;
    background: none;
    border: 1px solid #fff
}

.banner .banner-img {
    width: 100%;
    height: 586px
}

.banner .bx-viewport {
    height: 586px
}

.banner .link {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: 1280px;
    height: 116px;
    background: url(../images/opacity30.png);
}

.banner .link-cont {
    overflow: hidden;
    width: 1280px;
    margin: 0 auto
}

.banner .link-cont li {
    float: left;
    width: 16.6%;
    padding-left: 45px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-left: 1px solid #808080;
    height: 116px;
    padding-top: 15px
}

.banner .link-cont li:nth-child(1) {
    border-left: 0
}

.banner .link-cont li span {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 45px
}

.banner .link-cont li span a {
    display: block;
    color: #fff
}

.banner .link-cont li i {
    display: inline-block;
    width: 30px;
}

.banner .link-cont li img {
    display: inline-block;
    vertical-align: middle
}

.banner .link-cont li a:hover {
    text-decoration: underline
}

.module {
    width: 1280px;
    margin: 0 auto;
}

.index-theme {
    background-size: cover;
    width: 100%;
    min-width: 1280px
}

.theme-cont {
    width: 1280px;
    margin: 0 auto
}

.theme-cont .number {
    overflow: hidden
}

.theme-cont .number li {
    width: 33.3%;
    float: left;
    overflow: hidden
}

.theme-cont .number li dl {
    margin-right: 80px;
    float: right;
    display: inline;
    overflow: hidden
}

.theme-cont .number li dl dt {
    float: right
}

.theme-cont .number li dl dd {
    float: right;
    text-align: right;
    margin-right: -38px;
    margin-top: 10px;
}

.theme-cont .number li dl dd b {
    display: block;
    font-size: 35px;
    color: #46A6F5;
    padding-right: 10px
}

.theme-cont .number li dl dd span {
    display: block;
    font-size: 20px;
    color: #232323;
    font-weight: bold
}

.headline img {
    margin: 0 auto
}

.headline {
    padding: 60px 0 50px 0
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.clearfix:after,
.fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    zoom: 1
}

.mr20 {
    margin-right: 20px
}

.zq-icon {
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
}

.icon40x40 {
    width: 40px;
    height: 40px
}

.crad-area-icon1 {
    background-position: 0 0
}

.crad-area-icon2 {
    background-position: -40px 0
}

.crad-area-icon3 {
    background-position: -80px 0
}

.crad-area-icon4 {
    background-position: -120px 0
}

.card-area {
    margin: 32px auto 0;
    height: 560px;
    width: 1280px;
    position: relative;
}

.card-area .bg-e8e8e8 {
    background: #e8e8e8
}

.card-area .bg-e1e1e1 {
    background: #e1e1e1
}

.card-area .card-item {
    z-index: 4;
    transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
    position: relative;
    float: left;
    width: 17%;
    height: 521px;
    background-color: transparent
}

.card-area .card-item+.card-item {
    margin-left: -1px
}

.card-area .card-item .card {
    transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff
}

.card-area .card-item .card .card-content {
    width: 100%;
    line-height: 2
}

.card-area .card-item .card .card-content.content-first {
    transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.card-area .card-item .card .card-content.content-second {
    transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0));
    line-height: 2
}

.card-area .card-item .card .card-content.content-second li {
    float: left;
    width: 50%
}

.card-area .card-item .card .card-content,
.card-area .card-item .card .card-title {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

.card-area .card-item .card .card-title {
    padding-top: 1px;
    transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;
    height: 145px;
    line-height: 26px;
    font-size: 14px;
    top: 0;
    background: #1b77b9;
    border-left: 1px solid #3285c0
}

.card-area .card-item .card .card-title .content {
    position: absolute;
    bottom: -2px;
    width: 100%
}

.card-area .card-item .card .card-title h1 {
    font-size: 22px;
    font-weight: 700;
    color: #d9efff;
    margin-bottom: 0
}

.card-area .card-item .card .card-title .short-info {
    color: #8dbbdc;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 20px
}

.card-area .card-item .card .card-title .zq-product-img {
    width: 40px;
    height: 40px;
    margin: 10px auto;
    position: relative
}

.card-area .card-item .card .card-title .zq-product-img img {
    position: absolute;
    left: 0;
    width: 100%
}

.card-area .card-item .card .card-title .zq-product-img .un-hover {
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.card-area .card-item .card .card-title .zq-product-img .with-hover {
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.card-area .card-item .card .card-title .short-info,
.card-area .card-item .card .card-title .zq-product-img img,
.card-area .card-item .card .card-title h1 {
    transition: all .15s cubic-bezier(.4, 0, .2, 1) 0s
}

.card-area .card-item .card .card-content {
    height: 376px;
    position: absolute;
    top: 145px
}

.card-area .card-item .card .card-content.content-first .content-first-list {
    width: 100%;
    max-width: 250px;
    font-size: 16px;
    color: #373d41;
    margin-top: 35px;
    margin-bottom: 35px
}

.card-area .card-item .card .card-content.content-first .content-first-list li {
    margin-bottom: 15px
}

.card-area .card-item .card .card-content.content-second {
    width: 90%;
    left: 25px;
    font-size: 14px;
    color: #a9b0b4;
    text-align: left;
    padding-top: 26px
}

.card-area .card-item .card .card-content.content-second .main-head {
    color: #3db1ea;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px
}

.card-area .card-item .card .card-content.content-second p {
    margin: 5px 0
}

.card-area .card-item .card .card-content.content-second .main-tip {
    color: #232933
}

.card-area .card-item .card .card-content.content-second .main-desc {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 22px
}

.card-area .card-item .card .card-content.content-second .main-btn {
    cursor: pointer;
    width: 160px;
    height: 38px;
    font-size: 16px!important;
    color: #fff;
    margin-top: 22px;
    margin-bottom: 33px;
    border-radius: 19px;
    background: #3db1ea url(../images/icon006.png) 115px center no-repeat;
    border: none;
    outline: none;
    text-align: left;
    padding-left: 40px;
    transition: all 0.225s ease-in-out
}

.card-area .card-item .card .card-content.content-second .main-btn:hover {
    color: #fff;
    background: #1b77b9 url(../images/icon006.png) 115px center no-repeat
}

.card-area .card-item .card .card-content.content-second .main-white-btn {
    cursor: pointer;
    width: 160px;
    height: 36px;
    border: 1px solid #3db1ea;
    font-size: 16px!important;
    color: #3db1ea;
    margin-top: 22px;
    margin-bottom: 33px;
    border-radius: 19px;
    background: #fff;
    transition: color .3s ease-in-out, background .3s ease-in-out
}

.card-area .card-item .card .card-content.content-second .main-white-btn:hover {
    color: #fff;
    background-color: #3db1ea
}

.card-area .card-item .card .card-content .other-info {
    width: 105%;
    height: 155px;
    overflow: hidden;
    line-height: 22px;
    padding-top: 0;
    font-size: 12px
}

.card-area .card-item .card .card-content .other-info .other-info-list {
    width: 170px;
    height: 70px;
    background: #f2f2f2;
    margin-right: 15px;
    padding: 0 0 0 13px;
    position: relative
}

.card-area .card-item .card .card-content .other-info .other-info-list:nth-child(3) {
    margin-right: 0
}

.card-area .card-item .card .card-content .other-info .other-info-list:nth-child(4) {
    margin-top: 15px
}

.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow {
    position: absolute;
    right: 10px;
    top: 15px;
    background-position: -200px 0
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover {
    background: #3db1ea
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow {
    background-position: -200px -17px
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head {
    color: #fff
}

.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head {
    background: url(../images/icon051.png) 135px center no-repeat;
}

.card-area .card-item .card .card-content .other-info .other-info-list .list-context {
    color: #00c1de
}

.card-area .card-item .card .card-content .other-info .other-head {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin: 13px 0 0 0;
    background: url(../images/icon007.png) 135px center no-repeat;
}

.card-area .card-item .card .card-content .other-info .other-desc {
    margin-top: 2px;
    font-size: 12px;
    color: #999
}

.card-area .card-item.active {
    z-index: 6;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    width: 49%;
    height: 535px
}

.card-area .card-item.active .card .card-title {
    background-color: #3db1ea;
    height: 159px;
    top: -15px;
    border: none
}

.card-area .card-item.active .card .card-title .short-info {
    color: #9ed8f5
}

.card-area .card-item.active .card .card-title h1 {
    color: #fff
}

.card-area .card-item.active .card .card-content.content-first {
    transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.card-area .card-item.active .card .card-content.content-second {
    transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;
    z-index: 3;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.caseTab {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px
}

.caseTab li {
    display: inline-block;
    font-size: 16px;
    color: #363636;
    width: 123px;
    height: 37px;
    line-height: 35px;
    border: 1px solid #D9D9D9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
    cursor: pointer
}

.caseCrt {
    background: #3A4044;
    border: 1px solid #3A4044 !important;
    color: #fff !important
}

.caseBg {
    background: #3A4044
}

.caseCont {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    height: 387px;
}

.caseCont dl {
    width: 25%;
    float: left;
    height: 387px;
    position: relative;
}

.caseCont dl dt img {
    width: 100%;
    height: 100%
}

.caseCont dl dd img.img2 {
    display: none
}

.caseCont dl dd {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100%;
    height: 100%;
    padding: 120px 50px 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.225s ease-in-out
}

.caseCont dl:nth-child(1) dd {
    background: url(../images/opacity52.png);
}

.caseCont dl:nth-child(2) dd {
    background: url(../images/opacity78.png);
}

.caseCont dl:nth-child(3) dd {
    background: url(../images/opacity50.png);
}

.caseCont dl:nth-child(4) dd {
    background: url(../images/opacity76.png);
}

.caseCont dl dd .img img {
    margin: 0 auto
}

.caseCont dl dd h1 {
    font-size: 16px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-top: 20px
}

.caseCont dl dd p {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    margin-top: 35px;
    height: 48px;
    overflow: hidden;
    display: none
}

.caseCont dl dd .case-more {
    width: 160px;
    height: 37px;
    line-height: 35px;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 25px;
    background: url(../images/icon006.png) 112px center no-repeat;
    margin: 0 auto;
    margin-top: 35px;
    display: none
}

.caseCont dl dd .case-more a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.caseCont dl:hover dd p {
    display: block
}

.caseCont dl:hover dd .case-more {
    display: block
}

.caseCont dl:hover dd {
    background: #008ED5;
    padding: 78px 50px 0 50px;
}

.caseCont dl:hover dd .img2 {
    display: block
}

.caseCont dl:hover dd .img1 {
    display: none
}

.caseNew {
    background: url(../images/zsjm.jpg) no-repeat;
    height: 775px;
}

.caseNew-in {
    width: 1280px;
    margin: 0 auto;
    padding-top: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.caseNew-in .c_title {
    font-size: 30px;
    font-weight: 400;
    color: #fff
}

.caseNew-in .c_English {
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
}

.caseNew-cont {
    margin-top: 60px;
    overflow: hidden
}

.caseNewTab li {
    width: 150px;
    height: 46px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    cursor: pointer
}

.caseNewCrt {
    background: #2277DA
}

.caseNew-lt {
    float: left;
    width: 195px;
}

.caseNew-rt {
    float: left;
    width: 1000px;
    border-left: 1px solid rgba(255, 255, 255, .2);
    padding: 46px 0 0 46px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.list-case {
    overflow: hidden
}

.list-case li {
    float: left;
    width: 130px;
    height: 122px;
    background: rgba(255, 255, 255, .3);
    border: 1px solid rgba(255, 255, 255, .2);
    margin-right: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.list-case li:hover {
    background: rgba(255, 255, 255, .5);
}

.list-case li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 13px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.list-case li img {
    width: 100%;
    max-height: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.caseNew-rt h1 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding: 60px 0 30px 0
}

.caseNew-rt p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    width: 705px
}

.caseNew-show {
    width: 110px;
    height: 32px;
    line-height: 32px;
    margin-top: 30px;
    border: 1px solid rgba(255, 255, 255, .4);
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    transition: background-color .15s;
    font-size: 14px;
}

.caseNew-show a {
    display: block;
    color: #fff
}

.caseNew-show:hover {
    background: #2277da;
    border: 1px solid #2277da;
}

.caseNew-top {
    overflow: hidden;
}

.caseNew-top-lt {
    float: left;
    width: 195px;
}

.caseNew-top-rt {
    float: left;
    width: 975px
}

.caseNewTab_2 {
    text-align: center
}

.caseNewTab_2 li {
    display: inline-block;
    cursor: pointer;
    width: 150px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.caseNewCrt_2 {
    background: #2277DA
}

.index-flow {
    background: url(../images/bg2.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0 80px 0;
    width: 100%;
    min-width: 1280px
}

.flowTab {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px
}

.flowTab li {
    display: inline-block;
    font-size: 16px;
    color: #363636;
    width: 123px;
    height: 37px;
    line-height: 35px;
    border: 1px solid #D9D9D9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 5px;
    cursor: pointer
}

.flowCrt {
    background: #3A4044;
    border: 1px solid #3A4044 !important;
    color: #fff !important
}

.flowCont {
    width: 1280px;
    margin: 0 auto
}

.flowBox {
    overflow: hidden;
    height: 426px;
}

.flowBox dl {
    float: left;
    margin: 14px;
    position: relative;
    transition: all 0.225s ease-in-out
}

.flowBox dl dt {
    width: 185px;
    height: 185px;
    border: 1px solid #C2DDFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding-top: 30px
}

.flowBox dl dd {
    width: 185px;
    height: 185px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 15px 15px 60px 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none
}

.flowBox dl dd p {
    font-size: 14px;
    color: #232323;
    line-height: 23px;
    text-align: center
}

.flowBox dl dd h5 {
    font-size: 16px;
    color: #232323;
    text-align: center;
    margin-bottom: 10px
}

.flowBox dl dt h1 {
    font-size: 18px;
    color: #363636;
    text-align: center
}

.flowBox dl dd .f-more {
    background: #1054ff;
    color: #fff;
    width: 120px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 auto;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.flowBox dl dd .f-more a {
    color: #fff;
    width: 120px;
    height: 35px;
    display: block
}

.flowBox dl dt p {
    font-size: 14px;
    color: #363636;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px
}

.flowBox dl dt .img {
    width: 60px;
    height: 45px;
    margin: 0 auto;
    margin-top: 35px
}

.flowBox dl dt .img img {
    margin: 0 auto
}

.flowBox dl:hover dd {
    display: block;
}

.flowBox dl:hover {
    box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -webkit-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -moz-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
}

.index-intro {
    background: url(../images/bg3.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0 300px 0;
    width: 100%;
    min-width: 1280px;
    position: relative
}

.index-intro-cont {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1001
}

.index-intro-cont p {
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
}

.i-more {
    font-size: 16px;
    text-align: center;
    margin-top: 50px;
}

.i-more a {
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: 1px solid #fff;
    display: inline-block;
    width: 160px;
    height: 38px;
    line-height: 36px;
    padding-left: 38px;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: url(../images/icon006.png) 110px center no-repeat
}

.index-data {
    background: url(../images/bg4.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0 58px 0;
    width: 100%;
    min-width: 1280px
}

.index-data-cont {
    width: 1280px;
    margin: 0 auto;
}

.data-title {
    overflow: hidden
}

.data-title dl {
    float: left;
    border: 1px solid #F1F1F1;
    margin-left: 18px;
    display: inline;
    overflow: hidden;
    height: 120px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 0
}

.data-title dl dt {
    float: left;
    width: 70px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.data-title dl dd {
    float: left;
    padding-top: 38px;
}

.data-title dl dd p {
    font-size: 14px;
    color: #363636;
    font-weight: bold
}

.data-title dl dd h1 {
    font-size: 14px;
    color: #363636;
    margin-top: 5px;
}

.data-title dl.dl1 {
    width: 268px;
    padding-left: 55px;
    margin-left: 10px
}

.data-title dl.dl2 {
    width: 219px;
    padding-left: 35px;
}

.data-title dl.dl3 {
    width: 190px;
    padding-left: 10px;
}

.data-title dl.dl4 {
    width: 190px;
    padding-left: 10px;
}

.data-title dl.dl5 {
    width: 190px;
    padding-left: 10px;
}

.data-list {
    border-top: 1px solid #F1F1F1;
    border-right: 1px solid #F1F1F1
}

.data-list ul {
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #F1F1F1
}

.data-list ul li {
    float: left;
    width: 290px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #F1F1F1;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 14px;
    color: #363636;
    font-weight: bold
}

.data-list ul li.li1 {
    width: 285px;
    font-size: 16px;
}

.data-list ul li.li2 {
    width: 234px
}

.data-list ul li.li3 {
    width: 210px
}

.data-list ul li.li4 {
    width: 210px
}

.data-list ul li.li5 {
    width: 210px
}

.data-list ul li.li6 {
    width: 130px;
    text-align: left;
    padding-left: 27px;
}

.data-list ul li a.check {
    background: url(../images/icon049.png) 63px center no-repeat;
    display: inline-block;
    width: 100%;
    color: #363636;
}

.index-news {
    width: 1200px;
    margin: 0 auto;
}

.index-news-cont {
    overflow: hidden;
    background: #fff;
    height: 485px;
}

.index-news-tab {
    float: left;
    width: 200px
}

.index-news-tab li {
    height: 121px;
    background: #008FD6;
    font-size: 18px;
    color: #fff;
    width: 200px;
    margin-bottom: 1px;
    line-height: 80px;
    cursor: pointer;
    padding-left: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.index-news-tab li span {
    width: 52px;
    display: inline-block
}

.index-news-tab li img {
    display: inline-block;
    vertical-align: middle;
}

.index-news-rt {
    float: right;
    width: 987px;
}

.newsCrt {
    background: #3F4548 !important
}

.newsBox {
    overflow: hidden;
}

.newsBox dl {
    width: 50%;
    float: left;
    overflow: hidden;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.newsBox dl dt {
    float: left;
    width: 80px;
    text-align: center;
    background: url(../images/line1.jpg) right center no-repeat;
}

.newsBox dl dt span {
    display: block;
    font-size: 36px;
    color: #373d41;
    font-weight: normal;
    font-family: "微软雅黑"
}

.newsBox dl dt b {
    display: block;
    font-size: 12px;
    color: #fff;
}

.newsBox dl dd {
    float: left;
    width: 350px;
    padding: 0 15px;
    margin-top: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.newsBox dl dd h1 {
    font-size: 16px;
    color: #666;
    width: 100%;
    height: 19px;
    overflow: hidden
}

.newsBox dl dd p {
    font-size: 12px;
    color: #C1C3C4;
    margin-top: 10px;
    width: 100%;
    height: 15px;
    overflow: hidden
}

.partner {
    padding: 60px 0;
    background: url(../images/bg5.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    min-width: 1280px
}

.headline2 {
    width: 1280px;
    margin: 0 auto;
}

.partner-cont {
    overflow: hidden;
    width: 1280px;
    margin: 0 auto;
    margin-top: 30px;
}

.partner-cont li {
    float: left;
    border: 1px solid #D9D9D9;
    margin: 10px
}

.partner-cont li img {
    width: 137px;
    height: 59px;
}

.index-link {
    width: 1280px;
    margin: 0 auto;
    padding: 60px 0
}

.index-link-cont {
    overflow: hidden;
    margin-top: 30px
}

.index-link-cont li {
    float: left;
    font-size: 16px;
    color: #363636;
    margin-right: 20px;
    margin-bottom: 12px;
    font-weight: bold
}

.index-link-cont li a {
    color: #363636
}

.index-link-cont li:hover a {
    text-decoration: underline;
    color: #008ED5
}

.footer {
    width: 100%;
    min-width: 1280px;
    background: #394044;
}

.footer-in {
    width: 1280px;
    margin: 0 auto;
}

.footer-top {
    overflow: hidden;
    border-bottom: 1px solid #484A4E;
    height: 124px
}

.footer-top .f-logo {
    float: left;
    margin-top: 45px
}

.footer-top .f-nav {
    float: left;
    overflow: hidden;
    margin-left: 90px;
    display: inline;
    margin-top: 60px
}

.footer-top .f-code {
    float: right;
    overflow: hidden
}

.footer-top .f-nav li {
    float: left;
    font-size: 16px;
    color: #fff;
    margin-right: 20px;
}

.footer-top .f-code dl {
    float: left;
    margin-top: 35px;
    margin-left: 15px;
    display: inline
}

.footer-top .f-code dl dd {
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
    color: #9B9B9B
}

.footer-btm {
    overflow: hidden;
    padding: 30px 45px
}

.f-lt {
    float: left;
    font-size: 12px;
    color: #CCC;
    line-height: 25px;
}

.f-lt span {
    display: block;
}

.f-rt {
    float: right;
    font-size: 12px;
    color: #CCC;
    margin-top: 30px
}

.telephone {
    width: 128px;
    height: 133px;
    background: url(../images/counsel.png) no-repeat;
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    z-index: 10002;
    display: none
}

.suspend {
    height: 90px;
    background: #fff;
    box-shadow: 0 5px 10px #ddd, 0 0 5px #ddd, 0 0 10px #ddd;
    -webkit-box-shadow: 0 2px 10px #ddd, 0 0 5px #ddd, 0 0 5px #ddd;
    -moz-box-shadow: 0 2px 10px #ddd, 0 0 5px #ddd, 0 0 5px #ddd;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}

.suspend-close {
    width: 32px;
    height: 32px;
    background: url(../images/icon052.png) no-repeat;
    position: absolute;
    top: 11px;
    right: 15px;
    cursor: pointer
}

.suspend-in {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden
}

.suspendLt {
    float: left;
    background: url(../images/line6.png) right 10px no-repeat;
    padding: 20px 40px 0 0;
    height: 90px;
}

.suspendLt b {
    font-size: 18px;
    color: #394044;
    display: block
}

.suspendLt span {
    font-size: 22.62px;
    color: #17C5FE;
    font-weight: bold;
    display: block
}

.suspendCt {
    float: left;
    background: url(../images/line6.png) right center no-repeat;
    padding: 0 40px 0 40px;
    height: 90px;
    overflow: hidden
}

.suspendRt {
    float: right;
    height: 90px;
    overflow: hidden
}

.suspendCt .suspendCt-logo {
    float: left;
    margin-top: 30px;
    margin-right: 30px;
}

.suspendCt .suspendCt-text {
    float: right
}

.suspendCt .suspendCt-text ul {
    overflow: hidden;
    background: url(../images/bg6.png) no-repeat;
    width: 549px;
    height: 51px;
    line-height: 51px;
    margin-top: 19.5px
}

.suspendCt .suspendCt-text ul li {
    float: left;
    font-size: 16px;
    color: #fff;
    margin: 0 20px
}

.suspendRt-lt {
    float: left;
    margin-top: 20px;
}

.suspendRt-rt {
    float: right;
    margin-left: 40px;
    margin-top: 10px;
}


/* 关键词报价 */

.offer {
    background: #F4F4F4;
    padding: 0 0 95px 0
}

.offer-top {
    background: url(../images/img023.jpg) no-repeat;
    height: 204px;
    padding-top: 72px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.offer-top-search {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 160px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.offer-top-lt {
    float: left
}

.offer-top-rt {
    float: right;
}

.offer-top-rt .search {
    overflow: hidden;
    border: 1px solid #0B8DD3;
    background: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.offer-top-rt .search .s-text {
    float: left;
    height: 39px;
    width: 594px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.offer-top-rt .search .s-btn {
    float: right;
    height: 39px;
    background: #0B8DD3;
    width: 85px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.offer-top-lt h1 {
    font-size: 30px;
    color: #232323
}

.offer-top-rt p {
    font-size: 14px;
    color: #2577D8;
    margin-top: 10px;
}

.seo-offer {
    background: #fff;
    padding: 55px 0
}

.seo-offer-in {
    width: 1280px;
    margin: 0 auto;
}

.seo-title {
    font-size: 24px;
    color: #363636;
    margin-bottom: 35px;
}

.seo-title span {
    font-size: 18px;
    color: #363636;
    margin-left: 5px
}

.offer-headline {
    overflow: hidden;
    background: #F5F5F7;
    height: 55px;
    line-height: 55px;
    border: 1px dashed #B3B3B3
}

.offer-headline li {
    float: left;
    background: url(../images/line2.jpg) right center no-repeat;
    text-align: center;
    font-size: 16px;
    color: #232323
}

.offer-headline li:nth-child(1) {
    width: 182px;
    text-align: left;
    padding-left: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.offer-headline li:nth-child(2) {
    width: 87px;
}

.offer-headline li:nth-child(3) {
    width: 87px;
}

.offer-headline li:nth-child(4) {
    width: 120px;
}

.offer-headline li:nth-child(5) {
    width: 145px;
}

.offer-headline li:nth-child(6) {
    width: 130px;
}

.offer-headline li:nth-child(7) {
    width: 135px;
}

.offer-headline li:nth-child(8) {
    width: 150px;
}

.offer-headline li:nth-child(9) {
    width: 142px;
}

.offer-headline li:nth-child(10) {
    width: 100px;
    background: none
}

.seo-offer table {
    margin-top: 10px;
}

.seo-offer table tr td:nth-child(1) {
    text-align: left;
    padding-left: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.seo-offer table td {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #B3B3B3;
    border-right: 1px solid #D1D1D1;
    text-align: center;
    font-size: 16px;
    color: #232323
}

.seo-offer table {
    border-top: 1px solid #D1D1D1;
    border-left: 1px solid #D1D1D1;
}

.offer-icon {
    width: 1280px;
    margin: 0 auto;
    border: 1px solid #D7D9D9;
    margin-top: 70px;
    border-bottom: 0;
}

.offer-icon dl {
    overflow: hidden;
    border-bottom: 1px solid #D7D9D9;
    padding: 22px 0;
    transition: all 0.225s ease-in-out
}

.offer-icon dl dt {
    float: left;
    width: 7%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.offer-icon dl dd {
    width: 93%;
    float: left;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.offer-icon dl dd h1 {
    font-size: 18px;
    color: #363636
}

.offer-icon dl dd p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 3px
}

.offer-icon dl:hover {
    background: #fff;
    box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -webkit-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -moz-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
}


/* 网站建设-企业展示型 */

.construction-banner {
    background: url(../images/construction-banner.jpg) no-repeat;
    height: 290px;
    padding-top: 150px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 36px;
    color: #fff;
    text-align: center
}

.construction-box1 {
    width: 1280px;
    margin: 0 auto;
    padding: 95px 0 90px 0
}

.construction-box1 .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center
}

.construction-box1 .con-title2 {
    font-size: 14px;
    color: #363636;
    text-align: center;
    margin-top: 22px;
}

.construction-box1 .website {
    height: 410px;
    margin-top: 50px;
}

.construction-box1 .website dl {
    float: left;
    width: 410px;
    height: 410px;
    border: 1px solid #D8D9DA;
    margin-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.construction-box1 .website dl:nth-child(1) {
    margin-left: 0
}

.construction-box1 .website dl dd h1 {
    font-size: 26px;
    color: #313132;
    height: 75px;
    line-height: 75px;
    border-bottom: 1px solid #EBEBED
}

.construction-box1 .website dl dd p {
    font-size: 16px;
    color: #363636;
    line-height: 30px;
    text-align: justify
}

.construction-box1 .website dl dd {
    padding: 0 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.construction-box1 .website dl dd .web-img {
    height: 115px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.construction-box1 .website dl dt {
    height: 79px;
    line-height: 79px;
    font-size: 24px;
    color: #000;
    background: #EBEBED;
    font-weight: bold;
    padding-left: 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.construction-box1 .website dl .download {
    width: 44px;
    height: 44px;
    background: url(../images/icon063.png) no-repeat;
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -22px
}

.construction-box1 .website dl .hover2 {
    background: url(../images/icon064.png) no-repeat;
}

.construction-box1 .website dl.hover1 {
    border: 1px solid #008FD5;
}

.construction-box1 .website dl dt.hover3 {
    background: #008FD5;
    color: #fff
}

.construction-box1 .website dl dd h1.hover4 {
    color: #008FD5
}

.construction-box2 {
    padding: 63px 0 102px 0;
    min-width: 1280px;
    width: 100%;
    background: #F5F5F6
}

.construction-box2-in {
    width: 1280px;
    margin: 0 auto;
}

.construction-box2 .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center
}

.construction-box2 .con-title2 {
    font-size: 14px;
    color: #363636;
    text-align: center;
    margin-top: 22px;
}

.construction-box2-text {
    margin-top: 58px;
    border-top: 1px solid #D7D8D9
}

.construction-box2-text dl {
    border-bottom: 1px solid #D7D8D9;
    overflow: hidden;
    height: 120px;
}

.construction-box2-text dl dt {
    float: left;
    width: 260px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.construction-box2-text dl dd {
    float: left;
    width: 1010px
}

.construction-box2-text dl dt img {
    margin: 0 auto
}

.construction-box2-text dl dd h1 {
    font-size: 18px;
    color: #363636;
    margin-top: 35px;
}

.construction-box2-text dl dd p {
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
    line-height: 25px;
}

.construction-box2-text dl.title-top h1 {
    margin-top: 20px
}

.construction-box3 {
    width: 1280px;
    margin: 0 auto;
    padding: 70px 0 120px 0
}

.construction-box3 .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center
}

.title {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 32px;
    color: #333;
}

.module .content .item {
    float: left;
    width: 48.5%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    height: 160px;
    background: #f2f2f2;
    border-radius: 8px;
    transition: 0.5s all ease;
}

.module .content .item:hover {
    float: left;
    width: 48.5%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    height: 160px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(149, 149, 149, 0.4);
    transition: 0.5s all ease;
}

.module .content {
    width: 100%;
    overflow: hidden;
}

.module .content .item:nth-child(1) i {
    background: url(/file/Default/images/hope_01.png) top center no-repeat;
}

.module .content .item:nth-child(2) i {
    background: url(/file/Default/images/hope_02.png) top center no-repeat;
}

.module .content .item:nth-child(3) i {
    background: url(/file/Default/images/hope_03.png) top center no-repeat;
}

.module .content .item:nth-child(4) i {
    background: url(/file/Default/images/hope_04.png) top center no-repeat;
}

.module .content .item:nth-child(5) i {
    background: url(/file/Default/images/hope_05.png) top center no-repeat;
}

.module .content .item:nth-child(6) i {
    background: url(/file/Default/images/hope_06.png) top center no-repeat;
}

.module .content .item:nth-child(7) i {
    background: url(/file/Default/images/hope_07.png) top center no-repeat;
}

.module .content .item:nth-child(8) i {
    background: url(/file/Default/images/hope_08.png) top center no-repeat;
}

.module .content .item:nth-child(1):hover i {
    background: url(/file/Default/images/hope_01_hover.png) top center no-repeat;
}

.module .content .item:nth-child(2):hover i {
    background: url(/file/Default/images/hope_02_hover.png) top center no-repeat;
}

.module .content .item:nth-child(3):hover i {
    background: url(/file/Default/images/hope_03_hover.png) top center no-repeat;
}

.module .content .item:nth-child(4):hover i {
    background: url(/file/Default/images/hope_04_hover.png) top center no-repeat;
}

.module .content .item:nth-child(5):hover i {
    background: url(/file/Default/images/hope_05_hover.png) top center no-repeat;
}

.module .content .item:nth-child(6):hover i {
    background: url(/file/Default/images/hope_06_hover.png) top center no-repeat;
}

.module .content .item:nth-child(7):hover i {
    background: url(/file/Default/images/hope_07_hover.png) top center no-repeat;
}

.module .content .item:nth-child(8):hover i {
    background: url(/file/Default/images/hope_08_hover.png) top center no-repeat;
}

.module .content .item i {
    display: inline-block;
    width: 67px;
    height: 67px;
    margin-top: 30px;
}

.module .content .item span {
    display: block;
    height: 30px;
    position: relative;
    padding-left: 26px;
    width: 150px;
    left: 34px;
    font-size: 18px;
    background: #288fd4;
    color: #fff;
    padding: 10px 37px 10px;
    margin-bottom: 15px;
}

.module .content .item p {
    padding: 0 20px;
    font-size: 14px;
    color: #373d41;
    text-align: left;
    line-height: 30px;
}

.con-flow {
    overflow: hidden
}

.con-flow dl {
    width: 20%;
    float: left;
    margin-top: 70px;
}

.con-flow dl dt img {
    margin: 0 auto
}

.con-flow dl dt {
    height: 43px
}

.con-flow dl dt img.img-2 {
    display: none
}

.con-flow dl dd {
    font-size: 18px;
    color: #363636;
    text-align: center;
    margin-top: 30px;
}

.con-flow dl:hover dd {
    color: #0B8DD3
}

.con-flow dl:hover .img-1 {
    display: none
}

.con-flow dl:hover .img-2 {
    display: block
}

.construction-box4 {
    padding: 75px 0 0 0;
    min-width: 1280px;
    width: 100%;
    background: #F5F5F6
}

.construction-box4 .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center;
    margin-bottom: 65px
}

.construction-box5 {
    overflow: hidden;
    width: 1280px;
    margin: 0 auto;
    padding: 80px 0 70px 0
}

.construction-box5 .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center
}

.construction-box5 dl {
    float: left;
    margin: 0 4px
}

.construction-box5 dl dt img {
    width: 412px;
    height: 233px
}

.construction-news {
    margin-top: 40px;
}

.construction-news dl dd {
    margin-top: 20px;
    font-size: 14px;
    color: #666
}

.construction-news dl dd ul li {
    overflow: hidden;
    line-height: 30px;
}

.construction-news dl dd ul li span {
    float: left;
    background: url(../images/line3.jpg) right center no-repeat;
    padding-right: 10px
}

.construction-news dl dd ul li a {
    float: left;
    font-size: 14px;
    color: #363636;
    padding-left: 10px;
    width: 320px;
    overflow: hidden;
    height: 30px
}

.construction-news dl dd ul li:hover,
.construction-news dl dd ul li:hover a {
    color: #008ED5
}


/* 整体优化报价 */

.optimize {
    padding-bottom: 80px
}

.optimize-banner {
    background: url(../images/optimize-banner.jpg) no-repeat;
    height: 290px;
    padding-top: 82px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.optimize-banner-cont {
    width: 1280px;
    margin: 0 auto;
}

.optimize-banner-cont h1 {
    font-size: 24px;
    color: #fff;
}

.optimize-banner-cont p {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    width: 740px;
    margin-top: 20px;
}

.combo-tab {
    background: #F9F9F9;
    width: 100%;
    min-width: 1280px;
    margin: 0 auto;
    height: 75px;
    line-height: 75px;
    border-bottom: 1px solid #E8E9E9
}

.combo-tab ul {
    width: 1280px;
    margin: 0 auto;
    text-align: center
}

.combo-tab ul li {
    display: inline-block;
    height: 74px;
    line-height: 74px;
    font-size: 20px;
    color: #363636;
    padding: 0 25px;
    margin: 0 45px;
    margin-bottom: -1px;
    cursor: pointer
}

.comboCrt {
    border-bottom: 2px solid #0B8DD3;
    color: #0B8DD3 !important
}

.comboBox {
    width: 1280px;
    margin: 0 auto;
    margin-top: 105px;
    margin-bottom: 60px;
}

.combo-title {
    font-size: 24px;
    color: #363636;
    text-align: center;
    margin-bottom: 55px;
}

.combo-text {
    overflow: hidden
}

.combo-text dl {
    float: left;
    border: 1px solid #EBECEC;
    height: 258px;
    width: 119px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px
}

.combo-text dl:nth-child(1) {
    margin-left: 0
}

.combo-text dl dt {
    background: #EBECEC;
    font-size: 16px;
    color: #363636;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    text-align: center;
    padding: 0 15px
}

.combo-text dl dd {
    height: 188px;
    padding: 0 15px;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.combo-text dl dd ul {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.combo-text dl dd ul li {
    font-size: 14px;
    color: #0B8DD3;
    text-align: center;
    line-height: 30px;
}

.width {
    width: 150px !important
}

.combo-text dl dd ul li a {
    font-size: 14px;
    color: #0B8DD3;
    display: inline-block;
    border: 1px solid #0B8DD3;
    width: 83px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.combo-text dl dd ul li a:hover,
.block {
    color: #363636 !important;
    border: 1px solid #363636 !important;
}

.optimize-box1 {
    background: #F9F9F9;
    width: 1280px;
    margin: 0 auto;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.optimize-box1 h1 {
    font-size: 18px;
    color: #363636
}

.optimize-box1 p {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 12px;
}

.optimize-box2 {
    background: #F9F9F9;
    width: 1280px;
    margin: 10px auto;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.optimize-box2 h1 {
    font-size: 18px;
    color: #363636;
    border-bottom: 1px dashed #D4D4D4;
    padding-bottom: 20px;
}

.optimize-box2-text {
    overflow: hidden;
    margin-top: 30px
}

.optimize-box2-text dl {
    float: left;
    width: 295px;
    margin-left: 25px;
    background: #fff;
    height: 265px
}

.optimize-box2-text dl.dl1 {
    width: 590px;
    margin-left: 0
}

.optimize-box2-text dl dt {
    background: #0B8DD3;
    color: #fff;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.optimize-box2-text dl dd {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 30px;
    font-size: 14px;
    color: #363636
}

.optimize-box3 {
    background: #F9F9F9;
    width: 1280px;
    margin: 10px auto;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.optimize-box3 h1 {
    font-size: 18px;
    color: #363636;
}

.optimize-box3-text {
    overflow: hidden;
    margin-top: 55px
}

.optimize-box3-text dl {
    float: left;
    width: 14%;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.optimize-box3-text dl dt img {
    margin: 0 auto
}

.optimize-box3-text dl dd {
    font-size: 14px;
    color: #363636;
    text-align: center;
    line-height: 25px;
    margin-top: 25px;
}


/* 网站建设-营销型 */

.mark-box4 {
    background: #fff
}

.mark-box5 {
    background: #F5F5F6;
    padding: 58px 0 68px 0
}

.mark-box5-in {
    width: 1280px;
    margin: 0 auto
}

.mark-box5 .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center
}

.mark-box5-logo {
    overflow: hidden;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    margin-top: 45px;
}

.mark-box5-logo li {
    float: left;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    height: 152px;
    width: 318.5px;
    background: #fff;
}

.mark-box5-logo li img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.mark-box5-logo li a {
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.mark-box1 {
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 65px;
}

.mark-box1 .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center
}

.mark-box1 .con-title2 {
    font-size: 14px;
    color: #363636;
    text-align: center;
    margin-top: 22px;
}

.mark-box1-text {
    overflow: hidden;
    margin-top: 40px;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5
}

.mark-box1-text dl {
    float: left;
    width: 318px;
    border-bottom: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding: 60px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 360px
}

.mark-box1-text dl .dd-one {
    font-size: 20px;
    color: #363636;
    font-weight: bold;
    text-align: center
}

.mark-box1-text dl dt img {
    margin: 35px auto
}

.mark-box1-text dl .dd-two {
    font-size: 12px;
    color: #363636;
    text-align: center;
    line-height: 20px;
}


/* 网站建设-定制型 */

.cust-box1 {
    background: url(../images/bg7.jpg) no-repeat;
    height: 941px;
    padding-top: 590px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cust-box1-text {
    width: 1280px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.cust-box1-text h1 {
    font-size: 18px;
    color: #363636
}

.cust-box1-text p {
    font-size: 16px;
    color: #363636;
    line-height: 30px;
    margin-top: 20px
}

.cust-box1-text .sj {
    width: 17px;
    height: 18px;
    background: url(../images/icon097.png) no-repeat;
    position: absolute;
    top: -18px;
    left: 965px;
}

.cust-box2-text {
    overflow: hidden;
    width: 1280px;
    margin: 0 auto
}

.cust-box2-text dl {
    float: left;
    width: 33.3%;
    overflow: hidden;
    margin-top: 80px;
}

.cust-box2-text dl dt {
    float: left
}

.cust-box2-text dl dd {
    float: left
}

.cust-box2 {
    padding: 90px 0
}

.cust-box2 .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center
}

.cust-box2-text dl dd h1 {
    font-size: 24px;
    color: #363636;
    margin: 8px 0
}

.cust-box2-text dl dd p {
    font-size: 14px;
    color: #363636;
    line-height: 25px;
}

.cust-box2-text dl dd {
    width: 230px;
    margin-left: 30px;
    display: inline
}

.const-box3 {
    padding: 50px 0;
    background: #fff url(../images/bg8.jpg) center bottom no-repeat
}

.const-box3-in {
    width: 1280px;
    margin: 0 auto;
    box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -webkit-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -moz-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    padding: 10px 45px 45px 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: #fff
}

.const-box3-in .con-title1 {
    font-size: 24px;
    color: #363636;
    text-align: center;
    text-align: center;
    background: url(../images/line4.png) no-repeat center top;
    padding: 53px 0 17px 0
}

.form-refer .place-input {
    overflow: hidden;
    margin-top: 50px;
}

.form-refer .place-input .ref-in {
    float: left;
    border: 2px solid #CDCDCD;
    width: 383px;
    height: 55px;
    margin-left: 20px;
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #808080
}

.form-refer .place-input .ref-in:nth-child(1) {
    margin-left: 0
}

.form-refer textarea {
    display: block;
    width: 100%;
    height: 193px;
    border: 2px solid #CDCDCD;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px auto;
    resize: none;
    outline: none;
    padding: 10px;
    font-size: 16px;
    color: #808080;
    line-height: 30px
}

.form-refer .ref-btn {
    height: 72px;
    width: 100%;
    background: #0E8ED4;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 72px;
    cursor: pointer;
    border: 0;
}

.const-email {
    width: 87px;
    height: 87px;
    background: url(../images/img048.png) no-repeat;
    position: absolute;
    top: -43.5px;
    margin: 0 auto;
    left: 0;
    right: 0
}


/* 百度下拉 */

.drop-down {
    width: 1280px;
    margin: 0 auto;
    padding: 77px 0 75px 0
}

.drop-down .drop-down-title {
    font-size: 50px;
    color: #363636;
}

.drop-down .drop-down-title img {
    display: inline-block;
    margin: 0 25px 0 0;
    vertical-align: middle
}

.drop-down-intro {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    width: 775px;
    margin-top: 25px;
}

.drop-down-touch {
    margin-top: 20px
}

.drop-down-touch li {
    font-size: 14px;
    color: #0FA1C8;
    line-height: 25px;
}

.drop-down-title2 {
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 30px;
    margin-bottom: 70px;
    margin-top: 70px
}

.drop-down-title2 span {
    padding-right: 30px;
    font-size: 24px;
    color: #363636;
    position: absolute;
    left: 0;
    bottom: -13px;
    background: #fff
}

.select-box table {
    width: 1280px;
    border-top: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2
}

.select-box table tr th {
    background: #F9FAFA;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    color: #363636;
    border-bottom: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2
}

.select-box table tr td {
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    color: #363636;
    border-bottom: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
    text-align: center
}

.select-box table tr td img {
    margin: 0 auto
}

.select-box2-cont {
    overflow: hidden
}

.select-box2-lt {
    float: left
}

.select-box2-rt {
    float: left;
    margin-left: 50px;
    display: inline
}

.select-box2-rt ul li {
    font-size: 16px;
    color: #363636;
    line-height: 55px;
}

.select-box2-rt ul li span {
    border: 1px solid #505050;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.warm-sweet {
    margin-top: 75px
}

.warm-sweet li {
    font-size: 16px;
    color: #FF0000;
    line-height: 35px;
}

.select-box-cont3 dl dt {
    background: #F5F5F5 url(../images/icon103.jpg) 1180px center no-repeat;
    border-bottom: 1px solid #DDD;
    height: 80px;
    font-size: 16px;
    color: #0A0A0A;
    overflow: hidden;
    line-height: 80px;
    padding: 0 0 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: bold
}

.select-box-cont3 dl dt p {
    float: left
}

.select-box-cont3 dl dt span {
    color: #363636;
    margin-right: 15px;
    float: left
}

.select-box-cont3 dl dd {
    overflow: hidden;
    padding: 30px 0 40px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.select-box-cont3 dl dd p {
    float: left;
    font-size: 16px;
    color: #0A0A0A;
    line-height: 28px;
}

.select-box-cont3 dl dd span {
    color: #0B8DD3;
    margin-right: 15px;
    float: left;
    line-height: 28px;
}


/* 快速排名 */

.ranking-banner {
    background: url(../images/ranking-banner.jpg) no-repeat;
    height: 358px;
    padding-top: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover
}

.ranking-banner-in {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden
}

.ranking-banner-in .ranking-banner-title {
    font-size: 24px;
    color: #fff;
    float: left;
    margin-right: 110px;
    margin-top: 45px;
}

.ranking-banner-in form {
    float: left;
}

.form-box {
    overflow: hidden
}

.form-box .form-lt {
    float: left;
    border-right: 1px dashed #535A7A;
    margin-right: 55px;
    padding: 10px 55px 10px 0
}

.form-box .form-rt {
    float: right;
    padding: 10px 0
}

.form-box .form-lt p {
    margin-bottom: 13px
}

.form-box .form-lt p label {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 42px;
}

.form-box .r-text {
    font-size: 16px;
    color: #363636;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    width: 157px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-box .r-btn {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    height: 42px;
    line-height: 42px;
    width: 92px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #0B8DD3;
    text-align: center;
    cursor: pointer;
    margin-top: 7px;
}

.form-box .form-rt span {
    font-size: 16px;
    color: #24FEC9;
    display: block;
    margin-bottom: 12px
}

.ranking-box1 {
    width: 1280px;
    margin: 0 auto;
    margin-top: 50px !important;
}

.ranking-box1-title {
    font-size: 24px;
    color: #363636;
    text-align: center
}

.ranking-box1-cont {
    overflow: hidden;
    margin-top: 45px;
}

.ranking-box1-lt {
    float: left;
    width: 607px;
    height: 352px;
    background: url(../images/bg10.png) left center no-repeat;
    background-size: cover;
    padding: 168px 28px 0 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 32px;
    color: #363636
}

.ranking-box1-rt {
    float: right;
    width: 607px;
    height: 352px;
    background: url(../images/bg11.png) left center no-repeat;
    background-size: cover;
    padding: 168px 28px 0 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 32px;
    color: #363636
}

.ranking-box1-cont p {
    height: 160px;
    overflow: hidden;
    text-align: justify
}

.ranking-box2 {
    width: 1280px;
    margin: 0 auto;
}

.ranking-box2-title {
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 30px;
    margin-bottom: 70px;
    margin-top: 50px
}

.ranking-box2-title span {
    padding-right: 30px;
    font-size: 24px;
    color: #363636;
    position: absolute;
    left: 0;
    bottom: -13px;
    background: #fff
}

.ranking-box2-cont {
    background: #0F1C50;
    padding: 45px 75px 75px 75px
}

.ranking-box2-dl {
    overflow: hidden;
    margin-top: 45px;
}

.ranking-box2-dl dl {
    float: left;
    width: 111px;
    height: 111px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #4053A5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 25px
}

.ranking-box2-dl dl dt {
    height: 70px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.ranking-box2-dl dl dt img {
    margin: 0 auto
}

.ranking-box2-dl dl dd {
    font-size: 14px;
    color: #fff;
    text-align: center
}

.ranking-box2-cont p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 25px;
}

.ranking-box2-dl dl:nth-child(1),
.ranking-box2-dl dl:nth-child(3),
.ranking-box2-dl dl:nth-child(5),
.ranking-box2-dl dl:nth-child(7) {
    background: #31479A
}

.ranking-box2-dl dl:hover img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -o-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.ranking-box3 {
    width: 1280px;
    margin: 0 auto;
    padding: 75px 0
}

.ranking-box3-cont {
    overflow: hidden;
    margin-top: 60px;
}

.ranking-box3-cont dl {
    width: 380px;
    float: left;
    overflow: hidden;
    margin-left: 70px;
}

.ranking-box3-cont dl.margin0 {
    margin-left: 0
}

.ranking-box3-cont dl dt {
    float: left
}

.ranking-box3-cont dl dd {
    float: right;
    width: 270px;
}

.ranking-box3-cont dl dd h1 {
    font-size: 18px;
    color: #363636;
    line-height: 28px;
    font-weight: normal
}

.ranking-box3-cont dl dd p {
    font-size: 14px;
    color: #363636;
    line-height: 28px;
    margin-top: 15px;
    text-align: justify
}


/* 百度霸屏 */

.screen {
    padding-bottom: 85px;
}

.screen-banner {
    width: 100%;
    min-width: 1280px;
    height: 398px;
    background: url(../images/screen-banner.jpg) no-repeat;
    padding-top: 147px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.screen-banner-in {
    width: 1280px;
    margin: 0 auto;
}

.screen-banner-in h1 {
    font-size: 30px;
    color: #fff;
}

.screen-banner-in p {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    width: 745px;
    margin-top: 20px
}

.screen-box1 {
    width: 1280px;
    margin: 0 auto;
    padding: 0 0 60px 0
}

.screen-title {
    font-size: 24px;
    color: #363636;
    background: url(../images/line5.jpg) left center no-repeat;
    padding: 50px 0 50px 17px;
}

.screen-box1-text1 {
    height: 236px;
    background: url(../images/img050.jpg) no-repeat;
    box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -webkit-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -moz-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    margin-bottom: 34px;
    padding: 60px 45px 0 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.screen-box1-text2 {
    height: 320px;
    background: url(../images/img049.jpg) no-repeat;
    box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -webkit-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -moz-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    padding: 60px 0 0 560px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.screen-box1 h1 {
    font-size: 32px;
    color: #363636;
}

.screen-box1 p {
    font-size: 14px;
    color: #363636;
    line-height: 25px;
    width: 660px;
    margin-top: 30px
}

.screen-box2 {
    width: 100%;
    min-width: 1280px;
    background: #F5F5F6;
    padding: 0 0 70px 0
}

.screen-box2-in {
    width: 1280px;
    margin: 0 auto;
}

.screen-box2-cont {
    margin-bottom: 45px;
}

.screen-box2-cont dl {
    width: 242px;
    height: 288px;
    background: #fff;
    float: left;
    margin-left: 17.5px;
    box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -webkit-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -moz-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    padding-top: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.screen-box2-cont dl.margin0 {
    margin-left: 0
}

.screen-box2-cont dl dd span {
    font-size: 18px;
    color: #363636;
}

.screen-box2-cont dl dd h1 {
    font-size: 18px;
    color: #363636;
    margin-top: 20px
}

.screen-box2-cont dl dd {
    text-align: center
}

.screen-box2-cont dl dt img {
    margin: 25px auto
}

.screen-box2-text {
    min-height: 62px;
    background: url(../images/bg12.png) left top no-repeat;
    padding: 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.screen-box2-text ul {
    overflow: hidden;
    text-align: center
}

.screen-box2-text ul li {
    width: 33.3%;
    float: left;
    line-height: 26px;
}

.screen-box2-text ul li a {
    font-size: 14px;
    color: #363636
}

.screen-box3 {
    width: 1280px;
    margin: 0 auto
}

.screen-box2-text ul li:hover a {
    color: #0C8DD3;
    text-decoration: none
}


/* 刷百度指数 */

.exponent-banner {
    width: 100%;
    min-width: 1280px;
    height: 397px;
    background: url(../images/exponent-banner.jpg) no-repeat;
    padding-top: 147px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.exponent-banner-in h1 {
    font-size: 30px;
    color: #fff
}

.exponent-banner-in {
    width: 1280px;
    margin: 0 auto
}

.exponent-banner-in p {
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}

.exponent-box1 {
    background: #F5F5F6;
    padding: 68px 0 140px 0;
}

.exponent-box1-in {
    width: 1280px;
    margin: 0 auto
}

.exponent-box1-in .exponent-box1-title {
    font-size: 36px;
    color: #363636;
    text-align: center
}

.exponent-box1-in .exponent-box1-intro {
    font-size: 14px;
    color: #363636;
    text-align: center;
    margin-top: 20px;
}

.exponent-User {
    margin-top: 70px;
    position: relative
}

.line {
    position: absolute;
    display: block;
    height: 200px;
    width: 2px;
    background: #0B8DD3;
    top: 50px;
    left: 13px;
    z-index: 0
}

.exponent-User dl {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.exponent-User dl dt {
    position: absolute;
    left: 0;
    top: 23px;
    font-size: 28px;
    color: #fff;
    background: #0B8DD3;
    width: 135px;
    height: 42px;
    line-height: 42px;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: normal;
    -webkit-border-top-right-radius: 50px;
    -moz-border-top-right-radius: 50px;
    border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-bottom-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.exponent-User dl dd {
    float: right;
    font-size: 16px;
    color: #4F4F4F;
    height: 90px;
    line-height: 90px;
    background: #fff;
    width: 1195px;
    padding-left: 105px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.exponent-box2 {
    width: 1340px;
    margin: 0 auto
}

.exponent-btm {
    background: #616669;
    padding-bottom: 55px;
}

.exponent-box2-title {
    position: relative;
    top: -65px;
}

.exponent-box2-title img {
    width: 100%
}

.exponent-btm-cont {
    width: 1280px;
    margin: 0 auto;
    min-height: 250px;
    background: #fff;
    margin-top: -130px;
    position: relative;
}

.item {
    overflow: hidden
}

.item li {
    float: left;
    width: 50%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    height: 65px;
    line-height: 65px;
    background: url(../images/bg14.jpg) no-repeat;
    cursor: pointer
}

.itemCrt {
    color: #363636 !important;
    background: none !important;
    border-top: 6px solid #0B8DD3 !important;
    line-height: 59px;
}

.item-cont {
    padding-bottom: 40px;
}

.item-cont .deal {
    overflow: hidden;
    padding-left: 240px;
    margin-top: 68px;
}

.item-cont .deal dl {
    float: left;
}

.item-cont .deal .deal-add {
    float: left;
    height: 114px;
    line-height: 114px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    padding: 0 100px;
}

.item-cont .deal dl img {
    margin: 0 auto
}

.item-cont .deal dl dd {
    font-size: 18px;
    color: #363636;
    text-align: center;
    margin-top: 25px;
}

.item-cont table {
    margin-top: 70px;
    border-top: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    width: 1200px;
    margin: 0 auto;
    margin-top: 70px !important
}

.item-cont table tr td {
    border-bottom: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    height: 68px;
    line-height: 68px;
    font-size: 14px;
    color: #363636;
    text-align: center
}

.item-cont table tr td a img {
    margin: 0 auto
}

.item-cont table tr td b {
    padding-left: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    font-size: 16px
}

.item-cont table tr td b img {
    display: inline-block;
}

.item-cont table tr td span {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
}

.align-left {
    text-align: left !important
}

.item-text {
    width: 1200px;
    margin: 0 auto;
    margin-top: 40px !important
}

.item-text p {
    font-size: 16px;
    color: #363636;
    line-height: 28px;
    margin-bottom: 30px;
    text-align: justify
}

.effect {
    background: #383D43;
    padding: 40px 0 65px 0
}

.effect-title {
    color: #fff;
    font-size: 24px;
    text-align: center
}

.effect-img {
    margin-top: 40px;
}

.effect-img img {
    width: 100%
}

.effect-indicator {
    font-size: 16px;
    color: #fff;
    background: url(../images/bg15.png) no-repeat;
    width: 732px;
    height: 84px;
    line-height: 104px;
    text-align: center;
    margin: 0 auto;
    margin-top: 35px !important;
}

.effect-box3 {
    width: 1280px;
    margin: 0 auto;
    padding: 50px 0
}

.effect-box3-title {
    font-size: 24px;
    color: #363636
}

.effect-box3-cont {
    overflow: hidden;
    margin-top: 40px;
}

.effect-box3-cont dl {
    border: 1px solid #E2E4E5;
    width: 400px;
    height: 150px;
    float: left;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
    margin-left: 25px;
}

.effect-box3-cont dl dt {
    font-size: 14px;
    line-height: 25px;
    color: #363636;
    height: 70px;
}

.effect-box3-cont dl dd {
    overflow: hidden;
    margin-top: 15px;
}

.effect-box3-cont dl dd .effect-show {
    float: left;
    font-size: 14px;
    color: #0B8DD3;
    margin-top: 8px;
}

.effect-box3-cont dl dd .effect-thumbs {
    float: right;
}

.ex-right {
    margin-left: 0;
    float: right
}

.effect-box3-cont dl:hover dt {
    color: #0B8DD3;
}


/* 软件下载 */

.download {
    background: #F6F6F6;
}

.download-banner {
    width: 100%;
    min-width: 1280px;
    height: 678px;
    background: url(../images/download-banner.png) no-repeat;
    padding-top: 62px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.download-banner-in {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden
}

.download-banner-lt {
    float: left
}

.download-banner-rt {
    float: right;
    width: 450px
}

.download-banner-lt h1 {
    margin-bottom: 55px;
}

.function {
    overflow: hidden;
    margin-bottom: 80px;
}

.function a {
    float: right;
    font-size: 18px;
    color: #fff
}

.download-banner-rt ul {
    overflow: hidden;
    width: 320px;
    padding: 20px 0;
    border-bottom: 1px solid #6593C7
}

.download-banner-rt ul li {
    font-size: 16px;
    color: #BCDAF5;
    margin-right: 20px;
    float: left;
    line-height: 28px
}

.download-banner-rt ul li:nth-child(4) {
    margin-right: 0
}

.download-banner-rt p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin-top: 25px
}

.download-banner-rt p a {
    display: block;
    color: #fff;
    text-decoration: underline;
}

.download-banner-rt p a:hover {
    text-decoration: none;
}

.downloadBtn {
    width: 186px;
    height: 53px;
    line-height: 53px;
    background: #5ADD8A url(../images/download.jpg) 35px center no-repeat;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 22px;
    color: #147038;
    margin-top: 30px;
}

.downloadBtn a {
    color: #147038;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 68px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.down-intro {
    width: 1280px;
    margin: 0 auto
}

.down-intro-box1 {
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 10px
}

.down-intro-box1 dl {
    float: left;
    width: 176px;
    height: 176px;
    padding-top: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 18px
}

.down-intro-box1 dl dt {
    height: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.down-intro-box1 dl dd {
    font-size: 16px;
    color: #4B637A;
    text-align: center
}

.down-title {
    text-align: center;
    margin-top: 70px
}

.down-title span {
    font-size: 40px;
    color: #4F4F4F;
    border-bottom: 1px solid #D5DFE7;
    padding-bottom: 40px;
    display: inline-block
}

.down-intro-box1 dl:hover {
    box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -webkit-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -moz-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    background: #fff
}

.down-all {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #3A4044;
    font-size: 14px;
    color: #4B637A;
    margin: 40px auto
}

.download-text {
    width: 1280px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 65px;
}

.download-text h1 {
    font-size: 40px;
    color: #4E4E4E;
    text-align: center;
}

.download-text h3 {
    font-size: 24px;
    color: #475E8C;
    font-weight: normal;
    padding: 60px 0 30px 0
}

.download-text p {
    font-size: 16px;
    color: #4B637A;
    text-indent: 2em;
    line-height: 37px;
}

.cloud-optimize {
    width: 1280px;
    margin: 0 auto;
    padding: 90px 0 60px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.cloud-optimize .lt {
    float: left;
    width: 480px
}

.cloud-optimize .rt {
    float: right
}

.cloud-optimize-title {
    font-size: 40px;
    color: #363636;
    border-bottom: 1px solid #D5DFE7;
    display: inline-block;
    padding: 0 70px 25px 0;
    margin-bottom: 65px;
}

.cloud-optimize .lt dl {
    overflow: hidden;
    margin-bottom: 30px;
}

.cloud-optimize .lt dl dt {
    float: left
}

.cloud-optimize .lt dl dd {
    float: left;
    margin-left: 20px;
    display: inline
}

.cloud-optimize .lt dl dd h1 {
    font-size: 18px;
    color: #4B637A;
    font-weight: normal;
    margin: 5px 0 5px 0
}

.cloud-optimize .lt dl dd p {
    font-size: 12px;
    color: #4B637A
}

.cloud-optimize .bx-wrapper .bx-pager.bx-default-pager a {
    border: 1px solid #B7B7B7;
    background: none;
    width: 11px;
    height: 11px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.cloud-optimize .bx-wrapper .bx-pager.bx-default-pager a:hover,
.cloud-optimize .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #1495FC;
    border: 1px solid #1495FC;
}

.cloud-optimize .bx-wrapper .bx-pager,
.cloud-optimize .bx-wrapper .bx-controls-auto {
    bottom: 40px;
    text-align: left;
    padding-left: 410px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.join-condition {
    width: 100%;
    background: #fff url(../images/img062.png) left top no-repeat;
    padding: 90px 0 115px 0;
    min-width: 1280px;
}

.join-condition-in {
    width: 1280px;
    margin: 0 auto;
    padding-left: 600px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.join-condition-title {
    padding-right: 210px;
    margin-bottom: 45px;
}

.join-condition-in h3 {
    font-size: 16px;
    color: #4B637A;
    margin-bottom: 5px;
}

.join-condition-in ul {
    margin-left: 20px;
}

.join-condition-in ul li {
    font-size: 16px;
    color: #4B637A;
    line-height: 34px;
}

.join-condition-in p {
    font-size: 16px;
    color: #4B637A;
    line-height: 34px;
    margin-top: 23px
}

.support-title {
    font-size: 40px;
    color: #363636;
    border-bottom: 1px solid #D5DFE7;
    width: 370px;
    margin: 0 auto;
    padding: 0 0 25px 0;
    margin-bottom: 65px;
    text-align: center
}

.policy-support {
    padding: 80px 0;
    width: 1280px;
    margin: 0 auto;
}

.support-box {
    overflow: hidden
}

.support-box dl {
    float: left;
    background: #fff;
    border: 1px solid #D7D8D9;
    width: 236px;
    height: 233px;
    margin-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.support-box dl.margin0 {
    margin-left: 0
}

.support-box dl dd {
    background: url(../images/icon0174.png) center center no-repeat;
    height: 57px;
}

.support-box dl dt .icon-img {
    height: 88px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.support-box dl:hover .icon-img img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    -o-transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}

.support-box dl dt {
    height: 174px;
    background: #EBEBEC
}

.support-box dl dt p {
    padding: 0 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    color: #4B637A;
    text-align: center;
    line-height: 24px;
}

.support-box dl.dl-fore p {
    padding: 0 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.operator-earnings {
    width: 100%;
    min-width: 1280px;
    background: url(../images/bg16.jpg) left top no-repeat;
    padding: 128px 0 0 0;
    height: 584px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.operator-earnings-in {
    width: 1280px;
    margin: 0 auto;
}

.operator-earnings-title {
    font-size: 40px;
    color: #363636;
    border-bottom: 1px solid #D5DFE7;
    display: inline-block;
    padding: 0 0 25px 0;
    margin-bottom: 15px;
}

.operator-earnings-box {
    overflow: hidden;
    width: 368px
}

.operator-earnings-box dl {
    float: left;
    margin: 15px;
}

.operator-earnings-box dl dt {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .18), 0 0 0 rgba(0, 0, 0, .18), 0 0 0 rgba(0, 0, 0, .18);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .18), 0 0 0 rgba(0, 0, 0, .18), 0 0 0 rgba(0, 0, 0, .18);
    box-shadow: 0 0 5px rgba(0, 0, 0, .18), 0 0 0 rgba(0, 0, 0, .18), 0 0 0 rgba(0, 0, 0, .18);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.operator-earnings-box dl dd {
    font-size: 12px;
    color: #4B637A;
    text-align: center;
    margin-top: 10px;
}

.agent-earnings {
    width: 100%;
    min-width: 1280px;
    background: url(../images/bg17.jpg) left top no-repeat;
    padding: 155px 0 0 0;
    height: 585px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.agent-earnings-in {
    width: 1280px;
    margin: 0 auto;
    padding-left: 745px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.agent-earnings-title {
    padding-right: 90px;
}

.distinction {
    padding-top: 85px
}

.distinction-title {
    text-align: center
}

.distinction-title span {
    font-size: 40px;
    color: #363636;
    border-bottom: 1px solid #D5DFE7;
    padding: 0 0 25px 0;
    display: inline-block
}

.distinction table {
    width: 1280px;
    margin: 0 auto;
    margin-top: 60px !important;
    background: #fff;
    border-right: 1px solid #F0F0F0;
}

.distinction table tr th {
    font-size: 20px;
    color: #fff;
    background: #0A91FC;
    height: 79px;
    line-height: 79px;
    border-left: 1px solid #fff;
}

.distinction table tr td {
    font-size: 16px;
    color: #363636;
    height: 57px;
    line-height: 57px;
    border-bottom: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    text-align: center;
    font-weight: bold
}

.distinction table tr td img {
    margin: 0 auto
}

.dredge-red {
    color: #FF0000
}

.distinction table tr td:nth-child(1) {
    text-align: left;
    padding-left: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.analyze-report {
    width: 1280px;
    margin: 0 auto;
    padding: 85px 0 15px 0
}

.analyze-report-text {
    margin-top: 50px;
}

.analyze-report-text p {
    font-size: 16px;
    color: #4B637A;
    line-height: 34px;
    text-indent: 2em;
    text-align: center;
    margin-bottom: 40px;
}

.text-all {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #3A4044;
    font-size: 14px;
    color: #4B637A;
    margin: 40px auto
}

.software-explain {
    background: #fff;
    width: 100%;
    min-width: 1280px;
    padding: 100px 0 80px 0
}

.software-explain-in {
    width: 1280px;
    margin: 0 auto;
}

.software-title {
    margin-bottom: 50px;
}

.href-small-box {
    overflow: hidden
}

.href-small-box li {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #4B637A;
    line-height: 40px;
}

.href-small-box li a {
    color: #0A91FC
}

.hrefTab {
    text-align: center;
    margin-bottom: 45px;
}

.hrefTab li {
    display: inline-block;
    width: 218px;
    height: 56px;
    background: url(../images/bg19.png) no-repeat;
    font-size: 16px;
    color: #363636;
    line-height: 49px;
    text-align: center;
    margin: 0 1.5px;
    cursor: pointer
}

.hrefCrt {
    background: url(../images/bg20.png) no-repeat !important;
    color: #fff !important
}


/* 案例 */

.case-banner {
    height: 309px;
    background: url(../images/case-banner.jpg) no-repeat;
    padding-top: 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.case-banner-in {
    width: 1280px;
    margin: 0 auto
}

.case-banner-in h1 {
    font-size: 40px;
    color: #fff
}

.case-banner-in p {
    font-size: 16px;
    color: #fff;
    margin-top: 13px;
}

.caseTwo-cont {
    width: 1280px;
    margin: 60px auto
}

.caseTwoTab {
    text-align: center
}

.caseTwoTab li {
    display: inline-block;
    width: 121px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #D7D8D9;
    margin: 0 1px;
    cursor: pointer
}

.caseTwoCrt {
    color: #fff !important;
    border: 1px solid #3A4044 !important;
    background: #3A4044;
    text-align: center
}

.case-box {
    margin: 45px auto;
    padding-bottom: 30px
}

.case-box-cont {
    overflow: hidden;
    margin-bottom: 80px
}

.case-box dl {
    width: 298px;
    height: 338px;
    border: 1px solid #D7D8D9;
    float: left;
    margin: 10px;
}

.case-box dl dt {
    background: #EBEBEC;
    height: 126px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.case-box dl dt h5 {
    font-size: 18px;
    color: #363636;
    text-align: center;
    margin: 20px 0 10px 0
}

.case-box dl dt p {
    font-size: 12px;
    color: #666;
    text-align: center
}

.case-box dl dd .case-logoimg {
    border: 1px solid #D7D8D9;
    width: 251px;
    height: 107px;
    margin: 20px auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
}

.case-box dl dd .case-logoimg img {
    max-width: 100%;
    max-height: 100%;
}

.case-box dl dd .case-detail {
    display: block;
    width: 105px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 25px auto;
    background: #10A2C9
}

.case-box dl:hover {
    box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -webkit-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
    -moz-box-shadow: 0 3px 16px #E4E3E1, 0 0 2px #E4E3E1, 0 0 2px #E4E3E1;
}

.case-page {
    text-align: center;
}

.case-page li {
    display: inline-block;
    font-size: 14px;
    color: #373737;
    margin: 0 10px
}

.case-page li a {
    color: #373737
}

.case-page li:hover a,
.casePageCrt a {
    color: #1C7CEA !important
}


/* 案例详情 */

.caseShow {
    padding-top: 100px;
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.caseShow-title {
    font-size: 30px;
    color: #363636;
    text-align: center;
    border-bottom: 1px solid #E7E7E8;
    padding-bottom: 18px;
}

.caseShow-title span {
    font-size: 14px;
    color: #999;
    display: block;
    font-weight: normal;
    margin-top: 30px;
}

.caseShow-text {
    margin-top: 70px;
}

.caseShow-text p {
    text-indent: 2em;
    font-size: 16px;
    color: #666;
    text-align: justify;
    line-height: 34px;
    margin-bottom: 40px
}

.caseShow-img {
    overflow: hidden;
    margin: 50px auto
}

.caseShow-img img {
    float: left;
    width: 50%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* 关于我们 */

.about {
    padding-bottom: 70px;
}

.about-banner img {
    width: 100%;
    min-width: 1280px;
}

.about-menu {
    height: 56px;
    line-height: 56px;
    background: url(../images/opacity80.png);
    width: 100%;
    min-width: 1280px;
    position: relative;
    top: -56px;
}

.about-menu ul {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden
}

.about-menu ul li {
    width: 33.3%;
    float: left;
    color: #fff;
    font-size: 20px;
    text-align: center
}

.about-menu ul li a {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%
}

.menuCrt {
    background: url(../images/opacity66.png) !important;
}

.about-cont {
    width: 1280px;
    margin: 0 auto;
}

.about-title {
    font-size: 32px;
    color: #363636;
    text-align: center;
    font-weight: bold;
    margin-bottom: 65px;
}

.about-top {
    overflow: hidden
}

.about-left {
    float: left;
    width: 460px
}

.about-right {
    float: right;
    width: 790px;
}

.about-right p {
    font-size: 16px;
    color: #4F4F4F;
    line-height: 30px;
    text-indent: 2em;
    text-align: justify;
    margin-bottom: 30px
}

.about-text p {
    font-size: 16px;
    color: #4F4F4F;
    line-height: 30px;
    text-indent: 2em;
    margin: 30px auto;
    text-align: justify
}


/* 联系我们 */

.contact-switch li {
    font-size: 16px;
    color: #363636;
    line-height: 40px;
    padding-left: 44px;
}

.contact-switch li.list-one {
    background: url(../images/icon0175.png) left center no-repeat;
    background-size: 16px;
}

.contact-switch li.list-two {
    background: url(../images/icon0176.png) left center no-repeat;
    background-size: 22px;
}

.contact-switch li.list-three {
    background: url(../images/icon0177.png) left center no-repeat;
    background-size: 20px;
}

.contact-switch li.list-four {
    background: url(../images/icon0178.png) left center no-repeat;
    background-size: 16px;
}

.map {
    border: 1px solid #CCC;
    margin: 40px 0 30px 0
}


/* 招贤纳士 */

.post-table {
    border: 1px solid #D0D4D8;
    border-top: 2px solid #D0D4D8;
}

.post-table table {
    width: 100%
}

.post-table table th {
    height: 79px;
    line-height: 79px;
    color: #666;
    font-size: 16px;
    background: #F3F4F6;
    text-align: left;
    padding-left: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.post-table table td {
    height: 79px;
    line-height: 79px;
    color: #363636;
    border-bottom: 1px dashed #D0D0D0;
    font-size: 16px;
    padding-left: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.post-table table td a {
    color: #363636
}

.post-table table td a:hover {
    color: #1C7CEA
}

.employment-page {
    height: 79px;
    line-height: 79px;
}


/* 岗位详情 */

.post-show {
    border: 1px solid #D0D4D8;
    border-top: 2px solid #D0D4D8;
    padding-bottom: 50px;
}

.post-title {
    font-size: 24px;
    color: #0B8DD3;
    font-weight: bold;
    border-bottom: 1px dashed #CECECE;
    margin: 0 30px;
    padding: 30px 0 30px 18px;
}

.post-show .ask-for {
    margin-left: 48px;
    margin-top: 40px;
}

.post-show .ask-for li {
    font-size: 16px;
    color: #363636;
    line-height: 44px;
}

.ask-for-two {
    overflow: hidden
}

.ask-for-two li {
    float: left;
    font-size: 16px;
    color: #363636;
    line-height: 44px;
    margin-right: 26px
}

.ask-for-two li span {
    color: #FD6B00
}


/* 岗位详情 */

.gadget-banner {
    height: 366px;
    background: url(../images/gadget-banner.jpg) no-repeat;
}

.gadget-banner-in {
    width: 1090px;
    margin: 0 auto;
    overflow: hidden
}

.gadget-banner-lt {
    float: left;
    margin-top: 128px;
}

.gadget-banner-rt {
    float: right;
    margin-top: 60px;
}

.gadget-banner-lt h1 {
    font-size: 41.56px;
    color: #fff
}

.gadget-banner-lt p {
    font-size: 24px;
    color: #fff;
    margin-top: 30px;
}

.gadget-box1 {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.gadget-box2 {
    background: #FBFBFB;
    width: 100%
}

.gadget-box1 h1 {
    font-size: 48px;
    color: #363636;
    font-weight: normal
}

.gadget-box1 p {
    font-size: 22px;
    color: #999;
    font-weight: normal;
    margin-top: 28px;
    line-height: 60px;
}

.gadget-box1-lt {
    float: left
}

.gadget-box1-rt {
    float: right
}

.absolute-one {
    position: absolute;
    top: 250px;
    right: 60px
}

.absolute-two {
    position: absolute;
    top: 275px;
    left: 25px
}

.absolute-three {
    position: absolute;
    top: 270px;
    right: 0px
}

.absolute-four {
    position: absolute;
    top: 260px;
    left: 25px
}

.absolute-five {
    position: absolute;
    top: 230px;
    right: 5px
}

.absolute-six {
    position: absolute;
    top: 210px;
    left: 25px
}

.absolute-six p {
    width: 755px;
}

.absolute-three p {
    width: 515px;
}


/* 权重提升排名 */

.weight-banner {
    background: url(../images/weight-banner.jpg) no-repeat;
    height: 216px;
    padding-top: 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.weight-banner-in {
    width: 1280px;
    margin: 0 auto;
}

.weight-banner h1 {
    font-size: 30px;
    color: #fff
}

.weight-top {
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: -69px
}

.weight-top dl {
    float: left;
    margin: 0 4px;
    width: 418px;
}

.weight-top dl dt {
    height: 69px;
    line-height: 69px;
    background: #3C3E43;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.weight-top dl dt span {
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    width: 27px;
    height: 27px;
    line-height: 27px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 25px;
}

.weight-top dl dd {
    border: 1px solid #D9D9D9;
    border-top: 0;
    height: 107px;
    padding-top: 23px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.weight-top dl dd img {
    margin: 0 auto
}

.weight-top dl:last-child dd {
    padding-top: 27px;
}

.weight-title {
    font-size: 24px;
    color: #363636;
    background: url(../images/line5.jpg) left center no-repeat;
    padding-left: 20px;
    margin-bottom: 45px;
}

.weight-box1 {
    padding-bottom: 80px;
    width: 1280px;
    margin: 0 auto;
}

.weight-box1 table tr td {
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    height: 59px;
    line-height: 59px;
    padding-left: 33px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.weight-box1 table {
    border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    width: 100%;
}

.weight-box1 .backg {
    background: #F9FAFA;
    text-align: center;
    font-size: 16px;
    color: #363636;
    font-weight: bold;
    padding-left: 0;
    border-top: #F9FAFA
}

.weight-box1 .backg_2 {
    border-top: 1px solid #D6D6D6
}

.weight-box2 {
    background: #F9FAFA;
    width: 100%;
    margin: 0 auto;
    padding: 75px 0
}

.weight-box2-cont {
    width: 1280px;
    margin: 0 auto
}

.weight-box2 table {
    width: 100%;
    border-right: 1px solid #D6D6D6;
    border-bottom: 1px solid #D6D6D6
}

.weight-box2 table tr th {
    height: 66px;
    line-height: 66px;
    background: #F0F2F2;
    border-left: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    font-size: 18px;
    color: #363636
}

.weight-box2 table tr td {
    height: 66px;
    line-height: 66px;
    border-left: 1px solid #D6D6D6;
    border-top: 1px solid #D6D6D6;
    text-align: center;
    font-size: 18px;
    color: #363636
}

.weight-box3 {
    width: 1280px;
    margin: 0 auto;
    padding: 90px 0 20px 0
}

.weight-box3 dl {
    overflow: hidden;
    margin-bottom: 70px
}

.weight-box3 dl dt {
    float: left;
    width: 90px;
}

.weight-box3 dl dd {
    float: left;
    width: 1190px;
}

.weight-box3 dl dd h1 {
    font-size: 18px;
    color: #363636;
    margin-bottom: 10px
}

.weight-box3 dl dd p {
    font-size: 14px;
    color: #363636;
    line-height: 27px;
}


/* 公司资讯 */

.infor {
    padding-bottom: 75px;
}

.infor-banner {
    background: url(../images/infor-banner.jpg) no-repeat;
    height: 357px;
    padding-top: 165px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.infor-banner h1 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: normal
}

.infor-in {
    width: 1280px;
    margin: 0 auto;
}

.infor-in .infor-menu {
    height: 63px;
    line-height: 63px;
    font-size: 16px;
    color: #363636;
    border-bottom: 1px solid #E7E7E8
}

.infor-in .infor-menu a {
    color: #363636;
}

.infor-in .infor-menu span {
    color: #4AB2FC;
}

.infor-cont {
    overflow: hidden;
    margin-top: 15px
}

.infor-cont .infor-left {
    float: left;
    width: 207px;
    margin-top: 33px
}

.infor-cont .infor-right {
    float: right;
    width: 1026px;
}

.infor-left-box {
    margin-bottom: 20px;
}

.infor-left-box .infor-headline {
    width: 206px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: url(../images/bg21.jpg) no-repeat
}

.infor-left-box-cont {
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}

.infor-left-box-cont dl {
    border-bottom: 1px solid #E1E1E1;
    overflow: hidden;
    padding: 10px 0
}

.infor-left-box-cont dl dt {
    float: left;
    width: 33px;
    margin-top: 6px
}

.infor-left-box-cont dl dt img {
    margin: 0 auto
}

.infor-left-box-cont dl dd {
    float: right;
    width: 170px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: justify;
    font-size: 14px;
    line-height: 26px;
    color: #595959
}

.infor-left-box-cont dl dd a {
    display: block;
    color: #595959
}

.infor-left-box-cont dl:hover dd a {
    color: #008ED5
}

.infor-left-box ul {
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}

.infor-left-box ul li {
    border-bottom: 1px solid #E1E1E1;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    color: #595959;
    text-align: center
}

.infor-left-box ul li a {
    display: block;
    color: #595959;
}

.infor-left-box ul li:hover a {
    color: #008ED5
}

.infor-right-cont {
    margin-bottom: 50px;
}

.infor-right-cont dl {
    overflow: hidden;
    border-bottom: 1px solid #E7E7E8;
    padding: 33px 0
}

.infor-right-cont dl a {
    display: block;
    overflow: hidden
}

.infor-right-cont dl dt {
    float: left;
    width: 206px;
    height: 145px;
}

.infor-right-cont dl dd {
    float: right;
    width: 790px;
}

.infor-right-cont dl dd h1 {
    font-size: 18px;
    color: #363636;
}

.infor-right-cont dl dd span {
    font-size: 14px;
    color: #999;
    display: block;
    margin-top: 15px
}

.infor-right-cont dl dd p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 5px;
    height: 50px;
    overflow: hidden
}

.infor-right-cont dl dd i {
    font-size: 14px;
    color: #4693F8;
    font-style: normal;
    display: block;
    margin-top: 15px
}

.infor-right-cont dl:last-child {
    border-bottom: 0
}

.length-dl dd {
    width: 100% !important
}


/* 公司资讯详情 */

.inforShow {
    margin-top: 33px;
}

.inforShow-title {
    color: #363636;
    font-size: 24px;
    text-align: center;
    border-bottom: 1px solid #E7E7E8;
    padding-bottom: 25px;
    margin-bottom: 40px;
}

.inforShow-title span {
    display: block;
    font-size: 14px;
    color: #999;
    margin-top: 20px;
}

.piece {
    overflow: hidden;
    border-bottom: 1px solid #E7E7E8;
    padding-bottom: 30px;
    width: 100%;
    margin-top: 30px;
}

.piece-lt {
    float: left
}

.piece-rt {
    float: right;
    font-size: 14px;
    color: #666;
    background: url(../images/icon0182.jpg) right center no-repeat;
    padding-right: 18px;
    margin-top: 22px;
}

.piece-rt a {
    display: block;
    color: #666;
}

.piece-rt:hover a {
    color: #4593FC
}

.inforShow-text {
    margin-bottom: 65px
}

.inforShow-text p {
    font-size: 16px;
    color: #666;
    line-height: 33px;
    text-indent: 2em;
    margin-bottom: 30px;
    text-align: justify
}

.piece-lt li {
    font-size: 14px;
    color: #666;
    line-height: 33px;
}

.piece-lt li a {
    color: #666
}

.piece-lt li:hover a {
    color: #4593FC
}

.related-articles h1 {
    font-size: 24px;
    color: #363636;
    padding: 35px 0 28px 0
}

.related-articles ul li {
    font-size: 16px;
    color: #363636;
    overflow: hidden;
    line-height: 35px;
}

.related-articles ul li span {
    float: left;
    width: 220px;
    color: #808080
}

.related-articles ul li a {
    float: left;
    max-width: 780px;
    color: #363636
}

.related-articles ul li a:hover {
    color: #4593FC
}


/* 页面建设中 */

.construction {
    width: 100%;
    min-width: 1280px;
    background: #F4F4F4;
    padding-bottom: 25px;
}

.construction-in {
    width: 1280px;
    margin: 0 auto;
}

.construction-title {
    font-size: 14px;
    color: #808080;
    padding: 44px 0 23px 0
}

.construction-title a {
    color: #808080
}

.construction-cont {
    width: 100%;
    background: #fff;
    padding: 155px 0 270px 330px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}