@charset "utf-8";
body{ margin:0px; padding:0px; color:#555; 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;}
.f_l{ float:left;}

/*a style*/
a{ color:#555; text-decoration:none;}
a:link, a:visited{ color:#555;}
a:hover{ color:#ff0000; text-decoration:underline;}


.bg{ background:url(../images/bg1.png) repeat-x top; height:89px;}
.head{ background:url(../images/logo.png) no-repeat left top; height:79px; padding-top:10px; margin:0px auto; clear:both; width:1200px;}
.tit{ height:34px; line-height:34px; text-align:right; clear:both; margin:0px auto;}
.tit span{ margin-right:15px;}
.con{ width:1200px; margin:0px auto;}
.con_l{ float:left; width:182px;}
.con_r{ float:right; width:1000px;}
.menu ul li{ height:43px; margin-bottom:7px; background:url(../images/menu.png) no-repeat left center;}
.menu ul li a{ line-height:43px; height:43px; display:block; font-family:"Arial"; color:#555555; font-size:13px; padding-left:80px;}
.menu ul li a:link,.menu ul li a:visited{ color:#555555;}
.menu ul li.on, .menu ul li:hover{ text-decoration:none; background:url(../images/menu_bar.png) no-repeat left center; color:#fff;}
.menu ul li.on a,.menu ul li a:hover{ color:#fff; text-decoration:none}
.menu ul li a.icon1 {
	background:url(../images/icon5.png) no-repeat 49px center;
}
.menu ul li.on a.icon1,.menu ul li a.icon1:hover {
	background:url(../images/icon5_1.png) no-repeat 49px center;
}
.menu ul li a.icon2 {
	background:url(../images/icon6.png) no-repeat 49px center;
}
.menu ul li.on a.icon2,.menu ul li a.icon2:hover {
	background:url(../images/icon6_1.png) no-repeat 49px center;
}
.menu ul li a.icon3 {
	background:url(../images/icon7.png) no-repeat 49px center;
}
.menu ul li.on a.icon3,.menu ul li a.icon3:hover {
	background:url(../images/icon7_1.png) no-repeat 49px center;
}
.menu ul li a.icon4 {
	background:url(../images/icon8.png) no-repeat 49px center;
}
.menu ul li.on a.icon4,.menu ul li a.icon4:hover {
	background:url(../images/icon8_1.png) no-repeat 49px center;
}
.menu ul li a.icon5 {
	background:url(../images/icon9.png) no-repeat 49px center;
}
.menu ul li.on a.icon5,.menu ul li a.icon5:hover {
	background:url(../images/icon9_1.png) no-repeat 49px center;
}
.menu ul li a.icon6 {
	background:url(../images/icon10.png) no-repeat 49px center;
}
.menu ul li.on a.icon6,.menu ul li a.icon6:hover {
	background:url(../images/icon10_1.png) no-repeat 49px center;
}
.menu ul li a.icon7 {
	background:url(../images/icon11.png) no-repeat 49px center;
}
.menu ul li.on a.icon7,.menu ul li a.icon7:hover {
	background:url(../images/icon11_1.png) no-repeat 49px center;
}
.menu ul li a.icon8 {
	background:url(../images/icon12.png) no-repeat 49px center;
}
.menu ul li.on a.icon8,.menu ul li a.icon8:hover {
	background:url(../images/icon12_1.png) no-repeat 49px center;
}
.ban{ width:1000px; height:311px; overflow:hidden;}
.con1{ margin:13px auto 0px; background-color:#fff; border:1px solid #e3e3e3; border-radius:5px; padding:10px 0px 12px 0px;}

.list{ width:163px; margin:0px auto; clear:both}
.list ul li{ color:#ffffff; padding-left:17px; background:url(../images/bar.jpg) no-repeat top; line-height:32px; margin-top:8px;}
.list ul li a{ color:#ffffff;}
.list ul li.bar{padding-left:17px;  background:url(../images/bar1.jpg) no-repeat top; line-height:32px; margin-top:8px;}
.list ul li ul li{ background:url(../images/gl_icon1.jpg) no-repeat left center; padding-left:17px; margin-left:-6px; font-weight:normal;}
.list ul li ul li a{ color:#555;}

.tit1{ background-color:#1790ff; border-radius:5px; margin:20px auto 0px; padding-left:20px; height:38px; line-height:38px;}
.tit1 span{ font-family:"Arial"; font-size:15px;}
.con2{ margin:20px auto 0px; clear:both;}
.con2_l{ float:left; width:651px;}
.con2_r{ float:right; width:323px;}
.bg1{ height:195px; border:1px solid #eaeaea; background-color:#ffffff;}
.tit2{ background:url(../images/tit.jpg) repeat-x top; height:34px; line-height:34px;}
.tit2_l{ float:left; font-family:"Arial"; font-size:15px; padding-left:20px;}
.tit2_l span{ font-size:10px; color:#afafaf; margin-left:8px; text-transform:uppercase}
.tit2_r{ float:right; padding-right:10px;}
.con3{ width:610px; margin:20px auto 0px;}
.con3_l{ float:left; padding-top:5px; height:115px; width:165px;}
.con3_l img{ width:159px; height:107px; border:3px solid #e6e6e6;}
.con3_r{ float:right; width:420px; line-height:22px;}
.con3_r h3{ line-height:32px; font-size:14px; font-weight:bold; color:#ff3600}
.con3_r p{ text-indent:2em;}
.list1{ margin:5px auto 0px; width:93%;}
.list1 ul li{ line-height:28px; height:28px; border-bottom:1px dashed #cccccc;}
.list1 ul li span{ float:right; color:#bcbcbc;}
.tu_list{ margin:20px auto 0px; width:980px; overflow:hidden;}
.tu_list ul li{ float:left; line-height:32px; text-align:center; width:195px; height:165px; margin-left:10px; margin-right:10px; display:inline;}
.tu_list ul li img{ width:185px; height:124px; padding:4px; border:1px solid #e6e6e6;}
.tu_list ul li.last{ width:94px;}
.tu_list ul li.last img{ width:89px; padding-right:0px; border-right:0px;}
.bg2{ background-color:#ffffff;}
.con4{ margin:20px auto 0px; clear:both}
.con41{ width:490px;}
.tit3{ margin:0px auto; clear:both; background:url(../images/tit1.jpg) repeat-x; height:30px; line-height:30px; border-right:1px solid #eaeaea;}
.tit3_l{ float:left; background:url(../images/tit1_bar.jpg) repeat-x; font-size:14px; text-align:center; font-family:"Arial"; padding-left:30px; padding-right:30px;}
.h178{ height:165px; padding-top:7px; border:1px solid #eaeaea; background-color:#ffffff;}
.bot{ height:46px; border-top:2px solid #29c5ff; margin:20px auto 0px; clear:both}
.bot1{ width:1200px; line-height:46px; color:#757575; margin:0px auto;}
.fspan{ float:right;}
.tu_list1{ margin:20px auto 0px; width:970px; overflow:hidden;}
.tu_list1 ul li{ float:left; line-height:32px; text-align:center; width:226px; height:200px; margin-left:8px; margin-right:7px; display:inline;}
.tu_list1 ul li img{ width:216px; height:146px; padding:4px; border:1px solid #e6e6e6;}


/*图片滚动*/
.rollBox{width:100%;overflow:hidden; _overflow:hidden;margin-top:0px; height:auto; padding-bottom:0px;}
.rollBox .aCont{width:970px;overflow:hidden; _overflow:hidden; float:left; margin-left:0px; position:relative;}
.rollBox .aScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox #Lista1,.rollBox #Lista2{float:left;}


/* 分页 */
.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 25px; PADDING-TOP: 3px; TEXT-ALIGN: center; color:#666666;
}
.digg a {
	BORDER-RIGHT: #dfdfdf 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #dfdfdf 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 4px; BORDER-LEFT: #dfdfdf 1px solid; COLOR: #666666; MARGIN-RIGHT: 8px; PADDING-TOP: 4px; BORDER-BOTTOM: #dfdfdf 1px solid; TEXT-DECORATION: none; background:url(../images/bar_bg.jpg) repeat-x bottom; display:inline;
}
.digg a:link{ color:#666666;}
.digg a:hover {
	COLOR: #ffffff; background:#06b0ff; border:0px; padding:5px 8px;
}
.digg a:active {
	 COLOR: #ffffff; border:0px; background:#06b0ff;
}
.digg span.current {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; COLOR: #ffffff; MARGIN-RIGHT: 8px; PADDING-TOP: 4px; background-color:#06b0ff; border:1px solid #06b0ff;
}
.digg span.disabled {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 4px; COLOR: #666666; MARGIN-RIGHT: 8px; PADDING-TOP: 4px
}
.xl_con{ width:93%; margin:15px auto 0px; font-size:14px; line-height:30px; padding-bottom:5px;}
.xl_con1{ width:940px; margin:25px auto 0px;}
.xl_l{ float:left; width:381px;}
.xl_r{ float:right; width:525px;}
.proviewbox{float:left;width:381px;position:relative;z-index:5;}
.probigshow{position:relative;width:381px;height:239px;}
.probigshow .jqzoom img{width:381px;height:239px;}
.div_prothumb{position:relative; margin:15px auto; width:325px;}
.thumbporbox{position:relative;width:275px;overflow:hidden; margin:0px auto;}
.div_prothumb .span_prev,.div_prothumb .span_next{position:absolute;top:14px;width:24px;height:24px;text-indent:-999em;overflow:hidden; cursor:pointer; background-color:#fff;}
.div_prothumb .span_prev{left:0px; background:url(../images/xl_icon_l1.jpg) no-repeat left;}
.div_prothumb .span_prevb{ background:url(../images/xl_icon_l.jpg) no-repeat left; cursor:default;}
.div_prothumb .span_next{right:0px; background:url(../images/xl_icon_r.jpg) no-repeat right;}
.div_prothumb .span_nextb{background:url(../images/xl_icon_r1.jpg) no-repeat right;}
#img_list li img{width:56px;height:42px;}
.ul_prothumb{position:relative;width:7500px;overflow:hidden;}
.ul_prothumb li{float:left;width:60px;height:46px;text-align:center; margin-left:4px; margin-right:4px;}
.ul_prothumb img{padding:1px;border:1px solid #ddd;}
.ul_prothumb li.now img{border:1px solid #c00;}
.div_prolinks{padding:20px 0 0 5px;overflow:hidden;zoom:1;}
#probig_preview{ display:none}

.w220{ width:218px;}
.mar_t10{ margin-top:10px;}
.mar_t15{ margin-top:15px;}
.mar_t20{ margin-top:20px;}
.pad_l10{ padding-left:10px;}
.pad_b10{ padding-bottom:10px;}
.pad_t10{ padding-top:10px;}
.h30{ line-height:30px;}
.h34{ line-height:34px;}
.t18{ font-size:18px;}
.f_l{ float:left;}
.f_r{ float:right;}

.tblack{ color:#555;}
.tblack a:link, .tblack a:visited{ color:#555;}
.tblack a:hover{ color:#555; text-decoration:underline;}

.twhite1{ color:#ffffff;}
.twhite1 a:link, .twhite1 a:visited{ color:#ffffff;}
.twhite1 a:hover{ color:#ffffff; text-decoration:underline;}

.torange1{ color:#f8661b;}
.torange1 a:link, .torange1 a:visited{ color:#f8661b;}
.torange1 a:hover{ color:#f8661b; text-decoration:underline;}

.tred1{ color:#ec0000;}
.tred1 a:link, .tred1 a:visited{ color:#ec0000;}
.tred1 a:hover{ color:#ec0000; text-decoration:underline;}


.xl_tit1{ width:92%; height:32px; line-height:32px; margin:25px auto 0px; text-align:center; font-size:16px;}

.gl_tit2{ width:600px; margin:30px auto 0px; font-size:24px; height:46px; line-height:46px; color:#666666;}
.gl_tit2 span{ font-size:14px; padding-left:8px;}
.gl_tit3{ width:600px; margin:0px auto; height:30px; line-height:30px; color:#666666; font-size:14px; font-family:"Arial"}
.tabback{ line-height:50px; margin:10px auto 0px; font-size:14px; font-family:"Arial"; color:#999999;}
.inp1{ border:1px solid #e3e3e3; height:34px; line-height:34px; padding-left:10px; margin-left:5px; width:395px;}
.inp2{ border:1px solid #e3e3e3; height:120px; line-height:34px; width:389px; margin:8px 5px 0px 5px; padding:8px;}
.w100{ width:100px;}

.gl_con{ border-bottom:1px dashed #dbdbdb; width:90%; margin:0 auto;}
.gl_tit{ line-height:28px; color:#adadad; background:url(../images/gl_icon2.jpg) no-repeat left 20px; padding:10px 10px 5px 10px;}
.gl_tit strong a{ font-size:14px; color:#0079bd}
.gl_tit1{ line-height:22px; color:#adadad; padding:0px 10px 10px 10px;}

/*****************产品列表*********************/
.bodycontent
{ margin:24px auto 0px; clear:both}

.kefang2
{
    float:left; width:228px; height:210px; line-height:26px;margin-left:20px; font-size:12px; font-family:"Arial"

	}
.kf_left2
{
	height: 145px; width:215px;border:1px solid #EAE9E9; padding:0px;
     vertical-align:middle; text-align:center; font-family:Arial; 
     display:table-cell; overflow:hidden; margin:0px auto; 
     _display:block;
     _font-size:120px;
    

	}
	
	
.kf_left2 img
{
  vertical-align:middle; border-width:0px;
	 
	}
.proitemtext
{
     height:26px;  margin:0px auto;
	 width:215px; float:left;
     text-align:center; font-family:Arial; 
      overflow:hidden;
     _display:block;
     line-height:26px;
	}

/*****jobs*******/
.jobcontent
{
     width:900px;margin:0px auto; margin-top:20px; 
    }
 .jobcontent td.jobtdtitle
 {
     padding-left:5px;
     
     }

/*******************宽高命名样式******************************/
.w420
{
	 width:250px;
	}
			.w380
{
	 width:300px;
	}
		.w300
{
	 width:300px;
	}
.w80
{
	 width:80px;
	}
	.w120
{
	 width:120px;
	}     
     
/*————留言————*/
.fh{width:500px;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:500px;margin:0px auto;border:1px solid #ddd;border-bottom:none;overflow:hidden; clear:both; margin-top:20px;}
	.msg li{width:500px;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:500px;font-size:14px;font-weight:bold;color:#c00;padding:0 0 0 20px;}
.msg_content{width:500px;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:500px;background:#f2f2f2;line-height:28px;float:left;padding:0 0 0 26px;margin:10px 0 0;}
	.msg_main{width:500px;float:left;line-height:23px;padding:0 0 0 26px;margin:8px 0 0;}
	.msg_content .hf{width:500px;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;
                 }