@charset "UTF-8";
/* 创络科技 https://www.chuangluo.com */

/*初始样式*/
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*html {background-image:url("about:blank"); background-attachment:fixed;}
body{word-wrap:break-word; margin:0px; padding:0px; font: Microsoft Yahei, 微软雅黑;overflow-x: hidden;}
ul,ol {list-style:none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{-webkit-tap-highlight-color: transparent;}
p {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
img {border:0px;}
input,textarea{font-size: 16px;resize: none;outline: none;-webkit-appearance:none; appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none; appearance:none;}
textarea{-webkit-appearance: none; appearance:none;}
/* 滚动条样式 */
/* 火狐 */
*{scrollbar-color: #f5f5f5 #666; scrollbar-width: thin;}
/* 其他 */
::-webkit-scrollbar{width: 5px;}
/* 滚动槽 */
::-webkit-scrollbar-track{-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3); background: #f5f5f5; border-radius: 10px;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb{border-radius: 10px; background: rgba(0,0,0,0.1); -webkit-box-shadow: inset006pxrgba(0, 0, 0, 1); background: #666;}
::-webkit-scrollbar-thumb:window-inactive{background: #666;}
div::-webkit-scrollbar-thumb{background: #f5f5f5;}
div::-webkit-scrollbar-thumb:window-inactive{background: #666;}
:root{
	--themeColor: #3472a1;
	--themeBgColor: linear-gradient(60deg, rgba(52, 114, 161, 1) 0%, rgba(41, 107, 157, 1) 100%);
}
.imgmid {display:inline-block; height:100%; width:1px; margin-left:-1px; vertical-align:middle; font-size: 0px;}
.cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.c_box{width: 100%;height: 100%;position: relative;word-wrap:break-word;}
.c_m{width: 100%;height: 100%; display: table;table-layout: fixed;}
.c_t{width: 100%;height: 100%; display: table-cell;vertical-align: middle;}
.un_show{display: none;}
.hover_shadow{position: relative; top: 0; z-index: 888;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.hover_shadow:hover{top: -4px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); transition: translate3d(0, -2px, 0); z-index: 999;}
.table_box{width:100%; overflow:auto;}
.swiper-slide{box-sizing: border-box;pointer-events: auto;}
.forIdxCasTop{background: url(../images/cas_bg_1.jpg) no-repeat top center;}
.forIdxCasLine{background: #f5f5f5 url(../images/line_bg.png);}
.forIdxCasBox{overflow: hidden;}

.fullBox {width: 100%; height: auto; box-sizing: border-box; float: left; text-align: center; position: relative;}
.fullBox .mainBox {width: 94%; max-width: 1400px; margin: 0 auto;}

/* 头部 */
.navH{height: 100px;}
.topBox{display: inline-block; width: 100%; box-sizing: border-box; height: auto; position: absolute; top: 0; left: 0; z-index: 999; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);}

/* 报价按钮 */
.quoBtn{width: 120px; height: 100%; float: right; text-align: center; display: flex; align-items: center; justify-content: center;}
.quoBtn a{display: inline-block; width: 100%; height: auto; line-height: 36px; font-size: 18px; text-align: center; background: var(--themeBgColor); color: #fff; border-radius: 20px;}

/* LOGO */
.logoBox{background: var(--themeBgColor);}
.logoImg{width: 240px; height: 100%; float: left; text-align: left; box-sizing: border-box;}
.logoImg h1{display: inline-block; width: 100%; height: 100%; margin: 0; padding: 0;}
.logoImg img{max-width: 90%; max-height: 80%; vertical-align: middle;}

/* 电脑导航 */
.navMid{width: calc(100% - 380px); height: 100%; float: left; padding-top: 0px; position: relative; z-index: 88888; display: block;}
.navMid>ul{width: 100%; height: 100%; margin: 0; padding: 0; text-align: right;}
.navMid>ul>li{display: inline-block; width: auto; height: 100%; text-align: center; position: relative;}
.navMid>ul>li>a{width: auto; padding: 0 20px; box-sizing: border-box; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; z-index: 88888; color: #fff; font-size: 18px;}
.navMid>ul>li:hover>a{color: var(--themeColor);}
.navMid>ul>li>a.active{color: var(--themeColor); font-weight: bold;}
.navMid>ul>li>ul{width: 200%;height: auto;background: #fff;position: absolute; top: 100%; left: -50%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); padding: 1px 0 0 0; border-radius: 3px; visibility: hidden; opacity: 0; margin-top: -5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.navMid>ul>li:hover>ul{margin-top: 0px; opacity: 1; visibility: initial;}
.navMid>ul>li>ul li{position: relative;}
.navMid>ul>li>ul li>a{display: block; width: 90%; padding: 12px 5%; text-align: center; margin:0px; height: auto; line-height: 20px; border: 0;font-size: 14px;color: #333;}
.navMid>ul>li>ul li:hover>a{color: var(--themeColor);}
.navMid>ul>li>ul li>a.active{color: var(--themeColor);}
.navMid>ul>li>ul li ul{width: 100%;height: auto; position: absolute; left: 100%; margin-left: 1px; top: 0; background: #fff; border-bottom: 1px solid #e9e9e9; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); border-radius: 3px; visibility: hidden; opacity: 0; margin-top: -5px; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.navMid>ul>li>ul li:hover>ul{margin-top: 1px; opacity: 1; visibility: initial;}

@keyframes slideDown {
	0% { transform: translateY(-100%); }
	100% { transform: translateY(0); }
}
@keyframes slideUp {
	0% { transform: translateY(0); }
	100% { transform: translateY(-100%); }
}
.stay_top{position: fixed; top: 0; left: 0; background: var(--themeBgColor); animation: slideDown 0.5s ease forwards;}
.leave_top{position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: var(--themeBgColor); animation: slideUp 0.5s ease forwards;}
.leave_top .quoBtn a{background: #fff; color: var(--themeColor);}
.leave_top .navMid>ul>li:hover>a{color: #fff;}
.leave_top .navMid>ul>li>a.active{color: #fff;}
.stay_top .quoBtn a{background: #fff; color: var(--themeColor);}
.stay_top .navMid>ul>li:hover>a{color: #fff;}
.stay_top .navMid>ul>li>a.active{color: #fff;}

/* 手机导航 */
.navBtn{width: 50px; margin-left: 10px; height: 100%; align-items: center; justify-content: center; float: right; z-index: 88888; text-align: center; display: none; cursor: pointer;}
.navBtn i{font-size: 28px; color: #fff;}
.navBox{width: 60%; max-width: 300px; height: 100%;position: fixed;top: 0;left: -70%; z-index: 99999;background: rgba(255, 255, 255, 1);overflow: hidden;overflow-y: auto; border-radius: 0 6px 6px 0;}
.navClose{width: 100%;height: 69px;box-sizing: border-box;padding: 0 20px; overflow: hidden; background: #f5f5f5;}
.navClose .close{width: auto;height: 100%;float: right; overflow: hidden; line-height: 69px;}
.navClose .close i{color: var(--themeColor); font-size: 22px;}
.navList{width: 100%;height: auto;overflow: hidden;}
.navList ul{margin: 0;padding: 0;overflow: hidden;}
.navList ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.navList ul li:last-child{border: 0;}
.navList ul li a{width: 100%;height: auto;display: block; color: #333; box-sizing: border-box; padding: 20px 45px 20px 20px; font-size: 16px;position: relative;overflow: hidden;}
.navList ul li a .icon_right{width: 20px;height: 40px;position: absolute;top: 50%;right: 20px;margin: -20px 0 0;z-index: 2;line-height: 40px;text-align: center;font-size: 14px;color: #999;overflow: hidden;}
.navList ul li a i{margin-right: 10px; color: #999;}
.navList ul li a.active{background: var(--themeBgColor);color: #fff;}
.navList ul li a.active {color: #fff;}
.navList ul li a.active .icon_right i{color: #fff;}
.navList ul li ul{display: none;background: rgba(0,0,0,0.02);}
.navList ul li ul li{border: 0;}
.navList ul li ul li a{font-size: 14px; color: #333; padding: 15px 20px 15px 20px; vertical-align: middle;}
.navList ul li ul li a span{color: #fff; display: inline-block; width: 14px; height: 14px; background: #ff6700; font-size: 9px; border-radius: 50%; text-align: center; line-height: 14px; margin-left: 6px;vertical-align:text-top;}
.navList ul li ul li a.active{background: none;color: var(--themeColor);}
.navList ul li ul li ul li a{padding: 15px 20px 15px 40px;font-size: 12px;color: #999;}
.navList ul li ul li ul li ul li a{padding: 15px 20px 15px 50px;font-size: 12px;color: #999;}
.mask{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top: 0;left: 0;z-index: 9999; display: none;}
.maskVid{width: 100%;height: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.5); position: fixed;top: 0;left: 0;z-index: 999;}

/* Banner */
.idx_banner{ width: 100%;height: auto; position: relative; z-index: 1; overflow: hidden; background: var(--themeColor);}
.idx_banner ul{ width: 100%;height: auto;overflow: hidden; }
.idx_banner ul li{ width: 100%;height: auto; position: relative;z-index: 1; pointer-events: initial !important;overflow: hidden; }
.idx_banner ul li.active{ z-index: 10; }
.idx_banner ul li .center{ width: 100%;height: 100%; padding-bottom: 4vw; position: absolute; top: 0; left: 0; z-index: 1000;display: flex;align-items: center;overflow: hidden;}
.idx_banner ul li .center .info{ width: 98%; max-width: 1200px; padding-top: 50px; box-sizing: border-box; margin: 0 auto; color: #fff;}
.idx_banner ul li .center .info .title{width: 100%; line-height: 1.1; font-size: 68px; font-weight: bold; text-shadow: 0 5px 5px rgba(0,0,0,0.3);}
.idx_banner ul li .center .info .details{width: 100%; font-size: 34px; line-height: 1.8; margin-top: 0.1vw; font-weight: bold; text-shadow: 0 5px 5px rgba(0,0,0,0.3);}
.idx_banner ul li .center .info .more{ width: 100%;height: auto;margin: 2vw 0 0;position: relative;z-index: 1;overflow: hidden; }
.idx_banner ul li .center .info .more a{ display: inline-block; width: auto; height: auto; padding: 12px 30px; background: var(--themeBgColor); font-size: 14px; color: var(--color); border-radius: 3px; position: relative; }
.idx_banner ul li .center .info .more a::after{ content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: var(--bgColor); opacity: .1; border-radius: 0 50px 50px 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.idx_banner ul li .center .info .more a:hover::after{ width: 100%; border-radius: 0; }
.idx_banner ul li .images{ width: 100%; max-width: 1920px; height: auto; max-height: 700px; margin: 0 auto;font-size: 0;text-align: center;overflow: hidden; z-index: 888;}
.idx_banner ul li .images img{ width: 100%; max-width: 100%; min-height: 700px; object-fit: cover; }
.idx_banner ul li .images video{ width: 100%; height: 100%; object-fit: cover; }
.idx_banner .banner_pagination{ width: 100%;height: auto;position: absolute; bottom: 20px; left: 0; z-index: 2; text-align: center; font-size: 0; overflow: hidden; z-index: 100;}
.idx_banner .banner_pagination span{ display: inline-block; width: 16px; height: 16px; background: #fff; opacity: .5; margin: 0 3px;}
.idx_banner .banner_pagination span.active{ opacity: 1; }
@media screen and (max-width: 1280px) {
	.idx_banner ul li .center .info .title{ font-size: 60px; }
	.idx_banner ul li .center .info .details{ font-size: 24px; }
	.idx_banner .banner_pagination span{ width: 12px; height: 12px; }
	.idx_banner ul li .images{ max-height: 560px; }
	.idx_banner ul li .images img{ min-height: 560px; }
	.idx_banner ul li .images video{ min-height: 560px; }
}
@media screen and (max-width: 1024px) {
	.idx_banner ul li .center{ padding: 0; }
	.idx_banner ul li .center .info .title{ font-size: 46px; }
	.idx_banner ul li .center .info .more a{ padding: 10px 20px; font-size: 14px; }
	.idx_banner ul li .images{ max-height: 400px; }
	.idx_banner ul li .images img{ min-height: 400px; }
	.idx_banner ul li .images video{ min-height: 400px; }
	.idx_banner .banner_pagination{ bottom: 15px; }
}
@media screen and (max-width: 992px) {
	.idx_banner ul li .center .info .title{ font-size: 42px; }
	.idx_banner ul li .center .info .details{font-size: 18px;}
	.idx_banner ul li .center .info .more a{ padding: 6px 15px;}
	.idx_banner ul li{padding-top: 70px;}
	.idx_banner ul li .center .info{padding-top: 70px;}
}

.ins_banner ul li .center .info .title{font-size: 50px; text-shadow: none;}
.ins_banner ul li .center .info .title h1{font-size: 50px;}
.ins_banner ul li .center .info .details{text-shadow: none; font-weight: normal; font-size: 16px; line-height: 26px; margin-top: 1vw;}
.ins_banner ul li .center .info .details a{font-size: 16px; margin-right: 6px; color: #fff;}
.ins_banner ul li .center .info .details i{font-size: 14px; margin-right: 6px;}
.ins_banner ul li .images{ width: 100%; max-width: 1920px; height: auto; margin: 0 auto;font-size: 0;text-align: center;overflow: hidden; }
.ins_banner ul li .images img{ width: 100%; max-width: 100%; min-height: 400px; object-fit: cover; }
.ins_banner .banner_pagination{ width: 100%;height: auto;position: absolute; bottom: 20px; left: 0; z-index: 2; text-align: center; font-size: 0; overflow: hidden; z-index: 100;}
.ins_banner .banner_pagination span{ display: inline-block; width: 16px; height: 16px; background: #fff; opacity: .5; margin: 0 3px;}
.ins_banner .banner_pagination span.active{ opacity: 1; }
@media screen and (max-width: 1280px) {
	.ins_banner ul li .center .info .title{ font-size: 40px; }
	.ins_banner ul li .center .info .title h1{ font-size: 40px; }
	.ins_banner .banner_pagination span{ width: 12px; height: 12px; }
	.ins_banner ul li .images img{ min-height: 300px; }
}
@media screen and (max-width: 1024px) {
	.ins_banner ul li .center{ padding: 0; }
	.ins_banner ul li .center .info .title{ font-size: 30px; }
	.ins_banner ul li .center .info .title h1{ font-size: 30px; }
	.ins_banner ul li .images img{ min-height: 200px; }
	.ins_banner .banner_pagination{ bottom: 15px; }
}
@media screen and (max-width: 992px) {
	.ins_banner ul li .center .info .details{font-size: 14px;}
	.ins_banner ul li .center .info .details a{font-size: 14px;}
	.ins_banner ul li .center .info .details i{font-size: 14px;}
	.ins_banner ul li{padding-top: 70px;}
	.ins_banner ul li .center .info{padding-top: 70px;}
}

/* 首页-关于我们  */
.aboTxt{padding: 50px 0;}
.aboImg{text-align: left;}
.aboImg img{max-width: 90%;}
.aboCont{height: auto; text-align: left; padding: 20px 0; box-sizing: border-box;}
.aboTitle{width: 100%; color: var(--themeColor); font-size: 16px; line-height: 30px; font-weight: bold;}
.aboSub{width: 100%; color: #333; font-size: 26px; line-height: 30px; padding: 5px 0; font-weight: bold;}
.aboInfo{width: 100%; color: #333; font-size: 16px; line-height: 32px; padding: 10px 0;}
.aboAdv{width: 100%; color: #333; font-size: 16px; float: left; line-height: 32px; padding: 5px 0 20px 0;}
.aboAdv .aboItem{width: 50%; padding: 5px 0; float: left; font-size: 16px; color: #333;}
.aboAdv .aboItem span{color: var(--themeColor); padding-right: 10px;}
.aboMore{width: 100%; clear: both; color: #333; font-size: 16px; line-height: 32px;}
.aboMore a{background: var(--themeColor); font-size: 16px; color: #fff; display: inline-block; padding: 5px 15px; border-radius: 3px;}

@media (max-width:992px) {
	.aboImg img{max-width: 100%;}
}
@media (max-width:576px) {
	.aboAdv .aboItem{width: 100%;}
}

/* 联系页面  */
.conTxt{padding: 50px 0;}
.conImg{text-align: left;}
.conImg img{max-width: 96%;}
.conCont{height: auto; text-align: left;}
.conTitle{width: 100%; color: var(--themeColor); font-size: 22px; line-height: 30px; font-weight: bold;}
.conSub{width: 100%; color: #333; font-size: 26px; line-height: 30px; padding: 5px 0; float: left; margin-bottom: 20px;}
.conSubOne{width: 100%; color: #333; font-size: 16px; line-height: 40px; padding: 15px 0; float: left;}
.conSubOneTitle{width: 100%; height: 36px; float: left; font-size: 22px; font-weight: bold; color: #000; line-height: 36px;}
.conSubOneInfo{width: 100%; height: 26px; float: left; font-size: 16px; color: #000; line-height: 26px;}
.conSubOneInfo i{font-size: 16px; margin-right: 6px; color: var(--themeColor); vertical-align: middle;}
.conSubOneInfo a{color: #000;}
.conSubOneInfo a:hover{color: var(--themeColor);}
.conFom{width: 100%; color: #333; float: left; padding: 25px 0 20px 0;}
.conMore{width: 100%; clear: both; color: #333; font-size: 16px; line-height: 32px;}
.conMore a{background: var(--themeColor); font-size: 16px; color: #fff; display: inline-block; padding: 5px 15px; border-radius: 3px;}
.formItem{height: 48px;}
.formItem img{height: 100%; max-width: 100%;}
.formBtn{background: var(--themeColor);}

@media (max-width:992px) {
	.conImg img{max-width: 100%;}
}

/* 资质统计 */
.certBox{background: #3472a1; padding-top: 50px; padding-bottom: 50px; color: #fff;}
.certBox .certOne{width: 25%; height: auto; float: left; text-align: center;}
.certBox .certOne .certTitle{width: 100%; font-weight: bold; font-size: 50px; line-height: 50px;}
.certBox .certOne .certTitle span{font-weight: normal; font-size: 36px;}
.certBox .certOne .certInfo{width: 100%; font-size: 18px; line-height: 20px;}

/* 首页标题 */
.idxTitleBox{width: 100%; padding-top: 30px; padding-bottom: 30px; text-align: center;}
.idxTitleBox .idxTitle{width: 100%; font-size: 46px; font-weight: bold; color: #000;}
.idxTitleBox .idxInfo{width: 100%; padding: 20px 0; font-size: 18px; line-height: 36px; text-align: left; color: #666;}

/* 首页特殊方案 */
.i_sepc_one{width: 100%; height: auto; position: relative; box-sizing: border-box; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); border-radius: 3px; padding-bottom: 20px;}
.i_sepc_img{width: 100%; height: auto; text-align: center; overflow: hidden; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.i_sepc_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; margin-left: -50%\9\0;}
.i_sepc_title{width: 100%; height: 68px;display: flex; align-items: center; justify-content: center; box-sizing: border-box; overflow: hidden; padding: 20px 10px 0 10px; box-sizing: border-box; overflow: hidden; font-size: 18px; line-height: 24px; color: #000;}
.i_sepc_info{width: 100%; height: 95px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 3; line-clamp: 3; padding: 10px 10px 20px 10px; box-sizing: border-box; overflow: hidden; font-size: 14px; line-height: 26px; color: #999;}
.i_sepc_one:hover .i_sepc_title{color: var(--themeColor);}
@media (max-width:768px) {
	.i_sepc_title{padding: 20px 10px 10px 10px; height: auto;}
	.i_sepc_info{padding: 0 10px 0 10px; height: auto;}
}

/* 首页服务项目 */
.i_serv_one{width: 100%; height: auto; position: relative; box-sizing: border-box; border-radius: 3px;}
.i_serv_img{width: 100%; height: auto; text-align: center; overflow: hidden; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.i_serv_img .imgmask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(52,114,161,0.2); z-index: 2; opacity: 0; transform: scale(0); transition: all 0.6s ease;}
.i_serv_one:hover .i_serv_img .imgmask{opacity: 1; transform: scale(1);}
.i_serv_img .imgmask2{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(52,114,161,0.2); z-index: 3; opacity: 0; transform: scale(0); transition: all 0.2s ease;}
.i_serv_one:hover .i_serv_img .imgmask2{opacity: 1; transform: scale(1);}
.i_serv_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; margin-left: -50%\9\0;}
.i_serv_title{width: 100%; height: auto; background: #f5f5f5; padding-bottom: 25px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; overflow: hidden; box-sizing: border-box; overflow: hidden;}
.i_serv_title span{width: 100%; font-size: 14px; line-height: 24px;color: var(--themeColor);}
.i_serv_info{width: 100%; height: auto; background: #f5f5f5; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; line-clamp: 1; padding: 20px 10px 0px 10px; box-sizing: border-box; overflow: hidden; font-size: 18px; line-height: 26px; color: #000;}
.i_serv_one:hover .i_serv_info{color: var(--themeColor);}
@media (max-width:768px) {
	.i_serv_title{padding-bottom: 10px; height: auto;}
	.i_serv_info{ padding: 10px 10px 0px 10px; height: auto; font-size: 16px; line-height: 22px;}
}

/* 首页案例 */
.idxCasBox {width: 100%; aspect-ratio: 2 / 1; margin-bottom: 50px;overflow: initial; padding-bottom: 50px;}
.idxCasBox .swiper-slide {height: calc((100% - 30px) / 2) !important; background: #fff; display: flex;justify-content: center;align-items: center;font-size: 24px;font-weight: bold;color: #333;border-radius: 3px;}
.idxCasBox .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.idxCasBox .swiper-slide .casMask{width: 86%; height: 86%; font-size: 18px; color: #fff; position: absolute; display: flex;justify-content: center;align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; margin-left: -50%\9\0; z-index: 4; display: none;}
.idxCasBox .swiper-slide .casMask span{font-size: 14px; font-weight: normal;}
.idxCasBox .swiper-slide:hover .casMask{display: flex;}
.idxCasBox .swiper-slide .imgmask{width: 86%; height: 86%; position: absolute; background: rgba(52,114,161,0.6); z-index: 2; opacity: 0; transform: scale(0); transition: all 0.6s ease;}
.idxCasBox .swiper-slide:hover .imgmask{opacity: 1; transform: scale(1);}
.idxCasBox .swiper-slide .imgmask2{width: 86%; height: 86%; position: absolute; background: rgba(52,114,161,0.6); z-index: 3; opacity: 0; transform: scale(0); transition: all 0.2s ease;}
.idxCasBox .swiper-slide:hover .imgmask2{opacity: 1; transform: scale(1);}
@media (max-width:992px) {
	.idxCasBox {padding-bottom: 10px;}
}
@media (max-width:768px) {
	.idxCasBox {aspect-ratio: 1 / 1;}
	.idxCasBox .swiper-slide {height: calc((100% - 10px) / 2) !important;}
}

/* 通用切换按钮 */
.dotsBox{ width: 100%; height: auto; text-align: center; margin-top: 30px; z-index: 100;}
.dotsOverBox{position: absolute; bottom: -20px;}
.dotsBox .dots{ width: auto; height: auto; display: inline-block; font-size: 0; background: rgba(0, 0, 0, 0.0); border-radius: 15px;}
.dotsBox .dots span{display: inline-block; border-radius: 7px; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s; width: 34px; height: 14px; margin: 6px 3px !important; background: #000; opacity: .2;}
.dotsBox .dots span:first-child{margin-left: 8px !important;}
.dotsBox .dots span:last-child{margin-right: 8px !important;}
.dotsBox .dots span.active{ opacity: 1; background: var(--themeColor);}
@media screen and (max-width: 992px) {
	.dotsBox .dots span{ width: 22px; height: 8px; margin: 4px 2px !important;}
	.dotsBox .dots span:first-child{margin-left: 6px !important;}
	.dotsBox .dots span:last-child{margin-right: 6px !important;}
	.dotsOverBox{position: absolute; bottom: -30px;}
}

/* 内页服务列表 */
.insSerBox{width: 100%; height: auto; padding: 40px 0;}
.insSerBox .insSerBg{background: #f5f5f5;}
.insSerBox .insSerOne .insSerImg img{width: 100%; background: #fff;}
.insSerBox .insSerOne .insSerInfo{box-sizing: border-box; padding: 40px; text-align: left;}
.insSerBox .insSerOne:nth-child(even) .insSerImg{float: right;}
.insSerBox .insSerOne:nth-child(even) .insSerInfo{float: left;}
.insSerBox .insSerOne .insSerInfo .insSerInfoTitle{font-size: 30px; font-weight: bold; line-height: 36px; color: var(--themeColor); margin-bottom: 10px;}
.insSerBox .insSerOne .insSerInfo .insSerInfoTxt{font-size: 16px; line-height: 32px; color: #666;}
.insSerBox .insSerOne .insSerInfo .insSerInfoBtn{width: 100%; height: auto;}
.insSerBox .insSerOne .insSerInfo .insSerInfoBtn a{display: inline-block; font-size: 16px; background: var(--themeColor); line-height: 26px; color: #fff; padding: 10px 20px; border-radius: 3px; margin-top: 20px;}
@media screen and (max-width: 576px) {
	.insSerBox{padding: 20px 0;}
	.insSerBox .insSerOne .insSerInfo{padding: 30px;}
	.insSerBox .insSerOne .insSerInfo .insSerInfoTitle{font-size: 24px;}
	.insSerBox .insSerOne .insSerInfo .insSerInfoTxt{line-height: 26px;}
}
/* 首页产品差异 */
.i_diff_box{margin-bottom: 50px !important;}
.i_diff_one{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 3px; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.i_diff_one img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; _margin-left: -50%; margin-left: -50%\9\0;}
.i_diff_one .imgtxt{width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #fff;}
.i_diff_one .imgmask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(52,114,161,0.3); z-index: 2; opacity: 0; transform: scale(0); transition: all 0.6s ease;}
.i_diff_one:hover .imgmask{opacity: 1; transform: scale(1);}
.i_diff_one .imgmask2{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(52,114,161,0.3); z-index: 3; opacity: 0; transform: scale(0); transition: all 0.2s ease;}
.i_diff_one:hover .imgmask2{opacity: 1; transform: scale(1);}
.i_diff_one .imgmask3{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(52,114,161,0.6); z-index: 3; opacity: 1; transform: scale(1); transition: all 0.2s ease;}
.i_diff_one:hover .imgmask3{opacity: 0; transform: scale(0);}
@media screen and (max-width: 768px) {
	.i_diff_one .imgtxt{font-size: 18px;}
}

.proPagerBox {position: absolute; bottom: 30px; width: calc(100% - 30px); height: auto; z-index: 9999;}
.proPagerBox .pager {width: 100%;height: auto; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.proPagerBox .pager span {width: 12px;height: 12px;margin: 0 12px; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 12px; background: #fff; cursor: pointer; opacity: 1; -webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}
.proPagerBox .pager span.active {background: var(--themeBgColor); border: solid 1px rgba(0, 0, 0, 0.1);}

.pager-box {width: 100%;height: auto;margin-top: 40px; z-index: 9999;}
.pager-box .pager {width: 100%;height: auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.pager-box .pager span {width: 12px;height: 12px;margin: 0 12px; border-radius: 12px; background: #CCC; cursor: pointer; opacity: 1; -webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}
.pager-box .pager span.active {background: var(--themeBgColor);}
.hideFatherSlide > .swiper-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
}

.hideFatherSlide > .swiper-slide-active {
    opacity: 1;
    visibility: visible;
}

/* 底部 */
.footBox{background: #333333; color: #fff;}
.footCont{width: 100%; height: auto; padding: 50px 0 40px 0; text-align: left;}
.footTitle{width: 100%; height: auto; font-size: 24px; padding-bottom: 20px; line-height: 30px; font-weight: bold; float: left;}
.footTitle img{max-width: 50%; height: auto;}
.footIcoBox{width: 100%; height: auto; font-size: 14px; line-height: 36px; float: left; margin-top: 10px;}
.footIcoBox a{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background: #474747; color: #fff; margin-right: 6px;}
.footIcoBox a:hover{background: var(--themeBgColor);}
.footIcoBox a i{font-size: 20px; line-height: 40px;}
.footInfo{width: 100%; height: auto; font-size: 14px; line-height: 24px; float: left;}
.footInfo .line{display: block; width: 100%; height: auto; font-size: 14px; line-height: 36px; color: #fff; float: left;}
.footInfo .line a{font-size: 14px; line-height: 36px; color: #fff; float: left;}
.footInfo .line a:hover{text-decoration: underline;}
.footInfo .conOne{width: 100%; height: auto; font-size: 14px; line-height: 36px; color: #fff; float: left;}
.footInfo .conOne .ico{width: 14px; height: 14px; font-size: 14px; line-height: 36px; color: #fff; float: left; margin-right: 10px;}
.footInfo .conOne .txt{width: calc(100% - 24px); font-size: 14px; line-height: 24px; padding: 6px 0; color: #fff; float: left;}
.copyBox{width: 100%; height: auto; text-align: left; padding:20px 0; color: #ccc; font-size: 14px; line-height: 24px; border-top: solid 1px #454545; float: left;}
.copyBox p{margin: 0;}
.copyBox a{color: #ccc;}
.copyBox a:hover{text-decoration: underline; color: #fff;}

/* 内页Banner */
.insBannerBox {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}
.insBannerBox .insBanner {width: 100%;height: 100%;position: absolute; padding: 130px 0 0 0;}
.insBannerBox .insBanner .info {width: 100%;height: auto;text-align: center;}
.insBannerBox .insBanner .info {color: #FFFFFF;}
.insBannerBox .insBanner .info h1, .insBannerBox .insBanner .info h2{font-size: 40px; line-height: 40px;}
.insBannerBox .insBanner .info span{font-size: 16px; font-weight: normal; line-height: 40px;}
.insBannerBox .images {width: 100%;height: auto;overflow: hidden;}
.insBannerBox .images img{width: 100%;height: 100%; min-height: 340px; object-fit: cover;}
@media (max-width:1024px) {
	.insBannerBox .insBanner .info h1, .insBannerBox .insBanner .info h2{font-size: 26px; line-height: 30px;}
	.insBannerBox .insBanner .info span{font-size: 14px; line-height: 30px;}
	.insBannerBox .images img{min-height: 200px;}
	.insBannerBox .insBanner {padding: 70px 0 0 0;}
}
@media (max-width:576px) {
	.insBannerBox .insBanner .info h1, .insBannerBox .insBanner .info h2{font-size: 26px; line-height: 30px;}
	.insBannerBox .insBanner .info span{font-size: 14px; line-height: 30px;}
	.insBannerBox .images img{min-height: 120px;}
	.insBannerBox .insBanner {padding: 30px 0 0 0;}
}

/* 子导航 */
.insNav{width: 100%; height: auto; color: #000; padding: 40px 0 0 0; text-align: left;}
.insNav a{display: inline-block; width: auto; height: auto; padding: 10px 25px; font-size: 18px; color: #000; background: #fff; border-radius: 3px; margin: 0 10px 10px 0; border: solid 1px #eee;}
.insNav a:hover{border: solid 1px var(--themeColor); color: var(--themeColor);}
.insNav a.active{background: var(--themeBgColor); border: solid 1px var(--themeColor); color: #fff;}
@media (max-width:576px) {
	.insNav a{margin: 0 6px 6px 0; font-size: 14px;}
}

/* 详情 */
.contentBox{font-size: 16px; line-height: 32px; color: #333; padding-top: 20px; padding-bottom: 20px; text-align: left;}
.contentBox img{max-width: 100%;}
.contentBox a{color: var(--themeColor);}
.contentBox a:hover{text-decoration: underline;color: var(--themeColor);}
.contentBox table {width:100%; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.contentBox table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.contentBox table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}

/* 摘要 */
.sampleBox{font-size: 18px; line-height: 32px; color: #333; text-align: left;}
.sampleBox img{max-width: 100%;}
.sampleBox a{color: var(--themeColor);}
.sampleBox a:hover{text-decoration: underline;color: var(--themeColor);}
.sampleBox table {width:100%; box-sizing: border-box; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.sampleBox table th {box-sizing: border-box;}
.sampleBox table td {box-sizing: border-box; padding: 6px 0; border-bottom: dashed 1px #d9d9d9;}

/* 内页案例 */
.insCasBox{margin: 40px 0;}
.insCas_one{width: 100%; height: auto; position: relative; box-sizing: border-box; border-radius: 3px;}
.insCas_img{width: 100%; height: auto; text-align: center; overflow: hidden; float: left; padding-bottom: 100%; position: relative; background: #fff;}
.insCas_img .imgmask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(52,114,161,0.2); z-index: 2; opacity: 0; transform: scale(0); transition: all 0.6s ease;}
.insCas_one:hover .insCas_img .imgmask{opacity: 1; transform: scale(1);}
.insCas_img .imgmask2{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(52,114,161,0.2); z-index: 3; opacity: 0; transform: scale(0); transition: all 0.2s ease;}
.insCas_one:hover .insCas_img .imgmask2{opacity: 1; transform: scale(1);}
.insCas_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; margin-left: -50%\9\0;}
.insCas_info{width: 100%; height: auto; background: #fff; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; line-clamp: 1; padding: 20px 10px; box-sizing: border-box; overflow: hidden; font-size: 18px; line-height: 26px; color: #000;}
.insCas_info div{width: 100%; height: 26px; line-height: 26px; color: #000; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 1; line-clamp: 1;}
.insCas_one:hover .insCas_info{color: var(--themeColor);}
@media (max-width:768px) {
	.insCas_info{ padding: 10px; height: auto; font-size: 16px; line-height: 22px;}
}
@media (max-width:576px) {
	.insCasBox{margin: 20px 0 0 0;}
}

/* 内页相册 */
.insGalBox{margin: 40px 0;}
.insGalBox .insGal_one{width: 100%; height: auto; position: relative; box-sizing: border-box; border-radius: 3px;}
.insGalBox .insGal_one .insGal_img{width: 100%; height: auto; text-align: center; float: left; padding-bottom: 100%; position: relative; background: #fff;}
.insGalBox .insGal_one .insGal_img img{max-width: 100%; max-height: 100%; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; margin-left: -50%\9\0;}
.insGalBox .insGal_one .casMask{width: 86%; height: 86%; font-size: 18px; font-weight: bold; color: #fff; position: absolute; display: flex; justify-content: center;align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; margin-left: -50%\9\0; z-index: 4; display: none;}
.insGalBox .insGal_one .casMask span{font-size: 14px; font-weight: normal;}
.insGalBox .insGal_one:hover .casMask{display: flex;}
.insGalBox .insGal_one .imgmask{width: 86%; height: 86%; position: absolute; display: flex; justify-content: center;align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); _margin-top: -50%; margin-top: -50%\9\0; margin-left: -50%\9\0; background: rgba(52,114,161,0.6); z-index: 3; opacity: 0; transition: all 0.6s ease;}
.insGalBox .insGal_one:hover .imgmask{opacity: 1; transform: translate(-50%, -50%) scale(1);}
.insGalBox .insGal_one .imgmask2{width: 86%; height: 86%; position: absolute; display: flex; justify-content: center;align-items: center; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); _margin-top: -50%; margin-top: -50%\9\0; margin-left: -50%\9\0; background: rgba(52,114,161,0.6); z-index: 2; opacity: 0; transition: all 0.2s ease;}
.insGalBox .insGal_one:hover .imgmask2{opacity: 1; transform: translate(-50%, -50%) scale(1);}
@media (max-width:768px) {
	.insGal_img .insGal_info{font-size: 16px; line-height: 22px;}
}
@media (max-width:576px) {
	.insGalBox{margin: 20px 0 0 0;}
}

.pageGalBox{width: 100%; height: auto; box-sizing: border-box; padding: 30px; margin-top: 40px; box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
@media (max-width:768px) {
	.pageGalBox{padding: 20px;}
}

/* 内页新闻 */
.insNewBox{margin: 40px 0;}

.insNewOne{width: 100%;height: auto; padding: 20px 0; float: left; position: relative; margin-bottom: 40px; border-radius: 5px; overflow: hidden;}
.insNewLeft{width: 20%; height: auto; float: left; padding-left: 20px; box-sizing: border-box;}
.insNewImg{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 3px; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.insNewImg img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; _margin-left: -50%; margin-left: -50%\9\0;}
.insNewText{width: 60%; height: 100%; text-align: left; box-sizing: border-box; padding: 0 20px; overflow: hidden; position: absolute; top: 48%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 20%;}
.insNewText span{color: #333; font-size: 14px; display: block; line-height: 24px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3;}
.insNewText span.insNewTxt{height: auto; color: #666;}
.insNewText span.insNewTime{line-height: 28px; color: #999; padding-bottom: 6px; display: none;}
.insNewText a{display: block; color: #000;font-size: 18px; line-height: 28px; padding-bottom: 6px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.insNewRight{width: 20%; height: 100%; text-align: center; overflow: hidden; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 0;}
.insNewRight span{display: block; line-height: 28px; color: #999; font-size: 14px;}
.insNewRight span.insNewRightTime{line-height: 28px; color: #999; margin-bottom: 15px;}
.insNewRight span.insNewRightIco{text-align: center; line-height: 28px;}
.insNewRight span.insNewRightIco a{display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #999; background: #f5f5f5; border-radius: 36px;}
.insNewRight span.insNewRightIco a i{font-size: 12px;}
.insNewOne:hover .insNewText a{color: var(--themeColor); text-decoration: none;}
.insNewOne:hover .insNewRight{background: var(--themeBgColor);}
.insNewOne:hover .insNewRight span{color: #fff;}
.insNewOne:hover .insNewRight span.insNewRightIco a{background: #fff; color: var(--themeColor);}

.insNewBox h1{font-size: 24px; color: #000; text-align: center;}
.insNewBox .insNewInfo{width: 100%; line-height: 30px; font-size: 14px; color: #999; text-align: center; border-bottom: solid 1px #ededed; padding-bottom: 20px;}
@media (max-width:992px) {
	.insNewOne .insNewText span{-webkit-line-clamp:2; line-clamp:2;}
}
@media (max-width:768px) {
	.insNewOne .insNewLeft{width: 30%;}
	.insNewOne .insNewText span.insNewTime{display: block;}
	.insNewOne .insNewText{width: 70%; left: 30%;}
	.insNewOne .insNewRight{display: none;}
}
@media (max-width:576px) {
	.insNewBox{margin: 20px 0 0 0;}
	.insNewOne{padding: 10px 0; margin-bottom: 20px;}
	.insNewOne .insNewLeft{width: 45%; padding-left: 10px;}
	.insNewOne .insNewText{width: 55%; left: 45%; padding: 0 10px;}
	.insNewText span.insNewTime{padding-bottom: 1px;}
	.insNewText a{padding-bottom: 1px;}
	.insNewOne .insNewText span{color: #000;}
	.insNewOne .insNewText span.insNewTime{color: #999;}
	.insNewOne .insNewText span.insNewTxt{color: #666;}
	.insNewOne .insNewText a{color: #000; font-size: 16px;}
	.insNewOne .insNewText a:hover{color: #fb7d10;}
}

/* 产品 */
.secTitleBox{width: 100%; height: auto; padding: 10px 0; box-sizing: border-box; color: #000; font-size: 32px; font-weight: bold;}
.secTitleBox h1{font-size: 32px;}
.insProImgBox{position: relative; box-sizing: border-box;}
.insProImgBox .swiper-wrapper{z-index: 888;}
.insProImgBox .imgBox{width: 100%; height: auto; text-align: center; padding-bottom: 100%; background: #f5f5f5; position: relative;}
.insProImgBox .imgBox img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); _margin-top: -50%; margin-top: -50%\9\0; _margin-left: -50%; margin-left: -50%\9\0;}
@media (max-width:576px) {
	.secTitleBox{font-size: 24px;}
	.secTitleBox h1{font-size: 24px;}
}	

/* 分页 */
.pageBox{width: 100%;height: auto;line-height: 40px;font-size: 0;text-align: center; margin: 30px 0;}
.pageBox span{display: inline-block;background: #f5f5f5;color: #666;padding: 0 16px; font-size: 14px;}
.pageBox a{display: inline-block;background: #f5f5f5;color: #666;padding: 0 16px;margin: 0 5px;font-size: 14px; border-radius: 3px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.pageBox a.active{background: var(--themeBgColor);color: #fff;}
.pageBox a:hover{background: #438ac0;color: #fff;}

/*空*/
.null_box{width: calc(100% - 40px); height: auto; min-height: 80px; float: left; padding: 100px 20px; margin-bottom: 20px; background: #fff; border-radius: 3px; text-align: center; font-size: 12px; line-height: 20px; color: #999}
.null_box i{display: block; text-align: center; font-size: 40px; color: #999; line-height: 50px;}

/* 在线客服 */
.kefu_tools{top:50%; margin-top:-115px; position:fixed; z-index: 9999999; right:0px;}
.cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center; position:relative;}
.cl_kefu_one i{font-size: 24px; color: #fff;}
.go_radius_1{border-radius: 3px 0 0 0;}
.go_radius_2{border-radius: 0 0 0 3px;}
.go_radius_2:hover{border-radius: 0 0 0 0;}
.go_radius_3{border-radius: 0 0 0 3px;}
.cl_kefu_title{display:block; width:100%; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center;}
#cl_gotop{display:none;}
.qr_menu{position:absolute; top:0; z-index: -1; left:-190px; width:200px; height:auto; box-shadow: -10px 5px 10px 0 rgba(0,0,0,0.05); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.qr_menu ul{display:block; width:calc(100% - 1px); height:auto; float:left;}
.qr_menu ul li{display:block; width:100%; height:46px; background: #fff; float:left; padding:0 20px; box-sizing:border-box; color:#666; font-size:14px; line-height:46px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu ul li:last-child{border-radius:0 0 3px 3px;}
.qr_menu ul li a{display:block; width:100%; height:46px; float:left; color:#666; font-size:14px; line-height:46px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu ul li a i{font-size: 26px; display: inline-block; vertical-align: top; margin-right: 6px; color: #40abf5;}
.cl_kefu_one:hover .qr_menu{left:-200px; opacity: 1; visibility: initial;}
.qr_img{position:absolute; bottom:0; z-index: -1; left:-190px; width:200px; height:auto; text-align:center; box-shadow: -10px -5px 10px 0 rgba(0,0,0,0.05); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.qr_img_box{width:calc(100% - 1px); height:auto; padding:10px; box-sizing:border-box; background: #fff; border-radius:3px 3px 0 0;}
.qr_img_box img{border:0px; max-width:100%; height:auto;}
.cl_kefu_one:hover .qr_img{left:-200px; opacity: 1; visibility: initial;}

/*自定义框架*/
.in_a_row_box{width: 100%; height: auto; float: left;}
.two_boxes_in_a_row{width: 50%; min-height: 100px; float: left; box-sizing: border-box;}
.two_boxes_in_a_row img{width: 100%; height: auto;}
.two_boxes_in_a_row:nth-child(1){padding-right: 8px;}
.two_boxes_in_a_row:nth-child(2){padding-left: 8px;}
.four_boxes_in_a_row{width: 25%; min-height: 100px; float: left; box-sizing: border-box;}
.four_boxes_in_a_row:nth-child(1){padding: 0 12px 0 0;}
.four_boxes_in_a_row:nth-child(2){padding: 0 8px 0 4px;}
.four_boxes_in_a_row:nth-child(3){padding: 0 4px 0 8px;}
.four_boxes_in_a_row:nth-child(4){padding: 0 0 0 12px;}

/* 视频框架 */
.share_video{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.share_video iframe, .share_video object, .share_video embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.noTopSpace{margin-top: 0; padding-top: 0;}
.noBottomSpace{margin-bottom: 0; padding-bottom: 0;}
.setBottomSpace{margin-bottom: 40px;}

@media screen and (max-width:1200px) {
    .navMid>ul>li>a{font-size: 16px; padding: 0 12px;}
	.i_pro_one .i_pro_text{height: 50px; line-height: 50px;}
	.i_pro_one .i_pro_text a{font-size: 16px; line-height: 50px;}
}

@media screen and (max-width:992px) {
	.i_pro_one .i_pro_text{height: 40px; line-height: 40px;}
	.i_pro_one .i_pro_text a{font-size: 14px; line-height: 40px;}
	.advBox{padding-top: 30px; padding-bottom: 30px;}
	.advTitleBox{margin-bottom: 30px;}
	.advTitle{font-size: 30px;line-height: 40px;}
	.advInfo{font-size: 14px; line-height: 20px;}
	.whyImgBox img{max-width: 70%;}
	.advTextBox .advInfo{font-size: 22px; line-height: 28px;}
	.advOneBox{padding: 20px;}
	.advTextBox .advTel strong{display: block;}
	.certBox{padding-top: 20px; padding-bottom: 20px;}
	.certBox .certOne{width: 50%; margin: 20px 0;}
	.certBox .certOne .certTitle{font-size: 40px; line-height: 40px;}
	.certBox .certOne .certTitle span{font-size: 12px;}
	.certBox .certOne .certInfo{font-size: 14px;}
    .aboTitle{padding: 0 0 10px 0;}
	.tabsBox{border-radius: 30px; padding: 6px;}
	.tabsBox .one{border-radius: 30px; font-size: 14px; padding: 6px 14px;}
    .logoSlogan{display: none;}
    .logoTel{display: none;}
    .navBtn{display: flex; line-height: 40px;}
    .navMid{display: none;}
	.navH{height: 70px; background: var(--themeBgColor);}
	.quoBtn{width: 100px;}
	.quoBtn a{background: #fff; color: var(--themeColor); font-size: 14px; line-height: 30px;}
    .logoMid{height: 40px; padding: 10px 0; color: #fff; font-size: 14px;}
    .aboTxt{padding: 20px 0;}
	.footMainLeft{width: 100%;}
	.footMainMid{width: 100%; padding: 40px 0 0 0;}
	.footNavOne{margin-bottom: 40px;}
	.footMainright{width: 100%;}
}

@media screen and (max-width:768px) {
	.kefu_tools{display: none;}
	.i_pro_one {padding: 20px 5px;}
	.idxTitleBox .idxTitle{font-size: 30px;}
	.idxTitleBox .idxInfo{font-size: 16px; line-height: 28px;}
	.longTabsBox .one{font-size: 12px; padding: 12px 10px;}
	.advTitle{font-size: 24px;}
	.tabsBox{border-radius: 30px; padding: 6px;}
	.tabsBox .one{border-radius: 30px; font-size: 12px; padding: 4px 8px;}
	.certBox .certOne .certTitle{font-size: 32px; line-height: 32px;}
	.two_boxes_in_a_row{width: 100%;}
	.two_boxes_in_a_row:nth-child(1){padding-right: 0;}
	.two_boxes_in_a_row:nth-child(2){padding-left: 0;}
	.four_boxes_in_a_row{width: 50%;}
	.four_boxes_in_a_row:nth-child(1){padding: 0 8px 0 0;}
	.four_boxes_in_a_row:nth-child(2){padding: 0 0 0 8px;}
	.four_boxes_in_a_row:nth-child(3){padding: 0 8px 0 0;}
	.four_boxes_in_a_row:nth-child(4){padding: 0 0 0 8px;}
	/*底部客服*/
	.foot_kefu{display: block; width: 100%; height: 34px; line-height: 34px; background: rgba(255,255,255,0); position: fixed; bottom: 0px; padding-top: 1px; z-index: 999;}
	.foot_kefu_one{width: calc(25% - 1px); height: 34px; line-height: 34px; float: left; text-align: center; margin-right: 1px; font-size: 14px; color: #fff; background: var(--themeBgColor); border-radius: 3px 3px 0 0;box-shadow: 0 -10px 15px rgba(0,0,0,0.1);}
	.foot_kefu_one:nth-child(4){width: 25%;margin-right: 0px;}
	.foot_kefu_one a{color: #fff; line-height:24px; vertical-align:text-top;}
	.foot_kefu_one a i{margin-right: 6px; font-size: 14px;}
	.foot_kefu_one a:hover{color: #fff;}
}

@media screen and (max-width:576px) {
	.i_pro_one {padding: 10px 0;}
	.i_pro_one .i_pro_text{height: 36px; line-height: 36px;}
	.i_pro_one .i_pro_text a{font-size: 12px; line-height: 36px;}
	.inqBox{padding: 30px 30px 0 30px;}
	.inqAfterBox{height: 30px;}
	.inqTitle strong{font-size: 26px;}
	.footMainMid{grid-template-columns: repeat(3, 1fr);}
	.fullAndBig{height: 42px; line-height: 42px;}
    .logoImg{width: 200px; padding-right: 0;}
	.navBtn{width: 50px;}
	.navBtn i{font-size: 24px;}
}

.noFootSpace{margin-bottom: 0; padding-bottom: 0;}
.noAllSpace{margin: 0; padding: 0;}
.goWhite{color: #fff !important;}
.bgGoGrey{background: #f5f5f5 !important;}