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

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

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

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

.swiper-pagination-bullet {
width: 10px;
height: 10px;
background-color: rgba(0, 124, 251, .3);
}

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

.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: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.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;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
display: none;
margin: auto;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
}

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

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

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

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

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

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

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

.headfixed {
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, .15);
background: #fff;
transition: all .5s;
}

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

.headfixed .logo {
overflow: hidden;
}

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

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

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

.headfixed .mobile-nav-box ul li {
padding: 12px 0;
width: 100%;
border-bottom: 1px solid #ddd;
}

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

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

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

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

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

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

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

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

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

.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);
-o-transform: translate(-50%, 7px) rotate(45deg);
transform: translate(-50%, 7px) rotate(45deg);
-ms-transform: translate(-50%, 7px) rotate(45deg);
}

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

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

.mobile-nav-box {
position: fixed;
top: 80px;
left: 0;
z-index: 99;
display: none;
overflow-y: auto;
padding: 0 0 60px 0;
width: 100%;
height: 100%;
border-top: 1px solid #ddd;
background: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.app-lanu a.active {
border-radius: 30px;
background: #007cfb;
color: #fff;
}

.btn-search {width: 18px;height: 18px;display: none;}

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

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

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

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

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

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

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

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

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

.btn-lanuage {
width: 50px;
height: 30px;
border-radius: 15px;
background-color: #fef22e;
margin-right:0px;
}

.btn-lanuage a {
color: #15287d;
text-align: center;
font-size: 16px;
line-height: 33px;
}

.btn-lanuage:hover {
background-color: #007cfb;
}

.btn-lanuage:hover a {
color: #fff;
}

.menu-list h3 {
position: relative;
}

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

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

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

.menu-list > ul > li .head-subnav {
display: block;
position: absolute;
overflow: hidden;
top: 100%;
left: 0;
min-width: 230px;
left: 50%;
-webkit-transform: translate(-50%, 10px);
-ms-transform: translate(-50%, 10px);
-o-transform: translate(-50%, 10px);
transform: translate(-50%, 10px);
width: 100%;
background: #fff;
text-align: left;
pointer-events: none;
opacity: 0;
border-top: 0;
}

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

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

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

.menu-list h3 a::after {
position: absolute;
bottom: -1px;
left: 0;
width: 0;
height: 5px;
background-color: #007cfb;
content: "";
}

.headfixed .menu-list > ul > li.cur a {
color: #007cfb;
}

.menu-list .head-subnav a {
position: relative;
display: block;
padding: 17px;
border-bottom: 1px solid #ececec;
color: #007cfb;
text-align: center;
}

.menu-list .head-subnav a:first-child::before {
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 5px;
background-color: #007cfb;
content: "";
}

.menu-list > ul > li:hover .head-subnav a:first-child::before {
width: 100%;
}

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

.menu-list .mobile-nav-box .head-subnav a:hover {
background: 0 0;
color: #007cfb;
}

.mainer {
margin-top: 100px;
}

.HDI01 .HDI01-swiper,
.HDI03 .HDI03-swiper,
.HDI04,
.footer,
.fpcb3 .dec-Box,
.fpcb6 .fpcb6-swiper,
.hpcb4 .hpcb4-swiper,
.hpcb5 .dec-Box,
.hpcb5 .hpcb5-font,
.mainer,
.mainer .banner .banner-img,
.mepcb3 .mepcb3-btswiper,
.mepcb3 .mepcb3-swiper,
.mepcb3 .mepcb3-tpswiper,
.mpcb3 .mpcb3-list,
.mpcb3 .mpcb3-tpswiper,
.mpcb3 .mpcb3-tpswiper .swiper-slide,
.quality7 .quality7-swiper {
position: relative;
}

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

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

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

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

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

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

.banner .swiper-font .swiper-tag .left {
padding: 4px 20px;
background-color: #007cfb;
color: #fff;
}

.banner .swiper-font .swiper-tag .right {
padding: 4px 13px;
background-color: #fff;
color: #15287d;
}

.banner .swiper-font .swiper-h2 {
position: relative;
margin: 30px auto;
}

.banner .swiper-font .swiper-h2 h2 {
color: #fff;
font-size: 62rem;
font-family: Arial-BoldMT;
line-height: 1.21;
}

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

.banner .swiper-font .swiper-h3 h3 {
padding-right: 40%;
color: #fff;
font-size: 20px;
line-height: 1.7;
}

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

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

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

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

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

.mainer .banner .swiper-slide-active .swiper-tag {
-webkit-animation: fadeInDown 3s;
animation: fadeInDown 3s;
}

.mainer .banner .swiper-slide-active .swiper-h2 {
-webkit-animation: fadeInUp 4.5s;
animation: fadeInUp 4.5s;
}

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

.mainer .banner .swiper-slide-active .more {
-webkit-animation: fadeInDown 4.5s;
animation: fadeInDown 4.5s;
}

.more {
position: relative;
display: block;
overflow: hidden;
padding: 10px;
width: 250px;
background-color: #007cfb;
color: #fff;
text-align: center;
font-size: 18px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.more span {
display: inline-block;
width: calc(100% - 47px - 10px);
vertical-align: middle;
}

.more em,
.more2 em {
display: inline-block;
overflow: hidden;
width: 47px;
height: 45px;
background-color: #fef22e;
color: #15287d;
vertical-align: middle;
text-align: center;
font-size: 18px;
line-height: 45px;
}

.more em,
.more span,
.more2 em,
.more2 span {
position: relative;
z-index: 2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.more2:hover em {
background-color: #007cfb;
color: #fef22e;
}

.more2::before,
.more::before {
position: absolute;
top: 0;
left: 0;
display: none;
width: 0%;
height: 100%;
background-color: #fef22e;
content: "";
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.more2 em {
margin-right: 15px;
}

.more2 span {
display: inline-block;
color: #253a98;
vertical-align: middle;
font-size: 18px;
}

.more2:hover em {
margin-left: 15px;
}

.more:hover span {
width: calc(100% - 47px - 40px);
}

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

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

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

.in-tit h2 {
margin-top: 10px;
color: #15287d;
font-size: 44rem;
font-family: Arial-BoldMT;
line-height: 1.32;
}

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

.in-tit .dec {
color: #007cfb;
font-size: 20px;
}

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

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

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

.d2 {
animation-delay: .4s;
-webkit-animation-delay: .4s;
}

.section1 .section1-ul,
.section2 .section2-ul {
flex-wrap: wrap;
}

.section1 .section1-ul li {
margin-right: 3%;
margin-bottom: 2%;
width: 31.3%;
cursor: default;
}

.section1 a:hover {
cursor: default;
}

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

.section1 .section1-img {
position: relative;
overflow: hidden;
height: 300px;
background-color: #fff;
box-shadow: 0 0 6px 0 rgba(8, 1, 3, .1);
}

.section1 .section1-font {
padding: 20px;
}

.section1 .section1-font .tit {
position: relative;
display: block;
overflow: hidden;
width: calc(100% - 45px);
color: #15287d;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 20px;
}

.more1 {
position: relative;
overflow: hidden;
width: 45px;
height: 45px;
border: solid 2px #f1f2f8;
color: #15287d;
text-align: center;
font-size: 18px;
line-height: 43px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.section1 .section1-ul li:hover .section1-font .more1,
.section2 .section2-ul li:hover .more1 {
border: solid 2px #fef22e;
background-color: #fef22e;
}

.section1 .more {
margin: 0 auto;
margin-top: 10px;
}

.section2 {
background-color: #edf6ff;
}

.section2 .section2-ul li {
margin-top: 2%;
margin-right: 2.5%;
padding: 3%;
width: 48.75%;
border: solid 1px #007cfb;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

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

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

.section2 .section2-icon {
position: relative;
width: 122px;
height: 120px;
background: url(../images/in-bgm3.png) no-repeat center center;
background-size: cover;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

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

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

.section2 .section2-font {
padding: 0 7%;
width: calc(100% - 122px - 45px);
}

.section2 .section2-font .tit {
color: #333;
font-size: 24px;
}

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

.section2 .more1 {
border: solid 2px #007cfb;
background-color: #007cfb;
color: #fff;
}

.section2 .section2-ul li:hover {
background-color: #007cfb;
}

.section2 .section2-ul li:hover .section2-icon {
background: url(../images/in-hbgm3.png) no-repeat center center;
}

.section2 .section2-ul li:hover .section2-font .dec,
.section2 .section2-ul li:hover .section2-font .tit {
color: #fff;
}

.section2 .section2-ul li:hover .more1 {
color: #15287d;
}

.section3 {
padding: 55px 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

.section3 .section3-numBox li {
width: 20%;
border-right: 1px solid rgba(255, 255, 255, .2);
text-align: center;
}

.section3 .section3-numBox li:last-child {
border-right: 0;
}

.section3 .section3-numBox .number {
display: inline-block;
color: #fff;
vertical-align: middle;
font-size: 72rem;
font-family: DINCondensed-Bold;
line-height: 1.2;
}

.section3 .section3-numBox .section3-num {
color: #fff;
font-size: 30px;
}

.section3 .section3-numBox .section3-dec {
color: rgba(255, 255, 255, .8);
line-height: 1.875;
}

.section3 .section3-numBox li:hover .section3-dec {
color: rgba(254, 242, 46, .8);
}

.section4 {
overflow: hidden;
}

.section4 .section4-left {
position: relative;
width: 53.15%;
align-items: flex-end;
}

.section4 .section4-img1 {
position: relative;
z-index: 3;
overflow: hidden;
margin-right: -120px;
margin-bottom: -40px;
display: none;
}

.factory1 .factory1-left::before,
.section4 .section4-img1::before,
.video1 .video1-ul li::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .25);
content: "";
}

.factory1 .factory1-left::before {
background: rgba(0, 0, 0, .15);
}

.video1 .video1-ul li::before {
background: rgba(0, 0, 0, .2);
}

.quote1 .factory1-left::before {
background: rgba(0, 0, 0, 0);
}

.section4 .section4-img1::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 20px solid #fff;
content: "";
}

.section4 .section4-img2 {
overflow: hidden;
width: 100%;
}

.section4 .section4-video {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
transform: translate(-50%, -50%);
background: #00000080;
border-radius: 50%;
}

.section4 .section4-right {
padding-left: 6%;
width: 40.65%;
}

.contact1 .inner-tit,
.contact2 .inner-tit,
.factory1 .inner-tit,
.fold1 .inner-tit,
.pcbz5 .inner-tit,
.problem1 .inner-tit,
.quality1 .inner-tit,
.section4 .in-tit,
.surface1 .inner-tit,
.tolerant1 .inner-tit {
text-align: left;
}

.section4 .section4-dec {
margin-top: 4%;
margin-bottom: 6.5%;
color: #666;
line-height: 2;
}

.section4 .section4-tab {
position: relative;
flex-wrap: wrap;
}

.section4 .section4-tab::before {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 1px;
background-color: #dadada;
content: "";
}

.section4 .section4-tab li {
position: relative;
margin-right: 12%;
padding-bottom: 15px;
}

.section4 .section4-tab li::before {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
width: 0%;
height: 5px;
background-color: #fef22e;
content: "";
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.section4 .section4-tab li.active::before {
width: 120%;
}

.section4 .section4-tab a {
color: #253a98;
font-size: 24px;
}

.section4 .section4-ctul {
overflow-x: hidden;
overflow-y: auto;
height: 140px;
}

.section4 .section4-ctul li {
margin-top: 8%;
}

.section4 .section4-ctul li:first-child {
margin-top: 0;
}

.section4 .section4-ctul em {
display: block;
width: 20px;
height: 20px;
border: solid 1px #007cfb;
border-radius: 3px;
color: #007cfb;
text-align: center;
font-size: 16px;
line-height: 20px;
}

.section4 .section4-ctul .font {
display: block;
padding-left: 5%;
width: calc(100% - 20px);
color: #666;
line-height: 25px;
}

.section4 .section4-ct {
margin-top: 7%;
margin-bottom: 8%;
}

.section4 .section4-ctimg {
width: 39.5%;
width: 45%;
}

.section4 .section4-ctft {
padding-left: 6%;
width: 60.5%;
}

.section4 .section4-ctLi,
.section5 .section5-Lswiper .swiper-button-next,
.section5 .section5-Lswiper .swiper-button-prev {
display: none;
}

.section4 .section4-ctLi.show {
display: block;
}

.materials2,
.quality3,
.quality8,
.section5,
.surface2 {
position: relative;
background-color: #f7f7f7;
}

.section5::before {
position: absolute;
top: 7%;
left: 50%;
width: 1360px;
height: 660px;
background: url(../images/in-bgm2.png) no-repeat center center;
background-size: cover;
content: "";
transform: translateX(-50%);
}

.section5 .section5-Lswiper {
position: relative;
margin: 50px auto;
}

.section5 .section5-Limg {
position: relative;
overflow: hidden;
margin: 0 auto;
width: 130px;
height: 130px;
border-radius: 50%;
background-color: #fff;
}

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

.section5 .swiper-mouse {
position: relative;
width: 100%;
text-align: center;
display: none;
}

.section5 .swiper-mimg {
-webkit-animation: mouse 2.5s ease-in-out .5s infinite;
animation: mouse 2.5s ease-in-out .5s infinite;
}

.section5 .swiper-mimg img {
width: auto;
}

.section5 .swiper-mouse h5 {
margin-top: 15px;
color: #007cfb;
font-size: 14px;
}

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

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

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

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

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

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

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

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

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

.section5 .section5-Mimg {
overflow: hidden;
margin: 0 auto;
width: 60px;
height: 60px;
border-radius: 50%;
}

.section5 .section5-Mswiper .swiper-container {
padding: 3.5% .5% 3.8% .5%;
}

.section5 .swiper-pagination-bullet {
width: 8px;
height: 8px;
background-color: #007cfb;
}

.section5 .swiper-pagination-bullet-active {
width: 10px;
height: 10px;
}

.section5 .section5-Mswiper .swiper-slide {
padding: 4% 2%;
background-color: #fff;
box-shadow: 0 0 10px 1px rgba(7, 0, 2, .06);
}

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

.section5 .section5-font .tit {
margin-top: 35px;
margin-bottom: 20px;
color: #15287d;
font-size: 20px;
}

.section5 .section5-font .tit em {
display: inline-block;
color: #15287d;
vertical-align: -12px;
font-size: 48px;
line-height: 30px;
}

.section5 .section5-font .dec {
margin-bottom: 25px;
color: #666;
line-height: 1.875;
}

.section5 .section5-font .post {
color: #b4b4b4;
font-size: 12px;
}

.section5 .section5-Mswiper .swiper-slide:hover .section5-font .dec {
color: #15287d;
}

.foot-form {
padding: 55px 18%;
border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.foot-form .foot-form-left {
width: 36%;
}

.foot-form .foot-form-tit {
color: #fff;
font-weight: 700;
font-size: 42rem;
}

.foot-form .foot-form-right {
width: 64%;
}

.foot-form .foot-form-ul li {
margin-right: 2.5%;
}

.foot-form .foot-form-ul li:first-child {
width: calc(100% - 200px);
}

.foot-form .foot-form-ul li:last-child {
margin-right: 0;
width: 200px;
}

.foot-form .input {
padding: 0 30px;
width: 100%;
height: 70px;
border-radius: 35px;
background-color: #fff;
color: #aaa;
font-size: 16px;
line-height: 70px;
}

.foot-form .sub {
width: 100%;
height: 70px;
border-radius: 35px;
background-color: #fef22e;
color: #253a98;
text-align: center;
font-size: 16px;
line-height: 70px;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.foot-form .sub:hover {
background-color: #007cfb;
color: #fef22e;
}

.footer .foot-top {
padding-top: 50px;
padding-bottom: 20px;
}

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

.footer .ftlogo img {
margin: 0;
}

.footer .ftlogo-tag {
margin-top: 35px;
margin-bottom: 48px;
color: rgb(254 242 46);
font-size: 18px;
line-height: 28px;
}

.footer .ftlogo-tag p {
display: inline-block;
}

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

.contact3 .contact3-share a,
.footer .ftlogo-share a {
position: relative;
display: inline-block;
margin-right: 5px;
width: 46px;
height: 46px;
text-align: center;
line-height: 46px;
}

.footer .ftlogo-share a {
color: rgb(255 0 0 / 0%);
}

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

.footer .ftlogo-share a.bshare-icon1 {
background: url(../images/in-fticon1.png) rgba(255, 255, 255, .1) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon2 {
background: url(../images/in-fticon2.png) rgba(255, 255, 255, .1) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon3 {
background: url(../images/in-fticon3.png) rgba(255, 255, 255, .1) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon4 {
background: url(../images/in-fticon4.png) rgba(255, 255, 255, .1) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon5 {
background: url(../images/in-fticon5.png) rgba(255, 255, 255, .1) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon1:hover {
background: url(../images/in-fticon1.png) rgba(255, 255, 255, .3) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon2:hover {
background: url(../images/in-fticon2.png) rgba(255, 255, 255, .3) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon3:hover {
background: url(../images/in-fticon3.png) rgba(255, 255, 255, .3) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon4:hover {
background: url(../images/in-fticon4.png) rgba(255, 255, 255, .3) no-repeat center center;
}

.footer .ftlogo-share a.bshare-icon5:hover {
background: url(../images/in-fticon5.png) rgba(255, 255, 255, .3) no-repeat center center;
}

.footer .foot-addr {
padding: 0 7.5%;
width: 40%;
}

.footer .foot-addr .tit,
.footer .footerphone-menu h3 a {
position: relative;
margin-bottom: 28px;
padding-bottom: 15px;
color: #fff;
font-size: 24px;
}

.footer .foot-addr .tit::before,
.footer .footerphone-menu h3 a::before {
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 3px;
background-color: #fef22e;
content: "";
}

.footer .foot-addrul li {
position: relative;
margin-top: 25px;
}

.footer .foot-addricon {
position: relative;
width: 46px;
height: 46px;
background: rgba(255, 255, 255, .1);
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.footer .foot-addrfont {
position: relative;
padding-left: 20px;
width: calc(100% - 46px);
color: #fff;
font-size: 14px;
line-height: 1.86;
}

.footer .foot-addrfont span {
color: rgba(255, 255, 255, .6);
}

.footer .foot-menu {
padding-right: 5.5%;
flex: 1;
}

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

.footer .footerphone-menu h3 a {
position: relative;
display: block;
margin-bottom: 20px;
color: #fff;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.footer .footer-subnav a {
display: block;
padding: 5px 0;
width: 100%;
color: rgba(255, 255, 255, .6);
font-size: 14px;
line-height: 2;
}

.footer .footer-subnav a:first-child {
padding-top: 0;
}

.footer .foot-addrul li:hover .foot-addrfont span,
.footer .footer-subnav a:hover,
.footer .ftlogo-tag:hover {
color: #fff;
}

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

.footer .foot-copy a:hover,
.footer .foot-link a:hover {
color: rgba(255, 255, 255, .6);
}

.footer .foot-bot {
padding: 40px 0;
background-color: #191919;
}

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

.footer .foot-copy span {
color: #fef22e;
}

.footer .foot-link span {
display: inline-block;
margin: 0 5px;
}

.footer .foot-addrul li:hover .foot-addricon {
background: rgba(255, 255, 255, .3);
}

.footer .foot-tbot {
margin-top: 45px;
}

.footer .foot-tbotli {
margin-right: 3%;
}

.footer .foot-timg1 {
width: 182px;
flex-wrap: wrap;
}

.footer .foot-timg1 img {
overflow: hidden;
margin-top: 2.5%;
margin-right: 2.5%;
width: 88px;
height: 35px;
}

.footer .foot-tbotli:last-child,
.footer .foot-timg1 img:nth-child(2n) {
margin-right: 0;
}

.footer .foot-timg1 img:nth-child(1),
.footer .foot-timg1 img:nth-child(2) {
margin-top: 0;
}

.footer .foot-tbotli .tit {
margin-bottom: 5px;
color: #bababa;
font-size: 14px;
}

.left-Box {
position: fixed;
top: 50%;
left: 0;
z-index: 99;
width: 200px;
height: auto;
border-radius: 0 10px 10px 0;
background-color: #007df6;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
filter: drop-shadow(0 0 5px rgba(226, 226, 226, .5));
-ms-transition: .5s;
}

.left-Box .left-ftbtn {
position: relative;
cursor: pointer;
}

.left-Box .left-ft {
position: relative;
padding: 25px;
width: 100%;
}

.left-Box .left-ftbtn::before {
position: absolute;
top: -20px;
right: 25px;
z-index: 5;
width: 32px;
height: 34px;
border-radius: 8px;
background: url(../images/in-lclose.png) no-repeat center 35% #007df6;
background-size: 50%;
content: "";
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.left-Box .left-ftimg {
position: relative;
width: 35px;
height: 35px;
}

.left-Box .left-ftfont {
position: relative;
padding-left: 15px;
width: calc(100% - 35px);
color: #fff;
font-size: 18px;
line-height: 22px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.left-Box.active {
width: 80px;
}

.left-Box.active .left-ft {
padding: 15px;
}

.left-Box.active .left-ftfont {
display: none;
}

.left-Box.active .left-ftbtn::before {
background: url(../images/in-lclose1.png) no-repeat center 35% #007df6;
background-size: 50%;
}

.videobox {
display: block;
width: 100px;
height: 100px;
background: url(../images/in-bficon.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;
right: 0;
bottom: 0;
left: 0;
z-index: 999;
display: none;
margin: auto;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
}

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

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

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

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

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

.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: 54%;
left: 50%;
z-index: 9;
color: #fff;
text-align: left;
-webkit-transform: translate(-50%, -54%);
-moz-transform: translate(-50%, -54%);
-o-transform: translate(-50%, -54%);
transform: translate(-50%, -54%);
-ms-transform: translate(-50%, -54%);
}

.pub-banner .pub-banner-font h3 {
color: #fff;
font-size: 60rem;
line-height: 1.4;
}

.pub-banner .pub-banner-font1 h3 {
color: #fff;
}

.pub-banner .pub-banner-font .dec {
margin-top: 18px;
color: #fff;
font-size: 20px;
line-height: 1.8;
}

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

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

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

.paging a {
padding:8px 10px;
margin: 0 5px;
margin-top: 10px;
height: 56px;
background-color: #eee;
color: #666;
font-size: 20px;
font-family: ArialMT;
line-height: 46px;
transition: ease .5s;
}

.paging .iconfont {
font-weight: 700;
font-size: 16px;
}

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

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

.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.on,
.paging a:hover {
background-color: #007cfb;
color: #fff;
}

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

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

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

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

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

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

.right-flex ul {
width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.right-flex li.four:hover .ico,
.right-flex li.li-three:hover .ico,
.right-flex li.two:hover .ico,
.right-flex li: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.li-three:hover p,
.right-flex li.two: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 #007df6;
border-radius: 6px;
}
}

@media(max-width:1100px) {
.right-flex .four,
.right-flex .right-close,
.right-flex .two,
.right-flex li.one {
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 {
margin-top: 0;
font-size: 12px;
line-height: 30px;
}

.right-flex {
top: 100%;
}

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

.inner-tit {
padding: 0 8%;
text-align: center;
}

.inner-tit h2,
.spcb6 .spcb6-font h2 {
color: #1e2985;
font-size: 40rem;
line-height: 1.3;
}

.inner-tit .dec {
margin-top: 10px;
color: #999;
font-size: 18px;
}

.nav-menu {
background-color: #fff;
}

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

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

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

.nav-menu .nav-menu-ul a {
display: block;
overflow: hidden;
padding: 12px 30px;
width: 100%;
border-bottom: 1px solid #dedede;
color: #333;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
font-size: 16px;
font-family: ArialMT;
line-height: 30px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.nav-menu .nav-menu-ul li {
width: 100%;
text-align: left;
text-align: center;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

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

.HDI01 .inner-tit .dec {
font-size: 18px;
}

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

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

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

.HDI01 .swiper-button-prev:hover {
border: solid 1px #007cfb;
background: url(../images/pro-hprev.png) no-repeat center center;
}

.HDI01 .swiper-button-next:hover {
border: solid 1px #007cfb;
background: url(../images/pro-hnext.png) no-repeat center center;
}

.HDI01 .HDI01-img {
display: block;
overflow: hidden;
width: 100%;
border: solid 0 #d9d9d9;
}

.HDI01 .HDI01-bimg {
border: solid 1px #d9d9d9;
}

.HDI01 .swiper-container {
margin: 0 auto;
width: 86%;
}

.pro-moreBox {
margin-top: 20px;
text-align: center;
}

.pro-more,
.pro-more1 {
display: inline-block;
color: #007cfb;
text-align: center;
font-size: 18px;
}

.pro-more em {
display: inline-block;
margin-left: 15px;
vertical-align: middle;
font-size: 22px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.pro-more:hover em {
transform: rotate(45deg);
}

.pro-more1 {
padding: 19px 48px;
border-radius: 33px;
background-color: #007cfb;
color: #fff;
}

.pro-more1:hover {
background-color: #fef22e;
color: #15287d;
}

.HDI02 .HDI02-list {
margin-bottom: 80px;
}

.HDI02 .HDI02-left {
position: relative;
width: 44.3%;
}

.HDI02 .HDI02-img1 {
position: absolute;
bottom: -40px;
left: 0;
max-width: 350px;
max-height: 330px;
border-radius: 10px;
background-color: #1e2985;
}

.HDI02 .HDI02-video {
position: relative;
overflow: hidden;
max-width: 540px;
max-height: 460px;
border-radius: 10px;
}

.HDI02 .HDI02-img2::before {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .1);
content: "";
transform: translate(-50%, -50%);
}

.HDI02 .HDI02-vi {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.HDI02 .videobox {
background: url(../images/pro-bficon.png) no-repeat center center;
}

.HDI02 .HDI02-right {
padding-left: 6.5%;
width: 55.7%;
}

.HDI02 .HDI02-dec,
.HDI06 .HDI06-dec {
position: relative;
margin-top: 4%;
color: #999;
line-height: 1.875;
}

.HDI02 .HDI02-dec:first-child,
.HDI06 .HDI06-dec:first-child {
margin-top: 0;
}

.HDI02 .HDI02-dec1,
.HDI06 .HDI06-dec1 {
margin-bottom: 6%;
padding-left: 5%;
}

.HDI02 .HDI02-dec1::before,
.HDI06 .HDI06-dec1::before {
position: absolute;
top: 50%;
left: 0;
width: 3px;
height: 100%;
background-color: #007cfb;
content: "";
transform: translateY(-50%);
}

.HDI03 .swiper-slide,
.hpcb4 .swiper-slide {
overflow-x: auto;
overflow-y: hidden;
}

.HDI03 table,
.hpcb4 table {
margin: 0 auto;
width: 1200px;
}

.HDI03 table th,
.hpcb4 table th {
width: 16.6667%;
height: 80px;
border: 1px solid #d9d9d9;
background-color: #007cfb;
color: #f9f9f9;
font-size: 16px;
font-family: Arial-BoldMT;
line-height: 30px;
}

.HDI03 table td,
.hpcb4 table td {
width: 16.6667%;
height: 80px;
border: 1px solid #d9d9d9;
color: #666;
text-align: center;
font-size: 16px;
}

.hpcb4 table td:nth-child(1),
.hpcb4 table th:nth-child(1) {
width: 31%;
}

.hpcb4 table td:nth-child(2),
.hpcb4 table th:nth-child(2) {
width: 69%;
}

.hpcb4 table td,
.hpcb4 table th {
padding: 5px 45px;
text-align: left;
}

.HDI03 table tr:nth-child(odd),
.hpcb4 table tr:nth-child(odd) {
background-color: #e0f5fd;
}

.HDI03 .swiper-button-next,
.HDI03 .swiper-button-prev,
.hpcb4 .swiper-button-next,
.hpcb4 .swiper-button-prev {
width: 50px;
height: 50px;
border: solid 1px #999;
border-radius: 50px;
}

.HDI03 .swiper-button-prev,
.hpcb4 .swiper-button-prev {
left: 0;
background: url(../images/pro-prev1.png) no-repeat center center;
}

.HDI03 .swiper-button-next,
.hpcb4 .swiper-button-next {
right: 0;
background: url(../images/pro-next1.png) no-repeat center center;
}

.HDI03 .swiper-button-prev:hover,
.hpcb4 .swiper-button-prev:hover {
border: solid 1px #007cfb;
background: url(../images/pro-hprev1.png) no-repeat center center;
}

.HDI03 .swiper-button-next:hover,
.hpcb4 .swiper-button-next:hover {
border: solid 1px #007cfb;
background: url(../images/pro-hnext1.png) no-repeat center center;
}

.HDI04 .inner-tit h2 {
color: #fff;
}

.HDI04 .HDI04-simg {
position: relative;
margin: 85px auto 45px auto;
}

.HDI04 .HDI04-simg img {
position: relative;
z-index: 3;
overflow: hidden;
width: 110px;
height: 110px;
border-radius: 50%;
}

.HDI04 .HDI04-simg::before {
position: absolute;
top: 50%;
left: 50%;
width: 127px;
height: 126px;
border-radius: 50%;
background: url(../images/pro-bgm2.png) no-repeat center center;
background-size: cover;
content: "";
transform: translate(-50%, -50%);
}

.HDI04 .HDI04-font,
.pcbn1 .pcbn1-btn {
text-align: center;
}

.HDI04 .HDI04-font .tit {
color: #fff;
letter-spacing: -1px;
font-size: 24px;
}

.HDI04 .HDI04-font .dec {
margin-top: 20px;
color: #f7fbff;
line-height: 1.875;
}

.HDI04 .swiper-pagination-bullet {
border: solid 1px #f7fbff;
background: 0 0;
}

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

.HDI04 .swiper-container {
margin: 0 auto;
padding-bottom: 6%;
width: 73%;
}

.HDI04 .HDI04-img {
position: absolute;
z-index: 3;
overflow: hidden;
width: 110px;
height: 110px;
border-radius: 50%;
}

.HDI04 .HDI04-img2,
.HDI04 .HDI04-img5 {
width: 105px;
height: 105px;
}

.HDI04 .HDI04-img3 {
width: 127px;
height: 127px;
}

.HDI04 .HDI04-img1 {
top: 45%;
left: 10%;
}

.HDI04 .HDI04-img1 {
top: 45%;
left: 9.5%;
}

.HDI04 .HDI04-img2 {
top: 66%;
left: 17.5%;
}

.HDI04 .HDI04-img3 {
top: 34%;
left: 24%;
}

.HDI04 .HDI04-img4 {
top: 34%;
right: 24%;
}

.HDI04 .HDI04-img5 {
top: 64%;
right: 16.5%;
}

.HDI04 .HDI04-img6 {
top: 36%;
right: 7%;
}

.HDI05 .HDI05-list {
padding-left: 13.2%;
}

.HDI05 .HDI05-left {
position: relative;
width: 47.25%;
background-color: #f7fbff;
}

.HDI05 .HDI05-ul {
position: absolute;
top: 50%;
overflow-x: hidden;
overflow-y: auto;
padding: 0 10%;
height: 520px;
transform: translateY(-50%);
}

.HDI05 .HDI05-ul li {
margin-top: 6%;
}

.HDI05 .HDI05-ul li:first-child {
margin-top: 0;
}

.HDI05 .HDI05-icon {
position: relative;
width: 55px;
height: 60px;
background: url(../images/pro-fbgm1.png) no-repeat center center;
background-size: cover;
}

.HDI05 .HDI05-font {
padding-left: 25px;
width: calc(100% - 55px);
color: #999;
font-size: 16px;
line-height: 1.875;
}

.HDI05 .HDI05-right {
width: 52.75%;
}

.HDI05 .swiper-pagination,
.HDI06 .swiper-pagination,
.SMT02 .swiper-pagination,
.SMT03 .swiper-pagination,
.hpcb3 .swiper-pagination,
.pcba1 .swiper-pagination,
.pcba2 .swiper-pagination,
.pcba3 .swiper-pagination,
.pcba4 .swiper-pagination,
.pcbs1 .swiper-pagination,
.pcbs4 .swiper-pagination,
.pcbz1 .swiper-pagination,
.pcbz2 .swiper-pagination,
.quality5 .swiper-pagination,
.quote1 .swiper-pagination,
.spcb3 .swiper-pagination,
.surface1 .swiper-pagination,
.tolerant1 .swiper-pagination {
bottom: 20px;
display: none;
}

.HDI06 {
background-color: #f7f7f7;
}

.HDI06 .HDI06-left {
width: 40.5%;
}

.HDI06 .HDI06-right {
padding-left: 6.5%;
width: 59.5%;
}

.HDI02,
.SMT02,
.fpcb6,
.hpcb6,
.mpcb2,
.quality5 {
background-color: #f7fbff;
}

.SMT02 .SMT02-left,
.SMT02 .SMT02-right,
.SMT03 .SMT02-left,
.SMT03 .SMT02-right,
.pcbs1 .pcbs1-left,
.pcbs1 .pcbs1-right,
.pcbs4 .pcbs4-left,
.pcbs4 .pcbs4-right,
.pcbz1 .pcbz1-left,
.pcbz1 .pcbz1-right,
.pcbz2 .pcbz2-left,
.pcbz2 .pcbz2-right,
.pcbz5 .pcbz5-left,
.pcbz5 .pcbz5-right,
.quality5 .SMT02-left,
.quality5 .SMT02-right {
width: 50%;
}

.HDI06 .HDI06-img,
.SMT02 .SMT02-img,
.SMT03 .SMT02-img,
.pcba1 .pcba1-img,
.pcba2 .pcba2-img,
.pcba3 .pcba3-img,
.pcbz1 .pcbz1-img,
.pcbz2 .pcbz2-img,
.quality5 .pcbz2-img,
.spcb3 .spcb3-img,
.spcb6 .spcb6-img {
border-radius: 20px;
}

.SMT02 .SMT02-right,
.pcbz1 .pcbz1-right,
.quality5 .SMT02-right {
padding-left: 5.5%;
}

.SMT03 .SMT02-right,
.pcbs4 .pcbs4-left,
.pcbz2 .pcbz2-right,
.pcbz5 .pcbz5-left {
padding-right: 5.5%;
}

.SMT02 .SMT02-font,
.SMT03 .SMT02-font,
.pcbs1 .pcbs1-font,
.quality5 .SMT02-font {
color: #007cfb;
font-size: 20px;
line-height: 1.6;
}

.SMT02 .SMT02-font,
.SMT03 .SMT02-font,
.quality5 .SMT02-font {
margin-bottom: 30px;
}

.SMT02 .SMT02-ftLi,
.SMT03 .SMT02-ftLi,
.pcbs4 .pcbs4-ftLi,
.pcbz1 .pcbz1-ftLi,
.pcbz2 .pcbz2-ftLi,
.pcbz5 .pcbz5-ftLi,
.quality5 .SMT02-ftLi,
.spcb3 .spcb3-ftLi {
position: relative;
padding-left: 30px;
color: #999;
line-height: 1.875;
}

.SMT02 .SMT02-ftLi::before,
.SMT03 .SMT02-ftLi::before,
.pcbs4 .pcbs4-ftLi::before,
.pcbz1 .pcbz1-ftLi::before,
.pcbz2 .pcbz2-ftLi::before,
.pcbz5 .pcbz5-ftLi::before,
.quality5 .SMT02-ftLi::before,
.spcb3 .spcb3-ftLi::before {
position: absolute;
top: 8px;
left: 0;
width: 16px;
height: 13px;
background: url(../images/smt-icon1.png) no-repeat center center;
background-size: cover;
content: "";
}

.pcbz5 .pcbz5-ftLi::before {
background: url(../images/smt-wicon1.png) no-repeat center center;
}

.mpcb3 .mpcb3-tpswiper .tit {
display: block;
overflow: hidden;
color: #007cfb;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
line-height: 1.875;
cursor: pointer;
}

.mpcb3 .mpcb3-tpswiper::before {
position: absolute;
bottom: 58px;
left: 0;
width: 100%;
height: 1px;
background: #007bfb;
content: "";
}

.mepcb3 .mepcb3-tpswiper .swiper-container,
.mpcb3 .mpcb3-tpswiper .swiper-container {
width: 75%;
}

.mepcb3 .mepcb3-tpswiper .swiper-slide::before,
.mpcb3 .mpcb3-tpswiper .swiper-slide::before {
position: absolute;
left: 50%;
z-index: 3;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fef22e;
content: "";
transform: translateX(-50%);
}

.mpcb3 .mpcb3-tpswiper .swiper-slide:nth-child(odd)::before {
bottom: 0;
}

.mpcb3 .mpcb3-tpswiper .swiper-slide:nth-child(even)::before {
top: 58px;
}

.mpcb3 .mpcb3-tpswiper .swiper-slide:nth-child(odd) .tit {
margin-bottom: 35px;
}

.mpcb3 .mpcb3-tpswiper .swiper-slide:nth-child(even) .tit {
margin-top: 90px;
}

.mpcb3 .mpcb3-btswiper .swiper-button-next,
.mpcb3 .mpcb3-btswiper .swiper-button-prev {
top: 117px;
display: none;
}

.mepcb3 .mepcb3-btswiper .swiper-button-prev,
.mpcb3 .mpcb3-btswiper .swiper-button-prev {
left: 8.5%;
}

.mepcb3 .mepcb3-btswiper .swiper-button-next,
.mpcb3 .mpcb3-btswiper .swiper-button-next {
right: 8.5%;
}

.mepcb3 .mepcb3-tpswiper .swiper-slide.active::before,
.mpcb3 .mpcb3-tpswiper .swiper-slide.active::before {
position: absolute;
left: 50%;
z-index: 3;
width: 36px;
height: 25px;
border-radius: 0;
background: url(../images/mp-icon1.png) no-repeat center center;
background-size: cover;
content: "";
transform: translateX(-50%);
}

.mpcb3 .mpcb3-tpswiper .swiper-slide:nth-child(odd).active::before {
bottom: -8px;
}

.mpcb3 .mpcb3-tpswiper .swiper-slide:nth-child(even).active::before {
top: 52px;
}

.mpcb3 .mpcb3-bfont,
.mpcb3 .mpcb3-tfont {
color: #666;
text-align: center;
font-size: 16px;
line-height: 28px;
}

.SMT02 .SMT02-ftLi span,
.SMT03 .SMT02-ftLi span,
.mpcb3 .mpcb3-bfont,
.mpcb3 .mpcb3-tfont span,
.spcb3 .spcb3-ftLi span {
color: #007cfb;
}

.mpcb3 .mpcb3-tfont {
position: relative;
z-index: 2;
margin: 0 auto;
margin-bottom: -70px;
padding: 2.5% 4.5%;
width: 91.5%;
background-color: #fff;
box-shadow: 0 0 10px 1px rgba(7, 0, 2, .1);
text-align: left;
}

.mpcb3 .mpcb3-bfont {
margin: 0 auto;
padding-top: 35px;
width: 92%;
}

.mepcb3 .mepcb3-btswiper .swiper-container,
.mpcb3 .mpcb3-btswiper .swiper-container {
margin: 0 auto;
padding-top: 2.8%;
width: 85.75%;
}

.mpcb4 {
background-color: #f7f7f7;
}

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

.mpcb4 .mpcb4-left {
overflow-x: hidden;
overflow-y: auto;
width: 300px;
}

.mpcb4 .mpcb4-right {
position: relative;
overflow: hidden;
margin-left: 20px;
width: calc(100% - 300px - 20px);
}

.mpcb4 .mpcb4-tab {
max-height: 547px;
}

.mpcb4 .mpcb4-tab a {
padding: 6.2% 9%;
border-bottom: 1px solid rgba(102, 102, 102, .1);
background-color: #e9e9e9;
color: #333;
font-size: 16px;
line-height: 1.875;
}

.mpcb4 .mpcb4-tab li:last-child a {
border-bottom: 0;
}

.tpcb3 .mpcb4-tab a {
background-color: #f6f6f6;
}

.mpcb4 .mpcb4-tab li.active a {
background-color: #007cfb;
color: #ffffff;
}

.mpcb4 .mpcb4-tab .swiper-slide.active a {
background-color: #007cfb;
color: #fff;
}

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

.mpcb4 .mpcb4-rtleft {
width: 55.6%;
}

.mpcb4 .mpcb4-font {
position: absolute;
top: 50%;
left: 50%;
overflow-x: hidden;
overflow-y: auto;
width: 76%;
max-height: 80%;
transform: translate(-50%, -50%);
}

.mpcb4 .mpcb4-font .tit {
position: relative;
margin-bottom: 15px;
padding-bottom: 30px;
color: #007cfb;
letter-spacing: -1px;
font-size: 22px;
line-height: 25px;
}

.mpcb4 .mpcb4-font .tit::before {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 4px;
background-color: #007cfb;
content: "";
}

.mpcb4 .mpcb4-font .dec {
color: #666;
line-height: 1.5;
font-size: 15px;
}

.mpcb4 .mpcb4-rtright {
position: relative;
width: 44.4%;
}

.mpcb4 .swiper-slide {
background-color: #fff;
}

.mpcb4 .mpcb4-swiperLi {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
opacity: 0;
pointer-events: none;
}

.mpcb4 .mpcb4-swiperLi.active {
position: relative;
opacity: 1;
pointer-events: auto;
}

.mpcb4 .mpcb4-btn {
position: absolute;
bottom: 23px;
left: calc(55.6% - 90px);
z-index: 3;
width: 90px;
}

.mpcb4 .mpcb4-btn .swiper-button-next,
.mpcb4 .mpcb4-btn .swiper-button-prev,
.spcb6 .spcb6-btn .swiper-button-next,
.spcb6 .spcb6-btn .swiper-button-prev {
width: 45px;
height: 45px;
border-radius: 0;
}

.mpcb4 .mpcb4-btn .swiper-button-prev,
.spcb6 .spcb6-btn .swiper-button-prev {
left: 0;
background: url(../images/mp-prev.png) #f1f1f1 no-repeat center center;
}

.mpcb4 .mpcb4-btn .swiper-button-next,
.spcb6 .spcb6-btn .swiper-button-next {
right: 0;
background: url(../images/mp-next.png) #f1f1f1 no-repeat center center;
}

.mpcb4 .mpcb4-btn .swiper-button-prev:hover,
.spcb6 .spcb6-btn .swiper-button-prev:hover {
background: url(../images/mp-prev.png) #fef22e no-repeat center center;
}

.mpcb4 .mpcb4-btn .swiper-button-next:hover,
.spcb6 .spcb6-btn .swiper-button-next:hover {
background: url(../images/mp-next.png) #fef22e no-repeat center center;
}

.fpcb6 .fpcb6-dec,
.hpcb3 .hpcb3-dec {
margin-top: 35px;
color: #999;
text-align: center;
line-height: 1.875;
}

.hpcb3 .swiper-container {
margin: 0 auto;
width: 86%;
}

.hpcb4 {
background-color: #f9f9f9;
}

.fpcb3 .fpcb3-left,
.hpcb5 .hpcb5-left {
position: relative;
z-index: 3;
width: 42.4%;
}

.fpcb3 .swiper-container,
.hpcb5 .swiper-container {
padding-left: .8%;
}

.fpcb3 .fpcb3-fontBox,
.hpcb5 .hpcb5-fontBox {
position: absolute;
top: 60%;
z-index: 9;
margin-right: -100px;
width: 117%;
transform: translateY(-60%);
}

.fpcb3 .fpcb3-fontBox {
top: 70%;
transform: translateY(-70%);
}

.fpcb3 .fpcb3-font,
.hpcb5 .hpcb5-font {
position: relative;
z-index: 3;
padding: 7% 6% 12% 6%;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 10px 1px rgba(7, 0, 2, .06);
}

.fpcb3 .fpcb3-font {
padding: 7% 6% 8% 6%;
}

.fpcb3 .fpcb3-fontBox::before,
.hpcb5 .hpcb5-fontBox::before {
position: absolute;
top: -20px;
right: -20px;
z-index: 2;
width: 100%;
height: 100%;
border-radius: 10px;
background: rgba(0, 124, 251, .2);
content: "";
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.fpcb3 .fpcb3-fontBox::after,
.hpcb5 .hpcb5-fontBox::after {
position: absolute;
top: -40px;
right: -40px;
z-index: 2;
width: 100%;
height: 100%;
border-radius: 10px;
background: rgba(0, 124, 251, .1);
content: "";
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.fpcb3 .fpcb3-fontBox:hover::after,
.fpcb3 .fpcb3-fontBox:hover::before,
.hpcb5 .hpcb5-fontBox:hover::after,
.hpcb5 .hpcb5-fontBox:hover::before {
top: 0;
right: 0;
}

.hpcb5 .hpcb5-font .tit {
margin-bottom: 25px;
color: #007cfb;
letter-spacing: -1px;
font-size: 24px;
}

.fpcb3 .fpcb3-right,
.hpcb5 .hpcb5-right {
width: 57.6%;
}

.fpcb3 .dec-Box em,
.hpcb5 .dec-Box em {
position: absolute;
display: block;
color: #fef22e;
font-size: 72px;
line-height: 58px;
}

.fpcb3 .dec-Box em.fpcb3-douhao1,
.hpcb5 .dec-Box em.hpcb5-douhao1 {
top: 0;
left: 0;
}

.fpcb3 .dec-Box em.fpcb3-douhao2,
.hpcb5 .dec-Box em.hpcb5-douhao2 {
right: 0;
bottom: -45px;
}

.hpcb5 .dec-Box .dec {
overflow-x: hidden;
overflow-y: auto;
padding: 0 50px;
height: 200px;
color: #666;
line-height: 1.875;
}

.fpcb3 .swiper-pagination,
.hpcb5 .swiper-pagination {
bottom: 30px;
padding-left: 40px;
width: 42.85%;
align-items: flex-start;
justify-content: flex-start;
}

.fpcb3 .swiper-pagination {
bottom: 5px;
display: none;
}

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

.hpcb6 .hpcb6-ul li {
margin-top: 3.2%;
margin-right: 5.5%;
width: 29.5%;
}

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

.hpcb6 .hpcb6-icon {
position: relative;
margin: 0 auto;
width: 115px;
height: 115px;
border: dashed 1px #999;
border-radius: 50%;
}

.hpcb6 .hpcb6-tag {
position: absolute;
top: 0;
right: 0;
display: inline-block;
padding: 2px 5px;
border-radius: 50%;
background-color: #007cfb;
color: #fff;
font-weight: 700;
}

.hpcb6 .hpcb6-font .tit {
position: relative;
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 15px;
color: #333;
text-align: center;
font-weight: 700;
font-size: 16px;
}

.hpcb6 .hpcb6-font .tit::before {
position: absolute;
bottom: 0;
left: 50%;
width: 30px;
height: 2px;
background-color: #007cfb;
content: "";
transform: translateX(-50%);
}

.hpcb6 .hpcb6-font .dec,
.pcbz4 .decLi {
position: relative;
color: #666;
text-align: center;
line-height: 28px;
}

.mepcb4,
.tpcb3 {
background: 0 0;
}

.tpcb3 .mpcb4-rtright {
background-color: #f6f6f6;
}

.tpcb5 .SMT02-font {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.75;
}

.mepcb3 .mepcb3-tpswiper .tit {
display: -webkit-box;
overflow: hidden;
margin-bottom: 25px;
min-height: 56px;
color: #007cfb;
text-align: center;
text-overflow: ellipsis;
word-wrap: break-word;
font-size: 18px;
line-height: 28px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.mepcb3 .mepcb3-tpswiper::before {
position: absolute;
bottom: 24px;
left: 0;
width: 100%;
height: 1px;
background: #007bfb;
content: "";
}

.mepcb3 .mepcb3-tpswiper .swiper-slide::before {
bottom: 0;
}

.mepcb3 .mepcb3-tpswiper .swiper-slide.active::before {
bottom: -7px;
}

.mepcb3 .mepcb3-tpswiper .swiper-wrapper {
align-items: flex-start;
}

.mepcb3 .mepcb3-tpswiper .swiper-container {
padding-bottom: 20px;
}

.mepcb3 .swiper-button-next,
.mepcb3 .swiper-button-prev {
top: -18px;
display: none;
}

.mepcb3 .mepcb3-btswiper .swiper-container {
padding-top: 40px;
}

.mepcb3 .mepcb3-fontBox {
position: absolute;
top: 50%;
left: 80px;
z-index: 3;
padding: 5% 4%;
width: 390px;
border-radius: 10px;
background: rgba(255, 255, 255, .85);
transform: translateY(-50%);
}

.mepcb3 .mepcb3-font {
overflow-x: hidden;
overflow-y: auto;
max-height: 260px;
}

.mepcb3 .mepcb3-font .tit {
position: relative;
margin-bottom: 32px;
padding-bottom: 40px;
color: #007cfb;
font-size: 24px;
line-height: 28px;
cursor: pointer;
}

.mepcb3 .mepcb3-font .tit::before {
position: absolute;
bottom: 0;
left: 0;
width: 60px;
height: 3px;
background-color: #007cfb;
content: "";
}

.mepcb3 .mepcb3-font .dec {
color: #666;
line-height: 28px;
}

.SMT02 .SMT02-ftLi,
.fpcb4 .SMT02-ftLi,
.fpcb5 .SMT02-ftLi,
.mepcb5 .SMT02-ftLi,
.quality5 .SMT02-ftLi {
margin-top: 30px;
}

.tpcb4 .SMT02-ftLi {
margin-top: 15px;
}

.SMT02 .SMT02-ftLi:first-child,
.fpcb4 .SMT02-ftLi:first-child,
.fpcb5 .SMT02-ftLi:first-child,
.mepcb5 .SMT02-ftLi:first-child,
.quality5 .SMT02-ftLi:first-child,
.tpcb4 .SMT02-ftLi:first-child {
margin-top: 0;
}

.fpcb3 .fpcb3-font .dec {
overflow-x: hidden;
overflow-y: auto;
padding: 0 45px;
height: 360px;
color: #666;
line-height: 1.875;
}

.fpcb6 .swiper-button-prev {
left: -25px;
}

.fpcb6 .swiper-button-next {
right: -25px;
}

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

.spcb3 .spcb3-left {
padding-right: 5%;
width: 57%;
}

.spcb3 .spcb3-right {
width: 43%;
}

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

.spcb4 .spcb4-ul li {
position: relative;
margin-top: 6%;
margin-right: 1.5%;
padding: 4%;
width: 49.25%;
}

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

.spcb4 .spcb4-icon {
position: relative;
position: absolute;
top: -55px;
width: 100px;
height: 100px;
border: solid 4px #007cfb;
border-radius: 50%;
background-color: #fff;
}

.spcb4 .spcb4-font,
.spcb6 .spcb6-font .dec {
margin-top: 10px;
color: #999;
line-height: 1.875;
}

.spcb6 .spcb6-left {
width: 52.15%;
}

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

.spcb6 .spcb6-right {
position: relative;
margin-top: 80px;
width: 47.85%;
}

.spcb6 .swiper-container {
padding-bottom: 108px;
}

.spcb6 .spcb6-fontBox {
position: absolute;
right: 0;
padding-top: 8%;
padding-right: 12%;
padding-bottom: 25%;
padding-left: 23%;
width: 112%;
border-radius: 20px;
background-color: #f6f6f6;
}

.spcb6 .spcb6-font {
overflow-x: hidden;
overflow-y: auto;
height: 405px;
}

.spcb6 .spcb6-tag {
position: relative;
padding-left: 85px;
color: #007cfb;
font-size: 18px;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.spcb6 .spcb6-tag::before {
position: absolute;
top: 11px;
left: 0;
width: 60px;
height: 4px;
background: url(../images/sp-xticon.png) no-repeat center center;
background-size: cover;
content: "";
}

.spcb6 .spcb6-font h2 {
margin-top: 15px;
margin-bottom: 15px;
}

.spcb6 .spcb6-fontBox:hover .spcb6-tag {
padding-left: 95px;
}

.spcb6 .spcb6-btn {
position: absolute;
bottom: 100px;
left: 57.5%;
width: 90px;
}

.pcba1 .pcba1-left,
.pcba1 .pcba1-right,
.pcba2 .pcba2-left,
.pcba2 .pcba2-right,
.pcba3 .pcba3-left,
.pcba3 .pcba3-right,
.pcba4 .pcba4-left,
.pcba4 .pcba4-right {
width: 50%;
}

.pcba1 .pcba1-left,
.pcba3 .pcba3-right,
.pcba4 .pcba4-left {
padding-right: 5.5%;
}

.pcba2 .pcba2-right {
padding-left: 5.5%;
}

.pcba1 .pcba1-left .tit,
.pcba2 .pcba2-right .tit,
.pcba3 .pcba3-right .tit,
.pcba4 .pcba4-Li .tit,
.pcbs4 .pcbs4-font .tit,
.pcbz1 .pcbz1-font .tit,
.pcbz2 .pcbz2-font .tit,
.tolerant2 .tolerant2-decLi .tit {
position: relative;
color: #007cfb;
letter-spacing: -1px;
font-size: 30px;
}

.pcba1 .pcba1-left .tit {
margin-bottom: 30px;
padding-bottom: 35px;
}

.pcba1 .pcba1-left .tit::before {
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 4px;
background-color: #007cfb;
content: "";
}

.pcba1 .pcba1-left .dec,
.pcba2 .dec-Li,
.pcba3 .dec-Li,
.pcba4 .pcba4-Li .dec,
.pcbs1 .pcbs1-dec,
.pcbs4 .pcbs4-font .dec,
.tolerant2 .tolerant2-decLi .dec {
position: relative;
color: #999;
line-height: 1.875;
}

.pcba2,
.pcba4 {
background-color: #f7f7f7;
}

.pcba2 .dec-Li,
.pcba3 .dec-Li {
padding-left: 20px;
}

.pcba2 .dec-Li::before,
.pcba3 .dec-Li::before {
position: absolute;
top: 11px;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #c4c4c4;
content: "";
}

.pcba2 .dec-Box,
.pcba3 .dec-Box,
.pcba4 .pcba4-Li .dec {
margin-top: 10px;
}

.pcba4 .pcba4-Li {
margin-top: 45px;
}

.pcba4 .pcba4-Li:first-child {
margin-top: 0;
}

.materials2 .materials2-table,
.pcba5 .pcba5-table,
.pcbn1 .pcbn1-table,
.surface2 .surface2-table {
overflow-x: auto;
overflow-y: hidden;
}

.materials2 .materials2-table table,
.pcba5 .pcba5-table table,
.pcbn1 .pcbn1-table table,
.surface2 .surface2-table table {
width: 1399px;
}

.pcba5 .pcba5-table td,
.pcba5 .pcba5-table th {
overflow: hidden;
width: 16.667%;
}

.pcba5 .pcba5-table th {
padding: 20px 10px;
height: 50px;
background-color: #007cfb;
color: #fff;
font-weight: 400;
font-size: 18px;
line-height: 30px;
}

.pcba5 .pcba5-table td {
padding: 20px 10px;
height: 50px;
border: 1px solid #cacaca;
color: #666;
text-align: center;
font-size: 18px;
line-height: 24px;
}

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

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

.pcba5 .pcba5-table tr:nth-child(2) {
background: #fff;
}

.pcba5 .pcba5-table {
margin-bottom: 50px;
}

.pcba5 .pcba5-table:last-child {
margin-bottom: 0;
}

.pro-tit {
color: #007cfb;
text-align: center;
letter-spacing: -1px;
font-size: 30px;
}

.pcbn1 .pcbn1-btn {
margin-top: 50px;
}

.materials2 .materials2-table table th,
.pcbn1 .pcbn1-table table th,
.surface2 .surface2-table table th {
padding: 5px 20px;
height: 50px;
background-color: #007cfb;
color: #fff;
text-align: left;
font-weight: 400;
font-size: 18px;
}

.materials2 .materials2-table table td,
.pcbn1 .pcbn1-table table td,
.surface2 .surface2-table table td {
padding: 5px 20px;
height: 40px;
border-right: 1px solid #fff;
color: #666;
vertical-align: top;
text-align: left;
font-size: 16px;
}

.pcbn1 .pcbn1-table table td,
.pcbn1 .pcbn1-table table th {
width: 21%;
}

.pcbn1 .pcbn1-table table td:nth-child(1),
.pcbn1 .pcbn1-table table th:nth-child(1) {
width: 35%;
}

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

.materials2 .materials2-table table,
.surface2 .surface2-table table {
border: 1px solid #dbd7d7;
}

.materials2 .materials2-table table tr:nth-child(even),
.surface2 .surface2-table table tr:nth-child(even) {
background-color: #f4f4f4;
}

.materials2 .materials2-table table tr:nth-child(odd),
.surface2 .surface2-table table tr:nth-child(odd) {
background-color: #fff;
}

.materials2 .materials2-table table tr:nth-child(2),
.surface2 .surface2-table table tr:nth-child(2) {
background-color: #dbd7d7;
}

.materials2 .materials2-table table tr:nth-child(2) td,
.surface2 .surface2-table table tr:nth-child(2) td {
color: #333;
}

.materials2 .materials2-table table th,
.surface2 .surface2-table table th {
padding: 5px 15px;
}

.surface2 .surface2-table table td {
padding: 15px 5px;
width: 9.5%;
border-right: 0;
}

.materials2 .materials2-table table td {
padding: 15px 5px;
border-right: 0;
}

.materials2 .materials2-table table td:nth-child(1) {
padding: 15px;
}

.surface2 .surface2-table table td:nth-child(1) {
padding: 15px;
width: 14%;
}

.pcbn2,
.pcbs6,
.quote2 {
background-color: #f5f5f5;
}

.pcbn2 .pcbn2-ul {
position: relative;
z-index: 5;
padding-bottom: 60px;
flex-wrap: wrap;
align-items: flex-start;
}

.pcbn2 .pcbn2-ul li {
position: relative;
margin-right: 1.4%;
margin-bottom: 1.4%;
width: 49.3%;
cursor: pointer; /* width: 100%; */
}

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

.pcbn2 .pcbn2-tit {
padding: 4% 3%;
background-color: #fff;
align-items: center;
}

.pcbn2 .pcbn2-tit .tit {
position: relative;
display: block;
overflow: hidden;
padding-right: 20px;
width: calc(100% - 30px);
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
align-items: center;
}

.pcbn2 .pcbn2-tit .icon {
position: relative;
width: 30px;
height: 30px;
border: solid 2px #007cfb;
border-radius: 50%;
}

.pcbn2 .pcbn2-tit .icon em {
position: absolute;
top: 46%;
left: 50%;
width: 12px;
height: 2px;
background: #007cfb;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
transform: translateX(-50%);
}

.pcbn2 .pcbn2-tit .icon em:nth-child(2) {
top: 50%;
left: 46%;
width: 2px;
height: 12px;
transform: translateY(-50%);
}

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

.pcbn2 .pcbn2-ul li.active .pcbn2-tit {
border-bottom: 0;
}

.pcbn2 .pcbn2-ul li.active .icon em,
.pcbn2 .pcbn2-ul li.active .pcbn2-tit .tit::before {
background-color: #007cfb;
}

.pcbn2 .pcbn2-ul li.active .pcbn2-tit .tit {
color: #007cfb;
}

.pcbn2 .pcbn2-dec .cont {
position: relative;
z-index: 3;
padding-top: 25px;
border-top: 1px solid #f5f5f5;
color: #888;
font-size: 18px;
line-height: 1.6667;
}

.pcbn2 .pcbn2-dec .ct-more {
color: #007cfb;
font-size: 16px;
line-height: 26px;
}

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

.pcbn2 .pcbn2-dec { /* position: absolute; */ /* top: 95%; */ /* left: 50%; */
z-index: 9;
display: none;
overflow-x: hidden;
overflow-y: auto;
padding: 4.35% 3%;
padding-top: 0;
width: 100%;
height: 220px;
border-top: 0;
background: #fff;
color: #666;
font-size: 16px;
line-height: 1.875; /* transform: translateX(-50%); */
}

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

.pcbn2 .pcbn2-dec .ct-more:hover {
font-weight: 700;
}

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

.pcbs1 .pcbs1-right {
padding-left: 2.5%;
}

.pcbs1 .pcbs1-img img {
margin: 0;
}

.pcbs1 .pcbs1-font {
margin-bottom: 15px;
}

.pcbs1 .pcbs1-dec {
margin-bottom: 25px;
}

.pcbs2 {
background-color: #007cfb;
}

.pcbs2 .inner-tit .dec,
.pcbs2 .inner-tit h2,
.pcbz5 .inner-tit .dec,
.pcbz5 .inner-tit h2,
.pcbz5 .pcbz5-ftLi {
color: #fff;
}

.pcbs2 .pcbs2-ul,
.pcbs3 .pcbs3-ul,
.pcbz4 .pcbz4-ul {
margin-top: 30px;
flex-wrap: wrap;
}

.pcbs2 .pcbs2-ul li {
margin-top: 1.4%;
margin-right: 1.4%;
padding: 2.5% 3.5%;
width: 49.3%;
border: solid 1px #fff;
border-radius: 20px;
}

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

.pcbs2 .pcbs2-icon {
position: relative;
width: 86px;
height: 86px;
}

.pcbs2 .pcbs2-font {
padding-left: 8.5%;
width: calc(100% - 86px);
}

.pcbs2 .pcbs2-font .tit {
color: #fff;
font-size: 20px;
}

.pcbs2 .pcbs2-ftLi {
position: relative;
margin-top: 10px;
padding-left: 20px;
color: #fff;
line-height: 1.875;
}

.pcbs2 .pcbs2-ftLi::before {
position: absolute;
top: 11px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fff;
content: "";
}

.pcbs3 .pcbs3-ul li {
position: relative;
margin-top: 1.4%;
margin-right: 1.4%;
padding: 3% 2%;
width: 32.4%;
border-radius: 10px;
background-color: #f3f3f3;
}

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

.pcbs3 .pcbs3-font .num {
position: absolute;
top: 15px;
right: 25px;
color: rgba(0, 124, 251, .1);
font-style: italic;
font-size: 60rem;
font-family: Arial-BoldMT;
line-height: 1;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.pcbs3 .pcbs3-ul li:hover .pcbs3-font .num {
color: rgba(0, 124, 251, .5);
}

.pcbs3 .pcbs3-font .tit {
padding-right: 20%;
color: #007cfb;
font-size: 24px;
}

.pcbs3 .pcbs3-font .dec {
margin-top: 5px;
color: #666;
font-size: 16px;
line-height: 2;
}

.pcbs4 .pcbs4-img {
overflow: hidden;
}

.pcbs4 .pcbs4-font .tit {
margin-bottom: 15px;
}

.pcbs4 .pcbs4-font .dec {
margin-bottom: 35px;
}

.pcbs4 .pcbs4-ftLi,
.pcbz1 .pcbz1-ftLi,
.pcbz2 .pcbz2-ftLi {
margin-bottom: 8px;
}

.pcbs4 .pro-more1,
.pcbz1 .pro-more1 {
margin-top: 35px;
}

.pcbs5 .pro-more1 {
margin-top: 40px;
}

.pcbs6 {
text-align: center;
}

.pcbs6 .inner-tit {
padding: 0 12%;
}

.pcbs6 .pro-more1 {
margin-top: 45px;
background-color: #fef22e;
color: #253a98;
}

.pcbs6 .pro-more1:hover {
background-color: #007cfb;
color: #fff;
}

.pcbz1 .pcbz1-font .tit,
.pcbz2 .pcbz2-font .tit {
margin-bottom: 30px;
}

.pcbz3 {
padding-top: 40px;
}

.pcbz3 .hpcb6-icon {
border: dashed 1px #007cfb;
}

.pcbz4 .pcbz4-ul li {
margin-top: 1.7%;
margin-right: 1.7%;
padding: 3% 2%;
width: 32.2%;
border-radius: 10px;
background-color: #f3f3f3;
}

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

.pcbz4 .pcbz4-font .tit {
color: #007cfb;
font-size: 24px;
}

.pcbz4 .decLi {
margin-top: 10px;
padding-left: 10px;
text-align: left;
}

.pcbz4 .decLi::before {
position: absolute;
top: 11px;
left: 0;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #666;
content: "";
}

.pcbz5 {
overflow: hidden;
}

.contact1 .inner-tit,
.contact2 .inner-tit,
.factory1 .inner-tit,
.fold1 .inner-tit,
.pcbz5 .inner-tit,
.problem1 .inner-tit,
.quality1 .inner-tit,
.surface1 .inner-tit,
.tolerant1 .inner-tit {
padding: 0;
}

.pcbz5 .pcbz5-ftLi {
margin-top: 15px;
}

.pcbz5 .inner-tit {
margin-bottom: 50px;
}

.pcbz5 .pcbz5-right .pcbz5-img {
text-align: right;
}

.pcbz5 .pcbz5-right .pcbz5-img img {
display: inline-block;
margin-bottom: -170px;
}

.problem1 .problem1-left {
width: 105px;
height: 120px;
}

.problem1 .problem1-right {
position: relative;
padding-right: 54%;
padding-left: 50px;
width: calc(100% - 105px);
}

.factory1 .inner-tit .dec,
.problem1 .inner-tit .dec {
color: #007cfb;
}

.problem1 .pcbn2-ul {
padding-bottom: 50px;
}

.fold1 .fold1-bdec,
.fold1 .fold1-dec {
margin-top: 5px;
color: #999;
font-size: 18px;
line-height: 1.6667;
}

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

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

.fold1 .fold1-bdec {
margin-top: 20px;
color: #007cfb;
}

.contact1 .contact1-ul,
.factory1 .factory1-bot,
.fold1 .fold1-ul,
.quality2 .quality2-ul,
.quality3 .quality3-ul,
.quote2 .quote2-ul,
.tolerant2 .tolerant2-list,
.video1 .video1-ul {
flex-wrap: wrap;
}

.fold1 .fold1-ul li {
margin-top: 2.8%;
margin-right: 1.5%;
width: 49.25%;
}

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

.factory1 .factory1-left {
position: relative;
width: 50.72%;
}

.factory1 .factory1-left .videobox {
width: 90px;
height: 90px;
border-radius: 50%;
background: url(../images/fa-bficon.png) no-repeat center center;
background-size: cover;
}

.factory1 .factory1-right {
position: relative;
padding-left: 5.5%;
width: 49.28%;
}

.factory1 .factory1-dec {
position: relative;
margin-top: 45px;
padding-top: 45px;
color: #666;
line-height: 2;
}

.factory1 .factory1-dec::before {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 3px;
background-color: #007cfb;
content: "";
}

.factory1 .factory1-bot {
margin-bottom: 5%;
}

.factory1 .factory1-bot li {
margin-top: 3%;
margin-right: 1.8%;
width: 32.1%;
}

.factory1 .factory1-bot li:nth-child(3n),
.quote2 .quote2-ul li:last-child,
.quote2 .quote2-ul li:nth-child(4n),
.quote2 .quote2-ul li:nth-last-child(2) {
margin-right: 0;
}

.quote2 .quote2-tit .tit {
color: #15287d;
font-size: 24px;
}

.contact1 .contact1-addr .dec,
.quote2 .quote2-tit .dec {
margin-top: 5px;
color: #999;
font-size: 18px;
}

.quote2 .quote2-ul {
padding: 3% 4% 3.5% 4%;
background-color: #fff;
}

.quote2 .quote2-ul li {
margin-right: 1.5%;
margin-bottom: 22px;
width: 23.87%;
}

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

.quote2 .quote2-ul li:last-child {
margin-bottom: 0;
text-align: center;
}

.quote2 .quote2-ul input {
padding: 15px;
width: 100%;
height: 55px;
background-color: #f5f5f5;
color: #333;
font-size: 18px;
}

.quote2 .quote2-ul label {
display: inline-block;
margin-bottom: 5px;
color: #333;
font-size: 18px;
}

.quote2 .quote2-ul label em {
display: inline-block;
color: #007cfb;
vertical-align: top;
}

.quote2 .quote2-ul textarea {
padding: 15px;
height: 120px;
background-color: #f5f5f5;
color: #333;
font-size: 18px;
}

.quote2 .sub {
margin-top: 20px;
cursor: pointer;
}

.quote2 .sub em {
display: inline-block;
margin-left: 10px;
}

.surface1 .surface1-left,
.tolerant1 .tolerant1-left {
position: relative;
padding-right: 5.5%;
width: 53.5%;
}

.surface1 .surface1-right,
.tolerant1 .tolerant1-right {
position: relative;
width: 46.5%;
}

.tolerant1 .tolerant1-img {
border-radius: 0 0 0 80px;
}

.surface1 .surface1-dec,
.tolerant1 .tolerant1-dec {
position: relative;
margin-top: 25px;
padding-top: 35px;
color: #999;
font-size: 18px;
line-height: 1.667;
}

.surface1 .surface1-dec::before,
.tolerant1 .tolerant1-dec::before {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 3px;
background-color: #007cfb;
content: "";
}

.tolerant2 {
margin-top: 50px;
border-top: 1px solid #dbd7d7;
}

.tolerant2 .tolerant2-list {
margin-top: 20px;
}

.tolerant2 .tolerant2-decLi {
margin-top: 3.6%;
margin-right: 11.4%;
width: 44.3%;
}

.tolerant2 .tolerant2-decLi:last-child {
width: 100%;
}

.tolerant2 .tolerant2-decLi:last-child,
.tolerant2 .tolerant2-decLi:nth-child(2n) {
margin-right: 0;
}

.tolerant2 .tolerant2-decLi .dec {
margin-top: 15px;
}

.contact1 .contact1-ul {
margin-top: 45px;
padding-top: 20px;
border-top: 1px solid #ebebeb;
}

.contact1 .contact1-ul li {
margin-top: 30px;
padding-right: 3%;
width: 50%;
}

.contact1 .contact1-icon {
position: relative;
width: 80px;
height: 80px;
border: solid 1px #007cfb;
border-radius: 50%;
}

.contact1 .contact1-addr {
position: relative;
padding-left: 20px;
width: calc(100% - 80px);
}

.contact1 .contact1-addr .tit {
color: #333;
font-size: 20px;
}

.contact2 {
background-color: #f3f4f6;
}

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

.contact2 .contact2-left {
padding-right: 7%;
}

.contact2 .contact2-ul li {
margin-top: 40px;
}

.contact2 .contact2-ul li:first-child {
margin-top: 50px;
}

.contact2 .contact2-ul input,
.contact2 .contact2-ul textarea {
width: 100%;
height: 35px;
border-bottom: 1px solid #d5d5d5;
color: #999;
font-size: 18px;
line-height: 1.667;
}

.contact2 .contact2-ul input:focus,
.contact2 .contact2-ul textarea:focus {
border-bottom: 1px solid #007cfb;
}

.contact2 .sub {
float: right;
width: 135px;
border-bottom: 1px solid #d5d5d5;
color: #007cfb;
font-size: 18px;
line-height: 1.667;
cursor: pointer;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
-ms-transition: .5s;
}

.contact2 .sub em {
font-size: 22px;
}

.contact2 .sub:hover {
padding: 0 10px;
}

.video1 .video1-ul {
margin-top: 15px;
margin-bottom: 70px;
}

.video1 .video1-ul li {
position: relative;
margin-top: 2.8%;
margin-right: 1.8%;
width: 32.1%;
}

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

.video1 .videobox {
width: 76px;
height: 76px;
border-radius: 50%;
background: url(../images/vi-bficon.png) no-repeat center center;
background-size: cover;
}

.surface1 .surface1-dec p {
margin-bottom: 25px;
}

.surface1 .surface1-dec p:last-child {
margin-bottom: 0;
}

.materials2 .materials2-table,
.surface2 .surface2-table {
margin-top: 50px;
}

.materials2 .materials2-table:first-child,
.surface2 .surface2-table:first-child {
margin-top: 0;
}

.materials2 .materials2-tdec,
.surface2 .surface2-tdec {
margin-top: 25px;
color: #007cfb;
font-size: 18px;
}

.surface2 .surface2-tdec span {
display: inline-block;
margin-right: 45px;
}

.surface2 .surface2-tdec span:last-child {
margin-right: 0;
}

.materials1 .materials1-img1 {
position: absolute;
bottom: 0;
left: 0;
max-width: 360px;
max-height: 350px;
}

.materials1 .materials1-img2 {
max-width: 420px;
max-height: 480px;
}

.materials2 .materials2-tdec {
padding-right: 10%;
}

.quality1 .quality1-left {
position: relative;
padding-right: 5.5%;
width: 53.5%;
}

.quality1 .quality1-dec {
position: relative;
margin-top: 30px;
}

.quality1 .quality1-dec .dec {
position: relative;
padding-right: 20px;
padding-left: 7%;
color: #999;
text-align: justify;
font-size: 16px;
line-height: 1.875;
}

.quality1 .quality1-dec .sign {
position: absolute;
display: block;
color: #007cfb;
font-size: 72px;
line-height: 1;
}

.quality1 .quality1-dec .sign1 {
top: -15px;
left: 0;
}

.quality1 .quality1-dec .sign2 {
right: -20px;
bottom: -80px;
}

.quality1 .quality1-right {
position: relative;
width: 46.5%;
}

.quality1 .quality1-right::before {
position: absolute;
top: 30px;
left: -130px;
width: 130px;
height: 2px;
background-color: #a6a6a6;
content: "";
}

.quality2 .quality2-ul li {
display: flex;
margin-right: 1.8%;
width: 32.1%;
flex-direction: column;
justify-content: flex-start;
}

.quality2 .quality2-img {
border-radius: 50px 50px 0 0;
}

.quality2 .quality2-ul li:nth-child(even) .quality2-img {
border-radius: 0 0 50px 50px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.quality2 .quality2-ul li:nth-child(even) .quality2-font {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.quality2 .quality2-ul li:nth-child(3n),
.quality3 .quality3-ul li:nth-child(2n) {
margin-right: 0;
}

.quality2 .quality2-ftBox {
padding: 6% 10%;
background: rgba(0, 124, 251, .03);
}

.quality2 .quality2-font {
overflow-x: hidden;
overflow-y: auto;
height: 245px;
color: #999;
line-height: 1.875;
}

.quality3 .quality3-ul {
margin-top: 10px;
}

.quality3 .quality3-ul li {
position: relative;
margin-right: 7%;
padding: 30px 0 25px 30px;
width: 46.5%;
border-bottom: 1px solid #dadada;
}

.quality3 .quality3-ul li::before {
position: absolute;
top: 40px;
left: 0;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #007cfb;
content: "";
}

.quality3 .quality3-font .tit {
color: #007cfb;
font-size: 20px;
}

.quality3 .quality3-font .dec,
.quality4 .quality4-bfont .bdec {
margin-top: 5px;
color: #999;
line-height: 1.875;
}

.quality4 {
position: relative;
}

.quality4 .quality4-font {
position: relative;
margin: 0 auto;
margin-top: -50px;
padding: 32px 5px;
width: 82%;
border-radius: 10px;
background-color: #fff;
box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, .1);
text-align: center;
letter-spacing: -1px;
font-size: 20px;
}

.quality4 .quality4-tpswiper .swiper-container {
padding: 45px 0;
}

.quality4 .quality4-tpswiper .swiper-slide {
cursor: pointer;
}

.quality4 .quality4-tpswiper .swiper-slide.active .quality4-font {
color: #007cfb;
}

.quality4 .quality4-bfont {
text-align: center;
}

.quality4 .quality4-bfont .btit {
color: #007cfb;
font-size: 30px;
}

.quality4 .quality4-bfont .bdec {
margin-top: 12px;
}

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

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

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

.quality5 .quality5-dec {
color: #999;
text-align: center;
line-height: 1.875;
}

.quality6 {
background: #fff;
}

.quality6 .section2-font {
padding-right: 0;
width: calc(100% - 82px);
}

.quality6 .section2-font .dec {
margin-top: 0;
}

.quality6 .section2-ul a {
cursor: inherit;
}

.quality6 .section2-icon {
width: 82px;
height: 80px;
background: url(../images/qua-bgm1.png) no-repeat center center;
}

.quality6 .section2-ul li:hover .section2-icon {
width: 82px;
height: 80px;
background: url(../images/qua-hbgm1.png) no-repeat center center;
}

.quality6 .section2-icon img {
max-width: 30px;
max-height: 30px;
}

.quality6 .section2-ul li {
margin-top: 1.5%;
margin-right: 2.5%;
padding: 3.5%;
}

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

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

.down {
position: relative;
overflow: hidden;
margin: 0 auto;
width: 300px;
height: 60px;
border-radius: 30px;
background: url(../images/qua-bgm2.png) no-repeat center center;
background-size: cover;
}

.down .down-left {
position: relative;
z-index: 2;
padding-left: 30px;
width: calc(100% - 62px);
color: #fff;
font-size: 20px;
}

.down .down-left img {
display: inline-block;
max-width: 40px;
vertical-align: middle;
}

.down .down-left span {
display: inline-block;
padding-left: 13px;
width: calc(100% - 40px);
vertical-align: middle;
}

.down .down-right {
position: relative;
overflow: hidden;
width: 62px;
height: 62px;
border-radius: 50%;
}

.down .down-right .icon {
width: 100%;
height: 100%;
}

.down .down-right .icon .img2 {
-webkit-animation: topdown 2s linear infinite;
animation: topdown 2s linear infinite;
}

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

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

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

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

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

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

.quality8 {
padding: 60px 0;
}

.quality8 .quality8-tit {
margin-top: 15px;
color: #666;
text-align: center;
font-size: 16px;
}

@media screen and (max-width:1679px) {
.w1600 {
width: 92%;
}

.section5 .section5-Limg {
width: 110px;
height: 110px;
}

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

#search-form {
right: 4%;
}

.section4 .section4-ctul li {
margin-top: 6%;
}

.foot-form {
padding: 55px 10%;
}

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

.footer .foot-addr {
padding: 0 10%;
}

.HDI04 .HDI04-img2 {
left: 12%;
}

.HDI04 .HDI04-img5 {
right: 12%;
}

.HDI05 .HDI05-list {
padding-left: 7.5%;
}

.mpcb3 .mpcb3-btswiper .swiper-button-next,
.mpcb3 .mpcb3-btswiper .swiper-button-prev {
display: block;
}

.quality4 .quality4-font {
padding: 25px 5px;
}
}

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

.headfixed .logo {
max-width: 130px;
}

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

.foot-form {
padding: 55px 5%;
}

.section5 .section5-Lswiper .swiper-container {
width: 85%;
}

.footer .foot-addr .tit,
.footer .footerphone-menu h3 a,
.section4 .section4-tab a {
font-size: 22px;
}

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

.footer .foot-menu {
padding-right: 0;
}

.footer .foot-addr {
padding: 0 7%;
width: 42%;
}

.contact3 .contact3-share a,
.footer .foot-addricon,
.footer .ftlogo-share a {
width: 40px;
height: 40px;
}

.footer .foot-addrfont {
width: calc(100% - 40px);
}

.section3 .section3-numBox .number {
font-size: 54px;
}

.pcba1 .pcba1-left .tit,
.pcba2 .pcba2-right .tit,
.pcba3 .pcba3-right .tit,
.pcba4 .pcba4-Li .tit,
.pcbs4 .pcbs4-font .tit,
.pcbz1 .pcbz1-font .tit,
.pcbz2 .pcbz2-font .tit,
.quality4 .quality4-bfont .btit,
.section3 .section3-numBox .section3-num,
.tolerant2 .tolerant2-decLi .tit {
font-size: 24px;
}

.HDI03 .swiper-button-prev {
left: -15px;
}

.HDI03 .swiper-button-next {
right: -15px;
}

.HDI01 .swiper-button-next,
.HDI01 .swiper-button-prev,
.video1 .videobox {
width: 50px;
height: 50px;
}

.HDI04 .HDI04-img1 {
left: 3%;
}

.HDI04 .HDI04-img2 {
left: 6%;
}

.HDI04 .HDI04-img5 {
right: 6%;
}

.HDI04 .HDI04-img6 {
right: 4%;
}

.HDI04 .HDI04-img3 {
left: 18%;
}

.HDI04 .HDI04-img4 {
right: 18%;
}

.HDI05 .HDI05-list {
padding-left: 5%;
}

.HDI05 .HDI05-ul {
padding: 0 8%;
height: 490px;
}

.HDI05 .HDI05-ul li {
margin-top: 4%;
}

.SMT03 .SMT02-right,
.pcba1 .pcba1-left,
.pcba3 .pcba3-right,
.pcba4 .pcba4-left,
.pcbs4 .pcbs4-left,
.pcbz2 .pcbz2-right,
.pcbz5 .pcbz5-left,
.surface1 .surface1-left,
.tolerant1 .tolerant1-left {
padding-right: 4%;
}

.SMT02 .SMT02-right,
.factory1 .factory1-right,
.pcba2 .pcba2-right,
.pcbz1 .pcbz1-right,
.quality5 .SMT02-right {
padding-left: 4%;
}

.SMT02 .SMT02-ftLi,
.fpcb4 .SMT02-ftLi,
.fpcb5 .SMT02-ftLi,
.mepcb5 .SMT02-ftLi,
.pcba1 .pcba1-left,
.pcba3 .pcba3-right,
.pcba4 .pcba4-left,
.quality5 .SMT02-ftLi {
margin-top: 20px;
}

.SMT02 .SMT02-font,
.SMT03 .SMT02-font,
.pcbs1 .pcbs1-font,
.quality5 .SMT02-font {
font-size: 18px;
}

.SMT02 .SMT02-font,
.SMT03 .SMT02-font,
.quality5 .SMT02-font {
margin-bottom: 20px;
}

.mpcb3 .mpcb3-tpswiper::before {
bottom: 59px;
}

.HDI02 .HDI02-dec,
.HDI06 .HDI06-dec {
margin-top: 15px;
}

.HDI02 .HDI02-dec1,
.HDI06 .HDI06-dec1 {
margin-bottom: 15px;
}

.mpcb4 .mpcb4-tab a {
padding: 5.2% 9%;
}

.HDI02 .HDI02-right {
padding-left: 4.5%;
}

.tpcb4 .SMT02-ftLi {
margin-top: 10px;
}

.tpcb3 .mpcb4-font .tit {
padding-bottom: 25px;
}

.spcb6 .spcb6-right {
margin-top: 40px;
}

.spcb4 .spcb4-ul li {
margin-top: 8%;
}

.pcba3 .pcba3-right,
.pcba4 .pcba4-left {
margin-top: 0;
}

.pcbs2 .pcbs2-icon {
width: 70px;
height: 70px;
}

.pcbs2 .pcbs2-font {
width: calc(100% - 70px);
}

.pcbs3 .pcbs3-font .num {
font-size: 44px;
}

.pro-more1 {
padding: 13px 30px;
font-size: 16px;
}

.problem1 .problem1-right {
padding-right: 40%;
}

.factory1 .factory1-dec {
margin-top: 30px;
padding-top: 30px;
}

.factory1 .factory1-left .videobox {
width: 76px;
height: 76px;
}

.quality4 .quality4-font {
padding: 20px 5px;
font-size: 18px;
}

.quality1 .quality1-right::before {
left: -100px;
width: 100px;
}
}

@media screen and (max-width:1366px) {
.headfixed .menu-list > ul {
width: calc(100% - 85px);
}

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

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

.mainer {
margin-top: 80px;
}

.btn-lanuage a,
.menu-list h3 a {
font-size: 15px;
}

.mpcb4 .mpcb4-list {
flex-wrap: wrap;
}

.mpcb4 .mpcb4-left,
.mpcb4 .mpcb4-right,
.section5::before {
width: 100%;
}

.section5 .section5-Lswiper .swiper-container {
width: 90%;
}

.section5 .section5-font .tit em {
font-size: 42px;
}

.foot-form {
padding: 55px 2%;
}

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

.footer .foot-addr {
padding: 0 5%;
width: 35%;
}

.section4 .section4-tab li {
margin-right: 10%;
}

.section4 .section4-dec {
margin-top: 3%;
margin-bottom: 5%;
}

.section4 .section4-ct {
margin-top: 4%;
margin-bottom: 6%;
}

.section4 .section4-ctft {
padding-left: 4%;
}

.HDI02 .HDI02-dec,
.HDI06 .HDI06-dec {
margin-top: 15px;
}

.HDI02 .HDI02-dec1,
.HDI06 .HDI06-dec1 {
margin-bottom: 20px;
}

.HDI02 .HDI02-video {
width: 90%;
}

.HDI04 .HDI04-font .dec p {
display: inline;
}

.HDI04 .HDI04-img {
width: 90px;
height: 90px;
}

.HDI04 .HDI04-img2,
.HDI04 .HDI04-img5 {
width: 80px;
height: 80px;
}

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

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

.fpcb3 .swiper-pagination,
.hpcb5 .swiper-pagination {
bottom: 20px;
}

.hpcb6 .hpcb6-ul li {
margin-top: 4.5%;
}

.tpcb3 .mpcb4-tab {
display: flex;
max-height: none;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}

.tpcb3 .mpcb4-tab li {
width: 25%;
}

.mpcb4 .mpcb4-right {
margin-left: 0;
}

.mpcb4 .mpcb4-tab a {
border-right: 1px solid rgba(102, 102, 102, .1);
}

.mpcb4 .mpcb4-tab li:nth-child(4n) a {
border-right: 0;
}

.mepcb3 .swiper-button-next,
.mepcb3 .swiper-button-prev,
.quality4 .swiper-button-next,
.quality4 .swiper-button-prev {
display: block;
}

.spcb6 .spcb6-fontBox {
padding-bottom: 20%;
}

.spcb6 .spcb6-btn {
bottom: 90px;
}

.spcb6 .spcb6-font {
height: 380px;
}

.pcba1 .pcba1-left .tit,
.pcba2 .pcba2-right .tit,
.pcba3 .pcba3-right .tit,
.pcba4 .pcba4-Li .tit,
.pcbs4 .pcbs4-font .tit,
.pcbz1 .pcbz1-font .tit,
.pcbz2 .pcbz2-font .tit,
.tolerant2 .tolerant2-decLi .tit {
font-size: 24px;
}

.pcba4 .pcba4-Li {
margin-top: 25px;
}

.pcbn2 .pcbn2-dec .cont {
font-size: 16px;
}

.factory1 .factory1-dec {
margin-top: 30px;
padding-top: 30px;
}

.mpcb4 .mpcb4-left {
position: relative;
display: none;
}

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

.mpcb4 .mpcb4-left .mpcb4-tab {
margin: 0 auto;
width: 90%;
}
}

@media screen and (max-width:1259px) {
.headfixed .btn-list {
width: 100%;
}

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

.headfixed .menu-list > ul {
display: none;
}

.btn-phone {
display: block;
}

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

.btn-search {
margin-right: 30%;
}

.headfixed {
padding: 22px 0;
}

.mainer {
margin-top: 80px;
}

.headfixed .mobile-nav-box > ul > li > h3 > a {
color: #666 !important;
}

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

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

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

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

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

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

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

.HDI02 .HDI02-list,
.HDI05 .HDI05-list,
.HDI06 .HDI06-list,
.factory1 .factory1-top,
.footer .foot-bot > div,
.footer .foot-topli,
.pcbs1 .pcbs1-list,
.pcbs4 .pcbs4-list,
.pcbs5 .pcba1-list,
.pcbz1 .pcbz1-list,
.pcbz2 .pcbz2-list,
.pcbz2 > div,
.pcbz3 > div,
.quality1,
.quality5 .SMT02-list,
.surface1 .surface1-list,
.tolerant1 > div {
flex-wrap: wrap;
}

.footer .foot-menu {
display: none;
}

.HDI02 .HDI02-right,
.HDI05 .HDI05-left,
.HDI06 .HDI06-right,
.factory1 .factory1-right,
.footer .foot-copy,
.footer .foot-link,
.pcbs1 .pcbs1-right,
.pcbs4 .pcbs4-right,
.pcbs5 .pcba1-left,
.pcbz1 .pcbz1-right,
.pcbz2 .pcbz2-right,
.quality1 .quality1-left,
.quality5 .SMT02-right,
.surface1 .surface1-left,
.tolerant1 .tolerant1-left {
width: 100%;
}

.fpcb3 .fpcb3-right,
.hpcb5 .hpcb5-right {
width: 70%;
}

.fpcb3 .fpcb3-left,
.hpcb5 .hpcb5-left {
width: 30%;
}

.fpcb3 .fpcb3-fontBox,
.hpcb5 .hpcb5-fontBox {
width: 160%;
}

.pcbs1 .pcbs1-left,
.pcbs4 .pcbs4-left,
.pcbz2 .pcbz2-right,
.quality1 .quality1-left,
.surface1 .surface1-left,
.tolerant1 .tolerant1-left {
padding-right: 0;
}

.HDI06 .HDI06-right,
.factory1 .factory1-right,
.pcbs1 .pcbs1-right,
.pcbz1 .pcbz1-right {
padding-left: 0;
}

.HDI05 .HDI05-right,
.factory1 .factory1-left,
.pcbs1 .pcbs1-left,
.pcbs4 .pcbs4-left,
.pcbs5 .pcba1-right,
.pcbz1 .pcbz1-left,
.pcbz2 .pcbz2-left,
.quality1 .quality1-right,
.quality5 .SMT02-left,
.surface1 .surface1-right,
.tolerant1 .tolerant1-right {
margin: 0 auto;
margin-top: 50px;
width: 70%;
}

.HDI06 .HDI06-left {
margin: 0 auto;
margin-top: 40px;
width: 55%;
}

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

.in-tit h2 {
font-size: 30px;
}

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

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

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

.footer .foot-addr .tit,
.footer .footerphone-menu h3 a,
.section4 .section4-tab a {
font-size: 20px;
}

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

.footer .ftlogo-tag {
margin-top: 25px;
margin-bottom: 30px;
}

.footer .foot-addr {
padding: 0;
padding-top: 30px;
width: 55%;
}

.footer .foot-bot > div {
justify-content: center;
}

.foot-form .foot-form-tit {
font-size: 28px;
}

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

.footer .foot-copy,
.footer .foot-link,
.footer .foot-link a {
text-align: center;
line-height: 2;
}

.foot-form .input,
.foot-form .sub {
height: 60px;
line-height: 60px;
}

.section5 .section5-Limg {
width: 100px;
height: 100px;
}

.more em,
.more2 em {
width: 40px;
height: 40px;
line-height: 40px;
}

.more1 {
width: 40px;
height: 40px;
line-height: 37px;
}

.banner .swiper-font {
width: 80%;
}

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

.banner .swiper-font .swiper-h2 {
margin: 20px auto;
}

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

.HDI02 .HDI02-right {
padding-left: 0;
}

.HDI02 .HDI02-left,
.HDI06 .HDI06-left,
.pcbs1 .pcbs1-left,
.pcbs4 .pcbs4-left {
margin: 0 auto;
margin-top: 40px;
width: 55%;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.HDI02 .HDI02-right,
.HDI06 .HDI06-right,
.factory1 .factory1-right,
.pcbs1 .pcbs1-right,
.pcbs4 .pcbs4-right,
.pcbz1 .pcbz1-right,
.quality5 .SMT02-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.factory1 .factory1-left,
.pcbz1 .pcbz1-left,
.quality5 .SMT02-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.HDI02 .HDI02-dec1,
.HDI06 .HDI06-dec1 {
padding-left: 30px;
}

.HDI02 .HDI02-list {
margin-bottom: 100px;
}

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

.HDI05 .HDI05-ul {
position: static;
padding: 6% 8%;
height: auto;
transform: translateY(0);
}

.HDI05 .HDI05-list {
padding: 0 5%;
}

.mpcb4 .mpcb4-font .tit {
padding-bottom: 25px;
}

.mpcb4 .mpcb4-font {
width: 80%;
max-height: 300px;
}

.mpcb4 .mpcb4-tab {
max-height: 400px;
}

.spcb4 .spcb4-ul li {
margin-top: 10%;
}

.spcb4 .spcb4-font {
margin-top: 20px;
}

.spcb6 .spcb6-font {
height: 320px;
}

.spcb6 .spcb6-fontBox {
padding-bottom: 26%;
}

.pcbs3 .pcbs3-ul li {
width: 49.3%;
}

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

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

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

.quote2 .quote2-ul li {
width: 49.25%;
}

.pcbs3 .pcbs3-ul li:nth-child(2n),
.pcbz4 .pcbz4-ul li:nth-child(2n),
.quote2 .quote2-ul li:nth-child(2n) {
margin-right: 0;
}

.pcbs1 .pcbs1-img img {
margin: 0 auto;
}

.pcbz1 .pcbz1-font .tit,
.pcbz2 .pcbz2-font .tit,
.pcbz5 .inner-tit {
margin-bottom: 20px;
}

.problem1 .problem1-right {
padding-right: 25%;
}

.surface1 .surface1-dec,
.tolerant1 .tolerant1-dec {
padding-top: 25px;
}

.materials1 .materials1-img1 {
position: static;
}

.surface1 .surface1-right {
align-items: flex-end;
}

.quality2 .quality2-ftBox {
padding: 6%;
}
}

@media screen and (max-width:1100px) {
.SMT02 .SMT02-list,
.SMT03 .SMT02-list,
.contact2 > div,
.foot-form > div,
.pcba1 .pcba1-list,
.pcba2 > div,
.pcba3 > div,
.pcba4 > div,
.pcbz5 > div,
.section3 .section3-numBox,
.section4 > div,
.spcb3 .spcb3-list {
flex-wrap: wrap;
}

.HDI04 .swiper-container,
.SMT02 .SMT02-right,
.SMT03 .SMT02-right,
.contact2 .contact2-left,
.contact2 .contact2-right,
.foot-form .foot-form-left,
.foot-form .foot-form-right,
.mepcb3 .mepcb3-btswiper .swiper-container,
.mpcb4 .mpcb4-left,
.mpcb4 .mpcb4-right,
.pcba1 .pcba1-left,
.pcba2 .pcba2-right,
.pcba3 .pcba3-right,
.pcba4 .pcba4-left,
.pcbs1 .pcbs1-right,
.pcbs4 .pcbs4-right,
.pcbz1 .pcbz1-right,
.pcbz2 .pcbz2-right,
.pcbz5 .pcbz5-left,
.quality5 .SMT02-right,
.quality6 .section2-ul li,
.section4 .section4-left,
.section4 .section4-right,
.spcb3 .spcb3-left {
width: 100%;
}

.SMT02 .SMT02-left,
.SMT03 .SMT02-left,
.pcba1 .pcba1-right,
.pcba2 .pcba2-left,
.pcba3 .pcba3-left,
.pcba4 .pcba4-right,
.pcbs1 .pcbs1-left,
.pcbs4 .pcbs4-left,
.pcbz1 .pcbz1-left,
.pcbz2 .pcbz2-left,
.pcbz5 .pcbz5-right,
.quality5 .SMT02-left,
.spcb3 .spcb3-right {
margin: 0 auto;
margin-top: 50px;
width: 70%;
}

.SMT02 .SMT02-right,
.pcba2 .pcba2-right,
.pcbz1 .pcbz1-right,
.quality5 .SMT02-right,
.section4 .section4-right {
padding-left: 0;
}

.SMT03 .SMT02-right,
.contact2 .contact2-left,
.pcba1 .pcba1-left,
.pcba3 .pcba3-right,
.pcba4 .pcba4-left,
.pcbs4 .pcbs4-left,
.pcbz2 .pcbz2-right,
.pcbz5 .pcbz5-left,
.spcb3 .spcb3-left {
padding-right: 0;
}

.quality6 .section2-ul li {
margin-right: 0;
}

.mpcb4 .mpcb4-right {
margin-left: 0;
}

.section5 .section5-Lswiper .swiper-button-next,
.section5 .section5-Lswiper .swiper-button-prev {
display: block;
}

.HDI04 .HDI04-ul1,
.HDI04 .HDI04-ul2 {
display: none;
}

.section1 .section1-font .tit {
font-size: 18px;
}

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

.banner .swiper-font .swiper-h3 h3 {
padding-right: 10%;
font-size: 18px;
}

.in-tit h2 {
margin-top: 5px;
font-size: 28px;
}

.section2 .section2-icon {
width: 100px;
height: 98px;
}

.section2 .section2-font {
width: calc(100% - 100px - 40px);
}

.section2 .section2-font .dec {
margin-top: 5px;
}

.section2 .section2-icon .img {
max-width: 40px;
}

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

.section3 .section3-numBox .number {
font-size: 50px;
}

.in-tit h2 p {
display: inline;
}

.section3 .section3-numBox li {
margin-top: 35px;
width: 33.333%;
}

.section3 .section3-numBox li:nth-child(3n) {
border-right: 0;
}

.foot-form .foot-form-right,
.section3 {
padding-top: 25px;
}

.SMT02 .SMT02-right,
.SMT03 .SMT02-right,
.pcba2 .pcba2-right,
.pcbs1 .pcbs1-right,
.pcbs4 .pcbs4-right,
.pcbz1 .pcbz1-right,
.pcbz2 .pcbz2-right,
.quality2 .quality2-ul li:nth-child(even) .quality2-img,
.quality5 .SMT02-right,
.section4 .section4-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.SMT02 .SMT02-left,
.SMT03 .SMT02-left,
.pcba2 .pcba2-left,
.pcbs1 .pcbs1-left,
.pcbs4 .pcbs4-left,
.pcbz1 .pcbz1-left,
.pcbz2 .pcbz2-left,
.quality2 .quality2-ftBox,
.quality5 .SMT02-left,
.section4 .section4-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.section4 .section4-dec {
margin-top: 10px;
margin-bottom: 20px;
}

.section4 .section4-left {
margin-top: 30px;
}

.section1 .section1-img {
height: 260px;
}

.section1 .section1-img img {
padding: 8%;
}

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

.HDI02 .HDI02-left,
.HDI06 .HDI06-left {
width: 65%;
}

.HDI04 .HDI04-simg {
margin: 40px auto;
}

.inner-tit {
padding: 0 5%;
}

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

.inner-tit h2,
.spcb6 .spcb6-font h2 {
font-size: 30px;
}

.mpcb4 .mpcb4-left .mpcb4-tab {
display: flex;
max-height: none;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}

.mpcb4 .mpcb4-left .mpcb4-tab li {
width: 25%;
}

.mpcb4 .mpcb4-font .tit::before,
.pcba1 .pcba1-left .tit::before {
height: 3px;
}

.mpcb4 .mpcb4-left .mpcb4-tab li:nth-child(4n) a,
.tpcb3 .mpcb4-left .mpcb4-tab li:nth-child(3n) a {
border-right: 0;
}

.mpcb4 .mpcb4-tab a,
.tpcb3 .mpcb4-left .mpcb4-tab li:nth-child(4n) a {
border-right: 1px solid rgba(102, 102, 102, .1);
}

.fold1 .fold1-dec p,
.fpcb6 .fpcb6-dec,
.hpcb3 .hpcb3-dec {
margin-top: 20px;
}

.tpcb3 .mpcb4-left .mpcb4-tab li {
width: 33.333%;
}

.tpcb3 .mpcb4-font {
max-height: 220px;
}

.mepcb3 .mepcb3-font .tit {
margin-bottom: 25px;
padding-bottom: 30px;
}

.fpcb3 .fpcb3-fontBox {
width: 180%;
}

.fpcb3 .fpcb3-font .dec {
height: 270px;
}

.spcb6 .swiper-container {
padding-bottom: 15%;
}

.pcba1 .pcba1-left {
margin-top: 0;
}

.pcba1 .pcba1-left .tit {
margin-bottom: 20px;
padding-bottom: 18px;
}

.pcba1 .pcba1-left .tit::before {
width: 50px;
}

.pcbn2 .pcbn2-ul {
padding-bottom: 70px;
}

.hpcb6 .hpcb6-ul li {
width: 47.2%;
}

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

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

.quote2 .quote2-ul {
padding: 8% 5%;
}

.tolerant2 .tolerant2-decLi {
margin-right: 8%;
width: 46%;
}

.contact1 .contact1-icon {
width: 65px;
height: 65px;
}

.contact1 .contact1-icon img {
max-width: 25px;
}

.contact1 .contact1-addr {
width: calc(100% - 65px);
}

.contact2 .contact2-right {
margin-top: 50px;
}

.contact2 .contact2-ul li,
.contact2 .contact2-ul li:first-child {
margin-top: 30px;
}

.contact1 .contact1-ul {
padding-top: 0;
}

.video1 .video1-ul {
margin-bottom: 40px;
}

.factory1 .factory1-bot {
margin: 30px auto;
}

.quality2 .quality2-ul li {
margin-top: 20px;
width: 49.1%;
}

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

.quality2 .quality2-ul {
padding-top: 25px;
}

.quality2 .quality2-ul li:nth-child(even) .quality2-img {
border-radius: 50px 50px 0 0;
}

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

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

.quality6 .section2-icon {
width: 82px;
height: 80px;
}

.section2 .section2-font {
width: calc(100% - 82px);
}

.quality6 .section2-ul li,
.section2 .section2-ul li:nth-child(2n) {
margin-top: 20px;
}

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

.left-Box {
width: 80px;
}

.left-Box .left-ft {
padding: 15px;
}

.left-Box .left-ftfont {
display: none;
}

.mpcb4 .mpcb4-left .mpcb4-tab {
width: 85%;
}
}

@media screen and (max-width:980px) {
.fpcb3 .swiper-slide,
.hpcb5 .swiper-slide,
.mpcb4 .swiper-slide,
.spcb6 .swiper-slide {
flex-wrap: wrap;
}

.HDI05 .HDI05-right,
.SMT02 .SMT02-left,
.SMT03 .SMT02-left,
.banner .swiper-font,
.contact1 .contact1-ul li,
.factory1 .factory1-left,
.fpcb3 .fpcb3-left,
.fpcb3 .fpcb3-right,
.hpcb3 .swiper-container,
.hpcb5 .hpcb5-left,
.hpcb5 .hpcb5-right,
.mepcb3 .mepcb3-btswiper .swiper-container,
.mpcb3 .mpcb3-btswiper .swiper-container,
.mpcb4 .mpcb4-rtleft,
.mpcb4 .mpcb4-rtright,
.pcba1 .pcba1-right,
.pcba2 .pcba2-left,
.pcba3 .pcba3-left,
.pcba4 .pcba4-right,
.pcbn2 .pcbn2-ul li,
.pcbs1 .pcbs1-left,
.pcbs2 .pcbs2-ul li,
.pcbs4 .pcbs4-left,
.pcbz1 .pcbz1-left,
.pcbz2 .pcbz2-left,
.pcbz5 .pcbz5-left,
.pcbz5 .pcbz5-right,
.quality1 .quality1-right,
.quality3 .quality3-ul li,
.quality5 .SMT02-left,
.section2 .section2-ul li,
.spcb3 .spcb3-right,
.spcb4 .spcb4-ul li,
.spcb6 .spcb6-left,
.spcb6 .spcb6-right,
.surface1 .surface1-right,
.tolerant1 .tolerant1-right,
.tolerant2 .tolerant2-decLi {
width: 100%;
}

.footer .foot-addr,
.materials2 .materials2-tdec {
padding-right: 0;
}

.banner .pub-pbanner,
.pub-pcbanner {
display: none;
}

.banner .pub-mbanner,
.fpcb6 .swiper-button-next,
.fpcb6 .swiper-button-prev,
.pub-mbanner {
display: block;
}

.pcbs2 .pcbs2-ul li,
.pcbs6 .pro-more1,
.section2 .section2-ul li,
.section2 .section2-ul li:nth-child(2) {
margin-top: 20px;
}

.section1 .section1-ul li {
width: 48.5%;
}

.factory1 .factory1-bot li,
.video1 .video1-ul li {
width: 49.1%;
}

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

.factory1 .factory1-bot li:nth-child(3n),
.video1 .video1-ul li:nth-child(3n) {
margin-right: 1.8%;
}

.factory1 .factory1-bot li:nth-child(2n),
.pcbn2 .pcbn2-ul li,
.pcbs2 .pcbs2-ul li,
.quality3 .quality3-ul li,
.section1 .section1-ul li:nth-child(2n),
.section2 .section2-ul li,
.spcb4 .spcb4-ul li,
.tolerant2 .tolerant2-decLi,
.video1 .video1-ul li:nth-child(2n) {
margin-right: 0;
}

.section3 .section3-numBox .number {
font-size: 44px;
}

.section5 .section5-Lswiper {
margin: 20px auto;
}

.foot-form .foot-form-tit {
font-size: 26px;
}

.footer .foot-addrul li {
margin-top: 15px;
}

.footer .ftlogo img,
.headfixed .logo {
max-width: 160px;
}

.headfixed {
padding: 10px 0;
}

.mainer {
margin-top: 65px;
}

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

.footer .ftlogo-tag {
margin-top: 25px;
margin-bottom: 15px;
}

.foot-form {
padding: 50px 0;
}

.pcbz5 .pcbz5-right .pcbz5-img,
.pub-banner .pub-banner-font {
text-align: center;
}

.HDI01 .swiper-button-next,
.HDI01 .swiper-button-prev,
.HDI03 .swiper-button-next,
.HDI03 .swiper-button-prev {
width: 42px;
height: 42px;
}

.inner-tit h2,
.spcb6 .spcb6-font h2 {
font-size: 28px;
}

.HDI02 .HDI02-left,
.HDI06 .HDI06-left {
width: 90%;
}

.pro-more1 {
padding: 12px 30px;
font-size: 16px;
}

.HDI02 .videobox {
width: 50px;
height: 50px;
background-size: cover;
}

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

.inner-tit {
padding: 0;
}

.HDI05 .HDI05-ul {
padding: 8%;
}

.section3 {
background-attachment: unset;
}

.mepcb3 .mepcb3-btswiper .swiper-button-next,
.mpcb3 .mpcb3-btswiper .swiper-button-next {
right: 5%;
}

.mepcb3 .mepcb3-btswiper .swiper-button-prev,
.mpcb3 .mpcb3-btswiper .swiper-button-prev {
left: 5%;
}

.mpcb4 .mpcb4-left .mpcb4-tab li {
width: 33.333%;
}

.mpcb4 .mpcb4-left .mpcb4-tab li:nth-child(3n) a {
border-right: 0;
}

.mpcb4 .mpcb4-left .mpcb4-tab li:nth-child(4n) a {
border-right: 1px solid rgba(102, 102, 102, .1);
}

.mpcb4 .mpcb4-font {
position: relative;
top: 0;
left: 0;
padding: 5% 7%;
width: 100%;
max-height: 320px;
transform: translate(0, 0);
}

.mpcb4 .mpcb4-rtright,
.spcb6 .spcb6-right {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}

.mpcb4 .mpcb4-rtleft,
.spcb6 .spcb6-left {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}

.mpcb4 .mpcb4-btn {
right: 0;
left: auto;
}

.mepcb3 .mepcb3-btswiper .swiper-container,
.mpcb3 .mpcb3-btswiper .swiper-container {
padding-top: 30px;
}

.mpcb3 .mpcb3-btswiper .swiper-button-next,
.mpcb3 .mpcb3-btswiper .swiper-button-prev {
top: 101px;
}

.fpcb3 .fpcb3-fontBox,
.hpcb5 .hpcb5-fontBox {
position: relative;
transform: translateY(0);
}

.fpcb3 .fpcb3-fontBox,
.hpcb5 .hpcb5-fontBox {
top: 40px;
width: 94%;
}

.hpcb6 .hpcb6-ul li {
margin-top: 6%;
width: 47%;
}

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

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

.fpcb3 .fpcb3-fontBox:hover::after,
.hpcb5 .hpcb5-fontBox:hover::after {
top: -40px;
right: -40px;
}

.fpcb3 .fpcb3-fontBox:hover::before,
.hpcb5 .hpcb5-fontBox:hover::before {
top: -20px;
right: -20px;
}

.hpcb6 .hpcb6-icon {
width: 100px;
height: 100px;
}

.hpcb6 .hpcb6-icon img {
max-width: 45px;
}

.HDI03 .swiper-button-next,
.HDI03 .swiper-button-prev,
.hpcb4 .swiper-button-next,
.hpcb4 .swiper-button-prev {
width: 35px;
height: 35px;
}

.mepcb3 .mepcb3-fontBox,
.spcb6 .spcb6-fontBox {
position: static;
padding: 6% 0 0 0;
width: 100%;
transform: translateY(0);
}

.factory1 .factory1-left,
.pcbz1 .pcbz1-left,
.quality5 .SMT02-left,
.spcb4 .spcb4-font,
.surface1 .surface1-right {
margin-top: 40px;
}

.spcb4 .spcb4-ul li {
margin-top: 13%;
}

.spcb6 .spcb6-fontBox {
padding: 6%;
border-radius: 20px 20px 0 0;
}

.spcb6 .spcb6-img {
border-radius: 0 0 20px 20px;
}

.spcb6 .swiper-container {
padding-bottom: 0;
}

.pcbs2 .pcbs2-ul li:first-child,
.spcb6 .spcb6-right {
margin-top: 0;
}

.spcb6 .spcb6-btn {
right: 0;
bottom: 23px;
left: auto;
display: none;
}

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

.pcbn2 .pcbn2-ul {
padding-bottom: 50px;
}

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

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

.pcbs3 .pcbs3-font .num {
font-size: 38px;
}

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

.pcbs3 .pcbs3-ul li,
.pcbz4 .pcbz4-ul li {
padding: 4%;
}

.problem1 .problem1-right {
padding-right: 0;
padding-left: 20px;
}

.contact1 .contact1-ul {
margin-top: 30px;
}

.factory1 .factory1-bot {
margin: 20px auto 30px auto;
}

.quality1 .quality1-right {
margin-top: 70px;
}

.quality2 .quality2-img,
.quality2 .quality2-ul li:nth-child(even) .quality2-img {
border-radius: 20px 20px 0 0;
}

.quality4 .quality4-tpswiper .swiper-container {
padding: 25px 0 30px 0;
}

.quality4 .quality4-font {
margin-top: -30px;
}

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

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

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

.HDI05 .HDI05-ul li:hover .HDI05-icon img,
.capability1 .capability1-ul li:hover .capability1-icon img,
.contact1 .contact1-lful li:hover .contact1-icon img,
.contact1 .contact1-ul li:hover .contact1-icon img,
.hpcb6 .hpcb6-ul li:hover .hpcb6-icon img,
.left-Box .left-ft:hover .left-ftimg img,
.pcbs2 .pcbs2-ul li:hover .pcbs2-icon img,
.section3 li:hover .section3-icon img,
.section4 .section4-ul li:hover .section4-icon img,
.section5 .section5-ul li:hover .section5-icon img,
.section8 .section8-list li:hover .section8-icon img,
.service2 .service2-ul li:hover .service2-icon img,
.solution-info2 .solution-info2ul li:hover .solution-info2icon img,
.spcb4 .spcb4-ul li:hover .spcb4-icon img,
.vservice .vser2 .box .item:hover .photo img,
.why4 .box .item:hover .ico {
transform: translateY(0);
}

.HDI01 .swiper-slide:hover .HDI01-img img,
.HDI04 .swiper-slide .HDI04-simg img:hover,
.pcba5 .pcba5-table td:hover img,
.pcbs4 .pcbs4-img:hover img,
.pcbz5 .pcbz5-right .pcbz5-img:hover img,
.pic:hover img,
.quality2 .quality2-ul li:hover .quality2-img img,
.section1 .section1-ul li:hover .section1-img img,
.section4 .section4-img2:hover img,
.section5 .section5-Limg:hover img,
.section5 .section5-Mswiper .swiper-slide:hover .section5-Mimg img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-ms-transform: scale(1);
}

.left-Box {
width: 80px;
}

.left-Box .left-ft {
padding: 15px;
}
}

@media screen and (max-width:767px) {
.HDI05 .HDI05-ul li,
.foot-form .foot-form-ul,
.footer .foot-tbot,
.pcbs2 .pcbs2-ul li,
.problem1 .problem1-top,
.section2 .section2-ul li a,
.section4 .section4-ct,
.surface1 .surface1-right {
flex-wrap: wrap;
}

.HDI02 .HDI02-left,
.HDI05 .HDI05-font,
.HDI06 .HDI06-left,
.factory1 .factory1-bot li,
.fold1 .fold1-ul li,
.foot-form .foot-form-ul li:first-child,
.foot-form .foot-form-ul li:last-child,
.footer .foot-addr,
.footer .foot-logo,
.fpcb3 .fpcb3-fontBox,
.hpcb5 .hpcb5-fontBox,
.hpcb6 .hpcb6-ul li,
.mpcb3 .mpcb3-bfont,
.mpcb4 .mpcb4-left .mpcb4-tab li,
.pcbs2 .pcbs2-font,
.pcbs3 .pcbs3-ul li,
.pcbz4 .pcbz4-ul li,
.problem1 .problem1-right,
.quality2 .quality2-ul li,
.quote2 .quote2-ul li,
.section1 .section1-ul li,
.section4 .section4-ctft,
.section4 .section4-ctimg,
.section4 .section4-img2,
.section4 .section4-tab li.active::before,
.surface2 .surface2-tdec span,
.video1 .video1-ul li {
width: 100%;
}

.section3 .section3-numBox li {
width: 50%;
}

.HDI05 .HDI05-font,
.footer .foot-addr,
.pcbs2 .pcbs2-font,
.problem1 .problem1-right,
.section4 .section4-ctft {
padding-left: 0;
}

.banner .swiper-font .swiper-h3 h3,
.contact1 .contact1-ul li {
padding-right: 0;
}

.factory1 .factory1-bot li,
.factory1 .factory1-bot li:nth-child(3n),
.fold1 .fold1-ul li,
.foot-form .foot-form-ul li,
.hpcb6 .hpcb6-ul li,
.hpcb6 .hpcb6-ul li:nth-child(3n),
.pcbs3 .pcbs3-ul li,
.pcbs3 .pcbs3-ul li:nth-child(3n),
.pcbz4 .pcbz4-ul li,
.pcbz4 .pcbz4-ul li:nth-child(3n),
.quality2 .quality2-ul li,
.quote2 .quote2-ul li,
.quote2 .quote2-ul li:nth-child(2n),
.section1 .section1-ul li,
.section1 .section1-ul li:nth-child(3n),
.surface2 .surface2-tdec span,
.video1 .video1-ul li,
.video1 .video1-ul li:nth-child(3n) {
margin-right: 0;
}

.btn-lanuage,.btn-vr,
.contact1 .contact1-mapBox,
.footer .foot-addr .tit,
.fpcb3 .fpcb3-fontBox::after,
.fpcb3 .fpcb3-fontBox::before,
.hpcb5 .hpcb5-fontBox::after,
.hpcb5 .hpcb5-fontBox::before,
.lightbox,
.lightboxOverlay {
display: none !important;
}

#search-form {
width: 90%;
}

.app-lanu {
display: block;
}

.banner .swiper-font .swiper-h2 h2 {
display: inline;
width: 100%;
font-size: 30px;
}

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

.more {
width: 200px;
font-size: 16px;
}

.more em,
.more2 em {
width: 32px;
height: 32px;
line-height: 30px;
}

.in-tit h2 {
font-size: 26px;
}

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

.footer .ftlogo img,
.headfixed .logo {
max-width: 110px;
}

.mainer {
margin-top: 55px;
}

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

.btn-search {
margin-right: 25%;
}

.section2 .section2-font {
padding-left: 0;
width: calc(100% - 35px);
}

.more1 {
width: 35px;
height: 35px;
line-height: 32px;
}

.section2 .section2-ul li {
padding: 10% 8%;
}

.HDI02 .HDI02-left,
.HDI05 .HDI05-ul li,
.HDI06 .HDI06-left,
.contact2 .contact2-right,
.fpcb3 .fpcb3-right,
.hpcb5 .hpcb5-right,
.materials2 .materials2-table,
.pcba1 .pcba1-right,
.pcbs1 .pcbs1-left,
.pcbs4 .pcbs4-left,
.pcbz1 .pcbz1-left,
.surface2 .surface2-table {
margin-top: 30px;
}

.HDI05 .HDI05-font,
.SMT02 .SMT02-left,
.SMT03 .SMT02-left,
.banner .more,
.contact1 .contact1-ul,
.contact1 .contact1-ul li,
.contact2 .contact2-ul li,
.contact2 .contact2-ul li:first-child,
.factory1 .factory1-bot li,
.factory1 .factory1-left,
.fold1 .fold1-ul li,
.footer .foot-tbot,
.footer .foot-tbotli,
.materials1 .materials1-img,
.pcba2 .pcba2-left,
.pcba3 .pcba3-left,
.pcba4 .pcba4-Li,
.pcba4 .pcba4-right,
.pcbs2 .pcbs2-font,
.pcbs3 .pcbs3-ul li,
.pcbs4 .pro-more1,
.pcbs5 .pro-more1,
.pcbz1 .pro-more1,
.pcbz2 .pcbz2-left,
.pcbz4 .pcbz4-ul li,
.pcbz5 .pcbz5-left,
.quality2 .quality2-ul li,
.quality5 .SMT02-left,
.section3 .section3-numBox li,
.section4 .section4-ctft,
.spcb4 .spcb4-font,
.surface1 .surface1-right,
.tolerant1 .tolerant1-right,
.video1 .video1-ul li {
margin-top: 20px;
}

.pcba2 .dec-Box,
.pcba3 .dec-Box,
.pcba4 .pcba4-Li .dec {
margin-top: 5px;
}

.footer .foot-tbotli:first-child,
.materials1 .materials1-img:first-child,
.pcbs3 .pcbs3-ul li:first-child,
.pcbz4 .pcbz4-ul li:first-child,
.quality3 .quality3-ul,
.quality4 .quality4-bfont .bdec,
.quote2 .sub,
.section2 .section2-font .dec,
.tolerant2 .tolerant2-decLi .dec,
.video1 .video1-ul {
margin-top: 0;
}

.section1 .section1-ul li,
.section2 .section2-icon {
margin-bottom: 20px;
}

.SMT02 .SMT02-font,
.SMT03 .SMT02-font,
.banner .swiper-font .swiper-h2,
.hpcb5 .hpcb5-font .tit,
.pcbs4 .pcbs4-font .dec,
.pcbs4 .pcbs4-font .tit,
.pcbz1 .pcbz1-font .tit,
.pcbz2 .pcbz2-font .tit,
.pcbz5 .inner-tit,
.quality5 .SMT02-font,
.section1 .section1-ul li:last-child,
.surface1 .surface1-dec p {
margin-bottom: 10px;
}

.SMT02 .SMT02-ftLi,
.fpcb4 .SMT02-ftLi,
.fpcb5 .SMT02-ftLi,
.mepcb5 .SMT02-ftLi,
.problem1 .problem1-right,
.quality5 .SMT02-ftLi,
.tolerant2 .tolerant2-list {
margin-top: 10px;
}

.foot-form .foot-form-right,
.foot-form .foot-form-ul li,
.mepcb3 .mepcb3-btswiper .swiper-container,
.mpcb3 .mpcb3-bfont,
.mpcb3 .mpcb3-btswiper .swiper-container {
padding-top: 20px;
}

.foot-form .foot-form-ul li:first-child,
.footer .foot-addr {
padding-top: 0;
}

.section3 .section3-numBox li:nth-child(3n) {
border-right: 1px solid rgba(255, 255, 255, .2);
}

.section3 .section3-numBox li:nth-child(2n) {
border-right: 0;
}

.section4 .section4-tab li {
margin-right: 6%;
}

.section4 .section4-ct {
margin-top: 30px;
margin-bottom: 25px;
}

.section4 .section4-img1 {
width: 180px;
height: 200px;
}

.section4 .section4-img1::after {
border: 10px solid #fff;
}

.section4 .section4-left {
padding-bottom: 0;
}

.section5 .section5-Limg {
width: 80px;
height: 80px;
}

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

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

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

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

.section5 .section5-font .tit {
margin-top: 15px;
margin-bottom: 10px;
}

.section5 .section5-font .dec {
margin-bottom: 10px;
}

.section5 .section5-Mswiper .swiper-slide {
padding: 10% 8%;
}

.section5 .section5-Mswiper .swiper-container {
padding: 8% 0;
}

.section5 .section5-Mswiper .swiper-slide {
border: 1px solid #f7f7f7;
box-shadow: 0 0 10px 1px rgba(7, 0, 2, 0);
}

.foot-form .foot-form-tit {
text-align: center;
font-size: 24px;
}

.foot-form .input,
.foot-form .sub {
height: 52px;
line-height: 52px;
}

.footer .ftlogo-tag,
.mpcb4 .inner-tit .dec {
margin-top: 15px;
}

.footer .ftlogo-tag p {
display: inline-block;
color: #fef22e;
}

.section3 .section3-numBox .section3-dec {
font-size: 14px;
}

.hpcb5 .dec-Box .dec,
.quality2 .quality2-font,
.section4 .section4-ctul {
height: auto;
}

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

.inner-tit h2,
.spcb6 .spcb6-font h2 {
font-size: 26px;
}

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

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

.HDI02 .HDI02-img1 {
max-width: 260px;
max-height: 260px;
}

.HDI02 .HDI02-list {
margin-bottom: 80px;
}

.HDI04 .HDI04-simg {
margin: 25px auto;
}

.HDI04 .swiper-container {
padding-bottom: 8%;
}

.HDI05 .HDI05-icon {
margin: 0 auto;
}

.HDI05 .HDI05-ul {
padding: 12% 10%;
}

.fpcb6 .fpcb6-dec,
.hpcb3 .hpcb3-dec,
.inner-tit,
.mpcb3 .mpcb3-bfont,
.quality5 .quality5-dec {
text-align: left;
}

.HDI01 .inner-tit,
.HDI04 .inner-tit,
.hpcb5 .inner-tit,
.hpcb6 .inner-tit,
.mepcb3 .inner-tit,
.mpcb3 .inner-tit,
.pcba5 .inner-tit,
.pcbs3 .inner-tit,
.pcbs6 .inner-tit {
text-align: center;
}

.mpcb3 .mpcb3-btswiper .swiper-button-next,
.mpcb3 .mpcb3-btswiper .swiper-button-prev {
top: 95px;
}

.mpcb3 .mpcb3-tfont {
margin-bottom: 0;
padding: 0;
padding-bottom: 20px;
width: 100%;
box-shadow: 0 0 10px 1px rgba(7, 0, 2, 0);
}

.mpcb4 .mpcb4-tab a {
padding: 4% 7%;
}

.mpcb4 .mpcb4-font {
max-height: 500px;
}

.mpcb4 .mpcb4-left .mpcb4-tab li:nth-child(4n) a,
.mpcb4 .mpcb4-tab a {
border-right: 1px solid rgba(102, 102, 102, 0);
}

.hpcb6 .hpcb6-ul li {
margin-top: 10%;
}

.fpcb3 .fpcb3-font,
.hpcb5 .hpcb5-font {
padding: 0;
border-radius: 0;
box-shadow: 0 0 10px 1px rgba(7, 0, 2, 0);
}

.fpcb3 .fpcb3-fontBox,
.hpcb5 .hpcb5-fontBox {
top: 0;
}

.fpcb3 .dec-Box em,
.hpcb5 .dec-Box em {
font-size: 55px;
}

.fpcb3 .fpcb3-font .dec,
.hpcb5 .dec-Box .dec {
padding: 0 30px;
}

.fpcb3 .fpcb3-font .dec {
height: 350px;
}

.tpcb3 .mpcb4-tab li:last-child a {
border-bottom: 1px solid rgba(102, 102, 102, .1);
}

.mepcb3 .swiper-button-next,
.mepcb3 .swiper-button-prev {
top: -13px;
}

.mepcb3 .mepcb3-font .tit {
margin-bottom: 15px;
padding-bottom: 20px;
}

.HDI02 .HDI02-dec1,
.HDI06 .HDI06-dec1 {
padding-left: 20px;
}

.fpcb6 .swiper-button-next {
right: -10px;
}

.fpcb6 .swiper-button-prev {
left: -10px;
}

.spcb4 .spcb4-ul li {
margin-top: 26%;
padding: 8%;
}

.spcb4 .spcb4-ul li:first-child {
margin-top: 20%;
}

.spcb4 .spcb4-icon {
width: 80px;
height: 80px;
}

.spcb4 .spcb4-icon img {
max-width: 45px;
}

.spcb6 .spcb6-font {
height: 550px;
}

.pcba5 .pcba5-table td,
.pcba5 .pcba5-table th {
padding: 10px 5px;
font-size: 16px;
}

.mepcb3 .mepcb3-font .tit,
.pcba1 .pcba1-left .tit,
.pcba2 .pcba2-right .tit,
.pcba3 .pcba3-right .tit,
.pcba4 .pcba4-Li .tit,
.pcbs4 .pcbs4-font .tit,
.pcbz1 .pcbz1-font .tit,
.pcbz2 .pcbz2-font .tit,
.pcbz4 .pcbz4-font .tit,
.quality4 .quality4-bfont .btit,
.quote2 .quote2-tit .tit,
.tolerant2 .tolerant2-decLi .tit {
font-size: 22px;
}

.pcba1 .pcba1-left .tit {
margin-bottom: 10px;
padding-bottom: 12px;
}

.pcba2,
.pcba3,
.pcba4 {
padding-top: 53px;
}

.HDI03 table td,
.HDI03 table th,
.hpcb4 table td,
.hpcb4 table th {
padding: 5px 20px;
height: 50px;
}

.pcbn2 .pcbn2-tit {
padding: 6% 5%;
}

.pcbn2 .pcbn2-dec {
padding: 6% 5%;
padding-top: 0;
}

.pcbn2 .pcbn2-dec .cont {
padding-top: 15px;
}

.pcbn2 .pcbn2-tit .icon {
width: 25px;
height: 25px;
}

.pcbn2 .pcbn2-tit .tit {
width: calc(100% - 25px);
}

.pcbs2 .pcbs2-ul li,
.pcbs3 .pcbs3-ul li,
.pcbz4 .pcbz4-ul li {
padding: 8%;
}

.pcbs2 .pcbs2-icon {
width: 60px;
height: 60px;
}

.pcbs3 .pcbs3-font .num {
top: 25px;
}

.pro-more1 {
padding: 10px 20px;
}

.pcbz5 .pcbz5-right .pcbz5-img img {
margin-bottom: -100px;
}

.problem1 .problem1-left {
width: 85px;
height: 100px;
}

.problem1 .pcbn2-ul {
padding-bottom: 10px;
}

.contact1 .contact1-addr .dec,
.contact2 .sub,
.materials2 .materials2-table table th,
.pcbn1 .pcbn1-table table th,
.pcbn2 .pcbn2-tit .tit,
.quote2 .quote2-ul label,
.surface1 .surface1-dec,
.surface1 .surface1-dec， .quote2 .quote2-tit .dec,
.surface2 .surface2-table table th,
.tolerant1 .tolerant1-dec {
font-size: 16px;
}

.factory1 .factory1-dec,
.surface1 .surface1-dec,
.tolerant1 .tolerant1-dec {
margin-top: 15px;
padding-top: 15px;
}

.factory1 .factory1-dec::before,
.surface1 .surface1-dec::before,
.tolerant1 .tolerant1-dec::before {
width: 50px;
}

.quote2 .quote2-ul {
padding: 10% 8% 15% 8%;
}

.tolerant1 .tolerant1-img {
border-radius: 0 0 0 30px;
}

.quality1 .quality1-right,
.tolerant2 {
margin-top: 40px;
}

.contact1 .contact1-addr .tit {
font-size: 18px;
}

.video1 .video1-ul {
margin-bottom: 30px;
}

.factory1 .factory1-left .videobox {
width: 53px;
height: 53px;
}

.materials2 .materials2-table table td {
padding: 10px 5px;
}

.quality4 .quality4-tpswiper {
margin: 0 auto;
width: 90%;
}

.quality6 .section2-font {
width: 100%;
}

.quality7 .swiper-button-next {
right: -10px;
}

.quality7 .swiper-button-prev {
left: -10px;
}

.quality1 .quality1-dec .sign {
font-size: 60px;
}

.quality1 .quality1-dec .sign2 {
right: 0;
bottom: -50px;
}

.quality2 .quality2-ftBox {
padding: 8%;
}

.quality3 .quality3-ul li {
padding: 20px 0 20px 25px;
}

.quality3 .quality3-ul li::before {
top: 30px;
width: 8px;
height: 8px;
}

.left-Box,
.left-Box.active {
width: 50px;
}

.left-Box {
display: none !important;
}

.left-Box .left-ft,
.left-Box.active .left-ft {
padding: 10px;
}

.left-Box .left-ftbtn::before {
right: 10px;
}

.mpcb4 .swiper-button-next,
.mpcb4 .swiper-button-prev {
top: 75%;
}

.mpcb4 .mpcb4-left .mpcb4-tab {
width: 80%;
}
}

@media(max-width:320px) {
.banner .swiper-font .swiper-h2 h2,
.pub-banner .pub-banner-font h3 {
font-size: 28px;
}

.section5 .section5-Limg {
width: 75px;
height: 75px;
}

.banner .pub-mbanner {
min-height: 80vh;
}

.inner-tit h2,
.spcb6 .spcb6-font h2 {
font-size: 24px;
}

.mpcb4 .mpcb4-font {
max-height: 530px;
}

.pro-more1 {
padding: 10px 7px;
}

.down {
width: 260px;
}

.down .down-left {
width: calc(100% - 40px);
}

.down .down-right {
width: 40px;
height: 40px;
}
}
/* Why Choose Us */
.why1 {
background: url(../images/n2_bg.png) left bottom no-repeat;
background-size: 450px;
}

.why1 .left {
position: relative;
width: 50%;
}

.why1 .left .pic1 {
position: absolute;
left: 5%;
z-index: 1;
}

.why1 .left .pic2 {
position: absolute;
right: 17%;
bottom: 0;
z-index: 2;
}

.why1 .left .num {
position: absolute;
top: 11%;
right: 5%;
z-index: 3;
width: 250px;
height: 250px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
text-align: center;
flex-direction: row;
align-items: center;
}

.why1 .left .number {
color: #007cfb;
font-size: 72px;
font-family: DINCondensed-Bold;
line-height: 72px;
}

.why1 .left .font {
color: #007cfbcc;
font-size: 16px;
}

.why1 .right {
padding-bottom: 4%;
width: 49%;
line-height: 30px;
}

.why1 .right .inner-tit,
.why3 .inner-tit {
padding: 5% 0;
}

.why1 .right h2,
.why3 h2 {
text-align: left;
}

.why1 .right .dec {
position: relative;
padding-bottom: 6%;
color: #007cfb;
text-align: left;
}

.why1 .right .dec::after {
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 2px;
background-color: #007cfb;
content: "";
}

.why1 .right .des {
color: #999;
text-align: justify;
line-height: 30px;
font-size: 18px;
}

@media(max-width:1360px) {
.why1 .left .pic1 {
left: 0;
}

.why1 .left .pic2 {
right: 7%;
}

.why1 .left .num {
top: 20%;
right: 2%;
}

.why1 .right .dec,
.why1 .right .des {
line-height: 26px;
}
}

@media(max-width:1200px) {
.why1 .left .pic1 {
left: 0;
width: 80%;
}

.why1 .left .pic2 {
right: 7%;
width: 80%;
}

.why1 .left .num {
top: 20%;
right: 2%;
width: 200px;
height: 200px;
}

.why1 .right .dec {
padding-bottom: 20px;
}
}

@media(max-width:989px) {
.why1 .right .des {
overflow: auto;
max-height: 240px;
line-height: 24px;
}
}

@media(max-width:767px) {
.why1 .box {
display: block;
}

.why1 .left,
.why1 .right {
margin-bottom: 20px;
width: 100%;
}

.why1 .left {
height: 430px;
}

.why1 .right .des {
max-height: max-content;
text-align: left;
font-size: 14px;
}
}

@media(max-width:460px) {
.why1 .left {
height: 320px;
}

.why1 .left .num {
top: 20%;
right: 2%;
width: 170px;
height: 170px;
}

.why1 .left .number {
font-size: 46px;
}
}

.why2 {
margin-top: 80px;
background: url(../images/n2_bg2.jpg) center;
}

.why2 .item {
color: #fff;
}

.why2 .item:hover {
color: #fef22e;
}

.why2 .num {
display: flex;
text-align: center;
font-size: 35px;
align-items: center;
justify-content: center;
}

.why2 .number {
font-size: 72px;
font-family: DINCondensed-Bold;
line-height: 72px;
}

.why2 .font {
text-align: center;
color: rgba(255, 255, 255, 0.8);
}

@media(max-width:875px) {
.why2 .box {
flex-wrap: wrap;
}

.why2 .item {
width: 33.3%;
}

.why2 .item:nth-child(1),
.why2 .item:nth-child(2) {
margin-bottom: 10px;
width: 50%;
}
}

@media(max-width:767px) {
.why2 .number {
font-size: 50px;
}

.why2 .font {
font-size: 14px;
}
}

@media(max-width:530px) {
.why2 .item {
width: 50%;
}
}

.why3 {
background-color: #f2faff;
}

.why3 .left {
width: 50%;
}

.why3 .left .des {
margin-bottom: 6%;
color: #666;
line-height: 30px;
}

.why3 .left .nums .item {
margin-right: 10%;
color: #007cfb;
}

.why3 .left .nums .num {
font-size: 48px;
line-height: 52px;
}

.why3 .left .nums .dw {
font-size: 18px;
line-height: 28px;
}

.why3 .right {
width: 40%;
}

@media(max-width:1360px) {
.why3 .left .des {
overflow: auto;
max-height: 245px;
}

.why3 .left .nums .num {
font-size: 32px;
}
}

@media(max-width:767px) {
.why3 .inner-tit {
padding: 0 0 3%;
}

.why3 .left {
width: 100%;
}

.why3 .left .des {
margin-bottom: 4%;
max-height: none;
font-size: 14px;
}

.why3 .right {
display: none;
}

.why3 .left .nums .num {
font-size: 28px;
line-height: 40px;
}

.why3 .left .nums .dw {
font-size: 16px;
}
}

.why4h {
}

.why4h-ryzz .swiper-pagination {
position: static;
margin-top: 20px;
}

.why4h-ryzz .swiper-slide {
padding: 5px;
border: 1px solid #9e9e9e1f;
}

.why4h-ryzz .swiper-slide img {
width: 100%;
}

.why4h-ryzz .swiper-slide p {
font-size: 16px;
line-height: 20px;
padding: 15px;
background-color: #f2faff94;
}

.why4h-ryzz .swiper-slide:hover {
border: 1px solid #007cfb;
}

.why4h-ryzz .swiper-slide:hover p {
color: #007cfb;
border-top: 1px solid #007cfb;
}

.why4 .box {
margin-top: 2%;
flex-wrap: wrap;
}

.why4 .box .item {
margin: 3% 0 0;
width: 30%;
}

.why4 .box .item .ico {
width: 80px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.why4 .box .item .ms {
color: #666;
line-height: 30px;
width: calc(100% - 80px);
padding-left: 30px;
}

@media(max-width:1360px) {
.why4 .box .item {
width: 31%;
}
}

@media(max-width:1200px) {
.why4 .box .item {
width: 32%;
}

.why4 .box .item .ms {
line-height: 24px;
}
}

@media(max-width:1000px) {
.why4 .box .item {
margin-top: 5%;
width: 48%;
}

.why4 .box .item .ms {
overflow: auto;
max-height: 100px;
}
}

@media(max-width:640px) {
.why4 .box .item {
margin-top: 20px;
width: 100%;
}

.why4 .box .item .ms {
font-size: 14px;
}
}
/* news */
.news .newlist {
flex-wrap: wrap;
padding-bottom: 3%;
}

.news .pic {
width: 30%;
}

.news .cms {
margin-bottom: 30px;
width: 100%;
}

.news .content {
width: 66%;
}

.news .content .time {
width: 100px;
margin-top: 19px;
}

.news .content .time .day {
color: #999999;
font-size: 36px;
line-height: 1.2;
}

.news .content .time .data {
font-size: 18px;
color: #666;
line-height: 1.2;
}

.news .content .time .time {
color: #666666;
font-size: 18px;
}

.news .content .box {
width: calc(100% - 100px);
padding-left: 30px;
border-left: 1px solid #e5e5e5;
padding-bottom: 14px;
position: relative;
}

.news .content .box .title {
color: #333333;
font-size: 24px;
line-height: 46px;
}

.news .content .box .des {
color: #888888;
font-size: 18px;
margin-bottom: 4%;
}

.news .content .box .news-more {
width: 135px;
line-height: 36px;
border-bottom: 1px solid #888f9f45;
color: #999999;
background: url(../images/right.png) no-repeat right;
}

.news .content .box .center {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.news .cms:hover .time .day,
.news .cms:hover .title,
.news .cms:hover .news-more {
color: #007cfb;
}

.news .cms:hover .news-more {
background: url(../images/right-h.png) no-repeat right;
}

.news .cms:hover .pic img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

@media (max-width:1200px) {
.news .content .time .data {
font-size: 16px;
}

.news .cms {
flex-wrap: wrap;
width: calc(50% - 10px);
float: left;
margin-bottom: 40px;
}

.news .content {
width: 100%;
margin-top: 30px;
}

.news .content .time {
width: 60px;
margin-top: 0px;
text-align: center;
}

.news .content .box {
width: calc(100% - 80px);
}

.news .content .box .title {
line-height: 20px;
font-size: 16px;
height: 40px;
display: -webkit-box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: inherit;
}

.news .content .box .des {
display: none;
}

.news .content .box .news-more {
margin-top: 6px;
font-size: 14px;
line-height: 30px;
text-align: left;
width: 100px;
}

.news .pic {
width: 100%;
}
}

@media (max-width:767px) {
.news .cms {
width: 100%
}

.news .content .box {
width: calc(100% - 70px);
padding-left: 15px;
}

.news .content .time .day {
font-size: 30px;
}
}
/* newsinfo */
.uncenter {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.info h3 {
font-size: 40px;
color: #15287d;
text-align: center;
}

.info .ms {
font-size: 16px;
color: #007cfb;
text-align: center;
line-height: 40px;
}

.info .content {
margin-top: 50rem;
border-top: 1px solid #eeeeee;
padding-top: 50rem;
padding-bottom: 4%;
}

.info .content p {
font-size: 16px;
line-height: 30px;
color: #999999;
margin-bottom: 20px;
}

.pageurl {
height: 80px;
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
}

.pageurl .page {
width: calc((100% - 50px)/2);
}

.pageurl .uppper .iconfont {
transform: rotate(180deg);
margin-right: 10px;
}

.pageurl .return {
width: 23px;
height: 23px;
background-color: #007cfb;
position: relative;
}

.pageurl .return::after,
.pageurl .return::before {
content: "";
width: 23px;
height: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #ffffff;
}

.pageurl .return::before {
transform: translate(-50%, -50%)rotate(90deg);
}

.pageurl .page a {
width: 100%;
}

.pageurl .page.next a {
text-align: right;
margin-right: 10px;
}

.pageurl .page a:hover {
color: #007cfb;
}

@media(max-width:1440px) {
.info h3 {
font-size: 36px;
line-height: 40px;
}
}

@media(max-width:1200px) {
.info h3 {
font-size: 28px;
line-height: 30px;
}
}

@media(max-width:640px) {
.info h3 {
font-size: 24px;
line-height: 28px;
}

.info .content p {
font-size: 14px;
line-height: 26px;
}

.pageurl {
flex-wrap: wrap;
height: auto;
padding: 10px 0;
}

.pageurl .page {
width: 100%;
}

.pageurl .return {
margin: 10px auto;
}
}
/* bestpro */
.bestpro {
background-color: #f7f7f7;
}

.bestpro .box {
flex-wrap: wrap;
margin: 50rem 0;
}

.bestpro .box .item {
width: 31%;
margin-bottom: 20px;
}

.bestpro .box .item .pic {
width: 100%;
aspect-ratio: 10/6;
background: #fff;
}

.bestpro .box .item .name {
line-height: 45px;
margin: 10px 10px 10px 0px;
font-size: 20px;
color: #15287d;
width: calc(100% - 45px);
}

.bestpro .box .item .jiantou {
width: 43px;
height: 43px;
background: url(../images/pro-jt.png) no-repeat center;
margin: 10px 0;
border: solid 2px #f1f2f8;
}

.bestpro .box .item:hover .jiantou {
background-color: #fef22e;
border-color: #fef22e;
}

@media(max-width:875px) {
.bestpro .box .item {
width: 48%;
margin-bottom: 10px;
}
}

@media(max-width:767px) {
.bestpro .inner-tit {
margin-bottom: 20px;
text-align: center;
}
}

@media(max-width:640px) {
.bestpro .box .item {
width: 100%;
}
}

.vser1 {
background: url(../images/n6_bg.png) no-repeat right;
}

.vser1 .box {
margin: 50rem 0;
}

.vser1 .left {
width: 46.5%;
}

.vser1 .right {
width: 46.5%;
}

.vser1 .right .xian {
width: 61px;
height: 3px;
background-color: #007cfb;
}

.vser1 .right .tit {
font-size: 30px;
color: #007cfb;
margin: 30rem 0;
}

.vser1 .right .des {
line-height: 30px;
color: #999999;
}

.vser1 .more {
margin-top: 50rem;
border-radius: 33px;
padding: 19px 10px;
}

.vser1 .more:hover {
background-color: #fef22e;
color: #15287d;
}

.vser2 h2,
.vser3 h2,
.vser4 h2,
.vser5 h2 {
color: #007cfb;
}

@media(max-width:1200px) {
.vser1 .right .tit，.vser2 h2,
.vser3 h2,
.vser4 h2,
.vser5 h2 {
font-size: 24px;
margin: 20rem 0;
}

.vser1 .more {
margin-top: 30rem;
}

.vser1 .right .des {
line-height: 24px;
}

.vser1 .right {
width: 48%;
}
}

@media(max-width:980px) {
.vser1 .box {
flex-wrap: wrap;
}

.vser1 .left,
.vser1 .right {
width: 100%;
}

.vser1 .left {
margin-bottom: 20px;
margin-top: 15px;
}

.vser1 .more {
margin-top: 20px;
}

.why4 .box .item .ico {
width: 50px;
}

.why4 .box .item .ms {
width: calc(100% - 50px);
}
}

@media(max-width:640px) {
.vser1 .right .tit {
margin: 10px 0;
}
}

.vser2 {
background: #f7f7f7;
}

.vser2 .box {
background: url("../images/n6_xian.png")no-repeat top;
margin-top: 50rem;
}

.vser2 .box .item {
width: 13%;
text-align: center;
}

.vser2 .box .item .photo {
height: 80px;
}

.vser2 .box .item .ms {
font-size: 18px;
line-height: 1.667;
}

@media(max-width:1460px) {
.vser2 .box {
background: none;
flex-wrap: wrap;
justify-content: flex-start;
}

.vser2 .box .item {
width: 33.3%;
margin-bottom: 30rem;
}
}

@media(max-width:580px) {
.vser2 .box .item {
width: 48%;
margin-top: 15px;
padding: 0 1%;
}
}

.vser3 .box,
.vser4 .box,
.vser5 .box {
margin-top: 50rem;
}

.vser3 .inner-tit .des,
.vser4 .inner-tit .des,
.vser5 .inner-tit .des {
margin-top: 30rem;
line-height: 30px;
color: #999999;
}

.vser5 .box {
flex-wrap: wrap;
margin-bottom: 50rem;
}

.vser5 .box .item {
width: 220px;
padding: 0 15px;
}

.vser5 .pic {
box-shadow: 0px 0px 18px 2px rgba(7, 0, 2, 0.06);
border-radius: 20px;
border: #fff;
padding: 12px 30px;
display: block;
margin-bottom: 15px;
align-items: center;
}

.vser5 .pic img {
height: 60px;
width: auto;
}

@media(max-width:767px) {
.vser5 .box .item {
width: 33.3%;
padding: 0 10px;
}

.vser5 .pic img {
height: auto;
}

.why4 .box .item .ms {
padding-left: 20px;
}
}

@media(max-width:460px) {
.vser5 .box .item {
width: 50%;
padding: 0 10px;
}

.vser5 .pic img {
height: auto;
}
}

label.error {
color: red !important;
}

#contactFoot label.error {
color: #fff !important;
padding-left: 30px;
}
/* 20220924 */
.w1280 {
margin: 0 auto;
width: 100%;
max-width: 1280px;
}

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

.headfixed .menu-list > ul > li.cur .head-subnav a:hover {
color: #ffffff;
}

.menu-list > ul > li .head-prosubnav {
opacity: 1 !important;
pointer-events: auto !important;
}

.menu-list .head-sublist {
flex-wrap: wrap;
}

.navbox {
position: absolute;
left: 0;
top: 100px;
width: 100%;
overflow: hidden;
height: 0;
filter: alpha(opacity=0);
opacity: 0;
}

.navbox .navbox-abox {
background: #FFF;
border-top: 1px solid rgba(51, 51, 51, 0.1);
/* box-shadow: 0 3px 14px 0 rgb(226, 226, 226, 0.5); */
width: 960px;
}

.navbox .navbox-ali {
flex-wrap: wrap;
padding: 0 25px;
}

.navbox .navbox-a {
width: 25%;
position: relative;
padding: 15px 0px;
}

.navbox .navbox-a:nth-child(1),
.navbox .navbox-a:nth-child(2),
.navbox .navbox-a:nth-child(3),
.navbox .navbox-a:nth-child(4) {
border-bottom: 2px solid #007cfb;
}

.navbox .navbox-a a {
border-right: 1px dotted rgba(0, 0, 0, .3);
display: block;
width: 100%;
}

.navbox .navbox-a:nth-child(4n) a {
border-right: 0px;
}

.navbox .navbox-tit {
font-family: "ArialMT";
font-size: 18px;
color: #333333;
text-align: center;
padding-top: 18px;
padding-bottom: 8px;
line-height: 24px;
}

.navbox .navbox-a:hover .navbox-tit,
.product1 .product1-ul li:hover .product1-font .tit,
.ny-bread a:hover {
color: #007cfb;
}

.navbox .navbox-img {
max-width: 165px;
max-height: 165px;
margin: 0 auto;
}

.navbox .navbox-a:hover .navbox-img img,
.product1 .product1-ul li:hover .product1-img img {
transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}

.navbox .navbox-a:hover {
background: rgba(0, 0, 0, .03);
}

.menu-list ul .pronav h3 a::after {
bottom: 0px;
left: 50%;
transform: translateX(-50%);
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}

.menu-list .pronav.cur h3 a::after,
.menu-list .pronav:hover a::after {
width: 110%;
}

.menu-list > ul > li .head-subnav {
-webkit-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
}

.product1 .product1-font .tit {
font-size: 28px;
color: #000000;
margin-bottom: 10px;
}

.product1 .product1-font .dec {
position: relative;
font-size: 14px;
line-height: 24px;
color: #666666;
padding-left: 18px;
}

.product1 .product1-font .dec::before {
content: "";
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width: 4px;
height: 4px;
background: rgba(0, 0, 0, .5);
border-radius: 50%;
}

.pro1-more {
width: 100px;
line-height: 35px;
background-color: #007cfb;
color: #ffffff;
font-size: 14px;
text-align: center;
margin-right: 10px;
}

.pro1-contact {
width: 120px;
line-height: 35px;
background-color: #f3f3f3;
text-align: center;
font-size: 14px;
color: #999999;
}

.pro1-contacth {
background-color: #007cfb;
color: #ffffff;
margin-top: 30px;
}

.pro1-more em,
.pro1-contact em {
margin-left: 8px;
font-size: 18px;
}

.pro1-more:hover,
.pro1-contact:hover {
background-color: #0944BF;
color: #ffffff;
}

.product1 .product1-ul {
flex-wrap: wrap;
margin-top: 5px;
margin-bottom: 40px;
transform: translateX();
}

.product1 .product1-ul li {
width: 49%;
position: relative;
margin-right: 2%;
margin-top: 2%;
background-color: #ffffff;
border: solid 1px #e3e3e3;
}

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

.product1 .product1-left {
width: 44%;
padding: 0px;
position: relative;
overflow: hidden;
}

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

.product1 .product1-font {
padding: 10%;
border-left: 1px solid #e3e3e3;
}

.product1 .product1-btn {
margin-top: 45px;
}

.headfixed1 {
border-bottom: 1px solid rgba(51, 51, 51, 0.07);
}

.ny-bread1 {
position: relative;
padding: 15px 0;
}

.ny-bread1 a,
.ny-bread1 em {
color: #999999;
font-size: 16px;
}

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

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

.proinfo1 .proinfo1-tpswiper {
width: 100%;
}

.proinfo1 .proinfo1-tpswiper img {
max-width: none;
}

.proinfo1 .proinfo1-tpswiper .swiper-slide,
.proinfo1 .proinfo1-btswiper .swiper-slide {
background-color: #f7f7f700;
width: 100%;
position: relative;
}

.proinfo1 .proinfo1-btswiper .swiper-slide {
background-color: #9e9e9e14;
}

.proinfo1 .proinfo1-tpswiper .swiper-slide {
padding: 0px 20px;
}

.proinfo1 .proinfo1-btswiper {
margin-top: 20px;
}

.proinfo1 .proinfo1-btswiper .swiper-slide {
cursor: pointer;
}

.proinfo1 .proinfo1-btswiper .swiper-slide.active::before {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 4px;
background-color: #007cfb;
}

.proinfo1 .proinfo1-right {
width: 60.5%;
padding-left: 8.5%;
padding-right: 5%;
}

.proinfo1 .swiper-button-next,
.proinfo1 .swiper-button-prev {
top: auto;
bottom: 55px;
display: none;
}

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

.proinfo1 .swiper-button-next {
right: 0px;
}

.proinfo1-tit {
font-size: 36rem;
color: #1e2985;
}

.proinfo1 .proinfo1-dec {
font-size: 16px;
line-height: 2;
height: 450px;
color: #666666;
margin-top: 15px;
overflow-x: hidden;
overflow-y: auto;
}

.proinfo1 .proinfo1-dec span {
color: #999999;
}

.proinfo2 .proinfo2-list {
flex-wrap: wrap;
border-top: 1px solid rgba(51, 51, 51, 0.1);
align-items: flex-start;
}

.proinfo2 .proinfo1-tit {
width: 40%;
}

.proinfo2 .proinfo2-font {
width: 60%;
font-size: 16px;
line-height: 1.875;
color: #666666;
padding-left: 2%;
}

.proinfo3 .proinfo3-tab {
border-top: 1px solid rgba(51, 51, 51, 0.1);
border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.proinfo3 .proinfo3-ul li {
margin-right: 3%;
}

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

.proinfo3 .proinfo3-ul a {
font-size: 16px;
color: #333333;
position: relative;
padding: 25px 0;
display: block;
}

.proinfo3 .proinfo3-ul a::before {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 3px;
background-color: #007cfb;
opacity: 0;
}

.proinfo3 .proinfo3-ul li.active a {
color: #007cfb;
}

.proinfo3 .proinfo3-ul li.active a::before {
opacity: 1;
}

.proinfo3 .proinfo3-imgBox {
position: relative;
margin-top: 15px;
}

.proinfo3 .proinfo3-tit {
font-size: 24px;
color: #ffffff;
width: 100%;
padding: 20px 40px;
background: #007CFB;
position: absolute;
left: 0px;
bottom: 0px;
}

.proinfo3 .proinfo3-ctli {
position: relative;
display: none;
}

.proinfo3 .proinfo3-ctli.show {
display: block;
}

.proinfo4 {
background-color: #f7f7f7;
}

.proinfo4 .proinfo1-tit {
width: calc(100% - 70px);
}

.proinfo4 .pro4-more {
font-size: 18px;
color: #1e2985;
width: 70px;
text-align: right;
}

.proinfo4 .pro4-more:hover {
color: #0944BF;
}

.proinfo4 .product1-ul {
margin-bottom: 0px !important;
}

@media(max-width:1679px) {
.proinfo1-tit {
font-size: 30px;
}
}

@media(max-width:1459px) {
.navbox .navbox-tit {
font-size: 18px;
}

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

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

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

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

.proinfo1 .proinfo1-right {
width: 55%;
padding-left: 5%;
}

.proinfo3 .proinfo3-tit {
font-size: 20px;
padding: 20px;
}

.navbox .navbox-abox {
width: 960px;
}

.navbox .navbox-ali {
padding: 0 20px;
}

.navbox .navbox-img {
max-width: 145px;
max-height: 145px;
}
}

@media(max-width:1366px) {
.product1 .product1-btn {
margin-top: 20px;
}

.product1 .product1-font {
padding: 6% 8%;
}

.product1 .product1-left {
padding: 0px;
}

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

.navbox {
top: 80px;
}
}

@media(max-width:1259px) {
.product1 .product1-ul li {
flex-wrap: wrap;
}

.product1 .product1-left,
.product1 .product1-right {
width: 100%;
}

.product1 .product1-font {
border-left: 0px;
}

.product1 .product1-left {
padding: 6% 8%;
}

.product1 .product1-font {
padding: 8%;
padding-top: 0px;
}

.proinfo1 .proinfo1-dec {
margin-top: 5px;
line-height: 1.875;
}
}

@media(max-width:1100px) {
.product1 .product1-font {
padding: 10%;
padding-top: 0px;
}

.proinfo1 .proinfo1-dec {
height: 300px;
}

.proinfo1 .proinfo1-tpswiper .swiper-slide {
padding: 40px 15px;
}

.proinfo3 .proinfo3-ul li {
margin-right: 6%;
}

.proinfo1-tit {
font-size: 26px;
}
}

@media(max-width:980px) {
.proinfo1 .proinfo1-list {
flex-wrap: wrap;
}

.proinfo1 .proinfo1-left,
.proinfo1 .proinfo1-right,
.proinfo2 .proinfo1-tit,
.proinfo2 .proinfo2-font {
width: 100%;
}

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

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

.proinfo1 .proinfo1-right {
padding: 6% 0 0 0px;
}

.proinfo2 .proinfo2-font {
padding-left: 0px;
margin-top: 15px;
}

.proinfo3 .proinfo3-tit {
font-size: 18px;
padding: 13px 20px;
}
}

@media(max-width:767px) {
.product1 .product1-ul li {
width: 100%;
margin-right: 0px;
margin-top: 20px;
}

.inner-tit h2,
.spcb6 .spcb6-font h2 {
font-size: 28px;
}

.product1 .product1-font {
padding: 0 8% 15% 8%;
}

.proinfo1 .proinfo1-btswiper .swiper-slide.active::before {
height: 2px;
}

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

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

.proinfo1 .proinfo1-right {
padding-top: 10%;
}

.proinfo2 .proinfo2-font {
margin-top: 5px;
}

.proinfo3 .proinfo3-cont {
padding-top: 30px;
}

.proinfo3 .proinfo3-ul a {
padding: 15px 0;
}

.proinfo3 .proinfo3-tit {
font-size: 16px;
}
}
/* 20221010 */
.hsection1 {
position: relative;
overflow: hidden;
}

.hsection1 .hsection1-list {
position: relative;
padding-left: 8.5%;
padding-right: 5.5%;
}

.hsection1 .hsection1-left {
width: 30%;
}

.hsection1 .hsection1-right {
width: 60%;
padding: 10% 0 8% 7%;
position: relative;
}

.hsection1 .hsection1-fontli {
position: relative;
display: none;
}

.hsection1 .hsection1-fontli.active {
display: block;
}

.hsection1 .hsection1-fontli .tit {
font-size: 32rem;
color: #333333;
}

.hsection1 .hsection1-fontli .dec {
font-size: 16px;
line-height: 1.875;
color: #333333;
margin-top: 5px;
}

.hsection1 .hsection1-simg {
width: 140px;
height: 140px;
position: relative;
background: url(../images/had-bgm3.png) no-repeat center;
background-size: cover;
border-radius: 50%;
}

.hsection1 .hsection1-sli.active .hsection1-simg {
background: url(../images/had-hbgm3.png) no-repeat center;
background-size: cover;
box-shadow: 0 19px 24px 0 rgba(79, 140, 251, 0.22);
}

.hsection1 .hsection1-stit {
width: calc(100% - 140px);
font-size: 24px;
color: #15287d;
padding: 0 15px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.hsection1 .in-tit {
text-align: left;
margin-bottom: 7%;
}

.hsection1 .hsection1-fontBox {
margin-bottom: 30%;
}

.hsection1 .hsection1-rleft {
position: relative;
width: 100%;
}

.hsection1 .hsection1-bimg {
width: 590px;
height: 590px;
position: relative;
border-radius: 50%;
}

.hsection1 .hsection1-bimg img {
position: absolute;
top: 10%;
left: 10%;
right: 10%;
bottom: 10%;
margin: auto;
width: 80%;
}

.hsection1 .hsection1-right .swiper-pagination span {
font-family: "DINCondensed-Bold";
font-size: 32px;
line-height: 1.2;
color: #cbcbcb;
display: inline-block;
}

.hsection1 .hsection1-right .swiper-pagination .hsection1-current {
color: #007cfb;
}

.hsection1 .hsection1-right .swiper-pagination .line {
margin: 0 6px;
}

.hsection1 .hsection1-right .swiper-container {
padding-bottom: 60px;
}

.hsection1 .hsection1-simg img {
padding: 25px;
}

.hsection1 .hsection1-sli {
position: absolute;
z-index: 1;
width: 40%;
}

.hsection1 .hsection1-sli:nth-child(1) {
top: 3%;
right: -5%;
}

.hsection1 .hsection1-sli:nth-child(2) {
top: 18%;
right: -15%;
}

.hsection1 .hsection1-sli:nth-child(3) {
top: 34%;
right: -21%;
}

.hsection1 .hsection1-sli:nth-child(4) {
top: 51%;
right: -22%;
}

.hsection1 .hsection1-sli:nth-child(5) {
top: 68%;
right: -16%;
}

.hsection1 .hsection1-sli:nth-child(6) {
top: 83%;
right: -4%;
}

.hsection1 .hsection1-right .swiper-pagination {
width: 67%;
margin: 0 auto;
}

@media(max-width:1659px) {
.hsection1 .hsection1-simg {
width: 110px;
height: 110px;
}

.hsection1 .hsection1-bimg {
width: 500px;
height: 500px;
}
}

@media(max-width:1459px) {
.hsection1 .hsection1-fontli .tit {
font-size: 24px;
}

.hsection1 .hsection1-simg {
width: 100px;
height: 100px;
}

.hsection1 .hsection1-stit {
font-size: 20px;
}

.hsection1 .hsection1-sli:nth-child(1) {
}

.hsection1 .hsection1-sli:nth-child(2) {
top: 16%;
right: -20%;
}

.hsection1 .hsection1-sli:nth-child(3) {
top: 32%;
right: -28%;
}

.hsection1 .hsection1-sli:nth-child(4) {
top: 49%;
right: -30%;
}

.hsection1 .hsection1-sli:nth-child(5) {
top: 65%;
right: -24%;
}

.hsection1 .hsection1-sli:nth-child(6) {
top: 80%;
right: -12%;
}

.hsection1 .hsection1-right .swiper-pagination span {
font-size: 26px;
}

.hsection1 .hsection1-bimg {
width: 500px;
height: 500px;
}
}

@media(max-width:1366px) {
.more span {
width: calc(100% - 37px - 10px);
}

.more em,
.more2 em {
width: 37px;
height: 35px;
line-height: 35px;
}

.more {
font-size: 16px;
width: 210px;
}

.hsection1 .hsection1-simg {
width: 100px;
height: 100px;
}

.hsection1 .hsection1-stit {
width: calc(100% - 100px);
font-size: 18px;
}

.hsection1 .hsection1-list {
padding-left: 4.5%;
padding-right: 4.5%;
}

.hsection1 .hsection1-bimg {
width: 450px;
height: 450px;
}

.hsection1 .hsection1-bimg img {
padding: 30px;
}
}

@media(max-width:1100px) {
.hsection1 .hsection1-list {
flex-wrap: wrap;
background: none !important;
}

.hsection1 .hsection1-left,
.hsection1 .hsection1-right {
width: 100%;
}

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

.hsection1 .in-tit {
margin-bottom: 20px;
}

.hsection1 .hsection1-fontBox {
margin-bottom: 0px;
}

.hsection1 .in-tit,
.hsection1 .hsection1-fontli {
text-align: center;
}

.hsection1 {
padding-bottom: 15%;
}

.hsection1 .more {
position: absolute;
left: 44%;
transform: translateX(-50px);
bottom: -80px;
}

.hsection1 .hsection1-sli:nth-child(1) {
top: 4%;
right: 14%;
}

.hsection1 .hsection1-sli:nth-child(2) {
top: 18%;
right: 5%;
}

.hsection1 .hsection1-sli:nth-child(3) {
top: 34%;
right: 20%;
}

.hsection1 .hsection1-sli:nth-child(4) {
top: 51%;
right: 3%;
}

.hsection1 .hsection1-sli:nth-child(5) {
top: 68%;
right: 8%;
}

.hsection1 .hsection1-sli:nth-child(6) {
top: 83%;
right: 15%;
}

.hsection1 .hsection1-right .swiper-pagination {
width: 52%;
}

.hsection1 .hsection1-bimg {
width: 500px;
height: 500px;
}
}

@media(max-width:980px) {
.hsection1 .hsection1-simg {
width: 70px;
height: 70px;
}

.hsection1 .hsection1-stit {
/* display: none; */
width: calc(100% - 70px);
font-size: 16px;
}

.hsection1 .hsection1-bimg {
width: 400px;
height: 400px;
}

.hsection1 .hsection1-simg img {
padding: 15px;
}

.hsection1 .more {
bottom: -50px;
}

.hsection1 .hsection1-right .swiper-pagination span {
font-size: 22px;
}

.hsection1 .hsection1-right .swiper-pagination {
width: 55%;
}

.hsection1 .hsection1-sli:nth-child(1) {
top: 4%;
right: 20%;
}

.hsection1 .hsection1-sli:nth-child(6) {
top: 83%;
right: 21%;
}

.hsection1 .more {
left: 42%;
}

.hsection1 {
padding-bottom: 18%;
}
}

@media(max-width:767px) {
.hsection1 .hsection1-right {
flex-wrap: wrap;
}

.hsection1 .hsection1-right .swiper-pagination {
width: 100%;
}

.more {
width: 160px;
font-size: 14px;
}

.more span {
width: calc(100% - 26px - 10px);
}

.more em,
.more2 em {
width: 26px;
height: 26px;
line-height: 26px;
}

.more2 span {
font-size: 16px;
}

.hsection1 {
padding-bottom: 30%;
}

.hsection1 .hsection1-bimg {
width: 320px;
height: 320px;
margin: 0 auto;
}

.hsection1 .hsection1-sli {
position: static;
width: 25%;
margin-top: 20px;
}

.hsection1 .hsection1-right .swiper-container {
padding-bottom: 40px;
}

.hsection1 .hsection1-stit {
display: none;
}

.hsection1 .hsection1-rright {
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}

.hsection1 .hsection1-simg {
margin: 0 auto;
}

.hsection1 .hsection1-right {
padding: 20px 0 40px 0;
}
}

@media(max-width:320px) {
.hsection1 .hsection1-bimg {
width: 280px;
height: 280px;
}
}

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

@media screen and (max-width:1259px) {
.why4h-ryzz li {
margin: 5px;
}

.why4h-ryzz li p {
font-size: 16px;
line-height: 20px;
/* margin-top: 10px; */
/* border-top: 1px solid #9e9e9e; */
padding: 15px;
background-color: #f2faff94;
}
}

@media screen and (max-width:767px) {
.why4h-ryzz li {
margin: 5px;
width: 50%;
}
}

.pcvideo {
position: relative;
}

.pcvideo .pub-pbanner {
}

.pcvideo video {
position: absolute;
top: -50%;
left: 0;
width: 100%;
height: 200%;
}

.sypl {
position: relative;
}

.sypl .swiper-button-prev,
.sypl .swiper-button-next {
background: url(../images/jb4.png) no-repeat center center;
width: 42px;
height: 42px;
background-size: 42px;
}

.sypl .swiper-button-prev:hover,
.sypl .swiper-button-next:hover {
background: url(../images/jb2.png) no-repeat center center;
width: 42px;
height: 42px;
background-size: 42px;
}

.sypl .swiper-button-prev {
left: -3%;
transform: rotate(180deg);
}

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

@media screen and (max-width:767px) {
.pcvideo {
display: none;
}
}
/* 20221116 */
.jqzoom {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
width: 100%;
height: 100%;
}

.jqzoom::before {
content: "";
position: absolute;
right: 10px;
bottom: 10px;
width: 30px;
height: 30px;
background: url(../images/fdj.png) no-repeat center;
background-size: cover;
}

.zoomdiv {
z-index: 18;
position: absolute;
top: 0;
left: 0;
width: 400px;
height: 400px;
background: #ffffff;
border: 1px solid #e4e4e4;
text-align: center;
overflow: hidden;
}

.jqZoomPup {
z-index: 3;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
border: 1px solid #aaa;
background: 50% top no-repeat #ffffff;
opacity: .5;
-moz-opacity: .5;
-khtml-opacity: .5;
filter: alpha(Opacity=60);
cursor: move;
}

.spec-preview .bigimg {
width: 800px;
}

.spec-preview {
width: 100%;
height: 100%;
display: flex;
align-items: center;
border: 1px solid rgb(217 217 217);
background-color: rgb(217 217 217 / 25%);
}

.spec-scroll {
clear: both;
margin-top: 5px;
width: 100%;
}

.spec-scroll .prev {
float: left;
margin-right: 4px;
}

.spec-scroll .next {
float: right;
}

.spec-scroll .prev, .spec-scroll .next {
display: block;
font-family: "宋体";
text-align: center;
width: 10px;
height: 54px;
line-height: 54px;
border: 1px solid #CCC;
background: #EBEBEB;
cursor: pointer;
text-decoration: none;
}

.spec-scroll .items {
float: left;
position: relative;
width: 100%; /* height: 160px; */
overflow: hidden;
}

.spec-scroll .items img {
width: 100%;
height: 100%; /* padding: 25px 12px; */
cursor: pointer;
}

@media screen and (max-width:1459px) {
.spec-scroll .items {
height: 130px;
}
}

@media screen and (max-width:1259px) {
.proinfo1 .proinfo1-left,
.proinfo1 .proinfo1-right {
width: 50%;
}

.proinfo1 .proinfo1-right {
padding-right: 0px;
}
}

@media screen and (max-width:1100px) {
.proinfo1 .proinfo1-list {
flex-wrap: wrap;
}

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

.proinfo1 .proinfo1-left {
width: 70%;
margin: 0 auto;
}

.spec-scroll .items {
height: auto;
}

.proinfo1 .proinfo1-right {
padding-left: 0px;
margin-top: 35px;
}

.proinfo1 .proinfo1-tpswiper img {
max-width: 100%;
}

.zoomdiv,
.jqZoomPup,
.jqzoom::before {
display: none !important;
}
}

@media screen and (max-width:980px) {
.proinfo1 .proinfo1-left {
width: 100%;
}
}

@media screen and (max-width:767px) {
.spec-scroll .items img {
padding: 15px 10px;
}

.proinfo1 .proinfo1-tpswiper {
height: 250px;
}

.proinfo1 .proinfo1-right {
margin-top: 0px;
}
}

.factory1-img {
}

.factory1-p {
text-align: center;
font-size: 16px;
margin-top: 15px;
line-height: 24px;
}

.pro-des {
}

.pro-des p {
display: none;
}

.pro-des p:nth-child(1), .pro-des p:nth-child(2), .pro-des p:nth-child(3), .pro-des p:nth-child(4) {
display: block;
font-size: 14px;
}


.pro-des p {
position: relative;
font-size: 14px;
line-height: 24px;
color: #666666;
padding-left: 18px;
}

.pro-des p::before {
content: "";
position: absolute;
top: 50%;
left: 0px;
transform: translateY(-50%);
width: 4px;
height: 4px;
background: rgba(0, 0, 0, .5);
border-radius: 50%;
}


.fold1-dec-a {
margin-bottom: 30px;
margin-top: 20px !important;
}

.fold1-dec-a h5 {
font-size: 24px;
color: #027dfb;
font-weight: bold;
line-height: 32px;
}

.fold1-dec-a-k h5 {
margin-bottom: 15px;
}

.fold1-dec-a p {
margin-top: 0px !important;
/* color: black; */
}

.fold1-dec-a img {
display: inline-block;
}

.fold1-dec-a-k {
float: left;
width: 31.333%;
margin: 0 1%;
box-shadow: 0px 0px 18px 0px rgb(190 190 190 / 34%);
padding: 1%;
}

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

.fold1-dec-a-k {
width: 98%;
margin: 1%;
margin-bottom: 20px;
padding: 15px;
}

.fold1-dec-a h5 {
font-size: 20px;
}
}


.contact2-map {
position: relative;
}

.contact2-map img {
}

.contact2-map img {
opacity: 0;
}

.contact2-map iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}


.sq-vr {
position: fixed;
right: 0%;
bottom: 20%;
z-index: 999;
/* background: url(../images/vr2.png); */
/* background-size: cover; */
}

.sq-vr-img {
}

.sq-vr-img img {
width: 120px;
background-color: white;
}

.sq-vr-ms {
}

.sq-vr-ms p {
position: absolute;
top: 40%;
text-align: center;
width: 100%;
font-size: 22px;
color: #0000006b;
font-weight: bold;
}

.sq-vr-ms {
width: 102px;
height: 90px;
padding: 60px 0 0;
margin: 0 auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 19%;
text-align: center;
background: url(../images/circle2_03.png)no-repeat center;
background-size: 100% 100%;
cursor: pointer;
}

.sq-vr-ms::before {
position: absolute;
content: "";
width: 80px;
height: 80px;
background: url(../images/circle1_03.png)no-repeat center;
background-size: 100% 100%;
left: 12px;
top: 10px;
animation: myfirst 10s linear infinite;
}

.sq-vr-bg {
width: 100%;
width: 320px;
position: relative;
/* height: 150px; */
}

.sq-vr-bg::before {
content: "";
position: absolute;
width: 100%;
left: 0;
background-color: rgb(0 0 0 / 10%);
top: 0;
height: 100%;
}

.sq-vr-bg img {
width: 100%;
height: 100%;
}

.sq-vr-bg2 {
position: absolute;
width: 100%;
left: 0;
/* background-color: rgb(0 0 0 / 26%); */
top: 0;
height: 100%;
}

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

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

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

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

.sq-vr-ms:hover p {
color: black;
}

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

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

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

.btn-vr {width: 50px;
    height: 30px;
    border-radius: 15px;
    background-color:#CCC; line-height:30px;}

.btn-vr p {
}

.btn-vr p img {width: 47px;}


@media screen and (max-width: 767px) {
.sq-vr {
display: none;
}

.btn-vr {
}

.btn-vr p {
}

.btn-vr p img {
width: 36px;
}
}