@charset "utf-8";body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}body{font:12px/14px "微软雅黑","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;line-height:25px}
a{color:#333;text-decoration:none}
ul,li{list-style:none;margin:0;padding:0}
img{border:0;vertical-align:middle}
body,html{width:100%;height:100%;overflow:hidden; background:#000;}

.main{width:100%;height:100%;overflow:hidden; position:relative;}
#bjyy{ position:fixed;z-index:8;right:15px;top:20px;}

/***************loading*****************/
#spinner{ position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:998; background:#000;}
.load{ position:absolute; height:26px; width:80%; font-size:16px; line-height:26px; top:44%; color:#FFF; z-index:50; left:40%; padding:0px; overflow:hidden;}
.load span{ display:block; float:left;}
#circleG{ float:left; width:40px; margin-top:14px;}

/*小动画*/

#circleG{width:29.166666666666668px;}
.circleG{background-color:#FFFFFF;float:left;height:4px;margin-left:5px;width:4px;-webkit-animation-name:bounce_circleG;-webkit-animation-duration:1.35s;
-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;-webkit-border-radius:4px;animation-name:bounce_circleG;animation-duration:1.35s;
animation-iteration-count:infinite;animation-direction:linear;border-radius:4px;}
#circleG_1{-webkit-animation-delay:0.27s;animation-delay:0.27s;}
#circleG_2{-webkit-animation-delay:0.63s;-o-animation-delay:0.63s;animation-delay:0.63s;}
#circleG_3{-webkit-animation-delay:0.8099999999999999s;animation-delay:0.8099999999999999s;}
@-moz-keyframes bounce_circleG{	0%{} 50%{background-color:#000000} 100%{} }
@-webkit-keyframes bounce_circleG{	0%{} 50%{background-color:#000000} 100%{}   }
@-ms-keyframes bounce_circleG{	0%{} 50%{background-color:#000000}	100%{}   }
@-o-keyframes bounce_circleG{0%{} 50%{background-color:#000000}	100%{}  }
@keyframes bounce_circleG{0%{} 50%{background-color:#000000} 100%{}  }

/*小动画*/

/*********loading*********/	

@keyframes opcity{0%{opacity:0;transition:all 0.3s linear;}	100%{opacity:1;}}
@-webkit-keyframes opcity{0%{ -webkit-opacity:0;-webkit-transition:all 0.3s linear;} 100%{ -webkit-opacity:1;}}

.main{width:100%;height:100%;overflow:hidden;position:relative;}
.main img{ display: block; width: 100%;}
.swiper-slide{ width:100%;height:100%;float:left;position:relative; overflow:hidden;}
animation-duration: 2s; animation-delay: 0.1s; animation-iteration-count: infinite; animation-direction: normal;
}
.swiper_reuu .main1-c2{ position:absolute; width:100%; height:84%;}
.swiper_reuu .main1-11{ position:absolute; left:20px; width:100%; height:47%;}
.swiper_reuu .main1-2{ position:absolute; width:100%; height:70%;}

@keyframes moveleft{0%{ transform:translateX(-100%);opacity:0;}	100%{ transform:translateX(0%);opacity:1;}	}
@-webkit-keyframes moveleft{0%{ -webkit-transform:translateX(-100%);-webkit-opacity:0;}	100%{ -webkit-transform:translateX(0%);-webkit-opacity:1;}}
@keyframes moveright{0%{ transform:translateX(100%);opacity:0;}	100%{ transform:translateX(0%);opacity:1;}}
@-webkit-keyframes moveright{0%{ -webkit-transform:translateX(100%);-webkit-opacity:0;}	100%{ -webkit-transform:translateX(0%);-webkit-opacity:1;}}
@keyframes movetop{0%{ transform:translateY(-100%);opacity:0;} 100%{ transform:translateY(0%);opacity:1;}}
@-webkit-keyframes movetop{0%{ -webkit-transform:translateY(-100%);-webkit-opacity:0;} 100%{ -webkit-transform:translateY(0%);-webkit-opacity:1;}}
@keyframes movebottom{0%{ transform:translateY(100%);opacity:0;} 100%{ transform:translateY(0%);opacity:1;}	}
@-webkit-keyframes movebottom{0%{ -webkit-transform:translateY(100%);-webkit-opacity:0;} 100%{ -webkit-transform:translateY(0%);-webkit-opacity:1;}	}
.swiper_reuu .moveright{ animation:moveright 1s linear;-webkit-animation:moveright 1s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.swiper_reuu .moveleft{ animation:moveleft 1s linear;-webkit-animation:moveleft 1s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.swiper_reuu .movetop{animation:movetop 1s linear;-webkit-animation:movetop 1s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
.swiper_reuu .movebottom{animation:movebottom 1s linear;-webkit-animation:movebottom 1s linear;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
/**背景图片**/
.forum_a1{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_01.jpg) repeat-y center center; background-size:100% auto;}
.forum_a2{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a3{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a4{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a5{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a5s{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a6{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a7{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a8{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a9{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a10{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a11{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a12{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a13{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
.forum_a14{ background:url(http://img.sctx.com/public/m/h520180913app/images/bg_02.jpg) repeat-y center center; background-size:100% auto;}
/**背景图片上文字**/
.main .forum_a1 .main1-c{ width: 50%; margin: 0 auto; padding-top: 3rem;}
.main .forum_a1 .main1-c1{ width:70%; margin: 0 auto; padding-top:.35rem;}
.main .forum_a1 .main1-c2{width:55%; margin: 0 auto; padding-top:.35rem;}
.main .forum_a1 .main1-c3{width:35%; margin: 0 auto; padding-top:.3rem;}
.main .forum_a2 .main1-d1{width:35%; margin: 0 auto; padding-top:1.5rem;}
.main .forum_a2 .main1-d2{width:43%; margin: 0 auto; padding-top:.6rem;}
.main .forum_a2 .main1-d3{width:80%; margin: 0 auto; padding-top:.3rem;}
.main .forum_a2 .main1-d4{width:80%; margin: 0 auto; padding-top:1rem;}
.main .forum_a3 .main1-e1{width:45%; margin: 0 auto; padding-top:1rem;}
.main .forum_a3 .main1-e2{width:85%; margin: 0 auto; padding-top:.6rem;}
.main .forum_a4 .main1-f1{width:85%; margin: 0 auto; padding-top:1.5rem;}
.main .forum_a5 .main1-g1{width:85%; margin: 0 auto; padding-top:1.5rem;}
.main .forum_a5s .main1-g2{width:85%; margin: 0 auto; padding-top:1.5rem;}
.main .forum_a6 .main1-h1{width:70%; margin: 0 auto; padding-top:1.5rem;}
.main .forum_a7 .main1-h1{width:70%; margin: 0 auto; padding-top:1rem;}
.main .forum_a6 .main1-h2{width:80%; margin: 0 auto; padding-top:1rem;}
.main .forum_a6 .main1-h3{width:80%; margin: 0 auto; padding-top:.5rem;}
.main .forum_a6 .main1-h4{width:80%; margin: 0 auto; padding-top:.5rem;}
.main .forum_a7 .main1-i2{width:80%; margin: 0 auto; padding-top:1rem;}
.main .forum_a7 .main1-i3{width:80%; margin: 0 auto; padding-top:.5rem;}
.main .forum_a7 .main1-i4{width:80%; margin: 0 auto; padding-top:.5rem;}

.main .forum_a8 .main1-j1{width:70%; margin: 0 auto; padding-top:1rem;}
.main .forum_a8 .main1-j2{width:80%; margin: 0 auto; padding-top:.5rem;}
.main .forum_a8 .main1-j3{width:75%; margin: 0 auto; padding-top:.2rem;}
.main .forum_a8 .main1-j4{width:75%; margin: 0 auto; padding-top:.3rem;}

.main .forum_a9 .main1-k1{width:70%; margin: 0 auto; padding-top:1rem;}
.main .forum_a9 .main1-k2{width:80%; margin: 0 auto; padding-top:.7rem;}
.main .forum_a9 .main1-k3{width:95%; margin: 0 auto; padding-top:.8rem;}

.main .forum_a10 .main1-l1{width:70%; margin: 0 auto; padding-top:1rem;}
.main .forum_a10 .main1-l2{padding-top:1.7rem;}
.main .forum_a10 .main1-l2 img{ width:55%; margin-left: 15%;}
.main .forum_a10 .main1-l3{padding-top:.6rem;}
.main .forum_a10 .main1-l3 img{ width:50%; margin-left: 15%;}
.main .forum_a10 .main1-l4{padding-top:.6rem;}
.main .forum_a10 .main1-l4 img{ width:52%; margin-left: 15%;}
.main .forum_a10 .main1-l5{padding-top:.6rem;}
.main .forum_a10 .main1-l5 img{ width:80%; margin-left: 15%;}
.main .forum_a11 .main1-m1{width:70%; margin: 0 auto; padding-top:1rem;}
.main .forum_a11 .main1-m2{width:85%; margin: 0 auto; padding-top:.8rem;}
.main .forum_a11 .main1-m3{width:85%; margin: 0 auto; padding-top:.3rem;}
.main .forum_a11 .main1-m4{width:85%; margin: 0 auto; padding-top:.3rem;}

.main .forum_a12 .main1-n1{width:70%; margin: 0 auto; padding-top:1rem;}
.main .forum_a12 .main1-n2{width:85%; margin: 0 auto; padding-top:.8rem;}
.main .forum_a12 .main1-n3{width:85%; margin: 0 auto; padding-top:.3rem;}
.main .forum_a12 .main1-n4{width:85%; margin: 0 auto; padding-top:.3rem;}


.main .forum_a13 .main1-o1{ width: 47%; margin: 0 auto; padding-top:2rem;}
.main .forum_a13 .main1-o2{ width:55%; margin: 0 auto; padding-top:.35rem;}
.main .forum_a13 .main1-o3{width:70%; margin: 0 auto; padding-top:.35rem;}
.main .forum_a13 .main1-o4{width:35%; margin: 0 auto; padding-top:.8rem;}
.main .forum_a13 .main1-o5{width:60%; margin: 0 auto; padding-top:.8rem;}

.main .forum_a14 .main1-s2{width: 70%;margin: 0 auto;padding-top: 1.5rem}

.fBtm_dh{animation:jiantou 2s ease 1s infinite;-webkit-animation:jiantou 2s ease 1s infinite}
.for_aBtm{ position:absolute;top:11rem; left:50%; margin-left:-10px;}

.n3_dh{animation:shan 1s ease infinite;-webkit-animation:shan 1s ease infinite}
@keyframes anli{0%{top:-200px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}100%{top:0px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}}
@-webkit-keyframes anli{0%{top:-200px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}100%{top:0px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}}
@keyframes jiantou{0%{top:11.5rem;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)} 80%{bottom:10%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}100%{bottom:10%;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}}
@-webkit-keyframes jiantou{0%{bottom:0px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)} 80%{bottom:5%;opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}100%{bottom:10%;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}}
@keyframes danchu{0%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}100%{opacity:1;-moz-opacity:;filter:alpha(opacity=100)}}
@-webkit-keyframes danchu{0%{opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}100%{opacity:1;-moz-opacity:;filter:alpha(opacity=100)}}
@keyframes fangda{from{width:0;height:0}to{width:100%;height:auto}}
@-webkit-keyframes fangda{from{width:0;height:0}to{width:100%;height:auto}}
@keyframes flyDown{0%{top:-200px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}100%{top:0px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}}
@-webkit-keyframes flyDown{0%{top:-200px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}100%{top:0px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}}
@keyframes flyUp{0%{top:200px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}100%{top:0px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}}
@-webkit-keyframes flyUp{0%{top:200px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}100%{top:0px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}}
@keyframes flyLeft{0%{right:-200px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}100%{right:0px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}}
@-webkit-keyframes flyLeft{0%{right:-200px;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}100%{right:0px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}}
@keyframes shan{0%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}55%{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30)}60%{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30)}100%{opacity:1;-moz-opacity:;filter:alpha(opacity=100)}}
@-webkit-keyframes shan{0%{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}55%{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30)}60%{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30)}100%{40px;opacity:1;-moz-opacity:;filter:alpha(opacity=100)}}


/*文字闪动*/
@keyframes blink{
  0%{opacity: 1;}
  50%{opacity: 0.7;}
  50.01%{opacity: 0.4;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

/* 添加兼容性前缀 */

@-webkit-keyframes blink {
     0%{opacity: 1;}
  50%{opacity: 0.7;}
  50.01%{opacity: 0.4;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

@-moz-keyframes blink {
    0%{opacity: 1;}
  50%{opacity: 0.7;}
  50.01%{opacity: 0.4;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

@-ms-keyframes blink {
    0%{opacity: 1;}
  50%{opacity: 0.7;}
  50.01%{opacity: 0.4;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

@-o-keyframes blink {
     0%{opacity: 1;}
  50%{opacity: 0.7;}
  50.01%{opacity: 0.4;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;} 
}

/* 定义blink类*/
.blink{ position: absolute; bottom:30px; left:37%;
    animation: blink .95s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink .95s linear infinite;
    -moz-animation: blink .95s linear infinite;
    -ms-animation: blink .95s linear infinite;
    -o-animation: blink .95s linear infinite; color: #4dccfb;
}


.gug_po{ padding-top:5%;}
.video_con{ width:100%; height: 5rem;}
.gug_poBox{ width: 95%; margin: 0 auto; box-sizing: border-box; font-size: 12px; color: #291710}

.for_font{ text-align: center; color:#e3cfb3; position: absolute; top:11.5rem; left: 0; width: 100%;}
.for_font p{ text-align:center; width: 100%; font-size: .3rem;}