/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}
.ban{ position:relative;}
.cnt1{ height:0.4rem; width:30%; position:absolute; bottom:0.8rem; left:46%;}
.cnt1 li{width:0.3rem; height:0.3rem; border-radius:0.3rem; background:#cbcbcb; float:left; margin-right:10%; margin-top:0.1rem;}
.cnt1 li.z-on{width:0.4rem; height:0.4rem; border-radius:0.4rem; background:#ffff00; margin-top:0; }

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-pro{ margin-top:2.6rem;}
.g-pro ul{ border-top:1px solid #ccc; padding-top:1rem; width:95.3125%; margin:0.4rem auto 0;}
.g-pro li{ width:33.33%; float:left; text-align:center; font-size:1.2rem; color:#414141; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; height:11.5rem;}
.g-pro li em{ display:block; width:65%; margin:0 auto 0.6rem;}
.g-pro li em img{ display:block; width:100%;}
.g-pro h5{ text-align:center; font-size:1.3rem; font-family: Arial, Helvetica, sans-serif; font-weight:bold; width:54.6875%; height:3.5rem; line-height:3.5rem; text-transform:uppercase; border:1px solid #006d3b; color:#006d3b; margin:0 auto; border-radius:2rem;}

.tit1{ text-align:center; font-size:1.6rem; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; margin-top:3rem;}
.tit1 em{ display:block; width:5%; margin:0 auto 1.1rem;}
.tit1 em img{ display:block; width:100%;}

.g-cus{ margin-top:4rem;}
.g-cus ul{ width:86.71875%; margin:1.6rem auto 0;}
.g-cus li{width:32%; float:left; margin-right:1.33%; border:1px solid #98cdb2; box-sizing:border-box; height:14.7rem; position:relative; overflow:hidden;}
.g-cus li img{ display:block; width:100%}
.g-cus li em{ display:block;}
.g-cus li span{display:block; text-transform:uppercase; font-size:1.1rem; color:#333; font-family:Arial, Helvetica, sans-serif; padding:2.2rem 0 2rem 4%;}
.g-cus li i{ display:block; width:77.22%;}
.g-cus a:last-child li{ margin-right:0;}
.g-cus a:nth-child(2) li em{ position:absolute; bottom:0;}

.case{ position:relative; margin-top:4rem;}
.case .con{ width:100%; float:left;}
.case .con dt img{ display:block; width:100%; margin-top:1rem;}
.case .con dd{ width:70.3125%; font-size:1.1rem; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:2.3rem; background:url(/mobile/Images/Index/case_dot.png) no-repeat left top; background-size:1.45rem 1.2rem; margin:1rem auto 0; padding:0.6rem 0 0 7%;}
.case .cnt1{ bottom:10rem; z-index:1;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.g-sou{ width:46.875%; height:2.2rem; position:absolute; top:9.8rem; right:4%; background:#e9e9e9; line-height:2.2rem; padding:0;}
.g-sou .u-key{ width:76%; position:absolute; top:0; left:0; height:2.2rem; line-height:2.2rem; color:#333; font-size:1rem; border:0; background:none;overflow:hidden; border-radius:0; padding:0; font-weight:bold;}
.g-sou .u-in{ width:24%; height:2.2rem; overflow:hidden;cursor:pointer; top:0; right:0; z-index:9; background:url(/mobile/Images/Index/case_jt.gif) no-repeat; background-size:100%;}
.g-sou .u-bt{ width:24%; height:2.2rem; overflow:hidden; background:none; cursor:pointer; top:0; right:0; z-index:1;}

.g-eve{ margin-top:34rem;}
.g-eve dl{ width:86.71875%; margin:2rem auto 0;}
.g-eve dt{ width:13.33%; float:left; margin-top:0.4rem;}
.g-eve img{ display:block; width:100%;}
.g-eve dd{ width:82.88%; float:right;}
.g-eve dd h3{ font-size:1.1rem; color:#000; font-weight:normal; font-family: Arial, Helvetica, sans-serif;}
.g-eve dd p{ font-size:1.1rem; color:#999; line-height:1.5rem;margin-top:0.5rem;}
.g-eve dd a{ display:block; width:30.21%; margin-top:1.3rem;}

.g-new{ margin-top:3.5rem;}
.g-new dl{ width:86.875%; margin:1.5rem auto 0;}
.g-new dt{ position:relative;}
.g-new dt img{ display:block; width:100%;}
.g-new dt em{ display:block; width:33%; height:2.3rem; background:#006d3b url(/mobile/Images/Index/news_jt.gif) no-repeat 90% center; background-size:1.05rem 0.45rem; position:absolute; top:35%; right:0; font-size:1.1rem; font-family: Arial, Helvetica, sans-serif; line-height:2.3rem; text-transform:uppercase; color:#fff; padding-left:2%;}
.g-new dd{ font-size:1.1rem; padding:1rem 5% 0 5%; color:#626262; font-family:"Times New Roman", Times, serif; line-height:2rem;}
.g-new h5{ width:38.28125%; margin:3rem auto 0; height:2.9rem; border-radius:1.5rem; border:1px solid #333; text-align:center; line-height:2.9rem; font-size:1.6rem; font-family: Arial, Helvetica, sans-serif; color:#000;}

.onl{ margin-top:4rem;}
.onl h5{ text-align:center; font-size:1.4rem; color:#000;}
.onl h5 em{display:block; width:5%; margin:0 auto 1.1rem;}
.onl h5 em img{ display:block; width:100%;}
.onl li{ height:2.5rem; margin-top:1.2rem; color:Red;}
.onl li em{ display:inline-block; width:19%; font-size:1.2rem; color:#333; padding-left:4%; float:left;}
.onl li input{ background:#efefef; border:1px solid #d3d3d3; box-sizing:border-box; height:2.5rem; line-height:2.5rem; color:#333; font-size:1.1rem; width:64%; padding-left:3%;}
.onl li textarea{background:#efefef; border:1px solid #d3d3d3; box-sizing:border-box; height:11.5rem; line-height:2.5rem; color:#333; font-size:1.1rem; width:64%; padding-left:3%; resize:none;}
.onl .ly{ height:11.6rem;}
.onl .btt{width:38.28125%; margin:2rem auto 0;}
.onl .btt input{ width:100%;height:2.9rem; border-radius:1.5rem; border:1px solid #333; text-align:center; line-height:2.9rem; font-size:1.6rem; font-family: Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; background:none; cursor:pointer;}
.green{ color:Green}

html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@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;}}