/*web_main*/
html,body{height: auto!important;}
.web_main{width: 90%; min-height: 80%; padding: 70px 70px 150px; background: #fff; border-radius: 10px; margin:80px auto 0 auto; position: relative; text-align: center; z-index: 99; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.web_main .pic img{max-width: 100%;}

.tips{position: relative; z-index: 99999; margin: 0 0 30px;}
.tips p{ padding: 2px 15px; background: #fff; display: inline-block; border-radius: 0 0 9px 9px; margin: 0 10%; border: 1px solid #ddd; border-top: none}

.main_con{position: relative; z-index: 9}
.web_main h1{text-align: center; font-weight: bold!important; color: #000; font-size: 4.2rem}
.web_main h2{background: #029545; color: #fff; padding: 10px 40px; margin-top: 60px; display: inline-block; position: relative; border-radius: 6px;}

.web_main h3{background: #f2f2f2; border-radius: 6px; padding: 5px 30px; display: inline-block; color: #222; margin-top: 10px; font-size: 1.8rem; position: relative}
.web_main h3 span{border-top: 1px solid #ddd; font-size: 14px; padding-top: 5px; margin-top: 5px;}
.web_main p{color: #222}

.footer{padding: 50px 0; color: #555; font-size: 1.4rem}

.ba{content: ""; width: 0; height: 0; display: block; position: fixed; z-index: 3}
.a{animation: autoa 5s infinite linear; border: 250px solid transparent; border-top: 250px solid #1e2b61; border-left: 250px solid #1e2b61; left: -50px; top: -50px;}
.b{animation: autob 5s infinite linear;  border: 330px solid transparent; border-top: 330px solid #13a14c; border-left: 330px solid #13a14c; left: -50px; top: -50px; z-index: 1}
.c{animation: autoc 5s infinite linear; border: 250px solid transparent; border-bottom: 250px solid #1e2b61; border-right: 250px solid #1e2b61; right: -50px; bottom: -50px;}
.d{animation: autod 5s infinite linear; border: 330px solid transparent; border-bottom: 330px solid #13a14c; border-right: 330px solid #13a14c; right: -50px; bottom: -50px; z-index: 1}
@keyframes autoa {
    0% {border-left-color: #1e2b61;border-top-color: #1e2b61;}
    50% {border-left-color: #3d55ba;border-top-color: #3d55ba;}
    100% {border-left-color: #1e2b61;border-top-color: #1e2b61;}
}
@keyframes autoc {
    0% {border-right-color: #1e2b61;border-bottom-color: #1e2b61;}
    50% {border-right-color: #3d55ba;border-bottom-color: #3d55ba;}
    100% {border-right-color: #1e2b61;border-bottom-color: #1e2b61;}
}
@keyframes autob {
    0% {border-left-color: #13a14c;border-top-color: #13a14c;}
    50% {border-left-color: #1bb8a6;border-top-color: #77c726;}
    100% {border-left-color: #13a14c;border-top-color: #13a14c;}
}
@keyframes autod {
    0% {border-right-color: #13a14c;border-bottom-color: #13a14c;}
    50% {border-right-color: #77c726;border-bottom-color: #1bb8a6;}
    100% {border-right-color: #13a14c;border-bottom-color: #13a14c;}
}

/*logo*/
.logo{width: 100%; height: 115px; text-align: left;}


@media (max-width:1380px) {

}
@media (min-width:990px) {
    /*.web_main h2:before,.web_main h2:after{content: ""; width: 0; height: 0; display: block; border: 29px solid transparent; border-left: 20px solid #fff; position: absolute; left: 0; top: 0}*/
    /*.web_main h2:after{border: 29px solid transparent!important; border-right: 20px solid #fff!important; position: absolute; right: 0!important; left: auto}*/
    /*.web_main h3:before,.web_main h3:after{content: ""; width: 0; height: 0; display: block; border: 22px solid transparent; border-left: 15px solid #fff; position: absolute; left: 0; top: 0}*/
    /*.web_main h3:after{border: 22px solid transparent!important; border-right: 15px solid #fff!important; position: absolute; right: 0!important; left: auto}*/
    .web_main .line{width: calc(100% - 70px); height: calc(100% - 70px); border: 1px solid #ddd; border-radius: 6px; position: absolute; top: 35px; left: 35px;}
    .web_main .line2{width: calc(100% - 80px); height: calc(100% - 80px); border: 1px solid #ddd; border-radius: 3px; position: absolute; top: 40px; left: 40px;}
    .web_main .line,.web_main .line2{z-index: 0;}
    .web_main .pic img{margin: 0 25px;}
}
@media (max-width:990px) {
    .web_main{margin: 50px auto; top: 0; width: 80%; padding: 10%}
    .web_main h2,.web_main h3{padding: 10px; border-radius: 6px;}
    .web_main p{text-align: left;}
}