/* --- list --- */
.company_list .item{position:relative; padding: 25px; border-bottom: 1px solid #efefef; display: flex; align-items: center;}
.company_list .item i{color: #eee; margin: 0 2px;}
.company_list .item:last-child{border-bottom: none;}
.company_list .item:hover{box-shadow: 0px 0px 20px #efefef; }

/* logo */
.company_list .item .logo{margin-right: 25px; width: 100px; height: 100px; display: flex; align-items: center; justify-content: center;}
.company_list .item .logo img{ border-radius: 8px; max-width: 100%; max-height: 100%; width: 100px; height: 100px; }

/* content */
.company_list .item .content{width: 40%; padding-right: 20px;}
.company_list .item .name{font-size: 18px; font-weight: bolder;}
.company_list .item .name img{margin-left: 6px; height: 22px; width: 22px;}
.company_list .item .term{color: #999; padding: 8px 0 ;}
.company_list .item .welfare{margin-top: 4px;}

/* job */
.company_list .item .job{width: 40%;}
.company_list .item .job dt{color: #999; margin-bottom: 10px;}
.company_list .item .job_list{display: flex; flex-wrap: wrap; height: 40px; line-height: 20px; overflow: hidden;}
.company_list .item .job_list em{display: block; width: 50%;}
.company_list .item .job_more{margin-top: 10px;}
.company_list .item .job_more a{ color: #398FD7;}
.company_list .item .job_text{color: #666;}

/* follow */
.company_list .item .follow{width:10%; text-align: center;}
.company_list .item .follow .text{color: #999; margin-top: 10px;}
.company_list .item .follow .text em{color: #FF6A6A; margin: 0 4px; font-weight: bolder;}



/* --- 公司详情 --- */

/* info */
.company_info{ padding: 25px; margin-bottom: 10px; position: relative;}
.company_info .info_pic{width: 120px; height: 120px; margin-right: 25px;}
.company_info .info_pic img{width: 100%; height: 100%; border-radius: 4px;}
.company_info .info_name {margin-bottom: 16px;}
.company_info .info_name h1{font-size: 28px; font-weight: bolder; margin-right: 20px;}
.company_info .info_name img{margin: 0 8px;}
.company_info .info_left{margin-right: auto;}
.company_info .info_attr em{margin-right: 8px; color: #999;}
.company_info .info_attr i{color: #ccc; margin: 0 8px;}
.company_info .info_data dl{padding: 0 32px; text-align: center;}
.company_info .info_right{text-align: center;}
.company_info .info_follow .fill{margin-bottom: 8px; width: 100px;}

/* box */
.company_box{display: flex}
.company_left{width: 73%; margin-right: auto;}
.company_right{width: 26.1666%;}

/* data */
.company_data{padding: 16px 0; margin-bottom: 10px; }
.company_data dl{width: 25%; text-align: center; border-right: 1px solid #f5f5f5;}
.company_data dl:last-child{border-right: none;}
.company_data dt{font-size: 16px; margin-bottom: 4px; color: #FF6A6A; font-weight: bolder;}
.company_data dd{color: #999;}

/* welfare */
.company_welfare{padding: 25px; margin-bottom: 10px;}
.company_welfare.page_welfare .tag{padding: 0 8px; margin-right: 8px;}


/* about */
.company_about{padding: 25px; margin-top:10px; margin-bottom: 10px;}

/* environment */
.company_environment{padding: 25px; margin-bottom: 10px;}
.company_environment .item{width: 31%; margin-left: 2.333%; text-align: center; background: #f9f9f9;}
.company_environment .item:nth-child(3n+1){margin-left: 0;}
.company_environment .item img{width: 100%;}

/* product */
.company_product{padding: 25px; margin-bottom: 10px;}
.company_product .item{width: 31%; margin-left: 2.333%; text-align: center;}
.company_product .item img{width: 100%;}
.company_product .item .text{margin-top: 8px; color: #999;}
.company_product .item:nth-child(3n+1){margin-left: 0;}
.company_product .product_content .img{margin-bottom: 20px;}
.company_product .product_content img{width: 100%;}
.company_product .product_content .title{font-size: 16px; margin-bottom: 16px; text-align: center; font-weight: bolder;}


/* address */
.company_address{padding: 25px; margin-bottom: 10px;}
.company_address .address{margin-bottom: 16px; color: #999;}
.company_address .more{text-align: center; margin-top: 12px;}

/* news */
.company_news{margin-top: 10px; padding: 25px; }
.company_news .list li{border-bottom: 1px dashed #efefef; padding: 12px 0;}
.company_news .news_content {padding: 0 5%;}
.company_news .news_content .title{text-align: center; font-size: 22px; margin-bottom: 20px; font-weight: bolder;}
.company_news .news_content .content p{margin-bottom: 16px; color: #666;}