/*公司介绍**/
.about_01{ overflow:hidden;margin:48px 24px;display: flex;justify-content: space-between;}
.about_titles {float:left; width:50%;position: relative;}
.about_titles .tit { font-size:30px; line-height:100%;   position:relative; text-align:left;padding-left:24px; margin-bottom:12px;}
.about_titles .tit:before {content: "";position: absolute;bottom:0%;left: 0;width:6px;height:90%;box-sizing: border-box;background:#e60012;border-radius:6px;}
.about_titles .douhao { position: absolute; right: 0; top:0px; z-index: 0;width: 36px;height:100%;background: url(../images/dou.png) no-repeat center;background-size: auto 100%;}
.about_titles .content{ font-size:14px; line-height:200%; color:#666 ;text-align: justify; }

.nums-wrap {position:relative;display:flex; align-items: center; margin-top:24px; width:100%}
.num-item {text-align: left; position:relative;padding-right:30px; margin-right: 30px;line-height:200%; display:block}
.num-item:after{width:1px;background: #eee; height:50%; content: "";position: absolute;right: 0; top:25%; }
.num-item:last-child::after{width: 0;}
.i1 {display: inline-block;	font-size:36px;	font-weight:bold;vertical-align: top;}
.i2 {display: inline-block;	font-size:12px;	font-weight:bold;line-height: 1;vertical-align: top;}
.num-txt{margin-top:12px}


.about_imgs {float:right; width:44%;  position:relative; padding:42px 42px 0 0}
.about_imgs img{width:100%; z-index:33; position:relative}
.about_imgs:before{content: "";position: absolute;left:48px;top: 0; width: 100%; height:80%;background:#eee}



/*企业文化**/
.about_02{overflow:hidden;margin:24px 0px 48px;  display:flex;align-items: center;justify-content:center; position:relative; border-radius:6px;padding:0 24px; }
.culture_list { position:relative; z-index:323; width:100%; margin:12px 0px; }
.culture_list li {float:left;width:34%;transition: all .3s;border-bottom: 1px solid rgba(0,0,0,0.1);}
.culture_list li:nth-child(even) {float:right;}
.culture_list li:last-child {  border: none;}
.culture_list li:nth-last-child(2) {  border: none;}
.culture_list .item{ display: block;padding:24px;  background:rgba(0,0,0,0.1); border-radius:6px; margin:30px 0}
.culture_list .tit {font-size:24px;transition: all .3s;color:#e60012}
.culture_list .con {font-size: 14px;margin-top:12px; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    transition: all .3s;}
.culture_list .item .join-deital {    position: absolute; right: 24px;    top: 38.5%;    width: 10px;    height: 10px;    border: 2px solid #e60012;    border-radius: 100%;    transition: all .3s;}
.culture_img {position:absolute; height:100%}
.culture_img img{ height:100%; width:auto;}



.about_03{overflow:hidden;margin:24px 24px 48px;padding:24px;
 background:#f8f8f8 url(../images/history.jpg) no-repeat center  bottom}
.about_03 img{width:100%; z-index:33; position:relative; object-fit: fill; object-fit: contain; object-fit: scale-down;}
.about_03 .content{ position:absolute; top:0px;left:0px ;padding:48px; width:35%; line-height:180%}


.about_zuzhi::-webkit-scrollbar{height:3px}  


/*发展历程**/
.history_list{  overflow:hidden;margin:12px;}
.history_list li{width:25%;text-align:center; float:left; margin-bottom:24px}
.history_list .yeader{ margin:24px 12px; font-size:18px; position: relative; text-align:left;padding-left:12px}
.history_list .yeader:before {content: "";position: absolute;bottom:10%;left: 0;width:4px;height:80%;box-sizing: border-box;background:#ed2328;border-radius: 6px;}

.history_list .scontent{ text-align:left ; padding:12px;height:140px; font-size:14px;}

.page-dele2{position: absolute;bottom:24px;  left:24px; right:24px; height: 11px; background-color: #f8f8f8; background-image: url(../images/xiandian.png);
    display:block !important; opacity: 1 !important;}


/*响应式*/
@media screen and (max-width:480px) {


.about_01{ margin:36px 18px;flex-direction:column}
.about_titles {float:none; width:100%; overflow:hidden}
.about_titles .tit { font-size:18px;padding-left:24px; margin-bottom:18px;}
.about_titles .content{ font-size:12px; border:1px #eee solid; padding:18px }

.nums-wrap {justify-content:center;margin:18px 0;}
.num-item { padding-right:0; margin-right: 0; flex:1; text-align:center }
.i1 {display: inline-block;	font-size:24px;}
.i2 {display: inline-block;	font-size:12px;	}
.num-txt{margin-top:0px; font-size:12px}
.about_imgs {float:none; width:100%;  position:relative; padding:0}


.about_02{overflow:hidden;margin:24px 18px 36px;padding:0 0px;  }
.culture_list {  margin:0px 0px}
.culture_list li {width:100%;}
.culture_list .tit {font-size:16px;transition: all .3s;}
.culture_list .con {font-size: 12px; }

.culture_list .item{ padding:12px;  margin:6px 0}


.about_03{margin:24px 18px 36px;padding:0px;}
.about_zuzhi{ overflow-x:auto; padding:36px 0 18px; }
.about_03 img{ width:auto; height:300px;margin:0 24px; object-fit: fill; object-fit: contain; object-fit: scale-down;}
.about_03 .content{ font-size:12px; z-index:999;padding:24px; width:80%;}



.history_list li{width:50%;}




}

@media screen and (min-width:481px) and (max-width:639px) {

.about_01{ margin:36px 18px;flex-direction:column}
.about_titles {float:none; width:100%; overflow:hidden}
.about_titles .tit { font-size:18px;padding-left:24px; margin-bottom:18px;}
.about_titles .content{ font-size:12px; border:1px #eee solid; padding:18px }

.nums-wrap {justify-content:center;margin:18px 0;}
.num-item { padding-right:0; margin-right: 0; flex:1; text-align:center }
.i1 {display: inline-block;	font-size:24px;}
.i2 {display: inline-block;	font-size:12px;	}
.num-txt{margin-top:0px; font-size:12px}
.about_imgs {float:none; width:100%;  position:relative; padding:0}


.about_02{overflow:hidden;margin:24px 18px 36px;padding:0 0px;  }
.culture_list {  margin:0px 0px}
.culture_list li {width:48%;}
.culture_list .tit {font-size:16px;transition: all .3s;}
.culture_list .con {font-size: 12px; }
.culture_list .item{ padding:12px;  margin:6px 0}


.about_03{margin:24px 18px 36px;padding:0px;}
.about_zuzhi{ overflow-x:auto; padding:36px 0 18px; }
.about_03 img{ width:auto; height:300px;margin:0 24px; object-fit: fill; object-fit: contain; object-fit: scale-down;}
.about_03 .content{ font-size:12px; z-index:999;padding:24px; width:80%;}



.history_list li{width:50%;}

}
@media screen and (min-width:640px) and (max-width: 1080px) {



.about_01{ margin:36px 18px;flex-direction:column}
.about_titles {float:none; width:100%; overflow:hidden}
.about_titles .tit { font-size:24px;padding-left:24px; margin-bottom:18px;}
.about_titles .content{ font-size:14px; border:1px #eee solid; padding:18px }

.nums-wrap {justify-content:center;margin:18px 0;}
.num-item { padding-right:0; margin-right: 0; flex:1; text-align:center }
.i1 {display: inline-block;	font-size:24px;}
.i2 {display: inline-block;	font-size:12px;	}
.num-txt{margin-top:0px}
.about_imgs {float:none; width:100%;  position:relative; padding:0}



.about_02{overflow:hidden;margin:24px 18px 36px;padding:0 0px;  }
.culture_list {  margin:0px 0px}
.culture_list li {width:48%;}
.culture_list .tit {font-size:18px;}
.culture_list .con {font-size: 12px; }
.culture_list .item{ padding:18px;  margin:18px 0}



.about_03{margin:24px 18px 36px;padding:18px;}
.about_03 .content{ font-size:12px; z-index:999;padding:24px; width:50%;}


.history_list li{width:33.3333%;}
}

@media screen and (min-width:1081px) and (max-width: 1200px) {

.about_01{ margin:36px 18px;}
.about_titles .tit { font-size:24px;padding-left:24px; margin-bottom:18px;}
.about_titles .content{ font-size:14px;  }
.nums-wrap {margin-top:18px;}
.num-item { padding-right:24px; margin-right:24px; }
.i1 {display: inline-block;	font-size:24px;}
.i2 {display: inline-block;	font-size:12px;	}
.num-txt{margin-top:0px}
.about_imgs {padding:36px 36px 0 0}



.history_list li{width:25%;}
}

@media screen and (min-width:1201px) and (max-width: 1440px) {


}

@media screen and (min-width:1441) and (max-width: 1690px){


 
}