@charset "utf-8";

body{ background: #000; font-family:"Microsoft YaHei"; font-size:12px; line-height:26px; color:#b0b0b0;}
a{color:#b0b0b0;text-decoration:none;}
a:hover{color:#b0b0b0;text-decoration:none;}

.fl{ float:left; display: inline;}
.fr{ float:right; display: inline;}
.cr{ clear: both; overflow: hidden; }

/*===========top================*/
#top{ width:100%; height:30px; margin: 0 auto;}
.top_main{width:1100px; height:30px; margin:0 auto;}

#top span.fr{}
#top span.fr a{margin:0 12px; color: #b7b7b7;}
#top span.fr a:hover{color: #fff;} 
#top form{width: 145px; height: 26px;   line-height: 26px; background: url(../images/search.png) 0 center no-repeat;}
#top form span{ margin-left: 10px; display: inline-block; color: #fff;}
#top .keyword{ border: none; background: none; width: 115px; color: #fff; height: 26px; margin-left: 8px;}
#top .submit{ border: none;  width: 16px; height: 26px; margin-right: 6px;  cursor: pointer; background: none;}

/*=======================nav========================*/
#nav{ height:101px; width: 100%; background: url(../images/nav_bg.png) repeat-x; }
#nav .main{width:1100px; height:101px; margin:0 auto;}
#nav li{ float: left; height:96px;}
#nav li.line{width: 2px; background: url(../images/nav_line.png) 0 0 no-repeat;}
#nav li a{ text-align: center; width: 100px; font-size: 14px; height: 96px; overflow: hidden; display: inline-block; line-height: 96px; color: #555; font-weight: bold;}
#nav li a:hover,#nav li a.over{background: url(../images/nav_over.png) repeat-x; color: #d51919;}

#nav a.fl img{margin-top:12px; width: 405px; height: 67px;}

/*===========banner===========*/
#banner{width:100%;  height: 360px; margin: -5px auto 0; position: relative; overflow: hidden;}
#banner .bd{width:100%; height: 360px; margin: 0 auto; z-index: 0; overflow: hidden;}
#banner .bd li {width:100%; height: 360px; overflow: hidden;}
#banner img{width: 1920px; height: 360px; position: relative; left: 50%; margin-left: -960px;}

/*===========index_banner===========*/
#index_banner{width:100%;  height: 570px; margin: -5px auto 0; position: relative;}
#index_banner .bd{width:100%; margin: 0 auto; z-index: 0; overflow: hidden;}
#index_banner .bd li {width:100%; height: 570px; overflow: hidden;}
#index_banner .bd li img{width: 1920px; height: 570px; position: relative; left: 50%; margin-left: -960px;}

#index_banner .hd{width:60px; margin-left: -30px; z-index: 0; overflow: hidden; position: absolute; left: 50%; bottom: 10px; z-index: 1;}
#index_banner .hd li{float: left; background: url(../images/banner_hd.png) -12px 0 no-repeat; width: 12px; height: 12px; margin-right: 8px; overflow: hidden; text-indent: 999px; cursor: pointer;}
#index_banner .hd li.on{background-position: 0 0;}
#index_banner a.prev,#index_banner a.next{ font-family: "宋体"; width: 76px; height: 76px; display: block; background: #000; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; position: absolute; top:250px; color: #fff; line-height: 76px; font-size: 60px; cursor: pointer; text-align: center;}
#index_banner a.next{right: 0;}

/*===============protype==================*/
#protype{width:100%; background: #fff;  height: 117px; margin: 0 auto;}
#protype .main{width:1100px; height:117px; margin:0 auto;}
#protype li{float: left;}
#protype a{background: url(../images/protype_icon.png) center -117px no-repeat #fff; display: block; width: 183px; height: 35px; border-top: 4px solid #fff; text-align: center; font-size: 14px; padding-top: 75px; color: #666;}
#protype a:hover{background: url(../images/protype_icon.png) center 0 no-repeat #ededed;  border-top: 4px solid #d51919;}
#protype a.more{background: url(../images/protype_icon.png) center -234px no-repeat #fff;}
#protype a:hover.more{background: url(../images/protype_icon.png) center -234px no-repeat #ededed;}

/*============trait================*/
#trait{width: 1100px; background: #fff; margin: 40px auto 50px; font-size: 14px; color: #666; }
#trait span{display: block;}
#trait span.tit{font-weight: bolder; font-size: 18px; color: #000; line-height: 40px;}
#trait div.fl_1{padding-left: 40px; display: table; height: 280px;}
#trait div.fl_con{display: table-cell; vertical-align: middle;}
#trait div.fl_2{padding-left: 35px; display: table; height: 220px;}

/*================pro=================*/
#pro{ width: 1100px; margin:0 auto; height: 508px; background:#797d80;}
#pro>div.fl{width: 396px; height: 508px; margin-left: 90px; display: table; }
#pro>div.fl .con{display: table-cell; vertical-align: middle;}
#pro>div.fl .con span.tit{ display: block;  font-size: 18px; font-weight: bold; color: #fff;}
#pro>div.fl .con .memo{ margin-bottom: 50px; color: #fff;}
#pro>div.fl .con a.fl{width: 102px; height: 25px; display: block; background: #d51919; border: 1px solid #d51919; color:#fff; text-align: center; margin-right: 15px;}
#pro>div.fl .con a.more{ background: none; border-color: #fff;}
#pro>div.fl .con table{width: 100%; margin-top: 45px; background: #949799; color: #fff; text-indent: 20px;}
#pro>div.fl .con table td{border: 2px solid #797d80;}
#pro>div.fl .con table tr td:first-child{width: 140px;}

/*================index=============================*/
#index{width: 1100px; margin: 75px auto 115px; height: 282px;}
#index .con{width: 308px; height: 276px; float: left; margin-right: 88px; background: #fff; border-bottom: 6px solid #d51919; overflow: hidden;}
#index .con:last-child{margin-right: 0;}
#index .con a.tit{ padding-left: 18px; display:inline-block; font-size: 18px; font-weight: bold; color:#000; margin-top: 20px;}
#index .con span{ display: block; padding-left: 18px;}

/*====================proClass========================*/
#proClass{width:100%;padding: 40px 0; background:#525455;  margin: 0 auto;}
#proClass .main{width: 1100px; margin: 0 auto;text-align:left; overflow: hidden;}
#proClass a.tit{display: block; font-size: 14px; font-weight: bold; color: #fff; width: 60px;}
#proClass ul{width: 1100px;}
#proClass li{float: left; width: 220px;}
#proClass li a:hover{ text-decoration: underline; color: #fff;}

/*==================footer=================*/
#footer{ width:100%;height:100px; background:#2b2c2d; margin: 0 auto;}
#footer .main{width: 1100px;margin: 0 auto; text-align:left; line-height: 37px; overflow: hidden;}
#footer  img.fr{margin-top: 10px;}

/*	内页 */
/*==============================con================*/
#con{ width:1100px; margin: 46px auto 42px;}

/*======================con_fl====================*/
#con .con_fl{width: 210px;}
#con .con_fl a.tit{  width: 210px; height: 55px; display: block; color: #fff; background: #d51919; text-indent: 16px; font-size: 20px; font-weight: bold; padding-top: 10px;}
#con .con_fl a.tit span.en{ font-weight: normal; font-size: 14px; text-indent: 16px; display: block; line-height: 16px;}
#con .con_fl img{margin-bottom: 10px;}
#con .con_fl img:first-child{margin-top: 26px;}
/*======================con_fr====================*/
#con .con_fr{width: 890px;}
#con .con_fr .tit_line{width: 100%; height: 1px; background:#393939; margin-top: 30px; position: relative;}
#con .con_fr .tit_line img{position: absolute; right: 0; top: -4px;}

#con .con_fr .tit{ width: 844px; height: 40px; border-bottom: 1px solid #393939; margin: 8px 0 32px 0;}
#con .con_fr .tit a{font-size: 18px; color: #fff; line-height: 40px;}

#con .con_fr .con{width: 844px;}

#con .con_fr ul.pro{ width: 876px; }
#con .con_fr ul.pro li{float: left; margin:0 32px 32px 0; width: 260px; text-align: center; }
#con .con_fr ul.pro a{position: relative; width: 260px; height: 180px; display: block;}
#con .con_fr ul.pro li img{width: 260px; height: 180px;}
#con .con_fr ul.pro li .kuang{ display: none; position: absolute; top:0; left: 0; background: url(../images/kuang.png) 0 0 no-repeat; width: 260px; height: 70px; color: #fff; padding-top: 110px;}
#con .con_fr ul.pro li a:hover .kuang{display: block;}

/*分页*/
div.pager,div.pager2{text-align:right; clear: both; height:28px; line-height: 28px;}
div.pager span{margin: 0 4px;}
div.pager a{ color: #666; display: inline-block; padding: 0 8px; height: 26px; border: 1px solid #666;}
div.pager a:hover,div.pager a.on{ color: #fff; border: 1px solid #fff;}

div.pager2 a{ display: inline-block; padding: 0 8px; height: 26px;}

/*==============producttype======================*/
.producttype{width: 210px; text-align: left;}
.producttype li{width: 192px; line-height:47px; padding-right: 18px; margin-bottom: 1px;}
.producttype li a{display:block; }
.producttype1{background: #38373e;}
.producttype1 a{ background: url(../images/con_fl_li.png) right 0 no-repeat; text-indent: 16px; color: #fff;}
.producttype1sel{background: #504f57;}
.producttype1sel a{ background: url(../images/con_fl_li.png) right -47px no-repeat; text-indent: 16px; color: #fff;}

.producttype2{ display:none;}
.producttype2 a{text-indent: 16px; color: #fff;}
.producttype2sel{display:none;}
.producttype2sel a{text-indent: 16px;}

/*============floatQQ===================*/
#floatQQ{width: 92px; height: 110px; background: #fff; border: 1px solid #ddd; position: absolute; right: 50%; margin-right: -700px; top: 60px; text-align: center;}
#floatQQ span{display: block; height: 12px; line-height: 12px;}
#floatQQ img{margin: 10px auto; }
#floatQQ a{display: block; border-top: 1px solid #ddd; margin-top: 10px;}