@charset "utf-8";
/*当浏览器尺寸小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
.about2023{margin-top:20px}
.about2023 .l{width:100%; height:auto; line-height:0.26rem; font-size:0.14rem}
.about2023 .r{width:100%; height:auto; margin-top:26px}

/*about*/
.ipart{height:4rem; margin-top:20px; overflow:hidden;background:url(ipart04_1.jpg) no-repeat center;background-attachment:fixed;padding:50px 0 160px;box-sizing:border-box;}
.ipart .tit{font-size:0.17rem; line-height:0.23rem; color:#fff;}
.ipart .con{font-size: 0.22rem; line-height:0.4rem; color: #fff; margin: 15px 0 40px;}
.ipart .con span{ display:block}

.shuzi{
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    margin-top: -94px;
    border-radius: 10px;
}
.ulshuzi{
	padding: 20px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.ulshuzi li{ width:50%; height:auto; text-align:center; margin-bottom:15px}
.ulshuzi li p{font-size:0.3rem; font-weight:bold; color:#4479c9; height:0.4rem; line-height:0.4rem;}
.ulshuzi li i{margin-left:5px; font-size:0.14rem; font-weight:100; color:#999}
.ulshuzi li span{ display:block; font-size:0.16rem; margin-top:5px; color:#999}
.ulshuzi li:nth-of-type(n+3){margin-bottom:0;}

/*工厂展示*/
.indexE{padding:40px 0; background:#FFF url(../images/case.jpg) no-repeat center; background-size:cover; margin-top:40px}
.indexE h3{font-size:0.18rem; color:#333;line-height:1;font-weight:700; text-align:center}
.indexE h3 span{ display:block; font-size:0.14rem; color:#666; line-height:1; font-weight:100; text-align:center; margin-top:20px}

/* 多图滚动 */
.scrollBox{width:100%; height:auto; margin-top:20px; text-align:center;}
.scrollBox .bd{width:100%; height:auto; overflow:hidden}
.scrollBox .bd li{float:left; width:49%; height:auto; margin-right:2%; margin-bottom:20px;}
.scrollBox .bd li:nth-of-type(2n+0){margin-right:0;}
.scrollBox .bd li span{display:block; height:auto; background-color:#FFF; padding:5px}
.scrollBox .bd li span img{max-width:100%; height:auto;}
.scrollBox .bd li p{ margin-top:10px; padding:0 10px; line-height:0.2rem; color:#666; font-size:0.14rem; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:20px;}
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:16px; height:16px; border-radius:16px; background:#D0D0D0; margin:0 5px; overflow:hidden; }
.scrollBox .hd .on{ background:#BA2636;}

/*荣誉证书*/
.ul_honor{
	width:100%;
	height:auto;
	margin-top:50px;
	padding:10px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.ul_honor li{width:48.5%; height:auto; margin-bottom:20px; border:1px solid #ededed; box-shadow:0 1px 8px 0 rgba(0,0,0,0.10); }
.ul_honor li img{ max-width:100%; height:auto;}

/*弹窗*/
.tc{ position:fixed; left:8%; right:8%; top:10%; margin:0 auto; background:#fff; z-index:99999; padding:10px; text-align:center; border-radius:10px; display:none}
.tc img{ max-width:100%; height:auto;}
.tc_close{ position:absolute; width:30px; height:30px; top:-35px; right:-20px; background:url(../img/close.png) no-repeat}


/*标题专用*/
.title_index{width:90%; height:auto; margin:0 auto; margin-top:10px; position:relative}
.title_index h1{font-size:0.22rem; color:#333; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:0.14rem; line-height:0.22rem; color:#999; font-weight:100; padding-top:20px;}
.title_index:before{content: ""; width:70px; height:1px; background-color:#CCC; position:absolute; left:0; top:60px}
.title_index:after{content: ""; width:70px; height:1px; background-color:#CCC; position:absolute; right:0; top:60px}

}

/*当浏览器尺寸大于992px时候*/
@media screen and (min-width:992px){
.about2023{overflow:hidden; margin-top:30px}
.about2023 .l{ float:left; width:58%; height:auto; line-height:30px; font-size:16px}
.about2023 .r{ float:right; width:39%; height:auto;}

/*about*/
.ipart{height:520px; margin-top:50px; overflow:hidden;background:url(ipart04_1.jpg) no-repeat center;background-attachment:fixed;padding:80px 0 160px;box-sizing:border-box;}
.ipart .tit{font-size:18px; line-height:24px; color:#fff;}
.ipart .con{font-size: 42px; line-height:65px; color: #fff; margin: 15px 0 40px;}
.ipart .con span{ display:block}

.shuzi{
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    margin-top: -94px;
    border-radius: 10px;
}
.ulshuzi{
	padding: 40px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.ulshuzi li{ width:25%; height:auto; text-align:center; position:relative}
.ulshuzi li:before{content: ""; width:1px; height:100%; background-color:#CCC; position:absolute; right:0; top:0}
.ulshuzi li:last-child:before{ display:none}
.ulshuzi li p{font-size:46px; font-weight:bold; color:#4479c9; height:50px; line-height:50px;}
.ulshuzi li i{margin-left:5px; font-size:16px; font-weight:100; color:#999}
.ulshuzi li span{ display:block; font-size:20px; margin-top:10px; color:#999}

/*网站案列*/
.indexE{padding:60px 0; background:url(../images/case.jpg) no-repeat center; background-size:cover; margin-top:50px}
.indexE h3{font-size:30px; color:#a12b21; line-height:1; font-weight:700; text-align:center; margin-top:5px}
.indexE h3 span{ display:block; font-size:18px; color:#666; line-height:1; font-weight:100; text-align:center; margin-top:20px}

/* 多图滚动 */
.scrollBox{width:100%; height:auto; margin-top:40px; text-align:center;}
.scrollBox .bd{width:100%; height:auto; overflow:hidden}
.scrollBox .bd li{float:left; width:23.5%; height:auto; margin-right:2%;}
.scrollBox .bd li:nth-of-type(4n+0){margin-right:0;}
.scrollBox .bd li span{display:block; height:auto; background-color:#FFF; padding:8px}
.scrollBox .bd li span img{max-width:100%; height:auto;}
.scrollBox .bd li p{ margin-top:10px; padding:0 10px; line-height:26px; color:#333; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis;}

.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; margin-top:20px;}
.scrollBox .hd ul{ display:inline-block;}	
.scrollBox .hd li{ display:inline-block; width:16px; height:16px; border-radius:16px; background:#D0D0D0; margin:0 5px; overflow:hidden; }
.scrollBox .hd .on{ background:#BA2636;}

/*荣誉证书*/
.ul_honor{
	width:100%;
	height:auto;
	margin-top:20px;
	padding:15px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.ul_honor li{width:18%; height:auto; margin-bottom:40px; border:1px solid #ededed; box-shadow:0 1px 8px 0 rgba(0,0,0,0.10); }
.ul_honor li img{ max-width:100%; height:auto;}

/*弹窗*/
.tc{ position:fixed; left:30%; right:30%; top:5%; margin:0 auto; background:#fff; z-index:99999; padding:30px; text-align:center; border-radius:10px; display:none}
.tc img{ max-width:100%; height:auto;}
.tc_close{ position:absolute; width:30px; height:30px; top:-20px; right:-40px; background:url(../img/close.png) no-repeat}

/*发展历程*/
.licheng{
	margin-top:30px;
	display:flex;/*启用弹性布局*/
	display: -webkit-flex; /*启用弹性布局,Webkit内核的浏览器*/
	flex-direction:row;/*项目的排列方向,从左到右排*/
	-webkit-flex-direction:row;/*项目的排列方向,从左到右排*/
	flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	-webkit-flex-wrap:wrap;/*一行排不下则换行，第一行在上方*/
	justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
	-webkit-flex-justify-content:space-between;/*在主轴上的对齐方式,两端对齐，项目之间的间隔都相等*/
}
.licheng li{width:32%; height:auto; margin-bottom:40px; background-color:#eef3f7; padding:20px;	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.licheng li h4{font-size:32px; font-weight:bold; color:#333333}
.licheng li .xian{ width:100%; height:3px; margin-top:10px; background-color:#666666; position:relative;}
.licheng li .xian:before{content: ""; width:12px; height:12px; border-radius:50%; background-color:#E30005; position:absolute; left:-2px; top:-6px; transition:all 0.8s; z-index:1}
.licheng li:hover .xian:before{left:100%;}
.licheng li span{ display:block; font-size:14px; line-height:28px; color:#333333; margin-top:10px}
.licheng li h5{font-size:20px; line-height:35px; margin-top:5px; font-weight:bold; color:#666666}
.licheng li em{ display:block;  font-size:14px; line-height:28px; color:#999999; margin-top:10px}

/*标题专用*/
.title_index{ width:800px; height:auto; margin:0 auto; position:relative}
.title_index h1{font-size:30px; color:#333; font-weight:bold; text-align:center; padding:20px;}
.title_index h1 span{ color:#ff6700}
.title_index h1 em{display:block; font-size:14px; line-height:30px; color:#999; font-weight:100; padding-top:12px;}
.title_index:before{content: ""; width:150px; height:1px; background-color:#CCC; position:absolute; left:0; top:67px}
.title_index:after{content: ""; width:150px; height:1px; background-color:#CCC; position:absolute; right:0; top:67px}


}

/*遮罩层专用*/
.zzc{position: fixed; top: 0; left: 0; right:0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99990; display: none;}