
/* CSS Document */
body{ background-color:#081827;	font-size:12px;	color:#505050;}
a {outline:none;}
a:link, p a:visited, a:visited {color:#063e89;	text-decoration:none;}
a:hover, p a:active {text-decoration:underline;}

#header, #banner, #pclass, #main, #bottom{ width:1000px; margin:0 auto;}
#header{ background:url(../images/headerBG.jpg) repeat-x; height:77px;}
#logo {margin:0;padding:0;display:block;float:left;	width:345px;height:77px;border-right:1px solid #c0c0c0;}
#logo a {padding:0;display:block;width:345px;height:77px;background:url(../images/logo.png) no-repeat;}
#logo a h1, #logo a strong {display:none;}

#nav {display:block;float:left;width:610px;height:77px;}
#language{ float:right; width:25px; margin:0 12px 0 0;}
#language li{ padding:6px 0 0 0; display:block;}

#banner{ height:270px; overflow:hidden;}

/*控制按钮*/
.b_control{position:relative;left:930px;top:240px; width:60px; -webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px; z-index:100;}
.b_control .handel{position:absolute; width:60px;}
.b_control .handel li{float:left;}
.handel li a, .handel li a:link, .handel li a:active, .handel li a:visited{text-decoration:none;padding:2px 4px;}
.handel li.hover a, .handel li.hover a:link, .handel li.hover a:active, .handel li.hover a:visited{color:#fff;}


.bannerimg{overflow:hidden;position:relative; height:270px; }
.bannerimg ol{position:absolute; height:270px; width:1000px;}
.bannerimg li{ height:270px; width:1000px;}
.bannerimg li div{ padding:25px 0 0 60px;}

.banner1{ background:url(../images/1.jpg) no-repeat; }
	.banner1 h3, .banner2 h3, .banner3 h3{ font: bold 38px/60px "微软雅黑", "黑体", "宋体", arial; color:#FFF;}
	.banner1 p{ line-height:23px;color:#C0C0C0; width:600px; padding:10px 0 10px 0;}
	.banner1 em{ background:url(../images/buttonBG.jpg) repeat-x; height:33px; width:120px; display:block; font:bold 15px/33px "微软雅黑", "黑体", "宋体", arial; color:#595959; text-align:center; margin-top:12px;}
	.banner1 em a{ display:block;color:#595959;}
.banner2{ background:url(../images/2.jpg) no-repeat; }
	li.banner2 div, li.banner3 div{ padding:180px 0 0 60px;}
	.banner2 h3, .banner3 h3{ font-size:24px; float:left; width:160px; text-align:right; margin-top:10px;}
	.banner3 h3{ line-height:normal; width:250px; margin-top:5px;}
	.banner2 p, .banner3 p{ float:left; padding:0 0 0 28px; line-height:20px; color:#B1B1B1; width:580px; background:url(../images/figureDots.png) no-repeat 10px 0;}
	.banner3 p{ line-height:24px;}
.banner3{ background:url(../images/3.jpg) no-repeat;}

.navBox{width:120px;padding:8px 10px 0;display:block;float:left;height:69px;border-right:1px solid #c0c0c0;font-size:20px;font:17px "微软雅黑", "黑体", "宋体", arial;}
.navBox:link, .navBox:visited {color:#595959;font-weight:bold;text-decoration:none;}
.navBox:hover, .navBox:active {color:#063e89;background:#f7f7f7;text-decoration:none;}
.navBox span {width:90px;padding:4px 10px 0 0;display:block;font-size:10px;clear:left;font:12px/15px "微软雅黑", "黑体", "宋体", arial; color:#888888;}

/*两个产品分类*/
.tjx, .tp{float:left; width:495px; height:120px;background:#063E89 url(../images/shu_line.png) no-repeat;}
.tjx{  margin-right:10px; background-position:480px 0px;}
.tp{ background-position:5px 0px; padding:0 0 0 10px; width:485px;}

.tjx img, .tp img{ border:4px solid #FFF; margin:9px; float:left;}
div.proc{display:block; float:left;padding:5px 0 0 0; width:312px;}
.tjx a, .tp a{display:block; font:bold 16px/25px "微软雅黑", "黑体", "宋体", arial; color:#FFF; padding:5px 0 0 0;}
.tjx span, .tp span{ display:block; clear:left; font-size:12px; color:#63C8ff; line-height:22px; padding:3px 0 0 0;}
p.iarrow{ float:left; width:28px; height:47px; background-image:url(../images/Arrow.png); margin:30px 0 0 10px;}
.iarrow a{ text-indent:-9999px; padding:0; display:block; width:28px; height:47px;}

/*首页主要部分*/
#main{ background-color:#FFF;}
.i_pro{ width:380px; float:left; margin-right:10px;}
.i_pro h2, .i_news h2{ font:bold 16px/24px "微软雅黑", "黑体", "宋体", arial; padding:10px 0 3px 16px; clear:both; color:#363636;}
.pro{ height:70px; margin:10px 0 22px 10px; clear:both;}
.pro img{ border:4px solid #CDCDCD; float:left;}
.prol{float:left;padding:0px 0 0 0; margin:0 0 0 10px; width:288px; height:70px; overflow:hidden;}
.prol a{font:bold 14px/18px "微软雅黑", "黑体", "宋体", arial; color:#063E89; padding:0 0 5px;}
.prol span{display:block; line-height:17px; color:#888; padding-top:3px;}

.content .pro .prol{ width:610px;}
.content{ clear:both;}

.i_news{ float:left; width:360px;}
.i_news h2{ padding:10px 0 10px 0px;}
#slider{ height:205px; overflow:hidden;}
.i_news li{ background:url(../images/icon.jpg) no-repeat 0px 4px; height:26px;*height:23px\9; padding:0 0 0 10px;}
.i_news li a{color:#656565;font-size:13px;display:block; float:left; width:256px;overflow:hidden; white-space:nowrap; 
-o-text-overflow: ellipsis;  /* Opera */
text-overflow:ellipsis;/* IE, Safari (WebKit) */}
.i_news li font{ color:#aaaaaa; display:block; float:right; margin-right:4px;}

.i_right{ float:left; width:235px; background-color:#C0C0C0; padding:10px 0 10px 15px; height:490px;}
.i_right h4{ font:bold 24px/24px "微软雅黑", "黑体", "宋体", arial; padding:3px 0 30px 0; background:url(../images/dot-line.png) no-repeat 0 40px;}
.pricename{ color:#063E89;font:bold 18px/24px "微软雅黑", "黑体", "宋体", arial; }
.mrtjg{ display:block; padding:8px 0; font-size:13px; color:#595959;}
.price{ width:210px; height:45px; background-color:#063E89;}
.price1{font:bold 18px/24px "微软雅黑", "黑体", "宋体", arial; color:#FFF; padding:6px 0 0 6px; float:left}
.price2{ float:right; color:#FFF; padding:25px 6px 0 0; font-size:13px; font-family:"微软雅黑", Arial, Helvetica, sans-serif;}
.rjg{ height:20px;}
.pro_canshu{ height:45px;}
.pro_canshu img{ float:left;}
.pro_canshu div{display:block; float:left; padding:0 0 0 6px;}
.pro_canshu span{ display:block; color:#4D4D4D;font:bold 14px/20px "微软雅黑", "黑体", "宋体", arial;}
.pro_canshu a{ display:block; color:#FFF; padding:0px 0 0 10px;}

#bottom{ background-color:#5B5B5B;}
#bottom dl{ display:block; float:left; margin:10px 0 0 20px; width:170px;}
#bottom dt{font:bold 18px/35px "微软雅黑", "黑体", "宋体", arial; color:#FFF; padding:0 0 2px 0;}
#bottom dd{ display:block;font:13px/22px "宋体", arial;  color:#CCCCCC; text-decoration:none; padding:0 0 0 5px;}
#bottom dd a{ display:block;font:13px/22px "宋体", arial;  color:#CCCCCC; text-decoration:none; padding:0 0 0 5px;}
#bottom dd a:hover{ color:#FF0;}
.copyright{ text-align: center; clear:both;font:13px/22px "宋体", arial; color:#fff; margin:20px 0 15px 0;}

/*内页*/
.main{ width:710px; float:left; margin:8px 20px 0 20px; _margin:8px 13px 0;}
.main1{ width:960px; float:left; margin:8px 20px 0 20px;_margin:8px 10px 0;}
.main_tit{ background:url(../images/titbtm.png) no-repeat 0 42px;padding:10px 8px 10px; line-height:35px;}
.main_tit h3, .main_tit h1, .main_tit h2{ color:#053eb4; font:bold 20px/35px "微软雅黑", "黑体", "宋体", arial; float:left; display:block;}
.main_tit em{ float:right;text-align:right; width:250px;}
.content{font:13px/24px "微软雅黑", "黑体", "宋体", arial; color:#666;}
.info{ padding:10px 10px 15px;}
.info p, .artContent p{ text-indent:24px; margin:12px 0 0 0;text-align:justify;text-justify:inter-ideograph; line-height:26px;} 
.i_right{ float:left;}
.i_right h3{ font:bold 20px/24px "微软雅黑", "黑体", "宋体", arial; padding:10px 0 20px 0; background:url(../images/dot-line.png) no-repeat 0 42px;}
.i_right ul{ margin:5px 0 20px 0;}
.i_right li{ color:#333;font:13px/24px "微软雅黑", "黑体", "宋体", arial; padding:0 0 0 10px; }
.i_right li a{ color:#333;}
.i_right li a:visited{ text-decoration:none; color:#555;}
.i_right li a:hover{color:#ff0;}

/*产品展示部分*/
#bigpic{ float:left; margin:20px 0 20px 0;}
#productSpecs{ float:left; clear:right; margin:20px 0 20px 15px;}
	#productSpecs h3, .proinfo h3{ color:#1e1e1e; font:bold 15px/24px "微软雅黑", "黑体", "宋体", arial;}
	#productSpecs li{ margin:0 0 0 15px; list-style-type:square; list-style-position:inside; color:#595959; font:12px/24px "微软雅黑", "黑体", "宋体", arial;}
	#productSpecs a1114{ background:url(../images/xunjia.gif) no-repeat; width:72px; height:20px; display:block; margin:12px 0 0 15px;}
.proinfo{ clear:both; color:#505050; margin:0 0px; font:12px/24px "微软雅黑", "宋体", "黑体", arial;}
.proinfo p{ margin:10px 0 0 0;}
.proinfo p strong{ font-size:16px;}

/*产品表格部分*/
.tbbdl {border-right: 1px solid #dbdbbd;border-bottom: 1px solid #dbdbbd;}
.tbbd2 {border-left: 1px solid #dbdbdb;}
.tr1, .tr2{ height:25px; background-color:#FFF; text-align:center; font:12px/26px "微软雅黑", "黑体", "宋体", arial;}
.tr1 td, .tr2 td{BORDER-RIGHT: #dbdbbd 1px solid;}
.tr2{ background-color:#e0e0e0;}
.tb_tit{ text-align:center; background-color:#063e89; color:#FFF; font:12px/26px "微软雅黑", "黑体", "宋体", arial;}
.proinfo h4{MARGIN: 40px 0px 0px;COLOR: #063e89; CLEAR: left; font:24px/26px "微软雅黑", "黑体", "宋体", arial; PADDING-TOP: 20px 0 0 0;}
.proinfo tfoot td{ font-size:1px;}

/*交互部分*/
#tools{ float:right; margin:25px 0 20px 0;}
#tools li{ float:left; font:12px/24px "微软雅黑", "宋体", "黑体", arial;width:40px; background:url(../images/c.gif) no-repeat 0 6px; padding:0 0 0 18px;}
#tools li a{}
#tools li.act-pus{ background-position:0 -31px;}
#tools li.act-fav{ background-position:0 -66px;}
#tools li.act-fb{ background-position:0 -102px;}
#tools li.baidushare{ background:none; width:340px;}

/*新闻部分*/
.newslist{font:13px/35px "微软雅黑", "黑体", "宋体", arial; margin:5px 0 30px;}
.newslist li{border-bottom:1px dotted #EBEBEB; clear:both; height:35px;}
.newslist li a{color:#555; float:left; display:block;background:url(../images/icon.jpg) no-repeat 0px 15px; padding:0 0 0 12px; }
.newslist li a:visited{color:#666;}
.newslist li a:hover{color:#053eb4;}
.newslist li span{float:right; color:#ABABAB;display:block;}
.newslist li p{font:12px/22px "微软雅黑", "黑体", "宋体", arial; color:#B0B0B0; padding:0 0 5px 12px; }

/*新闻内容*/
.content h1{font:bold 20px/35px "微软雅黑", "黑体", "宋体", arial; text-align:center; margin:10px 0 6px; color:#555;}
	.newsfrom{ text-align:center; color:#999; padding-bottom:8px;border-bottom:1px dotted #D9D9D9; margin-bottom:10px;}
	.artContent{ color:#666;}
	
/*  推荐按钮 及评论部分  */	
.btn-2{width:70px;height:25px;border:none;background:url(../../images/btn-bg2.gif) left top no-repeat;line-height:25px;overflow:hidden;color:#444;margin:8px 2px 25px 0;}
.ipt-txt{line-height:15px;padding:4px 5px;border-width:1px;border-style:solid;border-color:#666 #BBB #BBB #666;font-size:12px;margin-right:2px;}
.nb{border: 1px solid #000000;height:18px}

.downpdf{ margin:20px 0; display:block; background:url(../../../images/pdf.jpg) 0 5px no-repeat; height:21px; padding-left:20px;}

.btmlist{ clear:both; margin:15px 0 50px; *margin:15px 0 0px;}
.btmlist span{display:block;background:url(../images/titbtm.png) no-repeat 0 36px;padding:10px 8px 5px;*padding:6px 8px 5px; color:#053eb4; font:bold 16px/30px "微软雅黑", "黑体", "宋体", arial; clear:both;}
.btmlist ul{ padding:6px 12px 20px; height:100%;}
.btmlist ul li{ float:left; width:342px; height:26px; line-height:26px;overflow:hidden; white-space:nowrap; 
-o-text-overflow: ellipsis;  /* Opera */
text-overflow:ellipsis;/* IE, Safari (WebKit) */}
.btmlist a{ color:#666; text-decoration:none;}
.btmlist a:visited{ color:#666;}
.btmlist a:hover{ color:#F00;}

.flink{ margin:20px 15px 10px; clear:both; color:#bbb;}
.flink span{font-weight:bold; font-size:14px;}
.flink a{ margin:5px 8px; line-height:32px;color:#ccc;}
.flink a:visited{ color:#999;}
.flink a:hover{ color:#FF0;}
	