body{font-size:12px; font-family:'微软雅黑';}
.wrap{width:980px; margin:0 auto;}

/* header */
    /* #header_top */
    #header_top{background:#0180D3; height:80px;}
    #header_top h1{padding-top:27px; float:left;}
    #header_top form{border:1px solid #1B8ACD; float:right; margin-top:26px; width:291px;}
    #header_top form p{float:left;  height:35px; line-height:35px; background-color:#252525; overflow:hidden;}
    #header_top form input{background-color:#252525; border:0px; float:left; color:#fff;}
    #search_key{width:250px; font-size:16px; padding:7px 5px 5px 5px;color:#666; outline: none;}
    #search_btn{width:29px; height:35px; background:url(../img/btn.jpg) 0 0 no-repeat; cursor:pointer;}

    /*header_nav*/
    #header_nav{background:#002339; height:52px;}
    #header_nav ul{ position:relative; }
    #header_nav ul li{float:left; font-weight:bold; font-size:16px;}
    #header_nav ul li a{color:white; display:block; padding:14px 27px 14px 27px;}
    #header_nav ul li a:hover,#header_nav ul a.current{text-decoration:none; background:#001522;}
    #header_nav ul .first {margin-top:15px; margin-right:32px;}
    #header_nav ul .first a{padding:0px;}
    #header_nav ul .first a:hover{background-color:#002339;}
    #header_nav ul li ul{position:absolute; width:800px; margin:0 auto; left:92px;}
    #header_nav ul li ul li{float:left; font-weight:normal; text-align:center; font-size:14px; line-height:32px; background:url(../img/subNav_bg.png) right center no-repeat; margin-right:30px;}
    #header_nav ul li ul li a{padding:0 22px 0 0; }
    #header_nav ul li ul li a:hover{background:none;}
    #subNav{background:#00436A; height:10px /*32px*/; text-indent:-9999px;}

    ul.nav_sub {display:none;}

/* indexMain  */
#indexMain{margin-top:30px;}

    /*内容分页*/
    .contPage{ text-align:center;}
    .contPage a{margin:0 5px;}

    /* sliderArea */
    #sliderArea{margin-bottom:23px;}
    #slider{width:646px; height:315px; background:#0180D3; margin-right:20px; float:left; position:relative}
    #sliderContent{margin:29px 20px 25px 20px;}
    #slider h2{font-weight:bold; color:#002239; font-size:26px;  margin-bottom:9px;}
    #slider #Recommendation{position:relative; height:207px;}
    #slider #Recommendation li.index-banner{position:absolute; display: none;}
    #slider #Recommendation li.index-banner a{display:block; margin-bottom:10px;}
    #description ol{margin-left:3px; width:284px; list-style: none;}
    #description ol li{ color:#fff; background:url(../img/right.png) 0 center no-repeat; padding-left:20px; float:left; width:122px; margin-bottom:5px;}
    #sliderNav{margin-left:3px;margin-top:45px;}
    #sliderNav li{width:35px; height:7px; margin-right:4px; float:left; text-indent:-9999px; font-size:0px;  cursor:pointer;background-color:#002339;}
    #sliderNav .now{background-color:#fff;}
    #sliderChange{position:absolute; right:35px; bottom:0px;}
    #sliderChange div{float:left; cursor:pointer;}
    #sliderChange .prev{margin-right:8px;}

    /* inforArea */
    #inforArea{width:314px;}
    #corporateBlog{background:#0180D3; height:148px; padding:0 19px; margin-bottom:20px;}
    #corporateBlog h3{padding-top:20px; margin-bottom:4px;}
    #corporateBlog a{ color:#002239;}
    #corporateBlog h3 a{font-weight:bold;}
    #photo{width:147px; margin-right:20px; float:left;}
    #photo a{diplay:block;}
    #phone{float:left;}
    #phone a{display:block; width:147px; padding-top:10px; background:url(../img/phone-bg.gif) 0 0 no-repeat; color:#fff; font-size:16px;}
    #phone a:hover{text-decoration:none;}
    #phone p,#phone h3{padding-left:10px; line-height:18px; font-weight:bold;  }
    #phone h3 {margin-bottom:8px; color: #CCC;}
    #phone p{padding-bottom:9px;}
    #phone .contactUs{margin-bottom:21px;}

    /* banner */
    .banner{height:318px; margin-bottom:30px;}
    .bannerGray{background:#EDEDF0;}
    .banner .wrapper{height:306px;width:980px; position: relative;margin:0 auto;}
    .banner .wrapper .wrap{display: none;width:980px;height:306px;position: absolute;left:0;top:0;}
    .bannerGreen{background:#00A300;}
    .banner .bannerInfor{width:406px; float:left;}
    .bannerInfor{padding-top:52px;}
    .bannerInfor h2{font-size:66px; margin-bottom:5px;}
    .bannerInfor p{font-size:16px; font-weight:bold; line-height:20px;}
    .bannerGray .bannerInfor p,.bannerGray .bannerInfor h2{color:#454545;}
    .bannerGreen .bannerInfor p,.bannerGreen .bannerInfor h2{color:#FFFFFF;}
    .bannerInfor a{display:block; width:147px; height:43px; line-height:42px; text-align:center; color:white; font-weight:bold; font-size:18px;}
    .bannerGray .bannerInfor a{background:#002339; margin-top:15px;}
    .bannerGreen .bannerInfor a{background:#FF9326; margin-top:15px;}
    .bannerGray .bannerInfor a:hover{text-decoration:none;}
    .bannerGreen .bannerInfor a:hover{text-decoration:none;}
    .bannerProduct{float:right; margin-right:6px; margin-top:32px;}

    /* companyArea */
    .companyArea{margin-bottom:30px;}
    .companyArea  .newsLink{float:left; width:360px; margin-right:20px;}
    .newsLink .linkArea{float:left; margin-right:20px;}
    .newsLink .linkArea a{display:block; font-size:18px; font-weight:bold;text-align:center; background:url(../img/linkArea-a.png) 0 0 no-repeat; width:110px; height:110px; color:#fff;}
    .newsLink .linkArea a span{display:block; padding-top:73px;}
    .newsLink .linkArea a:hover{text-decoration:none;}
    .linkArea .technology{margin-bottom:18px;}
    .newsLink .linkArea .price{background-position:0 -214px ;}
    .newsBlue .linkArea .technology{background-position:0 0; }
    .newsGreen .linkArea .technology{background:none; background-color:#FF9326}

    .result{float:left;}
    .result .resultBlock{width:230px; height:108px; display:block;color:#fff; font-weight:bold; margin-bottom:20px;}
    .result .resultBlock:hover{text-decoration:none;}
    .result .resultBlock a{color:#FFF; padding:11px 11px 0 11px; float:left;}
    .result .blueResult{background:#0180D3;}
    .result .greenResult{background:#00A300;}
    .result .productLink a{float:left; margin-right:10px;width:110px;height:110px;display:block;}
    .result .productLink .last{margin-right:0px;}
    .newsList{float:left; width:266px; margin-right:20px;}
    .newsList h2{border-bottom:3px solid;}
    .newsBlue .newsList h2{border-bottom-color:#002339;}
    .newsGreen .newsList h2{border-bottom-color:#00A300;}
    .newsList h2 span{float:left; background:url(../img/newsList-a.png) 0 0 no-repeat; padding-left:25px; font-size:16px; font-weight:bold;}
    .newsList h2 a{float:right; font-size:14px; margin-right:5px;}
    .newsList h2 a:hover{text-decoration:none;}
    .newsBlue .newsList h2 span{color:#252525; background-position: 0 -68px;}
    .newsGreen .newsList h2 span{color:#006600; background-position: 0 4px;}
    .newsBlue .newsList h2 a{color:#00436A;}
    .newsGreen .newsList h2 a{color:#00A300;}
    .newsList ul li{height:27px; margin-top:3px;}
    .newsList ul li a{font-size:14px; background:url(../img/newsList-li-a.png) 0 0 no-repeat; margin-left:11px; font-family:'宋体'; display:block;width:220px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; padding:3px 0 3px 12px;}
    .newsBlue .newsList ul li a{background-position:0 12px; color:#333;}
    .newsGreen .newsList ul li a{background-position:0 -55px; color:#666;}
    .projectrRsult{width:314px; float:left;}
    .projectrRsult ul li{margin-bottom:5px;}
    .projectrRsult h2{height:32px; line-height:32px; font-size:14px; font-weight:bold; background-color:#F9F9F9; cursor:pointer; }
    .projectrRsult h2 span{display:block;background:url(../img/projectrRsult-h2.png) 0 0 no-repeat;  padding-left:30px; margin-left:3px;}
    .newsBlue .projectrRsult h2 span{background-position:0 5px; color:#454545;}
    .newsGreen .projectrRsult h2 span{background-position:0 -114px; color:#006600;}
    .contentRsult{border:1px dotted #CCCCCC; padding:18px 20px; margin-top:5px;}
    .contentRsult a strong{color:blue}
    .newsBlue  .contentRsult p,.newsBlue  .contentRsult p a{color:#666666;}
    .newsGreen .contentRsult p,.newsGreen  .contentRsult p a{color:#00A300;}

    /* itemize */
    .itemize .itemizeBlock{float:left; width:230px; margin-right:20px; padding-bottom:30px;}
    .itemizeBlock h2 a{display:block; height:68px; color:#fff; font-size:16px; font-weight:bold; line-height:68px; padding-left:14px;}
    .itemizeBlock h2 a:hover{text-decoration:none;}
    .blueItemize  h2 a{background:#0180D3;}
    .greenItemize  h2 a{background:#00A300;}
    .blueItemize  h2 a:hover{background:#002339;}
    .greenItemize  h2 a:hover{background:#FF9326;}
    .itemizeBlock ul li{height:34px; line-height:34px; width:230px; }
    .itemizeBlock ul li a{padding-left:13px; display:block; width:200px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:14px; color:#333333;}
    .itemize .last{margin-right:0px;}

    /* displayArea */
    #displayArea{margin-bottom:30px;}
    #displayLink{float:left; width:155px;}
    #newProducts{background:url(../img/newProducts.gif) 0 0 no-repeat; display:block; height:73px; font-weight:bold; font-size:18px; color:#FFFFFF; margin-bottom:10px;}
    #newProducts:hover{text-decoration:none;}
    #newProducts span{display:block; padding-left:13px; padding-top:36px;}
    #succeedCase a{display:block; width:72px; height:72px; margin-right:10px; background:#00A300; font-size:18px; color:#FFFFFF; font-weight:bold; float:left;}
    #succeedCase a:hover{text-decoration:none;}
    #succeedCase a span{display:block; padding:11px 16px 14px 15px; line-height:24px;}
    #succeedCase .more{margin-right:0px; width:73px; background:url(../img/more.gif) 0 0 no-repeat; font-size:14px;}
    #succeedCase .more span{padding:42px 0 0 8px;}
    #displayArea ul{float:left;}
    #displayArea ul li{float:left; width:155px; margin-left:10px;}
    #displayArea ul .last{margin-right:0px;}
    #displayArea ul li a{display:block; border:3px solid #00A300; border-bottom:0px;}
    #displayArea ul li a:hover{text-decoration:none;}
    #displayArea ul li .title{border:0px; background:#00A300; height:37px; text-align:center; font-size:14px; font-weight:bold; line-height:37px; color:#fff;}

/* bottomNav */
#bottomNav{background:#F0F0F0; padding:9px 0; text-align:center;}
#bottomNav a{font-family:'宋体'; font-size:14px; font-weight:bold; color:#666666; background:url(../img/bottomNav.gif) right center no-repeat; padding-right:14px; margin-right:7px;}
#bottomNav a:hover,#bottomNav  .current{text-decoration:none; color:#00A300;}
#bottomNav .last{background:none;}

/* footer */
#footer{background:#999999; height:105px; text-align:center;}
#friendLink{padding-top:22px; margin-bottom:6px;}
#friendLink a{color:#333333; font-family:'宋体'; background:url(../img/friendLink.gif) right center no-repeat; padding-right:10px; margin-right:5px; }
#friendLink a:hover{text-decoration:none; color:#fff;}
#footer p{color:#666666; font-family:'宋体';}

/*返回顶部*/
#tbox { bottom: 15px; display: none; float: right; position: fixed; right: 15px; width: 54px; }
* html{ background-image:url(about:blank); background-attachment:fixed }
* html #tbox{ position:absolute; left:expression(eval(document.documentElement.scrollLeft-15+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); top:expression(eval(document.documentElement.scrollTop-15+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,0)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
#pinglun, #home, #gotop, #gotopro { background: url("../img/gototop.png") no-repeat scroll 0 0 #7BC8FB; display: block; height: 56px; margin-bottom: 5px; width: 54px; }
#pinglun:hover, #home:hover, #gotop:hover, #gotopro:hover { background-color: #0099FF; }
#pinglun { background-position: 0 -110px; }
#pinglun:hover{ background-position: -54px -110px; }
#home { background-position: 0 5px; }
#home:hover{ background-position: -54px 5px; }
#gotop { background-position: 0 -170px; margin-bottom: 0; }
#gotop:hover{ background-position: -54px -170px; }
#gotopro{ background-position: 0 -54px;}
#gotopro:hover{ background-position:  -54px; }
/* site map*/
.map-container{width:980px; margin: 0 auto; }
.map-container .item{width:230px; margin-bottom:20px; float: left;}
.map-container .item h2 a{display:block; height:38px; color:#fff; font-size:14px; font-weight:bold; line-height:38px; padding-left:14px;}
.map-container .item ul li{height:28px; line-height:28px; width:230px;}
.map-container .item ul li a{padding-left:13px; display:block; width:200px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; font-size:12px; color:#666;}
.map-container .item .last{margin-right:0px;}

.map-container .grayItemize h2 a{background: #CCC; color: #002339}

div.map-header{background:#0180D3; width: 980px; margin: 0 auto; margin-bottom: 10px; margin-top: 20px;}
div.map-header h1{padding: 10px;}
div.map-header h1 a{ color: #FFF; font-size: 18px; font-weight: bold;}

/*page list*/
.newsModule .page_list{margin-left:25px; margin:20px 0 20px 43px;}
.page_list a{margin-right: 10px; font-weight: bold; display: block; padding: 0 8px; background: #EEE; float: left; padding-top: 2px; color: #333;}
.page_list a:hover, .page_list a.on{ background: #0180D3; color: #FFF; text-decoration: none;}