body {
position: relative;
width: 100%;
max-width: 1920px;
margin: 0 auto;
overflow-x: hidden;
}

.w1600 {
width: 100%;
max-width: 1600px;
margin: 0 auto;
}

.w1400 {
width: 100%;
max-width: 1400px;
margin: 0 auto;
}

.mainer {
overflow: hidden;
}

.headfixed.headerbgm {
background: rgba(255, 255, 255, 1);
}

.headfixed.headerbgm .menu-list h3 a {
/* height: 80px;
line-height: 80px; */
color: #333;
}

.headfixed.top {
top: -100px;
}

.btn-phone,
.full-main-nav {
display: none;
}

.headfixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
/* background: rgba(255, 255, 255, 1); */
padding: 0px;
/* box-shadow: 0 1px 4px 1px #f1f1f1; */
transition: all 0.5s;
}

.headfixed > div {
align-items: center;
}

.headfixed .logo {
overflow: hidden;
}

.headfixed .logo a {
align-items: center;
}

.headfixed .logo .himg,
.headfixed.headerbgm .logo .img,
.headfixed1 .logo .img {
display: none;
}

.headfixed1 {
background: #fff;
}

.headfixed.headerbgm .logo .himg,
.headfixed1 .logo .himg {
display: block;
}

.headfixed .menu-list {
width: 71.6%;
align-items: center;
}

.headfixed .menu-list > ul {
width: 73%;
}

.headfixed .menu-list > ul > li {
vertical-align: top;
position: relative;
}

.headfixed .menu-list > ul > li:hover .nav-two {
display: block !important;
}

.headfixed .mobile-nav-box > ul > li > a {
font-size: 14px;
text-align: center;
letter-spacing: 2px;
color: #282828;
}

.headfixed .mobile-nav-box ul li {
width: 100%;
padding: 12px 0px;
border-bottom: 1px solid rgb(221, 221, 221);
}

.headfixed .mobile-nav-box > ul li a {
color: #716b61;
line-height: 30px;
text-align: left;
}

.headfixed .mobile-nav-box > ul > li > h3.cur > i::before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.headfixed .btn-list {
width: 27%;
text-align: center;
align-items: center;
}

.headfixed .btn-list .btn-right {
width: 100%;
align-items: center;
}

.headfixed .btn-menu {
margin: 0 auto;
display: none;
}

.headfixed .btn-menu .mobile-nav {
color: #ffffff;
font-size: 13px;
display: block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
}

input::-webkit-input-placeholder {
font-size: 12px;
}

.headfixed .toggle-btn {
width: 100%;
height: 30px;
position: relative;
display: block;
}

.headfixed .toggle-btn span {
width: 26px;
height: 2px;
background: #333;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

.headfixed .toggle-btn span:first-child {
top: 8px;
}

.headfixed .toggle-btn span:nth-child(2) {
top: 50%;
width: 20px;
}

.headfixed .toggle-btn span:last-child {
bottom: 6px;
}

.headfixed .toggle-btn.cur span:first-child {
-webkit-transform: translate(-50%, 7px) rotate(45deg);
-ms-transform: translate(-50%, 7px) rotate(45deg);
-o-transform: translate(-50%, 7px) rotate(45deg);
transform: translate(-50%, 7px) rotate(45deg);
}

.headfixed .toggle-btn.cur span:nth-child(2) {
opacity: 0;
}

.headfixed .toggle-btn.cur span:last-child {
-webkit-transform: translate(-50%, -3px) rotate(-45deg);
-ms-transform: translate(-50%, -3px) rotate(-45deg);
-o-transform: translate(-50%, -3px) rotate(-45deg);
transform: translate(-50%, -3px) rotate(-45deg);
bottom: 10px;
}

.mobile-nav-box {
position: fixed;
top: 70px;
z-index: 99;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
background: rgba(255, 255, 255, 1);
padding: 0 0 60px 0;
border-top: 1px solid rgb(221, 221, 221);
display: none;
}

.headfixed .mobile-nav-box > ul > li > h3 {
position: relative;
padding: 0 30px;
}

.headfixed .mobile-nav-box .head-subnav {
width: 100%;
display: none;
padding: 8px 40px;
background: #f5f5f5;
}

.headfixed .mobile-nav-box .head-subnav .link-tit {
text-align: left;
position: relative;
}

.headfixed .mobile-nav-box .head-subnav .link-tit a {
width: 100%;
line-height: 45px;
text-align: left;
font-size: 15px;
color: #333;
display: block;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
font-size: 16px;
text-align: center;
letter-spacing: 2px;
padding: 5px 0;
color: #333;
text-align: left;
}

.headfixed .mobile-nav-box .head-suba {
display: none;
}

.headfixed .mobile-nav-box .head-suba > a,
.headfixed .mobile-nav-box .head-subnav > a {
font-size: 14px;
display: block;
text-align: center;
letter-spacing: 2px;
color: #333;
text-align: left;
padding: 0 15px;
padding-left: 15px;
}

.headfixed .mobile-nav-box > ul > li > h3 > i,
.headfixed .mobile-nav-box .link-tit > i {
position: absolute;
top: 0;
right: 30px;
height: 100%;
width: 80px;
}

.headfixed .mobile-nav-box .link-tit > i {
right: -10px;
}

.headfixed .mobile-nav-box > ul > li > h3 > i::before,
.headfixed .mobile-nav-box .link-tit > i::before {
content: "";
position: absolute;
top: 10px;
right: 0px;
width: 10px;
height: 10px;
border-bottom: solid 1px #aaa;
border-left: solid 1px #aaa;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
/* 搜素按钮 */
.btn-search {
width: 21px;
height: 21px;
}

.header-button,
.headfixed .header-button {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
position: relative;
z-index: 1;
display: block;
width: 100%;
height: 100%;
margin: 0 auto;
padding: 0;
outline: none;
background: url(../images/in-ssicon.png) no-repeat center center;
border: none;
cursor: pointer;
}

.headfixed.headerbgm .header-button,
.headfixed1 .header-button {
background: url(../images/in-hssicon.png) no-repeat center center;
}

#toggle-search.open:after {
top: 40px;
color: #ffffff;
}

#search-form {
-moz-transition: max-height, 0.5s;
-o-transition: max-height, 0.5s;
-webkit-transition: max-height, 0.5s;
transition: max-height, 0.5s;
position: absolute;
top: 98%;
right: 8%;
width: 400px;
max-height: 0;
overflow: hidden;
background: #ffffff;
}

#search-form.open {
max-height: 50px;
border: 1px solid #f1f1f1;
}

#search-form fieldset {
position: relative;
margin: 0 60px 0 0;
padding: 0;
border: none;
z-index: 9;
width: 85%;
}

#search-form input {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 50px;
}

#search-form .search {
width: 100%;
padding: 0 5px 0 22px;
background: #ffffff;
border: none;
color: #1d9c95;
font-size: 16px;
z-index: 9;
}

#search-form .header-btn {
position: absolute;
bottom: 0;
right: 0;
width: 15%;
margin: 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
background: url(../images/in-ssicon.png) no-repeat center #1d9c95;
border: none;
cursor: pointer;
z-index: 11;
}

/* lanuage */
.language {
position: relative;
margin-left: 55px;
border-bottom: 2px solid #fff;
}

.language-text {
display: block;
color: #fff;
font-size: 18px;
line-height: 22px;
text-align: center;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

.language-text .icon-down {
display: inline-block;
float: right;
vertical-align: middle;
font-size: 16px;
/* padding-left: 15px; */
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

.language-list {
position: absolute;
width: 100%;
top: 100%;
right: 0;
z-index: 10;
background: #fff;
-webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
opacity: 0;
visibility: hidden;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}

.language-list a {
display: block;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
font-size: 18px;
padding: 6px 0px;
}

.language-list a:hover {
color: #3ba9a3;
}

.headfixed.headerbgm .language:hover .language-text {
color: #666;
}

.headfixed.headerbgm .language,
.headfixed1 .language {
border-bottom: 2px solid #333;
}

.language:hover .language-text .icon-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.language:hover .language-list {
opacity: 1;
visibility: visible;
}
/* app lanuage */
.app-lanu {
text-align: center;
padding: 20px 0;
display: none;
}

.app-lanu a {
display: inline-block;
padding: 0 10px;
line-height: 24px;
color: #333;
}

.app-lanu a.active {
color: white;
background: #004c92;
border-radius: 30px;
}

/* nav */
.headfixed.headerbgm .menu-list > ul > li.cur h3 a,
.headfixed.headerbgm .menu-list > ul > li:hover h3 a,
.headfixed.headerbgm .language-text,
.headfixed1 .language-text {
color: #333;
}

.headfixed.headerbgm .menu-list h3 a::after,
.headfixed1 .menu-list h3 a::after {
background-color: #3ba9a3;
}

.menu-list > ul > li.cur h3 a::after,
.menu-list > ul > li:hover h3 a::after {
width: 52px;
}

.menu-list h3 {
padding: 0 15px;
}

.menu-list h3 a {
height: 100px;
line-height: 100px;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
color: #fff;
font-size: 18px;
display: block;
}

.headfixed1 .menu-list h3 a {
color: #333;
}

.menu-list h3 a::after {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 3px;
width: 0;
background-color: #fff;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.menu-list > ul > li .head-subnav {
display: block !important;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
-o-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
min-width: 180px;
background: rgba(255, 255, 255, 1);
padding: 10px 0;
pointer-events: none;
opacity: 0;
border: solid 1px #e4e6ee;
border-top: 0;
}

.headfixed .menu-list > ul > li:nth-child(2) .head-subnav {
min-width: 200px;
}

.headfixed .menu-list > ul > li:nth-child(3) .head-subnav {
min-width: 230px;
}

.menu-list > ul > li:hover .head-subnav {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
pointer-events: auto;
opacity: 1;
}

.menu-list .head-subnav a {
padding: 16px 0;
text-align: center;
color: #333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: block;
font-size: 16px;
border-bottom: solid 1px #efefef;
}

.menu-list .head-subnav a:last-child {
border-bottom: solid 1px transparent;
}

.menu-list .head-subnav a:hover {
color: #fff;
background: #1d9c95;
}

.menu-list .lang-box {
top: 100%;
width: 100%;
}

.menu-list .lang-box a {
padding: 8px 0;
}

/* banner */
.mainer {
overflow: hidden;
}

.mainer,
.mainer .banner .banner-img {
position: relative;
}

.banner .swiper-container-horizontal > .swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
bottom: 10px;
}

.mainer .banner .banner-img img {
width: 100%;
margin: 0 auto;
}

.banner .swiper-fontlist {
width: 100%;
z-index: 3;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}

.banner .pub-pbanner,
.banner .pub-mbanner {
width: 100%;
}

.banner .pub-mbanner {
display: none;
}

.banner .swiper-font {
width: 100%;
text-align: center;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 0.72rem;
line-height: 1.3;
color: #ffffff;
position: relative;
z-index: 5;
}

.banner .swiper-font .swiper-h2 h2 span {
font-size: 70px;
vertical-align: middle;
}

.banner .swiper-font .swiper-p {
font-family: "SourceHanSansSC";
font-size: 22px;
line-height: 24px;
color: #ffffff;
margin-top: 15px;
}

.banner .swiper-slide-active .swiper-font .swiper-h2 h2 {
-webkit-animation: fadeInDown 2.8s;
animation: fadeInDown 2.8s;
}

.banner .swiper-slide-active .swiper-font .more {
-webkit-animation: fadeInUp 4.5s;
animation: fadeInUp 4.5s;
}

.more {
width: 260px;
height: 65px;
border-radius: 33px;
border: solid 2px #ffffff;
text-align: center;
line-height: 63px;
font-size: 20px;
color: #fff;
display: block;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.more:hover {
border: solid 2px #d6d6d6;
color: #d6d6d6;
}

.banner .more {
margin-top: 65px;
}

.banner .indexvideo {
width: 100%;
height: 100%;
object-fit: fill;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
}

.banner .swiper-img::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
background: rgba(8,41,62, 0.3);
z-index: 3;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
width: 14px;
height: 26px;
top: auto;
bottom: 50px;
z-index: 5;
}

.banner .swiper-button-next {
right: 8%;
background: url(../images/in-next.png) no-repeat center center;
background-size: 100%;
}

.banner .swiper-button-prev {
left: 8%;
background: url(../images/in-prev.png) no-repeat center center;
background-size: 100%;
}

.banner .swiper-button-next:hover,
.section5 .swiper-button-next:hover {
background: url(../images/in-hnext.png) no-repeat center center;
}

.banner .swiper-button-prev:hover,
.section5 .swiper-button-prev:hover {
background: url(../images/in-hprev.png) no-repeat center center;
}

.banner .swiper-mouse {
position: absolute;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 50%;
padding-bottom: 25px;
bottom: 0px;
z-index: 1;
}

.banner .swiper-mouse h5 {
font-family: "ArialMT";
font-size: 16px;
line-height: 26px;
color: #ffffff;
padding-bottom: 3%;
}

.banner .swiper-mouse .line {
width: 1px;
height: 30px;
background-color: #ffffff;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
z-index: 3;
-webkit-animation: mouse 1.5s linear infinite;
animation: mouse 1.5s linear infinite;
}

@-webkit-keyframes mouse {
25% {
-webkit-transform: translateY(20px);
}

50%, 100% {
-webkit-transform: translateY(0);
}

75% {
-webkit-transform: translateY(0px);
}
}

@keyframes mouse {
25% {
transform: translateY(20px);
}

50%, 100% {
transform: translateY(0);
}

75% {
transform: translateY(0px);
}
}

@-o-keyframes mouse {
25% {
transform: translateY(20px);
}

50%, 100% {
transform: translateY(0);
}

75% {
transform: translateY(0px);
}
}

.banner .swiper-pagination {
padding-right: 8%;
bottom: auto;
top: 50%;
transform: translateY(-50%);
right: 3.5%;
left: auto;
width: 10px;
}

.banner .swiper-pagination em,
.banner .swiper-pagination {
font-size: 18px;
color: #ffffff;
writing-mode: lr-tb;
writing-mode: tb-rl;
}

.banner .swiper-pagination .line1 {
width: 2px;
height: 120px;
background-color: #ffffff;
display: inline-block;
margin: 20px auto;
}

.section1 .section1-font .ch-tit,
.section1 .section1-font .en-tit {
font-size: 0.48rem;
line-height: 1.3;
color: #ffffff;
}

.section1 .section1-font .en-tit {
font-weight: bold;
margin-top: 2%;
margin-bottom: 14%;
}

.section1 .section1-ul li {
position: relative;
width: 33.333%;
}

.section1 .section1-ul li::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: rgba(12,30,50, 0.45);
z-index: 1;
}

.section1 .section1-ul li:nth-child(2)::before {
opacity: 0;
}

.section1 .section1-img,
.section1 .section1-img img {
width: 100%;
overflow: hidden;
}

.section1 .section1-font {
width: 100%;
padding: 3%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
z-index: 3;
}

.section1 .more {
margin: 0 auto;
}

.section2 {
align-items: center;
}

.section2 .section2-left {
width: 66.36%;
position: relative;
padding-left: 8%;
padding-right: 21%;
}

.section2 .section2-titen {
font-size: 0.72rem;
line-height: 1.3;
color: #f7f7f7;
margin-bottom: -50px;
font-weight: bold;
}

.section2 .section2-tit,
.section3 .section3-rtft h4,
.section4 .section4-font h4 {
font-size: 0.48rem;
color: #333333;
padding-bottom: 4%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section2 .section2-dec {
font-size: 16px;
line-height: 28px;
color: #666666;
position: relative;
padding-bottom: 6%;
margin-bottom: 6%;
}

.section2 .section2-dec::before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 80px;
height: 2px;
background-color: #1d9c95;
}

.section2 .section2-dec span {
color: #1d9a94;
font-weight: bold;
}

.section2 .section2-dec1 {
font-size: 22px;
color: #333333;
}

.section2 .more {
border: solid 2px #d6d6d6;
color: #333333;
margin-top: 8.5%;
}

.section2 .more:hover {
border: solid 2px #1d9c95;
color: #1d9c95;
}

.section2 .section2-right {
width: 33.64%;
position: relative;
}

.section2 .section2-right .section2-img,
.section2 .section2-right .section2-img img,
.section3 .section3-img,
.section3 .section3-img img {
width: 100%;
overflow: hidden;
}

.section2 .section2-logo {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.section2 .section2-jh {
margin: 14% auto;
}

.section3 .section3-left {
width: 66.36%;
position: relative;
}

.section3 .section3-right {
width: 33.64%;
position: relative;
background: #F8F8F8;
padding-left: 5%;
padding-right: 3.5%;
padding-top: 7.5%;
}

.section3 .section3-rtft .dec,
.section3 .section3-font h4 {
font-size: 22px;
color: #666666;
}

.section3 .section3-font {
width: 100%;
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
padding: 3.45%;
text-align: center;
background: rgba(0, 0, 0, 0.5);
z-index: 3;
}

.section3 .section3-font h4 {
color: #ffffff;
}

.section3 .swiper-container {
width: 100%;
}

.section3 .section3-rtft h4 {
padding-bottom: 2.5%;
font-size: 0.42rem;
}

.section3 .section3-left::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: rgba(3,65,135, 0.2);
z-index: 1;
}

.section3 .swiper-button-prev,
.section3 .swiper-button-next {
width: 62px;
height: 62px;
top: 77%;
}

.section3 .swiper-button-prev {
background: url(../images/in-prev1.png) no-repeat center center;
background-size: cover;
}

.section3 .swiper-button-next {
background: url(../images/in-next1.png) no-repeat center center;
background-size: cover;
}

.section3 .swiper-button-prev:hover {
background: url(../images/in-hprev1.png) no-repeat center center;
background-size: cover;
}

.section3 .swiper-button-next:hover {
background: url(../images/in-hnext1.png) no-repeat center center;
background-size: cover;
}

.section3 .swiper-button-prev {
left: auto;
right: 26.5%;
}

.section3 .swiper-button-next {
right: 19.5%;
}

.section3 .scroll-ul li .scroll-ul-num {
font-size: 0.68rem;
line-height: 1.2;
color: #666666;
font-family: "DINPro-CondensedBold";
}

.section3 .scroll-ul {
width: 33.64%;
position: absolute;
z-index: 3;
right: 0px;
top: 50%;
transform: translateY(-50%);
padding: 0 5%;
}

.section3 .scroll-ul li {
width: 50%;
position: relative;
padding-left: 10px;
}

.section3 .scroll-ul li:first-child {
padding-left: 0px;
}

.section3 .scroll-ul li:nth-child(1) .scroll-ul-num,
.section3 .scroll-ul li:hover .scroll-ul-num,
.section3 .scroll-ul li:hover .scroll-ul-dec {
color: transparent;
background: url("../images/in-bgm2.jpg") no-repeat center center;
background-size: cover;
background-clip: text;
-webkit-background-clip: text;
}

.section3 .scroll-ul-dec {
font-size: 18px;
line-height: 28px;
color: #666666;
}

.section4 .section4-ul li {
width: 25%;
position: relative;
background: #fff;
border-right: 1px solid #d6d8d7;
}

.section4 .section4-ul li::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
width: 0%;
height: 4px;
background-color: #1d9c95;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section4 .section4-ul li:hover::before {
width: 100%;
}

.section4 .section4-ul li:last-child {
border: none;
}

.section4 .section4-ul a {
width: 100%;
display: block;
padding: 22% 17% 25% 17%;
}

.section4 .section4-font .dec {
font-size: 16px;
line-height: 30px;
color: #666666;
padding-top: 5%;
padding-bottom: 31%;
}

.section4 .section4-more {
width: 62px;
height: 62px;
background: url(../images/in-jhicon.png) no-repeat center center;
background-size: cover;
background-size: 100%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section4 .section4-ul li:hover .section4-more {
background: url(../images/in-hjhicon.png) no-repeat center center;
background-size: cover;
}

.section5 {
background: #F2F2F2;
padding: 6.3% 0;
}

.section5 .swiper-slide a {
width: 50%;
display: block;
margin: 0 auto;
}

.section5::before {
content: "";
width: 185px;
height: 795px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 46px;
background: url(../images/in-ftimg1.png) no-repeat center center;
background-size: 100%;
}

.section5 .section5-swiper {
position: relative;
padding-top: 6%;
padding-bottom: 55px;
margin-left: 2.8%;
}

.section5 .section5-font {
text-align: center;
position: relative;
padding: 0 15%;
margin-top: 10px;
}

.section5 .section5-font .tit,
.section5 .section5-pro .tit {
font-size: 0.48rem;
color: #ffffff;
}

.section5 .section5-font .dec {
font-size: 0.30rem;
color: #ffffff;
}

.section5 .swiper-button-next,
.section5 .swiper-button-prev {
top: auto;
bottom: 10px;
}

.section5 .swiper-button-next {
background: url(../images/in-next.png) no-repeat center center;
right: 135px;
}

.section5 .swiper-button-prev {
background: url(../images/in-prev.png) no-repeat center center;
left: 215px;
}

.section5 .section5-pro {
width: 20%;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
margin-left: 12.5%;
}

.section5 .pro-more {
width: 62px;
height: 62px;
background: url(../images/in-wjhicon.png) no-repeat center center;
background-size: 100%;
display: block;
margin-top: 50px;
}

.section5 .pro-more:hover {
background: url(../images/in-hjhicon.png) no-repeat center center;
background-size: 100%;
}

.section5 .swiper-wrapper {
align-items: flex-end;
}

.section5 .section5-img img {
max-width: 350px;
max-height: 550px;
}
/* footer */
.footer {
background-color: #1a1a1a;
position: relative;
padding-top: 4.5%;
}

.footer .footerphone-menu {
width: 80%;
position: relative;
padding-bottom: 4%;
padding-left: 17.5%;
}

.footer .footerphone-menu li,
.footer .footerphone-menu h3 {
position: relative;
}

.footer .footerphone-menu h3 a {
font-size: 18px;
line-height: 36px;
color: #ffffff;
}

.footer .foot-bot {
align-items: center;
position: relative;
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer .foot-bot .right {
position: relative;
padding-left: 3.5%;
}

.footer .foot-ct a,
.footer .foot-ct span,
.footer .foot-copy a,
.footer .foot-copy span {
font-size: 14px;
line-height: 30px;
color: rgba(255, 255, 255, .5);
}

.footer .foot-copy a {
margin-right: 3px;
}

.footer .foot-copy a,
.footer .foot-copy span {
font-size: 14px;
color: rgba(255, 255, 255, .5);
}

.footer .foot-ct a {
margin-right: 5px;
}

.footer .foot-copy span {
position: relative;
}

.footer .foot-copy span::before {
content: "";
width: 1px;
height: 85%;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -7px;
background: rgba(255, 255, 255, .5);
margin: 0 5px;
}

.footer .foot-copy span:last-child::before {
opacity: 0;
}

.footer .footerphone-menu h3 i {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 40px;
display: none;
}

.footer .footerphone-menu h3 i::before {
content: '';
position: absolute;
top: 50%;
height: 2px;
width: 15px;
background: #dfdfdf;
margin-top: -1px;
right: 11px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.footer .footerphone-menu h3 i::after {
content: '';
position: absolute;
top: 50%;
height: 15px;
width: 2px;
background: #dfdfdf;
margin-top: -7px;
right: 17px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.footer .footerphone-menu h3.cur i::after {
opacity: 0;
}

.footer .footer-subnav {
margin-top: 8%;
}

.footer .footer-subnav a {
font-size: 14px;
display: block;
line-height: 30px;
color: rgba(255, 255, 255, .3);
position: relative;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.footer .footer-subnav a em {
color: #86b8e6;
font-size: 12px;
font-weight: bold;
margin-right: 10px;
}

.footer .footer-subnav a:hover,
.footer .foot-copy a:hover,
.footer .foot-ct a:hover {
color: #fff;
}

.footer .foot-left {
width: 20%;
}

.footer .ftlogo {
display: block;
}

.footer .ftlogo img {
margin: 0;
}

.footer .foot-left-ewm {
position: relative;
display: none;
}

.footer .foot-left-ewm .ewm {
margin-right: 30px;
}

.footer .foot-left-ewm .ewm:last-child {
margin-right: 0px;
}

.footer .foot-left-ewm .ewm img {
max-width: 82px;
max-height: 82px;
}

.footer .foot-left-ewm .ewm p {
color: #fff;
font-size: 14px;
text-align: center;
margin: 25px auto;
}

.footer .foot-cen {
position: relative;
padding-bottom: 3.6%;
}

.footer .foot-icon {
width: 46px;
height: 46px;
border: solid 1px #ffffff;
border-radius: 50%;
text-align: center;
line-height: 46px;
border-radius: 50%;
position: relative;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.footer .foot-tel {
width: calc(100% - 46px);
position: relative;
padding-left: 30px;
}

.footer .foot-cen li {
margin-right: 7%;
position: relative;
align-items: center;
}

.footer .foot-cen li:last-child {
margin-right: 0px;
}

.footer .foot-tel .tel {
font-size: 24px;
font-weight: bold;
line-height: 30px;
color: #ffffff;
}

.footer .foot-tel .addr {
font-size: 18px;
line-height: 30px;
color: #ffffff;
}

.footer .foot-tel .tit {
font-size: 20px;
line-height: 30px;
color: #ffffff;
}

.footer .footerphone-menu h3,
.footer .ftlogo {
margin-bottom: 130px;
}

.footer .foot-top {
position: relative;
}

.footer .foot-top::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, .1);
top: 23%;
transform: translateY(-23%);
}
/* Inner page */
.pub-banner {
position: relative;
margin-top: 100px;
}

.pub-pcbanner {
display: block;
width: 100%;
}

.pub-mbanner {
display: none;
width: 100%;
}

.pub-banner .pub-banner-font {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
color: #ffffff;
z-index: 9;
text-align: center;
}

.pub-banner .pub-banner-font h3 {
font-size: 0.50rem;
line-height: 1.3;
color: #ffffff;
}

.pub-banner .pub-banner-font .dec {
font-family: "ArialMT";
font-size: 0.38rem;
color: #ffffff;
font-weight: bold;
}

.inner-sec1-snav {
display: none;
position: relative;
}

.inner-sec1-pcnav li {
position: relative;
background-color: #fdfdfd;
flex: 1;
border-right: 1px solid rgba(111, 111, 111, 0.1);
box-shadow: 0px 0px 38px 2px rgba(182, 182, 182, 0.2);
}

.inner-sec1-pcnav li:last-child {
border-right: none;
}

.inner-sec1-pcnav li a {
width: 100%;
font-size: 22px;
text-align: center;
height: 80px;
line-height: 80px;
color: #333;
position: relative;
background-color: #ffffff;
z-index: 3;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.inner-sec1-pcnav li:hover a,
.inner-sec1-pcnav li.active a {
color: #fff;
background-color: #3ba9a3;
}

.inner-sec1-nav .nav-name {
background-color: #ffffff;
color: #666666;
display: block;
text-align: left;
display: block;
padding: 0 30px;
position: relative;
cursor: pointer;
line-height: 65px;
font-size: 18px;
}

.inner-sec1-nav .nav-name .icon-sljt {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}

.inner-sec1-monav {
width: 100%;
position: absolute;
z-index: 100;
display: none;
background: #F8F8F8;
box-shadow: 0 1px 4px 1px #fff;
display: none;
}

.inner-sec1-monav li.active a {
background-color: #1d9c95;
color: #fff;
}

.inner-sec1-monav li a {
font-size: 16px;
line-height: 34px;
color: #666666;
padding: 1% 5%;
display: block;
border-bottom: 1px solid #dedede;
}

.inner-section {
position: relative;
padding-top: 4%;
}

.inner-tab {
position: relative;
margin-top: -35px;
}

/* product */
.product-sec1-tit .tit {
font-size: 0.30rem;
color: #333333;
}

.product-sec1-tit .dec {
font-size: 18px;
line-height: 28px;
color: #666666;
position: relative;
padding-left: 12px;
margin-top: 6px;
}

.product-sec1-tit .dec::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 4px;
height: 16px;
background-color: #3ba9a3;
}

.product-sec1 {
padding-top: 40px;
padding-bottom: 2.8%;
}

.product-sec1 .product-sec1-list {
flex-wrap: wrap;
margin-top: 25px;
position: relative;
}

.product-sec1 .product-sec1-list li {
width: 32%;
position: relative;
margin-right: 2%;
margin-bottom: 2%;
background-color: #ffffff;
}

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

.product-sec1 .product-sec1-list li a {
display: block;
width: 100%;
height: 100%;
}

.product-sec1 .product-sec1-img,
.solution-sec2 .solution-sec2-img {
width: 100%;
height: 320px;
position: relative;
overflow: hidden;
margin: 4% auto;
}

.product-sec1 .product-sec1-font,
.solution-sec2 .solution-sec2-font {
text-align: center;
border-top: 1px solid #e5e5e5;
padding: 5% 6%;
position: relative;
}

.product-sec1 .product-sec1-font::before,
.solution-sec2 .solution-sec2-font::before {
content: "";
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 0%;
height: 1px;
background-color: #1d9c95;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.product-sec1 .product-sec1-list li:hover .product-sec1-font::before,
.solution-sec2 .swiper-slide:hover .solution-sec2-font::before {
width: 100%;
}

.product-sec1 .product-sec1-font .tit,
.solution-sec2 .solution-sec2-font .tit {
font-size: 0.28rem;
line-height: 1.3;
color: #333333;
}

.product-sec1 .product-sec1-font .dec,
.solution-sec2 .solution-sec2-font .dec {
font-size: 16px;
line-height: 28px;
color: #666666;
}

.product-sec1 .product-sec1-list {
margin-top: 4.5%;
position: relative;
}

.product-sec1 .product-sec1-list:first-child {
margin-top: 0px;
}

/* product-info */
.proinfo-sec1 {
padding-top: 8%;
padding-bottom: 3.5%;
}

.proinfo-sec1 .proinfo-sec1-left {
width: 43%;
position: relative;
padding-right: 10%;
}

.proinfo-sec1 .tit {
font-weight: bold;
font-size: 0.62rem;
line-height: 1.2;
color: #333333;
}

.proinfo-sec1 .dec {
font-size: 0.30rem;
font-weight: bold;
line-height: 1.2;
color: #333333;
margin-top: 5px;
margin-bottom: 13%;
}

.proinfo-sec1 .proinfo-sec1-right {
width: 57%;
position: relative;
}

.proinfo-sec1 .proinfo-sec1-list {
align-items: center;
position: relative;
}

.proinfo-sec1 .proinfo-sec1-ul {
flex-wrap: wrap;
margin-right: 15%;
position: relative;
}

.proinfo-sec1 .proinfo-sec1-ul li {
width: 25%;
position: relative;
padding: 0 2%;
margin-bottom: 4%;
}

.proinfo-sec1 .proinfo-sec1-ul li:nth-child(4n) {
margin-right: 0px;
}

.proinfo-sec1 .proinfo-sec1-icon {
width: 64px;
height: 64px;
border-radius: 50%;
border: solid 1px #3ba9a3;
position: relative;
margin: 0 auto;
}

.proinfo-sec1 .proinfo-sec1-ul li:hover .proinfo-sec1-icon img,
.proinfo-sec5 .proinfo-sec5-right li:hover .proinfo-sec5-icon img {
transform: rotateY(180deg);
}

.proinfo-sec1 .proinfo-sec1-tit {
font-size: 16px;
line-height: 28px;
color: #666666;
text-align: center;
padding: 8px 0;
}

.pro-tit .tit {
font-size: 0.30rem;
font-weight: bold;
color: #333333;
}

.pro-tit .dec {
font-size: 18px;
line-height: 1.67;
color: #666666;
margin-top: 15px;
}

.proinfo-sec2 .proinfo-sec2-img {
position: relative;
margin-top: 3.8%;
width: 100%;
overflow: hidden;
}

.proinfo-sec3 {
align-items: center;
}

.proinfo-sec3 .proinfo-sec3-left {
width: 45%;
position: relative;
align-items: center;
}

.proinfo-sec3 .proinfo-sec3-left .jt1 {
margin-right: 15px;
margin-left: 40px;
-webkit-animation: mouse 1.5s linear infinite;
animation: mouse 1.5s linear infinite;
}

.proinfo-sec3 .proinfo-sec3-left .jt2 {
-webkit-animation: mouse1 1.5s linear infinite;
animation: mouse1 1.5s linear infinite;
}

@-webkit-keyframes mouse {
25% {
-webkit-transform: translateY(-5px);
}

50%, 100% {
-webkit-transform: translateY(0);
}

75% {
-webkit-transform: translateY(5px);
}
}

@keyframes mouse {
25% {
transform: translateY(-5px);
}

50%, 100% {
transform: translateY(0);
}

75% {
transform: translateY(5px);
}
}

@-o-keyframes mouse {
25% {
transform: translateY(-5px);
}

50%, 100% {
transform: translateY(0);
}

75% {
transform: translateY(5px);
}
}

@-webkit-keyframes mouse1 {
25% {
-webkit-transform: translateY(5px);
}

50%, 100% {
-webkit-transform: translateY(0);
}

75% {
-webkit-transform: translateY(-5px);
}
}

@keyframes mouse1 {
25% {
transform: translateY(5px);
}

50%, 100% {
transform: translateY(0);
}

75% {
transform: translateY(-5px);
}
}

@-o-keyframes mouse1 {
25% {
transform: translateY(5px);
}

50%, 100% {
transform: translateY(0);
}

75% {
transform: translateY(-5px);
}
}

.proinfo-sec3 .proinfo-sec3-right {
width: 55%;
position: relative;
padding-left: 7%;
padding-right: 10%;
}

.proinfo-sec4 {
margin-top: 4%;
padding-bottom: 4%;
height: 600px;
background-attachment: fixed !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
}

.proinfo-sec4::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 50%;
transform: translateY(-50%);
background: url(../images/pro-ifigbgm.png) no-repeat center center;
background-size: cover;
}

.proinfo-sec4 .pro-tit {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.proinfo-sec4 .pro-tit .tit,
.proinfo-sec4 .pro-tit .dec {
color: #fff;
z-index: 3;
position: relative;
}

.proinfo-sec5 {
height: 510px;
align-items: center;
}

.proinfo-sec5 .proinfo-sec5-left {
width: 45%;
padding-right: 8%;
position: relative;
}

.proinfo-sec5 .proinfo-sec5-right {
width: 55%;
height: 100%;
padding-left: 3.5%;
position: relative;
}

.proinfo-sec5 .proinfo-sec5-icon {
width: 40px;
height: 40px;
position: relative;
margin: 0 auto;
}

.proinfo-sec5 .proinfo-sec5-tit {
font-size: 16px;
line-height: 1.3;
color: #009a9a;
text-align: center;
margin-top: 5px;
}

.proinfo-sec5 .proinfo-sec5-right li {
width: 97px;
height: 97px;
background-color: #dcf1f1;
border-radius: 6px;
padding: 2% 1%;
position: absolute;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(2) {
background-color: #009a9a;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(3) {
background-color: #8cb9ca;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(5) {
background-color: #a9c2db;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(2) .proinfo-sec5-tit,
.proinfo-sec5 .proinfo-sec5-right li:nth-child(3) .proinfo-sec5-tit,
.proinfo-sec5 .proinfo-sec5-right li:nth-child(5) .proinfo-sec5-tit {
color: #ffffff;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(1) {
top: 51%;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(2) {
top: 2%;
left: 20%;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(3) {
top: 58%;
left: 31%;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(4) {
top: 24%;
left: 40%;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(5) {
top: 40%;
left: 62%;
}

.proinfo-sec6 {
padding-top: 2%;
}

.inner-tit h3 {
font-size: 0.48rem;
text-align: center;
color: #333333;
position: relative;
}

.inner-tit .dec {
font-size: 18px;
line-height: 2;
color: #666666;
text-align: center;
position: relative;
}

.proinfo-sec6 .proinfo-sec6-tit {
font-size: 22px;
text-align: center;
color: #333333;
padding: 6.8% 3%;
background-color: #ffffff;
box-shadow: 0px 0px 51px 0px rgba(21, 21, 22, 0.1);
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.proinfo-sec6 .proinfo-sec6-img,
.proinfo-sec6 .proinfo-sec6-img img {
width: 100%;
overflow: hidden;
}

.proinfo-sec6 .swiper-container {
padding: 2.5% 1.4%;
}

.swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: #888888;
opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 10px;
}

.swiper-pagination-bullet-active {
width: 30px;
height: 10px;
background-color: #009a9a;
border-radius: 5px;
opacity: 1;
}

.swiper-button-prev,
.swiper-button-next {
width: 53px;
height: 53px;
opacity: 1;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 1;
}

.swiper-button-prev {
background: url(../images/pro-prev.png) no-repeat center center;
background-size: cover;
}

.swiper-button-next {
background: url(../images/pro-next.png) no-repeat center center;
background-size: cover;
}

.swiper-button-prev:hover {
background: url(../images/pro-hprev.png) no-repeat center center;
background-size: cover;
}

.swiper-button-next:hover {
background: url(../images/pro-hnext.png) no-repeat center center;
background-size: cover;
}

.proinfo-sec6 .swiper-pagination,
.proinfo-sec6 .swiper-button-prev,
.proinfo-sec6 .swiper-button-next,
.solution-sec6 .swiper-button-prev,
.solution-sec6 .swiper-button-next,
.solution-sec7 .swiper-pagination,
.solution-sec6 .swiper-pagination {
display: none;
}

.proinfo-sec7 .proinfo-sec7-swiper {
position: relative;
}

.proinfo-sec7 .proinfo-sec7-hfont {
width: 100%;
height: 100%;
background: rgba(59, 169, 163, 0.5);
position: absolute;
bottom: -100%;
left: 50%;
transform: translateX(-50%);
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
pointer-events: none;
}

.proinfo-sec7 .swiper-slide:hover .proinfo-sec7-hfont {
bottom: 0%;
opacity: 1;
pointer-events: auto;
}

.proinfo-sec7 .proinfo-sec7-hfont .product-sec1-font {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.proinfo-sec7 .proinfo-sec7-hfont .product-sec1-font {
border: none;
}

.proinfo-sec7 .proinfo-sec7-hfont .product-sec1-font::before {
display: none;
}

.proinfo-sec7 .proinfo-sec7-hfont .product-sec1-font .tit,
.proinfo-sec7 .proinfo-sec7-hfont .product-sec1-font .dec {
color: #fff;
}

.proinfo-sec7 .swiper-slide {
background-color: #ffffff;
box-shadow: 0px 0px 23px 1px rgba(182, 182, 182, 0.2);
}

.proinfo-sec7 .swiper-slide a {
width: 100%;
height: 100%;
display: block;
}

.proinfo-sec7 .swiper-container {
padding: 3.3% 1%;
}

.proinfo-sec7 .swiper-button-prev,
.solution-sec6 .swiper-button-prev {
left: -80px;
}

.proinfo-sec7 .swiper-button-next,
.solution-sec6 .swiper-button-next {
right: -80px
}

.proinfo-sec7 .swiper-slide:hover .product-sec1-sfont {
opacity: 0;
}

/* solution */
.solution-tit {
text-align: center;
}

.solution-tit .tit {
font-size: 0.32rem;
line-height: 1.3;
font-weight: bold;
color: #333333;
}

.solution-tit .dec {
font-size: 18px;
line-height: 2;
color: #666666;
margin-top: 10px;
}

.solution-sec1 .solution-sec1-ul {
position: relative;
margin-top: 3.5%;
}

.solution-sec1 .solution-sec1-ul li {
width: 14.28%;
padding: 0 1.5%;
position: relative;
}

.solution-sec1 .solution-sec1-icon {
width: 75px;
height: 75px;
position: relative;
margin: 0 auto;
}

.solution-sec1 .solution-sec1-font {
text-align: center;
margin-top: 20%;
}

.solution-sec1 .solution-sec1-font .tit {
font-size: 20px;
line-height: 1.3;
font-weight: bold;
color: #3ba9a3;
margin-bottom: 10px;
}

.solution-sec1 .solution-sec1-font .dec {
font-size: 16px;
line-height: 26px;
color: #888888;
}

.solution-sec2 .solution-tit .tit,
.solution-sec2 .solution-tit .dec,
.solution-sec4 .solution-tit .tit,
.solution-sec4 .solution-tit .dec {
color: #fff;
}

.solution-sec2 {
margin-top: 4%;
padding-bottom: 4%;
}

.solution-sec2 .swiper-slide {
background: #fff;
}

.solution-sec2 .solution-sec2-swiper {
position: relative;
margin-top: 3.5%;
}

.solution-sec2 .solution-sec2-swiper .swiper-container {
width: 85%;
margin: 0 auto;
}

.solution-sec2 .solution-sec2-img {
margin: 8% auto;
}

.solution-sec3 .solution-sec3-left {
width: 58%;
position: relative;
}

.solution-sec3 .solution-sec3-right {
width: 42%;
position: relative;
padding-left: 10%;
}

.solution-sec3 {
align-items: center;
padding: 4% 6.5%;
}

.solution-sec3 .solution-sec3-cont li {
width: 100%;
background-color: #ffffff;
box-shadow: 0px 0px 29px 0px rgba(21, 21, 22, 0.1);
border-radius: 15px;
display: none;
padding: 3.5%;
overflow: hidden;
}

.solution-sec3 .solution-sec3-cont li:first-child {
display: block;
}

.solution-sec3 .solution-sec3-tit {
font-size: 16px;
line-height: 24px;
color: #666666;
margin-top: 10px;
}

.solution-sec3 .solution-sec3-tab {
padding-top: 3.5%;
width: 20%;
margin: 0 auto;
position: relative;
background: #fff;
}

.solution-sec3 .solution-sec3-tab li {
margin-right: 20%;
cursor: pointer;
}

.solution-sec3 .solution-sec3-tab li:last-child {
margin-right: 0px;
}

.solution-sec3 .solution-sec3-icon {
position: relative;
overflow: hidden;
width: 35px;
height: 35px;
}

.solution-sec3 .solution-sec3-tab li.active .solution-sec3-tit,
.solution-sec3 .solution-tit .dec,
.solution-sec5 .solution-tit .dec {
color: #1d9b93;
}

.solution-sec3 .solution-tit,
.solution-sec4 .solution-tit,
.solution-sec5 .solution-tit {
text-align: left;
}

.solution-sec4 {
background: rgba(47, 170, 163, 0.9);
padding-bottom: 4%;
}

.solution-sec4 .solution-sec4-left {
width: 30%;
position: relative;
}

.solution-sec4 .solution-sec4-right {
width: 70%;
padding-left: 10px;
align-items: center;
position: relative;
}

.solution-sec4 .solution-sec4-list {
align-items: center;
padding: 0 2.5%;
}

.solution-sec4 .solution-sec4-img {
overflow: hidden;
width: 100%;
display: block;
}

.solution-sec4 .solution-sec4-lf .solution-sec4-img {
margin-bottom: 13%;
overflow: hidden;
}

.solution-sec4 .solution-sec4-lf {
width: 42.1%;
position: relative;
}

.solution-sec4 .solution-sec4-rt {
width: 57.9%;
padding-left: 5%;
position: relative;
}

.solution-sec5 {
padding: 7% 0;
align-items: center;
}

.solution-sec5 .solution-sec5-left {
width: 55%;
position: relative;
}

.solution-sec5 .solution-sec5-right {
width: 45%;
position: relative;
padding-left: 16%;
}

.solution-sec5 .solution-sec5-quan {
margin-top: -60px;
}

.solution-sec5 .solution-sec5-ul li {
position: absolute;
width: 18%;
}

.solution-sec5 .solution-sec5-ul li::before {
content: "";
position: absolute;
top: -33px;
left: 132px;
width: 32px;
height: 32px;
background-color: #ffffff;
border: 8px solid #d6d6d6;
border-radius: 50%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.solution-sec5 .solution-sec5-ul li:nth-child(2)::before {
top: -42px;
left: 110px;
}

.solution-sec5 .solution-sec5-ul li:nth-child(3)::before {
top: -46px;
left: -17px;
}

.solution-sec5 .solution-sec5-ul li:nth-child(4)::before {
top: -33px;
left: -26px;
}

.solution-sec5 .solution-sec5-ul li:hover::before {
border: 8px solid #3ba9a3;
}

.solution-sec5 .solution-sec5-ul li:nth-child(1) {
top: 47%;
left: -2%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(2) {
top: 93%;
left: 14%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(3) {
top: 93%;
left: 70%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(4) {
top: 47%;
left: 84%;
}

.solution-sec5 .solution-sec5-ul .tit {
font-size: 16px;
font-weight: bold;
line-height: 24px;
color: #666666;
}

.solution-sec6 {
background-color: #f8f8f8;
padding-bottom: 4%;
}

.solution-sec6 .solution-sec6-swiper {
position: relative;
margin-top: 3%;
}

.solution-sec6 .solution-sec6-font {
background-color: #ffffff;
padding: 8%;
}

.solution-sec6 .solution-sec6-font .tit {
font-size: 22px;
line-height: 1.3;
color: #333333;
}

.solution-sec6 .solution-sec6-font .dec {
font-size: 16px;
line-height: 26px;
color: #666666;
margin-top: 10px;
}

.solution-sec6 .solution-sec6-img img,
.solution-sec6 .solution-sec6-img {
width: 100%;
overflow: hidden;
}

.solution-sec7 {
padding-bottom: 2%;
}

.solution-sec7 .solution-sec7-img {
width: 100%;
height: 135px;
border: solid 1px #EFEFEF;
position: relative;
}

.solution-sec7 .solution-sec7-img img {
padding: 30px;
}

.solution-sec7 .swiper-container {
padding: 3.3% 0;
}

/* solution-info */
.soinfo-sec1 .soinfo-sec1-img {
margin-right: 5.5%;
}

.soinfo-sec1 .soinfo-sec1-img:last-child, .soinfo-sec2 .soinfo-sec1-img:last-child {
margin-right: 0px;
}

.soinfo-sec1 .soinfo-sec1-list,
.soinfo-sec4 .soinfo-sec4-img {
position: relative;
margin-top: 3.5%;
}

.soinfo-sec2 {
margin-top: 5%;
padding: 5% 0;
}

.soinfo-sec2 > div {
align-items: center;
}

.soinfo-sec2 .soinfo-sec2-left {
width: 55%;
position: relative;
}

.soinfo-sec2 .soinfo-sec2-right {
width: 45%;
position: relative;
}

.soinfo-sec2 .soinfo-sec2-right {
padding-right: 10%;
}

.soinfo-sec2 .soinfo-sec1-img {
margin-right: 11%;
}

.soinfo-sec2 .inner-tit h3,
.soinfo-sec2 .inner-tit .dec {
text-align: left;
}

.soinfo-sec2 .inner-tit .dec {
margin-top: 25px;
}

.soinfo-sec3 {
margin-top: 0px;
}

.soinfo-sec4 {
padding-bottom: 4%;
}

/* about */
.about-sec1 .inner-tit .dec {
margin-top: 20px;
}

.about-sec1 .about-sec1-dec {
font-size: 20px;
text-align: center;
color: #666666;
margin-top: 2%;
}

.about-sec1 .about-sec1-dec strong {
font-size: 20px;
color: #666666;
}

.about-sec1 .about-sec1-ul {
position: relative;
margin-top: 4%;
}

.about-sec1 .about-sec1-icon {
width: 80px;
height: 80px;
margin: 0 auto;
position: relative;
}

.about-sec1 .about-sec1-font {
font-size: 20px;
line-height: 28px;
margin-top: 7%;
color: #009a9a;
}

.about-sec1 .about-sec1-font span {
font-weight: bold;
}

.about-sec1 .about-sec1-ul li {
width: 25%;
position: relative;
text-align: center;
}

.about-sec2 {
margin-top: 4%;
padding-bottom: 4%;
}

.about-sec2 .about-sec2-ul {
position: relative;
align-items: flex-start;
margin-top: 3.5%;
}

.about-sec2 .about-sec2-ul li {
position: relative;
width: 32.1%;
margin-right: 1.8%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.about-sec2 .about-sec2-ul li:last-child {
margin-right: 0px;
}

.about-sec2 .about-sec2-ul li:nth-child(odd) {
margin-top: 40px;
}

.about-sec2 .about-sec2-ul li::before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}

.about-sec2 .about-sec2-img,
.about-sec2 .about-sec2-img img {
width: 100%;
position: relative;
overflow: hidden;
}

.about-sec2 .about-sec2-font {
width: 100%;
position: absolute;
top: 30%;
transform: translateY(-30%);
left: 0px;
padding: 9%;
z-index: 3;
}

.about-sec2 .about-sec2-font .tit {
font-size: 0.28rem;
font-weight: bold;
color: #ffffff;
position: relative;
z-index: 3;
margin-bottom: 15px;
}

.about-sec2 .about-sec2-font .dec {
font-size: 16px;
line-height: 36px;
color: #ffffff;
position: relative;
z-index: 3;
}

.about-sec3 {
padding-bottom: 4%;
}

.about-sec3 .about-sec3-time {
position: relative;
margin-top: 3.5%;
}

.about-sec3 .about-sec3-cont .swiper-button-prev,
.about-sec3 .about-sec3-cont .swiper-button-next {
width: 20px;
height: 20px;
top: -38%;
}

.about-sec3 .about-sec3-cont .swiper-button-prev {
left: -10px;
}

.about-sec3 .about-sec3-cont .swiper-button-next {
right: -10px;
}

.about-sec3 .about-sec3-time .swiper-slide {
cursor: pointer;
text-align: center;
}

.about-sec3 .about-sec3-time .swiper-slide::before {
content: "";
position: absolute;
left: 50%;
bottom: 3px;
transform: translateX(-50%);
width: 11px;
height: 11px;
background: url(../images/ab-qicon.png) no-repeat center center;
background-size: 100%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.about-sec3 .about-sec3-time .swiper-slide::after {
content: "";
position: absolute;
left: 50%;
bottom: -2px;
transform: translateX(-50%);
width: 21px;
height: 21px;
background: url(../images/ab-hqicon.png) no-repeat center center;
background-size: 100%;
opacity: 0;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.about-sec3 .about-sec3-time .swiper-slide.active::before {
opacity: 0;
}

.about-sec3 .about-sec3-time .swiper-container {
padding-bottom: 2px;
}

.about-sec3 .about-sec3-time .swiper-slide.active::after {
opacity: 1;
}

.about-sec3 .about-sec3-time .swiper-container::before {
content: "";
position: absolute;
bottom: 9px;
left: 50%;
transform: translateX(-50%);
width: 95%;
height: 2px;
background: rgba(111, 111, 111, 0.2);
}

.about-sec3 .about-sec3-tm {
font-size: 16px;
line-height: 70px;
font-weight: bold;
padding-bottom: 10px;
color: #888888;
position: relative;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.about-sec3 .about-sec3-time .swiper-slide.active .about-sec3-tm {
font-size: 0.48rem;
color: #009a9a;
}

.about-sec3 .about-sec3-ct {
align-items: center;
padding: 0 20%;
}

.about-sec3 .about-sec3-img {
width: 40.5%;
position: relative;
}

.about-sec3 .about-sec3-img img,
.about-sec5 .about-sec5-img img {
width: 100%;
}

.about-sec3 .about-sec3-font {
width: 59.5%;
padding-left: 14%;
position: relative;
}

.about-sec3 .about-sec3-fttime {
font-size: 0.48rem;
line-height: 1;
/* color: rgba(102, 102, 102, 0.5); */
color: #E9E9E9;
font-weight: bold;
}

.about-sec3 .about-sec3-ft .tit {
font-size: 0.28rem;
font-weight: bold;
color: #009a9a;
}

.about-sec3 .about-sec3-ft .dec {
font-size: 18px;
line-height: 30px;
color: #666666;
margin-top: 10px;
}

.about-sec3 .about-sec3-cont {
position: relative;
margin-top: 5.6%;
}

.about-sec4 {
background-color: #fafafa;
padding-bottom: 4%;
}

.about-sec4 .about-sec4-swiper,
.about-sec6 .about-sec6-ul {
position: relative;
margin-top: 3.5%;
}

.about-sec4 .swiper-button-prev {
left: -60px;
}

.about-sec4 .swiper-button-next {
right: -60px;
}

.about-sec5 .about-sec5-font .tit {
font-size: 0.28rem;
line-height: 1.2;
color: #666666;
}

.about-sec5 .about-sec5-font .dec {
font-size: 16px;
line-height: 30px;
color: #666666;
margin-top: 15px;
}

.about-sec5 .about-sec5-img {
width: 50.2%;
position: relative;
overflow: hidden;
}

.about-sec5 .about-sec5-font {
width: 49.8%;
position: relative;
padding: 0 6%;
height: 260px;
overflow-x: hidden;
overflow-y: auto;
}

.about-sec5 .swiper-container {
padding: 3.5% 1% 4% 1%;
position: relative;
}

.about-sec5 .swiper-pagination {
bottom: 0px;
}

.about-sec5 .swiper-slide {
background-color: #ffffff;
box-shadow: 0px 0px 21px 0px rgba(182, 182, 182, 0.2);
padding: 1.5%;
}

.about-sec5 .about-sec5-li {
align-items: center;
position: relative;
}

.about-sec6 {
margin-top: 4%;
padding-bottom: 4%;
}

.about-sec6 .inner-tit h3 {
color: #fff;
}

.about-sec6 .about-sec6-ul li {
position: relative;
width: 33.333%;
padding: 0 4%;
}

.about-sec6 .about-sec6-icon {
position: relative;
width: 100px;
height: 100px;
margin: 0 auto;
}

.about-sec6 .about-sec6-font .tit {
font-size: 0.28rem;
line-height: 1.3;
color: #ffffff;
text-align: center;
margin-top: 10%;
margin-bottom: 6%;
}

.about-sec6 .about-sec6-font .dec {
font-size: 16px;
line-height: 26px;
text-align: center;
color: #ffffff;
}

/* new */
.new-sec1 {
padding-bottom: 4%;
}

.new-sec1 .new-sec1-img {
width: 420px;
position: relative;
overflow: hidden;
}

.new-sec1 .new-sec1-list li {
border-bottom: 1px solid rgba(51, 51, 51, 0.2);
padding: 3% 0;
}

.new-sec1 .new-sec1-list li:first-child {
padding-top: 0px;
}

.new-sec1 .new-sec1-list li a {
align-items: center;
}

.new-sec1 .new-sec1-font {
width: calc(100% - 420px);
position: relative;
padding: 0 3.5%;
}

.new-sec1 .new-sec1-font time {
font-size: 16px;
line-height: 28px;
color: #666666;
}

.new-sec1 .new-sec1-font .tit {
font-size: 0.28rem;
line-height: 1.3;
color: #333333;
padding: 20px 0;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.new-sec1 .new-sec1-font .dec {
font-size: 16px;
line-height: 30px;
color: #666666;
}

.new-sec1 .new-sec1-btn {
width: 146px;
line-height: 33px;
text-align: center;
font-size: 12px;
color: #333333;
border-radius: 18px;
border: solid 2px #d6d6d6;
margin-top: 25px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.new-sec1 .new-sec1-list li:hover .new-sec1-btn {
border: solid 2px #3ba9a3;
}

.new-sec1 .new-sec1-list {
padding-bottom: 4%;
}
/* 分页 */
.inner-page {
width: 100%;
text-align: center;
margin: 0 auto;
flex-wrap: wrap;
align-items: center;
}

.inner-page a {
display: block;
font-family: "ArialMT";
font-size: 20px;
color: #333;
background: transparent;
transition: ease .5s;
/* border-right: 1px solid #f3f3f3; */
background-color: #f5f5f5;
width: 50px;
height: 50px;
line-height: 50px;
}

.inner-page a i,
.inner-page a span {
display: inline;
vertical-align: middle;
}

.inner-page a .icon-left {
padding-right: 5px;
}

.inner-page a .icon-right {
padding-left: 5px;
}

.inner-page a i {
color: #acacac;
font-size: 16px;
}

.inner-page a span {
font-size: 16px;
line-height: 50px;
color: #333333;
}

.inner-page a:hover,
.inner-page a.on {
color: #fff;
background-color: #1d9a94;
}

.inner-page a:hover i,
.inner-page a:hover span {
color: #fff;
}

@media(max-width:790px) {

.inner-page a,
.inner-page a span {
font-size: 14px;
}

.inner-page a {
width: 40px;
height: 40px;
line-height: 40px;
}

.inner-page a span {
line-height: 40px;
}

.inner-page a i {
font-size: 14px;
}
}
/* newinfo */
.newinfo-sec1,
.join-sec1,
.contact-sec2 {
padding-bottom: 4%;
}

.newinfo-sec1 .newinfo-sec1-left {
position: relative;
width: calc(100% - 340px);
padding-right: 5.5%;
}

.newinfo-sec1 .newinfo-sec1-lfct {
background-color: #f8f8f8;
padding: 5% 4% 8% 4%;
}

.newinfo-sec1 .newinfo-sec1-left .tit {
padding-bottom: 4%;
margin-bottom: 20px;
border-bottom: 1px solid rgba(51,51,51, 0.2);
}

.newinfo-sec1 .newinfo-sec1-left .tit h3 {
font-size: 0.28rem;
font-weight: bold;
color: #333333;
margin-bottom: 15px;
}

.newinfo-sec1 .newinfo-sec1-left .tit time {
font-size: 16px;
line-height: 28px;
color: #666666;
}

.newinfo-sec1 .newinfo-sec1-cont {
font-size: 16px;
line-height: 30px;
color: #666666;
}

.newinfo-sec1 .newinfo-sec1-cont img {
margin-top: 30px;
}

.newinfo-sec1 .newinfo-sec1-right {
position: relative;
width: 340px;
}

.newinfo-sec1 .newinfo-sec1-paging,
.newinfo-sec1 .newinfo-sec1-ab,
.newinfo-sec1 .newinfo-sec1-share {
background-color: #f8f8f8;
padding: 8.5%;
margin-bottom: 18%;
}

.newinfo-sec1 .paging-font,
.newinfo-sec1 .newinfo-sec1-ab .tit,
.newinfo-sec1 .newinfo-sec1-share .tit {
font-size: 22px;
line-height: 28px;
font-weight: bold;
color: #333333;
}

.newinfo-sec1 .paging-tit {
font-size: 16px;
line-height: 28px;
color: #666666;
margin-top: 10px;
margin-bottom: 15px;
}

.newinfo-sec1 .paging {
display: block;
width: 100%;
}

.newinfo-sec1 .paging:first-child {
border-bottom: 1px solid rgba(102,102,102, 0.2);
padding-bottom: 20px;
margin-bottom: 25px;
}

.newinfo-sec1 .newinfo-sec1-abul .left {
position: relative;
width: calc(100% - 95px);
padding-right: 10%;
}

.newinfo-sec1 .paging time {
font-size: 16px;
line-height: 28px;
color: #666666;
}

.newinfo-sec1 .newinfo-sec1-abul .left-tit,
.newinfo-sec1 .newinfo-sec1-abul time {
font-size: 16px;
line-height: 26px;
color: #666666;
}

.newinfo-sec1 .newinfo-sec1-abul .left-tit {
margin-bottom: 5px;
}

.newinfo-sec1 .newinfo-sec1-abul .right {
width: 95px;
position: relative;
overflow: hidden;
}

.newinfo-sec1 .newinfo-sec1-ab {
margin-bottom: 10%;
}

.newinfo-sec1 .newinfo-sec1-ab .tit {
margin-bottom: 10px;
}

.newinfo-sec1 .newinfo-sec1-abul li {
border-bottom: 1px dotted rgba(102,102,102, 0.2);
padding: 15px 0;
position: relative;
}

.newinfo-sec1 .newinfo-sec1-abul li a {
align-items: center;
}

.newinfo-sec1 .newinfo-sec1-abul li:first-child {
padding-top: 0px;
}

.newinfo-sec1-share a {
background-image: none !important;
display: inline-block !important;
color: #fff !important;
font-size: 18px !important;
width: 32px !important;
height: 32px !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
line-height: 32px !important;
border-radius: 50% !important;
text-decoration: none !important;
transition: ease .5s;
margin-right: 12px !important;
margin-bottom: 10px !important;
cursor: pointer;
}

.newinfo-sec1-share a:last-child {
margin-right: 0 !important
}

.newinfo-sec1-share a.icon-weibo {
background-color: #da3c3c !important
}

.newinfo-sec1-share a.icon-weixin {
background-color: #21ba41 !important
}

.newinfo-sec1-share a.icon-qq {
background-color: #3e91ee !important
}

.newinfo-sec1-share a.icon-kongjian {
background-color: #f4c50b !important
}

.newinfo-sec1 .bshare-custom {
margin-top: 10px;
}

.newinfo-sec1-share a:hover {
opacity: 0.7;
}
/* join */
.join-sec1 .join-search {
width: 50.5%;
margin: 0 auto;
}

.join-sec1 .join-search input {
width: calc(100% - 120px);
position: relative;
height: 45px;
background-color: #ffffff;
border: solid 1px #d6d6d6;
display: block;
font-size: 16px;
line-height: 45px;
color: #666666;
padding: 5px 20px;
}

.join-sec1 .join-search button {
width: 120px;
height: 45px;
background-color: #009a9a;
font-size: 18px;
text-align: center;
color: #ffffff;
display: block;
cursor: pointer;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.join-sec1 .join-search button:hover,
.joininfo-sec1 .apply:hover,
.contact-sec1 .sumb:hover {
background-color: rgba(0,154,154, 0.75);
}

.join-sec1 .join-search-ipt {
margin-top: 6%;
}

.join-sec1 .join-sec1-ul {
padding: 4.5% 0;
position: relative;
}

.join-sec1 .join-sec1-ul a {
width: 100%;
align-items: center;
border-bottom: 2px solid #F5F5F5;
padding: 18px 30px;
}

.join-sec1 .join-sec1-ul li:first-child a {
border-top: 2px solid #F5F5F5;
}

.join-sec1 .join-sec1-ul .tit {
width: 40%;
font-size: 22px;
line-height: 28px;
padding-right: 10px;
color: #666666;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.join-sec1 .join-sec1-ul .addr,
.join-sec1 .join-sec1-ul .sort {
flex: 1;
font-size: 18px;
color: #666666;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 10px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.join-sec1 .join-sec1-ul .btn {
width: 32px;
height: 32px;
background: url(../images/jo-jticon.png) no-repeat center center;
background-size: 100%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.join-sec1 .join-sec1-ul a:hover {
background-color: #f6f6f6;
}

.join-sec1 .join-sec1-ul a:hover .btn {
background: url(../images/jo-hjticon.png) no-repeat center center;
}
/* join-info */
.joininfo-sec1 .inner-tit {
padding: 0 10%;
}

.joininfo-sec1 .inner-tit h3,
.joininfo-sec1 .inner-tit .dec {
text-align: left;
}

.joininfo-sec1 .inner-tit h3 {
padding-bottom: 20px;
margin-bottom: 20px;
}

.joininfo-sec1 .inner-tit h3::after {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 100px;
height: 2px;
background: #F5F5F5;
}

.joininfo-sec1 .joininfo-sec1-ctli {
border-bottom: 1px solid rgba(102,102,102, 0.2);
position: relative;
padding: 3.5% 10%;
}

.joininfo-sec1 .joininfo-sec1-ctli:last-child {
border-bottom: none;
padding-bottom: 0px;
}

.joininfo-sec1 .joininfo-sec1-ctli .tit {
font-size: 0.28rem;
line-height: 1.3;
color: #333333;
margin-bottom: 10px;
}

.joininfo-sec1 .joininfo-sec1-ctli .dec {
font-size: 16px;
line-height: 30px;
color: #666666;
}

.joininfo-sec1 .apply {
display: block;
width: 115px;
height: 45px;
line-height: 45px;
font-size: 16px;
color: #fff;
text-align: center;
background-color: #3ba9a3;
border-radius: 6px;
margin: 5.5% 10% 0 10%;
}
/* contact */
.contact-sec1 {
align-items: center;
}

.contact-sec1 .contact-sec1-left {
width: 55%;
position: relative;
}

.contact-sec1 .contact-sec1-lful {
flex-wrap: wrap;
position: relative;
width: 100%;
margin-top: 4%;
}

.contact-sec1 .contact-sec1-lful li {
width: 49.2%;
margin-right: 1.5%;
margin-bottom: 2%;
position: relative;
}

.contact-sec1 .contact-sec1-lful li:nth-child(2n),
.contact-sec1 .contact-sec1-lful li:last-child {
margin-right: 0px;
}

.contact-sec1 .contact-sec1-left .tit {
font-size: 20px;
font-weight: bold;
line-height: 30px;
color: #666666;
}

.contact-sec1 .inpt,
.contact-sec1 .text {
width: 100%;
height: 60px;
background-color: #f6f6f6;
font-size: 16px;
padding: 20px;
color: #bebebe;
}

.contact-sec1 .contact-sec1-lful li:last-child {
width: 100%;
}

.contact-sec1 .text {
height: 230px;
}

.contact-sec1 .sumb {
width: 190px;
height: 50px;
background-color: #3ba9a3;
text-align: center;
font-size: 16px;
line-height: 50px;
color: #ffffff;
cursor: pointer;
margin-top: 10px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.contact-sec1 .contact-sec1-right {
width: 45%;
padding-left: 7%;
position: relative;
}

.contact-sec1 .contact-sec1-icon {
width: 20px;
height: 20px;
position: relative;
margin-top: 6px;
}

.contact-sec1 .contact-sec1-font {
width: calc(100% - 20px);
position: relative;
padding-left: 10px;
}

.contact-sec1 .contact-sec1-rtul li {
align-items: flex-start;
position: relative;
}

.contact-sec1 .contact-sec1-font p,
.contact-sec1 .contact-sec1-font a {
font-size: 20px;
font-weight: bold;
line-height: 35px;
color: #333333;
}

.contact-sec1 .contact-sec1-rtul li:first-child .contact-sec1-font p,
.contact-sec1 .contact-sec1-rtul li:first-child .contact-sec1-font a {
color: #3ba9a3;
}

.contact-sec1 .contact-sec1-rtp {
font-size: 18px;
line-height: 35px;
color: #333333;
margin-top: 15%;
margin-bottom: 4%;
}

.contact-sec1 .contact-sec1-ewmli {
position: relative;
margin-right: 12%;
}

.contact-sec1 .contact-sec1-ewmli:last-child {
margin-right: 0px;
}

.contact-sec1 .contact-sec1-ewmli p {
font-size: 18px;
text-align: center;
color: #333333;
margin-top: 8px;
}

.contact-sec1 .contact-sec1-ewmimg {
max-width: 140px;
max-height: 140px;
position: relative;
overflow: hidden;
}

.contact-sec1 .contact-sec1-rtul li:hover .contact-sec1-icon img {
transform: translateY(-5px);
}

.contact-sec2 {
padding-top: 0px;
}

.contact-sec2 .map {
width: 100%;
height: 640px;
position: relative;
}

.contact-sec2 .map img {
max-width: none;
}

.contact-sec2 .BMap_bubble_title {
font-size: 20px;
font-weight: bold;
}

.contact-sec2 .BMap_bubble_content {
font-size: 16px;
line-height: 28px;
margin-top: 5px;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 0px;
}
/* responsive */
@media screen and (max-width: 1679px) {
.w1600 {
width: 90%;
}

.section2 .section2-left {
padding-left: 5%;
padding-right: 18%;
}

.section5 .section5-swiper {
margin-left: 8%;
}

.section5 .section5-pro {
margin-left: 6.5%;
}

.section5 .swiper-button-prev {
left: 80px;
}

.section5 .swiper-button-next {
right: 100px;
}

.banner .swiper-button-prev {
left: 5%;
}

.banner .swiper-button-next {
right: 5%;
}

.banner .swiper-pagination {
right: 2.5%;
}
}

@media screen and (max-width: 1459px) {
.w1400 {
width: 90%;
}

.product-sec1-tit .tit,
.pro-tit .tit,
.proinfo-sec1 .dec,
.about-sec3 .about-sec3-ft .tit,
.about-sec6 .about-sec6-font .tit,
.about-sec5 .about-sec5-font .tit,
.about-sec2 .about-sec2-font .tit,
.new-sec1 .new-sec1-font .tit,
.newinfo-sec1 .newinfo-sec1-left .tit h3,
.joininfo-sec1 .joininfo-sec1-ctli .tit,
.footer .foot-tel .tel {
font-size: 22px;
}

.product-sec1 .product-sec1-font .tit, .solution-sec2 .solution-sec2-font .tit,
.inner-sec1-pcnav li a,
.proinfo-sec6 .proinfo-sec6-tit,
.solution-sec6 .solution-sec6-font .tit,
.newinfo-sec1 .paging-font, .newinfo-sec1 .newinfo-sec1-ab .tit, .newinfo-sec1 .newinfo-sec1-share .tit,
.join-sec1 .join-sec1-ul .tit,
.section3 .section3-rtft .dec, .section3 .section3-font h4 {
font-size: 20px;
}

.proinfo-sec7 .swiper-container {
width: 95%;
margin: 0 auto;
}

.proinfo-sec7 .swiper-button-next, .solution-sec6 .swiper-button-next {
right: -30px;
}

.proinfo-sec7 .swiper-button-prev, .solution-sec6 .swiper-button-prev {
left: -30px;
}

.pro-tit .dec,
.about-sec3 .about-sec3-ft .dec {
font-size: 16px;
margin-top: 10px;
}

.proinfo-sec1 .proinfo-sec1-ul {
margin-right: 0px;
}

.solution-sec1 .solution-sec1-ul li {
padding: 0 0.5%;
}

.solution-tit .tit {
font-size: 24px;
}

.solution-sec5 .solution-sec5-quan img {
max-width: 460px;
}

.section5::before {
width: 150px;
height: 760px;
}

.more {
width: 220px;
height: 60px;
line-height: 58px;
}

.footer .foot-tel .addr {
font-size: 16px;
}
}

@media screen and (max-width: 1366px) {
.swiper-button-prev, .swiper-button-next {
width: 48px;
height: 48px;
}

.solution-sec5 .solution-sec5-ul li {
width: 22%;
}

.solution-sec5 .solution-sec5-quan {
margin-top: 0px;
}

.solution-sec5 .solution-sec5-quan img {
max-width: 420px;
}

.solution-sec5 .solution-sec5-ul li::before {
width: 26px;
height: 26px;
border: 6px solid #d6d6d6;
}

.solution-sec5 .solution-sec5-ul li:hover::before {
border: 6px solid #3ba9a3;
}

.solution-sec5 .solution-sec5-ul li:nth-child(1) {
top: 60%;
left: -2%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(2) {
top: 98%;
left: 14%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(3) {
top: 97%;
left: 70%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(4) {
top: 60%;
left: 83%;
}

.solution-sec5 .solution-sec5-right {
padding-left: 10%;
}

.solution-sec3 {
padding: 4%;
}

.solution-sec1 .solution-sec1-font .dec {
font-size: 14px;
}

.solution-sec1 .solution-sec1-font .tit,
.inner-sec1-pcnav li a,
.about-sec1 .about-sec1-font,
.about-sec1 .about-sec1-dec,
.about-sec1 .about-sec1-dec strong,
.section3 .section3-rtft .dec, .section3 .section3-font h4 {
font-size: 18px;
}

.inner-sec1-pcnav li a {
height: 75px;
line-height: 75px;
}

.about-sec6 .about-sec6-ul li {
padding: 0 2.5%;
}

.about-sec5 .about-sec5-font {
height: 250px;
}

.about-sec3 .about-sec3-ct {
padding: 0 15%;
}

.about-sec3 .about-sec3-cont .swiper-button-prev, .about-sec3 .about-sec3-cont .swiper-button-next {
top: -32%;
}

.new-sec1 .new-sec1-img {
width: 350px;
}

.new-sec1 .new-sec1-font {
width: calc(100% - 350px);
}

.newinfo-sec1 .newinfo-sec1-left {
padding-right: 3.5%;
}

.join-sec1 .join-search {
width: 55.5%;
}

.joininfo-sec1 .joininfo-sec1-ctli {
padding: 3.5% 6%;
}

.joininfo-sec1 .inner-tit {
padding: 0 6%;
}

.joininfo-sec1 .apply {
margin: 3% 6% 0 6%;
}

.join-sec1 .join-sec1-ul a {
padding: 15px 25px;
}

.headfixed .menu-list {
width: 75.6%;
}

.headfixed .btn-list {
width: 23%;
}

.headfixed .menu-list > ul {
width: 77%;
}

.menu-list h3 a {
height: 80px;
line-height: 80px;
}

.section4 .section4-ul a {
padding: 22% 10% 25% 10%;
}

.section4 .section4-more,
.section3 .swiper-button-prev, .section3 .swiper-button-next,
.section5 .pro-more {
width: 50px;
height: 50px;
}

.footer .footerphone-menu {
padding-left: 12.5%;
}

.section3 .scroll-ul-dec {
font-size: 16px;
}

.section3 .section3-right {
padding-left: 4%;
}

.section3 .scroll-ul {
padding: 0 4%;
}

.section3 .swiper-button-prev {
right: 27%;
}

.section2 .section2-logo .section2-lg img {
max-width: 200px;
}

.section2 .section2-jh img {
max-width: 30px;
}

.more {
width: 200px;
height: 55px;
line-height: 52px;
}

.section3 .section3-font {
padding: 2.5% 3.45%;
}

.pub-banner {
margin-top: 80px;
}
}

@media screen and (max-width: 1259px) {
.inner-sec1-pcnav li a {
height: 70px;
line-height: 70px;
}

.swiper-button-prev, .swiper-button-next {
width: 45px;
height: 45px;
}

.proinfo-sec6 .swiper-pagination,
.solution-sec6 .swiper-pagination {
display: block;
}

.proinfo-sec6 .swiper-container {
padding: 2.5% 1.4% 4.5% 1.4%;
}

.solution-sec6 .swiper-container {
padding-bottom: 3.5%;
}

.solution-sec1 .solution-sec1-ul {
flex-wrap: wrap;
}

.solution-sec1 .solution-sec1-ul li {
width: 25%;
padding: 0 3%;
margin-top: 30px;
}

.solution-sec1 .solution-sec1-font {
margin-top: 20px;
}

.solution-sec1 .solution-sec1-ul {
margin-top: 0px;
}

.solution-tit .dec {
font-size: 16px;
margin-top: 5px;
}

.solution-sec3 .solution-sec3-right {
padding-left: 5%;
}

.solution-sec4 .solution-sec4-list {
padding: 0px;
}

.solution-sec5 .solution-sec5-quan img {
max-width: 380px;
}

.solution-sec5 .solution-sec5-ul li:nth-child(1) {
top: 60%;
left: -4%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(2) {
top: 100%;
left: 14%;
}

.solution-tit .tit {
font-size: 22px;
}

.about-sec3 .about-sec3-fttime {
font-size: 32px;
margin-bottom: 10px;
}

.about-sec3 .about-sec3-time .swiper-slide.active .about-sec3-tm {
font-size: 32px;
}

.about-sec3 .about-sec3-ct {
padding: 0 10%;
}

.about-sec3 .about-sec3-cont .swiper-button-prev, .about-sec3 .about-sec3-cont .swiper-button-next {
top: -28%;
}

.about-sec4 .swiper-container {
width: 95%;
margin: 0 auto;
}

.about-sec4 .swiper-button-prev {
left: -40px;
}

.about-sec4 .swiper-button-next {
right: -40px;
}

.contact-sec2 .map {
height: 600px;
}

.join-sec1 .join-search button {
font-size: 16px;
}

.pub-banner .pub-banner-font h3 {
font-size: 28px;
}

.pub-banner .pub-banner-font .dec {
font-size: 22px;
}

.section2 .section2-titen {
font-size: 50px;
}

.section2 .section2-tit, .section3 .section3-rtft h4, .section4 .section4-font h4,
.section5 .section5-font .tit, .section5 .section5-pro .tit,
.section1 .section1-font .ch-tit, .section1 .section1-font .en-tit {
font-size: 32px;
}

.section2 .section2-left {
padding-right: 13%;
}

.section5 .section5-font .dec {
font-size: 20px;
}

.footer .foot-tel .tit {
font-size: 18px;
}

.section3 .section3-right {
padding-left: 3%;
}

.section3 .scroll-ul {
padding: 0 3%;
}

.headfixed .menu-list > ul {
width: 80%;
}

.headfixed .btn-list {
width: 20%;
}
}

@media screen and (max-width: 1100px) {
.product-sec1 {
padding-bottom: 60px;
}

.product-sec1 .product-sec1-list li {
width: 49%;
}

.product-sec1 .product-sec1-list li:nth-child(3n) {
margin-right: 2%;
}

.product-sec1 .product-sec1-list li:nth-child(2n) {
margin-right: 0px;
}

.proinfo-sec1 .proinfo-sec1-left,
.proinfo-sec5 .proinfo-sec5-left {
padding-right: 0px;
}

.proinfo-sec5 {
height: 450px;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(1) {
left: 20%;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(2) {
top: 10%;
left: 37%;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(3) {
top: 65%;
left: 48%;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(4) {
top: 20%;
left: 65%;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(5) {
top: 50%;
left: 80%;
}

.inner-section {
padding-top: 45px;
}

.proinfo-sec1,
.solution-sec3 {
padding: 45px 0;
}

.solution-sec4,
.solution-sec6,
.solution-sec7,
.soinfo-sec4,
.about-sec3,
.about-sec4,
.new-sec1,
.new-sec1 .new-sec1-list,
.newinfo-sec1,
.join-sec1, .contact-sec2 {
padding-bottom: 45px;
}

.proinfo-sec4,
.solution-sec2,
.about-sec2,
.about-sec6 {
margin-top: 45px;
padding-bottom: 45px;
}

.solution-sec2 {
padding-bottom: 50px;
}

.soinfo-sec2 {
padding: 50px 0;
margin-top: 50px;
}

.soinfo-sec3 {
margin-top: 0px;
}

.solution-sec5 {
padding: 80px 0;
}

.proinfo-sec4 {
height: 380px;
}

.proinfo-sec6 {
padding-top: 20px;
}

.proinfo-sec1 .tit {
font-size: 32px;
}

.proinfo-sec6 .proinfo-sec6-tit {
font-size: 18px;
}

.inner-tit h3 {
font-size: 26px;
}

.solution-sec2 .solution-sec2-swiper .swiper-container {
width: 90%;
}

.solution-sec7 .solution-sec7-img {
height: 120px;
}

.solution-sec7 .solution-sec7-img img {
padding: 20px;
}

.solution-sec2 .swiper-button-next {
right: -20px;
}

.solution-sec2 .swiper-button-prev {
left: -20px;
}

.solution-sec2 .solution-sec2-swiper {
margin-top: 20px;
}

.solution-sec3,
.solution-sec4 .solution-sec4-list,
.solution-sec5,
.contact-sec1,
.section2,
.swiper-container-fade .swiper-slide,
.section4 .section4-ul,
.footer .foot-top,
.footer .foot-cen {
flex-wrap: wrap;
}

.solution-sec3 .solution-sec3-right,
.solution-sec5 .solution-sec5-right {
width: 100%;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
margin-bottom: 20px;
padding-left: 0px;
}

.solution-sec3 .solution-sec3-left,
.solution-sec5 .solution-sec5-left {
width: 65%;
margin: 0 auto;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.solution-sec4 .solution-sec4-left,
.solution-sec4 .solution-sec4-right,
.solution-sec5 .solution-sec5-left,
.solution-sec5 .solution-sec5-right,
.contact-sec1 .contact-sec1-left,
.contact-sec1 .contact-sec1-right,
.section2 .section2-left,
.section2 .section2-right,
.section3 .section3-left,
.section3 .section3-right,
.footer .footerphone-menu,
.footer .foot-cen li:last-child {
width: 100%;
}

.solution-sec4 .solution-sec4-right {
padding-left: 0px;
margin-top: 20px;
}

.solution-sec5 .solution-sec5-quan img {
max-width: 500px;
}

.solution-sec5 .solution-sec5-ul li:nth-child(1) {
top: 53%;
left: 7.5%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(2) {
top: 100%;
left: 24%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(3) {
top: 97%;
left: 66%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(4) {
top: 53%;
left: 78%;
}

.solution-sec5 .solution-sec5-quan {
margin-top: -30px;
}

.soinfo-sec2 .soinfo-sec2-right {
padding-right: 4%;
}

.about-sec2 .about-sec2-font .tit {
font-size: 20px;
margin-bottom: 5px;
}

.about-sec3 .about-sec3-fttime,
.about-sec3 .about-sec3-time .swiper-slide.active .about-sec3-tm {
font-size: 28px;
}

.about-sec3 .about-sec3-ft .tit,
.about-sec6 .about-sec6-font .tit {
font-size: 20px;
}

.about-sec6 .about-sec6-ul li {
padding: 0 3.5%;
}

.new-sec1 .new-sec1-img {
width: 300px;
}

.new-sec1 .new-sec1-font {
width: calc(100% - 300px);
}

.new-sec1 .new-sec1-font .tit {
font-size: 20px;
padding: 10px 0;
}

.newinfo-sec1 .newinfo-sec1-right {
width: 300px;
}

.newinfo-sec1 .newinfo-sec1-left {
width: calc(100% - 300px);
}

.contact-sec1 .contact-sec1-rtp {
margin: 15px 0;
}

.contact-sec1 .contact-sec1-ewmli {
margin-right: 30px;
}

.contact-sec1 .contact-sec1-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
margin-top: 30px;
}

.contact-sec1 .contact-sec1-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
padding-left: 0px;
}

.contact-sec2 .map {
height: 500px;
}

.contact-sec2 {
padding-top: 0px;
}

.join-sec1 .join-sec1-ul .tit {
width: 46%;
}

.join-sec1 .join-search {
width: 60.5%;
}

.headfixed .menu-list > ul,
.headfixed.headerbgm .logo .img, .headfixed1 .logo .img,
.headfixed .logo .img {
display: none;
}

.btn-phone, .full-main-nav,
.headfixed .logo .himg {
display: block;
}

.headfixed .menu-list {
width: 30%;
}

.headfixed .btn-list {
width: 100%;
}

.headfixed .toggle-btn {
width: 26px;
}

.headfixed .btn-list .btn-right {
width: calc(100% - 26px);
margin-right: 55px;
}

.headfixed {
padding: 20px 0;
background: #fff;
}

.headfixed.top {
top: 0px;
}

#search-form {
right: 5%;
}

.mobile-nav-box {
top: 72px;
}

.menu-list h3 a {
height: auto;
}

.language-text {
color: #333;
}

.header-button, .headfixed .header-button {
background: url(../images/in-hssicon.png) no-repeat center center;
}

.language {
border-bottom: 2px solid #333;
}

.section1 .section1-font .ch-tit, .section1 .section1-font .en-tit {
font-size: 26px;
}

.section2 .section2-left {
padding: 5%;
}

.section2 .section2-jh {
margin: 50px auto;
}

.section2 .section2-right .section2-img {
height: 670px;
}

.section2 .section2-right .section2-img img {
height: 100%;
}

.section3 .scroll-ul {
position: static;
transform: translateY(0);
width: 100%;
padding: 5% 0;
}

.section3 .scroll-ul li {
text-align: center;
}

.section3 .section3-right {
padding: 5%;
/* text-align: center; */
}

.section3 .section3-rtft h4 {
padding-bottom: 10px;
}

.section3 .swiper-button-prev {
right: auto;
left: 3%;
}

.section3 .swiper-button-next {
right: 3%;
}

.section3 .swiper-button-prev, .section3 .swiper-button-next {
top: 74%;
}

.section4 .section4-ul li {
width: 50%;
}

.section4 .section4-ul li:nth-child(1),
.section4 .section4-ul li:nth-child(2) {
border-bottom: 1px solid #d6d8d7;
}

.section4 .section4-ul a {
padding: 15% 10%;
}

.section4 .section4-font .dec {
padding-bottom: 80px;
padding-top: 0px;
min-height: 100px;
}

.section5 .section5-font {
padding: 0 10%;
}

.section5 .swiper-button-next {
right: 50px;
}

.section5 .swiper-button-prev {
left: 50px;
}

.footer .footerphone-menu {
padding-left: 0px;
}

.footer .foot-left {
width: 50%;
margin: 0 auto;
}

.footer .footerphone-menu h3, .footer .ftlogo {
margin-bottom: 30px;
}

.footer .foot-top::after {
display: none;
}

.footer .foot-left-ewm {
justify-content: center;
}

.footer .ftlogo img {
margin: 0 auto;
}

.footer .foot-cen li {
width: 50%;
margin-right: 0px;
margin-top: 30px;
}

.section3 .scroll-ul li .scroll-ul-num {
font-size: 50px;
}

.mainer .banner,
.pub-banner {
margin-top: 70px;
}

.mobile-nav-box {
top: 70px;
}

.section5 .swiper-slide a {
width: 65%;
}
}

@media screen and (max-width: 980px) {
.inner-sec1-pcnav,
.pub-pcbanner {
display: none;
}

.inner-sec1-snav,
.pub-mbanner,
.solution-sec7 .swiper-pagination {
display: block;
}

.inner-tab {
margin-top: 0px;
border-bottom: 1px solid #dedede;
}

.pub-banner .pub-banner-font h3 {
font-size: 26px;
}

.pub-banner .pub-banner-font .dec {
font-size: 20px;
}

.inner-sec1-snav .nav-name {
font-size: 20px;
width: 100%;
padding: 2% 5%;
display: block;
background: #F8F8F8;
}

.inner-sec1-snav .icon-sljt {
position: absolute;
right: 5%;
top: 50%;
transform: translateY(-50%);
}

.proinfo-sec1 .proinfo-sec1-list,
.proinfo-sec3,
.proinfo-sec5,
.about-sec1 .about-sec1-ul,
.about-sec6 .about-sec6-ul,
.newinfo-sec1,
.section1 .section1-ul,
.footer .foot-bot {
flex-wrap: wrap;
}

.proinfo-sec1 .proinfo-sec1-left, .proinfo-sec5 .proinfo-sec5-left,
.proinfo-sec1 .proinfo-sec1-right,
.proinfo-sec3 .proinfo-sec3-left,
.proinfo-sec3 .proinfo-sec3-right,
.proinfo-sec5 .proinfo-sec5-right,
.newinfo-sec1 .newinfo-sec1-left,
.newinfo-sec1 .newinfo-sec1-right,
.footer .foot-left {
width: 100%;
}

.proinfo-sec1 .dec {
margin-bottom: 30px;
}

.proinfo-sec1 .proinfo-sec1-ul {
width: 100%;
margin: 0 auto;
}

.proinfo-sec1 .tit,
.proinfo-sec1 .dec {
text-align: center;
}

.proinfo-sec3 .proinfo-sec3-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
padding: 0px;
}

.proinfo-sec3 .proinfo-sec3-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
margin-top: 3.8%;
}

.proinfo-sec4 {
height: 300px;
}

.proinfo-sec5 {
height: auto;
}

.proinfo-sec5 .proinfo-sec5-right {
padding: 0px;
margin-top: 20px;
justify-content: center;
}

.proinfo-sec6 {
padding-top: 45px;
}

.proinfo-sec5 .proinfo-sec5-right li {
position: static;
margin-right: 3%;
}

.proinfo-sec5 .proinfo-sec5-right li:last-child {
margin-right: 0px;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(even),
.proinfo-sec1 .proinfo-sec1-right {
margin-top: 20px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}

.swiper-pagination-bullet {
width: 6px;
height: 6px;
}

.swiper-pagination-bullet-active {
width: 20px;
height: 6px;
}

.inner-tit h3 {
font-size: 22px;
}

.proinfo-sec6 .proinfo-sec6-tit,
.contact-sec1 .contact-sec1-rtp,
.contact-sec1 .contact-sec1-ewmli p {
font-size: 16px;
}

.proinfo-sec6 .swiper-container {
padding: 2.5% 1.4% 5.5% 1.4%;
}

.solution-sec1 .solution-sec1-ul li {
padding: 0 1.5%;
}

.solution-sec1 .solution-sec1-icon {
width: 60px;
height: 60px;
}

.solution-sec3 .solution-sec3-left, .solution-sec5 .solution-sec5-left {
width: 85%;
}

.solution-sec7 .swiper-container {
padding: 3.3% 0 4.5% 0;
}

.solution-sec5 .solution-sec5-quan img {
max-width: 430px;
}

.solution-sec5 .solution-sec5-ul li:nth-child(1) {
top: 55%;
left: -10.5%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(2) {
top: 99%;
left: 10%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(3) {
top: 98%;
left: 72%;
}

.solution-sec5 .solution-sec5-ul li:nth-child(4) {
top: 55%;
left: 88%;
}

.solution-sec5 .solution-sec5-ul .tit {
font-size: 14px;
}

.inner-tit .dec,
.about-sec1 .about-sec1-font,
.about-sec1 .about-sec1-dec,
.about-sec1 .about-sec1-dec strong,
.join-sec1 .join-sec1-ul .addr, .join-sec1 .join-sec1-ul .sort,
.join-sec1 .join-sec1-ul .tit {
font-size: 16px;
}

.soinfo-sec2 .inner-tit .dec,
.about-sec1 .inner-tit .dec {
margin-top: 10px;
}

.about-sec2 .about-sec2-font .tit,
.about-sec5 .about-sec5-font .tit,
.new-sec1 .new-sec1-font .tit,
.newinfo-sec1 .paging-font,
.joininfo-sec1 .joininfo-sec1-ctli .tit,
.about-sec3 .about-sec3-ft .tit,
.about-sec6 .about-sec6-font .tit {
font-size: 18px;
}

.about-sec1 .about-sec1-ul li {
padding: 0 2.5%;
width: 50%;
margin-top: 20px;
}

.about-sec1 .about-sec1-ul {
margin-top: 0px;
}

.about-sec2 .about-sec2-font .dec,
.about-sec3 .about-sec3-ft .dec,
.about-sec5 .about-sec5-font .dec,
.new-sec1 .new-sec1-font .dec,
.joininfo-sec1 .joininfo-sec1-ctli .dec {
font-size: 16px;
line-height: 30px;
}

.about-sec3 .about-sec3-ct {
padding: 0;
}

.about-sec3 .about-sec3-font {
padding-left: 10%;
}

.about-sec4 .swiper-button-next {
right: -25px;
}

.about-sec4 .swiper-button-prev {
left: -25px;
}

.about-sec6 .about-sec6-ul li {
width: 50%;
padding: 0 5%;
}

.about-sec3 .about-sec3-cont .swiper-button-prev, .about-sec3 .about-sec3-cont .swiper-button-next {
top: -22%;
}

.new-sec1 .new-sec1-img {
width: 250px;
}

.new-sec1 .new-sec1-font {
width: calc(100% - 250px);
}

.new-sec1 .new-sec1-btn {
margin-top: 15px;
}

.new-sec1 .new-sec1-font .tit {
padding: 5px 0;
}

.newinfo-sec1 .newinfo-sec1-left {
padding-right: 0px;
}

.newinfo-sec1 .newinfo-sec1-cont {
font-size: 16px;
}

.newinfo-sec1 .newinfo-sec1-cont img {
margin-top: 15px;
}

.newinfo-sec1 .newinfo-sec1-right {
margin-top: 30px;
}

.newinfo-sec1 .newinfo-sec1-paging, .newinfo-sec1 .newinfo-sec1-ab, .newinfo-sec1 .newinfo-sec1-share {
padding: 5%;
margin-bottom: 30px;
}

.newinfo-sec1 .newinfo-sec1-abul .right {
width: 200px;
}

.newinfo-sec1 .newinfo-sec1-abul .left {
width: calc(100% - 200px);
padding-right: 5%;
}

.newinfo-sec1 .newinfo-sec1-left .tit h3 {
font-size: 20px;
}

.newinfo-sec1 .newinfo-sec1-abul li:last-child {
border: none;
}

.newinfo-sec1 .newinfo-sec1-share {
margin-bottom: 0px;
}

.contact-sec2 .map {
height: 430px;
}

.contact-sec1 .inpt {
height: 50px;
padding: 10px 20px;
}

.joininfo-sec1 .inner-tit {
padding: 0 3%;
}

.joininfo-sec1 .joininfo-sec1-ctli {
padding: 2% 3%;
}

.joininfo-sec1 .apply {
margin: 3% 3% 0 3%;
}

.join-sec1 .join-search {
width: 80%;
}

.join-sec1 .join-sec1-ul .btn {
width: 26px;
height: 26px;
}

.join-sec1 .join-sec1-ul a {
padding: 15px 20px;
}

.joininfo-sec1 .inner-tit h3::after {
width: 60px;
}

.joininfo-sec1 .inner-tit h3 {
padding-bottom: 10px;
margin-bottom: 10px;
}

.headfixed .menu-list {
width: 35%;
}

.headfixed {
padding: 16px 0;
}

.mainer .banner,
.pub-banner {
margin-top: 62px;
}

.mobile-nav-box {
top: 62px;
}

.banner .pub-pbanner,
.footer .footerphone-menu {
display: none;
}

.banner .pub-mbanner {
display: block;
}

.footer .foot-tel .tel {
font-size: 20px;
}

.section1 .section1-ul li {
width: 50%;
}

.section3 .swiper-button-prev, .section3 .swiper-button-next {
top: 72.5%;
}

.section2 .section2-tit, .section3 .section3-rtft h4, .section4 .section4-font h4, .section5 .section5-font .tit, .section5 .section5-pro .tit, .section1 .section1-font .ch-tit, .section1 .section1-font .en-tit {
font-size: 26px;
}

.section4 .section4-more,
.section3 .swiper-button-prev,
.section3 .swiper-button-next,
.section5 .pro-more,
.footer .foot-icon {
width: 40px;
height: 40px;
}

.more {
width: 180px;
height: 50px;
line-height: 48px;
font-size: 16px;
}

.section5 .section5-swiper {
margin-left: 0px;
}

.section5 {
padding: 60px 0;
}

.footer .foot-tel {
width: calc(100% - 30px);
}

.footer .foot-tel {
padding-left: 20px;
}

.banner .swiper-pagination em, .banner .swiper-pagination {
font-size: 16px;
}

.banner .swiper-pagination .line1 {
height: 80px;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
width: 10px;
height: 20px;
bottom: 30px;
}

.section2 .section2-dec1 {
font-size: 20px;
}

.footer .foot-bot {
justify-content: center;
}

.footer {
padding-top: 30px;
}

.footer .foot-bot .foot-ct,
.footer .foot-bot .foot-copy {
text-align: center;
}

.section5 {
padding: 0;
}

.section5 .section5-pro {
width: 23%;
top: 20%;
transform: translateY(-20%);
}

.section5 .swiper-slide a {
width: 60%;
}
}

@media screen and (max-width: 767px) {
/* .pub-banner .pub-banner-font h3 {
font-size: 24px;
} */
.proinfo-sec1 .tit {
font-size: 28px;
}

.pub-banner .pub-banner-font .dec,
.product-sec1 .product-sec1-font .tit, .solution-sec2 .solution-sec2-font .tit, .inner-sec1-pcnav li a,
.product-sec1-tit .tit, .pro-tit .tit, .proinfo-sec1 .dec,
.solution-sec6 .solution-sec6-font .tit,
.solution-tit .tit {
font-size: 18px;
}

.inner-sec1-snav .nav-name {
font-size: 20px;
padding: 3.5% 5%;
}

.inner-sec1-monav li a,
.product-sec1 .product-sec1-font .dec, .solution-sec2 .solution-sec2-font .dec,
.proinfo-sec1 .proinfo-sec1-tit,
.pro-tit .dec,
.proinfo-sec5 .proinfo-sec5-tit,
.solution-tit .dec,
.solution-sec3 .solution-sec3-tit,
.inner-tit .dec,
.about-sec1 .about-sec1-dec,
.about-sec1 .about-sec1-dec strong,
.about-sec1 .about-sec1-font,
.about-sec6 .about-sec6-font .dec,
.newinfo-sec1 .paging-tit,
.solution-sec1 .solution-sec1-font .tit, .inner-sec1-pcnav li a,
.about-sec1 .about-sec1-font, .about-sec1 .about-sec1-dec,
.about-sec1 .about-sec1-dec strong, .section3 .section3-rtft .dec, .section3 .section3-font h4,
.join-sec1 .join-sec1-ul .tit,
.section5 .section5-font .dec,
.footer .foot-tel .tit {
font-size: 16px;
}

.product-sec1-tit .tit,
.proinfo-sec1 .dec,
.solution-tit .tit,
.pro-tit .tit,
.new-sec1 .new-sec1-font .tit,
.about-sec6 .about-sec6-font .tit,
.about-sec5 .about-sec5-font .tit {
font-size: 20px;
}

.product-sec1-tit .dec,
.solution-sec1 .solution-sec1-font .tit {
font-size: 16px;
}

.solution-tit .dec {
line-height: 1.8;
}

.product-sec1 {
padding-bottom: 40px;
}

.product-sec1 .product-sec1-list li {
width: 100%;
margin-bottom: 20px;
margin-right: 0px;
}

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

.proinfo-sec1 .proinfo-sec1-ul li {
margin-bottom: 10px;
}

.proinfo-sec1 .proinfo-sec1-tit {
padding: 3px 0;
}

.pro-tit .dec {
margin-top: 5px;
}

.inner-section {
padding-top: 35px;
}

.proinfo-sec4,
.proinfo-sec4, .solution-sec2, .about-sec2, .about-sec6 {
margin-top: 35px;
padding-bottom: 35px;
}

.solution-sec4, .solution-sec6, .solution-sec7, .soinfo-sec4, .about-sec3, .about-sec4,
.new-sec1,
.new-sec1 .new-sec1-list,
.newinfo-sec1,
.join-sec1, .contact-sec2 {
padding-bottom: 35px;
}

.proinfo-sec1, .solution-sec3, .solution-sec5 {
padding: 35px 0;
}

.solution-sec4, .solution-sec6, .solution-sec7 {
padding-bottom: 40px;
}

.solution-sec2 {
padding-bottom: 45px;
}

.proinfo-sec4 {
height: 230px;
}

.proinfo-sec5 .proinfo-sec5-right,
.soinfo-sec2 > div,
.about-sec2 .about-sec2-ul,
.about-sec3 .about-sec3-ct,
.about-sec5 .about-sec5-li,
.new-sec1 .new-sec1-list li a,
.newinfo-sec1 .newinfo-sec1-abul li a {
flex-wrap: wrap;
}

.proinfo-sec5 .proinfo-sec5-right {
align-items: center;
}

.proinfo-sec5 .proinfo-sec5-right li {
width: 28%;
height: auto;
padding: 5%;
margin-bottom: 10px;
}

.proinfo-sec5 .proinfo-sec5-right li:nth-child(even) {
margin-top: 0px
}

.proinfo-sec7 .swiper-container {
width: 90%;
}

.swiper-button-prev, .swiper-button-next {
width: 30px;
height: 30px;
}

.proinfo-sec7 .swiper-button-next, .solution-sec6 .swiper-button-next, .solution-sec2 .swiper-button-next,
.about-sec4 .swiper-button-next {
right: -12px;
}

.proinfo-sec7 .swiper-button-prev, .solution-sec6 .swiper-button-prev, .solution-sec2 .swiper-button-prev,
.about-sec4 .swiper-button-prev {
left: -12px;
}

.proinfo-sec6 .swiper-container {
padding: 2.5% 3.4% 9.5% 3.4%;
}

.solution-sec1 .solution-sec1-ul li {
width: 50%;
padding: 0 3%;
margin-top: 20px;
}

.solution-sec1 .solution-sec1-icon {
width: 50px;
height: 50px;
}

.solution-sec1 .solution-sec1-font .tit {
margin-bottom: 5px;
}

.solution-sec7 .swiper-container {
padding: 3.3% 0 9.5% 0;
}

.solution-sec7 .solution-sec7-img {
height: 100px;
}

.solution-sec6 .swiper-container {
padding-bottom: 10%;
}

.solution-sec5 .solution-sec5-quan,
.solution-sec5 .solution-sec5-ul li::before,
.solution-sec5 .solution-sec5-ul li::after,
.lightboxOverlay,
.lightbox,
.lb-outerContainer {
display: none !important;
}

.solution-sec3 .solution-sec3-left,
.solution-sec5 .solution-sec5-left,
.soinfo-sec2 .soinfo-sec2-left,
.soinfo-sec2 .soinfo-sec2-right,
.about-sec2 .about-sec2-ul li,
.about-sec3 .about-sec3-img,
.about-sec3 .about-sec3-font,
.about-sec5 .about-sec5-img,
.about-sec5 .about-sec5-font,
.about-sec6 .about-sec6-ul li,
.new-sec1 .new-sec1-img,
.new-sec1 .new-sec1-font,
.newinfo-sec1 .newinfo-sec1-abul .left,
.newinfo-sec1 .newinfo-sec1-abul .right,
.contact-sec1 .contact-sec1-lful li,
.join-sec1 .join-search,
.section1 .section1-ul li,
.section4 .section4-ul li,
.footer .foot-cen li {
width: 100%;
}

.solution-sec3 .solution-sec3-tab {
width: 35%;
}

.solution-sec5 .solution-sec5-ul li {
position: static;
width: 50%;
padding: 1% 5%;
}

.solution-sec5 .solution-sec5-ul .tit {
position: relative;
padding-left: 15px;
}

.solution-sec5 .solution-sec5-ul .tit::before {
content: "";
position: absolute;
top: 5px;
left: 0px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #1d9c95;
}

.solution-sec5 .solution-sec5-ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 10px;
}

.solution-sec2 .solution-sec2-img {
margin: 3.5% auto;
}

.solution-sec2 .solution-sec2-swiper {
margin-top: 10px;
}

.soinfo-sec2 .soinfo-sec2-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.soinfo-sec2 .soinfo-sec2-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
margin-top: 15px;
}

.inner-tit .dec p,
.proinfo-sec5 .pro-tit .dec p,
.solution-tit .dec p {
display: inline;
}

.about-sec2 .about-sec2-ul li,
.contact-sec1 .contact-sec1-lful li {
margin-right: 0px;
}

.about-sec2 .about-sec2-ul li:nth-child(odd),
.about-sec2 .about-sec2-ul li,
.contact-sec1 .contact-sec1-left {
margin-top: 15px;
}

.about-sec2 .about-sec2-ul,
.about-sec6 .about-sec6-ul {
margin-top: 0px;
}

.about-sec2 .about-sec2-font {
top: 50%;
transform: translateY(-50%);
}

.about-sec3 .about-sec3-fttime, .about-sec3 .about-sec3-time .swiper-slide.active .about-sec3-tm {
font-size: 24px;
}

.about-sec3 .about-sec3-font {
padding-left: 0px;
margin-top: 20px;
}

.about-sec3 .about-sec3-cont .swiper-button-prev, .about-sec3 .about-sec3-cont .swiper-button-next {
top: -5.5%;
}

.about-sec3 .about-sec3-tm {
line-height: 40px;
padding-bottom: 20px;
}

.about-sec5 .about-sec5-font {
padding: 8% 6%;
height: auto;
}

.about-sec5 .swiper-slide,
.about-sec6 .about-sec6-ul li {
padding: 0px;
}

.about-sec5 .swiper-container {
padding: 4.5% 1% 9% 1%;
}

.about-sec6 .about-sec6-ul li {
margin-top: 20px;
}

.about-sec6 .about-sec6-font .tit {
margin: 10px 0;
}

.about-sec6 .about-sec6-icon {
width: 75px;
height: 75px;
}

.new-sec1 .new-sec1-font {
padding: 6% 0;
padding-bottom: 0px;
}

.new-sec1 .new-sec1-list li {
padding: 8% 0;
}

.new-sec1 .new-sec1-btn {
margin-top: 25px;
}

.new-sec1 .new-sec1-font .tit {
padding: 10px 0;
}

.newinfo-sec1 .paging:first-child {
padding-bottom: 10px;
margin-bottom: 10px;
}

.newinfo-sec1 .paging-tit {
margin-top: 5px;
margin-bottom: 10px;
}

.newinfo-sec1 .newinfo-sec1-ab .tit,
.contact-sec1 .contact-sec1-font p,
.contact-sec1 .contact-sec1-font a,
.contact-sec1 .contact-sec1-left .tit,
.section2 .section2-dec1,
.about-sec3 .about-sec3-ft .tit,
.joininfo-sec1 .joininfo-sec1-ctli .tit,
.footer .foot-tel .tel {
font-size: 18px;
}

.newinfo-sec1 .newinfo-sec1-abul .left {
padding-right: 0px;
margin-top: 10px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.newinfo-sec1 .newinfo-sec1-abul .right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.contact-sec1 .contact-sec1-rtp {
line-height: 28px;
}

.contact-sec1 .contact-sec1-ewm {
justify-content: center;
}

.contact-sec1 .contact-sec1-ewmli {
margin-right: 3%;
}

.contact-sec1 .contact-sec1-lful li {
margin-bottom: 12px;
}

.contact-sec1 .text {
height: 180px;
}

.contact-sec1 .sumb {
width: 160px;
height: 45px;
line-height: 45px;
font-size: 14px;
margin-top: 5px;
}

.contact-sec2 {
padding-top: 0px;
}

.contact-sec2 .BMap_bubble_title {
font-size: 18px;
}

.contact-sec2 .BMap_bubble_content {
font-size: 14px;
line-height: 26px;
}

.contact-sec2 .map {
height: 300px;
}

.join-sec1 .join-search button {
font-size: 14px;
width: 85px;
height: 40px;
line-height: 40px;
}

.join-sec1 .join-search input {
width: calc(100% - 85px);
height: 40px;
line-height: 40px;
padding: 5px 10px;
}

.join-sec1 .join-sec1-ul a {
padding: 10px;
}

.join-sec1 .join-sec1-ul .btn {
width: 22px;
height: 22px;
}

.joininfo-sec1 .joininfo-sec1-ctli {
padding: 15px 10px;
}

.joininfo-sec1 .apply {
margin: 20px 10px 0 10px;
}

.proinfo-sec4 {
background-attachment: unset !important;
background-size: unset !important;
background-repeat: no-repeat !important;
background-position: center !important;
}

.pro-tit,
.solution-sec3 .solution-tit,
.solution-sec3 .solution-tit, .solution-sec4 .solution-tit, .solution-sec5 .solution-tit,
.solution-sec6 .solution-sec6-font,
.about-sec5 .about-sec5-font .tit,
.about-sec5 .about-sec5-font .dec,
.soinfo-sec2 .inner-tit h3, .soinfo-sec2 .inner-tit .dec {
text-align: center;
}

.about-sec1 .about-sec1-font,
.banner .swiper-mouse h5,
.banner .swiper-pagination em, .banner .swiper-pagination,
.join-sec1 .join-sec1-ul .addr, .join-sec1 .join-sec1-ul .sort,
.footer .foot-tel .addr {
font-size: 14px;
}

.footer .foot-tel .addr {
line-height: 26px;
}

.about-sec1 .about-sec1-dec {
line-height: 2;
}

.headfixed .logo a {
max-width: 130px;
}

.headfixed .menu-list {
width: 55%;
}

.headfixed .btn-list .btn-right {
margin-right: 30px;
}

.language {
margin-left: 30px;
}

.headfixed {
padding: 12px 0;
}

.mobile-nav-box {
top: 54px;
}

.mainer .banner,
.pub-banner {
margin-top: 54px;
}

.banner .swiper-font .swiper-h2 h2,
.section2 .section2-tit, .section3 .section3-rtft h4, .section4 .section4-font h4, .section5 .section5-font .tit, .section5 .section5-pro .tit, .section1 .section1-font .ch-tit, .section1 .section1-font .en-tit {
font-size: 22px;
}

.banner .swiper-pagination .line1 {
height: 50px;
margin: 10px auto;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
bottom: 10px;
}

.more {
width: 180px;
height: 45px;
line-height: 43px;
font-size: 14px;
}

.section2 .section2-left {
padding: 30px 20px 40px 20px;
}

.section2 .section2-titen {
font-size: 40px;
margin-bottom: -30px;
}

.section2 .section2-logo .section2-lg img {
max-width: 150px;
}

.section2 .section2-right .section2-img {
height: 350px;
}

.section2 .section2-jh img {
max-width: 20px;
}

.section2 .section2-jh {
margin: 20px auto;
}

.section3 .swiper-button-prev, .section3 .swiper-button-next,
.section5::before {
display: none;
}

.section3 .section3-right {
padding: 30px 15px;
text-align: center;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.section3 .section3-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.section3 .scroll-ul li .scroll-ul-num {
font-size: 35px;
}

.section4 .section4-font .dec {
min-height: auto;
padding-bottom: 30px;
}

.section4 .section4-more, .section3 .swiper-button-prev, .section3 .swiper-button-next, .section5 .pro-more, .footer .foot-icon {
width: 35px;
height: 35px;
}

.section4 .section4-ul a {
padding: 30px 20px;
}

.section4 .section4-ul li {
border-bottom: 1px solid #d6d8d7;
}

.section3 .scroll-ul,
.section5 .section5-swiper {
padding: 30px 0;
}

.section5 .section5-img img {
max-width: 200px;
max-height: 320px;
}

.section5 .swiper-button-next {
right: 10px;
}

.section5 .swiper-button-prev {
left: 10px;
}

.swiper-button-prev, .swiper-button-next {
width: 20px;
height: 20px;
}

.section2 .section2-dec::before {
width: 50px;
}

.footer .foot-cen li {
margin-top: 15px;
}

.footer .foot-left-ewm .ewm p {
margin: 15px auto;
margin-bottom: 0px;
}

.footer .footerphone-menu h3, .footer .ftlogo {
margin-bottom: 20px;
}

.section5 .section5-pro {
width: 50%;
}

.section5 .pro-more {
margin-top: 20px;
}

.footer .foot-bot {
padding: 20px 0;
}

.footer .foot-ct a, .footer .foot-ct span, .footer .foot-copy a, .footer .foot-copy span {
line-height: 26px;
}

.section3 .section3-font {
padding: 20px;
}

.solution-sec1 .solution-sec1-ul li:hover .solution-sec1-icon img,
.about-sec1 .about-sec1-ul li:hover .about-sec1-icon img,
.about-sec6 .about-sec6-ul li:hover .about-sec6-icon img,
.footer .foot-cen li:hover .foot-icon {
transform: translateY(0px);
}

.product-sec1 .product-sec1-list li:hover .product-sec1-img img,
.proinfo-sec1 .proinfo-sec1-right:hover .proinfo-sec1-img img,
.proinfo-sec2 .proinfo-sec2-img:hover img,
.proinfo-sec3 .proinfo-sec3-left .proinfo-sec3-img:hover img,
.proinfo-sec6 .swiper-slide:hover .proinfo-sec6-img img,
.solution-sec2 .swiper-slide:hover .solution-sec2-img img,
.solution-sec3 .solution-sec3-cont li:hover .solution-sec3-img img,
.solution-sec4 .solution-sec4-img:hover img,
.solution-sec5 .solution-sec5-img:hover img,
.solution-sec6 .swiper-slide:hover .solution-sec6-img img,
.solution-sec7 .swiper-slide:hover .solution-sec7-img img,
.about-sec2 .about-sec2-ul li:hover .about-sec2-img img,
.about-sec3 .about-sec3-img:hover img,
.about-sec4 .swiper-slide:hover .about-sec4-img img,
.about-sec5 .swiper-slide:hover .about-sec5-img img,
.new-sec1 .new-sec1-list li:hover .new-sec1-img img,
.newinfo-sec1 .newinfo-sec1-abul li:hover .right img,
.section2 .section2-right .section2-img:hover img,
.section3 .section3-left:hover .section3-img img,
.section1 .section1-ul li:hover .section1-img img,
.section5 .section5-img:hover img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}

.proinfo-sec1 {
padding-top: 100px;
}

.proinfo-sec5 .proinfo-sec5-tit {
font-size: 14px;
}

.footer .foot-left-ewm {
justify-content: flex-start;
}

.footer .ftlogo img {
margin: 0;
}

.section5 .swiper-slide a {
width: 75%;
}
}

@media screen and (max-width: 360px) {
.proinfo-sec5 .proinfo-sec5-right li {
padding: 3%;
}
}


.yqljlist {
height: 30px;
line-height: 30px;
display: none;
}

.yqljlist a {
font-size: 14px;
color: rgba(255, 255, 255, .5);
margin-right: 10px;
}

.yqljlist a:hover {
color: white;
}