body{
    background:#f7f7f7;
}
.pp-main{
    width:1200px;
    margin:0 auto;
    overflow:hidden;

}
.pp-left{
    float:left;
    width:70%;
}
.pp-infos{
    float:left;
    width:100%;
    background:#f3efea;
    padding:15px;
    box-sizing: border-box;
}
.pp-infos-logo{
    float:left;
    width:35%;
    background:linear-gradient(360deg, #f3f3f3, #fff);
    padding-bottom:31px;
}
.pp-infos-logo-title{
    float:left;
    width:100%;
    position:relative;
}
.pp-infos-logo-title h3{
    width:40%;
    margin:0 30%;
    float:left;
    padding:10px 0;

}
.pp-infos-logo-title h3 img{
        width:30px;
}
.pp-infos-logo-title h3 span{
    font-weight: normal;
    color:#333;
    height:30px;
    line-height:30px;
    float:left;
}
.pp-infos-logo-title em{
    height:1px;
    width:18%;
    background:#333;
    position:absolute;
    top:25px;

    z-index:0;
}
.pp-infos-logo-title em.l{
    left:8%;
}
.pp-infos-logo-title em.r{
    right:8%;
}
.pp-infos-logo a img{
    width:80%;
    margin:0 10%;
}
.pp-infos-logo h4{
    font-size:16px;
    color:#666;
    text-align:center;
    margin-top:10px;
}
.pp-infos-logo p{
    font-size:14px;
    color:#999;
    float:left;
    padding-left:20px;
    margin-top:20px;
}
.pp-infos-logo p span{
    font-weight:bold;
    color:#666;
    font-size:16px;
}
.pp-infos-others{
    float:right;
    width:62%;
    background:#f7f7f7;
    padding:15px 20px;
    box-sizing: border-box;
}
.pp-infos-others h3{
    color:#333;
    font-size:24px;
}
.pp-infos-est{
    float:left;
    width:100%;
    margin-top:15px;
}
.pp-infos-est div{
    background:linear-gradient(45deg, #e0dedc, #fff);
    width:25%;
    text-align:center;
    padding:5px 0;
    float:left;
    margin-right:5%;
    border-radius:5px;
}
.pp-infos-est div h4{
    color:#e00;
    font-size:20px;
    
}
.pp-infos-est div h4 span{
    font-size:16px;
}
.pp-infos-est div p{
    color:#999;
    font-size:14px;
}
.pp-infos-list li{
    float:left;
    width:50%;
    margin-top:15px;
    font-size:14px;
    color:#666;
}
.pp-infos-list li img{
    width:20px;
    margin-right:10px;
}
.pp-infos-list li span{
    color:#e00;
}
.pp-infos-url{
    margin-top:15px;
}
.pp-infos-url a{
    background:#660;
    color:#fff;
    float:left;
    width:28%;
    text-align:center;
    line-height:32px;
    border-radius: 5px;
    font-size:15px;
    margin-right:5%;
}
.pp-infos-url a img{
    width:20px;
    margin-right:5px;
    float:none;
    display: inline-block;
vertical-align: middle;
}
.pp-infos-url a:hover>span{
    color:#ff0
}
.pp-infos-url a span{
    display: inline-block;
vertical-align: middle;
}
.pp-content{
    margin-top:20px;
}
.pp-content-title{
    color:#999;
    font-size:28px;
    text-align:center;
    margin:30px 0;
}
.pp-content-title span{
    position:relative;
}
.pp-content-title i{
    width:36px;
    height:3px;
    background:#999;
    display:inline-block;
    position:absolute;

}
.pp-content-title i.l{
    left:-46px;
    bottom:10px;
    border-radius:2px;
}
.pp-content-title i.r{
    right:-46px;
    bottom:10px;
    border-radius:2px;
}
.pp-content-title i.l::before{
    content:'';
    width:3px;
    height:3px;
    background:#999;
    border-radius:50%;
    position:absolute;
    bottom:0px;
    left:-8px;
}
.pp-content-title i.r::before{
    content:'';
    width:3px;
    height:3px;
    background:#999;
    border-radius:50%;
    position:absolute;
    bottom:0px;
    right:-8px;
    
}
.pp-content-title i.l::after{
    content:'';
    width:25px;
    height:3px;
    background:#999;
    position:absolute;
    top:-10px;
    right:0;
    border-radius:2px;
}
.pp-content-title i.r::after{
    content:'';
    width:25px;
    height:3px;
    background:#999;
    position:absolute;
    top:-10px;
    left:0;
    border-radius:2px;
}
.pp-content-body p{
    font-size:16px;
    color:#333;
    line-height:150%;
    margin-bottom:10px;
    text-indent: 2em;
}
.pp-content-body-author{
    color:#999;
    font-size:12px;
    margin-top:15px;
}
.pp-content-body-author span{
    padding:0 3px;
    font-weight: bold;
    text-decoration:underline;
}
.authentication li{
    float:left;
    width:12.5%;
    text-align:center;

}
.authentication li img{
    width:64%;
    margin:0 18%;
}
.authentication li p{
    font-size:14px;
    color:#666;
    margin-top:10px;
    float:left;
    width:100%;
}
.authentication li:hover p{
    color:#e00;
}
.pp-content-class{
    margin-top:15px;
}
.pp-content-class img{
    width:4%;
    margin-right:2%;
}
.pp-content-class-list{
    float:left;
    width:94%;
    
}
.pp-content-class-list li{
    float:left;
    width:23%;
    border:1px solid #ccc;
    border-radius:5px;
    padding:5px;
    margin:0 2.5% 15px 0;
    box-sizing: border-box;
    text-align: center;
}
.pp-content-class-list li:nth-child(4n){
    margin-right:0;
}
.pp-content-class-list li a{
    color:#660;
    font-size:15px;
    height:28px;
    line-height:28px;
    display: inline-block;
vertical-align: middle;
}
.pp-content-class-list li:hover{
    background:#fcfcfc;
}
.pp-content-class-list li:hover>a{
    color:#f00;
}
.pp-content-title2{
    color:#333;
    font-size:16px;
}
.trademark-list li:nth-child(1){
    font-weight: bold;
    background:#eee;
    padding:15px 0;
}
.trademark-list,.patent-list,.standard-list{
    border:1px solid #dbdbdb;
    box-sizing: border-box;
    border-bottom:none;
    margin-top:15px;
}
.trademark-list li,.patent-list li,.standard-list li{
    float:left;
    width:100%;
    border-bottom:1px solid #dbdbdb;
    padding:15px 0;
    font-size:14px;
}
.trademark-list li span,.patent-list li span,.standard-list li span{
    float:left;
    text-align: center;
}
.trademark-list li span:nth-child(1){
    width:30%;
    text-indent:15px;
    text-align:left;
}
.trademark-list li span:nth-child(2){
    width:20%;
}
.trademark-list li span:nth-child(3){
    width:10%;
}
.trademark-list li span:nth-child(4){
    width:30%;
}
.trademark-list li span:nth-child(5){
    width:10%;
}
.trademark-list-notes{
    font-size:12px;
    color:#999;
    line-height: 150%;
    margin-top:15px;
}
.patent{
    margin-top:20px;
}
.patent-list{
    border:1px solid #dbdbdb;
    box-sizing: border-box;
    border-bottom:none;
    margin-top:15px;
}

.patent-list li:nth-child(1){
    font-weight: bold;
    background:#eee;
    padding:15px 0;
    

}

.patent-list li span:nth-child(1){
    width:25%;
    text-indent:15px;
    text-align: left;
}
.patent-list li span:nth-child(2){
    width:40%;
    
    
}
.patent-list li span:nth-child(3){
    width:35%;
}
.standard-list li span:nth-child(1){
    width:20%;
    text-align:left;
    text-indent:15px;
}
.standard{
    margin-top:20px;
}
.standard-list li span:nth-child(2){
    width:41%;
}
.standard-list li span:nth-child(3),.standard-list li span:nth-child(4),.standard-list li span:nth-child(5){
    width:13%;
    text-align:center;
    text-indent: 0;
}
.commerce-list{
    border:1px solid #dbdbdb;
    border-bottom:none;
    margin-top:15px;
}
.commerce-list li{
    font-size:14px;
    float:left;
    width:100%;
    border-bottom:1px solid #dbdbdb;
}
.commerce-list li span{
    float:left;
    padding:10px 0;
    text-indent:15px;
    background:#eee;
    width:16%;
}

.commerce-list li span:nth-child(2n){
    width:34%;
    background:none;
}
.commerce-list2 li:nth-last-child(1) span{
    min-height:200px;
}
.commerce-list2 li:nth-last-child(1) span:nth-last-child(1){
    width:84%;
    text-indent:0;
    padding:15px;
    box-sizing: border-box;
    line-height:150%;
}
.pp-content-clear{
    height:20px;
}
.pp-content-more{
    text-align:center;
    margin:20px 0;
}
.pp-content-more a{
    background:#660;
    color:#fff;
    font-weight: bold;
    font-size:18px;
    padding:8px 25px;
    display:inline-block;
    border-radius:5px;
} 
.pp-news-list li{
    float:left;
    width:100%;
    border-bottom:1px dashed #dbdbdb;
    padding-bottom:15px;
    margin-bottom:15px;
}
.pp-news-list li div{
    width:70%;
    float:left;
}
.pp-news-list-title{
    font-size:18px;
    color:#333;
    font-weight: bold;
    margin-bottom:5px;
    display: inline-block;
}
.pp-news-list li div p{
    color:#999;
    font-size:14px;
    line-height:150%;
    height:45px;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;
}
.pp-news-list li>a{
    float:right;
    width:25%;
}
.pp-news-list dl{
    margin-top:18px;
}
.pp-news-list dt{
    float:left;
}
.pp-news-list dt a{
    color:#999;
    font-size:14px;
    border:1px solid #dbdbdb;
    float:left;
    padding:5px;
    border-radius:5px;
    margin-right:10px;
}
.pp-news-list dd{
    float:right;
}
.pp-news-list dd span{
    float:left;
    margin-right:10px;
}
.pp-news-list dd span img{
    width:18px;
    margin-top:4px;
}
.pp-news-list dd span em{
    font-style: normal;
    color:#999;
}
.pp-news-more{
    text-align: center;
}
.pp-news-more a{
    border:1px solid #660;
    color:#660;
    padding:5px 15px;
    display: inline-block;
    border-radius:5px;
}
.pp-comment-ts{
    text-align:center;
    margin:20px 0;
}
.pp-comment-ts span{
    display:inline-block;
padding:8px 0;
    background:#600;
    overflow: hidden;
    width:150px;
    border-radius:25px;
    margin:0 10px;
}
.pp-comment-ts span img{
    width:25px;
    float:none;
    display: inline-block;
    vertical-align:middle;
    margin-right:10px;

}
.pp-comment-ts span em{
    display:inline-block;
    vertical-align:middle;
    font-style: normal;
    color:#f7f7f7;
    font-size:16px;
}
.pp-comment-msg textarea{
    width:100%;
    height:120px;
    border:1px solid #dbdbdb;
    background:none;
    border-radius:5px;
}
.pp-comment-msg p{
    margin-top:10px;
}
.pp-comment-msg p span{
    float:left;
    font-size:14px;
    color:#999;
    padding:8px 0;
    
}
.pp-comment-msg p a{
    background:#555ba7;
    float:right;
    color:#fff;
    padding:8px 20px;
    border-radius:5px;
}
.pp-remind{
    margin-bottom:30px;
}
.pp-remind p{
    font-size:14px;
    color:#666;
    line-height:150%;
    text-indent: 2em;
}
.pp-right{
    float:right;
    width:28%;
    background:#f3efea;
    padding:10px 15px;
    box-sizing: border-box;


}
.pp-hot ul{
    margin-top:5px;
}
.pp-hot ul li{
    float:left;
    width:48%;
    margin-right:4%;
}
.pp-hot ul li:nth-child(2n){
    margin-right:0;
}
.pp-hot h5,.pp-phb h5,.pp-class h5,.pp-news2 h5{
    font-size:18px;
    color:#333;
    height:40px;
    line-height:40px;
}
.pp-hot ul li img{
    border-radius:5px;
}
.pp-hot ul li p{
    color:#333;
    margin-top:10px;
    margin-bottom:15px;
    text-align: center;
    float:left;
    width:100%;
}
.pp-phb{
    margin-top:10px;
}
.pp-phb ul{
    margin-top:5px;
}
.pp-phb ul li{
    border-bottom:1px solid #dbdbdb;
    float:left;
    width:100%;
    margin-bottom:10px;
    padding-bottom:10px;
    height:25px;
    line-height:25px;
}
.pp-phb ul li span{
    float:left;
    margin-right:10px;

    text-align:center;
    border-radius:5px;
    font-size:14px;
    font-weight: bold;
}
.pp-phb ul li a{
    float:left;
    font-size:14px;
    color:#333;
}
.pp-phb ul li:nth-child(1) span{

    color:#fe2d46;
}
.pp-phb ul li:nth-child(2) span{

    color:#f60;
}
.pp-phb ul li:nth-child(3) span{
 
    color:#faa90e;
}
.pp-phb ul li img{
    width:80px;
    display:none;
}
.pp-phb ul li:hover{
    height:35px;
    line-height:35px;
}
.pp-phb ul li:hover >img{
    display:inline;
}
.pp-class{
    margin-top:10px;
}
.pp-class ul{
    margin-top:10px;
}
.pp-class ul li{
    float:left;
    width:30%;
    margin-right: 5%;
    margin-bottom:15px;
}
.pp-class ul li:nth-child(3n){
    margin-right:0;
}
.pp-class ul li img{
    border-radius:50%;
    background:#fcfcfc;
}
.pp-class ul li p{
    text-align:center;
    float:left;
    width:100%;
    color:#333;
    font-size:14px;
    margin:8px 0 10px 0;
}
.pp-class ul li img:hover{
    background:#f7f7f7;
}
.pp-class ul li p:hover{
    color:#660
}
.pp-news2 ul li{
    float:left;
    width:100%;
    padding:8px 0;
    border-bottom:1px dashed #dbdbdb;
}
.pp-news2 ul li:nth-last-child(1){
    border-bottom:none;
}
.pp-news2 ul li::before{
    content:'';
    width:5px;
    height:5px;
    background:#666;
    float:left;
    border-radius:50%;
    margin-top:8px;
    margin-right:10px;
}
.pp-news2 ul li a{
    color:#333;
    font-size:15px;
    float:left;
    width:70%;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pp-news2 ul li span{
    float:right;
    font-size:15px;
    color:#999;
}