@import url(animate.min.css);
@import url(swiper-3.4.2.min.css);
/**公用样式**/
body { margin: 0px; padding: 0px; font-family: "微软雅黑", "宋体", Arial; font-size: 15px; color: #000; }
img { border: 0; display: block;}
a { text-decoration: none; color: #000; cursor: pointer; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
a:hover { color: #36B6C7; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.ts { transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
.ts:hover {transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;}
div, ul, li, form, h1, h2, h3, h4,h5, p, dl, dt, dd, ul, ol, li, th, td, aside, article { margin: 0px; padding: 0px; list-style: none; }
.clear { clear: both; }
.clear:after { content: ""; display: block; clear: both; }
.fl { float: left; }
.fr { float: right; }
.main { width: 100%; max-width: 1200px; margin: 0 auto; }
.bj_mt10 { margin-top: 10px; }
.bj_mt26 { margin-top: 26px; }
em, i { font-style: normal; }
.hidden { overflow: hidden; }
.nobian{ border: 0; }
.ca { color: #36B6C7;}
.ca1 { color: #75F4F4;}
.c_hong { color: #C30A0A;}
.c_hong1 { color: #D13C3C;}
.c_lan { color: #2180EF;}
.c_huang { color: #FFB800;}
.c_shenhong { color: #731D1D;}
.c_shenlan { color: #082CA5;}
.c_lanzi { color: #553FDB;}
.c_anlan { color: #404E87;}
.c_anlan1 { color:#6076cd;}
.c_ceng { color: #FA820A;}
.bg_a { background: #36B6C7;}
.bg_hong { background: #C30A0A;}
.bg_hong1 { background: #D13C3C;}
.bg_lan { background: #2180EF;}
.bg_huang { background: #FFB800;}
.bg_shenhong { background: #731D1D;}
.bg_shenlan { background: #082CA5;}
.bg_lanzi { background: #553FDB;}
.bg_anlan { background: #404E87;}
.bg_ceng { background: #FA820A;}
.bg{ background: #fff;}
.bg2 { background: #F7F7F7;}
.cf { color: #fff; }
.c3{ color: #333;}
.c6{ color: #666;}
.c9{ color: #999;}
.cc{ color: #ccc;}
.center{ text-align: center;}
.nobold{ font-weight: normal;}
.bold { font-weight: bold; }
/*超出隐藏*/
.chao { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chao2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
/*鼠标经过图片特效*/
.photo { display: block; overflow: hidden; border-radius: 4px;}
.photo img { transition: all 0.3s ease-out; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1);}
.photo:hover img { width: 100%;  transition: transform 0.3s; -moz-transition: -moz-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); }
/* 轮播 */
.swiper-button-next, .swiper-button-prev { width: 50px; height: 50px; border-radius: 100px; background-size: 14px 24px; background-color: #36B6C7; transition: 0.3s ease; }
.swiper-button-prev { left: 20px; }
.swiper-button-next { right: 20px; }
.banner:hover .swiper-button-prev { left: 10px; transition: 0.3s ease; }
.banner:hover .swiper-button-next { right: 10px; transition: 0.3s ease; }
.swiper-pagination-bullet { background-color: #36B6C7; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; width: 10px; height: 10px;  }
.swiper-pagination-bullet-active { width: 16px; border-radius: 10px; transition: 0.3s ease; -ms-transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; }
.gallery-thumbs .swiper-slide,.gallery-thumbs1 .swiper-slide { width: 8%; border-radius: 10px; overflow: hidden; box-sizing: border-box; border: 2px solid #fff; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.5; }
.swiper-slide img { width: 100%; }
.gallery { background-color: #f7f7f7; }
.gallery-thumbs { padding: 0 0 30px 0; margin-top: -20px;  }
.gallery-thumbs .swiper-slide-active,.gallery-thumbs1 .swiper-slide-active { border: 2px solid #36B6C7; }
/* 标题 */
.title { text-align: center; padding: 50px 0; }
.title h4 { font-size: 48px; margin-bottom: 10px; }
.title p { font-size: 15px; text-transform:uppercase; letter-spacing:4px; opacity: 0.5; }
/*面包屑*/
.position { color: #999; line-height: 40px; font-size: 15px; margin: 10px 0; }
.position .main { position: relative; padding-left: 20px; box-sizing: border-box;}
.position img { width: 16px; position: absolute; left: 0; top: 11px; opacity: 0.6; }
.position span { color: #666; padding: 0 5px; opacity: 0.9; font-size: 15px;}
.position a {  color: #666; opacity: 0.9; }
.position a:hover { opacity: 1; }
/*头部*/
header { width: 100%; background-color: rgba(255,255,255,0.85); font-size: 15px; line-height: 40px; height: 40px; padding:0 5%; position: fixed; top: 0; left: 0; z-index: 9; box-sizing: border-box; backdrop-filter: blur(30px); }
header span { color: #666; font-size: 13px; }
header a {  margin-left: 20px; }
/*导航*/
nav { width: 100%; background-color: rgba(0,0,0,0.7); height: 100px; padding: 20px 5%; position: fixed; top: 40px; left: 0; z-index: 20; box-sizing: border-box; backdrop-filter: blur(30px);  }
.nav_rwap { display: flex; align-items:center; justify-content: flex-end;  }
.nav_qt { background: rgba(54,182,199,0.9);}
.logo { width: 20%; max-width: 280px; }
.logo img { width: 100%; }
nav ul { width: 78%; text-align: right; }
nav li { float: left; width: 9.09%; text-align: center; }
nav li a { display: block; max-width: 80px; font-size: 17px; line-height: 25px; border-radius: 10px; color: #fff; padding: 5px 0; }
nav li a:hover,nav li.on a { background-color: #fff; font-weight: bold; color: #36B6C7; }
nav li.te { display: none; }
.menu_btn { display: none; }
/*底部*/
footer { background: #313848; padding: 60px 0; }
.footer_logo { width: 20%; max-width: 360px; margin-top: 60px; }
.footer_logo img { width: 100%;}
.footer_con { width: 60%; margin-left: 5%; }
.footer_nav { margin-top: 10px;}
.footer_nav a { color: #fff; font-size: 16px; opacity: 0.8; margin-right: 20px;}
.footer_nav a:hover { opacity: 1; color: #36B6C7; }
.footer_wechat { text-align: center;  }
.footer_wechat span { color: #fff; opacity: 0.8; font-size: 15px; }
.wechat_tu { width: 124px; height: 124px; border-radius: 10px; overflow: hidden; margin-bottom: 10px; }
.wechat_tu img { width: 100%;}
.footer_b { font-size: 13px; margin-top: 30px; }
.footer_b p { color: #fff; opacity: 0.5; line-height: 28px; }
.footer_b p a { color: #fff; display: block; }
.footer_b p b { margin-right: 20px; }
/* 事故场景列表 */
.sg_li { width: 48.5%; min-height: 200px; padding: 30px 0 0 30px; box-sizing: border-box; background-color: #f7f7f7; margin-bottom: 30px; float: left; border-radius: 10px; }
.sg_li:nth-child(2n) { margin-left: 3%; }
.sg_li b { font-size: 24px; display: block; margin-bottom: 20px; }
.sg_li p { font-size: 17px; width: 50%; line-height: 26px; }
/* 其他页面 */
.com_banner { max-width: 2400px; background-color: #313848; position: relative; margin: 40px auto 0 auto; }
.com_banner img { width: 100%; display: block; margin: 0 auto; }
.bt_nr { position: absolute; height: 160px; bottom: 0; left: 0; width: 50%; backdrop-filter: blur(6px); background-color: rgba(255,255,255,0.8); border-radius: 0 100px 0 0; }
.banner_bt { position: absolute; width: 600px; left: 50%; bottom: 26px; margin-left: -600px; }
.banner_bt h2 { font-size: 60px; }
.banner_bt p { font-size: 16px; color: #000; opacity: 0.4; text-transform:uppercase; margin-top: 10px;}
/* 首屏 */
.com_ban { margin-bottom: 30px; }
.com_ban img { width: 100%; border-radius: 20px; }
.com_ban h2 { font-size: 60px; color: #C30A0A; text-align: center; margin: 30px 0; }
.ban_text { padding: 30px 3% 20px 3%; border-radius: 20px; color: #fff; margin-top: 10px; }
.ban_text p { text-indent: 2em; line-height: 34px; font-size: 18px; margin-bottom: 10px; font-weight: bold; }
.ban_3d { margin-top: 10px; }
/* 标配 */
.com_bp { margin-bottom: 50px; }
.com_bp .gallery { position: relative; border-radius: 20px; overflow: hidden; }
.com_bp .gallery .gallery-thumbs1 { position: absolute; width: 100%; bottom: 0; background-color: rgba(49,56,72,0.7); padding: 2%; box-sizing: border-box; backdrop-filter: blur(30px); }
.com_bp .gallery .swiper-slide { border-radius: 10px; overflow: hidden; border-radius: 2px solid #fff; }
/* 视频 */
.com_video { margin-bottom: 60px; }
/* .swiper-video { position: relative; }
.video_tu { position: relative; cursor: pointer; border-radius: 20px; overflow: hidden; }
.video_tu .btn { position: absolute; width: 60px; height: 60px; left: 50%; margin-left: -30px; margin-top: -30px; top: 50%; }
.swiper-pagination-bullet { background-color: #31384850; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -40px; } */
/* 产品 */
.com_cp { background: #313848 url(../images/public/cp_bg.jpg) no-repeat center top; background-size: cover; padding: 0 3% 80px 3%; }
.com_cp li { width: 31.3%; height: 412px; float: left; background-color: #fff; border-radius: 10px; padding-bottom: 20px; overflow: hidden; margin-left: 3%; margin-bottom: 3%; }
.com_cp li img { width: 100%; }
.com_cp li p { text-align: center; font-size: 22px; margin: 20px 10px; }
.com_cp li .cp_btn { width: 50%; color: #fff; margin: 0 auto; text-align: center; font-size: 14px; line-height: 34px; border-radius: 10px; display: block; }
.com_cp li:nth-child(3n+1) { margin-left: 0;}
.cp_lianxi { background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; right: 0; bottom: 0; backdrop-filter: blur(6px); z-index: 99; display: none;}
.lianxi_rwap { width: 400px; height: 400px; border-radius: 20px; background-color: #fff; position: absolute; left: 50%; top: 50%; margin: -200px;  box-sizing: border-box; overflow: hidden; }
.cp_lianxi h4 { text-align: center; line-height: 80px; font-size: 22px; color: #fff; }
.cp_lianxi .wechat { width: 240px; margin: 20px auto; text-align: center; font-size: 18px; }
.cp_lianxi .wechat img { width: 100%;  }
.cp_lianxi .close { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: 50%; margin: 220px 0 0 -10px;  }
.cp_lianxi .close img { width: 50%;  }
/* 事故案例 */
.com_sg { margin-top: 40px; }
.xiaofang_sg .sg_li:nth-child(1) { background: url(../images/xiaofang/al1.jpg) no-repeat right; background-size: cover; }
.xiaofang_sg .sg_li:nth-child(2) { background: url(../images/xiaofang/al2.jpg) no-repeat right; background-size: cover; }
.xiaofang_sg .sg_li:nth-child(3) { background: url(../images/xiaofang/al3.jpg) no-repeat right; background-size: cover; }
.xiaofang_sg .sg_li:nth-child(4) { background: url(../images/xiaofang/al4.jpg) no-repeat right; background-size: cover; }
.shigong_sg .sg_li:nth-child(1) { background: url(../images/shigong/al1.jpg) no-repeat right; background-size: cover; }
.shigong_sg .sg_li:nth-child(2) { background: url(../images/shigong/al2.jpg) no-repeat right; background-size: cover; }
.shigong_sg .sg_li:nth-child(3) { background: url(../images/shigong/al3.jpg) no-repeat right; background-size: cover; }
.shigong_sg .sg_li:nth-child(4) { background: url(../images/shigong/al4.jpg) no-repeat right; background-size: cover; }
.jiaotong_sg .sg_li:nth-child(1) { background: url(../images/jiaotong/al1.jpg) no-repeat right; background-size: cover; }
.jiaotong_sg .sg_li:nth-child(2) { background: url(../images/jiaotong/al2.jpg) no-repeat right; background-size: cover; }
.jiaotong_sg .sg_li:nth-child(3) { background: url(../images/jiaotong/al3.jpg) no-repeat right; background-size: cover; }
.jiaotong_sg .sg_li:nth-child(4) { background: url(../images/jiaotong/al4.jpg) no-repeat right; background-size: cover; }
.hongse_sg .sg_li:nth-child(1) { background: url(../images/hongse/al1.jpg) no-repeat right; background-size: cover; }
.hongse_sg .sg_li:nth-child(2) { background: url(../images/hongse/al2.jpg) no-repeat right; background-size: cover; }
.hongse_sg .sg_li:nth-child(3) { background: url(../images/hongse/al3.jpg) no-repeat right; background-size: cover; }
.hongse_sg .sg_li:nth-child(4) { background: url(../images/hongse/al4.jpg) no-repeat right; background-size: cover; }
.jindu_sg .sg_li:nth-child(1) { background: url(../images/jindu/al1.jpg) no-repeat right; background-size: cover; }
.jindu_sg .sg_li:nth-child(2) { background: url(../images/jindu/al2.jpg) no-repeat right; background-size: cover; }
.jindu_sg .sg_li:nth-child(3) { background: url(../images/jindu/al3.jpg) no-repeat right; background-size: cover; }
.jindu_sg .sg_li:nth-child(4) { background: url(../images/jindu/al4.jpg) no-repeat right; background-size: cover; }
.pufa_sg .sg_li:nth-child(1) { background: url(../images/pufa/al1.jpg) no-repeat right; background-size: cover; }
.pufa_sg .sg_li:nth-child(2) { background: url(../images/pufa/al2.jpg) no-repeat right; background-size: cover; }
.pufa_sg .sg_li:nth-child(3) { background: url(../images/pufa/al3.jpg) no-repeat right; background-size: cover; }
.pufa_sg .sg_li:nth-child(4) { background: url(../images/pufa/al4.jpg) no-repeat right; background-size: cover; }
.renfang_sg .sg_li:nth-child(1) { background: url(../images/renfang/al1.jpg) no-repeat right; background-size: cover; }
.renfang_sg .sg_li:nth-child(2) { background: url(../images/renfang/al2.jpg) no-repeat right; background-size: cover; }
.renfang_sg .sg_li:nth-child(3) { background: url(../images/renfang/al3.jpg) no-repeat right; background-size: cover; }
.renfang_sg .sg_li:nth-child(4) { background: url(../images/renfang/al4.jpg) no-repeat right; background-size: cover; }
.shiyou_sg .sg_li:nth-child(1) { background: url(../images/shiyou/al1.jpg) no-repeat right; background-size: cover; }
.shiyou_sg .sg_li:nth-child(2) { background: url(../images/shiyou/al2.jpg) no-repeat right; background-size: cover; }
.shiyou_sg .sg_li:nth-child(3) { background: url(../images/shiyou/al3.jpg) no-repeat right; background-size: cover; }
.shiyou_sg .sg_li:nth-child(4) { background: url(../images/shiyou/al4.jpg) no-repeat right; background-size: cover; }
.xiaoyuan_sg .sg_li:nth-child(1) { background: url(../images/xiaoyuan/al1.jpg) no-repeat right; background-size: cover; }
.xiaoyuan_sg .sg_li:nth-child(2) { background: url(../images/xiaoyuan/al2.jpg) no-repeat right; background-size: cover; }
.xiaoyuan_sg .sg_li:nth-child(3) { background: url(../images/xiaoyuan/al3.jpg) no-repeat right; background-size: cover; }
.xiaoyuan_sg .sg_li:nth-child(4) { background: url(../images/xiaoyuan/al4.jpg) no-repeat right; background-size: cover; }
.ziran_sg .sg_li:nth-child(1) { background: url(../images/ziran/al1.jpg) no-repeat right; background-size: cover; }
.ziran_sg .sg_li:nth-child(2) { background: url(../images/ziran/al2.jpg) no-repeat right; background-size: cover; }
.ziran_sg .sg_li:nth-child(3) { background: url(../images/ziran/al3.jpg) no-repeat right; background-size: cover; }
.ziran_sg .sg_li:nth-child(4) { background: url(../images/ziran/al4.jpg) no-repeat right; background-size: cover; }
/* 优劣对比 */
.com_yl { background: #313848 url(../images/public/youlue_bg.jpg) no-repeat center top; background-size: cover; margin-top: 60px; padding:10px 0 100px 0; }
.yl_rwap { background-color: rgba(255,255,255,0.1); backdrop-filter: blur(50px); border-radius: 20px; padding: 20px; box-sizing: border-box; }
.yl_rwap .bt { padding: 10px 0 30px 0; }
.yl_rwap .bt h3 { font-size: 30px; }
.yl_rwap .bt p { text-transform:uppercase; color: #fff; opacity: 0.3; font-size: 13px; }
.yl_rwap .bt .fr { text-align: right; color: #fff; }
.yl_rwap .bt .fr h3 { opacity: 0.6; }
.yl_rwap .li { height: 70px; border-radius: 10px; font-size: 18px; display: flex; align-items:center; padding: 0 20px; color: #fff; }
.yl_rwap .li:nth-child(2n) { background-color: rgba(255,255,255,0.1); }
.yl_rwap .li .fl { width: 60%;}
.yl_rwap .li .fr { width: 40%; text-align: right; opacity: 0.5; }
.yl_rwap .vs { position: absolute; max-width: 40%; left: 50%; top: 50%; margin-top: -200px; margin-left: -200px; }
.yl_rwap .vs img { width: 100%; }
/* 应用领域 */
.com_ly { padding: 20px 0 30px 0; }
.com_ly .title h4 { margin-bottom: 20px; }
.com_ly .title span { background-color: #eee; padding: 10px 20px; font-size: 18px; border-radius: 10px; }
.com_ly ul { margin-top: 30px; }
.com_ly li { float: left; width: 20%; box-sizing: border-box; padding: 0 2%; text-align: center; margin-bottom: 30px; }
.com_ly li img { width: 100%; display: block; margin: 0 auto; }
.com_ly li p { font-size: 24px; line-height: 60px; }
.tyg_more { width: 260px; border-radius: 10px; text-align: center; font-size: 20px; height: 60px; line-height: 60px; display: block; margin: 0 auto 40px auto; background-color: #f7f7f7; }
/* 关于我们/企业简介 */
.index_jj,.gywm_jj { margin-top: 40px; background: url(../images/public/gywm_bg.jpg) no-repeat top center; }
.index_jj .title { padding: 160px 0;  }
.index_jj .title a { color: #fff; }
.jj_rwap { background-color: #fff; box-shadow: 10px 20px 40px rgba(49,56,72,0.1); border-radius: 20px; padding: 4%; box-sizing: border-box; }
.jj_rwap p { font-size: 15px; line-height: 30px; margin-bottom: 10px; text-indent: 2em;}
.jj_rwap b a { color: #C30A0A; }
.jj_zl h4 { position: relative; font-size: 24px; text-align: center; line-height: 40px; margin: 30px 0;}
.jj_zl h4::after,.jj_zl h4::before { content:""; display: block; position: absolute; width: 140px; height: 1px; background:linear-gradient( to right, #ccc, #fff); top: 50%; left: 50%; margin-left: 100px; }
.jj_zl h4::after { background:linear-gradient( to left, #ccc, #fff); margin: 0 0 0 -240px;}
.jj_zl li { float: left; width: 18.4%; margin-left: 2%;} 
.jj_zl li:nth-child(1) { margin-left: 0; }
.jj_zl li img { width: 100%; }
.jj_more {  width: 360px; height: 56px; border-radius: 10px; border: 1px solid #36B6C7; color: #36B6C7; line-height: 56px; text-align: center; display: block; font-size: 24px; margin: 50px auto 0 auto; }
.jj_more:hover { width: 400px; border-radius: 40px; background-color: #36B6C7; color: #fff; }
.gywm_jj { margin-top: 100px; }
.gywm_jj .title,.lxwm_ban .title { padding: 150px 0 80px 0; }
.gywm_jj .title h4,.lxwm_ban .title h4 { font-size: 80px; letter-spacing: 20px; }
.gywm_jj .title p,.lxwm_ban .title p { font-size: 26px; }
.zl_rwap li { float: left; width: 18.4%; margin-left: 2%;} 
.zl_rwap li:nth-child(1) { margin-left: 0; }
.zl_rwap li img { width: 100%; }
.gywm_zl { margin-top: 40px; } 
.gywm_zj { margin-top: 80px; }
.zj_li { width: 48%; float: left; padding: 30px; margin-bottom: 40px; border-radius: 20px; box-sizing: border-box; background-color: #f7f7f7; }
.zj_li:nth-child(2n) { float: right; }
.zj_li span { display: block; font-size: 24px; margin-bottom: 30px; }
.zj_li .zj_img { width: 47%; float: left; } 
.zj_li .zj_img:nth-child(2) { float: right; }
.zj_li .zj_img img { width: 100%; }
.lxwm_ban { background: url(../images/public/xlwm_bg.jpg) no-repeat top center;  }
.lxwm_ban .title { padding: 150px 0 ;margin-top: 100px; }
.gywm_jj .position,.gywm_jj .position a,.gywm_jj .position span { color: #fff; }
/* 联系我们 */
.lxwm_li { background-color: #fff; float: left; width: 48%; min-height: 400px; border-radius: 20px; margin-bottom: 40px; }
.lxwm_li:nth-child(2) { float: right; }
.lxwm_hpone { text-align: center;  }
.lxwm_hpone .hpone_img { width: 40px; height: 40px; display: flex; align-items: center; background-color: #36B6C7; padding: 20px; border-radius: 100%; margin:60px auto 40px auto; }
.lxwm_hpone img { width: 80%; display: block; margin: 0 auto; }
.lxwm_hpone b { font-size: 50px;  }
.lxwm_hpone p { font-size: 22px; margin-top: 40px; }
.lxwm_wechat { text-align: center; font-size: 22px; }
.lxwm_wechat img { width: 50%; display: block; margin: 30px auto 10px auto; }
.lxwm_add {width: 100%; float: left; box-sizing: border-box; position: relative; background-color: #fff; padding: 40px;  border-radius: 20px; }
.lxwm_add .add_icon { position: absolute; left: 40px; top: 40px; width: 60px; height: 60px; border-radius: 100%; background-color: #36B6C7; display: flex; justify-content: center; align-items: center; }
.lxwm_add .add_icon img { width: 50%;  }
.lxwm_add .add_top { margin-bottom: 40px; }
.lxwm_add .add_top span { font-size: 18px; display: block; margin-left: 80px; }
.lxwm_add .add_top b { font-size: 30px; margin-left: 80px; }
.lxwm_add .add_tu img { width: 100%; }
.lxwm_rwap { margin-bottom: 40px; }
/* 一站式服务 */
.index_fw .fw_rwap { position: relative; padding-right: 25%; }
.index_fw li { width: 32%; text-align: center; margin-left: 2%; box-sizing: border-box; border-radius: 20px; border: 2px solid #36B6C7; float: left; min-height: 240px; margin-bottom: 15px; }
.index_fw li:nth-child(3n+1) { margin-left: 0; }
.index_fw li em { width: 50px; height: 50px; display: block; border-radius: 100%; background-color: #36B6C7; color: #fff; text-align: center; line-height: 50px; font-size: 22px; font-weight: bold; margin: 15px auto; }
.index_fw li b { font-size: 26px;}
.index_fw li p { padding: 10px 5%; font-size: 15px; line-height: 24px;}
.index_fw li.te { width: 280px; position: absolute; right: 0; top: 0; height: 495px; background: url(../images/index/fuwu.jpg) no-repeat left top; border: none; }
.index_fw li.te em { margin-top: 300px; background-color: #fff; color: #36B6C7; }
.index_fw li.te p { font-size: 20px; color: #fff; margin-top: 10px;} 
.index_fw li.te b { color: #fff; }
.ziran_fw li em { background-color:#404E87 }
.ziran_fw li {border:2px solid #404E87;}
.ziran_fw li.te em { color: #404E87;}
.ziran_fw li.te { background: url(../images/public/fuwu-6.jpg) no-repeat left top; }
.shiyou_fw li em { background-color:#553FDB }
.shiyou_fw li {border:2px solid #553FDB;}
.shiyou_fw li.te em { color: #553FDB;}
.shiyou_fw li.te { background: url(../images/public/fuwu-5.jpg) no-repeat left top; }
.xiaofang_fw li em,.hongse_fw li em { background-color:#C30A0A }
.xiaofang_fw li,.hongse_fw li {border:2px solid #C30A0A;}
.xiaofang_fw li.te em,.hongse_fw li.te em { color: #C30A0A;}
.xiaofang_fw li.te,.hongse_fw li.te { background: url(../images/public/fuwu-1.jpg) no-repeat left top; }
.shigong_fw li em,.jiaotong_fw li em { background-color:#2180EF }
.shigong_fw li,.jiaotong_fw li {border:2px solid #2180EF;}
.shigong_fw li.te em,.jiaotong_fw li.te em { color: #2180EF;}
.shigong_fw li.te,.jiaotong_fw li.te { background: url(../images/public/fuwu-2.jpg) no-repeat left top; }
.renfang_fw li em { background-color:#082CA5 }
.renfang_fw li {border:2px solid #082CA5;}
.renfang_fw li.te em { color: #082CA5;}
.renfang_fw li.te { background: url(../images/public/fuwu-4.jpg) no-repeat left top; }
.jindu_fw li em,.pufa_fw li em { background-color:#731D1D }
.jindu_fw li,.pufa_fw li {border:2px solid #731D1D;}
.jindu_fw li.te em,.pufa_fw li.te em { color: #731D1D;}
.jindu_fw li.te,.pufa_fw li.te { background: url(../images/public/fuwu-7.jpg) no-repeat left top; }
.xiaoyuan_fw li em { background-color:#FA820A }
.xiaoyuan_fw li {border:2px solid #FA820A;}
.xiaoyuan_fw li.te em { color: #FA820A;}
.xiaoyuan_fw li.te { background: url(../images/public/fuwu-3.jpg) no-repeat left top; }
/* 图片放大弹出 */
.ImgModal img { cursor: pointer; }
.modal { display: none; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); backdrop-filter: blur(60px); }
.modal-content { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: -40px; }
.modal-content img { max-width: 90%; max-height: 80%; display: block; margin: 0 auto; }
.close { width: 50px; height: 50px; border-radius: 100%; text-align: center; line-height: 46px; color: #333; background-color: rgba(255,255,255,0.6); position: absolute; bottom: -60px; left: 50%; margin-left: -25px; font-size: 44px; backdrop-filter: blur(20px); }
.close:hover,.close:focus { color: #C30A0A; text-decoration: none; cursor: pointer;}
/* 视频 */
.video_li { width: 31.3%; margin:0 1% 70px 1% ; height: 250px; position: relative; float: left; }
.video_li video { width: 100%; height: 250px; border-radius: 10px;}
.video_li .cover { position: absolute; top: 0; left: 0; z-index: 0; }
.video_li .video_title { padding: 5px 0; font-size: 18px; text-align: center; }
/* 右侧悬浮 */
.right-nav { width: 80px; position: fixed; right: 0; bottom: 10%; z-index: 19; }
.right-nav li { width: 60px; height: 60px; padding:14px 10px 10px 10px; border-radius: 10px; margin-top: 1px; background-color: #36B6C7; cursor: pointer; position: relative; }
.right-nav li span { display: block; padding-top: 36px; color: #fff; background: url(../images/public/phone.svg) no-repeat top; background-size: 30%; }
.right-nav .nav-phone span { background: url(../images/public/phone.svg) no-repeat top; background-size: 30%; }
.right-nav .nav-wechat span { background: url(../images/public/wechat.svg) no-repeat top; background-size: 55%; }
.right-nav .nav-top span { background: url(../images/public/top.svg) no-repeat top; background-size: 36%; }
.right-nav .nav-lirwap { position: absolute; background-color: #fff; border-radius: 10px; padding: 10px; box-shadow: 0 10px 40px rgba(0,0,0,0.2);  width: 140px; left: 0px; top: -10px; text-align: center; opacity: 0; border: 1px solid #f1f1f1; z-index: 0; }
.right-nav li:hover .nav-lirwap { left: -160px; opacity: 1; }
.right-nav .nav-lirwap p { line-height: 30px;}
.right-nav .nav-lirwap b { display: block; font-size: 20px;}
.right-nav .nav-lirwap img { width: 100%;}

/* 移动端 */
@media all and (max-width: 1200px){
body { padding-bottom: 40px; }
.right-nav .nav-lirwap { display: none; }
.right-nav { width: 100%; bottom: 0; height: 40px;  }
.right-nav li { width: 50%; float: left; background-color: rgba(246, 246, 246, 0.85); backdrop-filter: blur(20px); padding: 0; border-radius: 0; box-sizing: border-box; }
.right-nav .nav-top { display: none; }
.right-nav li span { padding: 0 0 0 10px; color: #333; text-align: center; line-height: 40px; background: none!important; position: relative;  }
.right-nav li span::after { position: absolute;  background: #36B6C7 url(../images/public/phone.svg) no-repeat center; background-size: 40%; content: ""; display: block; width: 22px; height: 22px; top: 9px;left: 15%; border-radius: 100%;  }
.right-nav .nav-wechat span::after { background: #07c160 url(../images/public/wechat.svg) no-repeat center; background-size: 65%; }
.right-nav .nav-phone span::before { position: absolute; content: ""; display: block; width: 1px; height: 20px; background-color: #e3e3e3; right: 0; top: 10px; } 
.xlpop { position: fixed; display: none; background-color: rgba(0,0,0,0.7); left: 0; right: 0; top: 0; bottom: 0; z-index: 999; }
.xlpop-rwap { position: fixed; border-radius: 10px; width: 80%; left: 10%; top: 50%; margin-top: -50px; height: 220px; background-color: #fff; text-align: center; opacity: 0; }
.xlpop-rwap .close img { width: 44%; margin: 14px;}
.xlpop-rwap h4 { background-color: #36B6C7; border-radius: 10px 10px 0 0; font-size: 18px; height: 50px; line-height: 50px; text-align: center; color: #fff; }
.xlpop-rwap .xlpop-nr { padding: 20px 20px 0 20px;}
.xlpop-rwap b { display: block; font-size: 24px; line-height: 40px; }
.xlpop-rwap.on { opacity: 1; margin-top: -110px; }
.xlpop-rwap .fz { display: block; height: 40px; width: 80%; line-height: 40px; text-align: center; margin: 10px auto 0 auto; background-color: #d9eef188; color: #36B6C7; font-size: 16px; border-radius: 10px; }


.logo { width: 15%; margin-top: 3px;}
.title { padding: 20px 0; }
.title h4 { font-size: 24px;}
.title p { font-size: 12px; letter-spacing: 2px; }
.sg_li b { font-size: 20px; }
footer { padding: 40px 3%; }
.footer_logo { display: none; }
.footer_con { margin-left: 0; }
.com_ly li p { font-size: 16px; }
.banner_bt { width: 50%; margin: 0; left: 3%; }
.banner_bt h2 { font-size: 50px; }
.sg_rwap { padding: 0 3%; }
.com_sg { margin-top: 10px; }
nav li a { font-size: 14px; padding: 5px 2%; width: 60px; line-height: 20px; }
nav { padding: 5px 3%; height: 60px; }
.com_ban h2 { font-size: 48px; }
.lxwm_hpone b { font-size: 30px; }
.lxwm_li { min-height: 270px; }
.lxwm_hpone .hpone_img { margin: 20px auto; }
.lxwm_rwap { padding: 0 2%; box-sizing: border-box; }
.position { padding: 0 2%; }
.jsfw_text span { font-size: 24px; }
.jsfw_text { padding: 4%; }
.jsfw_text p { font-size: 18px; line-height: 34px; margin-top: 20px; }
.jsfw_text.te ul li { margin-top: 10px; }
.cp_tu { height: 240px; overflow: hidden; }
.com_cp li { height: 350px; }
.index_fw .fw_rwap { padding: 0 3%; }
.ban_text { height: 180px; padding-bottom: 30px; margin-bottom: 20px; overflow: hidden; position: relative;  transition: 0.3s ease; }
.ban_text.on { height: auto; padding-bottom: 10px; }
.text-zhan { display: block; position: absolute; bottom: 0; width: 100%; left: 0; height: 40px; background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8), rgba(255,255,255,1)); text-align: center; line-height: 38px; padding-top: 80px; font-size: 18px; }
.text-zhan span { display: block; width: 70%; border:1px solid #36B6C7; background-color: #fff; margin: 0 auto; color: #36B6C7; border-radius: 10px;}
.ban_text.on .text-zhan { display: none; }
.index_fw li.te { position: static; height: auto; min-height: 0; padding: 20px 0; width: 100%; background: #36B6C7;  }
.index_fw li.te em { margin: 10px auto; }
.shiyou_fw li.te { background:#553FDB}
.xiaofang_fw li.te, .hongse_fw li.te { background:#C30A0A}
.shigong_fw li.te, .jiaotong_fw li.te { background:#2180EF}
.ziran_fw li.te { background:#404E87}
.renfang_fw li.te { background:#082CA5}
.jindu_fw li.te, .pufa_fw li.te { background:#731D1D}
.xiaoyuan_fw li.te { background:#FA820A}
}

@media all and (max-width: 800px){
header { padding: 0 3%; }
.nav_rwap { display: block; align-items: normal; }
.menu_btn { display: block; position: absolute; right: 3%; top: 10px; }
.menu_btn img { width: 40px; }
.logo { width: 30%; margin-top: 15px;}
.sg_li { height: 120px; min-height: 0; padding: 10px; }
.sg_li b { margin-bottom: 5px; font-size: 15px; }
.sg_li p { width: 60%; font-size: 13px; line-height: 22px;}
.gallery-thumbs { padding-bottom: 10px; }
footer { padding: 20px 3%; }
.footer_wechat { display: none; }
.footer_con { width: 100%; text-align: center; }
.footer_b { margin-top: 10px; }
.footer_b p { line-height: 22px; font-size: 12px; }
.lxwm_add { box-sizing: border-box;} 
.gywm_jj .title h4, .lxwm_ban .title h4 { font-size: 36px; }
.gywm_jj .title p, .lxwm_ban .title p { font-size: 14px; }
.lxwm_ban .title { padding-bottom: 50px; }
.lxwm_li { margin-bottom: 20px; }
.com_cp li { height: 256px; }
.com_cp { padding-bottom: 10px; }
.video_li { width: 48%; height: auto; margin: 0 1% 20px 1%; }
.video_li video { height: 120px; }
.com_cp li .cp_btn { width: 80%; }
.com_cp li p { font-size: 18px; }
.cp_tu { height: 164px;}
.index_jsfw { margin-top: 20px; }
.index_fw li p { font-size: 13px; line-height: 22px; }
.index_fw li b { font-size: 20px; }
.video_li .video_title { font-size: 13px; }
/* 导航弹出 */
nav { backdrop-filter: none; }
.nav_com .nav_pop { display: none; top: 0; bottom: 0; right: 0; left: 0; z-index: 999;  }
.nav_pop .nav_rwap { width: 60%; position: fixed; z-index: 9999; padding: 10px 0; left: 0; top: 0; bottom: 0; background-color: rgba(255,255,255,0.95); left: -60%; transition: 0.3s ease;  }
.nav_pop .nav_rwap.on { left: 0%; transition: 0.3s ease;  }
.nav_pop .nav_rwap li { float: none; width: 100%; text-align: left; padding: 2px 2%;  box-sizing: border-box; }
.nav_pop .nav_rwap li a { width: 100%; max-width:100%; padding: 0 20px; box-sizing: border-box; line-height: 50px; font-size: 18px; color: #000; }
.nav_rbg { position: fixed; width: 100%; z-index: 999; left: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(20px); }
}
@media all and (max-width: 600px){
header { display: none; }
nav { top: 0; height: 50px; padding: 0 3%; }
.footer_b p a { display: inline; margin-left: 10px; }
.logo { width: 40%; margin-top: 10px; }
.menu_btn img { width: 30px; }
.swiper-button-next, .swiper-button-prev { width: 16px; height: 16px; padding: 8px; left: 2%;  }
.swiper-button-next { left: auto; right: 2%; }
.title h4 { font-size: 24px; margin-bottom: 4px; }
.title p { font-size: 8px; }
.bt_nr { display: none; }
.banner_bt { width: 100%; bottom: -60px; height: 60px; background-color: #f7f7f7; backdrop-filter: blur(20px); text-align: center; left: 0; }
.banner_bt h2 { font-size: 22px; line-height: 36px; }
.banner_bt p { font-size: 12px; line-height: 20px; height: 20px; margin-top: 0; }
.position { padding: 0 3%; }
.position,.position span { font-size: 13px; }
.com_ban h2 { font-size: 30px; margin:0 0 20px 0; }
.ban_text p { font-size: 15px; line-height: 28px;  }
.ban_text { padding: 10px 3%;  }
.com_ban { margin-bottom: 10px; }
.com_bp { margin-bottom: 10px; }  
.com_video { margin-bottom: 0px; }
.com_video .video_rwap { padding: 0 3%;  }
.video_tu { border-radius: 10px; }
.video_tu .btn { width: 40px; height: 40px; margin: -20px 0 0 -20px; }
.com_cp li { margin: 0 0 20px 0!important; width: 48.5%; padding-bottom: 10px; height: 256px; }
.com_cp li:nth-child(2n) { float: right; }
.com_cp li p { font-size: 18px; margin: 10px 0; }
.com_cp li .cp_btn { width: 80%; }
.sg_li { width: 100%; margin: 0 0 20px 0!important; }
.com_yl { margin-top: 10px; padding: 10px 3%; box-sizing: border-box; }
.yl_rwap .bt h3 { font-size: 17px; }
.yl_rwap .bt p { font-size: 10px; display: none; }
.yl_rwap { padding: 20px 2%; }
.yl_rwap .bt { padding:0 0 10px 0; }
.yl_rwap .bt .fl { width: 60%; }
.yl_rwap .bt .fr { width: 40%; }
.yl_rwap .li { padding: 0 2%; font-size: 13px; height: 60px; }
.yl_rwap .li .fl { width: 58%; }
.yl_rwap .vs { display: none; }
.com_ly { padding: 0; }
.com_ly li { width: 25%; margin-bottom: 20px; }
.com_ly li img { width: 80%; }
.com_ly li p { line-height: 20px; height: 20px; padding: 10px 0; font-size: 14px; }
.gywm_jj .title h4, .lxwm_ban .title h4 { font-size: 30px; }
.lxwm_ban .title { padding: 40px 0; margin-top: 50px; }
.gywm_jj { margin-top: 50px; }
.gywm_jj .title { padding: 80px 0 60px 0; }
.gywm_jj .title p, .lxwm_ban .title p { font-size: 16px; }
.gywm_zl { margin-top: 10px; }
.zl_rwap { padding: 0 3%; }
.zl_rwap li { width: 48%; margin: 0 0 20px 0; }
.zl_rwap li:nth-child(2n) { float: right; }
.gywm_zj { margin-top: 20px; }
.zj_rwap { padding: 0 3%; }
.zj_li { width: 100%; padding: 5%; border-radius: 10px; margin-bottom: 20px; }
.zj_li span { margin-bottom: 20px; }
.zj_li span { font-size: 18px; }
.lxwm_li { width: 100%; float: none; min-height: 0; margin-bottom: 10px; padding-bottom: 30px; }
.lxwm_hpone p { margin-top: 20px; }
.lxwm_hpone { padding-top: 20px; }
.lxwm_hpone .hpone_img { margin: 20px auto; }
.lxwm_add { padding: 5%; }
.lxwm_add .add_icon { width: 30px; height: 30px; left: 5%; top: 6%; }
.lxwm_add .add_top { padding-left: 46px; margin-bottom: 20px; }
.lxwm_add .add_top span,.lxwm_add .add_top b { margin-left: 0; }
.lxwm_add .add_top b { font-size: 18px;}
.lxwm_hpone b { font-size: 30px; }
.lxwm_hpone p,.lxwm_wechat { font-size: 16px; }
.com_banner { margin: 60px 0; }
.cp_tu {  height: 142px; overflow: hidden; }
.index_fw li em { width: 36px; height: 36px; font-size: 16px; line-height: 36px; margin: 10px auto; }
.index_fw li { width: 48%; min-height: 200px; margin-left: 0; }
.index_fw li:nth-child(2n) { float: right; }
}
@media all and (max-width: 460px){
.com_cp li { height: 236px; }
.sg_li { margin-bottom: 10px!important; }
.com_ban h2 { font-size: 24px; }
.com_cp li p { font-size: 13px; }
.com_cp li { height: 212px; }
.com_ly li { padding: 0 1%; margin-bottom: 10px; }
.com_banner { margin-top: 50px; }
.index_fw li { min-height: 210px; }
.com_bp .gallery .swiper-slide { border-radius: 4px;  }
}
@media all and (max-width: 340px){
.index_fw li { width: 100%; float: none!important; height: auto; box-sizing: border-box; padding:3% 3% 3% 60px!important; min-height: 0; position: relative!important; text-align: left;  } 
.index_fw li b { font-size: 17px; text-align: left; }
.index_fw li em { left: 10px; top: 0px; position: absolute;}
.index_fw li p { padding: 0; margin-top: 5px; }
.index_fw li.te p { font-size: 15px; margin-top: 5px; }
.cp_tu { height: 120px;}
.com_cp li { height: 192px; }
.sg_li p { opacity: 0.8; }
.com_ly li p { font-size: 13px; }
}