.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-bottom:0.8rem;overflow:hidden;border:1px solid #e0e0e0;} .g-nav a{display:block;float:left;width:33.333333333%;height:2.7rem;line-height:2.7rem;font-size:0.83rem;color:#333;text-align:center;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .g-nav a:nth-child(1),.g-nav a:nth-child(2),.g-nav a:nth-child(3){border-top:0;} .g-nav a:nth-child(3),.g-nav a:nth-child(6){border-right:0;} .g-nav a:hover,.g-nav a:active,.g-nav a.hover{background:#005bac;color:#fff;} /*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;} /*g-ti*/ .g-ti{width:100%;height:2rem;margin-top:1.6rem;font-size:1.08rem;line-height:2rem;font-weight:bold;text-align:center;} .g-ti a{display:inline-block;padding:0 4.25rem;position:relative;color:#222;} .g-ti a:before,.g-ti a:after{content:'';position:absolute;width:3.46rem;height:1px;top:50%;background-size:100% 1px;} .g-ti a:before{left:0;background-image:url(/uploads/image/mi/line1.png);} .g-ti a:after{right:0;background-image:url(/uploads/image/mi/line2.png);} /*g-busi*/ .g-busi{padding:0 0.42rem;overflow:hidden;margin-top:0.225rem;} .g-busi li{width:50%;float:left;margin:0.605rem 0;} .g-busi a{display:block;height:2.38rem;position:relative;line-height:2.38rem;font-size:0.83rem;color:#333;font-weight:bold;border:1px solid #cfcfcf;border-radius:2.38rem;} .g-busi li:nth-child(2n 1) a{padding-left:4.88rem;} .g-busi li:nth-child(2n) a{padding-left:2.95rem;} .g-busi li:nth-child(5){width:100%;text-align:center;} .g-busi li:nth-child(5) a{padding-left:0;} .g-busi li i{position:absolute;width:3.25rem;height:3.25rem;top:50%;margin-top:-1.625rem;background-size:100% auto;} .g-busi li:nth-child(1) i{background-image:url(/uploads/image/mi/busi_1.png);} .g-busi li:nth-child(2) i{background-image:url(/uploads/image/mi/busi_2.png);} .g-busi li:nth-child(3) i{background-image:url(/uploads/image/mi/busi_3.png);} .g-busi li:nth-child(4) i{background-image:url(/uploads/image/mi/busi_4.png);} .g-busi li:nth-child(5) i{background-image:url(/uploads/image/mi/busi_5.png);} .g-busi li:nth-child(2n 1) i{left:0.83rem;} .g-busi li:nth-child(2n) i{right:0.83rem;} /*g-reward*/ .g-reward{position:relative;padding:0 0.42rem 0.83rem;margin-top:1.04rem;z-index:1;} .g-reward .pic{margin:0 1.13rem;border:5px solid #eee;padding:0.75rem;} .g-reward .pic img{vertical-align:middle;} .g-reward .more{display:block;width:12.58rem;height:2.58rem;margin:0.75rem auto 0;background-color:#005bac;line-height:2.58rem;font-size:0.75rem;color:#fff;text-align:center;border-radius:2.58rem;} .g-reward-list{margin-top:10px;} .g-reward-list a{display:block;height:1.78rem;line-height:1.78rem;font-size:0.75rem;color:#333;} .g-reward-list a i{display:inline-block;width:0.71rem;height:0.71rem;background:url(/uploads/image/mi/dd.png);background-size:100% auto;vertical-align:middle;margin-right:1%;} .g-reward:before{content:'';position:absolute;width:100%;height:20rem;background-color:#f1f1f1;left:0;bottom:0;z-index:-1;} /*g-skill*/ .g-skill{padding:0.79rem 0.42rem 3.33rem;overflow:hidden;} .g-skill .item{display:block;width:32%;float:left;margin-left:2%;text-align:center;position:relative;} .g-skill .item:first-child{margin-left:0;} .g-skill img{vertical-align:middle} .g-skill .pic{position:relative;} .g-skill .mask{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7);top:0;left:0;color:#fff;font-size:0.83rem;line-height:1.17rem;} .g-skill .mask span{display:block;padding-top:13%;} .g-skill .ti{font-size:0.83rem;color:#222;border:1px solid #dedede;line-height:1.17rem;padding:1.25rem 0;} .g-skill i{position:absolute;width:1.5rem;height:1.5rem;border-radius:50%;bottom:-0.75rem;left:50%;margin-left:-0.75rem;background:#005bac url(/uploads/image/mi/jia.png);background-size:100% auto;} .g-skill .item:nth-child(2) i{background-color:#6ba420;} /*g-adve*/ .g-adve a{display:block;} .g-adve img{vertical-align:middle;} /*g-team*/ .g-team{background-color:#f1f1f1;padding:0.4rem 0 1.33rem;text-align:center;} .g-team .g-ti a{letter-spacing:-1px;padding:0 3.75rem;} .g-team .pic{margin:1.46rem 0.42rem 0;} .g-team .pic img{width:auto;max-width:100%;vertical-align:middle;} .g-team .txt{margin:0.5rem 0.42rem 0;font-size:0.75rem;line-height:1.33rem;color:#222;} .g-team .more{display:block;width:12.58rem;height:2.58rem;margin:0.96rem auto 0;background-color:#005bac;line-height:2.58rem;font-size:0.75rem;color:#fff;text-align:center;border-radius:2.58rem;} /*g-inno*/ .g-inno .g-ti{margin-top:0.71rem;} .g-inno-list{padding:1.2rem 0.42rem 1.67rem;} .g-inno-list li{overflow:hidden;margin-bottom:0.83rem;} .g-inno-list .pic{width:12.5rem;float:left;} .g-inno-list img{vertical-align:middle;} .g-inno-list .txt{float:right;width:11.25rem;height:4.5rem;position:relative;padding:1.08rem 0.625rem;font-size:0.83rem;line-height:1.5rem;background-color:#005bac;color:#fff;} .g-inno-list .txt:after{content:'';position:absolute;border:4px solid transparent;top:50%;margin-top:-2px;} .g-inno-list li:nth-child(2n) .pic{float:right;} .g-inno-list li:nth-child(2n) .txt{float:left;} .g-inno-list li:nth-child(2n 1) .txt:after{border-right:5px solid #005bac;left:-9px;} .g-inno-list li:nth-child(2n) .txt:after{border-left:5px solid #005bac;right:-9px;} /*g-case*/ .g-case-wrap{padding:0.42rem 0 0;} .g-case {margin:1.25rem 0.42rem 0;position:relative;} .g-case img{vertical-align:middle;} .g-case a{display:block;position:relative;} .g-case .ti{position:absolute;text-align:center;width:100%;height:2rem;line-height:2rem;font-size:0.75rem;color:#fff;left:0;bottom:0;background:rgba(0,0,0,0.7);} .g-case .btn{position:absolute;width:2.29rem;height:2.29rem;top:50%;margin-top:-1.145rem;background:url(/uploads/image/mi/case_btn.png);background-size:100% auto;z-index:3;text-indent:-999em;} .g-case .btn.prev{background-position:0 0;left:0.83rem;} .g-case .btn.next{background-position:0 -2.92rem;right:0.83rem;} .g-case .btn.prev:active{background-position:0 -5.83rem;} .g-case .btn.next:active{background-position:0 -8.75rem;} .g-case-tab{text-align:center;padding:0.55rem 0;} .g-case-tab a{display:inline-block;width:7.75rem;height:2.25rem;margin:0.28rem 0.38rem;line-height:2.25rem;font-size:0.75rem;color:#333;border:1px solid #aaa;border-radius:2.25rem;} .g-case-tab a:active,.g-case-tab a.hover{background-color:#005bac;border-color:#005bac;color:#fff;} /*g-news*/ .g-news{padding:1.33rem 0.42rem 2.08rem;} .g-news .hd{height:1.67rem;line-height:1.67rem;border-bottom:1px solid #dcdcdc;font-size:0.83rem;font-weight:bold;} .g-news .hd span{color:#6ba420;} .g-news .hd .more{float:right;font-weight:100;color:#333;} .g-news .hd ul li{ float:left; margin-right:1rem} .g-news ul li.z-on{color:#6ba420;} .g-news .pic{margin-top:1.25rem;} .g-news .pic a{display:block;} .g-news .pic img{vertical-align:middle;} .g-news .list{margin-top:1.58rem;} .g-news .list a{display:block;padding-right:6.25rem;position:relative;height:2.08rem;border-bottom:1px solid #dcdcdc;line-height:2.08rem;font-size:0.75rem;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .g-news .list .date{position:absolute;width:4.58rem;height:2.08rem;line-height:2.08rem;right:0;text-align:right;}