@charset "UTF-8";


/***************
  main
****************/

.moreLink a {
  border: 1px solid;
  border-radius: 3px;
  color: #90BE59;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

main {
  margin: 10px auto 20px;
  overflow: hidden;
  width: 1200px;
  background-color: #ffffff;
  display: block;
}

.pimg {
	text-align: center;
	margin-bottom: 15px;
}

.pimg img {
	text-align: center;
	max-height: 100%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}


.boxbase {
	box-sizing: border-box;
	overflow:hidden;
	margin-bottom:10px;
}

.boxbase .box {
	float: left;
	width: 385px;
	height: 570px;
    margin: 5px 5px;
	text-align: center;
	border: #DCDCDC 0.5px solid;
	border-radius: 3px;
}

.boxbase .box .boximg {
	width: 375px;
    margin: 5px 5px;
	text-align: center;
}

.boxbase .box .boximg img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  text-align: center;
}

.boxp {
	font-size: 14px;
	text-align: left;
	margin: 10px 10px 20px;
}

/* topss */

.topss {
  overflow: hidden;
  background-color: #F0F0F0;
}

.topss2 {
  margin: 0 auto 20px;
  overflow: hidden;
  width: 1200px;
}


/* toptop */

.topboxcc {
  overflow: hidden;
  background-color: #006431;
}

.toptopcc {
  margin: 0px auto 0px;
  overflow: hidden;
  width: 1200px;
}

.toptopimgcc {
	float: left;
}

.toptopimgcc img {
  margin: 0;
  padding: 5px;
  width: 388px;
}

.topbox {
  overflow: hidden;
  background-color: #006431;
}

.toptop {
  margin: 0px auto 0px;
  overflow: hidden;
  width: 1200px;
}

.toptopimg {
	float: left;
}

.toptopimg img {
  margin: 0;
  padding: 10px;
}



/****** MAIN ******/

/* product */

.product {
  width: 1200px;
}

.product .productList li {
  overflow: hidden;
  margin-bottom: 20px;
}

.product .productList li .image {
  float: left;
  margin-right: 30px;
}

.product .productList li .image img {
  width: 200px;
}

.product .productList li .info h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.product .productList li .info .summary {
  margin-bottom: 10px;
}

/* top */

.boxss {
	box-sizing: border-box;
	overflow:hidden;
	margin-bottom:10px;
}

.boxs {
	float: left;
	width: 280px;
    margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.boxsimg {
	width: 270px;
	text-align: center;
	vertical-align: central;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.boxsimg img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}

.mtimg {
	text-align: center;
	width: 1200px;
}

.mtimg img {
	width: 590px;
}




/* s2 */


.s2 {
  overflow: hidden;
  background-color: #FFFFFF;
}

.ds2 {
  margin: 30px auto 30px;
  overflow: hidden;
  width: 1200px;
}

.s2img {
	float: left;
}

.s2img img {
  margin: 0;
  padding: 0 20px;
}

.s2b {
	margin: 30px auto 30px;
  overflow: hidden;
  width: 1200px;
}

.s2b1 {
	float: left;
	width: 580px;
    margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.s2b1img {
	width: 550px;
	text-align: center;
	vertical-align: central;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.s2b1img img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}



/* s3 */

.s3 {
  overflow: hidden;
  background-image: url(../images/top-b.jpg);
  background-repeat: no-repeat;
}


.ds3 {
	margin: 80px auto 80px;
  overflow: hidden;
  width: 1200px;
}

.ds31 {
	float: left;
}

.ds31 img {
	margin: 40px 8px;
	width: 180px;
}


/* s4 */

.s4 {
  overflow: hidden;
  background-color: #D2E5DF;
}

.ds4 {
  margin: 10px auto 50px;
  overflow: hidden;
  width: 1200px;
}

.ds4l {
	float: left;
	width: 1200px;
}


/* s5 */

.s5 {
  overflow: hidden;
  background-color: #D3DCC2;
}

.ds5 {
  margin: 30px auto 50px;
  overflow: hidden;
  width: 1200px;
}

/* s6 */

.s6 {
  overflow: hidden;
  background-color: #FFFFFF;
}

.ds6 {
  margin: 30px auto 30px;
  overflow: hidden;
  width: 1200px;
}

.s6img {
	float: left;
}

.s6img img {
  margin: 0;
  padding: 0;
}

.s6b {
	margin: 30px auto 30px;
  overflow: hidden;
  width: 1200px;
}

.s6b1 {
	float: left;
	width: 580px;
    margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.s6b1img {
	width: 550px;
	text-align: center;
	vertical-align: central;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.s6b1img img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}



/* s8 */

.s8 {
  overflow: hidden;
  background-color: #EFFFE0;
}

.dsdiv8 {
  margin: 0px auto 0px;
  overflow: hidden;
  width: 1200px;
}

.dsp8 {
	text-align: center;
	font-size: 21px;
	background-color: #D3FCA9;
	color: #075312;
	padding: 15px 0px 15px 0px;
}

.dspp8 {
	text-align: left;
}

.ds8 {
  margin: 30px auto 50px;
  overflow: hidden;
  width: 1200px;
}

.bi8 {
	display: block;
}

.bim8

.bimg8 {
	float: left;
	margin: 15px 25px;
}


/* s9 */

.s9 {
  overflow: hidden;
  background-color: #FAF2FD;
}

.ds9 {
  margin: 30px auto 50px;
  overflow: hidden;
  width: 1200px;
}


/* s10 */


.s10 {
  overflow: hidden;
  background-color: #CCE3D4;
}

.ds10 {
  margin: 30px auto 30px;
  overflow: hidden;
  width: 1200px;
}

.s10img {
	float: left;
}

.s10img img {
  margin: 0;
  padding: 0 10px;
  width: 380px;
}

.s10b {
	margin: 30px auto 30px;
  overflow: hidden;
  width: 1200px;
}

.s10b1 {
	float: left;
	width: 580px;
    margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.s10b1img {
	width: 550px;
	text-align: center;
	vertical-align: central;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.s10b1img img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}

.boxst {
	box-sizing: border-box;
	overflow:hidden;
	margin: 30px auto 30px;
	text-align: center;
	width: 1200px;
}

.boxtestt img {
	margin: 20px;
	width: 250px;
}


/* TOPIC */

.topic {
	padding: 20px 30px;
	overflow: auto;
    width: 1130px;
    height: 200px;
	border: solid 0.5px #D2E5DF;
	border-radius: 4px;
	margin-bottom: 15px;
}

.topic dt {
  float: left;
  margin: 0 15px 15px 0;
  font-size: 13px;
  color: #006431;
}

.topic dd {
  margin: 0 0 15px;
  font-size: 13px;
  border-bottom: dashed 1px #67D33B;
}