@charset "utf-8";

.bannerbox {
    position: relative;
    overflow: hidden
}

.bannerbox .ewm {
    position: absolute;
    z-index: 2;
    right: 125px;
    bottom: 60px;
    width: 240px
}

.bannerbox .ewm img {
    display: block;
    width: 100%
}

.banner {
    height: 1020px;
    position: relative;
    z-index: 1
}

.banner .item {
    height: 1020px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.banner .slick-dots {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center
}

.banner .slick-dots li {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 8px;
    cursor: pointer
}

.banner .slick-dots li.slick-active {
    background-color: #e16819;
    border: 1px solid #e16819
}

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

.nbanner {
    height: 430px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.lanmunav .box {
    border-bottom: 1px solid #d7d7d7;
}

.lanmunav .box.on {
    margin-bottom: 50px;
}

.lanmunav ul {
    float: left;
    position: relative;
}

.lanmunav ul li {
    float: left;
    margin-right: 45px
}

.lanmunav ul li .two:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/ico-ej.png) no-repeat center;
    background-size: 50%;
    position: absolute;
    z-index: 2;
    right: -25px;
    top: 50%;
    margin-top: -10px;
    display: none;
}

.lanmunav ul li>a {
    display: block;
    padding: 20px 0;
    border-bottom: 3px solid transparent;
    font-weight: bold
}

.lanmunav ul li.on>a {
    color: #345ca8;
    border-bottom: 3px solid #345ca8
}

.lanmunav .sub {
    position: absolute;
    top: 120%;
    left: 0;
    width: 1330px;
    display: none !important;
}

.lanmunav .sub::after {
    content: '';
    display: block;
    clear: both;
}

.lanmunav li.on .sub {
    display: block !important;
}

.lanmunav .sub a {
    line-height: 50px;
    padding: 0 12px;
    background-color: #f0f0f0;
    color: #666;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.lanmunav .sub a.on,
.lanmunav .sub a:hover {
    background-color: #345dac;
    color: #fff;
    font-size: 16px;
}

.path {
    float: right;
    line-height: 68px
}

.bgf6f6f6 {
    background-color: #f6f6f6
}

.mainbox {
    padding: 60px 0
}

.caselist ul {
    margin: 0 -13px
}

.caselist li {
    float: left;
    width: 33.33%;
    margin-bottom: 30px
}

.caselist li a {
    display: block;
    background-color: #fff;
    margin: 0 13px
}

.caselist li .img {
    height: 234px;
    overflow: hidden
}

.caselist li .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.caselist li .title {
    padding: 15px 25px;
    font-weight: bold;
    font-size: 16px;
    height: 80px
}

.caselist li .title h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.caselist li .title .p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.lanmuplo {
    text-align: center;
    margin-bottom: 65px
}

.lanmuplo h3 {
    font-size: 30px
}

.lanmuplo h3:after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    margin: 0 auto;
    margin-top: 10px;
    background-color: #355da9
}

.service01 .conn {
    overflow: hidden;
    max-width: 1160px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 2;
    text-indent: 2em;
    margin-bottom: 60px
}

.service01 .conn a {
    font-size: 18px
}

.service01 .conn img {
    max-width: 100%;
    height: auto !important
}

.service01 li {
    overflow: hidden;
    margin-bottom: 60px
}

.service01 li .img {
    overflow: hidden;
    width: 48%;
    float: left
}

.service01 li .img img {
    display: block;
    width: 100%
}

.service01 li .txt {
    float: right;
    width: 48%;
    padding-top: 5%
}

.service01 li .txt h3 {
    font-size: 26px;
    margin-bottom: 10px
}

.service01 li .txt .eng {
    text-transform: uppercase;
    color: #666;
    margin-bottom: 45px
}

.service01 li .txt .p {
    line-height: 2;
    font-size: 16px;
    color: #666
}

.service01 li .txt .p b {
    font-weight: normal;
    color: #000
}

.service01 li:nth-child(even) .img {
    float: right
}

.service01 li:nth-child(even) .txt {
    float: left
}

.newlist li {
    margin-bottom: 30px
}

.newlist li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f4f4f4;
    padding-right: 34px
}

.newlist li .img {
    flex: 0 0 265px;
    overflow: hidden;
    height: 200px;
    margin-right: 35px
}

.newlist li .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.newlist li .more {
    flex: 0 0 116px;
    overflow: hidden;
    margin-left: 60px
}

.newlist li .more span {
    display: block;
    line-height: 36px;
    border: 2px solid #355ba9;
    text-align: center;
    border-radius: 36px;
    color: #355ba9
}

.newlist li .txt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0
}

.newlist li .txt h3 {
    font-size: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px
}

.newlist li .txt .p {
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 10px
}

.newlist li .txt .info span {
    margin-right: 30px;
    color: #666;
    display: inline-block;
    vertical-align: middle;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-position: left center
}

.newlist li .txt .info .date {
    background-image: url(../images/ico-date.png);
    background-size: auto 18px
}

.newlist li .txt .info .num {
    background-image: url(../images/ico-num.png);
    background-size: auto 18px
}

.productindex01 {
    margin-bottom: 110px
}

.productindex01 ul {
    margin: 0 -10px
}

.productindex01 li {
    float: left;
    width: 33.33%
}

.productindex01 li a {
    display: block;
    color: #666;
    margin: 0 10px;
    background-color: #eeeeee;
    position: relative;
    padding: 25px
}

.productindex01 li a:hover {
    background: #dfebf5
}

.productindex01 li .img {
    transition: all 0.5s ease;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -30px;
    width: 274px
}

.productindex01 li .img img {
    width: 100%
}

.productindex01 li a:hover .img img {
    transform: scale(1)
}

.productindex01 li h3 {
    font-size: 18px;
    color: #355ba9
}

.productindex01 li a:hover .eng {
    color: #355ba9
}

.productindex01 li .eng {
    font-size: 42px;
    font-family: Impact
}

.productindex01 li .p {
    font-size: 16px
}

.productindex01 li .more {
    display: inline-block;
    font-size: 14px;
    color: #666;
    margin-top: 30px;
    height: 33px;
    line-height: 33px;
    transition: all 0.5s ease
}

.productindex01 li a:hover .img {
    bottom: -10px
}

.productindex01 li a:hover .more {
    padding: 0 25px;
    color: #fff;
    background: #00a1e9;
    text-decoration: none;
    border-radius: 3px
}

.productindex02 .title {
    text-align: center;
    font-size: 36px;
    color: #666;
    margin-bottom: 30px
}

.formbox {
    width: 614px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 1px solid #cbcbcb;
    position: relative;
    border-radius: 52px
}

.formbox .input {
    width: 100%;
    line-height: 52px;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    text-indent: 5px;
    height: 52px;
    font-size: 14px;
    padding: 0 10px
}

.formbox .submit {
    position: absolute;
    background-color: #005eb1;
    z-index: 2;
    right: 0;
    top: 0;
    border: none;
    width: 40px;
    height: 40px;
    right: 10px;
    border-radius: 50%;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    background-image: url(../images/ico-s.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.formbox:hover .submit {
    background-color: #355ba9
}

.infor_link {
    text-align: center;
    width: 1329px;
    max-width: 90%;
    margin: 0 auto
    color:#666;
    font-size:16px;
}

.infor_link a {
    display: inline-block;
    padding: 0 20px;
    margin-bottom: 10px;
    position: relative
}

.infor_link a:nth-child(1):after {
    display: none
}

.infor_link a:after {
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    position: absolute;
    z-index: 1;
    left: 0;
    background-color: #355ba9;
    top: 50%;
    margin-top: -8px
}

.productlist .hd {
    height: 54px;
    line-height: 54px;
    background-color: #345dac;
    color: #fff;
    padding: 0 30px;
    margin-bottom: 30px
}

.productlist .hd h3 {
    float: left
}

.productlist .hd .more {
    float: right;
    cursor: pointer
}

.productlist .bd ul {
    margin: 0 -15px
}

.productlist .bd li {
    float: left;
    width: 25%;
    margin-bottom: 30px
}

.productlist .bd li:nth-child(n+5) {
    display: none
}

.productlist .item.block .bd li:nth-child(n+5) {
    display: block
}

.productlist .bd li a {
    display: block;
    margin: 0 15px;
    border: 2px solid #d1d1d1;
    text-align: center;
    padding-bottom: 25px
}

.productlist .bd li .img {
    overflow: hidden;
    height: 210px;
    line-height: 210px;
    font-size: 0;
    text-align: center;
    margin-bottom: 10px
}

.productlist .bd li .img img {
    max-width: 100%;
    max-height: 100%
}

.productlist .bd li h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: normal
}

.productlist .bd li .more span {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: alll 0.3s;
    display: inline-block;
    width: 146px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #355ba9;
    color: #355ba9;
    margin-top: 20px
}

.productlist .bd li a:hover .more span {
    background-color: #355ba9;
    color: #fff
}

.contact02 .bd {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5
}

.contact02 .bd ul {
    margin-left: -9px;
    margin-right: -9px
}

.contact02 .bd li {
    float: left;
    width: 33.33%
}



.contact02 .bd .libox {
    margin: 0 9px;
    padding: 25px 0;
    line-height: 1.8
}

.contact02 .bd .libox h3 {
    color: #047fce;
    font-size: 16px
}

.contact03 {
    padding: 40px 0
}

.contact03 .bd {
    height: 652px;
    margin: 0 auto;
    background: url(../images/contact03bg.jpg) no-repeat center;
    background-size: cover;
    position: relative
}

.contact03 .mbd {
    display: none
}

.contact03 .mbd img {
    display: block;
    width: 100%
}

.contact03 .bd li {
    position: absolute;
    z-index: 1;
    width: 63px;
    height: 30px;
    text-align: center;
    line-height: 1.1;
    font-size: 12px
}

.contact03 .bd li a:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 8px;
    height: 8px;
    background-color: #2275c5;
    border-radius: 50%;
    margin-bottom: 2px
}

.contact03 .bd li a {
    font-size: 12px
}

.contact03 .bd li.l1 {
    left: calc(62.83% - 31px);
    top: 69.4%
}

.contact03 .bd li.l1 a {
    color: #2275c5;
    font-weight: bold
}

.contact03 .bd li.l1 a:before {
    content: "";
    width: 13px;
    height: 13px;
    background: url(../images/ico-zbu.png) no-repeat center;
    background-size: 100%;
    border-radius: 0
}

.contact03 .bd li.l2 {
    left: calc(70.85% - 31px);
    top: 69.2%
}

.contact03 .bd li.l2 a:before {
    content: "";
    width: 11px;
    height: 13px;
    background: url(../images/ico-gc.png) no-repeat center;
    background-size: 100%;
    border-radius: 0
}

.contact03 .bd li.l3 {
    left: calc(54.81% - 31px);
    top: 72.1%
}

.contact03 .bd li.l3 a:before {
    content: "";
    width: 11px;
    height: 13px;
    background: url(../images/ico-gc.png) no-repeat center;
    background-size: 100%;
    border-radius: 0
}

.contact03 .bd li.l4 {
    left: calc(66.57% - 31px);
    top: 81.4%
}

.contact03 .bd li.l4 a:before {
    content: "";
    width: 11px;
    height: 13px;
    background: url(../images/ico-gc.png) no-repeat center;
    background-size: 100%;
    border-radius: 0
}

.contact03 .bd li.l5 {
    left: calc(57.48% - 31px);
    top: 52.7%
}

.contact03 .bd li.l6 {
    left: calc(65.9% - 31px);
    top: 52%
}

.contact03 .bd li.l7 {
    left: calc(48.12% - 31px);
    top: 60.7%
}

.contact03 .bd li.l8 {
    left: calc(57.35% - 31px);
    top: 64%
}

.contact03 .bd li.l9 {
    left: calc(64.4% - 31px);
    top: 62%
}

.contact03 .bd li.l10 {
    left: calc(72.1% - 31px);
    top: 57.4%
}

.contact03 .bd li.l11 {
    left: calc(77.8% - 31px);
    top: 62.6%
}

.contact03 .bd li.l12 {
    left: calc(76.8% - 31px);
    top: 67.5%
}

.contact03 .bd li.l13 {
    left: calc(69.5% - 31px);
    top: 75.33%
}

.contact03 .bd li.l14 {
    left: calc(45.4% - 31px);
    top: 81.59%
}

.contact03 .bd li.l15 {
    left: calc(58.4% - 31px);
    top: 81.59%
}

.contact03 .bd .img {
    padding-top: 58px;
    padding-left: 38px
}

.contact03 .bd .img img {
    display: block;
    max-width: 704px;
    width: 100%
}

.contact03 .bd .txt {
    background-color: #47b2ff;
    color: #fff;
    font-size: 16px;
    position: absolute;
    z-index: 1;
    right: 70px;
    width: 320px;
    top: 180px;
    border-radius: 10px;
    padding: 50px
}

.contact04 {
    padding-top: 40px;
    padding-bottom: 80px
}

.contact04 .bd img {
    display: block;
    width: 100%
}

.layout01 {
    margin-bottom: 90px
}

.layout01 .hd {
    text-align: center;
    font-size: 34px;
    margin-bottom: 20px
}

.layout01 .bd {
    max-width: 930px;
    margin: 0 auto;
    text-align: center
}

.layout01 .bd img {
    max-width: 100%;
    height: auto !important
}

.layout01 .bd span {
    color: #355ba9;
    font-size: 18px;
    font-weight: bold
}

.layout01 .imgs {
    position: relative
}

.layout01 .imgs img {
    display: block;
    width: 100%
}

.layout01 .imgs .dot_box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.layout01 .imgs .dot_box .dot {
    position: absolute
}

.layout01 .imgs .dot_box .dot .dot_circle {
    display: block;
    width: 14px;
    height: 14px;
    background: #00479d;
    position: relative;
    z-index: 3;
    border-radius: 50%
}

.layout01 .imgs .dot:after,
.layout01 .imgs .dot:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: 1
}

.layout01 .imgs .dot:before {
    width: 29px;
    height: 29px;
    background: transparent;
    background: rgba(0, 71, 157, 0.3);
    margin-top: -14px;
    margin-left: -14px;
    -webkit-animation: warn 2s linear 0.4s infinite;
    -moz-animation: warn 2s linear 0.4s infinite;
    animation: warn 2s linear 0.4s infinite;
    opacity: 0
}

.layout01 .imgs .dot:after {
    width: 46px;
    height: 46px;
    background: transparent;
    background: rgba(0, 71, 157, 0.2);
    margin-left: -23px;
    margin-top: -23px;
    -webkit-animation: warn 2s linear 0s infinite;
    -moz-animation: warn 2s linear 0s infinite;
    animation: warn 2s linear 0s infinite;
    opacity: 0
}

.layout01 .connpage .conn {
    line-height: 2;
    overflow: hidden
}

.layout01 .connpage .conn img {
    max-width: 100%;
    height: auto !important
}

.layout01 .cover {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(34, 75, 157, .8);
    width: 45%
}

.layout01 .cover .box {
    padding: 50px
}

.layout01 .cover .box dt {
    float: left;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 25px
}

.layout01 .cover .box dd {
    float: left;
    width: 49%;
    margin-right: 2%;
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    margin-top: 5px
}

.layout01 .cover .box dd span {
    display: inline-block;
    margin-right: 3px;
    font-size: 28px;
    color: #facd00;
    font-family: Arial;
    font-weight: bold
}

.layout01 .cover .box dd.even {
    margin-right: 0
}

.layout01 .cover .box .text {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    margin-top: 30px
}

.layout02 .hd {
    margin-bottom: 40px
}

.layout02 .hd h3 {
    font-size: 33px;
    color: #656666
}

.layout02 li {
    float: left;
    width: 33.33%
}

.layout02 .bd {
    position: relative;
    margin: 0 -10px
}

.layout02 .bd .slick-arrow {
    position: absolute;
    z-index: 2;
    right: -5px;
    top: -70px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
    border: none;
    background-image: none;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 50%;
    cursor: pointer
}

.layout02 .bd .slick-prev {
    background-image: url(../images/ico-prev.png);
    right: 40px
}

.layout02 .bd .slick-next {
    background-image: url(../images/ico-next.png)
}

.layout02 .bd .slick-prev:hover {
    background-image: url(../images/ico-prevh.png)
}

.layout02 .bd .slick-next:hover {
    background-image: url(../images/ico-nexth.png)
}

.layout02 .bd .item a {
    display: block;
    margin: 0 10px;
    background-color: #f5f5f5
}

.layout02 .bd .item .img {
    overflow: hidden;
    height: 240px
}

.layout02 .bd .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.layout02 .bd .item .txt {
    padding: 25px;
    font-size: 20px;
    font-weight: bold
}

.layout02 .bd .item .txt h3,
.layout02 .bd .item .txt .p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.imglist .hd {
    height: 54px;
    line-height: 54px;
    background-color: #345dac;
    color: #fff;
    padding: 0 30px;
    margin-bottom: 30px
}

.imglist .hd h3 {
    float: left
}

.imglist .hd .more {
    float: right;
    cursor: pointer;
    color: #ffffff
}

.imglist .hd .more a {
    color: #ffffff
}

.imglist .bd ul {
    margin: 0 -15px
}

.imglist .bd li {
    float: left;
    width: 25%;
    margin-bottom: 30px
}

.imglist .bd li a {
    display: block;
    margin: 0 15px;
    text-align: center;
    padding-bottom: 25px
}

.imglist .bd li .img {
    overflow: hidden;
    height: 180px;
    font-size: 0;
    text-align: center;
    margin-bottom: 10px
}

.imglist .bd li .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.imglist .bd li h3 {
    font-size: 16px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.main-productpage {
    padding: 50px 0
}

.productpage01 {
    background-color: #f6f6f6;
    padding: 50px 0
}

.productpage01 .ppage01left {
    float: left;
    width: 53%
}

.productpage01 .bigbox {
    border: 1px solid #ddd;
    margin-bottom: 10px
}

.productpage01 .bigbox img {
    display: block;
    width: 100%
}

.productpage01 .smallimg {
    position: relative;
    margin: 0 20px
}

.productpage01 .smallimg .slick-arrow {
    cursor: pointer;
    display: block;
    width: 18px;
    background-color: #ededed;
    position: absolute;
    z-index: 2;
    border: none;
    overflow: hidden;
    text-indent: -999px;
    top: 0;
    bottom: 0
}

.productpage01 .smallimg .slick-prev {
    left: -20px
}

.productpage01 .smallimg .slick-prev:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #a5a5a5;
    border-bottom: 6px solid transparent;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -3px;
    top: 50%;
    margin-top: -6px
}

.productpage01 .smallimg .slick-prev:hover:before {
    border-right: 6px solid #767676
}

.productpage01 .smallimg .slick-next {
    right: -20px
}

.productpage01 .smallimg .slick-next:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #a5a5a5;
    border-bottom: 6px solid transparent;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -3px;
    top: 50%;
    margin-top: -6px
}

.productpage01 .smallimg .slick-next:hover:before {
    border-left: 6px solid #767676
}

.productpage01 .smallimg .a {
    border: 1px solid #ddd;
    margin: 0 13px;
    cursor: pointer;
    height: 90px;
    background-color: #fff;
    line-height: 90px;
    font-size: 0
}

.productpage01 .smallimg .slick-current .a {
    border: 1px solid #e16819
}

.productpage01 .smallimg .a img {
    width: 100%;
    display: inline-block
}

.productpage01 .ppage01right {
    float: right;
    width: 44%;
    padding-top: 30px;
    color: #666666
}

.productpage01 .ppage01right h1.title {
    font-size: 24px;
    line-height: 1.1;
    font-weight: normal;
    margin-bottom: 10px
}

.productpage01 .ppage01right .engtitle {
    font-size: 35px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #b0b0b0;
    position: relative;
    margin-bottom: 10px
}

.productpage01 .ppage01right .engtitle:after {
    content: "";
    display: block;
    width: 100px;
    background-color: #5b9ae8;
    height: 2px;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -1px
}

.productpage01 .tis {
    line-height: 2;
    color: #666;
    margin-bottom: 70px;
    min-height: 224px
}

.productpage02 {
    padding-bottom: 80px
}

.productpage02 .hd {
    border-bottom: 1px solid #d6d7db
}

.productpage02 .hd ul li {
    float: left;
    margin-right: 65px
}

.productpage02 .hd ul li span {
    display: block;
    height: 68px;
    line-height: 63px;
    border-bottom: 5px solid transparent;
    font-size: 20px;
    font-weight: bold;
    color: #666;
    cursor: pointer
}

.productpage02 .hd ul li.on span {
    border-bottom: 5px solid #345baa;
    color: #345baa
}

.productpage02 .bdbox .conn {
    padding: 40px 0;
    overflow: hidden;
    line-height: 2
}

.productpage02 .bdbox .conn img {
    max-width: 100%;
    height: auto !important
}

.index01 {
    position: relative;
    padding-top: 70px;
    margin-bottom: 70px
}

.index01 .weap {
    position: relative;
    z-index: 2
}

.index01:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
    right: 0;
    height: 390px;
    background-color: #005bae;
    top: 0
}

.plo {
    text-align: center;
    color: #666;
    margin-bottom: 65px;
    line-height: 1.1
}

.plo .title {
    font-size: 36px;
    margin-bottom: 10px
}

.plo .p {
    font-size: 16px
}

.index01 .plo {
    color: #fff
}

.index01 .plo .title {
    font-weight: normal
}

.index01 .bd ul {
    background-color: #fff;
    padding: 1px
}

.index01 .bd li {
    float: left;
    width: 33.33%
}

.index01 .bd li a {
    display: block;
    margin: 1px;
    position: relative
}

.index01 .bd li .img {
    overflow: hidden
}

.index01 .bd li .img img {
    display: block;
    width: 100%
}

.index01 .bd li .txt {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 30px;
    color: #666;
    line-height: 1.1
}

.index01 .bd li .txt h3 {
    font-size: 24px;
    margin-bottom: 10px
}

.index01 .bd li .txt .p {
    font-size: 14px
}

.index01 .bd li a:hover .txt h3 {
    color: #355ba9
}

.index02 {
    margin-bottom: 70px
}

.index02 .bd {
    background-color: #eeeeee;
    margin-bottom: 20px;
    margin-bottom: 70px
}

.index02 .bd li {
    float: left;
    width: 33.33%
}

.index02 .bd li a {
    display: block;
    position: relative
}

.index02 .bd li .img {
    overflow: hidden
}

.index02 .bd li .img img {
    display: block;
    width: 100%
}

.index02 .bd li .txt {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-left: 55px;
    padding-top: 25px;
    line-height: 1.1
}

.index02 .bd li .txt h3 {
    font-size: 24px;
    color: #004fae;
    margin-bottom: 10px
}

.index02 .bd li .txt .p {
    font-size: 14px;
    color: #666;
    line-height: 1.4
}

.index02 .bd li .txt .p span {
    display: block
}

.index02 .bd li:nth-child(3) .txt h3 {
    color: #fff
}

.index02 .bd li:nth-child(3) .txt .p {
    color: #fff
}

.numlist {
    text-align: center
}

.numlist li {
    display: inline-block;
    vertical-align: top;
    margin: 0 50px
}

.numlist li .ico {
    margin-bottom: 20px
}

.numlist li .num {
    font-size: 42px;
    color: #0159b0;
    font-family: Impact;
    height: 60px;
    line-height: 60px;
    font-weight: bold
}

.numlist li .num.wz {
    font-size: 20px
}

.numlist li .p {
    font-size: 14px;
    line-height: 1.2
}

.numlist li .num i {
    font-size: 18px;
    vertical-align: top;
    margin-left: 5px;
    position: relative;
    top: -10px
}

.index03 {
    margin-bottom: 70px
}

.index03 .bd ul {
    margin: 0 -7px
}

.index03 .bd li {
    float: left;
    width: 50%;
    margin-bottom: 14px
}

.index03 .bd li a {
    display: block;
    margin: 0 7px;
    position: relative;
    height: 235px
}

.index03 .bd li:nth-child(1) a {
    height: 485px
}

.index03 .bd li:nth-child(1) a .txt {
    left: 40px;
    bottom: 40px;
    color: #fff;
    right: 40px
}

.index03 .bd li:nth-child(1) a .txt h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index03 .bd li .img {
    overflow: hidden;
    height: 100%
}

.index03 .bd li .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.index03 .bd li .txt {
    position: absolute;
    z-index: 2
}

.index03 .bd li .txt h3 {
    font-size: 22px
}

.index03 .bd li:nth-child(2) a .txt {
    display: none;
    left: 40px;
    bottom: 40px;
    color: #fff;
    right: 40px
}

.index03 .bd li:nth-child(3) {
    width: 25%
}

.index03 .bd li:nth-child(3) a {
    background-color: #005bae
}

.index03 .bd li:nth-child(3) .img {
    display: none
}

.index03 .bd li:nth-child(3) a .txt {
    left: 40px;
    bottom: 60px;
    color: #fff;
    right: 40px
}

.index03 .bd li:nth-child(3) a .txt h3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.index03 .bd li.more {
    width: 25%
}

.index03 .bd li.more a {
    background: url(../images/morebg.jpg) no-repeat center;
    background-size: cover;
    font-size: 24px;
    text-align: center;
    color: #fff;
    line-height: 235px
}

.index04 {
    background: url(../images/index04bg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 65px;
    padding-bottom: 120px
}

.index04 .weap {
    padding-left: 310px
}

.index04 .plo {
    text-align: left;
    margin-bottom: 30px;
    color: #333
}

.index04 .plo h3 {
    font-size: 36px
}

.index04 .plo .p {
    font-size: 16px;
    line-height: 1.5;
    max-width: 670px
}

.index04 .bd ul {
    margin: 0 -7px
}

.index04 .bd li:nth-child(1) {
    width: 64.66%
}

.index04 .bd li {
    float: left;
    width: 35.33%;
    margin-bottom: 14px
}

.index04 .bd li a {
    display: block;
    margin: 0 7px;
    position: relative;
    height: 277px
}

.index04 .bd li:nth-child(1) a {
    height: 568px
}

.index04 .bd li .img {
    overflow: hidden;
    height: 100%
}

.index04 .bd li .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.index04 .bd li .txt {
    display: none;
    position: absolute;
    z-index: 2;
    left: 30px;
    right: 30px;
    bottom: 30px;
    color: #fff;
    line-height: 1.4
}

.index04 .bd li .txt h3 {
    font-size: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index04 .bd li .txt h4 {
    font-size: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index04 .bd li .txt .p {
    margin-top: 10px;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.index04 .bd li:nth-child(1) .txt {
    display: block
}

.about01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #335baa
}

.about01 .img {
    width: 50%;
    flex: 0 0 50%;
    overflow: hidden
}

.about01 .videopay {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: alll 0.3s;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    cursor: pointer
}

.about01 .videopay:hover {
    transform: scale(1.1)
}

.about01 .txtbox {
    width: 50%;
    flex: 0 0 50%;
    color: #fff;
    padding: 70px
}

.about01 .txtbox .txt {
    max-width: 600px
}

.about01 .txtbox h3 {
    font-size: 30px;
    margin-bottom: 10px;
    background: url(../images/ico-dh.png) no-repeat center left;
    background-size: auto 45px;
    padding-left: 70px;
    line-height: 1.1;
    padding-top: 15px
}

.about01 .txtbox h3 i {
    font-size: 150px;
    color: #cd5b2b;
    font-family: Arial;
    line-height: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top
}

.about02 {
    padding-top: 65px;
    background-color: #f4f4f8
}

.about02 .bd .txt {
    float: left;
    width: 51%
}

.about02 .bd .txt p{
text-indent:2em;
}


.about02 .bd .txt h3 {
    font-size: 30px;
    margin-bottom: 10px
}

.about02 .bd .txt h3 a {
    font-size: 30px
}

.about02 .bd .imgs {
    float: right;
    width: 45%;
    position: relative
}

.about02 .bd .imgs img {
    display: block;
    width: 100%
}

.about02 .bd .imgs .slick-arrow {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 2;
    top: 50%;
    margin-top: -20px;
    border: 2px solid #345393;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50%;
    background-color: transparent;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat
}

.about02 .bd .imgs .slick-prev {
    left: 10px;
    background-image: url(../images/ico-prevh.png)
}

.about02 .bd .imgs .slick-next {
    right: 10px;
    background-image: url(../images/ico-nexth.png)
}

.about02 .hd {
    margin-top: 40px
}

.about02 .hd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.about02 .hd ul li {
    height: 100px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 .5px;
    cursor: pointer
}

.about02 .hd ul li:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 102, 255, .9)
}

.about02 .hd ul li.on:after {
    background-color: rgba(204, 51, 0, .8)
}

.about02 .hd ul li .a {
    position: relative;
    z-index: 2;
    color: #fff;
    padding-top: 14px
}

.about02 .hd ul li .a .ico {
    height: 40px;
    margin-bottom: 10px
}

.about02 .hd ul li .a .ico img {
    height: 40px
}

.about02 .hd ul li:nth-child(1) {
    background-image: url(../images/about0205.jpg)
}

.about02 .hd ul li:nth-child(2) {
    background-image: url(../images/about0206.jpg)
}

.about02 .hd ul li:nth-child(3) {
    background-image: url(../images/about0207.jpg)
}

.about02 .hd ul li:nth-child(4) {
    background-image: url(../images/about0208.jpg)
}

.about02 .hd ul li .a .p {
    font-size: 18px;
    color: #fff
}

.about03 {
    padding: 65px 0
}

.about03 .hd {
    margin-bottom: 20px
}

.about03 .hd h3 {
    font-size: 30px
}

.about03 .bd ul {
    font-size: 0
}

.about03 .bd li {
    float: left;
    width: 25%;
    margin-bottom: 14px
}

.about03 .bd li:nth-child(1) {
    width: 50%
}

.about03 .bd li a {
    display: block;
    position: relative;
    margin: 0 7px
}

.about03 .bd li:nth-child(1) .img {
    height: 480px
}

.about03 .bd li .img {
    overflow: hidden;
    height: 210px;
    position: relative
}

.about03 .bd li a .img:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(52, 92, 170, .8) url(../images/ico-s.png) no-repeat center;
    background-size: 40px;
    opacity: 0;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: alll 0.3s
}

.about03 .bd li a:hover .img:after {
    opacity: 1
}

.about03 .bd li .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about03 .bd li h3 {
    height: 46px;
    line-height: 46px;
    background-color: #335baa;
    color: #fff;
    text-align: center
}

.about03 .bd li:nth-child(n+6) {
    width: 33.33%
}

.about03 .bd li:nth-child(n+6) .img {
    height: 285px
}

.about03 .bd li.more a {
    display: block;
    height: 330px;
    background-color: #d87947;
    line-height: 330px;
    text-align: center;
    font-size: 30px;
    color: #fff
}

.main-newpage .weap {
    width: 1000px
}

.newpage h1.title {
    text-align: center;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 10px
}

.newpage .info {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px
}

.newpage .info span {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ico-date.png) no-repeat center left;
    padding-left: 20px;
    background-size: 15px;
    color: #666
}

.newpage .conn {
    line-height: 1.8;
    overflow: hidden;
    margin-bottom: 30px
}

.newpage .conn img {
    max-width: 100%;
    height: auto !important
}

.newpage .keywords {
    margin-bottom: 20px
}

.newpage .keywords a {
    color: #355ba9;
    margin-right: 20px;
    text-decoration: underline
}

.prevnext ul {
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.prevnext ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    background-color: #f6f6f6;
    line-height: 90px
}

.prevnext ul li a {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.prevnext ul li a span {
    font-weight: bold;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.prevnext ul li.lista {
    -webkit-box-flex: 0 0 74px;
    -ms-flex: 0 0 74px;
    -webkit-flex: 0 0 74px;
    flex: 0 0 74px;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9
}

.prevnext ul li.lista a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ico-lista.png) no-repeat center;
    background-size: 25px
}

.prevnext ul li.lista a:hover {
    background: url(../images/ico-listah.png) no-repeat center;
    background-size: 25px
}

.prevnext ul li.prev i {
    display: block;
    margin-right: 30px;
    color: #666
}

.prevnext ul li.prev i:before {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: alll 0.3s;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 11px;
    margin-right: 10px;
    background: url(../images/ico-prev01.png) no-repeat left center
}

.prevnext ul li.next i {
    display: block;
    margin-left: 30px;
    color: #666
}

.prevnext ul li.next i:after {
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: alll 0.3s;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    height: 11px;
    margin-left: 10px;
    background: url(../images/ico-next01.png) no-repeat left center
}

.prevnext ul li.prev a:hover i:before {
    transform: translateX(-10px)
}

.prevnext ul li.next a:hover i:after {
    transform: translateX(10px)
}

.hdbar {
    display: none
}

.faqlist .ms {
    margin-bottom: 20px
}

.faqlist .jobTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    padding: 7px 0;
    border-bottom: 1px dashed #eee;
    padding-left: 20px;
    position: relative
}

.faqlist .jobTitle:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    width: 7px;
    height: 10px;
    background: url(../images/q_ico.gif) center no-repeat;
    left: 0;
    top: 14px
}

.faqlist .jobTitle h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-weight: normal
}

.faqlist .jobTitle.activeTitle h3 {
    font-weight: bold
}

.faqlist .jobTitle.activeTitle:before {
    background: url(../images/q_ico1.gif) center no-repeat
}

.faqlist .jobContent {
    background-color: #f6f6f6;
    border-bottom: 1px dashed #eee;
    padding: 7px 20px;
    font-weight: bold;
    display: none
}

.joblist .ms {
    margin-bottom: 20px
}

.joblist .jobTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    cursor: pointer;
    padding: 7px 0;
    border-bottom: 1px dashed #eee;
    padding-left: 20px;
    position: relative
}

.joblist .jobTitle .more img {
    display: block
}

.joblist .jobTitle .date {
    margin: 0 5%
}

.joblist .jobTitle:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    width: 7px;
    height: 10px;
    background: url(../images/q_ico.gif) center no-repeat;
    left: 0;
    top: 14px
}

.joblist .jobTitle h3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-weight: normal
}

.joblist .jobTitle.activeTitle h3 {
    font-weight: bold
}

.joblist .jobTitle.activeTitle:before {
    background: url(../images/q_ico1.gif) center no-repeat
}

.joblist .jobContent {
    background-color: #f6f6f6;
    border-bottom: 1px dashed #eee;
    padding: 7px 20px;
    display: none
}

.joblist .jobContent table th {
    text-align: left;
    padding: 5px;
    font-weight: bold;
    width: 70px
}

.joblist .jobContent table td {
    padding: 5px;
    text-align: left
}

.joblist ul li {
    float: left;
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 5px 0
}

.joblist ul li .t {
    flex: 0 0 80px;
    font-weight: bold
}

.joblist ul li.w100 {
    width: 100%
}

.joblist ul li.w100 {
    display: block
}



.toudilist .ms {
    margin-bottom: 20px;
}

.toudilist .title {
    border-bottom: 1px solid #ccc;
    font-size: 0;
    margin-bottom: 10px
}

.toudilist .title h3 {
    display: inline-block;
    padding: 0 20px;
    border: 1px solid #eee;
    border-bottom: none;
    font-size: 16px
}

.toudilist .th {
    background-color: #ccc;
    font-weight: bold;
    padding: 2px 5px;
    margin-bottom: 10px;
}

.toudilist ul {
    overflow: hidden
}

.toudilist ul li {
    height: 26px;
}

.toudilist .td1 li {
    float: left;
    width: 32.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 1%
}

.toudilist .td1 li .p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.toudilist .td1 li .p .a1 {
    width: 100%;
    height: 26px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 5px
}

.toudilist .td1 li .t {
    flex: 0 0 80px;
    text-align: right
}

.toudilist .td1 li .r {
    color: #F00;
    margin-left: 5px
}

.toudilist .td1 li .dw {
    margin-left: 5px;
}

.toudilist .td2 {
    overflow: hidden;
}

.toudilist .td2 dl {
    float: left;
    width: 23%;
    margin: 0 1%
}

.toudilist .td2 dt {
    text-align: center;
    margin-bottom: 5px
}

.toudilist .td2 .a1 {
    width: 100%;
    height: 26px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 5px
}

.toudilist .td2 dd {
    margin-bottom: 10px
}

.toudilist textarea {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px
}



.toudilist .td4 {
    overflow: hidden;
}

.toudilist .td4 dl {
    float: left;
    width: 18%;
    margin: 0 1%
}

.toudilist .td4 dt {
    text-align: center;
    margin-bottom: 5px
}

.toudilist .td4 .a1 {
    width: 100%;
    height: 26px;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 0 5px
}

.toudilist .td4 dd {
    margin-bottom: 10px
}



.toudilist .yzmli {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 10px
}

.toudilist .yzmli input {
    margin: 0 5px;
    padding: 0 5px;
    height: 26px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.toudilist .yzmli img {
    height: 26px;
}



.bottombox {
    text-align: center
}

.bottombox .btn1 {
    width: 90px;

    height: 36px;

    background: #b06f2b;

    color: #FFF;

    margin-right: 15px;

    border: 0;

    font-weight: bold;
    cursor: pointer
}

.bottombox .btn2 {
    width: 90px;

    height: 36px;

    background: #ADADAD;

    color: #FFF;

    margin-right: 15px;

    border: 0;

    font-weight: bold;
    cursor: pointer
}

.bottombox i {
    color: #F00
}

@media (max-width:1920px) {

    .banner {
        height: 53vw
    }

    .banner .item {
        height: 53vw
    }

    .nbanner {
        height: 23vw
    }

}

@media (max-width:1400px) {

    .index01 .bd li .txt h3 {
        font-size: 21px
    }

    .index01 .bd li .txt .p {
        font-size: 14px
    }

    .index02 .bd li .txt h3 {
        font-size: 25px
    }

    .index02 .bd li .txt .p {
        font-size: 19px
    }

    .index04 .plo h3 {
        font-size: 30px
    }

    .index04 .plo .p {
        font-size: 17px
    }

    .index04 .bd li .txt h3 {
        font-size: 21px
    }

    .index04 .bd li .txt h4 {
        font-size: 21px
    }

}

@media (max-width:950px) {
    .plo {
        margin-bottom: 30px;
        line-height: 1.4
    }

    .plo .title {
        font-size: 26px
    }

    .plo .p {
        font-size: 14px
    }

    .index01 {
        padding-top: 40px;
        margin-bottom: 40px
    }

    .index01 .bd li {
        width: 100%
    }

    .index02 .bd li {
        width: 100%
    }

    .index02 .bd li .txt {
        padding-top: 35px;
        padding-left: 15px
    }

    .index02 {
        margin-bottom: 40px
    }

    .index03 {
        margin-bottom: 40px
    }

    .index03 .bd ul {
        margin: 0 -5px
    }

    .index03 .bd li {
        width: 100%;
        margin-bottom: 10px
    }

    .index03 .bd li:nth-child(1) a {
        height: 70vw
    }

    .index03 .bd li .txt h3 {
        font-size: 16px
    }

    .index03 .bd li:nth-child(1) a .txt {
        left: 10px;
        bottom: 10px;
        right: 10px
    }

    .index03 .bd li:nth-child(3) {
        width: 50%
    }

    .index03 .bd li a {
        height: 30vw;
        margin: 0 5px
    }

    .index03 .bd li:nth-child(3) a .txt {
        left: 10px;
        bottom: 10px;
        right: 10px
    }

    .index03 .bd li.more {
        width: 50%
    }

    .index03 .bd li.more a {
        line-height: 30vw;
        font-size: 16px
    }

    .index04 .weap {
        padding-left: 10px
    }

    .index04 {
        padding-top: 0px;
        padding-bottom: 60px;
        background: none;
        background-size: cover
    }

    .index04 .plo h3 {
        font-size: 26px
    }

    .index04 .plo .p {
        font-size: 14px
    }

    .index04 .bd li:nth-child(1) a {
        height: 70vw
    }

    .index04 .bd li:nth-child(1) {
        width: 100%
    }

    .index04 .bd li {
        width: 50%;
        margin-bottom: 10px
    }

    .index04 .bd li a {
        height: 40vw
    }

    .index04 .bd li .txt h3,
    .index04 .bd li .txt h4 {
        font-size: 16px
    }

    .index04 .bd li .txt {
        left: 10px;
        bottom: 10px
    }

    .path {
        display: none
    }

    .lanmunav {
        transform: translateX(150%);
        transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: alll 0.3s
    }

    .lanmunav.block {
        transform: translateX(0)
    }

    .lanmunav ul {
        font-size: 0;
        float: none;
        text-align: center
    }

    .lanmunav ul li>a {
        padding: 10px 0;
        display: block;
        text-align: left;
        margin-right: 40px
    }

    .lanmunav ul li {
        border-bottom: 1px solid #eee
    }

    .lanmunav ul li.on {
        border-bottom: 1px solid #345ca8
    }

    .lanmunav ul li.on>a {
        border-bottom: 0px solid #345ca8
    }

    .lanmunav ul li {
        margin-right: 0;
        float: none;
        display: block
    }

    .lanmunav ul li.two:after {
        right: 0;
        top: 15px;
        margin-top: 0
    }

    .lanmunav .sub {
        position: static;
        width: auto
    }

    .lanmunav li:hover .sub {
        display: none
    }

    .mclose {
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(../images/ico-mclose.png) no-repeat 10% 10%;
        background-size: 30px
    }

    .mainbox {
        padding: 20px 0
    }

    .caselist ul {
        margin: 0 -5px
    }

    .caselist li {
        width: 50%;
        margin-bottom: 10px
    }

    .caselist li a {
        margin: 0 5px
    }

    .caselist li .title {
        padding: 10px;
        font-size: 16px;
        height: 75px
    }

    .caselist li .img {
        height: 40vw
    }

    .productlist .bd ul {
        margin: 0 -5px
    }

    .productlist .bd li {
        width: 50%;
        margin-bottom: 10px
    }

    .productlist .bd li a {
        margin: 0 5px;
        padding: 5px
    }

    .productlist .bd li .img {
        height: 40vw;
        line-height: 40vw
    }

    .productlist .bd li h3 {
        font-size: 16px
    }

    .productlist .hd {
        height: 44px;
        line-height: 44px;
        padding: 0 10px;
        margin-bottom: 10px
    }

    .productlist .bd li .more span {
        width: 100%;
        margin-top: 10px
    }

    .productindex01 {
        margin-bottom: 50px
    }

    .productindex01 li {
        width: 100%;
        margin-bottom: 40px
    }

    .productindex01 li .eng {
        font-size: 35px
    }

    .productindex01 li .img {
        width: 200px
    }

    .productindex01 li .more {
        margin-top: 5px
    }

    .productindex02 .title {
        font-size: 20px
    }

    .infor_link a {
        padding: 0 10px
    }

    .productpage01 {
        padding: 20px 0
    }

    .productpage01 .ppage01left {
        float: none;
        width: 100%
    }

    .productpage01 .smallimg .a {
        margin: 0 5px;
        height: 70px;
        line-height: 70px
    }

    .productpage01 .ppage01right {
        float: none;
        width: 100%
    }

    .productpage01 .ppage01right h1.title {
        font-size: 16px
    }

    .productpage01 .ppage01right .engtitle {
        font-size: 25px
    }

    .productpage01 .ppage01right .engtitle:after {
        width: 70px
    }

    .productpage01 .tis {
        min-height: 50px;
        margin-bottom: 20px
    }

    .productpage02 .hd ul li {
        margin-right: 20px
    }

    .productpage02 .hd ul li span {
        font-size: 18px;
        height: 50px;
        line-height: 48px
    }

    .productpage02 .hd ul li.on span {
        border-bottom: 2px solid #345baa
    }

    .lanmuplo h3 {
        font-size: 26px
    }

    .lanmuplo h3:after {
        width: 50px;
        height: 2px
    }

    .lanmuplo {
        margin-bottom: 25px
    }

    .service01 .conn {
        font-size: 18px;
        line-height: 2
    }

    .service01 .conn a {
        font-size: 16px
    }

    .service01 li .txt {
        float: none;
        width: 100%;
        padding-top: 0;
        margin-bottom: 10px;
    }

    .service01 li .img {
        float: none;
        width: 100%
    }

    .service01 li .txt h3 {
        font-size: 24px;
        margin-bottom: 5px
    }

    .service01 li .txt .eng {
        margin-bottom: 15px
    }

    .service01 li .txt .p {
        font-size: 15px;
        line-height: 1.8;
        text-align: left
    }

    .service01 li {
        margin-bottom: 20px
    }

    .newpage h1.title {
        font-size: 21px
    }

    .prevnext ul li.prev i {
        margin-right: 0
    }

    .prevnext ul li.next i {
        margin-left: 0
    }

    .prevnext ul {
        height: 60px
    }

    .prevnext ul li {
        line-height: 60px
    }

    .prevnext ul li a {
        justify-content: center
    }

    .prevnext ul li a span {
        display: none
    }

    .newlist li a {
        display: block;
        padding: 0
    }

    .newlist li .img {
        width: 100%;
        margin-bottom: 10px
    }

    .newlist li .txt {
        padding: 10px
    }

    .newlist li .more {
        display: none
    }

    .newlist li .txt h3 {
        font-size: 16px
    }

    .newlist li .txt .p {
        -webkit-line-clamp: 2
    }

    .newlist li {
        margin-bottom: 10px
    }

    .imgss {
        position: relative
    }

    .layout01 .cover {
        position: static;
        width: 100%
    }

    .layout01 .cover .box {
        padding: 15px
    }

    .layout01 .cover .box dt {
        font-size: 21px;
        margin-bottom: 15px
    }

    .layout01 .cover .box .text {
        font-size: 16px;
        margin-top: 20px
    }

    .layout01 .cover .box dd {
        font-size: 14px
    }

    .layout01 .cover .box dd span {
        font-size: 20px
    }

    .layout01 .imgs .dot_box .dot {
        transform: scale(.5)
    }

    .layout01 {
        margin-bottom: 40px
    }

    .layout02 .hd h3 {
        font-size: 24px
    }

    .layout02 .hd {
        margin-bottom: 20px
    }

    .layout02 .bd .slick-arrow {
        top: -40px
    }

    .layout02 .bd .item a {
        margin: 0 5px
    }

    .layout02 .bd {
        margin: 0 -5px
    }

    .layout02 .bd .item .img {
        height: 30vw
    }

    .layout02 .bd .item .txt {
        padding: 10px;
        font-size: 16px
    }

    .layout01 .hd {
        font-size: 22px;
        margin-bottom: 10px
    }

    .about01 {
        display: block
    }

    .about01 .img {
        width: 100%
    }

    .about01 .txtbox {
        width: 100%;
        padding: 20px 10px
    }

    .about01 .txtbox h3 {
        font-size: 24px;
        background-size: auto 28px;
        padding-left: 35px;
        margin-bottom: 20px
    }

    .about02 .bd .txt {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .about02 .bd .imgs {
        float: none;
        width: 100%
    }

    .about02 .bd .imgs .slick-arrow {
        width: 36px;
        height: 36px
    }

    .about02 .hd ul li .a .p {
        font-size: 16px
    }

    .about02 .hd {
        margin-top: 10px
    }

    .about02 .bd .txt h3 {
        font-size: 22px
    }

    .about02 .bd .txt h3 a {
        font-size: 22px
    }

    .about02 {
        padding-top: 40px
    }

    .about03 .hd h3 {
        font-size: 26px
    }

    .about03 {
        padding: 40px 0
    }

    .about03 .bd ul {
        margin: 0 -5px
    }

    .about03 .bd li {
        width: 50%;
        margin-bottom: 10px
    }

    .about03 .bd li a {
        margin: 0 5px
    }

    .about03 .bd li:nth-child(1) {
        width: 100%
    }

    .about03 .bd li:nth-child(1) .img {
        height: 50vw
    }

    .about03 .bd li .img {
        height: 30vw
    }

    .about03 .bd li:nth-child(n+6) .img {
        height: 30vw
    }

    .about03 .bd li:nth-child(n+6) {
        width: 50%
    }

    .about03 .bd li.more {
        width: 100%
    }

    .about03 .bd li.more a {
        font-size: 16px;
        height: 40px;
        line-height: 40px
    }

    .imglist .hd {
        line-height: 44px;
        height: 44px;
        padding: 0 10px;
        margin-bottom: 20px
    }

    .imglist .bd li {
        width: 50%
    }

    .imglist .bd li a {
        margin: 0 5px;
        padding-bottom: 0
    }

    .imglist .bd ul {
        margin: 0 -5px
    }

    .imglist .bd li .img {
        height: 30vw
    }

    .imglist .bd li {
        margin-bottom: 10px
    }

    .imglist .item {
        margin-bottom: 20px
    }

    .imglist .bd li h3 {
        font-size: 15px
    }

    .contact02 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .contact02 .bd li {
        float: none;
        width: auto;
        margin-bottom: 10px
    }

    .contact02 .bd .libox {
        margin: 0;
        padding: 10px 15px
    }

    .contact02 .bd ul {
        margin: 0
    }

    .contact03 {
        padding: 20px 0
    }

    .contact03 .mbd {
        display: block
    }

    .contact04 {
        padding-top: 20px;
        padding-bottom: 40px
    }

    .contact03 .bd .txt {
        font-size: 14px;
        position: static;
        width: auto;
        padding: 10px;
        margin-bottom: 20px
    }

    .contact03 .bd {
        height: auto;
        background: none
    }

    .contact03 .bd .img {
        padding: 0;
        width: 80%;
        margin: 0 auto
    }

    .contact03 .bd .img img {
        width: 100%
    }

    .main-productpage {
        padding-top: 0
    }

    .hdbar {
        display: block;
        height: 45px;
        line-height: 45px;
        background-color: #355ba9;
        color: #fff;
        padding: 0 10px;
        position: relative
    }

    .hdbar h3 a{
        color: #fff;
        font-size:12px;
 
    }
    .hdbar .mmenu {
        width: 40px;
        position: absolute;
        z-index: 23;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(../images/ico-listab.png) no-repeat center;
        background-size: 50%
    }

    .lanmunav {
        position: fixed;
        z-index: 999;
        right: 0;
        bottom: 0;
        top: 55px;
        left: 0;
        background: rgba(0, 0, 0, .5)
    }

    .lanmunav .box {
        width: 70%;
        right: 0;
        top: 0;
        background-color: #fff;
        position: absolute;
        z-index: 2;
        bottom: 0;
        margin-bottom: 0 !important
    }

}

@media (max-width:766px) {
    .banner .slick-dots {
        bottom: 10px
    }

    .bannerbox .ewm {
        width: 130px;
        right: 10px;
        bottom: 10px
    }

    .banner .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px
    }

    .numlist li {
        margin: 0 5vw;
        margin-bottom: 10px
    }

    .numlist li .num {
        font-size: 28px;
        height: 50px;
        line-height: 50px
    }

    .numlist li .ico {
        margin-bottom: 5px
    }

    .numlist li .ico img {
        height: 55px
    }

    .numlist li .num.wz {
        font-size: 14px
    }



    .toudilist .td1 li {
        width: 98%
    }



    .toudilist .td4 dl {
        width: 31.33%
    }

    .toudilist .td4 dl:nth-child(4) {
        width: 64.66%
    }

    .bottombox span {
        display: block;
        margin-top: 20px
    }

    .toudilist .ms {
        font-size: 13px;
        line-height: 1.6
    }



    .joblist .jobTitle {
        display: block;
        overflow: hidden
    }

    .joblist .jobTitle h3 {
        clear: both;
        margin-bottom: 5px;
    }

    .joblist .jobTitle .date {
        float: left;
        margin: 0;
    }

    .joblist .jobTitle .more {
        float: right
    }

    .joblist ul li {
        width: 100%
    }

    .joblist ul li .t {
        text-align: right
    }

    .joblist ul li.w100 {
        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;
    }

    .joblist ul li.w100 .t {
        text-align: left;
        flex: 0 0 80px;
    }

}



/*新首页*/

.index1 {
    padding: 90px 0;
   /*background: url(../images/index1bg.jpg) no-repeat center;*/
    background-size: cover
}

.plo .eng {
    font-size: 20px;
    font-weight: bold;
    color: #005baa;
    margin-bottom: 20px
}

.plo .p {
    font-size: 20px
}

.plo .p span {
    font-size: 16px;
    display: block;
    line-height: 1.6
}



.index1 .bd {
    position: relative;
    z-index: 2
}

.index1 .bd li {
    float: left;
    width: 33.33%;
    border-right: 4px solid #fff;
}

.index1 .bd li:last-child {
    border-right: none
}

.index1 .bd li a {
    display: block;
    margin: 0 2px;
    position: relative;
    height: 555px;
}

.index1 .bd li .img {
    overflow: hidden;
    position: relative;
    display: none
}

.index1 .bd li .img:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(102, 102, 102, .4)
}

.index1 .bd li .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
    opacity: 1
}

.index1 .bd li .img img.h {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    opacity: 0
}

.index1 .bd li a:hover .img img {
    opacity: 0;
}

.index1 .bd li a:hover .img img.h {
    opacity: 1;
}



.index1 .bd li .txt {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 50%;
    text-align: center;
    color: #fff;
    transform: translateY(-50%)
}

.index1 .bd li .txt h3 {
    font-size: 30px;
    display: inline-block;
    position: relative
}

.index1 .bd li .txt h3:after {
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 5px;
    height: 10px;
    background-color: #004d8f
}

.index1 .bd li a:hover .txt h3:after {
    opacity: 1
}



.index1 .bdbox {
    position: relative;
    height: 550px;
}

.index1 .hd {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.index1 .hd ul {
    width: 100% !important;
    height: 100% !important
}

.index1 .hd li {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important
}

.index1 .hd li .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.index1 .hd li .img:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(102, 102, 102, .4)
}

.index1 .hd li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.index2 {
    padding: 50px 0;
}

.index2 .bd ul {
    font-size: 0;
}

.index2 .bd ul li {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-size: 26px;
    width: 20%
}

.index2 .bd ul li .num {
    font-size: 36px;
    color: #045baa;
    font-weight: bold
}

.index2 .bd ul li .num i {
    font-size: 22px
}



.index3 {
    padding: 110px 0;
    position: relative
}

.index3 .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.index3 .bg:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4)
}

.index3 .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index3 .weap1 {
    position: relative;
    z-index: 3
}

.index3 .txt {
    text-align: center;
    color: #fff
}

.index3 .txt h3 {
    font-size: 38px;
    margin-bottom: 30px
}

.index3 .txt .p {
    font-size: 16px;
    line-height: 2;
}

.index3 .txt .p span {
    display: block
}

.index3 .txt .more {
    margin-top: 65px
}

.index3 .txt .more a {
    display: inline-block;
    background-color: #fff;
    height: 52px;
    line-height: 52px;
    width: 142px;
    color: #1463b0;
}

.index3 .txt .more i {
    font-family: "宋体";
    font-weight: bold;
    margin-left: 10px
}

.index3 .txt .more a:hover {
    background-color: #1463b0;
    color: #fff
}



.index4 {
    padding: 90px 0
}

.plo .line {
    width: 56px;
    height: 4px;
    margin: 0 auto;
    background-color: #1564b1
}

.index4 .bd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.index4 .bd ul li {
    transition: all 0.3s;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    cursor: pointer
}

.index4 .bd ul li .a {
    display: block;
    height: 580px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin: 0 2px;
    overflow: hidden
}

.index4 .bd ul li .a:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4)
}

.index4 .bd ul li .a .txt {
    position: absolute;
    z-index: 3;
    padding: 60px 30px;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background: url(../images/index4bg.png) no-repeat center top;
    background-size: 100%;
    transform: translateY(110%);
    transition: all 0.3s;
    color: #333
}

.index4 .bd ul li .a .txt h3 {
    font-size: 16px
}

.index4 .bd ul li:hover {
    flex: 40%
}

.index4 .bd ul li:hover .a .txt {
    transform: translateY(0);
}

.index4 .bd ul li .title {
    position: absolute;
    z-index: 2;
    bottom: 60px;
    left: 10px;
    right: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    opacity: 1
}

.index4 .bd ul li:hover .title {
    opacity: 0;
}



.index5 {
    padding: 0px 0;
    background: url(../images/index1bg.jpg) no-repeat center;
    background-size: cover
}

.index5 .bdslick {
    width: 100%
}

.index5 .hd {
    text-align: center;
    margin-bottom: 50px
}

.index5 .hd li {
    display: inline-block;
    vertical-align: top;
    margin: 0 40px
}

.index5 .hd li span {
    display: block;
    font-weight: bold;
    height: 50px;
    padding: 0 38px;
    background-color: #fff;
    color: #005caa;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer
}

.index5 .hd li span:hover,
.index5 .hd li.on span {
    background-color: #005caa;
    color: #fff
}

.index5 .bd .abox {
    display: block;
    background-color: #fff;
    margin: 0 15px;
    padding: 50px 25px;
    position: relative;
    padding-bottom: 25px;
    border-bottom: 5px solid #fff;
}



.index5 .bd .item {
    width: 25%;
    float: left
}

.index5 .bd .item .img {
    overflow: hidden;
    height: 251px;
    margin: 0 -25px;
}

.index5 .bd .item .img img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.index5 .bd .abox .news {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background-color: #e7e7e7;
    font-size: 13px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 0 0 10px 0
}

.index5 .bd .abox .title h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px
}

.index5 .bd .abox .title {
    margin-bottom: 10px
}

.index5 .bd .abox .p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333
}

.index5 .bd .abox .info {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.index5 .bd .abox .info .date {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.index5 .bd .abox .info .arrow {
    width: 36px;
    height: 36px;
    background-color: #d2d2d2;
    line-height: 36px;
    color: #fff;
    text-align: center;
    font-family: "宋体";
    font-weight: bold;
    border-radius: 50%
}

.index5 .bd .abox:hover {
    border-bottom: 5px solid #1564b1;
}

.index5 .bd .abox:hover .news {
    background-color: #1564b1;
    color: #fff
}

.index5 .bd .abox:hover .arrow {
    background-color: #1564b1;
}

.index5 .bd .slick-dots {
    margin-top: 40px;
    text-align: center
}

.index5 .bd .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-color: #dbdbdb;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 15px
}

.index5 .bd .slick-dots .slick-active {
    background-color: #025caa
}

.index5 .bd .slick-dots button {
    display: none
}



.index6{ padding:90px 0}
.index6 .bd li{ width:10%; float:left; text-align:center; margin-bottom:20px}
.index6 .bd li .a{ display:block; height:92px; font-size:0; line-height:92px;}
.index6 .bd li .a img{ display:inline-block; vertical-align:middle; max-height:90%; max-width:90%}

@media (max-width:950px) {

    .index1 {
        padding: 40px 0
    }

    .plo .p {
        font-size: 14px
    }

    .plo .p span {
        font-size: 14px
    }

    .plo .eng {
        font-size: 18px;
        margin-bottom: 10px
    }

    .index1 .hd {
        display: none !important;
    }

    .index1 .bdbox {
        height: auto
    }

    .index1 .bd li {
        width: 100%;
        margin-bottom: 10px
    }

    .index1 .bd li a {
        height: auto
    }

    .index1 .bd li .img {
        height: 50vw;
        display: block
    }

    .index1 .bd li .txt h3 {
        font-size: 21px
    }

    .index2 {
        padding: 40px 0
    }

    .index2 .bd ul {
        text-align: center
    }

    .index2 .bd ul li .num {
        font-size: 22px
    }

    .index2 .bd ul li .num i {
        font-size: 15px
    }

    .index2 .bd ul li {
        width: 33.33%;
        margin-bottom: 10px
    }

    .index2 .bd ul li {
        font-size: 14px
    }

    .index2 .bd ul li:last-child {
        width: 40%
    }

    .index2 .bd ul li:last-child .num {
        font-size: 22px;
    }

    .index3 {
        padding: 50px 0
    }





    .index3 .bg img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }

    .index3 .txt h3 {
        font-size: 27px;
    }

    .index3 .txt .p {
        font-size: 14px;
        line-height: 1.6;
        text-align: justify;
        text-indent: 2em;
        padding: 0 20px
    }

    .index3 .txt .p span {
        display: inline
    }

    .index3 .txt .more a {
        height: 38px;
        line-height: 38px;
        width: 120px
    }

    .index3 .txt .more {
        margin-top: 40px
    }

    .index4 {
        padding: 40px 0
    }

    .index4 .bd ul {
        overflow: hidden;
        display: block
    }

    .index4 .bd ul li {
        margin-bottom: 5px
    }

    .index4 .bd ul li .a {
        height: 70vw
    }

    .index4 .bd ul li .a .txt {
        padding: 30px 10px
    }

    .index4 .bd ul li .title {
        bottom: 30px
    }

    .index4 .bd ul li .a .txt {

        transform: translateY(0);

    }

    .index4 .bd ul li .title {

        opacity: 0;

    }

    .index5 {
        padding: 40px 0
    }

    .index5 .hd li {
        margin: 0
    }

    .index5 .hd li span {
        padding: 0 10px;
        font-size: 14px;
        height: 40px;
        line-height: 40px
    }

    .index5 .bd .item .img {
        height: 57vw
    }

    .index5 .bd .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 10px
    }

    .index5 .bd .slick-dots {
        margin-top: 20px
    }

    .index5 .bd .abox {
        margin: 0
    }

    .index5 .bd .abox .info .arrow {
        width: 28px;
        height: 28px;
        line-height: 28px
    }


.index6{ padding:40px 0}
.index6 .bd li{ width:25%; margin-bottom:10px; float:none; display:inline-block; vertical-align:top;}
.index6 .bd li .a{ height:10vw; line-height:10vw}
.index6 .bd ul{ font-size:0; text-align:center}

    .lanmunav .sub a {
        line-height: 40px;
        width: 100%;
        text-align: left;
    }
}

/*20250913修改*/
.index0913 .index1{ padding-top:0 !important; padding-bottom:0 !important}
.index0913 .index2{ padding-top:0 !important}
.index0913 .index2 .bd ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.index0913 .index2 .bd ul li{ width: auto !important}
.index0913 .about01 .p{ font-size:16px; line-height:2}
.index0913 .about01 .p p{ text-indent:2em;}

.index0913 .about01{ padding-bottom:40px}
.index0913 .index5{ padding-bottom:60px;}
.index0913 .index6{ padding-top:0}


.main-about .plo{ background-color:#345dac; padding:15px 0;}
.main-about .plo h3{ color:#fff; margin-bottom:0}

.about001{ margin-bottom:26px}
.about001 .img{ overflow:hidden; height:36.4vw;}
.about001 .img img{ display:block; width:100%; height:100%;    object-fit: cover;}
.about001 .bd{ background-color:#335baa; padding-top:35px; padding-bottom:35px;}
.about001 .bd .title{ text-align:center; color:#fff; font-size:34px; margin-bottom:10px}
.about001 .bd .p *{ line-height:2.2; font-size:16px !important; color:#fff}
.about001 .bd .p a{font-size:16px !important; color:#fff}

.main-about .about02{ padding:0;}
.main-about .about02 .plo{ margin:0}
.main-about .about02 .weap{ padding-top:65px; padding-bottom:65px;}
.main-about .about03{ padding-top:0}
@media (max-width:950px) {
.index0913 .index2 .bd ul{ display:block}
.index0913 .index2 .bd ul li{ margin:1vw 2vw}

.main-about .plo h3{ font-size:18px}
.about001 .bd .title{ font-size:21px}
.about001 .bd .p *{ font-size:14px !important; line-height:1.6}
.main-about .about02 .plo{ padding:15px 0}
.main-about .about02 .weap{ padding-top:40px; padding-bottom:40px}
}