/*===========================================全局CSS============================================*/
*{ margin:0px; padding:0px; list-style-type:none; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
img{ border:none;}
a img{ border:none;}
a:link{ color: #373737;}
a:visited{ color: #373737;}
a:hover{ color:#008d67; text-decoration:none;}
a:active{ color: #373737;}
ul{ list-style-type:none;}
p,li,td,div{ color:#373737; font-size:12px;}
.clear{ clear:both;}
html{overflow-x:hidden;}

select{
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
  
border:solid 1px #d9d9d9;
background:none;
background:url(../images/searchslt_arr.jpg) no-repeat scroll right center transparent;

height:25px;
line-height:23px;
padding:0px 15px 0px 5px;
color:#999;
}

select::-ms-expand { display: none; }
.fontstyle1{ font-size:16px; font-family:"微软雅黑"; color:#008d67; letter-spacing:1px;}
.fontstyle2{ font-size:16px; font-family:"微软雅黑"; color:#373737; letter-spacing:1px;}
/*===========================================全局CSS============================================*/


/*===========================================全局空白高度=======================================*/
.blank1{ clear:both; display:block; font-size:1px; visibility:hidden; height:1px; line-height:1px;}
.blank2{ clear:both; display:block; font-size:1px; visibility:hidden; height:2px;}
.blank5{ clear:both; display:block; font-size:1px; overflow:hidden; height:5px;}
.blank8{ clear:both; display:block; font-size:1px; overflow:hidden; height:8px;}
.blank10{ clear:both; display:block; font-size:1px; overflow:hidden; height:10px;}
.blank12{ clear:both; display:block; font-size:1px; overflow:hidden; height:12px;}
.blank15{ clear:both; display:block; font-size:1px; overflow:hidden; height:15px;}
.blank20{ clear:both; display:block; font-size:1px; overflow:hidden; height:20px;}
.blank25{ clear:both; display:block; font-size:1px; overflow:hidden; height:25px;}
.blank50{ clear:both; display:block; font-size:1px; overflow:hidden; height:50px;}
.blank100{ clear:both; display:block; font-size:1px; overflow:hidden; height:100px;}
/*===========================================全局空白高度=======================================*/


/*###########################################整站顶端细线#########################################*/
.topline{ width:100%; height:3px; background:#008d67; font-size:1px;}
/*###########################################整站顶端细线#########################################*/


/*###########################################整站头部CSS#########################################*/
.wraptop{ width:100%; height:117px; background:url(../images/top_bg.jpg) repeat-x;}
.wraptop .header{ width:1000px; margin:0 auto;}
.wraptop .header .logo{ float:left;}
.wraptop .header .logo h1{ margin:0px; padding:0px;}
.wraptop .header .logo h1 a{ display:block; width:300px; height:117px; background:url(../images/logo.jpg) no-repeat; text-indent:-9999em;}

.wraptop .header .rightshow{ float:right;}

.wraptop .header .rightshow .show_01{ width:700px; height:25px; overflow:hidden;}
.wraptop .header .rightshow .show_01 .toplink{ float:right;}
.wraptop .header .rightshow .show_01 .toplink ul{ margin:0px; padding:0px;}
.wraptop .header .rightshow .show_01 .toplink ul li{ float:right;}
.wraptop .header .rightshow .show_01 .toplink ul li a{ display:block; width:100px; height:25px; line-height:25px; text-align:center; background:url(../images/top_link_img.jpg) left center no-repeat; color:#999;}
.wraptop .header .rightshow .show_01 .toplink ul li a:hover{ text-decoration:underline; color:#FFF; background-color:#008d67;}

.wraptop .header .rightshow .show_01 .topsearch{ float:right;}
.wraptop .header .rightshow .show_01 .topsearch .search_l{ float:right; width:15px; height:25px; background:url(../images/search_img.jpg) no-repeat;}
.wraptop .header .rightshow .show_01 .topsearch .search_area{ float:right;}
.wraptop .header .rightshow .show_01 .topsearch .search_r{ float:right;}
.searchtd{ height:23px; width:120px; line-height:23px; background-color:#FFF; border:1px #d9d9d9 solid; border-left:none; border-right:none; font-size:12px; color:#999; padding-left:5px;}

.wraptop .header .rightshow .show_02{ width:700px; height:72px; overflow:hidden;}
.wraptop .header .rightshow .show_02 .nav{}
.wraptop .header .rightshow .show_02 .nav ul{ margin:0px; padding:0px;}
.wraptop .header .rightshow .show_02 .nav ul li{ float:left;}
.wraptop .header .rightshow .show_02 .nav ul li a{ display:block; width:100px; height:72px; line-height:72px; color:#373737; font-size:18px; font-family:"微软雅黑","黑体"; text-align:center;}
.wraptop .header .rightshow .show_02 .nav ul li a:hover{ text-decoration:underline; color:#FFF; background:url(../images/nav_on.jpg) no-repeat;}

.wraptop .header .rightshow .show_02 .nav ul li a.selected{ display:block; width:100px; height:72px; line-height:72px; color:#FFF; font-size:18px; font-family:"微软雅黑","黑体"; text-align:center;  background:url(../images/nav_on.jpg) no-repeat;}
.wraptop .header .rightshow .show_02 .nav ul li a.selected:hover{ text-decoration:underline;}
/*###########################################整站头部CSS#########################################*/


/*###########################################整站BannerCSS#######################################*/
.banner{ width:100%; height:500px; background:url(../images/banner_bg.jpg) repeat-x;}

#full-screen-slider { width:100%; height:500px; float:left; position:relative;}
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative; z-index:0;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:440px; z-index:9900;  padding:5px 15px 5px 0; margin:0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#008d67;}
.shadowline{ width:100%; height:10px; background:#e5e4e5; line-height:1px; font-size:1px;}
/*###########################################整站BannerCSS#######################################*/


.wrapmain_01{ width:960px; margin:0 auto;}
/*###########################################图片引导#########################################*/
.wrapmain_01 .imgguide{ width:960px;}
.wrapmain_01 .imgguide .showimg{ float:left;}

/*********************灰色渐变成彩色渐变效果CSS***************************/
.wrapmain_01 .imgguide .showimg a { display:block;}
.wrapmain_01 .imgguide .showimg a.thumb { width:240px; height:270px; overflow:hidden; cursor:pointer;}
.wrapmain_01 .imgguide .showimg span { width:240px; height:270px; overflow:hidden; display:block;}
.wrapmain_01 .imgguide .showimg a.thumb:hover{ background:#333;}
/*********************灰色渐变成彩色渐变效果CSS***************************/

/*###########################################图片引导#########################################*/


/*###########################################关于我们#########################################*/
.wrapmain_01 .about{ width:960px;}
.wrapmain_01 .about .about_img{ float:left; width:240px; height:180px; background:url(../images/about_img.jpg) no-repeat;}
.wrapmain_01 .about .about_show{ float:right;}
.wrapmain_01 .about .about_show .guide{ width:700px; height:30px;}
.wrapmain_01 .about .about_show .guide .guidetitle{ float:left; height:30px; line-height:30px; background:url(../images/about_guide.png) left center no-repeat; text-indent:30px;}
.wrapmain_01 .about .about_show .guide .more{ float:right; margin-top:10px;}
.wrapmain_01 .about .about_show .content{ width:700px; height:150px;}
.wrapmain_01 .about .about_show .content p{ line-height:25px; text-indent:2em; padding:5px; font-size:12px;}
/*###########################################关于我们#########################################*/


.wrapmain_02{ width:100%; background:#f2f2f2;}
/*###########################################产品展示#########################################*/
.wrapmain_02 .product{ width:960px; margin:0 auto;}

.wrapmain_02 .product .guide{ width:700px; height:50px; margin:0 auto; background:url(../images/product_img.jpg) center center no-repeat;}

.wrapmain_02 .product .pro_class{ width:240px; float:left; background:#008d67;}
.wrapmain_02 .product .pro_class .classtop{ width:240px; height:15px; background:url(../images/index_class_top.jpg) no-repeat;}
.wrapmain_02 .product .pro_class ul{ margin:0px; padding:0px;}
.wrapmain_02 .product .pro_class ul li{ float:none;}
.wrapmain_02 .product .pro_class ul li a{ display:block; width:240px; height:40px; line-height:40px; text-indent:25px; font-size:14px; color:#FFF;}
.wrapmain_02 .product .pro_class ul li a.class_01{ background:url(../images/index_class_off.jpg) no-repeat;}
.wrapmain_02 .product .pro_class ul li a:hover.class_01{ background:url(../images/index_class_on.jpg) no-repeat; text-decoration:underline;}
.wrapmain_02 .product .pro_class ul li a.class_02{ background:url(../images/index_class_more_off.jpg) no-repeat; text-indent:150px;}
.wrapmain_02 .product .pro_class ul li a:hover.class_02{ background:url(../images/index_class_more_on.jpg) no-repeat; text-decoration:underline;}
.wrapmain_02 .product .pro_class .classbot{ width:240px; height:15px; background:url(../images/index_class_bottom.jpg) no-repeat;}

.wrapmain_02 .product .pro_img{ width:720px; float:right;}
.wrapmain_02 .product .pro_img .content ul{ padding:0px; margin:0px;}

.box li{ width:220px; height:185px; margin-left:20px; margin-bottom:20px; float:left; overflow:hidden; position:relative;}
.toll_show{ background:url(../images/img_bg_off.jpg) no-repeat;}
.toll_show .toll_img{ width:220px; height:160px; text-align:center; vertical-align:middle; display:table-cell;}
.toll_show .toll_img img{ padding:10px 10px 0px 10px;  vertical-align:middle;}
.toll_show .toll_title{ width:220px; height:25px; background:#373737; line-height:25px; color:#FFF; text-align:center;}
.toll_info{ width:220px; height:185px; background:url(../images/img_bg_on.jpg) no-repeat;text-align:center; vertical-align:middle; display:table-cell;}
.box li p{ padding:10px; font:normal 13px/24px '微软雅黑'; cursor:pointer; color:#FFF;}
.box li a{ color:#666; text-decoration:none; position:absolute; top:0; left:0;}
/*###########################################产品展示#########################################*/


.wrapmain_03{ width:960px; margin:0 auto;}
/*###########################################新闻中心#########################################*/
.wrapmain_03 .news{ float:left;}
.wrapmain_03 .news .guide{ width:308px; height:30px;}
.wrapmain_03 .news .guide .guidetitle{ float:left; height:30px; line-height:30px; background:url(../images/news_guide.png) 5% center no-repeat; text-indent:30px;}
.wrapmain_03 .news .guide .more{ float:right; height:30px; line-height:30px;}
.wrapmain_03 .news .guide .more a{ color:#008d67;}
.wrapmain_03 .news .guide .more a:hover{ color:#FFF; background:#008d67; text-decoration:none;}
.wrapmain_03 .news .content{ width:308px; height:180px; overflow:hidden;}
.wrapmain_03 .news .content ul{ margin:0px; padding:0px;}
.wrapmain_03 .news .content ul li{ float:none;}
.wrapmain_03 .news .content ul li a.textshow{ width:243px; height:29px; line-height:29px; display:block; border-bottom:1px dotted #CCC; text-indent:20px; background-image:url("../images/arrow_01.gif");  background-position:5px 45%; background-repeat:no-repeat; overflow:hidden; float:left;}
.wrapmain_03 .news .content ul li a.textshow:hover{ color:#FFF; background:#008d67; background-image:url("../images/arrow_01_on.gif"); background-position:5px 45%; background-repeat:no-repeat;}
.wrapmain_03 .news .content ul li a.dateshow{ text-align:right; width:65px; height:29px; height:29px; line-height:29px; display:block; border-bottom:1px dotted #CCC; overflow:hidden; float:right; color:#CCC;}
/*###########################################新闻中心#########################################*/


/*###########################################行业应用#########################################*/
.wrapmain_03 .app{ float:left; margin:0px 18px; }
.wrapmain_03 .app .guide{ width:308px; height:30px;}
.wrapmain_03 .app .guide .guidetitle{ float:left; height:30px; line-height:30px; background:url(../images/industry_guide.png) 5% center no-repeat; text-indent:30px;}
.wrapmain_03 .app .guide .more{ float:right; height:30px; line-height:30px;}
.wrapmain_03 .app .guide .more a{ color:#008d67;}
.wrapmain_03 .app .guide .more a:hover{ color:#FFF; background:#008d67; text-decoration:none;}
.wrapmain_03 .app .content{ width:308px; height:180px; overflow:hidden;}
.wrapmain_03 .app .content ul{ margin:0px; padding:0px;}
.wrapmain_03 .app .content ul li{ float:none;}
.wrapmain_03 .app .content ul li a.textshow{ width:243px; height:29px; line-height:29px; display:block; border-bottom:1px dotted #CCC; text-indent:20px; background-image:url("../images/arrow_02.gif");  background-position:5px 45%; background-repeat:no-repeat; overflow:hidden; float:left;}
.wrapmain_03 .app .content ul li a.textshow:hover{ color:#FFF; background:#008d67; background-image:url("../images/arrow_02_on.gif"); background-position:5px 45%; background-repeat:no-repeat;}
.wrapmain_03 .app .content ul li a.dateshow{ text-align:right; width:65px; height:29px; height:29px; line-height:29px; display:block; border-bottom:1px dotted #CCC; overflow:hidden; float:right; color:#CCC;}
/*###########################################行业应用#########################################*/


/*###########################################下载中心#########################################*/
.wrapmain_03 .down{ float:left;}
.wrapmain_03 .down .guide{ width:308px; height:30px;}
.wrapmain_03 .down .guide .guidetitle{ float:left; height:30px; line-height:30px; background:url(../images/download_guide.png) 5% center no-repeat; text-indent:30px;}
.wrapmain_03 .down .guide .more{ float:right; height:30px; line-height:30px;}
.wrapmain_03 .down .guide .more a{ color:#008d67;}
.wrapmain_03 .down .guide .more a:hover{ color:#FFF; background:#008d67; text-decoration:none;}
.wrapmain_03 .down .content{ width:308px; height:180px; overflow:hidden;}
.wrapmain_03 .down .content ul{ margin:0px; padding:0px;}
.wrapmain_03 .down .content ul li{ float:none;}
.wrapmain_03 .down .content ul li a.textshow{ width:243px; height:29px; line-height:29px; display:block; border-bottom:1px dotted #CCC; text-indent:20px; background-image:url("../images/arrow_03.gif");  background-position:5px 45%; background-repeat:no-repeat; overflow:hidden; float:left;}
.wrapmain_03 .down .content ul li a.textshow:hover{ color:#FFF; background:#008d67; background-image:url("../images/arrow_03_on.gif"); background-position:5px 45%; background-repeat:no-repeat;}
.wrapmain_03 .down .content ul li a.dateshow{ text-align:right; width:65px; height:29px; height:29px; line-height:29px; display:block; border-bottom:1px dotted #CCC; overflow:hidden; float:right; color:#CCC;}
/*###########################################下载中心#########################################*/


.weblink{ width:960px; margin:0 auto; background:url(../images/link_bg.jpg) repeat-y;}
/*###########################################友情链接#########################################*/
.weblink .linktop{ width:960px; height:10px; background:url(../images/link_top.jpg) no-repeat; font-size:1px; line-height:1px;}
.weblink .linkguide{ width:960px; height:30px; background:url(../images/link_guide.jpg) no-repeat;}
.weblink .content{ padding:5px 15px;}
.weblink .content a{ line-height:25px; margin-right:10px; display:inline;}
.weblink .content a:hover{ background:#008d67; color:#FFF;}
.weblink .linkbot{ width:960px; height:10px; background:url(../images/link_bot.jpg) no-repeat; font-size:1px; line-height:1px;}
/*###########################################友情链接#########################################*/


/*###########################################整站底部CSS########################################*/
.footer{ width:100%; background:#373737;}
.footer .footerarea{ width:1000px; margin:0 auto;}
.footer .footerarea .botweixin{ float:left;}
.footer .footerarea .botweixin .weixinimg{ width:180px; height:180px; background:url(../images/weixin_img.jpg) no-repeat;}
.footer .footerarea .botweixin .weixintext{ color:#FFF; text-align:center; height:30px; line-height:30px;}

.footer .footerarea .botlink{ float:left; overflow:hidden;}
.footer .footerarea .botlink h4{ font-size:12px; color:#FFF; display:block; width:120px; height:30px; line-height:30px; text-align:right;}
.footer .footerarea .botlink p{ display:block; width:120px; height:30px; line-height:30px; text-align:right;}
.footer .footerarea .botlink p a{ color:#8c8c8c;}
.footer .footerarea .botlink p a:hover{ color:#FFFFFF; text-decoration:underline;}
.footer .footerarea .botpart{ float:left; width:15px; height:180px; background:url(../images/partitioning.jpg) no-repeat;}

.footer .footerarea .contact{ float:right;}
.footer .footerarea .contact h4{ font-size:12px; color:#FFF; height:30px; line-height:30px; text-align:right;}
.footer .footerarea .contact p{ line-height:25px; height:auto !important; height:25px; color:#8c8c8c; text-align:right;}
.footer .footerarea .contact p a{ color:#8c8c8c; font-weight:bold;}
.footer .footerarea .contact p a:hover{ text-decoration:underline;}
.footer .footerarea .contact div{ color:#8c8c8c; line-height:25px; height:auto !important; height:25px;}
/*###########################################整站底部CSS########################################*/


/*###########################################弹出QQ客服CSS######################################*/
#qq_icon {width:187px; height:193px; background:url("../images/qq_icon.png") no-repeat; position:fixed; right:-200px; top:150px; cursor:pointer; z-index:2;}
#cs_online {width:160px; height:300px; position:fixed; top:150px; right:-220px; background:url("../images/qq_bg.png") no-repeat; display:none; filter:alpha(opacity:0); opacity:0;}
.qq_context {width:150px; height:244px; margin-top:60px; margin-left:5px; list-style:none; padding:0px;} 
.qq_context li {width:140px; height:25px; margin-left:5px; margin-top:10px; float:left; font-family:"Arial"; color:#cd0000; font-size:12px;}
.span_t {display:block; float:left; color:#333; line-height:25px; font-size:12px; font-family:"Arial";}
.qq_show{ width:140px; height:25px; line-height:25px; font-size:14px; color:#ad0000; font-weight:bold; font-family:"Arial","微软雅黑";}
/*###########################################弹出QQ客服CSS######################################*/