@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0px;}

h1 {
    color: #0077CA;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
	text-align:left;
    margin: 0;
}

h2{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#292929; line-height:36px; margin:0px; padding:0px; }
h2 a{text-decoration:none;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2d9be8; line-height:20px; margin:0px; padding:0px;}
h4{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#2d9be8; line-height:20px; margin:0px; padding:0px;}
p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#757575; margin:0px; padding:0px;}
#m_warpar{width:100%; height:auto; margin:auto; background:url(../image/topbg.jpg) repeat-x top;}
#manage_warpar{width:995px; height:auto; margin:auto;}
#header_div{width:995px; height:210px; margin:0px;}
.logo_div{width:995px; height:134px; margin:0px;}
.logo_left{width:340px; margin:0px 0px 0px 0px; padding:40px 0px 0px 0px; float:left;}
.logo_right{width:205px; margin:0px 0px 0px 0px; padding:40px 30px 0px 0px; float:right;}
.clear{clear:both}

.menu_div{height:50px; background:url(../image/menubg.jpg) repeat-x bottom; width:995px;}
.menu_div .home{background:url(../image/homebg.jpg) no-repeat left; float:left; width:62px; height:50px; font-family:Verdana, Geneva, sans-serif; line-height:50px; font-size:11px; color:#FFF; text-decoration:none;}
.menu_div .home a:hover{font-size:12px; color:#000; text-decoration:none;}
.mstart{width:933px; height:46px; margin:0px 0px 0px 0px; padding:4px 0px 0px 0px; float:left}

.mstart ul{list-style:none; margin:0px 0px 0px 0px; padding:0px; height:46px; }
.mstart ul li{float:left; background:url(../image/menuline.jpg) 0px 0px no-repeat;  margin:0px;}

.mstart ul li.active {background:none; }
.mstart ul li a{display: block; font-family:Verdana, Geneva, sans-serif; line-height:46px; font-size:11px; color:#4d4d4d;  
padding:0px 10px 0px 12px; margin:0px 0px 0px 3px; text-decoration:none; text-transform:uppercase; }
.mstart ul li A:hover, #menus a.selected{ color:#FFF;  background:url(../image/hover.jpg) repeat-x;}

.mstart ul li#current a {	
color:#ff0302; 
	}

.lnews{width:995px; height:24px; background-color:#1080cd;}
.nmarqu{width:649px; height:24px; line-height:24px; float:left; background:url(../image/lnews.jpg) repeat-x;}
.nmarqucorner{width:39px; height:24px; float:left; background:url(../image/nmarqucorner.jpg) no-repeat left;}	


#slider_div {
   
    margin: 10px 0 0;
    width: 995px;
	float:left;
	text-align:left;
}
.slider_l{width:670px; margin:0px 0px 0px 0px; float:left;}
.slider_product{width:288px; margin:0px 0px 0px 25px; text-align:left; height:395px;}
.slider_left{float:left; clear:both;}
.slider_right{float:right; height:auto;}

img{border:none;}


.slider_product ul{
margin:10px 10px 0px 10px;
padding:0px;
list-style:square;
height:450px;
}

.slider_product .list1 li {
    border-bottom: 1px solid #cccccc;
   	margin:0px;
	padding:0px;
	
	color:#CCC
	
}

.slider_product .list1 li a {
    color: #757575;
    padding: 0px 0px 0px 5px;
	height:26px;
    text-decoration: none;
	font-family: Arial,Helvetica,sans-serif;
	background: url(../image/arrow.png) no-repeat scroll 0 50%;
	font-size: 12px;
	line-height:27px;
	font-weight:bold;
}
.slider_product .list1 li a:hover {
   background: url(../image/arrow.png) no-repeat scroll 0 50%;
    color: #000;
	
}

#mid_contentdiv{width:995px; height:auto; margin:20px 0px 0px 0px; }
.l_p_d{width:670px; height:auto; margin:0px 0px 0px 0px; float:left; background:url(../image/pbg.jpg) repeat-x top;}
.q_contact{width:295px; float:right; margin:0px 0px 0px 0px;}
.q_head{ background-color:#505050; height:36px; width:288px;}
.q_form{ background-color:#f6f6f6; border:solid 1px #e7e7e7; height:195px; width:286px;}
.cont_form{margin:10px; background-color:#FFF; padding:10px;}
.text_field{width:95px; float:left; margin:10px 0px 0px 0px;}
.textarea_fild{float:right; width:120px; margin:10px 5px 0px 0px;}
.orc{width:288px; height:92px; background:#f6f6f6; border:solid 1px #e7e7e7; margin:15px 0px 0px 0px;}
.orc a{text-decoration:none; color:#666;}
.orc a:hover{color:#009; text-decoration:none;}
.orc img{width:150px; height:47px; border:solid 1px #c0c0c0; margin:0px 0px 0px 5px;}
.input {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #c2c2c2;
    border-radius: 4px 4px 4px 4px;
    margin: 2px 0 9px 0px;
    padding: 0px;
	height:25px;
    text-align: left;
    width: 90px;
}
.textareabox {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #c2c2c2;
    border-radius: 4px 4px 4px 4px;
    height: 60px;
    margin: 2px 0 8px 0px;
    padding: 0px;
    text-align: left;
    width: 115px;
}
.input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9E0F15;
}
.textareabox:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #9E0F15;
}

input.subtn, textarea.subtn {
    background: url("../image/sub.JPG") no-repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 31px;
    margin: 0px 0 5px 1px;
    width: 80px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border-top: 3px solid #2d9be8;
overflow: scroll; /*leave this value alone*/
width: 195px; /*Width of Carousel Viewer itself*/
height: 350px; /*Height should enough to fit largest content's height*/
padding:0px 0px 0px 0px;
float:left;
margin-left:20px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;;
top: 0px;
margin:0px;
padding:0px;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 195px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding:0px;
top:0;

}


#footer_div{height:115px; width:100%; background:url(../image/footer.jpg) repeat-x; position:relative}

.ftr_menu_div{width:980px; margin:auto;}



.menudivs{ width:800px; float:left; margin:30px 0px 0px 0px;}

.menudivs ul{list-style:none; margin:0px; padding:0px; margin-left:0px; position:relative; display: block;}
.menudivs ul li{float:left;  margin:0px; border-right:solid 1px #FFF;}

.menudivs ul li.active {background:none; border:none }
.menudivs ul li a{display: block; font-family:Arial, Helvetica, sans-serif;   font-size:11px;  color:#e7e7e7;  padding:0px 8px 0px 5px; text-decoration:none; font-weight:bold;  }
.menudivs ul li A:hover, #menuline a.selected{ color:#eb0000;  }

.menudivs ul li.current a {	
background: none;
	/*border: none;*/
	/*color:#ff6100;
	background:url(image/menuhover.jpg) repeat-x;*/
	margin:0px 0px 0px 3px;
	

}	

.copyright{font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:5px; color:#898e92; width:100%; line-height:35px;}


.follows_div{width:150px; margin:20px 0px 0px 10px; float:left}
.follows{font-family:Verdana, Geneva, sans-serif; font-weight:bold;  font-size:11px;  color:#FFF; }

.about_left{float:left; padding-left:15px; width:645px; text-align:left;}
.about_right{float:left; padding-right:15px; width:200px;}
.about_product01{clear:both;}
.about_product02{clear:both;}
.page_name{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#333; padding-bottom:8px;}
.page_name span{color:#0077CA;}

.font_text{font-size:12px; color:#333; font-weight:100; text-align:justify; font-family:Arial, Helvetica, sans-serif;}
.font_text span{color:#F00; font-weight:bold;}
.our_product{font-size:12px; color:#000; text-decoration:none;}
.our_product a:hover{text-decoration:underline; color:#F00; font-weight:bold;}
.contact_phone{font-size:12px; color:#0077CA; font-weight:bold;}
.contact_01{font-size:12px; color:#000;;}
.contact_name{font-size:14px; font-weight:bold; color:#900;}
.contact_email{font-size:12px; color:#333; text-decoration:none;}
.contact_email a:hover{font-size:12px; color:#900; text-decoration:underline; font-weight:bold;}
.index_product_back{border-top:#2D9BE8 3px solid; background:#FFF; height:52px; line-height:30px; padding-left:8px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.index_tec{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2D9BE8; font-weight:bold;}
.index_tec_text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-align:justify;}

.product_box{background:#FCFCFC; border:#B3B3B3 1px dotted; padding:8px;}
.product_box_tec{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#0077CA; padding-top:5px; padding-bottom:5px;}
.product_box_tec a {text-decoration:none;}
.product_box_tec_text{font-size:12px; font-weight:100; color:#666; padding-bottom:5px;}
.contact{width:320px; height:253px; padding:0px; margin:0px; background:url(../images/10_years_logo.png) no-repeat; float:left;}