@charset "utf-8";
/* CSS Document */

/*通用页面样式、顶部*/
* { margin:0; padding:0; list-style-image: none;list-style-type: none;}
html{-webkit-text-size-adjust:none;}
body {background-color: #E3E3E3;font-family: "微软雅黑";}
a{
	color: #333;
	text-decoration: none;
}
img { border:none;}
.fix {clear:both;height: 1px;font-size: 0px;}

/*浏览器滚动条*/
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#000000}
::-webkit-scrollbar-thumb:vertical{background-color:#EF5F00;border-radius:6px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#FFF}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*首页顶部导航*/
.topk {height: 100px;position: fixed;z-index: 1000;width: 100%;}
.top {
	height: 80px;
	padding-top: 20px;
	/*min-width: 1180px;*/
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.logo {height: 35px;width: 150px;float: left;padding-left: 30px;}
.logo a {text-decoration:none;display: block;height: 35px;width: 36px;background-image: url(../images/v6/logo_hover.png);background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:0.70;}
.logo a:hover {height: 35px;width: 150px;background-image: url(../images/v6/logo_hover.png);background-repeat: no-repeat;opacity:0.99;}
.nav {height: 28px;float: right;width: 101px;padding-right: 30px;}
.nav_dhrs {height: 28px;width: 28px;float: right;}
.nav_dhrs a {text-decoration:none;display: block;height: 28px;width: 28px;background-image: url(../images/v6/nav_book_hover.png);background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:0.7;}
.nav_dhrs a:hover {text-decoration: none;background-image: url(../images/v6/nav_book_hover.png);background-repeat: no-repeat;opacity:0.99;}
.nav_design {height: 28px;width: 28px;float: right;}
.nav_design a {text-decoration:none;display: block;height: 28px;width: 28px;background-image: url(../images/v6/nav_design_hover.png);background-repeat: no-repeat;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:0.7;}
.nav_design a:hover {text-decoration: none;background-image: url(../images/v6/nav_design_hover.png);background-repeat: no-repeat;opacity:0.99;}
.nav_x {height: 28px;width: 45px;float: right;}

/*焦点图*/
.BannerTitle{
    position: absolute;
    z-index: 6;
    width: 100%;
    padding-top: 200px;
    color: #fff;
}
.BannerTitle h2{
    font-size: 48px;
    line-height: 80px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0 10px #000;
}
.BannerTitle h3{
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    font-weight:normal;
    padding: 10px;
    text-shadow: 0 0 5px #000;
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider a img { outline: none; border: none; }

.flexslider {
	margin: 0;
	padding: 0;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;

}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* Theme Styles */
.flexslider {
	position: relative;
	zoom: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* Edit it if you want */
.flex-container {
	/*min-width: 1180px;*/
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.flexslider .slides { zoom: 1; }
/* Direction Nav */
.flex-direction-nav a {
	display: block;
	position: absolute;
	margin: -17px 0 0 0;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
	z-index: 9999;
	background-color: #82d344;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#82d344), to(#51af34));
	background-image: -webkit-linear-gradient(top, #82d344, #51af34);
	background-image: -moz-linear-gradient(top, #82d344, #51af34);
	background-image: -o-linear-gradient(top, #82d344, #51af34);
	background-image: linear-gradient(to bottom, #82d344, #51af34);
}
/* Control Nav */
.img_time {
	position: absolute;
	width: 34px;
	bottom: 28px;
	text-align: center;
	z-index: 500;
}
.img_time a {
	text-decoration: none;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/v6/img_time.png);
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 0.70;
	float: right;
}
.img_time a:hover {height: 14px;width: 14px;background-image: url(../images/v6/img_time.png);background-repeat: no-repeat;opacity:0.99;}

.flexslider .flex-control-nav {
	position: absolute;
	width: 100%;
	bottom: 30px;
	text-align: center;
	top:700px;
}
.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}
.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	margin: 0 7px;
	background-color: #222222 \9;
	background-color: #FFFFFF;
	opacity:0.40;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
.flex-control-paging li a.flex-active {
	background-color: #FFF;
    opacity:1.00;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
/* Captions */
.flexslider .slides p {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 5px;
	margin: 0;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 20px;
	color: white;

	background-color: #222222;
	background: rgba(0,0,0, .9);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.index_old_time {height: 41px;z-index: 1000;padding-top: 29px;}
.index_old_time a {
	text-decoration:none;
	display: block;
	height: 13px;
	width: 13px;
	background-image: url(../images/v6/old_time.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1000;
	left: 50%;
	margin-left: 87px;
}
.index_old_time a:hover {text-decoration: none;background-image: url(../images/v6/old_time.png);background-position: right bottom;}

/*设计类型、部分*/
.central {
	/*min-width: 1180px;*/
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F1F1F1;
	background-repeat: no-repeat;
	background-position: right top;
	height: 160px;
}
.central div{width: 20%;height: 160px;float: left;background-image: url(../images/v6/vis_dian.gif);background-repeat: repeat-y;background-position: right;}
.central_k {/*min-width: 860px;*/max-width: 1080px;float: left;}
.design_logo a {text-decoration:none;display: block;height: 160px;background-image: url(../images/logo.png);background-repeat: no-repeat;background-position: center center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);border-radius: 4px;}
.design_logo a:hover {text-decoration: none;background-image: url(../images/logo.png);background-repeat: no-repeat;background-position: center center;background-color: #EBEBEB;}

.design_web a {text-decoration:none;display: block;height: 160px;background-image: url(../images/v6/video.png),url(../images/v6/none.png);background-repeat: no-repeat,no-repeat;background-position: center center,right 15%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);border-radius: 4px;}
.design_web a:hover {text-decoration: none;background-image: url(../images/v6/video_hover.png),url(../images/v6/shi.png);background-repeat: no-repeat,no-repeat;background-position: center center,right 15%;background-color: #EBEBEB;}

.design_app a {text-decoration:none;display: block;height: 160px;background-image: url(../images/v6/ktown.png);background-repeat: no-repeat;background-position: center center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);border-radius: 4px;}
.design_app a:hover {text-decoration: none;background-image: url(../images/v6/ktown_hover.png);background-repeat: no-repeat;background-position: center center;background-color: #EBEBEB;}

.design_vis a {text-decoration:none;display: block;height: 160px;background-image: url(../images/v6/vis.png),url(../images/v6/xing_none.png);background-repeat: no-repeat,no-repeat;background-position: center center,right 15%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);border-radius: 4px;}
.design_vis a:hover {text-decoration: none;background-image: url(../images/v6/vis_hover.png),url(../images/v6/xing.png);background-repeat: no-repeat no-repeat;background-position: center center,right 15%;background-color: #EBEBEB;}
.design_me {width: 25%;height: 360px;float: right;}
.design_tel {top:50px; right:0;text-align:center; font-size:1.2em; color:#888; position:absolute;}
.design_tel span{font-size:1.4em;}
.about_me {
	padding-right: 23px;
	padding-left: 23px;
	padding-top: 50px;
}
.about_me dd.me_top {width: 88%;height: 13px;font-size: 0px;margin-right: auto;margin-left: auto;}
.about_me dd.me_top a {display: block;height: 13px;width: 94px;background-image: url(../images/v4/about_me_hover.png);background-repeat: no-repeat;background-position: top;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:0.60;}
.about_me dd.me_top a:hover {text-decoration: none;background-image: url(../images/v4/about_me_hover.png);background-repeat: no-repeat;background-position: bottom;opacity:0.99;}
.about_me dd.contact {height: 140px;padding-top: 30px;font-family: Helvetica;font-size: 12px;color: #888888;display: block;width: 88%;margin-right: auto;margin-left: auto;}
.about_me dd.weixin {width: 33%;height: 60px;float: left;}
.about_me dd.weixin a {display: block;height: 60px;width: 60px;background-image: url(../images/v4/icon_weixin.png);background-repeat: no-repeat;background-position: center center;background-color: #999;border-radius: 4px;margin-right: auto;margin-left: auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.about_me dd.weixin a:hover {text-decoration: none;background-image: url(../images/v4/icon_weixin.png);background-repeat: no-repeat;background-position: center center;background-color: #7BCD49;border-radius: 4px;}
.about_me dd.weibo {width: 33%;height: 60px;float: left;}
.about_me dd.weibo a {display: block;height: 60px;width: 60px;background-image: url(../images/v4/icon_weibo.png);background-repeat: no-repeat;background-position: center center;background-color: #999;border-radius: 4px;margin-right: auto;margin-left: auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.about_me dd.weibo a:hover {text-decoration: none;background-image: url(../images/v4/icon_weibo.png);background-repeat: no-repeat;background-position: center center;background-color: #FF6060;border-radius: 4px;}
.about_me dd.phone {width: 33%;height: 60px;float: left;}
.about_me dd.phone a {display: block;height: 60px;width: 60px;background-image: url(../images/v4/icon_phone.png);background-repeat: no-repeat;background-position: center center;background-color: #999;border-radius: 4px;margin-right: auto;margin-left: auto;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.about_me dd.phone a:hover {text-decoration: none;background-image: url(../images/v4/icon_phone.png);background-repeat: no-repeat;background-position: center center;background-color: #2286F4;border-radius: 4px;}

/*曾经的闪图*/
#old_big_k {
	/*min-width: 1180px;*/
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F1F1F1;
	padding-bottom: 50px;
}
#old_big_k2 {
	padding-right: 3%;
	padding-left: 3%;
}
#old_container {
	width:50%;
	z-index:0;
	float: left;
}
#old_slides_k {
	position:absolute;
	z-index:100;
	background-color: #F5F5F5;
	height: 225px;
	width: 560px;
	border-radius: 4px;
}
#old_slides {
	z-index:90;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#old_slides img {
	border-radius: 4px;
	width: 95%;
	height:auto;
}

.old_time {
	width: 95%;
	height: 21px;
	background-image: url(../images/six/old_time_x.png);
	background-repeat: no-repeat;
	background-position: left 19px;
	z-index: 100;
	font-size: 12px;
	font-family: "微软雅黑";
	color: #888888;
	line-height: 21px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 40px;
	text-indent: 20px;
}
.design_top {
	/*min-width: 1180px;*/
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 80px;
	color: #AAAAAA;
	height: 90px;
	background-color: #F1F1F1;
	text-indent: 30px;
}
.statement {
	/*min-width: 1180px;*/
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F1F1F1;
	height: 40px;
	padding-top: 30px;
}
.statement a {
	color: #FFFFFF;
	height: 35px;
	text-decoration: none;
	-webkit-transition:all 0.3s ease-in-out;
	background-color: #333333;
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
	-moz-opacity:0.5; /*Firefox私有，透明度50%*/
	opacity:0.5;/*其他，透明度50%*/
	border-radius: 35px;
	display: block;
	font-family: "微软雅黑";
	font-size: 12px;
	line-height: 35px;
	width: 460px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.statement a:hover {
	background-color: #000000;
	filter:alpha(opacity=80); /*IE滤镜，透明度50%*/
	-moz-opacity:0.8; /*Firefox私有，透明度50%*/
	opacity:0.8;/*其他，透明度50%*/
	border-radius: 35px;
}

/*版权信息*/
.copyright {/*min-width: 1180px;*/max-width: 100%;margin-right: auto;margin-left: auto;background-color: #EBEBEB;padding-top: 80px;border-top-width: 1px;border-top-style: solid;border-top-color: #E3E3E3; text-align:center}
.copyright div{text-align:center; color:#999999}
.copyright div.zhuanxian{font-size:18px}
.copyright div.tel{font-size:28px}
.copyright div.contact{padding-top:50px; padding-bottom:10px}
.copyright div.contact a{color:#999999; text-decoration:none}
.copyright div.contact a:hover{color:#ea5404}
.copyright_c {/*min-width: 1180px;*/max-width: 100%;margin-right: auto;margin-left: auto;background-color: #EBEBEB;padding-top: 43px;border-top-width: 1px;border-top-style: solid;border-top-color: #E3E3E3;height: 57px; color:#aaaaaa; font-size:12px; text-align:center}


.index_we-do{width:100%; background:#ea5404; color:#ffffff; text-align:center;height:420px;margin-top:750px;}
.index_we-do .title{font-size:54px; padding-top:130px}
.index_we-do .content{padding-top:45px; font-size:18px; line-height:40px}

.we-do{width:100%; background:#ea5404; color:#ffffff; text-align:center;height:420px;}
.we-do .title{font-size:54px; padding-top:130px}
.we-do .intro{font-size:1em; width:75%; text-align:center; margin:2% auto;}
.we-do .content{padding-top:45px; font-size:16px}
.Custitle{ line-height:3em; font-size:2em; text-align:center; margin-top:-2em;}
.custom{width:100%; background:#ffffff; padding-top:100px; }
.custom ul{max-width:1200px; margin:0 auto; display:table; min-width:240px;border-left:1px solid #e5e5e5; }
.custom ul li{display:inline-block; border:1px solid #e5e5e5; width:238px; height:178px; text-align:center; vertical-align:middle; border-left:0; margin-top:-1px}
.custom ul li a{vertical-align:middle; line-height:178px; display:block}
.custom ul li a img{vertical-align:middle;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.5;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; width:132px; height:79px}
.custom ul li a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:normal;opacity:1;-webkit-transform:rotateY(-360deg);-moz-transform:rotateY(-360deg);transform:rotateY(-360deg);}

.load_more{text-align:center; padding-top:30px; padding-bottom:20px; cursor:pointer; background:url(../images/v6/load_more.png) no-repeat; height:43px; background-position:center 70%; color:#dedede; font-size:18px}


#hunantv_logo {
	width:25%;
	position:absolute;
	z-index:50;
	
	bottom: 100px;
	top:500px;
	margin:0 40%;
}
#hunantv_logo .b{width:100%;color:#ffffff; font-size:1.2em; line-height:40px; margin:0 auto;text-align:center;}
#hunantv_logo img {
	width:100%;
}


/** 倒计时 **/

#container {
	width:100%;
	height:240px;
	text-align:center;
	background:#2d2d2d;
	position:relative;
}

#lsn{width:864px; margin:0px auto; position:relative}
#uccounter {
	position:absolute;
	top:50px;
	width:864px;
	left:0;

}





.countdown_section {

	display:inline-block;

	text-align:center;

	font-weight:normal;

	color: #666666;

	font-size:12px;

	width: 144px;

	padding-top:10px;

	line-height:inherit;

}

.countdown_amount {

	font-size:90px;

	color: #ffffff;

	line-height: 109px;

}

#overlay { 

	position:absolute;

	left:30%;

	top:74px;

	width:864px; 

	height:148px;

	background-image: url('../images/flipoverlay.png');

	background-repeat:repeat-x;

}

#overlay_2 {
	position:absolute;
	top:190px;
	width:864px;
	height:150px;
	text-align: left;
	padding-left: 25px;
}


#overlay { 

	position:absolute;

	left:25px;

	top:74px;

	width:864px; 

	height:148px;

	background-image: url('../images/flipoverlay.png');

	background-repeat:repeat-x;

}

#overlay_2 {
	position:absolute;
	top:190px;
	width:864px;
	height:150px;
	text-align: left;
	padding-left: 25px;
}



#defaultCountdown { 

	position:absolute;

	left:25px;

	top:0px;

	width:864px; 

	height:148px;

	background-image: url('../images/flipbg.png');

	background-repeat:repeat-x;

}

.ktown{width:100%; text-align:center; background:#ffffff; padding:120px 0 50px 0}
.ktown img{width:100%; max-width:1047px}

.maps{width:100%; text-align:center; background:#25282f; padding:0 0 0 0}
.maps img{width:100%; max-width:1335px}

.vis_content{width:100%; padding:30px 3%; text-align:center; background:#ffffff}
.contact_content{background:#ffffff; text-align:center; color:#666666; padding:50px 3%}
.joib_content{ text-align:center; color:#666666; padding:50px 3%}

/** 回到顶部  **/
#page{width:100%; height:44px; position:fixed; z-index:999999; bottom:0; text-align:right; display:none; margin-bottom:50px;}
#page img{cursor:pointer}
#page img:hover{background-image:url('../images/v6/goTop_hover.png');}
#bannerImage{animation: imageAnimation 15s linear infinite 0s;}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.02);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	}
	25% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	100% { opacity: 0.8 }
}
@-moz-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.02);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	}
	25% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	100% { opacity: 0.8 }
}
@-o-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.02);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	}
	25% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	100% { opacity: 0.8 }
}
@-ms-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.02);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	}
	25% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	100% { opacity: 0.8 }
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    transform: scale(1.02);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	25% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	100% { opacity: 0.8 }
}
.content img{
	animation: imageAnimation 36s linear infinite 0s;
	width:100%;
}

.vis {

	z-index: 100;
	width: 100%;
	top: 0px;
	text-align: center;
	

}
.vis_wz {
	width: 92%;
	text-align: center;
	
	font-family: "微软雅黑";
	font-size: 2em;
	color: #000;
	background-repeat: no-repeat;
	margin-right: 4%;
	margin-left: 4%;
	padding-top: 35px;
	line-height: 5em;
	padding-bottom: 10px;
}


.copyright-list {
	
	bottom: 0px;
	z-index: 200;
	width: 100%;
}
.vis_logo {
	width: 96%;
	text-align: left;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #FFFFFF;
	margin-right: 2%;
	margin-left: 2%;
	line-height: 28px;
}
.vis_logo .list{position:relative; display:inline-block; width:29%; margin:2%}
.vis_logo .list:hover .play{opacity:0.9;}
.vis_logo .list:hover .play .title{ font-size:1.2em; padding-left:30px; padding-top:55%;}
.vis_logo .list:hover .play .play-icon{display:block;}
.vis_logo .list .play{position:absolute; top:0; left:0; width:100%; height:96%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;opacity:0.4;background-color:#000;}
.vis_logo .list .play .logo{position:absolute; top:35%; left:35%}
.vis_logo .list .play .play-icon{background:url(../images/v6/play.png) no-repeat; position:absolute; display:block; width:72px; height:63px; right:40%; bottom:40%; cursor:pointer;display:none;}
.vis_logo .list .play .title{ color:#ccc;font-size:1.5em; padding-left:30px; padding-top:30%;text-align: center;}

.vis_logo .list_vis a{width:45%; margin:1% 2%; display:inline-block; font-size:14px;}
.vis_logo .list_vis a span{background:url(../images/v6/img_time.png) no-repeat; padding-left:25px; background-position:left 50%}
.vis_logo .list_vis a:hover span{color:#FF6E00}

.vis_logo .list_vis img{border-radius:10px}
.vis_logo img.bg_img {
	width:100%;
}
.load_more_video{
	cursor: pointer;
	line-height:5em;
}

#footmenu {display:none;}
@media screen and (max-width: 980px) {

.central div:not(first-child){display:none;}
.central div:first-child{width:100%;clear:both;display:block;}

#footmenu {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    list-style: none;
    display: block;
    border: 1px #808080 solid;
    box-shadow: 5px 5px 10px 2px #000;
}

#footmenu li:last-child {
    float: left;
    width: 25%;
}

#footmenu li {
    list-style: none;
    width: 25%;
    height:3em;
    line-height: 3em;
    float: left;
    text-align: center;
    background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#f9f9f9));
    background: -moz-linear-gradient(top, #ccc, #f9f9f9);
    background: linear-gradient(0deg, #ccc, #f9f9f9);
    font-size: 2.5em;
    margin: 0 auto;
}

.vis_logo .list{position:relative; display:inline-block; width:95%; margin:2%}
.vis_logo .list .play .title {font-size:3em;}
.vis_logo .list .play .play-icon { top:45%; left:45%; width:180px; height:160px; }
.custom ul li{width: 45%;height: 178px;}
}
/*@media screen and max-width: 980px    ----END------*/


.up_div{
	width: 100%;
	height: 750px;
	z-index: 1;
	margin-bottom: -5px;
	background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
	opacity:0.50;
	position:absolute; 
}