body{background: #F4F5F7;}
.join,.apply{padding: 0;}
.join .row {margin: 30px 0;padding: 0;margin-top: 50px;}
.join .row .col-md-3,.col-md-9{padding: 0;margin: 0;}
.join .row .col-md-3{font-size: 36px;color: #125795;}
.join .row .col-md-9 ul li{border-bottom: 1px solid #D9D9DA;}
.join .row .col-md-9 ul li:first-child{border-top: 1px solid #D9D9DA;}
.join .row .col-md-9 ul li:hover{border-bottom: 1px solid #BF2629;}
.join .row .col-md-9 ul li a{display: block;color: #333;text-decoration: none;overflow: hidden;height: 120px;}
.join .row .col-md-9 ul li a h5{font-size: 28px;line-height: 55px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.join .row .col-md-9 ul li a span{font-size: 16px;color: #333;}
.join .row .col-md-9 ul li a section{width: 70%;float: left;}
.join .row .col-md-9 ul li a section:last-child{width: 30%;text-align: right;line-height: 120px;height: 100%;}
.join .row .col-md-9 ul li a:hover h5{color: #BF2629;}
.join .row .more{color: #125795; font-size: 36px;height: 100px;line-height: 100px;overflow: hidden;}
.join .row .more span{float: left;width: 50%;}
.join .row .more a{font-size: 24px;color: #333;float: right;}
.join .row .col-md-3 dl{width: 70%;margin: 0 auto;}
.join .row .col-md-3 dl img{width: 100%;}
.join .row .col-md-3 dl a{font-size: 14px;color: #666;text-decoration: none;}
.join .row .col-md-3 dl dd{line-height: 28px;display: -webkit-box;width: 100%;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.join .row .col-md-3 dl a span{font-size: 18px;margin-right: 15px;line-height: 45px;font-weight: 600;color: #333;}
.join .row .col-md-3 dl a:hover span:first-child{color: #BF2629;}

/* 详情 */
.box{padding: 0;}
/*.detail{margin-top: 50px;padding: 70px 0;}
.detail .row,.col-md-3,.col-md-9,.col-md-12,.col-md-8,.col-md-4{margin: 0;padding: 0;}
.detail .row .col-md-3{text-align: center;}
.detail .row .col-md-3 img{width: 100%;}
.detail .row .col-md-9 .col-md-12 {margin-bottom: 50px;}
.detail .row .col-md-9 .col-md-12 .col-md-8{padding: 0 50px;}
.detail .row .col-md-9 .col-md-12 h5{font-size: 32px;color: #125795;}
.detail .row .col-md-9 .col-md-12 h6{font-size: 18px;color: #666;height: 80px;line-height: 80px;}
.detail .row .col-md-9 .col-md-12 h6 span{margin-right: 20px;}
.detail .row .col-md-9 .col-md-12 p{font-size: 18px;color: #333;line-height: 28px;}
.detail .row .col-md-9 .col-md-12 .col-md-4 h5{font-size: 20px;}
.detail .row .col-md-9 .col-md-12  ul {margin-top: 25px;}
.detail .row .col-md-9 .col-md-12  ul li{line-height: 35px;}
.detail .row .col-md-9 .col-md-12  ul li a{font-size: 16px;color: #666;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.detail .row .col-md-9 .col-md-12  ul li a img{vertical-align: middle;margin-right: 20px;}
.detail .row .col-md-9 .col-md-12  ul li a:hover{color: #BF2629;}
.detail .row .col-md-9 .ul-more{padding-left:50px ;}
.detail .row .col-md-9 .ul-more li{line-height: 30px;}
.detail .row .col-md-9 .ul-more li a{color: #666;text-decoration: none;font-size: 16px;}*/
.detail{margin-top: 100px;padding: 70px 0;}
.detail .row{display: flex;align-items: center;justify-content: space-between;}
.detail .row,.col-md-3,.col-md-9,.col-md-12,.col-md-8,.col-md-4{margin: 0;padding: 0;}
.detail .row .col-md-3{text-align: center;}
.detail .row .col-md-3 img{width: 100%;}
.detail .row .col-md-9 .col-box {overflow: hidden;width: 100%;}
.detail .row .col-md-9 .col-box .col-left{float: left;width: 65%;}
.detail .row .col-md-9 .col-box .col-left div{width: 80%;margin: 0 auto;}
.detail .row .col-md-9 .col-box .col-right{float: right;width: 35%;}
.detail .row .col-md-9 .col-box .col-left h5{font-size: 32px;color: #125795;}
.detail .row .col-md-9 .col-box .col-right h5{font-size: 20px;color: #125795;}
.detail .row .col-md-9 .col-box h6{font-size: 18px;color: #666;}
.detail .row .col-md-9 .col-box h6 span{margin: 20px 0;display: block;}
.detail .row .col-md-9 .col-box h6 p{font-size: 14px;color: #666;line-height: 28px;}
.detail .row .col-md-9 .col-box .ul-contact{margin-top: 20px;}
.detail .row .col-md-9 .col-box .ul-contact li{margin-bottom: 20px;}
.detail .row .col-md-9 .col-box .ul-contact li img{margin-right: 20px;}
.detail .row .col-md-9 .col-box .ul-contact li a{font-size: 18px;color: #666;text-decoration: none;}
.detail .row .col-md-9 .col-boxs{width: 65%;}
.detail .row .col-md-9 .col-boxs ul{width: 80%;margin:0 auto}
.detail .row .col-md-9 .col-boxs ul.ul-more{margin-top: 15px;}
.detail .row .col-md-9 .col-boxs ul.ul-more li:first-child {margin-bottom: 15px;}
.detail .row .col-md-9 .col-boxs ul.ul-more li a{color: #666;text-decoration: none;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.detail .row .col-md-9 .col-boxs ul.ul-more li a:hover{color: #BF2629;}
.detail .row .col-md-9 .col-boxs ul.ul-share{display: flex;align-content: center;font-size: 16px;color: #666;margin-top: 30px;}
.detail .row .col-md-9 .col-boxs ul.ul-share a{padding-left:0; display: block;width: 30px;height: 30px;background: #5C5C5C;border-radius: 100%;line-height: 28px;text-align: center;margin-left: 20px;}
.detail .row .col-md-9 .col-boxs ul.ul-share a:hover{background: #BF2629;}


/*申请*/
.apply{padding: 50px 0;}
.apply h5{font-size: 30px;text-align: center;line-height: 30px;}
.apply .time{font-size: 16px;color: #333;text-align: center;margin-top: 30px;}
.apply .apply-box {width: 50%;margin:0 auto;}
.apply .apply-box h6{color: #135698;font-size: 24px;letter-spacing: 2px;margin-top: 70px;}
.apply .apply-box p{color: #333;font-size: 16px;line-height: 30px;}
.apply .apply-a{display: block;height: 80px;line-height: 80px;color: #fff;background: #135698;text-decoration: none;font-size: 28px;text-align: center;margin-top: 50px;}
@media only screen and (max-width: 600px) {
    .join{padding: 0 15px;}
    
    .join .row .col-md-3{font-size: 22px;margin-bottom: 30px;}
    .join .row .col-md-9 ul li a h5{font-size: 18px;line-height: 35px;}
    .join .row .col-md-9 ul li a section{width: 100%;}
    .join .row .col-md-9 ul li a section:last-child{display: none;}
    
    .join .row .more{font-size: 20px;line-height: 50px;}
    .join .row .more span{width: 100%;}
    .join .row .more a{font-size: 18px;float: none;}
    
    /*.detail{padding: 30px 0;}
	.detail .row .col-md-3 img{width: initial;}
	.detail .row .col-md-9 .col-md-12 .col-md-8{padding: 0 15px;}
    .detail .row .col-md-9 .col-md-12 .col-md-4 {margin: 50px 0 0 15px;}
    .detail .row .col-md-9 .ul-more{padding-left:15px ;}
    
	.detail .row .col-md-9 .col-md-12 h5{font-size: 22px;}
	.detail .row .col-md-9 .col-md-12 h6{font-size: 16px;height: 45px;line-height: 45px;}
	.detail .row .col-md-9 .col-md-12 p{font-size: 14px;}
	.detail .row .col-md-9 .col-md-12 .col-md-4 h5{font-size: 18px;}
	.detail .row .col-md-9 .col-md-12 ul li a{font-size: 14px;}*/
	
	.detail{padding: 30px 0;}
    .detail .row{display: initial;}
	.detail .row .col-md-3 img{width: initial;}
	.detail .row .col-md-9 .col-box{width: 90%;margin: 20px auto 0 auto;}
	.detail .row .col-md-9 .col-box .col-left{width: 100%;}
	.detail .row .col-md-9 .col-box .col-left div{width: 100%;}
	.detail .row .col-md-9 .col-box .col-right{width: 100%;}
	.detail .row .col-md-9 .col-box .col-left h5{font-size: 24px;}
	.detail .row .col-md-9 .col-boxs{width: 100%;}
	.detail .row .col-md-9 .col-boxs ul{width: 90%;}
	
	
	.join .row .col-md-9 ul li a{height: 95px;}
	
	.apply{padding: 30px 0;}
	.apply h5{font-size: 22px;}
	.apply .apply-box{width: 80%;}
	.apply .apply-box h6{margin-top: 30px;font-size: 18px;}
	.apply .apply-box p{font-size: 14px;}
	.apply .apply-a{margin-top: 50px;font-size: 22px;height: 50px;line-height: 50px;}
}

@media only screen and (min-width: 600px) {
    .join{padding: 0 15px;}
    
    .join .row .col-md-3{font-size: 22px;margin-bottom: 30px;}
    .join .row .col-md-9 ul li a h5{font-size: 22px;line-height: 55px;}
    .join .row .col-md-9 ul li a section{width: 100%;}
    .join .row .col-md-9 ul li a section:last-child{display: none;}
    .join .row .more{font-size: 22px;line-height: 50px;}
    .join .row .more span{width: 50%;}
    .join .row .more a{font-size: 20px;}
    
    /*.detail{padding: 30px 0;}
    .detail .row .col-md-3 img{width: initial;}
    .detail .row .col-md-9 .col-md-12 .col-md-8{padding: 0 15px;}
    .detail .row .col-md-9 .col-md-12 .col-md-4 {margin: 50px 0 0 15px;}
    .detail .row .col-md-9 .ul-more{padding-left:15px ;}
    
    .detail .row .col-md-9 .col-md-12 h5{font-size: 22px;}
	.detail .row .col-md-9 .col-md-12 h6{font-size: 16px;height: 45px;line-height: 45px;}
	.detail .row .col-md-9 .col-md-12 p{font-size: 14px;}
	.detail .row .col-md-9 .col-md-12 .col-md-4 h5{font-size: 18px;}
	.detail .row .col-md-9 .col-md-12 ul li a{font-size: 14px;}*/
	
	.detail{padding: 30px 0;}
	.detail .row{display: initial;}
	.detail .row .col-md-3 img{width: initial;}
	.detail .row .col-md-9 .col-box{width: 90%;margin: 20px auto 0 auto;}
	.detail .row .col-md-9 .col-box .col-left{width: 100%;}
	.detail .row .col-md-9 .col-box .col-left div{width: 100%;}
	.detail .row .col-md-9 .col-box .col-right{width: 100%;}
	.detail .row .col-md-9 .col-box .col-left h5{font-size: 24px;}
	.detail .row .col-md-9 .col-boxs{width: 100%;}
	.detail .row .col-md-9 .col-boxs ul{width: 90%;}
	
	.join .row .col-md-9 ul li a{height: 95px;}
	
	/*.apply{padding: 30px 0;}
	.apply h5{font-size: 22px;}
	.apply .apply-box{width: 80%;}
	.apply .apply-box h6{margin-top: 30px;font-size: 18px;}
	.apply .apply-box p{font-size: 14px;}
	.apply .apply-a{margin-top: 50px;font-size: 22px;height: 50px;line-height: 50px;}*/
}

@media only screen and (min-width: 768px) {
    .join{padding: 0;}
    
    .join .row .col-md-3{font-size: 28px;margin-bottom: 30px;}
    .join .row .col-md-9 ul li a h5{font-size: 28px;line-height: 55px;}
    .join .row .more{line-height: 50px;}
    .join .row .more span{width:50%;}
    .join .row .more a{font-size: 18px;}
    
    /*.detail{padding: 70px 0;}
    .detail .row .col-md-9 .col-md-12 .col-md-8{padding: 0 15px;}
    .detail .row .col-md-9 .col-md-12 .col-md-4 {margin: 50px 0 0 15px;}
    .detail .row .col-md-9 .ul-more{padding-left:15px ;}

    .detail .row .col-md-3 img{width: initial;}
    .detail .row .col-md-9 .col-md-12 .col-md-8{padding: 0 15px;}
    .detail .row .col-md-9 .col-md-12 .col-md-4 {margin: 50px 0 0 15px;}
    .detail .row .col-md-9 .ul-more{padding-left:15px ;}
    .detail .row .col-md-9 .col-md-12 p{font-size: 18px;line-height: 28px;}
    
	.detail .row .col-md-9 .col-md-12 h5{font-size: 32px;}  
	.detail .row .col-md-9 .col-md-12 h6{font-size: 18px;height: 60px;line-height: 60px;}  
	.detail .row .col-md-9 .col-md-12 .col-md-4 h5{font-size: 20px;}
	.detail .row .col-md-9 .col-md-12 ul li a{font-size: 16px;}*/
	
	.detail{padding: 70px 0;}
    .detail .row .col-md-3 img{width: 100%;}
    
	.join .row .col-md-9 ul li a{height: 120px;}
	
	.apply{padding: 50px 0;}
	.apply h5{font-size: 28px;}
	.apply .apply-box{width: 70%;}
	.apply .apply-box h6{margin-top: 70px;font-size: 24px;}
	.apply .apply-box p{font-size: 16px;}
	.apply .apply-a{margin-top: 80px;font-size: 24px;height: 60px;line-height: 60px;}
} 

@media only screen and (min-width: 992px) {
    .join .row .col-md-9 ul li a section{width: 100%;}
    .join .row .col-md-9 ul li a section:last-child{display: none;}
    .join .row .col-md-9 ul li a h5{font-size: 20px;line-height: 55px;}
   
    /*.detail{padding: 70px 0;}
    .detail .row .col-md-3 img{width: 100%;}
    .detail .row .col-md-9 .col-md-12 .col-md-8{padding: 0 50px;}
    .detail .row .col-md-9 .col-md-12 .col-md-4 {margin: 0 ;}
    .detail .row .col-md-9 .ul-more{padding-left:50px ;}*/
.detail{padding: 70px 0;}
    .detail .row .col-md-3 img{width: 100%;}
    
    .detail .row .col-md-9 .col-box .col-left{width: 65%;}
    .detail .row .col-md-9 .col-box .col-right{width: 35%;}
    .detail .row .col-md-9 .col-box .col-left div{width: 80%;}
    .detail .row .col-md-9 .col-boxs{width: 65%;}
    .detail .row .col-md-9 .col-boxs ul{width: 65%;}    
    
	.apply .apply-box{width: 80%;}
} 

@media only screen and (min-width: 1200px) {
    .join .row .col-md-9 ul li a section{width: 70%;}
    .join .row .col-md-9 ul li a section:last-child{display: block;}
}
@media only screen and (min-width: 1680px) {
    .join,.apply{width: 1440px;}
    .box{width: 1440px;}
}