/*lo*/
.location{padding: 40px 0;}
.location a{margin-right: 20px; color:#474646;font-size:14px;}
.location a.active{font-weight:600;}
.location a i{display: inline-block; margin-left: 10px; vertical-align: middle; width: 7px;height: 7px;background:url("../images/news_atr.png") no-repeat center; }
/*article-list*/
.article-list{width:100%;padding-bottom:80px;}
.article-list ul{overflow:hidden;}
.article-list li{padding-top: 40px; border-top: 1px solid #dedede;width: 30%;*width:29.95%;margin-right: 5%;float: left; min-height: 250px; padding-bottom: 30px;}
.article-list li a{color:inherit;}
.article-list li:nth-of-type(3n){margin-right: 0;}
.article-list li h2{font-size: 16px;padding-bottom: 25px;color:#010101;font-weight:600;}
.article-list li h2 a{color:#010101;}
.article-list li p{color:#6f6f6f; line-height: 26px;padding-bottom: 40px;font-size:14px;}
/*article-content*/
.article-info{width: 100%;text-align: center;padding: 50px 0;line-height: 36px;overflow: hidden;}
.article-content{font-size:15px;line-height:25px;word-wrap:break-word;margin-bottom:20px;border-bottom: 1px solid #dedede;padding:40px 0;}
.article-content img{margin: 5px 0; display:block;max-width:100%;height:auto}
.article-content h2, .article-content h3, .article-content h4， .article-content h5{padding:10px 0;margin-bottom:18px;color: #555;font-weight:bold;}
.article-content h2{font-size:18px;font-weight:bold;margin:18px 0;border-bottom: 1px solid #eaeaea;}
.article-content h3{font-size:16px;}
.article-content h4{font-size:15px;}
.article-content h5{font-size:14px;}
.article-content ul, .article-content ol{margin:0 0 18px 50px}
.article-content ul{list-style: disc;}
.article-content ol{list-style: decimal;}
.article-content li{margin-bottom: 6px;}
.article-content p{margin-bottom:18px;word-wrap:break-word}
.article-content pre{word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:18px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content .alignnone{margin:0 auto;}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content .wp-caption{margin-bottom: 18px;background-color: #f6f6f6;padding: 10px 10px 1px;max-width: 100%}
.article-content .wp-caption img{margin: 0 0 5px;}
.article-content .wp-caption p{margin-bottom: 10px;text-indent: 0;}
.article-content .wp-caption.alignnone{text-align: center;}
.article-content .wp-caption:hover .wp-caption-text{color: #45B6F7;}
.article-content a{text-decoration:underline;color: #45B6F7;}
.article-content a:hover{color: #FF5E52;}
.article-content~.page-up-down{margin-bottom:50px;}
/**/
.article-more{
    height:50px;
    width: 100%;
    margin:20px auto 50px;
    text-align: center;
}
.article-more a{
    height:50px;line-height:50px;
    padding:0 60px;
    border:1px solid #0072C6;
    background:#fff;
    font-size:18px;
    border-radius:5px;
    color:#0072C6;
    display:inline-block;
}
.article-more a:hover{
    color:#fff;
    background:#0072C6;
}
/*page*/
.pager{display:none;}
.pagination-loading{width:100%;height:80px;overflow:hidden;text-align:center;line-height:50px;padding:30px 0;cursor:pointer;font-size:16px;color:#333;}
.pagination-loading img{margin-right:10px;height:25px;width:25px;vertical-align: middle;}
.pagination-loading a{color:#333;border:1px solid #333;padding:13px;border-radius:5px;}
.pagination-loading fieldset{margin: 10px 0 20px;border-width: 1px 0 0;border-style: solid;border-color: #ccc;}
.pagination-loading fieldset legend{padding: 0 10px;font-size: 20px;font-weight: 300;}
/*case*/
.case-list{background:#fbfbfb;}
.case-list .container{padding-bottom:30px;}
/*案例详情*/
.case-details .container{padding-top:120px;padding-bottom:30px;}
.case-details .img{ float:left; width:69%;height:1080px;overflow:hidden;position:relative;}
.case-details .img.active{height:auto;}
.case-details .img img{ display:block; width:100%}
.case-details .img .mores{height:100px;width:100%;position:absolute;bottom:0;color:#fff;font-size:18px;line-height:60px;padding-top:40px;text-align:center;cursor:pointer;}
.case-details .img .mores a{height:50px;line-height:50px;padding:0 50px;border-radius:50px;border:1px solid #fff;display:inline-block;color:#fff;}
.case-details .img.active .js-show,
.case-details .img .js-hide{display:none;}
.case-details .img .js-show,
.case-details .img.active .js-hide{display:block;}
.case-details .attribute{ width:31%; float:right; color:#fff; padding-top:5%;font-size:14px;}
.case-details .attribute .title{padding-left:11%; margin-bottom:40px;}
.case-details .attribute .title h3{height:70px;line-height:70px;font-size:30px;font-weight:normal;margin-bottom:20px;}
.case-details .attribute .title h3 span{display:inline-block;}
.case-details .attribute .title h3 span:after{ content:"";display:block;height:2px;width:100%;background-color:#fff;}
.case-details .attribute .title h5{font-size:14px;line-height:24px;margin-bottom:10px;}
.case-details .attribute .title p{
    font-size:14px;line-height:24px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.case-details .attribute .case-cell{padding-left:11%;}
.case-details .attribute .case-cell li{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom:30px;
}
.case-details .attribute .case-cell .cell-hd{width:100px;}
.case-details .attribute .case-cell .cell-bd{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.case-details .attribute .case-cell .cell-bd.date abbr,
.case-details .attribute .case-cell .cell-bd p abbr{padding:0 5px;font-weight:bold;}
.case-details .attribute .case-cell .cell-bd p{line-height:22px;}
.case-details .attribute .case-cell .cell-bd.device svg{height:30px;width:30px;vertical-align:middle;}
.case-details .attribute .case-cell .cell-bd.tone-list span{ display:inline-block; vertical-align:top; margin-right:10px; text-align:center; margin-bottom:10px}
.case-details .attribute .case-cell .cell-bd.tone-list i{ display:block; margin:0 auto; width:50px; height:50px;box-shadow: 0 6px 70px 1px rgba(0,0,0,.1);}
.case-details .more{ background-color:#00386f; padding:28px 0; text-align:center; margin-right:-17%; margin-top:120px;}
.case-details .more a{ display:inline-block; height:55px; line-height:55px; padding:0 28px; color:#fff; font-size:18px; border:1px solid #fff}
.case-details .more a:hover{ background-color:#fff; color:#333}
.case-details .page-up-down li{padding-top:30px;}
.case-details .page-up-down a{color:#fff;}
.case-details .page-up-down a:after{background:#fff;}
/*app*/
.application{width:100%;overflow:hidden;padding-top:90px;background:#F7F7F7;}
.application .app-info{float:left;width:40%;}
.application .app-info .title{padding:0 10%; margin-bottom:40px;}
.application .app-info .title h3{height:70px;line-height:70px;font-size:30px;font-weight:normal;margin-bottom:20px;}
.application .app-info .title h3 span{display:inline-block;border-bottom:2px solid #ccc;}
.application .app-info .title h5{font-size:14px;line-height:24px;margin-bottom:10px;}
.application .app-info .title p{
    font-size:14px;line-height:24px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.application .app-info .case-cell{padding:0 10%;font-size:14px;}
.application .app-info .case-cell li{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom:20px;
}
.application .app-info .case-cell .cell-hd{width:100px;font-weight:bold;}
.application .app-info .case-cell .cell-bd{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.application .app-info .case-cell .cell-bd.date abbr,
.application .app-info .case-cell .cell-bd p abbr{color:#0096c2;padding:0 5px;font-weight:bold;}
.application .app-info .case-cell .cell-bd p{line-height:22px;}
.application .app-info .case-cell .cell-bd.device svg{height:30px;width:30px;vertical-align:middle;color:#0072c6;}
.application .app-info .case-cell .cell-bd.tone-list span{ display:inline-block; vertical-align:top; margin-right:10px; text-align:center; margin-bottom:10px}
.application .app-info .case-cell .cell-bd.tone-list i{ display:block; margin:0 auto; width:50px; height:50px;box-shadow: 0 6px 70px 1px rgba(0,0,0,.1);}
.application .app-info .case-cell .cell-bd.tone-list abbr{font-size:12px;}
.application .app-info .case-page{padding:0 10%;text-align:right;}
.application .app-info .case-page a{height:34px;width:34px;display:inline-block;text-align:center;line-height:34px;}
.application .app-info .case-page a.pre{background:url(../images/pre.png) center no-repeat;}
.application .app-info .case-page a.next{background:url(../images/next.png) center no-repeat;}
.application .app-details{float:left;width:60%;}
.application .app-details img{width:100%;vertical-align:middle;}