@charset "utf-8";
/* CSS Document */


*{margin:0;padding:0;}
body{color:#333;font-size:12px;font-family:Arial, Helvetica, sans-serif; background:#fff;}
a img{border:0;vertical-align:middle;}
a{text-decoration:none;font-size:12px;color:#666;outline:none;}
a:hover{text-decoration:underline; color:#28aad7;}
ul li{list-style:none;}
.clear{clear:both;}
.auto{ margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.cl:after{content:'\20';display:block;height:0;clear:both}
.cl{*zoom:1}
.yahei{font-family:"Microsoft Yahei" Arial, Helvetica, sans-serif;}


/*==top
================================================================================================*/
.top{ width:100%; height:150px; background:url(../images/top_bg.jpg) repeat-x;}
.top .top_body{ width:990px; height:150px; margin:0 auto;}
.top .top_body .fl{ margin-left:1px;}
.top .top_body .fr{ position:relative; height:150px; margin-right:40px;}
.top .top_body .fr ul{}
.top .top_body .fr ul li{ display:inline; margin:0 3px; height:8px; line-height:22px; color:#ccc;}
.top .top_body .fr ul li a{ color:#898989;}
.top .top_body .fr img{ position:absolute; bottom:0; right:0;}


/*==banner
================================================================================================*/
.banner{ min-width:1000px;  position:relative; z-index:3;  height:462px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:4;  height:462px; overflow:hidden;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:462px; }
.banner .bd li a{ height:462px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:5; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/banner_btn.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }
.ban_top_shadow{ position:absolute; top:0; left:0; z-index:6; width:100%; height:5px; background:url(../images/ban_top_shadow.png) repeat-x;}
.ban_bot_shadow{ width:100%; height:10px; border-top:1px solid #fff; background:url(../images/ban_bot_shadow.jpg) repeat-x;}

/*==nav
================================================================================================*/
.nav{ position:absolute; top:15px; right:1px; z-index:9; width:820px; height:47px;}
.nav ul{}
.nav ul li{ float:left; display:block; height:47px; line-height:47px; background:url(../images/nav_bg_cen.png) repeat-x;}
.nav ul li.first{ width:10px; background:url(../images/nav_bg_lf.png) no-repeat;}
.nav ul li.last{ width:10px; background:url(../images/nav_bg_rg.png) no-repeat;}
.nav ul li.fen{ width:1px; background:url(../images/nav_bg_fen.png) no-repeat;}
.nav ul li a{ position:relative;display:block; width:57px; height:39px; line-height:39px; padding:0 10px 0 40px; margin-top:4px; font-size:14px; color:#585858;font-family:"Microsoft Yahei" Arial, Helvetica, sans-serif;}
.nav ul li a.cur,.nav ul li a.cur:hover{ color:#fff; background:url(../images/nav_bg_cur.png) no-repeat;}
.nav ul li a:hover{ color:#28aad7; text-decoration:none;}
.nav ul li a em{ position:absolute; left:15px; top:10px; display:block; width:20px; height:20px; background:url(../images/icons.png) no-repeat;}
.nav ul li a em.e_01{ background-position:0 0;}
.nav ul li a em.e_02{ background-position:-50px 0;}
.nav ul li a em.e_03{ background-position:-100px 0;}
.nav ul li a em.e_04{ background-position:-150px 0;}
.nav ul li a em.e_05{ background-position:-200px 0;}
.nav ul li a em.e_06{ background-position:-250px 0;}
.nav ul li a em.e_07{ background-position:-300px 0;}


/*==con
================================================================================================*/
.con{ width:930px; padding:0 30px; margin:15px auto 0; overflow:hidden;}
/*announce*/
.con .announce{}
.con .announce .tit{ width:935px; height:44px; line-height:36px; background:url(../images/announce_tit_bg.jpg) no-repeat;}
.con .announce .tit h2{ float:left; width:120px; line-height:44px; text-align:center;color:#fff; font-weight:normal; font-size:16px; font-family:"Microsoft Yahei";}
.con .announce .tit .txtScroll-top{ width:400px; height:44px; overflow:hidden; position:relative;}
.con .announce .tit .txtScroll-top .infoList li{ height:36px; line-height:36px;}
/*about*/
.con .about{ width:930px; margin-top:13px; overflow:hidden;}
.con .about ul{ width:960px;}
.con .about ul li{ float:left; display:block; width:300px; height:100px; margin-right:15px;}
.con .about ul li a img{ width:300px; height:100px;}
/*news*/
.con .news{ width:635px;}
.outBox{text-align:left;  }
.outBox .hd{ height:26px; line-height:26px; position:relative; z-index:5;}
.outBox .hd ul{ float:left; position:absolute; left:0px; top:0px; z-index:5; width:290px; height:26px; border-bottom:1px solid #f5f5f5;}
.outBox .hd ul li{ position:relative; z-index:6; float:left; display:block; width:96px; height:26px; line-height:26px; margin-right:2px; text-align:center; cursor:pointer; color:#fff; background:#ccc;}
.outBox .hd ul li span{ display:none; position:absolute; bottom:-7px; left:50%; z-index:6; margin-left:-5px;}
.outBox .hd ul li.on{ background:#c8010c;}
.outBox .hd ul li.on span{ display:block; width:11px; height:6px; background:url(../images/icons.png) 0 -50px no-repeat;}
.inBox{ position:relative; z-index:7;}
.inBox .inHd{ position:absolute; right:0px; top:10px; z-index:7; width:50px;}
.inBox .inHd ul{ overflow:hidden; zoom:1; }
.inBox .inHd ul li{ float:left; height:9px; width:9px; margin-left:5px; line-height:50px; overflow:hidden; cursor:pointer;background:url(../images/icons.png) -64px -50px no-repeat;}
.inBox .inHd ul li.on{ background:url(../images/icons.png) -50px -50px no-repeat; }
.inBox .inBd ul{ padding-top:17px;zoom:1; overflow:hidden;}
.inBox .inBd li{display:block;width:570px; line-height:22px; overflow:hidden; zoom:1; color:#676767;}
.inBox .inBd li.pd15{ width:630px; padding-bottom:15px;}
.inBox .inBd li a{ position:relative; padding-left:10px; z-index:7;}
.inBox .inBd li a em{ position:absolute; left:0px; top:7px; z-index:7; display:block; width:2px; height:3px; background:url(../images/icons.png) -100px -50px no-repeat;}
.inBox .inBd li img{float:left}
.inBox .inBd li h3{margin:7px 0;}
.inBox .inBd li h3 a{font-size:14px; color:#c8010c; padding:0;}
.inBox .inBd li p{width:410px;line-height:20px; word-break:loose;}
.inBox .inBd li span{ float:right;}
/*video*/
.con .video{ width:265px; height:228px;}
.con .video .tit{ width:264px; height:36px; background:url(../images/video_tit.jpg) no-repeat;}
.con .video .cont{ padding:10px 12px; background:#e2e2e2; width:241px; height:192px; overflow:hidden; }

/*product*/
.con .product{ width:935px;overflow:hidden; position:relative;}
.con .product .tit{ position:relative; width:935px; height:44px; line-height:36px; background:url(../images/product_tit_bg.jpg) no-repeat;}
.con .product .tit a{ position:absolute; right:15px; top:12px; display:block; width:45px; height:15px;}
.con .product .bd{ padding:10px;}
.con .product .bd ul{ overflow:hidden; zoom:1; }
.con .product .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.con .product .bd ul li .pic{ width:215px; height:150px; background:url(../images/pro_bg.jpg) no-repeat;}
.con .product .bd ul li .pic img{ display:block; width:188px; height:119px; padding:15px 0 0 14px;}
.con .product .bd ul li .pic a:hover img{ border-color:#999;  }
.con .product .bd ul li .title{ line-height:24px;   }

/*friendlink*/
.con .friendlink{ width:935px;overflow:hidden; position:relative; z-index:5;}
.con .friendlink .hd{ position:absolute; top:0px; z-index:5; width:935px;}
.con .friendlink .hd .prev,.con .friendlink .hd .next{ display:block;  width:30px; height:105px; overflow:hidden;cursor:pointer;}
.con .friendlink .hd .prev{ float:left; background:url(../images/arrow_lf.jpg) no-repeat;}
.con .friendlink .hd .next{ float:right; background:url(../images/arrow_rg.jpg) no-repeat;}
.con .friendlink .bd{ width:855px; height:55px; padding:25px 40px; background:url(../images/arrow_bg.jpg) repeat-x;}
.con .friendlink .bd ul{ overflow:hidden; zoom:1; }
.con .friendlink .bd ul li{ margin-right:38px; float:left; _display:inline; overflow:hidden; }
.con .friendlink .bd ul li img{ display:block; width:184px; height:53px;}



/*==footer
================================================================================================*/
.footer{ width:100%; height:110px; margin-top:15px; text-align:center; border-top:1px solid #eee; background:#fff;}
.footer p{ line-height:22px; color:#555;}