/*-----------------------------------------------------------------------------------------------------------------------*/ .ban img{ display:block; width:100%;} /*-----------------------------------------------------------------------------------------------------------------------*/ nav{height:8.5rem; overflow:hidden; margin-top:2.0rem;} nav a{ color:#fff; font-size:1.1rem; width:22.5%; text-align:center; height:3.4rem; line-height:3.4rem; overflow:hidden; display:inline-block;float:left; margin:0 1.5% 0.55rem 0; border-radius: 0.4rem; background:#00599f; background: rgb(11,161,84); /* old browsers */ background: -moz-linear-gradient(top, rgba(11,161,84,1) 0%, rgba(14,185,75,1) 50%, rgba(11,161,84,1) 100%); /* ff3.6-15 */ background: -webkit-linear-gradient(top, rgba(11,161,84,1) 0%,rgba(14,185,75,1) 50%,rgba(11,161,84,1) 100%); /* chrome10-25,safari5.1-6 */ background: linear-gradient(to bottom, rgba(11,161,84,1) 0%,rgba(14,185,75,1) 50%,rgba(11,161,84,1) 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7 */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#0ba154', endcolorstr='#0ba154',gradienttype=0 ); /* ie6-9 */} nav a:nth-child(4n){margin-right: 0;} nav a:first-child , nav a:nth-child(5){margin-left: 3%;} /*--------------------------------------------------------------------------------------*/ .g-pro{margin-top: 2.0rem; height: 67rem; overflow: hidden;} .g-pro h2{height: 3.8rem; overflow: hidden;text-align: center;} .g-pro h2 a{font-size: 1.6rem; color: #333333; font-weight: bold;} .g-pro h2 span{color: #00894e;} .g-pro h2 i{font-weight: normal; display: block;font-size: 1.1rem; color: #666666;background:url(/uploads/image/mi/pro_line.jpg) no-repeat center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-pro p{margin-top: 1.65rem; height: 7.4rem; overflow: hidden; } .g-pro p a{display: block; float: left; width:30%;height: 2.65rem;border:1px solid #999; text-align: center; line-height: 2.65rem;color:#666;font-size: 1.2rem;margin:0 1.6% 0.4rem 0;} .g-pro p a:nth-child(3n){margin-right: 0;} .g-pro p a:first-child , .g-pro p a:nth-child(4){margin-left: 3%;} .g-pro p a:hover , .g-pro p a:first-child{border:1px solid #00894e; color:#00894e;} .g-pro li{ width:44.68%; float: left;margin-left: 3.25%; overflow: hidden; height: 17.5rem;} .g-pro li span{ display: block;height: 2.6rem; line-height: 2.6rem;text-align: center; font-size: 1.1rem; color: #666666;} /*--------------------------------------------------------------------------------------*/ .g-jc{height: 52.3rem; overflow: hidden; background:url(/uploads/image/mi/jc_bj.jpg) repeat-y center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-jc h2{ overflow: hidden;text-align: center;padding-top: 3.0rem; height: 6.2rem;} .g-jc h2 a{font-size: 1.6rem; color: #333333; font-weight: bold;} .g-jc h2 span{color: #00894e;} .g-jc h2 i{font-weight: normal; display: block;font-size: 1.1rem; color: #666666;background:url(/uploads/image/mi/jc_line.jpg) no-repeat center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-jc dl{ float: left; width:28.3%; overflow: hidden;height: 20.6rem;margin:0 3% 0 2%;} .g-jc dl:nth-child(4){margin-right: 0;} .g-jc dl:nth-child(7){margin-right: 0;} .g-jc dd{padding-top: 1.1rem;font-size: 1.0rem; line-height: 1.6rem; color: #666;text-align: center;} .g-jc dd h3{height: 2.1rem;font-size: 1.05rem; color: #666666; position: relative;margin-bottom: 0.5rem;} .g-jc dd h3:before{ position: absolute; content:""; width: 1.3rem; height: 1px;background: #00894e; bottom:0; left:50%; margin-left: -1rem;} /*--------------------------------------------------------------------------------------*/ .g-ys{margin-top: 3.4rem;height: 39.5rem; overflow: hidden; position: relative;} .g-ys h2{ overflow: hidden;text-align: center;height: 5.95rem;} .g-ys h2 a{font-size: 1.6rem; color: #333333; font-weight: bold;} .g-ys h2 span{color: #00894e;} .g-ys h2 i{font-weight: normal; display: block;font-size: 1.1rem; color: #666666;background:url(/uploads/image/mi/ys_line.jpg) no-repeat center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-ys .prev , .g-ys .next{ position: absolute; bottom:3.0rem; width: 3.5rem; height: 3.5rem; z-index: 2;} .g-ys .prev { left:5.6rem;} .g-ys .next { right:5.6rem;} .g-ys .m-cnt{ position: absolute; bottom:4.0rem; left:10.7rem;} .g-ys .m-cnt li{ float: left; width: 0.9rem; height: 0.9rem; background: #999; margin-right: 1.4rem; border-radius: 100%; overflow: hidden;} .g-ys .m-cnt li.z-on{ background: #00894e ; width:2.75rem;border-radius: 1rem;} .g-ys .con{ float: left; width: 100%; display:inline;} .g-ys .con p{ line-height: 0; width: 93.75%; margin: 0 auto; overflow: hidden;} .g-ys .con p img{ border:0.208rem solid #f9f9f9;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .g-ys .con dl{ margin: 0.65rem 1.0rem 0; padding-left: 3.75rem; overflow: hidden;} .g-ys .con dt{height:3.2rem;font-size: 1.2rem; color: #666666;line-height: 3.2rem; background:url(/uploads/image/mi/ys_line-23.jpg) repeat-x left bottom; -webkit-background-size: 0.3rem 0.25rem; -moz-background-size: 0.3rem 0.25rem; -o-background-size: 0.3rem 0.25rem; background-size: 0.3rem 0.25rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;} .g-ys .con dt span{ font-weight: bold; color:#15a546;} .g-ys .con dd{ overflow: hidden; font-size: 1.0rem; color: #666666; line-height: 1.6rem; padding-left: 1.0rem;margin-top: 0.5rem; position: relative;} .g-ys .con:nth-child(1) dl{background:url(/uploads/image/mi/01.jpg) no-repeat 0 1.15rem; -webkit-background-size: 2.5rem 3.5rem; -moz-background-size: 2.5rem 3.5rem; -o-background-size: 2.5rem 3.5rem; background-size: 2.5rem 3.5rem;} .g-ys .con:nth-child(2) dl{background:url(/uploads/image/mi/02.jpg) no-repeat 0 1.15rem; -webkit-background-size: 2.5rem 3.5rem; -moz-background-size: 2.5rem 3.5rem; -o-background-size: 2.5rem 3.5rem; background-size: 2.5rem 3.5rem;} .g-ys .con:nth-child(3) dl{background:url(/uploads/image/mi/03.jpg) no-repeat 0 1.15rem; -webkit-background-size: 2.5rem 3.5rem; -moz-background-size: 2.5rem 3.5rem; -o-background-size: 2.5rem 3.5rem; background-size: 2.5rem 3.5rem;} .g-ys .con:nth-child(4) dl{background:url(/uploads/image/mi/04.jpg) no-repeat 0 1.15rem; -webkit-background-size: 2.5rem 3.5rem; -moz-background-size: 2.5rem 3.5rem; -o-background-size: 2.5rem 3.5rem; background-size: 2.5rem 3.5rem;} .g-ys .con dd:before{position: absolute; content:""; width: 0.4rem; height: 0.4rem; background: #05b85b; top: 0.6rem; left:0;} /*--------------------------------------------------------------------------------------*/ .g-lc{ padding-top: 3.1rem; height: 24.9rem; overflow: hidden; background:url(/uploads/image/mi/jc_bj.jpg) repeat-y center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-lc h2{ overflow: hidden;text-align: center;height: 5.35rem;} .g-lc h2 a{font-size: 1.6rem; color: #333333; font-weight: bold;} .g-lc h2 span{color: #00894e;} .g-lc h2 i{font-weight: normal; display: block;font-size: 1.1rem; color: #666666;background:url(/uploads/image/mi/lc_line.jpg) no-repeat center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-lc li{ float: left;width: 19.3%;padding-right: 1.6rem; margin-left: 0.5rem; height: 9.35rem; text-align: center; background:url(/uploads/image/mi/lc_ico2.jpg) no-repeat right 1.8rem; -webkit-background-size:0.75rem 1.5rem; -moz-background-size:0.75rem 1.5rem; -o-background-size:0.75rem 1.5rem; background-size:0.75rem 1.5rem;} .g-lc li span{height: 2.1rem; line-height: 2.1rem;font-size: 0.8rem; color:#666;text-align: center;display: block;} .g-lc li img{ display: block; width: 4.8rem; height: 4.8rem;margin: 0 auto;} .g-lc li:nth-child(4){width:6rem;padding:0; text-align: center; background:url(/uploads/image/mi/lc_ico3.jpg) no-repeat center 7.5rem; -webkit-background-size:1.5rem 0.75rem; -moz-background-size:1.5rem 0.75rem; -o-background-size:1.5rem 0.75rem; background-size:1.5rem 0.75rem;} .g-lc li:nth-child(6) ,.g-lc li:nth-child(7),.g-lc li:nth-child(8){padding:0 0 0 1.6rem; background:url(/uploads/image/mi/lc_ico4.jpg) no-repeat left 1.8rem; -webkit-background-size:0.75rem 1.5rem; -moz-background-size:0.75rem 1.5rem; -o-background-size:0.75rem 1.5rem; background-size:0.75rem 1.5rem;} .g-lc li:nth-child(5){background:none;padding: 0; } /*--------------------------------------------------------------------------------------*/ .g-coo{margin-top: 3.0rem; height: 17.6rem; overflow: hidden; position: relative;} .g-coo h2{ overflow: hidden;text-align: center;height: 5.7rem;} .g-coo h2 a{font-size: 1.6rem; color: #333333; font-weight: bold;} .g-coo h2 span{color: #00894e;} .g-coo h2 i{font-weight: normal; display: block;font-size: 1.1rem; color: #666666;background:url(/uploads/image/mi/coo_line.jpg) no-repeat center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-coo .prev , .g-coo .next{ position: absolute;top: 7.65rem; width:1.1rem; height:2.65rem; z-index: 4;} .g-coo .prev { left:0.75rem;} .g-coo .next { right:0.75rem;} .g-coo .nowarp{margin:0 1.85rem;} .g-coo .m-box .con{ float: left; width:100%; display:inline;} .g-coo .m-box li{ float: left; margin-left: 3%; width: 45.5%; overflow: hidden;} .g-coo .m-box li img{border:0.15rem solid #05b85b;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; } /*--------------------------------------------------------------------------------------*/ .g-about{ height: 38.3rem; overflow: hidden; background:url(/uploads/image/mi/about_bj.jpg) no-repeat center 0; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-about h2{ overflow: hidden;text-align: center;height: 4.6rem;padding-top: 4.1rem;} .g-about h2 a{font-size: 1.5rem; color: #fff; font-weight: bold;} .g-about h2 span{color: #fff;} .g-about h2 i{font-weight: normal; display: block;font-size: 0.6rem; color: #fff; font-family: arial; line-height: 1.2rem; text-transform: uppercase; background:url(/uploads/image/mi/aboutline.png) no-repeat center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-about dt{ width: 75.93%; height:16.7rem; margin: 0 auto; background:url(/uploads/image/mi/about_bj1.png) no-repeat center 0; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-about dt img{ padding:4.5% 9% 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; } .g-about dd h3{padding-top: 1.4rem;font-size: 1.2rem;text-align: center;} .g-about dd h3 a{ color: #00894e; display: block;} .g-about dd p{padding:0.5rem 3% 0; font-size: 1.1rem; line-height: 2.0rem; text-align: center;} .g-about dd p a{ color: #666;} .g-about dd p i{color: #00894e;} /*--------------------------------------------------------------------------------------*/ .g-news{height: 27.6rem; overflow: hidden; position: relative; background:url(/uploads/image/mi/news_bj.jpg) repeat-y center 0;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;} .g-news .m-more{ position: absolute; top: 0; right:0;width:8.0rem; height:3.5rem; line-height: 3.5rem;color: #666666;font-size: 1.2rem; z-index: 3;} .g-news .m-cnt{height: 3.5rem; overflow: hidden;background: #dbdbdb;} .g-news .m-cnt li{ float: left;border-right:1px solid #e2e2e2;color: #666666;font-size: 1.2rem; width: 10.5rem; line-height: 3.5rem; text-align: center;} .g-news .m-cnt li.z-on{ color: #fff;background:#00599f; background: rgb(11,161,84); /* old browsers */ background: -moz-linear-gradient(top, rgba(11,161,84,1) 0%, rgba(14,185,75,1) 50%, rgba(11,161,84,1) 100%); /* ff3.6-15 */ background: -webkit-linear-gradient(top, rgba(11,161,84,1) 0%,rgba(14,185,75,1) 50%,rgba(11,161,84,1) 100%); /* chrome10-25,safari5.1-6 */ background: linear-gradient(to bottom, rgba(11,161,84,1) 0%,rgba(14,185,75,1) 50%,rgba(11,161,84,1) 100%); /* w3c, ie10 , ff16 , chrome26 , opera12 , safari7 */ filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#0ba154', endcolorstr='#0ba154',gradienttype=0 ); /* ie6-9 */} .g-news .con{ float: left; width:100%; display:inline;} .g-news dl{height: 7.0rem; overflow: hidden;margin:1.5rem 0 0;} .g-news dt{ width: 37.18%; overflow: hidden; float: left; margin-left: 3%;} .g-news dd{ width:56%; float: right; overflow: hidden;margin-right: 0;} .g-news dd h3{;font-size: 1.2rem; line-height: 1.5rem;} .g-news dd h3 a{ color: #333333; display: block;} .g-news dd p{padding:0.5rem 0 0; font-size: 1.1rem; line-height: 1.7rem;} .g-news dd p a{ color: #666;} .g-news dd p i{color: #00894e;} .g-news .con ul{margin:0.5rem 3% 0;} .g-news .con li{ height:2.6rem;border-bottom: 1px dashed #c6c6c6; font-size: 1.1rem; line-height: 2.6rem; color:#555555; padding-left: 1.4rem; position: relative;} .g-news .con li:before{ position: absolute; content:""; width: 0.45rem; height: 0.45rem; border:1px solid #999999; border-radius: 100%; top: 1.1rem; left: 0;} html {font-size: 10px;} @media screen and (min-width: 320px) {html {font-size: 10.4px;}} @media screen and (min-width: 360px) {html {font-size: 11.8px;}} @media screen and (min-width: 400px) {html {font-size: 13.125px;}} @media screen and (min-width: 440px) {html {font-size: 14.375px;}} @media screen and (min-width: 480px) {html {font-size: 15.625px;}} @media screen and (min-width: 520px) {html {font-size: 16.875px;}} @media screen and (min-width: 560px) {html {font-size: 18.125px;}} @media screen and (min-width: 600px) {html {font-size: 19.375px;}} @media screen and (min-width: 640px) {html {font-size: 20px;}}