@charset "gb2312";
@import url(animate.min.css);
/* 1.BODY
---------------------------------------------------------------------- */
body{padding:0;font-family:"Microsoft YaHei"; margin:0 auto;-webkit-text-size-adjust: none; width:100%;overflow-x: hidden; font-size:100%; background: #ffffff; max-width: 640px; min-width: 320px;}
ol,ul{list-style:none}
*{	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
ul,li,input,h1,h2,h3,h4,p,span,b,dl,dt,dd,header,menu,section,footer,nav,article{ margin:0; padding:0;font-weight: normal;}
ul,li{ list-style:none;}		
img{border:0;}
em{ font-style:normal;}
a{ text-decoration:none; color:#333;}
#ymtj{ display:none!important;}
/*************************************************************************************************************/

.hb6_bigbox{width: 100%; position: relative; overflow: hidden; background: #fff; }

.hb6_box01{width: 100%; position: relative; overflow: hidden; }
.hb6_box01 img{ display: block; width: 100%;}
.hb6_box01 img:nth-child(2){ position: absolute; top: 0; left: 0; animation-delay: 0.5s;}


.hb6_box02{width: 100%; position: relative; overflow: hidden; background: url(../images/6hbtd_m03.jpg); background-size: 100% 100%;}
.hb6_box02 img{ display: block; width: 100%; margin: 0 auto;}
.hb6_box02 .hb6_bt{ margin: 8% auto 6%;}
.hb6_box02 p{ font-size: 0.9rem; color: #edaa37; text-align: center; line-height: 1.8; margin-bottom: 5%;}
.hb6_box02 .box02_img01{ width: 70%;}
.hb6_box02 h1{ color: #ff6881; font-size: 1.125rem; text-align: center; margin: 6% auto 4%;}
.hb6_box02 a{ width: 45%; display: block; color: #fff; font-size: 0.9rem; text-align: center; line-height: 1.8; border-radius: 20px; background: #ff6881; margin: 6% auto 8%;}


.hb6_box03{width: 100%; position: relative; overflow: hidden; }
.hb6_box03 img{ display: block; width: 94%; margin: 0 auto;}
.hb6_box03 .hb6_bt{ width: 100%; margin: 8% auto 6%;}
.hb6_box03 p{ width: 88%; font-size: 0.8rem; color: #666666; text-align: center; line-height: 1.8; margin:0 auto 5%;}
.hb6_box03 a{ width: 45%; display: block; color: #fff; font-size: 0.9rem; text-align: center; line-height: 1.8; border-radius: 20px; background: #ff6881; margin: 6% auto 8%;}


.hb6_box04{width: 100%; position: relative; overflow: hidden;}
.hb6_box04 img{ display: block; width: 100%;}
.hb6_box04 .hb6_bt{ width: 100%; margin: 1% auto 6%;}
.hb6_box04 li{width:94%;margin:0 auto; padding: 1% 0;}
.hb6_box04 li img{ display: block; width: 100%;}
.hb6_box04 a{ width: 45%; display: block; color: #fff; font-size: 0.9rem; text-align: center; line-height: 1.8; border-radius: 20px; background: #ff6881; margin: 6% auto 8%;}


.hb6_box05{width: 100%; position: relative; overflow: hidden; background: url(../images/6hbtd_m03.jpg); background-size: 100% 100%;}
.hb6_box05 img{ display: block; width: 100%;}
.hb6_box05 .hb6_bt{ width: 100%; margin: 8% auto 6%;}
.hb6_box05 ul{ width: 80%; position: relative; overflow: hidden; margin: 0 auto;}
.hb6_box05 ul li{ width: 48%; margin: 1%;float: left;}
.hb6_box05 ul li img{border-radius: 6px; }
.hb6_box05 a{ width: 45%; display: block; color: #fff; font-size: 0.9rem; text-align: center; line-height: 1.8; border-radius: 20px; background: #ff6881; margin: 6% auto 8%;}


.hb6_box06{width: 100%; position: relative; overflow: hidden; margin:0 auto 8%;}
.hb6_box06 img{ display: block; width: 94%; margin: 0 auto;}
.hb6_box06 .hb6_bt{ width: 100%; margin: 8% auto 6%;}
.hb6_box06 a:nth-child(3){ width: 30%; height: 50%; position: absolute; top: 38%; left: 3%;}
.hb6_box06 a:nth-child(4){ width: 30%; height: 50%; position: absolute; top: 38%; left: 35%;}
.hb6_box06 a:nth-child(5){ width: 30%; height: 50%; position: absolute; top: 38%; left: 67%;}
.hb6_box06 a:nth-child(6){ width: 30%; height: 8%; position: absolute; bottom: 0; left: 3%;}
.hb6_box06 a:nth-child(7){ width: 30%; height: 8%; position: absolute; bottom: 0; left: 35%;}
.hb6_box06 a:nth-child(8){ width: 30%; height: 8%; position: absolute; bottom: 0; left: 67%;}