﻿body {
    padding: 0px;
    margin: 0px;
    background-color:#fff;
}

.head {
    position: relative;
    height: 35px;
    width: 100%;
    background-color: #E6E6E6;
    font-size: 13px;
    line-height: 30px;
}

a {
    color: #000;
    text-decoration: none;
}

    a:hover {
        cursor: pointer;
    }

.left {
    float: left;
}

    .left p {
        float: left;
        line-height: 15px;
        margin-left: 25px;
    }

        .left p a {
            text-decoration: none;
            color: black;
        }

.right {
    float: right;
}

    .right li {
        float: left;
        line-height: 15px;
        margin-right: 25px;
        list-style: none;
        margin-top: -10px;
    }

        .right li a {
            cursor: pointer;
            text-decoration: none;
            color: black;
        }


.logo {
    text-align: center;
    width: 1100px; 
    background-image:url(../images/top1.png);
    background-size:1100px ;
    height: 100px;
    overflow:hidden;
      max-width:1100px; 
  width:expression(this.width>1100?"1100px":this.width); 
}

.logo1 {
    text-align: center;
    width: 1100px; 
    background-image:url(../images/top2.png);
    background-size:1100px ;
    height: 100px;
    overflow:hidden;
      max-width:1100px; 
  width:expression(this.width>1100?"1100px":this.width); 

}

     .by {
        margin-bottom:0px; bottom:0px; height:32px; font-family:微软雅黑; margin-left:450px;position:absolute;
        *margin-left:-80px;
    }

         .by .man {
            height:32px; width:100px; text-align:center; float:left; line-height:32px; cursor:pointer;
        }
         .by .sect {
            background-color:#052a69; color:#fff;
        }



.banner {
    width: 100%;
    background-size: cover;
    height:594px;
    background-image:url(../images/banner.png);
    position:relative;
}
.banner1 {
    width: 100%;
    background-size: cover;
    height:640px;
    *height:690px;
    background-image:url(../images/banner_bd.png);
    position:relative;
}

     .bbox {
        position:absolute;
        width:272px;
        height:248px;
         background-image:url(../images/bg1.png);
         right:0px;
         margin-top:100px;
         *margin-top:85px;
    }
         .bbox .btn {
            background-image:url(../images/btn2-1.png);
            width:210px;
            height:35px;
            margin:0 auto;
            margin-top:30px;
            cursor:pointer;
        }
             .bbox .btn:hover {
                     background-image:url(../images/btn2.png);
            }

         .bbox input {
            border:1px solid #DCDCDC;
            height:23px;
            width:150px;
            background-image:url(../images/xbg.png);
            background-color:#DCDCDC;
            background-repeat: no-repeat; 
background-position: right bottom;
            border-radius:5px;
            font-family:Arial;
            padding-left:7px;
            display:block;
            margin-left:80px;
            margin-bottom:15px;
            *height:20px;
        }

.main {
    width: 100%;
    background-color: white;
    margin-top: -18px;
}




 .ww {
    width: 100%;
    background-image: url("../images/bd.png");
    text-align: center;
    height:160px;
     line-height:160px;
    
}

.banner1 .mm {
    width: 100%;
    text-align: center;
    height:140px;
     line-height:140px;
     position:absolute; bottom:0px;
}

.mm li {
    width: 16%;
    text-align: center;
    list-style: none;
    margin:0px;
    padding:0px;
    height:110px;position: relative;
    cursor:pointer;
}
.mm li div.img {
    width: 70px;
    height:70px;
    background-size:70px;
    background-image: url("../images/bdd-1.png");
    margin:0 auto;
    margin-bottom:0px;
    padding:0px;
    margin-top:5px;
}
.mm li div.current {
   background-image: url("../images/bdd.png"); 
}
    .mm li:hover div.img {
       background-image: url("../images/bdd.png"); 
    }
    .mm li span {
        font-size:20px;
        font-family:微软雅黑;
        margin-top:0px;top:0px;
        display:block;
        
        height:30px;
        z-index:99;
        text-align:center; 
        color:#e0e0e0;position:relative;
        margin-top:-50px;letter-spacing:2px;
    }

    .ww li {
        width: 14%;
        text-align: center;
        float: left;
        list-style: none;
    }

       .ww li a img.imgb {
            display:none;
            border:0;
        }
      .ww li a img {
           vertical-align:middle;
              border:0;
        }

 .imga  img{
    width:80px;
    height:80px;
}
  .imgb img{
    width:100px;
    height:100px;
}

.pic {
    width: 100%;
    height: 480px;
    margin-bottom:5px;
}

    .pic ul {
        margin: 0px;
        padding: 0px;
    }

    .pic li {
        width: 100%;
        list-style: none;
        position: absolute;
        z-index: 10;
    }

        .pic li img {
            width: 100%;
            background-size: cover;
        }

.Next .pre {
    float: left;
}

.Next {
    width: 50%;
    float: right;
    height: 100px;
    position: absolute;
    background-color: red;
    margin-left: 50%;
    background: url(../images/xs.png) no-repeat right;
    z-index: 15;
    margin-top: 220px;
    cursor: pointer;
}

.pre {
    width: 100%;
    height: 100px;
    position: absolute;
    background-color: red;
    background: url(../images/pre.png) no-repeat left;
    z-index: 15;
    margin-top: 220px;
    cursor: pointer;
}


.ssbtn {
  background: url(../images/btn1.png);
  cursor:pointer;
  width:160px;
  height:30px;display:block;
}

.ssbtn:hover {
  background: url(../images/btn1-1.png);
}