body{margin: 0px; padding: 0px;font-family:"微软雅黑"; }
input,textarea,select {outline: 0; padding:0px; margin:0px;font-family:"微软雅黑"; }
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand {display: none;}
h6,h5,h4,h3,h2,h1 {font-weight: normal; margin:0px;}
a{text-decoration: none; }
ul,ol,li{list-style:none; padding:0px; margin:0px;}
i,em,strong{ font-style:normal;}
img{ border:0px;}
p{ margin:0px;}
.clear{ clear:both;}
*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}




.wtop_o{ background:url(../images/t_bjt.png) center center/100% no-repeat;}

.wtop_nk{ width:1200px; margin:0 auto; display:table; padding:25px 0 15px 0;}
.wtop_l{ float:left;}
.wtop_l a.logo{ width:240px; display:block; float:left;}
.wtop_l a.logo img{ width:100%;}
.wtop_l span{ display:block; float:left; margin:12px 0 0 15px; font-size:16px;}
.wtop_l span font{ display:block; font-size:12px; color:#999;}
.wtop_r{ float:right; text-align:right; margin-top:5px;font-size:12px;}
.wtop_r span{ display:block; margin-bottom:7px;}
.wtop_r span a{color:#CB0000; background:url(../images/qzt.png) left center/15px no-repeat; padding-left:19px; margin-left:10px; cursor:pointer;}
.wtop_r span a:last-of-type{ background-image:url(../images/wxt.png);}
.wtop_ss{ border:1px #CB0000 solid; display:inline-block; width:235px; height:30px; border-radius:5px; overflow:hidden; position:relative;}
.wtop_ss input{ height:100%; font-size:13px; float:left; border:0px; width:100%; background:none; padding:10px;}
.wtop_ss input.an_s{ position:absolute; right:0px; top:0px; width:30px; height:100%; cursor:pointer; padding:0px; background:url(../images/ss.png) center center/60% no-repeat;}

.wtop_dh{background: -webkit-linear-gradient(#E61F18, #AB0803); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(#E61F18, #AB0803); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#E61F18, #AB0803); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#E61F18, #AB0803); /* 标准的语法 */}
.tdh_nk{width:1200px; margin:0 auto;}
.tdh_nk li{display:inline-block; font-size:15px; position:relative; }
.tdh_nk li:hover>a{font-weight:bold; color:#FC6;}
.tdh_nk li:hover .tdh_er{display:block;}
.tdh_nk li>a{ color:#fff;padding:0 30px; line-height:50px; display:block;}
.tdh_nk li>a.dh_xz{ color:#FC6; font-weight:bold;}
.tdh_er{ position:absolute; text-align:left; z-index:3;   background: -webkit-linear-gradient(#E61F18, #AB0803); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(#E61F18, #AB0803); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#E61F18, #AB0803); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#E61F18, #AB0803); padding:15px 18px 18px 18px; right:0px;  top:49.5px; word-break:keep-all; border-radius:0 0 5px 5px; min-width:100%; display:none;}
.tdh_er a{ display:block; white-space:nowrap; font-size:13.5px; padding:6px 0; color:#fff; position:relative;}
.tdh_er a:before{content:""; border-bottom:1px #FFA64D solid; width:0%; display:block; position:absolute; bottom:0px; left:0px;transition: all 0.6s;}
.tdh_er a:hover:before{ width:100%;}

.tdh_er:before{ content:""; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom:5px solid #E61F18; position:absolute; top:-5px; right:54px;}

.dlzc_mk{ float:right; font-size:14px;  text-align:right; background:url(../images/yongh.png) #AB0803 15px center/23px no-repeat; padding:0 12px 0 43px;transition: all 0.6s;}
.dlzc_mk a{ color:#fff; line-height:50px; margin:0 8px; position:relative;}
.dlzc_mk a:before{content:""; border-right:1px #fff solid; height:13px; display:block; position:absolute; top:4px; right:-10px; opacity:0.7;}
.dlzc_mk a:last-of-type:before{ display:none;}
.dlzc_mk:hover{ background-color:#730502}

.dlzc_mkto{ font-size:12px;float:right; color:#fff; text-align:right; background:url(../images/yongh.png) #AB0803 15px center/30px no-repeat; padding:8.5px 13px 8.5px 58px; transition: all 0.6s; }
.dlzc_mkto a{ color:#fff; margin-left:7px; opacity:0.7;}
.dlzc_mkto:hover{ background-color:#730502}


.web_jdt{ height:400px;}

.pc_hcen{ background:#F6F6F6; padding:40px 0;}
.hcen_nk{ width:1200px; margin:0 auto;}

.news_tj{ padding:0 0 30px 0;}

.news_tj a{ font-size:18px; font-weight:bold; color:#333; margin-bottom:10px; display:block; background:url(../images/newt.png) left 6px/25px no-repeat; padding-left:35px;}
.news_tj a:hover{ color:#CB0000;}
.news_tj p{ color:#999; font-size:14px; line-height:20px; max-height:40px; overflow:hidden;}

.news_qy{ display:inline-block; width:100%;}
.news_jdt{ border:1px #ddd solid; float:left; width:530px; height:265px; background:#fff;}
.new_pnrk{ padding-left:560px;}

.news_list{ width:100%; display:inline-block; counter-reset:news_t;}
.news_list span{ font-size:18px; font-weight:bold;color:#CB0000; border-bottom:1px #ddd solid; display:block; padding: 5px 0 10px 0; margin-bottom:10px; background:url(../images/csxx.png) left center/27px no-repeat; padding-left:35px;}
.news_list span a{ float:right; color:#999; font-size:13px; margin-top:3px; font-weight:normal;}
.news_list span font{ margin-left:10px; color:#999;font-weight:normal; font-size:14px;}
.news_list a.news_t{ display:block; float:left; width:100%; padding-left:30px; font-size:15px; color:#444; height:35px; line-height:35px; overflow:hidden; position:relative;}
.news_list a.news_t font{ float:right; color:#888;}
.news_list a.news_t h2{ float:left; font-size:15px;}
.news_list a.news_t:before{content: counter(news_t);
		    counter-increment: news_t;
		    display: inline-block; background:#ddd; width:20px; height:20px;
		    color: #444; line-height:20px; border-radius:3px;
		    text-align: center;
		    top:8px;
		    position: absolute;
		    left: 0;
}
.news_list a.news_t:hover{ color:#CB0000;}
.news_list span:hover a{ color:#CB0000;}
.news_list a.news_t:hover:before{ background:#CB0000; color:#fff;}

.pc_hcen2{ width:1200px; margin:0 auto; padding:20px 0; display:table;}
.hcen2_mk{ float:left; margin-right:24px; width:384px; margin-bottom:20px;}
.hcen2_mk:last-of-type,.hcen2_mk:nth-child(3),.hcen2_mk:nth-child(5) { margin-right:0px;}
.hcen2_mk span{ display:block; border-bottom:1px #ddd solid; color:#CB0000; font-weight:bold; padding:10px 0; font-size:18px; margin-bottom:10px; background-position:left center;background-size:27px; background-repeat:no-repeat; padding-left:33px;}
.hcen2_mk span.mjxx{ background-image:url(../images/mjxx.png);}
.hcen2_mk span.xxgs{ background-image:url(../images/xxgs.png);}
.hcen2_mk span.csxm{ background-image:url(../images/csxm.png);}
.hcen2_mk span.csfc{ background-image:url(../images/csfc.png);}
.hcen2_mk span.jzfs{ background-image:url(../images/jzfs.png);}
.hcen2_mk span.yqlj{ background-image:url(../images/yqlj.png);}
.hcen2_mk span a{ float:right; font-size:13px; margin-top:5px; color:#999; font-weight:normal;}
.hcen2_mk span font{margin-left:10px; color:#999;font-weight:normal; font-size:14px;} 

.hcen2_mk a.news_t{ display:block; position:relative; font-size:14px; color:#444; height:30px; line-height:30px; overflow:hidden; padding-left:15px;}
.hcen2_mk a.news_t:before{content:""; width:6px; background:#656565; height:6px; display:block; position:absolute; top:12px; left:0px;}
.hcen2_mk a.news_t:hover{ color:#CB0000;}
.hcen2_mk span:hover a{ color:#CB0000;}
.hcen2_mk a.news_t:hover:before{ background:#CB0000;}

.wk_to{ width:685px; margin-right:45px;}
.wk_to video{ width:330px; margin-right:20px; margin-top:5px; height:200px; background:#333;}
.wk_to video:last-of-type{ margin-right:0px;}
.wk_th{ width:470px;}
.wk_th p{ border-bottom:1px #ccc dotted; font-size:14px; padding:10.5px 0; color:#666;}
.wk_th p:hover{ font-weight:bold; color:#CB0000}
.wk_fo{ width:100%;}

.links_nk{ display:inline-block; width:102%;}
.links_nk a{ display:block; float:left; text-align:center; margin-right:18px; margin-top:10px; width:185px;}
.links_nk a i{ border:1px #eee solid; display:block; width:100%; height:110px;}
.links_nk a i img{ max-width:100%; max-height:110px;}
.links_nk a p{ font-size:13px; color:#777; margin-top:8px;}
.links_nk a:hover p{ color:#333; font-weight:bold;}
.links_nk a:hover i{ border-color:#ccc;}


.pc_bottom{background: -webkit-linear-gradient(#AB0803, #E61F18); /* Safari 5.1 - 6.0 */
  	background: -o-linear-gradient(#AB0803, #E61F18); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(#AB0803, #E61F18); /* Firefox 3.6 - 15 */
  	background: linear-gradient(#AB0803, #E61F18); }
.bottom_nk{ width:1200px; margin:0 auto; color:#fff; padding:35px 0 35px 140px; font-size:14px; background:url(../images/logo2.png) left center/110px no-repeat;}
.bottom_nk span{ display:block; margin-bottom:15px; opacity:0.95; }
.bottom_nk span a{ color:#fff; position:relative; margin-right:30px;}
.bottom_nk span a:before{content:""; border-right:1px #fff solid; height:13px; display:block; position:absolute; top:4px; right:-18px;}
.bottom_nk span a:last-of-type:before{ display:none;}
.bottom_nk p{ line-height:22px; font-size:13px;opacity:0.6;}

.pc_ntimg{ height:235px; background:url(../images/tu2.jpg) center center/auto 100% no-repeat;}

.pc_nylist{ width:1200px; margin:20px auto; display:table;}
.nylist_l{ width:300px; float:left;}

.left_dh{ border:1px #ddd solid; padding:20px 20px 15px 20px; background:#f9f9f9; margin-bottom:15px;}
.left_dh span{ display:block; font-size:18px; font-weight:bold; margin-bottom:13px;}
.left_dh a{ display:block; border:1px #ccc dotted; color:#666; background:#fff; border-radius:5px; font-size:14px; height:33px; line-height:33px; padding:0 10px; margin-bottom:10px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.left_dh a:hover{ color:#CB0000;border-color:#CB0000;}
.left_dh a.dh_xz{ background:#CB0000; color:#fff; border-color:#CB0000;}
.left_gx{border:1px #ddd solid; padding:10px 20px 15px 20px; color:#666; display:inline-block; width:100%; background:#f9f9f9;font-size:13px;}
.left_gx span{ display:block; border-bottom:1px #ccc dotted; padding:10px 0;}
.left_gx span:last-of-type{ border:0px;}
.left_gx span img{ float:left; width:90px; margin-right:10px;}
.left_gx span.masked p{line-height:20px; margin-top:13px;}
.nylist_r{ padding:20px; width:880px; float:right; min-height:580px;}
.nylist_r2{ padding:30px 40px;}
/*.nylist_r{ background:#f9f9f9; padding:25px 30px; width:880px; float:right;}*/
.list_bil{ font-size:18px; border-bottom:1px #ddd solid; padding-bottom:10px; font-weight:bold;}
.list_bil span{ float:right; font-weight:normal; font-size:13px; margin-top:5px; color:#999; background:url(../images/wz.png) left center/16px no-repeat; padding-left:22px;}
.list_bil span a{color:#666; }
.list_bil span a:hover{ color:#CB0000;}
.list_bil>a{color:#333;}

.ny_limk{ margin-top:10px;}
.ny_limk a{ display:block; font-size:14px; color:#444; padding-left:15px; border-bottom:1px #ccc dotted; height:44px; line-height:44px; position:relative; overflow:hidden;}
.ny_limk a:last-of-type{ border:0px;}
.ny_limk a:hover{ color:#CB0000; font-weight:bold; background:url(../images/dian.png) right center/22px no-repeat;}
.ny_limk a:before{content:""; width:4px; height:4px; background:#666; border-radius:50px; display:block; position:absolute; top:20px; left:0px;}

.list_xx>span{ display:block; padding:10px 0px; margin-top:20px; font-size:24px; border-bottom:1px #ccc dotted; background:url(../images/newt.png) left 14px/22px no-repeat; padding-left:35px;}
.list_bjq{ padding:20px 0;}
.list_bjq img{ max-width:100%;}

.grzx_l{ line-height:50px; color:#fff; font-size:16px; float:left; margin-right:25px; opacity:0.6;}
.grzx_nl a{ font-size:12px; cursor:pointer;}
.grzx_nl a:first-of-type{ background:#CB0000; color:#fff; border:0px;}
.jbxx_in{ display:inline-block; width:100%; margin-top:15px;}
.jbxx_in span{ display:block; float:left; width:48%; margin-bottom:15px; position:relative;}
.jbxx_in span:nth-child(even){ float:right;}
.jbxx_in span i{ display:block; font-size:14px; margin-bottom:5px; color:#333; }
.jbxx_in span i a{color:#09F; position:absolute; right:6px; background:#fff; bottom:5px; border-radius:3px; cursor:pointer; font-size:12px; border:1px #09F solid; padding:3px 10px; }
.jbxx_in span input{ border:1px #ddd solid; width:100%; height:35px; padding:0 8px; border-radius:5px;}
.jbxx_in span input:focus{ border-color:#CB0000;}
.jbxx_in span input.yzm{ width:30%; text-align:center; font-weight:bold;}
.sjtj_an{ padding:9px 15px; border-radius:3px; border:0px; color:#fff; background:#CB0000; cursor:pointer;}
.jbxx_text{ font-size:12px; border:1px #CB0000 dotted; color:#CB0000; padding:8px 10px 8px 30px; border-radius:3px; margin:10px 0; background:url(../images/tanh.png) 10px center/15px no-repeat;}

.text_ri{ border:1px #ddd solid; float:right; width:40%;}
.jbxx_in2 span{ width:100%;}
.jbxx_in2 { padding-right:52%;}
.jbxx_in2 img{ position:absolute; right:1px; bottom:1px; cursor:pointer; height:33px; border-radius:0 5px 5px 0;}

.rh_lr{ display:inline-block; width:100%; height:32px; }

.qx_fxk>input{ display:none;}
.qx_fxk>label{ display:block; margin-top:6px; font-weight:bold; background:url(../images/input_g2.png) left 2px no-repeat;cursor:pointer; padding-left:23px; float:left; font-size:14px; margin-right:10px; color:#444;}
.qx_fxk>input:checked + label{ background:url(../images/input_g.png) left 2px no-repeat;}

.qzxx_nl{ background:#fff; border-radius:3px; padding:10px 15px; margin-top:15px; border:1px #ddd solid; font-size:12px;}
.qzxx_nl h2{ font-size:12px; border-bottom:1px #ddd solid; padding-bottom:10px; color:#CB0000; margin-bottom:10px;}
.qzxx_nl h2 a{ float:right; cursor:pointer;}
.qzxx_nl span{ display:block; padding:5px 0; min-height:26px;}
.qzxx_nl span i{ display:block; float:left; width:150px; font-weight:bold; text-align:right;}
.qzxx_nl span em{ padding-left:155px; display:block; color:#666;}
.qzxx_nl:hover{ border:1px #CB0000 solid;}
.qzxx_nl:hover h2{ font-weight:bold;} 

.pc_null{ background:#f9f9f9; text-align:center; color:#666; padding:50px 0; background:#eee; border-radius:5px; margin-top:15px; font-size:12px;}



.admin_bgall3{ border:1px #DADFED solid;border-collapse:collapse; width:100%; font-size:12px;}
.admin_bgall3 tr{border:1px #DADFED solid;}
.admin_bgall3 tr td{ padding: 8px 10px; border-right:1px #DADFED solid;}
.admin_bgall3 tr td:nth-child(odd){ background:#f9f9f9; text-align:center; font-weight:bold; color:#262830;}
.admin_bgall3 select{padding:3px 20px 3px 10px; margin-right:5px; border:1px #ccc solid; background:url(../images/xl_rimg.png) right center/15px no-repeat; font-size:12px; cursor:pointer;}
.admin_bgall3 input{ width:100%; border:0px;}
.admin_bgall3 .qx_fxk>label{ font-weight:normal; margin-top:0px; font-size:12px;background-position:left top;}
.admin_bgall3 .qx_fxk>input:checked + label{background-position:left top;}
.admin_bgall3 textarea{ border:1px #eee solid; width:100%; height:100px; padding:10px; resize:none; font-size:12px;}

.tc_all{ padding:20px;}
.tc_all>p{ border:1px #F90 dotted; padding:8px 10px; color:#F90; margin-bottom:10px; font-size:12px;}
.tc_all .web_an{ float:right; padding: 7px 15px;border-radius: 3px;border: 0px;background:#CB0000;color: #fff;cursor: pointer;margin-top: 15px;}
.tc_tzck h2{ font-size:16px;}
.tc_tzck p{ color:#999; font-size:12px; margin-top:5px;}
.bjq_zs{ border-top:1px #ddd solid; margin-top:10px; padding:10px 0;}
.bjq_zs img{ max-width:100%;}

.zcdl_bj{ background:url(../images/zcim.png) top right/100% no-repeat; min-height:580px; padding:30px 40px;}


.qiuzhu_an a{ float:right; background:#CB0000; color:#fff; padding:8px 15px; font-weight:bold; cursor:pointer; border-radius:3px;}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    .masked{
        background-image: -webkit-linear-gradient(left, #E61F18, #AB0803 25%, #F90 50%, #F90 75%, #E61F18);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 4s infinite linear;
    }
}
@-webkit-keyframes masked-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}

/* TOP滚动触摸 */
.main_visual{height:100%;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li a{display:block;width:100%;height:100%;background-position: center center;background-size:100% 100%;background-repeat:no-repeat; }

.flicking_con{ color:#fff;position:absolute; border-radius:5px;  bottom:10px;right:0px;z-index:2;width:100%; text-align:center; }
.flicking_con p{ border-bottom:1px #999 solid; line-height:2.2em; margin-bottom:5px; display:none;}
.flicking_con p.on1{ display:block;}
.flicking_con a{ display:inline-block; width:8px; height:8px; border-radius:50%; background:#fff; margin-left:5px;}
.flicking_con a.on{ background:#CB0000;}



/* TOP */
.side{position:fixed;width:54px;height:275px;right:0;top:200px;z-index:9; border-radius:5px 0 0 5px;}
.side ul li{width:54px;height:54px;float:left;position:relative;}
.side ul li a{ cursor:pointer;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;border-radius:5px 0 0 5px;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li a.gfwx>img{ position:absolute; right:60px; top:0px; width:0px; opacity:0; border:3px #CB0000 solid;transition:all 0.6s;}
.side ul li a.gfwx:hover>img{ opacity:1;width:108px;}
@media screen and (max-width: 1400px) { 


} 


.web_page{ padding:10px 0; text-align:right; margin-top:20px;}
.web_page div span,.web_page div a{display:inline-block;  padding:5px 10px; margin-left:8px; }
.current{ border:1px #CB0000 solid; color:#CB0000; font-weight:bold;}
.next,.prev{ border:1px #ddd solid; color:#ccc;}
.num{ border:1px #ccc solid; color:#999;}
.first,.end{ background:#333; color:#FFF;}


/* 首页HOME动画 */
.bot_mk{ background:url(../images/sc_bot.png) center bottom/100% 100% no-repeat; height:150px; position:absolute; bottom:0px; width:100%; z-index:2;}
.left_mk{ background:url(../images/sc_l.png) center bottom/100% no-repeat; width:320px; height:320px; position:absolute; left:60px; bottom:108px; z-index:3;}
.right_mk{ background:url(../images/sc_r.png) center bottom/100% no-repeat; width:320px; height:420px; position:absolute; right:70px; bottom:50px;}

.cen_mk{ width:40%; height:300px; position:absolute; left:50%; top:22vh; margin-left:-20%;}
.cen_mk i{ position:absolute; display:block; }
.cen_mk i img{ width:100%;}
.cen_mk i.w{ width:16%;left:4%;}
.cen_mk i.j{ width:25%; left:23%; top:-4%;}
.cen_mk i.c{ width:21%; left:49%;top:-14%;}
.cen_mk i.s{ width:23%; left:72%;top:-14%;}
.cen_mk em{ position:absolute; width:13%;left:33%; top:14vh;}
.cen_mk em img{ width:100%;}
.cen_mk p{ position:absolute; width:70%;left:27%; top:21vh;}
.cen_mk p img{ width:100%;}
.cen_mk span{ position:absolute; display:block;}
.cen_mk span img{ width:100%;}
.cen_mk span.gsc1{ left:10%; top:21%; width:100px;}
.cen_mk span.gsc2{ left:20%; top:-27%; width:300px;}

.come_in{ background:#F52109; color:#fff; font-weight:bold; display:block; line-height:38px; width:160px; text-align:center; font-size:18px; border-radius:50px; position:absolute; bottom:20%; left:50%; margin-left:-80px; z-index:3;}


.bg-bubbles{ position:absolute; width:100%; height:130vh; top:0px; left:0px;}
.bg-bubbles li {
    position: absolute;
    list-style: none;
    display: block;
    width: 40px;
    height: 40px;
	transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    background-color: red;
    bottom: 0px;
    -webkit-animation: square 25s infinite;
    animation: square 25s infinite;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
	opacity:0.1;
}

.bg-bubbles li:before,.bg-bubbles li:after { 
    position: absolute; 
    display: block; 
    content: ''; 
    width: 40px; 
    height: 40px; 
    border-radius: 100%; 
    background-color: red
}

	
.bg-bubbles li:before { 
    left: -50%; 
    top: 0; 
} 
.bg-bubbles li:after { 
    right: 0; 
    top: -50%; 
} 
	
.bg-bubbles li:nth-child(1) {
	left: 10%
}

.bg-bubbles li:nth-child(2) {
	left: 20%;
	width: 40px;
	height: 40px;
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
	-webkit-animation-duration: 17s;
	animation-duration: 17s
}

.bg-bubbles li:nth-child(3) {
	left: 25%;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms
}

.bg-bubbles li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
}

.bg-bubbles li:nth-child(5) {
	left: 70%
}

.bg-bubbles li:nth-child(6) {
	left: 80%;
	width: 50px;
	height: 50px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.bg-bubbles li:nth-child(7) {
	left: 32%;
	width: 45px;
	height: 45px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s
}

.bg-bubbles li:nth-child(8) {
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s
}

.bg-bubbles li:nth-child(9) {
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
}

.bg-bubbles li:nth-child(10) {
	left: 90%;
	width: 35px;
	height: 35px;
	-webkit-animation-delay: 11s;
	animation-delay: 11s
}


.bg-bubbles li:nth-child(10):before,.bg-bubbles li:nth-child(10):after{ width:35px; height:35px;}
.bg-bubbles li:nth-child(9):before,.bg-bubbles li:nth-child(9):after{ width:10px; height:10px;}
.bg-bubbles li:nth-child(8):before,.bg-bubbles li:nth-child(8):after{ width:20px; height:20px;}
.bg-bubbles li:nth-child(7):before,.bg-bubbles li:nth-child(7):after{ width:45px; height:45px;}
.bg-bubbles li:nth-child(6):before,.bg-bubbles li:nth-child(6):after{ width:50px; height:50px;}
.bg-bubbles li:nth-child(4):before,.bg-bubbles li:nth-child(4):after{ width:60px; height:60px;}
.bg-bubbles li:nth-child(2):before,.bg-bubbles li:nth-child(2):after{ width:40px; height:40px;}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
		
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(60deg);
		transform: translateY(-700px) rotate(60deg)
	}

}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(60deg);
		transform: translateY(-700px) rotate(60deg)
	}

} 


@media screen and (min-width: 1910px) { 

}