/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ padding:0; margin:0;}

li{ list-style:none;}

img{ border:0;}

a{cursor:pointer;text-decoration:none;}

.fl{float: left;display: inline;}

.fr{float: right;display: inline;}

body,input,textarea{font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}

/* clear float */

.clearboth{ clear:both;}

.clearfix:after {

	clear: both;

	height: 0;

	visibility: hidden;

	content: '';

	display: block;

	font-size: 0;

}

.clearfix {display: inline-table;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}

* html .clearfix {zoom: 1;}/* IE6 */

*:first-child+ html .clearfix {zoom: 1;}/* IE7 */

/*base*/

input:focus,textarea:focus{ box-shadow:none; outline:0;}

h2,h3,h4,h5{ font-weight:normal;}

.mid{

	width:1100px;

	margin:0 auto;

	}

.ptb50{ padding:50px 0;}

.pt40pb30{ padding:40px 0 30px;}

.pl20{ padding-left:20px;}

.relative{ position:relative;}

.w520{ width:520px;}

.w490{ width:490px;}

.w50pc{ width:50%;*width:49.9%;}

.bggray{ background:#f4f4f4;}

.bgdark{ background:#323a46;}

.fs12px{ font-size:12px; line-height:20px;}

.fs14px{ font-size:14px; line-height:30px;}

.fs20px{ font-size:20px; line-height:30px;}

.fs26px{ font-size:26px;}

.fs30px{ font-size:30px;}

.duration a,.duration li,.submit{

	transition-duration: .5s;

	-moz-transition-duration: .5s;

	-webkit-transition-duration: .5s ; 

	-o-transition-duration: .5s;

	}

.carousel li{ display:none; position:relative; float:left; width:100%; margin-right:-100%;}

.carousel li.cur{ left:0; display:block; z-index:1}

.btn:active{

	transform:scale(.97);

	-webkit-transform:scale(.97);

	-moz-transform:scale(.97);

	-o-transform:scale(.97);

	}

/*globle*/

.header{ position:relative;}

.bannerLogo{

	position:absolute;

	top:60px;

	left:50px;

	z-index:999;

	}

.bannerLogo a{

	display:block;

	height:52px;

	width:212px;

	background:url(../Image/logo.png);

	text-indent:-9999px;

	}

.banner{ overflow:hidden;}

.banner li{

	display:none;

	position:relative;

	float:left;

	width:100%;

	margin-right:-100%;

	}

.banner li.cur{ display:block; z-index:1;}

.banner li.animating{ z-index:2;}

.banner img{

	display:block;

	position:relative;

	left:50%;

	margin-left:-960px;

	}

.bannerdot{

	position:absolute;

	bottom:50%;

	right:45px;

	z-index:999;

	}

.bannerdot li{

	margin-top:10px;

	width:10px;

	height:10px;

	background:url(../Image/bannerdot.png) no-repeat 0 bottom;

	cursor:pointer;

	}

.bannerdot li.cur{ background-position: 0 0;}

.nav{

	*position:relative;

	*z-index:9999;

	height:91px;

	border-bottom:1px solid #d5d5d5;

	box-shadow:0 1px 1px #f2f2f2;

	}

.logo{

	padding:19.5px 0;

	}

.logo a{

	display:block;

	width:210px;

	height:52px;

	background:url(../Image/logo.jpg);

	text-indent:-9999px;

	}

.navbar{ position:relative; margin-top:35px;}

.navbar li{ position:relative;float:left;}

.navbar a{

	display:block;

	*position:relative;

	padding:0 35px;

	height:56px;

	line-height:35px;

	font-size:16px;

	color:#333;

	overflow:hidden;

	}

.navbar a.hover{ color:#2889ef;}

.navbar a div{

	position:relative;

	width:100%;

	height:200%;

	top:-100%;

	left:0;

	text-align:center;

	}

.navbar a p{ padding-bottom:21px;}

.navbar li.selector{

	position:absolute;

	bottom:18px;

	height:3px;

	background:#2889ef;

	z-index:-1;

	}

.secnav{

	display:none;

	position:absolute;

	top:56px;

	z-index:9999;

	}

.secnav li{

	float:none;

	border-bottom:1px solid #2075ce;

	height:40px;

	overflow:hidden;

	}

.secnav a{

	position:relative;

	height:80px;

	line-height:40px;

	background:#2889ef;

	color:#FFF;

	font-size:12px;

	}

.secnav a:hover{ background:#1e79d9;}

.secnav a p{ height:40px; padding:0;}

.titleStyle{ text-align:center; color:#323a46; *margin-bottom:60px;}

.titleStyle h3{ font-size:36px;}

.titleStyle h4{ font-size:24px; margin:15px 0 30px;}

.titleStyle .line{ margin:0 auto;}

.line{ margin:18px 0; height:3px; width:25px; background:#278bed;}

/*team*/

.team{ padding:50px 0 40px; color:#FFF; text-align:center;}

.team h3{ font-size:39px;}

.teamList{ margin-top:50px;}

.teamList a{

	display:block;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	}

.teamList a:hover{

	background:url(../Image/blue90pc.png);

	background:rgba(39,139,237,.9);

	}

.teamList a:hover div{ display:block;}

.teamListIndex{ margin:55px auto 0;}

.teamListIndex li{

	float:left;

	margin:0 5px;

	width:14px;

	height:14px;

	cursor:pointer;

	}

.teamListIndex li:hover,.teamListIndex li.cur{ background-position:0 0 ;}

.trendContainer{ margin-top:60px;}

.videoContainer{ width:512px; height:270px; overflow:hidden;}

.tit{ position:relative; padding-top:25px; height:20px; color:#313131; font-size:18px; line-height:20px;}

.tit span{ position:absolute; right:0; bottom:0; font-size:14px; color:#7e7e7e;}

.w550{ width:550px;}

.w512{ width:512px;}

.trendNav{ position:absolute; right:0; top:107px; overflow:hidden; height:20px;}

.trendNav a{ padding:0 10px; font-size:12px; color:#444; line-height:20px;}

.trendNav a.cur{color:#278bed; font-size:14px;}

.trendText{

	padding:20px 25px;

	background:#323a46;

	border-left:6px solid #1f2630;

	line-height:20px;

	height:70px;

	overflow:hidden; 

	}

.trendText h5{ margin-bottom:10px; font-size:14px; color:#FFF;}

.trendText p{ font-size:12px; color:#9d9d9d;}

.date{

	padding:15px 12px;

	margin-top:25px;

	border:2px solid #AAA;

	}

.date p{ color:#aeaeae; font-family:Arial, Helvetica, sans-serif; line-height:normal;}

.videoLink .fr{ width:440px;}

.videoLink h5{ margin-bottom:10px;}

.videoLink .fr p,.pStyle2{ font-size:12px; color:#5e5e5e; line-height:20px; height:40px; overflow:hidden;}

.pStyle2{ margin-top:15px;}

.trendList li{ position:relative; float:left; width:100%; margin-right:-100%; background:#FFF;}

.trendList li.cur{ z-index:2;}

.trendList li.ani{ z-index:1;}

/**/

.partner{  background: #CBCBCB;}

.partner img{  float: left;

  border-right: 1px solid #ccc;}

.partnerContainer{

	height:103px;

	/*background:url(../Image/partner.jpg) no-repeat center center;*/

	}

.footer{

	background:#323a46;

	color:#FFF;

	font-size:12px;

	}

.titleContact{

	margin:0 auto;

	width:216px;

	height:47px;

	background:url(../Image/contact.jpg);

	}

.contactInfo{ margin-top:45px; text-align: center;}

.contactico{ padding-left:30px; background:url(../Image/contactico.jpg) no-repeat;}

.contactico1{ padding-right:65px;}

.contactico2{ padding-right:65px; background-position:0 center;}

.contactico3{ background-position:0 bottom;}

.share{ width:156px; margin:55px auto 0;}

.sharebtn{

	float:left;

	margin:0 12px;

	display:block;

	width:28px;

	height:29px;

	background:url(../Image/shareico.jpg);

	}

.sharebtn2{ background-position:0 -30px;}

.sharebtn3{ background-position:0 bottom;}

.partner a:hover,.share a:hover{opacity:.8;}

.foot{

	border-top:1px solid #606670;

	height:65px;

	line-height:65px;

	text-align:center;

	}

.qrcode{

	position:absolute;

	right:0;

	bottom:0;

	display:none;

	transition-duration: .3s;

	-moz-transition-duration: .3s;

	-webkit-transition-duration: .3s ; 

	-o-transition-duration: .3s;

	transform:scale(0);

	-moz-transform:scale(0);

	-webkit-transform:scale(0);

	-o-transform:scale(0);

	}

.qrcodeIn{

	transform:scale(1);

	-moz-transform:scale(1);

	-webkit-transform:scale(1);

	-o-transform:scale(1);

	}

/*animation*/

.moveFromTop {

	animation: moveFromTop .3s ease both;

	-webkit-animation: moveFromTop .3s ease both;

	-moz-animation: moveFromTop .3s ease both;

	-o-animation: moveFromTop .3s ease both;

}





.lj_news .videoLink{padding:10px 0;border-left:6px solid #fff;}

.lj_news .videoLink:hover{background:#323a46;border-left-color:#1f2630;}

.lj_news .videoLink:hover .tit{color:#fff}

.lj_news .videoLink:hover p{color:#9d9d9d;}

.lj_news .date{margin:0;}

.lj_news .tit{padding-top:0;}



























@keyframes moveFromTop {

	from {transform: translateY(-100%); }

}

@-webkit-keyframes moveFromTop {

	from { -webkit-transform: translateY(-100%); }

}

@-moz-keyframes moveFromTop {

	from { -moz-transform: translateY(-100%); }

}

@-o-keyframes moveFromTop {

	from { -o-transform: translateY(-100%); }

}

.moveFromLeft {

	animation: moveFromLeft .3s ease both;

	-webkit-animation: moveFromLeft .3s ease both;

	-moz-animation: moveFromLeft .3s ease both;

	-o-animation: moveFromLeft .3s ease both;

}

@keyframes moveFromLeft {

	from { transform: translateX(-100%); }

}

@-webkit-keyframes moveFromLeft {

	from { -webkit-transform: translateX(-100%); }

}

@-moz-keyframes moveFromLeft {

	from { -moz-transform: translateX(-100%); }

}

@-o-keyframes moveFromLeft {

	from { -o-transform: translateX(-100%); }

}

.moveFromSmall {

	animation: moveFromSmall .3s ease both;

	-webkit-animation: moveFromSmall .3s ease both;

	-moz-animation: moveFromSmall .3s ease both;

	-o-animation: moveFromSmall .3s ease both;

}

@keyframes moveFromSmall {

	from {transform: scale(0);}

	to{transform: scale(1);}

}

@-webkit-keyframes moveFromSmall {

	from { -webkit-transform: scale(0); }

	to{ -webkit-transform: scale(1);}

}

@-moz-keyframes moveFromSmall {

	from { -moz-transform: scale(0); }

	to{ -moz-transform: scale(1);}

}

@-o-keyframes moveFromSmall {

	from { -o-transform: scale(0);}

	to{ -o-transform: scale(1);}

}