@charset "utf-8";
/*By www.toprand.net*/
*{ padding:0; margin:0; outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label,b{margin:0;padding:0;border:0; font-size: 100%; font-weight:normal;}
img{border:none;}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
.hidden{ display:none}
i{ font-style:normal}
html,body{-webkit-text-size-adjust:none;}
table { border-collapse:collapse; }
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.pos{ position:relative;}

/*链接*/
a {color:#666;text-decoration:none;hide-focus: expression( this.hideFocus=true );outline: none;-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
a:hover {color:#1778c2;}
a:active {color:#1778c2;}

/*basic*/ 
html{font-size:62.5%;}
body{font-family:"\5FAE\8F6F\96C5\9ED1";font-size:16px;font-size:1.6rem;color:#333; line-height:24px; margin:0 auto; background: #ffffff;}  

.container{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.wrap{
	margin: 0 auto;
	width: 1000px;
	position: relative;
}
/*header*/
.header{
	width:100%;
	height: 80px;
	z-index: 99;
	position: relative;
	background: #ffffff;
	box-shadow: 0 0 10px #999999;
}
.logo{
	display: inline-block;
	float: left;
	width: 150px;
	height: 35px;
	padding: 22px 0;
}
.return{
	display: inline-block;
	float: right;
	color: #aaaaaa;
	margin: 28px 0 28px 36px;
}
.nav{
	float: right;
	position: relative;
	overflow: hidden;
}
.nav li{
	float: left;
	padding: 0 13px;
	line-height: 80px;
}
.nav li a{
	color: #4c4948;
	display: inline-block;
	line-height: 77px;
	/*border-bottom: solid 3px #ffffff;*/
}
.nav li.on a,.nav li:hover a{
	/*border-bottom: solid 3px #1778c2;*/
	color: #1778c2;
}
.link_top_m{
	display: none;
}

/*content*/
.content,.banner{
	width: 100%;
}
.swiper-wrapper,
.swiper-slide{

	height: 100% !important;
}
.swiper-slide{
	position: relative;
}
.banner{
	width: 100%;
	position: relative;
}
#banner .swiper-pagination-switch{
	width: 9px;
	height: 9px;
	background: none;
	border: solid 1px #ffffff;
	opacity: 1;
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
	cursor: pointer;
}
#banner .swiper-pagination-switch.swiper-active-switch{
	background: #ffffff;
}
#banner .swiper-slide .text{
	position: absolute;
	left: 30%;
	width: 40%;
	top: 50%;
	/*padding-bottom: 100px;*/
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#banner .swiper-slide img{
	width: 100%;
}
#banner .pagination {
	bottom: 20px;
}
.video{
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,0.5);*/
	background: url(../images/banner2.png);
	background-size: cover;
}
.video_bg{
	background: rgba(0,0,0,0.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.room{
	width: 250px;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background: #b62a2b;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	left: 50%;
	margin-top: 30px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.room:hover{
	color: #ffffff;
}
.white{
	background: #ffffff;
	vertical-align: top;
}
.ex{
	display: inline-block;
	font-size: 24px;
	color: #1778c2;
	vertical-align: top;
	height: 30px;
	padding-top: 30px;
	white-space: nowrap;
	width: 10%;
	float: left;
}
.organizer{
	width: 90%;
	/*padding: 15px 0;*/
	display: inline-block;
	/*white-space: nowrap;*/
	vertical-align: top;
}
.organizer a{
	margin: 15px;
	display: inline-block;
	vertical-align: top;
	
}
.organizer a img{
	max-height: 50px;
}
.guest{
	width: 100%;
	background: url(../images/bg01.png) center top;
	background-size: cover;
	position: relative;
}
.block{
	padding: 80px 0 74px 0;
}
.block h2{
	width: 100%;
	text-align: center;
	line-height: 76px;
	font-size: 36px;
	color: #ffffff;
	padding-bottom: 36px;
	opacity: 0;
	transform: translateY(-26px);
	/*margin-bottom: 46px;*/
	/*height: 76px;*/
}
.block h2.bt{
	font-size: 34px;
	line-height: 46px;
}
/*#swiper-guest{
	padding-top: 46px;
}*/

#swiper-guest .swiper-slide{
	/*background: #ffffff;*/
	text-align: center;
/*	padding-right: 30px;*/
	padding-bottom: 18px;
}
#swiper-guest .swiper-slide a{
	margin: 10px;
	background: #e4e4e4;
	display: block;
	padding-bottom: 15px;
}
.guestPic{
	padding: 30px 30px 18px 30px;
}
.guestPic img{
	width: 100%;
	/*height: 176px;*/
	border-radius: 50%;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
/*#swiper-guest .swiper-slide:hover img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}*/
#swiper-guest h3{
	line-height: 46px;
	font-size: 24px;
	color: #1778c2;
	padding: 0 10px;
}
#swiper-guest h4{
	color: #666666;
	padding: 0 10px;
	height: 48px;
	overflow: hidden;
}
.guest .swiper-button-prev,
.guest .swiper-button-next{
	width: 19px;
	height: 30px;
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	cursor: pointer;
}
.guest .swiper-button-prev{
	left: 50%;
	margin-left: -566px;
	background: url(../images/prev.png) no-repeat;
}
.guest .swiper-button-next{
	right: 50%; 
	margin-right: -550px;
	background: url(../images/next.png) no-repeat;
}
.block h2.bl{
	color: #333333;
}
.point{
	background: url(../images/point.png);
	background-size: cover;
}
.pointList{
	width: 100%;
	display: table;
}
.pointList li{
	width: 100%;
	margin: 10px 0;
	float: left;
	-webkit-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.point-icon{
	width: 80px;
	height: 62px;
	text-align: center;
	float: left;
	opacity: 0;
	-webkit-transform: translateX(-36px);
	-ms-transform: translateX(-36px);
	transform: translateX(-36px);
}
.point-icon img{
	height: 100%;
	-webkit-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.point-text p{
	-webkit-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.pointList li:hover .point-icon img{
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
.pointList li:hover .point-text p{
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.point-text{
	padding: 0 40px;
	width: 840px;
	float: right;
	opacity: 0;
	-webkit-transform: translateX(36px);
	-ms-transform: translateX(36px);
	transform: translateX(36px);
}
.point-text .t1{
	color: #1778c2;
	font-size: 20px;
	padding-bottom: 5px;
}
.pointList li span{
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	height: 72px;
	overflow: hidden;
}
.arrangement{
	background: url(../images/arrangement.png) center top;
	/*background-size: cover;*/
	position: relative;
}
#swiper-arrangement{
	padding-top: 20px;
}
.arrangement .pagination{
	display: table;
	width: auto;
	margin: 0 auto;
	border-radius: 50px;
	border: solid 1px #ffffff;
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
}
.arrangement .swiper-pagination-switch{
	display: inline-block;
	width: 200px;
	/*height: 28px;*/
	/*max-height: 56px;*/
	overflow: hidden;
	line-height: 28px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	background: none;
	color: #ffffff;
	margin: 0;c
	opacity: 1;
	padding: 15px 0;
	vertical-align: top;

}
.arrangement .swiper-pagination-switch.swiper-active-switch{
	background: #ffffff;
	border-radius: 0;
	color: #1778c2;
}
#swiper-arrangement .swiper-wrapper{
	height: 100% !important;
}
#swiper-arrangement .swiper-slide{
	width: 100%;
	height: 100% !important;
	background: #ffffff;
	padding: 47px 0 ;
	/*margin-top: 20px;*/
}
#swiper-arrangement .swiper-slide .gallery-table{
	width: 70%;
	margin: 0 auto;
	display: table;
	/*min-height: 510px;*/
}
#swiper-arrangement .swiper-slide .gallery-table tbody,
#swiper-arrangement .swiper-slide .gallery-table tr{
	width: 100%;
	display: block;
}
.arrangement .swiper-button-prev,
.arrangement .swiper-button-next{
	width: 92px;
	height: 92px;
	display: inline-block;
	position: absolute;
	top: 50%;
  	z-index: 9;
  	cursor: pointer;
}
.arrangement .swiper-button-prev{
	background: url(../images/prevBtn.png) no-repeat;
	left: -46px;
}
.arrangement .swiper-button-next{
	background: url(../images/nextBtn.png) no-repeat;
	right: -46px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
}
.gallery-table{
	width: 100%;
}
.gallery-table th{
	font-size: 24px;
	color: #063c65;
	text-align: left;
}
.gallery-table th span{
	padding-left: 46px;
	line-height: 54px;
	display: inline-block;
}
.gallery-table th span.time{
	background: url(../images/icon09.png) left center no-repeat;
}
.gallery-table th span.date{
	background: url(../images/icon10.png) left center no-repeat;
	padding-left: 38px;
}
.gallery-table .td1{
	width: 40%;
	padding-left: 1%;
	vertical-align: top;
	display: inline-block;
	float: left;
	/*padding-bottom: 100000px;margin-bottom: -100000px;*/
}
.gallery-table .td2{
	width: 59%;
	display: inline-block;
	float: left;
}
.gallery-table .td3{
	width: 21%;
	padding-left: 1%;
	vertical-align: top;
	display: inline-block;
	float: left;
}
.gallery-table .td4{
	width: 35%;
	vertical-align: top;
	display: inline-block;
	float: left;
	padding-left: 4%;
}
.gallery-table tr{
	border-bottom: solid 1px #e0e0e0;
	width: 100%;
	float: left;
	display: block;
}
.gallery-table td{
	/*border-bottom: solid 1px #e0e0e0;*/
	text-align: left;
	line-height: 24px;
	padding: 15px 0;
	height: 100%;
	display: block;
	/*white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;*/
}
.f14{
	 font-size: 14px; 
	 color: #005C97;
}
.gallery-table tr.first,.gallery-table tr.last{
	border-bottom: none;
}
.resourceList{
	width: 100%;
	display: table;
}
.resourceList li{
	width: 48%;
	float: left;
	text-align: center;
	line-height: 50px;
	position: relative;
}
.resourceList li .resourceImg{
	width: 100%;
	overflow: hidden;	
}
.mr40{
	margin-right: 4%;
}
.resourceList li img, .resourceList li span{
	width: 100%;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.resourceList li:hover img{
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.online{
	background: url(../images/bg02.png) center top;
	background-size: cover;
	position: relative;
}
.block.online{
	padding: 77px 0;
}
.block.online h2{
	padding-bottom: 0;
}
.block.online h2 a{
	color: #ffffff;
	display: inline-block;
	padding-right: 53px;
	background: url(../images/icon11.png) right center no-repeat;
}
.bgColor{
	background: #f2f5f7;
}
.mbbRoad{
	width: 100%;
	position: relative;
	padding: 67px 0 0 0;
}
.road_map{
	position: relative;
    width: 75%;
    height: auto;
    display: block;
    z-index: 1;
}
.img-responsive{
	display: block;
    max-width: 100%;
    height: auto;
}
.timeline_content{
	position: absolute;
    width: 25%;
    height: 100%;
    display: block;
    right: 12px;
    top: 0;
}
.time_line{
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 95%;
    width: 2px;
    display: block;
    background-color: #e0e6e8;
}
.timeline{
	position: relative;
    width: auto;
    display: block;
    text-align: right;
    padding-right: 20px;
    height: 84%;
    top: 8%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.timeline_item {
    position: relative;
    display: block;
    color: #666666;
    height: 14.5%;
    cursor: pointer;
    font-size: 18px;
}
.timeline_curr_item {
    color: #b62a2b;
    font-size: 24px;
    cursor: pointer;
}
.timeline_item:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: -27px;
    top: 5px;
    display: block;
    background-color: #d9dfe1;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
}
.timeline_curr_item:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: -27px;
    top: 5px;
    display: block;
    background-color: #b62a2b;
    border-radius: 50%;
    -webkit-animation: cur 1.5s linear .3s infinite;
	animation: cur 1.5s linear .3s infinite; 
}
.timeline_curr_item:after {
    content: "";
    position: absolute;
    width: 23px;
    height: 23px;
    right: -31px;
    top: 1px;
    display: block;
    background-color: #f38e8f;
    border-radius: 50%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-animation: cur 1.5s linear .3s infinite;
	animation: cur 1.5s linear .3s infinite;
}
.cur_animate{
	-webkit-animation: cur2 .5s linear;
	animation: cur2 .5s linear;
}
@-webkit-keyframes cur{
	50%{
		-webkit-transform: scale(.5);
	}
}
@keyframes cur{
	50%{
		transform: scale(.5);
	}
}
@-webkit-keyframes cur2{
	50%{
		-webkit-transform: scale(.9);
	}
}
@keyframes cur2{
	50%{
		transform: scale(.9);
	}
}
.iconPanel i{
	width: 25px;
	height: 30px;
	display: inline-block;
	background: url(../images/icon12.png) no-repeat;
	z-index: 1;
}
.iconPanel.on i{
	background-position: -25px 0;
	z-index: 99;
	-webkit-animation: jump 1s linear infinite;
	animation: jump 1s linear infinite;
}
.shenzhen{
	position: absolute;
	right: 23.65%;
    top: 40.62%;
}
.hongkong{
	position: absolute;
	right: 21.65%;
    top: 40.52%;
}
.shanghai{
	position: absolute;
	right: 22.65%;
    top: 35.62%;
}
.frankfurt{
	position: absolute;
	left: 45.06%;
    top: 21%;
}
.spain{
	position: absolute;
	left: 42.65%;
    top: 33.62%;
}
.london{
	position: absolute;
	left: 45.65%;
    top: 32.62%;
}

.iconPanel .iconHide,
.iconPanel .iconHide2{
	/*display: none;*/
	position: absolute;
	width: 156px;
	height: 91px;
	z-index: 98;
	top: -43px;
	left: -170px;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.iconPanel .iconHide2{
	left: 40px;
}
.iconHide img,
.iconHide2 img{
	width: 156px;
	height: 91px;
}
.iconHide:after,
.iconHide2:after{
	content: "";
	width: 9px;
	height: 18px;
	position: absolute;
	right: -9px;
	top: 50px;
	background: url(../images/icon13.png) no-repeat;
}
.iconHide2:after{
	left: -9px;
	background: url(../images/icon133.png) no-repeat;
}
.iconHide_text{
	position: absolute;
	font-weight: bold;
	left: 50%;
	bottom: 80px;
	opacity: 0;
	-webkit-transform:translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);
	line-height: 20px;
	color: #1778c2;
	font-size: 14px;
	width: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	text-align: center;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.iconPanel.on .iconHide,
.iconPanel.on .iconHide2{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.iconPanel.on .iconHide_text{
	opacity: 1;
	-webkit-transform:translateX(-50%)  scale(1);
	transform:translateX(-50%)  scale(1);
}
.iconPanel{
	z-index: 1;
}
.iconPanel.on{
	z-index: 99;
}
.iconHide_text h5{
	line-height: 26px;
	padding-top: 5px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}
.picMarquee-top{
	/*height: 60px;*/
	margin: 20px 0;
	overflow: hidden;
}
.picMarquee-top .bd{
	height: 100%;
}


/*footer*/
.footer{
	height: 70px;
	line-height: 70px;
	font-size: 14px;
	color: #666666;
	background: #e7e7e7;
	text-align: center;
}
.footer_icon{
	float: right;
	height: 26px;
	margin: 22px 0;
	line-height: 22px;
	vertical-align: top;
}
.footer_icon a{
	display: inline-block;
	background: url(../images/icon01.png) no-repeat;
	width: 26px;
	height: 26px;
	margin: 0 4px;
}
.footer_icon a.icon01{
	background-position: -7px -2px;
}
.footer_icon a.icon02{
	background-position: -43px -2px;
}
.footer_icon a.icon03{
	background-position: -79px -2px;
}
.footer_icon a.icon04{
	background-position: -115px -2px;
}
.footer_icon a.icon05{
	background-position: -151px -2px;
}
.footer_icon a.icon06{
	background-position: -187px -2px;
}
.footer_icon a.icon07{
	background-position: -223px -2px;
}
.close{
	display: none;
	position: absolute;
	right: 20px;
	top: 60px;
	width: 24px;
	height: 24px;
	background: url(../images/close.png);
	background-size: cover;
	z-index: 999;
}
#map{
    width: 100%;
    height: 500px;
}
#pagination1{
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 10;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.guestPic img.in{
	-webkit-animation: flipintoright 450ms forwards;
	-ms-animation: flipintoright 450ms forwards;
	animation: flipintoright 450ms forwards;
}
.pointList li.in{
	-webkit-animation: flipshadow 450ms forwards;
	-ms-animation: flipshadow 450ms forwards;
	animation: flipshadow 450ms forwards;
}
@-ms-keyframes flipintoright{from{-ms-transform:rotateY(90deg) scale(.9)}
to{-ms-transform:rotateY(0) }
}
@-webkit-keyframes flipintoright{from{-webkit-transform:rotateY(90deg) scale(.9)}
to{-webkit-transform:rotateY(0) }
}
@keyframes flipintoright{from{transform:rotateY(90deg) scale(.9)}
to{transform:rotateY(0) }
}

@-ms-keyframes flipshadow{from{-ms-transform:rotateY(90deg); }
to{-ms-transform:rotateY(0); -ms-box-shadow:0 5px 15px rgba(0,0,0,0.2);  }
}
@-webkit-keyframes flipshadow{from{-webkit-transform:rotateY(90deg) }
to{-webkit-transform:rotateY(0);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2); }
}
@keyframes flipshadow{from{transform:rotateY(90deg) }
to{transform:rotateY(0);box-shadow:0 5px 15px rgba(0,0,0,0.2); }
}

.appear{
	-webkit-animation: appear .5s linear forwards;
	-ms-animation: appear .5s linear forwards;
	animation: appear .5s linear forwards;
}
@-webkit-keyframes appear{
	form{
		opacity: 0;
		-webkit-transform: translateY(-26px);
	}
	to{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}
@-ms-keyframes appear{
	form{
		opacity: 0;
		-ms-transform: translateY(-26px);
	}
	to{
		opacity: 1;
		-ms-transform: translateY(0px);
	}
}
@keyframes appear{
	form{
		opacity: 0;
		transform: translateY(-26px);
	}
	to{
		opacity: 1;
		transform: translateY(0px);
	}
}
.leftAppear{
	-webkit-animation: appearLeft .5s linear forwards .5s;
	-ms-animation: appearLeft .5s linear forwards .5s;
	animation: appearLeft .5s linear forwards .5s;
}
@-webkit-keyframes appearLeft{
	form{
		opacity: 0;
		-webkit-transform: translateX(-36px);
	}
	to{
		opacity: 1;
		-webkit-transform: translateX(0px);
	}
}
@-ms-keyframes appearLeft{
	form{
		opacity: 0;
		-ms-transform: translateX(-36px);
	}
	to{
		opacity: 1;
		-ms-transform: translateX(0px);
	}
}
@keyframes appearLeft{
	form{
		opacity: 0;
		transform: translateX(-36px);
	}
	to{
		opacity: 1;
		transform: translateX(0px);
	}
}
.rightAppear{
	-webkit-animation: appearRight .5s linear forwards .5s;
	-ms-animation: appearRight .5s linear forwards .5s;
	animation: appearRight .5s linear forwards .5s;
}
@-webkit-keyframes appearRight{
	form{
		opacity: 0;
		-webkit-transform: translateX(36px);
	}
	to{
		opacity: 1;
		-webkit-transform: translateX(0px);
	}
}
@-ms-keyframes appearRight{
	form{
		opacity: 0;
		-ms-transform: translateX(36px);
	}
	to{
		opacity: 1;
		-ms-transform: translateX(0px);
	}
}
@keyframes appearRight{
	form{
		opacity: 0;
		transform: translateX(36px);
	}
	to{
		opacity: 1;
		transform: translateX(0px);
	}
}
.box{
	opacity: 0;
	-webkit-transform: translateY(26px);
	-ms-transform: translateY(26px);
	transform: translateY(26px);
}
.appear2{
	-webkit-animation: appear2 .5s linear forwards;
	-ms-animation: appear2 .5s linear forwards;
	animation: appear2 .5s linear forwards;
}
@-webkit-keyframes appear2{
	form{
		opacity: 0;
		-webkit-transform: translateY(26px);
	}
	to{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}
@-ms-keyframes appear2{
	form{
		opacity: 0;
		-ms-transform: translateY(26px);
	}
	to{
		opacity: 1;
		-ms-transform: translateY(0px);
	}
}
@keyframes appear2{
	form{
		opacity: 0;
		transform: translateY(26px);
	}
	to{
		opacity: 1;
		transform: translateY(0px);
	}
}
@-webkit-keyframes jump{
	50%{
		-webkit-transform: translateY(-5px);
	}
}
@-ms-keyframes jump{
	50%{
		-ms-transform: translateY(-5px);
	}
}
@keyframes jump{
	50%{
		transform: translateY(-5px);
	}
}
.welcome{
	background: url(../images/bg03.jpg) center top;
	background-size: cover;
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
}
.welcome h1{
	font-size: 36px;
	color: #ffffff;
	line-height: 80px;
	padding-bottom: 30px;
	/*background: url(../images/line.jpg) left top no-repeat;*/
}
.block h2.blue{
 	color: #1778c2; 
}
.review-text{
	width: 44%;
	padding: 0 3%;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	background: #298cd8;
	float: left;
	max-height: 500px;
}
.review-span{
	height: 500px;
	display: table-cell;
	vertical-align: middle;
}
.review-video{
	width: 50%;
	float: right;
	max-height: 500px;
	position: relative;
}
.review-btn{
	width: 70px;
	height: 73px;
	background: url(../images/videoicon01.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	/*margin-left: -35px;
	margin-top: -36px;*/
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#pagination3{
	position: absolute;
	bottom: 20px;
	right: 15px;
	z-index: 9;
}
#pagination3 .swiper-pagination-switch{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border:solid 1px #ffffff;
	display: inline-block;
	margin: 0 5px;
	z-index: 9;
	cursor: pointer;
}
#pagination3 .swiper-pagination-switch.swiper-active-switch{
	background: #ffffff;
}
.video_panel{display:none;width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000, endColorstr=#c8000000);z-index:998}
.video_t{width:930px;height:550px;position:fixed;left:50%;top:50%;margin-top:-275px;margin-left:-465px;background:#000;z-index:999}
.videoClose{position:absolute;right:-15px;top:-15px;width:30px;height:30px;background:url(../images/fancy_closebox.png) no-repeat;z-index:1000}
.box2{
	width: 100%;
	display: table;
	background: #1778c2;
}
.navigation{
	width: 60%;
	float: left;
	display: table;
	position: relative;
}
.navMessage{
	width: 34%;
	padding: 0 3%;
	float: right;
	background: #1778c2;
}
.navMessage h2{
	text-align: left;
	padding-top: 60px;
}
.navMessage i{
	float: left;
	display: inline-block;

}
.navMessage span{
	display: inline-block;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	padding-left: 20px;
}
.name1{
	width: 225px;
	height: 185px;
	padding: 30px 10px 30px 20px;
	display: inline-block;
	float: left;
}
.name2{
	width: 220px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 5px;
}
.name2_2{
	width: 200px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 5px;
}
.name2_3{
	width: 330px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 5px;
}
.name2_4{
	width: 220px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 5px;
}
.name3{
	width: 455px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 0 5px;
}
.name4{
	width: 310px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 0;
}
.name5{
	width: 260px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 5px;
}
.name6{
	width: 420px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 5px;
}
.name7{
	width: 270px;
	height: 120px;
	padding: 0 10px 0 10px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 5px;
}
.name8{
	width: 220px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 5px;
}
.name9{
	width: 515px;
	height: 120px;
	padding: 0 10px 0 20px;
	display: inline-block;
	float: left;
	margin: 0 0 5px 0;
}
.name_bg1{
	background: #1778c2;
}
.name_bg2{
	background: #3198e7;
}
.guest-name .h2{
	font-size: 24px;
	color: #ffffff;
	display: block;
	text-align: left;
	line-height: 60px;
}
.guest-name .h3{
	font-size: 16px;
	color: #ffffff;
	display: block;
	text-align: left;
}
.ml0{
	margin-left: 0;
}
.resourceImg{
	position: relative;
}
/*.v1{
	width: 100%;
	height: 100%;
	display: inline-block;
}*/
.re-h2{
	line-height: 28px;
	font-size: 22px;
	padding-bottom: 10px;
	font-weight: bold;
}
.re-h3{
	line-height: 26px;
	font-size: 18px;
	padding: 10px 0;
	font-weight: bold;
}
.review-video img{
	width: 100%;
	height: 100%;
}
.pointList i{
	font-size: 60px;
	line-height: 80px;
	font-weight: bold;
	color: #1778c2;
}
.flip.in{
	width: 100%;
	height: 172px;
}
.flip.in span.f1,
.flip.out span.f1{
	height: 145px;
	overflow: hidden;
	/*padding-top: 30px;*/
	font-size: 14px;
	line-height: 20px;
	display: table-cell;
	vertical-align: middle;
}
.htexty{
	color: #ffffff;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	width: 100%;
}
.xq_move {
  transition: all .3s ease-in-out;
  position: absolute;
}
.pt20{
	padding: 40px 0 20px 0;
}
.jinghou{
	width: 100%;
	text-align: center;
	line-height: 60px;
	/*padding-bottom: 20px;*/
	color: #ffffff;
	font-size: 28px;
}
.jinghou span{
	display: inline-block;
	padding: 0 40px;
	border-radius: 50px;
	line-height: 58px;
	border:solid 1px #ffffff;
	font-size: 24px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.jinghou span:hover {
	background:#ffffff;
	color: #005C97;
}
/*.block h2.pb0{
	padding-bottom: 0;
}*/
.gallery-table-p{
	width: 100%;
	position: relative;
	padding: 10px 0 20px 0;
}
.gallery-table .td2{
	position: relative;
}
.slideDown{
	display: table;
	width: 100%;
	margin: 10px 0;
}
.slideDown-left{
	width: 40%;
	float: left;
	line-height: 22px;
	color: #005C97;
}
.slideDown-right{
	width: 60%;
	float: right;
	font-size: 14px;
	line-height: 22px;
}
.icofont{
  	border: solid 3px #005C97;
  	width: 10px;
  	height: 10px;
  	display: inline-block;
  	border-radius: 50%;
  	margin: 0 10px;
}
.icotext{
	line-height: 24px;
}
.slideDown .blue{
	color: #005C97;
	/*font-weight: bold;*/
}
.fa-icon{
	margin-right: 10px;
}
.fa-a{
	/*color: #005C97;*/
	position: absolute;
	right: 0;
	top: 20px;
}
.slide-line{
	width: 1px;
	height: 100px;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 20px;
	background:#e0e0e0;
}
.s-t{
	/*width: 100%;*/
	display: inline-block; 
	line-height: 30px;
	font-size: 16px;
	margin-right: 40px;
}
.s-t .blue{
	font-weight: bold;
}
.p10{
	margin: 20px  0;
}
.p10 .slideDown-left{
	color: #333333
}
.c-down{
	cursor: pointer;
}
.blue.f12{
	font-size: 12px;
}
.people{
	position: relative;
}
.fa-people{
	position: absolute;
	left: 0;
	top: 15px;
}
.code-img{
	display: none;
	position: absolute;
	padding: 20px 20px 10px 20px;
	background: #ffffff;
	left: 50%;
	width: 140px;
	top: 66px;
	z-index: 999;
	margin-left: -116px;
	-webkit-box-shadow: 0 3px 3px #cccccc;
	box-shadow: 0 3px 3px #cccccc;
	font-size: 14px;
	opacity: 1;
}
.code-img img{
	width: 100%;
}