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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next:hover {
background: url(../images/in-hnext.png) no-repeat center center;
}
/* 视频弹窗 */
.videobox:hover {
animation: swing 1s;
}

.popvideo iframe {
width: 100%;
}

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

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

.popvideobox {
position: absolute;
top: 50%;
width: 100%;
/* height: 600px; */
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);
}

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

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

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

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

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

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

.headfixed .logo {overflow: hidden;max-width: 240px;}

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

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

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

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

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

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

.headfixed .btn-list {
width: 90px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.headfixed .head-subnav .head-subli {
padding-right: 5%;
}

.headfixed .head-subnav .head-subli:nth-child(3) {
padding-left: 0.8%;
}

.headfixed .head-subnav .head-subli:nth-child(4) {
padding-left: 10.3%;
}
/* 语言切换 */
.language {
width: 120px;
position: relative;
text-align: center;
align-items: center;
border-radius: 18px;
background: url(../images/in-yyicon.png)no-repeat left center;
padding-left: 15px;
margin-left: 15px;
}

.language-text {
width: 50%;
font-size: 18px;
font-weight: lighter;
line-height: 30px;
color: #ffffff;
text-align: center;
cursor: pointer;
}

.language-text .icon-down {
display: inline-block;
vertical-align: -1px;
font-size: 16px;
margin-left: 8px;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}

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

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

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

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

.language:hover .language-list {
opacity: 1;
visibility: visible;
}

.app-lanu {
text-align: center;
padding: 20px 0;
display: none;
}

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

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

.btn-yx {
display: block;
}

.btn-yx em {
font-size: 16px;
color: #df1b24;
line-height: 40px;
text-align: center;
}
/* 搜素按钮 */
.btn-search,
.btn-yx {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #df1b24;
}

.btn-yx {
border: solid 1px #df1b24;
background: transparent;
margin-right: 10px;
}

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

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

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

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

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

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

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

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

#search-form .header-btn {
position: absolute;
bottom: 0;
right: 0;
width: 15%;
margin: 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
color: #ffffff;
background: url(../images/in-hssicon.png) no-repeat center #df1b24;
border: none;
cursor: pointer;
z-index: 11;
}
/* nav */
.menu-list h3 {
padding: 0 10px;
position: relative;
}

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

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

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

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

.menu-list > ul > li .head-subnav {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
min-width: 210px;
width: 100%;
overflow: hidden;
text-align: center;
background: rgba(255, 255, 255, 1);
box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5);
border-top: 0;
display: none;
}

.menu-list > ul > li .head-subnav1 {
min-width: 100%;
text-align: left;
padding: 60px 0;
}

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

.headfixed .menu-list > ul > li:nth-child(6) .head-subnav {
left: 71%;
}

.menu-list .head-subnav a:hover {
color: #df1b24;
}

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

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

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

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

.headfixed .tab-a {
display: block;
padding: 18px 0;
font-size: 18px;
border-bottom: 1px solid #eeeeee;
}

.headfixed .tab-a:last-child {
border-bottom: 0px solid #eeeeee;
}

.navbox {position: absolute;left: 0;top: 90px;width: 100%;background: #FFF;overflow: hidden;height: 0;filter: alpha(opacity=0);opacity: 0;box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5);/* opacity: 1 !important; *//* height: 500px !important; */}

.navbox .navbox-liBox {
margin: 3% 0;
}

.navbox .navbox-left {
width: 300px;
padding-right: 5%;
}

.navbox .navbox-tit {
font-size: 20px;
color: #333333;
line-height: 1.875;
padding: 6px 0;
cursor: pointer;
}

.navbox .navbox-tit.active {
color: #e4121c;
}

.navbox .navbox-right {
width: calc(100% - 300px);
border-left: 1px solid #eaeaea;
padding-left: 5%;
overflow-x: hidden;
overflow-y: auto;
}

.navbox .navbox-protit {
font-size: 18px;
line-height: 1.875;
text-align: center;
}

.navbox .navbox-proimg {
margin: 10px auto 40px auto;
overflow: hidden;
padding: 12%;
}

.navbox .navbox-contli {
width: 25%;
padding: 0 5%;
}

.navbox .navbox-cont {
flex-wrap: wrap;
}

.navbox .navbox-contBox {display: none;height: 320px;position: relative;}

.navbox .navbox-contBox.show {
display: block;
}
/* banner */
.mainer {margin-top: 80px;}

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

.mainer .banner .banner-img,
.section3 .section3-swiper,
.section5 .section5-swiper,
.proinfo5 .proinfo5-swiper,
.proinfo2,
.strength1,
.strength1 .strength1-pro,
.strength3,
.service1,
.about3,
.about4 .about4-contswp,
.about4 .about4-timeswp,
.about6 .about6-swpBox {
position: relative;
}

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

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

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

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

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

.banner .swiper-font {
width: 60%;
text-align: left;
position: relative;
z-index: 2;
}

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

.banner .swiper-font .swiper-h2 h2 {
font-family: "Aileron-Bold";
font-size: 72rem;
line-height: 1.11;
letter-spacing: -2px;
color: #222222;
}

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

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

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

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

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

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

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

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

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

.mainer .banner .banner-img .swiper-bimg {
position: absolute;
right: 13.2%;
bottom: -69%;
}

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

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

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

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

.mainer .banner .banner-img .swiper-mouse h5 {
font-size: 14px;
color: #ffffff;
margin-top: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

.mainer .banner .swiper-slide-active .more {
-webkit-animation: fadeInLeft 5s;
animation: fadeInLeft 5s;
}

.mainer .banner .swiper-slide-active .swiper-bimg {
-webkit-animation: fadeInRight 4.5s;
animation: fadeInRight 2.5s;
}

.more {
text-align: center;
display: inline-block;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}

.mainer .banner .banner-img .more img {
width: auto;
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 3;
display: none;
}

.more:hover img {
transform: translateX(30px);
}

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

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

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

.in-tit h2,
.inner-tit h2 {
font-size: 40rem;
line-height: 1.3;
color: #222222;
position: relative;
}

.in-tit h2 span {
font-size: 0.58rem;
vertical-align: -5px;
}

.in-tit .dec {
font-size: 18px;
line-height: 1.3;
color: #444444;
margin-top: 5px;
}

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

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

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

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

.section1 .section1-font {
text-align: center;
padding: 0 20px;
}

.section1 .section1-font .tit {
font-size: 30rem;
color: #222222;
}

.section1 .section1-font .dec {
font-size: 18px;
line-height: 2;
color: #555555;
margin: 10px auto;
}

.section1 .section1-font .btn {
width: 27px;
height: 27px;
background-color: #000000;
border-radius: 50%;
text-align: center;
line-height: 27px;
color: #ffffff;
font-size: 12px;
margin: 0 auto;
position: relative;
overflow: hidden;
}

.section1 .section1-ul li:hover .section1-font .btn {
background-color: #df1b24;
}

.section1 .section1-ul {
width: 92%;
margin: 0 auto;
flex-wrap: wrap;
}

.section1 .section1-ul li {
width: 49.25%;
margin-right: 1.5%;
margin-top: 1.5%;
background: #F2F2F4;
}

.section1 .section1-ul li:nth-child(2) {
background-color: #f2f1f6;
}

.section1 .section1-ul li:nth-child(3) {
background-color: #f5f4f9;
}

.section1 .section1-ul li:nth-child(4) {
background-color: #f0f2f5;
}

.section1 .section1-ul li:nth-child(1),
.section1 .section1-ul li:nth-child(2) {
margin-top: 0px;
}

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

.section1 .section1-ul li a {
padding: 9.5%;
display: block;
width: 100%;
height: 100%;
}

.section1 .section1-img {
margin-top: 45px;
margin-bottom: 10px;
}

.section2 {
padding: 6% 0;
position: relative;
/* background-attachment: fixed; */
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.section2::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
z-index: 1;
}

.section2 .section2-left {
width: 70%;
padding-right: 15%;
position: relative;
z-index: 2;
}

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

.section2 .in-tit h2,
.section2 .in-tit .dec {
color: #ffffff;
}

.section2 .in-tit .dec {
margin-top: 10px;
font-size: 22px;
line-height: 1.55;
}

.section2 .section2-left .more {
margin-top: 55px;
}

.section2 .section2-img {
max-width: 94px;
max-height: 94px;
}

.section2 .section2-ul {
flex-wrap: wrap;
margin-top: 28%;
}

.section2 .section2-ul li {
margin-right: 9.5%;
margin-top: 9.5%;
}

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

.section2 .section2-right {
width: 30%;
padding-left: 9.5%;
position: relative;
z-index: 2;
}

.section2 .section2-dec,
.about2 .about2-dec {
font-size: 18px;
color: #ffffff;
}

.section2 .section2-num,
.about2 .about2-num {
font-size: 72rem;
line-height: 70px;
color: #ffffff;
}

.section2 .section2-num em,
.about2 .about2-num em {
font-size: 52rem;
line-height: 40px;
vertical-align: middle;
}

.section2 .section2-num sup,
.about2 .about2-num sup {
font-size: 30rem;
font-size: 26px;
}

.section2 .section2-numBox li {
margin-top: 25%;
}

.section2 .section2-numBox li:nth-child(3) {
margin-top: 21%;
}

.section2 .section2-numBox li:nth-child(1) {
margin-top: 0px;
}

.section3 {
padding-bottom: 35px;
}

.section3 .section3-tit {
font-size: 22px;
padding: 10px 0;
color: #444444;
}

.section3 .section3-swiper .swiper-container {
width: 96%;
margin: 0 auto;
padding-bottom: 30px;
}

.section3 .swiper-pagination,
.section3 .swiper-button-prev,
.section3 .swiper-button-next,
.section4 .swiper-pagination,
.section5 .swiper-pagination,
.section5 .swiper-button-prev,
.section5 .swiper-button-next,
.proinfo5 .swiper-pagination,
.proinfo5 .swiper-button-prev,
.proinfo5 .swiper-button-next {
display: none;
}

.section4 {
background-color: #f6f6f6;
}

.section4 .section4-img,
.newinfo .newinfo-simg {
border-radius: 10px 10px 0px 0px;
}

.section4 .section4-font {
background: #ffffff;
padding: 7.5%;
}

.section4 .section4-font .tit {
font-size: 22px;
line-height: 1.367;
color: #333333;
height:50px;
}

.section4 .section4-font .dec,
.section4 .section4-font .time {
font-size: 16px;
line-height: 1.75;
color: #888888;
}

.section4 .section4-font .dec {
margin-top: 4%;
margin-bottom: 12%;
}

.section4 .section4-font .more1 {
font-size: 18px;
line-height: 28px;
color: #666666;
}

.section4 .section4-font .time {
color: #666666;
}

.section4 .section4-swiper {
width: 87%;
margin: 0 auto;
}

.section5 {
padding: 50px 0;
}

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

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

.section5 .swiper-wrapper {
align-items: center;
}

.footer {
background-color: #333333;
position: relative;
padding-top: 80px;
}

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

.footer .ftlogo-share{
    /* display: none; */
}

.footer .foot-logo {
width: 40.2%;
}

.footer .ftlogo img {
margin: 0;
}

.footer .ftlogo-tag,
.footer .ftlogo-tel {
font-size: 18px;
line-height: 2;
color: #ffffff;
margin-top: 30px;
margin-bottom: 15px;
}

.footer .ftlogo-tel {
margin-top: 0px;
}

.footer .ftlogo-tel .tel,
.footer .ftlogo-tel .tel a {
font-size: 30rem;
line-height: 1.2;
color: #ffffff;
margin-top: 8px;
}

.footer .ftlogo-tel em {
font-size: 26px;
line-height: 30px;
display: inline-block;
vertical-align: middle;
}

.footer .ftlogo-tel span {
display: inline-block;
vertical-align: middle;
padding-left: 5px;
}

.footer .ftlogo-share h4 {
margin: 0px;
margin-right: 10px;
}

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

.footer .ftlogo-share a img{
    position: absolute;
    top: 32px;
    width: 120px;
    height: 120px;
    max-width: 120px;
    right: -48px;
    display: none;
    opacity: 1;
}



.footer .ftlogo-share a:hover img{
    display: block;
}

.footer .ftlogo-share a:last-child {
font-size: 20px;
}

.footer .ftlogo-share a:last-child {
margin-right: 0px;
}

.footer .ftlogo-share a::before,
.contact2 .bshare-custom a::before {
display: none;
}

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

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

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

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

.footer .footerphone-menu h3 a {
font-size: 18px;
font-weight: 600;
color: #ffffff;
position: relative;
display: block;
margin-bottom: 15px;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}

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

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

.footer .footer-subnav a {
font-size: 16px;
line-height: 2.375;
color: #ffffff;
width: 100%;
display: block;
}

.footer .footer-subnav a:hover,
.footer .ftlogo-share a:hover,
.footer .ftlogo-tel .tel a:hover,
.footer .foot-link a:hover,
.footer .foot-copy a:hover {
color: rgba(255, 255, 255, 0.5);
}

.footer .ftlogo-share a:hover,
.contact2 .bshare-custom a:hover {
opacity: 0.5;
}
.footer .ftlogo-share a:hover{
    opacity:0.9
}
.footer .footerphone-menu h3 a .icon-rjiantou1 {
font-size: 12px;
font-family: "Arial-BoldMT";
color: #ffffff;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

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

.footer .foot-copy,
.footer .foot-link,
.footer .foot-link a,
.footer .foot-copy a {
font-size: 14px;
color: #ffffff;
}

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

.footer .foot-link a:last-child {
margin-right: 0px;
}
/* Inner page */
.pub-banner {
position: relative;
overflow: hidden;
}

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

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

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

.pub-banner .pub-banner-font h3 {
font-size: 72rem;
font-family: "Aileron-Bold";
line-height: 1.11;
letter-spacing: -2px;
color: #222222;
}

.pub-banner .ny-bread {
margin-top: 5px;
}

.pub-banner .ny-bread a {
color: #222222;
font-size: 16px;
}

.pub-banner .ny-bread .bread-hom {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
/* 分页 */
.paging {
text-align: center;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
}

.paging a {
display: block;
margin: 0 5px;
margin-top: 10px;
font-size: 20px;
font-family: "ArialMT";
color: #333333;
transition: ease .5s;
background-color: #f5f5f5;
width: 50px;
height: 50px;
line-height: 50px;
}

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

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

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

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

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

.paging a:hover,
.paging a.on {
color: #fff;
background-color: #e4121c;
}

.paging a:first-child,
.paging a:last-child {/* background: transparent; *//* width: 25px; */}

.paging a:first-child i,
.paging a:last-child i {
font-size: 20px;
color: #999999 !important;
}

.paging a:first-child:hover i,
.paging a:last-child:hover i {
color: #e4121c !important;
}

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

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

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

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

.paging a:first-child i,
.paging a:last-child i {
font-size: 16px;
}
}
/* 左侧边栏 */
.right-flex {width: 50px;position: fixed;top: 50%;right: 0;z-index: 10;height: auto;margin-top: -201px;display: none !important;}

.right-flex ul {
width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.right-flex {
top: 100%;
}

.right-flex li .ico.ico08 {
background: url(../images/zdicon.png) no-repeat center center;
background-size: 60%;
}
}
/* 内页二级导航 */
/* nav-menu */
.nav-menu {
background-color: #ffffff;
border-bottom: 1px solid #eaeaea;
position: relative;
padding-top: 30px;
padding-bottom: 20px;
z-index: 5;
}

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

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

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

.nav-menu .nav-menu-ul a {
font-family: "Aileron-Bold";
border-right: 1px solid #999999;
padding: 0px 25px;
font-size: 16px;
line-height: 1.2;
color: #999999;
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;
padding-bottom: 10px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

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

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

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

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

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

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

.inner-tit h2 span {
font-family: 'Roboto-Bold';
margin: 0 2px;
}

.inner-tit .dec {
color: #666666;
margin-top: 10px;
}
/* product */
.product1 .product1-font,
.proinfo5 .proinfo5-font {
padding: 22px 0;
}

.product1 .product1-font .tit,
.proinfo5 .proinfo5-font .tit {
width: calc(100% - 120px);
padding-right: 10px;
font-size: 20px;
color: #333333;
}

.product1 .product1-font .money,
.proinfo5 .proinfo5-font .money {
width: 120px;
color: #df1b24;
text-align: right;
}

.product1 .product1-font .dec,
.proinfo5 .proinfo5-font .dec {
color: #666666;
margin-top: 5px;
}

.product1 .product1-img,
.proinfo5 .proinfo5-img {
background: #F1F1F3;
width: 100%;
height: 340px;
overflow: hidden;
position: relative;
}

.product1 .product1-img img,
.proinfo5 .proinfo5-img img {
max-width: 58%;
}

.product1 .icon-jiahao,
.proinfo5 .icon-jiahao {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #000000;
display: block;
text-align: center;
line-height: 25px;
color: #ffffff;
font-size: 13px;
position: absolute;
right: 10px;
bottom: 10px;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
opacity: 0;
}

.product1 .product1-ul li:hover .icon-jiahao,
.proinfo5 .swiper-slide:hover .icon-jiahao {
background-color: #df1b24;
}

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

.product1 .product1-ul li {
width: 23.87%;
margin-right: 1.5%;
margin-bottom: 1.5%;
position: relative;
}

.product1 .product1-ul li:nth-child(4n) {
margin-right: 0px;
}
/* product-info */
.proinfo1 .proinfo1-left {
width: 44.3%;
}

.proinfo1 .proinfo1-left .left {
width: calc(100% - 110px - 20px);
margin-right: 20px;
height: 505px;
background-color: #ffffff;
border: solid 1px #d2d2d2;
}

.proinfo1 .proinfo1-Bimg {
display: none; /* width: 100%; */
height: 96%;
max-height: 100%;
max-width: 100%;
background: #fff;
position: relative;
margin-top: 2%;
}

.proinfo1 .proinfo1-Bimg.active {
display: block;
}

.proinfo1 .proinfo1-left .right {
width: 110px;
position: relative;
}

.proinfo1 .swiper-slide {
background-color: #ffffff;
border: solid 1px #d2d2d2;
cursor: pointer;
}

.proinfo1 .swiper-slide.active {
border: solid 1px #e4121c;
}

.proinfo1 .swiper-slide:last-child {
margin-bottom: 0px !important;
}

.proinfo1 .proinfo-Simg {
width: 110px;
height: 113px;
overflow: hidden;
}

.proinfo1 .proinfo-Simg img {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
max-height: 90%;
}

.proinfo1 .proinfo1-right {
width: 55.7%;
padding-left: 5.5%;
}

.pro-more {
width: 200px;
height: 50px;
background-color: #e4121c;
border-radius: 10px;
font-size: 18px;
line-height: 50px;
text-align: center;
color: #ffffff;
display: block;
position: relative;
overflow: hidden;
}

.pro-more2 {
color: #e4121c;
background-color: #ebebeb;
margin-left: 2.5%;
}

.pro-more em {
font-size: 16px;
display: inline-block;
transform: rotate(90deg);
border: solid 1px #e4121c;
border-radius: 50%;
text-align: center;
line-height: 16px;
margin-left: 10px;
}

.pro-more:hover em {
border: solid 1px #ffffff;
}

.proinfo1 .proinfo1-right .tit {
font-size: 30px;
color: #222222;
}

.proinfo1 .proinfo1-right .dec,
.proinfo1 .proinfo1-right .pieces,
.proinfo1 .shopping-tit {
font-size: 18px;
line-height: 1.45;
color: #555555;
}

.proinfo1 .proinfo1-right .money {font-size: 24px;color: #e4121c;margin-bottom: 50px;font-weight: bold;}

.proinfo1 .proinfo1-right .dec {
padding-top: 10px;
padding-bottom: 20px;
padding-right: 5%;
border-bottom: 1px solid #f3f1f0;
}

.proinfo1 .proinfo1-right .pieces {
padding-top: 20px;
padding-bottom: 10px;
}

.proinfo1 .shopping {
margin-top: 6%;
/* display: none; */
}

.proinfo1 .shopping-tit {
width: 200px;
color: #333333;
}

.proinfo1 .shopping-tit img {
display: none;
}

.proinfo1 .shopping-tit span {
padding-left: 10px;
}

.proinfo1 .shopping-icon {
width: calc(100% - 200px);
padding-left: 3%;
flex-wrap: wrap;
}

.proinfo1 .shopping-icon a {
display: block;
margin-right: 6%;
}

.proinfo1 .shopping-icon a:last-child {
margin-right: 0px;
}

.proinfo1 .shopping-icon a:hover img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}

.proinfo2::before {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 0px;
height: 440px;
background: url(../images/pro-bgm1.png) no-repeat center right;
background-size: cover;
-webkit-transition: 2s;
-ms-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
transition: 2s;
}

.proinfo2.box-on::before {
width: 860px;
}

.proinfo2 .proinfo2-imgBox,
.proinfo2 .proinfo2-font {
width: 50%;
position: relative;
}

.proinfo2 .proinfo2-fimg {
position: absolute;
z-index: 2;
left: 11%;
bottom: 25px;
}

.proinfo2 .proinfo2-fimg1 {
left: 11%;
bottom: 25px;
}

.proinfo2 .proinfo2-fimg2 {
left: auto;
right: 20px;
bottom: 0px;
}

.proinfo2 .proinfo2-font p,
.proinfo4 .proinfo4-tit .dec,
.proinfo4 .proinfo4-table table {
line-height: 2;
color: #555555;
position: relative;
}

.proinfo2 .proinfo2-font1 p {
padding-left: 15px;
}

.proinfo2 .proinfo2-font1 p::before {
content: "";
position: absolute;
top: 12px;
left: 0px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #d2d2d2
}

.proinfo2 .proinfo2-font .line,
.proinfo4 .proinfo4-tit .line,
.proinfo5 .proinfo5-tit .line {
width: 50px;
height: 4px;
background-color: #e4121c;
}

.proinfo2 .proinfo2-font .tit,
.proinfo4 .proinfo4-tit .tit,
.proinfo5 .proinfo5-tit .tit {
position: relative;
font-size: 30px;
color: #222222;
padding-top: 20px;
padding-bottom: 10px;
}

.proinfo2 .proinfo2-ul li:nth-child(odd) .proinfo2-font {
padding-left: 5.5%;
}

.proinfo2 .proinfo2-ul li:nth-child(even) .proinfo2-font {
padding-right: 5.5%;
}

.proinfo2 .proinfo2-ul li {
margin-bottom: 4.2%;
}

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

.proinfo3 {
background-color: #f5f5f5;
}

.proinfo3 .proinfo3-ul {
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}

.proinfo3 .proinfo3-ul li {
width: 16.6667%;
}

.proinfo3 .proinfo3-img {
width: 150px;
height: 150px;
border-radius: 50%;
overflow: hidden;
border: solid 4px #d61518;
margin: 0 auto;
}

.proinfo3 .proinfo3-font {
line-height: 28px;
color: #555555;
text-align: center;
margin-top: 20px;
padding: 0 10%;
}

.proinfo4 .proinfo4-tit .line,
.proinfo5 .proinfo5-tit .line {
margin: 0 auto;
}

.proinfo4 .proinfo4-tit,
.proinfo5 .proinfo5-tit {
text-align: center;
}

.proinfo4 .proinfo4-left {
width: calc(100% - 445px);
padding-right: 5.35%;
}

.proinfo4 .proinfo4-left .proinfo4-table {
overflow-x: auto;
overflow-y: hidden;
}

.proinfo4 .proinfo4-table table {
width: 100%;
}

.proinfo4 .proinfo4-table td {
color: #666;
height: 50px;
border: solid 1px #d2d2d2;
padding: 5px 20px;
}

.proinfo4 .proinfo4-table td:nth-child(1) {
width: 47%;
}

.proinfo4 .proinfo4-table td:nth-child(2) {
width: 52%;
}

.proinfo4 .proinfo4-right {
width: 445px;
}

.proinfo5 .swiper-button-prev,
.proinfo5 .swiper-button-next {
top: 40%;
}

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

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

.proinfo5 .swiper-container {
padding: 25px 0;
}

.strength1,
.strength4 {
padding-bottom: 60px;
}

.strength1 .inner-tit {
text-align: left;
width: 44%;
}

.strength1 .strength1-mobile {
display: none;
}

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

.strength1 .strength1-ul li {
width: 16.667%;
margin-top: 4%;
position: relative;
}

.strength1 .strength1-ul li::before {
content: "";
position: absolute;
right: -55px;
top: 17px;
width: 115px;
height: 16px;
background: url(../images/st-jticon1.png) no-repeat center center;
background-size: cover;
}

.strength1 .strength1-ul li:nth-child(6)::before {
right: -10px;
top: 26px;
width: 70px;
height: 147px;
background: url(../images/st-jticon3.png) no-repeat center center;
background-size: cover;
}

.strength1 .strength1-ul li:nth-child(7)::before,
.strength1 .strength1-ul li:nth-child(8)::before,
.strength1 .strength1-ul li:nth-child(9)::before,
.strength1 .strength1-ul li:nth-child(10)::before,
.strength1 .strength1-ul li:nth-child(11)::before,
.strength1 .strength1-ul li:nth-child(12)::before {
transform: rotate(180deg);
}

.strength1 .strength1-ul li:last-child::before {
opacity: 0;
}

.strength1 .strength1-tit {
font-size: 18px;
text-align: center;
color: #333333;
margin-top: 10px;
position: relative;
}

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

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

.strength1 .strength1-icon .himg,
.strength1 .strength1-ul li:hover .strength1-icon .img,
.strength1 .strength1-li:hover .strength1-icon .img,
.strength1 .swiper-pagination,
.strength4 .swiper-pagination {
display: none;
}

.strength1 .strength1-li {
width: 16.667%;
position: absolute;
right: 0%;
top: -16%;
}

.strength1 .strength1-li .strength1-tit::before {
content: "";
position: absolute;
bottom: -45px;
left: 50%;
transform: translateX(-50%);
width: 16px;
height: 36px;
background: url(../images/st-jticon2.png) no-repeat center center;
background-size: cover;
}

.strength1 .strength1-stit,
.strength4 .strength4-stit {
font-size: 18px;
color: #333333;
text-align: center;
padding: 15px;
}

.strength1 .strength1-img,
.strength4 .strength4-img {
border-radius: 10px;
}

.strength1 .strength1-swiper,
.strength4 .strength4-swiper {
margin-top: 4.3%;
}

.strength2 {
background-color: #f8f8f8;
}

.strength2 .strength2-dec {
flex-wrap: wrap;
}

.strength2 .strength2-dec .dec {
font-size: 18px;
line-height: 1.2;
color: #e31a24;
margin-right: 4%;
margin-top: 45px;
}

.strength2 .strength2-dec .dec img {
margin-right: 10px;
}

.strength2 .strength2-dec .dec:last-child,
.strength2 .strength2-img .img:last-child {
margin-right: 0px;
}

.strength2 .strength2-img .img {
max-width: 330px;
max-height: 435px;
margin-right: 1.7%;
}

.strength3 {
padding-top: 8.5%;
}

.strength3::before {
content: "";
position: absolute;
right: 0px;
top: 65px;
width: 0px;
height: 140px;
background: url(../images/st-img9.png) no-repeat center center;
background-size: cover;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
background-size: 100%;
left: 40.72%;
}

.strength3.box-on::before {
width: 42%;
}

.strength3 .inner-tit,
.service1 .inner-tit,
.contact1 .inner-tit,
.contact2 .inner-tit,
.about3 .inner-tit,
.about4 .inner-tit {
text-align: left;
}

.strength3 .strength3-left {
width: 35.72%;
}

.strength3 .strength3-right {
width: 64.28%;
padding-left: 5.5%;
padding-right: 4%;
position: relative;
}

.strength3 .inner-tit .dec {
color: #e4121c;
}

.strength3 .strength3-dec {
color: #666;
line-height: 2;
margin-top: 35px;
}

.strength3 .strength3-ndec {line-height: 2;color: #333333;text-align: center;margin-top: 10px;}

.strength3 .strength3-numBox {font-size: 18px;color: #e4121c;width: 150px;height: 150px;line-height: 150px;border-radius: 50%;text-align: center;position: relative;margin: auto;}

.strength3 .strength3-numBox::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: solid 5px #F5F5F5;
border-radius: 50%;
}

.strength3 .strength3-numBox::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: url(../images/st-quan1.png) no-repeat center center;
background-size: cover;
border-radius: 50%;
}

.strength3.box-on .strength3-numBox::after {
animation: spin 3s ease-in-out 0s 1 alternate forwards;
}

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

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

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

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

.strength3 .strength3-numBox sup {
font-size: 14px;
}

.strength3 .strength3-numBox span {font-size: 18px;vertical-align: -2px;}

.strength3 .strength3-ul {
margin-top: 9%;
padding-right: 11%;
}

.strength3 .strength3-ul li {width: 33.333%;}
/* service */
.service1 {
overflow: hidden;
}

.service1::before {
content: "";
position: absolute;
left: 0px;
bottom: -140px;
width: 1400px;
height: 0px;
z-index: -1;
background: url(../images/se-bgm2.png) no-repeat center center;
background-size: cover;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}

.service1.box-on::before {
height: 830px;
}

.service1 .service1-left {
width: 52%;
padding-right: 3%;
}

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

.service1 .service1-dec {
font-size: 18px;
color: #000000;
}

.service1 .inner-tit .dec {
line-height: 2.25;
}

.service1 .inner-tit h2 {
padding-bottom: 30px;
padding-top: 15px;
margin-bottom: 30px;
}

.service1 .inner-tit h2::before,
.service3 .inner-tit h2::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 80px;
height: 4px;
background-color: #e4121c;
}

.service1 .service1-img {
border-radius: 20px;
}

.service1 .service1-ul1 {
align-items: flex-start;
flex-wrap: wrap;
}

.service1 .service1-ul1 li {
margin-left: 6%;
width: 44.7%;
}

.service1 .service1-ul1 li:nth-child(2n - 1) {
margin-top: 20px;
margin-left: 0px;
}

.service1 .service1-ul2 {
margin-right: 35px;
margin-top: 10px;
}

.service1 .service1-ul2 li {
width: 47.1%;
}

.service1 .service1-icon {
width: 150px;
height: 150px;
margin: 0 auto;
border-radius: 20px;
position: relative;
background: url(../images/se-bgm1.png) no-repeat center center;
background-size: cover;
-webkit-transition: 1.0s;
-ms-transition: 1.0s;
-moz-transition: 1.0s;
-o-transition: 1.0s;
transition: 1.0s;
}

.service1 .pro-more {
margin-top: 7%;
}

.service2 {
background-color: #f7f7f7;
}

.service2 .service2-mobile {
display: none;
}

.service2 .inner-tit .dec {
margin-top: 20px;
}

.service2 .service2-left {
width: 70.36%;
position: relative;
}

.service2 .service2-right {
width: 29.64%;
padding-left: 4.5%;
}

.service2 .service2-spname {
font-size: 18px;
color: #333333;
margin-bottom: 10px;
text-align: center;
}

.service2 .service2-spot {
width: 6px;
height: 6px;
background-color: #e4121c;
border-radius: 50%;
position: absolute;
left: 50%;
bottom: 0px;
transform: translateX(-50%);
}

.service2 .service2-spot .spot {
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.service2 .service2-spot .spot1 {
width: 6px;
height: 6px;
background-color: #e4121c;
z-index: 3;
}

.service2 .service2-spot .spot2 {
width: 14px;
height: 14px;
background: rgba(228, 18, 28, 0.6);
}

.service2 .service2-li {
position: absolute;
}

.service2 .service2-li1 {
top: 30%;
left: 16.5%;
}

.service2 .service2-li2 {
top: 25%;
left: 50.3%;
}

.service2 .service2-li3 {
top: 36%;
left: 68%;
}

.service2 .service2-li4 {
top: 73%;
left: 81.2%;
}

.service2 .service2-spot .spot2 {
-webkit-animation: icon_scale 2.0s linear infinite normal both;
animation: icon_scale 2.0s linear infinite normal both;
}

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

20% {
width: 200%;
height: 200%;
opacity: 0.6;
}

40% {
width: 300%;
height: 300%;
opacity: 0.4;
}

60% {
width: 400%;
height: 400%;
opacity: .2;
}

80% {
width: 500%;
height: 500%;
opacity: 0;
}

100% {
width: 100%;
height: 100%;
opacity: 0;
}
}

@keyframes icon_scale {
0% {
width: 100%;
height: 100%;
opacity: 1;
}

20% {
width: 200%;
height: 200%;
opacity: 0.6;
}

40% {
width: 300%;
height: 300%;
opacity: 0.4;
}

60% {
width: 400%;
height: 400%;
opacity: .2;
}

80% {
width: 500%;
height: 500%;
opacity: 0;
}

100% {
width: 100%;
height: 100%;
opacity: 0;
}
}

.service2 .service2-dec {
line-height: 2.25;
color: #333333;
padding-bottom: 5px;
}

.service2 .service2-line {
color: #333333;
margin-top: 20px;
}

.service2 .service2-line .font {
color: #ffffff;
margin-right: 20px;
position: relative;
padding: 6px 10px 2px 10px;
background-color: #e4121c;
-webkit-transition: 2s;
-ms-transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
transition: 2s;
}

.service2 .service2-line .font em {
display: block;
opacity: 0;
}

.service2 .service2-line .font {
width: 0px;
}

.service2 .service2-line span {
display: block;
}

.service2.box-on .service2-line .font em {
opacity: 1;
}

.service2.box-on .service2-line .font1 {
width: 300px;
}

.service2.box-on .service2-line .font2 {
width: 157px;
}

.service2.box-on .service2-line .font3 {
width: 105px;
}

.service2.box-on .service2-line .font4 {
width: 115px;
}

.service3 .inner-tit h2 {
padding-bottom: 25px;
}

.service3 .inner-tit h2::before {
left: 50%;
transform: translateX(-50%);
}

.service3 .service3-ul {
flex-wrap: wrap;
position: relative;
z-index: 5;
align-items: flex-start;
padding-bottom: 15px;
padding-top: 50px;
}

.service3 .service3-ul li {
width: 48.6%;
position: relative;
margin-right: 2.5%;
margin-bottom: 2%;
cursor: pointer;
}

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

.service3 .service3-tit {
background-color: #ffffff;
border: solid 1px #eeeeee;
border-radius: 10px;
padding: 4%;
align-items: center;
}

.service3 .service3-tit .tit {
font-size: 16px;
color: #666666;
width: calc(100% - 15px);
padding-right: 10px;
display: block; /* overflow: hidden; */ /* white-space: nowrap; */ /* text-overflow: ellipsis; */
align-items: center;
position: relative;
padding-left: 20px;
}

.service3 .service3-tit .tit::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
width: 8px;
height: 8px;
background-color: #666666;
border-radius: 50%;
}

.service3 .service3-tit .icon {
width: 15px;
height: 15px;
position: relative;
}

.service3 .service3-tit .icon .k1 {
display: none;
}

.service3 .active .icon .k1 {
display: block;
}

.service3 .active .icon .k2 {
display: none;
}

.service3 .service3-tit .icon .k2 {
}

.service3 .service3-tit .icon em {
position: absolute;
background: #666666;
width: 15px;
height: 2px;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease;
left: 53%;
top: 50%;
transform: translateX(-50%);
}

.service3 .service3-tit .icon em:nth-child(2) {
width: 2px;
height: 15px;
left: 50%;
top: 55%;
transform: translateY(-50%);
}

.service3 .service3-ul li.active em:nth-child(2) {
opacity: 0;
}

.service3 .service3-ul li.active .service3-tit {
border: solid 1px #e4121c;
border-radius: 10px 10px 0px 0px;
border-bottom: 0px;
}

.service3 .service3-ul li.active .service3-tit .tit::before,
.service3 .service3-ul li.active .icon em {
background-color: #e4121c;
}

.service3 .service3-ul li.active .service3-tit .tit {
color: #e4121c;
}

.service3 .service3-dec .cont {
font-size: 16px;
line-height: 1.875;
color: #666666;
position: relative;
z-index: 3;
}

.service3 .service3-dec .ct-more {
font-size: 16px;
line-height: 26px;
color: #e4121c;
}

.service3 .service3-dec .ct-more em {
font-size: 16px;
line-height: 26px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.service3 .service3-dec {
width: 100%;
position: absolute;
top: 95%;
left: 50%;
transform: translateX(-50%);
border-radius: 0px 0px 10px 10px;
background: #fff;
border: solid 1px #e4121c;
border-top: 0px;
padding: 0 7% 3% 7%;
display: none;
z-index: 9;
overflow-x: hidden;
overflow-y: auto;
height: 120px;
font-size: 16px;
line-height: 1.875;
color: #666666;
}

.service3 .service3-dec .ct-more:hover em {
margin-left: 12px;
}

.service3 .service3-dec .ct-more:hover {
font-weight: bold;
}

.jzmore {
color: #e4121c;
line-height: 1.875;
}

.jzmore img {
margin: 0;
margin-right: 10px;
-webkit-animation: circle 2s infinite linear;
-moz-animation: circle 2s infinite linear;
-ms-animation: circle 2s infinite linear;
-o-animation: circle 2s infinite linear;
animation: circle 2s infinite linear;
}

@-webkit-keyframes circle {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@-moz-keyframes circle {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@-ms-keyframes circle {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@-o-keyframes circle {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes circle {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

.jzmore:hover img {
margin-right: 20px;
}
/* contact */
.contact1 .inner-tit {
padding-right: 35%;
}

.contact1 .contact1-map {
width: 100%;
height: 500px;
display: none;
}

.contact1 .contact1-mapfont {
flex-wrap: wrap;
margin-top: -80px;
position: relative;
}

.contact1 .contact1-font {
width: 48.2%;
background-color: #ffffff;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
border-radius: 10px;
position: relative;
margin-right: 3.5%;
padding: 3% 4%;
cursor: pointer;
}

.contact1 .contact1-font:nth-child(2n) {
margin-right: 0px;
}

.contact1 .contact1-map.show {
display: block;
}

.contact1 .contact1-mapfont .left {
width: 18px;
font-size: 18px;
color: #e4121c;
}

.contact1 .contact1-mapfont .right {
width: calc(100% - 18px);
padding-left: 5px;
}

.contact1 .contact1-mapfont .tit {
font-size: 20px;
color: #333333;
position: relative;
padding-bottom: 25px;
margin-bottom: 25px;
}

.contact1 .contact1-mapfont .tit::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 60px;
height: 1px;
background-color: #e4121c;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

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

.contact1 .contact1-font.active {
background-color: #e4121c;
}

.contact1 .contact1-font.active .tit,
.contact1 .contact1-font.active .dec,
.contact1 .contact1-font.active .left {
color: #ffffff;
}

.contact1 .contact1-font.active .tit::before {
background: #ffffff;
}

.contact2 {
background-color: #f7f8fc;
margin: 80px auto;
}

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

.contact2 .contact2-right {
padding: 0 6.5%;
}

.contact2 .contact2-ul {
flex-wrap: wrap;
margin-top: 5px;
}

.contact2 .contact2-ul .contact2-li {
width: 47.75%;
margin-right: 4.5%;
margin-top: 4.5%;
position: relative;
}

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

.contact2 .contact2-ul input,
.contact2 .contact2-ul textarea {
height: 50px;
width: 100%;
background-color: #ffffff;
padding: 15px 20px;
font-size: 16px;
line-height: 2;
color: #666666;
}

.contact2 .contact2-ul textarea {
height: 100px;
}

.contact2 .contact2-ul .contact2-li:nth-child(6),
.contact2 .contact2-ul .contact2-li:last-child {
width: 100%;
margin-right: 0px;
}

.contact2 .sub {
width: 125px;
height: 50px;
background-color: #e4121c;
border-radius: 3px;
display: block;
text-align: center;
line-height: 50px;
color: #ffffff;
position: relative;
overflow: hidden;
margin-top: 20px;
margin-bottom: 13.5%;
}

.contact2 .contact2-share span {
color: #999999;
}

.contact2 .bshare-custom a {
width: 25px;
height: 25px;
font-size: 20px;
display: inline-block;
margin-left: 10px;
color: #000000;
}

.contact2 .bshare-custom a:last-child {
font-size: 18px;
}

.contact2 .bshare-custom a.icon-facebook {
background: url(../images/ct-icon1.png) no-repeat center center;
}

.contact2 .bshare-custom a.icon-linkedin {
background: url(../images/ct-icon2.png) no-repeat center center;
}

.contact2 .bshare-custom a.icon-instagram {
background: url(../images/ct-icon3.png) no-repeat center center;
}

.contact2 .bshare-custom a.icon-twitter {
background: url(../images/ct-icon4.png) no-repeat center center;
}

.contact2 .contact2-li em {
font-size: 16px;
line-height: 28px;
color: #666666;
display: block;
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
}

.contact2 .contact2-item {
position: absolute;
top: 100%;
left: 0px;
width: 100%;
height: 175px;
overflow-x: hidden;
overflow-y: auto;
background: rgb(251, 254, 255);
box-sizing: border-box;
z-index: 9;
border-bottom: 1px solid #dedede;
display: none;
}

.contact2 .contact2-item li {
font-size: 16px;
color: #666666;
padding: 8px 20px;
border-top: 1px solid #dedede;
cursor: pointer;
}
/* about */
.about1 .inner-tit {
padding: 0 3.5%;
}

.about1 .inner-tit .dec {
line-height: 1.875;
margin-top: 15px;
text-align: left;
font-size: 20px;
}

.about1 .about1-img {
-webkit-animation: ScaleInfinite 16s linear infinite normal both;
animation: ScaleInfinite 16s linear infinite normal both;
}

@-webkit-keyframes ScaleInfinite {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}

50% {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}

100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}

@keyframes ScaleInfinite {
0% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}

50% {
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}

100% {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}

.about2 {
padding: 60px 0;
background-color: #f5f5f5;
}

.about2 .about2-num,
.about2 .about2-dec {
color: #e4121c;
}

.about2 .about2-numBox li {
width: 25%;
}

.about2 .about2-numBox li:nth-child(odd) {
margin-top: -13px;
}

.about3::before {
content: "";
position: absolute;
top: -90px;
left: 0px;
width: 305px;
height: 425px;
background: url(../images/ab-bgm1.png) no-repeat center center;
background-size: cover;
z-index: -1;
-webkit-animation: circle 100s infinite linear;
-moz-animation: circle 100s infinite linear;
-ms-animation: circle 100s infinite linear;
-o-animation: circle 100s infinite linear;
animation: circle 100s infinite linear;
}

.about3::after {
content: "";
position: absolute;
top: -65px;
right: 0px;
width: 575px;
height: 625px;
background: url(../images/ab-bgm2.png) no-repeat center center;
background-size: cover;
z-index: -1;
}

.about3 .about3-left {
width: 51.5%;
}

.about3 .about3-right {
width: 48.5%;
padding-left: 5.5%;
}

.about3 .about3-right .tag {
font-family: "Aileron-Bold";
line-height: 2;
color: #e4121c;
position: relative;
padding-left: 53px;
margin-bottom: 10px;
}

.about3 .about3-right .tag::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 33px;
height: 3px;
background-color: #e4121c;
}

.about3 .about3-numBox {
align-items: flex-end;
}

.about3 .about3-nfont {
font-family: "Aileron-Bold";
font-size: 18px;
line-height: 1.778;
color: #333333;
padding-left: 20px;
}

.about3 .inner-tit .dec {
line-height: 2;
margin-top: 5%;
margin-bottom: 12%;
}

.about4 .about4-ctleft {
width: 52%;
}

.about4 .about4-ctleft .time {
font-family: "Aileron-Bold";
font-size: 60rem;
line-height: 1.3;
color: #e4121c;
}

.about4 .about4-ctleft .time-dec {
padding: 0 7.5%;
}

.about4 .about4-ctleft .dec {
line-height: 2;
color: #666666;
padding-left: 25px;
position: relative;
margin-top: 20px;
}

.about4 .about4-ctleft .dec::before {
content: "";
position: absolute;
top: 12px;
left: 0px;
border-radius: 50%;
width: 6px;
height: 6px;
background-color: #666666;
}

.about4 .about4-ctright {
width: 48%;
}

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

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

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

.about4 .about4-timeswp .swiper-container {
margin-top: 4%;
}

.about4 .about4-timeswp .swiper-container::before {
content: "";
position: absolute;
left: 0px;
top: 3px;
width: 100%;
height: 1px;
background: #dcdcdc;
}

.about4 .about4-timeswp .swiper-slide {
padding: 15px 0;
cursor: pointer;
}

.about4 .about4-timeswp .stime {
font-size: 30rem;
color: #c5c5c5;
position: relative;
text-align: center;
}

.about4 .about4-timeswp .swiper-slide::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 7px;
background-color: #e4121c;
opacity: 0;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.about4 .about4-timeswp .swiper-slide.active .stime {
color: #e4121c;
}

.about4 .about4-timeswp .swiper-slide.active::before {
opacity: 1;
}

.about5 .about5-img {
width: 100%;
height: 110px;
overflow: hidden;
background-color: #ffffff;
box-shadow: 0px 0px 6px 0px rgba(8, 1, 3, 0.08);
border-radius: 4px;
position: relative;
}

.about5 .about5-img img {
padding: 15px;
}

.about5 .swiper-container {
padding: 3% 0.5% 4.5% 0.5%;
}

.about6 .about6-tit,
.about6 .about6-tab a {
font-size: 18px;
text-align: center;
color: #333333;
padding-bottom: 5px;
display: block;
}

.about6 .about6-tab {
padding-top: 30px;
padding-bottom: 40px;
flex-wrap: wrap;
}

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

.about6 .about6-tab li::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -25px;
height: 18px;
width: 1px;
background: #666;
}

.about6 .about6-tab li::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
width: 0%;
height: 3px;
background-color: #e4121c;
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.about6 .about6-tab li.active::after {
width: 100%;
}

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

.about6 .about6-tab li:last-child::before {
display: none;
}

.about6 .about6-tab li.active a {
color: #e4121c;
}

.about6 .about6-tit {
width: 100%;
padding: 8% 4%;
padding-bottom: 5px;
text-align: center;
}

.about6 .about6-swpli {
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
filter: alpha(opacity=0);
pointer-events: none;
}

.about6 .about6-swpli.active {
position: relative;
opacity: 1;
filter: alpha(opacity=100);
pointer-events: auto;
}

.about6 .swiper-container {
padding: 0 1.85%;
}

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

.about6 .swiper-button-next {
right: 0px;
}
/* new */
.new {
background: transparent;
}

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

.new .new-ul li {
width: 32.2%;
margin-right: 1.7%;
margin-bottom: 3.5%;
}

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

.new .section4-font {
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
border-radius: 0px 0px 10px 10px;
}

.new .section4-font .dec {
margin-bottom: 10%;
}
/* newinfo */
.newinfo {
align-items: flex-start;
}

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

.newinfo .newinfo-left .dec {
margin-top: -8px;
}

.newinfo .newinfo-left .tit {
font-size: 30rem;
color: #333;
margin-top: 10px;
margin-bottom: 30px;
}

.newinfo .newinfo-left .dec,
.newinfo .newinfo-left .font {
font-size: 16px;
line-height: 1.875;
color: #555555;
}

.newinfo .newinfo-left .dec span {
margin-right: 20px;
display: inline-block;
}

.newinfo .newinfo-left .dec span:last-child {
margin-right: 0px;
}

.newinfo .newinfo-left .font img {
margin: 45px auto;
}

.newinfo .newinfo-right {
width: 300px;
position: sticky;
top: 110px;
}

.newinfo .newinfo-ul li {
margin-bottom: 20px;
}

.newinfo .newinfo-font {
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
border-radius: 0px 0px 10px 10px;
padding: 8% 10%;
}

.newinfo .newinfo-font .tit {
font-size: 16px;
line-height: 1.875;
color: #333333;
}

.newinfo .newinfo-font .time {
font-size: 16px;
line-height: 28px;
color: #666666;
margin-top: 5px;
}

.nemore {
width: 240px;
padding: 18px 10px;
background-color: #e4121c;
border-radius: 10px;
font-size: 16px;
text-align: center;
display: block;
color: #ffffff;
overflow: hidden;
position: relative;
margin-top: 5%;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.nemore span,
.nemore img,
.contact2 .sub span,
.pro-more span,
.pro-more img,
.pro-more em {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
}

.nemore span {
margin-right: 10px;
}

.nemore::before,
.contact2 .sub::before,
.pro-more::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background-color: #eb444c;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.nemore:hover::before,
.contact2 .sub:hover::before,
.pro-more:hover::before {
width: 100%;
}

.nemore:hover img {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.pro-more2:hover,
.pro-more2:hover em {
color: #ffffff;
}
/* responsive */
@media screen and (max-width: 1679px) {
.menu-list h3 a {
font-size: 18px;
line-height: 80px;
}
.navbox{

top: 80px;
}

.w1600 {
width: 92%;
}

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

#search-form {
right: 3.9%;
}

.mainer .banner .banner-img .swiper-bimg {
bottom: -60%;
}

.banner .swiper-pagination {
width: 92%;
}

.section1 .section1-font .tit,
.footer .ftlogo-tel .tel a {
font-size: 26px;
}

.in-tit h2,
.inner-tit h2 {
font-size: 36px;
}

.service3 .service3-ul li .service3-dec {
width: 99.91%;
}

.service3 .service3-ul li:nth-child(2n) .service3-dec {
width: 100.2%;
}

.newinfo .newinfo-left .tit {
font-size: 26px;
}

.contact1 .contact1-mapfont {
margin-top: -150px;
}
}

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

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

.mainer .banner .banner-img .swiper-bimg img {
max-width: 550px;
max-height: 580px;
}

.mainer .banner .banner-img .swiper-bimg {
bottom: -55%;
}

.banner .swiper-font .swiper-h2 h2 span {
vertical-align: 0px;
}

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

.section2 .in-tit .dec,
.section3 .section3-tit {
font-size: 20px;
}

.footer .foot-logo {
width: 38%;
}

.section2 .section2-numBox li:nth-child(3) {
margin-top: 12%;
}

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

.mainer {
margin-top: 80px;
}

.strength3::before {
width: 900px;
height: 120px;
}

.strength3.box-on::before {
width: 25%;
}

.inner-tit .dec {
margin-top: 10px;
}

.about1 .inner-tit .dec {
font-size: 16px;
}

.proinfo2 .proinfo2-fimg1 {
max-width: 280px;
}

.proinfo2 .proinfo2-fimg2 {
max-width: 480px;
}

.proinfo3 .proinfo3-font {
padding: 0 5%;
}

.service3 .service3-ul li .service3-dec {
width: 100.1%;
}

.service3 .service3-ul li:nth-child(2n) .service3-dec {
width: 100.23%;
}

.about4 .about4-timeswp .stime {
font-size: 24px;
}

.about3 .about3-nimg img {
max-width: 180px;
}

.contact1 .contact1-mapfont {
margin-top: -220px;
}

.contact2 .contact2-right {
padding: 0 5%;
}

.navbox {
top: 80px;
}
}

@media screen and (max-width: 1366px) {

.menu-list h3 a {
font-size: 16px;
}

.in-tit h2,
.inner-tit h2 {
font-size: 34px;
}

.section1 .section1-font .tit,
.footer .ftlogo-tel .tel a {
font-size: 24px;
}

.more img {
max-width: 50px;
}

.footer .footerphone-menu h3 a {
font-size: 16px;
}

.headfixed .menu-list > ul {
padding-right: 2%;
}

.strength1 .strength1-ul li::before {
right: -45px;
width: 90px;
height: 12px;
}

.strength1 .strength1-ul li:nth-child(6)::before {
width: 63px;
height: 130px;
}

.strength1 .strength1-li .strength1-tit::before {
width: 10px;
height: 30px;
}

.strength1 .strength1-tit,
.strength1 .strength1-stit,
.strength4 .strength4-stit {
font-size: 16px;
}

.strength1 .strength1-stit,
.strength4 .strength4-stit {
padding: 10px;
}

.product1 .product1-img,
.proinfo5 .proinfo5-img {
height: 300px;
}

.proinfo1 .proinfo1-left .left {
height: 452px;
}

.proinfo1 .proinfo-Simg {
height: 100px;
}

.service3 .service3-ul li:nth-child(2n) .service3-dec {
width: 100.11%;
}

.service3 .service3-tit .icon em:nth-child(2) {
top: 60%;
}

.service3 .service3-tit .icon em {
left: 54%;
}

.service1 .service1-ul1 li {
width: 47%;
margin-left: 4%;
}

.service1 .service1-ul2 li {
width: 49.1%;
}

.service1 .inner-tit h2 {
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 20px;
}

.about3 .about3-nimg img {
max-width: 150px;
}

.navbox .navbox-contli {
padding: 0 4%;
}
}

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

.headfixed .menu-list .menu-pcbox,
.headfixed .menu-list > ul,
.product1 .product1-tabpc,
.navbox {
display: none;
}

.product1 .product1-tabmobile {
display: block;
}

.btn-phone {
display: block;
margin-top: 6px;
}

.headfixed .menu-list {
width: 50%;
justify-content: flex-end;
}

.headfixed {
padding: 15px 0;
}

.mainer {
margin-top: 70px;
}

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

.headfixed .mobile-nav-box > ul > li > h3 {
text-align: left;
padding: 15px 30px;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
display: inline;
}

.headfixed .mobile-nav-box > ul > li > h3 > a:hover {
color: #df1b24;
}

.headfixed .mobile-nav-box ul li {
padding: 0px;
}

.headfixed .mobile-nav-box > ul > li > h3 > i,
.headfixed .mobile-nav-box .link-tit > i {
line-height: 100%;
}

.headfixed .mobile-nav-box .head-suba > a,
.headfixed .mobile-nav-box .head-subnav > a {
padding: 5px 15px;
}

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

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

.btn-yx {
margin-right: 10%;
}

.section2 .section2-num,
.about2 .about2-num {
font-size: 46px;
}

.section2 .section2-num em,
.about2 .about2-num em {
font-size: 34px;
}

.section2 .section2-num sup,
.about2 .about2-num sup {
font-size: 22px;
}

.section3 .swiper-pagination,
.section3 .swiper-button-prev,
.section3 .swiper-button-next {
display: block;
}

.section3 .swiper-button-prev {
left: 30px;
}

.section3 .swiper-button-next {
right: 30px;
}

.section3 {
padding-bottom: 70px;
}

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

.section4 .section4-font .tit {
font-size: 20px;
}

.mainer .banner .banner-img .swiper-bimg img {
max-width: 480px;
max-height: 500px;
}

.mainer .banner .banner-img .swiper-bimg {
bottom: -40%;
}

.banner .swiper-font .swiper-h2 h2 {
letter-spacing: 0px;
}

.strength3::before {
width: 700px;
height: 90px;
}

.strength3 .strength3-numBox span {font-size: 16px;}

.nav-menu {
padding: 0px;
border-bottom: 1px solid transparent;
}

.nav-menu > div {
width: 100%;
}

.nav-menu .nav-name {
display: block;
}

.nav-menu .nav-menu-ul {
width: 100%;
position: absolute;
z-index: 100;
background: #fff;
box-shadow: 0 1px 4px 1px #f1f1f1;
padding: 10px 0;
display: none;
}

.nav-menu .nav-menu-ul li {
width: 100%;
text-align: left;
}

.nav-menu .nav-menu-ul a {
padding: 10px 30px;
border-bottom: 1px solid #eaeaea;
border-right: 1px solid transparent;
}

.nav-menu .nav-menu-ul li::before,
.service2 .service2-pc {
display: none;
}

.proinfo1 .proinfo1-left {
width: 48.3%;
}

.proinfo1 .proinfo1-right {
width: 51.7%;
}

.service2 .service2-mobile {
display: block;
}

.service1 .service1-icon {
width: 130px;
height: 130px;
}

.service1 .service1-icon img {
max-width: 60px;
}

.service2 .service2-left {
width: 65%;
}

.service2 .service2-right {
width: 35%;
}

.service3 .service3-dec {
height: 140px;
}

.service3 .service3-ul li:nth-child(2n) .service3-dec,
.service3 .service3-ul li .service3-dec {
width: 100%;
}

.about1 .inner-tit {
padding: 0;
}

.about4 .about4-ctleft .time {
font-size: 40px;
}

.about5 .about5-img {
height: 95px;
}

.contact2 .sub {
margin-bottom: 30px;
}
}

@media screen and (max-width: 1100px) {
.footer .foot-top,
.footer .foot-bot,
.proinfo1 .proinfo1-list,
.proinfo4 .proinfo4-list,
.proinfo2 .proinfo2-ul li,
.service2 .service2-list,
.contact2 {
flex-wrap: wrap;
}

.footer .foot-logo,
.footer .foot-menu,
.section1 .section1-ul,
.section4 .section4-swiper,
.footer .foot-copy,
.footer .foot-link,
.proinfo4 .proinfo4-left,
.proinfo4 .proinfo4-right,
.proinfo2 .proinfo2-font,
.proinfo1 .proinfo1-right,
.proinfo1 .proinfo1-right,
.service2 .service2-left,
.service2 .service2-right,
.service1::before,
.newinfo .newinfo-left,
.contact2 .contact2-right {
width: 100%;
}

.proinfo2 .proinfo2-imgBox,
.proinfo1 .proinfo1-left {
width: 80%;
margin: 0 auto;
}

.contact2 .contact2-left {
width: 60%;
margin: 0 auto;
margin-top: 30px;
display: none;
}

.proinfo1 .proinfo1-left .left {
width: calc(100% - 130px - 20px);
height: 620px;
}

.proinfo1 .proinfo-Simg {
height: 142px;
}

.proinfo1 .proinfo1-left .right,
.proinfo1 .proinfo-Simg {
width: 130px;
}

.proinfo4 .proinfo4-left,
.proinfo1 .proinfo1-right .dec,
.newinfo .newinfo-left {
padding-right: 0px;
}

.proinfo4 .proinfo4-left,
.proinfo2 .proinfo2-font,
.proinfo1 .proinfo1-left,
.service2 .service2-left {
margin-bottom: 45px;
}

.footer .foot-menu {
flex: none;
margin-top: 40px;
display: none;
}

.section5 .swiper-button-prev,
.section5 .swiper-button-next,
.strength1 .swiper-pagination,
.strength4 .swiper-pagination,
.proinfo5 .swiper-pagination {
display: block;
}

.newinfo .newinfo-right {
display: none;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 38px;
}

.banner .swiper-font .swiper-h2 h2 span {
font-size: 36px;
}

.banner .swiper-font .swiper-h3 h3 {
font-size: 18px;
}

.in-tit h2,
.inner-tit h2 {
font-size: 32px;
}

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

.section2 .section2-ul li {
margin-right: 8.5%;
margin-top: 8.5%;
}

.section2 .section2-ul li:nth-child(5n) {
margin-right: 8.5%;
}

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

.section2 .section2-ul {
margin-top: 20%;
}

.section5 .swiper-container {
width: 90%;
margin: 0 auto;
}

.section5 .swiper-button-prev,
.section5 .swiper-button-next {
top: 65%;
}

.mainer .banner .banner-img .swiper-bimg img {
max-width: 400px;
max-height: 420px;
}

.mainer .banner .banner-img .swiper-bimg {
bottom: -30%;
right: 12%;
}

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

.footer .ftlogo-tag,
.footer .ftlogo-tel,
.footer .foot-copy,
.footer .foot-link {
text-align: center;
}


.nbyx {
text-align: center;
width: 100%;
margin-top: 20px;
/* margin-bottom: 20px; */
}

.nbyx span {
color: white !important;
}

.footer .bshare-custom {
display: flex;
flex-direction: row;
justify-content: center;
}

.section2::before {
background: rgba(0, 0, 0, 0.4);
}

.strength3 .strength3-ul {
padding-right: 0px;
}

.strength4 .swiper-container {
padding-bottom: 10px;
}

.strength1 .inner-tit {
width: 55%;
}

.product1 .product1-ul li {
width: 32.3%;
}

.product1 .product1-ul li:nth-child(4n) {
margin-right: 1.5%;
}

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

.proinfo1 .proinfo1-right .tit {
font-size: 28px;
}

.proinfo2 .proinfo2-font .tit,
.proinfo4 .proinfo4-tit .tit,
.proinfo5 .proinfo5-tit .tit {
font-size: 26px;
}

.proinfo2 .proinfo2-font .tit,
.proinfo4 .proinfo4-tit .tit,
.proinfo5 .proinfo5-tit .tit {
padding-top: 10px;
padding-bottom: 0px;
}

.proinfo2 .proinfo2-fimg1 {
bottom: 10px;
}

.proinfo2 .proinfo2-fimg2 {
max-width: 380px;
}

.proinfo2.box-on::before {
max-width: 500px;
}

.proinfo3 .proinfo3-ul li {
width: 25%;
padding-bottom: 30px;
}

.proinfo3 {
padding-bottom: 40px;
}

.pro-more {
font-size: 16px;
}

.pro-more em {
font-size: 14px;
line-height: 14px;
}

.proinfo1 .proinfo1-right .money {
font-size: 22px;
margin-bottom: 30px;
}

.proinfo2 .proinfo2-font,
.contact2 .contact2-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.proinfo2 .proinfo2-imgBox,
.contact2 .contact2-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.proinfo2 .proinfo2-ul li:nth-child(odd) .proinfo2-font,
.proinfo1 .proinfo1-right {
padding-left: 0px;
}

.proinfo2 .proinfo2-ul li:nth-child(even) .proinfo2-font {
padding-right: 0px;
}

.proinfo1 .proinfo1-left .left {
height: 600px;
}

.proinfo1 .proinfo-Simg {
height: 136px;
}

.proinfo4 .proinfo4-left,
.proinfo2 .proinfo2-font,
.proinfo1 .proinfo1-left {
margin-bottom: 30px;
}

.proinfo2 .proinfo2-ul li {
margin-bottom: 40px;
}

.proinfo3 .proinfo3-ul li {
width: 33.333%;
}

.proinfo4 .proinfo4-table table {
width: 900px;
}

.proinfo5 .proinfo5-swiper {
padding-bottom: 70px;
}

.service3 .service3-tit {
padding: 5% 4%;
}

.service3 .service3-ul li:nth-child(2n) .service3-dec,
.service3 .service3-ul li .service3-dec {
width: 100.1%;
}

.service3 .service3-tit .icon em {
left: 58%;
}

.service2 .service2-right {
padding-left: 0px;
}

.service1.box-on::before {
height: 600px;
}

.about4 .about4-timeswp .swiper-slide::before {
height: 5px;
}

.about4 .about4-ctleft .time {
font-size: 36px;
}

.about3 .about3-nimg img {
max-width: 120px;
}

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

.about1 .about1-img {
-webkit-animation: none;
animation: none;
}

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

.new .new-ul li {
width: 49.15%;
}

.new .new-ul li:nth-child(3n) {
margin-right: 1.7%;
}

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

.contact1 .contact1-mapfont {
margin-top: -300px;
}

.contact1 .contact1-font {
padding: 3%;
}

.contact1 .contact1-mapfont .tit {
margin-bottom: 15px;
padding-bottom: 15px;
}

.contact1 .contact1-mapfont .tit::before {
width: 40px;
}

.contact2 .contact2-ul .contact2-li {
width: 48.75%;
margin-top: 20px;
margin-right: 2.5%;
}

.contact2 {
background: #fff;
}

.contact2 .contact2-right {
background-color: #f7f8fc;
padding: 50px;
}
}

@media screen and (max-width: 980px) {
.section2 .section2-list,
.section2 .section2-numBox,
.strength3,
.service1 > div,
.about2 .about2-numBox,
.about3 > div,
.about4-contswp .swiper-slide,
.contact1 .contact1-mapfont {
flex-wrap: wrap;
}

.banner .swiper-font,
.section1 .section1-ul li,
.section2 .section2-left,
.section2 .section2-right,
.strength3 .strength3-left,
.strength3 .strength3-right,
.proinfo2 .proinfo2-imgBox,
.proinfo1 .proinfo1-left,
.service1 .service1-left,
.service1 .service1-right,
.service3 .service3-ul li,
.about3 .about3-left,
.about3 .about3-right,
.about4 .about4-ctleft,
.about4 .about4-ctright,
.new .new-ul li,
.contact1 .contact1-font {
width: 100%;
}

.section2 .section2-left,
.strength3 .strength3-right,
.service1 .service1-left,
.contact1 .inner-tit {
padding-right: 0px;
}

.section2 .section2-right,
.strength3 .strength3-right,
.about3 .about3-right {
padding-left: 0px;
}

.section1 .section1-ul li,
.service3 .service3-ul li,
.new .new-ul li,
.new .new-ul li:nth-child(3n),
.contact1 .contact1-font {
margin-right: 0px;
}

.section1 .section1-ul li,
.section1 .section1-ul li:nth-child(2),
.strength3 .strength3-left,
.service1 .service1-right,
.about4 .about4-ctright,
.contact1 .contact1-font {
margin-top: 30px;
}

.contact1 .contact1-font:first-child {
margin-top: 0px;
}

.banner .pub-pbanner,
.mainer .banner .banner-img .swiper-bimg,
.pub-pcbanner,
.strength1 .strength1-pro {
display: none;
}

.banner .pub-mbanner,
.pub-mbanner,
.strength1 .strength1-mobile {
display: block;
}

.section2 .section2-numBox li,
.about2 .about2-numBox li {
width: 50%;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 34px;
line-height: 1.4;
}

.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-ul li a,
.section2 .section2-numBox {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.section1 .section1-font,
.section1 .section1-img {
width: 50%;
}

.section1 .section1-font {
padding: 0px;
padding-right: 20px;
text-align: left;
}

.section1 .section1-font .btn,
.section1 .section1-img {
margin: 0px;
}

.section1 .section1-ul li a {
padding: 6%;
}

.section2 .section2-ul li,
.section2 .section2-ul li:nth-child(4n) {
margin-right: 5%;
}

.section2 .section2-ul li {
margin-top: 5%;
}

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

.section2 .section2-ul {
margin-top: 0%;
}

.section2 .section2-left .more {
margin-top: 35px;
}

.section2 .section2-numBox li,
.section2 .section2-numBox li:nth-child(1) {
margin-top: 5%;
padding-right: 4%;
}

.section2 .section2-numBox li:nth-child(3) {
margin-top: 4%;
}

.section2 .section2-num,
.about2 .about2-num {
font-size: 40px;
line-height: 50px;
}

.section2 .section2-num em,
.about2 .about2-num em {
font-size: 30px;
}

.section2 .section2-num sup,
.about2 .about2-num sup {
font-size: 20px;
}

.section2 {
padding: 10% 0;
}

.in-tit h2,
.inner-tit h2 {
font-size: 28px;
}

.section2 .in-tit .dec,
.section3 .section3-tit {
font-size: 18px;
}

.section3 .swiper-button-next {
right: 15px;
}

.section3 .swiper-button-prev {
left: 15px;
}

.section3,
.footer .foot-top {
padding-bottom: 50px;
}

.section5 {
padding: 35px 0;
}

.section5 .section5-img {
padding: 5px;
}

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

.section5 .swiper-button-prev,
.section5 .swiper-button-next {
top: 75%;
}

.footer {
padding-top: 55px;
}

.footer .ftlogo-tag,
.footer .ftlogo-tel {
margin-top: 15px;
margin-bottom: 10px;
}

.footer .ftlogo-tel {
margin-top: 0px;
}

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

.banner .swiper-font .swiper-h2 h2 span,
.pub-banner .pub-banner-font h3 {
font-size: 32px;
}

.strength1 .strength1-ul li {
width: 25%;
}

.strength2 .strength2-dec .dec {
margin-top: 15px;
font-size: 16px;
}

.strength2 .strength2-dec .dec img {
max-width: 16px;
}

.strength3 .strength3-right,
.about3 .about3-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.strength3 .strength3-left,
.about3 .about3-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

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

.strength3 .strength3-ul,
.about3 .about3-left {
margin-top: 30px;
}

.strength3 .strength3-numBox {margin: 0 auto;width: 110px;height: 110px;line-height: 110px;}

.strength3 .strength3-ndec {
text-align: center;
}

.strength3::before {
width: 500px;
height: 60px;
}

.strength3 {
padding-top: 15%;
}

.strength1 .strength1-swiper,
.strength4 .strength4-swiper {
margin-top: 40px;
}

.strength1 .inner-tit {
width: 100%;
}

.strength1 .swiper-container,
.strength4 .swiper-container {
padding-bottom: 15px;
}

.product1 .product1-ul li {
width: 49.25%;
}

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

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

.product1 .product1-img,
.proinfo5 .proinfo5-img {
height: 340px;
}

.service3 .service3-ul li {
margin-bottom: 20px;
}

.service3 .service3-ul,
.contact1-mapBox {
padding-top: 35px;
}

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

.service3 .service3-tit {
padding: 3%;
}

.about2 .about2-numBox li {
margin-top: 20px;
text-align: center;
}

.about2 .about2-numBox li:nth-child(odd) {
margin-top: 11px;
}

.about3::before {
width: 260px;
height: 360px;
}

.about3::after {
width: 400px;
height: 520px;
top: 10%;
}

.about6 .about6-tab li {
margin-right: 7%;
}

.about6 .about6-tit {
font-size: 16px;
}

.about6 .about6-tab {
padding-top: 20px;
padding-bottom: 30px;
}

.about4 .about4-ctleft .time {
font-size: 32px;
}

.new .new-ul li {
margin-bottom: 30px;
}

.nav-menu .nav-name {
line-height: 55px;
}

.contact1 .contact1-mapfont {
margin-top: -350px;
}

.contact2 {
margin: 55px auto;
}

.pic:hover img,
.section1 .section1-ul li:hover .section1-img img,
.section3 .swiper-slide:hover .section3-img img,
.section4 .swiper-slide:hover .section4-img img,
.product1 .product1-ul li:hover .product1-img img,
.proinfo3 .proinfo3-ul li:hover .proinfo3-img img,
.proinfo5 .swiper-slide:hover .proinfo5-img img,
.strength1 .swiper-slide:hover .strength1-img img,
.strength4 .swiper-slide:hover .strength4-img img,
.service1 .service1-ul li:hover .service1-img img,
.about5 .swiper-slide:hover .about5-img img,
.new .new-ul li:hover .section4-img img,
.newinfo .newinfo-ul li:hover .newinfo-simg img,
.section5 .swiper-slide:hover .section5-img img {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
}

.section4 .section4-ul li:hover .section4-icon img,
.section2 .section2-img:hover img,
.section3 li:hover .section3-icon img,
.service1 .service1-icon:hover {
transform: rotateY(0deg);
}
}

@media screen and (max-width: 767px) {
.section1 .section1-ul li a,
.strength3 .strength3-ul,
.proinfo1 .proinfo1-left {
flex-wrap: wrap;
}

.section1 .section1-font,
.section1 .section1-img,
.section2 .section2-numBox li,
.strength3 .strength3-ul li,
.product1 .product1-ul li,
.proinfo1 .proinfo1-left .left,
.proinfo1 .proinfo1-left .right,
.proinfo1 .shopping-icon,
.about2 .about2-numBox li,
.contact2 .contact2-ul .contact2-li {
width: 100%;
}

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

.proinfo1 .proinfo1-right .dec {
padding-right: 0px;
}

.section2 .section2-numBox li,
.section2 .section2-numBox li:nth-child(3) {
padding-right: 0px;
margin-top: 25px;
}

.section2 .section2-numBox li:nth-child(1) {
margin-top: 35px;
}

.section2 .section2-numBox li:nth-child(3) {
margin-top: 20px;
}

.lightboxOverlay,
.lightbox,
.mainer .banner .banner-img .swiper-mouse {
display: none !important;
}

.section4 .swiper-pagination {
display: block;
}

.headfixed .logo img,
.footer .ftlogo img {
max-width: 160px;
}

.btn-search,
.btn-yx {
width: 32px;
height: 32px;
}

.btn-yx em {
font-size: 14px;
line-height: 32px;
}

.btn-phone {
margin-top: 0px;
}

.mainer {
margin-top: 62px;
}

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

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

.headfixed .mobile-nav-box > ul > li > h3 > i,
.headfixed .mobile-nav-box .link-tit > i {
right: 20px;
}

.banner .swiper-font .swiper-h2 h2 {
font-size: 30px;
line-height: 1.2;
}

.banner .swiper-font .swiper-h2 {
margin-bottom: 10px;
}

.banner .more,
.strength1-mobile,
.proinfo1 .proinfo1-left .right,
.proinfo1 .shopping-icon {
margin-top: 20px;
}

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

.more img {
max-width: 35px;
}

.section1 .section1-ul li a {
padding: 9%;
}

.section1 .section1-img {
margin: 30px auto;
}

.section1 .section1-font .tit,
.footer .ftlogo-tel .tel a {
font-size: 22px;
}

.section2 .section2-img {
max-width: 60px;
max-height: 60px;
}

.section2 .section2-left .more {
margin-top: 20px;
}

.section2 {
padding: 50px 0;
}

.section2 .section2-num,
.about2 .about2-num {
font-size: 32px;
line-height: 36px;
}

.section2 .section2-num em,
.about2 .about2-num em {
font-size: 24px;
}

.section2 .section2-num sup,
.about2 .about2-num sup {
font-size: 16px;
}

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

.section3 .swiper-button-prev {
left: 8px;
}

.section3 .swiper-button-next {
right: 8px;
}

.section3 .section3-swiper .swiper-container {
padding-bottom: 20px;
}

.section4 .section4-swiper .swiper-container {
padding-bottom: 40px;
}

.in-tit h2,
.inner-tit h2 {
font-size: 26px;
}

.section4 .section4-font .more1 {
font-size: 16px;
}

.section4 .section4-font .time,
.pub-banner .ny-bread a {
font-size: 14px;
}

.pub-banner .ny-bread .bread-hom {
max-width: 18px;
margin-right: 3px;
}

.section5 .section5-img {
padding: 15px;
}

.section5 {
padding: 20px 0;
}

.footer .foot-top {
padding-bottom: 40px;
}

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

.strength2 .strength2-dec {
justify-content: flex-start;
}

.strength2 .strength2-img .img {
margin-right: 3%;
width: 48.5%;
}

.strength3.box-on::before {
width: 100%;
left: 0;
position: static;
margin-bottom: 20px;
}

.strength3::before {
width: 100%;
height: 40px;
top: 50px;
}

.strength3 {
padding-top: 15%;
}

.strength3 .strength3-ul li {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}

.strength3 .strength3-ndec {
width: calc(100% - 110px);
padding-left: 20px;
text-align: left;
}

.strength3 .strength3-ul {
margin-top: 0px;
}

.strength3 .strength3-ul li,
.about4 .about4-timeswp .swiper-container {
margin-top: 25px;
}

.product1 .product1-font,
.proinfo5 .proinfo5-font {
padding: 20px 0;
}

.product1 .product1-ul li {
margin-bottom: 15px;
}

.proinfo1 .proinfo1-left .left {
height: 380px;
}

.proinfo1 .proinfo1-left .right .swiper-container {
padding-right: 1px;
}

.proinfo1 .proinfo-Simg {
height: 80px;
}

.proinfo1 .proinfo1-right .tit {
font-size: 26px;
}

.proinfo1 .proinfo1-right .money {
font-size: 20px;
}

.proinfo1 .proinfo1-right .dec,
.proinfo1 .proinfo1-right .pieces,
.proinfo1 .shopping-tit {
font-size: 16px;
}

.pro-more {
width: 160px;
font-size: 14px;
height: 45px;
line-height: 45px;
}

.proinfo1 .shopping {
margin-top: 30px;
flex-wrap: wrap;
}

.proinfo1 .shopping-icon {
padding-left: 0px;
}

.proinfo2 .proinfo2-font .tit,
.proinfo4 .proinfo4-tit .tit,
.proinfo5 .proinfo5-tit .tit {
font-size: 24px;
}

.proinfo2 .proinfo2-font .line,
.proinfo4 .proinfo4-tit .line,
.proinfo5 .proinfo5-tit .line,
.service1 .inner-tit h2::before,
.service3 .inner-tit h2::before {
width: 35px;
height: 2px;
}

.proinfo2.box-on::before,
.proinfo2::before {
width: 300px;
height: 310px;
}

.proinfo5 .proinfo5-swiper {
padding-bottom: 50px;
}

.proinfo5 .swiper-container {
padding: 15px 0;
}

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

.proinfo3 .proinfo3-img {
width: 120px;
height: 120px;
border: solid 2px #d61518;
}

.proinfo3 .proinfo3-ul li,
.service3 .inner-tit h2 {
padding-bottom: 20px;
}

.proinfo4 .proinfo4-left,
.proinfo2 .proinfo2-font,
.proinfo1 .proinfo1-left,
.proinfo1 .proinfo1-right .money,
.service2 .service2-left,
.about3 .inner-tit .dec {
margin-bottom: 20px;
}

.proinfo3 .proinfo3-font,
.about1 .inner-tit .dec,
.about4 .about4-ctleft .dec {
margin-top: 10px
}

.proinfo2 .proinfo2-fimg1 {
max-width: 160px;
}

.proinfo2 .proinfo2-fimg2 {
max-width: 280px;
}

.proinfo1 .proinfo1-right .dec,
.service3 .service3-ul {
padding-bottom: 10px;
}

.proinfo1 .proinfo1-right .pieces {
padding-top: 15px;
}

.proinfo3 {
padding-bottom: 25px;
}

.service1 .inner-tit h2 {
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 10px;
}

.service1 .service1-icon {
width: 100px;
height: 100px;
}

.service1 .service1-ul1 li {
width: 47.55%;
}

.service1 .service1-icon img {
max-width: 45px;
}

.service1 .service1-ul2 {
margin-right: 20px;
}

.service1.box-on::before,
.service1::before {
width: 100%;
height: 400px;
}

.service3 .service3-tit {
padding: 5%;
}

.service3 .service3-ul {
padding-top: 25px;
}

.service3 .service3-tit .icon em {
left: 55%;
}

.service3 .service3-tit .icon em:nth-child(2) {
top: 56%;
}

.service3 .service3-dec {
height: 170px;
}

.about1 .inner-tit,
.about2 .about2-numBox li {
text-align: left;
}

.about2 {
padding: 40px 0;
}

.about2 .about2-numBox li:nth-child(odd) {
margin-top: 18px;
}

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

.about3::before {
width: 200px;
height: 300px;
}

.about3 .about3-nimg img {
max-width: 100px;
}

.about4 .about4-ctleft .time {
font-size: 28px;
}

.about4 .about4-ctleft .time-dec {
padding: 0px;
padding-left: 15px;
}

.about3::after {
width: 100%;
height: 300px;
top: 40%;
}

.about4 .about4-timeswp .stime {
font-size: 22px;
}

.about5 .swiper-container {
padding: 8% 1.5% 10% 1.5%;
}

.about6 .about6-tab li {
margin-right: 15%;
}

.about6 .swiper-container {
padding: 0 3.5%;
}

.about4 {
padding-bottom: 30px;
}

.newinfo .newinfo-left .tit {
font-size: 24px;
margin-bottom: 15px;
}

.newinfo .newinfo-left .font img {
margin: 25px auto;
}

.nemore {
width: 200px;
padding: 13px 6px;
margin-top: 20px;
}

.contact1 .contact1-mapfont {
margin-top: 0px;
}

.contact1 .contact1-map {
height: 120px;
}

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

.contact1 .contact1-font {
padding: 8% 6%;
}

.contact1 .contact1-font:first-child {
margin-top: -20px;
}

.contact2 .contact2-right {
padding: 40px 20px;
}

.contact2 .contact2-ul .contact2-li {
margin-top: 15px;
}

.contact2 .sub {
height: 45px;
}
}


.nbyx img {
display: inline-block;
max-width: 26px;
vertical-align: bottom;
}

.nbyx span {
color: rgb(175 175 175);
}

.nbyx span:hover {
color: white;
}

@media(max-width:360px) {


.section2 .section2-ul li,
.section2 .section2-ul li:nth-child(4n) {
margin-right: 4%;
}

.footer .ftlogo-tag {
font-size: 16px;
}

.proinfo1 .proinfo1-left .left {
height: 350px;
}

.proinfo1 .proinfo-Simg {
height: 75px;
}

.contact1 .contact1-map {
height: 100px;
}
}

.proinfo {
}

.proinfo table {
width: 100%;
margin-bottom: 20px;
}


.proinfo table tr:nth-child(1) {
background-color: whitesmoke;
}

.proinfo table td {
border: 1px solid rgb(158 158 158);
padding: 10px;
}

.proinfo table td, .proinfo table p, .proinfo table span {
font-size: 16px !important;
}


.szen0824-dh {text-align: right;position: absolute;bottom: 0;right: 0;}

.szen0824-dh a {
color: #e4121c;
font-size: 18px;
border: 1px solid #e4121c;
padding: 8px 48px 8px 20px;
background: url(/pc/images/hdjta.png) no-repeat 88% 9px;
background-size: 24px;
display: inline-block;
}

.szen0824-dh a:hover {
color: white;
background: url(/pc/images/hdjtb.png) no-repeat 88% 9px;
background-size: 24px;
background-color: #e4121c;
}


.pcvideo .pub-pbanner {
}

.pcvideo video {
position: absolute;
top: -50%;
left: 0;
width: 100%;
height: 200%;
}

@media screen and (max-width:767px) {

.pcvideo {
display: none;
}
}


.contact2-share{
display:none;
}
.lgwj {height: 40px;border-radius: 50%;margin-right: 20%;/* display: none; */}

.lgwj a {
color: #666666;
line-height: 40px;
font-size: 20px;
}

.lgwj a:hover {
color: #df1b24
}

@media screen and (max-width:767px) {
.lgwj {
margin-right: 15px;
}

.lgwj a {
font-size: 18px;
}
}

.nbyx{}
.nbyx a{
    margin-right: 10px;
}