@charset "utf-8";
/* CSS Document */
*{padding: 0;margin:0;}
body{font-family:'微软雅黑';}
img{display:block;vertical-align: middle;max-width:100%;}
dl,ol,ul,dd,li{list-style-type:none;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:none;color:#333;}
input{outline:0;border:none;}
.top,.topa,.topb ul,.hezap ul,.fortj,.fortjb ul,.fortjca,.topb,.tos,.toss{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}

.tss{position:relative;}
.top{max-width:1300px;margin:auto;justify-content:space-between;align-items: center;width:96%;}
.topa{align-items:center;}
.topa h1{width:50px;margin-right:20px;}
.topa h2{width:280px;}

.topb{width:calc(85% - 330px);justify-content:space-between;    align-items: center;}
.topb ul{justify-content:flex-end;width: calc(100% - 90px);}
.topb li{width:14.2857%;text-align: center;position:relative;}
.topb ul p{line-height:100px;}
.topb p.tpb a{color:#e60013;}
.topb dl{position:absolute;top:100%;left:-21px;width:150px;z-index: 9999;background:#fff;font-size:14px;display:none;}
.topb dl a{display:block;line-height:18px;padding:10px 0;transition: all 0.2s;}
.topb dl a:hover{background:#e60013;color:#fff;}
.topb li:hover p a{color:#e60013;}

.tos{width:66px;position:relative;justify-content:space-between;align-items: center;padding:4px 0;}
.tos img{width:20px;}
.tos p{position:relative;padding-right:10px;cursor:pointer;}
.tos p:after{content:'';border-top:5px solid #333;border-left:5px solid #fff;border-right:5px solid #fff;position:absolute;top:50%;right:0;}
.tos a{position:absolute;top:100%;left:0;width:100%;box-shadow:0 0 5px #ccc;background:#fff;z-index: 999;text-align:center;padding:3px;display:none;}
@media screen and (min-width:980px){
    :has(.tos:hover) .tos a{display:block;}
    .tos a:hover{background:#e60013;color:#fff;}
}
.toss{align-items:center;margin-right:50px;font-size:15px;display:none;}
.toss img{width:16px;margin-right:5px;}

/*手机*/
.zhz{width:49px;height:49px;overflow:hidden;display:none;position:absolute;top:13px;right: 20px;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.active .samp2{left:-100%;}
.active .samp1{transform:rotate(225deg);top:25px}
.active .samp3{transform:rotate(-225deg);top:25px;}

/*大图 #0494d7*/
.banner{}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 16px;background: #fff;display: -webkit-box;display: -ms-flexbox;align-items: center;position: relative;}
.swiper-slide1bg{width: 100%;}
.swiper-slide1bg i{display: block;overflow: hidden;font-size: 0px;}
.swiper-slide1bg i img{max-width: 100%;}
.swiper-slide-active .swiper-slide1bg{width:100%;transition-delay: 0.5s;}
.swiper-slide1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);opacity:1;transition: 1s;width: 80%;}
.pin2{width: 860px;height: 423px;background: rgba(0, 0, 0, 0.5);border-radius: 30px;opacity: 0;transition: 2s;transform: translate(-50%,-50%);}
.pin2 .p1{text-transform: uppercase;}
.swiper-slide1 h3{color: #fff;font-size: 50px;padding-bottom: 10px;font-weight: bold;padding-top: 100px;transform: translateY(-100%);opacity: 0;transition: 1.5s;letter-spacing: 8px;}
.swiper-slide1 p.p1{font-size: 16px;color: #fff;letter-spacing: 1px;font-weight: 100;transform: translateY(-100%);opacity: 0;transition: 1.5s;margin-top: 16px;line-height: 30px;}
.swiper-slide1 .p2{width: 400px;margin: 0px auto;overflow: hidden;text-align: center;margin-top: 35px;transform: translateY(-100%);opacity: 0;transition: 2s;}
.swiper-slide1 .p2 ul{}
.swiper-slide1 .p2 ul li{display: inline-block;vertical-align: middle;width: 195px;font-size: 25px;font-weight: 100;color: #fff;line-height: 45px;}
.swiper-slide1 .swiper-slide1pic{margin-top: 80px;transform: translateY(100%);transition: 1.5s;opacity: 0;}
.swiper-slide1 .swiper-slide1pic i{display: block;overflow:hidden;font-size: 0px;}
.swiper-slide1 .swiper-slide1pic i img{max-width: 100%;margin: 20px;box-shadow: 4px 10px 28px -2px rgb(8, 22, 140);}
.swiper-slide-active .swiper-slide1{opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 h3{transform: translateY(0%);opacity: 1;transition-delay: 0.5s;}
.swiper-slide-active .swiper-slide1 p.p1{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-slide-active .swiper-slide1 .p2{transform: translateY(0%);opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .pin2{opacity: 1;transition-delay: 1.3s;}
.swiper-slide-active .swiper-slide1 .swiper-slide1pic{transform: translateY(0%);opacity: 1;transition-delay: 1s;}
.swiper-pagination-bullet{width: 25px;height: 25px;background: url(../images/banner_xan1.png) no-repeat center;color: rgba(255, 0, 0, 0);}
.swiper-pagination-bullet-active{background: url(../images/banner_xan.png) no-repeat center;}

.sjbanner{display:none;}
.cp-ban{background:#f8f8f8;padding:1px 0 50px;}

.xian{width:100%;height:10px;background: #e60013;margin:20px auto;}

.heztx{text-align: center;font-size:28px;margin-bottom:20px;}
.si{margin:auto;}
.hezim{background:url("../images/xx.jpg") center;margin:auto;box-sizing: border-box;max-width:1300px;}
.hezap{margin:auto;max-width:1200px;width:96%;}
.hezap ul{flex-wrap: wrap;justify-content: space-between;padding:6% 0 3%;}
.hezap ul li{width:17%;margin-bottom:40px;}





/*底部*/
.for{background:#eee;margin:50px 0 0;}
.fortj{max-width:1300px;margin:auto;padding:30px 0; justify-content: space-between;width:96%;}
.fortja{font-size:14px;color:#444;line-height:30px;width:30%;}
.fortjb{width:40%}
.fortjb ul{justify-content: space-between;}
.fortjb li{width:26%;}
.fortjb a{display:block;font-size:14px;line-height:32px;}
.fortjb h6{margin-bottom:20px;}
.fortjb a:hover{color:#e60013;}
.fortjc{width:20%;}
.fortjc h6{margin-bottom:20px;}
.fortjca{justify-content: space-between;}
.fortjca p{text-align:center;font-size:14px;width:46%;}
.forj{background:#eee;border-top:1px solid #fff;}
.forja{max-width:1300px;margin:auto;padding:20px 0;font-size:14px;width:96%;}


/*************内页****************/
.n-about,.n-absj ul,.n-pr1 ul,.n-pr3 li,.n-pc1b ul,.n-pr3b,.n-pr3ab,.n-hira,.n-cont,.feetb{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.n-ban{width:100%;}
.n-about{justify-content:space-between;max-width:1300px;margin:60px auto 40px;width:96%;}
.n-abouta{width:47%;}
.n-aboutb{width:47%;}

.n-abo{font-size:28px;text-align: center;margin:20px auto 30px;}
.n-aboa{text-indent:2em;line-height: 28px;color:#555;font-size:1.02rem;letter-spacing: 2px;}
.n-abob{text-align:center;font-size:22px;margin:20px 0;}
.n-aboc{font-size:15px;line-height: 28px;color:#555;}

.n-abs{font-size:28px;text-align: center;margin:50px 0 20px;letter-spacing: 5px;}
.n-abst{font-size: 1.3rem;text-align: center;padding: 16px 0;background: #999;color: #fff;margin: auto;letter-spacing: 3px;font-family: '黑体';}
.n-absj{margin:30px auto;}
.n-absj ul{margin-right:-2%;flex-wrap: wrap;}
.n-absj li{width:31.333%;margin:0 2% 20px 0;}

.n-ss{max-width:1300px;width:96%;margin:auto;}

/*应用*/
.n-pr1{max-width:1300px;margin:auto;width:96%;overflow:hidden;}
.n-pr1 ul{margin-right:-3%;flex-wrap: wrap;}
.n-pr1 li{width:30.333%;margin:0 3% 20px 0;box-sizing:border-box;background: #eee;text-align: center;transition: all 0.3s;}
.n-pr1 li div{box-sizing: border-box;padding:3% 3% 0;}
.n-pr1 p{padding:10px 0;}
.n-pr1 li:hover{box-shadow:0 5px 2px rgb(102 102 102 / 50%);background:#e60013;color:#fff;}
.n-pr1 li:hover a{color:#fff;}

.pagebox{ font-family:Arial; text-align:center;clear:both;}
.page{ display:inline-block; margin-top:30px; margin-bottom:20px; margin-left:1px; font-size:0px;}
.page a,.page span{ margin-left:-1px; display:inline-block; font-size:14px; line-height:30px; width:30px; border:1px  solid #e0e0e0;}
.page span.on{  border:1px  solid #e60013; background:#e60013; color:#fff;}
.page a:first-child,.page span:first-child{ border-radius:4px 0px 0px 4px;}
.page a:last-child,.page span:last-child{ border-radius:0px 4px 4px 0px;}
.page2 { margin-top:20px;}
.page2 span{ color:#999;}

/*市场*/
.n-pr3{margin:auto;}
.n-pr3 li{}
.n-pr3a{width:50%;}
.n-pr3b{width:50%;flex-wrap: wrap;align-content: flex-start;}
.n-pr3aa{font-size:1.3rem;text-align: center;padding:15px 0;background:#999;color:#fff;width: 100%;letter-spacing: 3px;font-family: '黑体';}
.n-pr3ab{margin:0 10%;font-size:1.05rem;line-height:30px;align-items: center;height: calc(100% - 59px);letter-spacing:2px;}
.n-pr3 li:nth-child(even) .n-pr3a{order: 2}
.n-pr3 li:nth-child(even) .n-pr3b{order: 1}

/*加工*/
.n-pc1{line-height:30px;text-indent: 2em;margin:0 auto 80px;color:#444;width:96%;font-size:1.05rem;letter-spacing: 2px;}
.n-pc1a{margin:50px auto;color:#444;line-height:32px;font-size:1.05rem;letter-spacing: 2px;text-align:center;}
}
.n-pc1b{max-width:1300px;margin:auto;width:96%;}
.n-pc1b ul{justify-content:space-between;}
.n-pc1b li{width:49.9%;}

/*招聘*/
.n-hir{margin:70px auto;max-width:1300px;width:96%;}
.n-hir li{margin-bottom:20px;}
.n-hira{background:#f5f5f5;justify-content: space-between;padding:0 20px;align-items: center;cursor: pointer;}
.n-hira p{width:80%;background: url("../images/icon-qu1.png") left center no-repeat;box-sizing:border-box;padding:20px 0 20px 40px;}
.n-hira span{display:block;width:26px;height:26px;border:1px solid #a4a4a4;border-radius: 50%;position:relative;}
.n-hira span:after{content: '+';line-height:22px;position:absolute;font-size:26px;width:26px;text-align: center;color:#a4a4a4;}

.n-hirb{box-sizing: border-box;padding:40px 20px;background:#f5f5f5;margin-top:30px;font-size:14px;line-height:28px;color:#666;position:relative;display:none;}
.n-hirb:after{position:absolute;top:-10px;left:5%;border-left:10px solid #fff;border-right:10px solid #fff;border-bottom:10px solid #f5f5f5;content:'';}

.n-hir li.n-hi .n-hira{background:#e60013;}
.n-hir li.n-hi .n-hira p{color: #fff;}
.n-hir li.n-hi .n-hira span{border:1px solid #fff;}
.n-hir li.n-hi .n-hira span:after{color:#fff;content:'-'}

/*联系我们*/
.n-cont{max-width:1300px;margin:70px auto;width:96%;}
.n-conta{width:45%;line-height:30px;color:#444;}
.n-conta h4{font-size:22px;}
.n-contb{width:50%}
#map_container{height:400px;}

/*留言*/
.feet{margin:70px auto;max-width:1300px;width:96%;}
.feeta{margin-bottom:20px;color:#444;}
.feetb{justify-content: space-between;flex-wrap: wrap;}
.feetb p{width:30%;}
.feetb input{width:100%;box-sizing: border-box;border:1px solid #ccc;padding:15px 20px;}
.feetb textarea{width:100%;border:1px solid #ccc;height:200px;margin:20px auto;box-sizing:border-box;padding:15px;font-family: '微软雅黑'; outline: none;}
.feej{text-align: center;}
.feej a{display:inline-block;background:#d2d2d2;color:#fff;border-radius: 10px;line-height:50px;padding:0 70px;}
.feej a:hover{background:#e60013}


@media screen and (max-width:1200px){
.topa h2 {width: 240px;}
.topa h1{width: 40px;}
.topb {width: calc(85% - 270px);}
.topb p{font-size: 14px;}
.heztx{font-size: 24px;}
.n-abo{font-size: 24px;margin: 0px auto 10px;}
.n-aboa,.n-aboc{font-size: 14px;line-height: 22px;}
.n-abs{font-size: 20px;}
.n-abst{font-size: 16px;padding: 10px 0;}
.n-absj{margin: 10px auto;}
.page{margin-top: 10px;margin-bottom: 0px;}
.n-pr3aa{font-size:18px;padding: 7px 0;}
.n-pc1{font-size:16px;line-height: 26px;margin: 0 auto 30px;}
.n-conta h4 {font-size: 20px;}
.n-hir{margin:auto;}
.n-hira p{padding: 10px 0 10px 40px;}
.n-hira span{width: 20px;height: 20px;}
.n-hira span:after{line-height: 17px;font-size: 20px;width: 19px;}
.n-hir li {margin-bottom: 10px;}
.n-hirb{padding: 20px 20px;margin-top: 10px;}
.feet{margin: 30px auto;}


}

@media screen and (max-width:980px){
.topb{position:absolute;top:100%;left:0;width:100%;z-index: 999;background:#fff;border-top:1px solid #ccc;display:none;}
.topb{position:absolute;top:100%;left:0;width:100%;z-index: 999;background:#f3f3f3;border-top:1px solid #ccc;display:none;}
.zhz{display:block;}
.top{padding:10px 0;}
.topb ul p{line-height:44px;}
.topb ul a{display:block;}
.topb ul{display:block;width:100%;}
.topb li{width:100%;text-align: left;box-sizing:border-box;padding-left:3%;border-bottom:1px solid #eee;}
.topb li:after{content:'';position:absolute;right:20px;top:15px;color:#333;width:10px;height:15px;background:url("../images/s1.png") center no-repeat;display:none;}
.topb li.tis:after{display:block;}
.topb dl{width:100%;position:static;}
.topb dl a{padding-left:5%;border-top:1px solid #eee;}
.tos{width:100%;justify-content: center;display:none;}
.tos p{display:none;}
.tos a{position:static;width:auto;background:None;box-shadow:none;display:inline-block;}
.toss{display:flex;}

}

@media screen and (max-width:780px){
.fortjb{display:none;}
.fortj{flex-wrap: wrap;}
.fortja{width:100%;display:none;}
.fortjc{width:100%;}
.fortjca p{width:100px;margin:0 10px;}
.fortjca{justify-content: center;}
.fortjca p{font-size:12px;}
.fortjc h6{display:none;}
.topa h2{width: 120px;}
.topa h1 {width: 25px;margin-right:10px;}
.zhz{top: 3px;right: 0px;}
.xian{margin: 10px auto;height: 3px;}
.heztx {font-size: 18px;}
.hezap ul li{width:31%;margin-bottom: 10px;}
.hezap ul li:nth-child(n+19){display:none;}
.for{margin: 20px 0 0;}
.fortj{padding: 20px 0;}
.forja{font-size:12px;color:#444;padding: 10px 0;}
.n-about{margin:20px auto;flex-wrap: wrap;}
.n-abouta{width:100%}
.n-aboutb{width:100%;margin:20px auto;}
.n-abo,.n-abob{font-size:18px;}
.n-abs{margin: 10px 0 20px;font-size: 18px;}
.n-pr1 li{width:48%;margin:0 2% 15px 0;}
.n-pr1 ul{margin-right:-2%;}
.n-pr1 p {padding: 6px 0;}
.n-pr3ab{line-height: 24px;height:auto;padding:10px 10px 30px;color:#444;margin:auto;font-size:14px;}
.n-pr3aa{font-size: 16px;}
.n-pr3 li{flex-wrap: wrap;}
.n-pr3a{width:100%;}
.n-pr3b{width:100%;}
.n-pr3 li:nth-child(even) .n-pr3a{order: 1;}
.n-pr3 li:nth-child(even) .n-pr3b {order: 2;}
.n-pc1{font-size: 14px;line-height: 24px;}
.n-pc1a{margin: 20px auto;line-height:24px;font-size:14px;}
.n-cont{margin:20px auto 30px;flex-wrap: wrap;}
.n-conta{width:100%;margin-bottom:20px;line-height: 26px;}
.n-contb{width:100%;}
#map_container{height:200px;}
.n-conta h4 {font-size: 18px;}
.n-hirb{line-height: 24px;}
.n-hira p{font-size:14px;}
.feeta{font-size: 14px;}
.feetb input{padding: 10px 10px;}
.feetb textarea{padding: 10px;margin: 0px auto 10px;}
.feej a{line-height: 40px;padding: 0 40px;}
.feetb p{width:100%;margin-bottom:10px;}



}