@charset "utf-8";
@import 'reset.css';
@import 'animate.min.css';
/*index_con*/
.index_con{width: 6rem;height: auto;margin: 0 auto;overflow: hidden;box-shadow: 0 0 20px #5D5C61;padding-bottom:.89rem;}
.head,.head img{ width:100%;}
.rr,.rr img{width:100%;display:block}
.nav li{width:1.5rem;height:0.6rem;line-height:0.6rem;text-align:center;border-right:1px solid #d7d7d9;border-bottom:1px solid #d7d7d9;float:left;background:#223b75;font-size:0.22rem; box-sizing:border-box;}
.nav li a{color:#f6f6f6;display:block}
.nav li a font{padding-left:2em}
.slides img{width:100%}
.flexslider { height: 7.1rem;overflow: hidden;position: relative;}
.slides { position: relative; z-index: 1;}
.slides li { height: 7.1rem;}
.slides li a{ height:7.1rem; display:block;}
.ban1{ width:6rem; height:7.2rem; background:url(../images/banner1.jpg) no-repeat; background-size:100%; position:relative;}
.ban1 .lswjs_logo{width:1.8rem; height:0.98rem; position:absolute; top:0.27rem; left:0.3rem; opacity:0}
.ban1 .lswjstit{width:4.73rem; height:0.52rem; position:absolute; top:1.43rem; left:50%; margin-left:-2.36rem; opacity:0}
.ban1 .ban12{width:5.4rem; height:2.79rem; position:absolute; top:2.11rem;left:0.3rem; opacity:0}
.ban1 .ban11{width:3.71rem; height:0.5rem; position:absolute; top:2.83rem; left:1.9rem; opacity:0}
.ban1 .lswjs{width:2.8rem; height:0.38rem; position:absolute; top:4.98rem; left:50%; margin-left:-1.4rem; opacity:0}

.flex-active-slide .lswjs_logo{ -webkit-animation:fadeInDown 1.5s ease-in-out backwards;animation:fadeInDown 1.5s ease-in-out backwards; opacity:1}
.flex-active-slide .lswjstit{ -webkit-animation:bounceIn 1.2s ease-in-out 0.2s backwards;animation:bounceIn 1.2s ease-in-out 0.2s backwards; opacity:1}
.flex-active-slide .ban12{ -webkit-animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .ban11{ -webkit-animation:fadeInRight 1.2s ease-in-out 0.4s backwards;animation:fadeInRight 1.2s ease-in-out 0.4s backwards;opacity:1}
.flex-active-slide .lswjs{ -webkit-animation:fadeInUp 1.2s ease-in-out 0.6s backwards;animation:fadeInUp 1.2s ease-in-out 0.6s backwards;opacity:1}

.ban2{ width:6rem; height:7.2rem; background:url(../images/banner2.jpg) no-repeat; background-size:100%; position:relative; opacity:0;transition:background 3s ease-in-out; -webkit-transition:background 3s ease-in-out;}
.ban2 .lswjs_logo{width:1.8rem; height:0.98rem; position:absolute; top:0.27rem; left:0.3rem; opacity:0}
.ban2 .lswjstit{width:4.73rem; height:0.52rem; position:absolute; top:1.43rem; left:50%; margin-left:-2.36rem; opacity:0}
.ban2 .ban21{width:4.61rem; height:1.1rem; position:absolute; top:2.54rem;left:0.33rem;}
.ban2 .ban22{width:2.86rem; height:0.54rem; position:absolute; top:3.91rem;left:0.4rem;}
.ban2 .lswjs{width:2.8rem; height:0.38rem; position:absolute; top:4.98rem; left:50%; margin-left:-1.4rem; opacity:0}

.flex-active-slide{ opacity:1;}
.flex-active-slide .lswjs_logo{ -webkit-animation:fadeInDown 1.5s ease-in-out backwards;animation:fadeInDown 1.5s ease-in-out backwards; opacity:1}
.flex-active-slide .lswjstit{ -webkit-animation:bounceIn 1.2s ease-in-out 0.2s backwards;animation:bounceIn 1.2s ease-in-out 0.2s backwards; opacity:1}
.flex-active-slide .ban21{ -webkit-animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .ban22{ -webkit-animation:fadeInRight 1.2s ease-in-out 0.4s backwards;animation:fadeInRight 1.2s ease-in-out 0.4s backwards;opacity:1}
.flex-active-slide .lswjs{ -webkit-animation:fadeInUp 1.2s ease-in-out 0.6s backwards;animation:fadeInUp 1.2s ease-in-out 0.6s backwards;opacity:1}

.ban3{ width:6rem; height:7.2rem; background:url(../images/banner3.jpg) no-repeat; background-size:100%; position:relative;}
.ban3 .lswjs_logo{width:1.8rem; height:0.98rem; position:absolute; top:0.27rem; left:0.3rem; opacity:0}
.ban3 .lswjstit{width:4.73rem; height:0.52rem; position:absolute; top:1.43rem; left:50%; margin-left:-2.36rem; opacity:0}
.ban3 .ban31{width:2.42rem; height:0.62rem; position:absolute; top:2.59rem;left:0.2rem; opacity:0}
.ban3 .ban32{width:4.12rem; height:0.47rem; position:absolute; top:3.34rem;left:0.2rem; opacity:0}
.ban3 .ban33{width:3.98rem; height:0.32rem; position:absolute; top:4rem;left:0.2rem; opacity:0}
.ban3 .lswjs{width:2.8rem; height:0.38rem; position:absolute; top:4.98rem; left:50%; margin-left:-1.4rem; opacity:0}

.flex-active-slide .lswjs_logo{ -webkit-animation:fadeInDown 1.5s ease-in-out backwards;animation:fadeInDown 1.5s ease-in-out backwards; opacity:1}
.flex-active-slide .lswjstit{ -webkit-animation:bounceIn 1.2s ease-in-out 0.2s backwards;animation:bounceIn 1.2s ease-in-out 0.2s backwards; opacity:1}
.flex-active-slide .ban31{ -webkit-animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .ban32{ -webkit-animation:fadeInRight 1.2s ease-in-out 0.4s backwards;animation:fadeInRight 1.2s ease-in-out 0.4s backwards;opacity:1}
.flex-active-slide .ban33{ -webkit-animation:fadeInUp 1.2s ease-in-out 0.5s backwards;animation:fadeInUp 1.2s ease-in-out 0.4s backwards;opacity:1}
.flex-active-slide .lswjs{ -webkit-animation:fadeInUp 1.2s ease-in-out 0.6s backwards;animation:fadeInUp 1.2s ease-in-out 0.6s backwards;opacity:1}

.ban4{ width:6rem; height:7.2rem; background:url(../images/banner4.jpg) no-repeat; background-size:100%; position:relative;}
.ban4 .lswjs_logo{width:1.8rem; height:0.98rem; position:absolute; top:0.27rem; left:0.3rem; opacity:0}
.ban4 .lswjstit{width:4.73rem; height:0.52rem; position:absolute; top:1.43rem; left:50%; margin-left:-2.36rem; opacity:0}
.ban4 .ban4tit1{ width:5.36rem; height:0.6rem; position:absolute; top:2.93rem;left:50%; margin-left:-2.68rem; opacity:0}
.ban4 .ban4tit2{ width:2.75rem; height:0.72rem; position:absolute; top:3.53rem;left:50%; margin-left:-1.37rem; opacity:0}
.ban4 .ban4nr{width:3.62rem; height:0.36rem;font-size:0.2rem; color:#fff; line-height:0.36rem; text-align:center; font-weight:bold; box-sizing:border-box; position:absolute; top:4.3rem; left:50%; margin-left:-1.81rem; opacity:0}
.ban4 .ban4nr i{position:absolute; display:block}
.ban4 .ban4nr i:nth-child(1){width:3.62rem;height:1px; background:#6f6766; left:0; top:0}
.ban4 .ban4nr i:nth-child(2){width:3.62rem;height:1px; background:#6f6766; left:0; bottom:0}
.ban4 .ban4nr i:nth-child(3){width:1px;height:0.36rem; background:#6f6766; left:0; top:0}
.ban4 .ban4nr i:nth-child(4){width:1px;height:0.36rem; background:#6f6766; right:0; top:0}
.ban4 .lswjs{width:2.8rem; height:0.38rem; position:absolute; top:4.98rem; left:50%; margin-left:-1.4rem; opacity:0}

.flex-active-slide .lswjs_logo{ -webkit-animation:fadeInDown 1.5s ease-in-out backwards;animation:fadeInDown 1.5s ease-in-out backwards; opacity:1}
.flex-active-slide .lswjstit{ -webkit-animation:bounceIn 1.2s ease-in-out 0.2s backwards;animation:bounceIn 1.2s ease-in-out 0.2s backwards; opacity:1}
.flex-active-slide .ban4tit1{ -webkit-animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .ban4tit2{ -webkit-animation:fadeInRight 1.2s ease-in-out 0.4s backwards;animation:fadeInRight 1.2s ease-in-out 0.4s backwards;opacity:1}
.flex-active-slide .ban4nr{-webkit-animation:bounceIn 0.8s ease-in-out 0.2s backwards;animation:bounceIn 0.8s ease-in-out 0.2s backwards; opacity:1}
.flex-active-slide .ban4nr i:nth-child(1){ -webkit-animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .ban4nr i:nth-child(2){ -webkit-animation:fadeInRight 1.2s ease-in-out 0.3s backwards;animation:fadeInRight 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .ban4nr i:nth-child(3){ -webkit-animation:fadeInDown 1.2s ease-in-out 0.3s backwards;animation:fadeInDown 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .ban4nr i:nth-child(4){ -webkit-animation:fadeInUp 1.2s ease-in-out 0.3s backwards;animation:fadeInUp 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .lswjs{ -webkit-animation:fadeInUp 1.2s ease-in-out 0.6s backwards;animation:fadeInUp 1.2s ease-in-out 0.6s backwards;opacity:1}

.ban5{ width:6rem; height:7.2rem; background:url(../images/banner5.jpg) no-repeat; background-size:100%; position:relative;}
.ban5 .lswjs_logo{width:1.8rem; height:0.98rem; position:absolute; top:0.27rem; left:0.3rem; opacity:0}
.ban5 .lswjstit{width:4.73rem; height:0.52rem; position:absolute; top:1.43rem; left:50%; margin-left:-2.36rem; opacity:0}
.ban5 .lswjsjs{width:3.65rem; height:1.22rem; position:absolute; top:2.59rem; right:0.2rem; opacity:0}
.ban5 .lswjsnr{width:2.49rem; height:0.7rem; position:absolute; top:3.96rem; right:0.43rem; opacity:0}
.ban5 .lswjs{width:2.8rem; height:0.38rem; position:absolute; top:4.98rem; left:50%; margin-left:-1.4rem; opacity:0}

.flex-active-slide .lswjs_logo{ -webkit-animation:fadeInDown 1.5s ease-in-out backwards;animation:fadeInDown 1.5s ease-in-out backwards; opacity:1}
.flex-active-slide .lswjstit{ -webkit-animation:bounceIn 1.2s ease-in-out 0.2s backwards;animation:bounceIn 1.2s ease-in-out 0.2s backwards; opacity:1}
.flex-active-slide .lswjsjs{ -webkit-animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;animation:fadeInLeft 1.2s ease-in-out 0.3s backwards;opacity:1}
.flex-active-slide .lswjsnr{ -webkit-animation:fadeInRight 1.2s ease-in-out 0.4s backwards;animation:fadeInRight 1.2s ease-in-out 0.4s backwards;opacity:1}
.flex-active-slide .lswjs{ -webkit-animation:fadeInUp 1.2s ease-in-out 0.6s backwards;animation:fadeInUp 1.2s ease-in-out 0.6s backwards;opacity:1}
.daoyu{width:6rem; height:3.26rem; margin:0 auto; position:relative; background:url(../images/daoyu_bg.png) no-repeat; background-size:6rem; top:-1.6rem; z-index:6;}
.daoyu .djck{ width:1.26rem; height:1.26rem; border:1px solid #c80203; border-radius:50%;  position:absolute; left:2.37rem; top:0.1rem;}
.daoyu .djck .djck_box{ width:1.09rem; height:0.89rem; background:#c80203; border-radius:50%; text-align: center; padding-top:0.2rem; font-size:0.28rem; color:#fff; margin-left:0.08rem; margin-top:0.08rem;}
.daoyu-left{ width:0.57rem; height:1.39rem; float:left; padding:0 0.17rem; border-right:1px solid #155285;background:url(../images/daoyu_03.png) no-repeat; background-size:0.53rem; margin:1.5rem 0 0 0.33rem;;}
.daoyu p{ display:block; width:4.3rem; font-size:0.2rem; color:#fff; text-indent:2em; line-height:0.3rem; float:right; margin-right:0.2rem; margin-top:1.5rem;}

/*大会盛况*/
.shengkuang{width:100%; height:8.63rem; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:url(../images/tit_bg_two_01.jpg) no-repeat center; background-size:100%; display:block; position:relative;margin-top:-1.6rem;}
.shengkuang li{position:absolute; border:0.03rem #FFFFFF solid;}
.shengkuang li:nth-child(1){background:url(../images/sheng_01.jpg) no-repeat center; width:1.73rem; height:1.18rem; background-size:100%; top:0.45rem; left:1.35rem;}
.shengkuang li:nth-child(2){background:url(../images/sheng_02.jpg) no-repeat center; width:2.36rem; height:1.33rem; background-size:100%; top:0.43rem; left:3.36rem;}
.shengkuang li:nth-child(3){background:url(../images/sheng_03.jpg) no-repeat center; width:1.07rem; height:1.22rem; background-size:100%; top:2.06rem; right:0.22rem;}
.shengkuang li:nth-child(4){background:url(../images/sheng_04.jpg) no-repeat center; width:1.18rem; height:1.55rem; background-size:100%; top:3.61rem; right:0.21rem;}
.shengkuang li:nth-child(5){background:url(../images/sheng_05.gif) no-repeat center; width:2.67rem; height:2.89rem; background-size:100%; top:3.68rem; left:1.68rem;}
.shengkuang li:nth-child(6){background:url(../images/sheng_06.jpg) no-repeat center; width:1.10rem; height:1.50rem; background-size:100%; top:4.41rem; left:0.22rem;}
.shengkuang li:nth-child(7){background:url(../images/sheng_07.jpg) no-repeat center; width:1.77rem; height:1.26rem; background-size:100%; top:6.95rem; left:0.21rem;}
.shengkuang li:nth-child(8){background:url(../images/sheng_08.jpg) no-repeat center; width:1.18rem; height:0.92rem; background-size:100%; top:6.95rem; left:2.41rem;}
.shengkuang li:nth-child(9){background:url(../images/sheng_09.jpg) no-repeat center; width:1.85rem; height:1.16rem; background-size:100%; top:6.95rem; right:0.21rem;}
.shengkuang li:nth-child(10){background:url(../images/sheng_10.jpg) no-repeat center; width:0.94rem; height:0.85rem; background-size:100%;top:5.43rem; right:0.22rem;}
.shengkuang li:nth-child(11){background:url(../images/shengkuang.png) no-repeat center; width:3.31rem; height:1.23rem; background-size:100%; top:2.21rem; left:1.1rem; border:0;}
/*后来居上*/
.jushang{width:100%; height:9.16rem; position: relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:url(../images/tit_bg_two_02.jpg) no-repeat center; background-size:100%; display:block; padding-top:0.9rem;}
.tit{width:100%; margin:0 auto 0;}
.tit h2{text-align:center;}
.tit h2 img{width:2.66rem;text-align:center;}
.tit_two h2 img{width:2.71rem;}
.tit h3{ font-size:0.3rem; color:#fff; text-align:center; margin-top:0.25rem; font-weight:bold;}
.tit h4{font-size:0.12rem; color:#fff; text-align:center;font-weight:normal; text-transform:uppercase;}
.p_size{display:block; width:5.6rem; margin:0.25rem auto 0; text-shadow:0rem 0rem 0.05rem #333; font-size:0.2rem; color:#fff; line-height:0.3rem; text-indent:2em;}
/**/
#play {width:4.98rem;position:relative;margin:.2rem auto 0;}
#play .change_a {width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;background:url(about:blank);}
#play .img_ul { width:100%;box-sizing:border-box; position:relative;z-index:1; margin:0 auto}
#play .img_ul li .img{ position:relative;}
#play .img_ul li .img img{width:4.93rem; border:0.02rem #FFFFFF solid;}
#play .img_ul li .thh{ width:100%; height:0.38rem; bottom: 0; color:#fff;}
#play .img_ul li .thh dd{ width:100%;font-size:0.2rem; line-height:0.38rem; text-align: center;}
#play .img_ul li .thh dd span{font-size:0.35rem ;position: relative; top: 0.07rem;}
.img_hd{width:5.3rem;height:0.62rem; margin:0.08rem auto .38rem; position:relative;}
.img_hd .small_hd{ width:100%;height:0.62rem; overflow:hidden; position:absolute; left:0;}
.img_hd ul {position:absolute;z-index:1;}
.img_hd ul li{float:left;cursor:pointer;overflow:hidden;display:inline;text-align:center; box-sizing:border-box;margin-right:0.03rem;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:0.86rem; height:0.62rem; overflow:hidden;}
.img_hd ul li:nth-child(6){margin-right: 0;}
.img_hd ul li img {width:.82rem;border: 1px solid #ffffff;}
/* .img_hd ul li.on{} */
.img_hd ul li.on img {width:.82rem;border:1px solid #ffffff;}
/* .img_hd .prev_a {left:50%; margin-left:-2.85rem;}
.img_hd .next_a {right:50%; margin-right:-2.85rem;} */
.img_hd span {width:0.4rem;height:0.72rem;display:block;position:absolute;top: -2.36rem;z-index: 10;}
.img_hd .prev_a span {background:url(../images/left.png) no-repeat;left:.22rem;background-size:cover;background-position:center;}
.img_hd .next_a span {background:url(../images/right.png) no-repeat;right:.22rem;background-size:cover;background-position:center;}
.jush_01{width:5.8rem; height:2.2rem; position:relative; left:0.2rem; background:rgba(28, 99, 153, 0.8); top: -2.4rem;}
.jush_con{width:100%; height:4.12rem; position:relative;}
.jush_con .jus_bg{width:5.8rem; height:2.2rem; position:absolute; left:0.2rem; background:rgba(28, 99, 153, 0.8); bottom:0;}
.zx_xq{width:2.53rem; line-height:0.51rem; background:#c90203; margin:0.12rem auto 0; display:block; text-align:center; color:#FFF;}
/*头条*/
.tout{ width:6rem; height:7.26rem;margin:0 auto 0; padding-top:0.48rem; background:url(../images/dhbg_02.jpg) no-repeat; background-size:6rem;}
.tout>p{ display:block; width:5.6rem; margin:0.25rem auto 0; text-shadow:0rem 0rem 0.05rem #333; font-size:0.2rem; color:#fff; line-height:0.3rem; text-indent:2em;}
.tout .tout_box{ width:5.6rem; margin:0.26rem auto 0;}
.tout .tout_box .tout_left{ width:2.54rem; padding:0.24rem 0.2rem; background:rgba(12,105,163,0.7); float:left; border-radius:0.05rem 0 0 0.05rem}
.tout .tout_box .tout_left img{ width:2.52rem; border:0.02rem solid #fff;}
.tout .tout_box .tout_left img:nth-child(1){ margin-bottom:0.1rem;}
.tout .tout_box .tout_right{ width:2.21rem; padding:0.35rem 0.22rem 0.25rem; background:rgba(255,255,255,0.7); float:left;border-radius:0 0.05rem 0.05rem 0}
.tout .tout_box .tout_right h3{ text-align:center; font-weight:normal;}
.tout .tout_box .tout_right h3 font{ padding:0.05rem 0.35rem; background:#c90203; font-size:0.24rem; color:#fff;}
.tout .tout_box .tout_right ul{ width:2.06rem; margin:0.26rem auto 0;}
.tout .tout_box .tout_right ul li{ width:2.06rem;height:0.38rem; border-bottom:1px dotted #757575; line-height:0.38rem;}
.tout .tout_box .tout_right ul li span{ display:block; width:0.23rem; height:0.23rem; border-radius:50%; background:#c90203; font-size:0.2rem; color:#fff; text-align:center; line-height:0.23rem; float:left; margin-top:0.08rem; margin-right:0.1rem;}
.tout .tout_box .tout_right ul li p{ font-size:0.2rem; color:#000; float:left;}
/*合作*/
.hezuo{width:6rem; height:7.55rem;margin:0 auto 0; padding-top:0.5rem; background:url(../images/dhbg_04.jpg) no-repeat; background-size:6rem;}
.hezuo>p{display:block; width:5.6rem; margin:0.2rem auto 0; text-shadow:0rem 0rem 0.05rem #333; font-size:0.2rem; color:#fff; line-height:0.3rem; text-indent:2em;}
/**/
.container{max-width: 5.25rem;margin: 0.26rem auto 0; position:relative;}
.slide img{width: 100%;}
.slide{width: 100%;min-height: 3.4rem;overflow: hidden;position: relative;}
.slide .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;width: 3.39rem;height: 2.35rem; }
.slide .img img{ width:100%; border:0.02rem solid #fff; box-sizing:border-box}
.slide .img p{ display:block;font-size:0.2rem; color:#28a9e1; text-align:center;}
.slide .img p img{ width:0.15rem; height:0.15rem; border:none; margin-right:0.05rem;}
.slide .img1{width: 40%;height: 40%;top: 30%;left: -50%;z-index: 1;}
.slide .img2{width: 3.81rem;height: 2.25rem;top: 11%;left: -20%;z-index: 2;}
.slide .img3{width:3.81rem;height: auto;top: 3%;left: 13%;z-index: 3;}
.slide .img4{width: 3.81rem;height: 2.25rem;top: 11%;left: 60%;z-index: 2;}
.slide .img5{width: 40%;height: 40%;top: 30%;left: 110%;z-index: 1;}
.slide-bt{position: absolute;left: 50%;bottom: 7%;z-index: 10;}
.slide-bt span{width: 0.1rem;height: 0.1rem;border-radius: 100%;background: #000;float: left;margin: 0.05rem 0.1rem;}
.slide .slide-bt .on{background: #b31e3c;}
.lbsj img{width: 0.49rem;height: 0.49rem;}
.lbsj{z-index: 100;}
.lbsj_2{ position: absolute;left: 0rem;top: 1.4rem;}
.lbsj_1{position: absolute;right: 0rem;top: 1.4rem;}
.slide-bt{margin-left: -0.7rem;}
.sqb{width:5.78rem; margin:0px auto 0px;}
.sqb img{width:100%; display:block;}
.zjjy>a{display:block; width:3.02rem; height:0.46rem ; background:#e6c00d; color:#181818; line-height:0.46rem; border-radius:0.23rem; margin:0.25rem auto 0; text-indent:2em; font-size:0.22rem;}
.zjjy>a img{ width:0.47rem; margin-top:0.1rem;}
.hezuo .yuyue{ text-align:center;}
.hezuo .yuyue a{ padding:0.1rem 0.44rem; background:#c90203; text-align:center; color:#fff; border-radius:0.05rem;}
/*访问*/
.fangwen{ width:6rem; height:10.88rem;margin:0 auto 0; padding-top:0.5rem; background:url(../images/dhbg_05.jpg) no-repeat; background-size:6rem;}
.fangwen .tit h3{ color:#012248;}
.fangwen .tit h4{ color:#012248;}
.fangwen>p{ display:block; width:5.2rem;  padding:0.2rem;background:rgba(12,105,163,0.7); color:#fff; text-indent:2em; margin:0.25rem auto 0; border-radius:0.05rem; font-size:0.2rem;}
.fangwen_box{ width:5.6rem;height:4.42rem; margin:0.66rem auto 0; position:relative;}
.fangwen_box ul li img{ width:100%; border:1px solid #fff;}
.fangwen_box ul li:nth-child(1){ width:2.29rem; position:absolute; left:0; top:0;}
.fangwen_box ul li:nth-child(2){ width:1.78rem; position:absolute; left:0; top:1.52rem;}
.fangwen_box ul li:nth-child(3){ width:1.44rem; position:absolute; left:0; top:3rem;}
.fangwen_box ul li:nth-child(4){ width:1.79rem; position:absolute; left:1.62rem; top:3rem;}
.fangwen_box ul li p{ font-size:0.17rem; color:#fff; text-align:center;text-shadow:1px 0 0 #333; margin-top:-0.3rem; line-height:0.2rem;}
.fangwen_box ul li:nth-child(3) p,.fangwen_box ul li:nth-child(4) p{ margin-top:-0.5rem;}
.fangwen>a{ display:block; width:3.44rem; height:0.79rem; background:#c90203;font-size:0.24rem; color:#fff; background:#c90203; text-align:center; margin:0.3rem auto 0; padding-top:0.1rem; border-radius:0.03rem;}

/*  */
.game_time{
    width:1rem;
    height:1rem;
    position:absolute;
    top:35%;
    left:32%;
    text-align:center;
    opacity: .5;
    z-index: 99;
}
/* time scroll*/
.pie {
    width:2rem;
    height:2rem;
    background-color:blue;
    border-radius:1rem;
    position:absolute;
}
.pie1 {
    clip:rect(0rem,2rem,2rem,1rem);
    -o-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    background-color:#fff;
}
.pie2 {
    clip:rect(0rem,1rem,2rem,0rem);
    -o-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    background-color:#fff;
}
.hold {
    width:2rem;
    height:2rem;
    position:absolute;
    z-index:1;
}
.bg {
    width:2rem;
    height:2rem;
    border-radius:2rem;
    position:absolute;
    background-color:#d13c36;
}
.timess{
    width:1.6rem;
    height:1.6rem;
    margin:0.2rem 0 0 0.2rem;
    background-color:#051A49;
    border-radius:1.6rem;
    position:absolute;
    z-index:1;
    text-align:center;
    line-height:1.6rem;
    font-size:0.45rem;
    color: #fff;
    font-weight: 800;
}