@charset "utf-8";
#pageBan{ width:100%; height:360px; overflow:hidden; background:url(../yf_img/pageBan.jpg) center center no-repeat; position:relative; z-index:0;}
#pageBan a{width:100%; height:360px; display:block; text-indent:-9999px;}

#pageNav{ width:100%; height:64px; border-bottom:#dadada solid 1px; line-height:64px; vertical-align:middle; position:relative; z-index:0;}
#pageNav .pageNav{width:1120px; margin:0 auto;}
#pageNav .pageNav ul{width:700px; height:64px;}
#pageNav .pageNav ul li{width:100px; text-align:center; height:64px;}
#pageNav .pageNav ul li a{color:#333; font-size:16px; height:64px; width:100px; display:block;}
#pageNav .pageNav ul li a:hover{background-color:#1e5aa4;color:#fff;}
#pageNav .pageNav ul li a.page_hover{background-color:#1e5aa4;color:#fff;}
#pageNav .pageNav p{width:400px; text-align:right; height:64px;}
#pageNav .pageNav p label{height:64px; color:#666; font-size:13px; margin-left:8px;}
#pageNav .pageNav p a{height:64px; color:#666; font-size:13px; margin:0 8px;}
#pageNav .pageNav p a:hover{color:#000;}
#pageNav .pageNav p span{height:64px; color:#666; font-size:13px;}

#pageBox{width:1120px; margin:0 auto; overflow:hidden; position:relative; z-index:0;}
#pageBox .news{width:1120px;}
#pageBox .news ul{width:350px; margin-top:25px; margin-left:35px; overflow:hidden; position:relative; z-index:1; height:280px;}
#pageBox .news ul li.news_pic{width:350px; position:relative; overflow:hidden; height:280px;}
#pageBox .news ul li.news_pic img{width:350px; display:block; height:280px;}
#pageBox .news ul li.news_txt{width:350px; position:absolute; z-index:2; background-color:#1e5aa4;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8; opacity:0.8; left:0px; top:238px; height:102px;}
#pageBox .news ul li.news_txt2{width:350px; position:absolute; z-index:3; color:#FFF; left:0px; top:238px; text-align:left; height:102px;}
#pageBox .news ul li.news_txt2 > h2{width:330px; height:42px; line-height:42px; font-weight:normal; vertical-align:middle; padding:0px 10px;}
#pageBox .news ul li.news_txt2 > h2 > a{font-size:16px; color:#FFF;}
#pageBox .news ul li.news_txt2 > h3{width:330px; height:28px; font-size:12px; color:#ccc; line-height:18px; font-weight:normal; vertical-align:middle; padding:0px 10px;}
#pageBox .news ul li.news_txt2 > h4{width:330px; height:30px; font-weight:normal; vertical-align:middle; padding:0px 10px;}
#pageBox .news ul li.news_txt2 > h4 > span{width:130px; display:block; height:22px; font-size:12px; color:#ccc; line-height:22px; vertical-align:middle; text-align:left;}
#pageBox .news ul li.news_txt2 > h4 > a{width:75px; height:20px; font-size:12px; color:#ccc; line-height:20px; vertical-align:middle; text-align:center; display:block; border:#CCC solid 1px;}
#pageBox .news ul.first_news{margin-left:0px;}

#pageBox .page{width:1120px; padding:30px 0px 20px 0px; text-align:center; font-size:13px; color:#333;}
#pageBox .page a{padding:5px 10px; margin:0 5px; border:solid 1px #ddd; font-size:13px; color:#333;}
#pageBox .page a:hover{border:solid 1px #333; color:#fff; background-color:#333;}
#pageBox .page a.page_hover{border:solid 1px #333; color:#fff; background-color:#333;}
#pageBox .page span{padding:6px 11px; margin:0 5px; font-size:13px; color:#999;}

#pageBox .showns{width:1120px; text-align:center; padding:30px 0px;}
#pageBox .showns > h1{color:#1e5aa4; font-size:18px;}
#pageBox .showns > h2{color:#999; padding:15px 0px 10px 0px; border-bottom:#ddd solid 1px; font-weight:normal; font-size:12px;}
#pageBox .showns > h2 label{margin-left:30px;}
#pageBox .showns > ul{width:1120px; padding:10px 0px; text-align:left;}
#pageBox .showns > ul > li{width:1120px; line-height:200%; font-size:14px; color:#333;}
#pageBox .showns > ol{width:1120px; border-top:#CCC dashed 1px; position:relative; padding-top:10px; text-align:left;}
#pageBox .showns > ol > li.article{width:800px; font-size:14px; color:#666; height:30px; line-height:30px; vertical-align:middle; background:url(../yf_img/sub_icon.png) 5px center no-repeat; text-indent:20px;}
#pageBox .showns > ol > li.article > a{font-size:14px; color:#666;}
#pageBox .showns > ol > li.article > a:hover{color:#000;}
#pageBox .showns > ol > li.article > a span{font-size:14px; margin-left:20px; color:#666;}
#pageBox .showns > ol > li.artback{width:80px; height:24px; position:absolute; right:0px; top:30px; text-align:center;}
#pageBox .showns > ol > li.artback > a{width:80px; line-height:24px; vertical-align:middle; display:block; color:#FFF; font-size:12px; background-color:#1e5aa4; height:24px;}
#pageBox .showns > ol > li.artback > a:hover{background-color:#333;}

#pageBox .prod{width:1120px; padding-top:10px; text-align:center;}
#pageBox .prod ul{width:265px; margin-top:10px; margin-left:20px;}
#pageBox .prod ul li.pr_pic{width:245px; padding:10px; height:245px;}
#pageBox .prod ul li.pr_pic img{width:245px; height:245px; -webkit-box-shadow: 3px 3px 3px #c9c6c0; -moz-box-shadow: 3px 3px 3px #c9c6c0; box-shadow: 3px 3px 3px #c9c6c0; display:block;}
#pageBox .prod ul li.pr_pic img:hover{box-shadow:none;}
#pageBox .prod ul li.pr_pic img.pro_hover{box-shadow:none;}
#pageBox .prod ul li.pr_txt{width:265px; text-indent:10px; padding:5px 0px 20px 0px; text-align:left;}
#pageBox .prod ul li.pr_txt a{font-size:16px; color:#333;}
#pageBox .prod ul li.pr_txt a:hover{color:#1e5aa4;}
#pageBox .prod ul li.pr_txt a.prod_hover{color:#1e5aa4;}
#pageBox .prod ul.first_pr{margin-left:0px;}
#pageBox .prod ul:hover{box-shadow:0px 0px 5px 3px #c9c6c0;}

.showpc{ width:1120px; float:left; position:relative;}
.showpc > .pro_right{width:590px; position:absolute; right:0px; top:0px;}
.showpc > .pro_right > h1{width:590px; height:40px; line-height:40px; float:left; vertical-align:middle; color:#000; font-weight:normal; font-size:14px; border-bottom:#ddd solid 1px;}
.showpc > .pro_right > h2{width:590px; height:40px; line-height:40px; float:left; vertical-align:middle; color:#666; font-weight:normal; font-size:14px; border-bottom:#ddd solid 1px;}
.showpc > .pro_right > h2 label{margin-left:20px;}
.showpc > .pro_right > h3{width:590px; padding:10px 0px; line-height:30px; color:#666; float:left; font-size:13px; font-weight:normal; display:block; border-bottom:dashed #CCC 1px;}
.showpc > h4{width:1120px; float:left; margin-top:15px; height:30px; border-bottom:#ddd solid 1px; font-weight:normal;}
.showpc > h4 > p{width:100px; float:left; height:30px; line-height:30px; text-align:center; vertical-align:middle; background-color:#eee; font-size:14px; color:#000;}
.showpc > h5{width:1120px; float:left; padding:20px 0px 10px 0px; color:#333; font-size:14px; font-weight:normal;}

#pageBox .cont{width:1120px; padding-top:20px; text-align:center;}
#pageBox .cont > h1{width:1120px; height:106px; margin-top:20px; background:url(../yf_img/contactti.jpg) center top no-repeat;}
#pageBox .cont > ul{width:373px; height:134px; margin-top:20px; background:url(../yf_img/cont_line.png) right center no-repeat;}
#pageBox .cont > ul li{width:100%; height:67px; line-height:67px; vertical-align:middle; text-align:left; color:#333; font-size:14px; text-indent:85px;}
#pageBox .cont > ul li.cont_01{background:url(../yf_img/coni1.jpg) 40px center no-repeat;}
#pageBox .cont > ul li.cont_02{background:url(../yf_img/coni2.jpg) 40px center no-repeat;}
#pageBox .cont > ul li.cont_03{background:url(../yf_img/coni3.jpg) 40px center no-repeat;}
#pageBox .cont > ul li.cont_04{background:url(../yf_img/coni4.jpg) 40px center no-repeat;}
#pageBox .cont > ul li.cont_05{background:url(../yf_img/coni5.jpg) 40px center no-repeat;}
#pageBox .cont > ul li.cont_06{background:url(../yf_img/coni6.jpg) 40px center no-repeat;}
#pageBox .cont > ul.end_cont{background-image:none;}
#pageBox .cont > form{width:1120px; margin-top:20px; height:375px; background-color:#f3f3f3; text-align:left;}
#pageBox .cont > form h2{width:1120px; font-weight:normal; margin-top:28px; height:40px; line-height:40px; vertical-align:middle; text-indent:105px; font-size:24px; color:#666;}
#pageBox .cont > form h2 label{font-size:18px;}
#pageBox .cont > form span{width:150px; margin-top:12px; height:32px; line-height:32px; vertical-align:middle; display:block; text-indent:75px; font-size:14px; color:#666;}
#pageBox .cont > form p{width:88px; margin-top:12px; height:32px; line-height:32px; vertical-align:middle; display:block; text-align:right; font-size:14px; color:#666;}
#pageBox .cont > form input{width:410px; color:#333; font-size:14px; text-indent:10px; margin-top:12px; border:solid 1px #ddd;border-radius:5px; height:30px; line-height:30px; vertical-align:middle; background-color:#FFF;}
#pageBox .cont > form input.inp_addr{width:910px;}
#pageBox .cont > form textarea{width:890px; color:#333; padding:10px; font-size:14px; margin-top:12px; border:solid 1px #ddd;border-radius:5px; height:90px; line-height:160%; background-color:#FFF;}
#pageBox .cont > form input.put_sbt{width:120px; color:#FFF; cursor:pointer; font-size:14px; text-indent:0px; margin-top:16px; border-radius:none; border:none; height:30px; line-height:30px; vertical-align:middle; background-color:#1e5aa4;}
#pageBox .cont > form input.put_sbt:hover{background-color:#333;}
#pageBox .cont > ol{width:1120px; margin-top:20px; height:500px; overflow:hidden;}
#pageBox .cont > ol > li{width:1120px; height:500px;}

#pageBox .appli{width:1120px; padding-top:10px; text-align:center;}
#pageBox .appli ul{width:320px; height:260px; margin-top:20px; position:relative; z-index:1; border:#ddd solid 1px; padding:8px; overflow:hidden; margin-left:50px;}
#pageBox .appli ul li.app_pic{width:320px; height:210px; overflow:hidden;}
#pageBox .appli ul li.app_pic img{width:320px; height:210px; display:block;}
#pageBox .appli ul li.app_bg{width:336px; position:absolute; z-index:2; height:276px; left:0px; top:276px; background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6; opacity:0.6;}
#pageBox .appli ul li.app_bg2{width:336px; position:absolute; z-index:3; height:276px; left:0px; top:276px; background:url(../yf_img/zoom.png) center 40% no-repeat;}
#pageBox .appli ul li.app_bg2 a{width:336px; height:276px; display:block; text-indent:-9999px;}
#pageBox .appli ul li.app_txt{width:320px; height:42px; line-height:42px; vertical-align:middle; position:absolute; z-index:4; left:8px; top:226px;}
#pageBox .appli ul li.app_txt a{width:320px; height:42px; background-color:#eee; color:#000; font-size:14px; display:block;}
#pageBox .appli ul li.app_txt a:hover{background-color:#F00; color:#FFF;}
#pageBox .appli ul li.app_txt a.app_hover{background-color:#F00; color:#FFF;}
#pageBox .appli ul.first_app{margin-left:0px;}

#pageBox .showap{width:1120px; padding-top:20px; text-align:left;}
#pageBox .showap > h2{width:1120px; padding:15px 0px; border-bottom:#ddd solid 1px; font-size:18px; color:#333;}
#pageBox .showap > ul{width:1120px; padding:20px 0px;}
#pageBox .showap > ul >li{width:1120px; text-align:left; line-height:160%; color:#333; font-size:14px;}
#pageBox .showap > ol{width:1100px; position:relative; font-size:14px; color:#333; padding:10px; background-color:#eee;}
#pageBox .showap > ol li.ap_left{width:800px; height:30px; line-height:30px; vertical-align:middle; text-indent:10px; background:url(../yf_img/star2.jpg) left center no-repeat;}
#pageBox .showap > ol li.ap_left a{font-size:14px; color:#333;}
#pageBox .showap > ol li.ap_left a:hover{color:#000;}
#pageBox .showap > ol li.ap_right{width:100px; position:absolute; right:20px; top:25px; line-height:30px; text-align:center; vertical-align:middle; height:30px;}
#pageBox .showap > ol li.ap_right a{width:100px; background-color:#1e5aa4; border-radius:5px; display:block; color:#FFF; font-size:14px; height:30px;}
#pageBox .showap > ol li.ap_right a:hover{background-color:#333;}

#pageBox .only{width:1120px; padding:20px 0px 0px 0px; text-align:left; font-size:14px; color:#333; line-height:160%;}

#pageBox .honor{width:1120px; padding-top:10px; text-align:center;}
#pageBox .honor ul{width:255px; padding:4px; border:solid 1px #ddd; margin-top:20px; margin-left:20px;}
#pageBox .honor ul li.hr_pic{width:255px; height:300px; overflow:hidden;}
#pageBox .honor ul li.hr_pic img{width:255px; height:300px;}
#pageBox .honor ul li.hr_txt{width:255px; height:36px; line-height:36px; margin-top:4px; vertical-align:middle;}
#pageBox .honor ul li.hr_txt a{font-size:14px; color:#333; width:255px; height:36px; display:block; background-color:#eee;}
#pageBox .honor ul li.hr_txt a:hover{color:#fff; background-color:#1e5aa4;}
#pageBox .honor ul li.hr_txt a.honor_hover{color:#fff; background-color:#1e5aa4;}
#pageBox .honor ul.first_hr{margin-left:0px;}
#pageBox .honor ul:hover{border:solid 1px #1e5aa4;}

#pageBox .scence{width:1120px; float:left; overflow:hidden; padding-top:10px; text-align:center;}
#pageBox .scence > ul{width:255px; padding:4px; border:solid 1px #ddd; margin-top:20px; margin-left:20px;}
#pageBox .scence > ul > li.sc_pic{width:255px; height:180px; overflow:hidden;}
#pageBox .scence > ul > li.sc_pic img{width:255px; height:180px;}
#pageBox .scence > ul > li.sc_txt{width:255px; height:36px; line-height:36px; margin-top:4px; vertical-align:middle;}
#pageBox .scence > ul > li.sc_txt a{font-size:14px; color:#333; width:255px; height:36px; display:block; background-color:#eee;}
#pageBox .scence > ul > li.sc_txt a:hover{color:#fff; background-color:#1e5aa4;}
#pageBox .scence > ul > li.sc_txt a.scence_hover{color:#fff; background-color:#1e5aa4;}
#pageBox .scence > ul.first_sc{margin-left:0px;}
#pageBox .scence > ul:hover{border:solid 1px #1e5aa4;}

div.pagination { width:100%; float:left; text-align:center; padding:20px 0px; font-size:13px;}
div.pagination a{
     padding:5px 10px;
     margin:0px 5px;
     border:1px solid #ddd;
     text-decoration: none;
     color:#333;
	 font-size:13px;
	 display:inline-block;
}
div.pagination a:hover, div.pagination a:active {
     border:1px solid #333;
     color:#fff;
	 background-color:#333;
	 font-size:13px;
	 display:inline-block;
}
div.pagination a.current {
     padding:5px 10px;
     margin:0px 5px;
     border: 1px solid #333;
     font-weight: bold;
     background-color: #333;
     color:#FFF;
	 font-size:13px;
	 display:inline-block;
     }
div.pagination a.disabled {
     padding:5px 10px;
     margin:0px 5px;
     border:1px solid #ddd;
     color:#DDD;
	 display:inline-block;
	 font-size:13px;
}