@charset "utf-8";
h1.tit{text-align: center;font-size: 22px;font-weight: bold;color: #333;}
h1.tit span{display: inline-block;margin: 0 auto;position: relative;}
h1.tit i.fl{position:absolute;top:50%;left:-158px;margin-top:-1px;height: 1px;width: 138px;overflow: hidden;background: url("../images/icon-h1-bg-fl.png") center top no-repeat;}
h1.tit i.fr{position:absolute;top:50%;right:-158px;margin-top:-1px;height: 1px;width: 138px;overflow: hidden;background: url("../images/icon-h1-bg-fr.png") center top no-repeat;}

/*banner*/
.banner {width:100%;height:560px;overflow:hidden;position: relative;z-index:0;}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:560px;}
.banner .bd li a{display:block;width:100%;height:100%;overflow:hidden;}
.banner .hd{width:100%;position: absolute;bottom: 25px;text-align: center;z-index:1;}
.banner .hd li{width: 10px;height: 6px;border-radius: 3px;background: #fff;margin: 0 2px;cursor: pointer;display:inline-block; *display:inline; zoom:1;transition: all .3s linear;opacity: .5;}
.banner .hd .on{width: 50px;opacity: 1;}
.banner .prev,	.banner .next{position:absolute;top:50%;margin-top:-50px;left:0;text-align: center;line-height: 100px;
    z-index:1;width:47px; height:100px; background-color:#fff;cursor:pointer;filter:alpha(opacity=40);opacity:0.4;display:none;}
.banner .prev i,.banner .next i{font-size: 30px;color: #006ebd;font-weight: bold;}
.banner .next{ left:auto; right:0;}

.main{height: auto;overflow: visible;}


/*2020*/

/*首页模块*/

.wrap1318 {
    width: 1318px;
    margin: 0 auto;
    position: relative;
}


.title {
	border-bottom: 1px solid #eee;
	height: 40px;
	width: 100%;
	position: relative;
	margin-top: 28px
}

.black_bg .title {
	border-bottom: 1px solid #e5e5e5
}

.title h1 {
	color: #000;
	font-size: 16px;
	font-weight: bold
}

.title h1 a {
	color: #000
}

.title h1 span {
	color: #999;
	padding-left: 5px;
	font-weight: normal
}

.title h1 a:hover,
.title h1 a:hover span {
	color: #e60012
}

.title menu {
	position: absolute;
	right: 0px;
	top: 0px
}

.title menu a {
	font-size: 14px;
	margin-left: 16px
}


.title menu a {
	color: #444;
	text-decoration: none
}

.title menu a:visited {
	color: #918b8e;
	text-decoration: none
}

.title menu a:hover {
	color: #e60012
}

.title menu a:active {
	color: #666
}


.title .moreA {
	display: block;
	position: absolute;
	right: -30px;
	top: 0px;
	font-size: 14px;
	color: #f2f2f2 !important
}

.title .moreA span {
	width: 8px;
	height: 8px;
	background-position: -125px -22px;
	overflow: hidden;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px
}

.title .moreA:hover {
	color: #e60012 !important
}

.title .border {
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 23px;
	background: #c7c7c7;
	bottom: -1px;
	left: 0px
}


/*案例*/

.indexCase {
	width: 100%;
	overflow: hidden;
	position: relative
}

.indexCaseList {
	width: 100%
}

.indexCaseList .indexCaseItem {
	width: 232px;
	float: left;
	display: inline;
	margin: 22px 25px 8px 0;
	position: relative
}

.indexCaseList .indexCaseItem p {
	position: relative;
	width: 232px;
	height: 170px;
	overflow: hidden;
	margin-bottom: 18px;
	cursor: pointer
}

.indexCaseList .indexCaseItem p img {
	float: left;
	background: url(../images/load.gif) center no-repeat
}

.indexCaseList .indexCaseItem2 p {
	height: 232px
}

.indexCaseList .indexCaseItem2 img {
	width:232px;
	height: 232px;
}


.indexCaseList a.link {
	position: absolute;
	display: block;
	left: 0px;
	top: 100%;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #fff !important;
	_filter: alpha(opacity=90);
	_opacity: 0.90;
	background: url(../images/hover_bg_a.png);
	_background: #14954a
}

.indexCaseList a.link span {
	display: block;
	line-height: 24px;
	padding: 48px 27px 0
}

.indexCaseList figcaption {
	font-size: 14px;
	color: #565656;
	text-align: center;
	clear: both;
	white-space: nowrap;
	padding: 5px 0px 0px 0px
}

.indexCaseList figcaption a {
	color: #444
}

.indexCaseList figcaption a:hover {
	color: #e60012
}

.indexCaseList a.link span.text {
	padding: 48px 13px 0
}

.indexCaseList .indexCaseItem2 a.link span.text {
	padding-top: 70px
}

.black_bg {
	width: 100%;
	padding-bottom: 43px;
	padding-top: 10px;
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../images/inbodybg.jpg);
	background-color: #F2F2F2;
}






.no_nr {
	margin-right: 0px !important
}

#MoreCaseBoxCon .no_nr {
	margin-right: 0px !important
}




/*设计�?*/

.indexMrtj {
	float: left;
	width: 232px;
	overflow: hidden
}

.indexGoldDesigner {
	float: left;
	width: 1040px;
}

.indexInterview {
	float: left;
	padding-left: 39px;
	width: 232px;
	overflow: hidden
}


/*新闻模块*/

.indexNewsBlock {
	float: left;
	width: 413px;
	overflow: hidden;
	display: inline
}

.indexNewsBlockC {
	margin: 0 39px
}

.indexNewsBlockCon dt span.f_l,
.indexNewsBlockCon dd span.f_l {
	float: left;
	width: 74px;
	color: #555;
	font-size: 14px;
	overflow: hidden;
	height: 34px
}

.indexNewsBlockCon dd span.f_l {
	float: right;
	text-align: right
}

.indexNewsBlockCon dt a {
	font-size: 14px;
	color: #555
}

.indexNewsBlockCon dt a:hover {
	color: #e60012
}

.indexNewsBlockCon dd a {
	font-size: 14px;
	color: #e60012
}

.indexNewsBlockCon dd p {
	padding-top: 6px;
	font-size: 14px;
	color: #555
}

.indexNewsBlockCon dd {
	display: none;
	padding-top: 6px
}

.indexNewsBlockCon dt {
	line-height: 34px;
	height: 34px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.indexNewsBlockCon dl {
	background: #fff;
	padding: 15px 25px 30px;
	height: 260px
}

.indexNewsBlockCon .img {
	min-height: 80px;
	_height: 80px;
	background: url(../images/load.gif) center no-repeat
}

.indexNewsDlist dt span {
	color: #bbb;
}





.left_c {
	float: left;
	margin-left: 39px;
	width: 232px;
	overflow: hidden;
	height: 680px;
}

.left_cimg {
	width: 232px;
	height: 180px;
	overflow: hidden;
}

.left_cimg img {
	width: 100%;
}

.left_cp {
	width: 232px;
	height: 431px;
	overflow: hidden;
}

.left_cpt {
	width: 220;
	padding-left: 12px;
	height: 38px;
	background: #E60012;
	color: #FFFFFF;
	line-height: 38px;
	font-size: 14px;
}

.left_cpt span {
	float: right;
	width: 38px;
	height: 38px;
	background: #121213;
}

.left_cpt span i {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 9px;
	font-style: normal;
	font-weight: bold;
	color: #121213;
	line-height: 20px;
	text-align: center;
	background: #FFFFFF;
}

.left_cpc {
	width: 212px;
	padding: 10px;
	height: 180px;
	margin: 5px 0;
	background: #FFFFFF;
	text-indent: 2em;
	line-height: 26px;
	color: #666666;
}

.left_cpc a {
	border: 1px solid #CCCCCC;
	cursor: pointer;
	color: #9E9D9D;
	margin-top: 10px;
	display: block;
}

.left_cpc a:hover {
	border: 1px solid #9E9D9D;
	color: #444444;
}

.left_cpc i {
	float: right;
	margin: 3px;
}

.left_cpcd {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 9px;
	font-style: normal;
	font-weight: bold;
	color: #121213;
	line-height: 20px;
	text-align: center;
	background: #FFFFFF;
}

.left_cpa {
	width: 216px;
	padding: 8px;
	height: 116px;
	background: #FFFEFE;
	margin-bottom: 5px;
}

.left_cpa ul li {
	float: left;
	margin: 0 1px;
	padding: 6px;
	width: 58px;
	height: 104px;
	background: #f2f2f2;
}

.left_cpa ul li p {
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;
	padding-top: 2px;
	text-align: center;
	color: #121213;
}

.left_cpa ul li i {
	color: #E60012;
	font-style: normal;
}

.indexCaseItem .box{
	position: relative;
	width: 232px;
	height: 170px;
	overflow: hidden;
	margin-bottom: 18px;
	cursor: pointer

}






.indexCaseItem .hot-product-more{display:none;z-index:2;position:absolute;left:0;right:0;top:0;height: 181px;line-height: 181px;text-align:center;background: url("../images/cover-bg.png") repeat;}
.indexCaseItem .hot-product-more a{display: block;color: #fff;overflow: hidden;}
.indexCaseItem .hot-product-more a i{font-size: 38px;}



.icon_news_zuixin {
	background: url("../images/icon_news.gif");
	width: 23px;
	height: 11px;
	float: right;
	margin-top: 11px;
	display: inline;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
}



/*产品*/
.product{height: 490px;overflow: visible;background-color: #f3f3f3;}
.product a img{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;}
.product a:hover img{transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);}
.product .product-cen{height: auto;overflow: hidden;position: relative;top: -110px;}
.product .product-cen .product-list{overflow: hidden;width: 300px;float: left;height: 260px;}
.product .product-cen .product-list-fl{clear:both;height: 260px;overflow: hidden;width: auto;position: relative;}
/*业务*/
.product .product-cen .business{width:220px;height:170px;background-color: #296fb7;color: #fff;padding: 45px 40px;}
.product .product-cen .business h1{font-weight: bold;font-size: 18px;color: #fff;margin-bottom: 30px;}
.product .product-cen .business p{font-size: 14px;line-height: 28px;color: #fff;}
.product .product-cen .business a{margin-top:24px;display:block;width: 24px;height: 24px;background: url("../images/more.png") center top no-repeat;}
.product .product-cen .business a:hover{background: url("../images/more-active.png") center top no-repeat;}
/*轮播�?*/
.product .product-cen .procut-carousel{position: relative;}
.product .product-cen .procut-carousel ul li a{width: 300px;height: 260px;overflow: hidden;line-height: 0;}
.product .product-cen .procut-carousel .hd{position: absolute;right: 20px;bottom: 20px;}
.product .product-cen .procut-carousel .hd li{float:left;width: 25px;height: 4px;overflow: hidden;background-color: #fff;margin-left: 3px;}
.product .product-cen .procut-carousel .hd li.on{background-color: #ffa569;}
/*分类*/
.product .product-cen .product-classify{background-color: #fff;color: #666;font-size: 14px;}
.product .product-cen .product-classify table{width: 100%;border-collapse: collapse;border: 0;}
.product .product-cen .product-classify table tr{}
.product .product-cen .product-classify table tr td{overflow:hidden;font-size:16px;line-height:24px;color:#666;text-align: center;width: 150px;height: 130px;vertical-align: middle;border: 1px solid #f2efed;}
.product .product-cen .product-classify table tr:nth-child(1) td{border-top: 0;}
.product .product-cen .product-classify table tr td:nth-child(1){border-left: 0;}
.product .product-cen .product-classify table tr td:nth-child(2){border-right: 0;}
.product .product-cen .product-classify table tr:nth-child(2) td{border-bottom: 0;}
.product .product-cen .product-classify table tr td a{color:#666;padding: 27px 0;display:block;}
.product .product-cen .product-classify table tr td a i{height: 38px;width: auto;display: block;margin-bottom: 14px;}
.product .product-cen .product-classify table tr td a:hover{color: #fff;background-color: #296fb7;}
/*泰祥start*/





.product .product-cen .product-classify table tr td.lb i{background: url("../images/icon-lb.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.lb:hover i{background: url("../images/icon-lb-hover.png") center center no-repeat;}

.product .product-cen .product-classify table tr td.gxg i{background: url("../images/gxg-h.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.gxg:hover i{background: url("../images/gxg-b.png") center center no-repeat;}





.product .product-cen .product-classify table tr td.glyg i{background: url("../images/glyg-h.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.glyg:hover i{background: url("../images/glyg-b.png") center center no-repeat;}



.product .product-cen .product-classify table tr td.qpyg i{background: url("../images/qpyg-h.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.qpyg:hover i{background: url("../images/qpyg-b.png") center center no-repeat;}

.product .product-cen .product-classify table tr td.sytg i{background: url("../images/sytg-h.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.sytg:hover i{background: url("../images/sytg-b.png") center center no-repeat;}



.product .product-cen .product-classify table tr td.syhg i{background: url("../images/syhg-h.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.syhg:hover i{background: url("../images/syhg-b.png") center center no-repeat;}


.product .product-cen .product-classify table tr td.gcjx i{background: url("../images/jxjg-hui.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.gcjx:hover i{background: url("../images/jxjg-bai.png") center center no-repeat;}


 
 

.product .product-cen .product-classify table tr td.bxgg i{background: url("../images/bxgg-h.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.bxgg:hover i{background: url("../images/bxgg-b.png") center center no-repeat;}



 

/*泰祥end*/

.product .product-cen .product-classify table tr td.lb i{background: url("../images/icon-lb.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.lb:hover i{background: url("../images/icon-lb-hover.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.lo i{background: url("../images/icon-lo.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.lo:hover i{background: url("../images/icon-lo-hover.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.lg i{background: url("../images/icon-lg.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.lg:hover i{background: url("../images/icon-lg-hover.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.zylb i{background: url("../images/icon-zylb.png") center center no-repeat;}
.product .product-cen .product-classify table tr td.zylb:hover i{background: url("../images/icon-zylb-hover.png") center center no-repeat;}
/*服务*/
.product .product-cen .service{background-color:#296fb7;font-size: 16px;color: #fff;position: relative;}
.product .product-cen .service .img-box{line-height: 0;}
.product .product-cen .service .service-top{width: 240px;height: 160px;padding:26px 30px 0;position: absolute;left: 0;top: 0;z-index: 2;}
.product .product-cen .service .service-top h3{font-size: 18px;color: #0092da;padding-bottom: 6px;}
.product .product-cen .service .service-top p{font-size: 14px;color: #89898b;}
.product .product-cen .service ul{height: 74px;overflow: hidden;background: url("../images/icon-line.png") center center no-repeat;}
.product .product-cen .service ul li{float: left;width: 50%;text-align: center;}
.product .product-cen .service ul li a{display: block;color: #fff;line-height: 74px;}
.product .product-cen .service ul li a i{font-size: 22px;margin-right: 10px;}
.product .product-cen .service ul li a:hover{background-color: #1f9fdf;}
/*产品推荐*/
.product .product-cen .product-list-fl .bd ul li{width:600px;height: auto;overflow: hidden;}
.product .product-cen .product-list-fl .bd ul li .img-box{width:300px;height:260px;overflow:hidden;position: relative;line-height: 0;}
.product .product-cen .product-list-fl .bd ul li .img-box em{z-index:3;position:absolute;right:0;top:47px;width: 10px;height: 13px;overflow:hidden;background: url("../images/icon-jiantou.png") center top no-repeat;}
.product .product-cen .product-list-fl .bd ul li .text-box{font-size: 14px;line-height: 24px;color: #666;height: 215px;overflow: hidden;background-color: #fff;padding: 45px 40px 0 40px;}
.product .product-cen .product-list-fl .bd ul li .text-box h2{font-size: 22px;color: #333;padding-bottom: 20px;}
.product .product-cen .product-list-fl .bd ul li .text-box h2 a{color: #333;}
.product .product-cen .product-list-fl .bd ul li .text-box h2 a:hover{color: #0092da;}
.product .product-cen .product-list-fl .bd ul li .text-box p{font-size: 14px;line-height: 24px;color: #666;}
.product .product-cen .product-list-fl .hd{position: absolute;right: 40px;bottom: 35px;height: 19px;text-align: right;}
.product .product-cen .product-list-fl .hd.hidden{display: none;}
.product .product-cen .product-list-fl .hd .prev,.product .product-cen .product-list-fl .hd .next{float:left;width: 19px;height: 19px;display: inline-block;margin-left: 10px;}
.product .product-cen .product-list-fl .hd .prev{background: url("../images/iocn-left-stop.png") center center no-repeat;}
.product .product-cen .product-list-fl .hd .prev:hover{background: url("../images/iocn-left.png") center center no-repeat;}
.product .product-cen .product-list-fl .hd .next{background: url("../images/iocn-right-stop.png") center center no-repeat;}
.product .product-cen .product-list-fl .hd .next:hover{background: url("../images/iocn-right.png") center center no-repeat;}

/*数据*/
.data{height: 140px;overflow: hidden;background-color: #296fb7;color: #fff;}
.data ul{height: auto;overflow: hidden;}
.data ul li{height: 105px;width: 25%;float: left;text-align: center;padding-top: 35px;}
.data ul li span{font-weight: bold;font-size: 36px;font-family: "impact";}
.data ul li i{color: #a1bedb;font-size: 28px;margin-left: 9px;}
.data ul li img{position: relative;top: 4px;margin-left: 6px;}
.data ul li p{font-size: 14px;padding-top: 10px;}

/*解决方案*/
.solution{height: auto;overflow: hidden;padding: 70px 0 0;min-height: 420px;background-color: #f5f5f5;}
.solution .solution-cen{position: relative;padding-bottom: 70px;}
.solution h1{margin-bottom: 52px;}
.solution .bd{min-height: 338px;}
.solution .bd ul li{height: auto;overflow: hidden;}
.solution .bd ul li .img-box{line-height: 0;margin-right: 80px;}
.solution .bd ul li .text-box{height: auto;overflow: hidden;}
.solution .bd ul li .text-box h2{font-size: 16px;color: #333;font-weight: bold;padding:22px 0 17px;margin-bottom: 16px;position: relative;}
.solution .bd ul li .text-box h2 em{width: 33px;height: 3px;background-color: #006ebd;overflow: hidden;display: block;position: absolute;left: 0;bottom: 0;}
.solution .bd ul li .text-box h2 a{font-weight:normal;width: 79px;height: 28px;line-height: 28px;border: 1px solid #dadada;color: #666;font-size: 14px;text-align: center;position: absolute;right: 0;top: 0;}
.solution .bd ul li .text-box h2 a:hover{background-color: #dadada;}
.solution .bd ul li .text-box p{font-size: 14px;line-height: 30px;color: #666;}
.solution .hd{position: absolute;/*right: -22px;*/right:0;bottom: 70px;}
.solution .hd ul li{cursor: pointer;float: left;color: #4c5155;font-size: 14px;/*width: 108px;*/width:120px;text-align: center;-webkit-tap-highlight-color: transparent;transition: all .3s linear;}
.solution .hd ul li span{font-size:32px;color:#f4f4f4;margin:0 auto;display: block;width: 64px;height: 64px;line-height:64px;margin-bottom: 16px;background: url("../images/solution-li-bg.png") center top no-repeat;-webkit-tap-highlight-color: transparent;transition: all .3s linear;}
.solution .hd ul li a{color:#4c5155;}
.solution .hd ul li:hover{color: #006ebd;}
.solution .hd ul li:hover span{color:#fff;background: url("../images/solution-li-bg-hover.png") center top no-repeat;}
.solution .hd ul li:hover a{display:block;}
.solution .hd ul li.on{color: #006ebd;}
.solution .hd ul li.on a{color: #006ebd;}
.solution .hd ul li.on span{color:#fff;background: url("../images/solution-li-bg-hover.png") center top no-repeat;}

/*为什么�?�择我们*/
.why-choose{height: auto;overflow: hidden;padding-top: 70px;}
.why-choose h1{margin-bottom: 48px;}
.why-choose .hd ul li{float: left;width: 156px;height:36px;text-align: center;font-size: 14px;color: #666;font-weight: bold;position: relative;}
.why-choose .hd ul li p{font-size: 14px;color: #666;font-weight: bold;}
.why-choose .hd ul li a{display: block;width: 100%;height: 100%;color: #666;}
.why-choose .hd ul li span{position:absolute;bottom:-9px;left:50%;margin-left:-8px;display: block;width: 17px;height: 17px;background: url("../images/icon-solution-li.png") center top no-repeat;}
.why-choose .hd ul li .shiji{ position:absolute; width:100%; left:0; top:-20px; display:none;}
.why-choose .hd ul li:hover .shiji{display: block;-webkit-transition:.2s linear;transition:.2s linear}
.why-choose .hd ul li:hover p{display: none;}
.why-choose .hd ul li .shiji a{display: block;width: 100%;height: 100%;}
.why-choose .hd ul li .shiji h2{ height:100%; line-height:86px; color:#518dbb; font-weight:bold; background:url('../images/ico11.png') no-repeat center center;margin-top: 10px;}
.why-choose .bd{clear:both;height: 525px;overflow: hidden;background: url("../images/bg-solution.jpg") center top no-repeat;}
.cvs-cover{z-index:2;position: absolute;left:50%;margin-left:-140px;top:120px;width: 280px;height: 260px;background-size: 100%;}
.cvs-cover.ie{background: url("../images/ie-ball.png") center center no-repeat;}
.cvs-cover #cvs0{position: absolute;left: -30px;top: -72px;}

/*我们的动�?*/
.news{height: auto;overflow: hidden;padding-top: 70px;padding-bottom: 60px;}
.news a{display: block;}
.news a:hover h2{color: #ec8700;}
.news a img{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;}
.news a:hover img{transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);}
.news h1{margin-bottom: 50px;}
.news .w364{width: 364px;height: auto;overflow: hidden;margin-right: 54px;}
.news .img-box{width: 364px;height: 182px;overflow: hidden;line-height: 0;margin-bottom: 25px;}
.news h2{font-size: 15px;color: #333;line-height: 24px;margin-bottom: 8px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-webkit-tap-highlight-color: transparent;transition: all .3s linear;}
.news p{font-size: 13px;color: #999;line-height: 22px;margin-bottom: 2px;}
.news p span{font-size: 12px;color: #c8c8c8;}
.news ul li{border-top: 1px solid #ececec;height: auto;overflow: hidden;padding: 18px 0 0;}
.news ul li:first-child{border-top: 0;padding-top: 0;padding-bottom: 18px;}

.ball-outer{position: absolute;left: 50%;margin-left:-450px;top: 0;z-index: 4;}
#tagsList{position: relative;width: 900px;height: 376px;margin: 60px auto;background: url(../images/ball.png) center no-repeat}
#tagsList .tag{position: absolute;color: #fff;font-size:14px;}
#tagsList .tag span{font-size:20px;font-weight: normal;}
/*#tagsList em{display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;position: absolute;
    width: 18px;height: 18px;background-color: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#tagsList em i{display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;width: 8px;
    height: 8px;position: absolute;left: 5px;top: 5px;background-color: #7dd3ff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}*/
#tagsList em{cursor: pointer;display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;position: absolute;
    width: 18px;height: 18px;background: url(../images/icon-tag.png) center top no-repeat;}
#tagsList em:hover{background:url(../images/tags-hover-em.png) center center no-repeat;-webkit-border-radius:0;
-moz-border-radius:0;border-radius:0;width:36px;height:36px;margin-left:-9px;margin-top:-9px;-webkit-transition:.2s linear;transition:.2s linear;}
#tagsList em:hover i{display:none}
#tagsList .tag .img-box{z-index:10;position: absolute;display: none;}
#tagsList .tag1{left: 95px;top:60px}
#tagsList .tag1 em{right: -30px;top: 10px;}
#tagsList .tag1 em:hover{margin-right: -10px;margin-left: auto;}
#tagsList .tag em a{display:block;width:36px;height:36px;}
#tagsList .tag1 .img-box{top: 42px;right: -20px;}
#tagsList .tag2{left: 415px;top:56px}
#tagsList .tag2 em{left: -22px;top: 7px;}
#tagsList .tag2 .img-box{top: 42px;right: -20px;}
#tagsList .tag3{left: 630px;top:105px}
#tagsList .tag3 em{left: -20px;top: 2px;}
#tagsList .tag3 .img-box{top: 42px;left: 0;}
#tagsList .tag4{left: 390px;top:165px}
#tagsList .tag4 em{left: -21px;top: 5px;}
#tagsList .tag4 .img-box{top: 42px;left: 0;}
#tagsList .tag5{left: 645px;top:198px}
#tagsList .tag5 em{left: -24px;top: 7px;}
#tagsList .tag5 .img-box{top: 42px;left: 0;}
#tagsList .tag6{left: 160px;top:245px}
#tagsList .tag6 em{right: -25px;top: 8px;}
#tagsList .tag6 em:hover{margin-right: -10px;margin-left: auto;}
#tagsList .tag6 .img-box{top: 42px;left: 0;}
#tagsList .tag7{left: 495px;top:248px}
#tagsList .tag7 em{left: -22px;top: 5px;}
#tagsList .tag7 .img-box{top: 42px;left: 0;}
#tagsList .tag8{left: 388px;top:280px}
#tagsList .tag8 em{left: -22px;top: 5px;}
#tagsList .tag8 .img-box{bottom: 42px;left: -18px;}
#tagsList .tag .img-box{border: 2px solid #7dd3ff;}
#tagsList .tag .img-box img{display: block;}


@-webkit-keyframes fadein{
    0%{opacity:0}
    1%{opacity:1}
}
@keyframes fadein{
    0%{opacity:0}
    1%{opacity:1}
}
.screen-2 .screen-2-content.active .overview-text{-webkit-animation:slidein-text .5s forwards;-webkit-animation-delay:.5s;animation:slidein-text .5s forwards;animation-delay:.5s}
@-webkit-keyframes slidein-text{
    0%{-webkit-transform:translate3d(-1500px,-305px,0);transform:translate3d(-1500px,-305px,0);opacity:0}
    100%{-webkit-transform:translate3d(-486px,-305px,0);transform:translate3d(-486px,-305px,0);opacity:1}
}
@keyframes slidein-text{
    0%{-webkit-transform:translate3d(-1500px,-305px,0);transform:translate3d(-1500px,-305px,0);opacity:0}
    100%{-webkit-transform:translate3d(-486px,-305px,0);transform:translate3d(-486px,-305px,0);opacity:1}
}
.screen-2 .screen-2-content.active .overview-button{-webkit-animation:slidein-button .5s forwards;-webkit-animation-delay:.7s;animation:slidein-button .5s forwards;animation-delay:.7s}
@-webkit-keyframes slidein-button{
    0%{-webkit-transform:translate3d(-1500px,-228px,0);transform:translate3d(-1500px,-228px,0);opacity:0}
    100%{-webkit-transform:translate3d(-486px,-228px,0);transform:translate3d(-486px,-228px,0);opacity:1}
}
@keyframes slidein-button{
    0%{-webkit-transform:translate3d(-1500px,-228px,0);transform:translate3d(-1500px,-228px,0);opacity:0}
    100%{-webkit-transform:translate3d(-486px,-228px,0);transform:translate3d(-486px,-228px,0);opacity:1}}