/* CSS Document */

body{ background:url(../images/page_bg.jpg) fixed; font: 16px/1.5 "宋体", Arial; }
/* banner */
.pbanner{ width:100%; height:650px; overflow:hidden; position:relative; }
.pbanner .hd{ height:15px; overflow:hidden; position:absolute; bottom:10px; left:50%; margin-left:-70px; z-index:1; }
.pbanner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.pbanner .hd ul li{ float:left; margin-right:10px;  width:30px; height:5px; line-height:14px; text-align:center; background:#333; cursor:pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.pbanner .hd ul li.on{ background:#cc0033; color:#fff; width:50px; }
.pbanner .bd{ position:relative; height:100%; z-index:0;   }
.pbanner .bd li{ zoom:1; vertical-align:middle; }
.pbanner .bd img{ width:1920px; height:650px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.pbanner .prev,
.pbanner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=100);opacity:1.0;   }
.pbanner .next{ left:auto; right:3%; background-position:8px 5px; }
.pbanner .prev:hover,
.pbanner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.pbanner .prevStop{ display:none;  }
.pbanner .nextStop{ display:none;  }


.pagetit{ width:1200px; margin:0 auto; background:url(../images/page_tit_bg.png) center no-repeat; padding:50px 0; }
.pagetit ul{ text-align:center; }
.pagetit ul li{ width:60px; height:60px; line-height:60px; display:inline-block; _display:inline; *display:inline; zoom:1; font-size:44px; border:1px solid #ff9999; position:relative; }
.pagetit ul li::after{ content:""; position:absolute; border-left:1px solid #ff9999; left:49%; top:0; width:1px; height:60px; z-index:-1; }
.pagetit ul li::before{ content:""; position:absolute; border-top:1px solid #ff9999; left:0; top:49%; width:60px; height:1; z-index:-1; }
.pagetit p{ text-align:center; font-size:18px; color:#333333; margin-top:30px; }
.pagetit p strong{ display:block; font-size:30px; }

.pcontent{ width:1200px; margin:0 auto; background:url(../images/page_side.png) top center no-repeat #fff; padding-top:50px; }
/*.pcontent img{ width:800px;}*/




.submenu{ text-align:center; }
.submenu li{ width:173px; height:59px; display:inline-block; _display:inline; *display:inline; zoom:1; margin:0 30px; }
.submenu li a{ display:block; line-height:59px; background:url(../images/submenu_bg.png) 0 0 no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.submenu li a:hover{ background-position:0 -59px; }

.contentbox{ padding:50px; }

.proList{ padding-bottom:50px; overflow:hidden; }
.proList li { width:33.3%; float:left; margin-bottom:30px; position:relative; }
.proList li a.buy{ width:80px; height:40px; display:block; line-height:40px; font-size:16px; color:#fff; background:#f00; position:absolute; right:12%; bottom:5%; z-index:9; border:none; text-align:center; margin:0; padding:0; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}
.proList li a:hover.buy{ background:blue; }
.proList li a{ display:block; overflow:hidden; margin:0 30px; border:1px solid #ddd; padding:15px; }
.proList li a img{ width:100%; height:200px; display:block; margin:0 auto; }
.proList li a h2{ font-size:16px; font-weight:100; padding:15px 0 0 0; }
.proList li a em{ display:inline-block; width:10%; height:5px; background:#ddd; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.proList li a:hover{ border-color:#f00; }
.proList li a:hover em{ background:#f00; width:50%; }
.proList li a:hover img{ -webkit-opacity:0.5; -moz-opacity:0.5; opacity:0.5; }

.newsList{ padding-bottom:50px; }
.newsList li{ margin:20px 0; overflow:hidden; }
.newsList li a{ display:block; overflow:hidden; border:1px solid #ddd; }
.newsList li a .date{ width:8%; background:#DD4E4E; text-align:center; padding:15px 0; float:left; color:#fff; }
.newsList li a .date span{ display:block; font-size:50px; padding:15px 0; }
.newsList li a h2{ width:80%; float:left; margin-left:2%; font-size:22px; font-weight:100; padding-top:20px; }
.newsList li a p{ width:80%; float:left; margin-left:2%; padding-top:10px; }
.newsList li a .arrow{ width:5%; float:right; text-align:center; font-size:12px; line-height:200%; border-left:1px solid #ddd;border-bottom:1px solid #ddd; }
.newsList li a:hover, .newsList li a:hover .arrow{ border-color:#ff9999; color:#cc3333; }
.newsList li a:hover .date{ background-color:#ff9999; }

.pageSign{ padding-bottom:40px; font-size:14px; }
.pageSign a:hover{ background:#ff9999; color:#fff; border:none; }

.footer{ width:100%; color:#fff; text-align:center; }
.footer .side{ height:22px; background:url(../images/footer_side.png) repeat-x; }
.footer .contact{ background:#303030; font-size:14px; padding:30px 0; line-height:200%; }
.footer .copyright{ font-size:12px; color:#ccc; background:#1b1b1b; padding:10px 0; }
.footer a{ color:#fff; }
.footer a:hover{ color:#f00; }


.detail{ text-align:center; background:#f6f6f6; margin-top:40px; }
.detail h2{ font-size:30px; padding:30px 30px 0 30px; font-weight:100; }
.detail span{ font-size:12px; color:#666; line-height:50px; display:inline-block; }

.newsMore{ font-size:16px; border-top:1px solid #ddd; padding:30px 0; text-align:center; }

.path{ font-size:14px; margin-top:-50px; color:#000; }
.path i{ font-size:24px; padding-right:6px; }