﻿@charset "utf-8";
@import url("../Rib/CssRib/Base.css");


a:focus, a:hover { color:#006699; text-decoration:underline; }

/*首页容器*/
.santi #CONTAINER { width: 940px; background: #ffffff; margin: 0 auto; text-align: left; color: #000000; height:auto; }

/*首页头部*/
.santi #HEADER { margin:0 auto; height:121px; width:940px; background-attachment: fixed; background-repeat: repeat-x; padding: 0; }

.santi #HEADER #LOGO { background: url(logo.jpg) no-repeat; margin: 0px; padding: 0px; height: 95px; width: 190px; float:left; }

.santi #HEADER #LOGO span { float:right; margin-left:-1000px; display:none; }

.santi #HEADER #TOPMENU { float:left; width:750px; margin-top:62px; }

.blueline { background: url(bluelinebg.jpg); margin: 0px; padding: 0px; height: 25px; }

/*首页抬头动画*/
.santi #FLASH { width:100%; height:216px; background-image: url(flsh_bj.jpg); background-repeat: repeat-x; float: left; background-attachment: scroll; }

/*首页抬头右侧*/
.santi #FLASHRIGHT { width:249px; height:216px; float: right; }

.santi #FLASH1 { width:100%; margin:0 auto; height:142px; background: url(banner.jpg) no-repeat; }

/*首页主题内容底层*/
.santi #MAINPAGE { width:940px; height:auto; margin-top:5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; }

/*首页右侧*/
.santi #MAINPAGE #SIDEBAR { float: right; width:263px; background-color:#fff; }

.santi #MAINPAGE #SIDEBAR2 { float: left; width:237px; background-color:#fff; border: 1px solid #F0F0F0; }

/*首页底部样式*/
.santi #FOOTER { width:930px; height:113px; margin:0 auto; background-attachment: scroll; background-image: url(foot.jpg); background-repeat: repeat-x; padding:5px; clear: both; }

/*首页联系我们样式*/
.contactusbg { background: url(contactusbg.jpg) no-repeat; width: 263px; height: 260px; }

.cntactustgwz { width: 97%; padding-top:40px; margin-top: 20px; margin-bottom: 50px; }

.cntactustgwz p { text-indent:5px; }

/*首页左侧底层*/
.santi #MAINPAGE #MAINCONTENT { FLOAT:left; WIDTH:660px; }

.santi #MAINPAGE #MAINCONTENT2 { FLOAT:right; WIDTH:680px; }

/*网站首页左侧*/
#productcat { width:100%; height:auto;}

/*产品展示菜单box样式*/
#productcat .mid { margin: 0 auto; padding:auto; width: 98%; background-attachment: scroll; background-image: url(productcatmid.jpg); background-repeat: repeat-y; border: 1px solid #E6E6E6; float:left; }

#productcat .mid2 {
	margin:auto;
	padding:10px;
	width: 96%;
	background-attachment: scroll;
	background-image: url(productcatmid.jpg);
	background-repeat: repeat-y;
	border: 1px solid #E6E6E6;
	float: right;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}

/*首页关于我们样式*/
#productcat .btm { margin:0 auto; width: 98%; background: url(productcatbtm.jpg) no-repeat; height: 200px; width: 650px; float:left; min-height:200px; overflow:hidden;}

/*首页产品展示菜单样式*/
.vlist { width:100%; margin:10px auto; }

.vlist ul { margin:0; padding:0; list-style:url(none) none outside; }

.vlist ul li { line-height:23px; text-align:left; font-size: 11px; list-style-type: none; font-family: Tahoma; color: #000000; background-image: url(products_li.jpg); background-repeat: repeat-x; text-indent: 2px; float: left; height: 23px; width: auto; margin:5px; background-attachment: scroll; border: 1px solid #CCCCCC; }

.vlist ul li a { text-decoration:none; color:#000000; font-weight:normal; height: auto; margin-right: 10px; margin-bottom: 1px; margin-left: 10px; }

.vlist ul li a:hover { color: #335787; }

.vlist ul li ul { margin:0; margin-left:15px; padding:0; list-style:none; list-style-image:none; }

.vlist ul li ul li a { text-decoration:none; color:#000; font-weight:normal; text-indent: 15px; height: auto; }

/*首页关于我们标题样式*/
#INDEXABOUTUS { WIDTH:95%; padding-top: 42px; padding-left: 20px; line-height: 170%; color: #666666; height:125px; min-height:125px; }

/*产品菜单样式*/
.pmenu ul, .pmenu ul li { margin:0; padding:0; list-style:url(none) none outside; }

.pmenu ul { width:100%; height: 22px; }

.pmenu ul li { float:left; display:block; font-size:10px; height:22px; line-height:22px; color: #000000; width: 100%; font-weight: lighter; font-family: Tahoma; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; text-indent: 5px; }

.pmenu ul li a, .pmenu ul li a:link, .pmenu ul li a:visited { font-weight:normal; color:#000000; }

.pmenu ul li a:hover { color:#000000; background-color: #669999; }

/*首页产品展示标题图文混排样式*/
.myblock { width:100%; margin:0 auto; }

.myblock .title { margin: auto; padding: auto; height: 28px; line-height:28px; border-bottom: 0px solid #D5D5D5; width: 98%; background: url(title_bj.jpg) repeat-x scroll center; }

.myblock .title h3 { margin:0; padding:0; font-size:12px; font-weight:bold; line-height:28px; height:28px; text-indent:30px; width:50%; float:left; color: #000000; background-image: url(ico0.jpg); background-repeat: no-repeat; background-position: 5px center; }

.myblock .title h4 { float:left; width:48%; margin:0; padding-top:4px; font-size:12px; font-weight:normal; height: 38px; line-height:38px; padding-right: 0; padding-bottom: 0; padding-left: 0; }

.myblock .title h4 img { float: right; margin-right: 5px; padding-top:10px; vertical-align: middle; }

/* 首页没有用到样式 */

#LINKS ul { margin:0 auto; width:70%; clear: both; }

#LINKS ul li { float:left; display:inline }

.textintro { width:95%; margin:0 auto; }

.textintro h3 { color:#FF9900; }

.top_lb { float:left; margin:0; padding:0; background: url(../Skin/products.jpg); height: 32px; width: 263px; font-size:1%; }

#ANNOUNCEMENT { width:266px; height:auto; float:left; padding-top:5px; margin-top: 0; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

#CONTACTUS { text-align:left; width:266px; }

#ABOUTUS { WIDTH:100%; }

#PRODUCTS { }

/*************************************************/

.copyright { width: 100%; text-align: center; margin-right: 0; margin-bottom: 5px; margin-left: 0; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.contactusbg { background: url(contactusbg.jpg) no-repeat; height: 160px; width:270px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.contactusbg p { margin-left:15px; margin-top:0; margin-bottom:0; padding:0; line-height: 25px; }

.editcont { color: #666666; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 5px; width:95%; }

#LANGMENU { MARGIN: 0; PADDING:0; FLOAT: RIGHT; WIDTH: 270px; }

#LANGMENU ul li { float:left; padding:0 5px; }

#LANGMENU ul li a { padding:0 3px; }

#LANGMENU_bj { MARGIN: 0; PADDING:0; background-image: url(logo.jpg); background-repeat: no-repeat; height: 83px; width: 960px; }
.thumbnail { height: 155px; width: 170px; border: 1px solid #CCCCCC; text-align:center; }

.ulul { }

.ulul ul { list-style: url(none) none outside; margin: 0px; padding: 0px; float: left; }

.ulul ul li { list-style: url(none) none outside; padding-top: 0px; padding-bottom: 5px; }

.dummybox5 { border: 1px solid #eee; margin: 0px auto; width:98%; height:auto; }

.dummybox5 dl, .dummybox5 dt, .dummybox5 dd { margin:0; padding:0; list-style:none; list-style-image:none; list-style-position:outside; }

.dummybox5 dt { height: 30px; width:100%; font-size: 14px; line-height: 30px; font-weight: bold; color:#000033; background-image: none; background-repeat: repeat-x; background-color: #B6D5E7; }

.dummybox5 dt img { margin:5px 10px 5px 15px; float:left; }

.dummybox5 dd { width:auto; height:auto; overflow:hidden; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; background-color: #F2F2F4; }

.box5bj { background-image: url(products_tb.jpg); background-repeat: no-repeat; height: 30px; margin-left: 60px; width: auto; }

.box5more { background-repeat: no-repeat; height: 30px; width: 40px; float: right; padding-top: 8px; margin-right: 20px; }

.ul3col_liquid { width:100%; align:center; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; }

.ul3col_liquid ul, .ul3col_liquid ul li { list-style: url(none) none outside; margin: 0px; padding: 0px; }

.ul3col_liquid ul { width:100%; }

.ul3col_liquid ul li { text-align:center; width: 33%; display: block; float: left; height:193px; padding-top: 5px; padding-right: 0; padding-left: 0; overflow:hidden; }

.ul3col_liquid ul li img { margin-bottom: 10px; }

.ul3col_liquid ul li a { color:#335787; font-weight:normal; }

.ul3col_liquid ul li a:active { test:expression(target="_blank"); }

.hk { border: 1px solid #E0E0E0; width: 99%; height: 170px; }

.navboxr6 { background-image: url(products_bj.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #F3F9FE; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #DFDFDF; border-right-color: #DFDFDF; border-bottom-color: #DFDFDF; border-left-color: #DFDFDF; width: 261px; }
.top_tt{
	float: left;
	width: 691px;
}


/*************************************************/
#nav ul.collapsed { display: none; }
.vermenu { }
.vermenu { width:98%; margin:10px auto; }
.vermenu ul { margin:0; padding:0; list-style:url(none) none outside; }
.vermenu ul li {
	line-height:18px;
	text-align:left;
	font-size: 14px;
	list-style-type: none;
	font-family: Tahoma;
	color: #FF0000;
	text-indent: 2px;
	width: auto;
	margin:5px;
}
.vermenu ul li a { text-decoration:none; color:#000000; font-weight:normal; height: auto; margin-right: 10px; margin-bottom: 1px; margin-left: 10px; font-weight:bold; }
.vermenu ul li a:hover { color:#006699; }
.vermenu ul li ul { margin:0; margin-left:15px; padding:0; list-style:none; list-style-image:none; }
.vermenu ul li ul li {  }
.vermenu ul li ul li a { border: 1px solid #CCCCCC;display:block; width:160px; height:20px; text-decoration:none; color:#000; font-weight:normal; text-indent: 15px; height: auto; }
.vermenu ul li ul li a:hover {
	display:block;
	background-color:#E7E3E7;
	color:#006699;
	text-decoration:none;
	color:#000;
	font-weight:normal;
	text-indent: 15px;
	height: auto;
}
.vermenu ul li ul li:hover {  }

/* 利用 a 的 Display block， 把 inline 元素换成块元素，解决ie6 不支持 li:hover 问题*/
.h3{
	color: #999999
}

