*{margin: 0; padding: 0;}

.main_content{ width: 940px;}		
.pic-1{width: 100%;height: 355px;position: relative;float: left;}
.pic-1 img{height: 100%;}
.pic-t{font-size: 36px; font-family: "Microsoft YaHei"; position: absolute; top:37px; left: 27px; color: #27cd88;}
.pic-e{font-size: 14px; font-family: "Microsoft YaHei"; position: absolute; top:85px;left: 27px; color: #27cd88;}
.r-1,.r-2{width: 125px; height: 137px; background: #2999c8; float: right;text-align: center; padding-top: 18px;}

.r-1 p,.r-2 p{font-size: 16px; font-family: "Microsoft YaHei";color: #fff;}
.r-2{background:#2dc184; margin-top: 19px;}
.b-1,.b-2,.b-3,.b-4,.b-5{display: inline-block;width: 425px;height: 88px;float: left;background: #298ac8;margin-top: 15px;padding:18px;margin-right: 17px;}
.b-1 p,.b-2 p,.b-3 p,.b-4 p,.b-5 p{background:  font-size: 18px; font-family: "Microsoft YaHei";color: #fff;display: inline-block; }
.b-1 img,.b-2 img,.b-3 img,.b-4 img,.b-5 img{display: inline-block; vertical-align: middle; margin-left: 5px;}
.b-5 img{
width:24px;
height:23px;
}
.b-1 span,.b-2 span,.b-3 span,.b-4 span,.b-5 span{display: block; font-size:  14px; font-family: "Microsoft YaHei";color: #fff; margin-top: 15px;}
.b-2{background: #22b9d4;margin-right: 0;}
.b-3{background: #28cd89;margin-right: 0;}
.b-4{background: #ace01c; margin-right: 0px;}
.b-5{
 background: #fff;
 float: right;
 width: 300px;
 margin: 0 6px 0 10px;
 height: auto;
 /* padding-top: 100px; */
 padding: 0px;
 box-sizing: border-box;
}
.dangriyuyue,.zizhuji{
 background: #04abab;
 float: right;
 width: 100%;
 padding: 20px 15px;
 box-sizing: border-box;
 height: 155px;
}
.dangriyuyue{height: 120px;}
.dangriyuyue span{
 margin:0;
}
.zizhuji{
 margin-top: 15px;
 /* padding: 8px 10px; */
 height: 220px;
}
/* .zizhuji a{
 display: block;
 font-size: 14px;
 font-family: "Microsoft YaHei";
 color: #fff;
 margin-top: 50px;
 margin-left: 30px;
} */
.zizhuji p{
 display: block;
 /* line-height: 20px;
 margin-bottom: 5px; */
 font-size: 14px;
}
.zizhuji p:nth-of-type(1){margin-bottom: 10px;display: inline-block;}
.b-2 font{
 display: inline-block;
}
@media only screen and (min-width:768px){
.b-2 font{
 display: inline-block;
 margin-left: 8px;
}
}
@media only screen and (max-width:768px){
.pic-1{height:100%;width:100%;}
.pic-1>img{height:100%;width:100%;}
.r-2{margin-top: 0px; margin-right:4%}
.r-1, .r-2{width:48%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4,.b-5{width: 43%;}
.b-1,  .b-3 {margin-right: 4%;}
.b-2{margin-right:0;}
.b-5 {
 width: 100%;
 padding-top: 18px;
 height: 176px;
 margin: 10px 0 0 0;
}
.dangriyuyue, .zizhuji{
 width: 48.5%;
 float: left;
 height: 155px;
}
.zizhuji{
 margin:0 0 0 3%;
 overflow: scroll;
}
}
@media only screen and (max-width:665px){
.pic-1{width:100%; height:100%;}
.r-1, .r-2{width:48%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4{width: 42%;}
/* .b-5{width:94%} */
.b-1,  .b-3 {margin-right: 4%;}
.b-2{margin-right:0;}
}
@media only screen and (max-width:590px){
.pic-1{width:100%; height:100%;}
.r-2{margin-top: 0px; margin-right:2%;}
.r-1, .r-2{width:49%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4{width: 42%;}
/* .b-5{width:93%;} */
.b-1,  .b-3 {margin-right: 2%;}
.b-2{margin-right:0;}
}
@media only screen and (max-width:500px){
.pic-1{width:100%; height:100%;}
.r-2{margin-top: 0px; margin-right:4%;}
.r-1, .r-2{width:48%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4{width: 40%;}
.b-5{
/* width:92%; */
}
.b-1,  .b-3 {margin-right: 4%;}
.b-2{margin-right:0;}
}
@media only screen and (max-width:465px){
.pic-1{width:100%; height:100%;}
.r-2{margin-top: 0px; margin-right:3%;}
.r-1, .r-2{width:48.5%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4{width: 39.4%; height:100px;}
.b-5{
/* width:91.5%; */
}
.b-1,  .b-3 {margin-right: 3%;}
.b-2{margin-right:0;}
}

@media only screen and (max-width:440px){
.pic-1{width:100%; height:100%;}
.r-2{margin-top: 0px; margin-right:3%;}
.r-1, .r-2{width:48.5%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4{width: 39%; height:100px;}
.b-5{
/* width:90.5%; */
}
.b-1,  .b-3 {margin-right: 3%;}
.b-2{margin-right:0;}
}

@media only screen and (max-width:414px){
.pic-1{width:100%; height:100%;}
.r-2{margin-top: 0px; margin-right:4%;}
.r-1, .r-2{width:48%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4{width: 38.5%; height:100px;}
.b-5{
 /* width:91%; */
}
.b-1,  .b-3 {margin-right: 4%;}
.b-2{margin-right:0;}
}

@media only screen and (max-width:405px){
.pic-1{width:100%; height:100%;}
.r-2{margin-top: 0px; margin-right: 2%;}
.r-1, .r-2{width:49%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4{width: 38.7%; height:100px;}
.b-5{
/* width:90.5%; */
}
.b-1,  .b-3 {margin-right: 2%;}
.b-2{margin-right:0;}
}
@media only screen and (max-width:375px){
.pic-1{width:100%; height:100%;}
.r-2{margin-top: 0px; margin-right:3%;}
.r-1, .r-2{  width: 37.55%;
 margin-top: 10px;
 padding: 18px 18px 0 18px;}
.b-1, .b-2, .b-3, .b-4{width: 37.5%; height:100px;}
.b-5{
 /* width:89%; */
}
.b-1,  .b-3 {margin-right: 3%;}
.b-2{margin-right:0;}
.pic-t {
 font-size: 28px;
 
}
.pic-e {
 font-size: 12px;
   top: 74px;
}
.b-2 font{
margin-left:0;
}
}
@media only screen and (max-width:320px){
.pic-1{width:100%; height:100%;}
.r-2{margin-top: 0px; margin-right:4%;}
.r-1, .r-2{width:35.5%; margin-top:10px;}
.b-1, .b-2, .b-3, .b-4{width: 35.5%; height:115px;}
.b-5{
/* width:88%; */
}
.b-1,  .b-3 {margin-right: 4%;}
.b-2{margin-right:0;}
.pic-t {
 font-size: 22px;
 
}
.pic-e {
 font-size: 12px;
   top: 64px;
}
.b-2 span, .b-3 span{ margin-top: none;}
}