body {
font-family: "SourceHanSansSC-Heavy","Arial" !important;
}



@font-face {
font-family: "SourceHanSansSC-Heavy";
src: url("https://font.ctmon.com.cn/fonts/SourceHanSansCNRegular_Source\ Han\ Sans\ CN\ Regular.woff2") format("woff2"), url("https://font.ctmon.com.cn/fonts/SourceHanSansCNRegular_Source\ Han\ Sans\ CN\ Regular.woff") format("woff"), url("https://font.ctmon.com.cn/fonts/SourceHanSansCNRegular_Source\ Han\ Sans\ CN\ Regular.ttf") format("truetype"), url("https://font.ctmon.com.cn/fonts/Source\ Han\ Sans\ CN\ Regular.eot") format("embedded-opentype"), url("https://font.ctmon.com.cn/fonts/SourceHanSansCNRegular_Source\ Han\ Sans\ CN\ Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}


body {
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;
}

.w1200 {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

td,
th {
word-wrap: break-word;
word-break: break-all;
}

.swiper-wrapper,
.swiper-slide {
height: auto !important;
}

.swiper-pagination-bullet {
background-color: #dcdcdc;
opacity: 1;
}

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

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

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

.swiper-button-next,
.swiper-button-prev {
width: 60px;
height: 60px;
border-radius: 50%;
background: url(../images/in-prev.png) no-repeat center center;
}

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

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

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

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

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

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

.videobox:hover {
animation: swing 1s;
}

.popvideo iframe {
width: 100%;
}

.popvideo video {
width: 100%;
object-fit: fill;
}

.popvideobg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
z-index: 999;
background: rgba(0, 0, 0, 0.6);
display: none;
}

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

.popvideo {
max-width: 1000px;
margin: 0px auto;
padding: 0px 20px;
position: relative;
}

.close-video-btn {
display: block;
width: 25px;
height: 25px;
position: absolute;
right: 45px;
top: -15px;
cursor: pointer;
margin: -20px -20px 0 0;
z-index: 9;
}

.close-video-btn::after {
content: '';
position: absolute;
top: 10px;
width: 20px;
height: 2px;
background-color: #FFF;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.close-video-btn::before {
content: '';
position: absolute;
top: 10px;
width: 20px;
height: 2px;
background-color: #FFF;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.btn-phone {
width: 26px;
display: none;
}

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

.headfixed.headerbgm {
box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5);
}

.headfixed1 {
background: rgba(0, 0, 0, 0.15);
}

.headfixed .headfixed-show {
align-items: center;
}

.headfixed .headfixed-left {
width: 300px;
}

.headfixed .logo { /* width: 200px; */ /* padding: 3% 0 3% 5%; */
overflow: hidden; /* background-color: #ce132e; */
height: 70px;
position: relative;
}

.headfixed .logo img { /* position: absolute; */
left: 0;
top: 0; /* width: 100%; */
height: 100%; /* padding: 10px; */ /* padding-left: 20px; */
width: 138px;
margin-left: 20px;
margin-top: 12px;
}

.headfixed1 .logo img, .language-text img {
margin: 0px;
}

.language-text img {
animation: rotaterotate 5s infinite linear;
}

@keyframes rotaterotate {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

@keyframes rotaterotate1 {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(-360deg);
}
}

.headfixed .headfixed-menu {
/* width: calc(100% - 200px); */
/* width: 10%; */
min-width: 100px;
}

.headfixed .menu-list {
width: calc(100% - 300px);
align-items: center;
padding-right: 3.2%;
padding-left: 2%;
}

.headfixed .menu-list > ul {
/* width: calc(100% - 165px); */
padding-right: 10%;
width: 70%;
}

.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: 120px;
}

.headfixed .btn-list .btn-right {
width: 100%;
align-items: center;
text-align: 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: #222222;
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: 59px;
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: 20px 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: 16px;
color: #222222;
display: inline-block;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
font-size: 18px;
text-align: center;
letter-spacing: 2px;
padding: 5px 0;
color: #222222;
display: block;
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: 16px;
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: 15px;
right: 30px;
height: 100%;
width: 80px;
display: block;
}

.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 #222222;
border-left: solid 1px #222222;
-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;
}

.language {
width: 70px;
position: relative;
text-align: center;
align-items: center;
border-radius: 18px;
}

.language-text {
font-size: 18px;
color: #333333;
text-align: center;
cursor: pointer;
}

.language-text span {
display: inline-block;
margin: 0 4px;
}

.language-text .icon-down {
display: inline-block;
vertical-align: -1px;
font-size: 16px;
-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;
visibility: hidden;
opacity: 0;
background: #ffffff;
-webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
box-shadow: 0 2px 4px 2px rgba(0, 0, 0, .05);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}

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

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

.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-lanu {
text-align: center;
padding: 20px 0;
display: none;
}

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

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

.btn-search {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(51, 51, 51, 0.1);
}

.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 {
background: url(../images/in-ssicon.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: 3.2%;
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: #df1b24;
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-hssicon.png) no-repeat center #ce132e;
border: none;
cursor: pointer;
z-index: 11;
}
/* nav */
.menu-list h3 {
padding: 0 10px;
position: relative;
}

.menu-list h3 .icon-down {
color: #0787d8;
font-family: "Arial-BoldMT";
font-size: 14px;
position: absolute;
top: 53%;
right: -20px;
transform: translateY(-53%);
opacity: 0;
}

.menu-list > ul > li:hover h3 .icon-down,
.headfixed.headerbgm .menu-list > ul > li:hover h3 .icon-down {
opacity: 1;
}

.headfixed .menu-list > ul > li.cur h3 a,
.headfixed .menu-list > ul > li:hover h3 a {
color: #e4121c;
}

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

.menu-list > ul > li.cur h3::after,
.menu-list > ul > li:hover h3::after {
width: 80%;
}

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

.menu-list > ul > li .head-subnav {
display: block;
position: absolute;
width: 100%;
padding: 20px;
top: 100%;
left: 50%;
max-width: 240px;
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
-o-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
width: 240px;
background: rgba(255, 255, 255, 1);
box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5);
pointer-events: none;
opacity: 0;
border-top: 0;
}

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

.headfixed .menu-list > ul > li:nth-child(5),
.headfixed .menu-list > ul > li:nth-child(7) {
/* display: none; */
}

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

.menu-list .head-subnav a:hover,
.headfixed-drop .dropLi-ct a:hover {
color: #df1b24;
}

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

.menu-list > ul > li.cur h3 a::after,
.menu-list > ul > li:hover h3 a::after {
/* width: 130%; */
width: 55px;
}

.headfixed-menu {
display: flex;
justify-content: center;
align-items: center;
user-select: none;
z-index: 999;
position: relative;
cursor: pointer;
}

.headfixed-menu em {
font-family: "ArialMT";
font-size: 18px;
letter-spacing: 1px;
color: #333333;
display: inline-block;
margin-left: 15px;
}

.headfixed-menu span {
width: 20px;
height: 2px;
display: block;
background-color: transparent;
position: relative;
transition: all .2s linear .2s;
}

.headfixed-menu span::before,
.headfixed-menu span::after {
content: "";
position: absolute;
height: 2px;
background: #333333;
display: block;
left: 0;
width: 100%;
transition: all .2s linear;
}

.headfixed-menu span::after {
top: 5px;
}

.headfixed-menu span::before {
top: -5px;
}

.headfixed-menu:hover span::before,
.headfixed-menu:hover span::after {
top: 0;
}

.headfixed-menu.active span {
background: transparent;
transition: all 0s ease;
}

.headfixed-menu.active span:before {
transform: rotate(45deg);
top: 0 !important;
}

.headfixed-menu.active span:after {
transform: rotate(-45deg);
top: 0 !important;
}

.headfixed-drop {
overflow-y: auto;
/* height: calc(100% - 100px); */
height: 99%;
position: fixed;
top: 70px;
left: 0;
transform: translateX(-101%);
width: 43%;
z-index: 999;
/* background: url(../images/dr-bgm.png) no-repeat center center; */
background-size: cover;
border-top: 1px solid #e0e0e0;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .8s ease;
background-color: white;
min-width: 400px;
}

.headfixed-drop.active {
transform: translateX(0);
}

.headfixed-drop .headfixed-dropct {
width: 100%;
padding: 5% 10%;
position: relative;
z-index: 10;
}

.headfixed-drop .headline {
font-size: 18rem;
line-height: 62px;
letter-spacing: 1px;
color: #333333;
transition: all .4s ease;
display: block;
position: relative;
line-height: 0.5;
font-weight: bold;
}

.headfixed-drop .headfixed-dropList {margin-top: 25px;border-bottom: 1px solid rgb(0 0 0 / 6%);padding-bottom: 25px;}

.headfixed-drop .headfixed-dropLi {
flex-wrap: wrap;
margin-top: 12px;
}

.headfixed-drop .dropLi-ct {margin-right: 3%;width: 47%;margin-top: 8px;}

.headfixed-drop .dropLi-ct a {
font-size: 16px;
line-height: 24px;
color: #666666;
transition: all .4s ease;
position: relative;
padding-left: 10px;
padding-bottom: 10px;
}

.headfixed-drop .dropLi-ct a::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 3px;
border-radius: 50%;
background: #949494;
}

.headfixed-drop .dropLi-ct a::after {
content: "";
position: absolute;
left: 5px;
bottom: 0px;
width: 0%;
height: 1px;
background: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.headfixed-drop .dropLi-ct a:hover::after {
width: 95%;
}

.headfixed-drop .dropLi-ct a:hover::before {
background: #ce132e;
}

.headfixed-dropbg {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 70;
position: fixed;
z-index: 9;
display: none;
}

.headfixed.show {
background-color: #fff;
height: 70px;
}

.headfixed .head-subleft {
width: 160px;
border-right: 1px solid rgba(51, 51, 51, 0.1);
}

.headfixed .head-subleft .tit {
font-size: 28rem;
line-height: 1.55;
letter-spacing: 1px;
color: #333333;
padding: 0px;
text-align: left;
font-weight: bold;
}

.headfixed .head-subleft .tit::after {
display: none;
}

.headfixed .head-subright {
width: calc(100%);
flex-wrap: wrap;
}

.headfixed .head-subtab {
width: 100%;
position: relative;
padding: 0 3%;
border-right: 1px solid rgba(51, 51, 51, 0.1);
}

.headfixed .head-subtab:last-child {
border-right: 1px solid rgba(51, 51, 51, 0);
}

.headfixed .head-subcont {
width: 45%;
padding-left: 5%;
padding-right: 0%;
}

.headfixed .head-subLi > div {
flex-wrap: wrap;
}

.headfixed .head-sublink {
font-size: 16px;
color: #333333;
text-align: left;
padding: 10px 0;
position: relative;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
text-align: center;
}

.headfixed .head-sublink:first-child {
padding-top: 0px;
}

.headfixed .head-sublink::before,
.headfixed .head-subslink span::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 0%;
height: 1px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.headfixed .head-subslink {
width: 50%;
font-size: 16px;
color: #333333;
text-align: left;
padding-right: 5%;
margin-bottom: 5%;
position: relative;
}

.headfixed .head-subslink span {
position: relative;
display: inline-block;
}

.headfixed .head-sublink.active {
color: #ce132e;
border-bottom: 1px solid rgba(51, 51, 51, 0);
}

.headfixed .head-sublink.active::before,
.headfixed .head-sublink:hover::before,
.headfixed .head-subslink span.active::before,
.headfixed .head-subslink span:hover::before {
width: 100%;
}

.headfixed .head-subLi {
display: none;
}

.headfixed .head-subLi.show {
display: block;
}
/* banner */
.mainer {
margin-top: 70px;
}

.mainer .banner .banner-img,
.section1 .section1-rttop,
.section1 .section1-rtLi,
.section2 .section2-swiper,
.section2 {
position: relative;
overflow: hidden;
}

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

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

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

.banner .pub-pbanner,
.banner .pub-mbanner {
width: 100%;
transition: ease 1s;
}

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

.banner .swiper-font {
width: 50%;
padding-left: 80px;
text-align: left;
position: relative;
z-index: 2;
}

.banner .swiper-font .swiper-h2 {
margin-bottom: 28px;
position: relative;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 46rem;
line-height: 1.333;
font-weight: bold;
color: #333333;
}

.banner .swiper-font .swiper-h2 h2 span {
font-size: 67rem;
font-weight: bold;
vertical-align: -2px;
}

.banner .swiper-font .swiper-h3 h3 {
font-size: 24px;
line-height: 1.6;
color: #666666;
}

.banner .swiper-font .swiper-h3 .line {
width: 62px;
height: 4px;
background-color: #ffffff;
margin-left: 5px;
}

.banner .swiper-font .swiper-h3 .line2 {
margin-left: -20px;
}

.banner .swiper-pagination-bullet {
border: solid 1px #ffffff;
}

.banner .swiper-pagination-bullet-active {
background: #ffffff;
border: solid 1px #ffffff;
}

.banner .swiper-pagination {
text-align: left;
width: 92%;
left: 50%;
transform: translateX(-50%);
margin: 0 auto;
}

.swiper-pagination-bullet {
opacity: 1;
}

.mainer .banner .banner-img .swiper-bimg {
position: absolute;
right: 11.5%;
top: 12%;
}

.mainer .banner .banner-img .swiper-bimg img {
width: auto;
max-width: 540px;
max-height: 360px;
}

.mainer .banner .banner-img .swiper-mouse {
position: absolute;
right: 3.2%;
text-align: center;
padding-bottom: 45px;
bottom: 0px;
z-index: 1;
}

.mainer .banner .banner-img .swiper-mimg {
-webkit-animation: mouse 2.5s ease-in-out 0.5s infinite;
animation: mouse 2.5s ease-in-out 0.5s infinite;
}

.mainer .banner .banner-img .swiper-mimg img {
width: auto;
}

.mainer .banner .banner-img .swiper-mouse h5 {
font-family: "ArialMT";
font-size: 18px;
color: #333333;
padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

.mainer .banner .swiper-slide-active .swiper-h2 {
-webkit-animation: fadeInDown 4s;
animation: fadeInDown 4s;
}

.mainer .banner .swiper-slide-active .swiper-h3 {
-webkit-animation: fadeInUp 4s;
animation: fadeInUp 4s;
}

.mainer .banner .swiper-slide-active .more {
-webkit-animation: fadeInUp 4s;
animation: fadeInUp 4s;
}

.mainer .banner .swiper-slide-active .swiper-bimg {
-webkit-animation: flash 4s;
animation: flash 4s;
}

.more {width: 240px;padding: 13px 10px;font-size: 18px;color: #ffffff;background-color: #ce132e;border-radius: 27px;display: block;position: relative;overflow: hidden;text-align: left;-webkit-transition: 1.0s;-ms-transition: 1.0s;-moz-transition: 1.0s;-o-transition: 1.0s;transition: 1.0s;}


.index-more {font-size: 16px;width: 160px;padding: 8px 10px;margin-top: 20px;}

.more::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0%;
height: 100%;
background: #c9394f;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}

.product1 .more {
background-color: #efefef;
color: #333333;
}

.product1 .more::before {
background-color: #ce132e;
}

.more:hover::before,
.product1 li:hover .more::before {
width: 100%;
}

.product1 li a:hover .more {
color: #ffffff;
}

.product1 li a .more .img,
.product1 li a:hover .more .himg {
opacity: 0;
}

.product1 li a:hover .more .img,
.product1 li a .more .himg {
opacity: 1;
}

.more span {display: inline-block;vertical-align: middle;padding-left: 15px;position: relative;z-index: 3;}

.mainer .banner .banner-img .more img, .more img {
display: inline-block;
vertical-align: middle;
width: 34px;
height: 34px;
border-radius: 50%;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
-webkit-transition: 1.5s;
-ms-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
transition: 1.5s;
}

.index-more img {
width: 28px;
height: 28px;
}

.mainer .banner .banner-img .more:hover img,
.more:hover img {
transform: translate(-10px, -50%);
}

.more:hover::before {
width: 100%;
}

.banner .more {margin-top: 50px;width: 260px;}

.banner .swiper-pagination {
bottom: 50px !important;
}

.loading.swiper-pagination-bullet {
margin: 0 5px;
width: 20px;
height: 20px;
position: relative;
border: 4px solid transparent;
background: transparent;
}

.loading.swiper-pagination-bullet-active {
border-color: rgba(255, 255, 255, .5);
border-radius: 50%;
}

.new1 .loading.swiper-pagination-bullet-active,
.industry5 .loading.swiper-pagination-bullet-active,
.about7 .loading.swiper-pagination-bullet-active {
border-color: #CCCCCC;
}

.loading .c-progress {
position: absolute;
width: 10px;
height: 10px;
background-color: #fff;
border-radius: 50%;
left: 50%;
top: 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%);
text-align: center;
}

.new1 .loading .c-progress,
.industry5 .loading .c-progress,
.about7 .loading .c-progress {
background: rgba(153, 153, 153, 0.52);
}

.loading.swiper-pagination-bullet-active .c-progress {
background-color: transparent;
}

.loading .left,
.loading .right {
opacity: 0;
width: 10px;
height: 20px;
overflow: hidden;
position: absolute;
left: -4px;
top: -4px;
overflow: hidden;
}

.loading.swiper-pagination-bullet-active .left,
.loading.swiper-pagination-bullet-active .right {
opacity: 1;
}

.loading .right {
left: auto;
right: -4px;
top: -4px;
}

.loading .left:after,
.loading .right:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 10px;
height: 20px;
border: 4px solid #ce132e;
border-radius: 12px 0 0 12px;
border-right: 0;
}

.loading .right:after {
content: "";
position: absolute;
display: block;
border-radius: 0 10px 10px 0;
border: 4px solid #ce132e;
border-left: 0;
}

.loading.swiper-pagination-bullet-active .left:after {
transform-origin: right center;
/* animation-iteration-count: infinite; */
animation-fill-mode: forwards;
animation-duration: 3.9s;
animation-timing-function: linear;
animation-name: spin-left;
}

.loading.swiper-pagination-bullet-active .right:after {
transform-origin: left center;
animation-duration: 3.9s;
/* animation-iteration-count: infinite; */
animation-timing-function: linear;
animation-name: spin-right;
}

.swiper-pagination-bullet {
width: 10px;
height: 3px;
border-radius: 0px;
background: rgba(200, 22, 36, 1);
opacity: 1;
}

.swiper-pagination-bullet-active {
width: 15px;
}

@keyframes spin-right {
0% {
transform: rotate(180deg);
}

50% {
transform: rotate(360deg);
}

100% {
transform: rotate(360deg);
}
}

@keyframes spin-left {
0% {
transform: rotate(180deg);
}

50% {
transform: rotate(180deg);
}

100% {
transform: rotate(360deg);
}
}

.in-tit {
text-align: center;
position: relative;
z-index: 3;
}


.in-tit {
text-align: center;
position: relative;
z-index: 3;
}


.in-tit2 {
text-align: left;
}

.in-tit .line {
width: 64px;
height: 4px;
background-color: #ce132e;
margin: 20px auto 25px auto;
}

.in-tit .tit,
.inner-tit .tit {
font-size: 36rem;
line-height: 1.3;
font-weight: bold;
color: #333333;
position: relative;
}

.in-tit .tit span {
font-size: 64rem;
line-height: 1;
color: #ce132e;
vertical-align: -5px;
margin-right: 10px;
}

.in-tit .tit em {
color: #ce132e;
}

.in-tit .dec,
.in-tit .sdec {
font-size: 18px;
color: #666666;
margin-top: 15px;
}

.in-tit .sdec {
font-size: 16px;
line-height: 1.875;
}

.in-tit .dec a {
color: #04a4e5;
position: relative;
display: inline-block;
}

.in-tit .dec a b {
border-bottom: 2px solid #04a4e5;
}

.in-tit .dec a em {
font-size: 28px;
margin-left: 6px;
display: inline-block;
vertical-align: -6px;
}

.d2 {
animation-delay: 400ms;
-webkit-animation-delay: 400ms;
}

.section1 .section1-left {
width: 49%;
position: relative;
}

.section1 .section1-font .tit {
font-size: 28rem;
font-weight: bold;
color: #333333;
}

.section1 .section1-font .dec {
line-height: 1.875;
color: #666666;
margin-top: 15px;
}

.section1 .btn {
width: 48px;
height: 48px;
background: url(../images/in-jticon1.png) #ce132e no-repeat center center;
box-shadow: 6px 6px 20px 0px rgba(206, 19, 46, 0.38);
border-radius: 50%;
margin-top: 50px;
position: relative;
z-index: 2;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0;
}

.section1 .section1-left:hover .btn {
opacity: 1;
}

.section1 .section1-bfont {
position: absolute;
width: 90%;
top: 0px;
left: 0px;
padding: 6.5% 6%;
}

.section1 .section1-right {
width: 51%;
padding-left: 1.9%;
}

.section1 .section1-sfont {
width: 85%;
padding: 6.5% 6%;
position: absolute;
background: rgba(206, 19, 46, 0.8);
width: 100%;
height: 100%;
left: 50%;
transform: translateX(-50%);
bottom: -100%;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section1 .section1-rttop:hover .section1-sfont,
.section1 .section1-rtLi:hover .section1-sfont {
bottom: 0px;
}

.section1 .section1-sfont .section1-font .tit,
.section1 .section1-sfont .section1-font .dec {
color: #ffffff;
}

.section1 .section1-sfont .btn {
opacity: 1;
background: url(../images/in-hjticon1.png) #ffffff no-repeat center center;
box-shadow: 6px 6px 20px 0px rgba(255, 255, 255, 0.38);
}

.section1 .section1-rtbot {
margin-top: 3.55%;
}


.section1 .section1-rtLi {
width: 48.5%;
margin-right: 3.8%;
}

.section1 .section1-rtLi:nth-child(2n) { /* margin-right: 0px; */
}

.section1 .section1-rtLi .section1-bfont,
.section1 .section1-rtLi .section1-sfont {
padding: 8%;
}

.section1 .section1-rttop:hover .section1-bfont,
.section1 .section1-rtLi:hover .section1-bfont {
opacity: 0;
}

.section1 .section1-rtbot-h {
margin-top: 0%;
}

.section1-rtbot-h .section1-pro {
width: 31.333%;
margin: auto;
float: left;
margin: 1%;
background: transparent !important;
}

.section1-rtbot-h .section1-pro:nth-child(1), .section1-rtbot-h .section1-pro:nth-child(2) {
width: 48%;
margin: 1%;
}

.section2::before {
content: "";
position: absolute;
z-index: 1;
width: 0px;
height: 165px;
top: 30%;
left: 50%;
transform: translateX(-50%);
background: url(../images/in-zimg1.png) no-repeat center center;
background-size: cover;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
display: none !important;
}

.section2.box-on::before {
width: 1175px;
}

.section2 .swiper-container {
position: relative;
z-index: 3;
padding-top: 4.3%;
width: 85%;
/* background: url(../images/in-bgm1.png) no-repeat center center; */
}

.section2 .section2-font {
position: relative;
text-align: center;
padding-top: 9%;
}

.section2 .section2-font .tit,
.section3 .section3-font .tit {
font-size: 24px;
font-weight: bold;
color: #333333;
}

.section2 .section2-font .dec {
line-height: 1.875;
color: #919191;
margin-top: 10px;
}

.section2 .more {
margin: 0 auto;
margin-top: 40px;
}

.section2 .section2-btit {
width: 100%;
text-align: center;
font-family: "Bebas";
font-size: 180rem;
line-height: 1;
color: rgba(255, 255, 255, 0.7);
background: -webkit-linear-gradient(bottom, #E9ECEF, #F7F8F9 70%);
background: -o-linear-gradient(bottom, #E9ECEF, #F7F8F9 70%);
background: -moz-linear-gradient(bottom, #E9ECEF, #F7F8F9 70%);
background: linear-gradient(bottom, #E9ECEF, #F7F8F9 70%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
z-index: -1;
top: -50px;
left: 0%;
}

.section2 .swiper-slide-active .section2-btit {
-webkit-animation: fadeInUp 4s;
animation: fadeInUp 4s;
}

.section3 .section3-top,
.section5 .section5-top {
align-items: flex-end;
}

.section3 .section3-bot {
padding-top: 4%;
}

.section3 .section3-bot li {
width: 30.333%;
position: relative;
background: rgba(255, 255, 255, 0.85);
border-bottom: 6px solid #dae0e7;
border-right: 1px solid rgba(51, 51, 51, 0.1);
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
margin-right: 4.5%;
}

.section3 .section3-bot li:last-child {
margin-right: 0;
}

.section3 .section3-bot li::before {
content: "";
position: absolute;
z-index: 1;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 100%;
height: 100%;
opacity: 0;
background: url(../images/in-bgm4.jpg) no-repeat center center;
background-size: cover;
border-bottom: 6px solid #ce132e;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section3 .section3-bot li:hover::before {
height: 115%;
opacity: 1;
}

.section3 .section3-bot li:last-child {
border-right: 1px solid rgba(51, 51, 51, 0);
}

.section3 .section3-icon {
width: 70px;
height: 70px;
position: relative;
}

.section3 .in-tit {
/* text-align: left; */
/* width: calc(100% - 190px); */
width: 100%;
}

.section3 .section3-font {
height: 245px;
overflow-x: hidden;
overflow-y: auto;
}

.section3 .section3-font .dec {
position: relative;
color: #666666;
line-height: 1.875;
}

.section3 .section3-font .dec p {
margin-top: 5px;
display: block;
}

.section3 .section3-font .dec p:first-child {
margin-top: 0px;
}

.section3 .section3-font .dec em {
display: inline-block;
margin-right: 10px;
}

.section3 .section3-botli {
position: relative;
overflow: hidden;
z-index: 2;
padding: 12% 10%;
}

.section3 .section3-num {
font-family: "Bebas";
position: absolute;
bottom: -35px;
right: 30px;
font-size: 160rem;
line-height: 1;
color: rgba(51, 51, 51, 0.04);
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section3 .section3-font .tit {
position: relative;
margin: 11.5% auto;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.section3 .section3-bot li:hover .section3-font .tit,
.section3 .section3-bot li:hover .section3-font .dec {
color: #ffffff;
}

.section3 .section3-bot li:hover .section3-num {
opacity: 0;
}

.section4-top {
position: relative;
}

.section4-top::before {
width: 100%;
content: "ABOUTUS";
left: -65px;
bottom: 7%;
position: absolute;
color: rgba(51, 51, 51, 0.05);
font-family: "Bebas";
font-size: 250rem;
line-height: 1;
opacity: 0;
}

.section4.box-on .section4-top::before {
opacity: 1;
-webkit-animation: fadeInLeft 3s;
animation: fadeInLeft 3s;
}

.section4 .in-tit,
.section5 .in-tit {
text-align: left;
}

.section4 .in-tit2 {
text-align: center;
margin-bottom: 5%;
}

.section4 .section4-left,
.section4 .section4-right {
width: 50%;
position: relative;
}

.section4 .section4-left {
padding-right: 11%;
}

.section4 .section4-line {
width: 100%;
height: 1px;
background: rgba(51, 51, 51, 0.15);
position: relative;
margin: 40px auto;
}

.section4 .section4-line::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 64px;
height: 1px;
background-color: #333333;
}

.section4 .section4-dec {
line-height: 1.875;
color: #666666;
}

.section4 .section4-bdec {
font-size: 24px;
line-height: 34px;
color: #333333;
padding-left: 30px;
margin-top: 40px;
margin-bottom: 80px;
position: relative;
font-weight: 500;
}

.section4 .section4-bdec::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 4px;
height: 56px;
background-color: #ce132e;
}

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

.section4 .section4-scroll li {
width: 25%;
padding: 0 4.5%;
border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.section4 .section4-scroll2 li {
/* border: none; */
}

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

.section4 .section4-scroll li:last-child {
border-right: 1px solid rgba(0, 0, 0, 0);
padding-right: 0px;
}

.section4 .section4-sdec {
width: calc(100% - 0px);
}

.section4 .section4-sdec2 {
text-align: center;
}

.section4 .section4-sicon {
width: 40px;
}

.section4 .section4-sdec .sdec {
color: #666666;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.section4 .section4-sdec2 .sdec {
margin-top: 10px;
}

.section4 .section4-sdec span {
font-family: "Bebas";
font-size: 64rem;
line-height: 1.1;
color: #333333;
}

.section4 .section4-sdec label {
font-size: 40rem;
font-weight: bold;
}

.section4 .section4-sdec sub {
font-size: 20px;
font-weight: bold;
color: #333333;
vertical-align: 5px;
}

.section4 .section4-sdec em {
font-size: 62rem;
line-height: 1;
font-weight: bold;
vertical-align: 9px;
color: #333333;
}

.section5 .section5-top .in-tit {
width: 100%;
text-align: center;
}

.section5 .section5-top .section5-tab {
/* width: calc(100% - 43% - 190px); */
margin: auto;
text-align: center;
margin-top: 3%;
}

.section5 .section5-top .section5-tab li {
margin-right: 5%;
display: initial;
}

.section5 .section5-top .section5-tab li:last-child {
margin-right: 0px;
}

.section5 .section5-top .section5-tab a {
font-size: 20px;
line-height: 36px;
letter-spacing: 1px;
color: #999999;
position: relative;
display: inline-block;
padding-bottom: 5px;
font-weight: 500;
}

.section5 .section5-top .section5-tab a::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
height: 2px;
background-color: #ce132e;
width: 0%;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section5 .section5-top .section5-tab li.active a {
color: #ce132e;
}

.section5 .section5-top .section5-tab li.active a::before {
width: 100%;
}

.section5 .section5-left {
width: 52.8%;
overflow: hidden;
position: relative;
}

.section5 .section5-left a {
width: 100%;
height: 100%;
display: block;
}

.section5 .section5-left::before {
content: "";
position: absolute;
z-index: 1;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
background: url(../images/in-bgm10.png) no-repeat center center;
background-size: cover;
}

.section5 .section5-right {
width: 48.2%;
overflow: hidden;
padding-left: 2.3%;
}

.section5 .section5-fontBox {
position: absolute;
z-index: 2;
left: 0px;
bottom: 0px;
width: 100%;
padding: 6.5%;
}

.section5 .section5-font .tit {
font-size: 18px;
font-weight: bold;
color: #ffffff;
margin-bottom: 5px;
}

.section5 .section5-right .section5-font .tit {
color: #333333;
}

.section5 .section5-font .dec {
line-height: 1.875;
color: #ffffff;
}

.section5 .section5-right .section5-font .dec {
color: #666666;
}

.section5 .section5-time {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section5 .section5-right .section5-time {
border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.section5 .section5-time time,
.section5 .section5-time span {
font-size: 14px;
color: rgba(255, 255, 255, .5);
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.section5 .section5-right .section5-time time,
.section5 .section5-right .section5-time span {
color: #a0a0a0;
}

.section5 .section5-time span em {
font-size: 12px;
display: inline-block;
margin-left: 5px;
}

.section5 .section5-left:hover .section5-time {
border-top: 1px solid rgba(255, 255, 255, 1);
}

.section5 .section5-left:hover .section5-time time,
.section5 .section5-left:hover .section5-time span {
color: rgba(255, 255, 255, 1);
}

.section5 .section5-right .section5-img {
width: 200px;
}

.section5 .section5-right .section5-font {
width: calc(100% - 225px);
padding-left: 4%;
}

.section5 .section5-rtul li {
position: relative;
margin-top: 4.5%;
}

.section5 .section5-rtul li:first-child {
margin-top: 0px;
}

.section5 .section5-btLi {
display: none;
}

.section5 .section5-btLi.show {
display: block;
}

.footer {background-color: #28292D;position: relative;padding-top: 40px;background: url(/pc/images/ns2.png) no-repeat left top;background-color: #28292D;background-size: 22%;}

.footer .foot-top {
padding-bottom: 50px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.footer .foot-right {
width: 45.5%;
padding-left: 8%;
}

.footer .ftlogo,
.footer .foot-ewm {
text-align: right;
display: block;
}

.footer .ftlogo img,
.footer .foot-ewm img {
display: inline;
}

.footer .foot-rtul {
margin-top: 20px;
}

.footer .foot-rtul li {
margin-top: 10px;
}

.footer .foot-rtul em {
width: 15px;
display: inline-block;
color: #696A6C;
text-align: right;
}

.footer .foot-rtul span {width: calc(100% - 15px);line-height: 2;color: rgb(255 254 254);padding: 0 10px;text-align: right;}

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

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

.footer .ftlogo-share {
margin-right: 45px;
}

.footer .ftlogo-share a {
width: 25px;
height: 25px;
color: #ffffff;
font-size: 22px;
text-align: center;
line-height: 36px;
display: inline-block;
position: relative;
margin-right: 30px;
}

.footer .ftlogo-share a::before {
display: none;
}

.footer .ftlogo-share a.icon-facebook {
background: url(../images/ft-icon1.png) no-repeat center center;
}

.footer .ftlogo-share a.icon-linkedin {
background: url(../images/ft-icon2.png) no-repeat center center;
}

.footer .ftlogo-share a.icon-instagram {
background: url(../images/ft-icon3.png) no-repeat center center;
}

.footer .ftlogo-share a.icon-twitter {
background: url(../images/ft-icon4.png) no-repeat center center;
}

.footer .footerphone-menu h3 a {
font-size: 20px;
font-weight: 500;
color: #ffffff;
position: relative;
display: block;
margin-bottom: 15px;
}

.footer .foot-menu {
flex: 1;
}

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

.footer .footer-subnav a {line-height: 1.3;color: rgba(255, 255, 255, 0.7);width: 100%;display: block;max-width: 180px;margin-bottom: 10px;font-size: 15px;}

.footer .ftlogo-share a:hover {
opacity: 0.7;
}

.footer .footerphone-menu h3 a .icon-rjiantou1 {
font-size: 12px;
font-family: "Arial-BoldMT";
color: #ffffff;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

.footer .foot-bot {
padding: 20px 0;
}

.footer .foot-copy,
.footer .foot-copy a {
font-size: 14px;
color: rgba(159, 159, 159, 0.7);
}

.footer .foot-rtlink,
.footer .foot-rtlink a {
color: #9f9f9f;
font-size: 14px;
}

.footer .foot-rtlink a {
padding: 0 25px;
}

.footer .foot-rtlink a:last-child {
padding-right: 0px;
}

.footer .footer-subnav a:hover,
.footer .ftlogo-share a:hover,
.footer .foot-rtlink a:hover,
.footer .foot-copy a:hover {
color: rgba(255, 255, 255, 1);
}
/* Inner page */
.pub-banner {
position: relative;
overflow: hidden;
}

.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%);
z-index: 9;
text-align: left;
}

.pub-banner .pub-banner-font h3 {
font-size: 42rem;
font-weight: bold;
line-height: 1.333;
color: #ffffff;
}

.pub-banner .pub-banner-font p {
font-size: 24rem;
/* font-weight: bold; */
line-height: 1.333;
color: #ffffff;
margin-top: 15px;
}

.ny-bread {
position: absolute;
z-index: 1;
bottom: 20px;
width: 100%;
}

.ny-bread1 {
position: static;
background-color: #f7f7f7;
padding: 10px 0;
}

.ny-bread a,
.ny-bread span {
color: #ffffff;
font-size: 16px;
display: inline-block;
vertical-align: middle;
}

.ny-bread a:hover {
color: #ce132e;
}

.ny-bread1 a,
.ny-bread1 span {
color: #999999;
}

.ny-bread .bread-hom {
display: inline-block;
vertical-align: middle;
font-size: 22px;
}

.ny-bread span {
padding: 0 10px;
}

.paging {
text-align: center;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
}

.paging a {
display: block;
margin: 0 10px;
margin-top: 10px;
font-size: 16px;
font-family: "ArialMT";
color: #555555;
transition: ease .5s;
background-color: #f5f5f5;
width: 48px;
height: 48px;
line-height: 48px;
background-color: #f9f9f9;
border: solid 1px #e9e9e9;
border-radius: 50%;
}

.paging .paging-numBox a:first-child {
margin-left: 0px;
}

.paging .paging-iconBox a:last-child {
margin-right: 0px;
}

.paging .paging-numBox {
width: calc(100% - 100px);
flex-wrap: wrap;
}

.paging .paging-iconBox {
width: 100px;
flex-wrap: wrap;
}

.paging a.iconfont {
font-size: 12px;
font-family: "Arial-BoldMT";
}

.paging a:hover {
background-color: #eaeaea;
border: 1px solid #eaeaea;
}

.paging a.active {
color: #ce132e;
border: solid 1px #ce132e;
}

.paging a em {
font-size: 14px;
font-weight: bold;
}

.paging a:first-child:hover,
.paging a:last-child:hover {
background-color: #ce132e;
}

.paging a:first-child:hover em,
.paging a:last-child:hover em {
color: #fff;
}

@media(max-width:1366px) {
.paging a {
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 5px;
}

.paging a:first-child i,
.paging a:last-child i {
font-size: 18px;
}
}

@media(max-width:790px) {
.paging a {
font-size: 14px;
width: 30px;
height: 30px;
line-height: 30px;
}

.paging a i {
font-size: 14px;
}

.paging a:first-child i,
.paging a:last-child i {
font-size: 16px;
}
}

.right-flex {
width: 50px;
position: fixed;
top: 50%;
right: 0;
z-index: 99;
height: auto;
margin-top: -200px;
}

.right-flex ul {
width: 100%
}

.right-flex li {
margin-bottom: 5px;
position: relative;
width: 50px;
height: 50px;
border-radius: 4px 0px 0px 4px;
float: right;
line-height: 50px;
background: #A7AFB9;
transition: width .3s, background .3s, margin .3s
}

.right-flex li .ico {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
transition: right .3s
}

.right-flex li a {
display: block;
width: 100%;
height: 100%
}

.right-flex li p {
font-size: 15px;
color: #fff;
line-height: 50px;
padding: 0 20px;
transition: transform .3s
}

.right-flex li.one {
width: 90px;
height: 50px;
background-color: #ce132e;
border-radius: 4px;
}

.right-flex li.one p {
font-size: 16px;
padding: 3px 10px;
text-align: center;
line-height: 22px;
}

.right-flex li.two .ico,
.right-flex li.li-three .ico,
.right-flex li.four .ico {
left: 0
}

.right-flex li.two p,
.right-flex li.li-three p,
.right-flex li.four p {
padding: 0 20px 0 50px
}

.right-flex li.two {
width: 200px;
margin-right: -150px
}

.right-flex li.three {
width: 150px;
margin-right: -100px
}

.right-flex li .ico.ico02 {
background: url(../images/dhicon.png) no-repeat center;
}

.right-flex li .ico.ico03 {
background: url(../images/wxicon.png) no-repeat center;
}

.right-flex li .ico.ico04 {
background: url(../images/dxicon.png) no-repeat center;
}

.right-flex li .ico.ico08 {
background: url(../images/zdicon.png) no-repeat center -3px;
}

.right-flex .right-close {
width: 100%;
height: 40px;
}

.right-flex .close-icon {
display: block;
margin: 0 auto;
margin-bottom: 10px;
width: 32px;
height: 32px;
border-radius: 50%;
background: #A7AFB9 url(../images/kf-close.png) no-repeat center;
background-size: 15px;
cursor: pointer;
transform: rotate(45deg);
transition: all 0.3s;
}

.right-flex.show .close-icon {
transform: rotate(0);
}

.right-flex .to-top em {
display: block;
color: #fff;
text-align: center;
padding-top: 10px;
}

@media(min-width:1025px) {
.right-flex li:hover {
width: 50px;
background: #ce132e;
}

.right-flex li.one:hover {
width: 90px;
background-color: #A7AFB9;
}

.right-flex li:hover .ico,
.right-flex li.two:hover .ico,
.right-flex li.li-three:hover .ico,
.right-flex li.four:hover .ico {
right: 0;
left: auto
}

.right-flex li.two:hover {
margin-right: 0;
width: 230px
}

.right-flex li.three:hover {
margin-right: 0;
width: 140px
}

.right-flex li.four:hover {
margin-right: 0;
width: 155px;
}

.right-flex li.two:hover p,
.right-flex li.li-three:hover p {
padding: 0 20px;
}

.right-flex li.four:hover p:last-child {
padding: 0 53px 0 0;
}

.right-flex li.four:hover p:last-child img {
border: 3px solid #ce132e;
border-radius: 6px;
}
}

@media(max-width:1100px) {
.right-flex .two,
.right-flex .four,
.right-flex li.one,
.right-flex .right-close {
display: none !important;
}
}

@media(max-width:767px) {
.right-flex,
.right-flex li {
width: 40px;
height: 40px;
}

.right-flex li .ico {
width: 40px;
height: 20px;
}

.right-flex .to-top em {
font-size: 12px;
margin-top: 0px;
line-height: 30px;
}

.right-flex {
top: 100%;
}

.right-flex li .ico.ico08 {
background: url(../images/zdicon.png) no-repeat center center;
background-size: 60%;
}
}

.nav-menu {
background-color: #ffffff;
border-bottom: 1px solid rgba(51, 51, 51, 0.15);
position: relative;
z-index: 5;
}

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

.nav-menu .nav-name .iconfont {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}

.nav-menu .nav-menu-ul {
overflow-x: auto;
overflow-y: hidden;
}

.nav-menu .nav-menu-ul a {
padding: 15px 0;
font-size: 18px;
color: #333333;
line-height: 1.3;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.nav-menu .nav-menu-ul li {
text-align: center;
position: relative;
margin-right: 3%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.nav-menu .nav-menu-ul li:last-child {
margin-right: 0px;
}

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

.nav-menu .nav-menu-ul li.active::before,
.nav-menu .nav-menu-ul li:hover::before {
width: 100%;
}

.nav-menu .nav-menu-ul li.active a,
.nav-menu .nav-menu-ul li:hover a {
color: #ce132e;
}

.inner-tit {
text-align: center;
}

.inner-tit h2 {
font-family: "Aileron-Bold";
color: #000;
}

.inner-tit .dec {
color: #666666;
margin-top: 10px;
}
/* product */
.product1,
.product2 {
background: #F8F9FB;
}

.product1 .product1-ul {
margin-bottom: 20px;
}

.product1 li {
padding-bottom: 30px;
}

.product1 li a {
background-color: #ffffff;
}

.product1 .product1-left {
width: 54.5%;
padding-left: 5%;
padding-right: 10%;
}

.product1 .product1-stit {
font-size: 24px;
color: #333333;
}

.product1 .product1-tit,
.mproduct1 .mproduct1-tit {
font-size: 32rem;
font-weight: bold;
color: #333333;
margin-top: 10px;
}

.product1 .product1-line {
width: 100%;
height: 1px;
background: rgba(51, 51, 51, 0.1);
position: relative;
margin: 25px 0;
}

.product1 .product1-line::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 95px;
height: 2px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.product1 .product1-dec {
font-size: 18px;
color: #666666;
margin-bottom: 35px;
}

.product1 .product1-iconBox {
margin-bottom: 5%;
}

.product1 .product1-icon {
margin-right: 5%;
margin-bottom: 5%;
}

.product1 .product1-right {
width: 45.6%;
}

.product1 .product1-img {
overflow: hidden;
position: relative;
}

.product1 li a:hover .product1-line::before {
width: 200px;
}

.product2 .product2-ul {
flex-wrap: wrap;
margin-bottom: 20px;
}

.product2 li {
position: relative;
width: 23.85%;
margin-right: 1.5%;
margin-bottom: 1.5%;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

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

.product2 li a {
width: 100%;
display: block;
background-color: #ffffff;
position: relative;
}

.product2 .product2-font .tit {
font-size: 22px;
font-weight: bold;
color: #333333;
}

.product2 .product2-font {
border-top: 1px solid #eeeeee;
padding: 6% 8%;
}

.product2 .product2-font .dec {
font-size: 16px;
line-height: 24px;
letter-spacing: 1px;
color: #666666;
}

.product2 .product2-font .line {
position: relative;
width: 100%;
height: 1px;
background-color: #eeeeee;
margin-top: 25px;
margin-bottom: 17px;
}

.product2 .product2-font .line::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 32px;
height: 1px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.product2 li:hover .product2-font .line::before {
width: 22%;
}

.product2 .product2-font .btn,
.mproinfo12 .mproinfo12-rright .btn {
font-size: 16px;
color: #b2b2b2;
}

.product2 .product2-font .btn em,
.mproinfo12 .mproinfo12-rright .btn em {
font-size: 12px;
}
/* productinfo */
.proinfo1 {
background: url(../images/proinf-bgm1.jpg) no-repeat center center;
background-size: cover;
padding-top: 65px;
padding-bottom: 8.5%;
position: relative;
}

.proinfo1 .proinfo1-font {
text-align: center;
width: 68%;
margin: 0 auto;
margin-bottom: 50px;
}

.proinfo1 .proinfo1-stit {
font-size: 20px;
color: #333333;
font-weight: 550;
}

.proinfo1 .proinfo1-tit,
.proinfo-tit {
font-size: 52rem;
line-height: 1.2;
color: #333333;
font-weight: bold;
}

.proinfo1 .proinfo1-tit span {
font-family: 'DIN-Bold';
font-weight: bold;
color: #ce132e;
display: inline-block;
margin-right: 15px;
}

.proinfo1 .proinfo1-dec,
.proinfo-dec {
font-size: 18px;
line-height: 1.75;
color: #666666;
margin-bottom: 5px;
}

.proinfo-dec {
margin-bottom: 0px;
margin-top: 26px;
}

.proinfo1 .proinfo1-dec {
margin-top: 10px;
}

.proinfo1 .proinfo1-dec1 {
font-size: 16px;
}

.proinfo1 .proinfo1-lineBox {
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}

.proinfo1 .proinfo1-line {
width: 2px;
height: 84px;
background: rgba(51, 51, 51, 0.1);
position: relative;
overflow: hidden;
margin: 0 auto;
}

.proinfo1 .proinfo1-line::before {
content: "";
position: absolute;
z-index: 3;
top: 0px;
left: 49%;
transform: translateX(-49%);
width: 2px;
height: 34px;
background-color: #ce132e;
-webkit-animation: line both ease-in 3s infinite;
-o-animation: line both ease-in 3s infinite;
animation: line both ease-in 3s infinite;
}

@-webkit-keyframes line {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}

50% {
-webkit-transform: translateY(48px);
transform: translateY(48px);
}

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

@-o-keyframes line {
0% {
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}

50% {
-webkit-transform: translateY(48px);
-o-transform: translateY(48px);
transform: translateY(48px);
}

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

@keyframes line {
0% {
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}

50% {
-webkit-transform: translateY(48px);
-o-transform: translateY(48px);
transform: translateY(48px);
}

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

.proinfo2 {
background: url(../images/proinf-bgm2.jpg) no-repeat center center;
background-size: cover;
position: relative;
padding-left: 13.3%;
}

.proinfo2 .proinfo2-left,
.proinfo5 .proinfo5-left {
width: 45%;
padding-right: 13%;
}

.proinfo2 .proinfo2-right,
.proinfo5 .proinfo5-right {
width: 55%;
}

.proinfo-rdec {
font-size: 22px;
color: #ce132e;
margin-bottom: 15px;
/* font-weight: 550; */
}

.proinfo3 {
background: url(../images/proinf-bgm3.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

.proinfo3 .proinfo3-left {
width: 51.3%;
}

.proinfo3 .proinfo3-right {
width: 48.7%;
padding-right: 13.2%;
padding-left: 3%;
}

.proinfo4 {
background: url(../images/proinf-bgm4.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

.proinfo4 .proinfo4-swiper,
.industry5 .industry5-swiper {
position: relative;
}

.proinfo4 .proinfo4-swiper .swiper-container {
padding-top: 4%;
padding-bottom: 6%;
}

.proinfo4 .proinfo-tit {
text-align: center;
color: #ffffff;
}

.proinfo4 .proinfo4-img {
border-radius: 12px;
border: solid 6px #ffffff;
}

.proinfo4 .swiper-button-prev {
left: -110px;
background: url(../images/in-prev1.png) #1A2242 no-repeat center center;
border: 1px solid rgba(255, 255, 255, 0.5);
}

.proinfo4 .swiper-button-next {
right: -110px;
background: url(../images/in-next1.png) #1A2242 no-repeat center center;
border: 1px solid rgba(255, 255, 255, 0.5);
}

.proinfo4 .swiper-button-prev:hover {
background: url(../images/in-prev1.png) #ce132e no-repeat center center;
border: 1px solid #ce132e;
}

.proinfo4 .swiper-button-next:hover {
background: url(../images/in-next1.png) #ce132e no-repeat center center;
border: 1px solid #ce132e;
}

.proinfo5 {
background: url(../images/proinf-bgm5.jpg) no-repeat center center;
background-size: cover;
position: relative;
padding: 9% 0;
}

.proinfo5 .proinfo5-left {
width: 45%;
padding-right: 8%;
}

.proinfo5 .proinfo5-right {
width: 55%;
}

.proinfo6 {
background: url(../images/proinf-bgm6.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

.proinfo6 .entit {
font-family: "DIN-Bold";
font-weight: bold;
font-size: 280rem;
color: rgba(255, 255, 255, 0.5);
position: absolute;
left: 13.2%;
top: 2%;
z-index: 1;
}

.proinfo6 .proinfo6-left {
width: 33.8%;
position: relative;
}

.proinfo6 .proinfo6-img {
position: relative;
z-index: 3;
}

.proinfo6 .proinfo6-img img {
display: inline-block;
}

.proinfo6 .proinfo6-right {
width: 49.8%;
position: relative;
background-color: #ffffff;
padding: 4.5% 13.2% 4.5% 5%;
margin-top: -5%;
z-index: 2;
}

.proinfo6 .proinfo6-font {
height: 200px;
overflow-x: hidden;
overflow-y: auto;
}

.proinfo6 .proinfo6-line {
width: 100%;
height: 1px;
background: rgba(51, 51, 51, 0.1);
position: relative;
margin-top: 30px;
margin-bottom: 40px;
}

.proinfo6 .proinfo6-line::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 100px;
height: 2px;
background-color: #ce132e;
}

.proinfo6 .proinfo6-decLi {
margin-bottom: 5px;
}

.proinfo6 .proinfo6-decLi .left {
width: 26%;
font-size: 18px;
color: #333333;
}

.proinfo6 .proinfo6-decLi .right {
width: 74%;
font-family: "DIN-Regular";
font-size: 16px;
color: #666666;
}

.proinfo7 .proinfo-tit,
.proinfo8 .proinfo-tit,
.proinfo9 .proinfo-tit {
text-align: center;
}

.proinfo7 .proinfo7-table {
overflow-x: auto;
overflow-y: hidden;
margin-top: 35px;
}

.proinfo7 table {
width: 100%;
margin: 0 auto;
}

.proinfo7 table tr:nth-child(odd) {
background-color: #f3f3f3;
}

.proinfo7 table tr:nth-child(even) {
background-color: #f9f9f9;
}

.proinfo7 table td {
width: 30%;
}

.proinfo7 table td:last-child {
width: 40%;
}

.proinfo7 table td {
font-size: 16px;
padding: 16px 30px;
color: #666666;
height: 55px;
border-right: 1px solid rgba(51, 51, 51, 0.05);
}

.proinfo7 .proinfo7-dec {
font-size: 16px;
color: #999999;
margin-top: 15px;
}

.proinfo8 .proinfo8-list {
margin-top: 30px;
align-items: flex-start;
}

.proinfo8 .proinfo8-left {
width: 47.5%;
}

.proinfo8 .proinfo8-right {
width: 52.5%;
}

.proinfo8 .proinfo8-Libox {
padding-left: 8%;
flex-wrap: wrap;
margin-top: 30px;
}

.proinfo8 .proinfo8-Libox:first-child {
margin-top: 0px;
}

.proinfo8 .proinfo8-Libox .li {
font-family: "DIN-Regular";
font-size: 18px;
color: #666666;
width: 22.5%;
padding-bottom: 12px;
border-bottom: 1px solid rgba(51, 51, 51, 0.2);
margin-right: 3.5%;
}

.proinfo8 .proinfo8-Libox .li:last-child {
width: 48%;
margin-right: 0px;
}

.proinfo8 .proinfo8-Libox .li span {
color: #333333;
font-weight: 550;
}

.proinfo8 .proinfo8-Libox .li strong {
font-family: 'DIN-Bold';
}

.proinfo9 {
background: url(../images/proinf-bgm7.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

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

.proinfo9 .proinfo9-ul li {
width: 32%;
margin-right: 2%;
margin-top: 3%;
background-color: #ffffff;
border-radius: 12px;
border: solid 2px #ffffff;
position: relative;
}

.proinfo9 .proinfo9-ul li a {
padding: 20px;
height: 106px;
padding-right: 0px;
}

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

.proinfo9 .proinfo9-icon {
width: 65px;
height: 65px;
position: relative;
}

.proinfo9 .proinfo9-font {
width: calc(100% - 65px);
position: relative;
padding-left: 36px;
}

.proinfo9 .proinfo9-font::before {
content: "";
position: absolute;
width: 1px;
height: 70%;
left: 15px;
top: 50%;
transform: translateY(-50%);
background: rgba(51, 51, 51, 0.1);
}

.proinfo9 .proinfo9-font .font {
width: calc(100% - 60px);
}

.proinfo9 .proinfo9-font .font .tit {
font-size: 20px;
color: #333333;
}

.proinfo9 .proinfo9-font .font .dec {
font-size: 16px;
color: #999999;
margin-top: 5px;
}

.proinfo9 .proinfo9-font .icon-yxiazai {
width: 60px;
position: relative;
color: #000;
font-size: 22px;
text-align: center;
line-height: 104px;
border-radius: 0px 10px 10px 0px;
background-color: #fbfbfd;
border: 2px solid #fbfbfd;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.proinfo9 .proinfo9-ul li:hover .proinfo9-font .icon-yxiazai {
background-color: #ce132e;
border: 2px solid #ce132e;
color: #ffffff;
}

.proinfo9 .proinfo9-ul li:hover {
border: solid 2px #e3e6ea;
}
/* advantage */
.advantage1 {
background: url(../images/ad-bgm1.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

.advantage1 .in-tit {
text-align: left;
}

.advantage1 .advantage1-left {
width: 53%;
padding-left: 13.2%;
padding-right: 3.4%;
}

.advantage1 .advantage1-ul {
flex-wrap: wrap;
margin-top: 20px;
}

.advantage1 .advantage1-ul li {
width: 48%;
background-color: #ffffff;
position: relative;
margin-right: 4%;
margin-top: 4%;
padding: 4.7%;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.advantage1 .advantage1-ul li:nth-child(2n) {
margin-right: 0px;
}

.advantage1 .advantage1-icon {
width: 35px;
height: 35px;
position: relative;
}

.advantage1 .advantage1-icon .himg,
.advantage1 .advantage1-ul li:hover .advantage1-icon .img {
display: none;
}

.advantage1 .advantage1-icon .img,
.advantage1 .advantage1-ul li:hover .advantage1-icon .himg {
display: block;
}

.advantage1 .advantage1-font .tit {
/*font-size: 24px;*/
color: #333333;
font-weight: 550;
margin: 10px auto;
}

.advantage1 .advantage1-font .dec {
font-size: 16px;
height: 105px;
overflow-x: hidden;
overflow-y: auto;
line-height: 26px;
color: #666666;
}

.advantage1 .advantage1-right {
width: 47%;
position: relative;
}

.advantage1 .advantage1-img,
.advantage1 .advantage1-li,
.advantage1 .advantage1-mobile {
position: relative;
display: none;
}

.advantage1 .advantage1-mobile .advantage1-li,
.advantage1 .advantage1-mobile .advantage1-img {
display: block;
margin-top: 60px;
}

.advantage1 .advantage1-img.show,
.advantage1 .advantage1-li.show {
display: block;
}

.advantage1 .advantage1-ul li:hover {
background-color: #ce132e;
}

.advantage1 .advantage1-ul li:hover .advantage1-font .tit,
.advantage1 .advantage1-ul li:hover .advantage1-font .dec {
color: #ffffff;
}

.advantage1 .advantage1-tab {
width: 480px;
height: 555px;
background: rgba(44, 45, 46, 0.96);
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
}

.advantage1 .advantage1-tabul {
width: 100%;
height: 250px;
overflow-x: hidden;
overflow-y: auto;
padding: 0 14%;
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
}

.advantage1 .advantage1-tabul li {
position: relative;
padding-left: 10%;
background-color: transparent;
border-radius: 0px 32px 32px 0px;
border-left: 1px solid #434347;
}

.advantage1 .advantage1-tabul li::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: -8px;
transform: translateY(-50%);
width: 18px;
height: 2px;
background-color: #434347;
}

.advantage1 .advantage1-tabul a {
font-size: 20px;
color: #ffffff;
position: relative;
padding: 16px;
padding-left: 0px;
z-index: 2;
}

.advantage1 .advantage1-tabul li.active {
background-color: #ce132e;
}
/* join */
.join1 { /* background: url(../images/jo-bgm1.jpg) no-repeat center center; */
background-size: cover;
position: relative;
}

.join1 .join1-ul {
flex-wrap: wrap;
margin-top: 10px;
}

.join1 .join1-ul li {
width: 32%;
margin-right: 2%;
margin-top: 2%;
background-color: #ffffff;
position: relative;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

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

.join1 .join1-ul li::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 0%;
height: 4px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.join1 .join1-font {
padding: 7% 9% 21% 9%;
}

.join1 .join1-font .tit {
font-size: 30rem;
font-weight: bold;
color: #333333;
}

.join1 .join1-font .dec {
font-size: 16px;
line-height: 2;
color: #666666;
margin-top: 10px;
}

.join1 .join1-ul li:hover {
transform: translateY(-15px);
}

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

.join2 {
background-color: #fafafa;
}

.join3 {
}

.insrecruit-list .insrecruit-list-tag {
padding: 15px 20px;
line-height: 40px;
background-color: #ce132e;
}

.insrecruit-list .insrecruit-list-tag span {
font-size: 20px;
color: #ffffff;
display: block;
font-weight: 550;
}

.insrecruit-list li {
transition: all .5s;
background-color: white;
border-bottom: 1px solid #eaeaea;
}


.insrecruit-list li:hover span {
color: #ce132e !important;
}

.insrecruit-list li:nth-child(even) {
background-color: white; /* border-bottom: none; */
}

.insrecruit-list li:last-child {
border: none;
}

.insrecruit-list .rectue-top {
height: 68px;
padding: 8px 20px;
cursor: pointer;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
align-items: center;
}

.insrecruit-list .rectue-top span {
font-size: 18px;
font-weight: 550;
display: block;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
color: #323232
}

.insrecruit-list .rectue-top .date,
.insrecruit-list .rectue-top .num {
font-family: "DIN-Regular";
color: #666666;
}

.insrecruit-list .insrecruit-list-tag span,
.insrecruit-list .rectue-top span {
width: calc((100% - 35px) / 2);
padding-right: 3%;
}


.insrecruit-list .rectue-top span.name, .insrecruit-list .insrecruit-list-tag span.name {
width: 70%;
}

.insrecruit-list .rectue-top span.addr, .insrecruit-list .insrecruit-list-tag span.addr {
width: 30%;
}


.insrecruit-list .rectue-top span:last-child {
text-align: center;
}

.insrecruit-list .insrecruit-list-tag span:last-child,
.insrecruit-list .rectue-top .icon {
/* width: 35px; */
/* text-align: right; */
}

.insrecruit-list .insrecruit-list-tag span:last-child {
text-align: center;
}

.insrecruit-list .rectue-top span.num {
padding-left: 2.8%;
}

.insrecruit-list .rectue-top .icon-em {
width: 35px;
height: 35px;
font-size: 35px;
line-height: 35px;
text-align: center;
position: relative;
overflow: hidden;
color: #999999;
}

.insrecruit-list .rectue-top .icon em {
position: absolute;
background: #c81624;
width: 13px;
height: 1px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
left: 50%;
top: 50%;
transform: translateX(-50%);
}

.insrecruit-list .rectue-top .icon em:nth-child(2) {
width: 1px;
height: 13px;
left: 50%;
top: 55%;
transform: translateY(-55%);
}

.insrecruit-list li:hover .rectue-top .icon-em {
color: #ce132e;
}

.insrecruit-list {
margin-top: 40px;
}

.insrecruit-list .insrecruit-ul {
margin-bottom: 40px;
}

.shadow {
z-index: 999;
display: none;
background: #000;
filter: alpha(opacity=50);
opacity: 0.5;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.popupBox {
display: none;
position: fixed;
top: 70%;
left: 50%;
transform: translate(-50%, -70%);
z-index: 999;
}

.popupBox .close {
position: absolute;
top: 6%;
right: 3.2%;
cursor: pointer;
width: 56px;
height: 32px;
background: url(../images/jo-btn.png) #E2E3E6 no-repeat center center;
background-size: cover;
border-radius: 40px;
overflow: hidden;
z-index: 999;
}

.popupBox .popcont {
height: 630px;
background-color: #ffffff;
border-radius: 4px;
position: relative;
box-shadow: 0 8px 250px 0 rgb(0, 0, 0, 0.25);
overflow-x: hidden;
overflow-y: auto;
}

.popcont .popcont-left {
width: 57%;
padding: 4.6% 5%;
}

.popcont .popcont-right {
width: 43%;
padding: 7.4% 4.5%;
background: url(../images/jo-bgm2.jpg) no-repeat center center;
background-size: cover;
position: relative;
z-index: 3;
}

.popcont .popcont-tit {
font-size: 30px;
font-weight: bold;
color: #333333;
margin-bottom: 35px;
}

.popcont .popcont-ul li {
width: 33.333%;
font-size: 16px;
color: #999999;
padding: 15px 0;
}

.popcont .popcont-ul li span {
color: #333333;
}

.popcont .popcont-ul li:last-child {
text-align: right;
}

.popcont .popcont-dec {
margin-top: 30px;
}

.popcont .popcont-dec:first-child {
margin-top: 0px;
}

.popcont .popcont-dec .tit {
font-size: 18px;
font-weight: bold;
color: #333333;
margin-bottom: 15px;
}

.popcont .popcont-dec .dec {
font-size: 16px;
line-height: 2;
color: #525252;
}

.popcont .popcont-ul {
border-top: 1px solid rgba(34, 34, 34, 0.1);
border-bottom: 1px solid rgba(34, 34, 34, 0.1);
flex-wrap: wrap;
}

.popcont .popcont-decBox {
width: 100%;
height: 340px;
overflow-x: hidden;
overflow-y: auto;
margin-top: 40px;
}

.popcont .popcont-send {
margin-bottom: 60px;
}

.popcont .popcont-send .tit {
font-size: 18px;
font-weight: bold;
color: #333333;
}

.popcont .popcont-send .mailto {
font-size: 30px;
font-weight: bold;
line-height: 1.3;
color: #ce132e;
margin-top: 10px;
display: block
}

.popcont .popcont-format {
margin-top: 20px;
flex-wrap: wrap;
}

.popcont .popcont-format .tit {
width: 20%;
font-size: 16px;
color: #999999;
}

.popcont .popcont-format .dec {
width: 80%;
font-size: 16px;
color: #333333;
font-weight: 500;
}

.popcont .popcont-ewm {
background-color: rgba(255, 255, 255, 0.5);
border: solid 1px #ffffff;
position: relative;
margin-top: 25%;
flex-wrap: wrap;
}

.popcont .popcont-ewm::before {
content: "";
position: absolute;
right: 0px;
top: 0px;
width: 10px;
height: 10px;
background: url(../images/jo-sjx.png) no-repeat center center;
background-size: 100%;
}

.popcont .ewm {
max-width: 120px;
max-height: 120px;
}

.popcont .ewm-font {
width: calc(100% - 120px);
padding-left: 8%;
padding-right: 15%;
font-size: 18px;
font-weight: 500;
color: #525252;
}
/* service */
.service1 {
background: url(../images/se-bgm1.jpg) no-repeat center center;
background-size: cover;
}

.service1 .service1-ul {
flex-wrap: wrap;
padding-top: 10px;
}

.service1 .service1-ul li {
width: 31.33%;
margin-right: 3%;
margin-top: 2%;
background-color: #ffffff;
border-bottom: 5px solid #e9e9e9;
position: relative;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.service1 .service1-ul3 li {
margin-bottom: 1%;
background-color: rgb(226 231 233 / 39%);
}

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

.service1 .service1-ul2 li {
width: 18%;
margin-right: 2%;
border-bottom: 3px solid #e9e9e9;
}

.service1 .service1-ul2 li:nth-child(3n) {
margin-right: 2.5%;
}

.service1 .service1-ul2 li:nth-child(5n) {
margin-right: 0%;
}


.service1 .service1-ul li::before {
content: "";
position: absolute;
left: 0px;
bottom: -5px;
width: 0%;
height: 5px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.service1 .service1-ul2 li::before {
height: 3px;
bottom: -3px;
}

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

.service1 .service1-font {
padding: 8% 10% 15.5% 8%;
position: relative;
}

.service1-ul2 .service1-font {
}

.service1-ul2 .service1-font img {
width: 48px;
margin-bottom: 20px;
}

.service1 .service1-font .tit {
font-size: 22px;
color: #333333;
font-weight: 550;
}

.service1 .service1-font .dec {
font-size: 16px;
line-height: 1.875;
color: #666666;
margin-top: 5px;
}

.service1-ul2 .service1-font .dec {
font-size: 15px;
line-height: 26px;
margin-top: 12px;
}

.service1 .service1-iconBox {
position: absolute;
top: -40px;
right: 8%;
}

.service1 .service1-iconBox2 {
position: inherit;
top: 0;
right: 0;
}

.service1 .service1-icon {
width: 68px;
height: 68px;
background-color: #ffffff;
border: solid 3px #ce132e;
border-radius: 50%;
position: relative;
margin-bottom: 5%;
}

.service1 .service1-icon2 {
border: none;
}

.service1 .service1-ul li:hover {
transform: translateY(-20px);
}

.service1 .service1-ul2 li:hover {
transform: translateY(0px);
}
/* solution */
.industry1 {
background: #F7F7F7;
}

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

.industry1 .industry1-ul li,
.new2 .new2-ul li {
width: 24%;
margin-right: 1%;
margin-bottom: 2%;
position: relative;
}

.industry1 .industry1-ul li:nth-child(4n),
.new2 .new2-ul li:nth-child(4n) {
margin-right: 0px;
}

.industry1 .industry1-ul li::before {
content: "";
position: absolute;
z-index: 1;
left: 0px;
bottom: 0px;
width: 0%;
height: 6px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

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

.industry1 .industry1-ul li::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background: rgba(40, 41, 45, 0.5);
opacity: 0;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.industry1 .industry1-ul li:hover::after,
.industry1 .industry1-ul li:hover .industry1-font .dec {
opacity: 1;
}

.industry1 .industry1-font {
width: 100%;
position: absolute;
padding: 0 12%;
z-index: 1;
top: 11%;
left: 50%;
transform: translateX(-50%);
}

.industry1 .industry1-font .tit {
font-size: 24rem;
font-weight: bold;
line-height: 1.467;
color: #ffffff;
margin-bottom: 15px;
}

.industry1 .industry1-font .dec {
font-size: 18px;
color: #ffffff;
display: block;
padding: 5px 0;
opacity: 0;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.industry1 .industry1-font .dec em {
width: 10px;
height: 10px;
display: inline-block;
background: url(../images/ind-icon1.png) no-repeat left center;
background-size: 100%;
margin-right: 5px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.industry1 .industry1-font .dec:hover em {
background: url(../images/ind-hicon1.png) no-repeat left center;
background-size: 100%;
}
/* solution-info */
.industry2 .industry2-line {
width: 64px;
height: 4px;
background-color: #ce132e;
margin: 20px auto;
}

.industry2 .industry2-dec,
.industry3 .industry3-dec {
font-size: 16px;
line-height: 1.7;
color: #666666;
}

.industry2 .industry2-dec {
text-align: center;
padding: 0 8%;
}

.industry2 .industry2-dec p {
margin-bottom: 30px;
}

.industry2 .industry2-img {
margin-top: 50px;
position: relative;
overflow: hidden;
}

.industry3 .industry3-tit {
font-size: 26rem;
font-weight: 540;
color: #ce132e;
/* border-left: 3px solid #ce132e; */
line-height: 1.2;
padding-left: 38px;
font-weight: bold;
position: relative;
background: url(/pc/images/b1.png) no-repeat;
background-size: 28px;
}



.industry3 .case-em {
display: block;
width: 50px;
height: 3px;
background-color: #ce132e;
margin-top: 15px;
display: none;
}

.industry3:nth-child(even) {
background-color: rgb(247 247 247 / 73%);
box-shadow: 0 0 10px 3px rgb(0 0 0 / 0%);
}

.industry3 .in-tit {
text-align: left;
display: none;
}

.industry3-list {
}

.industry3 .industry3-left {
width: 65%;
padding-right: 5%;
}

.industry3 .industry3-dec {
height: 300px;
margin-top: 20px;
overflow-x: hidden;
overflow-y: auto;
border-top: 1px solid rgb(176 176 176 / 45%);
padding-top: 24px;
}

.industry3 .industry3-dec p {
margin-bottom: 15px;
}

.industry3 .industry3-right {
width: 45.75%;
height: 100%;
}

.industry3 .industry3-left {
}

.industry3 .industry3-right {
padding-left: 5%;
}

.industry3 .industry3-left, .industry3 .industry3-right {
width: 65%;
}


.industry3 .industry3-right.on,
.industry3 .industry3-left.on {
width: 35%;
margin: auto;
padding: initial;
}


.industry4 {
background-color: #f8f9fb;
}

.industry4 .industry4-ul {
flex-wrap: wrap;
margin-top: 20px;
}

.industry4 .industry4-ul li {
width: 23.5%;
margin-right: 2%;
margin-top: 2%;
position: relative;
overflow: hidden;
background-color: #ffffff;
padding: 2.5% 3%;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.industry4-b .industry4-ul li {
width: 30.33%;
margin: auto;
padding: 2%;
margin: 2% 1.5%;
}


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



.industry4 .industry4-font {
font-size: 20px;
color: #333333;
padding-bottom: 18%;
}

.industry4-b .industry4-font {
padding: 8%0;
}

.industry4-b .industry4-font2 {
padding-bottom: 18%
}

.industry4 .industry4-num {
font-family: "DIN-Bold";
font-size: 100rem;
color: rgba(102, 102, 102, 0.1);
position: absolute;
right: 6%;
bottom: -55px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}




.industry4 .industry4-ul li:hover {
background-color: #ce132e;
box-shadow: 0px 2px 73px 0px rgba(206, 19, 46, 0.48);
transform: translateY(-10px);
}



.industry4-b .industry4-ul li:hover {
background-color: #ffffff;
box-shadow: 0px 2px 73px 0px rgb(206 19 46 / 0%);
transform: translateY(-10px);
}


.industry4 .industry4-ul li:hover .industry4-num {
color: rgba(255, 255, 255, 0.2);
}


.industry4-b .industry4-ul li:hover .industry4-num {
color: #c2182e;
}



.industry4 .industry4-ul li:hover .industry4-font,
.industry6 .in-tit .tit {
color: #ffffff;
}

.industry4-b .industry4-ul li:hover .industry4-font {
color: #c2182e;
}

.industry5 .industry5-swiper .swiper-container {
padding-top: 3.5%;
padding-bottom: 5.2%;
}

.industry5 .industry5-font {
padding: 5% 6% 10% 6%;
}

.industry5 .industry5-font .tit {
font-size: 18px;
color: #333333;
}

.industry5 .swiper-slide {
background-color: #f7f7f7;
position: relative;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.industry5 .swiper-slide::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 0%;
height: 4px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.industry5 .swiper-slide:hover {
transform: translateY(-10px);
}

.industry5 .swiper-slide:hover::before {
width: 100%;
}

.industry5 .swiper-button-prev {
left: -110px;
}

.industry5 .swiper-button-next {
right: -110px;
}

.industry5 .industry5-img {
height: 280px;
background-color: #cdd1d4;
position: relative;
}

.industry6 {
background: url(../images/ind-bgm1.jpg) no-repeat center center;
background-size: cover;
position: relative;
padding-top: 55px;
padding-bottom: 60px;
}

.industry6 .industry6-entit {
font-family: "DIN-Bold";
font-size: 24px;
color: #ffffff;
line-height: 1.3;
text-align: center;
}

.industry6 .more {margin: 0 auto;margin-top: 30px;width: max-content;padding-right: 50px;}
/* contact */
.contact1,
.about6 .about6-swiper {
position: relative;
}

.contact1::before {
content: "";
position: absolute;
z-index: -1;
right: 0px;
top: 0px;
width: 590px;
height: 100%;
background-color: #f7f7f7;
}

.contact1 .contact1-left {
width: 52%;
padding-right: 4.3%;
}

.contact1 .contact1-ul,
.contact3 .contact3-ul {
flex-wrap: wrap;
}

.contact1 .contact1-ul li {
width: 50%;
border-bottom: 1px solid #e9e9e9;
padding: 20px 0px;
position: relative;
}

.contact1 .contact1-ul li:nth-child(odd) {
padding-right: 5%;
}

.contact1 .contact1-ul li:nth-child(even) {
padding-left: 6%;
}

.contact1 .contact1-ul li:nth-child(1) {
/* width: 62%; */
}

.contact1 .contact1-ul li:nth-child(2) {
width: 38%;
}

.contact1 .contact1-ul li::before {
content: "";
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 50%;
background-color: #e9e9e9;
}

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

.contact1 .contact1-tit .entit {
font-family: "DIN-Regular";
font-weight: bold;
font-size: 20px;
line-height: 1.2;
color: #ce132e;
}

.contact1 .contact1-tit .tit {
font-size: 28rem;
line-height: 1.3;
font-weight: bold;
color: #333333;
padding-bottom: 15px;
border-bottom: 3px solid #333333;
}

.contact1 .contact1-icon {
width: 56px;
height: 56px;
border: solid 1px rgba(51, 51, 51, 0.15);
border-radius: 50%;
position: relative;
}

.contact1 .contact1-font {
width: calc(100% - 56px);
padding-left: 20px;
}

.contact1 .contact1-font .tdec {
font-size: 16px;
color: #999999;
margin-bottom: 5px;
}

.contact1 .contact1-font .dec {
font-family: "DIN-Regular";
font-size: 16px;
font-weight: 600;
color: #333333;
}

.contact1 .contact1-font .dec span {
font-family: "Microsoft YaHei";
font-weight: normal;
}

.contact1 .contact1-right {
width: 48%;
}

.contact2 {
width: 100%;
position: relative;
}

.contact3 .contact3-list {
background-color: #f7f7f7;
padding: 40px 30px;
}

.contact3 .contact3-ul li {
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
position: relative;
}

.contact3 .contact3-ul li:nth-child(3) {
width: 49%;
}

.contact3 .contact3-ul li:nth-last-child(1),
.contact3 .contact3-ul li:nth-last-child(2) {
width: 100%;
}

.contact3 .contact3-ul li:nth-last-child(1),
.contact3 .contact3-ul li:nth-last-child(2),
.contact3 .contact3-ul li:nth-child(3n) {
margin-right: 0px;
}

.contact3 .contact3-ul li:last-child {
margin-bottom: 0px;
}

.contact3 input,
.contact3 textarea {
width: 100%;
height: 54px;
padding: 15px 20px;
line-height: 54px;
background-color: #ffffff;
border-radius: 4px;
border: solid 1px #e9e9e9;
text-align: left;
}

.contact3 textarea {
height: 180px;
}

.contact3 .contact3-ul label {
font-size: 16px;
line-height: 54px;
color: #999999;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
pointer-events: none;
transition: all 0.5s;
}

.contact3 .contact3-ul textarea + label {
top: 15%;
}

.contact3 input:focus + label,
.contact3 input:valid + label,
.contact3 textarea:focus + label,
.contact3 textarea:valid + label {
top: 0px;
color: #ce132e;
font-weight: bold;
}
/* new */
.new1 {
background: url(../images/ne-bgm1.jpg) no-repeat center center;
background-size: cover;
}

.new1 a {
background: #ffffff;
}

.new1 .new1-imgBox {
width: 54.5%;
}

.new1 .new1-font {
width: 45.5%;
padding: 0 5%;
}

.new1 .new1-font .time {
width: 135px;
position: relative;
}

.new1 .new1-font .btime {
font-family: "DIN-Bold";
font-weight: bold;
font-size: 56rem;
line-height: 42px;
color: #a0a0a0;
border-right: 1px solid rgba(51, 51, 51, 0.15);
padding-right: 15px;
margin-right: 15px;
}

.new1 .new1-font .stime {
font-family: "DIN-Bold";
font-weight: bold;
font-size: 20px;
line-height: 24px;
color: #a0a0a0;
}

.new1 .new1-font .line {
width: 39px;
height: 3px;
background-color: #ce132e;
margin-top: 40px;
margin-bottom: 35px;
}

.new1 .new1-font .tit {
font-size: 28rem;
font-weight: bold;
line-height: 1.4;
color: #333333;
}

.new1 .new1-font .dec {
font-size: 18px;
color: #666666;
margin-top: 20px;
margin-bottom: 8%;
}

.new1 .new1-font .btn {
font-size: 16px;
color: #a0a0a0;
text-align: right;
}

.new1 .new1-font .btn em,
.new2 .new2-font .btn em,
.newinfo1 .newinfo1-sfont .btn em {
font-size: 12px;
font-weight: bold;
display: inline-block;
vertical-align: 1px;
margin-left: 10px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.new1 a:hover .new1-font .btn em,
.new2 .new2-ul li:hover .new2-font .btn em {
margin-left: 15px;
}

.new1 .swiper-pagination {
width: 45.5%;
padding: 0 5%;
left: auto;
right: 0px;
bottom: 14%;
text-align: left;
}

.new2 .new2-ul {
flex-wrap: wrap;
padding-bottom: 10px;
}

.new2 .new2-ul li {
background-color: #f7f7f7;
position: relative;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.new2 .new2-ul li::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 0px;
height: 4px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

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

.new2 .new2-font {
padding: 6% 7%;
}

.new2 .new2-font .tit {
font-size: 18px;
font-weight: bold;
line-height: 1.4;
color: #333333;
}

.new2 .new2-font .line {
width: 100%;
height: 1px;
background: rgba(51, 51, 51, 0.1);
margin: 15px auto;
}

.new2 .new2-font .dec {
font-size: 16px;
line-height: 24px;
color: #666666;
margin-bottom: 8%;
}

.new2 .new2-font .time,
.new2 .new2-font .btn {
font-family: "DIN-Regular";
font-size: 16px;
color: #999999;
}

.new2 .new2-font .btn em,
.newinfo1 .newinfo1-sfont .btn em {
color: #a0a0a0;
}

.new2 .new2-ul li:hover {
background-color: #ffffff;
box-shadow: 0px 0px 188px 0px rgba(0, 0, 0, 0.15);
transform: translateY(-10px);
}

.newinfo1 .newinfo1-tit {
font-size: 36rem;
font-weight: bold;
line-height: 1.333;
color: #333333;
position: relative;
padding-bottom: 35px;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.newinfo1-stit {
font-size: 30rem;
font-weight: bold;
color: #222222;
}

.newinfo1 .newinfo1-list {
align-items: flex-start;
}

.newinfo1 .newinfo1-tdecLi {
font-size: 16px;
color: #999999;
margin-right: 5%;
}

.newinfo1 .newinfo1-tdecLi:last-child {
margin-right: 0px;
/* display: none; */
}

.newinfo1 .newinfo1-tdecLi img {
display: inline-block;
margin: 0;
margin-right: 5px;
}

.newinfo1 .newinfo1-tdec {
padding-top: 35px;
padding-bottom: 45px;
flex-wrap: wrap;
}

.newinfo1 .newinfo1-dec {
font-size: 16px;
line-height: 1.875;
color: #666666;
text-indent: 2em;
overflow: hidden;
}

.newinfo1 .newinfo1-dec p {
margin-top: 30px;
}

.newinfo1 .newinfo1-dec p:first-child {
margin-top: 0px;
}

.newinfo1 .newinfo1-dec img {
margin: 35px auto;
}

.newinfo1 .newinfo1-left {
width: calc(100% - 430px);
padding-right: 4%;
}

.newinfo1 .newinfo1-right {
width: 430px;
background-color: #f7f7f7;
position: sticky;
top: 110px;
border-top: 6px solid #ce132e;
padding: 2%;
}

.newinfo1 .newinfo1-right2 {
padding: 0;
border: none;
background-color: #ce132e;
}

.newinfo1 .newinfo1-simg {
width: 115px;
}

.newinfo1 .newinfo1-sfont {
width: calc(100% - 115px);
padding-left: 20px;
}

.newinfo1 .newinfo1-sfont .tit {
font-size: 16px;
line-height: 24px;
color: #525252;
margin-bottom: 10px;
}

.newinfo1 .newinfo1-sfont .btn {
font-family: "DIN-Regular";
font-size: 14px;
color: #999999;
}

.newinfo1 .newinfo1-ul {
margin-bottom: 10px;
}

.newinfo1 .newinfo1-ul li {
margin-top: 25px;
}

.newinfo1 .pageurl {
margin-top: 60px;
padding-top: 60px;
border-top: 1px solid #e3e3e3;
flex-wrap: wrap;
}

.newinfo1 .pageurl .return {
width: 125px;
height: 56px;
background: url(../images/ne-icon4.png) #f9f9f9 no-repeat center center;
border-radius: 28px;
border: solid 1px #eaeaea;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.newinfo1 .pageurl .return:hover {
background: url(../images/ne-hicon4.png)#ce132e no-repeat center center;
border: solid 1px #ce132e;
}

.newinfo1 .page {
width: 45%;
}

.newinfo1 .page a {
font-size: 18px;
color: #333333;
font-weight: 540;
}

.newinfo1 .page.next {
text-align: right;
}

.newinfo1 .page span {
display: block;
width: calc(100% - 48px);
padding: 0 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.newinfo1 .pageurl-licon,
.newinfo1 .pageurl-ricon {
width: 48px;
height: 48px;
line-height: 48px;
font-size: 12px;
font-weight: bold;
display: block;
background-color: #f9f9f9;
border: solid 1px #eaeaea;
border-radius: 50%;
text-align: center;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.newinfo1 .page:hover .pageurl-licon,
.newinfo1 .page:hover .pageurl-ricon {
background-color: #ce132e;
color: #ffffff;
}
/* about */
.about1 .about1-left {
width: 50.4%;
position: relative;
}

.about1 .about1-img1 {
margin-right: 12%;
overflow: hidden;
}
.about1 .about1-img1 img,.about1 .about1-img2 img{
    width: auto!important;
    height: auto!important;
}

.about1 .about1-img2 {
position: absolute;
bottom: -70px;
right: 0px !important;
}

.about1 .about1-right {
width: 49.6%;
padding-left: 3.8%;
position: relative;
}

.about1 .about1-right::before {content: "";position: absolute;z-index: -1;width: 510px;height: 580px;top: 50%;right: 13%;transform: translateY(-50%);background: url(../images/ns.png) no-repeat center center;background-size: cover;}

.about1 .in-tit,
.about3 .in-tit {
text-align: left;
}

.about1 .about1-tit {
font-size: 30rem;
font-weight: 540;
line-height: 1.33;
color: #333333;
margin-top: 30px;
margin-bottom: 15px;
}

.about1 .about1-entit {
font-family: "DIN-Regular";
font-size: 14px;
line-height: 24px;
color: #666666;
margin-bottom: 45px;
}

.about1 .about1-dec {font-size: 16px;line-height: 1.875;padding-right: 25px;/* text-align: justify; */color: #666666;height: 210px;overflow-x: hidden;overflow-y: auto;}

.about1 .about1-dec p {
margin-top: 30px;
}

.about1 .about1-dec p:first-child {
margin-top: 0px;
}

.about2 {
background: url(../images/ab-bgm2.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

.about3 {
background: url(../images/ab-bgm3.jpg) no-repeat center top;
background-size: 100% cover;
position: relative;
}

.about3 .in-tit {
width: 30%;
}

.about3 .about3-tpft {
width: 70%;
padding-left: 21%;
}

.about3 .about3-tpft .tit {
font-size: 30rem;
font-weight: 540;
color: #ce132e;
}

.about3 .about3-tpft .dec,
.about3 .about3-font .dec {
font-size: 17px;
line-height: 1.875;
color: #666666;
}

.about3 .about3-tpft .dec {
margin-top: 10px;
}

.about3 .about3-li {
position: relative;
overflow: hidden;
margin-top: 3.5%;
}

.about3 .about3-li:first-child {
margin-top: 0px;
}

.about3 .about3-bot {
flex-wrap: wrap;
padding-top: 5%;
}

.about3 .about3-left {
width: 40.54%;
margin-right: 2%;
}

.about3 .about3-right {
width: 57.46%;
}

.about3 .about3-font {
width: 100%;
position: absolute;
padding: 8%;
top: 0px;
left: 0px;
z-index: 3;
height: 100%;
background-color: rgb(255 255 255 / 30%);
}

.about3 .about3-font .tit {
font-size: 30rem;
font-weight: bold;
color: #ce132e;
}

.about3 .about3-font .dec {
margin-top: 15px;
padding-right: 40%;
}

.about4 {
background: url(../images/ab-bgm4.jpg) no-repeat center center;
background-size: cover;
position: relative;
padding-bottom: 10%;
}

.about4-yun1 {
width: 40%;
height: 200px;
position: absolute;
left: 0;
top: 0;
z-index: 3;
background: url('../images/yun1.png') center no-repeat;
background-size: auto 100%;
pointer-events: none;
}

.about4-yun2 {
width: 30%;
height: 300px;
position: absolute;
left: 20%;
top: 30%;
z-index: 3;
background: url('../images/yun2.png') center no-repeat;
background-size: auto 100%;
pointer-events: none;
}

.about4-yun3 {
width: 35%;
height: 250px;
position: absolute;
left: 40%;
top: 60%;
z-index: 3;
background: url('../images/yun3.png') center no-repeat;
background-size: auto 100%;
pointer-events: none;
}

.about4-yun1 {
animation: fudong1 100000ms ease infinite;
opacity: 0;
}

.about4-yun2 {
animation: fudong2 80000ms ease infinite;
opacity: 0;
}

.about4-yun3 {
animation: fudong3 80000ms ease infinite;
opacity: 0;
}

@keyframes fudong1 {
0% {
left: 0;
opacity: 0;
}

10% {
left: 10%;
;
opacity: 1;
}

50% {
left: 50%;
;
opacity: 1;
}

90% {
left: 90%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@keyframes fudong2 {
0% {
left: 20%;
opacity: 0;
}

10% {
left: 30%;
;
opacity: 1;
}

50% {
left: 50%;
;
opacity: 1;
}

90% {
left: 90%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@keyframes fudong3 {
0% {
left: 40%;
opacity: 0;
}

10% {
left: 50%;
;
opacity: 1;
}

50% {
left: 60%;
;
opacity: 1;
}

90% {
left: 90%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

.about4 .right-addtext {
position: absolute;
width: 25%;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 11;
}

.about4 #info {
position: absolute;
width: 25%;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 11;
}

.right-addtext-swiper {
position: relative;
overflow: hidden;
}

#chartdiv {
width: 100%;
height: 600px;
position: relative;
}

#chartdiv::before {
content: '';
width: 70px;
height: 50px;
position: absolute;
left: 0;
bottom: 0;
background: #f7f9fb;
z-index: 11;
}

.about4-map {
margin-top: 30px;
}

.about5 {
background: url(../images/ab-bgm5.jpg) no-repeat center center;
background-size: cover;
position: relative;
}

.about5 .about5-tpswiper {
position: relative;
margin-top: 2.5%;
}

.about5 .about5-tpswiper .swiper-slide {
background: rgba(255, 255, 255, 0.92);
padding: 30px;
border: solid 1px #eaeaea;
}

.about5 .about5-imgBox {
width: 33.6%;
padding-right: 30px;
position: relative;
overflow: hidden;
}

.about5 .about5-img {
overflow: hidden;
}

.about5 .about5-img::after {
content: "";
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
background: rgba(51, 51, 51, 0.1);
width: 1px;
height: 80%;
}

.about5 .about5-font {
width: 66.4%;
padding-left: 6%;
padding-right: 10%;
position: relative;
z-index: 9;
}

.about5 .about5-font .time {
font-family: "DIN-Bold";
font-size: 48rem;
color: #ce132e;
}

.about5 .about5-font .time span {
font-size: 24px;
font-weight: bold;
display: inline-block;
vertical-align: 3px;
color: #ce132e;
}

.about5 .about5-font .tit {
font-size: 30rem;
font-weight: 545;
color: #333333;
margin: 10px 0;
}

.about5 .about5-font .dec {
height: 100px;
overflow-x: hidden;
overflow-y: auto;
font-size: 18px;
line-height: 1.778;
color: #666666;
}

.about5 .about5-tpswiper .swiper-container {
width: calc(100% - 160px);
}

.about5 .about5-btn {
width: 80px;
height: 100%;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
border: 1px solid #eaeaea;
border-left: 0px;
;
background: rgba(255, 255, 255, 0.92);
}

.about5 .about5-tpswiper .swiper-button-prev,
.about5 .about5-tpswiper .swiper-button-next {
width: 100%;
height: 49.9%;
border-radius: 0px;
margin-top: 0px;
}

.about5 .about5-tpswiper .swiper-button-prev {
top: 0px;
background: url(../images/in-hprev1.png) no-repeat center center;
border-bottom: 1px solid #eaeaea;
}

.about5 .about5-tpswiper .swiper-button-next {
top: auto;
bottom: 0px;
background: url(../images/in-hnext1.png) no-repeat center center;
}

.about5 .about5-tpswiper .swiper-button-prev:hover {
background: url(../images/in-prev1.png) #ce132e no-repeat center center;
border-bottom: 1px solid #ce132e;
}

.about5 .about5-tpswiper .swiper-button-next:hover {
background: url(../images/in-next1.png) #ce132e no-repeat center center;
}

.about5 .about5-btswiper {
border-top: 2px solid rgba(51, 51, 51, 0.1);
margin-top: 4.5%;
}

.about5 .about5-btswiper .swiper-slide::before {
content: "";
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 4px;
background-color: #ce132e;
opacity: 0;
}

.about5 .about5-btswiper .time {
font-family: "DIN-Regular";
font-size: 30rem;
color: #333333;
padding-top: 30px;
text-align: center;
cursor: pointer;
}

.about5 .about5-btswiper .swiper-slide.active .time {
color: #ce132e;
}

.about5 .about5-btswiper .swiper-slide.active::before {
opacity: 1;
}

.about6 .in-tit {
width: 30%;
text-align: left;
padding-right: 5%;
}

.about6 .about6-tab {
width: 70%;
}

.about6 .about6-tab li {
position: relative;
margin-right: 5%;
}

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

.about6 .about6-tab li::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
width: 0%;
height: 2px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.about6 .about6-tab a {
font-size: 18px;
color: #999999;
padding-bottom: 5px;
display: inline-block;
}

.about6 .about6-tab li.active::before,
.about6 .swiper-slide:hover::before {
width: 100%;
}

.about6 .about6-tab li.active a {
color: #ce132e;
}

.about6 .about6-img {
display: block;
position: relative;
}

.about6 .about6-img::before {
content: "";
position: absolute;
z-index: 3;
width: 60px;
height: 60px;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url(../images/ab-icon1.png) #ce132e no-repeat center center;
opacity: 0;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.about6 .swiper-slide:hover .about6-img::before {
opacity: 1;
}

.about6 .about6-font {
font-size: 16px;
line-height: 24px;
color: #666666;
text-align: center;
border-top: 1px solid #e3e5e7;
margin-top: 30px;
padding-top: 25px;
padding-bottom: 10px;
}

.about6 .swiper-slide {
background-color: #f8f9fb;
padding: 30px 0;
position: relative;
border: solid 1px #e3e5e7;
}

.about6 .swiper-slide::before {
content: "";
position: absolute;
left: 0px;
width: 0%;
height: 4px;
bottom: 0px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.about6 .swiper-container {
padding-bottom: 9.1%;
}

.about6 .about6-btn {
width: 185px;
position: absolute;
z-index: 3;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
}

.about6 .swiper-button-prev,
.about6 .swiper-button-next {
top: auto;
bottom: 0px;
}

.about6 .about6-swiperLi {
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
pointer-events: none;
margin-top: 40px;
}

.about6 .about6-swiperLi.active {
position: relative;
opacity: 1;
filter: alpha(opacity=100);
pointer-events: auto;
}

.about7 .swiper-slide {
border: 1px solid #E8E8E8;
}

.about7 .swiper-slide .about7-limg {
height: 150px;
}

.about7 .swiper-slide .about7-limg img {
padding: 20px;
}

.about7 .line {
position: absolute;
}

.about7 .line1 {
left: 0px;
top: 0px;
}

.about7 .line2 {
right: 0px;
bottom: 0px;
}

.about7 .line1::before,
.about7 .line1::after,
.about7 .line2::before,
.about7 .line2::after {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 0px;
height: 0px;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.about7 .line1::after,
.about7 .line2::after {
width: 0px;
height: 0px;
}

.about7 .line2::before,
.about7 .line2::after {
top: auto;
left: auto;
bottom: -1px;
right: -1px;
}

.about7 .swiper-slide:hover .line1::before,
.about7 .swiper-slide:hover .line2::before {
width: 3px;
height: 56px;
}

.about7 .swiper-slide:hover .line1::after,
.about7 .swiper-slide:hover .line2::after {
width: 120px;
height: 3px;
}

.about7 .swiper-container {
padding-top: 3.5%;
padding-bottom: 4%;
}

.mproduct1 .mproduct1-tit {
width: 52%;
text-align: center;
margin: 0 auto;
}

.mproduct1 .dec,
.mproinfo10 .mproinfo10-dec {
font-size: 16px;
font-weight: lighter;
line-height: 24px;
color: #666666;
}

.mproduct1 .dec p {
margin-top: 22px;
}

.mproduct1 .bdec p:first-child,
.mproduct1 .dec p:first-child {
margin-top: 0px;
}

.mproduct1 .bdec,
.mproinfo10 .mproinfo10-bdec,
.mproinfo12 .mproinfo12-dec {
font-size: 16px;
line-height: 2;
color: #333333;
font-weight: 550;
margin: 35px auto;
}

.mproduct1 .bdec p,
.mproinfo10 .mproinfo10-bdec p,
.mproinfo12 .mproinfo12-dec p {
padding-left: 10px;
position: relative;
}

.mproduct1 .bdec p::before,
.mproinfo10 .mproinfo10-bdec p:before,
.mproinfo12 .mproinfo12-dec p::before {
content: "";
position: absolute;
left: 0px;
top: 14px;
width: 3px;
height: 3px;
border-radius: 100%;
background: #ce132e;
}

.mproduct1 .mproduct1-list {
background-color: #f7f7f7;
flex-wrap: wrap;
padding: 30px;
margin-top: 40px;
}

.mproduct1 .mproduct1-left {
width: 66%;
padding-right: 7%;
padding-left: 20px;
}

.mproduct1 .mproduct1-right {
width: 34%;
}

.mproduct2,
.mmore {
text-align: center;
}

.mproduct2 .mproduct2-tit {
width: 68%;
padding: 0 3.3%;
font-size: 24px;
line-height: 1.5;
color: #000000;
text-align: center;
position: relative;
display: inline-block;
}

.mproduct2 .mproduct2-tit::before,
.mproduct2 .mproduct2-tit::after {
font-family: "ArialMT";
content: " “ ";
position: absolute;
top: 10px;
left: 0px;
font-size: 72px;
line-height: 36px;
color: #ce132e;
}

.mproduct2 .mproduct2-tit::after {
content: " ” ";
top: 10px;
left: auto !important;
right: 0px;
}

.mproduct2 .mproduct2-en1 {
font-size: 18px;
line-height: 1.6;
text-align: center;
font-weight: 550;
color: #666666;
margin-top: 3%;
}

.mproduct2 .mproduct2-en2 {
font-size: 16px;
font-weight: lighter;
color: #666666;
margin-bottom: 20px;
}

.mmore {
width: 210px;
margin: 0 auto;
}

.mmore span {
padding-left: 0px !important;
margin-right: 5px;
}

.mmore img {
width: 6px !important;
height: 10px !important;
position: relative;
right: 0px;
top: 0px;
border-radius: 0px;
transform: translateY(0px);
}

.mmore:hover img {
transform: translate(0px, 0px);
}

.mproduct3 {
background-color: #f7f7f7;
}

.mproduct3 .in-tit .dec {
margin-top: 0px;
}

.mproduct3 .mproduct3-top {
width: 66%;
margin: 0 auto;
margin-top: 5px;
flex-wrap: wrap;
}

.mproduct3 .mproduct3-top a {
width: 48.5%;
margin-right: 3%;
margin-top: 3%;
background-color: #ffffff;
border-radius: 20px;
border: solid 1px #dddddd;
padding: 20px;
position: relative;
}

.mproduct3 .mproduct3-top a:nth-child(2n) {
margin-right: 0px;
}

.mproduct3 .mproduct3-font .tit {
font-size: 20px;
color: #ce132e;
font-weight: 550;
}

.mproduct3 .mproduct3-font .dec {
font-size: 16px;
line-height: 24px;
color: #666666;
}

.mproduct3 .mproduct3-icon {
width: 48px;
height: 48px;
background-color: #f1f1f1;
border-radius: 50%;
position: relative;
}

.mproduct3 .mproduct3-font {
width: calc(100% - 48px);
padding-left: 10px;
}

.mproduct3 .mproduct3-top a:hover, .mproduct3 .mproduct3-top .on {
background-color: #ce132e;
border: solid 1px #ffffff;
}

.mproduct3 .mproduct3-top a:hover .mproduct3-font .tit, .mproduct3 .mproduct3-top .on .mproduct3-font .tit, .mproduct3 .mproduct3-top a:hover .mproduct3-font .dec, .mproduct3 .mproduct3-top .on .mproduct3-font .dec {
color: #ffffff;
}

.mproduct3 .mproduct3-tab {
width: 100%;
flex-wrap: wrap;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
margin-top: 35px;
}

.mproduct3 .mproduct3-tabtit,
.mproduct3 .mproduct3-tab a {
font-size: 16px;
line-height: 24px;
color: #999999;
position: relative;
padding-bottom: 15px;
display: block;
margin-right: 2.3%;
}

.mproduct3 .mproduct3-tab a {
color: #333333;
font-weight: lighter;
}

.mproduct3 .mproduct3-tab a::before {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
height: 2px;
width: 0%;
background-color: #ce132e;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.mproduct3 .mproduct3-tab a:hover::before,
.mproduct3 .mproduct3-tab a.active::before {
width: 100%;
}

.mproduct3 .product2-ul {
margin-top: 50px;
}

.mbtn_box {
text-align: center;
}

.mbtn {
font-size: 16px;
color: #ce132e;
display: inline-block;
}

.mbtn img {
display: inline-block;
vertical-align: 0px;
margin-left: 5px;
}

.product2 li:hover {
box-shadow: 0 3px 16px 0px rgb(0, 0, 0, 0.1);
}

.mproduct4 .swiper-slide {
background-color: #ffffff;
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
border: solid 1px #dddddd;
}

.mproduct4 .mproduct4-left,
.mproduct4 .mproduct4-right {
width: 50%;
overflow: hidden;
position: relative;
}

.mproduct4 .mproduct4-left::before {
content: "";
position: absolute;
width: 260px;
height: 190px;
bottom: 0px;
right: 0px;
background: url(../images/mpro-icon2.png) no-repeat center;
background-size: cover;
}

.mproduct4 .mproduct4-left .stit {
font-size: 16px;
color: #666666;
font-weight: bold;
}

.mproduct4 .mproduct4-left .tit {
font-size: 28px;
font-weight: bold;
color: #333333;
margin-bottom: 15px;
}

.mproduct4 .mproduct4-more {
font-size: 18px;
font-weight: lighter;
font-stretch: normal;
color: #ce132e;
}

.mproduct4 .mproduct4-more em {
font-size: 12px;
display: inline-block;
vertical-align: 2px;
margin-left: 6px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.mproduct4 .mproduct4-more:hover em {
margin-left: 12px;
}

.mproduct4 .mproduct4-left .dec {
font-size: 16px;
font-weight: lighter;
line-height: 1.875;
color: #666666;
height: 130px;
overflow-x: hidden;
overflow-y: auto;
margin-bottom: 4%;
}

.mproduct4 .mproduct4-left {
padding: 4%;
}

.mproduct4 .mproduct4-right {
border-radius: 0 10px 10px 0px;
}

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

.mproinfo1 {
background-color: #f7f7f7;
}

.mproinfo1 .mproinfo1-img {
max-width: 660px;
max-height: 305px;
margin: 0 auto;
margin-bottom: 10px;
}

.mproinfo1 .in-tit .dec {
color: #ce132e;
}

.pro-menu .nav-menu-ul a {
font-size: 16px;
}

.mproinfo2 .in-tit,
.mproinfo3 .in-tit,
.mproinfo11 .in-tit,
.mproinfo12 .in-tit,
.mproinfo13 .in-tit,
.mproinfo14 .in-tit,
.mproinfo15 .in-tit,
.mproinfo16 .in-tit {
text-align: left;
}

.mproinfo2 .mproinfo2-ul li {
width: 50%;
border-top: 1px solid rgba(51, 51, 51, 0.1);
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.mproinfo2 .mproinfo2-img {
margin: 30px auto;
border-right: 1px solid rgba(51, 51, 51, 0.1);
}

.mproinfo2 .mproinfo2-ul li:last-child .mproinfo2-img {
border-right: 0px;
}

.mproinfo10 .mproinfo10-font {
padding: 25px 30px;
background-color: #f7f7f7;
}

.mproinfo10 .mproinfo10-bdec {
margin: 0px !important;
margin-top: 15px !important;
}

.mproinfo11 .mproinfo11-list {
background-color: #f7f7f7;
flex-wrap: wrap;
}

.mproinfo11 .mproinfo11-left {
width: 49%;
}

.mproinfo11 .mproinfo11-right {
width: 51%;
padding: 2% 4%;
}

.mproinfo11 .mproinfo11-line,
.mproinfo13 .mproinfo13-line {
width: 100%;
height: 1px;
margin: 15px auto;
background-color: #e5e5e5;
position: relative;
}

.mproinfo11 .mproinfo11-line::before,
.mproinfo12 .mproinfo12-line::before,
.mproinfo12 .mproinfo12-sline::before,
.mproinfo13 .mproinfo13-line::before {
content: "";
position: absolute;
width: 64px;
height: 1px;
background-color: #ce132e;
left: 0px;
bottom: 0px;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.mproinfo11 .mproinfo11-dec {
font-size: 16px;
font-weight: lighter;
color: #666666;
margin-bottom: 35px;
}

.mproinfo11 .mproinfo11-tips {
font-size: 14px;
font-weight: lighter;
color: #999999;
margin-top: 10px;
}

.mproinfo11 .mproinfo11-simg img {
margin: 0;
}

.mproinfo11 .in-tit .dec {
color: #333;
margin-top: 5px;
}

.mproinfo12 .mproinfo12-list {
flex-wrap: wrap;
margin-bottom: 10px;
}

.mproinfo12 .mproinfo12-left {
width: 57.5%;
}

.mproinfo12 .mproinfo12-line {
width: 100%;
height: 1px;
background: #EAE9EA;
margin: 25px auto;
position: relative;
}

.mproinfo12 .mproinfo12-line::before {
width: 143px;
height: 2px;
}

.mproinfo12 .mproinfo12-dec,
.mproinfo12 .mproinfo12-table table td {
color: #666666;
font-weight: normal;
margin: 0px auto;
}

.mproinfo12 .mproinfo12-table {
overflow-x: auto;
overflow-y: hidden;
padding-top: 5px;
}

.mproinfo12 .mproinfo12-table table {
width: 100%;
margin: 0 auto;
}

.mproinfo12 .mproinfo12-table table tr:nth-child(odd) {
background-color: #f7f7f7;
}

.mproinfo12 .mproinfo12-table table tr:nth-child(even) {
background-color: #ededed;
}

.mproinfo12 .mproinfo12-table table td {
padding: 10px 20px;
min-width: 120px;
height: 56px;
border-right: 1px solid rgba(0, 0, 0, .07);
}

.mproinfo12 .mproinfo12-table table td:last-child {
border-right: 0px;
}

.mproinfo12 .mproinfo12-table table td:first-child {
font-size: 18px;
color: #333333;
}

.mproinfo12 .mproinfo12-right {
width: 42.5%;
padding-left: 4%;
}

.mproinfo12 .mproinfo12-li {
margin-top: 50px;
}

.mproinfo12 .mproinfo12-li:first-child {
margin-top: 0px;
}

.mproinfo12 .mproinfo12-rdec {
font-size: 18px;
color: #949494;
}

.mproinfo12 .mproinfo12-rright .tit {
font-size: 24px;
color: #222222;
font-weight: 500;
}

.mproinfo12 .mproinfo12-rright .dec {
font-size: 16px;
color: #666666;
}

.mproinfo12 .mproinfo12-sline {
width: 100%;
height: 1px;
background: rgba(51, 51, 51, 0.1);
position: relative;
margin-top: 25px;
margin-bottom: 10px;
}

.mproinfo12 .mproinfo12-sline::before {
width: 0px;
}

.mproinfo12 .mproinfo12-rleft {
width: 205px;
padding: 40px 20px;
overflow: hidden;
position: relative;
background-color: #ffffff;
border: solid 1px #eeeeee;
}

.mproinfo12 .mproinfo12-rright {
width: calc(100% - 205px);
padding: 5px 30px;
}

.mproinfo12 .mproinfo12-rul li {
position: relative;
margin-top: 20px;
}

.mproinfo12 .mproinfo12-rul li::before {
content: "";
position: absolute;
top: 3px;
right: 3px;
width: 10px;
height: 10px;
background: url(../images/mpro-icon5.png) no-repeat center;
background-size: cover;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.mproinfo12 .mproinfo12-rul li:hover::before {
background: url(../images/mpro-hicon5.png) no-repeat center;
background-size: cover;
}

.mproinfo12 .mproinfo12-rul a {
border: 1px solid #f7f7f7;
background-color: #f7f7f7;
flex-wrap: wrap;
}

.mproinfo12 .mproinfo12-rul a:hover {
border: 1px solid #FAE7EA;
background-color: #ffffff;
box-shadow: 0 9px 76px 0px rgb(206, 19, 46, 0.07);
}

.mproinfo12 .mproinfo12-rul a:hover .mproinfo12-sline::before {
width: 62px;
}

.mproinfo13 {
padding: 35px 0;
background-color: #f6f6f6;
border-top: 1px solid rgba(51, 51, 51, 0.07);
}

.mproinfo13 .mproinfo13-line::before {
width: 111px;
height: 2px;
}

.mproinfo13 .mproinfo13-downBox .tit,
.mproinfo13 .mproinfo13-area .tit {
font-size: 16px;
font-weight: lighter;
line-height: 24px;
color: #999999;
}

.mproinfo13 .decBox .dec {
font-size: 14px;
line-height: 1.4;
color: #333333;
padding-left: 30px;
margin-top: 10px;
position: relative;
}

.mproinfo13 .decBox,
.mproinfo13 .mproinfo13-area {
flex-wrap: wrap;
}

.mproinfo13 .decBox .dec {
margin-right: 13%;
}

.mproinfo13 .decBox .dec:last-child {
margin-right: 0px;
}

.mproinfo13 .decBox .dec::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 18px;
height: 18px;
background: url(../images/mpro-icon6.png) no-repeat center;
background-size: cover;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.mproinfo13 .decBox .dec:hover::before {
background: url(../images/mpro-hicon6.png) no-repeat center;
background-size: cover;
}

.mproinfo13 .mproinfo13-area .dec {
border: solid 1px #e9e6e6;
text-align: center;
font-size: 14px;
line-height: 30px;
color: #666666;
margin-right: 10px;
margin-top: 10px;
padding: 2px 18px;
}

.mproinfo13 .mproinfo13-area .dec:last-child {
margin-right: 0px;
}

.mbuy {width: 230px;height: 45px;background-color: #ce132e;text-align: center;font-size: 16px;font-weight: lighter;line-height: 1.3;color: #ffffff;position: relative;}

.mbuy img,
.mbuy span,
.smore span {
position: relative;
}

.mbuy::before,
.smore::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background-color: #e61636;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.mbuy:hover::before,
.smore:hover::before {
width: 100%;
}

.mbuy img,
.mproinfo13 .mproinfo13-downBox .tit img {margin: 0;margin-right: 12px;}

.mproinfo13 .mproinfo13-left {
width: 46%;
}

.mproinfo13 .mproinfo13-right {
width: 54%;
padding-left: 4.5%;
}

.mproinfo13 .swiper-slide {
background: #ffffff;
}

.mproinfo13 .mproinfo13-Sswiper .swiper-slide {
border: 2px solid #ffffff;
margin-top: 25px;
cursor: pointer;
}

.mproinfo13 .mproinfo13-Sswiper .swiper-slide.active {
border: 2px solid #ce132e;
}

.mproinfo13 .swiper-button-prev,
.mproinfo13 .swiper-button-next {
width: 11px;
height: 20px;
}

.mproinfo13 .swiper-button-prev {
background: url(../images/mprev.png) no-repeat center;
background-size: cover;
left: 15px;
}

.mproinfo13 .swiper-button-next {
background: url(../images/mnext.png) no-repeat center;
background-size: cover;
right: 15px;
}

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

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

.mproinfo13 .in-tit .dec {
margin-top: 3px;
color: #333333;
}

.mproinfo13 .mproinfo13-downBox .tit {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #eaeaea;
}

.mproinfo13 .mproinfo13-area {
margin-top: 25px;
margin-bottom: 7.5%;
}

.mproinfo13 .mproinfo13-dec {
font-size: 16px;
line-height: 1.875;
color: #666666;
margin-bottom: 20px;
height: 90px;
overflow-y: auto;
overflow-x: hidden;
}

.mproinfo14 .mproinfo14-list {
flex-wrap: wrap;
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.mproinfo14 .mproinfo14-left {
width: 35%;
}

.mproinfo14 .mproinfo14-right {
width: 65%;
padding-left: 2%;
}

.mproinfo14 .mproinfo14-dec {
font-size: 16px;
;
line-height: 1.875;
color: #666666;
}

.mproinfo14 .mproinfo14-img img {
margin: 0;
}
/* solution */
.solution1 {
background-color: #f8f8f8;
}

.solution1 .solution1-left {
width: 25%;
}

.solution1 .solution1-right {
width: 75%;
padding-left: 4%;
}

.solution1 .solution1-tit,
.solution2 .solution2-tit {
font-size: 32rem;
line-height: 1.3;
font-weight: bold;
color: #333333;
}

.solution1 .solution1-dec,
.solution2 .solution2-dec,
.solution2 .solution2-sdec,
.solution2 .solution2-bot {
font-size: 16px;
line-height: 1.875;
color: #666666;
}

.solution1 .solution1-dec,
.solution2 .solution2-dec {
margin-top: 15px;
}

.solution2 .solution2-list {
flex-wrap: wrap;
align-items: flex-start;
}

.solution2 .solution2-left {
width: calc(100% - 335px);
padding-right: 5%;
}

.solution2 .solution2-right {
width: 335px;
}

.solution2 .solution2-sdec p {
position: relative;
padding-left: 12px;
margin: 6px auto;
}

.solution2 .solution2-sdec p::before {
content: "";
position: absolute;
top: 14px;
left: 0px;
width: 3px;
height: 3px;
border-radius: 50%;
background: #ce132e;
}

.solution2 .solution2-dec,
.solution2 .solution2-top {
margin-bottom: 25px;
}

.solution2 .solution2-sdec {
margin-bottom: 35px;
}

.solution2 .solution2-icon {
width: 40px;
height: 40px;
background-color: #d5364d;
position: relative;
border-radius: 50%;
}

.solution2 .solution2-stit {
/* width: calc(100% - 40px); */
/* padding-left: 10px; */
font-size: 18px;
font-weight: bold;
color: #333333;
margin-bottom: 10px;
}

.solution2 .solution2-ul {
flex-wrap: wrap;
margin-bottom: 40px;
width: 100%;
}

.solution2 .solution2-ul li {
width: 32.3333%;
padding: 0;
margin-right: 1.5%;
margin-bottom: 1.5%;
background-color: #ffffff;
box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.07);
border-radius: 0px;
border: solid 1px #eeeeee;
}

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

.solution2 .solution2-cont {
background: url(../images/so-bgm1.png) no-repeat center;
background-size: cover;
border-radius: 8px;
padding: 30px;
overflow: hidden;
margin-top: 45px;
flex-wrap: wrap;
}

.solution2 .solution2-cont .tit {
width: calc(100% - 130px);
padding-right: 4.5%;
font-size: 16px;
line-height: 24px;
color: #ffffff;
}

.smore {
position: relative;
overflow: hidden;
width: 130px;
display: block;
height: 40px;
background-color: #ce132e;
border-radius: 20px;
font-size: 16px;
text-align: center;
line-height: 40px;
color: #ffffff;
}

.solution2-rtit {
font-size: 22px;
color: #999999;
}

.solution2 .solution2-ricon {
width: 40px;
height: 40px;
background-color: #e8eaeb;
position: relative;
border-radius: 50%;
}

.solution2 .solution2-tel .tit {
width: calc(100% - 40px);
padding-left: 10px;
font-size: 18px;
color: #999999;
}

.solution2 .solution2-rline {
width: 100%;
height: 1px;
background: rgba(51, 51, 51, 0.1);
position: relative;
margin-top: 28px;
margin-bottom: 25px;
}

.solution2 .solution2-rline::before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 30px;
height: 1px;
background-color: #333333;
}

.solution2 .solution2-tel {
margin-top: 15px;
}

.solution2 .solution2-rlink {
display: block;
margin-top: 10px;
}

.solution2 .solution2-rlink .tit {
font-size: 18px;
color: #0377ba;
}

.solution2 .solution2-rlink .dec {
font-size: 14px;
line-height: 20px;
color: #333333;
margin-top: 2px;
}

.solution2 .solution2-ricon img {
animation: tel ease-out 1.3s infinite;
}

@keyframes tel {
0% {
transform: rotateZ(0)
}

20% {
transform: rotateZ(20deg)
}

40% {
transform: rotateZ(-20deg)
}

60% {
transform: rotateZ(20deg)
}

80% {
transform: rotateZ(-20deg)
}

100% {
transform: rotateZ(0)
}
}
/* responsive */
@media screen and (max-width: 1679px) {
.w1600 {
width: 90%;
}

.headfixed .menu-list,
.footer .foot-right,
.advantage1 .advantage1-left {
padding-left: 2%;
}

.headfixed .menu-list {
width: calc(100% - 320px);
}

.headfixed .menu-list > ul {
padding-right: 8%;
}

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

.section4-top::before {
left: -40px;
}

.section5 .section5-rtul li {
margin-top: 3%;
}

.section4 .section4-scroll li {
padding: 0 3%;
}

.proinfo2 {
padding-left: 8%;
}

.proinfo3 .proinfo3-right,
.proinfo2 .proinfo2-left,
.proinfo5 .proinfo5-left {
padding-right: 8%;
}

.industry1 .industry1-font .tit,
.industry3 .industry3-tit,
.about3 .about3-font .tit,
.about1 .about1-tit,
.about3 .about3-tpft .tit,
.about5 .about5-btswiper .time,
.about5 .about5-font .tit,
.new1 .new1-font .tit,
.newinfo1-stit,
.join1 .join1-font .tit,
.popcont .popcont-send .mailto {
font-size: 22px;
}

.industry4 .industry4-num {
font-size: 74px;
bottom: -40px;
}

.newinfo1 .newinfo1-tit {
font-size: 30px;
}
}

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

.footer .foot-right {
width: 38%;
}

.section5 .section5-font .tit,
.section2 .section2-font .tit,
.section3 .section3-font .tit {
font-size: 22px;
}

.section1 .btn {
margin-top: 30px;
}

.section3 .section3-num {
bottom: -20px;
position: relative;
}

.section4 .section4-sdec em {
vertical-align: 6px;
font-size: 46px;
}

.section4 .section4-sdec span {
font-size: 48px;
}

.section4 .section4-scroll li {
padding: 0 2%;
}

.banner .swiper-font {
width: 60%;
}

.headfixed .head-sublink {
font-size: 16px;
}

.headfixed .head-subslink {
font-size: 16px;
}

.headfixed .headfixed-left {
width: 300px;
}

.headfixed .menu-list {
width: calc(100% - 280px);
}

.headfixed .headfixed-menu {
/* width: 100px; */
}

.headfixed-menu span {
width: 18px;
}

.headfixed-menu em {
font-size: 16px;
margin-left: 10px;
}

.headfixed .btn-list {
width: 140px;
}

.headfixed .menu-list > ul {width: calc(100% - 100px);width: 85%;padding-right: 5%;}

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

.mainer {
margin-top: 70px;
}

.proinfo4 .proinfo4-swiper .swiper-container,
.industry5 .industry5-swiper .swiper-container {
width: 90%;
margin: 0 auto;
}

.proinfo4 .swiper-button-prev,
.industry5 .swiper-button-prev {
left: -30px;
}

.proinfo4 .swiper-button-next,
.industry5 .swiper-button-next {
right: -30px;
}

.proinfo2,
.advantage1 .advantage1-left {
padding-left: 5%;
}

.proinfo3 .proinfo3-right {
padding-right: 5%;
}

.about5 .about5-font .time span,
.advantage1 .advantage1-font .tit {
font-size: 20px;
}

.new1 .new1-font .stime {
font-size: 18px;
}

.newinfo1 .pageurl .return {
width: 100px;
height: 46px;
}

.contact1 .contact1-ul li:nth-child(2) {
width: 42%;
}

.contact1 .contact1-ul li:nth-child(even) {
padding-left: 4%;
}

.advantage1 .advantage1-tab {
height: 400px;
}

.advantage1 .advantage1-ul {
margin-top: 0px;
}

.advantage1 .advantage1-img img {
height: 730px;
}

.menu-list > ul > li .head-subnav {
padding: 20px;
}

#chartdiv {
height: 500px;
}

.in-tit .tit,
.inner-tit .tit {
font-size: 28px;
}

.product1 .product1-tit, .mproduct1 .mproduct1-tit,
.solution1 .solution1-tit, .solution2 .solution2-tit {
font-size: 24px;
}

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

.mproduct2 .mproduct2-tit::before, .mproduct2 .mproduct2-tit::after {
font-size: 62px;
}

.mproduct3 .mproduct3-top {
width: 75%;
}

.mproduct3 .mproduct3-font .tit {
font-size: 18px;
}

.mproduct4 .mproduct4-left .tit {
font-size: 26px;
}

.mproduct4 .mproduct4-left .dec {
height: 100px;
}
}

@media screen and (max-width: 1366px) {
.menu-list > ul > li .head-subnav {
padding: 15px;
}

.headfixed .headfixed-left {
width: 280px;
}

.headfixed .headfixed-menu {
/* width: calc(100% - 250px); */
}

.headfixed-menu em,
.menu-list h3 a,
.language-text,
.more,
.language-list a,
.mainer .banner .banner-img .swiper-mouse h5 {
font-size: 16px;
}

.headfixed .menu-list {
width: calc(100% - 200px);
padding-left: 2%;
}

.headfixed-menu span::before,
.headfixed-menu span::after {
height: 1px;
width: 18px;
}

.headfixed-menu em {
margin-left: 5px;
}

.mainer {
margin-top: 70px;
}

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

.banner .swiper-font .swiper-h2 h2,
.about5 .about5-font .time {
font-size: 32px;
}

.in-tit .tit span {
font-size: 46px;
margin-right: 5px;
vertical-align: -4px;
}

.banner .swiper-font .swiper-h3 h3 {
font-size: 18px;
}

.banner .swiper-font .swiper-h2 {
margin-bottom: 15px;
}
.banner .more{
    
width: 240px;
}
.more {
width: 220px;
}

.index-more {
width: 150px;
}

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

.section2::before,
.section2.box-on::before {
width: 900px;
height: 125px;
}

.section5 .section5-right .section5-img {
width: 200px;
}

.section5 .section5-right .section5-font {
width: calc(100% - 200px);
}

.footer .footerphone-menu h3 a,
.industry4 .industry4-font {
font-size: 18px;
}

.footer .footer-subnav a {
font-size: 14px;
}

.footer .ftlogo-share {
margin-right: 20px;
}

.section4 .section4-line {
margin: 25px auto;
}

.section2 .more {
margin-top: 40px;
}

.section1 .btn {
width: 40px;
height: 40px;
}

.headfixed-drop,
.headfixed-dropbg {
top: 70px;
}

.headfixed.show {
height: 70px;
}

.product1 .product1-tit {
font-size: 26px;
}

.product1 .product1-stit,
.product2 .product2-font .tit,
.new2 .new2-font .tit {
font-size: 22px;
}

.nav-menu .nav-menu-ul a,
.newinfo1 .page a {
font-size: 16px;
}

.new1 .new1-font .line {
margin: 25px 0;
}

.newinfo1 .newinfo1-left {
width: calc(100% - 400px);
}

.newinfo1 .newinfo1-right {
width: 400px;
}

.newinfo1 .pageurl-licon,
.newinfo1 .pageurl-ricon {
width: 38px;
height: 38px;
line-height: 38px;
}

.footer .foot-right {
padding-left: 4%;
}

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

.section2 .section2-btit {
top: -30px;
}

.mproinfo12 .mproinfo12-rright .tit {
font-size: 22px;
}

.mproinfo12 .mproinfo12-rleft {
width: 180px;
padding: 30px 20px;
}

.mproinfo12 .mproinfo12-rright {
width: calc(100% - 180px);
}
}

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

.section3 .section3-bot,
.contact1 .contact1-list {
flex-wrap: wrap;
}

.contact1 .contact1-left {
width: 100%;
}

.contact1 .contact1-right {
width: 60%;
margin: 0 auto;
margin-top: 60px;
}

.contact1 .contact1-ul li:nth-child(1),
.contact1 .contact1-ul li:nth-child(2) {
width: 50%;
}

.contact1 .contact1-left {
padding-right: 0px;
}

.headfixed .menu-list .menu-pcbox,
.headfixed .menu-list > ul,
.newinfo1 .pageurl .return {
display: none;
}

.nav-menu .nav-name {
display: block;
}

.nav-menu .nav-menu-ul {
width: 100%;
overflow: hidden;
position: absolute;
z-index: 100;
background: #fff;
box-shadow: 0 1px 4px 1px #f1f1f1;
display: none;
}

.nav-menu .nav-menu-ul li {
width: 100%;
text-align: left;
border-top: 1px solid rgba(51, 51, 51, .1);
}

.nav-menu .nav-menu-ul li:first-child {
border-top: 1px solid rgba(51, 51, 51, 0);
}

.nav-menu .nav-menu-ul a {
padding: 15px 30px;
line-height: 26px;
}

.headfixed .menu-list {
width: 22%;
justify-content: flex-end;
}

.headfixed .mobile-nav-box > ul > li > h3 {
text-align: left;
padding: 15px 30px;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
display: inline;
}

.headfixed .mobile-nav-box > ul > li > h3 > a:hover {
color: #df1b24;
}

.headfixed .mobile-nav-box ul li {
padding: 0px;
}

.headfixed .mobile-nav-box > ul > li > h3 > i,
.headfixed .mobile-nav-box .link-tit > i {
line-height: 100%;
}

.headfixed .mobile-nav-box .head-suba > a,
.headfixed .mobile-nav-box .head-subnav > a {
padding: 5px 15px;
}

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

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

.headfixed .logo {
/* padding: 11px 0 11px 12%; */
}

.section5 .section5-font .tit,
.section5 .section5-top .section5-tab a {
font-size: 20px;
}

.section4 .section4-sdec span {
font-size: 44px;
}

.section4 .section4-sdec em {
vertical-align: 6px;
font-size: 40px;
}

.section1 .btn {
margin-top: 15px;
}

.section3 .section3-font .tit {
margin: 20px auto;
}

.section4 .section4-bdec {
margin-top: 30px;
margin-bottom: 50px;
}

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

.section5 .section5-right .section5-img {
width: 170px;
}

.section5 .section5-right .section5-font {
width: calc(100% - 170px);
}

.section5 .section5-time {
margin-top: 10px;
padding-top: 10px;
}

.section4 .section4-left {
padding-right: 5%;
}

.banner .swiper-font .swiper-h2 h2,
.about5 .about5-font .time {
font-size: 32px;
}

.in-tit .dec {
font-size: 15px;
margin-top: 10px;
}

.footer .ftlogo-share {
margin-right: 0px;
}

.footer .ftlogo-share a {
margin-right: 20px;
}

.section3 .section3-icon {
width: 50px;
height: 50px;
}

.about5 .about5-btswiper .time {
font-size: 24px;
padding-top: 20px;
}

.headfixed-drop .headline,
.about3 .about3-font .tit,
.about1 .about1-tit,
.about3 .about3-tpft .tit,
.about5 .about5-font .tit {
font-size: 22px;
}

.product1 .product1-dec,
.product1 .product1-iconBox {
margin-bottom: 20px;
}

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

.ny-bread .bread-hom {
font-size: 20px;
}

.ny-bread a,
.ny-bread span {
font-size: 16px;
}

.ny-bread span {
padding: 0 5px;
}

.proinfo7 table {
width: 1260px;
}

.industry4 .industry4-num {
font-size: 60px;
bottom: -30px;
}

.industry2 .industry2-dec {
padding: 0px;
}

.industry2 .industry2-dec p,
.industry3 .industry3-dec p {
margin-bottom: 8px;
}

.about1 .about1-dec p {
margin-top: 15px;
}

.industry2 .industry2-img {
margin-top: 30px;
}

.about5 .about5-font .time span {
font-size: 18px;
}

.about7 .swiper-slide .about7-limg {
height: 120px;
}

.new1 .new1-font .btime {
font-size: 40px;
}

.newinfo1 .newinfo1-tit {
font-size: 28px;
}

.contact1 .contact1-tit .entit {
font-size: 18px;
margin-bottom: 5px;
}

.contact1 .contact1-ul li {
padding: 20px 0;
}

.contact1 .contact1-tit .tit {
font-size: 28px;
}

.popcont .popcont-format .tit {
width: 25%;
}

.popcont .popcont-format .dec {
width: 75%;
}

.advantage1 .advantage1-tabul a {
padding: 12px;
font-size: 18px;
}

.advantage1 .advantage1-tabul li {
padding-left: 8%;
}

.mproduct1 .mproduct1-left {
padding-left: 0px;
padding-right: 4.5%;
}

.mproduct3 .mproduct3-top,
.mproduct1 .mproduct1-tit {
width: 85%;
}

.product2 li {
width: 32.3%;
}

.solution2 .solution2-ul li {
width: 48.25%;
}

.product2 li:nth-child(4n) {
margin-right: 1.5%;
}

.product2 li:nth-child(3n),
.solution2 .solution2-ul li:nth-child(2n) {
margin-right: 0px;
}

.mproinfo12 .mproinfo12-rleft {
width: 150px;
padding: 35px 20px;
}

.mproinfo12 .mproinfo12-rright {
width: calc(100% - 150px);
}

.mproinfo14 .mproinfo14-left {
width: 25%;
}

.mproinfo14 .mproinfo14-right {
width: 75%;
}

.nav-menu .nav-menu-ul li::before {
transition: none;
}
}

@media screen and (max-width: 1100px) {
.footer .foot-top,
.footer .foot-bot,
.section4 .section4-top,
.section5 .section5-bt,
.footer .foot-bot,
.proinfo8 .proinfo8-list,
.newinfo1 .newinfo1-list,
.popcont .popcont-li,
.advantage1 .advantage1-list,
.mproinfo13 .mproinfo13-list {
flex-wrap: wrap;
}

.footer .foot-menu,
.footer .foot-right,
.section4 .section4-left,
.section5 .section5-right,
.section5 .section5-right,
.footer .foot-copy,
.footer .foot-link,
.proinfo1 .proinfo1-font,
.proinfo8 .proinfo8-right,
.proinfo8 .proinfo8-left,
.newinfo1 .newinfo1-left,
.newinfo1 .newinfo1-right,
.contact3 .contact3-ul li:nth-child(3),
.popcont .popcont-left,
.popcont .popcont-right,
.advantage1 .advantage1-left,
.advantage1 .advantage1-right,
.mproduct3 .mproduct3-top,
.mproinfo12 .mproinfo12-left,
.mproinfo12 .mproinfo12-right,
.mproinfo13 .mproinfo13-right,
.mproinfo14 .mproinfo14-left,
.mproinfo14 .mproinfo14-right,
.solution2 .solution2-left,
.solution2 .solution2-right {
width: 100%;
}

.contact3 .contact3-ul li {
width: 49%;
}

.contact3 .contact3-ul li:nth-child(2n) {
margin-right: 0px;
}

.newinfo1 .newinfo1-right,
.advantage1 .advantage1-list {
display: none;
}

.advantage1 .advantage1-mobile {
display: block;
}

.headfixed-drop {
height: calc(100% - 78px);
}

.headfixed-drop .headfixed-dropct {
padding: 2% 8% 10% 8%;
}

.section5 .section5-right,
.proinfo8 .proinfo8-Libox,
.mproinfo12 .mproinfo12-right,
.mproinfo13 .mproinfo13-right,
.mproinfo14 .mproinfo14-right {
padding-left: 0px;
}

.section4 .section4-left,
.newinfo1 .newinfo1-left,
.solution2 .solution2-left {
padding-right: 0px;
}

.section5 .section5-right,
.mproinfo12 .mproinfo12-right,
.mproinfo13 .mproinfo13-right {
margin-top: 40px;
}

.section5 .section5-left {
width: 85%;
margin: 0 auto;
}

.section4 .section4-right {
width: 80%;
margin: 50px auto 0 auto;
}

.footer .foot-bot,
.footer .foot-link {
justify-content: center;
}

.footer .foot-right,
.footer .foot-rtul li img,
.proinfo8 .proinfo8-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.footer .foot-menu,
.footer .foot-rtul li span,
.proinfo8 .proinfo8-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.headfixed .menu-list,
.footer .foot-right {
padding-left: 0px;
}

.footer .foot-menu,
.proinfo8 .proinfo8-left {
margin-top: 40px;
}

.footer .foot-menu {
flex: none;
}

.section5 .section5-font .tit,
.section2 .section2-font .tit,
.section3 .section3-font .tit,
.new2 .new2-font .tit {
font-size: 20px;
}

.section4 .section4-sdec em {
vertical-align: 6px;
font-size: 36px;
}

.section4 .section4-sdec span {
font-size: 40px;
}

.footer .foot-copy,
.mproinfo11 .mproinfo11-dec {
margin-bottom: 20px;
}

.footer .ftlogo,
.footer .foot-ewm,
.footer .foot-rtul span {
text-align: left;
}

.footer .foot-right {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}

.footer .foot-right .left {
width: calc(100% - 100px);
}

.footer .foot-ewm {
width: 100px;
margin-top: 0px;
}

.section2::before {
width: 700px;
height: 95px;
}

.section2 .swiper-container {
background-size: 100%;
}

.section3 .section3-bot li {
width: 50%;
}

.section3 .section3-bot li:nth-child(2n),
.section4 .section4-scroll li:nth-child(2n) {
border-right: 0px;
}

.section3 .section3-num {
font-size: 84px;
}

.section1 .section1-font .tit,
.industry1 .industry1-font .tit,
.industry3 .industry3-tit,
.new1 .new1-font .tit,
.join1 .join1-font .tit {
font-size: 18px;
}

.section4 .section4-scroll,
.mproinfo14 .mproinfo14-right {
padding-top: 20px;
}

.section4-top::before {
width: auto;
left: auto;
bottom: auto;
top: 20%;
right: 10%;
}

.section4 .section4-scroll li,
.section4 .section4-scroll li:first-child,
.section4 .section4-scroll li:last-child {
width: 50%;
padding: 0 5%;
margin-top: 40px;
}

.section5 .section5-right .section5-img {
width: 220px;
}

.section5 .section5-right .section5-font {
width: calc(100% - 220px);
}

.footer .foot-copy,
.advantage1 .advantage1-mobile .in-tit {
text-align: center;
}

.footer {
padding-top: 80px;
}

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

.proinfo6 .proinfo6-font {
height: 130px;
}

.proinfo6 .proinfo6-line {
margin: 20px auto;
}

.proinfo6 .proinfo6-decLi .left {
width: 35%;
}

.proinfo6 .proinfo6-decLi .right {
width: 65%;
}

.proinfo6 .entit {
font-size: 150px;
}

.proinfo9 .proinfo9-ul li {
width: 49%;
}

.proinfo9 .proinfo9-ul li:nth-child(3n) {
margin-right: 2%;
}

.proinfo9 .proinfo9-ul li:nth-child(2n) {
margin-right: 0px;
}

.industry1 .industry1-font .dec {
opacity: 1;
font-size: 16px;
}

.industry1 .industry1-ul li::after {
opacity: 1;
}

.industry4 .industry4-ul li {
width: 32%;
}

.service1 .service1-ul li {
width: 48.5%;
}

.industry4 .industry4-ul li:nth-child(4n) {
margin-right: 2%;
}

.service1 .service1-ul li:nth-child(3n) {
margin-right: 3%;
}

.service1 .service1-ul li:nth-child(2n),
.industry4 .industry4-ul li:nth-child(3n) {
margin-right: 0px;
}

.about6 .about6-btn {
width: 130px;
}

.newinfo1 .pageurl {
margin-top: 40px;
padding-top: 40px;
}

.contact1 .contact1-right {
width: 70%;
}

.join1 .join1-ul li {
width: 49%;
}

.join1 .join1-ul li:nth-child(3n) {
margin-right: 2%;
}

.join1 .join1-ul li:nth-child(2n) {
margin-right: 0px;
}

.popcont .popcont-ewm,
.solution2 .solution2-right {
margin-top: 30px;
}

.insrecruit-list .insrecruit-list-tag span {
font-size: 18px;
}

.insrecruit-list .rectue-top span {
font-size: 16px;
}

.insrecruit-list .rectue-top {
height: 65px;
}

.popcont .popcont-tit {
font-size: 26px;
}

.advantage1 .advantage1-right {
width: 87%;
margin: 0 auto;
margin-top: 60px;
}

.advantage1 .advantage1-img img {
height: auto;
}

.advantage1 {
padding-top: 75px;
padding-bottom: 80px;
}

.advantage1 .advantage1-tab {
transform: translateY(0%);
top: 0px;
}

.about4-yun1,
.about4-yun2,
.about4-yun3 {
width: 100%;
}

.about4 {
padding-bottom: 12%;
}

.section2 .section2-btit {
font-size: 96px;
}

.mproduct2 .mproduct2-tit {
width: 80%;
}

.mmore {
width: 180px !important;
padding: 10px;
}

.mproduct1 .bdec, .mproinfo10 .mproinfo10-bdec, .mproinfo12 .mproinfo12-dec {
margin: 20px auto;
}

.mproinfo13 .mproinfo13-left {
width: 70%;
margin: 0 auto;
}

.mproinfo13 .mproinfo13-area {
margin-bottom: 30px;
}

.solution1 .solution1-tit, .solution2 .solution2-tit {
font-size: 22px;
}

.solution2-rtit {
font-size: 20px;
}

.solution2 .solution2-sdec {
margin-bottom: 20px;
}

.solution2 .solution2-cont {
margin-top: 30px;
}

.solution2 .solution2-dec, .solution2 .solution2-top {
margin-bottom: 15px;
}
}

@media screen and (max-width: 980px) {
.section1 .section1-list,
.section5 .section5-top,
.proinfo2 .proinfo2-list,
.proinfo3 .proinfo3-list,
.proinfo5 .proinfo5-list,
.proinfo6 .proinfo6-list,
.industry3 .industry3-list,
.about1 .about1-list,
.about5 .about5-tpswiper .swiper-slide,
.about6 .about6-top,
.new1 a,
.mproduct4 .swiper-slide {
flex-wrap: wrap;
}

.section1 .section1-left,
.section1 .section1-right,
.section4 .section4-right,
.section5 .section5-left,
.section5 .section5-top .in-tit,
.proinfo2 .proinfo2-left,
.proinfo5 .proinfo5-left,
.proinfo2 .proinfo2-right,
.proinfo5 .proinfo5-right,
.proinfo3 .proinfo3-left,
.proinfo3 .proinfo3-right,
.proinfo6 .proinfo6-left,
.proinfo6 .proinfo6-right,
.industry3 .industry3-left,
.industry3 .industry3-right,
.about1 .about1-left,
.about1 .about1-right,
.about5 .about5-font,
.about5 .about5-imgBox,
.about6 .in-tit,
.about6 .about6-tab,
.new1 .new1-imgBox,
.new1 .new1-font,
.new1 .swiper-pagination,
.newinfo1 .page,
.newinfo1 .page span,
.contact1 .contact1-right,
.insrecruit-list .insrecruit-list-tag span.name,
.mproduct1 .mproduct1-left,
.mproduct3 .mproduct3-top, .mproduct1 .mproduct1-tit,
.mproduct2 .mproduct2-tit,
.mproduct4 .mproduct4-left,
.mproduct4 .mproduct4-right,
.mproinfo11 .mproinfo11-left,
.mproinfo11 .mproinfo11-right,
.mproinfo13 .mproinfo13-left {
width: 100%;
}

.insrecruit-list .rectue-top span.name {
width: calc(100% - 26px);
}

.insrecruit-list .rectue-top .icon-em {
width: 26px;
height: 26px;
font-size: 26px;
line-height: 26px;
}

.section1 .section1-right {
margin-top: 4%;
}

.section5 .section5-top .in-tit {
margin-bottom: 20px;
}

.proinfo2 .proinfo2-left,
.proinfo5 .proinfo5-left,
.proinfo3 .proinfo3-right,
.industry3 .industry3-left,
.about1 .about1-right {
padding-bottom: 30px;
}

.proinfo5 .proinfo5-left,
.industry3 .industry3-left,
.about5 .about5-imgBox,
.newinfo1 .page span,
.mproduct1 .mproduct1-left {
padding-right: 0px;
}

.section1 .section1-right,
.about1 .about1-right,
.newinfo1 .page span {
padding-left: 0px;
}

.banner .swiper-font,
.about5 .about5-tpswiper .swiper-container {
width: 90%;
}

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

.banner .pub-pbanner,
.mainer .banner .banner-img .swiper-mouse,
.pub-pcbanner,
.proinfo1 .proinfo1-lineBox,
.newinfo1 .pageurl-licon,
.newinfo1 .pageurl-ricon,
.insrecruit-list span.num,
.insrecruit-list span.addr,
.insrecruit-list span.date {
display: none;
}

.insrecruit-list span.num,
.insrecruit-list span.addr,
.insrecruit-list span.date {
display: block;
width: 100%;
margin-bottom: 10px;
/* padding: 0 !important; */
margin: auto;
margin-bottom: 10px;
}


.insrecruit-list li {
margin-bottom: 20px;
/* border-top: 3px solid #c11b2f; */
}

.insrecruit-list .rectue-top {
display: block;
height: auto;
}

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

.in-tit .tit, .inner-tit .tit {
font-size: 24px;
}

.banner .swiper-font .swiper-h2 h2,
.about5 .about5-font .time {
font-size: 30px;
}

.loading {
width: 20px;
height: 20px;
}

.loading .left,
.loading .right,
.loading .left:after,
.loading .right:after {
width: 10px;
height: 20px;
}

.section2 .more {
margin-top: 30px;
}

.section5 .section5-top .section5-tab {
width: calc(100% - 170px);
}

.footer {
padding-top: 60px;
}

.footer .foot-top {
padding-bottom: 45px;
}

.loading .left {
left: -3.9px;
}

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

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

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

.product1 .product1-stit,
.industry6 .industry6-entit {
font-size: 20px;
}

.product1 .product1-line {
margin: 15px auto;
}

.product1 li a {
padding: 8% 0;
}

.product1 .product1-ul {
margin-bottom: 0px;
}

.more {
width: 200px;
padding: 10px;
}

.index-more {
width: 140px;
}

.more span {
padding-left: 10px;
}

.product2 li,
.industry1 .industry1-ul li,
.new2 .new2-ul li,
.industry4 .industry4-ul li {
width: 49%;
}

.product2 li:nth-child(3n),
.industry1 .industry1-ul li:nth-child(3n),
.new2 .new2-ul li:nth-child(3n),
.industry4 .industry4-ul li:nth-child(3n) {
margin-right: 2%;
}

.product2 li:nth-child(2n),
.industry1 .industry1-ul li:nth-child(2n),
.new2 .new2-ul li:nth-child(2n),
.industry4 .industry4-ul li:nth-child(2n) {
margin-right: 0px;
}

.product2 .product2-font .btn,
.mproinfo12 .mproinfo12-rright .btn {
font-size: 14px;
}

.proinfo3 .proinfo3-right,
.proinfo2 .proinfo2-left {
padding-right: 5%;
}

.proinfo2,
.proinfo3 {
padding-top: 50px;
}

.proinfo3 .proinfo3-left,
.proinfo6 .proinfo6-left,
.about1 .about1-left,
.newinfo1 .page span {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.proinfo3 .proinfo3-right,
.proinfo6 .proinfo6-right,
.about1 .about1-right,
.newinfo1 .pageurl-ricon {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

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

.proinfo1 .proinfo1-tit,
.proinfo-tit {
font-size: 28px;
}

.proinfo1 .proinfo1-tit span {
margin-right: 10px;
}

.proinfo6 .proinfo6-right {
width: 90%;
margin: 0 auto;
margin-bottom: 30px;
}

.proinfo1 {
padding-bottom: 60px;
}

.industry2 .industry2-line,
.in-tit .line {
width: 45px;
height: 2px;
margin: 15px auto;
}

.about3 .about3-tpft {
padding-left: 5%;
}
.about3 .about3-font{
    padding: 20px;
}
.about3 .about3-font .dec {padding-right: 0px;margin-top: 5px;color: #ffffff;font-size: 15px;line-height: 1.5;}

.about3 .about3-font .tit {
color: #ffffff;
}

.about3 .about3-li::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, .35);
width: 110%;
height: 100%;
}

.about5 .about5-font {
padding: 5% 0;
}

.about5 .about5-btn {
width: 100%;
height: 30px;
transform: translateY(0%);
background: transparent;
overflow: inherit;
}

.about5 .about5-font .dec {
font-size: 16px;
}

.about5 .about5-tpswiper .swiper-button-next,
.about5 .about5-tpswiper .swiper-button-prev {
width: 30px;
height: 30px;
top: 50%;
}

.about5 .about5-tpswiper .swiper-button-prev {
left: -15px;
}

.about5 .about5-tpswiper .swiper-button-next {
bottom: auto;
right: -15px;
}

.about6 .about6-tab {
justify-content: center;
}

.about6 .in-tit {
text-align: center;
padding-right: 0px;
margin-bottom: 20px;
}

.about6 .swiper-container {
padding-bottom: 85px;
}

.about7 .swiper-slide .about7-limg {
height: 100px;
}

.about7 .swiper-container {
padding-top: 30px;
padding-bottom: 50px;
}

.new1 .new1-font {
padding: 6%;
}

.new1 .swiper-pagination {
bottom: 6.5%;
}

.newinfo1 .pageurl {
margin-top: 25px;
padding-top: 25px;
}

.newinfo1 .newinfo1-tdec {
padding-top: 30px;
padding-bottom: 25px;
}

.newinfo1 .page.next {
text-align: left;
}

.newinfo1 .page a {
padding: 5px 0;
}

.section2 .section2-btit {
font-size: 76px;
top: 50px;
}

.mproduct1 .mproduct1-right {
width: 80%;
margin: 0 auto;
margin-top: 30px;
}

.mproduct1 .mproduct1-list {
margin-top: 25px;
}

.mproduct4 .swiper-slide {
padding: 0px;
border: 0px;
}

.mproduct4 .mproduct4-left {
padding: 0px;
}

.mproduct4 .mproduct4-right {
margin-top: 20px;
border-radius: 10px;
}

.mproinfo12 .mproinfo12-table table {
width: 690px;
}

.mproinfo12 .mproinfo12-line::before {
width: 70px;
}

.mproinfo12 .mproinfo12-rright .tit {
font-size: 20px;
}

.mproinfo11 .mproinfo11-right {
padding: 5%;
}

.solution1 .solution1-left {
width: 36%;
}

.solution1 .solution1-right {
width: 64%;
}

.solution1 .solution1-dec, .solution2 .solution2-dec {
margin-top: 10px;
}
}

@media screen and (max-width: 767px) {
.section3 .section3-top,
.section5 .section5-rtul li a,
.footer .foot-link,
.section1 .section1-rtbot,
.product1 li a,
.about3 .about3-top,
.mproinfo2 .mproinfo2-ul,
.solution1 .solution1-list {
flex-wrap: wrap;
}

.banner .swiper-font,
.section1 .section1-bfont,
.headfixed .logo,
.section3 .in-tit,
.section3 .section3-bot li,
.section4 .section4-scroll li,
.section4 .section4-scroll li:first-child,
.section4 .section4-scroll li:last-child,
.section5 .section5-top .section5-tab,
.section5 .section5-right .section5-img,
.section5 .section5-right .section5-font,
.footer .foot-right .left,
.footer .ftlogo-share,
.footer .foot-rtlink,
.section1 .section1-rtLi,
.section2::before,
.product1 .product1-left,
.product1 .product1-right,
.product2 li,
.proinfo9 .proinfo9-ul li,
.proinfo8 .proinfo8-Libox .li,
.proinfo8 .proinfo8-Libox .li:last-child,
.industry1 .industry1-ul li,
.new2 .new2-ul li,
.industry4 .industry4-ul li,
.service1 .service1-ul li,
.about3 .in-tit,
.about3 .about3-tpft,
.about3 .about3-li,
.about3 .about3-left,
.about3 .about3-right,
.new1 .new1-font .time,
.newinfo1 .newinfo1-tdecLi,
.contact1 .contact1-ul li:nth-child(1),
.contact1 .contact1-ul li:nth-child(2),
.contact1 .contact1-ul li,
.contact3 .contact3-ul li,
.join1 .join1-ul li,
.popcont .popcont-ul li,
.popcont .popcont-format .tit,
.popcont .popcont-format .dec,
.popcont .ewm-font,
.advantage1 .advantage1-ul li,
.mproduct3 .mproduct3-top a,
.mproduct1 .mproduct1-right,
.mproinfo2 .mproinfo2-ul li,
.mproinfo12 .mproinfo12-rleft,
.mproinfo12 .mproinfo12-rright,
.solution1 .solution1-left,
.solution1 .solution1-right,
.solution2 .solution2-ul li,
.solution2 .solution2-cont .tit {
width: 100%;
}

.headfixed .logo {
height: 60px;
}

.section1 .section1-rtLi,
.product2 li,
.product2 li:nth-child(3n),
.proinfo9 .proinfo9-ul li,
.proinfo9 .proinfo9-ul li:nth-child(3n),
.proinfo8 .proinfo8-Libox .li,
.industry1 .industry1-ul li,
.new2 .new2-ul li,
.industry1 .industry1-ul li:nth-child(3n),
.new2 .new2-ul li:nth-child(3n),
.industry4 .industry4-ul li,
.industry4 .industry4-ul li:nth-child(3n),
.service1 .service1-ul li:nth-child(3n),
.service1 .service1-ul li,
.about3 .about3-left,
.newinfo1 .newinfo1-tdecLi,
.contact3 .contact3-ul li,
.join1 .join1-ul li,
.join1 .join1-ul li:nth-child(3n),
.advantage1 .advantage1-ul li,
.mproduct3 .mproduct3-top a,
.solution2 .solution2-ul li {
margin-right: 0px;
}

.section1-rtbot-h .section1-pro {
width: 98% !important;
}


.section1 .section1-sfont {
bottom: 0px !important;
display: block !important;
background: #0000003b;
}

.solution2 .solution2-cont .tit {
padding-right: 0px;
}

.section5 .section5-right .section5-font,
.about3 .about3-tpft,
.contact1 .contact1-ul li:nth-child(even),
.solution1 .solution1-right {
padding-left: 0px;
}

.about2 .section4-scroll {
padding-top: 0px;
}

.app-lanu {
display: block;
}

.banner .swiper-button-prev,
.banner .swiper-button-next,
.headfixed .headfixed-menu,
.language,
.loading .left,
.loading .right,
.loading .left:after,
.loading .right:after,
.section1 .section1-sfont,
.section5 .more,
.section3 .more,
.footer .foot-menu {
display: none;
}

#search-form {
width: 90%;
}

.headfixed .menu-list {
width: 35%;
padding-right: 5%;
}

.banner .swiper-font .swiper-h2 h2,
.in-tit .tit,
.inner-tit .tit,
.about5 .about5-font .time {
font-size: 22px;
}

.btn-phone {
display: block;
}

.btn-phone {
margin-top: 6px;
}

.section4 .section4-right {
margin-top: 40px;
}

.banner .more {margin-top: 30px;width: 200px;}

.section1 .section1-right,
.section1 .section1-rtbot,
.section3 .more,
.section4 .section4-scroll li,
.section4 .section4-scroll li:first-child,
.section4 .section4-scroll li:last-child,
.section5 .section5-right,
.section5 .section5-rtul li,
.footer .foot-ewm,
.section1 .section1-rtLi,
.proinfo9 .proinfo9-ul li,
.industry4 .industry4-ul li,
.service1 .service1-ul li,
.about3 .about3-li,
.about3 .about3-li:first-child,
.join1 .join1-ul li,
.join1 .join1-ul,
.insrecruit-list,
.advantage1 .advantage1-ul li,
.proinfo7 .proinfo7-table,
.about5 .about5-tpswiper,
.about5 .about5-btswiper,
.advantage1 .advantage1-mobile .advantage1-img,
.solution1 .solution1-right {
margin-top: 25px;
}

.product2 li,
.industry1 .industry1-ul li,
.new2 .new2-ul li {
margin-bottom: 25px;
}

.industry1 .industry1-ul li:last-child,
.new2 .new2-ul li:last-child {
margin-bottom: 0px;
}

.section1 .section1-rtLi:first-child,
.about2 .section4-scroll li:first-child,
.join1 .join1-ul li:first-child {
margin-top: 0px;
}

.section3 .section3-bot {
padding-top: 30px;
}

.section3 .section3-font {
height: auto;
}

.section3 .section3-botli {
padding: 8% 6%;
background-color: rgb(255 255 255 / 60%);
}

.section5 .in-tit,
.about1 .in-tit,
.about3 .in-tit,
.about3 .about3-tpft .tit,
.about3 .about3-tpft .dec {
text-align: center;
}

.loading {
border: 0px;
}

.banner .swiper-font,
.section4 .section4-scroll li,
.section4 .section4-scroll li:first-child,
.section4 .section4-scroll li:last-child {
padding: 0px;
}

.banner .swiper-font .swiper-h3 h3 {
font-size: 16px;
}

.more {
width: 180px;
padding: 8px 10px;
font-size: 14px;
}

.mainer .banner .banner-img .more img,
.more img {
width: 26px;
height: 26px;
}

.banner .swiper-pagination {
bottom: 20px !important;
}

.section1 .section1-font .dec {
margin-top: 5px;
}

.section1 .section1-font .tit,
.proinfo9 .proinfo9-font .font .tit {
font-size: 18px;
}

.headfixed .headfixed-left { /* width: 180px; */
}

.headfixed .logo img { /* max-width: 120px; */ /* height: 38px; */
width: 95px;
margin-top: 15px;
}

.mainer {
margin-top: 60px;
}

.loading.swiper-pagination-bullet-active .c-progress {
background-color: #ce132e;
}

.loading,
.loading .c-progress {
width: 8px;
height: 8px;
}

.in-tit .dec p {
display: inline;
font-size: 15px;
}

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

.section2 .swiper-container {
width: 70%;
background: none;
padding-top: 30px;
}

.section3 .section3-bot li {
border-bottom: 3px solid #dae0e7;
}

.section3 .section3-bot li:hover {
border-bottom: 3px solid #ce132e;
}

.section3 .section3-icon {
width: 100%;
text-align: center;
}

.section3 .section3-icon img {
display: initial;
width: 40px;
height: 40px;
}

.section3 .section3-font .dec {
text-align: center;
}

.section3 .section3-font .dec p {
display: block;
width: 100%;
text-align: left;
margin: 1%;
}

.section3 .section3-font .tit {
margin: 10px auto;
text-align: center;
}

.section3 .section3-bot li:hover .section3-font .tit,
.section3 .section3-bot li:hover .section3-font .dec {
color: #333333;
}

.section3 .section3-bot li:hover .section3-num {
opacity: 1;
}

.in-tit .tit span {
font-size: 32px;
}

.section4 .section4-bdec {
font-size: 18px;
padding-left: 20px;
margin-top: 20px;
margin-bottom: 35px;
}

.section4 .section4-line {
margin: 20px auto;
}

.section4 .section4-scroll li,
.section3 .section3-bot li {
border-right: 0px;
}

.section4 .section4-sdec span {
font-size: 30px;
}

.section4 .section4-sdec p {
font-size: 15px;
}

.section4 .section4-sdec em {
vertical-align: 5px;
font-size: 32px;
}

.footer .ftlogo-share {
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 10px;
}

.section5 .section5-top .section5-tab {
justify-content: center;
}

.footer .ftlogo {
margin: 0 auto;
}

.footer .ftlogo img {
max-width: 60px;
}

.footer .foot-rtlink,
.footer .foot-rtlink a {
text-align: center;
margin-bottom: 10px;
}

.section5 .section5-font .tit,
.section5 .section5-top .section5-tab a {
font-size: 18px;
}

.section5 .section5-top .in-tit,
.section5 .section5-top .section5-tab {
margin-bottom: 10px;
}

.section5 .section5-right .section5-font {
padding: 6% 0%;
}

.section3 .section3-num {
font-size: 70px;
bottom: -15px;
}

.nav-menu .nav-name {
line-height: 55px;
}

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

.product1 .product1-tit,
.about5 .about5-btswiper .time {
font-size: 22px;
}

.product1 li a {
padding: 12% 0;
}

.product1 .product1-left {
padding: 0 10%;
}

.product1 .product1-line::before {
width: 40px;
}

.nav-menu .nav-menu-ul a {
padding: 12px 30px;
}

.proinfo1 {
padding-top: 50px;
}

.proinfo1 .proinfo1-font,
.about1 .about1-entit {
margin-bottom: 30px;
}

.proinfo1 .proinfo1-tit,
.proinfo-tit {
font-size: 26px;
line-height: 1.5;
}

.proinfo-rdec {
font-size: 20px;
margin-bottom: 10px;
}

.proinfo-dec {
margin-top: 15px;
}

.loading.swiper-pagination-bullet-active,
.loading.swiper-pagination-bullet {
border-color: rgba(255, 255, 255, 0);
width: 8px;
height: 8px;
}

.proinfo4 .swiper-button-next,
.industry5 .swiper-button-next {
right: -10px;
}

.proinfo4 .swiper-button-prev,
.industry5 .swiper-button-prev {
left: -10px;
}

.proinfo4 .proinfo4-swiper .swiper-container {
padding-top: 25px;
padding-bottom: 35px;
}

.proinfo6 .proinfo6-right {
padding: 12% 8%;
}

.proinfo6 .proinfo6-decLi .left,
.industry5 .industry5-font .tit {
font-size: 16px;
}

.proinfo6 .entit {
font-size: 100px;
}

.proinfo7 table {
width: 800px;
}

.proinfo7 table td {
height: 45px;
padding: 12px 20px;
font-size: 16px;
}

.proinfo9 .proinfo9-icon {
width: 45px;
height: 45px;
}

.proinfo9 .proinfo9-font {
width: calc(100% - 45px);
}

.proinfo9 .proinfo9-ul li a {
height: 90px;
}

.proinfo9 .proinfo9-font .icon-yxiazai {
line-height: 90px;
}

.proinfo8 .proinfo8-Libox .li {
padding-top: 10px;
}

.proinfo8 .proinfo8-Libox {
margin-top: 0px;
}

.industry4 .industry4-ul li {
padding: 8%;
}

.in-tit .sdec p {
display: inline;
}

.about1 .about1-img2 {
width: 180px;
}

.about1 .about1-tit {
margin-top: 15px;
font-size: 20px;
line-height: 1.5;
}

.about1 {
padding-bottom: 80px;
}

.about3 .about3-tpft .tit,
.about3 .about3-font .tit,
.about5 .about5-font .tit,
.solution1 .solution1-tit, .solution2 .solution2-tit {
font-size: 20px;
}

.about5 .about5-font .tit {
margin: 5px 0;
}

.about3 .about3-img img {
height: 180px;
}

.about5 .about5-font .dec {
font-size: 14px;
}

.about5 .about5-tpswiper .swiper-slide {
padding: 20px;
}

.about6 .about6-tab li {
margin-right: 8%;
}

.swiper-container {
padding-right: 1px;
}

.about6 .about6-font {
margin-top: 25px;
padding-top: 20px;
}

.about6 .swiper-slide {
padding: 20px 0;
}

.about6 .about6-swiperLi,
.contact1 .contact1-right {
margin-top: 30px;
}

.about6 .swiper-container {
padding-bottom: 70px;
}

.about7 .swiper-container {
padding-bottom: 35px;
padding-top: 25px;
}

.about3 .about3-bot {
padding-top: 0px;
}

.new1 .new1-font .btime {
font-size: 34px;
}

.new1 .new1-font .stime {
font-size: 16px;
line-height: 20px;
}

.new1 .new1-font .line {
margin: 20px 0;
}

.new1 .new1-font {
padding: 10% 8%;
}

.new2 .new2-ul {
padding-bottom: 35px;
}

.newinfo1 .newinfo1-tit {
font-size: 24px;
line-height: 1.5;
padding-bottom: 20px;
}

.newinfo1 .newinfo1-tdec {
padding-top: 20px;
padding-bottom: 15px;
}

.newinfo1 .newinfo1-tdecLi,
.popcont .popcont-ul li {
padding: 5px 0;
}

.newinfo1 .newinfo1-dec p,
.popcont .popcont-format {
margin-top: 10px;
}

.ny-bread a,
.ny-bread span {
font-size: 14px;
}

.ny-bread .bread-hom,
.mproduct4 .mproduct4-more,
.mproinfo12 .mproinfo12-table table td,
.mproinfo12 .mproinfo12-rdec,
.mproinfo12 .mproinfo12-table table td:first-child {
font-size: 16px;
}

.contact1 .contact1-tit .tit {
font-size: 26px;
}

.contact3 .contact3-list {
padding: 30px 20px;
}

.insrecruit-list .insrecruit-list-tag,
.insrecruit-list .rectue-top {
padding: 10px 20px;
}

.insrecruit-list .rectue-top {
padding: 20px;
}

.insrecruit-list .insrecruit-list-tag {
display: none;
}

.popcont .popcont-tit {
font-size: 24px;
margin-bottom: 20px;
}

.popcont .popcont-ul li:last-child {
text-align: left;
}

.popcont .popcont-decBox,
.popcont .popcont-dec,
.mproduct1 .mproduct1-right,
.solution2 .solution2-ul li {
margin-top: 20px;
}

.popcont .popcont-send {
margin-bottom: 20px;
}

.popcont .popcont-dec .tit {
margin-bottom: 5px;
}

.popcont .popcont-ul {
padding: 15px 0;
}

.popcont .popcont-left,
.popcont .popcont-right,
.popcont .popcont-ewm {
padding: 10% 8%;
}

.popcont .ewm {
margin: 0 auto;
}

.popcont .ewm-font {
font-size: 16px;
text-align: center;
margin-top: 20px;
}

.popcont .popcont-dec .dec {
font-size: 15px;
}

.popcont .popcont-send .mailto {
font-size: 24px;
}

.popupBox .close {
top: 5%;
right: 8%;
}

.advantage1 .advantage1-mobile .advantage1-li {
margin-top: 50px;
}

#chartdiv {
height: 360px;
}

.about4-map {
margin-top: 0px;
}

.about4 {
padding-bottom: 16%;
}

.section2 .section2-btit {font-size: 50px;top: 50px;display: none;}

.product1 .product1-tit, .mproduct1 .mproduct1-tit {
font-size: 20px;
}

.mproduct1 .mproduct1-list,
.mproinfo10 .mproinfo10-font,
.mproinfo11 .mproinfo11-right,
.mproinfo12 .mproinfo12-rright,
.solution2 .solution2-ul li,
.solution2 .solution2-cont {
padding: 25px 20px;
}

.solution2 .solution2-ul li {
padding: 0px;
}

.mproduct1 .dec p,
.proinfo8 .proinfo8-list {
margin-top: 10px;
}

.mproduct1 .bdec, .mproinfo10 .mproinfo10-bdec, .mproinfo12 .mproinfo12-dec {
margin: 10px auto;
}

.mproduct2 .mproduct2-tit {
font-size: 18px;
}

.mproduct2 .mproduct2-tit::before, .mproduct2 .mproduct2-tit::after {
font-size: 54px;
}

.mmore {
width: 150px !important;
}

.mproduct3 .mproduct3-tab a {
padding-bottom: 10px;
margin-bottom: 5px;
margin-right: 5%;
}

.mproduct3 .product2-ul {
margin-top: 30px;
}

.product2 .product2-font .tit {
font-size: 20px;
}

.mproduct4 .mproduct4-left::before {
width: 180px;
height: 85px;
}

.mproduct4 .mproduct4-left .tit {
font-size: 22px;
}

.mproinfo2 .mproinfo2-ul li {
border-bottom: 0px;
}

.mproinfo2 .mproinfo2-ul li:last-child {
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.mproinfo2 .mproinfo2-img {
border-right: 0px;
margin: 10px auto;
}

.mproinfo1 {
padding: 30px 0;
padding-top: 15px;
}

.mproinfo12 .mproinfo12-table table td {
height: 45px;
}

.mproinfo12 .mproinfo12-line {
margin: 15px auto;
}

.mproinfo12 .mproinfo12-line::before {
width: 45px;
}

.mproinfo13 .mproinfo13-line::before {
width: 60px;
}

.mproinfo13 .swiper-button-prev {
left: 10px;
}

.mproinfo13 .swiper-button-next {
right: 10px;
}

.mproinfo13 .mproinfo13-area .dec {
padding: 0 8px;
}

.mbuy {/* width: 230px; */}

.solution2 .solution2-cont {
text-align: center;
}

.smore {
margin: 0 auto;
margin-top: 20px;
}

.solution2 .solution2-rline {
margin-top: 18px;
margin-bottom: 12px;
}
}

@media(max-width:320px) {
.banner .swiper-font .swiper-h2 h2,
.in-tit .tit,
.inner-tit .tit,
.about5 .about5-font .time {
font-size: 24px;
}

.in-tit .tit span {
font-size: 34px;
}
}


.menu-list > ul > li .head-subnav2 {
width: 999px;
max-width: 1000px;
}


.menu-list > ul > li .head-subnav2 .head-sublink {
width: 30.33%;
float: left;
margin: auto;
margin: 1.5%;
padding: 0;
}

.mb {
}

.mb img {
max-width: 100%;
}

.mb p {
line-height: 35px;
}

.solution2-img {
}

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

.solution2 .solution2-top {
padding: 20px;
margin-bottom: 0;
}


.solutioninfo {
}

.solutioninfo .s1 {
text-indent: 0em;
margin-bottom: 30px;
}

.newinfo1 .solutioninfo img {
margin: 15px auto;
}

.newinfo1 .solutioninfo h5 {
color: #333333;
font-size: 28px;
line-height: 36px;
margin-bottom: 10px;
}

.newinfo1 .solutioninfo p {
margin-top: 0;
}

.sl-mc {
position: absolute;
width: 100%;
height: 100%;
left: 0;
background-color: rgb(0 0 0 / 46%);
z-index: 1;
}

.sl-banenr {
width: 100%;
}

.sl-banenr h1 {
color: white;
font-size: 48px;
}

.sl-banenr p {
color: white;
/* margin-top: 20px; */
font-size: 18px;
line-height: 26px;
}

.fangan {
}

.fangan1 {
}

.fangan-head {
text-align: center;
margin-bottom: 5%;
}

.fangan-head h2 {
font-size: 32px;
line-height: 36px;
}

.fangan1-cont {
}

.fangan1-cont ul {
}

.fangan1-cont ul li {
width: 40%;
float: left;
margin: 0 5% 3%;
height: 180px;
}

.fangan1-cont ul li h5 {
font-size: 28px;
color: rgb(192, 0, 0);
margin-bottom: 15px;
font-weight: bold;
}

.fangan1-cont ul li p {
font-size: 18px;
color: #333;
line-height: 1.75;
/* height: 63px; */
overflow: hidden;
}

.fangan1-cont1 {
margin-top: 5%;
}

.fangan1-cont1 .qdimg {
}

.fangan1-cont1 ul {
}

.fangan1-cont1 ul li {
width: 19%;
float: left;
margin-right: 1.25%;
margin-top: 15px;
border: 5px solid rgb(160 160 160 / 39%);
}

.fangan1-cont1 ul li:hover, .fangan1-cont1 ul li.on {
background-color: #df1b24;
}

.fangan1-cont1 ul li img {
width: 100%;
}




.fangan1-cont1 ul li:nth-child(5n) {
margin-right: 0;
}

.newinfo1-right2 {
}

.fangan-lb-ms {
padding: 10% 20px;
color: white;
}

.fangan-lb-ms h5 {
font-size: 24px;
margin-bottom: 15px;
}

.fangan-lb-ms p {
font-size: 16px;
line-height: 28px;
}

.newinfo1-right2 .swiper-button-next,
.newinfo1-right2 .swiper-button-prev {
width: 32px;
height: 32px;
display: none;
}

.newinfo1-right2 .swiper-pagination {
bottom: 20px;
}


.newinfo1-right2 .swiper-pagination-bullet {
width: 10px;
background-color: rgb(255 255 255 / 75%);
height: 10px;
border-radius: 50%;
}


.newinfo1-right2 .swiper-pagination-bullet-active {
background-color: white;
}


.sl-banenr em {
display: block;
width: 100%;
height: 1px;
background-color: white;
margin: 2.5% 0px;
}

@media(max-width:767px) {

.sl-banenr h1 {
font-size: 24px;
}

.sl-banenr p {
font-size: 14px;
line-height: 24px;
}

.fangan-head h2 {
font-size: 26px;
}

.fangan1-cont ul li h5 {
font-size: 17px;
margin-bottom: 10px;
line-height: 22px;
}

.fangan1-cont ul li {
width: 100%;
margin: 0 0% 20px;
height: auto;
text-align: left;
}

.fangan-head {
margin-bottom: 30px;
}

.fangan1-cont ul li p {
font-size: 15px;
line-height: 22px;
}

.fangan1-cont1 ul li {
width: 32.3333%;
margin-right: 1.5%;
border: 2px solid rgb(160 160 160 / 39%);
}

.fangan1-cont1 ul li:nth-child(5n) {
margin-right: 1.5%;
}

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

.newinfo1 .solutioninfo h5 {
font-size: 20px;
}

.newinfo1 .newinfo1-right2 {
display: block;
}
}


.mproduct1 { /* display: none; */
}


.index-pro {
}

.index-pro li {
width: 30.33%;
position: relative;
float: left;
margin-right: 4.5%;
/* margin-bottom: 3%; */
box-shadow: 0 0 10px 3px rgb(0 0 0 / 21%);
}

.lb1 div.spic {
width: 100%;
position: relative;
float: left;
margin-right: 4.5%; /* margin-bottom: 3%; */
box-shadow: 0 0 10px 3px rgb(0 0 0 / 21%);
border: 1px solid rgb(158 158 158 / 19%);
}

.lb1 div.spic .sypro {
position: relative;
}

.lb1 div.spic .fd {
position: absolute;
left: 0;
bottom: -2px;
}


.lb1 .swiper-pagination {
margin-top: 30px;
position: relative;
}

.index-pro li .sypro {
position: relative;
}

.index-pro li .fd {
position: absolute;
left: 0;
bottom: -2px;
}

.index-pro li:hover h5 {
color: #ce132e;
}

.index-pro li:nth-child(3) {
margin-right: 0%;
margin-left: 0%;
}

.index-pro .bg {
width: 100%;
}

.index-pro-des {
position: absolute;
bottom: 0px;
width: 100%;
left: 0;
padding: 30px 25px;
text-align: left;
background: white;
position: static;
}

.index-pro-des h5 {
color: #333333;
font-size: 24px;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

.index-pro-des p {
color: #666666;
font-size: 16px;
line-height: 1.5;
min-height: 72px;
}

.prolist-cat {
margin-top: 40px;
}

.prolist-cat a {
background-color: white;
padding: 8px 18px;
margin: 0 10px;
border-radius: 4px;
}

.prolist-cat a.on, .prolist-cat a:hover {
background-color: #ce132e;
}

.prolist-cat a.on h5, .prolist-cat a:hover h5 {
color: white;
}

.prolist-cat a h5 {
font-size: 17px;
}

.xfz {
}

.pub-banner .xfz h3 {
color: white;
}

.xfz h5 {
font-size: 30rem;
font-weight: bold;
line-height: 2;
color: white;
}

.xfz p {
font-size: 20rem; /* font-weight: bold; */
color: white;
}

@media(max-width:1459px) {
.index-pro-des h5 {font-size: 20px;height: 46px;line-height: 1.2;}

.index-pro-des {
padding: 25px 20px;
}

.index-pro-des p {
font-size: 15px;
}
}

@media(max-width:767px) {

.index-pro li {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px;
}

.index-pro-des h5 {height: 46px;line-height: 1.2;margin-bottom: 10px;}

.index-pro-des {
position: static;
}

.prolist-cat {
display: block;
}

.prolist-cat a {
width: 47%;
margin: 1%;
align-items: initial;
display: inline-block;
margin-bottom: 8px;
}
}


.procat-des {
position: relative;
}

.procat-left {
width: 55%;
margin-right: 45%;
padding-right: 5%;
min-height: 300px;
}

.procat-left-head {
margin-bottom: 30px;
}

.procat-left-head h5 {
font-size: 32px;
font-weight: bold;
}

.procat-left-head em {
width: 50px;
display: block;
height: 3px;
background-color: #ce132e;
margin-top: 20px;
}

.procat-left-ms {
}

.procat-left-ms .ms {
margin-bottom: 20px;
}

.procat-left-ms .ms h5 {
font-size: 18px;
font-weight: bold;
color: #666666;
margin-bottom: 10px;
}

.procat-left-ms .ms p {
font-size: 16px;
line-height: 24px;
margin: auto;
margin-bottom: 5px;
}

.procat-left-ms p {
font-size: 17px;
line-height: 1.5;
color: #666666;
margin-top: 15px;
}

.procat-des-right {
width: 45%;
position: absolute;
right: 0;
top: 0;
height: 100%;
}

.procat-des-right img {
max-width: 100%;
max-height: 100%;
}

.swiper-pagination-pro {
position: static;
margin-top: 30px;
}

@media(max-width:1459px) {
.procat-left-head h5 {
font-size: 28px;
}

.procat-left-head em {
margin-top: 15px;
}

.procat-left-head {
margin-bottom: 25px;
}

.procat-left-ms p {
font-size: 16px;
margin-top: 15px;
}

.industry3 .industry3-dec {
height: 240px;
}
}


@media(max-width:767px) {
.industry3 .industry3-tit {
background: url(/pc/images/b1.png) no-repeat 0 -1px;
background-size: 23px;
padding-left: 28px;
}

.procat-left {
width: 100%;
margin: auto;
min-height: auto;
padding: 0;
}

.procat-des-right {
width: 100%;
position: static;
height: auto;
margin-top: 30px;
}

.procat-left-head h5 {
font-size: 24px;
}

.procat-left-head em {
width: 30px;
margin-top: 12px;
}

.procat-left-ms p {
font-size: 15px;
line-height: 24px;
margin-top: 10px;
}

.procat-left-ms .ms p {
font-size: 15px;
line-height: 22px;
}
}

.casect1 {
background-color: white;
}

.casect1 .industry3-list {
}

.casect1 .industry3-list:nth-child(even) {
}




.casect2 {
}

.casect1 h3, .casect2 h3 {
}

.bshare-custom2 {
position: relative;
}

.xstp {
position: absolute;
bottom: 150%;
max-width: 200px;
left: 10%;
display: none;
}

.xstp.on {
display: block;
}


.service2 {
}

.s2-left {
width: 45%;
margin-right: 5%;
background: url(/pc/images/dbt2.png) no-repeat 0 0;
background-color: #28292d;
padding: 5% 0;
width: 100%;
margin: auto;
}

.s2-left-cont {
width: 45%;
}

.s2-right {
width: 100%;
}

.s2-right .rwm {
margin: 30px 0;
}

.s2-right .rwm label {
width: 60%;
font-size: 16px;
line-height: 24px;
color: #ce132e;
font-weight: bold;
}

.s2-right .rwm img {
width: 15%;
}

.s2-left h5 {
font-size: 20px;
font-weight: bold;
color: white;
margin-bottom: 22px;
}

.s2-left p {
font-size: 17px;
line-height: 26px;
margin-top: 8px;
color: white;
}

.s2-left .rwm {
width: 60%;
margin-top: 5%;
}

.s2-left .rwm p {
width: 50%;
text-align: center;
}

.s2-left .rwm img {
display: block;
margin: auto;
}

.s2-left .rwm span {
font-size: 15px;
text-align: center;
display: block;
margin-top: 10px;
}

.s2-right-ms {
margin-bottom: 30px;
border-bottom: 1px solid #9e9e9e8a;
padding-bottom: 30px;
}

.s2-right-ms h5 {
font-size: 24px;
font-weight: bold;
color: #333333;
margin-bottom: 15px;
}

.s2-right-ms p {
font-size: 18px;
line-height: 28px;
margin-top: 8px;
color: #666666;
}

.s2-right-ms2 {
margin-bottom: 30px;
width: 50%;
margin-left: 5%;
}

.s2-right-msqs {
width: 100%;
margin: auto;
}

.s2-right-ms2 h5 {
}

.s2-right-ms2 h5 {
font-size: 17px;
font-weight: inherit;
color: white;
margin-bottom: 20px;
}

.s2-right-msqs h5 {
}

.s2-right-ms2 p {
line-height: 26px;
margin-top: 8px;
font-size: 16px;
color: white;
width: 48%;
float: left;
margin-right: 2%;
margin-bottom: 15px;
height: 100px;
background-color: rgb(158 158 158 / 8%);
padding: 20px;
border-radius: 8px;
}


.s2-right-msqs p{
    color: black;
}

.s2-right-ms2 p:nth-child(even) {
margin-left: 2%;
margin-right: 0;
}

.s2-right-ms2 p span {
font-weight: bold;
color: #ce132e;
margin-bottom: 10px;
font-size: 18px;
font-family: "Bebas";
font-size: 36px;
margin-right: 10px;
}

.s2-right-ms3 { /* border-bottom: 1px solid #9e9e9e8a; */ /* padding-bottom: 30px; */
}

.s2-right-ms3 h5 {
font-size: 24px;
font-weight: bold;
color: #333333;
margin-bottom: 15px;
text-align: center;
}

.s2-right-ms3 p {
line-height: 24px;
margin-top: 8px;
font-size: 15px;
color: #666666;
width: 23%;
float: left;
margin-bottom: 15px;
background-color: rgb(158 158 158 / 8%);
padding: 20px;
border-radius: 4px;
margin-right: 2%;
height: 300px;
text-align: center;
}

.s2-right-ms3 p:last-child {
margin-left: 2%;
margin-right: 0;
}

.s2-right-ms3 p span {
/* font-weight: bold; */
color: #ce132e;
display: block;
margin-bottom: 10px;
font-size: 22px;
font-family: "Bebas";
line-height: 32px;
}

.s2-right-ms3 p em {
display: block;
height: 2px;
width: 32px;
background-color: #ce132e;
margin: auto;
margin-bottom: 15px;
margin-top: 10px;
}

@media(max-width: 1259px) {

.s2-right-ms2 h5, .s2-left h5, .s2-right-ms3 h5 {
font-size: 20px;
}

.s2-right-ms2 h5 {
font-size: 16px;
}

.s2-left p {
font-size: 15px;
line-height: 24px;
}

.s2-right-ms2 p span {
font-size: 28px;
}

.s2-right-ms3 p {
font-size: 14px;
}

.s2-right-ms3 p span {
font-size: 20px;
}
}

@media(max-width:767px) {

.service1 .service1-ul li:nth-child(2n), .industry4 .industry4-ul li:nth-child(3n) {
}

.s2-left {
width: 100%;
padding: 25px 15px;
margin: auto;
}

.s2-left > div {
display: block;
}

.s2-left-cont, .s2-right-ms2 {
width: 100%;
}

.s2-right-ms2 {
margin: auto;
width: 100%;
}

.s2-left-cont {
margin-bottom: 40px;
}

.service2 > div {
display: block;
}

.s2-right {
width: 100%;
margin-top: 30px;
}

.s2-right-ms2 h5, .s2-left h5, .s2-right-ms3 h5 {
font-size: 20px;
}

.s2-left h5, .s2-right-ms3 h5 {
text-align: center;
}

.s2-left h5 {
text-align: left;
font-size: 16px;
}

.s2-left .rwm {
width: 100%;
}

.s2-right .rwm img {
width: 35%;
}

.s2-right .rwm label {
width: 50%;
font-size: 14px;
line-height: 22px;
}

.s2-right-ms2 p {
width: 100%;
margin: auto;
float: none;
margin-bottom: 15px;
height: auto;
font-size: 15px;
}

.s2-right-ms2 p:nth-child(even) {
margin: auto;
margin-bottom: 15px;
}

.s2-right-ms2 p span {
font-size: 26px;
}

.s2-right-ms2-d {
display: block;
margin-top: 20px;
}

.s2-right-ms3 p, .s2-right-ms3 p:last-child {
width: 100%;
margin: auto;
height: 200px;
margin-bottom: 20px;
}
}


.hzhb {
}

.hzhb img {
width: 100%;
}


.job1 {
position: relative;
}

.job1 .left {
width: 50%;
}

.job1 .left img {
}

.job1 .right {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
background-color: hsl(0deg 0% 62% / 5%);
padding: 5% 6%; /* background-color: white; */
}

.job1 .right h5 {
font-size: 22px;
color: #666666;
margin-bottom: 15px;
}

.job1 .right p {
color: #666666;
font-size: 18px;
line-height: 32px;
margin-bottom: 8px;
}

.job4 {
}

.job4 .left {
width: 50%;
padding-right: 5%;
}

.job4 .right {
width: 50%;
}

.job4-cont {
margin: 35px 0px 30px;
}

.job4-cont p {
margin-bottom: 10px;
color: #666666;
}

.job4-cont img {
display: inline-block;
margin-right: 10px;
}

.job4-cont2 {
border-top: 1px solid rgb(160 160 160 / 56%);
}

.job4-cont2 p {
margin-top: 10px;
color: rgb(193 26 46);
font-weight: bold;
}

.job4-cont2 .lxr {
}

.job4-cont2 .yx a {
color: #ce132e;
}

@media screen and (max-width: 767px) {

.insrecruit-list span.addr {
display: inline-block;
background-color: rgb(193 26 46);
color: white;
font-size: 15px;
border-radius: 15px;
padding: 3px 10px;
}

.insrecruit-list .rectue-top span.name {
width: 100%;
padding: 0;
white-space: inherit;
font-size: 15px;
line-height: 24px;
margin-bottom: 30px;
display: block;
}

.job1 .left {
width: 100%;
}

.job1 .right {
width: 100%;
position: static;
height: auto;
padding: 30px 20px;
}

.job1 .right p {
font-size: 16px;
line-height: 32px;
}

.job4 {
display: block;
}

.job4 .left {
margin: auto;
width: 100%;
}

.job4 .right {
width: 100%;
margin-top: 30px;
}

.job4-cont p {
font-size: 15px;
}

.job4 .in_tit2 {
text-align: center;
}

.job4-cont img {
width: 18px;
}

.job4-cont {
margin: 25px 0px 20px;
}
}


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

.job-xq {
}

.job-xq-cont {
background-color: rgba(251,251,251,1);
padding: 30px;
}

.xq-cont-left {
float: left;
}

.xq-cont-left h5 {
font-size: 26px;
font-weight: bolder;
line-height: 26px;
margin-bottom: 10px;
}

.xq-cont-left p {
color: #f44336;
font-size: 16px;
}

.xq-cont-right {
float: right;
}

.xq-cont-right button {
background-color: #c11a2e;
border-style: solid;
border-color: #c11a2e;
color: white;
padding: 5px 25px;
border-radius: 6px;
}

.job-xq-con2 {
background-color: white;
padding: 30px;
border-bottom: 1px solid rgb(158 158 158 / 28%);
}

.job-xq-con2 table {
width: 100%;
}

.job-xq-con2 table tr {
background-color: rgba(0,0,0,0.02);
}

.job-xq-con2 table tr:nth-child(even) {
background-color: rgba(0,0,0,0.04);
}

.job-xq-con2 table td {
padding: 15px;
}

.job-xq-cont3, .job-xq-cont4 {
background-color: white;
padding: 30px;
border-bottom: 1px solid rgb(158 158 158 / 28%);
}


.job-xq-cont3 h5 {
font-size: 20px;
margin-bottom: 20px;
}

.job-xq-cont3 p, .job-xq-cont4 p {
font-size: 15px;
color: #666666;
line-height: 27px;
}

.rhlc-table {
}

.rhlc-table table {
width: 100%;
}

.rhlc-table table tr {
margin-bottom: 10px;
border-bottom: 1px solid rgb(158 158 158 / 21%);
background-color: #f7f8f9;
}

.rhlc-table table tr:last-child {
border: none;
}

.rhlc-table table tr:nth-child(odd) {
}

.rhlc-table table td {
/* border: 1px solid rgb(158 158 158 / 0%); */
padding: 15px;
text-align: left;
}


.rhlc-table table td .scimg {
max-width: 42px;
}

.rhlc-table table td p {
font-size: 16px;
line-height: 26px;
}

.rhlc-table table td:nth-child(1), .rhlc-table table td:nth-child(2) {
text-align: center;
}

.rhlc-table table td:nth-child(1) h5, .rhlc-table table td:nth-child(2) h5 {
background-color: #ce132e;
font-size: 20px;
color: white;
text-align: center;
padding: 5px 20px;
border-radius: 20px;
display: inline-block;
min-width: 50%;
}

.rhlc-table table td:nth-child(1) span {
font-size: 12px;
display: block;
}

.rhlc-table .cs {
border-bottom: none;
background-color: #ce132e;
font-size: 20px;
color: white;
text-align: center;
padding: 5px 20px;
/*width: 12%;*/
}

.rhlc-table .cs h3 {
font-size: 24px;
}



@media screen and (max-width: 767px) {
.rhlc-table{
    overflow-x: auto;
}
.rhlc-table table {/* display: none; */width: 850px;}


.rhlc-table table td:nth-child(1) h5, .rhlc-table table td:nth-child(2) h5 {
font-size: 15px;
padding: 5px 10px;
width: 100%;
border-radius: 12px;
}

.rhlc-table table td:nth-child(2) {
display: none;
}




.rhlc-table table td .scimg {
width: 24px;
}


.rhlc-table table td p {
font-size: 14px;
}


.rhlc-table table td {
padding: 5px;
}

.rhlc-table .dy td:nth-child(2) {
display: block;
}

.rhlc-table .dy td:nth-child(3) {
display: none;
}

.rhlc-table .cs {
padding: 5px;
}

.rhlc-table .cs h3 {
font-size: 18px;
}
}

.div-table2 {
}

.pro-yy {
margin-top: 50px;
}

.pro-yy img {
}

.div-table2 table {
width: 100%;
}

.div-table2 table thead tr {
}

.div-table2 table thead td {
border: 1px solid #cf4d5c;
background-color: #cf4d5c;
font-size: 20px;
text-align: center;
color: white;
padding: 10px;
}

.div-table2 table tbody tr {
}

.div-table2 table tbody td {
border: 1px solid #f7f7f7;
background-color: #f7f7f7;
font-size: 17px;
text-align: center;
color: black;
padding: 10px;
border-bottom: 1px solid #b0b0b03d;
}

.div-table2 table tbody td:nth-child(odd) {
border-right: 1px solid rgb(51 51 51 / 36%);
}

.div-table2 table thead td:nth-child(odd) {
border-right: 1px solid rgb(51 51 51 / 36%);
}

.pc-img {
}

.web-img {
display: none;
}

.in-tit2 {
}

.hyyy-cat {
text-align: center;
margin: 20px 0;
}

.hyyy-cat li {
display: inline-block;
}

.hyyy-cat li a {display: block;border: 1px solid rgb(158 158 158 / 66%);padding: 5px 10px;margin: 0 10px;font-size: 16px;color: #9e9e9e;height: 60px;font-size: 15px;line-height: 22px;border-radius: 8px;}

.hyyy-cat li.on {
}

.hyyy-cat li.on a, .hyyy-cat li:hover a {
background-color: rgb(206 19 46);
color: white;
border-color: rgb(206 19 46);
}

.jlsh {
margin-bottom: 2.5%;
}

.topanniu {
width: 10%;
min-width: 160px;
}

.topanniu a {
background-color: rgb(206 19 46);
font-size: 15px;
color: white;
padding: 8px 12px;
border-radius: 4px;
}

@media screen and (max-width: 970px) {
.pc-img {
display: none;
}

.web-img {
display: block;
}

.topanniu {
display: none;
}
}


.lkpc { /* display: block; */
}

.lksj {
display: none;
}

.lb2 .section3-botli {
margin-top: 30px;
}

@media screen and (max-width: 970px) {


.section2 .section2-font {
padding-top: 0px;
/* position: absolute; */
width: 100%;
bottom: 0%;
}

.section2 .section2-img {margin-bottom: 100px;min-height: 200px;}

.lkpc {
display: none;
}

.lksj {
display: block;
}

.index-more2 {width: 150px;}

.szbh {
text-align: center;
}

.szbh li {
width: 50% !Important;
padding: 10px !important;
margin-top: 20px !important;
}

.hyyy-cat li {margin-bottom: 15px;width: 50%;float: left;}

.service1-ul3 .service1-font .tit {
font-size: 18px;
}

.service1-ul3 .service1-font .dec {
}

.service1-ul3 .service1-font {
padding: 6% 8%;
}

.lb3 .dsk {
width: 100%;
background-color: #ffffff;
border-bottom: 5px solid #e9e9e9;
position: relative;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
background-color: rgb(226 231 233 / 39%);
margin-top: 30px;
}

.lb3 .swiper-pagination {
position: initial;
margin-top: 20px;
}

.lb3 .service1-font {
padding: 8% 6%;
}

.lb3 .service1-font .tit {
font-size: 18px;
}

.lb3 .service1-font .dec {
font-size: 14px;
}
}


@media screen and (max-width: 980px) {
.about1 .about1-dec{
    font-size: 15px;
    margin-right: 0;
    height: auto;
    padding-right: 0;
}
.industry3 .industry3-dec {
height: auto;
}

.industry3 .industry3-right.on, .industry3 .industry3-left.on {
width: 100%;
}

.industry3 .industry3-left.on {
margin-bottom: 30px;
}

.industry3 .industry3-right {
padding: 0;
}


.section2 .swiper-slide{
    /* background: none!Important; */
}
}


.contact2-map{
    position: relative;

}
.contact2-map iframe{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}

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