@charset "utf-8";
.nppd{ padding: 15px 15px 20px; }
.current{ text-align: center;padding: 25px 0 15px;border-bottom: 1px solid #eee; }
.current h5{ font-size: 20px;color: #333; }
.current p{ font-size: 12px; }
/************
** Nbanner
*************/
.nbanner{ position: relative; }
.nbanner .text{ width: 90%; position: absolute;bottom: 35px;left: 15px;z-index: 66; }
.nbanner .text h5{ font-weight: bold;font-size: 20px;color: #fff;padding-bottom: 5px; }
.nbanner .text p{ font-size: 12px;color: #fff }
/************
** Screen
*************/
.wap-screen{ padding:0 15px;height:59px;line-height:60px;position:relative;border-bottom:1px solid #eee;overflow: hidden; }
.wap-screen .swiper-slide { text-align:center;width:auto;margin-right:20px; }
.wap-screen .swiper-slide:last-child{ background:none; }
.wap-screen .swiper-slide a{ font-size:14px;color:#333; }
.wap-screen .swiper-slide em{ position:absolute;bottom:-1px;left:0;display:block;width:100%;height:2px;background:transparent;z-index:66 }
.wap-screen .swiper-slide.on a{ color: #157da0; }
.wap-screen .swiper-slide.on em{ background: #157da0; }
/************
** Detail
*************/
.wap-detail p{ color:#666;line-height:24px; }
.wap-detail img{ max-width:100%;display:block; }
/************
** Partner
*************/
.wap-partner-lists ul li{ float: left; width: 48%; text-align: center; }
.wap-partner-lists ul li:nth-of-type(even){ float: right; }
.wap-partner-lists ul li img{ border: 1px solid #eee; }
.wap-partner-lists ul li p{ padding: 10px 0 16px;color: #333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
/************
** Cert
*************/
.wap-cert-lists ul li{ float: left; width: 48%; text-align: center; }
.wap-cert-lists ul li:nth-of-type(even){ float: right; }
.wap-cert-lists ul li img{ border: 1px solid #eee; }
.wap-cert-lists ul li p{ font-size: 14px;padding: 10px 0 16px;color: #333; }
/************
** Server
*************/
.ab-title{ text-align: center;padding-bottom: 20px; }
.ab-title h5{ font-size: 20px;font-weight: bold;color: #000; }
.ab-title p{ font-size: 13px;color: #666; }
/* cs-service */
.cs-service{ padding: 20px 15px 0; }
.cs-service ul li{ padding: 15px 10px; display: flex;align-items: center;justify-content: center; border: 1px solid #ebebeb;margin-bottom: 20px; }
.cs-service ul li .imgs{ display: flex;align-items: center;justify-content: center; width: 80px;height: 80px;border: 1px solid #ebebeb;
    border-radius: 65px;margin-right: 10px; }
.cs-service ul li .imgs img{ max-width: 100%; }
.cs-service ul li .remark{ width: calc(100% - 90px); }
.cs-service ul li h5{ font-weight: bold;color: #000;padding-bottom: 5px; }
.cs-service ul li p{ font-size: 12px; color: #666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical; }
/** cs-brand **/
.cs-brand{ padding: 0 15px 10px; background: #fafafa; }
.cs-brand .ab-title{ padding-top: 30px; }
.cs-brand ul li{ margin-bottom: 20px;background: #fff; }
.cs-brand ul li .imgs{ width: 100%; }
.cs-brand ul li .imgs img{ display: block;width: 100%; }
.cs-brand ul li .remark{ padding: 15px 15px 30px; }
.cs-brand ul li .remark h5{ color: #000;font-weight: bold;padding-bottom: 5px; }
.cs-brand ul li .remark p{ color: #000;font-size: 12px; }
/************
** Product
*************/
.wap-pro-lists ul li{ float: left; width: 48%; margin-bottom: 4%;text-align: center; }
.wap-pro-lists ul li:nth-of-type(even){ float: right; }
.wap-pro-lists ul li .imgs{ display: flex;align-items: center; height: 180px; border: 1px solid #ebebeb;overflow: hidden; }
.wap-pro-lists ul li .imgs img{ display: block;max-width: 80%;margin: 0 auto; }
.wap-pro-lists ul li .remark h5{ color: #666;padding-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
/** show **/
.product-show .intro{ padding: 20px 15px;border-bottom: 1px solid #ebebeb; }
.product-show .intro .left-img img{ display: block;max-width: 100%;margin: 0 auto; }
.product-show .intro .right-desc{ padding: 15px 0; }
.product-show .intro .right-desc h1{ color: #157da0;font-size: 15px;font-weight: bold; }
.product-show .intro .right-desc p{ color: #666;padding: 10px 0 20px; }
.product-show .intro .bth a{ float: left; display: block;width: 100px;height: 38px;line-height: 38px; text-align: center; border: 1px solid #dcdcdc;
    border-radius: 5px;margin-right: 10px;color: #333; }
.product-show .intro .bth a.on{ background: #157da0;border-color: #157da0;color: #fff; }
/** description **/
.description .title{ text-align: center;padding:20px 0; }
.description .title h5{ font-size: 18px;color: #000;font-weight: bold; }
.description .title p{ text-transform: uppercase;font-size: 12px;color: #666; }
/** desc-list **/
.desc-list{ padding: 0 15px; }
.description ul li{ margin-bottom: 20px; }
.description ul li .remark{ padding: 15px; position: relative;border: 1px solid #ebebeb;border-width: 0 1px 1px; }
.description ul li .remark h6{ font-weight: bold;color:#333;padding-bottom: 5px; }
.description ul li .remark p{ font-size: 12px; }
.product-show .detail-content{ padding: 15px; }
/**editem**/
.pro-block{ padding: 0 15px;overflow: hidden; }
.pro-block .stitle {
    text-align: center;
    font-size: 18px;
    color: #157da0;
    padding-bottom: 10px;
}
.pro-block table{
    table-layout:fixed;
}
.pro-block td, .pro-block th {
    padding: 5px 10px;
    border: 1px solid #ddd;
    word-break: break-word;
}
.pro-block td p span{ font-size: 14px !important; }
/** remme-pro **/
.remme-pro{
    padding: 20px 0 0;
}
.rtitle{ padding: 0 15px; height: 37px;border-bottom: 2px solid #ebebeb; }
.rtitle .catcn{ position: relative; font-size: 16px; font-weight: bold; }
.rtitle .catcn::after{ position: absolute;left: 0; bottom: -16px; width: 100%;height: 2px;background: #157da0; content: "";z-index: 6 }
.rtitle em{ padding: 0 10px 0 15px;color: #a8a8a8; }
.rtitle .caten{ text-transform: uppercase;color: #a8a8a8;font-size: 13px; }
.cons-slide{ padding: 20px 0 20px 15px;overflow: hidden; }
.cons-slide .swiper-slide{ text-align: center; }
.cons-slide .swiper-slide .imgs{ display: flex;align-items: center; height: 180px;border: 1px solid #ebebeb;overflow: hidden; }
.cons-slide .swiper-slide img{ display: block;width: 90%;margin: 0 auto; }
.cons-slide .swiper-slide .remark h5{ padding-top:10px;  font-size: 12px;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
/************
** Picture
*************/
.wap-pic-lists ul li{ width: 48.5%;float: left; margin-bottom: 15px; }
.wap-pic-lists ul li:nth-of-type(even){ float: right; }
.wap-pic-lists ul li .remark{ padding: 15px 10px; border: 1px solid #eee; }
.wap-pic-lists ul li .remark h5{ color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.wap-pic-lists ul li .remark p{ font-size:12px;color:#666;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical; }
/************
** Article
*************/
.wap-news-lists ul li{ padding: 15px 0;border-bottom: 1px solid #eee; }
.wap-news-lists ul li:first-child{ padding-top: 0; }
.wap-news-lists ul li a{ display: flex;align-items: center;justify-content: center;flex-wrap: wrap; }
.wap-news-lists ul li img{ min-width: 120px; width: 120px;height: 100%; display: block;margin-right: 10px;background: #c6c6c6; }
.wap-news-lists ul li .remark{ width: calc(100% - 130px); }
.wap-news-lists ul li .remark h5{ color: #333;font-size: 14px;padding-bottom: 3px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.wap-news-lists ul li .remark p{ font-size: 12px;color: #666;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical; }
/*+-------------------------------
/*+ Contactus
/*+-------------------------------*/
.wap_map{margin: 10px 0;border: 1px solid #eee;}
#allmap {width: 94%;height:300px;overflow: hidden;margin:10px auto;}
#maps{width: 94%;height: 300px;}
#maps .info-title{color: white;font-size: 14px;background-color: rgba(0,155,255,0.8);line-height: 26px;padding: 0px 0 0 6px;font-weight: lighter;letter-spacing: 1px}
#maps .info-content{padding: 4px;color: #666;line-height: 23px;}
#maps .info-content img{float: left;margin: 3px;}
#maps .amap-adcombo-close{ background:#000 url(../images/mapclose.png) center center no-repeat !important; }
.contactus p{ padding:2px 0; }
.contactus ul li{ border:1px solid #eee;padding:10px;margin-top:15px; }
/** Feedback **/
.feedback-list{ }
.feedback-list .input-row{ margin-bottom: 15px; }
.feedback-list input[type=text]{ font-size: 14px; width: 100%;height: 43px;line-height: 43px;border: 1px solid #eee;outline: none; }
.feedback-list .textarea{ font-size: 14px;width: 100%;height: 80px;padding:.5em;border: 1px solid #eee;outline: none;resize: none; }
.feedback-list .min-btn{ width: 100%;height: 45px;line-height: 45px;background: #157da0;border-radius: 3px;
    padding: 0;border: 0;color: #fff;margin-top: 15px; }
.feedback-list .error-hide{ display: block;padding-top: 15px; }
.feedback-list .error-hide.Validform_wrong{  color: red; }
.feedback-list .error-hide.Validform_right{ display: none; }
/** Show **/
.detail {padding: 0 15px;}
.n-title { border: 1px solid #f0f0f0;border-width: 0 0 1px;padding: 15px; }
.n-title.pro-show{padding:15px 0px;}
.n-title.pro-show span.m-type{font-size:13px;color:#666}
.n-title h1{font-size:16px;font-weight:normal;}
.n-title .type{ padding-top: 5px; font-size: 12px;color: #666; }
.n-title .type a{color: #666;}
.detail-content{padding: 15px 0;}
.detail-content,
.detail-content p{font-size: 14px;color:#666;line-height: 24px; }
.detail-content img{width: 100% !important;height: auto !important;}
.detail-content img.pics{ margin-bottom: 10px; }
/*+-------------------------------
/*+ 上下页
/*+-------------------------------*/
.prenext:after{ display: block;content: "";clear: both; }
.prenext{padding: 20px 15px;border: 1px solid #f0f0f0;border-width: 1px 0;}
.prenext p{ font-size: 12px; float: inherit !important;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.prenext a{ font-size: 12px; height: 25px;line-height: 25px;color: #999;}