/*header*/
.header{position:fixed;top:0;left:0;width:100%;z-index:18;padding: 0 3%;display:flex;justify-content:space-between;align-items:center}
.header .logos {line-height:1rem}
.header .logos img {max-height:.85rem;transition:none}
.header .items{display:flex;align-items:center;}
.header .items ul{display:flex;align-items:center;gap:0 .57rem}
.header .items ul li{position:relative}
.header .items ul li>a{font-size: max(16px, 0.938vw);  color: #fff;  line-height: 1rem;  display: block;  position: relative;  text-align: center;  font-weight: 400;}
.header .items ul li>a:before{content: '';    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%);    width: 0;    height: max(2px, 0.104vw);    transition: all 0.3s ease;    display: block;    background: #0571BB;}
.header .items ul li>a:hover:before{width:100%}
.header .items ul li>dl{margin:.2rem 0 0;position:absolute;top:100%;left:0;background:#FFF;border-radius:5px;width:3.8rem;overflow: hidden;text-align: center;padding:0;display:none;transition:none;}
.header .items ul li>dl dd a{font-size: max(14px, 0.833vw);    display: block;    color: #333;    transition: all 0.5s;    padding: 0 max(20px, 1.1vw);    position: relative;    white-space: nowrap;    line-height: 300%;    text-align: left;}
.header .items ul li>dl dd a:before{content: '';
    width: max(8px, 0.417vw);
    height: max(8px, 0.417vw);
    display: inline-block;
    border: 2px #0571BB;
    border-style: solid solid none none;
    opacity: .8;
    transform: rotate(45deg);
    margin-right: 0;
    opacity: 0;
    transition: all .5s;}
.header .items ul li>dl dd a:hover{background:#F1F3F5}
.header .items ul li>dl dd a:hover:before {margin-right: 1vw;opacity: 1;}	
.header .items>a{font-size: max(14px, 0.85vw);  display: block;  color: #fff;  position: relative;font-weight:bold;margin:0 .35rem 0 1.1rem;}
.header .items>dl{margin:0;padding:0;position:relative}
.header .items>dl dt{font-size: max(14px, 0.85vw);  display: block;  color: #fff;  position: relative;cursor:pointer;padding:0 0 10px;}
.header .items>dl dt:before{content: '';  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
  height: 2px;transform:none}

.header .items>dl dd{position:absolute;background:#FFF;border-radius:5px;min-width: max(100px, 4.166666667vw);display:none;transition:none;top: 100%;left: 50%;transform:translateX(-50%);text-align:center;margin:.2rem 0 0;overflow:hidden;}
.header .items>dl dd a{font-size: max(14px, 0.85vw);  display: block;  color: #333;  position: relative;padding: 0 max(20px, 1.1vw);line-height: 300%;}
.header .items>dl dd a:before{content: '';
    width: max(8px, 0.417vw);
    height: max(8px, 0.417vw);
    display: inline-block;
    border: 2px #0571BB;
    border-style: solid solid none none;
    opacity: .8;
    transform: rotate(45deg);
    margin-right: 0;
    opacity: 0;
    transition: all .5s;
}
.header .items>dl dd a:hover:before {margin-right: 1vw;opacity: 1;}	
.header .items>dl dd a:hover{background:#F1F3F5}

.is_header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,.15)}
.is_header .items>ul li>a{color:#333}
.is_header .items>a{color:#333}
.is_header .items>dl dt {color:#0571BB}
.is_header .items>dl dt:before{background:#0571BB}
main {position:relative;background:#FFF;z-index:2}
/*banner*/

.tem_banner .swiper-slide img {width:100%;height:100vh;object-fit:cover;}
.tem_banner .swiper-slide .text{position: absolute;  left: 50%;  top: 55%;  transform: translate(-50%, -50%);  color: #fff;text-align:left;width:100%;padding:0 3%}
.tem_banner .swiper-slide .text h3 {font-size:.42rem;color:#FFF;font-weight:300;max-width: max(450px, 32vw);}
.tem_banner .swiper-slide .text p{font-size:.16rem;color:#FFF;margin: 2% 0 4%;font-weight:300;max-width: max(475px, 30vw);}
.tem_banner .swiper-page{position: absolute;  right: 3%;  bottom: 5%;  z-index: 2;  display: flex;  gap: max(10px, 1.2vw);}
.tem_banner .swiper-page>div{z-index: 10;  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;width: max(50px, 3.229vw);  height: max(50px, 3.229vw);  background: transparent;
  border-radius: 50%;  border: 1px solid #d0d6d9;  opacity: 1;font-size:.36rem;color:#FFF;font-weight:200}
.tem_banner .swiper-page>div:hover{background:#FFF;color:#283491} 
.tem_banner a.more_pic{font-weight: 500;  color: #fff;  font-size: max(14px, 0.833vw);  line-height: 200%;  position: absolute;  left: 3%;  bottom: 5%;  border-bottom: 1px solid #fff;z-index:1}
/**/
/* 关于我们 */
.center{padding: 0 3%;width:100%}
.h_about {
	background-position:center top;background-repeat:no-repeat;background-size:cover;
    padding: 8% 0;
    overflow: hidden;
}

.h_about>.center {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.h_about>.center>div {
    width: 50%;
}
.h_about .left {background-position:center;background-repeat:no-repeat;background-size:cover;}
.h_about .left h2 {
    font-size: max(14px, 0.835vw);
    text-transform: uppercase;
    color: var(--li);
    display: flex;
    align-items: center;
    margin-bottom: 3%;
}

.h_about .left h2:after {
    content: '';
    display: inline-block;
    width: 106px;
    height: 1px;
    background: #a1b0d4;
    margin-left: 14px;
}

.h_about .left h3 {
    font-size: max(32px, 2.083vw);
    font-weight: 300;
    color: #000000;
    width: 75%;
    line-height: 125%;
    margin-bottom: 11%;
}

.h_about .left a {
    color: var(--li);
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid var(--li);
    line-height: 200%;
    display: inline-block;
    font-size: max(14px, 0.833vw);
}

.h_about .right {
    padding: 0 5%;
}

.h_about .right .ab_tit {
    color: #666;
    font-weight: 300;
    line-height: 167%;
    font-size: max(16px, 0.938vw);
    margin-bottom: 15%;
}

.h_about .right ul {
    display: flex;
    flex-direction: column;
    gap: max(50px, 4vw);
}

.h_about .right ul span {
    color: var(--li);
    font-size: max(54px, 4.167vw);
    font-family: 'Solano';
}

.h_about .right ul i {
    font-family: 'Solano';
    color: var(--li);
    font-size: max(24px, 1.875vw);
}

.h_about .right ul p {
    font-size: max(16px, 0.938vw);
    color: #666;
    font-weight: 300;
}
/* 视频 */
.h_three {
    position: relative;
    height: 200vh;
}

.h_three .h_sk {
    height: 100vh;
    color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    overflow: hidden;
}

.h_three_bg {
    width: 100%;
    height: 100%;
}

.h_three_videobox {
    position: relative;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(../images/logo.svg);
    mask-image: url(../images/logo.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 22.3%;
    mask-size: 22.3%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.h_three_videobox:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000;
    opacity: 0;
}

.h_three_videobox .h_three_video {
    position: absolute;
    width: 94%;
    height: 86%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    transition: all .5s ease;
    opacity: 1;
    border-radius: max(10px, 0.521vw);
}

.h_three_tc {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 94%;
    height: 86%;
    z-index: 2;
    transform: translate(-50%, -50%);
    text-align: center;
    background: rgb(0 0 0 / 50%);
    border-radius: max(10px, 0.521vw);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: all .5s ease;
    filter: blur(10px);
}

.h_three_tc h2 {
    font-size: max(32px, 2.083vw);
    color: #fff;
    font-weight: 300;
    line-height: 125%;
    margin-bottom: 2%;
}

.h_three_tc.js--active {
    opacity: 1;
    filter: blur(0px);
}

.h_three_tc .play {
    cursor: pointer;
    font-size: max(16px, 0.938vw);
    color: #fff;
    font-weight: 300;
}

.h_three_tc .play .icon {
    width: max(30px, 2.604vw);
    height: auto;
    margin-bottom: 10%;
}

/* vi_box */
.vi_box {
    top: 0px;
    left: 0px;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.8);
}

.vi_box .box {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vi_box .box video {
    width: 100%;
    position: relative;
    object-fit: contain;
    display: block;
}

.vi_box iframe {
    width: 100%;
    aspect-ratio: 560 / 315;
}

.vi_box .box .video {
    position: relative;
    width: 60vw;
}

.vi_box .box .video .close_ {
    cursor: pointer;
    width: 0.938vw;
    height: auto;
    position: absolute;
    right: -2.083vw;
    top: -2.083vw;
    transition: all .3s;
    pointer-events: painted;
}

.vi_box .box .video .close_:hover {
    transform: rotate(135deg);
}
/**/

/* 产品 */
.h_pro {
    position: relative;
    overflow: hidden;
}

.h_pro:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -0.5px;
    width: 1px;
    height: 100%;
    background: #e5e5e5;
}

.h_pro ul {
    display: flex;
    flex-wrap: wrap;
}

.h_pro ul li {
    width: 50%;
}

.h_pro_box {
    position: relative;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
}

.h_pro ul li img.bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    transition: all .5s ease;
    opacity: 0;
}

.h_pro ul li a {
    position: absolute;
    width: 88%;
    height: 100%;
    left: 6%;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all .5s;
}

.h_pro ul li .left {
    width: 43%;
    order: 2;
    text-align: right;
    transition: all .5s;
}

.h_pro ul li .right {
    width: 57%;
}

.h_pro ul li .left img {
    max-width: 100%;
    object-fit: contain;
}

.h_pro ul li .right h2 {
    font-size: max(32px, 2.083vw);
    color: #000000;
    font-weight: 300;
    line-height: 125%;
    margin-bottom: 5%;
}

.h_pro ul li .right p {
    font-size: max(16px, 0.938vw);
    color: #666;
    font-weight: 300;
    line-height: 167%;
}

.h_pro ul li:nth-of-type(2n) .h_pro_box {
    transform: translateY(50%);
}

.h_pro ul li:nth-of-type(1) a,
.h_pro ul li:nth-of-type(2) a {
    border-top: 1px solid #e5e5e5;
}

.h_pro ul li:hover .bg {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.h_pro ul li:hover a {
    border-color: transparent;
}

.h_pro ul li:hover .left {
    transform: scale(0);
}

.h_pro ul li:hover .right * {
    color: #fff;
}
.Limg_con, .Limg_cov{position: relative;
  height: 0;
  overflow: hidden;}
 .Limg_con img{position: absolute;
  max-height: 100%;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.6s;
  object-fit: contain;}

.h_link {
    padding: 6% 0 3.5%;
}

.scrool_link {
    width: 100%;
    overflow: hidden;
}

.h_link ul {
    overflow: hidden;
    display: flex;
    gap: max(30px, 2.5vw);
}

.h_link ul li {
    width: max(182px, 9vw);
    position: relative;
}

.scrool_link li .Limg_con {
    padding-bottom: 100%;
    border-radius: 10px;
    border: 1px solid #eaeaea;
    background-color: #fff;
    transition: all .5s ease;
    margin: 10px auto;
}

.scrool_link li .Limg_con img {
    max-height: 80%;
    max-width: 80%;
}

.scrool_link li .Limg_con:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.h_Sustainable {
    background-position:center;background-repeat:no-repeat;background-size:cover;
    background-attachment: fixed;
    padding: 12% 0 9%;
    color: #fff;
    overflow: hidden;
}

.h_Sustainable h2 {
    font-size: max(42px, 2.917vw);

    margin-bottom: 3%;
}

.h_Sustainable p {
    opacity: .7;

    font-size: max(16px, 0.938vw);
    line-height: 134%;
    margin-bottom: 1%;
    max-width: max(685px, 41.146vw);
}


.h_blog {
    background: #f1f3f5;
    padding: 7% 0 5%;
    overflow: hidden;
}

.h_blog h2 {
    font-size: max(38px, 2.708vw);
    font-weight: 300;
    color: #000000;
    display: inline-block;
    width: 40%;
}

.h_blog a.bl_more {
    color: var(--li);
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid var(--li);
    line-height: 200%;
    display: block;
    float: right;
    margin-top: 1%;
    font-size: max(14px, 0.833vw);
}

.h_blog .news_swiper {
    width: 100%;
    margin-top: 1.5%;
}

a.news_word {
    padding: 10% 0 0;
    display: block;
    transition: all .5s ease;
    margin: 10px 0;
}

a.news_word .time {
    display: flex;
    align-items: center;
    gap: max(10px, 0.6vw);
    color: #999999;
    font-size: max(12px, 0.73vw);
    line-height: 134%;
    font-weight: 300;
    margin-bottom: max(20px, 1.2vw);
}

a.news_word .time .ts {
    color: var(--li);
    font-size: max(24px, 1.875vw);
}

a.news_word .news_tit {
    font-size: max(22px, 1.458vw);
    color: #000000;
    font-weight: 300;
    line-height: 128%;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    min-height: max(84px, 5.625vw);
    margin-bottom: max(45px, 3.5vw);
}

a.news_word span {
    border-top: 1px solid #dce0ea;
    display: block;
    color: #999;
    font-size: max(12px, 0.73vw);
    padding: 20px 0 50px;
}

a.news_word:hover {
    background: #fff;
    padding: 10% 15% 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.swiper_news_box {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #858788;
    font-size: max(28px, 2vw);
    gap: 1.5vw;
    user-select: none;
    margin-top: 2%;
}

.swiper_news_box>div {
    cursor: pointer;
}

.swiper_news_box>div:hover {
    color: var(--li);
}

@media only screen and (max-width:1200px) {
    .h_pro_box {
        padding-bottom: 70%;
    }
}
@media only screen and (max-width:1000px) {
    .h_pro ul li {
        width: 100%;
    }
    .h_pro_box {
        padding-bottom: 50%;
    }
    .h_pro ul li:nth-of-type(2n) .h_pro_box {
        transform: none;
    }
}

@media only screen and (min-width:769px) {}

@media only screen and (max-width:768px) {
    .h_swiper .banenr_center {
        height: 50vh;
    }

    .h_swiper .ban_text .ban_name{
        font-size: 28px;
        line-height: 128%;
    }

    .h_about {
        background-position: top left;
        padding: 50px 0;
        background-size: 200% auto;
        background-repeat: no-repeat;
    }

    .h_about>.center>div {
        width: 100%;
        padding: 0;
    }

    .h_about .left h3 {
        font-size: 24px;
        width: 100%;
    }

    .h_about .right .ab_tit {
        margin: 10% 0;
        background: rgb(38 52 139 / 70%);
        padding: 5%;
        color: #fff;
    }

    .h_about .right ul {
        gap: 30px;
    }

    .h_three {
        height: auto;
    }

    .h_three .h_sk {
        height: auto;
        position: relative;
    }

    .h_three_videobox {
        -webkit-mask-image: none;
        mask-image: none;
        overflow: hidden;
    }

    .h_three_videobox .h_three_video {
        position: static;
        width: 100%;
        height: 300px;
        transform: none;
        border-radius: 0;
        vertical-align: top;
    }

    .h_three_tc .play {
        margin-top: 25px;
    }

    .h_pro {
        padding: 50px 0 0;
    }

    .h_pro:before {
        display: none;
    }

    .h_pro ul li {
        width: 100%;
    }

    .h_pro ul li:nth-of-type(2n) .h_pro_box {
        transform: none;
    }

    .h_pro_box {
        position: relative;
        height: auto;
        padding-bottom: 0;
    }

    .h_pro ul li .left {
        width: 100%;
        order: inherit;
        text-align: left;
        transition: all .5s;
        margin-bottom: 20px;
    }

    .h_pro ul li .left img {
        max-width: 250px;
        max-height: 150px;
        object-fit: contain;
    }

    .h_pro ul li .right {
        width: 100%;
    }

    .h_pro ul li a {
        position: relative;
        width: 100%;
        height: 100%;
        left: 0;
        padding: 20px;
    }

    .h_pro ul li .right h2 {
        font-size: 24px;
    }

    .h_link {
        padding: 50px 0;
    }

    .h_link ul {
        gap: 10px;
        flex-wrap: wrap;
    }

    .h_link ul li {
        width: calc((100% - 30px) / 4);
        position: relative;
    }

    .scrool_link li .Limg_con {
        margin: 0;
    }

    .h_Sustainable {
        background-attachment: scroll;
        padding: 50px 0;
    }

    .h_Sustainable h2 {
        font-size: 28px;
    }

    .h_Sustainable p {
        opacity: 1;
        margin: 15px 0 0;
    }

    .h_blog {
        padding: 50px 0;
    }

    a.news_word {
        background: #fff;
        padding: 20px;
        box-shadow: 0 0 10px rgb(0 0 0 / 20%);
        width: 96%;
        margin: 10px auto;
    }

    a.news_word span {
        padding: 20px 0;
    }


}
/* 底部 */
footer.yx_foot {
  position: relative;
  background: var(--li);
  z-index: 1;
  overflow: hidden;
  background-size: cover;
  padding: 4% 0 5%;
}


.footer_top {
  width: 100%;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2%;
}

.footer_top img {
  width: max(161px, 8vw);
  
}

.footer_left {
  width: 48%;
}

.footer_left ul {
  display: flex;
  flex-wrap: wrap;
  gap: max(25px, 2vw) 0;
  position: relative;
  z-index: 1;
  flex-direction: column;
  height: max(545px, 21vw);
}


.footer_left ul li {
  width: 50%;
}

footer.yx_foot .center {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}


.yx_foot .footer_tit {
  font-size: max(14px, 0.835vw);
  color: #fff;
  line-height: 150%;
  font-weight: 400;
  opacity: 1;
}

.yx_foot li .footer_tit {
  margin-bottom: 1vw;
}

.yx_foot li a {
  font-size: max(14px, 0.835vw);
  color: rgb(255 255 255 / 50%);
  display: inline-block;
  line-height: 200%;
  font-weight: 300;
}

.yx_foot li a:hover {
  color: #fff;
  text-decoration: underline !important;
}

.footer_center {
  width: 23%;
  position: relative;
}

.footer_center p {
  font-weight: 300;
  color: #fff;
  line-height: 35px;
  font-size: max(14px, 0.835vw);
  opacity: .5;
  margin-bottom: 4%;
  padding-left:35px;
  position:relative;
}
.footer_center p img {transition:none;filter:brightness(0) invert(1);position:absolute;left:0;top:50%;transform:translateY(-50%);max-height:20px;}
.footer_center .tnam {
  opacity: 1;
  text-transform: uppercase;
  padding:0
}

.footer_center p a {
  color: #fff;
  display: block;
}

.footer_right img {
  width:113px;
  object-fit: contain;
  filter:brightness(0) invert(1)
}

.footer_right {
  position: relative;
  width: 29%;
}

.foter_ab {
  position: absolute;
  left: 0;
  bottom: 10%;
  width: 100%;
}

.footer_right .follow {
  color: #fff;
  margin-bottom: 4%;
  font-weight: 400;
  font-size: max(14px, .835vw);
}

.footer_right a.footer_tel {
  color: #fff;
  font-size: max(24px, 1.7vw);
  font-weight: 300;
}

.footer_xx p {
  color: #fff;
  font-size: max(14px, .835vw);
  line-height: 185%;
  font-weight: 300;
  margin-top: 10%;
}

.footer_xx p b {
  display: block;
  text-transform: uppercase;
}

.nav_fxbox {
  display: flex;
  align-items: center;
}

.nav_fxbox>a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-right: 4%;
  width: max(24px, 1.1vw);
  height: max(24px, 1.1vw);
  border-radius: 50%;
  background: transparent;
  transition: all .5s ease;
}

.nav_fxbox>a svg {
  width: auto;
  height: auto;
}

.nav_fxbox>a:nth-of-type(1) {
  color: #2973ba;
}

.nav_fxbox>a:nth-of-type(2) {
  color: #fe0000;
}
@media only screen and (max-width:768px) {


  .yx_foot .footer_tit {
    font-size: 18px;
  }

  .yx_foot li a {
    font-size: 16px;
  }

  .footer_center p {
    font-size: 16px;
    width: 100%;
  }

  .footer_center .ma_more {
    font-size: 16px;
  }

  .foter_ab p {
    font-size: 14px;
  }

  footer.yx_foot .center>div {
    width: 100%;
    padding: 20px 0px;
  }

  footer.yx_foot .center .footer_right {
    padding: 0;
    border: none;
    order: 2;
  }

  .footer_right .follow {
    margin: 15px 0 5px;
  }

  .foter_ab {
    position: static;
  }

  .footer_xx p {
    line-height: 150%;
    margin: 0;
  }

  .footer_xx {
    margin-bottom: 6%;
  }

  .footer_left {
    display: none;
  }

  .footer_center a.more_pic {
    margin: 20px 0;
    position: static;
  }

  .footer_right img {
    display: none;
  }

  footer.yx_foot {
    position: relative;
    background: #191919;
    padding: 35px 0;
  }

}




/**/
.fixed_rlt{position:fixed;top:60%;right:.28rem;z-index:99;}
.fixed_rlt li {margin:0 0 .15rem;position:relative}
.fixed_rlt li>a{display:block;width:.6rem;height:.6rem;background:#0571BB;border-radius:100%;line-height:.6rem;text-align:center}
.fixed_rlt li>a img {max-height:.26rem;transition:none}
.fixed_rlt li>div{position:absolute;width:2.6rem;background:#0571BB;border-radius:999px;text-align:center;line-height:.6rem;right:-3.5rem;top:0;font-size:.18rem;color:#FFF;opacity:0}
.fixed_rlt li:hover>div{right:.8rem;opacity:1}
/*关于我们*/
.com_box .comtitle{padding:.5rem 0 .3rem;}
.com_box .comtitle>div>div{display:inline-block;vertical-align:top;width:50%}
.com_box .comtitle .name {font-size:.24rem;color:#000;font-weight:bold;}
.com_box .comtitle .name em {font-size:.24rem;color:#0571BB;text-transform:uppercase;margin:0 .3rem 0 0}
.com_box .comtitle .mbx{text-align:right;font-size:.14rem;color:#1f1f1f;}
.com_box .comtitle .mbx a{font-size:.14rem;color:#1f1f1f;}
.com_box .comtitle .mbx a:first-child+a {display:none;}
.com_box .comtitle .mbx a i {font-size:.18rem;color:#0571BB;margin:0 .15rem 0 0}
.com_box .column{background:#eee;}
.com_box .column li {display:inline-block;}
.com_box .column li a{font-size:.16rem;color:#000;display:block;padding:0 .35rem;line-height:.86rem;}
.com_box .column li.on a,.com_box .column li a:hover{background:#0571BB;color:#FFF}


.company{padding:.75rem 0 .45rem;}
.company .infos{margin:0 0 .75rem;}
.company .infos>div>div{display:inline-block;vertical-align:top;width:42%}
.company .infos .text{padding:0 .15rem 0 0}
.company .infos .text h3 {font-size:.36rem;color:#000}
.company .infos .text p {font-size:.24rem;color:#0571BB;text-transform:uppercase;margin:.14rem 0 .4rem;}
.company .infos .text .imgs img {max-height:2.08rem;transition:none;}
.company .infos .editor{width:58%;font-size:.16rem;color:#000;line-height:1.85}

.index_adv{padding:1.1rem 0 0;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.index_adv .titles{text-align:center;position:relative;margin:0 0 .54rem;}
.index_adv .titles>*{position:relative;z-index:5}
.index_adv .titles h3 {font-size:.4rem;color:#FFF;font-weight:bold;}
.index_adv .titles p{font-size:.24rem;color:#FFF;font-weight:bold;margin:.15rem 0 0}
.index_adv .titles:before{content:'Service';font-size:1.56rem;color:transparent;-webkit-text-stroke: 1px white;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-transform:uppercase;opacity:.3}
.index_adv .editor{display:flex;align-items:flex-start;justify-content:space-between;margin:0 0 1.6rem}
.index_adv .editor>div{flex:0 0 33.5%;}
.index_adv .editor>div.imgs{flex:0 0 33%;text-align:center;}
.index_adv .editor .item{margin:0 0 .7rem;padding:0 0 .4rem;border-bottom:1px dashed #FFF}
.index_adv .editor .item:last-child{margin:0}
.index_adv .editor .item h6{font-size:.24rem;color:#FFF;font-weight:bold;}
.index_adv .editor .item p{font-size:.16rem;color:#FFF;margin:.2rem 0 0}
.index_adv .editor .let {padding:0 .6rem 0 0}
.index_adv .editor .let .item p{line-height:1.9}
.index_adv .editor .rlt {padding:0 0 0 .4rem;}
.index_adv .mores{text-align:center;position:relative;padding:1.02rem 0 .35rem;}
.index_adv .mores a{font-size:.15rem;color:#FFF;position:relative;z-index:3}
.index_adv .mores a i{font-size:.24rem;color:#FFF;margin-left:.1rem;}
.index_adv .mores:before,.index_adv .mores:after{content:'';width:2.95rem;height:2.95rem;border:1px dashed #FFF;opacity:.77;border-radius:100%;top:0;left:50%;transform:translateX(-50%);position:absolute}
.index_adv .mores:after{width:2rem;height:2rem;top:.48rem;opacity:1;border:1px dotted #FFF}

.honor{background:#FFF;padding:1.2rem 0 1rem;}
.honor .titles{margin:0 0 .5rem;}
.honor .titles h3 {font-size:.48rem;color:#323232}
.honor .titles p{font-size:.16rem;color:#3c3d3d;margin:.15rem 0 0}
.honor .swiper-slide a{display:block;position:relative;background:#f3f4f5;padding:.24rem .25rem .4rem;border-radius:10px;}
.honor .swiper-slide .imgs{height:2.56rem;line-height:2.56rem;text-align:center;border-radius:10px;background:#FFF}
.honor .swiper-slide .imgs img {max-height:2.22rem;transition:none;}
.honor .swiper-slide p{font-size:.16rem;color:#3c3d3d;margin:.2rem 0 .3rem;line-height:.3rem;height:.6rem;}
.honor .swiper-slide em {display:block;text-align:right;font-size:.14rem;color:#757575}
.honor .swiper-page{margin:.4rem 0 0;text-align:center;}
.honor .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 .15rem;width:.51rem;height:.51rem;border:1px solid #b7b7b7;border-radius:100%;line-height:.49rem;font-size:.18rem;color:#5f5f5f}
.honor .swiper-page>div:hover{background:#44bdb8;border-color:#44bdb8;color:#FFF}
.honor .swiper-slide a:hover .imgs{transform:scale(.98);box-shadow:2px 2px 4px rgba(0,0,0,.12)}

.workshop{padding:.65rem 0 1.2rem;background:#eee}
.workshop .titles{padding:0 0 .5rem;}
.workshop .titles h3 {font-size:.48rem;color:#323232}
.workshop .titles p{font-size:.16rem;color:#3c3d3d;margin:.15rem 0 0}
.workshop .lists{position:relative}
.workshop .lists .swiper-slide a{display:block;text-align:center;border-radius:12px;overflow:hidden}
.workshop .lists .swiper-slide img {width:100%;height:4.51rem;object-fit:cover;transition:none}
.workshop .lists .swiper-slide a{transform:scale(.7)}
.workshop .lists .swiper-slide-active a{transform:none;}
.workshop .lists .swiper-page>div{position:absolute;top:50%;transform:translateY(-50%);left:26.6%;width:.48rem;height:.59rem;background:#8e8e8e;border-radius:6px;overflow:hidden;line-height:.59rem;text-align:center;font-size:.2rem;color:#FFF;z-index:5}
.workshop .lists .swiper-page>div.slide-button-next{left:auto;right:26.6%}
.workshop .lists .swiper-page>div:hover {background:#44bdb8;box-shadow:5px 5px 5px rgba(0,0,0,.25)}

.history{padding:1.75rem 0 1.9rem;background-attachment:fixed;background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.history h3 {font-size:.48rem;color:#FFF;margin:0 0 .8rem;}
.history .lists{position:relative;padding:0 .3rem;}
.history .lists:before{content:'';width:100%;height:0;border-top:2px solid #b5c5d6;position:absolute;top:.08rem;left:0}
.history .lists .swiper-slide{padding:.52rem 0 0}
.history .lists .swiper-slide:before{content:'';width:.17rem;height:.17rem;background:#0571BB;border:2px solid #FFF;border-radius:100%;position:absolute;top:0;left:0;z-index:1}
.history .lists .swiper-slide h5 {font-size:.24rem;color:#FFF;margin:0 0 .15rem;}
.history .lists .swiper-slide .txt{font-size:.18rem;color:#effffd;line-height:1.8}
.history .lists .swiper-page{display:flex;justify-content:space-between;align-items:center;}
.history .lists .swiper-page>div{width:.5rem;height:.5rem;background:#FFF;border-radius:100%;line-height:.5rem;text-align:center;font-size:.18rem;color:#0571BB;}
.history .lists .swiper-page>div:hover {background:#0571BB;color:#FFF}
/**/
.desc_box{padding:0 0 1.9rem}
.desc_box .mains{padding:.9rem 0 0;background:url(../images/icon9.jpg) center bottom no-repeat;background-size:100% auto;}
.desc_box .mains h3 {font-size:.36rem;color:#1e1e1e;margin:0 0 .5rem;}
.desc_box .mains .editor{font-size:.16rem;color:#171717;line-height:1.85;}
.desc_box .mains .editor * {text-wrap:wrap !important;}
/*产品列表*/
.pro_page{position:relative;top:-.9rem;}
.product_box .comtitle{background:#FFF}
.product_box .mains{background:linear-gradient(135deg,#f2f2f2,#f1f1f1);padding:0 0 1.3rem;position:relative}
.product_box .mains:before{content:'';width:100%;height:.86rem;background:#eee;position:absolute;top:0;left:0;z-index:1;}
.product_box .mains>div>div{display:inline-block;vertical-align:top;width:18.6%;position:relative;z-index:5}
.product_box .mains .rlt{width:81.4%;padding:.86rem 0 0 .36rem;}

.product_box .mains .let h3 {font-size:.16rem;color:#FFF;background:#0571BB;line-height:.86rem;text-align:center}
.product_box .mains .let li a{display:block;background:#8e8e8e;line-height:.85rem;font-size:.16rem;color:#FFF;text-align:center}
.product_box .mains .let li:nth-child(2n) a{background:#b5b5b5}
.product_box .mains .let li.ons a{background:#0571BB}

.product_box .mains .rlt li {padding:0 0 0 .26rem;margin:0 0 .28rem;text-align:center;}
.product_box .mains .rlt li .imgs{overflow:hidden;border-radius:12px;position:relative}
.product_box .mains .rlt li .imgs span {background:#FFF !important;}
.product_box .mains .rlt li .imgs img {width:100%;height:3rem;transition:none;object-fit:cover;}
.product_box .mains .rlt li p {font-size:.16rem;color:#181818;margin:.14rem 0 0}


/*翻页*/
.page {margin:.6rem 0 0;}
.page a{display:inline-block;vertical-align:middle;margin:0 .05rem;width:.3rem;height:.3rem;background:#e5e5e5;border-radius:4px;line-height:.3rem;font-size:.14rem;color:#000}
.page a.page-link{width:auto;padding:0 .08rem;font-size:.14rem;color:#707070}
.page a:hover,.page a.page-num-current{background:#0571BB;color:#FFF}
/*产品详情*/
.show_product .mainsbox{padding:.8rem 0 .65rem;}
.show_product .mainsbox .imgsbox>div{display:inline-block;vertical-align:top;width:53.3%}
.show_product .mainsbox .imgsbox .text{width:46.7%;padding-left:.65rem;}
.show_product .mainsbox .imgsbox #gallery .swiper-slide {text-align:center}

.show_product .mainsbox .imgsbox #thumbs{margin:.32rem 0 0}
.show_product .mainsbox .imgsbox #thumbs .swiper-slide {text-align:center;cursor:pointer;}
.show_product .mainsbox .imgsbox #thumbs .swiper-slide img {max-height:.8rem;transition:none}
.show_product .mainsbox .imgsbox .text h3 {font-size:.36rem;color:#1a1a1a;margin:0 0 .3rem}
.show_product .mainsbox .imgsbox .text>p {font-size:.24rem;color:#1a1a1a;margin:0}
.show_product .mainsbox .imgsbox .text .editor{padding:.35rem 0 0;margin:.4rem 0 0;border-top:1px solid #dcdcdc}
.show_product .mainsbox .imgsbox .text .editor h6 {font-size:.2rem;color:#212121;margin:0 0 .3rem;}
.show_product .mainsbox .imgsbox .text .editor p {font-size:.18rem;color:#4e4e4e;position:relative;margin:0 0 .1rem;padding-left:.25rem;}
.show_product .mainsbox .imgsbox .text .editor p:before{content:'';width:.08rem;height:.08rem;background:#212121;border-radius:100%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.show_product .details{margin:.75rem 0 0;background:#f4f4f4;padding:.38rem .5rem .55rem;}
.show_product .details h4 {font-size:.24rem;color:#111111;margin:0 0 .3rem;}
.show_product .details .editor{font-size:.16rem;color:#111111;line-height:1.8}
/*车间*/
.work_box{}
.work_box .mainsbox{padding:.5rem 0 1.4rem;}
.work_box .mainsbox li {padding:0 .19rem 0 0;margin:0 0 .45rem;}
.work_box .mainsbox li:nth-child(2n) {padding:0 0 0 .19rem;}
.work_box .mainsbox li a{position:relative;display:block;border-radius:12px;overflow:hidden;}
.work_box .mainsbox li img {width:100%;height:4.65rem;object-fit:cover;transition:none}
.work_box .mainsbox li .text{position:absolute;left:0;z-index:2;opacity:0;top:0;width:100%;padding:0 .5rem;}
.work_box .mainsbox li .text>p {font-size:.24rem;color:#FFF;margin:0 0 .2rem;}
.work_box .mainsbox li .text .editor{font-size:.16rem;color:#FFF;line-height:1.8}

.work_box .mainsbox li a:before{content:'';width:100%;height:100%;background:linear-gradient(130deg,rgba(5,113,187,.74),rgba(5,113,187,.74),rgba(199,38,28,0),rgba(199,38,28,0));position:absolute;top:0;left:0;z-index:1;transition:all .5s linear;opacity:0}
.work_box .mainsbox li a:hover .text{top:.55rem;opacity:1}
.work_box .mainsbox li a:hover:before{opacity:1}


.filed_box{position:relative}
.filed_box .mainsbox{position:relative}
.filed_box #gallery .swiper-slide .text{position:absolute;top:18%;left:0;width:100%;padding:0 2.6rem;z-index:2}
.filed_box #gallery .swiper-slide .text>*{transform:translateY(3vw);opacity:0;transition:all .8s linear}
.filed_box #gallery .swiper-slide .text>p {font-size:.36rem;color:#FFF;text-transform:capitalize;margin:0 0 .3rem;}
.filed_box #gallery .swiper-slide .text h5 {font-size:.48rem;color:#FFF;margin:0 0 .6rem;}
.filed_box #gallery .swiper-slide .text .editor{font-size:.16rem;color:#FFF;line-height:1.8}

.filed_box #gallery .swiper-slide .imgs img {width:100%;height:9.6rem;object-fit:cover;transition:none;}
.filed_box #gallery .swiper-slide-active .text>*{transform:none;opacity:1;transition-delay:100ms}
.filed_box #gallery .swiper-slide-active .text>h5 {transition-delay:150ms}
.filed_box #gallery .swiper-slide-active .text>.editor{transition-delay:200ms}

.filed_box .swiper-page{position:absolute;top:50%;left:0;padding:0 2.6rem;width:100%;z-index:3}
.filed_box .swiper-page>div{display:inline-block;vertical-align:middle;margin:0 6px 0 0;width:.53rem;height:.53rem;background:#8e8e8e;font-size:.18rem;color:#FFF;line-height:.53rem;text-align:center;border-radius:100%}
.filed_box .swiper-page>div:hover{background:#0571BB;box-shadow:5px 5px 5px rgba(0,0,0,.25)}
.filed_box .lists{position:absolute;bottom:2rem;left:0;width:100%;z-index:5;padding:0 2.6rem;}
.filed_box .lists:after{content:'';width:100%;height:1px;background:rgba(255,255,255,.44);position:absolute;bottom:.15rem;left:0;}

.filed_box .lists .swiper-slide h6{font-size:.14rem;color:#FFF;padding:0 0 .43rem;position:relative;text-align:center;cursor:pointer;}
.filed_box .lists .swiper-slide h6:after{content:'';width:.15rem;height:.15rem;background:#FFF;border-radius:100%;position:absolute;bottom:.08rem;left:50%;transform:translateX(-50%);transition:all .5s linear;}
.filed_box .lists .swiper-slide h6:before{content:'';width:.31rem;height:.31rem;background:#0571BB;border-radius:100%;position:absolute;bottom:0;left:54%;transition:all .5s linear;opacity:0;transition:all .65s linear}
.filed_box .lists .swiper-slide-thumb-active h6:after{background:#0571BB}
.filed_box .lists .swiper-slide-thumb-active h6:before{opacity:.21}
/**/
.show_news{background:#f0f0f0}
/*新闻*/
.news_box .mains{background:url(../images/icon10.jpg) 0 0 no-repeat;background-size:100% auto;padding:.75rem 0 1.2rem;}
.news_box .mains .top_news{position:relative;margin:0 0 .8rem;}
.news_box .mains .top_news .swiper-slide a{display:block;position:relative;overflow:hidden;}
.news_box .mains .top_news .swiper-slide a>div{display:inline-block;vertical-align:top;width:44.5%}
.news_box .mains .top_news .swiper-slide .imgs img {width:100%;height:4.05rem;object-fit:cover;transition:none;border-radius:12px;}
.news_box .mains .top_news .swiper-slide .text{width:55.5%;padding:0 0 0 .7rem;}
.news_box .mains .top_news .swiper-slide .text .time {font-size:.16rem;color:#000000;margin:0 0 .24rem}
.news_box .mains .top_news .swiper-slide .text .time em {display:block;font-size:.55rem;color:#0571BB;font-weight:bold;line-height:1;}
.news_box .mains .top_news .swiper-slide .text h6 {font-size:.36rem;color:#000000;}
.news_box .mains .top_news .slide-pagination{position:absolute;width:55.5%;left:44.5%;top:49%;padding-left:.7rem;}
.news_box .mains .top_news .slide-pagination span {opacity:1;outline:none;width:.29rem;height:.29rem;border:2px solid #c9c9c9;margin:0 .12rem 0 0;background:none;position:relative}
.news_box .mains .top_news .slide-pagination span:before{content:'';width:.29rem;height:.29rem;background:url(../images/icon11.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;transition:all .5s linear;z-index:2;opacity:0;transform:rotate(45deg)}
.news_box .mains .top_news .slide-pagination span.swiper-pagination-bullet-active:before{opacity:1;transform:none;}
.news_box .mains .top_news .slide-pagination span.swiper-pagination-bullet-active {border-color:#FFF}

.news_box .mains .boxs li {padding:.4rem 0;border-bottom:1px solid #e5e5e5}
.news_box .mains .boxs li a{display:block;position:relative;}
.news_box .mains .boxs li a>div{display:inline-block;vertical-align:middle;width:31%}
.news_box .mains .boxs li a .text{width:69%;padding-left:.5rem;}
.news_box .mains .boxs li .imgs{border-radius:12px;overflow:hidden;}
.news_box .mains .boxs li .imgs img {width:100%;height:2.82rem;object-fit:cover;transition:none;}
.news_box .mains .boxs li .text span {font-size:.16rem;color:#0571BB}
.news_box .mains .boxs li .text span i {font-size:.26rem;margin-right:.1rem;}
.news_box .mains .boxs li .text h4 {font-size:.24rem;color:#000000;margin:.2rem 0 .35rem;}
.news_box .mains .boxs li .text p {font-size:.16rem;color:#000;line-height:.26rem;height:.52rem;overflow:hidden;margin:0}
.news_box .mains .boxs li a:hover .imgs{box-shadow:4px 4px 6px rgba(0,0,0,.12)}
.news_box .mains .boxs li:hover {border-color:#0571BB}
/**/
.contact_box{background:url(../images/icon12.jpg) 0 bottom no-repeat;background-size:100% auto;}

.contact_box .infos{padding:.75rem 0 1.7rem;}
.contact_box .infos .title {margin:0 0 .75rem;}
.contact_box .infos .title h3 {font-size:.4rem;color:#000;font-weight:bold}
.contact_box .infos .title p {font-size:.24rem;color:#0571BB;margin:.1rem 0 0;text-transform:uppercase}
.contact_box .infos .mains{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.contact_box .infos .mains>div{display:inline-block;vertical-align:middle;width:40%}
.contact_box .infos .mains .map{width:60%}
.contact_box .infos .mains .text h5 {font-size:.36rem;color:#252525;}
.contact_box .infos .mains .text .editor p {margin:.45rem 0 0;font-size:.18rem;color:#1f1f1f}
.contact_box .infos .mains .text .editor p a{font-size:.18rem;color:#1f1f1f}
.contact_box .infos .mains .text .editor p img {max-height:.32rem;margin:0 .15rem 0 0}
.contact_box .infos .mains .map #container {height:4.65rem;}
.contact_box .message{padding:0 0 1.4rem;}
.contact_box .message h3 {font-size:.36rem;color:#252525;margin:0 0 .5rem;}
.contact_box .message li {padding:0 .9rem 0 0;margin:0 0 .6rem;}
.contact_box .message li:last-child{margin:0}
.contact_box .message li>div{position:relative}
.contact_box .message li p {font-size:.2rem;color:#1f1f1f;border-bottom:2px solid #000;margin:0;line-height:.45rem;position:absolute;bottom:0;left:0;transition:none;}
.contact_box .message li input,.contact_box .message li textarea{background:none;border:0;border-bottom:1px solid #bfbfbf;font-size:.2rem;color:#1f1f1f;width:100%;height:.45rem;}
.contact_box .message li button {background:#0571BB;font-size:.14rem;color:#FFF;padding:0 .58rem;line-height:.49rem;border:0;}
/**/
/*招聘*/
.pa_text {position:absolute;top:50%;left:0;z-index:1;font-size:.34rem;color:#FFF;width:100%;padding:0 1.6rem;}

.job_box{padding:.45rem 0 .5rem;}
.job_box>div>div{display:inline-block;vertical-align:top;width:25%}
.job_box .mid_list{width:50%}
.job_box .let{padding-right:.4rem;}
.job_box .let h4 {font-size:.24rem;color:#333;padding:.12rem .2rem;margin-bottom:.1rem;}
.job_box .let ol {margin:0;padding:0}
.job_box .let li a{display:block;padding:.16rem .2rem;border-radius:6px;font-size:.16rem;color:#333;line-height:.24rem;}
.job_box .let li.on a{background:#2f54eb;color:#FFF;box-shadow:0 10px 20px 0 rgba(47,84,235,.2)}

.job_box .mid_list h6{padding:0 .16rem .13rem;border-bottom:1px solid rgb(235, 235, 235);font-size:.14rem;color:#333;line-height:.22rem;}
.job_box .mid_list li {    border-bottom: 1px solid rgb(235, 235, 235);}
.job_box .mid_list li>a{display:block;padding:.24rem .16rem .16rem;}
.job_box .mid_list li h4 {font-size:.2rem;color:#333;line-height:.28rem;font-weight:600;}
.job_box .mid_list li h4 i.ht{font-size:.16rem;color:rgb(255, 71, 90);margin:0 .1rem 0 0}
.job_box .mid_list li h4 i.cz {font-size:.16rem;color: rgb(63, 209, 163);margin:0 .1rem 0 0}
.job_box .mid_list li .infos {    display: flex;    overflow: hidden;    align-items: flex-end;    margin-top: .12rem;    justify-content: space-between;}
.job_box .mid_list li .infos p{margin:0}
.job_box .mid_list li .infos p span {display:inline-block;font-size:.14rem;color:#333;}
.job_box .mid_list li .infos p span:after{display:inline-block;content:'';width:1px;height:.1rem;margin:0 .08rem;background:rgb(235,235,235)}
.job_box .mid_list li .infos p span i{color: rgb(191, 191, 191);margin:0 .1rem 0 0}
.job_box .mid_list li .infos p span:last-child:after{display:none}
.job_box .mid_list li .infos>p:last-child{font-size:.14rem;color:rgb(140, 140, 140);line-height:.22rem;}
.job_box .mid_list li .submenu {display:none;transition:none;font-size:.14rem;color:rgb(102,102,102);background:rgb(250,250,250);padding:.16rem;}
.job_box .mid_list li .submenu .mores{display:flex;     flex-direction: row;    align-items: center;    justify-content: space-between;}
.job_box .mid_list li .submenu .mores span a{display:inline-block;font-size:.14rem;line-height:.32rem;border-radius:6px;background: #2f54eb;min-width:1.5rem;text-align:center;padding:0 .16rem;color:#FFF}
.job_box .mid_list li .submenu .mores em a{font-size:.14rem;color:#2f54eb}
.job_box .mid_list li .submenu .mores em a i{margin-left:.1rem;}
.job_box .mid_list li>a:hover {background:#f4f6fe}
.job_box .rlt{padding-left:.4rem;}
.job_box .rlt .items {margin:0 0 .2rem;}
.job_box .rlt .items h6 {padding:.16rem .12rem;border-top:4px solid rgb(47, 84, 235);font-size:.2rem;color:rgb(20,20,20);line-height:.28rem;font-weight:600}
.job_box .rlt .items h6 i {font-size:.22rem;margin:0 .1rem 0 0;color:rgb(255, 71, 90)}
.job_box .rlt .items li  a{padding:.12rem;border-top:1px solid rgb(235, 235, 235);display:block}
.job_box .rlt .items li h5{    font-size: .16rem;    color: rgb(20, 20, 20);    line-height:.24rem;    font-weight: 600;margin-bottom:8px;}
.job_box .rlt .items li p{margin:0;    font-size: .12rem;    color: rgb(140, 140, 140);    line-height: .2rem;    font-weight: 400;}
.job_box .rlt .items:last-child h6 i {color:rgb(63, 209, 163)}
.job_box .rlt .items li a:hover{background:#f4f6fe}
/**/
.show_job {padding:1.35rem 0 1.2rem;}
.show_job h4 {font-size:.28rem;color:#333;line-height:.28rem;font-weight:600;}
.show_job h4 i.ht{font-size:.2rem;color:rgb(255, 71, 90);margin:0 .1rem 0 0}
.show_job h4 i.cz {font-size:.2rem;color: rgb(63, 209, 163);margin:0 .1rem 0 0}
.show_job .infos {    display: flex;    overflow: hidden;    align-items: flex-end;    margin-top: .24rem;    justify-content: space-between;padding:0 0 .24rem;border-bottom:1px solid rgb(235, 235, 235);}
.show_job .infos p{margin:0}
.show_job .infos p span {display:inline-block;font-size:.14rem;color:#333;}
.show_job .infos p span:after{display:inline-block;content:'';width:1px;height:.1rem;margin:0 .08rem;background:rgb(235,235,235)}
.show_job .infos p span i{color: rgb(191, 191, 191);margin:0 .1rem 0 0}
.show_job .infos p span:last-child:after{display:none}
.show_job .infos>p:last-child{font-size:.14rem;color:rgb(140, 140, 140);line-height:.22rem;}

.show_job  .editor {font-size:.14rem;color:rgb(20,20,20);line-height:.3rem;padding:.3rem 0}
.show_job  .mores>a{display:inline-block;font-size:.16rem;line-height:.4rem;border-radius:6px;background: #2f54eb;min-width:2rem;text-align:center;padding:0 .16rem;color:#FFF}
/********<=767 mobile nav style css********/
.fl-page{position:relative;top:-1.5rem;}

#menu {display:none;}
#menu.mm-menu.mm-current{display:block;}
.m-header {background:#FFF;box-shadow:0 0 12px rgba(0,0,0,0.2)}
.m-header >.col-xs-6>div {color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs>*{display:inline-block;font-size:14px;color:#333;line-height:normal;}
.m-header >.col-xs-6 .langs em {padding:0 5px;}
.m-header >.col-xs-6 .langs a{width:30px;height:30px;background:#333;color:#FFF;line-height:30px;text-align:center;border-radius:100%;margin:0 0 0 5px;}
.m-header >.col-xs-6 .menu{margin-left:.15rem;}
.m-header >.col-xs-6 .menu a{font-size:16px;color:#333}
.m-header >.col-xs-6 .menu a>* {display:inline-block;vertical-align:middle;}
.m-header >.col-xs-6 .menu a i {font-size:20px;}
.m-header >.col-xs-6 img {max-height:45px;}
.st-container .st-menu {background:#0e6eb8;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
    -o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
     transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color:#FFF;position:relative;font-size:.25rem}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background:#f39800;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color:#FFF}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color:#FFF;padding-left:0}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#f39800}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/********<=767 mobile nav style css 2********/
.m_header2{background:#000}
.m_header2 > div:first-child img{filter:brightness(0) invert(1)}
.ys_navph2_menu_line, .ys_navph2_menu_line::before, .ys_navph2_menu_line::after{background:#fff}
/**************************/

@media(max-width:1800px){
	.filed_box .swiper-page{top:57%}
	.header .items ul{gap:0 .25rem;}
	.index_message .mains{padding-left:.85rem;}
}
@media(max-width:1700px){
    .index_message .mains .editor h3{font-size:.3rem;}
	.index_message .mains{padding-left:.55rem;}
	.index_message .mains .editor p{font-size:.16rem;}
}
@media(max-width:1440px){
	.filed_box #gallery .swiper-slide .text,.filed_box .lists,.filed_box .swiper-page{padding:0 1.6rem}
	.header .items h6{font-size:.2rem;}
}
@media(max-width:1200px){
	.index_about .text{padding-left:15px;}
	.index_message .mains{padding-right:15px;}
	.index_solution #gallery .swiper-slide .text{left:15px;}
	
}
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header,.m_header2{top:0;opacity:1;}
	
	.tem_banner{padding:50px 0 0 !important}
	.index_message .mains .editor p{padding-left:.15rem;}
	
	.culture .editor > div.item1{left:0}
	.culture .editor > div.item6{right:0}
	.culture .editor > div.item7{left:auto;right:-.1rem}
	.culture .editor > div.item5{left:66.5%}

	.filed_box #gallery .swiper-slide .text,.filed_box .lists,.filed_box .swiper-page{padding:0 25px}	
}
/********mobile*********/
@media(max-width:767px){
	.tem_banner.index{height:auto}
	.tem_banner .swiper{position:relative}
	.tem_banner .swiper-slide img{height:300px;}
	.tem_banner .swiper-slide .text{left:15px;}
	.tem_banner .swiper-slide .text .t h3{font-size:22px;}
	.index_about::before{font-size:1.5rem;width:60%}
	.index_about{display:block}
	.index_about .text{width:100%;padding:1.2rem  15px}
	.index_about .imgs{position:relative;width:100%}
	.index_about .imgs h6{font-size:16px;padding-right:15px;}
	.index_about .text .nums > div{width:50%}
	.index_product .items a{min-height:auto;padding-bottom:.55rem;}
	.index_partner{padding:.7rem 15px;display:block}
	.index_partner .lists{transform:none;max-width:100%;padding-left:0;margin:.5rem 0 0}
	.index_partner .lists .swiper-slide > div:nth-child(2n){margin:0}
	.index_partner .lists .swiper-slide > div span{transform:none}
	.index_partner .lists .swiper-slide {grid-template-columns:1fr 1fr 1fr;gap:5px 5px;}
	.index_partner .lists .swiper-page{display:none}

	.index_filed ol{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .1rem;}
	.index_filed .mains a{display:block}
	.index_filed .mains .text{padding:.5rem .25rem;}
	.index_news .swiper-slide{padding:0 .25rem;}
	.index_message{display:block;}
	.index_message .mains{padding:.5rem 15px;}
	.footer .infos{display:block}
	.footer .infos .navs{display:none;}
	
	.com_box .column{display:none;}
	.company .infos > div > div{display:block;width:100% !important;}
	.company .infos .text{padding:0 0 .35rem;}
	.culture .editor > div{position:relative;top:auto !important;left:auto !important;bottom:auto !important;right:auto !important;display:inline-block;vertical-align:top;width:50%;margin:0 0 .3rem;}
	.culture .editor{height:auto;}
	.culture .editor > div .text{position:relative !important;padding:.35rem 0 0;top:auto !important;left:auto !important;bottom:auto !important;right:auto !important;}
	.culture .editor > div > div{display:block;}
	.product_box .mains > div > div{display:block;width:100% !important;}
	.product_box .mains > div > div.let {display:none;}
	.product_box .mains .rlt{padding:.5rem 0 0}
	.product_box .mains .rlt li{padding:0 .13rem}
	.com_box .comtitle > div > div,.show_product .mainsbox .imgsbox > div{display:block;width:100% !important;}
	.com_box .comtitle .mbx{text-align:left;margin:.15rem 0 0}
	.show_product .mainsbox .imgsbox .text{padding:.65rem 0 0}
	.news_box .mains .boxs li a > div,.contact_box .infos .mains > div{display:block;width:100% !important;}
	.news_box .mains .boxs li a .text{padding:.5rem 0 0}
	.contact_box .infos .mains .text {padding:.45rem 0}
	.contact_box .message li{padding:0}
	.contact_box .message li input, .contact_box .message li textarea,.contact_box .message li button{height:35px;font-size:12px;}
	.contact_box .message li p{line-height:35px;}
	
	.index_adv .editor{display:block}
	.index_adv .editor>div{padding:0 !important}
	.index_adv .editor>div.imgs {padding:.65rem 0 !important}

	.job_box .joblist .items .submenu > div{width:100%}

	.job_box > div > div{display:block;width:100% !important}
	.job_box .let{padding:0 0 .4rem;}
	.job_box .rlt{display:none}
	.job_box .let ol li {display:inline-block;vertical-align:top;width:50%;text-align:center}
}