﻿/*清零*/
* { padding: 0; margin: 0; }
img { border: 0; }
ul { list-style: none; }
/*公共的*/
.clear { clear: both; }
body { background: rgb(235,235,233) url(../images/bg.jpg) repeat scroll 0% 0%; }
a, input, p, div, li, p { color: #505050; text-decoration: none; font-size: 12px; }
a:hover { color: #ff0000; text-decoration: underline; }
.page{ text-align:center;}
.input{border:1px #ddd solid;width:152px;height:20px;line-height:20px;background:#fbfbfb;}
/*母板*/
#warp { width: 1002px; margin: 0 auto; }

#top { min-height: 520px; position: relative;  z-index:1}
#top .logo { width: 214px; height: 66px; top: 19px; left: 31px; position: absolute; }

#top .nav { width: 734px; height: 53px; top: 19px; left: 225px; position: absolute; }
#top .nav > ul { height: 54px; }
#top .nav > ul > li { float: left; font: 14px/54px 'microsoft yahei' ,Verdana,Arial; width:121px; }
#top .nav a { display: block; background: url(../images/menu.png) no-repeat; width: 121px; text-align: center; }
#top .nav a:hover { color: #fff; background: url(../images/menubgnow.png) no-repeat; }
#top .nav > ul > li > ul { display: none; z-index:2;  }
#top .nav > ul > li > ul li{ height:48px;z-index:2;}
#top .nav > ul > li > ul.navcate { display:none; position:relative; left:-50px; z-index:2; width:242px;  }
#top .nav > ul > li > ul.navcate li {z-index:2; float:left;  }

#top .banner { height: 444px; top: 76px; left: 0px; position: absolute; z-index: -1; }
#s1_container { width: 970px; padding: 10px; margin: 0 auto; position: relative; z-index: 0; }
#s1_example { width: 990px; height: 380px; position: relative; }
#s1_ribbon { position: absolute; top: -3px; left: -15px; z-index: 0; }
#s1_frame { position: absolute; z-index: 0; width: 1002px; height: 409px; top: -3px; left: -12px; }
#s1_slides { position: absolute; top: 15px; left: 4px; z-index: -1; }
.slides_container { width: 970px; overflow: hidden; position: relative; display: none; }
.slides_container a { width: 970px; height: 372px; border: 0; display: block; }
.slides_container a img { display: block; border: 0; }
.pagination { position: absolute; z-index: 0; margin: 0; width: 100px; top: 400px; left: 450px; }
.pagination li { float: left; margin: 0 1px; list-style: none; border: 0; }
.pagination li a { display: block; width: 18px; height: 0; border: 0; padding-top: 18px; background-image: url(../images/s1-pagination.png); background-position: 0 0; float: left; overflow: hidden; }
.pagination li.current a { background-position: 0 -18px; border: 0; }

#content { position: relative; }
#content .topbg{background:url(../images/topbg.gif); height:47px; position:relative; top:4px;}
#content .cbg{background:url(../images/cbg.png) repeat-y; padding:10px 0 0  22px;}
#content .footbg{background:url(../images/footbg.jpg); height:25px;}
#bottom { height: 169px; background-image: url(../images/bbg.png); position: relative; }
#bottom .link { width: 954px; height: 59px; top: 29px; left: 24px; position: absolute; padding: 10px; }
#bottom .link > ul > li { float: left; padding: 3px 10px 3px 0px; }
#bottom .foot { width: 908px; height: 69px; top: 105px; left: 43px; position: absolute; text-align: center; line-height: 25px; }
/*首页*/

#content .about { width: 939px; height: 177px; top: 22px; left: 34px; position: absolute; }
#content .about .pic { float: left; display: block; padding: 2px; margin: 7px 15px 3px 0; }
#content .about .title { font: bold 12px/28px simsun,Arial; }
#content .about .title:hover { text-decoration: underline; color: #ff6600; }
#content .about .memo { font: 12px/23px simsun,Arial; color: #505050; }

#content .tit { height: 25px; margin: 1px; line-height: 25px; padding-left: 25px; font-size: 12px; }
#content .tit .l { float: left; font-weight: bold; }
#content .tit .r { float: right; margin-right: 10px; }
#content .tit .r a:hover { color: #ff0000; text-decoration: underline; }

#content .pro { position: absolute; width: 755px; height: 190px; top: 200px; left: 23px; }
#content .pro .list { position: relative; }
#content .pro .list .l { background: url(../images/arrow8.png) no-repeat 0px 0px; left: 0px; float: left; width: 18px; cursor: pointer; position: absolute; height: 26px; top: 52px; }
#content .pro .list .r { background: url(../images/arrow8.png) no-repeat -18px 0px; right: 0px; float: right; width: 18px; cursor: pointer; position: absolute; height: 26px; top: 52px; }
#content .pro .list .c { width: 706px; margin-left: 23px; overflow: hidden; }
#content .pro .list .box { float: left; text-align: center; }
#content .pro .list .fang { padding: 3px; margin: 4px; border: 1px #ddd solid; }
#content .pro .list .box > a { display: block; height: 36px; overflow: hidden; width: 135px; color: #505050; font: 12px/36px SimSun,Arial,Sans-Serif; text-decoration: none; }
#content .pro .list .box a:hover { color: #ff6600; text-decoration: underline; }
#content .news { width: 359px; height: 178px; top: 393px; left: 24px; position: absolute; }
#content .know { width: 359px; height: 181px; top: 392px; left: 419px; position: absolute; }

#content .newlist > li { padding-left: 18px; background: transparent url(../images/newslist20.png) left no-repeat; }
#content .newlist > li > div { float: right; font: 12px/26px Verdana,Arial,simsun; color: #999; }
#content .newlist > li > a { width: 300px; text-decoration: none; font: 12px/26px simsun, Arial,Verdana; color: #505050; display: block; float: left; overflow: hidden; height: 26px; }
#content .newlist > li > a:hover { color: #ff0000; text-decoration: underline; }

#content .rpic { width: 190px; height: 376px; top: 199px; left: 790px; position: absolute; }
#content .rpic .word { text-align: center; margin: 4px 12px 0px 12px; }
#content .rpic .word a { font-size: 12px; }
/*left1*/
#left1 { width: 210px; float:left }
#left1 .title { height: 38px; color:#fff; background: url(../images/title.jpg) repeat-x; padding-left: 15px; font: 14px/38px Verdana,microsoft yahei,Arial; }
#left1 .titlemenu { padding: 10px 10px 10px 5px; }
#left1 .titlemenu a { display: block; font: 12px/26px Verdana,microsoft yahei,Arial, Helvetica, sans-serif; height: 26px; text-align: left; background: url(../images/dot2.jpg) 0px 0px no-repeat; padding-left: 13px; }
#left1 .titlemenu a:hover { color: #ff0000; text-decoration: none; }

#right{width:729px; padding-left:17px; float:left}
#right .title{height: 38px; color:#fff; background: url(../images/title.jpg) repeat-x; padding-left: 20px; font: 12px/38px Verdana,microsoft yahei,Arial;}
#right .title a,#right .title a:hover{color:#fff}
#right .r_con{width: 704px; padding:20px 10px;font:12px/22px Verdana, Arial, Helvetica, sans-serif;color:#333}
#right .r_con>img{float: left; padding-right: 25px; display: block; width:275px;}
#right .r_con >p{white-space: pre-wrap; *white-space: pre; *word-wrap: break-word;}
#right .r_con .prolist>li{float:left;padding:0px 10px 10px 0px; width:166px}
#right .r_con .fang{padding:3px;border:1px #CBCBCB solid;width:160px;height:120px}
#right .r_con .fang img{width:160px; height:120px}
#right .r_con .name{overflow: hidden;text-align:center; width:160px;margin:0 auto;height:25px; line-height:25px}
#right .r_con .newlist>li{padding-left:20px; height:36px;font-size: 12px;overflow: hidden;line-height:28px;background:url(../images/line.jpg) 0px 0px no-repeat;}
#right .r_con .newtit{ width:570px;height:28px; overflow:hidden; float:left;}
#right .r_con .newtit .time{width:90px;float:right; padding-right:5px;}
/*订单*/
.orderleft { width: 70px; height: 30px; line-height: 30px; float: left; text-align: right; }
.orderright { width: 255px; height: 30px; line-height: 30px; float: left; text-align: left; }
.ordertxtal { width: 70px; height: 160px; line-height: 160px; float: left; text-align: right; }
.ordertxtar { width: 550px; height: 160px; float: left; text-align: left; }
.ordertxtar textarea { resize: none; height:150px; width:420px; }
.mesleft { width: 60px; height: 30px; line-height: 30px; float: left; text-align: right; }
.mesright { width: 390px; height: 30px; line-height: 30px; float: left; text-align: left; }
.mestxtal { width: 60px; height: 160px; line-height: 160px; float: left; text-align: right; }
.mestxtar { width: 390px; height: 160px; float: left; text-align: left; }
.mestxtar textarea { resize: none; }
.imemode { ime-mode: disabled; }