body{background: none;}
.nava { position: relative; }
.nava a{ color: #fff;}
.nava::after{ content: ''; display: block; width: 2px; height: 20px;  background: url(../img/bgline.png) center center; background-size: 100% 100%;  position: absolute; right: 0; top: 50%; margin-top: -10px; }
.navaa::before{ content: ''; display: block; width: 2px; height: 20px; background: url(../img/bgline.png) center center; background-size: 100% 100%; position: absolute; left: 0; top: 50%; margin-top: -10px; }

.nava.active{ background-color: rgba(0,0,0,0.2); }
 

.banner {
	background:url(../img/qjbg.png) top center no-repeat; background-size: 100% 95%; 
	margin-bottom: 40px;
}

.qingjiaologo{ 
	width: 100%; margin: 15% auto 10% auto;
}

.aboutusbg { background: url(../img/aboutusbg.png) top center no-repeat; background-size: 100% auto;}
.aboutuscontent { background: url(../img/aboutusborder.png) center center no-repeat; background-size: 100% 100%; padding: 50px 45px; margin-top: 45px; margin-bottom: 55px;}
.aboutuscontent p { margin-bottom: 10px; font-size: 13px; text-align: left; }


.rownav {background: url(../img/navbg.png)center center no-repeat; background-size: 100% 100%;
	color: #fff; 
	font-size: 16px;
	text-align: center;
	line-height: 2.5;
	padding: 0 0 15px 0;
	position: relative;
	z-index: 2;
}
 

.theme { width: 60%; margin: 0 auto;}
.title img {
    margin-top:15px;
}

.title {
    background:  none;
    text-align: center;
    padding: 15px 0;
}

.livetheme { background: url(../img/livetheme.png) top center no-repeat; background-size: 100% 100%;  margin: 0 auto; font-size: 24px; font-weight: bold; text-align: center; color: #478787; line-height: 50px;}


      /* 嘉宾列表项 */
        .guest-item {
            display: flex;
            padding: 25px 0;
            border-bottom: 1px solid #eee;
        }
        .guest-item:last-child {
            border-bottom: none;
        }
        .guest-avatar { 
            width: 190px;
            height: 240px;
            margin: 0 auto 45px;
            position: relative;
        }
        .middle .col-sm-3 img{ width: auto;}
        .guest-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
         
            box-shadow: 3px 5px 18px rgba(74, 139, 124, 0.3); /* 阴影 */
            border-bottom: none !important;
        }
        .guest-avatar::after {
            content: "";
			position: absolute;
			bottom: -10px;
			left: 20%;
			width: 95%;
			height: 17%;
			background: url(../img/teacherbg.png) top center no-repeat; background-size: 100% 100%;
			z-index: -1;
        }
        .guest-info { 
            padding-left: 36px;
            padding-right: 36px;
        }
        .guest-header {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-bottom: 30px;
        }
        .guest-icon {
            width: 70px;
            height: auto;
            margin-right: 45px;
        }
        .guest-name {
            font-weight: bold;
            width: 100px;
            margin-right: 15px;
            font-size: 16px;
        }
        .guest-title {
            font-size: 14px;
            color: #666;
        }
        .guest-desc {
            font-size: 13px;
            line-height: 1.7;
            color: #555;
            text-align: justify;
        } 


        .infobox > .row{margin-top: 50px;}

.infobox { background: url(../img/experbg.png) bottom right no-repeat; background-size: 20% auto;margin-bottom: 50px;  }
.infobox::after { content: ''; position: relative; display: block; width: 100%; height: 1px; background: url(../img/dashed.png) top center no-repeat; bottom: -20px; left: 0;}
 
.titleexpert {
    background: none;
    text-align: center;
    padding: 20px 0;
}
        
.middle .container h1{  margin:25px 0 25px 0; min-height:32px; }
.middle .container h1 img{ display:inline-block;} 
.middle .container h1 .select_style{ float:right; position:relative; outline:none; width:100px; height:auto; border:1px solid #00ac87; border-radius:15px; margin-right:15px; background: url(../images/select_mark.png) no-repeat 80px center; } 
.middle .container h1 .select_up{ background: url(../images/select_mark1.png) no-repeat 80px center;} 
.middle .container h1 .sel{ cursor:pointer; width:100%; line-height:30px; border:none; color:#00ac87; font-size:13px; border-radius:5px;  }
.middle .container h1 ul{position:absolute; top:100%; border:1px solid #8ba8a5; width:100%; z-index:2; font-size:13px; line-height:20px; background-color:#fff; padding:3px 0; display:none; cursor:pointer; height:125px; overflow-y:scroll; }
.middle .container h1 li:hover{ background-color:#f1f1f1; }
.middle .container .issue{ padding-bottom:30px;}



@media (max-width: 991px){ 
	.theme {
   		width: 80%; 
	}
 
}

@media (max-width: 767px){ 
 
}