@charset "utf-8";
/* CSS Document */
.banner{max-height:480px; height:auto !important; height:480px;position:relative;}
.banner .slides{max-height:480px; height:auto !important; height:480px; overflow:hidden;}
.banner .slides a {display:block; width:100%; text-align:center; overflow:hidden; position:relative; height:480px;}
.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:-50px;}
.banner .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.banner .flex-control-paging li a{display:inline-block; background:url(#) no-repeat;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px;}
.banner .flex-control-paging li a.flex-active{ background-position:0 -14px;} 
.banner .flex-prev,.banner .flex-next{ background:url(#) 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 .slides a { height:354px;}
	.banner .slides a img{ width:1400px; position:absolute; top:0; left:50%; margin-left:-700px;}
	.banner .flex-control-paging{bottom:20px;}
}
@media (max-width: 767px) {
  .banner .slides a { height:202px;}
  .banner .slides a img{ width:800px;margin-left:-400px;}
  .banner .flex-control-paging{bottom:20px;}
}
@media (max-width: 479px) {
  .banner .slides a { height:152px;}
  .banner .slides a img{ width:600px;margin-left:-300px;}
  .banner .flex-control-paging{bottom:10px;}
}

/* home-main */
.home-main{padding:60px 0;}
.home-main.gray{background:#e6e9eb;}
.home-main.arrow_bg{background:#e6e9eb url(#) no-repeat center 0;}
.home-main .title{font-family:Cutive; font-size:23px;line-height:25px;text-align:center;}
.home-main.header_gray{background:#f4f4f4;}

.h-box0 .item{float:left;width:48%;margin-left:4%;}
.h-box0 .item:first-child{margin-left:0;}
.h-box0 .item.mt50{margin-top:0 !important;}
.h-box0 .pic{text-align:center;padding:25px 0;}
.h-box0 .pic img{max-width:100%;}
.h-box0 h3 a{ font-size:16px;}
@media (max-width: 767px) {
	.h-box0 .item{float:none;width:auto;margin-left:0;}
	.h-box0 .item.mt50{margin-top:50px !important;}
}

.h-box1 .item{float:left;width:46%;margin-left:8%;}
.h-box1 .item:first-child{margin-left:0;}
.h-box1 .item.mt50{margin-top:0 !important;}
.h-box1 .pic{text-align:center;padding:25px 0;}
.h-box1 .pic img{max-width:100%;}
.h-box1 h3 a{ font-size:16px;}
@media (max-width: 767px) {
	.h-box1 .item{float:none;width:auto;margin-left:0;}
	.h-box1 .item.mt50{margin-top:50px !important;}
}

.h-box2 .iconitem{/*background:#76c1ac;color:#fff;*/padding:20px 0; /*height:170px !important;*/}
.h-box2 .iconitem .pic{text-align:center;}
.h-box2 .iconitem .bt{font-size:16px; text-align:center;margin-top:5px;}
.h-box2 .iconitem h3{display:none;}
.h-box2 .iconitem .dd{display:none;}
.h-box2 .iconitem .btn{display:none;}

/*.h-box2 .iconitem-h{background:#607771;}*/
/*.h-box2 .iconitem-h .pic{display:none;}*/
.h-box2 .iconitem-h .bt{display:none;}
.h-box2 .iconitem-h h3{display:block;padding:0 15px;}
.h-box2 .iconitem-h h3 a{/*color:#fff;*/ font-size:16px;}
.h-box2 .iconitem-h .dd{display:block;margin-top:5px;padding:0 15px;}
.h-box2 .iconitem-h .btn{display:block;margin-top:10px;padding:0 15px;}
.h-box2 .iconitem-h .try-btn{display:inline-block;background:#607771;text-align:center;width:116px;height:22px;line-height:22px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; border:1px solid #fff;}
.h-box2 .iconitem-h .try-btn:hover{background:#587e74; text-decoration:none;}
@media (max-width: 979px) {
	.h-box2 .iconitem-h .try-btn{ font-size:12px;width:90px;}
}
@media (max-width: 767px) {
	.h-box2 .iconitem{float:none;width:auto;margin-left:0;}
}

.h-box3 .item{float:left;width:46%;margin-left:8%;}
.h-box3 .item:first-child{margin-left:0;}
.h-box3 h3 a{ font-size:16px;}
@media (max-width: 479px) {
	.h-box3 .item{float:none;width:auto;margin-left:0;}
}

.h-box4 h3{text-align:center; font-size:16px;}

.home-main-product{padding:0;}
.home-main-product.gray{background:#f4f4f4;}