.black_overlay {
	left: 0%; top: 0%; width: 100%; height: 100%; position: absolute; z-index: 1001; min-height: 1200px; opacity: 0.8; background-color: black; -moz-opacity: 0.8;
}
.white_content {
	left: 25%; top: 20%; width: 825px; height: 720px; overflow: auto; position: absolute; z-index: 1002;
}
.white_content a {
	width: 16px; height: 20px; overflow: auto; position: absolute; z-index: 1002;
}
.header {
	left: 0px; top: 0px; width: 100%; height: 130px; position: fixed; z-index: 97; min-width: 800px; box-shadow: 0px 0px 15px #333; background-color: rgb(178,129,71);
}
.header .logo {
	margin-top: 29px; margin-left: 29px; float: left;
}
.header .top_nav {
	left: 265px; top: 75px; position: absolute; z-index: 98;
}
.top_nav li {
	margin-right: 25px; float: left; display: inline;
}
.top_nav li a {
	width: 70px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 1em;
}
.header-s {
	left: 0px; top: 0px; width: 100%; height: 110px; position: fixed; z-index: 99; min-width: 800px; opacity: 0.9; box-shadow: 0px 0px 15px #333; background-color: rgb(178,129,71);
}
.header-s .logo {
	margin-top: 10px; margin-left: 30px; float: left;
}
.header-s .top_nav-s {
	left: 160px; top: 0px; position: absolute; z-index: 98;
}
.top_nav-s li {
	margin-right: 25px; float: left; display: inline;
}
.top_nav-s li a {
	width: 100px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 120px; font-size: 20px;
}
.link_action {
	position: relative;
}
.link_action::before {
	transition:width 0.5s cubic-bezier(1, 0, 0, 1); width: 0px; height: 1px; bottom: -2px; display: block; position: absolute; content: ""; background-color: rgba(255, 255, 255, 1); -webkit-transition: width 0.5s cubic-bezier(1, 0, 0, 1); -moz-transition: width 0.5s cubic-bezier(1, 0, 0, 1); -o-transition: width 0.5s cubic-bezier(1, 0, 0, 1);
}
.link_action.hover::before {
	width: 100%;
}
.link_action.current_item::before {
	width: 100%;
}
.link_action.left::before {
	left: 0px;
}
.link_action.right::before {
	right: 0px;
}
.quick_link {
	margin: 0px 0px 10px; padding: 10px 0px 0px; width: 100%; text-align: right; display: block;
}
.quick_link li {
	display: inline;
}
.quick_link li a {
	padding: 0px 10px; color: rgb(121, 25, 120); font-family: Verdana, Geneva, sans-serif; font-size: 12px; text-decoration: none; margin-right: 5px; display: inline;
}
.quick_link li a:hover {
	color: #880000; position: relative; top: 1px; left: 1px;
}
.login {
	top: 18px; right: 28px; color: rgb(255, 255, 255); float: right; position: absolute; z-index: 99;
}
.login a {
	color: rgb(255, 255, 255);
}
.login a:hover {
	color: rgb(255, 255, 255);
}
.languages {
	top: 18px; width: 60px; right: 120px; color: rgb(255, 255, 255); font-size: 15px; float: right; position: absolute; z-index: 96;
}
.languages ul {
	width: 60px; overflow: hidden;
}
.languages ul li {
	width: 60px; float: left;
}
.languages ul li a {
	width: 60px; color: rgb(113, 185, 226); display: block;
}
#wrapper {
	width: 100%; margin-bottom: 50px; float: left;
}
.rslides {
	margin: 50px; width: 100%;
}
.rslides li {
	position: relative; width: 100px;
}
.go-gif {
	left: 1194px; top: 508px; position: absolute; z-index: 999;
}
.rslides_container {
	width: 100%; margin-bottom: 0px; float: left; position: relative;
}
.centered-btns_nav:focus {
	
}
.transparent-btns_nav:focus {
	
}
.large-btns_nav:focus {
	
}
.centered-btns_tabs {
	text-align: center; margin-top: 10px;
}
.transparent-btns_tabs {
	text-align: center; margin-top: 10px;
}
.large-btns_tabs {
	text-align: center; margin-top: 10px;
}
.centered-btns_tabs li {
	margin-right: 5px; float: none; display: inline; _float: left;
}
.transparent-btns_tabs li {
	margin-right: 5px; float: none; display: inline; _float: left;
}
.large-btns_tabs li {
	margin-right: 5px; float: none; display: inline; _float: left;
}
.centered-btns_tabs a {
	background: rgba(0, 0, 0, 0.2); border-radius: 15px; width: 9px; height: 9px; text-indent: -9999px; overflow: hidden; display: inline-block; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3); -webkit-border-radius: 15px; -moz-border-radius: 15px; _display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
}
.transparent-btns_tabs a {
	background: rgba(0, 0, 0, 0.2); border-radius: 15px; width: 9px; height: 9px; text-indent: -9999px; overflow: hidden; display: inline-block; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3); -webkit-border-radius: 15px; -moz-border-radius: 15px; _display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
}
.large-btns_tabs a {
	background: rgba(0, 0, 0, 0.2); border-radius: 15px; width: 9px; height: 9px; text-indent: -9999px; overflow: hidden; display: inline-block; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.3); -webkit-border-radius: 15px; -moz-border-radius: 15px; _display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3); -moz-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .3);
}
.centered-btns_here a {
	background: rgba(0, 0, 0, 0.8);
}
.transparent-btns_here a {
	background: rgba(0, 0, 0, 0.8);
}
.large-btns_here a {
	background: rgba(0, 0, 0, 0.8);
}
.main {
	width: 100%; text-align: center;
}
.menu {
	width: 100%; text-align: center; margin-top: 0px;
}
.menu h1 {
	margin: 0px auto; width: 140px; line-height: 35px; letter-spacing: 1px; font-size: 1.5em; font-weight: normal; border-bottom-color: rgb(0, 134, 209); border-bottom-width: 1px; border-bottom-style: solid;
}
.menu p {
	font-size: 1.1em; margin-top: 16px; text-align: left; margin-left: 250px;
}
.main .submenu {
	width: 950px; height: 61px; text-align: center; margin-top: 65px; margin-right: auto; margin-left: auto;
}
.main .submenu li {
	width: 165px; height: 61px; line-height: 61px; font-size: 1.1em; margin-right: 70px; margin-left: 70px; float: left; display: block;
}
.main .submenu li img {
	vertical-align: middle;
}
.prd01 {
	width: 100%; text-align: center; padding-top: 3%; padding-bottom: 3%; margin-top: 37px; background-color: rgb(242, 244, 245);
}
.prd01 table {
	width: 100%; text-align: center; min-width: 1024px;
}
.prd01 table tr td {
	width: 20%; text-align: center;
}
.prd01 table tr td img {
	width: 85%; text-align: center;
}
.prd01 h1 {
	width: 50%; text-align: center; padding-bottom: 5px; font-size: 1.2em; font-weight: normal; margin-top: 34px; margin-right: auto; margin-left: auto; border-bottom-color: rgb(0, 134, 209); border-bottom-width: 1px; border-bottom-style: solid;
}
.prd01 p {
	text-align: center; padding-top: 5px; font-size: 1em; margin-right: auto; margin-left: auto;
}
.prd02 {
	width: 100%; text-align: center; padding-bottom: 2%; margin-top:10px; margin-bottom: 0px; position: relative;
}
.prd03 {
	width: 100%; text-align: center; padding-top: 3%; padding-bottom: 3%; margin-top: 37px; background-color: rgb(242, 244, 245);
}
.prd03 table {
	width: 100%; text-align: center; min-width: 1024px;
}
.prd03 table tr td {
	width: 20%; text-align: center;
}
.prd03 table tr td img {
	width: 85%; text-align: center;
}
.prd03 h1 {
	width: 50%; text-align: center; padding-bottom: 5px; font-size: 1.2em; font-weight: normal; margin-top: 34px; margin-right: auto; margin-left: auto; border-bottom-color: rgb(0, 134, 209); border-bottom-width: 1px; border-bottom-style: solid;
}
.prd03 p {
	text-align: center; padding-top: 5px; font-size: 1em; margin-right: auto; margin-left: auto;
}
.main .submenu2 {
	width: 600px; height: 61px; text-align: center; margin-top: 65px; margin-right: auto; margin-left: auto;
}
.main .submenu2 li {
	width: 137px; height: 64px; line-height: 64px; font-size: 1.1em; margin-right: 70px; margin-left: 70px; float: left; display: block;
}
.main .submenu2 li img {
	vertical-align: middle;
}
.logostory {
	height: 545px; margin-top: 75px; background-color: rgb(0, 134, 209);
}
.logostory ul {
	margin: 40px auto 0px; width: 797px; height: 387px; display: inline-block; position: relative;
}
.logostory ul li {
	float: left; position: absolute; z-index: 55;
}
.logostory ul .happy {
	border-radius: 90px; left: 0px; top: 207px; width: 180px; height: 180px; position: absolute; z-index: 59; -webkit-border-radius: 90px; -moz-border-radius: 90px;
}
.logostory ul .happy:hover {
	background-position: center; position: absolute; z-index: 59; opacity: 0.9; background-image: url("../img/logo/hover1.png"); background-repeat: no-repeat; background-color: rgb(107, 133, 146);
}
.logostory ul .app {
	border-radius: 90px; left: 312px; top: 207px; width: 180px; height: 180px; position: absolute; z-index: 66; -webkit-border-radius: 90px; -moz-border-radius: 90px;
}
.logostory ul .app:hover {
	background-position: center; position: absolute; z-index: 59; opacity: 0.9; background-image: url("../img/logo/hover2.png"); background-repeat: no-repeat; background-color: rgb(107, 133, 146);
}
.logostory ul .cloud {
	border-radius: 90px; left: 617px; top: 196px; width: 180px; height: 180px; position: absolute; z-index: 60; -webkit-border-radius: 90px; -moz-border-radius: 90px;
}
.logostory ul .cloud:hover {
	background-position: center; position: absolute; z-index: 59; opacity: 0.9; background-image: url("../img/logo/hover3.png"); background-repeat: no-repeat; background-color: rgb(107, 133, 146);
}
.about {
	margin: 75px auto 0px; width: 1020px; overflow: hidden;
}
.about .top {
	padding: 17px 40px; width: 940px; color: rgb(255, 255, 255); overflow: hidden; background-color: rgb(0, 134, 209);
}
.about .top h1 {
	line-height: 42px; font-size: 1.5em; font-weight: normal; margin-bottom: 5px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.about .top ul {
	width: 95%; line-height: 28px; font-size: 1em; margin-right: auto; margin-left: auto; display: inline-block;
}
.about .top ul li {
	width: 100%; text-align: left; float: left;
}
.about_main {
	padding: 17px 40px; width: 940px; margin-top: 7px; float: left; position: relative; background-color: rgb(242, 244, 245);
}
.about_main h1 {
	width: 540px; text-align: left; line-height: 28px; text-indent: -22px; font-size: 1em; font-weight: normal; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; float: left;
}
.about_main h1 img {
	margin-right: 2px;
}
.list {
	width: 560px; float: left;
}
.video {
	width: 290px; height: 200px; margin-top: 10px; margin-left: 55px; float: left; background-image: url("../img/video.jpg");
}
.video:hover {
	background-image: url("../img/video-.jpg");
}
.videoDiv {
	left: 210px; width: 600px; height: 500px; text-align: right; position: absolute;
}
#ytapiplayer {
	display: none; opacity: 0; background-repeat: no-repeat; background-size: 100%;
}
#news1 {
	left: 255px; width: 510px; height: 770px; text-align: right; position: absolute;
}
#news2 {
	left: 122px; width: 777px; height: 674px; text-align: right; position: absolute;
}
.list2 {
	width: 940px; height: 190px; padding-top: 22px; margin-top: 18px; margin-bottom: 22px; border-top-color: rgb(207, 200, 188); border-bottom-color: rgb(207, 200, 188); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: left;
}
.about_main table {
	text-align: center; margin-top: 22px; margin-bottom: 33px; float: left;
}
.about_main table img {
	margin-bottom: 10px;
}
.about_main table a img:hover {
	opacity: 0.6;
}
.community {
	padding-top: 105px; padding-bottom: 75px; margin-top: 45px; background-color: rgb(255, 255, 153);
}
.community table {
	width: 1024px; text-align: center; margin-right: auto; margin-bottom: 40px; margin-left: auto;
}
.store {
	height: 415px; padding-top: 130px; padding-bottom: 60px; margin-top: 45px; position: relative;
}
.store table {
	text-align: center; margin-right: auto; margin-left: auto;
}
.store table a {
	margin-right: 20px; margin-left: 20px;
}
.store table a:hover {
	opacity: 0.6;
}
.store_main {
	background-position: 32px top; padding: 40px; border: 1px solid rgb(234, 96, 96); border-image: none; left: 25%; width: 900px; overflow: hidden; margin-top: -120px; margin-right: 30%; position: absolute; z-index: 66; box-shadow: 3px 3px 50px #999; background-image: url("../img/store/icon.gif"); background-repeat: no-repeat; background-color: rgb(255, 255, 255);
}
.store_main .close {
	width: 70px; height: 30px; color: rgb(234, 96, 96); margin-top: -20px; float: right;
}
.store_main .ad {
	width: 350px; height: 330px; text-align: center; margin-top: 100px; float: left;
}
.store_main .word {
	width: 500px; height: 410px; text-align: left; overflow: auto; margin-top: 20px; float: right;
}
.store_main .word h1 {
	text-align: center; line-height: 40px; font-size: 1.4em; margin-bottom: 20px; border-bottom-color: rgb(207, 200, 188); border-bottom-width: 1px; border-bottom-style: solid;
}
.store_main .word p {
	line-height: 22px; font-size: 0.8em; margin-top: 2px; margin-bottom: 3px;
}
.pic {
	margin: 45px auto 0px; width: 1024px; height: 365px; overflow: hidden;
}
.pic a {
	margin: 0px 5px; width: 190px; height: 355px; text-align: center; color: rgb(51, 51, 51); line-height: 25px; float: left; opacity: 0.4;
}
.pic a:hover {
	opacity: 1;
}
.pic_main {
	width: 476px; height: 298px; text-align: left; color: rgb(51, 51, 51); padding-top: 55px; padding-left: 65px; margin-top: 50px; display: none; position: absolute; background-image: url("../img/pic_bg.png"); background-repeat: no-repeat;
}
.pic_main h1 {
	border: 0px currentColor; border-image: none; width: 100%; line-height: 20px; font-size: 1.2em; margin-bottom: 0px; float: left;
}
.pic_main p {
	width: 80%; line-height: 25px; font-size: 1em; float: left;
}
.pic_main2 {
	width: 476px; height: 298px; text-align: left; color: rgb(51, 51, 51); padding-top: 55px; padding-left: 35px; margin-top: 50px; display: none; position: absolute; background-image: url("../img/pic_bg2.png"); background-repeat: no-repeat;
}
.pic_main2 h1 {
	border: 0px currentColor; border-image: none; width: 100%; line-height: 20px; font-size: 1.2em; margin-bottom: 0px; float: left;
}
.pic_main2 p {
	width: 80%; line-height: 25px; font-size: 1em; float: left;
}
.contact {
	width: 100%; height: 462px; margin-top: 45px;
}
.contact ul {
	width: 1024px; height: 355px; margin-top: 45px; margin-right: auto; margin-left: auto;
}
.contact ul li {
	line-height: 50px; margin-bottom: 18px; float: left;
}
.table_left input {
	border-radius: 5px; border: 1px solid rgb(102, 102, 102); border-image: none; width: 485px; height: 50px; padding-left: 15px; font-family: ·L³n¥¿¶ÂÅé; font-size: 1em; margin-right: 18px; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.table_right select {
	border-radius: 5px; border: 1px solid rgb(102, 102, 102); border-image: none; width: 485px; height: 50px; color: rgb(153, 153, 153); padding-left: 15px; font-family: ·L³n¥¿¶ÂÅé; font-size: 1em; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.table_right input {
	border-radius: 5px; border: 1px solid rgb(102, 102, 102); border-image: none; width: 468px; height: 50px; color: rgb(153, 153, 153); padding-left: 15px; font-family: ·L³n¥¿¶ÂÅé; font-size: 1em; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.table_all input {
	border-radius: 5px; border: 1px solid rgb(102, 102, 102); border-image: none; width: 990px; height: 105px; color: rgb(153, 153, 153); padding-left: 15px; font-family: ·L³n¥¿¶ÂÅé; font-size: 1em; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.sent {
	border-radius: 5px; width: 1005px; height: 60px; color: rgb(255, 255, 255); font-family: ·L³n¥¿¶ÂÅé; font-size: 1em; float: left; background-color: rgb(0, 134, 209); -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.sent a {
	width: 1005px; height: 60px; color: rgb(255, 255, 255); line-height: 60px; display: block;
}
.sent:hover {
	background-color: rgb(19, 96, 140);
}
.footer {
	width: 100%; height: 200px; text-align: center; bottom: 0px; padding-top: 25px; padding-bottom: 25px; background-color: rgb(49, 49, 49);
}
.footer .footermain {
	width: 1024px; height: auto; margin-right: auto; margin-left: auto;
}
.footer .footermain .mail {
	width: 38%; text-align: left; margin-top: 1%; margin-left: 15%; float: left;
}
.footer .footermain .mail h3 {
	color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: 100; margin-right: 2%; float: left;
}
.footer .footermain .mail h4 {
	border: 2px solid rgb(255, 255, 255); border-image: none; width: 12%; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 16px; font-weight: 100; float: left; cursor: pointer; background-color: rgb(49, 49, 49);
}
.footer .footermain .mail h4:hover {
	opacity: 0.6;
}
.email-field {
	width: 70%; height: 40px; color: rgb(102, 102, 102); padding-left: 1%; font-size: 16px; margin-right: 2%; float: left;
}
.footer .footermain a {
	width: 60px; color: rgb(255, 255, 255); margin-right: 20px; margin-left: 20px;
}
.footer .footermain a:hover {
	opacity: 0.6;
}
.footer p {
	width: 1024px; color: rgb(255, 255, 255); line-height: 40px; letter-spacing: 0.5px; font-size: 1.5em; margin-top: 20px; margin-right: auto; margin-left: auto;
}
.footer p a {
	color: rgb(255, 255, 255);
}
.footer p img {
	vertical-align: middle;
}