@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; 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(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 .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:20px 0;}
.home-main.gray{background:#e6e9eb;}
.home-main.arrow_bg{background:#e6e9eb url(images/arrow_d_bg.gif) no-repeat center 0;}
.home-main .title{font-family:Cutive; font-size:24px;line-height:25px;text-align:center;}

.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{
	color:#fff;
	height:169px !important;
	background-color: #527bbd;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	width:316px;
}
.h-box2 .iconitem .pic{padding:0px 0px 5px 0px;}
.h-box2 .iconitem .bt{font-size:16px; text-align:center;margin-top:5px;}
.h-box2 .iconitem h3{display:none; margin:20px 0 0px 0;}
.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;}

/* h-main */
.h-main{padding:40px 0;}
.h-main.gray2{background:#f2f2f2;}
.h-main .title{ font-size:30px; text-align:center; line-height:1em;}
.h-main .title span{display:block; font-size:14px;color:#bcc8cf; font-weight:bold;}
.h-main .tdd{font-size:20px; text-align:center;}
@media (max-width: 979px) {
	.h-main.gray{ background:none;}
    .h-main.gray2{background:none;}
}


.h-box2 .item{float:left;width:20%; min-height:250px; padding:25px; text-align:center;border-top:1px solid #e5e5e5;border-bottom:6px solid #3a6386; background:#fff;}
.h-box2 .item.bg{ background:#f7f9fa;border-bottom:6px solid #44a6d4;}
.h-box2 .item .pic img {max-width:100%;}
.h-box2 .item .text{margin-top:25px;}
.h-box2 .item .text .txt{ font-size:12px;color:#b6c1c8; font-weight:bold;margin-top:25px;}
@media (max-width: 979px) {
	.h-box2 .item{width:20%; min-height:310px;padding:25px 2.5%;}
}
@media (max-width: 767px) {
	.h-box2{border-bottom:1px solid #e5e5e5;padding-bottom:40px;}
	.h-box2 .item{float:none;width:auto; min-height:inherit;border-right:1px solid #e5e5e5;border-left:6px solid #3a6386;border-top:none;border-bottom:none;text-align:left;padding:25px 30px;}
	.h-box2 .item.bg{border-left:6px solid #44a6d4;border-bottom:none;}
	.h-box2 .item .pic{float:left;}
	.h-box2 .item .text{padding-left:80px;margin-top:0;}
	.h-box2 .item .text .txt{margin-top:5px;}
	.h-box2 .item.i1 .pic {float:none;}
	.h-box2 .item.i1 .text {padding-left:0; margin-top:10px;}
}
@media (max-width: 479px) { 
    .h-box2 .item{padding:25px;}
}

.home_bom_cen_w{background:url(../images/bottom_center_bj.gif); border-top:1px solid #d4d4d4; margin:20px 0 0;}
.home_bom_cen{ width:1000px; margin:0 auto; padding:10px 0; overflow:hidden;}
.home_bom_cen dl{ float:left;  padding-top:10px;}
.home_bom_cen dl dt{ color:#69758c; font-size:13px; font-weight:bold; padding-bottom:15px;}
.home_bom_cen dl dd a{ }
.h-latest_tips,.h-hot_tips,.h-awards{background: url(../images/bottom_bor.jpg) right top no-repeat; width:245px; padding-right:20px; margin-right:25px;}
.h-latest_tips dd,.h-hot_tips dd{padding-bottom:10px; line-height:15px;}
.h-latest_tips dd a,.h-hot_tips dd a{color:#69758c; }
.h-hot_tips{ width:220px;}
.h-hot_tips .ad{ width:200px;}
.h-awards{ width:180px;}
dl.h-follow_us{ height:100px;}
dl.h-follow_us dd,.pur_follow li{ float:left; margin-right:8px;}
dl.h-follow_us dd a,.pur_follow li a{background: url(../images/fx.png) left top; width:46px; height:46px; display:block; }
dl.h-follow_us dd a.facebook{ }dl.h-follow_us dd a.facebook:hover,.pur_follow li a.facebook:hover{ background-position:left bottom;}
dl.h-follow_us dd a.twitter,.pur_follow li a.twitter{background-position:-46px top;}dl.h-follow_us dd a.twitter:hover,.pur_follow li a.twitter:hover{background-position:-46px bottom;}
dl.h-follow_us dd a.google,.pur_follow li a.google{background-position:-92px top;}dl.h-follow_us dd a.google:hover,.pur_follow li a.google:hover{background-position:-92px bottom;}
dl.h-follow_us dd a.youtube,.pur_follow li a.youtube{background-position:right top;}dl.h-follow_us dd a.youtube:hover,.pur_follow li a.youtube:hover{background-position:right bottom;}
dl.h-support{height:100px;}


.header .info{ float:right; margin-top:10px; margin-left:10px;color:#555; font-size:12px;}
.header .info a{ color:#555;padding:0 6px; font-size:12px}