@charset "utf-8";
/* 全局样式 */
.no-bar::-webkit-scrollbar {

display:none
}

.dom {
    background: #7a86ee  no-repeat center top;
    height: 890px;
    position: relative
}

.ttImg img {
    display: block;
    margin: 0 auto
}


.wh {
    width: 100%;
    margin: 0 auto
}

.dhrcBoxLeft {
    /* width: 140px; */
    float: top;
    text-align:center;
}



.dhrcBoxLeft li {
    display: inline-block;
    height: 90px;
    width:143px;
    color: #FFF;
    background: #3b1d82;
    font-size: 13px;
    line-height: 13px;
    text-align: center;
    cursor: pointer;
    margin-top:5px;
    margin-right:30px;
    border-radius: 10px;
}

.dhrcBoxLeft li.mCon_Cutbtn {
    background: #9e2525;
    border-radius: 10px;
}


.dhrcBoxCon {
    float: left;
    width: 100%;

}

.dhrcBoxRight {
    color: #FFF
}

.dhrcBoxRight {
    height: 520px;
    margin-left: 5px;
    overflow: hidden
}

.dhrcBoxRight .bd {
    padding-left: 15px;
    height: 520px;
    overflow-y: auto;
    width: 100%;
    background: url(../img/line_2.jpg) repeat-y 24px top
}

.dhrcBoxRight .prev {
    width: 120px;
    float: left;
    text-align: center;
    padding-top: 100px;
    cursor: pointer;
    height: 120px;
}

.dhrcBoxRight .bd ul {
    width: 95%;
}

.dhrcBoxRight .bd ul li {
    display: block;
    margin-bottom: 60px;
}

.dhrcBoxRight .bd p {
    display: block;
    font-size: 16px;
    color: #FFF;
    display: block;
}

.dhrcBoxRight .next {
    width: 120px;
    float: right;
    text-align: center;
    padding-top: 100px;
    cursor: pointer;
    height: 120px;
}

.dhrcBoxRight .bd .text1 {
    padding-bottom: 20px;
    position: relative
}

.dhrcBoxRight .bd .text1 i {
    background: #b20a18;
    width: 14px;
    height: 14px;
    border: 10px #630915 solid;
    -moz-border-radius: 200px;
    /* Gecko browsers */
    -webkit-border-radius: 200px;
    /* Webkit browsers */
    border-radius: 200px;
    /* W3C syntax */
    left: -81px;
    top: 0px;
    display: block;
    position: absolute
}

.dhrcBoxRight .bd .text1 h2,
.dhrcBoxRight .bd .text1 p {
    font-size: 26px;
}

.dhrcBoxRight .bd .text2 p {
    font-size: 16px;
    display: block;
    line-height: 36px;
}

.dhrcBoxRight .bd .text2 p strong {
    color: #b54545;
    padding-left: 10px;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
}








body {
	margin: 0px;
}


/*导航栏*/

/* .header {
	width: 100%;
	height: 100px;
	background: #11333333;
} */


/*一级菜单*/

.header_ul {
	float: left;
	list-style: none;
}

.header_ul li {
	margin-top: 26px;
	margin-left: 15px;
	float: left;
}

.header_ul li:hover {
	color: red;
}


/*二级菜单*/

.header_ul_ul {
    width: 60px;
    /* height:500px; */
    margin-top: -77px;
    margin-left: -5px;
	text-align: center;
	position: absolute;
	list-style: none;
	background:  #0183c4;
	/* color: #050505;background:  #0183c4; */
}

.header_ul_ul li {
	margin: 10px 15px 10px -20px;
	float: none;
}

@media (max-width: 991px){.header_ul_home{
	display: none;
}
}

@media (min-width: 992px){.header_ul_home_mobile{
	display: none;
}
}

.header_ul_home .header_ul_ul {
	display: none;
}

.header_ul_home_mobile .header_ul_ul {
	display: none;
}

.header_ul_pages .header_ul_ul {
	display: none;
}

.header_ul_portfollo .header_ul_ul {
	display: none;
}

.header_ul_blog .header_ul_ul {
	display: none;
}

.header_ul_home:hover .header_ul_ul {
	display: block;
}

.header_ul_home_mobile:hover .header_ul_ul {
	display: block;
}

.header_ul_pages:hover .header_ul_ul {
	display: block;
}

.header_ul_portfollo:hover .header_ul_ul {
	display: block;
}

.header_ul_blog:hover .header_ul_ul {
	display: block;
}

.selectButtom {
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color:#3b1d82;
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.selectButtom:hover {
    /* background-color: rgba(255, 0, 0, 1); */
}

.selectButtom:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
    
}

.contextShow{
    display:block;
}

.contextHidden{
    display:none;
}

/* add style */
.banner-tit{
    /* padding: 10px; */
    /* background-color: rgba(255, 255, 255, .5) !important; */
    text-shadow: 0 0 15px rgba(255, 255, 255, 1);
}
.banner-desc span{
    background-color: rgba(0, 0, 0, .5);
    padding: 5px 15px;
}
.banner-desc+.banner-desc{
    margin-top: 20px;
}
@media (max-width: 991px){
    .navbar-toggler span{
	background-color: #fff!important;
}
}
.innovative-block{
    margin-bottom: 20px;
    padding: 15px;
    background-color: #fff;
}
.innovative-block__desc{
    margin-bottom: 10px;
}
.innovative-block__ul{
    list-style-type:disc;
}
.innovative-block .primary-text{
    margin-bottom: 10px;
    margin-top: 10px;
}
.innovative-block .primary-text:first-child{
    margin-top: 0;
}

ul.nav{
    margin-left: 0;
}

.hero-banner{
    background-image:url(../img/bg1.png);
    background-position: bottom;
    /* background-size: contain; */
    background-size: 67% 100%;
   background-color:#00a4ca;
}

.hero-banner-sm{
    /* background-size: auto 113%;
    background-position: top; */
    /* background-size: 59% 165%; */
    background-size: 40% 100%;
    background-position: 49% 81%;
}

.card-identity img{
    object-fit: cover;
    background-position: center;
}


.table1 {
    border: 1px solid #5c2286;
    background: #f7f7f7;
    border-collapse: collapse;
  }

  .table1 td {
    border: 1px solid #5c2286;
  }

  .tablefontcolor {
    color: #111111
  }

  .schedule-card:last-child{
      margin-bottom: 30px;
  }

  .banner-simg{
    position: absolute; right: 0; bottom:0; width: 160px; opacity: 1;
  }
  @media screen and (max-width: 768px) {
    .banner-simg{
        width: 60px;
    }
    .hero-banner{
        background-size: cover;
        padding: 100px 10px !important;
    }
  }