.indexabright{width: 236px; border-left: 1px #797979 dashed}
.intitle{padding: 0px 40px; background: #0207A0; color: #ffffff; font-size: 32px; font-weight: bold; height: 64px; line-height: 64px }

.colzhu{color: #0207A0}
.inan a{ padding: 6px 30px; border-radius: 8px; font-size: 20px; border: #0207A0 2px solid; color:#0207A0; margin: 0px 10px }

.mo{ padding: 40px 0px 20px 0px; color: #ffffff; background: url("/public/home/images/mobg.jpg") bottom center ;margin-top: 40px}
.mo a{color: #ffffff}
.mo a:hover{color: #e5e5e5}

.moleft1{ width: 350px;}
.moleft1 p.ml1{ font-size: 24px; }
.moleft1 p.ml2{ font-size: 12px; margin-top: 8px;}
.moleft1 p.ml3{ font-size: 14px;}
.moleft2{ width: 600px;}

.moleft2 li{ background: url("../images/mo.png") left top no-repeat;}
.mox{ height: 1px; background:rgba(255,255,255,0.3); margin-top: 40px;}

#index-banner-absolute{

    z-index:1;

    width:100%;

    height:100%;



}

#index-banner-canvas{



    width:100%;

    height:580px;

    opacity:0.3;

}

#index-banner-canvas canvas{width:100%;}

.index-unit{

    width: 100%;

    margin-top: 40px;

}
.banner{width:100%; height: 580px; position: absolute; top: 0;z-index: 555555; margin: 0 auto; text-align: center; background: url("/public/home/images/banner1.png") top center no-repeat;}

.ino0{width: 80px; height: 80px; background: #C50791; border-radius: 8px; margin-right: 15px; text-align: center; line-height: 80px; color: #ffffff; font-size: 48px;}
.ino1{width: 80px; height: 80px; background: #0730C6; border-radius: 8px; margin-right: 15px; text-align: center; line-height: 80px; color: #ffffff; font-size: 48px;}
.ino2{width: 80px; height: 80px; background: #08A9F5; border-radius: 8px; margin-right: 15px; text-align: center; line-height: 80px; color: #ffffff; font-size: 48px;}
.ino3{width: 80px; height: 80px; background: #D858A9; border-radius: 8px; margin-right: 15px; text-align: center; line-height: 80px; color: #ffffff; font-size: 48px;}
.bma{border: 1px #666666 solid; border-radius: 4px; padding: 0px 20px}

.swiper-button-next, .swiper-button-prev {
    color: #ffffff!important;
    opacity: 0.5;
    --swiper-navigation-size: 40px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    opacity: 0.9;
}
.swiper-pagination-bullet {
    width: 26px!important;
    height: 6px;
    background: #ffffff!important;
    border-radius: 4px!important;
    opacity: 0.9;
}
.swiper-pagination-bullet-active {
    width: 26px;
    height: 6px;
    background: #1f4294!important;
    border-radius: 4px;
}
.nav a.now,.nav a:hover{ color: #267BC1}
.msbg{}
.msbg1{background: #f5f5f5;border-radius: 0px 0px 4px 4px}
.msbg:hover .msbg1,.msbg1:hover a{background: #054FEC; color: #ffffff;border-radius: 0px 0px 4px 4px}
.about0{   padding: 30px; background-image: linear-gradient(to right , #0730C6, #0652ee, #0730C6);}
.aboutnav{color: #ffffff; font-size: 18px;}
.aboutnav a{color: rgba(255,255,255,0.7)}
.aboutnav a:hover,.aboutnav a.now{color: rgba(255,255,255,1)}
.you0{border-radius: 0px 0px 40px 0px}
.you1{border-radius: 0px 0px 0px 40px}
.you2{border-radius: 0px 40px 0px 0px}
.you3{border-radius: 40px 0px 0px 0px}
.liuy p{color: #151515}
.liuy input{border: #b3cff5 1px solid}
.liuy textarea{border: #b3cff5 1px solid}
@media (max-width: 1200px) {
   .width-1200px{width: 1000px!important; padding-left: 30px; padding-right: 30px}

    #index-banner-absolute{

        z-index:1;

        width: 1000px;

        height:100%;



    }

    #index-banner-canvas{



        width: 100%;

        height:580px;

        opacity:0.3;

    }

    #index-banner-canvas canvas{width:1000px;}

    .index-unit{

        width: 100%;

        margin-top: 40px;

    }
    .banner{width:1000px; height: 580px; position: absolute; top: 0;z-index: 555555; margin: 0 auto; text-align: center; background: url("/public/home/images/banner.png") top center no-repeat;}
    .ssss{width: 1000px}



}


