/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* QQ：9490489 */
html{ padding:0px;margin:0px;font-family:'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;font-size:calc(100vw / 10);}
body{ font-size:.46rem;overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:1.3rem 0;background:#f7f7f7;}
header,article,aside,div,span,p,ul,li,ol,h1,h2,h3,h4,h5{ list-style:none;margin:0;padding:0;text-align:justify;}
img{ border:0;font-size:0;margin:0;vertical-align:bottom;}
a{ background-color:transparent; text-decoration:none; color:#333;}
a:active,a:hover{ outline:0;}
b,strong{font-weight:bold;}
hr{ height:1px;border:0;border-top:1px solid #dadada;margin:1em 0;padding:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}
body.body-top{ padding-top:2.4rem;}

/*导航栏*/
.header{ height:1.3rem;background:#fff;position:fixed;top:0;left:0;right:0;z-index:99;overflow:hidden;}
.header .logo{ Position:absolute;left:1.4rem;right:1.4rem;text-align:center;top:.2rem;}
.header .logo img{ height:.9rem;vertical-align:top;}
.header .left-btn{ Position:absolute;top:0;bottom:0;left:0;}
.header .left-btn .iconfont{ display:block;padding:0 .44rem;line-height:1.3rem;font-size:.48rem;}

.header .right-btn{ Position:absolute;top:0;bottom:0;right:0;}
.header .right-btn a{ display:block;padding:0 .44rem;line-height:1.3rem;}
.header .right-btn .iconfont{ font-size:.48rem;}

.fixed-nav-bg{ display:none;position:fixed;z-index:100;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:saturate(150%) blur(20px);backdrop-filter:saturate(150%) blur(20px);}
.fixed-nav{ overflow-y:auto;-webkit-overflow-scrolling:touch;position:fixed;z-index:101;top:0;bottom:0;left:-70%;width:70%;background:#fff;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.fixed-nav ul{ padding:.54rem;}
.fixed-nav ul li{ font-size:.42rem;Position:relative;line-height:1rem;}
.fixed-nav ul li a{ display:block;}
.fixed-nav ul li ul{ padding:0;}
.fixed-nav ul li ul li{ line-height:.8rem;font-size:.38rem;}
.fixed-nav ul li ul li a{ padding-left:.3rem;margin-left:.4rem;color:#666 !important;Position:relative;}
.fixed-nav ul li ul li a:after{ content:'';Position:absolute;left:0;top:50%;margin-top:-.05rem;width:.1rem;height:.1rem;background:#ccc;border-radius:100%;}
.fixed-nav ul li ul li.hover a:after{ content:'';background:#3c5dc5;}
.fixed-nav ul li.hover a{ color:#3c5dc5;}
.fixed-nav ul li ul li.hover a{ color:#3c5dc5 !important;}
.fixed-nav-left{ left:0;}

/*轮播图*/
.slideBox{ Position:relative;overflow:hidden;}
.slideBox .hd{ Position:absolute;z-index:3;bottom:.3rem;left:0;right:0;font-size:0;}
.slideBox .hd ul{ text-align:center;}
.slideBox .hd ul li{ display:inline-block;width:.16rem;height:.16rem;background:rgba(0,0,0,0.6);border-radius:100%;margin:0 .1rem;}
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd ul li img{ width:100%;}

/*栏目导航*/
.navbr{ overflow:hidden;background:#fff;padding:.44rem;margin-bottom:.22rem;}
.navbr ul{}
.navbr ul li{ width:25%;float:left;text-align:center;}
.navbr ul li img{ width:76%;border-radius:100%;}
.navbr ul li p{ font-size:.36rem;text-align:center;line-height:1;margin-top:.34rem;}

/*通用样式*/
.page-content{ background:#fff;margin-bottom:.22rem;padding:.44rem;}

.head-title{ margin-bottom:.44rem;overflow:hidden;}
.head-title h2{ font-size:.44rem;line-height:.54rem;float:left;}
.head-title span.more{ font-size:.34rem;line-height:.54rem;float:right;}
.head-title span.more a{ color:#999;}
.head-title span.iconfont{ font-size:.34rem;transform:rotate(90deg);margin-left:.1rem;}

/*首页产品*/
.page-content-chanpin{ background:#fff;margin-bottom:.22rem;padding:.44rem 0;}
.page-content-chanpin .head-title{ padding:0 .44rem;}

.index-chanpin-box{ overflow:hidden;}
.index-chanpin{ padding:0 .44rem;padding-bottom:.5rem;margin-bottom:-.5rem;font-size:0;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.index-chanpin ul{ white-space:nowrap;text-overflow:ellipsis;}
.index-chanpin ul li{ width:48%;display:inline-block;margin-right:.1rem;}
.index-chanpin ul li:last-child{ margin-right:.44rem;}
.index-chanpin ul li .img img{ width:100%;}
.index-chanpin ul li .desc{ margin-top:.3rem;}
.index-chanpin ul li .desc h2{ margin-bottom:.22rem;font-size:.36rem;line-height:.56rem;height:.56rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-chanpin ul li .desc p{ color:#999;font-size:.32rem;line-height:.52rem;height:.52rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*客户案例*/
.list-anli{ overflow:hidden;}
.list-anli ul{ margin-top:-.44rem;margin-left:-.1rem;}
.list-anli ul li{ width:50%;float:left;margin-top:.44rem;}
.list-anli ul li .box{ margin-left:.1rem;}
.list-anli ul li .img img{ width:100%;}
.list-anli ul li .desc{ margin-top:.3rem;padding-right:.22rem;}
.list-anli ul li .desc h2{ margin-bottom:.22rem;font-size:.36rem;line-height:.56rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-anli ul li .desc p{ color:#999;font-size:.32rem;line-height:.52rem;height:.52rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*首页简介*/
.index-about-video{ Position:relative;margin-bottom:.44rem;}
.index-about-video img{ width:100%;}
.index-about-video .about-play{ width:1rem;height:1rem;line-height:1rem;text-align:center;color:#fff;border:solid .06rem #fff;border-radius:100%;Position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.index-about-video .about-play span.iconfont{ font-size:.56rem;}

.index-video-bg{ display:none;position:fixed;z-index:200;top:0;bottom:0;left:0;right:0;background:#000;}
.index-video-bg .video-content{ Position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);}
.index-video-bg .video-content video{ width:100%;}
.index-video-bg .about-pause{ Position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:1.2rem;height:1.2rem;line-height:1.2rem;text-align:center;border-radius:100%;background:#333;color:#fff;}
.index-video-bg .about-pause span.iconfont{ font-size:.46rem;}

.index-about-body{ line-height:2;font-size:.34rem;color:#555;}

/*新闻选项卡*/
.tab-news{ overflow:hidden;}
.tab-news .hd{ margin-bottom:.44rem;overflow:hidden;line-height:1.1rem;background:#fafafa;border-radius:.2rem;}
.tab-news .hd ul{ }
.tab-news .hd ul li{ Position:relative;color:#999;font-size:.38rem;width:33.33%;float:left;text-align:center;}
.tab-news .hd ul li.on{ color:#3c5dc5;font-weight:bold;}
.tab-news .hd ul li:after{ content:'';Position:absolute;right:-0.5px;width:1px;height:.32rem;background:#ddd;top:50%;transform:translateY(-50%);}
.tab-news .hd ul li:last-child:after{ display:none;}

.list-article{ }
.list-article ul{ }
.list-article ul li{ min-height:2.16rem;overflow:hidden;Position:relative;margin-bottom:.44rem;padding-bottom:.44rem;border-bottom:solid 0.5px #ddd;}
.list-article ul li:last-child{ margin-bottom:0;padding-bottom:0;border-bottom:solid 0 #ddd;}
.list-article ul li .desc{ padding-right:3.44rem;}
.list-article ul li .desc h2{ font-size:.36rem;line-height:.48rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.3rem;}
.list-article ul li .desc p{ font-size:.32rem;line-height:.42rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;}
.list-article ul li .desc i{ margin:.3rem 0;display:block;height:.04rem;width:.44rem;background:#ddd;}
.list-article ul li .desc span{ display:block;font-size:.32rem;line-height:.42rem;color:#ccc;}
.list-article ul li img{ width:3rem;border-radius:.2rem;Position:absolute;top:0;right:0;}

/*公司介绍*/
.neiye-banner{ background-size:cover !important;height:3.2rem;Position:relative;overflow:hidden;}
.neiye-banner-desc{ padding:.44rem;Position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.neiye-banner-desc h3{ line-height:1.2;color:rgba(255,2555,255,0.4);text-align:center;font-size:.64rem;}
.neiye-banner-desc h4{ line-height:1.5;color:#fff;text-align:center;font-size:.42rem;font-weight:500;}

/*子栏目*/
.son-dh{ padding:.44rem;overflow:hidden;background:#fff;border-bottom:solid 0.5px #ddd;}
.son-dh ul{ margin-left:-.1rem;margin-top:-.1rem;}
.son-dh ul li{ width:25%;float:left;margin-top:.1rem;}
.son-dh ul li a{ font-size:.34rem;text-align:center;margin-left:.1rem;background:#f7f7f7;height:.9rem;line-height:.9rem;display:block;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.son-dh ul li.hover a{ background:#3c5dc5;color:#fff;}

/*公司介绍*/
.nav-head{ margin-bottom:.64rem;}
.nav-head h2{ font-size:.48rem;text-align:center;line-height:.68rem;}
.nav-head p{ margin-top:.22rem;line-height:1.5;font-size:.36rem;color:#999;}

.tongji{ overflow:hidden;}
.tongji ul{}
.tongji ul li{ width:25%;float:left;}
.tongji ul li .box{ text-align:center;}
.tongji ul li img{ width:40%;margin-bottom:.44rem;}
.tongji ul li h3{ color:#ffcb2d;font-size:.62rem;text-align:center;}
.tongji ul li h3 span{ font-size:.28rem;}
.tongji ul li p{ margin-top:.22rem;font-size:.32rem;text-align:center;color:#333;}

.about-desc-img{ padding:.44rem;background:#fff;margin-bottom:.22rem;overflow:hidden;}
.about-desc-img .img{ margin-bottom:.44rem;}
.about-desc-img .img img{ width:100%;}
.about-desc-img .desc{ }
.about-desc-img .desc h2.nub{ vertical-align:text-bottom;font-size:.48rem; text-align:center}
.about-desc-img .desc h2.nub b{ padding-right:.22rem;font-size:.68rem;color:#3c5dc5;}
.about-desc-img .desc i{ display:block;margin:.44rem auto;height:.05rem;width:1rem;background:#999;}
.about-desc-img .desc p{ color:#555;line-height:1.5;font-size:.36rem;margin-bottom:1em;}

/*发展历程*/
.licheng-list{ Position:relative;overflow:hidden;background:#fff;padding:.44rem;margin-bottom:.22rem;}
.licheng-list:after{ content:'';Position:absolute;top:.6rem;left:2.14rem;bottom:.6rem;width:.02rem;background:#ddd;}
.licheng-list ul{ }
.licheng-list ul li{ padding-left:2.4rem;Position:relative;margin-bottom:.64rem;}
.licheng-list ul li:last-child{ margin-bottom:0;}
.licheng-list ul li span.data{ color:#3c5dc5;font-weight:bold;font-size:.34rem;line-height:.56rem;Position:absolute;top:0;left:0;}
.licheng-list ul li span.yuan{ display:block;Position:absolute;z-index:2;top:.11rem;left:1.54rem;width:.32rem;height:.32rem;border-radius:100%;border:solid .02rem #ddd;background:#fff;}
.licheng-list ul li p{ font-size:.34rem;line-height:.56rem;color:#555;}

/*列表样式*/
.pages{ margin-bottom:.22rem;padding:.44rem;background:#fff;overflow: hidden;line-height:.9rem;font-size:.34rem;}
.pages ul{ margin-left:-.22rem;text-align:center;text-indent: .22rem;}
.pages ul li{ width:25%;height:.9rem;line-height:.9rem;float:left;}
.pages ul li a{ text-indent:0;margin-left:.22rem;display:block;text-align:center;background:#f7f7f7;border-radius:.22rem;}
.pages ul li span{ text-indent:0;margin-left:.22rem;display:block;text-align:center;background:#f7f7f7;border-radius:.22rem;color:#ccc;}

/*视频列表*/
.list-videos{ overflow: hidden;}
.list-videos ul{ margin-top:-.44rem;margin-left:-.1rem;}
.list-videos ul li{ width:50%;margin-top:.44rem;float:left;}
.list-videos ul li .box{ margin-left:.1rem;}
.list-videos ul li .box .img{ margin-bottom:.22rem;Position:relative;}
.list-videos ul li .box .img img{ width:100%;}
.list-videos ul li .box .img span.iconfont{ Position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.72rem;color:#fff;}
.list-videos ul li .box p{ text-align:center;font-size:.36rem;line-height:.56rem;height:.56rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*视频详情页*/
.video-head{ background:#fff;margin-bottom:.22rem;}
.video-head .left-video{ }
.video-head .left-video ul{}
.video-head .left-video ul li{ Position:relative;}
.video-head .left-video ul li .video-img{ }
.video-head .left-video ul li .video-img img{ width:100%;}
.video-head .left-video ul li .iconfont{ Position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:#fff;}
.video-head .left-video ul li .off{ display:none !important;}
.video-head .left-video ul li .on{ display:block !important;}
.video-head .left-video ul li .video-box{ display:none;position:absolute;top:0;left:0;bottom:0;right:0;}
.video-head .left-video ul li .video-box video{ object-fit: contain;background:#000;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}

.video-head .video-title{ padding:.64rem .44rem;}
.video-head .video-title h2{ font-size:.58rem;line-height:1.5;}
.video-head .video-title .video-info{ overflow: hidden;margin-top:.22rem;}
.video-head .video-title .video-info span{ display:block;float:left;line-height:1.5;font-size:.32rem;color:#999;}
.video-head .video-sxp{ padding:.44rem 0;margin:0 .44rem;border-top:solid .02rem #ddd;}
.video-head .video-sxp p{ color:#999;line-height:.76rem;height:.76rem;font-size:.36rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*企业荣誉*/
.list-zhengshu{ overflow:hidden;}
.list-zhengshu ul{ margin-top:-.44rem;margin-left:-.22rem;}
.list-zhengshu ul li{ width:50%;float:left;margin-top:.44rem;}
.list-zhengshu ul li .box{ margin-left:.22rem;}
.list-zhengshu ul li .honor-pic-thumb{ margin-bottom:.22rem;position:relative;height:6rem;overflow:hidden;background:#f5f5f5;}
.list-zhengshu ul li .honor-pic-thumb img{ Position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);}
.list-zhengshu ul li h4{ text-align:center;font-size:.36rem;line-height:.56rem;height:.56rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;color:#999;}

/*人才招聘*/
.list-zhaopin{ overflow:hidden;}
.list-zhaopin ul{ margin-bottom:-.04rem;}
.list-zhaopin ul li{ overflow:hidden;padding:.44rem 0;border-bottom:solid .02rem #ddd;}
.list-zhaopin ul li .zhaopin-title{ margin-bottom:.22rem;}
.list-zhaopin ul li .zhaopin-title h2{ font-size:.48rem;line-height:.68rem;}
.list-zhaopin ul li .zhaopin-cs{ overflow:hidden;font-size:.32rem;color:#999;}
.list-zhaopin ul li .zhaopin-cs p{ float:left;margin-right:.44rem;}
.list-zhaopin ul li.on .zhaopin-title{ color:#ff5500;}
.list-zhaopin ul li.show-box{ display:none;}
.zhaopin-body{ line-height:1.5;font-size:.36rem;color:#555;}
.zhaopin-body .right{ margin-top:.44rem;}
.zhaopin-a{ margin-top:.44rem;}
.zhaopin-a a{ text-align:center;display:block;line-height:1.1rem;background:#3c5dc5;color:#fff;font-size:.36rem;}

/*人才招聘详情页*/
.yingpin-lc{ overflow:hidden;Position:relative;}
.yingpin-lc:after{ content:'';Position:absolute;top:.7rem;left:.44rem;right:.44rem;height:.04rem;border-bottom:dashed .04rem #eee;}
.yingpin-lc ul{ margin-left:-.22rem;}
.yingpin-lc ul li{ width:20%;float:left;}
.yingpin-lc ul li .box{ margin-left:.22rem;}
.yingpin-lc ul li .box .number{ Position:relative;z-index:3;width:1.5rem;line-height:1.5rem;margin:0 auto;text-align:center;font-size:.48rem;color:#3c5dc5;font-weight:bold;background:#f5f5f5;border-radius:100%;}
.yingpin-lc ul li .box p{ text-align:center;line-height:1.5;font-size:.34rem;color:#666;margin-top:.32rem;}

.zhaopin-biaodan{ margin:0 auto;}
.zhaopin-biaodan ul{ }
.zhaopin-biaodan ul li{ margin-bottom:.44rem;overflow:hidden;}
.zhaopin-biaodan ul li p{ font-size:.36rem;line-height:.56rem;margin-bottom:.22rem;}
.zhaopin-biaodan ul li .box{ }
.zhaopin-biaodan ul li input.text{ border-radius:0;font: .36rem "Microsoft YaHei";height:1rem;line-height: 1rem;width: 100%;background: #fff;border: .02rem solid #ddd;outline: none;padding: 0 .22rem;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zhaopin-biaodan ul li select{ border-radius:0;font: .36rem "Microsoft YaHei";height:1rem;line-height: 1rem;width: 100%;background: #fff;border: .02rem solid #ddd;outline: none;padding: 0 .22rem;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zhaopin-biaodan .containerrighta{ margin-top:.44rem;cursor: pointer;background: #ffcb2d;color: #fff;font-size: .44rem;width: 100%;height: 1.2rem;line-height: 1.2rem;border:0;outline: none;border-radius:0;}

/*产品封面*/
.list-cp2{ }
.list-cp2:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.list-cp2 ul{ margin-top:-.44rem;margin-left:-.1rem;}
.list-cp2 ul li{ width:50%;float:left;margin-top:.44rem;}
.list-cp2 ul li .box{ margin-left:.1rem;}
.list-cp2 ul li { overflow: hidden;Position: relative;}
.list-cp2 ul li .img{ Position: relative;margin-bottom:.22rem;}
.list-cp2 ul li .img img{ width:100%;}
.list-cp2 ul li .img span.tag{ height:.5rem;line-height:.5rem;font-size:.3rem;padding:0 .22rem;color:#ff0000;border:solid 1px #ff0000;display:block;Position: absolute;top:.22rem;left:.22rem;}
.list-cp2 ul li .desc{ margin-top:.3rem;}
.list-cp2 ul li .desc h2{ margin-bottom:.22rem;font-size:.36rem;line-height:.56rem;height:.56rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-cp2 ul li .desc p{ color:#999;font-size:.32rem;line-height:.52rem;height:.52rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.list-cp3{ overflow:hidden;}
.list-cp3 ul{ margin-top:0;}
.list-cp3 ul li{ margin-top:.44rem;}
.list-cp3 ul li .box{ height:3.6rem;Position: relative;}
.list-cp3 ul li .img{ overflow: hidden;Position: absolute;}
.list-cp3 ul li .img img{ width:3.6rem;height:3.6rem; }
.list-cp3 ul li .img span.tag{ height:.5rem;line-height:.5rem;font-size:.3rem;padding:0 .22rem;color:#ff0000;border:solid 1px #ff0000;display:block;Position: absolute;top:.22rem;left:.22rem;}
.list-cp3 ul li .desc{ padding:.5rem 0 0 4.14rem;height:3.6rem;border-left:0;}
.list-cp3 ul li .desc h2{ margin-bottom:.22rem;font-size:.36rem;line-height:.56rem;height:.56rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-cp3 ul li .desc p{ color:#999;font-size:.32rem;line-height:.52rem;height:.52rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-cp3 ul li .desc i{ width:.44rem;height:.04rem;background:#ffcb2d;display:block;margin:.44rem 0;}

/*产品详情页*/
.chanpin-top-canshu{ }
.chanpin-top-canshu h1{ font-size:.58rem;line-height:1.5;margin-bottom:.22rem;}
.chanpin-top-canshu .ds{ text-align: justify;line-height:1.5;font-size:.32rem;color:#999;margin-bottom:.64rem;}
.jbcs{ overflow: hidden;}
.jbcs ul{}
.jbcs ul li{ font-size:.32rem;position: relative;overflow: hidden;margin-bottom:.22rem;line-height:.52rem;}
.jbcs ul li span{ display:block;width:1.8rem;color:#999;position: absolute;top:0;left:0;}
.jbcs ul li p{ text-align: justify;padding-left:1.8rem;color:#333;min-height:.52rem;}

.anli-tips{ margin-top:10px;border-radius:3px;overflow: hidden;position: relative;padding:15px;height:28px;background:#fffcf4;}
.anli-tips img{ position: absolute;height:28px;width:28px;border-radius:100%;left:15px;top:15px;}
.anli-tips .desc{ padding:0 0 0 38px;}
.anli-tips .desc p{ display:inline-block;line-height:28px;font-size:14px;color:#ff5500;position: relative;}

.item-body-con .item-nav{ background:#fff;border-bottom:solid 1px #eee;padding:0 .44rem;height:1.3rem;line-height:1.3rem;overflow: hidden;}
.item-body-con .item-nav ul{ }
.item-body-con .item-nav ul li{ font-size:.34rem;width:20%;float:left;text-align:center;}
.item-body-con .item-nav ul li .menu-active{ color:#ffcb2d;}
.fixed3{ background:#fff;position:fixed;z-index:99;top:1.3rem;left:0;right:0;}

.item-body-con .container{ padding-top:2.6rem;margin-top:-2.6rem;}
.item-body-con .container .item-danxiang-body{ padding:.44rem;margin-bottom:.22rem;background:#fff;overflow: hidden;}
#new-div{ overflow-y: auto;-webkit-overflow-scrolling: touch;}
.item-danxiang-body{ overflow: hidden;line-height:1.6;background:#fff;}
.item-danxiang-body .title{ height:.64rem;line-height:.64rem;color:#333;font-size:.44rem;font-weight:bold;margin-bottom:.44rem;}
.item-danxiang-body .title span.iconfont{ color:#3c5dc5;padding-right:.11rem;}
.item-danxiang-body p{ text-align: justify;margin-top:.22rem;line-height:1.6;color:#555;font-size:.36rem;}
.item-danxiang-body img{ max-width:100% !important;height:auto !important;}
.item-danxiang-body table{ font-size:.32rem;width:960px !important;border-spacing:0;margin-top:0;border-right:solid 1px #ddd;}
.item-danxiang-body table tr td{ padding:.22rem;line-height:.52rem;border-bottom:solid 1px #ddd;border-left:solid 1px #ddd;}
.item-danxiang-body table tr:first-child{ background:#cccccc;color:#333;font-weight:bold;}
.item-danxiang-body table tr:first-child:hover{ background:#cccccc;}
.item-danxiang-body table tr:hover{ background:#f5f5f5;}
.item-danxiang-body table p{margin-top:0;}
.item-danxiang-body .list-cp2 ul li p{ margin:0;}
.item-danxiang-body .list-anli ul li p{ margin:0;}

/*案例详情页*/
.chanpin-head .anli-img{ margin-bottom:.44rem;}
.chanpin-head .anli-img img{ width:100%;}

/*新闻详情页*/
.now{ height:1.3rem;line-height:1.3rem;padding:0 .44rem;background:#fff;border-bottom: solid 0.5px #ddd;font-size:.32rem;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.now a{ color:#999;}

.article-head{ margin-bottom:.44rem;}
.article-head h2{ line-height:1.5;font-size:.58rem;margin-bottom:.22rem;}
.article-head .info{ overflow: hidden;line-height:.52rem;}
.article-head .info span{ display:block;float:left;font-size:.32rem;margin-right:.44rem;color:#999;}

.article-body{ line-height:1.8;font-size:.36rem;color:#555;}
.article-body p{ padding:.22rem 0;text-align: justify;}
.article-body img{ max-width:100% !important;height:auto !important;}
.article-body video{ max-width:100% !important;height:auto !important;}

.ssp{ border-top:dashed 1px #ddd;margin-top:.44rem;padding-top:.44rem;}
.ssp p{ padding:0;}
.ssp p a:hover{ color:#ffcb2d;}

/*售后保障*/
.zongzhi{ overflow: hidden;}
.zongzhi ul{}
.zongzhi ul li{ min-height:1.6rem;border-radius:.3rem;Position:relative;padding:.44rem;padding-left:2.2rem;background:#f7f7f7;margin-bottom:.22rem;}
.zongzhi ul li:last-child{ margin-bottom:0;}
.zongzhi ul li img{ Position:absolute;top:.44rem;left:.44rem;width:1.4rem;height:1.4rem;border-radius:100%;}
.zongzhi ul li h4{ margin-bottom:.22rem;font-size:.44rem;line-height:1.5;}
.zongzhi ul li p{ font-size:.36rem;line-height:1.5;color:#555;}

/*售后网点*/
.wangdian{ overflow: hidden;}
.wangdian ul{ margin-top:-.22rem;}
.wangdian ul li{ min-height:2rem;Position:relative;margin-top:.22rem;border:solid .02rem #eee;padding:.44rem;}
.wangdian ul li img{ Position:absolute;top:.44rem;left:.44rem;width:2rem;height:2rem;border-radius:100%;border:solid 1px #eee;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.wangdian ul li .desc{ padding-left:2.4rem;padding-top:.1rem;}
.wangdian ul li .desc h2{ color:#3c5dc5;margin-bottom:.22rem;font-size:.36rem;line-height:.56rem;height:.56rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wangdian ul li .desc p{ color:#999;font-size:.32rem;line-height:.52rem;height:.52rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*问答*/
.list-ask{ overflow: hidden;}
.list-ask ul{ margin-top:-.22rem;}
.list-ask ul li{ margin-top:.22rem;}
.list-ask ul li .box{ padding:15px;border:solid 1px #eee;}
.list-ask ul li p.wen{ text-align: justify;margin-bottom:.22rem;font-weight:bold;font-size:.36rem;Position: relative;padding-left:.86rem;height:.56rem;line-height:.56rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-ask ul li span{ Position: absolute;left:0;top:0;border-radius:100%;font-size:.32rem;color:#fff;display:block;width:.56rem;height:.56rem;line-height:.56rem;background:#3c5dc5;text-align:center;}
.list-ask ul li p.da{ text-align: justify;color:#999;font-size:.32rem;Position: relative;padding-left:.86rem;height:1.12rem;line-height:.56rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-ask ul li p.da span{ font-weight:bold;background:#ffcb2d;color:#333;}
.list-ask ul li p.wen:hover{ color:#3c5dc5;}

.message-box{ background:#fff;overflow: hidden;}
.message-box .left{ overflow: hidden;margin-bottom:.64rem;}
.message-box .left .box{ }
.message-box .left h2{ font-size:.44rem;line-height:.64rem;margin-bottom:.22rem;}
.message-box .left p{ font-size:.32rem;line-height:1.5;margin-bottom:.64rem;color:#666;}
.message-box .left input.intxt{ font: .36rem "Microsoft YaHei";margin-bottom: .22rem; line-height: 1rem;width: 100%;background: #fff;border:0;border-bottom: .06rem solid #eee;outline: none;padding:0px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.message-box .left select{ font: .36rem "Microsoft YaHei";margin-bottom: .22rem; height:3rem;line-height: 1rem;width: 100%;background: #fff;border:0;border-bottom:.06rem solid #eee;outline: none;padding: 0 0px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.message-box .left textarea{ resize: none;font: .36rem "Microsoft YaHei"; margin-bottom: .22rem;line-height: .56rem;height:2rem;width: 100%;resize: vertical;background: #fff; border:0;border-bottom: .06rem solid #eee;outline: none;padding:.22rem 0;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.message-box .left .message-btn{ margin-top:.44rem;cursor: pointer;background: #ffcb2d;color: #fff;font-size: .44rem;width: 100%;height: 1.2rem;line-height: 1.2rem;border: 0; outline: none;border-radius: 0;}

.message-box .right{ }
.message-box .right .box{ }
.message-box .right .box h2{ font-size:.44rem;line-height:.64rem;margin-bottom:.44rem;}
.message-box .right .box p{ padding-left:.84rem;margin-bottom:.44rem;line-height:.56rem;font-size:.36rem;}
.message-box .right .box p.gs{ background: url(../images/m1.png) no-repeat left center;background-size: .44rem;}
.message-box .right .box p.add{ background: url(../images/m2.png) no-repeat left center;background-size: .44rem;}
.message-box .right .box p.call{ background: url(../images/m3.png) no-repeat left center;background-size: .44rem;}
.message-box .right .box p.mail{ background: url(../images/m4.png) no-repeat left center;background-size: .44rem;}
.message-box .right .box p.time{ margin-bottom:0;background: url(../images/m5.png) no-repeat left center;background-size: .44rem;}












/*页脚版权*/
.footer-copy{ background:#fff;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.footer-copy-box{ padding:.4rem;}
.footer-copy-box p{ text-align:center;color:#ccc;font-size:.26rem;line-height:1.6;margin:.1rem 0;}
.footer-copy-box a{ color:#ccc;}

/*底部咨询*/
.footer-zixun{ position:fixed;z-index:99;left:0;right:0;bottom:0;background:#fff;overflow:hidden;height:1.3rem;border-top:solid 0.5px #ddd;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.footer-zixun .footer-left{ width:32%;margin-left:3%;overflow:hidden;float:left;}
.footer-zixun .footer-left ul{}
.footer-zixun .footer-left ul li{ width:50%;float:left;}
.footer-zixun .footer-left ul li .iconfont{ margin-top:.2rem;display:block;text-align:center;font-size:.52rem;line-height:1;color:#555;}
.footer-zixun .footer-left ul li p{ font-weight:bold;margin-top:.09rem;font-size:.28rem;line-height:1;color:#999;text-align:center;}

.footer-right{ width:65%;float:right;overflow:hidden;}
.footer-right .btn-form{ margin-top:.15rem;margin-right:.44rem;margin-left:.3rem;text-align:center;height:1rem;line-height:1rem;background:#3c5dc5;color:#fff;font-size:.38rem;font-weight:bold;border-radius:1rem;}

.weixin-bg{ display:none;position:fixed;z-index:100;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.6);}
.weixin{ padding:.22rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;width:60%;background:#fff;border-radius:.44rem;}
.weixin img{ width:100%;}
.weixin p{ padding:.3rem 0;text-align:center;line-height:1;color:#999;font-size:.38rem;}
.close-weixin{ Position:absolute;left:0;right:0;bottom:-1.4rem;text-align:center;,line-height:1;color:#fff;}
.close-weixin .iconfont{ font-size:.82rem;}

.footer-form-bg{ display:none;position:fixed;z-index:100;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.6);}
.footer-form{ transform:translateY(150%);position:fixed;z-index:101;bottom:0;left:0;right:0;overflow:hidden;background:#fff;padding:.44rem;border-radius:.44rem .44rem 0 0;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.footer-form h2{ text-align:center;font-size:.48rem;line-height:.68rem;margin-bottom:.6rem;}
.footer-form p{ line-height:1.8;font-size:.36rem;color:#999;margin-bottom:.4rem;}
.footer-form ul{ margin-left:-.2rem;}
.footer-form ul li{ width:100%;float:left;margin-bottom:.4rem;}
.footer-form ul li .box{ margin-left:.2rem;Position:relative;}
.footer-form ul li .box input.intext{ font-weight:bold;padding:0;height:1rem;line-height:1rem;border:0;background:#f5f5f5;outline:none;width:100%;font-size:.34rem; font-family:'Microsoft Yahei';color:#333;padding:0 .3rem;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:.2rem;}
.footer-form ul li .box textarea{ resize:none;font-weight:bold;padding:0;height:2.6rem;line-height:1rem;border:0;background:#f5f5f5;outline:none;width:100%;font-size:.34rem; font-family:'Microsoft Yahei';color:#333;padding:0 .3rem;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:.2rem;}
.footer-form ul li .box span.tips{ color:#999;line-height:1rem;font-size:.34rem;Position:absolute;z-index:2;top:0;right:.3rem;}
.footer-form ul li .box input.submit{ font-weight:bold;padding:0;height:1rem;line-height:1rem;border:0;background:#3c5dc5;color:#fff;outline:none;width:100%;font-size:15px; font-family:'Microsoft Yahei';text-align:center;cursor:pointer;cursor:pointer;-webkit-appearance:none;border-radius:.2rem;}
.footer-form ul li:last-child{ margin-bottom:0;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.close-footer-form{ Position:absolute;z-index:2;top:.44rem;right:.44rem;height:.68rem;line-height:.68rem;}
.close-footer-form .iconfont{ font-size:.62rem;}
.footer-form-top{ transform:translateY(0);}

#ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
#ab_img p span{text-wrap: inherit !important;}

/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}