body{ color:#333; font-family:Arial, Helvetica, freesans, sans-serif; background-color:#fff; font-size:16px; line-height:200%;  text-align:center;}
a{text-decoration:none; color:#555555}
a:hover{ text-decoration:none; color:#888888}
::selection { background: #0006bb;color: #fff;text-shadow: none;}
.text-01{ color:#0006bb; font-weight: bold;}

.wp{ width:1008px; margin:0 auto; text-align:left;}

#head{ height:78px; background-color:#ECEBE7;}

.logo{ float:left;}
.nav{ margin-left:260px; width:710px; padding-top:18px;}
.nav ul{ height:42px; background-color:#4948AE; border-radius:5px;}
.nav li{ float:left;}
.nav li a{ display:block; padding:0 14px; height:100%; line-height:42px; font-weight:bold; text-decoration:none; text-align:center; color:#fff;}
.nav li a.selected, .nav li a.cur{ color:#f00;}

.banner{ height:220px; background-color:#999; border-radius:3px; margin:10px 0;}
.bread_crumb{ height:30px; line-height:30px; }
.bread_crumb_sep{margin: 0 5px;}

.page_content{ background-color:#fff; border-top:1px solid #f7f7f7; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); margin-bottom: 20px; position: relative;}
.page_content::before { background-color:#f7f7f7; border-right: 1px solid #dbdbdb; bottom: 0; clear: none; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 238px; z-index: 1;}
.page_left{ width:238px; height:100%; float:left; position: relative; z-index:2;}
.page_right{ width:726px; padding: 15px; float:right;}

.product_menu .head, .page_left .contact .head{ border-bottom: 1px solid #9eb9ec; padding: 15px 0 5px 18px; overflow: hidden;}
.product_menu .head h2, .page_left .contact .head h2{ color: #010101; font-size:16px; font-weight:bold;}
.menu_details { padding: 10px 20px; }
.menu_details li{ padding: 5px 0;}
.menu_details li a {display: block; padding: 5px 10px; background:url(../images/bullet-blue-big.png) 0 50% no-repeat; }
.menu_details li a:hover {background-image: url(../images/bullet-green-big.png);}
.menu_details li.active a{background-image:url(../images/bullet-purple-big.png);}
.menu_details li.selected a{ color:#010101;}
.contact_con{ padding:10px; line-height:30px; font-size:14px;}

.page_box .head{ height:30px; overflow:hidden}
.page_box .head h2{ width:165px; height:29px; border-bottom:1px solid #101177; float:left; background:url(../images/title_arrow.gif) no-repeat; padding-left:18px; font-size:20px;}
.page_box .head .rt{ width:543px; height:29px; border-bottom:1px solid #9eb9ec; text-align:right;}
.page_box .more{ float:right; background:url(../images/more.gif) 0 14px no-repeat; line-height:200px;}
.page_box .con{ padding:10px 0;}
.page_box .pro_list li{ float:left; margin:10px 15px 0 12px;}
.page_box .pro_list li img{ border:1px solid #f1f1f1; padding:5px;}
.page_box .pro_list li p{ text-align:center; height:30; line-height:30px;}
.page_info{ padding:17px;}
.page_info h1{ color:#333; font-size:20px; font-weight:400;}
.page_info .txt{ padding-top:20px;}


.product_show .div_itm{ margin:20px auto;}
.product_show .itm{width: 340px;text-align:left;}
.product_show .head{width: 340px; height: 44px; line-height: 44px;background: url(../images/productxx_18.gif) repeat-x;}
.product_show .head h3{ padding-left:15px; font-weight:normal; }
.product_show .con{ padding:10px; line-height: 20px; }
.product_show .itm_full{ width:100%;}
.product_show .itm_full .head{width:100%;}

#footer{ height: 120px; clear: both;}
.footer_logo{ width:220px; float:left;}
.footer_nav{ width:788px; float:left;}
.footer_nav li{ float:left; line-height:40px;}
.footer_nav li span{ margin:0 15px;}
.footer_copy{ width:788px; float:left; text-align:left; border-top:3px solid #101177; padding-top:6px; }

/*分页*/
#pages { padding:14px 0 10px; text-align:center; clear:both;}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; padding:0 10px}
#pages a.a1 { background:url(../images/admin/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; height:24px;padding:0 11px; line-height:24px; background:url(../images/page01.png) repeat-x; color:#fff; text-align:center; }

#right_kf{position:fixed; top:200px; right:10px; border:1px solid #dbdbdb; text-align:left; background-color:#f7f7f7; width:230px; height:150px; overflow:hidden;}
#right_kf .head{ border-bottom:1px solid #0006bb; font-size:16px; font-weight:bold; height:30px; line-height:30px; padding-left:18px;}
#right_kf .con{ padding:10px;font-size:14px;}


.slideBox{ width:330px; height:330px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:330px; height:330px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/**/
.itm-application li{ display:inline-block; margin-right:5px;}
.itm-cert li{display:inline-block; margin-right:5px;}
.itm-cert li img{ height:45px; width:auto;}
.lang {position: relative;padding-top: 15px; padding-left: 10px;width: 200px; height: 30px;}
.cn, .en {position: relative;display: inline-block;font-size: 12px;padding: 5px 10px;background: #ccc;color: #fff;height: auto;border: none;float: left;}
.cn:hover, .cn:active, .cn.active, .en:hover, .en:active, .en.active {background: #4948AE; color: #FFF;}
