.anchorPoint { position: absolute; display: block; z-index: -1; top: -85px; left: 0; }

/* 第一屏 */
.oneBox { position: relative; width: 100%; height: 572px; background-size: cover !important; }
.oneBoxH5 { width: 100%; }
.oneBoxH5 img { width: 100%; }
/* 第二屏 */
.twoBox { position: relative; width: 100%; height: 680px; background: #fff; }
.twoBox h2 { font-weight: normal; width: 100%; line-height: 220px; text-align: center; font-size: 48px; color: #393939; }
.twoBox h2 b { font-weight: normal; color: #2c3998; }
.twoBox ul { width: 1200px; height: 325px; margin: 0 auto; }
.twoBox ul li { width: 278px; height: 323px; cursor: pointer; padding: 15px; text-align: center; font-family: SOURCEHANSANSCN-Regular; background: #fff; box-shadow: 5px 5px 10px rgba(204, 204, 204, .5); border: 1px solid #fbfbfb; float: left; margin-left: 26px; }
.twoBox ul li:first-child { margin: 0; }
.twoBox ul li h4 { font-size: 24px; color: #7d7d7d; font-weight: normal; line-height: 65px; }
.twoBox ul li img { width: 70px; height: 70px; margin: 20px auto; }
.twoBox ul li p { font-size: 14px; color: #7d7d7d; line-height: 30px; }
.twoBox ul li p span { color: #2c3998; }
.twoBoxImg { display: block; }
.twoBoxImgH { display: none; }
.twoBox ul li:hover { background: #2c3998; }
.twoBox ul li:hover > h4 { color: #fff; }
.twoBox ul li:hover > p { color: #fff; }
.twoBox ul li:hover > p span { color: #ffcd33; }
.twoBox ul li:hover > .twoBoxImgH { display: block; }
.twoBox ul li:hover > .twoBoxImg { display: none; }
/* 第三屏 */
.threeBox { position: relative; width: 100%; height: 700px; background: #f4f5f5; }
.threeBox h2 { font-weight: normal; width: 100%; line-height: 220px; text-align: center; font-size: 48px; color: #393939; }
.threeBox h2 b { font-weight: normal; color: #2c3998; }
.threeMain { width: 1200px; height: 353px; margin: 0 auto; }
.threeMain ul { width: 100%; }
.threeMain li { margin-right: 30px; padding: 15px 20px 15px 125px; background: #fff; margin-bottom: 40px; width: 378px; height: 156px; cursor: pointer; border: 1px solid #dcdcdc; float: left; background: url('../img/etcThree2.png') no-repeat left center; }
.threeMain li:first-child { background: url('../img/etcThree1.png') no-repeat left center; }
.threeMain li:nth-child(3n) { margin-right: 0; background: url('../img/etcThree3.png') no-repeat left center; }
.threeMain li:last-child { margin: 0; padding: 15px 20px 15px 200px; width: 1198px; background: url('../img/etcThree4.png') no-repeat left center; }
.threeMain li h4 { font-size: 20px; color: #313131; line-height: 40px; font-weight: normal; }
.threeMain li:last-child > h4 { font-size: 26px; margin-top: 15px; }
.threeMain li p { font-size: 14px; color: #484d4f; line-height: 20px; font-family: SOURCEHANSANSCN-Regular; }
.threeMain li p a { color: #29378f; }
.threeMain li:last-child > p { line-height: 25px; }
.threeMain li:hover { box-shadow: 5px 5px 10px rgba(204, 204, 204, .5); }
/* 第四屏 */
.fourBox { position: relative; width: 100%; height: 860px; background: #ffcd33; }
.fourBox h2 { font-weight: normal; width: 100%; line-height: 220px; text-align: center; font-size: 48px; color: #393939; }
.fourBox h2 b { font-weight: normal; color: #2c3998; }
.fourMain { width: 1200px; margin: 0 auto; }
.fourSearch { width: 100%; height: 40px; }
.fourSelect { cursor: pointer; display: inline-block; position: relative; padding-left: 20px; width: 600px; height: 38px; border: 1px solid #2c3998; background: url('../img/etcSixSelect.jpg') no-repeat right center #fff; }
.fourSelect input { outline: none; line-height: 36px; width: 340px; color: #7d7d7d; font-size: 19px; }
.fourSelect:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.fourSelect ul { position: absolute; z-index: 10; top: 37px; left: 0; background: #fff; display: none; width: 100%; box-shadow: 0 0 10px rgba(204, 204, 204, .5); }
.fourSelect ul li { padding-left: 20px; line-height: 40px; font-size: 18px; color: #7d7d7d; }
.fourSelect ul li:hover { color: #ffcd33; background: #2c3998; }
.fourSelect:hover > ul { display: block; }
#fourButton1 { display: none; margin: 0 18px 0 33px; vertical-align: top; cursor: pointer; text-align: center; line-height: 38px; width: 130px; height: 38px; background: #2c3998; color: #ffcd33; font-size: 20px; font-family: SOURCEHANSANSCN-Regular; }
#fourInput2 { float: right; vertical-align: top; background: #fff; padding-left: 20px; width: 500px; height: 38px; border: 1px solid #2c3998; color: #7d7d7d; font-size: 19px; }
#fourButton2 { vertical-align: top; cursor: pointer; text-align: center; width: 55px; height: 38px; border: 1px solid #2c3998; background: url('../img/etcSixSearch.png') no-repeat center #2c3998; float: right; }
.fourTable { width: 1200px; text-align: center; margin-top: 25px; background: #fff; overflow: hidden; }
.fourHrBox { width: 100%; height: 80px; overflow: hidden; }
.fourHr { width: 100%; overflow-x: auto; background: #2c3998; }
.fourContent { min-height: 348px; max-height: 452px; overflow: auto; }
.fourHr ul { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.fourHr ul li { min-width: 170px; height: 80px; padding: 0 20px; font-size: 29px; color: #fff; background: #2c3998; font-family: SOURCEHANSANSCN-Regular; line-height: 80px; }
.fourHr li:first-child { border-right: 5px solid #fff; position: relative; }
.fourHr li span { display: block; width: 70px; height: 40px; line-height: 40px; }
.fourHr li span:first-child { position: absolute; top: 10px; right: 10px; }
.fourHr li span:last-child { position: absolute; bottom: 10px; left: 10px; }
.fourContent { min-height: 348px; max-height: 452px; overflow: auto; }
.fourContent h4 { display: none; width: 100%; height: auto; text-align: center; color: #7d7d7d; font-size: 18px; font-family: SOURCEHANSANSCN-Regular; line-height: 100px; }
.fourContent dl { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.fourContent dl:nth-child(odd) { background: #fff; }
.fourContent dl:nth-child(even) { background: #f4f4f5; }
.fourContent dl:nth-child(odd) > dd { background: #fff; }
.fourContent dl:nth-child(even) > dd { background: #f4f4f5; }
.fourContent dd { min-width: 170px; height: 87px; text-align: center; padding: 0 20px; font-size: 29px; color: #7d7d7d; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.discount { color: #2c3998; }
.fourContent dd h5 { font-weight: normal; font-size: 12px; color: #7d7d7d; }
.fourContent dd p { font-size: 40px; display: flex; justify-content: center; align-items: flex-end; }
.fourContent dd p b { font-weight: normal; font-size: 20px; margin: 0 2px 10px 0; }
.fourContent dd p i { font-weight: normal; font-size: 15px; font-style: normal; margin-bottom: 10px; }
/* 第五屏 */
.fiveBox { position: relative; width: 100%; height: 850px; background: #fff; }
.fiveBox h2 { font-weight: normal; width: 100%; line-height: 220px; text-align: center; font-size: 48px; color: #393939; }
.fiveBox h2 b { font-weight: normal; color: #2c3998; }
.fiveMain { position: relative; width: 1200px; height: 457px; margin: 0 auto; border: 1px solid #bcbbbb; }
.fiveMainButton { position: absolute; left: -1px; top: 0; z-index: 10; width: 260px; user-select: none; }
.fiveMainButton li { width: 260px; margin-top: 30px; text-align: center; line-height: 88px; height: 88px; border: 1px solid #bcbbbb; background: #e8e9e9; cursor: pointer; color: #7d7d7d; font-size: 29px; }
.fiveMainButton li:hover { color: #2c3998; background: #ffcd33; }
.fiveActive { color: #2c3998 !important; background: #ffcd33 !important; }
.five2 { display: none; }
.fiveContent { padding: 30px 90px 30px 330px; }
.fiveContent h4 { font-size: 24px; margin-bottom: 10px; color: #313131; opacity: .3; line-height: 30px; font-weight: normal; }
.fiveContent p { font-size: 14px; color: #313131; line-height: 25px; margin-bottom: 20px; }
.fiveContent ul { text-align: center; }
.fiveContent li { display: inline-block; position: relative; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; margin: 35px 45px; cursor: pointer; border-radius: 3px; background: #2c3998; color: #ffcd33; font-family: SOURCEHANSANSCN-Regular; }
.fiveContent li:hover { background: #ffcd33; color: #2c3998; }
.fiveEwm { visibility: hidden; opacity: 0; position: absolute; padding: 10px; top: 55px; left: 50%; background: #fff; transform: translateX(-50%); width: 460px; height: 245px; box-shadow: 0 0 10px rgba(204, 204, 204, .5); }
.fiveEwm dd { float: left; margin: 0 10px; width: 200px; height: 100%; text-align: center; }
.fiveEwm dd img { width: 200px; display: block; }
.fiveEwm span { width: 100%; font-size: 19px; color: #313131; }
.fiveEwm:after { position: absolute; content: ''; top: -15px; left: 50%; transform: translateX(-50%); border-top: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; }
.fiveContent li:hover > .fiveEwm { visibility: visible; opacity: 1; bottom: 45px; z-index: 99; }
/* 第六屏 */
/*.sixBox { position: relative; width: 100%; height: 940px; background: url('../img/etcSixBg.jpg') no-repeat center; }*/
.sixBox { position: relative; width: 100%; height: 1051px; background: url('../img/etcSixBg.jpg') no-repeat center; background-size: 90%; }
.sixBox h2 { font-weight: normal; width: 100%; line-height: 100px; text-align: center; font-size: 48px; color: #393939; }
.sixBox h2 b { font-weight: normal; color: #2c3998; }
.sixMapBox { overflow: hidden; position: absolute; z-index: 0; top: 170px; left: 50%; margin-left: -675px; width: 790px; height: 660px; display: none; }
#chinaMap { position: absolute; top: -155px; left: -90px; width: 950px; height: 950px; }
/*.sixMain { position: absolute; left: 50%; margin-left: -30px; top: 430px; width: 680px; height: auto; }*/
.sixMain { position: absolute; left: 50%; margin-left: 50px; top: 235px; width: 680px; height: auto; }
.sixMain h2 { font-weight: normal; width: 100%; line-height: 100px; text-align: center; font-size: 48px; color: #393939; }
.sixMain h2 b { font-weight: normal; color: #2c3998; }
.sixMain h4 { font-size: 18px; line-height: 50px; color: #4f4f50; text-align: left; font-family: SOURCEHANSANSCN-Regular; }
.sixTable { width: 100%; height: auto; text-align: center; border: 1px solid #7d7d7d; background: #eceeee; }
.sixHr { width: 100%; height: 55px; background: #e8e9e9; }
.sixHr ul { width: 100%; display: block; }
.sixHr ul li { float: left; font-size: 18px; color: #2c3998; background: #e8e9e9; font-family: SOURCEHANSANSCN-Regular; line-height: 55px; height: 55px; }
.sixContent { width: 100%; height: 300px; overflow-y: auto; font-size: 14px; color: #7d7d7d; }
.sixContent h5 { display: none; width: 100%; height: auto; text-align: center; color: #7d7d7d; font-size: 18px; font-family: SOURCEHANSANSCN-Regular; line-height: 100px; }
.sixContent ul { width: 100%; }
.sixContent ul li { padding: 10px 0; }
.sixContent ul li:nth-child(odd) { background: #f4f4f5; }
.sixContent ul li:nth-child(even) { background: #e8e9e9; }
.sixContent dl { width: 100%; height: 40px; clear: both; display: flex; align-items: center; }
.sixContent dd { padding: 0 5px; }
.sixContent dd:nth-child(1) { width: 130px; }
.sixContent dd:nth-child(2) { width: 130px; }
.sixContent dd:nth-child(3) { width: 416px; text-align: left; }
.sixContent dd:nth-child(4) { width: 130px; }
/* 第七屏 */
.sevenBox { width: 100%; height: 540px; padding: 100px 0; background: #fffdfd; }
.sevenMain { width: 1198px; height: 273px; border: 1px solid #d0d0d0; margin: 0 auto; box-shadow: 5px 5px 5px rgba(204, 204, 204, .2); }
.seven1 { width: 305px;  padding: 140px 0 0 45px; float: left; }
.seven1 h3 { font-size: 29px; color: #4f4f50; line-height: 45px; font-family: SOURCEHANSANSCN-Regular; font-weight: normal; }
.seven1 h4 { font-size: 19px; color: #d0d0d0; line-height: 25px; font-family: SOURCEHANSANSCN-Regular; font-weight: normal; }
.seven2 { width: 435px; float: left; padding-top: 45px; }
.seven2 h3 { font-weight: normal; font-size: 29px; color: #717171; font-family: SOURCEHANSANSCN-Regular; line-height: 80px; border-bottom: 1px solid #d0d0d0; }
.seven2Box { margin-top: 17px; }
.seven2Box img { float: left; width: 110px; height: 110px; margin-right: 10px; }
.seven2Box p { font-size: 18px; padding-top: 50px; color: #717171; line-height: 25px; font-family: SOURCEHANSANSCN-Regular; }
.seven2Box p:last-child { padding-top: 10px; }
.seven3 {float: right; width: 345px; padding: 80px 45px 0 0; }
.sevenEwm { padding: 10px; width: 390px; }
.sevenEwm dd { float: left; margin: 0 18px; width: 133px; height: 100%; text-align: center; }
.sevenEwm dd img { width: 133px; display: block; }
.sevenEwm span { width: 100%; font-size: 14px; color: #484949; line-height: 30px; font-family: SOURCEHANSANSCN-Regular; }
/* 第八屏 */
.eightBox { position: relative; width: 100%; height: 885px; background: #fff; font-family: SOURCEHANSANSCN-Regular; }
.eightBox h2 { font-weight: normal; width: 100%; line-height: 120px; padding-top: 0; text-align: center; font-size: 48px; color: #393939; }
.eightBox h2 b { font-weight: normal; color: #2c3998; }
.eightBox h3 {     font-weight: normal; width: 100%; text-align: center; line-height: 40px; font-size: 36px; color: #484d4f; }
.eightMain { width: 1200px; margin: 20px auto; }
.eightImg { width: 950px; height: 520px; margin: 0px auto; }
.eightImg img { height: 500px; }
.eightImg img:last-child { float: right; }
.eightText { width: 1000px; height: 100px; margin: 0 auto; }
.eightText li { float: left; width: 300px; margin-right: 50px; text-align: center; }
.eightText li:last-child { margin: 0; }
.eightText li h4 { font-size: 30px; color: #484d4f; line-height: 40px; margin-bottom: 10px; }
.eightText li img { vertical-align: bottom; font-size: 45px; }
.eightText li p { font-size: 16px; line-height: 30px; color: #484d4f; }
/***************** h5  *****************/
/* 第二屏 */
.twoBoxH5 { padding: 0 0.2rem; font-family: SOURCEHANSANSCN-Regular; }
.twoBoxH5 h2 { width: 100%; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #393939; }
.twoBoxH5 h2 b { font-weight: normal; color: #2c3998; }
.twoBoxH5 ul { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
.twoBoxH5 li { width: 46%; margin-bottom: 0.5rem; height: 5.6rem; text-align: center; box-shadow: 5px 5px 10px rgba(204, 204, 204, .5); }
.twoBoxH5 li h4 { line-height: 1.2rem; background: #2c3998; color: #fff; font-size: 0.4rem; }
.twoBoxH5 li img { max-width: 2rem; width: 30%; margin: 0.2rem auto; }
.twoBoxH5 li p { font-size: 0.24rem; color: #7d7d7d; padding: 0.15rem; line-height: 0.5rem; }
.twoBoxH5 li p span { color: #2c3998; }
/* 第三屏 */
.threeBoxH5 { padding: 0 0.2rem 0.5rem; font-family: SOURCEHANSANSCN-Regular; background: #f4f5f5; }
.threeBoxH5 h2 { width: 100%; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #393939; }
.threeBoxH5 h2 b { font-weight: normal; color: #2c3998; }
.threeMainH5 { width: 100%; }
.threeMainH5 li { display: flex; justify-content: flex-start; align-items: center; padding: 0.25rem; border: 1px solid #dcdcdc; background: #fff; margin-bottom: 0.2rem; }
.threeMainH5 li img { display: block; width: 2rem; margin-right: 0.2rem; }
.threeMainH5 li h4 { color: #2c3998; font-size: 0.45rem; }
.threeMainH5 li p { font-size: 0.24rem; color: #313131; line-height: 0.5rem; }
/* 第四屏 */
.fourBoxH5 { padding: 0 0.2rem 0.5rem; font-family: SOURCEHANSANSCN-Regular; background: #ffcd33; }
.fourBoxH5 h2 { width: 100%; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #393939; }
.fourBoxH5 h2 b { font-weight: normal; color: #2c3998; }
.fourMainH5 { width: 100%; }
.fourSearchH5 { width: 100%; display: flex; }
#fourInputH5 { outline: none; padding: 0.15rem; line-height: 0.5rem; width: 80%; color: #7d7d7d; font-size: 0.4rem; border: 1px solid #2c3998; }
#fourButtonH5 { outline: none; line-height: 0.5rem; width: 20%; color: #7d7d7d; font-size: 0.4rem; border: 1px solid #2c3998; background: #2c3998; color: #ffcd33 }
.fourTableH5 { text-align: center; margin-top: 0.2rem; background: #fff; overflow-x: auto; }
.fourHrH5 { background: #2c3998; }
.fourHrH5 ul { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.fourHrH5 ul li { min-width: 2.25rem; height: 1rem; line-height: 1rem; padding: 0 0.1rem; font-size: 0.4rem; color: #fff; background: #2c3998; font-family: SOURCEHANSANSCN-Regular; }
.fourHrH5 li:first-child { border-right: 1px solid #fff; position: relative; }
.fourHrH5 li span { display: block; }
.fourHrH5 li span:first-child { position: absolute; top: -0.2rem; right: 0.1rem; }
.fourHrH5 li span:last-child { position: absolute; bottom: -0.2rem; left: 0.1rem; }
.fourContentH5 { min-height: 4rem; }
.fourContentH5 h4 { display: none; width: 100%; height: auto; text-align: center; color: #7d7d7d; font-size: 0.4rem; font-family: SOURCEHANSANSCN-Regular; line-height: 1rem; }
.fourContentH5 dl { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.fourContentH5 dl:nth-child(odd) { background: #fff; }
.fourContentH5 dl:nth-child(even) { background: #f4f4f5; }
.fourContentH5 dl:nth-child(odd) > dd { background: #fff; }
.fourContentH5 dl:nth-child(even) > dd { background: #f4f4f5; }
.fourContentH5 dd { min-width: 2.25rem; height: 2rem; text-align: center; padding: 0 0.1rem; font-size: 0.4rem; color: #7d7d7d; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.fourContentH5 dd p span { font-size: 0.6rem; }
.fourContentH5 dd p b { font-size: 0.3rem; }
.fourContentH5 dd p i { font-size: 0.24rem; font-style: normal; }
.fourContentH5 dd h5 { font-size: 0.2rem; }
/* 第五屏 */
.fiveBoxH5 { padding: 0 0.2rem 0.5rem; font-family: SOURCEHANSANSCN-Regular; background: #fff; }
.fiveBoxH5 h2 { width: 100%; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #393939; }
.fiveBoxH5 h2 b { font-weight: normal; color: #2c3998; }
.fiveMainH5 { position: relative; width: 100%; margin: 0 auto; border: 1px solid #bcbbbb; }
.fiveMainButtonH5 { display: flex; position: absolute; left: -1px; top: -1px; z-index: 10; width: 6rem; }
.fiveMainButtonH5 li { padding: 0.2rem; text-align: center; border: 1px solid #bcbbbb; background: #e8e9e9; color: #7d7d7d; font-size: 0.5rem; }
.fiveMainButtonH5 li:hover { color: #2c3998; background: #ffcd33; }
.fiveContentH5 { padding: 1.5rem 0.5rem 1rem; }
.fiveContentH5 h4 { font-size: 0.4rem; margin-bottom: 0.1rem; color: #313131; opacity: .3; }
.fiveContentH5 p { font-size: 0.24rem; color: #313131; line-height: 0.5rem; margin-bottom: 0.2rem; }
.fiveContentH5 dl { width: 6rem; display: flex; justify-content: space-between; margin: 0 auto; }
.fiveContentH5 dd { width: 3rem; height: 100%; text-align: center; }
.fiveContentH5 dd img { width: 100%; display: block; }
.fiveContentH5 span { width: 100%; font-size: 0.3rem; color: #313131; }
.fiveH52 { display: none; }
/* 第六屏 */
/*.sixBoxH5 { padding: 0 0.2rem 0.5rem; font-family: SOURCEHANSANSCN-Regular; background: url('../img/H5/etcSixBgH5.jpg') no-repeat center; background-size: cover; }*/
.sixBoxH5 { padding: 0 0.2rem 0.5rem; font-family: SOURCEHANSANSCN-Regular; background: #f4f5f5; }
.sixMainH5 h2 { width: 100%; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #393939; }
.sixMainH5 h2 b { font-weight: normal; color: #2c3998; }
.sixMainH5 h4 { font-size: 0.3rem; color: #4f4f50; text-align: center; font-family: SOURCEHANSANSCN-Regular; }
.sixMapBoxH5 { position: relative; overflow: hidden; width: 100%; height: 7rem; display: none; }
#chinaMapH5 { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: 10rem; height: 10rem; }
.sixTableH5 { width: 100%; height: auto; text-align: center; border: 1px solid #7d7d7d; background: #eceeee; }
.sixHrH5 { width: 100%; height: 1rem; background: #e8e9e9; }
.sixHrH5 ul { width: 100%; display: block; display: flex; justify-content: space-between; }
.sixHrH5 ul li { font-size: 0.4rem; text-align: center; color: #2c3998; background: #e8e9e9; font-family: SOURCEHANSANSCN-Regular; line-height: 1rem; height: 1rem; }
.sixContentH5 { width: 100%; max-height: 6rem; overflow-y: auto; font-size: 0.24rem; color: #7d7d7d; }
.sixContentH5 h5 { display: none; width: 100%; height: auto; text-align: center; color: #7d7d7d; font-size: 0.24rem; font-family: SOURCEHANSANSCN-Regular; line-height: 1rem; }
.sixContentH5 ul { width: 100%; }
.sixContentH5 ul li:nth-child(odd) { background: #f4f4f5; }
.sixContentH5 ul li:nth-child(even) { background: #e8e9e9; }
.sixContentH5 dl { width: 100%; clear: both; min-height: 1rem; display: flex; justify-content: space-between; align-items: center; padding: 0.15rem 0.05rem; }
.sixContentH5 dd:nth-child(1) { width: 2rem; }
.sixContentH5 dd:nth-child(2) { width: 2rem; }
.sixContentH5 dd:nth-child(3) { width: 3.5rem; text-align: left; }
.sixContentH5 dd:nth-child(4) { width: 2rem; }
/* 第七屏 */
.sevenBoxH5 { padding: 0.5rem 0.2rem; font-family: SOURCEHANSANSCN-Regular; background: #fff; }
.sevenMainH5 { padding: 0.5rem; border: 1px solid #d0d0d0; box-shadow: 5px 5px 5px rgba(204, 204, 204, .2); }
.sevenH51 { border-bottom: 1px solid #d0d0d0; padding-bottom: 0.4rem; }
.sevenH51 h3 { font-size: 0.6rem; color: #4f4f50; line-height: 1rem; font-family: SOURCEHANSANSCN-Regular; }
.sevenH51 h4 { font-size: 0.4rem; color: #d0d0d0; line-height: 0.5rem; font-family: SOURCEHANSANSCN-Regular; }
.sevenH52 { width: 100%; }
.sevenH52 h3 { font-weight: normal; font-size: 0.6rem; color: #717171; font-family: SOURCEHANSANSCN-Regular; line-height: 1.5rem; }
.seven2BoxH5 img { float: left; width: 2rem; height: 2rem; margin-right: 0.2rem; }
.seven2BoxH5 p { font-size: 0.35rem; color: #717171; line-height: 1rem; font-family: SOURCEHANSANSCN-Regular; }
.sevenEwmH5 { display: none; width: 5rem; justify-content: space-between; margin: 0.5rem auto 0; }
.sevenEwmH5 dd { width: 2.5rem; height: 100%; text-align: center; }
.sevenEwmH5 dd img { width: 100%; display: block; }
.sevenEwmH5 span { width: 100%; font-size: 0.3rem; color: #313131; }
.sevenEwmH5Bottom { display: flex; width: 7rem; justify-content: space-between; margin: 0.5rem auto 0; }
.sevenEwmH5Bottom dd { width: 3rem; height: 100%; text-align: center; }
.sevenEwmH5Bottom dd img { width: 100%; display: block; }
.sevenEwmH5Bottom span { width: 100%; font-size: 0.3rem; color: #313131; }
/* 第八屏 */
.eightBoxH5 { position: relative; width: 100%; background: #fff; font-family: SOURCEHANSANSCN-Regular; }
.eightBoxH5 h2 { width: 100%; line-height: 2rem; text-align: center; font-size: 0.7rem; color: #393939; }
.eightBoxH5 h2 b { font-weight: normal; color: #2c3998; }
.eightBoxH5 h3 { font-weight: normal; width: 100%; text-align: center; line-height: 1rem; font-size: 0.5rem; color: #484d4f; }
.eightMainH5 { padding: 0 0.2rem; }
.eightImgH5 { width: 100%; }
.eightImgH5 img { width: 49%; }
.eightImgH5 img:last-child { float: right; }
.eightTextH5 { width: 100%; padding: 1rem 0; }
.eightTextH5 li { width: 49%; display: inline-block; text-align: center; margin: 0.2rem 0; }
.eightTextH5 li:last-child { width: 100%; }
.eightTextH5 li h4 { font-size: 0.5rem; color: #484d4f; line-height: 0.7rem; margin-bottom: 0.1rem; }
.eightBoxH5 li img { vertical-align: bottom; width: 0.8rem; }
.eightBoxH5 li p { font-size: 0.2rem; line-height: 0.4rem; color: #484d4f; }

@media screen and (max-width: 400px) {
    .fourHrH5 ul li,
    .fourContentH5 dd { min-width: 3rem; }
}

@media screen and (min-width: 750px) and (max-width: 1080px) {
    .sixContentH5 dd:nth-child(2) { width: auto; }
    .sevenEwmH5 { display: flex; }
    .sevenEwmH5Bottom { display: none; }
}