@charset "utf-8";
/*WapslidesSTART*/
.wap-slides{ overflow: hidden; }
/*WapslidesNED*/
/*--------------------------
** Model Index
---------------------------*/
.comm-title{ text-align: center;padding: 20px 10px; }
.comm-title h3{ font-size: 20px;font-weight: bold;color: #000; }
.comm-title p{ font-size: 13px;color: #666; }
/** plate-together **/
.plate-together{ position: relative;padding: 0 15px 20px;  }
.plate-together .top-txt{ padding: 0 0 15px; }
.plate-together .top-txt p{ float: left; width: 50%; font-size: 12px;color: #000;margin-bottom: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.plate-together .top-txt p em{ display: block;float: left;width: 10px;height: 2px;background: #157da0;margin: 7px 5px 0 0; }
.plate-together .four-list ul li{display: flex;flex-direction: column;align-items: center;justify-content: center;
    float: left; width: 160px;height: 160px;background: #157da0;color: #fff;margin-bottom: 15px;padding: 15px 0;border-radius: 65%; }
.plate-together .four-list ul li:nth-of-type(even){ float: right; }
@media screen and (max-width: 320px){
    .plate-together .four-list ul li{ width: 135px;height: 135px; }
}
.plate-together .four-list ul li:nth-of-type(odd){ background: #035060; }
.plate-together .four-list ul li:last-child{ margin-right: 0; }
.plate-together .four-list ul li .num-counter{ font-size: 38px; }
.plate-together .four-list ul li .num span{ font-size: 14px; }
.plate-together .four-list ul li h5{ font-size: 17px;font-weight: bold; }
/** plat-product **/
.plat-product{ padding: 0 15px 20px; }
.product-list ul li{ float: left; width: 48%;background: #fff;margin-bottom: 4%; }
.product-list ul li:nth-of-type(even){ float: right; }

.product-list ul li .remark{ padding: 15px 10px; }
.product-list ul li .remark h5{ font-weight: bold;color: #000; }
.product-list ul li .remark h5::after{ width: 23px;height: 23px; clear: both; content: url("../images/cp_ico01.png");vertical-align: middle;padding-left: 5px; }
.product-list ul li .remark p{ font-size: 12px; color: #666;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.product-list ul li .imgs{ display: flex;align-items: center;justify-content: center; height: 215px;text-align: center; overflow: hidden; }
.product-list ul li .imgs img{ max-width: 90%; }
.product-list ul li:hover .remark h5{ color: #157da0; }
/** plat-service **/
.service-list ul li{ position: relative; float: left; width: 50%; }
.service-list ul li img{ display: block;width: 100%; }
.service-list ul li .remark{ display: flex;justify-content: center; flex-direction: column; width: 100%;height: 100%; position: absolute;top: 0;left: 0;
    background: rgba(0,0,0,.7);color: #fff;text-align: center;transition: all .3s ease-out; }
.service-list ul li .remark h5{ font-size: 16px;font-weight: bold; }
.service-list ul li .remark p{ font-size: 12px; }
.service-list ul li .remark a{ width: 100px;height: 30px;line-height: 30px; border: 1px solid #fff;border-radius: 65px;font-size: 12px;
    text-align: center;color: #fff;margin: 20px auto 0; }
/** plat-partner **/
.partner-list{ padding: 0 15px 20px; }
.partner-list .tab-info{ width: 100%;margin-bottom: 15px;background: #fff; }
.partner-list .tab-info img{ display: block;width: 100%; }
.partner-list .tab-info .remark{ padding: 15px 10px 30px; }
.partner-list .tab-info .remark h5{ font-size: 16px;font-weight: bold;color: #000; }
.partner-list .tab-info .remark .intro{ color: #666;margin: 5px 0 20px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.partner-list .tab-info .remark a{ display: block; width: 100px;height: 30px;line-height: 30px; border: 1px solid #fff;border-radius: 65px;
    text-align: center;color: #fff;background: #157da0;font-size: 12px; }
.partner-list ul li{position: relative;float: left;width: 32%;margin: 0 0 2% 0;overflow: hidden;}
.partner-list ul li:nth-of-type(3n-1){ margin: 0 2%; }
.partner-list ul li img{ display: block;max-width: 100%; }
.partner-list ul li .remark{ display: flex;align-items: center;justify-content: center; position: absolute;bottom: -101%;left: 0; width: 100%;height: 100%;
    background: rgba(21,125,160,.9);transition: all .3s ease-out; }
.partner-list ul li .remark h5{ color: #fff;font-size: 12px; }
.partner-list ul li:hover .remark{ bottom: 0; }
/** plat-brand **/
.brand-list{ padding: 0 15px 10px; }
.brand-list ul li{ float: left; width: 48%;margin-bottom: 4%; }
.brand-list ul li:nth-of-type(even){ float: right; }
.brand-list ul li .thumb{ display: block; width: 100%; }
.brand-list ul li .remark{ position: relative; padding: 40px 10px 20px; border: 1px solid #e6e6e6;border-width: 0 1px 1px;text-align: center; }
.brand-list ul li .remark .ico-img{ position: absolute;left:calc((100% - 60px)/2);top: -30px; display: flex;align-items: center;justify-content: center; width: 60px;height: 60px;background: #f3f3f3;
    border-radius: 65px; }
.brand-list ul li .remark .ico-img img{ display: block;max-width: 100%; }
.brand-list ul li .remark h5{ font-weight: bold;padding-bottom: 5px; }
.brand-list ul li .remark p{ font-size: 12px;display: -webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient: vertical; }
/** plat-article **/
.article-list{ padding: 0 15px 10px; }
.article-list ul li{ width: 100%;background: #fff;margin-bottom: 15px; }
.article-list ul li:nth-of-type(3n){ margin-right: 0; }
.article-list ul li .imgs{ position: relative; width: 100%;overflow: hidden; }
.article-list ul li .imgs img{ display: block;width: 100%;transition: all .3s ease-out; }
.article-list ul li .cate-name{ position: absolute;left: 15px;bottom: 20px;width: 97px;height: 35px;line-height: 35px; border-radius: 65px;color: #fff;background: #157da0;
    text-align: center; z-index: 2; }
.article-list ul li .frist-li .remark{ padding: 20px 15px; }
.article-list ul li .frist-li .remark h5{ color: #000;font-weight: bold;padding-bottom: 5px; }
.article-list ul li .frist-li .remark p{ color: #666;font-size: 12px; }
.article-list ul li .frist-li:hover .remark h5{ color: #157da0; }
.article-list ul li .frist-li:hover .imgs img{ transform: scale(1.1) }
/** plat-about **/
.content-page img{ display: block;width: 100%; }
.content-page .remark{ padding: 0 10px 20px; text-align: center; }
.content-page .remark h5{ font-size: 16px;font-weight: bold;padding: 20px 0 10px; }
.content-page .remark p{ font-size: 12px;color: #666; }