.height-4{width: 100%;height: 4px;background: #D0D0D0;}
img{display: block;}
.colyellow{color: #ff5316;}
.colred{color: #ef2e39;}
.colwhite{color: #FFF;}
.colblue{color: #007cf0;}
.bgyellow{background: #ff6242;}
.bggreen{background: #0bb6a9;}
.bgblue{background: #007cf0;}
.bgwhite{background: #FFF;}
.bgred{background: #ef2e39;}
.bgdeepred{background: #7d0000;}

.bg{position: relative;z-index: 1;width: 100%;margin: 0;}
.bg1{width: 100%;margin: 0;}
.bg2{width: 100%;margin: 0;background: #d73332;}


.flex{display: -webkit-flex;display: flex;justify-content: space-between;}


.cont{width: 100%;padding: .8rem 0;}
.cont .main{width: 94%;margin: 0 3%;}
.cont .main .tit{width: 100%;margin: 0;}

.img{width: 100%;margin: 0;}
.img a{width: 100%;}
.img a img{width: 100%;}

.banner{width: 100%;}
.banner a{width: 100%;}
.banner a img{width: 100%;}

.cont1{position: relative;z-index: 2;padding-top: 0;}
.cont1 .main{margin-top: 0;padding: 1rem 0;background: #FFFFFF;border: 2px solid #d73332;border-radius: 1rem;-webkit-box-shadow: 0 1rem 1rem #d73332;-o-box-shadow: 0 1rem 1rem #d73332;-ms-box-shadow: 0 1rem 1rem #d73332;box-shadow: 0 1rem 1rem #d73332;}
.cont1 .main .tit{width: 100%;}
.cont1 .main .tit img{width: 69%;margin: 0 auto;}
.cont1 .main ul{display: -webkit-flex;display: flex;flex-wrap: wrap;width: 94%;margin: 1rem 3%;justify-content: space-between;}
.cont1 .main ul li{width: 48%;margin: .5rem 0;}
.cont1 .main ul li a{width: 100%;}
.cont1 .main ul li a img{width: 100%;margin: .5rem 0;}
.cont1 .main .zx1{width: 70%;margin: 1rem 15%;}
.cont1 .main .zx1 a{width: 100%;}
.cont1 .main .zx1 a img{width: 100%;}



.cont2{position: relative;z-index: 1;margin-top: 1rem;}
.cont2 .main .tit{width: 100%;margin: .5rem 0;}
.cont2 .main .tit h2{text-align: center;color: #333333;}
.cont2 .main ul{display: -webkit-flex;display: flex;flex-wrap: wrap;width: 100%;margin: 1rem 0;justify-content: space-between;}
.cont2 .main ul li{width: 48%;margin: .5rem 0;border: 1px solid #d73332;}
.cont2 .main ul li a{width: 100%;}
.cont2 .main ul li a img{width: 94%;margin: .5rem 3%;}
.cont2 .main ul li a h3{width: 100%;height: 2rem;line-height: 2rem;text-align: center;color: #FFFFFF;background: #d73332;}

.cont3{position: relative;z-index: 1;background: #FFFFFF;}
.cont3 .main{width: 100%;margin: 0;}
.cont3 .main .tit{width: 100%;}
.cont3 .main .tit img{width: 76%;margin: 0 auto;}
.cont3 .main .tit h2{text-align: center;font-size: 1.4rem;color: #1673fc;}
.cont3 .main .bg3{width: 100%;margin-top: 1rem;padding: 1rem 0;background: #d73332;}
.cont3 .main ul{display: -webkit-flex;display: flex;flex-wrap: wrap;width: 94%;margin: 0 3%;justify-content: space-between;}
.cont3 .main ul li{width: 48%;margin: .5rem 0;}
.cont3 .main ul li.l1{width: 100%;}
.cont3 .main ul li a{width: 100%;}
.cont3 .main ul li a img{width: 100%;}

@media screen and (min-width:640px){.bg1{height: 31rem;}.bg2{height: 31rem;}.cont1{margin-top: -60rem;}.cont2{margin-top: 8rem;}.cont2 .main .tit h2{font-size: 2.6rem;}.cont2 .main ul li a h3{font-size: 1rem;}}
@media screen and (min-width:589px) and (max-width:639px){.bg1{height: 30rem;}.bg2{height: 30rem;}.cont1{margin-top: -59rem;}.cont2{margin-top: 8rem;}.cont2 .main .tit h2{font-size: 2.3rem;}.cont2 .main ul li a h3{font-size: .95rem;}}
@media screen and (min-width:532px) and (max-width:588px){.bg1{height: 28rem;}.bg2{height: 28rem;}.cont1{margin-top: -55rem;}.cont2{margin-top: 8rem;}.cont2 .main .tit h2{font-size: 2.1rem;}.cont2 .main ul li a h3{font-size: .95rem;}}
@media screen and (min-width:475px) and (max-width:531px){.bg1{height: 26rem;}.bg2{height: 26rem;}.cont1{margin-top: -51rem;}.cont2{margin-top: 8rem;}.cont2 .main .tit h2{font-size: 1.9rem;}.cont2 .main ul li a h3{font-size: .9rem;}}
@media screen and (min-width:418px) and (max-width:474px){.bg1{height: 24rem;}.bg2{height: 24rem;}.cont1{margin-top: -47rem;}.cont2{margin-top: 7rem;}.cont2 .main .tit h2{font-size: 1.7rem;}.cont2 .main ul li a h3{font-size: .9rem;}}
@media screen and (min-width:361px) and (max-width:417px){.bg1{height: 22rem;}.bg2{height: 22rem;}.cont1{margin-top: -43rem;}.cont2{margin-top: 7rem;}.cont2 .main .tit h2{font-size: 1.5rem;}.cont2 .main ul li a h3{font-size: .9rem;}}
@media screen and (max-width:360px){.bg1{height: 20rem;}.bg2{height: 20rem;}.cont1{margin-top: -39rem;}.cont2{margin-top: 5rem;}.cont2 .main .tit h2{font-size: 1.4rem;}.cont2 .main ul li a h3{font-size: .9rem;}}