@charset "gb2312";
/* CSS Document */

/* banner */
.banner_w{ width:100%; height:700px;}
.banner{ width:100%; height:700px; background:#000;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:700px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:700px; }
.banner .hd{ width:100%;  position:relative; z-index:1; bottom:30px; left:0; height:8px; line-height:8px;text-align:center;}
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:31px; height:5px; margin:5px; background:url(../images/tg_flash.png) -30px 0;overflow:hidden; line-height:9999px;}
.banner .hd ul .on{ background-position:0 0; }


/*********************** 板块01 ***********************/
.bk01{ width:100%;margin-top:50px; margin-bottom:40px; height:490px;}
.bk01_bt_w{ border-bottom:#f0f1f2 solid 1px;}
.bk01_bt{ width:1200px; height:100px;text-align:center; position:relative;}
.bk01_bt h3{ position:absolute; text-align:center; width:100%; color:#181818;font:24px/30px "微软雅黑"; z-index:2;}
.bk01_bt p{ position:absolute; text-align:center;width:100%;color:#efefef;font:28px/58px "微软雅黑";}
/*********** tab切换 ***********/
.slideGroup{ width:1200px; margin-top:-32px; z-index:999999; position:relative;}
.slideGroup .parHd{ height:32px;width:350px;/*position:relative; */ margin-bottom:30px; }
.slideGroup .parHd ul{ float:left;/* position:absolute;*/ height:32px;   }
.slideGroup .parHd ul li{ float:left;}
.slideGroup .parHd ul li a{font:16px/30px "微软雅黑"; width:84px; margin:0px 15px; display:block; text-align:center;}
.slideGroup .parHd ul li a:hover{ color:#008cd7; font:16px/30px "微软雅黑"; border-bottom:solid 2px #008cd7;}
.slideGroup .parHd ul li.on a{color:#008cd7; font:16px/30px "微软雅黑"; border-bottom:solid 2px #008cd7;}

.slideGroup .slideBox{overflow:hidden; zoom:1; width:1200px;position:relative;}
/*** 图片新闻 ***/
.slideGroup .slideBox .box_pic{ overflow:hidden; zoom:1; width:554px;position:relative; float:left;}
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; right:41px; bottom:0px; display:block; width:41px; height:72px;background:url(../images/L_R.jpg) left top no-repeat; z-index:9999;}
.slideGroup .sNext{ left:auto; right:0px;bottom:0px; background:url(../images/L_R.jpg) right top no-repeat; }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd .box_pic ul{ overflow:hidden; zoom:1; float:left;   }
.slideGroup .parBd .box_pic ul li{ width:554px; height:348px;float:left; _display:inline; overflow:hidden;position:relative;}
.slideGroup .parBd .box_pic ul li .pic{ text-align:center; }
.slideGroup .parBd .box_pic ul li .pic img{ width:554px; height:348px; display:block;}
.slideGroup .parBd .box_pic ul li .pic a:hover img{border-color:#999;  }
.slideGroup .parBd .box_pic ul li .title{ width:473px;height:72px;position:absolute;bottom:0px; 
background:rgba(0,0,0,0.85);
-moz-opacity: 0.85; /* FF 3.5以下 */  
opacity: 0.85; /* FF 3.5及以上 */  
filter: alpha(opacity=85); /* IE6及以上 */  
/*针对IE8*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000,endColorstr=#85000000);  }
.slideGroup .parBd .box_pic ul li .title h3{ width:446px;height:32px;font:15px/32px "微软雅黑"; color:#fff; margin-left:15px; overflow:hidden; }
.slideGroup .parBd .box_pic ul li .title p{width:446px;  height:36px;font:12px/18px "微软雅黑"; color:#c9c9c9; margin-left:15px; overflow:hidden;}

/*** 文字新闻 ***/
.bk01_wznew{ float:right; width:606px;}
.bk01_wznew ul li{ width:100%; height:60px;display:block; margin-bottom:10px; padding:10px; }
.bk01_wznew ul li a{ float:right;width:490px; height:60px; display:block; margin-right:15px;}
.bk01_wznew ul li a h3{width:100%; height:24px; color:#1d1c1c;font:16px/24px "微软雅黑";}
.bk01_wznew ul li a span{width:100%; height:36px; color:#969595;font:12px/18px "微软雅黑"; display:block; overflow:hidden;}
.bk01_wznew ul li p{float:left;width:80px; height:60px;font:14px/20px "微软雅黑";color:#c9c9c9; border-right:solid 1px #bdbdbd;text-align:center;}
.bk01_wznew ul li p span{ width:80px;font:45px/45px "微软雅黑";color:#c9c9c9; display:block; }
.bk01_wznew ul li:hover{ background:#f5f5f5;}


/*********************** 产品中心 ***********************/
.product{ width:100%; height:300px; background:#fafafa; padding-top:40px; margin-bottom:40px;}
/***** 图片切换 *****/
.prod{ width:1200px;}
.prod_bt{ width:1200px; height:80px;text-align:center; position:relative;}
.prod_bt h3{ position:absolute; text-align:center; width:100%; color:#181818;font:24px/30px "微软雅黑"; z-index:2;}
.prod_bt p{ position:absolute; text-align:center;width:100%;color:#efefef;font:28px/58px "微软雅黑";}

.prod .bd{ position:relative; float:right; width:1200px;}
.prod .bd img{ width:255px;height:186px;}
.prod .prev,.prod .next{ position: absolute; top:60px; left:0px; display: block;width:30px;height:60px;background: url(../images/L_R01.png) 0 center; z-index: 9; overflow: hidden; }
.prod .next{ left:auto; right:0px; background-position: -31px center; }
.prod .prev:hover{ background-position:0 center; }
.prod .next:hover{ background-position:-31px center; }

.prod .scrollWrap{ display:block;width:1140px;height:200px;}
.scrollWrap ul li{width:255px;height:186px;float:left;margin:0 15px;position:relative;overflow:hidden;cursor:pointer;}
.scrollWrap .txt{width:255px;height:45px; background:url(../images/tm_bg.png) repeat;position:absolute;left:0;bottom:0;color:#fff;}
.scrollWrap .txt h3{text-align:center; font:16px/45px "微软雅黑";}
.scrollWrap .txt span{width:90%; margin-left:4%;font:12px/22px "微软雅黑";}
.scrollWrap .txt p{width:90%; margin-left:6%; height:36px;font:12px/18px "微软雅黑"; overflow:hidden;}

/*********************** 企业文化、历史、研发 ***********************/
.bk02{ width:1140px; height:366px;margin-bottom:40px;}
.bk02_b{ width:380px; height:366px; float:left;}
.bk02_b a{ width:380px; height:366px; background:#2e3444;display:block;}
.bk02_b h2{ width:380px; height:183px;}
.bk02_b h2 img{ width:380px; height:183px;}
.bk02_b .wz{ width:380px; height:183px;position:relative; color:#fff; text-align:center; font-family:"微软雅黑";}
.bk02_b .wz h3{width:380px; position:absolute;top:28px; font-size:22px; font-weight:normal;}
.bk02_b .wz p{width:380px; position:absolute;top:48px; font-size:32px;color:#373c4b;}
.bk02_b .wz img{width:266px; position:absolute;top:72px; left:60px; }
.bk02_b .wz h4{width:266px; position:absolute;top:72px; left:60px; font-weight:normal;font-size:16px;letter-spacing:4px;}
.bk02_b .wz span{width:80px; height:21px;font:12px/21px "微软雅黑";  border:solid 1px #fff; position:absolute;top:130px; left:150px;
-webkit-border-radius:20px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:20px;/*适配firefox浏览器*/
-ms-border-radius:20px;/*适配IE浏览器*/
-o-border-radius:20px;/*适配opera浏览器*/
border-radius:20px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/}
.bk02_b a:hover{ width:380px; height:366px; display:block; background:#0484c9;}
.bk02_b a:hover p{ color:#1989cb;}
 /***** 三角形 *****/
.bk02_b a .wz:before{top:-8px;left:186px;position:absolute;content:"";width:0;height:0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; _border-left: 9px solid #2e3444; _border-right: 9px solid #2e3444; border-bottom: 9px solid #2e3444; overflow:hidden;}
.bk02_b a:hover:before{margin-top:175px; margin-left:186px;position:absolute;content:"";width:0;height:0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; _border-left: 9px solid #0484c9; _border-right: 9px solid #0484c9; border-bottom: 9px solid #0484c9; overflow:hidden; z-index:999;}

/*********** 历史 ***********/
.bk02_c{ width:380px; height:366px; float:left;}
.bk02_c a{ width:380px; height:366px; background:#2e3444;display:block;}
.bk02_c h2{ width:380px; height:183px;}
.bk02_c h2 img{ width:380px; height:183px;}
.bk02_c .wz{ width:380px; height:183px;position:relative; color:#fff; text-align:center; font-family:"微软雅黑";}
.bk02_c .wz h3{width:380px; position:absolute;top:28px; font-size:22px; font-weight:normal;}
.bk02_c .wz p{width:380px; position:absolute;top:48px; font-size:32px;color:#373c4b;}
.bk02_c .wz img{width:340px; position:absolute;top:72px; left:20px; }
.bk02_c .wz span{width:80px; height:21px;font:12px/21px "微软雅黑";  border:solid 1px #fff; position:absolute;top:130px; left:150px;
-webkit-border-radius:20px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:20px;/*适配firefox浏览器*/
-ms-border-radius:20px;/*适配IE浏览器*/
-o-border-radius:20px;/*适配opera浏览器*/
border-radius:20px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/}
.bk02_c a:hover{ width:380px; height:366px; display:block; background:#0484c9;}
.bk02_c a:hover p{ color:#1989cb;}
 /***** 三角形 *****/
 .bk02_c a .wz:before{top:182px;left:186px;position:absolute;content:"";width:0;height:0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; _border-left: 9px solid #2e3444; _border-right: 9px solid #2e3444; border-top: 9px solid #2e3444; overflow:hidden;}
.bk02_c a:hover:before{margin-top:182px; margin-left:186px;position:absolute;content:"";width:0;height:0;
 border-left: 9px solid transparent; border-right: 9px solid transparent; _border-left: 9px solid #0484c9; _border-right: 9px solid #0484c9; border-top: 9px solid #0484c9; overflow:hidden;z-index:999;}