@charset "utf-8";

/* intro_banner */
.intro_banner{position:absolute; z-index:100;width:100%;height:410px; top:0;left:0;}
.intro_banner .video {text-align:center;}
.intro_banner .video video{width:1920px;}
.intro_banner .skip{ position:absolute; z-index:3;background:#000;width:70px;height:70px;color:#6C0; font-size:16px; font-weight:700; line-height:70px; text-align:center; border-radius:80px; right:3%;top:3%; cursor:pointer;}
@media (max-width: 1600px) {
	.intro_banner .video video{width:1600px;}
}
@media (max-width: 1440px) {
	.intro_banner .video video{width:1440px;}
}
@media (max-width: 1366px) {
	.intro_banner .video video{width:1366px;}
}
@media (max-width: 1280px) {
	.intro_banner .video video{width:1280px;}
}
@media (max-width: 1024px) {
	.intro_banner .video video{width:1000px;}
}
@media (max-width: 979px) {
	.intro_banner{display:none;}
}

/* h_banner */
.h_banner{width:100%;}
.h_banner .imgpic{overflow:hidden; background-position:center center; text-align:center !important;display:none;}
.h_banner .imgpic .big{display:block;}
.h_banner .imgpic .small{display:none;}
.h_banner .imgpic .phone{display:none;}
.imgSlides {position:relative;width:100%;}
.flex-control-nav{ position:absolute;width:100px;height:20px;bottom:-37px;right:18%;list-style:none; z-index:30;}
.flex-control-nav li{margin-right:10px;display:inline-block;*display:inline;}
.flex-control-nav li a{display:inline-block;width:12px;height:12px;margin:4px;border-radius:20px; background:#b2be76;float:left; text-indent:-9999px;cursor:pointer;}
.flex-control-nav li a.flex-active{ background:#4c4c4c;width:20px;height:20px;margin:0;}
.banner_menu{ background:#e7f588;height:54px;}
.banner_menu .container{ background:url(images/text_bg.png) no-repeat 0 center;}
.banner_menu ul{margin-left:40%;}
.banner_menu li{font-size:14px; line-height:54px; cursor:pointer;color:#444;}
.flex-active-slide{ font-weight:700; font-size:16px !important;color:#000;}
@media (max-width: 1600px) {
	.imgSlides{height:auto;}
}
@media (max-width: 1366px) {
	.flex-control-nav{right:6%;}
}
@media (max-width: 1200px) {
	.flex-control-nav{right:0;}
	.banner_menu ul{margin-left:43%;}
}
@media (max-width: 979px) {
	.banner_menu ul{margin-left:15%;}
}
@media (max-width: 750px) {
	.h_banner .imgpic .big{display:none;}
	.h_banner .imgpic .small{display:block;}
	.flex-control-nav{right:13%;}
	.banner_menu ul{display:none;}
}
@media (max-width: 420px) {
	.h_banner .imgpic .small{display:none;}
	.h_banner .imgpic .phone{display:block;}
	.flex-control-nav{right:5%;}
}

/* popular_box */
.popular_box{ background:url(images/icon_bg.gif) repeat;width:100%;padding:110px 0; box-shadow:0 15px 20px #f4f4f4;}
.txt{ font-size:18px; font-style:italic; text-align:center;}
.title-1{ font-size:60px; line-height:1.2em; font-weight:700; text-align:center;}
.title-2{ font-size:38px; line-height:1.2em; font-weight:700; text-align:center;}
@media (max-width: 479px) {
	.popular_box{padding:60px 0;}
	.title-1{ font-size:44px;}
	.title-2{ font-size:26px;}
}

.menu-1{width:80%;margin:0 auto;margin-top:30px !important;}
.menu-1 li{float:left;margin:10px 20px;width:200px;height:130px;font-size:18px; background:#f0f9b6; text-align:center; cursor:pointer; border-radius:200px;padding-top:70px;}
.menu-1 li.curr{ background:#4c4c4c;color:#c5d758; font-weight:700;font-size:20px;}
@media (max-width: 1200px) {
	.menu-1{width:auto;}
	.menu-1 li{margin:10px 25px;}
}
@media (max-width: 979px) {
	.menu-1 li{margin:10px;width:167px;height:107px;padding-top:60px;}
}
@media (max-width: 767px) {
	.menu-1 li{margin:10px 15px;width:200px;height:130px;padding-top:70px;}
}
@media (max-width: 479px) {
	.menu-1 li{margin:10px;width:134px;height:94px;padding-top:40px;}
}

.menu-2{width:84%;margin:0 auto;margin-top:30px !important;padding-bottom:50px;}
.menu-2 li{float:left;margin:10px 0;width:200px;cursor:pointer;}
.menu-2 li strong{display:block; background-color:#eff8b5;width:160px;height:160px;margin:0 20px;border-radius:200px;}
.menu-2 li span{display:block; text-align:center; font-size:18px;margin-top:15px;color:#999;}
.menu-2 li.curr strong{background-color:#4c4c4c;}
.menu-2 li.curr span{color:#000;}
.menu-2 li .icon-1,
.menu-2 li .icon-2,
.menu-2 li .icon-3,
.menu-2 li .icon-4,
.menu-2 li .icon-17{ background-image:url(images/h_icon_bg.png); background-repeat:no-repeat; background-position:0 0;}
.menu-2 li.curr .icon-1{ background-position:-160px 0;}
.menu-2 li .icon-2{ background-position:0 -160px;}
.menu-2 li.curr .icon-2{ background-position:-160px -160px;}
.menu-2 li .icon-3{ background-position:0 -320px;}
.menu-2 li.curr .icon-3{ background-position:-160px -320px;}
.menu-2 li .icon-4{ background-position:0 -480px;}
.menu-2 li.curr .icon-4{ background-position:-160px -480px;}
.menu-2 li .icon-17{ background-position:0 -640px;}
.menu-2 li.curr .icon-17{ background-position:-160px -640px;}
.menu-2 li .icon-5,
.menu-2 li .icon-6,
.menu-2 li .icon-7,
.menu-2 li .icon-8{ background-image:url(images/h_icon_bg2.png); background-repeat:no-repeat; background-position:0 0;}
.menu-2 li.curr .icon-5{ background-position:-160px 0;}
.menu-2 li .icon-6{ background-position:0 -160px;}
.menu-2 li.curr .icon-6{ background-position:-160px -160px;}
.menu-2 li .icon-7{ background-position:0 -320px;}
.menu-2 li.curr .icon-7{ background-position:-160px -320px;}
.menu-2 li .icon-8{ background-position:0 -480px;}
.menu-2 li.curr .icon-8{ background-position:-160px -480px;}
.menu-2 li .icon-9,
.menu-2 li .icon-10,
.menu-2 li .icon-11,
.menu-2 li .icon-12{ background-image:url(images/h_icon_bg3.png); background-repeat:no-repeat; background-position:0 0;}
.menu-2 li.curr .icon-9{ background-position:-160px 0;}
.menu-2 li .icon-10{ background-position:0 -160px;}
.menu-2 li.curr .icon-10{ background-position:-160px -160px;}
.menu-2 li .icon-11{ background-position:0 -320px;}
.menu-2 li.curr .icon-11{ background-position:-160px -320px;}
.menu-2 li .icon-12{ background-position:0 -480px;}
.menu-2 li.curr .icon-12{ background-position:-160px -480px;}
.menu-2 li .icon-13,
.menu-2 li .icon-14,
.menu-2 li .icon-15,
.menu-2 li .icon-16{ background-image:url(images/h_icon_bg4.png); background-repeat:no-repeat; background-position:0 0;}
.menu-2 li.curr .icon-13{ background-position:-160px 0;}
.menu-2 li .icon-14{ background-position:0 -160px;}
.menu-2 li.curr .icon-14{ background-position:-160px -160px;}
.menu-2 li .icon-15{ background-position:0 -320px;}
.menu-2 li.curr .icon-15{ background-position:-160px -320px;}
.menu-2 li .icon-16{ background-position:0 -480px;}
.menu-2 li.curr .icon-16{ background-position:-160px -480px;}
.width-67{width:67%;}
@media (max-width: 1200px) {
	.menu-2{width:auto;}
	.width-67{width:800px;margin:0 auto;}
}
@media (max-width: 979px) {
	.menu-2 li{width:150px;}
	.menu-2 li strong{width:130px;height:130px;margin:0 10px;border-radius:200px;}
	.menu-2 li span{font-size:16px;}
	.menu-2 li .icon-1{ background-position:-15px -15px;}
	.menu-2 li.curr .icon-1{ background-position:-175px -15px;}
	.menu-2 li .icon-2{ background-position:-15px -175px;}
	.menu-2 li.curr .icon-2{ background-position:-175px -175px;}
	.menu-2 li .icon-3{ background-position:-15px -335px;}
	.menu-2 li.curr .icon-3{ background-position:-175px -335px;}
	.menu-2 li .icon-4{ background-position:-15px -495px;}
	.menu-2 li.curr .icon-4{ background-position:-175px -495px;}
	.menu-2 li .icon-17{ background-position:-15px -655px;}
	.menu-2 li.curr .icon-17{ background-position:-175px -655px;}
	.menu-2 li .icon-5{ background-position:-15px -15px;}
	.menu-2 li.curr .icon-5{ background-position:-175px -15px;}
	.menu-2 li .icon-6{ background-position:-15px -175px;}
	.menu-2 li.curr .icon-6{ background-position:-175px -175px;}
	.menu-2 li .icon-7{ background-position:-15px -335px;}
	.menu-2 li.curr .icon-7{ background-position:-175px -335px;}
	.menu-2 li .icon-8{ background-position:-15px -495px;}
	.menu-2 li.curr .icon-8{ background-position:-175px -495px;}
	.menu-2 li .icon-9{ background-position:-15px -15px;}
	.menu-2 li.curr .icon-9{ background-position:-175px -15px;}
	.menu-2 li .icon-10{ background-position:-15px -175px;}
	.menu-2 li.curr .icon-10{ background-position:-175px -175px;}
	.menu-2 li .icon-11{ background-position:-15px -335px;}
	.menu-2 li.curr .icon-11{ background-position:-175px -335px;}
	.menu-2 li .icon-12{ background-position:-15px -495px;}
	.menu-2 li.curr .icon-12{ background-position:-175px -495px;}
	.width-67{width:600px;margin:0 auto;}
}
@media (max-width: 767px) {
	.width-67{width:auto;margin:0 auto;}
}

.proshow{margin-top:30px;padding-bottom:20px;}
.proshow h3{color:#000; font-size:22px; text-align:center;}
.message{ background:url(images/message_bg.png) no-repeat center center;text-align:center;color:#000; font-style:italic;margin:0 auto;margin-top:50px;width:490px;height:110px;padding:15px 70px; overflow:hidden;}
@media (max-width: 767px) {
	.message{margin-top:20px; background:none;width:auto;padding:0;height:auto;}
}
@media (max-width: 479px) {
	.message{ font-size:14px;}
}

.slidepic{margin-top:40px;}
.slidepic li{float:left;width:310px; transition:width 0.2s;}
.slidepic li .spic{opacity:0.6;margin-top:70px;color:#fff; position:relative;height:177px;}
.slidepic li .btxt{color:#b6b6b6;margin-top:5px; text-align:center;}
.slidepic li.curr{width:580px;}
.slidepic li.curr .spic{opacity:1;margin-top:0;height:330px;}
.slidepic li.curr .btxt{display:none;}
.slidepic li .spic .text{display:none;position:absolute;top:40px;left:40px;width:86%;}
.slidepic li .spic .text h4{font-size:30px; font-weight:300;margin-top:10px;}
.slidepic li .spic .text .dd{font-size:18px;margin-top:5px;}
.slidepic li .spic .text .dd2{font-weight:300;margin-top:10px; line-height:1.4em;}
.slidepic li .spic .text .btn{margin-top:30px; font-size:14px; font-weight:300;}
.slidepic li .spic .text .btn a{display:inline-block; background:#fe6a6a;color:#fff; font-size:14px; text-align:center;width:164px;height:34px; line-height:34px; border-radius:20px;}
.slidepic li .spic .text .btn a:hover{ text-decoration:none;}
.slidepic li.curr .spic .text{display:block;}
@media (max-width: 1200px) {
	.slidepic li{width:245px;}
	.slidepic li .spic{height:140px;}
	.slidepic li.curr{width:510px;}
	.slidepic li.curr .spic{height:291px;}
	.slidepic li .spic .text{width:90%;}
	.slidepic li .spic .text .pic img{height:40px;}
	.slidepic li .spic .text h4{ font-size:26px;}
	.slidepic li .spic .text .dd2{ font-size:14px;}
}
@media (max-width: 979px) {
	.slidepic li{width:195px;}
	.slidepic li .spic{height:111px;margin-top:40px;}
	.slidepic li.curr{width:360px;}
	.slidepic li.curr .spic{height:205px;}
	.slidepic li .btxt{ font-size:12px;}
	.slidepic li .spic .text{top:20px;left:20px;width:90%;}
	.slidepic li .spic .text .pic{display:none;}
	.slidepic li .spic .text h4{ font-size:22px;}
	.slidepic li .spic .text .dd{ font-size:14px;margin-top:0;}
	.slidepic li .spic .text .dd2{ font-size:12px;}
	.slidepic li .spic .text .btn{margin-top:15px; font-size:12px;}
	.slidepic li .spic .text .btn a{width:120px;height:28px; line-height:28px; font-size:12px;}
}
@media (max-width: 767px) {
	.slidepic li{float:none;width:auto;}
	.slidepic li .spic{height:262px;margin-top:0;}
	.slidepic li.curr{width:auto;}
	.slidepic li.curr .spic{height:262px;}
	.slidepic li .btxt{margin:5px 0;}
}
@media (max-width: 479px) {
	.slidepic li .spic{height:176px;margin-top:0;}
	.slidepic li.curr .spic{height:176px;}
	.slidepic li .spic .text{top:15px;left:15px;width:90%;}
	.slidepic li .spic .text h4{ font-size:18px;}
	.slidepic li .spic .text .dd{display:none;}
	.slidepic li .spic .text .btn a{width:100px;}
}

.more_btn{padding-bottom:60px; text-align:right;}
.more_btn a{display:inline-block; border:1px solid #404040; border-radius:10px;width:160px;height:32px; line-height:32px; color:#404040; text-align:center;}