@import "animate.min.css";
@import "bootstrap.min.css";
@import "public.youacacia.min.css";

/*redefine global*/
:root {
    --bg-blue: #141790;
    --bg-green: #00A243;
    --bg-white: #fff;
    --bg-black: #000;
    --text-color-blue: #141790;
    --text-color-green: #00A243;
    --text-color-white: #ffffff;
    --text-color-black: #000;
    --text-color-grey: #666;
    --text-color-999: #999;
    --text-color-333: #333;
/*
    --font-size-48: 2.5vw;
    --font-size-40: 2.0833vw;
    --font-size-36: 1.875vw;
    --font-size-34: 1.77083vw;
    --font-size-32: 1.667vw;
    --font-size-30: 1.5625vw;
    --font-size-28: 1.4583vw;
    --font-size-26: 1.35167vw;
    --font-size-24: 1.25vw;
    --font-size-22: 1.14583vw;
    --font-size-20: 1.04167vw;
    --font-size-18: 0.9375vw;
    --font-size-16: 0.833vw;
    --font-size-14: 0.72916vw;
    --font-size-12: 0.625vw;
*/
}

@media(min-width: 1921px) {
    :root {
/*
        --font-size-48: 48px;
        --font-size-40: 40px;
        --font-size-36: 36px;
        --font-size-34: 34px;
        --font-size-32: 32px;
        --font-size-30: 30px;
        --font-size-28: 28px;
        --font-size-26: 26px;
        --font-size-24: 24px;
        --font-size-22: 22px;
        --font-size-20: 20px;
        --font-size-18: 18px;
        --font-size-16: 16px;
        --font-size-14: 14px;
        --font-size-12: 12px
*/
    }
}

@media(max-width: 760px) {
    :root {
/*
        --font-size-48: 11.594vw;
        --font-size-40: 9.6618vw;
        --font-size-36: 8.69vw;
        --font-size-32: 7.729468vw;
        --font-size-30: 7.2463vw;
        --font-size-28: 6.7632vw;
        --font-size-26: 6.2801vw;
        --font-size-24: 5.797vw;
        --font-size-22: 5.314vw;
        --font-size-20: 4.8309vw;
        --font-size-18: 4.34782vw;
        --font-size-16: 3.8647vw;
        --font-size-14: 3.38166vw;
        --font-size-12: 2.89855vw;
*/
    }
}

::-webkit-scrollbar {
    width: 4px;
    height: 11px;
    border: none;
    background: var(--bg-green)
}

::-webkit-scrollbar-track-piece {
    border: none;
    position: absolute;
    padding: 0;
    box-shadow: none;
    background: var(--bg-green, #000);
    border-radius: 1px
}

::-webkit-scrollbar-thumb:vertical {
    background: var(--bg-green, #000);
    border-radius: 0;
    border: none
}

::-webkit-scrollbar-thumb:horizontal {
    background: var(--bg-green, #000);
    border-radius: 0;
    border: none
}

::-webkit-scrollbar {
    width: 4px;
    height: 12px
}

::-webkit-scrollbar-button:vertical {
    display: none
}

::-webkit-scrollbar-track:vertical {
    background: var(--bg-green, #000)
}

::-webkit-scrollbar-track-piece {
    background: #fff
}

::-webkit-scrollbar-thumb:vertical {
    background: var(--bg-green, #000);
    border-radius: 5px
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: var(--bg-green, #000)
}

::-webkit-scrollbar-corner:vertical {
    background: var(--bg-green, #000)
}

/* @font-face {
    font-family: Barlow;
    src: url(../fonts/Barlow-Regular.ttf)
}

@font-face {
    font-family: Merriweather;
    src: url(../fonts/Merriweather-Regular-9.ttf)
}

@font-face {
    font-family: BarlowLight;
    src: url(../fonts/BarlowLight.ttf)
} */

@font-face {
    font-family: KingsoftCloud;
    src: url(../fonts/Kingsoft_Cloud_Font.ttf)
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.woff2?t=1675046316153') format('woff2'),
        url('../fonts/iconfont.woff?t=1675046316153') format('woff'),
        url('../fonts/iconfont.ttf?t=1675046316153') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    /*font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial, 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;*/
    font-family: -apple-system, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, STHeiti, Microsoft YaHei, Microsoft JhengHei, SimSun, sans-serif;
    position: relative;
    z-index: 1;
	overflow-x: hidden;
	cursor: default;
}

a {
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-decoration: none;
    color: #222222;
    font-size: 13px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}
:focus {
  outline: none !important;
}

a:hover {
    color: #333;
}
a:focus,a:visit,a:link,a:active,a:hover{
    outline: none !important;
    border: none !important;
}

/*----- clearfix-----*/
.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

@media(min-width: 1600px) {
    .container {
        width: 83.33333vw;
        max-width: 1600px;
        min-width: 1600px
    }
}

/* @media(min-width: 1550px) {
    .container {
        width: 79.6875vw;
        max-width: 1400px;
        min-width: 1400px
    }
} */

@media(min-width: 1300px) and (max-width: 1549px) {
    .container {
        width: 95vw;
    }
}

@media(max-width: 992px) {
    .container {
        width: 95vw
    }
}

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

/*header*/
#header {
    position: sticky;
}

#header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header .container::before,
#header .container::after {
    display: none;
}

.header-logo {
    width: 235px;
    height: 40px;
    background-size: contain !important;
    float: left;
    position: relative;
}

.header-logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.header-logo a img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: ease .5s;
}

.header-logo a img:nth-child(1) {
    opacity: 1;
}

.header-logo a img:nth-child(2) {
    opacity: 0;
}
#header.header-sticky{
}

#header.header-sticky .header-logo a img:nth-child(1) {
    opacity: 1;
}

#header.header-sticky .header-logo a img:nth-child(2) {
    opacity: 0;
}

.header-right {
    margin: 0;
    float: right;
    display: flex
}

/*dropdown nav*/
.nav-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    position: relative
}

.nav-wrapper .nav-item {
    padding: 0 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    z-index: 10
}

.nav-wrapper .nav-item h2.nav-item-link {
    font-weight: 400;
    font-size: 16px;
    line-height: 90px;
    cursor: pointer;
}

.nav-wrapper .nav-item h2.nav-item-link a {
	font-size: 18px;
    font-weight: 400;
	/*color: #fff;*/
    display: inline-block;
    position: relative;
    line-height: inherit;
}

.nav-item .submenu {
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease .5s;
    transition: ease .5s;
    opacity: 0;
    visibility: hidden;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 3px 16px rgba(0, 0, 0, .1);
    z-index: 10;

}

.nav-item .submenu a {
    font-size: 14px;
    line-height: 36px;
    position: relative;
    display: block;
    overflow: hidden;
    height: 36px;
    padding: 0 15px;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}

.nav-item .submenu a:last-child {
    border-bottom: 0
}

.nav-item .submenu a:hover {
    color: #fff;
    background: var(--text-color-green)
}

.nav-item .submenu a:hover:after {
    right: 15px;
    visibility: visible
}

.nav-wrapper .nav-item h2.nav-item-link.active a {
    font-weight: 600;
}

.nav-wrapper>.nav-item+.nav-item {
    margin-left: 10px;
}

.nav-wrapper .nav-item:hover,
.nav-wrapper .nav-item.active {
/*    background-color: var(--bg-green);*/
}

.nav-wrapper .nav-item .nav-item-link:hover a:before,
.nav-wrapper .nav-item .nav-item-link.active a:before {
    opacity: 1;
}

.header-sticky .nav-wrapper .nav-item .nav-item-link:hover a:before,
.header-sticky .nav-wrapper .nav-item .nav-item-link.active a:before {
    opacity: 1;
}

.header-sticky .nav-wrapper .nav-item h2.nav-item-link {
    line-height: 90px;
}

.nav-wrapper .nav-item:hover .submenu {
    top: 90px;
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

.nav-wrapper .nav-item:hover .nav-item-link a,
.header-sticky .nav-wrapper .nav-item:hover .nav-item-link a,
.nav-wrapper .nav-item.active .nav-item-link a,
.header-sticky .nav-wrapper .nav-item.active .nav-item-link a {
/*    color: #fff;*/
}

.header-sticky .nav-wrapper .nav-item h2.nav-item-link a {
    color: var(--text-color-333);
}

.header-sticky .nav-wrapper .nav-item h2.nav-item-link.active a {
    color: var(--text-color-green);
}
/*top tel*/
.header-lang {
    margin-left: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.lang-icon {
    color: #fff;
    font-size: 3rem;
}

#header,#header.header-sticky {
    background: var(--bg-white);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

#header .header-nav-item a,#header.header-sticky .header-nav-item a {
    color: var(--text-color-333)
}

#header .header-search-icon,#header.header-sticky .header-search-icon {
    color: var(--text-color-333)
}

#header .header-nav-item:hover a,
#header .header-nav-item.active a,
#header.header-sticky .header-nav-item:hover a,
#header.header-sticky .header-nav-item.active a {
    color: var(--text-color-green)
}

#header .header-tel .tel-icon,
#header.header-sticky .header-tel .tel-icon {
    color: var(--text-color-green);
}

#header .header-tel span,
#header.header-sticky .header-tel span {
    color: var(--text-color-green);
}
#header .lang-icon,
#header.header-sticky .lang-icon{
	color: #333
}

@keyframes mouseSvg {
    0% {
        margin-top: -5px;
    }

    50% {
        margin-top: 0
    }

    100% {
        margin-top: -5px
    }
}

@-webkit-keyframes mouseSvg {
    0% {
        margin-top: -5px;
    }

    50% {
        margin-top: 0
    }

    100% {
        margin-top: -5px
    }
}

/*mobile nav*/
.m-nav {
    position: fixed;
    top: 0;
    /*box-shadow: 0 15px 27px 0 rgba(167, 165, 165, .38);*/
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    z-index: 0;
    opacity: 0;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    /*    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;*/
    top: 0;
    transform: translateX(100%)
}

.m-nav a {
    outline: none
}

.m-nav.active {
    opacity: 1;
    transform: translateX(0);
    z-index: 1000
}

.m-nav .top {
    height: 60px;
    padding: 20px;
    box-sizing: border-box
}

.m-nav .top .closed {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    float: right;
    cursor: pointer
}

.m-nav .logo {
    width: 100%;
    margin: 0 auto
}

.m-nav .logo img {
    width: 45%;
    display: block;
    margin: 0 auto 30px
}

.m-nav .ul {
    margin-top: 30px
}

.m-nav .ul li {
    padding: 0 20px;
    border-bottom: 1px solid #f5f5f5;
    transform: translateY(0);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0
}

.m-nav.active .ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.m-nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(5) {
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(7) {
    -webkit-transition: all 1.4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li:nth-child(8) {
    -webkit-transition: all 1.6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms
}

.m-nav .ul li a {
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    position: relative;
}

.m-nav .ul li a.active {
    font-weight: 800;
    color: #1b2c43
}

.m-nav .ul li.dropdown a.dropdown-title::before,
.m-nav .ul li.dropdown a.dropdown-title::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    background-color: rgba(51, 51, 51, 0.5);
    right: 10px;
    top: 50%;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    -o-transition: transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}

.m-nav .ul li.dropdown a.dropdown-title::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.m-nav .ul li.dropdown a.dropdown-title.active::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.m-nav .ul li a i {
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.m-nav .ul li .dropdown_menu {
    display: none
}

.m-nav .ul li.dropdown.active .dropdown_menu {
    display: block
}

.m-nav .ul li .dropdown_menu a {
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5
}

.m-nav .ul li .dropdown_menu a:last-child {
    border: none
}

.m-nav-tel {
    text-align: center;
    margin-top: 18px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #666;
}

.m-nav-tel a {
    font-weight: 800;
}

.m-nav-link {
    text-align: center;
    margin-top: 18px;
}

.m-nav-link a {
    display: inline-block;
    padding: 5px 25px;
    color: #fff;
    cursor: default;
    background: #00598e;
    font-size: 14px;
    line-height: 2;
}
/* sub menu */
.header-menu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    top: 90px;
    z-index: 3;
    box-shadow: 5px 0px 10px -6px rgb(169, 217, 172);
    display: none;
}

#header .header-menu .container {
    justify-content: center;
    align-items: center;
}
#header .header-menu .container:before,#header .header-menu .container:after{
	display: none
}

.header-menu-items {
    margin: 0;
	width: 100%;
}

.header-menu-item {
    align-items: center;
    justify-content: flex-end;
    visibility: hidden;
    display: none;
    opacity: 0;
}

.header-menu-item.active {
	padding-right: 25rem;
    visibility: visible;
    opacity: 1;
    display: flex;
}

.header-menu-item .sub-pro-item {
	margin: 0;
    position: relative;
    width: 20%;
    transition: background .3s ease;
}
.header-menu-item .sub-pro-item a{
    position: relative;
	padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #333;
	font-size: 14px;
	text-align: center;
	line-height: 2
}
.header-menu-item .sub-pro-item i{
    display: block;
    width: 100px;
    height: 60px;
    margin-bottom: 10px;
}
.header-menu-item .sub-pro-item i img{
	display: block;
    width: 100%;
	height: 100%;
	object-fit: contain
}
.header-menu-item .sub-pro-item:hover{
	background-color: #bc1b21;
}
.header-menu-item .sub-pro-item:hover a{
	color: #fff
}

/*main*/
#main {
    position: relative;
    z-index: 2
}

/*banner*/
.indexBanner {
    width: 100%;
    overflow: hidden;
}

.indexBanner .PcBanenr {
    position: relative;
}

.indexBanner .bannerZhan {
    width: 100%;
}

.indexBanner .bannerBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.indexBanner .bannerBox .imgBox {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.indexBanner .bannerBox .imgBox li {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.indexBanner .bannerBox .imgBox li:nth-child(1) {
    z-index: 1;
}

.indexBanner .bannerBox .imgBox li img {
    width: 100%;
    object-fit: cover;
}
.PcBanenr_content{
	width: 100%;
	/*height: 100vh*/
}
.content_list_img{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}
.content_list_img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.indexBanner .textBox {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    padding-left: 8.3vw;
    overflow: hidden;
    width: 100%;
}

.indexBanner .textBox li {
    position: absolute;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    top: 0;
    color: #FFFFFF;
    width: 210px;
}

.indexBanner .textBox li p {
    transform: translateY(15px);
    opacity: 0;
    display: inline-block;
}

.indexBanner .textBox li p.txt1 {
    color: #FFFFFF;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
    white-space: pre;
    font-family: 'RobotoB';
}

.indexBanner .textBox li p.txt2 {
    font-size: 60px;
    white-space: pre;
}

.indexBanner .textBox li p.txt3 {
    font-size: 20px;
    margin-bottom: 35px;
    white-space: pre;
    margin-top: 10px;
}

.indexBanner .textBox li.on p {
    transform: translateY(0px);
    opacity: 1;
    transition: all ease 1.5s;
}

.indexBanner .textBox li.on {
    z-index: 5;
}

.indexBanner .textBox a {
    color: #FFFFFF;
    display: flex;
    padding: 0 30px;
    height: 50px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 48px;
    border: #FFFFFF solid 1px;
    width: fit-content;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexBanner .textBox a i {
    margin-right: 10px;
}

.indexBanner .textBox li.on a:hover {
    background: #fff;
    color: #035fa3;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexBanner .textBox li:before {
    content: "";
    display: inline-block;
    width: 3224px;
    background: none;
    position: absolute;
    left: -113.2vw;
    border-radius: 0px 1100px 1100px 0px;
    height: 2057px;
    top: -52%;
    border-right: 1px solid rgba(255, 255, 255, .2);
    opacity: 0;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    display: none;
}

.indexBanner .textBox li.on:before {
    opacity: 1;
    animation: mymove 6s infinite;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

@keyframes mymove {
    from {
        background: rgba(0, 0, 0, .3);
    }

    to {
        background: rgba(0, 0, 0, 0);
    }
}

.indexBanner .indexBox {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* right: 8.7vw;
    position: absolute;
    top: 0; */
    font-size: 15px;
    color: #FFFFFF;
    z-index: 1;
}

.indexBanner .indexBox span:nth-child(1) {
    font-size: 38px;
    font-weight: bolder;
}

.indexBanner .arrowBox {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 3.125vw;
    position: absolute;
    top: 0;
    flex-direction: column;
    z-index: 3;
}

.indexBanner .arrowBox img {
    margin: 10px 0;
    cursor: pointer;
}

.indexBanner .banner_bn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    background: url(../images/banner_bn.png) no-repeat 50%/cover;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    opacity: 0;
}

.indexBanner .imgBox li.on .banner_bn {
    opacity: .3;
    animation: mymove2 6s infinite;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

@keyframes mymove2 {
    from {
        opacity: .3;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }

    to {
        opacity: 0;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }
}

.indexBanner .priontBox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/banner_bg.png) no-repeat 50%/cover;
}

.indexBanner .priontBox li {
    width: 7px;
    height: 7px;
    position: absolute;
}

.indexBanner .priontBox li div {
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background: #FFFFFF;
}

.indexBanner .priontBox li canvas {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.indexBanner .priontBox li svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.indexBanner .priontBox li svg .jdt2 {
    transform: rotate(-90deg);
    transform-origin: 32px;
}

.indexBanner .priontBox li svg .jdts2 {
    animation: jtd2 infinite 5s linear;
}

@keyframes jtd2 {
    0% {
        stroke-dasharray: 0 190;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 190 0;
        stroke-dashoffset: 0;
    }
}

.indexBanner .priontBox li:nth-child(1) {
    top: 50%;
    left: calc(100% * (1212 / 1920));
    transform: translateY(-100px);
}

.indexBanner .priontBox li:nth-child(2) {
    top: 50%;
    left: calc(100% * (1217 / 1920));
}

.indexBanner .priontBox li:nth-child(3) {
    top: 50%;
    left: calc(100% * (1212 / 1920));
    transform: translateY(100px);
}

.indexBanner .linkBox {
    display: flex;
    align-items: center;
    position: absolute;
    right: 3.125vw;
    bottom: 3.125vw;
    z-index: 3;
}

.indexBanner .linkBox .linkBoxXun {
    border: rgba(191, 191, 200, .39) solid 1px;
    border-radius: 5px;
    width: 200px;
    padding: 15px 22px 22px 22px;
    color: #fff;
    margin-left: 15px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexBanner .linkBox .linkBoxXun:hover {
    background: rgba(191, 191, 200, .39);
}

.indexBanner .linkBox .linkBoxXun .linkBoxXun1 {
    font-size: 14px;
    line-height: 2em;
}

.indexBanner .linkBox .linkBoxXun .linkBoxXun2 {
    font-size: 18px;
    line-height: 2em;
    margin-bottom: 15px;
}

.indexBanner .linkBox .linkBoxXun .linkBoxXun3 {
    font-size: 14px;
    color: #fff;
    display: inline-block;
}

.indexBanner .linkBox .linkBoxXun .linkBoxXun3 i {
    margin-right: 10px;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list {
    position: relative;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_img img {
	display: block;
    width: 100%;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title {
	margin: 0;
    height: 100%;
	align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
    z-index: 20;
}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title2{
	right: auto;
	left: 0;
	align-items: flex-end
}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dd {
    font-size: 4.6rem;
    color: rgba(51, 51, 51, .1);
    text-transform: uppercase;
    font-weight: bolder;
    margin: 0 0 20px;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dt {
    font-size: 6rem;
	font-weight: 800;
    color: #fff;
    margin: 0 0 10px;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_p {
    font-size: 24px;
    color: #fff;
    margin: 0;
    line-height: 1.6;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn {
    color: #fff;
    display: flex;
    height: 50px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    width: fit-content;
    width: 170px;
}

.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn:hover {
    background: #fff;
    color: #be1d23;
}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title2 .list_title_btn{
	border-color: #333
}
.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_btn i {
    margin-right: 15px;
}

.PcBanenr .PcBanenr_content .container {
	height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 2;
}
.PcBanenr .PcBanenr_content .container:before,.PcBanenr .PcBanenr_content .container:after{
	display: none;
}
.PcBanenr .PcBanenr_content_arrow {
    /* position: absolute;
    top: 0;
    right: 4.3vw; */
    margin: 0 0 0 30px;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PcBanenr .PcBanenr_content_arrow i {
    font-size: 3.6rem;
    color: #fff;
    line-height: 1;
}

.PcBanenr .PcBanenr_content_arrow .PcBanenr_prev {
    cursor: pointer;
}

.PcBanenr .PcBanenr_content_arrow .PcBanenr_next {
    cursor: pointer;
    transform: rotate(180deg);
}

.PcBanenr .PcBanenr_content_list.swiper-slide-active .banner_bn {
    opacity: .3;
    animation: mymove3 6s infinite;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

@keyframes mymove3 {
    from {
        opacity: .3;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }

    to {
        opacity: 0;
        transition: all 0.5s ease 0s;
        -webkit-transform: all 0.5s ease 0s;
    }
}

.indexBanner .priontBox li svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.indexBanner .priontBox li svg .jdt2 {
    transform: rotate(-90deg);
    transform-origin: 32px;
}

.PcBanenr .PcBanenr_content_list.swiper-slide-active .priontBox li svg .jdt2 {
    animation: jtd2 infinite 6s linear;
}

@keyframes jtd2 {
    0% {
        stroke-dasharray: 0 190;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 190 0;
        stroke-dashoffset: 0;
    }
}

.PcBanenr .PcBanenr_content_list2.swiper-slide-active .priontBox li svg .jdt2 {
    animation: jtd2 infinite 4.9s linear;
}

.PcBanenr .PcBanenr_content_list2.swiper-slide-active .banner_bn {
    opacity: .3;
    animation: mymove3 4.9s infinite;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexBanner .indexBox .swiper-pagination {
    position: relative;
    font-family: KingsoftCloud;
}

.indexBanner .indexBox .swiper-pagination .swiper-pagination-current::before {
    content: "0";
}

.indexBanner .indexBox .swiper-pagination .swiper-pagination-total::before {
    content: "0";
}
.PcBanenr .index_pagination.container{
	position: absolute;
	left: 50%;
	bottom: 3rem;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: flex-end;
    z-index: 2;
}
.content_list_pic{
	margin: 0;
	width: 50%
}
.content_list_pic img{
	width: 100%
}
.title {
    padding: 2rem 0;
}

.title .en {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    line-height: 1.6;
}

.title h3 {
    font-size: 40px;
    color: #000;
    font-weight: 800;
    line-height: 1.6;
}

.title .line i {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 100%;
}

.title .line i+i {
    margin-left: 5px;
}

.title .line i.no1 {
    background-color: rgba(0, 162, 67, 1);
}

.title .line i.no2 {
    background-color: rgba(189, 27, 33, 0.5);
}

.title .line i.no3 {
    background-color: rgba(189, 27, 33, 0.1);
}

.title .cn {
    font-size: 16px;
    line-height: 2;
}

.more {
    display: flex;
    width: fit-content;
    align-items: center;
    font-size: 14px;
    color: rgba(0, 162, 67, 1);
    height: 52px;
    border: rgba(0, 162, 67, 1) solid 1px;
    border-radius: 50px;
    line-height: 50px;
    padding: 0 30px;
    margin-top: 4rem;
    margin-bottom: 6.5rem;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    max-width: 19.5rem;
}

.more i {
    margin-right: 10px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.more:hover {
    color: #fff;
    background: rgba(0, 162, 67, 1);
    border: 1px solid rgba(0, 162, 67, 1);
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

/* .more:hover i{
    color: #fff;
} */
/* inde about */
.about {
    padding: 4.2rem 0;
    background: url(../images/about-bg.png) no-repeat center;
    background-size: cover;
    position: relative;
}

.about::before {
    content: "PUYUAN";
    color: transparent;
    font-size: 20rem;
    font-weight: 900;
    letter-spacing: 40px;
    font-style: normal;
    -webkit-text-stroke: 1px rgba(188, 27, 33, 0.2);
    display: block;
    height: 100%;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-lr;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    z-index: -1;
}

.about .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about .container::before,
.about .container::after,
.service .container::before,
.service .container::after,
.bottom .container::before,
.bottom .container::after,
.page_about .container::before,
.page_about .container::after,
.page_quality .container::before,
.page_quality .container::after,
.pro_sys_advantage .container::before,
.pro_sys_advantage .container::after,
.pro_parameter .container::before,
.pro_parameter .container::after {
    display: none;
}

.about_left {
    margin: 0;
    width: 46%;
}

.about_txt {
    margin: 0;
    max-width: 70rem;
}

.about_txt h4 {
    margin: 5px 0;
    font-size: 32px;
    line-height: 2;
	color: #000;
    font-weight: 800;
}

.about_txt p {
    margin-bottom: 1.5rem;
    font-size: 16px;
    line-height:2;
    text-align: justify;
}

.about_right {
    margin: 0;
    width: 50.8%;
}

.about_right div {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.13);
}

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

.about_right div::after {
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 1) 100%);
    border-radius: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.about .advantage {
    position: absolute;
    left: 50%;
    bottom: 4rem;
    transform: translateX(-50%);
    justify-content: flex-start;
}

.advantage .adv-card {
    margin-left: 0;
	margin-right: 20rem;
    text-align: center;
}

.advantage div+div {
    margin-left: 3rem;
}

.adv-card i {
    font-size: 7.2rem;
    color: rgba(0, 162, 67, 1);
    font-style: normal;
}

.adv-card span {
    vertical-align: top;
    font-weight: 400;
}
.adv-card em{
	font-style: normal;
	color: #333
}
.adv-card h4 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    line-height: 2;
}

.adv-card p {
    font-size: 16px;
    line-height: 2;
}

/* product */
.product {
    padding: 4.2rem 0;
    /*background: url(../images/product-bg.png) no-repeat center;
    background-size: cover;*/
	background-color: rgba(245, 245, 245, 1);
    position: relative;
}

.product_list {
    padding: 2rem;
}
.product_list:before,.product_list:after{
    display: none;
}

.product_list .pro_li {
    margin: 3rem 0;
    display: flex;
    align-items: center;
	background: url(../images/pro-bg.png) no-repeat center;
    background-size: contain;
}

.product_list .pro_li .pro_pic {
    margin: 0;
	padding-left: 12rem;
    width: 50%;
    height: 50rem;
    display: flex;
    align-items: center;
    justify-content: center;
/*
    transform: perspective(1500px) rotateY(10deg);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 10px 10px 0px rgba(191, 191, 191, 0.25);
*/
    position: relative;
    z-index: 2;
}

.product_list .pro_li .pro_pic img {
    display: block;
    width: 80%;
    height: 80%;
    object-fit: contain;
/*    transform: perspective(1500px) rotateY(-10deg);*/
}

.product_list .pro_li .pro_text {
	padding: 10rem 15rem 10rem 5rem;
    width: 50%;
/*
    background: rgba(255, 255, 255, 1);
    transform: perspective(1500px) rotateY(-30deg);
    box-shadow: 0px 10px 10px 0px rgba(191, 191, 191, 0.25);
*/
}

.product_list .pro_li .pro_text div.cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
/*
    transform: perspective(1500px) rotateY(20deg);
    padding-left: 120px;
*/
}

.product_list .pro_li .pro_text div.cont h3 {
    margin-bottom: 10px;
    font-size: 32px;
    color: #000;
    font-weight: 800;
    line-height: 1.6;
}

.product_list .pro_li .pro_text div.cont h4 {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    line-height: 2;
}

.product_list .pro_li .pro_text div.cont p {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    line-height: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_list .pro_li .pro_text .more {
    margin: 3rem 0 0;
}

.product_list .pro_next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(0, 162, 67, 1);
    box-shadow: 0px 2px 10px 0px rgba(186, 186, 186, 0.25);
    position: absolute;
    left: 49%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 5;
	opacity: 0
}

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

.product_list .swiper-pagination-bullet {
    width: 1.6rem;
    height: 1.6rem;
}

.product_list .swiper-pagination-bullet-active {
    background-color: rgba(0, 162, 67, 1);
}

/* service */
.service {
    padding: 6rem 0;
    background-color: #fff;
}

.service .container {
    display: flex;
    align-items: center;
}

.service_left {
    margin: 0;
    padding-right: 3rem;
    width: 37vw;
}

.service_right {
    width: calc(100% - 37vw);
    height: 100%;
    position: relative;
}

.service_right img {
    opacity: 1;
}

.map_desc {
    position: absolute;
    right: 38.7vw;
    bottom: 40px;
    font-size: 20px;
    color: #333;
    line-height: 2;
}

.service_map {
    width: calc(100% + 8.216vw);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#map {
    width: 100%;
    height: 100%;
}

/* news */
.news {
    padding: 6rem 0;
/*
    background: rgba(240, 245, 248, 1) url(../images/news-bg.png) no-repeat right center;
    background-size: contain;
*/
	background-color: rgba(245, 245, 245, 1);
    position: relative;
    overflow: hidden;
}

/*
.news::before {
    content: "NEWS";
    color: rgba(235, 243, 247, 1);
    font-size: 30rem;
    font-weight: 900;
    position: absolute;
    right: -3rem;
    top: 1rem;
}
*/

.indexNews {
    width: calc(100% + 8.216vw);
    position: relative;
}

.indexNews .indexNewsArrow {
    height: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    width: 92%;
    z-index: 15;
}

.indexNews .indexNewsArrow i {
    display: flex;
    width: 6rem;
    height: 6rem;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 1);
    color: rgba(0, 162, 67, 1);
    box-shadow: 0px 2px 10px 3px rgba(186, 186, 186, 0.25);
    border-radius: 50%;
    cursor: pointer;
}

.indexNews .indexNewsArrow .indexNewsLeft {
    margin-left: -3rem;
    transform: rotate(-135deg);
}

.indexNews .indexNewsArrow .indexNewsRight {
    transform: rotate(45deg);
}

.indexNews .indexNewsBox {
    width: 100%;
    margin-bottom: 0px;
}

.indexNews .indexNewsBox .slick-track {
    display: flex;
    align-items: center;
}

.indexNews .indexNewsBox .inbXun {
    height: 330px;
    display: flex;
    align-items: center;
}

.indexNews .indexNewsBox .inbXun .inbXun_a {
    position: relative;
    background: #fff;
    padding: 50px;
    padding-right: 88px;
    border-right: 1px solid #ebebeb;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 11px 27px rgba(225, 225, 225, .14);
}

.indexNews .indexNewsBox .inbXun .inbXun_a:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 162, 67, 1);
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a .inbXuntime {
    font-size: 14px;
    color: rgba(0, 162, 67, 1);
    margin-bottom: 18px;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a .inbXuntime span {
    margin-left: 17px;
}

.indexNews .indexNewsBox .inbXun .inbXun_a .inbXunTitle {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    font-weight: bolder;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a .inbXunTxt {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 40px;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a .inbXunMore {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666666;
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a .inbXunMore span {
    margin-right: 5px;
    font-size: 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a:hover {
    padding: 68px 50px;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
    padding-right: 88px;
}

.indexNews .indexNewsBox .inbXun .inbXun_a:hover:before {
    opacity: 1;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXuntime {
    color: rgba(255, 255, 255, 1);
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunTitle {
    color: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunTxt {
    color: rgba(255, 255, 255, .8);
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunMore {
    color: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}

.indexNews .indexNewsBox .inbXun .inbXun_a:hover .inbXunMore span {
    transition: all 0.3s ease 0s;
    -webkit-transform: all 0.3s ease 0s;
}


.indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText {
    border-right: transparent solid 1px;
    background: transparent;
    top: 0;
    padding-top: 50px;
    height: 100%;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunDeta {
    color: #fff;
    margin-bottom: 15px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunTitle {
    color: #fff;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunSmall {
    color: #fff;
    margin-bottom: 60px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunMore i {
    color: #fff;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.indexNews .indexNewsBox .inbXun:hover .inbXunNei .inbXunText .inbXunMore span {
    color: #fff;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

@media(max-width: 1600px) {}

@media(max-width: 1550px) {}

@media(min-width: 1300px) and (max-width: 1549px) {
    .nav-wrapper .nav-item{
        padding: 0 20px;
    }
	.header-menu-item.active{
		padding-right: 32rem;
	}
	.header-menu-item .sub-pro-item{
		width: 22%
	}
	.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dt{
		font-size: 48px;
	}
	.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_p{
		font-size: 20px
	}
	.title h3{
		font-size: 36px
	}
    .news .about_txt {
        max-width: 55rem;
    }

    .about::before {
        font-size: 18rem;
        letter-spacing: 0;
    }

    .about_right div,
    .service_map,
    .indexNews {
        width: 100%;
    }
	.service_map #map div{
		width: 100%!important;
	}
	.more{
		margin-top: 2rem;
	}
	.advantage .adv-card{
		margin-right: 12rem;
	}
    .adv-card i {
        font-size: 5rem;
    }
	.adv-card h4{
		font-size: 16px
	}
	.product_list .pro_li .pro_text div.cont h3{
		font-size: 28px
	}
    .news::before {
        font-size: 24rem;
    }

    .product_list .pro_li .pro_text {
		padding: 10rem 10rem 10rem 5rem;
        width: 60%;
    }

    .product_list .pro_li .pro_pic {
        height: 45rem;
    }
}

@media(max-width: 1299px) {
	.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_dt{
		font-size: 45px;
	}
	.PcBanenr .PcBanenr_content .PcBanenr_content_list .content_list_title .list_title_p{
		font-size: 18px
	}
    .about::before {
        font-size: 14rem;
        letter-spacing: 10px;
    }

    .about_right div,
    .service_map,
    .indexNews {
        width: 100%;
    }
	.about_right div{
		height: 100%
	}

    .adv-card i {
        font-size: 4rem;
    }

    .news::before {
        font-size: 20rem;
    }

    .news .about_txt {
        max-width: 55rem;
    }
}

@media(max-width: 1024px) {
	.title h3{
		font-size: 26.4px;
	}
	.about .container{
		flex-wrap: wrap
	}
	.about .advantage{
		position: relative;
		left: auto;
		bottom: auto;
		transform: none;
	}
	.about_txt p{
		font-size: 15px
	}
	.about_txt .more{
		margin-top: 2rem;
		padding: 0 15px;
		height: 42px;
		line-height: 42px;
		font-size: 13px;
	}
	.about_left{
		padding-top: 0
	}
	.advantage .adv-card{
		margin-right: 6rem
	}
	.adv-card i{
		font-size: 39.6px
	}
	.adv-card h4{
		font-size: 17px
	}
	.product_list .pro_li{
		margin: 0;
	}
    .product_list .pro_li .pro_text {
        width: 60%;
        margin-left: 0;
        margin-right: 0;
		padding: 5rem;
    }
    .product_list .pro_li .pro_text div.cont {
        padding-left: 0;
    }
	
	.product_list .pro_li .pro_text div.cont h3{
		font-size: 23px;
	}
	.product_list .pro_li .pro_text .more{
		margin: 1rem 0 0
	}
    .news::before {
        font-size: 15rem;
    }

    .product_list .pro_li .pro_pic {
		padding-left: 4rem;
        height: 32rem;
    }
	.product_list .pro_li .pro_pic img{
		width: 100%
	}
}

@media(max-width: 992px) {}

@media(max-width: 760px) {
	.mo_banner .mo_banner_list{ position:relative;}
	.mo_banner .mo_banner_list .banner_list_title{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; flex-direction:column; padding:0px 8%;}
	.mo_banner .mo_banner_list .banner_list_title .list_title_dd{ font-size:16px;margin: 0}
	.mo_banner .mo_banner_list .banner_list_title .list_title_dt{ font-size:18px;margin-top:8px; margin-bottom:5px;margin-left: 0;margin-right: 0}
	.mo_banner .mo_banner_list .banner_list_title .list_title_p{ font-size:14px;margin: 0}
	.mo_banner .mo_banner_list .banner_list_img img{width: 100%}
	.mo_banner .swiper-button-next:after,.mo_banner .swiper-button-prev:after{ font-size:18px; color:#fff;}
	.about{
		padding: 3rem 0;
	}
	.about .container{
		flex-direction: column;
		justify-content: flex-start
	}
	.about_left{
        padding: 0;
		width: 100%
	}
	.about_right{
		margin-bottom: 1.5rem;
		width: 100%
	}
	.title{
		padding: 1rem 0
	}
	.title .en{
		font-size: 18px
	}
	.title h3{
		font-size: 20px
	}
	.title .cn{
		padding: 0 2rem;
		font-size: 16px;
	}
	.about_txt h4{
		margin: 0;
		font-size: 20px
	}
	.about_txt p{
		font-size: 14px
	}
	.more{
		margin-top: 0;
		margin-bottom: 2rem;
		padding: 0 15px;
		height: 42px;
		line-height: 42px;
		font-size: 13px;
	}
	.about_right div::after{
		border-radius: 8px
	}
	.about_right img{
		border-radius: 8px
	}
	.about .advantage{
		width: 100%;
		padding: 0;
		position: relative;
		flex-direction: row;
		left: auto;
		bottom: auto;
		transform: none;
		flex-wrap: wrap
	}
	.adv-card i{
		font-size: 20px
	}
	.adv-card em{
		font-size:18px
	}
	.adv-card h4{
		font-size: 15px
	}
	.adv-card p{
		font-size: 12px
	}
	.advantage .adv-card{
		margin-right: 0;
		margin-bottom: 15px;
		width: 50%;
	}
	.product{
		padding: 3rem 0 0
	}
	.product_list .pro_li{
		margin: 0;
		flex-direction: column
	}
	.product_list .pro_li .pro_pic{
		padding-left: 0;
		width: 100%;
		height: 24rem;
		transform: none;
		background-color: #fff;
		/*box-shadow: 0px 0px 10px 0px rgba(191, 191, 191, 0.25)*/
	}
	.product_list .pro_li .pro_text{
		padding: 0;
		width: 100%;
		margin-left: 0;
		background-color: #fff;
		transform: none
	}
	.product_list .pro_li .pro_text div.cont{
		padding: 2rem 2rem 6rem;
		transform: none
	}
	.product_list .pro_li .pro_text div.cont h3{
		font-size: 22px;
		line-height: 1.8
	}
	.product_list .pro_li .pro_text div.cont h4{
		font-size: 18px;
	}
	.product_list .pro_li .pro_text div.cont p{
		font-size: 16px;
		display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        work-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
	}
	.product_list .pro_next{
		opacity: 0
	}
	.product_list .pro_li .pro_text .more{
		margin-top: 1rem
	}
	.product_list .swiper-pagination{
		bottom: 3.5rem
	}
	.service{
		padding: 3rem 0
	}
	.service .container{
		flex-direction: column;
	}
	.service_left{
		padding: 0;
		width: 100%;
	}
	.service_right{
		width: 100%;
	}
	.news{
		padding: 3rem 0
	}
	.news::before{
		font-size: 8rem;
		right: 0
	}	
	.indexNews .indexNewsBox .inbXun .inbXun_a{
		padding: 30px;
	}
	.indexNews .indexNewsArrow{
		width: 100%
	}
	.indexNews .indexNewsArrow i{
		width: 4rem;
		height: 4rem;
		font-size: 14px;
	}
	.indexNews .indexNewsArrow .indexNewsLeft{
		margin-left: -15px
	}
	.indexNews .indexNewsArrow .indexNewsRight{
		margin-right: -15px
	}
}

/* page*/
.sub_banenr {
    position: relative;
	height: 670px;
}
.product_banner{
	/*margin-top: 70px;*/
	height: auto
}
.sub_banenr::before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(130deg, #141790, #00A243,#141790, #00A243);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

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

.sub_section {
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateX(-50%);
    font-size: 14px;
}

.sub_section h2 {
	/*padding-bottom: 1rem;*/
	/*margin-bottom: 1rem;*/
	display: inline-block;
	font-size: 30px;
    font-weight: 700;
    line-height: 1.6;
	letter-spacing: 2px;
	color: #be1d23;
	position: relative
}
/*.sub_section h2:before{*/
/*	content: "";*/
/*	width: 12px;*/
/*	height: 12px;*/
/*	display: block;*/
/*	background: url(../images/ico-arrow.png) no-repeat center;*/
/*	background-size: contain;*/
/*	position: absolute;*/
/*	left: -25px;*/
/*	top: calc(50% - .5rem);*/
/*	transform: translateY(-50%);*/
/*}*/
/*.sub_section h2:after{*/
/*	content: "";*/
/*	width: 6.25rem;*/
/*	height: 2px;*/
/*	background-color: #be1d23;*/
/*	position: absolute;*/
/*	left: 0;*/
/*	bottom: 0;*/
/*}*/

.sub_section p {
    font-size: 24px;
    font-weight: 400;
    line-height: 2;
    color: #4d4d4d;
}
.sub_section p.sub_en{
	color: #333335;
    font-size: 18px;
	line-height: 2;
	text-transform: uppercase;
}

/* page about  */
.page_about {
    padding: 10rem 0 9rem;
    position: relative;
}

.page_about::before {
    content: "ABOUT";
    font-size: 30rem;
    font-weight: 600;
    line-height: 0.8;
    color: rgba(245, 245, 245, .6);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

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

.page_about_left {
    width: 40%;
}
.page_about_left img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.13);
}

.page_about_left .cont p {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    line-height: 2;
}

.page_about_left .cont p span {
    font-size: 16px;
    color: var(--text-color-green);
    font-weight: 600;
    margin-right: 5px;
}
.page_about_left .cont p span em{
	font-style: normal
}
.page_about_right {
    width: 50%;
}

.page_about_right h4 {
    margin-bottom: 3rem;
    color: var(--text-color-green);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.6;
    text-align: justify;
}

.page_text p {
    margin-bottom: 2rem;
    font-size: 16px;
    line-height: 2;
    text-indent: 2em;
}

/* page culture */
.page_culture {
    padding: 3rem 0 4rem;
    background: url(../images/culture-bg.png) no-repeat center;
    background-size: cover;
}

.page_culture .title h3 {
    margin-bottom: 2rem;
    color: var(--text-color-green);
}

.page_culture .title .cn {
    line-height: 2;
}

.culture_items {
    padding: 2.5rem 3rem;
    background-color: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 2;
}

.cul_item {
    cursor: default;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.cul_item i {
    margin: 1rem auto 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    font-size: 5rem;
}

.cul_item:nth-child(2) i,
.cul_item:nth-child(4) i {
    font-size: 4rem;
}

.cul_item h4 {
    margin-bottom: 1.5rem;
    font-weight: 800;
    font-size: 24px;
}

.cul_item:hover {
    color: var(--text-color-green);
}

/* page quality */
.page_quality {
    padding: 6rem 0;
    position: relative;
}

.page_quality::before {
    content: "quality";
    font-size: 20rem;
    font-weight: 600;
    color: rgba(249, 249, 249, 1);
    text-transform: uppercase;
    font-style: normal;
    display: block;
    height: 100%;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-lr;
    position: absolute;
    left: -10rem;
    top: 0;
    line-height: 1;
    z-index: -1;
}

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

.page_quality .page-tit {
    font-weight: 800;
    color: var(--text-color-green);
    font-size: 36px;
    line-height: 2;
}

.page_quality_left {
    width: 48%;
    margin: 0;
}

.page_quality_left img {
    margin-bottom: 1rem;
    width: 100%;
}

.page_quality p {
    font-size: 18px;
    text-indent: 0;
    text-align: justify;
}

.page_quality_right {
    width: 46%;
    margin: 0;
}

.quality_icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*page policy*/
.page_policy {
    padding: 3rem 0 5rem;
    position: relative;
	overflow: hidden
}
.page_policy img{
	position: absolute;
    left: 50%;
    bottom: 0;
    height: 100%;
	transform: translateX(-50%);
	z-index: -1
}
.page_policy:before{
	content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(130deg, #141790, #00A243,#141790, #00A243);
    background-size: 300% 100%;
    position: absolute;
    left: 0;
    top: 0;
	z-index: -1
}
.page_policy .title{
	margin-bottom: 1.5rem
}
.page_policy .title h3{
	color:#fff
}
.page-subtt{
	position: absolute;
    left: -2rem;
    top: 0;
    line-height: 1;
    z-index: -1;
    display: none;
}
.page-subtt-title {
    font-size: 20rem;
    font-weight: 600;
    color: rgba(196, 39, 45, 1);
    text-transform: uppercase;
    font-style: normal;
    display: block;
    height: 100%;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    writing-mode: tb-lr;    
}
.page-policy-list{
	display: flex;
	align-items: stretch;
	justify-content: space-between;	
}
.policy-item{
	width: 30%;
	text-align: center
}
.policy-item i{
	margin: 0 auto 1rem;
	display:flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 160px;
	color: rgba(0, 162, 67, 1);
	font-size: 6rem;
	line-height: 1;
	position: relative;
}
.policy-item i:before{
	content: "";
	display:flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	opacity: 1;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.8);
	border: 3px solid rgba(255, 255, 255, 1);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
	z-index: -1
}
.policy-item h4{
	color: #fff;
	font-size: 24px;
	line-height: 2
}
/* page service */
.page_service {
    padding: 4rem 0 6rem;
    background: url(../images/service-bg.jpg) no-repeat center;
    background-size: cover;
}

.page_service .title h3 {
    margin-bottom: 3rem;
    color: var(--text-color-green);
}

.page_service_items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.page_ser_item {
    margin: 0;
    display: flex;
    align-items: center;
}

.page_ser_item i {
    margin-right: 3rem;
    font-size: 6rem;
}

.page_ser_item h4 {
    margin-bottom: 1rem;
    font-size: 24px;
    color: rgba(51, 51, 51, 1);
    font-weight: 600;
}

.page_ser_item p {
    font-size: 16px;
    line-height: 1.8;
}

/* page product */
.page #header {
    background-color: #fff;
}
.page .lang-icon{
	color: #333
}
.page .header-logo a img:nth-child(1){
	opacity: 1
}
.page .header-logo a img:nth-child(2){
	opacity: 0
}
.page .nav-wrapper .nav-item h2.nav-item-link a{
	color:#333
}

.product_banner::before {
    background: linear-gradient(130deg, #141790, #00A243,#141790, #00A243);
    background-size: 300% 100%;
    z-index: -1;
}

/*
.product_banner .sub_section {
    color: #fff;
}
*/
.product_banner .sub_section h2{
	color: #fff
}
.product_banner .sub_section p{
	color: #fff
}

.product_top {
    padding: 6rem 0;
    background-color: rgba(247, 247, 247, 1);
}

.product_top .container {
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 50px;
}
.product_top .container:before,.product_top .container:after{
    display: none;
}
.product_top .container ._left{
    flex: 1;
}

.product_top .pro_name h1 {
    margin-bottom: 10px;
    padding: 0;
    font-size: 36px;
    color: rgba(0, 162, 67, 1);
    font-weight: 600;
    line-height: 1.8;
}
.product_top .pro_name .subtitle{
    margin-bottom: 10px;
    font-size: 28px;
    color: rgba(0, 162, 67, 1);
    font-weight: 600;
    line-height: 2;
}
.product_top .pro_name p {
    font-size: 28px;
    color: rgba(51, 51, 51, 1);
}

.product_top .pro_desc h2 {
    margin-top: 10rem;
    margin-bottom: 2rem;
    font-size: 4rem;
    color: rgba(51, 51, 51, 1);
}

.product_top .pro_desc p {
    font-size: 20px;
    color: rgba(153, 153, 153, 1);
    line-height: 2.2;
}

.pro_parameter_adv {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.pro_parameter_adv div {
    margin: 0;
    color: rgba(0, 162, 67, 1);
    text-align: center;
}

.pro_parameter_adv div+div {
    margin-left: 6rem;
}

.parameter_adv_item h4 {
    font-size: 16px;
}

.parameter_adv_item span {
    font-size: 4rem;
    font-weight: 600;
}

.product_top .pro_desc .parameter_adv_item p {
    font-size: 22px;
    line-height: 2;
    color: rgba(0, 162, 67, 1);
}

.product_top .page_pro_img {
	width: 60%
}
.product_top .page_pro_img img{
    margin: 0 auto;
    display: block;
    width: 100%;
    object-fit: contain;
}

.pro_sys_advantage {
    padding: 6rem 0;
}

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

.pro_sys_advantage .sys_adv_item {
    margin-bottom: 2rem;
    width: 20%;
    text-align: center;
}

.pro_sys_advantage .sys_adv_item i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7rem;
    height: 7rem;
    margin: 0 auto 1rem;
    color: var(--text-color-green);
    font-size: 5rem;
}

.pro_sys_advantage .sys_adv_item p {
    font-size: 16px;
    line-height: 1.6;
}

.pro_sys_advantage .sys_adv_item:nth-child(2) i {
    font-size: 7rem;
}

.pro_sys_advantage .sys_adv_item:nth-child(3) i {
    font-size: 5rem;
}

.pro_sys_advantage .sys_adv_item:nth-child(6) i {
    font-size: 5rem;
}

.pro_sys_advantage .sys_adv_item:nth-child(7) i {
    
}

.pro_sys_advantage .sys_adv_item:nth-child(8) i {
    font-size: 5rem;
}

.pro_sys_advantage .sys_adv_item:nth-child(9) i {
    font-size: 4rem;
}
.pro_content{
    font-size: 16px;
    line-height: 1.6;
    color: #666;
}
.pro_content h2{
    font-size: 24px;
    color: #141790;
    font-weight: bold;
    line-height: 2;
}
.pro_content strong{
    color: #333;
}
.pro_content p{
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 10px;
}
.pro_content img{
    max-width: 100%;
    height: auto!important;
}
.pro_content td{
    padding: 15px;
    vertical-align: top;
}
.pro_content td img{
    /*max-width: 76%;*/
}

.pro_solution {
    padding: 6rem 0;
    background: url(../images/product-bg3.jpg) no-repeat 0;
    background-size: cover;
}
.pro_solution .title h3{
	font-size: 32px
}
.pro_solution2 {
    background-image: url(../images/product-bg4.jpg);
}

.pro_solution .title .cn {
    margin-top: 2rem;
}
.pro_sol_list{
	margin-bottom: 3rem;
	display: flex;
	align-items: stretch;
	justify-content: space-between
}
.pro-sol-item{
	margin: 0;
	display: flex;
	align-items: center
}
.pro-sol-item div{
	display: flex;
	flex-direction: column;
}
.pro-sol-item i{
	margin-right: 15px;
	font-size: 5rem;
	color: rgba(0, 162, 67, 1);
	line-height: 1
}
.pro-sol-item span{
	margin-bottom: 5px;
	font-size: 20px;
	color: rgba(0, 162, 67, 1);
	font-weight: 800;
	line-height: 1
}
.pro-sol-item p{
	font-size: 18px;
	color: #000;
	line-height: 1.6
}
.pro_solution .cont img{
	margin: 0 auto
}

.pro_parameter {
    padding: 6rem 0;
}

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

.pro_parameter .pro_pic {
	margin: 0 0 0 3rem;
    padding-right: 6rem;
    width: 42%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.pro_parameter .parameter_right {
	margin: 0;
    width: 42%;
}

.pro_parameter .parameter_right h4.thd {
    color: rgba(0, 0, 0, 1);
    font-weight: 800;
    font-size: 36px;
    line-height: 1.8;
	margin-bottom: 10px;
}

.parameter_list {
    border: 1px solid rgba(235, 235, 235, 1);
    width: 100%;
    display: flex;
    flex-direction: column;
}

.parameter_list li {
	width: 100%;
    display: flex;
    align-items: stretch;
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
    line-height: 1;
}

.parameter_list li span {
	display: flex;
	align-items: center;
	justify-content:center;
    width: 13rem;
    padding: 1.2rem 2rem;
	text-align: center;
	color: #fff;
	background-color: #bc1b21;
/*    border-right: 1px solid rgba(235, 235, 235, 1);*/
}

.parameter_list li div{
	margin: 0;
	padding: 0 2rem;
	width: calc(100% - 13rem);
	display: flex;
	align-items: center;
	background-color: #eeeeef;
}
.parameter_list li:nth-child(even) div{
	background-color: #e0e1e3
}
.parameter_list li div.pro-parameter-div{
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.parameter_list li .pro-parameter-div.cssd p{
	width: 33.33%;
	text-align: center
}
.parameter_list li .pro-parameter-div.cssd p:first-child{
	text-align: left
}
.parameter_list li .pro-parameter-div.cssd p+p{
	border-left: 1px solid #fff
}
.parameter_list li .pro-parameter-div.yqcc{
	flex-direction: column
}
.parameter_list li .pro-parameter-div.yqcc p{
	width: 100%;
}
.parameter_list li .pro-parameter-div.yqcc p+p{
	border-top: 1px solid #fff
}
.parameter_list li p {
    padding: 1rem 2rem;
}

.parameter_list li+li {
    margin-top: 1px
}

.pro_sys_advantage2 .sys_adv_item {
    width: 25%;
}

.pro_sys_advantage2 .sys_adv_item:nth-child(1) i {
    font-size: 7rem;
}

.pro_sys_advantage2 .sys_adv_item:nth-child(2) i {
    font-size: 6rem;
}

.pro_sys_advantage2 .sys_adv_item:nth-child(5) i {
    
}

.pro_sys_advantage2 .sys_adv_item:nth-child(6) i {
    
}

.pro_sys_advantage2 .sys_adv_item:nth-child(7) i {
    
}

.page_pro_a3 .pro_parameter {
    background-color: rgba(247, 247, 247, 1);
}

/* page service */
.server_banner,.job_banner,.contact_banner{
	margin-top: 90px;
	height: auto
}
.page_service_list {
    padding: 6rem 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.page_service_list .item {
    margin-right: calc(4%/3);
    background: #f4f4f4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 24%;
    padding: 62px 0;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    transition: all .4s ease;
    border-radius: 8px;
    /*border:2px solid transparent;z-index:1*/
}

.page_service_list .item:nth-child(4n) {
    margin-right: 0;
}

.page_service_list .item:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: var(--bg-green);
    border-radius: 8px;
    transition: all .4s ease;
    z-index: -1
}

.page_service_list .item .bg-number {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 150px;
    color: rgba(193, 193, 193, .1);
    z-index: -1;
    transition: all .4s ease
}

.page_service_list .item h3 {
    font-size: 20px;
    color: #444;
    margin: 10px 0 15px;
    font-weight: 700;
    z-index: 1
}

.page_service_list .item .more-btn {
    font-size: 13px;
    color: #8b8b8b
}

.page_service_list .item i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0 auto;
	font-size: 4rem;
	color: var(--bg-green)
}
.page_service_list .item:nth-child(2) i{
	font-size: 6rem;
}
.page_service_list .item:hover .bg-number {
    opacity: 0
}

.page_service_list .item:hover:before {
    opacity: 1
}

.page_service_list .item:hover .more-btn,
.page_service_list .item:hover h3 {
    color: #fff
}

.page_service_list .item:hover i {
    color: #fff
}


/* page news */
.page_news_list {
    margin-top: 6rem;
    display: flex;
	align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.page_news_list li {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 32%;
	background-color: #e8eaea
}

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

.page_news_list li .news-img {
    position: relative;
    width: 100%;
    height: 28.8rem;
    overflow: hidden;
}

.page_news_list li .news-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.page_news_list li .news-img::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    content: '';
}

.page_news_list li .news-time {
    position: absolute;
    left: 20px;
    top: 0;
    background: #fff;
    border-radius: 0 0 15px 15px;
    width: 85px;
    height: 72px;
    font-size: 14px;
    color: #333;
    z-index: 2;
}

.page_news_list li .news-time b {
    font-size: 24px;
    font-weight: normal;
}

.page_news_list li .news-text {
    background: #e8eaea;
    padding: 30px 15px 35px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.page_news_list li .news-text h3 {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    margin-bottom: 15px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}

.page_news_list li .news-text p {
    font-size: 14px;
    color: #333;
    font-weight: lighter;
    line-height: 2;
    text-align: left;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.page_news_list li a:hover .news-img img {
    transform: scale(1.1);
}

/* page job */
.page_job{
	padding-top: 8rem;
	padding-bottom: 8rem;
}
.page_thd_box{
	margin-bottom: 2rem;
	text-align: center
}
.page_thd_box h4{
	font-size: 34px;
    color: #000;
    font-weight: 900;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.page_thd_box h4 span{
	color: var(--bg-green)
}
.page_thd_box p{
	font-size: 16px;
    color: #333;
}
.page_job_top{
	margin-bottom: 6rem;
	display: flex;
	align-items: center;
	gap: 6rem;
}
.page_job_top .top_left{
	margin-left: 0;
	margin-right: 0;
	flex: 1;
	/*width: calc(100% - 90rem)*/
}
.page_job_top .top_left p{
	margin-bottom: 1rem;
	font-size: 16px;
    color: #666;
	line-height: 2;
	text-align: justify
}
.page_job_top .top_left p:last-child{
	font-weight: 600;
	color: var(--bg-green)
}
.page_job_top .top_pic{
	margin: 0;
	width: 60rem
}
.page_job_top .top_pic img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
/* page job list */
.join_list{
	width: 100%;
	padding: 0;
	text-align: left;
	position: relative;
}
.join_list li{
	width: 100%;
	color: #000;
	font-size: 12px;
}
.join_list li .li_con{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding: 30px 4% 30px 0;
	cursor: pointer;
}
.join_list li:nth-child(2n+2) .li_con{
	background-color: #fcfcfc;
}
.join_list li .li_con:after{
	content: '';
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #000;
	border-bottom: none;
	position: absolute;
	right: 4%;
	top: 38px;
	/*transition: all .3s;*/
}
.join_list li:hover .li_con:after{
	border-top: 8px solid red;
}
.join_list li.on .li_con:after{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid red;
	border-top: none;
}
.join_list li .li_con b{
	font-size: 16px;
}
.join_list li .li_con span{
	opacity: .8;
	margin-right: 30px;
}

.join_list li .li_detail{
	width: 100%;
	color: #000;
	font-size: 14px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 4% 0 0;
	display: none;
}
.det_xx_top{
	margin-bottom: 3rem;
	display: flex;
	align-items: stretch;
	justify-content: flex-start
}
.det_xx_top .det_xx_zz{
	padding-right: 2rem;
	width: 50%;
	position: relative
}
.det_xx_top div+div:before{
	content: "";
	width: 1px;
	height: 100%;
	background-color: #e0e0e0;
	position: absolute;
	left: 0;
	top: 0
}
.det_xx_top div+div{
	padding-left: 3rem
}
.join_list li .li_detail h4{
	margin-bottom: 1rem;
	font-weight: 600
}
.join_list li .li_detail p{
	font-size: 14px;
	line-height: 30px;
}
.join_list li .li_detail b{
	font-weight: bold;
}
.det_xx_treatment{
	padding-top: 3rem;
	border-top: 1px solid #e0e0e0
}
.page_job_notice{
	margin-top: 2rem;
	padding: 1rem 4rem;
	background-color: rgba(255, 0, 0, 0.1);
	font-size: 14px;
	color: #333;
	line-height: 2;
	text-align: center
}
.li_detail_jy{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	padding: 35px 0;
}
.li_detail_jy p{
	display: inline-block;
	width: 36%;
}
.li_detail_jy p:nth-child(2),.li_detail_jy p:nth-child(5){
	width: 42%;
}
.li_detail_jy p:nth-child(3),.li_detail_jy p:nth-child(6){
	width: 20%;
}
.li_detail_jy p b{
	margin-right: 10px;
}

.li_detail_xx{
	width: 100%;
	padding: 3rem 0;
}

.li_detail_btn{
	width: 250px;
	height: 60px;
	line-height: 60px;
	color: #f3f3f3;
	font-size: 18px;
	text-align: center;
	background-color: #222;
	margin-left: 0;
	cursor: pointer;
}
.li_detail_btn:hover{
	background-color: #333;
}

.join_pop{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.85);
	display: none;
}
.join_pop_box{
	width: 1200px;
	max-width: 90%;
	max-height: 90%;
	background-color: #fff;
	position: relative;
	top: 52%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 5% 0;
}
.join_pop_box_close{
	position: absolute;
	right: 0;
	bottom: 100%;
	z-index: 100;
	background-color: #e60014;
	padding: 5px;
	cursor: pointer;
}
.join_pop_box_close i{
	display: block;
	color: #fff;
	font-size: 40px;
	transform:rotate(45deg);
	cursor: pointer;
}
.join_pop_con{
	width: 600px;
	max-width: 100%;
	height: 100%;
}
.section_title{
	text-shadow: none;
}
.join_pop_put{
	width: 100%;
	position: relative;
}
.join_pop_put p{
	width: 100%;
	line-height: 40px;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.join_pop_put p span{
	display: block;
}
.join_pop_put p input{
	display: block;
	width: 100%;
	line-height: 40px;
	cursor: text;
}
.join_pop_put p select{
	display: inline-block;
	width: 45%;
	line-height: 40px;
	border: none;
	cursor: pointer;
}
.join_pop_put p select.bm{
	margin-right: 8%;
}

.join_pop_btn{
	width: 250px;
	height: 60px;
	line-height: 60px;
	color: #f3f3f3;
	font-size: 18px;
	text-align: center;
	background-color: #222;
	margin-left: 0;
	margin-top: 50px;
	cursor: pointer;
}
.join_pop_btn:hover{
	background-color: #333;
}
.join_pop_em{
	width: 100%;
	text-align: left;
	margin-top: 20px;
}
.join_pop_em span{
	color: #d93a3a;
}

/* page contact */
.page_contact {
    padding: 3rem 0;
    background-color: #e4e4e4;
}

.page-contact-box {
    display: flex;
    background: #fff;
}

.page-contact-left {
    width: 50%
}

.page-contact-list {
    padding: 75px;
}

.page-contact-item {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:20px;
}

.page-contact-item:last-child {
    margin-bottom: 0
}

.page-contact-item i {
    display: flex;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bg-green);
    border-radius: 50%;
    font-size: 24px;
    background-image: linear-gradient(to right, #141790, #00A243);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-contact-item i img {
    width: 50%;
}

.page-contact-item:nth-child(5) i {
    line-height: 40px
}
.page-weixin img{
    width:120px;
}

.page-contact-text {
    flex:1;
}

.page-contact-text span {
	position: relative;
    display: inline-block;
    font-size: 18px;
    color: #333;
	cursor: pointer;
}
/*.page-contact-text span+span:before{*/
/*	content: "";*/
/*	width: 1px;*/
/*	height: 80%;*/
/*	background-color: rgba(51,51,51,.3);*/
/*	position: absolute;*/
/*	left: 0;*/
/*	top: 50%;*/
/*	transform: translateY(-50%)*/
	
/*}*/
/*.page-contact-text span+span{*/
/*	padding: 0 15px;*/
/*}*/
.page-contact-text span.active{
	color: var(--bg-green)
}
.page-contact-text p,
.page-contact-text a {
    font-size: 18px;
	color: #333;
/*
    background-image: linear-gradient(to right, #f62930, #BD1B21);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
*/
}

.page-contact-right {
    width: 50%
}

.page-contact-right>div {
    width: 100%;
    height: 462px;
	overflow: hidden;
}
.page-contact-right>div iframe{
	display: block;
	width: 100%;
	height: 100%;
}
.page-content {
    padding: 6rem 0;
}

.pages_article {
    padding: 3rem 4rem;
}

.page_news_article {
    padding: 0;
}

.pages_article h4 {
    margin: 0 0 1rem;
    font-size: 30px;
    text-align: center;
    color: #333;
    line-height: 1.6;
    font-weight: bold;
}

.pages_article .pages_date {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.pages_article .pages_date span {
    font-size: 14px;
    color: #999;
    padding: 0 10px;
    line-height: 2;
}

.pages_prev_next {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #e4e4e4;
    font-size: 14px;
    line-height: 2;
    color: #333;
}

.pages_prev_next a {
    color: #747474;
}

.pages_text_box,
.pages_text_box p {
    font-size: 16px;
    line-height: 1.8;
}

.pages_text_box p {
    margin-bottom: 1rem;
}

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

/* footer */
#footer{
    background: -webkit-gradient(linear, left top, right top, from(#141790), to(#00A243));
    background: -o-linear-gradient(left, #141790, #00A243);
    background: linear-gradient(to right, #141790, #00A243);
}
.footer-top{padding: 50px 0 30px;border-bottom: solid 1px rgba(204, 204, 204, .2);}
.footer-top .container{display: flex;justify-content: space-between;gap:30px}
.footer-top .container:before,.footer-top .container:after{display:none}
.footer-left{}
.footer-logo{background: url(../images/logo2.png) no-repeat left center;height: 70px;background-size: contain;margin-bottom: 30px}
.footer-contact{font-size: 16px;color: rgba(255, 255, 255, 1);}
.footer-contact-item{font-size: 16px;line-height: 2;color: rgba(255, 255, 255, 1);}
.footer-contact-item i{margin-right: 10px;font-size: 16px;color: rgba(255, 255, 255, 1);}
.ft_media {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.ft_media a {
    color: #fff;
}

.ft_media div {
	margin: 0;
    position: relative;
    cursor: pointer;
}

.ft_media div+div {
    margin-left: 1rem;
}

.ft_media i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    font-size: 24px;
    color: #fff;
}

.hoverbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0px;
    position: fixed;
    width: 1px;
    height: 1px;
    bottom: 100px;
    left: 0;
    line-height: 30px;
    opacity: 0;
    overflow: hidden;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: opacity 0.3s, top 0.3s;
    -o-transition: opacity 0.3s, top 0.3s;
    transition: opacity 0.3s, top 0.3s;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
    z-index: 5;
}

.hoverbox img {
    width: 100%;
}

.hoverbox span {
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.hoverbox::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 18px;
    bottom: -16px;
    left: 0;
}

.hoverbox::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 13px;
    height: 13px;
    margin-left: -7px;
    border-bottom: 2px solid #ebeced;
    border-right: 2px solid #ebeced;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}

.ft_media div:hover .hoverbox {
    position: absolute;
    width: 180px;
    padding: 10px 10px 17px;
    height: auto;
    overflow: initial;
    bottom: 50px;
    left: 45%;
    z-index: 2;
    opacity: 1;
}
.footer-nav{flex: 1;display: flex;justify-content: right;}
.footer-nav-item{}
.footer-nav.en{margin-left:4vw}
.footer-nav.en .footer-nav-item{margin-right: 3.5vw;}
.footer-nav-item:last-child{margin-right: 0 !important}
.footer-nav-item dt{margin-bottom: 10px;font-size: 18px;font-weight: normal;line-height: 1.5}
.footer-nav-item dt a{font-size: 18px;color: rgba(255, 255, 255, 1)}
.footer-nav-item dd{font-size: 16px;line-height: 2;color: #fff}
.footer-nav-item dd a{font-size: 16px;color: #fff}
.footer-nav-item dd:hover a{color: rgba(255, 255, 255, 1)}

.footer-copy{padding: 10px 0;font-size: 14px;color: rgba(255, 255, 255, 1);}
.footer-copy .container{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.footer-copy .container:before,.footer-copy .container:after{
	display: none;
}
.footer-cop p{color: rgba(255, 255, 255, 1)}
.footer-copy span{margin: auto 1.5vw;color: rgba(255, 255, 255, 1)}
.footer-copy a{font-size: 14px;color: rgba(255, 255, 255, 1)}
/*
.footer {
    position: relative;
    background-size: cover;
    z-index: 1;
}

.bottom {
    background-color: rgba(51, 51, 51, 1);
}

.bottom .container {
    padding: 3rem 0;
    display: flex;
    justify-content: space-between;
}

.bottom_left {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.ft_menu a {
    font-size: 16px;
    color: #fff;
    line-height: 2;
}

.ft_menu a+a {
    padding-left: 4.5rem;
}

.ft_contact {
    margin: 2rem 0 0;
    font-size: 16px;
    color: #fff;
    line-height: 2;
}
.ft_contact p{
	display: flex;
	flex-wrap: wrap
}
.ft_contact p label{
	min-height: 0;
    min-width: 18%;
	font-weight: normal;
	font-size: 16px;
	-webkit-box-flex: 1;
    -ms-flex: 1 1 18%;
    flex: 1 1 18%;
    text-align: justify;
    text-align-last: justify;
    -webkit-text-align-last: justify;
    text-justify: distribute;
    vertical-align: top;
    position: relative;
}
.ft_contact p span{
	min-height: 0;
    min-width: 82%;
    line-height: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 82%;
    flex: 1 1 82%;
}

.bottom_code {
    margin: 0 8rem;
    max-width: 15rem;
    text-align: center;
    line-height: 2;
    font-size: 16px;
    color: #fff;
}

.bottom_code img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.bottom_form {
    flex: 1;
    margin-left: 2vw;
}

.form-title {
    font-size: 20px;
    color: #fff;
    line-height: 1;
    margin-bottom: 4rem;
    white-space: nowrap
}

.form-title span {
    font-size: 16px;
    color: #999
}

.form-cont {
    flex: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.form-item {
    margin-right: 15px;
    width: calc(50% - 7.5px);
    margin-bottom: 15px
}

.form-item:nth-child(2n) {
    margin-right: 0
}

.form-item:last-child,
.form-item:nth-last-child(2) {
    margin-bottom: 0
}

.form-input {
    width: 100%;
    height: 42px;
    background: #5E5C5C;
    border-radius: 8px;
    border: none;
    font-size: 16px;
    color: #fff;
    padding-left: 15px;
    outline: none;
    padding-right: 10px;
}

.form-submit {
    height: 100%;
    background: var(--bg-green);
    width: 100%;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    border: none
}

.copyright {
    padding: 1rem 0;
    color: #fff;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 1);
}

.copyright a {
    color: #fff;
    font-size: 14px;
    line-height: 2;
}
*/

@media(min-width: 1600px) {
    .footer-nav{
        gap: 70px;
    }
}



@media(min-width: 1300px) and (max-width: 1599px) {
	.about_left{
		padding-top: 0
	}
    .form-title {
        margin-bottom: 3rem;
    }
	.product_top .pro_name h1{
		padding-top: 0;
		font-size: 60px;
		line-height: 1.6
	}
	.pro_parameter .pro_pic{
		margin-left: 0
	}
	.pro_parameter .parameter_right{
		width: 50%
	}
	.product_top .pro_desc .parameter_adv_item p{
		font-size: 18px
	}
	.footer-nav{
	    gap: 40px;
	}
	.footer-nav-item{
	}
}

@media(max-width: 1280px) {
    .nav-wrapper .nav-item {
        padding: 0 15px
    }

    .nav-wrapper>.nav-item+.nav-item {
        margin-left: 10px;
    }

/*
    .f-menu {
        width: 56%;
    }

    .f-menu div.f-menu-item+div.f-menu-item {
        margin-left: 5rem;
    }
*/
}

@media (min-width: 1025px) and (max-width: 1279px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .nav-wrapper .nav-item h2.nav-item-link {
        font-size: 15px;
    }

    .nav-wrapper>.nav-item+.nav-item {
        padding: 0 12px;
    }
    .product_list .pro_li .pro_pic{
        height: 40rem;
    }
	.footer-top{}
    .footer-contact{font-size: 14px}
    .footer-nav{
        gap: 30px;
    }
}
@media(max-width: 1200px) {
    .footer-left{
        width: 100%;
        position: relative;
    }
    .ft_media{
        position: absolute;
        right: 0;
        top: 0;
    }
    .ft_media i{
        display: none;
    }
    .ft_media div:hover .hoverbox,
    .ft_media .hoverbox{
        padding: 0;
        width: 160px;
        height: 160px;
        position: relative;
        opacity: 1;
        visibility: visible;
        transform: none;
        bottom: auto;
        left: auto;
    }
    .ft_media .hoverbox::before,.ft_media .hoverbox::after{
        display: none;
    }
    .footer-nav{
        display: none;
    }
}
@media(max-width: 1024px) {
    .nav-wrapper .nav-item h2.nav-item-link {
        font-size: 14px;
    }

    .nav-wrapper>.nav-item+.nav-item {
        padding: 0 6px;
    }

/*
    .ft_menu a+a {
        padding-left: 1rem;
    }

    .bottom_code {
        margin: 0 4rem;
        max-width: 10rem;
    }
*/
}

@media(max-width: 992px) {
    .header-nav-item a {
        padding: 0 .6vw
    }
	.footer-nav-item{margin-right: 2.167vw}
}

@media(max-width: 760px) {
    #header {
        height: 50px;
		background-color: #fff
    }

    .header-logo {
        height: 42px;
    }

    .header-logo a img {
        width: auto;
        height: 100%;
    }
	.header-logo a img:nth-child(1){
		opacity: 1
	}
	.header-logo a img:nth-child(2){
		opacity: 0
	}
    .header-button:before,
    .header-button:after,
    .header-button span {}

    .header-sticky .header-button:before,
    .header-sticky .header-button:after,
    .header-sticky .header-button span {
        background-color: #333
    }

    #header.background {
        background-color: rgba(255, 255, 255, .9)
    }

    #header.background .header-button:before,
    #header.background .header-button:after,
    #header.background .header-button span {
        background-color: var(--bg-black)
    }
	.mo_banner{
		/*margin-top: 50px*/
	}

    .banner-swiper {
        margin-top: 50px;
    }

    .pagination-box {
        width: 100%;
        bottom: 0;
        background-color: transparent
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 1rem;
    }
	.sub_banenr{
		/*margin-top: 50px;*/
		height: 14vh
	}
	.server_banner, .job_banner, .contact_banner{
		height: auto
	}
	.sub_section h2{
		margin-top: 0;
		font-size: 18px
	}
	.sub_section h2:before{
		display: none
	}
	.sub_section p{
		font-size: 13px;
		line-height: 1.8
	}
	.sub_section p.sub_en{
	    font-size: 13px;
		line-height: 1.8
	}
	.page_about{
		padding: 3rem 0 0
	}
	.page_about::before{
		font-size: 4rem
	}
	.page_about .container{
		flex-direction: column
	}
	.page_about_left{
		margin-bottom: 2rem;
		width: 100%
	}
	.page_about_left h4{
		margin-bottom: 1.5rem;
		font-size: 24px;
	}
	.page_about_left .cont p span{
		font-size: 18px;
	}
	.page_about_left .cont p{
		font-size: 14px;
	}
	.page_about_right{
		width: 100%
	}
	.page_text p{
		font-size: 14px;
	}
	.page_culture{
		padding: 3rem 0
	}
	.page_culture .title .cn{
		font-size: 12px
	}
	.page_culture .title .cn br{
		display: none;
	}
	.culture_items{
		padding: 2rem;
		flex-wrap: wrap;
		align-items: stretch
	}
	.culture_items .cul_item{
		width: 50%;
	}
	.cul_item h4{
		font-size: 18px;
	}
	.cul_item p{
		padding: 0 1rem;
		font-size: 13px;
	}
	.page_service .title h3{
		margin-bottom: 2rem
	}
	.page_policy{
		padding: 2rem 0 3rem
	}
	.policy-item i{
		width: 50px;
		height: 50px;
		font-size: 3rem;
	}
	.policy-item i:before{
		width: 80px;
		height: 80px;
		border-radius: 30px;
	}
	.policy-item h4{
		margin-top: 30px;
		font-size: 16px;
		line-height: 1.6;
	}
	.page_quality{
		padding: 3rem 0
	}
	.page_quality .container{
		flex-direction: column
	}
	.page_quality_left{
		width: 100%;
	}
	.page_quality_right{
		width: 100%;
	}
	.page_quality .page-tit{
		font-size: 24px;
	}
	.quality_icons img{
		max-width: 45%
	}
	.page_service{
		padding: 3rem 0
	}
	.page_service_items{
		flex-direction: column;
	}
	.page_ser_item{
		width: 100%;		
	}
	.page_ser_item i{
		margin-right: 2rem;
		font-size: 4rem
	}
	.page_ser_item h4{
		margin-bottom: .5rem;
		font-size: 18px;
	}
	.page_ser_item p{
		font-size: 14px;
	}
	.page_service_items div.page_ser_item+div.page_ser_item{
		margin-top: 2rem
	}
	.product_top{
		padding: 2rem 0
	}
	.product_top .container{
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
	.product_top .pro_name{
		width: 100%;
	}
	.product_top .pro_name h1{
		font-size: 26px;
	}
    .product_top .pro_name .subtitle{
        font-size: 22px;
        line-height: 1.8;
    }
	.product_top .pro_name p{
		font-size: 18px
	}
	.product_top .pro_desc h2{
		margin-top: 1rem;
		font-size: 20px
	}
	.product_top .pro_desc p{
		font-size: 16px;
	}
	.pro_parameter_adv{
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
	}
	.pro_parameter_adv div{
		margin: 0 1% 2%;
		width: 30%;
	}
	.parameter_adv_item span{
		font-size: 24px;
	}
	.product_top .pro_desc .parameter_adv_item p{
		font-size: 14px;
	}
	.pro_parameter_adv div+div{
		margin-left: 1%
	}
	.product_top .page_pro_img{
		width: 100%;
		position: relative;
		right: auto;
		top: auto
	}
	.product_top .page_pro_img img{
	    height: 226px;
	}
	.pro_sys_advantage{
		padding: 3rem 0
	}
	.pro_sys_advantage .sys_adv_item{
		width: 33.33%
	}
	.pro_sys_advantage .sys_adv_item i{
		width: 5rem;
		height: 5rem;
		font-size: 4rem
	}
	.pro_sys_advantage .sys_adv_item:nth-child(2) i{
		font-size: 5rem
	}
	.pro_sys_advantage .sys_adv_item:nth-child(3) i,.pro_sys_advantage .sys_adv_item:nth-child(6) i{
		font-size: 3.5rem
	}
	.pro_sys_advantage .sys_adv_item:nth-child(7) i{
		font-size: 5rem
	}
	.pro_sys_advantage .sys_adv_item:nth-child(8) i{
		font-size: 4rem
	}
	.pro_sys_advantage .sys_adv_item:nth-child(9) i{
		font-size: 3rem
	}
	.pro_sys_advantage .sys_adv_item p{
		padding: 0 5px;
		font-size: 12px;
	}
	.pro_sys_advantage .sys_adv_item p br{
		display: none;
	}
	.pro_sys_advantage2 .sys_adv_item:nth-child(1) i{
		font-size: 6rem
	}
	.pro_sys_advantage2 .sys_adv_item:nth-child(5) i{
		font-size: 3.5rem
	}
	.pro_sys_advantage2 .sys_adv_item:nth-child(7) i{
		font-size: 4rem
	}
	.pro_sys_advantage2 .sys_adv_item:nth-child(8) i{
		font-size: 5rem
	}
	.pro_sol_list{
		flex-wrap: wrap;
	}
	.pro-sol-item{
		margin-bottom: 20px;
	    width: 50%;
	}
	.pro-sol-item i{
		font-size: 3rem;
	}
	.pro-sol-item div{
		margin: 0
	}
	.pro-sol-item span{
		font-size: 18px
	}
	.pro-sol-item p{
		font-size: 14px;
		line-height: 1.4
	}
	.pro_solution{
		padding: 3rem 0
	}
	.pro_solution .title .cn{
		font-size: 14px;
	}
	.pro_parameter{
		padding: 3rem 0
	}
	.pro_parameter .container{
		flex-direction: column
	}
	.pro_parameter .pro_pic{
		margin-left: 0;
		margin-bottom: 1rem;
		width: 100%;
		padding-right: 0
	}
	.pro_parameter .parameter_right{
		width: 100%;
	}
	.pro_parameter .parameter_right h4.thd{
		font-size: 24px;
	}
	.parameter_list li{
		font-size: 13px;
	}
	.parameter_list li span{
		padding: 0.8rem 1.2rem;
		width: 10rem;
		font-weight: 800
	}
	.parameter_list li div{
		padding: 0.8rem 1.2rem;
		width: calc(100% - 10rem);
		line-height: 1.8;
	}
	.parameter_list li p{
		padding: .6rem 1rem
	}
	.pro_content table tr{
	    display: flex;
	    flex-flow: column;
	}
	.pro_content td{
	    padding: 10px;
	}
	.pro_content td img{
	    max-width: 100%;
	}
	.page_service_list{
		padding: 2rem 15px
	}
	.page_service_list .item{
		margin-bottom: 10px;
		padding: 20px 0;
		width: 48%
	}
	.page_service_list .item .bg-number{
		font-size: 90px;
    	top: -10px;
	}
	.page_service_list .item i{
		width: 40px;
		height: 40px;
	}
	.page_service_list .item i img{
		max-width: 85%;
		max-height: 85%;
	}
	.page_service_list .item h3{
		font-size: 14px;
	}
	.page-content{
		padding: 3rem 0
	}
	.pages_article h4{
		font-size: 24px;
	}
	.pages_text_box, .pages_text_box p{
		font-size: 16px;
	}
	.page_news_list{
		margin-top: 3rem
	}
	.page_news_list li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem
	}
	.page_news_list li .news-img{
		height: 20rem;
	}
	.page_news_list li .news-time{width: 70px;height: 50px;font-size: 1.2rem;line-height: 1.5}
    .page_news_list li .news-time b{font-size: 1.5rem}
	.page_recruitment_classify{
		padding: 3rem 1.5rem
	}
	.page_thd_box h4{
		font-size: 20px
	}
	.page_thd_box p{
		margin-bottom: 15px;
		font-size: 14px;
	}
	.classify_items .item{
		padding: 5vw 2vw
	}
	.classify_items .item .icon img{
		max-height: 30px;
	}
	.classify_items .item h4{
		font-size: 16px;
	}
	.classify_items .item p{
		min-height: 36px;
		font-size: 12px;
	}
	.classify_items .item span{
		padding: 5px 10px;
		font-size: 12px;
	}
	.page_job{
		padding: 3rem 15px
	}
	.page_job_top{
		flex-direction: column;
	}
	.page_job_top .top_left{
		width: 100%;
		margin-right: 0;
	}
	.page_job_top .top_pic{
		width: 100%;
	}
	.page_job_top .top_pic img{
		object-fit: contain
	}
	.join_list li .li_con{
		padding: 15px 4% 15px 0
	}
	.join_list li .li_con b{
		font-size: 14px
	}
	.join_list li .li_detail{
		padding-right: 0
	}
	.li_detail_xx{
		padding: 1rem 0
	}
	.det_xx_top{
		flex-direction: column;
	}
	.det_xx_top .det_xx_zz{
		padding-right: 0;
		width: 100%;
	}
	.det_xx_top div+div{
		margin-top: 15px;
		padding-left: 0;
		padding-top: 15px;
	}
	.det_xx_top div+div:before{
		width: 100%;
		height: 1px
	}
	.join_list li .li_con:after{
		top: 50%;
		transform: translateY(-50%)
	}
	.page_job_notice{
		padding: 1rem
	}
/*
	.page_welfare{
		padding: 3rem 0
	}
	.page_welfare_list{
		flex-wrap: wrap
	}
	.welfare_li{
		margin-left: 0;
		margin-bottom: 1rem;
		width: calc((100% - 1rem)/2);
		flex: auto;
	}
	.welfare_li:nth-child(2n){
		margin-right: 0
	}
	.welfare_text{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.welfare_text i{
		font-size: 24px;
	}
	.welfare_text h4{
		margin: 5px 0;
		font-size: 18px;
	}
	.welfare_text p{
		margin-bottom: 0;
		font-size: 12px;
		line-height: 1.6;
		min-height:inherit
	}
	.page_job_contact{
		padding: 0 1.5rem
	}
	.job_contact_list{
		flex-wrap: wrap
	}
	.job_contact_list .contact_li{
		width: calc(50% - 5px);
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		flex: none;
	}
	.page-distribution-item i{
		font-size: 20px;
	}
	.page-distribution-item h4{
		font-size: 16px;
	}
	.page-distribution-item p{
		font-size: 14px;
	}
	.job_contact_list .contact_li:nth-child(1){
		margin-right: 10px;
	}
	.job_contact_list .contact_li:nth-child(3),.job_contact_list .contact_li:nth-child(4){
		width: 100%;
	}
	.page-recruitment-item{
		width: calc(50% - 1.5625vw);
	}
	.page-recruitment-item:nth-child(2n){
		margin-right: 0
	}
	.page-recruitment-item-block{
		height: 180px;
		padding: 5vw
	}
	.page-recruitment-title, .page-recruitment-objective, .page-recruitment-number{
		width: calc(100% - 10vw);
		left: 5vw
	}
	.page-recruitment-title{
		font-size: 16px;
		line-height: 1.8;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.page-recruitment-objective{
		display: none;
	}
	.layer-recruitment-content .layui-layer-title{
		font-size: 18px;
	}
	.layer-office-content{
		flex-direction: column
	}
	.layer-office-content .layer-recruitment-item{
		width: 100%;
	}
	.layer-recruitment-title{
		font-size: 20px
	}
*/
	.page_contact{
		padding: 0;
		background-color: #fff;
	}
	.page-contact-box{
		flex-direction: column
	}
	.page-contact-left,.page-contact-right{
		width: 100%
	}
	.page-contact-list{
		padding: 5vw 0
	}
	.page-contact-item{
		margin-bottom: 1rem;
	}
	.page-contact-item i{
		width: 34px;
		height: 34px;
		line-height: 32px;
		font-size: 16px;
	}
	.page-contact-text{
		margin: 0;
		width: auto;
		flex: 1;
	}
	.page-contact-text span{
		font-size: 15px;
	}
	.page-contact-text p, .page-contact-text a{
		font-size: 14px;
	}
	.page-contact-right #map{
		height:506px;
	}
	.pages{
		margin-top: 2rem;
	}
	.footer-top{padding: 20px 0}
    .footer-top .container{flex-direction: column;flex-wrap: wrap;justify-content:flex-start;align-items:flex-start}
    .footer-logo{display: none}
    .footer-contact{line-height: 2;font-size: 12px;/*border-bottom: solid 1px rgba(255,255,255,.1);padding-bottom: 20px;margin-bottom: 10px;*/}
	.footer-contact-item{font-size: 15px;}
    .footer-contact-item i{width: 40px;}
	.ft_media{
		margin-top: 0;
		justify-content: center;
		align-items: center;
		display: none;
	}
	.footer-left{
		width: 100%;
		margin: 0
	}
    .footer-nav{flex-direction: column;flex-wrap: wrap;display:none}
    .footer-nav-item{margin-right: 0;border-bottom: solid 1px rgba(255,255,255,.1);padding-bottom: 15px;margin-bottom: 20px;display: flex;flex-wrap: wrap;}
    .footer-nav-item:last-child{margin-bottom: 0;border-bottom: none}
    .footer-nav-item dt{font-size: 14px;width: 100%}
    .footer-nav-item dd{margin-right: 15px;font-size: 12px;line-height: 2}
    .footer-copy{padding: 15px 2vw;font-size: 12px;}
	.footer-copy .container{
		flex-direction: column;
		align-items: center;
		justify-content: center
	}
}

.backTop {
    position: fixed;
    z-index: 10;
    right: 50px;
    bottom: -100px;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.backTop img {
    width: 58%;
}

.backTop.active {
    bottom: 50px;
}

@media(max-width: 760px) {
    .backTop {
        width: 4rem;
        height: 4rem;
        right: 10px;
    }

    .backTop.active {
        bottom: 20px;
    }
}

/*pages*/
.pages {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.pages a,
.pages b {
    margin: 5px;
    color: #777777;
    border: none;
    line-height: 36px;
    height: 36px;
    padding: 0 12px;
    background-color: #f6f6f6;
}

.pages b {
    background: var(--bg-green);
    color: var(--text-color-white)
}

.pages a:hover {
    color: var(--text-color-green)
}

@media(max-width: 760px) {

    .pages a,
    .pages b {
        height: 24px;
        line-height: 24px;
        padding: 0 8px;
    }
}