﻿
body{ background:#fff;}

/**/


/**/
.m-ban {border-bottom:0.2rem solid #f97d0f; height:12.5rem; overflow:hidden;}
.m-ban img{ width:100%; height:auto;}

/**/
nav a{ width:33.3%; height:4.9rem; float:left; background:#065da4; font-size:1rem; color:#222; line-height:1.8rem; text-align:center; border-right:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6ad225+0,59be16+100 */
background: #6ad225; /* Old browsers */
background: -moz-linear-gradient(top,  #6ad225 0%, #59be16 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6ad225 0%,#59be16 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6ad225 0%,#59be16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ad225', endColorstr='#59be16',GradientType=0 ); /* IE6-9 */
}
nav img{ display:block; width:33%; height:auto; margin:0.6rem auto 0;}
/**/

.g-part{ height:auto; overflow:hidden; padding-top:1.12rem;}
.g-part h2{ height:4.16rem; font:0.75rem/1.66rem Arial; color:#bcbcbc; text-align:center; text-transform:uppercase; }
.g-part h2 span{ display:block; font:1.16rem/1.16rem "Microsoft Yahei"; font-weight:bold; color:#59be16; background:url(/mobile/Images/Index/par_tx.gif) no-repeat center center; background-size:20.25rem 0.08rem;}
.g-part .nowarp{ width:93.75%; height:6.7rem; margin:0 auto; overflow:hidden;}
.g-part .nowarp a{ display:block; width:30%; height:auto; float:left; text-align:center; margin-right:3.3%;}
.g-part .nowarp a:nth-lash-child(1){ margin-right:0;}
.g-part .nowarp  span{ display:block; font:1rem/2.25rem "Microsoft Yahei"; height:2.25rem; color:#555; overflow:hidden;}
.g-part .nowarp img{ width:100%; display:block; box-sizing:border-box; border:0.08rem solid #ccc;}
.g-part .m-par-tx{  background:url(/mobile/Images/Index/tx.gif) no-repeat center center; background-size:25rem 1px; overflow:hidden;}
.g-part .m-par-tx div{ float:left; width:5.6%; height:1.5rem; overflow:hidden;}
.g-part .m-par-tx img{ display:block;width:100%;}
.g-part .m-par-tx .prev{ margin:0 3% 0 42.1%;}


/**/
.g-pro h2{ height:3rem; font:0.75rem/1.58rem Arial; color:#bcbcbc; text-align:center; text-transform:uppercase; padding-top:1.33rem;}
.g-pro h2 span{ display:block; font:1.25rem/1.25rem "Microsoft Yahei"; font-weight:bold; color:#59be16; background:url(/mobile/Images/Index/pro_tx.gif) no-repeat center center; background-size:10.16rem 0.125rem;}
.g-pro .m-pr-fl{ width:93.75%; margin:0 auto; overflow:hidden; height:auto;}
.g-pro .m-pr-fl p{ font:1rem/2.8rem "Microsoft Yahei"; font-weight:bold; color:#333;}
.g-pro .m-pr-fl li{ width:31.6%; float:left; background:#efefef; font:1rem/1.875rem "Microsoft Yahei"; color:#333; text-align:center; margin-right:2.5%;}
.g-pro .m-pr-fl a:nth-child(1) li{ background:#59be16; color:#fff;}
.g-pro .m-pr-fl a:nth-child(3n) li{ margin-right:0;}
.g-pro .m-pr-fl a:nth-child(n+4) li{ margin-top:0.9rem;}
.g-pro .m-pr-img{ width:93.75%; margin:0 auto; overflow:hidden; height:auto; padding-top:1.25rem;text-align:center;}
.g-pro .m-pr-img p{ width:47.5%; float:left;}
.g-pro .m-pr-img a:nth-child(2n) p{ float:right;}
.g-pro .m-pr-img p span{ display:block; font:1rem/2.83rem "Microsoft Yahei"; color:#555; }
.g-pro .m-pr-img p img{ width:100%; height:auto; display:block; border:0.083rem solid #ccc; box-sizing:border-box;}
.g-pro .m-pr-img em{ width:23.66%; height:1.75rem; display:inline-block; background:#59be16; border-radius:3px; font:1rem/1.75rem "Microsoft Yahei"; color:#222; margin:0.2rem 5% 1.75rem 0;}
.g-pro .m-pr-img strong{ width:23.66%; height:1.75rem; display:inline-block; background:#f97d0f; border-radius:3px; font:1rem/1.75rem "Microsoft Yahei"; color:#fff;}

/**/
.g-pk{ background:#f0f0f0; padding-top:1.125rem;}
.g-pk h2{ height:4.41rem; font:1rem/1.58rem "Microsoft Yahei"; font-weight:bold; color:#333; text-align:center;}
.g-pk h2 span{ display:block; font:1.16rem/1.66rem "Microsoft Yahei"; font-weight:bold; color:#59be16; background:url(/mobile/Images/Index/pk_tx.jpg) no-repeat center center; background-size:24.4rem 1.5rem;}
.g-pk .m-cnt{ height:1.91rem; width:93.75%; margin:0 auto 1.16rem; overflow:hidden; text-align:center;} 
.g-pk .m-cnt li{ width:33.3%; float:left; font:1rem/1.75rem "Microsoft Yahei"; color:#3333; border:0.08rem solid #ccc; box-sizing:border-box;}
.g-pk .m-cnt .z-on{ color:#fff; background:#59be16; border:0.08rem solid #59be16;}
.g-pk .sclwrap_box{ width:93.75%; margin:0 auto;}
.g-pk .con{ float:left; width:100%; height:auto; overflow:hidden;}
.g-pk .con p{ width:10%; height:8.83rem; margin:0 auto;}
.g-pk .con p img{ width:100%; height:auto; display:block;}
.g-pk .con dl{ float:left; width:39.66%; height:19.8rem;}
.g-pk .con dt{ width:100%; height:auto;}
.g-pk .con dt img{ display:block; width:100%; height:auto; box-sizing:border-box; border:0.083rem solid #59be16;}
.g-pk .con dd{ font:0.96rem/1.5rem "Microsoft Yahei"; color:#59be16;}
.g-pk .con dd em{ display:block;height:0.5rem;}
.g-pk .con dl:nth-child(2){ float:right;}
.g-pk .con dl:nth-child(2) img{ border:0.08rem solid #ccc;}
.g-pk .con dl:nth-child(2) dd{ color:#555; }
/**/
.g-ban2{ background:url(/mobile/Images/Index/ban2_bj.gif) no-repeat center top; background-size:100% 5.83rem; height:5.83rem; overflow:hidden;}
.g-ban2 p{ font:1rem/1rem "Microsoft Yahei"; color:#222; text-align:center; padding-top:4.16rem;}
.g-ban2 span{ font:1.25rem/1.25rem Arial; color:#222;}

/**/
.g-ys{ background:#f6f6f6; width:100%; height:32.5rem; overflow:hidden; position:relative;}
.g-ys h2{ height:3.5rem; overflow:hidden; font:1rem/2.16rem "Microsoft Yahei"; color:#333; text-align:center; padding-top:2rem;}
.g-ys h2 span{ display:block; font:1.25rem/1.25rem "Microsoft Yahei"; font-weight:bold; color:#59be16; background:url(/mobile/Images/Index/ys_tx.gif) no-repeat center center; background-size:7.45rem 0.125rem;}
.g-ys .m-ys{ overflow:hidden;}
.g-ys dl{ width:93.75%;height:24.75rem; margin:0 auto;  overflow:hidden;}
.g-ys dt{ width:100%; height:12.5rem; overflow:hidden; margin-bottom:0.79rem;}
.g-ys dt img{ display:block; width:100%; height:auto;}
.g-ys dd h3{ font:1rem/1.91rem "Microsoft Yahei";  color:#222;}
.g-ys dd h3 span{ display:inline-block;font-weight:bold; color:#59be16; border-bottom:0.083rem solid #59be16;  box-sizing:border-box; margin-right:3%;}
.g-ys dd ul{ display:block; background:url(/mobile/Images/Index/ys_x.gif) no-repeat left top; background-size:0.58rem 7.91rem; box-sizing:border-box; padding-top:0.3rem;}
.g-ys dd li{ font:1rem/1.5rem "Microsoft Yahei"; color:#555;}
.g-ys dd li i{ color:#f97d0f;}
.g-ys dd li span{ display:block; float:left; width:1rem; height:1rem; background:#59be16; border-radius:1rem; font:0.75rem/1rem Arial; color:#222222; text-align:center; margin:0.26rem -1.5rem 0 0;}
.g-ys dd li em{ display:block; margin-left:1.5rem;}

.g-ys .slick-prev{position: absolute;left:30.3%;top:30.1rem;background:url(/mobile/Images/Index/part_01.png)no-repeat center top;background-size:0.66rem 1.166rem; width:2.5%;height: 1.166rem;border: none;text-indent: -9999px;z-index: 100;}
.g-ys .slick-next{position:absolute;right:30.3%;top:30.1rem;background:url(/mobile/Images/index/next_02.png) no-repeat center top;background-size:0.66rem 1.166rem; width:2.5%;height: 1.166rem;border: none;text-indent: -9999px;z-index: 100;}
.g-ys .slick-dots{position: absolute;left:39%;top:30.2rem; font-size:0;}
.g-ys .slick-dots li {float: left;margin-right: 0.6rem; }
.g-ys .slick-dots li button{width: 1.04rem;height: 1.04rem;background: #59be16;border-radius:85rem;padding: 0; border:none;text-indent: -999px; }
.g-ys .slick-dots .slick-active button{background: #f97d0f;}


/**/
.g-case h2{ height:4rem; font:1rem/2rem "Microsoft Yahei"; color:#333; text-align:center; padding-top:1.6rem;}
.g-case h2 span{ display:block; font:1.25rem/1.25rem "Microsoft Yahei"; color:#59be16; font-weight:bold; background:url(/mobile/Images/Index/ca_tx.gif) no-repeat center center; background-size:13.33rem 0.083rem;}
.g-case dl{ width:93.75%; height:auto; margin:0 auto 1.25rem; overflow:hidden; background:#f5f5f5;}
.g-case dt{ width:33.33%; height:7.5rem; float:left; margin-right:-33.33%;}
.g-case dt img { display:block; width:100%; height:auto;}
.g-case dd{ margin-left:36.66%; font:1rem/1.5rem "Microsoft Yahei"; color:#555;}
.g-case dd span{ display:block; color:#555; margin-bottom:0.7rem;}
.g-case dd em{ color:#f97d0f;}
.g-case dl:nth-child(3){ margin-bottom:2rem;}


/**/
.g-ban3{ background:url(/mobile/Images/Index/ban3_bj.gif) no-repeat center top; background-size:100% 5.83rem; height:5.83rem; overflow:hidden;}
.g-ban3 p{ font:1rem/1rem "Microsoft Yahei"; color:#222; text-align:center; padding-top:4.16rem;}
.g-ban3 span{ font:1.25rem/1.25rem Arial; color:#222;}

/**/
.g-about{ background:#f0f0f0; padding-bottom:1.4rem;}
.g-about h2{ height:3.16rem; font:0.75rem/1.5rem Arial; color:#999; text-align:center; padding-top:1.6rem;}
.g-about h2 span{ display:block; font:1.25rem/1.25rem "Microsoft Yahei"; color:#59be16; font-weight:bold; background:url(/mobile/Images/Index/ab_tx.gif) no-repeat center center; background-size:7rem 0.083rem;}
.g-about dl{ width:93.75%;  margin:0 auto;}
.g-about dt{ height:10.4rem; overflow:hidden;}
.g-about dt img{ display:block; width:100%; height:auto;}
.g-about dd { text-align:center;}
.g-about dd h3{ font:1.08rem/1.08rem "Microsoft Yahei"; color:#333; margin:0.83rem 0 0.6rem 0; text-align:left;}
.g-about dd p{ font:1rem/1.5rem "Microsoft Yahei"; color:#555; text-align:left; margin-bottom:1rem;}
.g-about dd p a{ color:#f97d0f;}
.g-about dd span{ display:inline-block; width:23.66%; font:1rem/1.7rem "Microsoft Yahei"; color:#222; background:#59be16; border-radius:5px; margin-right:7%;}
.g-about dd em{ display:inline-block; width:23.66%;  font:1rem/1.7rem "Microsoft Yahei"; color:#fff; background:#f97d0f; border-radius:5px;}



/**/
.g-visit{width:93.75%; margin:0 auto; padding-bottom:2.1rem; }
.g-visit h2{ height:3.16rem; font:0.75rem/1.5rem Arial; color:#999; text-align:center; text-transform:uppercase; padding-top:2.1rem;}
.g-visit h2 span{ display:block; font:1.25rem/1.25rem "Microsoft Yahei"; color:#59be16; font-weight:bold; background:url(/mobile/Images/Index/visit_tx.gif) no-repeat center center; background-size:9.75rem 0.083rem;}
.g-visit .m-cnt{ width:100%; overflow:hidden;}
.g-visit .m-cnt li{ width:34.3%; height:2.29rem; float:left;  margin:0 -1.68% 0.5rem 0; font:1rem/1.91rem "Microsoft Yahei"; color:#333; text-align:center; overflow:hidden;position:relative;}
.g-visit .m-cnt li:nth-child(1){margin-right:-1.9% !important; background:url(/mobile/Images/Index/visit_t1.png) no-repeat left top; background-size:8.6rem 4.58rem; z-index:3; }
.g-visit .m-cnt li:nth-child(2){margin-right:-1.68%;background:url(/mobile/Images/Index/visit_t4.png) no-repeat right top; background-size:8.75rem 4.58rem;z-index:2;}
.g-visit .m-cnt li:nth-child(3){ background:url(/mobile/Images/Index/visit_t3.png) no-repeat right top; background-size:8.75rem 4.58rem; z-index:1;}
.g-visit .m-cnt li:nth-child(4){ background:url(/mobile/Images/Index/visit_t6.png) no-repeat left top; background-size:8.75rem 4.58rem; z-index:1;}
.g-visit .m-cnt li:nth-child(5){ background:url(/mobile/Images/Index/visit_t2.png) no-repeat left top; background-size:8.75rem 4.58rem; z-index:2;}
.g-visit .m-cnt li:nth-child(6){ background:url(/mobile/Images/Index/visit_t5.png) no-repeat left top; background-size:8.5rem 4.58rem; z-index:3;}
.g-visit .m-cnt li:nth-child(1).z-on{ background-position:left bottom; color:#fff;}
.g-visit .m-cnt li:nth-child(2).z-on,.g-visit .m-cnt li:nth-child(3).z-on{ background-position:right bottom; color:#fff;}
.g-visit .m-cnt li:nth-child(4).z-on,.g-visit .m-cnt li:nth-child(5).z-on,.g-visit .m-cnt li:nth-child(6).z-on{ background-position:left bottom; color:#fff;}
.g-visit .con{ float:left; width:100%; height:auto;}
.g-visit .sclwrap_box{ width:100%; overflow:hidden;}
.g-visit .sclwrap_box img{ display:block; width:100%; overflow:hidden;}


/**/
.g-gall { height:16.833rem; overflow:hidden;}
.g-gall .c-list{ height:2.083rem; background:#59be16; margin-bottom:1.33rem;}
.g-gall .c-list li{ float:left;height:2.083rem; padding:0 2%; font:1rem/2.083rem "Microsoft Yahei"; font-weight:bold; color:#222; text-align:center;}
.g-gall .c-list li.z-on{ background:#f97d0f; color:#fff;}
.g-gall .c-list span{ float:right; font:1rem/2rem "Microsoft Yahei"; color:#555; padding-right:3%;}
.g-gall .no_ov{ width:93.75%; margin:0 auto 0.83rem; overflow:hidden;}
.g-gall .page{ float:left; width:100%; height:auto;}
.g-gall .page img{ width:47.5%; height:auto; display:block;  float:left;}
.g-gall .page  a:nth-child(2) img{float:right;}
.g-gall .m-gal-tx{background:url(/mobile/Images/Index/tx.gif) no-repeat center center; background-size:25rem 1px; margin-bottom:3rem; overflow:hidden;}
.g-gall .m-gal-tx div{ float:left; width:5.6%; height:1.5rem; overflow:hidden;}
.g-gall .m-gal-tx img{ display:block;width:100%;}
.g-gall .m-gal-tx .prev{ margin:0 3% 0 42.1%;}

/**/
.g-news{ background:#f0f0f0; overflow:hidden; padding-bottom:1.3rem;}
.g-news .m-cnt{ height:2.083rem; background:#59be16; margin-bottom:0.6rem;}
.g-news .m-cnt li{ float:left;height:2.083rem; padding:0 2%; font:1rem/2.083rem "Microsoft Yahei"; font-weight:bold; color:#222; text-align:center;}
.g-news .m-cnt li.z-on{ background:#f97d0f; color:#fff;}
.g-news .m-cnt span{ float:right; font:1rem/2rem "Microsoft Yahei"; color:#555; padding-right:3%;}
.g-news .sclwrap_box{ width:93.75%; margin:0 auto; overflow:hidden;}
.g-news .con{ float:left; width:100%; height:auto; overflow:hidden;}
.g-news .con li{ font:1rem/2rem "Microsoft Yahei"; color:#555; background-size:0.33rem; padding-left:4%;}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:83%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}

@media screen and (min-width:414px) {
	html { font-size:98%;}
}

@media screen and (min-width:480px) {
	html { font-size:112%;}
}
@media screen and (min-width:568px) {
	html { font-size:120%;}
}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}