@charset "gb2312";
/* CSS Document */
body {width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;margin-bottom: 3rem;font-family: 'Microsoft YaHei',Helvetica Neue, Helvetica, Arial, sans-serif;}
ul{list-style: none;}
a{text-decoration: none;}
img{display: block;}
.clear{clear: both;}
.height-1{width: 100%;height: .2rem;background: #F0F0F0;}

.cont{width: 100%;margin: 0;padding: .5rem 0;}
.cont .main{width: 96%;margin: .8rem 2%;}
.cont .main h3{width: 100%;margin: .5rem 0;text-align: center;font-size: 1.2rem;color: #343434;}
.zx1{width: 100%;margin: .5rem 0;}
.zx1 a{display: block;width: 100%;margin: .3rem 0%;text-align: center;font-size: 1rem;color: #FFF;background: #ff1c1c;border-radius: .8rem; height: 3rem; line-height: 3rem;}
.zx1 a:hover{font-size: 1.1rem;}

/*banner*/
.banner .bd{position: relative;}
.banner .bd ul{width: 100%;}
.banner .bd ul li{width: 100%;}
.banner .bd ul li a{width: 100%;}
.banner .bd ul li a img{width: 100%;}
.banner .hd{position: relative;z-index: 2;height: 1rem;margin-top: -1.5rem;}
.banner .hd ul{display: -webkit-flex;display: flex;width: 100%;justify-content: center;}
.banner .hd ul li{width: .8rem;height: .8rem;margin: .3rem;color: #000;border: 1px solid #FFF;border-radius: 50%;}
.banner .hd ul li.on{color: #FFF;background: #FFF;}


/*第一部分*/
.cont1 .main p{width: 100%;margin: .3rem 0;text-align: center;font-size: .9rem;color: #565656;}
.cont1 .main p font{font-weight: bold;color: #C00;}
.cont1 .main form{width: 100%;background: #FFF;}
.cont1 .main form ul{width: 96%;margin: .5rem 2%;padding: .3rem 0;}
.cont1 .main form ul li.li0{display: -webkit-flex; display: flex;width: 100%;margin: .3rem 0;padding: .1rem 0;justify-content: space-between;}
.cont1 .main form ul li.li0 label{width: 20%;height: 2.2rem;line-height: 2.2rem;text-align: center;color: #343434;background: #EEE;}
.cont1 .main form ul li.li0 input{display: block;width: 79%;height: 2.2rem;line-height: 2.2rem;text-indent: .2rem;border: 0;color: #666;background: #EEE;}
.cont1 .main form ul li.li1 input#submit{display: block;width: 100%;height: 3rem;line-height: 3rem;;margin: .5rem 0;text-align: center;font-size: 1rem;color: #FFF;background: #ff1c1c;border: 0;}
.cont1 .main form ul li.li1 input#submit:hover{font-size: 1.1rem;}


/*第二部分*/
.cont2 .main ul{display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;margin: .5rem 0;justify-content: space-between;}
.cont2 .main ul li{width: 49%;margin: .3rem 0;}
.cont2 .main ul li a{position: relative;width: 100%;}
.cont2 .main ul li a img{width: 100%;}
.cont2 .main ul li a p{position: relative;z-index: 2;height: 1.5rem;line-height: 1.5rem;margin-top: -1.5rem;text-align: center;color: #FFF;background: rgba(0,0,0,.3);}

/*第三部分*/
.cont3 .main ul{display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;margin: .5rem 0;justify-content: space-between;}
.cont3 .main ul li{width: 32%;margin: .3rem 0;}
.cont3 .main ul li a{display: block;width: 100%;height: 2rem;line-height: 2rem;text-align: center;font-size: .8rem;color: #FFF;background: #269aed;border-radius: .3rem;}
