@charset "utf-8";
/* css document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#fff;}
body{background: #fff;}

/*广告*/
.banner{position: relative;clear:both;height:790px;overflow:hidden;}
.ban_p,.ban_p li,.ban_p li a{height:790px;display: block;}
/*.ban_p li a{background:url(/uploads/image/sdi/banner1.jpg) no-repeat center 0;}*/
.ban_t{width:600px;height:93px;bottom: 0;left:50%;margin-left:-600px;position: absolute;}
.ban_t em{width:50px;height:4px;margin-right:25px;float: left;background: #0d6077;}
.ban_t em.on{background: #0e404e;}

/*选一张好床 睡一个好觉*/
.webox{background:url(/uploads/image/sdi/webg.jpg) no-repeat center 0;padding: 240px 0 0;height:907px;font-family:"microsoft yahei";line-height: 25px;color: #fafafa;clear: both;border-bottom: solid 4px #efefef;}
.weye1{width: 202px;height:183px;background: url(/uploads/image/sdi/we_yz1.png) 0 0 no-repeat;
	            position: absolute;top:405px;right: 0;z-index: 2000;opacity: 0;
                    transform: rotatex(26deg);
                     animation: weye1 3s infinite forwards;
	                  -moz-animation: weye1 3s infinite forwards;
	                  -webkit-animation: weye1 3s infinite forwards;
	                  -o-animation: weye1 3s infinite forwards;  }
.weye2{width:136px;height:143px;background: url(/uploads/image/sdi/we_yz2.png) 0 0 no-repeat;
	            position: absolute;top:194px;right:292px;z-index: 2000;opacity: 0;
                    transform: rotatey(26deg);
                     animation: weye2 3s infinite forwards;
	                  -moz-animation: weye2 3s infinite forwards;
	                  -webkit-animation: weye2 3s infinite forwards;
	                  -o-animation: weye2 3s infinite forwards;  }
.weye3{width: 127px;height:72px;background: url(/uploads/image/sdi/we_yz3.png) 0 0 no-repeat;
	            position: absolute;top:439px;right:600px;z-index: 2000;opacity: 0;
                    transform: rotatex(26deg);
                     animation: weye3 5s infinite forwards;
	                  -moz-animation: weye3 5s infinite forwards;
	                  -webkit-animation: weye3 5s infinite forwards;
	                  -o-animation: weye3 5s infinite forwards;  }
.weye4{width:235px;height:217px;background: url(/uploads/image/sdi/we_yz4.png) 0 0 no-repeat;
	            position: absolute;top:708px;left:37px;z-index: 2000;opacity: 0;
                    transform: rotatex(26deg);
                     animation: weye4 8s infinite forwards;
	                  -moz-animation: weye4 8s infinite forwards;
	                  -webkit-animation: weye4 8s infinite forwards;
	                  -o-animation: weye4 8s 1s forwards;  }
.webox_w{width: 502px;height: 735px;}
.webox_w h2{height: 243px;display: block;}
.webox_c{padding: 92px 0 0;}
.webox_c li{background:url(/uploads/image/sdi/ico04.gif) no-repeat 0 10px;padding: 0 0 22px 27px;}
.webox_z{clear: both;text-align: center;font-size: 16px;color: #666;line-height: 34px;height: 176px;letter-spacing:30px;}
.webox_z em{display: block;font-size: 10px;text-transform: uppercase;line-height: 12px;font-style: normal;letter-spacing: 12px;}

/*产品*/
.probox{padding: 127px 0 10px;background: #fafafa;font-family:"microsoft yahei"; position: relative;width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;}
.pro_c img{width:100%;display: block;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_c p{display: block;position: relative;overflow: hidden;}
.pro_c p i{display: none;position: absolute;width: 100%;height: 100%;background:url(/uploads/image/sdi/bg01.png) repeat 0 0;left: 0;top: 0;z-index: 1;}
.pro_c p span{display: block;position: absolute;height: 100px;bottom:46px;font-size: 24px;color: #10100f;line-height: 40px;transition: all 0.4s linear;z-index: 2;}
.pro_c p span em{display: block;font-size:34px;}
.pro_c p span a{color: #10100f;display: block;background:url(/uploads/image/sdi/ico05.png) no-repeat 0 bottom;padding: 0 0 36px;}
.pro_c p span a:hover{text-decoration: none;}
.pro_l{width: 49.48%;}
.pro_l p span{left: 50%;margin-left: -102px;}
.pro_r{width:50%;}
.pro_r p span{left: 50px;}
.pro_r p{margin-bottom:8px;}
.pro_r p:nth-child(2),.pro_r p:nth-child(3){width: 49.479%;display: block;float: left;}
.pro_r p:last-child{float: right;}
.pro_r p:nth-child(3) span a{background:url(/uploads/image/sdi/ico07.png) no-repeat 0 bottom;}
.pro_c p:hover span a{color: #fff;background:url(/uploads/image/sdi/ico06.png) no-repeat 0 bottom;}
.pro_c p:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro_c p:hover span{bottom:66px;}
.pro_c p:hover i{display: block;}

/*优势*/
.edge{font-family:"microsoft yahei";padding: 135px 0 0;font-size: 26px;line-height: 48px;color: #333;background:url(/uploads/image/sdi/edgebg.gif) no-repeat center 298px;}
.edge_p,.edge_w{width: 50%;height: 442px;overflow: hidden;position: relative;}
.edge_p1{background:url(/uploads/image/sdi/edge_pic1.jpg) no-repeat right 0;}
.edge_p2{background:url(/uploads/image/sdi/edge_pic2.jpg) no-repeat 0 0;}
.edge_p3{background:url(/uploads/image/sdi/edge_pic3.jpg) no-repeat right 0;}
.edge_p4{background:url(/uploads/image/sdi/edge_pic4.jpg) no-repeat 0 0;}
.edge1,.edge2,.edge3,.edge4{height:442px;overflow: hidden;}
.edge_w1{width: 441px;white-space: nowrap;text-align: center;position: absolute;top: 129px;transition: all 0.4s linear;}
.edge_w1 span{width:140px;height: 125px;display: block;margin: 0 auto;}
.edge_w1 p{background:url(/uploads/image/sdi/ico08.gif) no-repeat center 66px;line-height: 60px;}
.edge_w1 p em{display: block;padding: 20px 0 0;font-size: 12px;line-height: 28px;letter-spacing: 5px;}
.edge1 .edge_w1,.edge3 .edge_w1{left: 160px;}
.edge2 .edge_w1,.edge4 .edge_w1{right: 160px;}
.edge_p div{width: 100%;height:100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.edge1:hover .edge_p1,.edge2:hover .edge_p2,.edge3:hover .edge_p3,.edge4:hover .edge_p4{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.edge1:hover .edge_w1,.edge2:hover .edge_w1,.edge3:hover .edge_w1,.edge4:hover .edge_w1{top: 100px;}

/*=*/
.heye{font-family:"microsoft yahei";background:url(/uploads/image/sdi/heyebg.gif) repeat-x center 0;height:493px;font-size: 24px;text-align: center;color: #333;line-height: 38px;overflow: hidden;}
.heye_t{background:url(/uploads/image/sdi/heyetbg.jpg) no-repeat center 0;width: 200px;line-height: 40px;color: #0f4248;padding: 214px 0;}
.heye_t span{display: block;}
.heye_c{display: block;width: 942px;overflow: hidden;padding: 135px 0 0;}
.heye_c ul{width:1010px;}
.heye_c li{width: 252px;float: left;height: 260px;background:url(/uploads/image/sdi/ico02.gif) no-repeat center bottom;}
.heye_c li a{ text-decoration:none;}
.heye_c li p em{text-transform: uppercase;display: block;font-size: 14px;line-height: 22px;letter-spacing: 3px;}
.heye_c li span{position: relative;width:102px;height:87px;display: block;margin: 0 auto 51px;}
.heye_c li span i{position: absolute;left: 0;top: 0;width:102px;height:87px;display: block;}
.heye_c li i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.heye_c li i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.heye_c li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.heye_c li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.heye_c li.cur{color: #11a8b4;background:url(/uploads/image/sdi/ico03.gif) no-repeat center bottom;}
.heye_c li.cur a{color: #11a8b4;}


@-webkit-keyframes weye1{
    0%{right: 0; top: 0;opacity: 0;-webkit-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{right: 0px;top: 405px;opacity: 1; -webkit-transform:rotatex(50deg);}
  100%{right: 0px;top: 405px;opacity: 0; -webkit-transform:rotatex(50deg);}
}
@-moz-keyframes weye1{
    0%{right: 0;top: 0; opacity: 0;-moz-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{right: 0px;top: 405px;opacity: 1;  -moz-transform:rotatex(50deg);}
  100%{right: 0px;top: 405px;opacity: 0;  -moz-transform:rotatex(50deg);}
}
@-ms-keyframes weye1{
    0%{right: 0;top: 0;opacity: 0; -ms-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{right: 0px;top: 405px; opacity: 1;-ms-transform:rotatex(50deg);}
  100%{right: 0px;top: 405px; opacity: 0;-ms-transform:rotatex(50deg);}
}
@-o-keyframes weye1{
     0%{right: 0;top: 0;opacity: 0; -o-transform:rotatex(0deg);}
     25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{right: 0px;top: 405px;opacity: 1; -o-transform:rotatex(50deg);}
  100%{right: 0px;top: 405px;opacity: 0; -o-transform:rotatex(50deg);}
}


@-webkit-keyframes weye2{
    0%{right: 0; top: 0;opacity: 0;-webkit-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatey(70deg);}
    75%{-webkit-transform:rotatey(0deg);}
  75%{right:292px;top: 194px;opacity: 1; -webkit-transform:rotatex(50deg);}
  100%{right:292px;top: 194px;opacity: 0; -webkit-transform:rotatex(50deg);}
}
@-moz-keyframes weye2{
    0%{right: 0;top: 0; opacity: 0;-moz-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatey(70deg);}
    75%{-webkit-transform:rotatey(0deg);}
  75%{right:292px;top: 194px;opacity: 1;  -moz-transform:rotatex(50deg);}
  100%{right:292px;top: 194px;opacity: 0;  -moz-transform:rotatex(50deg);}
}
@-ms-keyframes weye2{
    0%{right: 0;top: 0;opacity: 0; -ms-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatey(70deg);}
    75%{-webkit-transform:rotatey(0deg);}
  75%{right:292px;top: 194px; opacity: 0.8;-ms-transform:rotatex(50deg);}
  100%{right:292px;top: 194px; opacity: 0;-ms-transform:rotatex(50deg);}
}
@-o-keyframes weye2{
     0%{right: 0;top: 0;opacity: 0; -o-transform:rotatex(0deg);}
     25%{-webkit-transform:rotatey(70deg);}
    75%{-webkit-transform:rotatey(0deg);}
  75%{right:292px;top: 194px;opacity: 0.8; -o-transform:rotatex(50deg);}
  100%{right:292px;top: 194px;opacity: 0; -o-transform:rotatex(50deg);}
}

@-webkit-keyframes weye3{
    0%{right: 0; top: 0;opacity: 0;-webkit-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{right: 600px;top: 439px;opacity: 0.8; -webkit-transform:rotatex(50deg);}
  100%{right: 600px;top: 439px;opacity: 0; -webkit-transform:rotatex(50deg);}
}
@-moz-keyframes weye3{
    0%{right: 0;top: 0; opacity: 0;-moz-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{right: 600px;top: 439px;opacity: 0.8;  -moz-transform:rotatex(50deg);}
  100%{right: 600px;top: 439px;opacity: 0;  -moz-transform:rotatex(50deg);}
}
@-ms-keyframes weye3{
    0%{right: 0;top: 0;opacity: 0; -ms-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{right: 600px;top: 439px; opacity: 0.8;-ms-transform:rotatex(50deg);}
  100%{right: 600px;top: 439px; opacity: 0;-ms-transform:rotatex(50deg);}
}
@-o-keyframes weye3{
     0%{right: 0;top: 0;opacity: 0; -o-transform:rotatex(0deg);}
     25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{right: 600px;top: 439px;opacity: 0.8; -o-transform:rotatex(50deg);}
  100%{right: 600px;top: 439px;opacity: 0; -o-transform:rotatex(50deg);}
}


@-webkit-keyframes weye4{
    0%{left:100%; top: 0;opacity: 0;-webkit-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{top:708px;left:37px;opacity: 0.8; -webkit-transform:rotatex(50deg);}
  100%{top:708px;left:37px;opacity: 0; -webkit-transform:rotatex(50deg);}
}
@-moz-keyframes weye4{
    0%{left:100%;top: 0; opacity: 0;-moz-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatey(70deg);}
    75%{-webkit-transform:rotatey(0deg);}
  75%{top:708px;left:37px;opacity: 0.8;  -moz-transform:rotatex(50deg);}
  100%{top:708px;left:37px;opacity: 0;  -moz-transform:rotatex(50deg);}
}
@-ms-keyframes weye4{
    0%{left:100%;top: 0;opacity: 0; -ms-transform:rotatex(0deg);}
    25%{-webkit-transform:rotatey(70deg);}
    75%{-webkit-transform:rotatey(0deg);}
  75%{top:708px;left:37px; opacity: 0.8;-ms-transform:rotatex(50deg);}
  100%{top:708px;left:37px; opacity: 0;-ms-transform:rotatex(50deg);}
}
@-o-keyframes weye4{
     0%{left:100%;top: 0;opacity: 0; -o-transform:rotatex(0deg);}
     25%{-webkit-transform:rotatex(70deg);}
    75%{-webkit-transform:rotatex(0deg);}
  75%{left:37px;top:708px;opacity: 0.8; -o-transform:rotatex(50deg);}
  100%{left:37px;top:708px;opacity: 0; -o-transform:rotatex(50deg);}
}