﻿.banner { height: 600px; position: relative; }
    .banner .item { display: block; height: 600px; }
    .banner .slidesjs-pagination { position: absolute; bottom: 19px; z-index: 13; left: 50%; }
        .banner .slidesjs-pagination li { float: left; }
            .banner .slidesjs-pagination li a { width: 50px; height: 3px; background-color: #fff; float: left; margin: 0 4px; font-size: 0; }
                .banner .slidesjs-pagination li a.active { background-color: #ff0000; }
.module { overflow: hidden; }
    .module > .title { text-align: center; font-size:30px; line-height:38px; background: url(../images/greyline.png) left center repeat-x; }
    .module .title span { padding: 0 20px; background-color: #fff; color: #2069B4;}
    .module .productList { width: 1210px; margin-left: -5px; }
        .module .productList .item { float: left; position: relative; margin: 0 5px; }
            .module .productList .item .title { font-weight: bold; position: absolute; width: 134px; height: 92px; text-align: center; vertical-align: middle; color: #fff; font-size: 14px; background: url(../images/opacity1.png) left top repeat; transition: all 1s;
-moz-transition:all 1s; /* Firefox 4 */  
-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}
            .module .productList .item:hover .title { width:292px; height: 264px; }
           
                .module .productList .item:hover .title br { display: none; }
.cases { background: url(../images/casebg.jpg) left top no-repeat; margin-top: 40px; }
    .cases .module .title span { background-color: ActiveCaption; }
    .cases .module > .title { background: url(../images/caseline.png) left center repeat-x; }
    .cases .caseList { width: 1220px; margin-left: -10px; }
        .cases .caseList .item { float: left; margin: 0 10px 20px 10px; width: 560px; height: 230px; padding: 15px; background-color: #eeeeee; }
    .cases .item .pic { position: relative; width:280px; height:230px; overflow:hidden;box-shadow: 0 0 6px 2px #ccc; }
        .cases .item .pic img {  position: absolute; z-index: 13; }
            .cases .item .pic:hover { box-shadow:none;}
    .cases .caseList .item > div.fl { padding: 29px 15px 0 13px; width: 252px;height:201px; background-color: #fff; }
    .cases .caseList .intro {margin:22px 0 42px 0; }
    .date {color:#999;background:url(../images/rili.png) left top no-repeat;padding-left:22px; }
   .more {color:#999; }
    .en .date,.en .more{
   font-family:Arial;
    }

      .more:hover {color:#ff0000; }
.media>div {width:590px;margin-bottom:40px; }
.media .subTitle {font-size:16px; }
.media .news .intro {margin:12px 0 13px 0; }
.media .news .rightDetail {width:424px; }
.media .news .rightDetail .title {display:block;height:18px;overflow:hidden;}
.news ul li { padding:20px 0;border-top:1px solid #dbdbdb;}
    .news ul li:first-child {border:none; }
    .news ul li a.fl{ width:150px; height:94px; overflow:hidden;}
.news .subTitle {background:url(../images/newsicon.png)  left center no-repeat;padding-left:24px;}
.news .subTitle:hover{background:url(../images/newsiconh.png)  left center no-repeat;}
.video .subTitle {background:url(../images/videoicon.png)  left center no-repeat;padding-left:26px;}
.video .subTitle:hover{background:url(../images/videoiconh.png)  left center no-repeat;}
.video .videoWrap {
margin-top:20px;
position:relative;
}
    .video .videoWrap .title {
        position: absolute;
        top: 0;
        left: 0;
        width:525px;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        padding-left: 5px;
        background: url(../images/opacity40.png) left top repeat;;
    }











