@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#333333; background:#e8e9eb; line-height:24px; font-family:Arial, Helvetica, sans-serif}

a { color:#333333; font-size:12px; text-decoration:none; }

a:hover {  text-decoration:none;}



/***************index css********************/
.top{ width:1000px; height:40px; background:#e8e9eb; margin:0 auto}
.top .left{ float:left;}
.top .left .yy{ float:left; margin-top:8px; height:25px; line-height:25px;}
.top .left .yy .name{ float:left; line-height:25px; margin-right:8px;}
.top .left .yy ul{ float:left}
.top .left .yy ul li{ float:left; margin-right:12px;}
.top .left .sj{ float:left; height:18px; margin-top:12px;}
.top .left .sj .name{ float:left; line-height:18px; margin-right:4px;}
.top .left .sj ul{ float:left;}
.top .left .sj ul li{ float:left; margin-right:5px;}
.top .right{ float:right; margin-top:4px;}
.top .right ul li{ float:left; margin-left:8px; width:89px; height:31px; background:url(../images/yy-btn.jpg) no-repeat; text-align:center; line-height:31px; color:#333333; font-weight:bold}

.header-bg{ width:100%; height:142px; background:#ffffff;}
.header-bg .logo-bg{ width:1000px; height:72px; margin:0 auto; margin-top:32px;}
.header-bg .logo-bg .logo{ float:left; margin-left:20px;margin-top: 25px;}
.header-bg .logo-bg .search{ float:right;}
.header-bg .logo-bg .search .wbk{ width:202px; height:32px; background:url(../images/wbk.jpg) no-repeat; line-height:32px; color:#999999; font-size:12px; text-indent:7px; float:left; border:none;}



#nav{ width:1000px; height:38px; margin:0 auto;}
#nav ul{ }
#nav ul li { float:left; display:inline; height:38px;width: 20%; text-align:center  }
#nav ul li a{ display:block; height:38px; line-height:38px; padding-left:28px; padding-right:30px; color:#333333; font-size:14px;}
#nav ul li a:hover{ display:block; height:38px; line-height:38px; padding-left:28px; padding-right:30px; color:#e8341b; font-size:14px;}


.flash{ width:990px; height:410px; margin:0 auto; border:5px solid #fff; margin-top:20px;}



/******************************** index *********************************/
.about{ width:1000px; height:60px; border-top:1px solid #afafaf; border-bottom:1px solid #afafaf; line-height:60px; text-align:center; font-size:21px; color:#333333; text-transform:uppercase}

.pro{ width:1000px; height:auto; padding-top:20px; padding-bottom:5px;}
.pro ul li{ width:238px; height:422px; background:#e8e9eb; box-shadow: 0 0 10px #0d0206; overflow:hidden; margin-left:6px; margin-right:6px;}
.pro ul li .tu{ width:238px; height:300px; background:#fff;}
.pro ul li .tu img{ display:block; width:218px; height:280px; margin:0 auto; margin-top:5px;}
.pro ul li .name{ width:238px; height:28px; border-bottom:1px solid #000; text-align:center; line-height:28px; color:#333333; font-size:14px; text-transform:uppercase;}
.pro ul li .memo{ width:238px; height:44px; line-height:22px; text-align:center; padding-top:8px; color:#666;}
.pro ul li .more{ display:block; text-align:center; height:24px; line-height:24px; color:#000000; font-weight:bold; font-weight:bold}

.equ{ width:1000px; height:200px; border-top:1px solid #afafaf; border-bottom:1px solid #afafaf; margin-top:30px}
.equ .txt{ width:880px; height:160px; margin:0 auto; margin-top:20px;}
.equ .txt ul li{ width:210px; height:150px; float:left; border:5px solid #fff;}
.equ .txt ul li img{width:210px; height:150px; display:block;}

/****************************** ny *************************************/
.mbxn{ width:100%; height:24px; background:#000000;}
.mbxn .bg{ width:1000px; height:24px; margin:0 auto; line-height:24px; color:#ffffff;}
.mbxn .bg a{ color:#fff;}


.centern{ width:1000px; height:auto; margin:10px auto;}

.ny_left{ width:210px; height:auto; float:left; display:inline; }
.ny_cpfl{ width:210px; height:auto;}
.ny_cpfl .title{ height:32px; line-height:32px; color:#000000; font-size:20px;}
.ny_cpfl .txt{ width:210px; height:auto; margin-top:5px;}

.ny_side{ width:757px; height:auto; float:right; display:inline;}
.ny_side .title{ height:32px; line-height:32px; color:#000000; font-size:20px;}
.ny_side .txt{ width:100%; height:auto; margin-top:15px; min-height:300px;}

.prosd{ width:757px; height:auto;}
.prosd .tu{ width:755px; height:489px; border:1px solid #cccccc}
.prosd .tu img{width:755px; height:489px; display:block}
.prosd .box{ width:755px; height:auto; margin-top:20px;}
.prosd .box .name{ width:755px; height:30px; line-height:30px; color:#000000; font-size:16px; font-weight:bold;}
.prosd .box .nr{ width:755px; height:auto; margin-top:5px;}
.prosd .box .nr table{ width:753px; height:auto;}
.prosd .box .nr table tr td{ border:1px solid #cccccc; line-height:30px; padding:5px; font-size:14px;}


.prosd .box ul.color li{ width:60px; height:auto; float:left; overflow:hidden; margin-left:4px; margin-right:4px; margin-bottom:8px;}
.prosd .box ul.color li img{ width:60px; height:60px;}
.prosd .box ul.color li .name{ text-align:center; height:24px; line-height:24px; width:100%; font-size:12px; font-weight:normal}



ul.proul li{ width:378px; height:150px; border-bottom:1px solid #ccc; overflow:hidden; margin-bottom:20px; float:left;}
ul.proul li dl{ width:358px; height:130px; margin:0 auto; overflow:hidden;}
ul.proul li dl dt{ width:200px; height:130px; float:left;}
ul.proul li dl dt img{ width:196px; height:126px; display:block; border:2px solid #fff}
ul.proul li dl dd{ width:150px; height:130px; float:right; overflow:hidden}
ul.proul li dl dd .name{ width:100%; line-height:22px;  color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.proul li dl dd .memo{ line-height:22px; color:#333;}
ul.proul li dl dd .yx{ height:24px; background:url(../images/yx.jpg) no-repeat left; padding-left:22px; line-height:24px; display:block; overflow:hidden; margin-top:10px;}




.colors{ width:1000px; height:auto; margin-top:30px;}
.colors .title{height:30px; line-height:30px; color:#000000; font-size:18px; font-weight:bold;}
.colors .txt{ margin-top:10px; height:auto;}
.colors ul li{ width:90px; height:auto; float:left; overflow:hidden; margin-left:5px; margin-right:5px; margin-bottom:8px;}
.colors ul img{ width:90px; height:90px;}
.colors ul .name{ text-align:center; line-height:24px; width:100%; font-size:12px; font-weight:normal}