@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: 300 1em/1.8 Microsoft Yahei, 微软雅黑; overflow-x: hidden; *position: relative;}
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;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
textarea{-webkit-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: #00a2e9;
	--themeBgColor: linear-gradient(60deg, rgba(51, 190, 251, 1) 0%, rgba(0, 162, 233, 1) 100%);
}
.imgmid {display:inline-block; *display:inline; *zoom:1; 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%;*height: auto;display: table;*position: absolute;*top: 50%;*left: 50%;table-layout: fixed;}
.c_t{width: 100%;height: 100%;*height: auto;display: table-cell;vertical-align: middle;*position: relative;*top: -50%;*left: -50%;}
.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;
}

.show_scan_ok{padding: 40px 30px; line-height: 22px; background-color: #3da536; color: #fff; text-align: center;}
.for_scan_tip{display: block; font-size: 14px;}
.tips_name{display: block; font-size: 22px; font-weight: bold; line-height: 30px; padding-bottom: 20px;}
.ok_btn .layui-layer-btn a.layui-layer-btn0{background-color: #3da536; border-color: #3da536;}
.showQR{position: relative;}
.showQR .showQRImgBox{width: 160px; height: auto; position: absolute; z-index: 99999; top: 100%; left: 50%; margin-left: -80px; background: #fff; border-radius: 5px; box-sizing: border-box; padding: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); display: none;}
.showQR .showQRImgBox img{width: 100%; height: auto;}
.showQR:hover .showQRImgBox{display: block;}
.overHide{overflow: hidden;}

.fullBox {width: 100%; height: auto; box-sizing: border-box; float: left; padding: 0 10px;}
.fullBox .mainBox {width: 100%; max-width: 1200px; margin: 0 auto;}

/* LOGO */
.logoBox{background: #fff; border-bottom: solid 1px #eee;}
.logoMid{height: 90px; padding: 10px 0; color: #000; font-size: 14px;}
.logoImg{width: 200px; height: 100%; float: left; text-align: left; box-sizing: border-box; padding-right: 10px;}
.logoImg img{max-width: 100%; max-height: 100%; vertical-align: middle;}
.logoLine{width: 1px; height: 60px; margin-top: 20px; float: left; background: #eee;}
.logoSlogan{width: calc(100% - 560px); height: 100%; float: left; box-sizing: border-box; padding-top: 20px; padding-left: 10px;}
.logoSlogan .sloganMain{width: 100%; height: 30px; line-height: 30px; font-size: 24px; color: #333;}
.logoSlogan .sloganInfo{width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #666;}
.logoTel{width: 339px; height: 100%; float: left; text-align: right; margin-top: 20px;}
.logoTel .telIco{display: inline-block; vertical-align: middle; width: 50px; line-height: 50px; height: 100%;}
.logoTel .telIco i{font-size: 40px; color: var(--themeColor);}
.logoTel .telTxt{display: inline-block; vertical-align: middle; width: auto; height: 100%; text-align: left; padding-left: 5px;}
.logoTel .telTxt .telInfo{width: auto; height: 25px; line-height: 25px; font-size: 14px;}
.logoTel .telTxt .telNum{width: auto; height: 25px; line-height: 25px; font-size: 18px; color: #666;}
.logoTel .telBtn{display: inline-block; float: right; cursor: pointer; margin-top: 5px; margin-left: 10px; border-radius: 3px; text-align: center; width: 115px; height: 40px; line-height: 40px; background: var(--themeBgColor); color: #fff;}
.logoTel .telBtn i{font-size: 14px; padding-right: 6px;}

/* 电脑导航 */
.navMid{width: auto; height: 100%; padding-top: 0px; position: relative; z-index: 88888; display: block;}
.navMid>ul{width: 100%; margin: 0;padding: 0;}
.navMid>ul>li{width: 11%; height: 30px; padding: 15px 0px; float: left;text-align: center;position: relative;}
.navMid>ul>li>span.forNavFind{width: 60px; float: right; cursor: pointer; box-sizing: border-box; height: 30px; line-height: 30px; border-radius: 3px; background: var(--themeBgColor); display: block; z-index: 88888; color: #fff; font-size: 16px;}
.navMid>ul>li>a{width: 100%; box-sizing: border-box; height: 30px; line-height: 30px; display: block; border-left: solid 1px rgba(0, 0, 0, 0.1); position: relative; z-index: 88888; color: #000; font-size: 16px;}
.navMid>ul>li:first-child{width: 10%;}
.navMid>ul>li:first-child>a{border-left: none;}
.navMid>ul>li:hover>a{color: var(--themeColor);}
.navMid>ul>li>a.active{color: var(--themeColor); font-weight: bold;}
.navMid>ul>li>ul{width: 130%;height: auto;background: #fff;position: absolute; top: 100%; left: -15%; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); padding: 1px 0 0 0; border-radius: 0 0 3px 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; vertical-align: middle;}
.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;}

.forEn>ul>li{width: 16%;}
.forEn>ul>li:first-child{width: 16%;}

/* 手机导航 */
.navBtn{width: 50px; line-height: 50px; float: right; z-index: 88888; text-align: center; display: none; cursor: pointer;}
.navBtn i{font-size: 24px; color: var(--themeColor);}
.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: 60px;box-sizing: border-box;padding: 0 20px;verflow: hidden; background: #f5f5f5;}
.navClose .close{width: auto;height: 100%;float: right; overflow: hidden; line-height: 60px;}
.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: 15px 45px 15px 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;}

/* Banner */
.idx_banner{ width: 100%;height: auto; position: relative; z-index: 1; background: #000; overflow: hidden;}
.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: 2;display: flex;align-items: center;overflow: hidden;}
.idx_banner ul li .center .info{ width: 90%; max-width: 1200px; margin: 0 auto; color: #fff; }
.idx_banner ul li .center .info .title{width: 50%; max-width: 600px; line-height: 1.4; font-size: 54px; font-weight: bold; }
.idx_banner ul li .center .info .details{width: 50%; max-width: 500px; font-size: 16px; line-height: 1.8; margin-top: 1vw; }
.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; margin: 0 auto;font-size: 0;text-align: center;overflow: hidden; }
.idx_banner ul li .images img{ width: 100%; max-width: 100%; min-height: 600px; 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: 1440px) {
	.idx_banner ul li .center .info .title{ font-size: 48px; }
	.idx_banner ul li .images img{ min-height: 560px; }
}
@media screen and (max-width: 1280px) {
	.idx_banner ul li .center .info .title{ font-size: 40px; }
	.idx_banner ul li .center .info .details{ font-size: 14px; }
	.idx_banner .banner_pagination span{ width: 12px; height: 12px; }
	.idx_banner ul li .images img{ min-height: 500px; }
}
@media screen and (max-width: 1024px) {
	.idx_banner ul li .center{ padding: 0; }
	.idx_banner ul li .center .info .title{ font-size: 36px; }
	.idx_banner ul li .center .info .more a{ padding: 10px 20px; font-size: 12px; }
	.idx_banner ul li .images img{ min-height: 400px; }
	.idx_banner .banner_pagination{ bottom: 15px; }
}
@media screen and (max-width: 990px) {
	.idx_banner ul li .center .info .title{ font-size: 28px; }
	.idx_banner ul li .center .info .details{font-size: 12px;}
	.idx_banner ul li .center .info .more a{ padding: 6px 15px;}
	.idx_banner ul li .images img{ min-height: 300px; }
}
@media screen and (max-width: 576px) {
	.idx_banner ul li .center .info .title{font-size: 18px; }
	.idx_banner ul li .images img{ min-height: 180px; }
}

/* 热门新闻 */
.hotBox{width: 100%; height: auto; box-sizing: border-box; padding: 10px 0; font-size: 14px; color: #666; text-align: center; overflow: hidden;}
.hotBox .hotTitle{width: 50px; height: 30px; line-height: 30px; margin-right: 10px; margin-top: 5px; background: #000; color: #fff; font-size: 14px; float: left;}
.hotBox .hotHref{width: calc(100% - 220px); height: 30px; margin-top: 5px; color: #666; font-size: 14px; float: left; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hotBox .hotHref a{font-size: 14px; line-height: 30px; color: #999;}
.hotBox .hotHref a:hover{color: var(--themeColor);}
.hotBox .hotBtn{width: 160px; height: 40px; cursor: pointer; line-height: 40px; background: var(--themeBgColor); border-radius: 3px; color: #fff; font-size: 14px; float: left;}

/* 资质统计 */
.certBox{background: var(--themeBgColor); padding-top: 50px; padding-bottom: 50px; color: #fff;}
.certBox .certOne{width: 20%; 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: 14px;}
.certBox .certOne .certInfo{width: 100%; font-size: 16px; line-height: 20px;}

/* 首页标题 */
.idxTitleBox{width: 100%; padding-top: 50px; padding-bottom: 50px; text-align: center;}
.idxTitleBox .idxTitle{width: 100%; font-size: 30px; font-weight: bold; color: #000; line-height: 40px;}
.idxTitleBox .idxTitleHref{width: 100%; font-size: 14px; color: #666; line-height: 40px;}
.idxTitleBox .idxTitleHref a{display: inline-block; width: auto; height: auto; font-size: 18px; color: #666; line-height: 40px; margin: 10px; background: #f5f5f5; padding: 0 20px; border-radius: 3px;}
.idxTitleBox .idxTitleHref a:hover{background: var(--themeBgColor); color: #fff;}
.idxTitleBox .idxTitle .idxBlock{width: 12px; height: 12px; background: var(--themeColor); display: inline-block; margin: 0 10px; vertical-align: middle;}
.idxTitleBox .idxInfo{width: 100%; font-size: 16px; color: #999;}

/* 首页Tabs */
.tabsBox{display: inline-block; width: 100%; box-sizing: border-box; height: auto;}
.tabsBox .one{display: inline-block; width: 100%; font-size: 16px; box-sizing: border-box; color: #666; padding: 10px 20px; cursor: pointer;}
.tabsBox .one.active{background: var(--themeBgColor); color: #fff;}
.tabsBox a{display: inline-block; width: 100%; font-size: 16px; box-sizing: border-box; color: #666; padding: 10px 20px; cursor: pointer;}
.tabsBox a:hover{color: var(--themeColor);}
.tabsBox a.active{background: var(--themeBgColor); color: #fff;}

/* 首页产品 */
.idxProLeft{width: 220px; float: left; box-sizing: border-box; background: #fff; margin-right: 30px;}
.idxProLeft .topTitle{width: 100%; height: auto; background: var(--themeBgColor); border-bottom: solid 1px #fff; color: #fff; text-align: center; font-size: 26px; font-weight: bold; padding: 30px 0;}
.idxProLeft .footTel{width: 100%; height: auto; color: var(--themeColor); text-align: left; float: left; font-size: 18px; padding: 30px 20px;}
.idxProLeft .footTel .icoBox{width: 40px; height: 40px; margin-right: 10px; line-height: 40px; float: left; vertical-align: top;}
.idxProLeft .footTel .icoBox i{font-size: 40px; vertical-align: top;}
.idxProLeft .footTel .telBox{width: calc(100% - 50px); height: 40px; float: left; font-size: 14px; line-height: 20px;}
.idxProLeft .footTel .telBox strong{display: block; font-size: 16px;}

.isdProRight{width: calc(100% - 250px); float: left; box-sizing: border-box;}
.idxProRight{width: calc(100% - 250px); float: left; box-sizing: border-box; background: #fff; padding: 20px;}
.idxProBox{text-align: center; padding-bottom: 50px;}
.i_pro_one{width: 100%; height: auto; box-sizing: border-box;}
.i_pro_one .i_pro_img{width: 100%; height: auto; text-align: center; padding-bottom: 66.66%; background: #fff; position: relative;}
.i_pro_one .i_pro_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.i_pro_one .i_pro_text{box-sizing: border-box; width: 100%; height: 46px; line-height: 46px; background: #f5f5f5; padding: 0px 5%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.isdProRight .i_pro_one .i_pro_text{background: #fff;}
.i_pro_one .i_pro_text a{display: block; width: 100%; height: 100%; color: #000;font-size: 16px; line-height: 46px;}
.i_pro_one .i_pro_text a em{font-style: normal; color: #f00;}
.i_pro_one:hover .i_pro_text{background: var(--themeBgColor);}
.i_pro_one:hover .i_pro_text a{color: #fff;}
.i_pro_one:hover .i_pro_text a em{color: #fff;}

.i_gal_one{width: 100%; height: auto; box-sizing: border-box; cursor: pointer;}
.i_gal_one .i_pro_img{width: 100%; height: auto; text-align: center; padding-bottom: 55.55%; background: #fff; position: relative;}
.i_gal_one .i_pro_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.i_gal_one .i_pro_text{box-sizing: border-box; width: 100%; height: 46px; line-height: 46px; background: #f5f5f5; padding: 0px 5%; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.isdProRight .i_gal_one .i_pro_text{background: #fff;}
.i_gal_one .i_pro_text{color: #000;}
.i_gal_one:hover .i_pro_text{background: var(--themeBgColor);}
.i_gal_one:hover .i_pro_text{color: #fff;}

@media screen and (max-width: 1024px) {
	.idxProLeft{width: 100%; background: none; margin-bottom: 20px;}
	.idxProLeft .topTitle{display: none;}
	.idxProLeft .footTel{display: none;}
	.tabsBox .one{width: auto; font-size: 14px; color: #666; background: #fff; padding: 5px 10px; margin: 5px; border-radius: 3px;}
	.tabsBox a{width: auto; font-size: 14px; color: #666; background: #fff; padding: 5px 10px; margin: 5px; border-radius: 3px;}
	.idxProRight{width: 100%; padding: 10px;}
	.isdProRight{width: 100%; padding: 10px;}
}
@media screen and (max-width: 990px) {
	.tabsBox .one{font-size: 12px;}
	.tabsBox a{font-size: 12px;}
}
@media screen and (max-width: 576px) {
	.hotBox .hotHref{width: calc(100% - 60px);}
	.hotBox .hotBtn{width: 100%; margin-top: 15px;}
}

/* 质量保证 */
.idxQualityTips{display: inline-block; padding: 5px 15px; width: auto; height: auto; background: var(--themeBgColor); color: #fff; font-size: 14px; margin: 0 10px 10px 0;}
.idxQualityTitle{width: auto; height: auto; color: #333; font-size: 18px; margin-bottom: 20px; line-height: 22px;}
.idxQualityInfo{width: auto; max-width: 300px; height: auto; color: #999; font-size: 14px; margin-bottom: 20px; line-height: 22px;}
.idxQualityLeft{height: auto; box-sizing: border-box; min-height: 500px; padding: 100px 30px 30px 30px; background: url("../images/pzpic.jpg") no-repeat; background-size: cover;}
.idxQualityRight{height: 500px; padding-left: 30px;}
.idxQualityIn{height: 100%;}
.idxQualityUp1{height: calc(50% - 15px); box-sizing: border-box; padding: 50px 30px 30px 30px; background: url("../images/10d.jpg") no-repeat; background-size: cover;}
.idxQualityUp2{height: calc(50% - 15px); box-sizing: border-box; padding: 50px 30px 30px 30px; background: url("../images/3d.jpg") no-repeat; background-size: cover; margin-top: 30px;}
@media screen and (max-width: 990px) {
	.idxQualityRight{padding-left: 0;}
	.idxQualityUp1{margin-top: 30px;}
	.idxQualityRight{margin-bottom: 30px;}
}

/* 数据 */
.idxNumBox{background: url("../images/zj-set5-bj.jpg") no-repeat; background-size: cover; margin-top: 50px; color: #fff;}
.idxNumLeft{width: 30%; float: left; margin: 40px 0;}
.idxNumRight{width: 70%; float: left; margin: 40px 0;}
.idxNumOne{width: 25%; text-align: center; float: left;}
.idxNumCount{font-size: 40px; font-weight: bold; line-height: 50px;}
.idxNumMore{font-size: 14px; line-height: 30px;}
.idxNumBlock{display: inline-block; width: 12px; height: 12px; background: #fff;}
.idxNumTitle{font-size: 32px; line-height: 40px;}
.idxNumInfo{font-size:16px; line-height: 40px;}
.idxNumBtn{height:40px;}
.idxNumBtn span{display: inline-block; width: auto; height: 100%; line-height: 40px; background: #000; color: #fff; padding: 0 20px; cursor: pointer;}
@media screen and (max-width: 990px) {
	.idxNumLeft{width: 100%; margin-bottom:30px; text-align: center;}
	.idxNumRight{width:100%}
	.idxNumOne{width: 50%; margin-bottom: 20px;}
}
@media screen and (max-width: 576px) {
	.idxNumCount{font-size: 30px; font-weight: bold; line-height: 40px;}
}

/* 优势 */
.advTabsBox{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); box-sizing: border-box; background: #f5f5f5; overflow: hidden; height: auto; float: left; margin-bottom: 50px;}
.advImgBox img{width: 100%; height: 100%; object-fit: cover;}
.advImgText{box-sizing: border-box; padding: 50px; display: flex; align-items: center; position: relative; overflow: hidden;}
.advImgText .midBox .advOneTitle{font-size: 26px; line-height: 40px;}
.advImgText .midBox .advOneTitle span{color: var(--themeColor);}
.advImgText .midBox .advOneLine{width: 100%; height: 1px; background: #d9d9d9; margin: 15px 0; position: relative;}
.advImgText .midBox .advOneLine .advOneLineBlock{width: 50px; height: 4px; background: #000; position: absolute; left: 0; bottom: 0;}
.advImgText .midBox .advOneInfo{width: 100%; height: auto; margin: 20px 0; font-size: 16px; color: #666; line-height: 32px;}
.advImgText .midBox .advOneBtn{width: 160px; height: 40px; cursor: pointer; text-align: center; line-height: 40px; background: var(--themeBgColor); border-radius: 3px; color: #fff; font-size: 14px; float: left;}
.advTabsBox .itemA{grid-row: 1; grid-column: 1;}
.advTabsBox .itemB{grid-row: 1; grid-column: 2;}
.advImgText .numBox{width: 100px; height: 100px; box-sizing: border-box; font-weight: bold; padding: 5px 15px; line-height: 20px; background: #000; border-radius: 50%; font-size: 20px; color: #fff; line-height: 50px; position: absolute; right: -50px; bottom: -50px;}
@media screen and (max-width: 768px) {
	.advTabsBox{grid-template-columns: repeat(1, 1fr); margin-bottom: 30px;}
	.advImgText{padding: 30px;}
	.advImgText .midBox .advOneTitle{font-size: 20px; line-height: 30px;}
	.advImgText .midBox .advOneInfo{margin: 15px 0; font-size: 14px; line-height: 26px;}
	.advTabsBox .itemA{grid-row: 2; grid-column: 1;}
	.advTabsBox .itemB{grid-row: 1; grid-column: 1;}
}

/* 关于 */
.aboBox{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); box-sizing: border-box; overflow: hidden; height: auto; float: left; margin-bottom: 50px;}
.aboImgBox img{width: 100%; height: 100%; object-fit: cover;}
.aboImgText{box-sizing: border-box; padding: 0 50px 0 0; display: flex;align-items: center;}
.aboImgText .midBox .aboOneTitle{width: 100%; height: auto; margin: 0;}
.aboImgText .midBox .aboOneTitle h1{font-size: 28px; margin: 0;}
.aboImgText .midBox .aboOneTitle h2{font-size: 16px; margin: 0; color: #999; font-weight: normal;}
.aboImgText .midBox .aboOneInfo{width: 100%; height: auto; margin: 20px 0; font-size: 16px; color: #666; line-height: 32px;}
@media screen and (max-width: 768px) {
	.aboBox{grid-template-columns: repeat(1, 1fr); margin-bottom: 30px;}
	.aboImgText{padding: 10px;}
	.aboImgText .midBox .aboOneInfo{margin: 15px 0; line-height: 32px;}
	.aboImgText .midBox .aboOneTitle h1{font-size: 22px;}
	.aboImgText .midBox .aboOneTitle h2{font-size: 12px;}
}

/* 首页服务 */
.idxSerBox {width: 100%;height: auto;position: relative;z-index: 1;overflow: hidden;}
.idxSerBox .serBox {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;}
.idxSerBox .serBox .item {width: 100%;height: auto;position: relative;z-index: 1;flex: 1;-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;overflow: hidden;}
.idxSerBox .serBox .item .img {width: 100%;height: 500px;position: relative;z-index: 1;overflow: hidden;}
.idxSerBox .serBox .item .img::after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;background: #2A2A2A;opacity: 0.8;-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}
.idxSerBox .serBox .item .img img {width: 100%; height: 100%; object-fit: cover;}
.idxSerBox .serBox .item .info-box {width: 100%;height: 100%; box-sizing: border-box; position: absolute;left: 0;top: 0;z-index: 10;padding: 40px 20px;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;overflow: hidden;}
.idxSerBox .serBox .item .info-box .info {width: auto; box-sizing: border-box; height: auto;padding: 20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;-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;border-radius: 10px;}
.idxSerBox .serBox .item .info-box .info .title {width: auto;height: auto;text-align: center;font-weight: bold;font-size: 20px;color: #FFFFFF;-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}
.idxSerBox .serBox .item .info-box .info .title::after {content: '';width: 10px;height: 2px;display: block;margin: 1em auto 0;background: #FFFFFF;}
.idxSerBox .serBox .item .info-box .info .details {width: auto;height: calc(4em * 1.5);margin-top: 0.3rem;font-size: 14px;color: #FFFFFF;line-height: 1.5;-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.idxSerBox .serBox .item:hover {flex: 0 0 50%;}
.idxSerBox .serBox .item:hover .img::after {opacity: 0;}
.idxSerBox .serBox .item:hover .info-box .info {flex: 1;background: rgba(18, 101, 203, 0.8);}
.idxSerBox .serBox .item:hover .info-box .info .title {width: 100%;text-align: left;flex: 1;font-size: 30px;}
.idxSerBox .serBox .item:hover .info-box .info .title::after {display: none;}
.idxSerBox .serBox .item:hover .info-box .info .details {width: 100%;flex: 1;text-align: left;}
.idxSerBox .serBox .item + .item {margin-left: 1px;}
@media (max-width:768px) {
	.idxSerBox .serBox {padding: 0 10px; box-sizing: border-box; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-flow: row; grid-gap: 20px;}
	.idxSerBox .serBox .item {height: 100%;}
	.idxSerBox .serBox .item:first-child{grid-column: 1 / -1;}
	.idxSerBox .serBox .item .img {height: auto; border-radius: 5px;}
	.idxSerBox .serBox .item .img img{border-radius: 5px;}
	.idxSerBox .serBox .item .img::after {opacity: 0;}
	.idxSerBox .serBox .item .img .pb {height: 0;padding-bottom: 71.94244604%;}
	.idxSerBox .serBox .item .info-box {position: relative;display: block;margin-top: 20px;padding: 0;}
	.idxSerBox .serBox .item .info-box .info {padding: 0;display: block;}
	.idxSerBox .serBox .item .info-box .info .title {color: #333333;}
	.idxSerBox .serBox .item .info-box .info .title::after {display: none;}
	.idxSerBox .serBox .item .info-box .info .details {height: auto;color: #666666;white-space: normal;}
	.idxSerBox .serBox .item:hover .info-box .info {background: transparent;}
	.idxSerBox .serBox .item:hover .info-box .info .title {font-size: 20px;text-align: center;}
	.idxSerBox .serBox .item:hover .info-box .info .details {text-align: center;}
	.idxSerBox .serBox .item + .item {margin-left: 0;}
}

/* 首页案例 */
.idxCasBox{text-align: center; margin-bottom: 50px !important; overflow: hidden;}

.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;
}

.idxGalBox{overflow: hidden;}
/* 首页伙伴 */
.idxParFullBox{padding-bottom: 40px;}
.idxParBox{overflow: hidden;}
.parOneBox{width: 100%; height: auto; text-align: center; margin-top: 20px; overflow: hidden; border-radius: 3px; float: left; padding-bottom: 66.66%; position: relative; background: #fff;}
.parOneBox img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.parOneTitle{width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #000; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 首页相册 */
.galOneBox{width: 100%; height: auto; text-align: center; margin-top: 20px; overflow: hidden; border-radius: 3px; float: left; padding-bottom: 55.55%; position: relative; background: #fff;}
.galOneBox img{max-width: 100%; max-height: 100%; cursor: zoom-in; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.galOneTitle{width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #000; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.galOneTitle a{color: #000;}
.galOne:hover .galOneTitle{background: var(--themeBgColor); color: #fff;}
.galOne:hover .galOneTitle a{color: #fff;}

/* 首页新闻 */
.idxNewBox{text-align: center; margin-bottom: 50px !important; overflow: hidden;}
.idxNewOne{width: 100%; height: auto;}
.idxNewOne .idxNewImg{width: 100%; height: auto; text-align: center; overflow: hidden; border-radius: 3px 3px 0 0; float: left; padding-bottom: 66.66%; position: relative; background: #fff;}
.idxNewOne .idxNewImg img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.idxNewOne .idxNewText{width: 100%; height: auto; float: left; border-radius: 0 0 3px 3px; background: #f1f6fb; text-align: left; box-sizing: border-box; padding: 20px;}
.idxNewOne .idxNewText .idxNewTitle{width: 100%; height: auto; float: left;}
.idxNewOne .idxNewText .idxNewTitle a{display: block; width: 100%; height: auto; font-size: 16px; line-height: 30px; font-weight: bold; float: left; color: #000; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.idxNewOne .idxNewText .idxNewTime{width: 100%; height: auto; float: left; font-size: 12px; color: #999; line-height: 30px;}
.idxNewOne .idxNewText .idxNewInfo{width: 100%; height: auto; min-height: 48px; float: left; font-size: 14px; color: #666; line-height: 24px;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.idxNewOne:hover .idxNewText{background: var(--themeBgColor);}
.idxNewOne:hover .idxNewText .idxNewTitle a{color: #fff;}
.idxNewOne:hover .idxNewText .idxNewTime{color: #fff;}
.idxNewOne:hover .idxNewText .idxNewInfo{color: #fff;}

.idxNewOne .conNewText{width: 100%; height: auto; float: left; border-radius: 0 0 3px 3px; background: #fff; text-align: left; box-sizing: border-box; padding: 20px;}
.idxNewOne .conNewText .idxNewTitle{width: 100%; height: auto; float: left;}
.idxNewOne .conNewText .idxNewTitle a{display: block; width: 100%; height: auto; font-size: 16px; line-height: 30px; font-weight: bold; float: left; color: #000; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.idxNewOne .conNewText .idxNewTime{width: 100%; height: auto; float: left; font-size: 12px; color: #999; line-height: 30px;}
.idxNewOne .conNewText .idxNewInfo{width: 100%; height: auto; min-height: 48px; float: left; font-size: 14px; color: #666; line-height: 24px;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.idxNewOne:hover .conNewText{background: var(--themeBgColor);}
.idxNewOne:hover .conNewText .idxNewTitle a{color: #fff;}
.idxNewOne:hover .conNewText .idxNewTime{color: #fff;}
.idxNewOne:hover .conNewText .idxNewInfo{color: #fff;}

/* 底部 */
.footBox{background: #333; color: #fff;}
.footMainBox{width: 100%; float: left;}
.footMainLeft{width: 220px; box-sizing: border-box; float: left;}
.footMainMid{width: calc(60% - 220px); box-sizing: border-box; float: left; padding: 20px 50px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px;}
.footMainMid a{display: inline-block; width: 100%; font-size: 16px; color: #ccc; text-align: center;}
.footMainRight{width: 40%; box-sizing: border-box; float: left; padding: 20px 0; font-size: 16px; color: #ccc;}
.footMainRight .footMainOne{width: 100%; height: auto; display: block; float: left;}
.footMainRight .footMainBtn{width: auto; height: auto; clear: both; margin-bottom: 10px; cursor: pointer; box-sizing: border-box; float: left; text-align: center; padding: 10px 20px; border: solid 1px #ccc; border-radius: 3px;}
.footMainRight .footMainBtn:hover{background: var(--themeBgColor); color: #fff; border-color: var(--themeColor);}
.footMainRight .footMainBtn i{padding-right: 6px; font-size: 16px;}
.footLogo{width: 100%; box-sizing: border-box; padding: 20px 0 10px 0; background: #fff; text-align: center; position: relative;}
.footLogo img{width: 100%; max-width: 160px;}
.footLogo::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%; height: 30px; background: url("../images/footLogoBg.png") no-repeat; background-size: 100% 30px;
}
.footTitle{width: 100%; font-size: 14px; line-height: 30px; margin: 10px 0;}
.footTitle strong{font-size: 18px;}
.footInfo{width: 100%; font-size: 14px; line-height: 26px; color: #aaa;}
.footNavOne{width: 100%;}
.footRightTitle{width: 100%; font-size: 18px; line-height: 30px; margin-bottom: 10px; font-weight: bold;}
.footRightMore{width: 100%; color: #aaa; font-size: 14px; line-height: 30px;}
.footRightMore a{color: #aaa; font-size: 14px;}
.footRightMore a:hover{color: #fff; text-decoration: underline;}
.footRightMore i{font-size: 14px; margin-right: 7px;}
.copyBox{width: 100%; height: auto; padding:20px 0; margin-top: 30px; 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; display: flex; align-items: center;}
.insBannerBox .insBanner .info {width: 100%;height: auto;text-align: center; 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;}
}
@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;}
}

/* 子导航 */
.insNavBox{background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 250, 252, 1) 100%)}
.insBread{width: 100%; height: auto; color: #999; font-size: 14px; padding: 10px 0;}
.insBread i{font-size: 14px; padding-right: 5px;}
.insBread a{color: #999; font-size: 14px; padding-right: 5px;}
.insNav{width: 100%; height: auto; color: #000; font-size: 14px; padding: 20px 0 10px 0;}
.insNav a{display: inline-block; width: auto; height: auto; padding: 10px 25px; font-size: 14px; color: #000; background: #eee; border-radius: 3px; margin: 0 10px 10px 0;}
.insNav a:hover{background: #5daffb; color: #fff;}
.insNav a.active{background: var(--themeBgColor); color: #fff;}
@media (max-width:576px) {
	.insNav a{padding: 6px 16px; margin: 0 6px 6px 0;}
}

/* 详情 */
.contentBox{font-size: 14px; line-height: 32px; color: #333; padding-top: 20px; padding-bottom: 20px;}
.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;}
@media (max-width:576px) {
	.contentBox{font-size: 16px; padding-top: 20px; padding-bottom: 20px;}
}

/* 品质保障 */
.quaListBox{width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; box-sizing: border-box; overflow: hidden; height: auto; float: left; margin-bottom: 50px;}
.quaListBox .quaOne{background: #f5f5f5; box-sizing: border-box; padding: 30px; position: relative; margin-top: 50px;}
.quaListBox .quaOne .numBox{background: var(--themeBgColor); color: #fff; font-size: 20px; text-align: center; position: absolute; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; left: 30px; top: -35px;}
.quaListBox .quaOne .enTitleBox{width: 100%; height: auto; font-size: 20px; color: var(--themeColor); line-height: 30px; margin: 20px 0 10px 0;}
.quaListBox .quaOne .cnTitleBox{width: 100%; height: auto; font-size: 22px; color: #000; line-height: 28px; margin: 10px 0;}
.quaListBox .quaOne .forTitleLine{width: 100%; height: 3px; position: relative;}
.quaListBox .quaOne .forTitleLine .lineBlock{width: 30px; height: 3px; position: absolute; left: 0; background: var(--themeBgColor);}
.quaListBox .quaOne .contBox{width: 100%; height: auto; margin: 20px 0 50px 0;}
@media (max-width:992px) {
	.quaListBox{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:576px) {
	.quaListBox{grid-template-columns: repeat(1, 1fr);}
}

/* 留言 */
.feedBox{padding-top:50px; padding-bottom:50px;}
.feedFormBox input{height: 50px; line-height: 50px;}
.feedImgBox img{width: 100%; border-radius: 5px;}
.feedTitle{width: 100%; font-size: 16px; color: var(--themeColor);}
.feedTitle strong{width: 100%; font-size: 24px; color: #000;}
.feedInfo{width: 100%; font-size: 14px; color: #999; padding: 0 0 20px 0;}
.codeImgBox img{width: 100%; height: 44px; border-radius: 3px;}
.feedBtn{background: var(--themeBgColor); height: 50px; line-height: 50px; padding: 0 100px; float: right;}
.forCode img{cursor: pointer; width: 100%; height: 48px; border-radius: 3px;}
@media (max-width:576px) {
	.feedBox{padding-top: 20px; padding-bottom: 20px;}
	.feedBtn{width: 100%;}
}

/* 内页案例 */
.insCasBox{margin: 40px 0;}
.casOneBottom{margin-bottom: 20px;}
.insCasBox h1{font-size: 24px; color: #000; text-align: center;}
.insCasBox .insCasInfo{width: 100%; line-height: 30px; font-size: 14px; color: #999; text-align: center; border-bottom: solid 1px #ededed; padding-bottom: 20px;}
@media (max-width:576px) {
	.insCasBox{margin: 20px 0 0 0;}
}

/* 内页新闻 */
.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.66%; 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%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.insNewText{width: 60%; height: 100%; 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:2;}
.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:768px) {
	.insNewOne .insNewLeft{width: 30%;}
	.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{-webkit-line-clamp:2;}
	.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;}
}

.difCatTitle{width: 100%; margin: 10px; font-size: 20px; color: #000; font-weight: bold;}
.goLeftTitle{width: 100%; font-size: 24px; color: #000; line-height: 30px; font-weight: bold;}
.goLeftInfo{width: 100%; margin-bottom: 20px; font-size: 14px; color: #999;}

/* 产品 */
.secTitleBox{width: 100%; height: auto; padding: 8px 20px; box-sizing: border-box; background: var(--themeBgColor); border-radius: 3px 3px 0 0; color: #fff; font-size: 22px;}
.insProImgBox{position: relative; box-sizing: border-box; padding-right: 30px;}
.insProImgBox .swiper-wrapper{z-index: 888;}
.insProImgBox .imgBox{width: 100%; height: auto; text-align: center; padding-bottom: 66.66%; border-radius: 5px; border: solid 1px #eee; background: #fff; position: relative;}
.insProImgBox .imgBox img{max-width: 100%; max-height: 100%; position: absolute; border-radius: 5px; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.insProInfoBox .insProTitle{text-align: left; margin-bottom: 20px;}
.insProInfoBox .insProTitle h1{font-size: 24px;text-align: left; line-height: 30px;}
.insProInfoBox .insProModel{font-size: 16px; color: #666; line-height: 30px;}
.insProInfoBox .insProModel strong{font-size: 16px; color: var(--themeColor);}
.insProInfoBox .insProInfoTitle{line-height: 30px;font-size: 18px; color: var(--themeColor); font-weight: bold; margin-top: 20px;}
.insProInfoBox .insProInfo{font-size: 16px; color: #666; line-height: 26px; border-top: solid 1px #d9d9d9; padding: 10px 0;}
.insProInfoBox .insProInfo p{margin: 5px 0;}
.insProInfoBox .insProTel{font-size: 16px; color: #666;}
.insProInfoBox .insProTel strong{font-size: 24px; color: #f00;}
.insProInfoBox .insProChat{width: 100%; margin-top: 10px;}
.insProInfoBox .insProChat .chatBtn{width: auto; cursor: pointer; display: inline-block; margin-right: 20px; padding: 10px 30px; font-size: 16px; color: #fff; border-radius: 30px; background: var(--themeBgColor);}
.insProInfoBox .insProChat .chatBtn i{margin-right: 10px;}
.insProInfoBox .insProChat .chatBtn.forWeChat{background: #07C160;}
.insProInfoBox .insProChat .chatBtn.forWhatsApp{background: #25D366;}

@media screen and (max-width:992px) {
	.insProInfoBox .insProTel{margin-top: 30px;}
	.insProInfoBox .insProTel strong{display: block;}
	.insProInfoBox .insProChat .chatBtn{margin-right: 10px; padding: 6px 20px; font-size: 14px;}
}
@media (max-width:576px) {
	.insProInfoBox .insProTel{margin-top: 10px;}
	.insProInfoBox .insProTitle h1{font-size: 20px; line-height: 28px;}
	.insProInfoBox .insProModel{font-size: 14px; line-height: 20px;}
	.insProInfoBox .insProModel strong{font-size: 14px;}
	.insProInfoBox .insProInfo{font-size: 14px;}
	.secTitleBox{font-size: 18px;}
}	
/* 分页 */
.pageBox{width: 100%;height: auto;line-height: 40px;font-size: 0;text-align: center; margin: 40px 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: #5daffb;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;}

.forWhiteText .i_pro_text{background: #fff;}

/*自定义框架*/
.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: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;}
.setTopSpace{margin-top: 40px;}
.setTopInerSpace{padding-top: 40px;}
.setBottomSpace{margin-bottom: 40px;}

.goWhite{color: #fff;}
.goGreyBg{background: #f5f5f5;}

@media screen and (max-width:1200px) {
    .navMid>ul>li>a{font-size: 14px;}
	.i_pro_one .i_pro_text{height: 42px; line-height: 42px;}
	.i_pro_one .i_pro_text a{font-size: 14px; line-height: 42px;}
}

@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:first-child{width: 100%;}
	.certBox .certOne .certTitle{font-size: 40px; line-height: 40px;}
	.certBox .certOne .certTitle span{font-size: 12px;}
	.certBox .certOne .certInfo{font-size: 14px;}
    .aboYear .text{font-size: 50px; line-height: 50px;}
    .aboTitle{padding: 0 0 10px 0;}
    .topBox{display: none;}
    .logoSlogan{display: none;}
    .logoLine{display: none;}
    .logoTel{display: none;}
    .navBtn{display: block;line-height: 40px;}
    .navMid{display: none;}
    .logoMid{height: 40px; padding: 10px 0; color: #fff; font-size: 14px;}
    .aboTxt{padding: 20px 0;}
    .aboYear .text{text-align: left; font-size: 60px; line-height: 70px;}
    .aboYear .text_2{padding-left: 0px;}
	.footMainLeft{width: 100%;}
	.footMainMid{width: 100%; padding: 50px 0 0 0;}
	.footMainRight{width: 100%; padding: 30px 50px 0 50px;}
	.footNavOne{margin-bottom: 40px;}
}

@media screen and (max-width:768px) {
	.kefu_tools{display: none;}
	.i_pro_one {padding: 20px 5px;}
	.idxTitleBox {padding-top: 35px; padding-bottom: 35px;}
	.idxTitleBox .idxTitle{font-size: 30px;}
	.idxTitleBox .idxInfo{font-size: 14px;}
	.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) {
	.idxTitleBox {padding-top: 20px; padding-bottom: 20px;}
	.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;}
    .aboYear .text{font-size: 30px; line-height: 40px;}
    .logoImg{width: 120px; padding-right: 0;}
	.navBtn{width: 40px;}
	.navBtn i{font-size: 22px;}
}