@charset "utf-8";
*{margin: 0;padding: 0;}
body#home{
	background-color: #325cc7;
	color: #fff;
	overflow:hidden;
}
img{border: none;}
ul{list-style-position:inside;list-style-type:none;margin:0px;padding:0px;list-style-image:none;}
li{list-style:none;}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color: #006cff;text-decoration: none;}
a:active{color: #006cff;text-decoration: none;}
.nomr{margin-right:0px !important;}
.tac{text-align: center !important;}


#subnav {
	position: relative;
	width: 100%;
	z-index: 8;
	padding-top:20px;
	padding-bottom:20px;
}

#subnav .int
{
	width: 96%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	line-height: 28px;
	height: 28px;
	position: relative;
	z-index:2;
}
#subnav .bg
{
	z-index: 1;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #FFF;
	filter: alpha(Opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;	
}
#subnav h2 {font-weight: normal;}
#subnav .bar {position: absolute;top: 0px;right: 0px;}
#subnav .bar span {
	color: #CCC;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
}
#subnav .bar a.onthis{color: #006cff;}
#subnav .bar a.but
{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	line-height:28px;
	background-color:#c70000;
	color:#FFF;
	margin-left:20px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#subnav .bar a.but:hover{background-color:#ff0000;}

.bodyer {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.ibox {position: relative;width: 100%;margin-bottom: 100px; overflow:hidden}
.ibox h1{font-weight: normal;font-size:32px;}
.ibox h2{margin-bottom: 20px;font-weight: normal;}
.ibox .commentaries{font-style: normal;color: #F00;}

#one .bg {width: 100%;position:relative;}
#one .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 12%;
	text-align: center;
}
#one .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:700px;	
}
#one .txt a 
{
	display: block;
	width: 140px;
	height: 34px;
	border: 1px solid #333;
	line-height: 32px;
	margin-right: auto;
	margin-left: auto;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#one .txt a:hover{border: 1px solid #ff0000;background-color:#F00;color:#fff;}


#two{padding-bottom: 0px;}
#two .rbox {
	width: 50%;
	float: right;
	position: relative;
}
#two .txt {
	position: absolute;
	width: 35%;
	left: 15%;
	top: 40%;
	z-index:2;
}
#two .rbox img {
	position: relative;
	width: 120%;
	left: -10%;
	top: -5%;
}


#three .lbox {
	float: left;
	width: 45%;
	position: relative;
}
#three .lbox img
{
	width:100%;
	position:relative;
}
#three .txt {
	position: absolute;
	width: 50%;
	left: 48%;
	top: 18%;
}
#three .txt p
{
	width:90%;
	max-width:700px;	
}


#four .bg {
	width: 100%;
	position: relative;
	padding-top: 80px;
}
#four .bg .com {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 100%;
	max-width:900px;
	position: relative;
}
#four .txt {
	text-align: center;
	width: 96%;
	padding-left:2%;
	padding-right:2%;
	background-color: #e6eef0;
	padding-bottom: 100px;
}
#four .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:700px;	
}
#bear {
	height: 100px;
	width: 200px;
	position: absolute;
	left: 300px;
	bottom: 0px;
	overflow: hidden;
}
#bear img {
	position: absolute;
	height: 100px;
	width: 1600px;
	left: 0px;
	top: 0px;
}
#mountain {
	height: 168px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom:0px;
	background-image: url(../../image/bg-mountain.png);
	background-repeat: repeat-x;
	background-position: 0px top;
	animation: fourbg 120s infinite linear;
	-moz-animation: fourbg 120s infinite linear;
	-webkit-animation: fourbg 120s infinite linear;
	-o-animation: fourbg 120s infinite linear;		
}
@keyframes fourbg
{
0%   {background-position: 0px top;}
100% {background-position: -1920px top;}
}
@-moz-keyframes fourbg /* Firefox */
{
0%   {background-position: 0px top;}
100% {background-position: -1920px top;}
}
@-webkit-keyframes fourbg /* Safari 和 Chrome */
{	
0%   {background-position: 0px top;}
100% {background-position: -1920px top;}
}
@-o-keyframes fourbg /* Opera */
{	
0%   {background-position: 0px top;}
100% {background-position: -1920px top;}
}


#five .bg {
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}
#five .bg img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 90%;
	max-width: 950px;
	position: relative;
}
#five .txt {text-align: center;width: 96%; margin-left:auto; margin-right:auto }
#five .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:700px;	
}
#five .power {
	position: absolute;
	width: 100%;
	left: 0px;
	text-align: center;
	bottom: 20%;
}
#five .power img {max-width:80px;}
#five .ac {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}
#five .ac .border {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 84%;
	max-width: 900px;
	position: relative;
	background-color: #000;
	height: 60%;
	top: 28%;
	overflow: hidden;
}
#five .wave {
	overflow: hidden;
	position: absolute;
	height: 500px;
	width: 100%;
	left: 0px;
	top: 30%;
	background-image: url(../image/wave.png);
	background-repeat: repeat-x;
	filter: alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	animation: mywave_1 13s infinite linear;
	-moz-animation: mywave_1 13s infinite linear;
	-webkit-animation: mywave_1 13s infinite linear;
	-o-animation: mywave_1 13s infinite linear;
}
@keyframes mywave_1
{
0%   {background-position: 0px 0px;top: 28%;}
50%   {background-position: 505px 0px;top: 24%;}
100% {background-position: 1011px 0px;top: 28%;}
}
@-moz-keyframes mywave_1 /* Firefox */
{
0%   {background-position: 0px 0px;top: 30%;}
50%   {background-position: 505px 0px;top: 24%;}
100% {background-position: 1011px 0px;top: 30%;}
}
@-webkit-keyframes mywave_1 /* Safari 和 Chrome */
{	
0%   {background-position: 0px 0px;top: 30%;}
50%   {background-position: 505px 0px;top: 24%;}
100% {background-position: 1011px 0px;top: 30%;}
}
@-o-keyframes mywave_1 /* Opera */
{	
0%   {background-position: 0px 0px;top: 30%;}
50%   {background-position: 505px 0px;top: 24%;}
100% {background-position: 1011px 0px;top: 30%;}
}
#five #wave_2.wave 
{
	top: 28%;
	animation: mywave_2 15s infinite linear;
	-moz-animation: mywave_2 15s infinite linear;
	-webkit-animation: mywave_2 15s infinite linear;
	-o-animation: mywave_2 15s infinite linear;	
}
@keyframes mywave_2
{
0%   {background-position: 0px 0px;top: 28%;}
50%   {background-position: 505px 0px;top: 24%;}
100% {background-position: 1011px 0px;top: 28%;}
}
@-moz-keyframes mywave_2 /* Firefox */
{
0%   {background-position: 0px 0px;top: 28%;}
50%   {background-position: 505px 0px;top: 24%;}
100% {background-position: 1011px 0px;top: 28%;}
}
@-webkit-keyframes mywave_2 /* Safari 和 Chrome */
{	
0%   {background-position: 0px 0px;top: 28%;}
50%   {background-position: 505px 0px;top: 24%;}
100% {background-position: 1011px 0px;top: 28%;}
}
@-o-keyframes mywave_2 /* Opera */
{	
0%   {background-position: 0px 0px;top: 28%;}
50%   {background-position: 505px 0px;top: 24%;}
100% {background-position: 1011px 0px;top: 28%;}
}
#five #wave_3.wave 
{
	top: 27%;
	animation: mywave_3 11s infinite linear;
	-moz-animation: mywave_3 11s infinite linear;
	-webkit-animation: mywave_3 11s infinite linear;
	-o-animation: mywave_3 11s infinite linear;		
}
@keyframes mywave_3
{
0%   {background-position: 0px 0px;top: 27%;}
50%   {background-position: 505px 0px;top: 20%;}
100% {background-position: 1011px 0px;top: 27%;}
}
@-moz-keyframes mywave_3 /* Firefox */
{
0%   {background-position: 0px 0px;top: 27%;}
50%   {background-position: 505px 0px;top: 20%;}
100% {background-position: 1011px 0px;top: 27%;}
}
@-webkit-keyframes mywave_3 /* Safari 和 Chrome */
{	
0%   {background-position: 0px 0px;top: 27%;}
50%   {background-position: 505px 0px;top: 20%;}
100% {background-position: 1011px 0px;top: 27%;}
}
@-o-keyframes mywave_3 /* Opera */
{	
0%   {background-position: 0px 0px;top: 27%;}
50%   {background-position: 505px 0px;top: 20%;}
100% {background-position: 1011px 0px;top: 27%;}
}
#five #wave_4.wave 
{
	top: 26%;
	animation: mywave_4 14s infinite linear;
	-moz-animation: mywave_4 14s infinite linear;
	-webkit-animation: mywave_4 14s infinite linear;
	-o-animation: mywave_4 14s infinite linear;		
}
@keyframes mywave_4
{
0%   {background-position: 0px 0px;top: 26%;}
50%   {background-position: 505px 0px;top: 20%;}
100% {background-position: 1011px 0px;top: 26%;}
}
@-moz-keyframes mywave_4 /* Firefox */
{
0%   {background-position: 0px 0px;top: 26%;}
50%   {background-position: 505px 0px;top: 20%;}
100% {background-position: 1011px 0px;top: 26%;}
}
@-webkit-keyframes mywave_4 /* Safari 和 Chrome */
{	
0%   {background-position: 0px 0px;top: 26%;}
50%   {background-position: 505px 0px;top: 20%;}
100% {background-position: 1011px 0px;top: 26%;}
}
@-o-keyframes mywave_4 /* Opera */
{	
0%   {background-position: 0px 0px;top: 26%;}
50%   {background-position: 505px 0px;top: 20%;}
100% {background-position: 1011px 0px;top: 26%;}
}
#five #wave_5.wave 
{
	top: 27%;
	animation: mywave_5 10s infinite linear;
	-moz-animation: mywave_5 10s infinite linear;
	-webkit-animation: mywave_5 10s infinite linear;
	-o-animation: mywave_5 10s infinite linear;		
}
@keyframes mywave_5
{
0%   {background-position: 0px 0px;top: 27%;}
50%   {background-position: 505px 0px;top: 30%;}
100% {background-position: 1011px 0px;top: 27%;}
}
@-moz-keyframes mywave_5 /* Firefox */
{
0%   {background-position: 0px 0px;top: 27%;}
50%   {background-position: 505px 0px;top: 30%;}
100% {background-position: 1011px 0px;top: 27%;}
}
@-webkit-keyframes mywave_5 /* Safari 和 Chrome */
{	
0%   {background-position: 0px 0px;top: 27%;}
50%   {background-position: 505px 0px;top: 30%;}
100% {background-position: 1011px 0px;top: 27%;}
}
@-o-keyframes mywave_5 /* Opera */
{	
0%   {background-position: 0px 0px;top: 27%;}
50%   {background-position: 505px 0px;top: 30%;}
100% {background-position: 1011px 0px;top: 27%;}
}




#six .bg {
	width: 100%;
	padding-top: 80px;
	position: relative;
	margin-bottom:40px;
}
#six .bg img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 100%;
	position: relative;
}
#six .txt {
	text-align: center;
	width: 96%;
	margin-left:auto;
	margin-right:auto
}
#six .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:700px;	
}


#seven .bg {
	width: 100%;
	padding-top: 80px;
	position: relative;
}
#seven .bg img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 84%;
	max-width: 950px;
	position: relative;
}
#seven .txt {
	text-align: center;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#seven .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:700px;	
}


#eight{overflow:hidden;}
#eight .bg {
	width: 100%;
	padding-top: 120px;
	position: relative;
	margin-bottom:40px;
}
#eight .bg img {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 90%;
	max-width: 1000px;
	position: relative;
	z-index: 2;
}
#eight .txt {
	text-align: center;
	width: 96%;
	padding-bottom:120px;
	position: relative;
	z-index:2;
	margin-left:auto;
	margin-right:auto;
}
#eight .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:700px;	
}
#eight .bg2 {
	position: absolute;
	z-index: 1;
	width: 120%;
	left: -10%;
	top: -10%;
	animation: eightbg 30s infinite linear;
	-moz-animation: eightbg 30s infinite linear;
	-webkit-animation: eightbg 30s infinite linear;
	-o-animation: eightbg 30s infinite linear;		
}
@keyframes eightbg
{
0%   {width: 120%;left: -10%;top: -10%;}
50%  {width: 100%;left: 0%;top: 0%;}
100% {width: 120%;left: -10%;top: -10%;}
}
@-moz-keyframes eightbg /* Firefox */
{
0%   {width: 120%;left: -10%;top: -10%;}
50%  {width: 100%;left: 0%;top: 0%;}
100% {width: 120%;left: -10%;top: -10%;}
}
@-webkit-keyframes eightbg /* Safari 和 Chrome */
{	
0%   {width: 120%;left: -10%;top: -10%;}
50%  {width: 100%;left: 0%;top: 0%;}
100% {width: 120%;left: -10%;top: -10%;}
}
@-o-keyframes eightbg /* Opera */
{	
0%   {width: 120%;left: -10%;top: -10%;}
50%  {width: 100%;left: 0%;top: 0%;}
100% {width: 120%;left: -10%;top: -10%;}
}


#nine .lbox {
	float: left;
	width: 50%;
	position: relative;
}
#nine .lbox img{width:100%; position:relative}
#nine .txt {
	float: left;
	width: 46%;
	position: absolute;
	padding-left: 4%;
	top: 10%;
	right: 0%;
	z-index:2;
}
#nine .txt p
{
	width:90%;
	max-width:600px;
}


#ten {
	padding-bottom: 100px;
	color: #FFF;
	text-align: center;
	background-color:#325cc7;
	margin-bottom:0px;
}
#ten img{position:relative;display:block;}
#ten a{color:#FFF;}
#ten a:hover{text-decoration: underline;}


ul.ul2 {
	width: 100%;
	padding-top: 20px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;	
}
ul.ul2 li {
	float: left;
	height: 80px;
	width: 50%;
	margin-bottom:30px;
}
ul li strong {
	font-size: 60px;
	line-height: 60px;
	color: #61cf07;/*06F*/
}
ul.ul3 {
	width: 100%;
	padding-top: 20px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
ul.ul3 li {
	float: left;
	height: 80px;
	width: 33.3332%;
	margin-bottom:30px;
}
ul li.big {width: 100% !important;}
ul.ul4 {
	width: 100%;
	padding-top: 20px;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
}
ul.ul4 li {
	float: left;
	height: 80px;
	width: 25%;
	margin-bottom:30px;
}
.notac
{
	margin-left:inherit !important;
	margin-right:inherit !important;
}



#design{text-align:center;}
#design img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1050px;
	padding-top: 120px;
	margin-bottom: 10px;
}
#interface img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1000px;
}


#poster {
	background-color: #e5e5e5;
	padding-top: 140px;
	width: 100%;
	padding-bottom: 100px;
}
#poster img {
	display: block;
	width: 80%;
	max-width:800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:30px;
}


#parameter {
	width: 98%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 100px;
}
#table {background-color: #acc3ff; text-align:center}
#table tr td {background-color: #FFF;padding: 12px; height:30px;}
#table tr td.tl {background-color: #dae4ff; color:#111; text-align:left}
#table tr td.th {background-color: #c0d2ff; color:#111; text-align:left}
#table div {
	line-height: 80px;
	display:inline-block;
	height: 80px;
	width:80px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 5px;
	position: relative;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 5px;
}
#table div.big {width: 124px;}
#table p {clear: both;line-height: 16px;color: #999;font-size:14px;}
#table h2 {text-align: left;}
#table .green{border: 2px solid #32b16d;background-color:#d9ffeb;}


#content {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	padding-top: 140px;
	padding-bottom: 100px;
	text-align: center;
}
#content img{display:block}
#content h1 {font-weight: normal;}
#content p {margin-bottom: 100px;}



#upad4_1 .bg {width: 100%;position:relative;}
#upad4_1 .bg .acimg
{
	position: absolute;
	width: 100%;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	left: 0px;
	top: 0px;
}
#upad4_1 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 18%;
	text-align: center;
}
#upad4_1 .txt h1 {font-size: 50px;line-height: 50px;font-weight: normal;margin-bottom: 8px;height: 50px; margin-bottom:20px;}
#upad4_1 .txt h1 img{ margin-left:20px; margin-bottom:-8px;}
#upad4_1 .txt h3 {font-weight: normal; margin-bottom:10px;}
#upad4_1 h2
{
	font-size: 36px;
	line-height: 36px;
	color: #F00;
	font-weight: normal;
}
#upad4_1 h2 span
{
	font-size: 15px;
	color: #000;
	display: inline-block;
	margin-left: 8px;
}
#upad4_1 a.buy
{
	height: 40px;
	display: block;
	width: 200px;
	border: 2px solid #F00;
	line-height: 40px;
	color: #F00;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}
#upad4_1 a.buy:hover
{
	background-color:#F00;
	color:#FFF;
}

#upad4_2{background-color:#191919}
#upad4_2 .bg {width: 100%;position:relative;}
#upad4_2 .bg img{display:block}
#upad4_2 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 15%;
	text-align: center;
	color:#fff;
}
#upad4_2 .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:700px;	
}
#upad4_2 .bg .video {
	position: absolute;
	width: 100%;
	top: 44%;
	z-index: 2;
	height: 56%;	
}
#upad4_2 .bg .video video
{
	width:53%;
	height:100%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}


#upad4_3{margin-bottom:0px;}
#upad4_3 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_3 .bg img{display:block}
#upad4_3 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 25%;
	text-align:left;
}
#upad4_3 .txt .int
{
	margin-left:auto;
	margin-right:auto;
	width:95%;
	max-width:1200px;
}
#upad4_3 .txt .int p{width:100%; max-width:600px;}
#upad4_3 .bg .video {
	position: absolute;
	width: 20%;
	top: 10%;
	left: 60%;
	z-index: 2;
	height: 20%;
}
#upad4_3 .bg .video div
{
	position: absolute;
	height: 0%;
	width: 0%;
	left: 50%;
	top: 50%;
	background-color: #00aeff;
	-moz-border-radius: 100%;
	border-radius: 100%;
	filter: alpha(Opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;	
}
#upad4_3 .txt .box
{
	width: 25%;
	max-width:120px;
	margin-right: 1%;
	float: left;
	text-align: center;
}
#upad4_3 .txt .box span
{
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	margin-bottom: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	line-height: 80px;
	background-color: #09F;
	font-size:32px;
	color:#FFF;
}

#upad4_4{margin-bottom:0px;}
#upad4_4 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_4 .bg img{display:block}
#upad4_4 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 17%;
	text-align:center;
	color:#FFF;
}
#upad4_5{margin-bottom:0px;}
#upad4_5 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_5 .bg img{display:block}
#upad4_5 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 17%;
	text-align:center;
	color:#FFF;
}

#upad4_6{margin-bottom:0px;}
#upad4_6 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_6 .bg img{display:block}
#upad4_6 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 17%;
	text-align:center;
	color:#FFF;
}

#upad4_7{margin-bottom:0px;}
#upad4_7 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_7 .bg img{display:block}
#upad4_7 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 17%;
	text-align:center;
	color:#0000;
}

#upad4_8{margin-bottom:0px;}
#upad4_8 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_8 .bg img{display:block}
#upad4_8 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 17%;
	text-align:center;
}
#upad4_8 .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:700px;
}

#upad4_9{margin-bottom:0px;}
#upad4_9 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_9 .bg img{display:block}
#upad4_9 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 17%;
	text-align:center;
}
#upad4_9 .txt p
{
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:600px;	
}

#upad4_10{margin-bottom:0px;}
#upad4_10 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_10 .bg img{display:block}
#upad4_10 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 20%;
	text-align:center;
}
#upad4_10 .txt .int
{
	width:100%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#upad4_10 .txt .int p{width:90%; max-width:600px;}

#upad4_11{background-color:#000}
#upad4_11 .bg {width: 100%;position:relative; overflow:hidden}
#upad4_11 .bg img{display:block}
#upad4_11 .txt {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0%;
	top: 15%;
	text-align:center;
	color:#fff;
}
#upad4_11 .txt p
{
	width:90%;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}



.info {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 100px;
}
.info .l
{
	float: left;
	width: 50%;
	padding-top: 20px;
}
.info .r
{
	float: left;
	width: 50%;
	padding-top: 20px;
}
.info h2.title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.info .r h2 {
	font-weight: normal;
	position: relative;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
}
.info .r h2 a {
	font-size: 14px;
	position: absolute;
	top: 7px;
	right: 0px;
}
.info .r .price span {
	color: #F00;
	display: inline-block;
	margin-left: 20px;
	font-size:24px;
	font-weight:bold;
}
.info .r .price i
{
	font-size: 12px;
	font-style: normal;
	display: inline-block;
	margin-left: 10px;
}
.info .r .remark {
	color: #999;
	margin-bottom: 20px;
	padding-top: 20px;
}
.info .r h3 {
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #efefef;
	text-align: right;
	color: #F00;
	line-height: 50px;
	font-size: 21px;
}
.info .r h3 span {
	font-size: 12px;
	color: #999;
	display: inline-block;
	margin-left: 4px;
	font-weight: normal;
}
.info .r h3 em
{
	display: inline-block;
	font-style: normal;	
}
.info .r h3 i
{
	display: inline-block;	
	margin-left: 20px;
	font-style: normal;		
}
.info .r .ckbox {text-align: right;}
.info .r a.btn
{
	font-size:17px;
	background-color: #3b70d3;
	line-height: 42px;
	height: 42px;
	display: inline-block;
	width: 240px;
	text-align: center;
	color: #FFF;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	transition: left 0.4s;
	-moz-transition: left 0.4s;
	-webkit-transition: left 0.4s;
	-o-transition: left 0.4s;	
}
.info .r a.btn:hover{background-color: #005aff;}
.info .r a.btn img
{
	display:inline-block;
	margin-bottom:-6px;
	margin-left:5px;
}

.info .r .acbox {
	display: block;
	width: 200px;
	border: 1px solid #82aeff;
	position: relative;
	line-height: 40px;
	height: 40px;
	text-align: center;
	background-color: #e4edfd;
	margin-bottom: 14px;
}
.info .r .acbox span.reduce
{
	background-image: url(../image/+-.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	height: 40px;
	width: 40px;
	left: 0px;
	top: 0px;
	cursor: pointer;
	background-position: 0px 0px;
}
.info .r .acbox span.reduce:hover{background-position: -40px 0px;}
.info .r .acbox span.increase
{
	background-image: url(../image/+-.png);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 2;
	height: 40px;
	width: 40px;
	top: 0px;
	cursor: pointer;
	background-position: 0px -40px;
	right: 0px;
}
.info .r .acbox span.increase:hover{background-position: -40px -40px;}
.info .r .acbox input {
	position: absolute;
	z-index: 1;
	height: 40px;
	width: 50%;
	left: 25%;
	top: 0px;
	border: none;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	font-size: 15px;
	line-height: 40px;
	background-color: transparent;
	overflow: hidden;
}
.info .r .tcbox {
	display: block;
	width: 100%;
	max-width: 280px;
	border: 1px solid #e8e8e8;
	position: relative;
	height: 0px;
	background-color: #f8f8f8;
	margin-bottom: 10px;
	padding-top: 40px;
	z-index:3;
}
.info .r .tcbox input {
	position: absolute;
	z-index: 1;
	height: 40px;
	width: 96%;
	left: 0%;
	top: 0px;
	border: none;
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	font-size: 15px;
	line-height: 40px;
	background-color: transparent;
	overflow: hidden;
	padding-left: 4%;
}
.country-container {
	border: 1px solid #efefef;
	position: absolute;
	z-index: 2;
	height: 280px;
	width: 100%;
	left: -1px;
	top: 40px;
	overflow: hidden;
	background-color: #FFF;
	display:none;
}
.country-container .country-code {
	overflow: scroll;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	overflow-x:hidden;
}
.country-container .header {
	line-height: 24px;
	height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
	color: #F60;
	background-color: #FC9;
	padding-right: 10px;
	padding-left: 10px;
}
.country-container li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f6f6f6;
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	font-size: 13px;
	position:relative;
}
.country-container li:hover {background-color:#e6e6e6;}
.country-container li.onthis {background-color:#0092dd; color:#FFF}
.country-container li span.record-code {
	color: #999;
	position: absolute;
	top: 0px;
	right: 10px;
}
.country-container li.onthis span.record-code {color: #fff;}
#sc_cycode {
	cursor: pointer;
	z-index: 4;
}
#sc_cycode .txt {
	position: absolute;
	height: 100%;
	width: 96%;
	padding-left:4%;
	top: 0px;
	line-height:40px;
	color:#777;
}
#sc_cycode img
{
	position: absolute;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e8e8e8;
	right: 0px;
}

.info .r .dcbox {
	display: block;
	width: 200px;
	border: 1px solid #e8e8e8;
	position: relative;
	height: 0px;
	background-color: #f8f8f8;
	margin-bottom: 20px;
	overflow: hidden;
	padding-top: 40px;
	z-index:2;
}
.info .r .dcbox span {
	text-align: center;
	position: absolute;
	height: 40px;
	width: 100%;
	left: 0px;
	top: 0px;
	line-height: 40px;
	color: #999;
	cursor:pointer;
}
.info .r .dcbox p
{
	width: 100%;
	margin-bottom: 10px;
	height: 38px;
	position: relative;
	line-height: 38px;
}
.info .r .dcbox input
{
	height: 36px;
	border: 1px solid #e7e7e7;
	width: 96%;
	padding-left: 2%;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: transparent;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.info .r .dcbox em
{
	height: 38px;
	width: 96%;
	padding-left: 2%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	font-style: normal;
	color: #777;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;		
}
.info .r .dcbox p.onthis em
{
	height: 14px;
	width: auto;
	font-size:12px;
	line-height:14px;
	top:-7px;
	padding-left: 1%;
	padding-right:1%;
	background-color:#FFF;
	z-index:4;
	left: 2%;
}
.info .r .dcbox.onthis
{
	width: 98%;
	height:auto;
	border: 1px solid #fff;
	background-color: #fff;
	padding-top:10px;
}
.info .r .dcbox.onthis span{display:none;}
.info img.paypal
{
	width: 96%;
	max-width: 220px;
}

#load {
	position: fixed;
	z-index: 8;
	height: 0%;
	width: 0%;
	left: 0px;
	top: 0px;
	overflow:hidden;
}
#load.onthis
{
	height: 100%;
	width: 100%;	
}
#load .bg {
	position: absolute;
	height: 40%;
	width: 40%;
	left: 30%;
	top: 30%;
	z-index: 1;
	background-color: #fff;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-moz-border-radius: 10px;
	border-radius: 10px;		
}
#load .bd {
	background-image: url(../image/load.gif);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 3;
	height: 40%;
	width: 40%;
	left: 30%;
	top: 30%;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 30px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 30px;
	box-shadow: rgba(0,0,0,0.2) 0px 1px 30px;
}

.pdt {
	width: 100%;
	padding-top:40px;
	padding-bottom:140px;
	position: relative;
}
.pdt .bg {
	width: 100%;
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width:1200px;
}
.pdt #hint {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: 25%;
	top: 200px;
	z-index: 2;
}
#hint .txt {
	padding: 30px;
	text-align: left;
	position: relative;
	z-index: 2;
}
#hint .txt img {
	margin-bottom: 10px;
	display:block;
	margin-left:auto;
	margin-right:auto
}
#hint .bg {

	position: absolute;
	height: 100%;
	width: 100%;
	left: 0%;
	top: 0%;
	z-index: 1;
	background-color: #fff;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}




@media only screen and (max-width: 1280px)
{
	body{font: 14px/1.55 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
	
	
	.ibox {margin-bottom: 80px;}
	#one .bg {padding-top:50px;}
	#one .txt h1 {font-size: 43px;line-height: 43px;margin-bottom: 20px;height: 43px;}	
	#one .txt h1 img{ margin-left:15px; margin-bottom:-6px;}

	#two .txt {width: 35%;left: 6%;top: 30%;}
	#two .rbox img {width: 140%;left: -20%;top: -20%;}
	
	#three .lbox {width: 50%;}
	#three .lbox img{width:110%;left:-15%;}
	#three .txt {width: 46%;left: 50%;top: 13%;}
	
	#four .bg {padding-top: 40px;}
	#four .txt {padding-bottom: 80px;}
	#bear {left: 100px;}
	
	#six .bg {width: 120%;left:-10%;padding-top: 40px;margin-bottom:40px;}
	
	#seven .bg {padding-top: 60px;}
	

	#nine .lbox img{width:120%; left:-10%;}
	
	#ten {padding-bottom: 80px;}
	#ten img{width:110%;left:-5%}

	#table tr td {padding: 8px;}
	#table div {line-height: 70px;height: 70px;width:70px;margin-right: 5px;}
	#table div.big {width: 110px;}
	#table p {line-height: 15px;color: #999;font-size:13px;}
	
	#content {padding-top: 120px;padding-bottom: 80px;text-align: center;}
	#content p {margin-bottom: 80px;}
}
@media only screen and (max-width: 1000px)
{
	body{font: 13px/1.45 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}
	
	.ibox h1{font-size:23px;}
	.ibox h2{margin-bottom: 15px;}
	
	#subnav {padding-top:10px;padding-bottom:10px;}
	#subnav .int{line-height: 24px;height:auto;}
	#subnav .bar {position:relative; z-index:2}
	#subnav h2 { margin-bottom:5px;}
	#subnav .bar a.but{padding-left:10px;padding-right:10px;margin-left:10px;}
	
	.ibox {margin-bottom: 60px;}
	#one .bg {padding-top:100px;width: 105%;}
	#one .txt h1 {font-size: 40px;line-height:40px;margin-bottom: 5px;height:40px;}
	#one .txt h1 img{ margin-left:15px; margin-bottom:-6px;}
	#one .txt h3 {margin-bottom: 10px;}
	#one .txt h2 {font-size: 26px;line-height:26px;}
	
	
	#two .txt {width: 45%;left: 3%;top: 30%;}
	#two .rbox img {width: 160%;left: -30%;top: -30%;}
	
	#three .lbox {width: 40%;}
	#three .lbox img{width:200%;left:-100%;}
	#three .txt {width: 50%;left: 45%;top: 10%;}
	
	#four .bg {padding-top: 20px;}
	#four .txt {padding-bottom: 60px;}
	#bear {height: 85px;width: 170px;left: 60px;bottom: 20px;}
	#bear img {height: 85px;width: 1360px;}
	#mountain {height: 100px;width: 100%;padding-bottom:20px;background-image: url(../image/bg-mountain-100.png);}
	
	#five .bg {margin-bottom: 30px;}
	#five .power img {max-width:60px;}
	
	#six .bg {width: 160%;left:-30%;padding-top: 20px;margin-bottom:20px;}
	#six{ padding-bottom:30px;}
	#seven .bg {padding-top: 40px;}
	#seven{ padding-bottom:30px;}
	
	#eight .bg {padding-top: 100px;margin-bottom:40px;}
	#eight .txt {padding-bottom:80px;}
	

	#nine .lbox img{width:180%; left:-60%;}
	#nine .txt {top: 3%;}
	
	#ten {padding-bottom: 60px;}
	#ten img{width:120%;left:-10%}	
	
	ul li strong {font-size: 45px;line-height: 45px;}	
	
	#table tr td {padding: 5px;}
	#table div {line-height: 60px;height: 60px;width:60px;margin-right: 5px;-moz-border-radius: 6px;border-radius: 6px;}
	#table div.big {width: 80px;}
	#table p {clear: both;line-height: 14px;color: #999;font-size:12px;}	
	#table .green{border: 1px solid #32b16d;background-color:#d9ffeb;}
	
	#poster img {margin-bottom:20px;}
	#content {padding-bottom: 60px;}
	#content p {margin-bottom: 60px;}
	
	#upad4_1 .bg {width: 150%; left:-25%;margin-top:30px;}
	#upad4_1 .txt {top: 15%;}
	#upad4_1 .txt h1 {font-size: 38px;line-height: 38px;font-weight: normal;margin-bottom: 8px;height: 38px; margin-bottom:15px;}
	#upad4_1 .txt h1 img{ margin-left:15px; margin-bottom:-6px;}
	#upad4_1 h2{font-size: 28px;line-height: 28px;}
	#upad4_1 h2 span{font-size: 14px;margin-left: 5px;}
	#upad4_1 a.buy{height: 36px;width: 160px;border: 2px solid #F00;line-height: 36px;-moz-border-radius: 5px;border-radius: 5px;}
	
	#upad4_2 .bg {width: 140%; left:-20%;}
	#upad4_3 .bg {width: 150%; left:-20%;}
	#upad4_3 .txt .int p{width:60%; max-width:600px;}
	#upad4_4 .bg {width: 150%; left:-25%;}
	#upad4_5 .bg {width: 150%; left:-25%;}
	#upad4_6 .bg {width: 150%; left:-25%;}
	#upad4_7 .bg {width: 150%; left:-25%;}
	#upad4_8 .bg {width: 150%; left:-25%;}
	#upad4_8{padding-top:20px;}
	#upad4_8 .txt{top: 15%;}
	
	#upad4_9 .bg {width: 150%; left:-25%;}
	#upad4_10 .bg {width: 150%; left:-25%;}
	
	#upad4_10{padding-top:60px;}
	#upad4_10 .txt {top: 12%;}
	#upad4_10 .txt .int{text-align:center;}
	#upad4_10 .txt .int p{margin-left:auto; margin-right:auto}
	#upad4_11 .bg {width: 150%; left:-25%;}
	#upad4_11{ padding-top:40px;}
	#upad4_11 .txt {top: 12%;}
	
	.info {width:96%; padding-top:10px; padding-bottom:50px;}
	.info .l{float: none;width: 100%; padding-top:0px;}
	.info .r{float: none;width: 100%;padding-top: 20px;}
	
	#load .bg {width: 70%;left: 15%;}
	#load .bd {width: 70%;left: 15%;}
	.info .r h2 span {display: block;margin-left: 0px;}	
	.info .r h3 {text-align: left;}
	.info .r .ckbox {text-align: left;}	
	
	.pdt .bg {width: 120%;left:-10%;}
	.pdt #hint {width: 70%;left: 15%;top: 150px;}
}
@media only screen and (max-width: 600px)
{
	body{font:12px/1.35 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}
	
	.ibox h1{font-size:17px;}
	.ibox h2{margin-bottom: 10px;}
	
	#subnav .bar a.but{padding-left:6px;padding-right:6px;margin-left:10px;}
	
	.ibox {margin-bottom: 40px;}
	#one .bg {padding-top:50px;width: 130%; left:-14%}	
	#one .txt {top: 15%;}
	#one .txt h1 {font-size: 30px;line-height: 30px;margin-bottom: 5px;height: 30px;}
	#one .txt h1 img{ margin-left:10px; margin-bottom:-4px;}
	#one .txt h2 {font-size: 20px;line-height:20px;}
	
	#two .rbox {width: 70%;float:none;margin-left:auto;margin-right:auto}
	#two .txt {position:relative;width: 100%;left: 0%;top:0%;text-align:center}
	#two .txt p{width:90%;max-width:600px;margin-left:auto;margin-right:auto;}
	#two .rbox img {position: relative;width: 100%;left: 0%;top: 0%;}
	
	#three .lbox {float:none;width: 100%;position: relative;}
	#three .lbox img{width:70%;left:0%;}
	#three .txt {position:relative;width: 100%;left: 0%;top: 0%;text-align:center;}
	#three .txt p{ margin-left:auto; margin-right:auto}

	#four .bg {padding-top: 0px;}
	#four .bg .com {width: 100%;}
	#four .txt {padding-bottom: 20px;}
	#bear {height: 60px;width: 120px;left: 20px;bottom: 30px;}
	#bear img {height: 60px;width: 960px;}
	#mountain {height: 60px;padding-bottom:30px;background-image: url(../image/bg-mountain-60.png);	}
	
	#five .bg {margin-bottom: 30px;}
	#five .power img {max-width:40px;}
	
	#six .bg {width: 180%;left:-40%;padding-top: 0px;margin-bottom:0px;}
	
	#seven .bg {padding-top: 20px;}
	
	#eight .bg {padding-top: 80px;margin-bottom:20px;}
	#eight .txt {padding-bottom:40px;}
	
	
	#nine .lbox {float:none;width:100%; margin-bottom:20px;}
	#nine .lbox img{width:80%; left:0%; margin-left:auto; margin-right:auto; display:block}
	#nine .txt {float:none;width: 100%;position:relative;padding-left: 0%; padding-right:0%;top: 0%; text-align:center}
	#nine .txt p{ margin-left:auto; margin-right:auto}
	
	#ten {padding-bottom: 40px;}
	#ten img{width:130%;left:-15%}		
	
	ul.ul2 li {height: 60px;margin-bottom:10px;}
	ul li strong {font-size: 35px;line-height: 35px;}
	ul.ul3 li {height: 60px;margin-bottom:10px;}
	ul.ul4 li {height: 60px;width: 50%;margin-bottom:10px;}
	
	/*#poster {padding-top: 100px; padding-bottom:50px;}
	#parameter {padding-top: 100px;padding-bottom:50px;}*/	
	
	#table div {line-height: 50px;height: 50px;width:50px;margin-right:5px;-moz-border-radius: 3px;border-radius: 3px;}
	#table div.big {width: 80px;}
	#table p {line-height: 14px;font-size:12px;}
	
	#content {padding-bottom: 40px;}
	#content p {margin-bottom: 40px;}
	
	#upad4_1 .bg {width: 200%; left:-50%; margin-top:60px;}
	#upad4_1 .txt {top: 11%;}
	#upad4_1 .txt h1 {font-size: 26px;line-height: 26px;font-weight: normal;margin-bottom: 8px;height: 26px; margin-bottom:10px;}
	#upad4_1 .txt h1 img{ margin-left:10px; margin-bottom:-4px;}
	#upad4_1 h2{font-size: 21px;line-height: 21px;}
	#upad4_1 h2 span{font-size: 13px;margin-left: 5px;}
	#upad4_1 a.buy{height: 30px;width: 120px;border: 1px solid #F00;line-height: 30px;-moz-border-radius: 3px;border-radius: 3px;}
	
	
	#upad4_2{ padding-top:60px;}
	#upad4_2 .bg {width: 160%; left:-30%;}
	#upad4_2 .txt {top: 12%;}
	#upad4_3 .bg {width: 190%; left:-60%;}
	#upad4_3 .txt{ position:relative; padding-bottom:40px; text-align:center}
	#upad4_3 .txt .int p{width:100%; max-width:600px;}
	#upad4_3 .txt .box{width: 31.3332%;max-width:300px;margin-right: 1%;margin-left:1%;}		
	
	#upad4_4 .bg {width: 190%; left:-45%;}
	#upad4_5 .bg {width: 190%; left:-45%;}
	#upad4_6 .bg {width: 190%; left:-45%;}
	#upad4_7 .bg {width: 190%; left:-45%;}
	#upad4_8 .bg {width: 190%; left:-45%;}
	#upad4_8{padding-top:40px;}
	#upad4_8 .txt{top: 12%;}
	
	#upad4_9 .bg {width: 190%; left:-45%;}
	#upad4_10 .bg {width: 190%; left:-45%;}
	#upad4_11 .bg {width: 190%; left:-45%;}
	#upad4_11{ padding-top:140px;}
	#upad4_11 .txt {top: 10%;}
	
	#load .bg {width: 90%;left: 5%;}
	#load .bd {width: 90%;left: 5%;}	
	#film .ibox {width: 100%;}
	
	.pdt .bg {width: 140%;left:-20%;}
	.pdt #hint {width: 92%;left: 4%;top: 120px;}
	#hint .txt {padding: 15px;}
}