.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:13.79rem; overflow:hidden;} /*导航样式*/ .g-nav { display:inline-block; width:100%; height:6.3rem; overflow:hidden; position:relative; background:#0372c1; margin-bottom:2.3rem;background: url(/uploads/image/mi/nav.jpg) no-repeat; background-size:100%; } .g-nav a {font-size:0.92rem; color:#fff; height:3.15rem; line-height:3.15rem; width:33.33%; text-align:center; display:block; float:left;} /**/ .g-pro{ overflow:hidden; padding-bottom:3.2rem;} .g-pro h3{ color:#0b5bbc; font-size:1.33rem; font-weight:bold; text-align:center;background: url(/uploads/image/mi/h31.gif) no-repeat; background-size:100%; height:2.83rem; margin-bottom:0.75rem;} .g-pro ul{ overflow:hidden;} .g-pro ul li{ float:left; width:46%; margin:0 0 0.9rem 3%;} .g-pro ul li span{ height:2.8rem; display:block; text-align: center; font-size:1rem; background:#7a7a7a; margin-top:-0.16rem; padding:0.2rem 0;} .g-pro ul li span a{ color:#fff; font-size:0.92rem;} .g-pro ul li span i{ display:block;} .g-pro h4{ color:#fff; width:11rem; height:2.2rem; line-height:2.2rem; text-align:center; margin:0 auto; clear:both; background:#0b5bbc; font-size:1rem;} /**/ .g-xg{ width:100%;overflow:hidden; position:relative; padding-bottom:2.7rem;} .g-xg h3{ text-align:center; color:#0b5bbc; font-size:1.17rem; padding-bottom:0.7rem;} .g-xg h3 img{ display:block; padding-top:0.15rem;} .g-xg .m-cnt{ background:#999; height:2.4em; line-height:2.4em; font-size:1rem;margin: 0 0.8rem 0.7rem;} .g-xg .m-cnt li{ width:25%; text-align:center; float:left; position:relative; font-size:1em; color:#fff; box-sizing:border-box; border-right:1px solid #fff;} .g-xg .m-cnt li.z-on{ background: #01943c; font-weight:bold;} .g-xg .m-box .con{ display:inline; float:left;} .g-xg .m-box .con h4 { overflow:hidden; padding-bottom:0.5rem;} .g-xg .m-box .con h4 i{ display:inline-block; width:50%; float:left; text-align:center; font-weight:bold; color:#333; font-size:1rem;} .g-xg .m-box .con h4 i:first-child{ color:#0b5bbc;} .g-xg .m-box .con h5{ color:#404040; font-size:0.92rem; text-align:center;} .g-xg .m-box .con h5 i{ display:inline-block; width:50%; float:left; text-align:center;} /**/ .g-jiet{background: url(/uploads/image/mi/bg.jpg) no-repeat; background-size:100%; height:24.54rem; overflow:hidden;} .g-jiet h3{ font-size:1.5rem; color:#fff; font-weight:bold; padding:2.5rem 0 0 0.8rem;} .g-jiet h4{ font-size:1rem; color:#fff; margin-left:0.8rem; padding-top:1rem;} .g-jiet h4 i{ display:block;} .g-jiet dl{ float:left; width:31%; float:left;} .g-jiet dl dt{ color:#0b5bbc; font-size:1.06rem; font-weight:bold; text-align:center;} .g-jiet dl dt span{ display:block; color:#333; font-size:0.67rem; margin:0 1rem; padding-top:0.5rem; } .g-jiet dl dd{ font-size:0.9rem; color:#fff; text-align:center; padding-top:3.8rem;font-weight:bold;} .g-jiet dl:nth-child(3){ margin-left:3.6%; padding-top:5.5rem;} .g-jiet dl:nth-child(4){ padding-top:3.5rem;} .g-jiet dl:nth-child(4) dd{ padding-top:5.5rem;} .g-jiet dl:nth-child(5){ padding-top:1.5rem;} .g-jiet dl:nth-child(5) dd{ padding-top:6.25rem;} /**/ .g-ly{ background:#01943c; height:23rem; padding-top:1.25rem; overflow:hidden;} .g-ly h3{ font-size:1.33rem; color:#fff; margin-left:0.9rem; line-height:108%; padding-bottom:1.3rem;} .g-ly h3 b{ font-size:1.42rem; display:block;} .g-ly h3 i{ font-size:0.92rem;} .g-ly ul li { height:1.8rem; line-height:1.8rem; background:#fff; border-radius:0.5rem;margin:0 0.8rem 0.45rem;} .g-ly ul li img { float:left; padding:0 10px;} .sbt { width:5.3rem; display:block; float:left; font-size:0.92rem; color:#333; text-align:right;} .sinp01{ background:none; width:74%; padding:0 2px; height:1.8rem; line-height:1.8rem; border:none; float:left} .sinp02 { background:none; width:33%; padding:0 2px; height:1.8rem; line-height:1.8rem; border:none; float:left} .sbz { color:#db262d; padding:6px 0 0 3px; float:left; display:block;} .area { background:none; width:77%; height:3.6rem; padding:2px; overflow:auto; border:none; line-height:1.8rem;} .g-ly ul .h66 { height:3.8rem;} .g-ly ul li:last-child{ width:8.3rem; position:relative; background:none;} .g-ly ul li i{ display:inline-block; position:absolute; right:-3rem; top:0.1rem; width:3rem;} .g-ly ul li em{ display:inline-block; position:absolute; right:-16.8rem; top:0.1rem; width:11.6rem; box-sizing:border-box; border:2px solid #fff;} .g-ly ul li em a{ font-size:0.92rem; color:#fff; width:50%; float:left; display:inline-block; text-align:center;} .g-ly ul li em a:first-child{ box-sizing:border-box; border-right:2px solid #fff;} .g-ly h4{ clear:both; height:2rem; line-height:2rem; color:#fff; font-size:0.92rem; margin:1.5rem 0.9rem 0; text-align:center; background:#007b31;} /*优势*/ .g-ys{ width:100%;overflow:hidden; position:relative;margin-bottom:2rem;} .g-ys h3{ padding:2.8rem 0 1rem 0;} .g-ys .m-box .con{ display:inline; float:left;} .g-ys .con dl{ padding:1.25rem 0 1rem 0 ;} .g-ys .con dl dt{background: url(/uploads/image/mi/y_dt.gif) no-repeat; background-size:100%; height:4.125rem; line-height:4.125rem; overflow:hidden; color:#0b5bbc; font-size:1.17rem; font-weight:bold; margin-bottom:1rem;} .g-ys .con dl dt b{ padding-left:12.8%; width:2.25rem; display:inline-block; margin-right:0.35rem; text-align:center; color:#fff;} .g-ys .con dl dd{ padding:0 0 0 12.8%;} .g-ys .con dl dd p{ overflow:hidden;font-size:0.75rem; color:#000; padding-bottom:0.5rem;} .g-ys .con dl dd p em{ display:inline-block; width:0.3rem; float:left; margin-right:0.2rem;} .g-ys .con dl dd p em img{ vertical-align:middle;} .g-ys .con dl dd p i{ display:inline-block; float:left; width:93%; padding-left:0.5rem; color:#141414; font-size:0.92rem;} .g-ys .con dl dd p i span{ color:#01943c;} .g-ys .m-cnt{ overflow:hidden; padding-left:5.8rem; padding-bottom:2rem;} .g-ys .m-cnt li{ width:3.3rem; height:2rem; line-height:2rem;text-align:center; float:left; position:relative; font-size:1rem; color:#333; font-weight:bold;background: #d9d9d9; margin-right:0.65rem;} .g-ys .m-cnt li.z-on{color:#fff; background:#0b5bbc;} /**/ /**/ /**/ /**/ /**/ .g-hz { position:relative; margin-bottom:1.5rem; overflow:hidden; padding-bottom:3rem;} .g-hz h3{ font-size:1.17rem; color:#0372c1;font-weight:bold; text-align:center; padding-bottom:1.2rem; position:relative;} .g-hz h3:before{ content:""; position:absolute;height:2px;width:1.6rem;position: absolute;left:48%;top:68%; background:#0b5bbc;} .g-hz .prev { position:absolute; top:3.3rem; left:0.8rem; width:1.8rem; z-index:5;} .g-hz .next { position:absolute; top:3.3rem; right:0.8rem; width:1.8rem; z-index:5;} .g-hz .nowarp { margin:0 2rem;} .g-hz .nowarp .m-box .con { float:left;} .g-hz .con ul{ overflow:hidden;} .g-hz .con ul li{ float:left; width:44%; margin:0 0 0 4%;} /**/ /**/ .g-news{overflow:hidden; position:relative; margin:0 0.9rem 2.5rem;} .g-news .m-cnt{ background:#0b5bbc; height:2.3rem; line-height:2.3rem; font-size:1rem;} .g-news .m-cnt li{ width:33.333%; text-align:center; float:left; position:relative; font-size:1rem; color:#fff; box-sizing:border-box; border-right:1px solid #fff;} .g-news .m-cnt li.z-on{ background: #01943c; position:relative;} .g-news .m-cnt li.z-on:before{ content:""; position:absolute;border-top:0.5rem solid #01943c;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;height: 0;width: 0;position: absolute;left:43%;top:100%;} .g-news .m-box .con{ display:inline; float:left;} .g-news .con ul{ border:1px solid #e0e0e0; border-top:none; padding-top:1rem; box-sizing:border-box; width:99.7%; padding-bottom:4rem;} .g-news .con ul li{ height:2.4rem; line-height:2.4rem; border-bottom:#e0e0e0 1px dotted; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.92rem; padding:0 1.5rem;} .g-news .con ul li a{ color:#333;} .g-news .con ul li:last-child{ border:none;} .g-news .con p{ margin:0.8rem 1.5rem;} .g-news h5{ color:#888; font-size:1rem; text-align:center; background:#e4e4e4; line-height:1.9rem; text-transform:uppercase; border-radius:0.3rem; position:absolute; bottom:1.5rem; left:6%; width:22rem;} /**/ /**/