/* 页面通用 */
body{background: #2e5fda;}
.box_In{width: 1200px;margin: 0 auto;}
/* ban开始 */
.ban1{background: url(../images/ban_img1.jpg) no-repeat center;height: 473px;}
.ban2{background: url(../images/ban_img2.jpg) no-repeat center;height: 421px;}
/* box1开始 */
.box1{overflow: hidden;}
.box1 .box1_bg1{background: url(../images/box1_img1.jpg) no-repeat top center;height: 500px;}
.box1 .box1_bg2{background: url(../images/box1_img2.jpg) no-repeat top center;height:529px;}
.box1{position: relative;}
.box1 .main{position: absolute;top: 36px;left: 0;width: 100%;}
.box1 .box_hd{height: 85px;font-size: 34px;color: #12684a;text-align: center;line-height: 85px;font-weight: bold;}
.box1 .con{position: relative;}
#wrapper{width:1122px;height:747px;margin: 10px auto 0;background:url(../images/box1_img5.png) no-repeat center ;position:relative;background-size: 995px 580px;}
#rod{position:relative;top:166px;left:0px;width:11px;height:10px;margin:0 auto;background-image: url(../images/box1_img7.jpg);
background-repeat: repeat-y;}
#hand{width: 220px;height: 128px;position:relative;top:154px;left:-2px;background-position:-174px 0px;background-image: url(../images/box1_img6.png);margin:0 auto;background-repeat:no-repeat ;z-index: 3;}
#babys{height: 260px;width:922px;margin:0 auto;overflow: hidden;position: relative;top:-370px;left:-0px;}
#uptoy{width: 120px;height: 253px;margin: 0 auto;position: relative;z-index: 3;top:-750px;left:-20px;display: none;}
/* #babys img{width: 15% !important;display: block;} */
#start_btn{width:412px;height: 115px;background-image: url(../images/box1_img8.png);background-position:0 0;position: absolute;top:720px;left:50%; margin-left: -206px; z-index: 4;border:none;outline: none;cursor: pointer;}
.box1_mask{position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);width: 100%;height: 100%;z-index: 99999;display: none;}
.box1 .mask_con{background: url(../images/box1_img10.png) no-repeat center;width: 384px;height:473px;position: relative;top: 50%;left: 50%;margin-top:-230px ;margin-left:-192px ;}
/* .box1 .mask_con .fl{width: 106px;margin-top: 20px;float: left;}
.box1 .mask_con .fr{width: 270px;float: right;} */
/* .box1 .mask_con .mask_main{width: 420px;margin: 100px 0 0 78px; overflow: hidden;height: 150px;} */
.box1 .mask_con img{display: block;margin: 0 auto;padding-top: 80px;}
.box1 .mask_con .mask_main {width: 223px;height: 223px;background: #fff;border-radius: 10px;margin: -50px auto 0;}
.box1 .mask_con .mask_main h3{font-size: 28px;color: #222222;font-weight: bold;text-align: center;padding: 65px 15px 15px;}
.box1 .mask_con .mask_main p{font-size: 16px;color: #6b6b6b;text-align: center;line-height: 22px;padding: 0 10px;line-height: 26px;}
.box1 .mask_con .mask_main span{font-size: 16px;color: #ff5b29;text-align: center;display: block;margin-top: 8px;}
.box1 .box1_btn{width: 222px;height: 50px;display: block;background: #ff653f;margin:20px auto;  text-align: center;font-size: 25px;color: #ff3b4b;line-height: 50px;border-radius: 80px;border-bottom: 5px solid #c85032;font-weight: bold;color: #fff;}
.box1_close{position: absolute;top:30px;right:15px;cursor: pointer;width: 40px;height: 40px;}
/* box2开始 */
.box2{background: url(../images/box2_bg.jpg)  no-repeat center;height: 870px;}
.box2 h2{font-size: 34px;color: #fff;font-weight: bold;text-align: center;padding-top: 126px;}
.box2 .con p{font-size: 18px;color: #0c563a;line-height: 28px;}
.box2 .con{margin-top: 166px;margin-left: 166px;width: 910px;}
.box2 .con span{font-weight: bold;color: #ff6000;}
.box2 .con .p1{margin: 65px 0 65px;}

/*box3开始*/
.box3 .bg1{background: url(../images/box3_bg1.jpg) no-repeat center;height: 400px;}
.box3 .bg2{background: url(../images/box3_bg2.jpg) no-repeat center;height: 400px;}
.box3 .bg3{background: url(../images/box3_bg3.jpg) no-repeat center;height: 487px;}
.box3 {position: relative;}
.box3 .main{position: absolute;top: 10px;left: 0;width: 100%;}
.box3 .main ul{width: 1200px;margin: 0 auto;overflow: hidden;}
.box3 .main ul li{width: 220px;margin: 0 10px 45px;float: left;}
.box3 .main ul li img{margin: 0 auto;display: block;}
.box3 .main ul li .btm{background: #fff;margin-top: -52px;border-radius: 10px;padding-bottom:35px;}
.box3 .btm h3{font-size: 23px;color: #222222;text-align: center;padding:70px 0 15px;font-weight: bold;}
.box3 .btm p{font-size: 16px;color: #6b6b6b;text-align: center;padding-bottom: 20px;line-height: 24px;}
.box3 .btm span{color: #ff4800;}
.box3 .btm .span1{font-size: 16px;margin-top: 8px;display: block;}
.box3 .btm  a{width: 155px;border: 1px solid #ff4800;border-radius: 5px;display: block;font-size: 18px;color: #ff4800;text-align: center;height: 40px;line-height: 40px;margin: 0 auto;border-radius: 50px;font-weight: bold;}
.box3 .btm:hover  a{background:#ff4800 ;color: #fff;}
.box3 .btm .p1{height: 105px;line-height: 105px;}
.box3 .btm .p2{height:107px;line-height: 21px;padding: 0;}
.box3_mask{position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);width: 100%;height: 100%;z-index: 99999;display: none;}
.box3_mask .mask_con{width: 330px;border:9px solid #ff9412 ;border-radius:20px;height: 370px;margin: 13% auto 0;background: #fff;position: relative;}
.box3_mask .mask_con h3{font-size:18px;text-align: center;font-weight: bold;padding:10px 0 0;line-height:32px;}
.box3_mask .mask_con h3 span{color: #ff4800;}
.box3_mask .mask_con img{margin: 0 auto;display: block}
.box3_mask .box3_close{position: absolute;top: -22px;right: -22px;cursor: pointer;}
.box3_mask .mask_con h2{font-size:28px;text-align: center;font-weight: bold;padding:26px 0 12px;line-height:32px;}
.box4{background: #fff url(../images/box4_bg.jpg) no-repeat center bottom;padding-bottom: 160px;}
.box4 h3{background: url(../images/box4_hd.jpg) no-repeat center;width: 646px;height: 132px;font-size: 34px;color: #fff;font-weight: bold;text-align: center;margin: 0 auto 30px;line-height: 100px;	}
.box4 .main{overflow: hidden;width: 1200px;}
.box4 ul{overflow: hidden;width: 1230px;margin-left: -10px;}
.box4 ul li{width: 278px;margin: 0 12px 50px;float: left;overflow: hidden;}
.box4 ul h2{font-size: 15px;color: #515151;line-height: 24px;margin: 10px 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 45px;}
.box4 ul li .img_box{width: 278px;height: 184px;border-radius: 10px;overflow: hidden;position: relative;}
.box4 ul li .mask_img1{width: 278px;height: 184px;display: block;margin: 0 auto;}
.box4 ul .btm{overflow: hidden;font-size: 14px;}
.box4 ul .btm span{display: block;float: left;}
/*.kecheng ul .btm .span1,.gongkaike ul .btm .span1{margin-right: 10px;}*/
.box4 ul .btm .span1{width: 42px;color: #919191;}
.box4 ul .btm .span2{width: 50px;text-align: right;color: #ff2e2e;}
.box4 ul .btm p{width: 110px;float: left;background: url(../images/sy_box2icon1.jpg) no-repeat left center ;padding-left: 20px;color: #919191;}
.box4 ul .img_box  p{font-size:14px;color: #fff;padding: 1px 10px 2px;border-radius:0 30px 30px 0;position: absolute;left: 0;top: 12px;z-index: 99;
 background: -moz-linear-gradient(left, #fd5934 0%, #c30302 100%);
    background: -webkit-gradient(linear, left left, left right, color-stop(0%,#fd5934), color-stop(100%,#c30302));
    background: -webkit-linear-gradient(left, #fd5934 0%,#c30302 100%);
    background: -o-linear-gradient(left, #fd5934 0%,#c30302 100%);
    background: -ms-linear-gradient(left, #fd5934 0%,#c30302 100%);
    background: linear-gradient(to right, #fd5934 0%,#c30302 100%);

}
.box4 ul .img_box  .p1{ background: -moz-linear-gradient(left, #ffc50b 0%, #ff1f19 100%);
    background: -webkit-gradient(linear, left left, left right, color-stop(0%,#ffc50b), color-stop(100%,#ff1f19));
    background: -webkit-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);
    background: -o-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);
    background: -ms-linear-gradient(left, #ffc50b 0%,#ff1f19 100%);}

.sy_mask{width: 278px;height: 184px;background: rgba(0,0,0,.6);border-radius: 10px;position: absolute;top: 0;left: 0;overflow: hidden;display: none;}
.sy_mask a{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.imgzhibo,.imgguankan,.imgbaoming{margin: 75px auto;display: none;}
 .sy_mask .sy_show{display: block}
.box4 ul li:hover .sy_mask{display: block;}
.box4_btn{display: block;margin: 0 auto;width: 621px;}