@charset "utf-8";
/* CSS Document */
.*{padding:0;margin:0;margin:0 auto;font-family:"Microsoft YaHei",sans-serif;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
ul,li{list-style:none}
.clearfix{*zoom:1;}/*IE/7/6*/
.clearfix:before,.clearfix:after{clear:both;display:block;content:"";height:0;visibility:hidden;font-size: 0;}

.ys_box01{width: 100%;overflow: hidden;}
.ys_box01 >ul{display:flex;flex-flow:wrap row;}
.ys_box01 >ul >li{float: left;width: 24%;padding: 9px;}
@media  all  and  (max-width:600px){
.ys_box01 >ul >li{width: 40%;}
} 
.ys_box01 >ul >li >.con{display: block;text-align: center;border-radius: 5px;padding: 25px;height:100%;}
.ys_box01 >ul >li >.con >span{display: block;font-size: 20px;margin-bottom: 20px;}
.ys_box01 >ul >li >.con >i{display: inline-block;overflow: hidden;width: 130px;height: 130px;border-radius: 100px;}
.ys_box01 >ul >li >.con >i >img{width: 100%;}
.ys_box01 >ul >li >.con >p{font-size: 14px;line-height: 25px;margin-top: 15px;}
.ys_box01 >ul >li.li01 >.con{background: #ffcdde;}
.ys_box01 >ul >li.li02 >.con{background: #daead5;}
.ys_box01 >ul >li.li03 >.con{background: #bae9f0;}
.ys_box01 >ul >li.li04 >.con{background: #f0eeba;}
.ys_box01 >ul >li.li01 >.con >i{border: 10px solid #f7b2ca;}
.ys_box01 >ul >li.li02 >.con >i{border: 10px solid #bcdeb2;}
.ys_box01 >ul >li.li03 >.con >i{border: 10px solid #8fdbe6;}
.ys_box01 >ul >li.li04 >.con >i{border: 10px solid #e3e096;}
.ys_box01 >ul.no_border>li >.con >i{border:none;}
.ys_box01 >ul >li.li01 >.con >span{color: #cb0347;}
.ys_box01 >ul >li.li02 >.con >span{color: #218303;}
.ys_box01 >ul >li.li03 >.con >span{color: #09899c;}
.ys_box01 >ul >li.li04 >.con >span{color: #898402;}
.ys_box01 >ul >li.li01 >.con >p{color: #cb0347;}
.ys_box01 >ul >li.li02 >.con >p{color: #218303;}
.ys_box01 >ul >li.li03 >.con >p{color: #09899c;}
.ys_box01 >ul >li.li04 >.con >p{color: #898402;}

.ys_box46{width: 100%;background: #d9e1e9;padding: 0px 5px;padding-bottom: 20px;}
.ys_box46 >.tit{display: block;text-align: center;padding: 20px 0px;}
.ys_box46 >.tit >span{font-size: 24px;}
.ys_box46 >.tit >span::after{content: "";display: inline-block;width: 100px;height: 1px;background: #000;margin-left: 20px;margin-bottom: 5px;}
.ys_box46 >.tit >span::before{content: "";display: inline-block;width: 100px;height: 1px;background: #000;margin-right: 20px;margin-bottom: 5px;}
.ys_box46 >.con{}
.ys_box46 >.con >ul{}
.ys_box46 >.con >ul >li{float: left;width: 23%;padding: 5px;}
@media  all  and  (max-width:600px){
.ys_box46 >.con >ul >li{width: 40%;}
} 
.ys_box46 >.con >ul >li >.group{display: block;width: 100%;}
.ys_box46 >.con >ul >li.li01 >.group{background: #dfab30;}
.ys_box46 >.con >ul >li.li02 >.group{background: #409fcd;}
.ys_box46 >.con >ul >li.li03 >.group{background: #8fc31e;}
.ys_box46 >.con >ul >li.li04 >.group{background: #eb505a;}
.ys_box46 >.con >ul >li >.group >span{font-size: 24px;display: block;padding: 20px 0px;border-bottom: 1px dotted white;text-align: center;color: white;}
.ys_box46 >.con >ul >li >.group >p{font-size: 16px;line-height: 28px;padding: 20px;color: white;}