.product_box {
    width: 100%;
    margin-top: 50px;
}
.product_title {
    width: 200px;
    /* height: 120px; */
    color: #1443a7;
    margin: 0 auto;
    line-height: 1;
    /* line-height: 160px; */
    font-size: 24px;
    text-align: center;

}
.title {
    width: 366px ;
    height: 70px;
    margin: 0 auto;
    font-size: 16px;
    color:#4c4b4b;
    text-align: center;margin-top: 17px;line-height: 1;
}
.certificate{
    width: 1200px;
    height: 50px;
    /* background-color: red; */
    font-size: 0;line-height: 0;text-align: center;
}
.about{
    width: 120px;
    height: 40px;
    background-color: #e6e6e6;
    /* margin-left: -70px; */
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;margin: 0 15px;
}
.about:hover,.about.on {background-image: linear-gradient(0deg, 
    #4071d7 0%, 
    #1ea2f6 100%), 
linear-gradient(
    #4071d7, 
    #4071d7);
background-blend-mode: normal, 
    normal;}
.about a {color: #4071d7;font-size: 16px;}
.about:hover a,.about.on a{color: #fff;text-decoration: none;}
.abouts a {color: #4071d7;font-size: 16px;}
.abouts:hover a,.abouts.on a  {color: #fff;text-decoration: none;}
.abouts:hover,.abouts.on {background-image: linear-gradient(0deg, 
    #4071d7 0%, 
    #1ea2f6 100%), 
linear-gradient(
    #4071d7, 
    #4071d7);
background-blend-mode: normal, 
    normal;}
/* .about:hover{
    background-color: #2d8de8;
    color: #fff;
} */
/* .abouts:hover{
    background-color: #2d8de8;
} */

.box{
    display: none;
}
.selected{
    display: block;
}
.abouts{
    width: 120px;
    height: 40px;
    background-color: #e6e6e6;
    /* margin-left: 20px; */
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;margin: 0 15px;
}
.actives{
    background-color: #2d8de8;
    color: #fff;
}
.a-info-title {font-size: 28px;margin:53px auto 31px; color: #333333;text-align:center;}
.a-info-switch {font-size:0;margin-bottom:46px;text-align:center;}
.a-info-switch li {width:88px;height:35px;border:1px solid #14408a;display: inline-block;margin:0 10px;}
.a-info-switch li a {display:block;width:88px;height:35px;line-height:35px;color:#14408a;}
.a-info-switch li:hover a,.a-info-switch li.on a {background: #14408a;color:#fff;}
.a-info-ul li {position:relative; overflow:hidden; float: left; margin-right:25px;margin-bottom:49px; width: 31%;height: 398px;border: solid 1px #f0f0f0;box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);}
.a-info-ul li:nth-child(3n) {margin-right:0;}
.a-info-ul li div { width: 383px; height: 226px;overflow:hidden;}
.a-info-ul li img { width: 383px; height: 226px; transition: .6s; -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; -o-transition: .6s; }
.a-info-ul li:hover img { transform:scale(1.2) ; -webkit-transform:scale(1.2) ; -moz-transform:scale(1.2) ; -ms-transform:scale(1.2) ; -o-transform:scale(1.2) ; }
.a-info-ul li strong {display:block;padding:23px 0 13px 17px;font-size: 16px;color: #222222;border-bottom:1px solid #cbcbcb;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.a-info-ul li p {color: #999999;padding-left:14px;padding-right:39px;font-size: 14px;line-height:28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.a-info-ul li p:first-of-type {margin-top:18px;margin-bottom:12px;font-size:16px;line-height:1;}
.a-info-ul li:hover p {color:#e07724;}
.a-info-ul li:hover strong {color:#e07724;}
.a-info .jump {margin:30px auto 80px;}
.a-info-ul li i { position:absolute; top:284px; height:1px; background:#e07724; width:0; transition:.6s; -webkit-transition:.6s; -moz-transition:.6s; -ms-transition:.6s; -o-transition:.6s; }
.a-info-ul li i:first-of-type {right:50%;}
.a-info-ul li i:nth-of-type(2) {left:50%;}
.a-info-ul li:hover i {width:50%;}
.bottom {
    width: 100%;
    height: 53px;
    line-height: 53PX;
    /* padding-left: 16px; */
    font-size: 16px;
    /* border-bottom: 1px solid #cccccc; */
}
.bottom a {
    width: 100%;
    height: 53px;
    line-height: 53PX;
    padding-left: 16px;
    font-size: 16px;
    /* border-bottom: 1px solid #cccccc; */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}


li:hover .bottom a{
    color: #f26c00;
}
.number{
    margin-right: 10px;
    color: #4071d7;
}
.serve{
    color: #666666;
}
.cn{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #4071d7;
    color: #fff;
    margin-right: 10px;
}
.search{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #4071d7;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page{
    width: 1200px;
    height: 107px;
    /* background-color: pink; */
    display: flex;
    justify-content: center;
}
.pagination{
    margin: 10px auto;
}
.pagination>li>a{
    background-color: #eaeae9;
    color: #4c4b4b;
    margin-left: 5px;
}
.pagination>li>a:hover,.pagination>li>a.on{
    color: #fff;
    background-color: #497fde;
}
.time{
    padding-top: 10px;
    padding-left: 16px;
    color: #4c4b4b;
}
.time>ul{
    margin-top: 10px;
    color: #4c4b4b;
}
.active{
    color: coral;
}

.line li {color:#999;}
.line li:nth-child(2) {    
    line-height: 26px;
    height:52px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
li:hover .line li {color:#f26c00; } 
.pagination>li:first-child>a, .pagination>li:first-child>span {border: none!important;}
.pagination>li>a, .pagination>li>span {border: none!important;}
.pagination>li>a { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;margin: 0 5px; }