.wrap img{ width:100%;} @media screen and (min-width:320px) {html { font-size:75%;}} @media screen and (min-width:360px) {html { font-size:84.4%;}} @media screen and (min-width:375px) {html { font-size:86.6%;}} /*ipone6*/ @media screen and (min-width:400px) {html { font-size:87%;}} @media screen and (min-width:414px) {html { font-size:96%;}} /*ipone6p*/ @media screen and (min-width:480px) {html { font-size:112.5%;}} @media screen and (min-width:550px) {html { font-size:131.25%;}} @media screen and (min-width:639px) {html { font-size:150%;}} /*g-nav*/ .g-nav{position:relative;margin-top:1.25rem;overflow:hidden;box-shadow:0 0 15px 0 #ddd;} .g-nav a{display:block;float:left;width:33.333333333%;height:2.92rem;line-height:2.92rem;font-size:1rem;text-align:center;background-color:#16314f;color:#fff;} .g-nav a:nth-child(2),.g-nav a:nth-child(4),.g-nav a:nth-child(6){background:#0a57ae;} /*g-adv*/ .g-adv{ width:100%;overflow:hidden;position:relative;} .g-adv a{display:block;} .g-adv img{vertical-align:middle;} .g-adv .sclwrap_box{overflow:hidden;} /*ibrand*/ .ibrand{overflow:hidden;margin:2.08rem 1.25rem;} .ibrand .pic{display:block;position:relative;float:left;margin-right:1.25rem;width:10rem;height:11.25rem;padding:0 0 0.33rem 0.33rem;z-index:1;} .ibrand .pic:before{content:'';position:absolute;width:10rem;height:11.25rem;z-index:-1;background:url(/uploads/image/mi/ibrand_bg.png) no-repeat 0 100%;left:0;bottom:0;background-size:100% auto;} .ibrand .pic img{vertical-align:middle;} .ibrand h2{padding:0.63rem 0 0.63rem 0.42rem;font-size:1.17rem;color:#0a57ae;line-height:1.5;overflow:hidden;} .ibrand h2 b{display:block;} .ibrand .list{padding:0.63rem;overflow:hidden;border:1px solid #e2e9f3;background-color:#fafcff;border-radius:2px;} .ibrand .list li{padding-left:0.83rem;line-height:1.67rem;font-size:1rem;color:#333;background:url(/uploads/image/mi/lx_icon.png) no-repeat 0 50%;background-size:5px 5px;} /*imain-ti*/ .imain-title{position:relative;font-size:1.25rem;font-weight:bold;text-align:center;} .imain-title a{display:inline-block;position:relative;height:2.08rem;padding:0 2.08rem;color:#0a57ae;line-height:2.08rem;} .imain-title a:before, .imain-title a:after{content:'';position:absolute;width:15px;height:15px;border-style:solid;border-color:#0a57ae} .imain-title a:before{border-width:1px 0 0 1px;left:0;top:0;} .imain-title a:after{border-width:0 1px 1px 0;right:0;bottom:0;} /*ipro*/ .ipro{padding:2.5rem 1.25rem;background:#f6f9ff;border-top:1px solid #e2e9f3;border-bottom:1px solid #e2e9f3;} .ipro-nav{position:relative;height:5rem;padding-left:6.67rem;margin-top:1.25rem;background-color:#0a57ae;font-size:1rem;border-radius:3px;text-align:center;overflow:hidden;} .ipro-nav dt{position:absolute;width:6.67rem;height:3.34rem;line-height:1.67rem;color:#fff;left:0;top:0;background-color:#16314f;padding:0.83rem 0;} .ipro-nav:first-of-type dd{width:50%;} .ipro-nav:nth-of-type(3) dd{width:35%;} .ipro-nav:nth-of-type(3) dd:nth-of-type(3n-1){width:25%;} .ipro-nav:nth-of-type(3) dd:nth-of-type(3n){width:40%;} .ipro-nav dd{width:33.3333333%;float:left;border-bottom:1px solid #2066b5;} .ipro-nav dd a{display:block;height:2.5rem;line-height:2.5rem;color:#fff;overflow:hidden;} .ipro-img{margin-top:1.25rem;overflow:hidden;} .ipro-img li{width:48%;float:left;margin-right:4%;} .ipro-img li:nth-child(2n){margin-right:0;} .ipro-img li a{display:block;border:1px solid #e2e9f3;background-color:#fff;border-radius:3px;overflow:hidden;} .ipro-img li img{vertical-align:middle} .ipro-img li span{display:block;height:2.42rem;border-top:1px solid #e2e9f3;line-height:2.42rem;text-align:center;font-size:1rem;color:#585858;text-align:center;} .ipro .more{display:block;width:16.58rem;height:2.17rem;margin:1.67rem auto 0;border:1px solid #e2e9f3;background-color:#fff;border-radius:3px;text-align:center;font-size:1rem;color:#333;line-height:2.17rem;} /*ivotes*/ .ivotes-wrap{padding:2.5rem 0 5.42rem;} .ivotes{margin:4.17rem auto 0;width:15rem;height:13rem;background:url(/uploads/image/mi/ivotes_bg.png) no-repeat 50% 50%;background-size:contain;position:relative;text-align:center;} .ivotes span{display:table-cell;width:15rem;height:13rem;font-size:1.17rem;line-height:1.88rem;color:#333;vertical-align:middle} .ivotes .six{position:absolute;width:100%;height:100%;top:0;left:0;} .ivotes .six li{position:absolute;width:2.83rem;height:2.92rem;padding:1.04rem 1.5rem;text-align:center;line-height:1.46rem;font-size:1rem;color:#fff;text-align:center;background:url(/uploads/image/mi/six_bg1.png) no-repeat 50% 50%;background-size:contain;} .ivotes .six li:nth-child(2), .ivotes .six li:nth-child(3), .ivotes .six li:nth-child(6){background-image:url(/uploads/image/mi/six_bg2.png)} .ivotes .six li:nth-child(1){top:-2.5rem;left:0.83rem;} .ivotes .six li:nth-child(2){top:-2.5rem;right:0.83rem;} .ivotes .six li:nth-child(3){top:50%;margin-top:-2.5rem;left:-2.92rem;} .ivotes .six li:nth-child(4){top:50%;margin-top:-2.5rem;right:-2.92rem;} .ivotes .six li:nth-child(5){bottom:-2.5rem;left:0.83rem;} .ivotes .six li:nth-child(6){bottom:-2.5rem;right:0.83rem;} /*icase*/ .icase{padding:2.92rem 0 3rem;background:url(/uploads/image/mi/icase_bg.jpg) no-repeat 50% 0;background-size:100% auto;} .icase img{vertical-align:middle;} .icase-big{margin:1.25rem 2.75rem 0;} .icase-big .ti{height:2.75rem;line-height:2.75rem;font-size:1rem;color:#333;text-align:center;} .icase-small{margin:0.63rem 0.63rem 0;} .icase-small .con a{display:block;float:left;width:49%;margin-left:2%;} .icase-small .con a:first-child{margin-left:0;} .icase-small .con a .ti{display:block;height:2.92rem;font-size:1rem;text-align:center;color:#333;line-height:2.92rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .icase-small .m-cnt{width:100%;margin-top:1rem;text-align:center;position:relative;} .icase-small .m-cnt li{display:inline-block;width:5px;height:5px;margin:0 2px;vertical-align:middle;border-radius:5px;background:#909392;position:relative;} .icase-small .m-cnt li.z-on{background:#0a57ae;} .icase-small .m-cnt:before,.icase-small .m-cnt:after{content:'';display:inline-block;width:2.42rem;height:2.71rem;margin:0 1.25rem;vertical-align:middle;background-size:100% auto;background-repeat:no-repeat;} .icase-small .m-cnt:before{background-image:url(/uploads/image/mi/hand1.png);} .icase-small .m-cnt:after{background-image:url(/uploads/image/mi/hand2.png);} /*iadver*/ .iadver{width:100%;position:relative;} .iadver img{vertical-align:middle;} .iadver a{position:absolute;display:block;width:8.75rem;height:2.08rem;top:1.46rem;right:1.67rem;background:url(/uploads/image/mi/iadver_btn.png) no-repeat 50% 50%;background-size:contain;} /*ipower*/ .ipower-wrap{padding:2.5rem 0 0.6rem;} .ipower{margin:1.25rem 1.25rem 0;} .ipower img{vertical-align:middle;} .ipower .pic{padding-bottom:1.25rem;background:url(/uploads/image/mi/yy.png) no-repeat 50% 100%;background-size:100% auto;} .ipower .pic a{display:block;position:relative} .ipower .pic span{position:absolute;width:10rem;height:2.4rem;background-color:#0a57ae;font-size:1rem;color:#fff;text-align:center;line-height:2.4rem;bottom:-1.2rem;left:50%;margin-left:-5rem;border-radius:3px;} .ipower .list{margin-top:1.25rem;} .ipower .list li{padding-left:1.67rem;line-height:1.67rem;font-size:1rem;color:#333;;background:url(/uploads/image/mi/lx_icon.png) no-repeat 0.63rem 50%;background-size:5px 5px;} .ipower .m-cnt{width:100%;margin-top:1rem;text-align:center;position:relative;} .ipower .m-cnt li{display:inline-block;width:5px;height:5px;margin:0 2px;vertical-align:middle;border-radius:5px;background:#909392;position:relative;} .ipower .m-cnt li.z-on{background:#0a57ae;} .ipower .m-cnt:before,.ipower .m-cnt:after{content:'';display:inline-block;width:2.42rem;height:2.71rem;margin:0 1.25rem;vertical-align:middle;background-size:100% auto;background-repeat:no-repeat;} .ipower .m-cnt:before{background-image:url(/uploads/image/mi/hand1.png);} .ipower .m-cnt:after{background-image:url(/uploads/image/mi/hand2.png);}