*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{
	font-family: 'Microsoft YaHei',sans-serif;
}
.wrap{
	width: 100%;
	overflow: hidden;
}
/*head*/
.head{
	width: 100%;
	height: 50px;
	background: #fff;
}
.head .hBox{
	width: 960px;
	margin: 0 auto;
}
.head .hBox h1{
	background: url(../img/logo.png) no-repeat;
	width: 90px;
	height: 27px;
	margin-top: 13px;
}
.head .hBox h1 a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -999em;
}
.head .hBox .Hdiv{
	height: 27px;
	border-left: 1px solid #2f323a;
	padding-left: 7px;
	margin-left: 7px;
	margin-top: 13px;	
}
.head .hBox .Hdiv p{
	font-size: 14px;
	color: #2f323a;
	line-height: 15px;
	margin-top: -2px;
}
.head .hBox .tel{
	background: url(../img/tel.png) no-repeat left center;
	height: 24px;
	font-size: 16px;
	color: #10a7ed;
	font-weight: bold;
	line-height: 24px;
	margin-top: 13px;
	padding-left: 33px;
}
/*nav*/
.nav ul{
	width: 520px;
	margin-left: 37px;
}
.nav ul li{
	width: 102px;
	height: 50px;
	font-size: 16px;
	transition: 0.6s;
	text-align: center;
}
.nav ul li a{
	color: #2f323a;
	width: 100%;
	height: 100%;
	display: block;
	line-height: 50px;
	transition: 0.6s;
}
.nav ul li a.arrow{
	background: url(../img/arrow.png) no-repeat 120px center;
}
.nav ul li:hover{
	background: #10a7ed;
}
.nav ul li:hover a{
	color: #fff;
}
.nav ul li.fou{
	position: relative;	
}
.nav ul li.fou a{
	position: relative;
}
.nav ul li.fou a span{
	position: absolute;
	right: 4px;
	top: 23px;
	background: url(../img/arrow3.png) no-repeat;
	width: 10px;
	height: 6px;
}
.nav ul li.fou:hover span{
	background: url(../img/arrow4.png) no-repeat;
}
.nav ul li.fou ul{
	width: 100px;
	height:94px;
	border: 1px solid #7fa6cd;
	border-top: none;
	position: absolute;
	left: 0px;
	top: 50px;	
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 9999;
	margin-left: 0;
}
.nav ul li.fou ul li{
	width: 100px;
	height: 30px;	
	border-bottom: 1px dashed #92bccc;
}
.nav ul li.fou ul li:hover a{
	color: #fff;
}
.nav ul li.fou ul li a{
	line-height: 30px;
}
.nav ul li.fou ul li.last{
	border-bottom: none;
}
.nav ul li.fou:hover ul{
	opacity:1;
	filter:alpha(opacity=100);
	background: #fff;
}
.nav ul li.fou ul a{
	font-size: 14px;
	color: #706c69;
}
.nav ul li.fou ul li:hover a{
	color: #706c69;
	transition: 0s;
}
.nav ul li.fou ul li:hover{
	background: #fff;
	transition: 0s;
}

/*banner*/
.bKf{
	width: 100%;
	height: 500px;
	display: block;
}
#banner{
    margin: 0 auto;
    width:100%;
    min-width:1000px;;
    height:500px;
    position:relative;
}
#banner .dianul{
    left:50%;
    position:absolute;
    bottom:25px;
    width: 150px;
    margin-left: -75px;
}
#banner .dianul li{
    width:35px;
    height:8px;
    float: left;
    cursor:pointer;
    margin-right: 15px;
    background: #e0e0e0;
}
#banner .dianul li.cur{
    background:#03c4d5;
}
#banner .maonimen{
    margin: 0 auto;
    width:100%;
    min-width:1000px;
    perspective:1000px;
}
#banner .maonimen > div{
    margin:0 auto;
    width:1000px;
    height:500px;
    position:relative;
}
#banner .maonimen div div{
    width:240px;
    height:183.33px;
    position: absolute;
    background:url(../img/0.jpg) no-repeat center;
}
#banner .maonimen.fei div div{
    transform-style: preserve-3d;
    opacity:0;
    filter:alpha(opacity=0); 
}

#banner .maonimen.fei div div:nth-child(1){transform:rotate(-120deg) rotateX(180deg) rotateY(-90deg) scale(1.5);margin-left:-400px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(2){transform:rotate(60deg) rotateX(-180deg) rotateY(220deg) scale(1.5);margin-left:-500px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(3){transform:rotate(-180deg) rotateX(90deg) rotateY(-270deg) scale(1.5);margin-left:-200px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(4){transform:rotate(80deg) rotateX(-220deg) rotateY(-110deg) scale(1.5);margin-left:-100px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(5){transform:rotate(220deg) rotateX(60deg) rotateY(-360deg) scale(1.5);margin-left:100px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(6){transform:rotate(120deg) rotateX(-120deg) rotateY(120deg) scale(1.5);margin-left:200px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(7){transform:rotate(-360deg) rotateX(80deg) rotateY(220deg) scale(1.5);margin-left:300px;margin-top:-200px;}
#banner .maonimen.fei div div:nth-child(8){transform:rotate(60deg) rotateX(150deg) rotateY(-160deg) scale(1.5);margin-left:400px;margin-top:-200px;}

#banner .maonimen.fei div div:nth-child(9){transform:rotate(30deg) rotateX(180deg) rotateY(90deg)scale(1.5);margin-left:-400px}
#banner .maonimen.fei div div:nth-child(10){transform:rotate(-40deg) rotateX(90deg) rotateY(180deg)scale(1.5);margin-left:-300px}
#banner .maonimen.fei div div:nth-child(11){transform:rotate(60deg) rotateX(-180deg) rotateY(180deg)scale(1.5);margin-left:-200px}
#banner .maonimen.fei div div:nth-child(12){transform:rotate(-80deg) rotateX(-360deg) rotateY(60deg) scale(1.5);margin-left:-100px}
#banner .maonimen.fei div div:nth-child(13){transform:rotate(120deg) rotateX(60deg) rotateY(-360deg) scale(1.5);margin-left:100px}
#banner .maonimen.fei div div:nth-child(14){transform:rotate(-20deg) rotateX(80deg) rotateY(-180deg) scale(1.5);margin-left:200px}
#banner .maonimen.fei div div:nth-child(15){transform:rotate(-70deg) rotateX(-180deg) rotateY(90deg) scale(1.5);margin-left:300px}
#banner .maonimen.fei div div:nth-child(16){transform:rotate(110deg) rotateX(180deg) rotateY(20deg) scale(1.5);margin-left:400px}

#banner .maonimen.fei div div:nth-child(17){transform:rotate(-80deg) rotateX(-30deg) rotateY(70deg) scale(1.5);margin-left:-400px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(18){transform:rotate(-110deg) rotateX(-60deg) rotateY(-30deg) scale(1.5);margin-left:-300px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(19){transform:rotate(60deg) rotateX(120deg) rotateY(80deg) scale(1.5);margin-left:-200px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(20){transform:rotate(-20deg) rotateX(30deg) rotateY(-360deg) scale(1.5);margin-left:-100px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(21){transform:rotate(130deg) rotateX(-110deg) rotateY(320deg) scale(1.5);margin-left:100px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(22){transform:rotate(-160deg) rotateX(240deg) rotateY(120deg) scale(1.5);margin-left:200px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(23){transform:rotate(90deg) rotateX(20deg) rotateY(70deg) scale(1.5);margin-left:300px;margin-top:200px;}
#banner .maonimen.fei div div:nth-child(24){transform:rotate(-160deg) rotateX(80deg) rotateY(-80deg) scale(1.5);margin-left:400px;margin-top:200px;}

.zhentu{
    top:0;
    width:100%;
    height:500px;
    position:absolute;
    background:url("../img/0.jpg") no-repeat center;
}
/*part1*/
.part1{
	text-align: center;
	padding-bottom: 50px;
}
.part1 h2{
	font-size: 38px;
	color: #333;
	padding-top: 58px;
}
.part1 i{
	display: block;
	margin: 20px auto 28px;
	background: url(../img/pot.png) no-repeat;
	width: 50px;
	height: 10px;
}
.part1 .text{
	font-size: 18px;
	color: #999;
	padding-bottom: 45px;
	line-height: 28px;
}
.part1 .text1{
	width: 828px;
	margin: 0px auto;
	text-align: justify;
}
.part1 .drag{
	background: url(../img/monitor.png) no-repeat;
	width: 845px;
	height: 562px;
	margin: 0 auto;
	position: relative;
}
.part1 .drag .dragBox{
	width: 810px;
	height: 497px;
	margin: 0 auto;
	position: relative;
	top: 16px;
	overflow: hidden;
}
#video{
	width: 0px;
	position: absolute;
	left: 0px;
	top: 0;
	overflow: hidden;
}
#oImg{
	width: 809px;
	height: 496px;
	position: absolute;
	right: 0px;
	top: 0;
	overflow: hidden;
}
#drag{
	background: url(../img/scroll.png) no-repeat;
	width: 31px;
	height: 511px;
	position: absolute;
	left: 0px;
	top: 8px;
	cursor: pointer;
}










/*.index-wrap{
	height: 562px;
}
.index-monitor {
	background: url(../img/monitor.png) no-repeat;
	width: 845px;
	height: 562px;
	margin: 0 auto;
}
.index-monitor-inner {
	position: relative;
	width: 809px;
	height: 496px;
	left:14px;
	top: 17px;
}
.index-monitor-handle {
	position: absolute;
	top: -10px;
	bottom: -10px;
	width: 6px;
	background: url(../img/scroll.png) no-repeat;
	width: 31px;
	height: 511px;
}
.index-monitor-handle{
	margin-left:-8px;
}
.index-monitor-left {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.index-monitor-left .circle {
	position: absolute;
	width: 70px;
	height: 70px
}
.index-monitor-right {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/scrubber-right.png) bottom no-repeat;
}*/

/*part2*/
.part2{
	background: #eaeaea;
}
.g_box_content{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing:border-box;
}
.part2_box{
	width: 1000px;
	margin:50px auto 0px;
}
.part2_mian{
	width: 850px;
	width: 1000px \9;
	background: url(../img/key.png) center bottom no-repeat;
	height: 440px;
	margin:0 auto;
	position: relative;
	padding-bottom: 5px;
	
	transformStyle:preserve-3d;
	-webkit-perspective: 400px;
	perspective: 400px;
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	
}
.part2_mian strong{
	width: 215px;
	height: 275px;
	position: absolute;
	left: 14px;
	top: 44px;
	z-index: 999;
}
.part2_item1{
	width: 593px;
    height: 361px;
	background: url('../img/top.png') no-repeat top center;
	position: absolute;
	
	-webkit-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	-ms-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	z-index: 10; 
	
	-webkit-transform:translateX(39%) scale(1);
	-moz-transform:translateX(39%) scale(1);
	-ms-transform:translateX(39%) scale(1);
	transform:translateX(39%) scale(1); /*动画一个变量*/
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
	
}
.part2_item2{
	width: 593px;
    height: 361px;
	background: url('../img/bott.png') no-repeat top center;
	position: absolute;
	z-index: 9; 	
	-webkit-transform:translateX(-10%) scale(0.75);
	-moz-transform:translateX(-10%) scale(0.75);
	-ms-transform:translateX(-10%) scale(0.75);
	transform:translateX(-10%) scale(0.75); /*动画一个变量*/
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	transition: all 2s;
}
.part2_item_btm_bg{
	position: absolute;
    width: 106%;
    bottom: -16px;
    left: -3%;
    z-index: -5;
}
.part2_item1_left{
	position: relative;
	width: 410px;
	height: 375px;
	padding-left: 30px;
	padding-top: 56px;
	float: left;
}
.part2_item1_right{
	float: right;
 	width: 183px;
 	height: 375px;
 	padding-right: 37px;
 	padding-top: 120px;
 	opacity: 0; 
 	filter:alpha(opacity=0); 
}
/*进入可视区域动画样式*/
.part2_acive .part1_left_shine{
	position: absolute;
    left: 100%;
    right: 0;
    top: 54px;
    bottom: 20px;
	background: #f77a2e;
	
	-webkit-animation: part1_left_shine_anim 3s ease-out;
	-moz-animation: part1_left_shine_anim 3s ease-out;
	-ms-animation: part1_left_shine_anim 3s ease-out;
	animation: part1_left_shine_anim 3s ease-out;
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
/*切换效果*/
.part2_mian_active .part2_item1{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	left: 0 \9; 
	z-index: 9; /*动画一个变量*/
	-webkit-transform:translateX(-10%) scale(0.75);
	-moz-transform:translateX(-10%) scale(0.75);
	-ms-transform:translateX(-10%) scale(0.75);
	transform:translateX(-10%) scale(0.75); /*动画一个变量*/
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	transition: transform 1s;
}
.part2_mian_active .part2_item2{
	-webkit-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	-ms-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	left: 50%\9; 
	z-index: 10; /*动画一个变量*/
	-webkit-transform:translateX(39%) scale(1);
	-moz-transform:translateX(39%) scale(1);
	-ms-transform:translateX(39%) scale(1);
	transform:translateX(39%) scale(1); /*动画一个变量*/
	
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	transition: transform 1s;
}

/*ie8*/
.part2_item1 {
	width: 490px \9;
	left: 0 \9;
}
.part2_item2 {
	width: 490px \9;
	left: 50% \9;
	float: right \9;
}
.part2_item1_left{
	width: 310px \9;
}
.part2_item1_left img{
	margin-top: 30px \9;
	width: 100% \9;
}
.part2_item1_right{
	width: 180px \9;
	opacity: 1 \9;
}
.part2_item_btm_bg {text-align: center\9;}
.part2_item_btm_bg img{ width: 90% \9; padding-left: 5% \9; -ms-box-sizing:box-contet;}
/*part3*/
.part3 h2{
	padding: 30px 0 20px 0;
}
.part3 .text{
	padding-bottom: 20px;
}
.part3 .p3Box{
	width: 870px;
	height: 606px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.part3 .p3Box .top{
	width: 4350px;
	position: absolute;
	left: 0px;
	top: 0;
}
.part3 .p3Box .top li{
	width: 870px;
}

.part3 .p3Box .top li h3{
	background: url(../img/border.png) no-repeat;
	width: 278px;
	height: 367px;
	margin-top: 30px;
	font-size: 16px;
	color: #545454;
	position: relative;
}
.part3 .p3Box .top li strong{
	background: url(../img/battery.png) no-repeat;
	width: 46px;
	height: 22px;
	position: absolute;
	left: 26px;
	bottom: 40px;
}
.part3 .p3Box .top li strong em{
	width: 4px;
	height: 12px;
	background: #00a8ff;
	display: block;
	margin: 5px 0 0 3px;
}
.part3 .p3Box .top li strong em.fir{
	margin-left: 5px;
}
.part3 .p3Box .top li h3 p{
	margin-top: 43px;
}
.part3 .p3Box .top li h3 p b{
	display: block;
	padding-left: 24px;
	margin-bottom: 20px;
}
.part3 .p3Box .top li h3 .p4 b{
	margin-bottom: 25px;
}
.part3 .p3Box .top li h3 p .b1{
	margin-bottom: 32px;
}
.part3 .p3Box .top li h3 p .b2{
	margin-bottom: 48px;
}
.part3 .p3Box .top li.sec h3 p .b2{
	margin-bottom: 72px;
}
.part3 .p3Box .top li h3 .p2{
	width: 126px;
	text-align: left;	
}
.part3 .p3Box .top li h3 .p3{
	width: 172px;
}
.part3 .p3Box .top li h3 .p2 b{
	padding-left: 18px;
}
.part3 .p3Box .top li h3 .p2 .b3{
	font-weight: bold;
	color: #ffa936;
}
.part3 .p3Box .top li h3 .p2 .b4{
	font-weight: bold;
	color: #1daeff;
}
.part3 .p3Box .top li a{
	width: 104px;
	height: 30px;
	border:1px solid #59c1ff;
	border-radius: 10px;
	line-height: 30px;
	font-size: 16px;
	color: #1daeff;
	display: block;
	margin-left: 86px;
}
#bott{
	width:870px;
	position: absolute;
	left: 50%;
	bottom:40px;
	margin-left: -433px;
}
#bott li{
	margin-right: 14px;
}
#bott li.last{
	margin-right: -14px;
}
#bott li img{
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
	cursor: pointer;
}
#bott li img.on{
	-webkit-filter: grayscale(0); 
	-moz-filter: grayscale(0); 
	-ms-filter: grayscale(0); 
	-o-filter: grayscale(0); 
	filter: grayscale(0); 
}
/*part4*/
.part4{
	background: #2060d0;
}
.part4 h2{
	color: #fff;
}
.part4 .p4Box{
	width: 1045px;
	margin: 0 auto;
}
.part4 .p4Box li{
	background: url(../img/border2.png) no-repeat center top;
	width: 261px;
	height: 402px;
}
.part4 .p4Box li h3{
	background: url(../img/border3.png) no-repeat;
	width: 209px;
	height: 92px;
	margin: 92px auto 0; 
	font-size: 16px;
	color: #00f0ff;
	text-align: left;
}
.part4 .p4Box li h3 p{
	margin-left: 32px;
	padding-top: 10px;
	line-height: 24px;
}
.part4 .p4Box li h3 span{
	font-weight: bold;
	font-size: 20px;
}
.part4 .p4Box li.sec h3{
	margin: 68px auto 0; 
}
.part4 .p4Box li.thr h3{
	margin: 71px auto 0; 
}
.part4 .p4Box li.fou h3{
	margin: 73px auto 0; 
}
.button{
	display: block;
	font-size: 20px;
	border-radius: 10px;
	margin: 45px auto 0;
	width: 210px;
	height: 38px;
	line-height: 38px;	
	background:#00ffd0;
	color: #262f5c;
	border: 1px solid #00ffd0;
}
.button:hover{
	transition: 0.6s;
	/*color: #262f5c;
	background:#00ffd0;*/
	border: 1px solid #00ffd0;
	background: none;
	color: #00ffd0;
	
}
/*part5*/
.part5 {
	padding-bottom: 70px;
}
.part5 .tv{
	background: url(../img/tv.png) no-repeat;
	width: 898px;
	height: 508px;
	margin: 0 auto;
	position: relative;
}
.part5 .tv b{
	position: absolute;
	left: -52px;
	bottom: -32px;
	background: url(../img/shadow.png) no-repeat;
	width: 1016px;
	height: 32px;
}
/*adv*/
.adv{
	background: url(../img/adv.jpg) no-repeat center ;
	width: 100%;
	height: 138px;
	text-align: center;
}
.adv h2{
	font-size: 26px;
	color: #f0e300;	
	padding-top: 22px;
	text-shadow: 0px 2px 3px #6e6e6e;
}
.adv h2 span{
	color: #fff;
	font-weight: bold;
}
.adv a{
	display: block;
	background: url(../img/button.png) no-repeat;
	width: 167px;
	height: 42px;
	margin: 22px auto 0;
	font-size: 20px;
	color: #fff;
	line-height: 36px;
}
/*part6*/
.part6 .com{
	background: url(../img/computer.png) no-repeat center top;
	width: 518px;
	height: 450px;
	margin: 60px auto 0;
	position: relative;
}
.part6 .com div{
	background: url(../img/border4.png) no-repeat center;
	width: 96px;
	height: 95px;
	position: absolute;
	font-size: 20px;
	color: #a3a3a3;
	line-height: 95px;
	font-weight: bold;
	cursor: pointer;
}
.part6 .com div h3{
	position: absolute;
	width: 0px;
	height: 110px;
	left: -150px;
	top: -5px;
	overflow: hidden;
}
.part6 .com div.pos1{
	left: 22px;
	top: 60px;
}
.part6 .com div.pos1 .bg{
	position: absolute;
	left: 0;
	top: 0;
}
.part6 .com div.pos2{
	left: -70px;
	top: 248px;
}
.part6 .com div.pos3{
	left:200px;
	top: 350px;
}
.part6 .com div.pos4{
	left:416px;
	top: 286px;
}
.part6 .com div.pos5{
	left:478px;
	top: 104px;
}
.part6 .com div.on{
	color: #0cc8b9;
	background: url(../img/border5.png) no-repeat center;
	transition: 0.3s;
}
.part6 .com div em{
	position: absolute;
	background: url(../img/line1.png) no-repeat;
	width: 161px;
	height: 27px;
	right: 0;
	top: 0;
}
.part6 .com div em.em2{
	background: url(../img/line2.png) no-repeat;
	top: 82px;
}
.part6 .com div.pos4 h3{
	left: 81px;
	top: -5px;
}
.part6 .com div.pos4 em{
	background: url(../img/line3.png) no-repeat;
}
.part6 .com div.pos4 em.em2{
	background: url(../img/line4.png) no-repeat;
}
.part6 .com p{
	width: 128px;
	font-size: 16px;
	text-align: justify;
	position: absolute;
	left: 12px;
	top: 16px;
	font-weight: normal;
	line-height: 24px;
	
}
.part6 .com div.pos4 h3 p{
	left: 20px;
	width: 138px;
}
.part6 .com div h3.show{
	width: 164px;
	transition: 0.6s;
}
.part6 .button{
	color: #333;
	border: 1px solid #00ffd0;
}
.part6 .button:hover{
	color: #00ffd0;
	border: 1px solid #00ffd0;
}
/*part7*/
.part7 .phone{
	background: url(../img/phone.png) no-repeat;
	width: 1001px;
	height: 620px;
	margin: 0 auto;
}
.part7 .phone .left{
	width: 213px;
	height: 490px;
	margin: 44px 0 0 88px;
	background: #295cff;
	position: relative;
}
.part7 .phone .left .top{
	height: 40px;
	width: 100%;
	background: #00b5ff;
	padding-top: 10px;
	
}
.part7 .phone .left .top .img1{
	margin: 0 11px;
}
.part7 .phone .left .top .img2{
	margin-top: 8px;
}

.part7 .phone .left .mid{
	width: 100%;
	margin-top: 10px;
}
.part7 .phone .left .mid li{
	width: 100%;
	height: 32px;
	background: #2b78ff;
	cursor: pointer;
	color: #fff;
	overflow: hidden;
}
.part7 .phone .left .mid li em{
	background: url(../img/cir1.png) no-repeat;
	width: 15px;
	height: 15px;
	margin: 8px 10px 0 16px;
}
.part7 .phone .left .mid li b{
	font-size: 14px;
	line-height: 32px;
}
.part7 .phone .left .mid li strong{
	background: url(../img/arrow1.png) no-repeat;
	width: 10px;
	height: 6px;
	margin: 15px 27px 0 8px;
}

.part7 .phone .left .mid li.on{
	background: #00b5ff;
	color: #fff600;
	overflow: visible;
}
.part7 .phone .left .mid li.on em{
	background: url(../img/cir2.png) no-repeat;
}
.part7 .phone .left .mid li.on strong{
	background: url(../img/arrow2.png) no-repeat;
}
.part7 .phone .left .mid li p{
	font-size: 14px;
	text-align: justify;
	color: #fff;
	padding: 18px 12px;
	line-height: 20px;
	overflow: hidden;
}
.part7 .phone .left .mid li p.sec{
	line-height: 24px;
	padding: 20px 12px;
}
.part7 .phone .left .mid li p.thr{
	line-height: 18px;
	padding: 20px 12px;
}
.part7 .phone .left .mid li p.fou{
	line-height: 24px;
}
.part7 .phone .left a{
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: #2a92fe;
	font-size: 16px;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.part7 .phone .right{
	width: 612px;
	height: 490px;
	margin-top: 44px;
}
.part7 .phone .right .top{
	width: 100%;
	height: 416px;
	position: relative;
	overflow: hidden;
}
#posBox4{
	position: absolute;
	left: 0;
	top: 0;
	width: 2448px;
	height: 100%;
}
#posBox4 .con{
	width: 612px;
}
#posBox4 h3{
	font-size: 24px;
	color: #f4441a;
	text-align: left;
	padding: 20px 0 0 58px;
}
#posBox4 ul{
	width: 100%;
	margin:24px 0 0 36px;
	text-align: left;
}
#posBox4 ul p{
	font-size: 14px;
	color: #818282;
	line-height: 22px;
	position: relative;
	margin-top: 20px;
}
#posBox4 ul p span{
	position: absolute;
	left: -25px;
	top: 0;
	width: 20px;
	height: 20px;
	color: #fff;
	line-height: 20px;
	border-radius: 50%;
	background: #3cd28c;
	text-align: center;
}
#posBox4 ul p.sec{
	margin:15px 0 0 36px;
}
#posBox4 ul p.thr{
	margin:32px 0 0 52px;
}
#posBox4 ul li .img1{
	margin-left: 15px;
}
#posBox4 ul li.fir{
	margin-left: 44px;
}
#posBox4 ul li.fir p{
	margin-left: 26px;
}
#posBox4 ul li.fir span{
	left: -22px;
}
#posBox4 ul li.sec{
	margin-left: 104px;
	margin-top: -5px;
}
#posBox4 ul li.thr{
	margin-top: 50px;
}
#posBox4 ul li.thr p{
	margin-left: 94px;
}
#posBox4 ul li.fou{
	margin-left: 84px;
	margin-top: 18px;
}
#posBox4 ul li.fou p{
	margin:12px 0 0 60px;
}
#posBox4 ul li.fiv p{
	margin:8px 0 0 78px;
}
#posBox4 ul li.six{
	margin-left: 84px;
}
#posBox4 ul li.six p{
	margin:8px 0 0 92px;
}
#posBox4 ul li.sev{
	margin-top: 28px;
}
#posBox4 ul li.eig{
	margin: 28px 0 0 106px;
}
#posBox4 ul li.eig p{
	margin: 6px 0 0 64px;
}
#posBox4 ul.sec{
	margin-left: 68px;
}
#posBox4 ul li.nine p{
	margin: 16px 0 0 95px;
}
#posBox4 ul li.ten{
	margin: 36px 0 0 48px;
}
#posBox4 ul li.ten p{
	margin: 22px 0 0 98px;
}
#posBox4 ul li.eve{
	margin: 3px 0 0 80px;
}
#posBox4 ul li.eve p{
	margin: 12px 0 0 28px;
}
#posBox4 ul li.tw{
	margin: 32px 0 0 55px;
}
#posBox4 ul li.tw p{
	margin: 22px 0 0 124px;
}
.part7 .phone .bott{
	width: 100%;
	height: 66px;
	margin-top: 8px;
	background: #f8f8f8;
	
}
.part7 .phone .bott ul{
	margin-left: 128px;
}
.part7 .phone .bott li{
	margin-right: 20px;
	margin-top: -5px;
}

.part7 .phone .bott li img{
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
	cursor: pointer;
}
.part7 .phone .bott li img.show{
	-webkit-filter: grayscale(0); 
	-moz-filter: grayscale(0); 
	-ms-filter: grayscale(0); 
	-o-filter: grayscale(0); 
	filter: grayscale(0); 
}

/*part8*/
.part8{
	background: #ededed;
}
.part8 .tBox{
	width: 1154px;
	height: 430px;
	margin: 0 auto;
	position: relative;
}
.part8 .tBox .picBox{
	width: 1000px;
	margin: 0 auto;
	height: 100%;	
	overflow: hidden;
	position: relative;
}
#posBox2{
	width: 2048px;
	position: absolute;
	left: 0;
	top: 0;	
}
.part8 .tBox .picBox .roll{
	position: relative;
	margin-right: 24px;	
   	perspective: 1000px;   	
   	cursor: pointer;
}
.part8 .tBox .picBox li .bg{
	width: 100%;
	height: 65px;
	background: #000;
	opacity: 0.8;
	filter:alpha(opacity=80); 
	position: absolute;
	left: 0;
	bottom: 0;
}
.part8 .tBox .picBox li h3{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 65px;
	text-align: left;
	padding-left: 13px;
}

.part8 .tBox .picBox li .tName{
	font-size: 18px;
	color: #fff;
	padding-top: 13px;
	margin-bottom: 5px;
}
.part8 .tBox .picBox li .tTitle{
	font-size: 12px;
	color: #b4b4b4;
}
.part8 .tBox span{
	width: 23px;
	height: 44px;
	background: url(../img/pre2.png) no-repeat;
	position: absolute;	
	top: 50%;
	margin-top: -22px;
	cursor: pointer;
}
#pre2{
	left: 0;
}
#next2{
	right: 0;
	background: url(../img/next2.png) no-repeat;
}
.roll .box-content{
    width: 100%;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    background: #184693;
    opacity: 0.8;
    filter:alpha(opacity=80); 
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
    overflow: hidden;
}
.roll .box-img{
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}
.roll:hover .box-img{
    transform: rotateY(-90deg);
}
.roll:hover .box-content{
    transform: rotateY(0);
}
.roll .box-content .t1,.roll .box-content2 .t1{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding-top: 50px;
}
.roll .box-content .t2,.roll .box-content2 .t2{
	font-size: 16px;
	color: #fff;
	padding-top: 12px;
}
.roll .box-content .t3,.roll .box-content2 .t3{
	width: 190px;
	height: 1px ;
	background: #fff;
	margin: 20px auto 0;
}
.roll .box-content .t4,.roll .box-content2 .t4{
	font-size: 14px;
	width: 182px;
	text-align: justify;
	color: #fff;
	margin: 20px auto 0;
	line-height: 26px;
}

.box-content2{
	position: absolute;
	left: 0px;
	top: -470px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter:alpha(opacity=70); 
	color: #fff;
}
/*part9*/
.part9 .text span{
	color: #2fccbe;
}
.part9 ul{
	width: 950px;
	height: 482px;
	margin: 0 auto;
	position: relative;
	width: 1050px \9;
}
.part9 ul li{
	width: 346px;
	height: 480px;
	border: 1px solid #d3d3d3;
	background: #fff;
	border-radius: 3px;
	position: absolute;
	transform: scale(0.8);
	transition: 0.6s;
	z-index: 1;
	float: left \9;
	position: static \9; 	
}
.part9 ul li:nth-child(1){
	left: 0;
	top: 0;
	z-index: 1;
}
.part9 ul li:nth-child(2){
	left: 298px;
	top: 0;
	z-index: 2;
}
.part9 ul li:nth-child(3){
	left: 597px;
	top: 0;
	z-index: 1;
}
.part9 ul li h3{
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #eceff4;
	font-size: 18px;
	color: #464956;
	margin-bottom: 33px;
}
.part9 ul li p{
	padding: 0 40px;
	color: #7a7a7a;
	font-size: 14px;
	line-height: 28px;
	text-align: justify;
	margin-top: 20px;
}
.part9 ul li a{
	display: block;
	font-size: 18px;
	color: #39d2c6;
	border: 1px solid #39d2c6;
	border-radius: 20px;
	width: 160px;
	height: 40px;
	line-height: 40px;
	margin: 14px auto;
}
.part9 ul li.on{
	transform: scale(1);
	z-index: 2;
	border: 1px solid #0cc8b9;	
}
.part9 ul li.on h3{
	background: #0cc8b9;
	color: #fff;
}
.part9 ul li a:hover{
	color: #fff;
	background: #0cc8b9;
	transition: 0.6s;	
}















/*part10*/
.part10 .tab{
	width: 978px;
	height: 411px;
	margin: 0 auto;
	position: relative;
}
#pre{
	position: absolute;
	left: 0;
	top: 180px;
	cursor: pointer;
}
#next{
	position: absolute;
	right: 0;
	top: 180px;
	cursor: pointer;
}
.tabBox{
	background: url(../img/box.png) no-repeat;
	width: 869px;
	height: 411px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -434px;
	overflow: hidden;
}
#posBox3{
	width: 1738px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#posBox3 .list{
	width: 869px;
	height: 100%;
}
#posBox3 .list h3{
	background: url(../img/roate01.png) no-repeat;
    width: 175px;
    height: 145px;
    position: relative;
    margin: 200px 0 0 40px;
}
#posBox3 .list h3 span{
	background: url(../img/roate02.png) no-repeat;
    width: 258px;
    height: 251px;
    position: absolute;
    left: 34px;
    top: -160px;
    transform: rotate(0deg);
    animation: rotate1 3s infinite linear;
}
@keyframes rotate1{
	0%{
		transform: rotate(0deg);
	}
	50%{
		transform: rotate(-20deg);
	}
	100%{
		transform: rotate(0deg);
	}
}
#posBox3 ul{
	margin-top: 53px;
	margin-left: 254px;
}
#posBox3 ul li{
	background: url(../img/border06.png) no-repeat;
	width: 350px;
	height: 76px;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
	color: #fff;
	transition: 0.3s;
}
#posBox3 ul li p{
	font-size: 22px;
	position: absolute;
	left: -94px;
	top: 17px;
}
#posBox3 ul li h4{
	font-size: 14px;
	text-align: left;
	width: 245px;
	margin-left: 98px;
	line-height: 20px;
	padding-top: 18px;
}
#posBox3 ul li em{
	background: url(../img/roate03.png) no-repeat;
	width: 12px;
	height: 11px;
	position: absolute;
	left: -118px;
	top: 29px;
	animation: rotate2 1s infinite linear;
}
@keyframes rotate2{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(-360deg);
	}
}
#posBox3 ul li:hover{
	color: #00ffd2;
	background: url(../img/border05.png) no-repeat;
}
#posBox3 .ul1{
	margin:52px 0 0 50px;	
}
#posBox3 .ul1 li{
	background: url(../img/border08.png) no-repeat left center;
	height: 76px;
	width: 482px;
}
#posBox3 .ul1 li.even{
	background: url(../img/border07.png) no-repeat left center;
}
#posBox3 .ul1 li h4{
	margin-left: 23px;
}
#posBox3 .ul1 li p{
	left: 340px;
}
#posBox3 .ul1 li.even p{
	left: 384px;
}
#posBox3 .ul1 li em{
	left: 460px;
}
#posBox3 .ul1 li:hover{
	color: #00ffd2;
	background: url(../img/border10.png) no-repeat left center;
}
#posBox3 .ul1 li.even:hover{
	color: #00ffd2;
	background: url(../img/border09.png) no-repeat left center;
}
#posBox3 img{
	margin: 65px 0 0 34px;
}








/*part11*/
.part11 {
	padding-bottom: 0;
}
.part11 i{
	margin-bottom: 70px;
}
.part11 ul{
	width: 928px;
	margin: 0 auto;
}
.part11 ul li{
	width: 200px;	
	margin-right: 40px;
	margin-bottom: 76px;
}
.part11 ul li.last{
	margin-right: -40px;
}
.part11 ul li h3{
	color: #0cc8b9;
	font-size: 20px;
	padding: 22px 0 30px;
}
.part11 ul li img{
	margin-top: -36px;
}
.part11 ul li p{
	color: #999;
	font-size: 16px;
	text-align: justify;
	padding: 0 20px;
	line-height: 26px;
}
.part11 ul li a{
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #0cc8b9;
	font-size: 18px;
	color: #fff;
	margin-top: 40px;
}
.part11 ul li.thr h3{
	padding: 22px 0 4px;
}
.part11 ul li.thr p{
	margin-top: 14px;
}
.part11 ul li.thr a{
	margin-top: 27px;
}
.part11 ul li.fou img{
	margin-top: -30px;
}
.part11 ul li.fiv img{
	margin-top: -19px;
}
.part11 ul li:hover{
	box-shadow: 0px 0px 10px 3px #f3f3f3;
	transition: 0.3s;
}


/*adv2*/
.adv3{
	width: 100%;
	background: url(../img/adv2.jpg) no-repeat center;
	height: 120px;
}
.adv2{
	width: 660px;
	margin-left: 21%;
	padding-top: 36px;
}
.adv2 h3{
	font-size: 22px;
	color: #fff;
	text-align: left;
}
.adv2 h3 strong{
	font-size: 26px;
	font-weight: bold;
}
.adv2 a{
	background: url(../img/text.png) no-repeat;
	width: 109px;
	height: 62px;
	margin-left: 35px;
	margin-top: 6px;
}
.adv2 .mesg{
	width: 276px;
	height: 56px;
	position: relative;
	margin-top: 6px;
	text-align: left;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
}
#mesg{
	position: absolute;
	left: 0;
	top: 0;
}
#mesg li{
	height: 26px;
	margin-bottom: 6px;
}
/*part12*/
.part12{
	padding-bottom: 90px;
}
.part12 .conBox{
	width: 1007px;
	height: 520px;
	margin: 50px auto 0;
}
.part12 .conBox li{
	background: url(../img/icon.png) no-repeat;
	width: 248px;
	height: 316px;
	margin-right:8px;
}
.part12 .conBox li h5{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding-top: 24px;
}
.part12 .conBox li a{
	font-size: 14px;
	color: #00ffd2;
	background: url(../img/title6.png) no-repeat;
	width: 115px;
	height: 32px;
	margin: 12px auto;
	display: block;
	line-height: 32px;
	transition: 0.3s;
}
.part12 .conBox li a:hover{
	color: #0a224d;
	background: url(../img/title5.png) no-repeat;
}
.part12 .conBox li p{
	margin-top: 70px;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	margin-left: 14px;
}
.part12 .conBox li.sec p{
	margin-top: 38px;
	margin-left: 18px;
}
.part12 .conBox li.thr p{
	margin-top:91px;
	margin-left: 18px;
}
.part12 .conBox li.last p{
	margin-top:52px;
	margin-left: 18px;
}
.part12 .conBox li p span{
	margin-right: 7px;
}
.part12 .conBox li p span.sec{
	margin-left: 7px;
}
.part12 .conBox li.sec{
	margin-top: 60px;
}
.part12 .conBox li.last{
	margin-right: -12px;
}
.part12 .conBox li .img1{
	margin-left:50px;
}

/*foot*/
.footer {
	width: 100%;
	background: #191919;
	color: #999999;
	text-align: center;
	font-size: 14px;
	padding: 12px 0;
	margin-bottom: 60px;
}
/*css3btn*/
.css3btn{  
	bottom:400px;  
	right:5px;  
	z-index:9999;  
	position:fixed;  	
}  
.css3btn a{  
	display:block;  
	text-decoration:none;  
}  
.css3btn img{  
	left:-10px;  
	top:50%;  
	margin-top:-35px;  
	position:absolute;  	
	z-index:9999; 
	border:0; 
}  
.css3btn p{  
	font-size:15px;  
	width:230px;  
	height:45px;  
	line-height:45px;  
	text-indent:55px;	
	text-align:center;  
	color:#fff;  
	display:block;  
	overflow:hidden;  
	position: relative;  
	background:#ff5400;  
	background:linear-gradient(rgba(254,84,0,.8),rgba(255,118,50,.8));  
	text-transform: uppercase;  
	border-radius:20px;  
}  
.css3btn p.bubble:after {  
	content: "";  
	background: #fff;  
	position: absolute;  
	width: 200px;  
	height: 200px;  
	left: 35px;  
	right: 0;  
	top: 0;  
	bottom: 0;  
	opacity: 0;  
	margin: auto;  
	border-radius:50%;  
	transform: scale(1);  
	animation:1s btn ease-in-out infinite;  
}  
@keyframes btn {
	0%{
		transform:scale(0);
		opacity: 1;
	}
	100%{
		transform:scale(1);
		opacity: 0;
	}
}