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: 0.5rem; clear: both; overflow: hidden; }
.blank1 { font-size: 0; line-height: 0; height: 0.75rem; clear: both; overflow: hidden; }
.blank5 { font-size: 0; line-height: 0; height: 2.5rem; 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: 0.6rem; background: #fff; }
/*input,textarea,select{appearance: none; -webkit-appearance: none; border-radius:0;}*/
img { max-width: 100%; }
body { font-size: 1.2rem; width: 32rem; margin: 0 auto; }
.img img { display: block; }
.nav { overflow: hidden; zoom: 1; background: #6981a7; height: 3.25rem; line-height: 3.25rem; margin-bottom: 1px; }
.nav ul { display: flex; display: -webkit-flex; justify-content: space-between; justify-content: -webkit-space-between; flex-wrap: wrap; flex-wrap: -webkit-wrap; }
.nav ul li { width: 25%; text-align: center; background: url(../images/nav_line.png) no-repeat right center/0.1rem 3.25rem; }
.nav ul li:last-child { background: none; }
.nav ul li a { color: #FFF; }
.banner { width: 32rem; height: 38.9rem; position: relative; }
.banner h2 { width: 8.3rem; height: 2.95rem; right: 0; bottom: 7.5rem; position: absolute; }
.banner p { color: #FFF; line-height: 2.25rem; width: 30rem; height: 6.75rem; background: url(../images/ban_btbg.png) no-repeat top center/30rem 6.75rem; box-sizing: border-box; padding: 1.75rem 0 0 4.85rem; position: absolute; left: 1rem; bottom: 0; }
.banner p img { vertical-align: middle; width: 0.65rem; margin-right: 0.5rem; }
.wp01 { height: 45.85rem; overflow: hidden; zoom: 1; background: url(../images/wp1_bg.jpg) no-repeat top center/32rem 45.85rem; padding: 8.9rem 0 0; box-sizing: border-box; }
.wp1 { position: relative; height: 33.75rem; width: 32rem; }
.wp1_jt2 { position: absolute; z-index: 1; width: 3.4rem; height: 3.4rem; border-radius: 50%; right: 6.3rem; bottom: 3.35rem; }
.wp1_ct ul li { position: relative; height: 33.75rem; width: 32rem; }
.wp1_ct ul li img { width: 21rem; height: 33.75rem; display: block; }
.wp1_ct ul li p { position: absolute; top: 17.5rem; right: 1.5rem; z-index: 3; width: 12.6rem; font-size: 1.1rem; line-height: 1.8rem; color: #5b5b5b; }
.wp1_ct ul li p span { color: #d80101 }
.fdwrap { position: relative; z-index: 4; }
.fdtit { overflow: hidden; }
.fdtit ul li { width: 50%; float: left; }
.bgshadow { display: none; background: #000; width: 100%; min-height: 100rem; left: 0; top: 0; filter: alpha(opacity=80); opacity: 0.8; z-index: 12; z-index: 1; top: 0; left: 0; position: fixed; }
.fdcont { display: none; position: fixed; z-index: 2; left: 50%; top: 50%; width: 30rem; height:auto; box-sizing:border-box; border: 1rem solid #7f7f7f; border-radius: 0.5rem; overflow: hidden; margin-top: -23rem; margin-left: -15rem;/*内容宽度的一半*/ }
.anniu1 {display: none; position:fixed; z-index:3;background: url(../images/wpx.png) no-repeat right top/2.1rem 2.1rem;height: 2.1rem; left:50%; margin-left:-15rem; top:0; width:30rem; min-height:64rem;/*内容宽度的一半 - 按钮的宽度 再用正值*/ }

.wp02 { height: auto; overflow: hidden; zoom: 1; background: #6981a7; padding: 3rem 0 1rem; box-sizing: border-box; }
.wp02 p { color: #b1cfff; line-height: 2.1rem; margin: 0 1.4rem 0 6rem; text-indent: 2em; width: 24.6rem; }
.wp2 { width: 31rem; overflow:hidden; margin: 1.7rem 0 1rem 1rem; overflow: hidden; height: 21.1rem; position: relative; }
.wp2_jt2 { position: absolute; z-index: 3; width: 3.4rem; height: 3.4rem; border-radius: 50%; right: 1rem; top: 8.2rem; }
.wp2_tt { float: right; width: 4.1rem; padding-top: 0.6rem; }
.wp2_tt ul li { width: 4.1rem; height: 2.7rem; }
.wp2_tt ul li:nth-of-type(1) { background: url(../images/num_01.png) no-repeat top center/4.1rem 2.7rem; }
.wp2_tt ul li:nth-of-type(1).hover { background: url(../images/num_01a.png) no-repeat top center/4.1rem 2.7rem; }
.wp2_tt ul li:nth-of-type(2) { background: url(../images/num_02.png) no-repeat top center/4.1rem 2.7rem; }
.wp2_tt ul li:nth-of-type(2).hover { background: url(../images/num_02a.png) no-repeat top center/4.1rem 2.7rem; }
.wp2_tt ul li:nth-of-type(3) { background: url(../images/num_03.png) no-repeat top center/4.1rem 2.7rem; }
.wp2_tt ul li:nth-of-type(3).hover { background: url(../images/num_03a.png) no-repeat top center/4.1rem 2.7rem; }
.wp2_ct { float: right; width: 26.9rem; height:21.1rem }
.wp2_ct ul li,.wp2_ct ul li img { width: 26.9rem; height:21.1rem }
.wp2_bt { background: url(../images/wp2_bt.jpg) no-repeat top center/32rem 11.75rem; height: 11.75rem; box-sizing: border-box; padding: 6.4rem 2.75rem 0; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.wp2_bt a { display: block; width: 12.85rem; }
.wp03 { height: 25.7rem; overflow: hidden; zoom: 1; background: url(../images/wp3_bg.jpg) no-repeat top center/32rem 25.7rem; }
.wp31 { background: url(../images/zj_bg1.jpg) no-repeat top center/30rem 21rem; height: 21rem; width: 30rem; margin: 0 auto; box-sizing: border-box; padding: 2.1rem 1.75rem 0 14.7rem; }
.wp31 h2 { color: #5a5a5a; }
.wp31 h2 strong { margin-right: 0.5rem; color: #6981a7; font-size: 2.1rem; }
.wp31 h3 { line-height: 2rem; color: #5a5a5a; margin: 1rem 0; }
.wp31 h3 img { vertical-align: middle; width: 1rem; margin-right: 0.5rem; }
.wp31 p { font-size: 1.1rem; line-height: 1.7rem; color: #919191; width: 13.6rem; }
.wp31 p strong { color: #6981a7 }
.wp31 h4 { background: url(../images/zj_btn.png) no-repeat top center/11rem 2.75rem; line-height: 2.75rem; width: 11rem; margin: 0.75rem auto; text-indent: 3.4rem; color: #FFF; }
.wp31 h4 a { color: #FFF; }
.wp32 { background: url(../images/zj_bg2.jpg) no-repeat top center/30rem 21rem; }
.wp33 { background: url(../images/zj_bg3.jpg) no-repeat top center/30rem 21rem; }
.wp34 { background: url(../images/zj_bg4.jpg) no-repeat top center/30rem 21rem; }
.wp35 { background: url(../images/zj_bg5.jpg) no-repeat top center/30rem 21rem; }
.wp3_tt { text-align: center; margin: 1.6rem auto; }
.wp3_tt ul li { display: inline-block; border-radius: 50%; width: 1rem; height: 1rem; margin: 0 0.4rem; background: #FFF; border: 0.1rem solid #6981a7; box-sizing: border-box; }
.wp3_tt ul li.hover { background: #6981a7; border: 0.1rem solid #6981a7; }
.wp04 { height: auto; overflow: hidden; zoom: 1; background: #6981a7; padding: 3rem 0 1.75rem; box-sizing: border-box; }
.wp4_ct { border-radius: 0.5rem; margin: 1.5rem auto 0; background-color: rgb(93, 116, 152); width: 30rem; height: 27.4rem; box-sizing: border-box; padding: 0.5rem; }
.wp4_ct dl { overflow: hidden; zoom: 1; }
.wp4_ct dl dt { background: url(../images/wp4_pic.jpg) no-repeat top center/29rem 20rem; height: 20rem; width: 29rem; box-sizing: border-box; text-align: center; color: #FFF; line-height: 2.8rem; margin: 0 auto 0.4rem; padding: 17.2rem 0 0; }
.wp4_ct dl dt p span { color: #fff000 }
.wp4_ct dl dd { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.wp4_ct dl dd p { width: 9.4rem; height: 6rem; text-align: center; color: #FFF; line-height: 1.75rem; padding: 4.25rem 0 0; font-size: 0.9rem; }
.wp4_ct dl dd p:nth-of-type(1) { background: url(../images/wp41.jpg) no-repeat top center/9.4rem 6rem; }
.wp4_ct dl dd p:nth-of-type(2) { background: url(../images/wp42.jpg) no-repeat top center/9.4rem 6rem; }
.wp4_ct dl dd p:nth-of-type(3) { background: url(../images/wp43.jpg) no-repeat top center/9.4rem 6rem; }
.wp4_bt { width: 30rem; height: 1.2rem; margin: 0 auto; }
.wp05 { height: auto; overflow: hidden; zoom: 1; }
.wp51 { background: url(../images/wp5_bg1.jpg) no-repeat top center/32rem 41.1rem; height: 41.1rem; box-sizing: border-box; padding: 5.65rem 0 0; }
.wp51 h2 { text-align: center; font-weight: bold; color: #6981a7; font-size: 2.1rem; }
.wp51 h3 { text-align: center; color: #5d5d5d; line-height: 2.5rem; }
.wp51 h3 span { color: #d80000 }
.wp51 h4 { margin: 1rem auto 1.5rem; width: 28.2rem; }
.wp51 p { margin: 0 auto; width: 28.2rem; line-height: 1.9rem; color: #848484; }
.wp51 p strong { color: #525252 }
.wp51 h6 { margin: 1rem auto; width: 24.5rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.wp51 h6 a { display: block; width: 11.75rem; }
.wp52 { background: url(../images/wp5_bg2.jpg) no-repeat top center/32rem 41.1rem; height: 41.1rem; box-sizing: border-box; padding: 5.5rem 0 0; }
.wp53 { background: url(../images/wp5_bg3.jpg) no-repeat top center/32rem 41.65rem; height: 41.65rem; box-sizing: border-box; padding: 5.25rem 0 0; }
.wp06 { height: 20.75rem; background: url(../images/wp6_bg.jpg) no-repeat top center/32rem 20.75rem; overflow: hidden; zoom: 1; padding: 2.6rem 0.8rem 0 13.2rem; box-sizing: border-box; }
.wp06 h2 { width: 9.6rem; }
.wp06 h3 { color: #FFF; font-size: 1.6rem; width: 17.85rem; background: url(../images/wp6_line.png) no-repeat bottom center/17.85rem 0.1rem; height: 3.25rem; line-height: 3.25rem; }
.wp06 p { color: #c3d9fb; line-height: 1.9rem; margin: 0.25rem auto 1rem; }
.wp06 h4 { width: 15rem; margin: 0 auto; }

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; }
}