@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
body{font-size:14px; color:#333; background:url(../images/bg.jpg) top center fixed;}
a{color:#333; text-decoration:none;}
a:hover{color:#f63;}
ul,ol,li{list-style:none;}
img{border:0;}
.whole{width:100%; background:#f5f5f5;}
.center{width:1000px; margin:0 auto;}
.left{width:220px; float:left;}
.right{width:750px; float:right;}
.clear{clear:both;}

.header{width:1000px; height:138px; margin:0 auto;}
.header .logo{float:left;}
.header .name{float:left; padding-top:54px;}
.header .tel{float:right; padding-top:54px;}
.header .search{float:right; clear:right; padding-top:13px;}
.header .search input[type=text]{background:none; border:solid #cd9422 1px; width:180px; height:24px; padding:0 5px; float:left; color:#fff;}
.header .search input[type=submit]{background:url(../images/search.png) center no-repeat #cd9422; width:46px; height:26px; border:none; float:left; cursor:pointer;}

.menu{width:100%; min-width:1000px; height:58px; background:url(../images/menu.png) center;}
.menu ul{width:1000px; margin:0 auto;}
.menu li{float:left; font-size:15px; line-height:58px;}
.menu li a{display:block; padding:0 38px; color:#ff0;}
.menu li a:hover{color:#333; background:url(../images/current.png) center no-repeat;}
.menu li.current a{color:#333; background:url(../images/current.png) center no-repeat;}

.banner{width:100%; min-width:1000px; margin-top:20px; height:454px; position:relative;}
.banner .rslides{width:100%; height:454px;}
.banner .rslides li{width:100%; height:454px;}
.banner .slide_nav{position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:52%; left:30px; filter:alpha(opacity=20); opacity:0.2; z-index:3; text-indent:-9999px; overflow:hidden; text-decoration:none; height:61px; width:38px; background:url("../images/i.gif") no-repeat left top; margin-top:-50px;}
.banner .slide_nav:hover{opacity:0.3; filter:alpha(opacity=30);}
.banner .slide_nav.next{left:auto; background-position:right top; right:30px;}

.product{width:100%; min-width:1000px; background:#f5f5f5; padding:40px 0;}
.product .prSort{ width:100%; clear:both; height:50px;}
.product .prSort li{text-align:center; font-size:16px; display:inline-block; float:left; background:#ddd; width:14%; height:50px; line-height:50px; color:#333; margin-right: 2%; cursor:pointer;}
.product .prSort li:hover{background:#fc3;}
.product .prSort .hover{background:#fc3;}
.product .prSort .hover:hover{background:#fc3;}
.product .prList{background:#c93; margin-top:20px; height:344px;}
.product .prList ul{padding:4px;}
.product .prList ul li{width:240px; float:left; padding:4px;}
.product .prList ul li img{width:240px; height:160px; float:left;}

.about{width:100%; min-width:1000px; height:380px; overflow:hidden;}
.about .aboutBox{width:1000px; margin:0 auto; position:relative;}
.about .aboutBox .aboutText{width:560px; padding:20px 0; line-height:34px; color:#eee;}
.about .aboutBox .aboutText h3{font-size:16px; font-weight:normal;}
.about .aboutBox .aboutImg{width:740px; height:380px; position:absolute; left:600px; top:0; background:url(../images/about.png) left top no-repeat;}

.office{width:100%; min-width:1000px; background:#f5f5f5; padding:40px 0;}
.office .officeTop{text-align:center; background:url(../images/line.png) center no-repeat; font-size:22px; color:#333;}
.office .officeBox{width:1000px; overflow:hidden; margin-top:20px;}
.office .officeBox ul{width:1030px;}
.office .officeBox ul li{width:232px; float:left; margin-right:24px;}
.office .officeBox ul li img{width:230px; border:solid #bbb 1px;}
.office .officeBox ul li p{text-align:center;}

.footer{width:1000px; margin:0 auto; padding:20px 0;}
.footer .footlink{width:880px; margin:0 auto; text-align:center; color:#eee; border-bottom:solid #666 1px; padding-bottom:20px;}
.footer .footlink a{margin:0 15px; color:#eee;}
.footer .footbox{text-align:center; line-height:34px; padding-top:10px; color:#eee;}
.footer .footbox a{color:#eee;}

/*---Contents---*/
.leSort{width:220px; background:#010101;}
.leSort .sortNav{height:88px; background:url(../images/sort.jpg) right; position:relative; font-size:16px; color:#fc3;}
.leSort .sortNav .cnspan{position:absolute; left:88px; top:33px;}
.leSort .sortNav .enspan{position:absolute; left:118px; top:55px;}
.leSort .sortList{}
.leSort .sortList li{border-top:solid #333 1px;}
.leSort .sortList li a{line-height:50px; padding-left:50px; display:block; color:#eee;}
.leSort .sortList li a:hover{background:#d19622;}

.leContact{width:228px; margin-top:30px; border:solid #ddd 1px; background:#f8f8f8;}
.leContact .conNav{height:72px; background:url(../images/leContact.jpg) top center no-repeat; color:#137e14;}
.leContact .conNav .cnli{font-size:16px; padding:13px 0 0 115px;}
.leContact .conNav .enli{font-size:16px; font-family:Arial; padding:5px 0 0 128px;}
.leContact .conContents{line-height:26px; padding:5px 8px;}

.riNav{border-bottom:solid #bbb 1px; line-height:38px; padding:0 5px;}
.riNav .navText{float:left; font-size:16px; color:#333;}
.riNav .navLoat{float:right;}

.riAbout{line-height:35px; padding:20px 10px; text-indent:2em;}
.riContact{line-height:30px; padding:20px;}

.riProduct{width:750px; min-height:408px;}
.riProduct ul{padding-top:10px;}
.riProduct ul li{width:175px; float:left; padding:8px 6px;}
.riProduct ul li img{width:170px; height:140px; border:solid #ccc 1px; padding:3px; background:#fff;}
.riProduct ul li p{line-height:24px; text-align:center; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; }

.productShow{padding-top:30px;}
.productShow .picture{text-align:center;}
.productShow .picture img{width:500px; border:solid #ccc 1px; padding:8px; background:#fff;}
.productShow .detail{padding-top:20px; line-height:26px;}
.productShow .detail h3{font-size:16px;}

.news{padding-top:6px; min-height:500px;}
.news li{line-height:32px; border-bottom:dashed #bbb 1px; padding:0 5px;}
.news li a{display:block; padding:0 5px;}
.news li span{float:right;}

.newsShow{padding-top:15px;}
.newsShow .showTitle{line-height:26px; border-bottom:dashed 1px #bbb;}
.newsShow .showTitle h4{font-size:15px; text-align:center;}
.newsShow .showTitle p{text-align:right;}
.newsShow .showContent{line-height:26px; padding-top:8px; text-indent:2em;}

.page{padding-top:20px;}
.page li{float:left; border:1px solid #ccc; padding:0px 5px; line-height:20px; margin-right:10px;}
.page .current{border:1px solid #ccc; background:#f2f2f2; padding:0px 5px;}
.udpage{padding-top:20px;}

.feedback{padding:16px;}
.feedback td{padding:5px; line-height:22px;}
.feedback td input{height:22px; line-height:22px; width:180px; border:solid #cd9422 1px; padding:0 5px;}
.feedback td.vcode input{width:50px;}
.feedback td.vcode img{vertical-align:middle;}
.feedback td textarea{border:solid #cd9422 1px; margin:5px 0; padding:5px; line-height:22px;}
.feedback td button{border:0; width:88px; line-height:28px; text-align:center; border-radius:4px; color:#fff; cursor:pointer; margin-right:16px;}
.feedback td button[type=submit]{background:#eb6100;}
.feedback td button[type=reset]{background:#a8a8a8;}