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:#e0ded1;}


#headphone { font-family:"Times New Roman", Times, serif; font-size:1.3em; color:#fff; position:absolute; top:1%; right:1%; z-index:9999; }

#logo { width:90%; height:6%; margin:0 auto; padding: 0 5%; background:#333; }
#logopic {width:18%; float:left; margin-right:4%; overflow:hidden; }
#logo img{max-height:100%; max-width:100%;}


/* for guide */
#guide{ width:75%; margin-top:2.4%; 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:#c0c0c0; font-weight:400;}
ul.guidebox > li{ float:left; position:relative; width:20em; font-family:"Times New Roman", Times, serif;}
ul.guidebox  li {float:left; width:20em;  text-align:center; font-family:"Times New Roman", Times, serif; font-size:1.3em; background: #333333; }
ul.guidebox > li > span{ width:20em; float:left; color:#c0c0c0; height:3em; line-height:3em; cursor:default;font-weight:bold; }
ul.guidebox .guide_subtitle{  width:20em; display:none; opacity:0.95; background: #333;}
ul.guidebox ul li a{ width:20em; font-family:"Times New Roman", Times, serif; height:3em; line-height:3em; color:#c0c0c0; 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-pro { width:9em;}
ul.guidebox .guideli-appli { width:11em;}
ul.guidebox .guideli-video { width:7em;}
ul.guidebox .guideli-contact { width:7em;}
ul.guidebox .guideli-pro, ul.guidebox .guideli-appli, ul.guidebox .guideli-video, ul.guidebox .guideli-contact {height:3em; line-height:3em; font-size:1.3em; }
ul.guidebox .guideli-pro a:hover, ul.guidebox .guideli-appli a:hover, ul.guidebox .guideli-video a:hover, ul.guidebox .guideli-contact a:hover {background:#1d1d1d; display:block; color:#FFFFFF; }


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


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

#indexprofile { width:85%; margin:0 auto; line-height:2.5em;  font-size:1.35em; font-family:"Times New Roman", Times, serif;}
#indexprofile ul li{line-height:2.5em;  font-size:1.35em; font-family:"Times New Roman", Times, serif; text-align:justify; margin-bottom:1em;}

#indexvideo { width:80%; margin:3% auto; line-height:2em;  font-size:1.3em; font-family:"Times New Roman", Times, serif; text-align:justify;}
#indexvideo ul li{ float:left; width:31%; font-size:1.3em; font-family:"Times New Roman", Times, serif; margin-right:2%; text-align:center;}
#indexvideo ul li img, demo1 #img, demo2 #img { width:100%; height:15em;}
.indexvideowords {height:2.5em; line-height:2.5em;}
#demo { overflow:hidden; height:15em; width:100%;}




#indexbottom { width:82%; height:6em; padding: 2% 5% 6% 13%; margin:3% auto 0; text-align:left; background:#333; }
#indexbottom ul li { color:#c0c0c0; line-height:2em; height:2em; font-size:1.125em; font-family:"Times New Roman", Times, serif;  }
#indexbottom a { color:#c0c0c0;}
#indexbottom a:hover { color:#FFFFFF;}
#indexbottom ul { float:left; margin-right:0.15%; height:7em;}
.indexbottomlititle { font-weight:bold; font-size:1.25em;}
.indexbottomul1 { width:18%;}
.indexbottomul2 { width:32%;}
.indexbottomul3 { width:20%;}
.indexbottomul4 { width:13%;}
.indexbottomul5 { width:15%;}



.choosed { color:#FF0000;}



.productfenleititle {  width:85%; margin:3% auto; font-size:2em; font-family:"Times New Roman", Times, serif; font-weight:bold; text-align:center;  }

.productfenleijieshao {width:85%; margin:3% auto 2%; font-size:1.3em; line-height:2em; font-family:"Times New Roman", Times, serif; text-align:justify; text-indent:1.3em; }

.productfenleishow { width:85%; margin:3% auto 2%; font-size:1.3em; font-family:"Times New Roman", Times, serif; font-weight:bold; text-align:center;  }
.productfenleishow ul { clear:both; width:100%; display:inline; }
.productfenleishow ul li { float:left; text-align:center; font-size:1.3em; font-family:"Times New Roman", Times, serif; margin:0.5% 0 2.5% 2%; display:inline; width:31%; height:22em; }
.productfenleishow ul li img { width:100%; height:18em; margin-bottom:1em; }


.productdetailguide {  width:85%; margin:3% auto; font-size:1.1em; font-family:"Times New Roman", Times, serif; text-align:left;  }
.productdetailtitle {  width:85%; margin:3% auto; font-size:2em; font-family:"Times New Roman", Times, serif; font-weight:bold; text-align:center;  }
.productdetailpic  {  width:85%; margin:3% auto; text-align:center;}
.productdetailpic img { max-width:100%;}


#applishow { width:80%; margin:0 auto 2%; padding-left:5%;}
#applishow ul li { list-style:disc; text-align:justify; font-family:"Times New Roman", Times, serif; font-size:1.6em; line-height:2em; }
.applititle { font-weight:bold;}
.applicontent { margin-left:0.75em;}

#Productadvantages { width:80%; margin:3% auto 5%; }
#Productadvantages ul { float:left; width:45%; margin:0 4% 4% 0;}
#Productadvantages ul li { margin-bottom:1%;}
.pro-advan-li1, .pro-advan-li2, .pro-advan-li3, .pro-advan-li4 {width:100%;}
.pro-advan-li1 {width:98%; font-size:1.6em; font-weight:600; background:#00a0e9; color:#fff; line-height:2em; padding:1%;}
.pro-advan-li2 {width:100%;}
.pro-advan-li2 img {width:100%;}
.pro-advan-li3 {width:98%; font-size:1.4em; padding:1%; line-height:1.75em;}


.videoshow { width:80%; margin:0 auto; text-align:center; font-family:"Times New Roman", Times, serif; font-size:1.3em;}


#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:1.75em; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.contacttitle2 { font-size:1.5em; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.contacttitle3 { font-size:1.3em; font-family:"Times New Roman", Times, serif; margin-bottom:2%;}

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

.lishort {width:30%; font-size:1.3em; font-family:"Times New Roman", Times, serif; font-weight:bold;}
.lilong {width:70%; font-size:1.3em; 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 #2f4f4f; font-size:1.3em; 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:#2f4f4f; color:#fff; cursor:pointer; font-size:1.65em; font-family:"Times New Roman", Times, serif;}

.input{border: 0 none;}


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