/*ALL*/
body { margin: 0 auto; font-size: 14px; background: #fff; font-family:  "Microsoft YaHei", "Arial, Helvetica, sans-serif";}
ul, dl, dd, h1, h2, h3, h4, h5, h6, form, p { padding: 0; margin: 0; }
ul, li { list-style: none; }
img { border: 0px; }
input { font-size: 14px; color: #545454; font-family:  "Microsoft YaHei", "Arial, Helvetica, sans-serif"; }
textarea { font-size: 14px; color: #545454; font-family:  "Microsoft YaHei", "Arial, Helvetica, sans-serif"; }
select { font-size: 14px; color: #313131; font-family:  "Microsoft YaHei", "Arial, Helvetica, sans-serif"; }
a { color: #545454; text-decoration: none; }
a:hover { color: #006600; }
.clear { clear: both; height: 0; font-size: 1px; line-height: 0px; }

/*HEADER*/
.header { margin: 0 auto; height: 198px; width: 100%; background: url(../image/top_s.jpg) repeat-x; overflow:hidden;}
.top_bar { margin: 0 auto; width: 1200px; height: 31px; font-size:13px;}

.welcome { float: left; padding-left: 10px; width:300px; color: #666; height: 31px; line-height: 31px; }

.top_icon { float: left; padding-left: 10px; width:300px; color: #666; height: 31px; line-height: 31px; }
.top_icon ul li {float:left;width:21px;height: 21px; line-height: 21px; margin: 5px 5px; color:#fff; }
.top_icon ul li a { display: block; width:21px;height: 21px; line-height: 21px;color:#fff;  }
.top_icon ul li.f { width:21px;height: 18px;line-height: 18px;padding-top:3px;background: #5d82d1;font-size:18px; text-align:center; }
.top_icon ul li.s { width:21px;height: 18px;line-height: 18px;padding-top:3px;background: #13c1f3;font-size:18px; text-align:center; }
.top_icon ul li.g { width:21px;height: 16px;line-height: 16px;padding-top:5px;background: #eb5e4c;font-size:13px; text-align:center; }
.top_bread { float: right; height: 31px; line-height: 31px; width: 420px; color: #666; text-align: left; }
.top_bread ul li {float:left;width:210px;height: 31px; line-height: 31px; font-size:14px; }
.top_bread a { color: #666; }
.top_bread a:hover { color: #1aba62; }


.biaoshi { margin: 0 auto; width: 1200px; height: 116px; }
.logo { float: left; width: 548px; height: 78px; margin-top: 19px; }

.search {width:375px;height:37px; margin-top:39px;float:right;}
.so_box {float:left;width:328px;height:35px;line-height:33px;padding-left:5px;background:#f3f3f3;border:none;*padding-left:1px;_padding-left:2px; border:1px solid #ddd;}
.so_an {float:right;width:40px;height:37px;background:url(../image/so_an1.jpg) no-repeat; border:0 none; cursor:pointer; text-indent:-999em;}
.so_an:hover {float:right;width:40px;height:37px;background:url(../image/so_an2.jpg) no-repeat; border:0 none; cursor:pointer; text-indent:-999em;}

#menu { margin: 0 auto; width:100%; height: 50px; background:#215da5; }
#nav { margin: 0 auto; line-height: 50px; width: 1200px; text-align: center; padding: 0; }
#nav li { background:#215da5; float: left; width:150px; text-align: center; color: #fff; font-size: 18px; height: 50px; line-height: 50px; font-weight: normal; margin: 0; }
#nav li:hover { background:#1aba62; float: left; width:150px; text-align: center; color: #fff; font-size: 18px; height: 50px; font-weight: normal; margin: 0; }
#nav li a { display: block; color: #fff; text-decoration: none; text-align: center; }
#nav li a:hover { display: block; color: #fff; text-decoration:none; }

/*MAIN*/
#maincontent { margin: 0 auto; overflow: auto; zoom: 1; width: 1200px; background: #fff;margin-bottom: 15px; }

.pro_tab {margin:0 auto;width:1200px; overflow:auto;zoom:1; background:#efefef; border-bottom:1px solid #e5e5e5;margin-top:20px;}
.tabon {float:left;width:400px; height:50px; line-height:50px;background:#1aba62;font-size:18px; color:#fff; font-weight:normal;text-align:center;}
.taboff {float:left;width:400px; height:50px; line-height:50px;background:#efefef;font-size:18px; color:#666;font-weight:normal;text-align:center;}


.pro { width: 1200px; overflow: auto; zoom: 1; margin-top:15px;}
.pro ul { margin: 0 auto; }
.pro ul li { width: 280px; float: left; margin: 5px 9px 10px 9px; display: inline; text-align: center; color: #363636; padding-bottom: 10px; border: 1px solid #ccc;-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.1);box-shadow: 0px 5px 5px rgba(0,0,0,.1); line-height:40px;font-weight:bold; height:250px; overflow:hidden; }
.pro ul li:hover { width: 280px; float: left; background: #fff; margin: 5px 9px 10px 9px; display: inline; text-align: center; color: #006600; border: 1px solid #2ab357; }
.pro ul li a { display: block; }
.pro ul li a:hover { display: block; color: #006600; }
.pro ul li img {padding: 1px; width: 278px; height: 210px; }
.pro ul li:hover img {padding:0;width: 288px; height: 212px; }


.aboutc {width:1200px;margin-bottom:10px;margin-top:20px;}
.aboutc h2 { height:40px; font-size:18px; background:#efefef;color:#ffffff; font-weight:normal; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.aboutc h2 span {display:block; float:left;height:40px;background:#215da5; padding:0 15px;line-height:40px;}
.more1 {float:right; width:38px; height:40px;}
.aboutc_con {margin:0 auto;width:1200px;height:310px;padding-top:10px;}

.about-wz {float:left;width:790px; height:300px;}
.about-wz h1 {margin:0 auto; width:790px; height:40px; line-height:40px; color:#585858; font-size:18px; text-align:left; font-weight:normal;}
.about-wz p { text-indent:0em;text-align:left;line-height:25px; color:#666; font-size:15px;}
.about-wz br { text-indent:0em;text-align:left; height:5px;line-height:5px; color:#666; font-size:1px;}
.about-tu {float:right;width:376px; height:300px;}
.about-tu img {padding: 1px; width: 370px; height: 270px; border:1px solid #ccc; -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.1);box-shadow: 0px 2px 5px rgba(0,0,0,.1); margin-top:12px;}

.about-more { float:right;width:120px; height:30px;margin-right:30px; font-size:12px; line-height:30px; text-align:center;}
.about-more a { display:block;width:120px; height:30px; background:#1aba62; color: #fff; }
.about-more a:hover { display:block;width:120px; height:30px;background:#009933; color: #fff;  }

.newsc {width:1200px;margin-bottom:10px;margin-top:20px;}
.newsc h2 { height:40px; font-size:18px; background:#efefef;color:#ffffff; font-weight:normal; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.newsc h2 span {display:block; float:left;height:40px;background:#215da5; padding:0 15px;line-height:40px;}
.newsc_con {margin:0 auto;width:1200px;height:260px;padding-top:10px;}

.new_tt_con {float:left;width:700px;height:240px;overflow:hidden;}

.new-wz {float:right;width:380px; height:224px;}
.new-wz h1 {margin:0 auto; width:380px; height:40px; line-height:40px; color:#585858; font-size:18px; text-align:left; font-weight:normal;}
.new-wz p { text-indent:0em;text-align:left;line-height:25px; color:#666; font-size:15px;}
.new-tu {float:left;width:300px; height:300px;}
.new-tu img {padding: 1px; width:300px; height: 224px;margin-top:12px;}

/*
.new-more { width:380px; height:30px; line-height:30px;color: #1aba62; font-style: normal; font-size: 12px; text-align:right; }
.new-more a { color: #1aba62; }
.new-more a:hover { color: #09b958; }
*/


.new-more { float:right;width:120px; height:30px;margin-right:30px; font-size:12px; line-height:30px; text-align:center;}
.new-more a { display:block;width:120px; height:30px; background:#1aba62; color: #fff; }
.new-more a:hover { display:block;width:120px; height:30px;background:#009933; color: #fff;  }

.new_dt_con {float:right;width:470px;height:240px;overflow:hidden; }
.new_dt_con ul {margin:0 auto;}
.new_dt_con ul li {float:left;background:url(../image/dot1.jpg) 0 16px no-repeat; padding-left:10px; line-height:38px;  font-size:18px; font-weight:normal;width:450px;overflow:hidden;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}




/*FOOT*/
#bot { width: 100%; min-width: 1200px; height: 217px; padding-top: 10px; background: #0c419a;margin-top: 20px; }
.bottom { margin: 0 auto; width: 1180px; margin-top: 10px; }
#bot strong { font-weight: normal; display: block; }
#bot h4 { font-size:20px;padding-bottom: 5px; margin-top:5px; text-align:left; font-weight: normal;}
#bot h4 a { color: #ffffff; }
#bot01 { width: 400px; float: left; }

.bot_logo {margin:0 auto;width:110px; height: 102px;}

.bot_icon { margin:0 auto;width:250px; color: #666; height: 40px; line-height: 40px;margin-top:25px; }
.bot_icon ul li {float:left;width:24px;height: 24px; line-height: 24px; margin: 8px 5px; color:#fff; border-radius: 15px;border:3px solid #d2e5fa;}
.bot_icon ul li a { display: block; width:24px;height: 24px; line-height: 24px;color:#fff;}
.bot_icon ul li.f { width:24px;height: 21px;line-height: 21px;padding-top:3px;background: #314a7e;font-size:18px; text-align:center; }
.bot_icon ul li.in { width:24px;height: 21px;line-height: 21px;padding-top:3px;background: #005882;font-size:18px; text-align:center;}
.bot_icon ul li.t { width:24px;height: 19px;line-height: 19px;padding-top:5px;background: #4c9cc1;font-size:16px; text-align:center; }
.bot_icon ul li.s { width:24px;height: 19px;line-height: 19px;padding-top:5px;background: #00aff0;font-size:18px; text-align:center; }
.bot_icon ul li.g { width:24px;height: 19px;line-height: 19px;padding-top:5px;background: #d05743;font-size:14px; text-align:center; }
.bot_icon ul li.v { width:24px;height: 19px;line-height: 19px;padding-top:5px;background: #0a819f;font-size:14px; text-align:center; }


#bot02 { width: 250px; float: left;}

.btlm {margin:0 auto;width:250px; overflow:auto; zoom:1;}
.btlm h2 {width:250px;height:50px; overflow: hidden;margin-top:1px;}
.btlm h2 span { display: block;width:170px; height: 35px;line-height:35px; text-align:left;font-weight: normal; font-size: 20px;color: #fff;}
.btlm h2 a { color: #ffffff; font-weight: normal;}
.btlm_con {margin:0 auto;width:250px;height:120px;overflow:hidden;}
.btlm_con ul {margin:0 auto;}
.btlm_con ul li {float:left;  line-height:30px; margin-right:10px;color:#333; font-size:14px; font-weight:normal;width:240px;}
.btlm_con ul li a {color:#fff;}
.btlm_con ul li a:hover {color:#fff; text-decoration:underline;}
#bot03 { width: 500px; float: left; }
#bot03 ul {width:480px; overflow:auto;zoom:1;margin-top:10px;}
#bot03 ul li { float: left; margin-top: 5px; width: 480px; }
#bot03 ul li { margin-top: 0px; line-height: 30px; font-size: 14px;  color:#fff; text-align:left;}



/*BOTTOM*/
#foot {margin:0 auto;width:100%;min-width:1200px;height:60px;background:#083787;font-size:14px; color:#fff;}
.bottom2 { margin:0 auto;width:1200px;text-align:center;height:60px; line-height:60px;}
.bottom2  a {color:#fff;}
.bottom2  a:hover {color:#fff;text-decoration:underline;}

/*PAGE*/
#page-left { float: left; width: 240px; }
.col-umn { border: 1px solid #dcdcdc; width: 238px; }
.col-umn h2 { height: 40px; padding: 7px 7px 0 15px; background: url(../image/page_left_top.jpg) no-repeat; font-weight: normal; font-size: 18px; color: #333; overflow: hidden; }
.col-umn h2 span { display: block; height: 27px; font-weight: normal; line-height: 27px; }
.col-umn_con { min-height: 30px; overflow: auto; zoom: 1; }
.column { margin: 0px 10px 5px 10px; width: 220px; }
.menu_list { width: 220px; overflow: hidden; zoom: 1; }
.menu_list .current { background: #ffffff; color: #fff; }
.menu_list .current:hover { background: #1aba62; color: #ffffff; }
.menu_list p:hover { display: block; background: #1aba62 url(../image/pro_dot2.gif) no-repeat 10px 18px; color: #ffffff; }
.menu_head { width: 202px; height: 40px; line-height: 40px; padding-left: 18px; font-size: 15px;color: #363636; cursor: pointer; border-bottom: 1px solid #e1e1e1; position: relative; margin: 0px; font-weight: normal; background: url(../image/pro_dot.gif) no-repeat 10px 18px; }
.menu_head a:hover { background: #1aba62 url(../image/pro_dot2.gif) no-repeat 10px 18px; color: #ffffff!important; }
.menu_head:hover a { background: #1aba62; color: #ffffff!important; }
.menu_body { width: 220px; height: auto; overflow: hidden; line-height: 30px; backguound: #fff; }
.menu_body a { display: block; width: 100%; height: 28px; line-height: 28px; padding-left: 30px; color: #545454; background: #fff; text-decoration: none; border-bottom: 1px dotted #e1e1e1; }
.menu_body a:hover { text-decoration: none; color: #1aba62; background: #eee; }
.page-con { border: 1px solid #dcdcdc; margin-top: 12px; width: 238px; }
.page-con h2 { height: 40px; padding: 7px 7px 0 15px; background: url(../image/page_left_top.jpg) no-repeat; font-weight: normal; font-size: 18px; color: #333; overflow: hidden; }
.page-con h2 span { display: block; height: 27px; font-weight: normal; line-height: 27px; }
.page-con_con { min-height: 50px; overflow: auto; zoom: 1; }
.pagecon { margin: 0 auto; width: 220px; margin-bottom: 10px; overflow: auto; zoom: 1; }
.pagecon ul li em { color: #339933; font-size: 14px; font-style: normal; }
.pagecon ul li { float: left; width: 220px;font-size: 14px; line-height: 25px;color:#545454; }
#page-main { float: right; width: 950px; }
.page-main { border: 1px solid #dcdcdc; width: 948px; }
.page-main h6 { height: 40px; padding: 12px 0px 0 27px; background: url(../image/page_main_top.jpg) no-repeat; font-weight: normal; font-size: 14px; color: #4d4d4d; overflow: hidden; }
.page-main h6 span { display: block; height: 27px; font-weight: normal; line-height: 27px; }
.page-main_con { min-height: 458px; overflow: auto; zoom: 1; }


/*PAGE NEWS*/
.newslist {margin:5px 20px 15px 20px;_margin:5px 8px 15px 12px;}
.newslist .time { background:#f0f6ea; width:80px; float:left; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:24px;  font-weight:bolder; text-align:center; line-height:45px; margin-top:3px;}
.newslist .time .number { width:80px; background:#1aba62; height:25px;line-height:25px; color:#FFF; font-size:14px;}
.newslist li {margin:16px 0; border-bottom:1px dotted #CCC;  padding-bottom:16px; line-height:20px; font-size:14px; color:#000; clear:both; display:block; overflow:hidden; _width:720px;}
.newslist li a { color:#999;}
.newslist li a:hover{ color:#000;}
.newslist li .titlenew { font-size:18px;line-height:27px; color:#4d4d4d;}
.newslist li .titlenew a { color:#4d4d4d; font-weight:bold; font-size:18px;}
.newslist li .titlenew a:hover { color:#17a72c;font-weight:bold; font-size:18px;}
.newslist li .textwz {float:right; width:85%; _width:80%; color:#999; font-size:14px; margin-right:25px;}
.newslist li .listnewsl {line-height:17px; margin-bottom:6px; color:#999; font-size:14px; cursor:pointer;}

.tabCont { margin: 0 10px; }
.tabCont .item { display: none; overflow: hidden; -webkit-transtion: height 500ms; transtion: height 500ms; margin-top: 15px; }
.tabCont .item .subitem { margin-bottom: 12px; height:195px; background: #f8f6f8; overflow: hidden; border: 1px solid #eee; }
.tabCont .item .subitem img { float: left; margin: 10px; width: 124px; height: 175px;}
.tabCont .item .subitem img:hover { float: left; margin:10px; width: 124px; height: 175px;}
.tabCont .item .subitem h1 { margin: 20px 0 10px 0; font-weight:normal; font-size: 22px; color: #02a21b; }
.tabCont .item .subitem p { padding-right: 23px; line-height: 28px; color: #4c4c4c; height: 160px; overflow:hidden; text-indent:0em;}
.tabCont .item .subitem:hover { margin-bottom: 12px; height: 195px; background: #f0f6ea; overflow: hidden; }
.tabCont .item .subitem:hover h1 a { margin: 32px 0 10px 0; font-weight: bold; font-size: 16px; color: #363636; }
.tabCont .item .subitem:hover p { padding-right: 23px; line-height: 28px; color: #363636; height: 160px; }

#maincontentnew { margin: 0 auto; overflow: auto; zoom: 1; width: 1200px; margin-bottom: 15px; margin-top: 15px; }
.videolist {magin:0 auto;width: 930px; overflow: auto; zoom: 1; }
.videolist ul { margin: 0 0 16px 15px; overflow: auto; zoom: 1; }
.videolist ul li { width: 286px; float: left; margin: 12px 0 10px 12px; border:1px solid #ccc; display: inline; text-align: center; color: #363636; padding-bottom: 10px; -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.1);box-shadow: 0px 5px 5px rgba(0,0,0,.1); line-height:40px;font-weight:bold; height:275px; overflow:hidden;}
.videolist ul li:hover { width: 286px; float: left; background: #fff; margin: 12px 0 10px 12px; border: 1px solid #2ab357; display: inline; text-align: center; color: #006600; }
.videolist ul li a { display: block; }
.videolist ul li a:hover { display: block; color: #006600; }
.videolist ul li img { margin-bottom: 3px; padding: 4px; width: 276px; height: 210px; }
.videolist ul li:hover img {padding:0;width: 288px; height: 218px; }
.videoplay {margin:0 auto;width: 600px; height:400px;margin-top:15px;margin-bottom:15px;}
.videoplay img {width: 600px; height:400px;}



.videolist2 {magin:0 auto;width: 930px; overflow: auto; zoom: 1; }
.videolist2 ul { margin: 0 0 16px 15px; overflow: auto; zoom: 1; }
.videolist2 ul li { width: 286px; float: left; margin: 12px 0 10px 12px; border:1px solid #ccc; display: inline; text-align: center; color: #363636; padding-bottom: 10px; -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.1);box-shadow: 0px 5px 5px rgba(0,0,0,.1); line-height:40px; font-weight:bold; height:345px; overflow:hidden;}
.videolist2 ul li:hover { width: 286px; float: left; background: #fff; margin: 12px 0 10px 12px; border: 1px solid #2ab357; display: inline; text-align: center; color: #006600; }
.videolist2 ul li a { display: block; }
.videolist2 ul li a:hover { display: block; color: #006600; }
.videolist2 ul li img { margin-bottom: 3px; padding: 4px; width: 276px; height: 380px; }
.videolist2 ul li:hover img {padding:0;width: 288px; height: 388px; }


.videolist3 {magin:0 auto;width: 930px; overflow: auto; zoom: 1; }
.videolist3 ul { margin: 0 0 16px 15px; overflow: auto; zoom: 1; }
.videolist3 ul li { width: 286px; float: left; margin: 12px 0 10px 12px; border:1px solid #ccc; display: inline; text-align: center; color: #363636; padding-bottom: 10px; -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.1);box-shadow: 0px 5px 5px rgba(0,0,0,.1); line-height:40px; font-weight:bold; height:445px; overflow:hidden;}
.videolist3 ul li:hover { width: 286px; float: left; background: #fff; margin: 12px 0 10px 12px; border: 1px solid #2ab357; display: inline; text-align: center; color: #006600; }
.videolist3 ul li a { display: block; }
.videolist3 ul li a:hover { display: block; color: #006600; }
.videolist3 ul li img { margin-bottom: 3px; padding: 4px; width: 276px; height: 380px; }
.videolist3 ul li:hover img {padding:0;width: 288px; height: 388px; }


.jishu {magin:0 auto;width: 930px; overflow: auto; zoom: 1; }
.jishu ul {margin:0px 10px 20px 10px;}
.jishu li {float:left;width:908px;background:url(../image/dot1.jpg) 0 17px no-repeat; padding-left:10px; font-size:18px; height:36px;line-height:36px;border-bottom:1px dashed #dcdcdc;overflow:hidden;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.jishu li span {float:right; color:#999;margin-left:10px;}

.contentbody-r{margin:0 auto; width:900px;margin-top:10px;}
.content-pic {float:left; width:420px;height:420px;}
.content-data {float:right; width:430px;height:420px;}
.info{padding:5px 0;}
.title h1{ font:normal 18px/16px; text-align:left; margin:0px; padding:0px; color:#02a21b; padding-bottom:2px;font-weight:normal;}
.text { font-size:14px; line-height:25px; color:#000; padding:3px 0px 10px 0px;}
.choosetip { padding-top: 5px; border-top: 1px dashed #cccccc; margin-top: 10px; height: 120px; width: 350px; }
.zxdh { width: 380px; height: 40px; line-height: 40px; color: #ff0000; font-size: 14px; margin-top: 25px;margin-left:20px;}
.zxdh a { color: #f00; font-size: 16px; font-style: normal; }
.zxdh a:hover { color: #c00; font-size: 16px; font-style: normal; }

.leave { float: left; padding-left: 10px; width:430px; color: #666; height: 40px; line-height: 40px; }
.leave ul li {float:left;width:164px;height: 40px; line-height: 40px; margin: 8px 2px;background: #1aba62; color:#fff; text-align:center; font-size:15px; }
.leave ul li a { display: block; width:164px;height: 40px; line-height: 40px;color:#fff;  }


#preview{ float:left; margin:5px auto; width:420px;border:1px dashed #ccc;padding:5px;}
.jqzoom{margin:0 auto;width:420px; height:315px; position:relative; text-align:center;}
.jqzoom img {margin-left:0px;} 

.list-h li{ float:left;}
#spec-n5{width:425px; height:70px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(http://www.huafengfabrics.com/Templates/huafeng/css/images/left.gif) no-repeat; margin-left:5px; width:14px; height:55px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(http://www.huafengfabrics.com/Templates/huafeng/css/images/right.gif) no-repeat; width:14px; height:55px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:375px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:92px;}
#spec-list ul li img{ padding:2px;border:1px solid #ccc; width:80px; height:60px;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;margin-left:100px;width:600px;height:410px;background:url(http://www.huafengfabrics.com/Templates/huafeng/css/i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:600px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:375px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}

/*CONTENT*/
.article { margin: 10px 0px 15px 0px; }
.article h1 { font-size: 24px; text-align: center; line-height: 40px; }
.article .zzxx { font-size: 14px; color: #999; text-align: center; line-height: 30px; }
.article .content { margin: 0 20px; line-height: 28px; font-size: 16px; color:#666; }
.article .content em { line-height: 24px; color: #245496; font-size: 14px; font-style: normal; }
.article .content p { text-indent: 0em; }
.article .content br { text-indent:0em;text-align:left; height:10px!important;line-height:10px!important; color:#666; font-size:10px;}
.article .content img { max-width: 880px; }
.article .content2 { margin: 0 20px; line-height: 24px; font-size: 16px; }
.article .content2 p { text-indent: 0em; }
.article .content2 br { text-indent:0em;text-align:left; height:10px!important;line-height:10px!important; color:#666; font-size:10px;}
.article .content2 img { max-width: 880px; }
.article .content2 .hong_wz { font-size: 16px; color: #ff0000; }
.pre_next { margin: 25px 30px 20px 30px; padding-top: 10px; border-top: 1px dotted #999999; overflow: auto; zoom: 1; line-height: 30px; text-align: left; font-size: 14px; }
.pn_wz { font-size: 14px; color: #303030; text-decoration: none; font-weight: bold; }

.join {margin:0 auto;width:600px; height:60px;}
.join_an { width:362px; height:49px; display:block; background:url(http://www.huafengfabrics.com/Templates/huafeng/images/join_an1.png) no-repeat; border:0; text-align:center; line-height:49px; font-size:18px; color:#fff;}
.join_an:hover {width:362px; height:49px; display:block; background:url(http://www.huafengfabrics.com/Templates/huafeng/images/join_an2.png) no-repeat; border:0;}
.apply {margin:0 auto; width:930px; overflow:auto;zoom:1;margin-top:15px; margin-bottom:20px;}
.job_box1 {width:300px;height:28px; line-height:28px; border:1px solid #ccc;}
.job_box2 {width:100px;height:28px; line-height:28px; border:1px solid #ccc;}
.job_box3 {width:500px;height:100px; line-height:28px; border:1px solid #ccc;}
.job_box4 {width:500px;height:28px; line-height:28px; border:1px solid #ccc;}


/*PAGENUM*/
.pagenum {margin:20px 20px 25px 20px; text-align:center;}
.pages {margin:0 auto;color:#999;_width:100%; _clear:both;}
.pages a {text-decoration:none;padding:5px 10px; border: 1px solid #ddd;background: #ffff;margin:0 2px; font-size:14px; color:#000;}
.pages a:hover {background-color: #99cc99; color:#fff;border:1px solid #8dc68d; text-decoration:none;}
.pages .dqy {font-weight: normal; padding:5px 10px; color: #fff; background: #17a72c; border:1px solid #009933;argin:0 2px; font-size:14px;}
.pages .nolink { text-decoration: none; padding: 5px 10px; border: 1px solid #ddd; background: #ffff; margin: 0 3px; font-size: 14px; color: #666; }

/*GUESTBOOK*/
* { margin: 0; padding: 0 }
.msg2 { clear: both; width: 900px; border-collapse: collapse;  font-size: 14px; position: relative; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; color:#545454; line-height:25px; }
.msg2 p { text-indent:0em; }
.msg { clear: both; width: 900px; border-collapse: collapse;  font-size: 14px; position: relative; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; }
.msg .prompt { width: 100%; height: 35px; line-height: 35px; background: url(../image/leavem_top.jpg) repeat-x; text-indent: 200px; }
.msg .prompt span { margin-left: 20px; color: #e70012; }
.msg table { margin-left: 20px; color: #3e3e3e; font-size: 14px; }
.msg table td { height: 60px; line-height: 60px; }
.msg form input { width: 345px; padding-left: 5px; height: 40px; line-height: 40px; border: 1px solid #dcdcdc; }
.msg form .yzm { width: 100px; padding-left: 5px; height: 40px; line-height: 40px; border: 1px solid #dcdcdc; }
.msg form select { width: 135px; height: 26px; border: 1px solid #dcdcdc; line-height: 40px; }
.msg form label { display: block; line-height: 14px; margin-bottom: 5px; }
.msg form textarea { width: 650px; height: 86px;  color: #666; padding:5px;line-height: 30px;}
.msg span.require { color: #ff0000; margin-left: 5px; }
.msg form .checkbox { width: 15px; height: 15px; margin-right: 3px; }
.msg form .t_submit { width: 95px; height: 40px; cursor: pointer; padding: 0; margin: 10px; border: none; background: #f44629; color: #fff; }
.xj_m { width: 339px; padding-left: 5px; height: 86px; border: #cdccd1 1px solid; margin-top: 7px; font-family: "Microsoft YaHei"; font-size: 14px; line-height: 16px; }
.p_ban1 { margin: 0 auto; height: 250px; width: 100%; min-width:1200px;background: url(../image/p_ban1.jpg) repeat-x; overflow:hidden;}
.p_ban2 { margin: 0 auto; height: 250px; width: 100%; min-width:1200px;background: url(../image/p_ban2.jpg) repeat-x; overflow:hidden;}
.p_ban3 { margin: 0 auto; height: 250px; width: 100%; min-width:1200px;background: url(../image/p_ban3.jpg) repeat-x; overflow:hidden;}
.p_ban4 { margin: 0 auto; height: 250px; width: 100%; min-width:1200px;background: url(../image/p_ban4.jpg) repeat-x; overflow:hidden;}
.p_ban5 { margin: 0 auto; height: 250px; width: 100%; min-width:1200px;background: url(../image/p_ban5.jpg) repeat-x; overflow:hidden;}
.p_ban6 { margin: 0 auto; height: 250px; width: 100%; min-width:1200px;background: url(../image/p_ban6.jpg) repeat-x; overflow:hidden;}