body{overflow-x: hidden;}
html{font-size: 10px;}
.container {padding-left: 0;padding-right: 0;}
header{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;}
.head_layout{display: flex;justify-content: space-between;height: 97px;}
.head_layout .logo {width: 150px;}
.head_layout .logo a{width: 100%;height: 100%;display: flex;align-items: center;}
.head_layout .head_flex{display: flex;align-items: center;}
.head_layout .erweima{width: 30px;height: 30px;cursor: pointer;position: relative;}
.head_layout .erweima img{width: 100%;height: 100%;object-fit: cover;}
.head_flex{position: relative;}
.head_flex .btn1{
.cnosbots{
position: absolute;
left: -42px;
background:#fff;
border-radius: 5px;
top: 40px;
background: #f2f6f9;
padding: 0 15px;
display: none;
/*opacity: 0;*/
/*transition:.5s ease-in-out;*/
&.on{
opacity: 1;
/*transform:translate(-50%,0);*/
/*transition:.5s ease-in-out;*/
}
&:before{
width:10px;
content:"";
position: absolute;
height: 6px;
top: -6px;
left: 0;
right: 0;
margin:auto;
background:url(../images/i15.png) no-repeat center;
background-size: 100%;
}
}
}
.head_flex .erweima{
.erweima-bots{
width: 116px;
padding: 10px;
background:#f2f7fb;
display: none;
justify-content: space-between;
}
.li{
font-size: 12px;
width: 96px;
color:#333333;
display: block;
line-height: 1;
transition:.5s ease-in-out;
float: left;
line-height: 1;
font-size: 14px;
color:#999999;
text-align: center;
.span{
margin-top: 10px;
}
}
&::after{
content:"";
position: absolute;
height: 12px;
width: 100%;
bottom: -12px;
left: 0;
background:transparent;
}
&:hover .erweima-bots{
display: flex;
}
}
.head_layout .langChoice{position: relative;line-height: 28px;margin-left: 46px;margin-right: 46px;cursor: pointer;display: flex;align-items: center;color: #fff;}
.head_layout .langChoice dt{line-height: 28px;font-weight: normal;color: #fff;font-size: 20px;}
header.active .head_layout .langChoice dt .txt{color: #333;}
.head_layout .langChoice dd{position: absolute;width: 103px;background: #fff;z-index: 10;text-align: center;line-height: 30px;border: 1px #ddd solid;border-bottom: none;display: none;left: 0;top: 100%;max-height: 400px;overflow-y: scroll;z-index: 99;color: #333;}
.head_layout .langChoice dd a{display: block;width: 100%;border-bottom: 1px #ddd solid;}
.head_layout .langChoice dd a:hover{text-decoration: none;background: #f5f5f5;}
.head_layout .btn--search {width: 30px;height: 30px;cursor: pointer;position: relative;}
header.active .head_layout .btn--search{display: none;}
.head_layout .btn--search i{font-size: 22px;color: #fff;position: absolute;top: -5px;left: 0;}
.head_layout .btn--search:hover i{display: none;}
.head_layout .btn--search::after, .head_layout .btn--search::before {display: inline-block;width: 100%;height: 100%;background-image: url("../images/web_icon.jpg");background-position: 0px 0px;background-repeat: no-repeat;content: "";vertical-align: top;transition: all 0.3s ease 0s;}
.head_layout .btn--search::before {background-position: -26px 0px;}
.head_layout .btn--search::after {position: absolute;top: 0px;left: 0px;opacity: 0;transform: scale(0.6) translateY(60%);}
.head_layout .btn--search:hover::after {background-position: 0px -27px;opacity: 1;transform: none;}
.head_layout .btn--search:hover::before {opacity: 0;transform: scale(0.6) translateY(-60%);}
/* 搜索 */
.search-ipt {
border: 0px;
border-radius: 0px;
background: transparent;
appearance: none;
}
.web-search {
display: flex;
visibility: hidden;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
}
.web-search .btn--search-close {
position: absolute;
top: 1.25em;
right: 1.25em;
width: 45px;
height: 45px;
border-radius: 50%;
background-color: rgb(204, 204, 204);
background-image: url("../images/search_btn_close.jpg");
background-position: center center;
background-repeat: no-repeat;
font-size: 1.8em;
line-height: 45px;
cursor: pointer;
transition: transform 0.3s ease 0s;
background-size: auto 35%;
}
@keyframes bounceInA {
0%, 100%, 20%, 40%, 60%, 80% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.web-search .btn--search-close:hover {
background-color: #044393;
transform: rotate(90deg);
}
.btn--search-close {
display: block;
}
.web-search .search-ipt {
display: inline-block;
box-sizing: border-box;
padding: 0.05em 0px;
width: 75%;
border-bottom: 3px solid;
color: rgb(51, 51, 51);
font-size: 20px;
font-family: inherit;
line-height: 1em;
}
.web-search .search-ipt::-webkit-input-placeholder {
color: rgb(51, 51, 51);
font-weight: bold;
font-size: 60px;
}
.web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {
appearance: none;
}
.web-search .search-attr {
display: block;
margin: 0px auto;
padding: 0.85em 0px;
width: 75%;
color: rgb(51, 51, 51);
text-align: right;
font-size: 90%;
}
.container, .web-search .search-ipt {
transition: all 0.3s ease-in-out 0s;
}
.container {
position: relative;
}
.main-wrap--move {
min-height: 100vh;
transform: translateY(180px);
}
.main-wrap--move::after {
position: fixed;
top: 0px;
left: 0px;
z-index: 100000;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
content: "";
}
.web-search {
pointer-events: none;
}
.web-search {
position: fixed;
top: 0px;
left: 0px;
z-index: 100001;
margin: auto;
padding: 25px 0px;
width: 100%;
background-color: rgb(255, 255, 255);
transition: all 0.3s ease 0s;
transform: translateY(-100%);
perspective: 1200px;
}
.web-search .btn--search-close {
opacity: 0;
transition: opacity 0.3s ease 0s;
}
.search__suggestion, .web-search .search-attr {
opacity: 0;
transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
transform: translate3d(-15%, 0px, 0px);
}
.web-search .search-attr {
padding-bottom: 0px;
font-size: 20px;
}
.web-search .search-ipt {
padding: 0px 0px 15px;
text-transform: uppercase;
font-weight: bold;
font-size: 60px;
opacity: 0;
transform: scale3d(0, 1, 1);
transform-origin: 0% 50%;
border-bottom-width: 1px;
}
.web-search .search-ipt, .web-search .search-attr {
transition-delay: 0.15s;
}
.web-search .search-btn {
display: none !important;
}
.search--open {
visibility: visible;
opacity: 1;
pointer-events: auto;
}
.search--open .btn--search-close {
opacity: 1;
transition: transform 0.3s ease 0s;
animation: 1s ease 0s 1 normal none running bounceInA;
}
.search--open .search-ipt {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.search--open .search-attr {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
.search--open {
transform: none;
}
.search--open::before {
opacity: 1;
transform: none;
}
nav{position: fixed;bottom: 51px;left: 0;z-index: 99;width: 100%;}
nav ul{display: flex;height: 80px;background: #FFF;}
nav ul li:first-child{width: 80px;border-right: 1px solid rgba(0, 72, 136, 0.15);}
nav ul li:not(:first-child){width: calc((100% - 80px) / 6);}
nav ul li a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #333;font-size: 16px;position: relative;}
nav ul li a::after{content: "";display: none;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;background: #004888;transition: all 0.3s ease 0s;}
nav ul li a i{color: #0054AA;font-size: 22px!important;}
nav ul li.active a::after{display: block;}
/* PAGE-MENU */
.fullnavr {
position: fixed;
top: 50%;
z-index: 1;
webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
transform: translate(0%, -50%);
left: 0px;
}
#pagemenu {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
position: relative;
z-index: 1005;
padding: 10px 0px;
}
#pagemenu li {
position: relative;
width: 79px;
}
#pagemenu li a {
width: 79px;
padding-left: 50px;
height: 20px;
color: #333;
font-size: 14px;
display: inline-block;
transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
-webkit-transition: all 1s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
position: relative;
}
#pagemenu li a:after {
width: 20px;
height: 1px;
background-color: #333;
position: absolute;
left: 20px;
top: 10px;
content: "";
-moz-border-radius: 100%;
/* Gecko browsers */
-webkit-border-radius: 100%;
/* Webkit browsers */
border-radius: 100%;
/* W3C syntax */
transition:all ease 0.5s;
}
#pagemenu li a .s1 {
line-height: 20px;
display: inline-block;
text-align: center;
overflow: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(90%);
-ms-transform: translateX(90%);
-o-transform: translateX(90%);
transform: translateX(90%);
/* transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
-webkit-transition: transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; */
width: 60px;
text-align: left;
}
.fullnavr #pagemenu li.active a:after {
width: 40px;left: 0;
}
.fullnavr #pagemenu li.active a .s1 {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
#pagemenu li a.white{color: #fff;}
#pagemenu li a.white:after{background-color: #fff;}
#pagemenu li a.disnone {
display: none;
}
.fullnavr #pagemenu li.active a .disnone,
.fullnavr #pagemenu li.active a:hover .disnone,
.fullnavr #pagemenu li a:hover .disnone {
display: block;
text-decoration: none;
}
img{transition: all 0.3s linear 0s;}
.imgBox{overflow: hidden;}
.imgBox img:hover{transform: scale(1.1);}
.banner .banner_container{height: 100%;width: 100%;}
.banner .swiper-slide .container{height: 100%;}
.banner .swiper-slide h2{opacity: 0;transform: translateY(40px);transition: all ease 2s .5s;height: 100%;color: #fff;font-size: 48px;font-weight: 700;text-align: center;display: flex;align-items: center;justify-content: center;}
.banner .swiper-slide-active h2{opacity: 1;transform: translateY(0px);}
.banner .buttton_box{margin-top: -14%;}
.banner .banner-prev,.banner .banner-next{background-image: none;width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.60);user-select: none;}
.banner .banner-prev:hover,.banner .banner-next:hover{background: #424242;}
.banner .banner-prev i,.banner .banner-next i{color: #525252;font-size: 26px;}
.banner .banner-prev:hover i,.banner .banner-next:hover i{color: #fff;}
.banner .banner-prev{left: 0;}
.banner .banner-next{left: 58px;}
.banner .swiper-pagination{bottom: 130px;}
.banner .swiper-pagination span{color: #333;font-size: 18px;font-weight: 700;}
.ind_products{background: url(../images/ind_products_bg.png) no-repeat center center;background-size: cover;}
.ind_products .container{height: 100%;}
.ind_products .swiperPro2{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
.ind_products .swiperPro2 .swiper-slide{transform: scale(0.8);transition: 300ms;}
.ind_products .swiperPro2 .swiper-slide-active{transform: scale(1);}
.ind_products .swiperPro2 a{display: block;width: 100%;height: 290px;background: rgba(255, 255, 255, 0.94);}
.ind_products .swiperPro2 a .imgBox{width: 100%;height: 80%;display: flex;align-items: center;justify-content: center;}
.ind_products .swiperPro2 a .txtBox{width: 100%;height: 46px;padding: 0 10px; text-align: center;line-height: 46px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ind_products .swiper-button-prev2,.ind_products .swiper-button-next2{width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.28);user-select: none;}
.ind_products .swiper-button-prev2 i,.ind_products .swiper-button-next2 i{color: #fff;font-size: 22px;}
.ind_products .swiper-button-prev2{left: -60px;}
.ind_products .swiper-button-next2{right: -60px;}
.ind_about{padding-top: 170px;background: #0152A5!important;}
.ind_about .container{display: flex;}
.ind_about .txtBox{width: 57%;padding-right: 190px;}
.ind_about .txtBox h2{color: #fff;font-size: 48px;}
.ind_about .txtBox .txt{color: #fff;margin-top: 33px;overflow: hidden;}
.ind_about .txtBox ul{margin-left: -55px;margin-top: 28px;margin-bottom: 60px;}
.ind_about .txtBox ul li{width: 33.33%;float: left;text-align: center;position: relative;}
.ind_about .txtBox ul li .isnum{font-size: 40px;font-weight: 700;color: #fff;}
.ind_about .txtBox ul li .istxt{color: #fff;font-size: 20px;}
.ind_about .txtBox ul li:last-child{padding-left: 30px;}
.more{width: 172px;height: 50px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 25px;cursor: pointer;margin-top: 40px;}
.more .txt1{color: #004888;margin-right: 37px;}
.more .iconBox{width: 28px;height: 28px;display: flex;align-items: center;transition: all .5s;justify-content: center;background: #0054AA;border-radius: 50%;}
.more .iconBox i{font-size: 12px;color: #fff;}
.more:hover .iconBox{transform: translateX(-10px);}
.ind_about .imgBox{width: 43%;height: 374px;margin-top: 50px;}
.ind_about .imgBox img{width: 100%;height: 100%;object-fit: cover;}
.ind_search{width: 100%;position: relative;height: 100vh;}
.ind_search .contentBox{width: 100%;height: 100%;position: relative;z-index: 0;padding-top: 0;}
.ind_search .mySwiper2{position: relative;height: 100%;overflow: hidden;}
.ind_search .mySwiper2 .swiper-wrapper {
display: flex; /* 确保弹性布局稳定 */
}
.ind_search .mySwiper2 .swiper-slide{width: 100%;height: 100%;position: relative;}
.ind_search .mySwiper2 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.ind_search .mySwiper_bus{width: 722px;background: #fff;position: absolute;right: 11.9%;bottom: 214px;z-index: 3;overflow: hidden;padding: 62px 0 80px 89px;}
.ind_search .mySwiper_bus .middle_slide{margin-top: 37px;margin-bottom: 60px;}
.ind_search .mySwiper_bus .middle_slide h2{font-size: 30px;font-weight: 500;margin-bottom: 31px;}
.ind_search .mySwiper_bus .middle_slide p{padding-right: 108px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ind_search .mySwiper_bus .more{background: #0054AA;}
.ind_search .mySwiper_bus .more .txt1{color: #fff;}
.ind_search .mySwiper_bus .more .iconBox{background: #fff;}
.ind_search .mySwiper_bus .more .iconBox i{color: #0054AA;}
.ind_search .mySwiper_bus .swiper-button-next,.ind_search .mySwiper_bus .swiper-button-prev{width: 79px;height: 79px;opacity: 1;position: absolute;bottom: 0;background-image: none;display: flex;align-items: center;justify-content: center;background: #0054AA;}
.ind_search .mySwiper_bus .swiper-button-next i,.ind_search .mySwiper_bus .swiper-button-prev i{color: #fff;font-size: 24px;}
.ind_search .mySwiper_bus .swiper-button-next{right: 0;top: auto;}
.ind_search .mySwiper_bus .swiper-button-prev{right: 79px;top: auto;left: auto;}
.ind_search .mySwiper_bus .swiper-button-next:hover,.ind_search .mySwiper_bus .swiper-button-prev:hover{opacity: 0.9;}
.ind_search .mySwiper_bus .swiper-pagination{bottom: auto;top: 63px;right: 0;text-align: right;width: 95%;}
.ind_search .mySwiper_bus .swiper-pagination .swiper-pagination-current{font-size: 48px;color:#3b3b3b;}
.ind_search .mySwiper_bus .swiper-pagination .swiper-pagination-total{font-size: 36px;color:#000;font-weight: bold;}
/* 确保所有 slide 宽度一致，不随 active 状态改变 */
.ind_search .mySwiper2 .swiper-slide {
width: 75% !important; /* 1 / 1.334 ≈ 0.75，强制设定宽度比例 */
height: 100%;
transition: transform 0.3s; /* 增加平滑度 */
}
/* 确保容器不会因为计算误差产生抖动 */
.ind_search .mySwiper2 .swiper-wrapper {
transition-timing-function: linear !important;
}
/* 文字进入时的向上微动效果 */
.ind_search .mySwiper_bus .middle_slide {
transform: translateY(10px); /* 默认下移 */
transition: all 0.6s ease;
opacity: 0;
}
/* 当 Slide 激活时，回到原位并显示 */
.ind_search .mySwiper_bus .swiper-slide-active .middle_slide {
transform: translateY(0);
opacity: 1;
}
.ind_news{padding-top: 222px;background: #F0F6FF!important;}
.ind_news .container{display: flex;}
.ind_news .item1{width: 270px;}
.ind_news .item1 h2{color: #333;font-size: 48px;}
.ind_news .item1 h3{margin-top: 128px;margin-bottom: 161px;font-size: 24px;color: #333;}
.ind_news .item1 .more{background: #0054AA;}
.ind_news .item1 .more .txt1{color: #fff;}
.ind_news .item1 .more .iconBox{background: #fff;}
.ind_news .item1 .more .iconBox i{color: #0054AA;}
.ind_news .item2{width: calc(100% - 270px);padding-left: 110px;}
.ind_news .item2 ul{display: flex;justify-content: space-between;}
.ind_news .item2 ul li{width: 48%;}
.ind_news .item2 ul li .imgBox{width: 100%;height: 270px;display: block;}
.ind_news .item2 ul li .imgBox img{width: 100%;height: 100%;object-fit: cover;}
.ind_news .item2 ul li:nth-child(n+3){display: none;}
.ind_news .item2 ul li .p1{margin-top: 29px;margin-bottom: 18px;color: #666;}
.ind_news .item2 ul li .newsDetailsBox{
padding-bottom: 28px;
border-bottom: 1px solid rgba(0, 0, 0, 0.19);
}
.ind_news .item2 ul li .newsDetails{width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.ind_news .item2 ul li .more{margin-top: 25px;background: transparent;}
.ind_news .item2 ul li .more .txt1{color: #666;margin-right: 15px;}
.ind_news .item2 ul li .more .iconBox{background: #666;width: 20px;height: 20px;}
.ind_news .item2 ul li .more .iconBox i{color: #fff;font-size: 12px;}
.ind_news .item2 ul li .more:hover{background: #0054AA;}
.ind_news .item2 ul li .more:hover .txt1{color: #fff;}
.ind_news .item2 ul li .more:hover .iconBox{background: #fff;}
.ind_news .item2 ul li .more:hover .iconBox i{color: #0054AA;}
/* 关于我们 */
.nei_ban{height: calc(55vh - 80px);}
.nei_ban img{width: 100%;height: 100%;object-fit: cover;}
.nei_ban .container{margin-top: -176px;font-size: 64px;color: #fff;font-weight: 700;}
.wrapper nav{position: static;}
.about1{padding-top: 60px;padding-bottom: 100px;}
.about1 .contentBox{display: flex;}
.about1 .contentBox .txtBox{width: 57%;padding-right: 140px;padding-top: 13px;}
.about1 .contentBox .txtBox h2{color: #454545;font-size: 48px;font-weight: 700;}
.about1 .contentBox .txtBox p{margin-top: 53px;line-height: 34px;}
.about1 .contentBox .imgBox{width: 43%;height: 500px;}
.about1 .contentBox .imgBox img{width: 100%;height: 100%;object-fit: cover;}
.about1 ul{margin-top: 64px;display: grid;grid-template-columns: repeat(4, 1fr);gap: 0 20px;}
.about2{
padding-top: 100px;margin-top:50px;
padding-bottom: 115px;
color:#fff;
h2{color: #fff;text-align: center;font-weight: 700;font-size: 48px;margin-bottom: 113px;}
.abouts-wen{
color:rgba(255,255,255,.6);
}
.about2-lists{
height: auto;
position: relative;
.swiper-container,.swiper-wrapper,
.swiper-slide{
height: 100%;
}
.btnds{
width: 70px;
height: 70px;
border:1px solid rgba(255,255,255,.4);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin:0;
top: 18px;
bottom: 0;
margin: auto;
transition:.5s ease-in-out;
background-image: none;
user-select: none;
&:hover{
transition:.5s ease-in-out;
border-color:color;
}
}
.btnds i{font-size: 28px;}
.swiper-button-prev{
left: -72px;
}
.swiper-button-next{
right: -72px;
}
.swiper-container{
padding: 10px 70px;
height: 520px;
position: relative;
&:before{
position:absolute;
content:"";
width: 200%;
height: 1px;
top: 0;
bottom: 0;
left: -50%;
margin: auto;
background:rgba(255,255,255,.4);
}
}
.swiper-slide{
position: relative;
padding-left: 23px;
left: 0;
.wens{
line-height: 1.6;
margin-top: 5px;
font-size: 15px;
}
.time{
line-height: 1;
font-size: 24px;
margin-bottom: 10px;
}
&:before{
position:absolute;
content:"";
width: 1px;
height: calc(50% - .175rem);
left: 0;
background:rgba(255,255,255,.4);
}
&:after{
position:absolute;
content:"";
width: 5px;
height: 5px;
left: -2px;
border-radius: 50%;
background:rgba(255,255,255,1);
}
&:nth-child(2n+1){
.items{
top: 0;
}
&:after{
top: -2px;
}
&:before{
top: 0;
}
}
&:nth-child(2n+2){
.items{
bottom: 0;
}
&:after{
bottom: -2px;
}
&:before{
bottom: 0;
}
}
}
.items{
overflow-y:auto;
position: absolute;
margin-top: -.35rem;
}
}
}
.about3{padding-top: 160px;padding-bottom: 150px;position: relative;}
.about3 .txtBox{width: 48%;}
.about3 .txtBox li{display: flex;align-items: center;height: 100px;padding-left: 26px;border-radius: 4px;transition: all .3s ease-in-out;cursor: pointer;}
.about3 .txtBox li i{font-size: 28px;color: #004888;margin-right: 25px;transition: all .3s ease-in-out;}
.about3 .txtBox li h3{color: #333;font-size: 24px;width: 98px;margin-right: 16px;transition: all .3s ease-in-out;}
.about3 .txtBox li p{transition: all .3s ease-in-out;}
.about3 .txtBox li:hover{background: #0054AA;}
.about3 .txtBox li:hover i,.about3 .txtBox li:hover h3,.about3 .txtBox li:hover p{color: #fff;}
.about3 .imgBox1{width: 49%;height: 483px;position: absolute;right: 0;top: 227px;overflow: visible;background: url(../images/about3_bg.png) no-repeat center center;background-size: cover;}
.about3 .imgBox2 img{position: relative;top: -119px;left: 0;}
.about6{padding-top: 111px;padding-bottom: 106px;background: #F5F5F5;}
.about3_sw ul {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;width: auto;margin-left: -40px;}
.about6 .tit{color: #454545;font-size: 48px;font-weight: 700;text-align: center;margin-bottom: 68px;}
.about3_sw ul li {padding: 0 40px;}
.about3_swLis{transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;position: relative;display: flex;align-items: center;justify-content: center;background: #fff;height: 450px;width: 114%;}
.about3_sw ul.shot li .about3_swLis{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}
.about3_sw {position: relative;overflow: hidden;}
.about3_sw ul{overflow: hidden;}
.about3_pagi {width: 100%;position: relative;border-bottom: 1px #ddd solid;margin-top: 30px;}
.about3_pagi h2 {margin: 0 0 15px;color: #333;font-size: 18px;line-height: 1.2;text-transform: capitalize;}
.ab3_pagLine {width: 100%;background: #a7a7a7;background: rgba(255, 255, 255, 0.3);height: 1px;height: .15rem;position: relative;}
.ab3_pagLine span {position: absolute;width: 0;height: 3px;top: 0;left: 0;background: linear-gradient(90deg, #194492 0%, #37A597 100%);transition:0.2s;}
.ab3_img img{width: auto;max-width: initial;max-height: initial}
/* 产品中心 */
.crumbs{background: #f6f6f6;}
.crumbs p{text-align: center;padding: 20px 0;color: #666;}
.classify ul li{line-height: 32px;border-top: 1px #dedede dotted;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-top: 10px;}
.classify ul li > a{display: inline-block;width: 100%;font-size: 16px;padding-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.classify ul li > a i{position: absolute;right: 10px;font-size: 14px;color: #999;}
.twoMenu_l{display: none;}
.twoMenu_l h5 a{font-size: 15px;display: inline-block;width: 100%;padding-right: 40px;overflow: hidden;
text-overflow: ellipsis;white-space: nowrap;line-height: 30px;}
.twoMenu_l {background: #eef7f3;padding:10px;}
.thrMenu_l h5 a{position: relative;padding-left: 20px;color: #0353A5;}
.thrMenu_l h5 a::before{position: absolute;content: "";display: inline-block;width: 6px;height: 6px;border-radius: 100%;background: #0353A5;left: 5px;top: 13px;}
.classify ul li.active > a{color: #0353A5;}
.contentBox{padding-top: 50px;}
.contentBox .container{display: flex;}
.classify {background: #fff;}
.contentL{width: 250px;}
.contentR{width: calc(100% - 250px);padding-left: 50px;}
.lTit{padding-left: 10px;background: #0353A5;color: #fff;font-weight: normal;font-size: 18px;line-height: 33px;}
.product-lastest-products{margin-top: 40px;}
.product-lastest-products ul {padding: 20px 0;}
.product-lastest-products ul li {padding: 10px;height: 104px;width: 100%;display: flex;align-items: center;transition: all .3s ease;}
.product-lastest-products ul li .product-name {flex: 1;}
.product-lastest-products ul li .product-name a {font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product-lastest-products ul li .product-img {height: 90px;width: 105px;overflow: hidden;}
.product-lastest-products ul li .product-img a{display: flex;align-items: center;justify-content: center;height: 100%;}
.product-lastest-products ul li .product-img img {transition: .3s all ease;width: 100%;}
.product-left-title {font-size: 16px;display: flex;justify-content: center;align-items: center;width: 100%;height: 45px;background: #0f9751 ;color: #fff;}
.product-left-cu ul li {font-size: 12px;color: #838383;}
.product-item-btn {text-align: center;transition: .5s all ease;display: flex;justify-content: center;align-items: center;width: 120px;height: 36px;background: #7f7f7f;margin-left: 10px;}
.product-item-btn a i {display: inline-block;font-size: 14px;color: #333;position: relative;z-index: 14;}
.product-item-btn a {
font-size:16px;
width: 120px;
height: 36px;
line-height: 36px;
transition:.3s all ease-out;
display:inline-block;
position:relative;
overflow:hidden;
position:relative;
z-index:9;
}
.product-item-btn a:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;
transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;
-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:#0353A5 }
.product-item-btn a:hover i {color:#fff;border-color:#000}
.product-item-btn a:hover:after {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);
-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}
.product-item-btn a i {display:inline-block;font-size:14px;color: #fff;position:relative;z-index:14}
.contentBox .w83{display: flex;}
.proMain .proItem{display: flex;border-bottom: 1px #ddd dotted;padding: 20px 0;}
.proMain .proItem .imgBox{width: 200px;height: 200px;border: 1px #ddd solid;box-shadow: 0 0 5px #dedede;}
.proMain .proItem .imgBox a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.proMain .proItem .textBox{width: calc(100% - 200px);padding-left: 40px;}
.proMain .proItem .textBox h2{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.proMain .proItem .textBox .proItemBtn .product-item-btn{float: right;}
.proItemBtn{margin-top: 30px;}
.fixRight {position: absolute;right: 0;top: 360px;text-align: center;z-index: 999;cursor: pointer;}
.fixRight .fixContact{position: absolute;top: 0;right: -170px;border: 1px #e5e5e5 solid;
border-radius: 5px;background: #fff;opacity: 0;transition: all ease-in-out 0.3s;width: 140px;}
.fixRight .fixContact .floatwindow_fd_main{margin-top: -80px;}
.fixRight:hover .fixContact{opacity: 1;right: 0;}
.fixRight .fixContact .email{padding: 10px 0 0;font-size: 14px;color: #0353A5;}
.fixRight .fixContact .email i{margin-right: 3px;}
.fixRight .fixContact ul li{border-bottom: 1px #ddd solid;padding: 10px;}
.fixRight .fixContact ul li:nth-last-child(1){border-bottom: none;}
.proDetail .proTop .imgBox{height: 213px;border: 1px #dedede solid;display: flex;align-items: center;justify-content: center;}
.proDetail .proTop .txtBox{width: calc(100% - 400px);padding-left: 50px;}
.proDetail .proTop .txtBox h1{font-size: 24px;font-weight: bold;margin-bottom: 10px;color: #0353A5;}
.proDetail .proTop .txtBox ul li{float: left;width: 100%;/* border-bottom: 1px #dedede dotted; *//* padding: 10px 0; */}
.proDetail .proTop .txtBox .inquiryBtn{color: #fff;background: #0353A5;font-size: 18px;display: inline-block;padding: 5px 40px;margin-top: 20px;transition: all ease-in-out 0.3s;}
.proDetail .proTop .txtBox .inquiryBtn:hover{background: #ff5200;}
.proDetail .proTop .txtBox .addCartBtn{font-size: 18px;display: inline-block;padding: 8px 24px;margin-top: 20px;transition: all ease-in-out 0.3s;border-radius: 30px;color: #ff5200;border: 1px #ff5200 solid;margin-left: 20px;}
/* 产品详情 */
.proTop{margin-top: 30px;display: flex;}
.proTop .dotBoxL{float: left;width: 400px;}
.proTop .dotBoxL .videoBox {background: #333;width: 400px;height: 400px;position: absolute;left: 0;top: 0px;z-index: 9;}
.videoIcon {position: absolute;z-index:8;bottom: 80px;left: 10px;width: 50px;height: 50px;line-height: 50px;cursor: pointer;}
.videoIcon i{font-size: 50px;color: #c5c5c5;}
.videoClose{position: absolute;top: 20px;right: 20px;cursor: pointer;}
.videoClose i{color: #fff;}
.proTop .dotBoxL .videoBox video{width: 400px;height: 400px;}
#exzoom {width: 400px;}
.myVideo {position: absolute;width: 100%;height: 100%;}
.myVideo .zoomIcon {position: absolute;position: absolute;bottom: 69px;right: 0;z-index: 8;background: #fff;padding: 5px;opacity: 0.5;}
/* zoom */
.bg{height: 470px;margin:0 auto;overflow: hidden;box-sizing: border-box;z-index: 99;}
.bg_left{width: 400px;height:auto;float: left}
.bg_right{float: left;position: absolute;left: 400px;z-index: 999;background: #fff;}
.show{width: 400px;height: 400px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move;overflow: hidden;display: flex !important;align-items: center;justify-content: center;}
.show img{max-width: 400px;max-height: 400px;}
.move{width: 200px;height: 200px;background: #ff8a00;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{width: 400px;height: 400px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
.bigshow img{max-width:800px;max-height: 800px;margin-right: 10px;}
.smallshow{width: 100%;height: 70px;position: relative}
.smallshow img{width:54px;border:1px solid #e8e8e8;box-sizing: border-box;height: 54px;}
.smallshow>.middle_box{width:400px;overflow: hidden;height: 70px;}
.smallshow .middle{overflow: hidden;;height: 70px;}
.smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
.bigitem {width: 800px; height: 800px;display: flex;align-items: center;justify-content: center;}
.proDetail .proBtm{margin-top: 40px;line-height: 30px;}
.detailNav li{float: left;}
.detailNav li a{padding: 5px 30px;background: #eee;display: inline-block;margin-right: 20px;}
.detailNav li.active a{background: #0353A5;color: #fff;}
.proDetail .proBtm .TabHide5{padding: 20px;border: 1px #ddd solid;}
.inquiryBox1 .inputBox.required textarea{border: 1px #f00 solid;}
.inquiryBox1 .inputBox.required input[type="text"]{border: 1px #f00 solid;}
.inquiryBox1 .inputBox.required .tips {color: #fff;background: #363636;display: inline-block;position: relative;margin-top: 5px;
font-size: 12px;border-radius: 2px;padding: 0 3px; margin-left: 146px;}
.inputBox.required .tips::after {width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #363636;position: absolute;content: "";left: 6px;top: -5px;}
.inquiryBox1 .submitBtn:hover{opacity: 0.9;}
.inquiryBox1 input[type="text"]{height: 30px;width: calc(100% - 153px);padding: 0 10px;border: 1px solid #DDDDDD;}
.inquiryBox1 form .selectCon{display: inline-block;width: calc(100% - 153px);position: relative;}
.inquiryBox1 form .selectCon input{width: calc(100% - 129px);}
.inquiryBox1 span{display:inline-block;width: 143px;position: relative;color: #666;}
.inquiryBox1 .inputBox{margin-bottom: 10px;}
.inquiryBox1 .inputBox .radioBox{display: inline-block;width: calc(100% - 153px);}
.inquiryBox1 .inputBox .radioBox label{margin-right: 20px;font-weight: normal;}
.inquiryBox1 .inputBox .codeBox{display: inline-block;width: calc(100% - 153px);}
.inquiryBox1 .inputBox .codeBox input{width: calc(100% - 80px);}
.inquiryBox1 .inputBox .codeBox img{width: 80px;height: 30px;}
.inquiryBox1 .inputBox select{width: 114px;height: 30px;border: 1px solid #DDDDDD;padding-left: 10px;}
.inquiryBox1 .inputBox .triangle{position: absolute;right: 10px;top: 3px;color: #a5a5a5;font-size: 14px;cursor: pointer;z-index: 1;width: auto;}
.inquiryBox1{margin-top: 30px;}
.inquiryBox1 h2{margin-bottom: 15px;}
.radio_box input[type="radio"]{width: 16px;height: 16px;-webkit-appearance: none; margin-left: -1px; border: 1px #bbb solid; border-radius: 100%;margin-right: 0.3rem;vertical-align: -4px;appearance: none;-webkit-appearance: none;outline: none;}
.radio_box input[type="radio"]:checked{ border: 1px #ff8a00 solid;position: relative;}
.radio_box input[type="radio"]:checked:after{content: "";background: #FF8A00;position: absolute;top: 4px;left: 4px;width: 6px;height: 6px;font-family: "iconfont" !important;font-size:30px;display:block;border-radius: 3px;}
.inquiryBox1 form .inputBox .radio_box .txt{margin-left: 10px;font-weight: 400;}
.inquiryBox1 .inputBox sup{color: #EF2525;font-size: 18px;position: absolute;top: 9px;left: -5px;}
.inquiryBox1 .inputBox textarea{width: calc(100% - 153px);height: 98px;border: 1px solid #DDDDDD}
.inquiryBox1 .submitBtn{display: flex;align-items: center;justify-content: center;background-color: #F1881F;color: #fff;width: 130px;height: 40px;
cursor: pointer;border-radius: 5px;margin-left: 146px;margin-top: 41px;}
.RequiredText{margin-left: 146px;}
.RequiredText sup {vertical-align: -8px;margin: 0 5px;color: #f00;}
.inquiryBox1 .submitBtn:hover{background-color: #eb9642;}
.inquiryBox .submitBtn:hover{opacity: 0.9;}
.inquiryBox input[type="text"] {height: 40px;width: 100%;border: 1px #ccc solid;/* margin-bottom: 10px; */background: none;padding: 5px;border-radius: 5px;}
.inputBox.required input{border: 1px #f00 solid;}
.inputBox.required textarea{border: 1px #f00 solid;}
.inquiryBox span{display: block;}
.inquiryBox sup{font-size: 18px;color: #f00;vertical-align: -12px;margin-right: 4px;}
.inquiryBox .inputBox{margin-bottom: 15px;}
.inquiryBox .inputBox span{color: #333;}
.inquiryBox .inputBox input::placeholder{color: #333;}
.inquiryBox h2{margin-bottom: 15px;}
.inquiryBox textarea{height: 100px;width: 100%;padding: 0 10px;border-radius: 8px;background: none;border: 1px #ddd solid;}
.inquiryBox .submitBtn {display: inline-block;border-radius: 8px;background: #F1881F;color: #fff;padding: 5px 40px;margin-top: 30px;margin-right: 10px;}
.inquiryBox .submitBtn:hover {opacity: 0.9;}
.inquiryBox .codeBox{display: flex;align-items: center;}
.inquiryBox .codeBox img{width: 100px;height: 40px;}
.inputBox.required .tips {color: #fff;background: #363636;display: inline-block;position: relative;margin-top: 5px;font-size: 12px;border-radius: 2px;padding: 0 3px;}
.inputBox.required .tips::after {width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #363636;position: absolute;content: "";left: 6px;top: -5px;}
.about1{padding: 40px 0;}
.about1 img{margin: 10px 0;}
.aboutNav{margin-bottom: 20px;}
.aboutNav li{float: left;}
.aboutNav li a{display: inline-block;padding: 5px 20px;border: 1px #ddd solid;margin-right: 20px;}
.aboutNav li a.active{background-color: #0353A5;color: #fff;}
.newsItem{display: flex;padding: 20px 0;border-bottom: 1px #ddd solid;margin-bottom: 20px;}
.newsItem .imgBox{width: 300px;height: 170px;}
.newsItem .imgBox a{display: flex;align-items: center;justify-content: center;}
.newsItem .textBox{width: calc(100% - 300px);padding-left: 50px;}
.newsItem .textBox p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newsItem .textBox time{color: #999;}
.newsItem .textBox a{font-weight: bold;color: #0353A5;}
.newsItem .textBox h2 a{font-size: 16px;font-weight: bold;margin-bottom: 10px;color: #333;display: inline-block;}
.newsDotBox h2{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.newsDotBox time{color: #999;margin-bottom: 20px;display: inline-block;}
.contactBox ul {padding: 40px;}
.contactBox ul li{float: left;width: 25%;text-align: center;padding: 10px;}
.contactBox ul li .con{background: rgba(255,255,255,0.8);border-radius: 5px;height: 240px;padding: 20px;}
.contactBox ul li i{font-size: 50px;color: #0353A5;}
.contactBox ul li h3{color: #0353A5;margin-bottom: 10px;}
.contactBox ul li p{line-height: 22px;}
.contactBox h2{color: #fff;padding: 20px 0;text-align: center;}
::selection {background: #222 ; color: white ; text-shadow: none ; }
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:5px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:hover{background:#eee}
.neiBan{height: 400px;text-align: center;}
.neiBan h2{line-height: 400px;font-size: 60px;color: #fff;font-weight: bold;}
.crumbs{background: #f6f6f6;}
.crumbs p{text-align: center;padding: 20px 0;color: #666;}
.goTop {position: fixed;bottom: 150px;right: 40px;text-align: center;z-index: 9;display: none;}
.goTop a{display: block;width: 60px;height: 60px;background: #999b9f;line-height: 60px;text-decoration: none;border-radius: 100%;box-shadow: 0 0 5px #787878;}
.goTop a i{font-size: 40px;color: #fff;}
.fixMsg{background: #fff;border: 1px #337ab7 solid;}
.fixMsg form{padding: 15px;}
.fixMsg {position: fixed;right: 0;bottom: -400px;width: 320px;transition: all ease-in-out 0.3s;z-index: 20;}
.fixMsg.open{bottom: 0;}
.fixMsg h2{font-size: 16px;background: #337ab7;color: #fff;height: 40px;line-height: 40px;padding: 0 15px;cursor: pointer;}
.fixMsg h2 i{float: right;}
.fixMsg .inputBox{margin-bottom: 15px;}
.fixMsg input{border: 1px #ddd solid;border-radius: 5px;width: 100%;height: 30px;line-height: 30px;padding:0 10px;}
.fixMsg textarea{border: 1px #ddd solid;border-radius: 5px;width: 100%;height: 80px;padding:0 10px; line-height: 18px;}
.fixMsg .submitBtn{width: 100%;display: inline-block;background: #0353A5;border-radius: 3px;text-align: center;color: #fff;padding: 3px;}
.selectCon {position: relative;display: flex;align-items: center;justify-content: space-between;}
.selectCon input[type="text"],.selectCon select {display: inline-block;margin-right: 10px;}
.selectCon select {border: 1px solid #ccc;border-radius: 4px;padding: 0px 30px;font-size: 16px;color: #333;background-color: #fff;background-image: url('data:image/svg+xml;utf8,');background-repeat: no-repeat;background-position: right 8px center;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;width: 100px;margin: 0;}
.selectCon input {width: calc(100% - 100px);}
.selectCon span {position: absolute;right: 0;}
.indProducts{margin-top: 50px;}
.indProducts .swiperPro{width: 100%;}
.indProducts .swiper-slide{background: #fff;border: 1px #ddd solid;}
.indProducts .swiper-button-prev,.indProducts .swiper-button-next{background-image: none !important;width: 42px !important;
height: 42px;border-radius: 100%;text-align: center;line-height: 42px;background: #0353A5;top: 230px;display: none;}
.indProducts:hover .swiper-button-prev{display: block;}
.indProducts:hover .swiper-button-next{display: block;}
.indProducts .swiper-button-prev{left: 70px;left: inherit;}
.indProducts .swiper-button-prev i,.indProducts .swiper-button-next i{font-size: 24px;color: #fff;}
.indProducts{margin-top: 50px;padding: 30px 0 50px;}
.indProducts .w83{position: relative;}
.indProducts .imgBox{width: 100%;height: 300px;}
.indProducts .imgBox a{display: inline-block;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.indProducts .swiper-slide:hover .txtBox a{background: #0353A5;color: #fff;}
.indProducts .txtBox{text-align: center;border-top: 1px #ddd solid;}
.indProducts .txtBox a{font-size: 18px;display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;padding: 10px;
text-overflow: ellipsis;color: #333;transition: all 0.3s ease-in-out;}
.indProducts .moreBtn{margin-top: 40px;}
.tit{text-align: center;margin-bottom: 40px;}
.tit h2{font-size: 40px;color: #333;text-transform: uppercase;font-weight: bold;}
.tit p{color: #888;}
/* 质量管理 */
.quality1{padding-top: 34px;padding-bottom: 88px;}
.quality1 h2{color: #333;font-size: 48px;font-weight: 700;margin-bottom: 30px;}
.quality1 .content{display: flex;}
.quality1 .imgBox{width: 44%;}
.quality1 .imgBox img{width: 100%;height: 100%;object-fit: cover;}
.quality1 .txtBox{width: 56%;padding-left: 39px;padding-top: 30px;}
.quality1 .txtBox h3{color: #333;font-size: 24px;font-weight: 700;}
.quality1 .txtBox p{line-height: 35px;}
.quality1 .txtBox p:nth-child(2){margin-top: 24px;margin-bottom: 34px;}
.quality2{padding-top: 79px;padding-bottom: 94px;background: #0054AA;}
.quality2 h2{color: #fff;font-size: 48px;font-weight: 700;margin-bottom: 53px;text-align: center;}
.quality2 ul{display: grid;grid-template-columns: repeat(3,1fr);gap:0 67px;}
.quality2 ul li{display: flex;align-items: center;justify-content: center;background: #fff;height: 331px;}
.quality3{padding-top: 95px;padding-bottom: 111px;}
.quality3 .container{display: flex;}
.quality3 .txtBox{width: 56%;padding-right: 63px;padding-top: 21px;}
.quality3 .txtBox h2{color: #333;font-size: 48px;font-weight: 700;}
.quality3 .txtBox h3{color: #333;font-size: 24px;font-weight: 700;margin-top: 54px;margin-bottom: 35px;}
.quality3 .txtBox p{line-height: 35px;}
.quality3 .imgBox{width: 44%;}
.quality3 .imgBox img{width: 100%;height: 100%;object-fit: cover;}
/* 新闻资讯 */
.news{padding-top: 24px;padding-bottom: 95px;}
.news .news_list li{padding-top: 34px;padding-bottom: 42px;padding-right: 20px;border-bottom: 1px solid #00000029;position: relative;top: 50px;opacity: 0;}
.news .news_list li h2{color: #333;font-size: 24px;margin-bottom: 22px;font-weight: 700;max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .news_list li p{color: #6666;font-size: 14px;}
.news .news_list li .more{width: 140px;height: 43px;display: flex;align-items: center;justify-content: center;border-radius: 22px;position: absolute;top: 34px;right: 0;transition: all 0.3s;}
.news .news_list li .more span{font-size: 16px;margin-right: 20px;transition: all 0.3s;}
.news .news_list li .more i{font-size: 16px;transition: all 0.3s;}
.news .news_list li .more:hover{background: #0353A5;}
.news .news_list li .more:hover i{transform: translateX(-5px);color: #fff;}
.news .news_list li .more:hover span{transform: translateX(5px);color: #fff;}
/* 新闻详情 */
.newsDetail{padding-top: 50px;margin-bottom: 50px;}
.newsTxt h2{font-size: 28px;font-family: "times new roman";}
.newsTxt h5{margin: 20px 0;color: #999;}
.newsTxt img{max-width: 100%;margin-bottom: 20px;}
.newsTxt img:hover{transform: none;}
.newsTxt p{font-size: 15px;line-height: 32px;}
/* 招聘 */
.job{padding-top: 43px;padding-bottom: 31px;}
.job .top{background: url(../images/job_bg.png) center center;background-size: cover;padding-top: 62px;padding-bottom: 76px;}
.job .top_title{color: #fff;font-size: 48px;font-weight: 700;margin-bottom: 59px;text-align: center;}
.job .top_txt{margin: 0 auto;border-radius: 16px;background: rgba(255, 255, 255, 0.21);width: 88%;padding: 57px 104px 46px 104px;color: #fff;}
.job .bottom_title{color: #454545;font-size: 48px;font-weight: 700;margin-bottom: 71px;margin-top: 64px;text-align: center;}
.job .item{margin-bottom: 48px;cursor: pointer;}
.job .item .overview{display: flex;padding: 20px 29px 20px 54px;justify-content: space-between;align-items: center;background: #F9F9F9;}
.job .item .overview .left{color: #333;font-size: 18px;font-weight: 700;}
.job .item .overview .middle span{margin: 0 20px;}
.job .item .overview .right{display: flex;align-items: center;}
.job .item .overview .right span{color: #333;font-size: 16px;}
.job .item .overview .right .icon_box{margin-left: 18px;user-select: none;margin-top: -3px;}
.job .item .overview .right .icon_box i{font-size: 18px;color: #333;}
.job .item .content1{padding-left: 54px;display: none;padding-top: 23px;}
.job .item.active .content1{display: block;}
.job .item.active .overview{background: #0054AA;}
.job .item.active .overview .left,.job .item.active .overview .middle{color: #fff;}
.job .item.active .overview .right span{color: #fff;}
.job .item.active .overview .right .icon_box{transform:rotate(180deg);}
.job .item.active .overview .right .icon_box i{color: #fff;}
.job .item .content1 .title1{color: #333;font-size: 16px;font-weight:700;margin: 14px 0;}
.job .item .content1 .details1{color: #666;font-size: 14px;font-weight: 400;margin-bottom: 20px;}
/* 联系我们 */
.contact1{padding-top: 60px;padding-bottom: 97px;position: relative;}
.contact1 h2{color: #454545;font-size: 38px;font-weight: 700;margin-bottom: 97px;text-align: center;}
.contact1 ul li{display: flex;align-items: center;width: 90%;/* height: 79px; *//* border: 1px solid #E5E5E5; */margin-bottom: 24px;padding-left: 40px;}
.contact1 ul li .iconBox{display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;border-radius: 50%;background: #3063BD;margin-right: 10px;}
.contact1 ul li .iconBox i{color: #fff;font-size: 16px;}
.contact1 ul li span{color: #666;font-size: 16px;}
.contact1 ul li a{color: #666;font-size: 16px;}
.contact1 .imgBox{position: absolute;top: 170px;right: 0;background: url(../images/contact_bg1.png) center center;width: 50%;height: 335px;}
.contact2{padding-top: 88px;padding-bottom: 160px;background: url(../images/contact_bg2.png) center center;background-size: cover;}
.contact2 h2{color: #fff;font-size: 48px;font-weight: 700;margin-bottom: 80px;text-align: center;}
.contact2 .inputBox.required .tips{margin-left: 0;}
.contact2 input{width: 100%;height: 62px;line-height: 62px;padding-left: 24px;margin-bottom: 30px;border: 1px solid #FFF;color: #FFFFFFE5;background: transparent;}
.contact2 input::placeholder{color: #FFFFFFE5;font-size: 12px;}
.contact2 textarea{width: 100%;height: 120px;margin-bottom: 25px;padding-top: 10px;padding-left: 24px;border: 1px solid #fff;background: transparent;}
.contact2 .inputBox.required textarea{border: 1px #f00 solid;color: #FFFFFFE5;}
.contact2 textarea::placeholder{color: #FFFFFFE5;font-size: 12px;}
.contact2 .img_verification{height: 62px;}
.contact2 .inputBox.required .tips{margin-top: -20px;margin-bottom: 20px;}
.contact2 .inputBox.required .tips{left: 0;}
.contact2 .button{width: 194px;height: 52px;font-size: 16px;background: #0054AA;border-radius: 8px;color: #fff;display: flex;justify-content: center;align-items: center;margin: 0 auto;margin-top:46px;}
.contact2 .button:hover{opacity: 0.9;}
/* 底部 */
footer{padding-top: 160px;background: #d2d9df !important;}
.foot_top{background: #0353A5;}
.foot_top .container{display: flex;}
.foot_top .left_side{width: 50%;height: 100px;line-height: 100px;color: #fff;font-size: 28px;}
.foot_top .right_side{width: 50%;height: 100px;display: flex;justify-content: space-between;align-items: center;}
.foot_top .right_side a{display: flex;align-items: center;font-size: 18px;color: #fff;}
.foot_top .right_side a i{font-size: 18px;color: #fff;margin-right: 15px;}
.foot_bottom{padding-top: 48px;padding-bottom: 27px;background: #fff!important;height: calc(100vh - 260px);}
.foot_bottom .img{padding-left: 0;}
.foot_bottom dl{margin-top: 18px;}
.foot_bottom dl dt{color: #333;font-size: 16px;margin-bottom: 25px;}
.foot_bottom dl dd{margin-bottom: 24px;}
.foot_bottom dl dd a{color: #666666CC;font-size: 14px;display: flex;align-items: center;}
.foot_bottom .contact{padding-left: 0;}
.foot_bottom dl dd i{color: #666666B2;font-size: 14px;margin-right: 18px;}
.foot_bottom dl dd span{color: #666666E5;font-size: 14px;}
.foot_bottom dl dd .email{color: #666666E5;font-size: 14px;display: inline-block;}
.foot_bottom h3{margin-top: 28px;margin-bottom: 30px;color: #333333E5;font-size: 14px;}
.foot_bottom p{color: #666666E5;font-size: 14px;margin-bottom: 39px;}
.foot_bottom .foot_links{display: flex;align-items: center;}
.foot_bottom .foot_links a{display: block;margin-right: 50px;}
.foot_bottom .foot_links a img{width: 100%;height: 100%;}
.foot_bottom .copy{text-align: center;color: #989898;padding-top: 17px;border-top: 1px #00000014 solid;margin-top: 100px;}
@media (min-width: 1680px) {
.container {
width: 85%;
}
}
@media (max-width: 1679px) and (min-width:769px){
.container {
width: 90%;
}
.about2 .container{width: 88%;}
.about3 .imgBox2 img{left: 0;}
.fixRight{display: none;}
.contact1 .imgBox{width: 48%;}
}
@media (max-width: 768px) {
.container{width: 100%;padding-left: 15px;padding-right: 15px;}
.headerPhoneTop {position: fixed;width: 100%;top: 0;left: 0;text-align: center;background: #fff;box-shadow: 0 0 7px #b9b9b9;z-index: 99;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.menuPhone {position: fixed;width: 250px;height: 100%;overflow-y: auto;left: -250px;background: #90a4ae;top: 0; z-index: 9;
transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.headerPhoneLogo img {height: 30px;}
.headerPhoneLogo {padding: 10px 0;}
a.menu-trigger {position: absolute;display: inline-block;width: 36px;height: 30px;top: 50%;margin-top: -15px;left: 10px;padding: 0 5px;}
a.menu-trigger span {display: block;background: #222;width: 100%;height: 2px;margin: 6px 0;}
.wrapper {position:relative;width: 100%;left: 0;padding-top: 0 !important;transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhoneTop {left:250px;}
body.menuOpen .wrapper {left:250px;}
body.menuOpen .menuPhone{left:0;}
.headerPhone {transition: left 0.2s ease-in-out;-webkit-transition: left 0.2s ease-in-out;-moz-transition: left 0.2s ease-in-out;-ms-transition: left 0.2s ease-in-out;-o-transition: left 0.2s ease-in-out;}
body.menuOpen .headerPhone {left: 250px;}
.menuPhone li h2 {margin: 0;font-size: 15px;line-height: 30px;}
.menuPhone li h2 a {color: #fff;padding: 5px 15px;display: inline-block;width: 100%;}
.menuPhone li h5 {margin: 0;padding-left: 25px;font-size: 12px;line-height: 25px;border-top: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhone li h5 a {color: #fff;padding: 5px 0;display: inline-block;font-size: 14px;}
.menuPhone ul li {border-bottom: solid 1px rgba(255, 255, 255, 0.15);}
.menuPhoneHide {background: rgba(255, 255, 255, 0.1);display: none;}
.headerPhone .menu_tr_ico{position: absolute;right:15px;top: 50%;margin-top: -18px;}
.headerPhone .menu_tr_ico .enChange{background: #ff8a00;color: #fff;border-radius: 100%;padding: 5px;}
.headerPhone .menu_tr_ico i{font-size: 20px;color: #666;display: inline-block;margin-left: 10px;}
.headerPhone .menu_tr_search{margin-top: 10px;padding: 0 15px;position: relative;}
.headerPhone .menu_tr_search input{width: 100%;height: 40px;background-color: #f1f1f1;padding: 0 10px;margin-bottom: 10px;}
.headerPhone .menu_tr_search button{ right: 20px;position: absolute;width: 40px;height: 40px;background: none;top: 0;}
.headerPhone {padding-top: 50px;position: relative;left: 0;}
.headerPhone .menu_tr_ico .selectBox {background: #fff;box-shadow: 0 0 4px #ddd;position: absolute;display: none;overflow-y: scroll;max-height: 300px;}
.headerPhone .menu_tr_ico .selectBox:after{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #fff;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox::before{width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-bottom: 7px solid #999;content: "";position: absolute;top: -7px;right: 9px;}
.headerPhone .menu_tr_ico .selectBox ul li{padding: 0 10px;border-bottom: 1px #dedede solid;}
.fullnavr{display: none;}
nav{display: none;}
.banner{height: 400px!important;}
.banner .swiper-slide h2{font-size: 38px;}
.banner .buttton_box{margin-top: -20%;}
.banner .banner-prev{left: 34px;}
.banner .banner-next{left: 104px;}
.ind_products{height: 400px!important;}
.ind_products .swiperPro2{width: 92%;}
.ind_products .swiper-button-prev2, .ind_products .swiper-button-prev2{display: none;}
.ind_products .swiper-button-prev2, .ind_products .swiper-button-next2{display: none;}
.ind_about{padding: 40px 0;height: auto!important;}
.ind_about .container{display: inherit;}
.ind_about .txtBox{width: 100%;padding-right: 0;}
.ind_about .txtBox ul{margin-left: -40px;}
.ind_about .txtBox ul li{width: 30.33%;}
.ind_about .txtBox ul li .isnum{font-size: 22px;}
.ind_about .txtBox ul li .istxt{font-size: 12px;}
.ind_about .imgBox{width: 100%;}
.ind_search .mySwiper_bus{width: 100%;right: 0;bottom: 164px;padding: 62px 0px 80px 20px;}
.ind_search .mySwiper_bus .middle_slide p{padding-right: 15px;}
.ind_news{height: auto!important;padding-top: 42px;}
.ind_news .container{display: inherit;}
.ind_news .item1 h2{margin-bottom: 24px;}
.ind_news .item1 h3,.ind_news .item1 .more{display: none;}
.ind_news .item2{width: 100%;padding-left: 0;}
.ind_news .item2 ul{display: inherit;}
.ind_news .item2 ul li{width: 100%;}
.ind_news .item2 ul li .imgBox{width: 100%;height: 178px;}
footer{padding-top: 30px;height: auto!important;}
.foot_top .container{display: inherit;}
.foot_top .left_side{width: 100%;height: 45px;line-height: 75px;}
.foot_top .right_side{width: 100%;height: 65px;}
.foot_bottom{height: auto;padding-top: 0;}
.foot_bottom .row{display: none;}
.foot_bottom .copy{margin-top: 25px;}
.foot_bottom p{margin-bottom: 10px;}
/* 关于我们 */
.nei_ban{height: 200px;}
.nei_ban .container{margin-top: -90px;font-size: 40px;}
.about1 .contentBox{display: inherit;padding-top: 0;}
.about1 .contentBox .txtBox{width: 100%;padding-right: 0;}
.about1 .contentBox .txtBox p{margin-top: 26px;}
.about1 .contentBox .imgBox{width: 100%;}
.about1 ul{grid-template-columns: repeat(1, 1fr);margin-top: 20px;}
.about2 .container{width: 86%;}
.about2 .about2-lists .btnds{width: 40px;height: 40px;}
.about2 .about2-lists .swiper-button-prev{left: -40px;}
.about2 .about2-lists .swiper-button-next{right: -40px;}
.about3{padding-top: 20px;padding-bottom: 300px;}
.about3 .txtBox{width: 100%;}
.about3 .txtBox li{display: inherit;margin-bottom: 14px;}
.about3 .txtBox li h3{display: inline-block;}
.about3 .imgBox1{width: 100%;height: 273px;top: auto;bottom: -50px;}
.about4{padding-top: 91px;padding-bottom: 36px;}
.about4 ul{grid-template-columns: repeat(1, 1fr);gap: 20px 0;margin-top: 28px;}
/* 产品中心 */
.contentL{display: none;}
.contentR{width: 100%;padding-left: 0;}
.proMain .proItem{display: inherit;}
.proMain .proItem .textBox{width: 100%;padding-left: 0 ;}
.proMain .proItem .imgBox{margin-bottom: 20px;width: 100%;}
.proTop .dotBoxL{width: 100%;margin-bottom: 20px;}
.proTop{display: inherit;}
.proDetail .proTop .txtBox{width: 100%;padding-left: 0;margin-top: 20px;}
.fixRight{display: none; }
/* 产品详情 */
.proTop .dotBoxL .videoBox{width: 100%;}
.proTop .dotBoxL .videoBox video{width: 100%;}
.inquiryBox1 span,.inquiryBox1 input[type="text"],.inquiryBox1 form .selectCon,.inquiryBox1 .inputBox textarea,.inquiryBox1 .inputBox .codeBox{width: 100%;}
.inquiryBox1 .inputBox.required .tips{margin-left: 0;}
/* 质量管理 */
.quality1{padding-bottom: 34px;}
.quality1 .content{display: inherit;}
.quality1 .imgBox{width: 100%;}
.quality1 .txtBox{padding-left: 0;width: 100%;}
.quality2 ul{grid-template-columns: repeat(1, 1fr);gap: 20px 0;}
.quality3{padding-top: 40px;padding-bottom: 33px;}
.quality3 .container{display: inherit;}
.quality3 .txtBox{width: 100%;padding-right: 0;margin-bottom: 20px;}
.quality3 .imgBox{width: 100%;}
/* 招聘 */
.job{padding-top: 29px;padding-bottom: 8px;}
.job .top{padding-top: 39px;padding-bottom: 48px;}
.job .top_title{margin-bottom: 17px;}
.job .top_txt{padding: 15px;}
.job .bottom_title{margin-top: 34px;margin-bottom: 23px;}
.job .item .overview{padding: 0;padding-left: 10px;}
.job .item .overview .left{font-size: 14px;flex: 0.2;white-space: nowrap;}
.job .item .overview .middle{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 0.3;}
.job .item .overview .right{flex: 0.4;}
.job .item .content1{padding-left: 10px;}
/* 新闻资讯 */
.news{padding-bottom: 25px;}
.news .news_list li h2{max-width: 100%;}
.news .news_list li .more{top: auto;bottom: 14px;}
/* 联系我们 */
.contact1{padding-top: 40px;}
.contact1 h2{margin-bottom: 27px;font-size: 32px;}
.contact1 ul li{width: 100%;padding-left: 18px;}
.contact1 .imgBox{display: none;}
.contact2{padding-top: 38px;padding-bottom: 50px;}
.contact2 h2{margin-bottom: 20px;font-size: 32px;}
.contact2 .verification{display: flex;}
}