header{
	padding-bottom: 0px;
}

#companytitle{
	display : block ;
	width : 100% ;
	min-width:1024px;
	height : 400px;
	background-image : url(../images/companytitle.jpg) ;
	background-size : cover ;
	background-attachment : fixed ;
	background-position : center ;
	border-bottom: 4px solid #33334d ;
	position:relative;/*class  sss*/
}



#company{
	margin-top: 80px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 150px;
}

#company-l{
	float:left;
	width: 874px;
	overflow: hidden;
}

.company-l-01{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #33334d;
}

.company-l-01 h3{
	width:150px;
	line-height: 60px;
	text-align:center;
	background: #d6d6db;
	float: left;
}

.company-l-01 p{
	padding: 20px 0px 0px 0px;
	float: left;
	padding-left:20px;
}

.company-l-02{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #33334d;
}


.company-l-02 h3{
	width:150px;
	line-height: 80px;
	text-align:center;
	background: #d6d6db;
	float: left;
}

.company-l-02 p{
	padding: 20px 0px 0px 0px;
	float: left;
	padding-left:20px;
}

.company-l-03{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #33334d;
}


.company-l-03 h3{
	width:150px;
	line-height: 110px;
	text-align:center;
	background: #d6d6db;
	float: left;
}

.company-l-03 p{
	padding: 20px 0px 0px 0px;
	float: left;
	padding-left:20px;
}

.map{
	float:right;
	margin: 20px 0px 20px 0px;
}



#company-r{
	float:right;
	width: 120px;
	overflow: hidden;
}

#company-r img:last-child{
	margin-top: 20px;
	border: 4px solid #33334d;
	padding-bottom: 284px;
}




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


#companytitle{
	display : block ;
	width : 100%;
	min-width:0;
	height : 160px;
	background-image : url(../images/companytitle.jpg) ;
	background-size : cover ;
	background-attachment : scroll ;
	background-position : center center ;
	border-bottom: 4px solid #33334d ;
	position:relative;/*class  sss*/
}



#company{
	width: 95%;
	overflow: hidden;
	margin:0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

#company-l{
	float:left;
	width: 100%;
	overflow: hidden;
}

.company-l-01{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #33334d;
}

.company-l-01 h3{
	width:25%;
	line-height: 40px;
	text-align:center;
	background: #d6d6db;
	float: left;
}

.company-l-01 p{
	width:72%;
	padding: 15px 0px 0px 0px;
	float: left;
	padding-left:0px;
	margin-left:3%;
}

.company-l-02{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #33334d;
}

.company-l-02 h3{
	width:25%;
	line-height: 60px;
	text-align:center;
	background: #d6d6db;
	float: left;
}

.company-l-02 p{
	width:72%;
	padding: 10px 0px 0px 0px;
	float: left;
	padding-left:0px;
	margin-left:3%;
}

.company-l-03{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #33334d;
}


.company-l-03 h3{
	width:25%;
	line-height: 80px;
	text-align:center;
	background: #d6d6db;
	float: left;
}

.company-l-03 p{
	padding: 10px 0px 0px 0px;
	float: left;
	padding-left:3%;
}


#resucom01{
	padding-top:5px;
	line-height:14px;
}

#resucom02{
	padding-top:5px;
	line-height:14px;
}

.resucom03{
	padding-bottom:10px;
}

.map{
	float:right;
	margin: 20px 0px 20px 0px;
	width:100%;
	height:250px;
}



#company-r{
	display: none;
}



}