@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html{ max-width:640px; min-width:320px; margin:0 auto; overflow-x:hidden;}
body{ width:100%; font-family:"Microsoft YaHei","Open Sans",Arial,Helvetica,sans-serif; font-size:14px;}
img{ max-width:100%; border:0; display:block;}
a{ text-decoration:none; cursor:pointer;}
ul,li{ list-style:none;}
textarea,button,input[type=button],input[type=submit],input[type="reset"],input[type="text"],input[type="date"],input[type=file]{ -webkit-appearance:none;}


.header{width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
.header .htop{width: 640px; height: 80px; display: flex; align-items: center; justify-content: center; background: #0065b7; position: fixed; top: 0; left: 50%; transform:translateX(-50%); z-index: 99999;}
.header .htop img{display: block; margin: 0 auto;}
.header .nav{width: 100%; height: auto; overflow: hidden; padding-top: 80px;}
.header .nav ul{display: flex; flex-wrap: wrap; background: #dfd8c8;}
.header .nav ul li{width: 33.33%; height: 60px; line-height: 60px;}
.header .nav ul li a{display: block; width: 100%; height: 100%; text-align: center; color: #836117; border-top: #fff 1.5px solid; border-left: #fff 1.5px solid; border-right: #b7a47b 1.5px solid; border-bottom: #b7a47b 1.5px solid; font-size: 20px; box-sizing: border-box;}

#kids h2{ color:#0aa7ca; text-align:center; display:inline-block; position:relative; letter-spacing:2px;}
#kids h2 .bf{ display:block; position:absolute; top:0; left:-19%; background:url(../img/balloon1.png) no-repeat left; background-size:100%;}
#kids h2 .af{ display:block; position:absolute; top:0; right:-19%; background:url(../img/balloon2.png) no-repeat left; background-size:100%;}
#kids a{ display:inline-block; padding:4%; text-align:center; background:#ed711f; color:#fff; border-radius:50px; box-shadow:0 4px 0 #ffc095; transition:all 0.3s ease 0s;}

#pt1{ width:100%; text-align:center; background:#fff; padding-top:4%;}
#kids #pt1 h2 .bf{ left:-22%;}
#kids #pt1 h2 .af{ right:-22%;}
#pt1 ul{ width:94%; margin:0 auto; padding:4% 0; overflow:hidden;}
#pt1 ul li{ float:left; width:29%; border-radius:25px; overflow:hidden; margin-bottom:6%;}
#pt1 ul li:nth-of-type(2){ margin:0 6.5% 6% 6.5%;}
#pt1 ul li:nth-of-type(4){ margin:0 10% 6% 15%;}
#pt1 ul li p{ color:#fff; background:#0aa7ca; padding:10% 0 15% 0;}
#pt1 ul li p span{ display:block; padding-bottom:5%; font-weight:bold;}

#pt2{ width:100%; text-align:center; background:#e7f6fb; padding-top:4%;}
#pt2 .pt2_01{ width:73.5%; margin:4% auto;}
#pt2 p{ width:94%; margin:0 auto; text-align:left; color:#666; padding-bottom:4%; text-indent: 2em;}

#pt3{ width:100%; text-align:center; background:#fff; padding-top:4%;}
#pt3 ul{ width:70%; margin:4% auto; overflow:hidden;}
#pt3 ul li{ width:100%; border:2px solid #0aa7ca; border-radius:25px; float:left; box-sizing:border-box; overflow:hidden; margin-bottom:4%; padding-bottom:4%; color:#0aa7ca; font-weight:bold;}
#pt3 ul li img{ width:88%; margin:4% auto;}

#pt4{ width:100%; text-align:center; background:#e6f6fa; padding-top:4%;}
#pt4 a{ margin-bottom:4%;}

#pt5{ width:100%; text-align:center; background:#fff; padding-top:4%;}
#pt5 h3{ display:inline-block; margin:0 auto; text-align:left; box-sizing:border-box; color:#006694; margin:4% auto; background:url(../img/part5.jpg) no-repeat left top; background-size:100%; padding:1.5% 2% 5% 20%;}
#pt5 .pt5_01{ width:75%; margin:0 auto;}
#pt5 p{ width:98%; margin:0 auto; font-size:16px; color:#666; line-height:24px; text-align:left; margin:4% auto; text-indent: 2em;}
#pt5 p span{ display:block; width:100%; border-radius:50px; padding:2% 0; background:#0aa7ca; color:#fff; text-align:center; margin:2% auto;}
#pt5 .process{ width:100%; padding:4% 2%; background:#0aa7ca; border-radius:22px; box-sizing:border-box; overflow:hidden; margin-bottom:2%;}
#pt5 .process span{ display:block; width:24%; background:#fff; color:#0aa7ca; border-radius:50px; float:left; position:relative; padding:1% 0; position:relative;}
#pt5 .process span:nth-of-type(1){ width:35%; margin:5% 10% 0 0;}
#pt5 .process span:nth-of-type(2){ margin-right:11%; margin-bottom:4%;}
#pt5 .process span:nth-of-type(3){ width:20%; margin-bottom:4%;}
#pt5 .process span:nth-of-type(4){ margin-right:11%;}
#pt5 .process span:nth-of-type(5){ width:20%;}
#pt5 .process span img{ position:absolute; right:-40%; top:50%;}
#pt5 .process span:nth-of-type(1) img{ right:-30%;}

#pt6{ width:100%; text-align:center; background:#e6f6fa; padding-top:4%;}

#pt7{ width:100%; text-align:center; background:#fff; padding-top:4%;}
.zj_box{ width:100%; margin:0 auto; overflow:hidden;}
.zj_con{ width:100%; position:relative; overflow:hidden;}

.zj_hd{ position:relative; margin:0 auto;}
.zj_hdcon{ overflow:hidden;}
.zj_hd ul{ width:100%; overflow:hidden;}
.zj_hd ul li{ float:left; overflow:hidden; box-sizing:border-box; background:#d5d5d5; border-radius:50%; cursor:pointer; border-style:solid; border-color:#f7f7f7;}
.zj_hd ul li img{ width:100%;}
.zj_hd ul li.on{ background:#0aa7ca; border:8px solid #e6f6fa;}
#kids .zj_hd a{ width:28px; height:29px; position:absolute; top:50%; margin-top:-15px; display:block; cursor:pointer; box-shadow:none;}
#kids .zj_hd a.left_btn{ left:-15%; background:url(../img/arr_prev.jpg) no-repeat center; background-size:50%;}
#kids .zj_hd a.right_btn{ right:-15%; background:url(../img/arr_next.jpg) no-repeat center; background-size:50%;}

.zj_bd{ width:100%; overflow:hidden; margin-bottom:4%;}
.zj_bd ul{ width:100%; overflow:hidden;}
.zj_bd ul li{ width:100%; float:left; display:none; overflow:hidden; box-sizing:border-box;}
.zj_bd ul li img{ float:left; width:48%; border-radius:50%; overflow:hidden; border-style:solid; border-color:#e6f6fa; background:#0aa7ca; box-sizing:border-box;}
.zj_bd ul li dl{ text-align:left; color:#333333; width:50%; float:right;}
.zj_bd ul li dl dt{ color:#333333; font-weight:bold; margin:10% auto 6% auto;}
.zj_bd ul li dl dt span{ border-left:2px solid #d5d5d5; padding-left:2%; margin-left:2%; font-weight:normal;}
.zj_bd ul li dl dd{ margin-bottom:4%;}
.zj_hd ul li:last-child{ margin-right:0 !important;}

#pt8{ width:100%; text-align:center; background:#e6f5fa; padding:4% 0 70px;}
#hj{ width:94%; margin:0 auto;}
#hj-tab ul{ width:100%; overflow:hidden; padding:5% 0; border-bottom:4px solid #0aa7ca}
#hj-tab ul li{ float:left; width:23.5%; padding-bottom:4%; border-radius:25px; background:#b3b3b3; color:#fff; position:relative; margin-top:10%; padding-top:10%; box-sizing:border-box; display:inline; margin-left:2%; border-bottom:2px solid rgba(71,71,71,0.6);}
#hj-tab ul li img{ width:60%; position:absolute; top:-30%; left:50%; margin-left:-30%; background:#cfcdce; border-radius:50%; box-shadow:0px 3px 16px 0px rgba(71,71,71,0.6);}
#hj-tab ul li i{ display:none; width:50%; text-align:center; position:absolute; bottom:-32%; left:25%; font-size:18px; font-style:normal; color:#fedcc6;}
#hj-tab ul li.active{ background:#0aa7ca;}
#hj-tab ul li.active img{ background:#ff934b;}
#hj-tab ul li.active i{ color:#0aa7ca; display:block;}
#hj-tab ul li:nth-of-type(1){ margin-left:0;}
.hj-tab-con{ width:100%; padding:4% 0; display:none;}
.hj-tab-con.on{ display:block;}


#yibao{ width:100%; background:#0aa7ca; padding:4% 0;}
#yibao h2{ display:block; color:#fff; text-align:center; font-weight:bold; margin-bottom:4%;}
#yibao h2 span{ display:inline-block; padding:0 13%; background:url(../img/balloon1.png) no-repeat left center,url(../img/balloon2.png) no-repeat right center; background-size:13%;}
#yibao .yb_box{ width:94%; margin:0 auto 2% auto; position:relative;}
#yibao p{ width:94%; margin:0 auto 1% auto; text-align:left; text-indent:2em; color:#fff;}
#yibao .edge:before,#yibao .edge:after{ display:block; content:''; position:absolute; box-sizing:initial;}
#yibao sup:before{ padding:4%; border-top:1px solid #fff; border-left:1px solid #fff; top:1px; left:1px;}
#yibao sup:after{ padding:2%; border-top:3px solid #fff; border-left:3px solid #fff; top:0px; left:0px;}
#yibao sub:before{ padding:4%; border-bottom:1px solid #fff; border-right:1px solid #fff; bottom:1px; right:1px;}
#yibao sub:after{ padding:2%; border-bottom:3px solid #fff; border-right:3px solid #fff; bottom:0px; right:0;}


#M_Foot{ width:100%; position:relative; margin-bottom:13%; overflow:hidden;}
#M_Foot .M_Foot_con{ width:100%; position:absolute; bottom:15%; left:0; overflow:hidden; text-align:center;}
#M_Foot .M_Foot_con a{ width:50%; float:left; text-align:center;}
#M_Foot p{ position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:24px; color:#fff; margin:4% auto;}
#mfix_btm{ width:100%; max-width:640px; min-width:320px; height:auto; position:fixed; top:auto; bottom:0; z-index:99999;}
#mfix_btm a.mf_btm_sy{ display:block; padding:20%; position:absolute; top:0; left:0; right:auto;}
#mfix_btm a.mf_btm_dh{ display:block; padding:20%; position:absolute; top:0; left:auto; right:0;}
#mfix_btm i{ display:block; border-radius:50%; background:#f00; color:#fff; font-style:normal; position:absolute; top:12%; left:50%; font-size:12px; padding:1% 1%; box-sizing:border-box;}


.lmbanner{width: 100%; height: auto; overflow: hidden;}
.lmbanner img{display: block; width: 100%;}
.rhb_lylx{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding:30px 10px 100px; box-sizing: border-box;}
.rhb_lylx h2{width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 30px;}
.rhb_lylx .thumb{width: 100%; height: auto; overflow: hidden;}
.rhb_lylx .thumb img{ display: block;; margin-bottom: 25px; max-width: 100%;}
.rhb_lylx .box p{ line-height: 30px; color:#5d5d5d; font-size: 20px; margin-bottom: 15px;}
.rhb_lylx .box p span{ font-weight: bold;}