@charset "utf-8";
/*全局默认样式*/
*{margin:0;padding:0;list-style-type:none;border:0}
body{font:14px/30px "微软雅黑", Verdana, Lucida ,Helvetica,sans-serif; height:100%; overflow-x:hidden; color:#FFF; background:url(../images/bg.png) no-repeat 50% 0%;}
h1,h2{font-size:18px; font-weight:normal} h3,h4{font-size:16px; font-weight:normal}
em,i{font-style:normal}
#main_width{width:1160px; margin:0 auto}
ul,li{list-style-type:none}
a{text-decoration:none; color:#FFF; cursor:pointer; outline:none}a:hover{color:#E81C3D}
.clear{clear:both}

/*top*/
.top{height:35px; line-height:35px; background:#000; } 
	.logo{width:120px; float:left; margin-right:20px; padding:2px 0}
	.nav{width:855px; float:left; font-size:12px; color:#333}
		.nav a{padding:0 5px;color:#666} .nav a:hover{color:#F00;}
 	.jiathis_style{width:155px; margin-top:8px; float:left}
	
	
/*main*/
.main{width:1160px; margin:0 auto}
.page_more a{width:80px; height:34px; line-height:34px; margin:1050px 0 0 900px; display:block; background:#c1e2eb; color:#FFF; border-radius:20px; text-align:center}
.page_more a:hover{background:#74c4d6}

.page02{margin-top:245px; margin-bottom:50px; height:300px}	.video video{width:485px; height:325px; float:left; margin-right:60px; background:#000; border:5px solid #FFF}
.page02_txt{width:585px; float:left; padding-top:50px}
.page02_s_txt{float:left; width:260px; margin-right:30px} .page02_s_txt strong{display:block}

.page03{margin-top:300px} .page03 p{text-indent: 24px;margin:5px}

.page04{margin-top:270px}
.page04_left{width:485px; height:325px; float:left; margin-right:210px}

.page05{margin-top:235px; margin-bottom:120px}

/*t_line_center*/
.nTab .TabTitle{clear:both; height:70px; display:block; float:right; overflow:hidden}
.nTab .TabTitle li{width:40px; height:40px; padding:15px; float:left;cursor:pointer; display:block; border-radius:35px; line-height:18px; background:#c1e2eb; text-align:center; font-size:20px; background:}
.nTab .TabTitle li a{color:#FFF} 
.nTab .TabTitle .active{background:#74c4d6}
.nTab .TabContent{padding-top:100px}
.none {display:none}

/*content start*/

.pre_wrap {background: #f9f9f9;padding: 5px 5px 5px 14px;margin-bottom: 33px;margin-top: 32px}
.pre_wrap span.label {color: #999;font-size: 12px;font-style: italic;display: block;padding-left: 5px;padding-top: 5px}
.syntaxhighlighter {font-size: 12px;}
.slides1_wrap {position: relative;padding: 20px 0 0 49px;width:1160px; height:478px}
#slides1 {overflow: hidden;height:650px;}
#slides1 li {list-style: none;width:1160px}
#slides1 li img {float: left;}
#slides1 .content {float:left;width:1160px;padding-left: 21px;}
#slides1 li p{line-height: 22px;}

#slides1 h4 {font-size: 18px;color: #000;font-style: italic;font-weight: normal;text-transform: lowercase;padding-bottom: 16px;}
.slides1_wrap .prev {
	position: absolute;
	left: -6px;
	top: 150px;
	outline: 0;
}
.slides1_wrap .next {
	position: absolute;
	right: 30px;
	top:150px;
	outline: 0;
}
.slides1_wrap a:active {
	top: 150px;
}
.auto_controls {display:none} .bx_pager{display:none}
#content #notes li, #content #changes li {
	font-size: 12px;
	color: #8f8f8f;
	margin-left: 43px;
	padding-bottom: 6px;
}
.cp_nr{width:670px; height:390px;  margin-left:20px; overflow:auto; float:left;} #slides1 h3{font-size:36px; margin-bottom:10px; margin-top:50px; padding:10px 0; color:#0091b3; border-bottom:2px solid #0091b3}  #slides1 span{display:block; font-size:18px; line-height:24px; color:#0091b3;}#slides1 i{font-size:18px; display:block; margin:10px 0; padding:10px; background:#74c4d6}
#slides1 img{float:left; height:380px;} .cp_nr span a{border:1px solid #FFF; width:80px; height:24px; line-height:24px; text-align:center; margin-top:30px; display:block; color:#FFF; font-size:12px;} .cp_nr span a:hover{border:1px solid #f3cc75; color:#f3cc75;box-shadow: inset 0px 0px 5px #f3cc75;}

.cbo_message{width:700px; border:5px solid #74c4d6; float:left; overflow:auto; height:280px; padding:20px; background:#FFF; }
.cbo_zz{width:200px; color:#FFF; float:left;margin:0 40px; background:url(../images/cbo_line.jpg) no-repeat right; padding-right:30px}
.cbo_ewm{width:78px; color:#FFF; float:left} .cbo_ewm i{display:block; text-align:center} .cbo_ewm span{margin-bottom:20px; display:block; width:96px;}

.footer{margin-top:20px} .footer p{text-align:center; line-height:24px;} .footer p a{color:#FFF; margin:0 10px}


@-webkit-keyframes cir1 {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg) rotateZ(10deg);
  }
}
@keyframes cir1 {
  0% {
    transform: rotateY(0deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-360deg) rotateZ(10deg);
  }
}
@-webkit-keyframes cir2 {
  0% {
    -webkit-transform: rotateY(-60deg) rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateY(-420deg) rotateZ(10deg);
  }
}
@keyframes cir2 {
  0% {
    transform: rotateY(-60deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-420deg) rotateZ(10deg);
  }
}
@-webkit-keyframes cir3 {
  0% {
    -webkit-transform: rotateY(-120deg) rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateY(-480deg) rotateZ(10deg);
  }
}
@keyframes cir3 {
  0% {
    transform: rotateY(-120deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-480deg) rotateZ(10deg);
  }
}
@-webkit-keyframes cir4 {
  0% {
    -webkit-transform: rotateY(-180deg) rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateY(-540deg) rotateZ(10deg);
  }
}
@keyframes cir4 {
  0% {
    transform: rotateY(-180deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-540deg) rotateZ(10deg);
  }
}
@-webkit-keyframes cir5 {
  0% {
    -webkit-transform: rotateY(-240deg) rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateY(-600deg) rotateZ(10deg);
  }
}
@keyframes cir5 {
  0% {
    transform: rotateY(-240deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-600deg) rotateZ(10deg);
  }
}
@keyframes cir {
  0% {
    transform: rotateX(80deg) rotateY(-5deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(80deg) rotateY(-5deg) rotateZ(-360deg);
  }
}


.u_p3d{
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
}

.ui_base {
    position: relative;
    width:1400px;
    height: 0px;
    margin:100px auto;
    -webkit-perspective: 1400px;
    -webkit-perspective-origin: 50% 0%;
    perspective: 1400px;
    perspective-origin: 50% 0%;
}
.base{
      position: relative;
    width:1400px;
    height: 350px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: cir 10s linear 0s infinite;
}
.ball_base {
    -webkit-transform-origin:740px 0px;
    transform-origin:740px 0px;
    position: absolute;
    top: 175px;
    left: -50px;
    width:440px;
    height:443px;
}
.ball{
	-webkit-transition:all 2s ease-out 0ms;
	transition:all 2s ease-out 0ms;

	position: absolute;
	width:440px;
	height:443px;
      left: 0px;
	top: 0px;

	opacity: 1;
	overflow: hidden;
}
		
.ball img{width:440px;
	height:443px;}

.ball_1 .ball {
    transform: rotateY(10deg) rotateZ(10deg);
    animation: cir1 10s linear 0s infinite;
    -webkit-transition-delay:1400ms !important;
	transition-delay:1400ms !important;
}
.ball_2 .ball {
     transform: rotateY(10deg) rotateZ(10deg);
    animation: cir2 10s linear 0s infinite;
		-webkit-transition-delay:1120ms !important;
	transition-delay:1120ms !important;
}
.ball_3 .ball {
    - transform: rotateY(10deg) rotateZ(10deg);
    animation: cir3 10s linear 0s infinite;
	-webkit-transition-delay:840ms !important;
	transition-delay:840ms !important;
}
.ball_4 .ball {
	 transform: rotateY(10deg) rotateZ(10deg);
    animation: cir4 10s linear 0s infinite;
	-webkit-transition-delay:560ms !important;
	transition-delay:560ms !important;
}
.ball_5 .ball {
	 transform: rotateY(10deg) rotateZ(10deg);
    animation: cir5 10s linear 0s infinite;
	-webkit-transition-delay: 280ms !important;
	transition-delay: 280ms !important;
}


.ball_1 {
    -webkit-transform: rotateX(-90deg) rotateY(0deg) translateY(-100px);
    transform: rotateX(-90deg) rotateY(0deg) translateY(-100px);
}
.ball_2 {
    -webkit-transform: rotateX(-90deg) rotateY(60deg) translateY(-100px);
    transform: rotateX(-90deg) rotateY(60deg) translateY(-100px);
}
.ball_3 {
    -webkit-transform: rotateX(-90deg) rotateY(120deg) translateY(-100px);
    transform: rotateX(-90deg) rotateY(120deg) translateY(-100px);
}
.ball_4 {
    -webkit-transform: rotateX(-90deg) rotateY(180deg) translateY(-100px);
    transform: rotateX(-90deg) rotateY(180deg) translateY(-100px);
}
.ball_5 {
    -webkit-transform: rotateX(-90deg) rotateY(360deg) translateY(-100px);
	transform: rotateX(-90deg) rotateY(240deg) translateY(-100px);
}
#img img{ width:512px; height:512px; position:absolute; z-index:1;

-webkit-animation:circle 5s infinite linear; transform: rotateY(0) rotateZ(0);
    animation: cir5 10s linear 0s infinite;
	-webkit-transition-delay: 0 !important;
	transition-delay: 0!important;
}
@-webkit-keyframes circle{
0%{ transform:rotate(0deg)}

100%{ transform:rotate(-360deg) }


}
.ball_6 {
	-webkit-transform: rotateX(-90deg) rotateY(300deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(300deg) translateY(-70px);
}
.ball_6 .ball {
    -webkit-animation: cir6 10s linear 0s infinite;
	animation: cir6 10s linear 0s infinite;
	-webkit-transition-delay: 100ms !important;
		transition-delay: 100ms !important;
}

@-webkit-keyframes cir6 {
  0% {
    -webkit-transform: rotateY(-300deg) rotateZ(10deg);
  }
  100% {
    -webkit-transform: rotateY(-660deg) rotateZ(10deg);
  }
}
@keyframes cir6 {
  0% {
    transform: rotateY(-300deg) rotateZ(10deg);
  }
  100% {
    transform: rotateY(-660deg) rotateZ(10deg);
  }
}
#kefu1{position:fixed;right:20px;bottom:60px;z-index:10008;width:139px; height:262px;background:url('../images/bg1.png') no-repeat 0px}

.cs_close{position:absolute;right:5px;top:5px;width:32px;height:32px;background:url('../images/c_ico.png') no-repeat 0px}
.cs_close a{display:block;height:10px;}
.cs_close a span{display:none;}