@charset "utf-8";

/*通用Css*/
.title{ height:27px; border-bottom:1px dotted #c5c5c5; padding:2px 2px 0 4px}
/* header */
#Total{ width:100%; height:88px; background:url(../images/Total.gif) no-repeat right}
#header{ width:984px; height:88px; margin:0 auto}
.logo{ width:193px; height:55px; padding:16px 0 0 3px}
.headeRight{ width:187px; height:32px; padding:31px 86px 0 0}

/* nav */
.nav{ height:34px;}
.nav ul li{ float:left; height:34px; line-height:34px;font-family:'微软雅黑'; font-weight:bold; text-align:center}
.xian{ float:left; width:2px; height:34px}
.nav ul li a{ width:120px; height:34px; display:block; color:#fff; font-size:14px}
.nav ul li a:hover{ background:url(../images/navHover.gif)}

/*内页 Left*/
.nLeftTOpImg{ width:176px; height:97px; background:url(../images/nLeftTOpImg.gif); padding:32px 0 0 42px}
.nlTop{ height:18px}
.nlNext{ width:202px; background:url(../images/nlNext.gif) repeat-y; padding:8px 8px 150px 8px}
.sidebar{ width:202px}
.sidebar li{ width:202px; height:31px; border-bottom:1px dotted #b7b7b7; display:block;line-height:31px;}
.sidebar li a{ width:177px; height:31px; color:#797979;background:url(../images/sidebar.gif) no-repeat 6px 13px;padding-left:25px; display:block}
.sidebar li a:hover{ width:177px; height:31px; background:url(../images/sidebarHove.gif) no-repeat 6px 13px; color:#397dbc; font-weight:bold}
.nLeftTel{ width:202px; line-height:25px}

/*Right*/
.nDaoH{ width:747px; height:30px; background:url(../images/nDaoH.gif) no-repeat bottom; line-height:26px}
.nborder{ width:715px; border:1px solid #e3e3e3; border-top:none; padding:15px}
.nborderList{ width:715px}
.nborderList li{ float:left; width:705px; height:33px; border-bottom:1px dotted #ccc; display:block; padding:0 5px; line-height:33px}

.fenye{ width:715px; height:22px}

/* Index CSS*/
/* 主体 */
#main{ width:984px; margin: 0 auto}
/*banner Img Start*/
.banner{ height:352px}
#imgPlay {width: 984px; ZOOM: 1; POSITION: relative; height:324px; padding-bottom:28px;overflow: hidden;}
#imgPlay .imgs img {width:984px; height:324px}
#imgPlay .imgs li { float:left; position:relative;width:984px; height:324px;padding-bottom:28px}
#imgPlay .imgs {width: 5760px}
#imgPlay .btn { width:112px; bottom:12px; text-indent:-9999px; position:absolute; height:29px;overflow: hidden;}
#imgPlay .num { position: absolute; height:19px;}
#imgPlay .num SPAN {display: inline-block; background: url(../images/imgPlayer.png) no-repeat -19px -84px; margin: 0px 2px; overflow: hidden; width: 14px; cursor:pointer; height: 12px; position:relative; left:430px}
#imgPlay .num SPAN.on {background-position: 1px -84px}
#imgPlay .num .lc { float:left;width: 13px; padding-top:2px; height:17px}
#imgPlay .num .mc { float: left; width: 13px; padding-top: 2px; height: 17px}
#imgPlay .num .rc { float: left; width: 13px; padding-top: 2px; height: 17px}
#imgPlay #numInner {BACKGROUND: none transparent scroll repeat 0% 0%; padding-top: 3px; position:absolute; top: 330px}
/*banner Img End*/

/*newLeft 焦点图*/
.FocusMap{ width:236px; height:202px}
.news{ width:360px; height:216px; background:url(../images/news.gif) no-repeat right; padding-right:30px}
.newsList{ width:360px; margin-top:8px}
.newsList li{ float:left; width:354px; height:24px;border-bottom:1px dotted #c5c5c5; overflow:hidden; line-height:24px; padding:0 3px; color:#8c8c8c; display:block}

.company{ width:304px; height:216px; overflow:hidden}
.companyNext{ width:286px; padding:8px 11px 0 7px}
.companyCoun{ width:286px; height:137px; line-height:22px; text-indent:24px; overflow:hidden}

/* 图片滚动 */
.proTop{ height:27px; background:url(../images/proTop.gif); padding:0 10px 0 29px}
.bar{ width:220px; height:27px}
#newsB1,#newsB2{ float:left; width:110px; text-align:center; height:27px; line-height:27px; font-family:'微软雅黑'}
#newsB1 a,#newsB2 a{color:#666768;text-align:center; font-weight:bold; line-height:27px}

.fbg{ float:left; width:110px; height:27px; text-align:center; background:url(../images/fbg.gif); font-weight:bold}
.fbg a{ color:#666768}
.fbg a:hover{ color:#3a7794}
#newsA1,#newsA2{ width:982px}

.proNext{ height:186px; border:1px solid #b7c6c9; border-top:none}
.btnLeftImg{ width:21px; height:114px; padding:72px 0 0 6px;cursor:pointer;}
.btnRightImg{ width:21px; height:114px; padding:72px 6px 0 0;cursor:pointer;}

.iproDIv{width:163px; padding:0 10px}
.iproDIvImg{ width:161px; height:132px}
.iproDIvImg img{width:161px; height:132px; display:block}
.iproDIvtxt{ width:163px; height:25px; line-height:25px}

/* 1 */
#wrap{width:920px;height:157px; overflow:hidden; margin-top:17px}
#a,#b{float:left;width:920px;height:157px}
#scrolls{width:200%;float:left}

/* 2 */
#scrollbody{width:920px;height:157px; overflow:hidden; margin-top:17px}
#scroll1,#scroll2{float:left;width:920px;height:157px}
#scrollbos{width:200%;float:left}


/* Case */
.caseTitle{ width:962px; height:38px; border:1px solid #d6e0e2; padding:9px 10px 0 10px}
.caseNext{ width:960px; border:1px solid #d6e0e2; border-top:none; padding:10px 10px 10px 12px}
.caseNext ul li{ float:left; width:152px; height:77px; border:1px solid #ddd; margin:7px 5px 0 0}
.caseNext ul li img{width:152px; height:77px}

#links{ width:982px; border:1px solid #d6e0e2}
.linksTitle{ height:24px; padding:10px 10px 0}
.linksNext{ width:962px}
.linksNext ul li{ float:left; width:120px; height:24px; line-height:24px; text-align:center; overflow:hidden; display:block}
/* Index CSS END*/

/*content Css*/
.conTentCon{ width:715px;line-height:30px}
.listEnd{ width:715px; border-bottom:1px dotted #dadad8; color:343434; padding-bottom:10px}
.listEndF{ width:715px; line-height:25px}
.liuyanInp{ width:200px; height:20px; line-height:20px;border:1px solid #a9a9a9}
.liuyanInptearea{ width:200px; height:76px; line-height:20px; border:1px solid #a9a9a9}
.lybtn{ width:58px; height:22px; text-align:center; line-height:22px; background:url(../images/lybtn.gif); border:0px}
.customer,.customers{width:715px}
/*.customer li{ float:left; width:148px; height:76px;border:1px solid #e3e3e3; margin:12px 12px 0 12px; _margin-left:6px}*/
.customer li{ float:left; width:148px; height:76px;border:1px solid #e3e3e3; margin:12px 12px 0 16px; _margin-left:8px}
.customers li{ float:left; width:320px;  margin-top:12px; margin-left:15px;font-size:13px; display:inline; min-width:100px; white-space: nowrap; background:url(../images/arrow.gif) no-repeat left; padding-left:10px;}
.customer li img{width:148px; height:76px; display:block}

/*Product*/
.product{ width:745px; border:1px solid #e3e3e3; border-top:none; padding:15px 0}
.product .div{ width:745px}
.proImgDiv{width:170px; padding:0 8px}
.proImgDivImg{ width:168px; height:141px}
.proImgDivImg img{ width:168px; height:141px}
.proImgDivTxt{ width:170px; height:30px; line-height:30px}

/* 内页滚动 */
.pronDaoHT{ height:19px; width:716px; background:url(../images/pronDaoHT.gif); padding:7px 0 0 31px}
.pronDaoHTNext{ height:181px; border:1px solid #c8d3d5; border-top:none}
.nbtnLeftImg{ width:21px; height:114px; padding:68px 0 0 6px;cursor:pointer;}
.nbtnRightImg{ width:21px; height:114px; padding:68px 0px 0 0;cursor:pointer;}

.niproDIv{width:163px; padding:0 4px}
.niproDIvImg{ width:161px; height:132px}
.niproDIvImg img{width:161px; height:132px; display:block}
.niproDIvtxt{ width:163px; height:25px; line-height:25px}

#wrapn{width:690px;height:157px; overflow:hidden; margin-top:17px}
#an,#bn{float:left;width:690px;height:157px}
#scrollsn{width:200%;float:left}

/*产品最终页下拉菜单*/

/*内页左侧下拉菜单*/
.n_l_nav{ width:202px; margin-top:10px}
.n_l_nav span{display:block;line-height:32px;height:31px;width:202px;}
.n_l_nav span a{ width:177px; height:31px; color:#797979;background:url(../images/sidebar.gif) no-repeat 6px 13px;padding-left:25px; display:block;border-bottom:1px dotted #b7b7b7; font-size:14px; font-weight:bold;}
.n_l_nav span a:hover{width:177px; height:31px; background:url(../images/sidebarHove.gif) no-repeat 6px 13px; color:#397dbc; font-weight:bold}
.n_l_div{ width:202px}
.n_l_div ul li{height:31px;line-height:31px;display:block;width:162px; line-height:31px;background:url(../images/sanj.gif) no-repeat 25px 10px;border-bottom:1px dotted #b7b7b7; padding-left:40px}
/*.n_l_div ul li a{ color:#797979}*/
.n_l_div ul li a:hover{color:#797979; font-weight:bold}
.sd02{ color:#900; font-weight:bold}




.dis{display:none;}
#left{float:left; width:202px;}
#left ul,li{list-style:none;overflow:hidden;}
.left_title{display:block;line-height:32px;height:31px;width:202px;}
.left_title a{width:177px; height:31px; color:#797979;background:url(../images/sidebar.gif) no-repeat 6px 13px;padding-left:25px; display:block;border-bottom:1px dotted #b7b7b7;}
.left_title a:hover{width:177px; height:31px; background:url(../images/sidebarHove.gif) no-repeat 6px 13px; color:#397dbc; font-weight:bold}


.left_link{text-indent:36px;height:31px;line-height:31px;display:block;width:202px; line-height:31px;background:url(../images/sanj.gif) no-repeat 25px 10px;border-bottom:1px dotted #b7b7b7;}
.left_link a{ color:#797979}
.left_link a:hover{color:#797979; font-weight:bold}
.left_link_over{text-indent:36px;color:#fff;display:block;width:202px;height:31px;line-height:31px;}