@charset "utf-8";
    .ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    
    @font-face {
        font-family: 'DINPro-Regular';
        src: url('../fonts/DINPro-Regular.eot');
        src: url('../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINPro-Regular.woff2') format('woff2'), url('../fonts/DINPro-Regular.woff') format('woff'), url('../fonts/DINPro-Regular.svg#dincond-boldregular') format('svg');
        font-weight: normal;
        font-style: normal
    }
    
    @-webkit-keyframes fadeInUp2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    @keyframes fadeInUp2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    .fadeInUp2 {
        -webkit-animation-name: fadeInUp2;
        animation-name: fadeInUp2
    }
    
    @-webkit-keyframes fadeInDown2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    @keyframes fadeInDown2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    .fadeInDown2 {
        -webkit-animation-name: fadeInDown2;
        animation-name: fadeInDown2
    }
    
    @-webkit-keyframes fadeInLeft2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    @keyframes fadeInLeft2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    .fadeInLeft2 {
        -webkit-animation-name: fadeInLeft2;
        animation-name: fadeInLeft2
    }
    
    @-webkit-keyframes fadeInRight2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    @keyframes fadeInRight2 {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
    }
    
    .form-control:focus {
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        border-color: #66afe9
    }
    
    .plusReduce {
        display: inline-block
    }
    
    .plusReduce .plus,
    .plusReduce .reduce {
        background: #f2f2f2;
        float: left;
        width: 32px;
        height: 32px;
        border: 1px #d1d1d1 solid;
        font-size: 30px;
        color: #666;
        text-decoration: none;
        text-align: center;
        position: relative
    }
    
    .plusReduce .plus:before,
    .plusReduce .reduce:before,
    .plusReduce .plus:after,
    .plusReduce .reduce:after {
        content: "";
        display: block;
        background: #333;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        display: none
    }
    
    .plusReduce .plus:hover,
    .plusReduce .reduce:hover {
        z-index: 9;
        border-color: #008ed4;
        background: #008ed4
    }
    
    .plusReduce .plus:hover:before,
    .plusReduce .reduce:hover:before,
    .plusReduce .plus:hover:after,
    .plusReduce .reduce:hover:after {
        background: #fff
    }
    
    .plusReduce .plus:before {
        width: 9px;
        height: 1px;
        display: block
    }
    
    .plusReduce .reduce {
        margin-left: -1px
    }
    
    .plusReduce .reduce:before {
        width: 11px;
        height: 1px;
        display: block
    }
    
    .plusReduce .reduce:after {
        height: 11px;
        width: 1px;
        display: block
    }
    
    .plusReduce .form-control {
        float: left;
        width: 50px;
        height: 32px;
        line-height: 30px;
        padding: 0 10px;
        margin-left: -1px;
        border-radius: 0;
        z-index: 1;
        position: relative;
        text-align: center
    }
    
    .fadeInRight2 {
        -webkit-animation-name: fadeInRight2;
        animation-name: fadeInRight2
    }
    
    .header {
        z-index: 999;
        position: absolute;
        border-bottom: 1px rgba(255, 255, 255, 0.15) solid;
        color: #fff;
        width: 100%;
        top: 0;
        text-align: right;
        padding: 0 5%;
        height: 101px;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .header .container {
        position: relative;
        max-width: 100%
    }
    
    .header a {
        color: #fff
    }
    
    .header img {
        vertical-align: middle
    }
    
    .header .logo {
        position: absolute;
        z-index: 999;
        width: 200px;
        height: 90px;
        left: 0;
        top: 0px;
        text-align: left;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .header .searchBtn {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url(../images/icon/search.png) no-repeat center;
        margin: 5px 50px;
        vertical-align: top
    }
    
    .header .other {
        line-height: 40px;
        float: right;
        position: relative;
        margin-top: 25px;
        font-size: 16px;
        text-align: left;
        -webkit-transition: margin-top .5s;
        transition: margin-top .5s
    }
    
    .header .other .a-01 {
        padding-bottom: 2px;
        margin-left: 50px
    }
    
    .header .other .a-01:hover {
        border-bottom: 2px #fff solid
    }
    
    .header .other .tel {
        background: url(../images/icon/tel.png) no-repeat left center;
        font-size: 14px;
        padding-left: 50px;
        float: right
    }
    
    .header .other .p-01 {
        line-height: 18px
    }
    
    .header .other .p-02 {
        font-family: DINPro-Regular;
        font-size: 20px;
        line-height: 22px
    }
    
    .nav {
        display: inline-block;
        vertical-align: middle;
        position: relative
    }
    
    .nav>.list {
        font-size: 0;
        position: relative;
        text-align: center;
        float: right
    }
    
    .nav>.list>li {
        display: inline-block;
        text-align: center;
        position: relative;
        min-width: 125px;
        padding: 0 10px
    }
    
    .nav>.list>li:after {
        content: "";
        display: block;
        height: 13px;
        border-left: 1px #8c99aa dotted;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }
    
    .nav>.list>li>a {
        font-size: 16px;
        color: #fff;
        height: 90px;
        line-height: 90px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .nav>.list>li>a span {
        position: relative
    }
    
    .nav>.list>li>a span:after {
        content: "";
        display: block;
        width: 0;
        height: 1px;
        background: #fff;
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .nav>.list>li:first-child {
        min-width: 90px
    }
    
    .nav>.list>li:last-child:after {
        display: none
    }
    
    .nav>.list>li:hover>a,
    .nav>.list>li.cur>a {
        color: #fff
    }
    
    .nav>.list>li:hover>a span:after,
    .nav>.list>li.cur>a span:after {
        width: 100%
    }
    
    .headerFixed {
        position: fixed;
        background: rgba(0, 0, 0, 0.6);
        height: 61px
    }
    
    .headerFixed .logo {
        height: 60px
    }
    
    .headerFixed .list li>a {
        height: 50px;
        line-height: 50px
    }
    
    .headerFixed .other {
        margin-top: 10px
    }
    
    .navChild {
        overflow: hidden;
        display: none;
        position: absolute;
        z-index: 9999;
        top: 100%;
        left: 80px;
        -webkit-box-shadow: 8px 6px 8px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 8px 6px 8px 0 rgba(0, 0, 0, 0.1);
        text-align: left !important
    }
    
    .navChild .arrow {
        width: 0;
        height: 0;
        content: '';
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #fff transparent;
        border-style: dashed;
        margin-left: -8px;
        border-bottom-color: #fff
    }
    
    .navChild .newIcon,
    .navChild .hotIcon {
        font-family: arial;
        color: #f45f1d;
        display: inline-block;
        margin-left: 5px
    }
    
    .navChild .dropdown {
        background-color: #fff;
        line-height: 18px;
        position: static !important;
        left: 50%;
        top: 50%;
        border-color: #dedfe0;
        display: inline-block;
        pointer-events: auto;
        min-height: 230px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 160px;
        padding: 20px 10px;
        vertical-align: middle
    }
    
    .navChild .dropdown::-webkit-scrollbar {
        width: 20px;
        cursor: pointer
    }
    
    .navChild .dropdown::-webkit-scrollbar {
        width: 4px
    }
    
    .navChild .dropdown::-webkit-scrollbar-thumb {
        border-radius: 0;
        background: transparent
    }
    
    .navChild .dropdown::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3)
    }
    
    .navChild .dropdown::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0)
    }
    
    .navChild.productChild .arrow {
        margin-left: 71px
    }
    
    .navChild.productChild .dropdown {
        width: 160px
    }
    
    .navChild .list {
        clear: both;
        margin: 0 auto;
        min-height: 170px
    }
    
    .navChild .item {
        padding: 15px 10px 0 10px;
        display: block;
        vertical-align: top;
        width: 100%;
        white-space: normal;
        float: left;
        text-align: center;
    }
    
    .navChild .item-02 {
        width: 40%
    }
    
    .navChild .item-02 .div-01 {
        width: 50%;
        float: left
    }
    
    .navChild .bt {
        color: #333;
        font-size: 14px;
        padding-bottom: 8px;
        border-bottom: #f0f3f5 1px solid;
        max-width: 100%
    }
    
    .navChild h3.cur {
        color: #ea5839
    }
    
    .navChild h3.cur a {
        color: #ea5839
    }
    
    .navChild .sencond {
        padding: 8px 0
    }
    
    .navChild .sencond a {
        display: block;
        line-height: 26px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 12px;
        color: #666
    }
    
    .navChild .sencond a:hover,
    .navChild .sencond a.cur {
        color: #ff5c01;
        font-weight: 700;
        text-decoration: underline
    }
    
    @media (max-width:1279px) {
        .navChild .dropdown {
            width: 1000px
        }
    }
    
    .banner {
        clear: both;
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 9;
        color: #fff
    }
    
    .banner .list {
        overflow: hidden;
        display: block;
        height: 810px
    }
    
    .banner .swiper-slide {
        height: 100%;
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover
    }
    
    .banner .swiper-slide .middleCenter {
        position: static
    }
    
    .banner .text {
        position: absolute;
        width: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -45px;
        margin-bottom: auto;
        -webkit-transition: all 4s;
        transition: all 4s;
        text-align: center
    }
    
    .banner .text .num {
        color: #f45f1d
    }
    
    .banner .title {
        color: #fff;
        font-size: 56px;
        line-height: 1;
        margin-bottom: 10px;
        font-weight: 700;
        letter-spacing: 5px
    }
    
    .banner .info {
        color: #fff;
        font-size: 20px;
        line-height: 1;
        margin: 5px 0 20px 0;
        letter-spacing: 1px
    }
    
    .banner .info>div {
        display: inline-block;
        position: relative
    }
    
    .banner .info>div:before {
        content: "";
        display: block;
        width: 100%;
        height: 21px;
        background: url(../images/line-01.png) no-repeat center top;
        margin-bottom: 15px
    }
    
    .banner .info>div:after {
        content: "";
        display: block;
        width: 100%;
        height: 21px;
        background: url(../images/line-02.png) no-repeat center top;
        margin-top: 15px
    }
    
    .banner .p-03 {
        color: #fff;
        font-size: 18px;
        line-break: 1;
        margin-bottom: 40px
    }
    
    .banner .btn a {
        display: inline-block;
        min-width: 200px;
        background: url(../images/dot.png) repeat;
        line-height: 48px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        -webkit-transition: all .5s;
        transition: all .5s;
        padding: 8px;
        position: relative
    }
    
    .banner .btn a span {
        display: block;
        background: #f45f1d;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .banner .btn a:hover span {
        background: #e31b1c
    }
    
    .banner .pagination {
        position: absolute;
        z-index: 999;
        left: 0;
        text-align: center;
        bottom: 15px;
        width: 100%
    }
    
    .banner .swiper-pagination-switch {
        display: inline-block;
        width: 40px;
        height: 13px;
        margin: 0 4px;
        cursor: pointer;
        position: relative
    }
    
    .banner .swiper-pagination-switch:after {
        content: "";
        display: block;
        width: 100%;
        height: 3px;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }
    
    .banner .swiper-active-switch:after {
        background: #f45f1d
    }
    
    .banner .mobile {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 100%;
        display: none
    }
    
    .home-event {
        position: relative;
        z-index: 99;
        margin-top: -130px;
        background: rgba(0, 142, 212, 0.85);
        color: #fff
    }
    
    .home-event .list li {
        width: 25%;
        float: left;
        border-left: 1px rgba(72, 181, 243, 0.45) solid;
        -webkit-transition: background .5s;
        transition: background .5s
    }
    
    .home-event .list li:first-child {
        border-left-color: rgba(255, 255, 255, 0)
    }
    
    .home-event .list .box {
        display: block;
        position: relative;
        padding: 30px 0 30px 80px;
        overflow: hidden;
        color: #fff
    }
    
    .home-event .list .pic {
        display: block;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 20px;
        float: left
    }
    
    .home-event .list .text {
        padding-left: 20px;
        padding-right: 20px
    }
    
    .home-event .list .title {
        font-size: 18px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 30px;
        height: 30px
    }
    
    .home-event .list .info {
        line-height: 20px;
        height: 40px;
        overflow: hidden;
        font-size: 14px
    }
    
    .home-event .list li:hover:hover {
        background: rgba(255, 255, 255, 0.13)
    }
    
    .home-title {
        text-align: center;
        color: #333;
        line-height: 1
    }
    
    .home-title .title-01 {
        font-size: 30px;
        position: relative
    }
    
    .home-title .title-01:after {
        content: "";
        display: block;
        width: 60px;
        height: 2px;
        background: #f45f1d;
        margin: 20px auto
    }
    
    .home-title .title-02 {
        margin-top: 15px;
        color: #999;
        font-size: 16px
    }
    
    .inside-title {
        text-align: center;
        color: #333;
        line-height: 1
    }
    
    .inside-title .title-01 {
        font-size: 30px;
        position: relative
    }
    
    .inside-title .title-01:after {
        content: "";
        display: block;
        width: 60px;
        height: 2px;
        background: #f45f1d;
        margin: 20px auto 0 auto
    }
    
    .inside-title .title-02 {
        margin-top: 15px;
        color: #999;
        font-size: 16px
    }
    
    @media screen and (max-width:1279px) {
        .home-title {
            padding: 0 10px
        }
        .home-title .title-02 {
            font-size: 14px
        }
        .inside-title {
            padding: 0 10px
        }
        .inside-title .title-02 {
            font-size: 14px
        }
    }
    
    @media screen and (max-width:1023px) {
        .home-title .title-01 {
            font-size: 20px
        }
        .home-title .title-02 {
            font-size: 12px
        }
        .inside-title .title-01 {
            font-size: 20px
        }
        .inside-title .title-02 {
            font-size: 12px
        }
    }
    
    .home-service {
        padding: 80px 0
    }
    
    .home-service .truelandTabs {
        margin-top: 40px
    }
    
    .home-service .truelandTabs .container {
        position: relative
    }
    
    .home-service .menu {
        font-size: 0
    }
    
    .home-service .menu .list {
        position: relative
    }
    
    .home-service .menu .list .line {
        position: absolute;
        bottom: 0;
        width: 20%;
        height: 10px;
        display: none
    }
    
    .home-service .menu .list .line:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 6px 10px 6px;
        border-color: transparent transparent #ebebeb transparent;
        margin: auto
    }
    
    .home-service .menu li {
        width: 20%;
        display: inline-block;
        text-align: center;
        position: relative;
        padding-bottom: 5px;
        color: #666;
        font-size: 15px;
        padding: 10px 20px;
        border-right: 1px #f4f4f4 solid
    }
    
    .home-service .menu li a {
        display: block;
        padding: 10px 15px;
        text-decoration: none
    }
    
    .home-service .menu li a:hover {
        color: #333
    }
    
    .home-service .menu li:last-child {
        border-right: none
    }
    
    .home-service .menu .icon {
        position: relative;
        width: 80px;
        height: 80px;
        display: block;
        margin: auto
    }
    
    .home-service .menu .icon .hover {
        display: none
    }
    
    .home-service .menu .bt {
        display: block;
        font-size: 17px;
        margin-bottom: 5px;
        height: 36px;
        line-height: 36px;
        color: #333
    }
    
    .home-service .panel {
        background-color: #f7f8fa;
        padding: 0 40px;
        overflow: hidden;
        display: none;
        height: initial
    }
    
    .home-service .panel .item {
        overflow: hidden;
        padding: 25px 0 25px
    }
    
    .home-service .panel .phone-title {
        background: #fff;
        color: #333;
        display: none;
        position: relative;
        padding: 10px 15px 10px 70px;
        font-size: 14px;
        line-height: 30px;
        border-bottom: 1px solid #e5e5e5
    }
    
    .home-service .panel .phone-title .icon {
        display: block;
        position: absolute;
        left: 15px;
        top: 5px;
        width: 40px;
        height: 40px
    }
    
    .home-service .panel .phone-title.active {
        color: #f45f1d
    }
    
    .home-service .panel .phone-title:after {
        content: '';
        display: block;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        border-right: 2px solid #d7d8d9;
        border-top: 2px solid #d7d8d9;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        margin: auto;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .home-service .panel .list {
        min-height: 236px;
        overflow: hidden;
        margin-right: -20px;
        position: relative
    }
    
    .home-service .panel .list:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #f7f8fa;
        position: absolute;
        left: 0;
        bottom: 0
    }
    
    .home-service .panel .list li {
        width: 33.33333333%;
        float: left
    }
    
    .home-service .panel .list .box {
        display: block;
        padding: 20px 20px
    }
    
    .home-service .panel .list .title {
        color: #333;
        font-size: 17px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    
    .home-service .panel .list .info {
        font-size: 15px;
        color: #666;
        line-height: 24px;
        height: 48px;
        overflow: hidden
    }
    
    .home-service .panel .list .box:hover {
        background: #fff;
        -webkit-box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06);
        box-shadow: 0 2px 4px 0 rgba(3, 27, 78, 0.06)
    }
    
    .home-service .truelandTabs.firstCur .menu .list .line {
        display: block
    }
    
    .home-service .truelandTabs.firstCur .menu li.active .bt {
        font-weight: 700
    }
    
    .home-service .truelandTabs.firstCur .menu li.active .info {
        color: #f45f1d
    }
    
    .home-service .truelandTabs.firstCur .menu li.active .default {
        display: none
    }
    
    .home-service .truelandTabs.firstCur .menu li.active .hover {
        display: block
    }
    
    .home-zizhi {
        padding: 0 0 60px
    }
    
    .home-zizhi .list {
        margin-top: 60px;
        text-align: center
    }
    
    .home-zizhi li {
        width: 12.5%;
        display: inline-block;
        text-align: center
    }
    
    .home-zizhi .box {
        display: block
    }
    
    .home-zizhi .pic {
        display: block;
        vertical-align: middle;
        width: 70px;
        height: 70px;
        position: relative;
        margin: auto
    }
    
    .home-zizhi .bt {
        display: block;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        margin-top: 10px;
        color: #666;
        font-size: 17px
    }
    
    .home-zizhi .more .pic {
        border: 2px #dadce2 solid;
        border-radius: 50%;
        font-size: 30px;
        font-family: "microsoft yahei";
        line-height: 36px
    }
    
    .home-solution {
        padding-top: 20px
    }
    
    .home-solution .nr {
        padding-top: 40px
    }
    
    .home-solution li {
        width: 16.66%;
        float: left
    }
    
    .home-solution .box {
        display: block;
        position: relative;
        color: #000;
        font-size: 0;
        text-align: center;
        cursor: pointer;
        overflow: hidden
    }
    
    .home-solution .pic {
        display: block;
        position: relative
    }
    
    .home-solution .pic:after {
        content: "";
        display: block;
        padding-top: 135.98701299%
    }
    
    .home-solution .pic img {
        width: 100%;
    }
    
    .home-solution .mask {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }
    
    .home-solution .mask:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: #161a1d;
        opacity: .58;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1)
    }
    
    .home-solution .mask .content {
        position: absolute;
        left: 0;
        right: 0;
        top: 100px;
        bottom: 0;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        overflow: hidden
    }
    
    @media(max-width:1366px) {
        .home-solution .mask .content {
            top: 65px;
        }
    }
    
    .home-solution .mask .icon {
        position: relative;
        width: 32%;
        display: inline-block
    }
    
    .home-solution .mask .icon:after {
        content: "";
        display: block;
        width: 24px;
        border-top: 2px #fff solid;
        margin: auto;
        position: absolute;
        bottom: -25px;
        left: 0;
        right: 0;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1)
    }
    
    .home-solution .mask .bt {
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        height: 24px;
        margin: 0;
        padding: 0;
        margin-top: 40px;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        position: relative
    }
    
    .home-solution .mask .desc {
        font-size: 14px;
        color: #fff;
        text-align: center;
        margin-top: 30px;
        padding: 0 23px;
        line-height: 25px;
        height: 70px;
        opacity: 0;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1);
        overflow: hidden
    }
    
    .home-solution .mask .more {
        display: inline-block;
        border: 1px solid #fff;
        min-width: 152px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        color: #fff;
        text-decoration: none;
        margin-top: 52px;
        opacity: 0;
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1)
    }
    
    .home-solution .box:hover .mask:before {
        opacity: .9;
        filter: alpha(opacity=90);
        background: #008ed4
    }
    
    .home-solution .box:hover .content {
        top: 5%
    }
    
    .home-solution .box:hover .desc {
        margin-top: 22px;
        opacity: 1;
        filter: alpha(opacity=1);
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(1);
        -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
        transition: all .4s cubic-bezier(.4, 0, .2, 1)
    }
    
    .home-solution .box:hover .more {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-filter: progid: DXImageTransform.Microsoft.Alpha(100);
        margin-top: 8%
    }
    
    .home-yaoqiu {
        padding: 80px 0 80px
    }
    
    .home-yaoqiu .home-title .title-01:after {
        margin-bottom: 0
    }
    
    .home-yaoqiu .p-01 {
        text-align: center
    }
    
    .home-yaoqiu .p-01 a {
        color: #f45f1d
    }
    
    .home-yaoqiu .p-01 a:hover {
        text-decoration: underline
    }
    
    .home-yaoqiu .nr {
        padding: 40px 0 0 0
    }
    
    .home-yaoqiu .list {
        overflow: hidden
    }
    
    .home-yaoqiu li {
        width: 16.66666667%;
        float: left;
        position: relative;
        border: 1px #dedede solid;
        margin-left: -1px
    }
    
    .home-yaoqiu li .dot-01,
    .home-yaoqiu li .dot-02 {
        display: block;
        width: 25px;
        height: 25px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        z-index: 999
    }
    
    .home-yaoqiu li .dot-01:after,
    .home-yaoqiu li .dot-02:after {
        content: "";
        display: block;
        width: 3px;
        height: 3px;
        background: #dedede;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto
    }
    
    .home-yaoqiu li .dot-01 {
        top: -13px;
        right: -13px
    }
    
    .home-yaoqiu li .dot-02 {
        bottom: -13px;
        right: -13px
    }
    
    .home-yaoqiu .box {
        padding: 30px 10px;
        display: block;
        text-align: center
    }
    
    .home-yaoqiu li:last-child {
        border-right: none
    }
    
    .home-yaoqiu li:last-child .dot-01,
    .home-yaoqiu li:last-child .dot-02 {
        display: none
    }
    
    .home-yaoqiu .pic {
        display: block;
        max-height: 50px;
        position: relative
    }
    
    .home-yaoqiu .pic:before {
        content: "";
        display: block;
        padding-top: 100%
    }
    
    .home-yaoqiu .bt {
        display: block;
        font-size: 18px;
        color: #333;
        height: 30px;
        line-height: 30px;
        margin-top: 10px
    }
    
    .home-yaoqiu .box:hover .bt {
        color: #f45f1d
    }
    
    .home-btn {
        text-align: center
    }
    
    .home-btn a {
        display: inline-block;
        background: #f45f1d;
        color: #fff;
        font-size: 16px;
        min-width: 220px;
        line-height: 45px;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .home-btn a:hover {
        background: #e31b1c
    }
    
    @-webkit-keyframes ripple {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1, .1);
            transform: scale(.1, .1)
        }
        5% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    
    @keyframes ripple {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1, .1);
            transform: scale(.1, .1)
        }
        5% {
            opacity: 1
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    
    .home-globalJchshsh {
        padding: 50px 0 80px 0;
        overflow: hidden;
    }
    
    .home-globalJchshsh img {
        max-width: 100%
    }
    
    .home-globalJchshsh .nr {
        background: url(../images/globalJchshsh1.png) no-repeat right center;
        margin-top: 50px;
    }
    
    .home-globalJchshsh .list {
        margin-left: -10px;
        font-size: 0;
        width: 60%;
        text-align: center;
    }
    
    .home-globalJchshsh li {
        width: 33.33333333%;
        display: inline-block;
        padding: 10px 10px;
        text-align: left;
    }
    
    .home-globalJchshsh li .box {
        background: #f8f8f8;
        padding: 35px 25px;
        position: relative;
        overflow: hidden;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    
    .home-globalJchshsh li .pic {
        width: 50px;
        height: 50px;
        display: block;
        position: relative;
    }
    
    .home-globalJchshsh li .title {
        color: #555;
        font-size: 16px;
        margin-top: 20px;
        line-height: 30px;
        height: 60px;
        overflow: hidden;
        font-weight: bolder;
    }
    
    @media screen and (max-width: 1279px) {
        .home-globalJchshsh .list .title {
            font-size: 14px;
            line-height: 24px;
            height: 48px;
        }
    }
    
    @media screen and (max-width: 1023px) {
        .home-service .text {
            font-size: 14px !important
        }
        .home-globalJchshsh .nr {
            margin-top: 40px;
            background: none;
        }
        .home-globalJchshsh .list {
            width: 100%;
            margin-left: -5px;
            margin-right: -5px;
        }
        .home-globalJchshsh .list li {
            width: 33.33333333%;
            padding: 0 5px 10px 5px;
        }
        .home-globalJchshsh .list .title {
            font-size: 14px;
        }
    }
    
    @media screen and (max-width: 767px) {
        .home-globalJchshsh .list li {
            width: 50%;
        }
        .home-globalJchshsh .list li:last-child {
            width: 100%;
        }
        .home-globalJchshsh {
            padding: 20px 0;
        }
    }
    
    .home-news {
        background: #f4f4f4;
        padding: 80px 0;
        overflow: hidden
    }
    
    .home-news .nr {
        margin-top: 50px;
    }
    
    .home-news .list,
    .relatedNews .list {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .home-news .list li,
    .relatedNews .list li {
        width: 50%;
        float: left;
        padding: 1px 15px 30px 15px;
    }
    
    .home-news .list .box,
    .relatedNews .list .box {
        display: block;
        -webkit-box-shadow: 0 0 0 1px #ddd;
        box-shadow: 0 0 0 1px #ddd;
        overflow: hidden;
        padding: 0 40px 0 0;
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    
    .home-news .list .pic,
    .relatedNews .list .pic {
        float: left;
        width: 267px;
        position: relative;
        overflow: hidden;
        margin-right: 30px;
    }
    
    .home-news .list .pic img,
    .relatedNews .list .pic img {
        -webkit-transition: all .5s;
        transition: all .5s;
    }
    
    .home-news .list .pic:after,
    .relatedNews .list .pic:after {
        content: "";
        display: block;
        padding-top: 66.5%;
    }
    
    .home-news .list .text,
    .relatedNews .list .text {
        padding: 20px 0 20px 0;
    }
    
    .home-news .list .title,
    .relatedNews .list .title {
        font-size: 20px;
        color: #404040;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .home-news .list .date,
    .relatedNews .list .date {
        color: #666;
        font-size: 12px;
    }
    
    .home-news .list .date span,
    .relatedNews .list .date span {
        display: inline-block;
        position: relative;
    }
    
    .home-news .list .date span:after,
    .relatedNews .list .date span:after {
        content: "";
        display: block;
        height: 2px;
        background: #f45f1d;
        margin: 15px 0 0 0;
    }
    
    .home-news .list .info,
    .relatedNews .list .info {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        height: 48px;
        overflow: hidden;
        margin-top: 15px;
    }
    
    .home-news .item {
        width: 50%;
        padding: 0 23px 0 22px;
        float: left
    }
    
    .home-news .item dt {
        position: relative
    }
    
    .home-news .item dt .box {
        overflow: hidden;
        display: block;
        position: relative
    }
    
    .home-news .item dt .box:after {
        content: "";
        display: block;
        padding-top: 50.40650407%
    }
    
    .home-news .item dt .box img {
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .home-news .item dt .box .titleBig {
        color: #fff;
        font-size: 30px;
        z-index: 1;
        position: absolute;
        padding: 30px 0 0 30px
    }
    
    .home-news .item dt .box:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    
    .home-news .item .list li {
        border-bottom: 1px #c5c5c5 dashed
    }
    
    .home-news .item .list .box {
        display: block;
        position: relative;
        color: #111;
        font-size: 17px;
        line-height: 65px;
        padding-right: 120px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 65px
    }
    
    .home-news .item .list .date {
        background: url(../images/icon/date.png) no-repeat left center;
        padding-left: 20px;
        position: absolute;
        right: 0;
        color: #7a8795;
        font-size: 14px;
        overflow: hidden;
        text-align: right;
        max-width: 120px
    }
    
    .home-news .item .list .box:hover {
        color: #008ed4;
        text-decoration: underline
    }
    
    .footer {
        background: #252525;
        color: #a9a9aa;
        padding: 40px 0 0 0;
        overflow: hidden;
    }
    
    .footer .menu .list {
        padding: 0 20px;
    }
    
    .footer .menu li {
        width: 19%;
        float: left;
        padding: 0 20px;
    }
    
    .footer .menu .lianxi {
        width: 24%;
    }
    
    .footer .menu .title {
        font-size: 18px;
    }
    
    .footer .menu .title span {
        line-height: 2;
        padding: 0 15px 5px 0;
        display: inline-block;
        position: relative;
    }
    
    .footer .menu .title span:before {
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background: #f45f1d;
        position: absolute;
        bottom: 0;
    }
    
    .footer .menu .title span:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.1);
        position: absolute;
        bottom: 0;
    }
    
    .footer .menu .sencond {
        padding: 20px 0;
    }
    
    .footer .menu .sencond a {
        display: block;
        line-height: 30px;
        -webkit-transition: all .5s;
        transition: all .5s;
        color: #a9a9aa;
    }
    
    .footer .menu .sencond a:hover {
        color: #f45f1d
    }
    
    .copyright {
        margin-top: 20px;
        background: #191919;
        color: #999;
        position: relative;
        padding: 15px 0 15px 0;
        overflow: hidden;
        line-height: 2;
        font-size: 14px;
        text-align: center;
    }
    
    @media screen and (max-width: 767px) {
        .footer {
            padding: 0;
        }
        .footer .menu {
            display: none;
        }
        .copyright {
            margin-top: 0;
        }
    }
    
    .loop {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    
    .transparency {
        display: block;
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s, visibility .3s;
        transition: opacity .3s, visibility .3s
    }
    
    .transparency.transparency-visible {
        opacity: 1;
        visibility: visible
    }
    
    #searchPopup {
        position: absolute;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background: #f45f1d;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s, visibility .3s;
        transition: opacity .3s, visibility .3s
    }
    
    #searchPopup>.container {
        position: relative;
        padding-right: 50px
    }
    
    #searchPopup.searchPopup-visible {
        opacity: 1;
        visibility: visible;
        -webkit-animation: slideInDown .3s;
        animation: slideInDown .3s
    }
    
    #searchPopup.searchPopup-visible .close {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
    
    #searchPopup .btn {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 50px;
        margin: auto;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        background: url(../images/icon/search.png) no-repeat center
    }
    
    #searchPopup .close {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        background: url(../images/icon/close.png) no-repeat center
    }
    
    #searchPopup input[type="search"] {
        height: 100px;
        line-height: 100px;
        border: none;
        width: 100%;
        padding: 0 10px;
        font-size: 16px;
        background: transparent;
        color: rgba(255, 255, 255, 0.8)
    }
    
    #searchPopup input[type="search"]:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8)
    }
    
    #searchPopup input[type="search"]::-moz-placeholder {
        color: rgba(255, 255, 255, 0.8)
    }
    
    #searchPopup input[type="search"]::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.8)
    }
    
    #searchPopup input[type="search"]:focus {
        color: #fff
    }
    
    #searchPopup input[type="search"]::-webkit-search-cancel-button {
        display: none
    }
    
    @media screen and (max-width:1360px) {
        .header {
            padding: 0 20px
        }
    }
    
    @media screen and (max-width:1279px) {
        .header .searchBtn {
            margin-left: 10px;
            margin-right: 10px
        }
        .nav li {
            padding: 0 5px;
            min-width: 100px
        }
        .nav li>a {
            font-size: 14px
        }
        .banner .title {
            font-size: 40px
        }
        .banner .info {
            font-size: 18px
        }
        .home-service {
            padding: 50px 0
        }
        .home-service .panel .hot .title {
            font-size: 18px
        }
        .home-service .panel .hot .info {
            font-size: 14px
        }
        .home-service .panel .hot .detailed a,
        .home-service .panel .hot .detailed span {
            font-size: 14px
        }
        .home-zizhi {
            padding-bottom: 30px
        }
        .home-zizhi .bt {
            font-size: 16px
        }
        .home-solution .mask .content {
            top: 20%
        }
        .home-solution .mask .icon {
            height: 60px
        }
        .home-solution .mask .icon:after {
            bottom: -5px
        }
        .home-solution .mask .desc {
            font-size: 12px;
            line-height: 20px;
            height: 60px;
            padding: 0 10px
        }
        .home-solution .mask .bt {
            margin-top: 20px
        }
        .home-solution .mask .more {
            font-size: 14px;
            height: 30px;
            line-height: 28px;
            min-width: 100px
        }
        .home-solution .box:hover .content {
            top: 5%
        }
        .home-solution .box:hover .desc {
            margin-top: 10px
        }
        .home-solution .box:hover .more {
            margin-top: 10px
        }
        .home-yaoqiu {
            padding-top: 50px;
            padding-bottom: 50px
        }
        .home-news {
            padding-top: 50px;
            padding-bottom: 50px
        }
        .home-news .item .list .box {
            font-size: 14px;
            line-height: 45px;
            height: 45px
        }
        .home-news .list,
        .relatedNews .list {
            margin-left: 0px;
            margin-right: 0px;
        }
    }
    
    @media screen and (max-width:1023px) {
        .nav {
            display: none
        }
        .other {
            display: none
        }
        .header {
            height: 61px
        }
        .header .container {
            height: 60px
        }
        .header .logo {
            height: 60px
        }
        .home-zizhi .list {
            margin-top: 30px
        }
        .home-service {
            padding-top: 30px;
            padding-bottom: 30px
        }
        .home-service .menu {
            display: none
        }
        .home-service img {
            max-width: 100%;
            max-height: 100%
        }
        .home-service .truelandTabs {
            padding-top: 0;
            border-top: 1px solid #e5e5e5
        }
        .home-service .panel {
            overflow: hidden;
            display: block;
            height: initial;
            padding: 0
        }
        .home-service .panel .child {
            display: none
        }
        .home-service .panel .container {
            padding-left: 0;
            padding-right: 0
        }
        .home-service .panel .phone-title {
            display: block
        }
        .home-service .panel .phoneCur .phone-title {
            display: block;
            border-bottom: 1px #eee solid
        }
        .home-service .panel .item {
            padding: 0;
            padding-right: 0;
            display: block
        }
        .home-service .panel .item.phoneCur .phone-title:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
        .home-service .panel .list {
            margin-right: 0;
            padding: 1px 0 10px 1px;
            min-height: auto
        }
        .home-service .panel .list li {
            width: 100%;
            padding: 0 15px
        }
        .home-service .panel .list .box {
            padding: 15px 25px
        }
        .home-service .panel .list .title {
            font-size: 12px
        }
        .home-service .panel .list .info {
            font-size: 14px;
            height: auto
        }
        .home-solution .nr {
            overflow: auto;
            -webkit-overflow-scrolling: touch
        }
        .home-solution .list {
            width: 1000px
        }
        .home-solution .box:hover .content {
            top: 20%
        }
        .home-solution .box:hover .desc {
            margin-top: 22px;
            display: none
        }
        .home-solution .box:hover .more {
            display: none
        }
        .home-yaoqiu {
            padding-top: 30px;
            padding-bottom: 30px
        }
        .home-yaoqiu .nr {
            padding-top: 30px
        }
        .home-yaoqiu .list {
            padding-top: 2px
        }
        .home-yaoqiu .list li {
            width: 33.33333333%;
            margin-top: -1px
        }
        .home-yaoqiu .list .box {
            padding: 20px 0
        }
        .home-yaoqiu .list .bt {
            font-size: 14px
        }
        .home-news .nr {
            padding-top: 30px
        }
    }
    
    @media screen and (max-width: 767px) {
        .home-news .list li,
        .relatedNews .list li {
            width: 100%;
            padding: 0 0 10px 0;
        }
    }
    
    @media screen and (max-width:639px) {
        .headerFixed {
            position: absolute;
            background: none
        }
        .header {
            padding: 0 15px
        }
        .header .container {
            padding: 0
        }
        .navPhoneBtn {
            right: 0
        }
        .banner .list {
            height: auto
        }
        .banner li {
            padding-top: 100px;
            padding-bottom: 30px
        }
        .banner .text {
            position: static;
            top: 0;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            margin: 0
        }
        .banner .title {
            font-size: 24px;
            letter-spacing: 0
        }
        .banner .info {
            font-size: 12px;
            padding: 0 10px
        }
        .banner .info>div:before {
            height: 10px;
            background-size: cover;
            margin-bottom: 10px
        }
        .banner .info>div:after {
            height: 10px;
            background-size: cover;
            margin-top: 10px
        }
        .banner .btn a {
            min-width: 160px;
            line-height: 36px
        }
        .home-event {
            margin-top: 0;
            -webkit-overflow-scrolling: touch;
            overflow: auto
        }
        .home-event .container {
            padding-left: 0;
            padding-right: 0
        }
        .home-event .list {
            width: 250%
        }
        .home-event .list .box {
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 50px;
            padding-right: 0
        }
        .home-event .list .pic {
            width: 40px;
            height: 40px;
            left: 15px
        }
        .home-event .list .title {
            font-size: 16px
        }
        .home-event .list .info {
            font-size: 12px
        }
        .home-zizhi li {
            width: 50%;
            float: left
        }
        .home-zizhi .bt {
            font-size: 14px
        }
        .home-news {
            padding-top: 30px;
            padding-bottom: 30px
        }
        .home-news .item {
            width: 100%;
            padding-bottom: 20px
        }
        .home-news .item dt .box .titleBig {
            font-size: 20px;
            padding: 20px 0 0 20px
        }
        .home-news .item .list .box {
            font-size: 12px
        }
        .home-news .item .list .date {
            font-size: 12px
        }
        .footer {
            font-size: 12px
        }
        .copyright .a-01 {
            float: none
        }
    }
    
    .insideBanner {
        background-color: #081335;
        color: #fff;
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 0
    }
    
    .insideBanner .container {
        position: relative;
        height: 440px
    }
    
    .insideBanner .text {
        text-align: justify;
        max-width: 610px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-top: 100px
    }
    
    .insideBanner .title {
        font-size: 35px;
        font-weight: 400;
        margin-bottom: 10px
    }
    
    .insideBanner .jsh {
        font-size: 16px;
        line-height: 2
    }
    
    .insideBanner .pic {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        z-index: -1;
        background-repeat: no-repeat;
        background-position: center top
    }
    
    @media screen and (max-width:1023px) {
        .insideBanner .container {
            height: auto;
            min-height: 250px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }
        .insideBanner .pic {
            background-position: 70% center;
            background-size: cover
        }
        .insideBanner .text {
            padding-top: 60px;
            top: auto;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        .insideBanner .title {
            font-size: 24px;
            font-weight: 700
        }
        .insideBanner .jsh {
            font-size: 12px
        }
    }
    
    .inside .jianjie {
        padding: 80px 0
    }
    
    .inside .jianjie .nr {
        padding-top: 35px
    }
    
    .inside .jianjie .info {
        color: #666;
        font-size: 15px;
        line-height: 28px;
        text-align: center
    }
    
    .inside .texing {
        padding: 80px 0;
        background: #f7f7f7
    }
    
    .inside .texing .nr {
        padding-top: 35px
    }
    
    .inside .texing .list {
        margin-left: -8px;
        margin-right: -8px
    }
    
    .inside .texing .list li {
        width: 25%;
        float: left;
        padding: 0 8px
    }
    
    .inside .texing .list .box {
        display: block;
        text-align: center;
        border: 1px #d7d7d7 solid;
        padding: 25px 25px
    }
    
    .inside .texing .list .pic {
        position: relative;
        width: 80px;
        margin: auto auto 20px auto
    }
    
    .inside .texing .list .pic:after {
        content: "";
        display: block;
        padding-top: 100%
    }
    
    .inside .texing .list .hover {
        display: none
    }
    
    .inside .texing .list .title {
        font-size: 18px;
        color: #333;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 10px
    }
    
    .inside .texing .list .info {
        color: #666;
        font-size: 14px;
        line-height: 25px;
        height: 50px;
        overflow: hidden
    }
    
    .inside .texing .list .box:hover {
        background: #008ed4;
        border-color: #008ed4
    }
    
    .inside .texing .list .box:hover .default {
        display: none
    }
    
    .inside .texing .list .box:hover .hover {
        display: block
    }
    
    .inside .texing .list .box:hover .text {
        color: #fff
    }
    
    .inside .texing .list .box:hover .title {
        color: #fff
    }
    
    .inside .texing .list .box:hover .info {
        color: #fff
    }
    
    .inside .texing-02 {
        padding: 80px 0;
        background: #f7f7f7
    }
    
    .inside .texing-02 .nr {
        padding-top: 35px
    }
    
    .inside .texing-02 .list {
        margin-left: -8px;
        margin-right: -8px
    }
    
    .inside .texing-02 .list li {
        width: 33.33333333%;
        float: left;
        padding: 0 8px
    }
    
    .inside .texing-02 .list li:nth-child(3n+1) {
        clear: left
    }
    
    .inside .texing-02 .list .box {
        display: block;
        padding: 25px 25px
    }
    
    .inside .texing-02 .list .pic {
        background: url(../images/polygon-01.png) no-repeat center;
        position: relative;
        width: 110px;
        height: 110px;
        margin-bottom: 20px
    }
    
    .inside .texing-02 .list .pic:after {
        content: "";
        display: block;
        padding-top: 100%
    }
    
    .inside .texing-02 .list .hover {
        display: none
    }
    
    .inside .texing-02 .list .box {
        text-align: left
    }
    
    .inside .texing-02 .list .title {
        font-size: 18px;
        color: #333;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 10px
    }
    
    .inside .texing-02 .list .info {
        color: #666;
        font-size: 14px;
        line-height: 25px
    }
    
    .inside .texing-02 .list .box:hover .pic {
        background: url(../images/polygon-02.png) no-repeat center
    }
    
    .inside .texing-02 .list .box:hover .default {
        display: none
    }
    
    .inside .texing-02 .list .box:hover .hover {
        display: block
    }
    
    .inside .texing-02 .list .box:hover .title {
        color: #008ed4
    }
    
    .inside .gongneng {
        padding: 80px 0;
        position: relative;
    }
    
    .inside .gongneng .nr {
        padding-top: 35px
    }
    
    .inside .gongneng .list {
        margin-left: -8px;
        margin-right: -8px
    }
    
    .inside .gongneng .list li {
        width: 25%;
        float: left;
        padding: 0 8px
    }
    
    .inside .gongneng .list li:nth-child(4n+1) {
        clear: left
    }
    
    .inside .gongneng .list li.li-03 {
        width: 33.33333333%
    }
    
    .inside .gongneng .list li.li-03:nth-child(3n+1) {
        clear: left
    }
    
    .inside .gongneng .list li.li-03:nth-child(4n+1) {
        clear: none
    }
    
    .inside .gongneng .list .box {
        display: block;
        padding: 25px 25px
    }
    
    .inside .gongneng .list .pic {
        background: url(../images/polygon-01.png) no-repeat center;
        position: relative;
        width: 110px;
        height: 110px;
        margin-bottom: 20px
    }
    
    .inside .gongneng .list .pic:after {
        content: "";
        display: block;
        padding-top: 100%
    }
    
    .inside .gongneng .list .hover {
        display: none
    }
    
    .inside .gongneng .list .box {
        text-align: left
    }
    
    .inside .gongneng .list .title {
        font-size: 18px;
        color: #333;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 10px
    }
    
    .inside .gongneng .list .info {
        color: #666;
        font-size: 14px;
        line-height: 25px;
        overflow: hidden
    }
    
    .inside .gongneng .list .box:hover .pic {
        background: url(../images/polygon-02.png) no-repeat center
    }
    
    .inside .gongneng .list .box:hover .default {
        display: none
    }
    
    .inside .gongneng .list .box:hover .hover {
        display: block
    }
    
    .inside .gongneng .list .box:hover .title {
        color: #008ed4
    }
    
    .inside .gongneng-02 {
        background: #f7f7f7;
        padding: 80px 0
    }
    
    .inside .gongneng-02 .nr {
        padding-top: 35px
    }
    
    .inside .gongneng-02 .list {
        margin-left: -8px;
        margin-right: -8px
    }
    
    .inside .gongneng-02 .list li {
        width: 25%;
        float: left;
        padding: 0 8px
    }
    
    .inside .gongneng-02 .list li.li-03 {
        width: 33.33333333%
    }
    
    .inside .gongneng-02 .list .box {
        display: block;
        padding: 60px 30px;
        background: #fff;
        text-align: center;
        border: 1px #fff solid;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .inside .gongneng-02 .list .pic {
        border-radius: 100%;
        background: #e0efff;
        position: relative;
        width: 124px;
        height: 124px;
        margin: 0 auto 30px auto
    }
    
    .inside .gongneng-02 .list .pic:after {
        content: "";
        display: block;
        padding-top: 100%
    }
    
    .inside .gongneng-02 .list .hover {
        display: none
    }
    
    .inside .gongneng-02 .list .title {
        font-size: 20px;
        color: #333;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 20px
    }
    
    .inside .gongneng-02 .list .info {
        color: #666;
        font-size: 15px;
        line-height: 25px;
        min-height: 125px
    }
    
    .inside .gongneng-02 .list .box:hover {
        border-color: #008ed4
    }
    
    .inside .gongneng-02 .list .box:hover .default {
        display: none
    }
    
    .inside .gongneng-02 .list .box:hover .hover {
        display: block
    }
    
    .inside .gongneng-02 .list .box:hover .title {
        color: #008ed4
    }
    
    .inside .gongneng-03 {
        padding: 80px 0
    }
    
    .inside .gongneng-03.bg {
        background: #f7f7f7
    }
    
    .inside .gongneng-03 .nr {
        padding-top: 35px
    }
    
    .inside .gongneng-03 .list {
        margin-left: -8px;
        margin-right: -8px;
        overflow: hidden
    }
    
    .inside .gongneng-03 .list li {
        width: 33.33333333%;
        float: left;
        padding: 0 8px;
        border-right: 1px #dedede solid;
        border-top: 1px #dedede solid;
        margin-bottom: -2px;
        position: relative
    }
    
    .inside .gongneng-03 .list li:nth-child(3n) {
        border-right: none
    }
    
    .inside .gongneng-03 .list li:nth-child(1) {
        border-top: none
    }
    
    .inside .gongneng-03 .list li:nth-child(2) {
        border-top: none
    }
    
    .inside .gongneng-03 .list li:nth-child(3) {
        border-top: none
    }
    
    .inside .gongneng-03 .list li:before {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        background: #fff;
        position: absolute;
        right: -13px;
        bottom: -13px;
        z-index: 1
    }
    
    .inside .gongneng-03 .list li:after {
        content: "";
        display: block;
        width: 3px;
        height: 3px;
        background: #dedede;
        position: absolute;
        right: -2px;
        bottom: -1px;
        z-index: 1
    }
    
    .inside .gongneng-03 .list .box {
        display: block;
        padding: 25px 15px 25px 0
    }
    
    .inside .gongneng-03 .list .pic {
        position: relative;
        width: 110px;
        height: 110px;
        margin-right: 20px;
        margin-bottom: 20px;
        float: left
    }
    
    .inside .gongneng-03 .list .pic:after {
        content: "";
        display: block;
        padding-top: 100%
    }
    
    .inside .gongneng-03 .list .hover {
        display: none
    }
    
    .inside .gongneng-03 .list .box {
        text-align: left
    }
    
    .inside .gongneng-03 .list .title {
        font-size: 18px;
        color: #333;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 10px
    }
    
    .inside .gongneng-03 .list .info {
        color: #666;
        font-size: 14px;
        line-height: 25px;
        height: 100px;
        overflow: hidden
    }
    
    .inside .gongneng-03 .list .box:hover .default {
        display: none
    }
    
    .inside .gongneng-03 .list .box:hover .hover {
        display: block
    }
    
    .inside .gongneng-03 .list .box:hover .title {
        color: #008ed4
    }
    
    .inside .changjing {
        padding: 80px 0
    }
    
    .inside .changjing .nr {
        padding-top: 45px
    }
    
    .inside .changjing .tabsMenu {
        width: 21.875%;
        float: left
    }
    
    .inside .changjing .tabsMenu li {
        padding-right: 14px;
        margin-bottom: 10px;
        position: relative
    }
    
    .inside .changjing .tabsMenu li:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 0 8px 14px;
        border-color: transparent transparent transparent #008ed4;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: none
    }
    
    .inside .changjing .tabsMenu li a {
        background: #f7f7f7;
        font-size: 18px;
        display: block;
        line-height: 45px;
        height: 45px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 15px
    }
    
    .inside .changjing .tabsMenu li:hover a {
        background: #008ed4;
        color: #fff
    }
    
    .inside .changjing .tabsMenu li.active a {
        background: #008ed4;
        color: #fff
    }
    
    .inside .changjing .tabsMenu li.active:after {
        display: block
    }
    
    .inside .changjing .tabsSec {
        width: 78.125%;
        float: left;
        padding-left: 75px;
        font-size: 15px;
        line-height: 25px;
        color: #666
    }
    
    .inside .changjing .tabsSec .p-01 {
        margin-bottom: 5px;
        color: #333;
        position: relative
    }
    
    .inside .changjing .tabsSec .p-01:before {
        content: "";
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #f45f1d;
        position: absolute;
        left: -20px;
        top: 8px
    }
    
    .inside .changjing .tabsSec .a-01 {
        margin-right: 30px;
        color: #666
    }
    
    .inside .changjing .tabsSec .a-01 img {
        vertical-align: middle;
        margin-top: -3px
    }
    
    .inside .changjing .tabsSec .a-01:hover {
        color: #f45f1d
    }
    
    .inside .changjing .tabsSec .item {
        display: none
    }
    
    .inside .changjing .tabsSec .text {
        width: 75%;
        float: left;
        padding-right: 20px
    }
    
    .inside .changjing .tabsSec .xh {
        width: 25%;
        float: right;
        background: #201f4b url(../images/yfw-bg.jpg) no-repeat bottom center;
        color: #fff;
        font-size: 14px;
        padding: 20px 10px 20px 20px
    }
    
    .inside .changjing .tabsSec .p-02 {
        font-size: 16px;
        margin-bottom: 5px
    }
    
    .inside .changjing .tabsSec .p-03 {
        line-height: 25px;
        padding-left: 20px;
        position: relative
    }
    
    .inside .changjing .tabsSec .p-03:before {
        content: "";
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #f45f1d;
        position: absolute;
        left: 0;
        top: 10px
    }
    
    .inside .changjing .tabsSec .p-03 .span-01 {
        min-width: 35%;
        display: inline-block
    }
    
    .inside .changjing .tabsSec .btn {
        padding-top: 10px
    }
    
    .inside .changjing .tabsSec .btn a {
        display: inline-block;
        min-width: 80px;
        line-height: 24px;
        text-align: center;
        padding: 0 5px;
        border-radius: 25px;
        padding: 0 10px;
        background: #f45f1d;
        color: #fff;
        font-size: 12px
    }
    
    .inside .changjing-02 {
        padding: 80px 0
    }
    
    .inside .changjing-02 .nr {
        padding-top: 45px
    }
    
    .inside .changjing-02 .list {
        margin-left: -10px;
        margin-right: -10px
    }
    
    .inside .changjing-02 .list li {
        width: 25%;
        float: left;
        padding: 0 10px
    }
    
    .inside .changjing-02 .list .box {
        background: #f7f7f7;
        border: 1px #f7f7f7 solid;
        padding: 30px 25px;
        position: relative
    }
    
    .inside .changjing-02 .list .box .tj {
        display: block;
        width: 60px;
        height: 45px;
        background: url(../images/tj-bg.png) no-repeat right top;
        text-align: center;
        color: #fff;
        padding: 10px 0 0 12px;
        position: absolute;
        top: -10px;
        right: 10px
    }
    
    .inside .changjing-02 .list .title {
        font-size: 22px;
        color: #000;
        margin-bottom: 20px
    }
    
    .inside .changjing-02 .list .div-01 {
        line-height: 30px
    }
    
    .inside .changjing-02 .list .span-01 {
        color: #999;
        float: left;
        display: inline-block;
        width: 30%
    }
    
    .inside .changjing-02 .list .div-02 {
        float: left;
        width: 70%
    }
    
    .inside .changjing-02 .list select {
        width: 100%;
        border: 0;
        border-radius: 0;
        border-bottom: solid 1px #ccc;
        background: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../images/icon/arrow-down-01.png) no-repeat right center;
        height: 30px;
        line-height: 29px
    }
    
    .inside .changjing-02 .list .price-btn {
        padding-top: 20px
    }
    
    .inside .changjing-02 .list .price {
        float: left
    }
    
    .inside .changjing-02 .list .zhk {
        display: inline-block;
        background: #f45f1d;
        color: #fff;
        font-size: 12px;
        min-width: 50px;
        padding: 0 10px;
        line-height: 20px;
        border-radius: 20px;
        text-align: center
    }
    
    .inside .changjing-02 .list .div-03 {
        color: #f45f1d
    }
    
    .inside .changjing-02 .list .div-03 span {
        font-size: 24px
    }
    
    .inside .changjing-02 .list .div-04 {
        color: #999;
        font-size: 12px
    }
    
    .inside .changjing-02 .list .btn {
        margin-top: 50px;
        float: right
    }
    
    .inside .changjing-02 .list .btn a {
        display: inline-block;
        background: #f45f1d;
        color: #fff;
        min-width: 110px;
        padding: 0 10px;
        text-align: center;
        line-height: 30px;
        border-radius: 30px
    }
    
    .inside .changjing-02 .list .box:hover {
        border-color: #008ed4
    }
    
    .inside .yayhch {
        padding: 80px 0
    }
    
    .inside .yayhch.bg {
        background: #f8f8f8
    }
    
    .inside .yayhch .nr {
        padding-top: 35px
    }
    
    .inside .yayhch .list {
        padding-top: 1px
    }
    
    .inside .yayhch .list li {
        position: relative;
        z-index: 0;
        background: #fff;
        border: 1px #e4e4e4 solid;
        overflow: hidden;
        margin-top: -1px
    }
    
    .inside .yayhch .list li:hover {
        border-color: #008ed4;
        z-index: 99
    }
    
    .inside .yayhch .list .box {
        display: block;
        position: relative;
        overflow: hidden;
        padding-right: 155px
    }
    
    .inside .yayhch .list .btn {
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    
    .inside .yayhch .list .btn a {
        display: block;
        background: #f45f1d;
        color: #fff;
        font-size: 14px;
        line-height: 40px;
        width: 125px;
        padding: 0 10px;
        text-align: center;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .inside .yayhch .list .btn a:hover {
        background: #e31b1c
    }
    
    .inside .yayhch .list .title {
        width: 20%;
        float: left;
        height: 140px;
        background: #267ec8;
        color: #fff;
        padding: 55px 0 0 0;
        text-align: center;
        font-size: 4px
    }
    
    .inside .yayhch .list .title>span {
        font-size: 24px
    }
    
    .inside .yayhch .list .title-02 {
        padding-top: 35px
    }
    
    .inside .yayhch .list .selects {
        width: 62%;
        float: left;
        padding-left: 30px;
        height: 140px;
        padding-top: 30px;
        padding-right: 30px
    }
    
    .inside .yayhch .list .selects .bt {
        color: #28343b;
        font-size: 14px;
        margin-bottom: 10px
    }
    
    .inside .yayhch .list .selects select {
        border: 0;
        width: 100%;
        height: 35px;
        padding-left: 10px;
        background: #f2f4f4;
        border: 1px #008ed4 solid;
        font-size: 14px;
        line-height: 33px
    }
    
    .inside .yayhch .list .selects .tc {
        width: 25%;
        float: left;
        padding-right: 10px
    }
    
    .inside .yayhch .list .selects .hddy {
        width: 25%;
        float: left;
        padding-right: 10px
    }
    
    .inside .yayhch .list .selects .kxshch {
        width: 50%;
        float: left
    }
    
    .inside .yayhch .list .selects .col-02 {
        width: 50%;
        float: left;
        padding-right: 10px
    }
    
    .inside .yayhch .list .selects .col-05 {
        width: 20%;
        float: left
    }
    
    .inside .yayhch .list .selects .f-l {
        padding-right: 10px
    }
    
    .inside .yayhch .list .selects .kxgg {
        width: 50%;
        float: left;
        padding-right: 10px
    }
    
    .inside .yayhch .list .selects .span-01 {
        display: inline-block;
        background: #f2f4f4;
        line-height: 33px;
        border: 1px #f2f4f4 solid;
        min-width: 56px;
        text-align: center;
        padding: 0 5px;
        position: relative;
        cursor: pointer
    }
    
    .inside .yayhch .list .selects .span-01 .zk {
        top: -6px;
        right: 0;
        height: 12px;
        color: #fff;
        padding: 0 3px;
        font-style: normal;
        background: #008ed4;
        font-size: 12px;
        line-height: 12px;
        position: absolute
    }
    
    .inside .yayhch .list .selects .span-01.active {
        border: 1px #008ed4 solid
    }
    
    .inside .yayhch .list .selects .span-01.active .zk {
        background: #f45f1d
    }
    
    .inside .yayhch .list .selects .span-01:hover {
        border: 1px #008ed4 solid
    }
    
    .inside .yayhch .list .price {
        width: 18%;
        height: 140px;
        float: left;
        padding-top: 30px;
        padding-left: 30px;
        position: relative
    }
    
    .inside .yayhch .list .price:before {
        content: "";
        display: block;
        height: 80px;
        border-left: 1px #e4e4e4 solid;
        float: left;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }
    
    .inside .yayhch .list .price .div-01 {
        color: #008ed4
    }
    
    .inside .yayhch .list .price .div-01 .span-02 {
        font-size: 32px
    }
    
    .inside .shiyong {
        background: url(../images/shiyong-bg.jpg) no-repeat center;
        background-size: cover;
        padding: 80px 0
    }
    
    .inside .shiyong .nr {
        padding-top: 35px
    }
    
    .inside .shiyong .text {
        max-width: 660px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        text-align: center
    }
    
    .inside .shiyong .btn {
        margin-top: 50px;
        text-align: center
    }
    
    .inside .shiyong .btn a {
        display: inline-block;
        background: #f45f1d;
        color: #fff;
        line-height: 48px;
        text-align: center;
        min-width: 200px;
        padding: 0 10px;
        font-size: 16px;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .inside .shiyong .btn a:hover {
        background: #e31b1c
    }
    
    @media screen and (max-width:1279px) {
        .inside .yayhch .list .box {
            padding-right: 120px
        }
        .inside .yayhch .list .btn {
            right: 20px
        }
        .inside .yayhch .list .btn a {
            width: 100px
        }
        .inside .yayhch .list .title {
            width: 15%;
            font-size: 18px
        }
        .inside .yayhch .list .selects {
            width: 67%;
            padding-left: 10px;
            padding-right: 10px
        }
        .inside .yayhch .list .selects .tc {
            width: 21%
        }
        .inside .yayhch .list .selects .hddy {
            width: 21%
        }
        .inside .yayhch .list .selects .kxshch {
            width: 58%
        }
        .inside .yayhch .list .price .div-01 .span-02 {
            font-size: 24px
        }
    }
    
    @media screen and (max-width:1023px) {
        .inside .jianjie {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .inside .jianjie .nr {
            padding-top: 30px
        }
        .inside .jianjie .info {
            font-size: 14px;
            line-height: 24px
        }
        .inside .texing {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .inside .texing .nr {
            padding-top: 30px
        }
        .inside .texing .list {
            margin-left: -5px;
            margin-right: -5px
        }
        .inside .texing .list li {
            width: 50%;
            float: left;
            padding: 0 5px 10px 5px
        }
        .inside .texing .list .box {
            padding: 15px 10px
        }
        .inside .texing .list .pic {
            width: 50px;
            margin-bottom: 10px
        }
        .inside .texing .list .title {
            font-size: 16px;
            margin-bottom: 0
        }
        .inside .texing .list .info {
            font-size: 14px;
            line-height: 24px
        }
        .inside .texing-02 {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .inside .texing-02 .nr {
            padding-top: 30px
        }
        .inside .texing-02 .list {
            margin-left: -5px;
            margin-right: -5px
        }
        .inside .texing-02 .list li {
            width: 100%;
            float: left;
            padding: 0 5px 10px 5px
        }
        .inside .texing-02 .list .box {
            padding: 15px 0
        }
        .inside .texing-02 .list .pic {
            width: 50px;
            height: 50px;
            background: none !important;
            margin-bottom: 10px
        }
        .inside .texing-02 .list .pic .default {
            display: block !important
        }
        .inside .texing-02 .list .pic .hover {
            display: none !important
        }
        .inside .texing-02 .list .title {
            font-size: 16px;
            margin-bottom: 0
        }
        .inside .texing-02 .list .info {
            font-size: 14px;
            line-height: 24px
        }
        .inside .gongneng {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .inside .gongneng .nr {
            padding-top: 30px
        }
        .inside .gongneng .list {
            margin-left: -5px;
            margin-right: -5px
        }
        .inside .gongneng .list li {
            width: 50%;
            float: left;
            padding: 0 5px 10px 5px
        }
        .inside .gongneng .list li:nth-child(4n+1) {
            clear: none
        }
        .inside .gongneng .list li:nth-child(2n+1) {
            clear: left
        }
        .inside .gongneng .list li.li-03 {
            width: 50%
        }
        .inside .gongneng .list li.li-03:nth-child(3n+1) {
            clear: none
        }
        .inside .gongneng .list li.li-03:nth-child(2n+1) {
            clear: left
        }
        .inside .gongneng .list .box {
            padding: 15px 0
        }
        .inside .gongneng .list .pic {
            width: 50px;
            height: 50px;
            background: none;
            margin-bottom: 10px
        }
        .inside .gongneng .list .title {
            font-size: 16px;
            margin-bottom: 0
        }
        .inside .gongneng .list .info {
            font-size: 14px;
            line-height: 24px
        }
        .inside .gongneng-02 {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .inside .gongneng-02 .nr {
            padding-top: 30px
        }
        .inside .gongneng-02 .list {
            margin-left: -5px;
            margin-right: -5px
        }
        .inside .gongneng-02 .list li {
            width: 100%;
            float: left;
            padding: 0 5px 10px 5px
        }
        .inside .gongneng-02 .list .box {
            padding: 15px 10px
        }
        .inside .gongneng-02 .list .pic {
            width: 50px;
            height: 50px;
            margin-bottom: 10px
        }
        .inside .gongneng-02 .list .title {
            font-size: 16px;
            margin-bottom: 0
        }
        .inside .gongneng-02 .list .info {
            font-size: 14px;
            line-height: 24px;
            min-height: auto
        }
        .inside .gongneng-03 {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .inside .gongneng-03 .nr {
            padding-top: 30px
        }
        .inside .gongneng-03 .list {
            margin-left: -5px;
            margin-right: -5px
        }
        .inside .gongneng-03 .list li {
            width: 100%;
            float: left;
            padding: 0 5px 10px 5px;
            border-bottom: 1px #dedede solid !important;
            border-top: none !important;
            border-right: none
        }
        .inside .gongneng-03 .list .box {
            padding: 15px 0
        }
        .inside .gongneng-03 .list .pic {
            width: 50px;
            height: 50px;
            background: none;
            margin-bottom: 10px
        }
        .inside .gongneng-03 .list .title {
            font-size: 16px;
            margin-bottom: 0
        }
        .inside .gongneng-03 .list .info {
            font-size: 14px;
            line-height: 24px;
            height: auto
        }
        .inside .changjing {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .inside .changjing .nr {
            padding-top: 30px
        }
        .inside .changjing .tabsMenu {
            width: 100%;
            float: none;
            clear: both;
            overflow: hidden
        }
        .inside .changjing .tabsMenu li {
            padding: 0;
            width: 50%;
            float: left;
            text-align: center
        }
        .inside .changjing .tabsMenu li:after {
            display: none !important
        }
        .inside .changjing .tabsMenu li a {
            font-size: 14px
        }
        .inside .changjing .tabsMenu li.li-04 {
            width: 25%
        }
        .inside .changjing .tabsMenu li.li-04 a {
            padding: 0 0;
            font-size: 12px
        }
        .inside .changjing .tabsSec {
            width: 100%;
            float: none;
            line-height: 24px;
            padding: 15px 0 15px 15px
        }
        .inside .changjing .tabsSec .p-01:before {
            left: -15px
        }
        .inside .changjing .tabsSec .text {
            width: 100%
        }
        .inside .changjing .tabsSec .xh {
            width: 100%;
            background-size: cover;
            margin-top: 10px
        }
        .inside .changjing-02 .list li {
            width: 50%;
            padding-bottom: 20px
        }
        .inside .yayhch {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .inside .yayhch .nr {
            padding-top: 30px
        }
        .inside .yayhch .list .box {
            padding: 0 0 10px 0
        }
        .inside .yayhch .list .title {
            width: 100%;
            height: auto;
            padding-top: 5px;
            padding-bottom: 5px
        }
        .inside .yayhch .list .title-02 {
            font-size: 14px
        }
        .inside .yayhch .list .selects {
            width: 100%;
            height: auto;
            padding: 5px 10px
        }
        .inside .yayhch .list .selects .tc {
            width: 50%
        }
        .inside .yayhch .list .selects .hddy {
            width: 50%
        }
        .inside .yayhch .list .selects .kxshch {
            width: 100%
        }
        .inside .yayhch .list .selects .col-02 {
            width: 100%
        }
        .inside .yayhch .list .selects .col-05 {
            width: 100%
        }
        .inside .yayhch .list .price {
            width: 100%;
            height: auto;
            clear: both;
            overflow: hidden;
            padding: 5px 10px
        }
        .inside .yayhch .list .price:before {
            display: none
        }
        .inside .yayhch .list .btn {
            width: 100%;
            height: auto;
            position: relative;
            top: initial;
            right: initial;
            clear: both;
            overflow: hidden;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            padding: 5px 10px
        }
        .inside .shiyong {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .inside .shiyong .nr {
            padding-top: 30px
        }
        .inside .shiyong .text {
            font-size: 14px
        }
        .inside .shiyong .btn {
            margin-top: 20px
        }
        .inside .shiyong .btn a {
            font-size: 14px;
            min-width: 160px;
            line-height: 40px
        }
    }
    
    @media screen and (max-width:640px) {
        .inside .changjing-02 .list li {
            width: 100%;
            padding: 0 0 5px 0
        }
        .inside .yayhch .list .selects .kxgg {
            width: 100%
        }
    }
    
    .sywl .huichang {
        text-align: center;
        padding: 80px 0
    }
    
    .sywl .huichang .nr {
        padding-top: 35px
    }
    
    @media screen and (max-width:1023px) {
        .sywl .huichang {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .sywl .huichang .nr {
            padding-top: 30px
        }
    }
    
    .waf .texing .list .info {
        height: 75px
    }
    
    .nat .fuwu {
        padding-top: 80px;
        padding-bottom: 80px
    }
    
    .nat .fuwu .nr {
        padding-top: 35px
    }
    
    .nat .fuwu .list {
        margin-left: -8px;
        margin-right: -8px
    }
    
    .nat .fuwu .list li {
        width: 16.66666667%;
        float: left;
        padding: 0 8px;
        position: relative
    }
    
    .nat .fuwu .list li:after {
        content: "";
        display: block;
        border-top: 1px #dcdcdc dashed;
        position: absolute;
        width: 100%;
        top: 56px;
        left: 50%;
        margin: auto
    }
    
    .nat .fuwu .list li:last-child:after {
        display: none
    }
    
    .nat .fuwu .list .box {
        display: block;
        padding: 0 25px;
        text-align: center;
        position: relative
    }
    
    .nat .fuwu .list .pic {
        position: relative;
        z-index: 1;
        width: 112px;
        height: 112px;
        border-radius: 50%;
        background: #fff;
        border: 1px #dcdcdc solid;
        margin: 0 auto 20px auto
    }
    
    .nat .fuwu .list .pic:after {
        content: "";
        display: block;
        padding-top: 100%
    }
    
    .nat .fuwu .list .pic .num {
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #f45f1d;
        color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 30px;
        position: absolute;
        right: 0;
        bottom: 0
    }
    
    .nat .fuwu .list .hover {
        display: none
    }
    
    .nat .fuwu .list .title {
        font-size: 18px;
        color: #333;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 10px
    }
    
    .nat .fuwu .list .info {
        color: #666;
        font-size: 14px;
        line-height: 25px
    }
    
    .nat .fuwu .list .box:hover .default {
        display: none
    }
    
    .nat .fuwu .list .box:hover .hover {
        display: block
    }
    
    .nat .fuwu .list .box:hover .title {
        color: #008ed4
    }
    
    @media screen and (max-width:1023px) {
        .nat .fuwu {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .nat .fuwu .nr {
            padding-top: 30px
        }
        .nat .fuwu .list {
            margin-left: -5px;
            margin-right: -5px
        }
        .nat .fuwu .list li {
            width: 50%;
            float: left;
            padding: 0 5px 10px 5px
        }
        .nat .fuwu .list li:after {
            display: none
        }
        .nat .fuwu .list .box {
            padding: 15px 10px
        }
        .nat .fuwu .list .pic {
            width: 72px;
            height: 72px;
            margin-bottom: 10px
        }
        .nat .fuwu .list .pic .num {
            width: 24px;
            height: 24px;
            font-size: 14px;
            line-height: 24px
        }
        .nat .fuwu .list .title {
            font-size: 16px;
            margin-bottom: 0
        }
        .nat .fuwu .list .info {
            font-size: 14px;
            line-height: 24px;
            min-height: auto
        }
    }
    
    .yuntuoguan .fuwu {
        padding: 80px 0;
    }
    
    .yuntuoguan .fuwu .nr {
        padding-top: 45px
    }
    
    .yuntuoguan .fuwu .desc {
        font-size: 16px;
        color: #999;
        text-align: center;
        max-width: 1040px;
        margin-left: auto;
        margin-right: auto;
        line-height: 28px
    }
    
    .yuntuoguan .fuwu .list {
        background: url(../images/yuntuoguan-bg.png) no-repeat center top;
        width: 431px;
        height: 420px;
        margin: 40px auto 0 auto;
        position: relative
    }
    
    .yuntuoguan .fuwu .list .text {
        width: 420px
    }
    
    .yuntuoguan .fuwu .list .num {
        display: block;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border: 3px #008ed4 solid;
        background: #fff;
        text-align: center;
        line-height: 20px;
        color: #666;
        font-size: 14px;
        font-weight: 700
    }
    
    .yuntuoguan .fuwu .list .title {
        font-size: 16px;
        color: #333;
        margin-bottom: 5px
    }
    
    .yuntuoguan .fuwu .list .info {
        font-size: 14px;
        color: #666
    }
    
    .yuntuoguan .fuwu .list .li-01 .num {
        position: absolute;
        left: 181px;
        top: 0
    }
    
    .yuntuoguan .fuwu .list .li-01 .text {
        position: absolute;
        left: 420px;
        top: 40px
    }
    
    .yuntuoguan .fuwu .list .li-02 .num {
        position: absolute;
        left: 223px;
        top: 61px
    }
    
    .yuntuoguan .fuwu .list .li-02 .text {
        position: absolute;
        right: 100%;
        top: 110px;
        text-align: right;
        margin-right: -20px
    }
    
    .yuntuoguan .fuwu .list .li-03 .num {
        position: absolute;
        left: 181px;
        top: 126px
    }
    
    .yuntuoguan .fuwu .list .li-03 .text {
        position: absolute;
        left: 420px;
        top: 165px
    }
    
    .yuntuoguan .fuwu .list .li-04 .num {
        position: absolute;
        left: 224px;
        top: 190px
    }
    
    .yuntuoguan .fuwu .list .li-04 .text {
        position: absolute;
        right: 100%;
        top: 240px;
        text-align: right;
        margin-right: -20px
    }
    
    .yuntuoguan .fuwu .list .li-05 .num {
        position: absolute;
        left: 181px;
        top: 255px
    }
    
    .yuntuoguan .fuwu .list .li-05 .text {
        position: absolute;
        left: 420px;
        top: 307px
    }
    
    .yuntuoguan .fuwu .list .li-06 .num {
        position: absolute;
        left: 224px;
        top: 319px
    }
    
    .yuntuoguan .fuwu .list .li-06 .text {
        position: absolute;
        right: 100%;
        top: 370px;
        text-align: right;
        margin-right: -20px
    }
    
    .yuntuoguan .fuwu .list .li-07 .num {
        position: absolute;
        left: 181px;
        top: 385px
    }
    
    .yuntuoguan .fuwu .list .li-07 .text {
        position: absolute;
        left: 420px;
        top: 430px
    }
    
    .yuntuoguan .ywfw {
        padding: 80px 0;
        background: #f7f7f7
    }
    
    .yuntuoguan .ywfw .nr {
        padding-top: 45px
    }
    
    .yuntuoguan .ywfw .table-01 {
        font-size: 16px;
        line-height: 45px;
        text-align: center;
    }
    
    .yuntuoguan .ywfw .table-01 th,
    .yuntuoguan .ywfw .table-01 td {
        border: 1px #ddd solid;
        padding: 5px 30px
    }
    
    .yuntuoguan .ywfw .table-01 th {
        background: #008ed4;
        color: #fff;
        font-weight: 400;
        text-align: left
    }
    
    @media screen and (max-width:1279px) {
        .yuntuoguan .fuwu .list .text {
            width: 320px
        }
        .yuntuoguan .fuwu .list .li-01 .text {
            left: 395px
        }
        .yuntuoguan .fuwu .list .li-03 .text {
            left: 395px
        }
        .yuntuoguan .fuwu .list .li-05 .text {
            left: 395px
        }
        .yuntuoguan .fuwu .list .li-07 .text {
            left: 395px
        }
    }
    
    @media screen and (max-width:1023px) {
        .yuntuoguan .fuwu {
            padding-top: 40px;
            padding-bottom: 40px;
            margin-bottom: 0
        }
        .yuntuoguan .fuwu .nr {
            padding-top: 30px
        }
        .yuntuoguan .fuwu .desc {
            font-size: 14px
        }
        .yuntuoguan .fuwu .list {
            width: auto;
            background: none;
            height: auto;
            overflow: hidden
        }
        .yuntuoguan .fuwu .list .box {
            position: relative;
            padding-left: 40px
        }
        .yuntuoguan .fuwu .list li {
            padding-bottom: 20px
        }
        .yuntuoguan .fuwu .list li .text {
            width: 100%
        }
        .yuntuoguan .fuwu .list li .num {
            left: 0 !important;
            top: 0 !important
        }
        .yuntuoguan .fuwu .list li .text {
            position: static !important;
            text-align: left !important
        }
        .yuntuoguan .ywfw {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .yuntuoguan .ywfw .nr {
            padding-top: 30px
        }
        .yuntuoguan .ywfw .table-01 {
            font-size: 14px
        }
        .yuntuoguan .ywfw .table-01 th,
        .yuntuoguan .ywfw .table-01 td {
            padding: 10px 5px;
            line-height: 20px
        }
        .yuntuoguan .ywfw .table-01 th:nth-child(1) {
            width: 80px
        }
        .yuntuoguan .ywfw .table-01 th:nth-child(2) {
            width: 80px
        }
        .yuntuoguan .ywfw .table-01 td {
            font-size: 12px
        }
    }
    
    .ddos .jianjie .info {
        max-width: 1010px;
        margin-left: auto;
        margin-right: auto
    }
    
    .ddos .gongneng {
        background: #f7f7f7
    }
    
    .wzwxsm .texing .list .info {
        height: 75px
    }
    
    .case {
        padding-top: 80px;
        padding-bottom: 80px;
        background: #f4f4f4
    }
    
    .case .nr {
        padding-top: 45px
    }
    
    .case .list {
        margin-left: -9px;
        margin-right: -9px
    }
    
    .case .list li {
        width: 25%;
        float: left;
        padding: 0 9px 18px 9px
    }
    
    .case .list .box {
        border: 1px #d9dde8 solid;
        background: #fff
    }
    
    .case .list .pic {
        display: block;
        position: relative
    }
    
    .case .list .pic:after {
        content: "";
        display: block;
        padding-top: 30%
    }
    
    @media screen and (max-width:1023px) {
        .case {
            padding-top: 40px;
            padding-bottom: 30px
        }
        .case .nr {
            padding-top: 30px
        }
        .case .list {
            margin-left: -5px;
            margin-right: -5px
        }
        .case .list li {
            width: 50%;
            padding: 0 5px 10px 5px
        }
    }
    
    .ssl .why {
        padding-top: 80px;
        padding-bottom: 80px
    }
    
    .ssl .why .nr {
        padding-top: 45px
    }
    
    .ssl .why .list li {
        width: 25%;
        float: left;
        text-align: center
    }
    
    .ssl .why .list .box {
        padding: 30px 0
    }
    
    .ssl .why .list .pic {
        display: block;
        width: 124px;
        height: 124px;
        position: relative;
        margin: auto;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .ssl .why .list .pic:after {
        content: "";
        display: block;
        background: url(../images/circle.png) no-repeat center center;
        background-size: 100%;
        width: 124px;
        height: 124px;
        position: absolute;
        z-index: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    
    .ssl .why .list .pic img {
        z-index: 9
    }
    
    .ssl .why .list .pic .hover {
        display: none
    }
    
    .ssl .why .list .title {
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 20px
    }
    
    .ssl .why .list .info {
        font-size: 15px;
        color: #666;
        line-height: 24px;
        max-width: 235px;
        margin-left: auto;
        margin-right: auto;
        height: 72px;
        overflow: hidden
    }
    
    .ssl .why .list .box:hover {
        background: #008ed4;
        color: #fff
    }
    
    .ssl .why .list .box:hover .pic:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        background: url(../images/circle-02.png) no-repeat center center
    }
    
    .ssl .why .list .box:hover .default {
        display: none
    }
    
    .ssl .why .list .box:hover .hover {
        display: block
    }
    
    .ssl .why .list .box:hover .info {
        color: #fff
    }
    
    .ssl .advantage {
        padding-top: 80px;
        padding-bottom: 0;
        background: #f7f7f7
    }
    
    .ssl .advantage .nr {
        background: url(../images/ssl-advantage-bg.png) no-repeat center top
    }
    
    .ssl .advantage .list {
        height: 600px;
        position: relative;
        overflow: hidden
    }
    
    .ssl .advantage .list li {
        width: 14.28571429%;
        float: left;
        position: relative
    }
    
    .ssl .advantage .list li:after {
        content: "";
        display: block;
        width: 2px;
        height: 200px;
        background: -webkit-gradient(linear, left top, left bottom, from(#008ed4), to(rgba(0, 142, 212, 0)));
        background: linear-gradient(#008ed4, rgba(0, 142, 212, 0));
        margin: auto;
        top: 140px
    }
    
    .ssl .advantage .list .li-01 {
        position: absolute;
        bottom: 115px;
        left: 95px
    }
    
    .ssl .advantage .list .li-02 {
        position: absolute;
        bottom: 240px;
        left: 289px
    }
    
    .ssl .advantage .list .li-03 {
        position: absolute;
        bottom: 180px;
        left: 417px
    }
    
    .ssl .advantage .list .li-04 {
        position: absolute;
        bottom: 110px;
        left: 548px
    }
    
    .ssl .advantage .list .li-05 {
        position: absolute;
        bottom: 180px;
        left: 671px
    }
    
    .ssl .advantage .list .li-06 {
        position: absolute;
        bottom: 230px;
        left: 795px
    }
    
    .ssl .advantage .list .li-07 {
        position: absolute;
        bottom: 115px;
        left: 1004px
    }
    
    .ssl .advantage .list .box {
        text-align: center
    }
    
    .ssl .advantage .list .pic {
        display: block;
        width: 80px;
        height: 80px;
        background: #008ed4;
        border-radius: 50%;
        position: relative;
        margin: auto;
        -webkit-box-shadow: 0 0 0 6px rgba(0, 142, 212, 0.4);
        box-shadow: 0 0 0 6px rgba(0, 142, 212, 0.4)
    }
    
    .ssl .advantage .list .title {
        font-size: 18px;
        line-height: 60px
    }
    
    .ssl .tedian {
        background: url(../images/ssl-tedian-bg.jpg) no-repeat center;
        color: #fff;
        padding: 80px 0
    }
    
    .ssl .tedian .nr {
        position: relative;
        min-height: 550px
    }
    
    .ssl .tedian .nr .pic {
        position: absolute;
        z-index: 9;
        width: 454px;
        top: 100px;
        left: 0;
        right: 0;
        margin: auto
    }
    
    .ssl .tedian .titleBig {
        font-size: 20px
    }
    
    .ssl .tedian .titleBig span {
        display: inline-block;
        border-top: 1px #fff solid;
        border-bottom: 1px #fff solid;
        line-height: 54px;
        text-align: center
    }
    
    .ssl .tedian .zhsh {
        float: left;
        width: 50%
    }
    
    .ssl .tedian .zhsh .titleBig {
        text-align: right;
        padding-right: 60px
    }
    
    .ssl .tedian .zhsh .icon {
        margin-left: -10px
    }
    
    .ssl .tedian .aqfh {
        float: right;
        width: 50%
    }
    
    .ssl .tedian .aqfh .titleBig {
        padding-left: 60px
    }
    
    .ssl .tedian .aqfh .icon {
        margin-right: -10px
    }
    
    .ssl .tedian .aqfh .box {
        float: right
    }
    
    .ssl .tedian .list {
        padding-top: 10px
    }
    
    .ssl .tedian .list li {
        clear: both;
        overflow: hidden;
        margin-bottom: 30px
    }
    
    .ssl .tedian .list .box {
        max-width: 370px
    }
    
    .ssl .tedian .list .text {
        border-bottom: 1px rgba(255, 255, 255, 0.4) dashed;
        padding-top: 10px;
        padding-bottom: 15px
    }
    
    .ssl .tedian .list .title {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 5px;
        line-height: 50px
    }
    
    .ssl .tedian .list .icon {
        max-height: 50px;
        vertical-align: top
    }
    
    .ssl .tedian .list .info {
        font-size: 14px;
        line-height: 22px
    }
    
    .ssl .tedian .list .li-01,
    .ssl .tedian .list .li-03 {
        padding-left: 50px
    }
    
    .ssl .tedian .list .li-04,
    .ssl .tedian .list .li-05,
    .ssl .tedian .list .li-06 {
        text-align: right
    }
    
    .ssl .tedian .list .li-04 .icon,
    .ssl .tedian .list .li-05 .icon,
    .ssl .tedian .list .li-06 .icon {
        float: right
    }
    
    .ssl .tedian .list .li-04,
    .ssl .tedian .list .li-06 {
        padding-right: 50px
    }
    
    .ssl .zhshlx {
        padding-top: 70px;
        padding-bottom: 70px
    }
    
    .ssl .zhshlx .table-01 table {
        width: 100%;
        color: #666;
        font-size: 15px;
        text-align: center
    }
    
    .ssl .zhshlx .table-01 td {
        border: 1px #e4e4e4 solid;
        line-height: 30px;
        padding: 8px 5px
    }
    
    .ssl .zhshlx .table-01 .bt {
        font-weight: 700;
        font-size: 16px
    }
    
    .ssl .zhshlx .table-01 tr td:first-child {
        background: #f8f9fb
    }
    
    .ssl .zhshlx .table-01 .bshqb td {
        padding-top: 30px;
        padding-bottom: 30px
    }
    
    @media screen and (max-width:1023px) {
        .ssl .why {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .ssl .why .nr {
            padding-top: 30px
        }
        .ssl .why .list li {
            width: 50%
        }
        .ssl .why .list .pic {
            width: 100px;
            height: 100px
        }
        .ssl .why .list .pic:after {
            width: 100px;
            height: 100px
        }
        .ssl .why .list .pic img {
            max-width: 60px
        }
        .ssl .why .list .title {
            margin-top: 10px;
            margin-bottom: 5px;
            font-size: 16px
        }
        .ssl .why .list .info {
            font-size: 14px;
            line-height: 1.5
        }
        .ssl .advantage {
            padding-top: 40px;
            padding-bottom: 40px
        }
        .ssl .advantage .nr {
            padding-top: 30px;
            background: none
        }
        .ssl .advantage .list {
            height: auto;
            padding-bottom: 6px
        }
        .ssl .advantage .list li {
            width: 50%;
            float: left;
            position: static !important
        }
        .ssl .advantage .list li:after {
            display: none
        }
        .ssl .advantage .list .title {
            font-size: 14px
        }
        .ssl .tedian {
            padding-top: 40px;
            padding-bottom: 40px;
            background-size: cover
        }
        .ssl .tedian .titleBig {
            font-size: 16px
        }
        .ssl .tedian .titleBig span {
            line-height: 34px
        }
        .ssl .tedian .zhsh {
            width: 100%;
            padding-bottom: 40px
        }
        .ssl .tedian .zhsh .titleBig {
            text-align: center;
            padding-right: 0
        }
        .ssl .tedian .aqfh {
            width: 100%
        }
        .ssl .tedian .aqfh .titleBig {
            padding-left: 0;
            text-align: center
        }
        .ssl .tedian .aqfh .box {
            float: none
        }
        .ssl .tedian .pic {
            display: none
        }
        .ssl .tedian .list .zhsh {
            padding-bottom: 20px
        }
        .ssl .tedian .list li {
            margin-bottom: 0
        }
        .ssl .tedian .list .li-01,
        .ssl .tedian .list .li-03 {
            padding-left: 0
        }
        .ssl .tedian .list .li-04,
        .ssl .tedian .list .li-06 {
            padding-right: 0
        }
        .ssl .tedian .list .li-04,
        .ssl .tedian .list .li-05,
        .ssl .tedian .list .li-06 {
            text-align: left
        }
        .ssl .tedian .list .li-04 .icon,
        .ssl .tedian .list .li-05 .icon,
        .ssl .tedian .list .li-06 .icon {
            float: left;
            margin-right: 0;
            margin-left: -10px
        }
        .ssl .tedian .list .text {
            padding-top: 20px;
            padding-bottom: 20px
        }
        .ssl .tedian .list .title {
            font-size: 16px;
            line-height: 40px
        }
        .ssl .tedian .list .icon {
            max-height: 40px
        }
        .ssl .tedian .list .info {
            font-size: 14px
        }
        .ssl .zhshlx .table-01 table {
            font-size: 12px
        }
        .ssl .zhshlx .table-01 .bt {
            font-size: 12px
        }
    }
    
    .insideBanner-about .text {
        max-width: 100%;
        text-align: center
    }
    
    .inside-about {
        color: #555;
        font-size: 15px;
        line-height: 30px;
        padding: 80px 0 70px 0
    }
    
    .inside-about dl {
        overflow: hidden;
        padding-bottom: 50px;
        margin-bottom: 20px;
        border-bottom: solid 1px #f0f0f0
    }
    
    .inside-about dt {
        width: 50%;
        float: left
    }
    
    .inside-about dd {
        width: 50%;
        float: left;
        padding-left: 60px
    }
    
    .inside-about dd .en-1 {
        color: #008ed4;
        font-family: arial;
        font-size: 16px;
        padding-left: 30px;
        letter-spacing: 10px;
        position: relative;
        padding-bottom: 20px;
        text-transform: uppercase
    }
    
    .inside-about dd .en-1:before {
        content: "";
        width: 12px;
        height: 12px;
        top: 50%;
        left: 0;
        margin-top: -16px;
        position: absolute;
        background: #008ed4
    }
    
    .inside-about dd .en-1:after {
        content: "";
        bottom: 0;
        width: 300px;
        height: 1px;
        left: -110px;
        z-index: 2;
        position: absolute;
        background: #c9c9c9
    }
    
    .inside-about dd .en-2 {
        font-size: 40px;
        color: #333;
        padding-top: 30px;
        font-weight: 700;
        line-height: 40px;
        text-transform: uppercase
    }
    
    .inside-about .font25 {
        font-size: 25px;
        color: #333;
        padding-top: 30px;
        padding-bottom: 30px
    }
    
    .inside-about .font30 {
        font-size: 30px;
        color: #333;
        margin-top: 10px;
        margin-bottom: 30px;
        line-height: 40px
    }
    
    @media (max-width:1024px) {
        .inside-about {
            padding: 50px 10px
        }
        .inside-about dl {
            padding-bottom: 30px;
            margin-bottom: 10px
        }
        .inside-about dt {
            display: none
        }
        .inside-about dd {
            width: 100%;
            float: none;
            padding-left: 0
        }
        .inside-about dd .en-1 {
            padding-bottom: 10px;
            letter-spacing: 5px
        }
        .inside-about dd .en-1:before {
            margin-top: -12px
        }
        .inside-about dd .en-1:after {
            left: 0
        }
        .inside-about dd .en-2 {
            font-size: 20px;
            line-height: 24px
        }
        .inside-about .font30 {
            font-size: 20px;
            margin-bottom: 20px;
            line-height: 30px
        }
        .inside-about .font25 {
            font-size: 16px;
            padding: 20px 0
        }
    }
    
    .inside-contact {
        padding: 80px 0 0 0
    }
    
    @media (max-width:1200px) {
        .inside-contact {
            padding: 40px 0
        }
    }
    
    .inside-contact .box-1 {
        margin-top: 50px;
        padding-bottom: 50px
    }
    
    .inside-contact .box-1 li {
        width: 33.333%;
        float: left;
        padding: 0 13px;
        text-align: center
    }
    
    .inside-contact .box-1 li .item {
        background: #f7f7f7;
        height: 220px;
        padding-top: 50px;
        -webkit-transition: all 334ms ease;
        transition: all 334ms ease;
        background: rgba(247, 247, 247, 0.95)
    }
    
    .inside-contact .box-1 li .txt {
        font-size: 18px;
        margin-bottom: 10px
    }
    
    .inside-contact .box-1 li .tit {
        font-size: 14px;
        color: #444d59
    }
    
    .inside-contact .box-1 li .icobox {
        overflow: hidden;
        display: inline-block;
        position: relative
    }
    
    .inside-contact .box-1 li .ico-h {
        bottom: -10px;
        left: 0;
        opacity: 0;
        position: absolute;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease
    }
    
    .inside-contact .box-1 li:hover .item {
        color: #fff;
        background: #369cf1
    }
    
    .inside-contact .box-1 li:hover .txt {
        color: #fff
    }
    
    .inside-contact .box-1 li:hover .tit {
        color: #fff
    }
    
    .inside-contact .box-1 li:hover .ico {
        opacity: 0
    }
    
    .inside-contact .box-1 li:hover .ico-h {
        opacity: 1;
        bottom: 0
    }
    
    @media (max-width:1200px) {
        .inside-contact .box-1 li .item {
            height: 160px;
            padding: 0 10px;
            padding-top: 20px
        }
        .inside-contact .box-1 li .tit {
            font-size: 14px;
            margin-top: 15px
        }
    }
    
    @media (max-width:640px) {
        .inside-contact .box-1 {
            padding: 0;
            margin-top: 15px
        }
    }
    
    @media (max-width:750px) {
        .inside-contact .box-1 li {
            width: 100%;
            margin-bottom: 15px
        }
        .inside-contact .box-1 li .item {
            margin-left: 0;
            height: auto;
            padding: 30px
        }
    }
    
    .inside-contact .map {
        background: url(../images/world-map.png) no-repeat center top
    }
    
    .inside-contact .inmap {
        width: 989px;
        height: 1104px;
        margin-left: 95px;
        margin: 0 auto;
        margin-top: 44px;
        position: relative;
        background: url("../images/cbg.png") no-repeat top left
    }
    
    @media (max-width:989px) {
        .inside-contact .inmap {
            display: none
        }
    }
    
    .inside-contact .inmap .area {
        position: absolute;
        width: 96px;
        height: 96px;
        visibility: visible;
        opacity: 1
    }
    
    .inside-contact .inmap .area .name {
        position: absolute;
        z-index: 9;
        top: 8px;
        left: 27px;
        font-size: 21px;
        cursor: initial;
        color: #333;
        width: 100px
    }
    
    .inside-contact .inmap .area .dot {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 18px;
        height: 18px;
        margin: auto;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        background-color: #0791d5
    }
    
    .inside-contact .inmap .area .circle {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        background: transparent
    }
    
    .inside-contact .inmap .area .circle:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
        background: #0791d5;
        opacity: 0;
        -webkit-animation: ripple 4500ms ease-out 225ms infinite;
        animation: ripple 4500ms ease-out 225ms infinite
    }
    
    .inside-contact .inmap .area .circle-shadow:after {
        -webkit-box-shadow: inset 0 0 5em rgba(7, 145, 213, 0.2);
        box-shadow: inset 0 0 5em rgba(7, 145, 213, 0.2)
    }
    
    .inside-contact .inmap .area .circle-10:after {
        -webkit-animation: ripple 4500ms ease-out 225ms infinite;
        animation: ripple 4500ms ease-out 225ms infinite
    }
    
    .inside-contact .inmap .area .circle-40:after {
        -webkit-animation: ripple 4500ms ease-out 900ms infinite;
        animation: ripple 4500ms ease-out 900ms infinite
    }
    
    .inside-contact .inmap .area .circle-70:after {
        -webkit-animation: ripple 4500ms ease-out 1575ms infinite;
        animation: ripple 4500ms ease-out 1575ms infinite
    }
    
    .inside-contact .inmap .area .circle-80:after {
        -webkit-animation: ripple 4500ms ease-out 1800ms infinite;
        animation: ripple 4500ms ease-out 1800ms infinite
    }
    
    .inside-contact .inmap .area01 {
        top: 248px;
        right: 216px
    }
    
    .inside-contact .inmap .area01 .name {
        top: 8px;
        left: 27px
    }
    
    .inside-contact .inmap .area02 {
        top: 308px;
        right: 202px
    }
    
    .inside-contact .inmap .area02 .name {
        top: 30px;
        left: 62px
    }
    
    .inside-contact .inmap .area03 {
        top: 372px;
        right: 159px
    }
    
    .inside-contact .inmap .area03 .name {
        top: 12px;
        left: 27px
    }
    
    .inside-contact .inmap .area04 {
        top: 415px;
        right: 127px
    }
    
    .inside-contact .inmap .area04 .name {
        top: 12px;
        left: 40px
    }
    
    .inside-contact .inmap .area05 {
        top: 402px;
        right: 186px
    }
    
    .inside-contact .inmap .area05 .name {
        top: 61px;
        left: 27px
    }
    
    .inside-contact .inmap .area06 {
        top: 430px;
        right: 104px
    }
    
    .inside-contact .inmap .area06 .name {
        top: 27px;
        left: 75px
    }
    
    .inside-contact .inmap .area07 {
        top: 469px;
        right: 119px
    }
    
    .inside-contact .inmap .area07 .name {
        top: 28px;
        left: 66px
    }
    
    .inside-contact .inmap .area08 {
        top: 449px;
        right: 242px
    }
    
    .inside-contact .inmap .area08 .name {
        top: 33px;
        left: -14px
    }
    
    .inside-contact .inmap .area09 {
        top: 509px;
        right: 262px
    }
    
    .inside-contact .inmap .area09 .name {
        top: 61px;
        left: 27px
    }
    
    .inside-contact .inmap .area10 {
        top: 541px;
        right: 125px
    }
    
    .inside-contact .inmap .area10 .name {
        top: 33px;
        left: 70px
    }
    
    .inside-contact .inmap .area11 {
        top: 569px;
        right: 145px
    }
    
    .inside-contact .inmap .area11 .name {
        top: 51px;
        left: 61px
    }
    
    .inside-contact .inmap .area12 {
        top: 630px;
        right: 229px
    }
    
    .inside-contact .inmap .area12 .name {
        top: 61px;
        left: 33px
    }
    
    .inside-contact .inmap .area13 {
        top: 607px;
        right: 246px
    }
    
    .inside-contact .inmap .area13 .name {
        top: 8px;
        left: 22px
    }
    
    .inside-contact .inmap01 {
        display: none;
        padding: 0 30px
    }
    
    @media (max-width:989px) {
        .inside-contact .inmap01 {
            display: block
        }
    }
    
    .inside-news {
        padding: 70px 0
    }
    
    .inside-news ul {
        margin-top: 50px
    }
    
    .inside-news li {
        padding: 40px 0;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease
    }
    
    .inside-news li dl {
        position: relative
    }
    
    .inside-news li dt {
        width: 24.8%;
        float: left;
        position: relative
    }
    
    .inside-news li dt a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative
    }
    
    .inside-news li dt .pic {
        overflow: hidden;
        position: relative
    }
    
    .inside-news li dt .pic:before {
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
        position: absolute;
        -webkit-transition: all 700ms ease;
        transition: all 700ms ease;
        background: rgba(0, 142, 212, 0.2)
    }
    
    .inside-news li dt .pic:after {
        content: "";
        display: block;
        padding-bottom: 66.5%
    }
    
    .inside-news li dt .pic img {
        -webkit-transition: all 700ms ease;
        transition: all 700ms ease
    }
    
    .inside-news li dd {
        width: 74%;
        float: left
    }
    
    .inside-news li .txtbox {
        width: 88%;
        float: right;
        padding-left: 25px
    }
    
    .inside-news li .txtbox h3 {
        font-size: 20px;
        height: 24px;
        overflow: hidden;
        font-weight: normal;
        position: relative
    }
    
    .inside-news li .txtbox h3 a {
        color: #222;
        z-index: 2;
        display: block;
        position: relative
    }
    
    .inside-news li .txtbox .txt {
        margin-top: 20px;
        height: 48px;
        color: #666;
        font-size: 15px;
        overflow: hidden;
        height: 56px;
        line-height: 28px
    }
    
    .inside-news li .txtbox .more {
        width: 172px;
        height: 54px;
        color: #8f9092;
        font-size: 16px;
        padding-left: 30px;
        line-height: 54px;
        display: inline-block;
        margin-top: 20px;
        background: url(../images/yun-more.jpg) no-repeat top center
    }
    
    .inside-news li .date {
        width: 12%;
        float: left;
        color: #a1a1a1;
        font-size: 28px;
        color: #008ed4;
        line-height: 30px;
        text-align: center;
        font-family: "Avian";
        position: relative
    }
    
    .inside-news li .date:after {
        content: "";
        width: 2px;
        height: 45px;
        right: 0;
        top: 0;
        position: absolute;
        background: #008ed4
    }
    
    .inside-news li .date span {
        display: block
    }
    
    .inside-news li .date span:first-child {
        font-size: 12px;
        line-height: 16px
    }
    
    .inside-news li:hover dt .pic:before {
        opacity: 1
    }
    
    .inside-news li:hover dt .pic img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    
    .inside-news li:hover .txtbox .more {
        color: #fff;
        background: url(../images/yun-more-hover.jpg) no-repeat top center
    }
    
    @media (max-width:1200px) {
        .inside-news {
            padding: 30px 0
        }
        .inside-news ul {
            margin-top: 20px
        }
        .inside-news li {
            padding: 30px 0
        }
        .inside-news li dt a:before {
            display: none
        }
        .inside-news li dd {
            padding-left: 20px
        }
        .inside-news li .txtbox {
            width: 100%;
            padding-left: 0;
            min-height: auto;
            padding-right: 0;
            border-right: 0
        }
        .inside-news li .txtbox h3 {
            font-size: 18px
        }
        .inside-news li .txtbox h3:before {
            display: none
        }
        .inside-news li .txtbox .time {
            display: none
        }
        .inside-news li .txtbox .more {
            height: 36px;
            bottom: auto;
            width: 140px;
            margin-top: 30px;
            line-height: 36px;
            position: relative
        }
        .inside-news li .txtbox .more img {
            margin-top: 12px
        }
        .inside-news li .txtbox .txt {
            margin-top: 10px
        }
        .inside-news li .date {
            display: none
        }
    }
    
    @media (max-width:760px) {
        .inside-news li dt {
            width: 35%
        }
        .inside-news li dd {
            width: 65%
        }
    }
    
    @media (max-width:640px) {
        .inside-news li dt {
            width: 50%
        }
        .inside-news li dd {
            width: 50%
        }
    }
    
    @media (max-width:480px) {
        .inside-news li {
            padding: 30px 15px
        }
        .inside-news li dt {
            width: 100%;
            float: none
        }
        .inside-news li dt img {
            width: 100%
        }
        .inside-news li dd {
            width: 100%;
            float: none;
            padding-left: 0;
            margin-top: 20px
        }
        .inside-news li dd .txtbox .tit {
            font-size: 16px
        }
        .inside-news li dd .txtbox .txt {
            font-size: 14px;
            margin-top: 5px
        }
        .inside-news li dd .txtbox .more {
            display: none
        }
        .inside-news li:hover {
            background: none
        }
        .inside-news li:first-child {
            margin-top: 0
        }
    }
    
    .inside-page {
        padding-top: 70px;
        text-align: center
    }
    
    .inside-page a {
        height: 27px;
        line-height: 25px;
        font-size: 12px;
        padding: 0 10px;
        margin: 0 2px;
        font-family: arial;
        display: inline-block;
        border: solid 1px #cbcbcb
    }
    
    .inside-page a:hover,
    .inside-page .cpb {
        color: #fff;
        font-weight: bold;
        background: #008ed4;
        border-color: #008ed4
    }
    
    .inside-page .none {
        border: 0;
        padding: 0
    }
    
    .inside-page .none:hover {
        border-color: #008ed4;
        background: none
    }
    
    @media (max-width:1200px) {
        .inside-page {
            padding: 40px 0
        }
        .inside-page a {
            display: none
        }
        .inside-page .ph-show {
            display: inline-block
        }
    }
    
    .inside-news-show {
        color: #666;
        padding: 70px 0;
        font-size: 15px;
        line-height: 28px
    }
    
    .inside-news-show h1 {
        text-align: center;
        font-size: 32px;
        color: #333;
        font-weight: normal;
        line-height: 40px
    }
    
    .inside-news-show .info {
        color: #999;
        height: 38px;
        padding: 0 10px;
        overflow: hidden;
        margin-top: 20px;
        line-height: 38px;
        text-align: center;
        background: #f4f4f4;
        margin-bottom: 30px
    }
    
    .inside-news-show .ten {
        text-indent: 2em
    }
    
    @media (max-width:1200px) {
        .inside-news-show {
            padding: 30px 0
        }
        .inside-news-show h1 {
            font-size: 18px;
            line-height: 24px
        }
        .inside-news-show .info {
            font-size: 12px
        }
    }
    
    .inside-page-news {
        margin-top: 60px;
        position: relative
    }
    
    .inside-page-news ul {
        height: 48px;
        line-height: 48px;
        background: #9d9d9d;
        position: relative
    }
    
    .inside-page-news li {
        width: 42.2%;
        float: left;
        height: 48px;
        color: #fff;
        font-size: 15px;
        padding: 0 30px;
        overflow: hidden
    }
    
    .inside-page-news li a {
        color: #fff
    }
    
    .inside-page-news li:last-child {
        float: right
    }
    
    .inside-page-news li:hover {
        background: #008ed4
    }
    
    .inside-page-news .fanhui {
        top: 0;
        left: 50%;
        width: 200px;
        color: #fff;
        text-align: center;
        border-left: solid 1px #fff;
        border-right: solid 1px #fff;
        vertical-align: top;
        line-height: 48px;
        margin-left: -100px;
        position: absolute
    }
    
    .inside-page-news .fanhui img {
        margin-right: 10px;
        vertical-align: top;
        margin-top: 15px
    }
    
    .inside-page-news .fanhui:hover {
        background: #008ed4
    }
    
    @media (max-width:640px) {
        .inside-page-news ul {
            height: auto;
            overflow: hidden
        }
        .inside-page-news li {
            width: 100%;
            float: none;
            border-bottom: solid 1px #fff
        }
        .inside-page-news .fanhui {
            left: auto;
            width: 100%;
            display: block;
            margin-left: auto;
            text-align: left;
            padding-left: 30px;
            position: relative;
            background: #9d9d9d
        }
    }
    
    .inside-xg-news {
        margin: 70px 0
    }
    
    .inside-xg-news .title {
        height: 40px;
        line-height: 38px;
        border: solid 1px #e9e7e7
    }
    
    .inside-xg-news .title span {
        width: 165px;
        color: #fff;
        text-align: center;
        display: inline-block;
        background: #008ed4
    }
    
    .inside-xg-news ul {
        overflow: hidden;
        padding-top: 30px;
        margin: 0 -25px
    }
    
    @media (max-width:1200px) {
        .inside-xg-news ul {
            margin: 0
        }
    }
    
    .inside-xg-news li {
        width: 50%;
        float: left;
        height: 66px;
        padding: 0 25px;
        font-size: 17px;
        line-height: 65px;
        overflow: hidden
    }
    
    .inside-xg-news li a {
        color: #111
    }
    
    .inside-xg-news li span {
        float: right;
        padding-left: 15px;
        display: inline-block;
        font-family: arial
    }
    
    .inside-xg-news li span img {
        margin-right: 5px
    }
    
    .inside-xg-news li div {
        border-bottom: dashed 1px #c5c5c5
    }
    
    .inside-xg-news li:hover a {
        color: #008ed4;
        text-decoration: underline
    }
    
    @media (max-width:640px) {
        .inside-xg-news {
            margin: 30px 0 0 0
        }
        .inside-xg-news ul {
            padding-top: 10px
        }
        .inside-xg-news li {
            width: 100%;
            float: none;
            height: 40px;
            font-size: 13px;
            line-height: 39px;
            padding: 0;
            border-bottom: dashed 1px #c5c5c5
        }
        .inside-xg-news li div {
            border: 0
        }
    }
    
    .sulotion {
        line-height: 24px
    }
    
    .sulotion img {
        vertical-align: middle
    }
    
    .sulotion .box-01 {
        padding: 110px 0 50px 0
    }
    
    .sulotion .leftbox {
        width: 47%;
        float: left
    }
    
    .sulotion .rightbox {
        width: 45%;
        float: right;
        padding-top: 40px
    }
    
    .sulotion .t1 {
        color: #333;
        font-size: 36px;
        line-height: 40px
    }
    
    .sulotion .t2 {
        font-size: 16px;
        color: #666;
        margin-top: 10px
    }
    
    .sulotion .t3 {
        color: #333;
        font-size: 16px
    }
    
    .sulotion .t4 {
        margin-top: 30px
    }
    
    .sulotion .item-1 {
        padding-top: 40px;
        padding-bottom: 30px;
        border-bottom: solid 1px #e5e5e5
    }
    
    .sulotion .item-1 .list {
        padding-top: 15px
    }
    
    .sulotion .item-1 .list li {
        width: 20%;
        float: left
    }
    
    .sulotion .item-1 .list li .tit {
        padding-top: 5px;
        padding-left: 10px
    }
    
    .sulotion .item-1 .list .mobile {
        display: none
    }
    
    .sulotion .item-2 {
        padding-top: 30px
    }
    
    .sulotion .item-2 .list {
        margin-top: 10px;
        padding-right: 0%
    }
    
    .sulotion .item-2 .list li {
        width: 260px;
        height: 35px;
        float: left;
        color: #333;
        margin-top: 10px;
        margin-right: 22px;
        line-height: 33px;
        position: relative;
        padding-left: 55px;
        border: solid 1px #dfdfdf
    }
    
    .sulotion .item-2 .list li span {
        top: -1px;
        left: -1px;
        position: absolute;
        background: #4b7ae4
    }
    
    .sulotion .box-02 {
        padding-top: 90px;
        padding-bottom: 90px;
        background: #f9f9f9
    }
    
    .sulotion .box-02 .leftbox {
        float: right
    }
    
    .sulotion .box-02 .rightbox {
        float: left;
        padding-top: 100px
    }
    
    .sulotion .box-03 {
        padding: 90px 0
    }
    
    .sulotion .box-03 .rightbox {
        padding-top: 70px
    }
    
    .sulotion .box-03 .item-1 .list li .tit {
        padding-left: 0
    }
    
    .sulotion .box-03 .item-2 .list {
        padding-right: 0
    }
    
    .sulotion .box-03 .item-2 .list li {
        padding-left: 45px
    }
    
    .sulotion .box-05 {
        padding-top: 90px;
        padding-bottom: 90px;
        background: #f9f9f9
    }
    
    .sulotion .box-05 .leftbox {
        float: right
    }
    
    .sulotion .box-05 .rightbox {
        float: left;
        padding-top: 80px
    }
    
    .sulotion .box-05 .item-2 .list {
        padding-right: 0
    }
    
    .sulotion .box-05 .item-2 .list li {
        padding-left: 45px
    }
    
    .sulotion .box-06 {
        padding-top: 90px;
        padding-bottom: 90px
    }
    
    .sulotion .box-06 .item-1 .list li .tit {
        padding-left: 0
    }
    
    @media (max-width:1280px) {
        .sulotion .container {
            padding-left: 10px;
            padding-right: 10px
        }
    }
    
    @media (max-width:768px) {
        .sulotion .item-1 .list .mobile {
            display: inline-block
        }
        .sulotion .item-1 .list .pc {
            display: none
        }
        .sulotion .item-2 .list li span {
            background: #f45f1d
        }
        .sulotion .leftbox {
            width: 100%;
            padding: 0 5px
        }
        .sulotion .rightbox {
            display: none
        }
        .sulotion .box-01,
        .sulotion .box-02,
        .sulotion .box-03,
        .sulotion .box-05,
        .sulotion .box-06 {
            padding: 30px 0
        }
        .sulotion .box-01 .item-1 li,
        .sulotion .box-02 .item-1 li,
        .sulotion .box-03 .item-1 li,
        .sulotion .box-05 .item-1 li,
        .sulotion .box-06 .item-1 li {
            text-align: center;
            font-size: 12px
        }
        .sulotion .box-01 .item-1 li img,
        .sulotion .box-02 .item-1 li img,
        .sulotion .box-03 .item-1 li img,
        .sulotion .box-05 .item-1 li img,
        .sulotion .box-06 .item-1 li img {
            max-height: 40px
        }
        .sulotion .box-01 .item-1 li .tit,
        .sulotion .box-02 .item-1 li .tit,
        .sulotion .box-03 .item-1 li .tit,
        .sulotion .box-05 .item-1 li .tit,
        .sulotion .box-06 .item-1 li .tit {
            padding-left: 0
        }
        .sulotion .box-01 .item-2 .list,
        .sulotion .box-02 .item-2 .list,
        .sulotion .box-03 .item-2 .list,
        .sulotion .box-05 .item-2 .list,
        .sulotion .box-06 .item-2 .list {
            padding-right: 0
        }
        .sulotion .box-01 .item-2 .list li,
        .sulotion .box-02 .item-2 .list li,
        .sulotion .box-03 .item-2 .list li,
        .sulotion .box-05 .item-2 .list li,
        .sulotion .box-06 .item-2 .list li {
            margin-right: 0;
            width: 100%
        }
        .sulotion .t1 {
            font-size: 20px;
            line-height: 30px
        }
        .sulotion .t2 {
            font-size: 14px;
            line-height: 1.75
        }
    }
    /********  新增样式 ******** ********  新增样式 ****************  新增样式 ****************  新增样式 ****************  新增样式 ********/
    /* 首页简介 */
    
    .home-service .text {
        margin: 50px auto 30px;
        font-size: 16px;
        text-align: center;
        color: #666;
        line-height: 2;
    }
    
    .home-service .text .btn {
        width: 126px;
        height: 36px;
        line-height: 36px;
        border-radius: 50px;
        border: 1px solid #e6e6e6;
        display: block;
        color: #bcbcbc;
        font-size: 14px;
        vertical-align: middle;
        position: relative;
        z-index: 1;
        text-align: center;
        margin: 3% auto;
    }
    
    .home-service .text .btn:hover {
        background: #f45f1d;
        color: #fff
    }
    /* 案例列表 */
    
    .info ul {
        padding-top: 60px;
        padding-bottom: 60px;
        overflow: hidden;
    }
    
    .case-list {
        margin: 0 -10px;
    }
    
    .case-list li {
        width: 33.333333333333336%;
        float: left;
        padding: 0 10px;
        margin-bottom: 20px;
    }
    
    .pic {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    
    .case-list li .pic img {
        transition: .5s;
    }
    
    .case-list li .pic:after {
        content: "";
        display: block;
        padding-bottom: 63%;
    }
    
    .case-list li .bt {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 50px;
        background: #f9f9f9;
        padding: 0 20px;
        color: #333;
        font-size: 16px;
    }
    
    .list-paddingleft-2 {
        text-align: center;
    }
    
    .list-paddingleft-2 li {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    
    .list-paddingleft-2 li a {
        display: block;
        line-height: 60px;
        width: 180px;
        background-color: #f1f1f1;
        color: #777;
        border-radius: 15px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 5px;
    }
    
    .case ul li .box:hover .pic img {
        transform: scale(1.05);
    }
    
    .case-list li:hover .bt {
        color: #f45f1d;
    }
    
    @media(max-width:767px) {
        .case-list li {
            width: 50%;
        }
    }
    
    .park_main {
        width: 100%;
        background-size: 100% 100%;
        background: url(../images/park_bg.png) no-repeat;
        padding: 50px 0;
    }
    
    .park_main .container {
        padding: 0 6%;
    }
    
    .park_main .park_honor {
        height: 336px;
    }
    
    .park_main .park_lunbo {
        width: 33%;
        background: #f2f2f2;
        position: absolute;
        left: 28%;
        margin-bottom: 50px;
        z-index: 15;
        box-shadow: 1px 1px 20px #a4acb6;
    }
    
    .slick-list {
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
    
    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }
    
    .slick-initialized .slick-slide {
        display: block;
    }
    
    .park_main .park_lunbo span {
        display: block;
        width: 100%;
        position: relative;
    }
    
    .park_main .park_lunbo span:after {
        content: "";
        padding-bottom: 84%;
        display: block;
    }
    
    .park_main .park_text {
        width: 21%;
        float: left;
        position: absolute;
        left: 59%;
        z-index: 25;
        margin-top: 65px;
        padding: 60px 25px;
        background: #1c62b0;
    }
    
    .park_main .park_honor {
        width: 45%;
        float: left;
        display: block;
        margin-top: 70px;
        position: relative;
        z-index: 5;
    }
    
    .park_main .park_text:before {
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #f2f2f2;
    }
    
    .park_main .park_text span {
        color: #fff;
        display: block;
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        margin-bottom: 15px;
        font-weight: bold;
    }
    
    .park_main .park_text p {
        color: #dfe5f1;
        font-size: 14px;
        text-indent: 2em;
        line-height: 30px;
        height: 120px;
        overflow: hidden;
    }
    
    .vcenter {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        display: block;
        vertical-align: middle;
        margin: auto;
    }
    
    .inside .yayhch .nr table {}
    
    .inside .yayhch .nr table {
        border: solid 1px #d7d7d7;
        border-left: solid 1px #d7d7d7;
        font-size: 14px;
    }
    
    .inside .yayhch .nr table td {
        border-right: solid 1px #d7d7d7;
        border-bottom: solid 1px #d7d7d7;
        padding: 6px 8px;
    }
    
    .list-seo {
        overflow: hidden;
        margin: 0 -7px;
    }
    
    .list-seo li {
        width: 50%;
        float: left;
        color: #fff;
        padding: 0 7px;
    }
    
    .list-seo li .box {
        position: relative;
        padding: 36px 26px 20px 197px;
        height: 228px;
        background: #008ed4;
        text-align: left;
    }
    
    .list-seo li .pic {
        width: 148px;
        height: 148px;
        position: absolute;
        top: 38px;
        left: 19px;
    }
    
    .list-seo li .bt {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
    }
    
    .list-seo li .bt:after {
        content: '';
        display: block;
        width: 49px;
        height: 1px;
        background: rgba(255, 255, 255, 0.3);
        margin: 10px 0 12px 0;
    }
    
    .list-seo li .jsh {
        font-size: 14px;
        line-height: 25px;
        height: 100px;
        overflow: hidden;
        color: #fff;
    }
    
    .info .list-seo {
        padding-bottom: 0;
        padding-top: 20px;
    }
    
    .info .list-01 {
        padding-bottom: 0;
        padding-top: 20px;
    }
    
    .wzwxsm .list-01 {
        margin: 20px 0px 0 0px;
    }
    
    .wzwxsm .list-01 li {
        width: 50%;
        float: left;
        padding: 0 8px;
    }
    
    .wzwxsm .list-01 li .box {
        background: #f6f6f6;
        border-bottom: 2px solid #008ed4;
        padding: 32px 16px 52px 16px;
    }
    
    .wzwxsm .list-01 li .top {
        position: relative;
        padding-left: 89px;
        margin-bottom: 22px;
    }
    
    .wzwxsm .list-01 li .top .pic {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .wzwxsm .list-01 li .text {
        padding-top: 12px;
        text-align: left;
    }
    
    .wzwxsm.list-01 li h2 {
        font-size: 20px;
        color: #333;
        font-weight: normal;
        margin-bottom: 6px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .wzwxsm .list-01 li h5 {
        font-size: 18px;
        color: #333;
        font-weight: normal;
    }
    
    .wzwxsm .list-01 li p {
        font-size: 14px;
        line-height: 25px;
        color: #737373;
        height: 50px;
        overflow: hidden;
        text-align: left;
    }
    
    .wzwxsm .list-01 .pic:after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }
    
    .advantage1 {
        margin: 56px 0 20px 0;
    }
    
    .advantage1 ul li {
        width: 25%;
        text-align: center;
        float: left;
        padding: 10px;
    }
    
    .advantage1 ul li .box {
        padding-top: 32px;
        -webkit-box-shadow: 4.09px 2.87px 9.4px 0.6px rgba(118, 113, 113, 0.25);
        box-shadow: 4.09px 2.87px 9.4px 0.6px rgba(118, 113, 113, 0.25);
    }
    
    .advantage1 ul li .pic {
        width: 80px;
        height: 80px;
        margin: 0 auto;
        position: relative;
    }
    
    .advantage1 ul li .text1 {
        padding-top: 24px;
        overflow: hidden;
    }
    
    .advantage1 ul li .bt {
        font-size: 20px;
        color: #333;
        font-style: normal;
        font-weight: 600;
        display: block;
    }
    
    .advantage1 ul li .jsh {
        font-size: 14px;
        color: #666;
        line-height: 24px;
        display: block;
        margin: 5% 8% 10% 8%;
        min-height: 72px;
    }
    
    .yuntuoguan .ywfw .nr ul {
        border: 1px solid #c9c9c9;
        overflow: hidden;
        background: #fff;
        border-top: 0;
        border-left: 0;
    }
    
    .yuntuoguan .ywfw .nr ul li {
        width: 20%;
        float: left;
        border-left: 1px solid #c9c9c9;
        border-top: 1px solid #c9c9c9;
        background: #fff;
    }
    
    .yuntuoguan .ywfw .nr ul li .pic:after {
        padding-bottom: 42%;
    }
    
    @media(max-width:767px) {
        .advantage1 ul li {
            width: 50%;
        }
    }
    
    .box-10 {
        height: 416px;
        padding: 30px 0;
        background: url(../images/xz-bg.png) no-repeat top center;
    }
    
    .title-2 {
        color: #333;
        font-size: 27px;
        line-height: 30px;
        text-align: center;
        padding: 40px 0 15px 0;
    }
    
    .box-10 li {
        text-align: center;
        width: 16.6666%;
        float: left;
        margin-top: 30px;
        padding: 0 2px;
    }
    
    .box-10 li .item {
        height: 190px;
        position: relative;
        border-radius: 5px;
        padding-top: 10px;
        border: solid 1px #1c62b0;
    }
    
    .box-10 li .item .bg {
        color: #fff;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 90px;
        font-size: 12px;
        position: absolute;
        background: #1c62b0;
    }
    
    .box-10 li .item .bg p:first-child {
        font-size: 16px;
        padding-top: 15px;
    }
    
    .lianxi p {
        display: block;
        line-height: 30px;
        -webkit-transition: all .5s;
        transition: all .5s;
        color: #a9a9aa;
    }
    
    .nav ul li .subnav {
        top: 84px;
        display: none;
        text-align: left;
        z-index: 8;
        width: 184px;
        position: absolute;
        left: -25px;
        padding: 17px 0;
        box-sizing: border-box;
    }
    
    .nav ul li:hover .subnav {
        display: block;
    }
    
    .nav ul li .subnav ul {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 10px 0;
        border: 0;
        background: #fff;
        position: relative;
    }
    
    .nav ul li .subnav ul li {
        margin: 0;
        float: none;
        text-align: left;
        width: 100%;
        border-right: 0;
        padding: 0;
    }
    
    .nav ul li .subnav ul li a {
        display: block;
        padding: 0 20px;
        font-weight: normal;
        line-height: 32px;
        height: 30px;
        text-align: center;
        font-size: 14px;
        color: #444;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        bottom: 0;
        background-size: 10px;
        text-transform: capitalize;
        border-bottom: 0;
        transition: .5s;
        background: 0;
    }
    
    .nav ul li .subnav ul:after {
        content: '';
        border-width: 9px;
        border-style: dashed dashed solid dashed;
        border-color: transparent transparent #efefef transparent;
        border-bottom-color: #fff;
        position: absolute;
        top: -18px;
        left: 80px;
    }
    
    .nav ul li .subnav ul li:hover {
        background: #f1f1f1;
    }
    
    .nav ul li .subnav ul li:hover a {
        color: #050819;
        font-weight: 700;
    }
    
    @media screen and (max-width: 767px) {
        .banner li {
            padding-top: 100px;
            padding-bottom: 30px;
        }
    }
    
    .home-have {
        padding-top: 4px;
        clear: both;
        padding-bottom: 5px;
    }
    
    .home-have ul {
        margin: 0 -8px;
    }
    
    .home-have ul li {
        width: 20%;
        float: left;
        padding: 0 8px;
    }
    
    .home-have ul li .box {
        position: relative;
        text-align: center;
        padding: 27px 14px 14px 14px;
        border: 1px solid #fff;
        background: #f6f6f6;
    }
    
    .home-have ul li .box .pic {
        width: 116px;
        height: 116px;
        border: 1px solid #dcefff;
        border-radius: 50%;
        background: #dcefff;
        margin: 0 auto;
    }
    
    .home-have ul li .box .text1 {
        padding-top: 14px;
    }
    
    .home-have ul li .box .bt {
        font-size: 16px;
        line-height: 40px;
        overflow: hidden;
        font-weight: normal;
        color: #333;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .home-have ul li .box .jsh {
        height: 60px;
        font-size: 13px;
        overflow: hidden;
        color: #818181;
        line-height: 20px;
    }
    
    .home-have ul li .box .pic .h {
        display: none;
    }
    
    .home-have ul li .box:hover {
        background: #1d62b0;
    }
    
    .home-have ul li .box:hover .pic {
        background: 0;
    }
    
    .home-have ul li .box:hover .pic .h {
        display: block;
    }
    
    .home-have ul li .box:hover .bt {
        color: #fff;
    }
    
    .home-have ul li .box:hover .jsh {
        color: #fff;
    }
    
    .fivepart {
        position: relative;
        min-height: 597px;
        background: #fff;
    }
    
    .fivepart .container {
        position: relative;
        width: 1280px;
        margin: 0 auto;
        display: table;
    }
    
    .fivepart .left {
        width: 915px;
        height: 641px;
        position: absolute;
        top: 0;
        right: 54%;
    }
    
    .fivepart .right {
        width: 50%;
        float: right;
        padding: 40px 10px 40px 10px;
    }
    
    .fivepart .right .bt {
        font-size: 27px;
        color: #333;
        font-weight: bold;
        margin-bottom: 35px;
    }
    
    .fivepart .right .item {
        margin-bottom: 36px;
    }
    
    .fivepart .right .top {
        position: relative;
        padding-left: 67px;
        margin-bottom: 20px;
    }
    
    .fivepart .right .top .pic {
        width: 41px;
        height: 41px;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .fivepart .right .top h3 {
        font-size: 25px;
        color: #333;
        font-weight: normal;
    }
    
    .fivepart .right .top h3 span {
        color: #1c62b0;
    }
    
    .fivepart .right .jsh {
        font-size: 14px;
        color: #666;
        line-height: 23px;
        background: url(../images/xinzeng/dot.png) no-repeat left 4px;
        padding-left: 20px;
    }
    
    .wzwxsm .gongneng ul {
        margin: 0 -16px;
        position: relative;
        z-index: 1;
    }
    
    .wzwxsm .gongneng ul li {
        width: 50%;
        float: left;
        padding: 0 16px;
        font-size: 14px;
        margin: 15px 0;
    }
    
    .wzwxsm .gongneng ul li .box {
        border: solid 2px #ddd;
        padding: 19px 204px 16px 23px;
        position: relative;
    }
    
    .wzwxsm .gongneng ul li .pic {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 12px;
        right: 99px;
    }
    
    .wzwxsm .gongnengul li .text {
        text-align: right;
    }
    
    .wzwxsm .gongneng ul li h3 {
        margin-bottom: 8px;
        color: #1c62b0;
        font-size: 18px;
        font-weight: bold;
    }
    
    .wzwxsm .gongneng ul li p {
        font-size: 14px;
        color: #666;
        line-height: 20px;
        height: 40px;
        overflow: hidden;
    }
    
    .wzwxsm .gongneng .hover {
        width: 170px;
        height: 170px;
        position: absolute;
        top: 60%;
        left: 50%;
        margin-left: -85px;
        margin-top: -85px;
        z-index: 2;
    }
    
    .wzwxsm .gongneng ul .odd .box {
        padding: 19px 23px 16px 196px;
    }
    
    .wzwxsm .gongneng ul .odd .pic {
        right: auto;
        left: 91px;
    }
    
    .wzwxsm .gongneng ul .odd .text {
        text-align: left;
    }
    
    .wzwxsm .gongneng ul .odd .pic {
        right: auto;
        left: 91px;
    }
    
    .box-3 {
        position: relative;
        padding-bottom: 50px;
        background: #f7f7f7;
    }
    
    .box-3 .tu {
        bottom: 0;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        position: absolute;
    }
    
    .box-3 .list {
        width: 30%;
        margin-top: 40px;
        text-align: center;
    }
    
    .f-r {
        float: right;
    }
    
    .f-l {
        float: left;
    }
    
    .title-2 {
        color: #333;
        font-size: 27px;
        line-height: 30px;
        text-align: center;
        padding: 40px 0 15px 0;
    }
    
    .title-3 {
        color: #666;
        text-align: center;
    }
    
    .box-3 .list li {
        margin-top: 20px;
    }
    
    .box-3 .list li span img {
        border-radius: 100%;
        border: solid 1px #9a9a9a;
    }
    
    .box-4 {
        padding-bottom: 50px;
    }
    
    .box-4 li {
        width: 25%;
        float: left;
        margin-top: 40px;
        padding: 0 2px;
    }
    
    .box-4 li .bg1 {
        background: #e54f68;
    }
    
    .box-4 li .border-bai {
        padding: 20px;
        height: 200px;
        border: solid 1px #fff;
        border: solid 1px rgba(255, 255, 255, 0.58);
    }
    
    .box-4 li .tit {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
        text-align: center;
        color: #fff;
    }
    
    .box-4 li .txt {
        color: #fff;
    }
    
    .box-4 li .bg2 {
        background: #f7ae50;
    }
    
    .box-4 li .bg3 {
        background: #53c2f7;
    }
    
    .box-4 li .bg4 {
        background: #9ed558;
    }
    
    .box-5 {
        padding-bottom: 70px;
    }
    
    .box-5 li {
        width: 33.333%;
        float: left;
        padding: 0 10px;
        position: relative;
    }
    
    .box-5 li .item {
        margin-top: 100px;
        min-height: 190px;
        padding: 0 20px 20px 20px;
        text-align: center;
        border: solid 1px #ddd;
    }
    
    .box-5 li .item span {
        z-index: 9;
        display: block;
        margin-top: -60px;
        position: relative;
    }
    
    .box-5 li .item span {
        z-index: 9;
        display: block;
        margin-top: -60px;
        position: relative;
    }
    
    .box-5 li .item span img {
        background: #fff;
        border-radius: 100%;
        border: solid 1px #ddd;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    
    .box-5 li .item .tu-h {
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        position: absolute;
    }
    
    .box-5 li .item .tit {
        font-size: 19px;
        color: #333;
        margin: 15px 0;
    }
    
    .box-7 {
        background: #fafafa;
        padding-bottom: 50px;
        margin-top: 60px
    }
    
    .box-7 .pic1 {
        float: left;
        margin-right: 75px
    }
    
    .box-7 .txtbox {
        margin-top: 50px
    }
    
    .box-7 .txtbox .en {
        color: #1c62b0;
        font-size: 51px;
        font-family: arial;
        line-height: 60px;
        padding: 30px 0;
        font-weight: normal;
        letter-spacing: -3px;
        position: relative
    }
    
    .box-7 .txtbox .en:before {
        content: "";
        width: 103px;
        height: 5px;
        left: 49%;
        bottom: 0;
        position: absolute;
        background: #1c62b0
    }
    
    .box-7 .txtbox .font20 {
        color: #333;
        font-size: 20px;
        font-weight: bold;
        margin: 30px 0
    }
    
    @media (max-width:767px) {
        .box-7 {
            margin-top: 20px
        }
        .box-7 .pic {
            margin-right: 0;
            float: none
        }
        .box-7 .txtbox {
            margin-top: 20px
        }
        .box-7 .txtbox .en {
            font-size: 24px;
            letter-spacing: 0;
            line-height: 30px;
            padding-bottom: 0
        }
        .box-7 .txtbox .en:before {
            display: none
        }
        .box-7 .txtbox .font20 {
            font-size: 16px;
            margin: 15px 0
        }
    }
    
    .box-8 {
        height: 760px;
        padding: 30px 0;
        text-align: center;
        background: url(../images/xz-bg2.png) no-repeat top center
    }
    
    .box-8 .pic {
        margin: 30px 0
    }
    
    .box-8 .t1 {
        padding-top: 70px
    }
    
    .box-8 .t1 span {
        height: 50px;
        line-height: 46px;
        font-size: 27px;
        padding: 0 20px;
        border-radius: 30px;
        display: inline-block;
        border: solid 2px #1c62b0
    }
    
    .box-8 .t2 {
        color: #333;
        font-size: 28px;
        font-weight: bold;
        padding: 30px 0 20px 0;
        line-height: 30px
    }
    
    .box-8 .t3 {
        text-transform: uppercase
    }
    
    @media (max-width:767px) {
        .box-8 {
            height: auto;
            padding: 0 0 30px 0
        }
        .box-8 .pic {
            margin: 10px 0
        }
        .box-8 .t1 {
            padding-top: 20px
        }
        .box-8 .t1 span {
            font-size: 18px;
            height: 40px;
            line-height: 36px
        }
        .box-8 .t2 {
            font-size: 14px;
            padding: 10px 0
        }
    }
    
    .box-9 {
        padding: 60px 0;
        text-align: center;
        position: relative
    }
    
    .box-9:before {
        content: "VS";
        left: 0;
        width: 100%;
        height: 30px;
        top: 50%;
        color: #1c62b0;
        font-size: 30px;
        font-weight: bold;
        line-height: 30px;
        margin-top: 50px;
        position: absolute
    }
    
    .box-9 .list {
        width: 47%;
        text-align: center
    }
    
    .box-9 .list .tit {
        color: #333;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 30px
    }
    
    .box-9 .list li {
        height: 44px;
        line-height: 42px;
        border-radius: 3px;
        margin-bottom: 15px;
        border: solid 1px #1c62b0
    }
    
    .box-9 .f-r li {
        border: dashed 1px #1c62b0
    }
    
    @media (max-width:767px) {
        .box-9 {
            padding: 0 0 30px 0
        }
        .box-9 .title-2 {
            padding-bottom: 0
        }
        .box-9:before {
            display: none
        }
    }
    
    @media (max-width:480px) {
        .box-9 .list {
            width: 100%;
            float: none
        }
    }
    
    .culture-bottom {
        overflow: hidden;
        margin-top: 50px;
    }
    
    .culture-bottom .pic1 {
        width: 42%;
        float: left
    }
    
    .culture-bottom .text {
        float: right;
        width: 53%
    }
    
    .culture-bottom .text ul li {
        display: block;
        line-height: 30px;
        border-bottom: 1px solid #bfbfbf;
        font-size: 14px;
        color: #666;
        padding: 20px 0 20px 60px
    }
    
    .culture-bottom .text ul li .bt {
        display: inline-block;
        font-size: 18px;
        color: #333;
        margin-right: 6px
    }
    
    .culture-bottom .text ul .c1 {
        background: url(../images/whbj_01.png) no-repeat left 18px
    }
    
    .culture-bottom .text ul .c2 {
        background: url(../images/whbj_02.png) no-repeat left 18px
    }
    
    .culture-bottom .text ul .c3 {
        background: url(../images/whbj_03.png) no-repeat left 18px
    }
    
    .culture-bottom .text ul .c4 {
        background: url(../images/whbj_04.png) no-repeat left 27px
    }
    
    .culture-bottom .text ul .c5 {
        background: url(../images/whbj_05.png) no-repeat left 18px
    }
    
    .culture-bottom .text ul .c6 {
        background: url(../images/whbj_06.png) no-repeat left 18px
    }
    
    .contact-emap {
        width: 100%;
        height: 375px;
        float: right;
        position: relative;
        margin: 50px 0 0px 0;
    }
    
    #allmap {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .nav ul li .xz_top {
        top: 53px
    }
    
    @media(max-width:767px) {
        .home-news .list .pic,
        .relatedNews .list .pic {
            width: 160px;
        }
        .home-news .list .pic:after,
        .relatedNews .list .pic:after {
            padding-top: 100%;
        }
        .home-news .list .box,
        .relatedNews .list .box {
            padding: 0 10px 0 0;
        }
        .wzwxsm .gongneng ul li {
            width: 100%;
        }
        .wzwxsm .gongneng .hover {
            display: none;
        }
        .wzwxsm .gongneng ul .odd .pic {
            left: 10px
        }
        .wzwxsm .gongneng ul .odd .box {
            padding: 19px 23px 16px 100px;
        }
        .wzwxsm .gongneng ul li .box {
            padding: 19px 100px 16px 23px;
        }
        .wzwxsm .gongneng ul li .pic {
            right: 10px
        }
        .wzwxsm .list-01 li {
            width: 100%;
        }
        .box-4 li {
            width: 50%;
        }
        .insideBanner .container {
            width: 100%;
        }
        .insideBanner-about .text {
            width: 100%;
        }
        .inside-contact {
            padding: 0;
        }
    }
    
    @media(max-width:480px) {
        .home-news .nr {
            padding-top: 0px;
        }
        .home-news .list .title,
        .relatedNews .list .title {
            line-height: 35px;
            height: 35px;
            font-size: 16px;
        }
        .home-news .list .date span:after,
        .relatedNews .list .date span:after {
            margin: 5px 0 0 0;
        }
        .home-news .list .info,
        .relatedNews .list .info {
            margin-top: 0;
        }
        .home-news .list .pic,
        .relatedNews .list .pic {
            margin: 13px;
        }
        .home-news .list .pic:after,
        .relatedNews .list .pic:after {
            padding-top: 75%;
        }
        .advantage1 ul li {
            width: 100%;
        }
        .box-3 .tu {
            display: none;
        }
        .box-3 .list {
            width: 47%;
        }
        .box-4 li {
            width: 100%;
            margin-top: 20px;
        }
        .box-5 li {
            width: 100%;
        }
        .box-4 li .border-bai {
            height: 170px;
        }
        .box-10 li {
            width: 33.33%;
        }
        .box-10 {
            height: 610px;
            background: #eee;
        }
        .info ul {
            padding-top: 27px;
        }
        .case-list li {
            width: 100%;
        }
        .case-list li .bt {
            font-size: 14px;
        }
        .inside-news-show {
            font-size: 14px;
        }
        .culture-bottom .pic1 {
            width: 100%;
        }
        .culture-bottom .text {
            width: 100%;
        }
    }