﻿.wrapper{
	height: auto;
	min-width: 1200px;
	/* border:1px solid red; */
	width: 1200px;
	margin: auto;
	background-color: #eef7f4;
}





/* 标题样式start */

#title{
	width: 93%;
	height:auto;
	/* border:1px solid #f26708; */
	margin: auto;
	margin-top: 50px;
	border-radius: 10px;
	background-color: #eef7f4;
}

#title .titleFonts{
	width: 100%;
	height: auto;
	text-align: center;



}

#title .titleFonts img{
	width: 55%;

}

#title .titleFonts p{
	margin-top: 40px;
    font-size: 20px;
    text-align: left;
    text-indent: 2em;
    line-height: 28px;
}

/* #title .titleFonts p span{
	color: #f3670a;
	font-weight: 500;
}
 */

/* 文章部分start */

 #article{
	width: 93%;
	height: auto;
	/* border:1px solid blue; */
	margin: auto;
	margin-top: 60px;
	text-align: center;
	background-color: #eef7f4;
}

#article .artBox{
	width: 100%;
	/*height: 500px;*/
	height:auto;
	margin-top: 50px;
	/* border:1px solid red; */
	/* border-bottom: 1px solid red； */

}

#article  h3{
	color: #00a1e9;
	font-size: 26px;
	margin-top: 30px;
}


#article .artBox img{
	width: 100%;
}


#article .artBox2 {
	background-color: #eef7f4;
	height: 1220px;
	margin-top: -34px;
}


#article .artBox .tables {
	margin-top: 40px;
	border:1px solid #036db7;
	margin: auto;
	width: 93%;
	height: auto;

}


 table tbody tr td{
	border:1px solid #4381b0;
	word-wrap: break-word;
	font-size: 18px;
	line-height: 36px;
	color: #55504d;

}

 table{
	 width: 100%; 
	 min-height: 31px; 
	 line-height: 31px;
	  text-align: center; 
	  border-collapse: collapse;
	  table-layout: fixed;
}



#article .pages{
	width: 100%;
	height: 50px;
/* 	border:1px solid red; */
}
#article .pages ul {

	line-height: 55px;
}
#article .pages ul li{
	display: inline;
	text-decoration: none;
	
}

#article .pages ul li a{
	width: 40px;
	height: 40px;
	border:1px solid #036db7;
	padding: 10px 15px;

}

.active a{
	background-color: #036db7;
	color: #000;
}
/*#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; */
}