@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:710px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:710px; position:relative}
.banner li{ width:100%; height:710px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:40px; margin-left:-35px; background:#666; border-radius:20px; padding:10px 20px; 
			filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:280px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:280px; background:url(../images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}











/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}










/*news*/
.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px;}
.news h3.htitle a:hover{ color:#dc1313}
.news .newbox{ overflow:hidden; width:100%; height:420px;}
.news .newsLeft { overflow:hidden; width:590px; background-color:#f9f9f9; height:420px; float:left;}
.news .newsLeft .tubox{ display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative;}
.news .newsLeft img{ display:block; position:absolute; left:0; bottom:-40px; width:100%;}
.news .newsLeft h4{ width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.news .newsLeft h4 a{ display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}
.news .newsLeft h4 span{ font-weight:normal; font-size:14px; color:#999; float:right;}
.news .newsLeft p{ font-size:12px; width:555px; margin:0 auto; color:#5555; line-height:20px; height:40px; overflow:hidden;}
.news .newsLeft p a{ color:#dc1313;}
.news .newsLeft:hover h4 a{ color:#dc1313}

.news .newsRight{ overflow:hidden; width:590px; height:420px; float:right;}
.news .newsRight dl{ overflow:hidden; width:570px; padding:10px; height:106px; margin-bottom:20px;}
.news .newsRight dt{ overflow:hidden; float:left; width:160px; height:106px;}
.news .newsRight dd{ overflow:hidden; float:left; margin-left:20px; width:370px;}
.news .newsRight dd h4{ margin-top:10px; font-size:16px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .newsRight dd h4 a{ color:#333}
.news .newsRight dd p{ font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden}
.news .newsRight dd em{ float:right; display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px;}
.news .newsRight dl:hover{ background-color:#f5f5f5;}
.news .newsRight dl:hover h4 a{ color:#dc1313}





.db_chanpin{background: url(../images/db_chanpin_bg.jpg) no-repeat bottom}
.proCenter{width: 1200px;overflow: hidden;padding-bottom: 44px; margin:0 auto;}
.proCenter .Title h2{background: none;}
.proCenter .Title p{background: url(Img/Index/pro-titleBg.png) no-repeat center;}
.proCenter .proLeft,.proCenter .proRight{margin-top: 38px;}
.proCenter .proLeft{width: 240px;float: left;}
.proLeft h3{font-size: 22px;height: 80px;line-height: 80px;text-align: center;width: 100%;font-weight: normal;background: #0b3290;}
.proLeft h3 a{color: #FFFFFF;display: block;text-decoration: none;line-height: 80px;}
.proLeft dl{width: 240px;border-bottom: 1px solid #dedede;border-top: 1px solid #FFFFFF;background: #fff;overflow: hidden;}
.proLeft dt{width: 240px;height: 49px;overflow: hidden;line-height: 49px;}
.proLeft dt a{ display:block; font-size:14px; color:#333333; font-weight:bold;  line-height:49px;background:url(Img/Index/pro-jia.png) no-repeat 211px center;padding-left:20px;text-decoration: none; }
.proLeft dd{ overflow:hidden; width:220px; padding-left:20px;padding-bottom: 4px; display: none;}
.proLeft .last dd{padding-bottom: 10px;}
.proLeft dd a{ display:block; font-size:14px; color:#555555; line-height:25px; padding-left:17px; background:url(Img/Index/pro-Jt.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.proLeft dl.hover { background-color: #0b3290;}
.proLeft dl.hover dd a{background: url(Img/Index/pro-JtCur.png) no-repeat left center; color: #fff;}
.proLeft dl dt.active a{ background:  url(Img/Index/pro-jian.png) no-repeat 207px center; }
.proLeft dl.hover dt a{background:  url(Img/Index/pro-jian2.png) no-repeat 207px center; color: #fff;}
.proRight  { overflow:hidden; width:940px; float:right;height: 700PX;}
.proRight .protop{ overflow:hidden; width:100%;background-color: #fff;}
.proRight .protop ul{ float:left;overflow: hidden;}
.proRight .protop li{width: 130px;height: 80px;line-height: 80px;height: 80px;text-align: center;background: #fff;float: left;/* font-weight: bold; */}
.proRight .protop li a{display: block;line-height: 80px;color: #333333;font-size: 16px;text-decoration: none;}
.proRight .protop li.cur{background-color: #0b3290;font-weight: bold;}
.proRight .protop li.cur a{color: #FFFFFF;}
.proRight .protop li:hover{background-color: #0b3290;}
.proRight .protop li:hover a{color: #FFFFFF;}
/*修改background:url(Img/Index/pro-phone.png) no-repeat left center;*/
.proRight .protop b{float: left;font-size:14px;color:#888888;line-height: 29px;font-weight: normal;}/*修改  增加一行*/
.proRight .protop em{color: #2454ac;font-size: 24px;font-weight: bold;float: left;}/*修改float: left;*/
.proRight .proList{ overflow:hidden;width: 110%;margin-top: 20px;height: 855PX;}
.proRight .proList li{ float:left; width:305px; height:274px; margin-right:10px;background: #fff;position: relative;margin-bottom: 11px;}
.proRight .proList li img{ display:block; margin:0 auto; margin-bottom: 19px;margin-top: 3px;}
.proRight .proList i{display: block;position: absolute;top: 3px;right: 3px;background: url(Img/Index/pro-jia01.png) no-repeat right top;width: 28px;height: 28px;}
.proRight .proList li a{ display:block; text-decoration:none;font-size: 14px;color: #333333;text-align: center;}
.proRight .proList li:hover{ background: #0b3290;}
.proRight .proList li:hover a{color: #FFFFFF;}
.proRight .proList li:hover i{background: url(Img/Index/pro-jia02.png) no-repeat right top;}







.news{width: 100%;padding-top: 92px;background: #0b3290;padding-bottom: 60px; }
.news-title{position: relative;border-left: 2px #f2f2f2 solid;padding-left: 30px;}
.news-title span{font-size: 12px;color: #f2f2f2;}
.news-title p a{font-size: 24px;color: #242424;}
.news-title p a i{font-weight: bold;}
.news-title ul{position: absolute;right: 0;top: 0}
.news-title ul li{float: left;margin-left: 25px;}
.news-title ul li a{display: block;height: 46px;line-height: 46px;font-size: 16px;color: #f2f2f2;}
.news-title ul li a:hover{font-weight: bold;color: #fff;}
.news-title ul li.cur a{font-weight: bold;color: #fff;}
.news-title img{display: none;}

.news-box{margin-top: 50px;}
.news-dl .news-dl-left{float: left;}
.news-dl .news-dl-left{padding: 40px;width: 360px;background: #fff;}
.news-dl .news-dl-left h3 a{font-size: 18px;color: #333;font-weight: normal;}
.news-dl .news-dl-left>p{margin-top: 37px;}
.news-dl .news-dl-left>p a{font-size: 14px;color: #666;line-height: 23px;}
.news-dl .news-dl-left span{font-size: 24px;color: #ccc;margin-top: 30px;display: inline-block;width: 20px;margin-left: 70px;position: relative;}
.news-dl .news-dl-left span i{    width: 1px;
    height: 110px;
    background-color: #0d4da1;
    display: block;
    position: absolute;
    left: -30px;
    top: 8px;
    z-index: 999;}
.news-dl .news-dl-left span p{font-size: 13px;color: #ccc;}
.news-dl .news-dl-left>a{display: block;width: 360px;height: 240px;overflow: hidden;margin-top: 29px;}
.news-dl .news-dl-left>a img{display: block;width: 360px;height: 240px;}


.news-dl-right{float: right;width: 756px;}
.news-dl-right dl{padding-top: 24px; padding-bottom:24px;margin-top: 4px;border-top: 1px solid #e5e5e5; background:#fff;}
.news-dl-right dl:first-child{margin-top: 0;}
.news-dl-right dl dt{width: 200px;float: left; margin-left:20px;}
.news-dl-right dl dt a{display: block;width: 200px;height: 133px;overflow: hidden;}
.news-dl-right dl dt a img{display: block;width: 200px;height: 133px;}
.news-dl-right dl dd{width: 478px;float: right;}
.news-dl-right dl dd h3{font-weight: normal;}
.news-dl-right dl dd h3 a{font-size: 18px;color: #333;}
.news-dl-right dl:hover h3 a{color: red;}

.news-dl-right dl dd p{margin-top: 16px; width:460px;}
.news-dl-right dl dd p a{font-size: 14px;color: #666;line-height: 24px;}
.news-dl-right dl dd span{font-size: 13px;color: #999;display: block;margin-top: 31px;float: left;}
.news-dl-right dl dd span i{font-size: 13px;color: #999;}
.news-dl-right dl dd>a{display: block;width: 67px;height: 13px;background: url(Img/Index/news-jtou.png) no-repeat top;float: right;margin-top: 28px;}
.news-dl-right dl:hover dd>a{background: url(Img/Index/news-jtou.png) no-repeat bottom;}







/* 优势 */
.adv_bgs{width: 100%; height: 150px; background: url(../images/youshibgs.png) no-repeat top; overflow: hidden;}






.about_x { overflow:hidden; width:100%; padding:70px 0; /* background:url(Img/Index/about_bg.jpg) repeat center;  */position:relative}
.about_x .yezhi{ display:block; position:absolute; left:50%; top:315px; margin-left:675px;}
.about_x h3{ text-align:center; font-size:24px; margin-bottom:5px;}
.about_x h3 a{ color:#c42a22;}
.about_x .span{ display:block; text-align:center; font-size:12px; color:#666; margin-bottom:10px;}
.about_x i{ display:block; width:49px; height:3px; margin:0 auto; background-color:#c42a22; margin-bottom:90px;}
.about_x dl{ overflow:hidden; margin-bottom:65px; width:100%; height:235px;}
.about_x dd{ overflow:hidden; float:left; width:660px;}
.about_x dd h4{ font-weight:normal; font-size:18px; margin-bottom:25px; font-weight:bold;}
.about_x dd h4 a{ color:#0b3290;}
.about_x dd p{ font-size:13px; color:#333; line-height:27px; margin-bottom:25px; text-align:justify}
.about_x dt{ overflow:hidden; width:482px; height:224px; float:right; background:url(../images/about_spbg.png) no-repeat left center;}
.about_x dt a{ display:block; float:left; margin-top:90px;}
.about_x dt .sp{ overflow:hidden; width:297px; height:224px; float:right;}
.about_x .aboutmenu { overflow:hidden; width:100%; height:223px;}
.about_x .aboutmenu img{ display:block; float:left}
.about_x .aboutmenu ul{ overflow:hidden; float:right}
.about_x .aboutmenu li{ float:left; width:200px; height:223px; margin-left:10px; background-color:#f2f2f2;}
.about_x .aboutmenu b{ display:block; width:90px; height:90px; margin:0 auto; margin-top:30px; margin-bottom:30px;}
.about_x .aboutmenu span{ display:block; text-align:center; font-size:18px; color:#333}
.about_x .aboutmenu em{ display:block; text-align:center; margin-top:5px; font-size:12px; color:#cfcfcf;}
.about_x .aboutmenu a{ display:block; text-decoration:none}
.about_x .aboutmenu .b01{ background:url(../images/about_icon01.png) no-repeat center top;}
.about_x .aboutmenu .b02{ background:url(../images/about_icon02.png) no-repeat center top;}
.about_x .aboutmenu .b03{ background:url(../images/about_icon03.png) no-repeat center top;}
.about_x .aboutmenu .b04{ background:url(../images/about_icon04.png) no-repeat center top;}
.about_x .aboutmenu li:hover{ background-color:#0b3290;}
.about_x .aboutmenu li:hover span,
.about_x .aboutmenu li:hover em{ color:#fff;}
.about_x .aboutmenu li:hover b{ background-position:bottom}








/* 应用领域 */
.lingyu { overflow:hidden; padding-top:60px; width:100%; background:url(Img/Index/lingyu_bg.png) repeat-x left top; padding-bottom:70px;}
.lingyu ul{ overflow:hidden; width:1220px; margin:0 auto; height:400px;}
.lingyu li{ overflow:hidden; float:left; width:285px; margin:0 10px; height:400px; position:relative;}
.lingyu li img{ display:block;}
.lingyu li .imgIcon{ display:block; position:absolute; left:50%; margin-left:-25px; top:305px; z-index:2}
.lingyu li a{ display:block; width:100%; height:70px; position: absolute; left:0; bottom:0; text-decoration:none}
.lingyu li .icon{ margin:0 auto; display:none;}
.lingyu li .a01{ background-color:#0b3290;}

.lingyu li em{ display:block; margin:0 auto; text-align:center; padding:20px 0; width:120px; font-size:16px; color:#fff; margin-top:-15px;}
.lingyu li p{ width:80%; margin:10px auto; font-size:14px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-align:center}

/* 友情链接
 */

 .link{width: 100%; background:#f2f2f2; margin-top:-44px}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}





.choose{width: 100%; margin-top:50px;}
.choose .Title{height: 131px;background: url(Img/Index/chooseBg.jpg) no-repeat center;}
.choose .Title p{font-size: 25px;color: #666666;}
.choose .Title p em{color: #0b3290;font-weight: bold;font-size: 36px;}
.choose .mainCon{width: 100%;margin-top: 58px;position: relative;height: 996px;}
.choose .mainCon img{display: block;}
.choose .mainCon .Pics01{width: 534px;height: 434px;position: absolute;top: 0;left: 0;}
.choose .mainCon .Pics02{width: 586px;height: 387px;position: absolute;bottom: 72px;right: 0;}
.choose .mainCon dl{width: 578px;position: absolute;}
.choose .mainCon dt{float: left;width: 65px;height: 85px;background: URl(../images/youshi_icon_bg.png) no-repeat;;text-align: center;}
.choose .mainCon dt span{display: block;font-size: 40px;color: #fff;font-weight: bold;font-family: arial;padding-top: 10px;}
.choose .mainCon .dl1{left: 603px;top: 17px;}
/* .choose .mainCon dt i{display: block;width: 34px;height: 1px;background: #fff;margin:10px auto 0;} */
.choose .mainCon dd{float: right;width: 486px;}
.choose .mainCon dd h3{font-size: 24px;color: #333333;padding-bottom: 14px;border-bottom: 1px dotted #c0c0c0;width: 474px;}
.choose .mainCon dd h3 em{font-weight: bold;color: #0b3290;}
.choose .mainCon dd ul{margin-top: 20px;}
.choose .mainCon dd li{padding-left: 16px;background: url(Img/Index/choose_icon01.png) no-repeat left 8px;font-size: 14px;color: #666666;line-height: 24px;margin-bottom: 5px;}
.choose .mainCon dl.dl2{top: 251px;left: 603px;}
.choose .mainCon dl.dl3{left: 0;top: 527px;}
.choose .mainCon dl.dl4{left: 0;top: 761px;}




.case{width: 100%;background: #fff; }
.case .container{position: relative;}
.case .wang{position: absolute;right: -157px;bottom: -157px;}
.case .Title{padding-top: 84px;}
.case .Title .p2{font-weight: bold;}
.case .con{height: 420px;margin-top: 54px;position: relative;}
.case .con i{width: 44px;height: 44px;overflow: hidden;position: absolute;top: 120px;display: block;}
.case .con i:hover{cursor: pointer;}
.case .con i.btn01{background: url(../images/caseBtn.jpg) no-repeat top;left: -44px;}
.case .con i.btn02{background: url(../images/caseBtn1.jpg) no-repeat bottom;right: -44px;}
.case .conBox{width: 100%;overflow: hidden;height: 420px;position: relative;}
.case .con ul{overflow: hidden;height: 420px;position: absolute;top: 0;left: 0;}
.case .con li{width: 280px;height: 420px;float: left;margin-right: 27px;}
.case .con img{display: block;}
.case .con .intro{overflow: hidden;padding:0 17px;background: #f2f2f2;}
.case .con .intro h3{font-size:18px;font-weight: normal;margin-top: 26px; text-align:center;}
.case .con .intro h3 a{color: #666666;text-decoration: none; font-size:16px;}
.intromore{font-size: 14px;color: #fff; text-align:center;  display:block; width:100px; margin:20px auto 30px; padding:2px 4px; background:#0b3290;}




.link{width: 100%;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #f5f5f5;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}




/* #s_pro{ padding-bottom:120px;}
 */
#panda-show {
background:#f2f2f2;
padding-top:60px;

}



#panda-show .shuffer-title {

	height: 70px;

	padding-top: 12px;

	text-align: center;

	box-sizing: border-box;

}



#panda-show  .full {

	width: 100%; overflow:hidden;

	min-width: 1000px;

}



#panda-show  .content {

	width: 700px;

	margin: 0 auto;

	position: relative;

}



/*@media screen and (min-width:1400px) {

	#panda-show	.content {

		width: 1200px;

	}

}



@media screen and (min-width:1660px) {

	#panda-show	.content {

		width: 1460px;

	}

}*/



#panda-show  .cover-left {

	width: 2000px;

	position: absolute;

	left: -2000px;

	top: 0;

	opacity: 0.1;

	background: #000;

	height: 505px;

	z-index: 10;

}



#panda-show  .cover-right {

	width: 2000px;

	position: absolute;

	right: -2000px;

	top: 0;

	background: #000;

	opacity: 0.1;

	height:505px;

	z-index: 10;

}



#panda-show  .swiper-container {

	overflow: visible;

	height: 600px; width:675px;

}



#panda-show  .swiper-slide {

	height: 630px; text-align:center;

	

	position: relative;

}

#panda-show  .swiper-slide .img{ margin:0 12px; height:505px; background: #000; position:relative;}

#panda-show  .swiper-slide img {

	max-width: 100%;

	opacity: 1;

	-webkit-transition: all linear 300ms;

	transition: all linear 300ms;

}

#panda-show  .swiper-slide .mask{ position:absolute; width:100%; height:100%; text-align:center; top:0; left:0; opacity:0; -webkit-transition: all linear 300ms; transition: all linear 300ms;}

#panda-show  .swiper-slide .mask .box{  width:651px; height:505px; display:table-cell; vertical-align:middle; text-align:center;}

#panda-show  .swiper-slide .mask h5{ font-size:16px; color:#fff; text-align:center; margin-bottom:10px; -webkit-transition: all linear 300ms;

	transition: all linear 300ms; margin-top:20px;}

#panda-show  .swiper-slide .mask i{ width:1px; height:0; display:inline-block; background:#fff; background:rgba(255,255,255,.4); margin-top:40px; margin-bottom:34px; clear:both;-webkit-transition: all linear 400ms;

	transition: all linear 400ms;}

#panda-show  .swiper-slide .mask p{ font-size:12px; color:#fff;}

#panda-show  .swiper-slide .mask span{ display:block; width:46px; height:46px; border-radius:50%; background:#0b3290; clear:both; margin:0 auto; text-align:center; line-height:46px; color:#fff; font-size:24px;}

#panda-show  .swiper-slide .img:hover .mask{ opacity:1;}

#panda-show  .swiper-slide .img:hover .mask h5{ margin-top:0;}

#panda-show  .swiper-slide .img:hover .mask i{ height:71px;}

#panda-show  .swiper-slide  a:hover img {

	opacity: .7;

}



#panda-show  .swiper-slide .txt{ padding-top:40px;}

#panda-show  .swiper-slide .txt h5{ font-size:16px; color:#2b2b2a; text-align:center; margin-bottom:10px;}

#panda-show  .swiper-slide .txt p{ font-size:12px; color:#7c7c7b;}









#panda-show  .arrow-left {

	background: url(../images/pro_left.png) center no-repeat;

	position: absolute;

	left: -49px;

	top: 42%;

	margin-top: -24px;

	width: 49px;

	height: 49px;

	z-index: 15;

}



#panda-show .arrow-right {

	background: url(../images/pro_right.png) no-repeat right top;

	position: absolute;

	right: -49px;

	top: 42%;

	margin-top: -24px;

	width: 49px;

	height: 49px;

	z-index: 15;

}



#panda-show .shuffer-line {

	height: 4px;

	width: 100%;

	position: absolute;

	bottom: 0;

	opacity: 1;

	-webkit-transition: all linear 300ms;

	transition: all linear 300ms;

	background-color: #1dd388;

}



#panda-show a:hover .shuffer-line {

	height: 95px;

	background-color: #1dd388;

	opacity: .8;

}



#panda-show .stars-info {

	height: 110px;

	position: absolute;

	bottom: 0;

	text-align: center;

	width: 100%;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

	color: #fff;

}



#panda-show a:hover .stars-info {

	height: 95px;

	border-bottom: 0 none;

}



#panda-show .stars-info .name {

	font-size: 20px;

	height: 26px;

	line-height: 26px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



#panda-show a:hover .stars-info .name {

	margin: 8px 0 0;

}



#panda-show .stars-info .intro {

	padding: 0 10px;

	font-size: 14px;

	height: 16px;

	line-height: 16px;

	margin: 5px 0 30px;

	color: rgba(255,255,255,.7);

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



#panda-show .stars-info .icon-shuffer-live {

	position: absolute;

	left: 50%;

	bottom: 38px;

	width: 29px;

	height: 9px;

	margin-left: -15px;

	background: url(../images/live.png) no-repeat;

	opacity: 1;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

}



#panda-show a:hover .stars-info .icon-shuffer-live {

	opacity: 0;

}



#panda-show .stars-info .number {

	display: inline-block;

	overflow: hidden;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

	height: 20px;

	line-height: 20px;

	width: 100%;

	position: absolute;

	bottom: 8px;

	left: 0;

}



#panda-show .stars-info .number i {

	width: 16px;

	height: 12px;

	display: inline-block;

	background: url(../images/eye.png) no-repeat center;

	margin-right: 8px;

}