﻿@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; color:#000000; font-size:12px; font-family:"Arial"; text-align:left; background:url(../images/bg.jpg) repeat;}
*{ margin:0px; padding:0px;}
.t14{ font-size:14px;}
.tb{ font-weight:bold;}
ul,li{ list-style:none; list-style-type:none; margin:0px; padding:0px;}
img{ border:0px; vertical-align:middle}
input,select{vertical-align:middle;} 
.clear{ clear:both;}
br{ margin:0px; padding:0px;}
.f_i{ text-indent:2em;}
.no{ display:none}

/*a style*/
a{ color:#000000; text-decoration:none;}
a:link, a:visited{ color:#000000;}
a:hover{ color:#ff0000; text-decoration:underline;}


.con{ width:1000px; margin:0px auto; clear:both; background-color:#ffffff;}
.head{ width:983px; height:67px; margin:0px auto; clear:both; background:url(../images/logo.jpg) no-repeat 22px 12px; padding-top:25px; text-align:right; padding-right:17px;}
.tel{ height:36px; line-height:36px; font-size:24px; font-weight:bold; font-family:"Basemic Times";}
.tit{ font-size:14px; line-height:26px;}
.menu{ height:38px; width:1000px; margin:0px auto; clear:both; position:relative; z-index:999; background-color:#212121;}
.menu ul li{ padding-left:50px;float:left; display:inline; text-align:center; height:38px; position:relative; z-index:9999; color:#ffffff; font-size:14px; font-weight:bold; cursor:pointer; background:url(../images/menu_line.jpg) no-repeat right center;}
.menu ul li a{ display:block; line-height:38px; color:#ffffff;}
.menu ul li a:link,.menu ul li a:visited{ color:#ffffff;}
.menu ul li a.bar, .menu ul li a:hover{ color:#ff6600; text-decoration:none;}
.menu ul li a.current{ z-index:99999; color:#ff6600;}
.submenuwrap{ position:absolute; bottom:38px; z-index:99999; display:none; width:139px; background-color:#212121;}
.menu ul li .submenuwrap ul li{ float:none; display:block; height:35px; border-bottom:1px solid #515050; line-height:35px; font-weight:normal;}
.menu ul li .submenuwrap ul li a{ display:block; color:#ffffff;}
.menu ul li .submenuwrap ul li.bar a, .menu ul li .submenuwrap ul li a:hover{ color:#ff6600; text-decoration:none;}
.ban{ width:1000px; height:320px; margin:0px auto; position:relative; clear:both;}
.tu_list{ width:992px; margin:12px auto 0px; clear:both;}
.tu_list ul li{ float:left; width:222px; display:inline; height:60px; background:url(../images/con1.jpg) repeat-x top; margin-left:8px; margin-right:8px; padding:5px;}
.tu_list ul li .tu{ float:left; width:65px; height:60px;}
.tu_list ul li .tu img{ width:63px; height:58px; border:1px solid #000000;}
.tu_list ul li .tit_r{ float:right; width:144px; padding-top:3px;}
.tu_list ul li .tit_r h3{ font-size:22px; font-family:"basemic Times"; color:#ffffff; line-height:22px; text-transform:uppercase; letter-spacing:-1px;}
.tu_list ul li .tit_r h4{ font-size:15px; font-family:"basemic Times"; color:#ffffff; line-height:16px; height:16px;}
.tu_list ul li .tit_r .more{ font-size:15px; color:#953d00; line-height:20px; text-align:right;}
.tit1{ margin:15px auto 0px; clear:both; border-bottom:1px solid #999999; height:34px; width:974px; line-height:34px; font-size:22px; font-family:"basemic Times";}
.con1{ width:960px; margin:10px auto 0px; clear:both; line-height:20px;}
.con1 p{ padding-top:5px; padding-bottom:5px;}
.con1 img{ float:right; margin-left:28px; border:3px solid #000000}
.con1 h3{ line-height:24px; font-size:18px; font-family:"basemic Times"; color:#ff6600; font-weight:normal;}
.t_line{ text-decoration:underline;}
.t_i{ font-style:italic; width:680px; line-height:20px; margin:10px auto 0px; text-align:center;}
.tit2{ margin:50px auto 0px; clear:both; text-align:center; line-height:20px;}
.con_l{ width:227px; float:left; padding-top:10px;}
.con_r{ width:758px; float:right;}
.bot{ line-height:20px; margin:10px auto 0px; width:970px; clear:both; padding-bottom:20px;}
.bot span{ float:right; text-align:right}
.con2{ margin:0px auto; width:905px; clear:both; padding-bottom:50px;}
.con2_l{ float:left; width:298px;}
.con2_l ul li{ width:298px; height:161px; margin-top:18px;}
.con2_l ul li img{ border:3px solid #000000; width:292px; height:156px;}
.con2_r{ float:right; width:510px;}
.tit3{ line-height:20px; font-size:14px; font-weight:bold; margin-top:15px; color:#444444;}
.f_l{ float:left; margin-right:8px;}
.inp{ width:200px; height:20px; line-height:20px; padding-left:10px; border:1px solid #b5b8cb; background-color:#ffffff; margin-top:4px;}
.w430{ width:430px;}
.w250{ width:250px;}
.w50{ width:50px;}
.w90{ width:90px;}
.text1{ width:430px; height:122px; line-height:20px; padding-left:10px; border:1px solid #b5b8cb; background-color:#ffffff; margin-top:4px;}


.pro_con{ width:976px; margin:10px auto 0px; clear:both}
.pro_l{ float:left; width:233px;}
.pro_r{ float:right; width:728px;}
.pro_tit{ background:url(../images/pro_tit.jpg) no-repeat left top; height:43px; line-height:43px; font-size:18px; font-family:"Microsoft YaHei"; padding-left:18px;}
.pro_con1{ border:1px solid #dedbdb; padding:15px; border-top:0px;}
.inp1{ width:122px; height:20px; line-height:20px; padding-left:10px; border:1px solid #b5b8cb; background-color:#ffffff; border-right:0px;}
.pro_tit1{ border-bottom:1px solid #999999; height:34px; line-height:34px; font-size:22px; font-family:"basemic Times";}
#menu { width:200px; margin:10px auto 0px;}
#menu h1{ font-size:14px; font-family:"Microsoft YaHei"; color:#555555; line-height:35px; height:35px; background:url(../images/pro_icon1.jpg) no-repeat 5px 15px; font-weight:normal; padding-left:17px; border-bottom:1px dotted #666666;}
#menu h1.bar{ background:url(../images/pro_icon1.jpg) no-repeat 5px 15px;}
#menu h2 { font-size:12px; line-height:31px; color:#555555; font-weight:normal; padding-left:17px; background:url(../images/pro_icon2.jpg) no-repeat 7px 13px;}
#menu h2.bar{ background:url(../images/pro_icon11.jpg) no-repeat 7px 13px #ff6600;}
#menu ul { padding-left:15px; height:100px;border:#E7E7E7 1px solid; border-top:none;overflow:auto;}
#menu a { display:block; text-decoration:none; overflow:hidden;}
#menu .no {display:none;}
#menu .h1 a{color:#cc0000; margin-left:-17px; padding-left:17px;}
#menu .h2 a{color:#ffffff; background:url(../images/pro_icon11.jpg) no-repeat 7px 13px #ff6600; margin-left:-17px; padding-left:17px;}
#menu  h1 a{color:#555555;}
#menu  h2 a{color:#555555;}
#menu h1.bar a{ color:#cc0000;}
#menu h2.bar a{ color:#ffffff;}
#menu h1 a:hover{ color:#cc0000;}
#menu h2 a:hover{color:#ffffff; background:url(../images/pro_icon11.jpg) no-repeat 7px 13px #ff6600; margin-left:-17px; padding-left:17px;}

.list ul li{ float:left; width:158px; height:142px; background:url(../images/pro_tu_bg.jpg) no-repeat center top; padding:6px; display:inline; text-align:center; line-height:24px; margin:18px 6px 6px 6px; font-family:"Microsoft YaHei"}
.list ul li img{ width:157px; height:119px;}
/*CSS quotes style pagination*/

DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 20px auto; PADDING-TOP: 3px; TEXT-ALIGN: right
}
DIV.quotes A {
	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
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

/*news_child*/
.news_child_con1{ width:92%; margin:0px auto; text-align:center; height:90px; line-height:90px; font-size:18px; font-family:"Arial";}
.news_child_con2{ width:92%; margin:0px auto; line-height:24px; padding-top:10px; padding-bottom:10px;}


/*colour*/
.twhite1{ color:#ffffff;}
.twhite1 a:link, .twhite1 a:visited{ color:#ffffff;}
.twhite1 a:hover{ color:#ffffff; text-decoration:underline;}

.torange1{ color:#ff6600;}
.torange1 a:link, .torange1 a:visited{ color:#ff6600;}
.torange1 a:hover{ color:#ff6600; text-decoration:underline;}

.tred1{ color:#7a5202;}
.tred1 a:link, .tred1 a:visited{ color:#7a5202;}
.tred1 a:hover{ color:#7a5202; text-decoration:underline;}


/*****************产品列表*********************/
.bodycontent
{
     width:720px; padding-top:20px; padding-left:10px;
    }
.kefang2
{
	width: 180px; float: left; overflow:hidden; height:179px;
	_position:relative;   

	}
.kf_left2
{
	height: 135px; width:155px;border:1px solid #ebeaea;padding:0px;
     vertical-align:middle; text-align:center; font-family:Arial; 
     display:table-cell; overflow:hidden; margin:0px auto; 
     _display:block;


	}
.kf_left2 img
{
    height: 125px; width:145px;
  vertical-align:middle; border-width:0px;
	 
	}
.proitemtext
{
	height:40px; width:155px; float:left;
     text-align:center; font-family:Arial; 
      overflow:hidden; margin:0px auto; 
     _display:block;
     line-height:20px;
	}



/*****jobs*******/
.jobcontent
{
     width:660px;
    }
 .jobcontent td.jobtdtitle
 {
     padding-left:5px;
     
     }

/*******************宽高命名样式******************************/
.w420
{
	 width:420px;
	}
		.w380
{
	 width:300px;
	}
.w80
{
	 width:80px;
	}
	.w120
{
	 width:120px;
	}     
     
/*————留言————*/
.fh{width:660px;padding:0 0 0 30px;}
	.content .fh a{color:#c00;margin:0 30px 0 0;}
.i_msg{background:url(i_msg.gif) no-repeat top left;}
.msg ul
{
	 list-style-type:none; margin:0px; padding:0px;
	}
.msg input
{
	 background-color:transparent; border-style:solid; border-color:#ababab; border-width:1px;
	}
.msg{width:660px;margin:0;border:1px solid #ddd;border-bottom:none;overflow:hidden; clear:both;}
	.msg li{width:660px;border-bottom:1px solid #ddd;line-height:35px;float:left;LIST-STYLE-TYPE: none;}
	.m_left{width:100px;float:left;text-align:right;padding:0 20px 0 0px;border-right:1px solid #ddd;margin:0 10px 0 0;}
	.m_right{float:left;padding:0;}
	.m_right input{ margin-top:8px;}
	.m_right textarea{ margin-top:8px;}
	.msg .lr{width:100px;height:100px;float:left;text-align:right;padding:0 20px 0 0px;border-right:1px solid #ddd;margin:0 10px 0 0;}
	.msg .btn{float:left;margin:8px 8px 0 0; color:#333333; padding:3px; height:23px;}
	.msg .fb{width:660px;font-size:14px;font-weight:bold;color:#c00;padding:0 0 0 20px;}
.msg_content{width:660px;float:left;margin:0 0 10px 30px;border:1px solid #ddd;display:inline;}
.msg_content .title{font-size:14px;font-weight:bold;color:#c00;padding:8px 8px 8px 52px;float:left;}
	.msg_top{width:600px;background:#f2f2f2;line-height:28px;float:left;padding:0 0 0 26px;margin:10px 0 0;}
	.msg_main{width:660px;float:left;line-height:23px;padding:0 0 0 26px;margin:8px 0 0;}
	.msg_content .hf{width:660px;float:left;border:1px dashed #c00;margin:0 0 8px 46px;display:inline;padding:8px;line-height:24px;}
	.msg_content .lr{color:#c00;font-size:14px;font-weight:bold;padding:8px 0 0 20px;}
	
	   label.valid
        {
            color: Green; float:left; display:inline;line-height:35px;
        }
        label.error
        {
             color:red; float:left; display:inline;line-height:35px;
            }
         input.error
         {
              float:left; 
             }
             input.valid
         {
              float:left; 
             }
             textarea.error
             {
                  float:left;
                 }
                  textarea.valid
             {
                  float:left;
                 }


