img {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
border: 0;
}

a {
color: #333;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s;
transition: all .2s;
}

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

.w1800 {
width: 100%;
max-width: 1800px;
margin: 0 auto;
}

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

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

.swiper-pagination-bullet {
width: 12px;
height: 8px;
background-color: rgb(219, 219, 219);
border-radius: 5px;
opacity: 1;
}

.swiper-pagination-bullet-active {
width: 30px;
background-color: #e50011;
}

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

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

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

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

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

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

.headfixed > div {
align-items: center;
position: relative;
padding:0 7.5%;
}

.headfixed .logo {
overflow: hidden;
}
#cat336{background:#fafafa;margin-top:80px;padding-bottom:50px;}
.headfixed .logo a {
align-items: center;
}

.headfixed .logo-img {
position: relative;
}

.headfixed .logo-font {
padding-left: 6px;
}

.headfixed .logo-font h5 {
font-size: 16px;
line-height: 30px;
letter-spacing: 2px;
color: #333333;
}

.headfixed .logo-font h4 {
font-size: 20px;
letter-spacing: 1px;
color: #333333;
}

.headfixed .logo-font h4 span {
font-family: "ArialMT";
font-size: 24px;
letter-spacing: 2px;
color: #ed1c22;
padding-right: 2px;
}

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

.headfixed .menu-list > ul {
width: calc(100% - 110px);
padding-right: 4%;
}

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

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

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

.headfixed .mobile-nav-box ul li {
width: 100%;
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: 110px;
text-align: center;
align-items: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.btn-search {
width: 21px;
height: 21px;
}

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

.headfixed.headerbgm .header-button {
background: url(../images/in-ssicon.png) no-repeat center center;
}
.headfixed .header-button.open{
    background: url(../images/in-gbicon.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%;
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: #e60013;
font-size: 14px;
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 #e50011;
border: none;
cursor: pointer;
z-index: 11;
}

/* lanuage */
.language {
position: relative;
width: 60px;
height: 40px;
text-align: center;
line-height: 40px;
border-radius: 50%;
background-color: #e50011;
}

.language-text {
font-family: "ArialMT";
font-size: 18px;
width: 100%;
color: #ffffff;
display: block;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

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

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

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

.language-list a:hover {
color: #C81624
}


.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: 0 10px;
line-height: 24px;
color: #333;
}

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

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

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

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

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

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

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

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

.menu-list .head-item-ul {
flex-wrap: wrap;
position: relative;
}

.menu-list .head-item-li {
width: 50%;
color: #333;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: block;
font-size: 16px;
line-height: 32px;
margin: 8px 0px;
color: #666666;
position: relative;
padding-left: 18px;
}

.menu-list .head-item-li::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 9px;
height: 9px;
border: solid 1px #c5c5c5;
border-radius: 50%;
}

.menu-list .head-item-li:hover {
color: #e50011;
}

.menu-list .head-item-li:hover::before {
border: solid 1px #e50011;
}

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

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

.menu-list .head-item-font {
width: 37.6%;
position: relative;
margin-right: 8.5%;
}

.menu-list .head-item-font .tit {
font-size: 0.24rem;
padding-bottom: 15px;
margin-bottom: 5px;
color: #e50011;
border-bottom: 1px solid #eaeaea;
}

.menu-list .head-item-img {
width: 51.53%;
position: relative;
overflow: hidden;
}

.menu-list .head-item-img img {
width: 100%;
}
/* banner */
.mainer {
position: relative;
}

.mainer .banner {
position: relative;
margin-top:100px;
}

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

.mainer .banner .swiper-pagination-bullet-active{
    background-color: #e50011;
}

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

.mainer .pcimg {
display: block;
}

.mainer .phoneimg {
display: none;
}

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

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

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

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

.banner .swiper-font .swiper-en {
font-family: "Gilroy-UltraLight";
font-size: 0.72rem;
line-height: 1.3;
font-weight: lighter;
color: #999999;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 0.56rem;
line-height: 1.2;
font-weight: 700;
color: #333333;
}

.banner .swiper-font .swiper-h2 h2 img {
display: inline-block;
}

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

.banner .swiper-font .swiper-h3 {
margin-top: 15px;
}

.banner .swiper-font .swiper-h3 h3 {
font-family: "SourceHanSansSC";
font-size: 36px;
color: #fff;
margin-top: 20px;
}

.banner .swiper-font .swiper-p {
font-size: 0.36rem;
line-height: 1.3;
font-weight: lighter;
color: #333333;
margin: 15px 0px;
}

.banner .swiper-font .swiper-p p {
font-size: 18px;
line-height: 30px;
display: inline-block;
color: #fff;
position: relative;
margin-right: 25px;
}

.banner .swiper-font .swiper-p p img {
width: auto;
display: inline-block;
vertical-align: middle;
width: 28px;
height: 25px;
margin-right: 13px;
}

.banner .swiper-font .swiper-p p:last-child {
margin-right: 0px;
}

.banner .swiper-font .swiper-p p::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
width: 22px;
height: 22px;
background: url(../images/in-dgicon.png) no-repeat center center;
background-size: 100%;
display: none;
}

.more {
width: 110px;
overflow: hidden;
display: block;
line-height: 32px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
position: relative;
z-index: 3;
}

.more::before {
content: "";
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width: 30%;
height: 100%;
background-color: #e50011;
border-radius: 25px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.more em {
width: 32px;
background-color: #e50011;
border-radius: 50%;
text-align: center;
font-size: 18px;
color: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
position: relative;
z-index: 3;
}

.more span {
font-size: 14px;
color: #666;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 3;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

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

.more:hover span {
color: #fff;
}

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

.banner .swiper-slide-active .swiper-font .swiper-en {
-webkit-animation: fadeInLeft 2.0s;
animation: fadeInLeft 2.0s;
}

.banner .swiper-slide-active .swiper-font .swiper-h2 h2 {
-webkit-animation: fadeInLeft 2.4s;
animation: fadeInLeft 2.4s;
}

.banner .swiper-slide-active .swiper-font .swiper-p {
-webkit-animation: fadeInLeft 2.2s;
animation: fadeInLeft 2.2s;
}

.banner .swiper-slide-active .swiper-font .more {
-webkit-animation: fadeInDown 2.6s;
animation: fadeInDown 2.6s;
}

.banner .swiper-slide-active .swiper-bimg1 img {
-webkit-animation: fadeInUp 2.5s;
animation: fadeInUp 2.5s;
}

.banner .swiper-slide-active .swiper-bimg2 img {
-webkit-animation: fadeInUp 3.5s;
animation: fadeInUp 3.5s;
}

.banner .swiper-slide-active .swiper-ft1 {
-webkit-animation: fadeInLeft 4.5s;
animation: fadeInLeft 4.5s;
}

.banner .swiper-slide-active .swiper-ft2 {
-webkit-animation: fadeInLeft 4.5s;
animation: fadeInLeft 4.5s;
}

.banner-img .swiper-button-prev,
.banner-img .swiper-button-next {
display: none;
}

.banner .swiper-right {
float: right;
position: relative;
}

.banner .swiper-bimg,
.banner .swiper-ft {
position: absolute;
}

.banner .swiper-bimg1 {
top: -7.5%;
right: 42%;
}

.banner .swiper-bimg1 img {
max-width: 245px;
max-height: 265px;
}

.banner .swiper-bimg2 {
top: -3%;
right: 13.5%;
}

.banner .swiper-bimg img {
position: relative;
z-index: 5;
}

.banner .swiper-bimg2 img {
max-width: 356px;
max-height: 375px;
}

.banner .swiper-ft {
padding: 20px;
}

.banner .swiper-ft h4 {
font-size: 24px;
line-height: 1.3;
color: #666666;
font-weight: lighter;
margin-bottom: 12px;
}

.banner .swiper-ft .dec {
font-size: 16px;
color: #666666;
position: relative;
}

.banner .swiper-ft .dec::before {
content: "";
position: absolute;
width: 10px;
height: 10px;
background-color: #e50011;
border-radius: 50%;
bottom: -20px;
left: -20px;
z-index: 2;
}

.banner .swiper-ft .dec::after {
content: "";
position: absolute;
bottom: -16px;
left: -20px;
width: 130%;
height: 2px;
background-color: #fff;
z-index: 1;
}

.banner .swiper-ft1 {
top: -75px;
right: -260px;
}

.banner .swiper-ft2 {
top: -90px;
right: -225px;
}

.swiper-button-prev,
.swiper-button-next {
width: 60px;
height: 60px;
border: solid 1px #bfbfbf;
border-radius: 50%;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
border: solid 1px #e50011;
}

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


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

.section {
padding-top: 70px;
}

.in-tit {
text-align: center;
width:750px;
}

.in-tit h3 {
font-size: 0.48rem;
color: #333333;
line-height: 1.333;
position: relative;
}

.in-tit a.in-more{display:inline-block;border:solid 2px #fff;border-radius:1000px;color:#fff;padding:10px 50px;margin-top:40px;transition:all .3s;}
.in-tit a.in-more:hover{background:#fff;color:#e50011;padding:10px 60px;}

.in-tit p{font-size:15px;color:#fff;margin:10px 0;line-height:28px;}

.in-tit h3 span {
color: #e50011;
}

.in-tit .dec {
font-size: 18px;
line-height: 36px;
color: #666666;
}

.in-tit .dec span {
font-family: "ArialMT";
color: #ed1c22;
}

.section1::before {
content: "";
position: absolute;
width: 918px;
height: 231px;
top: 40%;
left: 55%;
transform: translate(-55%,-40%);
background: url(../images/in-bgm1.png) no-repeat center center;
background-size: cover;
z-index: -1;
}

.section1::after {
content: "";
position: absolute;
width: 1450px;
height: 160px;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
background: url(../images/in-bgm2.png) no-repeat center center;
background-size: 100%;
z-index: -1;
}

.section1 .in-tit {
text-align: left;
width: 30%;
}

.section1 .section1-top {
align-items: center;
margin-bottom:40px;
}

.section1 .section1-right {
width: 70%;
position: relative;
flex-wrap: wrap;
}

.section1 .section1-right li {
position: relative;
margin-right: 4%;
}

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

.section1 .section1-right li::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 0%;
height: 12px;
background-color: #e50011;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section1 .section1-right li:hover::before,
.section1 .section1-right li.active::before {
width: 100%;
}

.section1 .section1-right a {
font-size: 22px;
line-height: 1.3;
color: #333333;
position: relative;
z-index: 3;
}

.section1 .section1-font {
text-align: center;
}

.section1 .section1-font .tit {
font-family: "ArialMT";
font-size: 0.30rem;
line-height: 1.3;
color: #333333;
}

.section1 .section1-font .dec {
font-size: 16px;
color: #666666;
margin-top: 10px;
margin-bottom: 25px;
}

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

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

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

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

.section1 .more {
margin: 0 auto;
opacity: 0;
}

.section1 .swiper-slide:hover .more {
opacity: 1;
}

.section1 .section1-item {
position: relative;
/* display: none; */
}

.section1 .swiper-container {
width: 92.5%;
margin: 0 auto;
padding-top: 3%;
padding-bottom: 5%;
}

.section1 .section1-img {
width: 100%;
height: 300px;
position: relative;
margin-bottom: 12px;
}

.section1 .swiper-slide {
align-items: flex-start;
margin-top: 10%;
}

.section1 .swiper-slide {
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin-top: 10%;
}

.section1 .swiper-slide-active {
margin-top: 0px;
}

.section2 {
height: 800px;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.section2::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 1270px;
height: 100%;
background: url(../images/in-bgm4.png) no-repeat center center;
background-size: cover;
z-index: 1;
}

.section2 .in-tit,
.section3 .in-tit {
text-align: left;
}

.section2 .in-tit h3 {
color: #fff;
position: relative;
z-index: 3;
margin-bottom:40px;
}

.section2 .section2-dec {
font-size: 22px;
color: #ffffff;
position: relative;
font-family: "ArialMT";
font-weight: lighter;
z-index: 3;
margin-top: 2%;
margin-bottom: 2%;
}

.section2 .section2-dec p{font-weight:700;}

.section2 .section2-dec sup {
font-size: 12px;
}

.section2 .section2-dec1 {
margin-top: 1%;
font-size: 18px;
font-weight: normal;
}

.section2 .section2-btn {
position: relative;
z-index: 3;
flex-wrap: wrap;
}

.section2 .section2-btn::before {
content: "";
position: absolute;
top: -20px;
left: 0px;
width: 50%;
height: 1px;
background: url(../images/in-xticon.png) no-repeat center center;
background-size: 100%;
z-index: 1;
}

.section2 .section2-btn a {
display: block;
text-align: center;
width: 160px;
height: 50px;
line-height: 50px;
font-size: 16px;
color: #fff;
background-color: rgba(255, 255, 255, 0.35);
border-radius: 25px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
position: relative;
z-index: 3;
margin-right: 10px;
margin-bottom: 10px;
}

.section2 .section2-btn a:last-child {
margin-right: 0px;
}

.section2 .section2-btn a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 0%;
height: 100%;
background-color: #e50011;
z-index: -1;
border-radius: 25px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section2 .section2-btn a:hover::before {
width: 100%;
}

.section2 .section2-item {
width: 90%;
position: absolute;
z-index: 3;
top: 50%;
transform: translateY(-50%);
}

.section2 .section2-simg {
display: none;
margin-top: 10px;
height: 200px;
position: relative;
}

.section2 .section2-simg img {
width: 100%;
height: 100%;
}

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

.section3 {
padding-top: 5.3%;
padding-bottom: 7%;
}

.section3 .section3-left {
width: 30%;
padding-right: 2.5%;
}

.section3 .section3-cen {
flex: 1;
margin-top: 35px;
position: relative;
}

.section3 .section3-bgm {
width: 628px;
/* height: 628px; */
overflow: hidden;
margin: 0 auto;
position: relative;
}

.section3 .section-scroll li {
text-align: center;
width: 14%;
position: absolute;
}

.section3 .section-scroll li:nth-child(1) {
top: 14%;
left: 40%;
}

.section3 .section-scroll li:nth-child(2) {
top: 25%;
left: 60%;
}

.section3 .section-scroll li:nth-child(3) {
top: 52%;
left: 63%;
}

.section3 .section-scroll li:nth-child(4) {
top: 70%;
left: 46%;
}

.section3 .section-scroll li:nth-child(5) {
top: 60%;
left: 26%;
}

.section3 .section-scroll li:nth-child(6) {
top: 32%;
left: 23%;
}

.section3 .scroll-num {
font-family: "ArialMT";
font-size: 24px;
color: #e50011;
}

.section3 .section-scroll li:nth-child(1) .scroll-num {
font-weight: lighter;
font-size: 30px;
}

.section3 .section-scroll li:nth-child(4) .scroll-num,
.section3 .section-scroll li:nth-child(6) .scroll-num {
font-size: 18px;
}

.section3 .scroll-num span {
font-family: "ArialMT";
font-weight: bold;
font-size: 0.48rem;
line-height: 1.3;
letter-spacing: -1px;
color: #e50011;
margin-right: 5px;
}

.section3 .scroll-dec {
font-size: 18px;
line-height: 1.2;
color: #333333;
}

.section3 .section3-ftimg {
margin-top: 35%;
margin-bottom: 12%;
}

.section3 .section3-ftimg img {
display: inline-block;
}

.section3 .section3-font {
font-family: "ArialMT";
font-size: 18px;
line-height: 2;
color: #666666;
}

.section3 .section3-right {
width: 18%;
}

.section3 .num {
font-family: "Arvo-Bold";
font-size: 0.60rem;
line-height: 1.1;
color: #333333;
text-align: right;
margin-bottom: 20px;
}

.section3 .section3-addr {
font-size: 0.24rem;
color: #666666;
text-align: right;
font-weight: lighter;
margin: 20px 0;
}

.section3 .section3-ul li:nth-child(even) {
text-align: right;
margin-right: 18%;
}

.section3 .section3-line {
width: 1px;
height: 60px;
background-color: #999;
position: relative;
margin: 0 auto;
display: inline-block;
text-align: right;
}

.section3 .section3-line::before,
.section3 .section3-line::after {
content: "";
width: 9px;
height: 9px;
background-color: #fff;
border: solid 1px #999999;
position: absolute;
border-radius: 50%;
left: 50%;
transform: translateX(-50%);
}

.section3 .section3-line::before {
top: -9px;
}

.section3 .section3-line::after {
bottom: -9px;
}

.section4 {
background-color: #f1f1f1;
padding: 5.3% 0;
}

.section4 .in-tit h3,
.section5 .in-tit h3 {
padding-bottom: 25px;
}

.section4 .in-tit h3::before,
.section5 .in-tit h3::before {
content: "";
position: absolute;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
width: 70px;
height: 2px;
background-color: #e50011;
}

.section4 .section4-tit {
font-size: 0.26rem;
line-height: 1.3;
color: #333333;
position: relative;
text-align: center;
z-index: 3;
padding-top: 5.5%;
padding-bottom: 4.5%;
}

.section4 .section4-tit::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 136px;
height: 100px;
background: url(../images/in-fimg2.png) no-repeat center center;
background-size: cover;
z-index: -1;
}

.section4 .section4-dec {
font-family: "ArialMT";
font-size: 16px;
line-height: 2;
color: #666666;
text-align: center;
padding: 0px 12%;
}

.section4 .section4-img {
border-radius: 50%;
position: relative;
width: 100px;
height: 100px;
border: solid 2px #dddddd;
overflow: hidden;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section4 .section4-img img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}

.section4 .section4-swiper {
position: relative;
}

.section4 .swiper-container {
width: 75%;
margin: 0 auto;
padding-top: 4.5%;
padding-bottom: 1.5%;
}

.section4 .swiper-button-prev, .section4 .swiper-button-next {
top: 60%;
}

.section4 .swiper-slide:hover .section4-img {
border: solid 2px #e50011;
}

.section4 .swiper-slide:hover .section4-img img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
}

.section5 {
padding-bottom: 80px;
}


.section5 .section5-item {
position: relative;
margin-top: 3%;
margin-bottom: 3.5%;
}

.section5 .section5-left,
.section5 .section5-right {
width: 49.36%;
position: relative;
}

.section5 .section5-left {
margin-right: 1.25%;
}

.section5 .section5-font .tit {
font-size: 22px;
line-height: 1.455;
color: #ffffff;
}

.section5 .section5-font2 .tit {
font-size: 0.3rem;
}

.section5 .section5-font .dec {
font-size: 16px;
line-height: 1.3;
color: #ffffff;
margin-top: 15px;
}

.section5 .section5-font time {
font-family: "ArialMT";
font-size: 16px;
line-height: 1.3;
color: #ffffff;
display: inline-block;
margin-bottom: 10px;
}


.section5 .section5-rttop a::before {
background: url(../images/in-ibgm2.png) no-repeat center center;
background-size: cover;
}

.section5 .section5-rtleft a::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 1;
}

.section5 .section5-img,
.section5 .section5-spimg {
width: 100%;
height: 100%;
overflow: hidden;
}

.section5 .section6-img{
    height:auto;
    overflow:hidden;
}

.section5 .section0-img{
    height:545px;
}

.section5 .section5-img img,
.section5 .section5-spimg img {
width: 100%;
height: 100%;
}

.section5 .section5-font {
position: absolute;
width: 100%;
z-index: 3;
bottom: 0px;
padding: 75px 50px;
}



.section5 .section5-left .section5-font{
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
}

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

.section5 .section5-left .swiper-pagination-bullet-active{
    background:#e50011;
}

.section5 .focusl-list .swiper-pagination-bullet-active{
    background:#e50011;
}

.section5 .section5-font1 {
left: 50%;
transform: translateX(-50%);
}

.section5 .section5-rttop {
position: relative;
width: 100%;
}

.section5 .section5-rttop .section5-font2 {
top: 0px;
padding: 50px;
}

.section5 .section5-rtbot {
position: relative;
margin-top: 2.5%;
}

.section5 .section5-rtleft,
.section5 .section5-rtright {
width: 48.75%;
height: 260px;
position: relative;
background-color: #e50011;
}

.section5 .section5-rtleft {
margin-right: 2.5%;
}

.section5 .section5-rtright {
background-color: #e50011;
}

.section5 .section5-rtright .section5-font3 {
top: 50%;
left: 50%;
bottom: auto;
transform: translate(-50%,-50%);
}

.section5 a {
display: block;
width: 100%!important;
height: 100%;
position: relative;
z-index: 3;
margin-right:0!important;
}

.section5 .section5-swiper a {
display: block;
width: 100%;
border-bottom: 6px solid #eeeeee;
position: relative;
padding-bottom: 45px;
}

.section5 .section5-swiper a::before {
content: "";
position: absolute;
left: 0px;
bottom: -6px;
width: 0%;
height: 6px;
background-color: #e50011;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section5 .section5-swiper a:hover::before {
width: 100%;
}

.section5 .section5-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 3;
}

.section5 .section5-btn img {
width: 70px;
height: 70px;
margin-bottom: 15px;
}

.section5 .section5-btn h5 {
font-size: 20px;
text-align: center;
color: #ffffff;
}

.section5 .section5-rtleft a:hover .section5-btn img {
transform: scale(0.8);
-webkit-transform: scale(0.8);
}

.section5 .section5-swpfont .tit {
font-size: 22px;
line-height: 1.3;
color: #333333;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.section5 .section5-swpfont time {
font-family: "ArialMT";
font-size: 16px;
color: #e50011;
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
}

.section5 .section5-swpfont .dec {
font-size: 16px;
line-height: 26px;
color: #666666;
}

.section5 .swiper-pagination {
display: none;
}



.section5 .section5-left .swiper-pagination{
    display:block;
}

.section5 .section5-left.swiper-container .swiper-pagination-bullet{
    background:#e50011;
}


.container{
    width: 100%;
    max-width: 1576px;
    margin: 0 auto;
}
@media screen and (max-width: 1679px){
    .container{width: 90%;}
    .headfixed > div{padding:0 5.5%}
    .section5 .section0-img{height:100%;}
    .footer .foot-top-left{padding-right:50px;}
}
.footer {
background-color: #252527;
position: relative;
}

.footer .foot-top-left {
width: 50%;
display:flex;
justify-content: space-between;
align-items: center;
padding-right:200px;
}

.footer .foot-top-left .foot-erwm img{
    display:block;
    width:120px;
    height:120px;
}
.footer .foot-top-left .foot-erwm p{
    font-size:16px;
    color:#fff;
    text-align:center;
    margin-top:6px;
}

.footer .foot-bot-logo {
margin-bottom:12px;
display: block;
}

.footer .foot-bot-logo img {
display: inline-block;
}

.footer .foot-bot-tel p {
font-size: 16px;
color: #ffffff;
}

.footer .foot-bot-tel p#ltr{
    font-size:20px;
    font-weight:700;
}

.footer .foot-bot-tel a {
display: block;
font-family: 'Gilroy-Regular';
font-weight: bold;
font-size: 0.30rem;
color: #ffffff;
letter-spacing: 1px;
margin-top: 15px;
cursor: initial;
color: white;
}

.footer .foot-bot-tel em {
font-family: 'Gilroy-Regular';
font-size: 16px;
display: block;
color: #999999;
}

.footer .foot-top-right {
flex: 1;
}

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

.footer .foot-bot-share a {
font-size: 25px;
color: #fff;
opacity: 1 !important;
margin: 0 !important;
width: 30px;
height: 30px;
background-color: transparent;
border-radius: 100%;
display: block;
text-align: center;
line-height: 30px;
margin-right: 10px !important;
opacity: 1;
-webkit-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

.footer .foot-bot-share a:last-child {
margin-right: 0px !important;
}

.footer .foot-bot-share a:nth-child(2),
.footer .foot-bot-share a:nth-child(3) {
font-size: 20px;
}

.footer .foot-top {
padding-top: 2%;
padding-bottom: 2%;
align-items: flex-start;
}

.footer .foot-ewm-img:first-child {
margin-right: 8%;
}

.footer .foot-ewm-img p {
font-size: 14px;
text-align: center;
line-height: 30px;
color: #777c81;
}

.footer .foot-bot-share span {
font-size: 16px;
line-height: 30px;
color: #999;
}

.footer .foot-bot-share a:nth-child(3),
.footer .foot-bot-share a:nth-child(4) {
font-size: 22px;
}

.footer .foot-bot-share a:hover {
color: #fff;
}

.footer .foot-btn a {
font-size: 16px;
line-height: 30px;
color: #ffffff;
display: block;
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 10px;
border: solid 1px #777c81;
margin-bottom: 10%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.footer .foot-btn:first-child a {
margin-top: 8px;
}

.footer .foot-btn:last-child a {
margin-bottom: 0px;
width: 73%;
}

.footer .foot-btn a:hover {
border: solid 1px #fff;
background: rgba(255, 255, 255, 0.1);
}

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

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

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

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

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

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

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

.footer .footer-subnav {
margin-top: 15px;
}

.footer .footer-subnav a {
font-size: 16px;
line-height: 36px;
display: block;
color: #999999;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.footer .footer-subnav a:hover,
.footer .foot-bot-left a:hover,
.footer .foot-bot-right a:hover {
color: #ffffff;
}

.footer .foot-bot-left span,
.footer .foot-bot-left a,
.footer .foot-bot-right p,
.footer .foot-bot-right a {
font-size: 14px;
line-height: 30px;
color: #999999;
}

.footer .foot-bot {
border-top: 1px solid rgba(246, 246, 246, 0.1);
padding: 2% 0;
}

.footer .foot-bot-right a,
.footer .foot-bot-left span {
margin-right: 10px;
position: relative;
}

.footer .foot-bot-right a {
margin-right: 30px;
}

.footer .foot-bot-right a::after {
content: "";
position: absolute;
top: 3px;
left: 130%;
height: 15px;
width: 1px;
background: #999999;
}

.footer .foot-bot-right a:last-child {
margin-right: 0px;
}

.footer .foot-bot-right a:last-child::after {
opacity: 0;
}

.footer .foot-bot-tel a:hover,
.footer .foot-bot-share a:hover {
color: rgba(255, 255, 255, 0.7);
}
/*底部*/
.bar-tab{display:none;position:fixed;bottom:0;z-index:12;width:100%;height:3.3rem;background-color: #f7f7f7;padding:0;table-layout:fixed;border-bottom:0;border-left:0;width:100%;left: 0;right:0;margin:0 auto; max-width:640px;}
.bar-tab ul{background-color: #f7f7f7;height:3.3rem;}
.bar-tab li{text-align: center;float: left;height:3.3rem;width: 20%;background-color: #f7f7f7;position: relative;}
.bar-tab li:before{content:'';position:absolute;left:0;right:0;top:1px;height:1px;background-color: #e2e2e2;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.bar-tab li.active span:before{color:#e50011;}
.bar-tab li.active label{color:#e50011;}
.bar-tab li a{display: block;position: relative;}
.bar-tab li span{display: block; margin-top:0.6rem; line-height:1.3rem; height:1.3rem}
.bar-tab li span:before{color: #777777;font-size:1.3rem;}
.bar-tab li label{font-size:0.9rem;color: #333;position:relative;font-weight:normal; line-height:0.9rem}
.bar-tab li:nth-child(3){position:relative;top:-0.3rem;border-top: 0;background: url("../images/bg_more.png") center top no-repeat; background-size:100%;}
.bar-tab li:nth-child(3):before{display:none;}
.bar-tab li:nth-child(3) span{padding-top:0;position:relative;top:0.3rem;display:block;margin: 0 auto;width:3rem;height:3rem;border-radius:100%;line-height:3rem;text-align: center;background-color:#e50011;}
.bar-tab li:nth-child(3) span:before{color: #fff;}
.bar-tab li .product_tc{position: absolute;bottom:38px;background: #fff;width:140%;left:-18%;display: none;box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);}
.bar-tab li .product_tc3{ width:110%; left:-4%;box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.3);}
.bar-tab li .product_tc dl{text-align: center;}
.bar-tab li .product_tc dl dd{line-height:2.3rem;font-size:0.9rem;border-bottom:1px solid #e9e6e6; }
.bar-tab li .product_tc dl dd:first-child{border-top:1px solid #e9e6e6;}
.bar-tab li .product_tc dl dd a{display: block;color: #666;}
.actions-modal .close{position: absolute;right: 04px;top: 0.11rem;}
.actions-modal .close:before{font-size: 0.3rem;color: #999;}



/*新闻详情*/
.section.new2{padding-top:0;}
.new2 a.back-btn { display: block; width: 56px; height: 56px; background-color: #ccc; font-size: 14px; color: #fff; text-align: center; padding-top: 10px; position: absolute; left: -56px; top: 0;}
.new2 a.back-btn:hover { background-color: #e50011; }
.new2 .news-details-box { width: 100%; display:flex;}
.new2 .news-article-cont { width: 70%; background-color: #fff; margin-bottom: 10px;}
.new2 .news-article { width: 100%; padding-right:50px;padding-top:30px;margin-bottom: 10px;}
.new2 .news-article .tt { border-bottom: solid 1px #e7e7e7; padding-bottom: 15px; }
.new2 .news-article .tt h1 { font-size: 28px; color: #333; padding-bottom: 20px; }
.new2 .news-article .tt span { font-size: 12px; color: #999; }
.new2 .news-article .tt em { padding-right: 25px; position: relative;}
.new2 .news-article .tt em:before { content: ''; display: block; width: 1px; height: 12px; border-left: dashed 1px #999; position: absolute; left: -13px; top: 3px; z-index: 2; }
.new2 .news-article .tt span em:first-child { padding-left: 0; }
.new2 .news-article .tt span em:first-child:before { display: none; }
.new2 .news-article .label { margin: 20px 0; }
.new2 .news-article .label a { font-size: 12px; color: #666; padding: 0 5px; }
.new2 .news-article .label:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url(../images/icon_label.png) no-repeat; position: relative; top: 3px; }
.new2 .editor-box p{font-size:15px;line-height:28px;margin:15px 0;text-indent:2em;}
.new2 .editor-box p img{width:80%;margin:30px auto;}

.news-txts {margin:20px 0;}
.new2 .news-recommend-box { width: 30%; }
.new2 .news-recommend-box>div { width: 100%; background-color: #fff; margin-bottom: 10px; padding: 30px; }
.new2 .news-recommend-box h2 { display: inline-block; font-size: 18px; color: #333; padding-bottom: 15px; position: relative;}
.new2 .news-recommend-box h2:after { content: ''; display: block; width: 100%; height: 1px; background-color: #e50011; position: absolute; bottom: -1px; left: 0; z-index: 9; }
.new2 .news-recommend-box h2 strong { color: #e50011; }
.new2 .news-recommend-box ul { padding-top: 5px; border-top: solid 1px #e7e7e7; }
.new2 .news-recommend-box ul li { font-size: 14px; margin-top: 12px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.new2 .news-recommend-box ul li a { color: #333; }
.new2 .news-recommend-box li a:hover { color: #e50011; }

.cx-company-details01 { margin: 30px 0; }
.new2 .news-recommend-box .about-us { padding: 0; }
.new2 .news-recommend-box .about-us h2 { display: block; font-size: 24px; padding: 15px 30px; background-color: #e50011; }
.new2 .news-recommend-box .about-us h2 a { color: #fff; }
.new2 .news-recommend-box .about-us ul { padding: 30px; }
.new2 .news-recommend-box .about-us ul li { border: solid 1px #eaeaea; margin-top: 0; margin-bottom: -1px; position: relative;}
.new2 .news-recommend-box .about-us ul li a { display: block; padding: 15px 25px; padding-right: 60px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new2 .news-recommend-box .about-us ul li i { display: block; width: 24px; height: 24px; border: solid 1px #eaeaea; border-radius: 50%; position: absolute; right: 25px; top: 50%; margin-top: -12px; z-index: 5; }
.new2 .news-recommend-box .about-us ul li i:before { content: ''; display: block; width: 5px; height: 5px; border-top: solid 2px #eaeaea; border-right: solid 2px #eaeaea; position: absolute; left: 30%; top: 37%; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.new2 .news-recommend-box .about-us li.cur a { color: #e50011; }
.new2 .news-recommend-box .about-us li.cur a i,
.new2 .news-recommend-box .about-us li a:hover i { border-color: #e50011; background-color: #e50011; }
.new2 .news-recommend-box .about-us li.cur a i:before,
.new2 .news-recommend-box .about-us li a:hover i:before { border-color: #fff; }

.new2 .m-back-box { display: none; text-align: center; }
.new2 a.mobile-back-btn { display: inline-block; padding: 2% 6%; font-size: 14px; border: solid 1px #e7e7e7; border-radius: 50px; margin: 20px auto;}
.new2 .news-article-cont .prev-next-cont { width: 100%; height: 70px; line-height: 70px; border-top: solid 1px #e7e7e7;}
.new2 .news-article-cont .prev-next-cont a { width: 50%; padding: 0 15px; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new2 .news-article-cont .prev-next-cont a.next { text-align: right; border-left: solid 1px #e7e7e7; }
.new2 .news-article-cont .prev-next-cont a.prev:before,
.new2 .news-article-cont .prev-next-cont a.next:after { content: ''; display: inline-block; float: left; width: 6px; height: 6px; border-top: solid 2px #bcbcbc; border-right: solid 2px #bcbcbc; position: absolute; top: 50%; margin-top: -3px;}
.new2 .news-article-cont .prev-next-cont a.prev:before { left: 1px; 
  -webkit-transform:rotate(-135deg);
  -moz-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  transform:rotate(-135deg);
}
.new2 .news-article-cont .prev-next-cont a.next:after { 
  right: 1px; 
  -webkit-transform:rotate(45deg); 
  -moz-transform:rotate(45deg); 
  -ms-transform:rotate(45deg); 
  transform:rotate(45deg); 
}
.new2 .news-article-cont .prev-next-cont a span { display: block; float: left; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new2 .news-article-cont .prev-next-cont a.next span { text-align: right; }

@media screen and (max-width: 1200px){
  .new2 .news-article,
  .new2 .news-article-cont,
  .new2 .news-recommend-box { width: 100%;}
  .new2 a.back-btn { display: none; }
}


@media screen and (max-width: 980px){
    .new2 .news-details-box{flex-wrap:wrap;}
    .new2 .news-article{padding-right:0;}
    .new2 .editor-box p img{width:100%;}
    .new2 .news-recommend-box>div{padding:0;margin-bottom:30px;}
    .new2 .news-recommend-box>div:nth-child(2){margin-bottom:0;}
}

/*相关新闻*/
.new3 .related-news-box { width: 100%; background-color: #fff;display:flex;padding:2% 0;}
.tetile{display:flex;justify-content:space-between;align-items:center;border-bottom:solid 1px #ddd;padding-bottom:20px;}
.img-box img{transition:all 0.5s;}
.new3 .related-news-box .left-cont { width: 50%; position: relative;display:flex;margin-left:2%}
.new3 .related-news-box .right-cont { width: 50%; position: relative;}
.new3 .left-cont .img-box { display: block; width: 45%; overflow:hidden;}
.new3 .left-cont .infos { width: 55%; margin-left: 4%;position: relative;margin-right:2%;}
.new3 .left-cont .infos h4 { font-size: 16px; padding-bottom: 3%;}
.new3 .left-cont .infos h4 a { display: block; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new3 .left-cont .infos p { font-size: 14px; color: #666; max-height: 72px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.new3 .left-cont .time { color: #999; font-size: 13px; position: absolute; left:0; bottom: 0; z-index: 2; }
.new3 .left-cont a.enter-icon { display: block; width: 38px; height: 38px; border: solid 1px #eaeaea; border-radius: 50%; position: absolute; right: 0; bottom: -8px; z-index: 5; }
.new3 .left-cont a.enter-icon:before,
.new3 .left-cont a.enter-icon:after { 
  content: ''; 
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 5;
  /*兼容ie8-*/
  border-top: 8px transparent dashed;
  border-right: 8px transparent dashed;
  border-bottom: 8px transparent dashed;
  border-left: 8px #ccc solid;
  overflow: hidden;
  margin-right: 5px;
  margin-top: -8px;
}
.new3 .left-cont a.enter-icon:after { 
  right: 3px;
  border-left-color: #fff;
}
.new3 .left-cont a.enter-icon:hover:before {
  border-left-color: #fff;
}
.new3 .left-cont:hover h4 a { color: #e50011; }
.new3 .left-cont:hover a.enter-icon { background-color: #e50011; }
.new3 .left-cont:hover a.enter-icon:after { border-left-color: #e50011;  }
.new3 .left-cont:hover a.enter-icon:before { border-left-color: #fff;  }
.new3 .right-cont { padding: 0 0 0 2%; border-left: dashed 1px #eaeaea;}
.new3 .right-cont li { margin-top: 3%; font-size: 16px; overflow: hidden;}
.new3 .right-cont li:first-child { margin-top: 0; }
.new3 .right-cont li a { display: block; float: left; width: 75%; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new3 .right-cont li span { float: right; color: #999;}
.new3 .right-cont li a:hover { color: #e50011; }

@media screen and (max-width: 1200px) {
  .width1200 { width: 100%; }
  .cx-product-center01 .cx-product-sidebar,
  .cx-product-center01 .cx-product-cont { width: 100%; }
}

@media screen and (max-width: 800px) {
  .new3 .tetile{margin-bottom:10px;padding-bottom:10px;}
  .tetile h3{font-size:15px;}
  .tetile a{font-size:15px;}
  .cx-inpage-header01 { display: block; }
  .cx-product-center01 .y-sidebar-hotline,
  .header01 .pc-header,
  .cx-product-center01 .y-sidebar-product .sidebar-tt,
  .cx-product-center01 .y-right-product-topinfo,
  .cx-product-center01 .y-right-product-list .y-btns,
  .cx-product-details01 .product-infos .btm-box,
  .cx-inpage-banner01, 
  .cx-mianbaoxue01 { display: none; }
  .inpage-mBanner { display: block; }
  .cx-product-center01 .y-sidebar-product { margin-bottom: 0; }
  .cx-product-center01 .y-right-product-main .y-right-product-list { margin-top: 0; }
  .cx-product-center01 .y-right-product-list .details-cont { width:49%; background:none; border: none 0; padding: 0; text-align: left; margin-right:0; margin-bottom:4%;}
       .cx-product-center01 .y-right-product-list .details-cont:nth-child(3n-1) { margin-left: 0; margin-right:0; }
       .cx-product-center01 .y-right-product-list .details-cont:nth-child(odd) { margin-right:2%;}
  .cx-product-center01 .y-right-product-list .details-cont:hover { box-shadow: none; }
  .cx-product-center01 .y-right-product-list .details-cont .y-img-box { border: solid 1px #e6e6e6; height:auto; }
  .cx-product-center01 .sidebar-nav-box li.cur>span i:before { background-color: #d7d7d7; }

  .cx-product-center01 .y-sidebar-product .sidebar-nav-box .swiper-wrapper { 
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
  } 
    .cx-product-center01 .sidebar-nav-box li>span { padding:0 2%!important; text-align:center; font-size:14px!important; }

  .cx-product-details01 .product-details-box .details-right { display: none; }
  .cx-product-details01 .product-details-box .details-intro { width: 100%; }
  
  .new3 .related-news-box{flex-wrap:wrap;}
  .new3 .related-news-box .left-cont{width:100%;margin-left:8px;}
  .new3 .related-news-box .right-cont{width:100%}
  .new3 .left-cont a.enter-icon{display:none;}
  .new3 .left-cont .infos p{-webkit-line-clamp:2;}
}

/*相关产品*/
.new4 { position: relative;padding-bottom:40px;}
.related-pro-box{display:flex;justify-content:space-between;}
.new4 .related-pro-cont { width: 24%; }
.new4 .related-pro-cont a { display: block; text-align: center; font-size: 14px; color: #333; }
.new4 .related-pro-cont .img-box {display:block; margin: 6% 0 4%; border: solid 1px #eaeaea;background:#fff;}
.new4 .related-pro-cont p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.img-box:hover img{-webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);}

@media screen and (max-width: 800px) {
    .related-pro-box{flex-wrap:wrap;}
    .new4 .related-pro-cont{width:49%;}
    #banner .pub-banner .pub-banner-font h3{color:#fff;}
    #banner .pub-banner .pub-banner-font p{color:#fff;}
    .new4 .tetile{padding-bottom:10px;}
}

/*paroduct*/
.product-div-d{display:flex;overflow:hidden;justify-content:space-between;margin-top:40px;}
.product-list-l,.product-list-r{display:block;float:left;box-sizing:border-box;}
.product-list-l{width:49%;overflow:hidden;}
.pro-img-d{width:100%;height:460px;background:#fff;}
.pro-img-d img{display:block;width:56%;height:100%;font-size:0;object-fit:cover;margin:0 auto;box-sizing:border-box;padding:20px 0;}
.swiper-container-vertical>.swiper-wrapper{flex-direction:inherit;}
.product-ul-r{display:flex;margin-top:10px!important;width:90%!important;}
.product-ul-r li{display:block;width:136px!important;height:76px!important;cursor:pointer;margin-bottom:10px;border:solid 2px #fff;margin-right:10px;background:#fff;}
.product-ul-r li img{display:block;width:auto;height:100%;margin:0 auto;}
.product-ul-r li.swiper-slide-thumb-active{border:solid 2px #e50011;}
.produ-pot{display:block;margin-top:20px;color:#666;}
.produ-pot2{display:block;margin-top:10px;color:#999;font-size:14px;}

.product-div-d .swiper-button-prev,.product-div-d .swiper-button-next{color:#e50011}

.product-div-d .swiper-button-prev,.product-div-d .swiper-button-next{
    width:24px;
    height:24px;
    border:0;
    margin-top:-12px;
}

.product-list-r{width:49%;}
.product-list-r .h3-title{font-size:24px;color:#333;font-weight:700;}
.product-list-r .p-cont{font-size:15px;color:#666;margin:20px 0;line-height:24px;}
.product-list-r .atgsd a{display:inline-block;margin-right:10px;padding:10px 15px;border:solid 1px #ddd;font-size:14px;background:#fff;transition: all 0.4s ease;}
.product-list-r .atgsd a:hover{background:#e50011;color:#fff;border:solid 1px #e50011;}
.pro-r-ul1{display:block;margin-top:30px;overflow:hidden;}
.pro-r-ul1 li{display:block;font-size:16px;margin-bottom:10px;color:#666;float:left;width:50%;box-sizing:border-box;padding-right:10px;position:relative;padding-left:15px;}
.pro-r-ul1 li:before{content:"■";position:absolute;left:0;top:-2px;}
.pro-r-ul1 li b{display:inline-block;background:#fff;border:dashed 1px #aaa;font-weight:normal;padding:5px 15px;color:#666;}
.pro-r-ul2{display:block;overflow:hidden;margin:0 -15px;margin-top:30px;}
.pro-r-ul2 li{display:block;float:left;width:50%;box-sizing:border-box;padding:8px 15px;color:#666;}
.pro-r-div{display:block;background:#fff;box-sizing:border-box;padding:20px;margin-top:20px;}
.pro-r-div .pro_title{font-size:20px;}
.pro-r-div .pro_stitle{font-size:15px;color:#666;margin-top:5px;}
.pro-r-div .pro_lx{display:flex;margin-top:10px;}
.pro-r-div a{display:inline-block;width:150px;height:50px;color:#fff;text-align:center;line-height:50px;font-size:18px;border-radius:2px;margin-right:10px;transition: all 0.4s ease;}
.pro-r-div a.workWechat{background:#134C86;border-radius:6px;position:relative;cursor:pointer;}
.pro-r-div a.workWechat span{display:inline-block;background:url(../images/workWechat.png) no-repeat left center;background-size:24px;padding-left:30px;}
.pro-r-div a.workWechat .qwd{
    display:none;
    height: 192px;
    position: absolute;
    left: 0;
    bottom: 50px;
    background: #fff;
    border: solid 1px #f3f3f3;
    text-align: center;
    font-size: 12px;
    color: #333;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0px 8px 40px 0px rgba(0,0,0,0.1);
}
.pro-r-div a.workWechat .qwd img{
    display: block;
    width: 100%;
    height: auto;
}
.pro-r-div a.workWechat .qwd em{
    font-style:inherit;
    font-size:16px;
    margin:0;
    padding:0;
    line-height:normal;
}
.pro-r-div a.workWechat:hover .qwd{display:block;}
.pro-r-div a.ww{background:#2f82ff;border-radius:6px;}
.pro-r-div a.ww span{display:inline-block;background:url(../images/ww2.png) no-repeat left center;background-size:24px;padding-left:30px;}
.pro-r-div a.phone{width:200px;background:#e50011;border-radius:6px;font-weight:700;cursor:pointer;}
.pro-r-div a.phone span{display:inline-block;background:url(../images/iphone2.png) no-repeat left center;background-size:24px;padding-left:30px;}
.sm{margin-top:20px;}
.sm p{position:relative;padding-left:15px;font-size:15px;color:#666;}
.sm p:before{content:"■";position:absolute;left:0;top:-2px;color:#999;}
.sm p.pas-title{font-weight:700;}
.sm p.pas-cont{margin-top:5px;}
.explain{display:block;width:1440px;margin:0 auto;overflow:hidden;background:#fff;padding:20px 0;margin-top:20px;}
.explain p{display:block;font-size:15px;color:#666;float:left;margin-left:20px;box-sizing:border-box;}
.explain p b{display:inline-block;background:url(../images/explain.png) no-repeat left center;background-size:24px;padding-left:30px;}
.explain em{display:block;float:right;box-sizing:border-box;margin-right:20px;font-size:15px;}
.explain em b{color:#e50011;}

.product-cont-d{display:block;margin-top:40px;margin-bottom:20px;}
.pro-ul-d{overflow:hidden;display:flex;justify-content:flex-start;}
.pro-ul-d li{display:block;width:25%;height:50px;line-height:50px;color:#333;font-size:16px;text-align:center;cursor:pointer;}
.pro-ul-d li.active{background:#fff;color:#e50011;}
.product-div-dd{display:block;background:#fff;padding:20px;}
.parameter .tablebox table{width:100%;border-spacing:0;border-collapse:collapse;}
.parameter .tablebox tbody tr:nth-child(2n){background:rgba(0,0,0,0.03);}
.firstRow{background:#e50011;color:#fff;font-size:16px;}
.parameter tbody tr td{padding:15px 0;text-align:center;color:#333;font-size:16px;border:solid 1px #f1f1f1;}
.parameter .tablebox tr th strong,.parameter .tablebox td strong{display:block;font-weight:inherit;}
.parameter .tablebox tr th{padding:15px 0;}
.parameter .tablebox tr th strong{font-size:12px;}

.support ul{overflow:hidden}
.support ul li{display:block;float:left;width:100%;padding:0 15px;margin-bottom:20px;box-sizing:border-box;}
.support ul li.pali1{width:50%}
.support ul li.pali2{width:50%}
.support ul li span{font-size:16px;color:#333;}
.support ul li span i{font-size:14px;color:#e50011;margin-right:5px;}
.support ul li input.form-control{width:100%;color:#0a0a0a;background:#fff;height:50px;line-height:50px;margin-top:10px;font-size:14px;padding-left:10px;box-sizing:border-box;background:rgba(0,0,0,0.05);border-radius:3px;}
.support ul li.textareali{width:100%;float:none;}
.support ul li textarea.form-control{color:#0a0a0a;width:100%;float:none;border-radius:0;margin-top:10px;height:120px;padding:10px;box-sizing:border-box;font-size:14px;font-family:微软雅黑;background:rgba(0,0,0,0.05);border-radius:3px;}
.support ul input.button{display:block;width:200px;height:56px;background:#e50011;color:#fff;line-height:56px;text-align:center;font-size:16px;cursor:pointer;border-radius:3px;border:solid 2px #e50011;transition:all .3s;}
.support ul input.button:hover{border:solid 2px #e50011;background:#fff;color:#e50011;}

.pro-div{display:none;}
.pro-div.active{display:block;}
.pro-div .pro-div-img{display:block;}
.pro-div .pro-div-img img{display:block;margin:40px auto;}

.product-list-l .swiper-button-next:after,.product-list-l .swiper-button-prev:after{
    font-size:24px;
}
.product-list-l .swiper-button-next{right:0;}
.product-list-l .swiper-button-prev{left:0;}
.prdh{display:none;}

@media screen and (max-width: 1280px) {
    .pro-img-d{height:380px;}
    .pro-img-d img{width:80%;}
}

@media screen and (max-width: 1080px) {
    .pro-img-d{height:330px;}
    .pro-img-d img{width:80%;}
    .product-list-r .h3-title{font-size:20px;}
    .pro-r-ul1{margin-top:20px;}
    .pro-r-div .pro_title{font-size:16px;}
    .pro-r-div .pro_stitle{font-size:12px;}
    .pro-r-div{padding:10px;}
    .pro-r-ul1 li{margin-bottom:5px;font-size:14px;}
    .pro-r-div a{font-size:15px;}
    .pro-r-div a.workWechat span,.pro-r-div a.ww span,.pro-r-div a.phone span{background-size:20px}
    .pro-r-div a.workWechat .qwd{height:160px;}
    .sm p{font-size:14px;}
}

@media screen and (max-width: 980px) {
    .product-div-d{flex-wrap:wrap;margin-top:20px;}
    .product-list-l,.product-list-r{width:100%;}
    .pro-img-d{height:auto;}
    .pro-img-d img{padding:10px 0;width:100%;height:50%}
    .product-ul-r li{width:80px!important;height:50px!important;}
    .product-div-d .swiper-button-prev,.product-div-d .swiper-button-next{display:none;}
    .product-ul-r{width:auto;}
    .product-list-r{margin-top:15px;padding-top:15px;border-top:dashed 1px #ddd;}
    .pro-r-ul1 li{float:none;width:100%;}
    .pro-r-div .pro_lx{flex-wrap:wrap;justify-content:space-between;}
    .pro-r-div a{width:48%;margin-right:0;height: auto; line-height: inherit; padding: 15px 0;}
    .pro-r-div a.phone{width:100%;margin-top:10px;}
    .pro-r-div a.workWechat .qwd{bottom:68px;height:auto;}
    .parameter tbody tr td{font-size:12px;padding:15px;}
    
    .support ul{display:flex;flex-wrap: wrap; justify-content: space-between;}
    .support ul li{padding:0;}
    .support ul li.pali1{width:48%;padding:0;}
    .support ul input.button{width:100%;}
    .parameter .tablebox{overflow-x:auto;}
    .prdh{display:block;text-align:center;padding-bottom:20px;font-weight:20px;font-weight:700;color:#e50011}
}


.grid {
    display: flex;
    flex-flow: row wrap;
}
.b-categories {
    padding: 40px 0;
    background:#f4f6f9;
}

@media screen and (min-width: 768px) {
    .b-categories {
        padding: 100px 0
    }
}

.b-header{
    margin-bottom:40px;
}

.b-header h2{
    font-size:36px;
    text-align: center;
}
.b-header p{
    text-align:center;
    font-size:20px;
    margin-top:12px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}
.b-header p:before,
.b-header p:after{
    display:block;
    content:'';
    width:40px;
    height:2px;
    background:#e2e2e2;
    margin:0 10px;
}
.tdiv{text-align:center;color:#666;margin-top:30px;line-height:28px;font-size:16px;}
.adiv{display:flex;justify-content:center;margin-top:30px;}
.adiv a{padding:10px 50px;background:#fff;color:#e50011;margin:0 5px;border-radius:1000px;transition:all .3s;}
.adiv a:hover{background:#e50011;color:#fff;padding:10px 60px;}
@media screen and (max-width:980px) {
    .adiv a{width:32%;height:40px;line-height:40px;text-align:center;padding:0;margin:0;font-size:15px;}
    .adiv {justify-content:space-between;}
    .adiv a:hover{padding:0;}
    .tdiv{font-size:14px;}
}
.b-categories .grid {
    justify-content:space-between;
}

.b-categories .cell {
    width: calc(100% - 8px);
    margin-top: 4px;
    margin-bottom: 4px;
}

@media screen and (min-width: 640px) {
    .b-categories .cell {
        width: calc(50% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        margin-top: 4px;
        margin-bottom: 4px;
    }
}

@media screen and (min-width: 768px) {
    .b-categories .cell {
        width: calc(32.5% - 8px);
        margin-left: 4px;
        margin-right: 4px;
        margin-top: 4px;
        margin-bottom: 15px;
    }

    .b-categories .cell:nth-child(-n+2) .ripple-ink {
        width: 620px !important;
        height: 620px !important
    }
}

.b-categories .cell:nth-child(1) .section-link {
    background-color: #e9dcea;
    background: linear-gradient(154.25deg, #e9dcea -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(2) .section-link {
    background-color: #f4d4d7;
    background: linear-gradient(154.25deg, #f4d4d7 -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(3) .section-link {
    background-color: #ece9dc;
    background: linear-gradient(154.25deg, #ece9dc -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(4) .section-link {
    background-color: #d6eaec;
    background: linear-gradient(154.25deg, #d6eaec -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(5) .section-link {
    background-color: #ece9dc;
    background: linear-gradient(154.25deg, #ece9dc -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(6) .section-link {
    background-color: #e9dcea;
    background: linear-gradient(154.25deg, #e9dcea -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(7) .section-link {
    background-color: #eae0e5;
    background: linear-gradient(154.25deg, #eae0e5 -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(8) .section-link {
    background-color: #d7e5f0;
    background: linear-gradient(154.25deg, #d7e5f0 -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(9) .section-link {
    background-color: #dadce0;
    background: linear-gradient(154.25deg, #dadce0 -6.92%, #fff 25.65%);
}

.b-categories .cell:nth-child(10) .section-link {
    background-color: #d6eedf;
    background: linear-gradient(154.25deg, #d6eedf -6.92%, #fff 25.65%);
}

.b-categories .section-link {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    color: #000;
    border: none
}

.b-categories .section-link:hover {
    color: inherit;
    cursor: pointer
}

.b-categories .section-link .ripple-inner {
    width: 100%;
    height: 100%;
    padding: 24px 30px;
}

/*.b-categories .section-link .ripple-ink {
    width: 376px !important;
    height: 376px !important;
}*/

.b-categories .cell:nth-child(1) .section-link .ripple-ink{
    background: #e9dcea;
}
.b-categories .cell:nth-child(2) .section-link .ripple-ink{
    background: #f4d4d7;
}
.b-categories .cell:nth-child(3) .section-link .ripple-ink{
    background: #ece9dc;
}
.b-categories .cell:nth-child(4) .section-link .ripple-ink{
    background: #d6eaec;
}
.b-categories .cell:nth-child(5) .section-link .ripple-ink{
    background: #ece9dc;
}
.b-categories .cell:nth-child(6) .section-link .ripple-ink{
    background: #e9dcea;
}
.b-categories .cell:nth-child(7) .section-link .ripple-ink{
    background: #eae0e5;
}
.b-categories .cell:nth-child(8) .section-link .ripple-ink{
    background: #d7e5f0;
}
.b-categories .cell:nth-child(9) .section-link .ripple-ink{
    background: #dadce0;
}
.b-categories .cell:nth-child(10) .section-link .ripple-ink{
    background: #d6eedf;
}

.b-categories .section-link img {
    display: block;
    max-width: 90%;
    max-height: 80%;
    width: auto;
    height: auto;
    margin: 0 auto
}

.b-categories .section-link .under h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom:15px;
}
.b-categories .section-link .under p{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.b-categories .section-link .under p em{
    font-size:14px;
    color:#666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45%;
    line-height:28px;
    display: flex;
    justify-content: space-between;
}

.b-categories .section-link .under h4 {
    display: inline;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background: #fff31e
}

@media screen and (min-width: 1024) {
    .b-categories .section-link .under h4 {
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    .b-categories .cell{
        width: calc(50% - 8px);
        margin-top:7px;
        margin-bottom:7px;
    }
    .b-categories .section-link .ripple-inner{
        padding:10px;
    }
    .b-categories .section-link .under h3{
        font-size:16px;
        margin-top:15px;
    }
    .b-categories .section-link .under p em{
        font-size:12px;
        line-height:20px;
        width:100%;
    }
}
.ripple {
    position: relative;
    overflow: hidden
}

.ripple .ripple-ink {
    display: block;
    position: absolute;
    top: -1000px;
    left: -1000px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-animation: ripple-effect-reverse .35s forwards;
    animation: ripple-effect-reverse .35s forwards
}

.ripple .ripple-ink.active {
    -webkit-animation: ripple-effect .4s forwards;
    animation: ripple-effect .4s forwards
}

.ripple .ripple-inner {
    display: inline-block;
    position: relative;
    z-index: 1;
    cursor: inherit
}

@-webkit-keyframes ripple-effect {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(2.8);
        transform: scale(2.8)
    }
}

@keyframes ripple-effect {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(2.8);
        transform: scale(2.8)
    }
}

@-webkit-keyframes ripple-effect-reverse {
    0% {
        -webkit-transform: scale(2.8);
        transform: scale(2.8)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes ripple-effect-reverse {
    0% {
        -webkit-transform: scale(2.8);
        transform: scale(2.8)
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

/*customer*/
.customer{display:block;padding:60px 0;background:#fff;}
.big-title{display:block;text-align:center;}
.big-title h3{font-size:34px;color:#323232;font-weight:700;}
.big-title span{display:block;font-size:18px;color:#666;font-weight:700;margin-top:10px;}
.big-title p{font-size:14px;line-height:26px;color:#888;width:80%;margin:0 auto;margin-top:30px;}

.product_pro{background:#F6F6F6;padding:60px 0;}
.product_content_list{
    display: flex;
    flex-wrap: wrap;
    margin-top:60px;
}
.product_content_list .item_area_block{
    width: 25%;
    height:560px;
    padding: 0 20px;
    position: relative;
    box-sizing: border-box;
    margin-bottom:20px;
}
.product_content_list .item_area{
    box-sizing: border-box;
    background: #FFFFFF;
    width: 100%;
    border: 1px solid #E5E5E5;
    padding: 20px;
    transition: all .36s ease;
}
.product_content_list .item_pic{
    width: 100%;
    height: 190px;
    margin-bottom: 20px;
    overflow: hidden;
}

.product_content_list .item_area .item_pic a {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.product_content_list .item_area .item_pic img {
	max-width: 100%;
	max-height: 100%;
	transition: all .36s ease;
}

.product_content_list .item_area .item_title{
    font-weight: 500;
    color: #000000;
    transition: all .36s ease;
}

.product_content_list .item_area .item_parameter {
	margin-top:20px;
	height: 0;
	overflow: hidden;
	transition: all .36s ease;
}

.product_content_list .item_area .item_description{
	margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px;
    min-height: 36px;
}

.product_content_list .item_area .item_parameter li {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom:10px;
	line-height:24px;
	font-weight: 400;
}

.product_content_list .item_area .item_parameter li p:first-child {
	color: #333333;
}

.product_content_list .item_area .item_parameter li p:last-child {
	color: #000000;
}

.product_content_list .item_area .item_size_area {
	padding-top:20px;
}

.product_content_list .item_area .item_size_area .item_size_area_title {
	color: #666666;
	margin-bottom:24px;
}

.product_content_list .item_area .item_size_area .item_size_list {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	min-height: 40px;
}

.product_content_list .item_area .item_size_area .item_size_list a {
	display: flex;
    display: -webkit-flex;
    width: 42px;
    height: 42px;
    margin: 5px;
    margin-bottom: 10px;
    box-shadow: 0px 3px 1px 0px #E5E5E5;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    background-image: linear-gradient(#fff 47%, #F6F6F6 53%);
    border: 1px solid #E5E5E5;
    position: relative;
    font-size: 16px;
    color: #333333;
    border-radius: 5px;
    font-weight: 500;
    transition: all .36s ease;
}

.product_content_list .item_area .item_btn_area {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding-top: 20px;
}

.product_content_list .item_area .item_btn {
	width: 40%;
	height: 40px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	background: #FdFdFd;
	box-shadow: 0px 3px 1px 0px #E5E5E5;
	font-weight: 400;
	transition: all .36s ease;
}

.product_content_list .item_area .item_btn i {
	color: #293033;
	font-size:18px;
	margin-left:10px;
	transition: all .36s ease;
}

.product_content_list .item_area:hover {
	box-shadow: 0.5px 1px 10px 0 rgb(0 0 0 / 8%);
	width: 100%;
	position: relative;
	z-index: 10;
}

.product_content_list .item_area:hover .item_title {
	color: #134C86;
}

.product_content_list .item_area:hover .item_pic img {
	transform: scale(1.1);
}

.product_content_list .item_area .item_size_area .item_size_list a:hover {
	color: #FFFFFF;
	
	background: #134C86;
}

.product_content_list .item_area .item_btn:hover {
	color: #134C86;
	background-image: linear-gradient(#fff 47%, #F6F7F8 53%);
}

.product_content_list .item_area .item_btn:hover i {
	color: #134C86;
}

.product_content_list .item_area:hover .item_parameter {
	height: 130px;
}

@media screen and (max-width: 575px) {
	.product_content_list {
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}

	.product_content_list .item_area_block {
		width: 100%;
		margin-bottom: 24px;
		padding: 0;
	}

	.product_content_list .item_area .item_size_area .item_size_list a {
		width: 48px;
		height: 48px;
	}

	.product_content_list .item_area .item_parameter {
		height: 192px;
	}
}

@media screen and (min-width: 576px) and (max-width: 800px) {
	.product_content_list {
		flex-wrap: wrap;
	}

	.product_content_list .item_area_block {
		width: 50%;
		margin-bottom: 24px;
	}

	.product_content_list .item_area .item_size_area .item_size_list a {
		width: 48px;
		height: 48px;
	}
}

@media screen and (min-width: 800px) and (max-width: 1000px) {
	.product_content_list {
		flex-wrap: wrap;
	}

	.product_content_list .item_area_block {
		width: 50%;
		margin-bottom: 24px;
	}

	.product_content_list .item_area .item_size_area .item_size_list a {
		width: 40px;
		height: 40px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
	.product_content_list {
		flex-wrap: wrap;
	}

	.product_content_list .item_area_block {
		width: 50%;
		margin-bottom: 24px;
	}

	.product_content_list .item_area .item_btn_area {
		flex-wrap: wrap;
	}

}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.product_content_list .item_area .item_btn_area {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.product_content_list .item_area .item_btn {
		width: 60%;
	}

	.product_content_list .item_area .item_btndetails {
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
	.product_content_list .item_area .item_btn_area {
		justify-content: space-between;
	}

	.product_content_list .item_area .item_btn {
		width: 46%;
	}
}


/* yanzheng */
.yanzheng{padding:100px 0;display:none;}
.yanzheng ul{overflow:hidden;}
.yanzheng ul li{display:block;width:100%;margin:10px 0;}
.yanzheng ul li input{display:block;width:100%;height:52px;line-height:52px;padding:0 10px;box-sizing:border-box;border:solid 1px #ddd;letter-spacing:0.7px;border-radius:5px;}
.yanzheng ul li textarea.txtContent{display:block;width:100%;box-sizing:border-box;border:solid 1px #ddd;padding:10px;font-size:13px;height:120px;border-radius:5px;}
.yanzheng ul li.form-group .fdd div{display:flex;}
.yanzheng ul li.form-group .fdd .fd1 input{display:block;width:68%;margin-right:2%}
.yanzheng ul li.form-group .fdd .fd1 img{width:30%}
.yanzheng ul li.form-group .fdd .fd1 span{display:block;width:100%;margin:5px 0 10px 0;}
.yanzheng ul li.form-group .fdd .fd1 span,.yanzheng ul li.form-group .fdd .fd1 a{font-size:13px;color:#666;}
.yanzheng ul li.form-group .fdd .fd1 a{color:#e50011;}
.yanzheng ul li.form-group .fdd .fd1{flex-wrap:wrap;}
.yanzheng ul li.form-group .fdd .fd2{position:relative;}
.yanzheng ul li.form-group .fdd .fd2 input.zy{width:100%;}
.yanzheng ul li.form-group .fdd .fd2 input.hd{position:absolute;right:0;top:0;width:30%;border:0;font-size:13px;color:#999;}
.yanzheng ul li.btn input{background:#e50011;border:solid 1px #e50011;color:#fff;height:60px;line-height:60px;}


/*compressor*/
.compressor{
    padding:80px 0;
}
.comd{overflow:hidden;position:relative;margin-top:60px;}
.comd ul li{display:block;position:absolute;width:340px;cursor:pointer;}
.comd ul li h2{font-size: 20px; color: #333;line-height: 21px; padding-bottom: 16px; font-weight: bold;overflow:hidden;transition:all .3s;}
.comd ul li h2 .icon{float:left;display:block;width:23px;height:23px;background:url(../images/f2_1.png) center center no-repeat;margin-right:10px;transition:all .3s;}
.comd ul li:hover h2 .icon{background:url(../images/f2_2.png) center center no-repeat;}
.comd ul li.it1 h2 .icon,.comd ul li.it3 h2 .icon,.comd ul li.it5 h2 .icon,.comd ul li.it7 h2 .icon{float:right;margin-left:10px;margin-right:0;}
.comd ul li.it1 h2,.comd ul li.it3 h2,.comd ul li.it5 h2,.comd ul li.it7 h2{text-align:right;}
.comd ul li p{font-size:14px;color #999;line-height:20px;transition:all .3s;margin-left:35px;}
.comd ul li.it1 p,.comd ul li.it3 p,.comd ul li.it5 p,.comd ul li.it7 p{text-align:right;margin-left:0;margin-right:35px;}
.comd img.a_bg{display:block;margin:0 auto;}
.comd ul li{position:absolute;}
.comd ul li:hover p{margin-top:-10px;}
.comd ul li:hover h2{color:#e50011;}
.comd ul li.it1{left:200px;top:60px;}
.comd ul li.it2{right:200px;top:60px;}
.comd ul li.it3{left:140px;top:230px;}
.comd ul li.it4{right:140px;top:230px;}
.comd ul li.it5{left:160px;top:430px;}
.comd ul li.it6{right:160px;top:430px;}


@media screen and (max-width: 1650px){
    .comd ul li.it1{left:110px;top:60px;}
    .comd ul li.it2{right:110px;top:60px;}
    .comd ul li.it3{left:40px;top:230px;}
    .comd ul li.it4{right:40px;top:230px;}
    .comd ul li.it5{left:70px;top:430px;}
    .comd ul li.it6{right:70px;top:430px;}
}

@media screen and (max-width: 1440px){
    .comd img.a_bg{width:600px;}
    .comd ul li.it1{left:70px;top:60px;}
    .comd ul li.it2{right:70px;top:60px;}
    .comd ul li.it3{left:10px;top:180px;}
    .comd ul li.it4{right:10px;top:180px;}
    .comd ul li.it5{left:35px;top:320px;}
    .comd ul li.it6{right:35px;top:320px;}
}

@media screen and (max-width: 1366px){
    .comd img.a_bg{width:400px;}
    .comd ul li h2{font-size:16px;padding-bottom:5px;}
    .comd ul li p{font-size:12px;}
    .comd ul li.it1{left:100px;top:30px;}
    .comd ul li.it2{right:100px;top:30px;}
    .comd ul li.it3{left:60px;top:120px;}
    .comd ul li.it4{right:60px;top:120px;}
    .comd ul li.it5{left:70px;top:210px;}
    .comd ul li.it6{right:70px;top:210px;}
}

@media screen and (max-width: 1280px){
    .comd ul li{width:300px;}
}

@media screen and (max-width: 1240px){
    .comd ul li{width:280px;}
}

@media screen and (max-width: 1200px){
    .comd ul li{width:240px;}
}

@media screen and (max-width: 1080px){
    .comd ul li h2{font-size:14px;}
    .comd ul li.it1{left:70px;top:30px;}
    .comd ul li.it2{right:70px;top:30px;}
    .comd ul li.it3{left:40px;top:120px;}
    .comd ul li.it4{right:40px;top:120px;}
    .comd ul li.it5{left:45px;top:210px;}
    .comd ul li.it6{right:45px;top:210px;}
}

@media screen and (max-width: 980px){
    .comd ul li{position:initial;width:auto;margin:15px 0;}
    .comd ul li.it1 h2,.comd ul li.it3 h2,.comd ul li.it5 h2,.comd ul li.it7 h2{text-align:left;}
    .comd ul li.it1 h2 .icon,.comd ul li.it3 h2 .icon,.comd ul li.it5 h2 .icon,.comd ul li.it7 h2 .icon{float:left;margin-right:10px;margin-left:0;}
    .comd ul li.it1 p,.comd ul li.it3 p,.comd ul li.it5 p,.comd ul li.it7 p{text-align:left;margin-right:0;margin-left:35px;}
    .comd ul li h2{font-size:18px;padding-bottom:10px;}
    .comd ul li p{font-size:12px;}
    .comd ul li:hover p{margin-top:0;}
    .comd img.a_bg{width:100%;}
    .b-header h2{font-size:22px;}
    .b-header p{font-size:13px;margin-top:10px;}
    .b-header p:before,.b-header p:after{width:0;}
    .comd{margin-top:0;}
    .compressor{padding:40px 0;}
}

/*advantages*/
.advantages{padding:80px 0;background:#f4f6f9;}
.advad ul li{overflow:hidden;margin-top:60px;}
.advad ul li .adt{display:block;float:left;width:50%;box-sizing:border-box;padding-top:75px;padding-right:160px;position:relative;padding-bottom:75px;}
.advad ul li:nth-child(1){margin-top:0;}
.advad ul li .adt:before{content:'';display:block;width:80px;height:80px;position:absolute;top:52px;}
.advad ul li:nth-child(1) .adt:before{background:url(../images/sz1.png) no-repeat;right:50px;}
.advad ul li:nth-child(2) .adt:before{background:url(../images/sz2.png) no-repeat;left:50px;}
.advad ul li:nth-child(3) .adt:before{background:url(../images/sz3.png) no-repeat;right:50px;}
.advad ul li:nth-child(4) .adt:before{background:url(../images/sz4.png) no-repeat;left:50px;}
.advad ul li .adt .t{font-size:24px;font-weight:700;color:#333;}
.advad ul li .adt .d{font-size:13px;color:#999;font-family:Arial;}
.advad ul li .adt .adu{margin-top:20px;}
.advad ul li .adt .adu a{display:flex;justify-content:center;align-items:center;width:300px;background:#e50011;color:#fff;height:52px;line-height:52px;text-align:center;margin-top:20px;transition:all .3s;font-weight:700;}
.advad ul li .adt .adu a:hover{width:350px;}
.advad ul li .adt .adu a:before{content:'';display:block;width:24px;height:24px;margin-right:10px;background:url(../images/picon2.png) no-repeat center left;background-size:24px;}
.advad ul li .adt .adu p{font-size:16px;color:#666;display:flex;align-items:center;margin:5px 0;}
.advad ul li:nth-child(1) .adt .adu p:after,.advad ul li:nth-child(3) .adt .adu p:after{content:'';display:block;width:8px;height:8px;border:solid 2px #999;border-radius:1000px;margin-left:8px;}
.advad ul li:nth-child(2) .adt .adu p:before,.advad ul li:nth-child(4) .adt .adu p:before{content:'';display:block;width:8px;height:8px;border:solid 2px #999;border-radius:1000px;margin-right:8px;}
.advad ul li .adb{display:block;float:right;width:50%;}
.advad ul li .adb span{display:block;width:100%;height:420px;background:#f4f6f9}
.advad ul li .adb span img{display:block;width:100%;height:auto;}
.advad ul li:nth-child(1),.advad ul li:nth-child(3){text-align:right;}
.advad ul li:nth-child(2),.advad ul li:nth-child(4){}
.advad ul li:nth-child(1) .adt .adu p,.advad ul li:nth-child(3) .adt .adu p{justify-content:flex-end;}
.advad ul li:nth-child(2) .adb,.advad ul li:nth-child(4) .adb{float:left;}
.advad ul li:nth-child(2) .adt,.advad ul li:nth-child(4) .adt{float:right;padding-left:160px;padding-right:0;}
.advad ul li .adt .adu p:nth-child(5):after{content:initial}
.advad ul li .adt .adu p:nth-child(5):before{content:initial}
/*.advad ul li:nth-child(1) .adt:after,.advad ul li:nth-child(3) .adt:after{content:'';position:absolute;right:-18px;top:50%;width:0;height:0;display:block;border-left:18px solid #fff;border-top:18px solid transparent;border-bottom:18px solid transparent;transform:translate(0, -50%);}
.advad ul li:nth-child(2) .adt:after,.advad ul li:nth-child(4) .adt:after{content:'';position:absolute;left:-18px;top:50%;width:0;height:0;display:block;border-right:18px solid #fff;border-top:18px solid transparent;border-bottom:18px solid transparent;transform:translate(0, -50%);}*/

#advantages .advad ul li .adb span{height:auto;}
#advantages .advad ul li .adt .adu p:after,#advantages .advad ul li .adt .adu p:before{display:none}

@media screen and (max-width: 1440px){
    .advad ul li .adt{padding-right:120px;padding-top:50px;padding-bottom:50px;}
    .advad ul li:nth-child(2) .adt,.advad ul li:nth-child(4) .adt{padding-left:120px;padding-right:0;}
    .advad ul li .adb span{height:338px;}
    .advad ul li .adt:before{width:68px;height:68px;top:40px;}
    .advad ul li:nth-child(1) .adt:before{background-size:100%;right:30px;}
    .advad ul li:nth-child(2) .adt:before{background-size:100%;left:30px;}
    .advad ul li:nth-child(3) .adt:before{background-size:100%;right:30px;}
    .advad ul li:nth-child(4) .adt:before{background-size:100%;left:30px;}
}
@media screen and (max-width: 1280px){
    .advad ul li .adt .t{font-size:20px;}
    .advad ul li .adt .adu p{font-size:14px;}
    .advad ul li .adt .adu a{width:260px;}
    .advad ul li .adt .adu a:hover{width:300px;}
    .advad ul li .adb span{height:286px;}
    .advad ul li .adt .adu a:before{width:20px;height:20px;background-size:20px;}
    .advad ul li .adt{padding-right:100px;padding-top:15px;padding-bottom:15px;}
    .advad ul li .adt:before{width:60px;height:60px;top:5px;}
    .advad ul li:nth-child(1) .adt:before,.advad ul li:nth-child(3) .adt:before{right:20px;}
    .advad ul li:nth-child(2) .adt:before,.advad ul li:nth-child(4) .adt:before{left:20px;}
    .advad ul li:nth-child(2) .adt,.advad ul li:nth-child(4) .adt{padding-left:100px;}
}
@media screen and (max-width: 1136px){
    .advad ul li .adt{padding-right:68px;padding-top:10px;padding-bottom:10px;}
    .advad ul li:nth-child(2) .adt,.advad ul li:nth-child(4) .adt{padding-left:68px;}
    .advad ul li .adt .d{font-size:12px;}
    .advad ul li .adt .adu p{font-size:12px;}
    .advad ul li:nth-child(2) .adt .adu p:before,.advad ul li:nth-child(4) .adt .adu p:before{width:6px;height:6px;border:solid 1px #999;}
    .advad ul li:nth-child(1) .adt .adu p:after,.advad ul li:nth-child(3) .adt .adu p:after{width:6px;height:6px;border:solid 1px #999;}
    .advad ul li .adb span{height:252px;}
    .advad ul li .adt .adu a:before{width;18px;height:18px;background-size:18px;}
    .advad ul li .adt .adu a{width:220px;height:42px;line-height:42px;}
    .advad ul li .adt .adu a:hover{width:240px;}
    .advad ul li .adt .t{font-size:18px;}
    .advad ul li .adt:before{width:42px;height:42px;}
    .advad ul li:nth-child(1) .adt:before,.advad ul li:nth-child(3) .adt:before{right:10px;}
    .advad ul li:nth-child(2) .adt:before,.advad ul li:nth-child(4) .adt:before{left:10px;}
}

@media screen and (max-width: 980px){
    .advad ul li{margin-top:10px;}
    .advad ul li .adt,.advad ul li .adb{float:none;width:100%;margin-top:20px;}
    /*.advad ul li:nth-child(2) .adt:after,.advad ul li:nth-child(4) .adt:after,.advad ul li:nth-child(1) .adt:after,.advad ul li:nth-child(3) .adt:after{border-top:12px solid #fff; border-left:12px solid transparent; border-right:12px solid transparent;left:50%;top:auto;bottom:-30px;transform:translate(-50%, 0);}*/
    .advad ul li:nth-child(2) .adt,.advad ul li:nth-child(4) .adt{padding:0;}
    .advad ul li .adt .t{font-size:18px;}
    .advad ul li .adt .d{font-size:12px;}
    .advad ul li .adt .adu p{font-size:12px;}
    .advad ul li .adt .adu a{width:100%;height:52px;line-height:52px;}
    .advad ul li .adt .adu a:hover{width:100%;}
    .advad ul li .adt{padding:0;}
    .advad ul li .adt:before{background:0!important;}
    .advad ul li .adb span{height:auto;}
    .b-header{margin-bottom:20px;}
    .advantages{padding:40px 0;}
    #advantages .advad ul li .adb span{height:auto;}
    #advantages .advad ul li:nth-child(1),#advantages .advad ul li:nth-child(3){text-align:left;}
}

/*scene*/
.scene{padding:80px 0;}
.scened ul{display:flex;}
.scened ul li.item{position:relative;cursor:pointer;height:640px;}
.scened ul li.item:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:.5;transition:all .5s;}
.scened ul li.item span{overflow:hidden;}
.scened ul li.item span img{display:block;width:100%;height:100%;object-fit:cover;}
.scened ul li.item .info{position:absolute;width:100%;left:50%;top:10%;transform:translateX(-50%);text-align:center;transition:all .5s;}
.scened ul li.item .info img{width:60px;height:60px;margin-bottom:40px;}
.scened ul li.item .info h3{font-size:30px;color:#fff;margin-bottom:20px;}
.scened ul li.item .info p{font-size:14px;color:#fff;padding:0 10px;}
.scened ul li.item .info .more-btn{display:block;width:100px;padding:10px 0;text-align:center;color:#fff;font-size:12px;border:2px solid #fff;margin:100px auto;opacity:0;}
.scened ul li.item:hover .info{top:12%;}
.scened ul li.item:hover .info .more-btn{opacity:1;}
.scened ul li.item:hover::before{background:rgba(229,0,17,.7);opacity:1;}
.more-apps{text-align:center;margin-top:60px;}
.more-apps a{display:inline-block;font-size:16px;color:#333;padding-right:20px;background:url(../images/more.png) no-repeat right center;}

/*partners*/
.partners{padding:80px 0;background:#f4f6f9;}
.pard ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.pard ul li{width:10.5%;margin:5px 0;box-sizing:border-box;overflow:hidden;box-shadow:0 12px 48px 0 rgba(0,33,71,.05);}
.pard ul li img{display:block;width:100%;height:100%;margin:0;padding:0;}

@media screen and (max-width: 1440px){
    .scened ul li.item .info h3{font-size:24px;}
    .scened ul li.item .info img{width:44px;height:44px;}
    .scened ul li.item{height:540px;}
}

@media screen and (max-width: 1280px){
    .scened ul li.item .info h3{font-size:18px;}
    .scened ul li.item .info p{font-size:12px;}
    .scened ul li.item .info img{width:32px;height:32px;}
    .scened ul li.item{height:480px;}
    .pard ul li{width:15.5%;margin:5px;}
}

@media screen and (max-width: 980px){
    .scened ul{flex-wrap:wrap;}
    .scened ul li.item{width:50%;height:360px;}
    .scened ul li:nth-child(7){display:none;}
    .scened ul li.item .info h3{font-size:20px;}
    .scened ul li.item .info p{font-size:14px;}
    .scened ul li.item .info img{width:50px;height:50px;}
    .scened ul li.item .info .more-btn{margin:50px auto;}
    .scene{padding:40px 0;}
    .more-apps{margin-top:40px;}
    .pard ul li{width:32%;margin:3px 0;}
    .partners{padding:40px 0;}
}


/*contact*/
.contbook{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between; align-items:center;padding-bottom:50px;margin-top:50px;}
.flex,.infe{display:block;width:50%;box-sizing:border-box;position:relative;}
.flex{background:#e50011;padding:40px;border-radius:30px 0 0 30px;animation:myfirst 5s;-webkit-animation:myfirst 5s;z-index:1}
.flex h4{font-size:30px;color:#fff;font-weight:700;margin-bottom:30px;}
.flex dl{overflow:hidden;}
.flex dl dd{display:block;float:left;width:50%;box-sizing:border-box;margin-bottom:20px;}
.flex dl dd:nth-child(2),.flex dl dd:nth-child(4){padding-left:10px;}
.flex dl dd:nth-child(5){width:100%;}
.flex dl dd:nth-child(6){margin-bottom:0;}
.flex dl dd b{display:block;color:#fff;font-weight:500;margin-bottom:5px;position:relative;}
.flex dl dd b span{font-size:12px;position:absolute;top:5px;margin-left:5px;}
.flex dl dd input{display:block;width:100%;line-height:40px;height:40px;background:#fff;color:#212529;font-size:15px;border-radius:4px;font-weight:400;border:none;text-indent:10px}
.flex dl dd textarea{display:block;padding:10px;border-radius:4px;font-weight:400;width:100%;border:none;height:100px;background:#fff;outline:none;color:#212529;font-size:15px;font:inherit;box-sizing:border-box;}
.flex dl dd .y_send{border:none;text-transform:uppercase;width:100%;height:50px;line-height:50px;color:#212529;font-size:18px;font-weight:500;outline:none;border-radius:4px;background:#fff;cursor:pointer;}
.infe{background:#fff;padding:50px;border-radius:0 30px 30px 0;z-index:2}
.infe dl{border-bottom:1px dashed #ddd;padding-bottom:40px;margin-bottom:40px;}
.infe h4{font-size:30px;font-weight:550;color:#495057;text-transform:uppercase;margin-bottom:20px;}
.infe dl dt{font-size:18px;font-weight:500;color:#495057;text-transform:uppercase;margin-bottom:5px;}
.infe dl dd{color:#495057;font-size:15px;line-height:25px;font-weight:450;padding:5px 0;position:relative;}
.infe dl dd:nth-child(2){background:url(../images/dzicon.png) no-repeat left center;background-size:20px;padding-left:30px;}
.infe dl dd:nth-child(3){background:url(../images/dhicon.png) no-repeat left center;background-size:20px;padding-left:30px;}
.infe dl dd:nth-child(4){background:url(../images/czicon.png) no-repeat left center;background-size:20px;padding-left:30px;}
.infe dl dd:nth-child(5){background:url(../images/sjicon.png) no-repeat left center;background-size:20px;padding-left:30px;}
.infe dl dd:nth-child(6){background:url(../images/yxicon.png) no-repeat left center;background-size:20px;padding-left:30px;}
.infe dl dd span{display:inline-block;width:40px;font-weight:500;}
.infe dl dd.infd span{float:left;line-height:43px;}
.infe.infe_en  dl dd span{width:auto;margin-right:5px;}

.infe dl dd.infd{display:flex;align-items:center;}
.infe dl dd.infd a{display:block;margin-right:10px;position:relative;}
.indiv{display:block;padding:5px 20px;border:solid 1px #ccc;transition:all .3s;border-radius:2px;overflow:hidden;position:relative;}
.infe dl dd.infd a.qw{cursor:pointer;}
.infe dl dd.infd a.qq .indiv:after{content:'';background:#e50011;color:#fff;border:solid 1px #e50011;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transition:all .3s;transform-origin:0 50%;transform:scaleX(0);width:100%;height:100%;}
.infe dl dd.infd a.ww .indiv:after{content:'';background:#10b4ff;color:#fff;border:solid 1px #10b4ff;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transition:all .3s;transform-origin:0 50%;transform:scaleX(0);width:100%;height:100%;}
.infe dl dd.infd a.qw .indiv:after{content:'';background:#0082ef;color:#fff;border:solid 1px #0082ef;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transition:all .3s;transform-origin:0 50%;transform:scaleX(0);width:100%;height:100%;}
.infe dl dd.infd a.qq .indiv:hover{border:solid 1px #e50011;color:#fff;}
.infe dl dd.infd a.ww .indiv:hover{border:solid 1px #10b4ff;color:#fff;}
.infe dl dd.infd a.qw .indiv:hover{border:solid 1px #0082ef;color:#fff;}
.infe dl dd.infd a i{font-style:inherit;}
.infe dl dd.infd a.qq .indiv i{background:url(../images/qq.png) no-repeat left center;background-size:18px;padding-left:24px;}
.infe dl dd.infd a.ww .indiv i{background:url(../images/ww.png) no-repeat left center;background-size:18px;padding-left:24px;}
.infe dl dd.infd a.qw .indiv i{background:url(../images/workWechat.png) no-repeat left center;background-size:18px;padding-left:24px;}
.infe dl dd.infd a .indiv:hover::after{transform:scaleX(1)}
.infe dl dd.infd a.qq .indiv:hover i{background:url(../images/qq2.png) no-repeat left center;background-size:18px;}
.infe dl dd.infd a.ww .indiv:hover i{background:url(../images/ww2.png) no-repeat left center;background-size:18px;}
.infe dl dd.infd a.qw .indiv:hover i{background:url(../images/workWechat-h.png) no-repeat left center;background-size:18px;}
.infe dl dd.infd .qwx{display:none;height:192px;position:absolute;left:-20px;bottom:50px;background:#fff;border:solid 1px #f3f3f3;text-align:center;font-size:12px;color:#333;box-sizing:border-box;padding:10px;box-shadow:0px 8px 40px 0px rgba(0,0,0,0.1);}
.infe dl dd.infd .qwx img{display:block;width:140px;height:140px;margin:0 auto;margin-bottom:6px;}
.infe dl dd.infd a.qw:hover .qwx{display:block;}

.lxwm{background:#fff;}
.gsbx{display:block;padding:80px 0;}
.shanghai{display:block;float:left;width:31%;background:#fff;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);padding:30px;margin-right:3.33%;box-sizing:border-box;}
.shanghai dl.shright dt{font-size:24px;color:#323232;}
.shanghai dl.shright dd{font-size:14px;color:#666;margin-top:10px;line-height:24px;padding-left:26px;}
.shanghai dl.shright dd.dzicon{background:url(../images/dzicon.png) no-repeat left top;background-size:20px;}
.shanghai dl.shright dd.dhicon{background:url(../images/dhicon.png) no-repeat left top;background-size:20px;}
.shanghai dl.shright dd.czicon{background:url(../images/czicon.png) no-repeat left top;background-size:20px;}
.shanghai dl.shright dd.yxicon{background:url(../images/yxicon.png) no-repeat left top;background-size:20px;}
.shanghai dl.shright dd.zx{padding-left:0;margin-top:20px;display:flex;}
.shanghai dl.shright dd.zx a{display:block;border:solid 1px #ccc;color:#333;font-size:14px;padding:6px 20px;border-radius:3px;position:relative;transition:all .3s;margin-right:10px;cursor:pointer;}
.shanghai dl.shright dd.zx a span{display:block;background:url(../images/qq.png) no-repeat left center;background-size:20px;padding-left:25px;}
.shanghai dl.shright dd.zx a.qywx span{display:block;background:url(../images/workWechat.png) no-repeat left center;background-size:20px;padding-left:25px;}
.shanghai dl.shright dd.zx a.qywx{display:block;position:relative;}
.shanghai dl.shright dd.zx a:hover{background:#e50011;color:#fff;border:solid 1px #e50011;}
.shanghai dl.shright dd.zx a.qywx:hover{background:#0082ef;color:#fff;border:solid 1px #0082ef;}
.shanghai dl.shright dd.zx a:hover span{background:url(../images/qq2.png) no-repeat left center;background-size:20px;}
.shanghai dl.shright dd.zx a.qywx:hover span{background:url(../images/workWechat-h.png) no-repeat left center;background-size:20px;}
.shanghai p{display:block;background:#f7f7f7;width:100%;height:206px;margin-top:30px;}
.shanghai p.shdz{background:url(../images/shdw.png) no-repeat;background-size:100%}
.shanghai p.dgdz{background:url(../images/dgdw.png) no-repeat;background-size:100%}
.shanghai p.fsdz{background:url(../images/fsdw.png) no-repeat;background-size:100%}
.shanghai p.shdz_en{background:url(../images/shdw_en.png) no-repeat;}
.shanghai p.dgdz_en{background:url(../images/dgdw_en.png) no-repeat;}
.shanghai p.fsdz_en{background:url(../images/fsdw_en.png) no-repeat;}
.shanghai dl.shright dd.zx a.qywx .qwd{display:none;position:absolute;left:-20px;bottom:50px;background:#fff;border:solid 1px #f3f3f3;text-align:center;font-size:12px;color:#333;box-sizing:border-box;padding:10px;box-shadow:0px 8px 40px 0px rgba(0,0,0,0.1);}
.shanghai dl.shright dd.zx a.qywx .qwd img{display:block;width:140px;height:140px;}
.shanghai dl.shright dd.zx a.qywx:hover .qwd{display:block;}
.shanghai dl.shright_en dd.zx a{padding:6px 10px;}
.shanghai dl.shright_en dd.zx a.qywx .qwd{left:0;}
.shanghai dl.shright_en dd.zx a.qywx .qwd img{display:block;width:100%;height:100%;}
.shanghai dl.shright_en dd.zx a.qywx .qwd em{display:block;font-size:14px;line-height:18px;margin-top:10px;}

.plist{display:block;float:left;width:50%;margin-bottom:20px;}
.plist p strong{font-size:20px;}
.plist_en{float:none;width:100%;margin-bottom:60px;}
.plist_en p strong{font-size:24px;}
.news-cont-box .plist_en p{font-size:18px;}

@keyframes myfirst{0%{right:-50%;}25%{right:0;}50%{right:0;}75%{right:0;}100%{right:0;}}
@-webkit-keyframes myfirst{0%{right:-50%;}25%{right:0;}50%{right:0;}75%{right:0;}100%{right:0;}}

@media screen and (max-width: 1650px){
    .shanghai p{height:0;padding-top:52%}
}

@media screen and (max-width: 1280px){
    .shanghai dl.shright dd.zx a{padding:6px 10px;}
}
@media screen and (max-width: 1137px){
    .shanghai{width:100%;margin:10px 0;}
    .shanghai dl.shright dd.zx a{padding:10px 30px;}
    .gsbx{padding:50px 0;}
    .contbook{
        flex-wrap: wrap;
    }
    .flex{
        width: 100%;
        order: 2;
        padding: 20px;
        border-radius: 30px 0 30px 0;
        animation: myfirst 5s;
        -webkit-animation: inherit;
    }
    .infe{
        width: 100%;
        order: 1;
        background: inherit;
        padding: 0;
    }
}

@media screen and (max-width: 960px){
    .gsbx{padding:0;}
    .shanghai{width:100%;box-shadow:none;border-bottom:1px dashed #ddd;padding:30px 0;margin:0;}
	.shanghai p{background-size:100%;height:auto;}
	.shanghai dl.shright dd.dzicon{height:auto;}
	.shanghai dl.shright dt{font-size:16px;}
	.shanghai dl.shright dd{font-size:12px;}
	.shanghai dl.shright_en dd.zx{flex-wrap:wrap;}
    .shanghai dl.shright_en dd.zx a{width:100%;display:flex!important;padding:15px 0;justify-content:center;margin:5px 0;}
    .shanghai dl.shright_en dd.zx a.qywx .qwd{width:100%;left:0;bottom:52px;height:auto;padding:30px 0;}
    .shanghai dl.shright_en dd.zx a.qywx .qwd img{width:75%;height:75%;margin:0 auto;}
    .flex{width:100%;order:2;padding:20px;border-radius:30px 0 30px 0;animation:myfirst 5s;-webkit-animation:inherit;}
	.flex dl dd{width:100%!important;padding-left:0!important;margin-bottom:10px;}
	.flex h4{font-size:18px;}
	.infe{width:100%;order:1;background:inherit;padding:0;}
	.infe h4{font-size:18px;}
	.infe dl dt{font-size:14px;}
	.infe dl dd{font-size:12px;line-height:20px;}
	.infe dl dd.infd{flex-wrap:wrap;}
    .infe dl dd.infd span{width:100%;}
    .infe dl dd.infd a{width:100%;margin-right:0;margin:5px 0;}
    .infe dl dd.infd a .indiv{padding:15px 20px;display:flex;justify-content:center;background:#fff;border-radius:1000px;}
    .infe dl dd.infd .qwx{width:100%;left:0;bottom:52px;padding:30px 0;height:auto;}
    .infe dl dd.infd .qwx img{width:75%;height:75%;}
}


/*application*/
.application{padding:80px 0;}
.tieth{display:flex;margin-bottom:40px;}
.tieth h3{font-size:36px;font-weight:700;}
.appdiv ul{grid-gap:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.appdiv ul li{background:#f7f7f7;height:370px;position:relative;}
.appdiv ul li span{display:block;width:100%;height:230px;overflow:hidden;}
.appdiv ul li span img{display:block;width:100%;height:100%;}
.apt{display:block;width:100%;padding:30px;box-sizing:border-box;background:#f7f7f7;position:absolute;left:0;bottom:0;transition:all .3s;}
.apt h5{font-size:24px;font-weight:700;color:#333;margin-bottom:20px;}
.apt p{font-size:16px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-height:0;text-overflow:ellipsis;transition:.3s ease-out;overflow:hidden;}
.apt a{font-size:16px;color:#e50011;}
.appdiv ul li:hover .apt{margin-top:-30px;}
.appdiv ul li:hover .apt p{margin-bottom:30px;max-height:50px;}
.applid{background:#e50011;padding:80px 0;}
.applid h5{color:#fff;font-size:42px;font-weight:700;margin-bottom:20px;}
.applid p{display:block;color:#fff;font-size:28px;margin-bottom:30px;}
.applid a{display:inline-block;border:solid 2px #fff;padding:10px 40px;color:#fff;transition:all .3s;}
.applid a:hover{background:#fff;color:#e50011;padding:10px 60px;}
.learn-more{padding:80px 0;}
.laernd{border-top:solid 1px #ddd;}
.ldiv{display:flex;padding:20px 0;align-items:center;cursor:pointer;}
.ldiv i{display:block;width:24px;height:24px;position:relative;margin-right:20px;}
.ldiv i:before{display:block;content:"";width:100%;height:3px;background:#000;position:absolute;left:0;top:50%;transform:translate(0,-50%);border-radius:1000px;}
.ldiv i:after{display:block;content:"";width:3px;height:100%;background:#000;position:absolute;left:50%;top:0;transform:translate(-50%,0);border-radius:1000px;}
.ldiv h3{font-size:28px;font-weight:700;}
.ltext p{font-size:16px;line-height:28px;margin-bottom:20px;}
.learn-more .laernd:nth-child(2){border-top:none;}
.ltext{padding-left:44px;display:none;}
.ldiv.active i:after{width:0;}

@media screen and (max-width: 980px){
    .appdiv ul{grid-gap:10px;grid-template-columns: repeat(2, minmax(0, 1fr));}
    .appdiv ul li span{height:120px;}
    .appdiv ul li{height:210px;}
    .apt{padding:10px;}
    .apt h5{font-size:18px;}
    .applid h5{font-size:26px;}
    .applid p{font-size:18px;}
    .applid{padding:40px 0;}
    .applid a{display:flex;justify-content:center;font-size:18px;align-items:center;}
    .tieth{margin-bottom:10px;}
    .tieth h3{font-size:22px;margin-bottom:10px;}
    .ldiv h3{font-size:20px;}
    .ldiv{padding:10px 0;}
    .learn-more{padding:40px 0;}
    .application{padding:40px 0;}
}

.clear{clear:both;}
/*service*/
.service-cont,.service-pilot{display:block;overflow:hidden;padding:80px 0;}
.service-system{display:block;padding:80px 0;background:#fff;}
#service-system{background:inherit;margin-top:0;padding:80px 0;}
.serv-pic-img{display:block;float:left;width:45%;height:0;background:url(../images/service-img-left.jpg) no-repeat;background-size:100%;padding-top:28.5%}
.serv-div-d{display:block;float:right;width:50%;}
.serv-title{font-size:36px;color:#333;font-weight:700;}
.serv-cont-p{font-size:16px;color:#666;line-height:24px;margin-top:20px;}
.serv-cont-pt{font-size:20px;font-weight:700;color:#333;}
.serv-cont-p a{color:#e50011;font-weight:700;}
.serva{display:inline-block;padding:15px 50px;border:solid 2px #e50011;text-align:center;color:#e50011;font-size:16px;margin-top:20px;position:relative;}
#serva{cursor:pointer;font-weight:700;}
.serva:after{content:'';background:#e50011;color:#fff;border:solid 2px #e50011;position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;transition:all .3s;transform-origin:0 50%;transform:scaleX(0);}
.serva:hover::after{transform:scaleX(1);}
.serva:hover{color:#fff;}
.service-system-div{display:block;padding:0 50px;}
.service-ul-d{margin:0 -15px;padding:60px 0;}
.service-ul-d li{display:block;float:left;width:25%;height:320px;box-sizing:border-box;padding:15px;position:relative;z-index:1;transition:all .3s;}
.service-ul-d li:hover{background:#fff;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.08);}
.system_en .service-ul-d li{height:345px;}
.se-span-pic{display:block;width:100%;padding:40px 0;background:#fce5e7;}
.se-span-pic .icon{display:block;margin:0 auto;width:80px;height:80px;}
.se-span-pic .icon1{background:url(../images/icon1-img1.png) no-repeat;}
.se-span-pic .icon2{background:url(../images/icon1-img2.png) no-repeat;}
.se-span-pic .icon3{background:url(../images/icon1-img3.png) no-repeat;}
.se-span-pic .icon4{background:url(../images/icon1-img4.png) no-repeat;}
.se-span-pic .icon5{background:url(../images/icon1-img5.png) no-repeat;}
.se-span-pic .icon6{background:url(../images/icon1-img6.png) no-repeat;}
.se-span-pic .icon7{background:url(../images/icon1-img7.png) no-repeat;}
.se-title-p{font-size:18px;text-align:center;padding:25px 0;}
.se-cont-p{font-size:14px;color:#999;padding:0 12px;line-height:24px;}
.service-pilot{padding:60px 50px;}
.service-div-p{display:block;overflow:hidden;margin-top:60px;}
.serv-div-l{display:block;float:left;width:60%;padding-top:30px;text-align:right;}
.l2{float:right;text-align:left;}
.serv-div-r{display:block;float:right;width:36%;height:313px;background-size:100%!important}
.r2{float:left}
.l-title-p{font-size:24px;color:#333;}
.l-cont-p{font-size:16px;line-height:24px;color:#999;}
.serv-div-l i{display:inline-block;margin:20px 0;width:48px;height:6px;background:#e50011;}
#serv1{background:url(../images/serv-img1.jpg) no-repeat;}
#serv2{background:url(../images/serv-img2.jpg) no-repeat;}
#serv3{background:url(../images/serv-img3.jpg) no-repeat;}
#serv4{background:url(../images/serv-img4.jpg) no-repeat;}

.title-h3-d{display:block;font-size:36px;color:#333;text-align:center;font-weight:bold;}
.cont-p-d{display:block;font-size:16px;color:#666;text-align:center;padding:15px 0;}
/*sercase*/
.sercase{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;}
.scaseleft{width:60%;}
.scaseleft ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.scaseleft ul li{width:32%;text-align:center;margin-top:20px;background:#f4f6f9;padding:30px;box-sizing:border-box;cursor:pointer;transition:all .3s;}
.scaseleft ul li span img{display:block;width:100%;height:auto;}
.scaseleft ul li h5{font-size:18px;font-weight:700;color:#000;margin-top:10px;}
.scaseleft ul li:hover{background:#fff;box-shadow:0px 13px 23px 0px rgba(0,0,0,.1);}
.scaseleft_en ul li h5{font-size:15px;}
.casetxt p{font-size:16px;line-height:28px;margin-top:20px;}
.scaseright{width:35%;}
.scaseright span{display:block;}
.scaseright span img,.teamleft span img{display:block;width:100%;height:auto;}

/*team*/
.team{padding:80px 0;}
.teambox{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:60px;}
.teamleft{width:50%;}
.teamleft span{display:block;width:100%;height:430px;}
.teamright{width:45%;}
.teamright p{font-size:16px;color:#333;line-height:28px;margin:30px 0;}
#team{background:#fff;}
.teamright dl dt{font-size:24px;font-weight:700;margin-bottom:20px;}
.teamright dl dd{margin-top:10px;overflow:hidden;}
.teamright dl dd i{display:block;width:5px;height:5px;background:#e50011;float:left;margin-right:5px;margin-top:8px;}

.section2 .section2-btn ul{flex-wrap:wrap;width:880px;justify-content:space-between;}
.section2 .section2-btn ul li{width:16%;box-sizing:border-box;margin:5px 0;}

@media screen and (max-width:1650px){
    .scaseleft ul li{padding:20px;}
    .serv-title{font-size:32px;}
    .scaseleft ul li h5{font-size:16px;}
    .teamleft span{height:368px;}
}

@media screen and (max-width:1440px){
    .scaseleft ul li{padding:15px;}
    .serv-title{font-size:28px;}
    .scaseleft ul li h5{font-size:14px;}
    .teamleft span{height:auto;}
}

@media screen and (max-width:1280px){
    .scaseleft ul li{padding:10px;}
    .serv-title{font-size:24px;}
    .scaseleft ul li h5{font-size:14px;}
    .serva{padding:10px 20px;}
    .serv-cont-p{font-size:14px;}
}

/* Inner page */
.ny-bread {
position: absolute;
width: 100%;
left: 0;
bottom: 3px;
}

.bread {
float: right;
font-size: 0;
font-size: 16px;
line-height: 30px;
color: #000;
padding: 20px 0;
}

.bread p {
font-size: 14px;
color: #000;
}

.bread a {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #000;
}

.bread p em {
display: inline;
margin: 0 3px;
color: #000;
font-size: 12px;
}

.bread p em.bread-hom {
font-size: 20px;
margin: 0 3px 0 0;
}

em.fontaw {
font-style: normal;
font-family: 'fontaw';
position: relative;
z-index: 3;
}

.lpage {
font-size: 0;
width: 100%;
text-align: center;
position: relative;
}

.lpage a {
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #666;
margin: 0 5px;
font-family: "mon-r";
padding: 5px;
width: 40px;
text-align: center;
transition: ease .5s;
}

.lpage a.on,
.lpage a:hover {
background: #155be8;
color: #fff;
}

.lpage a em {
font-size: 15px;
}

.mainer .banner {
position: relative;
margin-top: 100px;
}

.pub-banner img {
width: 100%;
}

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

.pub-banner .pub-banner-font h3 {
font-size: 0.48rem;
padding-bottom: 25px;
margin-bottom: 30px;
color: #333333;
position: relative;
}

.pub-banner .pub-banner-font h3::before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 60px;
height: 4px;
background-color: #e50011;
}

.pub-banner .pub-banner-font p {
font-size: 18px;
line-height: 1.3;
color: #666666;
}

.pub-banner .pub-banner-font1 p {
font-size: 0.24rem;
font-weight: lighter;
}

.pub-banner .pub-banner-font1 .eng {
font-family: "Gilroy-UltraLight";
font-size: 0.38rem;
color: #c5c5c5;
margin-bottom: 15px;
}

.pub-banner .pub-banner-font1 h3::before {
display: none;
}

.nav-menu {
background-color: #ffffff;
border-bottom: 1px solid #eaeaea;
}

.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;
border-bottom: 1px solid #d2d2d2;
display: none;
}

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

.nav-menu .nav-menu-ul {
flex-wrap: wrap;
}

.nav-menu .nav-menu-ul a {
font-family: "ArialMT";
font-size: 18px;
line-height: 80px;
color: #333333;
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;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin-right: 5.3%;
}

.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: 4px;
background-color: #e50011;
-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: 120%;
}

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

.in-section {
padding-top: 65px;
position: relative;
}
/* product */
.product1 {
padding-top: 80px;
padding-bottom: 80px;
}

.product1 .product1-ul {
flex-wrap: wrap;
position: relative;
margin-bottom: 30px;
}

.product1 .product1-ul li {
width: 32%;
position: relative;
margin-right: 2%;
margin-bottom: 3.5%;
}

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

.product1 .product1-ul li a {
display: block;
width: 100%;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
padding:4%;
}

.product1 .product1-font {
text-align: center;
}

.product1 .product1-font p{
    text-align:left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:30px;
}
.product1 .product1-font p em{
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 45%;
    line-height: 28px;
    display: flex;
    justify-content: space-between;
}

.product1 .product1-font .tit {
font-size: 22px;
font-family: "ArialMT";
color: #333333;
margin-bottom: 20px;
font-weight:700;
}

.product1 .product1-font .btn span,
.product1 .product1-font .btn em {
font-size: 16px;
line-height: 1.2;
color: #e50011;
}

.product1 .product1-font .btn em {
font-size: 14px;
font-weight: bold;
display: inline-block;
margin-left: 5px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

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

.product1 .product1-img {
overflow: hidden;
position: relative;
padding-bottom: 5%;
}

.product1 .product1-img img{
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.product1 .product1-ul li a:hover .product1-img img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
/* paging */
.paging {
align-items: center;
flex-wrap: wrap;
}

.paging a {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #ececec;
font-size: 18px;
color: #999999;
margin-right: 6px;
margin-bottom: 6px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
display: block;
transition: .5s;
}

.paging span {
font-size: 16px;
color: #999999;
line-height: 50px;
margin: 0 10px;
margin-bottom: 6px;
vertical-align: top;
display: inline-block;
}

.paging .mrl-27 {
margin-left: 15px;
}

.paging .paging-icon {
width: 80px;
font-size: 16px;
}

.paging a.active,
.paging a:hover,
.paging .paging-sub:hover {
background-color: #e50011;
color: #fff;
}

.paging input {
width: 80px;
height: 50px;
padding: 0 10px;
line-height: 50px;
border: solid 1px #e5e5e5;
font-size: 16px;
text-align: center;
color: #999999;
margin-bottom: 6px;
}

.paging .paging-sub {
background-color: #ececec;
border: solid 1px #ececec;
margin-bottom: 6px;
font-size: 16px;
cursor: pointer;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.paging span:first-child {
padding-right: 27px;
}
/* proinfo */
.proinfo1 {
align-items: center;
margin-top: 10px;
}

.proinfo1 .proinfo1-left {
width: 50%;
position: relative;
}

.proinfo1 .proinfo1-bgm {
width: 600px;
height: 660px;
background-color: #e50011;
border-radius: 0px 40px 40px 0px;
float: left;
}

.proinfo1 .proinfo1-img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 26.5%;
max-width: 650px;
max-height: 500px;
overflow: hidden;
}

.proinfo1 .proinfo1-img ul{
    background:url(../images/cpbj.jpg) no-repeat;
}

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

.proinfo1 .proinfo1-right {
width: 50%;
position: relative;
padding-right: 13.3%;
padding-left: 3%;
}

.proinfo1 .inner-tit,
.proinfo3 .inner-tit {
text-align: left;
}

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

.inner-tit h3 {
font-size: 0.42rem;
color: #333333;
}

.inner-tit .eng {
font-family: "ArialMT";
font-size: 18px;
color: #e50011;
margin-top: 5px;
margin-bottom: 15px;
}

.inner-tit .line {
width: 2px;
height: 30px;
background-color: #e50011;
display: inline-block;
}

.proinfo1 .proinfo1-dec {
font-family: "ArialMT";
font-size: 16px;
line-height: 1.875;
color: #666666;
}

.proinfo1 .proinfo1-dec p {
margin-top: 4%;
}

.proinfo2 {
background-color: #f7f7f7;
margin-top: 80px;
padding-bottom: 80px;
}

.proinfo2 .proinfo2-table,
.proinfo4 .proinfo4-table {
overflow-x: auto;
overflow-y: hidden;
margin-top: 3%;
}

.proinfo2 table,
.proinfo4 table {
width: 1400px;
}

.proinfo2 table td {
font-size: 14px;
height: 46px;
color: #666666;
border: 1px solid #dfdbda;
padding: 0 5%;
}

.proinfo2 table td:nth-child(1),
.proinfo2 table td:nth-child(3) {
width: 22%;
}

.proinfo2 table td:nth-child(2),
.proinfo2 table td:nth-child(4) {
width: 28%;
}

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

.proinfo3 .proinfo3-img {
margin-top: 5.5%;
overflow: hidden;
}

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

.proinfo4 {
padding-bottom: 65px;
}

.proinfo4 table td,
.proinfo4 table th {
font-family: "ArialMT";
font-size: 16px;
height: 40px;
color: #666666;
border: 1px solid rgba(197,197,197, 0.8);
text-align: center;
vertical-align: middle !important;
}

.proinfo4 table th {
background: #F3F3F3;
font-weight: normal;
}

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

.proinfo4 .table-dec {
font-family: "ArialMT";
font-size: 14px;
color: #666666;
margin: 15px 0;
}

.proinfo4 table td:nth-child(even) {
width: 100px;
}

.proinfo4 table td:nth-child(1)
.proinfo4 table td:nth-child(5),
.proinfo4 table td:nth-child(6) {
width: 150px;
}

.proinfo4 table td:nth-child(3),
.proinfo4 table td:nth-child(11) {
width: 130px;
}

.proinfo4 table td:nth-child(9),
.proinfo4 table td:nth-child(10) {
width: 100px;
}
/* ability */
.ability1-list {
align-items: center;
margin-top: 3.5%;
position: relative;
}

.ability1 .ability1-left {
width: 60%;
align-items: center;
position: relative;
}

.ability1 .ability1-right {
width: 40%;
position: relative;
padding-left: 5.5%;
margin-top: 7.5%;
}

.ability1 .ability1-img1 {
max-width: 150px;
max-height: 180px;
overflow: hidden;
float: right;
}

.ability1 .ability1-img2 {
max-width: 240px;
max-height: 180px;
overflow: hidden;
float: right;
}

.ability1 .ability1-img3 {
max-width: 600px;
max-height: 580px;
overflow: hidden;
}

.ability1 .ability1-left-lf {
width: 240px;
}

.ability1 .ability1-left-rt {
width: calc(100% - 240px);
position: relative;
}

.ability1 .ability1-eng {
font-size: 0.40rem;
color: #e50011;
font-family: "BodoniBT-Bold";
font-weight: bold;
position: absolute;
top: 60px;
right: -35%;
}

.ability1 .dian {
width: 10px;
height: 10px;
background-color: #e50011;
border-radius: 50%;
margin-top: 10px;
}

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

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

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

.ability1 .ability1-li {
position: relative;
margin-bottom: 5.5%;
}

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

.ability2 .ability2-top {
flex-wrap: wrap;
}

.ability2 .ability2-top li {
width: 49%;
margin-right: 2%;
position: relative;
}

.ability2 .ability2-top li:nth-child(2n),
.ability2 .ability2-bot li:nth-child(3n) {
margin-right: 0px;
}

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

.ability2 .ability2-tit {
width: 100%;
padding: 3.75%;
font-family: "ArialMT";
font-size: 20px;
text-align: center;
color: #ffffff;
background: rgba(239,107,1, 0.8);
position: absolute;
bottom: 0px;
left: 50%;
transform: translateX(-50%);
}

.ability2 .ability2-top {
margin-top: 3.5%;
margin-bottom: 30px;
position: relative;
}

.ability2 .ability2-bot li {
border: solid 1px #ecebf0;
position: relative;
width: 32.5%;
margin-right: 2.3%;
}

.ability2 .ability2-bot .ability2-tit {
padding: 5.65% 3.75%;
}

.ability3 {
background-color: #f7f7f7;
padding-bottom: 80px;
margin-top: 80px;
}

.ability3 .ability3-left,
.ability3 .ability3-right {
width: 50%;
overflow: hidden;
position: relative;
}

.ability3 .ability3-left .ability3-img img {
width: 100%;
}

.ability3 .ability3-list {
align-items: center;
margin-top: 3.2%;
}

.ability3 .ability3-font {
font-size: 16px;
color: #ffffff;
text-align: center;
width: 64.3%;
padding: 4%;
background: url(../images/ab-bgm1.png) no-repeat center center;
background-size: cover;
position: absolute;
bottom: 0px;
right: 0px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.ability3 .ability3-rtimg {
margin: 0 auto;
padding: 4% 0;
}

.ability3 .swiper-pagination,
.process2 .swiper-pagination {
display: none;
}

.ability3 .ability3-ul li {
/* width: 30%; */
font-family: "ArialMT";
font-size: 16px;
line-height: 30px;
color: #333333;
position: absolute;
}

.ability3 .ability3-ul li span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.ability3 .ability3-ul li em {
display: inline-block;
padding: 0 5px;
}

.ability3 .ability3-ul li:nth-child(1) {
top: 5%;
left: 20%;
}

.ability3 .ability3-ul li:nth-child(2) {
top: 23%;
left: 10%;
}

.ability3 .ability3-ul li:nth-child(3) {
top: 40%;
left: 13%;
}

.ability3 .ability3-ul li:nth-child(4) {
top: 57%;
left: 11%;
}

.ability3 .ability3-ul li:nth-child(5) {
top: 74%;
left: 15%;
}

.ability3 .ability3-ul li:nth-child(6) {
top: 95%;
left: 42.5%;
}

.ability3 .ability3-ul li:nth-child(7) {
top: 74%;
left: 72%;
}

.ability3 .ability3-ul li:nth-child(8) {
top: 57%;
left: 75%;
}

.ability3 .ability3-ul li:nth-child(9) {
top: 40%;
left: 75%;
}

.ability3 .ability3-ul li:nth-child(10) {
top: 23%;
left: 74%;
}

.ability3 .ability3-ul li:nth-child(11) {
top: 5%;
left: 64%;
}

.ability4 {
padding-bottom: 80px;
}

.ability4 .ability4-dec {
font-size: 16px;
text-align: center;
line-height: 30px;
color: #666666;
margin-top: 2.5%;
margin-bottom: 4%;
}

.ability4 .ability4-num {
width: 77px;
height: 77px;
background-color: #d6d6d6;
text-align: center;
line-height: 77px;
font-family: "ArialMT";
font-size: 26px;
border-radius: 50%;
color: #333333;
position: relative;
margin: 0 auto;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.ability4 .ability4-num::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 106px;
height: 106px;
border-radius: 50%;
border: solid 2px #f0f0f0;
}

.ability4 .ability4-tit {
font-size: 18px;
text-align: center;
color: #666666;
margin-top: 35px;
}

.ability4 {
padding-top: 65px;
}

.ability4 .ability4-ul li {
position: relative;
flex: 1;
}

.ability4 .ability4-ul li:hover .ability4-num {
background-color: #e50011;
color: #fff;
}

.ability4 .ability4-line {
top: 45px;
right: -75px;
display: block;
position: absolute;
width: 152px;
height: 22px;
background: url(../images/ab-xticon.png) no-repeat center;
background-size: 100%;
}

.ability4 .ability4-ul li:last-child .ability4-line {
display: none;
}
/* process */
.process1 .process1-left {
width: 350px;
position: relative;
}

.process1 .process1-lfont h5 {
font-size: 18px;
line-height: 30px;
color: #666666;
}

.process1 .process1-lfont p {
font-family: "ArialMT";
font-size: 18px;
line-height: 30px;
color: #999999;
}

.process1 .process1-lxt {
position: relative;
padding-top: 124px;
margin-top: 43px;
font-size: 18px;
line-height: 18px;
color: #999;
font-family: "Arial";
writing-mode: tb-rl;
position: relative;
}

.process1 .process1-lxt::before {
position: absolute;
content: "";
width: 2px;
height: 30px;
background: #e50011;
left: 5px;
top: 0;
}

.process1 .process1-lxt::after {
position: absolute;
content: "";
width: 2px;
height: 70px;
background: #bfbfbf;
left: 5px;
top: 34px;
}

.process1 .process1-right {
width: calc(100% - 350px);
position: relative;
}

.process1 .process1-right .inner-tit {
text-align: left;
}

.process1 .process1-font {
font-size: 16px;
line-height: 32px;
color: #666666;
padding-top: 2.5%;
}

.process1 .scroll-ul .scroll-ul-num {
font-family: "ArialMT";
color: #e50011;
line-height: 1.2;
font-size: 36px;
}

.process1 .scroll-ul .scroll-ul-num span {
font-size: 0.60rem;
vertical-align: -6px;
}

.process1 .scroll-ul .scroll-ul-dec {
color: #666;
margin-top: 0px;
font-size: 16px;
}

.process1 .scroll-ul {
padding-top: 3%;
}

.process1 .scroll-ul li {
margin-right: 13%;
text-align: center;
}

.process1 .scroll-ul li:last-child {
margin-right: 0px;
}

.process1 .process1-ul,
.process2 .process2-swiper,
.process3 .process3-ul {
margin-top: 3.5%;
position: relative;
align-items: flex-end;
}

.process1 .process1-ul li {
position: relative;
width: 25.45%;
margin-right: 1.5%;
}

.process1 .process1-ul li:first-child,
.process1 .process1-ul li:last-child {
width: 22.3%;
}

.process1 .process1-ulfont {
font-size: 20px;
text-align: center;
line-height: 36px;
color: #333333;
padding: 10px;
padding-bottom: 0px;
}

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

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

.process1 .process1-img img {
width: 100%;
height: 100%;
}

.process2 {
margin-top: 80px;
padding-bottom: 80px;
background-color: #e50011;
}

.process2 .inner-tit h3,
.process2 .inner-tit .eng {
color: #fff;
}

.process2 .inner-tit .line {
background-color: #fff;
}

.process2 .process2-font {
font-size: 18px;
font-family: "ArialMT";
color: #333333;
text-align: center;
background-color: #fff;
padding: 6% 4%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.process2 .swiper-slide::before {
content: "";
position: absolute;
top: -9px;
right: -34px;
width: 0px;
height: 0px;
border-bottom: 50px solid #e50011;
border-left: 50px solid rgba(0, 0, 0, 0);
border-right: 50px solid rgba(0, 0, 0, 0);
transform: rotate(45deg);
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.process2 .swiper-slide:hover::before {
top: -29%;
right: -43%;
}

.quality3,
.new1,
.new1 .new1-bot {
padding-bottom: 80px;
}

.process3 {
padding-bottom: 95px;
}

.process3 .process3-icon {
width: 50px;
height: 50px;
position: relative;
margin: 0 auto;
}

.process3 .process3-font .tit {
font-size: 18px;
text-align: center;
color: #ffffff;
margin-top: 15px;
position: relative;
z-index: 3;
}

.process3 .process3-img {
width: 230px;
height: 230px;
margin: 0 auto;
border-radius: 50%;
position: relative;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.process3 .process3-img::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
background: rgba(0,0,0, 0.4);
border-radius: 50%;
}

.process3 .process3-img::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #e50011;
border-radius: 50%;
width: 260px;
height: 260px;
z-index: -1;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

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

.process3 .process3-ul li {
width: 33.33%;
position: relative;
}

.process3 .process3-ul {
padding: 0 8%;
}

.process3 .process3-ul li:hover .process3-img::after {
width: 280px;
height: 280px;
}
/* quality */
.quality1 .quality1-ul li {
font-size: 20px;
color: #000000;
align-items: center;
position: absolute;
}

.quality1 .quality1-ul li em {
font-size: 36px;
line-height: 1.2;
font-family: "BodoniBT-Bold";
font-style: italic;
color: #e50011;
padding: 0 18px;
}

.quality1 .quality1-list,
.quality3 .quality3-ul {
position: relative;
margin-top: 3.5%;
}

.quality1 .quality1-ul li:nth-child(1) {
top: 20%;
left: 22.5%;
}

.quality1 .quality1-ul li:nth-child(2) {
top: 70%;
left: 19.5%;
}

.quality1 .quality1-ul li:nth-child(3) {
top: 70%;
left: 64%;
}

.quality1 .quality1-ul li:nth-child(4) {
top: 20%;
left: 64%;
}

.quality2 {
background-color: #f7f7f7;
}

.quality2 .inner-tit h3 {
color: #333333;
}

.quality2 .inner-tit .eng {
color: #e50011;
}

.quality2 .inner-tit .line,
.quality2 .process2-font {
background-color: #e50011;
}

.quality2 .process2-font {
color: #fff;
}

.quality2 .swiper-slide:hover .process2-font {
color: #e50011;
background-color: #dfdfdf;
}

.quality2 .swiper-slide::before {
border-bottom: 50px solid #f7f7f7;
}

.quality2 .swiper-slide:nth-child(3) {
border: solid 1px #dfdfdf;
}

.quality3 .quality3-ul li {
width: 49%;
position: relative;
margin-right: 2%;
border: solid 1px #eaeaea;
overflow: hidden;
}

/* new */
.new1 {
padding-top: 0;
overflow:initial;
}

.new1 .new1-left {
width: 48.58%;
position: relative;
}

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

.new1 .new1-right {
width: calc(100% - 48.58%);
position: relative;
}

.new1 .new1-right li {
width: 46.8%;
margin-left: 3.2%;
background-color: #f7f7f7;
}

.new1 .new1-lffont {
position: absolute;
width: 100%;
z-index: 3;
bottom: 0px;
padding: 40px 50px;
}

.new1 .new1-lffont time {
font-family: "ArialMT";
font-size: 16px;
color: #ffffff;
}

.new1 .new1-lffont .tit {
font-size: 22px;
line-height: 32px;
color: #ffffff;
margin-top: 5px;
}

.new1 .new1-font {
padding: 10% 12%;
position: relative;
}

.new1 .new1-font time {
font-family: "Gilroy-Regular";
font-size: 16px;
color: #666666;
}

.new1 .new1-font .tit {
font-size: 20px;
height:60px;
overflow:hidden;
line-height: 30px;
color: #333333;
margin-top: 5px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.new1 .new1-font .c-text{
    margin: 30px 0 70px;
    height: 52px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #999;
}

.new1 .new1-font .c-time{
    position: relative;
    padding-top:20px;
    display: flex;
    align-items: center;
    border-top: 1px solid #ebf0f5;
    color: #666;
}

.new1 .new1-font .c-time:before{
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    border-top: 1px solid #e50011;
    width: 0;
    transition: all .3s;
}
.new1 .new1-font .c-time img{
    max-width: inherit;
    margin:0;
    margin-right:15px;
    width:16px;
    height:16px;
}
.new1 .new1-font .c-time time{
    font-size:16px;
    color:#666;
}

.new1 .new1-bot li:hover .c-time:before{
    width: 100%;
}

.new1 .new1-bot li:hover{
    transform: translateY(-15px);
    box-shadow: 0 .01rem .24rem 0 rgba(108,108,108,0.2);
}
.new1 .new1-font span {
color: #e50011;
}

.new1 .new1-img {
width: 100%;
overflow: hidden;
height:240px;
}

.new1 .new1-bot {
flex-wrap: wrap;
position: relative;

}

.new1 .new1-bot li {
width: 23%;
margin-right: 2%;
position: relative;
margin-top: 3.5%;
background-color: #fff;
box-shadow: 0 .01rem .24rem 0 rgba(108,108,108,0.11);
border-radius: 10px;
transition: all .3s;
overflow:hidden;
}

.new1 .new1-bot .new1-font {
padding: 7% 9%;
}

.new1 .new1-bot .new1-font span {
display: block;
padding-bottom: 15px;
padding-top: 5px;
}

@media screen and (max-width: 800px){
    .new1 .new1-font .c-text{margin:0 0 20px;}
}


/* new-info */
.newinfo1 .newinfo1-top time {
font-family: "Gilroy-Regular";
font-size: 18px;
color: #999999;
}

.newinfo1 .newinfo1-top .tit {
font-size: 0.30rem;
color: #222222;
margin-bottom: 10px;
margin-top: 5px;
}

.newinfo1 .newinfo1-top .dec {
font-family: "ArialMT";
font-size: 16px;
color: #999999;
}

.newinfo1 .newinfo1-top .dec span {
margin-right: 35px;
display: inline-block;
}

.newinfo1 .newinfo1-top .dec span:last-child {
margin-right: 0px;
}

.newinfo1 .newinfo1-bot {
font-size: 16px;
line-height: 30px;
color: #666666;
margin-top: 3.5%;
}

.newinfo1 .newinfo1-bot h5 {
font-size: 20px;
line-height: 32px;
color: #e50011;
margin-bottom: 5px;
}

.newinfo1 .newinfo1-bot img {
margin: 3% auto;
}

.newinfo1 .newinfo1-bot p {
margin-bottom: 30px;
}

.newinfo1 .newinfo1-page {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
padding: 1.67% 0;
align-items: center;
margin-top: 5.5%;
}

.newinfo1 .newinfo1-prev {
text-align: left;
}

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

.newinfo1 .newinfo1-prev,
.newinfo1 .newinfo1-next {
font-size: 16px;
line-height: 30px;
color: #666;
width: 45%;
font-family: "ArialMT";
}

.newinfo1 .newinfo1-prev span,
.newinfo1 .newinfo1-next span {
display: inline-block;
vertical-align: middle;
width: calc(95% - 30px);
}

.newinfo1 .newinfo1-page em {
font-size: 16px;
color: #666;
font-weight: bold;
display: inline-block;
vertical-align: -1px;
width: 30px;
}

.newinfo1 .newinfo1-prev em {
padding-right: 15px;
}

.newinfo1 .newinfo1-next em {
padding-left: 15px;
display: inline-block;
vertical-align: middle;
}

.newinfo1 .newinfo1-all:hover img {
transform: rotate(90deg);
}
/* contact */
.contact1 {
padding-top: 0px;
margin-top: 80px;
}

.contact1 {
background-color: #f7f7f7;
align-items: center;
}

.contact1 .inner-tit .dec {
font-size: 18px;
color: #333333;
margin-top: 5px;
}

.contact1 .contact1-map,
.contact1 .contact1-addr {
width: 50%;
position: relative;
}

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

.contact1 .contact1-font,
.contact1 .contact1-font a {
font-family: "Gilroy-Regular";
font-size: 18px;
line-height: 30px;
color: #666666;
text-align: center;
}

.contact1 .contact1-icon {
width: 28px;
height: 28px;
position: relative;
margin: 0 auto;
margin-bottom: 10px;
}

.contact1 .contact1-ul li:last-child .contact1-icon {
margin-bottom: 15px;
}

.contact1 .contact1-ul li {
position: relative;
margin-top: 45px;
}

.contact2 {
padding-bottom: 80px;
}

.contact-input {
margin-top: 3%;
}

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

.contact-input1 li {
width: 49.3%;
margin-bottom: 1.3%;
margin-right: 1.3%;
position: relative;
}

.contact-input1 li:nth-child(2) {
margin-right: 0px;
}

.contact-input1 li:nth-child(3) {
margin-right: 0px;
width: 100%;
}

.contact-input1 li:last-child {
width: 100%;
margin-right: 0px;
}

.contact-input input {
font-size: 16px;
background-color: #f7f7f7;
padding: 2.55%;
width: 100%;
color: #666666;
}

.contact-input1 li:nth-child(3) input {
padding: 1.25%;
}

.contact-input textarea {
font-size: 16px;
color: #666666;
background-color: #f7f7f7;
padding: 1.2% 1.2%;
width: 100%;
min-height: 117px;
}

.contact-input .proinfo-more {
margin: 0 auto;
margin-top: 1.5%;
width: 180px;
height: 55px;
color: #fff;
line-height: 55px;
background-color: #e50011;
border-radius: 10px;
font-size: 16px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.contact-input .proinfo-more button {
cursor: pointer;
width: 100%;
}

.contact-input .proinfo-more em {
font-size: 24px;
display: inline-block;
vertical-align: middle;
padding-left: 10px;
}
/* join */
.insrecruit-list {
margin-top: 10px;
}

.insrecruit-list ul {
padding: 0 0 20px
}

.insrecruit-list .insrecruit-list-tag {
padding: 2% 3%;
margin-bottom: 20px;
background-color: #f6f6f6;
}

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

.insrecruit-list li {
margin-bottom: 30px;
background-color: #f7f7f7;
transition: all .5s;
}

.insrecruit-list li:last-child {
margin-bottom: 0px;
}

.insrecruit-list .rectue-top {
height: 150px;
font-family: "ArialMT";
padding: 2% 4%;
background-color: #f7f7f7;
cursor: pointer;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
align-items: center;
}

.insrecruit-list .rectue-top .name {
width: calc(100% - 30px);
text-align: left;
padding-right: 20px;
}

.insrecruit-list .rectue-top .name h5 {
font-size: 20px;
display: block;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
color: #333;
}

.insrecruit-list .rectue-top .post-dec {
padding: 0px;
margin-top: 1.5%;
}

.insrecruit-list .rectue-top .post-dec li {
font-size: 16px;
color: #666666;
padding: 0 25px;
position: relative;
margin-bottom: 0px;
}

.insrecruit-list .rectue-top .post-dec li:first-child {
padding-left: 0px;
}

.insrecruit-list .rectue-top .post-dec li:last-child {
padding-right: 0px;
}

.insrecruit-list .rectue-top .post-dec li span {
padding-right: 50px;
font-size: 16px;
color: #666666;
}

.insrecruit-list .rectue-top .icon {
width: 30px;
text-align: right;
}

.insrecruit-list .rectue-top .icon-em {
width: 30px;
height: 30px;
float: right;
position: relative;
border-radius: 50%;
overflow: hidden;
}

.insrecruit-list .rectue-top .icon em {
position: absolute;
background: #e50011;
width: 30px;
height: 2px;
-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: 2px;
height: 30px;
left: 50%;
top: 50%;
transform: translateY(-50%);
}

.insrecruit-list .rectue-min {
padding: 0 4% 3.5% 4%;
color: #757575;
display: none;
position: relative;
}

.insrecruit-list .rectue-min .desc {
font-size: 16px;
line-height: 32px;
color: #666666;
padding-top: 1.5%;
border-top: 1px solid #e4e4e4;
}

.insrecruit-list .rectue-min .desc h5 {
font-size: 16px;
padding-bottom: 1%;
color: #666666;
}

.insrecruit-list .dec-item {
padding-bottom: 2.5%;
}

.insrecruit-list .rectue-send {
width: 300px;
height: 60px;
line-height: 60px;
background-color: #e50011;
border-radius: 5px;
text-align: center;
margin-top: 10px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.insrecruit-list .rectue-send a {
width: 100%;
display: block;
font-size: 16px;
color: #fff;
transition: all .3s
}

.insrecruit-list .desc .dec-h5 {
font-size: 16px;
line-height: 32px;
color: #666666;
}

.insrecruit-list .load-more {
width: 200px;
height: 50px;
border-radius: 10px;
background-color: #e50011;
margin: 0 auto
}

.insrecruit-list .load-more a {
width: 100%;
display: block;
text-align: center;
font-size: 18px;
line-height: 50px;
letter-spacing: 1px;
color: #fff
}

.insrecruit-list li.cur .rectue-top .icon em:nth-child(2) {
opacity: 0;
}

.insrecruit-list li.cur .rectue-top .icon-em em,
.insrecruit-list li:hover .rectue-top .icon-em em {
background: #e50011;
}

.insrecruit-list {
position: relative;
padding-bottom: 80px;
}

.insrecruit-list .rectue-send:hover,
.contact-input .proinfo-more:hover {
background: #e50011;
}
/* 视频弹窗 */
.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);
}
/* about */
.about1 {
padding-top: 80px;
padding-bottom: 0px;
align-items: center;
justify-content:space-between;
}


.about1 .section3 .section3-cen{
    flex:inherit;
}


.about1 .about1-left {
position: relative;
width: 55%;
padding-right: 8%;
}

.about1 .section3-cen {
margin-top: 0px;
}

.about1 .inner-tit {
text-align: left;
}


.about1 .about1-dec p{
    
line-height: 28px;
color: #666666;
margin:15px 0;
}

.about1 .about1-img {
margin-top: 5%;
margin-bottom: 6%;
}

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

.about1 .section-scroll li:nth-child(1) {
top: 14%;
left: 39%;
}

.about1 .section-scroll li:nth-child(2) {
top: 26%;
left: 62%;
}

.about1 .section-scroll li:nth-child(3) {
top: 52%;
left: 65.5%;
}

.about1 .section-scroll li:nth-child(4) {
top: 70%;
left: 47.5%;
}

.about1 .section-scroll li:nth-child(5) {
top: 61%;
left: 22%;
}

.about1 .section-scroll li:nth-child(6) {
top: 32%;
left: 17%;
}

.about2 .about2-ul {
position: relative;
margin-top: 3.2%;
}

.about2 .about2-ul li {
width: 20%;
position: relative;
}

.about2 .about2-icon {
width: 130px;
height: 130px;
border: solid 1px #dddddd;
position: relative;
margin: 0 auto;
border-radius: 50%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.about2 .about2-ul li:hover .about2-icon {
border: 1px solid #e50011;
}

.about2 .about2-icon .himg {
display: none;
}

.about2 .about2-ul li:hover .himg {
display: block;
}

.about2 .about2-ul li:hover .img {
display: none;
}

.about2 .about2-font {
text-align: center;
margin-top: 25px;
}

.about2 .about2-font .tit {
font-size: 24px;
color: #333333;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-weight:700;
}

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

.about2 .about2-btul,
.about4 .about4-swiper {
position: relative;
margin-top: 3.2%;
}

.about2 .about2-btul li {
position: relative;
width: 55%;
overflow: hidden;
}

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

.about2 .about2-btul li:first-child {
width: 43%;
margin-right: 2%;
}

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

.about2 .about2-btfont .tit {
font-size: 0.36rem;
font-weight: lighter;
color: #ffffff;
}

.about2 .about2-btfont .dec {
font-size: 18px;
color: #ffffff;
margin-top: 5px;
}

.about2 .about2-btimg img,
.about2 .about2-btimg {
width: 100%;
height: 100%;
}

.about3 {
background-color: #e50011;
margin-top: 80px;
overflow: hidden;
}

.about3 .inner-tit {
margin-bottom: 30px;
}

.about3 .inner-tit h3,
.about3 .inner-tit .eng {
color: #fff;
}

.about3 .inner-tit .line {
background-color: #fff;
}

.about3 .about3-swiper {
height: 525px;
width: 100%;
position: relative;
}

.about3 .swiper-slide {
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.about3 .about3-swiper::before {
content: "";
position: absolute;
left: 50%;
margin-left: -700px;
top: 6.5%;
width: 1400px;
height: 1400px;
/* border: 2px dotted rgba(255, 255, 255, 0.7); */
background: url(../images/a-qbgm.png) no-repeat center center;
background-size: cover;
/* animation: rotaterotate 120s infinite linear; */
}

.about3 .about3-img {
position: absolute;
top: 37.1%;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
width: 815px;
height: 815px;
z-index: 1;
overflow: hidden;
}
/* .about3 .about3-img img{
width: 100%;
height: 100%;
} */
.about3 .about3-font .time {
font-family: "ArialMT";
font-size: 0.38rem;
color: #ffffff;
position: relative;
z-index: 9;
}

.about3 .about3-font .dec {
font-family: "ArialMT";
font-size: 16px;
line-height: 24px;
color: #ffffff;
position: relative;
z-index: 3;
}

.about3 .about3-font:hover .time,
.about3 .about3-font:hover .dec {
font-weight: bold;
}

.about3 .swiper-container {
padding-top: 5%;
width: 1400px;
height: 1400px;
margin: 0 auto;
border-radius: 50%;
padding: 0 2.5%;
padding-top: 5%;
}

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

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

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

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

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

.about3 .about3-dian {
width: 19px;
height: 19px;
background-color: #ffffff;
border-radius: 50%;
position: absolute;
-webkit-animation: icon_scale 1.5s ease-in-out infinite;
-moz-animation: icon_scale 1.5s ease-in-out infinite;
animation: icon_scale 1.5s ease-in-out infinite;
}

.about3 .about3-dian::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 37px;
height: 37px;
opacity: 0;
border: solid 1px #ffffff;
border-radius: 50%;
-webkit-animation: icon_scale 1.5s ease-in-out infinite;
-moz-animation: icon_scale 1.5s ease-in-out infinite;
animation: icon_scale 1.5s ease-in-out infinite;
}

@-webkit-keyframes icon_scale {
0% {
width: 19px;
height: 19px;
opacity: 1
}
}

.about3 .about3-font {
height: 155px;
overflow-y: auto;
overflow-x: hidden;
}

.about3 .swiper-slide-active .about3-dian {
top: 20px;
left: 63px;
}

.about3 .swiper-slide-active + .swiper-slide .about3-dian {
top: 20px;
left: -30px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide .about3-dian {
top: 0px;
left: 125px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .about3-dian {
top: 20px;
right: -30px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .about3-dian {
top: 20px;
right: 63px;
}

.about3 .swiper-slide-active,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
margin-top: 20%;
}

.about3 .swiper-slide-active + .swiper-slide,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
margin-top: 5.5%;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide {
padding-top: 40px;
margin-top: -3.5%;
}

.about3 .swiper-slide-active .about3-font {
padding-left: 105px;
}

.about3 .swiper-slide-active + .swiper-slide .about3-font {
padding-left: 20px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide .about3-font {
text-align: center;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .about3-font {
padding-right: 25px;
text-align: right;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .about3-font {
padding-right: 110px;
text-align: right;
}

.about3 .swiper-button-next,
.about3 .swiper-button-prev {
display: none;
}

.about4 .swiper-slide h4 {
font-size: 18px;
line-height: 30px;
color: #333333;
padding: 20px;
text-align: center;
}

.about4 .swiper-slide:hover h4 {
color:#e50011;
}


.about4 .swiper-button-prev {
left: -45px;
}

.about4 .swiper-button-next {
right: -45px;
}

.about4 .about4-img {
position: relative;
overflow: hidden;
width: 100%;
display: block;
}

.about4 .swiper-button-prev,
.about4 .swiper-button-next,
.about3 .swiper-button-next,
.about3 .swiper-button-prev {
width: 16px;
height: 30px;
border: none;
}

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

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

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

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

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

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

.about4 .swiper-pagination,
.about5 .swiper-pagination {
display: none;
}

.about5 {
margin-top: 55px;
padding-bottom: 30px;
}

.about5 .about5-font {
font-size: 16px;
text-align: center;
color: #333333;
margin-top: 20px;
}

.about5 .about5-img {
width: 120px;
height: 120px;
overflow: hidden;
background-color: #f5f5f5;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
border-radius: 50%;
border: 8px solid #fff;
position: relative;
margin: 0 auto;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.about5 .about5-swiper .swiper-container {
padding: 3.2% 6%;
}

.about5 .swiper-slide:hover .about5-img {
border: 8px solid #e50011;
}


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

/* responsive */
@media screen and (max-width: 1679px) {
.w1600 {
width: 90%;
}

.banner .swiper-bimg1 {
top: -23.5%;
right: 42%;
}

.banner .swiper-bimg2 {
top: -13%;
right: 13.5%;
}

.headfixed .logo-font h4 img {
max-width: 220px;
}

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

.banner .swiper-ft1 {
top: -110px;
right: -200px;
}

.banner .swiper-ft2 {
top: -120px;
right: -130px;
}
}

@media screen and (max-width: 1560px) {
.headfixed .logo-font h4 img {
display: none;
}

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

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

.section4 .section4-tit::before {
width: 120px;
}

.section4 .section4-tit::before {
width: 100px;
height: 72px;
}

.headfixed .logo-img img {
max-width: 300px;
}

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

.mainer .banner {
margin-top: 81px;
}

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

.banner .swiper-bimg2 img {
max-width: 320px;
}

.banner .swiper-bimg2 {
top: -10%;
}

.section3 .section-scroll li:nth-child(2) {
top: 26%;
left: 62%;
}

.section3 .section-scroll li:nth-child(6) {
top: 34%;
left: 20%;
}

.section3 .section-scroll li:nth-child(3) {
top: 53%;
left: 65%;
}

.section3 .section-scroll li:nth-child(1) {
top: 16%;
left: 40%;
}

.section3 .section-scroll li:nth-child(5) {
top: 60%;
left: 24%;
}

.section3 .section-scroll li:nth-child(4) {
top: 71%;
left: 46%;
}

.section3 .section-scroll li:nth-child(1) {
top: 16%;
left: 39%;
}

.section3 .section-scroll li:nth-child(2) {
top: 26%;
left: 65%;
}

.section3 .section-scroll li:nth-child(3) {
top: 53%;
left: 70%;
}

.section3 .section-scroll li:nth-child(4) {
top: 71%;
left: 47.5%;
}

.section3 .section-scroll li:nth-child(5) {
top: 60%;
left: 21%;
}

.section3 .section-scroll li:nth-child(6) {
top: 34%;
left: 17%;
}

.contact1 .contact1-ul li {
margin-top: 30px;
}
}

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

.section3 .section3-ftimg img,
.about1 .about1-img img {
max-width: 250px;
}

.section4 .section4-dec {
padding: 0px 8%;
}

.section5 .section5-rtleft, .section5 .section5-rtright {
height: 240px;
}

.section5 .section5-btn img {
width: 55px;
height: 55px;
}

.banner .swiper-bimg1 img {
max-width: 220px;
}

.banner .swiper-bimg2 img {
max-width: 300px;
}

.section2 {
height: 700px;
}

.ability3 .ability3-font {
width: 70.3%;
}

.menu-list > ul > li .head-subnav {
padding: 3.3% 4%;
}

.section4 .swiper-container,
.about4 .swiper-container {
width: 90%;
}

.section4 .section4-img {
width: 97px;
height: 97px;
}

.menu-list .head-item-font .tit {
font-size: 20px;
}

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

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

.about3 .swiper-container {
width: 1280px;
height: 1280px;
}

.about3 .about3-swiper::before {
width: 1260px;
height: 1260px;
margin-left: -630px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide .about3-dian {
top: 0px;
left: 113px;
}

.about3 .about3-font .dec {
font-size: 14px;
}

.about3 .about3-img {
width: 650px;
height: 650px;
top: 50.1%;
}

.about2 .about2-icon {
width: 110px;
height: 110px;
}

.about4 .swiper-slide h4 {
padding: 20px 15px;
}

.proinfo1 .proinfo1-img {
left: 8.5%;
}

.proinfo1 .proinfo1-right {
padding-right: 8.5%;
padding-left: 4%;
}

.quality1 .quality1-ul li:nth-child(1) {
top: 20%;
left: 19.5%;
}

.quality1 .quality1-ul li:nth-child(4) {
top: 20%;
left: 66%;
}

.quality1 .quality1-ul li:nth-child(2) {
top: 70%;
left: 16.5%;
}

.quality1 .quality1-ul li:nth-child(3) {
top: 70%;
left: 66%;
}

.newinfo1 .newinfo1-top .tit {
font-size: 24px;
}

.contact1 .contact1-ul li {
margin-top: 20px;
}
}

@media screen and (max-width: 1366px) {
.banner .swiper-bimg2 img {
max-width: 280px;
}

.section1::before {
width: 700px;
height: 170px;
}

.section1::after {
width: 1200px;
height: 120px;
}

.section3 .section3-bgm {
width: 100%;
}

.section3 .section3-left {
width: 35%;
}

.section3 .scroll-dec,
.footer .footerphone-menu h3 a {
font-size: 16px;
}

.section3 .section-scroll li:nth-child(1) {
top: 16%;
left: 39%;
}

.section3 .section-scroll li:nth-child(2) {
top: 26%;
left: 65%;
}

.section3 .section-scroll li:nth-child(3) {
top: 54%;
left: 69%;
}

.section3 .section-scroll li:nth-child(4) {
top: 72%;
left: 47%;
}

.section3 .section-scroll li:nth-child(5) {
top: 61%;
left: 21%;
}

.section3 .section-scroll li:nth-child(6) {
top: 34%;
left: 17%;
}

.section4 .section4-tit::before {
width: 80px;
height: 58px;
}

.section4 .swiper-container {
width: 80%;
}

.section5 .section5-swiper a::before {
height: 4px;
}

.section5 .section5-swiper a {
border-bottom: 4px solid #eeeeee;
}

.footer .footer-subnav a {
font-size: 14px;
line-height: 30px;
}

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

.footer .foot-bot-tel a,
.section1 .section1-font .tit {
font-size: 22px;
}

.footer .footer-subnav {
margin-top: 10px;
}

.section5 .section5-swpfont .tit,
.section5 .section5-font .tit,
.section1 .section1-right a,
.pub-banner .pub-banner-font1 p,
.new1 .new1-lffont .tit {
font-size: 20px;
}

.about3 .about3-font .time {
font-size: 26px;
}

.section5 .section5-font2 .tit {
font-size: 24px;
}

.section5 .section5-font,
.section5 .section5-rttop .section5-font2 {
padding: 40px;
}

.section5 .section5-btn h5,
.ability2 .ability2-tit,
.process1 .process1-ulfont,
.new1 .new1-font .tit {
font-size: 18px;
}

.about4 .swiper-slide h4 {
font-size: 16px;
}

.section1 .section1-right li::before {
height: 8px;
}

.banner .swiper-ft1 {
top: -110px;
right: -150px;
}

.banner .swiper-bimg1 img {
max-width: 180px;
}

.banner .swiper-bimg1 {
top: -5.5%;
right: 42%;
}

.banner .swiper-bimg2 img {
max-width: 240px;
}

.banner .swiper-bimg2 {
top: 10%;
}

.banner .swiper-ft2 {
top: -110px;
right: -120px;
}

.section3 .section3-addr {
font-size: 20px;
}

.ability2 .ability2-tit {
padding: 2.75%;
}

.ability3 .ability3-rtimg img {
max-width: 260px;
}

.ability3 .ability3-rtimg {
padding: 7% 0;
}

.ability1 .ability1-eng {
top: 30px;
}

.bread {
padding: 15px 0;
font-size: 14px;
}

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

.ability2 .ability2-bot .ability2-tit {
padding: 4.5% 3.75%;
}

.about3 .swiper-container {
width: 1200px;
height: 1200px;
}

.about3 .about3-swiper::before {
width: 1200px;
height: 1200px;
margin-left: -600px;
}

.about3 .swiper-slide-active .about3-dian {
top: 10px;
left: 57px;
}

.about3 .swiper-slide-active .about3-font {
padding-left: 90px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .about3-dian {
top: 10px;
right: 57px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .about3-font {
padding-right: 90px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide .about3-dian {
top: 0px;
left: 105px;
}

.proinfo1 .proinfo1-bgm {
width: 500px;
height: 500px;
}

.proinfo1 .proinfo1-img img {
max-width: 500px;
}

.process1 .scroll-ul .scroll-ul-num span {
vertical-align: -2px;
}

.quality1 .quality1-ul li:nth-child(1) {
top: 20%;
left: 17.5%;
}

.quality1 .quality1-ul li:nth-child(2) {
top: 70%;
left: 14.5%;
}

.quality1 .quality1-ul li:nth-child(4) {
top: 20%;
left: 67%;
}

.quality1 .quality1-ul li:nth-child(3) {
top: 70%;
left: 67%;
}

.new1 .new1-font {
padding: 9% 8%;
}

.new1 .new1-lffont {
padding: 40px 30px;
}

.insrecruit-list .rectue-min {
padding: 0 50px 80px 50px;
}
}

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

.banner .swiper-ft1 {
top: -110px;
right: -120px;
}

.banner .swiper-ft h4 {
font-size: 20px;
margin-bottom: 6px;
}

.banner .swiper-ft2 {
top: -110px;
right: -80px;
}

.banner .swiper-bimg2 {
top: 4%;
}

.banner .swiper-bimg1 {
top: -9.5%;
}

.language {
width: 50px;
height: 35px;
line-height: 35px;
}

.section2 {
height: 600px;
}

.section3 .section3-ftimg img,
.about1 .about1-img img {
max-width: 220px;
}

.section3 .section-scroll li:nth-child(2) {
top: 26.5%;
}

.section3 .section-scroll li:nth-child(3) {
top: 54%;
}

.section3 .section-scroll li:nth-child(4) {
top: 71%;
left: 47%;
}

.section3 .section-scroll li:nth-child(5) {
top: 61.5%;
}

.section3 .section-scroll li:nth-child(6) {
top: 33.5%;
left: 16%;
}

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

.ability1 .ability1-eng {
font-size: 26px;
}

.section3 .section-scroll li:nth-child(1) .scroll-num,
.ability4 .ability4-num {
font-size: 24px;
}

.about2 .about2-btfont .tit {
font-size: 22px;
}

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

.section2 .section2-dec1,
.menu-list .head-item-font .tit,
.section3 .scroll-num,
.ability1 .ability1-font .tit {
font-size: 18px;
}

.menu-list h3 a,
.language-text,
.about2 .about2-btfont .dec {
font-size: 16px;
}

.section3 .section-scroll li:nth-child(4) .scroll-num, .section3 .section-scroll li:nth-child(6) .scroll-num,
.section3 .scroll-dec {
font-size: 14px;
}

.section4 .swiper-container {
width: 86%;
}

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

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

.section5 .section5-rtleft, .section5 .section5-rtright {
height: 220px;
}

.menu-list > ul > li .head-subnav {
width: 73%;
}

.ability3 .ability3-rtimg img {
max-width: 220px;
}

.ability3 .ability3-ul li {
line-height: 26px;
}

.ability3 .ability3-ul li:nth-child(2) {
top: 25%;
}

.ability3 .ability3-ul li:nth-child(4) {
top: 55.5%;
}

.ability3 .ability3-ul li:nth-child(5) {
top: 71%;
}

.ability3 .ability3-ul li:nth-child(6) {
top: 92%;
left: 40%;
}

.ability3 .ability3-ul li:nth-child(11) {
top: 6%;
left: 61%;
}

.ability3 .ability3-ul li:nth-child(10) {
top: 25%;
left: 71%;
}

.ability3 .ability3-ul li:nth-child(9) {
top: 40%;
left: 72%;
}

.ability3 .ability3-ul li:nth-child(8) {
top: 56%;
left: 72%;
}

.ability3 .ability3-ul li:nth-child(7) {
top: 71%;
left: 70%;
}

.ability3 .ability3-ul li:nth-child(1) {
left: 18%;
}

.ability3 .ability3-ul li:nth-child(2) {
left: 8%;
}

.ability3 .ability3-ul li:nth-child(3) {
left: 12%;
}

.ability3 .ability3-ul li:nth-child(4) {
left: 9%;
}

.ability3 .ability3-ul li:nth-child(5) {
left: 13%;
}

.ability4 .ability4-line {
right: -54px;
width: 110px;
}

.ability1 .ability1-font .dec {
margin-top: 5px;
}

.ability1 .ability1-eng {
top: 20px;
}

.about3 .swiper-container {
width: 95%;
height: auto;
margin: 0 auto;
border-radius: 0px;
padding: 0px;
}

.about3 .swiper-slide-active,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide,
.about3 .swiper-slide-active + .swiper-slide,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide {
margin-top: 0px;
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide {
padding-top: 0px;
}

.about3 .swiper-slide-active .about3-font,
.about3 .swiper-slide-active + .swiper-slide .about3-font,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide .about3-font,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .about3-font,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .about3-font {
padding-left: 0px;
text-align: center;
padding-top: 40px;
}

.about3 .swiper-slide-active .about3-dian,
.about3 .swiper-slide-active + .swiper-slide .about3-dian,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide .about3-dian,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .about3-dian,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .about3-dian {
top: 8px;
left: 50%;
transform: translateX(-50%);
}

.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .about3-font,
.about3 .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .about3-font {
padding-right: 0px;
}

.about3 .swiper-container::before {
content: "";
position: absolute;
top: 18px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 1px;
border: 1px dotted rgba(255, 255, 255, 0.5);
}

.about3 .about3-swiper::before {
width: 1000px;
height: 1000px;
margin-left: -500px;
top: 31%;
}

.about3 .inner-tit {
margin-bottom: 20px;
}

.about3 .swiper-button-next, .about3 .swiper-button-prev {
display: block;
top: 5%;
}

.paging .paging-icon {
width: 70px;
}

.paging a {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 16px;
}

.paging .paging-sub,
.paging input {
width: 70px;
height: 45px;
line-height: 45px;
}

.paging span {
line-height: 45px;
}

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

.process1 .scroll-ul .scroll-ul-num span {
font-size: 40px;
}

.process1 .scroll-ul .scroll-ul-num {
font-size: 32px;
}

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

.process1 .process1-right {
width: calc(100% - 300px);
}

.quality1 .quality1-ul li:nth-child(1) {
top: 20%;
left: 14.5%;
}

.quality1 .quality1-ul li:nth-child(2) {
top: 70%;
left: 10.5%;
}

.quality1 .quality1-ul li:nth-child(3) {
top: 70%;
left: 68.5%;
}

.quality1 .quality1-ul li:nth-child(4) {
top: 20%;
left: 68.5%;
}

.new1 .new1-font .tit {
margin-bottom: 11%;
}

.contact1 .contact1-icon,
.contact1 .contact1-ul li:last-child .contact1-icon {
margin-bottom: 0px;
}

.contact1 .contact1-ul li {
margin-top: 15px;
}

.insrecruit-list .dec-item {
padding-bottom: 10px;
}
}

@media screen and (max-width: 1100px) {
.headfixed .menu-list > ul {
display: none;
}

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

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

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

.headfixed .btn-list {
width: 100%;
justify-content: flex-end;
}

.headfixed .btn-list .btn-right {
width: auto;
}

.btn-search {
margin: 0 50px;
}

.headfixed .logo-img img {
max-width: 260px;
}

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

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

.headfixed.headerbgm .menu-list h3 a {
padding: 0px;
}

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

.banner .swiper-bimg1 img {
max-width: 140px;
}

.banner .swiper-bimg2 img {
max-width: 200px;
}

.banner .swiper-bimg1 {
top: 7.5%;
right: 45%;
}

.banner .swiper-bimg2 {
top: 14%;
right: 15.5%;
}

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

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

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

.section5 .section5-swpfont .tit, .section5 .section5-font .tit, .section1 .section1-right a,
.section3 .section3-addr {
font-size: 18px;
}

.footer .foot-bot-tel a, .section1 .section1-font .tit {
font-size: 20px;
}

.section1::before {
width: 500px;
height: 120px;
}

.section1::after {
width: 800px;
height: 75px;
}

.section2 {
height: 500px;
}

.section3 .scroll-num span,
.pub-banner .pub-banner-font1 .eng {
font-size: 26px;
}

.section3 .section3-cen {
width: 433px;
}

.section3 .section3-left {
width: calc(100% - 433px - 18%);
}

.section3 .section-scroll li:nth-child(2) {
top: 24.5%;
}

.section3 .section-scroll li:nth-child(3) {
top: 49.5%;
}

.section3 .section-scroll li:nth-child(4) {
top: 66%;
left: 47%;
}

.section3 .section-scroll li:nth-child(5) {
top: 56.5%;
}

.section3 .section-scroll li:nth-child(6) {
top: 30%;
left: 16%;
}

.section3 .section3-ftimg img,
.about1 .about1-img img {
max-width: 180px;
}

.section3 .section3-font,
.pub-banner .pub-banner-font p,
.nav-menu .nav-menu-ul a,
.contact1 .inner-tit .dec,
.contact1 .contact1-font {
font-size: 16px;
}

.section5 .section5-rtleft, .section5 .section5-rtright {
height: 180px;
}

.section5 .section5-font, .section5 .section5-rttop .section5-font2 {
padding: 25px;
}

.section5 .section5-font .dec {
margin-top: 5px;
}

.section5 .section5-font2 .tit {
font-size: 22px;
}

.about5 {
padding-bottom: 70px;
}

.section5 .swiper-pagination,
.headfixed .logo-font h4 img,
.about5 .swiper-pagination {
display: block;
}

.section5 .focusl-list {
padding-bottom: 50px;
}

.section5 .section5-left.swiper-container{
    padding-bottom:0;
}

.banner .swiper-ft .dec {
font-size: 14px;
}

.headfixed .logo-font h4 img {
max-width: 160px;
}

.pub-banner .pub-banner-font h3 {
font-size: 26px;
padding-bottom: 15px;
margin-bottom: 15px;
}

.pub-banner .pub-banner-font h3::before {
width: 50px;
height: 2px;
}

.nav-menu .nav-menu-ul li::before {
height: 2px;
}

.nav-menu .nav-menu-ul a {
line-height: 70px;
}

.ability1-list,
.ability3 .ability3-list {
flex-wrap: wrap;
}

.ability1 .ability1-left,
.ability1 .ability1-right,
.ability3 .ability3-left,
.ability3 .ability3-right {
width: 100%;
}

.ability1 .ability1-eng {
right: 0px;
top: 70px;
}

.ability1 .ability1-right {
margin-top: 30px;
padding-left: 0px;
}

.ability1 .ability1-li {
margin-bottom: 20px;
}

.ability3 .ability3-font {
padding: 2.5%;
}

.ability3 .ability3-rtimg img {
max-width: 300px;
}

.ability3 .ability3-rtimg {
padding: 8% 0;
}

.ability3 .ability3-ul li:nth-child(1) {
top: 12%;
left: 26%;
}

.ability3 .ability3-ul li:nth-child(2) {
top: 27%;
left: 20%;
}

.ability3 .ability3-ul li:nth-child(3) {
left: 22.5%;
top: 42%;
}

.ability3 .ability3-ul li:nth-child(4) {
left: 21%;
}

.ability3 .ability3-ul li:nth-child(5) {
left: 23.5%;
}

.ability3 .ability3-ul li:nth-child(6) {
top: 89%;
left: 43.5%;
}

.ability3 .ability3-ul li:nth-child(11) {
top: 12%;
left: 61%;
}

.ability3 .ability3-ul li:nth-child(10) {
top: 28%;
left: 68.5%;
}

.ability3 .ability3-ul li:nth-child(9) {
top: 42%;
left: 68.5%;
}

.ability3 .ability3-ul li:nth-child(8) {
top: 56%;
left: 68.5%;
}

.ability3 .ability3-ul li:nth-child(7) {
top: 71%;
left: 67%;
}

.ability3 {
padding-bottom: 30px;
}

.ability4 .ability4-tit {
margin-top: 25px;
}

.ability4 .ability4-line {
right: -34px;
width: 70px;
}

.headfixed.top {
top: 0px;
}

.section3 .section-scroll li:nth-child(6) {
top: 33%;
left: 16%;
}

.section3 .section-scroll li:nth-child(5) {
top: 60%;
}

.section3 .section-scroll li:nth-child(4) {
top: 71%;
left: 47%;
}

.section3 .section-scroll li:nth-child(3) {
top: 53%;
}

.section3 .section-scroll li:nth-child(2) {
top: 25.5%;
}

.section3 .section-scroll li:nth-child(1) {
top: 15%;
left: 39%;
}

.about2 .about2-icon {
width: 90px;
height: 90px;
}

.about2 .about2-icon img {
max-width: 45px;
}

.about3 .about3-swiper::before {
width: 800px;
height: 800px;
margin-left: -400px;
top: 38%;
}

.about5 .about5-swiper .swiper-container {
padding: 3.2% 2% 5% 2%;
}

.pub-banner .pub-banner-font1 .eng {
font-size: 26px;
margin-bottom: 10px;
}

.proinfo1 .proinfo1-bgm {
width: 400px;
height: 400px;
}

.proinfo1 .proinfo1-img img {
max-width: 400px;
}

.proinfo1 .proinfo1-right {
padding-left: 0px;
}

.process3 .process3-ul {
padding: 0px;
}

.quality1 .quality1-ul li {
font-size: 18px;
}

.quality1 .quality1-ul li em {
font-size: 30px;
padding: 0 15px;
}

.quality1 .quality1-ul li:nth-child(1) {
top: 20%;
left: 8.5%;
}

.quality1 .quality1-ul li:nth-child(2) {
top: 70%;
left: 3.5%;
}

.quality1 .quality1-ul li:nth-child(4) {
top: 20%;
left: 73%;
}

.quality1 .quality1-ul li:nth-child(3) {
top: 70%;
left: 73%;
}

.new1 .new1-font {
padding: 7% 8%;
}

.new1 .new1-font .tit {
font-size: 16px;
line-height: 28px;
}

.new1 .new1-font .tit {
margin-bottom: 9%;
}

.section1 .swiper-slide:hover .section1-img img,
.section5 .section5-item a:hover .section5-img img,
.product1 .product1-ul li a:hover .product1-img img,
.proinfo3 .proinfo3-img:hover img,
.ability1 .ability1-img:hover img,
.ability2 .ability2-top li:hover .ability2-img img,
.ability2 .ability2-bot li:hover .ability2-img img,
.process1 .process1-ul li:hover .process1-img img,
.quality3 .quality3-ul li:hover .quality3-img img,
.new1 .new1-right li:hover .new1-img img,
.new1 .new1-left:hover .new1-img img,
.new1 .new1-bot li:hover .new1-img img,
.about2 .about2-btul li:hover .about2-btimg img,
.about4 .swiper-slide:hover .about4-img img,
.about3 .about3-img:hover img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}

.section1 .section1-top li:hover .section1-top-img img,
.process3 .process3-ul li:hover .process3-icon img,
.contact1 .contact1-ul li:hover .contact1-icon img,
.about2 .about2-ul li:hover .about2-icon {
transform: translateY(0px);
}
}

@media screen and (max-width: 980px) {
.new1 .new1-font .tit{
    margin-bottom: 5%;
}
.pub-pbanner,
.footer .footerphone-menu,
.pub-pcbanner,
.ability4 .ability4-line {
display: none;
}

.pub-mbanner,
.nav-menu .nav-name {
display: block;
}

.headfixed > div {
padding:5px 5%;
}

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

.banner .swiper-font .swiper-p {
font-size: 18px;
}

.banner .swiper-font .swiper-en {
font-size: 30px;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 28px;
}

.banner .swiper-font,
.section1 .in-tit,
.footer .foot-bot-left, .footer .foot-bot-right,
.footer .foot-bot-tel {
text-align: center;
}

.banner .more {
margin: 0 auto;
margin-top: 35px;
}

.banner .swiper-bimg1 {
top: 200%;
right: 68%;
}

.banner .swiper-bimg2 {
top: 180%;
right: 21.5%;
}

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

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

.banner .swiper-fontlist {
top: 25%;
left: 50%;
transform: translate(-50%, -25%);
-ms-transform: translate(-50%, -25%);
-moz-transform: translate(-50%, -25%);
-webkit-transform: translate(-50%, -25%);
-o-transform: translate(-50%, -25%);
}

.section1 .section1-top,
.section3,
.section5 .section5-item,
.footer .foot-bot,
.about2 .about2-ul,
.about2 .about2-btul,
.proinfo1,
.proinfo3,
.proinfo4 .table-dec,
.process1-top,
.process1 .process1-ul,
.new1 .new1-top,
.contact1 {
flex-wrap: wrap;
}

.section1 .in-tit,
.section1 .section1-right,
.section3 .section3-left,
.section5 .section5-left, .section5 .section5-right,
.footer .foot-bot-left, .footer .foot-bot-right,
.footer .foot-top-left,
.about1 .about1-left,
.about2 .about2-btul li,
.about2 .about2-btul li:first-child,
.proinfo1 .proinfo1-left,
.proinfo1 .proinfo1-right,
.proinfo3 .proinfo3-left, .proinfo3 .proinfo3-right,
.process1 .process1-left,
.process1 .process1-right,
.new1 .new1-left,
.new1 .new1-right,
.contact1 .contact1-map, .contact1 .contact1-addr {
width: 100%;
}

.footer .foot-top-left{
    padding-right:0;
    display:block;
}

.footer .foot-top-left .foot-erwm{
    display:none;
}

.proinfo1 .proinfo1-right {
padding-left: 8.5%;
margin-top: 30px;
}

.about2 .about2-btul li:first-child {
margin-right: 0px;
}

.about1 .about1-left,
.about2 .about2-btul li:first-child {
padding-right: 0px;
margin-bottom: 30px;
}

.section1 .section1-right {
justify-content: center;
margin-top: 20px;
}

.section {
padding-top: 50px;
}

.section3,
.section5 {
padding-bottom: 55px;
}

.about3 {
margin-top: 55px;
}

.about5 {
margin-top: 35px;
padding-bottom: 50px;
}

.section4 {
padding: 55px 0;
}

.process2 {
margin-top: 55px;
padding-bottom: 55px;
}

.in-tit h3,
.about3 .about3-font .time {
font-size: 24px;
}

.footer .foot-bot-tel a, .section1 .section1-font .tit {
font-size: 18px;
}

.section1 .swiper-slide:nth-child(odd) {
margin-top: 0%;
}

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

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

.section1 .swiper-container {
padding-top: 0px;
}

.section1 .more {
opacity: 1;
}

.section1::after {
width: 600px;
height: 60px;
}

.section2 .section2-dec {
font-size: 18px;
}

.section2 .section2-dec1,
.inner-tit .eng,
.section5 .section5-btn h5, .ability2 .ability2-tit,
.process2 .process2-font {
font-size: 16px;
}

.section2 .section2-btn a {
width: 130px;
height: 40px;
line-height: 40px;
font-size: 14px;
}

.section2 {
height: 400px;
}

.section2::before {
width: 600px;
}

.section3 .section3-ftimg {
margin: 20px auto;
}

.section3 .section3-cen {
width: 70%;
flex: auto;
}

.section3 .num {
font-size: 26px;
margin-top: 35px;
}

.section3 .section3-right {
width: 30%;
}

.section3 .section-scroll li:nth-child(2) {
top: 26.5%;
}

.section3 .section-scroll li:nth-child(3) {
top: 53.5%;
}

.section3 .section-scroll li:nth-child(4) {
top: 70%;
}

.section3 .section-scroll li:nth-child(5) {
top: 60.5%;
}

.section3 .section-scroll li:nth-child(6) {
top: 33%;
left: 16%;
}

.section4 .section4-dec {
padding: 0px;
}

.section4 .in-tit h3::before, .section5 .in-tit h3::before {
width: 45px;
}

.section5 .section5-left {
margin-right: 0px;
margin-bottom: 20px;
}

.section5 .section5-rtbot {
margin-top: 20px;
}

.section5 .section5-rtleft, .section5 .section5-rtright {
height: 230px;
}

.footer .foot-bot-logo img {
display: block;
}

.footer .foot-bot-share {
justify-content: center;
}

.footer .foot-bot-logo {
margin-bottom: 20px;
}

.footer .foot-bot-share {
margin-top: 10px;
}

.footer .foot-bot-tel a {
margin-bottom: 15px;
}

.footer .foot-top {
padding: 50px 0 30px 0;
}

.section5 .section5-item {
margin-top: 20px;
margin-bottom: 20px;
}

.footer .foot-bot-tel a {
font-size: 20px;
}

.nav-menu .nav-menu-ul {
display: block;
width: 100%;
position: absolute;
z-index: 100;
background: #fff;
box-shadow: 0 1px 4px 1px #f1f1f1;
display: none;
}

.nav-menu,
.nav-menu .nav-menu-ul li.active {
border: none;
}

.nav-menu .nav-menu-ul li {
width: 100%;
text-align: left;
border-bottom: 1px solid #d2d2d2;
}

.nav-menu .nav-menu-ul a {
padding: 15px 30px;
line-height: 26px;
}

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

.product1 {
padding-top: 55px;
}

.ability4,
.product1,
.proinfo4,
.quality3, .new1, .new1 .new1-bot,
.contact2 {
padding-bottom: 55px;
}

.proinfo2 {
margin-top: 55px;
padding-bottom: 60px;
}

.ability3 {
margin-top: 55px;
}

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

.ability3 .ability3-ul li:nth-child(1) {
top: 10%;
left: 19%;
}

.ability3 .ability3-ul li:nth-child(2) {
top: 26%;
left: 11%;
}

.ability3 .ability3-ul li:nth-child(3) {
left: 14.5%;
top: 41%;
}

.ability3 .ability3-ul li:nth-child(4) {
left: 12%;
}

.ability3 .ability3-ul li:nth-child(5) {
left: 16.5%;
}

.ability3 .ability3-ul li:nth-child(6) {
top: 91%;
left: 42.5%;
}

.ability3 .ability3-ul li:nth-child(7) {
top: 71%;
left: 71%;
}

.ability3 .ability3-ul li:nth-child(8) {
top: 56%;
left: 73.5%;
}

.ability3 .ability3-ul li:nth-child(9) {
top: 42%;
left: 73.5%;
}

.ability3 .ability3-ul li:nth-child(10) {
top: 26%;
left: 72.5%;
}

.ability3 .ability3-ul li:nth-child(11) {
top: 11%;
left: 64%;
}

.ability4 .ability4-dec {
margin-bottom: 6%;
}

.section3 .section-scroll li:nth-child(1) {
top: 18%;
left: 39%;
}

.section3 .section-scroll li:nth-child(6) {
top: 36%;
left: 18%;
}

.section3 .section-scroll li:nth-child(5) {
top: 62.5%;
left: 23%;
}

.section3 .section-scroll li:nth-child(4) {
top: 72%;
left: 46.5%;
}

.section3 .section-scroll li:nth-child(3) {
top: 55.5%;
left: 67%;
}

.section3 .section-scroll li:nth-child(2) {
top: 27.5%;
left: 63%;
}

.about1 {
padding-bottom: 0px;
}

.about2 .about2-ul li {
width: 33.333%;
margin-bottom: 30px;
}

.about3 .about3-img {
width: 500px;
height: 500px;
top: 61.5%;
}

.about3 .about3-swiper::before {
width: 650px;
height: 650px;
margin-left: -325px;
top: 50%;
}

.about3 .about3-swiper {
height: 350px;
}

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

.about4 .swiper-button-next {
right: 0px;
}

.about4 .swiper-slide h4 {
padding: 15px 0px;
line-height: 26px;
}

.about3 .swiper-button-next, .about3 .swiper-button-prev {
top: 7%;
}

.product1 .product1-ul li {
width: 49%;
}

.product1 .product1-ul li:nth-child(3n) {
margin-right: 2%;
}

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

.pub-banner .pub-banner-font1 {
text-align: center;
top: 25%;
left: 50%;
transform: translate(-50%, -25%);
-moz-transform: translate(-50%, -25%);
-o-transform: translate(-50%, -25%);
-ms-transform: translate(-50%, -25%);
-webkit-transform: translate(-50%, -25%);
}

.proinfo1 .proinfo1-dec p,
.proinfo3 .proinfo3-right {
margin-top: 10px;
}

.proinfo1 .proinfo1-img img {
max-width: 650px;
}

.proinfo1 .proinfo1-left {
padding-right: 8.5%;
}

.proinfo1 .proinfo1-bgm {
width: 600px;
height: 600px;
}

.proinfo1 .inner-tit, .proinfo3 .inner-tit {
text-align: center;
}

.proinfo3 .proinfo3-img {
margin-top: 15px;
}

.proinfo3 .proinfo3-img img,
.process2 .swiper-pagination {
display: block;
}

.quality1 .quality1-ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 10px;
}

.quality1 .quality1-ul li {
position: static;
width: 50%;
margin-top: 15px;
}

.quality1 .quality1-ul li em {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
width: 40px;
padding: 0px;
}

.quality1 .quality1-ul li span {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
width: calc(100% - 40px);
padding-left: 5px;
}

.process2 .process2-font {
padding: 5% 3%;
}

.process2 .swiper-container {
padding-bottom: 30px;
}

.process1 .process1-lxt {
writing-mode: initial;
margin-top: 20px;
padding-top: 0px;
padding-left: 170px;
}

.process1 .process1-lxt::before {
width: 30px;
height: 2px;
top: 6px;
}

.process1 .process1-lxt::after {
width: 100px;
height: 2px;
top: 6px;
left: 40px;
}

.process1 .process1-right,
.process1 .process1-ul {
margin-top: 30px;
}

.process1 .process1-font {
padding-top: 5px;
}

.process1 .process1-ul li,
.process1 .process1-ul li:first-child, .process1 .process1-ul li:last-child {
width: 49%;
margin-top: 15px;
}

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

.process1 .scroll-ul li {
width: 50%;
margin-right: 0px;
padding: 0 5%;
}

.process3 .process3-img {
width: 160px;
height: 160px;
}

.process3 .process3-img::after,
.process3 .process3-ul li:hover .process3-img::after {
width: 200px;
height: 200px;
}

.new1 .new1-right li,
.new1 .new1-bot li,
.new1 .new1-bot li:nth-child(3n) {
width: 48.5%;
margin-left: 0px;
margin-right: 3%;
margin-top: 20px;
}

.new1 .new1-right li:nth-child(2n),
.new1 .new1-bot li:nth-child(2n) {
margin-right: 0px;
}

.newinfo1 .newinfo1-bot p {
margin-bottom: 20px;
}

.newinfo1 .newinfo1-top .tit {
font-size: 22px;
}

.insrecruit-list .rectue-top {
padding: 5px 30px;
height: 130px;
}

.insrecruit-list .rectue-top .post-dec li span {
padding-right: 30px;
}

.insrecruit-list .rectue-top .icon-em {
width: 20px;
height: 20px;
}

.insrecruit-list .rectue-top .icon em {
width: 20px;
}

.insrecruit-list .rectue-top .icon em:nth-child(2) {
height: 20px;
top: 58%;
}

.insrecruit-list .rectue-top .post-dec li {
padding: 0 15px;
}

.insrecruit-list .rectue-min {
padding: 0 30px 60px 30px;
}

.insrecruit-list {
padding-bottom: 50px;
}

.contact1 .contact1-addr {
background-color: #f7f7f7;
padding: 30px;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.contact1 .contact1-map {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.contact1 {
margin-top: 0px;
padding-top: 0px;
background: transparent;
}

.insrecruit-list .rectue-min .desc {
padding-top: 20px;
}
}

@media screen and (max-width: 767px) {
.pub-banner .pub-banner-font{
    top:25%;
}
.yanzheng{display:block;}
.headfixed .logo-font h4 img,
.banner .swiper-ft,
.section2::before,
.lightbox,
.lb-outerContainer,
.lightboxOverlay,
.insrecruit-list .rectue-top .post-dec li em {
display: none !important;
}

.headfixed .logo-img img {
max-width: 160px;
}

.btn-search {
margin: 0 20px;
}

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

.language {
width: 42px;
height: 30px;
line-height: 30px;
}

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

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

.banner .swiper-font .swiper-p {
margin: 5px 0;
}

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

.banner .swiper-ft h4 {
font-size: 16px;
margin-bottom: 3px;
}

.banner .swiper-fontlist {
top: 10%;
left: 50%;
transform: translate(-50%, -15%);
-ms-transform: translate(-50%, -15%);
-moz-transform: translate(-50%, -15%);
-webkit-transform: translate(-50%, -15%);
-o-transform: translate(-50%, -15%);
}

.banner .swiper-bimg1 img {
max-width: 100px;
}

.banner .swiper-bimg2 img {
max-width: 130px;
}

.banner .swiper-bimg1 {
top: 155%;
right: 60%;
}

.banner .swiper-bimg2 {
top: 125%;
right: 15%;
}

.in-tit h3 {
font-size: 22px;
line-height: 1.5;
}

.section {
padding-top: 35px;
}

.section3, .section5 {
padding-bottom: 40px;
}

.section4 {
padding: 35px 0;
}

.section3, .section5, .proinfo4 {
padding-bottom: 40px;
}

.section1 .section1-right a {
font-size: 16px;
}

.section1 .section1-right li::before {
height: 6px;
}

.section1 .section1-img {
height: 250px;
}

.section1::before {
width: 350px;
height: 85px;
}

.section1 .section1-top {
margin-bottom: 10px;
}

.section1 {
padding-bottom: 30px;
}

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

.section1 .swiper-button-prev {
left: -10px;
}

.section1 .swiper-button-next {
right: -10px;
}

.banner .swiper-font .swiper-en,
.banner .swiper-font .swiper-h2 h2,
.pub-banner .pub-banner-font h3,
.inner-tit h3,
.ability1 .ability1-eng {
font-size: 20px;
}

.newinfo1 .newinfo1-top .tit {
font-size: 18px;
}

.about2 .about2-btfont .tit,
.new1 .new1-lffont .tit,
.newinfo1 .newinfo1-bot h5,
.insrecruit-list .rectue-top .name h5 {
font-size: 16px;
}

.new1 .new1-lffont {
padding: 20px 15px;
}

.section2 .section2-dec,
.section5 .section5-font .tit,
.section1 .section1-right a,
.section3 .section3-addr,
.nav-menu .nav-name,
.ability1 .ability1-font .tit,
.about2 .about2-font .tit,
.quality1 .quality1-ul li,
.process1 .process1-lfont p,
.process1 .process1-lfont h5,
.process1 .process1-ulfont,
.process3 .process3-font .tit,
.newinfo1 .newinfo1-top time {
font-size: 16px;
}

.section2 .section2-dec1,
.section1 .section1-font .dec,
.section3 .section3-font,
.section3 .scroll-num,
.section4 .section4-dec,
.section5 .section5-font .dec,
.section5 .section5-font time,
.section5 .section5-btn h5,
.section5 .section5-swpfont .dec,
.section5 .section5-swpfont time,
.footer .foot-bot-tel em,
.footer .foot-bot-share span,
.footer .foot-bot-tel p,
.menu-list h3 a, .language-text,
.pub-banner .pub-banner-font p,
.bread a,
.ability1 .ability1-font .dec,
.ability3 .ability3-font,
.ability4 .ability4-dec,
.about2 .about2-font .dec,
.about2 .about2-btfont .dec,
.proinfo1 .proinfo1-dec,
.proinfo4 table td, .proinfo4 table th,
.process1 .process1-lxt,
.process1 .scroll-ul .scroll-ul-dec,
.newinfo1 .newinfo1-prev, .newinfo1 .newinfo1-next,
.newinfo1 .newinfo1-next em,
.newinfo1 .newinfo1-bot,
.newinfo1 .newinfo1-top .dec,
.insrecruit-list .rectue-top .post-dec li span,
.insrecruit-list .rectue-send a {
font-size: 14px;
}

.newinfo1 .newinfo1-top .dec span {
margin-right: 10px;
}

.section3 .scroll-dec,
.section3 .section-scroll li:nth-child(4) .scroll-num,
.section3 .section-scroll li:nth-child(6) .scroll-num,
.footer .foot-bot-left span, .footer .foot-bot-left a,
.footer .foot-bot-right p, .footer .foot-bot-right a {
font-size: 12px;
}

.section2 .section2-dec1 {
margin-top: 10px;
}

.section2 .section2-btn a {
width: 100px;
height: 35px;
line-height: 35px;
}

.section2 .section2-btn::before {
top: 0px;
width: 100%;
}

.section2 .section2-btn {
padding-top: 20px;
}

.section2::before {
width: 400px;
}

.section2 {
background: none !important;
height: auto;
}

.in-tit{
    width:auto;
}

.section2-item{
    background:rgba(0,0,0,0.2);
    backdrop-filter:blur(10px);
    padding:20px;
}
.section6{
    background: url(../images/in-bgm4.jpg) no-repeat!important;
    height:auto;
    padding-bottom:20px;
}

.section2 .section2-item {
width: 100%;
position: relative;
transform: translateY(0px);
z-index: 3;
}

.in-tit a.in-more{
    display:flex;
    padding:5px 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top:20px;
}
.in-tit a.in-more:hover{
    padding:5px 0;
}

.in-tit p{line-height:24px;margin:15px 0;}

.section2 .section2-simg {
display: block;
}

.section2 .in-tit h3 {
color: #fff;
margin-bottom:15px;
}

.section2 .section2-dec {
color: #666;
}

.section2 .section2-btn a {
background-color: #e50011;
}

.section2 .section2-btn::before {
background-color: #666;
}

.section3 .section3-ftimg {
margin: 15px auto;
}

.section3 .section3-ftimg img,
.about1 .about1-img img {
max-width: 120px;
}

.section2 .section2-dec p {
display: inline;
}

.section3 .section-scroll li {
width: 16%;
}

.section3 .section-scroll li:nth-child(1) .scroll-num {
font-size: 18px;
}

.section3 .scroll-num span {
margin-right: 2px;
}

.section3 .section-scroll li:nth-child(1) {
top: 14%;
left: 38%;
}

.section3 .section-scroll li:nth-child(2) {
top: 23.5%;
}

.section3 .section-scroll li:nth-child(3) {
top: 51.5%;
}

.section3 .section-scroll li:nth-child(4) {
left: 46%;
}

.section3 .section-scroll li:nth-child(5) {
top: 59%;
left: 19%;
}

.section3 .section-scroll li:nth-child(6) {
top: 31%;
left: 15%;
}

.section3 .section3-cen,
.section3 .num {
margin-top: 20px;
}

.section3 .section3-ul,
.ability1 .ability1-left-lf {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}

.section3 .section3-ul li {
width: 25%;
position: relative;
}

.section3 .section3-ul li:nth-child(even) {
margin-right: 0px;
display: none;
}

.section3 .num,
.section3 .section3-addr {
text-align: center;
}

.section3 .section3-addr {
margin: 5px 0;
margin-bottom: 0px;
font-size: 16px;
}

.section3 .num {
margin-bottom: 10px;
}

.section4 .in-tit h3, .section5 .in-tit h3 {
padding-bottom: 15px;
}

.section4 .section4-tit {
font-size: 18px;
}

.section4 .section4-tit::before {
width: 50px;
height: 35px;
}

.section4 .section4-dec {
line-height: 26px;
}

.section4 .section4-img {
width: 88px;
height: 88px;
}

.section4 .swiper-button-next {
right: -10px;
}

.section4 .swiper-button-prev {
left: -10px;
}

.section5 .section5-font, .section5 .section5-rttop .section5-font2 {
padding: 20px 15px;
}

.section5 .section5-font time {
margin-bottom: 5px;
}

.proinfo1 .proinfo1-dec p {
margin-top: 5px;
}

.section5 .section5-left {
margin-bottom: 12px;
}

.section5 .section5-rtbot {
margin-top: 12px;
}

.section5 .section5-rtbot,
.ability1 .ability1-left,
.ability2 .ability2-top,
.ability2 .ability2-bot,
.ability4 .ability4-ul,
.quality3 .quality3-ul,
.process3 .process3-ul,
.new1 .new1-right,
.insrecruit-list .rectue-top .post-dec {
flex-wrap: wrap;
}

.section3 .section3-cen,
.section3 .section3-right,
.section5 .section5-rtleft,
.section5 .section5-rtright,
.ability1 .ability1-left-lf,
.ability1 .ability1-left-rt,
.ability2 .ability2-top li,
.ability2 .ability2-bot li,
.product1 .product1-ul li,
.quality1 .quality1-ul li,
.quality3 .quality3-ul li,
.new1 .new1-right li, .new1 .new1-bot li, .new1 .new1-bot li:nth-child(3n) {
width: 100%;
}

.process3 .process3-ul li {
width: 50%;
margin-bottom: 13%;
}

.product1 .product1-ul li,
.quality3 .quality3-ul li {
margin-right: 0px;
margin-bottom: 20px;
}

.new1 .new1-right li,
.new1 .new1-right li, .new1 .new1-bot li, .new1 .new1-bot li:nth-child(3n) {
margin-right: 0px;
}

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

.section5 .section5-rtleft,
.ability2 .ability2-top li,
.ability2 .ability2-bot li {
margin-right: 0px;
margin-bottom: 12px;
}

.section5 .section5-rtleft, .section5 .section5-rtright {
height: 200px;
}

.section5 .section5-swiper a {
padding-bottom: 20px;
}

.section5 .section5-swpfont time {
margin-bottom: 10px;
}

.section5 .section5-swiper a {
border-bottom: 2px solid #eeeeee;
}

.section5 .section5-swiper a::before {
height: 2px;
}

.footer .foot-bot-logo img {
max-width: 180px;
}

.footer .foot-bot-tel a {
margin: 10px 0;
}

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

.headfixed.top {
top: 0px !important;
}

.section4 .section4-img img {
padding: 10px;
}

.footer .foot-bot-share a:nth-child(3), .footer .foot-bot-share a:nth-child(4) {
font-size: 20px;
}

.footer .foot-bot-left span,
.footer .foot-bot-left a,
.footer .foot-bot-right p,
.footer .foot-bot-right a,
.ability4 .ability4-dec {
line-height: 24px;
}

.footer .foot-bot-right a::after {
height: 12px;
}

.section5 .section5-btn img {
width: 40px;
height: 40px;
}

#search-form {
width: 100%;
top:100%;
right:0;
}
#search-form .header-btn{
    width:25%;
}

.ability3 .ability3-rtimg img {
max-width: 60%;
display: none;
}

.bread {
padding: 5px 0;
}

.nav-menu .nav-name {
line-height: 55px;
}

.nav-menu .nav-menu-ul a {
font-size: 14px;
padding: 12px 30px;
}

.in-section {
padding-top: 30px;
}

.product1 {
padding-top: 45px;
padding-bottom: 40px;
}

.ability3,
.about3 {
margin-top: 40px;
}

.ability4,
.ability4, .product1, .proinfo4, .quality3, .new1, .new1 .new1-bot {
padding-bottom: 40px;
}

.process2 {
margin-top: 35px;
padding-bottom: 35px;
}

.about5 {
margin-top: 25px;
padding-bottom: 35px;
}

.ability1 .ability1-right {
margin-top: 20px;
}

.ability1 .ability1-li {
margin-bottom: 10px;
}

.ability1 .dian {
width: 6px;
height: 6px;
margin-top: 9px;
}

.ability2 .ability2-top,
.ability3 .ability3-list,
.ability1-list,
.about2 .about2-ul,
.about2 .about2-btul, .about4 .about4-swiper,
.quality1 .quality1-list, .quality3 .quality3-ul,
.contact-input {
margin-top: 15px;
}

.about2 .about2-font {
margin-top: 10px;
}

.ability4 .ability4-dec,
.about2 .about2-btul {
margin-top: 5px;
}

.about1 .about1-left, .about2 .about2-btul li:first-child {
margin-bottom: 15px;
}

.inner-tit .eng {
margin-bottom: 10px;
}

.about2 .about2-ul li {
margin-bottom: 20px;
}

.ability2 .ability2-top,
.ability2 .ability2-bot li:last-child,
.ability4 .ability4-dec {
margin-bottom: 0px;
}

.ability3 .ability3-font {
width: 93%;
padding: 4% 3%;
}

.ability3 .ability3-ul li {
position: static;
width: 100%;
}

.ability3 .ability3-ul li em {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
width: 25px;
text-align: center;
}

.ability3 .ability3-ul li span {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
width: calc(100% - 25px);
}

.ability3 .ability3-rtimg {
display: none;
}

.ability3 .ability3-ul {
margin-top: 30px;
margin-bottom: 10px;
}

.ability4 .ability4-ul {
justify-content: flex-start;
}

.ability4 .ability4-ul li {
flex: initial;
width: 33.33%;
padding-top: 40px;
}

.ability4 .ability4-num::before {
width: 95px;
height: 95px;
}

.ability4 .ability4-num {
width: 68px;
height: 68px;
line-height: 68px;
font-size: 22px;
}

.inner-tit .line {
height: 20px;
}

.ability4 .ability4-tit {
font-size: 16px;
margin-top: 26px;
}

.ability3 .ability3-font {
width: 96%;
}

.ability3 .ability3-ul {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}

.ability3 .ability3-ul li {
padding: 3px 0;
width: 50%;
}

.about1 .about1-dec {
font-size: 14px;
line-height: 26px;
}

.about1 .about1-img {
margin-top: 12px;
margin-bottom: 12px;
}

.about1 .section3-cen {
margin-top: 0px;
}

.about1 {
padding-bottom: 0px;
}

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

.about3 .about3-swiper {
height: 280px;
}

.about3 .about3-img {
width: 280px;
height: 280px;
top: 61.5%;
}

.about3 .about3-swiper::before {
width: 320px;
height: 320px;
margin-left: -160px;
top: 55%;
}

.about4 .swiper-button-prev, .about4 .swiper-button-next, .about3 .swiper-button-next, .about3 .swiper-button-prev {
width: 12px;
height: 20px;
}

.about3 .swiper-button-next, .about3 .swiper-button-prev {
top: 11%;
}

.about5 .about5-swiper .swiper-container {
padding: 4% 0 8% 0;
}

.about5 .about5-font {
margin-top: 10px;
}

.paging a {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 14px;
}

.paging .paging-icon {
width: 60px;
font-size: 14px;
}

.paging .paging-sub, .paging input {
width: 60px;
height: 35px;
font-size: 14px;
line-height: 35px;
}

.paging span {
font-size: 14px;
line-height: 35px;
}

.pub-banner .pub-banner-font1 .eng {
font-size: 22px;
margin-bottom: 5px;
}

.pub-banner .pub-banner-font1 {
text-align: center;
top: 20%;
left: 50%;
transform: translate(-50%, -20%);
-moz-transform: translate(-50%, -20%);
-o-transform: translate(-50%, -20%);
-ms-transform: translate(-50%, -20%);
-webkit-transform: translate(-50%, -20%);
}

.proinfo1 .proinfo1-bgm {
width: 300px;
height: 300px;
}

.proinfo1 .proinfo1-img img {
max-width: 330px;
}

.proinfo1 .proinfo1-right {
padding-left: 6%;
padding-right: 6%;
}

.proinfo1 .proinfo1-left {
padding-right: 6%;
}

.proinfo1 .proinfo1-img {
left: 6%;
}

.quality1 .quality1-ul li em {
font-size: 26px;
}

.quality1 .quality1-ul li {
margin-top: 10px;
}

.quality1 .quality1-img {
width: 220px;
margin: 0 auto;
}

.process1 .process1-right, .process1 .process1-ul,
.process1 .process1-lxt {
margin-top: 10px;
}

.process1 .process1-font {
font-size: 14px;
line-height: 26px;
padding-top: 0px;
}

.process1 .scroll-ul .scroll-ul-num span {
font-size: 32px;
}

.process1 .scroll-ul .scroll-ul-num {
font-size: 20px;
}

.process1 .scroll-ul li {
padding: 0%;
}

.process1 .scroll-ul {
padding-top: 15px;
}

.process1 .process1-ulfont {
line-height: 28px;
}

.process3 .process3-icon {
width: 40px;
height: 40px;
}

.process3 .process3-font .tit {
margin-top: 5px;
}

.process3 .process3-img {
width: 120px;
height: 120px;
}

.process3 .process3-img::after, .process3 .process3-ul li:hover .process3-img::after {
width: 150px;
height: 150px;
}

.process3 {
padding-bottom: 10px;
}

.new1 .new1-bot .new1-font {
padding: 20px;
}

.newinfo1-all {
width: 18px;
height: 18px;
}

.insrecruit-list .rectue-top .post-dec li {
padding: 0px;
}

.insrecruit-list .rectue-top {
height: auto;
padding: 20px;
}

.insrecruit-list .rectue-min {
padding: 0px 20px 40px 20px;
}

.insrecruit-list .rectue-min .desc {
font-size: 14px;
line-height: 26px;
}

.insrecruit-list .rectue-min .desc h5 {
font-size: 14px;
padding-bottom: 10px;
}

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

.insrecruit-list {
padding-bottom: 30px;
}

.insrecruit-list .rectue-send {
width: 90%;
height: 50px;
line-height: 50px;
}

.contact1 {
margin-top: 0px;
padding-top: 0px;
}

.contact-input .proinfo-more {
width: 150px;
height: 45px;
line-height: 45px;
font-size: 14px;
}

.contact-input input, .contact-input1 li:nth-child(3) input, .contact-input textarea {
padding: 10px;
}

.contact-input1 li {
width: 100%;
margin-right: 0px;
margin-bottom: 15px;
}
}

@media screen and (max-width: 360px) {
.headfixed .logo-img img {
max-width: 170px;
}

.mainer .banner {
margin-top: 46px;
}

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

.banner .swiper-bimg1 {
top: 135%;
right: 60%;
}

.banner .swiper-bimg2 {
top: 110%;
right: 15%;
}

.section4 .section4-img {
width: 75px;
height: 75px;
}

.section3 .scroll-num span {
font-size: 22px;
}

.section3 .section-scroll li {
width: 18%;
}

.ability4 .ability4-num {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 22px;
}

.ability4 .ability4-num::before {
width: 85px;
height: 85px;
}

.process3 .process3-icon {
width: 30px;
height: 30px;
}

.process3 .process3-font .tit {
font-size: 14px;
}

.process3 .process3-img {
width: 100px;
height: 100px;
}

.process3 .process3-img::after, .process3 .process3-ul li:hover .process3-img::after {
width: 130px;
height: 130px;
}

.newinfo1 .newinfo1-top .tit {
font-size: 18px;
}

.insrecruit-list .rectue-send {
width: 100%;
}
}

.yqljlist {
height: 30px;
line-height: 30px;
display: none;
}

.yqljlist a {
font-size: 14px;
color: rgba(255, 255, 255, .5);
margin-right: 10px;
}

.yqljlist a:hover {
color: white;
}

.pro-xzwj {
text-align: center;
margin-bottom: 60px;
display: none !important;
}

.pro-xzwj2 {
display: block !important;
}

.pro-xzwj a {
display: inline-block;
}

.pro-xzwj button { /* background-color: red; */
border: 2px solid #e50011;
font-size: 18px;
padding: 5px 50px 5px 90px;
background: url(../images/xzwj.png) no-repeat 48px 5px;
background-size: 32px;
border-radius: 25px;
line-height: 36px;
color: #e50011;
}

.pro-xzwj p {
font-size: 18px;
margin-top: 10px;
}

.pro-xzwj button:hover {
background-color: #e50011;
color: white;
background: #e50011 url(../images/xzwjh.png) no-repeat 48px 5px;
background-size: 32px;
border: 2px solid white;
}



/* 20220512 */
.choice1 {
padding-bottom: 30px;
}

.choice1 .choice1-font,
.choice1 .choice1-img {
width: 50%;
position: relative;
overflow: hidden;
}

.choice1 .choice1-num {
float: right;
}

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

.choice1 .choice1-font {
background-color: #ffffff;
box-shadow: 0px 5px 19px 1px rgba(8, 1, 3, 0.1);
padding: 4%;
}

.choice1 .choice1-ft {
width: 83.5%;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0 4.5%;
}

.choice1 .choice1-ft .tit {
font-size: 0.32rem;
color: #e50011;
}

.choice1 .choice1-ft .tit span {
font-family: "Gilroy-Regular";
font-size: 0.40rem;
display: inline-block;
vertical-align: -3px;
padding-right: 3px;
}

.choice1 .choice1-ft .dec {
font-size: 22px;
line-height: 30px;
color: #666666;
margin-top: 20px;
padding-left: 52px;
}

.choice1 .choice1-ul li:first-child .choice1-ft .dec {
padding-left: 42px;
}

.choice1 .choice1-ul li {
margin-bottom: 3.5%;
}

.choice1 .choice1-ul li:hover .choice1-img img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

.choice1 .choice1-ul li:hover .choice1-ft .dec {
color: #e50011;
}

@media screen and (max-width: 1459px) {

.choice1 .choice1-ft .dec {
padding-left: 40px;
}

.choice1 .choice1-ul li:first-child .choice1-ft .dec {
padding-left: 32px;
}

.choice1 .choice1-ft .tit {
font-size: 24px;
}

.choice1 .choice1-ft .tit span {
font-size: 30px;
}

.choice1 .choice1-ft .dec {
font-size: 20px;
line-height: 28px;
margin-top: 15px;
}

.choice1 .choice1-num img {
max-width: 160px;
}

.choice1 .choice1-ft {
padding: 0 1.5%;
}
}

@media screen and (max-width: 1259px) {

.choice1 .choice1-ft {
padding: 0%;
}

.choice1 .choice1-num img {
max-width: 130px;
}
}

@media screen and (max-width: 1100px) {

.choice1 .choice1-ft .dec {
font-size: 18px;
margin-top: 10px;
}

.choice1 .choice1-ft .tit {
font-size: 22px;
}

.choice1 .choice1-ft .tit span {
font-size: 28px;
vertical-align: -2px;
}

.choice1 .choice1-font {
background-color: #f7f7f7;
padding: 30px;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.choice1 .choice1-ul li {
flex-wrap: wrap;
}

.choice1 .choice1-font, .choice1 .choice1-img {
width: 100%;
}

.choice1 .choice1-font {
background-color: #fff;
padding: 50px 30px;
}

.choice1 .choice1-ft .dec {
padding-left: 36px;
}

.choice1 .choice1-ul li:first-child .choice1-ft .dec {
padding-left: 29px;
}
}

@media screen and (max-width: 767px) {
.headfixed .mobile-nav-box > ul > li > h3 > i::before, .headfixed .mobile-nav-box .link-tit > i::before{
    top:22px;
}
.headfixed .mobile-nav-box > ul > li > h3.cur > i::before{
    top:27px;
}
.choice1 .choice1-ul li {
margin-bottom: 20px;
}

.choice1 .choice1-ul li:last-child {
margin-bottom: 10px;
}

.choice1 .choice1-ft .tit {
font-size: 20px;
}

.choice1 .choice1-ft .tit span {
font-size: 24px;
vertical-align: -2px;
}

.choice1 .choice1-ft .dec {
font-size: 16px;
}

.choice1 .choice1-font {
padding: 30px 20px;
}

.choice1 .choice1-ft .dec {
padding-left: 30px;
margin-top: 0px;
}

.choice1 .choice1-ul li:first-child .choice1-ft .dec {
padding-left: 26px;
}

.choice1 .choice1-num img {
max-width: 100px;
}

.choice1 .choice1-ft {
width: 85%;
}
}




/* 20220620 */
.banner .swiper-fontlist1{
    top: 14%;
    left: 50%;
    transform: translate(-50%, -23%);
    -ms-transform: translate(-50%, -23%);
    -moz-transform: translate(-50%, -23%);
    -webkit-transform: translate(-50%, -23%);
    -o-transform: translate(-50%, -23%);
}
.banner .swiper-fontlist1 .swiper-font{
    text-align: center;
}
.banner .swiper-fontlist1 .swiper-font .swiper-h2 h2{
    color: #333;
    font-weight: 700;
}
.banner .swiper-fontlist1 .swiper-font .swiper-p,
.banner .swiper-fontlist2 .swiper-font .swiper-p,
.banner .swiper-fontlist3 .swiper-font .swiper-p{
    font-size: 24px;
	line-height: 36px;
    font-weight: lighter;
	color: #666;
}
.banner .swiper-fontlist2 .swiper-font .swiper-h2,
.banner .swiper-fontlist3 .swiper-font .swiper-h2{
    margin-bottom: 25px;
    margin-top: 35px;
}
.banner .swiper-fontlist2 .swiper-font .swiper-p{
    color: #444444;
    padding-right: 32%;
}
.banner .swiper-fontlist2 .swiper-font{
    width: 50%;
}
.banner .swiper-fontlist2 .swiper-font .line,
.banner .swiper-fontlist3 .swiper-font .line{
    width: 100px;
	height: 5px;
	background-color: #e50011;
}
.banner .swiper-fontlist3 .swiper-font .swiper-p{
    color: #444444;
    padding-right: 25%;
}
.banner .swiper-fontlist3 .swiper-font{
    width: auto;
    margin-left: 60%;
}
.banner .swiper-slide-active .swiper-fontlist1 .swiper-h2 h2{
    -webkit-animation: fadeInDown 2.4s;
    animation: fadeInDown 2.4s;
}
.banner .swiper-slide-active .swiper-fontlist1 .swiper-p {
    -webkit-animation: fadeInUp 2.2s;
    animation: fadeInUp 2.2s;
}
.banner .swiper-slide-active .swiper-fontlist2 .swiper-font .line{
    -webkit-animation: fadeInLeft 2.4s;
    animation: fadeInLeft 2.4s;
}
.banner .swiper-slide-active .swiper-fontlist3 .swiper-h2 h2,
.banner .swiper-slide-active .swiper-fontlist3 .swiper-font .line {
    -webkit-animation: fadeInRight 2.4s;
    animation: fadeInRight 2.4s;
}
.banner .swiper-slide-active .swiper-fontlist3 .swiper-p {
    -webkit-animation: fadeInRight 2.2s;
    animation: fadeInRight 2.2s;
}
@media screen and (max-width: 1459px) {
    .banner .swiper-fontlist1 .swiper-font .swiper-p, .banner .swiper-fontlist2 .swiper-font .swiper-p, .banner .swiper-fontlist3 .swiper-font .swiper-p{
        font-size: 22px;
    }
    .banner .swiper-fontlist2 .swiper-font .swiper-p {
        padding-right: 24%;
    }
    .banner .swiper-fontlist3 .swiper-font .swiper-p{
        padding-right: 15%;
    }
    .banner .swiper-fontlist3 .swiper-font{
        margin-left: 56%;
    }
}
@media screen and (max-width: 1259px) {
    .banner .swiper-fontlist2 .swiper-font .swiper-h2, .banner .swiper-fontlist3 .swiper-font .swiper-h2 {
        margin-bottom: 15px;
        margin-top: 25px;
    }
    .banner .swiper-fontlist2 .swiper-font .line, .banner .swiper-fontlist3 .swiper-font .line{
        width: 70px;
        height: 3px;
    }
    .banner .swiper-fontlist1 .swiper-font .swiper-p, .banner .swiper-fontlist2 .swiper-font .swiper-p, .banner .swiper-fontlist3 .swiper-font .swiper-p{
        font-size: 20px;
    }
}
@media screen and (max-width: 980px) {
    .banner .swiper-fontlist2 .swiper-font {
        width: 100%;
    }
    .banner .swiper-fontlist2 .swiper-font .line, .banner .swiper-fontlist3 .swiper-font .line{
        margin: 0 auto;
    }
    .banner .swiper-fontlist2 .swiper-font .swiper-p,
    .banner .swiper-fontlist3 .swiper-font .swiper-p{
        padding-right: 0px;
    }
    .banner .swiper-fontlist3 .swiper-font{
        margin-left: 0px;
    }
}
@media screen and (max-width: 767px) {
    .banner .swiper-fontlist1 .swiper-font .swiper-p, .banner .swiper-fontlist2 .swiper-font .swiper-p, .banner .swiper-fontlist3 .swiper-font .swiper-p {
        font-size: 16px;
        line-height: 28px;
    }
    .banner .swiper-fontlist2 .swiper-font .swiper-h2, .banner .swiper-fontlist3 .swiper-font .swiper-h2 {
        margin-bottom: 8px;
        margin-top: 15px;
    }
    .banner .swiper-fontlist2 .swiper-font .line, .banner .swiper-fontlist3 .swiper-font .line {
        width: 50px;
        height: 2px;
    }
    .banner .swiper-fontlist1 {
        top: 16%;
        left: 50%;
        transform: translate(-50%, -16%);
        -ms-transform: translate(-50%, -16%);
        -moz-transform: translate(-50%, -16%);
        -webkit-transform: translate(-50%, -16%);
        -o-transform: translate(-50%, -16%);
    }
    .more::before{
        width:0;
    }
    .team,#service-system{padding:40px 0;}
    .service-cont{width:auto;padding:0;padding-top:40px;}
    .service-pilot{width:auto;padding:40px 0;}
    .service-system-div{width:auto;padding:0}
	.serv-div-d{width:auto;float:none;margin-top:24px;}
	.service-system{margin-top:40px;padding:40px 0;}
	.service-ul-d{padding:0;margin-top:30px;}
	.serv-pic-img{float:none;width:100%;height:0;padding-bottom:56%}
	.service-ul-d li{width:50%;}
	.service-pilot{padding:40px 0;}
    .serv-title{font-size:16px;}
    .sercase{padding:10px 0;}
    .scaseleft,.scaseright,.teamleft,.teamright{width:100%;}
    .scaseleft ul li{width:100%;padding:10px;}
    .casetxt p{font-size:14px;}
    .scaseright{margin-top:20px;}
    .serv-cont-p{font-size:12px;line-height:20px;margin-top:14px;}
    .serva{padding:10px 30px;}
    .title-h3-d{font-size:16px;padding:0 20px;}
    .cont-p-d{padding:5px 0;font-size:12px;}
    .teambox{margin-top:20px;}
    .teamleft span{height:auto;}
    .teamright p{margin:10px 0;}
    .teamright p{font-size:14px;line-height:24px;}
    .se-title-p{font-size:16px;padding:15px 0;}
    .se-cont-p{font-size:12px;line-height:20px;padding:0 10px;}
    .service-ul-d li{padding:5px;}
    
}
@media screen and (max-width: 360px) {
    .banner .swiper-fontlist1 .swiper-font .swiper-p, .banner .swiper-fontlist2 .swiper-font .swiper-p, .banner .swiper-fontlist3 .swiper-font .swiper-p{
        font-size: 15px;
    }
}