@charset "utf-8";
/* CSS Document */
body{ background-color:#fff;}
*{ margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑",方正中等线简体,宋体; color:#5c5c5c;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th { padding:0; margin:0; }
img, table, td, th { border: 0; }
ul, ol { list-style-type:none; }
.clear { clear: both; height: 0; font-size: 1px; }
.blank{ clear:both; width:100%; height:5px;}

img,input,button,select{vertical-align:middle;}
input{ border:1px solid #dedede; background:#fff; height:30px;vertical-align:middle;}
select{border:1px solid #dedede; background:#fff; height:30px;vertical-align:middle;}

.bodey_fei{ background:#eeebeb;}
/*
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src="images/login.png"); background:none;解决设置PNG图片背景为透明。IE6*
line-height: 26px\9; IE8来hack　　*line-height: 23px;　IE7来hack　　　_line-height: 23px;　ie6 
#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}
CSS3 文字特性
style="vertical-align: middle;text-decoration:line-through;"给价格加价格删除线  　writing-mode:tb-rl; 让文本竖向排列 　letter-spacing:5px;字符间距
text-overflow:ellipsis; 超出的以省略号代替   word-wrap:break-word; 超出文字自动换行政 
文字描边:Text-fill-color: 文字内部填充颜色　　Text-stroke-color: 文字边界填充颜色　Text-stroke-width: 文字边界宽度
color: rgba(255, 0, 0, 0.75);  background: rgba(0, 0, 255, 0.75); 颜色的透明度　
CSS3 盒子特性
border-radius:5px; CS3中设置边框圆角
background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(#2A8BBE),to(#FE280E)); 渐变背景颜色，
background-image:-webkit-gradient(linear,0% 0%,100% 0%,from(#2A8BBE),color-stop(0.33,#AAD010),color-stop(0.33,#FF7F00),to(#FE280E)); 

text-shadow:5px 2px 6px rgba(64, 64, 64, 0.5);文字投影   box-shadow:3px 3px 3px rgba(0, 64, 128, 0.3); 盒子投影效果
*/
/*表格样式开始  */
.tablelist{ width:100%; border:0px solid #fff; /*表格边框  */ font-family:Arial; color:#b5b5b5; border-collapse:collapse; 边框重叠
 background-color:none; /*表格背景色   */ font-size:14px;  }  
.tablelist a,.tablelist a:link{ color:#2F496E; text-decoration:none;}
.tablelist a:hover{ text-decoration:underline;}

.tablelist th{   border:1px solid #b5b5b5; /*行名称边框   */ border-collapse:collapse;/*边框重叠   */ background:#a3c530;
 height:30px; line-height:30px;/* background-color:#4bacff;  行名称背景色 */   color:#fff;     /*行名称颜色    */
 padding-left:5px; font-size:14px; font-weight:bold; text-align:center;}  

.tablelist .trstyle{ border:1px solid #2ed0d5; /*行名称边框   */ background:url(../smwp-image/index/table_title_bg.gif) repeat-x;
 height:20px; line-height:20px;/* background-color:#4bacff;  行名称背景色 */   color:#383e4b;     /*行名称颜色    */
 padding-left:10px; padding-right:10px; font-size:13px; font-weight:bold; } 

.tablelist td{   border:1px solid #b5b5b5;  /*单元格边框   */  padding-top:6px; padding-bottom:6px;   padding-left:10px; padding-right:10px;  
 table-layout: fixed; word-wrap:break-word;/* 文本自动换行   */ background:#fff; text-align:center;}
.tablelist tr:hover{ background-color:#ECF5FF;}  /* 鼠标经过的颜色   */
.tablelist tr.altrow{   background-color:#c7e5ff; /* 隔行变色   */ }  
/*表格样式结束  */

.body_bg{ background:#eaf2ff;}
a,a:link{ text-decoration:none; color:#505050;}

/*头部*/
.header{ width:100%; height:123px; background:#eaf2ff;}
.header_main{ width:1200px; margin:0px auto; height:100%;}
.logo{ float:left; width:300px; margin-top:10px;}
.header_main .menu{ float:right; margin-top:50px;}
.header_main .menu li{ list-style:none; float:left; padding:0px 10px; color:#505050; position:relative; z-index:1000;}
.header_main .menu li ul{display:none;}
.header_main .menu li:hover ul{ display:block; background:#dedede; border-top:none; position:absolute; top:20px; left:-10px; z-index:1000; width:330px;}
.header_main .menu li:hover ul li{ list-type:none; float:left; margin-left:10px; width:80px; line-height:25px;}
.header_main .menu li a,.header_main .menu li a:link{ color:#505050; text-decoration:none;}
.header_main .menu li.active{ color:#0285da;}
.header_main .menu li.active a,.header_main .menu li.active a:link{color:#0285da; text-decoration:none;}



.bannner{ width:100%; height:525px; overflow:hidden; text-align:center;}
.bannner img{ text-align:center; vertical-align:middle; margin:0px auto;}

.bannner_other{ height:300px;width:100%;overflow:hidden; text-align:center;}

/*新闻图列*/
.index_news{ width:1200px; margin:0px auto; margin-top:30px;}
.index_news ul li{ width:170px; float:left; list-style:none; margin-left:36px; text-align: center;}
.index_news ul li a,.index_news ul li a:link{ color:#505050; text-decoration:none;}
.index_news ul li a:hover{ color:#0285da; text-decoration:underline;}
.mrl_none{ margin-left:0px !important;}

/*底部*/
.footer{ width:100%; border-top:1px solid #0285da; height:110px; margin-top:30px;}
.footer_main{ width:1200px; margin:0px auto; text-align:center; color:#095e94; line-height:25px; padding-bottom:20px;}
.footer_main p{ margin-top:20px; margin-bottom:8px;}
.footer_main a, .footer_main a:link{color:#095e94; text-decoration:none;}
.footer_main a:hover{color:#0285da; text-decoration:underline;}


/*内容区域*/

.main{ width:1200px; margin:0px auto; margin-top:30px;}

.main_left{ width:230px; float:left;}
.main_left .title{ width:100%; height:70px;}
.main_left .title_img{ float: left; width:10px; margin-left:15px;}
.main_left .title_tex{ float:left; margin-left:20px;}
.main_left .title_tex h1{ font-size:22px; margin-top:18px;}
.main_left .title_tex .englis{ color:#b4b4b4; font-size:15px;}

.main_left .main_left_menu{ margin-top:30px; width:100%;}

.main_left .main_left_menu li{ line-height:40px; margin-left:45px; font-size:16px;color:#505050;}
.main_left .main_left_menu li a,.main_left .main_left_menu li a:link{ color:#505050; text-decoration:none; font-size:16px;}
.main_left .main_left_menu li a:hover{ color:#0285da; text-decoration:none;}

.main_left .main_left_menu li.active{color:#0285da; text-decoration:none;}
.main_left .main_left_menu li.active a,.main_left .main_left_menu li.active a:link{color:#0285da; text-decoration:none;}



.main_right{ width:960px; float:right;}
.main_right .where{color:#9c9c9c; border-bottom:1px solid #c6cdd8; line-height:35px; margin-top:30px;}
.main_right .where a,.main_right .where a:link{ color:#9c9c9c; text-decoration:none;}
.main_right .where a.active{ color:#0285da; text-decoration:none;}


/*产品图片区*/
.main_right .product{ width:100%; margin-top:15px;}

.main_right .product ul li{ list-style:none; float:left; width:222px; height:196px; border:1px solid #b5b5b5; margin-left:20px; text-align:center; line-height:30px; margin-top:15px;}
.main_right .product ul li:hover{box-shadow:0px 0px 8px #a09f9f;}
.main_right .product ul li img{ width:206px; height:134px; margin-top:6px; margin-left:6px;}
.pr_line_box{ margin:0px auto; height:3px; background:#dbb85a; width:44px;}
.main_right .product ul li p{ margin-top:10px;}

/*产品详情*/
.product_content{ width:100%; margin-top:30px;}
.product_content .img_box{ float:left; margin-left:15px; width:350px; height:230px; overflow:hidden;}
.product_content .img_box img{ max-width:350px; max-height:230px;}
.product_content .pro_text{ float:left; margin-left:60px; width:520px; line-height:25px;}
.pro_title{ font-size:20px; color:#505050; margin-top:40px; margin-bottom:30px;}



.page{ width:100%; text-align:center; margin-top:20px;}
.page a,.page a:link{ padding:3px 8px; color:#5c5c5c; text-decoration:none; margin-left:10px;}
.page a.active{ background:#0285da; color:#fff;}


/*产品详情TAB*/
.nTab{float: left; width: 100%; margin: 0 auto; margin-top:30px;}
.nTab .TabTitle{clear: both; height: 30px; border-bottom:2px solid #c6cdd8; position:relative;}
.nTab .TabTitle ul{border:0;margin:0;padding:0;}
.nTab .TabTitle li{float:left; width: 120px; text-align:center; cursor: pointer; padding-bottom: 8px;list-style-type: none; font-size:16px;}
.nTab .TabTitle .active{border-bottom:2px solid #0285da; color:#0285da;}
.nTab .TabTitle .normal{}
.nTab .TabContent{width:95%;margin: 0px auto; margin-top:20px; padding:10px 0 0 0; line-height:25px;}
.nTab .TabContent img{ max-width:100%;}
.none {display:none;}


/*关于我们*/
.about_title{font-size:20px; color:#505050; font-weight:bold; margin-top:40px; margin-bottom:5px; margin-left:10px;}
.about_conten{ float:left; width:600px; margin-left:10px; margin-top:30px; font-size:15px; line-height:30px;}
.about_conten_right{ float:right; margin-top:30px;}

.contact{ margin-left:10px;}
.contact p{ line-height:30px;}

.fei_color{ color:#787878;}
.recruit_title{font-size:16px; color:#2c81b8; font-weight:bold; margin-top:40px; margin-bottom:10px; margin-left:10px;}
.recruit_tip{ font-size:18px; color:#383838;}