
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:14px;}
body{ -webkit-tap-highlight-color:rgba(0,0,0,0) /* 消除链接点击效果 */;margin:0;padding:0;background:#f5f5f5;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;}
header,article,aside,div,span,p,ul,li,ol,h1,h2,h3,h4,h5{ list-style:none;margin:0;padding:0;}
img{ border:0;font-size:0;margin:0;vertical-align:bottom;}
a{ background-color:transparent; text-decoration:none; color:#333333}
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.bg{ background:#fafafa;}
body.bg-white{ background:#fff;}
/* 清除高度塌陷 */
.clearfix::before,.clearfix::after{content:'';display: table;clear: both;}
/* 清除高度塌陷，兼容IE6 */
.clearfix{zoom:1;}

/*导航栏顶部*/
.welcome{ background:#515151;border-bottom:solid 0 #eee;color:rgba(255,255,255,0.6);height:34px;}
.welcome:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.welcome .box{ width:1200px;margin:0 auto;}
.welcome .left-p{ float:left;width:50%;height:34px;line-height:34px;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.welcome .right-nav{ float:right;height:34px;line-height:34px;}
.welcome .right-nav ul{}
.welcome .right-nav ul li{ font-size:12px;Position:relative; float:left;margin-left:20px;padding-left:21px;}
.welcome .right-nav ul li:before{ content:'';Position:absolute;left:0;top:11px;height:12px;width:1px;background:rgba(255,255,255,0.2);}
.welcome .right-nav ul li:first-child:before{ display:none;}
.welcome .right-nav ul li a{ color:rgba(255,255,255,0.6);}
.welcome .right-nav ul li a:hover{ color:#ffcb2d;}

/*导航栏*/
.header{ background:#fff;height:80px;Position:relative;z-index:100;}
.header .box{ width:1200px;margin:0 auto;}
.header .box:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}

.header .logo{ float:left;margin-top:17px;}
.header .logo img{ height:46px;}

.header .lianxi{ float:right;margin-left:60px;Position:relative;}
.header .lianxi:before{ content:'';Position:absolute;left:-40px;top:30px;height:20px;width:1px;background:rgba(0,0,0,0.2);}
.header .lianxi:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.header .lianxi ul{}
.header .lianxi ul li{ Position:relative;color:#3c5dc5;height:80px;line-height:80px;font-size:20px;float:left;margin-left:20px;}
.header .lianxi ul li .hover-weixin{ display:none;border:solid 1px #ddd;padding:5px;background:#fff;Position:absolute;left:50%;top:80px;transform:translateX(-50%);}
.header .lianxi ul li:hover .hover-weixin{ display:block;}
.header .lianxi ul li .hover-weixin img{ width:120px;height:120px;}
.header .lianxi ul li .hover-weixin p{ text-align:center;color:#999;font-size:12px;line-height:20px;}
.header .lianxi ul li:first-child{ margin-left:0;}
.header .lianxi ul li span.iconfont{ font-size:20px;}
.header .lianxi ul li span.icon-weixin{ cursor:pointer;}

.header .nav{ float:right;}
.header .nav:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.header .nav ul{ }
.header .nav ul li{ float:left;Position:relative;}
.header .nav ul li a{ font-size:16px;display:block;line-height:80px;padding:0 20px;}
.header .nav ul li ul{ display:none;position:absolute;top:80px;left:50%;transform:translateX(-50%);width:100%;padding:10px 0;border:solid 1px #ddd;background:#fff;}
.header .nav ul li:hover ul{ display:block;}
.header .nav ul li ul li{ float:none;}
.header .nav ul li ul li a{ font-size:14px;padding:0 0;height:32px;line-height:32px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333 !important;}
.header .nav ul li.hover a, .header .nav ul li:hover a{ color:#3c5dc5;}
.header .nav ul li ul li a:hover{ color:#3c5dc5 !important;}

/*首页轮播图*/
.slideBox{ overflow:hidden;position:relative;background:#fff;width:100%;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; width:100%; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; margin:0 auto; width:100%;text-align:center; }
.slideBox .hd ul li{ cursor:pointer;display:inline-block; width:10px;height:10px;border:solid 1px #ffcb2d;margin:0 6px 0 8px;text-indent:-9999px;border-radius:1000%;}
.slideBox .hd ul li.on{ background:#ffcb2d;border:solid 1px #ffcb2d;}
.slideBox .bd{ position:relative; z-index:0;width:100%;}
.slideBox .bd li{ width:100%;margin:0;position:relative;background-position:center center;background-repeat:no-repeat;vertical-align:top;text-align:center;}
.slideBox .bd li a{ display:block;width:100%;}

/*通用样式*/
.content-bg{ background:#fff;padding:60px 0 0 0;}
.content-bg2{ background:#f5f5f5;padding:60px 0;}
.content-box{ width:1200px;margin:0 auto;}
.content-box:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.border-bottom{ border-bottom:solid 1px #ddd;}
.pd30{ padding:30px 0;}

.nav-head{ text-align:center;margin-bottom:40px;}
.nav-head h2{ font-size:28px;line-height:38px;color:#333; margin-bottom:60px;}
.nav-head p{ max-width:800px;margin:0 auto;font-size:16px;line-height:26px;margin-top:5px;color:#999;}

/*首页简介*/
.index-about{ margin-bottom:60px;}
.index-about:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.index-about .left-body{ width:500px;float:left;}
.index-about .left-body .a-title{ position:relative;height:68px;margin-bottom:20px;}
.index-about .left-body .a-title h3{ font-size:68px;line-height:68px;font-weight:500;color:rgba(0,0,0,0.07);Position:absolute;top:0;left:-0.8em;}
.index-about .left-body .a-title h2{ font-weight:bold;font-size:28px;Position:absolute;bottom:4px;left:0;color:#333;}
.index-about .left-body p{ text-align:justify;white-space:pre-wrap;line-height:28px;font-size:14px;color:#666;margin-bottom:10px;}
.index-about .left-body p.more-a{ margin-top:20px;}
.index-about .left-body p.more-a a{ vertical-align:middle;font-size:16px;display:inline-block;line-height:28px;color:#3c5dc5;}
.index-about .left-body p.more-a a i{ display:inline-block; margin-left:6px;border-left:8px solid #3c5dc5;border-bottom:6px solid transparent;border-top:6px solid transparent;margin-top:-1px;vertical-align:middle;}

.index-about .right-video{ position:relative;width:620px;height:349px;float:right;background-size:cover !important;}
.index-about .right-video .about-play{ cursor:pointer;Position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0);border:solid 2px #fff;border-radius:100%;width:52px;height:52px;line-height:52px;text-align:center;}
.index-about .right-video .about-play span.iconfont{ font-size:28px;color:#fff;}
.index-about .right-video .about-play:hover{ background:rgba(255,255,255,0.2);}

.index-video-bg{ display:none;position:fixed;z-index:200;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);}
.video-content{ width:960px;height:540px;Position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.video-content video{ width:960px;height:540px;background:#000;}
.video-content .about-pause{ cursor:pointer;Position:absolute;z-index:3;top:-40px;right:-40px;width:32px;height:32px;line-height:32px;text-align:center;border:solid 2px #ccc;color:#ccc;border-radius:100%;}
.video-content .about-pause .iconfont{ font-size:18px;font-weight:bold;}
.video-content .about-pause:hover{ color:#fff;border:solid 2px #fff;}

.tongji{ overflow:hidden;border-left:solid 1px #ddd;}
.tongji ul{ }
.tongji ul li{ width:25%;float:left;text-align:center;}
.tongji ul li .box{ cursor:pointer;background:rgba(255,255,255,1);border-right:solid 1px #ddd;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.tongji ul li .box:hover{ background:rgba(255,255,255,0.8);}
.tongji ul li img{ width:50px;height:50px;margin-bottom:20px;}
.tongji ul li h3{ font-size:44px;color:#ffcb2d;font-weight:800;margin-bottom:10px;}
.tongji ul li h3 span{ display:inline-block;margin-left:5px;font-size:16px;}
.tongji ul li:hover h3{ color:#3c5dc5;}

/*首页产品*/
.tab-chanpin-con{ background:#fff;padding-bottom:60px;border-bottom:solid 1px #ddd;}
.tab-chanpin-con:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.tab-chanpin .hd{ padding:60px 0 180px 0;background-size:cover !important;}
.tab-chanpin .hd ul{ width:1200px;margin:0 auto;}
.tab-chanpin .hd ul h2{ float:left;font-size:28px;height:38px;line-height:34px;color:#fff;margin-right:40px;}
.tab-chanpin .hd ul li{ cursor:pointer;float:left;height:34px;line-height:34px;padding:0 30px;color:#fff;font-size:16px;margin-top:2px;}
.tab-chanpin .hd ul li.on{ background:#fff;color:#3c5dc5;position:relative;}
.tab-chanpin .hd ul li.on:before{ content:'';display:inline-block;margin-left:5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;Position:absolute;bottom:-6px;left:50%;margin-left:-6px;}
.tab-chanpin span.right{ display:block;float:right;height:38px;line-height:38px;}
.tab-chanpin span.right a{ color:#fff;font-size:16px;}
.tab-chanpin span.right i{ display:inline-block; margin-left:6px;border-left:8px solid #fff;border-bottom:6px solid transparent;border-top:6px solid transparent;margin-top:-1px;vertical-align:middle;}
.tab-chanpin .bd{ width:1200px;margin:0 auto;margin-top:-100px;}
.tab-chanpin .bd:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.tab-chanpin .scroll_btn{ margin-top:30px;text-align:center;}
.tab-chanpin .scroll_btn a{ cursor:pointer;display:inline-block; width:10px;height:10px;border:solid 1px #ffcb2d;margin:0 4px 0 4px;text-indent:-9999px;border-radius:1000%;}
.tab-chanpin .scroll_btn a.on{ background:#ffcb2d;border:solid 1px #ffcb2d;}

/*产品列表*/
.list-chanpin{ }
.list-chanpin:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.list-chanpin ul{ margin-left:-20px;margin-top:-20px;}
.list-chanpin ul li{ width:25%;float:left;margin-top:20px;}
.list-chanpin ul li .box{ margin-left:20px;background:#fff;padding-bottom:123px;position:relative;}
.list-chanpin ul li .box:after{ content:'';Position:absolute;bottom:0;height:5px;width:0;background:#ffcb2d;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.list-chanpin ul li:hover .box:after{ width:100%;}
.list-chanpin ul li .box:hover{ box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);}
.list-chanpin ul li .img{ width:100%;}
.list-chanpin ul li .img img{ width:100%;}
.list-chanpin ul li .tips{ border:solid 1px #ddd;border-top:0;background:#fff;padding:20px 20px 30px 20px;Position:absolute;bottom:0;left:0;right:0;}
.list-chanpin ul li .tips h2{ margin-bottom:20px;height:28px;line-height:28px;font-size:18px;text-align:center;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-chanpin ul li .cs{ overflow:hidden;height:0;line-height:20px;font-size:12px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.list-chanpin ul li .cs p{ margin-bottom:10px;max-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;}
.list-chanpin ul li:hover .cs{ height:150px;}
.list-chanpin ul li .more-cp{ text-align:center;line-height:24px;height:24px;overflow:hidden;}
.list-chanpin ul li .more-cp span{ display:inline-block;}
.list-chanpin ul li .more-cp span.iconfont{ font-size:16px;padding-left:5px;transform:rotate(90deg);vertical-align:middle;margin-top:-7px;}

/*首页案例*/
.tab-anli{ }
.tab-anli .hd{ margin-bottom:30px;}
.tab-anli .hd:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.tab-anli .hd ul{ float:left;}
.tab-anli .hd h2{ float:left;font-size:28px;height:38px;line-height:34px;color:#333;margin-right:40px;}
.tab-anli .hd ul li{ cursor:pointer;float:left;height:34px;line-height:34px;padding:0 30px;color:#333;font-size:16px;margin-top:2px;}
.tab-anli .hd ul li.on{ background:#3c5dc5;color:#fff;position:relative;}
.tab-anli .hd ul li.on:before{ content:'';display:inline-block;margin-left:5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #3c5dc5;Position:absolute;bottom:-6px;left:50%;margin-left:-6px;}
.tab-anli .hd span.right{ display:block;float:right;height:38px;line-height:38px;}
.tab-anli .hd span.right a{ color:#3c5dc5;font-size:16px;}
.tab-anli .hd span.right i{ display:inline-block; margin-left:6px;border-left:8px solid #3c5dc5;border-bottom:6px solid transparent;border-top:6px solid transparent;margin-top:-1px;vertical-align:middle;}

.more{ margin-top:30px;text-align:center;}
.more a{ background:#3c5dc5;color:#fff;Position:relative; display:block;margin:0 auto;height:40px;line-height:40px;width:140px;border-radius:0px;}
.more a:before{ content:'';Position:absolute;z-index:2;bottom:0;left:0;height:40px;width:0;background:#ffcb2d;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.more a:hover:before{ width:100%;}
.more a span{ display:block;Position:relative;z-index:3;}

/*案例列表*/
.list-anli{ }
.list-anli:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.list-anli ul{ margin-top:-20px;margin-left:-20px;}
.list-anli ul li{ width:25%;float:left;margin-top:20px;}
.list-anli ul li .box:hover{ box-shadow:0 5px 20px rgba(0, 0, 0, 0.1);}
.list-anli ul li .box{ margin-left:20px;background:#fff;;Position:relative;}
.list-anli ul li .box:after{ content:'';Position:absolute;bottom:0;height:5px;width:0;background:#ffcb2d;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.list-anli ul li:hover .box:after{ width:100%;}
.list-anli ul li .img img{ width:100%;}
.list-anli ul li .desc{ padding:20px 20px 20px 20px;border:solid 1px #ddd;border-top:0;}
.list-anli ul li .desc h2{ border-bottom:solid 1px #ddd;padding-bottom:20px;margin-bottom:20px;height:28px;line-height:28px;font-size:18px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-anli ul li .desc p{ margin-top:0;height:20px;line-height:20px;font-size:13px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/*首页新闻*/
.tab-index-news{ }
.tab-index-news .hd{ margin-bottom:30px;}
.tab-index-news .hd:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.tab-index-news .hd ul{ float:left;}
.tab-index-news .hd h2{ float:left;font-size:28px;height:38px;line-height:34px;color:#333;margin-right:40px;}
.tab-index-news .hd ul li{ cursor:pointer;float:left;height:34px;line-height:34px;padding:0 30px;color:#333;font-size:16px;margin-top:2px;}
.tab-index-news .hd ul li.on{ background:#3c5dc5;color:#fff;position:relative;}
.tab-index-news .hd ul li.on:before{ content:'';display:inline-block;margin-left:5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #3c5dc5;Position:absolute;bottom:-6px;left:50%;margin-left:-6px;}
.tab-index-news .hd span.right{ display:block;float:right;height:38px;line-height:38px;}
.tab-index-news .hd span.right a{ color:#3c5dc5;font-size:16px;}
.tab-index-news .hd span.right i{ display:inline-block; margin-left:6px;border-left:8px solid #3c5dc5;border-bottom:6px solid transparent;border-top:6px solid transparent;margin-top:-1px;vertical-align:middle;}

.nav-head2{ line-height:38px;height:38px;margin-bottom:30px;overflow:hidden;}
.nav-head2 h2{ float:left;font-size:28px;height:38px;line-height:34px;color:#333;margin-right:40px;}
.nav-head2 span.right{ display:block;float:right;height:38px;line-height:34px;}
.nav-head2 span.right a{ color:#3c5dc5;font-size:16px;}
.nav-head2 span.right i{ display:inline-block; margin-left:6px;border-left:8px solid #3c5dc5;border-bottom:6px solid transparent;border-top:6px solid transparent;margin-top:-1px;vertical-align:middle;}

.index-img-news{ overflow:hidden;margin-bottom:30px;}
.index-img-news ul{ margin-left:-30px;}
.index-img-news ul li{ width:33.3334%;float:left;}
.index-img-news ul li .box{ margin-left:30px;position:relative;}
.index-img-news ul li img{ width:100%;height:254px;}
.index-img-news ul li .time{ background:#3c5dc5;height:65px;width:65px;text-align:center;position:absolute;top:0;left:20px;color:#fff;}
.index-img-news ul li .time strong{ font-size:32px;line-height:42px;display:block;}
.index-img-news ul li .time span{ font-size:12px;}
.index-img-news ul li .desc{ padding:25px 20px;border:solid 1px #ddd;border-top:0;}
.index-img-news ul li h2{ height:28px;line-height:28px;font-size:18px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index-img-news ul li i{ display:block;width:30px;height:2px;background:#ffcb2d;margin:10px 0;}
.index-img-news ul li p{ color:#999;}
.index-img-news ul li:hover h2{ color:#3c5dc5;}

.index-dongtai{ width:1200px;overflow:hidden;margin-top:30px;}
.index-dongtai ul{ margin-top:-30px;margin-left:-30px;}
.index-dongtai ul li{ width:33.33%;margin-top:30px;float:left;}
.index-dongtai ul li .box{ margin-left:30px;padding-bottom:30px;border-bottom:solid 5px #eee;position:relative;}
.index-dongtai ul li .box:after{ content:'';Position:absolute;bottom:-5px;height:5px;width:0;background:#ffcb2d;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.index-dongtai ul li:hover .box:after{ width:100%;}

.index-dongtai ul li h2{ text-align:justify;margin-bottom:10px;height:56px;line-height:28px;font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-dongtai ul li:hover h2{color:#3c5dc5;}
.index-dongtai ul li p.data{ color:#3c5dc5;line-height:24px;margin-bottom:10px;}
.index-dongtai ul li p.desc{ text-align:justify;color:#999;line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/*首页表单*/
.index-form-bg{ padding:60px 0;background-size:cover !important;}
.index-form-box{ width:1200px;margin:0 auto;}
.index-form-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.index-form-bg .left-box{ width:410px;height:385px;float:left;background:#ffcb2d;position:relative;z-index:4;}
.index-form-bg .left-box:after{ content:'';border-style:solid;border-width:15px;border-color:transparent transparent transparent #ffcb2d;position:absolute;top:80px;right:-30px;width:0;height:0;}
.index-form-bg .left-bg{ padding:50px 30px;}
.l-kf{ Position:relative; padding:0;height:90px;background:#fff;border-radius:100px;}
.l-kf img{ width:50px;height:50px;border-radius:100%;Position:absolute;left:20px;top:20px;}
.l-kf .desc{ padding:10px 20px 0 85px;}
.l-kf .desc h4{ font-size:18px;line-height:24px;margin-bottom:6px;}
.l-kf .desc p{ font-size:14px;line-height:20px;}
.l-lc{ Position:relative;padding-left:30px;margin-top:30px;}
.l-lc:after{ content:'';Position:absolute;top:-40px;bottom:10px;left:45.5px;border-left:dashed 1px #fff;}
.l-lc ul{}
.l-lc ul li{ min-height:32px;line-height:32px;margin-bottom:30px;Position:relative;}
.l-lc ul li:last-child{ margin-bottom:0;}
.l-lc ul li span{ z-index:3;background:#fff;border-radius:100%;color:#3c5dc5;font-size:18px;font-weight:bold;Position:absolute;top:0;left:0;display:block;width:32px;height:32px;line-height:32px;text-align:center;}
.l-lc ul li p{ padding-left:52px;color:#fff;}
.l-lc ul li p b{ font-size:18px;}

.index-form-bg .right-box{ width:690px;height:285px;float:right;background:#fff;padding:50px;overflow:hidden;}
.index-form-bg .left-form{ float:left;width:360px;}
.index-form-bg .left-form input.intxt{ font:14px "Microsoft YaHei";margin-bottom:10px; line-height:38px;width:100%;background:#fff;border:1px solid #ddd;outline:none;padding:0 20px;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.index-form-bg .left-form textarea{ font:14px "Microsoft YaHei"; margin-bottom:10px;line-height:24px;height:110px;width:100%;resize:vertical;background:#fff; border:1px solid #ddd;outline:none;padding:10px 20px;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.containerrighta{ margin-top:20px;cursor:pointer;background:#ffcb2d;color:#fff;font-size:16px;width:100%;height:45px;line-height:45px;border:0; outline:none;border-radius:3px;}

.text-top{ float:right;width:290px;height:285px;overflow:hidden;}
.text-top .bd{}
.text-top .bd ul{}
.text-top .bd ul li{ padding:10px 0;border-bottom:dashed 1px #eee;}
.text-top .bd ul li h4{ height:26px;line-height:26px;font-size:16px;color:#333;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.text-top .bd ul li h4 b{ color:#3c5dc5;}
.text-top .bd ul li p.desc{ font-size:14px;line-height:24px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text-top .bd ul li:hover h4{ color:#3c5dc5;}
.text-top .bd ul li p.desc b{ color:#ffcb2d;}

/*子栏目导航*/
.now-dh{ background:#fff;border-bottom:solid 1px #eee;}
.now-dh-box{ width:1200px;margin:0 auto;}
.now-dh-box:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.son-dh{ float:left;height:70px;}
.son-dh ul{}
.son-dh ul li{ height:70px;line-height:70px;float:left;margin-right:40px;font-size:16px;}
.son-dh ul li a{ display:block;}
.son-dh ul li.hover, .son-dh ul li:hover{ height:66px;border-bottom:solid 4px #3c5dc5;}
.son-dh ul .li_current{height:66px;border-bottom:solid 4px #3c5dc5;}
.son-dh ul li.hover a, .son-dh ul li:hover a{ color:#3c5dc5;}

.now-dh .weizhi{ float:right;line-height:70px;color:#999;font-size:14px;}
.now-dh .weizhi a:hover{ color:#3c5dc5;}
.dqwz{ background:#fff;border-bottom:solid 1px #eee;}
.dqwz .box{ width:1200px;margin:0 auto;height:70px;line-height:70px;color:#999;}
.dqwz a:hover{ color:#3c5dc5;}
.hui-bg{ background:#f5f5f5;border-bottom:solid 0 #eee;}

/*公司介绍*/
.neiye-banner{ height:320px;position:relative;}
.neiye-banner-box{ height:320px;width:1200px;margin:0 auto;}
.neiye-banner-desc{ text-align:center;height:320px;width:1200px;display:table-cell;vertical-align:middle;}
.neiye-banner-desc h3{ font-size:34px;color:rgba(255,2555,255,0.4);margin-bottom:0px;text-transform:uppercase;}
.neiye-banner-desc h4{ font-size:18px;color:#fff;font-weight:500;}

.about-head{ overflow:hidden;background:#fff;height:400px;}
.about-head .img{ width:780px;float:right;}
.about-head .img img{ width:100%;}
.about-head .desc{ float:left;width:420px;}
.about-head .desc .desc-box{ padding:50px;}
.about-head .desc h2{ font-size:28px;line-height:38px;margin-bottom:12px;color:#333;}
.about-head .desc i{ margin:20px 0;display:block;width:50px;height:1px;background:#666;}
.about-head .desc p{ line-height:24px;color:#666;text-align:justify;}

.list-about-content{ overflow:hidden;}
.list-about-content ul{ }
.list-about-content ul li{ padding:60px 0;border-bottom:solid 1px #ddd;}
.float-desc{ overflow:hidden;width:1200px;margin:0 auto;}
.float-desc .desc .desc-box{ }
.float-desc .desc .desc-box h2{font-size:28px;line-height:38px;margin-bottom:12px; text-align:center}
.float-desc .desc .desc-box h2.nub{ line-height:auto;font-size:20px;}
.float-desc .desc .desc-box h2.nub b{ vertical-align:text-bottom;margin-top:4px;color:#3c5dc5;font-size:38px;margin-right:15px;}
.float-desc .desc .desc-box i{ margin:20px auto;display:block;width:80px;height:2px;background:#666;}
.float-desc .desc .desc-box p{ line-height:24px;text-align:justify;margin-bottom:10px;color:#555;text-indent:2em;}
.float-desc .right .desc-box{ padding:0px 0 0px 50px;}
.list-about-content ul li:nth-child(2n) .float-desc .img{ float:left;} 
.list-about-content ul li:nth-child(2n) .float-desc .desc{ float:right;}
.list-about-content ul li:nth-child(2n) .float-desc .desc .desc-box{ padding:0px 0 0px 50px;}
.list-about-content ul li:last-child{ border:0;}

/*发展历程*/
.licheng-list{ position: relative;width:720px;margin:0 auto;}
.licheng-list:after{ content:'';width:1px;position:absolute;top:20px;bottom:20px;left:85.5px;background:#ddd;}
.licheng-list ul{}
.licheng-list ul li{ position: relative;z-index:2;}
.licheng-list ul li span.data{ font-size:14px;font-weight:bold;position:absolute;width:80px;left:0;top:0;display:inline-block;line-height:28px;color:#3c5dc5;}
.licheng-list ul li span.yuan{ position:absolute;left:78.5px;top:7px;display:inline-block;width:12px;height:12px;background:#fff;border:solid 1px #ddd;border-radius:100%;}
.licheng-list ul li:hover span.yuan{ border:solid 1px #ffcb2d;background:#ffcb2d;}
.licheng-list ul li p{ line-height:28px;padding:0 0 50px 130px;color:#333;font-size:16px;text-align: justify;}
.licheng-list ul li:last-child p{ min-height:28px;padding-bottom:0;}

/*企业荣誉*/
.list-zhengshu{ overflow:hidden;}
.list-zhengshu ul{ margin-left:-30px;margin-top:-30px;}
.list-zhengshu ul li{ width:33.33%;float:left;margin-top:30px;}
.list-zhengshu ul li .box{ margin-left:30px;padding:15px;border:solid 1px #ddd;background:#fff;cursor: pointer;}
.list-zhengshu ul li .honor-pic-thumb{ background:#f7f7f7;position:relative;height:460px;overflow:hidden;}
.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 .tips{ cursor: pointer;opacity:0;position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s; }
.list-zhengshu ul li .tips .iconfont{ font-size:32px;color:#fff;width:32px;height:32px;position: absolute; left: 50%; margin-left: -16px; top: 50%; margin-top: -32px;}
.list-zhengshu ul li .tips p{ position: absolute;left:50%;margin-left:-25px;top:50%; margin-top: 10px; color: white; }
.list-zhengshu ul li:hover .tips{ opacity:1;}
.list-zhengshu ul li h4{ color:#666;text-align:center;line-height:24px;margin-top:20px;font-weight:500;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.honor-big-bg{ display: none; position: fixed; z-index:102;left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); cursor: pointer;}
.honor-big-pic{ display: none; position: fixed;z-index:103;left:0;top:0;width:100%;height:100%;}
.honor-big-pic img{ Position:absolute;left:50%;top:50%;max-width:80%;max-height:80%;width:auto;height:auto;transform:translate(-50%,-50%);}

/*人才招聘*/
.list-zhaopin{ }
.list-zhaopin table{ width:100%;border-spacing: 0;}
.list-zhaopin table th{ line-height:55px;background:#3c5dc5;color:#fff;text-align:left;padding:0 50px;}
.list-zhaopin table tr td{ border-bottom:solid 1px #ddd;line-height:55px;color:#333;text-align:left;padding:0 50px;}
.list-zhaopin table tr td:first-child{ border-left:solid 1px #ddd;}
.list-zhaopin table tr td:last-child{ border-right:solid 1px #ddd;}
.list-zhaopin table tr td span{ color:#ff5500;cursor: pointer;}
.list-zhaopin table tr.show{ background:#f5f5f5;}
.list-zhaopin table tr.show td{ padding:0;line-height:28px;border-bottom:0;}

.show-box{ display:none;padding:30px 50px;border-bottom:solid 1px #ddd;}
.zhaopin-body{ overflow:hidden;}
.zhaopin-body .left{ width:520px;float:left;}
.zhaopin-body .right{ width:520px;float:right;}
.zhaopin-body h4{ font-size:18px;margin-bottom:20px;}
.zhaopin-a{ overflow:hidden;margin-top:20px;}
.zhaopin-a a{ display:block;text-align:center;width:160px;height:40px;line-height:40px;background:#3c5dc5;color:#fff;}
.zhaopin-sm{ overflow:hidden;}
.zhaopin-sm .left-desc{ }
.zhaopin-sm .left-desc h4{ font-weight:500;line-height:34px;font-size:24px;margin-bottom:30px;}
.zhaopin-sm .left-desc p{ line-height:28px;color:#666;white-space:pre-wrap;}
.zhaopin-sm .left-desc p.b30{ margin-bottom:30px;}

/*人才招聘 详情页*/
.yingpin-lc{ position: relative;overflow:hidden;}
.yingpin-lc:before{ content:'';position: absolute;top:44px;left:10%;right:10%;border-bottom:dashed 2px #eee;}
.yingpin-lc ul{ }
.yingpin-lc ul li{ position: relative;z-index:3;width:20%;float:left;text-align:center;}
.yingpin-lc ul li .number{ border:solid 5px #fff;font-size:28px;color:#3c5dc5;font-weight:bold;width:80px;line-height:80px;margin:0 auto;background:#f7f7f7;border-radius:100%;}
.yingpin-lc ul li p{ line-height:28px;font-size:18px;margin-top:15px;}
.zhaopin-biaodan{ width:780px;margin:0 auto;}
.zhaopin-biaodan ul{ margin-left:-30px;}
.zhaopin-biaodan ul li{ width:50%;float:left;margin-bottom:15px;overflow:hidden;}
.zhaopin-biaodan ul li p{ line-height:24px;margin-bottom:5px;}
.zhaopin-biaodan ul li .box{ margin-left:30px;}
.zhaopin-biaodan ul li input.text{ font: 14px "Microsoft YaHei";margin-bottom: 10px;height:40px;line-height: 40px;width: 100%;background: #fff;border: 1px solid #ddd;outline: none;padding: 0 20px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zhaopin-biaodan ul li select{ font: 14px "Microsoft YaHei";margin-bottom: 10px;height:40px;line-height: 40px;width: 100%;background: #fff;border: 1px solid #ddd;outline: none;padding: 0 20px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zhaopin-biaodan ul li.w{ width:100%;}
.zhaopin-biaodan ul li.w input.text{ width:375px;float:left;}
.zhaopin-biaodan ul li img{ height:38px;border:solid 1px #ddd;float:left;margin-left:30px;}
.list-daiyu{ overflow:hidden;}
.list-daiyu ul{ margin-top:-30px;margin-left:-30px;}
.list-daiyu ul li{ width:33.33%;float:left;margin-top:30px;}
.list-daiyu ul li .box{ margin-left:30px;padding:50px 30px;text-align:center;background:#f5f5f5;}
.list-daiyu ul li img{ height:80px;width:80px;border-radius:100%;}
.list-daiyu ul li p{ line-height:24px;margin-top:20px;}

/*视频列表*/
.list-videos{ overflow: hidden;width:1200px;margin:0 auto;}
.list-videos ul{ margin-top:-10px;margin-left:-10px;}
.list-videos ul li{ width:25%;float:left;margin-top:10px;}
.list-videos ul li .box{ margin-left:10px;border:solid 1px #ddd;}
.list-videos ul li .img{ Position: relative;}
.list-videos ul li .img img{ width:100%;vertical-align:bottom;}
.list-videos ul li .img span.iconfont{ z-index:3;display:block;font-size:46px;color:#fff;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.list-videos ul li .box:hover .img span.iconfont{ Opacity:0.8;}
.list-videos ul li p{ height:50px;line-height:50px;font-size:15px;text-align:center;padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-videos ul li .box:hover p{ color:#3c5dc5;}

/*分页样式*/
.pages{ margin-top:40px;height:32px;line-height:32px;overflow: hidden;text-align:center;}
.pages ul{}
.pages ul li{ display:inline-block;margin:0 5px;}
.pages ul a{ display:inline-block;padding:0 12px;color:#333;-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.pages ul a:hover{ background:#3c5dc5;color:#fff;}
.pages ul li.active{ background:#3c5dc5;padding:0 0px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; color:#fff;}
.pages ul li.active a{ color:#fff;}
.pages ul li span.pageinfo{ color:#999;}
.pages span input{ height:24px;line-height:24px;border:1px solid #ccc; width:30px; margin:0 2px 0 2px; text-align:center; padding-top:-1px ;font-size:14px;}

/*视频详情页*/
.view-video-bg{ background:#fff;border-top:solid 1px #eee;border-bottom:solid 1px #ddd;}
.view-video-box{ width:1200px;margin:0 auto;overflow: hidden;}

.news-now{ height:60px;line-height:60px;color:#999;}
.news-now a{ color:#999;}
.news-now a:hover{ color:#3c5dc5;}

.video-head{ overflow: hidden;}

.video-head .left-video{ width:900px;height:601px;float:left;Position: relative;z-index:9;overflow:hidden;}
.video-head .left-video ul{}
.video-head .left-video ul li{ Position: relative;}
.video-head .left-video ul li .video-img{ width:100%;Position: relative;}
.video-head .left-video ul li .video-img img{ width:100%;height:601px;}
.video-head .left-video ul li .video-img:after{ content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.4);}
.video-head .left-video ul li .iconfont{ z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor: pointer;width:60px;height:60px;font-size:60px;color:#fff;}
.video-head .left-video ul li .iconfont:hover{ Opacity:0.8;}
.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 .right-about{ width:280px;float:right;overflow: hidden;}
.video-head .right-about ul{} 
.video-head .right-about ul li{ margin-bottom:20px;}
.video-head .right-about ul li .img{ Position: relative;}
.video-head .right-about ul li .img img{ width:100%;height:187px;vertical-align:bottom;}
.video-head .right-about ul li .img span.play{ z-index:3;display:block;width:50px;height:50px;background:url(../images/play.png) no-repeat center center;background-size:100%;Position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.video-head .right-about ul li .box:hover .img span.play{ Opacity:0.8;}
.video-head .right-about ul li .img p{ font-size:15px;Position: absolute;bottom:0;left:0;right:0;height:24px;line-height:24px;color:#fff;padding:20px 20px 6px 20px;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));}
.video-head .right-about ul li:last-child{ margin-bottom:0;}

.video-title{ padding:20px 0;height:40px;line-height:40px;overflow: hidden;width:900px;}
.video-title h2{ font-size:24px;color:#222;font-weight:500;float:left;}
.video-title .video-info{ float:right;}
.video-title .video-info span{ display:block;float:left;margin-left:20px;color:#666;}

.video-sxp{ height:80px;line-height:80px;overflow: hidden;border-top:dashed 1px #ddd;}
.video-sxp p.prev{ color:#999;width:45%;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-sxp p.next{ color:#999;width:45%;float:right;text-align:right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-sxp a{ color:#999;}
.video-sxp a:hover{ color:#3c5dc5;}

.view-about-video{ padding:60px 0;background:#fff;}
.view-about-video-box{ width:1200px;margin:0 auto;}
.view-about-video h2.title3{ margin-bottom:20px;font-size:24px;}

/*产品封面*/
.list-cp2{ }
.list-cp2:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.list-cp2 ul{ margin-top:-20px;margin-left:-20px;}
.list-cp2 ul li{ width:25%;float:left;margin-top:20px;}
.list-cp2 ul li .box{ margin-left:20px;border:solid 1px #ddd;}
.list-cp2 ul li .img-tips{ overflow: hidden;Position: relative;}
.list-cp2 ul li .img-tips img{ width:100%;}
.list-cp2 ul li .img-tips .img{ Position: relative;}
.list-cp2 ul li .img-tips .img2 img{ height:283px;width:424px;margin-left:-70px;}
.list-cp2 ul li .img-tips .img span.tag{ height:22px;line-height:22px;font-size:13px;padding:0 10px;color:#ff0000;border:solid 1px #ff0000;display:block;Position: absolute;top:20px;left:20px;}
.list-cp2 ul li .img-tips .img2{ z-index:4;Position: absolute;bottom:-300px;left:0;right:0;width:100%;height:283px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-cp2 ul li:hover .img-tips .img2{ bottom:0;}
.list-cp2 ul li .desc{ padding:30px 20px 30px 20px;border-top:solid 1px #ddd;}
.list-cp2 ul li .desc h2{ margin-bottom:10px;height:28px;line-height:28px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-cp2 ul li .desc p{ height:20px;line-height:20px;font-size:13px;color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-cp2 ul li .box:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.list-cp3{ }
.list-cp3:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.list-cp3 ul{ margin-top:-20px;margin-left:-20px;}
.list-cp3 ul li{ width:50%;float:left;margin-top:20px;}
.list-cp3 ul li .box{ margin-left:20px;height:283px;Position: relative;border:solid 1px #ddd;}
.list-cp3 ul li .img-tips{ overflow: hidden;Position: absolute;width:285px;height:283px; }
.list-cp3 ul li .img-tips img{ width:100%;height:283px !important;}
.list-cp3 ul li .img-tips .img2 img{ width:422px !important;max-width:422px !important;margin-left:-70px;height:283px !important;}
.list-cp3 ul li .img-tips .img{ Position: relative;}
.list-cp3 ul li .img-tips .img span.tag{ height:22px;line-height:22px;font-size:13px;padding:0 10px;color:#ff0000;border:solid 1px #ff0000;display:block;Position: absolute;top:20px;left:20px;}
.list-cp3 ul li .img-tips .img2{ z-index:4;Position: absolute;top:0;right:-500px;width:100%;height:283px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.list-cp3 ul li:hover .img-tips .img2{ right:0;}
.list-cp3 ul li .desc{ padding:30px 30px 30px 315px;height:202px;}
.list-cp3 ul li .desc h2{ padding-top:48px;margin-bottom:10px;height:28px;line-height:28px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-cp3 ul li .desc p{ margin-top:0;height:20px;line-height:20px;font-size:13px;color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-cp3 ul li .desc i{ width:30px;height:2px;background:#ffcb2d;display:block;margin:15px 0;}
.list-cp3 ul li .box:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}

/*产品详情页*/
.chanpin-head{ overflow: hidden;}
.solid-chanpin{ position: relative;overflow: hidden; width: 384px;float:left;background:#fff; }
.solid-chanpin .bigImg{ height: 384px;width: 384px; position: relative;text-align:center;overflow: hidden;background:#f5f5f5;}
.solid-chanpin .bigImg li img{ vertical-align:middle; height:384px;   }
.solid-chanpin .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }
.solid-chanpin .smallScroll{ margin-top:5px;}
.solid-chanpin .sPrev,.solid-chanpin .sNext{ float: left; display: block; width:31px; height: 73px;line-height:73px;text-align:center;background:#666;font-size:16px;color:#ddd;}
.solid-chanpin .sPrev:hover{ background:#ffcb2d;color:#333;}
.solid-chanpin .sNext:hover{ background:#ffcb2d;color:#333;}
.solid-chanpin .smallImg{ float:left;display:inline;width: 320px;margin:0 0 0 2px;overflow: hidden;}
.solid-chanpin .smallImg ul{ width: 9999px; overflow: hidden; }
.solid-chanpin .smallImg li{ float: left; margin:0 3px;width:73px; cursor:pointer;  display: inline;  }
.solid-chanpin .smallImg img{ width:100%; height:73px;Opacity:0.6;  }
.solid-chanpin .smallImg .on img{ Opacity:1;}
.solid-chanpin .pageState{ position: absolute; bottom:85px; right: 10px; letter-spacing: 2px;color:#fff;}
.solid-chanpin .pageState span{ color: #ffcb2d;}
.chanpin-top-canshu{ width:750px;float:right;}
.chanpin-top-canshu h1{ font-size:28px;line-height:38px;margin-bottom:10px;}
.chanpin-top-canshu .ds{ line-height:24px;color:#333;margin-bottom:30px;}
.jbcs{ overflow: hidden;}
.jbcs ul{}
.jbcs ul li{  overflow: hidden;margin-bottom:10px;line-height:24px;}
.jbcs ul li span{ display:block;float:left;color:#999;}
.jbcs ul li p{ float:left;width:495px;color:#333;}

.anli-tips{ margin-top:10px;border-radius:3px;overflow: hidden;position: relative;padding:20px;height:68px;background:#fffcf4;}
.anli-tips img{ position: absolute;height:68px;width:68px;border-radius:100%;left:20px;top:20px;}
.anli-tips .desc{ padding:0 0 0 88px;}
.anli-tips .desc p{ display:inline-block;line-height:68px;font-size:18px;color:#ff5500;position: relative;padding:0 20px;}
.anli-tips .desc p:before{ content:'“';line-height:20px;position: absolute;top:16px;font-size:28px;left:-16px;color:#999;}
.anli-tips .desc p:after{ content:'”';line-height:20px;position: absolute;bottom:-4px;font-size:28px;right:-12px;color:#999;}
.item-zx{ overflow: hidden;margin-top:30px;}
.item-zx .zaixian{ cursor:pointer;margin-right:5px;text-align:center;display:block;font-size:18px;padding:0 30px;float:left;outline: none;border-radius:3px;height:52px;line-height:52px;background:#3c5dc5;color:#fff;border:0;}
.item-zx .boda{ cursor:pointer;text-align:center;display:block;font-size:18px;padding:0 30px;float:left;outline: none;border-radius:3px;height:52px;line-height:52px;background:#ffcb2d;color:#333;border:0;}
.item-zx .iconfont{ font-size:18px;margin-right:3px;}

.item-nav{ text-align:center;height:70px;border-bottom:solid 1px #ddd;}
.item-nav:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.item-nav ul{ }
.item-nav ul li{ display:inline-block;height:70px;line-height:70px;font-size:16px;margin:0 20px;}
.item-nav ul li a{ display: block;}
.item-nav ul li a.menu-active{ height:66px;border-bottom:solid 4px #ffcb2d;color:#ffcb2d;}
.fixed3{ border:0;background:#fff;box-shadow:0 0 6px rgba(0, 0, 0, 0.07);position:fixed;z-index:99;top:0;left:0;right:0;min-width:1200px;}
#wrapper .container{ padding:60px 0;padding-top:130px;margin-top:-70px;border-bottom:solid 1px #ddd;}
#wrapper .end-container{ border-bottom:solid 0 #ddd;padding:0;padding-top:60px;margin-top:-60px;}
.item-danxiang-body{ width:1200px;margin:0 auto;overflow: hidden;line-height:1.75;font-size:16px;color:#444;}
.item-danxiang-body .title{ overflow:hidden;height:28px;line-height:28px;font-weight:bold;color:#333;font-size:18px;margin-bottom:30px;}
.item-danxiang-body .title .iconfont{ font-size:22px;line-height:28px;float:left;margin-top:-1px;margin-right:5px;color:#3c5dc5;}

.item-danxiang-body p{ text-align: justify;margin-top:15px;}
.item-danxiang-body img{ max-width:100% !important;height:auto !important;}
.item-danxiang-body table{ width:100% !important;border-spacing:0;margin-top:20px;border-right:solid 1px #ddd;}
.item-danxiang-body table tr td{ padding:12px 10px;line-height:24px;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 .t30{ margin-top:30px;}
.item-danxiang-body table p{ margin-top:0;}
.neiye-anli{ overflow: hidden;}
.neiye-anli ul{ margin-top:-20px;margin-left:-20px;}
.neiye-anli ul li{ width:25%;float:left;margin-top:20px;}
.neiye-anli ul li .box{ margin-left:20px;}
.neiye-anli ul li img{ width:100%;height:246px;}
.neiye-anli ul li h2{ margin-top:20px;line-height:28px;height:28px;font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.neiye-anli ul li p{ text-align: justify;margin-top:10px;line-height:24px;height:48px;color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.neiye-anli ul li:hover h2{ color:#3c5dc5;}

/*案例列表筛选*/
.shaixuan{ overflow:hidden;margin-top:-20px;margin-bottom:60px;}
.shaixuan-ul{ overflow:hidden;position:relative;line-height:32px;}
.shaixuan-ul strong{ display:block;width:60px;float:left;}
.shaixuan-li{ position:relative;overflow:hidden;width:1120px;float:right;}
.shaixuan-li a{ display: inline-block;padding: 0 15px;margin-right: 9px;margin-bottom: 10px;border-radius: 5px;cursor: pointer;width: 181px;text-align: center;border: 1px solid #ececec;}
.shaixuan-li a:nth-child(5n){ margin-right: 0px }
.shaixuan-li span{ display:inline-block;margin-bottom:12px;color:#ffcb2d;}
.shaixuan-li a:hover,.shaixuan-li a.on{ background:#ffcb2d;color:#333;border:1px solid #ffcb2d;}

/*案例详情页*/
.anli-img{ width: 575px;float:left;}
.anli-img img{ width:100%;}

/*新闻列表*/
.news-contenter{ width:1200px;overflow: hidden;}
.news-main{ width:820px;padding:30px;background:#fff;float:left;overflow: hidden;}
.news-main2{ width:880px;float:left;overflow: hidden;}
.list-image{ background:#fff;overflow: hidden;}
.list-image ul{ padding:0 0;overflow: hidden;}
.list-image li{ height:163px;border-bottom: 1px solid #eee;margin-bottom:30px;Position: relative; overflow: hidden;}
.list-image ul li .lbimg img{width: 200px;height: 133px;}
.list-image ul li:last-child{ margin-bottom:0;}
.lbimg{width: 200px;height: 133;Position: absolute;top: 0;left: 0px;overflow: hidden;}
.list-image .arc_desc{ margin-left:230px;}
.list-image .arc_desc h2{ font-size:18px;color:#444;line-height:30px;padding-top:0px;overflow: hidden;}
.list-image .arc_desc p.ds{ text-align: justify;line-height:25px;font-size:14px;color:#666;height:50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-image .dn{ height:30px;line-height:30px;Position: absolute;overflow: hidden;bottom:30px;left:230px;right:0;font-size:12px;color:#999;}
.list-image .dn span.click{ display:inline-block;margin-left:30px;}
.list-image ul li:hover h2{ color:#ffcb2d;}

/*侧边栏*/
.news-side{ width:300px;float:right;}
.qiehuan{ overflow:hidden;background:#fff;padding:30px; margin-bottom:20px;  }
.qiehuan .hd{ height:22px; line-height:18px;  overflow:hidden;   }
.qiehuan .hd h2{ float:left; }
.qiehuan .hd h2 a{ font-size:18px;}
.qiehuan .hd .next,
.qiehuan .hd .prev{ float:right; display:block; width:18px; height:18px; background: url(../images/left_right.gif) no-repeat -6px -7px; overflow:hidden; margin-right:6px; cursor:pointer; }
.qiehuan .hd .next{ background-position:-34px -7px;margin-right:0; }
.qiehuan .hd .prevStop{ background-position:-6px -40px; cursor:default; }
.qiehuan .hd .nextStop{ background-position:-34px -40px; cursor:default; }
.qiehuan .hd ul{ float:right; margin:5px 6px 0 0; zoom:1; }
.qiehuan .hd ul li{ float:left; cursor:pointer; display:block; border-radius:100%;width:8px; height:8px; margin-right:4px; _display:inline; background:#ddd; }
.qiehuan .hd ul li.on{ background:#ffcb2d; }
.qiehuan .bd{ padding:12px 0 0 0;  }
.qiehuan .bd ul{ overflow:hidden; zoom:1; }
.qiehuan .bd ul li{ float:left; width:240px; }
.qiehuan .bd ul li img{ width:100%;height:222px;margin-bottom:10px;}
.qiehuan .bd ul li p{ height:24px;line-height:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.qiehuan .bd ul li:hover p{ color:#ffcb2d;}
.item-side-bg{ background:#fff;padding:24px 30px;margin-bottom:20px;}
.item-side-list{ }
.item-side-list ul{}
.item-side-list ul li{ Position: relative; padding-left:15px;height:32px;line-height:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.item-side-list ul li:before{ content:'';Position: absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;border-radius:100%;background:#ddd;}
.item-side-list ul li a:hover, .item-side-list ul li:hover{ color:#3c5dc5;}
.item-side-list ul li a{ display:block:}
.zlm{ height:28px;line-height:28px;padding-bottom:9px;margin-bottom:20px;overflow: hidden;border-bottom:solid 1px #ddd;}
.zlm h3{ font-size:18px;float:left;}
.zlm span{ float:right;display:block;}
.zlm span a{ color:#999;}
.zlm span a:hover{ color:#ffcb2d;}
.right-new{ background:#fff;padding:24px 30px;overflow:hidden;margin-bottom:20px;}
.right-new h4{ height: 28px;line-height: 28px;font-size:18px;padding-bottom: 9px;margin-bottom: 20px; overflow: hidden;border-bottom: solid 1px #ddd;overflow: hidden;}
.right-new ul{ }
.right-new ul li{ height:56px;overflow:hidden;position:relative;margin-top:20px;}
.right-new ul li .img{ overflow:hidden;position: absolute;top:0;left:0;}
.right-new ul li .img img{ width:80px;height:56px;}
.right-new ul li .desc{ padding:0 0 0 95px;height:56px;line-height:22px;display: table-cell;vertical-align:middle;}
.right-new ul li .desc p{ font-size:14px;line-height:18px;vertical-align:middle; display: -webkit-box;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.right-new ul li:hover .desc p{ color:#3c5dc5;}
.article-con{ padding:30px;background:#fff;margin-bottom:20px;}
.article-head{ margin-bottom:20px;}
.article-head h2{ line-height:34px;font-size:24px;margin-bottom:10px;}
.article-head .info{ overflow: hidden;height:20px;line-height:20px;}
.article-head .info span{ display:block;float:left;font-size:12px;margin-right:20px;color:#999;}

.yindao{ border:solid 1px #ff9900;border-radius:0px;background:#fffdf9;padding:20px 20px;height:68px;Position: relative;}
.yindao img{ width:68px;line-height:68px;border-radius:100%;Position: absolute;left:20px;top:20px;}
.yindao .desc{ padding:0 200px 0 88px;}
.yindao .desc p.mc{ line-height:20px;font-size:14px;color:#ff5500;margin-bottom:5px;}
.yindao .desc p.dh{ line-height:20px;font-size:14px;color:#333;}
.yindao .desc p.dh b{ font-size:24px;color:#ff5500;}
.yindao .zxzx{ Position: absolute;top:50%;margin-top:-20px;right:20px;border-radius:3px;height:40px;line-height:40px;width:140px;background:#ff5500;color:#fff;text-align:center;}
.yindao .zxzx a{ cursor: pointer;display:block;color:#fff;}
.yindao .zxzx a span.iconfont{ font-size:14px;margin-right:5px;}

.b0{ margin-bottom:0 !important;}
.article-body{ padding-top:20px;line-height:32px;font-size:16px;color:#444;}
.article-body p{ padding:8px 0;text-align: justify;}
.article-body img{ max-width:100% !important;height:auto !important;}
.article-body video{ max-width:100% !important;height:auto !important;}
.article-body a{font-weight: bold;color:#3c5dc5;}
.article-body .a-topic{font-weight: normal;color:#444}
.ssp{ border-top:dashed 1px #ddd;margin-top:30px;padding-top:20px;}
.ssp p{ padding:5px 0;}
.ssp p a:hover{ color:#ffcb2d;}
.about-cp{ padding:0 30px 30px;background:#fff;margin-bottom:20px;}
.about-cp .hd{ height:60px;border-bottom:solid 1px #ddd;margin-bottom:30px;}
.about-cp .hd:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;}
.about-cp .hd h4{ float:left;font-size:18px;line-height:60px;}
.about-cp .hd ul{ float:left;}
.about-cp .hd ul li{ font-size:16px;cursor: pointer;height:60px;line-height:60px;margin-left:40px;float:left;}
.about-cp .hd ul li.on{ height:58px;border-bottom:solid 2px #3c5dc5;color:#3c5dc5;}
.about-cp .hd a.ma{ display:block;float:right;line-height:60px;color:#999;}
.about-cp .hd a.ma:hover{ color:#ffcb2d;}
.about-cp .bd{ overflow:hidden;}
.about-cp .bd ul{ margin-left:-20px;}
.about-cp .bd ul li{ width:33.33%;float:left;}
.about-cp .bd ul li .box{ margin-left:20px;}
.about-cp .bd ul li img{ width:100%;margin-bottom:20px;}
.about-cp .bd ul li h2{ margin-bottom:10px;font-size:18px;line-height:28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about-cp .bd ul li p{ line-height:24px;font-size:14px;color:#999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about-cp .bd ul li:hover h2{ color:#3c5dc5;}
.news-white-bg{ padding:30px;background:#fff;}

/*问答提示*/
.weda{ padding:29px;background:#fff;border:solid 1px #ffcb2d;margin-bottom:20px;}
.wenda-form{ overflow:hidden;}
.wenda-form ul{ margin-left:-20px;}
.wenda-form ul li{ width:50%;float:left;}
.wenda-form ul li .box{ margin-left:20px;}
.wenda-form ul li.bhh{ width:100%;}
.wenda-form ul li input.intxt{ font: 14px "Microsoft YaHei";margin-bottom: 10px; line-height: 38px;width: 100%;background: #fff;border: 1px solid #ddd;outline: none;padding: 0 20px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wenda-form ul li select{ font: 14px "Microsoft YaHei";margin-bottom: 10px; height:40px;line-height: 40px;width: 100%;background: #fff;border: 1px solid #ddd;outline: none;padding: 0 20px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wenda-form ul li textarea{ font: 14px "Microsoft YaHei"; margin-bottom: 10px;line-height: 24px;width: 100%;resize: vertical;background: #fff; border: 1px solid #ddd;outline: none;padding: 10px 20px;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.wenda-form ul li.wb{ width:100%;}
.wenda-form ul li .cpxl{ margin-bottom:20px;}
.wenda-form ul li .cpxl input{ vertical-align:middle;margin-top:-2px;}
.wenda-form ul li .wenda-btn{ cursor: pointer;background: #ffcb2d;color: #fff;font-size: 16px;width: 100%;height: 40px;line-height: 40px;border: 0; outline: none;border-radius: 3px;}
.wenda-tip{ position:relative;min-height:68px;margin-bottom:30px;}
.wenda-tip img{ height:62px;width:62px;border-radius:100%;position: absolute;top:50%;margin-top:-31px;left:0;}
.wenda-tip .desc{ background:#ffcb2d;border-radius:3px;margin-left:82px;position:relative;}
.wenda-tip .desc:before{ content:'';border-style: solid;border-width: 6px;border-color: transparent #ffcb2d transparent transparent;position: absolute;top: 50%;margin-top: -6px;left: -12px;width: 0;height: 0;}
.wenda-tip .desc p{ padding:10px 20px;line-height:24px;}

/*售后保障*/
.zongzhi{ overflow:hidden;}
.zongzhi ul{ margin-left:-30px;}
.zongzhi ul li{ width:25%;float:left;text-align:center;}
.zongzhi ul li .box{ min-height:206px;margin-left:30px;padding:50px 30px;background:#f5f5f5;}
.zongzhi ul li img{ width:80px;height:80px;border-radius:100%;margin-bottom:20px;}
.zongzhi ul li h4{ font-size:18px;margin-bottom:10px;}
.zongzhi ul li p{ line-height:24px;color:#999;}
.wangdian{ }
.wangdian:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.wangdian ul{ margin-top:-30px;margin-left:-30px;}
.wangdian ul li{ width:50%;float:left;margin-top:30px;}
.wangdian ul li .box{ -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;cursor: pointer;position:relative;margin-left:30px;padding:30px;height:100px;background:#fff;border:solid 1px #ddd;}
.wangdian ul li .box:hover{ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.wangdian ul li img{ height:100px;width:100px;border:solid 1px #eee;border-radius:100%;position: absolute;top:30px;left:30px;}
.wangdian ul li .desc{ padding-left:130px;padding-top:5px;}
.wangdian ul li .desc h2{ font-size:18px;color:#3c5dc5;line-height:34px;margin-bottom:10px;}
.wangdian ul li .desc p{ line-height:24px;color:#333;}

/*问答*/
.list-ask{ }
.list-ask:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.list-ask ul{ margin-top:-30px;margin-left:-30px;}
.list-ask ul li{ width:50%;float:left;margin-top:30px;}
.list-ask ul li .box{ margin-left:30px;padding:30px;border:solid 1px #ddd;}
.list-ask ul li p.wen{ text-align: justify;margin-bottom:10px;font-weight:bold;font-size:16px;Position: relative;padding-left:34px;height:24px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-ask ul li span{ Position: absolute;left:0;top:0;border-radius:100%;font-size:12px;color:#fff;display:block;width:24px;height:24px;line-height:24px;background:#3c5dc5;text-align:center;}
.list-ask ul li p.da{ text-align: justify;color:#999;font-size:14px;Position: relative;padding-left:34px;height:48px;line-height:24px;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;}
.list-ask ul li .box:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}

/*联系我们*/
.message-box{ background:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.1);overflow:hidden;}
.message-box .left{ width:700px;float:left;}
/*.message-box .left .box{ padding:80px 160px;height:390px;width:380px;display:table-cell;vertical-align:middle;}*/
.message-box .left .box{ height:100%;width:698px;display:block;vertical-align:top;}
.message-box .left h2{ font-size:24px;line-height:34px;margin-bottom:8px;}
.message-box .left p{ line-height:24px;margin-bottom:30px;color:#666;}
.message-box .left input.intxt{ font:14px "Microsoft YaHei";margin-bottom:10px; line-height:38px;width:100%;background:#fff;border:0;border-bottom:2px solid #eee;outline:none;padding:0 0;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.message-box .left textarea{ resize:none;font:14px "Microsoft YaHei"; margin-bottom:10px;line-height:24px;width:100%;background:#fff; border:0;border-bottom:2px solid #eee;outline:none;padding:10px 0;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.message-box .left input.intxt:focus, .message-box .left textarea:focus{ border-color: #ffcb2d !important;}
.message-box .left .message-btn{ margin-top:20px;cursor:pointer;background:#ffcb2d;color:#333;font-size:16px;width:100%;height:45px;line-height:45px;border:0; outline:none;border-radius:3px;}

.message-box .right{ width:500px;float:right;background:#ffcb2d;height:550px;}
.message-box .right .box{ padding:80px 80px;height:390px;width:340px;color:#333;display:table-cell;vertical-align:middle;}
.message-box .right .box h2{ font-size:24px;line-height:34px;margin-bottom:30px;}
.message-box .right .box p{ padding-left:30px;margin-bottom:20px;line-height:28px;font-size:16px;}
.message-box .right .box p.gs{ background:url(../images/m1.png) no-repeat left center;background-size:18px;}
.message-box .right .box p.add{ background:url(../images/m2.png) no-repeat left center;background-size:18px;}
.message-box .right .box p.call{ background:url(../images/m3.png) no-repeat left center;background-size:18px;}
.message-box .right .box p.mail{ background:url(../images/m4.png) no-repeat left center;background-size:18px;}
.message-box .right .box p.time{ background:url(../images/m5.png) no-repeat left center;background-size:18px;}

.list-m{ overflow:hidden;}
.list-m ul{ margin-left:-50px;margin-top:-50px;}
.list-m ul li{ width:50%;float:left;margin-top:50px;}
.list-m ul li .box{ cursor:pointer;position:relative;margin-left:50px;border-bottom:solid 5px #eee;padding-bottom:25px;}
.list-m ul li h2{ font-size:18px;color:#3c5dc5;line-height:34px;margin-bottom:10px;}
.list-m ul li p{ line-height:24px;color:#666;}
.list-m ul li .box:after{ content:'';Position:absolute;bottom:-5px;height:5px;width:0;background:#ffcb2d;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;}
.list-m ul li:hover .box:after{ width:100%;}

/*友情链接*/
.link-container{background-color: #fff;margin-top:-50px;padding-bottom:40px;}
.link-content{width:1200px;margin:0 auto;}
.link-content .link-header h4{font-size:16px;line-height: 32px;height:50px;}
.link-content .link-detail a{}
.link-content .link-detail span{display: inline-block;margin:0 8px;}
.link-content .link-detail a:hover{color:#3c5dc5;}

/*页脚*/
.footer{ background:#282828;padding:50px 0;}
.footer .box{ width:1200px;margin:0 auto;overflow:hidden;}
.footer .left-dh{ float:left;overflow:hidden;border-right:solid 1px #444;}
.footer .left-dh ul{}
.footer .left-dh ul li{ float:left;width:184px;}
.footer .left-dh ul li h4{ font-weight:500;color:#fff;line-height:26px;margin-bottom:30px;font-size:16px;}
.footer .left-dh ul li p{ line-height:32px;}
.footer .left-dh ul li a{ color:#fff;color:#999;}
.footer .left-dh ul li a:hover{ color:#ffcb2d;}
.footer .right-message{ float:right;text-align:center;color:#fff;}
.footer .right-message h4{ font-weight:500;color:#fff;line-height:26px;margin-bottom:30px;font-size:16px;}
.footer .right-message img{ width:112px;height:112px;margin:0 auto;margin-bottom:20px;}
.footer .right-message p b{ display:block;margin-top:5px;font-size:24px;font-weight:500;color:#ffcb2d;}

.footer .footer-copy{ width:1200px;margin:0 auto;text-align:center;margin-top:50px;border-top:solid 1px #444;}
.footer .footer-copy p{ margin-top:30px;color:#999;}
.footer .footer-copy p a{ color:#999;}

/*友情链接*/
.link{ padding:20px 0;line-height:32px;background:#fff;}
.link .box{ margin:0 auto;width:1200px;overflow:hidden;}
.link strong{ width:90px;float:left;color:#999;}
.links{ width:1100px;float:left;}
.links a{ float:left;display:block;margin-right:30px;color:#999;}
.links a:hover{ color:#ffcb2d;}

#ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
#ab_img p span{text-wrap: inherit !important;}
#ab_img .support_sq,#ab_img .support_sz,#ab_img .support_sh{margin-bottom: 20px;}
#ab_img .support_sq .support_sq_title p,#ab_img .support_sz .support_sz_title p,#ab_img .support_sh .support_sh_title p{text-align: center;padding-right:20px;}

#ab_img .support_sq .support_sq_content .support_sq_content_left{float: left;width:600px;margin:20px 0;}
#ab_img .support_sq .support_sq_content .support_sq_content_left .support_sq_content_left_item{margin-bottom: 20px;}
#ab_img .support_sq .support_sq_content .support_sq_content_left .support_sq_content_left_item:nth-child(4n){margin-bottom: 0px;}
#ab_img .support_sq .support_sq_content .support_sq_content_left .support_sq_content_left_item img{float: left;margin-right:20px;}
#ab_img .support_sq .support_sq_content .support_sq_content_left .support_sq_content_left_item div{width:580px;}
#ab_img .support_sq .support_sq_content .support_sq_content_left .support_sq_content_left_item div p{text-indent: 0rem;}
#ab_img .support_sq .support_sq_content .support_sq_content_right{float: right}
#ab_img .support_sq .support_sq_content .support_sq_content_right img{width:600px;height:auto;vertical-align: bottom}

#ab_img .support_sz .support_sz_content .support_sz_content_item{float: left;width:580px;margin-right:20px;margin-bottom: 16px;}
#ab_img .support_sz .support_sz_content .support_sz_content_item:nth-child(2n){float: left;width:580px;margin-right:0px;}
#ab_img .support_sz .support_sz_content .support_sz_content_item .support_sz_content_item_left{float: left;width:15%;}
#ab_img .support_sz .support_sz_content .support_sz_content_item .support_sz_content_item_left div{height:187px;background-color: #000;}
#ab_img .support_sz .support_sz_content .support_sz_content_item .support_sz_content_item_left div p{box-sizing: border-box;padding:0 10px;line-height: 93px;background-color: #3c5dc5;color:#fff;font-size: 16px;text-indent: 0rem;font-weight:bold;text-align: center}
#ab_img .support_sz .support_sz_content .support_sz_content_item .support_sz_content_item_right{float: right;width:85%;}
#ab_img .support_sz .support_sz_content .support_sz_content_item .support_sz_content_item_right p{float:left;width:58%;text-indent: 0rem;padding-left:10px;}
#ab_img .support_sz .support_sz_content .support_sz_content_item .support_sz_content_item_right img{float:right;width:187px;height:187px;}

#ab_img .support_sh .support_sh_content .support_sh_content_left,#ab_img .support_sh .support_sh_content .support_sh_content_right{float: left;width:50%;}
#ab_img .support_sh .support_sh_content .support_sh_content_right{background-color: #3c5dc5;height:425px;}
#ab_img .support_sh .support_sh_content .support_sh_content_right img{padding:15px;}
#ab_img .support_sh .support_sh_content .support_sh_content_right p{text-indent: 0rem;color:#fff;padding:0 15px;}



/* AB模板网新增分页样式 www.admibnuy.cn */
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  flex-wrap:wrap;
  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;
  margin-bottom:10px;
  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}

@media (max-width: 769px) {

    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!important;}
    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{ margin-top: 0}
    .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{ margin-top: 0px;text-align: center;}
    .head-title span.more a{ color:#999;float:right;}
    .head-title span.more a{background: none;Position: relative;display: block;margin: 0 auto;height: auto;width: auto;line-height:normal;border-radius: 0px;}
    .head-title span.more a span{display: inline-block}
    .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{padding: 0;border: none;}
    .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-box{height: auto;width: auto;margin: 0 auto;}
    .neiye-banner-desc{ padding:.44rem;Position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
    .neiye-banner-desc{height:auto;}
    .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{height:auto;float:none;}
    .son-dh ul{ margin-left:-.1rem;margin-top:-.1rem;}
    .son-dh ul li{ width:25%;float:left;margin-top:.1rem;}
    .son-dh ul li{height:auto;line-height: normal;margin-right:0;}
    .son-dh ul li a{ font-size:.34rem;text-align:center;margin-left:.1rem;padding:0 0.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;}
    .son-dh ul li.hover, .son-dh ul li:hover{height: auto; border-bottom: none}
    .son-dh ul .li_current{font-weight: bold;}

    /*公司介绍*/
    .nav-head{ margin-bottom:.64rem;}
    .nav-head h2{ font-size:.48rem;text-align:center;line-height:.68rem;}
    .nav-head h2{margin-bottom: 0}
    .nav-head p{ margin-top:.22rem;line-height:1.5;font-size:.36rem;color:#999;}

    .tongji{ overflow:hidden;}
    .tongji{border-left:none;}
    .tongji ul{}
    .tongji ul li{ width:25%;float:left;}
    .tongji ul li .box{ text-align:center;}
    .tongji ul li .box{border-right: none;}
    .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 .box{ border:none;}
    .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{padding:0;border-top:none;}
    .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{width:auto;float: none;}
    .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{height:auto;line-height: normal;margin:0;float:none;}
    .item-body-con .item-nav ul li .menu-active{ color:#ffcb2d;}
    .item-body-con .item-nav ul li .menu-active{border-bottom: none;height:auto;}
    .fixed3{ background:#fff;position:fixed;z-index:99;top:1.3rem;left:0;right:0;}

    #wrapper .container{padding:0;}
    .item-body-con .container{ padding-top:2.6rem!important;margin-top:-2.6rem!important;}
    .item-body-con .container .item-danxiang-body{ padding:.44rem;margin-bottom:.22rem;background:#fff;overflow: hidden;}
    .item-body-con .container .item-danxiang-body{width:auto;}
    #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;}
    .article-body a{font-weight: bold;color:#3c5dc5;}
    .article-body .a-topic{font-weight: normal;color:#444}

    .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{box-shadow: none}
    .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{ width:auto;float: none;background: none;height:auto;}
    .message-box .right .box{ }
    .message-box .right .box{padding:0;height:auto;width:auto;

    }
    .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;}


    .pagebar { padding:20px; overflow:hidden; clear:both}
    .pagebar .pagination {
        display: flex;
        flex-wrap:wrap;
        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;
        margin-bottom: 10px;
        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}
}