#blue{ min-width:1000px; margin:auto; height:158px; background:#e6f4fb;}
#blue .about{ width:510px; height:155px; margin:auto; position:relative; padding-left:490px; z-index:100; border-bottom:3px solid #0d6dad;}
#blue .about .view{ position:absolute; z-index:10; bottom:0px; left:0px; background:url(../images/index_11.png); padding:20px 28px; width:412px;} 
#blue .about .view img{ max-width:100%;}
#blue .about .type{ height:48px; line-height:48px;color:#535353; font-size:20px;}
#blue .about .type a{ display:block; width:20px; height:20px; float:right; margin:14px 0 0 6px; }
#blue .about .type a.next{ background:url(../images/index_17.png);}
#blue .about .type a.prev{ background:url(../images/index_15.png);}
#blue .about .list{ height:96px; overflow:hidden; position:relative;}
#blue .about .list ul li{ display:block; float:left; border:3px solid #f5f8f9;height:96px; width:155px; margin-right:13px;}
#blue .about .list ul li a{height:96px; width:155px; display:block;}
#blue .about .list ul li a img{height:96px; width:155px;}
/**/
#main{ width:1000px; margin:17px auto 80px;}
#main .index-type{ height:40px; position:relative; line-height:40px; font-size:20px; color:#535353; font-weight:bold;}
#main .index-type a{ display:inline-block; *display:inline; *zoom:1; padding-left:24px; background:url(../images/index_22.png) left no-repeat; font-size:12px; font-weight:100; position:absolute; top:0px; right:0px;}
/*产品*/
#main .index-pro{  width:645px; float:left; overflow:hidden; position:relative; margin-bottom:12px;}
#main .index-pro .list{ padding-top:20px;}
#main .index-pro .list ul li{ display:block; float:left; width:147px; height:164px; margin-right:19px;}
#main .index-pro .list ul li img{ width:145px; height:115px; display:block; border:1px solid #efefef; margin-bottom:8px;}
#main .index-pro .list ul li a{ display:block; text-align:center;}
/**/
#main .pro-class{ width:325px; float:right; margin-bottom:12px;}
#main .pro-class .list ul li{ display:block; border-bottom:1px solid #ebebeb;}
#main .pro-class .list ul li a{ display:block; line-height:20px; min-height:20px; padding:10px 0 10px 27px; background:url(../images/index_26.png) no-repeat; color:#676767;}
#main .pro-class .list ul li a:hover{ padding:10px 0 10px 43px; background-position:16px 0; background-color:#f0f0f0; color:#0d6dad;}
/*三格*/
.san-box{ border-left:1px solid #e9e9e9;}
.san-box .box{ border-right:1px solid #e9e9e9; float:left; padding:0 19px; height:285px; overflow:hidden; position:relative;}
.san-box .box .index-type{ margin-bottom:16px;}
.san-box .box .href{ display:block; color:#0d6dad; height:30px; line-height:30px; background:#e9e9e9; padding-right:10px;}
.san-box .box .href span{ float:right;}
.san-box .box .href span i{ float:left; display:block; width:0px; height:0px; border-width:5px; border-style:solid; border-color: transparent transparent transparent #0d6dad; margin:8px 5px 0 0;}
/**/
.san-box .box.zp{ width:210px;}
.san-box .box.zp .view{ overflow:hidden; position:relative; height:190px; margin-bottom:8px;}
.san-box .box.zp .view img{ max-width:100%;}
/**/
.san-box .box.honor{ width:210px;}
.san-box .box.honor .list{ width:114px; margin:auto; height:198px;}
.san-box .box.honor .list ul li{ display:block; width:114px; text-align:center;}
.san-box .box.honor .list ul li a{ display:block;}
.san-box .box.honor .list ul li a img{ border:1px solid #efefef; width:112px; height:159px; margin-bottom:8px;}
.san-box .box.honor .list ul li a .title{ height:24px; overflow:hidden; position:relative; line-height:24px;}
.san-box .box.honor .btn a{ display:block; width:18px; height:38px; position:absolute; top:50%; margin-top:-19px; cursor:pointer;}
.san-box .box.honor .btn a.prev{ left:19px; background:url(../images/index_30.png);} 
.san-box .box.honor .btn a.next{ right:19px; background:url(../images/index_33.png);}
/**/
.san-box .box.news{ width:462px;}
.san-box .box.news dl dd{ height:100px; display:block; margin-bottom:12px;}
.san-box .box.news dl dd .tu{ float:left; width:147px; height:98px; border:1px solid #efefef; margin-right:16px;}
.san-box .box.news dl dd .tu img{ width:147px; height:98px; }
.san-box .box.news dl dd .title{ display:block; height:38px; overflow:hidden; line-height:38px; position:relative; font-size:14px; color:#0d6dad;}
.san-box .box.news dl dd  .demo{ color:#7c7c7c; line-height:18px; height:54px; overflow:hidden; position:relative;}
.san-box .box.news dl dt{ display:block; overflow:hidden; position:relative; height:24px; line-height:24px;}
.san-box .box.news dl dt span{ color:#b5b5b5; float:right; margin-left:30px;}
.san-box .box.news dl dt  a{ display:block; height:24px; overflow:hidden; position:relative; color:#7c7c7c;}
.san-box .box.news dl dt  a b{ margin-right:5px;color:#0d6dad;}
.san-box .box.news dl dt  a:hover{color:#0d6dad;}