@import "base.css";
@import "header.css";
@import "footer1.css";


.ag-navigation{
    width: 100%;
    height: 162px;
    background: url("../image/list-sub-bg.jpg") center no-repeat;
    overflow: hidden;
}
.gradient{
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(135deg, rgba(0,78,162,0.95) 0%, rgba(110,185,43,0.95) 100%);
    background-size: contain;
}
.ag-navigation .navigation{width:auto;height:auto;}
.ag-navigation .navigation h1{font-size:30px;color:#fff;text-align:right;margin:30px 0;letter-spacing:5px;}
.ag-navigation .navigation p{height:25px;line-height:25px;color:#fff;}
.ag-navigation .navigation p a{color:#fff;margin:0 5px;}
.ag-navigation .sub-nav{border-top: 1px solid rgba(255, 255, 255, 0.3);}
.ag-navigation .sub-nav ul{height:60px;}
.ag-navigation .sub-nav li{float:left;display:inline-block;text-align:center;}
.ag-navigation .sub-nav li a{display:inline-block;line-height:50px;-webkit-transition:0.3s;transition:0.3s;margin-right:30px;position:relative;border-top:5px solid rgba(255,255,255,0);color:#fff;font-size:16px;}
.ag-navigation .sub-nav li a:after{display:block;background-color:#e4e4e4;height:20px;width:1px;position:absolute;right:-15px;top:15px;content:"";}
.ag-navigation .sub-nav li:last-child a:after{display:none;}
.ag-navigation .sub-nav li a:hover{color:#9ae097;}
.ag-navigation .sub-nav li.active a{font-weight:bolder;border-top:5px solid #6eb92b;}

.ag-position{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    color: #999;
    padding: 16px 0;
    font-size: 14px;
}
.ag-position li a:hover{
    color: #004ea2;
}



.ag-content{width:100%;margin-bottom:40px;}
.ag-content .article{width:100%;height:auto;margin-top:20px;}
.ag-content .article .bigtitle{font-size:26px;line-height:36px;margin-bottom:15px;color:#444;}
.ag-content .article .shorttitle{font-size:20px;line-height:30px;color:#00489c;color:#444;}
.ag-content .article .fromdate{font-size:14px;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd;line-height:180%;color:#999;}
.ag-content .article .fromdate span{margin-right:20px;}
.ag-content .article .fromdate a{color:#47a6ff;margin-left:5px;}
.ag-content .article .summary{border:1px solid #d2d2d2;background-color:#f8f8f8;margin:20px auto;}
.ag-content .article .summary p{font-size:12px;line-height:24px;color:#999999;padding:10px 20px;}
.ag-content .article .content{font-size:18px;line-height:180%;color:#555;margin-bottom:50px;}
.ag-content .article .content div{font-size:18px;line-height:180%;color:#555;text-indent:2em;}
.ag-content .article .content p{font-size:18px;line-height:180%;color:#555;text-indent:2em;}
.ag-content .article .content a{text-decoration:underline;color:#333;}
.ag-content .article .content a:hover{text-decoration:underline;color:#f00;}
.ag-content .article .content img{max-width:90%;height:auto!important;}
.ag-content .article .content iframe{width:100%;height:500px;}

.ag-content .article .yuyue{width:100%;text-align:center;height:50px;margin-bottom:50px;}
.ag-content .article .yuyue ul{display:inline-block}
.ag-content .article .yuyue li{float:left}
.ag-content .article .yuyue a{padding:10px 16px;font-size:18px;border-radius:6px;color:#fff;background-color:#5bc0de;margin:0 10px}
.ag-content .article .yuyue li:last-child a{background-color:#f0ad4e;}
.ag-content .article .yuyue a i{margin-right:5px;font-size:18px;}
.ag-content .article .yuyue a:hover{opacity:0.8}

.ag-content .article .relevant .re-title{
    height: 24px;
    line-height: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
}
.ag-content .article .relevant .re-title a.fl{
    display: inline-block;
    line-height: 24px;
    color: #363636;
    font-weight: bold;
    height: 24px;
    margin-bottom: 18px;
    margin-right: 20px;
    position: relative;
    font-size: 22px;
}
.ag-content .article .relevant .re-title a.more i{
    color: #004ea2;
    margin-left: 8px;
    font-size: 22px;
    float: right;
}
.ag-content .article .relevant .re-title a.more:hover{
    color: #004ea2;
}

.ag-content .article .relevant .re-text li{
    padding: 15px 0;
    border-bottom: 1px dashed #e4e4e4;
}
.ag-content .article .relevant .re-text li:last-child{
    border-bottom: none;
}
.ag-content .article .relevant .re-text .fl img{
    width: 150px;
    height: 80px;
    object-fit: cover;
}
.ag-content .article .relevant .re-text .fr{
    width: 1030px;
}
.ag-content .article .relevant .re-text .fr h1 a{
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    font-size: 20px;
    margin-bottom: 15px;
    color: #666;
    font-weight: 500;
}
.ag-content .article .relevant .re-text .fr h1 a:hover{
    color: #004ea2;
}
.ag-content .article .relevant .re-text .fr p{
    color: #999;
}



.ag-content .article-doctor{width:100%;height:auto;}

.ag-content .article-doctor .doctor-title{
    padding: 20px 0;
    border-bottom: 1px solid #e4e4e4;
}
.ag-content .article-doctor .doctor-title .pic{
    float: left;
}
.ag-content .article-doctor .doctor-title .pic img{
    width: 200px;
    height: 250px;
    object-fit: cover;
}
.ag-content .article-doctor .doctor-title .txt{
    float: left;
    margin-left: 20px;
    width: 950px;
}
.ag-content .article-doctor .doctor-title .txt h1{
    color: #004ea2;
    line-height: 44px;
    margin-bottom: 8px;
    letter-spacing: 2px;
}
.ag-content .article-doctor .doctor-title .txt .ot li{
    color: #999;
    font-size: 16px;
    line-height: 30px;
}
.ag-content .article-doctor .doctor-title .txt .ot li span{
    color: #444;
}

.ag-content .article-doctor .doctor-con{

}
.ag-content .article-doctor .doctor-con .dc-t{
    height: 20px;
    line-height: 20px;
    padding: 30px 0 20px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: normal;
    color: #666;
    font-size: 20px;
}
.ag-content .article-doctor .doctor-con .dc-des{
    text-indent: 2em;
    color: #555;
    font-size: 18px;
    padding: 20px 0;
    line-height: 32px;
}


.ag-content .article-doctor .content .left{width:auto;float:left;}
.ag-content .article-doctor .content .left img{width:250px;height:250px;padding:3px;border:1px solid #f5f5f5;}
.ag-content .article-doctor .content .left .contact{margin:20px auto;text-align:center;display:table;}
.ag-content .article-doctor .content .left .contact a{float:left;font-size:16px;padding:10px 25px;background-color:#377bee;color:#FFF;overflow:hidden;margin-right:10px;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;-o-transition:background-color 0.3s;transition:background-color 0.3s;}
.ag-content .article-doctor .content .left .contact a:last-child{margin-right:0;}
.ag-content .article-doctor .content .left .contact a:hover{background-color:#d2691e;}
.ag-content .article-doctor .content .right{width:500px;float:right;}
.ag-content .article-doctor .content .right .title{font-size:22px;height:35px;}
.ag-content .article-doctor .content .right .body{padding:20px 0px;font-size:18px;line-height:180%;}

.ag-content .article-doctor .introduce{background-color:#f4f6f8;}
.ag-content .article-doctor .introduce .di-img{float:left;background-color:#e5e5e5;padding:10px 0px;width:35px;text-align:center;}
.ag-content .article-doctor .introduce .di-detail{float:left;margin:20px 0px 0px 25px;}
.ag-content .article-doctor .introduce .di-detail .did-img{width:150px;height:150px;border:1px solid #dcdcdc;padding:3px;}
.ag-content .article-doctor .introduce .di-detail a:hover .did-img{border:1px solid #377bee;}
.ag-content .article-doctor .introduce .di-detail a:hover p{color:#377bee;}
.ag-content .article-doctor .introduce .di-detail a img{width:100%;height:100%;}
.ag-content .article-doctor .introduce .di-detail a p{text-align:center;height:30px;line-height:30px;}



.ag-content .article-spec{width:100%;height:auto;margin-top:20px;}
.ag-content .article-spec .bigtitle{font-size:26px;line-height:36px;margin-bottom:15px;color:#444;}

.ag-content .article-spec .bigdes{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.ag-content .article-spec .fromdate span{margin-right:20px;}
.ag-content .article-spec .fromdate a{color:#47a6ff;margin-left:5px;}

.ag-content .article-spec .bigdes img{
    width: 400px;
    height: 150px;
    object-fit: cover;
    float: left;
    margin-right: 24px;
}
.ag-content .article-spec .bigdes p{
    width: 560px;
    float: left;
    font-size: 16px;
    line-height: 30px;
    color: #555;
    max-height: 150px;
    overflow: hidden;
}

.ag-content .article .relevant .re-title{
    height: 24px;
    line-height: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
}
.ag-content .article .relevant .re-title a.fl{
    display: inline-block;
    line-height: 24px;
    color: #363636;
    font-weight: bold;
    height: 24px;
    margin-bottom: 18px;
    margin-right: 20px;
    position: relative;
    font-size: 22px;
}
.ag-content .article .relevant .re-title a.more i{
    color: #004ea2;
    margin-left: 8px;
    font-size: 22px;
    float: right;
}
.ag-content .article .relevant .re-title a.more:hover{
    color: #004ea2;
}

.article-spec .contlist .tbox dt{
    height: 24px;
    line-height: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4e4e4;
}
.article-spec .contlist .tbox dt strong{
    display: inline-block;
    line-height: 24px;
    color: #363636;
    font-weight: bold;
    height: 24px;
    margin-bottom: 18px;
    margin-right: 20px;
    position: relative;
    font-size: 22px;
}

.article-spec .contlist .tbox:first-child dd ul {
    margin-bottom: 40px;
}
.article-spec .contlist .tbox:first-child dd ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 24px 0;
}
.article-spec .contlist .tbox:first-child dd ul li h2 {
    font-size: 20px;
    font-weight: normal;
}
.article-spec .contlist .tbox:first-child dd ul li h2 a:hover {
    color: #377bee;
}
.article-spec .contlist .tbox:first-child dd ul li .news-list-info {
    font-size: 12px;
    color: #999;
    line-height: 40px;
}
.article-spec .contlist .tbox:first-child dd ul li .news-list-info .fl span {
    margin-right: 10px;
}
.article-spec .contlist .tbox:first-child dd ul li .news-list-summary {
    overflow: hidden;
}
.article-spec .contlist .tbox:first-child dd ul li .news-list-summary a {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}
.article-spec .contlist .tbox:first-child dd ul li .news-list-summary a div {
    width: 120px;
    height: 86px;
    transition: .6s transform;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.article-spec .contlist .tbox:first-child dd ul li .news-list-summary p {
    display: -webkit-box;
    line-height: 24px;
    max-height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
    font-size: 14px;
    color: #808080;
}

.article-spec .contlist .tbox:nth-child(2) dd ul {
    margin: 24px 0 40px;
}
.article-spec .contlist .tbox:nth-child(2) dd ul:before,
.article-spec .contlist .tbox:nth-child(2) dd ul:after {
    display: table;
    content: "";
    line-height: 0;
    font-size: 0;
    clear: both;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li {
    float: left;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item{
    width: 187px;
    margin-right: 15px;
    margin-bottom: 15px;
    height: auto;
    background-color: #f4f6f8;
    padding: 10px;
    overflow: hidden;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li:nth-child(6) .doc-item,
.article-spec .contlist .tbox:nth-child(2) dd ul li:nth-child(12) .doc-item {
    margin-right: 0;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item:after {
    content: "";
    background-color: #004ea2;
    width: 50px;
    height: 5px;
    position: absolute;
    left: 66px;
    top: 0;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item .name{
    display: block;
    font-size: 20px;
    color: #004ea2;
    line-height: 35px;
    height: 35px;
}

.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item .name:hover{
    color: #004ea2;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item p {
    font-size: 14px;
    color: #555;
    line-height: 20px;
    height: 20px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item .pic{
    display: block;
    width: 144px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item img{
    width: 150px;
    height: 200px;
    object-fit: cover;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item img:hover{
    webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item .depart{
    display: inline-block;
    font-size: 14px;
    color: #004ea2;
    border: 1px solid #004ea2;
    margin-top: 15px;
    padding: 4px 8px;
    border-radius: 5px;
}
.article-spec .contlist .tbox:nth-child(2) dd ul li .doc-item .depart:hover{
    color: #fff;
    background-color: #004ea2;
}




.pc-baoming-box{width:650px;padding:15px 0 0 30px;}
.pc-baoming-box h3{text-indent:0;color:#00489c;line-height:40px;}
.pc-baoming-box .input-box{height:35px;width:150px;font-size:16px;border:1px solid #0f82fe;float:left;padding-left:5px;margin-right:20px;}
.pc-baoming-box .input-sub{border:none;float:left;padding:8px 15px;cursor:pointer;background-color:#0f82fe;color:#fff;font-size:16px;transition:all .28s linear;-moz-transition:all .28s linear;-webkit-transition:all .28s linear;-o-transition:all .28s linear;}
.pc-baoming-box .input-sub:hover{background-color:#00a0e9;}