
/* CSS Document */
body{ font-size:13px; color:#454545;}
li{ list-style:none;}
*{ margin:0; padding:0;}
a{ color:#454545; text-decoration:none;}
.page{ width:960px; margin:0 auto;}
.clear{ clear:both; height:1px; width:100%; overflow:hidden;}
.flashad{ width:745px; float:left; position:relative; overflow:hidden; display:inline;}
.fborder{ border:1px solid #fff; width:743px; height:201px; position:absolute;}
.h_ad{ width:210px; float:left; padding:0 0 0 5px; overflow:hidden; display:inline;}

.f_l{ position:absolute; left:0; top:0;}
.f_r{ position:absolute; right:0; top:0;}
.f_r2{ position:absolute; right:0; top:0px;}

.probox{ border:1px solid #ccc; width:743px; float:left; display:inline;}
.probox2{ border:1px solid #ccc; width:743px; float:left; display:inline;}
.h_pro{width:102px; float:left; margin:8px 6px 12px 14px; display:inline;}
.h_pro2{width:102px; float:left; margin:8px 14px 12px 14px; display:inline;}
.h_pro h1{ font-size:12px; text-align:center; color:#007cc2; height:20px; padding:0; margin:0;}
.h_pro2 h2{ font-size:12px; text-align:center; color:#454545; height:20px; padding:5px 0; margin:0; font-weight:normal;}
.h_proimg{
width:100px; height:104px;
border:1px solid #ccc;
overflow:hidden;
position:relative;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.h_proimg p{
position:static;
+position:absolute;
top:50%;
vertical-align:middle;
text-align:center;
}
.h_proimg p img{
position:static;
+position:relative;
top:-50%;left:-50%;
vertical-align:middle
}


/*product*/
.search{ 
width:208px; float:left; margin:0 0 0 5px; display:inline;
height:145px;
border:1px solid #ccc;
background:url(../img/bg_search.gif) no-repeat 88px 75px;
}
.search h1{ 
font-size:12px; color:#454545; background:#f2f6f7; margin:2px;
padding:5px;
}
.search h2{ 
font-size:12px; color:#454545;
padding:5px;
margin:0;
font-weight:normal;
}
.search_btn{ 
background:url(../img/btn_search.jpg) no-repeat; width:94px; height:20px;
border:0;
cursor:pointer;
}
.ser_ipt{ width:110px;}
 
/*link*/
.linkbox{ width:210px; float:left; padding-right:8px;}
.linkbox br{ display:none;}
.linkbox h1{
font-size:12px; color:#454545; background:url(../img/iocn2.gif) no-repeat left center; margin:2px;
padding:15px 0 10px 25px;
border-bottom:4px solid #ccc;
}
.linkbox li{ font-size:13px; padding:3px 0;}
.linkbox li a{ text-decoration:none; color:#454545;}
.linkbox li a:hover{ text-decoration:underline;}


/**/
.h_news{ width:740px; float:left; border:1px solid #ccc; margin:8px 0 0 0;}
.h_newsbox{ 
background:url(../img/h_tbox.gif) no-repeat bottom #fff; 
width:238px; float:left;
margin:8px 0 8px 8px;
display:inline;
}
.h_newsbox h1{ 
position:relative; background:#dee3e7; font-size:13px; color:#454545; height:22px;
padding:6px 0 0 15px;
}
.h_newsbox h1 span{ position:absolute; right:10px; top:4px;}
.h_newsbox p{ line-height:150%; font-size:13px; padding:8px;}
.h_newsbox p b{ color:#ff6702;}
.h_newsbox h2{ text-align:right; padding:5px 5px 5px 0; font-size:12px; font-weight:normal;}
.h_newsbox h2 a{ color:#007cc2; text-decoration:none;}
.h_newsbox h2 a:hover{ text-decoration:underline;}


/*foot*/

.footbox{ position:relative; margin:10px auto; clear:both; padding:20px 0 0 0;}
.footbox p{ text-align:center; line-height:150%;}

/*main*/
.main{ width:745px; float:left;}
.subbox{ 
width:673px; border:1px solid #ccc; position:relative;
padding:18px 34px;
}
.c_iocn1{ position:absolute; top:-1px; left:-1px;}
.c_iocn2{ position:absolute; top:-1px; right:-1px;}
.c_iocn3{ position:absolute; bottom:-1px; left:-1px;}
.c_iocn4{ position:absolute; bottom:-1px; right:-1px;}
/*side*/
.side{ width:210px; float:left; padding:0 0 0 5px;}
.sidebox{ width:208px; border:1px solid #ccc; margin:5px 0 0 0;}
.sidebox h1{ 
height:20px; background:url(../img/bg_bar.gif) repeat-x;
font-size:14px;
padding:6px 0 0 10px;
}
.sidebox h2{ font-size:12px; font-weight:normal;margin:6px;}
.position{ 
font-size:13px; font-weight:normal; background:url(../img/arrow.gif) no-repeat 0 10px;
padding:8px 0 8px 10px;
}
.sub_title{
font-size:16px; background:url(../img/line1.GIF) no-repeat bottom left;
padding:8px 0;
}
/*about*/
.about_img{ width:225px; float:left; margin:0 10px 0 0; padding:10px 0 0 0;}
.about_txt{padding:10px 0 0 0}
.about_txt p{ line-height:150%;}

.about_class{ margin:0 0 0 10px;}
.about_class li{ background:url(../img/arrow2.gif) no-repeat left; padding:4px 0 4px 15px; font-size:12px;}
.about_class a:hover{ color:#ff6702;}

.solute_class{ border-top:1px solid #ccc; width:208px;}
.solute_class ul{ margin:0 0 0 10px;}
.solute_class li{ background:url(../img/iocn3.gif) no-repeat 0 7px; padding:4px 0 4px 18px; font-size:12px;}
.solute_class a:hover{ color:#ff6702;}


/*product*/
.procontainer{ background:url(../img/line2.GIF) repeat-y left; width:673px;}
.pro_class{ width:246px; float:left; padding:20px 0;}
.pro_class br{ display:none;}
.pro_class ul{ margin:0 0 0 10px;}
.pro_class li{  padding:4px 0 4px 18px; font-size:12px;}


.pro_class2{ width:246px; float:left; padding:20px 0;}
.pro_class2 ul{ margin:0 0 0 10px;}
.pro_class2 li{ padding:4px 0 4px 8px; font-weight:bold; font-size:12px; color:#454545;}
.pro_class2 li li{ font-weight:normal;}
.pro_class2 p{ font-weight:normal; padding:0 0 0 12px;}
.shownav,.shownav dl{}

.pro_class a:hover{ color:#ff6702;}
.pro_txt{ float:left; width:427px;}
.pro_txt p{ line-height:150%; padding:5px 0;}
.pro_txtt{ font-size:14px; color:#ff6300; padding:8px 0;}

.pro_list{ float:left; width:427px;}

.pro_info{ float:left; width:427px;}
.pro_info h1{ text-align:center; padding:16px 0; font-size:20px;}
.pro_info_t{}
.pro_info_t p{ line-height:150%;}
.pro_info_img{padding:8px; float:left;}


/*news*/
.newslist{}
.newslist li{ padding:7px 0; background:url(../img/bg_newslist.gif) bottom no-repeat;}
.newslist li a{ background:url(../img/arrow4.gif) no-repeat 0 3px; padding:0 0 0 20px;}
.newslist li a:hover{ text-decoration:underline; color:#f60;}

.newstitle{ font-size:18px; text-align:center; padding:8px 0;}
.newsdate{ text-align:center; font-weight:normal; font-size:12px; color:#777;}
.newstxt p{ line-height:150%; padding:5px 0;}

.pagenum table{ width:100% !Important;}
.pagenum td{ font-size:12px;}


/*job*/
.job{ margin:20px auto;}
.job td{ padding:5px;}


/*feed*/
#feed{
margin:10px auto; 
}
#feed p{ 
padding:10px; line-height:160%; font-size:13px;
color:#454545;
}
.feed h4{ font-size:13px; font-weight:normal;padding:5px; background:#cccccc; color:#fff;}
#feed h5{ font-size:13px; font-weight:normal; text-align:center; padding:5px; background:#f8f8f8; border:1px solid #cccccc;}
.feed{ width:670px; border:1px solid #cccccc; background:#f8f8f8; margin:5px auto; overflow:hidden;}
.feed h3{ padding:5px; color:#A14926; font-size:13px;}
.feed p{ padding:5px !important; font-size:13px; line-height:150%;}
.feedback{ border:1px dashed #cccccc; width:640px; margin:5px auto; background:#fff; overflow:hidden;}
.feedback p img,#feedback p img{ width:auto !important; width:400px; max-width:400px;}


.regbox{ width:500px; margin:20px auto; padding:62px 0;}
.regbox h4{ position:relative; padding:0 0 0 0; margin:10px 0 0 0; font-size:13px; font-weight:normal;}
.regbox h4 span{ position:absolute; left:0; top:5px;}
.regbox h4 input{ width:180px; height:18px; background:#fff; border:1px solid #90C8E1; margin-left:80px;}
.regbox h4 b{  font-weight:normal; color:#666; font-size:12px; line-height:150%;}
.regbox h3{ font-size:13px; font-weight:normal; padding:0 0 0 80px;}