﻿.page_content .page_tt{ margin-bottom: 0.35rem;}
/* join-concept */
.join_concept ul{ padding: 0 45px;}
.join_concept ul li{ margin-bottom: 15px; line-height: 30px; font-size: 14px; color: #333;}
.join_concept .dt{ margin-bottom: 15px; line-height: 30px; font-size: 20px; color: #f08300;}
.join_concept .pic{ margin-bottom: 0.8rem;}
.join_concept .pic img{ width: 100%;}
/* join-jobs */
.join_jobs .list{ padding-bottom: 0.8rem;}
.join_jobs .list li{ margin-bottom: 1px; }
.join_jobs .list li .tt{ line-height:30px; height:30px; padding:0.35rem 0.3rem; background: #f5f5f5; cursor: pointer; color: #333; font-size: 18px;}
.join_jobs .list li .tt span{ float: right; width: 30px; height: 30px; background: url(../images/joinus_btn_add.png) no-repeat 0 -30px;cursor: pointer;}
.join_jobs .list li .box{ display: none; padding: 0.3rem 0.2rem;}
.join_jobs .list li .box .item{ float: left; width: 45%; margin-right: 5%; border-top: 1px solid #ddd; padding-top: 0.3rem; }
.join_jobs .list li .box .item .name{ float: left; width: 90px; font-size: 14px; font-weight: bold; line-height: 28px;}
.join_jobs .list li .box .item .txt{ float: left; font-size: 14px; color: #777; line-height: 28px;}
.join_jobs .list li .box.first .item{border-top: 0; padding-top: 0;}
.join_jobs .list li.active .tt,.join_jobs .list li .tt:hover{background: #f08300; color: #fff;}
.join_jobs .list li.active .tt span{ background: url(../images/joinus_btn_add.png) no-repeat 0 0;}
.join_jobs .list li .tt:hover span{ background: url(../images/joinus_btn_add.png) no-repeat 0 -60px;}
/* .join_jobs .list li.active .box{ display: block;} */
/* join-about */
.join_about .intros{ margin-bottom: 0.4rem; line-height: 30px; text-align: center; color: #666; font-size: 16px;}
.join_about .list{ margin-bottom: 0.5rem;}
.join_about .list ul{ width: 49%;}
.join_about .list .dt{ background: #f08300; line-height: 0.7rem; text-align: center; font-size: 26px; color: #fff;}
.join_about .list ul li{ background: #f5f5f5; padding: 0.4rem 0; text-align: center;}
.join_about .list ul li .item{ display: inline-block; margin: 0 2%; text-align: center;}
.join_about .list ul li .item .pic{ height: 0.45rem; height: 0.45rem; padding: 0.3rem; margin-bottom: 0.1rem; border-radius: 0.6rem; background: #fff;}
.join_about .list ul li .item .pic img{ width: 100%; max-width: 0.45rem;}
.join_about .list ul li .item .txt{ line-height: 40px; font-size: 16px; color: #666;}
.join_about .swiper-quality{ margin-bottom: 0.3rem;}
.join_about .swiper-quality .swiper-slide .pic{ width: 100%;overflow: hidden;}
.join_about .swiper-quality .swiper-slide .pic img{ width: 100%;transition: all 0.6s;}
.join_about .swiper-quality .swiper-slide .pic img:hover{transform: scale(1.1);}
.join_about .swiper-quality .swiper-slide .txt{ width: 100%; height: 45px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px; background: #f5f5f5; color: #333; font-size: 14px;}
.join_about .swiper-quality  .swiper-button-prev,.join_about .swiper-quality  .swiper-button-next{ width: 33px; height: 85px; margin-top:-42px; background:#fff url(../images/btn_about_quality.png) no-repeat 0 0;}
.join_about .swiper-quality  .swiper-button-prev.swiper-button-disabled{ background:#fff url(../images/btn_about_quality.png) no-repeat 4px -50px; background-size: 50px auto;}
.join_about .swiper-quality  .swiper-button-next.swiper-button-disabled{ background:#fff url(../images/btn_about_quality.png) no-repeat -20px -50px;background-size: 50px auto;}
.join_about .swiper-quality  .swiper-button-prev{ left: 0; background:#f08300 url(../images/btn_about_quality.png) no-repeat 4px 10px;background-size: 50px auto;}
.join_about .swiper-quality  .swiper-button-next{ right: 0; background:#f08300 url(../images/btn_about_quality.png) no-repeat -20px 10px;background-size: 50px auto;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.9;}
@media screen and ( max-width:1440px ){

}
@media screen and ( max-width:1024px ){
	.page_nav ul{float: none;}
	.page_content .page_tt img{ width: 5.71rem;}
	.join_concept ul,.join_concept .pic{ padding: 0 0.3rem;}

	.join_jobs .list{ padding:0 0.3rem 0.8rem 0.3rem;}
	.join_jobs .list li .box .item{ float: none; width: 100%;}

	.join_about .intros{ padding: 0 0.3rem;}
	.join_about .list ul{ float: none; width: 100%;}
	.join_about .list ul li{ font-size: 20px;}
}
 




