@charset "utf-8";
/* CSS Document */
.banner{max-height:430px; height:auto !important; height:430px;position:relative;}
.banner .slides{max-height:430px; height:auto !important; height:430px; overflow:hidden;}
.banner .slides a {display:block; width:100%; text-align:center; overflow:hidden; position:relative; height:430px;}
.banner .slides a img{width:1920px; position:absolute; top:0; left:50%; margin-left:-960px;}
.banner .flex-control-paging{position:absolute;bottom:20px;left:50%;text-align:center;list-style:none;margin-left:-95px;}
.banner .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;  }
.banner .flex-control-paging li a{display:inline-block;width:40px; height:8px;cursor:pointer; background:#fff;}
.banner .flex-control-paging li a.flex-active{ background:#84c754;} 
.banner .flex-prev,.banner .flex-next{ background:url(images/prev.png) no-repeat; width:55px; height:80px; position:absolute; top:42%;left:50%;z-index:1; text-indent:-9999px;}
.banner .flex-prev:focus,.banner .flex-next:focus{ outline:none;}
.banner .flex-prev{margin-left:-565px;}
.banner .flex-next{ background-position:-55px 0;margin-left:525px;}
@media (max-width: 979px) {
  .banner .flex-prev,.banner .flex-next{display:none;}
  .banner .flex-control-paging{position:absolute;bottom:20px;left:50%;text-align:center;list-style:none;margin-left:-47px;}
  .banner .flex-control-paging li{margin-right:5px;display:inline-block;*display:inline;}
  .banner .flex-control-paging li a{display:inline-block;width:20px; height:5px;cursor:pointer; background:#e2e2e2;}
  .banner .slides a { height:354px;}
  .banner .slides a img{ width:1400px; position:absolute; top:0; left:50%; margin-left:-700px;}
}
@media (max-width: 767px) {
  .banner .slides a { height:202px;}
  .banner .slides a img{ width:800px;margin-left:-400px;}
  .banner .flex-control-paging{bottom:0px;}
}
@media (max-width: 479px) {
  .banner .slides a { height:152px;}
  .banner .slides a img{ width:600px;margin-left:-300px;}
}

/* rollmenu */
.rollmenu{background:#84c754;padding:15px 0; z-index:99;}
.rolltop{ position:fixed;top:0;left:0;width:100%;}
.rollmenu .item{float:left;width:25%; background:url(images/right_line.png) no-repeat left center;}
.rollmenu .item:first-child{ background:none;}
.rollmenu .item a{display:block;color:#fff; font-size:16px; line-height:32px;height:32px;padding-left:90px;}
.rollmenu .item a:hover,.rollmenu .item a.curr{color:#3c6e18; background-position:50px -32px; text-decoration:none;}
.rollmenu .item .video{background:url(images/icon_video.png) no-repeat 50px 0;}
.rollmenu .item .youtube{background:url(images/icon_youtube.png) no-repeat 50px 0;}
.rollmenu .item .recovery{background:url(images/icon_recovery.png) no-repeat 50px 0;}
.rollmenu .item .pdf{background:url(images/icon_pdf.png) no-repeat 50px 0;}
@media (max-width: 979px) {
	.rollmenu .item a{padding-left:60px;}
	.rollmenu .item a:hover{background-position:20px -32px;}
	.rollmenu .item .video{ background-position:20px 0;}
    .rollmenu .item .youtube{background-position:20px 0;}
    .rollmenu .item .recovery{background-position:20px 0;}
    .rollmenu .item .pdf{background-position:20px 0;}
}
@media (max-width: 767px) {
	.rollmenu{display:none;}
}

/* home-main */
.home-main{padding:60px 0;}
.home-main.gray{background:#f1f1f1;}
.home-main .title{font-family:Cutive; font-size:34px;color:#333; line-height:34px;padding:0 10px; text-align:center;}
.home-main .tit{font-family:Cutive; font-size:20px; text-align:center; line-height:22px;}
@media (max-width: 767px) {
	.home-main .tit{ font-size:16px;}
}
@media (max-width: 479px) {
	.home-main .title{font-size:28px;}
}

.probox1{margin-top:30px;}
.probox1 .item{float:left;width:27%;margin-left:9.5%;margin-top:20px;}
.probox1 .item img{max-width:100%;}
.probox1 .item:first-child{margin-left:0;}
.probox1 .item h4 a,.probox1 .item h4{ font-size:18px; line-height:1.2em;}
.probox1 .item li a{color:#888;}
@media (max-width: 767px) {
	.probox1 .item{float:none;width:auto;margin-left:0;}
}

.probox2{margin-top:30px;}
.probox2 .item{float:left;width:25%;margin-top:20px;}
.probox2 .item h4 a,.probox2 .item h4{ font-size:18px; line-height:1.2em;}
.probox2 .item li a{color:#888;}
.probox2 .pic{float:left;width:50%; text-align:center;margin-top:20px;}
.probox2 .pic img{max-width:100%;}
@media (max-width: 979px) {
	.probox2 .pic{float:left;width:50%; text-align:center;margin-top:80px;}
	.probox2 .pic img{height:130px;}
}
@media (max-width: 767px) {
	.probox2 .item{width:42%;margin-left:8%;}
	.probox2 .item:first-child{margin-left:0;}
	.probox2 .pic{display:none;}
}
@media (max-width: 479px) {
	.probox2 .item{float:none;width:auto;margin-left:0;}
}

.probox3{margin-top:25px;}
.probox3 .listbox{float:left;width:25%;}
.probox3 .listbox .item{margin-top:25px;}
.probox3 .listbox .item h4 a,.probox3 .listbox .item h4{ font-size:18px; line-height:1.2em;}
.probox3 .pic{float:left;width:50%; text-align:center;margin-top:40px;}
.probox3 .pic img{max-width:100%;}
@media (max-width: 979px) {
	.probox3 .pic{margin-top:140px;}
	.probox3 .pic img{height:250px;}
}
@media (max-width: 767px) {
	.probox3 .listbox{width:42%;margin-left:8%;}
	.probox3 .listbox:first-child{margin-left:0;}
	.probox3 .pic{display:none;}
}
@media (max-width: 479px) {
	.probox3 .listbox{float:none;width:auto;margin-left:0;}
}

.probox4{margin-top:30px;}
.probox4 .item{float:left;width:45%;margin-top:20px;padding:0 3%;border-left:1px solid #dfdfdf;}
.probox4 .item:first-child{padding-left:0;border-left:none;}
.probox4 .item .pic{float:left;}
.probox4 .item .text{padding-left:105px;}
.probox4 .item .text h4 a,.probox4 .item .text h4{ font-size:18px; line-height:1.2em;}
.probox4 .stit{ font-size:18px;margin-top:40px;color:#333;}
.probox4 .tag a{float:left;display:block;width:12.7%;margin-right:1.5%;margin-top:15px; background:#d4dde0; text-align:center;height:36px; line-height:36px;color:#7c9096;}
@media (max-width: 767px) {
	.probox4 .item{float:none;width:auto;padding:0;border-left:none;}
	.probox4 .tag a{width:30%;margin-right:3%;}
}
@media (max-width: 479px) {
	.probox4 .item .pic{float:none; text-align:center;}
	.probox4 .item .text{padding-left:0;margin-top:15px;}
}
.peobox{margin-top:30px;}
.peobox .item{float:left;width:29.6%;margin-top:20px;margin-left:5%;}
.peobox .item:first-child{margin-left:0;}
.peobox .item .name{float:right;font-size:18px;}
.peobox .item .star{float:left;width:88px;height:13px;}
.peobox .item .star li.on{display:inline-block;background:url(images/btn.png) no-repeat -120px 0;width:14px;height:13px;}
@media (max-width: 767px) {
	.peobox .item{float:none;width:auto;margin-left:0;}
}