@charset "UTF-8";

@font-face {

    font-family: 'BROWNSTD';

    src: url('../fonts/BROWNSTD.html');

url('../fonts/BROWNSTD-REGULAR.html') format('woff2'),

url('../fonts/BROWNSTD-BOLD.html') format('truetype'),

url('../fonts/BROWNSTD-BOLD-2.html') format('svg');

}


@media (min-width: 768px) {

    html {

        font-size: 28px !important;

    }

}

@media (min-width: 1025px) {


    ::-webkit-scrollbar {

        width: 6px;

        height: 6px;

    }


    ::-webkit-scrollbar-track {

        background: #fff;

    }


    ::-webkit-scrollbar-thumb {

        background: #666666;

        /*border-radius: 4px;*/

    }


    ::-webkit-scrollbar-thumb:window-inactive {

        background: #666666;

    }


    ::-webkit-scrollbar-thumb:vertical:hover {

        background: #666666;

    }

    html {

        font-size: 30px !important;

    }

    body {

        -ms-overflow-style: scrollbar;

    }

}

@media (min-width: 1440px) {

    html {

        font-size: 34px !important;

    }

}

@media (min-width: 1680px) {

    html {

        font-size: 40px !important;

    }

}

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

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    cursor: pointer;
    color: #000;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #0B95DCFF;
}

dl, ul, ol, menu, li {
    list-style: none
}

/* 重置类表前导符号为onne,menu在HTML5中有效 */

body {
    font-size: .36rem;
}

a img {
    border: 0 none;
}

em, i {
    font-style: normal;
}

h3, h4, h5, h6 {
    font-weight: normal;
}


.dis-flex-center-center {
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    justify-content: center;
}

.dis-flex-between-center {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dis-flex-center {
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
}

.dis-flex-between {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between
}

.dis-flex {
    display: -webkit-flex; /* Safari */
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.line-clamp {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp2 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp3 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp4 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-height2-4 {
    line-height: 2.4;
}

.line-height2-6 {
    line-height: 2.6;
}

.line-height3 {
    line-height: 3;
}

.opacity8 {
    opacity: 0.7;
}

.color-red {
    color: #c5271d;
}

.color-white {
    color: white;
}

.color-black {
    color: black;
}

.color-666 {
    color: #666;
}

.color-888 {
    color: #888;
}

.color-555 {
    color: #555;
}

.color-999 {
    color: #999;
}

.bg-f5 {
    background-color: #f5f5f5;
}

.bg-f0 {
    background-color: #f0f1f5;
}

.bg-fa {
    background: #fafafa;
}

.bg-red {
    background-color: #c5271d;
}

.bg-white {
    background-color: white;
}

.bg-black {
    background-color: black;
}

.bg-666 {
    background-color: #666;
}

.bg-888 {
    background-color: #888;
}

.bg-555 {
    background-color: #555;
}

/* 重置表单样式 */

select::-ms-expand {
    display: none;
}

input, select, textarea {

    box-shadow: none;

    outline: none;

    border: none;

    border-radius: 0;

    -ms-appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    padding: 0;

}

textarea {

    resize: none;

}

select::-ms-expand {
    display: none;
}

/* 更改placeholder颜色 */

input::-webkit-input-placeholder {

    color: #888;

}

input:-moz-placeholder {

    color: #888;

}

input::-moz-placeholder {

    color: #888;

}

input:-ms-input-placeholder {

    color: #888;

}


textarea::-webkit-input-placeholder {

    color: #888;

}

textarea:-moz-placeholder {

    color: #888;

}

textarea::-moz-placeholder {

    color: #888;

}

textarea:-ms-input-placeholder {

    color: #888;

}


/*body{

    overflow: hidden;

}*/
.conview {
    width: 90%;
    margin: 0 auto;
}

.view {
    width: 90%;
    margin: 0 auto;
    height: 90px;
}

header {
    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 30;

    transition: all .3s;
    background: #ffffff;
}

.header-wrap {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    height: 90px;
}

header .logo {
    float: left;
    width: 8.5rem; /* margin-top: .6rem; */
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
}

header .logo1,
header .logo2 {

    position: relative;

}

header .logo img {

    width: 99%;

    display: block;

}

header .logo .logo2 {

    display: none;

}

header .logo .logo-text {

    position: absolute;

    left: 0;

    top: 0;

}

.pc-nav {
    float: right;
    padding-right: 2rem;

}

.pc-nav li {
    display: inline-block;

    *display: inline;
    zoom: 1;
    margin-left: 1.5rem;
    position: relative;
}

.pc-nav li:first-child {

    margin-left: 0;

}

.pc-nav .tit {

    display: block;

    height: 90px;

    line-height: 90px;

    color: #000000;

    font-size: 18px;

    transition: all .3s;
    font-weight: 600;

}

/* .pc-nav li .tit:before{

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 4px;

    background-color: #00949c;

    transition: all .3s;

} */

.pc-nav li .navson {

    position: absolute;

    left: 50%;

    margin-left: -1.625rem;

    top: 3.15rem;

    width: 3.25rem;

    /* border: 1px solid #e5e5e5; */

    /* border-top: 3px solid #00949c; */

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

    background: #fff;

    opacity: 0;

    filter: alpha(opacity=0);

    visibility: hidden;

    border-radius: 6px;

    transition: all .3s;

}

.pc-nav li .navson a {

    display: block;

    height: 1.25rem;

    line-height: 1.25rem;

    font-size: .35rem;

    color: #666;

    border-bottom: 1px solid #e5e5e5;

    /* padding: 0 .6rem; */

    text-align: center;

    transition: all .3s;

}

.pc-nav li .navson a:first-child {

    border-radius: 6px 6px 0 0;

}

.pc-nav li .navson a:last-child {

    border-bottom: none;

    border-radius: 0 0 6px 6px;

}

.pc-nav li.cur .tit {

    color: #0B95DCFF;

}

/* .pc-nav li.cur .tit:before{

    width: 100%;

} */
.pc-nav ul li.on a {
    color: #0B95DCFF;
}

.pc-nav ul li {
    transition: all 0.6s;
    position: relative;
}

.pc-nav ul li:hover a {
    color: #0B95DCFF;
}

.pc-nav ul li::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: #0B95DCFF;
}

.pc-nav ul li:hover::after {
    width: 100%;
    transition: all 0.6s;
}

.pc-nav ul li.on::after {
    width: 100%;
}

.m-nav {

    display: none;

}

.header-right {
    float: right;
    margin-left: 1.25rem;
    transition: all .3s;
    display: flex;
    align-content: center; /* line-height: 90px; *//* position: absolute; */
    top: 0;
    bottom: 0;
    height: 100%; /* position: absolute; */
}

.header-right .item {
    *display: inline;
    zoom: 1;
    margin-left: 1rem;
    vertical-align: middle;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header-right .item span {
    display: inline-block;
    font-size: 18px;
    height: .5rem;
    line-height: .5rem;
    margin-left: .2rem;
    font-weight: 600;
}

.header-right .item:first-child {
    margin-left: 0;
    border-right: 1px solid #dcdcdc;
    padding-right: 1rem;
    font-weight: 600;
}

.header-right .icon {

    display: inline-block;

    width: .45rem;

    height: .45rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

}

.header-right .search-btn {

    background-image: url('../images/search-btn.png');

}

.header-right .lang {

    background-image: url('../images/lang.png');

}

.header-right .lang-sub {

    position: absolute;

    left: 50%;

    top: 65px;

    padding-top: .3rem;

    transform: translateX(-50%);

    width: 3rem;

    padding-top: .5rem;

    display: none;


}

.header-right .lang-sub .sub {

    border-radius: 6px;

    background-color: #fff;

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

    overflow: hidden;

}

.header-right .lang-sub .sub a {

    display: block;

    height: 1.25rem;

    line-height: 1.25rem;

    text-align: center;

    color: #666;

    font-size: .38rem;

    color: #666;

    border-bottom: 1px solid #e5e5e5;

    transition: all .3s;

}

.header-right .lang-sub .sub a:hover {
    color: #0b95dc;
    background: #fff;
}

.header-right .search-box {

    display: none;

}


.search-box {

    position: fixed;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 100;

    background-color: #fff;

    display: none;

}

.pub-close {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    width: .6rem;

    height: .6rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    top: 2.25rem;

}

.search-top {

    border-bottom: 1px solid #e5e5e5;

    padding: .9rem 0;

}

.search-top .search {

    position: relative;

    width: 94%;

    float: left;

}

.search-top .search input[type=text] {

    width: 85%;

    height: 1rem;

    line-height: 1rem;

    background-color: transparent;

    padding-left: 1.25rem;

    font-size: .65rem;

    color: #000;

    box-sizing: border-box;

    background-repeat: no-repeat;

    background-position: left center;


    font-size: .5rem;

    float: left;

}

.search-top .search input[type=submit] {

    float: right;

    width: 3rem;

    height: 1rem;

    font-size: .35rem;

    color: #fff;

    background-color: #0b95dc;

    border-radius: 4px;

}

.search-top .search-close {

    float: right;

    width: 1rem;

    height: 1rem;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    background-image: url('../images/search-close.png');

}

.search-box .enter-box h3 {

    font-size: .6rem;

    line-height: 1.75rem;

    color: #000;

}

.search-box .enter-box .list .item {

    font-size: 0;

}

.search-box .enter-box .list .item:nth-child(2n+1) {

    background-color: #f1f1f1;

}

.search-box .enter-box .list .item a {

    display: inline-block;

    *display: inline;

    zoom: 1;

    color: #666;

    line-height: 1.75rem;

    font-size: .38rem;

    transition: all .2s;

}

.search-wrap .search-top {

    padding: 0;

}

/* header end */


.banner .m-box {

    display: none;

    position: relative;

}

.banner .pc-box {

    height: 100%;

    height: 100vh;

    overflow: hidden;

    position: relative;

}

.banner .swiper-slide .img {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.banner .ban-video {

    background-color: #000;

}

.banner .swiper-slide {

    overflow: hidden;

}

.banner .swiper-slide video {

    position: absolute;

    right: 0;

    top: 50%;

    width: 115%;

    transform: translateY(-50%);

    background-color: #000;

}

.banner .btns {

    /* display: none; */

    position: absolute;

    left: 0;

    bottom: 3rem;

    width: 100%;

    text-align: center;

    font-size: 0;

    z-index: 3;

}

.banner .btns .swiper-pagination-bullet {

    width: 12px;

    height: 12px;

    border-radius: 100%;

    background-color: #fff;

    display: inline-block;

    *display: inline;

    zoom: 1;

    margin: 0 5px;

}

.banner .btns .swiper-pagination-bullet-active {

    background-color: #0B95DCFF;

}

.banner .text-box {

    position: absolute;

    left: 0;

    top: 46.3%;

    width: 100%;

}

.banner .text-box .tit {
    font-weight: 600;

    font-size: 1.6rem;

    line-height: 1.7rem;

    color: #fff;

}

.banner .text-box .col {

    overflow: hidden;

}

.col .split {

    display: inline-block;

    *display: inline;

    zoom: 1;

}

.banner .text-box .sub-tit {

    font-size: 1rem;

    line-height: 1.1rem;

    color: #fff;

    margin-top: .6rem;

}

.banner .block {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}


.index-about-box {
    background: #f8f8f8;
    padding: 1.5rem 0 0;
    box-sizing: border-box;
    position: relative;
}

.index-about-box .info {
    padding-left: 5%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.index-about-box .info .text {
    position: relative;
    background: #ffffff;
    padding: 2rem;
    width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.index-about-box .info .text .left {
    width: 45%;
    padding-right: 4rem;
    position: relative;
    z-index: 2;
}

.index-about-box .info .text .left h2 {
    color: #333333;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    font-weight: normal;
}

.index-about-box .info .text .left h3 {
    color: #333333;
    font-size: .75rem;
    margin-bottom: 1rem;
    font-weight: normal;
    line-height: 2;
}

.index-about-box .info .text .left .more {
    transition: all 0.6s;
    background: #0B95DCFF;
    box-shadow: 0 0 10px 0 rgba(219, 56, 49, .5);
    width: 4rem;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    border-radius: 30px;
    margin-top: 4rem;
}

.index-about-box .info .text .left .more a {
    color: #ffffff;
    font-size: .38rem;
    display: block;
}

.index-about-box .right {
    width: 55%;
    padding-left: 2rem;
    position: relative;
    z-index: 2;
}

.index-about-box .num-box {
    margin-bottom: 1.5rem;
    margin-top: .5rem;
    display: flex;
    justify-content: space-between;
}

.index-about-box .num-box .item {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 1rem;
    position: relative;
    vertical-align: top;
}

.index-about-box .info .text .left .more:hover {
    width: 5rem;
}

.index-about-box .num {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-family: 'BROWNSTD';
    font-weight: normal;
    color: #0B95DCFF;
}

.index-about-box .num i {
    color: #0B95DCFF;
    font-size: .38rem;
}

.index-about-box .year {
    font-size: .35rem;
    color: #555555;
    margin-left: .2rem;
}

.index-about-box .right .p p {
    font-size: .36rem;
    line-height: 2.5;
    color: #555555;
}

.index-about-box .info::before {
    position: absolute;
    content: "";
    right: 0;
    width: 50%;
    height: 100%;
    background: #ffffff;
}

.bigtit {
    position: absolute;
    bottom: -1rem;
    height: 8rem;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    color: #fafafa;
    z-index: 0;
}

.index-about-box .ab-img {
    background: no-repeat center top;
    height: 10rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    margin-left: 5%;
}

.index-title {
    padding: 1.2rem 0;
    box-sizing: border-box;
}

.index-title .t1 {
    color: #333333;
    font-size: 1rem;
}

.index-title .t2 {
    display: flex;
    margin-top: .3rem;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}

.index-title .t2 p {
    color: #333333;
    font-size: .42rem;
}

.index-title .t2 span {
    color: #333333;
    font-size: .38rem;
    transition: all 0.6s;
    display: inline-block;
    border-bottom: 2px solid #585858;
    padding-bottom: .5rem;
}

.index-title .t2 span img {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom;
    margin-left: .7rem;
}


.index-pro-box {
    position: relative;
    z-index: 1;
}

.index-pro-box::before {
    background: url(../images/wavs.gif) no-repeat left bottom;
    z-index: 0;
    position: absolute;
    content: "";
    left: 0;
    bottom: -2rem;
    width: 100%;
    height: 35%;
    background-size: contain;
    opacity: .5;
    display: none;
}

.index-pro-list {
    padding: 2rem 0;
    background: url(../images/pro-bg1.jpg) no-repeat right top;
    position: relative;
    background-size: contain;
}

.index-pro-list .item a {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.index-pro-list .item .txt {
    width: 45%;
    padding-right: 2rem;
    box-sizing: border-box;
}

.index-pro-list .item .txt h3 {
    color: #333333;
    font-size: 1rem;
    font-weight: normal;
}

.index-pro-list .item .txt span {
    display: block;
    background: #585858;
    height: 3px;
    width: 1rem;
    margin: 1rem 0 1.5rem;
}

.index-pro-list .item .txt p {
    color: #666666;
    font-size: .4rem;
    line-height: 2.2;
    min-height: 4rem;
    overflow: hidden;
}

.index-pro-list .item .img {
    width: 55%;
    display: flex;
    justify-content: flex-end;
}

.index-pro-list .item .img img {
    display: block;
    max-width: 100%;
}

.index-pro-list .item .more {
    transition: all 0.6s;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem 0 .4rem;
    box-sizing: border-box;
    background-image: linear-gradient(90deg, #db3931, #fb884b);
    width: 4rem;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    border-radius: 30px;
    margin-top: 5rem;
}

.index-pro-list .item .more i {
    font-size: .38rem;
    color: #ffffff;
}

.index-pro-list .item .more img {
    height: .8rem;
    width: .8rem;
}

.index-pro-list .item .more:hover {
    width: 5rem;
}


.propage {
    display: flex;
    justify-content: flex-end;
    padding-right: 3.5rem;
    box-sizing: border-box;
    padding-top: 1rem;
}

.propage .probtton {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px dashed #ffffff;
    margin: 0 .5rem;
    cursor: pointer;
    transition: all 0.6s;
}

.propage .propre {
    background: url(../images/propre.png) no-repeat center center;
}

.propage .pronext {
    background: url(../images/pronext.png) no-repeat center center;
}

.propage .probtton:hover {
    background: #ffffff;
    border: 1px solid #ffffff;
}

.propage .probtton.propre:hover {
    background: #ffffff url(../images/propre-on.png) no-repeat center center;
}

.propage .probtton.pronext:hover {
    background: #ffffff url(../images/pronext-on.png) no-repeat center center;
}

.index-field-box {
    position: relative;
    z-index: 1;
    background: url(../images/caseBg.jpg) no-repeat center center;
    padding-bottom: 2rem;
}

.index-title2 {
    padding: 1.2rem 0;
    box-sizing: border-box;
}

.index-title2 {
    text-align: center;
    color: #333333;
    font-size: 1rem;
}

.index-title2 .t2 {
    margin-top: .6rem;
    color: #333333;
    font-size: .42rem;
}

.index-title2 span {
    display: block;
    height: 3px;
    background: #0B95DCFF;
    margin: .6rem auto;
    width: 1rem;
}


.gongcheng .swiper-container {
}

/*.gongcheng .swiper-slide{ width: 1000px;}*/
.gongcheng .swiper-slide .nihao {
    transition: 0.2s;
    padding-bottom: 2rem;
    margin-bottom: .2rem;
    position: relative;
}

.gongcheng .swiper-slide .nihao .tupian img {
    width: 100%;
}

.gongcheng .swiper-slide .nihao .neirong {
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    left: 80px;
    bottom: 0;
    background: #fff;
    width: 55%;
    padding: .8rem;
    z-index: 10;
    transition: all .3s ease-in-out;
    opacity: 0;
}

.gongcheng .swiper-slide .nihao .neirong .text {
    font-size: .7rem;
    margin-bottom: .5rem;
}

.gongcheng .swiper-slide .nihao .neirong .word {
    margin: 10px 0 0px;
    font-size: .36rem;
    line-height: 2.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.gongcheng .swiper-slide .nihao .neirong .liaojie {
    display: flex;
    flex-direction: row;
}

.gongcheng .swiper-slide .nihao .neirong .liaojie a {
    position: relative;
    font-size: .36rem;
    display: block;
    width: 5rem;
    padding: 0 1rem;
    text-align: right;
    line-height: 40px;
    border: 1px solid #000;
}

.gongcheng .swiper-slide .nihao .neirong .liaojie a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 25px;
    background: #000;
    height: 1px;
    transition: all .3s ease-in-out;
}

.gongcheng .swiper-slide .nihao .neirong .liaojie:hover a:before {
    background: #fff;
}

.gongcheng .swiper-slide .nihao .neirong .liaojie:hover a {
    color: #fff;
    background: #0B95DCFF;
    border: 1px solid #0B95DCFF;
    margin-left: 10px;
}

.gongcheng .swiper-slide-active .nihao .neirong {
    opacity: 1;
}

.gongcheng .swiper-container .tianjia {
    width: 1000px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -500px;
    z-index: 101;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.gongcheng .swiper-container .tianjia .dongcent {
    width: 200px;
    position: relative;
    height: 40px;
    margin-right: 1rem;
}

.gongcheng .swiper-button-next, .gongcheng .swiper-button-prev {
    position: absolute;
    bottom: 0;
    top: auto;
    transition: all .3s ease-in-out;
    z-index: 110;
    color: #000;
    background-size: .42rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23636364'%2F%3E%3C%2Fsvg%3E");
}

.gongcheng .swiper-button-prev {
    left: 0;
    transform: rotate(180deg);
}

.gongcheng .swiper-button-next {
    left: auto;
    right: 0;
}

.gongcheng .swiper-button-next:after, .gongcheng .swiper-button-prev:after {
    font-size: 20px
}

.gongcheng .swiper-pagination {
    left: 15%;
    right: 15%;
    width: auto;
    text-align: right;
    font-size: 18px;
}

.gongcheng .swiper-pagination:before {
    content: '';
    position: absolute;
    left: 0;
    width: 65%;
    height: 2%;
    background: #aaa;
    top: 50%;
    margin-top: -1px;
    opacity: 0.7;
}

.gongcheng .swiper-slide .nihao:hover .neirong {
    bottom: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.gengduo {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.gengduo a {
    display: inline-block;
    width: 5.2rem;
    border-radius: 5px;
    height: 1.3rem;
    line-height: 1.3rem;
    background: #0B95DCFF;
    color: #fff;
    font-size: .4rem;
    transition: all .3s ease-in-out;
}

.gengduo a:hover {
    background: #0B95DCFF;
    color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(219, 56, 49, 0.5);
}


.tab-lanmu {
    margin-left: 2rem;
}

.tab-lanmu li {
    cursor: pointer;
    transition: all 0.6s;
    display: inline-block;
    font-size: .5rem;
    color: #333333;
    margin: 0 1rem;
}

.tab-lanmu li.on {
    color: #0B95DCFF;
    font-size: .5rem;
}

.tab-lanmu li:hover {
    color: #0B95DCFF;
    font-size: .5rem;
}


.index-news-box {
    padding-bottom: 2rem;
    position: relative;
}

.index-news-box .index-title {
    border: none;
}

.index-news-box .index-title .left {
    align-items: center;
}

.index-news-box .news-list {
    flex-wrap: wrap;
}

.index-news-box .news-list .item {
    width: 23%;
    transition: all 0.6s;
    margin-left: 2%;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
}

.index-news-box .news-list .item .img {
    overflow: hidden;
    position: relative;
}

.index-news-box .news-list .item .img::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    background: url(../images/n-bg.png) no-repeat bottom;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.index-news-box .news-list .item .img .date {
    position: absolute;
    font-size: .36rem;
    z-index: 2;
    color: #ffffff;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .5rem;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.index-news-box .news-list .item .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.index-news-box .news-list .item .txt {
    padding: .5rem;
    box-sizing: border-box;
}

.index-news-box .news-list .item .txt h3 {
    color: #000000;
    font-size: .44rem;
    margin-bottom: .5rem;
}

.index-news-box .news-list .item .txt p {
    color: #666666;
    font-size: 15px;
    line-height: 1.8; /* height: 45px; */
}

.index-news-box .news-list .item .txt span {
    position: relative;
    display: block;
    z-index: 1;
    background: #ffffff;
    transition: all 0.6s;
    height: 1.2rem;
    border-radius: 5px;
    overflow: hidden;
    font-size: .36rem;
    line-height: 1.2rem;
    color: #000000;
    margin-top: .5rem;
}

/*.index-news-box .news-list .item:first-of-type {
    margin-left: 0;
}*/

.index-news-box .news-list .item .txt span::after {
    position: absolute;
    z-index: -1;
    content: "";
    left: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    transition: all 0.6s;
    background: #0B95DCFF;
}

.index-news-box .news-list .item:hover .txt span::after {
    width: 100%;
}

.index-news-box .news-list .item:hover .txt span {
    color: #ffffff;
    text-align: center;
}

.index-news-box .news-list .item:hover {
    /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);*/
}

.index-news-box .news-list {
    display: none;
}

.index-news-box .news-list.on {
    display: flex;
}


.footer {
    background: #26262b;
    overflow: hidden;
    position: relative;
}

.footer .box {
    padding: 1.2rem 0 2rem;
    box-sizing: border-box;
}

.footer .erweima {
    width: 3.5rem;
}

.footer .erweima img {
    display: block;
    width: 100%;
}

.footer .erweima p {
    margin-top: .2rem;
    text-align: center;
    color: #ffffff;
    font-size: .38rem;
}

.footer .ftnav {
    flex: 2;
    box-sizing: border-box;
}

.footer .ftnav li {
    width: 33.333%;
}

.footer .ftnav li h3 {
    color: #ffffff;
    font-size: .48rem;
    margin-bottom: .7rem;
}

.footer .ftnav li a {
    display: block;
    width: 100%;
    line-height: 2.3;
    font-size: .38rem;
    color: #666666;
}

.footer .ad {
    flex: 2;
}

.footer .ad h3 {
    color: #ffffff;
    font-size: .46rem;
    margin-bottom: .7rem;
}

.footer .ad p {
    font-size: .38rem;
    color: #666666;
    line-height: 2.3;
}

.footer .bottom {
    padding: .7rem 0;
    color: #666666;
    box-sizing: border-box;
    border-top: 1px solid #3c3c41;
}

.footer .bottom .ftlogo img {
    height: .7rem;
}

.footer .bottom a {
    color: #666666;
}


/*内页*/
.nybanner {
    background: #000;
    height: 600px;
    text-align: center;
    margin-top: 2.2rem;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.bannerbg {
    background-color: #000;
    background: no-repeat center/cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation: pic_m 3s ease;
    -webkit-animation: pic_m 3s ease;
}

@keyframes pic_m {
    0% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}


.nieban {
    margin-top: 1rem;
    height: 8rem;
    position: relative;
}

.searchban {
    margin-top: 2.2rem;
    height: 10rem;
}

.searchban h2 {
    font-size: 1.2rem;
    font-weight: normal;
    letter-spacing: 2px;
}

.searchban .main {
    padding-top: 2rem;
}

.nieban .main {
    position: absolute;
    left: 0;
    bottom: 10vh;
}

.nieban ul {
    height: 1.2rem;
}

.nieban ul a {
    flex: 1;
    text-align: center;
    border-right: 1px solid #e6e6e6;
}

.nieban ul a:last-child {
    border-right: none;
}

.nieban ul a:hover {
    color: #0B95DCFF;
}

.serchtop {
    padding: .8rem;
    z-index: 5;
    margin-top: -.9rem;
    background: #fafafa;
}

.serchtop h2 {
    color: #333333;
    font-size: .6rem;
    font-weight: normal;
    margin-bottom: .5rem;
}

.serchtop .two {
    margin-top: .2rem;
    font-size: .38rem;
}

.serchtop .input {
    height: 1.3rem;
    width: calc(100% - 360px);
    padding-left: .3rem;
    border: 1px solid #eeeeee;
    font-size: 16px;
}

.serchtop .btn {
    height: 1.3rem;
    width: 160px;
    font-size: 18px;
    cursor: pointer;
}

.searchbot {
    margin-bottom: 2rem;
}

.searchbot .tit {
    margin: 1rem 0;
    font-size: .5rem;
}

.searchbot ul {
    box-shadow: 0 0 .2rem rgba(0, 0, 0, 0.15);
    margin-bottom: 2rem;
}

.searchbot ul a {
    padding: 1rem;
    border-bottom: 1px solid #e5e5e5;
}

.searchbot ul a span {
    width: 80%;
    font-size: .42rem;
}

.searchbot ul a:hover span {
    color: #0B95DCFF;
}

.serviceback {
    width: 160px;
    line-height: 1.3rem;
    display: block;
}

.serviceback .w {
    position: relative;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
}

.serviceback .f {
    background: #fff;
    padding: 0 30px;
    color: #333;
}

.serviceback .t {
    position: absolute;
    background-color: #0B95DCFF;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    left: 0;
    color: #fff;
    top: -50px;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.serviceback:hover .w {
    -webkit-transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg);
    transform: translateY(25px) translateZ(-25px) rotate3d(1, 0, 0, -90deg);
}

.neilanmu {
    margin-bottom: 1rem;
}

.neilanmu .list {
    background: #f0f0f0;
    width: 55%;
    margin: -31px auto 0;
    height: 62px;
    position: relative;
    z-index: 10;
    line-height: 62px;
    border-radius: 35px;
    overflow: hidden;
    justify-content: space-between; /* font-size: 20px; */
}

.neilanmu .list .item {
    text-align: center;
    width: 50%; /* font-size: 20px; */
}

.neilanmu .list .item a {
    color: #333333;
    font-size: .42rem;
    display: block;
    font-size: 20px;
}

.neilanmu .list .item.on {
    background: #0B95DCFF;
}

.neilanmu .list .item.on a {
    color: #ffffff;
    font-weight: bold;
}

.pagemain .index-news-box {
    padding-bottom: 1.2rem;
}

.pagenews {
    background: #f8f8f8;
    padding: 1.2rem 0;
    box-sizing: border-box;
}

.pagenews .list li {
    transition: all 0.6s;
    background: #ffffff;
    margin-bottom: 1rem;
    padding: 1rem;
    box-sizing: border-box;
    width: 49%;
}

.pagenews .list li .tit {
    color: #333333;
    font-weight: 400;
    font-size: 18px;
}

.pagenews .list li .line {
    display: block;
    width: 1rem;
    margin: 1rem 0;
    height: 1px;
    background: #0B95DCFF;
}

.pagenews .list li .txt {
    color: #888888;
    font-size: 15px;
    line-height: 2;
}

.pagenews .list li .t3 {
    margin-top: 1rem;
}

.pagenews .list li .t3 .more {
    color: #333333;
    text-transform: uppercase;
}

.pagenews .list li .t3 .more img {
    display: inline-block;
    margin-left: .2rem;
    height: .5rem;
}

.pagenews .list li .t3 span {
    color: #333333;
    font-size: .36rem;
}

.pagenews .list li:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    transform: translateY(10px);
}

.pagemain .index-news-box .news-list {
    display: flex;
}


/*分页样式*/
.pglist {
    padding: .5rem 0;
    width: 100%;
    text-align: center;
    clear: both;
}

.pglist a {
    color: #333;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    margin: 0 6px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
}

.pglist a.close {
    background: #f2f2f2 !important;
}

.pglist * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    padding-bottom: 1px;
}

.pglist a:hover, .pglist .hover {
    display: inline-block;
    color: #fff;
    background: #c5261d;
    border-color: #c5261d;
}

.position-relative {
    position: relative;
}

.pglist input {
    border: 1px solid #e0e0e0;
    border-radius: 30px;
    margin: 0 6px;
    width: 55px;
    padding: 0 8px;
    text-align: center;
    color: #c5261d;
}

.pglist button {
    color: #c5261d;
    border: 1px solid #c5261d;
    padding: 0 22px;
    margin: 0 6px;
    border-radius: 30px;
    background: none;
}

.pglist button:hover {
    color: #fff;
    background: #c5261d;
    border: 1px solid #c5261d;
}

.pglist .page {
    width: auto;
    padding: 0 .5rem;
    border-radius: 30px;
}


.newsdes-bg {
    background: url(../images/news-des.jpg) no-repeat center top;
    background-size: cover;
    padding: 2rem 0;
    margin-top: 2.2rem;
}

.newsdes-bg .text h1 {
    color: #ffffff;
    font-weight: bold;
    font-size: 1rem;
    letter-spacing: 2px;
}

.newsdes-bg .text a {
    color: #ffffff;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsdes-bg .text a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
}

.newsdes-box {
    background: #f8f8f8;
    padding-bottom: 2rem;
}

.newsdes-box .info {
    background: #ffffff;
    padding: 2rem;
    box-sizing: border-box;
    margin-top: -1rem;
    position: relative;
    z-index: 3;
    border-radius: 8px;
}

.newsdes-box .info .top {
    padding-bottom: .5rem;
    border-bottom: 1px solid #e5e5e5;
}

.newsdes-box .info .top .date {
    color: #0B95DCFF;
    font-size: .36rem;
    margin-bottom: .2rem;
}

.newsdes-box .info .top .tit {
    color: #000000;
    font-size: .8rem;
    line-height: 2.5;
}

.newsdes-box .info .des {
    padding: 1rem 0;
}

.newsdes-box .info .des p {
    font-size: .38rem;
    color: #666666;
    line-height: 2.5;
    margin-bottom: 1rem;
}

.newsdes-box .info .des img {
    display: block;
    margin: 0 auto;
    margin-bottom: 1rem;
    max-width: 100%;
}

.Deatilpage {
    padding: 1.2rem 0 0;
    border-top: 3px solid #0B95DCFF;
}

.Deatilpage .item .date {
    color: #0B95DCFF;
    font-size: .5rem;
    margin: .6rem 0;
}

.Deatilpage .item {
    width: 48%;
}

.Deatilpage .item h3 {
    color: #666666;
    font-size: .5rem;
}

.Deatilpage .item p {
    color: #666666;
    font-size: .5rem;
}

.Deatilpage .item:nth-child(2) {
    text-align: right;
}


/*巧燕*/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}

dl, ul, ol, menu, li {
    list-style: none
}

fieldset, img {
    border: 0 none
}

/* 重置fieldset（表单分组）、图片的边框为0*/
dl, ul, ol, menu, li {
    list-style: none
}

/* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {
    quotes: none
}

/* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

/* 重置嵌套引用*/
input, select, textarea, button {
    vertical-align: middle;
    resize: none;
    -webkit-appearance: none !important;
    outline: none;
    border: none;
    background: transparent;
}

/* 重置表单控件垂直居中*/
button {
    cursor: pointer
}

/* 重置表单button按钮效果 */

address, caption, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal
}

/* 重置样式标签的样式 */
caption {
    display: none;
}

/* 重置表格标题为隐藏 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置table属性 */
img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle;
}

/* 图片在当前行内的垂直位置 */
a img {
    border: 0 none;
}

em, i {
    font-style: normal;
}

h3, h4, h5, h6 {
    font-weight: normal;
}

.font-weight {
    font-weight: bold;
}

.a-text-center {
    text-align: center;
}

.a-color-666 {
    color: #6666;
}

.a-color-888 {
    color: #888;
}

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

.a-color-white {
    color: #fff;
}

.a-color-red {
    color: #0B95DCFF;
}

.a-bg-red {
    background: #0B95DCFF;
}

.a-bg-white {
    background: #fff;
}

.a-line-height2-5 {
    line-height: 2.5;
}

.a-f18 {
    font-size: 0.6rem;
}

.a-f20 {
    font-size: 0.5rem;
}

.a-f22 {
    font-size: 0.6rem;
}

.a-f26 {
    font-size: 0.65rem;
}

.a-f30 {
    font-size: .7rem;
}

.a-f40 {
    font-size: 1rem;
}

.a-f50 {
    font-size: 32px;
}

.a-16 {
    font-size: 20px;
}

.a-14 {
    font-size: 16px;
}

.a-w80 {
    width: 80%;
    margin: 0 auto;
}

.a-w65 {
    width: 65%;
    margin: 0 auto;
}

.a-transition {
    transition: all .36s;
}

.a-img {
    position: relative;
    overflow: hidden;
    padding: 10%;
}

.a-img img {
    transition: all 1s;
    width: 100%;
    float: left;
}

.a-line-height {
    line-height: 2;
}

.a-line-clamp {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.a-line-clamp2 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.a-line-clamp3 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.a-w50 {
    width: 50%;
}

.a-wmax {
    width: 100%;
}

.a-hmax {
    height: 100%;
}

.flex-column {
    flex-direction: column;
}

img {
    max-width: 100%;
}

.a-nieban {
    margin-top: 2.2rem;
}

.a-produstlist {
    margin-bottom: 1rem;
}

/*.a-produstlist .txt {
    width: 60%;
    padding: 1.5rem 0;
    align-items: flex-start;
    margin-left: 2rem;
    box-sizing: border-box;
}*/
.a-produstlist .txt {
    position: absolute;
    align-items: flex-start;
    padding: 19% 5% 0;
    box-sizing: border-box;
}

.a-produstlist .txt .left {
}

.a-produstlist .txt .left .a-line {
    width: 10%;
    height: 2px;
    background: #0B95DCFF;
    margin: 1rem 0 .75rem;
}

.a-produstlist .txt .right {
}

.a-produstlist .txt .right .a-commonlink {
    margin-top: 1.25rem;
    width: 4.5rem;
    line-height: 1.1rem;
    background: #0B95DCFF;
    color: #fff;
    padding: 0 0.8rem;
}

.a-produstlist .txt .right .a-commonlink:hover {
    box-shadow: 0 0 10px rgba(219, 56, 49, 0.5);
    border-radius: 15px 0;
    width: 5rem;
}

.a-produstlist li .a-img:hover img {
    transform: scale(1.1);
    webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.a-produstlist li .a-img {
    width: 40%;
}

.a-produstlist li .a-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.a-produstlist li {
    margin-top: 2rem;
}

.a-proInfo {
    margin-top: 2.2rem;
}

.a-proInfo .a-img {
    width: 50%;
}

.a-proInfo .txt {
    width: 50%;
    padding: 0 10% 0 1.7rem;
    background: #f8f8f8;
}

.a-proInfo .txt .a-info {
    line-height: 2.75;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1.25rem 0;
    margin: .7rem 0;
    white-space: pre-line;
}

.a-proInfo .txt a {
    width: 4.5rem;
    line-height: 1.3rem;
    box-shadow: 0 0 10px rgba(219, 56, 49, 0.5);
    margin-top: 1rem;
}

.a-proInfo .txt a:hover {
    color: #fff;
    box-shadow: 0 0 20px rgba(219, 56, 49, 0.8);
    width: 5rem;
    border-radius: 15px 0;
}

.a-procon {
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    margin-top: 1.2rem;
    margin-bottom: 1rem;
}

.a-procon .a-title {
    border-bottom: 1px solid #e5e5e5;
}

.a-procon .a-title b {
    display: inline-block;
    position: relative;
    padding: 0.6rem 0;
    border-bottom: 2px solid #0B95DCFF;
}

.a-procon-info {
    padding: 1rem;
}

.a-about-class {
    background: #f0f0f0;
    height: 62px;
    width: 48em;
    margin: -31px auto 0;
    z-index: 9;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}

.a-about-class a {
    height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.9);
    flex: 1; /* width: 200px; */
}


.a-about-class a.cur {
    background: #0B95DCFF;
    color: #fff;
}

.a-about-introduce {
    background: url(../images/a-about-introduce-bg.jpg) no-repeat center bottom;
    background-size: 100% auto;
    padding-bottom: 1.5rem;
}

.logo-img {
    margin: 1.5rem 0;
}

.a-aboutNum .item .num {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-family: 'BROWNSTD';
    font-weight: normal;
    color: #0B95DCFF;
    position: relative;
}

.a-aboutNum .item .jia::after {
    display: inline-block;
    content: '+';
    position: absolute;
    top: -40%;
    right: -0.5rem;
    font-size: 0.7rem;
}

.a-aboutNum .item .year {
    font-size: .35rem;
    color: #555555;
    margin-left: .2rem;
}

.a-aboutNum {
    padding: 1.5rem 0;
}

.a-Culture {
    background: url(../images/CultureBg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 2.25rem; /* height: 17rem; */
}

.aboutTile {
    font-size: 1rem;
}

.aboutdesc {
    margin-top: 15px;
}

.a-Culture-ul {
    position: relative;
    z-index: 10;
    top: 50px;
    position: relative;
}

.a-Culture-ul li {
    flex: 1;
    border-right: 1px solid #e5e5e5;
    padding: 1.4rem 15px;
}

.a-Culture-ul li .a-f30 {
    margin: 0.8rem auto
}

.a-honor {
    background: url(../images/honorBg.jpg) no-repeat center center;
    background-size: cover;
    padding: 4rem 0 1.5rem;
}

.a-honor .a-honorImg {
    margin-top: 1.5rem;
}

.a-honorImg .swiper-slide {
    transform: scale(0.6);
}

.a-honorImg .swiper-slide-prev {
    transform: scale(0.8) translateX(-.8rem);
}

.a-honorImg .swiper-slide-next {
    transform: scale(0.8) translateX(.8rem);
}

.a-honorImg .swiper-slide-active {
    transform: scale(1);
}

.a-honorImg .swiper-slide p {
    display: none; /* margin-top: 1rem; */
}

.a-honorImg .swiper-slide-active p {
    display: block;
    font-size: 16px;
}

.a-honorPage {
    border: 1px solid #0B95DCFF;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    position: absolute;
    left: 30%;
    bottom: 0rem;
    z-index: 10;
    background: url(../images/honorPage.png) no-repeat center center;
    background-size: 18% auto;
    cursor: pointer;
}

.a-honorPage.swiper-next {
    right: 30%;
    left: auto;
    transform: rotate(180deg);
}

.a-honorPage:hover {
    background: url(../images/honorPage-white.png) no-repeat center center #0B95DCFF;
    background-size: 18% auto;
}

.a-history {
    background: url(../images/historyBg.jpg) no-repeat center center;
    background-size: cover;
    padding: 2rem 0 2.5rem 0;
}

.historyswiper {
    margin-top: 1.5rem;
    line-height: 2.2;
}

.historyswiper .img, .historyswiper .txt {
    width: 50%;
}

.historyswiper .txt {
    padding: 1rem;
}

.a-position-relative {
    position: relative;
}

.a-historyPage {
    border: 1px solid #0B95DCFF;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    position: absolute;
    left: 16%;
    bottom: 45%;
    z-index: 100;
    background: url(../images/honorPage-white.png) no-repeat center center #0B95DCFF;
    background-size: 18% auto;
    z-index: 10;
    cursor: pointer;
}

.a-historyPage.swiper-next {
    right: 16%;
    left: auto;
    transform: rotate(180deg);
}

.a-historyPage:hover {
    background: url(../images/honorPage.png) no-repeat center center #fff;
    background-size: 18% auto;
}

.historyswiper .swiper-slide {
    opacity: 0.2;
}

.historyswiper .swiper-slide-active, .historyswiper .swiper-slide-duplicate-active {
    opacity: 1;
}

.standard {
    background: url(../images/standardBg.jpg) no-repeat center center;
    background-size: cover;
    height: 11.25rem;
    margin-top: 1.2rem;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding-right: 2.45rem;
    background-size: 100% !important;
}

.standard .flex-column {
    align-items: flex-end;
}

.standard .a-line {
    background: #fff;
    width: 30px;
    height: 3px;
    margin: 0.8rem 0;
}

.joblist {
    margin-top: 1rem;
    padding-bottom: 60px;
}

.joblist .a-list {
    border: 1px solid #eeeeee;
    margin-top: 1rem;
}

.joblist .a-list .itemlen {
    width: 28%;
    padding: .6rem 0 .6rem 1rem;
}

.joblist .a-list .item {
    width: 18%;
    padding: .6rem 0 .6rem 1rem;
}

.joblist .a-con img {
    margin-left: 0.5rem;
}

.joblist .a-tit {
    background: #f5f5f5;
    font-size: 0.46rem;
}

.joblist .a-con {
    border-bottom: 1px solid #eee;
    transition: all .5s;
}

.joblist .a-con .a-info {
    border: 1px solid #eee;
    padding: 1rem;
    text-align: left;
    display: none;
    white-space: pre-line;
}

.joblist .a-info dl {
    align-self: flex-start;
    line-height: 2;
    margin-bottom: .5rem;
}

.joblist .a-info dt {
    width: 20%;
}

.joblist .a-info dd {
    line-height: 2;
}

.joblist .a-con img {
    transform: rotate(180deg);
    webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .36s;
    width: 0.8rem;
}

.joblist .a-con.cur {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

/*transform: scale(1.1); */
.joblist .a-con.cur .a-info {
    display: block;
}

.joblist .a-con.cur img {
    transform: rotate(0);
    webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.a-team .a-tit {
    padding: 1.5rem 0;
}

.mapbox {
    height: 13.7rem;
    margin-top: 2.9rem;
}

.mapboxtit {
    position: absolute;
    width: 5rem;
    height: 2.5rem;
    top: -1.25rem;
    right: 2rem;
}

.addrebox {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 1rem 0;
    margin: 1rem 0;
}

.addrebox .a-f22 {
    margin-top: 0.5rem;
}

.a-map {
    width: 0.75rem;
}

.a-message {
    width: 8.25rem;
}

.contanttype .left {
    width: 70%;
    flex: 1;
    padding-right: 2rem;
    box-sizing: border-box;
}

.contanttype .left figure .a-f22 {
    margin-top: .5rem;
}

.contanttype .right img {
    width: 3.75rem;
}

.contactgbook {
    background: url(../images/contactgbookbg.png) no-repeat center left 7% #f8f8f8;
    background-size: 43% auto;
    margin-top: 1rem;
}

.mt50 {
    margin-top: 1rem;
}

.contactgbook .left {
    width: 50%;
}

.contactgbook .left .tit {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%);
}

.contactgbook .right {
    width: 50%;
    padding: 1.5rem;
}

.contactgbook .right .input {
    height: 1.5rem;
    line-height: 1.5rem;;
    width: 100%;
    padding: 0 0.62rem;
    margin: 0.375rem 0 0.75rem;
    background: #fff;
}

.contactgbook .right .textarea {
    line-height: 1.5rem;;
    width: 100%;
    padding: 0 0.62rem;
    margin: 0.375rem 0 0.75rem;
    background: #fff;
}

.contactgbook .right .submit {
    height: 1.5rem;;
    width: 100%;
    margin: 0.375rem 0 0.75rem;
    border-radius: 0.75rem;
}

#yglist {
    margin-bottom: 2rem;
}

.a-about-introduce .a-w65 p {
    margin-bottom: .5rem;
}


.Retrieve * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.Retrieve {
    position: fixed;
    top: 0 !important;
    left: 0;
    z-index: 12000;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

.Retrieve #close_b, .Design #close_c, .Design #close_d {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
}

.Retrieve #close_b em, .Design #close_c em, .Design #close_d em {
    border: 3px #fff solid;
    background: rgba(0, 0, 0, 0.5);
    display: block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
    font-size: 20px;
}

.Retrieve #close_b em:hover, .Design #close_c em:hover, .Design #close_d em:hover {
    background: #0B95DCFF
}

.Retrieve .sszs {
    width: 450px;
    padding: 30px 30px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -225px;
    margin-left: -225px;
    box-sizing: border-box;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.Retrieve .sszs .nrong {
    overflow: hidden;
}

.Retrieve .sszs .nrong .tit {
    width: 100%;
    font-size: 22px;
    font-weight: bold;
}

.Retrieve .sszs .nrong .pop {
    width: 100%;
    color: #666;
    font-size: 14px;
    padding: 10px 0;
}

.Retrieve .sszs .nrong .pop span {
    color: #288567;
}

.Retrieve .sszs .nrong .xieru {
    width: 100%;
    overflow: hidden;
}

.Retrieve .sszs .nrong .xieru .item {
    margin-top: 15px;
}

.Retrieve .sszs .nrong .xieru .text {
    width: 100%;
    box-sizing: border-box;
    border: 1px #e0e0e0 solid;
    padding: 0 10px 0 30px;
    height: 50px;
    line-height: 50px;
    background: #f5f6f9;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

.Retrieve .sszs .nrong .tijiao {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.Retrieve .sszs .nrong .tijiao input.sub {
    width: 100%;
    border: none;
    width: 100%;
    background: #0B95DCFF;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    transition: 300ms;
    border-radius: 3px;
    cursor: pointer;
}

.Retrieve .sszs .nrong .tijiao input.sub:hover {
    background: #000000
}

.Retrieve .sszs .nrong .xieru span {
    width: 150px;
    line-height: 100%;
    background: #0B95DCFF;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

#honor2 {
    padding: 2rem 0 2rem;
}

.header-right > div:nth-child(4) {
    display: none;
}

header {
    border-bottom: 1px solid rgb(238, 238, 238);
}

/* banner */
.sw00out {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 2;
    overflow: hidden;
}

#sw00 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#sw00 .swiper-slide {
    overflow: hidden;
}

#sw00 .slideinner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#sw00 .slideinner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.sw00out .swiper-pagination {
    font-size: 24px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    width: 180px;
    height: 52px;
    margin-right: 52px;
    left: auto;
    right: 66px;
    bottom: 50px;
    font-family: arial;
}

.sw00out .swiper-pagination-current {
    font-size: 36px;
    margin-right: 10px;
}

.sw00out .swiper-pagination-total {
    font-size: 24px;
}

.sw00out .sw-next,
.sw00out .sw-prev {
    position: absolute;
    right: 66px;
    bottom: 50px;
    width: 50px;
    height: 50px;
    z-index: 11;
    font-size: 0;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.sw00out .sw-prev {
    background: url('../images/lt1.png') center no-repeat;
    margin-right: 232px;
}

.sw00out .sw-next {
    background: url('../images/gt1.png') center no-repeat;
}

.sw00out .sw-prev:hover,
.sw00out .sw-next:hover {
    background-color: #0B95DCFF;
}

.sw00out .sw-fenge {
    position: absolute;
    right: 6.25%;
    bottom: 6%;
    width: 28px;
    height: 42px;
    z-index: 11;
    font-size: 0;
    background: center no-repeat;
    margin-right: 28px;
    display: none;
}

.sw00out .swiper-scrollbar {
    position: absolute;
    left: 6.25%;
    bottom: 6%;
    width: 80px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    margin-left: 52px;
    margin-bottom: 20px;
}

.sw00out .swiper-scrollbar-drag {
    width: 0;
    background-color: #fff;
}

.sw00out .swiper-scrollbar-drag.active {
    -webkit-animation: widthgrow 8s linear 1;
    animation: widthgrow 8s linear 1;
}

@-webkit-keyframes widthgrow {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes widthgrow {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .sw00out .sw-next {
        right: 4%;
        bottom: 3%;
    }

    .sw00out .sw-prev {
        left: 4%;
        right: auto;
        bottom: 3%;
    }

    .sw00out .swiper-pagination {
        right: 4%;
        bottom: 3%;
    }

    .sw00out .swiper-pagination-current {
        font-size: 24px;
    }
}

@media screen and (max-width: 600px) {
    .section.sec11 {
        height: auto !important;
    }

    .sw00out {
        height: auto;
        padding-bottom: 100%;
    }

    .sw00out .swiper-pagination {
        display: none;
    }

    .mouse {
        bottom: 3%;
    }
}

.evwz {
    position: absolute;
    top: 56%;
    left: 12.5%;
    z-index: 2;
    margin-top: -126px;
    -webkit-transition: 1s;
    transition: 1s;
}

.a-Culture-ul .a-text-center img {
    height: 70px;
}

.evwz .txt3 {
    font-size: 18px;
    text-transform: uppercase;
    color: #0B95DCFF;
    margin-bottom: 2px;
    font-family: arial;
    font-weight: 600;
}

.evwz .txt4 {
    font-size: 52px;
    color: #fff;
    font-weight: 600;
    white-space: pre-line;
}

.evwz .txt5 {
    width: 70px;
    height: 5px;
    background: #0B95DCFF;
    margin: 0;
    margin-top: 20px;
}

.evwz .txt6 {
    font-size: 22px;
    color: #fff;
    padding: 30px 0;
    margin: 0;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
    white-space: pre-line;
}

@media screen and (max-width: 1400px) {
    .evwz {
        margin-top: -160px;
    }

}

@media screen and (max-width: 1024px) {
    .evwz {
        margin-top: -90px;
    }

}

@media screen and (max-width: 750px) {
    .evwz {
        left: 5%;
        width: 90%;
        text-align: center;
        margin-top: -50px;
    }

}

@media screen and (max-width: 600px) {
    .evwz {
        margin-top: -50px;
    }

}

.fhuoban {
    width: 100%;
}

.zuopinone {
    position: relative;
    width: 100%;
    margin: 36px auto 0;
    padding: 0 0;
}

.sw22 {
    overflow: hidden;
}

.sw22 .swiper-slide {
    width: 210px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sw22 .swiper-slide .pic {
    width: 100%;
    height: 90px;
    overflow: hidden;
    margin-top: 22px;
    position: relative;
    font-size: 0;
    text-align: center;
    line-height: 90px;
    border-radius: 10px;
    background-color: transparent;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.sw22 .swiper-slide .pic:first-child {
    margin-top: 0;
}

.sw22 .swiper-slide img {
    max-width: 90%;
    max-height: 90%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.sw22 .swiper-slide .pic:hover {
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.sw22 .swiper-slide .pic:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.sw22 .pic:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    border: 4px solid transparent;
    display: none;
}

.sw22 .swiper-slide .pic:hover:before {
    border-color: #0e62a7;
    -webkit-filter: url(#wavy);
    filter: url(#wavy);
}

.zuopinone .swiper-button-prev,
.zuopinone .swiper-button-next {
    width: 30px;
    height: 60px;
    border-radius: 5px;
    margin-top: -30px;
    background-color: #ddd;
    color: #2f66d8;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.zuopinone .swiper-button-prev {
    left: 0;
}

.zuopinone .swiper-button-next {
    right: 0;
}

.zuopinone .swiper-button-prev:hover {
    background-color: #2f66d8;
    color: #fff;
}

.zuopinone .swiper-button-next:hover {
    background-color: #2f66d8;
    color: #fff;
}

.zuopinone .swiper-button-prev:after,
.zuopinone .swiper-button-next:after {
    font-size: 30px;
}

.sw22 .swiper-pagination {
    bottom: 0;
}

.sw22 .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px;
    background-color: #ececec;
    outline: 0 none;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 50%;
}

.sw22 .swiper-pagination-bullet-active {
    background-color: #203b6e;
}

@media screen and (max-width: 750px) {
    .zuopinone .swiper-button-prev,
    .zuopinone .swiper-button-next {
        width: 20px;
        height: 40px;
        margin-top: -20px;
    }

    .zuopinone .swiper-button-prev:after,
    .zuopinone .swiper-button-next:after {
        font-size: 16px;
    }
}

/*.ac .finu, .ac .find{ -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity: 1;
	-o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
.ac .finl, .ac .finr{ -webkit-transform:translateX(0); -moz-transform:translateX(0); opacity: 1;
	-o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.ac .findsc05{ -webkit-transform:translateY(0) scale(1, 1); -moz-transform:translateY(0) scale(1, 1);
	-o-transform:translateY(0) scale(1, 1); -ms-transform:translateY(0) scale(1, 1);
	transform:translateY(0) scale(1, 1); opacity: 1;}
.ac .scl05,.ac .scl01{ -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); transform:scale(1, 1);
  -moz-transform:scale(1, 1); -ms-transform:scale(1, 1); opacity: 1;}
.ac .finrsc05, .ac .finlsc05{ -webkit-transform:translateX(0) scale(1, 1); -moz-transform:translateX(0) scale(1, 1);
	-o-transform:translateX(0) scale(1, 1); -ms-transform:translateX(0) scale(1, 1);
	transform:translateX(0) scale(1, 1); opacity: 1;}*/

.find-1 {
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    opacity: 0;
    -o-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
}

.finu-1 {
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    opacity: 0;
    -o-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
}

.finl-1 {
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    opacity: 0;
    -o-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
}

.finr-1 {
    -webkit-transform: translateX(60px);
    -moz-transform: translateX(60px);
    opacity: 0;
    -o-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
}

.scl01-1 {
    -webkit-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    opacity: 0;
}

.scl05-1 {
    -webkit-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    opacity: 0;
}

.scl09-1 {
    -webkit-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
    opacity: 0;
}

.findsc05-1 {
    -webkit-transform: translateY(60px) scale(0.5, 0.5);
    -moz-transform: translateY(60px) scale(0.5, 0.5);
    -o-transform: translateY(60px) scale(0.5, 0.5);
    -ms-transform: translateY(60px) scale(0.5, 0.5);
    transform: translateY(60px) scale(0.5, 0.5);
    opacity: 0;
}

.finusc05-1 {
    -webkit-transform: translateY(-60px) scale(0.5, 0.5);
    -moz-transform: translateY(-60px) scale(0.5, 0.5);
    -o-transform: translateY(-60px) scale(0.5, 0.5);
    -ms-transform: translateY(-60px) scale(0.5, 0.5);
    transform: translateY(-60px) scale(0.5, 0.5);
    opacity: 0;
}

.finlsc05-1 {
    -webkit-transform: translateX(-60px) scale(0.5, 0.5);
    -moz-transform: translateX(-60px) scale(0.5, 0.5);
    -o-transform: translateX(-60px) scale(0.5, 0.5);
    -ms-transform: translateX(-60px) scale(0.5, 0.5);
    transform: translateX(-60px) scale(0.5, 0.5);
    opacity: 0;
}

.finrsc05-1 {
    -webkit-transform: translateX(60px) scale(0.5, 0.5);
    -moz-transform: translateX(60px) scale(0.5, 0.5);
    -o-transform: translateX(60px) scale(0.5, 0.5);
    -ms-transform: translateX(60px) scale(0.5, 0.5);
    transform: translateX(60px) scale(0.5, 0.5);
    opacity: 0;
}

.op05-1 {
    opacity: 0.5;
}

.ac .finu-1, .ac .find-1 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1;
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.ac .finl-1, .ac .finr-1 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1;
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.ac .finusc05-1, .ac .findsc05-1 {
    -webkit-transform: translateY(0) scale(1, 1);
    -moz-transform: translateY(0) scale(1, 1);
    -o-transform: translateY(0) scale(1, 1);
    -ms-transform: translateY(0) scale(1, 1);
    transform: translateY(0) scale(1, 1);
    opacity: 1;
}

.ac .scl05-1, .ac .scl01-1, .ac .scl09-1 {
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    opacity: 1;
}

.ac .finrsc05-1, .ac .finlsc05-1 {
    -webkit-transform: translateX(0) scale(1, 1);
    -moz-transform: translateX(0) scale(1, 1);
    -o-transform: translateX(0) scale(1, 1);
    -ms-transform: translateX(0) scale(1, 1);
    transform: translateX(0) scale(1, 1);
    opacity: 1;
}

.ac .op05-1 {
    opacity: 1;
}


.bantxt2 {
    position: absolute;
    bottom: 96px;
    left: 0;
    width: 100px;
    height: 30px;
    z-index: 2;
    display: none;
    color: #fff;
    line-height: 30px;
    font-size: 0;
    text-align: center;
    font-family: "Helvetica";
}

.bantxt2 * {
    display: inline-block;
    vertical-align: middle;
}

.bantxt2 span {
    font-size: 16px;
}

.bantxt2 i {
    font-size: 16px;
    font-style: normal;
    margin: 0 4px 0 2px;
}


/* banner结束 */

/* 关于我们 */
.indexsec1 {
    padding: 0 0 100PX;
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
}

.indexsec1 .text {
    width: 48%;
    float: left; /* padding:25px 0 35px 0; */
}

.indexsec1 .text .H4 {
    font-size: 36px;
    color: #c9151e;
    text-transform: uppercase;
    font-weight: bolder;
    font-family: Arial;
}

.indexsec1 .text .bold {
    font-weight: bolder;
}

.indexsec1 .text .thin {
    font-weight: normal;
}

.indexsec1 .text .H5 {
    font-size: 30px;
    color: #313131;
    padding: 25px 0 20px 0;
    position: relative;
}

.indexsec1 .text .p {
    color: #707070;
    line-height: 34px;
    height: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 14px;
}

.more2 {
    display: block;
    width: 163px;
    height: 38px;
    line-height: 38px;
    background-color: #c9151e;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.more2:hover {
    background-color: transparent;
    border: 1px solid #c9151e;
    color: #c9151e;
}

.indexsec1Num {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 40px;
    margin-bottom: 35px;
    border-bottom: 1px solid #e4e4e4;
    background: url(../images/a-text1.png) no-repeat center left;
    background-size: contain;
    display: inline-flex;
}

.indexsec1Num .list {
    font-weight: bolder;
    float: left;
}

.indexsec1Num .list:nth-child(2) {
    margin-left: 8%;
}

.indexsec1Num .big {
    font-size: 74px;
    font-weight: bold;
    color: #c9151e;
    font-family: arial;
    line-height: 58px;
    display: inline-block;
}

.indexsec1Num .small {
    font-weight: normal;
    display: inline-block;
    font-size: 30px;
    color: #c9151e;
    font-family: Arial;
    line-height: 20px;
    margin: 0 20px 0 3px;
    vertical-align: bottom;
}

.indexsec1Num .p2 {
    display: inline-block;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 20px;
    vertical-align: middle;
    font-weight: normal;
    margin-top: 4px;
    margin-left: 4px;
}

.videoR {
    position: absolute;
    top: 0;
    right: 0;
    width: 40.34%; /* padding:0 0 52px 7.81%; */
}

.videoR .pic::after {
    position: absolute;
    content: "";
    left: -80px;
    top: 200px;
    width: 800px;
    height: 540px;
    background: url(../images/p13.png) left bottom no-repeat;
    z-index: -1;
}

.videoR .pic {
    position: relative;
    z-index: 1;
}

.videoR .playBtn {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 37.98%;
    left: -43px;
    cursor: pointer;
    z-index: 1;
}

.videoBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

.videoBox2 {
    width: 50%;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999999;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.videoBox2 .aboutVideo {
    display: block;
    width: 100%;
    min-height: 10px;
    background: #000;
}

.videoBox2 .close3 {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -15px;
    right: -15px;
}

@media screen and (max-width: 1599px) {
    .indexsec1Num .big {
        font-size: 56px;
    }
}

@media screen and (max-width: 1450px) {
    .indexsec1Num .big {
        font-size: 50px;
    }
}

@media screen and (max-width: 1350px) {
    .indexsec1Num .big {
        font-size: 40px;
    }
}

@media screen and (max-width: 1199px) {
    .indexsec1 {
        padding: 60px 0;
    }

    .indexsec1Num .p2 {
        display: block;
    }

    .videoR {
        padding: 0 0 30px 30px;
    }

    .videoR .playBtn {
        width: 60px;
        height: 60px;
        left: 0px;
    }

    .indexsec1 .text .H4 {
        font-size: 28px;
    }

    .indexsec1 .text .H5 {
        font-size: 22px;
    }

    .videoBox2 {
        width: 90%;
    }
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix {
    *zoom: 1;
}

.list i {
    color: #c9151e;
    font-size: 16px;
    position: relative;
    left: 7px;
    top: 5px;
}

/* 关于我们结束 */

/* 产品服务 */
.idx2box1 .conview {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px;
}

.idx2box1 .conview > a {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    box-shadow: 1px 1px 10px 1px rgb(230, 230, 230);
}

.idx2box1 .conview > a:nth-child(2) {
    margin-right: 0;
}

.idx2box1 .conview > a:nth-child(5) {
    margin-right: 0;
}

.idx2box1 .conview > a:nth-child(1) {
    width: 49% !important;
}

.idx2box1 .conview > a:nth-child(2) {
    width: 49% !important;
}

.idx2box1 .item {
    display: block;
}

.idx2box1 .imgbox {
    overflow: hidden;
}

.idx2box1 .imgbox img {
    transition: all .5s cubic-bezier(.23, 1, .38, 1);
}

.idx2box1 .item .infobox {
    background: #fff;
    padding: 30px 70px 30px 35px;
    display: flex;
    align-items: center;
}

.idx2box1 .item .infobox .h1 {
    font-size: 18px;
    color: #333;
    transition: all .5s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
}

.idx2box1 .item .infobox .h2 {
    font-size: 15px;
    color: #999;
    margin-top: .1rem;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.idx2box1 .item .infobox .more {
    font-size: .16rem;
    font-family: "DIN";
    color: #313131;
    position: relative;
    z-index: 0
}

.idx2box1 .item .infobox .more img {
    width: 48px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: -35px;
    transition: all .5s ease
}

.idx2box1 .item .infobox .more img.after {
    opacity: 0
}

.idx2box1 .item .infobox .more .txt {
    position: relative;
    z-index: 2;
    font-size: 15px;
    font-family: arial;
}

.idx2box1 .item .infobox .more:after {
    content: "";
    height: .26rem;
    width: .3rem;
    right: 0;
    top: 50%;
    margin-top: -.13rem;
    background: #fff;
    position: absolute;
}

.weui-cell {
    padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.weui-cell_primary {
    min-width: 1px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.weui-cell__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 10px; /* width: 78%; */
}

.weui-cell__ft {
    text-align: right;
    color: #999999;
}

.weui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.weui-flex__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.imgbox {
    overflow: hidden;
}

.imgbox img {
    float: left;
    width: 100%;
}

.idx2box1 .item:hover .infobox .more img.before {
    transform: translateX(5px);
    opacity: 0
}

.idx2box1 .item:hover .infobox .more img.after {
    transform: translateX(5px);
    opacity: 1
}

.idx2box1 .item:hover .h1 {
    color: #0B95DCFF
}

.idx2box1 .item:hover .imgbox img, .idx2box2 .item:hover .imgbox img {
    transform: scale(1.1) translateZ(0);
}

.idx2box1 {
    padding-bottom: 30px;
}

.hidePro {
    overflow-y: auto;
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: 25px;
    border-bottom: none;
    border-top: none;
    background: rgba(255, 255, 255, 0.9);
    z-index: 99;
    box-sizing: border-box;
    border-left: 1px solid rgb(100, 100, 100);
    border-right: 1px solid rgb(100, 100, 100);
    display: none;
    border-radius: 6px;
}

.hidePro a {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
}

.hidePro a:hover {
    color: rgb(173, 129, 63);
}

.devideApply {
    cursor: pointer;
    position: relative;
    margin-left: 45px;
    font-size: 15px;
}

.hidePro {
    display: none;
    padding: 10px 0;
    border: 1px solid #333;
    background: #fff;
    position: absolute;
}

.hidePro a {
    font-size: 14px;
    color: #333;
    transition: all 0.4s;
    cursor: pointer;
    padding: 6px;
    text-align: center;
}

.hidePro a:hover {
    color: rgb(11, 149, 220);
}

.ftlogo {
    display: flex;
    align-items: center;
}

.index-news-box .news-list .item .txt span {
    transition: all 0.5s;
}

#honor {
    padding-bottom: 2rem;
}

#honor2 .swiper-container .swiper-slide img {
    padding-bottom: 2rem;
}

.joblist .a-text-center > img {
    margin-top: 15px;
}

.howord {
    line-height: 30px;
    text-align: center;
    white-space: pre-line;
}

.a-produstlist .a-f30 {
    font-weight: 600;
    font-size: 25px;
}

.pc-nav li dl {
    position: absolute;
    text-align: center;
    z-index: 9999;
    background: #fff;
    top: 81px;
    left: -30px;
    -webkit-box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);
    box-shadow: 0 13px 10px 0px rgba(151, 150, 150, 0.22);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    right: -30px;
    width: 120px;
    display: inline-block;
}

.pc-nav li dl dd {
    border-bottom: 1px solid rgb(230, 230, 230);
    height: 50px;
    line-height: 50px;
    transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    white-space: nowrap
}

.pc-nav li dl dd:last-child {
    border-bottom: 0
}

.pc-nav li dl dd a {
    font-size: 14px;
    transition: all .36s ease;
    -ms-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    -moz-transition: all .36s ease;
    display: block;
    width: 100%;
    color: #333
}

.pc-nav li dl dd:hover {
    background: #0B95DCFF;
}

.pc-nav li dl dd:hover a {
    color: #fff !important;
}

.pc-nav dl {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease
}

.pc-nav li:hover dl {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    -moz-transform: none
}


.nava {
    color: #333 !important;
}

.wmax {
    width: 100%;
}

.hmax {
    height: 100%;
}

.lyBox {
    width: 800px;
}

.pop {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    display: none;
    z-index: 1000;
}

.popClose img {
    height: 25px;
    filter: grayscale(100%) brightness(500%);
}

.lyBox {
    width: 800px;
}

.lyBox .tit {
    height: 66px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.lyBox .dis-flex-between-center > .item {
    width: 49%;
}

.lyBox .item .f16 {
    font-size: 16px;
}

.lyBox .item .input {
    width: 100%;
}

.lyBox .item .input input {
    height: 40px;
    padding: 0 15px;
    width: 100%;
    color: #333;
    border: 1px solid #e5e5e5;
}

.lyBox .item .textarea {
    width: 100%;
}

.lyBox .item .textarea textarea {
    padding: 15px;
    width: 100%;
    color: #333;
    border: 1px solid #e5e5e5;
}

.lyBox .bg-black {
    background-color: #0B95DCFF;
    font-size: 16px;
}

.pr-20 {
    padding: 0 20px;
}

.f22 {
    font-size: 22px;
}

.p20 {
    padding: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-25 {
    margin-top: 25px;
}

.joblist .a-info > dl dt:nth-child(1) {
    display: none;
}

.a-proInfo .a-color-red {
    font-weight: 600;
}

.contanttype {
    font-weight: 600;
    word-spacing: 20px;
    padding: 15px 0;
}

.addrebox {
    font-weight: 600;
}

.joblist .a-f40 {
    font-weight: 600;
}

.t1 {
    font-weight: 600;
}

.jobTit {
    text-align: left;
    margin: auto;
    line-height: 28px;
}

.flexEnd {
    max-width: 660px;
    margin: auto;
    font-size: 20px;
    margin-top: 15px;
    color: #fff;
    text-align: right;
}

.culter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.culter .aboutdesc {
    display: inline;
    margin: auto;
    margin-top: 15px;
    text-align: center;
    white-space: pre-line;
}

.sw00out .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    margin: 0 6px;
}

.sw00out .swiper-pagination-bullet-active {
    background: #0B95DCFF !important;
}

.staff-field-box {

    background-size: cover;
    padding: 2rem 0 1.5rem;
    padding-bottom: 2rem;
}

.staff-field-box .title {
    text-align: center;
    color: #333333;
    font-size: 1rem;
    padding-top: 30px;
    font-weight: 600;

}

.staff-field-box .staffdesc {
    padding: 15px 0;
}

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

@media (max-width: 767px) {
    .staff-field-box .title {
        font-size: 20px;
    }

    .staff-field-box {
        background-size: cover;
        padding: 0;
        padding-bottom: 1rem;
    }
}