body{
	overflow: auto;
	position: relative;
}
.hide{
	display: none !important;
}
.show{
	display: block !important;
}

.fp-tableCell { 
	position: relative; 
	display: block;
	height: 100% !important;
}
.section{
	overflow: hidden;
	width: 100%;
	height: 100% !important;
	min-width: 1200px;
}
.sec0{
	display: block;
	width: 1px;
	height: 0;
	position: absolute;
	top: -1px;
	left: 0;
}

.cont-wrap{
	position: relative;
	min-height: 650px;
}

/*  头部  */
.header{ 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	min-width: 1024px;
	height: 86px; 
	background: url(../theme/header-bg.png) repeat; 
	z-index: 100;

	transition: all 0.4s;
}

.header-cont{
	padding: 0 20px;
}
.header .logo { 
	float: left; 
	/*margin-left: 2.6%; */
	margin-top: 15px; 
	width: 256px;

	transition: all 0.4s;
}
.header .logo>h1{
	margin: 0;
}
.header .logo a{ 
	display: block; 
}
.header .logo a img { 
	display: block; 
	width: 100%; 
}
.header .map-cheng { 
	float: left; 
	position: relative; 
	/*padding-left: 30px; */
	
	margin-top: 28px; 
	line-height: 36px;
	margin-left: 30px; 
	color: #ffffff; 
	cursor: pointer;

	transition: all 0.4s;
}
.header .map-cheng i{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 30px;
	margin-right: 5px;
	background: url(../theme/header-icon01.png) no-repeat left center; 

}

.header .map-cheng span.hq-add {
	display: inline-block;
	vertical-align: middle;
	padding-right: 12px; 
	background: url(../theme/header-icon02.png) no-repeat right center ; 
}




/*.header .map-cheng .hq-add { 
	display:block; 
	padding-right: 12px; 
	background: url(../theme/header-icon02.png) no-repeat right center ; 
}*/
.header .search-bar { 
	float: left; 
	position: relative;
	width: 26px; 
	height: 46px; 
	margin-left: 20px; 
	margin-top: 30px; 
	z-index: 99;
	transition: all 0.4s;
}
.header .search-bar p{
    position: absolute;
    top: 2px;
    left: 26px;
    /*padding-left: 5px;*/
    width: 0;
    overflow: hidden;
    transition: all 0.4s;
}

.header .search-bar:hover p{ 
	width: 420px;
}

.header .search-bar .search-btn{
	cursor: pointer;
 	width: 26px; 
	height: 26px;
	/*margin-top: 12px;*/
	background: url(../theme/header-icon03.png) no-repeat center; 
	transition: all 0.4s;
}

.header .search-bar:hover .search-btn{
	background: url(../theme/header-icon03-blue.png) no-repeat center; 
}

.input-key {
	margin-left: 5px;
    width: 410px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    background-color: transparent;
    font-size: 18px;
    border-bottom: 1px solid #fff;
    color: #fff;
}

.header .search-bar:hover .input-key {
	border-bottom: 1px solid #1eb9ee;
}

.header .officiall-call { 
	float: right; 
	/*margin-right: 2.6%; */
	/*height: 50px; */
	background: #1eb9ee; 
	color: #ffffff; 
	margin-top: 18px; 
	border-radius: 25px; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px;  
	/*padding: 0 42px; */
	cursor: pointer;

	transition: all 0.4s;
}
.header .officiall-call p {
	padding: 0 20px;
}
.header .officiall-call em {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	vertical-align: middle;
	background: url(../theme/header-icon04.png) no-repeat center center;
}
.header .officiall-call span {
    display: block;
    line-height: 32px;
    /*padding-left: 32px;*/
    padding-top: 7px;
    padding-bottom: 7px;
    
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.header .follow { 
	position: relative;
	display: block; 
	float: right; 
	width: 40px; 
	height: 40px; 
	margin-right: 10px; 
	margin-top: 23px;
	z-index: 2;
	padding-bottom: 10px;

	transition: all 0.4s;
}

.header .follow img{ 
	width: 100%;
}

.qrcode-h{
	position: absolute;
	top: -54px;
	left: 1040px;
	width: 120px;
	height: 120px;
	opacity: 0;
	z-index: 0;
    margin-left: -40px;

	transition: all 0.4s;
}
.qrcode-h img{
	width: 100%;
}
.qrcode-h2{
	position: absolute;
	top: -54px;
	left: 1040px;
	width: 120px;
	height: 120px;
	opacity: 0;
	z-index: 0;
    margin-left: -40px;

	transition: all 0.4s;
}
.qrcode-h2 img{
	width: 100%;
}

.over.qrcode-h{
	opacity: 1;
	top: 80px;
}
.over.qrcode-h2{
	opacity: 1;
	top: 80px;
}

/*.header .fw-wb { 
	background: url(../theme/header-icon05.png) no-repeat center; 
}
.header .fw-wx { 
	background: url(../theme/header-icon06.png) no-repeat center; 
}
.header .fw-yd { 
	background: url(../theme/header-icon07.png) no-repeat center; 
}*/

/*header  hover*/
.main-nav ul li:hover .dr-down-top{
    width: 100%;
    height: 98px;
    background: #1eb9ee;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
}
.main-nav ul li.on .dr-down-top{
	width: 100%;
    height: 98px;
    background: #1eb9ee;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
}
.main-nav ul li:hover .list-cont{
	top: -6px;
}

/*header  hover end*/





/* 菜单 */
.header .main-nav { 
	/*width: 605px; */
	height: 98px; 
	position: absolute; 
	left: 50%; 
	margin-left: -258px;  
	top:0;  
}
.header .main-nav ul li { 
	float: left; 
	position: relative; 
	margin-left: 3px; 
	width: 120px; 
	text-align: center;
}
.header .main-nav ul li.on a{
	background:#1eb9ee;
	padding-bottom: 25px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
}


.header .main-nav ul li.ke {
	width: 160px; 
}

.header .main-nav ul li:first-child { 
	margin-left: 0; 
	margin-right: 3px; 
	width: 104px; 
}
.header .main-nav ul li .mn-tit{ 
	display: block; 
	color: #ffffff; 
	padding-top: 18px; 
	position: relative; 
	z-index: 10; 
	font-size: 16px; 

	transition: all 0.4s;
}
.header .main-nav ul li .mn-tit p{ 
	height: 25px; 
	margin-bottom: 8px;

	transition: all 0.4s;
}
.header .main-nav ul li .mn-tit p.nv-bg01 { 
	background: url(../theme/header-icon08.png) no-repeat center; 
} 
.header .main-nav ul li .mn-tit p.nv-bg02 { 
	background: url(../theme/header-icon09.png) no-repeat center; 
} 
.header .main-nav ul li .mn-tit p.nv-bg03 { 
	background: url(../theme/header-icon010.png) no-repeat center; 
} 
.header .main-nav ul li .mn-tit p.nv-bg04 { 
	background: url(../theme/header-icon011.png) no-repeat center; 
} 
.header .main-nav ul li .mn-tit .be-bg {
	position: absolute; 
	z-index: -1; 
	top: -98px; 
	left: 0; 
	width: 100%; 
	height: 98px; 
	background: #1eb9ee; 
	border-bottom-left-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-moz-border-bottom-left-radius: 10px;   
}
.header .main-nav ul li.onmove .be-bg {
	top: 0;
}
.header .main-nav ul li .dr-down { 
	position: absolute; 
	top: 0px; 
	left: 0; 
	width: 100%;
}


.dr-down .dr-down-top{
	position: relative;
	z-index: 2;
	width: 100%;
	height: 0;
	background: #1eb9ee; 
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    transition: all 0.4s;
}

.dr-down .dr-down-top.no-list{
	border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
}

.dr-down.slideUp .dr-down-top{ 
	border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    height: 90px;
}

.dr-down.slideUp .dr-down-top.no-list{
	border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    height: 98px;
}

.dr-down .list {
	width: 100%;
	position: relative;
	z-index: 3;
	text-align: center;
	
}

.dr-down .list .list-cont{
	position:absolute;
	top: -320px;
	left: 0;
	width: 100%;
	background: #1eb9ee; 
	border-bottom-left-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-moz-border-bottom-left-radius: 10px;
padding-top: 10px;
	transition: all 0.7s;
}

.dr-down.slideUp .list .list-cont{
	top: -0px;
}
.header .main-nav ul li .dr-down .list a { 
	display: block; 
	color: #ffffff; 
	font-size: 16px; 
    padding-bottom: 20px;
}

.header.mini {
	height: 66px;
}

.header.mini .main-nav ul li .mn-tit p {
	height: 0;
}

.header.mini .main-nav ul li.onmove .be-bg {
    top: -98px;
}

.header.mini .logo {
    margin-top: 15px;
}

.header.mini .map-cheng {
    margin-top: 18px;
}

.header.mini .search-bar {
    margin-top: 18px;
}

.header.mini .main-nav ul li .mn-tit {
    padding-top: 14px;
}

.header.mini .follow {
	margin-top: 20px;
    width: 30px;
    height: 30px;
    /*padding-bottom: 46px;*/
}

.header.mini .officiall-call {
    background: none;
    margin-top: 14px;
}

.header.mini .map-cheng span.hq-add {
	display:none;
}

/*header  city  choose*/
.map-cheng .map-cheng-con{
	width: 46px;
	height: 28px;
	margin-left: 30px;
	background: url("../theme/header-icon01.png") no-repeat left 2px;
	padding-left: 26px;
}
.map-cheng .map-cheng-con .mapList-h{
	width: 100%;
	line-height: 28px;
	position: relative;
}
.map-cheng .map-cheng-con .mapList-h .m-l-01{
	display: block;
	width: 100%;
	line-height: 28px;
	color: #fff;
	background: url("../theme/header-icon02.png") no-repeat right;
}
.map-cheng .map-cheng-con .mapList-h dl{
	display: none;
	position: absolute;
	top: 28px;
	right: 0;
	z-index: 30;
	width: 100%;
	background: #fff;
}
.map-cheng .map-cheng-con .mapList-h dl dd a{
	font-size: 14px;
	color: #333;
	padding-left: 6px;
	display: block;
}
.map-cheng .map-cheng-con .dSelect8{
	width: 100%;
	height: 28px;
	line-height: 28px;
	position: relative;
}
.map-cheng .map-cheng-con .dSelect8 .d_inSelect{
	width: 100%;
	line-height: 28px;
	color: #fff;
	background: url("../theme/header-icon02.png") no-repeat right;
	cursor: pointer;
}
.map-cheng .map-cheng-con .dSelect8 .d_SelectList{
	display: none;
	position: absolute;
	top: 28px;
	right: 0;
	z-index: 30;
	width: 100%;
	background: url("../theme/win-bg02.png") repeat;
	
}
.map-cheng .map-cheng-con .dSelect8 .d_SelectList li a{
	font-size: 14px;
	color: #fff;
	padding-left: 6px;
	display: block;
	
}
.map-cheng .map-cheng-con .dSelect8 .d_SelectList li a:hover{
	background: #666;
}


/*header  city choose  end*/














/*  第一屏   */
.banner-tab{ 
	width:100%; 
	height:100%;
	max-height: 100%; 
	overflow:hidden; 
	position:relative; 
}
.banner-tab .hd{ 
	display: none; 
}
.banner-tab .bd{ 
	position:relative;
	height:100%; 
	z-index:0;   
}
.banner-tab .bd ul{
	height: 100%;
}
.banner-tab .bd li{ 
	zoom:1; 
	vertical-align:middle; 
	width: 100%;
	height: 100%;
	max-height: 100%;
	/*position: absolute;
	float: none;
	top: 0;
	left: 0;*/
}
.hw li img.banner-img{
	width: auto !important;
	height: 100% !important;
}
.banner-tab .bd li img.banner-img{ 
	/*display:block; 
	position: absolute; 
	top: 0;
	left: 0;
	width: auto; 
	height: 100%;*/
	width: 100%;
	position: absolute;
	float: none;
	left: 0;
	top: 0;

}
.banner-tab .bd li.active{
	z-index: 10;
}
.banner-tab .bd li.active .banner-img{

}

.banner-tab .bd li .dw-cont { 
	/*display: none;*/
	position: absolute; 
	left: 0; 
	top: 0;
	width: 100%;
	cursor: pointer;
}

.banner-tab .bd li .dw-cont img { 
	/*display: none;*/
	display: block; 
	width: 100%;
}
.banner-tab .bd li .dw-cont a { 
	display: none; 
	color: #ffffff;
	margin-top: 270px; 
	width: 158px; 
	height: 42px; 
	border:1px solid #ffffff;
	background: url(../theme/section-icon03.png) no-repeat center; 
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0; 
	-moz-border-bottom-right-radius:0; 
	transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear;
}
.banner-tab .bd li .dw-cont a span {  
	line-height: 42px; 
	text-align: center; 
	font-size: 16px; 
	color: #31baea; 
	display: none;
}
.banner-tab .bd li .dw-cont a:hover { 
	background: #ffffff; 
}
.banner-tab .bd li .dw-cont a:hover span { 
	display: block; 
}
.banner-tab .dv-lab { 
	position: absolute; 
	width: 150px; 
	height: 28px; 
	left: 50%; 
	bottom: 20px;
	margin-left: -75px;
}
.banner-tab .dv-lab .prev{ 
	position:absolute; 
	left:0%; 
	top:0; 
	display:block; 
	width:32px; 
	height:28px; 
	background:url(../theme/section-icon01.png) no-repeat center; 
}
.banner-tab .dv-lab .next{ 
	position:absolute; 
	right:0%; 
	top:0;  
	display:block; 
	width:32px; 
	height:28px; 
	background:url(../theme/section-icon02.png) no-repeat center; 
}
.fast-box { 
	position: absolute; 
	left: 475px; 
	right: 0px; 
	bottom: 80px;  
}
.fast-box .item{ 
	display: block; 
	float: left; 
	width: 33%; 
	*width: 32.9%; 
	height: 120px; 
	overflow: hidden; 
	position: relative; 
	z-index: 10; 
}
.fast-box .item:first-child { 
	margin-left: 0.5%; 
	display: inline; 
}
.fast-box .item .mask { 
	position: absolute; 
	left: 2px; 
	background: #000; 
	width: 100%; 
	height: 120px; 
	z-index: -1;
	opacity: 0.3;
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3; 
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-bottom-right-radius:0
	-webkit-border-bottom-right-radius:0; 
	-moz-border-bottom-right-radius:0;   
	transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-webkit-border-bottom-right-radius: 0; 
	-moz-border-bottom-right-radius: 0;
}
.fast-box .item:hover .mask {
	opacity: 0.6;
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}
.fast-box .item .lf-icon {
	position: absolute;
	left: 12%;
	height: 65px;
	float: left;
	margin: 28px 0 0 0;
	display: inline;
	overflow: hidden;
}
.fast-box .item .lf-icon img{
	display: block;
}
.fast-box .item .rt-icon{
	position: absolute;
	width: 15px;
	height: 18px;
	top: 52px; 
	right:40px;
	display: inline;
	overflow: hidden;
}
.fast-box .item .rt-icon{
	display: block;
}
.fast-box .item .text { 
	position: absolute;
	left: 36%; 
	top:40px;
	font-size: 28px; 
	color: #ffffff; 
}
.rollbtn{ 
	position: absolute; 
	width: 28px; 
	height: 46px; 
	bottom: 15px; 
	left: 50%; 
	margin-left: -14px;
}


   









/* 第二屏 */

.class-lists { 
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}
.class-lists ul{
	height: 100%;
}
.class-lists ul li {
	float: left;
	width: 25%;
	height: 100%;
	*width: 24.9%;
	position: relative;
}
.class-lists ul li.cj-frist{
	z-index: 100;
}
.class-lists ul li .yc-pic{
	display: block;
	width: 100%;
	height: 1020px;
	overflow: hidden;
	position: relative;
	z-index: 20;
}
.class-lists ul li .yc-pic img {
	display: block;
	width: 480px;
	height: 1020px;
	position: absolute; 
	top: 0;
	left: 50%;
	margin-left: -240px;
}
.class-lists ul li .cs-year {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background: url(../theme/section-bg01.png) repeat;
	color: #fff;
	transition: all 0.5s linear; 
	-webkit-transition: all 0.5s linear; 
	-moz-transition: all 0.5s linear;
}
.class-lists ul li .cs-hover{
	background: #31baea;
}
.class-lists ul li .cs-year h2 {
	width: 100%;
	position: absolute;
	top: 24%;
	text-align: center;
	font-size: 66px;
	margin: 0;
}
.class-lists ul li .cs-year h2 span {
	font-size: 24px;
	font-weight: normal;
}
.class-lists ul li .cs-year .tline{
	position: absolute;
	top: 38%;
	width: 40px;
	height: 2px;
	background: #aea7a3;
	left: 50%;
	margin-left: -20px; 
}
.class-lists ul li .cs-year .cs-name {
	width: 100%;
	position: absolute;
	top: 42%;
	text-align: center;
}
.class-lists ul li .cs-year .cs-name p.tit1{
	margin-bottom: 5px;
	font-size: 24px;
}
.class-lists ul li .cs-year .cs-name p.tit2{
	font-size: 20px;
}
.class-lists ul li .cs-year a{
	display: block; 
	color: #ffffff;
	position: absolute;
	top: 55%;
	left: 50%;
	margin-left: -79px; 
	width: 158px; 
	height: 44px; 
	border:1px solid #ffffff;
	background: url(../theme/section-icon03.png) no-repeat center; 
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0; 
	-moz-border-bottom-right-radius:0; 
	transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear;
}
.class-lists ul li .cs-year a span{
	display: none;
}
.class-lists ul li .cs-year a:hover{
	background: #fff;
}
.class-lists ul li .cs-year a:hover span{
	display: block;
	line-height: 44px;
	font-size: 16px;
	color: #31baea;
	text-align: center;
}
.class-lists ul li .cs-year .cs-intion{
	position: absolute;
	bottom: 10%;
	left: 0;
	width: 100%;
	text-align: center;
}
.class-lists ul li .cs-year .cs-intion p{
	font-size: 16px;
	margin-top: 8px;
}



/*  第三屏  */
.about-box {
	height: 100%;
	position: relative;
}
.about-box .at-float{
	float: left;
	width: 50%;
	*width: 49.9%;
	height: 100%;
	position: relative;
	overflow: hidden;
}


.about-box .at-float .video-bg {
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	min-height: 100%;
}
.about-box .at-float .video-bg span{
	display: block;
	width: 202px;
	height: 202px;
	position: absolute;
	left: 50%;
	margin-left: -101px;
	top: 50%;
	margin-top: -101px;
	z-index: 10;
	background: url(../theme/index-video.png) no-repeat center;
}
.about-box .at-float .video-bg img {
	display: block;
	width: 1000px;
	-webkit-transition:all 1s; 
	-moz-transition:all 1s; 
	-o-transition:all 1s; 
}
.about-box .at-float:hover .video-bg img{
	-webkit-transform:scale(1.05); 
	-moz-transform:scale(1.05); 
	-o-transform:scale(1.05); 
} 
.about-box .at-float .btn-play{
	display: block;
	width: 202px;
	height: 202px;
	position: absolute;
	left: 50%;
	margin-left: -101px;
	top: 50%;
	margin-top: -101px;
	z-index: 10;
	background: url(../theme/index-video.png) no-repeat center;
}
.mgs-related ul li{
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;

}
.mgs-related ul li img{
	position: relative;
	left: 50%;
	margin-left: -250px; 
	top: 0;
	width: 500px;
	/*width: 104%;*/
	/*height: 100%;*/
	min-height: 350px;
	display: block;
	z-index: 0;
}
.mgs-related ul li .fs-layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../theme/section-bg01.png) repeat;
	z-index: 1;
}
.mgs-related ul li .sd-layer{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #1eb9ee;
	z-index: 2;
}
.mgs-related ul li .cont-layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	color: #ffffff;
}
.mgs-related ul li .cont-layer h2{
	position: absolute;
	left: 0;
	top: 30%;
	width: 100%;
	font-size: 24px;
	text-align: center;
	margin: 0;
	font-weight: normal;
}
.mgs-related ul li .cont-layer h2 p{
	margin-top: 10px;
	font-size: 16px
}
.mgs-related ul li .cont-layer a{
	display: block; 
	color: #ffffff;
	position: absolute;
	top: 55%;
	left: 50%;
	margin-left: -79px; 
	width: 158px; 
	height: 44px; 
	border:1px solid #ffffff;
	background: url(../theme/section-icon03.png) no-repeat center; 
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0; 
	-moz-border-bottom-right-radius:0; 
	transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear;
}
.mgs-related ul li .cont-layer a span{
	display: none;
}
.mgs-related ul li .cont-layer a:hover{
	background: #fff;
}
.mgs-related ul li .cont-layer a:hover span{
	display: block;
	line-height: 44px;
	font-size: 16px;
	color: #31baea;
	text-align: center;
}




.about-box .popup{
	display: none;
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	background: url("../theme/section-bg01.png") repeat;
	z-index: 999;
}
.about-box .popup .btn-close{
	position: absolute;
	left: 50%;
	top:50%;
	margin-left:460px;
	margin-top: -322px;
	width: 38px;
	height: 38px;
	border:1px solid #777;
	background: url("../theme/icon-close.png") center no-repeat;
	z-index: 3;

}
.about-box .popup .video-box{
	width: 1000px;
	height: 564px;
	position: absolute;
	left: 50%;
	top:50%;
	margin-left:-500px;
	margin-top:-282px;
	background: #000;
	z-index: 2;
}

#video_logo{
	display: none;
}







/*  第4屏  */
.news-boxs {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;

}

.news-boxs .news-bg ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.news-boxs .news-bg ul li.bg-img01{
	background: url(../theme/index-conBg01.jpg) 50%;
}
.news-boxs .news-bg ul li.bg-img02{
	display: none;
	background: url(../theme/index-conBg02.jpg) 50%;
}
.news-boxs .news-bg ul li.bg-img03{
	display: none;
	background: url(../theme/news-bg04.jpg) 50%;
}
.news-boxs .four-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../theme/section-bg03.png) repeat;
	z-index: 20;
}
.news-boxs .newsbox-tits {
	position: absolute;
	top: 125px;
	height: 46px;
	width: 210px;
	left: 50%;
	margin-left: -105px;	
	z-index: 30;
}
.news-boxs .newsbox-tits p{
	font-size: 36px;
	color: #ffffff;
	padding-left: 66px;
	background: url(../theme/header-icon013.png) no-repeat left center;
}

.news-boxs .news-tabs {
	position: absolute;
	top: 200px;
	width: 100%;
	z-index: 30;
}
.tabs-list {
	width: 480px;
	height: 44px;
	background: url(../theme/section-bg02.png) no-repeat center;
	margin: 0 auto;
	position: relative;
}
.tabs-list .on-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 160px;
	/*width: 240px;*/
	height: 44px;
	background: url(../theme/section-bg04.png) no-repeat center;
	background-size: 160px 44px;
}
.tabs-list ul{
	z-index: 20;
	position: relative;
}
.tabs-list ul li {
	float: left;
	width: 160px;
	/*width: 240px;*/
	height: 44px;
	color: #ffffff;
	text-align: center; 
	line-height: 44px;
	cursor: pointer;
}
.tabs-list ul li.on{
	color: #31baea;
}

.tab-content{
	/*position: relative;*/
	/*width: 81.6%;*/
	/*left: 50%;*/
	/*margin-left: -40.8%;*/
	/*margin-top: 40px;*/
	width: 1500px;
	margin: 40px auto 0;
	overflow: hidden;
}
.tab-content ul {

}
.tab-content ul li {}
.tab-content ul li .hot-new {
	position: relative;
	/*width: 23%;*/
	width: 356px;
	float: left;
	margin: 0 10px;
	/*margin-left: 2.5%;*/
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	overflow: hidden;
	background: #ffffff;
	color: #333333;
}
.tab-content ul li .hot-new:first-child{
	margin-left: 0;
}

.tab-content ul li .hot-new .nw-pic{
	position: relative;
    /*width: 356px;*/
    width: 100%;
    height: 204px;
    overflow: hidden;
}
.tab-content ul li .hot-new .nw-pic img{
	display: block;
	width: 356px;
	/*position: relative;*/
	/*left: 50%;*/
	/*margin-left: -181px;*/
}
.tab-content ul li .hot-new .nw-pic span{
	display: block;
	width: 62px;
	height: 61px;
	/*color: #ffffff;
	width: 105px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	position: absolute;
	right: 0;
	overflow: hidden;
	bottom: 29px;
	border-top-left-radius: 10px; 
	-webkit-border-top-left-radius: 10px; 
	-moz-border-top-left-radius: 10px; 
	border-bottom-left-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-moz-border-bottom-left-radius: 10px;*/ 
}
.tab-content ul li .hot-new .nw-pic span.hd-over{
	background: url("../theme/pages/active-stat-off.png") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	/*background: #cccccc;
	border: 1px solid #cccccc;*/
}
.tab-content ul li .hot-new .nw-pic span.hd-csoon{
	background: url("../theme/pages/active-stat-on-jj.png") no-repeat;
	position: absolute;
	top:0;
	left: 0;
	/*background: #f0d439;
	border: 1px solid #f0d439;*/
}
.tab-content ul li .hot-new .nw-pic span.hd-geton{
	background: url("../theme/pages/active-stat-on-sm.png") no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	/*background: #ffffff;
	color: #f0d439;
	border: 1px solid #f0d439;*/
}
.tab-content ul li .hot-new .news-info {
	padding: 25px 8% 0; 
}
.tab-content ul li .hot-new .news-info .title p {
	font-size: 24px;
	line-height: 1.4;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tab-content ul li .hot-new .news-info .title p a:hover{
	color: #31baea;
}
.tab-content ul li .hot-new .news-info .nw-cont {
	margin-top: 10px;
	margin-bottom: 20px;
	max-height: 38px;
	overflow: hidden;
}
.tab-content ul li .hot-new .news-info .nw-cont p {
	font-size: 14px;
	line-height: 20px;
	text-overflow: -o-ellipsis-lastline;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	display: -webkit-box;
  	-webkit-line-clamp: 2;
 	-webkit-box-orient: vertical;
 	height: 60px;
}
.tab-content ul li .hot-new .ckxqBtn{
	display: block; 
	color: #4cc3ed;
	margin-left: 8%; 
	width: 158px; 
	height: 44px; 
	border:1px solid #4cc3ed;
	background: url(../theme/section-icon04.png) no-repeat center; 
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0; 
	-moz-border-bottom-right-radius:0; 
	transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear;
	margin-bottom: 32px;
}
.tab-content ul li .hot-new a span {
	display: none;
	line-height: 44px;
	font-size: 16px;
	text-align: center;

}
.tab-content ul li .hot-new a.ckxqBtn:hover{
	background: #31baea;
}
.tab-content ul li .hot-new a.ckxqBtn:hover span{
	display: block;
	/*line-height: 44px;*/
	/*font-size: 16px;*/
	color: #ffffff;
	/*text-align: center;*/
}


 a.more-link{
	display: block; 
	color: #ffffff;
	 
	width: 158px; 
	height: 44px; 
	border:1px solid #ffffff;
	background: url(../theme/section-icon03.png) no-repeat center; 
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0; 
	-moz-border-bottom-right-radius:0; 
	transition: all 0.2s linear; 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear;
	z-index: 30;
}

.news-tabs  a.more-link{
	margin: 30px auto 0;
}
 a.more-link span{
 	line-height: 44px;
	font-size: 16px;
	color: #31baea;
	text-align: center;
	display: none;
}
 a.more-link:hover{
	background: #fff;
}
 a.more-link:hover span{
	display: block;
	/*line-height: 44px;*/
	/*font-size: 16px;*/
	color: #31baea;
	/*text-align: center;*/

}
@media screen and (max-width: 1480px){
	.tab-content{
		width: 1200px;
	}
	.tab-content ul li .hot-new{
		width: 282px;
	}
	.tab-content ul li .hot-new .nw-pic{
		height: 151px;
	}
	.tab-content ul li .hot-new .nw-pic img{
		width: 100%;
	}
}


/*   第五屏    */
.ft-section{
	position: relative;
	width:100%;
	height: 100%;
	/*background: url(../theme/section-bg05.png) no-repeat left top; */
}
.learnfrom {
	height:75%;
	background: url(../theme/section-bg08.jpg) no-repeat left top;
	background-size: 100%;
}
.learnfrom .drift-half{
	width: 33%;
	height: 100%;
	float: left;
	position: relative;
}
/**.learnfrom .bu-bg{
	background: url(../theme/section-bg06.png) repeat;
}**/
.learnfrom .drift-half .bm-from{
	position: absolute;
	top: 30%;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	text-align: center;
	color: #ffffff;
}
.learnfrom .drift-half .bm-from h2{
	font-size: 36px;
	font-weight: normal;
	margin: 0;
}
.learnfrom .drift-half .bm-from p{
	font-size: 16px;
	margin-top: 20px;
}
.learnfrom .drift-half .bm-from .btn-labs a{
	display:block;
	color: #ffffff;
	width: 30%;
	background: #ffffff;
	float: left;
	margin-left: 10%;
	border:1px solid #ffffff;
	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0; 
	-moz-border-bottom-right-radius:0; 
}
.learnfrom .drift-half .bm-from .btn-labs{
	margin-top: 70px;
}
.learnfrom .drift-half .bm-from .btn-labs a:first-child{
	margin-left: 15%;
}
.learnfrom .drift-half .bm-from .btn-labs a span {
	display: block;
	margin: 0 28px;
	line-height: 60px;
	color: #1eb9ee;
	background: url(../theme/section-icon05.png) no-repeat right center;

}

.learnfrom .drift-half .title {
    /*margin-top: 0;*/
    /*margin-top: 15%;*/
    margin-left: 13%;
    margin-bottom: 2%;
	font-size: 36px;
	/*font-weight: bold;*/
	padding-left: 64px;
	background: url(../theme/section-icon06.png) no-repeat left center;
	color: #ffffff;
}
.learnfrom .drift-half .title a{color: #ffffff;}
.learnfrom .drift-half .learn-ea {
	margin-left: 10%;
	width: 92%;
}

.learnfrom .drift-half .learn-ea li{
	font-size: 16px;
	padding: 5px 20px;
	margin-bottom: 5%;

	border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-bottom-right-radius:0;
	-webkit-border-bottom-right-radius:0; 
	-moz-border-bottom-right-radius:0; 
}

.font-size-big {
	font-size: 16px;
}

.font-size-middle {
	font-size: 14px;
}

.font-size-simall {
	font-size: 12px;
}


 .learn-ea li:hover{
	background-color: #647fb5;
}
 .learn-ea li a{
	display: block;
	width: 100%;
	position: relative;
	color: #ffffff;
}

 .learn-ea li a p{
	/*font-weight: bold;*/
}

 .learn-ea li a span{
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}
.learn-ea li a i{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
}



.learnfrom a.more-link {
    display: block;
    color: #ffffff;
    margin: 30px auto 0;
    
}

.baike-txt {
	position: absolute;
	top: 20%;
	width: 100%;
}




/**
 * footer start
 */
.footer{
	position: relative;
	width: 100%;
	height: 25%;
	background-color: #f8f8f8;
}

.footer-menu{
	position: relative;
	/*padding:0 5%;*/

	margin:0 auto;
	text-align: left;
	line-height: 50px;
	padding-top:40px;
	width: 90%;
	min-width: 1060px;
	margin: 0 auto;
}

.f-menu{
	display: inline-block;
	width: 150px;
	text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-right: 30px;
    cursor: pointer;

}

.f-menu:hover{
	color: #fff;
	background-color: #1eb9ee;
}
.f-menu:hover a{
	color: #fff;
}

.f-menu span{
	display: inline-block;
	vertical-align: middle;
}
.f-menu i{
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 25px;
	margin-right: 5px;
}
/*.f-menu.baike{
	margin-right: 0;
}*/
.f-menu.ke i{background: url(../theme/icon-footer-05.png) no-repeat center;}
.f-menu.about i{background: url(../theme/icon-footer-06.png) no-repeat center;}
.f-menu.area i{background: url(../theme/icon-footer-07.png) no-repeat center;}
.f-menu.baike i{background: url(../theme/icon-footer-08.png) no-repeat center;}

.f-menu.ke:hover i{background: url(../theme/header-icon09.png) no-repeat center;}
.f-menu.about:hover i{background: url(../theme/header-icon011.png) no-repeat center;}
.f-menu.area:hover i{background: url(../theme/header-icon010.png) no-repeat center;}
.f-menu.baike:hover i{background: url(../theme/header-icon09.png) no-repeat center;}

.footer-menu-l,.footer-menu-r{
	display: inline-block;
	vertical-align: middle;
}
.footer-menu-l{
	width: 72%;
}

.footer-menu-r{
	float: right;
	position: relative;
}

.footer .follow{
	margin-top: 0;
}

.footer .follow.tel-400{
    width: 180px;
    text-align: center;
    color: #31baea;
    vertical-align: middle;
    line-height: 30px;
    font-size: 18px;
    margin-right: 0;
    height: auto;
}

.footer .follow{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;z-index: 2;
}

.footer img{
	width: 100%;
	height: 100%;
    vertical-align: initial;
}

.follow.tel-400 i{
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;

	/*background: url(../theme/icon-footer-01.png) no-repeat center;*/
}

.follow.tel-400 span{
	display: inline-block;
	vertical-align: top;
	padding-left: 5px;
}

.f-bottom-txt{
	margin-top: 20px;
	border-top: 1px solid #ccc;
	color: #999;
	text-align: center;
	font-size: 12px;

}

.f-bottom-txt p{
	padding-top: 14px;
}
.right-side-online{position:fixed; right:88px; top:46%; z-index:999;}

.right-side-menu{
	position: fixed;
	right: 2px;
    top: 50%;
    margin-top: -150px;
	z-index: 999;
	display: none;
}

.right-side-menu li{
	width: 75px;
	height: 75px;
	/*padding:10px;*/
	/*line-height: 120px;*/
	text-align: center;
	background-color: #333;
	background-color: rgba(0,0,0,0.5);
	/*opacity: 0.5;*/
	border-radius: 5px;
	margin-bottom:2px;
	cursor: pointer;
	color: #f1d43a;
	font-size: 14px;
}
.right-side-menu li .icon-event{
	width: 75px;
	height: 75px;
	text-align: center;
	border-radius: 5px;
	margin-bottom:2px;
	cursor: pointer;
	color: #f1d43a;
	font-size: 14px;}
.right-side-menu li:hover,.right-side-menu li .icon-event:hover{
	background-color: #f1d43a;
	/*color: #fff;*/
}
.right-side-menu li .icon-online{
	width: 75px;
	height: 75px;
	background-color:#f95368;
	text-align: center;
	border-radius: 5px;
	margin-bottom:2px;
	cursor: pointer;
	color: #f1d43a;
	font-size: 14px;}
.right-side-menu li:hover,.right-side-menu li .icon-event:hover{
	background-color: #f1d43a;
	/*color: #fff;*/
}



.right-side-menu li a{
	display: block;
	/*padding: 10px;*/
	color: #f1d43a;
}

.right-side-menu li:hover a{
	color: #fff;
}

.right-side-menu li i{
	display: block;
	width: 60px;
	height: 54px;
	margin: 0 auto -6px;
	background-size: 60%;
}

.icon-yue i{
	background: url(../theme/fast-icon01.png) no-repeat center;
}

.right-side-menu li:hover .icon-yue i{
	background: url(../theme/fast-icon01-w.png) no-repeat center;
	background-size: 60%;
}

.icon-ke i{
	background: url(../theme/fast-icon02.png) no-repeat center;
}

.right-side-menu li:hover .icon-ke i{
	background: url(../theme/fast-icon02-w.png) no-repeat center;
	background-size: 60%;
}

.icon-event i{
	background: url(../theme/fast-icon03.png) no-repeat center;
}

.right-side-menu li:hover .icon-event i{
	background: url(../theme/fast-icon03-w.png) no-repeat center;
	background-size: 60%;
}
.icon-online i{
	background: url(../theme/fast-icon05.png) no-repeat center;
}

.right-side-menu li:hover .icon-online i{
	background: url(../theme/fast-icon05-w.png) no-repeat center;
	background-size: 60%;
}

.icon-return i{
	background: url(../theme/fast-icon04.png) no-repeat center;
}

.right-side-menu li:hover .icon-return i{
	background: url(../theme/fast-icon04-w.png) no-repeat center;
	background-size: 60%;
}


.qrcode-f{
    position: absolute;
    top: -90px;
    left: 20px;
    width: 120px;
    height: 120px;
	
	opacity: 0;
	z-index: 0;

    transition: all 0.4s;
}

.over.qrcode-f{
	opacity: 1;
	top: -124px;
}

.qrcode-f-2{
    position: absolute;
    top: -90px;
    left: -42px;
    width: 120px;
    height: 120px;
	
	opacity: 0;
	z-index: 0;

    transition: all 0.4s;
}

.over.qrcode-f-2{
	opacity: 1;
	top: -124px;
}

/*.footer .fw-wb{ 
	background: url(../theme/icon-footer-02.png) no-repeat center; 
}
.footer .fw-wx { 
	background: url(../theme/icon-footer-03.png) no-repeat center; 
}
.footer .fw-yd { 
	background: url(../theme/icon-footer-04.png) no-repeat center; 
}
*/
@media screen and (max-height: 800px) {
	.learnfrom .drift-half .learn-ea li{
		font-size: 14px;
	}

	.learn-ea li a span{
	 	font-size: 12px;
	}

	.learnfrom .drift-half .title {
    	margin-top: 2%;
	}

	.tab-content ul li .hot-new .news-info .title p {
	    font-size: 18px;
	}

	.tab-content ul li .hot-new .news-info .nw-cont p {
	    font-size: 12px;
	}

	.tab-content ul li .hot-new .news-info {
	    padding: 10px 8% 0;
	}

	.tab-content ul li .hot-new a {
		margin-bottom: 16px;
	}

	.tab-content {
    	margin-top: 20px;
	}

	.news-boxs .news-tabs {
    	top: 160px;
	}

	.news-boxs .newsbox-tits {
    	top: 100px;
	}

	a.more-link {
	    /*bottom: 6px;*/
	}
}

@media screen and (max-height: 680px) {
	.learnfrom .drift-half .learn-ea li{
		/*font-size: 12px;*/
	}

	.learnfrom .drift-half .title {
    	margin-top: -2%;
	}

	.news-boxs .newsbox-tits {
	    top: 85px;
	}

	.news-boxs .news-tabs {
	    top: 140px;
	}

	/*.news-tabs a.more-link {
	    margin: 8px auto 0;
	}*/
}
@media screen and (max-width: 1440px){
	.learnfrom{
		height: 69%;
	}
	.footer{
		height: 31%;
	}
	.footer-menu{
		padding-top: 20px;
		line-height: 34px;
	}
}
@media screen and (max-width: 1366px) {
	.about-box .popup .video-box{
		height: 440px;
		margin-top: -220px;
	}
	.about-box .popup .btn-close{
		margin-top: -220px;
	}
	.fast-box{
		bottom: 60px;
	}
	.rollbtn{
		height: 30px;
	}
	.rollbtn img{
		width: 20px;
	}
	.fast-box .item{
		height: 100px;
	}
	.fast-box .item .mask{
		height: 100px;
	}
	.fast-box .item .lf-icon{
	    margin: 16px 0 0 0;
	}
	.fast-box .item .rt-icon{
		top: 38px;
	}
	.fast-box .item .text{
		top: 30px;
		font-size: 24px;
	}
	.footer-menu{
		line-height: 34px;
	}
	.f-menu{
		width: 130px;
	}
	a.more-link{
		width: 130px;
		height: 40px;
	}
	a.more-link span{
		font-size: 14px;
		line-height: 40px;
	}
	.learnfrom .drift-half .bm-from .btn-labs{
		text-align: center;
	}
	.learnfrom .drift-half .bm-from .btn-labs a{
		display: inline-block;
		width: 130px;
		margin: 0 20px;
		float: none;
	}
	.learnfrom .drift-half .bm-from .btn-labs a span{
		line-height: 40px;
	}
	.learnfrom .drift-half .bm-from .btn-labs a:first-child{
		margin-left: inherit;
	}
	.learnfrom .drift-half .bm-from h3,
	.learnfrom .drift-half .title{
		font-size: 28px;
		background-size: 8%;
	}
	.tab-content ul li .hot-new a span{
		font-size: 14px;
		line-height: 36px;
	}
	.tab-content ul li .hot-new a{
		width: 100px;
		height: 34px;
	}
	.tab-content ul li .hot-new .nw-pic img{
		width: 100%;
		position: inherit;
		left: inherit;
		margin-left: inherit;
	}
	.news-tabs a.more-link{
		margin: 30px auto 0;
	}
	.news-boxs .newsbox-tits p{
		font-size: 24px;
		background-size: 16%;
		padding-left: 46px;
	}
	.news-boxs .newsbox-tits{
		left: 52%;
	}
	.mgs-related ul li .cont-layer h3{
		font-size: 18px;
	}
	.mgs-related ul li .cont-layer h3 p{
		font-size: 14px;
	}
	.mgs-related ul li .cont-layer a span{
		font-size: 14px;
	}
	.mgs-related ul li img{
		/*width: 110%;*/
	}
	.fast-box .item .lf-icon img{
		width: 70%;
		margin-top: 12px;
	}
	.class-lists ul li .cs-year h3{
		font-size: 40px;
	}
	.class-lists ul li .cs-year .cs-name p.tit1{
		font-size: 18px;
	}
	.class-lists ul li .cs-year .cs-name p.tit2{
		font-size: 16px;
	}
	
}

@media screen and (max-width: 1280px) {
	.header-cont{
		padding: 0 10px;
	}

	.header .logo {
	    float: left;
	    /*margin-left: 0.6%;*/
	    margin-top: 20px;
	    width: 190px;
	}
	.header.mini .logo {
	    margin-top: 24px;
	}

	.header .main-nav ul li.ke {
		width: 136px; 
	}

	.header .main-nav {
	    margin-left: -255px;
	}

	.header .map-cheng {
    	margin-left: 15px;
	}

	.learnfrom .drift-half .bm-from {
	    width: 580px;
	    margin-left: -290px;
	}

	.learnfrom .drift-half .bm-from .btn-labs a {
	    /*width: 250px;*/
	}

	.header .follow {
	    margin-right: 12px;
	}

	.header .search-bar  {
	    margin-left: 10px;
	}

	.header .officiall-call {
	    /*margin-right: 10px;*/
	}

	.tab-content ul li .hot-new .news-info .title p {
	    font-size: 18px;
	}

	.tab-content ul li .hot-new .news-info .nw-cont p {
	    font-size: 12px;
	}

	/*.f-menu{
		margin-right: 4%;
	}*/

	.header .main-nav ul li {
	    width: 100px;
	}

	.header .main-nav ul li:first-child {
	    width: 90px;
	}

	.news-boxs .news-tabs {
    	/*top: 160px;*/
	}

	.news-boxs .newsbox-tits {
    	top: 100px;
	}

	a.more-link {
	    bottom: 6px;
	}

}
@media screen and (max-width: 1366px){
	.learnfrom{
		height: 69%;
	}
	.footer{
		height: 31%;
	}
	.footer-menu-l{
		width: 67%;
	}
	.footer-menu{
		padding-top: 20px;
	}
	.f-menu{
		margin-right: 30px !important;
	}
	.f-menu:last-child{
		margin-right: 0px !important;
	}
}

@media screen and (max-height: 750px){
	.about-box .at-float .video-bg img{
		width: 108%;
	}
}
@media screen and (max-height: 900px){
	.mgs-related ul li img{
		/*height: auto;*/
	}
}




.friendLink{
	width: 90%;
    min-width: 1060px;
    padding-top: 20px;
    margin: 0 auto;
}
.friendLink .friend-link-list ul{
	text-align: left;
}
.friendLink .friend-link-list ul li{
	display: inline-block;
	margin-right: 10px;
	line-height: 24px;
	font-size: 12px;
}
.friendLink .friend-link-list ul li a{
	font-size: 12px;
	color: #999;
}
.friendLink .friend-link-list ul li a:hover{
	color: #1eb9ee;
}


@media screen and (max-height: 640px){
	.learnfrom{
		height: 64%;
	}
	.footer{
		height: 36%;
	}
	.friendLink{
		padding-top: 10px;
	}
	.f-bottom-txt{
		margin-top: 10px;
	}
}