html, body { -webkit-text-size-adjust: none; }
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: Microsoft YaHei, SimSun, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, input, textarea, select, form, td, section { font-size: 100%; }
ol, ul, li, dl, dt, dd { list-style: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display: block; }
input[type="date"]:before { content: attr(placeholder); }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
input, textarea, select, form, fieldset { vertical-align: top; }
img { vertical-align: top; border: 0; }
a { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a, area { blr:expression(this.onFocus=this.blur());}
:focus { outline: none; }
.red, .red a { color: #F00; }
.left { float: left; }
.right { float: right; }
.autohei { overflow: hidden; zoom: 1; }
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
.blank { font-size:0; line-height:0; height: 20px; clear: both; overflow: hidden;}
.yahei, .yahei * { font-family: Microsoft YaHei; }
.songti, .songti * { font-family:SimSun; }
.img { text-align: center; overflow: hidden;}
.aaaaaa{}
body { font-size: 12px; background: #fff; }
/*input,textarea,select{appearance: none; -webkit-appearance: none; border-radius:0;}*/
html { font-size: 10px; }
.blank { height: 1rem;}
img{ max-width: 100%; }
.img img{ display:block;}
body { font-size: 1.2rem; width: 32rem; margin: 0 auto; }

.banner{position: relative;}
.baner_djx{position: absolute;bottom: 0.6rem; text-align: center; width: 100%; }
.baner_djx ul{ font-size: 0; }
.baner_djx li{width:0.5rem;height: 0.5rem; border-radius: 50%; background-color: #8c8c8c;  display: inline-block;  margin-left: 0.5rem;  }
.baner_djx li.hover{background-color: #18b1ae;}

.dh{display: flex; flex-wrap: nowrap; justify-content: space-around; text-align: center; margin:2.2rem 0;}
.dh nav{width:7.05rem;}
.dh nav img{width:7.05rem; height:7.05rem;}
.dh span a{font-size: 1.3rem; color: #666; display: inline-block; margin-top: 0.4rem;}

.title{ background:url(../images/title_bg.png) no-repeat center center/32rem 3.9rem; height: 3.9rem; position: relative; margin-bottom: 1.7rem;}
.title h2{font-size: 2.8rem; color: #18b1ae; font-weight: bold; position: absolute;  text-align: center;width:100%; bottom:1.25rem;}
.title span{ display: inline-block; font-size: 0.8rem; color: #3333;  position: absolute;  bottom:0;width:100%; text-align: center; text-transform:uppercase;}

.bhtype{margin-top:3.2rem;}
.bhtype ul{ text-align: center; font-size: 0;}
.bhtype ul li{ display: inline-block; margin:0.6rem 0.3rem 0; box-sizing: border-box;}
.bhtype ul li img{width:9.6rem; height:7.35rem;}

.zxan{text-align: center; margin:2rem 0 2.3rem}
.zxan a {display:inline-block; margin-left: 0.6rem;}
.zxan a  img{width:12.8rem; height: 3.3rem;}

.bhjs{ margin-top:2.3rem;}
.bhjs  p{color: #333; font-size: 1.2rem; line-height: 2rem; text-indent: 2em; margin:1.8rem 1.5rem 0.75rem;}
.bhjs ul{font-size: 0; text-align: center;}
.bhjs ul li {display: inline-block; margin:1.5rem 0.5rem 0rem;overflow: hidden; height:15rem; vertical-align:top;}
.bhjs ul li h2{   position: relative; }
.bhjs ul li h2 img{width:14.5rem; height: 10.15rem;}
.bhjs ul li h2 span{position:absolute;  bottom: 0.25rem;font-size: 1.5rem;color: #fff; left: 4rem;font-weight: bold;display: inline-block;}
.bhjs ul li h3{font-size: 0.8rem; color: #666; line-height: 1.7rem; margin-top:0.8rem; text-align: center; font-size: 1.2rem; height: 3.3rem;}

.bhzj{padding:3.8rem 0 5.8rem;background:url(../images/zjbg_01.png) no-repeat top center/32rem 2.25rem,url(../images/zjbg_02.png) no-repeat bottom center/32rem 2.05rem #e3fbfa ; height: 100%;}
.zjbg{background:url(../images/title_bg1.png) no-repeat center center/32rem 3.9rem;}
.bhzj p{font-size: 1.2rem; color: #333; line-height: 2rem;  text-indent: 2em; margin:0 1.5rem;}

.zj{ font-size: 0; margin-top:2rem;}
.zj_djx li {width:6.15rem; height: 6.15rem; display: inline-block;overflow: hidden;}
.zj_djx li:nth-child(1){ background: url(../images/zj1.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(2){ background: url(../images/zj2.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(3){ background: url(../images/zj3.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(4){ background: url(../images/zj4.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(5){ background: url(../images/zj5.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(1).hover{ background: url(../images/zj1_on.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(2).hover{ background: url(../images/zj2_on.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(3).hover{ background: url(../images/zj3_on.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(4).hover{ background: url(../images/zj4_on.png) no-repeat center center/6.15rem 6.15rem; }
.zj_djx li:nth-child(5).hover{ background: url(../images/zj5_on.png) no-repeat center center/6.15rem 6.15rem; }
.zjcont { width: 30rem; margin: 1.5rem auto 0;}
.zjcont ul li{ position: relative;}
.zjcont ul li cite{ border-radius: 1rem; display: inline-block; overflow: hidden;}
.zjcont_nr{ position: absolute; width: 15rem; left: 14.25rem; top: 4.7rem; text-align: left;font-size: 1.2rem;}
.zjcont_nr h2{ color: #333; margin-left:7.4rem;}
.zjcont_nr h3{margin-top:1.6rem; line-height: 1.8rem; color: #333; width: 13.4rem;}
.zjcont_nr h3 b{font-weight: bold; color: #18b1ae;} 
.zjcont_nr h3 span a{color: #ff6600;}
.zjcont_nr h4{text-align: center; padding-top:1.5rem ;}
.zjcont_nr h4 a{ float: left; width: 7.3rem; height: 2.4rem; border-radius: 1.2rem; line-height: 2.4rem; background-color: #18b1ae; color: #fff; text-align: center;}
.zjcont_nr h4 a:nth-child(2){float: right; background-color: #ff6600;}
.zj_zjtx{background: url(../images/zjts.jpg) no-repeat center center/32rem 14.7rem; position: relative; width: 32rem; height: 14.7rem;}
.zj_zjtx h2{position: absolute; left:8.8rem;top:3.8rem; color: #18b1ae; font-size: 1.4rem; font-weight: bold;}
.zj_zjtx p{ font-size: 1.2rem; color: #333; text-indent: 2em; width: 21.3rem; position: absolute; left:8.8rem; top:6.1rem;}




.zzl{ width:32rem; margin: 56px auto 0;}
.zzl ul{ width:30rem; height: 21rem; margin:0 auto;  display: flex; flex-wrap: wrap;  justify-content: space-between; margin-top:2.6rem; margin-bottom: 2.75rem;}
.zzl ul li { margin-bottom: 0.15rem;}
.zzl ul li:nth-child(1) img,.zzl ul li:nth-child(2) img,.zzl ul li:nth-child(3) img,.zzl ul li:nth-child(7) img,.zzl ul li:nth-child(8) img,.zzl ul li:nth-child(9) img{ width:9.9rem; height: 6.8rem;}
.zzl ul li:nth-child(6) img{ width:8.05rem; height: 7.8rem;}
.zzl ul li:nth-child(4) img, zzl ul li:nth-child(6) img{ width:8.05rem; height: 7.8rem;}
.zzl ul li:nth-child(5) img{ width:13.7rem; height: 7.8rem; }



.zrd{ width:32rem; margin: 0 auto 2rem; background: url(../images/zjbg_01.png) no-repeat top center/32rem 2.25rem,url(../images/zjbg_02.png) no-repeat bottom center/32rem 2.05rem #e3fbfa; padding:4.3rem 0 4rem;}
.zrd .title{background: url(../images/titlerd.png) no-repeat center center/32rem 3.25rem;}
.zrd .title h2{font-size: 2rem; bottom: 1.25rem;}
.zrd ul{ width:30rem;  margin: 0 auto; display: flex; flex-wrap: wrap;  justify-content: space-between; }
.zrd ul li{margin:0 0 0.25rem;}
.zrd ul li a{ color: #fff; font-size: 1rem;}
.zrd ul li:nth-child(1){ background-color: #40d1ce; width:9.95rem; height: 2.45rem; line-height: 2.45rem;  text-align: center;}
.zrd ul li:nth-child(2){ background-color: #40aad1; width:9.95rem; height: 2.45rem; line-height: 2.45rem;  text-align: center;}
.zrd ul li:nth-child(3){ background-color: #dab25b; width:9.7rem; height: 2.45rem; line-height: 2.45rem;  text-align: center;}
.zrd ul li:nth-child(4){ background-color: #df8b52; width:8.45rem; height: 2.45rem; line-height: 2.45rem;  text-align: center;}
.zrd ul li:nth-child(5){ background-color: #45abe5; width:11.45rem; height: 2.45rem; line-height: 2.45rem;  text-align: center;}
.zrd ul li:nth-child(6){ background-color: #40d1ce; width:9.7rem; height: 2.45rem; line-height: 2.45rem;  text-align: center;}
.zrd ul li:nth-child(7){ background-color: #40aad1; width:14.9rem; height: 2.45rem; line-height: 2.45rem;  text-align: center;}
.zrd ul li:nth-child(8){ background-color: #df8b52; width:14.9rem; height: 2.45rem; line-height: 2.45rem;  text-align: center;}
.zrd h3 img{ width:32rem}

.looter_bm { position: relative;  margin-bottom: 4rem;  }
.looter_bm img { width: 100%; }
.loot_conter { width: 62.56%; position: absolute; top: 16%; right: 0%; }
.loot_conter h3 { font-size: 1.1rem; font-weight: 400; margin-top: 1rem; }
.loot_conter h3 span { width: 11%;  float: left; margin-top: 2%; margin-right: 2%; }
.loot_conter h3 font {font-size:.9rem; text-indent: 3em; display: inline-block; }
.dbswt{position:fixed; left:50%; bottom:0; width:32rem; margin:0 0 0 -16rem;}
.dbswtdw{width:100%; position:absolute; left:0; bottom:0; height:7.15rem;}
.dbswtdw a{ width:18%; height:4.75rem; margin-top:2.4rem; float:left; text-decoration: none;}
.dbswtdw a:nth-of-type(3){ width:28%; height:100%; margin-top:0;}
.dbswtdw a:nth-of-type(3)>span{ background:red;border-radius: 0.5rem; text-align:center; width: 2.6rem; height: 2rem; line-height: 2rem; font-size:1.2rem; margin-left:55%; color:#fff; display:block; margin-top: 5%; animation:shangxia 1.5s ease 0s infinite; -webkit-animation:shangxia 1.5s ease 0s infinite;}
@keyframes shangxia {
	0%, 20%, 50%, 80%, 100% { transform: translateY(0rem); }
	40% { transform: translateY(-0.4rem); }
	60% { transform: translateY(-0.8rem); }
}
@-webkit-keyframes shangxia {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0rem); }
	40% { -webkit-transform: translateY(-0.4rem); }
	60% { -webkit-transform: translateY(-0.8rem); }
}




html { font-size: 10px; font-size: calc(100vw / 32);}
@media all and (max-width: 320px) {
html { font-size: 10px; }
}
@media all and (min-width: 640px) {
html { font-size: 20px; }
}