@charset "utf-8";
/* CSS Document */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, img{border:0px;}
ul{list-style:none;}
li{list-style:none; color:#404040;}
body,td,th,select,input,textarea,ul,li,dl,dd,dt { font-size:16px;color:#333;margin:0px; padding:0px;} 
p{color:#666464; padding:0px; margin:0;line-height: 28px;}
img{ border:none; padding:0px; margin:0;display: block;
    object-fit: cover;
	image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
image-rendering: crisp-edges; 
-ms-interpolation-mode: nearest-neighbor;
max-width: 100%;
height:auto;
}
a:link{color:#333;text-decoration: none;}
a:visited,a:hover{color:#333; text-decoration: none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
html{height:100%;overflow-y:scroll;}
body{ height:100%;line-height:28px;padding:0px; margin:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background-color:#fff;}

/*大图*/
.banner{ width:100%; height:auto; overflow:hidden; margin:auto;}

/*头部*/
.nev{ width:100%; height:auto; margin:auto; position:fixed; z-index:2; top:0px; left:0;padding:15px 0;}
.nev ul li:nth-child(2){ width:40%;}
.nev ul li img{ height:40px;}
.nev ul li dl dd a{ color:#fff;}
.nev ul li dl dd a:hover{ color:#fff; border-bottom:2px solid #fff;padding-bottom: 8px;}
.nev ul li dl dd a.our{border-bottom:2px solid #fff;padding-bottom: 8px;}

/*导航*/
.nevR{width: 200px;height:30px;border-radius: 80px;border: 1px solid #FFFFFF; line-height:30px; position:relative;}
.nevR input{ width:100%; height:30px; line-height:30px; padding:0 10px; box-sizing:border-box; border:none; background:none;color:white;}
.nevR input::placeholder {
    color: #fff;        /* 字体颜色 */
    font-size: 14px;    /* 字体大小 */
}
.nevRso{ position:absolute; z-index:2; top:-2px; right:10px;}
.nevRso img { height:14px !important;}

.nev ul li:nth-child(3) dl dd:nth-child(2){ margin-left:30px; font-size:14px; color:#fff; position:relative;}
.nev ul li:nth-child(3) dl dd:nth-child(2) img{ height:20px;}
.nevxia{ width:100%; height:auto; overflow:hidden; position:absolute; z-index:2; top:22px; left:0; background-color:#fff;border-radius: 5px; background-color: rgba(255, 255, 255, 0.8); padding:10px; box-sizing:border-box; display:none;}
.nev ul li:nth-child(3) dl dd:nth-child(2):hover .nevxia{ display:block;}

.nevxia dl dt{ font-size:14px; line-height:25px;}
.nevxia dl dt img{ height:15px !important;}
.nevxia dl dt a{ color:#333 !important;}
.nevxia dl dt a:hover{ color:#333 !important; border-bottom:none !important;}


.bantit{ width:100%; height:100%; margin:auto; position:absolute; z-index:2; bottom:0px; left:0; color:#fff;}
.bantit h1{ font-size:40px; font-weight:bold; margin:auto; text-align:center;}
.bantit span { display:block; width:60px; height:8px; background-color:#fff; margin:auto; margin-top:30px;}
.bantit p{ line-height:30px; font-size:20px; color:#fff;margin-top:30px;}

 
.ty_title{margin:30px 0; text-align:center; font-size:30px; color:#E1E2E5;text-transform: uppercase;} 
.ty_title span{ display: block; color:#1D1E1F; font-size:24px; margin-top:-15px;}

.iproduct{ width:100%; height:auto; overflow:hidden; margin:auto;}
.iproduct ul li{ width:31%; margin-right:3.5%; margin-bottom:20px;border-bottom:4px solid #fff;}
.iproduct ul li:nth-of-type(3n){ margin-right:0}
.iproduct2 ul li{ width:23.5%; margin-right:2%; margin-bottom:20px;border-bottom:4px solid #fff;}
.iproduct2 ul li:nth-of-type(4n){ margin-right:0}
.iproduct ul li:nth-child(4n){margin-right:0%;}
.iproductpic{ width:100%; height:260px;overflow:hidden;}
.iproductpic img{width:100%; height:300px;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.iproductpic img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);  
transform:scale(1.1,1.1);}
.iproductpit{ padding:15px; box-sizing:border-box; text-align:center;}
.iproductpit a{ font-weight:bold;}
.iproductpit p{ font-size:14px; color:#616366; padding:5px 0;}
.iproduct ul li:hover{ border-bottom:4px solid #20A4E6;box-shadow: 0px 0px 20px 0px rgba(29,30,31,0.2);}
.iproductm{ margin:auto; margin-bottom:40px; text-align:center;}
.iproductm a{ padding:10px 20px;border: 1px solid #8F9499; color:#5F6366;}

.iabout{ width:100%; height:auto; overflow:hidden; margin:auto; background:url(../images/iabout.png) no-repeat center;}
.iaboutc{ width:100%; height:auto; overflow:hidden; margin:auto; margin-bottom:40px; background-color:#fff;}
.iaboutcL{ width:50%;}
.iaboutcR{ width:46%;}
.iaboutcRtit{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:bold;}
.iaboutcRtit span { display:block; width:40px; height:3px;background: #20A4E6; margin-top:10px;}
.iaboutcRtib{ width:100%; height:auto; overflow:hidden; margin:auto;}
.iaboutcRtib p{padding: 20px 0;}

.icapa{ width:100%; height:auto; overflow:hidden;}
.icapa ul li{ width:32%; margin-right:2%;margin-bottom:20px;}
.icapa ul li:nth-child(3n){margin-right:0%;}
.icapatit{ padding:15px 0; box-sizing:border-box; text-align:left;}
.icapatit a{ font-weight:bold;}
.icapatit p{ font-size:14px; height:75px; line-height:25px; overflow:hidden; color:#616366; padding:5px 0; margin-top:5px;}

.footer{ width:100%; height:auto; overflow:hidden; background:url(../images/footer.png) no-repeat center; padding:30px 0;}
.footerlogo{width:100%;height:auto; overflow:hidden; margin:auto;}
.footerlogo img{ height:35px;}
.footerp{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:15px;}
.footerp p{ color:#fff; font-size:14px; font-weight:normal;}
.footerp p a{ color:#fff;}
.footer ul li:nth-child(2){ width:60%;}
.footername{ font-size:16px; color:#fff;}
.footerdl{ width:100%; height:auto; overflow:hidden; margin-top:15px; }
.footerdl dl dt{ font-size:14px; line-height:28px;color:#fff;}
.footerdl dl dt a{ color:#fff;}
.footerR{ width:100%; height:auto; overflow:hidden;}
.footerR dl dd{ margin-left:20px;}
.footerR dl dd img{width:80px;}
.footerR dl dd span{ display:block; color:#fff; font-size:12px; line-height:26px; text-align:center;}

/*公司简介*/
.abanner{ width:100%; height:auto; overflow:hidden; margin:auto; position:relative;}
.capacity{ width:100%; height:auto; overflow:hidden; margin:auto;}
.capacity ul li{width:100%; height:auto; margin-bottom:40px;}
.capacityL{ width:48%; padding-right:30px; box-sizing:border-box;}
.capacityLt{ width:100%; height:auto; overflow:hidden; font-size:24px; font-weight:bold; color:#AFB1B2;}
.capacityLt span { display:block; width:25px; height:3px;background: #20A4E6; margin-top:5px;}
.capacityLth5{ font-weight:bold; padding:20px 0;}
.capacityLb{ width:100%; height:auto; overflow:hidden; margin:auto;}
.capacityLb p{padding:0 20px 0 0; font-size:14px;}
.capacityR{ width:48%;}

.ctrti{ width:100%; height:auto; overflow:hidden; margin:auto; margin-bottom:40px;}

.contact{ width:100%; height:auto; overflow:hidden; margin:auto;box-shadow: 0px 4px 10px 0px rgba(29,30,31,0.2);}
.contactL{ width:50%; height:auto; overflow:hidden;}
.contactR{ width:50%; padding:0 50px; box-sizing:border-box;}
.contactRt{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:bold;}
.contactRt span { display:block; width:40px; height:3px;background: #20A4E6; margin-top:10px;}
.contactRb{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
.contactRb ul li{width:50%; margin-bottom:30px;}
.contactRb ul li p{ padding:5px 0;}
.contactRb ul li p img{ height:20px; padding-right:5px;}
.contactRb ul li span{ display:block;font-size:14px;}
.contactRwx{ width:100%; height:auto; overflow:hidden; margin:auto;}
.contactRwx ul li{ width:50%;}
.contactRwx ul li span{ display:block;padding-left:38px;}

.visitor{ width:100%; height:auto; overflow:hidden; margin:auto; background:url(../images/iabout.png) no-repeat center; margin-top:40px; }
.visitorc{ background-color:#fff;margin-bottom:40px;}
.visitorL{ width:50%; height:auto; overflow:hidden;padding:0 50px; box-sizing:border-box;}
.visitorR{ width:50%; height:auto; overflow:hidden;}
.message{ width:100%; height:auto; overflow:hidden;}
.message ul li{ width:100%; height:auto; margin-bottom:20px;}
.message ul li span{ width:100px;}
.message ul li input{ width:100%; height:auto; line-height:35px; background:none;border: 1px solid #D2D4D6; padding-left:10px; box-sizing:border-box;}
.message ul li textarea{ width:100%; height:auto; line-height:35px; background:none;border: 1px solid #D2D4D6; padding-left:10px; box-sizing:border-box;}
.messagesub{ width:80px; text-align:center; padding:10px 20px;background: #20A4E6; color:#fff; margin:auto; margin-top:20px;}

.ctrti .swiper-container2 .swiper-wrapper .swiper-slide img{ width:100%;}



.product{ width:100%; height:auto; overflow:hidden; margin:auto; margin-top:30px;}
.productL{ float:left; width:200px; height:auto; overflow:hidden;}

.productL ul li a{ width:100%; height:auto; overflow:hidden;background-color:#fff; box-sizing:border-box; padding:10px 0 10px 30px; line-height:25px;}
.productL ul li a:hover{background: #20A4E6; color:#fff;}
.productL ul li a.on{background: #20A4E6; color:#fff;}

.productR{width: calc(100% - 240px); height:auto; overflow:hidden; margin:auto; float:right;margin-bottom: 20px;}
.productR ul li{ width:100%; height:auto; overflow:hidden; margin:auto;margin-bottom:10px;}
.productRt{ width:100%; height: auto; overflow:hidden; margin:auto; font-size:18px; font-weight:bold; margin-bottom:20px;}
.productRt img{ height:22px;}
.productRu{ width:100%; height:auto; overflow:hidden; margin:auto;}
.productRu dl{width:100%;display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px 20px;}
.productRu dl dd{ width:100%; height:auto; overflow:hidden; margin:auto; border-bottom:4px solid #fff;}
.productRu dl dd:nth-child(4n){ margin-right:0;}

.productRupic img{height:260px; width:100%;}
.productRupic img{width:100%; height:260px;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;
-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;}
.productRupic img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);  
transform:scale(1.1,1.1);}

.productRupit{ padding:15px; box-sizing:border-box; text-align:center;}
.productRupit a{ font-weight:bold;}
.productRupit p{ font-size:12px; color:#616366; padding:5px 0;}
.productRu dl dd:hover{ border-bottom:4px solid #20A4E6;box-shadow: 0px 0px 20px 0px rgba(29,30,31,0.2);}

.productinfo{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.productinfoL{ width:50%; height:350px; overflow:hidden;}

.productinfoLpic{width: calc(100% - 100px); height:auto; overflow:hidden; margin:auto;float:left; border:1px solid #ccc; display:none; box-sizing:border-box;}
.productinfoLpic.on{ display:block;}
.productinfoLpic img{ height:348px; display:flex; margin:auto;object-fit: contain;}
.productinfoL ul{ width:80px; height:auto; overflow:hidden; float:right; }
.productinfoL ul li{ width:100%; height:auto; overflow:hidden; margin-bottom:7px; border:1px solid #ccc; box-sizing:border-box;}
.productinfoL ul li.on{border:1px solid #20A4E6;}
.productinfoL ul li img{ height:80px;object-fit: contain;}

.productinfoR{ width:50%; height:auto; overflow:hidden; padding-left:40px; box-sizing:border-box;}
.iaboutcRtit e{ display:block; color:#616366; font-size:14px; font-weight:normal; padding:10px 0;}
.productinfoRme{ height:auto; line-height:22px; padding:10px 20px;background: #20A4E6;color:#fff; float:left; cursor:pointer;}


.details{ width:100%; height:auto; overflow:hidden; background:url(../images/details.png) no-repeat center;}
.detailsc{ width:100%; height:auto; overflow:hidden; margin:auto; padding-bottom:30px; min-height:400px;}

.tantu{ width:100%; height:100%;background: rgba(29,30,31,0.5); position:fixed; z-index:9; top:0; left:0; display:none;}
.tantuc{ width:100%; height:100%; margin:auto;}
.tantucpic{ padding:40px 60px; background-color:#fff;border-radius: 10px; text-align:center;position: relative;}
.tantucpic>img{position: absolute;width: 20px;height: 20px;top:45px;right: 45px;}
.tantucpict{ width:100%; height:auto; overflow:hidden; margin:auto; font-size:22px; font-weight:bold;}
.tantucpicn{ padding:40px 0;}
.tantucpicnL{ width:auto; text-align:left;}
.tantucpicnL img{ padding-right:15px;}
.tantucpicnL span{ color:#5F6366; line-height:30px;}
.tantucpicnwx{ height:auto;}
.tantucpicnwx img{ height:240px;}
.tantucpicnwx span { display:block; color:#8F9499; font-size:14px; padding:10px 0;}

.no-data-tip {
    text-align: center;      /* 文字居中 */
    padding: 50px 0;         /* 上下留白，撑开高度 */
    color: #999;             /* 字体颜色为灰色 */
    font-size: 16px;         /* 字体大小 */
    width: 100%;             /* 占满宽度 */
    box-sizing: border-box;
}

.wabnev{
    display: none;
}
.headph{
    display: none;
}
@media screen and (min-width: 0) and (max-width: 800px) {
    .banner .swiper-slide img{ height:100vh;}
    .nev ul li:nth-child(2){
        display: none;
    }
    .nev ul li:nth-child(3){
        display: none;
    }
    
    
    
    .wabnev{
        display: block;
    }
    
    
    /*导航三个杠*/
	.wabnev dl{width: 23px;height: 23px;cursor: pointer;box-sizing: border-box;display:block;}
	.wabnev dl dd{width: 100%;height: 2px;background: #ffffff;border-radius: 1px;margin: 5px 0;}
	.wabnev dl dd:nth-child(2){width: 50%;}
	
	/*手机导航弹出框*/
	.headph{ width:100%; height:100%; margin:auto; background-color:#fff; display: none; position:fixed;top:0;z-index:9999;}
	.headphX{ width:100%; height:auto; overflow:hidden;font-size:26px; color:#333; text-align:right; margin-top:20px; cursor:pointer;}
	.headphnev dl dt {display: flex;padding: 0;width: 100%;box-sizing: border-box; border-bottom:1px solid #EFEFEF;}
	.headphnev dl dt a{flex: 1;height: 54px;line-height: 54px;cursor: pointer;font-size:16px;}
	.headphnev dl dt a:visited{ color:#333;}
	
	@font-face {
	  font-family: 'iconfontX';  /* Project id 5002284 */
	  src: url('//at.alicdn.com/t/c/font_5002284_k7fn8ff0149.woff2?t=1755584577309') format('woff2'),
		   url('//at.alicdn.com/t/c/font_5002284_k7fn8ff0149.woff?t=1755584577309') format('woff'),
		   url('//at.alicdn.com/t/c/font_5002284_k7fn8ff0149.ttf?t=1755584577309') format('truetype');
	}
	.iconfontX {
	font-family: "iconfontX" !important;
	font-size: 36px; line-height:36px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0px;
	-moz-osx-font-smoothing: grayscale;
	}
    
    .iproduct ul li{
        width: 100%;
        margin-right:0;
    }
    
    .iaboutcL{
        width: 100%;
    }
    .iaboutcR{
        width: 100%;
        padding-top: 20px;
    }
    .iaboutc{
        display: inline !important;
    }
    
    .icapa ul li{
        width: 100%;
        margin-right: 0;
    }
    
    .abanner img{
        height: 100vh;
    }
    .bantit h1{
        padding: 0 3%;
    }
    
    .footer ul{
        display: inline;
    }
    .footer ul li:nth-child(2){
        display: none;
    }
    .footer ul li:nth-child(1){
        width: 100%;
        margin-bottom: 20px;
    }
    .footerR dl dd:nth-child(1){
        margin-left: 0;
    }
    
    .capacity ul li{
        display: inline;
    }
    .capacityL{
        width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .capacityR{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .contact{
        display: inline !important;
    }
    .contactL{
        width: 100%;
    }
    .contactR{
        width: 100%;
        padding:20px;
    }
    .visitorc{
        display: inline !important;
    }
    .visitorL{
        width: 100%;
        padding: 0 20px;
    }
    .visitorR{
        width: 100%;
        padding: 20px 0;
    }
    
    .productL{
        width: 100% !important;
    }
    .productR{
        width: 100%;
    }
    
    .productL ul{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px;
        margin-bottom: 20px;
    }
    
    .productRu dl{
        grid-template-columns: repeat(1, 1fr);
    }
    
    .productinfo{
        display: inline !important;
    }
    .productinfoL{
        width: 100%;
        overflow: initial !important;
    }
    .productinfoR{
        width: 100%;
        padding-left:0;
        margin-top: 20px;
    }
    .iaboutcRtib p{
        padding: 5px 0;
    }
    
    .productinfoLpic{
        width: 100%;
    }
    .productinfoL ul{
        width: 100%;
        float: left;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px 20px;
        margin-top: 10px;
    }
    .productinfoL ul li{
        text-align: center;
    }
    
    .productRupic img{
        height: auto;
    }
    .iproductpic img{
        height: auto;
    }
    
}





/*公用*/
.box{ width:92%; height:auto;max-width:1300px; margin:auto;}
.flex{display:flex;display:-webkit-flex;align-items:center;}
.flexend{display:flex;display:-webkit-flex;align-items:flex-end;}
.flexwa{display:flex;display:-webkit-flex;align-items:center;flex-wrap: wrap;align-content: center;}
.flex_sb{display:flex;display:-webkit-flex;justify-content:space-between;}
.flex_sba{display:flex;display:-webkit-flex;justify-content:space-between;align-items:center;}
.flex_sbc{display:flex;display: -webkit-flex;justify-content:space;align-items:center;}
.flex_sbs{display:flex;display: -webkit-flex;justify-content:space;flex-wrap: wrap;}
.flex_sbw{display:flex;display:-webkit-flex;justify-content:space;flex-wrap:wrap;align-items:center;}
.flex_sbcc{display:flex;display:-webkit-flex;justify-content:center;align-items:center;}
.flexwajc{display:flex;display:-webkit-flex;align-items:center;flex-wrap: wrap;justify-content:center;align-content: center;}
.flexjc{display:flex;display:-webkit-flex;justify-content:space-between;flex-wrap: wrap;}