@charset "utf-8";
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@font-face {
    font-family: 'dincond-blackregular';
    src: url('../fonts/dincond-black-webfont.eot');
    src: url('../fonts/dincond-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dincond-black-webfont.woff2') format('woff2'), url('../fonts/dincond-black-webfont.woff') format('woff'), url('../fonts/dincond-black-webfont.svg#dincond-blackregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'agor';
    src: url('../fonts/agor.eot');
    src: url('../fonts/agor.eot?#iefix') format('embedded-opentype'), url('../fonts/agor.woff2') format('woff2'), url('../fonts/agor.woff') format('woff'), url('../fonts/agor.svg#agor') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'TC Avant Garde Gothic Pro';
    src: url('../fonts/ITCAvantGardePro-Bk_0.eot');
    src: url('../fonts/ITCAvantGardePro-Bk_0.eot?#iefix') format('embedded-opentype'), url('../fonts/ITCAvantGardePro-Bk_0.woff2') format('woff2'), url('../fonts/ITCAvantGardePro-Bk_0.woff') format('woff'), url('../fonts/ITCAvantGardePro-Bk_0.svg#helveticaneuebold') format('svg');
    font-weight: normal;
    font-style: normal
}

@-webkit-keyframes circle01 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes circle01 {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes slideInDown2 {
    from {
        -webkit-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown2 {
    from {
        -webkit-transform: translate3d(0, -70px, 0);
        transform: translate3d(0, -70px, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown2 {
    -webkit-animation-name: slideInDown2;
    animation-name: slideInDown2
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 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 fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-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 fadeInLeft3 {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes fadeInLeft3 {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInLeft3 {
    -webkit-animation-name: fadeInLeft3;
    animation-name: fadeInLeft3
}

@-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)
    }
}

.fadeInRight2 {
    -webkit-animation-name: fadeInRight2;
    animation-name: fadeInRight2
}

.body {
    padding-top: 80px
}

.header {
    z-index: 10000;
    color: #fff;
    z-index: 9999;
    -webkit-transition: all .5s;
    transition: all .5s;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.header .container {
    position: relative
}

.header img {
    vertical-align: middle
}

.header .logo {
    position: absolute;
    z-index: 999;
    width: 330px;
    height: 60px;
    left: 0;
    top: 20px;
    -webkit-transition: all .54s;
    transition: all .54s
}

.header .top {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
    font-size: 12px;
    color: #797979;
    font-family: arial
}

.header .top a {
    color: #797979
}

.header .top a:hover {
    color: #0075c1
}

.header .top .tel {
    background: url(../images/icon/tel.png) no-repeat left center;
    padding-left: 18px;
    margin-left: 15px
}

.header .top .email {
    background: url(../images/icon/email.png) no-repeat left center;
    padding-left: 18px;
    margin-left: 15px
}

.header .language-search {
    position: absolute;
    right: 0;
    top: 37px;
    font-size: 12px;
    color: #878787
}

.header .language-search a {
    color: #878787
}

.header .language-search a:hover {
    color: #0075c1
}

.header .language-search .search {
    width: 175px;
    position: relative;
    float: right
}

.header .language-search input[type="text"] {
    width: 100%;
    border: 1px #cce4f4 solid;
    line-height: 25px;
    height: 27px;
    border-radius: 27px;
    padding: 0 45px 0 12px;
    font-size: 12px
}

.header .language-search .btn {
    display: block;
    width: 35px;
    height: 27px;
    background: #0075c1 url(../images/search.png) center center no-repeat;
    border-top-right-radius: 27px;
    border-bottom-right-radius: 27px;
    position: absolute;
    top: 0;
    right: 0
}

.header .language-search .language {
    background: url(../images/language.png) left center no-repeat;
    padding-left: 25px;
    margin-right: 32px;
    line-height: 27px;
    float: left
}

.header .language-search .language a {
    display: inline-block;
    line-height: 18px;
    border-bottom: 1px #b9b9b9 solid;
    padding-left: 3px;
    padding-right: 20px;
    position: relative
}

.header .language-search .language a:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-bottom: 1px #878787 solid;
    border-right: 1px #878787 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 3px;
    top: 3px
}

.nav {
    width: 100%;
    max-width: 600px;
    margin-left: 400px;
    padding-bottom: 0
}

.nav .list {
    font-size: 0;
    position: relative
}

.nav li {
    display: inline-block;
    text-align: center;
    width: 16%;
    position: relative
}

.nav li>a {
    font-size: 15px;
    color: #333;
    height: 80px;
    line-height: 60px;
    padding-top: 20px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav li:first-child {
    width: 72px
}

.nav li:hover>a,
.nav li.cur>a {
    color: #0075c1
}

.nav li:hover .child {
    z-index: 1;
    display: block \9;
    visibility: visible;
    z-index: 1111;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px
}

.nav li:hover .child a {
    height: 34px
}

.nav .child {
    position: absolute;
    width: 110px;
    left: 50%;
    margin-left: -55px;
    z-index: -1;
    top: 80px;
    display: none \9;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    padding: 0 0 0 0;
    background-color: #0075c1;
    background-color: rgba(0, 117, 193, 0.9);
    background-size: cover
}

.nav .child:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent #1881c6 transparent
}

.nav .child .box {
    background: #0075c1;
    padding: 10px 0;
    position: relative
}

.nav .child a {
    font-size: 14px;
    padding: 0 5px;
    display: block;
    color: #fff;
    position: relative;
    overflow: hidden;
    line-height: 34px;
    height: 0;
    -webkit-transition: .3s height cubic-bezier(.73, .32, .34, 1.5), .5s background, .5s padding-left;
    transition: .3s height cubic-bezier(.73, .32, .34, 1.5), .5s background, .5s padding-left
}

.nav .child a:hover {
    background: #e4f1fa;
    color: #0075c1;
    font-weight: 700;
    padding-left: 15px
}

.nav .searchBtn {
    width: auto;
    padding: 0 10px;
    text-align: right;
    position: absolute;
    top: 30px;
    right: 0
}

.nav .searchBtn .btn {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle
}

.nav .searchBtn .btn:after {
    display: none !important
}

.nav .searchBtn .btn .icon {
    float: left
}

.headerFixed {
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05)
}

.banner {
    clear: both;
    overflow: hidden;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 9;
    height: 520px
}

.banner .list {
    position: relative;
    overflow: hidden;
    display: block;
    width: 1920px;
    left: 50%;
    margin-left: -960px
}

.banner li {
    height: 520px
}

.banner .box {
    display: block;
    position: relative;
    overflow: hidden
}

.banner .box:after {
    content: "";
    display: block;
    padding-top: 27.08333333%
}

.banner .text {
    position: absolute;
    left: 50%;
    margin-left: 105px;
    bottom: 115px;
    width: 490px;
    color: #fff;
    text-align: left;
    font-size: 16px;
    padding: 20px 20px 20px 35px
}

.banner .text:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.banner .text .txt {
    line-height: 42px;
    position: relative;
    z-index: 1
}

.banner .text .title {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 32px;
    vertical-align: middle
}

.banner .text .title span {
    vertical-align: middle;
    line-height: 60px;
    font-size: 32px
}

.banner .text .title .font42 {
    font-size: 42px;
    margin: 0 5px;
    font-family: impact;
    font-weight: 100;
    font-family: dincond-blackregular
}

.banner .text .info {
    margin-bottom: 16px
}

.banner .text .span-01 {
    display: inline-block;
    background: url(../images/icon/right.png) no-repeat left center;
    padding-left: 20px;
    margin-right: 20px
}

.banner .btn {
    font-size: 0;
    line-height: 40px
}

.banner .btn a {
    display: inline-block;
    background: #d42327;
    color: #fff;
    min-width: 130px;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    border-radius: 3px;
    vertical-align: middle
}

.banner .btn a:hover {
    background: #0075c1
}

.banner .slick-active .text:after {
    -webkit-animation: fadeInLeft3 1s ease;
    animation: fadeInLeft3 1s ease
}

.banner .slick-active .text .title {
    -webkit-animation: fadeInLeft3 1.5s ease;
    animation: fadeInLeft3 1.5s ease
}

.banner .slick-active .text .info {
    -webkit-animation: fadeInLeft3 2s ease;
    animation: fadeInLeft3 2s ease
}

.banner .slick-active .text .btn {
    -webkit-animation: fadeInLeft3 1.5s ease;
    animation: fadeInLeft3 1.5s ease
}

.banner .slick-dots {
    bottom: 40px;
    font-size: 0;
    z-index: 999;
    overflow: initial
}

.banner .slick-dots li {
    width: 54px;
    height: 8px;
    margin: 0 2px;
    overflow: hidden;
    background-color: #cecece;
    background: rgba(206, 206, 206, 0.8);
    float: none
}

.banner .slick-dots li:before {
    display: none
}

.banner .slick-dots li.slick-active {
    background: #0075c1
}

.banner .slick-dots li button:before {
    display: none
}

.inside-banner {
    clear: both;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 9;
    text-align: center
}

.inside-banner img {
    vertical-align: middle
}

.inside-banner .box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    text-align: center;
    height: 465px
}

.inside-banner .box:after {
    content: "";
    display: block;
    padding-top: 24.21875%
}

.inside-banner .text {
    position: absolute;
    top: 170px;
    left: 50%;
    margin-left: -495px;
    color: #fff;
    text-align: left
}

.inside-banner .text .cn {
    font-size: 40px
}

.inside-banner .text .en {
    font-size: 30px
}

.home-title {
    line-height: 2;
    text-align: center
}

.home-title .icon {
    background: url(../images/icon/hxjsh.png) no-repeat center center;
    width: 55px;
    height: 55px;
    margin: auto auto 7px auto
}

.home-title .cn {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 36px;
    color: #222;
    position: relative
}

.home-title .cn:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../images/icon/dot-02.png) no-repeat center center;
    margin: auto;
    vertical-align: top
}

.home-title .en {
    color: #888;
    font-size: 14px;
    line-height: 1;
    position: relative
}

.home-title .en:before,
.home-title .en:after {
    content: "";
    display: inline-block;
    width: 64px;
    height: 1px;
    background: #888;
    vertical-align: middle;
    margin: 0 10px
}

.home-more {
    color: #918f90;
    font-size: 14px;
    line-height: 36px
}

.home-more a {
    display: inline-block;
    color: #0075c1;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-more a .icon {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px #0075c1 solid;
    background: url(../images/icon/arrow-right-01.png) no-repeat center center;
    vertical-align: middle;
    margin-right: 17px;
    float: left;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative
}

.home-more a .icon:after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/icon/dot.png) no-repeat center center;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    top: -3px;
    left: -3px;
    -webkit-animation: circle01 5s linear 0s infinite;
    animation: circle01 5s linear 0s infinite
}

.home-more a:hover {
    padding-left: 15px;
    color: #fff
}

.home-more a:hover .icon {
    border-color: #fff;
    background: url(../images/icon/arrow-right-02.png) no-repeat center center
}

.home-more a:hover .icon:after {
    display: block
}

@-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-hxjsh {
    background: url(../images/home-hxjsh-bg.jpg) no-repeat center top;
    padding: 0 0 55px 0
}

.home-hxjsh .home-title {
    background: url(../images/technology-txt.png) no-repeat top center;
    padding-top: 30px
}

.home-hxjsh .nr {
    padding-top: 35px;
    position: relative;
    overflow: hidden
}

.home-hxjsh .list {
    margin-left: -5px;
    margin-right: -5px
}

.home-hxjsh .list li {
    padding: 5px 5px;
    width: 33%;
    float: left
}

.home-hxjsh .list .box {
    display: block;
    position: relative;
    max-width: 507.5px;
    margin: auto;
    text-align: center
}

.home-hxjsh .list .box .pic {
    display: block;
    position: relative
}

.home-hxjsh .list .box .pic:after {
    content: "";
    display: block;
    padding-top: 116.12903226%
}

.home-hxjsh .list .box .icon {
    display: block;
    width: 67px;
    height: 67px;
    margin: auto;
    border-radius: 50%;
    position: relative;
    margin-top: 102px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-hxjsh .list .box .div-01 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.home-hxjsh .list .box:hover .div-01 {
    background-color: #98bb52;
    background: rgba(152, 187, 82, 0.75)
}

.home-hxjsh .list .box:hover .icon {
    margin-top: 52px
}

.home-hxjsh .list .box:hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.home-hxjsh .list .box:hover .detailed {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.home-hxjsh .list li:nth-child(2) .box:hover .div-01 {
    background-color: #456aab;
    background: rgba(69, 106, 171, 0.85)
}

.home-hxjsh .list li:nth-child(3) .box:hover .div-01 {
    background-color: #d13030;
    background: rgba(209, 48, 48, 0.75)
}

.home-hxjsh .list li:nth-child(4) .box:hover .div-01 {
    background-color: #584f99;
    background: rgba(88, 79, 152, 0.85)
}

.home-hxjsh .list .circle {
    width: 112px;
    height: 112px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -56px;
    margin-left: -56px;
    -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
}

.home-hxjsh .list .circle:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0;
    -webkit-animation: ripple 4500ms ease-out 225ms infinite;
    animation: ripple 4500ms ease-out 225ms infinite
}

.home-hxjsh .list .circle-01:after {
    -webkit-animation: ripple 4500ms ease-out 225ms infinite;
    animation: ripple 4500ms ease-out 225ms infinite
}

.home-hxjsh .list .circle-02:after {
    -webkit-animation: ripple 4500ms ease-out 900ms infinite;
    animation: ripple 4500ms ease-out 900ms infinite
}

.home-hxjsh .list .circle-03:after {
    -webkit-animation: ripple 4500ms ease-out 1575ms infinite;
    animation: ripple 4500ms ease-out 1575ms infinite
}

.home-hxjsh .list .circle-04:after {
    -webkit-animation: ripple 4500ms ease-out 1800ms infinite;
    animation: ripple 4500ms ease-out 1800ms infinite
}

.home-hxjsh .list .text {
    padding: 17px 35px 0 35px
}

.home-hxjsh .list .title {
    font-size: 24px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 13px;
    margin-top: 25px
}

.home-hxjsh .list .info {
    font-size: 14px;
    color: #eaeaea;
    text-align: left;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    margin-bottom: 28px;
    opacity: 0;
    -webkit-transform: translateY(35px);
    transform: translateY(35px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-hxjsh .detailed {
    opacity: 0;
    -webkit-transform: translateY(35px);
    transform: translateY(35px);
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-hxjsh .detailed span,
.home-hxjsh .detailed a {
    color: #fff;
    font-size: 14px;
    min-width: 125px;
    padding: 0 10px;
    line-height: 24px;
    border: 2px #fff solid;
    border-radius: 28px;
    display: inline-block;
    position: relative
}

.home-hxjsh .detailed span:after,
.home-hxjsh .detailed a:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 7px;
    background: url(../images/icon/arrow-right-01.png) no-repeat center center;
    margin-left: 12px;
    vertical-align: middle
}

.home-advantage {
    overflow: hidden;
    font-size: 20px;
    background: #303030;
    padding: 25px 0;
    color: #959696;
    position: relative;
    max-width: 1360px;
    margin-left: auto;
    margin-right: auto
}

.home-advantage .list {
    overflow: hidden;
    margin-left: -50px;
    margin-right: -50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-advantage li {
    padding: 0 15px;
    border-right: 1px #494847 solid;
    float: left;
    text-align: center
}

.home-advantage li .box {
    display: inline-block;
    text-align: left
}

.home-advantage li:last-child {
    border-right: none
}

.home-advantage li.li-01 {
    width: 16%
}

.home-advantage li.li-02 {
    width: 16%
}

.home-advantage li.li-03 {
    width: 16%
}

.home-advantage li.li-04 {
    width: 26%
}

.home-advantage li.li-05 {
    width: 26%
}

.home-advantage .num {
    line-height: 1;
    color: #0075c1;
    position: relative;
    display: block;
    margin-bottom: 5px
}

.home-advantage .num .counter {
    font-size: 62px;
    font-family: DinC;
    font-weight: 700
}

.home-advantage .num .sub {
    font-size: 24px;
    color: #959696;
    position: relative;
    margin-left: 10px
}

.home-case {
    padding: 70px 0 75px 0;
    overflow: hidden;
    background: #252524
}

.home-case img {
    display: inline-block
}

.home-case .div-01 {
    position: relative
}

.home-case .nr {
    margin-top: 40px;
    margin-left: -385px;
    margin-right: -385px;
    position: relative
}

.home-case .list {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px
}

.home-case .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 20px
}

.home-case .list .box {
    overflow: hidden;
    display: block;
    position: relative
}

.home-case .list .pic {
    overflow: hidden;
    display: block;
    position: relative
}

.home-case .list .pic:after {
    content: "";
    display: block;
    padding-top: 57.47126437%
}

.home-case .list .pic:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0
}

.home-case .list img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-case .list .title {
    margin-top: 35px;
    text-align: center;
    color: #fff;
    color: #939393;
    font-size: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-case .list .title span {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 4px #0075c1 solid;
    border-color: #756a51;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-case .list .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.home-case .list .box:hover .title span {
    padding: 0 20px
}

.home-case .list .slick-center .pic:before {
    display: none
}

.home-case .list .slick-center .title {
    color: #fff
}

.home-case .list .slick-center .title span {
    border-color: #0075c1
}

.home-case .more {
    text-align: center
}

.home-case .more a {
    display: inline-block;
    background: #0075c1;
    color: #fff;
    line-height: 40px;
    min-width: 188px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    border-radius: 20px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 0 0 6px rgba(201, 150, 66, 0.17);
    box-shadow: 0 0 0 6px rgba(201, 150, 66, 0.17)
}

.home-case .more a:hover {
    -webkit-box-shadow: 0 0 0 16px rgba(201, 150, 66, 0);
    box-shadow: 0 0 0 16px rgba(201, 150, 66, 0)
}

.home-case .slick-prev,
.home-case .slick-next {
    z-index: 999;
    width: 86px;
    height: 86px;
    background: #000;
    background-color: rgba(0, 0, 0, 0.8);
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px #7a6d51 solid;
    border: 3px rgba(122, 109, 81, 0.8) solid;
    margin-top: -45px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-case .slick-prev:before,
.home-case .slick-next:before {
    display: none
}

.home-case .slick-prev:hover,
.home-case .slick-next:hover {
    background-color: #0075c1;
    border-color: #0075c1
}

.home-case .slick-prev {
    left: 50%;
    margin-left: -18.5%;
    background-image: url(../images/icon/arrow-left-03.png)
}

.home-case .slick-prev:hover {
    background-image: url(../images/icon/arrow-left-04.png)
}

.home-case .slick-next {
    right: 50%;
    margin-right: -18.5%;
    background-image: url(../images/icon/arrow-right-03.png)
}

.home-case .slick-next:hover {
    background-image: url(../images/icon/arrow-right-04.png)
}

.home-ywbk {
    background: #1a1a18 url(../images/home-ywbk-bg.jpg) no-repeat center top;
    color: #939393;
    padding-top: 70px;
    padding-bottom: 90px;
    overflow: hidden
}

.home-ywbk .nr {
    position: relative;
    padding-top: 100px
}

.home-ywbk .list li {
    width: 50%;
    float: left;
    padding-bottom: 60px
}

.home-ywbk .list .box {
    display: inline-block;
    cursor: pointer;
    width: auto
}

.home-ywbk .list .icon {
    width: 75px;
    height: 86px;
    background: url(../images/icon/hexagon-03.png) no-repeat center center;
    -webkit-transition: all .5s;
    transition: all .5s;
    position: relative;
    float: left
}

.home-ywbk .list .icon:after {
    content: "";
    display: block;
    width: 145px;
    height: 156px;
    background: url(../images/icon/hexagon-04-shadow.png) no-repeat center center;
    position: absolute;
    top: -35px;
    left: -35px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.home-ywbk .list .hover {
    display: none
}

.home-ywbk .list .text {
    width: 270px;
    float: left;
    padding-top: 18px;
    padding-left: 40px
}

.home-ywbk .list .title {
    font-size: 20px;
    color: #fff
}

.home-ywbk .list .info {
    color: #fff
}

.home-ywbk .list .info .span-01 {
    margin-right: 15px;
    position: relative
}

.home-ywbk .list .info .span-01:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    margin-right: 5px
}

.home-ywbk .list .jsh {
    line-height: 26px
}

.home-ywbk .list .li-02,
.home-ywbk .list .li-04 {
    text-align: right
}

.home-ywbk .list .li-02 .icon,
.home-ywbk .list .li-04 .icon {
    float: right
}

.home-ywbk .list .li-02 .text,
.home-ywbk .list .li-04 .text {
    float: right;
    text-align: right;
    padding-left: 0;
    padding-right: 40px
}

.home-ywbk .list .li-03 {
    clear: left
}

.home-ywbk .list .active .icon,
.home-ywbk .list .box:hover .icon {
    background: url(../images/icon/hexagon-04.png) no-repeat center center
}

.home-ywbk .list .active .icon:after,
.home-ywbk .list .box:hover .icon:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.home-ywbk .list .active .default,
.home-ywbk .list .box:hover .default {
    display: none
}

.home-ywbk .list .active .hover,
.home-ywbk .list .box:hover .hover {
    display: block
}

.home-ywbk .pics {
    width: 640px;
    height: 640px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0
}

.home-ywbk .pics:before {
    content: "";
    display: block;
    background: url(../images/circle-01.png) no-repeat center center;
    width: 540px;
    height: 540px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: circle01 10s linear 0s infinite;
    animation: circle01 10s linear 0s infinite;
    margin: auto
}

.home-ywbk .pics .item {
    display: none \9;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all .8s;
    transition: all .8s
}

.home-ywbk .pics .item:after {
    content: "";
    display: block;
    padding-top: 100%
}

.home-ywbk .pics .item img {
    -webkit-transition: all .8s;
    transition: all .8s;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.home-ywbk .pics .show {
    display: block \9;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.home-ywbk .pics .show img {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.home-ywbk .home-more {
    padding-left: 115px
}

.home-news {
    background: #141414 url(../images/home-news-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 70px 0 80px 0;
    overflow: hidden
}

.home-news .nr {
    margin-top: 50px
}

.home-news .list {
    padding-bottom: 70px;
    overflow: hidden;
    margin-left: -22px;
    margin-right: -22px
}

.home-news li {
    width: 33.33333333%;
    float: left;
    padding: 0 22px
}

.home-news .box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto
}

.home-news .box .pic {
    position: relative;
    overflow: hidden;
    display: block
}

.home-news .box .pic:after {
    content: "";
    display: block;
    padding-top: 62.82051282%
}

.home-news .box .pic img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-news .box .text {
    padding-top: 25px;
    position: relative
}

.home-news .box .bt {
    font-size: 20px;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.home-news .box .info {
    color: #756a51;
    height: 30px;
    line-height: 30px;
    margin: 0 0 15px 0
}

.home-news .box .info img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px
}

.home-news .box .info .view {
    display: inline-block;
    margin-right: 10px;
    background: url(../images/icon/view.png) no-repeat left center;
    padding-left: 23px
}

.home-news .box .info .date {
    background: url(../images/icon/date.png) no-repeat left center;
    padding-left: 23px
}

.home-news .box .jsh {
    font-size: 16px;
    color: #a7a7a7;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    margin-bottom: 25px
}

.home-news .box .detailed a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    min-width: 130px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-bottom: 3px #0075c1 solid
}

.home-news .box .detailed .en {
    margin-right: 10px
}

.home-news .box:hover .pic img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.home-news .box:hover .text:before {
    width: 0
}

.home-news .box:hover .text:after {
    width: 100%
}

.home-news .box:hover .bt {
    color: #0075c1
}

.home-news .box:hover .detailed a {
    padding: 0 20px
}

.home-news .home-more {
    text-align: center
}

.home-news .home-more a {
    display: inline-block;
    color: #a7a7a7;
    line-height: 36px;
    min-width: 188px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    border-radius: 20px;
    border: 2px #84622a solid;
    background: transparent;
    -webkit-box-shadow: 0 0 0 16px rgba(201, 150, 66, 0);
    box-shadow: 0 0 0 16px rgba(201, 150, 66, 0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.home-news .home-more a:hover {
    color: #fff;
    border-color: transparent;
    background: #0075c1;
    -webkit-box-shadow: 0 0 0 6px rgba(201, 150, 66, 0.17);
    box-shadow: 0 0 0 6px rgba(201, 150, 66, 0.17)
}

.footer {
    background: #1d1f25;
    padding: 40px 0 40px 0;
    color: #999;
    font-size: 14px
}

.footer>.container {
    overflow: hidden
}

.footer a {
    color: #999;
    -webkit-transition: all .5s;
    transition: all .5s
}

.footer a:hover {
    color: #fff;
    text-decoration: underline
}

.footer .menu {
    width: 52%;
    float: left
}

.footer .menu li {
    width: 20%;
    float: left;
    line-height: 1.5;
    padding-right: 10px
}

.footer .menu .title a {
    color: #fff;
    font-size: 16px
}

.footer .menu a {
    display: block;
    padding: 5px 0;
    line-height: 20px;
    color: #bbb;
    font-size: 13px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.footer .menu a:hover {
    margin-left: 10px
}

.footer .footer-contact {
    width: 34%;
    float: left;
    line-height: 36px;
    border-left: 1px #34363b solid;
    font-size: 16px;
    padding-left: 50px;
    padding-right: 40px
}

.footer .footer-contact .text {
    margin-top: -4px
}

.footer .footer-contact .icon {
    max-height: 30px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px
}

.footer .footer-contact .p-01 {
    padding-bottom: 10px
}

.footer .footer-contact .span-01 {
    color: #fff
}

.footer .footer-contact .span-02 {
    font-size: 20px
}

.footer .ewm {
    width: 14%;
    float: left;
    font-size: 14px;
    text-align: right;
    border-left: 1px #34363b solid
}

.footer .ewm img {
    max-width: 117px
}

.footer .ewm .div-01 {
    display: inline-block;
    text-align: center
}

.copyright {
    background: #1d1f25;
    border-top: 1px #434343 solid;
    padding: 16px 0;
    text-align: center;
    color: #999;
    font-size: 14px
}

.copyright a {
    color: #999;
    -webkit-transition: all .5s;
    transition: all .5s
}

.copyright a:hover {
    color: #fff;
    text-decoration: underline
}

.bread {
    text-align: right;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    padding: 10px 0;
    overflow: hidden;
    border-bottom: 1px #e4e4e4 solid;
    color: #999
}

.bread .title {
    float: left;
    font-size: 20px;
    color: #333;
    padding-left: 13px;
    position: relative
}

.bread .title:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 16px;
    background: #0075c1;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 8px
}

.bread .icon {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px
}

.bread a {
    color: #999
}

.bread a:hover {
    color: #0075c1;
    text-decoration: underline
}

.bread span {
    color: #666
}

.inside-title {
    line-height: 1.5;
    text-align: left;
    font-size: 30px;
    position: relative
}

.inside-title .cn {
    color: #7f7f7f
}

.inside-title .en {
    color: #7f7f7f;
    font-family: arial;
    position: relative
}

.inside-title .en:after {
    content: "";
    display: inline-block;
    margin: 0 auto 0 auto;
    width: 120px;
    border-top: 1px #000 solid;
    vertical-align: middle
}

.inside-title-02 {
    line-height: 1.5;
    text-align: left;
    font-size: 30px;
    position: relative
}

.inside-title-02 .cn {
    color: #7f7f7f
}

.inside-title-02 .en {
    color: #7f7f7f;
    font-family: arial;
    position: relative
}

.inside-title-02 .en:after {
    content: "";
    display: block;
    margin: 20px 0 0 0;
    width: 120px;
    border-top: 1px #000 solid;
    vertical-align: middle
}

.inside {
    background: #fbfbfb url(../images/inside-bg.png) no-repeat
}

.inside .content {
    padding-top: 30px;
    padding-bottom: 30px
}

    .inside img {
        vertical-align: middle;
        height: 100%;
    }

.inside .aside {
    width: 25%;
    float: left;
    padding-right: 45px;
    padding-top: 20px
}

.inside .aside .category {
    margin-bottom: 15px
}

.inside .aside .category .title {
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
    position: relative;
    background: #216abb url(../images/aside-title-bg.jpg) center right no-repeat;
    z-index: 0;
    padding: 0 20px
}

.inside .aside .category .list {
    border-right: 1px #ececec solid;
    border-bottom: 1px #ececec solid;
    border-left: 1px #ececec solid;
    padding-top: 7px
}

.inside .aside .category li {
    position: relative;
    border-bottom: 1px #ececec solid
}

.inside .aside .category li:after {
    content: "";
    display: none;
    width: 280px;
    height: 48px;
    background: url(../images/classify-bg.png) bottom right no-repeat;
    position: absolute;
    left: -1px;
    bottom: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.inside .aside .category li>a {
    z-index: 1;
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 45px;
    padding: 0 30px 0 20px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: padding .5s;
    transition: padding .5s
}

.inside .aside .category li>a:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/arrow-right-02.png) no-repeat center center;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

.inside .aside .category li:last-child {
    border-bottom: none
}

.inside .aside .category li:hover:after {
    display: block;
    width: 280px
}

.inside .aside .category li:hover>a {
    color: #fff;
    padding-left: 30px
}

.inside .aside .category li:hover>a:before {
    background: url(../images/arrow-right-03.png) no-repeat center center
}

.inside .aside .category .child {
    padding: 10px 0
}

.inside .aside .category .child>a {
    overflow: hidden;
    display: block;
    line-height: 32px;
    padding-left: 32px;
    position: relative
}

.inside .aside .category .child>a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 4px 5px;
    border-color: transparent transparent transparent #d2d2d2;
    position: absolute;
    left: 18px;
    top: 12px
}

.inside .aside .category .child>a:after {
    content: "";
    display: block;
    width: 30px;
    height: 5px;
    background: url(../images/icon/arrow-right-03.png) right no-repeat;
    position: absolute;
    right: -30px;
    top: 12px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.inside .aside .category .child>a:hover,
.inside .aside .category .child>a.cur {
    color: #0075c1
}

.inside .aside .category .child>a:hover:before,
.inside .aside .category .child>a.cur:before {
    border-color: transparent transparent transparent #0075c1
}

.inside .aside .category .child>a:hover:after,
.inside .aside .category .child>a.cur:after {
    right: 18px
}

.inside .aside .category .li-01>a {
    font-weight: 700;
    color: #fff
}

.inside .aside .category .li-01>a:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.inside .aside .category .cur:after {
    display: block;
    width: 280px
}

.inside .aside .category .cur>a {
    font-weight: 700;
    color: #fff
}

.inside .aside .category .cur>a:before {
    background: url(../images/icon/arrow-right-03.png) no-repeat center center
}

.inside .aside .category .cur .child>a.cur:after {
    right: 18px
}

.inside .mainRight {
    width: 75%;
    height: 100%;
    float: left;
    padding: 5px 0 40px 0;
    position: relative
}

.inside-02 {
    background: url(../images/inside-bg-02.png) no-repeat center top, url(../images/inside-bg-03.png) no-repeat center bottom;
    background-color: #f8f8f8;
    padding-top: 40px
}

.inside-03 {
    background: #fbfbfb url(../images/inside-bg-04.png) no-repeat;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 20px
}

.about {
    padding-top: 20px;
    line-height: 2;
    color: #555
}

.about .bt {
    line-height: 1.5;
    text-align: center;
    font-size: 34px;
    position: relative
}

.about .bt:after {
    content: "";
    display: block;
    margin: 35px auto 0 auto;
    width: 162px;
    border-top: 1px #ccc solid
}

.about .bt .cn {
    color: #666
}

.about .bt .en {
    color: #c3c3c3;
    font-size: 36px;
    font-family: arial
}

.about .youshi {
    padding: 0 50px;
    margin: 55px 0 55px 0;
    overflow: hidden;
    color: #999
}

.about .youshi .list {
    margin-left: -10px;
    margin-right: -10px
}

.about .youshi li {
    padding: 0 10px;
    width: 33.33333333%;
    text-align: center;
    float: left
}

.about .youshi .num {
    line-height: 1;
    color: #0075c1;
    font-size: 18px;
    font-family: agor
}

.about .youshi .num .counter {
    font-size: 60px
}

.about .youshi .num em {
    font-style: normal;
    font-size: 24px;
    font-weight: 700
}

.about .jsh {
    background: url(../images/dot-bg-01.png) repeat-x bottom;
    padding-bottom: 65px
}

.about .jsh .pic {
    float: left;
    width: 50%;
    padding-right: 15px
}

.about .jsh .text {
    float: left;
    width: 50%;
    padding-top: 25px;
    padding-left: 15px
}

.about .jsh .p-02 {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px
}

.about .jsh .list-02 li {
    clear: both;
    margin-bottom: 35px;
    overflow: hidden
}

.about .jsh .list-02 li:nth-child(even) .pic {
    float: right;
    padding-right: 0;
    padding-left: 15px
}

.about .jsh .list-02 li:nth-child(even) .text {
    float: left;
    padding-top: 25px;
    padding-left: 0;
    padding-right: 15px
}

.history {
    line-height: 32px;
    color: #555;
    padding: 60px 0 0 0
}

.history dl {
    position: relative;
    padding: 40px 0 30px 335px
}

.history dl:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #ededed;
    position: absolute;
    top: 0;
    left: 289px
}

.history dl dt {
    font-size: 18px;
    color: #333;
    width: 290px;
    text-align: right;
    float: left;
    position: absolute;
    left: 0;
    top: 40px;
    padding: 0 50px 0 0;
    cursor: pointer
}

.history dl dt:after {
    content: "●";
    color: #0075c1;
    line-height: 14px;
    font-size: 15px;
    display: block;
    width: 17px;
    height: 17px;
    text-align: center;
    background: #fff;
    border: 1px #0075c1 solid;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    right: -8px;
    top: 10px
}

.history dl .year {
    font-size: 30px;
    font-weight: normal;
    display: inline-block;
    margin: 0 5px 0 0;
    font-family: TC Avant Garde Gothic Pro;
    font-weight: 700
}

.history dl dd {
    width: 100%;
    overflow: hidden;
    height: 32px
}

.history dl.cur .year,
.history dl:hover .year {
    color: #0075c1
}

.history .zhj {
    font-size: 30px;
    color: #333;
    margin: 0 0 0 202px
}

.history .zhj img {
    vertical-align: middle;
    margin: 0 20px 0 0
}

.honor .shm {
    margin-top: 30px;
    line-height: 32px
}

.honor .list {
    margin-top: 50px;
    margin-left: -20px;
    margin-right: -20px
}

.honor .list li {
    width: 25%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
    color: #333;
    cursor: pointer;
    padding: 0 20px
}

.honor .list li .box {
    max-width: 202px;
    margin: auto
}

.honor .list li .pic {
    display: block;
    margin: auto;
    position: relative;
    overflow: hidden;
    border: 1px #d3d3d3 solid
}

.honor .list li .pic span {
    position: relative;
    display: block
}

.honor .list li .pic span:after {
    content: "";
    display: block;
    padding-top: 75%
}

.honor .list li img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.honor .list li .bt {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    display: block;
    font-size: 14px;
    color: #555
}

.honor .list li:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.honor .list li:hover .bt {
    color: #0075c1
}

.honor .list-02 li .pic span:after {
    content: "";
    display: block;
    padding-top: 125%
}

.customer .shm,
.partner .shm {
    margin-top: 30px;
    line-height: 32px
}

.customer .list,
.partner .list {
    margin-top: 50px;
    margin-left: -20px;
    margin-right: -20px
}

.customer .list li,
.partner .list li {
    width: 16.66666667%;
    float: left;
    padding: 0 20px 40px 20px
}

.customer .list .box,
.partner .list .box {
    display: block;
    border: 1px #d8d8d8 solid;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    padding: 10px;
    position: relative
}

.customer .list .box:after,
.partner .list .box:after {
    content: "";
    display: block;
    padding-top: 100%
}

.customer .list .box img,
.partner .list .box img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.customer .list .box:hover,
.partner .list .box:hover {
    border-color: #0075c1
}

.customer .list .box:hover img,
.partner .list .box:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.product {
    padding-top: 20px;
    overflow: hidden
}

.product .list li {
    width: 33.33333333%;
    float: left;
    padding: 0 15px;
    margin-bottom: 40px
}

.product .list .box {
    border: 1px #e6f4fa solid;
    border-top: 7px #009ee0 solid;
    display: block;
    position: relative;
    background: #fff
}

.product .list .pic {
    display: block;
    z-index: 1;
    overflow: hidden;
    position: relative
}

.product .list .pic:after {
    content: "";
    display: block;
    padding-top: 63.75%
}

.product .list img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.product .list .text {
    padding: 20px 35px 0 35px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .1s;
    transition: all .1s
}

.product .list .title {
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    margin: 10px 0;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product .list .info {
    font-size: 14px;
    color: #777;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    margin-bottom: 30px
}

.product .list .detailed {
    border-top: 1px #009ee0 solid;
    text-align: right;
    color: #777;
    font-size: 14px;
    line-height: 30px;
    padding: 20px 0 30px 0
}

.product .list .detailed .icon {
    max-height: 7px;
    margin-top: 7px;
    float: right
}

.product .list .box:hover .text {
    background: #009ee0
}

.product .list .box:hover .title {
    color: #fff
}

.product .list .box:hover .info {
    color: #fff
}

.product .list .box:hover .detailed {
    border-color: #fff;
    color: #fff
}

.product .list .box:hover .pic img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.product .list li:nth-child(1) .box {
    border-top-color: #98bb52
}

.product .list li:nth-child(1) .box:hover .text {
    background: #98bb52
}

.product .list li:nth-child(1) .detailed {
    border-top-color: #98bb52
}

.product .list li:nth-child(2n) .box {
    border-top-color: #456aab
}

.product .list li:nth-child(2n) .box:hover .text {
    background: #456aab
}

.product .list li:nth-child(2n) .detailed {
    border-top-color: #456aab
}

.product .list li:nth-child(3n) .box {
    border-top-color: #d13030
}

.product .list li:nth-child(3n) .box:hover .text {
    background: #d13030
}

.product .list li:nth-child(3n) .detailed {
    border-top-color: #d13030
}

.product .list li:nth-child(4n) .box {
    border-top-color: #584f99
}

.product .list li:nth-child(4n) .box:hover .text {
    background: #584f99
}

.product .list li:nth-child(4n) .detailed {
    border-top-color: #584f99
}

.product .list li:nth-child(5n) .box {
    border-top-color: #009ee0
}

.product .list li:nth-child(5n) .box:hover .text {
    background: #009ee0
}

.product .list li:nth-child(5n) .detailed {
    border-top-color: #009ee0
}

.secondCategory {
    border-top: 1px #d4d4d4 solid;
    border-bottom: 1px #d4d4d4 solid
}

.secondCategory .list li {
    float: left
}

.secondCategory .list>li>a {
    min-width: 105px;
    display: block;
    color: #555;
    font-size: 14px;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    position: relative
}

.secondCategory .list>li>a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #d4d4d4;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    margin: auto
}

.secondCategory .list>li>a:hover {
    background: #0075c1;
    color: #fff
}

.secondCategory .list>li.cur>a {
    background: #0075c1;
    color: #fff
}

.product-02 .secondCategory {
    margin-top: 30px
}

.product-02 .shm {
    margin-top: 20px;
    line-height: 32px;
    padding-left: 80px
}

.product-02 .list-02 {
    margin-top: 40px;
    margin-bottom: 35px;
    margin-left: -24.5px;
    margin-right: -24.5px
}

.product-02 .list-02 li {
    width: 33.33333333%;
    float: left;
    padding: 0 24.5px;
    margin-bottom: 35px
}

.product-02 .list-02 .box {
    display: block;
    border: 1px #dadada solid;
    background: #fff
}

.product-02 .list-02 .pic {
    position: relative
}

.product-02 .list-02 .pic:after {
    content: "";
    display: block;
    padding-top: 78.57142857%
}

.product-02 .list-02 .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: rgba(0, 117, 193, 0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.product-02 .list-02 .icon:before {
    content: "";
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px #fff solid;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/link.png) no-repeat center center;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.product-02 .list-02 .text {
    border-top: 1px #dadada solid;
    background: #f6f6f6;
    text-align: center;
    padding: 15px 0 25px 0
}

.product-02 .list-02 .title {
    font-size: 18px;
    color: #555;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 20px
}

.product-02 .list-02 .detailed a,
.product-02 .list-02 .detailed span {
    display: inline-block;
    background: #0075c1;
    color: #fff;
    min-width: 120px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 12px;
    -webkit-transition: background .5s;
    transition: background .5s
}

.product-02 .list-02 .box:hover {
    border-color: #0075c1;
    -webkit-box-shadow: 0 0 0 1px #0075c1;
    box-shadow: 0 0 0 1px #0075c1
}

.product-02 .list-02 .box:hover .icon {
    background: rgba(0, 117, 193, 0.6)
}

.product-02 .list-02 .box:hover .icon:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.product-02 .list-02 .box:hover .text {
    border-color: #0075c1;
    background: #0075c1
}

.product-02 .list-02 .box:hover .title {
    color: #fff
}

.product-02 .list-02 .box:hover .detailed a,
.product-02 .list-02 .box:hover .detailed span {
    background: #fff;
    color: #0075c1
}

.show-title {
    line-height: 38px;
    border-top: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
    color: #888;
    font-size: 16px
}

.show-title .cn {
    background: #0075c1;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    min-width: 130px;
    padding: 0 10px;
    text-align: center;
    margin-right: 10px
}

.show-title .en {
    font-family: arial
}

.related-title {
    line-height: 38px;
    border-top: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
    color: #888;
    font-size: 16px
}

.related-title .cn {
    background: #0075c1;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    min-width: 130px;
    padding: 0 10px;
    text-align: center;
    margin-right: 10px
}

.related-title .en {
    font-family: arial
}

.product-show .switch {
    width: 100%;
    overflow: hidden
}

.product-show .big {
    width: 632px;
    height: 497px;
    background: #fff;
    border: 1px #dadada solid;
    float: left
}

.product-show .big .pic {
    display: block;
    width: 630px;
    height: 495px;
    position: relative
}

.product-show .slick-dots li button {
    border: 1px #cfcfcf solid
}

.product-show .small {
    margin-left: 18px;
    float: left;
    height: 497px;
    width: 134px;
    padding-top: 21px;
    overflow: hidden
}

.product-show .small .slick-slide {
    width: 100%;
    clear: both
}

.product-show .small .pic {
    display: block;
    width: 132px;
    height: 104px;
    cursor: pointer;
    padding: 1px;
    margin: 0 0 10px 0;
    background: #fff;
    position: relative
}

.product-show .small .pic:before {
    content: "";
    display: block;
    width: 132px;
    height: 104px;
    border: 1px #d6d6d6 solid;
    position: absolute;
    top: 0;
    left: 0
}

.product-show .small .pic img {
    vertical-align: middle
}

.product-show .small .slick-prev,
.product-show .small .slick-next {
    display: block;
    z-index: 999;
    left: 45px;
    width: 100%;
    height: 11px;
    z-index: 10;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.product-show .small .slick-prev:before,
.product-show .small .slick-next:before {
    display: none
}

.product-show .small .slick-prev {
    top: 0;
    background: url(../images/icon/arrow-up-01.png) no-repeat center center
}

.product-show .small .slick-prev:hover {
    background: url(../images/icon/arrow-up-02.png) no-repeat center center
}

.product-show .small .slick-next {
    background: url(../images/icon/arrow-down-01.png) no-repeat center center;
    top: auto;
    margin-top: 0;
    bottom: 0
}

.product-show .small .slick-next:hover {
    background: url(../images/icon/arrow-down-02.png) no-repeat center center
}

.product-show .small .slick-current .pic {
    padding: 1px
}

.product-show .small .slick-current .pic:before {
    border: 1px #0075c1 solid
}

.product-show .nr {
    color: #555;
    line-height: 32px;
    padding-top: 30px
}

.product-show .nr .show-title {
    margin-bottom: 25px
}

.product-show .related-product .list-02 {
    margin-bottom: 0
}

.product-show .related-product .list-02 li {
    margin-bottom: 30px
}

.table-01 table {
    width: auto;
    max-width: inherit;
    font-size: 12px
}

.table-01 td {
    border: 1px #b9d3ef solid;
    padding: 0 20px 0 20px
}

.table-01 .bt-01 {
    background: #0075c1;
    border-color: #0075c1;
    color: #fff;
    min-width: 120px;
    font-weight: 700;
    text-align: right
}

.table-01 .bt-02 {
    background: #9e9e9e;
    border-color: #9e9e9e;
    color: #fff
}

.table-01 .bt-03 {
    text-align: right;
    background: #ecf2f9;
    color: #0075c1
}

.download-02 {
    border: 1px #eaeaea solid;
    padding: 20px 35px 35px 35px;
    margin-bottom: 20px
}

.download-02 li {
    line-height: 39px;
    border-bottom: 1px #eaeaea solid
}

.download-02 .box {
    display: block;
    padding: 0 170px 0 20px;
    position: relative
}

.download-02 .title {
    color: #555;
    font-size: 14px
}

.download-02 .btn {
    display: inline-block;
    border: 1px #e1e1e1 solid;
    border-radius: 3px;
    line-height: 22px;
    color: #8f8f8f;
    min-width: 93px;
    padding: 0 10px;
    position: absolute;
    top: 8px;
    right: 20px
}

.download-02 .btn:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 11px;
    background: url(../images/icon/download-01.png) no-repeat center center;
    margin-left: 7px;
    vertical-align: middle
}

.download-02 .box:hover {
    background: #e8f2fa
}

.download-02 .box:hover .title {
    color: #0075c1;
    font-weight: 700
}

.download-02 .box:hover .btn {
    border-color: #0075c1;
    background: #0075c1;
    color: #fff
}

.download-02 .box:hover .btn:after {
    background: url(../images/icon/download-02.png) no-repeat center center
}

.technology .list {
    border-top: 1px #d4d4d4 solid;
    padding-top: 20px;
    margin-top: 40px
}

.technology li {
    clear: both;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    overflow: hidden;
    border-bottom: 1px #ccc solid
}

.technology li .box {
    -webkit-transition: all .2s;
    transition: all .2s;
    display: block
}

.technology li .pic {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-right: 40px
}

.technology li .pic a,
.technology li .pic span {
    background: #fff;
    display: block;
    overflow: hidden;
    position: relative
}

.technology li .pic a:after,
.technology li .pic span:after {
    content: "";
    display: block;
    padding-top: 77.01149425%
}

.technology li img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.technology li .text {
    width: 50%;
    padding: 35px 20px 0 40px;
    float: right;
    position: relative;
    min-height: 333px
}

.technology li .title {
    position: relative
}

.technology li .title:before {
    content: "";
    display: block;
    width: 37px;
    height: 4px;
    background: #0075c1;
    margin: 0 0 30px 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.technology li .title a,
.technology li .title span {
    color: #666;
    font-size: 24px;
    font-weight: 700;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.technology li .info {
    color: #777;
    font-size: 14px;
    line-height: 28px;
    height: 84px;
    overflow: hidden;
    margin: 20px 0 0 0
}

.technology li .detailed {
    margin: 25px 0 0 0
}

.technology li .detailed span,
.technology li .detailed a {
    display: inline-block;
    min-width: 160px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    color: #0075c1;
    border: 1px #0075c1 solid;
    border-radius: 40px;
    z-index: 1;
    position: relative
}

.technology li .detailed span:before,
.technology li .detailed a:before {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    z-index: 0;
    left: 156px;
    top: 50%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.technology li:hover .box {
    overflow: hidden
}

.technology li:hover .text {
    background: #0075c1
}

.technology li:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.technology li:hover .title:before {
    width: 74px;
    background: #fff
}

.technology li:hover .title a,
.technology li:hover .title span {
    color: #fff
}

.technology li:hover .info {
    color: #fff
}

.technology li:hover .detailed a,
.technology li:hover .detailed span {
    color: #0075c1;
    border-color: #fff;
    background: #fff
}

.technology li:hover .detailed:before {
    width: 32px
}

.category-bread {
    overflow: hidden;
    border-bottom: 1px #e4e4e4 solid;
    padding-bottom: 5px
}

.category-bread .category {
    float: left
}

.category-bread .category .list li {
    float: left;
    min-width: 105px;
    position: relative
}

.category-bread .category .list li:after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #d4d4d4;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    margin: auto
}

.category-bread .category .list a {
    display: block;
    color: #555;
    font-size: 14px;
    padding: 0 10px;
    line-height: 40px;
    text-align: center
}

.category-bread .category .list a:hover {
    background: #0075c1;
    color: #fff
}

.category-bread .category .list li.cur a {
    background: #0075c1;
    color: #fff
}

.category-bread .bread {
    float: right;
    border-bottom: none;
    padding-top: 5px;
    padding-bottom: 5px
}

.download,
.yyly {
    padding-bottom: 40px
}

.download .subNav,
.yyly .subNav {
    background: #ededed;
    padding-left: 10px;
    padding-right: 10px
}

.download .subNav li,
.yyly .subNav li {
    float: left;
    line-height: 35px
}

.download .subNav .box,
.yyly .subNav .box {
    display: block;
    font-size: 14px;
    color: #555;
    padding: 0 20px;
    text-align: center
}

.download .subNav .box span,
.yyly .subNav .box span {
    display: inline-block;
    position: relative
}

.download .subNav .box span:after,
.yyly .subNav .box span:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #0075c1;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 0;
    margin: auto;
    -webkit-transition: all .5s;
    transition: all .5s
}

.download .subNav .box:hover,
.yyly .subNav .box:hover {
    color: #0075c1
}

.download .subNav .box:hover span:after,
.yyly .subNav .box:hover span:after {
    width: 100%
}

.download .subNav .cur .box,
.yyly .subNav .cur .box {
    color: #0075c1
}

.download .subNav .cur .box span:after,
.yyly .subNav .cur .box span:after {
    width: 100%
}

.download>.list,
.yyly>.list {
    margin-top: 30px;
    padding-bottom: 20px
}

.download>.list li,
.yyly>.list li {
    margin-bottom: 15px
}

.download>.list .box,
.yyly>.list .box {
    display: block;
    overflow: hidden;
    min-height: 145px
}

.download>.list .date-text,
.yyly>.list .date-text {
    width: 76.5%;
    float: left;
    position: relative;
    padding: 0 0 20px 0;
    border-bottom: 1px #dcdcdc solid
}

.download>.list .date,
.yyly>.list .date {
    padding: 0 0 0 25px;
    color: #666;
    font-family: arial;
    float: right;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 0
}

.download>.list .text,
.yyly>.list .text {
    padding: 0 0 0 25px
}

.download>.list .title,
.yyly>.list .title {
    display: block;
    color: #121212;
    font-weight: 700;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .5s;
    transition: all .5s;
    padding-right: 100px
}

.download>.list .info,
.yyly>.list .info {
    color: #888;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 16px
}

.download>.list .btn,
.yyly>.list .btn {
    display: inline-block;
    border: 1px #adadad solid;
    border-radius: 0;
    line-height: 26px;
    font-size: 12px;
    color: #8f8f8f;
    min-width: 120px;
    text-align: center;
    padding: 0 10px
}

.download>.list .btn:after,
.yyly>.list .btn:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 11px;
    background: url(../images/icon/download-01.png) no-repeat center center;
    margin-left: 7px;
    vertical-align: middle
}

.download>.list .pic,
.yyly>.list .pic {
    margin-top: 5px;
    width: 21%;
    float: right;
    position: relative
}

.download>.list .pic:after,
.yyly>.list .pic:after {
    content: "";
    display: block;
    padding-top: 54.71698113%
}

.download>.list .icon,
.yyly>.list .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: rgba(0, 117, 193, 0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.download>.list .icon:before,
.yyly>.list .icon:before {
    content: "";
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px #fff solid;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/link.png) no-repeat center center;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s
}

.download>.list .box:hover .icon,
.yyly>.list .box:hover .icon {
    background: rgba(0, 117, 193, 0.6)
}

.download>.list .box:hover .icon:before,
.yyly>.list .box:hover .icon:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.download>.list .box:hover .date,
.yyly>.list .box:hover .date {
    color: #0075c1
}

.download>.list .box:hover .title,
.yyly>.list .box:hover .title {
    color: #0075c1;
    padding-left: 10px
}

.download>.list .box:hover .btn,
.yyly>.list .box:hover .btn {
    border-color: #0075c1;
    background: #0075c1;
    color: #fff
}

.download>.list .box:hover .btn:after,
.yyly>.list .box:hover .btn:after {
    background: url(../images/icon/download-02.png) no-repeat center center
}

.yyly>.list .box .btn:after {
    display: none !important
}

.news .shm {
    margin-top: 30px;
    line-height: 32px
}

.news .list {
    overflow: hidden;
    border-bottom: 1px #bcbcbc solid;
    margin: 50px 0 70px;
    padding-bottom: 25px
}

.news li {
    clear: both;
    margin: 0 0 50px;
    overflow: hidden
}

.news li .pic {
    width: 32%;
    border: 1px #ebebeb solid;
    float: left;
    position: relative;
    overflow: hidden
}

.news li .pic:after {
    content: "";
    display: block;
    padding-top: 63.33333333%
}

.news li img {
    -webkit-transition: all .5s;
    transition: all .5s
}

.news li .text {
    width: 68%;
    padding: 25px 0 0 90px;
    float: right;
    position: relative
}

.news li .text:before {
    content: "";
    display: block;
    border-top: 3px #eaeaea solid;
    position: absolute;
    width: 100%;
    left: 20px;
    top: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.news li .text:after {
    content: "";
    display: block;
    border-top: 3px #0075c1 solid;
    position: absolute;
    width: 0;
    left: 20px;
    top: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.news li .time {
    position: absolute;
    top: -3px;
    left: 20px;
    display: block;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 20px;
    background: #0075c1;
    color: #fff;
    font-size: 12px;
    padding: 4px 0 0
}

.news li .time span {
    font-size: 20px;
    display: block;
    height: 20px;
    line-height: 20px
}

.news li .title {
    color: #121212;
    font-size: 14px;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.news li .info {
    color: #555;
    line-height: 32px;
    color: #888;
    font-size: 12px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    margin: 5px 0 0
}

.news li .more a,
.news li .more span {
    display: inline-block;
    width: 102px;
    text-align: center;
    line-height: 26px;
    color: #adadad;
    font-size: 12px;
    border: 1px #adadad solid;
    margin: 25px 0 0
}

.news li:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.news li:hover .text:before {
    width: 0
}

.news li:hover .text:after {
    width: 100%
}

.news li:hover .title {
    color: #0075c1
}

.news li:hover .more a,
.news li:hover .more span {
    background: #0075c1;
    color: #fff;
    border: 1px #0075c1 solid
}

.news-show,
.yyly-show {
    line-height: 32px;
    color: #555
}

.news-show .title,
.yyly-show .title {
    font-weight: normal;
    font-size: 30px;
    line-height: 1.5;
    text-align: center;
    padding: 10px 0;
    color: #222
}

.news-show .info,
.yyly-show .info {
    text-align: center;
    font-size: 12px;
    color: #9f9f9f;
    line-height: 20px;
    padding: 5px 0;
    border-top: 1px #ececec solid;
    border-bottom: 1px #ececec solid;
    margin: 20px 0 0 0;
    color: #888
}

.news-show .info .source,
.yyly-show .info .source,
.news-show .info .time,
.yyly-show .info .time,
.news-show .info .view,
.yyly-show .info .view {
    display: inline-block;
    font-size: 12px;
    margin: 0 8px
}

.news-show .nr,
.yyly-show .nr {
    margin: 40px 0 50px 0
}

.targs-share-return {
    padding: 0 0 30px 0;
    overflow: hidden
}

.targs-share-return .targs {
    width: 60%;
    float: left
}

.targs-share-return .targs b {
    color: #0075c1
}

.targs-share-return .targs a {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #555
}

.targs-share-return .targs a:hover {
    color: #0075c1
}

.targs-share-return .share-return {
    width: 40%;
    float: right;
    text-align: right
}

.targs-share-return .share {
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    margin: 0 5px 0 0
}

.targs-share-return .bdsharebuttonbox {
    display: inline-block
}

.targs-share-return .bdshare-button-style0-16 a,
.targs-share-return .bdshare-button-style0-16 .bds_more {
    margin: 0 2px
}

.targs-share-return .return {
    display: inline-block;
    background: #0075c1;
    font-size: 12px;
    color: #fff;
    min-width: 90px;
    padding: 0 10px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 10px
}

.targs-share-return .return:hover {
    background: #98bb52
}

.prev-next {
    position: relative;
    overflow: hidden
}

.prev-next a {
    color: #333;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s
}

.prev-next .prev,
.prev-next .next {
    width: 50%;
    height: 34px;
    line-height: 34px;
    color: #333;
    background: #eee;
    float: left;
    font-size: 14px;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    position: relative;
    padding: 0 16px 0 75px
}

.prev-next .prev:hover,
.prev-next .next:hover {
    background: #0075c1;
    color: #fff
}

.prev-next .prev:hover a,
.prev-next .next:hover a {
    color: #fff
}

.prev-next .prev span,
.prev-next .next span {
    display: inline-block;
    width: 60px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 16px
}

.prev-next .prev {
    border-right: 4px #fff solid
}

.prev-next .next {
    border-left: 4px #fff solid
}

.related-news {
    margin: 50px 0 0 0
}

.related-news .list {
    overflow: hidden;
    margin: 20px 0 0 0;
    position: relative
}

.related-news li {
    width: 50%;
    float: left;
    position: relative
}

.related-news li a {
    display: block;
    position: relative;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #555;
    padding: 0 10px 0 20px
}

.related-news li a:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    background: url(../images/icon/dot-01.png) center center no-repeat;
    position: absolute;
    top: 8px;
    left: 0
}

.related-news li a:hover {
    color: #98bb52;
    padding-left: 25px
}

.related-news li a:hover:after {
    background: url(../images/icon/dot-02.png) center center no-repeat
}

.related-news li .bt {
    display: inline-block;
    max-width: 345px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle
}

.related-news li .date {
    color: #a6a6a6;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    margin-left: 8px
}

.contact {
    overflow: hidden;
    position: relative;
    background: #0075c1
}

.contact .tabsMenu {
    border-bottom: 1px #1a96cf solid;
    font-size: 0
}

.contact .tabsMenu a {
    font-size: 16px;
    color: #9cc7e4 !important;
    display: inline-block;
    min-width: 120px;
    text-align: center;
    border-top: 1px #1a96cf solid;
    border-right: 1px #1a96cf solid;
    border-left: 1px #1a96cf solid;
    line-height: 34px;
    margin-right: 2px;
    padding: 0 10px
}

.contact .tabsMenu a.active {
    background: #f7f7f7;
    border-color: #f7f7f7;
    color: #0075c1 !important
}

.contact .tabsSec .item {
    display: none;
    padding-top: 25px;
    padding-bottom: 30px
}

.contact .tabsSec-02 .item-02 {
    display: none
}

.contact .map {
    width: 50%;
    float: left
}

.contact .rightBox {
    float: left;
    display: block;
    padding: 60px 0 40px 50px;
    width: 50%;
    max-width: 630px;
    background-color: #0075c1;
    font-size: 14px;
    position: relative;
    color: #fff
}

.contact .rightBox a {
    color: #fff
}

.contact .rightBox:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 22px 16px 0;
    border-color: transparent #0075c1 transparent transparent;
    position: absolute;
    left: -22px;
    top: 60px
}

.contact .rightBox .title-01 {
    display: block;
    color: #fff;
    margin-bottom: 18px
}

.contact .rightBox .title-01 .cn {
    font-size: 20px
}

.contact .rightBox .title-01 .en {
    font-size: 16px
}

.contact .rightBox .info {
    font-size: 14px;
    line-height: 34px;
    font-size: 16px
}

.contact .rightBox .info a {
    color: #fff
}

.contact .rightBox .tel {
    background: url(../images/icon/tel-03.png) no-repeat left center;
    padding-left: 25px
}

.contact .rightBox .email {
    background: url(../images/icon/email-03.png) no-repeat left center;
    padding-left: 25px
}

.contact .rightBox .web {
    background: url(../images/icon/web-03.png) no-repeat left center;
    padding-left: 25px
}

.contact .rightBox .address {
    background: url(../images/icon/address-03.png) no-repeat left center;
    padding-left: 25px
}

.contact .rightBox .title-02 {
    font-size: 24px;
    border-bottom: 1px rgba(26, 150, 207, 0.5) solid;
    padding-bottom: 10px
}

.contact .message .list {
    overflow: hidden;
    margin-top: 20px;
    margin-right: -22px
}

.contact .message .list li {
    width: 50%;
    float: left;
    padding-left: 55px;
    padding-right: 22px;
    margin-bottom: 18px;
    position: relative
}

.contact .message .list li label {
    float: left;
    font-size: 14px;
    width: 55px;
    line-height: 30px;
    background: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    text-align: center
}

.contact .message .list li input.ctxt {
    border: 0 none;
    padding: 0 10px;
    background-color: #46a8e8;
    color: #fff;
    font-family: " ";
    height: 30px;
    line-height: 30px;
    width: 100%;
    font-size: 14px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.contact .message .list li input.ctxt:focus {
    background-color: #46a8e8;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.contact .message .list li textarea {
    width: 100%;
    height: 60px;
    line-height: 24px;
    padding: 5px 10px;
    border: 0;
    color: #fff;
    background-color: #46a8e8;
    outline: none;
    font-size: 14px
}

.contact .message .list li textarea:focus {
    background-color: #46a8e8
}

.contact .message .btns {
    overflow: hidden;
    padding-left: 55px
}

.contact .message .btns .btn-01 {
    min-width: 107px;
    line-height: 27px;
    text-align: center;
    padding: 0 10px;
    display: block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    float: left;
    margin-right: 10px
}

.contact .message .btns .btn-01:hover {
    background-color: #fff;
    color: #215bab
}

.contact .message .btns .btn-02 {
    min-width: 107px;
    line-height: 27px;
    text-align: center;
    padding: 0 10px;
    display: block;
    color: #215bab;
    border: 1px solid #fff;
    background: #fff;
    border-radius: 20px;
    float: left
}

.contact .message .btns .btn-02:hover {
    background: none;
    border: 1px solid #fff;
    color: #fff
}

#allmap {
    height: 700px
}

#allmap img {
    max-width: none;
    max-height: none
}

.rencai {
    padding-top: 52px;
    overflow: hidden
}

.rencai .title-03 {
    text-align: center;
    font-size: 36px;
    color: #606060;
    overflow: hidden;
    position: relative
}

.rencai .title-03:after {
    content: "";
    display: block;
    width: 132px;
    height: 1px;
    margin: 25px auto 42px auto;
    background: #606060
}

.rencai .info {
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    color: #606060
}

.rencai .pics {
    padding-top: 51px
}

.rencai .pic {
    width: 534px;
    height: 418px;
    float: left;
    position: relative
}

.rencai .info-02 {
    text-align: center;
    float: left;
    width: 192px;
    height: 418px;
    padding-top: 77px;
    background: #e60622
}

.rencai .info-02 p {
    font-size: 30px;
    color: #fff;
    overflow: hidden;
    margin-bottom: 15px
}

#jobAnchor {
    position: absolute;
    top: 0
}

.job {
    color: #666;
    padding-top: 52px;
    padding-bottom: 70px;
    position: relative
}

.job .a-01 {
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #0075c1;
    text-decoration: underline
}

.job .a-01:hover {
    margin-left: 5px
}

.job .title-03 {
    text-align: center;
    font-size: 36px;
    color: #606060;
    overflow: hidden;
    position: relative
}

.job .title-03:after {
    content: "";
    display: block;
    width: 132px;
    height: 1px;
    margin: 25px auto 42px auto;
    background: #606060
}

.job .info {
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    color: #606060;
    margin-bottom: 30px
}

.job .span-01 {
    display: block;
    width: 20%;
    float: left;
    padding-left: 30px
}

.job .span-02 {
    display: block;
    width: 15%;
    float: left;
    text-align: center
}

.job .span-03 {
    display: block;
    width: 25%;
    float: left;
    text-align: center
}

.job .span-04 {
    display: block;
    width: 20%;
    float: left;
    text-align: center
}

.job .span-05 {
    display: block;
    width: 20%;
    float: left;
    text-align: center
}

.job .title {
    background: #0075c1;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 45px;
    height: 45px
}

.job dl {
    line-height: 2
}

.job dt {
    background: #f3f3f3;
    overflow: hidden;
    padding: 10px 0;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-bottom: 3px
}

.job dt:hover {
    background: #d0e7f9
}

.job dd {
    display: none;
    background: #f8fafe;
    overflow: hidden
}

.job dd .nr {
    padding: 20px 30px 50px 30px
}

.job #open {
    background: #d0e7f9;
    color: #666
}

.job .cur dt {
    background: #d0e7f9;
    color: #666
}

.job .cur dd {
    height: auto
}

.job .p-01 {
    font-size: 18px;
    color: #033333;
    margin-bottom: 5px
}

.job .red {
    color: #f00
}

.job .sent {
    margin-top: 35px
}

.job .sent a {
    display: inline-block;
    background: #0075c1;
    color: #fff;
    font-size: 12px;
    min-width: 230px;
    line-height: 33px;
    text-align: center;
    position: relative
}

.job .sent a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icon/sent.png) no-repeat center center;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 4px
}

.job .sent a:hover {
    background: #98bb52
}

.anchorBL {
    display: none
}

.sitemap {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    font-size: 16px
}

.sitemap dl {
    border: #2c2c2c solid 1px;
    border-top: #0075c1 solid 2px;
    border-bottom: none;
    margin: 20px 0 20px 0
}

.sitemap dl dt {
    color: #eee;
    font-size: 22px;
    line-height: 40px;
    border-bottom: #2c2c2c solid 1px;
    padding: 0 0 0 20px
}

.sitemap dl dt img {
    margin-left: 20px
}

.sitemap dl dt a {
    color: #eee
}

.sitemap dl dd {
    font-size: 16px;
    line-height: 30px;
    overflow: hidden;
    padding-top: 10px;
    border-bottom: #2c2c2c solid 1px
}

.sitemap dl dd div {
    clear: both;
    overflow: hidden;
    line-height: 30px;
    border-bottom: #2c2c2c solid 1px;
    padding: 0 20px 10px 10px;
    margin-bottom: -1px
}

.sitemap dl dd div a {
    color: #b6b6b6;
    float: left;
    padding: 0 10px 0 10px
}

.sitemap dl dd div a:hover {
    color: #003e7e;
    background: #0075c1;
    color: #fff
}

.sitemap dl:hover dt a {
    color: #0075c1
}

.sitemap dl .p2 {
    font-weight: 700;
    padding-left: 20px;
    font-size: 14px
}

.thirdCategory .list li {
    float: left;
    min-width: 105px
}

.thirdCategory .list a {
    display: block;
    color: #555;
    font-size: 14px;
    padding: 0 10px;
    line-height: 40px;
    text-align: center
}

.thirdCategory .list a:hover {
    color: #0075c1
}

.thirdCategory .list li.cur a {
    color: #0075c1
}

.secondCategory .list li:hover>a {
    background: #0075c1;
    color: #fff
}

.secondCategory .list li:hover .thirdCategory {
    display: block
}

.thirdCategory {
    position: absolute;
    width: 945px;
    z-index: 99;
    left: 0;
    background: #fff;
    -webkit-box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1);
    border: 1px #dadada solid;
    display: none;
    padding: 10px 10px
}

.thirdCategory span {
    position: relative
}

.thirdCategory a {
    display: inline-block;
    color: #555;
    font-size: 14px;
    padding: 0 10px;
    line-height: 40px;
    text-align: center
}

.thirdCategory a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #0075c1
}

.thirdCategory li.cur a {
    color: #0075c1
}

.banner .box img {
    -webkit-transition: all 1400ms ease;
    transition: all 1400ms ease
}

.banner .box:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}