@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;padding-top: 59px; }
.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
*************/
.cons-pics .wap-screen{ position: fixed;background: #fff;top: 100px;left: 0; z-index: 666; }
.wap-screen{ width: 100%; 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:18px;color:#333; }
.wap-screen .swiper-slide em{ position:absolute;bottom:-1px;left:0;display:block;width:100%;height:2px;background:transparent;z-index:66 }
/************
** Detail
*************/
.wap-detail p{ color:#666;line-height:24px; }
.wap-detail img{ max-width:100%;display:block; }
.wap-detail .video-js{ width: 100% !important;height: auto !important; }
/************
** Service
*************/
.wap-serv-lists ul li{ padding: 15px 0;border-bottom: 1px solid #eee; }
.wap-serv-lists ul li a{ display: flex;align-items: center;justify-content: center; }
.wap-serv-lists ul li img{ display: block;width: 80px;height: 80px;margin-right: 10px; }
.wap-serv-lists ul li .remark h5{ font-size: 14px;color: #333;padding-bottom: 5px; }
.wap-serv-lists ul li .remark p{ font-size: 12px;color: #666; }
/************
** Partner
*************/
.wap-partner-lists ul li{ float:left; width: 31%;text-align: center;margin: 0 0 10px; }
.wap-partner-lists ul li:nth-of-type(3n-1){ margin: 0 3.5%; }
.wap-partner-lists ul li img{ border: 1px solid #eee; }
.wap-partner-lists ul li p{ height: 20px;margin-top: 5px; color: #333;font-size: 14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
/************
** Team
*************/
.wap-team-lists ul li{ width: 48%;float: left;margin-bottom: 15px; }
.wap-team-lists ul li:nth-of-type(even){ float: right; }
.wap-team-lists ul li img{ max-width: 100%;display: block; }
.wap-team-lists ul li .remark{ height: 40px;border: 1px solid #e6e6e6;border-width: 0 1px 1px; }
.wap-team-lists ul li .remark h5{ font-size: 14px;color: #333; line-height: 40px;text-align: center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.wap-team-lists ul li .remark .position{ font-size: 12px;color: #666; }
/** Show **/
.team-show .img-show{ padding: 0 10px; }
.team-show .img-show img{ width: 100%; }
.team-show .team-name{padding:0 10px;height: 50px;line-height: 50px;border-bottom:1px solid #f0f0f0;}
.team-show .team-name h5{font-size: 18px;max-width: 60%;float: left;line-height: 50px;color:#333;}
.team-show .team-name span{font-size: 12px;color:#666}
.team-show .team-content{padding:15px 10px;font-size:12px;color:#666;}
.team-show .team-content.btor{border-bottom: 1px solid #f0f0f0}
.team-show .team-content h6{font-size: 14px;padding-bottom:5px;}
/************
** Cert
*************/
.wap-cert-lists ul li{ text-align: center; }
.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; }
/************
** Product
*************/
.wap-pro-lists ul li{ margin-bottom: 15px; }
.wap-pro-lists ul li .remark{ padding: 15px 10px; border: 1px solid #eee; }
.wap-pro-lists ul li .remark h5{ color: #333; }
.wap-pro-lists ul li .remark p{ font-size: 12px;color: #666 }
/************
** Picture
*************/
.nppd.noslide{ padding-top: 75px; }
/*.cons-pics .wap-pic-lists{ padding-top: 75px; }*/
.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 }
/************
** 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; }
.wap-news-lists ul li img{ width: 120px;height: 100%; display: block;margin-right: 10px;background: #c6c6c6; }
.wap-news-lists ul li .remark{ width: calc(100% - 120px); }
.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; }
/************
** Recru
*************/
.wap-recru-list ul li{ position: relative; width: 100%; padding: 20px 15px; border: 1px solid #eee;margin-bottom: 20px; }
.wap-recru-list ul li h5{ font-size:14px;color: #333;padding-bottom: 3px;text-overflow:ellipsis;
    white-space:nowrap;overflow:hidden; }
.wap-recru-list ul li p{ margin: 5px 0 10px;color: #666;font-size: 12px; }
.wap-recru-list ul li .time{ color: #999;font-size: 14px; }
/** show **/
.recru-show{ padding: 0 15px 40px; }
.recru-show .title{ padding: 20px 0;border-bottom: 1px solid #ededed; }
.recru-show .title h1{ font-size: 18px;padding-bottom: 5px; }
.recru-show .title p{ color: #666;font-size: 12px;line-height: 24px; }
.recru-show .rec-content{ font-size: 14px;line-height: 24px;color: #666;padding: 20px 0;border-bottom: 1px solid #eee; }
.recru-show .rec-content strong{ display: block;color: #333;padding-bottom: 5px; }
.recru-show .remark-bottom{ padding: 20px 0; }
.recru-show .remark-bottom p{ color: #333;line-height: 28px; }
.recru-show .remark-bottom p strong{ color: #c7000a; }
.bottom-file{ position:relative;width:100%;height:50px;line-height: 50px;background: #c7000a;color:#fff;text-align: center;border-radius: 5px;overflow: hidden; }
.bottom-file .files{ position: absolute;top: 0;left: 0;width: 100%;height: 50px;font-size:100px; opacity: 0;border: 0; }
/*+-------------------------------
/*+ 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: #666666;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: #000;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; }
/** pro-block details **/
.pro-block.details{ padding: 15px; }
.pro-block.details .stitle{ padding: 15px 0px;border-bottom: 1px solid #f0f0f0; }
.analys .lis:after,
.analys .lis .txt .txt-con .ps:after{ display: block;content: "";clear: both;overflow: hidden; }
.analys .lis{ padding: 15px 0; }
.analys .lis .txt .txt-con h6{ display: none; font-size: 22px;color: #333;padding-bottom: 20px; }
.analys .lis .txt .txt-con .ps{ font-size: 14px;color: #666;padding: 10px 0; }
.analys .lis .txt .txt-con .ps span{ float: left; display: block;width: 22px;height: 22px;line-height: 22px; background: #fbb344;border-radius: 65px;
    text-align: center;color: #fff;margin-right: 10px; }
.analys .lis .txt .txt-con .ps:nth-of-type(2) span{ background: #38c0d6; }
.analys .lis .txt .txt-con .ps:nth-of-type(3) span{ background: #2d9ce5; }
.analys .lis .txt .txt-con .ps:nth-of-type(4) span{ background: #9568eb; }
.analys .lis .txt .txt-con .ps p{ float: left; width: calc(100% - 32px); }
.analys .lis .imgs img,.analys img{ display: block;width: 100% !important;height: auto !important; }
/** params **/
.params .lis{ padding: 15px 0;border-bottom: 1px solid #f0f0f0; }
.params .lis span{ color: #666; }
/** pros-slide **/
.wap-pros-list{ overflow: hidden; }
.wap-pros-list .swiper-wrapper{ padding: 20px 0; }
.wap-pros-list .swiper-slide h5{ font-size: 14px;color: #333;text-align: center;font-weight: normal;padding: 10px 0 0; }
/*+---------------
/*+  list-V2
/*+---------------*/
.about-us .content{ padding: 0 15px 30px; }
.about-us .us-top{ margin-bottom: 5px; }
.about-us .remark h5{ color: #000;padding-bottom: 20px; }
.about-us .remark p{ color: #000;line-height: 26px; }
.about-us .top-img img{ float: left; display: block; width: 50%; }
.about-us .top-img img:last-child{ width: calc(50% - 5px); margin-left: 5px; }
.about-us .limg img{ width: calc((100% / 3) - 5px); display: block;float: left; margin-right: 5px; }
.about-us .limg img:last-child{ margin-right: 0; }
/** about-craft **/
.about-craft{ padding-bottom: 30px; background: #222a35;overflow: hidden; }
.about-craft .title-v2 h5{ color: #fff; }
.about-craft .cons{ padding-left: 15px; }
.about-craft .swiper-slide .remark{ color: #fff; }
.about-craft .swiper-slide .remark h5{ font-size: 18px;font-weight: lighter;padding: 10px 0 5px; }
.about-craft .swiper-slide .remark p{ line-height: 24px; }
/** about-cert **/
.about-cert .cons{ padding:0 0 30px 15px; overflow: hidden; }
.about-cert .swiper-slide .imgs{ display: flex;align-items: center;justify-content: center; background: #f0f0f0;height: 300px; }
.about-cert .swiper-slide .imgs img{ max-width: 80%; }
.about-cert .swiper-slide p{ text-align: center;padding-top: 10px; }
/** module-porcess **/
.module-porcess .title-v2 h5{ color: #fff; }
/** case-show **/
.show-remark .description{ padding: 20px 0; }
.show-remark .MsoNormal{ margin-bottom: 20px;font-size: 13px;line-height: 24px;color: #000; }
.show-remark .contact-a a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: #555;
}
.show-remark .contact-a a:hover { background-color:#383838; color:#fff; border: 1px solid #383838; }
/*+-------------------------------
/*+ 上下页
/*+-------------------------------*/
.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;}