/*override*/
body{
    font-family:"Microsoft Yahei";
    font-size: 15px;
    background-color: #eee;
}
.affix {
    position: fixed;
    top: 20px;
    width: 300px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    /* background-color: #1f2a59; */
    /* border-color: #1f2a59; */
    background-color: #184796;
    border-color: #184796;
}
.pagination>li>a, .pagination>li>span{
    color: #1f2a59;
}
.my-container {
    width: 1200px;
    max-width: 1200px;
    margin: auto;
    background-color: white;
}

.my-container .row{
    margin-left:0;
    margin-right: 0;
}

.my-container .col-xs-4{
    padding-left:5px;
    padding-right: 5px;
}

.my-container .col-xs-4:first-child {
    padding-left:0;
}

.my-container .col-xs-4:last-child{
    padding-right: 0;
}

.fix-width{
    padding:0;
    margin-top:20px;
    width: 1200px;
    max-width: 1200px;
}

.dark-blue {
    color: #1f2a59;
}

.light-blue {
    color: #566592;
}

.yl-header, .yl-nav, .yl-info, .yl-slider, .yl-footer, .yl-sub {
    width: 100%;
    min-width: 960px;
    margin: auto;
    background-size: cover;
}

.yl-header {
    background-color: #eee;
    padding: 15px 5px;
}

.left {
    float: left;
}

.right {
    float: right;
    line-height: 40px;

}

.right a{
    text-decoration: none;
    color:#121831a8
}

.right a:hover {
    font-weight: bold;
    color: #121831a8;
}

.clearfix {
    clear: both;
}

.inline {
    display: inline-block;
}

.stock-name {
    font-size: 15px;
    font-weight: bold;
    color: #154c98;
}

.stock-name img {
    margin-left: 2px;
    width: 28px;
    height: auto;
    cursor: pointer;
}

/* nav */
.yl-nav {
    background-color: white;
}

.yl-nav .my-container{
    background-color: #184796;
}

.yl-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 50px;
}

.yl-nav>.my-container>ul>li {
    width: 14%;
    height:50px;
    float: left;
    z-index: 10;
}

.yl-nav li a {
    color: white;
    display: inline-block;
    text-align: center;
    padding: 12.5px 0px;
    font-size: 18px;
    text-decoration: none;
    width: 100%
}
.yl-nav li.dropdown>a {
    white-space: pre;
}

ul.dropdown-content a {
    padding: 14px;
}

li.dropdown:hover .dropdown-content a{
    color: #1f2a59;
    background-color: #eee;
    border-bottom: 1px solid #184796;
    line-height: 25px;
    font-size: 14px;
}

.dropdown-content a:hover {
    background-color: #184796 !important;
    color: #eee !important;
}
.dropdown:hover .dropdown-content {
    display: block;
    padding: 0 10px;
}
.dropdown-content {
    display: none;
    transition: all .5s ease-in-out;
}

.dropdown-content li a:hover {
    /* background-color: #1f2a59; */
    background-color: #184796 !important;
    color: white;
}

/*slider*/
.yl-slider {
    background-color: white;
}

.my-slider {
    padding: 5px 0;
    width: 100%;
}

.my-slider img {
    width: 100%;
    /* border-radius: 10px; */
}

.my-slider .slick-dots {
    bottom: 20px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

/*子图*/
.yl-sub {
    text-align: center;
    padding: 5px 0;
    margin: 0;
}

.yl-sub img {
    width: 100%;
    /*height: 148px;*/
    /* border-radius: 8px; */
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.yl-sub img:hover{
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 0 0 6px 2px #919398;
}

.yl-sub .sub-title {
    background-color: #184796;
    /* background: linear-gradient(to right, #1f2a59, #2c3368, #353e6f, #aaa); */
    font-weight: bold;
    text-shadow: 0.1em 0.1em #000;
    margin-bottom: 5px;
}

.yl-sub .sub-title a{
    /*color: #6671a1;*/
    font-weight: bold;
    text-shadow: 0.1em 0.1em #000;
    color: #fbfbfb;
    text-decoration: none;
    line-height: 25px;
}

/*.yl-sub .sub-title a:hover{*/
    /*color: white;*/
    /*text-decoration: none;*/
/*}*/

.yl-sub .row {
    margin-left: 0;
    margin-right: 0;
}

.yl-sub .row .col-xs-3, .my-container .col-xs-3 {
    padding: 0;
}

.yl-sub .col-xs-3 {
    cursor: pointer;
}
.yl-sub .col-xs-3:hover .sub-title{
    color: white;
}
/*信息版*/
.yl-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.yl-info .title {
    width: 100%;
    height: 40px;
    color: white;
    font-weight: bold;
    text-shadow: 0.1em 0.1em #000;
    background-image: url(../img/title-bg.png);
    background-size: cover;
    padding: 4px 38px;
}

.yl-info .detail-content, .yl-info .news-content {
    padding: 5px 10px;
    margin: 5px 10px;
}

.yl-info .detail-more {
    color: #aaa;
    position: absolute;
    right: 0;
    bottom: 2px;
    font-size: 8px;
    cursor: pointer;
}

.yl-info .detail-more a{
    color: #aaa;
    text-decoration: none;
}
.yl-info .detail-more a:hover{
    color: #384f7c;
}

.yl-info .col-xs-4 {
    padding: 0;
}

.yl-info .news-content {
    border-left: #aaa solid 2px;
}

.yl-info ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.yl-info li {
    background: url("../img/li-dot.png") no-repeat 4px 1px;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 3px;
}

.yl-info .news-detail {
    padding: 0 0 10px 0;
}

.yl-info .news-content .news-title {
    width: 75%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.yl-info .sub-news li {
    line-height: 15px;
    margin:7px 0;
}

.yl-info .sub-news li a{
    color: #333;
}

.yl-info .sub-news li a:hover, .yl-info .sub-news li a:hover .news-more{
    color: #1f2a59;
}

.yl-info .news-content .news-more {
    color: #aaa;
    width: 25%;
    float: right;
    text-align: right;
    display: inline-block;
    cursor: pointer;
}

.yl-info .stock-content {
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: 100%;
    border-left: #aaa solid 2px;
}

.yl-info .stock-content img {
    width: 100%;
    /*border-radius: 10px;*/
    /*border: #aaa solid 4px;*/
}

/*页脚*/
.yl-footer {
    font-size: 10.5pt;
    text-align: right;
    padding: 30px 0;
}

.yl-footer img {
    height: 40px;
}

.yl-header, .yl-sub, .yl-info, .yl-footer {
    background-color: white;
}

.qr-code {
    width: 80px;
    position: fixed;
    top: 150px;
    right: 30px;
    z-index: 100;
}

.qr-code img {
    width: 100%;
}

/* info */
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    /* background-color: #1f2a59; */
    /* border-color: #1f2a59; */
    background-color: #184796;
    border-color:#184796;
}

.yl-content{
    padding: 15px 15px 0 15px;
    border: 1px solid #eee;
    border-top: 5px solid #1f2a59;
    box-shadow: 0 0 20px 1px #eee;
    text-align:justify;
    font-size: 12.5pt;
    color: #000000;
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
    min-height: 430px;
}

.yl-content>span:first-child{
    position: absolute;
    top: -40px;
    /* background: linear-gradient(#000000, #1f2a59); */
    background-color: #184796;
    color: white;
    font-size: 1.5em;
    padding: 2px 30px;
    left: -1px;
}
.yl-content p{
    text-indent: 2em;
    line-height: 1.8;
}

div.lc p{
   text-indent: 0;
}

div.lc p::before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #1f2a59;
    margin-right: 10px;
}

.yl-content img{
    margin: 20px auto;
    display: block;
    width:100%
}

.highlight{
    text-align: center;color: #1f2a59;
    /*border-bottom: 1px dashed #999;*/
    /*padding-bottom: 20px;*/
}

.sub-banner{
    border-radius:5px;
    margin-bottom:20px;
    width: 100%;
}


/*news*/
ul.news{
    font-size: 12pt;
    list-style: none;
    padding-left:0;

}
ul.news li:before{
    content: ' ';
    width: 10px;
    background-color: #1f2a59;
    height: 10px;
    margin-right: 5px;
    display: inline-block;
}
ul.news li{
    border-bottom: 1px dashed #eee;padding: 15px 0;
    cursor: pointer;
    text-indent: 1em;
}
ul.news li>a{
    color: #000000;
    text-decoration: none;
}
ul.news li:hover{
    background-color: lightgray;
}
ul.news li:hover>a{
    color: #112251;
}
ul.news li:hover>a~span{
    color: #112251;
}
ul.news li>span{
    float: right;
    color: lightgray;
    padding-right: 5px;
    line-height: 21px;
}

.yl-video {
    display: inline-block;
    margin-top: 10px;
    border: 1px solid transparent;
    padding: 10px;
}

.yl-video:hover {
    border: 1px solid #112251
}

/*product*/
.active.first:before, .active.second:before {
    background-color: white;

}
.active.third:before{
    border-color: transparent transparent transparent #ffffff;
}

.first {
    text-align: left;
}

.first::before {
    content: ' ';
    width: 10px;
    background-color: #1f2a59;
    height: 10px;
    margin-right: 5px;
    display: inline-block;
}

.second {
    text-align: left;
    font-size: x-small;
}

.second::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #1f2a59 transparent transparent transparent;
    margin: 2px 5px 0 18px;
    display: inline-block;
}

.third {
    text-align: left;
    font-size: x-small;
}

.third::before{
    content: '';
    /*width: 10px;*/
    /*border-radius: 50%;*/
    /*height: 10px;*/
    /*border-style: solid;*/
    /*border-width: 5px 0 5px 10px;*/
    /*border-color: transparent transparent transparent #1f2a59;*/
    margin: 2px 5px 0 31px;
    /*float: left;*/
}