@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: #fff;}
@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;}
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;}
i{font-style:normal;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
/*public_tit*/
.public_tit{margin: 3% auto;}
.public_tit>h2{text-align: center; font-size: 1.5rem; color: #7cc323;}
.public_tit>h2>img{vertical-align: bottom; width:3rem; margin-right: 1%;}
.public_tit>h2>span{color: #ff582e;}
.public_tit>p{text-align: center; font-size: 1rem; margin: 1% auto;}
.public_tit>img{display: block; width: 27rem; margin: 0 auto;}
/*part1*/
.part1>ul{width: 30.5rem; display: flex; justify-content: space-between; flex-flow: wrap; margin: 0 auto;}
.part1>ul>a>li{width: 7.5rem; text-align: center; border-top: 0.1rem solid #e5e5e5; border-left: 0.1rem solid #e5e5e5; padding: 5% 0; font-size: 1.2rem;}
.part1>ul>a>li>img{width: 3.75rem;}
.br{border-right: 0.1rem solid #e5e5e5;}
.bt{border-bottom: 0.1rem solid #e5e5e5;}
.jr>ul{width: 30.6rem; display: flex; justify-content: space-between; flex-flow: nowrap; margin: 3% auto;}
.jr>ul>a>li{width: 9.9rem; position: relative; height: 10.75rem;}
.jr>ul>a>li>p{text-align: center;}
.jr>ul>a>li>p:nth-of-type(1){padding-top: 8%; font-size: 1.4rem;}
.jr>ul>a>li>p:nth-of-type(2){font-size: 1.15rem; color: #979797;}
.jr>ul>a>li>img{position: absolute; bottom: 3%; right: 1%;}
.jr>ul>a>li:nth-of-type(1){background: #e6fafb;}
.jr>ul>a>li:nth-of-type(1) img{width: 5.5rem;}
.jr>ul>a>li:nth-of-type(2){background: #fceeeb;}
.jr>ul>a>li:nth-of-type(2) img{width: 6rem;}
.jr>ul>a>li:nth-of-type(3){background: #ecf8ee;}
.jr>ul>a>li:nth-of-type(3) img{width: 5rem;}
.jr>ul>a>li>span{font-size: 1.3rem; border: 1px solid #fa8600; color: #fa8600; border-radius: .5rem; padding: 1% 3%; position: absolute; right: 60%; top: 58%; z-index: 2;}
/*part2*/
.part2{position: relative;}
.part2>.public_tit{position: absolute; top: 8%; left: 8%;}
.part2>dl{position: absolute;}
.part2>dl:nth-of-type(1){left: 10%; top: 41%;}
.part2>dl>dt{font-size: 1rem; color: #5da312;}
.part2>dl>dd{font-size: 0.85rem;}
.part2>dl:nth-of-type(2){right: 10%; top: 41%;}
.part2>dl:nth-of-type(3){left: 10%; top: 60%;}
.part2>dl:nth-of-type(4){right: 10%; top: 60%;}
.part2>a{display: block; width: 21.5rem; height: 2.75rem; position: absolute; left: 15%; bottom: 12%;}
/*part3*/
.part3{position: relative;}
.part3>.public_tit{position: absolute; top: 0; left: 8%;}
.yqt{position: absolute; top: 20%; left: 11%;}
.part3>.yqt>ul{width: 24.5rem; display: flex; justify-content: space-between; flex-flow: wrap; margin: 0 auto;}
.part3>.yqt>ul>li{width: 11rem; border-radius: 50%; border: 1px dashed #000; text-align: center; padding: 14% 0; margin-bottom: 5%; color: #7cbb38; font-size: 1.5rem;}
.part3>.yqt>ul>li:nth-of-type(1){background: #ebfad3;}
.part3>.yqt>ul>li:nth-of-type(2){background: #ffe4a6;}
.part3>.yqt>ul>li:nth-of-type(3){background: #d2f7ff;}
.part3>.yqt>ul>li:nth-of-type(4){background: #f3fee1;}
.part3>a{display: block; width: 23.7rem; height: 2.75rem; position: absolute; left: 13%; bottom: 4%;}
/*part4*/
.part4{position: relative;}
.part4>.public_tit{position: absolute; top: 2%; left: 8%;}
.part4>p{width: 25.75rem; font-size: 1.05rem; line-height: 1.75rem; text-indent: 2em; text-align: justify; position: absolute; top: 10%; left: 10%;}
.part4>dl{width: 11.7rem; text-align: center; position: absolute;}
.part4>dl>dt{font-size: 1.3rem; color: #66a600;}
.part4>dl>dd{text-indent: 2em; text-align: justify; line-height: 1.5rem; font-size: 1.1rem; color: #363636;}
.part4>dl:nth-of-type(1){top: 29%; left: 9%;}
.part4>dl:nth-of-type(2){top: 29%; right: 10%;}
.part4>dl:nth-of-type(3){top: 65%; left: 9%;}
.part4>dl:nth-of-type(4){top: 65%; right: 10%;}
.part4>a{display: block; width: 27rem; height: 2.75rem; position: absolute; left: 7%; bottom: 4.5%;}
/*part5*/
.part5 .zj ul li{position: relative;}
.part5 .zj ul li dl dt h2{font-size: 2.3rem; position: absolute; right: 40%; top: 6%;}
.part5 .zj ul li dl dt span:nth-of-type(1){font-size: 1rem; color: #003c87; position: absolute; right: 30%; top: 8%;}
.part5 .zj ul li dl dt span:nth-of-type(2){font-size: 1.2rem; color: #ff6600; position: absolute; right: 18%; top: 14%; font-weight: bold;}
.part5 .zj ul li dl dd{font-size:1rem; position: absolute;}
.part5 .zj ul li dl dd:nth-of-type(1){right: 31%; top: 25%;}
.part5 .zj ul li dl dd:nth-of-type(2){right: 31%; top: 32%;}
.part5 .zj ul li dl dd:nth-of-type(3){right: 28%; top: 39%;}
.part5 .zj ul li dl dd:nth-of-type(4){right: 22%; top: 46%;}
.part5 .zj ul li dl dd:nth-of-type(5){right: 22%; top: 53%;}
.part5 .zj ul li dl dd:nth-of-type(6){right: 9%; top: 60%;}
.part5 .zj ul li a{display: block; width: 7rem; height: 2rem; position: absolute;}
.part5 .zj ul li a:nth-of-type(1){right: 38%; bottom: 14.9%;}
.part5 .zj ul li a:nth-of-type(2){right: 10%; bottom: 14.9%;}