@font-face {
      font-family: 'tt0586m';
      src: url('../typeface/tt0586m.eot');
      src: url('../typeface/tt0586m.eot?#iefix') format('embedded-opentype'),
           url('fotypefacents/tt0586m.woff') format('woff'),
	   url('../typeface/tt0586m.ttf') format('truetype'),
	   url('../typeface/tt0586m.svg#SingleMaltaRegular') format('svg');
      font-weight: normal;
      font-style: normal;
}
@font-face {
      font-family: 'brisa';
      src: url('../typeface/brisa.eot');
      src: url('../typeface/brisa.eot?#iefix') format('embedded-opentype'),
           url('fotypefacents/brisa.woff') format('woff'),
	   url('../typeface/brisa.ttf') format('truetype'),
	   url('../typeface/brisa.svg#SingleMaltaRegular') format('svg');
      font-weight: normal;
      font-style: normal;
}
@font-face {
      font-family: 'koziupack';
      src: url('../typeface/koziupack.eot');
      src: url('../typeface/koziupack.eot?#iefix') format('embedded-opentype'),
           url('fotypefacents/koziupack.woff') format('woff'),
	   url('../typeface/koziupack.ttf') format('truetype'),
	   url('../typeface/koziupack.svg#SingleMaltaRegular') format('svg');
      font-weight: normal;
      font-style: normal;
}
@font-face {
      font-family: 'missbrooks';
      src: url('../typeface/missbrooks.eot');
      src: url('../typeface/missbrooks.eot?#iefix') format('embedded-opentype'),
           url('fotypefacents/missbrooks.woff') format('woff'),
	   url('../typeface/missbrooks.ttf') format('truetype'),
	   url('../typeface/missbrooks.svg#SingleMaltaRegular') format('svg');
      font-weight: normal;
      font-style: normal;
}
@font-face {
      font-family: 'res';
      src: url('../typeface/res.eot');
      src: url('../typeface/res.eot?#iefix') format('embedded-opentype'),
           url('fotypefacents/res.woff') format('woff'),
	   url('../typeface/res.ttf') format('truetype'),
	   url('../typeface/res.svg#SingleMaltaRegular') format('svg');
      font-weight: normal;
      font-style: normal;
}

#ie6-warning{ 
background:rgb(255,255,225) url("/upload/201006/20100628012515690.gif") no-repeat scroll 3px center; 
position:absolute; 
top:0; 
left:0; 
z-index:20;
font-size:12px; 
color:#333; 
width:97%; 
height:50px;
padding: 2px 15px 2px 23px; 
text-align:left; 
} 
#ie6-warning a { 
text-decoration:none; 
}


h2{ margin:0; padding:0;}
*{ font-size:14px; color:#666;}
div
{
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
img{ border:0;}
ul{ margin:0; padding:0;}
li{ margin:0; padding:0;}
a{ color:#666; text-decoration:none;}
/*a:visited,a:hover,a:active{border:none;}
*/body{ margin:0; padding:0;}
#all{  width:960px; height:100%;}
#header{ width:960px; position:relative; }
#header .logo{ padding-top:20px;padding-bottom:20px; position:relative;}
#header .logo h1{ text-align:center; font-size:34px; margin:0;}
#header .service{ position:absolute; right:10px; top:18px; font-weight:bold;}
#header .click{ position:absolute; right:3px; top:30px;}
#header .click a{ padding-left:10px;}
#header .click a img{ border:none;}

#nav{ width:960px; height:50px; background:url(../images/line.png) repeat-x ; background-position:0 38px; line-height:50px;}
#nav ul{ list-style:none; margin:0; margin-left:0px; padding:0;}
#nav ul li.select{ background:url(../images/line2.png) repeat-x; background-position:0 44px; z-index:8; }
#nav ul li.shu{ margin:0; padding:5px 0;}
#nav ul .select a{color:#000;}
#nav span{ float:left; margin:0; padding-top:2px; }
#nav ul li{ float:left; padding: 5px; height:38px; line-height:45px; padding-left:10px; padding-right:10px;}
#nav ul li:hover{ background:url(../images/line2.png) repeat-x; background-position:0 44px; z-index:8;}

#nav ul li a{ color:#999; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#nav ul li a:hover{ color:#000;}
#nav_right{ float:right; margin-right:10px; }
#nav_right span{ padding-right:5px;font-size:12px; margin:0;}
#nav_right span a{ color:#333; text-decoration:none; font-size:12px;}



#bigpic{ width:960px;  position:relative;}
#bigpic img{  width:960px;}
.pictitle{
	width: 430px;
	overflow: auto;
	background: #005f30;
	position: absolute;
	left: 0;
	top: 320px;
	opacity: 0.9;
	clear: both;
	z-index: 8;
	background-color: #1b1610;
}
.pictitle_content{color:#FFF; font-size:24px; font-family:Arial, Helvetica, sans-serif; padding:20px;letter-spacing:2px;}

#slider3 { position: relative; }
.switcher
{
	position: absolute;
	top: 445px;
	right: 10px;
	z-index: 8;
	display: block;
}
.switcher a{background:url(../images/dian1.png) no-repeat;cursor:pointer;float:left;font-family:arial;height:14px;line-height:14px;width:14px;margin:4px;text-align:center;color:#006935; font-size:12px;}
.switcher a.cur,.switcher a:hover{background:url(../images/dian2.png) no-repeat;height:16px;line-height:16px;width:16px;margin:4px;color:#fff;font-weight:bold; font-size:12px;}

.contenttitle{ text-align:center;  width:960px; margin:0px; padding-bottom:10px; border-bottom:1px dotted #CCC; clear:both;}

.contenttitle span{
	font-family: 'tt0586m',Arial,Helvetica,sans-serif;
	clear:both;
	color: #d2aa62;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding:20px 0;
	line-height:70px;
}
.contenttitle p{ font-size:15px; line-height:20px; color:#333; text-align:left; width:760px; margin:0 auto;}
#footer{ clear:both;  width:100%;  padding-top:75px; }
#footercontent{ width:960px; border-bottom:1px solid #ccc; text-align:center;}

#footertitle{ height:50px; width:100%; margin: 0; text-align:center; background:#666;}
#footertitle .p1{ padding-top:15px;}
#footertitle p{font-size:12px;color:#ddd; height:12px; line-height:12px; margin:0; padding-top:5px;}


.contentWarp
{
	width: 960px;
	position: relative;
	clear: both;
}
.leftArea { }
.rightArea
{
	margin:0 auto;
	width: 960px;
	clear: both;
	text-align:center;
	margin-right:10px;
}
.content
{
	
	font-family: Verdana, Geneva, sans-serif;
	text-align:left;
}
.content p { font-size:15px; margin: 10px 100px 0; color:#333; width:760px;}
.content .link{ text-align:center;}
.content p  a{ color:#d2aa62;}
.content p  a:hover{ font-weight:bold;}

/*nav2*/
#all.sel{ }
.bg_cover{ z-index:10; width:100%; height:100vh; position:fixed; left:0px; top:0px; background:#000; opacity:0.2; display:none;}
.back_btn{ position:absolute; left:20px; top:20px; width:36px; height:36px; font-size:36px; text-align:center; display:none; }
.nav2_btn.fa-plus{font-size:36px;}
.nav2_btn{ position:absolute; right:20px; top:20px; z-index:11; display:none;   }
.nav2_btn.sel{text-align:center; transition: 0.5s; transform:rotate(45deg);
-moz-transform:rotate(45deg); /* Firefox 4 */
-webkit-transform:rotate(45deg); /* Safari and Chrome */
-o-transform:rotate(45deg); /* Opera */}
.nav2{ display:none; position:fixed; right:0px; top:78px; width:50%; height:calc(100vh - 78px); background:#292b2c; padding:0 30px; z-index:10; box-sizing:border-box;}
.nav2 ul{}
.nav2 ul li{ text-align:right; list-style:none; font-size: 18px;  line-height: 36px;}
.nav2 ul li.select{}
.nav2 ul li a{ color:#fff;}
.nav2 ul li.select a{ color:#a4a5a6;}
.nav2 .sel_lan{ text-align:right; margin-top:20px;}
.nav2 .sel_lan a{ color:#fff; margin-left:10px; }
.nav2 .sel_lan a.sel{ color:#a4a5a6;}
.contenttitle2{ position:absolute; top:calc(50% - 30px); width:100%; color:#fff; line-height:60px; font-size:60px; z-index:8; text-align:center; display:none;}
.pictitle_content2{ color:#000; padding:30px; font-size:18px; line-height:24px; display:none; font-weight:bold; }
.line{ display:none; height:2px; width:50%; background:#c79f62; margin:0; margin-top:10px; }
/*nav2*/
.arrow { /*width: 960px; */ }
.arrow img { width: 72px; }
#left-arrow{	position:relative;	float: left;	width: 480px;	height:31px;}
#left-arrow img{ width:72px; position:absolute; top:8px; left:43%;}
#right-arrow{	position:relative;	text-align:center;	float: right;	width: 480px;	height:31px;	display: none;}
#right-arrow img{ width:72px; position:absolute; right:43%; top:8px;}

#content1{ height:580px; clear: both; border:7px solid #ddd; }
#content2{ height:510px; clear: both; border:7px solid #ddd; display:none; }
#content1 .contentArea ,#content2 .contentArea{	clear: both;	padding: 5px 0;	display:block;}
#content1 .contentpic {/*	width: 470px;*/	float: left;}
#content2 .contentpic{	float:right;	}
#content1 .content{	width: 460px;	position: relative;	vertical-align: top;	padding-left:10px;	padding-top:3px;}
#content2 .content{	width: 430px;	position: relative;	vertical-align: top;	padding-left:40px;	padding-top:3px;}
#content1 .content p{ width:430px; margin:0;}
#content2 .content p{width:430px; margin:0;}

#content1 .contentArea .pic{ padding-left:10px;}
#content2 .contentArea .pic{ padding-left:10px;}
#content1  img ,#content2  img{	margin:4px 0;}
#content1 .num ,#content2 .num{ width:60px;}
#content1 h1 ,#content2 h1{	margin:0 auto;	text-align:center;	margin-left:10px;	 font-size:24px;	 font-weight:bold;	 width:30px;	 border:1px solid #000;	 border-radius:50%;}
#content1 .content p ,#content2 .content p{		text-align:left;	padding: 0;	line-height:20px;	font-size:12px;}
#content2 .content p{	text-align:right;}
#content1 .content span ,#content2 .content span{left: 20px;	line-height:16px;	font-size:12px;}
#content1 .content p strong ,#content2 .content p strong { color: #666; font-size:16px; display:block; }
.nav_pic{ /*width:960px; height:228px;*/ position:relative;}
.nav_pic .leftpic{cursor:pointer; position:absolute; left:0; width:478px;}
.nav_pic .rightpic{cursor:pointer; position:absolute; right:0; width:478px;}
.nav_pic img{ width:100%;}
.pictitle1{	width: 200px;	overflow: auto;	position: absolute;	left: 0;	top: 160px;	opacity: 0.9;	clear: both;	z-index: 8;	background-color: #1b1610;}
.pictitle2{
	width: 200px;	overflow: auto;	position: absolute;	left: 483px;	top: 160px;	opacity: 0.9;		z-index: 8;	background-color: #1b1610;}
.pictitle_content{color:#FFF; font-size:22px; padding:5px; }

.bottom { margin:0 -13px; }
.bottom a { }
.bottom .box
{
	margin: 0 13px 20px 13px;
	text-align: center;
	float: left;
	width:220px;
	background:#d2aa62;
	
}
.bottom .rightbox{margin: 0 0 10px 0px;}
.bottom .box a { display: none; }
.bottom .box a .m_pics{ width:100%;  background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bottom .box a .m_pics img{ width:100%;}
.bottom .box .show { display: block;  overflow:hidden;}
.bottom .box a img
{
	margin: 0;
	width: 220px;
	border: none;
}
.bottom .box p
{
	margin: 0;
	padding-top: 2px;
	font-size: 16px;
	height:26px;
	line-height:26px;
	font-weight: bold;
	color:#fff;
	font-family:'tt0586m';
	letter-spacing:0.15em;
}




/*sider*/
.swiper-container{width:100%;}
.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:30px;}
	.pad_show{ display:none;}
	#bigpic:after, .nav_pic:after{ display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
	.nav_pic{ height: 228px;}
	
	
	
	
	
	
	
	.contentWarp .rightArea .client{float:left; margin-left:30px; text-align:left;}
.contentWarp .rightArea .client img{width:280px;}
.contentWarp .rightArea .client h3{font-size:18px; width:280px; min-height:36px;}
.contentWarp .rightArea .client ul{margin:0; padding:0; list-style:none;}
.contentWarp .rightArea .client ul li{ height:20px; line-height:20px;}
.contentWarp .rightArea .client ul li:hover{background:#ccc;}
.contentWarp .rightArea .client ul li a{color:#666; text-decoration:none; font-size:12px;}
#menu_yhm{ z-index:2;}
#menu_yhm .city_name span{ display:none; background:#666; color:#fff; padding:2px 3px;}


#menu_yhm #bigmark{ position:absolute; z-index:3;width:24px; height:44px; display:none; }
#menu_yhm #bigmark img{ width:18px; height:33px; margin:0; padding:0;}
#bigpic #pastpic img{ position:absolute; top:0; left:0; z-index:9;}
#bigpic #menu_yhm img{ position:absolute; top:0; left:0; z-index:9;}
#bigpic .mapall{ display:none; z-index:0;}
#bigpic .mapname{z-index:9;}
#map_detal a{ cursor: url("../images/zoom-out.ico"),auto;}

#map_detal img{ display:none;}

#c1{ position:relative;}
#c1 li { display:none; list-style:none; width:250px;}
#c1 li img{ width:100%;}
.cl{position:relative;}
.cl:after{ clear:both;}
.cl ul{ margin:0; padding:0;}
.cl li{display:none; list-style:none;  width:180px;  overflow:hidden; margin:10px 5px;}
.cl li img{ width:100%;}

#nav1{position:relative; border-bottom: 1px dotted #CCC; } 
#nav1 li{  list-style:none;} 
#nav1 li img{ width:100%;}

#nav2{position:relative; border-bottom: 1px dotted #CCC; } 
#nav2 li{ list-style:none;} 
#nav2 li img{ width:100%;}

#nav3{position:relative; border-bottom: 1px dotted #CCC; } 
#nav3 li{ list-style:none;} 
#nav3 li img{ width:100%;}

.client_area{ text-align:center;}
.client_title{font-family: 'tt0586m',Arial,Helvetica,sans-serif;  padding-bottom:5px; border-bottom:5px solid #fff; margin-bottom:10px; text-align:center; margin-bottom:50px; padding-top:50px; font-size: 22px;    font-weight: bold;    letter-spacing: 0.05em;}
.client_title a{font-family: 'tt0586m',Arial,Helvetica,sans-serif;
    color: #676767;
	font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 10px 0;
    line-height: 32px; position:relative; border-bottom:1px solid #fff;}
.client_title a em{ position:absolute; left:50%; top:25px}
.client_title a:hover,  .client_title a:hover em{ color:#d2aa62; border-bottom:1px solid #d2aa62;}
.client_title.sel{border-bottom:5px solid #2e6d44;}
.client{}
.hidden{ display:none;}

#pastpic{ height:423px;}
.waterfall{ -moz-column-count:4; /* Firefox */
        -webkit-column-count:4; /* Safari 和 Chrome */
        column-count:4;
        -moz-column-gap: 8px;
      -webkit-column-gap: 8px;
      column-gap: 8px;}
.waterfall li{
	
      margin: 0 0 8px 0;
      -moz-page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
      break-inside: avoid;
    }
	.waterfall li a{ display:block;}
.waterfall li img{width: 100%;
        }
	.p40{ padding:40px;}
	.client_type{ }
	.client_type img{ margin-bottom:45px; width:100%; }
.client_type .pictitle_content2{ padding:0; padding-bottom:10px}


.contenttitle .pages span
{
	float: left;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	margin-right: 10px;
	color: #333;
}
.contenttitle .pages ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
.contenttitle .pages ul li
{
	float: left;
	width: 20px;
	height: 20px;
	border: 1px solid #333;
	margin-left: 8px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #333;
}
.contenttitle .pages ul li.hover, .contenttitle .pages ul li:hover, .contenttitle .pages ul li.selected
{
	color: #fff;
	background: #333;
}
.contenttitle p { clear: both; }
.content_Area{ position:relative;}
.content_Area tr td{ border-bottom:1px solid #ccc; vertical-align:top;padding:15px;}
.content_Area .right_content{ width:260px; text-align:center; vertical-align:middle;}
.content_Area .right_content img{}
	
	.leftArea { margin:10px; float:left; width:330px; }

.table1{ margin-top:20px;}
.table1 a{ text-decoration:underline; color:#d2aa62; padding-left:7px;}
.table1 table td{ border-bottom:1px solid #ccc; text-align:left;  height:30px;}
.td3{ width:250px;}
.td4{ padding:0 30px; width:150px;}
.td1{ width:170px;}
.td2{ font-weight:bold; color:#666;}
.td_float_right{ text-align:right; width:100px; padding-right:10px;}
.td_float_left{ text-align:left; padding-left:10px;}
#message_photo{ display:none; text-align:left; height:24px; line-height:24px;}
#form{ display:none; position:relative; margin:0 auto; width:600px; margin-top:600px; background:#ddd; z-index:8;}
#all_form{ z-index:8; position:absolute; top:0; left:0; width:100%; height:1182px; display:none; background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#000; filter:Alpha(opacity=20);
    zoom:1;}
	
	
.address{clear:both; padding-bottom:10px; padding-top:10px; height:100%; overflow:auto; margin-left:0px;}
.first{margin-top:20px;}
.address img{max-width:300px; float:left;}
.address .detail{float:left; font-size:12px; margin-left:15px; max-width:600px; width: 100%;}
.address .detail h3{ margin:0;  }
.address .detail p{font-size:12px; line-height:20px;}
.detail_content{ margin-top: 12px;}
.address .detail .detail_item{font-size:14px; line-height:20px; margin-bottom: 5px;}
.address .detail .detail_item .detail_item_left{ width: 50px;display: flex; float: left;justify-content: space-between; }
.address .detail .detail_item .detail_item_left::after{content: ":"; display: block; margin-left: 8px;}
.address .detail .detail_item .detail_item_right{padding-left: 60px;}
.address .detail .detail_item .detail_item_right a{}

input,select,textarea{border-radius:4px; border:1px solid #ccc; padding:4px 6px; margin:2px;}
.send_area{}
.send_area p{ font-size:16px; font-weight:bold;  text-align: center;}
.send_box{ margin-bottom:10px; display: flex; justify-content: center;}
.send_label{ 
	/* width:180px;  */
	width: 80px;
	text-align:right; vertical-align:top; display:inline-block;}
.send_box input{border-radius: 4px;    border: 1px solid #ccc;    padding: 4px 6px; width:417px;}
.send_box textarea{ width:417px; border-radius: 4px;    border: 1px solid #ccc; }
.send_box select{ width:431px;}
.send_box .send_btn{color:#fff; background:#d2aa62;}
	
.careers_table2{  border-top:1px dashed #bfbfbf; display:none;}	
.careers_table2_box{ padding:20px 0;border-bottom:1px dashed #bfbfbf;}
.box_group{}
.box_group label{ float:left; width:80px; text-align:right; font-weight:bold; color:#000; margin-right:10px;}
.content .box_group p{ margin-left:90px; margin-bottom:10px; }
.box_group a{ text-decoration:none; margin-bottom:10px; display:block;}

.factory_area{

}
.factory_switer img{width: 100%;}
.factory_area h3{
	width: 650px;
	margin: 30px auto;
	margin-bottom: 40px;
	font: 22px;
	text-align: center;
}
.factory_address{
	display: block;
	width: 780px;
	margin: 0 auto;
	margin-bottom: 67px;
}
.factory_progress{
	margin: 56px auto;
	text-align: center;
	font: 22px/28px Arial, Helvetica, sans-serif;
}
.factory_map{
	position: relative;
	margin-bottom: 67px;
}
.map_controller{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.factory_bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background:#000;
}
.factory_past{
	position: absolute;
	opacity: 0;
}
.factory_1{
	top: 73px;
    left: 68px;
}
.factory_2{
	top: 10px;
    left: 0px;
}

.factory_3{
	top: 111px;
    left: 604px;
}
.factory_4{
	top: 176px;
    left: 247px;
}
.factory_5{
	top: 282px;
    left: 460px;
}
.factory_6{
	top: 30px;
    left: 397px;
}
.factory_7{
	top: 0px;
    left: 524px;
}
.factory_operation{
	margin-bottom: 67px;
}
.factory_operation h3{
	font: 51px/61px Arial, Helvetica, sans-serif;
	color: #D2AA62;
	margin-bottom: 30px;
}
.factory_operation_title{
	margin-bottom: 48px;
	font: 22px/30px Arial, Helvetica, sans-serif;
}
.factory_operation_title span{
	color: #81A550;
	font: 22px/30px Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.factory_operation_area{
	width: 865px;
	margin: 0 auto;
	
}
.factory_operation_menu{
	float: left;
	width: 247px;
	margin-right: 10px;
}
.factory_operation_menu ul{
	list-style: none;
	position: relative;
}
.factory_operation_menu ul li{
	font-size: 18px;
	color: #fff;
	padding: 22px 40px;
	margin-bottom: 14px;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
	
}
.factory_operation_menu ul li.active{color:#000;}
.bg_green{background:#748E3C;}
.bg_yellow{background: #B3A509;}
.bg_gery{ background: #979797;}
.factory_operation_content{
	float: left;
    width: calc(100% - 258px);
}
.factory_operation_past{
	text-align: right;
	display: none;
	float: none;
}
.factory_operation_past img{
	width: 100%;
	margin-bottom: 59px;
}
.factory_operation_past h5{
	font: 18px/26px Arial, Helvetica, sans-serif;
	
	margin-bottom: 19px;
	color: #748E3C;
}
.factory_operation_past p{
	margin: 0 !important;
	width: 100%;
	font: 18px/26px Arial, Helvetica, sans-serif;
}
.factory_operation_past{margin: 20px auto;}

.factory_area3{
	width: 865px;
	margin-bottom: 67px;
}
.factory_area3_left{
	float: left;
	width: 360px;
	margin-right: 57px;
}
.factory_area3_left img{width: 100%;}
.factory_area3_right{
	float: left;
	width: calc(100% - 420px);
}
.factory_area3_right h5{
	font-size: 30px;
	line-height: 30px;
	margin-top: 100px;
	margin-bottom: 40px;
	color: #D2AA62;
}
.factory_area3_right p{
	margin: 0 0 28px 0 !important;
	font-size: 20px;
	width: 100%;
}
.div-button-next , .div-button-prew{
	width: 35px;
    height: 100px;
	margin-top: -50px;
	background: rgba(0, 0, 0, 0.5);
	
	padding: 60px 15px;
}
.div-button-next i , .div-button-prew i{
	font-size: 100px;
	color: #fff;
}
.factory_map2{
	margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
	display: none;
}
.factory_map2_box{
	position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.factory_map2_list{
	display: none;
	text-align: center;
    font-size: 18px;
    background: #fff;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
	align-items: center;
	
	-webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.factory_map2_list.active{display: block;}
.factory_map2_list img{width: 100%;}

.clearfix::after, .clearfix::before{ content: ''; clear: both; display: block;}


@media (max-width:960px){
	#bigpic{ margin-bottom:44px;}
	.back_btn{ display:block;}
	.nav2_btn{ display:block;}
	#all{ width:100%;}
	#header{width:100%; position:fixed; left:0px; top:0px; z-index:9;  background:#fff;}
	#nav{width:100%; display:none;}
	#bigpic{width:100%; margin-top:78px;}
	#bigpic img{width:100%;}
	.contenttitle{width:100%;}
	#footercontent{width:100%;}
	.contentWarp{width:100%;  padding:0 40px; box-sizing:border-box;}
	.rightArea{width:100%;}
	.logo a{ display:block; text-align:center;}
	.content p { width:auto; margin:0; margin-bottom:20px; line-height:20px;}
	.pictitle{ top:60%;}
	.arrow{ display:none;}
	.pad_show{ display:block;}
	.nav_pic .leftpic{ width:50%; position:relative; float:left; padding:0 5px; box-sizing:border-box;}
	.nav_pic .rightpic{ width:50%;position:relative; float:left; padding:0 5px; box-sizing:border-box;}
	.pictitle1{ position:relative; float:left; width:50%; background:none; text-align:center; top:0; z-index:8; padding:0 5px; box-sizing:border-box;}
	.pictitle2{position:relative; float:left; width:50%; background:none; text-align:center; top:0; z-index:8; left:0;  padding:0 5px; box-sizing:border-box;}
	.pictitle_content{color:#434343;}
	#content1{ border:none; height:auto;}
	#content2{ border:none; height:auto;}
	.nav_pic{ padding:40px; width:100%; height:auto; box-sizing:border-box;}
	.pictitle{ display:none;}
	.contenttitle2{ display:block;}
	.pictitle_content2{ display:block;}
	.contenttitle{ display:none;}
	#content1 .contentArea .pic, #content2 .contentArea .pic{ display:none;}
	#content1 .content, #content2 .content{ width:100%; padding:0;}
	#content1 .content p, #content2 .content p{ width:100%; text-align:left; margin-bottom:20px;}
	#content1 .content p strong, #content2 .content p strong{ margin-bottom:5px;}
	.bottom{ margin:0 -26px; }
	.bottom .box{width:calc(33% - 26px);}
	.bottom .box .show{}
	.bottom .box a img{ width:100%;}
	#pastpic{ display:none;}
	#Map10{ display:none;}
	#menu_yhm{ display:none;}
	.waterfall{ -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari 和 Chrome */
        column-count:3;
        -moz-column-gap: 8px;
      -webkit-column-gap: 8px;
      column-gap: 8px;}
	  .client_list{ display:none;text-align: left; color:#000; font-weight:bold;    padding: 0; margin-bottom:20px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; line-height: 24px;}
	.line{ display:block;}
	.content_Area .right_content{ width:auto;}
	.content_Area tr td{ border:none;}
	.content_Area tr td{ padding:0; padding-bottom:20px;}
	.content_Area .right_content{ vertical-align:text-top; margin-top:40px; }
	.address img{ width:40%; max-width:inherit;}
	.address .detail{ max-width:inherit; width:calc(60% - 15px);}
	#header .logo{ padding:20px 0;}
	.logo a img{ }
	.content_Area h2{ color:#000; font-weight:bold;}
	#footer{ padding-top:30px;}

	.factory_address{
		width: 90%;
	}
	.factory_map{
		display: none;
	}
	.factory_operation h3{
		width: 100%;
		font-size: 30px;
		line-height: 32px;
	}
	.factory_operation_menu{
		width: auto;
		/* height: 65px; */
		overflow: hidden;
		width: 100%;
		float: none;
	}
	.factory_operation_menu ul{
		width: 2000px;
	}
	.factory_operation_menu ul li{
		float: left;
		margin-right: 10px;
		padding: 10px;
		width: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		text-align: center;
		height: 83px;
	}
	.factory_operation_content{
		float: none;
		margin: 20px auto;
		width: 90%;
	}
	.factory_operation_area{
		width: 90%;
	}
	.factory_area h3{
		width: 90%;
	}
	.factory_area3{
		width: 90%;

	}
	.factory_area3_left{
		width: 60%;
		float: none;
		margin: 20px auto;
	}
	.factory_area3_right{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	.factory_progress{
		margin: 25px auto;
		font:15px/25px Arial, Helvetica, sans-serif;
	}
	.factory_operation_past img{
		margin-bottom:0px;
	}
	.factory_area3_right h5{
		margin-top: 50px;
	}
	.factory_area3_right p{
		font-size: 14px;
	}
	.div-button-next, .div-button-prew{
		height: 80px;
		margin-top: -50px;
		padding: 20px 15px;
	}
	.div-button-next i, .div-button-prew i{
		font-size: 75px;
	}
	.factory_map2{display: block;}
}
@media (max-width:768px){
	.pictitle_content2{ padding:30px 20px}
	.contentWarp{ padding:0 20px;}
	.nav_pic{ padding:20px; width:100%; height:auto; box-sizing:border-box;}
	/*.client_type{padding: 0 200px 300px 20px;}*/
	#bigpic{ margin-top:44px;}
	#header .logo{ padding:10px 0;}
	.back_btn{ position:absolute; left:15px; top:15px; width:20px; height:20px; font-size:20px; text-align:center; }
.nav2{  top:44px; width:50%; height:calc(100vh - 44px); background:#292b2c; padding:0 30px; z-index:10; box-sizing:border-box;}

.nav2_btn.fa-plus{font-size:20px;}
.nav2_btn{ position:absolute; right:15px; top:15px; z-index:11;   }
	.logo a img{ height:24px;}
	.pictitle{ width:auto;}
	.bottom .box{ width: calc(50% - 26px);}
	.waterfall{ -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari 和 Chrome */
        column-count:2;
        -moz-column-gap: 8px;
      -webkit-column-gap: 8px;
      column-gap: 8px;}
	 .address img{ width:100%; margin-bottom:10px;}
	  .address .detail{ width:100%; margin-left: 0px;}
	  
	  .send_area p{ font-size:16px; font-weight:bold; margin-left:0px; text-align:center;}
	.send_box{ margin-bottom:10px;}
	.send_label{ width:100%; text-align:left; vertical-align:top; display:inline-block;}
	.send_box input{border-radius: 4px;    border: 1px solid #ccc;    padding: 4px 6px; width:100%; box-sizing:border-box;}
	.send_box textarea{ width:100%; border-radius: 4px;    border: 1px solid #ccc;  box-sizing:border-box;}
	.send_box select{ width:100%;}
	.careers_table1{ display:none;}
	.careers_table2{ display:block;}
	#footertitle{ height:auto; padding:5px 0;}
	#footertitle p{ height:auto;}
	
}