html,
body {
    height: 100%;
    width: 100%;
    background: #ffffff !important;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*新的首页样式*/
/*end*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "plus-jakarta-sans-Light",Helvetica,sans-serif;
    font-weight: 400;
    margin: 0;
}

.foota{color: #FFFFFF;}
.foota:hover{color: #ffcc33;}
@media screen and (min-width: 922px) {
    .activess{color: #035b7d!important;}
    /*1200像素的相关样式，新设置为1280像素的宽度*/
    .container {
        padding: 0px;
        min-width: 1280px!important;
    }
    .topsearch {
        padding-top: 15px;
    }
   /*首页视频*/
  .indexmp4{height: 22vw; width: 100%; position: relative; background:url('../images/newteaser_002.gif') no-repeat center center fixed #203037;
background-size: 100% 100%;
}
  .mp4title{position: absolute; left: 20%; top: 20%;}
  .mp4title .toptitle {
    font-family: heebo-sans,Helvetica,Arial,sans-serif;
    font-size: 46px; font-weight: bold;
    color: #ffffff;
    padding-top: 60px;
    line-height: 60px;
    display: block;
    }
    .mp4title .toptitle a{color: #ffffff!important;}
    .mp4title .topsubtitle a{color: #ffffff!important;}
    .elementor-html5-video {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .mp4title .topsubtitle {
        font-family: heebo-sans,Helvetica,Arial,sans-serif;
        font-size: 26px;
        color: #ffffff;
    }
    /*end*/
    .navbar-toggle {
        display: none;
    }
    .nav-link{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 22px; color: #000; font-weight: 400;}
    .botleft {
        height: 290px;
        border-right: 1px solid #ffffff;
    }

    .topbaner {
        width: 100%;
        height: 269px;
        background: url('../images/indexbanner.jpg') no-repeat right center #d6e4ed;
    }

    .toptitle,.toptitle a{
        font-family: heebo-sans,Helvetica,Arial,sans-serif;
        font-size: 46px; font-weight: bold;
        color: #035b7d;
        padding-top: 0px;
        line-height: 60px;
        display: block;
    }

    .topsubtitle,.topsubtitle a {
        font-family: heebo-sans,Helvetica,Arial,sans-serif;
        font-size: 26px;
        color: #585858;
    }
    .form-inline{
        position: relative;
    }
    .topsearch .btn{position: absolute; top: 1px; right: 1px;}
    .form-control {
        width: 100%!important;
        margin-right: 0px; padding-right: 80px;
    }
    .topsearch .btn {
        border: none;
        color: #000000;;
    }
   .indexforminput{width: 30%!important;}

}

@media screen and (min-width: 768px) and (max-width:922px) {
    .activess{color: #ffcc33!important;font-weight: 600;}
       /*首页视频*/
  .indexmp4{height: 50vw; width: 100%; position: relative; background: #203037;}
  .mp4title{position: absolute; left: 10%; top: 5%;}
  .mp4title a{color: #ffffff;}
  .mp4title .toptitle {
    font-family: heebo-sans,Helvetica,Arial,sans-serif;
    font-size: 46px; font-weight: bold;
    color: #ffffff;
    padding-top: 60px;
    line-height: 60px;
    display: block;
    }
    .elementor-html5-video {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .mp4title .topsubtitle {
        font-family: heebo-sans,Helvetica,Arial,sans-serif;
        font-size: 26px;
        color: #ffffff;
    }
    /*end*/

    /*pad的相关样式*/
    .container {
        padding: 0px;
        min-width: 750px;
    }

    .topsearch {
        padding-top: 15px;
    }

    .navbar-toggle {
        display: none;
    }

    .botleft {
        height: 290px;
        border-right: 1px solid #ffffff;
    }

    .topbaner {
        width: 100%;
        height: 269px;
        background: url('../images/indexbanner.jpg') no-repeat center center #d6e4ed;
    }
    .nav-link{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 22px; color: #000; font-weight: 400;}
    .toptitle {
        font-family: heebo-sans,Helvetica,Arial,sans-serif;
        font-size: 30px; font-weight: 600;
        color: #035b7d;
        padding-top: 60px;
        line-height: 60px;
        display: block;
    }

    .topsubtitle {
        font-family: heebo-sans,Helvetica,Arial,sans-serif;
        font-size: 16px;
        color: #585858;
    }
    .form-inline{
        position: relative;
    }
    .topsearch .btn{position: absolute; top: 1px; right: 1px;}
    .form-control {
        width: 100%!important;
        margin-right: 0px; padding-right: 80px;
    }
    .topsearch .btn {
        border: none;
        color: #000000;;
    }
    .indexforminput{width: 30%!important;}

}

@media screen and (max-width: 768px) {
    .activess{color: #ffcc33!important;font-weight: 600;}
    /*手机的相关样式*/
    .navbar-light .navbar-toggler{z-index: 1000!important;}
    .col-sm-12{padding-left: 10px; padding-right: 10px;}
    .topbaner {
        width: 100%;
        height: 180px;
        background: url('../images/indexbanner.jpg') no-repeat center center #d6e4ed;
    }

    .toptitle{
        font-family: heebo-sans,Helvetica,Arial,sans-serif;
        font-size: 22px;
        color: #035b7d;
        padding-top: 30px;
        line-height: 40px;
        display: block; font-weight: bold;
    }
    .topbaner a { color: #035b7d;}

    .topsubtitle,.topsubtitle a {
        font-family: heebo-sans,Helvetica,Arial,sans-serif;
        font-size: 18px;
        color: #333;
    }

    .topsearch {
        margin: 0 auto;
        padding-top: 0px; padding-bottom: 10px;
        /* display: flex; justify-content: center; */
    }
    .form-inline{
        position: relative;
    }

    .form-control {
        width: 100%!important;
        margin-right: 0px; padding-right: 80px;
    }
    .topsearch .btn {
        border: none;
        color: #000000;
        position: absolute; top: 0px; right: 1px;  border-radius: none;
    }


    /*.navbar-nav .nav-link {*/
    /*    position: relative;*/
    /*    display: block;*/
    /*    padding: 10px 10px;*/
    /*}*/

    /*.navbar-nav .show {*/
    /*    background-color: #e7e7e7;*/
    /*    color: #555;*/
    /*}*/

    /*.dropdown-menu {*/
    /*    border: none;*/
    /*}*/

    /*.dropdown-item {*/
    /*    padding: 10px;*/
    /*    background: #eeeeee;*/
    /*    margin-top: 0px;*/
    /*}*/

    .navbar-toggler {
        position: fixed;
        top: 5px;
        right: 8px;
        padding: 2px 3px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 3px;
    }

    /*.navbar-collapse {*/
    /*    background: #ffffff;*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    overflow: auto;*/
    /*    z-index: 9999;*/
    /*    !* box-shadow: 10px 0 10px rgba(0, 0, 0, 0.06); *!*/
    /*    max-height: inherit;*/
    /*    !* width: 250px; *!*/
    /*    margin-left: 0px;*/
    /*    padding: 10px;*/
    /*    display: block;*/
    /*}*/

}

.toprightlink {
    padding: 0px 5px 0px 5px;
}

.topright .active {
    color: #0099cc;
}

.topright .dropdown-item {
    padding: 3px 5px 3px 5px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.toplogo {
    text-align: center;
}


.topsearch .btn-outline-success {
    background: #0099cc;
    border: #0099cc;
    color: #ffffff;
}

.navbar {
    padding: 0;
    font-size: 18px;
}

.header {
    border-bottom: 1px solid #e2e2e2;
}

.footdl dt {
    line-height: 40px;
}
.index_title{font-size: 22px;height: 50px; line-height: 50px; font-family: heebo-sans,Helvetica,Arial,sans-serif;color: #000;}
.index_title span {font-size: 14px; color: #0099cc; padding-left: 10px;}
.sec1{
  padding: 20px 0px 20px 0px ;
}
.sec2{  padding: 20px 0px 20px 0px ; background: #e6eff0;}
.sec3{ padding: 20px 0px 20px 0px ;}
.sec4{ padding: 20px 0px 50px 0px ;}
.sec5{ padding: 20px 0px 20px 0px ; background: #ffffff;}
.sec6{ padding: 20px 0px 50px 0px ; background: #cee6f3;}
.sec7{ padding: 20px 0px 20px 0px ;}
.newslist{margin-top: 10px;}

.indexnews img{border-radius: 8px;}

@media screen and (max-width: 768px) {
    .indexnews {border-left: 0px solid #e2e2e2; margin-left: -15px; padding-left: 15px; margin-top: 15px;}
    .indexnews h7{line-height: 20px; font-size: 18px; height: 50px; overflow: hidden;}
    .indexnews h7 a{color: #000000;font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
    .indexnews img{border-radius: 8px;}
    .carousel-inner{}
    .carousel-item img{ border-radius: 6px;}
    .carousel-indicators li{ background-color: #e2e2e2;}
    .indexh5{font-size: 20px; color: #ffffff;font-family: heebo-sans,Helvetica,Arial,sans-serif;}
    .carousel-indicators li.active{background-color: #0099cc;}
    .carousel-caption{ right: 0; bottom: 0; width: 100%; float: right; left: auto; color: #fff; text-align: left; padding: 0px 15px 0px 15px; background:rgba(0, 0, 0, 0.3);}
    .carousel-indicators{bottom:0px;}
    .article-tag {color: #c1c1c1;font-size: 12px; height: 25px; line-height: 25px; overflow: hidden;}
    .article-tag .fa{color: #c1c1c1;}
    .article-tag a{color: #c1c1c1;}
    .article-tag span{padding-right: 15px;}
}
@media screen and (min-width: 768px) and (max-width:922px) {
    .indexnews {border-left: 1px solid #e2e2e2; margin-left: -15px; padding-left: 15px;}
    .indexnews h7{line-height: 20px; font-size: 14px; height: 50px; overflow: hidden;}
    .indexnews img{border-radius: 8px;}
    .carousel-inner{}
    .carousel-item img{ border-radius: 6px;}
    .carousel-indicators li{ background-color: #e2e2e2;}
    .indexh5,.indexh5 a{font-size: 20px; color: #ffffff;font-family: heebo-sans,Helvetica,Arial,sans-serif;}
    .carousel-indicators li.active{background-color: #0099cc;}
    .carousel-caption{ right: 0; bottom: 0; width: 100%; float: right; left: auto; color: #fff; text-align: left; padding: 0px 15px 0px 15px; background:rgba(0, 0, 0, 0.3);}
    .carousel-indicators{bottom:-40px;}
    .article-tag {color: #c1c1c1;font-size: 12px; height: 25px; line-height: 25px; overflow: hidden;}
    .article-tag .fa{color: #c1c1c1;}
    .article-tag a{color: #c1c1c1;}
    .article-tag span{padding-right: 15px;}
}

@media screen and (min-width: 922px) {
.indexnews {border-left: 1px solid #e2e2e2; margin-left: -15px; padding-left: 15px;}
.indexnews h7,.indexnews h7 a{line-height: 20px; font-size: 18px; height: 50px; overflow: hidden; color: #000000;font-weight: bold; font-family: heebo-sans,Helvetica,Arial,sans-serif;}
.indexnews img{border-radius: 8px;}
.carousel-inner{}
.carousel-item{height: 240px;}
.carousel-item img{ border-radius: 6px;}
.carousel-indicators li{ background-color: #e2e2e2;}
.indexh5,.indexh5 a{font-size: 22px; color: #000000;font-family: heebo-sans,Helvetica,Arial,sans-serif;font-weight: bold;}

/*add1009*/
.indexh5 a:hover{color: #035b7d;}
.indexdes{font-size: 18px;}
.indexnews a:hover{color: #035b7d;}
.commentsbg{background: url(../images/pll.png) no-repeat left center ; width: 40px; height: 25px; background-size: 20px 20px; padding-left: 22px;}
.indexnews2{font-size: 18px; color: #000000;}
.indexnews2:hover{color: #035b7d;}
/**/
.carousel-indicators li.active{background-color: #0099cc;}
.carousel-caption{ right: 0; top: 0; width: 50%; float: right; left: auto; color: #000; text-align: left; padding: 0px 15px 0px 15px;}
.carousel-indicators{bottom:-40px;}
.article-tag {color: #c1c1c1;font-size: 14px; height: 25px; line-height: 25px; overflow: hidden;}
.article-tag .fa{color: #c1c1c1;}
.article-tag a{color: #c1c1c1;}
.article-tag span{padding-right: 15px;}

}
@media screen and (max-width: 768px) {
    .indexmed{background: #ffffff; border-top-left-radius:6px; border-top-right-radius: 6px; border:1px solid #e2e2e2; padding-bottom: 10px;}
    .indexmed span{display: block; padding: 5px 10px 5px 10px;}
    .indexmed span img{margin-right: 5px;}
    .col-sm-6{padding: 8px;}
    .hytitle{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #035b7d;}
    .hyspan{font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #969694;}
    .indexinput{ text-align: center;}
    .indexinput input{width: 200px; display: inline-block; margin-top: 10px;}
    .media-body{margin-left: 15px;}
    .indexmedtop{padding: 1px;}
    .n-right {
        margin-top: 0;
        top: -20px;
        position: absolute;
        left: 0;
        text-align: right;
        width: 100%; display: none;
    }
    /*add1009*/
.indexh5 a:hover{color: #035b7d;}
.indexdes{font-size: 18px;}
.indexnews a:hover{color: #035b7d;}
.commentsbg{background: url(../images/pll.png) no-repeat left center ; width: 40px; height: 25px; background-size: 20px 20px; padding-left: 22px;}
.indexnews2{font-size: 18px; color: #000000;}
.indexnews2:hover{color: #035b7d;}
.topmed{ margin-top:10px}
/**/
}
@media screen and (min-width: 768px) and (max-width:922px) {
    /*add1009*/
.indexh5 a:hover{color: #035b7d;}
.indexdes{font-size: 18px;}
.indexnews a:hover{color: #035b7d;}
.commentsbg{background: url(../images/pll.png) no-repeat left center ; width: 40px; height: 25px; background-size: 20px 20px; padding-left: 22px;}
.indexnews2{font-size: 18px; color: #000000;}
.indexnews2:hover{color: #035b7d;}
/**/
    .indexmed{background: #ffffff; border-top-left-radius:6px; border-top-right-radius: 6px; border:1px solid #e2e2e2;
        padding-bottom: 10px;}
    .indexmed span{display: block; padding: 5px 10px 5px 10px;}
    .indexmed span img{margin-right: 5px;}
    .col-sm-6{padding: 5px;}
    .hytitle{font-family: heebo-sans,Helvetica,Arial,sans-serif;font-size: 16px; color: #035b7d;}
    .hyspan{font-family: heebo-sans,Helvetica,Arial,sans-serif;font-size: 14px; color: #969694;}
    .indexinput{ text-align: center;}
.indexinput input{width: 200px; display: inline-block;}
.indexinput input.btn{margin-top: -5px;}
.media-body{margin-left: 15px;}
.indexmedtop{padding: 1px;}
.n-right {
    margin-top: 0;
    top: -20px;
    position: absolute;
    left: 0;
    text-align: right;
    width: 100%; display: none;
}
 .topmed{min-height:320px; margin-top:15px}

}

@media screen and (min-width: 922px) {
    .indexmed{background: #ffffff; border-top-left-radius:6px; border-top-right-radius: 6px; border:1px solid #e2e2e2;
        padding-bottom: 10px;}
    .indexmed span{display: block; padding: 5px 10px 5px 10px;}
    .indexmed span img{margin-right: 5px;}
    .col-sm-6{padding: 5px;}
    .hytitle,.hytitle a{font-family: heebo-sans,Helvetica,Arial,sans-serif;font-size: 18px; color: #035b7d;font-weight:600;}
    .hyspan{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 14px; color: #969694;}
    .indexinput{ text-align: center;}
.indexinput input{width: 200px; display: inline-block;}
.indexinput input.btn{margin-top: -5px;}
.media-body{margin-left: 15px;}
.indexmedtop{padding: 1px;}
.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
    border-color: #f75444;
    box-shadow: none;
}

.n-right {
    margin-top: 0;
    top: -20px;
    position: absolute;
    left: 0;
    text-align: right;
    width: 100%; display: none;
}
.topmed{min-height:350px; margin-top:15px}
}

/*第三栏样式*/
.indexnews3{font-family: heebo-sans,Helvetica,Arial,sans-serif;}
.indexnews3 h5,.indexnews3 h5 a{font-size: 22px; font-weight: bold; color: #035b7d;font-weight: bold;}
.indexnews3 img{border-radius: 6px;}
.indexnew3left{font-size: 22px; font-weight: bold;padding: 5px 10px;}
.indexnew3left span{display: block;}
.indexnew3left img{border-radius: 6px;}

/*第4栏样式*/
.indexzj img{margin-right: 10px;}
.indexzj span{font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 18px; font-weight: bold; }
/*第5栏样式*/
.indexshuju{text-align: center;padding: 20px 0px 20px 0px;}
.indexshuju img{ margin: 0 auto;}
.indexshuju span{display: block;font-family: heebo-sans,Helvetica,Arial,sans-serif;font-size: 14px;}
.indexshuju .hytitle{font-size: 22px; height: 40px; line-height: 40px; color: #004089; font-weight: bold;}
/*index6*/
.index6{background: #fff;padding: 15px; padding-bottom: 25px;}
.index_titlesub{height: 90px; padding-top: 30px;}
.index_titlesub_sub{font-size: 14px; color: #ffffff;}
/*index_title7*/
.index_title7{text-align: center; font-family: heebo-sans,Helvetica,Arial,sans-serif; font-size: 20px; padding: 10px 0px 20px 0px;}
.index7hr{width: 200px; margin: 0 auto; height: 3px; background: #fabc32;}

/*end*/

a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #000000;
}

a:hover,
a:focus {
    color: #0099cc; text-decoration: none;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.row{
 margin-left: -10px; margin-right: -10px;
}
#mainbody {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: #ffffff;
    color: #474157;
    /* height: calc(100vh - 61px); */
}

#mainbody>.container>.text-center {
    text-align: center;
    padding: 350px 0 50px;
    position: relative;
    height: 100vh;
}

#mainbody>.container>.text-center h1 {
    font-size: 50px;
    font-weight: bold;
    color: #171347
}

#mainbody>.container>.text-center>a {
    background: #fdcc52;
    background: -webkit-linear-gradient(#fdcc52, #fdc539);
    background: linear-gradient(#fdcc52, #fdc539);
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 300px;
    margin-top: 20px;
    padding: 10px 45px;
    font-size: 14px;
    text-decoration: none;
}

@media (max-height: 500px) {
    #mainbody {
        height: auto;
    }
}

@media (min-width: 768px) {
    .navbar-default {
        background-color: transparent;
        border-color: transparent;
    }

    #mainbody .index-text {
        text-align: left;
    }
}

@media (max-width: 767px) {

    #mainbody>.container>.text-center {


        padding: 130px 0 0 0;
        height: calc(100vh - 261px);
    }

    #mainbody>.container>.text-center>h1 {


        font-size: 50px;
        margin-bottom: 20px;
    }
}

.footer {
    background-color: #2a2f60;
    padding: 30px 0;
    color: #ffffff;
    text-align: center;
}

.footer p {
    font-size: 14px;
    margin: 0;
}