@charset "utf-8";
/* CSS Document */
.video-list .left{display:none;}
.video-list .right ul li.active{background:url(../images/videocase/leibiebj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
.vi-list h2 a {text-align:center;}
@media screen and (min-width: 1380px){
/*header*/
	.header{background:url(../images/videocase/bj.jpg) no-repeat;background-size:100% 100%;height:291px;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.banner{position:relative;}
	.banner .in-tit{margin-top:1.5%;}
	.banner .in-tit img{left:13%;margin:0;}
	.banner .in-tit h1{left:15%;margin:0;color:#fff;width:88%;}
	.banner .dianji{position:absolute;right:0;bottom:1.8%;}
/*video-list*/
	.video-list .left{width:100%;}
	.video-list .right{width:100%;margin:0 0 4% 0;}
	.hot{padding-bottom:1%;margin-bottom:4%;}
	.hot .video{width:66%;float:left;position:relative;}
	.hot .video a{width:100%;}
	.hot .video .vi,.hot .video video,.hot .video iframe,.hot .video embed{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;height:470px;}
	.hot .video h2{width:60%;background:#fff;position:absolute;right:-0.5%;bottom:-6.5%;margin:0;padding:0.3% 0.3% 0.3% 0.3%;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;}
	.hot .video h2 a{padding:3% 0;color:#1a1a1a;font-size:17px;border:1px solid #5a8ece;width:99%;border-radius:25px 0px 20px 25px;}
	.hot .video .hot-v{position:absolute;right:-9%;top:3%;}
	.hot .wz{width:33%;float:right;}
	.hot .wz .dianhua{background:url(../images/videocase/spbbj.png) no-repeat;background-size:100% 100%;padding:5% 1% 5% 20%;margin-bottom:8%;}
	.dianhua b{font-size:20px;color:#1a1a1a;display:inline-block;width:100%;margin-bottom:2%;padding-left:5%;}
	.dianhua span{font-size:16px;color:#4d4d4d;display:inline-block;width:100%;padding-left:12%;margin-bottom:1.5%;}
	.dianhua i{width:99%;height:8px;display:inline-block;background:url(../images/videocase/hx.png) no-repeat right center;}
	.dianhua div{margin-top:3%;padding-left:5%;background:url(../images/videocase/dh.png) no-repeat left center;}
	.dianhua div p{padding-left:16%;font-size:16px;color:#333;}
	.dianhua div b{color:#c39760;font-size:20px;padding-left:16%;margin-top:1%;}
	.hot .wz ul{padding-left:16%;}
	.hot .wz ul li{font-size:16px;color:#333;margin:7% 0;}
	.hot .wz ul li i{padding:0 6%;background:url(../images/videocase/zi.png) no-repeat left center;}
	.hot .wz .weixin{margin-top:10%;margin-left:7%;}
/*右侧*/
	.video-list .right{background:#f0f3fa;padding:1% 1.5%;border:1px solid #d4d9e4;border-radius: 10px;}
	.video-list .right ul li{text-align:center;width:23%;margin:0 1%;float:left;font-size:17px;color:#1a1a1a;padding:1.2% 0;background:url(../images/videocase/leibiebj.png) no-repeat;background-size:100% 100%;}
	.video-list .right ul li:hover{background:url(../images/videocase/leibiebj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
/*list*/
	.video-list .left .row{margin:0 -1.5%;}
	.vi-list{width:22%;padding:0 1.5%;float:left;position:relative;padding-bottom:3%;margin-bottom:1%;}
	.vi-list .vi{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;}
	.vi-list h2{width:60%;background:#fff;position:absolute;right: 4.8%;bottom: 3.5%;padding:0.3% 0.3% 0.3% 0.3%;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;}
	.vi-list h2 a{padding:3% 0;color:#1a1a1a;font-size:16px;border:1px solid #5a8ece;width:99%;border-radius:25px 0px 20px 25px;}
	.vi-list:hover h2{width:88.5%;border-radius:0px 0px 25px 25px;}
	.vi-list:hover h2 a{border-radius:0px 0px 25px 25px;padding:2% 0;}
	.vi-list .sp{position:absolute;left:0;right:0;top:30%;margin:0 auto;}
}

@media screen and (max-width: 1380px) and (min-width: 1200px){
	
/*header*/
	.header{background:url(../images/videocase/bj.jpg) no-repeat;background-size:100% 100%;height:290px;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.banner{position:relative;}
	.banner .in-tit{margin-top:1.5%;}
	.banner .in-tit img{left:13%;margin:0;}
	.banner .in-tit h1{left:15%;margin:0;color:#fff;width:88%;}
	.banner .dianji{position:absolute;right:0;bottom:1.8%;width:20%;display:none;}
/*video-list*/
	.video-list .left{width:100%;}
	.video-list .right{width:100%;margin:0 0 4% 0;}
	.hot{padding-bottom:1%;margin-bottom:4%;}
	.hot .video{width:60%;float:left;position:relative;}
	.hot .video a{width:100%;}
	.hot .video .vi,.hot .video video,.hot .video iframe,.hot .video embed{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;height:420px;}
	.hot .video h2{width:60%;background:#fff;position:absolute;right:-0.5%;bottom:-6.5%;margin:0;padding:0.3% 0.3% 0.3% 0.3%;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;}
	.hot .video h2 a{padding:3% 0;color:#1a1a1a;font-size:17px;border:1px solid #5a8ece;width:99%;border-radius:25px 0px 20px 25px;}
	.hot .video .hot-v{position:absolute;right:-9%;top:3%;}
	.hot .wz{width:36%;float:right;}
	.hot .wz .dianhua{background:url(../images/videocase/spbbj.png) no-repeat;background-size:100% 100%;padding:5% 1% 5% 20%;margin-bottom:8%;}
	.dianhua b{font-size:20px;color:#1a1a1a;display:inline-block;width:100%;margin-bottom:2%;padding-left:5%;}
	.dianhua span{font-size:16px;color:#4d4d4d;display:inline-block;width:100%;padding-left:12%;margin-bottom:1.5%;}
	.dianhua i{width:99%;height:8px;display:inline-block;background:url(../images/videocase/hx.png) no-repeat right center;}
	.dianhua div{margin-top:3%;padding-left:5%;background:url(../images/videocase/dh.png) no-repeat left center;}
	.dianhua div p{padding-left:16%;font-size:16px;color:#333;}
	.dianhua div b{color:#c39760;font-size:20px;padding-left:16%;margin-top:1%;}
	.hot .wz ul{padding-left:16%;}
	.hot .wz ul li{font-size:16px;color:#333;margin:7% 0;}
	.hot .wz ul li i{padding:0 6%;background:url(../images/videocase/zi.png) no-repeat left center;}
	.hot .wz .weixin{margin-top:5%;margin-left:7%;}
/*右侧*/
	.video-list .right{background:#f0f3fa;padding:1% 1.5%;width:97%;border:1px solid #d4d9e4;border-radius: 10px;}
	.video-list .right ul li{text-align:center;width:23%;margin:0 1%;float:left;font-size:16px;color:#1a1a1a;padding:1.2% 0;background:url(../images/videocase/leibiebj.png) no-repeat;background-size:100% 100%;}
	.video-list .right ul li:hover{background:url(../images/videocase/leibiebj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
/*list*/
	.video-list .left .row{margin:0 -1.5%;}
	.vi-list{width:22%;padding:0 1.5%;float:left;position:relative;padding-bottom:3%;margin-bottom:3%;}
	.vi-list .vi{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;}
	.vi-list h2{width:60%;background:#fff;position:absolute;right: 4.5%;bottom: 11%;padding:0.3%;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;margin:0;}
	.vi-list h2 a{width:94%;color:#1a1a1a;font-size:15px;border:1px solid #5a8ece;border-radius:24px 0px 20px 24px;display:block;margin:0.3%;padding:3% 2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.vi-list:hover h2{width:89%;border-radius:0px 0px 20px 24px;}
	.vi-list:hover h2 a{width:94.4%;border-radius:0px 0px 20px 24px;display:block;margin:0.3%;padding:3% 2%;}
	.vi-list .sp{position:absolute;left:0;right:0;top:30%;margin:0 auto;}

}

@media screen and (max-width: 1200px) and (min-width: 992px){	
/*header*/
	.header{background:url(../images/videocase/bj.jpg) no-repeat;background-size:100% 100%;height:290px;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.banner{position:relative;}
	.banner .in-tit{margin-top:1.5%;}
	.banner .in-tit img{left:13%;margin:0;}
	.banner .in-tit h1{left:15%;margin:0;color:#fff;width:88%;}
	.banner .dianji{position:absolute;right:0;bottom:1.8%;width:20%;display:none;}
/*video-list*/
	.video-list .left{width:100%;}
	.video-list .right{width:100%;margin:0 0 4% 0;}
	.hot{padding-bottom:1%;margin-bottom:4%;}
	.hot .video{width:60%;float:left;position:relative;}
	.hot .video a{width:100%;}
	.hot .video .vi,.hot .video video,.hot .video iframe,.hot .video embed{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;height:340px;}
	.hot .video h2{width:60%;background:#fff;position:absolute;right:-0.5%;bottom:-6.5%;margin:0;padding:0.3% 0.3% 0.3% 0.3%;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;}
	.hot .video h2 a{padding:3% 0;color:#1a1a1a;font-size:17px;border:1px solid #5a8ece;width:99%;border-radius:25px 0px 20px 25px;}
	.hot .video .hot-v{position:absolute;right:-9%;top:3%;}
	.hot .wz{width:36%;float:right;}
	.hot .wz .dianhua{background:url(../images/videocase/spbbj.png) no-repeat;background-size:100% 100%;padding:5% 1% 5% 20%;margin-bottom:5%;}
	.dianhua b{font-size:18px;color:#1a1a1a;display:inline-block;width:100%;margin-bottom:2%;padding-left:5%;}
	.dianhua span{font-size:15px;color:#4d4d4d;display:inline-block;width:100%;padding-left:12%;margin-bottom:1.5%;}
	.dianhua i{width:99%;height:8px;display:inline-block;background:url(../images/videocase/hx.png) no-repeat right center;}
	.dianhua div{margin-top:3%;padding-left:5%;background:url(../images/videocase/dh.png) no-repeat left center;}
	.dianhua div p{padding-left:16%;font-size:15px;color:#333;}
	.dianhua div b{color:#c39760;font-size:18px;padding-left:16%;margin-top:1%;}
	.hot .wz ul{padding-left:16%;}
	.hot .wz ul li{font-size:16px;color:#333;margin:3% 0;}
	.hot .wz ul li i{padding:0 6%;background:url(../images/videocase/zi.png) no-repeat left center;}
	.hot .wz .weixin{margin-top:5%;margin-left:7%;}
/*右侧*/
	.video-list .right{background:#f0f3fa;padding:1% 1.5%;width:97%;border:1px solid #d4d9e4;border-radius: 10px;}
	.video-list .right ul li{text-align:center;width:23%;margin:0 1%;float:left;font-size:16px;color:#1a1a1a;padding:1.2% 0;background:url(../images/videocase/leibiebj.png) no-repeat;background-size:100% 100%;}
	.video-list .right ul li:hover{background:url(../images/videocase/leibiebj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
/*list*/
	.video-list .left .row{margin:0 -1.5%;}
	.vi-list{width:22%;padding:0 1.5%;float:left;position:relative;padding-bottom:3%;margin-bottom:3%;}
	.vi-list .vi{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;}
	.vi-list h2{width:60%;background:#fff;position:absolute;right: 4.5%;bottom: 11%;padding:0.3%;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;margin:0;}
	.vi-list h2 a{width:94%;color:#1a1a1a;font-size:15px;border:1px solid #5a8ece;border-radius:24px 0px 20px 24px;display:block;margin:0.3%;padding:3% 2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.vi-list:hover h2{width:89%;border-radius:0px 0px 20px 24px;}
	.vi-list:hover h2 a{width:94.4%;border-radius:0px 0px 20px 24px;display:block;margin:0.3%;padding:3% 2%;}
	.vi-list .sp{position:absolute;left:0;right:0;top:30%;margin:0 auto;}

}

@media screen and (max-width: 992px) and (min-width: 768px){	
/*header*/
	.header{background:url(../images/videocase/bj.jpg) no-repeat;background-size:100% 100%;height:210px;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.banner{position:relative;}
	.banner .in-tit{margin-top:1.5%;}
	.banner .in-tit img{left:13%;margin:0;}
	.banner .in-tit h1{left:15%;margin:0;color:#fff;width:88%;}
	.banner .dianji{position:absolute;right:0;bottom:1.8%;width:20%;display:none;}
/*video-list*/
	.video-list .left{width:100%;}
	.video-list .right{width:100%;margin:0 0 4% 0;}
	.hot{padding-bottom:1%;margin-bottom:4%;}
	.hot .video{width:60%;float:left;position:relative;}
	.hot .video a{width:100%;}
	.hot .video .vi,.hot .video video,.hot .video iframe,.hot .video embed{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;height:290px;}
	.hot .video h2{width:60%;background:#fff;position:absolute;right:-0.5%;bottom:-6.5%;margin:0;padding:0.3% 0.3% 0.3% 0.3%;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;}
	.hot .video h2 a{padding:3% 0;color:#1a1a1a;font-size:15px;border:1px solid #5a8ece;width:99%;border-radius:25px 0px 20px 25px;}
	.hot .video .hot-v{position:absolute;right:-9%;top:3%;width: 20%;}
	.hot .wz{width:36%;float:right;}
	.hot .wz .dianhua{background:url(../images/videocase/spbbj.png) no-repeat;background-size:100% 100%;padding:3% 1% 3% 8%;margin-bottom:5%;}
	.dianhua b{font-size:18px;color:#1a1a1a;display:inline-block;width:100%;margin-bottom:2%;padding-left:5%;}
	.dianhua span{font-size:15px;color:#4d4d4d;display:inline-block;width:100%;padding-left:12%;margin-bottom:1.5%;}
	.dianhua i{width:99%;height:8px;display:inline-block;background:url(../images/videocase/hx.png) no-repeat right center;}
	.dianhua div{margin-top:3%;padding-left:5%;background:url(../images/videocase/dh.png) no-repeat left center;}
	.dianhua div p{padding-left:16%;font-size:15px;color:#333;}
	.dianhua div b{color:#c39760;font-size:18px;padding-left:16%;margin-top:1%;}
	.hot .wz ul{padding-left:0;}
	.hot .wz ul li{font-size:15px;color:#333;margin:3% 0;}
	.hot .wz ul li i{padding:0 6%;background:url(../images/videocase/zi.png) no-repeat left center;}
	.hot .wz .weixin{margin-top:5%;width:100%;}
/*右侧*/
	.video-list .right{background:#f0f3fa;padding:1% 1.5%;width:97%;border:1px solid #d4d9e4;border-radius: 10px;}
	.video-list .right ul li{text-align:center;width:23%;margin:0 1%;float:left;font-size:15px;color:#1a1a1a;padding:1.2% 0;background:url(../images/videocase/leibiebj.png) no-repeat;background-size:100% 100%;}
	.video-list .right ul li:hover{background:url(../images/videocase/leibiebj_hover.png) no-repeat;background-size:100% 100%;color:#fff;}
/*list*/
	.video-list .left .row{margin:0 -1.5%;}
	.vi-list{width:30.33%;padding:0 1.5%;float:left;position:relative;padding-bottom:3%;margin-bottom:3%;}
	.vi-list .vi{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;}
	.vi-list h2{width:60%;background:#fff;position:absolute;right: 4.5%;bottom: 11%;padding:0.3%;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;margin:0;}
	.vi-list h2 a{width:94%;color:#1a1a1a;font-size:15px;border:1px solid #5a8ece;border-radius:24px 0px 20px 24px;display:block;margin:0.3%;padding:3% 2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.vi-list:hover h2{width:89%;border-radius:0px 0px 20px 24px;}
	.vi-list:hover h2 a{width:94.4%;border-radius:0px 0px 20px 24px;display:block;margin:0.3%;padding:3% 2%;}
	.vi-list .sp{position:absolute;left:0;right:0;top:25%;margin: 0 auto;width: 18%;}

}

@media screen and (max-width: 768px) {		
/*header*/
	.header{background:url(../images/videocase/bj.jpg) no-repeat;background-size:100% 100%;height:210px;}
	.breadcrumbs,.breadcrumbs a{color:#fff;}
	.banner{position:relative;}
	.banner .in-tit{margin-top:1.5%;}
	.banner .in-tit img{left:13%;margin:0;}
	.banner .in-tit h1{left:15%;margin:0;color:#fff;width:88%;}
	.banner .dianji{position:absolute;right:0;bottom:1.8%;width:20%;display:none;}
/*video-list*/
	.video-list{margin-top:2%;padding:0 2%;margin-bottom:5%;}
	.video-list .left{width:100%;}
	.video-list .right{width:100%;}
	.hot{padding-bottom:1%;margin-bottom:4%;}
	.hot .video{width:98%;float:left;position:relative;margin:5% 0;}
	.hot .video .vi,.hot .video video,.hot .video iframe,.hot .video embed{border-radius:20px;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;height:4.2rem;}
	.hot .video h2{width:81%;background:#fff;position:absolute;right:-0.8%;bottom:-5%;margin:0;padding:0.3% 0.3% 0.3% 0.3%;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;border-radius:25px 0px 20px 25px;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;}
	.hot .video h2 a{color:#1a1a1a;font-size:0.27rem;border:1px solid #5a8ece;width:99%;border-radius:25px 0px 20px 25px;display:block;padding:2.8% 0;}
	.hot .video .hot-v{position:absolute;right:-3%;top:3%;width:16%;}
	.hot .wz{width:100%;display:none;}
	.hot .wz .dianhua{background:url(../images/videocase/spbbj.png) no-repeat;background-size:100% 100%;padding:5% 1% 5% 3%;margin-bottom:8%;}
	.dianhua b{font-size:14px;color:#1a1a1a;display:inline-block;width:100%;margin-bottom:2%;padding-left:5%;}
	.dianhua span{font-size:12px;color:#4d4d4d;display:inline-block;width:100%;padding-left:12%;margin-bottom:1.5%;}
	.dianhua i{width:99%;height:8px;display:inline-block;background:url(../images/videocase/hx.png) no-repeat right center;}
	.dianhua div{margin-top:3%;padding-left:5%;background:url(../images/videocase/dh.png) no-repeat left center;background-size:16% auto;}
	.dianhua div p{padding-left:12%;font-size:12px;color:#333;}
	.dianhua div b{color:#c39760;font-size:14px;padding-left:12%;margin-top:1%;}
	.hot .wz ul{padding-left:5%;}
	.hot .wz ul li{font-size:13px;color:#333;margin:7% 0;}
	.hot .wz ul li i{padding:0 6%;background:url(../images/videocase/zi.png) no-repeat left center;}
	.hot .wz .weixin{margin-top:10%;display:none;margin-left:7%;width:93%;}
/*右侧*/
	.video-list .right{background:#f0f3fa;padding:1% 0;border:1px solid #d4d9e4;border-radius:10px;}
	.video-list .right ul li{text-align:center;font-size:0.28rem;color:#1a1a1a;padding:3% 0;background:#fff;background-size:100% 100%;margin:2% 1%;width:23%;float:left;}
	.video-list .right ul li span{display:none;}
/*list*/
	.video-list .left .row{margin:0 -2%;}
	.vi-list{width:45%;padding:0 2%;float:left;position:relative;padding-bottom:3%;margin-bottom:8%;}
	.vi-list .vi{border-radius:0.2rem 0.2rem 0 0;border:2px solid #fff;-moz-box-shadow:0px 0px 8px #333333;-webkit-box-shadow:0px 0px 8px #333333;box-shadow:0px 0px 8px #333333;}
	.vi-list h2{background:#fff;width:93.5%;position: absolute;top:78%;padding:0.3%;-moz-box-shadow:0px 2px 8px #333333; -webkit-box-shadow:0px 2px 8px #333333; box-shadow:0px 2px 8px #333333;margin:0;}
	.vi-list h2 a{width:94%;color:#1a1a1a;font-size:0.27rem;border:1px solid #5a8ece;text-align:center;display:block;margin:0.3%;padding:3% 2%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.vi-list .sp{position:absolute;left:0;right:0;top:30%;margin:0 auto;width:16%;}


}