.wrap img{ width:100%;}

.banner{border-bottom: 1.4rem solid #e5e7e6;line-height: 0;}

.g-pin{position: relative;margin-top: 3rem;height:13.65rem; overflow: hidden;}
.g-pin p{font-size: 1.0rem; line-height: 1.5rem;color:#666666;padding:0 3.2%;}
.g-pin p img{display: block; float: left;width:34.66%;margin-right: 0.9rem;}
.g-pin p i{display: block;padding-top: 2.2rem; }
.g-pin p a{color:#0b9964;}
.g-pin h2{position: absolute; top: 0;left: 38.5%; font-size: 1.5rem;font-weight: bold; }
.g-pin h2 a{color:#009163;}
.g-pin h2 i{display: inline-block; font-size: 0.8rem; color:#cccccc;font-family: "Arial";text-transform: uppercase;font-weight: normal;}

.g-list{height:23.0rem; overflow: hidden;}
.g-list h2{ font-size: 1.8rem;color:#484646; text-align: center;height:3.0rem; line-height: 3rem; background:url(/mobile/Images/Index/pro_line.jpg) no-repeat center center;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.g-list h2 a{ color:#484646;}
.g-list h2 b{ color:#0b9964;}
.g-list h3{margin-top: 1.0rem;margin-left: 3.1%; width:33.9%;height:3.5rem;background:#0b9964;text-align: center;line-height: 3.5rem; font-size: 1.2rem; overflow: hidden;}
.g-list h3 a{ color:#fff; display: block;}
.g-list p{padding:0.6rem 0;}
.g-list p a{display: block; float: left; padding-left: 3%;width:33%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box; font-size: 1.0rem; color:#646464;line-height: 1.5rem;}

.g-pro{padding-top: 1.4rem;height:26.75rem; background:#0b9964;overflow: hidden;}
.g-pro li{ float: left;width:44.53%;height:13.45rem; margin-left: 3%; overflow: hidden;}
.g-pro li img{border:1px solid #eeeeee; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.g-pro li span{display: block;text-align: center;line-height: 2.1rem;color:#fff; font-size: 1rem;}

.g-shili{height:35.25rem;overflow: hidden;}
.g-shili h2{ height:11.45rem; overflow: hidden;padding:2.4rem 0 0 2.8rem;font-size: 2.5rem; line-height: 3rem; color:#fff;font-weight: bold; background:url(/mobile/Images/Index/cpys_bj.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.g-shili h2 p{font-size: 1.4rem;font-weight: normal;padding-left: 4.5rem;}
.g-shili h2 p span{ color:#484646;}
.g-shili .m-box{height:20.5rem; overflow: hidden;}
.g-shili .m-box .con{ float: left;display:inline;width:100%;}
.g-shili .con dl{width:93.28%;margin: 0 auto; overflow: hidden;}
.g-shili .con dl dd h3{ font-size: 1.2rem; color:#0b9964; line-height: 1.5rem;padding-top: 0.5rem;}
.g-shili .con dd p{padding-top: 0.3rem; font-size: 1.0rem; line-height: 1.7rem; color:#646464;}
.s_nav{margin-left: 40.6%; height:1rem;}
.s_nav li{ float: left;width:0.65rem;height:0.65rem; background:#c9c9c9;border-radius: 100%;margin:0 0.4rem;}
.s_nav li.z-on{background:#0b9964;}

.g-ys{height:47.75rem; overflow: hidden;}
.g-ys h2{ height:11.5rem; overflow: hidden;padding:2.9rem 0 0; font-size: 1.65rem; line-height: 2rem;text-align: center; color:#fff;background:url(/mobile/Images/Index/ys_t.jpg) no-repeat center 0;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.g-ys h2 span{display: block;font-size: 1rem; line-height: 3rem;}
.g-ys .m-box{height:32.75rem; overflow: hidden;}
.g-ys .m-box .con{ float: left;display:inline;width:100%;}
.g-ys .con dl{width:93.59%;margin: 0 auto; overflow: hidden;}
.g-ys .con dt{position: relative; z-index: 1;}
.g-ys .con dd i{display: block;position: relative;margin-top: -5.6rem;width:52.58%; z-index: 3;}
.g-ys .con dd h3{ font-size: 1.1rem; color:#323232; line-height: 2.5rem;margin-top: 0.9rem; background:url(/mobile/Images/Index/ys_line.jpg) no-repeat 0 1.4rem;  -webkit-background-size: 1.85rem 0.15rem;  -moz-background-size: 1.85rem 0.15rem; -o-background-size: 1.85rem 0.15rem;   background-size: 1.85rem 0.15rem; padding-left: 8%;}
.g-ys .con dd h3 b{display: inline-block;padding-left: 1.65rem; font-size: 1.6rem;}
.g-ys .con dd p{padding-top: 0.6rem; font-size: 1.0rem; line-height: 1.7rem; color:#646464;}

.g-lc{height:20.2rem; overflow: hidden;}
.g-lc h2{ font-size: 1.8rem;color:#484646; text-align: center;height:3.0rem; line-height: 3rem; background:url(/mobile/Images/Index/lc_line.jpg) no-repeat center center;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.g-lc h2 a{ color:#484646;}
.g-lc h2 b{ color:#0b9964;}
.g-lc .m-box{height:11.7rem; overflow: hidden;}
.g-lc .m-box .con{ float: left;display:inline;width:100%;}
.g-lc .m-box .con li{margin:1.2rem 1.7rem 0 0; float: left; width:19.375%;padding-right: 8.2%; background:url(/mobile/Images/Index/lc_ico.jpg) no-repeat right 2.9rem;  -webkit-background-size: 0.85rem 0.65rem;  -moz-background-size: 0.85rem 0.65rem; -o-background-size: 0.85rem 0.65rem;   background-size: 0.85rem 0.65rem;}
.g-lc .m-box .con li:nth-child(1){margin-left: 6.8%;}
.g-lc .m-box .con li:nth-child(3){margin-right: 0;padding-right: 0;}
.g-lc .m-box .con li span{display: block;text-align: center;font-size: 0.7rem ; line-height: 1.0rem; color:#333;padding:0.9rem 0.6rem 0;}
.tel{padding-top: 1.0rem; font-size: 1.0rem; color:#0b9964;text-align: center;font-weight: bold;line-height: 1.5rem;}
.g-lc .s_nav{margin-left: 45.31%;}

.g-case{height:31.9rem; overflow: hidden; background:url(/mobile/Images/Index/case_bj.jpg) no-repeat center center;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.g-case h2{margin-top: 2.75rem; height:5rem; font-size: 1.8rem;color:#0b9964; text-align: center;font-weight: bold;  line-height: 3rem; background:url(/mobile/Images/Index/case_line.png) no-repeat center 1.8rem;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.g-case h2 span{display: block;font-weight: normal; color:#666666; font-size: 0.9rem;line-height: 1rem;}
.g-case dl{border:1px solid #eeeeee;width:45.3135%;height:21.85rem;background:#fff; overflow: hidden;margin-left: 3%; float: left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.g-case dt{height:7.8rem;overflow: hidden;position: relative; z-index: 1;}
.g-case dd{ height:15.85rem;position: relative; margin-top: -1.9rem; z-index: 2; overflow: hidden;}
.g-case dd i{display: block;width:3.7rem;height:3.7rem;margin-left: 1.05rem;}
.g-case dd i img{width:100%;}
.g-case dd em{display: block;position: absolute; bottom:0;right:0;width:2.0rem; height:2.0rem;}
.g-case dd em img{width:100%;}
.g-case dd h3{ font-size: 1.1rem; color:#009163; padding-left: 1rem;line-height: 2.1rem;height: 2.1rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dd h3 a{ color:#009163; display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case dd p{padding:0 1rem; line-height: 1.7rem; font-size: 1rem; color:#666666;}

.g-about{margin-top: 2.75rem;height:32rem; overflow: hidden;}
.g-about h2{ font-size: 1.8rem; text-align: center;height:3.0rem;color:#0b9964;font-weight: bold; line-height: 3rem; background:url(/mobile/Images/Index/about_bj.jpg) no-repeat center center;  -webkit-background-size: 100%;  -moz-background-size: 100%; -o-background-size: 100%;   background-size: 100%;}
.g-about dl{width:93.59%;margin: 0.8rem auto 0; overflow: hidden;}
.g-about dd h3{ font-size: 1.2rem;font-weight: bold; color:#0b9964; line-height: 2rem;margin-top: 0.6rem;}
.g-about dd p{padding: 0.5rem 0; line-height: 1.8rem; color:#6c6b6b;font-size: 1.2rem; overflow: hidden;}
.g-about dd i{color:#0b9964;}

.g-news{height:24rem; overflow: hidden;}
.g-news .m-cnt{ height:3.6rem;position: relative; background:#999999;}
.g-news .m-cnt li{float: left;width:33%;height:3.6rem;text-align: center;line-height:3.6rem; color:#fff;font-size: 1.4rem; position: relative;}
.g-news .m-cnt li:last-child{width:34%;}
.g-news .m-cnt li:before{position: absolute; content: ""; top: 0;right:0; width:1px; height:3.6rem;background:#fff;}
.g-news .m-cnt li.z-on{ background:#0b9964; position: relative;}
.g-news .m-cnt li.z-on:after{position: absolute; content: "";width:0;height:0;top: 3.6rem;left: 48%;border-top: 0.3rem solid #0b9964; border-left: 0.3rem solid transparent;border-right: 0.3rem solid transparent;}
.g-news .con dl{margin:1.2rem 0 0;height:8.0rem; overflow: hidden;}
.g-news .con dt{width:39.06%; margin-left: 3.1%; overflow: hidden; float: left;}
.g-news .con dd{float: right;width:51.56%; overflow: hidden;margin-right: 3.1%;}
.g-news .con dd h3{height:2.1rem; line-height: 2.1rem; color:#323232; font-size: 1.2rem;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .con dd p{ font-size: 1.2rem; color:#7f7f7f; line-height: 1.5rem;padding:0.3rem 5% 0 0;}
.g-news .con dd p i{ color:#0b9964;}
.g-news .con ul{margin:0.5rem 3.1% 0;}
.g-news .con li{font-size: 1.1rem; line-height: 2.4rem;height: 2.4rem; color:#666666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .con li a{ color:#666666;width:70%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}





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;}}