@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,li{margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333;}
img{display: block;}
.clear{clear: both;}

.colwhite{color: #FFFFFF;}
.colblue{color: #0099FF;}
.bgwhite{background: #FFFFFF;}
.bgblue{background: #0099FF;}

.cont{width: 100%;padding: .5rem 0;}
.cont .main{width: 94%;margin: .8rem 3%;}
.cont .main .tit{width: 100%;margin: .3rem 0;border-bottom: 1px solid #DDDDDD;}
.cont .main .tit h2{width: 100%;margin: 0;padding: .3rem 0;text-align: center;}
.cont .main .tit p{margin: .3rem 0;text-align: center;color: #666666;}
.cont .main .des{line-height: 1.5;text-indent: 2rem;font-size: .8rem;}
.cont .main ul{display: -webkit-flex; display: flex;flex-wrap: wrap;width: 100%;margin: .5rem 0;justify-content: space-between;}
.cont .main ul li{width: 48%;margin: .3rem 0;}
.cont .main ul li a{position: relative;display: block;width: 100%;}
.cont .main ul li a img{width: 100%;}
.cont .main ul li a p{position: absolute;bottom: 0;left: 0;width: 100%;height: 2rem;line-height: 2rem;margin: 0;text-align: center;font-size: .8rem;color: #FFFFFF;background: rgba(0,0,0,.5)}

.more .main .picScroll-left{display: -webkit-flex; display: flex;width: 100%;justify-content: space-between;}
.more .main .picScroll-left .bd{width: 100%;margin: 0;}
.more .main .picScroll-left .bd ul{display: -webkit-flex; display: flex;width: 100%;margin: .5rem 0;justify-content: space-between;}
.more .main .picScroll-left .bd ul li{width: 32%;margin: .3rem .2rem;}
.more .main .picScroll-left .bd ul li .pic{width: 100%;}
.more .main .picScroll-left .bd ul li .pic a{position: relative;display: block;width: 100%;margin: .3rem 0;}
.more .main .picScroll-left .bd ul li .pic a img{width: 100%;}
.more .main .picScroll-left .bd ul li .pic a p{position: absolute;bottom: 0;left: 0;width: 100%;height: 1.6rem;line-height: 1.6rem;margin: 0;text-align: center;font-size: .8rem;color: #FFFFFF;background: rgba(0,0,0,.5)}

.zx1{width: 100%;margin: .5rem 0;}
.zx1 a{display: block;width: 100%;height: 3rem;line-height: 3rem;margin: ;text-align: center;font-size: 1rem;color: #FFFFFF;background: #0099FF;border-radius: .4rem;}

/*banner*/
.banner{position: relative;width: 100%;}
.banner video{width: 100%;}
.banner .tit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #FFF;background: rgba(0,0,0,.4);}
.banner .tit h2{margin: .5rem 0;text-align: center;font-size: 1.5rem;}
.banner .tit p{margin: .5rem 0;text-align: center;font-size: 1rem;}

@media screen and (min-width:640px){.banner .tit h2{margin: 1rem 0;font-size: 2rem;}.banner .tit p{margin: .5rem 0;font-size: 1rem;}.cont .main .des{font-size: 1rem;}.cont .main ul li a p{font-size: 1rem;}}
@media screen and (min-width:589px) and (max-width:639px){.banner .tit h2{margin: 1rem 0;font-size: 2rem;}.banner .tit p{margin: .5rem 0;font-size: 1rem;}.cont .main .des{font-size: 1rem;}.cont .main ul li a p{font-size: 1rem;}}
@media screen and (min-width:532px) and (max-width:588px){.banner .tit h2{margin: .8rem 0;font-size: 2rem;}.banner .tit p{margin: .5rem 0;font-size: 1rem;}.cont .main .des{font-size: 1rem;}.cont .main ul li a p{font-size: 1rem;}}
@media screen and (min-width:475px) and (max-width:531px){.banner .tit h2{margin: .6rem 0;font-size: 2rem;}.banner .tit p{margin: .5rem 0;font-size: 1rem;}.cont .main .des{font-size: 1rem;}.cont .main ul li a p{font-size: 1rem;}}
@media screen and (min-width:418px) and (max-width:474px){.banner .tit h2{margin: .5rem 0;font-size: 1.8rem;}.banner .tit p{margin: .5rem 0;font-size: 1rem;}.cont .main .des{font-size: .9rem;}.cont .main ul li a p{font-size: .9rem;}}
@media screen and (min-width:361px) and (max-width:417px){.banner .tit h2{margin: .5rem 0;font-size: 1.5rem;}.banner .tit p{margin: .5rem 0;font-size: .9rem;}.cont .main .des{font-size: .85rem;}.cont .main ul li a p{font-size: .85rem;}}


/*第一部分*/


/*第二部分*/


/*第三部分*/