/*-----------------------------------------------------------------------------------------------------------------------*/ .g-adv{height:13rem; overflow:hidden;} .g-adv ul.m-box{height:12.5rem;} .g-adv .m-cnt{height:0.5rem; background:#e85303;} .g-adv .m-cnt li{float:left; width:33.33%; height:0.5rem;} .g-adv .m-cnt .z-on{background:#0e0d66;} /*-----------------------------------------------------------------------------------------------------------------------*/ .wrap nav{width:25rem; margin:1.75rem auto 0; height:7.083rem; overflow:hidden;} .wrap nav a{display:block; float:left; width:5.167rem; height:4.167rem; padding-top:1rem; margin-right:1.42rem; font:1rem/1.583rem "microsoft yahei"; text-align:center; color:#fff; overflow:hidden; background:url(/uploads/image/mi/nav.png) no-repeat center top; -webkit-background-size:5.167rem; -moz-background-size:5.167rem; -o-background-size:5.167rem; background-size:5.167rem;} .wrap nav a:last-child{margin:0;} /*-----------------------------------------------------------------------------------------------------------------------*/ .f_ss{width:25.0rem; height:4.583rem; margin:0 auto; overflow:hidden;} .f_ss .btn1{float:left; width:18.167rem; height:2.917rem; line-height:2.917rem; padding-left:1rem; font:1rem/2.917rem "microsoft yahei"; border:none; color:#d1d1d1; background:url(/uploads/image/mi/ss1.jpg) no-repeat center top; -webkit-background-size:19.167rem 2.917rem; -moz-background-size:19.167rem 2.917rem; -o-background-size:19.167rem 2.917rem; background-size:19.167rem 2.917rem; } .f_ss .btn2{float:left; width:5.833rem; height:2.917rem; line-height:2.917rem; border:none; background:url(/uploads/image/mi/ss2.jpg) no-repeat center top; -webkit-background-size:5.833rem 2.917rem; -moz-background-size:5.833rem 2.917rem; -o-background-size:5.833rem 2.917rem; background-size:5.833rem 2.917rem;} /*-----------------------------------------------------------------------------------------------------------------------*/ .m-zs{height:30.417rem; overflow:hidden;} .m-bt{height:2.917rem; margin-bottom:1.708rem; background:#01005e;} .m-bt i{float:left; } .m-bt i a{display:block; width:11.167rem; height:2.917rem; text-align:center; font:bold 1.083rem/2.917rem "microsoft yahei"; color:#fff; background:#e85303;} .m-bt i a img{width:2rem; height:2rem; vertical-align:middle; margin:-0.2rem 0.2rem 0 0;} .m-bt span{float:right;} .m-bt span a{padding-right:1rem; font:1rem/2.917rem "microsoft yahei"; color:#fff; } .m-zs ul{width:25rem; margin:0 auto; overflow:hidden;} .m-zs ul li{float:left; width:11.417rem; height:12.5rem;} .m-zs ul li img{width:11.25rem; height:9rem; border:2px solid #dbdbdb; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-zs ul li span{display:block; text-align:center; font:1rem/2.4rem "microsoft yahei"; color:#535353;} .m-zs ul li:nth-child(2n){float:right;} /*-----------------------------------------------------------------------------------------------------------------------*/ .m-pro{height:30.167rem; overflow:hidden;} .m-pro ul{width:25rem; margin:0 auto; overflow:hidden;} .m-pro ul li{float:left; width:11.417rem; height:12.375rem;} .m-pro ul li img{width:11.25rem; height:9rem; border:2px solid #dbdbdb; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .m-pro ul li span{display:block; text-align:center; font:1rem/2.4rem "microsoft yahei"; color:#535353;} .m-pro ul li:nth-child(2n){float:right;} /*-----------------------------------------------------------------------------------------------------------------------*/ .m-hz{height:21.083rem; overflow:hidden;} .m-hz ul{width:25rem; margin:0 auto; overflow:hidden;} .m-hz ul li{float:left; width:7.917rem; height:7.917rem; margin-right:0.625rem; background:url(/uploads/image/mi/hz-s.jpg) no-repeat center top; -webkit-background-size:7.917rem 4.5rem; -moz-background-size:7.917rem 4.5rem; -o-background-size:7.917rem 4.5rem; background-size:7.917rem 4.5rem;} .m-hz ul li:nth-child(3n){margin:0;} .m-hz ul li img{width:7.417rem; height:4rem; padding:0.25rem; } .m-hz ul li span{display:block; text-align:center; font:1rem/2rem "microsoft yahei"; color:#4d4d4d;} /*-----------------------------------------------------------------------------------------------------------------------*/ .m-ts{height:37rem; background:#fff; overflow:hidden;} .m-ts h2{height:7.417rem; overflow:hidden;} .m-ts ul{width:25rem; height:22.083rem; position:relative; margin:0 auto; overflow:hidden; margin-top:2.167rem; background:url(/uploads/image/mi/te-s.jpg) no-repeat center top; -webkit-background-size:25rem 20rem; -moz-background-size:25rem 20rem; -o-background-size:25rem 20rem; background-size:25rem 20rem;} .m-ts ul li{position:absolute; font:1rem/1.583rem "microsoft yahei"; color:#4d4d4d;} .m-ts ul li:nth-child(1){top:0; left:1rem;} .m-ts ul li:nth-child(2){top:0; right:1rem;} .m-ts ul li:nth-child(3){top:5.3rem; left:0.5rem;} .m-ts ul li:nth-child(4){top:6.4rem; right:1rem;} .m-ts ul li:nth-child(5){top:10.833rem; left:0.5rem;} .m-ts ul li:nth-child(6){top:10.833rem; right:0.2rem;} .m-ts ul li:nth-child(7){top:16.5rem; left:1rem;} .m-ts ul li:nth-child(8){top:16.5rem; right:1rem;} .m-ts span a{display:block; width:18rem; height:2.542rem; margin:0 auto; text-align:center; font:1rem/2.542rem "microsoft yahei"; color:#fff; background:url(/uploads/image/mi/ts-btn.gif) no-repeat center top; -webkit-background-size:18rem 2.542rem; -moz-background-size:18rem 2.542rem; -o-background-size:18rem 2.542rem; background-size:18rem 2.542rem;} .m-ts span b{font-size:1.25rem; font-weight:bold;} /*-----------------------------------------------------------------------------------------------------------------------*/ .m-ys{height:48.5rem; position:relative; overflow:hidden;} .ys1{height:29rem;} .ys2{height:19.2rem;} .m-ys h2{position:absolute; top:2rem; left:0; height:7.5rem; z-index:9; width:26.67rem;} .youshi{float:left; width:100%;} .m-ys .ys{position:absolute; top:9.833rem; left:0; z-index:9;} .m-ys .con{float:left; width:100%;} .m-ys .con p{height:17.083rem; margin-bottom:1rem; width:26.67rem; height:17.083rem;} .m-ys .con dl{width:24.333rem; overflow:hidden;} .m-ys .con dl dt{float:left; width:3.4rem; font:3rem/3rem arial, helvetica, sans-serif; color:#e54600;} .m-ys .con dl dd{float:right; width:20.25rem; font:1rem/1.583rem "microsoft yahei"; color:#595959;} .m-ys .con dl dd h3{height:2.333rem; font:bold 1.25rem/1.5rem "microsoft yahei"; color:#01005e; background:url(/uploads/image/mi/ys-sr.png) no-repeat left bottom; -webkit-background-size:20.25rem 1rem; -moz-background-size:20.25rem 1rem; -o-background-size:20.25rem 1rem; background-size:20.25rem 1rem;} .m-ys .m-cnt{position:absolute; top:43.583rem; left:50%; z-index:99; margin-left:-6.083rem; width:13.667rem; height:1.833rem; background:url(/uploads/image/mi/ys-roll.png) no-repeat center 0.5rem; -webkit-background-size:9.708rem 0.667rem; -moz-background-size:9.708rem 0.667rem; -o-background-size:9.708rem 0.667rem; background-size:9.708rem 0.667rem;} .m-ys .m-cnt li{float:left; width:1.667rem; height:1.667rem; margin-right:4.292rem; background:url(/uploads/image/mi/ys-s2.png) no-repeat center top; -webkit-background-size:1.667rem; -moz-background-size:1.667rem; -o-background-size:1.667rem; background-size:1.667rem;} .m-ys .m-cnt li:last-child{margin:0;} .m-ys .m-cnt .z-on{background:url(/uploads/image/mi/ys-s1.png) no-repeat center top; -webkit-background-size:1.667rem; -moz-background-size:1.667rem; -o-background-size:1.667rem; background-size:1.667rem;} /*-----------------------------------------------------------------------------------------------------------------------*/ .m-zz{height:19.833rem; position:relative; background:#fff; overflow:hidden;} .m-zz h2{height:4.583rem; position:relative; margin:2.167rem 0 1.958rem 0; text-align:center; font:bold 1.25rem/1.3rem "microsoft yahei"; color:#333; overflow:hidden;} .m-zz h2 i{display:block; width:23.083rem; height:2.083rem; margin:1.2rem auto 0; text-align:center; font:1rem/2.083rem "microsoft yahei"; color:#fff; background:#e54600;} .m-zz h2:after{position:absolute; top:1.708rem; left:0; content:""; width:100%; height:1px; background:#ccccdf; z-index:8;} .m-zz h2:before{position:absolute; top:1.625rem; left:50%; content:""; margin-left:-5.083rem; width:10.208rem; height:4px; background:#01005e; z-index:9;} .m-zz .con{float:left; display:inline; width:100%;} .m-zz .nowarp{width:20.4rem; margin:0 auto;} .m-zz .con ul li{float:left; width:9.667rem; margin-right:1rem;} .m-zz .con ul li:last-child{margin:0;} .m-zz .con ul li span{display:block; text-align:center; font:1rem/2rem "microsoft yahei"; color:#4d4d4d;} .m-zz .prev,.m-zz .next{position:absolute; top:11rem; width:1.583rem; height:2.5rem; z-index:9;} .m-zz .prev{left:0.833rem;} .m-zz .next{right:0.833rem;} /*-----------------------------------------------------------------------------------------------------------------------*/ .m-jz{height:30rem; position:relative; overflow:hidden;} .m-jz .nowarp{width:21.75rem; margin:0 auto; overflow:hidden;} .m-jz .con{float:left; display:inline; width:100%;} .m-jz .con dl dt{width:18.25rem; height:12.5rem; margin:0 auto 0.333rem;} .m-jz .con dl dd h3{height:2.333rem; margin-bottom:0.5rem; text-align:center; font:bold 1rem/2.333rem "microsoft yahei"; color:#444; border-bottom:1px dashed #a3a3a3;} .m-jz .con dl dd p{text-align:center; font:1rem/1.25rem "microsoft yahei"; color:#666;} .m-jz .con dl dd em a{display:block; width:13.417rem; height:2.5rem; margin:1.4rem auto 0; text-align:center; font:1rem/2.5rem "microsoft yahei"; color:#fff; background:url(/uploads/image/mi/jz-btn.gif) no-repeat center top; -webkit-background-size:13.417rem 2.5rem; -moz-background-size:13.417rem 2.5rem; -o-background-size:13.417rem 2.5rem; background-size:13.417rem 2.5rem;} .m-jz .prev,.m-jz .next{position:absolute; top:9.375rem; width:1.583rem; height:2.5rem; z-index:9;} .m-jz .prev{left:0.833rem;} .m-jz .next{right:0.833rem;} /*-----------------------------------------------------------------------------------------------------------------------*/ @media screen and (min-width:320px) { html { font-size:75%;} } @media screen and (min-width:360px) { html { font-size:85%;} } @media screen and (min-width:375px) { html { font-size:87.5%;} } @media screen and (min-width:384px) { html { font-size:90%;} } @media screen and (min-width:414px) { html { font-size:96%;} } @media screen and (min-width:480px) { html { font-size:110.5%;} } @media screen and (min-width:568px) { html { font-size:129%;} } @media screen and (min-width:639px) { html { font-size:150%;} }