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%;}

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


/* for guide */
#guide{ padding:1.5% 0 0 12%; line-height:3em; height:3em; float:left;}
ul.guidebox{ display:block; height:3em; position:absolute; z-index:90;}
ul.guidebox a{ text-decoration:none; color:#DCDCDC; font-weight:400;}
ul.guidebox > li{ float:left; position:relative; width:5em; font-family:"Times New Roman", Times, serif;}
ul.guidebox  li {float:left; width:5em;  text-align:center; font-family:"Times New Roman", Times, serif; font-size:1.2em; background:none; }
ul.guidebox > li > span{ width:5em; float:left; color:#DCDCDC; height:3em; line-height:3em; cursor:default;font-weight:bold; }
ul.guidebox .guide_subtitle{ width:5em; display:none; opacity:0.95; background:none;}
ul.guidebox ul li a{ width:5em; font-family:"Times New Roman", Times, serif; height:3em; line-height:3em; 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:5em;}
ul.guidebox .guideli-wp { width:7em;}
ul.guidebox .guideli-rp { width:7em;}
ul.guidebox .guideli-pl { width:7em;}




#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:70%; margin:0 auto; font-family:"Times New Roman", Times, serif; text-align:center;}
#indexproduct ul { float:left; width:30%; height:auto; margin:0 3% 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:1% 0; }

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




#indexbody { width:70%; height:auto; margin:0 auto;}
#indexleft { width:50%; float:left; margin-right:10%;}
#indexright { width:28%; float:left; 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:10%; 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:200px; overflow:hidden; z-index:-1;}




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

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


#indexbottom { width:76%; height:8em; padding: 1% 11% 4% 15%; 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:1.125em; 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:1em;}
.indexbottomul1 { width:20%;}
.indexbottomul2 { width:20%;}


.choosed { color:#FF0000;}



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

#proddetleft { float:left; width:20%; }
#scrollbox { float:left; width:10%; margin:0 2%; height:300px; border:solid 1px #004578;  overflow:hidden;}
#proddetmiddle { width:100%; height:100%; padding-top:6px; text-align:center; position: relative; overflow-y:scroll; overflow-x:hidden;}

#proddetright { float:left; width:65%; border:solid 1px #004578; height:600px; text-align:center;}
.proddetname, .proddetitemno { line-height:3em; height:auto; font-size:1.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;
}


#proddetmiddle span{
	opacity: 0.7;
	width:80px;
	height: 80px;
	overflow: hidden;
	display: inline-block;
	border: 3px solid #004578;
	margin:0 0 6px 0;
	cursor: pointer;
	border-radius: 100px;
	-ms-border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out; 
}


#proddetmiddle span:hover{
	opacity: 1;
	border: 3px solid #004578;
	transform:rotate(360deg) scale(1.1);
	-ms-transition: all 0.5s ease-in-out;
	-moz-transform:rotate(360deg) scale(1.1);
	-wekit-transform:rotate(360deg) scale(1.1);
	-o-transform:rotate(360deg) scale(1.1);
}
#proddetmiddle span img{
	width:100%;
	height: 100%;
}
.WaterFallBox img{
	width:100%;
	height:auto;
}





#contactus { width:80%; margin:3% auto 0;}

#contactleft { float:left; width:40%; line-height:2em;}
#contactright { float:left; width:55%; margin-left:5%; line-height:2em;}

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

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

.lishort {width:30%; font-size:1.2em; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.lilong {width:70%; font-size:1.2em; 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:2em; border:0.5% solid #004578; font-size:1.2em; 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:10em; width:100%; }

.sosuokuang { width:100.6%; height:2.5em; line-height:2em; background-color:#004578; color:#fff; cursor:pointer; font-size:2em; 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;}