/*-----------------------------------------------------------------------------------------------------------------------*/
.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(/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-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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/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 li{ float: left;width: 19.3%;padding-right: 1.6rem; margin-left: 0.5rem; height: 9.35rem; text-align: center; background:url(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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(/mobile/Images/Index/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;}}