/*首页banner*/

.banner17 .shutter {
    overflow: hidden;
    width: 1920px;
    height: auto;
    position: relative;
    left: 50%;
    margin-left: -960px;
    top: 0;
}

.banner17 .shutter-img {
    z-index: 1;
}

.banner17 .shutter-img,
.banner17 .shutter-img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner17 .shutter-img a {
    cursor: default;
}

.banner17 .shutter-img a>img {
    width: 1920px;
    height: auto;
}

.banner17 .shutter-img .created {
    overflow: hidden;
    position: absolute;
    z-index: 20;
}

.banner17 .shutter-btn {
    width: 1300px;
    height: 64px;
    z-index: 9;
    position: absolute;
    top: 50%;
    margin-left: -650px;
    margin-top: -32px;
    left: 50%;
    clear: both;
    display: none;
}

.banner17:hover .shutter-btn {
    display: block;
}

.banner17 .shutter-btn li {
    width: 64px;
    height: 64px;
    cursor: pointer;
}

.banner17 .shutter-btn li.prev {
    float: left;
    background: url(../images/left3.png) no-repeat;
}

.banner17 .shutter-btn li.next {
    float: right;
    background: url(../images/right3.png) no-repeat;
}

.cover {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.public{
    background: url(../images/heng.png) no-repeat center;
    text-align: center;
    color:#737373;
    font-size: 18px;
    margin-top: 25px;
}
/* product */
.product{
    height: 1030px;
}
.product .p1{
    text-align: center;
    color:#333333;
    font-size: 36px;
    padding-top: 48px;
}
.product .product_nav{
    margin: 25px auto 0px auto;
    position: relative;
    z-index: 1000;
	width:700px;
	display:block;
}
.product .product_nav li{
    width: 138px;
    height: 38px;
    border: 1px solid #999999;
    border-radius: 25px;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    color:#4c4c4c;
}
.product .product_nav li p{
    text-align: center;
    line-height: 38px;
    font-size: 18px
}
.product .multipleColumn{  position:relative; width:1200px;  }
.product .multipleColumn .bd{  overflow:hidden;width: 1200px;  }
.product .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:284px;margin:  0 8px;  float:left; _display:inline;  }
.product .multipleColumn .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;margin-top: 30px; }
.product .multipleColumn .bd ul li .pic{ text-align:center; }
.product .multipleColumn .bd ul li .pic p{
        height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 18px;
    color:#666666;
    background: url(../images/proheng.png) no-repeat bottom center;
    }
.product .multipleColumn .bd ul li .pic img{ width:286px; height:245px; display:block; }
.product .multipleColumn .bd ul li .title{ line-height:24px;   }
.product .click{
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 27px;
}
.product .click .btn{
    margin-bottom: 15px;
}
.product .prev{
    background: url(../images/left.png) no-repeat  center;
    width: 30px;
    height: 21px;
    cursor: pointer;
    position: absolute;
    top:808px;
    left:530px;
}
.product .next{
    background: url(../images/right.png) no-repeat  center;
    width: 29px;
    height: 21px;
    cursor: pointer;
    position: absolute;
    top:808px;
    left:643px;
}
.product .prev:hover{
    background: url(../images/left1.png) no-repeat  center;
    width: 30px;
    height: 21px;
    cursor: pointer;
}
.product .next:hover{
    background: url(../images/right1.png) no-repeat  center;
    width: 29px;
    height: 21px;
    cursor: pointer;
}


/* about */
.about{
    height: 670px;
    background-color: #f2f2f2;
}
.about1{
    background: url(../images/about.jpg) no-repeat  center;
    height: 589px;
    position: relative;
    top:40px;
}
.about1 p{
    width: 580px;
    margin-left: 574px;
    padding-top: 147px;
    line-height: 34px;
    font-size: 16px;
    color:#4c4c4c;
}
.about1 img{
    margin-left: 424px;
    margin-top: 22px;
}
.about1 span{
    color:#ffffff;
    font-size: 22px;
    position: relative;
    top:35px;
    left:995px;
}


/* case */
.case{
    height: 990px;
}
.case .p1{
    font-size: 30px;
    color:#4c4c4c;
    text-align: center;
    padding-top: 42px;
}
.case .p2{
    font-size: 36px;
    color:#d52a27;
    text-align: center;
    margin-top: 25px;
}
.case .multipleColumn{  position:relative; width:1200px; top: 44px; }
.case .multipleColumn .bd{  overflow:hidden;width: 1200px;  }
.case .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:284px;margin:  0 8px;  float:left; _display:inline;  }
.case .multipleColumn .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;margin-bottom: 20px; background-color: #f2f2f2;}
.case .multipleColumn .bd ul li .pic{ text-align:center; }
.case .multipleColumn .bd ul li .pic p{
        height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color:#333333;
    background-color: #e6e6e6;
    }
.case .multipleColumn .bd ul li .pic img{ width:260px; height:291px; display:block; padding: 12px;}
.case .multipleColumn .bd ul li .title{ line-height:24px;   }

/* youshi */
.youshi{
    height: 561px;
    background: url(../images/youshi.jpg) no-repeat  center;
}
.youshi ul{
    padding-top: 155px;
}
.youshi ul li{
    background: url(../images/youshiback.jpg) no-repeat  center;
    width: 200px;
    height: 370px;
    float: left;
    box-shadow:#4c4c4c;
}
.youshi ul li:first-child{
    margin-left: 0px;
}
.youshi ul li img{
    display: block;
    margin: 0 auto;
}
.youshi ul li .p1{
    font-size: 24px;
    color:#333333;
    text-align: center;
    margin-top:28px;
}
.youshi ul li .p2{
    font-size: 16px;
    color:#808080;
    text-align: center;
    padding-top: 36px;
    width: 80%;
    display: block;
    margin: 0 auto;
}
.youshi ul .li1 img{
    margin-top: 30px;
}
.youshi ul .li2 img{
    margin-top: 30px;
}
.youshi ul .li3 img{
    margin-top: 30px;
}
.youshi ul .li4 img{
    margin-top: 30px;
}
.youshi ul .li5 img{
    margin-top: 30px;
}
.youshi ul .li6 img{
    margin-top: 30px;
}


/* news */
.news{
   height: 527px;
   background-color: #f2f2f2;
}
.news  .news-list {
    display: none;
    padding-top: 44px;
}

.news  .news-list li{
    width: 718px;
    height: 135px;
    background-color: #ffffff;
    margin-bottom: 15px;
}

.news  .news-list.active {
    display: block;
}

.news .news-list li dl dt {
    width: 85px;
    height: 85px;
    background-color: #1568b8;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin-left: 25px;
    margin-top: 27px;
}

.news .news-list li dl dt span {
    font-size: 21px;
    font-weight: bold;
    color: #ffffff;
    display: block;
    margin-top: 18px;
}

.news .news-list li dl dd {
    float: right;
    width: 83%;
}

.news .news-list li dl dd.title {
    font-size: 18px;
    color: #333333;
    margin-top: 34px;
}

.news .news-list li dl dd.text {
    font-size: 13px;
    color: #808080;
    margin-top: 14px;
}
.news .link{
    margin-top: 35px;
}
.news .link span{
    font-size: 16px;
    color:#0452ad;
    margin-right: 16px;
}
.news .imgs{
    padding-top: 44px;
}
.news .imgs p{
    width: 429px;
    height: 57px;
    background-color: #264281;
    margin-top: 20px;
    line-height: 57px;
    font-size: 18px;
    text-align: center;
}
.news .imgs p a{
    color:#ffffff;
}