
 .index_main {
     padding: 0 0 1.25rem;
}
 .index_main .head {
     width: 100%;
     height: 12.5rem;
     background: #007cc3;
     position: relative;
     padding: 0 0 0.625rem;
}
 .index_main .head .pic_ad {
     position: absolute;
     top: 1.25rem;
     right: 0;
     width: 60%;
}
 .index_main .head .pic_ad img {
     width: 100%;
}
 .index_main .head .info {
     color: #fff;
     padding: 1.25rem 4%;
     position: relative;
}
 .index_main .head .info .title {
     font-size: 1.125rem;
     font-weight: 900;
     position: relative;
}
 .index_main .head .info .title .text {
     font-size: 1.25rem;
}
 .index_main .head .info .desc {
    /* background:rgba(255, 255, 255, .5);
     */
     border-radius: 0.3125rem;
     padding: 0 4%;
     display: inline-block;
     color: #fff;
     margin: 1.25rem 0 1.25rem;
     position: relative;
     top: 0;
}
 .index_main .head .info .tip {
     background: rgba(255, 255, 255, 0.5);
     color: #fff;
     border-radius: 1.25rem;
     display: inline-block;
     padding: 0.3125rem;
     margin-left: -8%;
     padding-left: 6%;
     padding-right: 4%;
     margin-top: 0.625rem;
     font-weight: 900;
     position: relative;
}
 .index_main .ad .pic {
     width: 92%;
     padding: 0.9375rem 4% 0;
     position: relative;
}
 .index_main .ad .pic img {
     width: 100%;
     height: auto;
}
 .index_main .ad .pic .info {
     position: absolute;
     top: 30%;
     left: 10%;
     color: #fff;
}
 .index_main .section {
     padding: 0.9375rem 4% 0;
}
 .index_main .section .nav .left {
     font-weight: 900;
     font-size: 1.125rem;
     position: relative;
     padding-left: 0.625rem;
     color: #007cc3;
}
 .index_main .section .nav .left::before {
     position: absolute;
     height: 60%;
     width: 0.25rem;
     content: '';
     background: #007cc3;
     left: 0;
     top: 20%;
}
 .index_main .section .nav .right {
     font-size: 0.75rem;
     align-self: flex-end;
     color: #007cc3;
}
 .index_main .section .nav .right img {
     width: 1.09375rem;
     height: 1.09375rem;
     vertical-align: middle;
     margin-left: -0.3125rem;
     margin-top: -0.0625rem;
}
 .index_main .section .title {
     text-align: center;
     font-weight: 900;
     font-size: 1.125rem;
     color: #007cc3;
     padding: 0.625rem 0;
}
 .index_main .section .con {
     padding: 0.9375rem 0 0;
}
 .index_main .section .advantage {
     align-items: center;
     color: #fff;
     font-weight: 900;
     padding-top: 0.9375rem;
}
.index_main .section .advantage .col {
     flex-grow: 2;
     background: rgba(165, 214, 63, 0.8);
     margin-right: 1%;
     padding: 5px 2% 5px;
     border-radius: 0.3125rem;
     text-align: center;
}
.index_main .section .advantage .col .text{
    padding: 0;
}
.index_main .section .advantage .col .pic {
     display: inline-block;
     vertical-align: middle;
     margin-right: 0.3125rem;
}
.index_main .section .advantage .col .pic img {
     width: 1.25rem;
     height: 1.25rem;
    
}
 .index_main .about {
     padding-top: 0.3125rem;
}
 .index_main .about .con {
     line-height: 1.875rem;
}
.index_main .what{
    padding-top: 0.9375rem;
}
 .index_main .what .con {
     flex-wrap: wrap;
}
 .index_main .what .con .col {
     width: 48%;
     min-width: 48%;
     max-width: 48%;
     position: relative;
     margin-bottom: 2vw;
     padding: 0.625rem 0;
     border-radius: 0.3125rem;
}
 .index_main .what .con .col .bg {
     width: 100%;
     height: 100%;
}
 .index_main .what .con .col .info {
     width: 92%;
     z-index: 1;
     color: #fff;
     padding: 0 4%;
     align-items: center;
}
 .index_main .what .con .col .info .tit {
     font-weight: 900;
     font-size: 1.25rem;
     padding-bottom: 0.3125rem;
}
 .index_main .what .con .col .info .dec {
     font-size: 0.875rem;
}
 .index_main .what .con .col .icon {
     position: absolute;
     right: 4%;
     top: 0;
     width: 3.125rem;
     height: 100%;
     align-items: center;
}
 .index_main .what .con .col .icon img {
     width: 3.125rem;
     height: 3.125rem;
     opacity: 0.6;
}
 .index_main .what .con .col:nth-child(1) {
     background: #00d1dd;
}
 .index_main .what .con .col:nth-child(2) {
     background: #3b6bee;
}
 .index_main .what .con .col:nth-child(3) {
     background: #1f2736;
}
 .index_main .what .con .col:nth-child(4) {
     background: #e62e3d;
}
 .index_main .what .con .col:nth-child(even) {
     margin-left: 4%;
}
 .index_main .contact {
     padding-top: 0.625rem;
}
 .index_main .contact .con .row {
     background: #fff;
     border-radius: 0.3125rem;
     box-shadow: 0rem 0rem 0.3125rem 0rem #f2f2f2;
     align-items: center;
     padding: 0.3125rem;
     margin-bottom: 0.625rem;
}
 .index_main .contact .con .row .left {
     width: 3.75rem;
     height: 3.75rem;
}
 .index_main .contact .con .row .left img {
     width: 3.75rem;
     height: 3.75rem;
}
 .index_main .contact .con .row .center {
     flex-grow: 2;
     padding-left: 0.3125rem;
}
 .index_main .contact .con .row .center .phone {
     padding: 0.3125rem 0 0;
}
 .index_main .contact .con .row .right {
     padding-right: 0.3125rem;
}
 .index_main .contact .con .row .right img {
     width: 1.875rem;
     height: 1.875rem;
}
 .index_main .address .map {
     width: 100%;
     height: 12.5rem;
     padding: 0.625rem 0 0.625rem;
}
 .index_main .address .info .row {
     margin: 0.3125rem 0;
}
 .index_main .address .info .row .left {
     width: 15%;
     min-width: 15%;
     max-width: 15%;
}
 .index_main .address .info .row .right {
     flex-grow: 2;
     text-align: left;
}
/*# sourceMappingURL=index.css.map */
 