/* CSS Document */
body{margin:0px; padding:0px; font-size:14px;font-family: "Microsoft YaHei","simsun", Arial, Helvetica, sans-serif; background:url(../wapimages/bg.jpg) no-repeat right bottom #056bb5;}
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:#fff;text-decoration:none;outline:none;}
a:visited{color:#fff;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;outline:none;}
a:focus{text-decoration:none;outline:none;}
a:active{color:#fff;text-decoration:none;star:expression(this.onFocus=this.blur());outline:none;}
#clear{ clear:both; height:0px;}

#top{ height:35px; line-height:35px; color:#fff; background:#056bb5; border-bottom:1px solid #b0d6fa;}
#top .top_home{ position:absolute; top:3px; left:5px; z-index:999; background:url(../wapimages/icon/home.png) no-repeat; text-indent:999px; overflow:hidden; width:30px; height:30px; display:block;}
#top p{ color:#fff; text-align:center; font-size:16px; float:left; width:100%;}

#nav ul{width:100%;float:right;position:absolute;z-index:998;top:3px;}
.main_nav ul li {float:right;height:30px;position:relative; width:100%;}
.main_nav ul li .top_muen {	display:block; float:right; margin-right:5px;width:30px;height:30px;line-height:30px;text-align:center;color:#fff; background:url(../wapimages/icon/menu.png) no-repeat; text-indent:100px; overflow:hidden;}
.main_nav ul li .top_muen:hover{ color:#008e4c;  background:url(../wapimages/icon/menu02.png) no-repeat;}
#nav .nav_active a{ color:#fff; background:#008e4c;}
#nav .no_x{ border-right:none; width:147px; text-align:center}

/*---导航下拉时固定当前状态 ---*/
#nav .aNavHover { color:#008e4c; background:url(../wapimages/icon/menu02.png) no-repeat;}
/*---导航下拉---*/
.main_nav ul li dl {position:absolute;top:31px; float:left;width:100%;display:none;z-index:999;border-top:none;background:url(../wapimages/TM91.png);}
.main_nav ul li dl dd {height:40px; overflow:hidden; border-bottom:1px solid #fff;}
.main_nav ul li dl dd a{display:block; font-weight:normal;height:40px;line-height:40px;text-align:center;color:white;font-size:16px; color:#fff!important;padding:0px!important; float:none!important;}
.main_nav ul li dl dd a:hover{color:#fff!important; background:#0f89e1;}


/*手机banner轮播*/
.banner_box{width:100%;text-align:center;}
.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;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;}


/*首页APP样式*/
.buttons{text-align:center;margin:10px 0; padding:5px; clear:both; background:url(../wapimages/TM90.png);}
.buttons a{color:#fff;text-decoration:none;font-size:16px;width:48%;float:left;display:block; padding:1%;}
.buttons dl{width:100%;margin:0 auto; padding:15px 0px 15px 0px; background:#056bb5; border:1px solid #fff;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.buttons dl dt{width:100%;}
.buttons dl dd{width:100%;height:20px;line-height:20px;}
.fx{ display:none!important;}
@media screen and (min-width:360px){
.buttons a {width:31.33%;}
.buttons a.fx{ display:block!important;}

}

.foot{ color:#fff; width:96%; margin:10px auto; text-align:center; height:30px; line-height:30px; padding-bottom:5px; clear:both; border-top:1px solid #b0d6fa;}


#container{ padding:0px 10px 5px 10px; clear:both;}
#about_box,#news_box,#pro_box{ width:100%; clear:both;}

#biaoti{ width:100%;margin-top:5px;height:35px;border-bottom:2px solid #fff;line-height:35px; clear:both;}
#biaoti b{ float:left; color:#008e4e; font-size:16px; font-weight:normal;}
#biaoti b a{color:#fff; border-bottom:2px solid #666; display:block; height:35px; padding:0 5px 0 5px; float:left;}
#biaoti b span{ margin-left:5px;}
#biaoti .more{ float:right;  color:#fff; 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:100px; 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;background:url(../wapimages/TM80.png); margin:10px 0px 10px 0px; padding:10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;clear:both; }
#liebiao li{border-bottom:1px solid #ccc;height:35px;overflow:hidden;line-height:30px;background:url(../wapimages/icon.png) no-repeat 0px 15px;padding-left:10px;}
#liebiao li a{ color:#000; height:35px; display:block; width:80%; float:left;}
#liebiao li span{ float:right;  color:#999; font-size:12px;}

/*-- 热点 推荐  新闻列表--*/
.hot_news{ margin:10px 0px 10px 0px; padding:10px;}
.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:#ddd;}
.hot_news p{ line-height:20px; font-size:13px; text-align:left; color:#999;}

/*-- 圆角 框-*/
#R-box{background:url(../wapimages/TM80.png); margin:10px 0px 10px 0px; padding:10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;clear:both; }
#R-box02{background:url(../wapimages/bTM90.png); margin:10px 0px 10px 0px; padding:10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;clear:both; }

/*-- 联系我们 电话、传真 图标 列表 样式 --*/
#Contact_box  li{ font-size:12px; color:#333; 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:#333;}


/*-- 默认产品列表 --*/
#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; background:#fff; 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:#fff;}

#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; background:#fff;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;}

/*底部浮动样式*/
.body_footer{width:100%;height:45px;background:-webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#111));background:-moz-linear-gradient(top, #333, #111);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333,endColorstr=#111,grandientType=0);bottom:0;border-top:1px solid #666;}
.body_footer ul{width:100%;height:45px;line-height:45px;}
.body_footer ul li{width:20%;float:left;color:#fff;}
.body_footer ul li a{width:100%;height:45px;display:block;border-right:#111 solid 1px;border-left:#666 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:25px; line-height:25px; font-size:14px; background:#e1f1ff; color:#666666; border-bottom:1px solid #cde7ff; overflow:hidden;}
#map b{ margin-left:10px; color:#333; 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{ margin-top:10px;font-size:14px; line-height:22px; color:#000;padding:10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background:url(../wapimages/TM80.png);}
#text_about span,#text_about p,#text_about table td{ color: #000!important;}

#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;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background:url(../wapimages/TM80.png);}
#newsDetail p.title, #proDetial .title{ font-size:18px; color:#000; 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:#ddd; text-align:center;}
#newsDetail .content, #proDetial .content{ font-size:14px; line-height:22px; color:#fff;}
#newsDetail .content p,#newsDetail .content a,#newsDetail .content span,#newsDetail .content b,#newsDetail .content strong, #proDetial .content p{ color:#fff;}


#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 #333;}
.proBigNameList ul li a{ width:100%; display:block;font-size:18x;color:#000; 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:#fff; 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: #fff; 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:#fff }
#mr2 { padding-left:10px;}
#mr2 a{ font-size:12px; color:#fff;}

#proDetial{ padding-top:15px;}
#proDetial p.pic{ background:#fff; 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;}
#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:20px; margin:5px 0 5px 60px; color:#000;}

.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:#fff;}
.pro_xxxx{ margin-bottom:5px; font-size:16px;border-bottom:1px solid #ccc; line-height:30px; height:30px; font-weight:normal; color:#fff;}

#pro_textbox,#nr_textbox{ font-size:14px; color:#000;}
#pro_textbox table,#nr_textbox table{ background:none;border: 0px solid #fff;border-collapse: collapse;}
#pro_textbox table tr td ,#nr_textbox table tr td{background:none; color:#fff; font-size:13px; }
#pro_nrtext,#pro_nrtext span,#pro_nrtext p{ color:#000!important; }


/*---- 分页 ----*/
#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 #bfbebe;cursor:pointer;width:60px;color: #333; text-align:center; display:block; float:left; margin-right:10px; font-size:12px; line-height:25px; background:#eee;}
#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;}