@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding: 0; margin: 0; font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif; }
html { font-size: 10px; font-size: calc(200vw/64); background-color: #E1E1E1; }
@media all and (max-width: 320px) { html { font-size: 10px; } }
@media all and (min-width: 640px) { html { font-size: 20px; } }
body { min-width: 320px; max-width: 640px; margin: 0 auto;font-family:微软雅黑; background:#fff; padding-bottom:10%;}
img,input,select{vertical-align:middle;margin:0;padding:0;border:0}
img{ max-width:100%}
a{text-decoration: none; color: #000;}
li{list-style: none;}


.pub_tit{margin: 6% auto;}
.pub_but{width: 90%;background: #fff;line-height: 3rem;border-radius: 1.5rem;margin: 10% auto;display: flex;justify-content: space-between;overflow: hidden;}
.pub_but>span{font-size: 1.3rem;color: #0071ce;margin-left: 5%;}
.pub_but>a{font-size: 1.4rem;color: #ffff00;/*border-top-left-radius: 1.5rem;border-bottom-left-radius: 1.5rem;*/text-align: center;background: #0071ce;width: 10.9rem;border-radius: 1.5rem;}




.mod1{position: relative;}
.mod1>p{font-size: 1.07rem;color: #242424;line-height: 1.47rem;width: 16.2rem;position: absolute;left: 25%;}
.mod1>p:nth-of-type(1){top: 20%;}
.mod1>p:nth-of-type(2){top: 38%;}
.mod1>p:nth-of-type(3){top: 61%;}
.mod1>p:nth-of-type(4){top: 84%;}

.mod2{position: relative;}
.mod2>p{font-size: 1.05rem;color: #242424;line-height: 1.72rem;width: 21rem;position: absolute;top: 31%;left: 18%;text-indent: 2em;text-align: justify;}


.mod3{margin-top: 6%;background: #e1edfb;}

.mod3>p{font-size: 1.1rem;color: #0071ce;line-height: 1.72rem;width: 29.5rem;text-indent: 2em;text-align: justify;margin: 1% auto;}
.mod3_con{width: 29.5rem;margin: 6% auto;position: relative;}
.mod3_con>ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.mod3_con>ul>li{width: 14.5rem;border: 1px solid #84beee;background: #fff;}
.mod3_con>ul>li>h3{font-weight: normal;font-size: 1.1rem;text-align: center;margin: 10% auto 3%;}
.mod3_con>ul>li>p{font-size: 0.9rem;line-height: 1.3rem;width: 10.9rem;margin: 2% auto 10%;}
.mod3_con>ul>li:nth-of-type(1),.mod3_con>ul>li:nth-of-type(4){border-top-right-radius: 3rem;border-bottom-left-radius: 3rem;color: #0071ce;}
.mod3_con>ul>li:nth-of-type(2),.mod3_con>ul>li:nth-of-type(3){border-top-left-radius: 3rem;border-bottom-right-radius: 3rem;color: #ffb530;}
.mod3_con>dl{width: 2rem;height: 2rem;border: 2px solid #84beee;border-radius: 50%;background: #fff;position: absolute;top: 46%;left: 46%;}


.mod4{}
.mod4_con{width: 29.6rem;margin: 3% auto;}
.mod4_con>ul{display: flex;justify-content: flex-start;margin-bottom: 1%;}
.mod4_con>ul>li{background: #e1edfb;width: 14.75rem;}
.mod4_con>ul>li>h3{font-weight: normal;font-size: 1.2rem;color: #0071ce;margin-top: 12%;}
.mod4_con>ul>li:nth-of-type(2)>img{width: 2.85rem;}
.mod4_con>ul>li>p{font-size: 1rem;color: #414141;line-height: 1.5rem;width: 12rem;text-align: justify;margin-top: 4%;}
.mod4_con>ul>li:nth-of-type(2){padding-left: 1.5rem;width: 13.25rem;}
.mod4_con>ul:nth-of-type(2)>li:nth-of-type(1)>img,.mod4_con>ul:nth-of-type(4)>li:nth-of-type(1)>img{width: 2.85rem;}
.mod4_con>ul:nth-of-type(2)>li:nth-of-type(1),.mod4_con>ul:nth-of-type(4)>li:nth-of-type(1){padding-left: 1.5rem;width: 13.25rem;}
.mod4_con>ul:nth-of-type(2)>li:nth-of-type(2)>img,.mod4_con>ul:nth-of-type(4)>li:nth-of-type(2)>img{width: 14.75rem;}
.mod4_con>ul:nth-of-type(2)>li:nth-of-type(2),.mod4_con>ul:nth-of-type(4)>li:nth-of-type(2){padding-left: 0;width: 14.75rem;}
.mod4 .pub_but{background: #0071ce;}
.mod4 .pub_but>span{color: #fff;}
.mod4 .pub_but>a{border: 0.05rem solid #fff;}

.mod5{background: #e1edfb;}
.mod5_con{width: 29.25rem;margin: 3% auto 0;}
.mod5_con>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.mod5_con>ul>li{width: 12.65rem;background: #fff;margin-bottom: 7%;border-radius: .5rem;padding: 2%;position: relative;}
.mod5_con>ul>li>img{width: 12.65rem;}
.mod5_con>ul>li>h3{font-weight: normal;font-size: 1.2rem;color: #ffffff;text-align: center;background: #ffb530;line-height: 1.9rem;border-radius: .95rem;width: 9.7rem;position: absolute;top: 33%;left: 15%;}
.mod5_con>ul>li>p{font-size: 1rem;color: #242424;line-height: 1.55rem;width: 11rem;margin: 16% auto 3%;}
.mod5 .pub_but{margin-top: 3%;}


.mod6{}
.mod6>p{font-size: 1.1rem;color: #242424;line-height: 1.8rem;width: 28.6rem;margin: 2% auto;text-indent: 2em;}
.mod6_con{width: 92.18%;margin: 6% auto;}
.mod6_con>ul{display: flex;justify-content: space-between;}
.mod6_con>ul>li{width: 8.5rem;}
.mod6_con>ul>li>p{font-size: 1.1rem;color: #ffb734;line-height: 1.35rem;text-align: center;margin-top: 12%;}
.mod6_con>ul:nth-of-type(2){width: 64%;margin: 10% auto 6%;}
.mod6 .pub_but{background: #0071ce;}
.mod6 .pub_but>span{color: #fff;}
.mod6 .pub_but>a{border: 0.05rem solid #fff;}

.mod7{background: #ffb530;}
.mod7>dl{width: 9rem;margin: 2% auto;}
.mod7>h2{font-size: 2.4rem;color: #ffffff;text-align: center;}
.mod7>p:nth-of-type(1){font-size: 1.1rem;color: #ffffff;text-align: center;line-height: 1.5rem;}
.mod7>dt{width: 3.35rem;margin: 0 auto;}
.mod7>p:nth-of-type(2){font-size: 1.1rem;color: #ffffff;line-height: 1.7rem;width: 27.5rem;margin: 0 auto;text-indent: 2em;}
.mod7>ul{width: 22.8rem;margin: 4% auto;display: flex;justify-content: space-between;}
.mod7>ul>a{width: 10.3rem;font-size: 1.2rem;color: #fa6161;line-height: 3.5rem;background: #fff;border-radius: 1.75rem;text-align: center;}
.mod7>ul>a>img{width: 2.6rem;margin-right: 2%;}
.mod7>ul>a:nth-of-type(1){color: #fdbe01;}