.wrapper {
    height: auto;
    min-width: 1200px;
    /* border:1px solid red; */
    width: 1200px;
    margin: auto;
}


/* 标题样式start */

#title {
    width: 93%;
    height: 65px;
    /* border:1px solid #f26708; */
    margin: auto;
    margin-top: 50px;
    border-bottom: 1px solid #918b8b;
}

#title a {
    width: 62px;
    height: 56px;
    position: absolute;
    margin-left: 1059px;
    margin-top: -71px;
    font-size: 52px;
    filter: alpha(opacity=0);
    opacity: 0;
}

#title h5 {
    line-height: 66px;
}

#title img {
    width: 60px;
    float: right;
    margin-top: -65px;
}

#article {}


/* 
文章部分start */

#article {
    width: 93%;
    height: auto;
    /* border:1px solid blue; */
    margin: auto;
    margin-top: 70px;
    overflow: hidden;
}

#article .artBoxTop {
    width: 100%;
    height: auto;
    /* border-bottom: 1px solid #5a504f; */
    text-align: center;
}

#article .artBoxTop h2 {
    color: #00a0ea;
    font-size: 40px;
    font-family: "微软雅黑";
    font-weight: bold;
}

#article .artBoxTop h4 {
    color: #000000;
    font-size: 16px;
    height: 50px;
    background-color: #e6fafb;
    margin: 30px 0;
    line-height: 52px;
    font-family: "微软雅黑";
}



#article .artBoxTop .selfBox{
	text-align: center;
	/* border:1px solid blue; */
	overflow: hidden;
	height: auto;
}
#article .artBoxTop .viedoSelfAll{
    margin-top: -1px;
    width: 350px;
    height: 250px;
    /* border: 1px solid red; */
    float: left;
    margin-top: 60px;
}
#article .artBoxTop .bottomBox{
	width: 67%;
	/* border:1px solid red; */
	margin: auto;
	height: 450px;
	overflow: hidden;
	padding-top: 120px;
}






#article .artBoxTop .selfBox .viedoSelfAll .video-js .vjs-control-bar>div{
	width:40px;
}


#article .artBoxTop .selfBox .viedoSelfAll img, #article .artBoxTop .selfBox .bottomBox img{
	width: 100%;
	margin-top: 30px;
}













#article .artBoxTop h3 {
    color: #029139;
    font-size: 18px;
    margin-top: 30px;
}

#article .artBoxBottom {
    width: 80%;
    height: 200px;
    margin: auto;
    text-align: center;
    /* border:1px solid red; */
    margin-top: 100px;
    /* border-bottom: 1px solid yello */
}

#article .artBoxBottom img {
    width: 100%;
}

#article .artBoxBottom p {
    font-size: 14px;
    line-height: 25px;
}






#article .artBoxTop .video-js .vjs-big-play-button{
	border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-left: 12px;
    opacity: 0;
    margin-top: 
}

/* #article .artBoxBottom .wangzhi{
	width: 100%;
	height: 400px;
	border: 1px solid red;

} */


/*#article .artBox .artForUse{
	width: 100%;
	height: auto;
	border:1px solid yellow;
}
#article .artBox .artForUse .useStition{
	width: 100%;
	height: 100px;
	border:1px solid blue;
	overflow: hidden;
}

#article .artBox .artForUse .useStition img{
	width: 100px;
	margin-left: -15px;
}


#article .artBox .artForUse .useStition .useImg, #article .artBox .artForUse .useStition .useTitle{
	float: left;
}



#article .artBox .artForUse .useStition .useTitle{
	border: 1px solid red;
    width: 92%;
    height: 70px;
    line-height: 83px;
    font-size: 20px;
    color: #0d7641;
    border-bottom: 2px solid #efefef;
}


用品召回情况的title 结束


#article .artBox .artForUse .useDetailStiton{
	height: 444px;
	border:1px solid red;
	overflow: hidden;
	margin-left: 30px;
}


#article .artBox .artForUse .useDetailStiton .useLeft,
#article .artBox .artForUse .useDetailStiton .useCenter, 
#article .artBox .artForUse .useDetailStiton .useRight {
	width: 30%;
	border:1px solid green;
	height: 444px;
	float: left;
}


#article .artBox .artForUse .useDetailStiton .useLeft{
	width: 30%;
	margin-top: 25px;
	color: #23ac38;
}

#article .artBox .artForUse .useDetailStiton .useLeft img{
	width: 316px;
	margin-top: 60px;
}
#article .artBox .artForUse .useDetailStiton .useCenter{
	width: 37%;
	margin-top: 15px;
}
#article .artBox .artForUse .useDetailStiton .useCenter p{
	text-indent: 2em;
	margin-top: 109px;
}

#article .artBox .artForUse .useDetailStiton .useCenter p span{
	color: #f3670a;
}
#article .artBox .artForUse .useDetailStiton .useCenter img:nth-child(2){
	width: 249px;
	margin-top: 53px;
}

#article .artBox .artForUse .useDetailStiton .useCenter img:nth-child(3){
	width: 146px;
}
#article .artBox .artForUse .useDetailStiton .useRight{
	width: 32%;
	height: 444px;

}

#article .artBox .artForUse .useDetailStiton .useRight .userightTop{
	border:1px solid #2f6f00;
	height: 375px;
	border-radius: 10px;
	    text-align: center;


}

#article .artBox .artForUse .useDetailStiton .useRight .userightTop h4{
	color: #23ad36;
	text-align: left;
	margin-top: 20px;
	margin-left: 10px;
}

#article .artBox .artForUse .useDetailStiton .useRight .userightTop p{
	text-align: left;
	text-indent: 2em;
	margin: 15px;
}


#article .artBox .artForUse .useDetailStiton .useRight .userightTop p span{
	color: #f3670a;
}
#article .artBox .artForUse .useDetailStiton .useRight .userightTop img{
	width: 200px;
    margin-top: -16px;
}


#article .artBox .artForUse .useDetailStiton .useRight .userightBOttom{
	height: 50px;
	margin-top: 10px;
	border:1px solid #2f6f00;
	border-radius: 10px;
}

#article .artBox .artForUse .useDetailStiton .useRight .userightBOttom p{
	color: #23ad36;
	text-align: center;
    line-height: 50px;
    font-weight: bold;
}

#article .artBox .artForUse .useDetailStiton .useRight .userightBOttom p span{
	color: #f3670a;
}


儿童用户安全知识

#article .artBox #artForSelf .useDetailStiton .useLeft, #article .artBox #artForSelf .useDetailStiton .useRight{
	height: 444px;
	border:1px solid red;
}
#article .artBox #artForSelf .useDetailStiton .useLeft{
	width: 67%;
}

#article .artBox #artForSelf .useDetailStiton .useRight{
	width: 32%;
}

#article .artBox #artForSelf .useDetailStiton .useLeft .ertonSelf{
	width: 663px;
	height: 300px;
	border:1px solid green;
	margin: auto;
}

#article .artBox #artForSelf .useDetailStiton .useLeft .ertonSelf img{
	width: 213px;
	margin-top: 30px;
}



#article .artBox #artForSelf .useDetailStiton .useRight img{
	    width: 370px;
    margin-left: -12px;
}


#article .artBox #artForSelf .useDetailStiton .useLeft .button{
	width: 94px;
    height: 42px;
    position: absolute;
 
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan1{
    margin-top: 65px;
    margin-left: -198px;
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan2{
    margin-top: 61px;
    margin-left: -200px;
}


#article .artBox #artForSelf .useDetailStiton #tiaozhuan3{
    margin-top: 63px;
    margin-left: -202px;
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan4{
    margin-top: 63px;
    margin-left: -201px;
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan5{
    margin-top: 65px;
    margin-left: -196px;
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan6{
    margin-top: 67px;
    margin-left: -191px;
}




#article .artBox #artForSelf .useDetailStiton .useRight .button{
	width: 300px;
    height: 42px;
    position: absolute;
 
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan7{
    margin-top: 89px;
    margin-left: 23px;
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan8{
    margin-top: 140px;
    margin-left: 23px;
}


#article .artBox #artForSelf .useDetailStiton #tiaozhuan9{
    margin-top: 190px;
    margin-left: 23px;
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan10{
    margin-top: 240px;
    margin-left: 23px;
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan11{
    margin-top: 290px;
    margin-left: 23px;
}

#article .artBox #artForSelf .useDetailStiton #tiaozhuan12{
    margin-top: 340px;
    margin-left: 23px;
}



儿童安全教育视频


#article .artBox #artForEducition .useDetailStiton {
	margin-left: 0px;
	height: 640px;

}

#article .artBox #artForEducition .useDetailStiton  img{
	width: 65px;
	margin-top: -15px;
}


#article .artBox #artForEducition .useDetailStiton .useLeft{
	width: 68%;
}


#article .artBox #artForEducition .useDetailStiton .useLeft img{
	width: 740px;
}
#article .artBox #artForEducition .useDetailStiton .useRight{
	width: 32%;
}


#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf{
	width: 703px;
	height: 640px;
	border:1px solid red;
	margin: auto;
	margin-left: 33px;
}

#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf p{
	margin: 30px;
    text-indent: 2em;
    color: #000000;
}

#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive{
	width: 700px;
	height: 540px;
	border:1px solid green;
}

#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive img{
	width: 220px;
	margin-top: 40px;
	position: relative;
}


#article .artBox #artForEducition .useDetailStiton .useLeft .button{
	width: 158px;
    height: 30px;
    position: absolute;
 
}





#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan13{
	 margin-top: 184px;
    margin-left: -190px;
}
#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan131{
	 margin-top: 124px;
    margin-left: -211px;
}



#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan14{
	 margin-top: 184px;
    margin-left: -187px;
}
#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan141{
	 margin-top: 124px;
    margin-left: -211px;
}



#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan15{
	 margin-top: -32px;
    margin-left: 512px;
}
#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan151{
	 margin-top: -97px;
    margin-left: 498px;
}



#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan16{
	 margin-top: 184px;
    margin-left: -190px;
}
#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan161{
	 margin-top: 124px;
    margin-left: -211px;
}



#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan17{
	 margin-top: 184px;
    margin-left: -190px;
}
#article .artBox #artForEducition .useDetailStiton .useLeft .ertonSelf .viedoFive #tiaozhuan171{
	 margin-top: 124px;
    margin-left: -211px;
}


#article .artBox #artForEducition .useDetailStiton .useRight{
	height: 510px;
	border:1px solid #f8b62c;
	width: 31%;
	margin-top: 99px;
	text-align: center;
	border-radius: 10px;
}

#article .artBox #artForEducition .useDetailStiton .useRight img{
	width: 300px;
	    margin-top: 50px;
}

#article .artBox #artForEducition .useDetailStiton .useRight p{

		text-indent: 2em;
	    text-align: left;
	    margin: 0 25px;
	    margin-top: 47px;
}



#article .artBox .artForUse #beforeActive img{
	width: 100%;
}

 */


/* 底部样式 */

#footer {
    width: 100%;
    height: 50px;
    background-color: #05713a;
    margin-top: 30px;
}