@charset 'UTF-8';
/**
 *
 * @authors    ${winlily}
 * @email    ${winlily@foxmail.com}
 * @date    2017-05-04 20:08:48
 * @version $Id$
 */
/* ----------------------------------自定义的公共样式部分/end---------------------------------- */
.bg_ecfff4{
    background-color: #ecfff4;
}
._17b55d{
    color: #17b55d
}
.btn_17b55d{
    background-color: #17b55d;
    border-color:#17b55d;
}
.btn_17b55d:hover{
    background-color:#005828;
    color: #fff;
}
body {
    /*
    font-family: 'Helvetica Neue', helvetica, 'lucida grande', 'lucida sans unicode', lucida, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important;
    */
    font-family: "Times New Roman",Georgia,Serif;
    font-size: 18px !important;
    line-height: 24px;
    position: relative;
    height: 100%;
    color: #555 !important;
    background-color: #fff;
    min-width:  1366px
}
a{
    color:#17b55d;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
vertical-align:middle;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #17b55d;
    border-color:#17b55d;
}
.pagination > li > a, .pagination > li > span{
color:#17b55d;
}
.breadcrumb {
    padding: 18px 15px;
    background-color: #ecfff4;
}
.breadcrumb li a{
    color: #17b55d
}
.breadcrumb > .active{
    color: #555;
}
.breadcrumb li{
    color: #17b55d
}
.container{
    min-width:  1170px !important

}
.form-control{
    margin: 10px 0
}
/*  */
.panel-title {
    margin-bottom: 10px;
    padding-left: 10px;
    border-left: 5px solid #17b55d;
}
@media screen and (max-width: 768px) {
    body {
        font-size: 12px;
    }
}
/* back-top 返回顶部按钮 */
.back-top {
    position: fixed;
    right: 2%;
    bottom: 4%;
    display: none;
    width: 45px;
    height: 45px;
    background-color: #17b55d;
}
.back-top img {
    max-width: 45px;
    height: auto;
    padding: 10px;
}
/* navbar 导航*/
.navbar.navbar-default {
    margin-bottom: 0;
    background-color: #17b55d;
    /*position: relative;*/
}
.navbar-brand {
    padding: 0 15px;
}
.nav.navbar-nav .dropdown .dropdown-menu{
border: none;
}
.nav.navbar-nav .dropdown .dropdown-menu li{
    margin: 10px 0
}
.carousel-indicators {
    bottom: 0;
}
.carousel-indicators li {
    border: none;
    background-color: #ffb641;
}
.carousel-indicators .active {
    background-color: #ff9f00 !important;
}
/* carousel轮播*/
.main-content>.row>.col-lg-9 {
    margin-top: 29px;
}
/* 导航 */
.navbar.navbar-default {
    height: 100px;
    margin-bottom: 0;
    background: url(../img/nav_bg.png) no-repeat;
}
.navbar-default .navbar-nav>li>a {
    font-size: 20px;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 36px;
    color: #fff;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    border-bottom: 3px solid #fff;
    background-color: transparent;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #005828 !important;
    border-bottom: 3px solid #fff;
    background-color: transparent;
}
/* carousel  轮播背景 */
.carousel-box {
    height: 678px;
    margin-top: 100px;
    background: url(../img/carousel_bg.png) no-repeat;
}
.carousel-control.left {
    background-image: none;
}
.carousel-control.right {
    background-image: none;
}
.carousel-indicators {
    left: 0;
    width: 100%;
    height: 50px;
    margin: 0;
    background: url(../img/carousel-indicators_bg.png) center no-repeat;
}
.carousel-indicators li,
.carousel-indicators li.active {
    width: 20px;
    height: 20px;
    margin: 15px 5px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .5);
}
.carousel-indicators li.active {
    width: 20px;
    height: 20px;
    margin: 15px 5px;
    background-color: #fff !important;
}
.carousel-box #carousel-example-generic {
    height: 678px;
}
.carousel-box .carousel-inner .img-responsive {
    width: auto;
    height: 518px;
    margin: 0 auto;
    margin-top: 55px;
}
.content1 {
    /*line-height: 55px;*/
}
.content1-img img {
    margin-top: 55px;
}
.content1 .content1-title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.content1 .content1-title img {
    margin-right: 20px;
}
.content1 .pull-right {
    font-size: 20px;
    color: #12a020;
}
.content2 {
    margin-top: 50px;
    padding-bottom: 50px;
    background-color: #e5e5e5;
}
.content2 .container ul li {
    padding: 8px 0;
}
.content2 .container ul li:first-child {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.content3 {
    height: 679px;
    background: url(../img/content3_gif.gif);
}
.content3 .content3-content img {
    margin: 50px auto;
}
.content3 .content3-content p {
    font-size: 78px;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    margin: 60px auto;
    text-align: center;
    color: #fff;
}
.content3 .content3-content p:last-child {
    font-size: 60px;
}
/* 自定义跑马灯插件 */
.marquee-box {
    overflow: hidden;
    width: 600px;
    margin: 20px auto;
}
ul.marquee-content {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}
ul.marquee-content li {
    float: left;
    width: 80px;
    /*margin-top: 0;*/
    margin: 20px;
    padding: 0;
    list-style: none;
}
ul.marquee-content li img {
    width: 80px;
    height: 80px;
}

/* 主体部分 */
.main-content{
    margin-top:140px;
}

.footer {
    background-color: #f3f3f3;
}
.footer-copyright {
    font-family: Georgia;
    margin: 50px auto 20px auto;
    color: #333;
}
/* drug2fragment */
.table-responsive a{
    color:#17b55d;
}
#myTab{
    border-bottom: 2px solid #17b55d;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color: #17b55d;
    color:#fff;
}
/* 锚点 */
.anchor-box{
    margin-top: 40px;
}
#IUPACname label{
    margin: 10px 0;
    font-weight:normal;
}

/* 2017/12/05 winlily */
.carousel-panel .row .panel-default{
overflow:hidden;
}