.nav-ul55 li{
    color: white;
    height: 28px;
    line-height: 28px;
    border:1px solid rgba(0,0,0,0);
    transform: translate(0,0);
    transition:all .2s ease-in 0s;
}
.nav{
    background: rgba(255,255,255,0.9);
    padding-bottom: 5px;
}

.nav-ul55 li a{
    color: white;
}
.nav-ul55 li:hover{
    border-radius: 25px;
    border:1px solid rgba(255,255,255,1);
    /*transition: border-radius 4s;*/
}
.toubu-header {
    position: relative;
    height: 90px;
    background: white;
}
.img{
    background: url(../image/chanpin.jpg) no-repeat center center;
    background-size: cover;
    width: auto;
    height: 493px;
    text-align: center;
    /*border-radius: 25px;*/
}
.baiyunshanshicaikuangyuan {
    background: rgba(255,255,255,0.8);
    width: 266px;
    padding-left: 40px;
    padding-right: 40px;
    height: 369px;
    border-radius: 25px;
    position: absolute;
    top: 132px;
    right: 359px;
}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€ Ã§Â±Â»*/
.chanpintude{
    margin-top: 46px;
}
.chanpintude-guochan{
    text-align: center;
}
.chanpintude-guochan span{
    color: black;
}
.chanpintude-guochan{
    text-align: center;
    line-height: 28px;
    border-radius: 25px;
    border: 1px solid #d4d4d4;
    font-size: 14px;
}
.chanpintude-guochanp{
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
.chanpintude-guochan1{
    width: 102px;
    height: 28px;
    display: inline-block;
    margin-right: 60px;
    margin-left: 60px;
    font-size:14px;
    cursor: pointer;
}
.diandian{
    text-align: center;
    margin-top: 58px;
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
}
.diandian span{
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    cursor: pointer;
}
.diandian span:hover{
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
    box-shadow: 0 0 55px rgba(152,159,165,0.44);
}
.diandianspan{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 11px;
    margin-right: 11px;
    box-shadow: 0 0 45px rgba(152,159,165,0.44);
}
.diandianspan1{
    background:#9fa3ac;
}
.diandianspan2{
    background:#ffffff;

}
.diandianspan3{
    background:#e70012;
}
.diandianspan4{
    background:#00a0ea;
}
.diandianspan5{
    background:#f9b552;
}
.diandianspan6{
    background:#fff45c;
}
.diandianspan7{
    background:#00736c;
}
.diandianspan8{
    background:#000000;
}
.diandianspan9{
    background:#A56A32;
}
.shenzise8{
    position: absolute;
    left: 0px;
    top: 87px;
    z-index: -3;
}
.shenzise9{
    position: absolute;
    right: 0px;
    top: -16px;
    z-index: -3;
}
.shenzise10{
    position: absolute;
    right: 0px;
    top: 669px;
    z-index: -3;
}
.shenzise11{
    position: absolute;
    right: 0px;
    top: 1432px;
    z-index: -3;
}
.shenzise12{
    position: absolute;
    left: 0px;
    top: 476px;
    z-index: -3;
}
.shenzise13{
    position: absolute;
    left: 0px;
    top: 476px;
    z-index: -3;
}
.shenzise14{
    position: absolute;
    left: 0px;
    top: 1720px;
    z-index: -3;
}
.shenzise15{
    position: absolute;
    left: 84px;
    top: 2309px;
    z-index: -3;
}
.shenzise16{
    position: absolute;
    left: 0px;
    top: 3376px;
    z-index: -3;
}
.shenzise17{
    position: absolute;
    right: 88px;
    top: 2539px;
    z-index: -3;
}
.shenzise18{
    position: absolute;
    right: 88px;
    top:3698px;
    z-index: -3;
}
.shieryuefen{
    text-align: center;
    margin-bottom: 26px;
}
.shieryuefen p{
    text-align: center;
    margin-bottom: 10px;
}
.tupianjpg12 {
    width: 271px;
    height: 297px;
    background: white;
    box-shadow: 0 0 45px rgba(152,159,165,0.44);
    display: inline-block;
    border-radius: 6;
    margin-left: 21px;
    padding-left: 5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right: 5px;
}
.tupianjpg12:first-child{
    margin-left:0px;
}
.laizhoushicai1{
    margin-top: 56px;
    margin-bottom: 20px;
    float: left;
    padding-left: 31px;
    font-weight: 600;
}
.shicaifenlei{
    float: left;
    padding-left: 56px;
    position: relative;
    top: 22px;
}
.laizhoushicai11{
    margin-top:4px;
}
.gengduo{
    position: relative;
    top: -22px;
    left: 10px;
    cursor: pointer;
}
.tupianjpg12{
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
    transition: transform 700ms cubic-bezier(0.25, 0.46, 0.33, 0.98);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.tupianjpg12:hover {
    -webkit-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
}
.laizhoushicai222{
    margin-top: 6px;
}
*{
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
.modal-dialog {
    width: 637px!important;
    height: 337px!important;
    top: 13%;
}
.modal-content {
    position: relative;
    background-color: rgba(255,255,255,0)!important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0)!important;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0)!important;
    box-shadow: 0 3px 9px rgba(0,0,0,0)!important;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.8!important;
}
.diandianbig{
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.39);
    box-shadow: 0 0 55px rgba(152,159,165,0.44);
    /* zoom: 1.05; */
}
.dabiaojie {
    width: 44.6%;
    height: 40px;
    line-height: 40px;
    padding-left: 2%;
    padding-right: 2%;
    color: #df5c01;
    background: #d9d7d8;
    border: none;
}
.dabiaojie228 {
    width: 96%;
    margin-top: 18px;
    background: #d9d7d8;
    height: 82px;
}
.dabiaojie55 {
    width: 96%;
    margin-top: 23px;
}
.dibufotter {
    height: 810px;
    padding-top: 62px;
    /* background-attachment: fixed; */
    background: url(../image/dibufotter.jpg) no-repeat center center;
    background-size: cover;
}