/*巨幕*/
@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.6rem;font-weight:bold;text-align: center;}
.container-primary .pic-two p{font-size: 1rem;}
.pic-center img{max-width:100%;}

.pic-center+div p{
    color:#444;
}
.thumbnail p{
    color:#444;
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.thumbnail p+span{
    display: inline-block;
     width:25%;height:2px;background-color:#169FE6;
}
.pic-center+div .subhead span{color:#169FE6;}
.container-primary .pic-two .subhead{font-weight:600; color:#000F1D;font-size:1.4rem;}
.product-center{margin:5% auto;text-align: left;}
.product-center .caption h1{font-size:1.8rem;}
.product-center .caption small{font-size:1rem;}
.product-center .caption h4{font-size:1.4rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.product-center .thumbnail{border:none;}
.product-center .thumbnail h4{height:2rem;}
.product-center small{margin:2% auto;display: block}


/*分页*/
#Page ul li a {
    background-color: #e6ebee;
    color: #000F1D;
}

/*#product div ul{width:100%;}*/
#Page ul .active a {
    background-color: #169FE6;
    color: #fff;
}

/*响应式*/
@media only screen and (min-width: 1200px){
    .container-primary .pic-two h5,.container-primary .pic-two .subhead,.pic-two .subhead,.pic-two p, .thumbnail .caption h4, .thumbnail .caption p{
        -webkit-transition: font-size .5s;
        -moz-transition: font-size .5s;
        -ms-transition: font-size .5s;
        -o-transition: font-size .5s;
        transition: font-size .5s;}
    .container-primary .pic-two h5{line-height:3.4rem;font-size: 2.8rem;}
    .container-primary .pic-two .subhead{line-height:3rem;font-size: 2.2rem;margin:2% 0;}
    .container-primary .pic-two p{line-height:3rem;font-size:1.8rem;}
    .thumbnail .caption h4{font-size:1.8rem;font-weight:bold;}
    .thumbnail .caption p{font-size:1.6rem;}
}
@media only screen and (min-width: 992px) and (max-width: 1199.8px) {
    .container-primary .pic-two h5,.container-primary .pic-two .subhead,.pic-two .subhead,.pic-two p, .thumbnail .caption h4{
        -webkit-transition: font-size .5s;
        -moz-transition: font-size .5s;
        -ms-transition: font-size .5s;
        -o-transition: font-size .5s;
        transition: font-size .5s;}
    .container-primary .pic-two h5{line-height:3.4rem;font-size: 2.4rem;}
    .container-primary .pic-two .subhead{line-height:3rem;font-size: 1.8rem;}
    .container-primary .pic-two p{line-height:3rem;font-size:1.6rem;}
    .thumbnail .caption h4{font-size:1.4rem;font-weight:bold;}
}
@media only screen and (min-width: 568px) and (max-width: 991.8px) {
    .container-primary .pic-two h5,.container-primary .pic-two .subhead,.pic-two .subhead,.pic-two p{
        -webkit-transition: font-size .5s;
        -moz-transition: font-size .5s;
        -ms-transition: font-size .5s;
        -o-transition: font-size .5s;
        transition: font-size .5s;}
   .container-primary .pic-two h5{line-height:3rem;font-size: 2rem;}
   .container-primary .pic-two .subhead{line-height:2.4rem;font-size: 1.6rem;}
   .container-primary .pic-two p{line-height:1.6rem;font-size:1.4rem;}
   .thumbnail .caption h4{font-size:1.4rem;font-weight:bold;}
}
@media only screen and (min-width: 400px) and (max-width: 567.8px) {
    .product-center .container{padding-left:0;padding-right:0;}
    .product-center .thumbnail{padding-left:0;padding-right:0;margin-bottom:10px;}
    .pic-two .subhead{line-height:2.4rem;}
    .pic-two p{line-height:1.6rem;}
}
@media only screen and (max-width: 399px) {
    .product-center .container{padding-left:0;padding-right:0;}
    .product-center .container>div{padding-left:5px;padding-right:5px;}
    .product-center .thumbnail{padding-left:0;padding-right:0;margin-bottom:0;}
    .product-center .thumbnail .caption{padding-left:0;padding-right:0;}
}