@charset "utf-8";

/* 这个css是初始化的css，在任何项目里面都可以使用 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: scroll;
}

/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
    resize: none;
    border: none;
}

img {
    max-width: 100%;
    height: auto;
    width: auto \9;
    /* ie8 */
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
}

.line1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.line3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.line4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.trans {
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}


.er-ul {
    position: absolute;
    width: 100%;
    left: 0%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    right: 0;
    top: 100%;
    z-index: 999;
    background: #fff;
    display: none;
}

.er-ul > li {
    line-height: 2.25rem;
    text-align: center;
    font-size: .875rem;
}

.er-ul > li:hover a {
    color: #30cdd6;
}

.er-ul > li:nth-child(1) {
    padding-top: .625rem;
}

.er-ul > li:last-child {
    padding-bottom: .625rem;
}

header .nav_ul > li:hover .er-ul {
    transform: scale(1);
    opacity: 1;
    display: block;
}

.bg {
    background: #30cdd6;
}

.logo_phone img {
    width: 7.5rem;
}

.c {
    color: #30cdd6;
}

.cf {
    color: #fff !important;
}

.c0 {
    color: #000 !important;
}

.phone_weibu {
    background: #0A0A0A;
    display: none;
}

.phone_weibu .mobMenu > li > a {
    font-size: 14px;
    padding: 10px 0;
    color: #fff;
}

.phone_weibu .mobMenu > li {
    border-bottom: #424245 1px solid;
}

.phone_weibu .mobMenu > li > .subDepth > li > a {
    font-size: 1em;
    color: #9a9797;
    line-height: 28px;
}

.phone_weibu .mobMenu > li > a::before {
    background-color: #fff;
}

.phone_weibu .mobMenu > li > a::after {
    background-color: #fff;
}

.phone_weibu .mobMenu > li > .subDepth {
    display: none;
}

.container {
    padding: 0 14.8125rem;
    width: 100%;
}

.bg {
    background: #0075C1;
}

.logo_phone img {
    width: 7.5rem;
}

.logo a {
    display: block;
    width: 11.6875rem;
    height: 2.1875rem;
}

body {
    overflow-y: hidden;
}

.c {
    color: #0075C1;
}

.phone_beian {
    display: none;
}

.container {
    padding: 0 16.4375rem;
    width: 100%;
}

.ml30 {
    margin-left: 1.875rem;
}

#spsy_tc video {
    display: block;
}

#spsy_tc,
#sp1_tc {
    background: rgba(0, 0, 0, 8);
    z-index: 9999;
}

#spsy_tc .modal-header,
#sp1_tc .modal-header {
    padding: 0;
    border: none;
    position: absolute;
    right: 15px;
}

.modal-content {
    background: #000;
}

#spsy_tc .modal-body,
#sp1_tc .modal-body {
    padding: 0;
    background: rgba(0, 0, 0, 8);
}

#sp1_tc .modal-body {
    border: none;
}

.index_two .left .icon {
    cursor: pointer;
}

.modal.in .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
    width: 60%;
}

#spsy_tc .modal-content,
#sp1_tc .modal-content {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#spsy_tc button.close,
#sp1_tc button.close {
    margin-top: 0;
    top: 15px;
    right: 15px;
    color: #fff;
    opacity: 1;
    margin: 20px 0 0 0;
    font-size: 50px;
    font-weight: lighter;
}

.header {
    background-color: #FFF;
    padding: 0 3rem;
}

header {
    line-height: 5.625rem;
}

.header_bot .nav_ul > li {
    float: left;
}

header .nav_ul > li {
    font-size: 1rem;
    display: inline-block;
    position: relative;
    /* padding-right: 0.625rem; */
    margin: 0 .3rem;

}

header .nav_ul > li > a {
    padding: 0 1.25rem;
    font-size: 1.125rem;
    position: relative;
    display: block;
}

.search i {
    font-size: 1rem;
    line-height: 1.875rem;
}

.header_bot {
    display: flex;
    margin: 0 auto;
    justify-content: center;
}

.fix_ul {
    border-bottom: 1px solid #fff;
}

.header {
    box-shadow: 0 0 10px #ddd;
}

.fix_ul li {
    border-bottom: none;
}

header .nav_ul li a:hover,
.tle a:hover,
.search i:hover,
.header .nav_ul > li.active a,
header .nav_ul > li .er-ul > li:hover > a {
    color: #0075C1;
    transition: all .6s;
}

header .nav_ul > li .er-ul > li > a {
    color: #000 !important;
}

header .nav_ul > li .er-ul > li:hover > a {
    color: #0075C1 !important;
}

body {
    padding-top: 5.625rem;
}

header .nav_ul li a,
.tle a,
.search i {
    transition: all .6s;
}

.search i {
    cursor: pointer;
}

header .nav_ul > li a::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0%;
    content: "";
    background-color: #0075C1;
    transition: all .6s;
}

header .nav_ul > li.active > a::after,
header .nav_ul > li:hover > a::after {
    width: 100%;
    transition: all .6s;
}

.header.active {
    background-color: #FFF;
    box-shadow: 0 8px 1.875rem -1rem #dddddd;
}

.tle {
    margin: 0 0 0 1rem;
}

.tle i {
    font-size: 1.125rem;
    line-height: 1.875rem;
    font-weight: 600;
}

.en {
    margin: 0 1.5rem;
}

.en i {
    font-size: 1rem;
}

.en ul {
    display: none;
}

.header_bot_for input {
    display: none;
}

.header_bot_for button {
    background: none;
    border: none;
}

.header_bot {
    margin: 0 auto;
}

.banner .swiper-pagination {
    bottom: 2.25rem;
}

.swiper-pagination-bullet {
    width: 1.625rem;
    height: 2px;
    background: rgba(255, 255, 255, 0.39);
    opacity: 1;
    border-radius: 0;
}

.swiper-pagination-bullet-active {
    background: #fff;
}

.banner .swiper-slide .img::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.33);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.banner .hover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 3;
}

.p1 {
    font-size: .9375rem;
    line-height: 1.625rem;
    color: #FFFFFF;
    text-shadow: 10px 10px 20px #353535;
}

.p2,
.p3 {
    font-size: 3.4375rem;
    line-height: 4.25rem;
}

.hover .p3 {
    font-weight: 600;
    padding-bottom: 1.5rem;
}

.hover .p3::before {
    content: "";
    position: absolute;
    width: 6.5rem;
    height: 1px;
    background-color: #0075C1;
    bottom: 0;
    left: 0;
}

.p4 {
    font-size: 1.875rem;
    line-height: 4.25rem;
}

.hover .p4 {
    margin-right: 1rem;
    font-weight: 600;
    padding: .625rem 0 1.25rem 0;
}

.more,
button {
    display: inline-block;
    border-radius: 1.875rem;
    border: 1px solid #BBBBBC;
    width: 8.625rem;
    text-align: center;
}

.more a,
button {
    font-size: 1rem;
    line-height: 3rem;
}

button {
    background: #30cdd6;
    background: #0075C1;
    color: #fff;
    border: 1px solid #0075C1;
}

button:hover {
    background: #fff;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    color: #30cdd6 !important;
    color: #0075C1 !important;
}

.more:hover {
    background: #30cdd6;
    background: #0075C1;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.more:hover a {
    color: #fff !important;
}

.index_one .div {
    background-color: #FFF;
    border: 8px solid #0075C1;
    width: 40.0625rem;
    height: 36.875rem;
}

.index_one .right {
    margin-top: 2.5rem;
}

.lil_title {
    font-size: .875rem;
    line-height: .875rem;
    letter-spacing: 0.84px;
}

.title {
    font-size: 3rem;
    line-height: 1.2;
    margin: 1rem 0 1rem 0;
}

.text {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text p {
    margin: 1.875rem 0;
    color: #848484;
}

.pro_squera .fl .text {
    height: 5.625rem;
}

.pro_squera .fl .text p {
    margin: 0;
}

.index_one .more {
    border: 1px solid #bbbbbc;
}

.index_one .more a {
    color: #bbbbbc;
}

.index_one .img_one {
    padding: 1.375rem 0 0 1.375rem;
    position: relative;
}

.index_one .img_one::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 95%;
    /* border: 8px solid #0075C1; */
    z-index: -1;
}

.index_one .img_text {
    position: absolute;
    bottom: 22rem;
    left: 0;
    z-index: 1;
    padding: 3rem 2rem 3rem 3rem;
}

.index_one .img_text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: -1;
}

.t1 {
    font-size: 3.8125rem;
    line-height: 3.75rem;
}

.t2 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #848484;
}

.index_one {
    padding: 5.3125rem 0 6.25rem;
}

.index_one .right {
    padding-left: 1.875rem;
}

.index_one .right ul::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 0;
    width: 1px;
    height: 80%;
    background: #DEDFE2;
    left: 42%;
}

.index_one .right ul {
    margin-top: 2.6875rem;
    position: relative;
}

.index_one .right ul li {
    width: 50%;
    float: left;
}

.index_one .right ul li .text {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #848484;
}

.index_one .right ul li .more_a {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #0075C1;
}

.index_one .right ul li .fl {
    width: 20%;
}

.index_one .right ul li .fr {
    width: 80%;
    padding-left: 1.25rem;
}

.index_two {
    background: url(../img/3.jpg) no-repeat;
    background-size: cover;
    padding: 5.75rem 0 7.8125rem;
}

.index_two .left {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.index_two .left .icon::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    border: 1px solid #fff;
}

.index_two .left .icon {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    line-height: 7.5rem;
    text-align: center;
    position: relative;
    background: #fff;
    margin: 0 auto;
    animation: videoo 2s infinite;
}

.index_two .left .icon i {
    font-size: 1.875rem;
    color: #30cdd6;
    color: #0075C1;
}

.index_two .right {
    width: 50%;
}

.index_two .right ul li {
    width: 50%;
    float: left;
    padding: 5rem 1.25rem;
    background: rgba(0, 116, 193, 0.85);
}

.index_two .right ul li .number {
    font-weight: bold;
    font-size: 4.5rem;
    line-height: 1.2;
    color: #FFFFFF;
    display: inline-block;
}

.index_two .right ul li .number sub:nth-child(2) {
    font-size: 1.25rem;
    color: #FFFFFF;
    top: -2.5rem;
}

.index_two .right ul li .text {
    font-size: 1.125rem;
    line-height: 2.5rem;
    color: #FFFFFF;
}

@keyframes videoo {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.w66 {
    width: 4.125rem;
}

.subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-top: .625rem;
    color: #848484;
}

.index_three::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: url(../img/6.jpg) no-repeat;
    background-size: cover;
    z-index: 1;
}

.mt55 {
    margin-top: 3.4375rem;
}

.index_three {
    background: url(../img/4.jpg) no-repeat;
    background-size: cover;
    padding: 6.875rem 0;
    background-attachment: fixed;
    position: relative;
}

.index_three .swiper-container {
    z-index: 9;
    padding-bottom: 3.75rem;
}

.index_three .swiper-slide::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .625rem;
    background: #EAEAEA;
}

.index_three .swiper-slide::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    height: .625rem;
    background: #30cdd6;
    background: #0075C1;
}

.index_three .swiper-slide:hover::after {
    width: 100%;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.index_three .swiper-slide {
    overflow: hidden;
    padding-bottom: .625rem;
}

.index_three .swiper-slide .pr .hover {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.16);
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.index_three .swiper-slide .pr .hover div {
    width: 4.8125rem;
    height: 4.8125rem;
    line-height: 4.8125rem;
    text-align: center;
    position: absolute;
    top: 50%;
    background: #30cdd6;
    background: #0075C1;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.index_three .swiper-slide .pr .hover div i {
    font-size: 1.875rem;
    color: #fff;
}

.index_three .swiper-slide:hover .hover {
    left: 0;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.index_three .swiper-slide:hover img {
    transform: scale(1.1);
}

.index_three .over img {
    height: 25rem;
    object-fit: cover;
}

.index_three .name {
    line-height: 5.125rem;
    padding: 0 .9375rem;
    font-size: 1.125rem;
    color: #000000;
    text-align: center;
    background: #fff;
}

.mcenter {
    margin: 0 auto;
}

.squera {
    margin-bottom: 2.0625rem;
}

.squera .hover {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    padding: 1.375rem 2.3125rem;
}

.squera .hover .name {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #000000;
}

.squera .hover .text {
    font-size: 1.25rem;
    line-height: 2.5rem;
    color: #000000;
}

.squera:hover .hover {
    background: rgba(255, 255, 255, 0.92);
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.squera:hover img {
    transform: scale(1.1);
}

.squera:hover .name {
    color: #4B4C4C;
}

.squera:hover .text {
    color: rgba(75, 76, 76, 0.68);
}

.index_four {
    padding: 4.625rem 0 3.125rem;
}

.index_five {
    background: #30cdd6;
    background: #0075C1;
}

.index_five .left,
.index_five .right {
    width: 50%;
}

.index_five .left {
    padding: 7.5rem 7.25rem 8.4375rem 14.8125rem;
}

.index_five .left .subtitle {
    margin: 1.5rem 0 2.5rem;
}

.index_five .left .more {
    background: #fff;
}

.index_five .left .more a {
    color: #30cdd6;
    color: #0075C1;
}

.index_five .left .more:hover {
    background: transparent;
}

.index_six {
    padding: 3.75rem 0;
}

.index_six .name {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #000000;
}

.index_six .text {
    font-size: 1rem;
    line-height: 2.625rem;
    color: #727271;
    display: block;
}

.index_six .data {
    font-size: .875rem;
    line-height: 1.625rem;
    color: #CFCFCF;
}

.index_six .left > div {
    border: 1px solid #ddd;
}

.index_six .left .content {
    padding: 1rem 1.5625rem;
    background-color: #fff;
}

.index_six .left .data {
    margin-top: .9375rem;
}

.index_six .center > div {
    border: 1px solid #ddd;
}

.index_six .center > div:nth-child(1) {
    margin-bottom: .9375rem;
}

.index_six .center > div:nth-child(2) img {
    height: 11rem;
    object-fit: cover;
}

.index_six .center .content {
    padding: .6875rem 1.875rem;
}

.index_six .center .hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.51);
    padding: .9375rem 1.875rem;
    color: #fff;
}

.index_six .right li {
    padding: 1.1rem 0;
    border-bottom: 1px solid #ddd;
}

.index_six .right li .name {
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #4F4F4E;
}

.index_six .right li:nth-child(1) {
    padding-top: 0;
}

.index_six .left:hover img,
.index_six .center > div:hover img {
    transform: scale(1.1);
}

.index_six .left:hover .name,
.index_six .center > div:hover .name {
    color: #30cdd6;
    color: #0075C1;
}

.index_six .center > div:nth-child(2):hover .name {
    background: #30cdd6;
    background: #0075C1;
    color: #fff;
}

.index_six .right ul li:hover {
    border-bottom: 1px solid #0075C1;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.index_six .right ul li:hover .name {
    color: #30cdd6;
    color: #0075C1;
}

.index_seven {
    padding: 3.75rem 0;
    background: #EFEFEF;
}

.index_seven .swiper-container {
    padding: 0 0 3.75rem;
}

.index_seven .swiper-slide {
    border: 1px solid #ddd;
}

.index_seven .swiper-pagination-bullet {
    background: #CCCCCC;
}

.index_seven .swiper-pagination-bullet-active {
    background: #30cdd6;
    background: #0075C1;
}

footer {
    background: #262626;
    padding: 3.4375rem 0 0;
}

footer .top {
    position: relative;
    z-index: 9;
}

footer .bg_img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

footer .beian {
    margin-top: 3.125rem;
}

footer .name {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin-bottom: .9375rem;
    color: #FFFFFF;
}

footer a.text:hover {
    color: #30cdd6;
    color: #0075C1;
}

footer .text {
    font-size: .875rem;
    line-height: 2rem;
    color: #BCB3B3;
}

footer .fl {
    width: 13.6%;
}

footer .fr {
    width: 32%;
}

footer .beian {
    position: relative;
    z-index: 9;
    padding-bottom: 1.875rem;
}

footer .beian .text {
    font-size: .875rem;
    line-height: 1.625rem;
    color: #FFFFFF;
    color: rgba(255, 255, 255, 0.39);
}

footer .beian .yqlj {
    font-size: .875rem;
    line-height: 1.625rem;
    color: rgba(255, 255, 255, 0.15);
}

footer .beian .yqlj a {
    color: rgba(255, 255, 255, 0.15);
}

footer .beian .yqlj a:hover {
    color: #fff;
}

footer .social-share a {
    width: 2.5rem !important;
    height: 2.5rem !important;
    line-height: 2.5rem !important;
    border: 1px solid #6D6D6D !important;
    color: #fff !important;
    font-size: 1rem !important;
}

.fix_ul li {
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    padding: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.24);
}

.fix_ul li:hover {
    background: #30cdd6;
    background: #0075C1;
}

.nyban .hover {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.nyban .hover .en_title {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.625rem;
    color: #FFFFFF;
}

.nyban .hover .ny_title {
    font-weight: bold;
    font-size: 3.375rem;
    line-height: 3.75rem;
    color: #FFFFFF;
    margin-top: .625rem;
}

.nyban .erji {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 5.4375rem;
    background: rgba(0, 0, 0, 0.65);
}

.nyban .erji ul {
    display: flex;
    justify-content: space-between;
}

.nyban .erji ul li {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.125rem;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}

.nyban .erji ul li a {
    color: #fff;
    position: relative;
}

.nyban .erji ul li a::before {
    width: 1px;
    height: 50%;
    transform: translateY(-50%);
    content: "";
    position: absolute;
    top: 50%;
    background: rgba(255, 255, 255, 0.13);
    left: 0;
}

.nyban .erji ul li:hover::before,
.nyban .erji ul li.active::before {
    width: 100%;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.nyban .erji ul li::before,
.nyban .erji ul li::before {
    width: 0;
    content: "";
    position: absolute;
    height: 3px;
    background: #30cdd6;
    background: #0075C1;
    top: 0;
    left: 0;
}

.nyban .erji ul li:hover::after,
.nyban .erji ul li.active::after {
    background: -moz-linear-gradient(50% 126.87% 90deg, rgba(255, 255, 255, 0) 0%, #0075dd 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #0075dd 100%);
    background: -webkit-gradient(linear, 50% 126.87%, 50% 5.06%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, #0075dd));
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #0075dd 100%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #0075dd 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0075DD' ,GradientType=0)";
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #0075dd 100%);
    opacity: 0.24;
    filter: alpha(opacity=24) progid:DXImageTransform.Microsoft.Alpha(opacity=24) progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075DD', endColorstr='#FFFFFF', GradientType=0);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.text {
    font-size: 1rem;
    line-height: 1.75rem;
    color: #848484;
}

.bread {
    font-size: .875rem;
    line-height: 1.625rem;
    color: #BFBEBE;
    padding: 2.1875rem 0 0;
}

.bread span {
    font-size: .875rem;
}

.bread a {
    color: #BFBEBE;
}

.bread span:last-child {
    display: none;
}

.pt4584 {
    padding: 2.1875rem 0 5.3125rem;
}

.list_about_three {
    padding: 5.5rem 0 2.25rem;
    background: #F7F7F7;
    border-bottom: 14px solid #EAEAEB;
}

.list_about_three .swiper-pagination {
    position: absolute;
    top: 3.125rem;
    right: 0;
    width: 40%;
    left: auto;
    border-bottom: 2px solid #E2E2E2;
    height: 2.5rem;
    text-align: left;
    color: #B2B2B2;
    font-size: 1rem;
}

.list_about_three .swiper-pagination .swiper-pagination-current {
    font-size: 1.25rem;
    color: #000;
}

.list_about_three .swiper-pagination::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 20%;
    background: #30cdd6;
    background: #0075C1;
    height: 2px;
}

.list_about_two {
    margin-top: 4.375rem;
}

.list_about_two .text {
    margin: .9375rem 0 1.875rem;
}

.title_30 {
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 2.5rem;
    color: #0075C1;
}

.list_about_four {
    height: 9.1875rem;
    background: -moz-linear-gradient(50% 81.34% 90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%);
    background: -webkit-gradient(linear, 50% 81.34%, 50% 9.13%, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, #afb0b1));
    background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%);
    background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#AFB0B1' ,GradientType=0)";
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #afb0b1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AFB0B1', endColorstr='#FFFFFF', GradientType=0);
}

.list_jsyf {
    margin-top: 0;
}

.list_news .col-md-4 {
    margin-bottom: 1.875rem;
}

.list_news .col-md-4 > div {
    border: 1px solid #ddd;
}

.list_news .cotnent {
    padding: .9375rem 1.875rem 1.375rem;
}

.list_news .cotnent .name {
    font-size: 1.25rem;
    line-height: 2rem;
    display: block;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list_news .cotnent .data {
    font-size: .875rem;
    line-height: 1.625rem;
    margin-top: .5rem;
    color: #CFCFCF;
}

.list_news .col-md-4:hover .name {
    color: #30cdd6;
    color: #0075C1;
}

.list_news .col-md-4:hover img {
    transform: scale(1.1);
}

.list_contact .row {
    border-bottom: 1px solid #ebebeb;
    padding: 2.5rem 0 2.5rem;
}

.list_contact .icon {
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    text-align: center;
    border: solid 1px #0b7cc3;
    border-radius: 50%;
}

.list_contact .icon i {
    font-size: 1.5rem;
    color: #007cc3;
}

.list_contact .name {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 2rem;
    color: #000000;
    margin: 1.25rem 0 .625rem;
}

.list_contact .text {
    font-size: 1.125rem;
    line-height: 2rem;
    color: #000000;
}

.list_contact .text span {
    margin-right: 1.875rem;
}

.list_contact .last .text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8.125rem;
}

.list_message {
    background: #F5F5F7;
    padding-top: 6.25rem;
}

.list_message form {
    margin-top: 1.875rem;
}

.list_message form .col-md-3 > div {
    line-height: 3.5625rem;
    padding: 0 1.5625rem;
    font-size: 1rem;
    color: #949494;
    background: #fff;
}

.list_message form .col-md-3 > div input {
    width: 80%;
    border: none;
}

.list_message form .col-md-3 > div .xinghao {
    color: #c20000;
    padding-left: .5rem;
}

.list_message form .col-md-3 > div input {
    padding-left: .625rem;
}

.list_message form textarea {
    width: 100%;
    height: 10rem;
    border: none;
    line-height: 1.875rem;
    padding: .625rem 1.25rem;
    font-size: 1rem;
    color: #A8A8A8;
}

.list_message form .col-md-12 {
    margin: 1.4375rem 0;
}

.list_message form .tijiao .yzm {
    width: 60%;
    line-height: 3.5625rem;
    background-color: #ffffff;
}

.list_message form .tijiao .yzm input {
    border: solid 1px #dfdfdf;
    padding: 0 1.5625rem;
}

.list_message form .tijiao .fr button {
    width: 10.25rem;
    height: 3.5625rem;
    line-height: 3.5625rem;
    text-align: center;
    background-color: #c3c3c3;
    font-size: 1.125rem;
    color: #000000;
    border: none;
    margin-left: 1.5625rem;
}

.list_message form .tijiao .fr button:nth-child(1) {
    background: #007cc3;
    color: #fff !important;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.list_message form .tijiao .fr button:nth-child(1):hover {
    background: #000;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.list_message form .tijiao .fr button:nth-child(2):hover {
    background: #000;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    color: #fff !important;
}

.ditu {
    padding-top: 3.125rem;
}

.ditu .dirtu {
    margin-top: 1.875rem;
}

.show_news .title {
    font-size: 1.75rem;
    line-height: 2.8125rem;
    color: #313030;
}

.show_news .articel_article_data {
    font-size: .875rem;
    color: #6D6D6D;
    line-height: 1.875rem;
    padding: 0.625rem 0 0.9375rem;
}

.show_news .articel_article_data span {
    font-size: .875rem;
    margin-right: 0.25rem;
}

.show_news .content {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #7C7C7C;
    padding: 1.875rem 0 3rem;
    margin-top: 1.25rem;
    border-bottom: 1px solid #e2e2e2;
    border-top: 1px solid #e2e2e2;
}

.pro_squera {
    margin-bottom: 1.875rem;
}

.pro_squera > div {
    background: #fff;
    padding: 3.75rem;
}

.pro_squera .fl {
    width: 60%;
    padding-right: 1.875rem;
    overflow: hidden;
}

.pro_squera .fl .name {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-bottom: 1rem;
    position: relative;
    color: #000000;
    z-index: 2;
}

.pro_squera .fl .name::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #E8E8E8;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    z-index: 1;
}

.pro_squera .fl .name::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 20%;
    background: #30cdd6;
    background: #0075C1;
    height: 2px;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    z-index: 2;
}

.pro_squera .fl .text {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #848484;
    margin: 1.25rem 0;
}

.pro_squera .fl .more_a {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #0075C1;
}

.pro_squera .fr {
    width: 40%;
    overflow: hidden;
}

.pro_squera .fr .over img {
    height: 14.0625rem;
    object-fit: cover;
}

.pro_squera .fr > div {
    position: relative;
}

.pro_squera .fr .hover {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.16);
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.pro_squera .fr .hover div {
    width: 4.8125rem;
    height: 4.8125rem;
    line-height: 4.8125rem;
    text-align: center;
    border-radius: 50%;
    background: #30cdd6;
    background: #0075C1;
    font-size: 2.25rem;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pro_squera:hover .name::before {
    width: 100%;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.pro_squera:hover .hover {
    left: 0;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.list_pro,
.bgf7,
.show_pro {
    background: #F7F7F7;
}

.show_pro {
    padding-bottom: 0;
}

.show_pro .left > div {
    box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.3);
}

.show_pro .title_30 {
    color: #000;
    margin-top: .9375rem;
}

.show_pro .right {
    padding-left: 4.0625rem;
}

.show_pro .right .text {
    margin: .9375rem 0 1.875rem;
}

.show_pro .right ul {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #848484;
}

.show_pro .right ul li {
    padding-left: 1.25rem;
    position: relative;
}

.show_pro .right ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: .6875rem;
    height: .6875rem;
    background: #848484;
}

.show_pro .right .more {
    margin-top: 1.5625rem;
}

.show_pro .sum {
    margin-top: 3.125rem;
}

.show_pro .sum li {
    font-size: 1.125rem;
    line-height: 2rem;
    color: #828282;
    padding-bottom: .9375rem;
    padding: 0 1.0625rem .9375rem;
    position: relative;
    float: left;
    cursor: pointer;
}

.show_pro .sum li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #30cdd6;
    background: #0075C1;
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}

.show_pro .sum li:hover::before,
.show_pro .sum li.active::before {
    transition: all .4s;
    -webkit-transform: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    width: 100%;
}

.show_pro .sum li.active,
.show_pro .sum li:hover {
    color: #30cdd6;
    color: #0075C1;
}

.show_pro .more {
    background: #30cdd6;
    background: #0075C1;
}

.show_pro .more a {
    color: #fff;
}

.show_pro .more:hover {
    background: #fff;
}

.show_pro .more:hover a {
    color: #30cdd6 !important;
    color: #0075C1 !important;
}

.show_pro_two {
    padding-top: 3.4375rem;
}

.en_name {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #848484;
}

.show_pro_three .text {
    margin-top: 1.25rem;
}

.show_pro_three .title_30,
.show_pro_two .title_30 {
    color: #000;
}

.table {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #FFFFFF;
}

.table tr td {
    padding: 1.25rem !important;
    color: #000;
    text-align: center;
}

.table tr:nth-child(1) {
    background: #30cdd6;
    background: #0075C1;
    color: #fff;
}

.table tr:nth-child(1) td {
    color: #fff;
}

.table tr:nth-child(even) {
    background: #F4F4F4;
}

.table .en_name {
    margin: 1.25rem 0 1.875rem;
}

.mt30 {
    margin-top: 1.875rem;
}

.about_pro {
    margin-top: 2.1875rem;
    background: #F7F7F7;
}

.about_pro .swiper-container {
    padding-bottom: 2.5rem;
}

.about_pro .swiper-pagination-bullet {
    background: #ddd;
}

.about_pro .swiper-pagination-bullet-active {
    background: #30cdd6;
    background: #0075C1;
}

.about_pro .title_30 {
    color: #000;
}

@media (max-width: 1280px) {

    .p2,
    .p3 {
        font-size: 2.6rem;
        line-height: 1.4;
    }

    .hover .p4 {
        font-size: 1.375rem;
    }

    .index_one .right {
        padding-left: 3.5rem;
    }

    .index_three .name {
        font-size: 1.375rem;
    }

    header .nav_ul > li > a {
        font-size: 1.25rem;
    }

    .subtitle {
        line-height: 1.875rem;
    }

    .title {
        font-size: 2.6rem;
        line-height: 1.3;
    }

    footer .text {
        line-height: 2.4rem;
    }
}

@media (max-width: 990px) {

    html,
    body {
        font-size: 16px;
    }

    #phone_nav span {
        font-size: 1.5rem;
    }

    .phone {
        padding: 10px 0;
        line-height: 40px;
    }

    .phone img {
        height: 30px;
    }

    .container {
        padding: 0 5rem;
    }

    header {
        display: none;
    }

    body {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .p2,
    .p3 {
        font-size: 24px;
        line-height: 40px;
    }

    .hover .p3 {
        padding-bottom: 10px;
    }

    .hover .p4 {
        font-size: 16px;
        font-weight: normal;
        line-height: 34px;
    }

    .index_one .div {
        width: 100%;
    }

    .index_one .img_one {
        width: 100%;
    }

    .index_one .right {
        margin-top: 0;
    }

    .t1 {
        font-size: 2.8125rem;
        line-height: 3.75rem;
    }

    .index_one .img_text {
        padding: 2rem 0 2rem 3rem;
    }

    .title {
        font-size: 26px;
        line-height: 36px;
        margin: 0 5px;
    }

    .index_one .right {
        padding-left: 15px;
        margin-top: 20px;
    }

    .text {
        font-size: 14px;
        line-height: 28px;
    }

    .text p {
        margin: 10px 0;
    }

    .index_two .left {
        width: 30%;
    }

    .index_two .left .icon::before {
        width: 6.5rem;
        height: 6.5rem;
    }

    .index_two .left .icon {
        width: 5.5rem;
        height: 5.5rem;
        line-height: 5.5rem;
    }

    .index_two .right {
        width: 70%;
    }

    .index_two .right ul li .number {
        font-size: 2.5rem;
    }

    .index_two .right ul li .text {
        font-size: 1rem;
    }

    .index_three,
    .index_one,
    .index_six,
    .index_seven {
        padding: 45px 0;
    }

    .index_three .name {
        font-size: 16px;
        line-height: 50px;
    }

    .index_three .swiper-slide .pr .hover div {
        width: 3.6rem;
        height: 3.6rem;
        line-height: 3.6rem;
    }

    .mt55 {
        margin-top: 35px;
    }

    .squera .hover {
        padding: 15px 20px;
    }

    .squera .hover .name {
        font-size: 18px;
    }

    .squera .hover .text {
        font-size: 1.125rem;
        line-height: 28px;
    }

    .index_five .left {
        padding: 0;
        margin-bottom: 30px;
    }

    .index_five .left .subtitle {
        margin: 20px 0 20px;
    }

    .index_five .left,
    .index_five .right {
        width: 100%;
    }

    .index_five > .clearfix {
        padding: 45px 5rem;
    }

    .index_six .center > div:nth-child(2) img {
        height: 12.5rem;
    }

    .index_six .right {
        margin-top: 1.875rem;
    }

    footer .top {
        display: none;
    }

    .phone_weibu {
        display: block;
    }

    footer {
        padding: 0;
        background: #000;
    }

    footer .bg_img {
        display: none;
    }

    footer .beian {
        margin-top: 0;
        padding: 15px 0;
    }

    footer .beian .container {
        padding: 0 15px;
    }

    #siteFunctions {
        display: block;
    }

    footer .beian .yqlj {
        color: rgba(255, 255, 255, 0.39);
    }

    footer .beian .yqlj a {
        color: rgba(255, 255, 255, 0.39);
    }

    .nyban .hover .ny_title {
        font-size: 30px;
        line-height: 40px;
        margin-top: 0;
    }

    .nyban .hover .en_title {
        font-size: 16px;
        line-height: 26px;
    }

    .nyban .erji {
        display: none;
    }

    .bread {
        display: none;
    }

    .list_about .col-md-6 .text {
        margin: 25px 0;
    }

    .title_30 {
        font-size: 22px;
    }

    .list_about_two .text {
        margin: 10px 0 15px;
    }

    .list_about_two .row .col-md-3 {
        margin-bottom: 15px;
    }

    .list_contact .row {
        padding: 0;
        border: none;
    }

    .list_contact .row .col-md-6 {
        padding: 20px 15px;
        border-bottom: 1px solid #ddd;
    }

    .list_news .cotnent {
        padding: 15px;
    }

    .list_news .cotnent .name {
        font-size: 1.125rem;
        line-height: 28px;
    }

    .pro_squera > div {
        padding: 25px;
    }

    .show_pro .left > div {
        box-shadow: 0 0 10px #ddd;
    }

    .show_pro .right {
        padding-left: 15px;
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0 15px;
    }

    .hover .p4 {
        display: none;
    }

    .banner .more {
        display: none;
    }

    .hover .p3::before {
        display: none;
    }

    .banner .swiper-pagination {
        bottom: 10px;
    }

    .index_five > .clearfix {
        padding: 25px 15px;
    }

    .subtitle,
    .index_six .text,
    .index_two .right ul li .text,
    .list_contact .text,
    .pro_squera .fl .text,
    .show_news .content,
    .show_pro .right ul {
        font-size: 14px;
        line-height: 26px;
    }

    .index_two .right ul li .text {
        height: 52px;
    }

    .pro_squera > div {
        padding: 15px;
    }

    .pro_squera {
        margin-bottom: 15px;
    }

    .index_three,
    .index_one,
    .index_six,
    .index_seven {
        padding: 25px 0;
    }

    .show_news .content {
        padding-top: 15px;
        margin-top: 0px;
    }

    .mt55 {
        margin-top: 25px;
    }

    .index_six .name,
    .pro_squera .fl .name,
    .show_news .title {
        font-size: 18px;
        line-height: 30px;
    }

    .index_six .left .data {
        margin-top: 5px;
    }

    .index_six .left .content {
        padding: 15px;
    }

    .index_six .center {
        margin: 15px 0;
    }

    .index_seven .swiper-container {
        padding: 0 0 45px;
    }

    .index_one .right ul li:nth-child(odd) {
        padding-right: 10px;
    }

    .index_one .right ul li:nth-child(even) {
        padding-left: 10px;
    }

    .index_one .right ul::before {
        left: 50%;
    }

    .t1 {
        font-size: 22px;
        line-height: 34px;
    }

    .index_one .img_text {
        padding: 15px;
    }

    .index_two .left {
        position: static;
        transform: translateY(0);
        width: 100%;
    }

    .index_two .right {
        width: 100%;
        margin-top: 40px;
    }

    .index_two {
        padding: 45px 0;
    }

    .index_two .right ul li {
        padding: 45px 0 30px;
    }

    .index_two .right ul li .number sub:nth-child(2) {
        top: -1.5rem;
    }

    .list_about .col-md-6 .text {
        margin: 15px 0;
    }

    .list_about_two {
        margin-top: 25px;
    }

    .title_30 {
        font-size: 20px;
        line-height: 30px;
    }

    .list_about_two .row .col-md-3 {
        margin-bottom: 30px;
    }

    .pt4584,
    .list_about_three {
        padding: 25px 0;
    }

    .list_about_two .row .col-md-3:last-child,
    .list_about_two .row .col-md-3:nth-last-child(2) {
        margin-bottom: 0;
    }

    .list_about_three .swiper-pagination {
        top: 4rem;
    }

    .list_about_three .mt55 {
        margin-top: 55px;
    }

    .list_message form .col-md-3 {
        margin-bottom: 15px;
    }

    .list_message form .col-md-3 > div {
        padding: 0 15px;
        line-height: 44px;
    }

    .list_message form .col-md-12 {
        margin: 15px 0;
    }

    .nyban .hover .ny_title {
        font-size: 22px;
        line-height: 30px;
    }

    .nyban .hover .en_title {
        font-size: 12px;
        line-height: 23px;
    }

    .list_jsyf {
        padding-top: 0;
    }

    .list_jsyf .col-md-4 {
        margin-bottom: 15px;
    }

    .list_news .cotnent .name {
        font-size: 16px;
    }

    .pro_squera .fl {
        width: 100%;
        padding-right: 0;
    }

    .pro_squera .fr {
        width: 100%;
        margin-top: 20px;
    }

    .show_pro .sum li {
        font-size: 14px;
        padding: 0 5px;
    }

    .mt30 {
        margin-top: 20px;
    }

    .table tr td {
        padding: 10px !important;
        font-size: 14px;
    }

    .about_pro {
        margin-top: 0;
    }

    .modal.in .modal-dialog {
        width: 94%;
    }

    footer .beian .text,
    footer .beian .yqlj {
        font-size: 12px;
        line-height: 20px;
    }

    .list_about .col-md-6 .text {
        text-align: justify;
    }

    .mobMenu > li > .subDepth > li > a {
        font-size: 12px;
    }

    .show_pro .right .more {
        margin-top: 0;
    }

    .show_pro .right .text {
        margin: 0.9375rem 0;
    }

    .show_pro .sum {
        margin-top: 20px;
    }

    .ttz {
        padding: 25px 0 !important;
    }
}


/* 修改信息 */
.serbtn {
    background: #0075C1;
}

.searchs .sertext {
    width: 75%;
    margin-right: 3%;
}

.searchbox {
    border-top: 2px solid #0075C1;
}

.textta {
    margin-top: 1.875rem;
}

.searchbox {
    top: 5.625rem !important;
}

@media (max-width: 1600px) {
    .list_contact .last .text {
        left: 119px;
    }
}

.ttz {
    display: none;
    padding: 2.1875rem 0 5.3125rem;
}

.ttz .pt4584 {
    padding: 0;
}

@media (max-width: 500px) {
    .index_three .over img {
        height: 10rem;
    }
}

.news-container {
    padding: 5rem 2rem;
}

.news-container h1 {
    font-size: 1.75rem;
    text-align: center;
}

.news-container .status {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin: 1rem 0;
    font-size: 0.8rem;
    color: #888888;
}

.news-container .article{
    line-height: 1.5;
}

.news-container .article .img_wrapper {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}