.mainb{float:left;width:99%; overflow:hidden;margin:10px 0 0 0px;display:inline;padding:15px 1px 0 15px; border:#dfdfdf solid 1px;}

.mainb samp{float:left;border:#dfdfdf solid 1px;padding:5px;display:inline;margin-right:16px;display:inline;}

.mainb samp img{ width:170px; }





.mainb span{float:left;width:410px;line-height:58px;text-align:center;font-size:24px;color:#cb225b;font-weight:bold;}

.mainb span a{color:#cb225b;margin-right:0px;display:inline;}





.mainb p{float:left;width:410px; line-height:44px;overflow:hidden;font-size:24px;color:#333; text-indent: 2em;}

.mainb p a{color:#cc1127;}





.mainb ul{float:left;width:280px;height:38px;overflow:hidden;margin-top:3px;display:inline;}

.mainb ul li{float:left;width:128px;height:36px;overflow:hidden;margin:0 1px 0 5px;display:inline;}





@media screen and (max-width:320px){



.mainb samp { width:40%; height:60%; margin-bottom:2%;}

.mainb samp img{ width:100%; }



.mainb span {width:50%; height:26px; font-size:12px; line-height:24px;}

.mainb p{width:50%; font-size:14px; line-height:24px;}



.mainb ul{float:right;width:160px;height:38px;}

.mainb ul li{float:left;width:68px;height:36px;}



}



@media screen and (min-width:321px) and (max-width:370px){



.mainb samp { width:40%; height:60%; margin-bottom:2%;}

.mainb samp img{ width:100%; }

.mainb span {width:50%; font-size:14px; line-height:32px;}

.mainb p{width:54%; font-size:14px; line-height:28px; text-indent: 2em;}



.mainb ul{float:right;width:160px;height:38px;}

.mainb ul li{float:left;width:68px;height:36px;}



}



@media screen and (min-width:371px) and (max-width:420px){



.mainb samp { width:40%; height:60%; margin-bottom:2%; }

.mainb samp img{ width:100%; }

.mainb span {width:55%; font-size:18px; line-height:36px;}

.mainb p{width:55%; font-size:16px; line-height:36px; text-indent: 2em;}



.mainb ul{float:right;width:180px;height:38px;}

.mainb ul li{float:left;width:68px;height:36px;}



}



@media screen and (min-width:421px) and (max-width:460px){



.mainb samp { width:30%; height:60%; margin-bottom:2%; }

.mainb samp img{ width:100%; }

.mainb span {width:55%; font-size:20px; line-height:36px;}

.mainb p{width:55%; font-size:18px; line-height:38px; text-indent: 2em;}



.mainb ul{float:right;width:180px;height:38px;}

.mainb ul li{float:left;width:68px;height:36px;}



}



@media screen and (min-width:461px) and (max-width:550px){



.mainb samp { width:30%; height:60%; margin-bottom:2%; }

.mainb samp img{ width:100%; }

.mainb span {width:55%; font-size:20px; line-height:36px;}

.mainb p{width:55%; font-size:18px; line-height:38px; text-indent: 2em;}



.mainb ul{float:right;width:180px;height:38px;}

.mainb ul li{float:left;width:68px;height:36px;}



}







@media screen and (min-width:551px) and (max-width:600px){



.mainb samp { width:30%; height:60%; margin-bottom:2%; }

.mainb samp img{ width:100%; }

.mainb span {width:55%; font-size:20px; line-height:36px;}

.mainb p{width:55%; font-size:18px; line-height:38px; text-indent: 2em;}



.mainb ul{float:right;width:180px;height:38px;}

.mainb ul li{float:left;width:68px;height:36px;}



}





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



.mainb samp { width:25%; height:60%; margin-bottom:2%; }

.mainb samp img{ width:100%; }

.mainb span {width:55%; font-size:20px; line-height:36px;}

.mainb p{width:55%; font-size:22px; line-height:46px; text-indent: 2em;}



.mainb ul{float:right;width:180px;height:38px;}

.mainb ul li{float:left;width:68px;height:36px;}



}