@charset "UTF-8";

body{
	height:100%;
    background-color:#FFFFFF;
}
.overflow{overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.clear {
	clear: both;
}
.clearfix::after {
    display: block;
    height: 0;
    clear: both;
    content: '';
}


.disabled{display:none;}

.larger-font{
    font-size:13px;
    line-height:30px!important;
}

.larger-font li{
    font-size:13px;
    line-height:30px!important;
}

::-webkit-scrollbar { 
    display: none; 
}


.menu-wrapper-background{
    position:fixed;
    z-index:99999;
    background-color:rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    display:none;
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.bottom {
    border-top: 1px solid #cccccc;
    max-width: 1000px;
    margin: 0 auto;
}
.bottom img{vertical-align: middle;}
.bule_text {
	color: #46a996;
	font-weight: bold;
	font-size: 14px;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.border-2>.col-md-6:first-child {
    border-top: 3px solid #cccccc;
    display: block;
}
.border-2>.col-md-6 {
    border-top: 3px solid #009c84;
}
.padding p a {
    color: #337ab7;
    text-decoration: none;
}


/* 标题 */

.content{}
.content h2{margin-top: 15px; font-size: 24px;}
.content h2 a.more{float: right; font-size: 18px; line-height: 32px; text-decoration: underline;}

/* 列表 */

.text-list01{margin-top: 40px;}
.text-list01 li{line-height: 1.8em; font-size: 18px; box-shadow: 0px 2px 3px rgb(0, 0, 0,.15); box-sizing: border-box; padding: 15px 20px; margin-bottom: 25px;}
.text-list01 a.channel{color: #009c84;}
.news_date{color: #999; font-size: 18px; margin-top: 5px;}

/* 重点科研项目 */

.staff-item img{
	border-radius:300px;	
	max-width:150px;
	margin-left:auto;
	margin-right:auto;
    transition:all 500ms ease;
    margin-top:10px;
}

.staff-item img:hover{
    transform:scale(1.1, 1.1);
    -webkit-transform:scale(1.1, 1.1);
    transition:all 500ms ease;
}

.staff-item h4{
	text-align:center;
	margin-top:20px;	
	font-size:30px;
    font-weight: normal;
    
}
.staff-item h4 a{color: #43bdad;}

.staff-item strong{
    margin-top: 20px;
	display:block;	
	font-weight:400;
	padding-left:10px;
	padding-right:10px;
	line-height: 1.5em;
    color: #666;
    font-size: 12px;
}

/* 研发成果 */
.xfcgbg{background: url(../images/bg.jpg) no-repeat bottom center; background-size: 100% 100%; margin-left: 0; margin-right: 0; padding: 0 20px 25px;}
.quote-slider{position: relative; margin-top: 40px;}
.quote-slider .owl-item{padding: 0 20px;}
.quote-slider a{
	text-align:center;
}
.quote-slider a.text{ position: absolute; width: 100%; left: 0; bottom: 0; font-size: 16px; color: #fff; line-height: 2em; background-color: #43bdac;}

.quote-slider .owl-pagination{margin-top: 35px;}
.quote-slider .owl-controls .owl-page span{background: #cbcbcb !important; width: 15px !important; height: 3px !important; border-radius: 0 !important;}
.quote-slider .owl-controls .owl-page.active span,.quote-slider .owl-controls.clickable .owl-page:hover span{background: #43bdac !important; width: 30px !important;}



/* mobile-public */

/* 导航 */
.menu-cover{ 
    position:fixed;
    z-index:99999;
    /* background-color:rgba(0,0,0,0.6); */
    width:100%;
    height:100%;
    top:0px;
    left:0px; 
    display: none;
}
.menu-top{
    position:
    absolute;
    z-index:999999999;
    height: auto;
    width:100%;
    /* left:50%;
    margin-left:-150px; */
    /* border:solid 1px #cacaca; */
    border-top:
    solid 1px rgba(0,0,0,0.1);   
    background-color:
    rgba(255,255,255,1);
    height:100%;
    display: none;
    top:-600px;
    overflow:
    scroll!important;
    -webkit-overflow-scrolling: touch!important;
    transition:
    all 350ms ease;
    border-radius:0 0 5px 5px;
}
.active-submenu{
    display:block;
    min-height:100%;
    max-height:500px!important;
}

.active-menu .fa-circle{
    color:#0b9f86!important;
    margin-top:26px;
}

.menu-top li{list-style:none; margin-bottom:0px; position: relative;}
.menu-top>li:last-child a{border-bottom: none;}
.menu-top li a:hover{background-color:rgba(0,0,0,0.05)!important; }
.submenu{margin-bottom:0px;}

.show-menus{
    top:60px;
    height: 430px;
    display: block;
    /* margin-top:-210px; */
    transition:
    all 350ms ease;
}

.menu-top span{
    border-bottom:solid 1px rgba(0,0,0,0.01); 
    display:block;
    font-size:11px;
    font-family:'Roboto', sans-serif;
    text-align:Center;
    padding-top:5px;
    padding-bottom:5px;
}

.menu-top a i{
    position: absolute;
    margin-left: -40px;
    font-size: 14px;
    line-height: 70px;
}

.menu-top .fa-circle{
    /*position:absolute!important;*/
    float:right;
    right:0px;
    margin-right:25px;
    font-size:8px;
    margin-top:0;
}

.menu-top .fa-angle-right{  
    position:absolute;
    left:40px;
}

.menu-top .fa-plus{
    -ms-transform: rotate(0deg); 
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg);
    position:absolute!important;
    right:0px;
    margin-right:24px;
    font-size:11px;
    margin-top:0;
    transition:all 350ms ease;
}

.menu-top a{
    display: block;
    font-size:1rem;
    font-weight: normal;
    padding-left:70px;
    color:#3b4043;
    line-height:70px;
    border-bottom:solid 1px rgba(0,0,0,0.1); 

}

.submenu li:last-child{
    border-bottom:solid 1px rgba(0,0,0,0.08)!important;
}

.menu-top a:hover{color:#000000;}

/*.submenu{display:none;}*/

.submenu{
    position: relative;
    max-height:0px;
    overflow:hidden;
    transition:all 350ms ease;
}

.show-submenu{
    max-height:500px!important;
    transition:all 350ms ease;
}

.submenu a{
    font-size: 0.9rem;
    line-height:50px!important;
    opacity:0.8;
    padding-left:90px;
}

.submenu li:hover{
    background-color:rgba(0,0,0,0.02);
}

.submenu .fa-angle-right,.submenu .fa-angle-double-right{
    margin-left:26px;
    margin-top:0;
    line-height: 50px;
}
.submenu2 .fa-angle-double-right{
    position:absolute;
    left:55px;
}

.active-plus{
    color:#c0392b;
    -ms-transform: rotate(135deg)!important; 
    -webkit-transform: rotate(135deg)!important; 
    transform: rotate(135deg)!important;
    transition:all 350ms ease;
    margin-top:0;
}

.submenu .fa-circle{
    position:absolute;
    z-index:999999;
    margin-top:20px;
    font-size:6px!important;
}

.has-submenu .fa-mobile{
    font-size:22px;
    margin-top:0;
}

.has-submenu2 .fa-plus{line-height: 50px;}

.submenu2 li{}
.submenu2 li a{padding-left: 105px;color:#666;}

/* 头部 */

.header{
    position:fixed;
    width:100%;
    z-index:99999;
    height:60px;
    /* background-color: #fff; */
}

.header-clear{
    height:60px;
}

.header-clear-big{
    height:90px;
}

.header-logo{
    float:left;
    background-image:url(../images/logo.png);
    background-repeat: no-repeat;
    width:190px;
    height:70px;
    background-size:190px auto;
    margin-top:7px;
    margin-left:15px;
}

.header-navigation{
    float:right;
    color:#0b9f86;
    height:60px;
    width:60px;
    text-align:center;
    line-height:60px;
}

.header-navigation i{
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    font-size: 20px;
    color: #fff;
}

.header-navigation:hover{
    background-color:rgba(255,255,255,0.1);
}

.header-search{
    float:right;
    color:#fff;
    height:60px;
    width:40px;
    text-align:center;
    line-height:60px;
}
.header-En{float:right;
    color:#fff;
    height:60px;
    width:40px;
    text-align:center;
    line-height:60px;}

    .headScoll {
        position: fixed;
        top: 0;
        background-color: rgb(255, 255, 255,.6);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        z-index: 9999999999;
    }
    .headScoll .header-navigation i,.headScoll .header-search,.headScoll .header-En{color: #009c84;}

    /* 脚部 */
.mobile-footer{background-color: #efefef; border-top: 2px solid #ccc; padding: 25px 20px;}
.mobile-footer .footlogo{width: 160px;}
.mobile-footer .fl{width: 42%; margin-top: 20px;}
.mobile-footer p{font-size: 14px;}
.mobile-footer .fr{width: 55%;}
.mobile-footer .fr a{display: block; float: right; margin-left: 10px;}
.mobile-footer .fr img{width: 85px;}
footer{background-color: #efefef;}
.bottom{width:100%;padding: 0 20px 10px;font-size: 12px;}
.bottom .row,.bottom .col-md-4{margin:0; padding:0;}
.bottom img{width:60%;margin-left: -30px;}
.bottom .left_border{width: 100%; padding-right:10px; float:left;border: none;}
.bottom .text-left .text-left{margin-top: 5px;width:100%;padding: 0; float:right;}
.bottom .text-left .text-left p{float:left;font-size: 12px;margin-right: 20px;line-height: 20px;}
.bottom p{line-height: 28px;}
.bottom .left_border .row p{float: left; margin-right:20px;line-height: 20px;}
.bottom .left_border .row .col-md-6:first-child p:first-child{display:none;}
footer .padding{padding:5px 0; font-size:12px;}
.float_ads{position: fixed; left: 0; bottom:5%;}
.float_ads img{width: 100px; margin-bottom: 10px;}

.slider-container .homepage-slider div{position: relative;}
.slider-container .homepage-slider p{position: absolute; top: 42%; right: 5%; font-size: 1rem; line-height: 1.6rem; color: #fff;}

/* 适应 */
@media screen and (max-width: 1200px) { 
    .footer .fr{margin-top: 40px;}
}