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

/*banner*/
.banner{height:600px;overflow:hidden;position:relative;width:100%;}
.banner .hd{position:absolute;left:50%;bottom:5%;overflow:hidden;z-index:9;margin:0 0 0 -48px;}.banner .hd{display:none;}
.banner .hd ul{text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:20px;border-radius: 50%;margin:0 6px;overflow:hidden;background:#888;line-height:999px;}
.banner .hd ul .on{background:#d60011;}

.banner .bd ul{opacity:1;filter:alpha(opacity=100);}
.banner .bd li{width:100%;height:600px;position:absolute;top:0;left:0;}

.banner .prev,.banner .next{position:absolute;z-index:99;display:block;width:50px;height:75px;overflow:hidden;opacity:0.3;filter:alpha(opacity=30);top:40%;cursor:pointer;}
.banner .prev{background:#000 url(../images/l.png) center no-repeat;left:0;}
.banner .next{background:#000 url(../images/r.png) center no-repeat;right:0;}
.banner .prev:hover,.banner .next:hover{opacity:0.5;filter:alpha(opacity=50);}

/*公司实力*/
.strength{padding: 0px 0 40px 0;border-bottom: 1px solid #ccc;}
.strength ul li{float: left;width: 25%;border-right: 1px solid #ccc;text-align: center;}
.strength ul li:last-child{border: none;}
.strength ul li img{transition: 1s; padding-top:40px;}
.strength ul li:hover img{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.strength ul li h3{font:bold 18px/30px Microsoft YaHei;color: #d60011;margin: 20px 0 10px 0;}

.chengnuo{ font-weight:bold; font-size:28px; padding-bottom:50px; padding-top:30px; line-height:60px; letter-spacing:2px;}
.chengnuo span{ color:#d60011;}
.chengnuo b{ font-size:35px;}

.index-top {
  background-color: #1a1a1a;
  padding-top: 15px;
  padding-bottom: 15px;
}
.index-top .row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.index-top .row .box-w {
  padding-left: 0;
  padding-right: 0;
	width: 25%;
}
.index-top .box-s {
  margin-top: 20px;
  margin-bottom: 20px;
  background: url("/template/a/images/img-38.png") no-repeat right center;
  display: flex;
  justify-content: center;
  font-size: 18px;
  line-height: 25px;
  color: #f7f8fb;
}
.index-top .box-s .box-icon {
  min-width: 64px;
  margin-right: 15px;
}
.index-top .box-s .box-icon img {
  display: block;
  margin: 0 auto;
}
.index-top .box-s span {
  font-size: 28px;
  line-height: 32px;
  color: #d70101;
  margin-right: 5px;
}
/*服务案例*/
.case{width:100%;background:#fff;overflow:hidden;margin:0 auto;}
.case h3{text-align: center;font:bold 40px/60px Microsoft YaHei;}
.case h3 span{color: #d60011;}
.case h5{text-transform: uppercase;font:16px/30px Arial;color: #666;letter-spacing: 2px;text-align: center;}

.case-hd{margin:20px 0 20px 0;text-align:center;}
.case-hd ul{display:inline-block;}
.case-hd li{float:left;margin:0 8px;}
.case-hd li a{width:146px;height:50px;background: url(/template/a/images/productlist.png) center no-repeat;display:block;font:16px/50px Microsoft YaHei;text-align:center;}
.case-hd li a:hover{background: url(/template/a/images/productlisthover.png) center no-repeat;color: #d60011;}
.case-hd .on a{background: url(/template/a/images/productlisthover.png) center no-repeat;color: #d60011;}

.case-bd{margin: 0 3px;}
.case-bd li{width:33%;float:left;position:relative; margin:0.16%; overflow:hidden; border:1px solid #ccc;}
.case-bd li img{ width: 100%;height: 297px;transform: scale(1);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1);
-webkit-transform: all 0.8s ease 0s;}
.case-bd li:hover img{transform: scale(1.1);
transition: all 0.8s ease 0s;
-webkit-transform: scale(1.1);
-webkit-transform: all 0.8s ease 0s;}
.case-txt{width:100%;height:100%;background:#141a23;position:absolute;bottom:0;left:0;opacity:0;transition: all 0.5s linear;padding:145px 30px;}
.case-bd li .on:hover > .case-txt{opacity:0.5;transform: scale(1.0);}
.case-bd h4{font-size:18px;line-height:36px;color:#fff;height: 36px;overflow: hidden;text-align:center;}

/*做什么*/
.index-do .header {
  color: #333
}
.index-do .header .h5 {
  margin-bottom: 10px;    font-size: 22px;
  color: #666
}
.index-do .header .h1 {
  color: #0f0f12;font-size: 36px;
}
.mar-b80 {
    margin-bottom: 80px;
}
.index-do .col-4 {
    width: 33.33333333%; float: left;position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: block;
}
.index-do .content .item {
  position: relative;
  padding: 50px 15px;
  display: block;
  text-align: center;
  background-color: #f4f4f4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
.index-do .content .item:after, .index-do .content .item:before {
  content: "";
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: all .35s
}
.index-do .content .item .icon-http, .index-do .content .item:after, .index-do .content .item:before {
  position: absolute;
  -webkit-transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
  -o-transition: all .35s
}
.index-do .content .item:before {
  border-top: 1px solid #de1620;
  border-bottom: 1px solid #de1620;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1)
}
.index-do .content .item:after {
  border-right: 1px solid #de1620;
  border-left: 1px solid #de1620;
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0)
}
.index-do .content .item:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.index-do .content .item:hover:after, .index-do .content .item:hover:before {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1)
}
.index-do .content .item .icon-http {
  top: 11px;
  right: 11px;
  display: block;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background-color: #999;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: all .35s
}
.index-do .content .item:hover .icon-http {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1
}
.index-do .content .item .icon {
  display: block;
  margin: 0 auto 20px;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}
.index-do .content .item1 .icon {
  background: url(/template/a/images/do1.png) center center no-repeat #de1620;
  background-size: 80px
}
.index-do .content .item2 .icon {
  background: url(/template/a/images/do2.png) center center no-repeat #de1620;
  background-size: 80px
}
.index-do .content .item3 .icon {
  background: url(/template/a/images/do3.png) center center no-repeat #de1620;
  background-size: 80px
}
.index-do .content .item .h4 {
  position: relative;font-size: 24px;
  margin-bottom: 40px
}
.index-do .content .item .h4:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 6px;
  background-color: #de1620
}
.index-do .content .item p.info {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
  color: #666;padding: 0 10px;
  text-align: center
}

/*担心*/
.worry{height: 600px;background: #000 url(../images/worrybg.jpg) center no-repeat;}
.worry h3{text-align: center;font:bold 40px/60px Microsoft YaHei;color: #fff;padding-top: 50px;}
.worry h3 span{color: #d60011;}
.worry ul{width: 840px;}
.worry ul li{float: left;width: 150px;height: 125px;background: url(/template/a/images/worryicon.png) center no-repeat;font:bold 18px/30px Microsoft YaHei;}
.worry ul li span{color: #d60011;}
.worry .worrytxt{margin: 40px 0 0 10px;}

/*优势*/
.youshi h3{text-align: center;font:bold 40px/60px Microsoft YaHei;}
.youshi h3 span{color: #d60011;}
.youshi h5{font:16px/30px Microsoft YaHei;text-align: center;color: #666;}
.youshi .ystxt{background: url(/template/a/images/ys.png) center 64% no-repeat;margin-top: 40px;}
.youshi .ystxt dl{display: inline-block;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
.youshi .ystxt dl dt{width: 90px;font:20px/28px Microsoft YaHei;padding: 17px 0;text-align: center;color: #d60011;float: left;}
.youshi .ystxt dl dd{float: left;}
.youshi .ystxt dl dd h4{font:bold 16px/36px Microsoft YaHei;color: #000;}

.youshi .ysleft{width: 596px;}
.youshi .ysleft dl{position: relative;right: 0;}
.youshi .ysleft dl:hover{position: relative;right: 20px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
.youshi .ysleft dl:nth-child(1){background: url(/template/a/images/ys1.png) center bottom no-repeat;}
.youshi .ysleft dl:nth-child(1) dt{margin-top: 56px;}
.youshi .ysleft dl:nth-child(1) dd{width: 505px;padding: 0 50px 0 30px;}
.youshi .ysleft dl:nth-child(2){background: url(/template/a/images/ys2.png) center bottom no-repeat;}
.youshi .ysleft dl:nth-child(2) dt{margin-top: 25px;}
.youshi .ysleft dl:nth-child(2) dd{width: 435px;padding: 0 50px 25px 30px;}
.youshi .ysleft dl:nth-child(3){background: url(/template/a/images/ys3.png) center bottom no-repeat;}
.youshi .ysleft dl:nth-child(3) dt{margin-top: 20px;}
.youshi .ysleft dl:nth-child(3) dd{width: 505px;padding: 0 40px 20px 30px;}

.youshi .ysright{width: 596px;}
.youshi .ysright dl{position: relative;left:0;}
.youshi .ysright dl:hover{position: relative;left: 20px;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;}
.youshi .ysright dl:nth-child(1){background: url(/template/a/images/ys4.png) center bottom no-repeat;}
.youshi .ysright dl:nth-child(1) dt{margin-top: 56px;}
.youshi .ysright dl:nth-child(1) dd{width: 505px;padding: 0 30px 0 40px;}
.youshi .ysright dl:nth-child(2){background: url(/template/a/images/ys5.png) center bottom no-repeat;margin-left: 70px;}
.youshi .ysright dl:nth-child(2) dt{margin-top: 25px;}
.youshi .ysright dl:nth-child(2) dd{width: 435px;padding: 0 30px 25px 40px;}
.youshi .ysright dl:nth-child(3){background: url(/template/a/images/ys6.png) center bottom no-repeat;}
.youshi .ysright dl:nth-child(3) dt{margin-top: 20px;}
.youshi .ysright dl:nth-child(3) dd{width: 505px;padding: 0 30px 20px 40px;}

/*服务*/
.service a{display:block;height:180px;width:100%;background: #000 url(../images/service.jpg) center no-repeat;}

/*企业精英*/
.team h3{text-align: center;font:bold 40px/60px Microsoft YaHei;}
.team h3 span{color: #d60011;}
.team h5{text-transform: uppercase;font:16px/30px Arial;color: #666;letter-spacing: 2px;text-align: center;}

.team-con{width: 880px;margin: 10px 0;}
.team-con ul li dl dt{float: left;padding: 50px 40px 50px 80px;background: url(/template/a/images/teampicbg.png) left center no-repeat;}
.team-con ul li dl dt img{width: 200px;}
.team-con ul li dl dd h4{font:bold 20px/50px Microsoft YaHei;color: #d60011;padding-top:50px;}
.team-con ul li dl dd h5{font:bold 16px/50px Microsoft YaHei;color: #333;text-align: left;}
.team-con ul li dl dd p{overflow: hidden;font:16px/46px Microsoft YaHei;}
.team-con ul li dl dd a{font:16px/50px Microsoft YaHei;color: #d60011;}

.team-list{width: 320px;overflow: hidden;}
.team-list .Prev,.team-list .Next{display: none;}
.team-list ul li{padding:25px 30px;height: 140px!important;}
.team-list ul li dl dt{float: left;overflow: hidden;}
.team-list ul li dl dt img{width: 60px;}
.team-list ul li dl dd{float: left;width: 200px;padding-left: 15px;}
.team-list ul li dl dd h4{padding-top:15px;font-size:18px;}
.team-list .on{background: url(/template/a/images/teambg.png) center no-repeat;}
.team-list .on dl dd{color: #fff;}

/*关于博比*/
.company{width:100%;height:560px;background:#000 url(../images/companybg.jpg) center no-repeat;overflow:hidden;}
.company .txt{width: 600px;color: #fff;}
.company .txt span{font:bold 68px/80px Arial;color: #666;text-transform: uppercase;display: block;padding-top: 50px;}
.company .txt h3{font:bold 20px/46px Microsoft YaHei;letter-spacing: 2px;}
.company .txt i{width: 40px;height: 2px;display: block;background: #d60011;margin: 10px 0 15px 0;}
.company .txt p{font:14px/40px Microsoft YaHei;}

.company .icon{margin-top: 30px;}
.company .icon ul li{float: left;width: 80px;margin-right: 20px;text-align: center;}
.company .icon ul li a{font:16px/50px Microsoft YaHei;color: #fff;}
.company .icon ul li img{border: 1px solid #fff;padding: 17px 20px;}

/*asiagame客户*/
.client{width:1350px;margin:0 auto;}
.client h3{text-align: center;font:bold 40px/60px Microsoft YaHei;}
.client h3 span{color: #d60011;}
.client h5{text-transform: uppercase;font:16px/30px Arial;color: #666;letter-spacing: 2px;text-align: center;}
.client ul li{width: 220px;height: 260px;padding: 80px 20px;margin:0 25px;float:left;background: url(/template/a/images/partnerbg.png) center no-repeat;text-align: center;}
.client ul li:nth-child(6){margin: -96px 25px -96px 160px;}
.client ul li:nth-child(7),.client ul li:nth-child(8),.client ul li:nth-child(9){margin: -96px 25px -96px 25px;}
.client ul li img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;width:100%;}
.client ul li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.client ul li h4{font:16px/36px Microsoft YaHei;margin-top: 10px;}

/*服务流程*/
.flow{width:100%;height:420px;background:#000 url(../images/flowbg.jpg) bottom center no-repeat;overflow:hidden;border-bottom: 4px solid #d60011;}
.flow h3{text-align: center;font:bold 40px/60px Microsoft YaHei;color: #fff;padding-top: 50px;}
.flow h3 span{color: #d60011;}
.flow h5{text-transform: uppercase;font:16px/30px Arial;color: #666;letter-spacing: 2px;text-align: center;margin-bottom: 40px;}
.flow ul li{float: left;width: 160px;text-align: center;font:16px/30px Microsoft YaHei;color: #d60011;letter-spacing: 1px;}
.flow ul li span{display: block;color: #ccc;text-transform: uppercase;font:16px/30px Arial;}
.flow ul li img{padding-top: 10px;}
.flow ul li i{width: 1px;height: 140px;background: #d60011;display: block;margin: 0 auto;}
.flow ul li:first-child{margin-left: 39px;}
.flow ul li:nth-child(even){margin-top: 60px;}
.flow ul li:nth-child(even) i{height: 80px;}

/*服务允许*/
.promise h3{text-align: center;font:bold 40px/60px Microsoft YaHei;}
.promise h3 span{color: #d60011;}
.promise h5{text-transform: uppercase;font:16px/30px Arial;color: #666;letter-spacing: 2px;text-align: center;margin-bottom: 40px;}
.promise ul li{float: left;width: 140px;height: 170px;padding: 20px 0 10px 0;background: url(/template/a/images/promisebg.png) center no-repeat;text-align: center;transition: 1s;margin-right: 64px;}
.promise ul li:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
.promise ul li:last-child{margin: 0;}

/*新闻*/
.news h3{text-align: center;font:bold 40px/60px Microsoft YaHei;}
.news h3 span{color: #d60011;}

.news .news-hd{text-align: center;margin-top: 20px;}
.news .news-hd ul{display: inline-block;}
.news .news-hd ul li{float: left;width: 120px;height: 36px;margin:0 8px;background: #fff;border: 1px solid #ccc;border-radius: 18px;font:16px/36px Microsoft YaHei;position: relative;z-index: 999;letter-spacing: 2px;}
.news .news-hd .on{border: none;background: #d60011;}
.news .news-hd .on a{color: #fff;}
.news .news-hd i{width: 100%;height: 1px;display: block;background: #ccc;position: relative;top: -30px;z-index: 11;}

.news .news-bd .newsleft{width: 600px;height: 390px;overflow: hidden;}
.news .news-bd .newsleft img{width: 100%;}
.news .news-bd .newsleft dl{width: 100%;height: 100px;overflow: hidden;position: relative;margin-top: -100px;padding: 10px;background: rgba(0,0,0,0.6);}
.news .news-bd .newsleft dl dt{float: left;width: 80px;height: 80px;border: 1px solid #ccc;text-align: center;color: #fff;padding-top: 10px;}
.news .news-bd .newsleft dl dt span{font:24px/30px Arial;color: #d60011;display: block;}
.news .news-bd .newsleft dl dd{float: left;width: 500px;padding-left: 15px;color: #fff;}
.news .news-bd .newsleft dl dd p{font:12px/24px Microsoft YaHei;}

.news .news-bd .newsright{width: 600px;height: 390px;overflow: hidden;}
.news .news-bd .newsright dl{width: 100%;height: 130px;overflow: hidden;padding:15px 10px;background: #fff;border-bottom: 1px dashed #ccc;}
.news .news-bd .newsright dl dt{float: left;width: 80px;height: 100px;border: none;background: #f2f2f2;text-align: center;padding-top: 24px;}
.news .news-bd .newsright dl dt span{font:30px/30px Arial;color: #d60011;display: block;}
.news .news-bd .newsright dl dd{float: left;width: 500px;padding:9px 0 9px 15px;}
.news .news-bd .newsright dl dd h4{font:16px/30px Microsoft YaHei;}
.news .news-bd .newsright dl dd p{font:14px/26px Microsoft YaHei;color: #666;}
.news .news-bd .newsright dl:hover{background: #f2f2f2}
.news .news-bd .newsright dl:hover dt{border: 1px solid #ccc;background: none;}

/*友情链接*/
.link{padding:2px 0 2px 146px;height: 60px;background: url(/template/a/images/link.jpg) left center no-repeat;font:16px/28px Microsoft YaHei;}
.link li{float:left;padding: 0 15px;}

.protab .hd{height:69px;line-height:69px;position:relative;text-align:center;border-top:1px solid #eaeaea}
.protab .hd span{padding:0 13px;font-size:17px;color:#666;cursor:pointer;margin:0 8px;transition:.25s all;-webkit-transition:.25s all;position:relative;display:inline-block;vertical-align:top}
.protab .hd i{left:0;top:-1px;height:1px;background:#be191e;width:0;position:absolute}
.protab .hd span.on{color:#be191e}
.protab .bd{background:#fff}
.protab .bd ul{display:none}
.protab .bd ul li{position:relative;overflow:hidden;float:left;width:24.99%}
.protab .bd ul li i,.protab .bd ul li p{position:absolute;bottom:-50px;height:50px;transition:.25s all;-webkit-transition:.25s all;line-height:50px;padding:0 19px;right:0;left:0}
.protab .bd ul li:hover i,.protab .bd ul li:hover p{bottom:0}
.protab .bd ul li i{background:#000;opacity:.5;filter:"alpha(opacity=50)";filter:alpha(opacity=50);zoom:1}
.protab .bd ul li p{font-size:16px;color:#fff;z-index:1}



/* 客户见证 */
.g_kf {
	height: 508px;
	padding-top: 30px;
	height:auto; overflow:hidden;
}
.g_kf h2 {
	height: 38px;
	line-height: 38px;
	background:url("/template/a/images/line33.jpg") no-repeat left 13px;
	padding-left: 15px;
	margin-bottom: 20px;
}
.g_kf h2 a {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}
.g_kf h2 em {
	color: #555555;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
.g_kf h2 span a {
	font-weight: normal;
	font-size: 12px;
	color: #555555;
	text-transform: uppercase;
}
.g_kf dl {
	float: left;
	width: 334px;
	margin-right: 37px;

}
.g_kf .lastdl {
	margin-right: 0;
}
.g_kf dt {
	width: 192px;
}
.g_kf dt img {
	width: 332px;
	height: 192px;
	display: block;

}
.g_kf h3 {

	overflow: hidden;
	font-weight: bold;
	text-align: center;


}
.g_kf h3 a {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	height: 52px;
	line-height: 52px;
	overflow: hidden;
}
.g_kf p {
	padding: 9px 15px 0 15px;
	font-size: 12px;
	color: #555555;
	line-height: 24px;
	text-align: center;
}
.g_kf p a {
	color: #c8161d;
}
.g_kf .bor {
	border: 1px solid #cecece;
	cursor: pointer;
}

/*about*/
.h-h2-white {font-size:24px;color:#fff;line-height:150%;margin: 0;padding: 0 20px}
.sx-jianju {
    padding-top: 50px;
    padding-bottom: 55px;
}
.text-center {
    text-align: center;
}
.col-lg-3 {
    width: 25%; float: left;
}
.m-sm,.m-sm2 {font-size:12px;line-height:150%;padding:0 20px;margin-top: 5px; margin-bottom: 15px; text-transform : uppercase;color: #999}
.m-sm-white,.m-sm-white2 {font-size:12px;line-height:150%;padding:0 20px;margin-top: 5px; margin-bottom: 15px; text-transform : uppercase;color: #999}
.m-sm2,.m-sm-white2 {font-size:14px}
.about { background-color:#e5e5e5;/* background-image: url(/template/a/images/about-bg.jpg);*/ background-repeat: no-repeat; background-position: center top}
.about .home-title {margin-bottom:10px}
.about p {color: #333}
.about p.hg-4 {color: #000;/* background: rgba(255,255,255,0.30);*/ padding: 20px;}
.about .shuju {margin:30px 0; height: 120px;}
.about .shuju figure {width: 120px;height: 120px;margin: 0 auto;border-radius: 50%;background-color: #be191e;border: 2px solid #d60011}
.about .shuju figure:hover {transform:scale(1.05);-webkit-transform:scale(1.05);background-color: #be191e;border: 2px solid #d60011}
.about .shuju figure h3 {font-size: 20px; margin: 30px 0 0 0;color: #fff}
.about .shuju figure:hover h3,.about .shuju figure p {color: #fff}
a.btn-center,a.btn-center-white{background: rgba(255,255,255,0.30);text-align:center;font-size:12px;padding:4px 50px 2px 50px;margin:10px 10px 0 10px;color:#000;border:1px solid #000;display:inline-block}
a.btn-center-white{background-color: #be191e;color:#fff;border:1px solid rgba(255,255,255,0.50)}
a.btn-center:hover,a.btn-center-white:hover,a.btn-center.hover{background-color:#be191e;border:1px solid #be191e;color:#fff;text-decoration:none}
a.btn-center-white:hover {border:1px solid #fff}
<!--耗时1761977598.5847秒-->