.wrap { background:#fff;} .wrap img { width:100%;} .clearfix{zoom:1;} .clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;} .m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} .clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} /*µ¼º½ñùê½*/ .g-nav2{height:9.5rem;} .g-nav2 ul li{float: left;width: 29.5%;height: 3.1rem;background: #00a0e9;text-align: center;line-height: 3.1rem;margin:0 2.3% 0.6rem 0;border-radius: 0.3rem;} .g-nav2 ul li:first-child,.g-nav2 ul li:nth-child(5){margin-left: 3.1%} .g-nav2 ul li a{color: #fff;font-size: 1rem} /*í¨à¸¹ã¸æ*/ .g-adv{width:100%;height:29rem;overflow: hidden;} /**/ .xl{margin-top:3rem;height: 30rem } .xl h3{text-align: center;color: #333333;font-size: 1rem;line-height: 1.2rem;height: 4.9rem} .xl h3 b{display: block;padding-bottom: 0.2rem} .xl h3 em{display:inline-block;width: 74%} .xl ul li{float: left;width: 29.8%;height: 8.58rem;border: 1px solid #bfbfbf;text-align: center;color: #999999;font-size: 0.5rem;margin: 0 1.7% 0.4rem 0;text-transform: uppercase;line-height:0.9rem} .xl ul li em{display: block;width: 31%;margin: 1.5rem auto 0 auto;} .xl ul li span{display: block;font-size: 0.9rem;color: #555555;padding-top: 0.6rem;line-height: 1.1rem} .xl ul li span b{color: #1a1a1a} .xl ul li:first-child,.xl ul li:nth-child(4){margin-left: 3.1%} .xl ul{height: 19rem} .xl p {text-align: center;height: 2.7rem;position: relative;z-index: 8} .xl p:before{ content:""; position:absolute;height:1px;width:100%; left:0;top:1.35rem; background:#d9d9d9;} .xl p a{display: block;width: 37.5%;height: 2.7rem;background: #00a0e9;margin: 0 auto;line-height: 2.7rem;color: #fff;font-size: 1rem;position: relative;z-index: 9} /**/ .dz{background: url(/uploads/image/mi/dzbj.jpg) no-repeat center 0;background-size: 100%;width: 100%;padding-top:3.4rem;height: 39.3rem;position: relative;overflow:hidden;} .dz h3{text-align: center;color: #333333;font-size: 1.5rem;line-height: 1.5rem;height: 5.5rem} .dz h3 span{display: block;font-size: 1rem;padding-top: 0.7rem;line-height: 1rem} .dz h3 em{width: 80%;display: inline-block;} .dz-d ul li{float: left;width: 46.5%;font-size: 0;line-height: 0;margin: 0 1.9% 0.5rem 0} .dz-d ul li img{border:2px solid #e6e6e6;} .dz-d {height: 40rem;overflow: hidden;position: relative;} .dz-d i{width:11.7%;display: block;float: left;margin-left: 3.1%} .dz-d .prev{position: absolute;top: 13rem;left: 3.1%;width: 10.2%} .dz-d .next{position: absolute;top: 19rem;left: 3.1%;width: 10.2%} .dz-z{position: absolute;bottom:2.9rem;left: 3.1%;width: 100%;} .dz-z li{float: left;width:29.5%;height: 3rem;background: #00a0e9;margin: 0 2.5% 0.7rem 0;border-radius: 0.3rem;line-height: 3rem;text-align: center;color:#fff;font-size: 1rem} .dz .page{display: inline;float: left;} .dz h4{position: absolute;right: 3.1%;bottom: 3.4rem;border-radius: 0.3rem;height: 3rem;width: 29.5%;background: #ffb800;text-align: center;line-height: 3rem} .dz h4 a{color: #fff;font-size: 1rem} /**/ .lc{margin-top: 3.3rem;height: 26.2rem;overflow: hidden;} .lc h3{text-align: center;color: #333333;font-size: 1.5rem;line-height: 1.5rem;height: 5.8rem} .lc h3 span{display: block;font-size: 1rem;padding-top: 0.7rem;line-height: 1rem } .lc h3 em{width: 80%;display: inline-block;} .lc ul li em{display: block;width:6rem;margin: 0 auto 0.5rem auto} .lc ul li{width:26%;float: left;background: url(/uploads/image/mi/lc_15.gif) no-repeat right 2.6rem;background-size: 1rem 0.8rem;padding-right:6%;margin-left:3.1%;text-align: center;color: #2a2a2a;font-size: 0.9rem;line-height: 0.9rem;height: 9.7rem;} .lc ul li:nth-child(3),.lc ul li:last-child{margin-right: 0;background: none;padding-right: 0} /**/ .hz{padding-top:3.5rem;height:26.7rem;background: #f8f8f8;position: relative;} .hz h3{text-align: center;color: #333333;font-size: 1.5rem;line-height: 1.5rem;height: 5.6rem} .hz h3 span{display: block;font-size: 1rem;padding-top: 0.7rem;line-height: 1rem} .hz h3 em{width:50%;display: inline-block;} .hz ul{height: 15rem;overflow: hidden;} .hz ul li{float: left;font-size:0;line-height: 0;margin: 0 2.7% 0.8rem 0;width: 45.5%} .hz ul li:first-child,.hz ul li:nth-child(3){margin-left: 3.1%} .hz .prev{position: absolute;bottom: 3.2rem;left: 37%;width: 10.3%;z-index: 9} .hz .next{position: absolute;bottom: 3.2rem;right: 37%;width: 10.3%;z-index: 9} .hz p{display: block;height: 2.7rem;position: relative;z-index: 8} .hz p:before{ content:""; position:absolute;height:1px;width:35%; left:3.1%;top:1.3rem; background:#bfbfbf;} .hz p:after{ content:""; position:absolute;height:1px;width:35%; right:3.1%;top:1.3rem; background:#bfbfbf;} .hz .con{display: inline;float: left;} /**/ .ys{height: 40rem;padding-top: 2.5rem;background: url(/uploads/image/mi/ysbj.jpg) no-repeat center 0;background-size: 100%;width: 100%;overflow: hidden;position:relative;} .ys h3{text-align: center;background: url(/uploads/image/mi/ys.jpg) no-repeat center 0;background-size: 100%;height: 5.2rem;width: 93.8%;margin: 0 auto;color: #333333;font-size: 1rem;margin-bottom: 1.3rem} .ys h3 b{display: block;padding: 0.5rem 0 0.3rem 0;font-size: 1.5rem} .ys dt{width: 91.5%;margin: 0 auto;border: 1px solid #d9d9d9;padding: 0.3rem;background: #fff} .ys dt img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;} .ys dd{background: url(/uploads/image/mi/ysc.jpg) no-repeat 5.5% 0.1rem;background-size: 2.3rem 2.6rem;padding-left: 3.1%;width: 93.8%;margin-top: 1.7rem;} .ys dd span em{float: left;display: block;color: #00a0e9;font-size: 1.58rem;font-family: "arial";font-weight: bold;line-height: 1.5rem} .ys dd span i{padding-top: 1.25rem;display: block;font-size: 0.4rem;color: #cfd3d7;font-family: "arial";text-transform: uppercase;} .ys dd span i b{font-size:1.08rem;color: #00a0e9;padding-right:1%;font-family:"microsoft yahei";} .ys dd span{display: block;height: 2.6rem;} .ys dd p{display:block;padding:0 6% 0 8%;background: url(/uploads/image/mi/ys.gif) no-repeat 3.1% 0.4rem;background-size:0.3rem 0.3rem;margin-top: 0.7rem;color: #666666;font-size: 0.8rem;line-height: 1.3rem; } .ys dd p em{color: #333} .ys dl{height:30rem;overflow: hidden;} .ys ul{position: absolute;bottom: 3.4rem;left: 35%;width: 100%} .ys ul li{float: left;width: 2.6rem;height: 2.6rem;background: #d9d9d9;text-align: center;margin-right: 5.8%;color: #333333;font-size: 1.25rem;font-family: "arial";line-height: 2.6rem;border-radius: 2.6rem} .ys ul li.z-on{background: url(/uploads/image/mi/yst.jpg) no-repeat;background-size: 100%;color: #fff} /**/ .case{margin-top:2.5rem;height: 31.3rem;overflow: hidden;position: relative;} .case h3{text-align: center;color: #333333;font-size: 1.5rem;line-height: 1.5rem;height: 5.8rem} .case h3 span{display: block;font-size: 1rem;padding-top: 0.6rem;line-height: 1rem;} .case h3 em{width:67.8%;display: inline-block;} .case dt{width: 93.8%;margin: 0 auto} .case dd h4 a{display: block;color: #333;font-weight: bold;padding: 1.2rem 0 0.4rem 0;font-size: 1rem} .case dd{color: #666666;font-size: 0.83rem;line-height: 1.3rem;text-align: center;width: 82%;margin: 0 auto;} .case .prev{width: 10.8%;position: absolute;top: 12.6rem;left:0} .case .next{width: 10.8%;position: absolute;top: 12.6rem;right: 0} .case .con{display: inline;float: left;} /**/ .new{padding-top: 3.3rem;height:28.3rem;background: #efefef;position: relative;} .new p{position: absolute;right: 3.1%;top: 3.7rem;} .new p a{color: #333333;font-size: 1rem} .new-n {height:2.8rem;} .new-n li{float:left;width: 25.2%;height: 2rem;color: #333333;font-size: 1rem;line-height: 2rem;margin-left: 3.1%;text-align: center;} .new-n li.z-on{background: #00a0e9;border-radius: 0.2rem;color: #fff} .new-t{padding:2rem 3% 0 3%;width: 87.8%;background: #fff;margin: 0 auto;} .new dl{overflow: hidden;height: auto} .new dt{width: 53%;float: left;} .new dd{width: 45%;float: right;font-size: 0.8rem;line-height:1.4rem;color: #6d6d6d} .new dd h4 a{color: #333333;font-size: 0.9rem;line-height: 1rem;padding-bottom: 0.3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:100%;} .new-t ul li{height:2.9rem;line-height: 3.3rem;border-bottom: 1px dashed #b9b9b9;color: #5e5e5e;font-size: 0.9rem} .new-t ul li span{float: right;display: block;height:2.9rem} .new-t ul li a{padding-left: 4.5%;background: url(/uploads/image/mi/new.jpg) no-repeat 0 1.55rem;background-size: 0.2rem 0.2rem;display: block;color:#5e5e5e;font-size: 0.9rem;width: 70%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .new-t ul li:last-child{border-bottom: 0} /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ @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%;}}