@charset "utf-8";
/* CSS Document */
/************************************************
Author: 朱启标 abelchu@Gmail.com
Development by: Qitag.com
My website: http://www.coolxoo.com/
			http://www.zhuamei.com/
			http://www.qitag.net/
			http://www.qitag.com/
Last updated: 2009/09/05
************************************************/

/*common style css*/
@import url("css.css");

#content{float:left;width:900px;margin:auto;}

/*left content*/
#content .sider {float:left;width:180px;overflow:hidden;}

#content .sider .about {float:left;width:158px;}
#content .sider .about h2 {float:left;width:170px;height:30px;line-height:30px;padding-left:10px;color:#fcfcfc;font-size:13px;font-weight:bold;background:url(../images/sider_title.gif) no-repeat; }

#content .sider .about .tel {float:left;width:178px;height:129px;line-height:20px;border:#eee 1px solid;border-top:none;background:#f9f9f9;}
#content .sider .about .tel p {width:168px;margin-top:4px;padding-left:10px;color:#585a67}
#content .sider .about .tel span {font:12px Arial;}
#content .sider .about .tel strong {font:12px Arial;font-weight:normal;color:#990000;}
/*#content .sider .about .tel img {height:16px;margin-top:1px;margin-right:10px;}*/
#content .sider .about .tel a {display:inline-block;height:16px;margin-top:1px;padding-left:25px;background:url(../images/qq_online.gif) no-repeat left;}
		
#content .sider .showwebcase {float:left;width:180px;height:60px;padding-top:10px;text-align:center;}

#content .sider .product_list {float:left;width:180px;padding-top:10px;}
#content .sider .product_list h2 {float:left;width:170px;height:30px;line-height:30px;padding-left:10px;color:#fcfcfc;font-size:13px;font-weight:bold;background:url(../images/sider_title.gif) no-repeat; }
#content .sider .product_list ul {width:158px;height:200px;padding:7px 10px;float:left;border:#eee 1px solid;border-top:none;background:#f9f9f9;}
#content .sider .product_list ul li { width:148px;padding-left:10px;line-height:25px;height:25px;overflow:hidden;font-size:13px;font-weight:normal;background:url(../images/ico02.gif) no-repeat left 11px;}
#content .sider .product_list ul li a {color:#333333;}
#content .sider .product_list ul li a:hover{text-decoration: underline;color:#e33804;}

#content .sider .knowledge {float:left;width:180px;padding-top:10px;}
#content .sider .knowledge h2 {float:left;width:170px;height:30px;line-height:30px;padding-left:10px;color:#fcfcfc;font-size:13px;font-weight:bold;background:url(../images/sider_title.gif) no-repeat; }
#content .sider .knowledge ul {float:left;width:158px;height:375px;padding:7px 10px;border:#eee 1px solid;border-top:none;background:#f9f9f9;}
#content .sider .knowledge ul li {float:left;width:148px;padding-left:10px;line-height:25px;height:25px;overflow:hidden;background:url(../images/ico02.gif) no-repeat left 11px;}
#content .sider .knowledge ul li a {float:left;line-height:25px;height:25px;padding-right:18px;color:#333333;overflow:hidden;background:url(../images/line2.gif) no-repeat right 13px;}
#content .sider .knowledge ul li a:hover{text-decoration: underline;color:#e33804;}

/*main content*/		 
#content .main {float:right;width:710px;overflow:hidden;}
#content .main .banner{ float:left;width:710px;height:160px;overflow:hidden;}
#content .main .banner img{width:710px;height:160px;}
.KinSlideshowHidden{visibility:hidden;}
		
#content .main .box{ float:left;width:710px;padding-top:10px;}
#content .main .box .project{ float:left;width:350px;height:315px;background:#f3f3f3;}
#content .main .box .project h2 {width:320px;margin:0px;padding-left:30px;padding-top:6px;height:28px;line-height:28px;color:#ffffff;font-size:13px;font-weight:bold;background:url(../images/box_title_350.gif) no-repeat;position:relative;}
#content .main .box .project h2 a{color:#ffffff;font-size:13px;font-weight:bold;}
#content .main .box .project h2 span{position:absolute;right:9px;top:6px;width:37px;height:25px;}
#content .main .box .project h2 span a{display:block;text-indent:-9999pt;background:url(../images/more2.gif) no-repeat;}
#content .main .box .project ul {float:left;width:330px;height:265px;padding:8px 10px;}
#content .main .box .project ul li {float:left;width:320px;height:26px;line-height:26px;padding-left:10px;overflow:hidden;background:url(../images/ico02.gif) no-repeat 2px 11px;}
#content .main .box .project ul li a {display:block;height:26px;line-height:26px;color:#333333;}
#content .main .box .project ul li a.hover {display:block;height:26px;line-height:26px;color:#e33804;}
#content .main .box .project ul li a:hover{text-decoration:underline;color:#e33804;}
#content .main .box .project ul li a span {float:right;width:75px;font-family:Arial;font-size:8pt;font-weight:normal;text-align:right;cursor:pointer;}
#content .main .box .project ul li a:hover span{text-decoration:underline;color:#e33804;}
#content .main .box .project ul li a img {width:20px;height:18px;line-height:18px;margin-left:3px;margin-bottom:-4px;overflow:hidden;}

#content .main .box .news{ float:right;width:350px;height:315px;background:#f3f3f3;}
#content .main .box .news h2 {width:320px;margin:0px;padding-left:30px;padding-top:6px;height:28px;line-height:28px;color:#ffffff;font-size:13px;font-weight:bold;background:url(../images/box_title_350.gif) no-repeat;position:relative;}
#content .main .box .news h2 a{color:#ffffff;font-size:13px;font-weight:bold;}
#content .main .box .news h2 span{position:absolute;right:9px;top:6px;width:37px;height:25px;}
#content .main .box .news h2 span a{display:block;text-indent:-9999pt;background:url(../images/more2.gif) no-repeat;}
#content .main .box .news ul {float:left;width:330px;height:265px;padding:8px 10px;}
#content .main .box .news ul li {float:left;width:320px;height:26px;line-height:26px;padding-left:10px;overflow:hidden;background:url(../images/ico02.gif) no-repeat 2px 11px;}
#content .main .box .news ul li a {display:block;height:26px;line-height:26px;color:#333333;}
#content .main .box .news ul li a.hover {display:block;height:26px;line-height:26px;color:#e33804;}
#content .main .box .news ul li a:hover{text-decoration:underline;color:#e33804;}
#content .main .box .news ul li a span {float:right;width:75px;font-family:Arial;font-size:8pt;font-weight:normal;text-align:right;cursor:pointer;}
#content .main .box .news ul li a:hover span{text-decoration:underline;color:#e33804;}
#content .main .box .news ul li a img {width:20px;height:18px;line-height:18px;margin-left:3px;margin-bottom:-4px;overflow:hidden;}

#content .main .flashPic{ float:left;width:710px;padding-top:10px;}
#content .main .flashPic h2 {width:680px;margin:0px;padding-left:30px;padding-top:6px;height:28px;line-height:28px;color:#ffffff;font-size:13px;font-weight:bold;background:url(../images/box_title_710.gif) no-repeat;position:relative;}
#content .main .flashPic h2 a{color:#ffffff;font-size:13px;font-weight:bold;}
#content .main .flashPic h2 span{position:absolute;right:9px;top:6px;width:37px;height:25px;}
#content .main .flashPic h2 span a{display:block;text-indent:-9999pt;background:url(../images/more2.gif) no-repeat;}

#content .main .flashPic .pcont{ float:left;width:700px;padding:0 4px;border:#eee 1px solid;border-top:none;}
.pic2{width:700px;height:100px;padding:10px 0;overflow:hidden;}
.pic2 table td{width:90px;height:100px;padding:0 5px;}
.pic2 table td a {display:block;width:80px;height:94px;padding:2px 2px 0;text-align:center;text-decoration:none;border:#cccccc 1px solid;}
.pic2 table td a:hover {display:block;width:80px;height:94px;padding:2px 2px 0;text-align:center;border:#e33804 1px solid;}
.pic2 table td a span {width:80px;height:20px;overflow:hidden;line-height:20px;display:block;text-align:center;cursor:pointer;}
.pic2 table td a img {width:80px;height:75px;border:none;}

#content .main .service{ float:left;width:710px;padding-top:10px;}
#content .main .service h2 {width:680px;margin:0px;padding-left:30px;padding-top:6px;height:28px;line-height:28px;color:#ffffff;font-size:13px;font-weight:bold;background:url(../images/box_title_710.gif) no-repeat;position:relative;}
#content .main .service h2 a{color:#ffffff;font-size:13px;font-weight:bold;}
#content .main .service h2 span{position:absolute;right:9px;top:6px;width:37px;height:25px;}
#content .main .service h2 span a{display:block;text-indent:-9999pt;background:url(../images/more2.gif) no-repeat;}

#content .main .service .zone{ float:left;width:708px;height:220px;border:#eee 1px solid;border-top:none;background:#f9f9f9 url(../images/service_zone_bg.gif) no-repeat left 2px; overflow: hidden; }
#content .main .service .zone .rec_one {float:left;overflow:hidden;width:340px;padding:5px 5px 3px 9px;height:100px;}
#content .main .service .zone .rec_one .img {float:left;display:block;width:100px;height:100px;overflow:hidden;}
#content .main .service .zone .rec_one .txt {float:right;display:block;width:230px;height:100px;overflow:hidden;}
#content .main .service .zone .rec_one .txt h3 {display:block;width:230px;height:35px;line-height:35px;}
#content .main .service .zone .rec_one .txt h3 a {font-size: 16px; color: #020202; font-family: 微软雅黑, 宋体;}
#content .main .service .zone .rec_one .txt p {padding:0 8px 0 0;line-height: 20px}

#content .main .service .zone .rec_two {float:right;overflow:hidden;width:340px;padding:5px 7px 3px;height:100px;}
#content .main .service .zone .rec_two .img {float:left;display:block;width:100px;height:100px;overflow:hidden;}
#content .main .service .zone .rec_two .txt {float:right;display:block;width:230px;height:100px;overflow:hidden;}
#content .main .service .zone .rec_two .txt h3 {display:block;width:230px;height:35px;line-height:35px;}
#content .main .service .zone .rec_two .txt h3 a {font-size: 16px; color: #020202; font-family: 微软雅黑, 宋体;}
#content .main .service .zone .rec_two .txt p {padding:0 8px 0 0;line-height: 20px}

#content .main .service .zone .rec_three {float:left;overflow:hidden;width:340px;padding:5px 5px 3px 9px;height:100px;}
#content .main .service .zone .rec_three .img {float:left;display:block;width:100px;height:100px;overflow:hidden;}
#content .main .service .zone .rec_three .txt {float:right;display:block;width:230px;height:100px;overflow:hidden;}
#content .main .service .zone .rec_three .txt h3 {display:block;width:230px;height:35px;line-height:35px;}
#content .main .service .zone .rec_three .txt h3 a {font-size: 16px; color: #020202; font-family: 微软雅黑, 宋体;}
#content .main .service .zone .rec_three .txt p {padding:0 8px 0 0;line-height: 20px}

#content .main .service .zone .rec_four {float:right;overflow:hidden;width:340px;padding:5px 7px 3px;height:100px;}
#content .main .service .zone .rec_four .img {float:left;display:block;width:100px;height:100px;overflow:hidden;}
#content .main .service .zone .rec_four .txt {float:right;display:block;width:230px;height:100px;overflow:hidden;}
#content .main .service .zone .rec_four .txt h3 {display:block;width:230px;height:35px;line-height:35px;}
#content .main .service .zone .rec_four .txt h3 a {font-size: 16px; color: #020202; font-family: 微软雅黑, 宋体;}
#content .main .service .zone .rec_four .txt p {padding:0 8px 0 0;line-height: 20px}