.bg{
	width: 100%;
	height: 100%;
	background: url(../images/know_culture_bg.jpg);
	background-size: 100% 100%;
}
.content{
	width: 1296px;
	height: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
/* .content li{
	width: 395px;
	height: 122px;
	padding-right: 20px;
	float: left;
	margin: 80px 2.5% 0 0;
	box-sizing: border-box;
}
.content li a{
	display: block;
	height: 90px;
	padding-left: 20px;
	margin: 10px 0 0 122px;
	border-left: 2px solid #FFFFFF;
}
.content li h1{
	font-size: 24px;
	color: #000000;
	margin: 0 20px 2px 0;
	font-weight: 500;
}
.content li p{
	font-size: 14px;
	color: #000000;
} */
/* .content li:nth-child(4){width: 410px;margin-right: 20px;}
.content li:nth-child(5){width: 650px;}

.content li:nth-child(1){background: url(../images/know_culture1.jpg) no-repeat;}
.content li:nth-child(2){background: url(../images/know_culture2.jpg) no-repeat;}
.content li:nth-child(3){background: url(../images/know_culture3.jpg) no-repeat;}
.content li:nth-child(4){background: url(../images/know_culture4.jpg) no-repeat;}
.content li:nth-child(5){background: url(../images/know_culture5.jpg) no-repeat;} */

/*.content li:nth-child(1):hover{background:#1171DF url(../images/know_culture1h.jpg) no-repeat;}
.content li:nth-child(2):hover{background:#1171DF url(../images/know_culture2h.jpg) no-repeat;}
.content li:nth-child(3):hover{background:#1171DF url(../images/know_culture3h.jpg) no-repeat;}
.content li:nth-child(4):hover{background:#1171DF url(../images/know_culture4h.jpg) no-repeat;}
.content li:nth-child(5):hover{background:#1171DF url(../images/know_culture5h.jpg) no-repeat;}

.content li:hover h1,.content li:hover p{
	color: #FFFFFF;
}*/

.join_position{ padding:50px 0}
.join_position h4{ clear:both; height:100px; line-height:100px; text-align:center; font-weight:bold}
.join_position ul {  height:400px;}
.join_position ul li{ float:left; width:20%;position:relative;cursor:pointer; overflow:hidden;}
.join_position ul li:nth-child(5) img{ float:right}
.join_position ul li:nth-child(2) img,.join_position ul li:nth-child(2) .coverjoin1{ margin-left:1%;}
.join_position ul li:nth-child(3) img,.join_position ul li:nth-child(3) .coverjoin1{ margin-left:2%;}
.join_position ul li:nth-child(4) img,.join_position ul li:nth-child(4) .coverjoin1{ margin-left:3%;}
.join_position ul li:nth-child(5) .coverjoin1{ margin-left:4%;}
.join_position ul li img{ width:96%;}

.join_position li .coverjoin{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform:translateY(70%);transition:1s;-webkit-transition:1s; /* Safari */}
.join_position li .coverjoin1{position:absolute;left:0;top:0;width:96%;height:100%;text-align:center;background:url(../images/mouseover.png) repeat;color:#FFF;overflow:hidden;transform:translateY(100%);transition:1s;-webkit-transition:1s; /* Safari */}
.join_position li:hover .coverjoin1{transform:translateY(0);}
.join_position li:hover .coverjoin{transform:translateY(100%);}

.join_position li .coverjoin h3{width:70%;height:30px;  line-height:30px; margin-left:15%; text-align:left; color:#fff;font-size: 20px;font-weight: normal;}
.join_position li .coverjoin p{line-height:20px; margin-left:15%; text-align:left; color:#fff;}
.join_position li .coverjoin1 h3{ padding-top:50px; font-weight:bold; box-sizing:initial;}
.join_position li .coverjoin1 p{ padding-left:50px;line-height:20px;text-align:left;}
.join_position li h3{height:15%;}

.footer_no .footer{ padding-top: 0;}

 /*联系我们*/
.contact {
	width:1000px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.contact_txt {
	width:440px;
	color:#4a4a49
}
.contact_list { line-height:36px}
.contact_list li span { padding-left:36px; float:left; width:42px;}
.contact_list li span.icon1 { background:url(icon1.png) no-repeat left center}
.contact_list li span.icon2 {background:url(icon2.png) no-repeat left center}
.contact_list li span.icon3 {background:url(icon3.png) no-repeat left center}
.contact_list li span.icon4 {background:url(icon4.png) no-repeat left center}
.contact_list li span.icon5 {background:url(icon5.png) no-repeat left center}
.contact_list li span.icon6 {background:url(icon7.png) no-repeat left center}
.contact_list li span.icon7 {background:url(icon8.png) no-repeat left center}
.contact_list li em{font-size:18px; color:#9e1e23; }
.red { color:#651014; text-decoration:underline}
#dituContent0{width:780px;height:380px;border:#ccc solid 1px;}
#dituContent1{width:780px;height:380px;border:#ccc solid 1px;}
#dituContent2{width:780px;height:380px;border:#ccc solid 1px;}
#dituContent3{width:780px;height:380px;border:#ccc solid 1px;}
#dituContent4{width:780px;height:380px;border:#ccc solid 1px;}
#dituContent5{width:780px;height:380px;border:#ccc solid 1px;}
#dituContent6{width:780px;height:380px;border:#ccc solid 1px;}


.company {font-size:18px; color:#9e1e23; font-weight:bold; line-height:72px}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}


.devobox{ margin:50px 0 0;}
.devobox h2{ margin:0 0 25px;}
.devobox h2 em{ display:block; width:50px; height:10px; border-bottom:1px solid #5A524A;}
.devo_conbox{ padding:30px 0;}


.devo_con{ position:relative;}
.tab-titd{ padding-bottom:40px;width: 100%; margin:0 auto; background-image: url(../images/cont_t_b.jpg);background-repeat: no-repeat;background-size:cover;}
.tab-titd li{ float:left; width:10%; *+margin-left:-1px; height:34px; text-align:center; cursor:pointer; font-size:16px; color:#fff; margin-top: 40px; margin-left: 20px;}
.tab-titd li span{ display:block; height:40px; line-height:40px; }
.tab-titd li em{ display:none; width:1005; height:4px; background:url(../images/dot01.png) center bottom no-repeat;}
.tab-titd li.on span{ color:#fff;background:#0f6fe5;}
.tab-titd li.on em{ display:block;}
.bd_t{  border-top:2px solid #eee; padding-top: 30px; margin-top: 20px}
/*.tab-titd li:nth-child(1) span{font-size: 20px}
.tab-titd li:nth-child(2) span{font-size: 20px}
.tab-titd li:nth-child(3) span{font-size: 20px}*/


@media only screen and (max-width: 1366px) {
	.content{
		width: 1100px;
	}
/* 	.content li{
	width: 322px;
	padding-right: 10px;
	margin: 2% 2%;
	box-sizing: border-box;
}
.content li:nth-child(4){ width:322px;} */
.join_position {  padding-top:40px;}
}
  
@media only screen and (max-width: 1280px) {
     .content{
		width: 1200px;
	}
	.coverjoin1 .font-20{ font-size:16px;}
	.join_position li .coverjoin1 p{ padding-left:20px; font-size:12px}

    .join_position {  padding-top:35px;}

    .join_position h4 {  line-height:70px;}
	/* .content li{
		width: 264px;
		padding-right: 10px;
		margin: 2% 2%;
		box-sizing: border-box;
	}
	
	.content li:nth-child(4){ width:264px;}
	.content li:nth-child(5){ width:560px;} */
}

@media only screen and (max-width: 1024px) {
	 .content{
		width: 700px;
	}
	.join_position ul li{ float:left; width:50%;  margin-bottom:10px;}
	.join_position {  padding-top:30px;}

    .join_position h4 {  line-height:50px; height:50px;}
    .join_position ul li:nth-child(3) img,.join_position ul li:nth-child(3) .coverjoin1{ margin-left:0%;}
    .join_position ul li:nth-child(4) img,.join_position ul li:nth-child(4) .coverjoin1{ margin-left:1%;}
    .join_position ul li:nth-child(5) img,.join_position ul li:nth-child(5) .coverjoin1{ margin-left:0%;}
    .join_position ul li:nth-child(5) img{ float:left}
	/* .content li{

		width: 310px;
		padding-right: 10px;
		margin: 2% 0 2% 3%;
		box-sizing: border-box;
	}
	.content li h1{
		font-size: 18px;
	}
	.content li p{
		font-size: 12px;
	}
	.content li:nth-child(4){width: 310px;} */
}

@media only screen and (max-width: 767px) {
	.content{
		width: 90%;
		zoom: 0.7;
	}
	/* .content li{
		width: 90%;
		padding-right: 10px;
		margin: 2% 0 2% 5%;
		box-sizing: border-box;
	}
	.content li a h1{
		font-size: 18px;
	}
	.content li a p{
		font-size: 12px;
	}
	.content li:nth-child(4){width: 90%;}
	.content li:nth-child(5){width: 90%;} */
	.join_position ul li{ float:left; width:100%; padding:0 5px; margin-bottom:10px;}
	.join_position ul li img{ width:100%;}
	.join_position li .coverjoin1{ width:100%;}
    .join_position li .coverjoin1 p{ padding-left:50px; font-size:16px}
	.joinUs  .joinImg img{ width:100%; float:left;}
	.join_position ul li:nth-child(2) img,.join_position ul li:nth-child(2) .coverjoin1{ margin-left:0%;}
	.join_position ul li:nth-child(3) img,.join_position ul li:nth-child(3) .coverjoin1{ margin-left:0%;}
	.join_position ul li:nth-child(4) img,.join_position ul li:nth-child(4) .coverjoin1{ margin-left:0%;}
	.join_position ul li:nth-child(5) .coverjoin1{ margin-left:0%;}
	.join_position {  padding-top:10px;}
	.tab-titd{  height:auto; width: 100%; margin:0 auto; background:#1b87e9;}
.tab-titd li{ float:left; width:90%; *+margin-left:-1px; height:34px; text-align:center; cursor:pointer; font-size:16px; color:#fff; margin-top: 40px; margin-left: 20px;}
.tab-titd li:nth-child(7){ margin-bottom: 40px}
.contact {
    margin: 0 auto;
    width: 320px;
    height: auto;
}
#dituContent0 {
    width: 330px;
}
#dituContent1 {
    width: 330px;
}
#dituContent2 {
    width: 330px;
}
#dituContent3 {
    width: 330px;
}
#dituContent4 {
    width: 330px;
}
#dituContent5 {
    width: 330px;
}
#dituContent6 {
    width: 330px;
}
.contact_list {
    width: 263px;
}
.contact_txt {
    width: 318px;
}
}

@media only screen and (max-width: 350px) {

.contact {
    margin: 0 auto;
    width: 320px;
    height: auto;
}
#dituContent0 {
    width: 280px;
    height: 380px;
    border: #ccc solid 1px;
}
.contact_list {
    line-height: 36px;
    width: 263px;
}
.contact_txt {
    width: 318px;
    color: #4a4a49;
}
}