.wrap img{ width:100%;} @media screen and (min-width:320px) { html { font-size:75%;}} @media screen and (min-width:360px) { html { font-size:87%;}} @media screen and (min-width:480px) { html { font-size:112%;}} @media screen and (min-width:568px) { html { font-size:131%;}} @media screen and (min-width:639px) { html { font-size:150%;}} /*通栏广告*/ .g-adv{ width:100%; height:15rem; overflow:hidden; background:#f2f2f3; margin-bottom:2rem;} .g-adv .m-cnt{ overflow:hidden; margin:0.9rem 0 0 39.8%;} .g-adv .m-cnt li { float:left; width:0.71rem; height:0.71rem; margin-right:0.9rem;background: url(/uploads/image/mi/ico2.gif) no-repeat; background-size:100%;} .g-adv .m-cnt li.z-on{background: url(/uploads/image/mi/ico1.gif) no-repeat; background-size:100%;} /*导航样式*/ .g-nav { display:inline-block; width:100%;height:7.6rem; overflow:hidden;} .g-nav a { margin:0 0.5rem 0.5rem 0; font-size:0.92rem; color:#fff; height:2.5rem; line-height:2.5rem; text-align:center; width:29%; text-align:center; display:block; float:left; background:#54acf3; border-radius:0.25rem;} .g-nav a:first-child,.g-nav a:nth-child(4){ margin-left:4.8%;} /**/ .g-pro{ width:100%;overflow:hidden; position:relative; margin-bottom:2.3rem; background:#f2f2f3; padding-bottom:2.15rem;} .g-pro h3,.g-xl h3{ font-size:1.33rem;color:#333; text-align:center; height:4rem; padding-top:2.3rem;} .g-pro h3 span,.g-xl h3 span{ display:block; font-size:0.92rem; color:#666; text-align:center; position:relative;} .g-pro h3 span:before,.g-xl h3 span:before{ content:""; position:absolute;height:1px;width:13%;content: "";left:0;top:50%; background:#dfdfdf;} .g-pro h3 span:after,.g-xl h3 span:after{ content:""; position:absolute;height:1px;width:13%;content: "";right:0;top:50%; background:#dfdfdf;} .g-pro .m-cnt{ font-size:1rem; height:3.25rem; overflow:hidden; margin:0 1.3rem;} .g-pro .m-cnt li{text-align:center; float:left; position:relative; font-size:0.92rem; color:#666; height:2.2rem; line-height:2.2rem;width:33.33%;box-sizing:border-box;border:1px solid #d2d2d2;border-right:none;} .g-pro .m-cnt li:last-child{border-right:1px solid #d2d2d2;} .g-pro .m-cnt li.z-on{background:#28a0ec; color:#fff; border:1px solid #d2d2d2; position:relative;} .g-pro .m-cnt li.z-on:before{ content:""; position:absolute;border-top:0.35rem solid #28a0ec;border-left:0.35em solid transparent;border-right:0.35rem solid transparent;height: 0;width: 0; left:48%; top:100%; } .g-pro .m-box .con{ display:inline; float:left;} .g-pro .con ul{ overflow:hidden;} .g-pro .con ul li{margin:0 1.3rem; position:relative; background:#fff; border-bottom:1px solid #dcdcdc;} .g-pro .con ul li i{ display:block; text-align:center; line-height:3rem;} .g-pro .con ul li i a{ color:#333; font-size:0.92rem;} .g-pro .con ul li em{ display:block; text-align:center; margin-bottom:1.3rem; margin-top:1.3rem;} .g-pro .con ul li em span{ display:inline-block; width:0.875rem; margin-right:0.3rem;} .g-pro .con ul li em span img{ vertical-align:middle;} .g-pro .con ul li em a{ display:inline-block; border:1px solid #ffa70f; border-radius:1rem; line-height:1.6rem; padding:0 1.6rem; font-size:0.92rem; color:#ffa70f; margin:0 0.3rem;} /**/ .g-xl{position:relative; height:25.5rem; overflow:hidden;} .g-xl .m-more{ position:absolute; right:1.35rem; top:6.425rem;line-height:2.4rem;background:#54acf3;font-size:1rem; display:block; color:#fff; width:45%; text-align:center;} .g-xl:before{ content:""; position:absolute;height:1px;width:33.2%;content: "";left:1.3rem;bottom:3rem; background:#a4d3f9;} .g-xl:after{ content:""; position:absolute;height:1px;width:33.2%;content: "";right:1.3rem;bottom:3rem; background:#b7db8c;} .g-xl h3{ padding-top:0;} .g-xl h3 span:before{ content:""; position:absolute;height:1px;width:6.5%;content: "";left:0;top:50%; background:#dfdfdf;} .g-xl h3 span:after{ content:""; position:absolute;height:1px;width:6.5%;content: "";right:0;top:50%; background:#dfdfdf;} .g-xl .c-list { font-size:1rem; line-height:2.4rem; margin:0 1.3rem 0.8rem; overflow:hidden;} .g-xl .c-list li { float:left; text-align:center; color:#fff; width:50%; background:#54acf3; box-sizing:border-box; border-bottom:1px solid #fff; border-right:1px solid #fff;} .g-xl .c-list li.z-on { background:#78bc27;} .g-xl .m-cpcon { position:relative;} .g-xl .m-cpcon .prev { position:absolute; bottom:2.6rem; left:38%; width:2.5rem; z-index:9;} .g-xl .m-cpcon .next { position:absolute; bottom:2.6rem; right:38%; width:2.5rem; z-index:9;} .g-xl .m-cpcon .no_ov { margin:0 1.3rem;} .g-xl .m-cpcon .sclwrap_box { height:16.85rem;} .g-xl .m-cpcon .no_ov .m-box .page { position:relative; float:left} .g-xl .m-cpcon .page ul{ overflow:hidden; box-sizing:border-box; border:1px solid #d2d2d2;} .g-xl .m-cpcon .page ul li{ float:left; width:50%; box-sizing:border-box;} .g-xl .m-cpcon .page ul li:first-child{ border-right:1px solid #d2d2d2;} .g-xl .m-cpcon .page ul li span{ display:block; height:2rem; line-height:2rem; text-align:center; border-top:1px solid #d2d2d2;} .g-xl .m-cpcon .page ul li span a{ color:#333; font-size:0.92rem;} /**/ .g-choi{ padding-top:2.3rem; background:#f2f2f3; padding-bottom:0.3rem; margin-bottom:2.25rem;} .g-choi h3{font-size:1.33rem;color:#333; text-align:center;} .g-choi h3 span{ display:block; font-size:0; padding:0.5rem 0 1.5rem 0;} .g-choi ul{ overflow:hidden; position:relative;} .g-choi ul:after{ content:""; position:absolute;height:92%;width:1px;content: "";right:50%;top:0; background:#dcdcdc;} .g-choi ul:before{ content:""; position:absolute;height:1px;width:90%;content: "";left:1.3rem;top:46.5%; background:#dcdcdc;} .g-choi ul li{ float:left; width:42%; margin-left:5.5%; background:#fff; border-radius:0.35rem; margin-bottom:2rem; box-shadow:1px 1px 1px #dfdfe0;} .g-choi ul li img{ display:inline-block; box-sizing:border-box; padding:0.8rem 2rem 0.35rem;} .g-choi ul li span{ display:block; font-size:1rem; color:#666; text-align:center; line-height:2.45rem;} /**/ .g-hb{position:relative;margin-bottom:2.4rem;} .g-hb:before{ content:""; position:absolute;height:1px;width:33.2%;content: "";left:1.3rem;top:3rem; background:#a4d3f9;} .g-hb:after{ content:""; position:absolute;height:1px;width:33.2%;content: "";right:1.3rem;top:3rem; background:#b7db8c;} .g-hb h3{ font-size:1.33rem;color:#333; text-align:center; height:4.9rem;} .g-hb .m-box .con{ display:inline; float:left;} .g-hb .prev{ width:2rem; position:absolute; top:2rem; left:41%;} .g-hb .next{ width:2rem; position:absolute; top:2rem; right:41%;} .g-hb .m-box .con{ display:inline; float:left;} .g-hb .con dl{ background:#f2f2f3; margin:0 1.3rem; padding-bottom:1.75rem;} .g-hb .con dl dt{ font-size:0;} .g-hb .con dl dd p{ padding:0 0.9rem; line-height:1.5rem; color:#666; font-size:0.92rem;} .g-hb .con dl dd p i{ display: block; color:#333; line-height:2.5rem;} .g-hb .con dl dd p span{ color:#ffa70f;} /**/ .g-news{ width:100%;overflow:hidden; margin-bottom:2.2rem; background:#f2f2f3; padding-bottom:2.45rem;} .g-news .m-cnt{ font-size:1rem;overflow:hidden; margin-bottom:1.2rem;} .g-news .m-cnt li{ float:left; position:relative; font-size:1rem; color:#fff;background:#555; width:33.33%;height:2.9rem;line-height:2.9rem ; background:#54acf3; box-sizing:border-box; border-right:1px solid #fff; text-align:center; position:relative;} .g-news .m-cnt li span{ display:inline-block; width:1.1rem; margin-right:0.45rem;} .g-news .m-cnt li span img{ vertical-align:middle;} .g-news .m-cnt li .m-more{ top:2.9rem; position:absolute; left:0; width:33.33%; height:2.5rem; line-height:2.5rem;background:#fff; filter:alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7; display:block; z-index:5; text-align: center; border-bottom-right-radius:1rem;} .g-news .m-cnt li .m-more a{ display:inline-block; height:1.5rem; line-height:1.5rem; width:5.6rem; border:1px solid #ffa70f; border-radius:1rem; color:#ffa70f; font-size:0.92rem; z-index:9; position:relative;} .g-news .m-cnt li.z-on{background:#78bc27;} .g-news .m-box .con{ display:inline; float:left;} .g-news .con p{ margin:0 1.3rem;} .g-news .con ul{ overflow:hidden; margin:0 1.3rem;} .g-news .con ul li{position:relative; line-height:2.3rem; border-bottom:1px solid #ccc;} .g-news .con ul li a{ font-size:0.92rem; color:#666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:85%;} .g-news .con ul li i{ display:inline-block; width:1.5rem; text-align:center; color:#a0a0a0;} .g-news .con ul li span{ float:right; font-size:0.92rem; color:#666;} /**/ .g-jij{ overflow:hidden; margin-bottom:1.6rem;} .g-jij h3{ height:3.9rem;font-size:1.33rem;color:#333; text-align:center;} .g-jij h3 span{ display:block; color:#999; font-size:0.92rem; position:relative;} .g-jij h3 span:before{ content:""; position:absolute;height:1px;width:42%;content: "";left:0;top:50%; background:#e2e2e2;} .g-jij h3 span:after{ content:""; position:absolute;height:1px;width:42%;content: "";right:0;top:50%; background:#e2e2e2;} .g-jij dl dt{ float:left; width:11.5rem; margin:0 0 0 1.3rem;} .g-jij dl dd{ width:46%; float: right; margin-right:3%;} .g-jij dl dd h4{ color:#2a95e5; display:block; font-size:0.92rem; padding-bottom:0.5rem;} .g-jij dl dd p{ font-size:0.92rem; color:#666; line-height:1.4rem;} /**/ .g-wen { margin-top:1.38em; position:relative; height:14.6rem; overflow:hidden; background:#f2f2f3; padding-top:1.6rem;} .g-wen .c-list { font-size:1rem; height:2.5rem; line-height:2.5rem; margin:0 1.3rem 1.2rem; overflow:hidden;} .g-wen .c-list li{ float:left; text-align:center; color:#fff; width:47.5%; background:#ebebeb; margin:0 0.2rem;background: url(/uploads/image/mi/w_bg1.gif) no-repeat; background-size:100%; text-indent:-4%;} .g-wen .c-list li:nth-child(2){background: url(/uploads/image/mi/w_bg3.gif) no-repeat; background-size:100%; } .g-wen .c-list li.z-on { background: url(/uploads/image/mi/w_bg11.gif) no-repeat; background-size:100%;} .g-wen .c-list li:nth-child(2).z-on { background: url(/uploads/image/mi/w_bg31.gif) no-repeat; background-size:100%;} .g-wen .m-cpcon { position:relative;} .g-wen .m-cpcon .prev { position:absolute; top:2.8rem; left:1.2rem; width:0.9rem; z-index:9;} .g-wen .m-cpcon .next { position:absolute; top:2.8rem; right:1.2rem; width:0.9rem; z-index:9;} .g-wen .m-cpcon .no_ov { margin:0 2.25em 0 4.25em;} .g-wen .m-cpcon .sclwrap_box { height:20.8em;} .g-wen .page { position:relative; float:left;} .g-wen .page ul li{ width:45%;float:left; margin:0 0.2rem;position:relative; background:#fff;} .g-wen .page ul li span{ display:block; text-align:center; width:100%; line-height:2.1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .g-wen .page ul li span a{ font-size:0.92rem; color:#666;} /**/ /**/ /**/ /**/