html, body {
	width: 100%;
	font-family: "Microsoft Yahei";

}
html, body, div, p, span, ul, ol, li, button, input, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
img {
	display: block;
}
a{
	text-decoration: none;
	tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);
	-o-tap-highlight-color:rgba(0, 0, 0, 0);
}
.banner{
	width:100%;
	min-width:1200px;
	height:360px;
	background:url("../images/about_banner.jpg") no-repeat center center;
	margin-top:88px;
}
.tabContainer{
	width: 100%;
	height: 65px;
	background:url("../images/about_tab_bg.jpg") repeat-x;
	min-width: 1200px;
}
.tabContent{
	width: 1200px;
	height: 65px;
	margin: 0 auto;
	position: relative;
	font-size: 0;
	text-align: center;
}
.about_tab{
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	height:65px;
	overflow: hidden;
}
.about_tab_detail{
	color: #666;
}
.about_tab_item{
	float: left;
	padding:20px;
	margin-right:60px;
	color: #676767;
	font-size:18px;
	height:65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.about_tab_item.active{
	border-bottom:2px solid #ce2d35;
	color: #ce2d35;
}
/*.about_tab_item:last-child{*/
	/*margin-right:0;*/
/*}*/
.about_tab_det_item{
	width:100%;
	font-size: 0;
	background-color: #fff;
	display: none;
}
.about_tab_det_item.active{
	display: block;
}
.certificateTab{
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	height: 65px;
	color: #676767;
	font-size: 18px;
	line-height: 65px;
	cursor: pointer;
	text-decoration: none;
}
.certificateTab:hover,.certificateTab:focus{
	color: #676767;
	text-decoration: none;
}
.about_us{
	width:1200px;
	height:570px;
	margin:0 auto;
	position: relative;
}
.about_us_left{
	float: left;
	margin-left:11px;
}
.about_us_title{
	font-size:30px;
	color: #373737;
	line-height:78px;
	margin-top:50px;
}
.about_year{
	font-size:40px;
	color: #ce2d35;
	line-height:84px;
	margin-bottom:8px;
}
.about_year>span{
	font-size:16px;
	color: #676767;
}
.about_text1{
	width:590px;
	margin-bottom:16px;
	line-height:24px;
	font-size:16px;
}
#drawlogo{
	width: 100%;
	height: 100%;
	background: #FFF;
}
.about_logo{
	width:442px;
	height:513px;
	display: block;
	position: relative;
	margin-right:60px;
	float: right;
	background:url("../images/logo1.gif") no-repeat center center;
	background-size:442px;
}
.business{
	height:850px;
	background:url("../images/business_bg.jpg") no-repeat center center;
	min-width:1200px;
}
.business_title{
	padding-top:86px;
	font-size:30px;
	line-height:46px;
	color: #373737;
	text-align: center;
}
.business_dec{
	color: #676767;
	font-size:16px;
	text-align: center;
	line-height:46px;
	margin:6px auto 38px;
}
.show{
	width:1200px;
	margin:0 auto;
	font-size:0;
}
.show_item{
	display: inline-block;
	position: relative;
	margin-right:30px;
	margin-bottom: 50px;
	font-size:0;
}
.show_item:nth-child(3){
	margin-right:0;
}
.show_item:nth-child(4){
	margin-left: 200px;
}
.show_dec{
	position: absolute;
	top:198px;
	left:0;
	right:0;
	margin:0 auto;
	width: 274px;
	height: 64px;
	background-color: #fff;
	box-shadow: 0 3px 10px 1px rgba(77, 77, 77, 0.2);
	z-index: 9;
	text-align: center;
	font-size:14px;
	color: #373737;
	line-height:64px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.scope{
	height:831px;
	background:url("../images/scope_bg.jpg") no-repeat center center;
	min-width:1200px;
}
.scope_title{
	padding-top:65px;
	font-size:30px;
	line-height:46px;
	color: #000000;
	text-align: center;
}
.scope_des{
	margin:21px auto 39px;
	color: #373737;
	font-size:16px;
	text-align: center;
	line-height: 30px;
}
.map{
	margin:0 auto;
	width:1105px;
	height:539px;
	background:url("../images/map.png") no-repeat;
	background-size:100%;
	position: relative;
}
.area{
	position: absolute;
	background-size:100%;
}
.area:hover{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: smalltobig;
  	animation-name: smalltobig;
}
@-webkit-keyframes smalltobig {
  from, 50%, to {
    transform: scale(1.1);
  }

  25%, 75% {
    transform: scale(1);
  }
}

@keyframes smalltobig {
  from, 50%, to {
    transform: scale(1.1);
  }

  25%, 75% {
    transform: scale(1);
  }
}
.area1{
	width:129px;
	height:101px;
	left:77px;
	top:132px;
	background:url("../images/area1.png") no-repeat;
}
.area2{
	width:171px;
	height:52px;
	left:37px;
	top:234px;
	background:url("../images/area2.png") no-repeat;
}
.area3{
	width:129px;
	height:104px;
	left:150px;
	top:46px;
	background:url("../images/area3.png") no-repeat;
}
.area4{
	width:171px;
	height:54px;
	left:196px;
	top:167px;
	background:url("../images/area4.png") no-repeat;
}
.area5{
	width:174px;
	height:52px;
	left:233px;
	top:211px;
	background:url("../images/area5.png") no-repeat;
}
.area6{
	width:129px;
	height:106px;
	left:284px;
	top:326px;
	background:url("../images/area6.png") no-repeat;
}
.area7{
	width:129px;
	height:105px;
	left:426px;
	top:80px;
	background:url("../images/area7.png") no-repeat;
}
.area8{
	width:169px;
	height:56px;
	left:503px;
	top:142px;
	background:url("../images/area8.png") no-repeat;
}
.area9{
	width:174px;
	height:53px;
	left:527px;
	top:111px;
	background:url("../images/area9.png") no-repeat;
}
.area10{
	width:175px;
	height:56px;
	left:545px;
	top:73px;
	background:url("../images/area10.png") no-repeat;
}
.area11{
	width:169px;
	height:54px;
	left:590px;
	top:223px;
	background:url("../images/area11.png") no-repeat;
}
.area12{
	width:129px;
	height:97px;
	right:189px;
	top:189px;
	background:url("../images/area12.png") no-repeat;
}
.area13{
	width:129px;
	height:101px;
	right:112px;
	top:153px;
	background:url("../images/area13.png") no-repeat;
}
.area14{
	width:130px;
	height:101px;
	right:0;
	top:393px;
	background:url("../images/area14.png") no-repeat;
}
.company_organization{
	width:100%;
	height:520px;
	position: relative;
	background-color: #f5f5f5;
	overflow: hidden;
}
.organization_content{
	width:1200px;
	margin:0 auto;
	position: relative;
}
.organization_bg{
	position: absolute;
	top:0;
	left:540px;
}
.cont_title{
    padding-top: 90px;
    line-height: 0px;
    height: 0;
    font-size: 30px;
    color: #373737;
    margin-left: 1px;
    margin-bottom: 36px;
}
.classify{
	list-style: none;
	height:277px;
	margin-left:2px;
	border-left:1px solid #d6d6d6;
}
.item{
	margin-left:32px;
	padding-top:20px;
}
.item:first-child{
	padding-top:0;
}
.item_title{
	font-size:24px;
	line-height:26px;
	color: #373737;
	padding-top:4px;
}
.item_des{
	line-height:22px;
	font-size:16px;
	color: #676767;
}
.workshop{
	width:1200px;
	height:910px;
	margin:0 auto;
}
.workshop_title{
	font-size:30px;
	color: #373737;
	line-height:46px;
	text-align: center;
	padding-top:48px;
}
.workshop_des{
	margin:17px auto 12px;
	font-size:16px;
	line-height:46px;
	color: #676767;
	text-align: center;
}
.workshop_img{
	width:100%;
	position: relative;
}
.workshop_2{
	position: absolute;
	top:0;
	right:0;
}
.workshop_3{
	position: absolute;
	bottom:0;
	right:0;
}
.production{
	width:100%;
	background-color: #f5f5f5;
	height:581px;
}
.production_title{
	font-size:30px;
	color: #373737;
	text-align: center;
	padding-top:4px;
	line-height:142px;
}
.ability{
	width:1200px;
	margin:0 auto;
	overflow: hidden;
}
.ability_item{
	width:280px;
	margin-right:26px;
	float: left;
}
.ability_item:last-child{
	margin-right:0;
	float: right;
}
.item_top{
	width:100%;
	height:198px;
	background-color: #fff;
	padding-top: 40px;
}
.icon1{
	width:52px;
	height:42px;
	background:url("../images/icon1.png") no-repeat bottom;
	background-size:100%;
	padding-top:56px;
	margin:0 auto 26px;
	display: block;
}
.icon2{
	width:48px;
	height:44px;
	background:url("../images/icon2.png") no-repeat bottom;
	background-size:100%;
	padding-top:55px;
	margin:0 auto 25px;
	display: block;
}
.icon3{
	width:46px;
	height:49px;
	background:url("../images/icon3.png") no-repeat bottom;
	background-size:100%;
	padding-top:53px;
	margin:0 auto 22px;
	display: block;
}
.icon4{
	width:43px;
	height:43px;
	background:url("../images/icon4.png") no-repeat bottom;
	background-size:100%;
	padding-top:53px;
	margin:0 auto 28px;
	display: block;
}
.icon_text{
	margin-bottom:45px;
	line-height:30px;
	font-size:18px;
	color: #373737;
	text-align: center;
}
.thing_title{
	margin-top:72px;
	line-height:56px;
	font-size:40px;
	text-align: center;
	color: #373737;
}
.thing_des{
	font-size:24px;
	line-height:36px;
	color: #373737;
	text-align: center;
}
.time{
	width:1200px;
	position: relative;
	margin:0 auto;
	padding-bottom:50px;
}
.left_red_arrow{
	position: absolute;
	top:0;
	left:-44px;
	width:44px;
	height:400px;
	background:url("../images/left_red_arrow.png") no-repeat center;
	background-size:100% 44px;
	cursor: pointer;
	z-index: 99;
}
.left_red_arrow:active,.left_red_arrow:hover{
	background:url("../images/left_red_arrow_active.png") no-repeat center;
	background-size:100% 44px;
}
.right_red_arrow{
	position: absolute;
	top:0;
	right:-44px;
	width:44px;
	height:400px;
	background:url("../images/right_red_arrow.png") no-repeat center;
	background-size:100% 44px;
	cursor: pointer;
	z-index: 99;
}
.right_red_arrow:active,.right_red_arrow:hover{
	background:url("../images/right_red_arrow_active.png") no-repeat center;
	background-size:100% 44px;
}
.time_line{
	width:1120px;
	height:400px;
	background:url("../images/time_line.png") no-repeat center;
	background-size:100% 22px;
	margin:0 auto;
}
.time_list_con{
	width:990px;
	height:400px;
	overflow: hidden;
	padding-left:70px;
	position: relative;
}
.time_list{
	width:2640px;
	height:400px;
	margin:0 auto;
	font-size:0;
	overflow-x: auto;

	position: absolute;
	top:0;
	left:70px;
}
.time_item{
	width:660px;
	height:400px;
	position: relative;
	float: left;
}
.thing_1{
	position: absolute;
	bottom:235px;
	left:0;
}
.thing_1_text{
	font-size:16px;
	color: #676767;
	line-height:28px;
	overflow: hidden;
}
.dot{
	font-size: 20px;
	color: #ce2d35;
	line-height: 28px;
	display: inline-block;
	float: left;
}
.dot_text{
	display: inline-block;
	margin-left:4px;
}
.thing_year_1{
	color: #373737;
	font-size:30px;
	position: absolute;
	left:10px;
	top: 230px;
}
.thing_year_2{
	color: #373737;
	font-size:30px;
	position: absolute;
	bottom:235px;
	left: 340px;
}
.thing_2{
	position: absolute;
	left: 330px;
	top: 230px;
}
.red_dot{
	width:46px;
	height:46px;
	background:url("../images/red_dot.png") no-repeat;
	background-size:100%;
	position: absolute;
	top: 176px;
	left: 22px;
}
.red_dot.red_dot2{
	left:352px;
}
.organization_content .item_title span{
	padding-left: 15px;
	position: relative;
	display: inline-block;
	width: 85px;
}
.organization_content .item_title span:before{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	left: 0;
	top: 9px;
	position: absolute;
	background: #ce2d35;
	border-radius: 100%;
}
/* 质量监控 */
.quality{
	width: 100%;
	height: 657px;
	background: url('../images/adv-banner3.jpg') no-repeat center;
	background-size: 100% 100%;
	position: relative;
}
.suggestion-content{
	width: 1200px;
	height: 100%;
	margin:auto;
}
.content-title{
	font-size: 30px;
	color: #373737;
	padding-top: 105px;
	text-align: center;
}
.content-text{
	padding-top: 30px;
	font-size: 16px;
	color: #676767;
	text-align: center;
}
.quality-content{
	margin-top: 30px;
	width: 100%;
}
.quality .item-content{
	width: 100%;
	position: relative;
	font-size: 0;
	text-align: center;
}
.quality-item{
	display: inline-block;
	vertical-align: top;
	width: 262px;
	height: 350px;
	cursor: pointer;
	margin: 0 18px;
}
.quality-item>img{
	width:100%;
}
.quality-item p{
	text-align: center;
	width: 100%;
	font-size: 20px;
	color: #676767;
	margin-top: 30px;
}
.quality-item:hover img{
	box-shadow: 0 1px 28px #ffcdc1;
}
/* 证书弹窗 */
.layer{
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	margin:0;
	padding: 0;
	z-index: 999;
	background: rgba(0,0,0,0.5);
	display: none;
}
.layer img{
	display: block;
	width: auto;
	max-width: 100%;
	margin:auto;
}
.layer-content{
	position: relative;
	margin:auto;
}
.closebtn{
	width: 38px;
	height: 38px;
	text-align: center;
	display: block;
	background: url(../images/close.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	right: 10px;
	top: 10px;
}
.layer .layerimg{
	display: none;
}