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



/*焦点图*/
.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: 1440px;
	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 */
.flexslider .flex-control-nav {
	position: absolute;
	width: 100%;
	bottom: -40px;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	zoom: 1;
}
.flex-control-paging li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 8px;
	height: 8px;
	margin: 0 7px;
	background-color: #b6b6b6 \9;

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

	-webkit-box-shadow: inset 0 0 0 1px #BBB;
	-moz-box-shadow: inset 0 0 0 1px #BBB;
	box-shadow: inset 0 0 0 1px #BBB;
}
.flex-control-paging li a.flex-active {
	background-color: #AAA;

	-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/v4/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/v4/old_time.png);background-position: right bottom;}

/*设计类型、部分*/
.central {
	min-width: 1180px;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/v4/wangkun_bj.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 360px;
}
.central_k {min-width: 860px;max-width: 1080px;float: left;}
.design_web {width: 25%;height: 290px;float: left;background-image: url(../images/v4/vis_dian.gif);background-repeat: repeat-y;background-position: right;}
.design_web a {text-decoration:none;display: block;height: 290px;background-image: url(../images/v4/web_a.png);background-repeat: no-repeat;background-position: center 70px;-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/v4/web_hover.png);background-repeat: no-repeat;background-position: center center;}
.design_app {width: 25%;height: 290px;float: left;background-image: url(../images/v4/vis_dian.gif);background-repeat: repeat-y;background-position: right;}
.design_app a {text-decoration:none;display: block;height: 290px;background-image: url(../images/v4/app_a.png);background-repeat: no-repeat;background-position: center 70px;-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/v4/app_hover.png);background-repeat: no-repeat;background-position: center center;}
.design_vis {width: 25%;height: 290px;float: left;background-image: url(../images/v4/vis_dian.gif);background-repeat: repeat-y;background-position: right;}
.design_vis a {text-decoration:none;display: block;height: 290px;background-image: url(../images/v4/vis_a.png);background-repeat: no-repeat;background-position: center 70px;-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/v4/vis_hover.png);background-repeat: no-repeat;background-position: center center;}
.design_me {width: 25%;height: 290px;float: right;}
.about_me {padding-right: 23px;padding-left: 23px;}
.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 {width: 2060px;margin-right: auto;margin-left: auto;}
#old_big_k2 {display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
    padding-right: 30px;
    padding-left: 30px;
}
#old_container {
	width: 100%;
}
#old_slides {
	z-index:90;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#old_slides img {
	border-radius: 10px;
	width: 100%;
	height:auto;
	vertical-align: top;
}
#old_slides {
	z-index:90;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#old_slides a {background-color: #FFF;text-decoration: none;display: block;-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);box-shadow: 0 0 8px rgba(0,0,0,.06);border-radius: 10px;}
#old_slides a:hover {text-decoration: none;box-shadow: 0 0 20px rgba(0,0,0,.3);border-radius: 10px;}

.old_time {
	width: 100%;
	height: 21px;
	background-image: url(../images/v6/old_time.svg);
	background-repeat: no-repeat;
	background-position: left 19px;
	background-size: 13px;
	z-index: 100;
	font-size: 12px;
	color: #888888;
	line-height: 21px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 40px;
	text-indent: 20px;
}
.design_top {
	width: 2060px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	line-height: 80px;
	color: #AAAAAA;
	height: 90px;
	text-indent: 30px;
}
.statement {
	width: 2060px;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	padding-top: 10px;
}
.statement a {
	color: #333;
	text-decoration: none;
	-webkit-transition:all 0.3s ease-in-out;
	background-color: #FFF;
	filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
	-moz-opacity:0.5; /*Firefox私有，透明度50%*/
	opacity:0.5;/*其他，透明度50%*/
	border-radius: 35px;
	display: block;
	font-size: 12px;
	line-height: 35px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	box-shadow: 0 0 12px rgba(0, 0, 0, .2);
}
.statement a:hover {
	box-shadow: 0 0 12px rgba(0, 0, 0, .3);
	color: #000;
}

@media screen and (max-width: 2120px) {
#old_big_k {width: 98%;}
.design_top {width: 98%;}
.statement {width: 98%;}
}
@media screen and (max-width: 1260px) {
#old_big_k {width: 98%;}
#old_big_k2 {display: grid;grid-template-columns: repeat(1, 1fr);}
}
@media screen and (max-width: 1000px) {
#old_big_k {width: 980px;}
.design_top {width: 980px;}
.statement {width: 980px;}
}
@media screen and (max-width: 600px) {
#old_big_k {width: 100%;}
#old_big_k2 {
    padding-right: 12px;
    padding-left: 12px;
}
#old_slides img {
	border-radius: 7px;
}
.old_time {
	font-family: PingFangSC-Light;
	width: 100%;
	height: auto;
	background-position: left 14px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-indent: 16px;
	background-size: 11px;
}
.design_top {
	font-family: PingFangSC-Light;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	text-indent: 12px;
}
.design_top {width: 100%;}
.statement {width: 100%;padding-top: 60px;}
.statement a {
	font-family: PingFangSC-Light;
	font-size: 9px;
	line-height: 28px;
	width: 300px;
}

}