* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    color: #333;
    line-height: 1.6;
    box-sizing: border-box;
}

@font-face {
    font-family: "ExtraLight";
    src: url("Montserrat.otf");
}

body {
    font-family: "ExtraLight" !important;
}

.max {
    max-width: 1200px;
    margin: auto;
    position: relative;
}

header {
    background: #fff;
    position: relative;
}

.head-t {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    align-items: center;
    border-bottom: 1px solid #f5f5f5;
}

.phone-t {
    display: flex;
}

.phone-t div {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-right: 25px;
    margin-bottom: 10px;
    font-weight: 600;
}

.phone-t div img {
    margin-right: 10px;
}

.ewm {
    margin: 0 10px;
}

.phone-b {
    font-size: 16px;
}

.head-ewm {
    display: flex;
    align-items: center;
}

.search {
    position: relative;
    margin-right: 25px;
}

.search input {
    border: 1px solid #b9b8b8;
    height: 30px;
    border-radius: 3px;
}

.search button {
    border: none;
    background: none;
    cursor: none;
    position: absolute;
    top: 8px;
    right: 10px;
    cursor: pointer;
    outline: none;
}

.ewm img {
    width: 70px;
    height: auto;
    display: block;
}

.ewm p {
    font-size: 14px;
    text-align: center;
    color: #666;
}

.launch {
    display: none;
}

.launch i {
    font-size: 25px;
}

nav {
    background: #005BAC;
}

.nav-list {
    display: flex;
    justify-content: space-between;
}

.nav-list li {
    padding: 15px 0;
}

.nav-list li a {
    color: #fff;
}

.banner {
    position: relative;
}

.banner .swiper-slide img {
    width: 100%;
    display: block;
}

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

.pad60 {
    padding: 60px 0;
}

.title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: 600;
}

.one-flex>div {
    width: 50%;
}

.one-l {
    padding-right: 20px;
}

.one-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

.one-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.one-list li {
    width: 48%;
    margin-bottom: 22px;
}

.one-number {
    font-size: 36px;
    color: #005BAC;
    margin: 10px 0;
    font-weight: 600;
}

.one-list li p {
    font-size: 14px;
}

.one-l a {
    display: inline-block;
    padding: 10px 30px;
    background: #009FE6;
    color: #fff;
    font-size: 14px;
    border-radius: 50px;
}

.one-l a:hover {
    background: #005bac;
}

.one-r {
    position: relative;
}

.one-r .vde-img {
    width: 100%;
    display: block;
}

.play {
    position: absolute;
    left: calc(50% - 31px);
    top: calc(50% - 31px);
}

.bg {
    background: #F4F6F9;
}

.two-top {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.two-top a {
    line-height: 35px;
    font-size: 16px;
    margin: 0 10px;
}

.two-top a:hover {
    color: #005BAC;
}

.two-slide .swiper-slide div {
    overflow: hidden;
}

.two-slide .swiper-slide img {
    width: 100%;
    display: block;
    transition: all .5s;
}

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

.two-slide .swiper-slide p {
    line-height: 40px;
    text-align: center;
    width: 100%;
    background: #005BAC;
    color: #fff;
}

.two-slide .swiper-button-prev {
    width: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border-radius: 25px;
    height: 50px;
    color: #999;
}

.two-slide .swiper-button-next {
    width: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border-radius: 25px;
    height: 50px;
    color: #999;
}

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

.three-word {
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 50px;
}

.three-list {
    display: flex;
    flex-wrap: wrap;
}

.three-list li {
    margin-right: 10px;
    margin-bottom: 10px;
    width: calc((100% - 30px)/4);
}

.three-list li {
    border: 1px solid #b9b8b8;
}

.three-list li div {
    overflow: hidden;
}

.three-list li div img {
    width: 100%;
    display: block;
    transition: all .5s;
}

.three-list li div:hover img {
    transform: scale(1.2);
}

.three-list li p {
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #b9b8b8;
}

.three-list li:hover p {
    color: #005BAC;
}

.four-list {
    display: flex;
    flex-wrap: wrap;
}

.four-list li {
    margin-right: 20px;
    margin-bottom: 50px;
    width: calc((100% - 40px)/3);
    transition: all .5s;
}

.four-img {
    overflow: hidden;
}

.four-img img {
    display: block;
    transition: all .5s;
    width: 100%;
    height: auto;
}

.four-list li:hover img {
    transform: scale(1.2);
}

.four-list li:nth-child(3) {
    margin-right: 0;
}

.four-list li:nth-child(6) {
    margin-right: 0;
}

.four-txt {
    padding: 10px;
}

.four-txt h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.four-list li:hover {
    background: #fff;
    box-shadow: 0px 4px 16px 0px rgba(76, 126, 233, 0.15);
}

footer {
    background: #005BAC;
}

.foot-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.foot-l {
    width: 25%;
}

.foot-c {
    width: 40%;
}

.foot-r {
    width: 25%;
}

.foot-logo {
    margin-bottom: 10px;
    display: block;
}

.foot-l div {
    margin-bottom: 20px;
}

.foot-l div h5 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.foot-l div p {
    color: #fff;
}

.form-two {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.form-two>div {
    width: 48%;
}

.form-two>div p {
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
}

.form-two>div input {
    width: 100%;
    height: 35px;
    border: none;
    background: #fff;
    border-radius: 5px;
}

.foot-title {
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
}

.foot-c>p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}

.form-one p {
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
}

.form-one textarea {
    max-height: 80px;
    width: 100%;
    border-radius: 8px;
}

.sbm {
    width: 100%;
    line-height: 45px;
    text-align: center;
    border-radius: 30px;
    background: #009FE6;
    color: #fff;
    border: none;
    margin-top: 20px;
    outline: none;
    cursor: pointer;
}

.foot-item {
    margin-bottom: 20px;
}

.foot-item li a {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

.foot-link {
    display: flex;
    align-items: center;
}

.foot-link a {
    margin-right: 10px;
}

.foot-item li a:hover {
    color: #009FE6;
}

.foot {
    padding: 40px 0;
    background: #313131;
}

.bot-felx {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bot-l {
    width: 20%;
}

.bot-r {
    width: 70%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bot-l {
    color: #fff;
    font-size: 12px;
}

.m-search {
    display: none;
}

.nav-list li {
    position: relative;
}

.down {
    display: none;
}

.down {
    width: 56px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    /* background: #009FE6; */
    line-height: 56px;
    /* border-left: 1px dashed #f2f2f2; */
}

.down i {
    font-size: 26px;
    color: #fff;
    transition: all .5s;
}

.nav-two {
    position: absolute;
    min-width: 100%;
    background: #fff;
    padding: 10px;
    left: 0;
    top: 100%;
    display: none;
    z-index: 98;
}

.nav-list .nav-two a {
    display: block;
    line-height: 35px;
    color: #333;
    font-size: 14px;
    text-align: center;
}

.nav-two a:hover {
    color: #005BAC;
}

.nav-list>li>a {
    position: relative;
    display: block;
}

.top i {
    transform: rotate(-180deg);
}

.banner-text {
    height: 100%;
    position: absolute;
    left: calc(50% - 600px);
    top: 0;
    display: flex;
    align-items: center;
    width: 1200px;
    margin: auto;
}

.banner>img {
    width: 100%;
    display: block;
}

.banner-text h3 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}

.banner-text p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
}

.banner-text a {
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    background: #005BAC;
    border-radius: 5px;
}

.product-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-l {
    width: 25%;
}

.product-r {
    width: 70%;
}

.product-class {
    border: 1px solid #b9b8b8;
    margin-bottom: 30px;
}

.product-class>h5 {
    line-height: 60px;
    color: #fff;
    background: #005BAC;
    padding: 0 15px;
    font-size: 18px;
}

.product-class>a {
    display: block;
    padding: 0 15px;
    font-size: 16px;
    color: #333;
    line-height: 45px;
}

.product-l .on {
    background: #EEEEEE;
    color: #005BAC;
}

.product-class>a:hover {
    background: #EEEEEE;
    color: #005BAC;
}

.product-form {
    padding: 20px;
}

.product-form h5 {
    font-size: 18px;
    color: #005BAC;
}

.product-input {
    margin-top: 30px;
}

.product-input div {
    margin-bottom: 20px;
}

.product-input div p {
    font-size: 12px;
    color: #999;
    margin-bottom: 5px;
    padding-left: 10px;
}

.product-input div input {
    width: 100%;
    border: none;
    background: #F2F2F3;
    height: 30px;
    border-radius: 5px;
    outline: none;
}

.product-input div textarea {
    width: 100%;
    border: none;
    background: #F2F2F3;
    height: 80px;
    border-radius: 5px;
    outline: none;
}

.product-input button {
    width: 100%;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background: #005BAC;
    border-radius: 20px;
    border: none;
    outline: none;
    cursor: pointer;
}

.product-input div p span {
    color: red;
}

.product-ontact {
    margin-top: 30px;
}

.product-ontact a {
    color: #005BAC;
}

.product-r>p {
    font-size: 14px;
    margin-bottom: 10px;
}

.product-r .four-list {
    margin-top: 30px;
}

.product-r .four-list li {
    width: calc((100% - 20px)/2);
}

.product-r .four-list li:nth-child(2) {
    margin-right: 0;
}

.product-r-c p {
    color: #005BAC;
    font-weight: 600;
}

@media (min-width: 768px) {
    .three-list li:nth-child(4n) {
        margin-right: 0;
    }
    .nav-two {
        width: 180%;
    }
    .nav-list .nav-two a {
        text-align: left;
    }
}

.product-item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    align-items: baseline;
}

.product-item li {
    border: 1px solid #b9b8b8;
    margin-right: 10px;
    margin-bottom: 30px;
    width: calc((100% - 20px)/3);
}

.product-item li:nth-child(3n) {
    margin-right: 0;
}

.item-img {
    overflow: hidden;
}

.item-img img {
    width: 100%;
    transition: all .5s;
}

.item-txt {
    padding: 15px 10px;
    border-bottom: 1px solid #b9b8b8;
}

.item-txt h5 {
    text-align: center;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b9b8b8;
    display: block;
}

.item-txt p {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: space-between;
    font-weight: 400;
}

.item-a {
    display: flex;
}

.item-a a {
    width: 50%;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
}

.item-a a:nth-child(2) {
    background: #005BAC;
    color: #fff;
}

.page {
    text-align: center;
    padding: 40px 0;
}

.product-want {
    padding: 40px 30px;
    background: #F5F5F5;
    margin-bottom: 30px;
}

.product-want h3 {
    padding-bottom: 10px;
    font-size: 26px;
    border-bottom: 1px solid #b9b8b8;
    margin-bottom: 10px;
}

.product-want p {
    padding: 10px 0;
}

.product-dc {
    margin-bottom: 20px;
}

.product-dc h5 {
    font-size: 18px;
    color: #005BAC;
    margin-bottom: 20px;
}

.want-list li>p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.want-list li>p span {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #005BAC;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
}

.want-list li>div {
    padding: 10px;
}

.reduce {
    display: none;
}

.us {
    background: #009FE6 !important;
}

.contact-title {
    margin-bottom: 40px;
}

.contact-title p {
    margin-bottom: 10px;
}

.contact-title h3 {
    font-size: 28px;
}

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

.contact-l {
    width: 40%;
    padding: 50px;
    background-image: url(..//img/c5.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-r {
    width: 60%;
    padding: 20px 40px;
    background: #fff;
}

.contact-l>img {
    margin-bottom: 30px;
}

.mb20 {
    margin: 20px 0;
}

.contact-word h5 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}

.contact-word p {
    color: #fff;
    font-size: 14px;
}

.contact-lx {
    margin-top: 20px;
}

.contact-lx li {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.contact-lx li>div:nth-child(1) {
    width: 90px;
    height: 90px;
    background: #fff;
    margin-right: 20px;
}

.contact-lx li h5 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}

.contact-lx li p {
    color: #fff;
    font-size: 14px;
}

.contact-tit {
    margin-bottom: 20px;
}

.contact-tit h3 {
    font-size: 28px;
    margin-bottom: 5px;
}

.contact-tit p {
    font-size: 18px;
}

.contact-two {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-two div {
    width: 48%;
    margin-bottom: 20px;
}

.contact-two p {
    font-size: 14px;
    padding-left: 10px;
    color: rgb(204, 204, 204);
    margin-bottom: 5px;
}

.contact-one p {
    font-size: 14px;
    padding-left: 10px;
    color: rgb(204, 204, 204);
    margin-bottom: 5px;
}

.contact-one textarea {
    height: 100px;
    width: 100%;
    border: none;
    background: #F2F2F3;
    outline: none;
    border: none;
    border-radius: 8px;
    padding-left: 10px;
}

.contact-two input {
    width: 100%;
    height: 35px;
    border-radius: 20px;
    border: none;
    background: #F2F2F3;
    outline: none;
    border: none;
    padding-left: 10px;
}

.contact-sbm {
    padding: 10px 35px;
    display: block;
    margin: 20px auto;
    background: #005bac;
    color: #fff;
    font-size: 14px;
    outline: none;
    border: none;
    cursor: pointer;
    border-radius: 30px;
}

.contact-r-txt {
    text-align: center;
    line-height: 30px;
}

.contact-r-txt a {
    color: #005bac;
}

.map-title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
}

.map-img img {
    width: 100%;
}

.and {
    margin-top: 30px;
}

.and-title {
    margin-bottom: 40px;
}

.and-title h3 {
    font-size: 32px;
    margin-bottom: 5px;
    text-align: center;
}

.and-title p {
    text-align: center;
}

.and-flex {
    display: flex;
    justify-content: space-between;
}

.and-flex>div {
    display: flex;
    align-items: center;
}

.and-flex>div div:nth-child(1) {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #AEBAC2;
}

.and-flex>div p {
    font-weight: 600;
    margin-bottom: 20px;
}

.and-flex>div a {
    font-size: 14px;
}

.and-flex>div a:hover {
    color: #005bac;
}

.Text {
    /*border: 1px solid #b9b8b8;*/
    min-height: 250px;
    padding: 10px;
}

.Text img {
    max-width: 100%;
    height: auto;
}

.Text table {
    max-width: 100%;
}

.Text-title {
    margin: 40px 0 30px 0;
}

.Text-title h3 {
    font-size: 28px;
    margin-bottom: 10px;
}

.Text-title p {
    font-size: 14px;
}

.Text-form p {
    font-size: 14px;
    padding-left: 10px;
    color: rgb(204, 204, 204);
    margin-bottom: 5px;
}

.Text-form p span {
    color: red;
}

.Text-form textarea {
    height: 100px;
    width: 100%;
    border: none;
    background: #F2F2F3;
    outline: none;
    border: none;
    border-radius: 8px;
    padding-left: 10px;
}

.Text-form input {
    width: 100%;
    height: 35px;
    border-radius: 20px;
    border: none;
    background: #F2F2F3;
    outline: none;
    padding-left: 10px;
}

.Text-3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Text-1 div {
    width: 100%;
    margin-bottom: 20px;
}

.Text-3 div {
    width: 31%;
    margin-bottom: 20px;
}

.Text-form .Text-p {
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}

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

.Text-form .radio label {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.Text-form .radio input {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.Text-sbm {
    width: 100%;
    height: 45px;
    line-height: 35px;
    text-align: center;
    background: #005BAC;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    margin-top: 30px;
    border: none;
    outline: none;
    cursor: pointer;
}

.support-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.support-list li {
    width: 49%;
    background: #f5f5f5;
    padding: 20px 30px;
    margin-bottom: 20px;
}

.support-list li>a>div {
    display: flex;
    align-items: center;
}

.support-list li>a>div img {
    margin-right: 10px;
}

.support-list li>a>div h5 {
    font-size: 16px;
    margin-bottom: 10px;
}

.support-list li>a>div p {
    font-size: 14px;
}

.about-news {
    margin-top: 40px;
}

.area-list {
    display: flex;
    flex-wrap: wrap;
}

.area-list li {
    width: calc((100% - 30px)/3);
    margin-bottom: 30px;
    margin-right: 15px;
}

.area-img {
    overflow: hidden;
}

.area-img img {
    width: 100%;
    display: block;
    transition: all .5s;
}

.area-list li:hover img {
    transform: scale(1.2);
}

.area-list li h3 {
    font-size: 18px;
    margin: 25px 0 15px 0;
}

.area-list li p {
    font-size: 14px;
}

.abt>div {
    width: 100%;
}

.abt h3 {
    text-align: center;
    width: 100%;
}

.abt a {
    padding: 8px 15px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0.4);
    color: #fff;
    margin: 0 10px;
    font-size: 14px;
}

.abt-a {
    display: flex;
    justify-content: center;
}

.what-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
}

.what-l {
    width: 60%;
    position: relative;
}

.what-l .what-img {
    width: 100%;
    display: block;
}

.what-r {
    width: 38%;
}

.what-r h3 {
    font-size: 20px;
    /* margin-bottom: 10px; */
}

.what-r p {
    font-size: 14px;
    margin-bottom: 5px;
}

.what-r a {
    font-size: 14px;
    color: #005BAC;
}

.what-list {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.what-list li {
    width: 23%;
    display: flex;
    align-items: center;
}

.what-list li img {
    margin-right: 10px;
}

.what-list li h5 {
    font-size: 16px;
    margin-bottom: 10px;
}

.what-list li p {
    font-size: 12px;
}

.what-list li div:nth-child(1) {
    width: 50px;
    height: 50px;
    background: red;
    flex: none;
    margin-right: 10px;
}

.our-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.our-flex>div {
    width: 50%;
}

.our-txt {
    padding-right: 30px;
}

.our-txt h3 {
    font-size: 22px;
    margin-bottom: 30px;
}

.our-txt p {
    font-size: 16px;
    line-height: 35px;
}

.our-img img {
    display: block;
    width: 100%;
}

.T .our-txt {
    padding-right: 0;
    padding-left: 30px;
}

.our-item {
    display: flex;
    flex-wrap: wrap;
}

.our-item li {
    width: calc((100% - 60px)/4);
    margin-right: 20px;
    margin-bottom: 20px;
}

.our-item li img {
    width: 100%;
    display: block;
}

.news-item li {
    display: flex;
    align-items: end;
}

.news-item li .news-time {
    border: 1px solid #b9b8b8;
    flex: none;
    margin-right: 30px;
}

.news-item li .news-time span {
    font-size: 28px;
    font-weight: 600;
    padding: 15px 25px;
    background: #F5F5F5;
    border-bottom: 1px solid #b9b8b8;
    display: block;
}

.news-item li .news-time p {
    font-size: 12px;
    text-align: center;
    line-height: 30px;
}

.news-r {
    border-top: 1px solid #b9b8b8;
    width: 100%;
    padding: 20px 0;
}

.news-r {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.news-img {
    width: 35%;
}

.news-img img {
    width: 100%;
    display: block;
}

.news-txt {
    width: 60%;
}

.news-txt h5 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}

.news-txt p {
    font-size: 14px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-txt a {
    color: #005BAC;
    font-size: 14px;
}

.news-txt div {
    display: flex;
    justify-content: space-between;
}

.news-txt div span {
    font-size: 14px;
    display: none;
}

.details-title {
    text-align: center;
    font-size: 18px;
    color: #005BAC;
    margin-bottom: 20px;
    font-weight: 600;
}

.details-Inquiry {
    margin-top: 40px;
}

.details-Inquiry h5 {
    font-size: 28px;
    margin-bottom: 10px;
}

.details-Inquiry div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.details-Inquiry p {
    font-size: 14px;
    margin-right: 20px;
}

.details-Inquiry p span {
    margin-right: 20px;
}

.Text-title a {
    color: #005BAC;
}

.faq {
    background: none;
    margin-top: 20px;
}

.faq .want-list {
    border-top: 1px solid #b9b8b8;
}

.faq .want-list li>p {
    padding: 20px 0;
    border-bottom: 1px solid #b9b8b8;
}

.production-img {
    margin-bottom: 40px;
}

.production-img img {
    width: 100%;
}

.production .swiper-slide img {
    width: 100%;
    display: block;
}

.production .swiper-button-next,
.swiper-button-prev {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    color: #999;
}

.production-slide {
    margin-bottom: 80px;
}

.production-slide1 .swiper-slide img {
    display: block;
    width: 100%;
}

.production-slide1 .swiper-slide h5 {
    font-size: 16px;
    margin: 15px 0;
}

.production-slide1 .swiper-slide p {
    font-size: 14px;
}

.study-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}

.study-img {
    width: 60%;
}

.study-img img {
    width: 100%;
    display: block;
}

.study-txt {
    width: 30%;
}

.study-txt h1 {
    font-size: 68px;
    color: #e5e6e8;
    /* margin-bottom: 20px; */
}

.study-txt h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.downloads li {
    padding: 20px;
    border: 1px solid #b9b8b8;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.downloads li h5 {
    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.downloads li input {
    margin-right: 10px;
}

.downloads li p {
    display: flex;
    align-items: center;
}

.downloads li img {
    margin-right: 10px;
}

.downloads li a {
    display: flex;
    align-items: center;
}

.downloads li a:hover {
    color: #005BAC;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}

.wpforms-field-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wpforms-field-container label {
    font-size: 14px !important;
    padding-left: 10px;
    color: rgb(152, 152, 152);
    font-weight: 500 !important;
}

.wpforms-field-container input {
    border-radius: 20px !important;
    background: #F2F2F3 !important;
    border: none !important;
}

.wpforms-field-container textarea {
    border-radius: 8px !important;
    background: #F2F2F3 !important;
    border: none !important;
}

.wpforms-submit {
    width: 100% !important;
    height: 45px !important;
    line-height: 35px !important;
    text-align: center !important;
    background: #005BAC !important;
    color: #fff !important;
    font-size: 14px !important;
    border-radius: 30px !important;
    margin-top: 30px !important;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
}

#wpforms-98-field_1-container {
    width: 31% !important;
}

#wpforms-98-field_2-container {
    width: 31% !important;
}

#wpforms-98-field_3-container {
    width: 31% !important;
}

#wpforms-98-field_4-container {
    width: 31% !important;
}

#wpforms-98-field_5-container {
    width: 31% !important;
}

#wpforms-98-field_6-container {
    width: 31% !important;
}

#wpforms-98-field_7-container {
    width: 100% !important;
}

#wpforms-99-field_1-container {
    width: 100% !important;
}

#wpforms-99-field_1-container input {
    border-radius: 5px !important;
}

#wpforms-99-field_2-container {
    width: 100% !important;
}

#wpforms-99-field_3-container {
    width: 100% !important;
}

#wpforms-99-field_2-container input {
    border-radius: 5px !important;
}

#wpforms-99-field_1-container label {
    font-size: 12px;
}

#wpforms-99-field_2-container label {
    font-size: 12px;
}

#wpforms-99-field_3-container label {
    font-size: 12px;
}

#wpforms-97-field_1-container {
    width: 31%;
}

#wpforms-97-field_2-container {
    width: 31%;
}

#wpforms-97-field_3-container {
    width: 31%;
}

#wpforms-97-field_4-container {
    width: 31%;
}

#wpforms-97-field_5-container {
    width: 31%;
}

#wpforms-97-field_6-container {
    width: 31%;
}

#wpforms-97-field_7-container {
    width: 100%;
}

#wpforms-97-field_8-container {
    width: 100%;
}

#wpforms-97-field_10-container label {
    color: #333;
}

#wpforms-99-field_1-container {
    width: 48%;
}

#wpforms-99-field_2-container {
    width: 48%;
}

#wpforms-submit-99 {
    background: #009FE6 !important;
    margin-top: 10px !important;
}

#wpforms-137-field_6-container {
    width: 100% !important;
}

#wpforms-submit-137 {
    background: #009FE6 !important;
}

#wpforms-137-field_4-container {
    width: 48% !important;
}

#wpforms-137-field_5-container {
    width: 48% !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    line-height: 22px !important;
}

.img_wrapper {
    text-align: center;
}

.product-want p:hover {
    font-weight: 600;
}

.product-item li:hover .item-img img {
    transform: scale(1.2);
}

.one-number span {
    color: #005BAC;
}

.wp-pagenavi a,
.wp-pagenavi span {
    padding: 5px 10px;
    color: #BFBFBF;
}

.wp-pagenavi a:hover {
    border: 1px solid #005BAC !important;
    color: #005BAC !important;
}

.wp-pagenavi span:hover {
    border: 1px solid #005BAC !important;
    color: #005BAC !important;
}

.current {
    border: 1px solid #005BAC !important;
    color: #005BAC !important;
}

.faq:hover p {
    font-weight: 500 !important;
}

.mb {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}

.mb>div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mb-c {
    width: 840px;
    padding: 30px 20px;
    position: relative;
    background: #fff;
    position: relative;
}

.mb-c .details-Inquiry {
    margin-top: 0;
}

.x {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #333;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.product-dc img {
    max-width: 100%;
}

img {
    max-width: 100%;
}

@media(max-width:840px) {
    .mb-c {
        width: 90%;
    }
}

@media(min-width:768px) {
    .area-list li:nth-child(3n) {
        margin-right: 0;
    }
    .our-item li:nth-child(4n) {
        margin-right: 0;
    }
}

.product-cp>h3 {
    font-size: 18px;
    color: #005BAC;
    margin-bottom: 20px;
}

.cp-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cp-list>div {
    width: 48%;
}

.cp-img {
    border: 1px solid #b9b8b8;
}

.cp-img img {
    display: block;
    width: 100%;
}

.cp-text p {
    font-size: 14px;
}

.cp-text h5 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.cp-text div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cp-text div span {
    font-size: 14px;
    margin-right: 20px;
}

.cp-text .text-a {
    margin-top: 10px;
    justify-content: space-around;
}

.cp-text .text-a a {
    padding: 8px 0;
    border: 1px solid #b9b8b8;
    width: 150px;
    text-align: center;
    font-size: 12px;
}

.cp-text .text-a a:nth-child(2) {
    background: #005BAC;
    color: #fff;
    border: none;
}

.product-tab {
    display: flex;
    margin: 30px 0;
    border: 1px solid #b9b8b8;
    border-right: none;
    width: 360px;
}

.product-tab span {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 120px;
    padding: 8px 0;
    border-right: 1px solid #b9b8b8;
    cursor: pointer;
}

.product-tab .on {
    background: #005BAC;
    color: #fff;
}

.tab-list {
    padding: 20px;
    border: 1px solid #b9b8b8;
}

.tab-list li div {
    margin-bottom: 20px;
}

.tab-list li div h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.tab-list li div p {
    font-size: 14px;
    line-height: 28px;
}

.tab-list li div h5 {
    margin-bottom: 10px;
    font-size: 16px;
}

.tab-list li p img {
    max-width: 100% !important;
    display: block;
    margin: auto;
    height: auto;
}

.tab-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tab-flex>div {
    width: 48%;
}

.tab-list li {
    display: none;
}

.product-b {
    border: 1px solid #b9b8b8;
    padding: 20px;
    margin-top: 30px;
}

.product-b h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.product-b p {
    font-size: 14px;
    line-height: 28px;
}

@media(min-width:900px) {
    .nav-list li:hover .nav-two {
        display: block;
        box-shadow: 0px 4px 16px 0px rgba(76, 126, 233, 0.15);
    }
}

@media(max-width:1200px) {
    .max {
        width: 100%;
        padding: 0 10px;
    }
    .banner-text {
        width: 100%;
        left: 0;
        padding: 0 10px;
        justify-content: center;
    }
    .banner>img {
        min-height: 400px;
    }
}

@media(max-width:1000px) {
    .what-l {
        width: 100%;
        margin-bottom: 20px;
    }
    .what-r {
        width: 100%;
    }
    .what-list li {
        width: 49%;
        margin-bottom: 10px;
    }
}

@media(max-width:900px) {
    nav {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 99;
        width: 100%;
        padding: 20px 10px;
    }
    .down {
        display: block;
    }
    nav .max {
        padding: 0;
    }
    .m-search {
        display: block;
    }
    .head-ewm {
        display: none;
    }
    .head-phone {
        display: none;
    }
    .ewm {
        display: none;
    }
    .launch {
        display: block;
    }
    .nav-list {
        display: block;
    }
    .nav-list li {
        border-bottom: 1px dashed #f2f2f2;
        padding-left: 10px;
    }
    .m-search {
        margin-top: 20px;
        margin-right: 0;
    }
    .m-search input {
        width: 100%;
    }
    .nav-two {
        position: initial;
        min-width: 100%;
        background: none;
        padding: 10px;
        left: auto;
        top: auto;
        display: none;
        z-index: 98;
    }
    .nav-list li:hover .nav-two {
        box-shadow: none;
        background: #005BAC;
    }
    .nav-list .nav-two a {
        color: #fff;
        text-align: left;
        padding-left: 15px;
    }
    .one-flex>div {
        width: 100%;
    }
    .one-l {
        padding: 0;
        margin-bottom: 20px;
    }
}

@media(max-width:768px) {
    .one-list li img {
        width: 20%;
    }
    .one-number {
        font-size: 26px;
    }
    .title {
        font-size: 22px;
    }
    .two-top a {
        font-size: 14px;
    }
    .three-list li {
        margin-right: 10px;
        margin-bottom: 10px;
        width: calc((100% - 10px)/2);
    }
    .three-list li:nth-child(2n) {
        margin-right: 0;
    }
    .four-list li {
        margin-right: 10px;
        margin-bottom: 10px;
        width: calc((100% - 10px)/2);
    }
    .four-list li:nth-child(2n) {
        margin-right: 0;
    }
    .four-list li:nth-child(3) {
        margin-right: 10px;
    }
    /* .four-list li:nth-child(6){
        margin-right: 10px;
    } */
    .foot-flex>div {
        width: 100%;
    }
    .foot-l {
        margin-bottom: 20px;
    }
    .foot-c {
        margin-bottom: 20px;
    }
    .foot-l div p {
        font-size: 14px;
    }
    .foot-title {
        font-size: 22px;
    }
    .foot-c>p {
        font-size: 14px;
    }
    .foot-item li a {
        font-size: 14px;
    }
    .bot-l {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .bot-r {
        width: 100%;
        justify-content: end;
    }
    .bot-r a {
        margin: 0 10px;
    }
    .btn-logo {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .logo {
        width: 35%;
    }
    .logo img {
        width: 100%;
        object-fit: cover;
        display: block;
    }
    .banner-text h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .banner-text p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .banner-text a {
        padding: 8px 15px;
        font-size: 14px;
    }
    .banner>img {
        min-height: auto;
        width: 100%;
    }
    .product-l {
        width: 100%;
        margin-bottom: 20px;
    }
    .product-r {
        width: 100%;
    }
    .product-class>h5 {
        line-height: 50px;
        font-size: 16px;
    }
    .product-class>a {
        line-height: 35px;
        font-size: 14px;
    }
    .product-r .four-list li {
        width: 100%;
        margin-right: 0;
    }
    .product-item {
        justify-content: space-between;
    }
    .product-item li {
        width: 49%;
        margin-right: 0;
    }
    .product-want {
        padding: 30px 20px;
    }
    .product-want h3 {
        font-size: 18px;
    }
    .product-want p {
        font-size: 14px;
    }
    .product-dc p {
        font-size: 14px;
    }
    .w100 {
        width: 100% !important;
    }
    .contact-l {
        padding: 20px;
    }
    .contact-r {
        padding: 20px;
    }
    .contact-title p {
        font-size: 14px;
    }
    .contact-title h3 {
        font-size: 20px;
    }
    .contact-tit h3 {
        font-size: 20px;
    }
    .contact-tit p {
        font-size: 14px;
    }
    .map-title {
        font-size: 22px;
    }
    .and-title h3 {
        font-size: 22px;
    }
    .and-title p {
        font-size: 14px;
    }
    .and-flex>div {
        width: 50%;
        margin: 10px 0;
    }
    .and-flex {
        flex-wrap: wrap;
    }
    .Text-title h3 {
        font-size: 20px;
    }
    .Text-3 div {
        width: 48%;
    }
    .area-list li {
        width: calc((100% - 10px)/2);
        margin-bottom: 20px;
        margin-right: 10px;
    }
    .area-list li:nth-child(2n) {
        margin-right: 0px;
    }
    .support-list li {
        width: 100%;
    }
    .area-list li h3 {
        font-size: 16px;
        margin: 20px 0 10px 0;
    }
    .what-list li {
        width: 100%;
        margin-bottom: 10px;
    }
    .our-txt {
        margin-bottom: 20px;
        padding: 0 !important;
    }
    .our-txt h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .our-txt p {
        font-size: 14px;
    }
    .T .our-txt {
        margin-bottom: 0;
        margin-top: 20PX;
    }
    .our-item li {
        width: calc((100% - 10px)/2);
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .our-item li:nth-child(2n) {
        margin-right: 0;
    }
    .abt a {
        padding: 5px 10px;
    }
    .news-item li .news-time {
        display: none;
    }
    .news-img {
        width: 100%;
        margin-bottom: 10px;
    }
    .news-txt {
        width: 100%;
    }
    .news-txt div span {
        display: block;
    }
    .head-t {
        border-bottom: 1px solid #f5f5f5;
    }
    .details-Inquiry h5 {
        font-size: 20px;
    }
    .downloads li div {
        width: 100%;
    }
    .downloads li h5 {
        font-size: 16px;
    }
    .downloads li p {
        font-size: 14px;
    }
    .downloads li a {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }
    .cp-img {
        margin-bottom: 20px;
    }
    #wpforms-98-field_1-container {
        width: 48% !important;
    }
    #wpforms-98-field_2-container {
        width: 48% !important;
    }
    #wpforms-98-field_3-container {
        width: 48% !important;
    }
    #wpforms-98-field_4-container {
        width: 48% !important;
    }
    #wpforms-98-field_5-container {
        width: 48% !important;
    }
    #wpforms-98-field_6-container {
        width: 48% !important;
    }
    .wpforms-field-container label {
        font-size: 12px !important;
    }
    #wpforms-97-field_1-container {
        width: 48%;
    }
    #wpforms-97-field_2-container {
        width: 48%;
    }
    #wpforms-97-field_3-container {
        width: 48%;
    }
    #wpforms-97-field_4-container {
        width: 48%;
    }
    #wpforms-97-field_5-container {
        width: 48%;
    }
    #wpforms-97-field_6-container {
        width: 48%;
    }
    .mb-c .Text-title {
        margin: 10px 0;
    }
    .mb-c #wpforms-98 {
        margin-bottom: 0 !important;
    }
    .mb-c .wpforms-submit {
        margin-top: 10px !important;
    }
    .mb-c #wpforms-98-field_7 {
        height: 50px;
    }
    .mb-c .wpforms-field-container input {
        height: 30px !important;
    }
}

#wpforms-137-field_8-container {
    display: none;
}

#wpforms-98-field_9-container {
    display: none;
}

#wpforms-99-field_5-container {
    display: none;
}
.mobile_bottom{
    display: none !important;
}
.cpnone{
    display: none !important;
}
/* 针对屏幕宽度小于或等于768像素的设备 */
@media screen and (max-width: 768px) {
    .two-top {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .pnone{
        display:none !important;
      }
      .foot {
        padding: 10px 0;
    }
    .mobile_bottom{
        display: block !important;
    }
    .four-txt {
        padding: 10px;
        height: 200px;
        overflow: auto;
    }
    .cpnone{
        display: block !important;
    }
    footer{
        padding: 20px 0 !important;
        margin-bottom: 60px ;
    }
  }