.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-adv{ position:relative; width:100%; margin:0 auto; z-index:15;height:12.15rem;overflow: hidden;} /*����*/ .ss{height:2.8rem;padding-top: 0.5rem;border: 1px solid #e4e6e5; /* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,d3d3d3+100;black+3d+%231 */ background: #f8f8f8; /* old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #d3d3d3 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d3d3d3)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#d3d3d3 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#d3d3d3 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#d3d3d3 100%); /* ie10+ */ background: linear-gradient(to bottom, #f8f8f8 0%,#d3d3d3 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#f8f8f8', endcolorstr='#d3d3d3',gradienttype=0 ); /* ie6-9 */} .ss .inp1{float: left;width: 72%;height: 2.15rem;border: 1px solid #e4e6e5;margin:0 1% 0 2.3%;border-radius: 0.2rem;padding-left: 3%;color: #c1c1c1;font-size: 1rem; /* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,fff+100;black+3d+%231 */ background: #e5e5e5; /* old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #fff 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#fff)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#fff 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #e5e5e5 0%,#fff 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#fff 100%); /* ie10+ */ background: linear-gradient(to bottom, #e5e5e5 0%,#fff 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#e5e5e5', endcolorstr='#fff',gradienttype=0 ); /* ie6-9 */} .ss .inp2{width: 19%;float: left;height: 2.2rem;} /*������ʽ*/ .g-nav2 {position:relative;margin: 1.4rem 0 0 5%;} .g-nav2 a {font-size:1rem; color:#fff;width:28%;text-align:center;padding-top: 1.6rem;display:block; float:left;height:6.2rem;font-size: 1rem;line-height: 3rem;border-radius: 0.35rem;border-right: 1px solid #b4d1eb;margin:0 6.8% 1.8rem 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; /* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0092db+0,0061b8+100;black+3d+%231 */ background: #0092db; /* old browsers */ background: -moz-linear-gradient(top, #0092db 0%, #0061b8 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0092db), color-stop(100%,#0061b8)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #0092db 0%,#0061b8 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #0092db 0%,#0061b8 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #0092db 0%,#0061b8 100%); /* ie10+ */ background: linear-gradient(to bottom, #0092db 0%,#0061b8 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#0092db', endcolorstr='#0061b8',gradienttype=0 ); /* ie6-9 */} .g-nav2 a:nth-child(3),.g-nav2 a:nth-child(6){margin-right: 0;} .g-nav2 a:nth-child(1),.g-nav2 a:nth-child(2){line-height: 1.5rem} .hy{background:url(/uploads/image/mi/hy.jpg) no-repeat center 0;background-size: 100%;height: 5.67rem;overflow: hidden;} .hy h3{text-align: center;color: #fff;font-size: 1.58rem;font-weight: bold;} .hy h3 span{display: block;padding-top:0.6rem;font-size: 1.8rem;font-weight: normal;} .zd{background:url(/uploads/image/mi/zd.jpg) no-repeat center 0;background-size: 100%;height:47.25rem;padding-top: 2rem;overflow: hidden;} .zd-c{background:url(/uploads/image/mi/yh.png) repeat-y 15% 0;height:36rem;} .zd-c dl{position: relative;height: 6.9rem;padding-bottom: 0.85rem} .zd-c dt{position: absolute;top: -0.1rem;left: 3%;float: left;width: 24.8%;z-index: 3; height: 6.8rem;background: #0f52b4;border-radius: 6.8rem;text-align: center;border:0.15rem solid #fff;color: #fff;font-size: 1rem;font-weight: bold;line-height: 6.8rem} .zd-c dt span{font-size: 2rem;} .zd-c dd{height: 5.7rem;float: right;width:74.7%;border: 1px dashed #a5a5a5;border-radius: 0.45rem;top:0.45rem;right:3%;position: absolute;line-height: 1.5rem;color: #0a0809;font-size: 0.9rem; /* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,f5f5f5+100;black+3d+%231 */ background: #ededed; /* old browsers */ background: -moz-linear-gradient(top, #ededed 0%, #f5f5f5 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#f5f5f5)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #ededed 0%,#f5f5f5 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #ededed 0%,#f5f5f5 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #ededed 0%,#f5f5f5 100%); /* ie10+ */ background: linear-gradient(to bottom, #ededed 0%,#f5f5f5 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#ededed', endcolorstr='#f5f5f5',gradienttype=0 ); /* ie6-9 */} .zd-c dd p{padding:0.5rem 0 0 10.5%;} .zd-c dd p span{font-weight: bold;color: #e25509} .zd-s{margin-top:3rem;color: #fb710c;} .zd-s p{color: #000;font-size: 1.2rem;text-align: center;color: #e25509} .zd-s p span{font-size: 1.5rem;font-weight: bold;} .zd-s em{display: block;padding-top: 1rem;} .zd-s em i{display: inline-block;float: left;width: 32%;} .zd-s em i:first-child{padding:0 3% 0 20%;} .gyzx{background:#fff url(/uploads/image/mi/gyzxbj.jpg) no-repeat center 0;background-size: 100%;height:37.2rem;} .gyzx h3{text-align: center;color: #fff;font-size: 1.55rem;font-weight: bold;display: block;padding-top: 1rem;height:3.2rem; } .gyzx ul {padding:2.25rem 0 0 6.7%} .gyzx ul li{height:11.2rem;text-align: center;width: 44%;overflow: hidden;float: left;margin: 0 5% 1.8rem 0; overflow:hidden; } .gyzx ul li a{font-size: 1rem;color: #555555} .gyzx ul li em{display: block;height:9.25rem;border: 1px solid #e0dede;} .gyzx ul li i{display: block;height: 0.7rem;} .gyzx p{width: 52%;margin: 0 auto} .gyzx p i{display:block;margin-top: -0.15rem} .ztc{background:url(/uploads/image/mi/ztcbj.jpg) no-repeat center 0;background-size: 100%;height: 33.46rem} .ztc h3{text-align: center;padding: 1.2rem 0 0.8rem 0;color: #fff;font-weight: bold;font-size: 1.52rem;background:url(/uploads/image/mi/ztc.png) no-repeat center bottom;margin: 0 auto;background-size: 100%;} .ztc ul {margin:1.6rem 0 0 3.5%;height: 11rem;overflow: hidden;margin-bottom: 4rem;} .ztc ul li{float: left;background:url(/uploads/image/mi/zct.jpg) no-repeat center;background-size:100% 3rem;width: 41.4%;height:3.02rem;padding-left: 6%;display:block;margin:0 2% 0.8rem 0;} .ztc ul li a{display: block;color: #fff;font-size: 1rem;padding-top:0.78rem;} .ztc-c p{background:url(/uploads/image/mi/zct1.png) no-repeat center 0.2rem;background-size:94%;margin: 0 auto;height:5.92rem;text-align: center;font-weight: bold;color: #ffa200;font-size: 1.08rem;} .ztc-c p span{display: block;padding-top:0.9rem;color: #fff;} .ztc-c p em{display:block;padding-top: 1.2rem;color: #fff;font-size: 0.9rem;font-weight: normal;} .ztc-c p em b{font-size: 1rem;font-family: "impact";font-weight: bold;} .ztc-c a{display: block;width: 33.15%;margin: 0 auto;margin-top:0.7rem;} .ztc-c a i{display: block;position: relative;margin-top: -0.2rem} .case{margin-top:1.3rem;} .case h3{text-align: center;background:url(/uploads/image/mi/case.jpg) no-repeat center 1.1rem;background-size:90.6%;margin: 0 auto;height:3rem;color: #333333;font-size: 1.67rem;} .case h3 span{display: block;font-size: 1rem;} .case ul{padding:1.8rem 0 1.25rem 1.7%;height: 2.6rem;} .case ul li{float: left;width: 24%;background: #1268b9;height:2.6rem;border-right: 1px solid #82afda;margin-left:0.2%;color: #fff;font-size: 1rem;font-weight:bold;text-align: center;line-height: 2.5rem;} .case ul li.z-on{background: #e04f00} .case .con{float: left;display: inline;} .case dl{overflow: hidden;} .case dl dt{width: 85.15%;position: relative;margin: 0 auto;font-size: 0;line-height: 0;text-align: center;} .case dl dt em{width: 85.15%;} .case dl dt span{background:url(/uploads/image/mi/tm.png) no-repeat;background-size:cover;width:100%;height: 2.17rem;display:inline-block;position: absolute;bottom: 0;left: 0;color: #fff;font-size: 1rem;line-height: 2.17rem;} .case dl dd{margin-left: 14%;color: #333333;font-size: 0.9rem;line-height:1.6rem;padding-top: 0.7rem;} .case dl dd i{display: block; font-style:normal;} .case i.cxi{width: 40%;margin: 0 auto;display: block;margin-top: 1.5rem;} .ys{background:#fff url(/uploads/image/mi/ysbj.jpg) no-repeat center top;background-size: 100%;padding-top: 2rem; height:48.4rem;overflow: hidden;position: relative;} .ys h3{text-align: center;background:url(/uploads/image/mi/yst.jpg) no-repeat center 0;background-size:cover;width: 78%;margin: 0 auto;margin-top:0.2rem; height: 1.8rem;font-size: 1.42rem;color: #242424;font-weight: bold;line-height: 1.8rem;} .ys dl{margin:7.5rem 4% 0 4%;height:33.5rem;} .ys .ys-c .con{display: inline;float: left;} .ys dl dt em{float: left;height: 5.8rem;width: 13.5%;border-radius: 0.1rem;line-height: 5.8rem;text-align: center; /* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0041c7+0,00a9f1+100;black+3d+%231 */ background: #0041c7; /* old browsers */ background: -moz-linear-gradient(top, #0041c7 0%, #00a9f1 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0041c7), color-stop(100%,#00a9f1)); /* chrome,safari4+ */ background: -webkit-linear-gradient(top, #0041c7 0%,#00a9f1 100%); /* chrome10+,safari5.1+ */ background: -o-linear-gradient(top, #0041c7 0%,#00a9f1 100%); /* opera 11.10+ */ background: -ms-linear-gradient(top, #0041c7 0%,#00a9f1 100%); /* ie10+ */ background: linear-gradient(to bottom, #0041c7 0%,#00a9f1 100%); /* w3c */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#0041c7', endcolorstr='#00a9f1',gradienttype=0 ); /* ie6-9 */} .ys dl dt em i{border-bottom:2px solid #fff;font-size: 2.08rem;font-family: "impact";color: #fff;} .ys dl dt span{float: right;color: #0063cc;padding-top: 1.3rem;font-size: 1.5rem;width:81%;} .ys dl dt span i{display: block;font-size: 1rem;padding: 0.2rem 0;color: #333} .ys dl dt p{color: #333333;font-size: 0.92rem;background:url(/uploads/image/mi/ys.gif) no-repeat 0 0.4rem;margin-top: 0.4rem;margin-bottom: 0.2rem; line-height: 1.7rem;background-size: 0.8rem 0.8rem;padding-left: 5.2%;margin-left: 3%} /*.ys-c dl:nth-child(3),.ys-c dl:nth-child(2),.ys-c dl:first-child{display: none}*/ .ys ul{background:url(/uploads/image/mi/ysc.gif) repeat-x center 1.64rem;padding-left: 3%;background-size: 0.35rem 0.35rem;width: 77%;height:2.2rem;position: absolute;bottom:3.2rem;left:11.5%} .ys ul li{float: left;height: 3.5rem;width:3.5rem;background: #0369b8;border-radius:3rem;text-align: center;color: #fff;font-size: 1.375rem;font-weight: bold;line-height: 3.5rem;margin-right:7.3%} .ys ul li.z-on{background: #d84c00} .rx{background: #0381d7;height: 3.8rem;border: 1px solid #105799;overflow: hidden;} .rx p em{display: block;color: #fff;font-size: 1.167rem;font-weight: bold;float: left;line-height: 3.8rem;} .rx p em b{font-size: 1.49rem;} .rx i{width:6.4%;display:block;vertical-align: middle;padding:0 2% 0 9%;padding-top: 1rem;float: left;} .tc{margin-top:2rem;height:31.9rem;overflow: hidden;} .tc-c{width: 87%;margin: 0 auto;height: 3.65rem;overflow: hidden;margin-bottom:2.5rem;} .tc-c em{width: 38%;float: left;} .tc-c span{float: right;color: #333333;font-size: 1.08rem;} .tc-c span b{display: block;font-size: 1.25rem;color: #005cbb;font-weight: bold;} .tc-t .con dl{width: 74.4%;margin: 0 auto;height:25rem;overflow: hidden;} .tc-t .con dt{overflow: hidden;height: 11rem;} .tc-t .con dd{height: 13rem;background: #005cbb;color: #fff;text-align: center;} .tc-t .con dd h4{display: block;padding-top: 1.2rem;font-size:0.9rem;font-weight: bold;} .tc-t .con dd span{display: block;font-size: 0.9rem;padding: 0.2rem 0} .tc-t .con dd p{width:96%;display: inline-block;padding-top: 0.5rem;font-size:0.8rem;line-height: 1.65rem;} .tc-t .con dd a{display: block;font-size: 0.8rem;color: #c2c5c8;width:20%;height: 1.37rem;border:2px solid #c2c5c8;margin: 0 auto;margin-top:1.5rem;} .tc-t{position: relative;} .tc-t .prev{position: absolute;top:10rem;left:3%;width: 7%;height: 1.5rem;z-index: 3} .tc-t .next{position: absolute;top:10rem;right:3%;width: 7%;height: 1.5rem;z-index: 3} @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%;}}