@charset "gb2312";
/* CSS Document */

/*È«¾ÖÉêÃ÷*/
body{margin: 0 auto;padding: 0;width: 100%;max-width: 640px;min-width: 320px;font-family: "Microsoft YaHei";background: #FFFFFF;}
ul{list-style: none;}
a{text-decoration: none;}
a,img{display: block;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
.clear{clear: both;}

.bggray{background: #e5e5e5;}
.bgred{background: #CC0000;}
.bgblue{background: #003399;}

.colwhite{color: #FFFFFF;}

.zx1{width: 100%;margin: .5rem 0;}
.zx1 a{display: block;width: 100%;height: 3rem;line-height: 3rem;text-align: center;color: #898888;border-radius: .4rem;}
.zx1 a span{display: inline-block;width: 1rem;height: 1rem;line-height: 1rem;margin-right: .3rem;text-align: center;color: #FFFFFF;background: #898989;border-radius: 50%;}

.zx{display: -webkit-flex; display: flex;width: 100%;margin: .5rem 0;justify-content: space-between;}
.zx a{width: 48%;height: 2rem;line-height: 2rem;text-align: center;border-radius: .4rem;}

.cont{width: 100%;margin: .8rem 0;}
.cont .main{width: 94%;margin: .5rem 3%;}
.cont .main .tit{width: 100%;margin: .5rem 0;}
.cont .main .tit h2{width: 100%;height: 3rem;line-height: 3rem;margin: .5rem 0;text-align: center;font-size: 1.2rem;color: #003399;border-bottom: 1px solid #CCCCCC;}
.cont .main .tit p{padding: .5rem;margin: .5rem auto;text-align: center;color: #003399;border: 1px solid #003399;border-radius: .4rem;}

.cont .main .img{width: 100%;margin: .5rem 0;}
.cont .main .img a{width: 100%;}
.cont .main .img a img{width: 100%;}


.cont1 .main .slideTxtBox{width: 100%;}
.cont1 .main .slideTxtBox .hd{width: 100%;}
.cont1 .main .slideTxtBox .hd ul{display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;margin: .5rem 0;justify-content: space-between;}
.cont1 .main .slideTxtBox .hd ul li{width: 24%;height: 2rem;line-height: 2rem;text-align: center;color: #003399;border: 1px solid #003399;border-radius: .4rem;}
.cont1 .main .slideTxtBox .hd ul li.on{color: #FFFFFF;background: #003399;}
.cont1 .main .slideTxtBox .bd{width: 100%;}
.cont1 .main .slideTxtBox .bd ul{display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;margin: .5rem 0;justify-content: space-between;}
.cont1 .main .slideTxtBox .bd ul li{position: relative;z-index: 1;margin: .8rem 0;background: #F7F7F7;border-radius: .4rem;}
.cont1 .main .slideTxtBox .bd ul li.l1{width: 100%;}
.cont1 .main .slideTxtBox .bd ul li.l2{width: 49%;}
.cont1 .main .slideTxtBox .bd ul li .img{position: relative;z-index: 2;width: 94%;margin: .5rem 3%;margin-top: -.5rem;}
.cont1 .main .slideTxtBox .bd ul li .img a{width: 100%;}
.cont1 .main .slideTxtBox .bd ul li .img a img{width: 100%;}
.cont1 .main .slideTxtBox .bd ul li .des{width: 94%;margin: .5rem 3%;}
.cont1 .main .slideTxtBox .bd ul li .des p{width: 100%;margin: .3rem 0;color: #666666;}
.cont1 .main .slideTxtBox .bd ul li .des .zx{}
.cont1 .main .slideTxtBox .bd ul li .des .zx a{}

@media screen and (min-width:640px){}
@media screen and (min-width:560px) and (max-width:639px){}
@media screen and (min-width:480px) and (max-width:559px){}
@media screen and (min-width:361px) and (max-width:479px){}
@media screen and (max-width:360px){.cont1 .main .slideTxtBox .hd ul li{font-size: .8rem;}.cont1 .main .slideTxtBox .bd ul li .des p{font-size: .75rem;}}