html, body {
	margin: 0;
	padding: 0;
	overflow: hidden;
    /*Avoid flicker on slides transitions for mobile phones #336 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#superContainer {
	height: 100%;
	position: relative;
    /* Touch detection for Windows 8 */
	-ms-touch-action: none;
    /* IE 11 on Windows Phone 8.1*/
	touch-action: none;
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
 /* Safari<=5 Android<=3 */
	-moz-box-sizing: border-box;
 /* <=28 */
	box-sizing: border-box;
}

.fp-slide {
	float: left;
}

.fp-slide, .fp-slidesContainer {
	height: 100%;
	display: block;
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
 /* Safari<=6 Android<=4.3 */
	transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.section5 .fp-tableCell {
    vertical-align: top;
}
.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.fp-slidesContainer {
	float: left;
	position: relative;
}

.fp-controlArrow {
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
	overflow: scroll;
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
}

#fp-nav.right {
	right: 17px;
}

#fp-nav.left {
	left: 17px;
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}

.fp-slidesNav.bottom {
	bottom: 17px;
}

.fp-slidesNav.top {
	top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative;
}

.fp-slidesNav ul li {
	display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background:#DA7100;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
	right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav li,
.fp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav li {
    display: inline-block;
}
@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a,img {
	border: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

body {
	width: 100%;
	*cursor: default;
	overflow: hidden;
	font: 16px "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;
}
/*  整平滚动  */
#pageContain {
	overflow: hidden;
}

.page {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.contain {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
	z-index: 0;
}

.current .contain, .slide .contain {
	display: block;
}

.current {
	display: block;
	z-index: 1;
}

.slide {
	display: block;
	z-index: 2;
}

.swipe {
	display: block;
	z-index: 3;
	transition-duration: 0ms !important;
	-webkit-transition-duration: 0ms !important;
}

.section1 {
	background: #fff;
}

.section2 {
//	background: url(../imagesnew/gb.jpg) center center;
}

.section3 {
//	background: url(../imagesnew/gb.jpg) center center;
}

.section4 {
//	background: url(../imagesnew/gb.jpg) center center;
}

.section5 {
	background: #434343;
}

#navBar {
	z-index: 3;
	position: absolute;
	top: 30%;
	right: 1%;
}

#navBar .active {
	background: transparent;
}

#navBar li {
	cursor: pointer;
	margin-bottom: 10px;
	transition: all .7s ease;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	width: 20px;
	height: 20px;
	background: #ccc;
}
.jiqq
{
	width: 200px;
	height: 80px;
	position: absolute;
	float: right;
	left: 1050px;
}
.phone {
	background: url(../imagesnew/ioc.png) no-repeat -66px 0px;
	width: 154px;
	height: 25px;
	margin-top: 30px;
	float:right;
	
}
.qq_p {
    background-position: 0 -576px;
    float: left;
    font-size: 12px !important;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    color: #2b2b2b;
}

.qq_p span {
    background-position: right -576px;
    float: left;
    padding-right: 5px;
}
.qq_p, .qq_p span {
    background-image: url("../imagesnew/ioc.png");
    background-repeat: no-repeat;
    display: block;
}
/* 轮播 */
.slide-banner {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.banner-bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
	width: 100%;
	background-position: 0% 10%;
}

.banner-nav-bg {
	height: 70px;
	background: #fff;
	position: relative;
	z-index: 199;
	bottom: 70px;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.banner-nav {
	position: absolute;
	left: 50%;
	bottom: 27px;
	z-index: 999;
}

.banner-nav li {
	background: url(../imagesnew/icons.png) no-repeat;
}

.banner-nav li {
	float: left;
	width: 16px;
	height: 16px;
	background-position: -20px 0px;
	margin-right: 8px;
	cursor: pointer;
}

.banner-content {
	width: 1180px;
	margin: 0 auto;
	position: relative;
	height: 630px;
	z-index: 100;
}

.banner-img {
	position: absolute;
	z-index: 2;
	left: -150%;
}

.banner-img img {
	width: 70%;
}

.rr img {
	width: 100%;
}

.banner-bar-bg {
	width: 100%;
	height: 3px;
	margin: 0 auto;
	bottom: 71px;
	position: relative;
	z-index: 99999;
}

.banner-bar {
	height: 1px;
	width: 0;
	background: transparent;
	position: absolute;
	left: 0;
	z-index: 999;
	top: 70px;
}
/* 导航 */
.site-head-fixed {
	position: fixed;
	z-index: 500;
	top: 0;
}

.site-head {
	background: #FFFFFF;
	filter: alpha(opacity=80);
	opacity: 0.80;
	width: 100%;
}

.head-inner {
	width: 1100px;
	margin: 0 auto;
}

@media screen and (min-width: 1250px) .head-inner {
	margin: 0 auto;  width: 1200px;
}

.site-head .head-inner {
	height: 80px;
	position: relative;
}

.site-head .eteams {
	height: 60px;
	width: 280px;
	margin: 16px 205px 0 0;
	background: url(../imagesnew/logo.png) no-repeat right top;
}

.fl {
	float: left!important;
}

.site-head .eteams a {
	display: block;
	height: 100%;
	width: 100%;
}

.site-head .site-nav .nav-item {
	float: left;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}

.site-head .site-nav .nav-link:hover, .site-head .site-nav .nav-link-cur {
	font-weight: bold;
	color: #356fc2;
}

.site-head .site-nav .nav-link {
	display: block;
	padding: 0 20px;
	line-height: 80px;
	text-decoration: none;
	color: #5c5c5c;
	font-size: 16px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.lefts {
	background:url(../imagesnew/allbgs_1.png) -368px 0px;
	width: 37px;
	height: 135px;
	position: fixed;
	top: 300px;
	left: 0px;
	z-index: 99999;
}
.clo{
    background:url(../imagesnew/allbgs_1.png) -129px 0px;
	position: relative;
	float: right;
	top: -5px;
	height:30px;
	width:30px;
}
.jian{background:url(../imagesnew/allbgs_1.png) 0px 0px; width:36px; padding-left:36px; margin-right:15px;}

.lefts p {
	width: 20px;
	font-size: 16px;
	line-height: 25px;
	margin-left: 5px;
	margin-top: 20px;
}

.left_sh {
	background: url(../imagesnew/hx--_05.png) no-repeat;
	width: 97px;
	height: 165px;
	position: fixed;
	top: 300px;
	left: 0px;
	z-index: 99999;
	display: none;
}

.le_p {
	border: 0px solid red;
	height: 45px;
	width: 70px;
	margin-left: 14px;
	padding-top: 5px;
}

.le_p p {
	width: 60px;
	font-size: 14px;
	margin-top: 5px;
}
.le_pp
{
    margin-top:5px;
}
.le_pp a{
	margin-right: 10px;
	display: inline;
	width: 20px;
	margin-top: 10px;
	padding-right:20px;
	background:url(../imagesnew/allbgs_1.png) -36px 0px; width:20px;
}

.le_p p a {
	text-decoration: none;
	color: #78A4E0;
}

.frd {
	background: url(../imagesnew/hx--_03.png) no-repeat;
	width: 430px;
	height: 203px;
	position: fixed;
	top: 270px;
	left: 110px;
	z-index: 9999;
	display: none;
}

.frds1, .frds2, .frds3 {
	margin-left: 40px;
	margin-top: 20px;
	width: 350px;
}

.frds2 {
	margin-top: 40px;
}

.frd h2 {
	font-size: 16px;
}

.frd p {
	font-size: 13px;
	line-height: 25px;
}

.frd_p {
	text-align: right;
	height: 20px;
	line-height: 60px;
}

.frd_p img {
	margin-right: 10px;
}

.frd_p a {
	text-decoration: none;
	margin-top: -5px;
	position: relative;
	top: -2px;
}

#p1, #p2, #p3 {
	border: 0px solid red;
}

/*   第二屏*/
.lean {
	width: 1000px;
	margin: 0 auto;
	height: 700px;
}



.lean_p {
	width: 1024px;
	margin: 0 auto;
	margin-top: 150px;
	height: 200px;
}
.lean_p .p1, .lean_p .p2, .lean_p .p3, .lean_p .p4{
	width: 230px;
	float: left;
	position: relative;
	right: 100px;
	opacity: 0;
	transition: all 0.5s;
	
	
}
.lean_p .p1{transition-delay: 0.5s;}
.lean_p .p2{transition-delay: 0.3s;}
.lean_p .p3{transition-delay: 0.1s;}
.lean_p .p4{transition-delay: -0.1s;}

.lean_p .p1, .lean_p .p2, .lean_p .p3{
	margin-right: 34px;
}
.lean_p .p1 img, .lean_p .p2 img, .lean_p .p3 img, .lean_p .p4 img{
	width: 100%;
	border: 0;
	-webkit-transition:0.4s linear;
	transition:0.4s ease-in;
	
}
.lean_p img:hover{
	transform: scale(1.2,1.2);
   -ms-transform: scale(1.2,1.2);
   -webkit-transform: scale(1.2,1.2); 
}

/*   第三屏*/
.te {
	font-size: 20px;
	text-align: center;
	color: #fff;
	width: 1000px;
	margin: 0 auto;
	margin-top: 50px;
}

.
 .te b
{
	font-size: 100px;
	color: #000;
}
.lean_p_img{
	margin-top: 100px;
	opacity: 0;
	position: relative;
	top: -100px;
}
.lean_p2{
	font-family: "Microsoft YaHei";
	font-size: 37px;
	margin-top: 10px;
	position: relative;
	opacity: 0;
	top: 30px;
	
	
}
.section3 .lean_p2{
	transition: all 1s;
	transition-delay: -0.5s;
}
.section3 .lean_p3{
	transition: all 1s;
	transition-delay: 0.1s;
}
.section3 .sectio_img img{
	transition: all 1s;
	transition-delay: 0.1s;
}
.section3 .sectio3_p_p1{
	transition: all 1s;
	transition-delay: -0.1s;
}
.section3 .sectio3_p_p2{
	transition: all 1s;
	transition-delay: 0.1s;
}
.section3 .sectio3_p_p3{
	transition: all 1s;
	transition-delay: 0.2s;
}
.section4 .lean_p2{
	margin-bottom: 15px;
	width: 100%;
	top: 0px;
	opacity: 1;
}
.lean_p3{
	font-family: "Microsoft YaHei";
	font-size: 27px;
	margin-top: 10px;
	opacity: 0;
	position: relative;
	top: 50px;
}
.sectio_img{
	margin-top: 50px;
}
.sectio_img img{
	opacity: 0;
	bottom: 10%;
	transition: all 1s;
	transition-delay: 0.1s;
}
.sectio3_p{
	width: 1024px;
	position: relative;
	height: 50px;
	margin: 0 auto;
	margin-top: 50px;
	
}
.sectio3_p i{
	width: 50px;
	height: 50px;
	float: left;
	border-radius: 50%;
}

.sectio3_p i:hover:before{
	animation: toTopFromBottom 0.3s forwards;

}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-50%);
	}
	50% {
		opacity: 0;
		transform: translateY(50%);
	}
	51% {
		opacity: 1;
	}
}
.sectio3_p span{
	float: left;
	margin-left: 10px;
	font-size: 20px;
	font-family: "Microsoft YaHei";
}
.sectio3_p_p1 i:before{
	content: url(../imagesnew/p3_1.png);
	height: 50px;
	position: relative;
	float:left;
}
.sectio3_p_p1{
	width: 200px;
	float: left;
	margin-right: 82px;
	position: relative;
	line-height: 50px;
	vertical-align: middle;
	opacity: 0;
	bottom: 10%;
}
.sectio3_p_p2 i:before{
	content: url(../imagesnew/p3_2.png);
	height: 50px;
	position: relative;
	float:left;
}
.sectio3_p_p2{
	width: 335px;
	position: relative;
	float: left;
	margin-right: 82px;
	opacity: 0;
	line-height: 50px;
	bottom: 10%;
	vertical-align: middle;
}
.sectio3_p_p3 i:before{
	content: url(../imagesnew/p3_3.png);
	height: 50px;
	position: relative;
	float:left;
}
.sectio3_p_p3{
	width: 300px;
	position: relative;
	line-height: 50px;
	float: left;
	vertical-align: middle;
	opacity: 0;
	bottom: 10%;
}

a.abtn{display:block;height:69px;width:40px;overflow:hidden;}
a.aleft{float:left;background:url(../imagesnew/you.png) no-repeat;background-size: 80% 80%; margin-top: 180px;}
a.aright{float:right;background:url(../imagesnew/zuo.png) no-repeat;background-size: 80% 80%;margin-top: 180px;}

a.agrayleft{cursor:default;background:url(../imagesnew/you1.png) no-repeat ;background-size: 80% 80%;}
a.agrayright{cursor:default;background:url(../imagesnew/zuo1.png) no-repeat ;background-size: 80% 80%;}

.scrolllist{width:1024px;height:560px;margin:0 auto;position: relative;top: -30px; }
.scrolllist .imglist_w{width:924px;height:560px;overflow:hidden;float:left;position:relative; margin:0px 10px;}
.scrolllist .imglist_w ul{width:200000px;position:absolute;left:0px;top:0px;}
.scrolllist .imglist_w li{width:924px;float:left;}
.scrolllist .imglist_w li span{text-decoration:none;width:170px;height:60px;float:left;margin: 20px 28px 20px 31px;display:table-cell; vertical-align: middle; border: 1px solid #C9C9C9;}
.scrolllist .imglist_w li span img{width: 100%;height: 100%;}
.scrolllist .imglist_w li span:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li .imglist_p{ text-align: left;text-indent: 30px; font-size: 16px; margin: 0 auto;margin-top: 390px;line-height: 27px; height: 115px;overflow: hidden; width: 95%;letter-spacing: 3px; padding: 5px 10px; }
.pic_p{display:block; position: absolute;left: 406px; top: 400px;font-size: 30px;font-family: "Microsoft YaHei";}

.hover_ing {
	width: 1000px;
	margin: 0 auto;
	height: 500px;
	margin-top: 50px;
	position: relative;
}

.hover_ing ul li {
	width: 33%;
	float: left;
	height: 200px;
	color: #B9B6B6;
	text-align: center;
	margin-top: 20px;
}

.platform {
	font-size: 18px;
	margin-top: 25px;
	color: #fff;
}

.section4 .slide{
	position: relative;
	top: -20px;
}
.section4 .slide_title{
	font-size: 35px;
	font-family: "Microsoft YaHei";
	text-align: center;
	width: 100%;
	margin-bottom: 50px;
}
.slide_title a{
	padding-bottom: 3px;
	border-bottom: 1px dashed #6E98A5;
	color: #000;
}
.section4 .slide_div{
	height: 500px;
	width: 1100px;
	margin:0 auto;
}
.section4 .slide_div .slide_left{
	width: 275px;
	height: 100%;
	padding: 0px 50px 0px 10px;
	float: left;
	position: relative;
	border-right: 2px solid #A2A2A2;
}
.section4 .slide_div .slide_left .title_left{
	line-height: 100px;
	height: 100px;
	text-align: right;
	font-size: 27px;
	font-family: "Microsoft YaHei";
}
.section4 .slide_div .slide_left .title_content{
	line-height: 30px;
	text-align: right;
	font-size: 15px;
	text-indent: 30px;
}

.section4 .slide_div .slide_right{
	width: 735px;
	height: 100%;
	padding: 0px 15px 0px 10px;
	float: left;
	position: relative;
	overflow: hidden;
}
.slide_right a{
	width: 210px;
	height: 70px;
	float: left;
	margin:30px 0px 30px 35px;
}
.slide_right a img{
	width: 100%;
}
.slide_right a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.ww {
	background: url(../imagesnew/allbgs.png) no-repeat;
}

.img1 {
	background-position: -220px 0px;
	width: 80px;
	height: 71px;
	position: relative;
	left: 123px;
}

.img1:hover {
	background-position: -140px 0px;
	width: 80px;
	height: 71px;
}

.img2 {
	background-position: -738px 0px;
	width: 53px;
	height: 80px;
	position: relative;
	left: 140px;
}

.img2:hover {
	background-position: -791px 0px;
	width: 53px;
	height: 80px;
}

.img3 {
	background-position: -381px 0px;
	width: 81px;
	height: 74px;
	position: relative;
	left: 125px;
}

.img3:hover {
	background-position: -300px 0px;
	width: 81px;
	height: 74px;
}

.img4 {
	background-position: -462px 0px;
	width: 76px;
	height: 78px;
	position: relative;
	left: 123px;
}

.img4:hover {
	background-position: -538px 0px;
	width: 76px;
	height: 78px;
}

.img5 {
	background-position: -70px 0px;
	width: 70px;
	height: 72px;
	position: relative;
	left: 132px;
}

.img5:hover {
	background-position: 0px 0px;
	width: 70px;
	height: 72px;
}

.img6 {
	background-position: -676px 0px;
	width: 62px;
	height: 81px;
	position: relative;
	left: 134px;
}

.img6:hover {
	background-position: -614px 0px;
	width: 62px;
	height: 81px;
}

.lightbox {
	position: absolute;
	z-index: 99;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	display: none;
}

.box {
	position: absolute;
	z-index: 12;
	width: 700px;
	height: 640px;
	margin: 0 10%;
	overflow-y: auto;
}

.title {
	background: url(../imagesnew/ppt.png) repeat-x;
	height: 60px;
	width: 700px;
}

.close {
	background:url(../imagesnew/allbgs_1.png) -159px 0px;
	width: 36px;
	height: 36px;
	display: block;
	float: right;
	cursor: pointer;
	margin: 10px 10px 0 0;
}

.title h3 {
	text-indent: 40px;
	color: #fff;
	line-height: 60px;
	text-align: left;
}
.title h3 span
{
    background:url(../imagesnew/allbgs_1.png) -56px 0px;
	width:17px;
	padding-right:17px;
	position:relative;
	top:5px;
	left:-10px;
}
.lean_p2 a{
	padding-bottom: 3px;
	border-bottom: 1px solid #6E98A5;
	color: #000;
}
.lean_img {
	width: 1000px;
	margin: 0 auto;
	margin-top: 30px;
}

.view {
	width: 1000px;
	margin: 0 auto;
	margin-top: 4%;
	text-align: center;
	border-bottom: 1px solid #fff;
	height: 110px;
	margin-bottom: 30px;
	opacity: 0;
	top: 10px;
	position: relative;
}

.kk {
	font-size: 35px;
	text-align: center;
	margin-right: 35px;
	text-decoration: none;
	color: #fff;
	height: 100px;
	line-height: 100px;
}

.chick {
	color: #1D69A5;
}


.dat1, .dat2, .dat3 {
	width: 1000px;
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
	display: none;
	transition: all 0.5s ease 2s;
	z-index: 999;
	height: 300px;
	border: 0px solid red;
}

.detais, .detai {
	width: 490px;
	float: left;
	height: 85px;
	position: relative;
	margin-bottom: 15px;
}

.detais_p1 {
	width: 80px;
	height: 85px;
	border-radius: 4px;
	position: relative;
	float: left;
	background: #F9F2F2;
	text-align: center;
	
}

.detais_p2 {
	width: 380px;
	padding: 0px 10px;
	height: 85px;
	border-radius: 4px;
	float: right;
	background: #fff;
	text-align: left;
}

.detais_p2 p {
	height: 35px;
	line-height: 40px;
	font-size: 14px;
	font-weight: 600;
}

.detais_p2 p a {
	color: #3F3E3E;
}

.detais_p2 span {
	font-size: 12px;
}

.detai {
	float: right;
}

.details_span1 {
	font-size: 30px;
	color: #2B8CD2;
	width: 80px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	position: relative;
}

.details_span2 {
	font-size: 14px;
	color: #CD546B;
	width: 80px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-radius: 4px;
	background: #DCDCDC;
}


.footer {
	width: 100%;
	background: #1D69A5;
	height: 295px;
	margin-top: 60px;
	z-index: 99;
	border: 1px solid #1D69A5;
	position: absolute;
	bottom:0px;
}

.footer_div {
	width: 1000px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	height: 230px;
	position: relative;
	border: 0px solid #33FF00;
}

.footer_left1, .footer_left2, .footer_left3 {
	height: 200px;
	width: 150px;
	float: left;
	text-align: left;
}

.footer_left1 p, .footer_left2 p, .footer_left3 p {
	color: #FFFFFF;
}

.footer_left1 li a, .footer_left2 li a, .footer_left3 li a {
	color: #D7D7D7;
	font-size: 12px;
	text-decoration: none;
}

.footer_left1 img {
	float: right;
	top: -98px;
	position: relative;
}

.footer_left2 {
	margin-left: 50px;
}

.footer_left2 li {
	width: 100px;
	float: left;
}

.footer_left2 img {
	float: right;
	top: -163px;
	position: relative;
}

.footer_left3 {
	width: 100px;
	margin-left: 50px;
}

.footer_left3 img {
	float: right;
	top: -77px;
	position: relative;
}

.footer_right {
	height: 200px;
	width: 300px;
	float: left;
	text-align: left;
}

.footer_right p {
	color: #B7B7B7;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
}

.footer_right img {
	margin-right: 20px;
	margin-top: 10px;
}

.footer_p {
	font-size: 14px;
	color: #C0C0C0;
	width: 1000px;
	margin-top: 2px;
	float: left;
	text-align: center;
}

.sao {
	width: 228px;
	height: 228px;
	position: absolute;
	z-index: 9999;
	top: -40px;
	left: 380px;
	display: none;
}
.footer_link {
	font-size: 14px;
	color: #C0C0C0;
	width: 1000px;
	margin-top: 2px;
	float: left;
	text-align: center;
}
.footer_link p{width: 100px;float: left;text-align: left;margin-top: 10px;font-size: 17px;}
.footer_link ul{margin-left: 100px;width: 700px;position: absolute;bottom: -10px;float: left;z-index: 999; transition: all 1.1s ease 0s;}
.footer_link ul li{float: left;display: inline-block; width: 100px;text-align: center;overflow:hidden;}
.footer_link  a{color: #fff; font-size: 13px;}
.showlink{float: right;margin-right: 120px;}
.showlink .i-up{
	background: url(../imagesnew/img.png) no-repeat;
	background-position:-26px -373px;
	display: inline-block;
	width: 20px;
	height: 20px;
}
.showlink .i-dw{
	background-position:-88px -373px;
}
.chk{background: #539FDB;}
.chk li{line-height: 25px;}
.updow{height: 25px;overflow: hidden;background: transparent;}
#dHomePageCarousel {
	height: 500px;
	width: 1000px;
	position: relative;
	margin: 30px auto;
}

#dLocalHomesCarousel {
	height: 200px;
	margin: 0px 2px 3px 1px;
	overflow: hidden;
	position: relative;
}

.divCarouselInfo {
	color: #3C404E;
	font-size: 12px;
	width: 639px;
	height: 200px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}

.imgBorder {
	border: 2px solid #fff;
	position: absolute;
	cursor: pointer;
}

.imgBorder:hover {
	border: 2px solid #FFAA55;
	cursor: pointer;
	position: absolute;
}

.btnCarouselLT {
	background:url(../imagesnew/allbgs_1.png) -290px 0px;
	display: block;
	height: 94px;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	top: 17px;
	width: 39px;
}

.btnCarouselRT {
	background:url(../imagesnew/allbgs_1.png) -329px 0px;
	display: block;
	height: 94px;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	top: 17px;
	width: 39px;
}

.name {
	font-size: 24px;
	color: #FA821C;
	text-decoration: none;
}

#adaddr {
	font-size: 22px;
	color: #151212;
	line-height: 35px;
}

.section {
	text-align: center;
 "Microsoft Yahei"
	;
}


.section3 .te, .section2 .te {
	position: relative;
	top: -140%;
}

.lean_p p {
	position: relative;
	bottom: -120%;
}

.section5 .detais {
	position: relative;
	left: 300px;
	opacity: 0
}

.section5 .detai {
	position: relative;
	right: 300px;
	opacity: 0
}

.footer_p {
	font-size: 13px;
	color: #FFFFFF;
}

.footer_p a {
	color: #FFFFFF;
}
#xin
{
    background:url(../imagesnew/allbgs_1.png) -101px 0px;
	width:28px;
	padding-left:28px;
	padding-top:10px;
	position:relative;
	top:15px;
	margin-right:15px;
}
#lang
{
    background:url(../imagesnew/allbgs_1.png) -73px 0px;
	width:28px;
	padding-left:28px;
	padding-top:10px;
	position:relative;
	top:15px;
}


.oneder{width:100%; height:100%; position:relative;}


#onebyone_slider {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

#onebyone_slider .oneByOne_item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: 100% 100%;
}

#onebyone_slider .oneByOne_item span {
	font-family: "Helvetica Neue",Helvetica,verdana,arial,sans-serif
}

#onebyone_slider .oneByOne_item a {
	text-decoration: none
}

/*#onebyone_slider .oneByOne_item div.ob1_title {
	position: relative;
	width:50%;
	float: left;
	-webkit-animation:rotate 9.5s linear infinite;
	-moz-animation:rotate 9.5s linear infinite;
	-ms-animation:rotate 9.5s linear infinite;
	-o-animation:rotate 9.5s linear infinite;
	animation:rotate 9.5s linear infinite;
	z-index: 50;
	top: 3%;
	left: 30%;
	margin: 2% 0 0 -20%;
}
.ob1_title img, .ob1_description img{ width:100%;}*/


/*#onebyone_slider .oneByOne_item div.ob1_description {
	position: relative;
	width:50%;
	float: left;
	-webkit-animation:rotate 11.5s linear infinite;
	-moz-animation:rotate 11.5s linear infinite;
	-ms-animation:rotate 11.5s linear infinite;
	-o-animation:rotate 11.5s linear infinite;
	animation:rotate 11.5s linear infinite;
	z-index: 51;
	top: 3%;
	left: 0%;
	margin: 2% 0 0 -20%;
}*/

#onebyone_slider .oneByOne_item .ob1_button {
	position: relative;
	width:50%;
	float:right;
	right:5%;
	top:25%;
	z-index: 50
}
.ob1_button a img
{
   width:100%;
}
.ob2_button {
	position: relative;
	width:170px;
	height: 60px;
	float:left;
	left:45%;
	top:60%;
	cursor: pointer;
	z-index: 50;
	text-align:center;
	line-height:60px;
	font-size:35px;
	color:#60AAEF;
	font-weight:bold;
}
.ob3_button {
	left:43%;
	top:71%;
}
.ob2_button img {
    width: 100%;
}
.ob2_button:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.ob2_button:before {
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
.ob2_button {
	/** background:#E6EDF3; **/
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.ob2_button:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.ob2_button:hover {
	/** background:#E6EDF3; **/
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
}

.ob2_button:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}


@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000916, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000916, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000916, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000916, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000916, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #000916, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}


#onebyone_slider .ob1_img_device1 {
	position: absolute;
	top: 38%;
	width:15%;
	left: 15%;
	z-index: 40;
	background-size:50% 50%;
	-webkit-animation:anim1 20.5s linear infinite;
	-moz-animation:anim1 20.5s linear infinite;
	-ms-animation:anim1 20.5s linear infinite;
	-o-animation:anim1 20.5s linear infinite;
	animation:anim1 20.5s linear infinite;
}
#onebyone_slider .ob1_img_device4 {
	position: absolute;
	bottom: 20%;
	left:7%;
	width:7%;
	z-index: 40;
	background-size:50% 50%;
	-webkit-animation:anim2 19.5s linear infinite;
	-moz-animation:anim2 19.5s linear infinite;
	-ms-animation:anim2 19.5s linear infinite;
	-o-animation:anim2 19.5s linear infinite;
	animation:anim2 19.5s linear infinite;
}
#onebyone_slider .ob1_img_device5 {
	position: absolute;
	bottom: 20%;
	left: 30%;
	width:2%;
	z-index: 40;
	background-size:30% 30%;
	-webkit-animation:anim3 15.5s linear infinite;
	-moz-animation:anim3 15.5s linear infinite;
	-ms-animation:anim3 15.5s linear infinite;
	-o-animation:anim3 15.5s linear infinite;
	animation:anim3 15.5s linear infinite;
}
.ob1_img_device1 img, .ob1_img_device4 img, .ob1_img_device5 img{ width:100%;}
#onebyone_slider .ob1_title{
	position: absolute;
	width:480px;
	height: 70px;
	top: 34%;
	left: 10%;
	z-index: 60;
	
}

.ob1_title img
{
    width:80%;
    opacity: 0;
    transform: all 1s;
    transition-delay: -0.1s;
    
}
#onebyone_slider .ob1_img_device2 {
	position: absolute;
	width:504px;
	float: left;
	top: 47%;
	left: 9%;
	z-index: 60;
}
.ob1_img_device2 img
{
    width:80%;
    opacity: 0;
    transform: all 2s;
    transition-delay: -0.5s;
}
#onebyone_slider img.ob1_img_device3 {
	position: absolute;
	top: 125px;
	left: 680px;
	z-index: 40
}

.buttonArea {
	float: left;
	left: 50%;
	position: relative;
	top: 100%;
	margin-top: -32px
}

.buttonCon {
	float: left;
	left: -50%;
	position: relative
}

.buttonCon .theButton {
	display: block;
	color: #b22222;
	width: 20px;
	height: 22px;
	background: url(../images/circlebutton.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}

.buttonArea a.active {
	background-position: 0 -22px
}

.animate_zoom_obo {
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-o-transform: scale(5);
	-ms-transform: scale(5);
	transform: scale(5)
}

.animate0 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate1 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate2 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate3 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate4 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animate5 {
	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.animated {
	-webkit-animation: 1s ease;
	-moz-animation: 1s ease;
	-ms-animation: 1s ease;
	animation: 1s ease
}
.ob1_img_device3{ background-size:50% 50%;}


@-webkit-keyframes anim1 {
   0% {top:40%;}
   50% {top:20%;}
   100% {top:40%;}
}
@-moz-keyframes anim1 {
   0% {top:40%;}
   50% {top:20%;}
   100% {top:40%;}
}
@-ms-keyframes anim1 {
   0% {top:40%;}
   50% {top:20%;}
   100% {top:40%;}
}
@keyframes anim1 {
   0% {top:40%;}
   50% {top:20%;}
   100% {top:40%;}
}


@-webkit-keyframes anim2 {
   0% {top:60%;}
   50% {top:30%;}
   100%{top:60%;}
}
@-moz-keyframes anim2 {
   0% {top:60%;}
   50% {top:30%;}
   100%{top:60%;}
}
@-ms-keyframes anim2 {
   0% {top:60%;}
   50% {top:30%;}
   100%{top:60%;}
}
@keyframes anim2 {
   0% {top:60%;}
   50% {top:30%;}
   100%{top:60%;}
}

@-webkit-keyframes anim3 {
   0% {top:70%;}
   50% {top:60%;}
   100%{top:70%;}
}
@-moz-keyframes anim3 {
   0% {top:70%;}
   50% {top:60%;}
   100%{top:70%;}
}
@-ms-keyframes anim3 {
   0% {top:70%;}
   50% {top:60%;}
   100%{top:70%;}
}
@keyframes anim3 {
   0% {top:70%;}
   50% {top:60%;}
   100%{top:70%;}
}
 
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
	from{-moz-transform:rotate(0deg)}
	to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
	from{-ms-transform:rotate(0deg)}
	to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
	from{-o-transform:rotate(0deg)}
	to{-o-transform:rotate(360deg)}
}

@media screen and (max-height:830px) {
	.view {
		margin-top: 3%;
		height: 90px;
		margin-bottom: 20px;
	}
	.kk {
		font-size: 30px;
	}
	.footer {
	   margin-top:40px;
	}
}

@media screen and (max-height:730px) {
	.view {
		margin-top: 5px;
		height: 90px;
		margin-bottom: 20px;
	}
	.kk {
		font-size: 26px;
	}
	.footer {
	   margin-top:20px;
	}
}

@media screen and (max-height:630px) {
	.view {
		margin-top:5px;
		height: 80px;
		margin-bottom: 10px;
	}
	.kk {
		font-size: 24px;
	}
	.footer {
	   margin-top:5px;
	}
	
}


#menu { margin: 0; padding: 0; position: fixed; bottom: 30px; right: 30px; list-style-type: none; z-index: 70;display: none;}
#menu li { float: left;}
#menu a { float: left; width:54px;height:54px;background:url(../imagesnew/topback.gif) no-repeat 0 0;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;}
#menu a:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}