body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight: normal; color:#000; }
ul { list-style: none; }
img { border-style: none; }
a { color:#000000; text-decoration: none; }
a:hover { color: #F00; }
body {background:#fff; background-image:url(../mainpic/bg.jpg); background-size: cover;}

#guidefull { width:100%; height:auto; margin:0 auto; border-bottom:0.2px solid #FFFFFF; background:#004578; top:0; position: -webkit-sticky; position: sticky; z-index:9999; }
#headphone { font-family:"Times New Roman", Times, serif; font-size:0.25em; color:#fff; position:absolute; top:5%; right:1%; display:none;}

#logo { width:90%; padding:0 5%;}
#logopic {width:15%;float:left; margin:0.2% 0 0 0; overflow:hidden; }
#logopic img{ height:100%; overflow:hidden;vertical-align:middle; margin-right:1%;}
#logotitle { width:80%; float:left; padding:1% 1% 1% 1%; overflow:hidden; font-size:3.5em; font-weight:bold; color:#fff; text-align:left;}


/* for guide */
#guide{ width:65%; padding:0 10% 3% 0; line-height:6em; height:12em;}
ul.guidebox{ display:block; height:6em; position:absolute; z-index:90;}
ul.guidebox a{ text-decoration:none; color:#DCDCDC; font-weight:400;}
ul.guidebox > li{ float:left; position:relative; width:4em; font-family:"Times New Roman", Times, serif;}
ul.guidebox  li {float:left; width:6em;  text-align:center; font-family:"Times New Roman", Times, serif; font-size:3em; background:none; }
ul.guidebox > li > span{ width:6em; float:left; color:#DCDCDC; height:6em; line-height:6em; cursor:default;font-weight:bold; }
ul.guidebox .guide_subtitle{ width:6em; display:none; opacity:0.95; background:none;}
ul.guidebox ul li a{ width:6em; font-family:"Times New Roman", Times, serif; height:6em; line-height:6em; color:#DCDCDC; display:block;}
ul.guidebox ul li a:hover {background:#1d1d1d; color:#FFFFFF;}

ul.guidebox > li > span > a:hover {background:#1d1d1d; display:block; color:#FFFFFF;}

ul.guidebox .guideli-au { width:7em;}
ul.guidebox .guideli-wp { width:9.5em;}
ul.guidebox .guideli-rp { width:9.5em;}
ul.guidebox .guideli-pl { width:9.5em;}




#guidecurrent {color:#FFFFFF;}
#guidecurrent a {color:#FFFFFF;}
/* end guide */


#flashpic { width:100%; height:auto; margin:0 auto 1%; overflow:hidden;}
#flashpic img { max-width:100%; height:auto; }

#indexproduct { width:80%; height:auto; margin:0 auto; font-family:"Times New Roman", Times, serif; text-align:center;}
#indexproduct ul { float:left; width:95%; height:auto; margin:0 0 3% 0; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4); transition: all .2s ease-in-out; z-index:-1;}
#indexproduct ul:hover { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 1); transition: all .2s ease-in-out; }
#indexproduct ul li { margin-bottom:2%;}

.ipic { height:600px; }
.iword { line-height:2.5em;  font-size:5em;}
.ipic img { width:auto; max-width:100%; height:600px; overflow:hidden; margin-bottom:1%; z-index:-1;}




#indexbody { width:90%; height:auto; margin:0 auto;}
#indexleft { width:100%; margin-bottom:10%;}
#indexright { width:100%; text-align:center;}
#indexright ul { width:100%; height:auto; margin:0 0 5% 0; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4); transition: all .2s ease-in-out; z-index:-1;}
#indexright ul:hover { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 1); transition: all .2s ease-in-out; }
#indexrightcontent { padding-top:8%; width:100%; line-height:2.5em;  font-size:1.75em; font-family:"Times New Roman", Times, serif;}
#indexrightcontent ul li { line-height:2.5em;  font-size:1.75em;}
#indexrightcontent ul li img { width:auto; max-width:100%; height:auto; overflow:hidden; z-index:-1;}





#abouttitle, #contacttitle, #indexrighttitle { width:90%; height:auto; line-height:2em; text-align:left; margin:2% auto 1%; font-size:6em; font-family:"Times New Roman", Times, serif; font-weight:bold; border-bottom:#004578 1px solid; }
#aboutuscontent, #contactcontent{ width:90%; margin:2% auto 1%; line-height:2em;  font-size:4em; font-family:"Times New Roman", Times, serif;}
#aboutuscontent ul li, #contactcontent ul li{line-height:2em;  font-size:4em; font-family:"Times New Roman", Times, serif; text-align:justify; margin-bottom:1em;}

#prodtitle { width:80%; height:auto; line-height:3em; text-align:center; margin:2% auto 1%; font-size:6em; font-family:"Times New Roman", Times, serif; font-weight:bold;} 



#indexbottom { width:80%; height:8em; padding: 1% 5% 4% 5%; margin:3% auto 0; text-align:left; background:#004578; }
#bottomcontent { width:100%; height:100%;}
#indexbottom ul li { color:#FFF; line-height:2em; height:2em; font-size:1em; font-family:"Times New Roman", Times, serif;  }
#indexbottom a { color:#FFF;}
#indexbottom a:hover { color:#c0c0c0;}
#indexbottom ul { float:left; margin-right:0.15%; height:6em;}
.indexbottomlititle { font-weight:bold; font-size:0.875em;}
.indexbottomul1 { width:20%;}
.indexbottomul2 { width:25%;}


.choosed { color:#FF0000;}



#proddet { width:90%; margin:1% auto 0;}

#proddetleft { width:98%; overflow:inherit;}
#scrollbox {  width:98%; margin:5% 0; height:auto; overflow:visible; border:hidden;}
#proddetmiddle { width:100%; height:auto; text-align:center; overflow:visible; border:hidden;}

#proddetright { width:98%;  height:auto;  text-align:center; display:none;}
.proddetname, .proddetitemno { line-height:2em; height:auto; font-size:3.5em; font-family:"Times New Roman", Times, serif; font-weight:bold;}



#proddetright b{
	opacity: 0;
	background: url('images/1.png') no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 10px;
	display: block;
	border:hidden;
}


#proddetmiddle span{
	opacity: 1;
	width:100%;
	height:100%;
	margin:5% 0;
	cursor:none;
}


#proddetmiddle span:hover{
	opacity: 1;
	transform:none;
	-ms-transition: none;
	-moz-transform:none;
	-wekit-transform:none;
	-o-transform:none;
}
#proddetmiddle span img{
	width:100%;
	height: 100%;
}
.WaterFallBox img{
	width:100%;
	height:auto;
}





#contactus { width:95%; height:auto; margin:3% auto;}

#contactleft { width:100%; height:auto; line-height:3em; margin-bottom:8%;}
#contactright { width:90%; height:auto; line-height:3em; margin-bottom:3%;}

.contacttitle1 { font-size:4em; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.contacttitle2 { font-size:4em; font-family:"Times New Roman", Times, serif; font-weight:bold; line-height:2em;}
.contacttitle3 { font-size:4em; font-family:"Times New Roman", Times, serif; margin-bottom:2%; line-height:2em;}

#contactleft ul li {float:left; line-height:2em;}

.lishort {width:30%; font-size:4em; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.lilong {width:70%; font-size:4em; font-family:"Times New Roman", Times, serif;}


.biaogeli1fen2-1 {float:left; width:47%;}
.biaogeli1fen2-2 {float:right; width:47%; }

.shurukuang1fen2-1, .shurukuang1fen2-2, .shurukuang1fen1, .shurukuang1fen1gao { line-height:3em; border:0.5% solid #004578; font-size:4em; font-family:"Times New Roman", Times, serif; margin-bottom:3%;}

.shurukuang1fen2-1 { height:3em; width:100%;}
.shurukuang1fen2-2 { height:3em; width:100%;}
.shurukuang1fen1 { height:3em; width:100%; }
.shurukuang1fen1gao { height:15em; width:100%; }

.sosuokuang { width:100%; height:3em; line-height:3em; background-color:#004578; color:#fff; cursor:pointer; font-size:4em; font-family:"Times New Roman", Times, serif;}
.sosuokuang a:hover { color:#FF0000; }

.input{border: 0 none;}


#checkinquiry { width:80%; height:1.5em; line-height:1.5em; font-size:1.2em; font-family:"Times New Roman", Times, serif; margin:3% auto;}