body {margin:0 auto;background: #eee url(../images/bg.gif) fixed;}

body,td,th { color: #333; font:13px "Microsoft YaHei", "宋体"; }
p{ margin-bottom:2px;}
h2 {margin: 5px 0 12px 0; padding-bottom:6px; border-bottom:1px solid #ccc; text-align:center; }

a:hover{color:#09f; text-decoration:underline;}

.content_main { font:14px/24px "宋体"; }
.content_main img{ margin: 6px}
.content_main p { text-indent:2em;}

.content_news { font:14px/24px "宋体"; }
.content_news img{ margin: 6px}
.content_news p { margin:0; }

.content_main1 { color:#333; font:13px/22px "Microsoft YaHei", "宋体"; }
.content_main1 p{ margin:0 0 8px; }

.readmore { color: #c00; text-decoration: underline; }

* a:hover { text-decoration: none; LEFT: 1px; POSITION: relative; TOP: 1px }
.piclink2 img {
 FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; }
.piclink2:hover img {
 FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

a.more:link { color: #666; text-decoration: none; }
a.more:visited { color: #666; text-decoration: none; }
a.more:hover { color: #666; text-decoration: underline; }
a.more:active { color: #666; text-decoration: none; }

.pageno { font:13px "宋体"; margin:15px 0 0; text-align:center;}
.pageno a{ text-decoration:none; color:#333; border:1px solid #ddd; background:#f5f5f5; padding:3px 6px 2px; margin:3px;}

#works { text-align:center; margin:20px 0 0 0;}
#works p { float:left; margin:10px 20px 40px; width:320px; height:180px; background:#FFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: #999 1px 2px 3px;
-moz-box-shadow: #999 1px 2px 3px;
box-shadow: #999 1px 2px 3px;

behavior: url(../css3.htc);
position:relative;
z-index:113;  
}
#works p span a{ color:#333; text-decoration:none; display:block; position:relative; top:185px; z-index:112;}
#works p span a:hover { color:#09F; text-decoration:underline;}

.t3 { color: #999; font-size: 12px; line-height: 22px; text-align:center }
.t2 { line-height: 22px; font-weight: bold; }

.t1 { color: #666; line-height: 23px; }
a.t1:link { text-decoration: none; }
a.t1:visited { color:#666; text-decoration: none; }
a.t1:hover { color:#09f; text-decoration: underline; }

.t1_lxx { color: #666; line-height: 23px; }
a.t1_lxx:link { text-decoration: none; }
a.t1_lxx:visited {color:#666; text-decoration: none; }
a.t1_lxx:hover { color:#09f; text-decoration: underline; }

.t4_box { font-size: 12px; color:#cccccc; border: 1px solid #808080; background-color: #212324; }
.add { font-size: 13px; color: #666; }
a.add:link { text-decoration: none; }
a.add:visited { text-decoration: none; }
a.add:hover { text-decoration: underline; }
a.add:active { text-decoration: none; }
.box_01 { font-size: 12px; color:#666; }
.box1 { width:980px; margin:0 auto;}
.box2 { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #d7d7d7; border-right-color: #d7d7d7; border-bottom-color: #d7d7d7; border-left-color: #d7d7d7; padding:8px 10px}
.box3 { border:1px solid #d7d7d7; width:100%; background: url(../images/main_title_bg_gray.gif) repeat-x top; margin-top:7px;}



option { font-size: 12px; }
select { font-size: 12px; }
.main_title { font-size: 13px; font-weight: bold; color: #FFF; text-indent:26px; }

.title { font-size: 16px; font-weight: bold; }
.urlname { font-size: 12px; text-indent: 16px; }

.menu_21 { text-indent:35px; background: #ddd url(../images/left_title2.gif) no-repeat left center; margin:1px 0; }
.menu_21 a { font-size: 13px; line-height: 28px; color: #FFF; font-weight: bold; text-decoration: none;}
a.menu_21 a:hover { text-decoration: underline; }
.menu_22 { font-size: 13px; color: #666; }
a.menu_22:link { text-decoration: underline; }
a.menu_22:visited { text-decoration: underline; }
a.menu_22:hover { text-decoration: underline; }
a.menu_22:active { text-decoration: underline; }

.menu_0 { font-size: 13px; color: #ffffff; font-weight: bold; text-transform: uppercase; }
a.menu_0:link { text-decoration: none; }
a.menu_0:visited { text-decoration: none; }
a.menu_0:hover { text-decoration: none; }
a.menu_0:active { text-decoration: none; }

.menu_1 { font-size: 13px; color: #FF9933; font-weight: bold; text-transform: uppercase; }
a.menu_1:link { text-decoration: none; }
a.menu_1:visited { text-decoration: none; }
a.menu_1:hover { text-decoration: none; }
a.menu_1:active { text-decoration: none; }

.lefttitle {	width:227px;  background:url(../images/left_title0.gif) center; text-indent:24px; font-size: 13px; line-height: 30px;	font-weight: bold; color: #fff; margin-top:4px;}
.lefttitle2 {	width:227px;  background:url(../images/left_title1.gif) center; text-indent:24px; font-size: 13px; line-height: 30px;	font-weight: bold; color: #fff; margin-top:10px;}

.pro_itemno { font-size: 14px; }
.pro_itemno2 { color:#09f; font:bold 14px/28px "宋体"; }
.pro_itemno2 span a{display:block;float:right;color:#aaa;font: normal 12px "宋体"; text-decoration:none;}
.pro_itemno2 span a:hover{ color:#09f; text-decoration:underline;}

#order p{ margin:5px 0 10px; padding:0;}
#order span { display:block; text-align:center; background:#e5f5ff; font-weight:bold; padding:2px 0; margin:5px 0 15px;}

.email { color: #666; }
a.email:link { text-decoration: none; }
a.email:visited { text-decoration: none; }
a.email:hover { text-decoration: underline }
a.email:active { text-decoration: none; }
.title_pro { color: #d2cccc; font-weight: bold; }

.menu{ clear:both; width:100%; height:44px; text-align:center; background:#1499ff url(../images/menu_bg0.gif);}

#menu { margin:0 auto; width:980px; height:44px;}
#menu ul { list-style-type:none; margin:0; padding:0; }
#menu ul li { float:left; }
.menu_1, .menu_0 { width:96px;}
.menu_1 a{ 
    color:#fff;
	text-decoration:none;
	font: bold 15px/39px "Microsoft YaHei", "宋体";
	display:block;
	background: url(../images/menu_bg1.gif);
	height:39px;
}
.menu_0 a{ 
    color:#fff;
	text-decoration:none;
	font: bold 15px/44px "Microsoft YaHei", "宋体";
	display:block;
	height:44px;
}
.menu_0 a:hover { color:#fff; background: url(../images/menu_bg1.gif) no-repeat top;}
.menu_1 a:hover { color:#fff; background: url(../images/menu_bg1.gif) no-repeat top;}

.menu_mid { background: url(../images/menu_mid.gif); height: 44px; width: 2px; }


.main_title_div{ position:relative; left:-1px; top:-5px;}

.box_left{ margin-right:10px;}

#logo{ position:absolute; margin-left:50%; left:-458px; top:28px; z-index:99;}
#back { margin: 12px 0; text-align:center}




/*HEAD and BANNER*/
#top_line { width:100%; height:25px; background:#fdfdfd url(../images/bg_topline.gif) top; text-align:center; border-bottom:1px solid #eee;}
.top_line { margin:0 auto; padding:0; width:970px; height:24px; color:#999; text-align:left; line-height:24px; background:url(../images/ico_taobao.gif) no-repeat left;}
.top_line p { margin:0; padding:0 0 0 12px; float:left;}
.top_line p a { color:#333; text-decoration:none; padding:0 8px; }
.top_line p a:hover { color:#09f; text-decoration:underline;}
#jiathis { width:150px; float:right; margin:4px 5px 0;}


#top { clear:both; width:100%; height:89px; text-align:center; background:url(../images/bg_top.gif) repeat-x bottom; margin:0; padding:0 }
.top { width:980px; height:89px; margin:0 auto; text-align:left; }

.top1 { float:left; width:568px; margin:20px 0 0;}
.top1 span { display:block; float:left;}
.top1 p {
	float:left;
	width:211px;
	height:44px;
	margin:3px 0 0 12px;
	padding:0;
	background:url(../images/logo_words.gif) no-repeat;
	color:#FFF;
	text-indent:12px;
	font:12px/22px "宋体";
	letter-spacing:1px;
}

.top2 { float:left; width:180px; margin:20px; text-align:left; }
.top2 p{ margin:0; padding:0; font: 24px/32px tahoma, Arial;}
.top2 span{ display:block;}
.top3 { float:left; margin:20px 0 0 50px; }
.top3  img { margin:8px 6px;}

#banner { width:100%; height:294px; margin-bottom:26px; background:#013559 url(../images/banner_bg.gif) no-repeat center; text-align:center;}
.banner { width:960px !important; width:980px; height:244px !important; height:294px; margin:0 auto; padding:50px 0 0 20px; text-align:left;}

/*CSS3_BOX*/
.box_gray, .box_blue, .box_yellow, .box_green, .box_bank, .box_contact { 
margin:0 0 15px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: #ccc 0px 1px 2px;
-moz-box-shadow: #ccc 0px 1px 2px;
box-shadow: #ccc 0px 1px 2px;

behavior: url(../css3.htc);
position:relative;
z-index:100;  
}

.box_gray, .box_blue, .box_yellow, .box_green, .box_bank{color:#333; font:13px/22px "宋体";}
.box_contact {color:#333; font:14px/24px "宋体";}

.box_gray,.box_bank,.box_contact {padding:12px 15px; background:#fafafa;}
.box_blue {padding:12px 15px; background:#e5f5ff;}
.box_yellow{padding:12px 15px; background:#fff5e5;}
.box_green{padding:12px 15px; background:#eff5e5;}

.box_bank { margin:15px 0;}
.box_bank p { clear:both; margin:10px 0 0 0; font:bold 13px "Microsoft YaHei", "宋体"; }
.box_bank span { display:block; clear:both; margin:20px 0;}
.box_bank span img { float:left; border:0; margin:15px; padding:2px; border:1px solid #EEE;}


.left_t_pro_1,.left_t_pro_2, .left_t_pro_3, .left_t_pro_4 {
text-align: center; width: 210px; height:46px; margin-bottom:10px;
color:#fff; font:18px/46px "Microsoft YaHei", "宋体";
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;

behavior: url(../css3.htc);
position:relative;
z-index:999;  
}

.left_t_pro_1 a, .left_t_pro_2 a, .left_t_pro_3 a, .left_t_pro_4 a { color:#FFF; text-decoration: none;}

.left_t_pro_2 { background: #09f;}
.left_t_pro_3 { background: #f90;}
.left_t_pro_4 { background: #9c3;}
.left_t_pro_1 { background: #888;}

.bg_gray_shd, .box_main_left, .box_main_right, .box_css3 {
border:1px solid #d7d7d7; background:#fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;

behavior: url(../css3.htc);
position:relative;
z-index:9999;  
}

dl,dd,dt { margin:0; padding:0;}

.bg_gray_shd { width:183px !important; width:210px; padding:8px 12px 15px 13px; margin-top:15px;}
.bg_gray_shd dl dt { color:#09f; font:16px/36px "Microsoft YaHei", "宋体"; }
.bg_gray_shd dl dd dl { margin-bottom:5px;}
.bg_gray_shd dl dd dl dt { color:#666; font: bold 12px/22px "Microsoft YaHei", "宋体"; background:url(../images/arrw_3x2.gif) no-repeat 1px center; text-indent:9px;}
.bg_gray_shd dl dd dl dd { color:#999; font: 12px/20px "Microsoft YaHei", "宋体";}

.box_main { width:770px; clear:both;}
.box_main_left, .box_main_right { width:358px !important; width:380px; min-height:264px !important; min-height:284px; padding:10px; margin-bottom:10px; font:14px/24px "宋体"; }

.box_main_left dl dd p {margin:0 0 5px 0; padding:0;}
.box_main_left dl dd p em { color:#666;}
.box_main_left dl dd p a { color:#09f; text-decoration:underline;}

.box_main_left dl dd img { margin:8px 10px 5px 5px;}
.box_main_left dl dt, .box_main_right dl dt, .box_css3 dl dt { color:#000; font:16px/35px "Microsoft YaHei", "宋体"; text-indent:9px; background:url(../images/arrw_3x5.gif) no-repeat 1px center;}
.box_css3 dl dt { margin:0 0 8px;}

.box_main_right ul,.box_main_right ul li { list-style:none; margin:5px 0 10px 0; padding:0; color:#666; font:13px/20px "宋体"; }
.box_main_right ul li span{ color:#333; background:#eee; padding:2px 5px; font-size:14px;}

.box_main_left { float:left;}
.box_main_right { float:right;}

.box_css3 { clear:both; width:728px !important; width:770px; padding:10px 20px 20px; margin-bottom:20px; }
.box_css3 dd { color:#333; font:14px/24px "宋体"; margin:0; padding:0;}

/*NEWS FAQ*/
.faq_1 {}
.faq_1 p{ clear:both; margin:0; padding:0; color:#333; font:13px/28px "宋体";}
.faq_1 p span { display:block; float:left; margin-right:6px; width:22px; text-align:right;}
.faq_1 a { color:#333; }
.faq_1 a:hover { color:#09f; text-decoration:underline;}

.news { clear:both; padding-right:6px; height:26px;}
.news p{ float:left; padding:0; margin:0; text-indent:10px; background:url(../images/arrw_4x4.gif) no-repeat 1px center;}
.news p a { color:#333; text-decoration:none; line-height:26px;}
.news p a:hover { color:#09f; text-decoration:underline;}
.news span { display:block; line-height:26px; color:#999; font-size:11px; float:right;}


.news1 p { width:86px; height:66px; margin:8px 8px 3px; padding:0; float:left; background:url(../images/img_news.gif) no-repeat;}
.news1 span { display:block; margin-bottom:8px; color:#09f;}
.news1 span a{ display:block; color:#666; font: italic 14px/21px "宋体";}
.news1 span a:hover{ color:#09f; text-decoration:underline;}

.news2 { clear:both; background:url(../images/arrw_4x4.gif) no-repeat 1px center; text-indent:10px;}
.news2 a { color:#333; text-decoration:none; line-height:26px;}
.news2 a:hover { color:#09f; text-decoration:underline;}
.news2 span { color:#999; font:11px;}

/*FOOT*/
#end { clear:both; width:100%; padding-top:15px; height:86px !important; height:101px; background:#333 url(../images/bg_end.gif); text-align:center;}
.end1 { width:980px; margin:0 auto; color:#fff; font:14px/24px "宋体";}
.end2 { width:980px; margin:0 auto; color:#999; font:12px/24px "宋体";}
.end2 a { color:#999; text-decoration:none; padding:0 6px;}
.end2 a:hover { color:#09f; text-decoration:underline;}
.end2 span a { color:#09f;}
.end3 { color:#666; font-size:12px; margin:5px 0 0 0;}
.end3 a{ color:#666;}
.end3 a:hover{ color:#09F;}

.menu_end { width:100%; min-height:210px; margin:20px auto 0; background:#d7d7d7 url(../images/bg_menu_end_2.gif) repeat-x bottom; padding-bottom:15px;}
.menu_end  p{ margin:0; width:100%; height:7px; overflow:hidden; background:url(../images/bg_menu_end_1.gif) repeat-x top; }

#menu_end  { width:980px; margin:0 auto; }
#menu_end dl { list-style-type:none; margin:0 12px 20px 0; padding:0; width:145px; text-align:left; float:left; }
#menu_end dl dt { color:#000; font:15px/24px "Microsoft YaHei", "宋体"; padding:12px 0 4px;}
#menu_end dl dd { padding:2px 0 2px 4px; margin:0; background:url(../images/arrw_3x2.gif) no-repeat 5px center; text-indent:8px;}
#menu_end dl dd a{ display:block; color:#666; font:13px/22px "Microsoft YaHei","宋体"; text-decoration:none;}
#menu_end dl dd a:hover { text-decoration:underline; color:#09f;}
#menu_end dl dd span { display:block; color:#666; text-align:center; position: relative; margin-left:-8px;}

.clear { clear:both;}


/*Home-Works-Scroll*/
.img-scroll { position:relative; margin:9px auto 0; width:718px;}
.img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:30px; height:126px; background-color:#fafafa; top:0; color:#999; text-align:center; line-height:126px; font-size:30px;}
.img-scroll .prev { left:0}
.img-scroll .next { right:0}
.img-list { position:relative; width:640px; height:126px; margin-left:40px; overflow:hidden}
.img-list ul {list-style:none; margin:0; padding:0; width:9999px; }
.img-list li {list-style:none; margin:0; padding:0; float:left; display:inline; width:205px; margin-right:12px; height:126px; background-color:#BDBDDF; text-align:center; line-height:126px;}

/*Home-Whyus-Scroll*/
.cls_container {
width: 190px;
font-size: 12px;
height: 63px;
overflow: hidden;
}
.cls_container ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 2px;
}
.cls_container ul li {
height: 63px;
line-height: 21px;
width: 190px;
float: left;
display: inline;
}
.cls_container ul li p{ margin:0; padding:0;}