﻿


.mainHead_top{ text-align:center; font-weight:normal; font-size:20px;padding:10px 0 10px 0;}

.nydh-1{ width:350px;}

.main .mainContent .child{padding:30px 0 10px 0;}
.main .mainContent .child:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .mainContent .child .childImg{position:relative;width:554px;height:467px;float:left;}
.main .mainContent .child .childImg img{width:100%;height:100%; vertical-align:middle;}
.main .mainContent .child .childInfo{position:relative;width:620px;float:right;}
.main .mainContent .child .childInfo .childTitle{padding-top:36px;line-height:30px;color:#333333;font-size:20px;}
.main .mainContent .child .childInfo .childTitle2{line-height:32px;padding-bottom:30px;color:#333333;font-size:20px;}
.main .mainContent .child .childInfo .childInfo2{color:#666;font-size:14px;line-height:24px;}


.ty-ul{ padding-top:20px;}
.ty-ul li{float:left;width:368px;margin-right:30px;padding-top:5px; }
.ty-ul li.ty-lr{float:right;margin-right:0px;}
.pro_list_li{overflow:hidden;height:220px;padding:10px; text-align:center; width:348px; border:1px solid #ccc;transition:all 0.2s linear;background: #fff; }
.pro_list_li:hover{box-shadow: 0 0 10px 1px #aaa;}
.pro_list_li img{ max-width:100%; max-height:100%;}
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:15px;}
.ty-ul li a:hover p{color:#DA231E;}

.case_pic{ margin:30px auto; width:100%; max-width:900px; }
.nerya{width:900px;margin:0 auto;}
.nerya h1{text-align:center;font-size:18px;font-weight:900;color:#333;padding:25px; border-bottom:1px solid #ccc;}

.pic_jobs{  width:1100px; position:relative;}
.jobs_pic{float:right; width:600px; height:422px; margin-top:20px;border-bottom-right-radius: 50px;box-shadow: 0 0 8px #ccc; }
.jobs_bi{width: 627px;height: 190px;background: url(../images/jo3.png) no-repeat; position: absolute; z-index: 20; left: 66px;bottom: -50px;}
.jobs_text{float:left; margin:20px 0px 0px 0px; padding:10px 20px 33px 20px;width:460px; line-height:25px; background:#eee; height:382px;}

.nery{width:800px;margin:0 auto;}
.nery_tit{ text-align:left;padding:25px 0px; border-bottom:1px solid #eee; height:20px;}
.nery_tit_1{font-size:22px;color:#000; float:left; line-height:40px;}
.nery_tit_2{font-size:16px;color:#333; float:left; padding-left:25px; line-height:40px;}
.nery_tit_3{font-size:12px;color:#999; float:right; line-height:40px;}
.nery-other{text-align:left;padding:15px 0px;line-height:25px; font-size:13px; }
.nery-other p{ line-height:25px;font-size:13px;}
.nery_jianli{text-align:center; line-height:40px; color:#fff; margin-top:10px; width:150px; height:40px;}
.nery_jianli a{ color:#fff; background:#333; display:block;}
.nery_jianli a:hover{ color:#fff; background:#581815;}

.nb-font-1{text-align:center;color:#fff;font-size:22px;padding-top:0px;}
.nb-font-2{text-align:center;color:#FFF;font-size:14px; letter-spacing:normal;ltext-transform:Uppercase;padding-top:5px;}
.nb-font-3{width:55px;height:8px;border-bottom:1px #fff solid;margin:0 auto;}

.search-position {
  width: 840px;
   margin:0 auto;
  margin-top: 20px;
  padding: 24px 130px;
  height: 30px;
  background: #f0f0f0;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;}
.search-position span{
	color: #000;
	line-height: 30px;
	font-size: 16px;
}
.search-position select{
	width: 296px;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
	background: #fff;
	box-shadow: 0 0 2px #ccc;
	border:0 none;
	font-size: 14px;
	color: #999;
	text-indent: 12px;
}
.search-position .keyword{
	width: 296px;
	height: 30px;
	line-height: 30px;
	margin-right: 8px;
	background: #fff;
	box-shadow: 0 0 2px #ccc;
	border:0 none;
	font-size: 14px;
	color: #999;
	text-indent: 12px; 
}
.search-position .button-search{
	width: 112px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	float: right;
	background: #ff6600;
	border: 0 none;
	 font-family:"微软雅黑";
}
.search-position .button-search:hover{
	background: #d30400;
}
  
.join_box{background:url(../images/b4_bg.jpg) no-repeat center top ; margin-top:0px; padding:30px 0px;}

.join_box_pic{background:#F6F6F6; margin-top:0px; padding:30px 0px;}

.jobs_list{ padding:10px 0px 25px 50px; margin:0px auto; width:1150px; }

.jobs_list li{ float:left; width:260px; height:300px; margin-right:17px; margin-top:25px; margin-bottom:15px; position:relative; }
.jobs_list li a{ width:220px; height:260px; background:#FFF; float:left;border-bottom-right-radius: 20px;border-top-left-radius: 20px; border:1px solid #e1e1e1;  padding:20PX; }
.jobs_list li a:hover{ background:#FF6600; color:#FFF;box-shadow: 0 0 8px #ddd;border:1px solid #e1e1e1; }


.jobs_list_1{ font-size:15px; color:#ccc;}
.jobs_list_2{ font-size:18px; color:#000; padding-top:5px; border-bottom:1px solid #ccc; line-height:40px;}
.jobs_list_3,.jobs_list_3 p{ padding-top:15px; font-size:13px; line-height:25px; color:#666;}
.jobs_list_4{ width:120px; height:35px; line-height:35px; text-align:center; border-radius:20px; border:1px solid #ccc; position:absolute; left:15px; bottom:20px;}

.jobs_list li a:hover .jobs_list_1,.jobs_list li a:hover .jobs_list_2,.jobs_list li a:hover .jobs_list_3{ color:#fff;}
.jobs_list li a:hover .jobs_list_4{color:#fff; border:1px solid #fff;}



.fixback{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: url("http://ausnutria.com/static/web/css/../img/op20.png") repeat;
	display: none;
}
.center{
	position: fixed;
	top:100px;
	left: 50%;
	margin-left: -330px;
	width: 600px;
	border-radius: 6px;
	background: #fff;
	padding: 30px 30px 34px;
	overflow: hidden;
	z-index: 1000;
	display: none;
}
.center .cls{
	position: absolute;
	width: 39px;
	height: 39px;
	background: url("http://ausnutria.com/static/web/css/../img/cls.png") no-repeat;
	right: 2px;
	top: 2px;
}
.context{
	width: 100%;
}

.context .center-top{
	width: 100%;
	height:44px;
	border-bottom: 1px solid #f1f1f1;
}
.context .center-top span{
	color: #333;
	font-weight: bold;
	font-size: 20px;
	float: left;
	margin-right: 20px;
	line-height: 36px;
}
.context .center-top .bb{
	font-size:16px;color:#666;font-weight:normal;
	line-height: 20px;
	padding-top: 10px;
}
.context .center-top i{
	font-style: normal;
	float: right;
	color: #999;
	line-height:40px;
}

.center-middle{
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	padding-bottom: 100px;
}

.ins-posi{
	position: absolute;
	width: 122px;
	height: 36px;
	font-size: 15px;
	color: #fff;
	display: block;
	background: #0084de;
	border-radius: 18px;
	right: 30px;
	bottom: 30px;
	text-align: center;
	line-height: 36px;
	transition-duration:300ms;
}
.ins-posi:hover{
	background: #005ea6;
}
.center-middle h3{
	padding-top: 22px;
}
.ajax-position{
	width: 100%;
	overflow: hidden;
	padding-top:14px;
}
.allpic_text{position: absolute; z-index:99999; width:100%; text-align:center; top:80px;}

.allpic_text_case{position: absolute; z-index:99999; width:100%; text-align:center; top:110px;}



@media (max-width: 639px) {


.nerya{width:100%;}
.nerya h1{font-size:16px;padding:15px;}

.case_pic{ margin:20px auto; width:100%; max-width:100%; }
.case_pic img{ max-width:100%; max-height:100%;}

.main .mainContent .child .childImg{float:none; width:100%; height:100%}
.main .mainContent .child .childInfo{width:100%;float:none; margin-top:30px;padding-left:10px;}
.main .mainContent .child .childInfo .childTitle2{font-size:18px; line-height:30px;padding-bottom:0px;}
.main .mainContent .child .childInfo .childTitleen2{font-size:13px;line-height:32px;padding-bottom:0px;}
.main .mainContent .child .childInfo .childInfo2{font-size:12px;}

.nydh-1{ width:200px;}

.ty-ul{ padding-top:20px;}
.ty-ul li{float: none;width:96%;margin:0px;padding:2%;}
.pro_list_li{overflow:hidden;height:auto !important;padding:5%; text-align:center; width:88%; border:1px solid #ccc;transition:all 0.2s linear; }
.pro_list_li:hover{box-shadow: 0 0 10px 1px #aaa;}
.pro_list_li img{ max-width:100%; max-height:100%;}
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:15px;}
.ty-ul li a:hover p{color:#DA231E;}

.allpic_text{ top:40px;}
.allpic_text_case{ top:40px;}

.pic_jobs{ height:100%; width:100%; position:relative;}
.jobs_pic{ display:none;}
.jobs_text{ padding:2%;width:96%; height:96%;  font-size:13px;float:none;}
.jobs_bi{ display:none;}

.search-position { display:none;}



.nb-font-1{font-size:18px;}
.nb-font-2{font-size:12px; }


.jobs_list{width:100%; margin:0; padding-left:0px; }

.jobs_list li{ float:left; width:44%; height:auto !important; margin:1%; padding:2%;  }
.jobs_list li a{ width:94%; height:220px; padding:3% 3% 0 3%;}

.jobs_list_1{ font-size:12px; color:#ccc;}
.jobs_list_2{ font-size:15px; color:#000; padding-top:5px;line-height:30px;}
.jobs_list_3,.jobs_list_3 p{ padding-top:5px; font-size:12px; line-height:20px; color:#666;}
.jobs_list_4{ width:80px; height:25px; line-height:25px; text-align:center; border-radius:5px; font-size:12px; bottom:15px;}


.nery{width:100%;}

.nery_tit{ text-align:center;padding:15px 10px; border-bottom:1px solid #eee; height:20px;}
.nery_tit_1{font-size:20px; line-height:30px;}
.nery_tit_2{font-size:14px;padding-left:15px; line-height:30px;}
.nery_tit_3{font-size:12px; line-height:30px; padding-right:10px;}
.nery-other{text-align:left;padding:15px 10px;line-height:25px; font-size:13px; }
.nery-other p{ line-height:25px;font-size:13px;}
.nery_jianli{ width:150px; height:40px; text-align:center; line-height:40px; color:#fff; margin-top:10px; margin-left:10px;}


}

@media (min-width: 640px) and (max-width:1023px ) {


.main .mainContent .child .childImg{float:none; width:100%; height:100%}
.main .mainContent .child .childInfo{width:100%;float:none; margin-top:30px;padding-left:10px;}
.main .mainContent .child .childInfo .childTitle2{font-size:18px; line-height:30px;padding-bottom:0px;}
.main .mainContent .child .childInfo .childTitleen2{font-size:14px;line-height:32px;padding-bottom:0px;}
.main .mainContent .child .childInfo .childInfo2{font-size:14px;}

.nydh-1{ width:200px;}

.ty-ul{ padding-top:20px;}
.ty-ul li{float:left;width:48%;margin:0px;padding:1% 1%;}
.pro_list_li{overflow:hidden;height:220px;padding:2%; text-align:center; width:88%; border:1px solid #ccc;transition:all 0.2s linear; }
.pro_list_li:hover{box-shadow: 0 0 10px 1px #aaa;}
.pro_list_li img{ max-width:100%; max-height:100%;}
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:14px;}
.ty-ul li a:hover p{color:#DA231E;}


}

@media (min-width: 1024px) and (max-width:1439px ) {
.main .mainContent .child .childImg{width:450px;height:379px;}
.main .mainContent .child .childInfo{width:550px;}


.ty-ul li{float:left;width:310px;margin-right:20px;padding-top:5px; margin-left:20px;}
.ty-ul li.ty-lr{float:right;margin-right:0px;}

.pro_list_li{height:189px;padding:19px; width:270px;  }
.ty-ul li a p{height:45px;line-height:45px;text-align:center;overflow:hidden; font-size:14px;}

.ty-ul li a:hover p{color:#DA231E;}

 .allpic_text{ top:60px;}

.pic_jobs{ height:430px; width:960px; position:relative;}
.jobs_pic{width:500px; height:353px;}
.jobs_text{ padding:15px;width:430px;  height:324px; font-size:12px;}

.search-position {padding: 24px 30px;}
.jobs_list{  width:960px; }

.jobs_list li{ margin:20px 20px 20px 35px;  }

}





@media (min-width: 1440px) and (max-width:1920px ) {

}

