@charset "utf-8";
* {padding:0; margin:0;}
body {font:12px/1.8 arial, helvetica, clean, sans-serif; color:#ccc; background:none; background-color:#ccc; }
h1, h2, h3, h3, h5, h6 {font:14px/1.8 arial, helvetica, clean, sans-serif; font-weight:bold; color:#eee;}
img {border:0;}
li {list-style-type:none;}
.overflow {-o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;display:block;}
.clear {clear:both;}
a:link {color:#ccc; text-decoration:none;}
a:visited {color:#ccc; text-decoration:none}
a:hover {color:#DB1820; text-decoration:none;}
a:active {color:#DB1820;text-decoration:none;}

/*----------index----------*/
#bd {width:1280px; height:725px; margin:0 auto; overflow:hidden; background-color:#2F2D2E; }
#bd .bd-l{float:left;}
#bd .bd-l ul li{ width:145px; height:145px; overflow:hidden;}
#bd .bd-l img{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; }
#bd .bd-l img:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }
#bd .bd-r{ width:712px; height:300px; padding-top:308px; float:right;}
#bd .bd-r .logo{ width:712px; height:112px; background-color:#DB1820;}
#bd .bd-r .logo img{ padding-left:19px; padding-top:24px;}

#bd .bd-r .nav { height:60px; width:712px;}
#bd .bd-r .nav ul { padding-top: 15px; padding-left: 210px;}
#bd .bd-r .nav ul .dh {  float:left;  padding-left:45px; width:auto; white-space:nowrap; text-align:right; padding-right:70px;}
#bd .bd-r .nav ul .dh p { font-size:14px; color:#ddd;  font-weight:bold; line-height:14px; }
#bd .bd-r .nav ul .dh p span { color:#777; font-size:11px;}
#bd .bd-r .nav ul li {  float:left; width:70px; padding-left:25px; white-space:nowrap;line-height:14px; }
#bd .bd-r .nav ul li a { font-size:14px; color:#ddd;  font-weight:bold; line-height:14px;}

#bd .bd-r .nav ul li a span { color:#777; font-size:11px; cursor:pointer;}
#bd .bd-r .nav ul li a:hover { color:#DB1820; text-decoration:none }

#bd .bd-r .ft{ width:712px; height:50px; margin-top:195px; }
#bd .bd-r .ft .ft1{ float:left; width:670px; height:50px;}
#bd .bd-r .ft .gswj { float:right; width:30px; height:40px; padding:5px; background-color:#666; }
/*----------products----------*/
#con {width:1280px; margin:0 auto; overflow:hidden; background-color:#2F2D2E; }
#con .con-l{float:left; position:fixed;}
#con .con-l ul li{ width:145px; height:145px; overflow:hidden;}
#con .con-l img{filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0;}
#con .con-l img:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}

#con .con-r{ width:870px; min-height:725px; _height:725px; float:right;}
#con .con-r .hd{ width:870px; height:70px; background-color:#DB1820; position:relative;}
#con .con-r .hd .logo2{ position:absolute; left:8px; top:7px;}

#con .con-r .hd .nav ul {position:absolute; width:500px; height:35px; right:0; bottom:0; }

#con .con-r .hd .nav ul li {  float:left; width:100px; line-height:14px; padding-bottom: 7px;  white-space:nowrap; }
#con .con-r .hd .nav ul li:hover { background: url(/images/icon-b1.gif) 25px 30px no-repeat;}
#con .con-r .hd .nav ul .selected { background: url(/images/icon-b1.gif) 25px 30px no-repeat;}
#con .con-r .hd .nav ul li a { font-size:14px; color:#fff; font-weight:bold; line-height:14px; }
#con .con-r .hd .nav ul li a span {color:#ccc; font-size:11px; cursor:pointer;}
#con .con-r .rtit { padding-top:200px; text-align:left; color:#aaa;}
#con .con-r .rtit a{color:#aaa;}
#con .con-r .rtit a:hover{color:#DB1820; }
#con .con-r .prolist { padding-top:3px; position:relative;}
#con .con-r .prolist ul li { float:left; width:145px; line-height:14px;}
#con .con-r .prolist ul li img { height:145px; padding-bottom: 10px;}
#con .con-r .prolist ul li a { font-size:14px; color:#ddd; font-weight:bold; line-height:14px; }
#con .con-r .prolist ul li a span {color:#777; font-size:11px; cursor:pointer;}
#con .con-r .prolist ul li a:hover {  color:#DB1820; text-decoration:none; } 
#con .con-r .prolist #pg{ position:absolute; top:-22px; right:10px; color:#aaa; }
#con .con-r .prolist #pg a{color:#eee; }
#con .con-r .prolist #pg a:hover{color:#DB1820; }

#con .con-r .ft{ width:870px; height:50px; margin-top:198px; }
#con .con-r .ft .ft1{ float:left; width:830px; height:50px;}
#con .con-r .ft .gswj { float:right; width:30px; height:40px; padding:5px; background-color:#666; }

#con .con-r .ftt{ width:870px; height:50px; margin-top:50px; }
#con .con-r .ftt .ft1{ float:left; width:830px; height:50px;}
#con .con-r .ftt .gswj { float:right; width:30px; height:40px; padding:5px; background-color:#666; }

/*----------products1----------*/
#con .con-r1{ width:870px; min-height:725px; _height:725px; float:right;}
#con .con-r1 .hd{ width:870px; height:70px; background-color:#DB1820; position:relative;}
#con .con-r1 .hd .logo2{ position:absolute; left:8px; top:7px;}

#con .con-r1 .hd .nav ul {position:absolute; width:500px; height:35px; right:0; bottom:0; }
#con .con-r1 .hd .nav ul li {  float:left; width:100px; line-height:14px; padding-bottom: 7px;  white-space:nowrap; }
#con .con-r1 .hd .nav ul li:hover { background: url(/images/icon-b1.gif) 25px 30px no-repeat;}
#con .con-r1 .hd .nav ul .selected { background: url(/images/icon-b1.gif) 25px 30px no-repeat;}
#con .con-r1 .hd .nav ul li a { font-size:14px; color:#fff; font-weight:bold; line-height:14px; }
#con .con-r1 .hd .nav ul li a span {color:#ccc; font-size:11px; cursor:pointer;}
#con .con-r1 .rtit { padding-top:80px; text-align:left; color:#aaa;}
#con .con-r1 .rtit a{color:#aaa;}
#con .con-r1 .rtit a:hover{color:#DB1820; }

#con .con-r1 .prolist1  {clear:both; position:relative;}
#con .con-r1 .prolist1 .clearfix { padding-top:3px;}
#con .con-r1 .prolist1 .clearfix li{ float:left; width:202px; height: 176px; overflow:hidden; margin-right: 15px; text-align:center; margin-bottom:4px; }
#con .con-r1 .prolist1 .clearfix li a img  { border:1px #777 solid;}
#con .con-r1 .prolist1 .clearfix li a img:hover {}
#con .con-r1 .prolist1 .clearfix li .pro-b { height:25px; line-height:25px; margin-top:2px; }
#con .con-r1 .prolist1 .clearfix li .pro-b a { height:25px; line-height:25px; color:#ddd; }
#con .con-r1 .prolist1 .clearfix li .pro-b a:hover {color:#DB1820; }

#con .con-r1 .prolist1 #pg{text-align:center; padding-bottom:20px; color:#aaa;}
#con .con-r1 .prolist1 #pg a{ color:#eee;}
#con .con-r1 .prolist1 #pg a:hover{ color:#DB1820;}

#con .con-r1 .ft{ width:870px; height:50px; margin-top:198px; }
#con .con-r1 .ft .ft1{ float:left; width:830px; height:50px;}
#con .con-r1 .ft .gswj { float:right; width:30px; height:40px; padding:5px; background-color:#666; }

#con .con-r1 .ftt{ width:870px; height:50px; margin-top:50px; }
#con .con-r1 .ftt .ft1{ float:left; width:830px; height:50px;}
#con .con-r1 .ftt .gswj { float:right; width:30px; height:40px; padding:5px; background-color:#666; }


/*----------news----------*/
#con .con-r .newslist { padding-top:3px; position:relative;}
#con .con-r .newslist ul li { float:left; width:145px;}
#con .con-r .newslist ul li img { padding-bottom: 8px;}
#con .con-r .newslist ul li .news-b {line-height:14px; width:130px; height:14px; overflow:hidden;}
#con .con-r .newslist ul li .news-b a { font-size:12px; color:#ddd; font-weight:bold; line-height:14px; width:50px; height:14px; overflow:hidden; }
#con .con-r .newslist ul li a {color:#777; font-size:11px; cursor:pointer;}
#con .con-r .newslist ul li .news-b a:hover {  color:#DB1820; text-decoration:none; } 

#con .con-r .newslist #pg{ position:absolute; top:-22px; right:10px; color:#aaa; }
#con .con-r .newslist #pg a{color:#eee; }
#con .con-r .newslist #pg a:hover{color:#DB1820; }
.content{ padding-right:10px; padding-top: 20px; color:#ccc;}
.content p{color:#ccc;}
.fanhui { padding:20px;}
.fanhui a{ color:#fff;}
.fanhui a:hover{ color:#DB1820;}

/* 重定义public部分 */
input,textarea{ border:#999 1px solid; background-color:#333; color:#CCC}
input{ padding:2px;}
button, input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:2px 10px; padding-top:5px; cursor:pointer; background-color:#333;}
input[type="reset"]:hover,input[type="submit"]:hover{ background-color:#111;}