html{height:100%;overflow: hidden;} 
body{width: 100%;margin: 0; padding: 0;font-family:"微软雅黑";}
body,html{min-height: 100%;width: 100vw;overflow-x: hidden; overflow-y:auto; max-width: 1920px;margin: 0 auto;}
p{-webkit-margin-before:0;-webkit-margin-after:0;}
body.cbg{overflow-x: hidden;}
body.cbg,.cbg #cbg-main-nav-wrapper,#cbg-main-nav,#cbg-main-nav > .cbg-overlay,#cbg-main-nav > .cbg-wrapper{min-width:initial;}
ul,li{list-style: none;margin: 0;padding: 0;}
#pop-ctn {left: 0;top: 0;z-index: 999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);position: fixed;display: none;}
#pop-ctn .vid-ctn {left: 50%;top: 50%; position: absolute;background-color: #000;}
#pop-ctn .vid-ctn .close-btn {right: 0;top: 0;cursor: pointer;position: absolute;}
.sdw-container .disn{ display:none;}
#sdw-wrap{width: 100%;overflow: hidden;min-height: 100%;}
.bv{backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility:hidden; -moz-backface-visibility: hidden;}
.threeD{-webkit-perspective: 500;-webkit-perspective-origin: 50% 50%;-webkit-transform-style: preserve-3d;}
.sdw-container{position: relative;width: 100%;}
.sdw-container img{ width: 100%; display: block;}
.sdw-container .box{-webkit-transition: all 2s;-moz-transition: all 2s;-o-transition: all 2s;-ms-transition:all 2s;transition:  all 2s;}
.sdw-container .box2{-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.sdw-container .bg{position: absolute;left:0;top:0;width: 100%;height: 100%;margin:0;}
.sdw-container i{height: 100%;}
.sdw-container .icons,.sdw-container .title,.sdw-container .title2,.sdw-container .ctx{ position:relative;transition-property:transform,top,left; -webkit-transition-property: transform,top,left; -moz-transition-property: transform,top,left; -ms-transition-property: transform,top,left; -o-transition-property: transform ,top,left;}
.sdw-container .icons img{transition-property:opacity; -webkit-transition-property: opacity; -moz-transition-property: opacity; -ms-transition-property: opacity; -o-transition-property: opacity;}
.sdw-animate{position: relative;transition-timing-function: ease-in;-webkit-transition-timing-function: ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function: ease-in;-ms-transition-timing-function: ease-in; backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility:hidden; -moz-backface-visibility: hidden;}
.sdw-container .pa{position: absolute;} .sdw-container .pr{ position:relative;}
.sdw-container .ps{position:absolute;font-size:15px;line-height:1.3em;}
.sdw-container .title,.sdw-container .title2{line-height:initial;}
.sdw-container .title,.sdw-container .title2,.sdw-container .ctx{letter-spacing:1px;}
.sdw-container .ctx{line-height:1.8em;}
.tal{text-align: left;}
.tac{ text-align:center;}
.tar{text-align: right;} 
.sdw-pc span.suptit{top:-.3em;}
.sdw-pc .title2 span.suptit>span{top: 0.18em;}
.sdw-pc span.suptit>span{display: inline-block;vertical-align: middle;top:0.2em;;line-height: 1;}
.sdw-pc sup{font-size: .58em;display: inline-block;vertical-align: middle;line-height: 1;}
/*** -------------------------------- layout -------------------------------------- ***/
.sdw-container .sdw-pc,.sdw-container .sdw-mobile{height:100%;}
.sdw-container .container{width:62.5%;min-width:768px;margin: 0 auto;z-index: 99; position:relative;}
.sdw-container1 .text{width:100%;top:28.42%; }
.sdw-container1 .icons{width:100%;bottom:4.8%;}
.sdw-container2 .container{top:18.91%;color:#fff;}
.sdw-container2 .icons{width:46.25%; margin:0 auto;}
.sdw-container3 .container{top:9.11%;}
.sdw-container3 .ps{width:28.65%;}
.sdw-container4 .container{top:5.11%;}
.sdw-container4 .product{width:100%;height:80.11%;bottom:0%;}
.sdw-container5{ color:#fff;}
.sdw-container5 .container{top:20%;}
.sdw-container5 .product{width:100%;height:70%;bottom:0%;}
.sdw-container6 .container{top:20.6%; color:#fff;}
.sdw-container6 .icons{width:64%; margin:0 auto;}
.sdw-container6 .ps{right:2.5%; bottom:2%; color:#fff;}
.sdw-container7 .container{top:9%;}
.sdw-container8 .container{top:13.44%; color:#fff;}
.sdw-container8 .product{width:100%;height:60.22%;bottom:0%;}
.sdw-container9{color:#fff;}
.sdw-container9 .container{top:11.13%;}
.sdw-container9 .ps{right:2%; bottom:2%;}
.sdw-container10{color: #fff;}
.sdw-container10 .container{top:10.735%;}
.sdw-container10 .product{top:0;left:0;width:100%;height:100%;}
.sdw-container11 .container{top:9.036%;}
.sdw-container11 .icons{width:50.167%; margin:0 auto;}
.sdw-container12 .container{top:7.778%;}
.sdw-container12 .title2 img{height: 1em;width: auto;vertical-align: middle;display: inline-block;}
.sdw-container12 .title2 span{display: inline-block;vertical-align:baseline;}
.sdw-container13 .container{top:11.222%;}
.sdw-container13 .ps br{display: none;}
.sdw-container14 .container{top:7.22%;}
.sdw-container14 .title2 img{height: 1em;width: auto;vertical-align: middle;display: inline-block;}
.sdw-container14 .title2 span{display: inline-block;vertical-align: middle;}
.sdw-container15{color: #fff;}
.sdw-container15 .container{top:13.253%;}
.sdw-container15 .icons{width:63.083%; margin:0 auto;}
.sdw-container16 .container{top:20.444%;    margin-left: 0;width: 50%;min-width: 400px;}
.sdw-container17 .container{top:8%;}
.sdw-container18 .container{top:16%;color:#fff;}
.sdw-container18 .ps{color:#fff;right: 2%;bottom: 2%;text-align: left;}
.sdw-container19 .container{top:8%;}
.sdw-container20 .container{top:17.91%;color:#fff;}
.sdw-container20 .icons{width:64.33%; margin:0 auto;}
.sdw-container21 .container{top:10%;}
.sdw-container22 .container{top:10.91%;color:#fff;}
.sdw-container23 .container{color:#fff;}
.sdw-container23 .container1{top:48%;}
.sdw-container24 .container2{top:40%;color:#fff;}
.sdw-container24 .ps{color:#fff;}
.sdw-container25 .container{width:80%;margin:0 auto;}
.sdw-container25 .ps{width:100%;padding-top:3em;padding-bottom:2em;position:relative;}
.sdw-container3 .ps,.sdw-container5 .ps,.sdw-container6 .ps,.sdw-container9 .ps,.sdw-container10 .ps,.sdw-container11 .ps,.sdw-container12 .ps,.sdw-container13 .ps,.sdw-container14 .ps,.sdw-container24 .ps{right:2%; bottom:2%;}
/*.sdw-container3 sup.suptit{top:-2em;}
.sdw-container3 sup,.sdw-container12 sup,.sdw-container18 sup{top:-0.8em;position:relative;}*/
.sdw-container3 span,.sdw-container12 span,.sdw-container18 span{top:0.3em;position:relative;}
@media (max-width: 1400px) {
    .sdw-container13 .ps br{display: block;}
    .sdw-container3 span,.sdw-container12 span,.sdw-container18 span{top:0.1em;}
    .sdw-container14 .container{top:5.22%;}
    .sdw-container17 .container{top:4%;}
}
@media (max-width: 1050px) {
    .sdw-container17 .container{top:5%;}
}
@media (max-width: 950px) {
    .sdw-container17 .container{top:0%;}
    .sdw-container23 .container1{top:22%;}
    .sdw-container23 .container2{top:52%;}
}
/*--------------------------------------------------------------------------- 适配 -----------------------------------------------------------------*/

@media screen and (min-width:769px){
    #sdw-wrap .sdw-mobile{display: none;}
}
@media (max-width: 768px) {
    #sdw-wrap .sdw-container .sdw-pc{display: none;}
    .sdw-container .container{width:95%;min-width: initial;}
    .sdw-container .title,.sdw-container .title2{line-height:1.3;}
    .sdw-container .title,.sdw-container .title2,.sdw-container .ctx{letter-spacing:inherit;}
    .sdw-container .container .row{left: 0;}
    .sdw-container .ps{position: absolute;font-size:11px;}
    .sdw-container1 .text{width:100%;top:16.55%; }
    .sdw-container1 .icons{width:100%; bottom:4%;}
    .sdw-container2 .container{top:18.08%;color:#fff;}
    .sdw-container2 .icons{width:64.67%; margin:0 auto;}
    .sdw-container3 .container{top:10.2%;}
    .sdw-container3 .ps{width:90%;right:5%; bottom:2%;}
    .sdw-container4 .container{top:13.87%;} 
    .sdw-container4 .product{width:100%;height:67.37%;bottom:0%;}
    .sdw-container4 .product .product1{bottom:0;}
    .sdw-container5 .container{top:15%; color:#fff;}
    .sdw-container5 .product{width:100%;height:70%;bottom:0%;}
    .sdw-container5 .ps{right:2%; bottom:2%; color:#fff;}
    .sdw-container6 .container{top:20.2%; color:#fff;}
    .sdw-container6 .icons{width:76.8%; margin:0 auto;}
    .sdw-container6 .ps{right:2%; bottom:2%; color:#fff;}
    .sdw-container7 .container{top:10.7%;}
    .sdw-container8 .container{top:25.33%; color:#fff;}
    .sdw-container8 .product{width:100%;height:52.22%;bottom:0;}
    .sdw-container9 .container{top:11.13%;}
    .sdw-container10 .container{top:8.735%;}
    .sdw-container10 .dial{height:70%;bottom: 0;}
    .sdw-container11 .container{top:15.036%;}
    .sdw-container11 .icons{width:62.07%;}
    .sdw-container12 .container{top:4.778%;}
    .sdw-container12 .title img{height: 1em;width: auto;vertical-align: middle;display: inline-block;}
    .sdw-container13 .container{top:8.28%;}
    .sdw-container13 .ps{width:100%; right:0; bottom:75%; text-align:center;}
    .sdw-container14 .container{top:15.5%;}
    .sdw-container15 .icons{width:69.93%;}
    .sdw-container15 .container{top:7.253%;}
    .sdw-container16 .container{top:11.444%;margin-left: auto;}
    .sdw-container17 .container{top:11%;}
    .sdw-container18 .container{top:10.5%;}
    .sdw-container18 .ps{width:92%;left:50%; transform:translateX(-50%);}
    .sdw-container19 .container{top:12.83%;}
    .sdw-container20 .container{top:14%;}
    .sdw-container20 .icons{width:73.5%;}
    .sdw-container21 .container{top:13%;}
    .sdw-container22 .container{top: 16.55%;}
    .sdw-container23 .container{text-align: center;top: 50%;}
    .sdw-container24 .container{text-align: center;top: 9%;}
    .sdw-container23 .ps{color: #fff;}
    .sdw-container25 .ps{width:100%;position:relative;}
    .sdw-container3 sup:before,.sdw-container12 sup:before,.sdw-container18 sup:before{content:"*";display:inline-block; vertical-align:middle;font-size:1.5em;}
    .sdw-container3 sup,.sdw-container12 sup,.sdw-container18 sup{top:-0.5em;position:relative;}
    .sdw-container3 sup.suptit{top:-1em;position:relative;}
}