﻿ /* 
* @Author: anchen
* @Date:   2018-07-04 09:28:28
* @Last Modified by:   anchen
* @Last Modified time: 2019-01-21 15:08:21
*/
*{margin: 0;padding: 0;}
a{text-decoration: none;}
li{list-style: none;}
#banner{margin-top: 206px;}
.ani-up,.ani-up1,.ani-up2 {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.ani-up-init {
    transform: translate3d(0,100px,0);
    display:none;
}
.ani-up-img {
    transform:scale(0);
}
/*.lazy1 {
    transform: translate3d(0,480px,0);
    display:none;
}*/
.ani-up {
    animation-name: up;
    display: block;
}
.ani-up2 {
    animation-name: upz;
    display: inline-block;
}
.ani-up1{animation-name: upp;
    display: inline-block;}
@keyframes up {
    0% {
        transform: translate3d(0,200px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}
@keyframes upz {
    0% {
        transform: translate3d(0,480px,0)
    }

    to {
        transform: translate3d(0,0,0)
    }
}
@keyframes upp {
    0% {
        transform:scale(0);
    }

    to {
        transform:scale(1);
    }
}
.bfb{margin-left: 0px !important;}
.bfb1{right: 0px !important;}
body{font-family: 微软雅黑;min-width: 1280px;}
#banner .slick-next,#banner .slick-prev{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;
    cursor: pointer;
    width: 45px;height: 50px;font-size: 0;line-height: 0;line-height: 999;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 50px;
    -ms-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
}
#banner .slick-prev{left: 2%;background: url(../images/4_03.png);    background-repeat: no-repeat;
  z-index: 9999;
    border: none;    outline: none}
#banner .slick-next{right: 2%;background: url(../images/4_05.png);background-repeat: no-repeat;
  z-index: 9999;
    border: none;outline: none}
#banner .slick-dots{position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 99;}
#banner .slick-dots li{display: inline-block;margin: 0 5px;}
#banner .slick-dots li button{display: block;width: 76px;height: 9px;padding: 0;
    font-size: 0;line-height: 0;text-indent: 999px;background-color: #888786;border: 0;
    outline: 0;cursor: pointer;
}
#banner .slick-dots li.slick-active button{background-color: #ae002b;}



#cp .slick-next,#cp .slick-prev{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;
    cursor: pointer;
    width: 32px;height: 85px;font-size: 0;line-height: 0;line-height: 999;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 50px;
    -ms-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
}
#cp .slick-prev{left: -5%;background: url(../images/箭头2.png);    background-repeat: no-repeat;
  z-index: 9999;
    border: none;    outline: none}
#cp .slick-next{right: -5%;background: url(../images/箭头.png);background-repeat: no-repeat;
  z-index: 9999;
    border: none; outline: none}
#cp .slick-dots{position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 99;}
#cp .slick-dots li{display:none;}
.scp{min-height: 838px;padding-top: 1px;background: #f7f8f8;padding-bottom: 1px;}
.title{margin-top: 65px;text-align: center;color: #858585;font-size: 13px;}
.title>span{font-family: Arial;font-size: 40px;text-transform: uppercase;color: #595959;}
.title>p{font-size: 19px;border-top: 1px solid #595959;border-bottom: 1px solid #595959;width: 190px;height: 56px;line-height: 56px;color: #595959;margin: 22px auto;}
#cp{width: 940px;margin: 50px auto 0;margin-bottom: 120px;}
.cp1{width: 217px;padding: 0 9px;position: relative;}
.cp1>a>img{width: 100%;}
.cp1>a>p{font-size: 26px;color: #fff;text-align: center;line-height: 48px;height: 48px;background: #ae002b;}
.cp1>div{position: absolute;left: 0;top: 0;width: 217px;height: 100%;text-align: center;background: rgba(0,0,0,0.3);margin: 0 9px;opacity: 0;transition:0.5s;}
.cp1:hover>div{ opacity: 1;}
.cp1>div>a{display: block;width: 100%;height: 100%;padding-top: 1px;}
.cp1>div>a>img{margin: 0 auto;margin-top: 93px;margin-bottom: 20px;}
.cp1>div>a>p{font-size: 19px;color: #fff;}
.cp1>div>a>b{width: 52px;height: 1px;background: #fff;display: inline-block;margin-top: 20px;margin-bottom: 30px;}
.cp1>div>a>span{width: 112px;height: 27px;border:1px solid #fff;color: #fff;font-size: 14px;display: inline-block;line-height: 27px;}
.sgy{padding-top: 1px;}
.sgy li{width: 522px;height: 302px;float: left;margin-right: 33px;margin-bottom: 34px;}
.sgy li:nth-child(2n){margin-right: 0;}
.sgy ul{width: 1084px;margin: 0 auto;overflow: hidden;margin-top: 70px;}
.sgy li>img{float: left;}
.sgy li>div{float: left;height: 100%;width: 216px;background: #b5b4b4;color: #fff;padding-left: 26px;padding-right: 19px;transition:0.5s;}
.sgy li:hover>div{background: #ae002b;}
.sgy li>div>p{margin-top: 36px;font-size: 24px;}
.sgy li>div>p>span{text-transform: uppercase;font-size: 13px;margin-left: 8px;}
.sgy li>div>b{display: block;margin-top: 10px;margin-bottom: 10px;width: 43px;height: 1px;background: #fff;}
.sgy li>div>span{font-size: 13px;line-height: 23px;}
.sjs{height: 743px;background: url(../images/636_02.png) no-repeat center;padding-top: 1px;text-align: center;background-color: rgba(0,0,0,0.4);}
.sjs a{border:1px solid #fff;width: 440px;height: 96px;line-height: 96px;color: #fff;display: inline-block;font-size: 32px;}
.sjs a>span{vertical-align: middle;}
.sjs a>img{vertical-align: middle;margin-left: 14px;width: 40px;}
.sjs .title{color: #fff;}
.sjs .title span{color: #fff;}
.sjs .title p{color: #fff;border-color: #fff;}
.ssp{width: 1090px;margin: 60px auto;box-shadow: 0px 0px 15px #e8e8e8;padding-top: 50px;height: 695px;padding-left: 45px;padding-right: 45px;position: relative;}
.ssp video{width: 776px;height: 516px;margin-top: 42px;}
.ssp div{position: absolute;right: 45px;bottom: 70px;width: 374px;height: 325px;border:1px solid #777777;z-index: -1;text-align: right;font-size: 17px;padding-top: 38px;text-transform: uppercase;padding-right: 30px;color: #383838;}
.ssp div>p{font-size: 24px;margin-top: 10px;}
.ssp div>span{font-size: 12px;display: inline-block;width: 215px;margin-bottom: 23px;margin-top: 26px;line-height: 22px;color: #858585;}
.ssp a{border:1px solid #8e8e8e;width: 133px;height: 33px;line-height: 30px;color: #8e8e8e;display: block;text-align: center;margin-top: 35px;margin-left: 306px;}
.ssp a>span{vertical-align: middle;}
.ssp a>img{vertical-align: middle;margin-left: 14px;}
.sxw{width: 1084px;margin: 40px auto;}
.sxw>div{height: 182px;background: #fff;padding-left: 27px;padding-right: 43px;padding-top: 28px;margin-bottom: 8px;}
.sxw>div>a>img{border-radius: 50%;border:1px solid #7b7b7b;width: 154px;height: 154px;vertical-align: middle;}
.sxw>div>a>div{display: inline-block;vertical-align: middle;width: 835px;margin-left: 13px;}
.sxw>div>a>div>b{font-size: 18px;color: #2a2a2a;}
.sxw>div>a>div>font{display: block;width: 36px;height: 1px;background: #2a2a2a;margin-top: 17px;margin-bottom: 10px;}
.sxw>div>a>div>span{font-size: 14px;line-height: 26px;color: #858585;}
.sxw>div>a>div>p{font-size: 18px;text-align: right;color: #858585;margin-top: 10px;}
.sxw>div>a>div>p>img{vertical-align: middle;}
.sxw>div>a>div>p>span{vertical-align: middle;margin-left: 7px;}
.sxw>a{border:1px solid #8e8e8e;width: 133px;height: 33px;line-height: 30px;color: #8e8e8e;display: block;text-align: center;margin:0 auto;margin-top: 35px;}
.sxw>a>span{vertical-align: middle;}
.sxw>a>img{vertical-align: middle;margin-left: 14px;}
.map{width: 1182px;margin: 0 auto;position: relative;margin-top: 63px;border:1px solid #7a7a7a;margin-bottom: 170px;font-size:0;}
.map>div{position: relative;display: inline-block;width: 451px;text-align: center;padding-top: 28px;vertical-align: top;font-size:14px;}
/*.map>div>img{top: 59px;}*/
.map>div>ul{width: 336px;height: 26px;line-height: 26px;padding: 4px 0;border-radius: 9px;border:1px solid #959595;margin: 15px auto;}
.map>div>ul>li{font-size: 0px;color: #959595;text-align: center;background: url(../images/门店查找_07.jpg) no-repeat 88px 12px;border-right:1px solid #959595;text-align: center;float: left;width: 32.5%;position: relative;}
.map>div>ul>li div{position: absolute;left: -1px;width: 100%;top: 26px;border:1px solid #959595;display: none;line-height: 36px;background: #fff;}
.map>div>ul>li span{display: block;}
.map>div>ul>li img{vertical-align: middle;}
.map>div>ul>li:last-child{background: none;border:none;}
.map>div>p{font-size: 20px;color: #959595;}
.map>div>div{width: 295px;margin: 0 auto;text-align: left;}
.map>div>div>p{font-size: 18px;color: #959595;margin: 6px 0;}
.map>div>div>span{font-size: 20px;color: #959595;line-height: 28px;}
.floor{background: #232323;padding-top: 50px;border-top: 4px solid #ae002b;padding-bottom: 22px;}
.floor>div{width: 1200px;margin: 0 auto;}
.floor ul{display: inline-block;}
.floor li{font-size: 18px;color: #888888;display: inline-block;vertical-align: top;margin-right: 60px;}
.floor li a{color: #5b5b5b;display: block;font-size: 16px;line-height: 38px;}
.floor li a:nth-child(1){margin-top: 11px;}
.hong{transition:0.5s;}
.hong .imgbai{display: none;}
.hong:hover{color: #fff;background: #ae002b !important;border-color: #ae002b !important;}
.hong:hover img{display: none;}
.hong:hover .imgbai{display: inline-block;}
.floor b{width: 1px;height: 123px;background: #515151;display: inline-block;vertical-align: top;}
.floor>div>div{display: inline-block;vertical-align: top;width: 415px;margin-left: 30px;}
.floor div>p{border-radius: 18px;border:1px solid #666666;color: #666666;font-size: 13px;width: 174px;height: 30px;line-height: 26px;text-align: center;margin-left: 28px;float: left;margin-bottom: 30px;}
.floor div>p>span{vertical-align: middle;margin-right: 12px;}
.floor div>p>img{vertical-align: middle;width: 20px;height: 20px;}
.floor div>p>img:last-child{display: none;z-index: 9999;position: relative;}
.floor div>p:hover>img:last-child{display: inline-block;}
.floor1{height: 40px;line-height: 40px;text-align: center;background: #000;}
.floor1>span{vertical-align: middle;font-size: 12px;color: #5e5e5e;}
.floor1>img{vertical-align: middle;}
.you11{position: absolute;right: 86px;top: 116px;z-index: 999999999;}
.right{position: fixed;top: 20%;right: 0;width: 86px;font-size: 0;background: #fff;z-index: 999999;}
.right a>img:last-child{display: none;}
.right a:hover>img:last-child{display: block;}
.right a:hover>img:first-child{display: none;}
.nav{position: absolute;left: 0;top: 0;width: 100%;background: rgba(0,0,0,1);min-width: 1280px;}
.nav>p{text-align: center;padding-top: 27px;padding-bottom: 30px;border-bottom: 1px solid #fff;}
.nav1{height: 90px;line-height: 90px;width: 1200px;margin: 0 auto;font-size: 0;position: relative;}
.nav_1{display: inline-block;height: 90px;transition:0.5s;}
.nav1>img,.nav1>div,.nav1>a{vertical-align: middle;}
.nav_1>div{text-align: center;float: left;}
.nav_1>div>a{height: 86px;border-bottom:3px solid none;padding: 0 33px;line-height: 86px;display: inline-block;font-size: 16px;color: #fff;transition:0.5s;}
.nav_1>div:hover>a{background: #ae002b;border-bottom: 3px solid rgba(9,5,6,1);}
.nav_1>div>div>a{font-size: 15px;color: #fff;height:50px;line-height:50px;display: block;background: rgba(0,0,0,0.6);}
.nav_1>div>div>a:hover{background: #ae002b;}
.nav_1>div>div{border-top: 3px solid rgba(9,5,6,0);transition:0.5s;height: 0;overflow: hidden;opacity: 0;margin-top: -8px;}
.nav_1>div:hover>div{opacity: 1;height: 700px;}
.gengduo>a>span{vertical-align: middle;font-size: 18px;color: #fff;margin-right: 4px;}
.gengduo>a>img{vertical-align: middle;}
.nav1 .gengduo{height: 90px;display: inline-block;margin-left: 110px;vertical-align: top;}
.gengduo>a{height: 90px;display: inline-block;}
.gengduo>div{transition:0.5s;margin-left: -37px;height: 0;overflow: hidden;}
.gengduo:hover>div{height: 300px;}
.gengduo>div>a{background: rgba(0,0,0,0.3);font-size: 15px;color: #fff;height: 52px;line-height: 52px;display: block;width: 120px;text-align: center;}
.sousuo{cursor: pointer;}
.sousuo1{opacity: 0;position: absolute;left: 370px;top: 0px;z-index: -1;transition:0.5s;}
.sousuo1 img{vertical-align: middle;cursor: pointer;}
.sousuo1>input{vertical-align: middle;border:none;background: none;outline: none;height: 40px;line-height: 40px;width: 400px;font-size: 14px;margin: 0 20px;color: #fff;}
.nav1>a{display: inline-block;margin-left: 15px;}
.nav1>a>img{vertical-align: middle;}
.title1{text-align: center;margin-top: 75px;}
.title1>img{vertical-align: middle;}
.title1>p{display: inline-block;/*width: 202px;*/height: 66px;line-height: 66px;border:1px solid #8e8e8e;margin: 0 18px;vertical-align: middle;font-size: 24px;color: #747b7d;padding: 0 10px;}
.title1>b{display: inline-block;margin-top: 30px;width: 90px;height: 5px;background: #8e8e8e;}
.about{width: 1200px;margin: 45px auto;color: #595959;}
.about>span{font-size: 30px;display: block;margin-top: 30px;}
.about>p>strong{display: block;width: 52px;height: 1px;background: #595959;margin:20px 0;}
.about>p{font-size: 14px;line-height: 28px;margin-bottom: 20px;}
.title2{text-align: center;margin-bottom: 20px;}
.title2>p{width: 230px;height: 64px;line-height: 64px;border-radius: 10px;background: #ae002b;margin-bottom: 18px;display: inline-block;}
.title2>p>img{vertical-align: middle;}
.title2>p>span{font-size: 23px;color: #fff;margin:0 14px;vertical-align: middle;}
.title2>span{border-bottom: 1px solid #fff;padding: 0 7px;font-size: 16px;color: #fff;padding-bottom: 15px;display: inline-block;}

.lichen{background: url(../images/15151_03.png) top center;width: 1200px;margin: 0 auto;padding-top: 1px;overflow: hidden;}
.lichen>div{color: #fff;margin-top: 24px;width: 550px;margin-left: 600px;padding: 0 25px;position: relative;}
.clear{clear: both;}
.lichen>div:nth-child(2n){margin-left: 0;}
.lichen>div:nth-child(2n)>p{text-align: right;}
.lichen>div>p{font-size: 28px;}
.lichen>div>b{width: 23px;height: 23px;background: #fff;border-radius: 50%;position: absolute;top: 0;left: -10px;}
.lichen>div>span{font-size: 16px;line-height: 31px;}
.lichen>div:nth-child(2n)>b{left:auto;right: -13px;}
.title3{text-align: center;margin-top: 80px;}
.title3>p{height: 64px;line-height: 64px;border-radius: 10px;background: #889092;margin-bottom: 18px;display: inline-block;padding: 0 28px;}
.title3>p>img{vertical-align: middle;}
.title3>p>span{font-size: 23px;color: #fff;margin:0 40px;vertical-align: middle;}
.title3>img{vertical-align: middle;margin-right: 8px;}
.title3>span{vertical-align: middle;font-size: 16px;color: #889092;}
.danye{margin: 45px auto;width: 1100px;}
.gy{width: 1200px;margin: 0 auto;margin-top: 75px;overflow: hidden;margin-bottom: 90px;}
.gy>div{width: 594px;height: 426px;padding-top: 117px;text-align: center;font-size: 0;margin-right: 11px;margin-bottom: 11px;float: left;}
select{outline: none;height: 26px !important;line-height: 26px !important;}
.gy>div:nth-child(2n){margin-right: 0;}
.gy>div>img{width: 278px;height: 324px;vertical-align: top;}
.gy>div>div{width: 213px;height: 304px;background: rgba(0,0,0,0.5);padding: 20px 22px 0;display: inline-block;vertical-align: top;color: #fff;}
.gy>div>div:hover{background: rgba(255,0,42,0.3);}
.gy>div>div>span{font-size: 28px;}
.gy>div>div>span>span{font-size: 17px;line-height: 22px;text-transform: uppercase;}
.gy>div>div>p{font-size: 14px;margin-top: 14px;line-height: 24px;}
.muzhong{overflow: hidden;}
.muzhong>div{width: 277px;height: 390px;margin-right: 30px;float: left;position: relative;margin-bottom: 75px;}
.muzhong>div div{position: absolute;width: 100%;height: 312px;left: 0;bottom: 0;background: rgba(255,0,42,0.3);transition:0.5s;opacity: 0;}
.muzhong>div:nth-child(4n){margin-right: 0;}
.muzhong>div p{text-align: center;height: 40px;line-height: 40px;color: #747b7d;border:1px solid #747b7d;font-size: 16px;transition:0.5s;}
.muzhong>div img{width: 276px;height: 312px;margin-top: 35px;}
.muzhong>div:hover p{background: #ae002b;color: #fff;}
.muzhong>div:hover div{opacity: 1;}
.cplb{overflow: hidden;}
.cplb>div{width: 366px;height: 254px;position: relative;margin-right: 48px;margin-bottom: 55px;float: left;overflow: hidden;}
.cplb>div:nth-child(3n){margin-right: 0;}
.cplb>div img{width: 100%;height: 100%;transition:0.5s;}
.cplb>div:hover img{transform:scale(1.2);}
.cplb>div p{position: absolute;left: 0;bottom: 0;width: 95%;height: 45px;line-height: 45px;background: rgba(0,0,0,0.4);padding-left: 5%;color: #fff;}
.md video{width: 590px;height: 450px;vertical-align: middle;}
.md div{width: 604px;display: inline-block;vertical-align: middle;margin-left: 75px;}
.md div>p{font-size: 24px;color: #1f1f1f;}
.md div>p>span{font-size: 33px;}
.md div>img{margin-top: 16px;margin-bottom: 13px;}
.md div>span{font-size: 16px;color: #b3b3b3;line-height: 30px;}
.new_1{text-align: center;}
.new_1>a{border:1px solid #747b7d;width: 206px;height: 40px;line-height: 40px;color: #747b7d;margin-right: 69px;display: inline-block;}
.new_1>a:last-child{margin-right: 0;}
.new_1>.active{border:1px solid #ae002b;background: #ae002b;color: #fff;}
.new_2 li{height: 182px;background: #fff;padding-left: 27px;padding-right: 43px;padding-top: 28px;}
.new_2 li:nth-child(2n){background: #f7f8f8;}
.new_2 li>a>img{border-radius: 50%;border:1px solid #7b7b7b;width: 154px;height: 154px;vertical-align: middle;}
.new_2 li:hover>a>img{border:1px solid #ab2425;}
.new_2 li:hover>a>div>b{color: #ab2425;}
.new_2{box-shadow: 0 0 20px #d2d2d2;margin-top: 70px;}
.new_2>ul{width: 1080px;margin: 0 auto;padding: 10px 0;display: none;}
.new_2>ul:first-child{display: block;}
.new_2 li>a>div{display: inline-block;vertical-align: middle;width: 835px;margin-left: 13px;}
.new_2 li>a>div>b{font-size: 18px;color: #2a2a2a;}
.new_2 li>a>div>font{display: block;width: 36px;height: 1px;background: #2a2a2a;margin-top: 17px;margin-bottom: 10px;}
.new_2 li>a>div>span{font-size: 14px;line-height: 26px;color: #858585;}
.new_2 li>a>div>p{font-size: 18px;text-align: right;color: #858585;margin-top: 10px;}
.cpxq1{width: 730px;margin: 30px auto 45px;}
.cpxq1>li{list-style-type: square;font-size: 16px;color: #889092;margin-right: 73px;margin-bottom: 20px;float: left;width: 191px;}
.cpxq1>li:nth-child(3n){margin-right: 0;}
#banner1 .slick-next,#banner1 .slick-prev{
    position: absolute;top: 50%;margin-top: -25px;overflow: hidden;
    cursor: pointer;
    width: 48px;height: 68px;font-size: 0;line-height: 0;line-height: 999;
    background-repeat: no-repeat;
    background-position: center center;
    -o-background-size: auto 50px;
    -ms-background-size: auto 50px;
    -moz-background-size: auto 50px;
    -webkit-background-size: auto 50px;
    background-size: auto 50px;
}
#banner1 .slick-prev{left: 8%;background: url(../images/圣象产品专区_03.png);    background-repeat: no-repeat;
  z-index: 9999;
    border: none;    outline: none}
#banner1 .slick-next{right: 8%;background: url(../images/圣象产品专区_05.png);background-repeat: no-repeat;
  z-index: 9999;
    border: none;background-size: 100%;    outline: none}
#banner1 .slick-dots{position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 99;}
#banner1 .slick-dots li{display: none;}
.biaoge{width: 954px;margin: 45px auto 0px;overflow: hidden;border-top: 2px solid #889092;}
.biaoge div{font-size: 16px;color: #889092;width: 45%;padding-left: 5%;float: left;height: 72px;line-height: 72px;}
.biaoge li{border-bottom: 1px solid #c9cdce;overflow: hidden;}
.biaoge div>span{margin-left: 24px;}
.biaoge p{font-size: 16px;color: #b42643;margin-top: 40px;line-height: 26px;}
.biaoge p>span{color: #889092;}
.cj{width: 1165px;font-size: 0;margin: 45px auto;}
.cj>img{width: 534px;height: 452px;margin-right: 2px;vertical-align: top;}
.cj>p{display: inline-block;vertical-align: top;}
.cj>p>img{margin-bottom: 2px;width: 176px;height: 149px;}
.cj>p>img:last-child{margin-bottom: 0;}
.cj>div{display: inline-block;height: 392px;width: 388px;margin-left: 51px;padding-top: 30px;text-align: center;border-top: 14px solid #889092;border-bottom: 14px solid #889092;vertical-align: top;}
.cj>div>p{font-size: 19px;color: #889092;line-height: 38px;margin-top: 17px;margin-bottom: 39px;}
.cj>div li{
        list-style-type: square;
    font-size: 16px;
    color: #889092;
    margin-top: 22px;
    text-align: left;
    margin-left: 20px;
}
.cj>a{display: block;width: 133px;height: 33px;line-height: 33px;border:1px solid #8e8e8e;text-align: center;margin: 45px auto 0;}
.cj>a>span{margin-right: 10px;vertical-align: middle;font-size: 16px;color: #8e8e8e;}
.cj>a>img{vertical-align: middle;}
.video{width: 1100px;height: 645px;margin: 50px auto;display: block;}
.wh1{width: 855px;margin: 45px auto 0;overflow: hidden;}
.wh1>div{width: 252px;height: 229px;border:1px solid #747b7d;padding-top: 25px;text-align: center;color: #747b7d;margin-right: 45px;float: left;}
.wh1>div:last-child{margin-right: 0;}
.wh1>div>p{font-size: 21px;}
.wh1>div>b{background: #747b7d;height: 1px;width: 33px;display: inline-block;margin:20px 0;}
.wh1>div>span{line-height: 26px;font-size: 16px;margin-bottom: 20px;display: inline-block;width: 176px;}
.wh2{width: 1160px;margin: 50px auto 0;overflow: hidden;}
.wh2>img{width: 513px;height: 580px;float: left;}
.wh2>div{width: 584px;height: 530px;padding-top: 35px;color: #889092;border-bottom: 6px solid #889092;border-top: 6px solid #889092;float: right;}
.wh2>div>p{font-size: 26px;line-height: 44px;text-align: center;margin-bottom: 10px;}
.wh2>div>p>span{font-size: 16px;text-transform: uppercase;}
.wh2>div>span{font-size: 16px;line-height: 42px;}
.wh3{background: url(../images/圣象康逸品牌文化_02.jpg) no-repeat center;height: 506px;padding-top: 94px;text-align: center;}
.wh3>div{width: 348px;height: 432px;color: #373737;background: #fff;display: inline-block;vertical-align: top;margin-right: 50px;}
.wh3>div:last-child{margin-right: 0;}
.wh3>div>img{width: 100%;height: 275px;}
.wh3>div>p{font-size: 21px;padding-left: 22px;margin: 10px 0;text-align: left;}
.wh3>div>p>span{font-size: 15px;margin-left: 8px;text-transform: uppercase;}
.wh3>div>span{font-size: 14px;line-height: 25px;display: block;padding: 0 22px;text-align: left;}
.wh4{text-align: center;margin-top: 50px;}
.wh4>div{width: 380px;display: inline-block;}
.wh4>div>p{font-size: 20px;color: #3d3d3d;margin-top: 18px;margin-bottom: 10px;}
.wh4>div>span{font-size: 16px;color: #889092;}
.wh5{width: 1191px;margin: 50px auto;overflow: hidden;text-align: center;}
.wh5>div{width: 214px;float: left;margin-right: 30px;}
.wh5>div:last-child{margin-right: 0;}
.wh5>div>img{width: 100%;}
.wh5>div>p{font-size: 14px;color: #666666;margin-top: 22px;}
.wh6{width: 1280px;margin: 0px auto 70px;overflow: hidden;text-align: center;}
.wh6>div{width: 248px;float: left;margin-right: 10px;}
.wh6>div:last-child{margin-right: 0;}
.wh6>div>img{width: 100%;}
.wh6>div>p{font-size: 14px;color: #666666;margin-top: 16px;}
.gysp{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);top: 0;left: 0;text-align: center;display: none;z-index: 999999999999999999;}
.gysp video{width: 60%;position: absolute;left: 50%;top: 50%;display: none;}
.gysp>img{position: absolute;left: 50%;top: 50%;display: none;}
/*****分页控件*****/
.pagebox {
text-align:center
}
.pagination {
    margin: 0;
}
.pagination {
    display: inline-block;
    /*padding-left:345px;*/
    margin: 22px 0;
    border-radius: 3px;
}
.pagination>li {
    display: inline;
}
.pagination-gap>li:first-child>a, .pagination-gap>li:last-child>a {
    border-radius: 3px;
}

.pagination-gap>li>a {
    margin: 0 3px;
    border-radius: 3px;
    font-size:12px;
}

.pagination>li>a,.pagination>li>span {
	position: relative;
	float: left;
	padding: 4px 12px;
	margin-left: -1px;
	line-height: 1.6;
	color: #76838f;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid #e4eaec
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	z-index: 2;
	color: #89bceb;
	background-color: #f3f7f9;
	border-color: #e4eaec
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #62a8ea;
	border-color: #62a8ea
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
	color: #ccd5db;
	pointer-events: none;
	cursor: not-allowed;
	background-color: transparent;
	border-color: #e4eaec
}

.pagination-lg>li>a,.pagination-lg>li>span {
	padding: 6px 18px;
	font-size: 18px;
	line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px
}
.zcp{width: 1200px;margin: 40px auto 0;}
.zcp>div{border-bottom: 4px solid #ff0000;margin-bottom: 70px;position: relative;}
.zcp>div>div{position: absolute;left: 0;top: 28px;padding: 0 14px;background: rgba(0,0,0,0.7);}
.zcp>div>div>b{height: 3px;width: 38px;background: #ff0000;display: block;}
.zcp>div>div>p{font-size: 18px;color: #fff;margin-top: 10px;}
.ydsj1{width:180px;margin: 0 auto 50px;font-size: 18px;height: auto;background: #af002b;color: #fff;display: block;text-align: center;line-height: 50px;height: 50px;}
.ydsj{width:40%;margin: 0 auto 50px;font-size: 54px;height: auto;background: #af002b;color: #fff;display: none;text-align: center;line-height: 100px;height: 100px;}
.ssp .ydsj{width:40%;margin-left: 165px;font-size: 54px;height: auto;background: #af002b;color: #fff;display: none;text-align: center;line-height: 100px;height: 100px;}
.sxw .ydsj{width:40%;margin: 0 auto 50px;font-size: 54px;height: auto;background: #af002b;color: #fff;display: none;text-align: center;line-height: 100px;height: 100px;}
.vr{width: 800px;margin: 0 auto 60px;position: relative;}
.vr div{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);width: 100%;vertical-align: middle;text-align: center;padding-top: 16.5%;height: 70%;}
.liuyan{width: 560px;text-align: right;margin: 25px 0;}
.liuyan>p{margin-bottom: 36px;}
.liuyan>p>img{vertical-align: middle;margin-top: -12px;}
.liuyan>p>span{font-size: 16px;color: #343434;margin-right: 15px;vertical-align: middle;}
.liuyan>p>b{font-size: 12.5px;color: #343434;vertical-align: middle;font-weight: 500;}
.liuyan>p>input{width: 327px;height: 32px;line-height: 32px;border:1px solid #343434;padding-left: 10px;background: none;color: #343434;}
.liuyan>p>a{display: inline-block;vertical-align: middle;background: #3685c7;color: #343434;border-radius: 15px;height: 42px;line-height: 42px;padding: 0 10px;margin-left: 47px;}
.liuyan>div{margin-bottom: 12px;}
.liuyan>div>img{vertical-align: middle;margin-top: -12px;}
.liuyan>div>span{font-size: 16px;color: #343434;margin-right: 34px;vertical-align: middle;}
.liuyan>a{width: 86px;height: 42px;line-height: 42px;border-radius: 12px;background: #ae002b;text-align: center;font-size: 16px;color: #fff;display: block;margin-left: 370px;}
.liuyan textarea{width: 336px;height: 90px;vertical-align: middle;border:1px solid #343434;}
.gsjj{width: 100%;overflow: hidden;font-size: 0;}
.gsjjtu{width: 50%;transition:1s;display: inline-block;margin-left: -50%;vertical-align: middle;}
.gsjjzi{width: 40%;display: inline-block;transition:1s;right: -100%;padding: 5rem 7% 6rem 3%;color: #fff;background: #3b3b3b;vertical-align: middle;position: relative;}
.gsjjzi>span{font-size: 3.8rem;}
.gsjjzi>b{display: block;margin: 20px 0;width: 55px;height: 2px;background: #fff;}
.gsjjzi>p{font-size: 1.4rem;line-height: 2.8rem;margin-bottom: 2rem;}
.gsjjzi>a{width: 134px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;border:1px solid #fff;display: block;color: #fff;}
.gsjjzi>a>span{vertical-align: middle;}
.gsjjzi>a>p{display: inline-block;vertical-align: middle;font-family: 楷体;margin-left: 5px;}