body{
    min-width: 75rem;
}

.bg{
    height:50rem;
    text-align: center;
}
.bg2{
    background: url("https://cdn2.picooc.com/web/res/www/ch/image/S3/bg2.png") no-repeat center center;
    background-size: cover;
}
.bg3{
    background-color: #fff;
}
.bg4{
    background: url("https://cdn2.picooc.com/web/res/www/ch/image/S3/bg4.png") no-repeat center center;
    background-size: cover;
}
.bg5{
    background: url("https://cdn2.picooc.com/web/res/www/ch/image/S3/bg5.png") no-repeat center center;
    background-size: cover;
}
.bg6{
    background-color: #fff;
}
.bg7{
    background: url("https://cdn2.picooc.com/web/res/www/ch/image/S3/bg7.png") no-repeat center center;
    background-size: cover;
}
.bg8{
    background: url("https://cdn2.picooc.com/web/res/www/ch/image/S3/bg8.png") no-repeat center center;
    background-size: cover;
}
.bg1{
    height:3rem;
    line-height:3rem;
    background: url("https://cdn2.picooc.com/web/res/www/ch/image/S3/bg2.jpg") no-repeat center center;
    background-size: cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    text-align: center;
}
.tab{
  width: 1024px;
    height:3rem;
    line-height:3rem;
    margin: 0 auto;
    position: relative;
}
.bg1 .name{
  display: inline-block;
    font-size: 1.1875rem;
    float: left;
    margin-left: 30px;
}
.bg1 .param1{
    display: inline-block;
    border:none;
    background:none;
    float: right;
    margin-right: 160px;
}
.com_info{
    display: inline;
    border: none;
    background: none;
    margin-left: 638px;
    /*border-right: 1px solid #dfdfdf;*/
    padding-right: 1rem;
}
.line{
    height:1rem;
    color:#dfdfdf;
    /*border-right: 1px solid #dfdfdf;*/
}
.com_info:hover, .param1:hover{
    cursor: pointer;
    color:#1daffa;
}
.active{
    color:#1daffa;
}
.bg1 .buy{
    display: inline-block;
    width:6rem;
    height:2rem;
    line-height:2rem;
    border-radius: 0.125rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: #3db1fa;
    vertical-align: middle;
    border:none;
    position: absolute;
    top: 50%;
    margin-top: -1rem;
    right:30px;
}
.bg1 .buy:hover{
    background-color: #318ec8;
}
.title{
    font-size: 2.375rem;
}
.desc{
    font-size: 0.875rem;
    padding-top: 1rem;
    line-height: 1.875rem;
}
.white1{
    color: #fff;
}
.white2{
    color: #fff;
}
.black1{
    color: #333;
}
.black2{
    color: rgba(51,51,51,1);
}

.bg2 .title2{
    padding-top: 4.25rem;
}
.bg3 .title3{
    padding-top: 7.625rem;
}
.bg4 .title4{
    padding-top: 8rem;
}
.bg5 .title5{
    padding-top: 7.625rem;
}
.bg6 .title6{
    padding-top: 4.25rem;
}
.bg7 .title7{
    padding-top: 7.375rem;
}
.bg8 .title8{
    padding-top: 38.5rem;
}
.img2{
    padding-top: 2.875rem;
    padding-left:1.875rem;
}
.img3Content1{
    margin-left:3.5rem;
    padding-top: 9.375rem;
}
.img3Content2{
    padding-top: 6.5rem;
}
.img3Content1 img{
    padding-right:3rem;
}
.bg4 .absolute{
    width:100%;
}
.bg4 .absolute1{
    z-index: 99;
    top:0;
}
.img5{
    padding-top: 6.25rem;
}
.bg6 {
    overflow: hidden;
}
.bg6 .absolute{

}
.bg6 .absolute61{
    width:100%;
    position: absolute;
    top:-0.9375rem;
    left:-35.375rem;
    /*text-align: left;*/
    /*padding-top:4.5rem;*/
}
.bg6 .absolute62{
    width:100%;
    position: absolute;
    bottom:-2.5rem;
    left:18.5rem;
    /*text-align: left;*/
}
.bg6 .img61{
    /*position: absolute;
    top: 1rem;
    left:-20.75rem;*/
}
.bg6 .img62{
    /*position: absolute;
    bottom: 1rem;
    left:0rem;*/
}
.img8{

}
.imgs{
    opacity: 0;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
}
.absolute5{
    position: absolute;
    left: 0;
    bottom: 3.75rem;
    text-align: center;
}
.bg8 .absolute{
    top:0;
    overflow: hidden;
}

/*scaleSmall*/
@-webkit-keyframes change2 {
    0% {
        -webkit-transform: scale(1.05);/*缩放变小*/
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);/*缩放变小*/
        opacity: 1;
    }
}
@-moz-keyframes change2 {
    0% {
        -moz-transform: scale(1.05);/*缩放变小*/
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);/*缩放变小*/
        opacity: 1;
    }
}
@-ms-keyframes change2 {
    0% {
        -ms-transform: scale(1.05);/*缩放变小*/
        opacity: 0;
    }
    100% {
        -ms-transform: scale(1);/*缩放变小*/
        opacity: 1;
    }
}
@-o-keyframes change2 {
    0% {
        -o-transform: scale(1.05);/*缩放变小*/
        opacity: 0;
    }
    100% {
        -o-transform: scale(1);/*缩放变小*/
        opacity: 1;
    }
}
@keyframes change2 {
    0% {
        transform: scale(1.05);/*缩放变小*/
        opacity: 0;
    }

    100% {
        transform: scale(1);/*缩放变小*/
        opacity: 1;
    }
}
.scaleSmall{
    animation:change2 2s ease forwards;
    -webkit-animation:change2 2s ease forwards;
    -moz-animation:change2 2s ease forwards;
    -ms-animation:change2 2s ease forwards;
    -o-animation:change2 2s ease forwards;
}
/*scaleBig*/
@-webkit-keyframes change4 {
    0% {
        -webkit-transform: scale(0.95);/*缩放变大*/
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);/*缩放变大*/
        opacity: 1;
    }
}
@-moz-keyframes change4 {
    0% {
        -moz-transform: scale(0.95);/*缩放变大*/
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);/*缩放变大*/
        opacity: 1;
    }
}
@-ms-keyframes change4 {
    0% {
        -ms-transform: scale(0.95);/*缩放变大*/
        opacity: 0;
    }
    100% {
        -ms-transform: scale(1);/*缩放变大*/
        opacity: 1;
    }
}
@-o-keyframes change4 {
    0% {
        -o-transform: scale(0.95);/*缩放变大*/
        opacity: 0;
    }
    100% {
        -o-transform: scale(1);/*缩放变大*/
        opacity: 1;
    }
}
@keyframes change4 {
    0% {
        transform: scale(0.95);/*缩放变大*/
        opacity: 0;
    }
    100% {
        transform: scale(1);/*缩放变大*/
        opacity: 1;
    }
}
.scaleBig{
    animation:change4 2s ease forwards;
    -webkit-animation:change4 2s ease forwards;
    -moz-animation:change4 2s ease forwards;
    -ms-animation:change4 2s ease forwards;
    -o-animation:change4 2s ease forwards;
}
/*translateYDown*/
@-webkit-keyframes change3 {
    0% {
        -webkit-transform: translateY(3.75rem);/*垂直向下移动*/
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0rem);/*垂直向下移动*/
        opacity: 1;
    }
}
@-moz-keyframes change3 {
    0% {
        -moz-transform: translateY(3.75rem);/*垂直向下移动*/
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0rem);/*垂直向下移动*/
        opacity: 1;
    }
}
@-ms-keyframes change3 {
    0% {
        -ms-transform: translateY(3.75rem);/*垂直向下移动*/
        opacity: 0;
    }
    100% {
        -ms-transform: translateY(0rem);/*垂直向下移动*/
        opacity: 1;
    }
}
@-o-keyframes change3 {
    0% {
        -o-transform: translateY(3.75rem);/*垂直向下移动*/
        opacity: 0;
    }
    100% {
        -o-transform: translateY(0rem);/*垂直向下移动*/
        opacity: 1;
    }
}
@keyframes change3 {
    0% {
        transform: translateY(3.75rem);/*垂直向下移动*/
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);/*垂直向下移动*/
        opacity: 1;
    }
}
.translateYDown{
    animation:change3 2s ease forwards;
    -webkit-animation:change3 2s ease forwards;
    -moz-animation:change3 2s ease forwards;
    -ms-animation:change3 2s ease forwards;
    -o-animation:change3 2s ease forwards;
}

/*translateYUp*/
@-webkit-keyframes change5 {
    0% {
        -webkit-transform: translateY(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-moz-keyframes change5 {
    0% {
        -moz-transform: translateY(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-ms-keyframes change5 {
    0% {
        -ms-transform: translateY(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -ms-transform: translateY(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-o-keyframes change5 {
    0% {
        -o-transform: translateY(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -o-transform: translateY(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@keyframes change5 {
    0% {
        transform: translateY(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        transform: translateY(0);/*垂直向上移动*/
        opacity: 1;
    }
}
.translateYUp{
    animation:change5 2s ease forwards;
    -webkit-animation:change5 2s ease forwards;
    -moz-animation:change5 2s ease forwards;
    -ms-animation:change5 2s ease forwards;
    -o-animation:change5 2s ease forwards;
}

/*translateXRight*/
@-webkit-keyframes change6 {
    0% {
        -webkit-transform: translateX(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-moz-keyframes change6 {
    0% {
        -moz-transform: translateX(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-ms-keyframes change6 {
    0% {
        -ms-transform: translateX(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -ms-transform: translateX(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-o-keyframes change6 {
    0% {
        -o-transform: translateX(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@keyframes change6 {
    0% {
        transform: translateX(-3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        transform: translateX(0);/*垂直向上移动*/
        opacity: 1;
    }
}
.translateXRight{
    animation:change6 2s ease forwards;
    -webkit-animation:change6 2s ease forwards;
    -moz-animation:change6 2s ease forwards;
    -ms-animation:change6 2s ease forwards;
    -o-animation:change6 2s ease forwards;
}
/*translateXLeft*/
@-webkit-keyframes change7 {
    0% {
        -webkit-transform: translateX(3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-moz-keyframes change7 {
    0% {
        -moz-transform: translateX(3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-ms-keyframes change7 {
    0% {
        -ms-transform: translateX(3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -ms-transform: translateX(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@-o-keyframes change7 {
    0% {
        -o-transform: translateX(3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        -o-transform: translateX(0rem);/*垂直向上移动*/
        opacity: 1;
    }
}
@keyframes change7 {
    0% {
        transform: translateX(3.75rem);/*垂直向上移动*/
        opacity: 0;
    }
    100% {
        transform: translateX(0);/*垂直向上移动*/
        opacity: 1;
    }
}
.translateXLeft{
    animation:change7 2s ease forwards;
    -webkit-animation:change7 2s ease forwards;
    -moz-animation:change7 2s ease forwards;
    -ms-animation:change7 2s ease forwards;
    -o-animation:change7 2s ease forwards;
}


.ProView{ width:1000px; margin:0 auto;}
.ProviewImg{ width:399px; height:339px; float:left;  }
.ProviewRight{ float:left; width:450px; padding-top:25px;}

.ProviewInfo{ width:1000px; margin:0 auto; padding:0px 15px;}
.ProviewInfo span{ font-size:16px; text-align:left; border-bottom:2px solid #000; width:1000px; }