@charset "utf-8";

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}
div.article ul li{width:100%;float:none;margin-bottom: 0;}
.homefbox_mobile{display: none;}
.homefbox { position: relative; height: 630px; }
.homefbox .item { position: absolute; overflow: hidden; }
.homefbox .item a { display: block; }
.homefbox .item .img { overflow: hidden; }
.homefbox .item .img img { display: block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homefbox .item, .homefbox .item .img, .homefbox .item .img img { width: 308px; height: 307px; }
.homefbox .item .cover { width: 200px; height: 50px; background: #000; position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: -25px; opacity: .6; filter: alpha(opacity=60); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homefbox .item .text { width: 200px; height: 50px; line-height: 50px; position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: -25px; text-align: center; color: #fff; font-family: microsoft yahei; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homefbox .item .text h3 { font-size: 24px; }
.homefbox .item .icon { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; background: url(/images/overlay-icon.png) no-repeat center center;
    background-size:32px;
    -webkit-transition: all .2s ease-in; transition: all .2s ease-in; opacity: 0; filter: alpha(opacity=0); }
.homefbox .item.on .text { margin-top: 0; }
.homefbox .item.on .icon { margin-top: -45px; opacity: 1; filter: alpha(opacity=100); }
.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure{justify-content: center !important;}
.homefbox .item01 { top: 0; left: 0; }
.homefbox .item01 .img { background: #383842; }
.homefbox .item02 { top: 0; left: 318px; }
.homefbox .item02, .homefbox .item02 .img, .homefbox .item02 .img img { width: 624px; height: 629px; }
.homefbox .item02 .cover { width: 100%; height: 190px; bottom: 0; left: 0; margin: 0; top: auto; }
.homefbox .item02 .text { width: 550px; height: 150px; margin: 0; top: auto; left: 40px; bottom: 10px; text-align: left; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homefbox .item02 .text h3 { font-size: 36px; margin-bottom: 20px; }
.homefbox .item02 .text p { line-height: 22px; font-size: 16px; font-weight: bold; }
.homefbox .item03 { top: 0; left: 952px; }
.homefbox .item04 { top: 322px; left: 0; }
.homefbox .item05 { top: 322px; left: 952px; }

.homefbox .item06 { top: 0; left: 0; }
.homefbox .item07 { top: 0; left: 318px; }
.homefbox .item07 .cover { background: transparent; }
.homefbox .item07 .img { background: #01119c; }
.homefbox .item08 { top: 0; left: 636px; width: 624px; background: #fff; }
.homefbox .item08 .text { color: #666; width: 520px; height: 210px; top: 40px; left: 40px; text-align: left; margin: 0; }
.homefbox .item08 .text h3 { font-size: 36px; margin-bottom: 10px; }
.homefbox .item08 .text p { line-height: 20px; font-size: 14px; margin: 0 0 40px; }
.homefbox .item08 .text .num { color: #000; font-size: 12px; line-height: 30px; }
.homefbox .item08 .text .num strong { font-size: 30px; color: #666; font-family: Verdana, Geneva, sans-serif; display: block; }
.homefbox .item09 { top: 322px; left: 318px; }
.homefbox .item09, .homefbox .item09 .img, .homefbox .item09 .img img { width: 624px; }

.homefbox .item.on .cover { width: 100%; height: 100%; background: #01119c; top: 0; left: 0; margin-left: 0; margin-top: 0; }
.homefbox .item.on .img img { -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.homefbox .item02.on .cover { bottom: 0; top: auto; }
.homefbox .item02.on .text { bottom: 36%; }
.homefbox .item07.on .cover { background: #000; }

#bsWXBox {
    box-sizing: content-box;
}
#crumbs {text-align:right;}
#crumbs li{display: inline-block;}
ul {
    list-style: none;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
}

body {
    font-family: "microsoft yahei", arial;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    width: 100%;
}
.screen-reader-text{visibility:hidden;display: none;}
.nav-links a,.nav-links span{padding:3px 7px;}
.nav-links a{border:1px solid silver;}
.nav-links span{border:1px solid silver;color:silver;}
a:link, a:visited {
    text-decoration: none;
    outline: 0;
    color: #666;
}

a:hover, a:active, a:focus {
    color: #666;
    text-decoration: none;
}
.ewm img{width:100%;}
.post-categories li{display: inline-block;}
.pic img {
    border: 0;
    max-width: 100%;
    height: 100%;
}

table {
    border-collapse: collapse;
    width: 100%;
}

input, textarea {
    font-family: "microsoft yahei";
    font-size: 14px;
    outline: 0;
    overflow: hidden;
}

input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] {
    cursor: pointer;
    outline: 0;
}

input[type='checkbox'], input[type='radio'] {
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 5px;
}

textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] {
    padding: 0;
    color: #666;
    outline: 0;
}

input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button {
    -webkit-appearance: none;
}

select {
    background: url(../images/arrow.png) no-repeat center right;
}

input, select, textarea {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-radius: 0;
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
    opacity: 1;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

p::-webkit-scrollbar {
    width: 4px;
    height: 100%;
}

p::-webkit-scrollbar-button {
    display: none;
}

p::-webkit-scrollbar-track {
    background: url("../images/1.png") repeat center center;
}

p::-webkit-scrollbar-thumb {
    background: url("../images/scroll01.png") no-repeat center center;
    height: 20px;
    width: 3px;
}

div::-webkit-scrollbar {
    width: 4px;
    height: 100%;
}

div::-webkit-scrollbar-button {
    display: none;
}

div::-webkit-scrollbar-track {
    background: url("../images/1.png") repeat center center;
}

div::-webkit-scrollbar-thumb {
    background: url("../images/scroll01.png") no-repeat center center;
    height: 20px;
    width: 3px;
}

ul::-webkit-scrollbar {
    width: 4px;
    height: 100%;
}

ul::-webkit-scrollbar-button {
    display: none;
}

ul::-webkit-scrollbar-track {
    background: url("../images/1.png") repeat center center;
}

ul::-webkit-scrollbar-thumb {
    background: url("../images/scroll01.png") no-repeat center center;
    height: 20px;
    width: 3px;
}

li::-webkit-scrollbar {
    width: 4px;
    height: 100%;
}

li::-webkit-scrollbar-button {
    display: none;
}

li::-webkit-scrollbar-track {
    background: url("../images/1.png") repeat center center;
}

li::-webkit-scrollbar-thumb {
    background: url("../images/scroll01.png") no-repeat center center;
    height: 20px;
    width: 3px;
}

.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}

.pic {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.pic:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 1260px;
}

@media (max-width: 1260px) {
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        width: 100%;
    }
}

.head {
    position: fixed;
    top: 0;
    background: #fff;
    left: 0;
    width: 100%;
    z-index: 35;
    transition: .5s;
}

.navFix .top {
    height: 0;
}

.top {
    height: 40px;
    line-height: 40px;
    background: #f6f6f6;
    border-bottom: 1px solid #ebebeb;
    transition: .5s;
    overflow: hidden;
    clear: both;
}

.top span {
    font-size: 14px;
    color: #999;
}

.top ul {
    float: right;
}

.top ul li {
    float: left;
    margin-left: 10px;
}

.top ul li a {
    color: #999;
    display: block;
    background: url("../images/line1.png") no-repeat center left;
    padding-left: 10px;
}

.top ul li a:hover {
    color: #225ba0;
}

.header {
    overflow: hidden;
    height: 100px;
    position: relative;
}

.header .logo {
    margin-top: 27px;
    overflow: hidden;
    float: left;
    padding-right: 40px;
}

.header .logo a {
    display: block;
}

.header .logo a img {
    max-height: 48px;
    max-width: 100%;
}

div.wp-block-media-text{
    width:49%;
    margin-right:1%;
    float: left;
    margin-bottom:10px;
    grid-template-columns:35% auto;
}
div.wp-block-media-text .has-large-font-size{
    font-size:24px;
}
.header #search-header {
    display: block;
    float: right;
    overflow: hidden;
    margin: 34px 0 19px 0;
}

.header #search-header .searchBox {
    float: left;
    margin-right: 30px;
}

.header #search-header .searchBox .searchFormGroup {
    height: 34px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.header #search-header .searchBox .searchFormGroup input {
    float: left;
    color: #333;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    width: 205px;
    font-size: 14px;
    border: 0;
}

.header #search-header .searchBox .searchFormGroup .searchSub {
    background: url("../images/search.png") no-repeat center center;
    color: #fff;
    float: left;
    cursor: pointer;
    width: 35px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    outline: 0;
    border: 0;
}

.header .header-phone {
    float: right;
    background: url(../images/phone.png) no-repeat center left;
    padding-left: 43px;
    height: 32px;
}

.header .header-phone span {
    font-size: 13px;
    color: #666;
    display: block;
    height: 15px;
    line-height: 15px;
}

.header .header-phone .phone-bottom {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    font-family: Arial;
    height: 25px;
    line-height: 23px;
}

.header .header-phone .phone-bottom p {
    float: left;
}

.nav {
    border-top: 1px solid #ebebeb;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 5px 5px -3px #ddd;
}

.nav ul {
    margin: 0 -44px;
}

.nav ul li {
    font-size: 15px;
    float: left;
    position: relative;
    margin: 0 44px;
}

.nav ul li a {
    display: block;
    color: #333;
}

.nav ul li:hover a {
    color: #225ba0;
    background: url("../images/line2.png") no-repeat center 46px;
}

.nav ul li .menulist {
    display: none;
    position: absolute;
    left: -35px;
    top: 50px;
    z-index: 999;
    width: 470px;
    font-size: 14px;
    background: #fdfdfd;
}

.nav ul li .menulist ul {
    width: 150px;
    margin: 0;
    float: left;
    border-right: 1px solid #e1e1e1;
}

.nav ul li .menulist li {
    display: block;
    position: relative;
    margin: 0;
    float: none;
    text-transform: none;
    height: 40px;
    padding-right: 5px;
    border-bottom: 1px solid #e1e1e1;
}

.nav ul li .menulist li a {
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555;
    padding: 0 16px;
    font-size: 13px;
    text-align: left;
    margin: 0;
    background: url("../images/ri.png") no-repeat center right;
}

.nav ul li .menulist li:hover a {
    color: #225ba0;
    box-shadow: none;
    border-top: 0;
    background: url("../images/rih.png") no-repeat center right;
}

.nav ul li .menulist .sel a {
    color: #225ba0;
    box-shadow: none;
    border-top: 0;
    background: url("../images/rih.png") no-repeat center right;
}

.nav ul li .menulist .active a {
    background: #7b858e;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    box-shadow: none;
}

.nav ul li .menulist .sobottom {
    float: left;
    width: 320px;
    padding: 10px;
}

.nav ul li .menulist .sobottom .soinfo {
    display: none;
}

.nav ul li .menulist .sobottom .soinfo .pic {
    width: 300px;
    height: 200px;
}

.nav ul li .menulist .sobottom .soinfo p {
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin-top: 5px;
    font-size: 13px;
}

.nav ul li .subnav {
    display: block;
}

.nav ul li .cap-top .sobottom .soinfo .pic {
    width: 300px;
    height: 120px;
}

.nav ul li .sol-top ul {
    height: 193px;
}

.nav ul li .sol-top .sobottom .soinfo .pic {
    width: 300px;
    height: 120px;
}

.nav ul li .case-top ul {
    height: 193px;
}

.nav ul li .case-top .sobottom .soinfo .pic {
    width: 300px;
    height: 120px;
}

.nav ul li .news-top {
    width: 150px;
    left: -38px;
}

.nav ul li .partner-top {
    width: 150px;
    left: -55px;
}

.nav ul li .partner-top li a, .nav ul li .news-top li a {
    text-align: center;
    background: 0;
}

.nav ul li .partner-top li:hover a, .nav ul li .news-top li:hover a {
    background: 0;
}

.nav ul .active a {
    color: #225ba0;
    background: url("../images/line2.png") no-repeat center 46px;
}

.phone-nav {
    position: absolute;
    font-size: 30px;
    right: 10px;
    top: 0;
    line-height: 100px;
    display: none;
    color: #666;
}

#menu {
    z-index: 110;
    text-transform: capitalize;
}

#menu ul li .select-box {
    height: 30px;
    width: 228px;
    z-index: 9;
    vertical-align: top;
    display: block;
    background: #fff;
}

#menu ul li .select-box .input {
    float: left;
    border: 0;
    width: 130px;
    padding: 6px 20px 0 5px;
}

#menu ul li .select-box .search {
    padding-top: 5px;
    right: 10px;
    position: absolute;
}

#menu ul li .select-box .search img {
    vertical-align: top;
    max-height: 20px;
}

#menu ul li .select-box .select {
    width: 70px;
    border: 0;
    float: left;
    cursor: pointer;
    padding-left: 10px;
    position: relative;
}

#menu ul li .select-box .select:after {
    content: "";
    top: 50%;
    right: 10px;
    margin-top: -2px;
    position: absolute;
    border-top: 6px solid #5c5c5c;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

#menu ul li .select-box .select .select_text {
    height: 30px;
    line-height: 30px;
    color: #747474;
}

#menu ul li .select-box .select_ul {
    top: 30px;
    left: 0;
    width: 70px;
    color: #fff;
    display: none;
    padding: 10px 0;
    list-style: none;
    position: absolute;
    text-align: center;
    background: #225ba0;
}

#menu ul li .select-box .select_ul li {
    border: 0;
    line-height: 24px;
    text-indent: 10px;
}

#menu ul li .select-box .select_ul li:hover {
    color: #fff;
    background: #225ba0;
}

#menu ul li a {
    display: block;
    color: #555;
}

#menu ul li b {
    font-size: 15px;
    font-weight: normal;
    float: left;
}

#menu ul li p {
    font-size: 13px;
    text-transform: capitalize;
    font-family: arial;
    margin-top: 2px;
    float: left;
    margin-left: 5px;
}

#menu ul li .more {
    background: url("../images/jiantou.png") no-repeat center center;
    width: 35px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 20px;
    display: block;
    z-index: 2;
}

#menu ul li ul {
    display: none;
}

#menu ul .nav-show a {
    color: #fff;
}

#menu ul .nav-show .more {
    background: url("../images/jiantouh.png") no-repeat center center;
}

#menu .home-search {
    height: 42px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    padding: 0;
}

#menu .home-search .search-box {
    position: relative;
}

#menu .home-search .search-box font {
    position: absolute;
    font-size: 12px;
    color: #f00;
    right: 14%;
    top: 0;
    display: none;
}

#menu .home-search input {
    float: left;
    border: 1px solid #fff;
    background: #fff;
    color: #333;
    height: 42px;
    line-height: 42px;
    padding: 0 50px 0 5px;
    width: 100%;
    font-size: 14px;
    font-family: arial;
}

#menu .home-search input:focus {
    transition: border linear .2s, box-shadow linear .5s;
    -moz-transition: border linear .2s, -moz-box-shadow linear .5s;
    -webkit-transition: border linear .2s, -webkit-box-shadow linear .5s;
    outline: 0;
}

#menu .home-search button {
    background: #00468c url(../images/search1.png) no-repeat center center;
    color: #fff;
    float: left;
    cursor: pointer;
    padding: 0 22px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    outline: 0;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1260px) {
    .nav ul {
        margin: 0 -40px;
    }

    .nav ul li {
        margin: 0 40px;
    }
}

@media (max-width: 1200px) {
    .nav {
        display: none;
    }

    .header #search-header {
        display: none;
    }

    .phone-nav {
        display: block;
    }
}

@media (max-width: 768px) {
    .top {
        display: none;
    }
    .home-banner-phone .home-banner-slick-phone .slick-slide img{min-height:150px;}
    .header {
        height: 60px;
        position: fixed;
        width: 100%;
        z-index: 28;
        left: 0;
        top: 0;
        background: #fff;
        box-shadow: 0 0 5px #ccc;
    }

    .header .logo {
        margin-top: 15px;
    }

    .phone-nav {
        line-height: 60px;
    }
}

@media (max-width: 480px) {
    .header .logo {
        margin-top: 15px;
    }
}

@media (max-width: 414px) {
    .header .logo {
        margin-top: 15px;
    }
}

@media (max-width: 320px) {
    .header .logo {
        margin-top: 15px;
    }
}

.home-banner {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 191px auto 0px auto;
    max-width: 1920px;
    max-height: 700px;
}

.home-banner .home-banner-slick {
    overflow: hidden;
    max-height: 700px;
}

.home-banner .home-banner-slick .slick-slide {
    position: relative;
}

.home-banner .home-banner-slick .slick-slide img {
    width: 100%;
}

.home-banner .slick-dots {
    z-index: 10;
    bottom: 20px;
    line-height: 0;
    text-align: center;
}

.home-banner .slick-dots li {
    margin: 0 6px;
    padding: 0;
    width: 60px;
    height: 6px;
}

.home-banner .slick-dots li button {
    width: 60px;
    height: 6px;
    padding: 0;
    display: block;
    background: #9eb3cc;
}

.home-banner .slick-dots li button:before {
    content: "";
}

.home-banner .slick-dots .slick-active button {
    background: #225ba0;
}

.home-banner .slick-dots .slick-active button:before {
    color: transparent;
}

.home-banner-phone {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: none;
}

.home-banner-phone .home-banner-slick-phone {
    overflow: hidden;
}

.home-banner-phone .home-banner-slick-phone .slick-slide {
    position: relative;
}

.home-banner-phone .home-banner-slick-phone .slick-slide img {
    width: 100%;
}

.home-banner-phone .slick-dots {
    z-index: 10;
    bottom: 10px;
    line-height: 0;
    text-align: center;
}

.home-banner-phone .slick-dots li {
    margin: 0 6px;
    padding: 0;
    width: 35px;
    height: 4px;
}

.home-banner-phone .slick-dots li button {
    width: 35px;
    height: 4px;
    padding: 0;
    display: block;
    background: #9eb3cc;
}

.home-banner-phone .slick-dots li button:before {
    content: "";
}

.home-banner-phone .slick-dots .slick-active button {
    background: #225ba0;
}

.home-banner-phone .slick-dots .slick-active button:before {
    color: transparent;
}

@media (max-width: 1600px) {
    .home-banner {
        max-height: 583px;
    }

    .home-banner .home-banner-slick {
        max-height: 583px;
    }
}

@media (max-width: 1440px) {
    .home-banner {
        max-height: 525px;
    }

    .home-banner .home-banner-slick {
        max-height: 525px;
    }
}

@media (max-width: 1400px) {
    .home-banner {
        max-height: 510px;
    }

    .home-banner .home-banner-slick {
        max-height: 510px;
    }
}

@media (max-width: 1360px) {
    .home-banner {
        max-height: 496px;
    }

    .home-banner .home-banner-slick {
        max-height: 496px;
    }
}

@media (max-width: 1280px) {
    .home-banner {
        max-height: 467px;
    }

    .home-banner .home-banner-slick {
        max-height: 467px;
    }
}

@media (max-width: 1260px) {
    .home-banner {
        max-height: 459px;
    }

    .home-banner .home-banner-slick {
        max-height: 459px;
    }
}

@media (max-width: 1200px) {
    .home-banner {
        max-height: 438px;
    }

    .home-banner .home-banner-slick {
        max-height: 438px;
    }
}

@media (max-width: 1024px) {
    .home-banner {
        max-height: 373px;
    }

    .home-banner .home-banner-slick {
        max-height: 373px;
    }
}

@media (max-width: 992px) {
    .home-banner {
        max-height: 362px;
    }

    .home-banner .home-banner-slick {
        max-height: 362px;
    }
}

@media (max-width: 768px) {
    .home-banner-phone {
        display: block;
        margin-top: 60px;
        max-height: 387px;
    }
    .home-banner {
        display: none;
    }
}

@media (max-width: 640px) {
    .home-banner-phone {
        max-height: 323px;
    }
    .homefbox{display: none;}
    .homefbox_mobile{display: block;}
}

@media (max-width: 414px) {
    .home-banner-phone

; {
    max-height: 209px;
}
}

@media (max-width: 375px) {
    .home-banner-phone {
        max-height: 189px;
    }
}

@media (max-width: 360px) {
    .home-banner-phone {
        max-height: 182px;
    }
}

@media (max-width: 320px) {
    .home-banner-phone {
        max-height: 161px;
    }
}

.mobile-footer-menu {
    display: none;
    height: 54px;
}

@media (max-width: 768px) {
    .footer {
        margin-bottom: 54px;
    }

    .mobile-footer-menu {
        display: block;
        width: 100%;
        background: #225ba0;
        padding: 5px 0;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99;
        list-style: none;
        font-size: 12px;
    }

    .mobile-footer-menu li {
        width: 25%;
        float: left;
        position: relative;
    }

    .mobile-footer-menu li:after {
        content: "";
        position: absolute;
        height: 42px;
        width: 1px;
        background: rgba(255, 255, 255, 0.1);
        right: 0;
        top: 2px;
    }

    .mobile-footer-menu li span {
        width: 24px;
        height: 24px;
        display: block;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }

    .mobile-footer-menu li span img {
        max-width: 100%;
    }

    .mobile-footer-menu li em {
        text-transform: capitalize;
        font-style: normal;
        text-align: center;
        display: block;
        color: #fff;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
    }

    .mobile-footer-menu li:last-child:after {
        display: none;
    }
}

.home-title {
    text-align: center;
}

.home-title span {
    font-size: 30px;
    color: #225ba0;
    font-weight: bold;
    display: block;
    line-height: 35px;
    margin-bottom: 5px;
}

.home-title p {
    font-size: 15px;
    color: #2e4e75;
    line-height: 30px;
}

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

.home-product .home-pro-bottom {
    overflow: hidden;
    margin-top: 15px;
}

.home-product .home-pro-bottom ul {
    margin: 0 -22px;
}

.home-product .home-pro-bottom ul li {
    float: left;
    padding: 0 22px;
    width: 33.33333333%;
}

.home-product .home-pro-bottom ul li a {
    display: block;
}

.home-product .home-pro-bottom ul li .pic {
    width: 100%;
}

.home-product .home-pro-bottom ul li .pic img {
    transition: .5s;
}

.home-product .home-pro-bottom ul li .pic:after {
    padding-bottom: 56.4%;
}

.home-product .home-pro-bottom ul li .pro-bottom-info {
    padding: 10px 21px 10px 20px;
}

.home-product .home-pro-bottom ul li .pro-bottom-info h3 {
    font-size: 20px;
    color: #225ba0;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-product .home-pro-bottom ul li .pro-bottom-info p {
    line-height: 30px;
    font-size: 14px;
    color: #555;
    height: 60px;
    margin-bottom: 5px;
    overflow: hidden;
}

.home-product .home-pro-bottom ul li .pro-bottom-info span {
    display: block;
    width: 90px;
    height: 30px;
    border: 2px solid #225ba0;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #225ba0;
    font-weight: bold;
    transition: .5s;
}

.home-product .home-pro-bottom ul li .home-banner-case {
    overflow: hidden;
    width: 100%;
    position: relative;
    max-height: 221px;
}

.home-product .home-pro-bottom ul li .home-banner-case .home-banner-slick-case {
    overflow: hidden;
}

.home-product .home-pro-bottom ul li .home-banner-case .home-banner-slick-case .slick-slide {
    position: relative;
}

.home-product .home-pro-bottom ul li .home-banner-case .case-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background: url("../images/bg.png") repeat center center;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home-product .home-pro-bottom ul li .home-banner-case .slick-dots {
    z-index: 10;
    bottom: 12px;
    line-height: 0;
    text-align: right;
    margin: 0;
    padding-right: 10px;
}

.home-product .home-pro-bottom ul li .home-banner-case .slick-dots li {
    margin: 0 5px;
    padding: 0;
    width: 8px;
    height: 8px;
    float: none;
}

.home-product .home-pro-bottom ul li .home-banner-case .slick-dots li button {
    width: 8px;
    height: 8px;
    display: block;
    background: url("../images/dot.png") no-repeat center center;
}

.home-product .home-pro-bottom ul li .home-banner-case .slick-dots li button:before {
    content: "";
}

.home-product .home-pro-bottom ul li .home-banner-case .slick-dots .slick-active button {
    background: url("../images/doth.png") no-repeat center center;
}

.home-product .home-pro-bottom ul li .home-banner-case .slick-dots .slick-active button:before {
    color: transparent;
}

.home-product .home-pro-bottom ul li:hover .pic img {
    transform: scale(1.05);
}

.home-product .home-pro-bottom ul li:hover .pro-bottom-info span {
    background: #225ba0;
    color: #fff;
}

@media (max-width: 1260px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 226px;
    }
}

@media (max-width: 1200px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 214px;
    }
}

@media (max-width: 1024px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 181px;
    }
}

@media (max-width: 992px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 175px;
    }
}

@media (max-width: 768px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 137px;
    }
}

@media (max-width: 640px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 113px;
    }
}

@media (max-width: 414px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 222px;
    }
}

@media (max-width: 375px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 200px;
    }
}

@media (max-width: 360px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 196px;
    }
}

@media (max-width: 320px) {
    .home-product .home-pro-bottom ul li .home-banner-case {
        max-height: 169px;
    }
}

.home-app {
    padding-top: 80px;
    overflow: hidden;
}

.home-app .box {
    overflow: hidden;
    margin-top: 20px;
}

.home-app .proate {
    text-align: center;
    margin: 0 auto;
}

.home-app .proate .slick-prev {
    left: 0;
}

.home-app .proate .slick-next {
    right: 0;
}

.home-app .proate li {
    text-align: center;
    margin: 0 7px 5px 7px;
    zoom: 1;
    display: inline-block;
}

.home-app .proate li.slick-current a {
    color: #fff;
    background: #225ba0;
}

.home-app .proate li a {
    color: #fff;
    padding: 0 20px;
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    background: #ededed;
}

.home-app .proate .sel a {
    color: #fff;
    background: #225ba0;
}

.home-app .proshow {

    overflow: hidden;
}

.home-app .center {
    position: relative;
    clear: both;
    margin-top: 25px;
    overflow: hidden;
}

.home-app .center .pic {
    width: 100%;
}

.home-app .center .pic:after {
    padding-bottom: 56.4%;
}

.home-app .center .pic i {
    background: url("../images/bg1.png") repeat center center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.home-app .center .slick-prev {
    background: url(../images/left.png) no-repeat center center;
    width: 30px;
    height: 46px;
    position: absolute;
    bottom: 50%;
    left: 100px;
    cursor: pointer;
    z-index: 2;
    margin-top: -25px;
}

.home-app .center .slick-next {
    background: url(../images/right.png) no-repeat center center;
    width: 30px;
    height: 46px;
    position: absolute;
    bottom: 50%;
    right: 100px;
    cursor: pointer;
    z-index: 2;
    margin-top: -25px;
}

.home-app .center .slick-prev:before, .home-app .center .slick-next:before {
    content: "";
}

.home-app .center .slick-current {
    position: relative;
    z-index: 1;
}

.home-app .center .slick-current:hover .case-info {
    height: 300px;
    opacity: 1;
}

.home-app .center .slick-current .pic i {
    display: none;
}

.home-app .center .case-info {
    position: absolute;
    width: 436px;
    height: 0;
    background: url("../images/case-info.png") repeat center center;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-top: -123px;
    margin-left: -218px;
    text-align: center;
    z-index: 5;
    opacity: 0;
    transition: .5s;
    overflow: hidden;
}

.home-app .center .case-info h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    height: 32px;
    margin: 30px 30px 20px 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: .5s;
}

.home-app .center .case-info p {
    font-size: 16px;
    line-height: 24px;
    overflow: hidden;
    margin: 0 30px 37px 30px;
    transition: .5s;
}

.home-app .center .case-info span {
    font-size: 16px;
    background: #3899c9;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
    display: block;
    transition: .5s;
}

.home-app .center .case-info span:hover {
    background: #225ba0;
}

.home-news {
    padding-top: 80px;
    overflow: hidden;
    padding-bottom: 122px;
}

.home-news .home-news-bottom {
    margin-top: 71px;
    overflow: hidden;
}

.home-news .home-news-left {
    width: 48.1%;
    position: relative;
    float: left;
}

.home-news .home-news-left .pic {
    width: 100%;
}

.home-news .home-news-left .pic:after {
    padding-bottom: 99%;
}

.home-news .home-news-left .news-left-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 19px 19px 30px 19px;
    background: url("../images/bg1.png") repeat center center;
}

.home-news .home-news-left .news-left-info h3 {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
    overflow: hidden;
}

.home-news .home-news-left .news-left-info p {
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: #fff;
    margin-bottom: 20px;
}

.home-news .home-news-left .news-left-info ul li {
    float: left;
    width: 130px;
    height: 40px;
    text-align: center;
    line-height: 36px;
    border: 2px solid #fff;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
    margin-bottom: 5px;
}

.home-news .home-news-left .news-left-info ul li a {
    color: #fff;
    display: block;
}

.home-news .home-news-left .news-left-info ul li:hover {
    border: 2px solid #225ba0;
    background: #225ba0;
}

.home-news .home-news-right {
    width: 48.3%;
    position: relative;
    float: right;
}

.home-news .home-news-right .new-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 28px;
    overflow: hidden;
}

.home-news .home-news-right .new-title a {
    color: #225ba0;
    background: url("../images/more.png") no-repeat center right;
    padding-right: 30px;
}

.home-news .home-news-right .new-list {
    padding-right: 19px;
    overflow: auto;
}

.home-news .home-news-right .new-list ul li {
    background: #ededed;
    overflow: hidden;
    margin-bottom: 10px;
}

.home-news .home-news-right .new-list ul li .pic {
    width: 150px;
    height: 100px;
    float: left;
    margin-right: 17px;
}

.home-news .home-news-right .new-list ul li .pic img {
    transition: .5s;
}

.home-news .home-news-right .new-list ul li .new-info {
    padding: 21px;
}

.home-news .home-news-right .new-list ul li span {
    display: block;
    font-size: 16px;
    color: #225ba0;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-news .home-news-right .new-list ul li p {
    color: #555;
    font-size: 14px;
    line-height: 21px;
    height: 21px;
    overflow: hidden;
}

.home-news .home-news-right .new-list ul li:hover .pic img {
    transform: scale(1.05);
}

.home-news .home-news-right .new-list ul li:hover span {
    text-decoration: underline;
}

.home-news .home-news-right .new-list ul .last {
    margin-bottom: 0;
}

.footer {
    overflow: hidden;
}

.footer .footer-top {
    overflow: hidden;
    padding: 34px 0 72px 0;
    background: #3e3e43;
}

.footer .footer-top ul {
    margin: 0 -18px;
}

.footer .footer-top ul li {
    float: left;
    width: 16.6666666667%;
    padding: 0 18px;
}

.footer .footer-top ul li a {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px dashed #78787c;
    margin-bottom: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.footer .footer-top ul li ul {
    padding: 0;
    margin: 0;
}

.footer .footer-top ul li ul li {
    float: none;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    background: url("../images/dot2.png") no-repeat center left;
    width: 100%;
    padding-right: 0;
    color: #d1d1d2;
    padding-left: 10px;
}

.footer .footer-top ul li ul li a {
    color: #d1d1d2;
    font-weight: normal;
    font-size: 14px;
    border: 0;
    padding-bottom: 0;
    margin: 0;
}

.footer .footer-top ul li ul li:hover a {
    color: #fff;
}

.footer .footer-bottom {
    line-height: 40px;
    background: #323236;
    overflow: hidden;
}

.footer .footer-bottom span {
    font-size: 14px;
    color: #858586;
}

.footer .footer-bottom ul {
    float: right;
}

.footer .footer-bottom ul li {
    float: left;
    margin-left: 10px;
}

.footer .footer-bottom ul li a {
    color: #999;
    display: block;
    background: url("../images/line1.png") no-repeat center left;
    padding-left: 10px;
}

.footer .footer-bottom ul li a:hover {
    color: #225ba0;
}

@media (max-width: 1260px) {
    .home-product .home-pro-bottom ul {
        margin: 0 -10px;
    }

    .home-product .home-pro-bottom ul li {
        padding: 0 10px;
    }
}

@media (max-width: 1024px) {
    .footer .footer-top ul li ul {
        display: none;
    }

    .footer .footer-top {
        padding: 30px 0 0 0;
    }

    .footer .footer-top ul li a {
        text-align: center;
        border-bottom: 0;
    }
}

@media (max-width: 768px) {
    .home-product {
        padding-top: 20px;
    }

    .home-title span {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .home-product .home-pro-bottom {
        margin-top: 20px;
    }

    .home-product .home-pro-bottom ul {
        margin: 0 -5px;
    }

    .home-product .home-pro-bottom ul li {
        padding: 0 5px;
    }

    .home-product .home-pro-bottom ul li .pro-bottom-info {
        padding: 10px 10px 0 10px;
    }

    .home-product .home-pro-bottom ul li .pro-bottom-info h3 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .home-product .home-pro-bottom ul li .pro-bottom-info span {
        width: 100px;
        height: 30px;
        line-height: 28px;
        font-size: 14px;
    }

    .home-product .home-pro-bottom ul li .pro-bottom-info p {
        margin-bottom: 10px;
    }

    .home-app {
        padding-top: 20px;
    }

    .home-app .procate li {
        margin: 0 0 5px 0;
    }

    .home-app .procate li a {
        padding: 0 10px;
        line-height: 35px;
        height: 35px;
        font-size: 14px;
    }

    .home-app .center {
        margin-top: 15px;
    }

    .home-app .center .slick-next {
        right: 10px;
    }

    .home-app .center .slick-prev {
        left: 10px;
    }

    .home-news {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .home-news .home-news-bottom {
        margin-top: 30px;
    }

    .home-news .home-news-left .news-left-info ul li {
        width: 70px;
        height: 30px;
        line-height: 26px;
        font-size: 13px;
    }

    .home-news .home-news-left .news-left-info {
        padding: 15px;
    }

    .home-news .home-news-left .news-left-info h3 {
        font-size: 24px;
    }

    .home-news .home-news-right .new-title {
        font-size: 24px;
    }

    .footer .footer-top ul li {
        width: 33.3333333%;
    }

    .footer .footer-bottom ul {
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    .footer .footer-bottom ul li {
        float: none;
        zoom: 1;
        display: inline-block;
    }

    .footer .footer-bottom {
        line-height: 30px;
        padding: 5px 0;
    }

    .footer .footer-bottom span {
        display: block;
        text-align: center;
    }

    .footer .footer-top ul li a {
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding-bottom: 0;
        margin: 0;
    }

    .footer .footer-top {
        padding: 10px 0;
    }
}

@media (max-width: 500px) {
    .home-product .home-pro-bottom ul li .pro-bottom-info span {
        display: none;
    }

    .home-product .home-pro-bottom ul li .pro-bottom-info p {
        display: none;
    }

    .home-app .center .slick-current:hover .case-info {
        height: 0;
        overflow: hidden;
    }

    .home-news .home-news-left {
        float: none;
        width: 100%;
    }

    .home-news .home-news-right {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .home-news .home-news-right .new-list {
        height: auto !important;
        padding-right: 0;
    }

    .home-news .home-news-right .new-list ul li:nth-child(n+5) {
        display: none;
    }

    .home-news .home-news-right .new-title {
        margin-bottom: 10px;
    }

    .home-title span {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .home-news .home-news-left .news-left-info h3 {
        font-size: 20px;
    }

    .home-news .home-news-right .new-title {
        font-size: 20px;
    }
}

@media (max-width: 414px) {
    .home-product .home-pro-bottom ul li {
        width: 100%;
    }

    .home-product .home-pro-bottom ul li .pro-bottom-info {
        padding: 10px;
        background: #ededed;
    }
}

.center div {
    background: #eee;
}

.inbanner {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.inbanner .inbanner-slick {
    overflow: hidden;
    position: relative;
    max-height: 500px;
}

.inbanner .inbanner-slick img {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.inbanner .slick-dots {
    z-index: 10;
    bottom: 20px;
    line-height: 0;
    text-align: center;
}

.inbanner .slick-dots li {
    margin: 0 6px;
    padding: 0;
    width: 40px;
    height: 6px;
}

.inbanner .slick-dots li button {
    width: 40px;
    height: 6px;
    padding: 0;
    display: block;
    background: #9eb3cc;
}

.inbanner .slick-dots li button:before {
    content: "";
}

.inbanner .slick-dots .slick-active button {
    background: #225ba0;
}

.inbanner .slick-dots .slick-active button:before {
    color: transparent;
}

.inbanner-phone {
    overflow: hidden;
    width: 100%;
    display: none;
    text-align: center;
}

.inbanner-phone .inbanner-slick-phone {
    overflow: hidden;
    position: relative;
}

.inbanner-phone .inbanner-slick-phone img {
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.inbanner-phone .slick-dots {
    z-index: 10;
    bottom: 10px;
    line-height: 0;
    text-align: center;
}

.inbanner-phone .slick-dots li {
    margin: 0 6px;
    padding: 0;
    width: 25px;
    height: 4px;
}

.inbanner-phone .slick-dots li button {
    width: 25px;
    height: 4px;
    padding: 0;
    display: block;
    background: #9eb3cc;
}

.inbanner-phone .slick-dots li button:before {
    content: "";
}

.inbanner-phone .slick-dots .slick-active button {
    background: #225ba0;
}

.inbanner-phone .slick-dots .slick-active button:before {
    color: transparent;
}

@media (max-width: 1260px) {
    .inbanner .inbanner-slick {
        max-height: 500px;
    }
}

@media (max-width: 1024px) {
    .inbanner .inbanner-slick {
        max-height: 500px;
    }
}

@media (max-width: 1007px) {
    .inbanner .inbanner-slick {
        max-height: 500px;
    }
}

@media (max-width: 992px) {
    .inbanner .inbanner-slick {
        max-height: 500px;
    }
}

@media (max-width: 768px) {
    .inbanner-phone {
        display: block;
    }

    .inbanner {
        display: none;
    }

    .inbanner-phone .inbanner-slick-phone {
        max-height: 292px;
    }
}

@media (max-width: 640px) {
    .inbanner-phone .inbanner-slick-phone {
        max-height: 242px;
    }
}

@media (max-width: 414px) {
    .inbanner-phone .inbanner-slick-phone {
        max-height: 154px;
    }
}

@media (max-width: 375px) {
    .inbanner-phone .inbanner-slick-phone {
        max-height: 139px;
    }
}

@media (max-width: 360px) {
    .inbanner-phone .inbanner-slick-phone {
        max-height: 133px;
    }
}

@media (max-width: 320px) {
    .inbanner-phone .inbanner-slick-phone {
        max-height: 117px;
    }
}

.terms-title {
    font-size: 26px;
    color: #225ba0;
    background: url("../images/line3.jpg") no-repeat bottom left;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.terms {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.terms a {
    color: #555;
}

.terms .term-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.inmain {
    clear: both;
    background: #ededed url("../images/inmain.jpg") no-repeat top center;
    overflow: hidden;
}

.current {
    line-height: 26px;
    overflow: hidden;
    padding: 12px 0;
}

.current span {
    float: right;
    color: #888;
}

.current span a {
    color: #888;
}

.current span b {
    color: #225ba0;
}

.inmain-bottom {
    margin-bottom: 40px;
    overflow: hidden;
}

.content {
    background: #fff;
    padding: 25px 30px;
    overflow: hidden;
}

.inmain-left {
    width: 19%;
    float: left;
}

.inmain-left .left-title {
    width: 100%;
    height: 50px;
    background: #3f3e44;
    line-height: 50px;
    position: relative;
}

.inmain-left .left-title h3 {
    padding-right: 52px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 25px;
    color: #fff;
}

.inmain-left .left-title span {
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
    right: 0;
    display: block;
    border-left: 2px solid #fff;
}

.inmain-left .left-title .about-title {
    background: url("../images/left1.png") no-repeat center center;
}

.inmain-left .left-title .company-title {
    background: url("../images/left4.png") no-repeat center center;
}

.inmain-left .left-title .product-title {
    background: url("../images/left5.png") no-repeat center center;
}

.inmain-left .left-title .solution-title {
    background: url("../images/left6.png") no-repeat center center;
}

.inmain-left .left-title .cases-title {
    background: url("../images/left7.png") no-repeat center center;
}

.inmain-left .left-title .news-title {
    background: url("../images/left8.png") no-repeat center center;
}

.inmain-left .left-title .partner-title {
    background: url("../images/left9.png") no-repeat center center;
}

.inmain-left .left-title .con-title {
    background: url("../images/left10.png") no-repeat center center;
}

.inmain-left .left-title .contact-title {
    background: url("../images/left2.png") no-repeat center center;
}

.inmain-left .left-list {
    margin-bottom: 20px;
    overflow: hidden;
}

.inmain-left .left-list ul li {
    line-height: 42px;
    border-bottom: 1px solid #d4d4d4;
}
.inmain-left .left-list ul li.current-cat a{color: #225ba0;}
.inmain-left .left-list ul li a {
    background: url("../images/dot0.png") no-repeat 3px center;
    padding-left: 25px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #333;
}

.inmain-left .left-list ul li a:hover {
    color: #225ba0;
    font-weight: bold;
}

.inmain-left .left-list ul li ul {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 9px 12px;
    background: #ededed;
}

.inmain-left .left-list ul li ul li {
    line-height: 30px;
    border-bottom: 0;
}

.inmain-left .left-list ul li ul li a {
    padding-left: 13px;
    color: #666;
    font-size: 14px;
    background: url("../images/dot.jpg") no-repeat center left;
}

.inmain-left .left-list ul li ul li a:hover,.inmain-left .left-list ul li ul li.current-cat a{
    color: #225ba0;
}

.inmain-left .left-list ul li ul li ul {
    background: 0;
    padding: 0 15px;
    margin-bottom: 0;
}

.inmain-left .left-list ul li ul li ul li {
    line-height: 26px;
}

.inmain-left .left-list ul li ul li ul li a {
    background: 0;
    color: #225ba0;
}

.inmain-left .left-list ul .active a {
    color: #225ba0;
    font-weight: bold;
}

.inmain-left .left-list ul .active ul {
    display: block;
}

.inmain-left .left-list ul .active ul li a {
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.inmain-left .left-list ul .active ul .active a {
    color: #225ba0;
}

.inmain-left .left-list ul .active ul .active ul li a {
    color: #225ba0;
}

.inmain-left .left-list ul .active ul .active ul .active a {
    font-weight: bold;
}

.inmain-left .left-contact {
    margin-bottom: 15px;
    overflow: hidden;
}

.inmain-left .left-contact ul li {
    line-height: 42px;
    border-bottom: 1px solid #d4d4d4;
    font-family: Arial;
    position: relative;
    color: #333;
    font-size: 14px;
    padding-left: 25px;
}

.inmain-left .left-contact ul li img {
    position: absolute;
    top: 13px;
    left: 0;
    width: 15px;
    height: 15px;
}

.inmain-left .left-contact ul .con-add {
    font-family: "microsoft yahei";
    line-height: 24px;
    padding: 9px 0 9px 25px;
}

.inmain-left .recruitment {
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #225ba0;
}

.inmain-left .recruitment a {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

.inmain-left .recruitment:hover {
    background: #3f3e44;
}

.inmain-right {
    width: 77.5%;
    float: right;
    overflow: hidden;
}

.inmain-right .right-title {
    font-size: 26px;
    color: #225ba0;
    background: url("../images/line3.jpg") no-repeat bottom left;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

@media (max-width: 768px) {
    .content {
        padding: 5px;
    }

    .inmain{background:none;}

    .inmain-left {
        display: none;
    }

    .inmain-right {
        width: 100%;
        float: none;
    }

    .inmain-right .right-title {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 24px;
    }
}

.about {
    line-height: 30px;
    color: #555;
}

.about a {
    color: #555;
}

.about .about1-p {
    font-size: 14px;
    color: #225ba0;
    line-height: 30px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 40px;
    overflow: hidden;
}

.culture {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.culture a {
    color: #555;
}

.culture ul {
    margin: 0 -10px 25px -10px;
    overflow: hidden;
}

.culture ul li {
    width: 50%;
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.culture ul li .cu {
    background: #ededed;
    overflow: hidden;
}

.culture ul li .cu span {
    font-size: 18px;
    color: #225ba0;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
}

.culture ul li .cu p {
    font-size: 14px;
    color: #555;
    line-height: 30px;
}

.culture ul li .pic {
    width: 156px;
    height: 152px;
    float: left;
    margin-right: 30px;
}

.culture ul li .cur-info {
    margin-top: 25px;
    margin-right: 25px;
    height: 110px;
    overflow: auto;
}

.culture .cur-p {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    text-indent: 2em;
    margin-bottom: 40px;
}

.culture .culture-pic {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.culture .culture-pic .culture-pic-slick {
    overflow: hidden;
}

.culture .culture-pic .culture-pic-slick .pic {
    width: 100%;
    overflow: hidden;
}

.culture .culture-pic .culture-pic-slick .pic:after {
    padding-bottom: 37%;
}

.culture .culture-pic .culture-pic-slick .slick-slide {
    position: relative;
    overflow: hidden;
}

.culture .culture-pic .slick-prev {
    background: url("../images/left3.png") no-repeat center center;
    left: 20px;
}

.culture .culture-pic .slick-prev:before, .culture .culture-pic .slick-next:before {
    content: "";
}

.culture .culture-pic .slick-prev, .culture .culture-pic .slick-next {
    width: 50px;
    height: 50px;
    display: block;
    z-index: 6;
    margin-top: -25px;
}

.culture .culture-pic .slick-next {
    background: url("../images/right3.png") no-repeat center center;
    right: 20px;
}

.history {
    background: url("../images/line4.jpg") repeat-y 8px top;
}

.history ul {
    background: url("../images/dot3.png") no-repeat top left;
    overflow: hidden;
}

.history ul li {
    margin-top: -3px;
    padding-left: 50px;
    background: url("../images/dot4.png") no-repeat left 72px;
    margin-bottom: 40px;
    overflow: hidden;
}

.history ul li h3 {
    font-size: 20px;
    font-weight: bold;
    color: #225ba0;
    font-family: Arial;
    line-height: 25px;
    margin-bottom: 15px;
    overflow: hidden;
}

.history ul li .history-bottom {
    background: #ededed;
    padding: 20px;
    border-top: 2px solid #225ba0;
    position: relative;
}

.history ul li .history-bottom i {
    background: url("../images/arrow.png") no-repeat center center;
    width: 10px;
    height: 19px;
    display: block;
    position: absolute;
    left: -10px;
    top: 30px;
}

.history ul li dl {
    font-size: 14px;
    line-height: 40px;
}

.history ul li dl dd {
    position: relative;
    padding-left: 40px;
}

.history ul li dl span {
    font-weight: bold;
    color: #225ba0;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.organize {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.organize a {
    color: #555;
}

.service {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.service a {
    color: #555;
}

.service ul {
    margin: 40px -7px 0 -7px;
    overflow: hidden;
}

.service ul li {
    float: left;
    width: 33.3333333%;
    padding: 0 7px;
    margin-bottom: 20px;
    overflow: hidden;
}

.service ul li .pic:after {
    padding-bottom: 60%;
}

.service ul li .se {
    background: #ededed;
    overflow: hidden;
}

.service ul li .se .se-info {
    overflow: auto;
    margin: 25px 0;
    padding: 0 30px;
    height: 145px;
}

.service ul li .se .se-info span {
    font-size: 18px;
    color: #225ba0;
    font-weight: bold;
    display: block;
    line-height: 30px;
    margin-bottom: 19px;
}

.service ul li .se .se-info p {
    line-height: 24px;
    font-size: 14px;
    color: #555;
}

.quality {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.quality a {
    color: #555;
}

.quality .quality1 {
    border-bottom: 1px dashed #d4d4d4;
    padding-bottom: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}

.quality .quality1 ul {
    margin: 0 -17px;
    overflow: hidden;
}

.quality .quality1 ul li {
    float: left;
    width: 126px;
    height: 126px;
    overflow: hidden;
    background: url("../images/quality.png") no-repeat center center;
    margin: 5px 17px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
}

.quality .quality1 ul .a1 {
    padding: 33px 20px;
}

.quality .quality1 ul .a2 {
    padding: 42px 17px;
}

.quality .quality1 ul .a3 {
    padding: 42px 17px;
}

.quality .quality1 ul .a4 {
    padding: 43px 23px;
}

.quality .quality1 ul .a5 {
    padding: 42px 17px;
}

.quality .quality1 ul .a6 {
    padding: 33px 20px;
}

.quality .q1 {
    font-size: 18px;
    color: #225ba0;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

.quality .qu-list {
    border-top: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    overflow: hidden;
}

.quality .qu-list li {
    width: 20%;
    float: left;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.quality .qu-list li .pic:after {
    padding-bottom: 100%;
}

.job {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.job a {
    color: #555;
}

.job ul li {
    overflow: hidden;
    margin-bottom: 30px;
}

.job ul li .pic {
    width: 240px;
    height: 180px;
}

.job ul li .jb {
    overflow: hidden;
    background: #ededed;
}

.job ul li .job-info {
    margin-top: 25px;
    overflow: auto;
    padding-right: 35px;
    height: 121px;
}

.job ul li span {
    font-size: 18px;
    color: #225ba0;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 19px;
    overflow: hidden;
    display: block;
}

.job ul li p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
}

.job ul .even .pic {
    float: left !important;
    margin-right: 30px;
}

.job ul .odd .pic {
    float: right !important;
    margin-right: 0;
}

.job ul .odd .job-info {
    padding-left: 35px;
}

.honor {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.honor a {
    color: #555;
}

.honor .honor-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.list-honor {
    margin-top: 40px;
    overflow: hidden;
    margin-bottom: 20px;
}

.list-honor .honor-info {
    overflow: hidden;
    margin: 0 -14px;
}

.list-honor a {
    width: 25%;
    float: left;
    padding: 0 14px;
    margin-bottom: 30px;
}

.list-honor a .pic {
    border: 1px solid #ccc;
}

.list-honor a .pic img {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.list-honor a .pic:after {
    padding-bottom: 141.5%;
}

.list-honor a .pic:hover i {
    display: block;
}

.list-honor a .pic:hover img {
    transform: scale(1.1);
}

.list-honor a .pic i {
    background: url(../images/bg4.png) repeat center center;
    text-align: center;
    position: absolute;
    width: inherit;
    height: inherit;
    padding-top: 50%;
    z-index: 10;
    top: 0;
    display: none;
    width: 100%;
    padding-bottom: 141.5%;
}

.list-honor a .pic i img {
    width: 50px;
    height: 50px;
}

.list-honor a span {
    color: #333;
    height: 39px;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    line-height: 39px;
    font-size: 14px;
    border: 1px solid #d4d4d4;
    border-top: 0;
    background: #ededed;
}

@media (max-width: 768px) {
    .culture ul {
        margin: 0 0 25px 0;
    }

    .culture ul li {
        width: 100%;
        float: none;
        padding: 0;
    }

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

    .list-honor a {
        width: 33.3333333%;
        padding: 0 5px;
        margin-bottom: 15px;
    }

    .list-honor .honor-info {
        margin: 0 -5px;
    }

    .case-list {
        margin: 0 -5px;
    }

    .case-list li {
        padding: 0 5px;
        margin-bottom: 15px;
    }

    .relatedcaselist {
        margin: 0 -5px;
    }

    .relatedcaselist li {
        padding: 0 5px;
    }

    .history ul li {
        padding-left: 35px;
    }

    .history ul li .history-bottom {
        padding: 15px;
    }

    .history ul li dl {
        line-height: 30px;
    }

    .history ul li dl span {
        line-height: 30px;
    }

    .quality .quality1 ul {
        text-align: center;
        margin: 0 auto;
    }

    .quality .quality1 ul li {
        float: none;
        display: inline-block;
        zoom: 1;
    }

    .quality .quality1 {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .quality .q1 {
        margin-bottom: 15px;
    }
}

@media (max-width: 500px) {
    .culture ul li .pic {
        float: none;
        width: 100%;
        height: auto;
    }

    .culture ul li .pic:after {
        padding-bottom: 98%;
    }

    .culture ul li .cur-info {
        margin-top: 0;
        margin-right: 0;
        padding: 15px;
        height: auto;
        overflow: hidden;
    }

    .culture ul li .cu span {
        margin-bottom: 0;
    }

    .job ul .even .pic, .job ul .odd .pic {
        float: none !important;
    }

    .job ul li .pic {
        width: 100%;
        height: auto;
    }

    .job ul li .pic:after {
        padding-bottom: 75%;
    }

    .job ul li .job-info {
        height: auto;
        margin-top: 0;
        overflow: hidden;
        padding: 15px;
    }

    .job ul .odd .job-info {
        padding-left: 15px;
    }

    .job ul li span {
        margin-bottom: 0;
    }

    .service ul {
        margin-top: 20px;
    }

    .service ul li {
        width: 100%;
    }

    .service ul li .se .se-info span {
        margin-bottom: 0;
    }

    .service ul li .se .se-info {
        overflow: hidden;
        margin: 15px 0;
        padding: 0 15px;
        height: auto;
    }

    .list-honor a {
        width: 50%;
    }

    .case-list li {
        width: 50%;
    }

    .relatedcaselist li {
        width: 50%;
    }

    .relatedcaselist li:nth-child(n+3) {
        display: none;
    }

    .quality .quality1 ul li {
        margin: 2px;
    }

    .quality .qu-list li {
        width: 33.333333%;
    }
}

@media (max-width: 420px) {
    .case-list li a .case-info {
        padding: 0 10px;
    }

    .relatedcaselist li a .case-info {
        padding: 0 10px;
    }
}

.page {
    text-align: center;
    overflow: hidden;
}
.page ul {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}
li.page_prev {
    margin-left: 80px;
}
.page ul li {
    line-height: 40px;
    float: left;
}
li.page_total {
    width: 100%;
}
.page a {
    display: inline-block;
    background: #eee;
    line-height: 36px;
    padding: 0 15px;
    height: 36px;
    margin: 0 0 4px 4px;
    font-family: arial;
    font-size: 12px;
}

.page a:hover {
    background: #225ba0;
    color: #fff;
}

.page .num1 {
    background: #eee;
    padding: 0;
    width: 59px;
    font-family: "microsoft yahei";
    vertical-align: middle;
}

.page .num1:hover {
    background: #225ba0;
}

.page .num2 {
    background: #eee;
    padding: 0;
    width: 79px;
    font-family: "microsoft yahei";
    vertical-align: middle;
}

.page .num2:hover {
    background: #225ba0;
}

.page .num3 {
    background: #eee;
    padding: 0;
    width: 79px;
    font-family: "microsoft yahei";
    vertical-align: middle;
}

.page .num3:hover {
    background: #225ba0;
}

.page .num4 {
    background: #eee;
    padding: 0;
    width: 59px;
    font-family: "microsoft yahei";
    vertical-align: middle;
}

.page .num4:hover {
    background: #225ba0;
}

.page .cpb {
    background: #225ba0;
    color: #fff;
}

.ability {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.ability a {
    color: #555;
}

.ability .ability-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.list-ability {
    margin-top: 40px;
    overflow: hidden;
    margin-bottom: 20px;
}

.list-ability .ability-info {
    overflow: hidden;
    margin: 0 -15px;
}

.list-ability a {
    width: 25%;
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}

.list-ability a .pic img {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.list-ability a .pic:after {
    padding-bottom: 71.5%;
}

.list-ability a .pic:hover i {
    display: block;
}

.list-ability a .pic:hover img {
    transform: scale(1.1);
}

.list-ability a .pic i {
    background: url(../images/bg4.png) repeat center center;
    text-align: center;
    position: absolute;
    width: inherit;
    height: inherit;
    padding-top: 24%;
    z-index: 10;
    top: 0;
    display: none;
    width: 100%;
    padding-bottom: 71.5%;
}

.list-ability a .pic i img {
    width: 50px;
    height: 50px;
}

.list-ability a span {
    color: #333;
    height: 40px;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    line-height: 40px;
    font-size: 14px;
    background: #ededed;
}

@media (max-width: 768px) {
    .list-ability .ability-info {
        margin: 0 -5px;
    }

    .list-ability a {
        width: 33.333333%;
        padding: 0 5px;
        margin-bottom: 15px;
    }

    .list-ability {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .list-ability a {
        width: 50%;
    }
}

.scale {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.scale a {
    color: #555;
}

.scale .scale-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.scale .scale-info {
    margin-top: 40px;
    overflow: hidden;
    background: #ededed;
}

.scale .scale-info .pic {
    width: 464px;
    height: 294px;
    float: left;
    margin-right: 30px;
}

.scale .scale-info .s-right {
    margin-top: 25px;
    margin-right: 25px;
    height: 242px;
    overflow: auto;
}

.scale .scale-info .s-right span {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}

.scale .scale-info .s-right p {
    color: #555;
    font-size: 14px;
    line-height: 24px;
}

@media (max-width: 768px) {
    .scale .scale-info {
        margin-top: 20px;
    }

    .scale .scale-info .pic {
        width: 100%;
        margin-right: 0;
        height: auto;
        float: none;
    }

    .scale .scale-info .pic:after {
        padding-bottom: 63.4%;
    }

    .scale .scale-info .s-right {
        padding: 15px;
        margin: 0;
        height: auto;
        overflow: hidden;
    }

    .scale .scale-info .s-right span {
        margin-bottom: 0;
    }
}

.development {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.development a {
    color: #555;
}

.development .development-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.development ul {
    margin: 40px -7px 0 -7px;
    overflow: hidden;
}

.development ul li {
    width: 33.3333333%;
    padding: 0 7px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

.development ul li .de {
    position: relative;
    overflow: hidden;
}

.development ul li .pic:after {
    padding-bottom: 133%;
}

.development ul li .de-info {
    bottom: -131px;
    position: absolute;
    width: 100%;
    color: #fff;
    overflow: hidden;
    background: url("../images/bg2.png") repeat center center;
}

.development ul li .de-info .de-name {
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 30px;
}

.development ul li .de-info p {
    font-size: 14px;
    line-height: 24px;
    height: 96px;
    overflow: auto;
    margin: 0 30px 25px 30px;
}

.development ul li:hover .de-info {
    padding-top: 15px;
}

.trading {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.trading a {
    color: #555;
}

.trading .trading-title {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d4d4d4;
}

.trading .trad-bottom {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 40px;
}

.trading .trad-bottom ul li {
    float: left;
    width: 32%;
}

.trading .trad-bottom ul li p {
    position: relative;
    padding-left: 44px;
    color: #333;
    font-family: Arial;
}

.trading .trad-bottom ul li p a {
    color: #333;
}

.trading .trad-bottom ul li p span {
    font-size: 14px;
    color: #225ba0;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    font-family: "microsoft yahei";
}

.trading .trad-bottom ul .trad3 {
    width: 36%;
}

@media (max-width: 768px) {
    .development ul {
        margin-top: 20px;
    }

    .development ul li .de-info {
        padding-top: 10px;
        position: relative;
        bottom: 0;
    }

    .trading .trad-bottom ul li {
        width: 100%;
    }

    .trading .trad-bottom ul .trad3 {
        width: 100%;
    }

    .trading .trad-bottom {
        margin-bottom: 20px;
    }
}

@media (max-width: 500px) {
    .development ul li {
        width: 100%;
        margin-bottom: 15px;
    }

    .development ul li .de-info p {
        height: auto;
        overflow: hidden;
    }

    .development ul li .de-info .de-name {
        padding: 0 15px;
        margin: 0;
    }

    .development ul li .de-info p {
        margin: 0 15px 15px 15px;
    }
}

.ewm {
    text-align: center;
    margin-bottom: 25px;
    margin-top: -25px;
}

.capa-top {
    margin-bottom: 30px;
    overflow: hidden;
}

.capa-top .box-info {
    margin-top: 30px;
}

.capa-top .box-info .box {
    float: left;
    position: relative;
    background-size: cover;
}

.capa-top .box-info .box:hover .text {
    background: url("../images/bgg.png") repeat center center;
}

.capa-top .box-info .box1 {
    width: 50%;
}

.capa-top .box-info .box2 {
    width: 27%;
}

.capa-top .box-info .box3 {
    width: 23%;
}

.capa-top .box-info .box4 {
    width: 23%;
}

.capa-top .box-info .box5 {
    width: 27%;
}

.capa-top .box-info .box6 {
    width: 50%;
}

.capa-top .box-info .box .pic:after {
    padding-bottom: 75%;
}

.capa-top .box-info .box .text {
    padding: 20px 40px;
    color: #fff;
    height: 280px;
    overflow: auto;

}

.capa-top .box-info .box .text h3 {
    font-size: 18px;
    margin-bottom: 7px;

}

.capa-top .box-info .box .text p {
    font-size: 14px;
    line-height: 25px;
}

@media (max-width: 768px) {
    div.wp-block-media-text{
        width:100%;
    }
    .capa-top .box-info .box1 {
        width: 50%;
    }

    .capa-top .box-info .box2 {
        width: 50%;
    }

    .capa-top .box-info .box3 {
        width: 50%;
    }

    .capa-top .box-info .box4 {
        width: 50%;
    }

    .capa-top .box-info .box5 {
        width: 50%;
    }

    .capa-top .box-info .box6 {
        width: 50%;
    }
}

@media (max-width: 414px) {
    .capa-top .box-info .box1 {
        width: 100%;
    }

    .capa-top .box-info .box2 {
        width: 100%;
    }

    .capa-top .box-info .box3 {
        width: 100%;
    }

    .capa-top .box-info .box4 {
        width: 100%;
    }

    .capa-top .box-info .box5 {
        width: 100%;
    }

    .capa-top .box-info .box6 {
        width: 100%;
    }
}

.product {
    padding: 25px 30px 30px 30px;
}

.product ul {
    margin: 0 -10px;
    overflow: hidden;
}

.product ul li {
    width: 25%;
    float: left;
    padding: 0 10px;
    margin-bottom: 25px;
    overflow: hidden;
}

.product ul li a {
    display: block;
    background: #ededed;
    overflow: hidden;
}

.product ul li .pic {
    width: 100%;
}

.product ul li .pic:after {
    padding-bottom: 71%;
}

.product ul li .pic img {
    transition: .5s;
}

.product ul li .pro-info {
    padding: 10px 30px 10px 30px;
    overflow: hidden;
}

.product ul li .pro-info span {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color: #225ba0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product ul li .pro-info p {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    overflow: hidden;
    height: 48px;
}

.product ul li:hover .pic img {
    transform: scale(1.05);
}

.product ul li:hover .pro-info span {
    text-decoration: underline;
    color: #3c9bca;
}

.product-list {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.product-list a {
    color: #555;
}

.product-list .pro-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.product-list ul {
    margin-top: 25px;
    overflow: hidden;
}

.product-list ul li {
    overflow: hidden;
    margin-bottom: 30px;
}

.product-list ul li a {
    display: block;
    background: #ededed;
    overflow: hidden;
}

.product-list ul li .pic {
    width: 255px;
    height: 180px;
    float: left;
    margin-right: 30px;
}

.product-list ul li .pic img {
    transition: .5s;
}

.product-list ul li .pl-info {
    margin: 25px 30px 0 0;
    overflow: hidden;
}

.product-list ul li .pl-info span {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.product-list ul li .pl-info p {
    color: #555;
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.product-list ul li:hover .pic img {
    transform: scale(1.05);
}

.product-list ul li:hover .pl-info span {
    color: #3c9bca;
    text-decoration: underline;
}

.product-show {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.product-show a {
    color: #555;
}

.product-show .pro-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.product-show .show-pic {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 25px 0 25px 0;
}

.product-show .show-pic .show-pic-slick {
    overflow: hidden;
}

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

.product-show .show-pic .show-pic-slick .pic:after {
    padding-bottom: 54%;
}

.product-show .show-pic .show-pic-slick .slick-slide {
    position: relative;
    overflow: hidden;
}

.product-show .show-pic .slick-prev {
    background: url("../images/left3.png") no-repeat center center;
    left: 20px;
}

.product-show .show-pic .slick-prev:before, .product-show .show-pic .slick-next:before {
    content: "";
}

.product-show .show-pic .slick-prev, .product-show .show-pic .slick-next {
    width: 50px;
    height: 50px;
    display: block;
    z-index: 6;
    margin-top: -25px;
}

.product-show .show-pic .slick-next {
    background: url("../images/right3.png") no-repeat center center;
    right: 20px;
}

.product-show .box {
    overflow: hidden;
    position: relative;
}

.product-show .procate {
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #225ba0;
    overflow: hidden;
}

.product-show .procate li {
    text-align: center;
    margin-right: 2px;
    float: left;
    font-size: 16px;
    width: 124px;
    height: 50px;
    margin-top: 5px;
}

.product-show .procate li span {
    padding: 0 20px;
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    background: #ededed;
    cursor: pointer;
}

.product-show .procate .sel span,.product-show .procate li:hover span {
    color: #fff;
    background: #225ba0;
}

.product-show .proshow {
    clear: both;
    margin-top: 25px;
    overflow: hidden;
    padding-bottom: 20px;
}

.product-show .proshow .sol-mess {
    display: none;
}

.product-show .proshow .sol-mess ul li {
    float: left;
    width: 33.3333333%;
    text-align: center;
    padding: 0 7px;
    margin-bottom: 30px;
    overflow: hidden;
}

.product-show .proshow .sol-mess ul li .pic img {
    transition: .5s;
}

.product-show .proshow .sol-mess ul li .pic:after {
    padding-bottom: 70.5%;
}

.product-show .proshow .sol-mess ul li a {
    display: block;
    background: #ededed;
    overflow: hidden;
}

.product-show .proshow .sol-mess ul li h3 {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
}

.product-show .proshow .sol-mess ul li:hover a {
    background: #225ba0;
}

.product-show .proshow .sol-mess ul li:hover a h3 {
    color: #fff;
}

.product-show .proshow .sol-mess ul li:hover .pic img {
    transform: scale(1.05);
}

.product-show .proshow .sol-mess .more {
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #225ba0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
}

.product-show .proshow .sol-mess .sol-p {
    padding-bottom: 30px;
    overflow: hidden;
}

.product-show .replate-sol {
    overflow: hidden;
    margin-bottom: 30px;
}

.product-show .replate-sol .resol-title {
    border-bottom: 1px solid #225ba0;
    overflow: hidden;
    margin-bottom: 30px;
}

.product-show .replate-sol .resol-title a {
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
}

.product-show .replate-sol .resol-title a h3 {
    text-align: center;
    margin-right: 2px;
    float: left;
    font-size: 16px;
    width: 104px;
    height: 50px;
    color: #fff;
    background: #225ba0;
}

.product-show .replate-sol .resol-title a span {
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #225ba0;
    display: block;
    float: right;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
}

.product-show .replate-sol .resol-title a:hover span {
    color: #419dcb;
}

.product-show .replate-sol ul {
    margin: 0 -7px;
    overflow: hidden;
}

.product-show .replate-sol ul li {
    float: left;
    width: 33.3333333%;
    text-align: center;
    padding: 0 7px;
    margin-bottom: 30px;
    overflow: hidden;
}

.product-show .replate-sol ul li .pic img {
    transition: .5s;
}

.product-show .replate-sol ul li .pic:after {
    padding-bottom: 56.5%;
}

.product-show .replate-sol ul li a {
    display: block;
    background: #ededed;
    overflow: hidden;
}

.product-show .replate-sol ul li h3 {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 3px;
}

.product-show .replate-sol ul li:hover a h3 {
    background: #225ba0;
    color: #fff;
}

.product-show .replate-sol ul li:hover .pic img {
    transform: scale(1.05);
}

.product-show .replate-partner {
    overflow: hidden;
    margin-bottom: 42px;
}

.product-show .replate-partner .resol-title {
    border-bottom: 1px solid #225ba0;
    overflow: hidden;
    margin-bottom: 30px;
}

.product-show .replate-partner .resol-title a {
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
}

.product-show .replate-partner .resol-title a h3 {
    text-align: center;
    margin-right: 2px;
    float: left;
    font-size: 16px;
    width: 104px;
    height: 50px;
    color: #fff;
    background: #225ba0;
}

.product-show .replate-partner .resol-title a span {
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #225ba0;
    display: block;
    float: right;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
}

.product-show .replate-partner .resol-title a:hover span {
    color: #419dcb;
}

.product-show .replate-partner ul {
    margin: 0 -4px;
    overflow: hidden;
}

.product-show .replate-partner ul li {
    float: left;
    width: 20%;
    text-align: center;
    padding: 0 4px;
    margin-bottom: 8px;
    overflow: hidden;
}

.product-show .replate-partner ul li .pic img {
    transition: .5s;
}

.product-show .replate-partner ul li .pic:after {
    padding-bottom: 67%;
}

.product-show .replate-partner ul li a {
    display: block;
    overflow: hidden;
}

.product-show .replate-partner ul li:hover .pic img {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    .product ul {
        margin: 0 -5px;
    }

    .product ul li {
        width: 33.333333%;
        padding: 0 5px;
        margin-bottom: 15px;
    }

    .product {
        padding: 15px;
    }

    .product ul li .pro-info {
        padding: 8px;
    }

    .product ul li .pro-info span {
        font-size: 16px;
        margin-bottom: 0;
    }

    .product-list ul {
        margin-top: 20px;
    }

    .product-show .show-pic {
        margin: 20px 0;
    }

    .product-show .show-pic .slick-prev {
        left: 10px;
    }

    .product-show .show-pic .slick-next {
        right: 10px;
    }
}

@media (max-width: 500px) {
    .product ul li {
        width: 50%;
    }

    .product-list ul li {
        margin-bottom: 15px;
    }

    .product-list ul li .pic {
        width: 120px;
        height: 85px;
        margin-right: 10px;
    }

    .product-list ul li .pl-info {
        margin: 5px 10px 0 0;
    }

    .product-list ul li .pl-info span {
        font-size: 16px;
        margin-bottom: 0;
    }

    .product-list ul li .pl-info p {
        height: 48px;
    }

    .product-show .proshow {
        margin-top: 20px;
    }

    .product-show .replate-sol ul li {
        width: 50%;
        margin-bottom: 15px;
    }

    .product-show .replate-sol ul li:nth-child(n+5) {
        display: none;
    }

    .product-show .replate-partner ul li {
        width: 33.333333%;
    }

    .product-show .proshow .sol-mess .sol-p {
        padding-bottom: 20px;
    }

    .product-show .replate-partner {
        margin-bottom: 20px;
    }

    .product-show .replate-sol {
        margin-bottom: 10px;
    }

    .product-show .procate li span {
        padding: 0 6px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .product-show .procate li {
        height: 40px;
        width: auto;
    }
}

@media (max-width: 360px) {
    .product-show .procate li span {
        font-size: 13px;
        font-weight: normal;
        padding: 0 5px;
    }
}

.second-nav {
    margin-bottom: 50px;
    overflow: hidden;
}

.second-nav ul {
    margin: 0 auto;
    text-align: center;
}

.second-nav ul li {
    display: inline-block;
    text-align: center;
    zoom: 1;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background: #ededed;
    font-weight: bold;
    margin: 0 11px;
}

.second-nav ul li a {
    color: #333;
    display: block;
}

.second-nav ul .active,.second-nav ul .current-cat {
    background: #225ba0;
}

.second-nav ul .active a,.second-nav ul .current-cat a {
    color: #fff;
}

.so-list {
    margin: 0 -10px;
    overflow: hidden;
}

.so-list li {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 30px;
    overflow: hidden;
}

.so-list li a {
    display: block;
    background: #ededed;
    overflow: hidden;
}

.so-list li .pic {
    width: 100%;
}

.so-list li .pic:after {
    padding-bottom: 56.6%;
}

.so-list li .pic img {
    transition: .5s;
}

.so-list li .so-info {
    padding: 5px 30px 10px 30px;
    overflow: hidden;
}

.so-list li .so-info span {
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    color: #225ba0;

    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.so-list li .so-info p {
    font-size: 14px;
    line-height: 20px;
    color: #555;
    overflow: hidden;
    height: 40px;
}

.so-list li:hover .pic img {
    transform: scale(1.05);
}

.so-list li:hover .so-info span {
    text-decoration: underline;
    color: #3c9bca;
}

.solution-list {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.solution-list a {
    color: #555;
}

.solution-list .solution-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.solution-list ul {
    margin-top: 40px;
    overflow: hidden;
    margin-bottom: 20px;
}

.solution-list ul li {
    overflow: hidden;
    margin-bottom: 30px;
}

.solution-list ul li a {
    display: block;
    background: #ededed;
    overflow: hidden;
}

.solution-list ul li .pic {
    width: 286px;
    height: 162px;
    float: left;
    margin-right: 30px;
}

.solution-list ul li .pic img {
    transition: .5s;
}

.solution-list ul li .pl-info {
    margin: 25px 30px 0 0;
    overflow: hidden;
}

.solution-list ul li .pl-info span {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.solution-list ul li .pl-info p {
    color: #555;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.solution-list ul li:hover .pic img {
    transform: scale(1.05);
}

.solution-list ul li:hover .pl-info span {
    color: #3c9bca;
    text-decoration: underline;
}

.solution-show {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.solution-show a {
    color: #555;
}

.solution-show .solution-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.solution-show .solution-pic {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 40px 0 50px 0;
}

.solution-show .solution-pic .solution-pic-slick {
    overflow: hidden;
}

.solution-show .solution-pic .solution-pic-slick .pic {
    width: 100%;
    overflow: hidden;
}

.solution-show .solution-pic .solution-pic-slick .pic:after {
    padding-bottom: 54%;
}

.solution-show .solution-pic .solution-pic-slick .slick-slide {
    position: relative;
    overflow: hidden;
}

.solution-show .solution-pic .slick-prev {
    background: url("../images/left3.png") no-repeat center center;
    left: 20px;
}

.solution-show .solution-pic .slick-prev:before, .solution-show .solution-pic .slick-next:before {
    content: "";
}

.solution-show .solution-pic .slick-prev, .solution-show .solution-pic .slick-next {
    width: 50px;
    height: 50px;
    display: block;
    z-index: 6;
    margin-top: -25px;
}

.solution-show .solution-pic .slick-next {
    background: url("../images/right3.png") no-repeat center center;
    right: 20px;
}

.solution-show .box {
    overflow: hidden;
    position: relative;
}

.solution-show .procate {
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #225ba0;
    overflow: hidden;
}

.solution-show .procate ul {

    overflow: hidden;
    background: #fff;
}

.solution-show .procate.navFix {
    position: fixed;
    top: 160px;
    z-index: 5;
}

.solution-show .procate li {
    text-align: center;
    margin-right: 2px;
    float: left;
    font-size: 16px;
    width: 104px;
    height: 50px;
}

.solution-show .procate li span {
    padding: 0 20px;
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    background: #ededed;
    cursor: pointer;
}

.solution-show .procate .sel span {
    color: #fff;
    background: #225ba0;
}

.solution-show .proshow {
    clear: both;
    margin-top: 35px;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d4d4d4;
}

.solution-show .proshow .sol-mess {
    display: none;
}

.solution-show .proshow .sol-mess ul {
    margin: 0 -7px;
    overflow: hidden;
}

.solution-show .proshow .sol-mess ul li {
    float: left;
    width: 33.3333333%;
    text-align: center;
    padding: 0 7px;
    margin-bottom: 30px;
    overflow: hidden;
}

.solution-show .proshow .sol-mess ul li .pic img {
    transition: .5s;
}

.solution-show .proshow .sol-mess ul li .pic:after {
    padding-bottom: 70.5%;
}

.solution-show .proshow .sol-mess ul li a {
    display: block;
    background: #ededed;
    overflow: hidden;
}

.solution-show .proshow .sol-mess ul li h3 {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
}

.solution-show .proshow .sol-mess ul li:hover a h3 {
    color: #fff;
    background: #225ba0;
}

.solution-show .proshow .sol-mess ul li:hover .pic img {
    transform: scale(1.05);
}

.solution-show .proshow .sol-mess .more {
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #225ba0;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
}

.solution-show .proshow .sol-mess .more:hover {
    color: #419dcb;
}

.solution-show .proshow .sol-mess .sol-p {
    padding-bottom: 30px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .second-nav {
        margin-bottom: 15px;
    }

    .so-list {
        margin: 0 -5px;
    }

    .so-list li {
        width: 33.333333%;
        padding: 0 5px;
        margin-bottom: 15px;
    }

    .second-nav ul li {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .solution {
        padding: 15px;
    }

    .so-list li .so-info {
        padding: 8px;
    }

    .so-list li .so-info span {
        font-size: 16px;
        margin-bottom: 0;
    }

    .solution-show .solution-pic {
        margin: 20px 0;
    }

    .solution-show .solution-pic .slick-prev {
        left: 10px;
    }

    .solution-show .solution-pic .slick-next {
        right: 10px;
    }

    .solution-list ul {
        margin-top: 20px;
    }

    .solution-show .proshow {
        margin-top: 15px;
    }

    .solution-show .proshow .sol-mess .more {
        font-size: 14px;
    }

    .product-show .replate-sol .resol-title a span {
        font-size: 14px;
    }

    .product-show .replate-sol .resol-title {
        margin-bottom: 15px;
    }

    .product-show .replate-partner .resol-title {
        margin-bottom: 15px;
    }
}

@media (max-width: 500px) {
    .so-list li {
        width: 50%;
    }

    .solution-list ul li {
        margin-bottom: 15px;
    }

    .solution-list ul li .pic {
        width: 120px;
        height: 68px;
        margin-right: 10px;
    }

    .solution-list ul li .pl-info {
        margin: 5px 10px 0 0;
    }

    .solution-list ul li .pl-info span {
        font-size: 16px;
        margin-bottom: 0;
    }

    .solution-list ul li .pl-info p {
        height: 24px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .product-show .proshow {
        margin-top: 20px;
    }

    .solution-show .proshow .sol-mess ul li {
        width: 50%;
        margin-bottom: 15px;
    }

    .solution-show .proshow .sol-mess ul li:nth-child(n+7) {
        display: none;
    }

    .solution-show .proshow .sol-mess .sol-p {
        padding-bottom: 20px;
    }

    .solution-show .procate li span {
        padding: 0 10px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .solution-show .procate li {
        height: 40px;
    }

    .solution-show .proshow .sol-mess .more {
        height: 40px;
        line-height: 40px;
    }

    .product-show .replate-sol .resol-title a {
        height: 40px;
    }

    .product-show .replate-sol .resol-title a span {
        height: 40px;
        line-height: 40px;
    }

    .product-show .replate-sol .resol-title a h3 {
        height: 40px;
        line-height: 40px;
    }

    .product-show .replate-partner .resol-title a h3 {
        height: 40px;
        line-height: 40px;
    }

    .product-show .replate-partner .resol-title a span {
        height: 40px;
        line-height: 40px;
    }

    .product-show .replate-partner .resol-title {
        height: 40px;
    }
}

.cases {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}
.cases .proinItem p{text-indent:2em;}
figure.alignright{float:right;background:rgb(30,80,167);text-align:center;color:#FFF;}
figure.alignright a{display:block;}
figure.alignright a img{display:block;}
figure.alignleft{float:left;}
.cases a {
    color: #555;
}

.cases .cases-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.cases .cases-pic {
    margin-top: 40px;
    overflow: hidden;
}
.article h3,.article h2{color:#225ba0;padding: 15px 0 15px 2px;/*background:url('/images/favicon.ico') no-repeat left center;*/background-size:18px;}
.article blockquote{background: #EEE; padding: 10px;border-radius: 10px;}
p.underline{border-bottom: 1px solid rgb(43,86,124); margin-bottom: 10px; font-size: 16px; text-indent: 5px; color: rgb(70,81,150);}
.cases ul li {
    width: 33.3333333%;
    float: left;
    padding: 0 6px;
    margin-bottom: 30px;
}

.cases ul li .ca {
    background: #ededed;
    overflow: hidden;
}

.cases ul li .pic:after {
    padding-bottom: 60%;
}

.cases ul li .case-info {
    padding: 25px 0;
}

.cases ul li span {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    padding: 0 30px;
}

.cases ul li ul {
    margin: 0;
    height: 307px;
    padding: 0 30px;
    overflow: auto;
}

.cases ul li ul li {
    width: 100%;
    float: none;
    padding: 0;
    line-height: 30px;
    font-size: 13px;
    color: #555;
    margin-bottom: 5px;
}

.partner {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.partner a {
    color: #555;
}

.partner .partner-title {
    color: #555;
    font-size: 14px;
    line-height: 30px;
}

.partner .partner-contact {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.integrity {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.integrity a {
    color: #555;
}

.integrity .integrity-title {
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    background: #225ba0;
    font-weight: bold;
    text-align: center;
}

.integrity .integrity-contact {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}

.integrity .integrity-info {
    padding: 40px 30px;
    background: #ededed;
}

.news {
    margin-top: 40px;
    overflow: hidden;
}

.news ul li {
    overflow: hidden;
    margin-bottom: 30px;
}

.news ul li a {
    display: block;
    background: #ededed;
    overflow: hidden;
}

.news ul li .pic {
    width: 243px;
    height: 162px;
    float: left;
    margin-right: 30px;
}

.news ul li .pic img {
    transition: .5s;
}

.news ul li .new-info {
    margin: 25px 30px 0 0;
    overflow: hidden;
}

.news ul li .new-info h3 {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    position: relative;
    padding-right: 80px;
}

.news ul li .new-info h3 span {
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

.news ul li .new-info p {
    color: #555;
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.news ul li:hover .pic img {
    transform: scale(1.05);
}

.news ul li:hover .new-info h3 {
    text-decoration: underline;
    color: #3c9bca;
}

.news-show {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.news-show a {
    color: #555;
}

.news-show .news-title {
    color: #555;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 35px;
    border-bottom: 1px dashed #d4d4d4;
}

.news-show .news-p {
    padding: 40px 0;
    overflow: hidden;
    border-bottom: 1px dashed #d4d4d4;
}

.prev-next {
    padding: 18px 0 0 0;
    overflow: hidden;
}

.prev-next ul {
    float: left;
}

.prev-next ul li a {
    color: #333;
    max-width: 900px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 14px;
}

.prev-next ul li a:hover {
    color: #225ba0;
}

.prev-next .return {
    float: right;
    width: 104px;
    text-align: center;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-weight: bold;
    background: #225ba0;
}

.prev-next .return a {
    color: #fff;
    display: block;
}

.prev-next .return:hover {
    background: #3f3e44;
}

@media (max-width: 768px) {
    .cases .cases-pic {
        margin-top: 20px;
    }

    .cases ul {
        margin-top: 20px;
    }
    .home-product .home-pro-bottom ul li .pro-bottom-info h3{text-align:center;}
    .integrity .integrity-info {
        padding: 20px;
    }

    .prev-next ul {
        float: none;
        padding-bottom: 15px;
    }

    .prev-next .return {
        float: none;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }

    .news {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .cases ul li {
        width: 33% !important;
        margin-right:1px !important;
        margin-bottom: 15px;
        font-size:13px;
    }

    .cases ul li span {
        margin-bottom: 0;
    }

    .cases ul li ul {
        height: auto;
        overflow: hidden;
        padding: 0 15px;
    }

    .cases ul li ul li {
        margin-bottom: 0;
    }

    .cases ul li .case-info {
        padding: 15px 0;
    }

    .cases ul li span {
        padding: 0 15px;
    }

    .news ul li {
        margin-bottom: 15px;
    }

    .news ul li .pic {
        width: 130px;
        height: 86px;
        margin-right: 10px;
    }

    .news ul li .new-info h3 {
        font-size: 16px;
        margin-bottom: 0;
        padding-right: 75px;
    }

    .news ul li .new-info p {
        height: 48px;
    }

    .news ul li .new-info {
        margin: 5px 10px 0 0;
    }

    .news ul li .new-info h3 span {
        font-size: 13px;
    }
}

.map {
    width: 100%;
    margin: 0 auto;
}

.map dl {
    border: #d6dbe1 solid 1px;
    border-top: #225ba0 solid 2px;
    border-bottom: 0;
    margin: 0 0 20px 0;
}

.map dl dt {
    background: #fcfcfc;
    color: #225ba0;
    font-size: 16px;
    line-height: 40px;
    border-bottom: #d6dbe1 solid 1px;
    padding: 0 0 0 20px;
}

.map dl dt a {
    color: #333;
}

.map dl dt a:hover {
    color: #225ba0;
}

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

.map dl dd {
    font-size: 12px;
    line-height: 30px;
    overflow: hidden;
    padding-top: 10px;
}

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

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

.map dl dd div a:hover {
    color: #fff;
    background: #225ba0;
}

.map dl:hover {
    background: #f5f8fa;
}

.map dl:hover dt a {
    color: #225ba0;
}

.contact {
    color: #555;
    line-height: 30px;
    overflow: hidden;
}

.contact a {
    color: #555;
}

.contact .contact-title {
    color: #225ba0;
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d4d4d4;
}

.contact .contact-bottom {
    margin-top: 20px;
    overflow: hidden;
    border-bottom: 1px dashed #d4d4d4;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.contact .contact-bottom ul li {
    float: left;
    width: 32%;
}

.contact .contact-bottom ul li p {
    position: relative;
    padding-left: 44px;
    color: #333;
    font-family: Arial;
}

.contact .contact-bottom ul li p a {
    color: #333;
}

.contact .contact-bottom ul li p span {
    font-size: 14px;
    color: #225ba0;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-family: "microsoft yahei";
}

.contact .contact-bottom ul .contact3 {
    width: 36%;
}

.contact .contact-list {
    margin-bottom: 20px;
    overflow: hidden;
}

.contact .contact-list ul {
    margin: 0 -7px;
}

.contact .contact-list ul li {
    float: left;
    width: 33.3333333%;
    padding: 0 7px;
    margin-bottom: 20px;
    overflow: auto;
    height: 203px;
}

.contact .contact-list ul li h3 {
    font-size: 16px;
    color: #fff;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    background: #225ba0;
    padding-left: 30px;
}

.contact .contact-list ul li .contact-info {
    padding: 21px 30px;
    background: #ededed;
    min-height: 162px;
}

.contact .box {
    width: 100%;
    height: 600px;
}

.contact #container1 {
    width: 80%;
    height: 100%;
}

/*xiugai*/

.contact .txt {
    margin-left: 10px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
}

.contact .txt h1 {
    color: #1d50a6;
    font-size: 26px;
    text-align: left;
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 0;
}

.contact .txt h1 .en {
    font-size: 12px;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
}

.contact .txt .item {
    font-size: 12px;
    line-height: 38px;
    float: left;
    width: 50%;
    position: relative;
    padding-right:30px;
}

.contact .txt .item .nm {
    float: left;
    width: 143px;
    display: block;
    text-align: left;
    font-weight: bold;
    margin-right: 10px;
    position:absolute;
    top:0;
    left:0;
}

.contact .txt .item .nr {
    display: block;
    border-bottom: 1px dashed #999;
    width: 100%;
    padding-left:120px;
}

.contact .txt .item02 {
    width: 100%;
}

.contact .txt .item02 .nr {
    font-size: 14px;
    font-weight: bold;

}

.spcontact {
    border-top: 1px solid #dedede;
    font-size: 12px;
    padding: 20px 0;
    overflow: hidden;
}

.spcontact ul {
}

.spcontact li {
    width: 33%;
    vertical-align: top;
    min-height: 120px;
    display: inline-block;
    border-bottom: 1px dashed #dedede;
    margin-bottom: 10px;
}

#map {
    height: 400px;
}

@media (max-width: 1200px) {
    .contact .contact-list ul li {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .contact .contact-list ul li {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .contact .contact-bottom ul li {
        width: 100%;
    }

    .contact .contact-bottom ul .contact3 {
        width: 100%;
    }

    .contact .contact-bottom {
        margin-bottom: 20px;
    }

    .contact .contact-list ul li .contact-info {
        padding: 15px;
        min-height: 60px;
    }

    .contact .contact-list {
        margin-bottom: 0;
    }

    #map {
        height: 260px;
    }

    .contact .txt .item {
        width:100%;
    }
    .spcontact li {
        width: 48%;
    }
    .contact .txt h1{
        font-size:20px;
        margin-bottom: 10px;
    }
}

@media(max-width:414px){
    .contact .txt .item {
        padding-right:0;
    }
    .spcontact li {
        width: 100%;
    }
}

.capabilities {
    overflow: hidden;
}

.capabilities .capa-title {
    text-align: center;
}

.capabilities .capa-title h3 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 5px;
}

.capabilities .capa-title h3 span {
    font-weight: bold;
    text-transform: uppercase;
    color: #225ba0;
    padding-left: 10px;
}

.capabilities .capa-title p {
    line-height: 30px;
    color: #666;
}

.list-ability1 {
    margin-top: 29px;
    overflow: hidden;
    margin-bottom: 45px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #d4d4d4;
}

.list-ability1 .ability-info {
    overflow: hidden;
    margin: 0 -18px;
}

.list-ability1 a {
    width: 20%;
    float: left;
    padding: 0 18px;
    margin-bottom: 30px;
}

.list-ability1 a .pic img {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.list-ability1 a .pic:after {
    padding-bottom: 71.5%;
}

.list-ability1 a .pic:hover i {
    display: block;
}

.list-ability1 a .pic:hover img {
    transform: scale(1.1);
}

.list-ability1 a .pic i {
    background: url(../images/bg4.png) repeat center center;
    text-align: center;
    position: absolute;
    width: inherit;
    height: inherit;
    padding-top: 24%;
    z-index: 10;
    top: 0;
    display: none;
    width: 100%;
    padding-bottom: 71.5%;
}

.list-ability1 a .pic i img {
    width: 50px;
    height: 50px;
}

.list-ability1 a span {
    color: #333;
    height: 40px;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    line-height: 40px;
    font-size: 14px;
    background: #ededed;
    padding: 0 2px;
}

.list-honor1 {
    margin-top: 32px;
    overflow: hidden;
    margin-bottom: 50px;
    padding-bottom: 18px;
    border-bottom: 1px dashed #d4d4d4;
}

.list-honor1 .honor-info {
    overflow: hidden;
    margin: 0 -18px;
}

.list-honor1 a {
    width: 20%;
    float: left;
    padding: 0 18px;
    margin-bottom: 31px;
}

.list-honor1 a .pic {
    border: 1px solid #ccc;
}

.list-honor1 a .pic img {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.list-honor1 a .pic:after {
    padding-bottom: 141.5%;
}

.list-honor1 a .pic:hover i {
    display: block;
}

.list-honor1 a .pic:hover img {
    transform: scale(1.1);
}

.list-honor1 a .pic i {
    background: url(../images/bg4.png) repeat center center;
    text-align: center;
    position: absolute;
    width: inherit;
    height: inherit;
    padding-top: 50%;
    z-index: 10;
    top: 0;
    display: none;
    width: 100%;
    padding-bottom: 141.5%;
}

.list-honor1 a .pic i img {
    width: 50px;
    height: 50px;
}

.list-honor1 a span {
    color: #333;
    height: 40px;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    line-height: 40px;
    font-size: 14px;
    border: 1px solid #d4d4d4;
    border-top: 0;
    background: #ededed;
    padding: 0 2px;
}

.list-bottom {
    margin-bottom: 10px;
    overflow: hidden;
}

.list-bottom ul {
    margin: 0 -15px;
}

.list-bottom ul li {
    float: left;
    padding: 0 15px;
    width: 25%;
}

.list-bottom ul li a {
    display: block;
    position: relative;
}

.list-bottom ul li .bottom-info {
    padding: 24px 30px;
}

.list-bottom ul li .bottom-info h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.list-bottom ul li .bottom-info p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.list-bottom ul .b11 {
    width: 50%;
}

.list-bottom ul .b11 .pic:after {
    padding-bottom: 47.5%;
}

.list-bottom ul .b11 .bottom-info {
    position: absolute;
    top: 0;
    left: 0;
    padding: 22px 30px;
}

.list-bottom ul .b11 .bottom-info span {
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.list-bottom ul .b11 .bottom-info h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 22px;
}

.list-bottom ul .b11 .bottom-info p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.list-bottom ul .b12 a {
    background: #b3b2b2 url("../images/12.png") no-repeat bottom right;
    height: 277px;
    display: block;
}

.list-bottom ul .b13 a {
    background: #ededed url("../images/13.png") no-repeat bottom right;
    height: 277px;
    display: block;
}

@media (max-width: 1260px) {
    .list-bottom ul .b12 a {
        height: 273px;
    }

    .list-bottom ul .b13 a {
        height: 273px;
    }
}

@media (max-width: 1200px) {
    .list-bottom ul .b12 a {
        height: 259px;
    }

    .list-bottom ul .b13 a {
        height: 259px;
    }
}

@media (max-width: 1024px) {
    .list-bottom ul .b12 a {
        height: 217px;
    }

    .list-bottom ul .b13 a {
        height: 217px;
    }

    .list-ability1 a {
        width: 25%;
    }

    .list-honor1 a {
        width: 25%;
    }
}

@media (max-width: 992px) {
    .list-bottom ul .b12 a {
        height: 209px;
    }

    .list-bottom ul .b13 a {
        height: 209px;
    }
}

@media (max-width: 768px) {
    .capabilities .capa-title h3 {
        font-size: 20px;
    }

    .list-bottom ul {
        margin: 0 -7px;
    }

    .list-bottom ul li {
        width: 50%;
        padding: 0 7px;
    }

    .list-bottom ul .b11 {
        width: 100%;
        margin-bottom: 15px;
    }

    .list-bottom ul .b12 a {
        height: 277px;
    }

    .list-bottom ul .b13 a {
        height: 277px;
    }

    .list-ability1 {
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .list-ability1 .ability-info {
        margin: 0 -7px;
    }

    .list-ability1 a {
        width: 33.3333333%;
        padding: 0 7px;
        margin-bottom: 15px;
    }

    .list-honor1 {
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .list-honor1 .honor-info {
        margin: 0 -7px;
    }

    .list-honor1 a {
        width: 33.3333333%;
        padding: 0 7px;
        margin-bottom: 15px;
    }
}

@media (max-width: 500px) {
    .list-bottom ul {
        margin: 0;
    }

    .list-bottom ul li {
        width: 100%;
        padding: 0;
    }

    .list-bottom ul .b12 a {
        margin-bottom: 15px;
        height: auto;
    }

    .list-bottom ul .b13 a {
        height: auto;
    }

    .list-bottom ul li .bottom-info {
        padding: 15px;
    }

    .list-bottom ul .b11 .bottom-info {
        padding: 15px;
    }

    .list-bottom ul .b11 .bottom-info h3 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .list-bottom ul .b11 .bottom-info p {
        line-height: 24px;
        height: 48px;
    }

    .list-bottom ul .b11 .bottom-info span {
        display: none;
    }

    .list-ability1 a {
        width: 50%;
    }

    .list-honor1 a {
        width: 50%;
    }
}

.about-list {
    overflow: hidden;
    padding: 40px 30px;
}

.about1 {
    position: relative;
    overflow: hidden;
    background: #ededed;
    margin-bottom: 30px;
}

.about1 .about1-left {
    float: left;
    width: 50%;
    padding: 30px 30px 0 30px;
    overflow: hidden;
}

.about1 .about1-left i {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    display: block;
    width: 16px;
    height: 30px;
    left: 50%;
    margin-left: -8px;
    z-index: 3;
}

.about1 h3 {
    font-size: 24px;
    color: #225ba0;
    text-transform: uppercase;
    line-height: 22px;
    font-family: Arial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.about1 span {
    display: block;
    font-size: 24px;
    color: #333;
    margin-bottom: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.about1 .about1-p {
    line-height: 30px;
    color: #666;
    height: 150px;
    overflow: hidden;
}

.about1 .more {
    margin-top: 30px;
    overflow: hidden;
}

.about1 .more a {
    display: block;
    width: 130px;
    height: 40px;
    font-size: 18px;
    color: #225ba0;
    font-weight: bold;
    border: 2px solid #225ba0;
    text-align: center;
    line-height: 36px;
    transition: .5s;
}

.about1 .more a:hover {
    color: #fff;
    background: #225ba0;
}

.about1 .about1-right {
    float: right;
    width: 50%;
}

.about1 .about1-right:after {
    padding-bottom: 61.2%;
}

.about2 {
    margin-bottom: 30px;
    overflow: hidden;
    background: url("../images/culture.jpg") no-repeat top center;
}

.about2 .about2-info {
    padding: 21px 30px 41px 30px;
    background: url("../images/about02.png") no-repeat top left;
}

.about2 .about2-title {
    margin-bottom: 23px;
}

.about2 .about2-title a {
    color: #fff;
}

.about2 .about2-title h3 {
    font-size: 24px;
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
}

.about2 .about2-title p {
    font-size: 24px;
}

.about2 ul li a {
    color: #fff;
    background: url("../images/dot6.png") no-repeat center left;
    padding-left: 11px;
    display: block;
    line-height: 30px;
}

.about2 ul li a:hover {
    text-decoration: underline;
}

.about3 {
    margin-bottom: 30px;
    overflow: hidden;
}

.about3 ul {
    margin: 0 -15px;
    overflow: hidden;
}

.about3 ul li {
    float: left;
    width: 25%;
    padding: 0 15px;
}

.about3 ul li a {
    display: block;
    position: relative;
}

.about3 ul li a:hover h3 {
    text-decoration: underline;
}

.about3 ul li .pic:after {
    padding-bottom: 115.3%;
}

.about3 ul li .about3-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 24px 30px;
    background:#FFF;
    opacity: .8;
}

.about3 ul li h3 {
    font-weight: bold;
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.about3 ul li p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    width: 90%;
    height: 48px;
    overflow: hidden;
}

.about4 {
    margin-bottom: 55px;
    padding: 25px 30px 50px 30px;
    background: #f3f3f3;
    overflow: hidden;
}

.pro-left {
    margin: 0 89px;
    text-align: center;
}

.pro-left .slick-prev:before, .pro-left .slick-next:before {
    display: none;
}

.pro-left .pro-max {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
    cursor: pointer;
    margin-top: 25px;
}

.pro-left .pro-max .slick-prev {
    background: url("../images/left10.png") no-repeat center center;
    width: 29px;
    height: 58px;
    display: block;
    left: -89px;
    top: -73px;
}

.pro-left .pro-max .slick-next {
    background: url("../images/right10.png") no-repeat center center;
    width: 29px;
    height: 58px;
    display: block;
    right: -89px;
    top: -73px;
}

.pro-left .pro-max .item i {
    font-size: 14px;
    color: #555;
    font-style: normal;
    line-height: 24px;
}

.pro-left .pro-min {
    width: 100%;
    text-align: center;
    margin: 30px 0 0 0;
    overflow: hidden;
}

.pro-left .pro-min .getIndex {
    display: inline-block;
    *float: none;
    *display: inline;
    zoom: 1;
    text-align: center;
}

.pro-left .pro-min .getIndex .item {
    background: url("../images/line.jpg") repeat-x center center;
}

.pro-left .pro-min .getIndex .item i {
    display: block;
    width: 67px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    background: url("../images/dot7.png") no-repeat center center;
    font-style: normal;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    font-family: Arial;
}

.pro-left .pro-min .getIndex .item i:hover {
    cursor: pointer;
}

.pro-left .pro-min .getIndex:hover .item i {
    background: url("../images/dot7h.png") no-repeat center center;
}

.pro-left .pro-min .slick-current .item i {
    background: url("../images/dot7h.png") no-repeat center center;
}

.about5 {
    border-top: 1px dashed #d4d4d4;
    padding-top: 45px;
    overflow: hidden;
}

.about5 .list-honor1 {
    margin-bottom: 0;
}

.about-title {
    text-align: center;
}

.about-title a {
    color: #333;
}

.about-title h3 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 5px;
}

.about-title h3 span {
    font-weight: bold;
    text-transform: uppercase;
    color: #225ba0;
    padding-left: 10px;
}

.about-title p {
    line-height: 30px;
    color: #666;
}

.about6 {
    padding-top: 45px;
    overflow: hidden;
}

.about6 ul {
    margin: 28px -15px 0 -15px;
    overflow: hidden;
}

.about6 ul li {
    float: left;
    width: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
    overflow: hidden;
}

.about6 ul li .pic:after {
    padding-bottom: 63.5%;
}

.about6 ul li h3 {
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    background: #ededed;
}

@media (max-width: 1024px) {
    .about1 .about1-p {
        height: 90px;
    }
}

@media (max-width: 992px) {
    .about1 h3 {
        font-size: 20px;
    }

    .about1 span {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .hz_pp{display: none;}
    .about1 {
        margin-bottom: 15px;
    }

    .about-list {
        padding: 15px;
    }

    .about1 .about1-right {
        float: none;
        width: 100%;
    }

    .about1 .about1-left {
        float: none;
        width: 100%;
        padding: 15px;
    }

    .about-title h3 {
        font-size: 20px;
    }

    .about2 {
        margin-bottom: 15px;
    }

    .about3 ul {
        margin: 0 -5px;
    }

    .about3 ul li {
        padding: 0 5px;
    }

    .about3 ul li .about3-info {
        padding: 15px;
    }

    .about3 {
        margin-bottom: 15px;
    }

    .about4 {
        padding: 15px;
        margin-bottom: 15px;
    }

    .pro-left {
        margin: 0 30px;
    }

    .pro-left .pro-max .slick-prev {
        left: -40px;
    }

    .pro-left .pro-max .slick-next {
        right: -40px;
    }

    .about5 {
        padding-top: 15px;
    }

    .about5 .list-honor1 {
        padding-bottom: 0;
    }

    .about6 {
        padding-top: 15px;
    }

    .about6 ul {
        margin: 15px -5px 0 -5px;
    }

    .about6 ul li {
        padding: 0 5px;
        margin-bottom: 15px;
    }
}

@media (max-width: 500px) {
    .about3 {
        margin-bottom: 0;
    }

    .about3 ul li {
        width: 50%;
        margin-bottom: 15px;
    }

    .about6 ul li {
        width: 50%;
    }
}

/*搜索弹出层*/
.search_mask {
    background: url(../images/search_mask.png);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
}

.search_mask .s_box {
    width: 350px;
    height: 136px;
    padding: 25px;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    position: absolute;
    margin-top: -68px;
    background: #fff;
}

.search_mask .s_box .text1 {
    text-align: center;
    line-height: 24px;
    color: #666;
    font-size: 16px;
}

.search_mask .s_box .sure {
    width: 140px;
    height: 36px;
    display: block;
    margin: 20px auto 0;
    background: #00a0e9;
    border-radius: 2px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    letter-spacing: 5px;
}

.partner-bottom {
    position: relative;

}

.partner-min {
    border-bottom: 1px solid #225ba0;
    overflow: hidden;
    margin-bottom: 30px;
}

.partner-min .getIndex .item {
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    margin-right: 2px;

    padding: 0 10px;
    color: #fff;
    background: #225ba0;
}

.partner-min .getIndex .item i {
    font-style: normal;
    font-weight: bold;
}

.partner-min .getIndex.slick-current .item {
    background: #419dcb;
}

.article .wp-block-gallery .blocks-gallery-item figure{
    padding-bottom:30px !important;
    position:relative;
    align-items: center;
}
.article .wp-block-gallery .blocks-gallery-item figure figcaption{
    padding:0;
    background:#1d50a6;
}
.article .wp-block-gallery .blocks-gallery-item img{
    height:auto !important;
    width:100% !important;
}
.gallery-columns-3::after{
    display: block;clear: both;content: "";height:0;
}
.gallery-columns-3 .gallery-item {
    width: 31.3%;
    margin: 1%;
    float: left;
}
.gallery-columns-3 .gallery-item img{
    width: 100%;
    height:auto;
}