/*¥Dª©«¬*/

#index_body{ position:absolute; display:block; width:100%; height:100%; max-width:1600px  }
#index_header { display:block; position:fixed; left:0px; top:0px; height:100%; width:200px; z-index:1  }
				
#index_wrapper { display:block;width:100%; min-height:100%; padding:0px;padding-left:200px; float:right; position:absolute; right:0px; top:0px; margin:0px; }		

#index_footer { border-top:1px solid #CCCCCC  }
.wrapper-ad{ z-index:1}		
.wrapper-ad *{ max-width:none!important}		

/*=========================*/		

.wrapper-main {  display:block;position:relative;width:100%;  margin:0px; text-align:left;}
.wrapper-main h1{  margin:0px; padding: 20px;  margin-top:10px; font-size:18pt; }
.wrapper-main h1 a{ font-weight:500}


.wrapper-main h1 small{ display:inline-block;  ; font-size:12pt;  margin-left:10px; }
					
.content-main,.wrapper-content{ position: relative; width:100%;  margin:0 auto }



/*on_title*/
#header-RWD{ display:none }
#header{ width:200px; margin:0px; padding:0px;  vertical-align:top; position:absolute; text-align:left; height:100% ;  overflow:auto }

	#header-logo{ width:80%; margin:10% auto;text-align:center; position:relative;}
	#header-logo:hover{ ;}
		#header-logo img{ display:block; margin:0 auto  }
		.header-logo-1{}
		.header-logo-2{ height:0px}
		#header-logo:hover .header-logo-1{height:0px}
		#header-logo:hover .header-logo-2{ height:auto}
		#header-logo a{ display:block; text-align:center;  }
		#header-logo a h1{ display:none}

#main-nav{ display:block; ; width:100%; margin-bottom:10px;  position:relative;top:0px;  }

/* 
	LEVEL ONE
*/
ul.dropdown                         {  vertical-align:top;display:block;  list-style: none;position: relative; margin:0px; padding:0px;-webkit-text-size-adjust:none; vertical-align:top; font-size:10.5pt; }
ul.dropdown li                      { display:block;  font-weight:100;margin:0px; position:relative;-webkit-text-size-adjust:none; text-align:center; }


ul.dropdown li a                    { padding:10px 15px; font-weight:bold;  ;-webkit-transition: all 0.3s;display:block;}
ul.dropdown li a b                  { padding:0px ;  font-weight:100; display:block;font-size:14pt;}
ul.dropdown li a span				{ padding:2px ;  font-weight:bold; display:none;font-size:10.5pt;}
ul.dropdown li a:hover				{ font-weight:bold}
ul.dropdown li a:hover	b			{ display:none}
ul.dropdown li a:hover	span			{ display:block}
ul.dropdown li:last-child a         { } /* Doesn't work in IE */
ul.dropdown li:hover                { position: relative; }
ul.dropdown li.hover a              { text-decoration: none; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{visibility: hidden; margin:0px; padding:0px; margin-left:-15px; margin-top:0px; position: absolute;  }
ul.dropdown ul li 					{ margin:0px; padding:0px; }
ul.dropdown ul li:hover             { position: relative; }	

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ display:block; width:120px;;padding:10px 0px;; text-align:center; font-size:10pt; background:none; border-top:1px dotted #cccccc ; color:#777777!important;text-shadow:none; background:rgba(255,255,255,0.8)} 

ul.dropdown ul li:first-child a    { }
ul.dropdown ul li:last-child a	{}
ul.dropdown ul li a:hover			{ padding:10px 5px;background:rgba(243,152,0,0.6); color:#FFFFFF!important}
/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0px; }	
ul.dropdown li:hover > ul 			{ visibility: visible; }





/*copyright*/
#footer{ display:block; position:relative; width:100%; padding:10px 20px; font-size:10pt; color:#666666 }
#footer a{ color:#000000}

#footer-copyright{display:block;  vertical-align:top; font-size:8pt;-webkit-text-size-adjust: none; text-align:left  }
#footer-copyright span{  float:left;display:inline-block; margin:0px 10px}
.copyright-maintain{ color:#666666; font-weight:bold!important}







/*home*/

.home-area{ text-align:left }



.home-product{ position:relative; }
.home-product ul{position:relative;list-style:none; width:100%; margin:0px; text-align:center; padding:0px ; position:relative }
.home-product ul li{position:relative;overflow:hidden; display:inline-block; float:left; width:25%; vertical-align:top ; margin:0px ; padding:0px; }

.home-product ul li a { position:relative;display:block; text-align:center; width:100%; }
.home-product ul li img{ width:100%;; display: block;  }
.home-product ul li span{position:absolute; display:block; opacity:0; width:100%; height:100%; bottom:0px; background:rgba(0,0,0,0.6); padding:10px ; color:#FFFFFF; text-align:center }

.home-product ul li span img{ width:auto; margin:10px auto }
.home-product ul li h3{ font-size:30pt; text-align:center ; color:#46ADB2}
.home-product ul li h4{}

.home-product ul li a:hover{ }
.home-product ul li a:hover img{   }
.home-product ul li a:hover span{opacity:1}

.home-product-more{ background:#46ADB2}
.home-product-more span{  opacity:1!important; background:none!important;}
.home-product-more span *{ color:#FFFFFF!important}
.home-product-more span:hover{ background:rgba(0,0,0,0.2)!important}

.home-news{ width:100%; display:block;  padding:0px; margin:0px; ;position:relative; vertical-align:top;  }
.home-contact{ display:block; vertical-align:bottom;  border-bottom:8px solid #000000}

.home-news ul{position:relative;list-style:none; width:100%;   text-align:left; padding:0px; margin:0px ; position:relative ;}

.home-news ul li{position:relative; text-align:left;display:inline-block; width:25%; float:left; height:120px;  border-right:1px dotted #CCCCCC; vertical-align:top ; margin:0px ; padding:10px 20px; }

.home-news ul li:last-child{}
.home-news ul li a { position:relative;display:block; font-size:10.5pt; ;}
.home-news ul li span{ display:block; color:#CC0000; font-size:10pt; margin-bottom:5px;}

.home-slogan{ background:url(../image/home-slogan-back.jpg); width:100%; padding:5% 5%}
.home-slogan-word{float:left}
.home-slogan-word h3{ font-size:28pt}
.home-slogan-word h5{ font-size:20pt}

.home-slogan img{ float:right; display:block}

.home-more{ float:right; color:#999!important; border:2px solid #f1f1f1; padding:5px 10px; font-weight:bold; margin:-45px 20px 0px 0px; font-size:10pt;}

.home-more:hover{ color:#666;border-color:#AAA; padding:5px 15px;}


/*page*/
.page-content{ padding:20px; line-height:180%}
.page-content-html{}

.content-empty{ text-align:center; padding:200px 0px; color:#CCCCCC; font-size:14pt}

.page-notfound { text-align:center;min-height:300px; line-height:180%; color:#999 ;}
.page-notfound h3{  width:100%;  margin:180px auto 10px auto;color:#C1A264; padding:10px; font-size:19pt; }
.page-notfound a{ margin:5px;}

/*left-menu*/
.left-menu{  width:97%; margin:20px auto 0px auto;  vertical-align:top;; text-align:left}
.left-menu h3{ display:none; padding:12px 5px ; text-align:center; font-size:14pt; }

.left-menu ul{ margin:0px 0px;padding:0px; display:block;list-style:none; }
.left-menu ul li{margin:0px; padding:0px; ; display:inline-block;   }
.left-menu ul li:first-child{ border:0px}
.left-menu ul li a{ display:block; padding:10px 25px;  text-align:left;}
.left-menu ul li a i{ display:none; font-size:8pt; margin-left:5px;
-webkit-transition: all 0s;-o-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;}
.left-menu ul li a:hover{  background:#e1e1e1;}
.left-menu ul li a:hover i{ display:inline-block}

.left-menu ul li.on a{ background:#C1A264; color:#FFFFFF;  }
.left-menu ul li.on a:hover{}

.right-content{ width:100%!important; min-height:500px; display:block;float:left;}


/*news*/
.news-list{ width:97%; display:block; vertical-align:top; margin:00px auto;padding:10px 0px;}
.news-list h3{ padding:10px;  font-weight:bold; color:#0096E2; }
.news-table{ width:100%;font-size:10pt;}
.news-table th{ background:#CCCCCC; padding:5px;text-align:center; }
.news-table td{ padding:10px 5px; text-align:center}
.news-table tr:nth-child(even){background:#f1f1f1; }

.news_time{ color:#CC0000;  width:15%;}
.news_typename{ width:12%;}
.news_title{ text-align:left !important;font-size:12pt;}
.news_hits{ width:10%;}

.news-show{width:97%; display:block; vertical-align:top; margin:00px auto;}
.news-show h3{ padding:5px 5px; font-size:16pt; border-bottom:1px dashed #CCCCCC}
.news-show-nav{ background:#f1f1f1; padding:5px; font-size:10pt;}
.news-show-nav i{ margin-left:20px; vertical-align:top; color:#999999}
.news-show-nav i:first-child{ margin-left:0px}
.news-show-nav span{ display:inline-block; padding:3px; font-size:12pt; vertical-align:top}
.news-show-content{ padding:10px;}

/*product*/

.product-list{ position:relative;  width:100%;; display:block; vertical-align:top; margin:0px auto;}
.product-list ul{ position:relative;  margin:0px auto; padding:0px; list-style:none; width:100% }
.product-list ul li{ display:inline-block; position:relative; margin:0%; padding:0px; width:33.333%; ;vertical-align:top;  text-align:center; }
.product-list ul li a{ position:relative;  display:block;  padding:0px; margin:10px; }
.product-list ul li img { display:block;display:block;border:1px solid #ddd ;margin:0px auto;; min-height:100px;   background:#000000  }
.product-list ul li span.title-area{ position:relative; bottom:0px; padding:10px 5px; width:100%;  display:block; }
.product-list ul li h4{ font-size:16pt; }
.product-list ul li h5{ font-size:11pt; width:90%; margin:0 auto; margin-top:5px; overflow:hidden}
.product-list ul li h6{ font-size:12pt;margin-top:5px;}
.product-list ul li a:hover{ margin:8px 10px 12px 10px; }
.product-list ul li a:hover img{box-shadow:2px 2px 5px rgba(0,0,0,0.1)}
.product-list ul li a:hover h4{}
.product-list ul li a:hover span.title-area{ }

.product-type-main a{ font-size:12pt; font-weight:bold;}
.product-type-sub a{ padding:10px 0px 10px 30px!important;}


/*show*/
.product-show{ width:97%; display:block; vertical-align:top; margin:0px auto;;}

.product-top{  float:left; position:relative;display:block; text-align:center; width:40%; margin:10px auto; padding:0px 0px;; z-index:2}
.product-intro{float:left; position:relative; display:block; text-align:left; width:60%; z-index:1}


.product-photo{ width:100%;display:block; vertical-align:top; text-align:center ; position:static; }
.product-photo img{ display:block; margin:0px auto; }

.product-info{text-align:left;margin:10px auto; width:100%; padding:10px; }
.product-id{ display:block; font-size:10pt; color:#CCCCCC; }
.product-info h3{ font-size:20pt; color:#000000;; padding:5px 0px; margin:0px; ; font-weight:100}
.product-info h4{ font-size:10pt; color:#666666; padding:0px; margin:0px;}
.product-info h5{ font-size:10pt; color:#999999; padding:5px 0px; margin:0px; margin-top:10px; line-height:150%; }
a.product-link{ display:inline-block; font-size:12pt; vertical-align:top; background:#CC0000; color:#FFFFFF; padding:8px 20px; border-radius:5px;}
a.product-link:hover{ background:#990000;}


.product-content{ width:95%; margin:10px auto ; line-height:150%}
.product-content-HTML{width:97%; margin:10px auto; line-height:150%}

/*inquiry*/


/*contact*/

.contact{ width:35%; margin:0px 1%; float:right; display:block;}
.contact-form{ width:63%; margin:0px; float:left; display:block; padding-bottom:20px; }


.contact-map{ width:100%;  display:block; text-align:left; margin:0px;vertical-align:top; }
.contact-info{ width:100%; display:block; text-align:left; margin:0px; vertical-align:top;}


.contact-info ul{ list-style:none; display:block; width:95%;  max-width:600px!important; margin:5px 0px 5px 5%;;padding:0px; ;vertical-align:top}
.contact-info ul li{ padding:10px 0px 10px 10px;  min-width:50%; height:60px; float:left;  color:#666666; font-size:11pt; }
.contact-info ul li:first-child{ }
.contact-info ul li img{ display:inline-block; vertical-align:top; margin-right:5px; opacity:0.8; }
.contact-info ul li a{display:inline-block; cursor:pointer; padding:10px 0px; vertical-align:top; }

.contact-phone a { font-size:16pt; }

.contact-map iframe{border:0; margin:0px; padding:0px; display:block; width:100%; height:300px;}

.contact-form form{border-top:5px solid #C1A264; padding:50px 10px ; border-radius:10px; background:rgba(240,240,240,0.5);; width:95%; margin:0 auto}
.contact-form label{ display:block; margin-bottom:10px}
.contact-form .contact-form-title{ width:30%; text-align:center; display:inline-block; vertical-align:top;}
.contact-form label b{ color:#CC0000; font-size:9pt; margin-left:5px}
.contact-form .contact-form-content{width:60%; display:inline-block;vertical-align:top;}
.contect-form-note{ display:block; font-size:9pt;}
.contact-form-send{ display:inline-block;padding:10px 40px; background:#C1A264; color:#FFFFFF; cursor:pointer;}
.contact-form-send:hover{ background:#996600; color:#FFFFFF}

.contact-form label input,
.contact-form label select,
.contact-form label textarea { padding:8px; border:1px solid #CCCCCC}