@font-face {
  font-family: 'Montserrat-Black';/* 自定义字体名称 */
  src: url('../../css/Montserrat-Black.ttf') format('truetype');/* 字体文件的路径及格式 */
  font-weight: bold;
}

.tit{margin-bottom: 60px;width: 100%;text-align: center;}
.tit h2{font-size: 42px;line-height: 1.5;text-align: center;display: inline-block;position: relative;padding: 0 70px;}
.tit h2::before,.tit h2::after{content: '';display: inline-block;width: 28px;height: 28px;background-image: url(../../images/tit-icon.png);background-size: contain;position: absolute;transform: translateY(-50%);}
.tit h2::before{top: 50%;left: 0;}
.tit h2::after{top: 50%;right: 0;transform: translateY(-50%) rotate(180deg);}
.tit p{font-size: 15px;margin-top: 15px;}


/* 产品 */
.goods{padding: 20px 0;}
.goods .ul{}
.goods .ul .li{width: 100%;padding: 60px 15px 20px;}
.goods .ul .li .n-area{display: flex;flex-wrap: wrap;align-items: start;}
.goods .ul .li:nth-child(2n){background-color: #f3f5fb;}
.goods .ul .li .n-area>h2{width: 100%;font-size: 38px;font-weight: 600;color: #023f98;margin-bottom: 15px;}
.goods .ul .li .n-area>p{width: 80%;line-height: 35px;font-size: 16px;}
.goods .ul .li a.more{margin-left: auto;}
.goods .ul .li .swiper{width: 100%;margin-top: 20px;}
.goods .ul .li .swiper .img{position: relative;padding-top: 60%;width: 100%;overflow: hidden;background-color: #eaeaea;}
.goods .ul .li .swiper .img img{position: absolute;width: calc(100% - 20px);height: calc(100% - 20px);object-fit: cover;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;}
.goods .ul .li .swiper .img p{position: absolute;width: 100%;height: 100%;top: 100%;left: 0;background-color: rgba(2, 63, 152, 0.7);display: flex;align-items: center;justify-content: center;}
.goods .ul .li .swiper .img p span{color: #fff;line-height: 55px;width: 40%;max-width: 195px;font-size: 16px;text-align: center;border: 1px solid #fff;}
.goods .ul .li .swiper h3{line-height: 70px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 22px;text-align: center;}
.goods .ul .li .swiper a:hover .img img{width: 100%;height: 100%;}
.goods .ul .li .swiper a:hover .img p{top: 0;}



.pinfo.area{padding: 0;}
.pinfo{padding: 0 15px;position: relative;z-index: 2;}
.pinfo .n-area{max-width: 100%;}
.pinfo .info-area{width: calc(100%);display: flex;flex-wrap: wrap;align-items: flex-start;}
.pinfo .info-area .bg{width: 100%;background-color: #F5F6F7;padding: 130px 15px 45px;}
.pinfo .info-area .bg .crumbs{width: 100%;max-width: 1600px;margin: 0 auto;line-height: 80px;color: #fff;font-size: 16px;}
.pinfo .info-area .bg .crumbs a{color: #fff;}
.pinfo .info-area .info{display: flex;width: 100%;flex-wrap: wrap;padding-bottom: 40px;margin-bottom: 40px;max-width: 1600px;margin: 0 auto;padding: 0 15px;align-items: stretch;background-color: #fff;padding: 40px;}

.pinfo .info-area .info #proSwiper{width: 50%;margin-right: auto;margin-left: 0;}
.pinfo .info-area .info #pSwiper-th{width: 100%;margin-top: auto;}
.pinfo .info-area .info #proSwiper .img{width: calc(100% - 0px);position: relative;background-color: #fff;border: 1px solid rgba(0, 0, 0, .1);height: 100%;}
.pinfo .info-area .info #pSwiper-th .img{width: calc(100% - 0px);position: relative;background-color: #fff;padding-top: 75%;}
.pinfo .info-area .info .img img{width: calc(100%);height: calc(100%);object-fit: contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.pinfo .info-area .info .txt{width: 50%;display: flex;flex-wrap: wrap;padding-left: 40px;margin-left: auto;align-content: start;}
.pinfo .info-area .info .txt span{font-size: 16px;color: #023f98;margin-bottom: 10px;}
.pinfo .info-area .info .txt h2{width: 100%;font-size: 38px;padding-bottom: 30px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.pinfo .info-area .info .txt .cont{width: 100%;margin: 25px 0 70px;}
.pinfo .info-area .info .txt .cont p{width: 100%;font-size: 16px;color: rgba(0, 0, 0, .5);line-height: 35px;height: 105px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pinfo .info-area .info .txt .bt{display: flex;width: 100%;margin-top: auto;flex-wrap: wrap;}
.pinfo .info-area .info .txt .bt a{width: 100%;text-align: center;line-height: 55px;max-width: 280px;display: flex;justify-content: center;align-items: center;font-size: 16px;}
.pinfo .info-area .info .txt .bt a i{margin-right: 10px;font-size: 25px;}
.pinfo .info-area .info .txt .bt a:first-child{background-color: #023f98;color: #fff;}
.pinfo .info-area .info .txt .bt a:last-child{color: #F7B353;font-size: 24px;font-weight: 600;}
.pinfo .info-area .info .txt .bt a:last-child i{font-size: 30px;color: #F7B353;}

.pinfo .info-area .tit{display: flex;line-height: 90px;color: #023f98;align-items: center;margin-top: 15px;}
.pinfo .info-area .tit i{font-size: 40px;margin-right: 15px;}
.pinfo .info-area .tit h2{font-size: 26px;font-weight: 600;}

.pinfo .pro-anchor{width: 100%;position: relative;background-color: #f3f5fb;}
.pinfo .pro-anchor .anchor-ul{padding: 20px 0;display: flex;background-color: #f3f5fb;max-width: 1600px;margin: 0 auto;}
.pinfo .pro-anchor .anchor-ul .li{line-height: 30px;font-size: 16px;padding: 0 30px;width: auto;color: rgba(0, 0, 0, .8);position: relative;}
.pinfo .pro-anchor .anchor-ul .li::after{display: inline-block;content: '';width: 0;height: 2px;background-color: #023f98;right: 0;bottom: -20px;position: absolute;transition: all 0.3s;}
.pinfo .pro-anchor .anchor-ul.poa{left: 0%;top: 0;z-index: -1;width: 100%;max-width: none;opacity: 0;text-align: center;justify-content: center;}
.pinfo .pro-anchor .anchor-ul.pof{opacity: 1;z-index: 2;}
.pinfo .pro-anchor .anchor-ul .li:hover::after{width: 100%;left: 0;}


.pinfo .info-area .details{width: calc(100%);max-width: 1630px;margin: 0 auto;padding: 0 15px;}
.pinfo .info-area .details h3{font-size: 32px;margin: 60px 0 30px;position: relative;font-weight: 600;color: #023f98;display: flex;align-items: center;padding-left: 15px;}
.pinfo .info-area .details h3::before{content: '●';display: inline-block;color: #023f98;font-size: 24px;width: 35px;}
.pinfo .info-area .details .anchor{position: absolute;height: 100px;width: 0;left: 0;bottom: 100%;}


.pinfo .info-area .details .content{font-size: 15px;line-height: 35px;color: rgba(0, 0, 0, .7);padding-bottom: 30px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.pinfo .info-area .details .content img{max-width: 100%;}
.pinfo .info-area .details .content strong{font-size: 20px;display: inline-block;padding-bottom: 5px;}

.pinfo .info-area .details .adv-ul{width: 100%;display: flex;flex-wrap: wrap;border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 30px;}
.pinfo .info-area .details .adv-ul .li{width: calc(50% - 15px);margin-right: 30px;background-size: cover;padding: 30px;margin-bottom: 30px;cursor: pointer;background-color: #f3f5fb;display: flex;}
.pinfo .info-area .details .adv-ul .li::before{content: '●';display: inline-block;color: #023f98;font-size: 24px;width: 40px;}
.pinfo .info-area .details .adv-ul .li:nth-child(2n){margin-right: 0;}
.pinfo .info-area .details .adv-ul .li p{line-height: 35px;font-size: 17px;width: calc(100% - 40px);}
.pinfo .info-area .details .adv-ul .li:hover{background-image: linear-gradient(to top, #023f98, #023f98)!important;transform: translateY(-3px);}
.pinfo .info-area .details .adv-ul .li:hover p{color: #fff;}
.pinfo .info-area .details .adv-ul .li:hover i{color: #fff;}

.pinfo .info-area .details .swiper{padding-bottom: 40px;}
.pinfo .info-area .details .swiper .img{position: relative;width: 100%;padding-top: 70%;border: 1px solid rgba(0, 0, 0, .1);overflow: hidden;}
.pinfo .info-area .details .swiper .img img{width: calc(100%);height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pinfo .info-area .details .swiper h4{font-size: 15px;background-color: rgba(0, 0, 0, .05);line-height: 60px;padding: 0 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, .8);}
.pinfo .info-area .details .swiper a:hover .img img{width: 110%;height: 110%;}



/* 新闻 */
.news{padding: 70px 0;}
.news .tit-info{text-align: left;}
.news .ul{display: flex;flex-wrap: wrap;margin-top: 15px;padding: 0 15px;}
.news .ul .li{display: flex;flex-wrap: wrap;overflow: hidden;margin-bottom: 30px;width: 1000%;border-bottom: 1px solid rgba(0, 0, 0, .1);padding-bottom: 30px;}
.news .ul .li:nth-child(3n){margin-right: 0;}
.news .ul .li a{display: flex;width: 100%;flex-wrap: wrap;}
.news .ul .li .img{position: relative;width: 400px;max-width: 30%;overflow: hidden;}
.news .ul .li .img img{position: absolute;left: 50%;top: 50%;object-fit: cover;width: 100%;height: 100%;transform: translate(-50%,-50%);}
.news .ul .li .txt{width: calc(100% - 400px);min-width: 70%;display: flex;flex-wrap: wrap;padding-left: 30px;}
.news .ul .li .txt h3{font-size: 22px;line-height: 25px;width: 100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.8);margin: 30px 0 20px;}
.news .ul .li .txt p{width: 100%;font-size: 16px;line-height: 35px;margin-bottom: 40px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: rgba(0, 0, 0, 0.5);height: 70px;}
.news .ul .li .txt span{font-size: 16px;margin-bottom: 20px;width: 50%;display: block;color: rgba(0, 0, 0, 0.4);line-height: 30px;}
.news .ul .li .txt b{width: 50%;margin-bottom: 20px;font-size: 15px;color: #023f98;line-height: 30px;text-align: right;font-weight: 300;}
.news .ul .li:hover .txt span,.news .ul .li:hover .txt h3,.news .ul .li:hover .txt p{color: #023f98;}
.news .ul .li:hover .img img{width: 105%;height: 105%;}


/* n-info */
.n-info{padding: 5% 15px;}
.n-info .n-area{margin: 0 auto;}
.n-info .info-area{background-color: #fff;position: relative;width: calc(100%);}
.n-info .info-area .tit{position: relative;margin-bottom: 0;}
.n-info .info-area .tit h4{font-size: 32px;font-weight: 500;color: rgba(0, 0, 0, .8);line-height: 55px;display: inline-block;width: calc(100%);position: relative;width: 100%;transform: translate(0,0);text-align: center;}
.n-info .info-area .tit p{display: flex;line-height: 60px;color: rgba(0, 0, 0, .5);width: 100%;font-size: 16px;max-width: none;background-color: rgba(0, 0, 0, .03);justify-content: center;margin: 15px 0;position: relative;}
.n-info .info-area .content{width: 100%;position: relative;padding: 15px 0 0px;font-size: 16px!important;line-height: 35px;margin-top: 15px;color: rgba(0, 0, 0, .8)!important;}
.n-info .info-area .content img{max-width: 100%;height: auto!important;width: auto;}
.n-info .info-area .switch{display: flex;margin-bottom: 30px;align-items: center;flex-wrap: wrap;}
.n-info .info-area .switch>a{line-height: 40px;border: 1px solid rgba(0, 0, 0, .5);color: #023f98;padding: 0 20px;font-size: 15px;text-transform: uppercase;border-radius: 20px;}
.n-info .info-area .switch .share{margin-left: auto;display: flex;align-items: center;font-size: 16px;text-transform: uppercase;}
.n-info .info-area .switch .share a{margin-left: 10px;}
.n-info .info-area .switch .share a i{color: rgba(0, 0, 0, .2);font-size: 40px;}
.n-info .sm-info{padding: 25px 3%;background-color: rgba(0, 0, 0, .03);font-size: 15px;line-height: 35px;color: rgba(0, 0, 0, .4);}
.n-info .sm-info b{color: #023f98;font-size: 17px;}
.n-info .p-n{width: calc(100%);display: flex;line-height: 40px;border-top: 1px solid rgba(0, 0, 0, .1);margin-top: 30px;padding-top: 25px;}
.n-info .p-n .page-a{width: calc(50% - 45px);}
.n-info .p-n a:nth-child(2){width: 90px;color: #888;text-align: center;}
.n-info .p-n .page-a a{color: #888;}
.n-info .p-n .page-a:nth-child(3){text-align: right;}


/* article */
.article{padding: 70px 15px;}
.article .ul .li{margin-bottom: 30px;}
.article .ul .li a .img{position: relative;width: 100%;padding-top: 80%;border: 1px solid rgba(0, 0, 0, .1);overflow: hidden;}
.article .ul .li a .img img{width: calc(100%);height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.article .ul .li a h4{font-size: 15px;background-color: rgba(0, 0, 0, .05);line-height: 60px;padding: 0 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, .8);padding-right: 70px;position: relative;}
.article .ul .li a h4::after{content: '→';display: inline-block;position: absolute;width: 35px;height: 35px;background-color: #023f98;border-radius: 50%;font-size: 17px;color: #fff;line-height: 32px;text-align: center;right: 30px;top: 50%;transform: translateY(-50%);}
.article .ul .li a .img:hover img{width: 110%;height: 110%;}



/* about */
.company{padding: 70px 0;}
.anchor{display: inline-block;position: absolute;height: 80px;bottom: 100%;}

.company .n-area{display: flex;padding: 0 15px;flex-wrap: wrap;}
.company .left{width: 50%;max-width: 740px;}
.company .left img{width: 100%;height: 100%;object-fit: cover;}
.company .right{width: 50%;margin-left: auto;padding-left: 15px;}
.company .right h3{font-size: 32px;line-height: 3;}
.company .right .content{font-size: 16px;line-height: 40px;}
.company .num-change{background-color: #023f98;padding: 40px 5%;}
.company .num-change .shuzi p{color: #fff;}
.company .num-change .shuzi p i{width: 60px;font-size: 32px;color: #fff;}
.company .num-change .shuzi p span{color: #fff;}


.company .factory{padding: 70px 0px 0px;position: relative;}
.company .factory .swiper{width: 100%;padding-bottom: 60px;}
.company .factory .swiper .img{position: relative;width: 100%;padding-top: 80%;border: 1px solid rgba(0, 0, 0, .1);overflow: hidden;}
.company .factory .swiper .img img{width: calc(100%);height: 100%;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.company .factory .swiper h4{font-size: 15px;background-color: rgba(0, 0, 0, .05);line-height: 60px;padding: 0 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;color: rgba(0, 0, 0, .8);padding-right: 70px;position: relative;}
.company .factory .swiper h4::after{content: '→';display: inline-block;position: absolute;width: 35px;height: 35px;background-color: #023f98;border-radius: 50%;font-size: 17px;color: #fff;line-height: 32px;text-align: center;right: 30px;top: 50%;transform: translateY(-50%);}
.company .factory .swiper .img:hover img{width: 110%;height: 110%;}
.company .factory .swiper .swiper-pagination span{width: 30px;height: 5px;background-color: #d9d9d9;border-radius: 0;opacity: 1;}
.company .factory .swiper .swiper-pagination span.swiper-pagination-bullet-active{background-color: #023f98;}

/* single */
.single .content{font-size: 16px;line-height: 40px;}
.single .content img{max-width: 100%;}



/* history */
.history{padding: 70px 0;}
.history .ul{width: 100%;position: relative;}
.history .ul::before{content: '';display: inline-block;width: 1px;height: 100%;position: absolute;;left: 50%;top: 0;transform: translateX(-50%);background-color: #ececec;}
.history .ul .li{width: 50%;display: flex;position: relative;margin-bottom: 30px;}
.history .ul .li::before{content: '●';display: inline-block;width: 18px;height: 18px;border: 1px solid #023f98;position: absolute;top: 50%;color: #023f98;font-size: 22px;border-radius: 50%;text-align: center;line-height: 14px;}
.history .ul .li .info{width: calc(100%);background-color: #f7f7f7;padding: 40px 50px;position: relative;}
.history .ul .li .info::after{content: '';display: inline-block;width: 20px;height: 20px;background-color: #f7f7f7;position: absolute;top: 50%;}
.history .ul .li:nth-child(2n-1)::before{right: 0;transform: translate(50%,-50%);}
.history .ul .li:nth-child(2n)::before{left: 0;transform: translate(-50%,-50%);}
.history .ul .li:nth-child(2n-1){margin-right: 60px;padding-right: 60px;}
.history .ul .li:nth-child(2n){margin-left: 60px;margin-left: auto;padding-left: 60px;}
.history .ul .li:nth-child(2n-1) .info::after{right: 0;transform: translate(50%,-50%) rotate(45deg);}
.history .ul .li:nth-child(2n) .info::after{left: 0;transform: translate(-50%,-50%) rotate(45deg);}
.history .ul .li .info h3{font-size: 26px;font-weight: 600;color: #023f98;margin-bottom: 20px;width: 100%;}
.history .ul .li .info p{line-height: 35px;font-size: 15px;color: rgba(0, 0, 0, .7);width: 100%;}

/* culture */
.culture{padding: 70px 15px;}
.culture .n-area{overflow: visible;}
.culture .ul{width: 100%;display: flex;flex-wrap: wrap;}
.culture .ul .li{width: calc(50% - 3%);margin-right: 6%;margin-bottom: 50px;box-shadow: 0 2px 10px rgba(0, 0, 0, .05);}
.culture .ul .li:nth-child(2n){margin-right: 0;}
.culture .ul .li .img{width: 100%;padding-top: 40%;position: relative;}
.culture .ul .li .img img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.culture .ul .li .info{padding: 30px 80px;}
.culture .ul .li .info .txt{width: 100%;position: relative;}
.culture .ul .li .info .txt span{display: inline-block;width: 15px;height: 15px;border: 3px solid #023f98;border-radius: 50%;position: absolute;top: 3px;right: calc(100% + 25px);}
.culture .ul .li .info .txt span::before,.culture .ul .li .info .txt span::after{content: '';display: inline-block;position: absolute;top: 100%;left: 50%;background-image: linear-gradient(to bottom, #023f98, #fff);height: 80px;width: 1px;}
.culture .ul .li .info .txt span::before{transform: translateX(-2px);}
.culture .ul .li .info .txt span::after{transform: translateX(2px);}
.culture .ul .li .info i{font-size: 40px;line-height: 40px;}
.culture .ul .li .info h3{line-height: 2.5;font-size: 28px;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.culture .ul .li .info p{margin-top: 20px;line-height: 30px;font-size: 15px;color: rgba(0, 0, 0, .6);}


/* job */
.job{}
.job .tit-info{text-align: left;}
.job .ul{width: 100%;padding-bottom: 25px;}
.job .ul .li{width: 100%;margin-bottom: 20px;}
.job .ul .li:first-child{background-color: #023f98;color: #fff;}
.job .ul .li .tit{display: flex;width: calc(100% - 2px);border: 1px solid rgba(0, 0, 0, .06);background-color: rgba(0, 0, 0, .03);font-size: 16px;}
.job .ul .li .tit span{flex-grow: 1;line-height: 98px;text-align: center;width: 20%;position: relative;}
.job .ul .li .tit span.info-bt{color: #023f98;cursor: pointer;}
.job .ul .li .tit span.info-bt::after{content: '';display: inline-block;width: 0;height: 0;border: 7px solid;border-color: #023f98 rgba(21, 49, 127, 0) rgba(21, 49, 127, 0) rgba(21, 49, 127, 0);margin-left: 5px;transform: rotate(-90deg) translateX(-2px);transition: all 0.3s;}
.job .ul .li .content{line-height: 40px;font-size: 15px;color: rgba(0, 0, 0, .5);padding: 3% 8%;border: 1px solid rgba(0, 0, 0, .06);border-top: 0;padding-right: 300px;position: relative;display: none;width: calc(100% - 2px);}
.job .ul .li .content strong{font-size: 17px;font-weight: 600;color: #023f98;}
.job .ul .li .content a{width: 210px;display: inline-block;line-height: 60px;color: #fff;background-color: #023f98;border-radius: 30px;padding: 0 30px;font-size: 16px;position: absolute;right: 30px;top: 20%;}

.job .ul .li:hover .tit span.info-bt::after{transform: rotate(0deg) translateX(0px) translateY(6px);}


/* contact */
.contact{padding: 70px 0 0;}
.contact .map{display: flex;flex-wrap: wrap;align-items: stretch;}
.contact .map .left{width: calc(100% - 450px);}
.contact .map .right{width: 450px;background-color: #f3f5fb;padding: 50px 60px;}
.contact .map .right .li{padding: 30px 0;border-top: 1px solid rgba(0, 0, 0, .08);border-bottom: 1px solid #fff;}
.contact .map .right .li:first-child{padding-top: 0;border-top: 0;}
.contact .map .right .li:last-child{padding-bottom: 0;border-bottom: 0;}
.contact .map .right .li h3{color: #023f98;display: flex;font-size: 16px;align-items: center;margin-bottom: 10px;}
.contact .map .right .li h3 i{font-size: 34px;color: #023f98;margin-right: 10px;}
.contact .map .right .li p{font-size: 15px;line-height: 30px;}


.contact .mes{width: 100%;padding: 70px 15px;margin-top: 70px;background-color: #f3f5fb;}
.contact .mes h2{font-size: 40px;text-align: center;margin-bottom: 50px;line-height: 1.5;}
.contact .mes form{display: flex;flex-wrap: wrap;width: 100%;}
.contact .mes form .form-tr{margin-bottom: 15px;overflow: hidden;display: flex;}
.contact .mes form .form-tr label{width: 110px;line-height: 70px;font-size: 16px;text-align: center;font-weight: 400;}
.contact .mes form .form-tr.input{width: calc(50% - 30px);margin-right: 60px;}
.contact .mes form .form-tr.input:nth-child(2n){margin-right: 0;}
.contact .mes form .form-tr.textarea{width: 100%;}
.contact .mes form .form-tr input,.contact .mes form .form-tr textarea{width: calc(100% - 110px);line-height: 68px;background-color: #fff;border: 1px solid rgba(0, 0, 0, .1);padding: 0 30px;}
.contact .mes form .form-tr textarea{padding: 15px 30px;line-height: 40px;}
.contact .mes form .form-tr input::placeholder,.contact .mes form .form-tr textarea::placeholder{color: rgba(0, 0, 0, 0.4);}

.contact .mes form .form-tr.vcode{width: 100%;display: flex;margin-bottom: 0;}
.contact .mes form .form-tr.vcode .code{width: 70%;display: flex;max-width: 350px;margin-left: auto;margin-right: 30px;}
.contact .mes form .form-tr.vcode .code input{width: 50%;line-height: 48px;}
.contact .mes form .form-tr.vcode .code .verify{width: 50%;}
.contact .mes form .form-tr.vcode .code .verify img{width: 100%;object-fit: contain;height: 100%;}
.contact .mes form a{background-color: #023f98;color: #fff;width: calc(45% - 15px);max-width: 240px;font-size: 16px;text-transform: uppercase;display: flex;align-items: center;justify-content: center;margin-left: auto;border-radius: 8px;}
.contact .mes form .form-tr.vcode .submit{width: 30%;max-width: 185px;line-height: 50px;margin-left: inherit;}



@media screen and (min-width: 0px) and (max-width:1400px){
  .company .right h3{font-size: 28px;}

  .goods .ul .li .n-area>h2{font-size: 34px;}

  .contact .mes h2{font-size: 34px;}

  .culture .ul .li .info h3{font-size: 24px;}
}

@media screen and (min-width: 0px) and (max-width:1200px){
  .company .left{width: 100%;max-width: none;}
  .company .right{width: 100%;padding-left: 0;}

  .pinfo .info-area .bg{padding-top: 110px;}
  .pinfo .info-area .info .txt h2{font-size: 32px;}
}

@media screen and (min-width: 0px) and (max-width:1024px){
  .company{padding: 50px 0;}
  .tit{margin-bottom: 40px;}
  .tit h2{font-size: 36px;}
  .company .right h3{font-size: 24px;}
  .company .num-change{margin-top: 30px;}
  .company .factory{padding-top: 50px;}

  .article{padding: 50px 15px;}

  .news{padding: 50px 0;}

  .n-info .info-area .tit h4{font-size: 28px;}
  .n-info .info-area .tit p{line-height: 50px;font-size: 15px;}

  .contact{padding: 50px 0 0;}
  .contact .mes{padding: 50px 15px;}

  .pinfo .info-area .details h3{font-size: 28px;}

  .history{padding: 50px 0;}

  .culture{padding: 50px 15px;}
}
@media screen and (min-width: 0px) and (max-width:992px){
  .goods{padding: 0;}
  .goods .ul .li .n-area>h2{font-size: 28px;}
  .goods .ul .li .n-area>p{width: 100%;}
  .goods .ul .li a.more{margin-top: 10px;}
  .goods .ul .li .swiper h3{font-size: 20px;font-weight: 300;}

  .contact .map .left{width: 100%;height: 400px;}
  .contact .map .right{width: 100%;display: flex;flex-wrap: wrap;}
  .contact .map .right .li{width: 50%;}
  .contact .map .right .li:first-child{padding-top: 30px;}
  .contact .map .right .li:nth-child(2){border-top: 0;}
  .contact .map .right .li:nth-child(3){border-bottom: 0;}
  .contact .map .right .li:last-child{padding-bottom: 30px;}

  .contact .mes{margin-top: 0;}
  .contact .mes h2{font-size: 28px;}
  .contact .mes form .form-tr.input{width: calc(50% - 5px);margin-right: 10px;}

  .history .ul .li .info h3{font-size: 24px;}
  .history .ul .li .info{padding: 30px;}
}

@media screen and (min-width: 0px) and (max-width:768px){
  .company{padding: 40px 0;}
  .tit{margin-bottom: 30px;}
  .tit h2{font-size: 30px;}
  .company .factory{padding-top: 40px;}
  .company .right .content{font-size: 15px;}
  .company .factory .swiper h4::after{right: 10px;width: 30px;height: 30px;font-size: 15px;line-height: 28px;}
  .company .factory .swiper h4{padding-right: 45px;}

  .goods .ul .li{padding-top: 40px;}
  .goods .ul .li .n-area>h2{font-size: 26px;}
  .goods .ul .li .n-area>p{font-size: 15px;}
  .goods .ul .li .swiper h3{font-size: 18px;line-height: 50px;}
  .goods .ul .li .swiper .img p span{line-height: 45px;font-size: 15px;}

  .pinfo .info-area .bg{padding-top: 90px;}
  .pinfo .info-area .bg .crumbs{font-size: 15px;line-height: 65px;}
  .pinfo .info-area .info{padding: 30px;}
  .pinfo .info-area .info #proSwiper{width: 100%;}
  .pinfo .info-area .info #proSwiper .img{padding-top: 70%;}
  .pinfo .info-area .info .txt{width: 100%;padding-left: 0;margin-top: 30px;}
  .pinfo .info-area .info .txt h2{font-size: 26px;padding-bottom: 15px;}
  .pinfo .info-area .info .txt .cont{margin: 15px 0 30px;}
  .pinfo .info-area .details h3{margin: 40px 0 20px;font-size: 24px;padding-left: 0;}
  .pinfo .info-area .details .adv-ul .li{width: 100%;margin-right: 0;margin-bottom: 15px;}
  .pinfo .info-area .details .adv-ul .li p{font-size: 15px;}

  .article{padding: 40px 15px;}
  .article .ul .li{margin-bottom: 15px;}
  .article .ul .li a h4{padding-right: 45px;}
  .article .ul .li a h4::after{right: 10px;width: 30px;height: 30px;font-size: 15px;line-height: 28px;}

  .news{padding: 40px 0;}

  .n-info .info-area .tit h4{font-size: 25px;}
  .n-info .sm-info{padding: 15px;}
  .n-info .info-area .content{font-size: 15px!important;}

  .contact{padding: 40px 0 0;}
  .contact .mes{padding: 40px 15px;}
  .contact .map .right{padding: 10px 30px;}
  .contact .mes form .form-tr.input{width: 100%;margin-right: 0;}

  .history{padding: 40px 0;}
  .history .ul::before{left: 30px;}
  .history .ul .li{width: calc(100% - 30px);}
  .history .ul .li:nth-child(2n-1){margin-right: 0;margin-left: 30px;padding-right: 0;padding-left: 30px;}
  .history .ul .li:nth-child(2n){margin-left: 30px;padding-left: 30px;}
  .history .ul .li:nth-child(2n-1)::before{right: auto;left: 0;transform: translate(-50%,-50%);}

  .culture{padding: 40px 15px;}
  .culture .ul .li{width: 100%;margin-right: 0;}
  .culture .ul .li .info{padding: 30px 60px;}
  .culture .ul .li .info h3{font-size: 22px;}
  
}

@media screen and (min-width: 0px) and (max-width:640px){
  .company .num-change{padding: 20px 5% 10px;}

  .news .ul .li{width: 100%;margin-right: 0!important;}

  .contact .mes h2{margin-bottom: 30px;}
  .contact .mes form .form-tr input, .contact .mes form .form-tr textarea{line-height: 48px;width: calc(100% - 80px);}
  .contact .mes form .form-tr label{line-height: 50px;width: 80px;}
  .contact .mes form .form-tr.vcode .code{margin-right: 10px;}
  .contact .mes form a{font-size: 15px;}

  .history .ul .li .info h3{font-size: 20px;margin-bottom: 5px;}
}
@media screen and (min-width: 0px) and (max-width:440px){
  .tit h2{font-size: 26px;}

  .goods .ul .li .swiper h3{font-size: 16px;}

  .article .li .img img{width: 85%;height: 85%;}
  .article .li .tit{font-size: 15px;margin-bottom: 15px;}

  .news .ul .li{margin-bottom: 25px;padding-bottom: 0;}
  .news .ul .li .img{width: 100%;padding-bottom: 55%;max-width: 100%;}
  .news .ul .li .txt{width: 100%;padding-left: 0;}
  .news .ul .li .txt p{font-size: 15px;margin-bottom: 15px;}
  .news .ul .li .txt span{font-size: 15px;}

  .n-info .info-area .tit h4{font-size: 22px;line-height: 45px;}
  .n-info .info-area .tit p{font-size: 14px;margin-bottom: 0;}
  .n-info .info-area .content{margin-top: 0;}

  .contact .mes h2{font-size: 22px;}
}
@media screen and (min-width: 0px) and (max-width:375px){
  

}

@media screen and (min-width: 0px) and (max-width:320px){

}


@-moz-keyframes bg {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {
    -moz-transform: translate3d(-3200px, 0, 0);
    -webkit-transform: translate3d(-3200px, 0, 0);
    -o-transform: translate3d(-3200px, 0, 0);
    -ms-transform: translate3d(-3200px, 0, 0);
    transform: translate3d(-3200px, 0, 0)
  }
}

@-webkit-keyframes bg {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {
    -moz-transform: translate3d(-3200px, 0, 0);
    -webkit-transform: translate3d(-3200px, 0, 0);
    -o-transform: translate3d(-3200px, 0, 0);
    -ms-transform: translate3d(-3200px, 0, 0);
    transform: translate3d(-3200px, 0, 0)
  }
}

@-o-keyframes bg {
  0% {
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  100% {
    -moz-transform: translate3d(-3200px, 0, 0);
    -webkit-transform: translate3d(-3200px, 0, 0);
    -o-transform: translate3d(-3200px, 0, 0);
    -ms-transform: translate3d(-3200px, 0, 0);
    transform: translate3d(-3200px, 0, 0)
  }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@keyframes scale1 {
  0% {
    transform: scale(0)
  }
  100% {
    transform: scale(1.1)
  }
}

.de-page-mian {overflow: hidden;text-align: center;font-size: 0;padding: 0;background-color: #fff;width: 100%;}
.de-page-mian .page-inner {display: inline-block;overflow: hidden;padding: 10px 0;}
.de-page-mian .page-inner a {display: block;float: left;min-width: 26px;padding: 0 5px;height: 36px;border: 1px solid #dddddd;background: #fff;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin-right: -1px;overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {color: #fff;border-color: rgba(0, 0, 0, .8);background: rgba(0, 0, 0, .8);}
.de-page-mian .page-inner a.prev {margin-right: 10px;background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on {background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.next {margin-left: 10px;margin-right: 15px;background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on {background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn {font-size: 12px;margin-right: 0;width: 63px;margin-left: 10px;display: none;}
.de-page-mian .page-inner span {display: block;font-size: 12px;color: #333;float: left;line-height: 38px;display: none;}
.de-page-mian .page-inner input {display: block;float: left;height: 36px;width: 36px;border: 1px solid #dddddd;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin: 0 5px;display: none;}
@media screen and (min-width: 0px) and (max-width:320px){
    .de-page-mian .page-inner span,.de-page-mian .page-inner input,.de-page-mian .page-inner a.page-btn{display: none;}
}