@import url("jumbotron.css");

/*主图内容 */
.container-primary{display: flex;justify-content:center;align-items:center;margin-top:3%;}
.pic-center{flex: 2;}
.pic-two{flex: 3;padding-left:3%;}
.container-primary .pic-two h5{font-size: 1.4rem;font-weight:bold;color: #141416;}
.container-primary .pic-two h5+p{color: #444444;font-size: 1.4rem;}
.container-primary .pic-two h5+p+span{background-color:#169FE6;width:20%;height:2px;display:inline-block;}
.container-primary .pic-two ul{color:#444;}
.container-primary .pic-two ul li span{color:#169FE6;padding-right:2%;}
.pic-center img{max-width:100%;}


/*副文内容*/
.container-subhead{display: flex;background: #F7FCFF;}
.container-subhead div{
    flex-grow:1;
    flex-shrink:1;
}
.container-subhead table thead th,.container-subhead table tbody td{text-align:center;padding:1px;border:0;white-space: nowrap;}
.table-two{margin-left:1%;}
.table-two tbody tr:first-child td{background-color:#169FE6;color:#fff;}
.table-two tbody tr:first-child td:last-child{background-color:#000;}
.container-subhead table thead tr:first-child{border-bottom:1px solid #169FE6;}
/*分页*/
#Page ul li a {
    background-color: #e6ebee;
    color: #000F1D;
}
#Page ul .active a {
    background-color: #169FE6;
    color: #fff;
}


/*响应式*/
@media screen and (min-width: 1200px){
    .container-primary .pic-two h5,.container-primary .pic-two h5+p,.container-primary .pic-two ul li,.pic-center img,.container-subhead table thead th,.container-subhead table tbody td,.container-subhead,.container-subhead table thead tr:first-child{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}

    /*主图内容 */
    .container-primary .pic-two h5{font-size: 2.8rem;padding:2% 0}
    .container-primary .pic-two h5+p{font-size: 2.2rem;}
    .container-primary .pic-two ul li{font-size:2rem;line-height: 4rem;}
    .pic-center img{ border-radius:50%;}

    /*副文内容*/
    .container-subhead table thead th,.container-subhead table tbody td{font-size: 2.2rem;padding:5px;}
    .container-subhead{margin-top:8%;}
    .container-subhead table thead tr:first-child{border-bottom:2px solid #169FE6;}
}
@media screen and (min-width: 768px) and (max-width: 1199.8px) {
    .container-primary .pic-two h5,.container-primary .pic-two h5+p,.container-primary .pic-two ul li,.container-subhead table thead th,.container-subhead table tbody td{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    /*主图内容 */
    .container-primary .pic-two h5{font-size: 2rem;padding:2% 0}
    .container-primary .pic-two h5+p{font-size: 1.8rem;}
    .container-primary .pic-two ul li{font-size:1.6rem;line-height:3rem;}

    /*副文内容*/
    .container-subhead table thead th,.container-subhead table tbody td{font-size: 1.6rem;padding:5px;}
}


@media screen and (min-width: 500px) and (max-width: 767.8px) {
    .container-primary .pic-two,.container-primary .pic-two h5,.container-primary .pic-two ul,.container-primary .pic-two ul li,.container-primary .pic-two .subhead,.container-primary{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .container-primary .pic-two{padding:1%;}
    .container-primary .pic-two h5{font-size:1.8rem;line-height: 3rem;}
    .container-primary .pic-two ul{padding-right:1%;}
    .container-primary .pic-two ul li{font-size:1.4rem;}
    .container-primary .pic-two .subhead{font-size: 1.6rem;}
    .container-primary{margin-bottom:5%;}
}

@media only screen and (max-width: 499px) {
    .container-primary .pic-two .subhead,.container-primary .pic-two .subhead+span,.pic-two,.container-primary{
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }
    .container-primary .pic-two .subhead{font-size: 1rem;padding:2px 0;}
    .container-primary .pic-two .subhead+span{display: block;}
    .pic-two{transform:scale(.9)}
    .container-primary{margin-bottom:5%;}
    /*.jumbotron{margin-bottom:15px;}*/
}