/*-------------------------------------------------------------------------*/
/*   全局 -*/
@import "wws_a.css";

.container{max-width: 1200px}
span.caihong{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(right,#19B989,#5190E3);}
.btn{display:inline-block;padding:13px 36px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:.3s;}
.btn-blue{background:#5190E3;color:#fff;}
.btn-blue:hover{background:#3A72C0;transform:translateY(-2px);}
.btn-green{background:#19B989;color:#fff;}
.btn-green:hover{background:#149A72;transform:translateY(-2px);box-shadow:0 6px 20px rgba(25,185,137,.35);}


#header.transparent{margin-bottom:6rem}
.logo a{background:url('header.jpg') no-repeat;height:15rem;display:block;text-indent:-987rem}
.top-info{background:rgba(0,0,0,.3);color:rgba(255,255,255,.8);padding:1rem 0;}
.top-info a{color:rgba(255,255,255,.7);}
.header-info{height:15rem;background: #fff;background: linear-gradient(45deg, #ffffff 75%,#E0E1E3 75%, #E0E1E3 78%,#ffffff 78%,#ffffff 78.5%,#F0F1F3 78.5%);}
#header.transparent{margin-bottom: 6rem;}




.phone i{float:left;background: url(../images/wxewm.png) right center no-repeat;width:15rem;height:15rem;background-size:14rem 14rem}
.phone a{float:right;width:calc(100% - 16rem);margin-top:3rem}
.phone a,.phone a q,.phone a b,.phone a p{display:block;font-size:1.2rem;line-height:1.2}
.phone a q:before,.phone a q:after{content:''}
.phone a p{margin-top:1rem;font-size:1.6rem}
.phone a b{color:#DA3B01;font-size:2.6rem;font-family:'Times New Roman',Times,serif}
.nav-info{background:#1f2023;background:linear-gradient(90deg,#5190E3 20%,#19B989 80%)}


.phone_hover{position:relative;}
.phone_hover:after{content:'';position:absolute;top:0;right:-7rem;width:10rem;height:10rem;background:url(../images/wxewm.png)  0 0 no-repeat;transition:.3s;opacity:0;background-size:cover}
.phone_hover:hover:after{right:-11rem;opacity:1}

.phone_hover p{padding:.7rem 2rem;color:#FC4B5B;cursor:hand;cursor:pointer;font-size:2.4rem;border-radius:5px;font-family: 'Times New Roman', Times, serif;font-weight: bold;}
.phone_hover p:last-child{transition:.3s;position:relative;cursor:pointer}
.phone_hover p:last-child:after{content:'';position:absolute;top:0;right:-5rem;width:10rem;height:10rem;background:url(../images/wxewm.png)  0 0 no-repeat;transition:.3s;opacity:0;background-size:cover}
.phone_hover p:last-child:hover:after{width:10rem;right:-10rem;opacity:1}


.glabal-tel{background-color:#5190E3;font-size: 3rem;font-family:times new roman;color: #fff;font-weight: bold;line-height: 1;padding:1rem 4rem .7rem 4rem;width:30rem;border-top-left-radius:2rem;border-bottom-right-radius:2rem;margin-top: 2rem;}
.glabal-tel:before{content:"\e738";font-family:"Hui-iconfont";color:#fff;padding-right: 1rem;font-size:3rem;padding-top: .2rem;font-weight: normal}

/*   导航 */
.nav-info{background:#1f2023;background:linear-gradient(90deg,#5190E3 20%,#19B989 80%)}
.nav-info .nav{font-size:0;}
.nav-info.smaller{position:fixed;top:0;left:0;height:6rem;right:0;z-index:999}
.m{display:inline-block;width:calc(100% / 7);position:relative;text-align:center;font-size:0}
#navul h3.arrow a:after{content:"\e6d5";font-family:"Hui-iconfont";padding-left:.5rem;font-size:1rem}
#navul h3 a{display:block;color:#fff;height:6rem;font-weight:normal;font-size:1.8rem;line-height:6rem}
.m li{width:100%;display:block;float:left;border-bottom:1px solid rgba(0,0,0,.2);position:relative;width:20rem;}
.m li a{width:100%;padding:.5rem 0;float:left;color:#fff;font-size:1rem;text-align:center}

.m > ul.submenu{position:absolute;width:20rem;background:#42454B;background:linear-gradient(180deg,#5190E3,#19B989);z-index:99999;border-top:3px solid #2980C3;margin-top:-4px;box-shadow:0 .3rem 1rem 0 #555;display:none}
.m > ul:before,.m > ul:after{position:absolute;content:'';border-top:8px transparent dashed;border-left:8px transparent dashed;border-bottom:8px transparent dashed;border-right:8px transparent dashed}
.m > ul:before{top:-16px;left:9rem;border-bottom:8px #0E58B9 solid}

.m > ul.submenu ul{transition:width .2s,height 0s;float:left;background:#5190E3;position:absolute;left:19.9rem;width:20rem;}
.m > ul.submenu ul{left:18rem;top:2.5rem;width:.5rem;height:.5rem;overflow: hidden;border-left: .5rem solid #fff}
.m > ul.submenu li:hover ul{left:19.9rem;width:20rem;height:auto;top:0;border:none;}
.m > ul ul a{width:100%;color:#fff;text-decoration:none;border-left:.5rem solid #2980C3;border-bottom:1px solid rgba(255,255,255,.3);font-weight:normal}
.m > ul ul a:hover{background:#f2f2f2;color:#2980C3}
.m > ul ul ul{top:0;left:240px}
.m > ul a{padding:1.6rem 0;font-size:1.6rem}
.m > ul a:hover{background:#2980C3;color:#fff}
.m > ul ul:before,.m > ul ul:after{border:none}
.m > ul ul:before{border:none}



/*   SUB */
.sub-content{background-color:#eee;}
.container-radius{background:#fff;border-top-left-radius: 3rem;border-top-right-radius: 3rem;}
.sub-view{line-height: 2;padding-bottom: 2rem;font-size: 1.6rem;}
.sub-view .col-4.side-tip{flex: 0 0 350px;max-width: 350px;background: url(right_bg.png) 0 0 no-repeat;margin-top: -32px;padding: 50px 30px 0 40px;}
.sub-view .col-8.yingxiao-real{flex: 0 0 calc(100% - 350px)!important;;max-width: calc(100% - 350px)!important;padding: 2rem;background: url(hx_cs.png) 50% bottom no-repeat;padding-bottom: 400px;}
.sub-view .container:first-child  .col-5{background-color: #fff; }
.sub-view .container:first-child  .col-7{background-color: #fff;flex: 0 0 57%; max-width: 57%;margin-left: 1.33%}


.crumb{font-size: 0;width:1200px;margin:0 auto;border:none;padding:2rem 0;color:#555;}
.crumb a{font-size:1.6rem;padding-right: 0.5rem;color:#555;}
.crumb a:after{content: '\e6d7';font-family:"Hui-iconfont";content:'>';padding-left:  0.5rem;}
.crumb a:last-child:after{content: '';}
.crumb-home:before{content:"\e67f";font-family:"Hui-iconfont";padding-right: .2rem}
.current-title{display:none;width:30%;padding: .8rem;text-align: center;}
.current-title span{font-size:1.2rem;width:100%;text-indent: 0;}


.text-list{}
.text-list ul{width:100%}
.text-list li{padding:.5%;width:100%;float:left;}
.text-list a{display:block;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left;}
.text-list a:before{content: '>';font-size: 1.2rem;font-family: "SimSun";line-height: 1;padding-right: .5rem;color:#888;}
.text-list span{font-size: 1.2rem;color:#999;margin-top: -3rem;float:right;}


.image-list ul,.image-list li,.image-list a,.image-list img,.image-list p,.image-list span,.image-list div,.image-list em,.image-list span{width:100%;font-size:1.6rem;}
.image-list ul{font-size:0!important;width:auto;margin-left:-1rem;margin-right:-1rem;}
.image-list li{width:25%;display: inline-block;padding:1.5rem;overflow: hidden;}
.image-list li a{width:100%;display: block;}
.image-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;font-size:1.2rem;display: block;line-height:3;}
.image-list p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;line-height:3;text-align: center;background:#eee;}
.image-list .img-wrap{height:0;padding-bottom:100%;position: relative;overflow: hidden;}
.image-list .img-wrap p{position: absolute;left:0;top:-5rem;right:0;background: rgba(0,0,0,.5);text-align: center;color: #fff;line-height:3rem;font-size:1.5rem;}

.text-image-list ul,.text-image-list li,.text-image-list a,.text-image-list img,.text-image-list p,.text-image-list span,.text-image-list div,.text-image-list h2,.text-image-list span{width:100%;font-size:1.6rem;transition: all .3s ease-out;}
.text-image-list ul{font-size:0!important;width:auto;margin-left:-.5rem;margin-right:-.5rem;}
.text-image-list li{width:100%;display: inline-block;padding:1rem;margin-top:2rem;}
.text-image-list li a{background: #fff;padding:3rem;display: block;position: relative;box-shadow: .3rem .3rem 1rem #ddd;float: left}
.text-image-list .img-wrap{overflow: hidden;padding: 0;width:16rem;float: right}
.text-image-list .txt-wrap{overflow: hidden;padding-left: 2rem;width:calc(100% - 18rem);float: left;}
.text-image-list h2{font-size:2rem;font-weight: bold;line-height:3;;color:#333}
.text-image-list p{color: #333;font-weight: bold;font-size:2rem;line-height: 1}
.text-image-list p:before{content:"\e608";font-family:"Hui-iconfont";font-weight: normal;color: #6B9EE3;padding-right:5px;display: none;}
.text-image-list .txt-wrap div{padding-top: 1rem;color:#555}
.text-image-list .img-wrap .more{display: inline-block;color: #777;background: #eee;line-height: 2;padding-left: 1rem;margin-top: 2rem;}
.text-image-list .img-wrap .more:before{content: "\e67a";font-family: "Hui-iconfont";font-size: .8rem;padding-right:.5rem;line-height: 1}
.text-image-list a:hover{box-shadow: 1rem 1rem 1.5rem #ddd;transform: translate(0, -3px);}
.text-image-list a:hover p:first-child{color:#5190E3;}
.text-image-list a:hover .img-wrap .more{background:#5190E3;color:#fff;}


.sub-list .text-image-list ul{padding-top:3rem;}
.sub-list .image-list *{transition: .2s;}
.sub-list .image-list ul{padding-top: 5rem;}
.sub-list .image-list li{width:33.33%;}
.sub-list .image-list a{background: #fff;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;box-shadow: .5rem .5rem 1.5rem rgba(39, 23, 23, 0.2);overflow: hidden;}
.sub-list .image-list a p{height:5rem;}
.sub-list .image-list a span{text-align:left;padding-left: 1rem;height:5rem;color:#333;font-size:1.6rem;}
.sub-list .image-list a span:after{content:"\e67a";font-family:"Hui-iconfont";float:right;color:#888;padding-right: 1rem;font-size:1rem;padding-top:1rem}

.image-list.ani-5 a p{overflow:hidden;position: relative;
	background-image:-webkit-linear-gradient(left,#ccc,#eee);
	background-image:-moz-linear-gradient(left,#ccc,#eee);
	background-image:-ms-linear-gradient(left,#ccc,#eee);
}
.image-list.ani-5 a p:before{position: absolute;left:0;top:0;right:0;bottom:0;content:'';transition:.2s;opacity: 0;
	background-image:-webkit-linear-gradient(right,#19B989,#5190E3);
	background-image:-moz-linear-gradient(right,#19B989,#5190E3);
	background-image:-ms-linear-gradient(right,#19B989,#5190E3);
}
.image-list.ani-5 a:hover p:before{left:0;right:0;opacity:1}
.image-list.ani-5 a img{transition:.2s;}
.image-list.ani-5 a:hover img{transform: scale(1.05);}
.image-list.ani-5 a p span{position:absolute;left:0;right:0;top:0;bottom:0;color:#000;font-size:1.6rem}
.image-list.ani-5 a:hover p span{color:#fff}
.image-list.ani-5 a:hover p span:after{color:#fff}


.page{}
.pagination{padding: 1.5rem 0;text-align: center;}
.pagination li{display: inline-block;margin:0 .5rem 0 0;overflow:hidden;}
.pagination a{width:3.2rem;height:3.2rem;display:block;text-align: center;color:#555;line-height:3rem;font-size:1.6rem;border:1px solid #ccc;border-radius:.5rem;background-color: #fff}
.pagination a:hover,.pagination .current a{background:#1251AE;color:#fff;border-color:#1251AE}
.pagination .ect,.pagination .ect a,.pagination .ect a:hover{background:none;border:none;color:#555;}

.pagination li.disabled{border:none;}
.pagination li.disabled a{width:1rem;border:none;background: none;}
.pagination li.disabled a:hover{background: none;color:#555;}
/*.pagination li:first-child a{width: auto;font-size:1.4rem;padding: 0 .4rem;padding-left:.5rem;padding-right: .5rem;}*/


/* 内页分类*/
.sub-categories{margin-top:2rem;}
.sub-categories ul{border-radius: 1rem;overflow: hidden;}
.sub-categories li{width:33.33%;float: left;border-right: 1px solid transparent;border-bottom: 1px solid transparent}
.sub-categories li a{width: 100%;display: block;text-align:center;font-size:2.2rem;height:7rem;line-height:7rem;background-color:rgba(255,255,255,.7);translate:.2s;}
.sub-categories li a:hover{background-color:rgba(255,255,255,1);}
.sub-categories li.selected a{background-image:-webkit-linear-gradient(right,#19B989,#5190E3);color:#fff;}

/* 内容导航*/
.txt-nav{font-size: 0;border: 1px solid #eee;padding:1rem 1.5rem;margin: 1.5rem 0}
.nav-pre,.nav-next{width:50%;display: inline-block;font-size:1.6rem;overflow: hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: .3s;}
.nav-next{text-align: right;border-left: 1px solid #eee;}
.nav-next:after{content: ' >';color:#888;}
.nav-pre:before{content: '< ';color:#888;}
.txt-nav a{color:#888;}
.txt-nav a:hover{color:#000}

.txt-relate{background:rgba(255,255,255,.7);margin-bottom: 2rem;}
.relate-title{padding: 1rem;border-bottom: 1px solid #ccc;}
.relate-list{padding-bottom:2rem;padding-top: 1rem;overflow: hidden;}
.relate-list.text-list li{width:50%;border-bottom: 1px dashed rgba(0,0,0,.1);float:left;}
.relate-list.scroll-left .list_image li{padding:.1%;}


/* 侧边推荐*/
.pro-tuijian{margin-top: 3rem;padding-right: 0;}
.pro-tuijian .image-list{background: #fff;border:1px solid #ddd;border-top: none;}
.pro-tuijian .image-list ul{padding:0 2.5rem 1.5rem 2.5rem;}
.pro-tuijian .image-list li{width: 100%;box-shadow:0 0 0 1px #ddd!important}
.pro-tuijian .image-list li .img-wrap img{width:90%;margin-top:5%;margin-left:5%}
.pro-tuijian .image-list li p{text-indent: 0}
.pro_sd_wrapper.abs{position: absolute;top:0;right:0;}
.pro_sd_wrapper.fixed{position: fixed;top:0;right:0;}


.main-intro{padding-top: 6rem;}
.main-intro p{font-size:2rem;text-align:center;line-height:2.2}
.main-intro p span{color: #F7630C}
.main-intro h2{font-size: 3rem;text-align:center;}

.main-attr{margin-top: 4rem;margin-bottom: 3rem}
.main-attr .title{padding-left: 0;}
.main-attr .title h1{font-size:3rem;margin-bottom:2rem;}
.main-attr .four-attr{background: #fff;color:#333;border-radius: 2rem;display: inline-block;padding:1rem 4rem;font-size:1.4rem;box-shadow: 2px 2px 4px #ccc}


.pro-pic{overflow: hidden;width:100%;height:0;padding:1rem 1rem 100% 1rem}
.pro-pic img{width:100%;}
.pro-attrib{padding-top: 3rem;padding-left: 3rem;background:url(../images/wxewm.png) 40rem 15rem no-repeat;background-size:20rem 20rem;}
.pro-attr-title h1{font-size: 3rem;}
.pro-attr-item{padding: 2rem;}
.pro-attr-item p{color: #666;font-size:1.6rem;}
.pro-attr-item p:before{color: #666;content:"\e608";font-family:"Hui-iconfont";padding-left: 2px;padding-right: 2px;}
.proatr-ys{padding-top: 1rem;}
.proatr-ys p{color:#5190E3;font-size:1.6rem;line-height: 2}
.proatr-ys p:before{color: #1CB78D;content:"\e67e";font-family:"Hui-iconfont";padding-left: 2px;padding-right: 2px;}
.pro-attrib .glabal-tel{border-radius:3rem;}

.pro-content{background-color: #fff;margin-top:8rem;padding: 4rem 2rem;border-top:1px solid #5190E3;}
.pro-content .pro-content-title{margin:-9rem 0 0 0;font-size:2rem;border:1px solid #5190E3;border-bottom: none;height:5rem;line-height:5rem;background: #fff;border-top-left-radius: 1rem;border-top-right-radius: 1rem;text-align:center;width:25%;background: linear-gradient(180deg, #5190E3,#ffffff 75%);}
.pro-content .pro-content-text{padding-top: 2rem;font-size: 1.6rem;}


.main-view .top_tip{color: #fff;font-size:1.4rem;}
.main-view .top_tip span{font-size:1.6rem;}
.main-view .top_contact{line-height:2;margin-top:3rem;padding-left: 2rem;padding-bottom:3rem;}
.main-view .top_contact:before{font-family:"Hui-iconfont";content:"\e653";color: #ccc;font-size:3rem;float:left;line-height: 1;color:#f9ca32;padding-right: .5rem}
.main-view .top_contact p{color:#fff;font-size:1.6rem;}
.main-view .top_contact span{color:#f9ca32;font-size:4rem;font-weight: bold;line-height: 1;font-family: Times New Roman;letter-spacing: .1rem}
.main-view .ul-title{font-size:2rem;border:1px solid #ddd;margin: 0;border-bottom: none;height:6rem;line-height:6rem;background: #fff url(more02.png) 50% no-repeat;border-top-left-radius: 1rem;border-top-right-radius: 1rem;text-align:center;color:#000;position: relative;}
.main-view .ul-title:before,.main-view .ul-title:after{content: "";display: inline-block;height: 1px;width:14%;background: #5190E3;position: absolute;}
.main-view .ul-title:before{left:10%;top:3rem;}
.main-view .ul-title:after {right:10%;top:3rem;}
.main-view .image-list.ul-imglist{background: #fff;margin-top: -1.5rem}
.main-view .image-list.ul-imglist ul{margin:1.5rem;}
.main-view .image-list.ul-imglist li{width:100%;box-shadow: 0px 0px 1rem .5rem rgba(0, 0, 0, 0.13);border-radius: 1rem;margin-top:1rem;padding: 0;margin-bottom: 2rem;}
.main-view .image-list.ul-imglist li p{line-height: 3;}

.aboutl .swiper-aboutl{height:38rem;overflow:hidden;border-radius:1.5rem;margin:5rem 0}
.aboutl h3{font-size:3.2rem;font-weight:normal;line-height:3;}
.aboutl .content-aboutl {font-size:2rem;padding-top:6rem}
.aboutz{padding:5rem 0;background:#F5F7FA;}
#sub-about .head-sky{padding-bottom:2rem}
#sub-about .head-sky h2{line-height:1}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width: 1200px;margin: 0 auto;}
.aboutz-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px rgba(30,42,58,.08);transition:.35s;border:2px solid transparent;}
.aboutz-card:hover{transform:translateY(-6px);border-color:#19B989;box-shadow:0 12px 36px rgba(25,185,137,.12);}
.aboutz-card .card-img{height:30rem;overflow:hidden}
.aboutz-card .card-body{padding:2rem;}
.aboutz-card .card-body h4{font-size:1.8rem;margin-bottom:.5rem;color:#19B989}
.aboutz-card .card-body p{color:#5F6B7A;font-size:1.6rem;margin-bottom:1rem;}
.aboutz-more{text-align:center;margin-top:4rem;}
.aboutz-more a{font-size:3rem;letter-spacing:.05em;border-radius:4rem;font-family: "Times New Roman";font-weight: bold;background:#19B989;padding:1.5rem 4rem;color:#fff;}
.abouts{background:#fff;padding:9rem 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;}
.contact-info h3{font-size:2rem;margin-bottom:2rem;}
.info-item{display:flex;gap:1rem;margin-bottom:2rem;align-items:flex-start;}
.info-item i{width:5rem;height:5rem;border-radius:50%;background:#E8F1FC;color:#5190E3;display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0;}
.info-item h5{font-size:1.6rem;margin-bottom:2px;}
.info-item p{color:#5F6B7A;font-size:1.6rem;}
.qr-box{margin-top:3rem;display:flex;align-items:center;gap:1.6rem;font-size:1.6rem;}
.qr-box .qr{width:12rem;height:12rem;background:#F5F7FA;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#5F6B7A;border:1px dashed #ccc;padding:3px}
.qr-box h5{font-size:1.6rem;margin-bottom:2px;}
.qr-box p{color:#5F6B7A;font-size:1.6rem;}

#sub-contact .abouts{background:url(../images/bg5.jpg) 50% no-repeat;}
#sub-contact .contact-form {
    background: rgba(245,247,250,.3);
    backdrop-filter: blur(12px);
    box-shadow: 0 0 0 1px rgba(255,107,53,.12),0 18px 60px rgba(0,0,0,.55);
}

/*#sub-products .sub-slider{background: url(../images/bg9.jpg) 50% no-repeat;height:500px;}*/
.xingxing .sub-slider{background: url(../images/subslider.jpg) 50% no-repeat;height:500px;}
.jiacengguo .sub-slider{background: url(../images/subslider2.jpg) 50% no-repeat;height:500px;}
.container-fluid{background: #fff}


.jiacengguo .sub-categories ul{border-radius: 1rem;}
/*.jiacengguo .sub-categories li{width:25%;border-top:1px solid transparent;}*/
.xingxing .sub-categories ul{border-radius: 1rem;}
.xingxing .sub-categories li{width:25%;}



#sub-chaoguo-categories .sub-categories li{width:33.333%;}
#sub-gunrouji-content .container-fluid{background: url(../images/bg11.jpg) 50% no-repeat;height:500px;}
#sub-gunrouji-categories .sub-categories li{width:33.333%;}
#sub-shajun-content .container-fluid{background: url(../images/bg12.jpg) 50% no-repeat;height:500px;}
#sub-shajun-categories .sub-categories li{width:50%;}
#sub-search-content .container-fluid{background: url(../images/bg9.jpg) 50% no-repeat;height:500px;}
#sub-search-categories .sub-categories li{width:25%;}
#sub-jixie-content .container-fluid{background: url(../images/bg13.jpg) 50% no-repeat;height:500px;}
#sub-jixie-categories .sub-categories li{width:25%;}

/*#sub-about .container-fluid{background:url(../images/bg10.jpg) 50% 0 no-repeat;height:400px;}*/
#sub-news-content .container-fluid{background:url(../images/bg14.jpg) 50% 0 no-repeat;height:400px;padding-left:18rem}
#sub-news-categories .sub-categories li{width:33.33333%;}


/*   页脚 */
#footer{background: #555;color:#ddd;padding: 2rem 0;}
#footer a{color:#ddd;}
#footer a:hover{color:#fff;}

.foot-nav{padding:1.2rem;border-bottom: 1px solid #777;text-align: center;font-size: 0;}
.foot-nav li{display: inline-block;border-left:1px solid #999;font-size:1.4rem;}
.foot-nav li:first-child{border:none;}
.foot-nav a{padding:0 2rem;color:#ddd;}
.foot-nav a:hover{color:#fff;}
#foot-info{padding: 1.2rem;}
#foot-info a{color: #ddd;}


/*首页*/
#home_slide{margin-top: 0;}
#layerslider_4 div.ls-layer{font-size:38px!important;color:#fff;font-family:FangSong,Microsoft YaHei,SimHei}
#layerslider_4 h1.ls-layer{font-size:82px!important;color:#fff;color:#FFF;text-shadow:4px 4px 8px #555;font-family:KaiTi}
#layerslider_4 p.ls-layer{font-size:22px!important;line-height:1.4em;color:#fff;}
#layerslider_4 a.ls-layer{}

.search{height:4rem;overflow: hidden}
.search .key_text{background:#fff;float: left;padding: 1.5rem 0;color:rgba(0,0,0,.5);border-radius: 0; outline: none; border:1px solid #eee;box-shadow: none;font-size:1rem;width:80%;height:4rem;font-size:1.4rem;overflow: hidden;padding-left: 1em;border-top-left-radius: .5rem;border-bottom-left-radius: .5rem;}
.search .key_text:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none;border: 0;}
.search .search_btn{background: #DA3B01;float: right;font-size:0;border-radius: 0; outline: none; border: 0;box-shadow: none;width:20%;height:4rem;overflow: hidden;border-top-right-radius: .5rem;border-bottom-right-radius: .5rem;}
.search .search_btn:before{content:"\e665";font-family:"Hui-iconfont";color:#fff;font-size:2rem;}
.search .search_btn:focus{box-shadow: none}

#home-search{font-size: 1.6rem;background:#fff;padding: 1.5rem 0;background: linear-gradient(135deg, #ffffff 70%,#eee 70%, #eee 73%,#ffffff 73%,#ffffff 73.5%,#f4f4f4 73.5%);}
#home-search a{display: inline-block;padding-right: 1rem;padding-top: 1rem;}


#home-function{background:url(../images/bg5.jpg) 50%;padding:7rem 0}
.head-function em{color:rgba(0,0,0,.5);font-size:1.6rem}
.head-function .fun-t{color:#5190E3;font-size:5rem;font-weight:bold}
.head-function .fun-c{color:#666;font-size:1.6rem;height:17rem;margin-top:2rem;overflow:hidden}
.head-function .fun-c p{padding:.5rem 0;text-indent:2em}
.body-function{position:relative;margin-top: 2rem;}
.body-function ul{float:right;width:50rem}
.body-function li{background-color:rgba(255,255,255,.7);box-shadow:.5rem .5rem 1rem rgba(88,88,88,.5);color:#222;float:left;font-weight:bold;height:13rem;margin:0 .5rem .5rem 0;padding-left:5rem;padding-top:4rem;width:23rem}
.body-function li:nth-of-type(1){border-top-left-radius:3rem}
.body-function li:nth-of-type(2){border-top-right-radius:3rem;padding-left:8rem}
.body-function li:nth-of-type(3){border-bottom-left-radius:3rem}
.body-function li:nth-of-type(4){border-bottom-right-radius:3rem;padding-left:8rem}
.body-function span{color:#888;display:block;font-size:1.8rem}
.body-function .circle{background:linear-gradient(165deg,#3C6BA9 20%,#5190E3 100%);border-radius:50%;border:.8rem solid #A5C0E3;box-shadow:0 0 0 0 rgba(165,192,227,0.6);color:#fff;font-size:3rem;font-weight:bold;line-height:1.2;position:absolute;width:14rem;height:14rem;top:6.3rem;right:21rem;padding:2.3rem 0 0 3.2rem}
.body-function .circle:hover{animation:pulse 3s infinite}

#home-sky{padding:6rem 0;position: relative;}
#home-sky:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, #f5f7fa 50%, #e8ebf0 50%);z-index: 0;}
.body-sky{padding-top:3rem;}
.head-sky .entitle {font-size:2rem;text-align: center;display: inline-block;position: relative;margin: 0 auto;width: 100%;text-transform: uppercase;color: #999;}
.head-sky .entitle:before,.head-sky .entitle:after{content: "";display: inline-block;height: 1px;width:12%;background: #ccc;position: absolute;}
.head-sky .entitle:before{left: 30%;top: 1.5rem;}
.head-sky .entitle:after {right: 30%;top: 1.5rem;}
.head-sky h2 {text-align: center;margin:0;}
.head-sky h2 a {font-size:5rem;text-align: center;display: block;width:auto;color: #125BBC;}
.head-sky h2 a:hover {animation: jello 1s both;color: #125BBC;}
.head-sky .zhuying {text-align: center;width:100%;color: #555;font-size:2rem;}
.hot-pro .row{margin:0;padding: 0}
.hot-pro .col-4{margin:0;padding: 0;border:1px solid #ccc;border-left:none;}
.hot-pro a{width:100%;display: block;position: relative;height:60rem;overflow: hidden;background-color: #fff;background: linear-gradient(180deg, #fff 50%, #eee);}
.hot-pro a.split-2{height:30rem;}
.hot-pro a.split-2 .ss-img{position:absolute;right:2rem;bottom:0;z-index: 1;width:60%}
.hot-pro img{width:100%;transition: .7s}
.hot-pro a.split-2 img{height:auto;}
.hot-pro .ss-txt{position: absolute;top:0;right:0;left:0;padding:3rem;z-index: 2;}
.ss-txt h2{font-size:4rem;color:#fff}
.ss-txt p{font-size:2rem;padding-left: .5rem;color:#fff;margin-bottom:  2rem;}
.ss-txt .ss-a{font-size:2rem;color:#fff;background-color:#A5C0E3;padding: .7rem 2rem;border-radius: .5rem;}
a.split-2 h2{font-size:2rem;color:#000;}
a.split-2 p{font-size:1.6rem;color:#000;}
a.split-2:hover h2{color:#000;}
a.split-2:hover p{color:#000;}
a.split-2:hover .ss-img img{transform: translate(1rem,0);}
a.split-2:last-child{border-top: 1px solid #ccc;}
.jcg00 .ss-img img{height:60rem}
.jcg01 a:last-child .ss-img{width:80%;right:-2rem;bottom: -1rem;}
.jcg03 a:last-child .ss-img{width:70%;right:-2rem;bottom: -1rem;}


#home-solution{padding:6rem 0;background:url(../images/bg1.jpg) center no-repeat;background-size:cover;}

/** Swiper 6.3.3  */
@font-face{font-family:swiper-icons;font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{text-transform:none!important;letter-spacing:0;text-transform:none;line-height:1}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:5px;background:#000;opacity:.4;transition: all 0.5s ease;}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color));width:40px;}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:10px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.arrow-left,.arrow-right{position:absolute;left:1rem;top:50%;display:block;width:3rem;height:5rem;background: rgba(0,0,0,.2);margin-top:-2rem;transition: .2s;cursor: pointer;}
.arrow-left:before,.arrow-left:after,.arrow-right:before,.arrow-right:after{position: absolute;content: '';background:rgba(255,255,255,.4);height:30%;width:30%;left:30%;}
.arrow-left:before,.arrow-right:before{top:20%;transform: skew(145deg,0deg);transition: .2s;}
.arrow-left:after,.arrow-right:after{top:50%;transform: skew(-145deg,0deg);transition: .2s;}
.arrow-right{left:auto;right:1rem;}
.arrow-right:before,.arrow-right:after{left:40%;}
.arrow-right:before{top:50%;}
.arrow-right:after{top: 20%;}
.arrow-left:hover,.arrow-right:hover{background: rgba(0,0,0,.7)}
.arrow-left:hover:after,.arrow-left:hover:before{background:rgba(255,255,255,.9)}
.arrow-right:hover:after,.arrow-right:hover:before{background:rgba(255,255,255,.9)}

.body-solu .solu-swiper{display: flex;}
.body-solu .solu-swiper .swiper-slide{flex-shrink: 0;text-align: center;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.body-solu{margin-top: 4rem;}
.body-solu a{width:100%;padding:0;display: block;box-shadow: 3px 3px 2px 0 #ddd;border-bottom-right-radius:3rem;overflow: hidden;}
.body-solu .pic{position:relative;}
.body-solu .pic:before{position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0);content: '';transition:.2s;}
.body-solu a:hover .pic:before{background:rgba(0,0,0,.4);}
.body-solu img{width:100%;height:40rem;}
.body-solu .txt{position: relative;}
.body-solu .txt:before{position: absolute;width:6rem;height:6rem;left:calc((100% - 6rem) / 2);top:-3.5rem;z-index: 1;content:"\e61e";font-family:"Hui-iconfont";color: #6B9EE3;background:rgba(255,255,255,.9);font-size:4rem;line-height: 1;border-radius: 50%;transition:.35s;padding-top: 1rem;padding-left: .7rem;}
.body-solu a:hover .txt:before{top:-15rem;width:10rem;height:10rem;left:calc((100% - 10rem) / 2);font-size:8rem;}
.body-solu .txt p{font-size: 1.8rem;color:#fff;background:#333;padding:1.5rem;padding-top:3rem;}
.solu-shadow{padding: .5rem;}
#home-solution .row:first-child{position:relative}
#home-solution .arrow-left{left:-5rem;width:5rem;height:8rem;}
#home-solution .arrow-right{right:-5rem;width: 5rem;height: 8rem;}
.home-solution-tel{padding: 3rem 0 0;}
.home-solution-tel p{text-align: center;font-size: 3rem;font-weight: bold;color: #19B989 }
.home-solution-tel span{color:#125BBC;font-family: times new roman;font-size:5rem;}

#home-case{padding:6rem 0;background:url(../images/bg8.jpg) 50% bottom no-repeat;}
.body-case{margin-top: 3rem;}
.body-case .image-list li{width:33.33%;padding: 1.5rem;}
.body-case .image-list p{text-overflow:ellipsis; white-space:inherit!important;}
.body-case li a{background:#fff;border-bottom-right-radius:6rem;box-shadow: 0 0 1.5rem rgba(0,0,0,0.2);}
.body-case h3{font-size: 2rem;font-weight: bold;padding:2rem;color:#555;}
.body-case p.txt{font-size: 1.6rem;padding:2rem;padding-top:0rem;text-align:left;line-height: 1.6;color:#888;background: none}
.body-case p.hover{}
.body-case p.a{text-align:center;font-size:1.6rem;transition: .3s;line-height: 2;padding:.5rem .7rem ;border:1px solid #ccc;display: inline-block;margin:0 0 2rem 2rem;width:8em;border-radius: 3rem;}
.body-case p.a:before{content:"\e69a";font-family:"Hui-iconfont";color:#888}
.body-case li a:hover{box-shadow: 0 0 1.5rem rgba(0,0,0,0.6);transform: translate(0, -3px);}
 

#home-service{padding:6rem 0;background:#e8e8e8;}
#home-service .container{overflow: hidden;}

.home-categories{margin:1.5rem 0;}
.home-categories ul{overflow: hidden;}
.home-categories li{width:25%;float: left;border-right: 1px solid transparent;margin-top:1px;border-radius:1rem;overflow:hidden}
.home-categories li a{width: 100%;display: block;text-align:center;font-size:2.2rem;height:7rem;line-height:7rem;background-color:#125BBC;translate:.2s;color:#fff;}
.home-categories li a:hover{background-color:#19B989;}
.home-categories li.selected a{background-color:rgba(255,255,255,1);}

#home-service .image-list a{box-shadow: .5rem .5rem .5rem rgba(0,0,0,0.1);}
#home-service .image-list a p{overflow:hidden;position: relative;height:5rem;}
#home-service .image-list a p:before{position: absolute;left:-70%;top:0;right:70%;bottom:0;content:'';z-index:1;transition:.2s;opacity:0;
	background-image:-webkit-linear-gradient(right,#19B989,#5190E3);
	background-image:-moz-linear-gradient(right,#19B989,#5190E3);
	background-image:-o-linear-gradient(right,#19B989,#5190E3);
	background-image:-ms-linear-gradient(right,#19B989,#5190E3);
}
#home-service .image-list a:hover p:before{left:0;right:0;opacity:1;}
#home-service .image-list a img{transition:.2s;}
#home-service .image-list a:hover img{transform: scale(1.05);}
#home-service .image-list a p span{position:absolute;left:0;right:0;top:0;bottom:0;z-index: 9;color:#000;font-size:1.6rem}
#home-service .image-list a:hover p span{color:#fff}

#home-about{}
.cap-strip{overflow:hidden;position:relative;height:50rem;}
.cap-strip-bg{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;background-image:url(../images/bg6.jpg) }

#home-about h2{font-size:4rem;margin-bottom:2rem;text-align:center;color:#fff;}
#home-about p{font-size:1.6rem;line-height:1.6;margin:0 auto;text-align:left;text-indent:2em;color:#fff;}
#home-canguan{margin-top:-9rem}
#home-canguan .col-12{background-color:#fff;padding-left:5rem;padding-right:5rem}
#home-canguan .home-canguan-head{font-size:2rem;padding-top:2rem}
#home-canguan .home-canguan-head p{border-bottom:1px solid #ddd;padding-bottom:2rem}
#home-canguan .image-list{padding-top:2rem}
#home-canguan .image-list h3{background-color:#eee;font-weight:normal;padding:2rem 0 2rem 2rem}
#home-about .txtinfo{padding-top:5rem;}




#home-news{padding: 6rem 0;background:#fff url(../images/bg2.jpg) center no-repeat;background-size: 100% 100%;}
#news-tabs-container{overflow: hidden;}
#news-tabs-container li{background:none;}
#news-tabs-container .text-image-list li{width:49%;float: left;margin-top:2rem;transition: all .3s ease-out;border-radius: 1rem;}
#news-tabs-container .text-image-list li a{background-color:rgba(255,255,255,.2);box-shadow: 0.3rem 0.3rem 1rem rgba(0,0,0,.3);backdrop-filter: blur(20px);}
#news-tabs-container .text-image-list li:nth-of-type(2n){width:49%;float: right;padding-right:1.7rem}
.news-container .text-image-list .txt-wrap{width:calc(100% - 20rem);float: right;padding-left: 0}
.news-container .txt-wrap h2{line-height: 1;height:2rem;overflow: hidden;}
.news-container .txt-wrap h2 span{float: right;text-align:right;margin-top: -2rem;font-weight: normal;font-size: 1.2rem;color:#777;padding-top: .5rem;display:block;}
.news-container .txt-wrap p{padding-top:1rem;line-height: 1.2;font-size: 1.4rem;font-weight: normal;}
.news-container li:hover img{transform: scale(1.1, 1.1);}
.news-container .text-image-list .dat-wrap{width:18rem;height:9rem;float: left;overflow: hidden;border-radius: .7rem;background-color: #125BBC;color:#fff;text-align:center;font-size: 2rem;font-weight:normal;}
.news-container .text-image-list .dat-wrap p{color:#fff;font-weight:normal;line-height:3}
.news-container .text-image-list .dat-wrap span{display:block;background:#19B989;line-height:3;font-size:1rem}


.service-container{padding-top:1rem;}
.service-container .text-image-list{padding-top:1rem;}
.service-container .text-image-list ul{margin:0;}
.service-container .text-image-list ul li{margin:0;padding: 2rem;}
.service-container .text-image-list a{margin:0;display: flex;padding: 2rem;}
.service-container .text-image-list .img-wrap{width:30rem;flex: 0 0 30rem;max-width: 30rem;height:22.5rem;overflow: hidden;}
.service-container .text-image-list .img-wrap img{width:100%;height:100%;}
.service-container .text-image-list .txt-wrap{width:calc(100% - 30rem);float: right;flex: 0 0 calc(100% - 30rem);max-width: calc(100% - 30rem);padding-left: 4rem;}
.service-container .text-image-list li a{background: #fff!important;position:relative;box-shadow: 0px 0px 20px rgba(39, 23, 23, 0.1);}
.service-container .text-image-list p{font-weight: normal;line-height: 1.5}
.service-container .text-image-list p:before{content:"\e608";font-family:"Hui-iconfont";font-weight: normal;color: #6B9EE3;padding-right:5px;display: inline-block;}
.service-container .text-image-list h2{font-size: 3rem;line-height:2;}


/*-------------------------------------------------------------------------*/
/*   客服组件 
/*-------------------------------------------------------------------------*/
.wskefu{position: fixed;width:8rem;left:1.2rem;bottom: 20%;z-index: 9999}
.wskefu li{width:100%;position: relative;background: #fff;border:1px solid #1251AE;border-top: none;border-bottom: none;}
.wskefu li a{width: 100%;display: block;text-align: center;line-height: 1;padding:1rem 0;font-size: 1.6rem}
.wskefu li a:before{font-family:"Hui-iconfont";color:#000;width: 100%;display: block;height:3rem;line-height:3rem;font-size:3rem;}
li.kf_head a:before{content:""}
li.kf_phone a:before{content:"\e696";color: #9100D5}
li.kf_wechat a:before{content:"\e738";color: #13A10E}
li.kf_bj a:before{content:"\e687";color: #888}
li.kf_msg a:before{content:"\e647";color: #2BA99A}
li.kf_top a{}
li.kf_top a:before{content:"\e6d6";color: #888;font-size: 4rem;}
li .wskefu_sub{position: absolute;left:8.5rem;top:-.5rem;background: #fff;border-radius: 1rem;border: 1px solid #1251AE;display: none;}
li .kf_phone_txt{padding:2rem;font-weight: bold;line-height: 1;}
li .kf_phone_txt .wfptxt{font-size:1.6rem;color:#666;}
li .kf_phone_txt .wfpnum{font-size:2.2rem;color:#DA3B01;line-height:1.5}
li .kf_wechat_ewm{overflow: hidden;}
li .kf_wechat_ewm .img{background: url(../images/wxewm.png) no-repeat;height:10rem;width: 10rem;float:left;background-size: 10rem 10rem;margin: 1rem;}
li .kf_wechat_ewm .txt{padding-left: 13rem;display: block;width:30rem;font-size:1.6rem;}
li .kf_wechat_ewm .txt1{padding-top:40px;}
li.kf_head{width:124px;height:124px;background: url(kftx.jpg) 50% no-repeat;border-top-left-radius:30%;border-bottom-right-radius:30%;border:1px solid #1251AE;}
li.kf_head a{width:124px;height:124px;line-height:987rem;overflow: hidden;background:none;}
li.kf_msg{border-bottom:1px solid #1251AE;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
li.kf_top{position: absolute;width:8rem;height:5rem;background: #fff;border-radius:5px;border: 1px solid #1251AE;bottom:-6.5rem;}
li.kf_top a{line-height:987rem;overflow: hidden;}
.wskefu.right{left:auto;right:1.2rem;}
.wskefu.right li.kf_head{content:"";left:calc(8rem - 124px);}
.wskefu.right li.kf_head{border-top-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:30%;border-bottom-left-radius:30%;}
.wskefu.right li .wskefu_sub{left:auto;right:8.5rem;top:-.5rem;}

/*-------------------------------------------------------------------------*/
/*   链接组件 
/*-------------------------------------------------------------------------*/
#home-link{font-size:1.4rem;line-height:1}
.f-links {color:#666;}
.f-links a{color:#666;}
.f-links .container{}
.f-links .col-2{text-align: center;padding-top:2rem;padding-bottom:2rem;}
.f-links .col-2:after{width:2rem;background-color:rgba(0,0,0,.05);position:absolute;right:0;top:0;content: '';height:5.4rem;}
.f-links .col-2:after{clip-path: polygon(0 0,100% 0, 100% 100% );}
.f-links .col-10{background-color:rgba(0,0,0,.05)}
.f-links .col-10 ul{padding-top:2rem;}
.f-links .col-10 li{display: inline-block;padding-right:1rem;}


/*-------------------------------------------------------------------------*/
/*  留言组件 
/*-------------------------------------------------------------------------*/
.contact-form{background:#F5F7FA;padding:36px;border-radius:12px;}
.contact-form h3{font-size:20px;margin-bottom:1rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1rem;}
.form-group{margin-bottom:1rem;}
.form-group label{display:block;font-size:1.6rem;margin-bottom:6px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #DDE3EC;border-radius:8px;font-size:14px;font-family:inherit;transition:.3s;background:#fff;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#5190E3;box-shadow:0 0 0 3px rgba(81,144,227,.12);}
.form-group textarea{height:100px;resize:vertical;}
.contact-form .btn{width:100%;text-align:center;}