@charset "utf-8";
/* CSS Document */
body{background: #fbfbfb; position: relative;}

.banner{ width:100%;  position:relative;  height:534px; overflow: hidden; }
.banner .hd{ height:16px; overflow:hidden; position:absolute; left: 50%; bottom:22px; z-index:1; margin-left: -490px;}
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{display:inline-block; *display:inline; zoom:1; margin-right:8px;  width:16px; height:16px; background: url(../images/li_10.png) no-repeat -24px 0; cursor:pointer; overflow: hidden; text-indent: 999999px }
.banner .hd ul li.on{ background-position: 0 0; }
.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:534px; overflow:hidden; text-align:center;  background-position: center; background-repeat: no-repeat;}
.banner .bd li a{ display:block; height:534px; }

.main{margin: 23px auto 0 auto; width: 980px; padding-bottom: 55px;}
.main .index-title{font-size: 16px; color: #e62129; height: 40px;}
.main .index-title span{font-size: 12px; color: #969696;}

.main .about{float: left; width: 260px;}
.main .about .about-pic{width: 260px; height: 120px; overflow: hidden;}
.main .about .about-pic img{width: 260px;}
.main .about .about-txt{margin-top: 11px;}
.main .about .about-txt p{line-height: 20px; color: #545454;}

.main .news{width: 410px; margin-left: 29px; float: left;}
.main .top-news{overflow: hidden;}
.main .top-news .top-news-pic{float: left; width: 156px; height: 99px; padding: 3px; border: 1px solid #cdcbcc;}
.main .top-news .top-news-pic img{width: 156px; height: 99px;}
.main .top-news .top-news-txt{float: right; width: 236px;}
.main .top-news .top-news-txt h1{color: #545454; font-size: 14px; font-weight: bold; line-height: 18px;}
.main .top-news .top-news-txt h1 span{color: #808080; font-size: 12px; font-weight: normal; padding-left: 5px;}
.main .top-news .top-news-txt p{color: #7a7a7a; line-height: 20px; margin-top: 8px;}
.main ul.news-list{margin-top: 12px; width: 405px;}
.main ul.news-list li{border-bottom: 1px dashed #c2c2c2;}
.main ul.news-list li a{display: block; overflow: hidden; padding-left: 10px; background: url(../images/33.jpg) no-repeat 0 13px; line-height: 30px;}
.main ul.news-list li a h1{float: left; color: #545454; font-size: 13px;}
.main ul.news-list li a h1:hover{color: #e62129;}
.main ul.news-list li a h2{float: right; color: #808080;}

.main .art{float: right; width: 252px;}
.art-slide{width: 252px; height: 211px; position: relative;}
.art-slide .bd ul li{border-bottom: 1px dashed #c2c2c2; padding-bottom: 16px; margin-bottom: 16px;}
.art-slide .bd ul li>a{display: block; overflow: hidden;}
.art-slide .bd ul li .art-pic{width: 88px; height: 64px; overflow: hidden; padding: 3px; border: 1px solid #ccccce; float: left;}
.art-slide .bd ul li .art-pic img{width: 88px; height: 64px;}
.art-slide .bd ul li .art-txt{width: 146px; float: right;}
.art-slide .bd ul li .art-txt h1{color: #545454; font-size: 13px; margin-bottom: 4px; padding-top: 2px;}
.art-slide .bd ul li .art-txt h2{color: #545454; margin-bottom: 4px;}
.art-slide .bd ul li .art-txt h2 span{color: #b9b9b9;}
.art-slide a.next{display: block; width: 252px; height: 18px; background: url(../images/art_slide_next.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 0; z-index: 1;}

.main .project{margin-top: 36px; width: 100%;}
.main .project .index-title{height: 33px;}
.project-slide{width: 100%; height: 177px; position: relative;}
.project-slide .bd{overflow: hidden; width: 980px;}
.project-slide .bd ul{width: 1036px; height: 177px;}
.project-slide .bd ul li{width: 202px; border-right: 1px solid #e7e7e7; padding-right: 28px; margin-right: 28px; float: left;}
.project-slide .bd ul li h1{color: #545454; font-size: 13px; font-weight: bold; margin-top: 14px;}
.project-slide .bd ul li h2{color: #7a7a7a; margin-top: 10px;}
.project-slide .bd ul li .pj-pic{width: 202px; height: 98px; overflow: hidden;}
.project-slide .bd ul li .pj-pic img{width: 202px; height: 98px;}
.project-slide a.prev,.project-slide a.next{display: block; position: absolute; width: 19px; height: 19px; z-index: 1; top: -29px; background-image: url(../images/ar_14.png); background-repeat: no-repeat;}
.project-slide a.prev{background-position: 0 0; right: 25px;}
.project-slide a.prevStop{background-position: 0 -20px; right: 25px;}
.project-slide a.next{background-position: -24px -20px; right: 1px;}
.project-slide a.nextStop{background-position: -24px 0; right: 1px;}

.icons{width: 980px; margin: 65px auto 0 auto;}
.icons ul li{border-right: 1px solid #e6e7e7; height: 96px; padding: 9px 48px 0 48px; float: left;}
.icons ul li h1{color: #545454; font-size: 14px; margin-top: 18px;}
.icons ul li.first{padding-left: 0;}
.icons ul li.last{padding-right: 0; border: none;}
.icons ul li a{display: block; text-align: center;}
/*
html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(“data:image/svg+xml;utf8,<svg xmlns=‘http://www.w3.org/2000/svg’><filter id=‘grayscale’><feColorMatrix type=‘matrix’ values=‘0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/>#grayscale”);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
*/