@charset "utf-8";

/*@Author:Luck&Jiang*/
/*@CreatDate:2008-10-10*/
/*@Website:http://www.more-bags.com*/

* { margin:0; padding:0; }
body {margin:0px;font:normal 12px Arial, Helvetica, sans-serif;}
ul,ol,li { margin:0; padding:0; list-style:none;}
.clear { clear:both; font:0;}
a{ color:#333; text-decoration:none}
a:hover{ color:#333; text-decoration:underline}

/*---------- header ----------*/
#header{background:url(../images/bg_1.jpg) repeat;margin:auto; margin-top:10px; width:900px; height:100px;}
.l{height:100px; width:18px; background:url(../images/left_1.jpg) no-repeat; float:left}
.m{height:100px; width:864px;float:left}
.r{height:100px; width:18px; background:url(../images/right_1.jpg) no-repeat; float:left}
.logo{width:194px; height:100px; float:left;}

/*---------- nav ----------*/
#nav{ width:670px; height:28px; padding:20px 0px 0px 0px; border-bottom:1px solid #009900; float:left;}
#nav ul{width:670px; list-style-type:none;font-weight:bold;}
#nav ul li{ float:left; padding:5px 12px 0px 9px; font-size:14px;}
#nav ul li a{color:#FFF; text-decoration:none; }
#nav ul li a:hover{color:#FFFF00;border-bottom:solid 1px #FFF; display:block;}
#search{ width:670px; height:28px; padding:10px 0px; border-top:1px solid #99CC00; float:left;}
.inputbox{border:4px solid #009900; height:18px; width:300px; margin-right:5px; padding-top:2px; font-size:14px; color:#FF6600;}
.formx{width:400px; height:auto; float:left}
.flag{ width:100px; padding-top:8px;color:#fff; float:left; font-size:10px; margin-right:10px; }
.flag a{ color:#FFF; text-decoration:none}
.flag a:hover{color:#FFFF00; text-decoration:underline;}
.tel{ width:160px;font-size:16px; font-weight:bold;float:left; color:#FFFF00;}

/*---------- flash box ----------*/
#SlidePlayer {position:relative;margin: 0 auto;}
.Slides{padding: 0;margin: 0;list-style: none;height: 190px;overflow: hidden;}
.Slides li {float: left;width: 360px;height: 190px;}
.Slides img{border:0;display: block;width: 300px;height: 200px;}
.SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; top: 165px; right: 0px;z-index: 10;height: 25px;}
.SlideTriggers li{float: left;display: inline;color: #439708;text-align: center;line-height:16px;width: 16px;
height: 16px;font-family: Arial;font-size: .9em;cursor: pointer;overflow: hidden; margin:3px 6px;background: url(../images/slide_trigger.gif) no-repeat center center;}
.SlideTriggers li.Current{ color:#fff; background: url(../images/slide_trigger_c.gif) no-repeat center center;border:0; font-weight:bold;font-size: 1.4em;line-height: 21px;height: 21px;width: 21px;margin:0 6px; }

/*---------- info ----------*/
#info{width:880px; height:30px; margin:10px auto; background:#efefef; line-height:30px; padding:0px 10px; font-size:12px; }
#info .item{ float:left;}
#info .item h1{ font-size:12px;}
#info .rb{ float:right}
#info strong{color:#42A013;}

/*---------- mainbody ----------*/
#mainbody{width:900px; height:auto; margin:auto;}
.m-l{width:200px; height:auto; float:left;overflow:hidden}
.m-r{width:690px; height:auto; float:right; overflow:hidden;}
#box{width:690px; height:auto;}
.b-t{width:690px; height:10px; background:url(../images/top_1.gif) no-repeat; overflow:hidden;float:left;}
.b-c{width:688px; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC; height:auto;float:left;}
.b-c p{line-height:20px; padding: 0px 10px; margin-bottom:8px; color:#333;}
.b-c em{FONT-SIZE: 1em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING:10px 0px 10px 0px; COLOR: #674731;TEXT-ALIGN: left}
.b-b{width:690px; height:10px; background:url(../images/bom_1.gif) no-repeat; overflow:hidden;float:left;}

.tit{DISPLAY: block; padding: 0px 10px; color:#42A013; font-size:18px;}

#content1 .piandibotta SPAN {DISPLAY: block; padding: 0px 10px; color:#42A013; font-size:18px;}
#content1 IMG {FLOAT: left;MARGIN: 5px 0px 0px 0px;}
#flashcontent{DISPLAY: inline; FLOAT: left;MARGIN: 3px 10px 0px 15px;}
#content1 P {PADDING-RIGHT: 15px; PADDING-LEFT: 18px; FONT-SIZE: 12px;PADDING-BOTTOM: 5px; COLOR: #666; LINE-HEIGHT: 1.5;  TEXT-ALIGN: left}
#content1 A:link {FONT-WEIGHT: bold; COLOR: #86b41b; TEXT-DECORATION: none}
#content1 A:visited {FONT-WEIGHT: bold; COLOR: #86b41b; TEXT-DECORATION: none}
#content1 A:hover {FONT-WEIGHT: bold; COLOR: #3b4a12; TEXT-DECORATION: underline}
#content1 A:unknown {FONT-WEIGHT: bold; COLOR: #3b4a12; TEXT-DECORATION: underline}
#content1 A:active {FONT-WEIGHT: bold; COLOR: #3b4a12; TEXT-DECORATION: underline}

/*---------- p2 ----------*/
#p2{width:900px; height:auto; margin:10px auto; overflow:hidden;}
#mainbody2{width:690px; height:auto;float:left;}
.mb2-1{width:690px; height:10px; background:url(../images/top_1.gif) no-repeat; overflow:hidden;}
#content2{width:688px; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC; height:248px;}
.mb2-3{width:690px; height:10px; background:url(../images/bom_1.gif) no-repeat; overflow:hidden;}

#ul-photo {outline:0;}
#ul-photo li { float:left; display:block;text-align:center; width:120px; height:180px; overflow:hidden; border:1px solid #e4e4e4;margin-right:3px; margin-left:11px;_margin-right:7px; _margin-left:6px; margin-top:10px; text-align:center;}
#ul-photo img { width:100px; height:100px; border:0px;padding:5px 5px;_padding:5px 5px;}
#ul-photo li h3 a{ color:#333; text-decoration:none; font-size:12px; font-weight:normal;}
#ul-photo li h3 a:hover{ color:#42A013; text-decoration:none;}
#ul-photo li p { font-size:11px; color:#999; text-align:center; margin:0 7px;}
#ul-photo li em { text-align:center; font-size:11px; color:#999; text-align:left;font-style:normal; color:#42A013;}
#ul-photo li a.outer-link {display:block; width:120px; height:180px;}
#ul-photo li a {color:#000; text-decoration:none;}
#ul-photo li a.inner-link {color:#c00; text-decoration:none;}
#ul-photo li.l-1:hover, #ul-photo li.l-1 a.outer-link:hover {background:#EDF9D5; cursor:default; border:1px solid #42A013;_border:0px; }

/*---------- menu ----------*/
#tab { width:200px; overflow:hidden;}
#tab .menu{height:auto;width:200px;BACKGROUND: url(../images/menu_b.jpg) #42A013 no-repeat left bottom; color:#FFF;FONT-SIZE:11px;}
#tab .menu ul li{list-style-type:none;float: left;background: url(../images/arrow.gif) no-repeat 8px 10px;display: block;line-height:27px;border-bottom: 1px #80BE40 solid; padding-left:20px;width:180px;}
#tab .menu ul li a{height:27px;display: block; color:#fff;}
#tab .menu ul li a:hover{display: block;background:url(../images/menu_back.jpg); color:#FFFF00;}
#tab .menu .noline{ border:none;}
#tab .menu li ul li{border:none;background: url(../images/arrow1.gif) no-repeat 2px 12px; width:170px;border-bottom: 1px #57AB22 solid; padding-left:10px; }
#tab{ WIDTH:200px; height:auto; margin-right:10px;float:left;}
#tab .title{PADDING:5px 10px 5px 10px;FONT-WEIGHT: bold; FONT-SIZE: 1.4em; BACKGROUND: url(../images/menu_t.jpg) no-repeat; MARGIN: 0px; COLOR: #fff;}
#tab .content{width:200px; overflow:hidden; background:#efefef;padding-top:7px; padding-bottom:7px;line-height:24px;font-weight:normal;
BACKGROUND: url(../images/menu_b1.jpg) #EFEFEF no-repeat left bottom; font-size:12px;}
#tab .content ul{width:200px; list-style-type:none; height:auto;background:url(../images/list.gif) no-repeat top left;}
#tab .content ul li{float:left;height:26px;line-height:26px;width:170px; padding-left:30px;}
#tab .bom{float:left; width:200px; overflow:hidden; height:10px;}

/*---------- footer ----------*/
#footer{width:690px; height:40px; border-top:1px solid #DDD;padding:5px 0px 0px 0px;text-align:right; line-height:16px; margin-top:10px; float:right; background:url(../images/bank.gif) no-repeat left top;}

.page_right{width: 668px;float: left;height: auto;background: url(../images/main_about_back.gif) repeat-x top;padding: 10px 10px 5px 10px;}
.page_subject{width: 100%;height: 32px;float: left;background: url(../images/page_subject_back.gif) repeat-x 0 31px;}
.page_subject .left{width: 16px;height: 32px;float: left;background: url(../images/page_left3.gif) no-repeat top;}
.page_subject .middle{width: auto;line-height: 32px;float: left;text-align: center;background: url(../images/page_middle3.gif) repeat-x;padding: 0 5px 0 5px;font-size:12px;font-weight: bold;display: block;}
.page_subject .right{width: 16px;height:32px;float:left;background: url(../images/page_right3.gif) no-repeat top;}
.page_subject .popstion{width: auto;line-height: 32px;float: right;color: #ccc; font-family:Arial,"新宋体";}
.page_subject .popstion a{ color:#CCC;}
.page_subject .popstion a:hover{ color:#CCC;}

.list-img{ width:668px; height:auto; margin:auto;}
.list-img li{ height:auto; width:668px; border-bottom:1px dashed #efefef; margin:10px 0px 5px 0px;list-style-type:none; float:left}
.list-img img{ padding:3px;border:1px solid #EFEFEF;width:120px; height:120px;float:left; margin-right:10px;}
.list-img span{width:520px; height:138px;float:left; line-height:20px;}
.list-img h3{ font-size:12px; font-weight:bold; letter-spacing:1; margin:0px; padding:0px;}
.list-img b{font-size:12px;line-height:23px;color:#390; font-weight:normal;}

/*---------- pages ----------*/
.pages{height:20px;width:682px;}
.pages .pcount{display:inline;float:left;border-right:2px solid #CCC;line-height:13px;
font-weight:bold;color:#0861B1;font-size:11px;}
.pages .plist{float:right;padding-top:3px;line-height:17px;}
.pages .plist input {float:left;width: 30px;border: 1px solid #DDDDDD;height: 17px;}
.pages .plist #button {height: 18px;width: 30px;background-color: #42A013;border: 1px solid #36920D;color: #FFFFFF;}
.pages .plist span { float:right}
.pages .plist strong{color:#FFF;display:block;float:left;padding-left:8px;padding-right:8px;background:#42A013;border:1px solid #42A013;margin: 0px 3px 0px 0px;}
.pages .plist a{display:block;height:17px;float:left;padding-left:8px;padding-right:8px;border:1px solid #DDD;background:#FFF;
text-decoration:none;margin-right:2px;color:#000;}
.pages .plist a:hover{color:#42A013;}

/*---------- hot ----------*/
#tab .hot{width:200px; overflow:hidden; background:#efefef;font-weight:normal;
BACKGROUND: url(../images/menu_b1.jpg) #EFEFEF no-repeat left bottom; font-size:12px;}
#tab .hot ul{width:200px; list-style-type:none; height:auto;}
#tab .hot ul li{float:left;height:90px;line-height:26px;width:190px; padding-left:10px; border-top:1px solid #fff; padding-top:8px;}
#tab .hot ul li img{float:left; width:80px; height:80px; border:1px solid #DDD;}
#tab .hot ul li span{float:left; width:80px; height:80px; padding-left:5px;}
#tab .hot ul li em {text-align:center; font-size:11px; color:#999; text-align:left;font-style:normal; color:#42A013;}
#tab .hot ul li p{ padding-left:20px;font-size:11px; color:#999; text-align:left;font-style:normal; color:#42A013; background:url(../images/great.gif) no-repeat 0px 2px;}

/*---------- list_Article ----------*/
.list_Article{padding:10px 0px 10px 10px; width:668px;}
.list_Article ul{ width:100%; overflow:hidden; clear:both}
.list_Article li{ padding-left:10px; line-height:24px; list-style:none; background:url(../images/ico_2.gif) 0 6px no-repeat;overflow:hidden; border-bottom:1px dashed #DADADA; margin-bottom:7px; padding-bottom:6px;}
.list_Article li p { float:left;}
list_Article li .fc{ clear:both; font:0; height:0; overflow:hidden}
.list_Article li span{ float:right; font:10px; color:#cfcfcf;}

/*---------------------Article_contact*/
.Article_contact{width:690px;padding:10px 0px 0px 0px;}
.Article_t{margin-top:6px;width:670px;margin:auto;text-align:center;color:#000;}
.Article_t H1 {FONT-SIZE: 22px;COLOR:#000; TEXT-ALIGN: center;padding-top:6px;}
.Article_col{color:#000;width:670px;margin:auto;border-bottom:1px #CCC dashed;text-align:center; padding:5px 0px;}
.cont{line-height:24px; font-size:12px; padding:10px 0px 0px 0px; color:#000;}
.cont p{padding-bottom:10px;}

/*-------------------------latest*/
.xp{height:auto;width:690px; margin-top:10px; float:left}
.xp li{float:left;padding:0px 4px 10px 15px; list-style-type:none; width:206px;}
.xp img{padding:2px;background:efefef;border:1px solid #efefef;width:200px; height:200px; overflow:hidden}
.xp a:hover img{border:1px solid #42A013;}
.xp span{ float:left;margin:0px;width:206px; text-align:center; padding-top:10px;}

/*-------------------------Customize*/
.dz{height:auto;width:690px; margin-top:10px; float:left}
.dz li{float:left;padding:0px 5px 10px 15px; list-style-type:none; width:316px;}
.dz img{padding:2px;background:efefef;border:1px solid #efefef;width:316px; height:316px; overflow:hidden}
.dz a:hover img{border:1px solid #42A013;}
.dz span{ float:left;margin:0px;width:316px; text-align:center; padding-top:10px;}

