@charset "utf-8";
/* CSS Document */
.pager { float:right; margin-top:20px; height:23px; line-height:23px; width:852px; background:#D0D0D0; text-align:right; padding-right:10px;}
.pager span { color:#DA251D; text-align:right; margin:0px 4px;}
.pager span a{color:#DA251D;}
.pager span a:hover { color:#333;}

.producttype0 { width:179px; height:23px; text-indent:18px; background:#96D0EC;}
.producttype0 a{ width:179px; height:23px; line-height:23px;color:#000; display:block;}
.producttype0 a:hover{ color:#CA332A; text-decoration:none;}
.producttype1 { width:179px; height:23px; text-indent:25px; color:#000; background:#C7EDF9; display:none;}
.producttype1 a{ width:179px; height:23px; line-height:23px; display:block;}
.producttype1 a:hover{ color:#CA332A; text-decoration:none;}
#producttype0 #current a { color:#CA332A;}



#main #nav { width:921px; margin:0px auto;position:relative;}
#nav ul {list-style: none;height:54px; width:385px; margin:0px auto;}
#nav ul li {display:block;float:left;width:77px; height:54px;display:inline;}
#nav ul li img { vertical-align:bottom; display:block;}
#nav ul li a {display: block;float:left;height:54px; width:77px;}
#nav ul li .div_li {display:none;position:absolute;z-index:9999;left:0;bottom:0px;height:55px; padding-top:22px;width:921px; overflow:hidden;}

#nav ul li #div_li5 { background:url(../images/div_li.jpg) no-repeat scroll left top; padding-left:19px; width:902px;}
#nav ul li #div_li5 .txt{ width:847px; float:left; margin-right:17px; height:55px; display:block;}
#nav ul li #div_li5 .more{ float:left; width:19px; overflow:hidden; height:43px; display:block;}
#nav ul li #div_li5 .txt img{ float:left;}

#nav ul li #div_li4 { background:url(../images/div_li4.jpg) no-repeat scroll left top; width:921px;}
#nav ul li #div_li4 .txt { width:414px; padding-left:70px; padding-top:2px; color:#666; margin-right:12px; float:left;}
#nav ul li #div_li4 .news { width:375px; float:left;}
#nav ul li #div_li4 .news li { height:22px; line-height:22px; width:375px; background:url(../images/libg.jpg) no-repeat scroll left center; text-indent:10px;}
#nav ul li #div_li4 .news li a { color:#666; width:375px; height:22px; text-decoration:none;}
#nav ul li #div_li4 .news li a:hover { color:#DA251D;}
#nav ul li #div_li4 .news li span { float:right;}

#nav ul li #div_li3 { background:url(../images/div_li3.jpg) no-repeat scroll left top;}
#nav ul li #div_li3 #picScroll{ width:836px; margin:0px auto; height:44px; overflow:hidden;}
#nav ul li #div_li3 #picScroll img{ width:288px; height:38px; border:3px solid #e4e4e4;}
#nav ul li #div_li3 ul { padding-left:35px; width:885px;}
#nav ul li #div_li3 ul li{ padding:0px 5px; float:left; width:294px; height:44px;}
#nav ul li #div_li3 ul li img{ width:288px; height:38px; border:3px solid #e4e4e4;}

#nav ul li #div_li2 ul { padding-left:35px; width:885px;}
#nav ul li #div_li2 ul li{ padding:0px 2px; float:left;}
#nav ul li #div_li2 { background:url(../images/div_li2.jpg) no-repeat scroll left top; height:55PX;}
#nav ul li #div_li2 ul { padding-left:35px; width:885px;}
#nav ul li #div_li2 ul li{ float:left;}

#nav ul li #div_li1 { background:url(../images/div_li1.jpg) no-repeat scroll left top; padding-left:35px; width:885px; height:55px; overflow:hidden;}
#nav ul li #div_li1 ul { padding-left:35px; width:885px; padding-top:6px;}
#nav ul li #div_li1 ul li{ padding:0px 4px; float:left; width:90px;}

#nav ul li #div_li0 { background:url(../images/div_li0.jpg) no-repeat scroll left top; padding-left:35px; width:885px; height:55px; overflow:hidden;}
#nav ul li #div_li0 ul { width:900px; overflow:hidden;}
#nav ul li #div_li0 ul li{ margin:0px 7px; float:left; display:block; width:80px;}




/*about*/
.sub-main{ background:#dedede;}
.header{ width:100%; height:72px;  text-align:center;}
.container{ width:920px; height:532px; background:url(../images/container-bg.jpg) repeat-x scroll left top; margin:0px auto;}
.container .t{ width:920px; height:79px; text-align:center;}
.container .t img{margin-top:20px;}
.container .content{ width:862px; margin:0px auto;}
.content .tt{ width:852px; height:19px; padding-top:19px; padding-right:10px; text-align:right; overflow:hidden; color:#333;}
.content .tt a{ margin:0px 4px; color:#333;}
.content .tt a:hover{ color:#DA251D;}
.content .tt .current{ color:#DA251D;}
.content .line{ width:862px; height:15px;}
.content .line img{ display:block;}

.content .details{ width:862px; height:380px; margin:10px 0px;text-align:justify;text-justify:inter-ideograph; overflow-y:auto; color:#333;}
.content .details a{color:#f00;}
.content .about{ width:827px; height:380px; padding:0px 10px; text-align:justify;text-justify:inter-ideograph; overflow-y:auto; color:#333;}

.content .honor{ width:862px; height:380px; overflow:hidden;}
.content .honor ul li{ width:160px; height:147px; float:left; margin:3px 6px !important; margin:3px 5px;}
.content .honor ul li .pic{ width:154px; height:114px; display:block; border:3px solid #D1D1D1;}
.content .honor ul li span{ width:160px; height:27px; display:block; background:#e3e3e3; line-height:27px; text-align:center;}
.content .honor ul li a{ color:#333;}
.content .honor ul li a:hover{ color:#DA251D;}

.content .news{ width:862px; height:380px; overflow-y:auto;}
.content .news ul{ width:752px; margin:15px auto;}
.content .news ul li{ width:741px; height:27px; line-height:27px; padding-left:11px; background:#e7e7e7; border-bottom:2px solid #eee;}
.content .news ul li span{ float:right; width:89px; height:27px; display:block; text-align:center; border-left:2px solid #eee; color:#0078FF;}
.content .news ul li a{ color:#333;}
.content .news ul li a:hover{ color:#DA251D;}
.news-bot{ padding-top:10px;}
.news-bot a{ color:#333; line-height:24px;}
.news-bot a:hover{ color:#DA251D;}

.content .join{ width:828px; height:380px; margin:10px auto;}
.content .join .joind{ width:808px; padding:0px 10px;}
.content .join .join-download{ width:818px; border-top:1px dashed #838383; margin-top:20px; padding-top:10px; padding-left:10px; }
.content .join4 li{ width:380px; overflow:hidden; height:120px; padding:20px 0px 20px 34px; float:left; border-bottom:1px dashed #838383;}
.content .join4 li img{ width:154px; height:114px; margin-right:17px; border:3px solid #D1D1D1; float:left;}
.content .join4 li .txt{ width:200px; height:105px; padding-top:15px; float:left;}
.content .join4 li .txt span{ display:block; line-height:22px;}
.content .join4 li a{ color:#333; width:380px; height:120px; display:block;}
.content .join4 li a:hover{ color:#DA251D;}

.content .kitchen{ width:827px; height:380px; padding:0px 10px; text-align:justify;text-justify:inter-ideograph; overflow-y:auto; color:#333;}
.content .kitchen-pic{ width:862px; height:380px; overflow:hidden;}
#slideshow {list-style:none; color:#fff; position:relative;}
#slideshow span {display:none}
#wrapper {width:862px; display:none; margin:0px auto;}
#wrapper * {margin:0; padding:0}
#fullsize { width:367px; height:258px; position:relative; margin:0px auto 10px auto;}
#image {width:361px; height:252px; border:3px solid #d1d1d1; overflow:hidden;}
#image img {position:absolute; z-index:25; width:361px; height:252px;}
.imgnav { position:absolute;width:43px; height:271px; cursor:pointer; z-index:150}
#imgprev { /*background:url(images/bigleft.jpg) no-repeat scroll left top;*/ left:-88px;}
#imgnext { /*background:url(images/bigright.jpg) no-repeat scroll left top;*/ left:450px;}
#imglink {position:absolute; height:252px; width:361px; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px;padding-top:10px;}
#slideleft {float:left; width:25px; height:43px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#111}
#slideleft:hover {background-color:#222}
#slideright {float:right; width:25px; height:43px; background:#111 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#222}
#slidearea {float:left; position:relative; width:580px; height:43px; overflow:hidden}
#slider {position:absolute; left:0; height:41px;}
#slider img {cursor:pointer; border:3px solid #d1d1d1;  margin:0px 7px;width:39px; height:39px;}


.content .career { width:845px; height:380px; overflow-y:auto;}
.content .career .list{ width:639px; height:300px; background:#DBDBDB; margin:10px auto; }
.career .list ul{ width:630px; margin:0px auto;}
.career .list ul li{ width:630px; border-bottom:1px dashed #A1A1A1;}
.career .list li .txt2{ width:70px; height:37px; line-height:37px; text-align:center; display:block; float:left;}
.career .list li .txt1{ width:54px; height:37px; line-height:37px; text-align:center; display:block; float:left;}
.career .list input{ background:#cbcbcb; margin-top:9px;}
.career .list li .txt3{ width:125px; height:12px; padding:2px; background:#CBCBCB; border:none; float:left; vertical-align:middle;}
.career .list li .txt4{ width:309px; height:12px; padding:2px; background:#CBCBCB; border:none; float:left; vertical-align:middle;}
.career .list li .txt5{ width:309px; height:85px; background:#cbcbcb; border:none; margin:10px 0px;}

.career .btn{ width:718px; border-top:1px dashed #a1a1a1; padding-left:110px; padding-top:10px; margin-top:10px;}
.career .btn .btn1{ width:79px; height:24px; line-height:24px; color:#fff; margin-right:10px; border:none; background:url(../images/btn1.jpg) no-repeat scroll left top; cursor:pointer;}
.career .btn .btn2{ width:79px; height:24px; cursor:pointer; line-height:24px; color:#fff; border:none; background:url(../images/btn2.jpg) no-repeat scroll left top;}

.content .career .message{ width:627px; padding:10px 0px 10px 20px; height:280px; background:#DBDBDB; margin:10px auto; }
.content .career .message ul li .txt1 { width:70px; height:30px; display:block; float:left;}
.content .career .message ul li { width:627px; line-height:30px; height:30px;}
.content .career .message ul li input{ margin-top:4px;}
.content .career .message ul li .txt2{ width:269px; padding:2px; background:#CBCBCB; height:12px; border:none;}
.content .career .message ul li .txt3{ width:429px; height:109px; border:none; background:#CBCBCB; margin-top:5px;}
.content .career .btn2{ margin-right:10px;}
.content .career .btn3{ width:79px; height:24px; cursor:pointer; line-height:24px; color:#fff; border:none; background:url(../images/btn3.jpg) no-repeat scroll left top;}

.career .jobs { width:816px;}
.career .jobs ul { width:816px;}
.career .jobs ul li{ width:816px; margin-bottom:10px;}
.career .jobs ul li .t{ width:816px; height:24px; line-height:24px; display:block; color:#fff;}
.career .jobs ul li .t .t1{ width:84px; height:24px; background:#4B4B4B; text-align:center; display:block; float:left;}
.career .jobs ul li .t .t2{ width:77px; height:24px; background:#000; text-align:center; display:block; float:left;}
.career .jobs ul li .t .t3{ width:645px; height:24px; padding-right:10px; background:#DA251D; text-align:right; display:block; float:left;}
.career .jobs ul li .d{ width:806px; display:block; padding:10px 0px 10px 10px;}

.content .download ul li span{ background:none; margin-top:4px !important;padding-top:0px;}
.content .download ul li a img{margin-left:10px; vertical-align:middle;}

.content .service .career .message .txt1{ width:93px;}
.content .service .career .message .txt3{ height:139px;}

#aaa{ color:#333;}
#aaa:hover{ color:#B90204;}