html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: 0; vertical-align: baseline; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body{ font-size: 0.24rem; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; color:#666666; line-height:0.3rem; overflow-x: hidden;  }

ol, ul ,li{ list-style: none; }

h1,h2,h3,h4,h5,h6{ font-size: 100%;}

blockquote, q { quotes: none; }

table { border-collapse: collapse; border-spacing: 0; }

input, textarea { outline: 0; resize: none; }

a { text-decoration:none; color:#666666; }

a:hover { text-decoration:none; }

abbr[title] { border-bottom:1px dotted; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; overflow: hidden; }

a img { border: none;}

.clear { clear:both; }

.pd2{ width: 96%; margin: auto;}

.ss{ animation: ss .75s linear infinite; color: #fff;}

.fl { float:left; } .fr { float:right; }

.box{ width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto;background: #fff;}

.box img{ width: 100%; display: block; }

.header{ background: #0384d8; height: 0.82rem;}

.header .fl { width: 3.37rem;}

.header .fr { width: 2.02rem;}

.nav{ background: #0a70b2; height: 0.76rem; line-height: 0.76rem; overflow: hidden;}

.nav a{ width: 16%; text-align: center; display: block; font-weight: bold; color: #fff; float: left;}

.ti{ padding: 0.2rem 0; text-align: center; line-height: 0.5rem;}

.ti h2{ color: #00b0b0; font-size: 0.44rem;}

.ti p{ font-size: 0.36rem; color: #333;}

.n1a{ width: 92%; margin:0 auto; overflow: hidden;}

.n1a li{ text-align: center; width: 21%; float: left; margin: 3% 2% 0;}

.n1a li img{}

.n1a li p{ color: #333; margin-top: 0.1rem;}

.n1b{ margin-top: 0.2rem; overflow: hidden;}

.n1b a{ display: block; height: 0.5rem; line-height: 0.5rem; color: #fff; text-align: center; float: left; margin-top: 1%;}

.n1b a:nth-child(1){ width: 39%; background: #87dad3;}

.n1b a:nth-child(2){ width: 20%; background: #a0d3cf; margin: 1% 1% 0;}

.n1b a:nth-child(3){ width: 39%; background: #77bba8;}

.n1b a:nth-child(4){ width: 45%; background: #67b9c7;}

.n1b a:nth-child(5){ width: 54%; background: #68cac0; margin-left: 1%;}

.n1-jj{ margin-top: 0.07rem;}

.n1-jjt{ width: 20%; height: 1.2rem; padding-top: 0.2rem; line-height: 0.4rem; background: #007b7b; font-weight: bold; font-size: 0.3rem; border-bottom: 0.1rem solid #005555; color: #fff; text-align: center;}

.n1-jjn{ width: 80%; height: 1.2rem; background: #ddffff; padding: 0.15rem 0 0 0.15rem;}

.n-zx{ height: 0.52rem; line-height: 0.52rem; background: #b8922e; color: #fff; font-weight: bold; text-align: center; border-radius: 0 0 0.1rem 0.1rem; margin-top: 0.05rem; margin-bottom: 0.2rem;}

.ti2,.ti3{ margin: 0.2rem auto; text-align: center; position: relative;}

.ti2 h2,.ti3 h2{ font-size: 0.32rem; color: #333; border-bottom: 0.02rem solid #7bd5ce; font-weight: normal; line-height: 0.5rem;}

.ti2 h2::after,.ti3 h2::after{ content: ""; width: 30%; height: 0.02rem; background: #7bd5ce; margin: 0 auto; position: absolute;left: 50%;margin-left: -15%;top: 0.48rem;}

.ti3 h2{ line-height: 0.4rem; padding-bottom: 0.1rem; }

.ti3 h2::after{top: 0.87rem; height: 0.03rem;}

.n3 p{ width: 24.22%; float: left; margin-left: 1%; padding-top: 1.9rem; height: 2.94rem;  padding-left: 0.1rem;}

.n3 p:nth-child(1){ background: url("../images/n3.jpg")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n3.jpg*/ no-repeat; background-size: 1.5rem; margin-left: 0;}

.n3 p:nth-child(2){ background: url("../images/n3-02.jpg")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n3-02.jpg*/ no-repeat; background-size: 1.5rem;}

.n3 p:nth-child(3){ background: url("../images/n3-03.jpg")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n3-03.jpg*/ no-repeat; background-size: 1.5rem;}

.n3 p:nth-child(4){ background: url("../images/n3-04.jpg")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n3-04.jpg*/ no-repeat; background-size: 1.5rem;}

.n6a{ overflow: hidden;}

.n6a p { width: 32.66%; float: left; padding-top: 1.5rem; text-align: center; height: 2.36rem; color: #333;}

.n6a p:nth-child(1){ background: url("../images/n6.jpg")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n6.jpg*/ no-repeat; background-size: 2.03rem; }

.n6a p:nth-child(2){ background: url("../images/n6-02.jpg")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n6-02.jpg*/ no-repeat; background-size: 2.03rem; margin: 0 1%;}

.n6a p:nth-child(3){ background: url("../images/n6-03.jpg")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n6-03.jpg*/ no-repeat; background-size: 2.03rem; }

.n6b{ overflow: hidden;}

.n6bs{ width: 33.33%; text-align: center;}

.n6bs img{ width: 1.46rem; margin: auto;}

.n6bs p{}

.n7as{ background: url("../images/n8-04.jpg")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n8-04.jpg*/ no-repeat; background-size: 100%; height: 1.66rem;}

.n7as p{ width: 25%; float: left; text-align: center; padding-top: 0.8rem; color: #333;}

.n7b{ position: relative; width: 96%; margin: 0.1rem auto; overflow: hidden}

.n7bl{ width: 20%; height: 1.1rem; background: #00b0b0; font-weight: bold; padding-top: 0.15rem; line-height: 0.4rem; text-align: center; color: #fff; font-size: 0.3rem;}

.n7br{ width: 80%; height: 1.1rem; background: #ddffff;}

.n7br p{ color: #333; padding-left: 0.3rem; background: url("../images/n12.png")/*tpa=http://4g.whbdmn.net/zt/qlx/images/n12.png*/ no-repeat; background-size: 0.27rem; float: left; margin-left: 0.15rem; margin-top: 0.2rem;  }

.n7c{ overflow: hidden; padding: 0 2%;}

.n7c li{ width: 32.66%; float: left; margin-top: 2%;}

.n7c li:nth-child(3n-1){ margin: 2% 1% 0;}

.n7c img{ width: 1.93rem; margin: auto;}





.n5n2{ position: relative; }

.n5n2s{ position: absolute; width: 2.48rem; height: 2.48rem; border-radius: 100%; left: 50%; top:50%; margin-top: -1.24rem; margin-left: -1.24rem; background: rgba(255,255,255,0.8);}

.n5n2ss{ width: 2rem; height: 2rem; border-radius: 100%; color: #fff; background: rgba(0, 176, 176, 0.9); margin:0.23rem auto; text-align: center; padding-top:0.45rem;}

.n5n2ss h3{ font-size: 0.36rem; padding-bottom: 0.1rem;}

.n5n2ss p{ line-height: 0.28rem;}

.a9{ margin-top: 0.1rem;}

.a9a{ width: 64.5%;}

.a9a1{ width: 100%; overflow: hidden;}

.a9a1 p{ color: #fff; height: 2.08rem; box-sizing: border-box; line-height: 0.288rem;}

.a9a1 .p1{ width: 49.5%; float: left; background: #87dada; padding: 0.34rem 0.12rem;}

.a9a1 .p2{ width: 49.5%; float: right; background: #7cd6d6; padding: 0.2rem 0.12rem;}

.a9a2{ margin-top: 1.5%;}

.a9a2 p{ background: #87dada; color: #fff; padding: 0.34rem 0.18rem; box-sizing: border-box; line-height: 0.288rem;}

.a9b{ width: 34.5%;}

.a9b a{ display: block; height: 1.18rem; background: #e4f8f8;display: -webkit-box;  -webkit-box-pack: center; text-align: center; padding-top: 0.3rem; box-sizing: border-box;}

.a9b a img{ width: 0.5rem; height: 0.48rem; margin-right: 0.1rem;margin-top:0.1rem;}

.a9b .a22{ margin: 0.066rem 0;}

.a9b a p{ width: 0.96rem;}

.footer{ text-align: center; padding: 0.3rem 0; background: #f4f4f4; margin-top: 0.1rem;}

.footer .bkup{ margin-top: 0.2rem;}

.footer .bkup a{ height: 0.66rem; line-height: 0.66rem; margin: 0 0.1rem;}

.footer .bkup a img{ width: 0.5rem; height: 0.5rem; vertical-align: middle; display: inline;}



@keyframes ss {

    0% { opacity: 1; }

    50% { opacity: 1; }

    50.01% { opacity: 0; }

    100% { opacity: 0; }

}