﻿.cs_w{width: 65%; margin: auto;}

@media (max-width:1380px) {
    .cs_w{width: 90%!important;}
}
@media (max-width:990px) {
    .cs_w{width: 80%!important;}
}

body{background: #1a60a9 url("../images/back.png") top center no-repeat; background-size: cover; height: auto!important;}
svg{vertical-align: center; position: relative; top: 3px;}

.header{padding: 20px 0; background: #fff; z-index: 999; position: relative; backdrop-filter: blur(9px)}
/*.header .border_r{border-right:2px solid #666}*/
.header .lan a{border: 1px solid #ccc; padding: 0 20px; color: #555; border-radius: 3px;}
.header .lan a:hover{padding: 0 20px; color: #00a94d; background: #00a94d20}
.header .lan a.cur{background: #00a94d;border: 1px solid #00a94d; color: #fff;}
@media (max-width:990px){
    .header .lan a{padding: 0 10px;}
}

.web_main{background: rgba(255, 255, 255, 1); padding: 5%; margin: 90px auto; border-radius: 20px; backdrop-filter: blur(15px); position: relative; z-index: 9}
.web_main:before{content: ""; position: absolute; left: 12px; top: 12px; border-radius: 15px; border: 1px solid rgba(124, 124, 124, 0.2); display: inline-block; width: calc(100% - 24px); height: calc(100% - 24px);}
.web_main h1{text-align: center; padding: 0 0 30px 0; border-bottom: 1px solid #ddd; margin-bottom: 40px;}
.web_main h1,.web_main .con{position: relative; z-index: 9}
.web_main .pic{text-align: center}
.web_main .pic img{max-width: 100%; margin: 20px;}

.back{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; filter: blur(10px); overflow: hidden;}
.back_a,.back_b,.back_c{position: absolute;display: inline-block;filter: blur(60px);border-radius: 50%;}
.back_a{right: -214px;top: 330px;width: 500px;height: 500px;background: linear-gradient(-80deg, rgba(59, 255, 219, 0.5), rgb(76 154 255 / 60%)); animation: co 2s linear infinite;}
.back_b{left: -214px;top: 230px;width: 500px;height: 500px;background: linear-gradient(-80deg, rgba(59, 255, 219, 0.5), rgba(39, 209, 209, 0.6)); animation: co 2s linear infinite;}
.back_c{left: 30%;top: 0;width: 500px;height: 500px;background: linear-gradient(-80deg, rgba(190, 255, 242, 0.5), rgba(255, 242, 201, 0.6)); animation: co2 3s linear infinite;}
@keyframes co{
    0%{opacity: 1; margin-top:0px }
    50%{opacity: 0.2; margin-top:50px }
    100%{opacity: 1; margin-top:0px }
}
@keyframes co2{
    0%{opacity: 1; left: 30%}
    50%{opacity: 0.2; left: 33%}
    100%{opacity: 1; left: 30%}
}

.footer{padding: 10px 0; background: rgb(14, 14, 14); position: relative;}
.footer p,.footer span{color: #555}