

.mn-pic-txt{ width:100%; margin:0 auto; max-width:1400px;}
.mn-pic-txt .txt-right{
	background-color: #fff;
}
.mn-pic-txt .txt-left{
	background-color: #fff;
}

.pic-txt p, .pic-txt .titble, .pic-txt h2, .pic-txt h4, .pic-txt h5{
	margin: 0 auto;
	margin-bottom: 10px;
}




.mn-pic-txt .txt-right p img{
	width: 48%;
	height:48%;
	 float:left;
	 margin-right:2%;
} 

.mn-pic-txt .txt-left p,.mn-pic-txt .txt-right p{
	width: 100%;
	max-width: 700px;
	color: #363636;
	font-size:15px;
	line-height:30px;
	text-align:left;
	
}


.mn-pic-txt .txt-left p img{
	width: 100%;
	height:100%;
} 

.mn-pic-txt .txt-left h5,.mn-pic-txt .txt-right h5{
	width: 100%;
	max-width: 700px;
	color: #363636;
	font-size:20px;
	font-weight:700;
	line-height:30px;
	text-align:left;
	margin-top:25px;
}


.mn-pic-txt .titble{
    width: 60%;
	max-width: 700px;
   font-size:20px; 
   line-height:30px; 
   color:#000; 
   padding-left:15px; 
   border-left:2px solid #666;

}
.mn-pic-txt h2{
    width:90%;
	max-width: 700px;
   font-size:30px; 
   line-height:40px; 
   color:#455560;
    font-weight:700;

  
}



.pic-txt{
	position: relative;
	overflow: hidden;
	line-height: 2;
}

.pic-txt .img img{
	width: 100%;
	vertical-align: bottom;
}
.pic-txt .img,
.pic-txt .txt{
	width: 50%;
}
.pic-txt .img{
	float: left;
}
.pic-txt .txt{
	position: absolute;

	height: 100%;
}
.txt-right .txt{
	right: 0;
}

.txt-left .img{
	float: right;
}
.txt-left .txt{
	left: 0;
}
.t-table{
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.t-cell{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.t-cell h2{ text-align:center; font-weight: normal; font-size:32px;}

.t-cell p{ text-align:left; font-weight: normal; font-size:32px;}


.t-cell li{  position:relative;}
.t-cell li:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #455560;
    border-radius: 50%;
	line-height:20px;
	 top:13px;
	 left:-17px;
	 position:absolute;
}

.pic-txt .linshi_pic{
	margin: 0 auto;
}
.pic-txt .linshi_pic ul li{
 width:30%;
 max-width:122px;
 margin:1% 1%;
  display:inline-block;
   text-align:center;
}
.pic-txt .linshi_pic ul li img{
 width:100%;
 height:100%;
 max-width:94px;
 margin:0 auto;
 

}





@media (max-width: 639px) {




.Artboard{background-size:100% auto;}
.Artboard1{background-size:100% auto;}

.mn-pic-txt{ width:100%;}

.pic-txt .img,
.pic-txt .txt{
     clear:both;
	width: 100%;
}
.pic-txt .txt{
	position: relative;

}


.mn-pic-txt .txt-left p{
	width: 100%;
	max-width:100%;
  font-size:1rem;
   line-height:25px;
    padding-top:0px;
}

.mn-pic-txt .txt-right p{
	width: 100%;
	max-width:100%;
  font-size:1rem;
  line-height:25px;
    padding-top:0px;
}
.mn-pic-txt .titble{
    width: 90%;
	max-width:100%;
   font-size:1rem; 
  margin-top:10px;


}
.mn-pic-txt h2{
    width: 100%;
	max-width:100%;
   font-size:15px; 
  margin-top:10px;

}
.mn-pic-txt .txt-left .linshi_pic{
 width: 100%;
 max-width:100%;

}
.mn-pic-txt .txt-right .linshi_pic{
 width: 100%;
 max-width:100%;

}


.mn-pic-txt .txt-left h5,.mn-pic-txt .txt-right h5{
	width: 90%;
	max-width: 100%;
     font-size:1rem;
line-height:25px;
padding-top:15px;
}


.mn-pic-txt h4{
    width: 100%;
	max-width:100%;
   font-size:1rem; 
    text-align:left;
}




.mn-pic-txt .txt-right .idea{
	width: 100%;
	height:100%;
	min-height:auto;
	 float:left;
	 margin-right:0;
	 background:url(../images/rb_idea_left_bg.jpg) repeat-y right bottom #fff; 
	 background-size:100% auto;
} 
.mn-pic-txt .txt-right .idea h4{
    width: 90%;
	max-width: 100%;
	font-size:1rem;
	line-height:25px;
	font-weight:normal;
	padding-top:24px;
	padding-bottom:10px;
}
.mn-pic-txt .txt-right .idea h4 span{ color:#00B266;}

.mn-pic-txt .txt-right .txt h6{
	width: 90%;
	max-width: 100%;
	font-size:20px;
    font-weight:normal;
	line-height:30px;
	padding-top:30px;

}

.mn-pic-txt .txt-right .txt p.wenzi{
	width: 100%;
    max-width: 100%;
    font-size:1rem;
    line-height:25px;
	padding-top:10px;
	padding-bottom:30px;

}



.mn-pic-txt .txt{ max-width:90%; margin:0 auto;}

}


@media (min-width: 640px) and (max-width:1023px ) {


.mn-pic-txt{ width:100%;}

.pic-txt .img,
.pic-txt .txt{
	width: 100%;
}

.mn-pic-txt .titble{  
  font-size:13px; 
   line-height:20px;

   border-left:2px solid #455560;
 width: 94%;
 max-width:100%;
 margin-top:20px;
}

.mn-pic-txt h2{  
 width: 94%;
 max-width:100%;
 font-size:14px; 
   line-height:20px;
   margin-top:20px;

}

.pic-txt .txt{
	position: relative;

}

.mn-pic-txt .txt-left .linshi_pic{
 width: 94%;
 max-width:100%;

}

.mn-pic-txt .txt-right .linshi_pic{
 width: 94%;
 max-width:100%;

}
.mn-pic-txt .txt-left p{
    font-size:12px;
 	width: 98%; 
    max-width:100%;
}

.mn-pic-txt .txt-right p{
	 width: 98%;
     max-width:100%;
    font-size:12px;
}

.mn-pic-txt .txt-left h5{
	width: 98%;
	max-width: 100%;
    font-size:14px;
	text-align:left;
}

.mn-pic-txt h4{
    width: 98%;
	max-width:100%;
    font-size:14px; 
    text-align:left;
}


}




@media (min-width: 1032px) and (max-width:1439px ) {

.mn-pic-txt{ width:100%;}

.mn-pic-txt .titble{  
  font-size:20px; 
   line-height:20px; 
}

.mn-pic-txt h2{
   font-size:20px; 
   line-height:20px; 
}


.mn-pic-txt .txt-left .linshi_pic{
 width: 70%;
 max-width:90%;
}

.mn-pic-txt .txt-right .linshi_pic{
 width: 70%;
 max-width:90%;
}



.pic-txt .linshi_pic ul li{
 width:32%;
 max-width:200px;
 margin:1% 0%;
}


.mn-pic-txt .txt-left p,.mn-pic-txt .txt-right p{

	max-width: 500px;

	
}


.mn-pic-txt .txt-left p img{
	width: 100%;
	height:100%;
} 

.mn-pic-txt .txt-left h5,.mn-pic-txt .txt-right h5{
	width: 90%;
	max-width: 500px;
	
}


.mn-pic-txt .titble{

	max-width: 500px;


}
.mn-pic-txt h2{

	max-width: 500px;


  
}




}


@media (min-width: 1440px) and (max-width:1920px ) {

}



