.nav {

  /* background: url(../Images/Index/navbg.gif) center 0; */

}



nav {

  background: #eb9c47;

  width: 96%;

  height: auto;

  margin-top: -2%;

  position: relative;

  padding: 2%;

  color: #fff;

}



nav a {

  float: left;

  width: 20%;

  text-align: center;

  font-size: 1em;

  height: auto;

  line-height: 167%;

  position: relative;

  color: #fff;

}



nav a:nth-child(1):after {

  content: "";

  position: absolute;

  width: 10%;

  height: 32%;

  background: url(../Images/Index/ico01.png) no-repeat;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  left: 5%;

  top: 35%;

}



nav a:hover {

  color: #fff;

}



nav a:link {

  color: #fff;

}



nav a:visited {

  color: #fff;

}



nav a:active {

  color: #fff;

}





/*?’¨èˉ￠?”μèˉ?*/



.m-ph {

  height: 4.75em;

  position: relative;

  margin-bottom: 1.25em;

}



.m-ph:before {

  position: absolute;

  content: "";

  z-index: -3;

  -webkit-box-shadow: 0 1px 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;

  -moz-box-shadow: 0 1px 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;

  box-shadow: 0 0.1667em 0.33em rgba(0, 0, 0, 0.2), 0 0 3.33em rgba(0, 0, 0, 0.1) inset;

  top: 50%;

  bottom: 0;

  left: 0;

  right: 0;

  -moz-border-radius: 2.5015015em;

  border-radius: 2.5015015em;

}



.m-ph .u-tel {

  width: 2.41667em;

  left: 2.1667em;

  top: 1.33em;

  display: block;

  position: absolute;

}





/*?¤′é?¨?”μèˉ???????*/



.m-ph p {

  color: #FFF;

  line-height: 1.667em;

  padding: 0.41667em 0 0 18.7%;

  font-size: 1em;

}



.m-ph p i {

  display: block;

  font-style: normal;

  font-size: 1.0833em;

}



.m-ph p span {

  font-size: 1.667em;

  padding-left: 1%;

  color: #FFF;

  font-weight: bold;

}





/*?1??‘?*/



.g-adv {

  height: auto;

  position: relative;

}



.g-adv .sclwrap_box {

  height: 13.3em;

}



.g-adv .m-box {

  height: 13.7em;

}



.g-adv .m-box li img {

  width: 100%;

}



.g-adv .m-cnt {

  height: 0.38em;

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  display: block;

}



.g-adv .m-cnt li {

  width: 33.3%;

  height: 0.38em;

  float: left;

}



.g-adv .m-cnt li.z-on {}





/*@media screen and (min-width:360px) {



	.g-adv .sclwrap_box{ height:344px;}



	.g-adv .m-box{ height:339px;}



}



@media screen and (min-width:400px) {



	.g-adv .sclwrap_box{ height:381px;}



	.g-adv .m-box{ height:376px;}



}



@media screen and (min-width:480px) {



	.g-adv .sclwrap_box{ height:458px;}



	.g-adv .m-box{ height:451px;}



}



@media screen and (min-width:568px) {



	.g-adv .sclwrap_box{ height:542px;}



	.g-adv .m-box{ height:534px;}



}



@media screen and (min-width:639px) {



	.g-adv .sclwrap_box{ height:310px;}



	.g-adv .m-box{ height:330px;}



}*/





/*?§??…???“??? ??a??ˉ??????*/



img {

  padding: 0;

  margin: 0;

  width: 100%;

}



.m-xh {

  height: 25.85em;

  overflow: hidden;

  width: 100%;

  background: url(../Images/Index/xhbg.jpg) no-repeat center 0;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  font-size: 1.08em;

  font-weight: bold;

  color: #fff;

  line-height: 108%;

  text-align: center;

}



.m-xh h2 {

  width: 75%;

  background: url(../Images/Index/xhcbg.gif) no-repeat center 0;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  text-align: center;

  margin: 1.5em auto 0;

  padding: 4.5em 0 0;

  height: 9em;

  font-size: 1.67em;

  line-height: 115%;

  color: #42a004;

  font-weight: bold;

}



.m-xh p {

  position: absolute;

  z-index: 999;

  text-align: center;

  width: 18%;

}



.m-xh p em,

.m-cp h2 em {

  display: block;

  font-style: normal;

  font-weight: normal;

  font-size: 0.58em;

  line-height: 128%;

  color: #cee4b9;

}



.m-xh p:nth-child(2) {

  top: 4.3em;

  left: 9.9em;

}



.m-xh p:nth-child(3) {

  top: 7.3em;

  left: 3.4em;

}



.m-xh p:nth-child(4) {

  top: 7.8em;

  left: 16.7em;

}



.m-xh p:nth-child(5) {

  top: 15em;

  left: 3.5em;

}



.m-xh p:nth-child(6) {

  top: 15em;

  left: 16.2em;

}



.m-xh p:nth-child(7) {

  top: 18.2em;

  left: 9.9em;

}





/*???è‰2?o§?“?*/



.m-cp {

  height: auto;

  overflow: hidden;

  width: 100%;

  background: url(../Images/Index/cptbg.jpg) no-repeat center 0;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

}



.m-cp h2 {

  font-size: 1.25em;

  font-weight: bold;

  color: #000;

  line-height: 113%;

  text-align: center;

  padding: 8.6% 0 6%;

}



.m-cp h2 b {

  color: #4cab0d;

  padding-left: 0.4em;

}



.m-cp h2 em {

  font-family: Arial;

  text-transform: uppercase;

  font-size: 0.46em;

  color: #afafaf;

  line-height: 133%;

}



.m-cp ul {

  display: block;

  height: 10.3em;

}



.m-cp li {

  width: 40%;

  float: left;

  margin: 0 4% 0 0;

  position: relative;

  height: 10.3em;

}



.m-cp a:first-child li {

  margin-left: 8%;

}



.m-cp li img {

  width: 100%;

  height: 8.3em;

}



.m-cp li span {

  position: absolute;

  width: 100%;

  background-color: #000;

  left: 0;

  bottom: 0;

  filter: alpha(opacity=80);

  -moz-opacity: 0.8;

  opacity: 0.8;

  color: #fff;

  font-size: 1em;

  line-height: 208%;

  display: block;

  text-align: center;
      text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}



.more01 {

  clear: both;

  display: block;

  width: 95%;

  background: url(../Images/Index/ge01.jpg) no-repeat center 0;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  text-align: center;

  margin: 6.7% auto 3.8%;

  font-size: 1em;

  line-height: 300%;

}





/*?ˉ?è?a*/



.m-dh {

  clear: both;

  display: block;

  height: auto;

  overflow: hidden;

  font-size: 1.08em;

  line-height: 284%;

  padding-bottom: 6%;

}



.m-dh h2 {

  font-size: 1.25em;

  padding: 0 3%;

  line-height: 218%;

}



.m-dh h2 a {

  color: #fff;

}



.m-dh h2 em {

  width: 4.3%;

  margin: 0 2% 0 0;

  display: block;

  float: left;

}



.more02 {

  width: 3%;

}



.m-dh h2 em img,

.more02 img {

  width: 100%;

}



.dh-c {

  margin: 3% 3% 0;

}



.dh-c li {

  width: 48%;

  float: left;

  overflow: hidden;

  border-bottom: solid 1px #d3d3d3;

  padding-left: 8%;

  position: relative;

  white-space: nowrap;

}





/*.dh-c li:last-child{ border:0;}*/



.dh-c li:nth-child(2n) {

  width: 29%;

}



.dh-c li:before {

  content: "";

  position: absolute;

  width: 0.22em;

  height: 0.95em;

  border-radius: 0.2em;

  left: 8%;

  top: 1em;

}



.dh-c li a {

  color: #666666;

}





/*??????*/



.m-ys {

  clear: both;

  display: block;

  height: auto;

  overflow: hidden;

  font-size: 1em;

  line-height: 208%;

  padding: 5% 0;

  width: 100%;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  z-index: 1;

  position: relative;

}



.m-ys:before {

  content: "";

  position: absolute;

  width: 78.4%;

  height: 96%;

  /* top:3.5%; */

  left: 10.8%;

  background: #fff;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  z-index: -1;

}



.m-ys h2 {

  font-size: 1em;

  line-height: 138%;

  text-align: center;

  padding: 1em 0;

}



.m-ys h2 b {

  display: block;

  font-size: 1.25em;

}



.ys01,

.ys02,

.ys03,

.ys04,

.ys05 {

  width: 59%;

  margin:1em auto;

  height: auto;

  display: block;

  clear: both;
  overflow: hidden;

}



.ys-p {
  display: block;
  margin: 1% auto 0 auto;
    color: #004c01;
    font-size: 1em;
    font-weight: bold;
}











.m-ys .ys-p img {

  width: 100%;

}



.m-ys li,

.m-st li {

  clear: both;

  display: block;

  height: auto;

  line-height: 183%;

  font-size: 0.8em;

}



.m-ys li b,

.m-st li b {

  width: 6.3%;

  background: url(../Images/Index/ico04.gif) no-repeat center bottom;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  text-align: center;

  font-weight: normal;

  color: #fff;

  float: left;

  display: block;

  line-height: 200%;

  overflow: hidden;

}



.m-ys li p,

.m-st li p {

  width: 91.6%;

  float: left;

  padding: 0 0 0 2%;

  font-size: 0.8em;

}



.m-ys .more01 {

  width: 78.4%;

  background: url(../Images/Index/ge02.jpg) no-repeat center 0;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

}





/*??‰?…¨é￡??“?*/



.m-st {

  clear: both;

  display: block;

  height: auto;

  overflow: hidden;

  font-size: 1em;

  line-height: 208%;

  color: #666666;

}



.m-st h2,

.st-c {

  width: 68%;

  margin: 0 auto;

}



.m-st h2 {

  background: url(../Images/Index/sttbg.jpg) no-repeat center bottom;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

  font-size: 1.13em;

  line-height: 122%;

  padding: 8% 0 5%;

  text-align: center;

  color: #000000;

  position: relative;

}



.m-st h2:before {

  content: ' ';

  display: block;

  position: absolute;

  left: 50%;

  top: 5em;

  margin-left: -0.25em;

  width: 0.5em;

  height: 0.5em;

  border-radius: 50%;

}



.m-st h2 b {

  display: block;

  font-size: 1.25em;

}



.st-p {

  width: 85%;

  padding: 8% 0 2%;

  margin: 0 auto;

}



.st-p img {

  width: 100%;

}



.m-st li {

  line-height: 208%;

}



.m-st li:last-child {

  padding-bottom: 8%;

}



.m-st li b {

  line-height: 183%;

}





/*??‰?…¨é￡??“???¨è??*/



.m-tj {

  height: auto;

  overflow: hidden;

}



.til01 {

  font-size: 1em;

  line-height: 179%;

  color: #fff;

  padding: 1% 3% 0;

  margin-bottom: 5%;

}



.til01 li {

  float: left;

  width: 30%;

  text-align: center;    margin-bottom: 3px;

}



.til01 li.z-on {

  background: #fff;

  border-radius: 0.3em 0.3em 0 0;


}



.m-tj .sclwrap_box,

.m-tj .m-box {

  height: 23.5em;

  overflow: hidden;

}



.tj01 {

  float: left;

  display: inline-block;

}



.tj01 li {

  width: 38%;

  font-size: 1em;

  color: #666;

  height: auto;

  line-height: 283%;

  white-space: nowrap;

  text-overflow: ellipsis;

  float: left;

  padding: 0 0 0 8%;

}



.tj01 li:nth_child(2n) {

  padding: 0 0 0 6%;

}



.tj01 li img {

  width: 96%;

  height: 8em;

  background: url(../Images/Index/cplbg.jpg) repeat;

  padding: 2%;

  display: block;

}



.tj01 li span {

  display: block;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.tj01 li a {

  color: #666;

}





/*è§?èˉ?*/



.m-jz {

  height: auto;

  overflow: hidden;

}



.m-jz .sclwrap_box,

.m-jz .m-box {

  height: 22em;

  overflow: hidden;

}



.jz01 {

  float: left;

  display: inline-block;

}



.jz01 dl {

  display: block;

  clear: both;

  height: 8.6em;

  overflow: hidden;

}



.jz01 dt {

  width: 33%;

  float: left;

  padding: 0 0 0 8%;

}



.jz01 dt img {

  width: 98%;

  background: #ece9e6;

  padding: 1%;

  display: block;

  height: 7em;

}



.jz01 dd {

  width: 49%;

  float: left;

  padding: 0 0 0 4%;

  font-size: 1em;

  line-height: 167%;
height: 7em;
    overflow: hidden;
}



.jz01 dd a {

  display: block;

  padding-bottom: 2%;
  text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

}





/*??o??°?±??¤o*/



.m-zs {

  height: auto;

  overflow: hidden;

}



.m-zs .sclwrap_box,

.m-zs .m-box {

  height: 12em;

  overflow: hidden;

}





/*èμ?è?ˉ*/



.m-zx {

  height: auto;

  width: 92%;

  margin: 0 auto;

  overflow: hidden;

}



.zxtil {

  height: auto;

  margin-bottom: 5%;

}



.zxtil li {

  width: 31%;

  float: left;

  line-height: 196%;

  border-bottom: solid 0.2em #bddfa7;

  text-align: center;

  font-weight: bold;

  color: #5e5e5e;

  position: relative;

}



.zxtil li:nth-child(3) {

  width: 38%;

}



.zxtil li.z-on {}



.zxtil li:before {

  content: "";

  position: absolute;

  width: 1px;

  height: 0.9em;

  left: 0;

  top: 0.6em;

  background: #5e5e5e;

}



.zxtil li:nth-child(1):before {

  width: 0;

  height: 0;

}



.m-zx .sclwrap_box,

.m-zx .m-box {

  height: 16em;

  overflow: hidden;

}



.zx01 {

  float: left;

  display: inline-block;

}



.zx01 li {

  width: 82%;

  font-size: 1em;

  color: #666;

  padding: 0 0 0 12%;

  height: auto;

  line-height: 208%;

  white-space: nowrap;

  text-overflow: ellipsis;

  position: relative;
  overflow:hidden;

}



.zx01 li:before {

  content: "";

  position: absolute;

  left: 7%;

  top: 0.8em;

  width: 1.28%;

  height: 0.3em;

  background: url(../Images/Index/ico02.png) no-repeat center bottom;

  -webkit-background-size: 100%;

  -moz-background-size: 100%;

  -o-background-size: 100%;

  background-size: 100%;

}



.zx01 li a {

  color: #666666;

}



