/* CSS Document */
body{background:#fff; margin:0px; padding:0px; font-size:14px;font-family: "Microsoft YaHei","simsun", Arial, Helvetica, sans-serif;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
ul,li,dl,dd{list-style:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
a:link{color:#666;text-decoration:none;outline:none;}
a:visited{color:#666;text-decoration:none;}
a:hover{color:#d10001;text-decoration:none;}
a:active{color:#d10001;text-decoration:none;}
#clear{ clear:both; height:0px;}


#head{width:100%; height:48px; background:url(../wapimages/head_bg.png) repeat-x;}
#head_l{padding-left:5px;float:left;}
#head_l img{}
#head_r{float:right; text-align:right; padding-top:8px; padding-right:5px;}
#head_r img{vertical-align:middle;}

#path{width:100%; height:36px; border-bottom:1px solid #E1E1E1;}
#path_l{float:left; color:#009CDC; line-height:36px; font-size:16px; font-weight:bold;}
#path_r{float:right; text-align:right; padding-right:10px; padding-top:6px;}

#main{padding:0px 5px; margin-top:12px;}
.m_list{width:50%; text-align:center;}
.m_l{float:left;}
.m_r{float:right;}
#main .clear{clear:both; float:none; width:100%; height:12px;}
.m_list a{width:95%; background:#CCC; display:inline-block; height:110px; position:relative;}
.m_list a.about{background:#FF7F00;}
.m_list a.pro{background:#6BC30D;}
.m_list a.sol{background-color:#0083D6;}
.m_list a.news{background:#FFCC00;}

#main p{text-align:left; color:#FFF;}
#main p.title{padding:12px 0px 0px 12px;}
#main p.text{padding:5px 0px 0px 12px; font-size:11px;}
#main p.img{position:absolute; right:0; bottom:0; padding-right:10px; padding-bottom:10px;}

#btmdo{padding:0px 5px; height:40px;}
#btmdo div{width:50%; text-align:center;}
#btmdo div a{width:95%; background:#AAA; display:inline-block; height:40px; text-align:center; color:#FFF;}
#btmdo div a img{margin-top:-4px; margin-right:6px;}
#btmdo div a span{font-size:16px; display:inline-block; padding-top:9px;}

#backtop{height:46px; margin:0px auto 0px auto;}
#backtop a{display:block; text-align:center; height:46px; background:#333; color:#FFF;}
#backtop a img{margin-top:-4px; margin-right:6px;}
#backtop a span{color:#FFF; font-size:16px; display:inline-block; padding-top:11px;}

#foot{color:#666; padding:10px; text-align:center; line-height:150%;}

#main_in{padding:0px 10px 0px 10px; margin-top:6px;}

.text{line-height:180%;}
.text p{margin-bottom:18px;}
h1{color:#464646; display:block; margin:0; padding:0; font-size:16px; font-weight:normal; margin-top:15px;}

.prolist{display:block;}
.prolist li{float:left; display:block; width:45%; text-align:center;}
.prolist li a{display:block;}
.prolist li a img{width:100%; padding:2px; border:1px solid #DDD; display:block;}
.prolist li a span{display:block; padding-top:6px; line-height:20px; font-size:13px;}
.prolist li a:hover img,.prolist li a:active img{border:1px solid #00A0FC;}
.prolist li a:hover span,.prolist li a:active span{color:#009CDC;}
.prolist li.clear{float:none; clear:both; width:100%; height:20px;}

#propath{background:#00A3E8; padding:6px 10px 7px 10px; margin-top:12px; color:#FFF;}
#propath a{color:#FFF;}
#propath a:hover,#propath a:active{color:#CAEBFF;}

#procon img{max-width:100% !important;}

.newslist{padding-top:10px; border-bottom:1px solid #CFCFCF; padding-bottom:10px;}
.newslist a{display:block; font-size:13px; padding:3px 14px; background:url(images/arr_point.gif) no-repeat 4px center;}
.newslist span{display:block; color:#888; padding-left:14px;}

#newscon{margin-top:13px; border-top:1px solid #E6E6E6; padding-top:8px;}
#newscon img{max-width:100% !important;}

#relative{
	position:relative; width:100%; height:0px; z-index:9;		
}
#allmenu{
	height:50px; padding-top:12px; width:100%;
	position:absolute; z-index:10;
	background:#000;
	opacity:0.8;
	text-align:center;
}
#allmenu a{display:inline-block; padding:10px 0px 11px 0px; width:18%; margin-left:3px; color:#FFF;}
#search{height:50px; padding-top:12px; width:100%;position:absolute; z-index:10;background:#000;opacity:0.8;text-align:center;}
#keys{outline:none; border:0px none; width:100%; background:none; padding-top:3px; padding-bottom:3px;}

.searHeight{font-style:normal; color:#EC0000;}




/*手机banner轮播*/
.banner_box{width:100%;text-align:center; clear:both;}
.banner_box img{vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box img{vertical-align:middle;min-height:200px;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden;height:20px;position:absolute;right:10px;bottom:0px;}
.roll_img_mb_01 .nav_box li{width:10px;height:10px;font-size:1px;overflow:hidden;background:#ddd;border-radius:50px;float:left;margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#c00;}




#ind_box{ background:#fff;}

/*首页APP样式*/
/*.buttons{text-align:center; padding:8px; clear:both;}
.buttons a{color:#ffffff;text-decoration:none;font-size:16px;width:31.3%;float:left;display:block; padding:1%;}
.buttons a:hover dl{background:#da251d;}
.buttons dl{width:100%;margin:0 auto; background:#444444;padding:10px 0 10px 0;text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.buttons dl dt{width:100%;}
.buttons dl dt img{}
.buttons dl dd{width:100%;height:20px;line-height:20px;}
*/


/*首页APP样式*/
.buttons{width:100%;text-align:center;margin:20px 0;}
.buttons dl{width:80px;margin:0 auto;text-align:center;}
.buttons dl dt{width:100%;}
.buttons dl dd{width:100%;height:20px;line-height:20px;}
.buttons a{color:#666;text-decoration:none;font-size:16px;width:33%;float:left;display:block;padding-top:10px;margin-bottom:10px;}

.ind_title{width:100%;height:35px;background:#292929;color:#fff;}
.ind_title .tit_name{padding-left:2.1%;height:35px;line-height:35px;float:left;width:auto;font-size:16px;}
.ind_title .more{padding-right:2.1%;height:35px;line-height:35px;float:right;width:auto;}
.ind_title .more a{color:#fff;text-decoration:none;}
 

#ind_newsbox{ width:97%; margin:10px auto;}
#ind_newsbox .ind_hot_news .btt{ font-size:16px; margin-bottom:10px;}

.ind_hot_news{margin-bottom:5px; border:1px solid #ddd; padding:10px 10px 10px 10px; background:#f3f3f3; margin-bottom:10px;}
.ind_hot_news .img{ width:100%; height:160px; display:block;overflow:hidden;}
.ind_hot_news a.bt{ background:url(../wapimages/h_tm90.png); height:30px; display:block; line-height:30px;  color:#fff; margin-top:-30px; position:relative; font-size:12px; text-align:center;}


/* 首页  新闻 */
.ind_news_list li {  margin-bottom:10px; overflow:hidden; clear:both;  border: 1px solid #e3e3e3; padding:10px; background:#f3f3f3; position:relative; }
.ind_news_list li .news_img{ position:relative; float:left; width:100px; height:100px; overflow:hidden;}
.ind_news_list li dl{ position:absolute; left:120px; padding-right:10px;}
.ind_news_list li dl dt{font-weight:bold; margin-bottom:10px;  line-height:20px; font-size: 14px;}
.ind_news_list li dl dd.arc_img { float:left; width:100px; height: 100px; }
.ind_news_list li dl dd.arc_des { line-height:22px; font-size:12px; height:68px; overflow:hidden; color:#666;  clear:both; }


#container{ padding:10px 10px 60px 10px; clear:both; background:#fff;}

#about_box,#news_box,#pro_box{ width:100%; clear:both;}

#biaoti{ width:100%;margin-top:5px;background:#fff;height:35px;border-bottom:2px solid #333;line-height:35px; clear:both;}
#biaoti b{ float:left; color:#333; font-size:16px; font-weight:normal;}
#biaoti b a{color:#F00; border-bottom:2px solid #F00; display:block; height:35px; padding:0 5px 0 5px; float:left;}
#biaoti b span{ margin-left:5px;}
#biaoti .more{ float:right;  color:#666; font-size:12px;margin-right:5px; background:url(../wapimages/more.png) no-repeat left; padding-left:13px;}

.aboutus{ clear:both; margin-top:10px; color:#333; line-height:20px; max-height:110px; overflow:hidden;}
.aboutus .about_img{ float:left; margin-right:10px; width:10%; max-width:128px; min-width:100px; display:block;}
.aboutus .about_img img{ width:100%;}

/*-- 新闻 文章  列表--*/
#liebiao{ padding:5px; clear:both; font-size:14px;}
#liebiao li{border-bottom:1px solid #ecede8;height:30px;overflow:hidden;line-height:30px;background:url(../wapimages/icon.png) no-repeat 0px 14px;padding-left:10px;}
#liebiao li a{ color:#666666; height:30px; display:block; width:80%; float:left;}
#liebiao li a:hover{ color:#e80043;}
#liebiao li span{ float:right;  color:#999; font-size:12px;}

/*-- 热点 推荐  新闻列表--*/
.hot_news{ border:1px solid #ddd; margin:0px 0px 10px 0px; padding:10px;
-webkit-border-radius: 5px;-moz-border-radius: 10px;border-radius: 10px;
-webkit-box-shadow: #ddd 0px 2px 3px;-moz-box-shadow: #ddd 0px 2px 3px;box-shadow: #ddd 0px 2px 3px; text-align:center;}
.hot_news img{ width:100%; max-width:960px; text-align:center;}
.hot_news h1{ font-size:18px; font-weight:normal; margin:10px 0px 10px 0px;}
.hot_news h1 a{ color:#444;}
.hot_news p{ line-height:20px; font-size:13px; text-align:left; color:#999;}

/*-- 圆角 框-*/
#R-box{ border:1px solid #ddd; margin:10px 0px 10px 0px; padding:10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
-webkit-box-shadow: #ddd 0px 2px 3px;-moz-box-shadow: #ddd 0px 2px 3px;box-shadow: #ddd 0px 2px 3px; clear:both; }

/*-- 联系我们 电话、传真 图标 列表 样式 --*/
#Contact_box  li{ font-size:12px; color:#585657; margin-top:10px;*margin-top:2px;padding-left:15px; font-family:"宋体";}
#Contact_box li img{ margin-right:8px; vertical-align:middle;}
#Contact_box li a{ text-decoration:none; color:#990000;}


/*-- 默认产品列表 --*/
#pro_box .pro_box_hot{ padding:5px 0px 5px 0px; height:100px; overflow:hidden; width:100%;}
#pro_box .pro_box_hot .pro_img_01{ float:left; width:45%; margin-left:10px; max-width:120px; margin-bottom:20px; background:#fff;}
#pro_box .pro_box_hot .pro_img_01 .pro_img{ border:1px solid #ddd; width:100%; height:80px; display:block; text-align:center; overflow:hidden;}
#pro_box .pro_box_hot .pro_img_01 .pro_img img{ height:80px;}
#pro_box .pro_box_hot .pro_img_01 h1{ font-size:14px; font-weight:normal; text-align:center; height:20px; line-height:20px; background:#f8f9f4;}
#pro_box .pro_box_hot .pro_img_01 h1 a{color:#0066CC;}

#pro_box .pro_list{width:100%;text-align:left;padding:10px 0;overflow:hidden;}
#pro_box .pro_list dl{width:90px;height:120px;padding:5px 1.5%;float:left;}
#pro_box .pro_list dt{width:90px;height:90px;*line-height:90px;border:1px solid #ddd;text-align:center;overflow:hidden;padding:1px;margin-bottom:5px;display:table-cell;vertical-align:middle;}
#pro_box .pro_list dt a{height:100%;vertical-align:middle\9;_writing-mode:tb-rl;}
#pro_box .pro_list dt img{vertical-align:middle;max-height:90px !important;max-width:90px !important;width:expression(this.width > 90 && this.width > this.height ? 90 :true);height:expression(this.height >90 ? 90: true);vertical-align:middle;overflow:hidden;}
#pro_box .pro_list dd{text-align:center;height:20px;line-height:20px;overflow:hidden;font-size:14px;}

#pro_box .pro_list ul{height:106px;overflow:hidden;padding-left:1.3%;}
#pro_box .pro_list .pro_pic{width:90px;height:90px;*line-height:90px;border:1px solid #ddd;text-align:center;overflow:hidden;padding:1px;margin-bottom:5px;display:table-cell;vertical-align:middle;float:left;margin-right:10px;}
#pro_box .pro_list .pro_pic a{height:100%;vertical-align:middle\9;_writing-mode:tb-rl;}
#pro_box .pro_list .pro_pic img{vertical-align:middle;max-height:90px !important;max-width:90px !important;width:expression(this.width > 90 && this.width > this.height ? 90 :true);height:expression(this.height >90 ? 90: true);vertical-align:middle;overflow:hidden;}
#pro_box .pro_list .pro_intro{width:98.7%;text-align:left;}
#pro_box .pro_list .pro_intro .pro_text{width:100%;text-align:left;margin-top:5px;}
#pro_box .pro_list .pro_intro .pro_text p{width:100%;text-align:left;font-size:12px;}


#proullist{ clear:both;}
#proullist li{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
-webkit-box-shadow: #ddd 0px 2px 3px;-moz-box-shadow: #ddd 0px 2px 3px;box-shadow: #ddd 0px 2px 3px; border:1px solid #ddd; margin:10px 0 10px 0;padding:10px; height:65px; overflow:hidden;background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f3f3f3));background:-moz-linear-gradient(top, #ffffff, #f3f3f3);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f3f3f3,grandientType=0);}
#proullist li a{ display:block; }
#proullist li a:hover{ color:#666;}
#proullist li a .pro_img{ float:left; margin-right:10px; border:1px solid #ddd;}
#proullist li h2{ font-size:16px;}
#proullist li p{ height:40px; line-height:20px; overflow:hidden;}



/*底部浮动样式*/
.body_footer{width:100%;height:45px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#262626), to(#0e0e0e));background:-moz-linear-gradient(top, #262626, #0e0e0e);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#262626,endColorstr=#0e0e0e,grandientType=0);bottom:0;border-top:1px solid #0e0e0e;}
.body_footer ul{width:100%;height:45px;line-height:45px;}
.body_footer ul li{width:25%;float:left;color:#fff;}
.body_footer ul li a{width:100%;height:45px;display:block;border-right:#343434 solid 1px;border-left:#101010 solid 1px;}
.body_footer ul li dl{width:auto;margin:0 auto;text-align:center;}
.body_footer ul li dt{width:auto;height:25px;overflow:hidden;}
.body_footer ul li dd{width:auto;height:20px;font-size:12px;color:#fff;line-height:20px;overflow:hidden;}


#map{ height:35px; clear:both; line-height:35px; font-size:14px; background:#fff; color:#666666; border-bottom:1px solid #ddd; overflow:hidden;}
#map b{ margin-left:10px; color:#0083d6; font-weight:normal; margin-right:5px;}
#map a{ color:#0066CC;}

#page{ text-align:center; border-top:1px solid #ddd; height:30px; line-height:30px; padding-top:5px; font-size:14px;}
#page a{ border:1px solid #1468b0; background:#458fce; color:#fff; text-align:center; padding:2px 5px 2px 5px;line-height:25px; margin:0px 5px 0px 5px;}

#text_about{ padding:10px; font-size:14px; line-height:20px; color:#333333;}
#text_about01{ line-height:20px; color:#333333; padding-bottom:20px;}
#text_about01 #proDetial ul li { border-bottom:1px solid #ddd;clear:both;position:inherit; font-size:14px; width:100%;}

#newsDetail{ padding:10px;line-height:22px;}
#newsDetail p.title, #proDetial .title{ font-size:18px; color:#000000; margin-bottom:5px; text-align:center;}
#newsDetail p.date,#proDetial .date{ border-bottom:1px dashed #ddd;padding-bottom:5px; margin-bottom:10px;font-size:14px; color:#999999; text-align:center;}
#newsDetail p.content, #proDetial .content{ font-size:14px; line-height:22px; color:#444;}
#newsDetail p.content img, #proDetial .content img{ width:100%;}

#news_nrtext{ font-size:12px;  color:#444; line-height:22px;}

#online{ padding:10px; font-size:14px; line-height:20px;}
#online p.cloumn{ font-size:16px; color:#333333; height:25px; line-height:25px; background:#ddd; border:1px solid #ccc; padding-left:5px; margin-bottom:5px;}
.message_input{ height:25px; line-height:25px; border:1px solid #ddd; width:100%; margin-bottom:5px;}
.regCode{ width:50px; height:25px; line-height:25px; border:1px solid #ddd; }
.tj{ width:200px; height:40px; background:#1b7acb; color:#fff;text-align:center; line-height:30px; border:1px solid #0f67b2; margin-top:15px; font-size:16px;}

.proBigNameList ul li{ border-bottom:1px solid #e1e1e1;}
.proBigNameList ul li a{ width:100%; display:block;font-size:18x;color:#333; height:40px; line-height:40px;}
.proBigNameList ul li a em{ font-size:12px; color:#CCC; font-style:normal;}

.pro2List{ clear:both; border:1px solid #ddd; margin-top:10px; background:#f8f8f8;}
.pro2List li { float:left; width:50%; border-bottom:1px solid #ddd;border-left:1px solid #ddd; margin-left:-1px; height:30px; line-height:30px;  text-align:center;}
.pro2List li a{ display:block;}

.none { display:none;}
.pro2List_box h3 { font-family: "Microsoft YaHei",微软雅黑; font-size:16px; background:#f7f7f7; height:35px; line-height:35px; padding-left:12px; }
.pro2List_box ul li { display:inline; }
.pro2List_box ul li h4 a { background:url(../wapimages/bg1.png) no-repeat 115px 14px; padding-left:10px; text-decoration:none; font-size:14px; color:#555; display:block;  height:35px;  line-height:35px; }
.pro2List_box ul li a.noline { border-bottom:none; }
.pro2List_box ul li a:hover{ color:#8caf00; }
.pro2List_box ul li a.selected:hover { color:#fff; }
.pro2List_box ul li .selected { background-color:#8caf00;  background-position:200px -9px; color:#fff; }
.pro2List_box ul li {display:inline-block; width:100%; position: relative; min-height:35px; _height:35px; z-index: 10; zoom:1 }
.pro2List_box ul li h4 { cursor:pointer; clear:both; background:url(../wapimages/bg3.png) no-repeat right 14px #f8f8f8; padding-left:10px; text-decoration:none; font-size:15px; color:#333; display:block;  line-height:35px; font-weight:normal; }
.pro2List_box ul li.noline { border-bottom:none; }
.pro2List_box ul li h4:hover { color:#F03;}
.pro2List_box ul li.selected h4 { background-position: right -42px; border-bottom:1px solid #ddd; }
.pro2List_box ul li a { }
.pro2List_box ul li .on a { color:#8caf00; font-weight:bold; }
.pro2List_box ul li a:hover { color:#8caf00; text-decoration:underline; }
.bg-color { background-color:#8caf00; }
.pro2List_box li .list-item { padding:5px; position:relative; zoom:1 }
.pro2List_box li .list-item p { padding-left:8px; background:url(../wapimages/ico_li.png) no-repeat 60px center; }
.pro2List_box li .list-item a { background:none; padding:0 10px 0 10px; border:none; color: #333333; display:block; text-align:left;float:left; font-size:12px;height:30px; line-height:30px;}
.pro2List_box li .list-item a:hover{ background:#999; color:#fff; text-decoration:none;}
.pro2List_box { border:1px solid #ddd;  zoom:1; width:100%; margin:10px auto;}


#mr1 a{ font-size:16px;color:#0066CC }
#mr2 { padding-left:10px;}
#mr2 a{ font-size:12px; color:#0066CC;}

#proDetial{ padding-top:15px;}
#proDetial p.pic{ text-align:center;width:100%;border:1px solid #ddd; overflow:hidden;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px;}
#proDetial p.pic img{ width:95%;}

#proDetial ul { clear:both;}
#proDetial ul li { clear:both; font-size:14px; height:30px;}
#proDetial ul li i{ font-style:normal; color:#000; width:100px; text-align:left;  position:absolute;margin:5px 0 5px 0px }
#proDetial ul li span{ float:left; line-height:30px; margin:0px 0 0px 60px; color:#666666;}

.onlineAsk{ width:100%; text-align:center; padding:5px 0; clear:both;}
.onlineAsk a{-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius: 5px; margin-top:10px; clear:both; display:inline-block; height:40px; background-color:#F60; line-height:40px; color:#ffffff; width:80%;}
.pro_xxtext{ font-size:14px; line-height:22px; color:#666;}
.pro_xxxx{ margin-bottom:5px; font-size:16px;border-bottom:1px solid #ccc; line-height:30px; height:30px; font-weight:normal; color:#444;}


/*---- 分页 ----*/
#fengye{ text-align:left;font-size:0px; line-height:0px;height:28px; *height:28px; overflow:hidden;clear:both; margin-bottom:3px; margin-left:15px;}
#fengye input{ width:20px; height:15px; color:#000000;}
#fengye a{ border:1px solid #333; background:#444;cursor:pointer;width:60px;color: #fff; text-align:center; display:block; float:left; margin-right:10px; font-size:12px; line-height:25px;}
#fengye a:visited{color: #ff7300;}
#fengye a:hover{ border:1px solid #990000; background-color:#ff0000; color:#fff;}
#fengye input{  height:30px; text-decoration:999em; border:none; display:block; margin-top:60px;}


/*--招聘列表--*/
.job_text{ font-size:14px; color:#444; line-height:24px; margin-bottom:10px;}
.open-positions{ height:30px; margin:10px 0 10px 0; font-size:18px; line-height:30px; color:#333; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.position{ font-size:12px; margin-top:10px; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:20px;}
.position .highlight{ color:#da251d; font-size:18px; background:url(../images/user-icon.png) no-repeat left; padding-left:25px; margin-bottom:10px; font-weight:normal;}
.position h3{ margin-left:25px; font-weight:normal; color:#333;}
.position  ul{ margin-left:25px; color:#444; line-height:24px;}
.position  ul li{ background:url(../images/icon_10.jpg) no-repeat left; padding-left:15px; font-size:12px;}
.a_email{ color:#FF6600;}
.job_text{ line-height:22px; font-size:12px; padding-left:25px; color:#666666; padding-top:5px;}