@charset "utf-8";
a.btn_downWin,a.btn_downMac{color:#f26559;}


/* pro_banner */
.pro_banner {background-repeat:repeat-x; background-position:0 0;}
.pro_banner .bgimg {background-repeat:no-repeat; background-position:center bottom; min-height:668px;}
.pro_banner .blogo {text-align:center; padding:50px 0;}
.pro_banner .txt {float:left; width:50%;padding-top:90px;}
.pro_banner .txt .tips{ display:block; color:#f96e65;}
.pro_banner .txt p {padding:5px 0; font-size:18px; line-height:1.6em;}
.pro_banner .title {font-size:30px; line-height:1.2em; padding-bottom:10px; font-weight:700;}
.pro_banner .title span {color:#92c821;}
.pro_banner .btn { width:280px;margin-top:30px;}
.pro_banner .btn a {margin:15px auto 0 auto;}
.pro_banner .btn p {text-align:center; padding-top:5px;}
.pro_banner a.win,
.pro_banner a.mac,
.pro_banner .win,
.pro_banner .mac{display:inline-block; background:url(images/iconImg2.png) no-repeat 0 5px;color:#fff; font-size:12px;padding-left:33px;width:60px; line-height:30px;}
.pro_banner a.win:hover,
.pro_banner .win.curr,
.pro_banner a.win.curr{ background-position:0 -36px; text-decoration:none;color:#f96e65;}
.pro_banner a.win{background-position:0 -155px;color:#555;}
.pro_banner a.mac{background-position:0 -195px;color:#555;}
.pro_banner a.mac:hover,
.pro_banner .mac.curr,
.pro_banner a.mac.curr{ background-position:0 -115px; text-decoration:none;color:#f96e65;}
@media (max-width: 979px) {
	.pro_banner .txt{width:60%;}
}
@media (max-width: 767px) {
	.pro_banner .bgimg{background-position:-400px 0;min-height:600px;}
	.pro_banner .blogo {padding:30px 0 0 0; display:none;}
	.pro_banner .txt {float:none; width:auto; text-align:center; padding-top:50px;}
	.pro_banner .btn {float:none; margin:0 auto;}
}

/* page_nav */
.page_nav {height:150px;}
.page_nav ul {margin-top:-60px; overflow:hidden;}
.page_nav ul li {float:left; width:16.5%; text-align:center;font-size:15px; line-height:1.2em; font-weight:bold;}
.page_nav ul li span {display:block; min-height:45px;}
.page_nav ul li a {display:block; width:100px; height:100px; margin:0 auto;padding:5px;background:#abe241; border:solid 7px #fff; border-radius:100px; text-align:center; font-size:18px; font-weight:bold;}
.page_nav ul li a:hover {text-decoration:none;}
.page_nav ul a strong {display:block; width:100px; height:100px; margin:0 auto; background:url(images/btn_icon.png) no-repeat center 0;}
.page_nav ul a strong.n1 {background-position: center -3px;}
.page_nav ul a strong.n2 {background-position: center -223px;}
.page_nav ul a strong.n3 {background-position: center -443px;}
.page_nav ul a strong.n4 {background-position: center -663px;}
.page_nav ul a strong.n5 {background-position: center -883px;}
.page_nav ul a strong.n6 {background-position: center -1103px;}
@media (max-width: 979px) {
	.page_nav ul li a {width:100px; height:100px;}
}
@media (max-width: 767px) {
	.page_nav ul li {width:33.3%}
	.page_nav {height:300px;}
	.page_nav ul {margin-top:20px;}
	.page_nav ul li {font-size:14px;}
	.page_nav ul li a {width:100px; height:100px; border:solid 6px #fff;}
	.page_nav ul li:nth-of-type(n+4) span {color:#333; min-height:30px;}
}
@media (max-width: 479px) {
	.page_nav ul li a {width:80px; height:80px; border:solid 6px #fff;}
	.page_nav ul a strong{width:80px;height:80px;}
	.page_nav ul a strong.n1 {background-position: center -15px;}
	.page_nav ul a:hover strong.n1 {background-position: center -123px;}
	.page_nav ul a strong.n2 {background-position: center -230px;}
	.page_nav ul a:hover strong.n2 {background-position: center -340px;}
	.page_nav ul a strong.n3 {background-position: center -453px;}
	.page_nav ul a:hover strong.n3 {background-position: center -563px;}
	.page_nav ul a strong.n4 {background-position: center -673px;}
	.page_nav ul a:hover strong.n4 {background-position: center -783px;}
	.page_nav ul a strong.n5 {background-position: center -893px;}
	.page_nav ul a:hover strong.n5 {background-position: center -1003px;}
	.page_nav ul a strong.n6 {background-position: center -1113px;}
	.page_nav ul a:hover strong.n6 {background-position: center -1223px;}
}

/* mainbox */
.mainbox1{ border-bottom:1px solid #d1d1d1;margin-top:80px;}
.mainbox2{ background:url(images/slide_bg3.jpg) no-repeat center 0; min-height:720px;}
.mainbox3{ background:#f5f5f5;padding-top:50px;}
.mainbox3 .text{float:left;width:55%;font-size:30px; line-height:1.4em;margin-top:110px;}
.mainbox3 .text strong{color:#abe241; font-weight:900; font-style:italic;}
.mainbox3 .pic{float:right;width:43%;}
.mainbox4{ background:url(images/slide_bg4.jpg) no-repeat center 0; min-height:560px;}
@media (max-width: 979px) {
	.mainbox1{margin-top:60px;}
	.mainbox2{ background-position:right 0;min-height:700px;}
	.mainbox3 .text{margin-top:60px;}
	.mainbox4{ background-position:left 0;}
}
@media (max-width: 767px) {
	.mainbox2{ min-height:650px;}
	.mainbox3{padding-top:60px;text-align:center;}
	.mainbox3 .text{float:none;width:auto;margin-top:0;}
	.mainbox3 .pic{float:none;width:auto;margin-top:20px;}
}
@media (max-width: 479px) {
	.mainbox2{ min-height:580px;}
	.mainbox3 .text{ font-size:24px;}
}

.textarea1{width:55%; position:absolute;margin-top:30px;}
.textarea1 h2{ font-size:30px; line-height:1.2em;}
.textarea1 h2 strong{color:#abe241;}
.textarea1 .dd{ font-size:18px; line-height:1.6em;margin-top:15px;}
.img_pic1{ text-align:right;}
.img_pic1 img{height:540px;}
@media (max-width: 979px) {
	.textarea1{width:65%;}
	.img_pic1 img{height:450px;margin-right:-50px;}
}
@media (max-width: 767px) {
	.textarea1{width:auto; text-align:center; position:static;}
	.img_pic1 img{height:auto;margin-right:0;}
}
@media (max-width: 479px) {
	.textarea1{margin-top:0;}
	.textarea1 .dd{ font-size:16px;}
}

.textarea2{ text-align:center;}
.textarea2 h2{ font-size:30px; line-height:1.2em;}
.textarea2 h2 strong{color:#abe241;}
.textarea2 .dd{ font-size:18px; line-height:1.6em;margin-top:15px;}
.img_pic2{ text-align:center;}
@media (max-width: 479px) {
	.textarea2 .dd{ font-size:16px;}
}

.textarea3{width:45%;padding-top:80px;}
.textarea3 h2{ font-size:30px; line-height:1.2em;}
.textarea3 h2 strong{color:#abe241;}
.textarea3 .dd{ font-size:18px; line-height:1.6em;margin-top:15px;}
@media (max-width: 979px) {
	.textarea3{width:auto; text-align:center;padding-top:60px;}
}
@media (max-width: 479px) {
	.textarea3{padding-top:40px;}
	.textarea3 .dd{ font-size:16px;}
}

.textarea4{width:48%;padding-top:60px;}
.textarea4 h2{ font-size:30px; line-height:1.2em;}
.textarea4 h2 strong{color:#abe241;}
.textarea4 .dd{ font-size:18px; line-height:1.6em;margin-top:15px;}
@media (max-width: 979px) {
	.textarea4{width:auto; text-align:center;}
}
@media (max-width: 479px) {
	.textarea4 .dd{ font-size:16px;}
}

.textarea5{width:46%; position:absolute;margin-top:60px;}
.textarea5 h2{ font-size:30px; line-height:1.2em;}
.textarea5 h2 strong{color:#abe241;}
.textarea5 .dd{ font-size:18px; line-height:1.6em;margin-top:15px;}
.img_pic3{ text-align:right;margin-right:-120px;padding-bottom:40px;}
@media (max-width: 979px) {
	.textarea5{width:auto; text-align:center; position:inherit;}
	.img_pic3{ text-align:center;margin-right:0;}
}
@media (max-width: 479px) {
	.textarea5 .dd{ font-size:16px;}
}

.textarea6{float:right;width:48%;padding-top:100px;}
.textarea6 h2{ font-size:30px; line-height:1.2em;}
.textarea6 h2 strong{color:#abe241;}
.textarea6 .dd{ font-size:18px; line-height:1.6em;margin-top:15px;}
@media (max-width: 979px) {
	.textarea6{float:none;width:auto;}
}
@media (max-width: 479px) {
	.textarea6{padding-top:60px;}
	.textarea6 .dd{ font-size:16px;}
}

.slides_Interface {position:relative;}
.slides_Interface .flex-direction-nav a {display:block; width:37px; height:112px; overflow:hidden; text-indent:-99999px; background:url(images/prev.png) no-repeat 0 0; position:absolute; top:50%; left:-80px; margin-top:-50px;}
.slides_Interface .flex-direction-nav a:focus {outline:none;}
.slides_Interface .flex-direction-nav a.flex-next {background-position:0 -112px; left:auto; right:-80px;}
.slides_Interface .flex-control-nav{display:none;position:absolute;width:60px;height:20px;bottom:30px;left:50%;margin-left:-35px;list-style:none; background:#000; opacity:0.7;padding:5px 10px; border-radius:30px;}
.slides_Interface .flex-control-nav li{margin:0 5px;display:inline-block;*display:inline;}
.slides_Interface .flex-control-nav li a{display:inline-block;width:20px;height:20px; border-radius:20px; background:#b3b3b3;float:left; text-indent:-9999px;cursor:pointer;}
.slides_Interface .flex-control-nav li a.flex-active{ background:#b9e760;}
@media (max-width: 979px) {
	.slides_Interface .flex-direction-nav{display:none;}
	.slides_Interface .flex-control-nav{display:block;}
}

.slide_bg1{ background:url(images/slide_bg1.jpg) no-repeat right 0;}
.slide_bg2{ background:url(images/slide_bg2.jpg) no-repeat center 0;}
@media (max-width: 979px) {
	.slide_bg1{ background:none;}
	.slide_bg2{ background-position:left -100px;}
}

.slides_Interface2 {position:relative;}
.slides_Interface2 .slides li{ min-height:750px;}
.slides_Interface2 .flex-direction-nav a {display:block; width:37px; height:112px; overflow:hidden; text-indent:-99999px; background:url(images/prev.png) no-repeat 0 0; position:absolute; top:50%; left:50%; margin-top:-50px;}
.slides_Interface2 .flex-direction-nav a:focus {outline:none;}
.slides_Interface2 .flex-direction-nav a.flex-prev{margin-left:-580px;}
.slides_Interface2 .flex-direction-nav a.flex-next {background-position:0 -112px;margin-left:550px;}
.slides_Interface2 .flex-control-nav{display:none;position:absolute;width:90px;height:20px;bottom:30px;left:50%;margin-left:-45px;list-style:none; background:#000; opacity:0.7;padding:5px 10px; border-radius:30px;}
.slides_Interface2 .flex-control-nav li{margin:0 5px;display:inline-block;*display:inline;}
.slides_Interface2 .flex-control-nav li a{display:inline-block;width:20px;height:20px; border-radius:20px; background:#b3b3b3;float:left; text-indent:-9999px;cursor:pointer;}
.slides_Interface2 .flex-control-nav li a.flex-active{ background:#b9e760;}
@media (max-width: 979px) {
	.slides_Interface2 .flex-direction-nav{display:none;}
	.slides_Interface2 .flex-control-nav{display:block;}
	.slides_Interface2 .slides li{ min-height:600px;}
}

.bottom_pro{ border-top:3px solid #e4f6c3;padding:60px 0;}
.bottom_pro h2{ font-size:36px; line-height:1.2em; text-align:center;}
.bottom_pro h2 strong{display:block;color:#abe241;}
.bottom_pro .btnbox{width:560px;margin:0 auto;margin-top:30px !important;}
.bottom_pro .btnbox .btn1{float:left;width:270px;}
.bottom_pro .btnbox .btn2{float:right;width:270px;}
.bottom_pro .btnbox .txt{ text-align:center;color:#666;margin-top:10px;}
@media (max-width: 767px) {
	.bottom_pro .btnbox{width:270px;}
	.bottom_pro .btnbox .btn1{float:none;width:auto;}
	.bottom_pro .btnbox .btn2{float:none;width:auto;margin-top:10px;}
}
@media (max-width: 479px) {
	.bottom_pro h2{ font-size:30px;}
}

.bottom_share {background:#b9e760; padding:30px 0; text-align:center; color:#fff;}
.bottom_share h4 {font-size:34px; line-height:1.4em; padding:10px 0;}
.bottom_share .share_list {padding:10px 0;}
.bottom_share .share_list a {display:inline-block;}
@media (max-width: 767px) {
.bottom_down {width:auto; padding:20px;}
.bottom_down .title {font-size:30px;}
.bottom_share h4 {font-size:30px;}
.bottom_share .share_list a {width:20%;}
}
@media (max-width: 479px) {
.bottom_down .btn a {padding:13px;}
.bottom_share .share_list a {padding:0;}
}