html,body{margin:0;padding:0;font-family:'微软雅黑';user-select2: none;}
ul,li{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
img,video{border:0;max-width:100%;outline:none;}

.header{position:fixed;left:0;top:0;right:0;z-index:10;}
.header.bg{background:url(../images/menubg.png);}
.header .a{padding:1% 10%;}
.header .logo{display:inline-block;}
.header .logo img{height:50px;filter2:brightness(0) invert(1);margin-right:10px;border:0;outline:none;}
.header .menuicon{display:inline-block;width:50px;height:50px;background:url(../images/menuicon.png) no-repeat;background-size:auto 50px;}
.header .search{position:relative;float:right;margin-top:10px;border-right:1px solid #fff;margin-right:20px;}
.header .search .a{width:100px;height:25px;background:url(../images/searchicon.png) center center no-repeat;background-size:auto 20px;}
.header .search .b{display:none;position:absolute;top:25px;right:20px;width:180px;white-space:nowrap;}
.header .search .b input{float:left;width:120px;height:25px;vertical-align:center;}
.header .search .b input[type=submit]{width:60px;border:0;background:#22409b;color:#fff;}
.header .search:hover .b{display:block;}
.header .lang{float:right;margin-top:10px;}
.header .lang a{color:#fff;font-weight:bold;}
.header .b{display:none;}
.header .menu{display:table;width:80%;margin:20px 0 20px 20%;text-align:left;}
.header .menu .item{position:relative;display:table-cell;padding:20px;width:15%;height:100%;vertical-align:top;line-height:30px;}
.header .menu .item a{color:#fff;}
.header .menu .item a:hover{color:#22409b;}
.header .menu .item .first{font-size:18px;font-weight:bold;}
.header .menu .item .line{position:absolute;left:4px;top:0;bottom:0;border-left:1px solid #858585;}
.header .menu .item .circle{position:absolute;top:30px;left:0;display:inline-block;width:15px;height:15px;background:url(../images/dot.png) no-repeat;}
.header .menu .item li{display:block;width:100%;}


.swiper-wrapper{height:auto;}
.mbanner{display:none;}
.banner{position:relative;}
.banner img{width:100%;}
.banner .swiperbannerpage{position:absolute;left:0;right:0;bottom:15px;text-align:center;}
.banner .swiperbannerpage span{margin:0 5px;width:10px;height:10px;}
.banner .swiperbannerpage span.swiper-pagination-bullet-active{background:#22409b;}
.mbanner img{width:100%;}


.boxtitle .tit{font-size:50px;}
.boxtitle .tit span{font-weight:bold;color:#22409b;}
.boxtitle .tit div{display:inline-block;margin-right:10px;border-left:3px solid #000;height:30px;}
.boxtitle .info{font-size:12px;padding-left:15px;max-width:300px;}
.boxtitle .line{margin:25px 15px;}
.boxtitle .line span{display:inline-block;width:15%;border-top:4px solid #22409b;}


.productbox{clear:both;overflow:hidden;}
.productbox li{float:left;width:33.33%;}
.productbox li a{position:relative;display:block;padding-top:80%;border:1px solid #fff;background:#f2f2f2;text-align:center;color:#fff;overflow:hidden;}
.productbox li img{position:absolute;left:15%;right:15%;top:15%;bottom:15%;width:70%;height:70%;object-fit:contain;vertical-align:middle;}
.productbox li .text{position:absolute;left:0;right:0;top:100%;height:100%;background:#22409b;transition:all 0.5s;}
.productbox li .text .t1{font-size:22px;margin-top:30%;}
.productbox li .text .t2{font-size:16px;margin-top:1%;}

.productbox li a:hover .text{top:0;}



.aboutbox{clear:both;overflow:hidden;padding:5%;background:url(../images/aboutbg.png) center bottom;}

.aboutbox .a{overflow:hidden;}
.aboutbox .a .l{float:left;width:48%;margin-right:5%;}

.aboutbox .a .l .cont{margin:0 15px;text-indent:2em;}
.aboutbox .a .l .more{margin:25px 15px;}
.aboutbox .a .l .more a{display:inline-block;padding:10px 80px 10px 25px;font-size:18px;color:#fff;background:#22409b url(../images/jiantou.png) 120px center no-repeat;;border-radius:30px;}
.aboutbox .a .r{overflow:hidden;}


.aboutbox .b{overflow:hidden;padding:5% 0;}
.aboutbox .b li{float:left;width:16%;border-left:2px solid #22409b;}

.aboutbox .b li div{padding-left:20px;font-size:18px;color:#6f6f6f;line-height:30px;}
.aboutbox .b li .bb1{font-size:35px;font-weight:bold;color:#22409b;}
.aboutbox .b li .bb1 sup{font-size:18px;}

.aboutbox .c{padding:0 15%;text-align:center;}
.aboutbox .c img{display:none;}
.aboutbox .c .item{position:relative;}
.aboutbox .c .img{position:absolute;width:100%;height:10px;top:25px;background:url(../images/circle.png) center center no-repeat;}
.aboutbox .c .text{padding-top:30px;}
.aboutbox .c .text .tit{padding-top:30px;border-top:1px solid #22409b;font-size:30px;font-weight:bold;color:#22409b;}
.aboutbox .c .text .cont p{margin:0;padding:0;}


.industrybox{clear:both;background:#f2f2f2;padding:5%;}
.industrybox .a{overflow:hidden;}
.industrybox .a .l{float:left;width:32%;margin-right:5%;}
.industrybox .a .l .cont div{display:inline-block;margin:5px 0;line-height:25px;vertical-align:top;}
.industrybox .a .l .cont div:first-child{width:25px;padding:5px;border-radius:100%;background:#fff;text-align:center;margin-right:10px;font-size:20px;font-weight:bold;color:#22409b;}
.industrybox .a .l .cont div:nth-child(2){width:180px;cursor:pointer;}
.industrybox .a .l .cont div:nth-child(3){width:100px;}
.industrybox .a .l .cont li:first-child div{background:none;height:50px;margin-top:50px;}
.industrybox .a .l .cont li:first-child div:nth-child(2){background:url(../images/locationicon.png) 20px center no-repeat;}
.industrybox .a .l .cont li:first-child div:nth-child(3){background:url(../images/sizeicon.png) 20px center no-repeat;}

.industrybox .a .r{overflow:hidden;overflow-x:auto;}
.industrybox .a .rr{width:800px;position:relative;}
.industrybox .a .r .point{position:absolute;z-index:1;}
.industrybox .a .r .point div:first-child{opacity:0;padding-left:60px;color:#f8b62b;font-weight:bold;}
.industrybox .a .r .point div:nth-child(2){opacity:0;padding-left:30px;height:30px;overflow:hidden;}
.industrybox .a .r .point div:nth-child(2) div{border-top:3px solid #f8b62b;border-left:3px solid #f8b62b;border-radius:60px 0 0 0;height:30px;}
.industrybox .a .r .point div:nth-child(3){width:60px;height:50px;background:none;}
.industrybox .a .r .point:hover div{opacity:1;}

.industrybox .a .r .point0{top:55%;left:35%;}
.industrybox .a .r .point1{top:73%;left:55%;}
.industrybox .a .r .point2{top:70%;left:18%;}
.industrybox .a .r .point3{top:30%;left:32%;}
.industrybox .a .r .point4{top:1%;left:42%;}
.industrybox .a .r .point5{top:32%;left:8%;}
.industrybox .a .r .point6{top:65%;left:70%;}
.industrybox .a .r .point7{top:28%;left:88%;}
.industrybox .a .r .point8{top:17%;left:26%;}


.honourbox{clear:both;background:url(../images/honourbg.png) center bottom no-repeat;}
.honourbox .a{padding:5%;}
.honourbox .cont{padding:3% 0;}
.honourbox img{width:100%;}
.honourbox .item .img{padding:20% 10%;}
.honourbox .swiper-slide-prev .img{padding:10%;padding-left:0;}
.honourbox .swiper-slide-next .img{padding:10%;padding-right:0;}
.honourbox .swiper-slide-active .img{padding:0;}


.newsbox{clear:both;}
.newsbox .a{padding:5%;}

.newsbox .nav{text-align:center;margin:30px 0 10px 0;}
.newsbox .nav a{display:inline-block;padding:10px 20px;border:2px solid #000;font-size:20px;color:#000;font-weight:bold;}
.newsbox .nav a:hover{background:#000;color:#fff;}

.newsbox .b{width:70%;margin:0 auto;overflow:hidden;}
.newsbox .b .l{float:left;width:45%;margin-right:5%;}
.newsbox .b .l a{display:block;padding:5%;background:#e2e2e2;}
.newsbox .b .l .tit{color:#22409b;font-size:18px;}
.newsbox .b .l .cont{color:#9e9e9e;font-size:14px;margin:15px 0;}
.newsbox .b .l .time{color:#9e9e9e;font-size:14px;margin-bottom:30px;}
.newsbox .b .r{overflow:hidden;padding-bottom:100px;}
.newsbox .b .r li{overflow:hidden;margin-bottom:10px;}
.newsbox .b .r li a{color:#828282;}
.newsbox .b .r li .time{float:left;border:1px solid #828282;padding:10px 6px;text-align:center;font-size:14px;margin-right:20px;}
.newsbox .b .r li .time div:first-child{font-size:30px;font-weight:bold;}
.newsbox .b .r li .tit{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsbox .b .r li .cont{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0;}
.newsbox .b .r li .more{font-size:12px;}
.newsbox .b .r li{}
.newsbox .b .r li a:hover{color:#000;}
.newsbox .b .r li a:hover .time{border-color:#000;background:#000;color:#fff;}
.newsbox .b .r li a:hover .cont{color:#828282;}




.footer{clear:both;}
.footer .a{padding:5% 15%;background:#272727;overflow:hidden;}

.footer .nav{float:left;width:20%;}
.footer .nav a{color:#c2c2c2;}
.footer .nav .tit{font-size:18px;color:#fff;line-height:30px;}
.footer .nav li{font-size:14px;line-height:30px;color:#fff;}
.footer .nav4 li:first-child{font-size:25px;color:#22409b;font-weight:bold;margin:10px 0;}

.footer .qrcode{float:right;}
.footer .b{line-height:80px;background:#000;text-align:center;color:#fff;}
.footer .b a{color:#fff;}



.inbox .a{padding:5%;}
.inbox .nav{text-align:center;margin:20px 0 40px 0;white-space:nowrap;overflow-x:auto;}
.inbox .nav a{display:inline-block;padding:10px 20px;border:2px solid #000;font-size:20px;color:#000;font-weight:bold;}
.inbox .nav a.cur,.inbox .nav a:hover{background:#000;color:#fff;}
.inbox .nav li{display:inline-block;}
.inbox .nav li li{display:block;}

.inbox .content{font-size:14px;word-wrap:break-word;}

.inbox .message{overflow:hidden;}
.inbox .message span{display:none;}
.inbox .message li{float:left;width:49%;margin-right:2%;margin-bottom:10px;}
.inbox .message li:nth-child(2n){margin-right:0;}
.inbox .message li input{width:100%;height:40px;}
.inbox .message .cont{margin:0;width:100%;}
.inbox .message .cont textarea{width:100%;height:120px;}

.inbox .message .btn input{width:100px;background:#000;color:#fff;}

.productlist li{float:left;width:25%;}
.productlist li a{position:relative;display:block;margin:5px;text-align:center;color:#333;}
.productlist li a .img{position:relative;height:0;padding-bottom:100%;overflow:hidden;border:1px solid #000;}
.productlist li a .img img{position:absolute;left:0;top:0;right:0;bottom:0;max-width:96%;max-height:96%;margin:auto;object-fit:contain;transition:all 0.5s;}
.productlist li a .tit{padding:0 10px;height:50px;line-height:50px;background:#fff;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.productlist li a .time,.productlist li a .time2,.productlist li a .cont,.productlist li a .more{display:none;}
.productlist li a.hover{box-shadow:#eee 2px 2px 3px 5px;}
.productlist li a:hover .configs{max-height:500px;}
.productlist li a:hover .tit{color:#22409b;}
.productlist li a:hover .img img{transform: scale(1.2);}

.newslist a{display:block;position:relative;line-height:45px;border-bottom:1px dashed #eaeaea;font-size:12px;color:#333;}
.newslist a .time{position:absolute;right:0;top:0;display:inline-block;height:45px;line-height:45px;}
.newslist a img{display:none;}

.newslist2 li{position:relative;clear:both;}
.newslist2 a{display:block;padding-bottom:20px;margin-bottom:20px;line-height:30px;border-bottom:1px dashed #eaeaea;font-size:14px;color:#333;}
.newslist2 a .time{position:absolute;right:0;top:0;display:inline-block;height:25px;line-height:25px;}
.newslist2 a .time2{float:left;padding:20px;border:1px solid #000;text-align:center;margin-right:15px;}
.newslist2 a .time2 .t1{font-size:20px;font-weight:bold;}
.newslist2 a .text{overflow:hidden;}
.newslist2 a .img{display:none;float:left;width:145px;height:95px;margin-right:15px;position:relative;overflow:hidden;}
.newslist2 a .img img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;margin:auto;}
.newslist2 a .tit{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newslist2 a .cont{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc;}
.newslist2 a:hover .tit{color:#008ddc;font-weight:bold;}
.newslist2 a:hover .time2{background:#000;color:#fff;}

.newslist3 a .time,.newslist3 a .time2,.newslist3 a .img,.newslist3 a.cont{display:none;}
.newslist3 ul{overflow:hidden;}
.newslist3 li{float:left;width:49%;margin-right:2%;clear:unset;}
.newslist3 li:nth-child(2n){margin:0;}
.newslist3 li a{border:1px solid #000;padding:10px;}

.infoshow .tit{line-height:25px;padding:10px 0;font-size:20px!important;border-bottom:1px dashed #eaeaea;color:#333;text-align:center;}
.infoshow .info{font-size:12px;text-align:center;line-height:25px;color:#333;}
.infoshow .img{text-align:center;margin:15px;}
.infoshow .cont{clear:both;font-size:16px!important;line-height:30px;color:#333;margin:10px 0;}
.infoshow .cont *{font-size:16px!important;color:#333;}
.infoshow .prevnext{line-height:30px;font-size:12px;}
.infoshow .prevnext a{font-size:12px;}
.infoshow .imgs .left{float:left;width:120px;text-align:center;}
.infoshow .imgs .left img{width:110px;height:110px;border:1px solid #333;cursor:pointer;}
.infoshow .imgs .right{float:left;width:630px;text-align:center;overflow:hidden;}
.infoshow .imgs .right img{height:350px;}
.infoshow .cont .ctit{height:40px;border-bottom:1px solid #b61b23;margin-top:10px;}
.infoshow .cont .ctit span{display:inline-block;cursor:pointer;height:40px;line-height:40px;text-align:center;font-size:16px;background:#9e9e9e;color:White;margin-right:2px;padding:0 15px;}
.infoshow .cont .ctit span.cur{background:#b61b23;}
.infoshow .cont .ccont div{display:none;}
.infoshow .cont .ccont div.cur{display:block;}

.page{clear:both;padding:50px 0;text-align:center;font-size:14px;color:#333;}
.page a{display:inline-block;text-align:center;height:40px;line-height:40px;padding:0 12px;margin:8px;border:1px solid #000;font-size:12px;color:#000;}
.page a.cur,.page a:hover{background:#000;color:#fff;}