/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Sans-Serif;
	font-size:12px;
	color:#6E6E6E;
	background-color: #fff; 
	background-image: url(../images/webHeader.jpg);
	background-repeat: repeat-x;
	line-height:30px;letter-spacing:1px;
}
@media (max-width:1130px){ 
body{
width:135%;

}

 }
.top_logo{font-size:32px;
color:#FFFFFF;
font-weight:bold;}

#templatemo_search { width: 243px; height: 36px; background: url(../images/templatemo_search.png) }
#templatemo_search form {
	margin: 0;
	padding: 0;
}
#templatemo_search .txt_field {
	float: left;
	display: block;
	height: 25px;
	line-height: 16px;
	width: 190px;
	margin: 0px 5px 0px 0px;
	color: #999999;
	font-size: 12px;
	padding: 5px 0px 5px 10px;
	font-variant: normal;
	border: none;	
	background: none;
}
#templatemo_search .sub_btn {
	float: right;
	display: block;
	color: #fff;
 	height: 34px;
	width: 36px;
	font-size: 11px;
	font-weight: 700;
	line-height: 26px;
	cursor: pointer;
	border: none;
	background: none;	
}

a{color:#666;text-decoration:none;}
a:hover{text-decoration:none;color:#000;}

.ddsmoothmenu{
}
.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	height: 46px;
	width: 106px;
	margin-right: 5px;
	line-height: 35px;
	padding-top: 10px;
	font-size: 13px;
	color: #cbc7c2;	
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	outline: none;
	background: url(../images/templatemo_menu_item.jpg) 
}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #333;
	background: url(../images/templatemo_menu_hover.png) no-repeat;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	width: 184px;
	margin: 0 0 0 3px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background: #cfccc9
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	font-weight: 500;
	width: 140px; /*width of sub menus*/
	margin: 0 3px 0 1px;
	height: 28px;
	line-height: 28px;
	padding: 5px 20px;
	font-size: 11px;
	text-align: left;
	background: none;
	color: #666;
	border-bottom: 1px solid #bab5b0
}
.ddsmoothmenu ul li ul li .last {
	border-bottom: none;
}
.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
	color: #fff;
	width: 139px;
	padding-left: 21px;
	background: #bab5b0;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
}
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.5;
}

/* end menu */



/*--- slider-css --*/
.slider{
	position:relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs {
text-align: center;
  width: 42%;
  position: absolute;
  bottom: -11%;
  z-index: 999;
  margin: 0;
  left: 29%;
  padding: .7em 0;
  background-color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  }
.rslides_tabs li {
  display: inline;
  }
.rslides_tabs a {
   border: 1px solid #CBCBCB;
  }
.rslides_tabs li:first-child {
  margin-left: 0;
  }
.rslides_tabs .rslides_here a {
  color: #fff;
  font-weight: bold;
  }
#slider3-pager a {
  display: inline-block;
}
#slider3-pager img {
  float: left;
  display:block;
}
#slider3-pager .rslides_here a {
  background: transparent;
  border:1px solid #000;
}
#slider3-pager a {
  padding:0.2em;
}
/*-- responsive-mediaqueries --*/
@media (max-width:1024px){
	.rslides_tabs {
	  width: 77%;
	  left: 13%;
	}
}
@media (max-width:768px){
	#slider3-pager a {
		width: 20%;
	}
	.rslides_tabs {
		bottom: -30px;
	}
	.rslides_tabs li:nth-child(6){
		display:none;
	}
	.rslides_tabs li:nth-child(5){
		display:none;
	}
	#slider3-pager img {
	  width: 100%;
	}
}
@media (max-width:640px){
	#slider3-pager a {
		width: 13%;
	}
	.rslides_tabs {
		bottom: -25px;
	}
}
@media (max-width:480px){
	#slider3-pager a {
		width: 13%;
	}
	.rslides_tabs {
		bottom: 20px;
	}
}
@media (max-width:320px){
	#slider3-pager a {
		width: 15%;
	}
	.rslides_tabs {
		bottom: 25px;
	}
}


.banner-middle{
	background:#FFF;
	padding:1em;
	border: solid 1px #D5D5D5;
	border-bottom:0px;
}
.strip{
	background:url(../images/strip2.png);
	height:16px;
	margin-bottom: 1em;
}

.footFont{font-size:15px;
color:#FFFFFF;
line-height:28px;
}
.footFont a{font-size:15px;
color:#FFFFFF;
}
.footFont a:hover{font-size:15px;
color:#999;
}


.titleBox{
line-height:25px; background-color:#FFFFFF; float:left; font-size:16px; padding-right:20px; color:#2E2E2E;}
.titleBox span{
font-size:12px; padding-left:10px; color:#CCCCCC;}


.qh a{float:left;line-height:30px;height:30px;padding:0px 20px;display:inline-block;color:#2E2E2E;font-size:16px;}
.qh a:hover{ font-weight:bold;}
.qh .cur{background-color:#ddd;}

.iproIndex{padding:10px 0px;}
.iproIndex dl{width:240px;height:240px;float:left;margin-right:41px;margin-bottom:60px;}
.iproIndex dl#p4{margin-right:0px;}
.iproIndex dl dt{width:240px;height:240px; border:#D5D5D5 1px solid;}
.iproIndex dl dd{line-height:40px;height:40px; width:240px;background-color:#f2f2f2;text-align:center;overflow:hidden; margin-left:0px; border:#D5D5D5 1px solid; border-top:0px;}

.ipro{padding:10px 0px;}
.ipro dl{width:240px;height:240px;float:left;margin-right:29px;margin-bottom:60px;}
.ipro dl#p4{margin-right:0px;}
.ipro dl dt{width:240px;height:240px; border:#D5D5D5 1px solid;}
.ipro dl dd{line-height:40px;height:40px; width:240px;background-color:#f2f2f2;text-align:center;overflow:hidden; margin-left:0px; border:#D5D5D5 1px solid; border-top:0px;}

.icinfo{padding:10px 0px;}
.icinfo dl{float:left;margin-right:29px;width:240px;height:168px; margin-bottom:50px;}
.icinfo dl#c5{margin-right:0px;}
.icinfo dl dt{width:240px;height:168px; border:#D5D5D5 1px solid;}
.icinfo dl dd{line-height:32px;text-align:center;height:32px; background-color:#f2f2f2; width:240px;overflow:hidden;color:#666; margin-left:0px; border:#D5D5D5 1px solid; border-top:0px;}

.inews{border-bottom:1px dotted #CCCCCC;line-height:30px;text-align:left;background:url(../images/nico.gif) no-repeat 0 11px;text-indent:15px;}
.inews span{float:right;font-size:12px;letter-spacing:0px;color:#999;}

.aleft{}
.aleft a{line-height:30px;height:30px;padding:0px 25px;text-align:center;display:inline-block;color:#666;font-size:15px;}
.aleft a:hover{color:#FFF;background-color:#ccc;}
.aleft a.cur{color:#FFF;background-color:#666666;}

.txt,.txt1,.txt2{border:1px solid #CCC;padding:4px 8px;width:70%;color:#666;}
.txt1{width:80px !important;}
.txt2{width:86.5% !important;}
.btn{border:1px solid #CCC;border-radius:4px;background-color:#eeeeee;padding:4px 10px;}
.btn:hover{background-color:#dddddd;cursor:pointer;}

.rightContact{ font-size:15px;color:#333333; line-height:30px;}

A.menuli:visited{
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
A.menuli:link{
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
A.menuli:hover{
	font-size:15px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}


.confont160{
	line-height:160%;
	padding:0px;

}

.confontFoot{
	line-height:150%;
	padding:0px;
	font-size:12px;
	color:#CCCCCC;

}


.webpage a{
    border-right:#a0a0a0 1px solid;
    padding-right:5px;
    border-top:#a0a0a0 1px solid;
    padding-left:5px;
    padding-bottom:2px;
    border-left:#a0a0a0 1px solid;
    color:#666666;
    margin-right:2px;
    padding-top:2px;
    border-bottom:#a0a0a0 1px solid;
    text-decoration:none;
}
.webpage a:hover{
    border-right:#000 1px solid;
    padding-right:5px;
    border-top:#000 1px solid;
    padding-left:5px;
    padding-bottom:2px;
    border-left:#000 1px solid;
    margin-right:2px;
    padding-top:2px;
    border-bottom:#000 1px solid;
}
.webpage a:active{
    border-right:#000 1px solid;
    padding-right:5px;
    border-top:#000 1px solid;
    padding-left:5px;
    padding-bottom:2px;
    border-left:#000 1px solid;
    margin-right:2px;
    padding-top:2px;
    border-bottom:#000 1px solid;
}
.webpage span{
    border-right:#ddd 1px solid;
    padding-right:5px;
    border-top:#ddd 1px solid;
    padding-left:5px;
    padding-bottom:2px;
    border-left:#ddd 1px solid;
    color:#aaa;
    margin-right:2px;
    padding-top:2px;
    border-bottom:#ddd 1px solid;
    text-decoration:none;
}
.webpage b{ font-size:14px; font-weight:normal;}
/*.webpageInput{
font-size:12px; border:#666666 1px solid; width:10px; text-align:center;}
.webpageSubmit{
font-size:12px; border:#666666 1px solid;}*/


.diyos{position:fixed;width:54px;right:0;top:50%;z-index:100;}
.diyos ul{list-style:none;margin:0;padding:0;}
.diyos ul li{width:54px;height:54px;background:#666666;float:left;position:relative;margin:1px 0 0 0;}
.diyos ul li:hover{background:#333;}
.diyos ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;color:#fff;font:14px/54px "Microsoft Yahei";overflow:hidden;letter-spacing:0px;}
.diyos ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li.sideewm{width:54px;height:54px;line-height:54px;display:inline-block;}
.diyos ul li .sideewmshow{width:150px;position:absolute;top:0;left:-151px;z-index:120;display:none;}
.diyos ul li.sideewm:hover .sideewmshow{display:block;}
.diyos ul li img{float:left;}

.show_productslabel{
display: inline-block;
width: 105px;
text-align: justify;
text-align-last: justify;
}