@charset "UTF-8";
@import url(reset.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Tangerine);
/*-------------------Comment-----------------------*/
body {font-family:  'Noto Sans Japanese',Lucida Grande, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;background: #fff !important;}

.annotation{font-size: 0.875em!important;color:#ff0000;}

.title1{text-align:center; padding:1.5em 0 0.5em;}
.title1 span{width:100%;font-family:游明朝;font-size:1em; text-transform:uppercase; position:relative; }
@media only screen and (max-width: 1024px) { /*当窗口在768以内时*/	
	.title1 span{font-size:0.75em; }
}
.title1 span::before,.title1 span::after{position: absolute;top:50%; content: '';width: 800%;height: 1px;background: #bedded;}
.title1 span::before{right:110%;}
.title1 span::after{left:110%;}

.line1{width:100%;height:1em;border-top:1px dotted #666; margin:1em 0 0 0;}

.stress1{color:#333;font-weight:bolder;font-size:1.25em; padding-bottom:0.5em;}
.stress2{color:#333;font-size:1.5em; padding-bottom:0.25em;}

header {
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.siteName {
	float: left;/*这浮动可以使导航栏与其同行显示，不浮动则导航栏另起一行 */
	padding: 7px 0 0;	
}
.navbar {
	margin:0 !important;	
	padding:0!important;
	background: #fff!important;
	border:none!important;
}
#navbar ul li a {
	font-size:1.125em!important;
	color: #333;
	margin-right:8px;
	display: block;
	position: relative;
	text-transform: uppercase;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	font-size: 0.95em;
	position: relative;
	border-bottom:3px solid #fff;
	text-indent:1em;
}
#navbar li.active a,#navbar li a:hover {
	color: #333;
	background: #fff;
	border-bottom:3px solid #03a3f0;
}
@media only screen and (min-width: 768px) and (max-width:980px) { 	
	#navbar ul{	
		margin-bottom:10px!important;	
		margin-right:0!important;	
	}
}
@media only screen and (max-width: 767px) { 
	.navbar-default .navbar-nav > li > a{
		padding: 1em 0 1em 1em !important;
	}
	#navbar ul li a {background:#3a74b1!important;margin-right:0px; color:#fff;border-bottom:1px dotted #5a9adc;}
	#navbar li.active a,#navbar li a:hover {color:#fff;border-bottom:1px dotted #5a9adc;}
}

#content{width:100%;height: auto; margin-top:55px; }
.contentWrap{width: 100%;height:auto; background: #fff; margin:0.125em auto 0.25em; padding:1% 3%; min-height: 450px; overflow: hidden;}
.contentWrap p{line-height: 1.5em; font-size: 1.1em;}

#content3{width:100%;background:#ecf8fe;}
.contentWrap1{width: 100%;height:auto; margin:10px auto; overflow: hidden;  }

#footer{width:100%; height: auto; background: #3a74b1;padding: 30px 0;position: relative;}

.footer-grid{width:25%; float: left; }
@media only screen and (max-width:980px) { /*当窗口在768以内时*/	
	.footer-grid{
		width:100%;
	}
}
.footer-grid a:hover{text-decoration: none;}
/*footer:after {三角块
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid #605746;
	border-top: 0 solid rgba(0, 0, 0, 0)!important;
	border-right: 15px solid rgba(0, 0, 0, 0)!important;
	border-left: 15px solid rgba(0, 0, 0, 0)!important;
	left: 50%;
	top: -15px;
	margin-left: -10px;
}*/
.footer-grid h3 {
	font-size: 1.6em;
	color: #fff;
	margin-bottom: 15px;
}
.footer-grid p {
	font-size: 1em;
	color: #fff;
	line-height: 1.6em;
}
.footer-grid ul li a {
	display: block;
	padding: 7px 5px;
	border-bottom: 0px dotted #f0f0f0;
	color: #fff;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
	font-size: 1em;
	padding-left:0.8em;
	
}
.footer-grid ul li:first-child a {
	padding-top: 0;
	border-bottom:1px dotted #5c9cde;
	padding-left:0.4em;
}
.footer-grid ul li:last-child a {
	border-bottom: none;
}
.footer-grid ul li a span {
	color: #fff;
	font-size: 0.875em;
}
.footer-grid ul li a:hover,.footer-grid ul li a:hover span {
	color: #f0f0f0;
}
.last-footer-grid {
	margin: 0;
}

#copyright{width: 100%;background: #333; font-size: 0.875em; text-align: center; color: #fff; padding: 1.5em 0 0.5em 0;}
#copyright a{color: #fff;}

#goBtn{ position: fixed;bottom: 0; right: 2px; z-index: 101;}
#goBtn button{ margin-bottom: 3px!important; background: #e59a0a!important; border:  #e59a0a!important;}
/*---------------------index.php----------------------*/
.mv{height:823px;}
.mv p{
	color:#fff;
	line-height:1.5em;
	font-weight:900;
	text-align: center;
	font-size:2em;
	position: relative;
	top:50%;
	text-shadow:0px 0px 3px #000,0px 0px 8px #000,0px 0px 10px #000;
}
#productMenu{margin:1em auto 2em;}

#productMenu a img{
	width:49%;padding:0.5em;
}

@media only screen and (max-width: 970px) { /*当窗口在768以内时*/	
	#productMenu a img{	width:100%;padding:0.125em 0;}
	.container{width:100%!important; padding:0!important;}
	.mv{height:500px;}
	.mv p{font-size:1.25em; padding:0 1em;}
}

/*---------------------company.php----------------------*/
.pageShow{
	width:100%;
	height:300px;
	overflow:hidden;
	background:url(../images/slider/02.jpg) top center;
}
.pageShow p{
	color:#fff;
	line-height:1.5em;
	font-weight:900;
	text-align: center;
	font-size:1.25em;
	position: relative;
	top:40%;
	text-shadow:0px 0px 3px #000,0px 0px 8px #000,0px 0px 10px #000;
}
.pageShow img{
	width:100%;
}
#companyTable{
	width:95%;margin:1em auto 3em;
}

#companyTable td{
	font-size:1.125em;
	border:1px solid #999;
	padding:0.25em 0.75em;
	background:#fff;
}
#companyTable .titleTdContact{
	width:8em;
	text-align:center;
	height:3.5em;
	font-size:1.25em;
	background:#faf9f9;
}
@media only screen and (max-width: 1024px) { /*当窗口在768以内时*/	
	#companyTable{width:95%; margin: 0 auto 3em;}
	#companyTable .titleTdContact{width:6em;height:3em;}
	#companyTable td{padding:0.25em;}
	.pageShow p{padding:0 1em;}
}

/*---------------------productsItem.php----------------------*/
.title3{font-weight:bolder;font-size:1.25em; text-align:center; padding:1em 0;}

.productItem ul {
	
}

.productItem ul li{
	width:23%;
	border:solid #ccc 1px;	
	min-height:16em;
	padding:10px;
	margin:0.5em;
	float:left;
}

@media only screen and (max-width: 980px) { /*当窗口在980以内时*/	
	.productItem ul li{width:100%;margin:0.5em auto;}
}

@media only screen and (max-width: 768px) { /*当窗口在768以内时*/	
	#ohasiImages img{width:90%!important;}
}

.productItem ul li dt {
	text-align: center;	
}

.productItem ul li dd{
	border-top:1px dotted #ccc;
}
/*----contact------*/
.module1{background: #ef9c00; padding: 1px 5px; font-size: 10px; color: #fff; border-radius: 3px;}
.form-group{width:98%;margin:0 auto 1em;}
.form-group label{display:block;}
.form-group input[type=text], .form-group input[type=email], .form-group select,.form-group textarea{width:100%;outline-style:none;height:2em;border-radius:3px;border:1px solid #999;}
.form-group select{height:3em;}
.form-group textarea{height:10em!important;}