@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.cls3 .swiper-slide{ width: 33.3333333%;margin-right: 0; }
.wap-screen.cls4 .swiper-slide{ width: 25%;margin-right: 0; }
.wap-screen.cls5 .swiper-slide{ width: 20%;margin-right: 0; }
.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: var(--color); }
.wap-screen .swiper-slide.on em{ background: var(--color); }
/************
** Detail
*************/
.wap-detail p{ color:#666;line-height:24px; }
.wap-detail img{ max-width:100%;display:block; }
/************
** About
*************/
/** about-brand **/
.about-brand{ background: #f5f5f5; }
.about-brand .aleft{ background:transparent url("../images/about-gs-wap.jpg") no-repeat center center; }
.about-brand .aleft .remark{ padding: 30px 20px;text-align: center;color: #fff; }
.about-brand .aleft .remark h5{ font-size: 18px;padding-bottom: 18px; }
.about-brand .aleft .remark span{ position: relative;padding: 7px 0;font-size: 16px;font-weight: lighter; }
.about-brand .aleft .remark span:after,
.about-brand .aleft .remark span:before{ position:absolute;width:135px;left:-24px;height:1px;background:#fff;content:"";z-index:66; }
.about-brand .aleft .remark span:after{ top:0; }
.about-brand .aleft .remark span:before{ bottom:0; }
.about-brand .aleft .remark p{ padding-top: 30px;text-align: left; }
.about-brand .aright ul li{ padding:20px 15px;border-bottom: 1px solid #666;overflow: hidden; }
.about-brand .aright ul li:last-child{ border-bottom: 0; }
.about-brand .aright ul li h5{ font-size: 16px;color: #000;padding-bottom: 15px; }
.about-brand .aright ul li p{ color: #666; }
/** about-brand **/
.about-founder .remark{ position: relative; background: #f5f5f5;height: 310px;text-align: center;margin-top: 20px; }
.about-founder .remark span{ position: absolute;top: 20px;left: 20px; text-transform: uppercase;font-size: 24px;color: #000; }
.about-founder .remark img{ padding: 80px 0 30px;width: 80%; }
.about-founder .remark .istxt{ font-size: 24px;color: #000; }
.about-founder .desc{ padding: 20px 15px;font-size: 16px;color: #666;line-height: 30px; }
.about-founder .aright img{ display: block;width: 100%; }
/** about-free **/
.about-free .cons{ padding: 20px 15px; }
.about-free .cons ul li{ margin-bottom: 20px; }
.about-free .cons ul li h5{ font-size: 18px;color: #000; }
.about-free .cons ul li img{ width: 74px;height: 74px;border-radius: 65px;margin-right: 12px; }
.about-free .cons ul li .desc{ padding-top: 20px;color: #666;font-size: 16px; }
/************
** 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: 2;
    -webkit-box-orient: vertical;
}
/************
** Product
*************/
.pro-lists{ padding: 10px 15px 5px; }
.pro-lists ul li{ width: 100%;padding: 40px 0 0; background: #e8e8e8;margin-bottom: 10px; }
.pro-lists ul li .imgs{ display: flex;align-items: center;justify-content: center; overflow: hidden; }
.pro-lists ul li .imgs img{ max-width: 50%; }
.pro-lists ul li .remark{ text-align: center;padding-bottom: 30px; }
.pro-lists ul li .remark h5{ font-size: 16px;color: var(--color); }
.pro-lists ul li .remark p{ color: #000;padding: 3px 0 10px; }
.pro-lists ul li .remark span{ font-size: 12px;color: #666; }
.pro-lists ul li:hover .remark span{ color: var(--color); }
/** num-3 **/
.pro-lists.num-3 ul li{ width: 100%;padding:30px 0; }
.pro-lists.num-3 ul li a{ height: 100%;display: flex;align-items: center;flex-direction:row-reverse; }
.pro-lists.num-3 ul li .imgs{ width: 130px;margin-right: 10px; }
.pro-lists.num-3 ul li .imgs img{ max-width: 80%; }
.pro-lists.num-3 ul li .remark{ width: calc(100%  - 140px);text-align: left;padding: 0; }
/** Show **/
.sbanner-list,
.sbanner-list .swiper-slide{ height: 435px; }
.sbanner-list{ position: relative;background: url("../images/procover.jpg") no-repeat center top; }
.sbanner-list .stitle{ width: 100%; position: absolute;top: 60px; color: #fff;text-align: center;z-index: 68 }
.sbanner-list .stitle h1{ font-size: 16px;padding-bottom: 10px; }
.sbanner-list .stitle p{ padding-bottom: 10px; }
.sbanner-list .stitle a{ color: #fff; }
.sbanner-list .swiper-slide{ background: transparent; }
.sbanner-list .swiper-slide img{ width: 70%; position: absolute;left: 50%; bottom: -20%; display: block;transform: translate(-50%,0); }
/** swiper-pagination **/
.sbanner-list .topbanner .swiper-pagination{ top: 135px;bottom: auto;z-index: 160 }
.sbanner-list .topbanner .swiper-pagination .swiper-pagination-bullet{ width: 12px;height: 12px;margin: 0 6px;}
.sbanner-list .topbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; }
/************
** Research
*************/
.res-title{ text-align: center; }
.res-title h5{ font-size: 18px;color: #000; }
.res-title .bors{ display: block;width: 70px;height: 5px;background: var(--color);border-radius: 10px;margin: 15px auto 25px; }
.res-title.white h5{ color: #fff; }
.res-title.white .bors{ background: #fff; }
.research .intro{ padding: 30px 15px;}
.research .intro .intro-con{ color: #666; }
/** adav-list **/
.adav-list{ padding:0 15px 30px; }
.adav-list ul li{ padding-bottom: 30px; text-align: center;border: 1px solid #9e9f92;overflow: hidden;margin-bottom: 10px; }
.adav-list ul li .imgs{ width: 100px;height: 100px;margin: 20px auto; }
.adav-list ul li img{ display: block;max-width: 100%; }
.adav-list ul li .remark{ color: #666;padding: 0 25px; }
.adav-list ul li .remark h5{ font-size: 16px;padding-bottom: 10px; }
/** adav-list ers **/
.adav-list.ers ul li{ display: flex;align-items: center; padding:15px; }
.adav-list.ers ul li .imgs{ width: 100px;margin-right: 10px; }
.adav-list.ers ul li .remark{ width: calc(100% - 110px);padding: 0;text-align: left; }
/** res-page **/
.research .res-page{ padding: 40px 0 0; }
.research .res-page .rpage-con .desc{ color: #666;padding-bottom: 20px;font-size: 14px; }
.res-page .rpage-con{ padding: 0 15px; }
.res-page img{ display: block; max-width: 100%;margin: 0 auto; }
.research .res-page.yl{ background: #f8f8f8; }
.research .res-page.xj{ padding-bottom: 60px; }
/** res-page-lr **/
.res-page-lr{ padding-bottom: 60px; }
.res-page-lr .rpage-con{ padding: 0 15px; }
.res-page-lr .rpage-con .text{ padding: 20px;font-size: 16px;color: #666;background: #f5f5f5;margin-bottom: 10px; }
/** apption **/
.apption{ padding:0 15px 30px; }
.apption .app-sub{ border-bottom: 1px solid #e9e9e9;margin-bottom: 20px; }
.apption .app-sub a{ float: left; width: 25%; display:block; font-size: 16px;color: #666;padding-bottom: 10px; }
.apption .app-sub a span{ position: relative; }
.apption .app-sub a span:after{ position: absolute;bottom: -11px;left: 0; width: 100%;height: 2px;content: "";background: transparent; z-index: 6 }
.apption .app-sub a.on{ font-weight: bold; }
.apption .app-sub a.on span:after{ background: var(--color); }
.apption .intros{ font-size: 14px;margin-bottom: 30px; }
.apption .intros p{ line-height: 25px; }
.apption .tab-app .app-con{ display: none; }
.apption .tab-app .app-con:first-child{ display: block; }
.apption .tab-app ul li{ float: left;width:calc((100% / 3) - 1.4px); margin-right: 2px; }
.apption .tab-app ul li:last-child{ margin-right: 0; }
.apption .tab-app ul li img{ display: block;width: 100%; }
/*******************
** Partner-Brand
********************/
.aftersale{ padding: 30px 15px 0; text-align: center; }
.aftersale h5{ font-size: 18px;color: #000; }
.aftersale span{ font-size: 16px;color: #666; }
.aftersale img{ display: block;max-width: 100%;margin: 30px auto 60px; }
.aftersale .btel h6{ font-size: 18px;color: #000; }
.aftersale .btel a{ display: block;width: 300px;height: 50px;background: var(--color);color: #fff;
    margin: 30px auto 100px;font-size: 20px;line-height: 50px; }
.aftersale .btel i{ width: 23px;height: 24px; background-position: -177px 0;padding-right: 10px;vertical-align: -6px; }
/** brand-list **/
.brand-trend .cons{ padding: 15px; }
.brand-trend .cons .remark h5{ font-size: 18px;color: #000;padding-bottom: 10px; }
.brand-trend .cons .remark p{color: #666;line-height: 22px; }
/** brand-contact **/
.brand-contact ul li{ margin-bottom: 15px; background: #f8f8f8;overflow: hidden; }
.brand-contact ul li .remark .remark-con{ padding: 15px; }
.brand-contact ul li .remark h5,
.brand-contact ul li .remark h6{ font-size: 16px;color: #000;padding-bottom: 5px; }
.brand-contact ul li .remark h6{ padding-top: 15px; }
.brand-contact ul li .remark p{ font-size: 14px;color: #666; }
/** brand-zc **/
.brand-zc{ padding:0 15px; }
.brand-zc ul li{ padding: 25px 20px; margin-bottom: 10px; background: #f8f8f8; text-align: center; }
.brand-zc ul li .icon-img{ display: block;width: 80px;height: 80px;margin: 0 auto; overflow: hidden; }
.brand-zc ul li h5{ font-size: 16px;color: #000;padding: 3px 0 10px; }
.brand-zc ul li .desc{ color: #666; }
.brand-zc ul li:hover{ background: var(--color); }
.brand-zc ul li:hover h5,
.brand-zc ul li:hover .desc{ color: #fff; }
.brand-zc ul li:hover .icon-img img{ margin-top:-119px; }
.brand-zc ul li:nth-of-type(2):hover .icon-img img{ margin-top:-113px; }
.brand-zc ul li:nth-of-type(3):hover .icon-img img{ margin-top:-104px; }
.brand-zc ul li:nth-of-type(4):hover .icon-img img{ margin-top:-107px; }
.brand-zc ul li:nth-of-type(5):hover .icon-img img{ margin-top:-113px; }
.brand-zc ul li:nth-of-type(6):hover .icon-img img{ margin-top:-118px; }
/** oebm-free **/
.oebm-free{ padding: 0 15px; }
.oebm-free ul li{ margin-bottom: 15px; overflow: hidden; }
.oebm-free ul li .remark h5,
.oebm-free ul li .remark h6{ font-size: 16px;color: var(--color);padding-bottom: 5px; }
.oebm-free ul li .remark h6{ padding-top: 15px; }
.oebm-free ul li .remark p{ color: #666; }
/** brand-proacss **/
.brand-proacss{ padding: 0 15px 60px; }
/** feedback **/
.feedback{ padding: 30px 15px;background: #f8f8f8; }
.feedback .title{ padding-bottom: 15px; }
.feedback .title h5{ font-size: 18px;color: var(--color);padding-bottom: 10px; }
.feedback .title p{ color: #666; }
.feedback ul li{ margin-bottom: 10px; }
.feedback ul li label{ float: left; display:block; width: 80px;line-height: 35px;color: #000; }
.feedback ul li label em{ color: var(--color); }
.feedback ul li input, .feedback ul li select,
.feedback ul li textarea{ float: left; width: calc(100% - 80px); padding: 0 20px;height: 35px;border: 0;outline: none; }
.feedback ul li.textarea{ height: 100px; }
.feedback ul li.textarea textarea{ height: 90px;padding: 10px; }
.feedback ul li.submit{ margin: 0;height: 40px; }
.feedback ul li.submit .input-submit{ display: block; width:calc(100% - 80px);height: 40px;background:var(--color);color: #fff;border: 0;cursor: pointer;
    margin: 0 0 0 80px;
}
.Validform_checktip{margin-left:80px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px}
.Validform_right{color:#71b83d;padding-left:20px;background:url(../images/right.png) no-repeat left center}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;background:url(../images/error.png) no-repeat left center}
.Validform_loading{padding-left:20px;background:url(../images/onLoad.gif) no-repeat left center}
.Validform_error{background-color:#ffe7e7}
/*+-------------------------------
/*+ 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; }
/** 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;}