@charset "gb2312";

/* CSS Document */



.sp-banner{ display:block; line-height:0;}



/*¹«ÓÃtitle1*/

.gy-tit{ height:1rem; margin:.4rem auto .26rem;}

.gy-tit h2{ border-bottom:.02rem solid #D3D3D3; height:.58rem;}

.gy-tit h2 em{ display:block; width:2.35rem; height:.6rem; margin:0 auto; background:url(video-i1.png) no-repeat; background-size:100%;}

.gy-tit h2 em img{ width:1.44rem; height:.36rem; margin:.1rem 0 0 .74rem;}

.gy-tit h3{ color:#666; text-align:center; height:.28rem; line-height:.28rem; margin-top:.12rem;}



/*ÊÓƵģ¿é*/

.gy-video{}

.video-top{ margin:0 .2rem; overflow:hidden;}

.video-top img{ display:block; width:100%;}
.video-top video{width: 6rem;height: 4.12rem; display:block; width:100%;}

.video-top p{ font-size:.2rem; height:.26rem; line-height:.26rem; margin:.2rem 0; color:#898989; overflow:hidden;}

.video-top p em{ float:left; color:#A63A21; background:url(video-i2.png) no-repeat 0.1rem 0.02rem /.22rem .2rem; text-indent:.4rem; }

.video-b-tit{ height:.12rem; line-height:.22rem; border-bottom:.02rem solid #D3D3D3; margin:0 .2rem .34rem;}

.video-b-tit b{ float:left; height:.29rem; line-height:.26rem; padding:0 .15rem; background:url(video-i3.png) no-repeat 0 0/.06rem .29rem #fff;}

.video-b-tit b img{ float:left; width:.36rem; height:.29rem;}

.gy-video ul{ overflow:hidden;}

.gy-video ul li{ float:left; width:1.86rem; height:1.82rem; background:#F0F0F0; margin-left:.2rem; text-align:center;}

.gy-video ul li p{ font-size:.16rem; /*line-height:.22rem;*/}

.gy-video ul li a p{ color:#666;}

.gy-video ul li img{ width:100%;}
.gy-video ul li a video{width: 1.86rem;height: 1.22rem; width:100%;}
.gy-video ul li  video{width: 1.86rem;height: 1.22rem; width:100%;}

.video-btn{ margin:.3rem .2rem; overflow:hidden;}

.video-btn a{ border-radius:.06rem; height:.48rem; line-height:.48rem; color:#fff;}

.video-btn a span{margin-left: .1rem;}

.video-btn a span:hover{transition: all 1s;transform: rotate(360deg) skew(0) scale(1);}

.video-btn a span img{width: .28rem;height: .28rem;line-height: .48rem;vertical-align: text-bottom;}

.video-btn a:first-child{ float:left; width:2.4rem; background:/*url(video-i4.png) no-repeat 1.5rem .1rem/.28rem .28rem*/ #A63A21; /*text-indent:.68rem;*/text-align: center;}

.video-btn a:last-child{ float:right; width:3.2rem; background:url(video-i5.png) no-repeat 2.98rem .13rem/.16rem .22rem #BD935C; text-indent:.1rem;}



/**/

.jkbk{ margin:0 .2rem;}

.jkbk .hd{ overflow:hidden;}

.jkbk .hd li{ float:left; width:1.5rem; text-align:center; height:.36rem; line-height:.36rem; background:#F7F4ED; color:#666; font-size:.22rem; margin-right:.02rem;}

.jkbk .hd li:last-child{ margin-right:0; width:1.44rem;}

.jkbk .hd li.on{ background:#A63A21; color:#fff;}

.jkbk .bd{ overflow:hidden;}

.jkbk .bd li p{ height:.62rem; line-height:.62rem; background:url(video-i6.png) no-repeat 0 .22rem/.22rem; text-indent:.32rem; font-size:.2rem; border-bottom:.02rem dotted #CCC;}

.jkbk .bd li p:last-child{ border-bottom:0;}

.jkbk .bd li p a{ color:#898989;}

.jkbk .video-btn{ margin:.1rem 0 .2rem 0;}