@charset "gb2312";
*{padding:0;margin:0;border:0}
body{width: 100%;max-width: 640px;min-width: 360px;margin: 0 auto;padding: 0;font-family: 'Î¢ÈíÑÅºÚ','Microsoft YaHei',arial,Helvetica,sans-serif;color:#333;}
ul,li{margin:0;padding:0;list-style:none}
img{display: block;border:0;vertical-align:middle}
a,a:hover{text-decoration:none;cursor:pointer}

.clear{clear:both}
.bgwhite{background: #FFFFFF;}
.bggreen{background: #e5f1d4;}
.colwhite{color: #FFFFFF;}
.colblue{color: #0e5ee7;}
.bggray{background: #e5e5e5;}
.bg1{background: #ec6941;}
.bg2{background: #80c269;}
.bg3{background: #00b7ee;}
.bg4{background: #13b5b1;}
.bg5{background: #eb6877;}
.bg6{background: #f19149;}


.bdradius04{border-radius: .4rem;}
.bdradius05{border-radius: .5rem;}
.bdradius08{border-radius: .8rem;}
.bdradius15{border-radius: 1.5rem;}
.bd-1-sl-0e5ee7{border: 1px solid #0e5ee7;}


.zx1{width: 80%;margin: .5rem 10%;}
.zx1 a{display: block;height: 3rem;line-height: 3rem;text-align: center;font-size: 1.2rem;color: #FFFFFF;background: #e90101;border-radius: .5rem;}
.zx1 a:hover{font-size: 1.3rem;}


.cont{width: 100%;margin: 0;padding: .8rem 0;}
.cont .main{width: 94%;margin: 0 3%;}
.cont .main .tit{width: 100%;margin: .5rem 0;border-bottom: 1px dashed #999999;}
.cont .main .tit h2{width: 100%;margin: .5rem 0;text-align: center;font-size: 1.4rem;color: #333333;}
.cont .main .tit h2 strong{display: inline-block;color: #048bff;}
.cont .main .img{width: 100%;margin: .3rem 0;}
.cont .main .img a{width: 100%;}
.cont .main .img a img{width: 100%;}

.cont .main ul{display: -webkit-flex;display: flex;flex-wrap: wrap;width: 96%;margin: 0 2%;align-items: center;justify-content:space-between;overflow: hidden;}
.cont .main ul li{width: 32%;margin: .3rem 0;}
.cont .main ul li a{display: block;}
.cont .main ul li a img{width: 100%;}

.banner{width: 100%;} 
.banner a{width: 100%;}
.banner a img{width: 100%;}

.cont1 .main .des{padding: .5rem 1rem;background: #d4ecf8;}
.cont1 .main .des p{line-height: 1.5;font-size: rem;text-indent: 2rem;}

.cont2 .main ul li{margin: .5rem 0;}
.cont2 .main ul li h3{width: 80%;margin: 0 10%;padding: .3rem 0;text-align: center;font-size: .9rem;color: #333333;background: #FFFFFF;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.cont2 .main ul li .des{padding: 10px;border-radius: 8px;}
.cont2 .main ul li .des p{width: 90%;margin: 10px 5%;font-size: .9rem;color: #FFFFFF;}


@media screen and (min-width:640px){.cont2 .main ul li h3{font-size: 1.2rem;}.cont2 .main ul li .des p{font-size: 1rem;}}
@media screen and (min-width:589px) and (max-width:639px){.cont2 .main ul li h3{font-size: 1.2rem;}.cont2 .main ul li .des p{font-size: 1rem;}}
@media screen and (min-width:532px) and (max-width:588px){.cont2 .main ul li h3{font-size: 1.1rem;}.cont2 .main ul li .des p{font-size: .95rem;}}
@media screen and (min-width:475px) and (max-width:531px){.cont2 .main ul li h3{font-size: 1rem;}.cont2 .main ul li .des p{font-size: .9rem;}}
@media screen and (min-width:418px) and (max-width:474px){.cont2 .main ul li h3{font-size: .9rem;}.cont2 .main ul li .des p{font-size: .8rem;}}
@media screen and (min-width:361px) and (max-width:417px){.des2{display: none;}.cont2 .main ul li h3{font-size: .9rem;}.cont2 .main ul li .des p{font-size: .7rem;}}
@media screen and (max-width:360px){.des2{display: none;}.cont2 .main ul li h3{font-size: .9rem;}.cont2 .main ul li .des p{font-size: .7rem;}}

