﻿@charset "utf-8";
/* CSS Document */
/*header*/
.navbar-default{
	background-color:#000000;
	border:none;
}
.navbar{
	min-height:0.88rem;
	margin-bottom:0rem;
	border-radius: 0px;
}
.wrap{
	max-width:1200px;
	margin:0 auto;
}
.navbar-header img{
	width:100%;
	height:100%;
}
.navbar-brand{
	height:0.88rem;
	padding:0rem;
}
.navbar-brand img{
	width:100%;
	height:100%;
}
/*header-right*/
.navbar-nav{
	height:0.88rem;
	float:right;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>.active>a{
	color:#8f050c !important;
	background-color:#000000 !important;
}
.navbar-default .navbar-nav>li>a:hover{
   color:#8f050c !important;
   background-color:#000000 !important;
}
.navbar-nav>li>a{
	line-height:0.88rem;
	padding:0rem;
	width:0.61rem;
	text-align:center;
	font-size:0.16rem;
    color:#ffffff;
}
/* content */
.content{
	width:100%;
	overflow:hidden;
}
.cont-head{
	background-color:#000000; 
	width:100%;
	height:4.73rem;
}
.cont-head img{
	display:block;
	width:8.85rem;
	height:4.73rem;
	margin:0 auto;
}
/* cont-nav */
.title{
	width:3.45rem;
	height: 1.22rem;
	margin:0 auto;
	background: url(../images/arrow.jpg) center bottom no-repeat;
}
.title1{
    background: url(../images/arrow1.jpg) center bottom no-repeat;
}
.title h2{
	display:block;
	width:100%;
	font-size: 0.36rem;
	color:#ffffff;
	text-align:center;
}
.title span{
	display:block;
	width:100%;
	font-size: 0.24rem;
	color:#8d8d8d;
	text-align:center;
	margin-top:0.04rem;
}
/* cont-min */
.cont-recruitment{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#1c1c1c;
}
.cont-recruitment-main{
   max-width:8.85rem;
   padding:1.09rem 0px 1.45rem 0rem;
   margin:0 auto;
   overflow:hidden;
}
.table{
	width:100%;
	margin-top:0.78rem;
	margin-bottom:0.66rem;
	height:auto;
	overflow: hidden;
}
.table table {
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
}
.table table tr{
	border-bottom:2px solid #616161;
}
.table table tr th:first-child{
   text-align:left;
}
.table table tr th:nth-of-type(4){
	width:1rem;
}
.table table tr th:last-child{
   text-align:right;
}
.table table tr td:first-child{
   text-align:left;
}
.table table tr td:last-child{
   text-align:right;
}
.table table tr th {
	color: #fff;
	border: none;
	font: normal 0.2rem/0.6rem "microsoft yahei";
	text-align:center;
}
.table table tr td {
	color: #ffffff;
	text-align: center;
	border:none;
	font: normal 0.16rem/0.6rem "microsoft yahei";
}
.recruitment-contact{
	width:100%;
	overflow:hidden;
}
.recruitment-contact span{
	display:inline-block;
	text-align:left;
	font: normal 0.24rem/0.24rem "microsoft yahei";
	color:#d80c18;
	vertical-align:middle;
}
.recruitment-contact img{
	display:inline-block;
	width:0.35rem;
	height: 0.23rem;
	margin-left:0.24rem;
	vertical-align:middle;
}
/* bottom */
.bottom{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#000000;
}
.bottom-min{
   max-width:1200px;
   padding:0.83rem 0px 0.57rem 0rem;
   margin:0 auto;
   overflow:hidden;
}
.bottom-min-left{
	width:50%;
	float:left;
	overflow:hidden;
}
.bottom-min-left dl{
	width:1.1rem;
	float: left;
	height:auto;
	text-align:left;
}
.bottom-min-left dl dt{
	font-size:0.18rem;
	color:#d80c18;
	line-height:0.22rem;
	margin-bottom: 0.16rem;
}
.bottom-min-left dl dd {
    font-size: 0.14rem;
    line-height: 0.2rem;
    margin-bottom: 0.09rem;
}
.bottom-min-left dl dd:last-child{
    margin-bottom: 0rem;
}
.bottom-min-left dl dd a{
	display:inline-block;
	color:#e9e9e9;
}
.bottom-min-rigth{
	width:50%;
	float:right;
	overflow:hidden;
	position:relative;
	padding-bottom: 5px;
}
.bottom-min-rigth h5{
	font-size:0.26rem;
	color:#d80c18;
	line-height:0.26rem;
	margin-bottom:0.15rem;
}
.bottom-min-rigth p{
	font-size:0.18rem;
	color:#ffffff;
	line-height:0.18rem;
	margin-bottom:0.47rem;
	text-align:left;
}
.bottom-min-rigth span{
	display:block;
	font-size:0.14rem;
	color:#ffffff;
	line-height:0.222rem;
	text-align:left;
}
.bottom-min-rigth .mt{
	margin-bottom:0.13rem; 	
}
.aboutus{
    width:100%;
}
.aboutus span{
	display:inline-block;
	font-size:0.14rem;
	color:#ffffff;
	vertical-align:middle;
	text-align:left;
	margin-right:0.16rem;
}
.aboutus a{
	display:inline-block;
	width:0.31rem;
	height:0.31rem;
	line-height:0.31rem;
	margin-right:0.12rem;
	vertical-align:middle;
}
.aboutus a img{
	width:100%;
	height:100%;
}
.bottom-r-t{
	display:inline-block;
	overflow:hidden;
	width:80%;
}
.ewm{
	display:inline-block;
	width:0.91rem;
    height: 0.89rem;
    vertical-align:top;
}
.ewm img{
	width:100%;
	height:100%;
}
.bottom-min-left{
    display:block;
}
.bottom-mobile-left{
    display:none;
}
@media screen and (min-width:1000px) and (max-width:1200px){
   .cont-recruitment-main {
	   padding: 1.09rem 0.3rem 1.45rem 0.3rem;
   }
   .navbar-header{
	  	margin-left: 2%;
	}
	.bottom-min{
      padding: 0.63rem 0.3rem 0.5rem 0.3rem;
    }
    .bottom-min-left dl {
	    width:1rem;
	}
}
@media screen and (min-width: 768px) and (max-width:1000px) {
	.cont-recruitment-main {
	   padding: 1.09rem 0.3rem 1.45rem 0.3rem;
   }
   .navbar-header{
	  	margin-left: 2%;
	}
	.bottom-min{
      padding: 0.63rem 0.3rem 0.5rem 0.3rem;
    }
    .bottom-min-left dl {
	    width:1rem;
	}
	.bottom-min-left dl dt {
        font-size: 0.26rem;
        line-height:0.3rem;
    }
    .bottom-min-left dl dd {
        font-size: 0.18rem;
        line-height: 0.38rem;
    }
	.bottom-min-rigth h5 {
	    font-size: 0.3rem;
	    line-height: 0.3rem;
	}
	.bottom-min-rigth p {
	    font-size: 0.22rem;
	    line-height: 0.24rem;
	}
	.bottom-min-rigth span {
	    font-size: 0.18rem;
	    line-height: 0.24rem;
	}
}
@media screen and (max-width: 768px){
	/*header*/
  .navbar {
	    width: 100%;
	    position: fixed;
	}
	.wrap{
	  	max-width:7.68rem;
	}
	.navbar-header{
		padding-left: 0.2rem;
	  	padding-right: 0.15rem;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	  	position:fixed;
	  	background: rgba(0,0,0,.6) !important;
	    width: 100%;
	}
	.navbar-brand{
		height:0.88rem;
		padding:0rem;
		width:25%;
	}
	.navbar-nav{
	   float:left;
	   height:auto;
	   width:100%;
	}
	.navbar-default .navbar-toggle {
	  border-color:#000000;
	  margin-right: 0rem;
	  margin-top:0.2rem !important;
	  margin-bottom:0rem;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	   background-color:#000000;
	   cursor:pointer;
	}
	.navbar-default .navbar-toggle .icon-bar{
	  background-color:#fff;
	}
   .nav>li{
     width:100%;
    }
    .navbar-nav>li>a{
	    display:block;
	    text-align:left;
	    line-height: 0.68rem;
	    font-size:0.25rem;
	    width:100%;
	    padding-left:0.3rem;
    }
    .navbar-default .navbar-nav>li>a:hover {
    	background-color:transparent !important;
	    color: #8f050c !important;
	    
	}
	.navbar-default .navbar-nav>.active>a {
		color: #8f050c !important;
		background-color:transparent !important;
	}
   .cont-recruitment-main {
	   max-width: 7.68rem;
	   padding: 1.09rem 0.3rem 1.45rem 0.3rem;
   }
   .cont-head{
   	margin-top:0.88rem;
   }
   .cont-head img {
	   width: 7.4rem;
	   height: 4.7rem;
	}
	.bottom-min-left{
      display:none;
    }
    .bottom-mobile-left{
      display:block;
    }
	 /* 移动手风琴 */
   .panel-group {
        margin-bottom:0.5rem;
    }
    .panel-group .panel {
        margin-bottom: 0;
        border-radius:0px;
        background-color: transparent;
        border-bottom: 1px solid #fff;
    }
    .panel-default>.panel-heading {
        color: #fff;
        border:none;
        background-color:transparent;
        border-color:transparent;
    }
    .panel-default>.panel-heading a{
        display:inline-block;
        width:100%;
    }
    .panel-default {
        border-color:transparent;
    }
    .panel-default>.panel-heading a span{
        display:inline-block;
        width:50%;
        vertical-align:middle;
        font-size:0.24rem;
    }
    .panel-default>.panel-heading a span:nth-of-type(1){
        text-align:left;
    }
    .panel-default>.panel-heading a span:nth-of-type(2){
        text-align:right;
    }
    .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
        border-top: 1px solid #fff;
    }
    .panel-body{
        padding:0.15rem 15px 0.15rem 20px;
    }
    .panel-body a{
        display:block;
        width:100%;
        font-size:0.2rem;
        line-height:0.5rem;
        text-align:left;
        color:#ffff;
    }
    .panel-body a:hover{
        text-decoration:underline;
    }
 	/* 尾部 */
   .bottom-min{
      max-width:7.68rem;
      padding: 0.63rem 1rem 0.5rem 1rem;
    }
	  .bottom-min-left{
	  	width:100%;
	  	float:none !important;
	  	margin-bottom:0.5rem;
	  	padding-top:0.2rem;
	  }
	  .bottom-min-left dl {
	    width:20%;
	    float: left;
	  }
	  .bottom-min-left dl dt {
	    font-size: 0.24rem;
	    line-height:0.24rem;
	  }
	  .bottom-min-left dl dd {
	    font-size: 0.19rem;
	    line-height: 0.2rem;
	   }
	  .bottom-min-rigth {
	    width:100%;
	    float:none !important;
	    padding-bottom: 0.4rem;
	  }
	  .bottom-min-rigth h5 {
	    font-size: 0.4rem;
	    color: #d80c18;
	    line-height: 0.42rem;
	   } 
	  .bottom-min-rigth p {
	    font-size: 0.27rem;
	    line-height: 0.3rem;
	    margin-bottom: 0.25rem;
	   }
	   .bottom-min-rigth span {
	    display: block;
	    font-size: 0.2rem;
	    line-height: 0.33rem;
	   }
	    .aboutus span{
   	  display:inline-block;
   	  width:28%;
   	  margin-right:0rem;
      }
}