@charset "utf-8";
#pageban{height:300px; overflow:hidden; z-index:0; position:relative;}
#pagebox{width:1170px; margin:0 auto; position:relative; z-index:0;}
#pagebox .subnav{width:100%; text-align:center; float:left; margin-top:15px;}
#pagebox .subnav a{display:inline-block; padding:15px 20px; font-size:18px; color:#000;}
#pagebox .subnav a:hover{color:#005aab;}
#pagebox .subnav a.sub_hover{color:#005aab;}
#pagebox .prod_list{width:1170px; float:left; margin-top:15px;}
#pagebox .prod_list ul{width:360px; text-align:center; margin-left:45px; float:left;}
#pagebox .prod_list ul li.pr_pic{width:360px; height:203px; overflow:hidden; position:relative; float:left;}
#pagebox .prod_list ul li.pr_pic img{width:360px; height:203px; display:block;}
#pagebox .prod_list ul li.pr_txt{width:360px; padding:15px 0px; float:left;}
#pagebox .prod_list ul li.pr_txt a{font-size:15px; color:#333;}
#pagebox .prod_list ul li.pr_txt a:hover{color:#005aab;}
#pagebox .prod_list ul.fst_pr{margin-left:0px;}
#pagebox .fypage{width:100%; float:left; text-align:center; margin-top:15px; color:#333; font-size:14px;}
#pagebox .fypage a{padding:5px 10px; display:inline-block; border:solid 1px #ddd; margin:0 5px; color:#333; font-size:14px;}
#pagebox .fypage a:hover{border:solid 1px #333; background-color:#333; color:#FFF;}
#pagebox .fypage a.fy_hover{border:solid 1px #333; background-color:#333; color:#FFF;}
#pagebox .fypage span{padding:6px 11px; display:inline-block; color:#999; font-size:14px;}
#pagebox .fypage label{padding:6px 11px 6px 0px; display:inline-block; color:#999; font-size:14px;}

#pagebox .sidebar{width:270px; float:left; margin-top:30px;}
#pagebox .sidebar > h1{width:100%; float:left; padding:20px 0px; text-align:center; background-color:#005aab; font-weight:normal;}
#pagebox .sidebar > h1 p{width:100%; color:#FFF; padding-bottom:2px; font-size:24px; float:left; }
#pagebox .sidebar > h1 span{width:100%; display:inline-block; padding-top:2px; color:#FFF; font-size:20px; float:left; }
#pagebox .sidebar > ul{width:248px; border:solid 1px #ddd; text-align:left; border-top:none; padding:0 10px 10px 10px; float:left;}
#pagebox .sidebar > ul > li{width:100%; border-bottom:#ddd solid 1px; float:left;}
#pagebox .sidebar > ul > li a{width:100%; padding:10px 0px; display:inline-block; text-indent:15px; color:#333; font-size:15px; background:url(../yf_img/star2.png) left center no-repeat; float:left;}
#pagebox .sidebar > ul > li a:hover{color:#ee1b22; background:#f5f5f5 url(../yf_img/star.png) 5px center no-repeat; text-indent:20px;}
#pagebox .sidebar > ul > li a.side_hover{color:#ee1b22; background:#f5f5f5 url(../yf_img/star.png) 5px center no-repeat; text-indent:20px;}

#pagebox .proinfo{width:870px; float:right; margin-top:30px;}
#pagebox .proinfo > h1{width:100%; float:left; padding:10px 0px; font-weight:normal; border-bottom:solid 1px #ddd; color:#666; font-size:13px; text-align:right;}
#pagebox .proinfo > h1 > a{color:#666; font-size:13px;}
#pagebox .proinfo > h1 > a:hover{color:#005aab;}
#pagebox .proinfo > h1 > label{padding:0px 10px; display:inline-block;}
#pagebox .proinfo > h2{width:100%; text-align:center; color:#005aab; font-size:18px; font-weight:normal; float:left; padding:20px 0px;}
#pagebox .proinfo > ul{width:870px; float:left;}
#pagebox .proinfo > ul > li.inof_pic{width:270px; height:152px; overflow:hidden; position:relative; float:left;}
#pagebox .proinfo > ul > li.inof_pic img{width:270px; height:152px; display:block;}
#pagebox .proinfo > ul > li.inof_pic2{width:270px; height:190px; overflow:hidden; position:relative; float:left;}
#pagebox .proinfo > ul > li.inof_pic2 img{width:270px; height:190px; display:block;}
#pagebox .proinfo > ul > li.inof_txt{width:570px; line-height:180%; color:#333; font-size:14px; text-align:left; float:right;}
#pagebox .proinfo > ol{width:864px; background-color:#FFF; padding:2px; margin-top:20px; text-align:left; border:solid #ddd 1px; float:left;}
#pagebox .proinfo > ol > li.of_tit{width:864px; height:36px; font-weight:bold; line-height:36px; vertical-align:middle; float:left;}
#pagebox .proinfo > ol > li.of_tit label{width:100px; height:36px; display:inline-block; background-color:#f5f5f5; font-size:15px; color:#000; text-indent:10px; float:left;}
#pagebox .proinfo > ol > li.of_tit span{width:660px; margin-left:2px; height:36px; display:inline-block; background-color:#f5f5f5; font-size:15px; color:#000; text-indent:10px; float:left;}
#pagebox .proinfo > ol > li.of_tit p{width:100px; margin-left:2px; height:36px; background-color:#f5f5f5; font-size:15px; color:#000; text-align:center; float:left;}
#pagebox .proinfo > ol > li.of_cen{width:864px; vertical-align:middle; float:left;}
#pagebox .proinfo > ol > li.of_cen > label{width:90px; display:block; font-size:13px; padding:10px 0px 10px 10px; color:#000; float:left;}
#pagebox .proinfo > ol > li.of_cen > span{width:630px; margin-left:2px; line-height:160%; padding:10px; display:inline-block; font-size:13px; color:#000; float:left;}
#pagebox .proinfo > ol > li.of_cen > a{width:80px; margin-left:2px; text-align:center; font-size:13px; color:#0457b2; display:inline-block; padding:10px; float:right;}
#pagebox .proinfo > ol > li.of_cen > a:hover{color:#333;}

#pagebox .showpr{width:870px; float:right; margin-top:30px;}
#pagebox .showpr > h1{width:100%; float:left; padding:10px 0px; font-weight:normal; border-bottom:solid 1px #ddd; color:#666; font-size:13px; text-align:right;}
#pagebox .showpr > h1 > a{color:#666; font-size:13px;}
#pagebox .showpr > h1 > a:hover{color:#005aab;}
#pagebox .showpr > h1 > label{padding:0px 10px; display:inline-block;}
#pagebox .showpr > h2{width:100%; text-align:center; color:#005aab; font-size:18px; font-weight:normal; float:left; padding:20px 0px;}
#pagebox .showpr > ul{width:870px; float:left; text-align:left;}
#pagebox .showpr > ul > li{width:100%; font-size:14px; color:#333; line-height:180%; float:left;}
#pagebox .showpr > ol{width:870px; float:left; margin-top:20px; text-align:left;}
#pagebox .showpr > ol > li{width:100%; font-size:14px; color:#333; line-height:180%; float:left;}

#pagebox .nwlist{width:1170px; float:left; text-align:left;}
#pagebox .nwlist ul{width:1170px; float:left; padding:30px 0px; border-bottom:solid 1px #ddd;}
#pagebox .nwlist ul li.datetime{width:70px; float:left; text-align:center;}
#pagebox .nwlist ul li.datetime span{width:70px; float:left; height:50px; line-height:50px; vertical-align:middle; background-color:#ccc; color:#FFF; font-size:30px;}
#pagebox .nwlist ul li.datetime p{width:70px; float:left; margin-top:2px; height:30px; line-height:30px; vertical-align:middle; background-color:#ccc; color:#FFF; font-size:16px;}
#pagebox .nwlist ul li.nws_list{width:740px; float:left; margin-left:30px;}
#pagebox .nwlist ul li.nws_list a.nws_tit{width:100%; display:inline-block; padding-bottom:10px; font-size:18px; color:#000; float:left;}
#pagebox .nwlist ul li.nws_list a.nws_tit:hover{color:#F00;}
#pagebox .nwlist ul li.nws_list p{width:100%; font-size:14px; line-height:180%; color:#333; float:left;}
#pagebox .nwlist ul li.nws_list a.nws_mor{float:left; margin-top:10px; padding:5px 10px; background-color:#CCC; font-size:14px; color:#FFF; display:inline-block;}
#pagebox .nwlist ul li.nws_list a.nws_mor:hover{background-color:#F00;}
#pagebox .nwlist ul li.nws_pic{width:300px; height:216px; float:right; position:relative; overflow:hidden;}
#pagebox .nwlist ul li.nws_pic img{width:300px; height:216px; display:block;}

#pagebox .showns{width:100%; float:left;}
#pagebox .showns > h2{width:100%; font-weight:normal; float:left; padding:20px 0px 30px 0px; text-align:center; color:#000; font-size:24px;}
#pagebox .showns > h3{width:100%; background-color:#fbfbfb; border-bottom:solid 1px #ddd; border-top:solid 2px #98a6a6; height:40px; line-height:40px; vertical-align:middle; font-weight:normal; position:relative;}
#pagebox .showns > h3 > span{width:500px; display:block; float:left; height:40px; text-indent:20px; color:#333; font-size:13px;}
#pagebox .showns > h3 > p{width:200px; display:block; height:40px; text-align:right; color:#333; font-size:13px; float:right; position:relative;}
#pagebox .showns > ul{width:100%; padding:15px 0px; border-bottom:solid 1px #ddd; text-align:left; float:left;}
#pagebox .showns > ul > li{width:100%; line-height:200%; color:#333; font-size:14px; float:left;}
#pagebox .showns > ol{width:100%; margin-top:10px; position:relative; float:left;}
#pagebox .showns > ol li.shns_lnk{width:80%; height:30px; line-height:30px; vertical-align:middle; background:url(../yf_img/star4.png) left center no-repeat; text-indent:15px; float:left;}
#pagebox .showns > ol li.shns_lnk a{font-size:14px; color:#333;}
#pagebox .showns > ol li.shns_mor{width:15%; height:60px; position:absolute; text-align:right; z-index:1; right:0px; top:0px;}
#pagebox .showns > ol li.shns_mor a{padding:7px 20px; display:inline-block; margin-top:11px; border:solid 2px #ddd; text-align:center; color:#333; font-size:15px;}
#pagebox .showns > ol li.shns_mor a:hover{border:solid 2px #005aab; color:#005aab;}

#pagebox .market{width:870px; float:right; margin-top:30px;}
#pagebox .market > h1{width:100%; float:left; padding:10px 0px; font-weight:normal; border-bottom:solid 1px #ddd; color:#666; font-size:13px; text-align:right;}
#pagebox .market > h1 > a{color:#666; font-size:13px;}
#pagebox .market > h1 > a:hover{color:#005aab;}
#pagebox .market > h1 > label{padding:0px 10px; display:inline-block;}
#pagebox .market > h2{width:100%; float:left; font-size:14px; color:#333; font-weight:normal; padding:20px 0px; line-height:180%;}
#pagebox .market > ul{width:198px; margin-left:26px; float:left; text-align:center;}
#pagebox .market > ul li.mkt_pic{width:198px; height:198px; float:left; position:relative; overflow:hidden;}
#pagebox .market > ul li.mkt_pic img{width:198px; height:198px; display:block;}
#pagebox .market > ul li.mkt_txt{width:198px; padding:15px 0px; float:left;}
#pagebox .market > ul li.mkt_txt a{font-size:15px; color:#333;}
#pagebox .market > ul.fst_mkt{margin-left:0px;}

#pagebox .market2{width:870px; float:right; margin-top:30px;}
#pagebox .market2 > h1{width:100%; float:left; padding:10px 0px; font-weight:normal; border-bottom:solid 1px #ddd; color:#666; font-size:13px; text-align:right;}
#pagebox .market2 > h1 > a{color:#666; font-size:13px;}
#pagebox .market2 > h1 > a:hover{color:#005aab;}
#pagebox .market2 > h1 > label{padding:0px 10px; display:inline-block;}
#pagebox .market2 > h2{width:100%; float:left; font-size:14px; color:#333; font-weight:normal; padding:20px 0px; line-height:180%;}
#pagebox .market2 > ul{width:198px; margin-left:26px; float:left; text-align:center;}
#pagebox .market2 > ul li.mk_pic{width:198px; height:140px; float:left; position:relative; overflow:hidden;}
#pagebox .market2 > ul li.mk_pic img{width:198px; height:140px; display:block;}
#pagebox .market2 > ul li.mk_txt{width:198px; padding:15px 0px; float:left;}
#pagebox .market2 > ul li.mk_txt a{font-size:15px; color:#333;}
#pagebox .market2 > ul.fst_mk{margin-left:0px;}

#pagebox .market2 > dl{width:870px; float:left; text-align:center;}
#pagebox .market2 > dl dt{width:100%; height:140px; float:left; position:relative; overflow:hidden;}
#pagebox .market2 > dl dt img{width:100%; height:140px; display:block;}
#pagebox .market2 > dl dd.cp_tx{width:100%; padding:15px 0px; float:left;}
#pagebox .market2 > dl dd.cp_tx a{font-size:15px; color:#333;}
#pagebox .market2 > dl dd.cp_tc{width:100%; text-align:left; float:left; line-height:180%; color:#666; font-size:13px;}
#pagebox .market2 > dl dd.cp_tc *{color:#666; font-size:13px;}
#pagebox .market2 > dl dd.cp_lk{width:100%; float:left; text-align:center; padding:10px 0px;}
#pagebox .market2 > dl dd.cp_lk a{padding:7px 20px; border-radius:10px; background-color:#005aaa; font-size:14px; color:#fff; display:inline-block;}
#pagebox .market2 > dl dd.cp_lk a:hover{background-color:#eb1c26;}

#pagebox .market2 > ol{width:415px; margin-left:40px; float:left; text-align:center;}
#pagebox .market2 > ol li.m_pc{width:415px; float:left; height:140px;position:relative; overflow:hidden;}
#pagebox .market2 > ol li.m_pc img{width:415px; height:140px; display:block;}
#pagebox .market2 > ol li.m_tx{width:100%; text-align:left; float:left; padding:15px 0px;}
#pagebox .market2 > ol li.m_tx a{font-size:15px; color:#333;}
#pagebox .market2 > ol li.m_tc{width:100%; text-align:left; float:left; line-height:200%; color:#666; font-size:13px;}
#pagebox .market2 > ol li.m_tc *{color:#666; font-size:13px;}
#pagebox .market2 > ol li.m_lk{width:100%; float:left; text-align:left; padding:25px 0px;}
#pagebox .market2 > ol li.m_lk a{padding:7px 20px; border-radius:10px; background-color:#005aaa; font-size:14px; color:#fff; display:inline-block;}
#pagebox .market2 > ol li.m_lk a:hover{background-color:#eb1c26;}
#pagebox .market2 > ol.fst_cp{margin-left:0px;}

#pagebox .job_cen{width:98%; padding:1%; font-weight:normal; padding:10px; background-color:#f8f8f8; line-height:180%; color:#000; font-size:13px; float:left;}
#pagebox .joblist{width:1170px; margin-top:30px; float:left;}
#pagebox .joblist > ul{width:1170px; border-bottom:solid 2px #FFF; text-align:left; float:left;}
#pagebox .joblist > ul > li.job_tit{width:1100px; cursor:pointer; padding:0 35px; height:50px; line-height:50px; vertical-align:middle; background-color:#e8e8e8; float:left;}
#pagebox .joblist > ul > li.job_tit > span{width:400px; height:50px; color:#333; font-size:15px; display:block; float:left;}
#pagebox .joblist > ul > li.job_tit > label{width:100px; height:50px; text-align:center; color:#333; font-size:15px; display:block; float:left;}
#pagebox .joblist > ul > li.job_tit > p{width:450px; text-indent:300px; height:50px; color:#333; font-size:15px; display:block; float:left;}
#pagebox .joblist > ul > li.job_tit > a{width:150px; color:#333; font-size:15px; text-indent:40px; background:url(../yf_img/up.png) right center no-repeat; height:50px; display:block; float:left;}
#pagebox .joblist > ul > li.job_cen{width:1100px; display:none; padding:20px 35px; background-color:#f5f5f5; border-top:solid 2px #FFF; float:left;}
#pagebox .joblist > ul > li.job_cen > h2{width:480px; padding-right:60px; font-weight:normal; padding-bottom:20px; background:url(../yf_img/job_line.png) right 27px no-repeat; float:left;}
#pagebox .joblist > ul > li.job_cen > h2 > span{width:100%; height:56px; line-height:56px; vertical-align:middle; display:inline-block; font-size:15px; color:#333; font-weight:bold; float:left;}
#pagebox .joblist > ul > li.job_cen > h2 > p{width:100%; font-size:14px; color:#666; line-height:200%; float:left;}
#pagebox .joblist > ul > li.job_cen > h3{width:500px; padding-bottom:20px; font-weight:normal; float:right;}
#pagebox .joblist > ul > li.job_cen > h3 > span{width:100%; height:56px; line-height:56px; vertical-align:middle; display:inline-block; font-size:15px; color:#333; font-weight:bold; float:left;}
#pagebox .joblist > ul > li.job_cen > h3 > p{width:100%; font-size:14px; color:#666; line-height:200%; float:left;}