@charset "utf-8";
max-img {100% !important}
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: 12px; font-size: calc(200vw/64);background-color:#eeeeee; }
@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%}
.float_container dt img{ width:auto}
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
input, button,submit, textarea, checkbox, select, radio, form { vertical-align: middle; font-size: 100%; }
a { color: #000; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a, area { blr:expression(this.onFocus=this.blur())/* for IE */
}
:focus { outline: none;/* for Firefox */ }
.red, .red a { color: #0783BF; }
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.left { float: left; }
.right { float: right; }


.part1{background-color: #f98305;overflow: hidden;padding-top: 4%;padding-bottom: 2%;}
.part_1 h3{font-size: 2.5rem;color:#fff;text-align: center;font-weight: bold;}
.part_1 dl{width: 23.3rem;margin:3% auto;overflow: hidden;}
.part_2 p{width: 30.0rem;margin:3% auto;overflow: hidden;font-size: 1.2rem;line-height: 1.6rem;text-indent: 2em;color:#fff;}

.part2>h2{font-size: 2.5rem; color: #232323; text-align: center; margin-top: 5%;font-weight: bold;}
.part2 span{display: block;color:#f98305;}
.part2>p{width: 30rem; font-size: 1.2rem; text-indent: 2em; line-height: 1.8rem; margin: 3% auto;}
.part2>table{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 96%; margin: 0 auto; text-align: center; color: #3c3c3c;}
.part2>table td{border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: 2% 0;font-size: 1rem;}
.bgy{ background: #ff9600; color: #fff;}
.public_btn{width: 100%; text-align: center; margin: 8% auto;}
.public_btn>a{font-size: 1.2rem; color: #fff; background: #ef463a; padding: .5rem 1rem; border-radius: 2rem;}

.base_1{background-color: #ee8778;overflow: hidden;}
.base_1_2 h2{font-size: 2.5rem; color: #f6f444; text-align: center; margin-top: 5%;font-weight: bold;}
.base_1_2 span{display: block;color:#fff;}

.base_1_3{background-color: #fff;width: 30.0rem;margin:3% auto;overflow: hidden;border-radius: 1rem;}
.base_1_3 ul{width:28rem;margin:2% auto;overflow: hidden;display: flex;flex-flow: row wrap;justify-content: space-between;}
.base_1_3 ul dl{width: 6.65rem;}
.base_1_3 ul li{width: 19.25rem;}
.base_1_3 ul li span{color:#ee8778;font-size: 1.5rem;font-weight: bold;display: block;}
.base_1_3 ul li p{font-size: 1.2rem;text-indent: 2em;line-height: 1.6rem;}

.tips{background-color: #ee624e;width: 23.0rem;margin:3% auto;overflow: hidden;}
.tips li{margin:2% auto;overflow: hidden;}
.tips p{font-size: 1.2rem;color:#fff;text-align: center;line-height: 1.6rem;}

.public_btn2{width: 100%; text-align: center; margin: 8% auto;}
.public_btn2 a{font-size: 1.2rem; color: #ee8778; background: #fff; padding: .5rem 1rem; border-radius: 2rem;border:1px solid #f68425;}


.icon{position: relative;margin:3% auto;overflow: hidden;width: 30rem;}
.icon p{font-size: 1.1rem;line-height: 1.6rem;width: 22.3rem;text-indent: 2em;position: absolute;}
.icon p:nth-of-type(1){top:4%;right:3%;}
.icon p:nth-of-type(2){top:20%;left:3%;}
.icon p:nth-of-type(3){top:36%;right:3%;}
.icon p:nth-of-type(4){bottom:39%;left:3%;}
.icon p:nth-of-type(5){bottom:22%;right:3%;}
.icon p:nth-of-type(6){bottom:5%;left:5%;}

.base_1_4{position: relative;overflow: hidden;}
.base_1_4 ul{width: 30.0rem;margin:3% auto;overflow: hidden;display: flex;flex-flow: row wrap;justify-content: space-between;}
.base_1_4 ul li{width: 14.7rem;background-color: #fff;border-radius: 0.5rem;margin-bottom: 2%;}
.base_1_4 ul li span{color:#f54444;font-size: 1.7rem;font-weight: bold;text-align: center;display: block;margin:3% auto;overflow: hidden;}
.base_1_4 ul li p{font-size: 1.2rem;width: 13.4rem;text-indent: 2em;line-height: 1.6rem;margin:2% auto 3%;}
.base_1_5{position: absolute;top:0;left:44.8%;width: 3.35rem;}


.con6{width: 100%; margin: 3% auto;}
.con6_n{width: 93.75%; margin: 5% auto 0; display: flex;justify-content: space-between;flex-wrap: wrap; position: relative;}
.con6_n dl{width: 45.5%; background: #fad5c9; margin-bottom: 1%; padding: 2%; color: #cd6846;border-radius: .5rem; padding-bottom: 6%;}
.con6_n dl dt{text-align: center;}
.con6_n dl dt h2{font-size: 1.5rem; font-weight: bold;}
.con6_n dl dt p{font-size: 1.2rem; font-weight: bold;}
.con6_n dl dd{font-size: 1.2rem; text-indent: 2em; margin-top:3%;}

.con6_n dl:nth-child(2){background: #d1f3e6;color: #6eac94;}
.con6_n dl:nth-child(3){background: #fdf2e3;color: #aa9577;}
.con6_n dl:nth-child(4){background: #e0d0f5;color: #817393;}
.mtd{width: 6.1rem; position: absolute;top:44%; left: 40%;}

.con7{width: 100%;background: #ee8778; display: block;overflow: hidden; margin: 10% auto;}
.con7_n{width: 93.75%; margin: 0 auto;}
.con7_n ul{display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 1%;}
.con7_n ul li{font-size: 1.1rem;text-align: center; line-height: 2.5rem; background:#fff; margin-bottom: 1%;}
.con7_n ul li:nth-child(1){width:60%;}
.con7_n ul li:nth-child(2){width:39%;}
.con7_n ul li:nth-child(3){width:46.3%;}
.con7_n ul li:nth-child(4){width:52.7%;}
.con7_n ul li:nth-child(5){width:57.5%;}
.con7_n ul li:nth-child(6){width:41.5%;}
.con7_n ul li:nth-child(7){width:53.8%;}
.con7_n ul li:nth-child(8){width:45.2%;}
.con7_n p{text-align: center; margin: 8% auto;}
.con7_n p a{display: inline-block;background: #fff;border:1px solid #e8462e; color: #e8462e; font-size: 1.2rem; line-height: 2.5rem; border-radius: 2rem; padding: 0 3%;}


.kl_tit{width: 100%;text-align: center; font-size: 2.5rem;}
.kl_tit h2{color:#f98305; font-weight: bold; font-size:1.7rem;}
.kl_tit h3{font-weight: bold;font-size:1.7rem;}

.pp_tit{width: 100%;text-align: center; font-size: 2.5rem; margin: 3% auto;}
.pp_tit h2{color:#ffffff; font-weight: bold;}
.pp_tit h3{font-weight: bold; color: #f6f444;}

.focus{ width: 72%; margin: 8% auto 10%; background: #fffeed; padding: 2%;border-radius: .5rem;border:0.1rem solid #e4e2e2; position: relative;}
.focus .hd{ width:100%;position:absolute; z-index:1; bottom:-2.5rem; text-align:center;  }
.focus .hd ul li{ display:inline-block; width:2.2rem; height:.4rem; border-radius:.3rem; margin:0 5px;  vertical-align:top; overflow:hidden; font-size: 0;border:1px solid #adadad;}
.focus .hd ul .on{ background:#adadad;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd dl dt{width: 49%; float: left;}
.focus .bd dl dd{width: 47%; float: right;}
.focus .bd dl dd h2{ font-size: 1.5rem;width: 80%; margin: 10% auto; font-weight: bold; background: #ef463a; text-align: center; line-height: 2.2rem;border-radius: .3rem; color: #fff; position: relative;}
.focus .bd dl dd h2:after{position: absolute;right:-.7rem;top:.55rem;content: '';display:inline-block;  width:0;  height:0;  border-top: 0.5rem solid transparent;  border-left: 0.75rem solid #ef463a;  border-bottom:0.5rem solid transparent;}
.focus .bd dl dd p{font-size: 1.2rem; text-indent: 2em;}
.kl_zx{text-align: center; margin: 10% auto;}
.kl_zx a{ display: inline-block; background: #EF463A;color: #fff; font-size: 1.2rem; line-height: 2.5rem; padding: 0 3%; border-radius: 2rem;}
.con8{width: 100%;background: #ee8778; display: block;overflow: hidden; padding-bottom: 3%;}
.con8 h2{text-align: center;  font-size: 1.75rem; color: #ee8778;background: #ffffff; font-weight: bold; width: 28%; line-height: 2.5rem; border-radius: 2rem; margin: 3% auto;}
.con8 p{font-size: 1.2rem; color: #fff; text-indent: 2em; padding: 0 3% 0; margin-bottom: 2%;}