@charset "gb2312";
/* author:longzhong,time:2011.4,website:rifdalcd.cn */
html,body {margin:0; padding:0; font-family:"ËÎÌå"; font-size:12px; color:#666; background:url(../images/bg.jpg) no-repeat center top;}
img {border:0;}
h1,h2,h3,h4,dl,dt,dd,hr,p,form,ul,li {margin:0; padding:0;}
ul,li {list-style-type:none; float:left;}
a {text-decoration:none; color:#666;}
a:hover {text-decoration:underline;}
.clear {clear:both; height:0; line-height:0;}
/*common*/
#header,#banner,#container,#footer,#links {margin:0 auto; width:999px;}
.yh {font-family:"΢ÈíÑźÚ";}
.tit {float:left; width:100%; height:34px; line-height:34px; background:#00a591 url(../images/title-bg1.gif) no-repeat right top;}
.tit strong {float:left;}
.tit a {float:right; margin-right:6px; color:#FFF;}
.tit2 {float:left; width:100%; height:34px; line-height:34px; background:#00a591 url(../images/title-bg2.gif) no-repeat right top;}
.tit3 {float:left; width:100%; height:34px; line-height:34px; background:url(../images/icon-news.gif) no-repeat left;}
.tit strong,.tit2 strong {font-size:14px; color:#FFF; margin-left:10px; float:left}
.tit3 strong {font-size:14px; margin-left:30px; float:left; color:#00a591}
.fl100 {float:left; width:100%;}
.fs14 {font-size:14px}
.fs16 {font-size:16px}
.fs18 {font-size:18px}
.fw {font-weight:bold}
#preview { position:absolute; border:1px solid #ccc; background-color:#FFF; padding:5px; display:none; color:#fff; }
/*header*/
#header {position:relative; height:171px;}
#header .logo {position:absolute; top:20px; left:0px; width:281px; height:52px; background:url(../images/logo.gif) no-repeat;}
#header .topright {position:absolute; top:0; right:0;}
#header .topright .online {float:left; width:430px; margin-top:2px;}
#header .topright .online a {float:left; padding-left:18px; line-height:20px; font-size:10px; color:#00a491; margin-right:5px; font-family:Arial, Helvetica, sans-serif}
#header .topright .online a.qq {background:url(../images/icon-qq.gif) no-repeat;}
#header .topright .online a.msn {background:url(../images/icon-msn.gif) no-repeat;}
#header .topright .online a.email {background:url(../images/icon-email.gif) no-repeat;}
#header .lang {/*background:url(../images/lang-bg.gif) no-repeat; width:232px; */height:23px; line-height:21px; font-family:Arial; text-align:center;position:absolute; top:35px; right:30px; color:#ff0000;}
#header .lang a {margin:0 3px 0 3px; font-family:"΢ÈíÑźÚ"; color:#ff0000; font-size:14px;}
#header .lang a:hover {text-decoration:none; color:#87ced7}
#header .menu {position:absolute; bottom:30px; left:0; width:100%; background:url(../images/menu-bg.gif) no-repeat; height:41px; line-height:41px; text-align:center;}
#header .menu a {color:#FFF; margin:0 15px 0 15px; font-size:15px; font-weight:bold}
#header .menu a:hover {text-decoration:none; color:#87ced7}
#header .searchform {position:absolute; bottom:0; left:0; width:100%; height:30px; background-color:#e5f5f1}
#header .searchform .keywords {float:left; color:#00a591; line-height:30px; width:660px; margin-left:10px;}
#header .searchform .keywords a { margin:0 6px 0 0; color:#00a591;}
#header .searchform .search {float:right; width:265px; padding-top:3px;} 
#header .searchform .search input {float:left;}
#header .searchform .search input.txt {background:url(../images/search-bg.gif) no-repeat right top; height:23px; width:180px; line-height:20px; border:0; color:#ace1dc; padding-left:10px;}
#header .searchform .search input.btn {background:url(../images/search-btn.gif) no-repeat left top; height:23px; width:63px; line-height:23px; border:0; text-indent:-9999px;}
#header .tel400 {position:absolute; bottom:80px; right:22px; color:#00a491; width:230px;}
#header .tel400 li {float:left; font-size:16px; font-weight:bold; width:100%; line-height:30px; font-family:Arial}
#header .ad {position:absolute; top:75px; left:170px;}
#header .ad h2 {font-family:"ºÚÌå"; font-size:14px; color:#798e9a}
/*banner*/
#banner {margin-top:5px;}
#banner .gg {float:left; width:670px; height:324px;}
#banner .dkhlb {float:left; width:315px; height:324px; margin-left:10px;}
#banner .dkhlb dl,dt,dd {float:left; width:100%; padding-bottom:10px;}
/*#banner .dkhlb dl dt {border-bottom:1px solid #00a491; height:20px}*/
#banner .dkhlb dl dt h2 {float:left; width:101px; height:20px; _height:21px; background:url(../images/title-bg0.gif) no-repeat left bottom; font-size:12px; color:#FFF; text-align:center; line-height:20px; text-indent:-10px;}
#banner .dkhlb dl dt a {float:right; line-height:21px; color:#00a491;}
#banner .dkhlb dl dd img {padding:5px;}
#banner .dkhlb dl dd ul li {float:left; width:100%; text-align:center}
#banner .dkhlb dl dd .dkh {height:290px; overflow:hidden;}
/*container*/
#container {margin-top:5px;}
#container .l {float:left; width:232px;}
#container .l .cpfl dd div {margin:0 auto; width:180px; margin-top:10px;}
#container .l .cpfl dd div a {background:url(../images/icon-arrow.gif) no-repeat left; padding-left:10px; line-height:22px;}
#container .l .cpfl dd div ul {margin-left:10px; float:left; width:170px;}
#container .l .cpfl dd div ul li {float:left; width:100%;}
#container .l .cpfl dd div ul li a {background:none; padding:0;}
#container .l .zxly {margin-top:10px;}
#container .l .zxly .submit {border:none; width:66px; height:19px; background:url(../images/btn-tj.gif) no-repeat left; color:#FFF; float:left; font-weight:bold; text-indent:-999px}
#container .l .zxly .input {width:210px; border:1px #CCC solid; height:20px; font-family:Tahoma; color:#CCC}
#container .l .jszc {margin-top:10px;}
#container .l .jszc dd {padding-top:90px; background:url(../images/services.gif) no-repeat center top;}
#container .l .jszc dd div {margin:0 auto; width:220px;}
#container .l .jszc dd div a {float:left; background:url(../images/icon-arrow.gif) no-repeat left; padding-left:10px; line-height:25px; width:210px;}
#container .l .jszc dd div span {float:right;}
#container .r {float:left; width:761px; margin-left:6px;}
#container .r .r1 .r1l {float:left; width:522px;}
#container .r .r1 .r1l dl dt a {float:right; color:#FFF; margin-right:20px;}
#container .r .r1 .r1l dl dd div {float:left; width:164px; text-align:center; margin-left:3px; margin-top:10px; border-bottom:2px solid #00a491; border-right:1px solid #00a491; border-left:1px solid #00a491; border-top:1px solid #00a491;}
#container .r .r1 .r1l dl dd div td {line-height:22px;}
#container .r .r1 .r1r {float:left; width:232px; margin-left:5px;}
#container .r .r1 .r1r .zzzs dd {background:url(../images/box-bg.gif) no-repeat center bottom; height:170px; padding-top:14px;}
#container .r .r1 .r1r .zzzs dd div {margin:0 auto; width:220px; height:160px;}
#container .r .r1 .r1r .zzzs dd div ul {float:left; overflow:hidden; width:100%; height:160px;}
#container .r .r1 .r1r .ygfc {margin-top:10px;}
#container .r .r1 .r1r .ygfc dd div ul {float:left; width:100%; margin:0; padding:0; padding-top:10px; height:140px; overflow:hidden;}
#container .r .r1 .r1r .ygfc dd div ul li {float:left; width:100%; margin:3px 0 3px 0; text-align:center;}
#container .r .r1 .r1r .ygfc dd div ul li p {padding:3px;}
#container .r .r1 .r1r .ygwc {margin-top:5px;}
#container .r .r1 .r1r .ygwc dd div {float:left; width:100%}
#container .r .r1 .r1r .ygwc dd div ul li {float:left; width:100%}
#container .r .r1 .r1r .ygwc a {float:left; background:url(../images/icon-arrow.gif) no-repeat left; padding-left:10px; line-height:25px;}
/*#container .r .r1 .zxcp div {float:left;}*/

#container .r .r2 .gsjs {margin-top:10px;}
#container .r .r2 .gsjs img {padding:0 5px 5px 0;}
#container .r .r2 .gsjs dt a {float:right; margin-right:20px; color:#FFF}
#container .r .r2 .gsjs dd {padding-top:10px;}
#container .r .r2 .gsjs dd p {line-height:1.5; text-indent:2em;}
#container .r .r2 .gsjs .txt {float:left; width:508px;}
#container .r .r2 .gsjs .txt .aboutpic {float:left; width:510px; overflow:hidden; height:145px; margin-top:6px;}
#container .r .r2 .gsjs .video {float:right; width:242px;/* margin-left:10px;*/}
#container .r .r3 {margin-top:10px; float:left; background:url(../images/news-bg.gif) no-repeat center top; height:267px; width:100%; margin-bottom:10px;}
#container .r .r3 .indexnews {float:left; width:356px; margin-left:15px; margin-top:10px;}
#container .r .r3 .indexnews dt {float:left; width:100%;}
#container .r .r3 .indexnews dt a {float:right;}
#container .r .r3 .indexnews dd div ul {float:left; width:100%;}
#container .r .r3 .indexnews dd div ul li {border-bottom:1px dotted; line-height:25px; float:left; width:100%}
#container .r .r3 .indexnews dd div a {float:left; background:url(../images/icon-arrow.gif) no-repeat left; padding-left:10px;}
#container .r .r3 .indexnews dd div span {float:right;}
/*pages*/
#container .lefter {float:left; width:232px;}
#container .lefter dd div {margin:0 auto; width:180px;}
#container .lefter dd div a {background:url(../images/icon-arrow.gif) no-repeat left; padding-left:10px; line-height:25px;}
#container .lefter dd div ul {margin-left:10px; float:left; width:170px;}
#container .lefter dd div ul li {float:left; width:100%;}
#container .lefter dd div ul li a {background:none; padding:0;}
#container .righter {float:right; width:750px;}
#container .righter h2 {font-size:12px; color:#00a491; height:25px; line-height:25px; border-bottom:2px solid}
#container .righter h2 a {font-size:12px; color:#00a491}
#container .righter .content {padding:10px; line-height:1.5;}
#container .righter .newslist {margin-top:10px;}
#container .righter .newslist ul {float:left; width:100%; border-bottom:1px dotted #ddd; margin-bottom:10px; padding-bottom:10px;}
#container .righter .newslist img {padding:0 5px 0 0;}
#container .righter .newslist h3 {font-size:12px; width:100%; line-height:25px;}
#container .righter .newslist h3 a {float:left; background:url(../images/icon-arrow.gif) no-repeat left; padding-left:10px;}
#container .righter .newslist h3 span {float:right; font-size:10px; font-family:Arial}
#container .righter .newslist p {float:left; width:100%; line-height:1.5;}
#container .righter .productlist {margin-top:10px; float:left; width:100%; padding-bottom:10px; mini-height:400px;}
#container .righter .productlist .th td {background-color:#9BD2C4; height:30px; line-height:30px; color:#FFF; text-align:center;}
#container .righter .productlist .td td a {text-decoration:underline; color:#333}
#container .righter .productlist .td td a:hover {text-decoration:none;}
#container .righter .productlist .td td {height:20px; line-height:20px; background-color:#FFF; font-size:10px; color:#333; font-family:Arial}
#container .righter .productlist div {float:left; width:170px; text-align:center; margin-left:13px; border-bottom:2px solid #00a491; border-right:1px solid #00a491; border-left:1px solid #00a491; border-top:1px solid #00a491; margin-top:10px;}
/*footer*/
#footmenu {margin:0 auto; width:999px; background:url(../images/footmenu-bg.gif) no-repeat left top; height:34px; text-align:center; color:#FFF}
#footmenu a {color:#FFF; margin:0 5px 0 5px; line-height:34px;}
#footer {padding:10px 0 10px 0; line-height:18px; text-align:center; font-family:Arial}
/**/
.container {
	WIDTH: 670px;
	HEIGHT: 324px
}
.container A IMG {
	WIDTH: 670px;
	HEIGHT: 324px
}
.container IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
.td_f A IMG {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.num {
	POSITION: absolute;
	FLOAT: right;
	BOTTOM: 10px;
	RIGHT: 20px
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 15px;
	LIST-STYLE-TYPE: none;
	MARGIN: 1px;
	WIDTH: 15px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat -15px 0px;
	FLOAT: left;
	HEIGHT: 15px;
	COLOR: #86a2b8;
	FONT-SIZE: 12px;
	CURSOR: pointer
}
.num LI.on {
	LINE-HEIGHT: 15px;
	WIDTH: 15px;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat;
	HEIGHT: 15px;
	COLOR: #ffffff
}
#pages { border:2px solid #f3f3f3; line-height:20px; margin-top:10px; font-family:Arial; padding:5px;}
#pages a {color:#999; margin:0 5px 0 5px; font-family:Arial}
#links {padding-bottom:10px; display:none}
#links strong {float:left; width:80px;}
#links ul {float:right; width:910px;}
#links a {margin-right:10px; float:left;}