*{
	font-family: "Microsoft Yahei","Heiti SC","Arial";
	padding: 0;
	margin: 0;
	list-style: none;
	text-decoration: none;
}
body,html{
	position: relative;
	width: 100%;
	height: 100%;
}
ul, ol{
	margin-bottom: 0;
}
a:link,a:visited,a:hover,a:active{
	text-decoration: none;
}
a:focus{outline:none;}
.col-md-2{
	padding-left: 0;
	padding-right: 0;
}
.row{
	margin: 0;
}
.carousel-control{
	width:19px;
	height: 42px;
	left: 3%;
}
.carousel-control.right{
	width:19px;
	height: 42px;
	right: 3%;
}
.carousel-indicators{
	z-index: 10;
}
h1,h2,h3{
	margin-top: 0;
	margin-bottom: 0;
}
/***light***/
.light{
	position: absolute;
	left: 50%;
	bottom: 12%;
	z-index: 18;
}
.screen_one{
	z-index:17;
	-webkit-animation:fadeinout 1.4s linear infinite;
	animation:fadeinout 1.4s linear infinite;
	animation-delay:-1.2s;
	margin-left: -8px;

}
.screen_two{
	z-index:16;
	-webkit-animation:fadeinout 1.4s linear infinite;
	animation:fadeinout 1.4s linear infinite;
	animation-delay:-1s;
	margin-left: -8px;

}
.screen_two,.screen_three,.screen_two img,.screen_three img{
	width: 16px;
	height:7px;
}
.screen_three{
	z-index:16;
	-webkit-animation:fadeinout 1.4s linear infinite;
	animation:fadeinout 1.4s linear infinite;
	animation-delay:-0.6s;
	margin-left: -8px;
}
@-webkit-keyframes fadeinout{
	0%{opacity:0;filter:alpha(opacity=0)}
	20%{opacity:1;filter:alpha(opacity=100)}
	50%{opacity:0;filter:alpha(opacity=0)}
	100%{opacity:0;filter:alpha(opacity=0)}
}
@keyframes fadeinout{
	0%{opacity:0;filter:alpha(opacity=0)}
	20%{opacity:1;filter:alpha(opacity=100)}
	50%{opacity:0;filter:alpha(opacity=0)}
	100%{opacity:0;filter:alpha(opacity=0)}
}
.screen-scroll-first img,.screen-scroll-second img{
	display:block;
	width:100%;
}
/**header***/
.container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-header{
	position: relative;

}
.indexlogo{
	width: 120px;
	height: 14px;
	background: url("../img/leologo.png") no-repeat;
	background-size:100% 100%;
	position: absolute;
	left: 10px;
	top: 50%;
	margin: -8px 0 0 0;
	display: none;
}
.pclogo{
	width: 148px;
	height: 60px;
	padding-top: 20px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
	position: absolute;
	/*top: 0;*/
	right: 0;
	left: 0;
	z-index: 20;
}

.navbar {
	margin-bottom: 0px;
	border: 0px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
	padding-right: 0;
	padding-left: 0;
}
.navbar-wrapper .navbar {
	padding-right: 0px;
	padding-left: 0px;
}
.navbar-wrapper .navbar .container {
	/*width: auto;*/
}

.nav-fluid {
	width: 100%;
}

.nav-fluid>li{
	/*height: 60px;*/
	line-height: 60px;
	text-align: center;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	background-color: #000;
}
.smallScreen .navbar-inverse .navbar-nav li:hover{
	background: #E6E6E6;
}
/* Carousel base class */
.carousel {
	/*height: 500px;*/
	/*margin-bottom: 60px;*/
	height: 100%;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}

.carousel-inner {
	height: 100%;
	background: #fff;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	/*height: 500px;*/
	background-color: #fff;
	height: 100%;
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	/*height: 500px;*/
	height: 100%;
	cursor: pointer;
}
.bannerList{
	width:100%;
	height:100%;
	/*background: url("/momondo-images/3788615425.png") no-repeat;*/
	background-size: cover;
	background-position:center;
}
.carousel-indicators {
	bottom: 50px;
}
.navbar-wrapper .navbar-inverse{
	background: rgba(0,0,0,0.5);
}
.navbar-wrapper .navbar-inverse .nav{
	background: transparent;
}
.navbar-inverse .navbar-nav li>a{
	font-size: 16px;
	color: #fff;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav li>a:hover{
	color: #e83a37;
	background: transparent;
}
.smallScreen .navbar-nav>.active>a, .smallScreen .navbar-nav>.active>a:hover, .smallScreen .navbar-nav>.active>a:focus,.smallScreen .navbar-nav li>a:hover{
	color: #e83a37;
	background: transparent;
	border-bottom: 1px solid #666;
}
.navbar-nav>li>a{
	padding: 0;
	width: 100%;
	height: 100%;
	line-height: 60px;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 20px;
	text-align: center;
}
.marketing h2 {
	font-weight: normal;
}
.marketing .col-lg-4 p {
	margin-right: 10px;
	margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
	margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
	/* Navbar positioning foo */
	#myCarousel{
	height:250px ;
}
	.navbar-wrapper {
		margin-top: 0px;
	}
	.navbar-wrapper .container {
		padding-right: 0px;
		padding-left: 0px;
	}
	.navbar-wrapper .navbar {
		padding-right: 0;
		padding-left: 0;
	}

	/* The navbar becomes detached from the top, so we round the corners */
	.navbar-wrapper .navbar {
		border-radius: 0px;
	}

	/* Bump up size of carousel content */
	.carousel-caption p {
		margin-bottom: 0px;
		font-size: 21px;
		line-height: 1.4;
	}

	.featurette-heading {
		font-size: 50px;
	}

	.nav-fluid>li{
		display: table-cell;
		/*width: 1%;*/
		/*float: none;*/
		text-align: right;
	}
	.navbar-collapse{
		width: 80%;
	}
}

@media (min-width: 992px) {
	.featurette-heading {
		margin-top: 120px;
	}
}
/***nav***/
.navBox{
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	z-index: 11;
	height: 60px;
}
.navBox .navbar-inverse{
	background-color: #fff;
}
.navBox .navbar-inverse .navbar-nav li>a{
	color: #e83a37;
	font-weight: bold;
}
.navBox .navbar-inverse{
	background-color:#fff;
}
.navBox .navbar-inverse .navbar-nav li>a{
	color: #666;
	font-weight: bold;
	text-align: center;
}
.navBox .navbar-inverse .navbar-nav li>a:hover{
	color: #e83a37;
	font-weight: bold;
}
.smallScreen{
	background:transparent;
}
.smallScreen .navbar-inverse{
	background-color:rgba(0,0,0,0.8);
}
.smallScreen .navbar-inverse .navbar-nav li>a{
	color: #e83a37;
	font-weight: bold;
}
.smallScreen .navbar-inverse .navbar-nav li>a{
	color: #fff;
	font-weight: bold;
}
.navbar-nav{
	margin: 0;
	height: 60px;
}
.nav{
	background: #fff;
}
.nav .navIn a{
	color:#666;
	font-size: 16px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
}
.nav .navIn a:hover{
	color: #ec2825;
}
.nav .navIn a:active,.nav .navIn a:visited{
	text-decoration: none;
	list-style: none;
}
.red{
	color: #ec2825!important;
}
.smallScreen .red{
	color: #ec2825!important;
	border-bottom: 1px solid #666;
}
.navIn li{
	text-align: center;
}
.navbar-inverse{
	border: none;
}
.small{
	width: 100%;
	height:100%;
;
}
#myCarousel{
	position:relative;
	width: 100%;
	height: 100%;
}
#myCarousel .item,#myCarousel .item img,.carousel-inner{
	width: 100%;
	height: 100%;
}
.carousel-control{
	position:absolute;
	top:50%;
	margin-top:-21px;
}
.carousel-control.left,.carousel-control.right{
	background-image:none;
}
.carousel-caption{
	font-size:20px;
	/* font-family:"΢ÈíÑźÚ"; */
}
.whoBox{
	width: 100%;
	background: #fafafa;
}
.who{
	padding: 15% 0 5% 0;
	margin: 0 auto;
	text-align: center;
}
.leo{
	font-size: 22px;
	font-weight: bold;
	margin-top: 8px;
}
.leonext{
	font-size: 20px;
	text-align: center;
}
.indexPrivacy{
	margin-bottom: 10%;
	height: 332px;
}
.indexPrivacy .privacyLi{
	background: #fff;
	border-radius: 5px;
	padding:2% 1% 2% 1%;
	margin-top: 30px;
	transition:margin-top 1s;
	cursor: pointer;
}

.indexPrivacy .privacyLi .col-md-5 img{
	width: 100%;
}
.privacyLi .col-md-7{
	margin-top: 90px;
}

.indexPrivacy .col-md-7{
	margin-top:23%;
}
.indexPrivacy .col-md-7 .privacyDownload{
	border:2px solid #2a327e;
	height: 60px;
	border-radius: 5px;
	width: 230px;
	margin: 0 auto;
}
.indexPrivacy .col-md-7 a,.indexPrivacy .col-md-7 i,.indexPrivacy .col-md-7 a img{
	display:block;
	width: 100%;
	height: 100%;
}
.indexPrivacy .col-md-7 i{
	width: 40px;
	height: 60px;
	/*background: url("../img/index_erweima.png") no-repeat center center;
	background-size:contain;*/
	/*padding-top: 10px;*/
	vertical-align: middle;
	display: block;
	float: left;
	width:56px;
	height:100%;
	text-align: center;
	padding-top: 8px;
}
.indexPrivacy .col-md-7 i:hover{
	background: rgba(0,0,0,0.05);
}
.indexPrivacy .col-md-7 i img{

}
.indexPrivacy .col-md-7 a{
	background: url("../img/indexapple.png") no-repeat 10px center;
	background-size: 26px 30px;
	font-size: 20px;
	line-height: 60px;
	padding-left: 35px;
	color: #2a327e;
	width: 170px;
	text-align: center;
	float: left;
}
.indexPrivacy .col-md-7 a.privacyGoole{
	background-image: url("../img/indexgoole.png");
	background-size: 24px 28px;
}
.indexPrivacy .col-md-7 a.privacyGoolezh{
	background: url("../img/downloadZh.png") no-repeat 10px  center;
	/*background-size: 24px 28px;*/
}
.content{
	text-align: center;
	width: 100%;
	margin: 8% 0 8% 0;
}
.contentTitle{
	text-align: center;
}
.contentTitle li{
	font-size: 18px;
	color: #444444;
	margin-bottom:2%;
}
.contact_phone{
	color: #444;
}

.about .contact_add{
	width: 80%;
	margin: 0 auto 1%;
}
.contentTitle li i{
	margin-right: 10px;
}
.contentTitle li i img{

}
.ourValue{
	padding-bottom: 150px;
}
.ourValue div{
	height: 193px;
}
.ourValue .valueLeft div{
	padding-top: 30px;
}
.ourValue h2{
	font-size: 24px;
	padding-bottom: 16px;
}
.flow{
	text-align: center;
	padding-bottom: 40px;
	margin-bottom: 35px;
	border-bottom: 1px solid #ccc;
}
.service{
	padding-bottom: 160px;
}
.service p{
	text-align: center;
	width: 90%;
	font-size: 18px;
}
/***number***/
.number{
	position: relative;
	padding:138px 0;
	background: url(../img/normal.jpg) no-repeat;
	background-attachment:fixed;
//background-size:cover;
	background-position:top center;
	z-index: 10;
	width: 100%;
	/*  height: 250px; */
}
.number ul{
	overflow: hidden;
}
.number ul li{
	float: left;
	color: #fff;
}
.conta .col-md-4{
	padding-top: 130px;
}
.conta .conta_left{
	background:url(../img/qiu.png) no-repeat top center;
	text-align: center;
}
.conta .conta_center{
	background:url(../img/center.png) no-repeat top center;
	text-align: center;
}
.conta .conta_right{
	background:url(../img/peo.png) no-repeat top center;
	text-align: center;
}
.timer200 i{
	display: inline-block;
	background:url(../img/timer.png) no-repeat center center;
	background-size: contain;
	width: 26px;
	height: 35px;
	margin-left: 5px;
}
.numberBox{
	text-align: center;
}
.numberBox img{
	margin: 5% 0;
}
.whoin{
	width: 60%;
	font-size: 18px;
	margin-bottom:3%;
}
.contentTitle .contact_phone{
	margin-bottom:199px;
}
/***about***/
.fafa{
	width: 100%;
	background: #fafafa;
}
/*.whohistory{
	width: 658px;
	height: 64px;
	margin:3% auto 118px;
	text-align: center;
	background: url(../img/devehistory_en.png) no-repeat;
	background-size: contain;

}*/
.whohave{
	width: 283px;
	height: 58px;
	background: url(../img/wehave_en.png) no-repeat;
	background-size: contain;
	margin: 170px auto 110px;
}
.history{
	text-align: center;
}
.history img{
	/*width: 100%;
	height: auto;*/
	display: block;
	margin: 0 auto;
	padding-bottom: 920px;

}
.our_title{
	margin-top: 175px;
}
/********/

.jobBanner,.aboutBanner{
	width: 100%;
	height: 100%;
}
.aboutBanner{
	background: url("/momondo-images/3788615425.png") no-repeat;
	background-size: cover;
	background-position: center;
}
.jobBanner{
	background: url("../img/invite.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}
.jobBanner img,.aboutBanner img{
	width: 100%;
	height: 100%;
	display: block;
}
.jobForyou{
	font-size: 48px;
}
.jobForyou .foryouTitle{
	background:url(../img/22.png) no-repeat left center;
	text-align: center;
	width: 50%;
	/* padding: 20% 0 15% 0;
	margin:0 auto; */
	margin:200px auto 120px;
	background-size: contain;
}
.foryouMain{
	font-size: 18px;
	text-align: center;
	margin-bottom: 60px;
}
.jobMian{
	width: 100%;
	background: url(../img/invite_bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: top center;
}
.invite_top{
	font-size: 36px;
	color: #fff;
}
.animate{
	padding:50% 0;
	text-align: center;
}
.invite_bottom{
	font-size: 22px;
	color: #fff;
}
.needyou .foryouTitle{
	background:url(../img/221.png) no-repeat left center;
	text-align: center;
	width: 40%;
	margin:185px auto 100px;
	font-size: 48px;
	background-size: contain;
}
.needyouMain{
	font-size: 30px;
	text-align: center;
	margin-bottom: 100px;
}
.jobContent .animate{
	text-align: center;
	padding: 0;
}
.jobContent .animate p{
	color: #000000;
}
.jobContent .invite_top{
	font-size: 24px;
	margin-top: 10%;
}
.jobContent .invite_bottom{
	font-size: 18px;
}
.listTitle{
	background:url(../img/22.png) no-repeat left center;
	background-size: contain;
	text-align: center;
	width: 30%;
	margin:200px auto 100px;
	font-size: 48px;
}
.jobBox{
	background: #fafafa;
	width: 100%;
}
.jobTab .nav{
	text-align: center;
	background: none;
	padding: 28px 0;
}
.tab-pane h1{
	font-size: 24px;
	line-height: 36px;
	background: url(../img/221.png) no-repeat left center;
	background-size: 6px 36px;
	padding-left: 26px;
	margin: 70px 0 38px 0;
	font-weight: bold;
}
.tab-pane h3{
	font-size: 18px;
	margin-bottom: 20px;
}
.tab-pane p{
	font-size: 14px;
}
.job_btn{
	width:160px;
	height:50px;
	background: #e83a37;
	border: none;
	border-radius: 5px;
	font-size: 24px;
	line-height:50px;
	text-align: center;
	color: #fff;
	margin: 50px 0 110px 0;
}
.nav-tabs{
	border-bottom: none;
}
.jobList li{
	/* min-height: 107px; */
	/*background: #fafafa;*/
}
/*.nav-tabs>li:hover{
	background: none;
}*/
.nav-tabs>li.active>a,.nav-tabs>li.active,.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border: none;
	background-color: transparent;
	color: #fff;
}
/*.nav>li>a:hover, .nav>li>a:focus,.nav>li{
	background-color:transparent;
}*/
.nav-tabs>li>a:hover{
	border: none;
}
.nav-tabs>li>a{
	border: none;
	color: #aeaeae;
}

.jobBox .nav-tabs>li.active>a{
	background:url(../img/141.png) no-repeat center center;
	border: none;
	color: #fff;
	background-size: contain;
}
#listJob li.active a:hover{
	background:url(../img/141.png) no-repeat center center;
	border: none;
	color: #fff;
	background-size: contain;
}
#listJob li a:hover{
	background: #fafafa;
}
.examplein .nav-tabs>li.active,.examplein .nav-tabs>li.active>a:hover{
	background-color: #fff;
	box-shadow: 0 0 20px rgba(173,173, 173, 0.9);
	-webkit-box-shadow: 0 0 20px rgba(173,173, 173, 0.9);
}
/*.examplein .nav-tabs>li:hover,.examplein .ulList li a:hover{
	background: rgba(255, 255, 255, 0.7);
}*/
.examplein #myTab li a:hover{
	background: none;
}
.examplein #myTab li.active a:hover{
	background: #fff;
}
.examplein .nav-tabs>li.active>a{
	color: #eb5d5b;
}
#myTabContent{
	padding-left: 4.5%;
	margin-bottom: 10%;
}
.jobBox .nav>li{
	display:table-cell;
	vertical-align: middle;
}
.jobBox .nav>li:hover,.jobBox .nav>li>a:hover{
	background: transparent;
}
.nav>li>.font{
	line-height:2.9rem;
	font-size: 28px;
	/* display:inline-block; */
}
.mbrbrTop .nav{
	background: transparent;
}
 .mbrbrTop .nav>li:hover, .mbrbrTop .nav>li>a:hover{
	background: rgba(255,255,255,0.7);
}
/**aboutus*/
.our_in .col-md-4{
	text-align: center;
}
.weare{
	text-align: center;
	padding: 5% 0 0 0;
}
.weare .weIn{
	margin-bottom: 0;
}
/*.weare .whotitle{
	margin-bottom: 4%;
}*/
.weIn{
	font-size: 18px;
	text-align: center;
	width: 95%;
	margin: 0 auto 60px;
}
.our_first{
	font-weight: bold;
	margin: 2% 0;
	font-size: 24px;
}
.our_last{
	font-size: 18px;
	margin: 0 auto;
}
.our_title{
	text-align: center;
	margin-bottom:10%;
}
/************product****************/
/***products**/
.con{
	width: 100%;
	height: 100%;
}
.con ul li img{
	width: 100%;
	height: 100%;
}
.con ul {
	width: 100%;
	height: 100%;
}
.con ul li {
	width: 100%;
	height: 100%;
	display:none ;
}
.con .leftBtn{
	width: 39px;
	height: 92px;
	position:absolute;
	background:url(../img/arrow_highlight.png) no-repeat;
	top: 50%;
	left: 2%;
	margin: -35px 0 0 0;
	display: block;
}
.con .rightBtn {
	width: 39px;
	height: 92px;
	position:absolute;
	background:url(../img/arrow_high.png) no-repeat;
	top: 50%;
	right:2%;
	margin: -35px 0 0 0;
	display: block;
}
.con_first,.con_two,.con_three{
	position: relative;
	width: 100%;
	height:100%;
}

.con_first_en{
	background: url(../img/android_banner_en.jpg) no-repeat;
}
.con_first_zh{
	background: url(../img/android_banner_zh.jpg) no-repeat;
}
.con_first{
	/*background: url(/img/andriod.jpg) no-repeat;*/
	background-size: cover;
	background-position: top;
}
.con_two_en{
	background: url(../img/ios_banner_en.png) no-repeat;
}
.con_two_zh{
	background: url(../img/ios_banner_zh.png) no-repeat;
}
.con_two{
	/*background: url(/img/ios.jpg) no-repeat;*/
	background-size: cover;
	background-position: top;
}
.con_three_en{
	background: url(../img/theme_banner_en.png) no-repeat;
}
.con_three_zh{
	background: url(../img/theme_banner_zh.png) no-repeat;
}
.con_three{
	/*background: url(/img/banner.jpg) no-repeat;*/
	background-size: cover;
}
.conPosi{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
}
.con_title{
	width: 406px;
	height: 530px;
	position: absolute;
	top: 150px;
	right: 330px;
}
.con_title .con_pic img{
	width: 217px;
	height: 232px;
	display: block;
	margin: 0 auto;
}
.con_title h2{
	font-size: 30px;
	text-align: center;
	color: #fff;
	font-weight: normal;
}
.con_title p{
	font-size: 20px;
	text-align: center;
	color: #fff;
}
.con .con_first .con_play a,.con .con_first .con_play img,.con .con_two .con_play img{
	width: 78px;
	height: 78px;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}
.con_play a{
  background:url("../img/play.png") no-repeat center center;
	background-size:contain;
}
.con_play a:hover{
	background: url("../img/playhover.png") no-repeat center center;
	background-size:contain;
}
.blackrgb{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background:rgba(0, 0, 0, 0.5);
	display: none;
}
.con_border{
	width: 342px;
	height: 78px;
	border: 1px solid #fff;
	border-radius: 5px;
	margin: 50px auto 0;
}
.con_first .con_border{
	margin-top: 20px;
}
.con_first .con_border a{
	background: url(../img/Android2.png) no-repeat 22px center;
	background-size: 38px 40px;
	padding-left: 80px;
	font-size: 26px;
}
.con_first .con_border .downloadZh{
	background: url(../img/downZh.png) no-repeat 22px center;
}
.con_two .con_border a{
	background: url(../img/apple.png) no-repeat 18px center;
	background-size: 32px 38px;
	padding-left: 55px;
}
.con_border a{
	display: table-cell;
	width: 242px;
	margin-left: 80px;
	font-size: 24px;
	height: 77px;
	line-height: 77px;
	color: #fff;
	text-align: center;
}
.con_border i{
	width: 60px;
	height: 60px;
	/*float: right;*/
	cursor: pointer;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
.con .con_border i img{
	width: 60px;
	height: 60px;
	/*float: right;*/
	cursor: pointer;
	/*display: block;*/
	vertical-align: middle;

}
.con_border i{

	width: 100px;
	height: 100%;

}
.con_border i:hover{
	background: rgba(255,255,255,0.3);
}
/*.con .con_border i img{
	width: 60px;
	height: 60px;
}*/
.showoutAndroid,.showoutIos{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	left: 0;
	top: 0;
	z-index:20;
	transition: all ease 500ms;
	display: none;
}
.showoutAndroidIn,.showoutIosIn{
	width: 640px;
	position: absolute;
	left: 50%;
	margin-left: -320px;
	top: 50%;
	margin-top: -320px;
	background-color: #FFF;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	-webkit-transition: all ease 700ms;
	-moz-transition: all ease 700ms;
	transition: all ease 700ms;
}
.showoutAndroidIn img,.showoutIos img{
	display: block;
	width: 640px;
}
/***main***/
.main{
	padding: 111px 0 115px 0px;
}
.main img{
	display: block;
	margin: 0 auto;
}
/***list***/
.list{
	padding: 0 0 163px 0;
	border-bottom: 1px solid #f4f4f4;
}
.list ul{
	overflow: hidden;
}
.list ul li{
	float: left;
	width: 276px;
	height: 356px;
	margin: 30px 0 0 20px;

	transition:margin-top 1s;
	border-radius:10px;
}
.list01,.list04{
	background:#fff url(../img/now.png) no-repeat 73px center;
}
.list .list01:hover,.list .list04:hover{

	margin-top: 8px;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.5) ;
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
}
.list .list02:hover,.list .list03:hover{
	margin-top: 8px;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.5) ;
	-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
}


/***who***/
.who{
	width: 100%;
//height: 618px;
}

.whotitle{
	max-width: 387px;
	max-height: 60px;
	margin: 100px auto 110px;
}
.whotitle i,.our_title i{
	width: 12px;
	height: 60px;
	background: #e83a37;
	border-radius: 5px;
	margin: 0 40px 0 0;
	display: inline-block;
}
.who p{
	width: 1062px;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	padding-top: 110px;
}
.whohistory{
	height: 64px;
	margin:0 auto 118px;
	text-align: center;
	background-size: contain;

}
.whohistory_en{
	/*width: 658px;*/
	/*background: url(/img/devehistory_en.png) no-repeat;*/
}
.whohistory_zh{
	/*width: 247px;*/
	/*background: url(/img/devehistory_zh.png) no-repeat;*/
}
.history_en{
	/*width: 247px;*/
}
.whohave{
	width: 283px;
	height: 58px;
	background: url(../img/wehave_en.png) no-repeat;
	background-size: contain;
	margin: 170px auto 110px;
}
.history{
	width: 100%;
	margin-top: 120px;
	background: url("../img/us.png") no-repeat left bottom;
	background-size: cover;
	background-position: center;
}
/**about_our**/
.about_our{
	width: 100%;

}
.our_title{
	width: 292px;
	height: 64px;
	/* background: url(../img/ouridea_en.png) no-repeat;
     background-size: contain;*/
	margin:115px auto 110px;
}
.our_title img{
	width: 100%;
	height: auto;
}
.our_in ul li{
	text-align: center;
}
/* .our_in ul li:nth-child(1){
    width: 343px;
}
.our_in ul li:nth-child(2){
    width: 300px;
}
.our_in ul li:nth-child(3){
    width: 280px;
} */
.our_in ul li p{
	width: 100%;
}
.our_in ul li .our_first{
	margin:20px auto 20px;
	font-size: 28px;
	font-weight: bold;
}
.our_last{
	font-size: 18px;
	line-height: 40px;
}
/***number***/
.number{
	position: relative;
	padding:138px 0;
	background: url(../img/normal.jpg) no-repeat;
	background-attachment:fixed;
	background-position:top center;
	background-size: cover;
	z-index: 9;
	width: 100%;
}
.number ul li{
	float: left;
	color: #fff;
}
.container_li{
	width: 210px;
	height: 82px;
}
.container .container_left{
	background:url(../img/qiu.png) no-repeat top center;
	width: 210px;
	height: 134px;
	padding-top: 130px;
	text-align: center;
	margin-left: 63px;
}
.container .container_center{
	background:url(../img/center.png) no-repeat top center;
	width: 247px;
	height: 134px;
	padding-top: 130px;
	text-align: center;
	margin-left:190px;
}
.container .container_center .timer200{
	width:160px;
	padding: 0px 0 0 15px;
}
.container .container_right{
	background:url(../img/peo.png) no-repeat top center;
	width: 285px;
	height: 134px;
	padding-top: 130px;
	text-align: center;
	margin-left:190px;
}
.container_right .container_li{
	padding: 0px 0 0 40px;
}
/* .timer200{
    background:url(../img/timer.png) no-repeat right center;
} */

.contact{
	width: 100%;
	padding: 116px 0 0 0;
}
.contact li{
	text-align: center;
	font-size: 18px;
	max-width: 1110px;
	line-height: 34px;
}
.contact li i{
	margin-right: 20px;
}

.contact_img{
	margin: 0 auto;
	width: 463px;
}
.contact .contact_mail{
	margin: 90px auto 35px;
	background: url(../img/mail.png) no-repeat left center;
	width: 500px;
}
.contact .contact_mail i{
	width: 28px;
	height: 21px;
}
.contact .contact_add{
	margin: 20px auto 25px;
	background: url(../img/add.png) no-repeat left center;
	padding-left: 10px;
}
.contact .contact_phone{
	margin: 0 auto 100px;
	background: url(../img/phone.png) no-repeat left center;
	width:240px;
}
/***main***/
.left{
	float: left;
}
.right{
	float: right;
}
.fontsize36{
	font-size:36px;
}
.fontsize142{
	font-size:142px;
}
.news_banner,.news_banner img{
	width: 100%;
}
/***main**/
.news_main{
	padding: 60px 0 0 0;
	margin-bottom: 50px;
}
.news_mainin{
	padding:30px 0;
	border-top: 1px solid #e5e5e5;
}
.main_left{
	position: relative;
}
.main_left .news_new{
	display: block;
	position: absolute;
	left:8px;
	top: 10px;
	width: 100px;
	height: 52px;
	background: url(../img/new.png) no-repeat;
	background-size: contain;
}
.main_left img{
	width:100%;
	max-height: 242px;
}
.main_right h1{
	font-size: 24px;
	margin-bottom: 40px;
	color:#000;
}
.main_right h1:hover{
	color: #000000;
}
.main_right{
	padding-top: 20px;
}
.main_timer{
	font-size: 18px;
	color: #858585;
}
.main_title{
	font-size: 18px;
	margin-top: 15px;
	color: #858585;
	height: 48px;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	word-break: break-all;
	/*overflow: hidden;
	text-overflow: ellipsis;
	ext-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;*/
	/*white-space: nowrap;
	width: 100%;                  !* IE6 需要定义宽度 *!
	-o-text-overflow: ellipsis;    !* Opera *!
	text-overflow:    ellipsis;*/
	/*word-break: break-word;
	overflow: hidden;*/
}
/***example***/
.example{
	width: 100%;
	margin: 0 0 70px 0;
	/*position: absolute;
	top: 808px;*/
}
.examplein{
	position: relative;
	z-index: 10;
	width: 80%;
	margin:-150px auto 0;
	border-radius: 10px;
}
.ulList{
	height: 85px;
	width: 80%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.ulList li {
	float: left;
	width: 100px;
	width: 31%;
	margin-left: 2%;
	background:rgba(255, 255, 255, 0.7);
	height: 105px;
	border-radius: 10px;
	text-align: center;
	line-height: 85px;
	font-size: 42px;
}
.listCon{
	background-color: #fff;

}
.ulList li a{
	color: #a1a2a3;
	font-size: 36px;
}
.examplein .ulList li a{
	color: #a1a2a3;
	font-size: 36px;
	height: 85px;
	width: 100%;
	border-radius:10px 10px 0 0;
}
.ulList .current {
	background-color: #fff;

	box-shadow:0 0 20px rgba(173,173, 173, 0.9) ;
	-webkit-box-shadow:0 0 20px rgba(173,173, 173, 0.9);
	-moz-box-shadow:0 0 20px rgba(173,173, 173, 0.9);
}
.ulList .current a{
	color: #eb5d5b;
}
.listCon{
	background: #fff;
	border-radius: 10px;
	box-shadow:0 0 30px rgba(173,173, 173, 0.9) ;
	-webkit-box-shadow:0 7px 30px rgba(173,173, 173, 0.9);
	-moz-box-shadow:0 7px 30px rgba(173,173, 173, 0.9);
	padding-bottom: 10px;
	position: relative;
	z-index: 2;
}
.listCon .listCon01,.listCon .listCon02,.listCon .listCon03 {
    /*
	display:none;
    */
	padding: 200px 0 0 10px;
	width: 80%;
	margin: 0 auto;
}
.listCon .listCon03 .con03In{
	display: block;
	width: 100%;
	padding: 0;
}
.listCon01 li{
	width: 88%;
}
.listCon .current {
	display:block;
}
.listCon .listCon01 li,.listCon .listCon02 li {
	width: 88%;
	margin:0 auto 290px;
	overflow: hidden;
	position: relative;
//line-height: 25px;
}
.listCon01 h2,.listCon02 h2{
	font-size: 46px;
	line-height: 96px;
}
.listCon01 p,.listCon02 p{
	font-size: 26px;
}
.listCon01{
	position: relative;
}
.listCon01 .center01 .centerRight01{
	padding-top: 5%;
}
.listCon01 .center03 .centerRight03{
	padding: 105px 0 0 0;
}

.listCon01 .center04{
	position: relative;
}
.listCon01 .center04 .centerLeft04{
	margin-top:7%;
}

.listCon01 .center05 .centerRight05{
	padding:2% 0 0 0;
}
.listCon01 .center05 .centerRight05{
}
.listCon .center01 img,.center03 img,.center05 img{
	display: block;
	/* margin: 0 auto;	 */
}
.listCon img{
	width: 100%;
	height: 100%;
}
.listCon02 .center01 .centerLeft01{
	padding:5% 0 0 0;
}
.listCon02 .center02 .centerRight02{
	padding:3% 0 0 10%;
}

.listCon02 .center03 .centerLeft03{
	padding:2% 0 0 0;
}
.listCon02 .center04 .centerRight04{
	padding:5% 0 0 10%;
}
.center04{
	overflow: hidden;
}
.listCon03{
	overflow: hidden;
}
.listCon03 .con03In .theme{
	/*width: 375px;;*/
	max-height: 452px;
	border: 2px solid #dedede;
	border-radius: 10px;
	float: left;
	margin: 0 0 34px 0;
	padding: 0;
	width: 100%;
}
.themeIn{
	width: 90%;
	margin:25px auto 0;
	overflow: hidden;
}
.themeImg{
	height: 146px;
	overflow: hidden;
}
.themeImg img{
	width: 100%;
	/*height: 270px;*/
	border-radius: 8px 8px 0px 0px;
}
.themeIn img{
	width: 44px;
	height: 44px;
	border-radius: 5px;
}
.themeIn span{
	font-size: 18px;
	line-height: 45px;
}
.theme a{
	width:36px;
	height:36px;
	display: block;
	background: url(../img/down.png) no-repeat;
	background-size: contain;
	margin:15px  auto 15px;
}

.mainright{
	text-align: right;
}
/*****invite****/
.invite_banner{
	width: 100%;
	height: 100%;
}
.invite_banner img{
	width: 100%;
	height: 100%;
}
.invite_do{
	width: 100%;
}
.invite_do h1,.invite_you h1,.invite_job h1{
	width: 100%;
	text-align: center;
	font-size: 60px;
	height: 350px;
	line-height: 350px;
}
.invite_do h1 i,.invite_job h1 i{
	height: 60px;
	width: 12px;
	border-radius: 5px;
	background:#e83a37;
	display: inline-block;
	margin: 10px 40px 0 0;
}
.invite_do p,.invite_you p{
	font-size: 24px;
	line-height: 36px;
	width: 100%;
	text-align: center;
}
.invite_last{
	padding-bottom: 65px;
}
.invite_do .invite_main{
	width: 100%;
	height: 510px;
	background: url(../img/invite_bg.jpg) no-repeat;
	background-size: contain;
}
.invite_mainin{
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
}
.mainin li{
	width: 270px;
	height:360px;
	float: left;
	position:relative;
}
.mainin .animate{
	width:270px;
	height:260px;
	text-align:center;
	position:absolute;
	left:0;
	opacity:1;
	top:80px;
	animation:load 2s linear;
}
.mainin li:nth-child(1) .animate{
	animation-delay:-1.2s;
}
.mainin li:nth-child(2) .animate{
	animation-delay:-1s;
}
.mainin li:nth-child(3) .animate{
	animation-delay:-0.8s;
}
.mainin li:nth-child(4) .animate{
	animation-delay:-0.6s;
}
@keyframes load{
	0%{
		opacity:0;
		top:360px;
	}
	100%{
		opacity:1;
		top:80px;
	}
}
.invite_mainin i{
	width: 126px;
	height:126px;
	display: block;
	margin: 0 0 40px 70px;
}
.invite_you .invite_mainin i{
	margin: 35px 0 40px 70px;
}
.invite_mainin img{
	width: 126px;
	height:126px;
	display: block;
}
.invite_do .invite_mainin p{
	color: #fafafa;
}
.invite_do .invite_top{
	font-size:36px;
}
.invite_do .invite_mainin .invite_bottom{
	font-size:22px;
	line-height: 50px;
}
.invite_you h1 i{
	height: 60px;
	width: 12px;
	border-radius: 5px;
	background:#0077b5;
	display: inline-block;
	margin: 10px 40px 0 0;
}
/***invite_job***/
.invite_job{
	width: 100%;
}
.job_top{
	width: 100%;
	height: 106px;
	background: #fafafa;
	padding: 40px 0 0 0;
}
.job_top ul{
	width: 1080px;
	margin: 0 auto;
}
.job_top ul li{
	float: left;
	width: 25%;
	text-align: center;
}
.job_top ul li p{
	width: 160px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #aeaeae;
	font-size: 32px;
	cursor: pointer;
}
.invite_job .job_top ul li .blue{
	background: #0077b5;
	border-radius: 5px;
	color: #fff;
}
.job_bottom{
	width: 1140px;
	margin: 0 auto;
}
.job_bottom div{
	display: none;
}
.job_bottom h2{
	font-size: 36px;
	height: 80px;
	line-height: 80px;
	margin: 50px 0 0 0;
}
.job_bottom h3{
	font-size: 32px;
	height: 60px;
	line-height: 60px;
}
.job_bottom i{
	width: 6px;
	height: 44px;
	background: #0077b5;
	border-radius: 5px;
	margin: 0 20px 0 0;
	display: inline-block;
}
.job_bottom p{
	font-size: 14px;
	line-height: 42px;
}
.job_btn{
	width: 160px;
	height: 50px;
	background: #e83a37;
	border: none;
	border-radius: 5px;
	font-size: 24px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	margin: 50px 0 110px 0;
}
/**fix**/
.fix{
	position: fixed;
	right: 10%;
	top: 50%;
	width: 70px;
	height: 150px;
	display: none;
}
.fix button{
	width: 70px;
	height: 70px;
	border:none;
	border-radius: 5px;
	background:url(../img/gotop.png) no-repeat;
	background-size: contain;
}
.fix a{
	display: block;
	width: 70px;
	height: 70px;
	background:url(../img/in.png) no-repeat;
}

/***newin***/
#newin .nav{
	border-bottom: 1px solid #c7c7c7;
}
.newin_main{
	margin: 120px auto 45px;
}
.newin_maintop{
	height: 70px;
	border-bottom: 1px solid #000000;
}
.newin_maintop a{
	line-height: 70px;
	font-size: 24px;
	color: #767676;
	background: url(../img/back.png) no-repeat left center;
	background-size: 14px 18px;
	padding: 0 0 0 36px;
}
.newin_maintop b{
	float: right;
	font-size: 24px;
	line-height: 70px;
	color: #767676;
	font-weight: normal;
}
.newin_main h1{
	font-size: 30px;
	color: #767676;
	padding: 30px 0;
}
.main_line{
	width: 150px;
	height: 4px;
	background: #0079b8;
	border-radius: 10px;
	margin-top: 30px;
}
.main_talk{
	height: 40px;
}
.main_talk b{
	font-size: 18px;
	line-height: 40px;
	color: #808080;
	font-weight: normal;
}
.newinCity{
	font-weight: bold;
}
.main_talk a{
	width: 40px;
	height: 40px;
}
.talk_face{
	background: url(../img/f.png) no-repeat;
	background-size: contain;
	margin:0 17px 0 0;
}
.talk_fly{
	background: url(../img/fly.png) no-repeat;
	background-size: contain;

}
.main_blue{
	margin: 20px 0 0 0;
	height: 130px;
	background: #0079b8;
	border-radius: 5px;
	padding: 0 0 0 20px;
}
.main_blue h2{
	font-size: 28px;
	padding:25px 0;
	color: #ffffff;
}
.main_blue p{
	font-size: 18px;
	line-height:normal ;
	color: #ffffff;
}
.main_content{
	padding: 40px 0 0 0;
}
.main_content h3{
	font-size: 20px;
	line-height: 45px;
	color: #000;
	font-weight: normal;
}
.main_content p{
	font-size: 14px;
	line-height: 35px;
	color: #808080;
}
.main_content img{
	display: block;
	margin: 36px auto 0 auto;
	max-width: 100%;
}
.listCon03 .con03In{
	min-height:350px;
}
.listCon03,.con03In{
	overflow: hidden;
}
.newbefore{
	overflow:hidden;
	margin-bottom: 10%;
	display: none;
}
.newbefore a{
	display: inline-block;
	width: 30%;
	color: #0079b8;
	border: 1px solid #0079b8;
	border-radius: 5px;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
}
/***page***/
.page{
	height: 55px;
	margin:86px auto 110px;
	display: block;
}
.page li{
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	border: 2px solid #d5d5d5;
	border-radius:5px;

}
.pageIn{
	text-align: center;
}
.page ul{
	margin: 0 auto;
	overflow: hidden;
	display: inline-block;
	min-width:300px;
	padding:0;
}
.page li a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 56px;
	text-align: center;
	color: #1a2a7c;
	font-size:24px;
}
.page .pageBefore{
	width: 34px;
	height: 61px;
	background:url(../img/before.png) no-repeat;
	background-size: contain;
	border: none;
}
.page .pageAfter{
	width: 34px;
	height: 61px;
	background:url(../img/after.png) no-repeat;
	background-size: contain;
	border: none;
}
.page .black a{
	color: #fff;
}
#page.black-theme a,#page.black-theme span{
	width: 48px;
	height: 48px;
	line-height:48px;
	font-size: 22px;
	color: #727272;
}
#page.black-theme .current{
	/*width: 56px;
	height: 56px;*/
	background: #E1E1E1;
	border: none;
	color: #F6F6F6;
}
#page.black-theme .current.prev,#page.black-theme .current.next{
	background: transparent;
}
#page .black-theme a,#page .black-theme span{
	width: 46px;
	height: 46px;
	line-height:48px;
}
.black-theme .next, .black-theme .prev{
	border: none;
}
#page.simple-pagination ul{
	margin: 0 0 50px 0;
}

/***footer***/
.footer{
	width: 100%;
	background-color: #000000;
}
.footer li{
	text-align: center;
}
.footer li a{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.footer li a img{
	margin: 0 auto;
	display: block;
}
.footer ul{
	margin: 15px auto 0;
	width: 80%;
	min-height: 41px;
}
.WeChat_highlight{
	position: relative;
}
.wechat{
	position: absolute;
	top: -118px;
	left: 50%;
	margin-left: -58px;
	width: 111px;
	height: 116px;
	background: url("../img/wechat.png") no-repeat;
	z-index: 12;
	padding-top: 11px;
	display: none;
}
.wechat img{
	width: 89px;
	height: 89px;
}
.footer_bottom{
	margin:0 auto;
	width: 45%;
	overflow: hidden;
	text-align: center;
	padding: 15px 0;
}
.footer_bottom p{
	width: 350px;
	color: #fff;
	font-size: 14px;
	float: left;

}
.footer_bottom .footer_copy{
	height: 30px;
	line-height: 30px;
}
.footer_bottom a{
	color: #fff;
	font-size: 14px;
	font-family: Arial;
	display: block;
	float: left;
}
.footer_info{
	margin-left: 20px;
}
.footer_bottom .language{
	width:70px;
	height: 30px;
	line-height: 30px;
	background: url(../img/sanjiao.jpg) no-repeat right bottom;
	background-size: 10px 10px;
	cursor: pointer;
}
.footer_bottom .moretop span{
	display: inline-block;
	width: 24px;
	height: 24px;
	background:url(../img/diqiu.png) no-repeat;
	background-size:24px 24px;
	margin:0 20px 0 30px;
	float: left;
}
.more{
	position: relative;
}
.more,.moretop{
	float: left;
}
.morelanguage{
	width: 85px;
	position: absolute;
	bottom: 0;
	right: -10px;
	text-align: center;
	background-color: #000;
	display: none;
}
.morelanguage a{
	display: block;
	line-height: 30px;
}
.showout{
	display: block;
	height: 60px;
}
.back{
	width: 70px ;
	height: 150px;
	position: fixed;
	right: 90px;
	bottom: 100px;
	display: none;
	z-index: 12;
}
.goback,.backIn,.linkIn{
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.goback{
	background: url(../img/gotop.png) no-repeat;
	margin-bottom: 10px;

}
.backIn{
	background: url(../img/in.png) no-repeat;
}
.linkIn{
	background: url(../img/linkedin.png) no-repeat;
}
.linkIn a{
	display: block;
	width: 100%;
	height: 100%;
}
/**copyRight**/
.copyBanner{
	margin-top: 60px;
}
.copyBanner,.copyBanner img{
	width: 100%;
	height: auto;
}
.copyMain{
	margin-top: 100px;
}
.copyMain h2{
	font-size: 24px;
	color: #808080;
	margin: 10px 0 30px 0;
}
.copyMain p{
	font-size: 18px;
	color: #808080;
	margin-bottom: 30px;
}
.policy .footer{
	background: transparent;
	border-top:1px solid #f2f6f8;
}
.policy .footer p{
	line-height: 40px;
	width: 100%;
}
.policy .footer p,.policy .footer a{
	color: #808080;
}
.policy .footer .more{
	margin-top: 5px;
}
.policy .footer_bottom .moretop span{
	background-image: url(../img/dq.png);
	margin-top: 5px;
}
.policy .footer_bottom .language{
	background-image: url(../img/right.png);
}
.policy .morelanguage{
	background: #fff;
}

/****swiper****/
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	background-position: center;
	background-size: cover;
}
.swiper-wrapper img,.swiper-wrapper .swiper-slide a{
	width: 100%;
	height: 100%;
	display: block;
}
/***media***/
@media (max-width:1650px){
	.listCon01 h2, .listCon02 h2{
		font-size: 40px;
	}
}
@media (max-width:1500px) {
	.blackrgb{
		display: block;
	}
}
@media (max-width:1430px){
	.listCon01 h2, .listCon02 h2{
		font-size:36px;
	}
	.themeIn span{
		font-size: 16px;
	}
	.back{
		right: 0px;
	}
}
@media (min-width:1000px) and (max-height:850px){
	#myCarousel,.jobBanner,.aboutBanner{
		min-height: 800px;
	}
}
@media (max-width:1366px) and (min-width:1288px){
	#indexPrivacy .row{
		width: 1060px;
		margin: 0 auto;
	}
	.listCon01 h2, .listCon02 h2{
		font-size: 38px;
	}
	.listCon .listCon01 li, .listCon .listCon02 li{
		width: 100%;
	}
	.listCon02 .center04 .centerRight04,.listCon01 .center01 .centerRight01,.listCon02 .center01 .centerLeft01{
		padding: 0;
	}
	.listCon01 .center04 .centerLeft04{
		margin-top:0;
	}

}
@media (max-width:1300px){
	.listCon01 h2, .listCon02 h2{
		font-size: 36px;
		line-height: 48px;
	}
	.listCon01 p, .listCon02 p{
		font-size: 20px;
	}
	.news_banner{
		height: auto;
	}
	.themeIn span{
		font-size: 12px;
	}
}
@media (max-width:1280px){
	.listCon01 h2, .listCon02 h2{
		font-size: 32px;
	}
}
@media (max-width:1180px){
	.listCon01 h2, .listCon02 h2{
		font-size: 30px;
	}
}
@media (max-width:1210px) {
	.indexPrivacy .privacyLi .col-md-5 img{
		width: 140px;
	}
	.indexPrivacy .col-md-7 .privacyDownload{
		width: 208px;
	}
	.indexPrivacy .col-md-7 a{
		width: 150px;
		font-size: 18px;
	}
	.indexPrivacy .col-md-7 i{
		width: 54px;
	}
	.leo{
		font-size: 18px;
		text-align: center;
	}
	.indexPrivacy{
		min-height: 610px;
	}
	.indexPrivacy .col-md-7 a img{
		max-width: 234px;
		height: 63px;
		margin: 0 auto;
	}
	.indexPrivacy .privacyLi .col-md-5 img{
		display: block;
		margin: 0 auto;
		width: 158px;
	}
	.back{
		right: 5px;
	}
	.listCon .listCon01 li, .listCon .listCon02 li{
		margin-bottom:35%;
	}
	.footer_bottom{
		width: 53%;
	}
}
@media (min-width: 992px) {
	.foryouTitle,.needyou .foryouTitle{
		font-size: 48px;
	}
	.indexPrivacy .privacyLi:hover{
		margin-top: 8px;
		box-shadow:0 0 30px rgba(0, 0, 0, 0.2) ;
		-webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.2);
	}
}
@media (max-width:1100px){
	.listCon01 h2, .listCon02 h2{
		font-size: 26px;
	}
	.listCon01 p, .listCon02 p{
		font-size: 16px;
	}
}
@media (max-width: 1005px){
	.main_talk .talk_fly,.main_talk .talk_face{
		width: 40px;
		height: 40px;
		margin-top: 10px;
	}
}
@media (max-width: 991px) {
	.swiper-wrapper img,.swiper-container{
		width: 100%;
		height: 450px;
	}
	.navBox .navbar-inverse .navbar-nav li>a{
		font-size: 14px;
	}
	.listCon .listCon01, .listCon .listCon02, .listCon .listCon03{
		width:100%;
	}
	.foryouTitle,.needyou .foryouTitle{
		font-size:36px;
	}
	.animate{
		padding:10% 0;
	}
	.history{
		height: auto;
	}
	.hoverimg li{
		margin-top: 3%;
	}
	.news_mainin{
		height: auto;
	}
	.listTitle{
		width: 80%;
	}
	.con_title{
		position: absolute;
		left: 50%;
		top: 50%;
		margin:-265px 0 0 -203px;
	}
	.con_first .con_title{
		position: absolute;
		left: 50%;
		top:150px;
		margin:0 0 0 -203px;
	}
	.footer_bottom{
		width: 72%;
	}
	.flow img{
		width: 720px;
	}
	.service p{
		margin: 0 auto;
		font-size: 14px;
	}
	.service p.mainLast{
		margin-bottom: 10%;
	}
	.ourValue{
		margin-bottom: 15%;
		padding-bottom: 0;
	}
	.ourValue h2{
		font-size: 20px;
	}
	.ourValue p{
		font-size: 14px;
	}
	.ourValue li{
		margin-bottom: 7%;
	}
}
@media (max-width: 830px) {
	.history{
		background: transparent;
	}
	.history img{
		padding-bottom: 0;
	}
	#myCarousel{
		position: relative;
		height: auto;
	}
	#myCarousel .item, #myCarousel .item img, .carousel-inner,.jobBanner,.aboutBanner{
		height: 250px;
	}
	.carousel-indicators{
		bottom: 1%;
	}
	.carousel-inner > .item > img{
		position: static;
		height: auto;
	}
	.foryouTitle,.needyou .foryouTitle,.jobForyou .foryouTitle{
		width: 80%;
	}
	.jobForyou .foryouTitle{
		margin: 15% 0 7%;
	}
	.foryouMain{
		font-size: 18px;
	}
	.listCon01 h2, .listCon02 h2{
		font-size: 24px;
		line-height: 36px;
	}
	.listCon01 p, .listCon02 p{
		font-size: 14px;
	}
	.ulList li a{
		font-size: 20px;
	}
	.whohistory,.content{
		width: 96%;

	}
	.whohistory_zh{
		width: 247px;
	}
	.whotitle{
		margin-top: 10%;
		margin-bottom: 15%;
	}
	.small{
		height: auto;
	}
	.listCon03 .con03In .theme{
		height: auto;
		margin:0 auto 10%;
		width: 100%;
	}
	.themeImg img{
		height: auto;
	}
	.history img{
		width:90%;
		margin: 0 auto;
		display: block;
	}
	.newin_maintop,.talk_fly,.talk_face{
		display: none;
	}
	.newin_main{
		margin-top: 20%;
	}
	.main_talk b{
		font-size: 18px;
	}
	.newin_main h1{
		font-size: 22px;
	}
	.main_blue h2{
		font-size: 20px;
		padding: 5% 0;
	}
	.main_blue p{
		font-size: 16px;
	}
	.newbefore{
		display: block;
	}
	.smallScreen .navbar-inverse .navbar-nav li:hover{
		background: transparent;
	}
	.smallScreen .navbar-inverse .navbar-nav li>a{
		display: block;
	}
}
@media(max-width: 767px){
	.flow img{
		width: 100%;
	}
	.service{
		padding-bottom: 15%;
	}
	.swiper-wrapper img,.swiper-container{
		width: 100%;
		height:250px;
	}
	.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{
		width: 15px;
		background-size: contain;
		margin-top: -8px;
	}
	.themeImg{
		height: 127px;
	}
	#myTabContent{
		padding: 0 2%;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.listCon .listCon03{
		padding-left: 0;
		margin: 0 auto;
	}
	.listCon .listCon03 ul li{
		padding-left:0 ;
		padding-right: 0;
	}

	.listTitle,.needyou .foryouTitle{
		margin-top: 100px;
	}
	.needyou .foryouTitle{
		margin-bottom: 60px;
	}
	.showoutAndroidIn,.showoutIosIn{
		width: 320px;
		position: absolute;
		left: 50%;
		margin-left: -160px;
		top: 50%;
		margin-top: -160px;
		background-color: #FFF;
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5);
		-webkit-transition: all ease 700ms;
		-moz-transition: all ease 700ms;
		transition: all ease 700ms;
	}
	.showoutAndroidIn img,.showoutIos img{
		display: block;
		width: 100%;
	}
	.copyMain{
		margin-top: 50px;
	}
	.copyMain p{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.copyMain h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.con_border i{
		padding: 0;
	}
	.fafa{
		background: #fff;
	}
	.whohistory .history_en,.locationen{
		width: 100%;
		height: auto;
	}
	.about_our .our_title{
		margin-top: 20%;
		margin-bottom: 20%;
	}
	.whohistory .history_zh,.locationzh{
		width: 210px;
	}
	.examplein #myTab li.active,.examplein #myTab li.active a{
		background: transparent;
		box-shadow: none;
	}
	.examplein #myTab li.active a:hover{
		background: transparent;
	}
	.news_banner,#myCarousel,.jobBanner,.aboutBanner{
		margin-top: 60px;
	}
	#listJob li.active a,#listJob li.active a:hover{
		background: transparent;
		color: #0077b5;
	}

	.nav-tabs>li>a{
		line-height: 85px;
	}
	.examplein .nav-tabs>li{
		border-bottom: 1px solid #ccc;
	}
	.examplein .nav-tabs>li.active{
		box-shadow: none;
		/*background-color: none;*/
		border-bottom: 1px solid #eb5d5b;
	}
	.navBox .navbar-inverse{
		background: rgba(0,0,0,0.8);
	}
	.navBox .navbar-inverse .navbar-nav li>a{
		color: #fff;
	}
	.jobMian .animate img{
		width: 90px;
		height: 90px;
	}
	.jobContent .invite_top{
		/*font-size: 28px;*/
		margin-top:5%
	}
	.invite_bottom{
		font-size: 20px;
	}
	.our_in ul li i img{
		width: 100px;
		height: 100px;
	}
	.our_in ul li .our_first{
		font-size: 24px;
	}
	#navbar{
		width: 100%;
	}
	.black-theme a, .black-theme span{
		font-size: 20px!important;
		line-height: 40px!important;
		width: 40px!important;
		height: 40px!important;
	}
	.contentTitle{
		text-align: left;
	}
	.contentTitle ul{
		width: 90%;
		margin: 0 auto;
	}
	.contact_mail img{
		width: 20px;
		height: 15px;
	}
	.contact_add img{
		width: 20px;
		height: 25px;
	}
	.contact_phone img{
		width: 20px;
		height: 20px;
	}
	.about .contact_add{
		width: 100%;
	}
	.navbar-nav{
		height: auto;
	}
	.listCon01 img,.listCon02 img{
		max-width: 220px!important;
	}
	/*.indexlogo{
		display: block;
	}
	.pcnav,.pclogo{
		display: none;
	}*/
	.footer ul{
		width: 100%;
	}
	.centerR{
		margin-top: 10%;
	}
	.main_blue{
		display: none;
	}
	.listCon .listCon01, .listCon .listCon02, .listCon .listCon03{
		padding-top: 10%;
	}
	.con_border{
		width: 270px;
	}
	.con_border a{
		width: 210px;
		font-size: 16px;
		margin-left: 60px;
	}
	.con_first .con_border a{
		font-size: 16px;
	}
	.con_border i{
		width: 68px;
	}

	.con .con_border i img{
		width: 40px;
		height: 40px;
	}
	/*.con_two .con_border{
		background-size: 30px 32px;
		width: 245px;
		background: url(../img/apple.png) no-repeat 10px center;
		padding-left: 60px;
	}*/
	.back{
		width: 40px;
	}
	.jobBox{
		background: transparent;
	}
	.footer_bottom{
		width: 100%;
	}
	.footer_bottom p{
		width:100%;
	}
	.more{
		width: 100px;
		margin: 0 auto;
		height: 30px;
		text-align: center;
	}
	.more,.moretop{
		float: none;
	}
	.footer_bottom a{
		display: inline-block;
		float: none;
	}

	.footer_bottom .moretop span{
		margin: 0;
	}
	.light{
		bottom: 15%;
	}
	.navbar-wrapper{
		position: fixed;
		left: 0;
		top:0;
		background: rgba(0,0,0,0.5);
	}
	.screen_one{
		display: none;
	}
	.weIn{
		font-size: 14px;
	}
	.our_title{
		width: 60%;
	}
	.con_first .con_title,.con_two .con_title{
		top: 115px;
		position: relative;
		width: 100%;
		margin: 0 auto;
		left: 0;
	}
	.con_two .con_title{
		margin-top: 0;
	}
	.examplein .ulList li a{
		font-size: 18px;
	}
	.whotitle img{
		width: 65%;
		height:auto;
	}
	.examplein{
		width: 100%;
	}
	.whoin{
		width: 100%;
		font-size: 14px;
		margin-bottom: 10%;
	}
	.contentTitle li{
		font-size: 14px;
		margin-bottom: 3%;
	}
	.privacyLi .col-md-7{
		margin-top: 55px;
	}
	.lastProduct{
		margin-bottom:10%;
	}
	.con_three{
		background-image: url(../img/themesmall.jpg);
	}
	.themeIn{
		width: 80%;
		padding-left: 2%;
		float: left;
		margin-top:15px;
		margin-bottom: 15px;
	}
	.themeIn span{
		font-size: 14px;
	}
	.themeIn img{
		float: left;
	}
	.productDown{
		display: inline-block;
		float: right;
		margin-right: 2%;
		margin-top: 15px;
	}
	.productDown a{
		width: 30px;
		height: 30px;
		margin-top: 10px;
	}
	.themeIcon{
		margin-right: 10px;
	}
	.listCon .listCon01 li, .listCon .listCon02 li{
		margin-bottom: 20%;
	}
	#myTabContent .col-xs-12{
		text-align: center;
	}
	#myTabContent .col-xs-12 img{
		margin: 0 auto;
		display: block;
	}
	#myTabContent .listCon01 .center01{
		/*height: 428px;*/
		height: 385px;
	}
	#myTabContent .listCon01 .center03{
		/*height: 340px;*/
		min-height:295px;
	}
	#myTabContent .listCon01 .center05{
		min-height: 350px;
	}
	#myTabContent .listCon02 .center02{
		height: 380px;
	}
	#myTabContent .listCon02 .center04{
		height: 370px;
	}
	#myTabContent .listCon01 .center01 .centerLeft01,#myTabContent .listCon01 .center03 .centerRight02,#myTabContent .listCon01 .center05 .centerLeft05,#myTabContent .listCon02 .center02 .centerLeft02,#myTabContent .listCon02 .center04 .centerLeft04 {
		/*float: right;*/
		/*height: 230px;*/
		position: absolute;
		bottom: 0;
	}
	#myTabContent .listCon01 .center01 .centerRight01,#myTabContent .listCon01 .center03 .centerLeft02,#myTabContent .listCon02 .center02 .centerRight02,#myTabContent .listCon02 .center04 .centerRight04 {
		margin-top: 0;
		position: absolute;
		top: 0;
		/*float: left;*/
	}
	.listCon02 .center04 .centerRight04,.listCon02 .center02 .centerRight02{
		padding: 0;
	}
	.main_right h1{
		margin-top: 30px;
		font-size: 18px;
	}
	.main_title{
		margin:20px 0 0 0;
		font-size: 16px;
	}
	.main_timer{
		font-size: 12px;
	}
	.weare{
		padding-bottom: 0%;
	}
	.foryouTitle, .needyou .foryouTitle{
		font-size: 28px;
	}
	.foryouTitle{
		width: 85%;
	}
	.foryouMain{
		font-size: 16px;
	}
	.needyouMain{
		font-size: 18px;
		margin-bottom: 50px;
	}
	.listTitle{
		width: 60%;
	}
	.contentTitle .contact_phone{
		margin-bottom: 10%;
	}
	.numberBox{
		margin-top: 10%;
	}
	.our_last{
		font-size: 16px;
		line-height: 28px;
	}
	.page li{
		width: 40px;
		height: 40px;
	}
	.page li a{
		line-height: 40px;
	}
	.page .pageAfter,.page .pageBefore{
		height: 40px;
	}
	.nav>li>.font{
		font-size: 18px;
	}
	.nav>li>a{
		padding:0;
	}
	.nav-tabs>li>a{
		background-image: none;
	}
	.jobBox .nav>li{
		height: 70px;
	}
	.jobTab .nav{
		border-bottom: 1px solid #ccc;
		padding: 0;
	}
	.jobTab .nav-tabs>li.active{
		border-bottom: 1px solid #0077b5;
	}
	.jobTab .nav-tabs>li.active>a{
		background-image: none;
		color: #0077b5;
	}
	.nav>li>.font{
		line-height: normal;
	}
	.morelanguage{
		left: 24px;
		bottom: -40px;
		text-align: center;
	}
	.morelanguage a{
		width: 100px;
		text-align: center;
	}
	/*.carousel-indicators{
		bottom: 25px!important;
	}*/
	.examplein{
		margin-top: 0;
	}
	.ulList{
		margin-bottom: 10%;
		border-bottom: 1px solid #ccc;
	}
	.ulList .current{
		background: transparent;
		box-shadow: none;
		border-bottom: 1px solid #e83a37;
	}
	.ulList li{
		background: transparent;
		border-radius:0;
		height: 85px;
	}
	.whohistory{
		margin-bottom: 15%;
	}
	/*.whohistory img{
		width: 95%;
	}*/
	.history{
		margin-top: 0;
	}
	.listCon03{
		min-height: 300px;
	}
	.indexPrivacy .privacyLibottom{
		margin-bottom: 10%;
	}
}
@media (max-width: 640px){
	.con .con_first .con_play a{
		height: 78px;
	}
	.con_first .con_title, .con_two .con_title{
		top: 80px;
	}
	#myTabContent .listCon01 .center03{
		height: 320px;
	}
	#myTabContent .listCon01 .center01{
		height: 428px;
	}
	#myTabContent .listCon02 .center04{
		height: 390px;
	}
	.footer .container{
		padding: 0;
	}
}
@media (max-width: 600px) {
	.footer_bottom a,.footer_bottom p{
		font-size: 12px;
	}
	.jobForyou .foryouTitle{
		width: 80%;
	}
	.foryouTitle, .needyou .foryouTitle{
		width: 80%;
	}
	.listTitle{
		font-size: 26px;
	}
	.numberBox img {
		margin: 15% 0 10%;
		width:60%;
		height: auto;
	}
	.who img,.content img{
		width: 60%;
		height:auto;
	}
	.indexPrivacy .privacyLi>div{
		width:100%;
		margin:0 auto;
	}
	/*.indexPrivacy .privacyLi>div img{
		margin:30px auto;
	}*/
}
@media (max-width: 450px) {
	.listCon01 h2, .listCon02 h2{
		font-size: 24px;
		line-height: 48px;
	}
	.jobForyou .foryouTitle{
		width: 100%;
	}
}
@media (max-width: 300px) {
	.listCon01 h2, .listCon02 h2{
		font-size: 16px;
		line-height: 24px;
	}
	.listCon01 p, .listCon02 p{
		font-size: 12px;
	}
	.jobForyou .foryouTitle{
		font-size: 22px;
	}
	.foryouTitle, .needyou .foryouTitle{
		font-size: 22px;
	}
}
@media (max-height: 900px){
	.con_title .con_pic img{
		width: 150px;
		height: 160px;
	}
	.con_title{
		top:130px;
	}
	.con_title h2{
		font-size:24px;
	}
	.con_title p{
		font-size: 16px;
	}
	.con_play{
		margin-top: 10px;
	}
	.con .con_first .con_play img, .con .con_two .con_play img{
		width: 50px;
		height: 50px;
	}
	.con_border{
		height: 70px;
	}
	.con_border a{
		line-height: 70px;
		height: 70px;
		text-align: center;
	}
	.con_first .con_border{
		/*background-size:contain ;*/
		margin-top: 10px;
	}
	.con_border i{
		margin-top: 15px;
	}
	.con_border i{

	}
	.con .con_border i img{
		width: 40px;
		height: 40px;
	}
}
@media (max-height: 690px){
	/***example***/
	.con{
		height: 690px;
	}

}
@media (max-height: 750px){
	.con_title{
		top: 90px;
	}
}
/*@media screen and (min-width:413px) and (min-height:300px){

}*/