@charset "utf-8";
/* CSS Document */
/*-----whole-----*/
html{font-size:100%;}
body{position:relative;right:0px;transition:all .3s ease .2s;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;}
.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container{position:relative;left:0px;width:100%;height:auto;}
.contain{width:1200px;margin:0 auto;position:relative;}
/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}
/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}
input.text{display:block;width:100%;height:100%;border:0px;background:none;}
.red,
.Fnav dd a:hover,
.iNews-list a:hover,
.iNews-1st:hover .name,
.page-locate a:last-child,
.page-locate a:hover,
.news-nav a:hover,
.nIr-Hnews:hover .name{color:#b60005;}
/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{height:80px;position:relative;}
.header-container{padding:0 3.125%;width:100%;height:80px;background:rgba(255,255,255,1);box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:99;}
/*logo*/
.Hlogo{height:80px;line-height:80px;font-size:0px;float:left;overflow:hidden;}
.Hlogot{display:none;height:80px;line-height:80px;font-size:0px;float:left;overflow:hidden;}
.header-container.act .Hlogo{display:none;}
.header-container.act .Hlogot{display:block;}
.header-container.act{box-shadow:0 0 0 #fff;color:#fff;background:none;}
.header-container.act .Htel{color:#fff;/*background:url(../images/icon-tel2.png) no-repeat left center;*/}
/*.header-container.act .Hct{background:url(../images/qq2.png) no-repeat center;}*/
.Hct{display:block;width:24px;height:100%;background:url('../images/weixinR.svg') no-repeat center center/24px auto;float:right;}
.Htel{display:block;padding:0 0 0 26px;line-height:20px;font-size:16px;font-weight:lighter;color:#e00007;background:url(../images/icon/icon-tel.png) no-repeat left center;float:right;margin:0 .15rem 0 0;position:relative;top:30px;}
.Hnav{float:right;margin:0 .5rem 0 0;}
.Hnav a{display:block;width:94px;height:80px;text-align:center;font-size:18px;font-weight:lighter;position:relative;overflow:hidden;float:left;margin:0 0 0 .1rem;transition:none;-webkit-transition:none !important;}
.Hnav a:first-child{margin:0px;}
/*.Hnav a i{content:"";display:block;width:100%;height:3px;background:#e00007;position:absolute;left:50%;bottom:-3px;transition:all .1s linear;-webkit-transition:all .1s linear;}*/
.Hnav a .box{display:inline-block;height:25px;line-height:25px;position:relative;overflow:hidden;top:27.5px;}
.Hnav a .box span{position:relative;top:0px;}
.Hnav a.cur,
.Hnav a:hover{color:#e00007;}
.Hnav a.cur .box span,
.Hnav a:hover .box span{top:-25px;}
.Hnav a.cur i,
.Hnav a:hover i{bottom:0px;}
.Header-wrapper.on .Hnav{display:block !important;}
/*--- Footer ---*/
.Footer-wrapper{z-index:98;}
.footer-btm{padding:.21rem 0 .2rem;color:#fff;font-weight:lighter;background:#b60005;}
.footer-btm .flink{text-align:center;line-height:28px;}
.footer-btm .flink a{display:inline-block;margin:0 .15rem 0 0;opacity:.6;}
.footer-btm .flink a:hover{opacity:1;}
.footer-btm .fcr{padding:.16rem 0 0;line-height:24px;text-align:center;opacity:.6;border-top:1px solid #fff;margin:.12rem 0 0;}
.footer-container{padding:.55rem 0 .47rem;background:#e9eaea;}
.Fnav{width:14.1667%;float:left;}
.Fnav.Fnav2{width:11.25%;}
.Fnav dt{line-height:38px;font-size:24px;}
.Fnav i{display:block;width:20px;height:2px;background:#df0000;margin:5px 0 10px;}
.Fnav dd a{display:block;line-height:28px;}
.Fct{width:32.0832%;padding:0 0 0 .5rem;border-left:1px solid #d2d2d2;float:right;}
.Fct .type{line-height:40px;font-size:28px;}
.Fct .con{line-height:20px;font-size:12px;margin:6px 0 0;}
.Fct ul{font-size:0px;margin:19px 0 0;}
.Fct ul li{display:inline-block;text-align:center;margin:0 0 0 .47rem;}
.Fct ul li:first-child{margin:0px;}
.Fct ul li img{width:121px;height:121px;object-fit:cover;}
.Fct ul li p{line-height:23px;font-size:14px;color:#333;margin:7px 0 0;}
.Footer-wrapper.on .Fnav dd{display:block !important;}
/*.footer-flink{margin:55px 0 0;}*/
.footer-flink .contain{padding:30px 0 40px;border-top:1px solid #eeeeee;}
.footer-flink ul li{width:16.6667%;float:left;}
.footer-flink ul li a{display:block;padding:0 0 0 17px;line-height:30px;font-weight:lighter;color:#444444;background:url(../images/icon/icon-l1.png) no-repeat 3px center;}
.footer-flink ul li a:hover{background-image:url(../images/icon/icon-l1-2.png);}
/*--- Banner ---*/
.bnr-img,
#index-bnr .bg,
#index-bnr .con,
.bnr-img .iBnr-con{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}
#index-bnr .bnr-img{height:680px;overflow:hidden;background-size:cover;background-position:center;}
#index-web-bnr .swiper-pagination,
#index-bnr .swiper-pagination{bottom:3.235294117647059% !important;}
#index-web-bnr .swiper-pagination-bullet,
#index-bnr .swiper-pagination-bullet{width:52px;height:3px;border:1px solid #000;border-radius:0px;opacity:.5;margin:0 1px;}
#index-web-bnr .swiper-pagination-bullet-active,
#index-bnr .swiper-pagination-bullet-active{background:#b60005;border-color:#b60005;opacity:1;}
#index-web-bnr .swiper-pagination-bullet{width:30px;}
#index-web-bnr{display:none;}
.bnr-img .iBnr-con{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.iBnr-con.z1{z-index:1;}
.iBnr-con.z2{z-index:2;}
.iBnr-con.z3{z-index:3;}
.iBnr-con.z4{z-index:4;}
.iBnr-con.z5{z-index:5;}
/*aniamte*/
/*iBnr1*/
.iBnr-1 .iBnr-con{transition:all 3s linear .2s;-webkit-transition:all 3s linear .2s;opacity:0;}
.iBnr-1 .iBnr-con.z4,
.iBnr-1 .iBnr-con.z5{transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;}
.iBnr-1 .iBnr-con.z2{transition-delay:.6s;-webkit-transition-delay:.6s;}
.iBnr-1 .iBnr-con.z3{transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.iBnr-1 .iBnr-con.z4{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.iBnr-1 .iBnr-con.z5{transition-delay:1.6s;-webkit-transition-delay:1.6s;}
.iBnr-1 .iBnr-con.z4,
.iBnr-1 .iBnr-con.z5{transform:translateY(30px);-webkit-transform:translateY(30px);}
#index-bnr .swiper-slide.swiper-slide-active .iBnr-con{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}
/*iBnr2*/
.iBnr-2 .iBnr-con.z1,
.iBnr-2 .iBnr-con.z2,
.iBnr-2 .iBnr-con.z3,
.iBnr-2 .iBnr-con.z4{transition:all .4s ease-in-out .2s;-webkit-transition:all .4s ease-in-out .2s;opacity:0;}
.iBnr-2 .iBnr-con.z1{transform:translateX(-100px);-webkit-transform:translateX(-100px);}
.iBnr-2 .iBnr-con.z2{transform:translateX(100px);-webkit-transform:translateX(100px);}
.iBnr-2 .iBnr-con.z3,
.iBnr-2 .iBnr-con.z4{transform:scale(.8);-webkit-transform:scale(.8);}
/*iBnr3*/
.iBnr-3 .iBnr-con.z1,
.iBnr-3 .iBnr-con.z2,
.iBnr-3 .iBnr-con.z3,
.iBnr-3 .iBnr-con.z4{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;opacity:0;}
.iBnr-3 .iBnr-con.z1{transform:translateY(100px);-webkit-transform:translateY(100px);}
.iBnr-3 .iBnr-con.z2{transition-delay:.8s;-webkit-transition-delay:.8s;}
.iBnr-3 .iBnr-con.z2,
.iBnr-3 .iBnr-con.z3,
.iBnr-3 .iBnr-con.z4{transform:translateX(-50px);-webkit-transform:translateX(-50px);}
.iBnr-3 .iBnr-con.z3{transition-delay:1.6s;-webkit-transition-delay:1.6s;}
.iBnr-3 .iBnr-con.z4{transition-delay:1.8s;-webkit-transition-delay:1.8s;}
/*
.bnr-img .bg,
.bnr-img .con{height:100% !important;position:absolute !important;top:0px;left:0px;}
.bnr-img .con{z-index:2;}
.bnr-img .box{width:1200px;color:#fff;position:absolute;left:50%;margin-left:-600px;z-index:5;}
.bnr-img .t1{font:bold 62px/85px "方正兰亭超细黑简体"}
.bnr-img .t1 span{line-height:50px;font-size:50px;font-family:'微软雅黑';color:#c40008;vertical-align:top;position:relative;top:-20px;}
.bnr-img .t2{font:bold 50px/61px "方正兰亭粗黑简体";color:#ff000b;margin:0 0 10px;}
.bnr-img .t3{font:bold 26px/46px "方正兰亭超细黑简体"}
*/
/*animate
#index-bnr .bg,
#index-bnr .t1,
#index-bnr .t2,
#index-bnr .t3,
.iBnr-4 .con{transition:all .6s ease-in-out .4s;-webkit-transition:all .6s ease-in-out .4s;}
#index-bnr .t2,
#index-bnr .iBnr-3 .t1,
#index-bnr .iBnr-4 .t1{transition-delay:.6s;-webkit-transition-delay:.6s;}
#index-bnr .t3,
#index-bnr .iBnr-3 .t2,
#index-bnr .iBnr-4 .t2{transition-delay:.8s;-webkit-transition-delay:.8s;}
#index-bnr .iBnr-3 .t3,
#index-bnr .iBnr-4 .t3{transition-delay:1s;-webkit-transition-delay:1s;}
#index-bnr .bg,
#index-bnr .t1,
#index-bnr .t2,
#index-bnr .t3,
.iBnr-4 .con{opacity:0;}
.iBnr-1 .bg{transform:translateX(100px);-webkit-transform:translateX(100px);}
.iBnr-2 .t1,
.iBnr-2 .t2,
.iBnr-2 .t3{transform:translateX(-50px);-webkit-transform:translateX(-50px);}
.iBnr-1 .t1,
.iBnr-1 .t2,
.iBnr-1 .t3{transform:translateY(50px);-webkit-transform:translateY(50px);}
.iBnr-2 .bg{transform:translateY(-100px);-webkit-transform:translateY(-100px);}
.iBnr-3 .bg{transform:translate(-70px,-70px);-webkit-transform:translate(-70px,-70px);}
.iBnr-4 .con{transform:translate(70px,-20px);-webkit-transform:translate(70px,-20px);}
#index-bnr .swiper-slide.swiper-slide-active .bnr-img .bg,
#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t1,
#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t2,
#index-bnr .swiper-slide.swiper-slide-active .bnr-img .t3,
#index-bnr .swiper-slide.swiper-slide-active .bnr-img .con{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}*/
/*iBnr1*/
.iBnr-1 .box{top:33.67647058823529%;}
/*iBnr-2*/
.iBnr-2 .box{top:33.67647058823529%;}
/*iBnr-3*/
.iBnr-3 .box{top:36.47058823529412%;}
/*iBnr-4*/
.iBnr-4 .box{top:36.17647058823529%;}
.iBnr-4 .box .block{width:575px;float:right;}
#index-bnr .iBnr-4 .box .t1{font-size:55.31px;line-height:77px;color:#5a5a5a;}
#index-bnr .iBnr-4 .box .t3{color:#5a5a5a;}
/*bnr*/
.bnr-img.page-bnr{height:400px;}
.web-banner{display:none;}
/*--- Container ---*/
/*当前位置*/
.page-locate{padding:.2rem 0;line-height:20px;color:#666666;border-top:1px solid #f1f1f1;}
.page-locate .type{padding:0 0 0 28px;background:url(../images/icon/icon-home.png) no-repeat left 1px;}
.p-title h1{text-align:center;font-size:36px;line-height:50px;font-weight:normal;}
.p-title i{display:block;width:37px;height:2px;background:#e00007;margin:.1rem auto 0;}
.p-rtn-btn{display:block;width:232px;line-height:44px;font-size:16px;color:#e60012;border:2px solid #df0000;}
.p-rtn-btn span{padding:0 0 0 42px;background:url(../images/icon/icon-rtn.png) no-repeat left center;}
.p-rtn-btn:hover{color:#fff;background:#df0000;}
.p-rtn-btn:hover span{padding:0px;background-position:-100px center;}
/*-- 首页 --*/
.I-title{text-align:center;}
.I-title .t1{line-height:45px;font-size:40px;color:#666666;text-transform:uppercase;}
.I-title .t2{line-height:41px;font-size:24px;}
.I-title .split{display:block;width:37px;height:2px;background:#e00007;margin:.25rem auto .2rem;}
.I-title .t3{width:825px;line-height:24px;color:#666666;margin:0 auto;}
.I-more.btn{width:232px;line-height:44px;font-size:16px;color:#e60012;border:2px solid #df0000;}
.I-more.btn span{padding:0 38px 0 0;background:url(../images/icon/icon-go.png) no-repeat right center;}
.I-more.btn:hover{color:#fff;background:#df0000;}
.I-more.btn:hover span{padding:0px;background-position:200px center;}
/*产品中心*/
.index-pro{padding:.37rem 0 .57rem;color:#fff;text-align:center;background:#8e0004;}
.index-pro li{/**/width:25%;position:relative;float:left;}
.index-pro li .type{line-height:37px;font-size:24px;margin:16px 0 0;}
.index-pro li .list{line-height:30px;margin:15px 0 0;color:#fff;}
.index-pro li .list a{display:block;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.index-pro li:before{content:"";display:block;width:1px;height:249px;background:rgba(255,255,255,.2);position:absolute;left:0px;top:.05rem;}
.index-pro li:first-child:before{display:none;}
.index-pro li .list a:hover{transform:translateY(-5px);-webkit-transform:translateY(-5px);}
/*最新案例*/
.index-case{padding:.74rem 0 0;}
.index-case .I-title{margin:0 0 .44rem;}
.iCase-list li{text-align:center;float:left;}
.iCase-list li.w1{width:19.79167%;}
.iCase-list li.w2{width:20.83333%;}
.iCase-list li.w3{width:39.58333%;}
.iCase-box{display:block;position:relative;overflow:hidden;}
.iCase-box>img{width:100%;object-fit:cover;}
.iCase-block{width:100%;height:100%;color:#fff;background:rgba(182,0,5,.85);position:absolute;top:0px;left:0px;opacity:0;}
.iCase-block .iCase-con{display:table;width:100%;height:100%;}
.iCase-con .iCase-cell{display:table-cell;vertical-align:middle;}
.iCase-block .t1{padding:0 5px;line-height:25px;font-size:18px;}
.iCase-block .t2{padding:0 5px;line-height:37px;font-size:28px;margin:.15rem 0 0;}
.iCase-block .more{display:block;width:33px;height:34px;background:url(../images/icon/icon-see.png) no-repeat center center;margin:.24rem auto 0;}
/* ----- */
.iCase-news{width: 100%;padding: .6rem 20px 0;background: #f2f2f2;}
.iCase-news-ul{display: flex;flex-wrap: wrap;margin: -30px 0 0 -20px;}
.iCase-news-items{width: calc(25% - 20px);display: block;overflow: hidden;margin: 30px 0 0 20px;}
.iCase-news-items .image{width: 100%;overflow: hidden;position: relative;}
.iCase-news-items .image img{width: 100%;object-fit: cover;height: 288px;transition: all .4s ease;}
.iCase-news-items .image i{width:34px;height:34px;background:url('../images/icon/icon-see.png') no-repeat center;position: absolute;top: 50%;left: 50%;margin: -17px 0 0 -17px;opacity: 0;transition: all .4s ease;z-index: 3;}
.iCase-news-items .image::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(214,0,15,.6);opacity: 0;transform: scale(0.8);transition: all .4s ease;}
.iCase-news-cont{width: 100%;margin-top: 16px;}
.iCase-news-cont div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height: 1.1;}
.iCase-news-cont .title{font-size: 20px;color: #333;font-weight: 700;transition: all .4s ease;}
.iCase-news-cont .text{font-size: 15px;color: #777;margin-top: 10px;}
.iCase-news-items:hover .image::after{opacity: 1;transform: scale(1);}
.iCase-news-items:hover .image i{opacity: 1;}
.iCase-news-items:hover .title{color: #d6000f;}
.iCase-news-items:hover .image img{transform: scale(1.04);}
/* ----- */
.iCase-box:hover .iCase-block{opacity:1;}
.iCase-more{padding:.52rem 0 .5rem;text-align:center;background:#f2f2f2;}
.iCase-list .l1 .iCase-box:first-child img,
.iCase-list .l7 .iCase-box:first-child img,
.iCase-list .l8 .iCase-box:first-child img{height:2.4rem;}
.iCase-list .l1 .iCase-box:last-child img,
.iCase-list .l7 .iCase-box:last-child img,
.iCase-list .l8 .iCase-box:last-child img{height:2.45rem;}
.iCase-list .l2 img,
.iCase-list .l3 img,
.iCase-list .l4 img,
.iCase-list .l5 img,
.iCase-list .l6 img{height:4.85rem;}
/*关于我们*/
.index-abUs{padding:.75rem 0 .78rem;text-align:center;}
.index-abUs .con1{line-height:50px;font-size:36px;margin:.2rem auto 0;}
.index-abUs .con2{width:810px;line-height:26px;margin:12px auto 0;}
.index-abUs ul{font-size:0px;margin:.4rem 0 0;}
.index-abUs ul li{display:inline-block;margin:0 39px;}
.index-abUs ul li .num{line-height:76px;font-size:80px;color:#444444;font-family:'DINCond-Bold';}
.index-abUs ul li .con{line-height:29px;font-size:16px;margin:10px 0 0;}
.index-abUs .I-more{margin:.65rem auto 0;}
/*广告*/
.index-more{padding:1.97rem 0 2.33rem;text-align:center;color:#fff;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;background-attachment:fixed !important;}
.index-more .t1{line-height:65px;font-size:48px;}
.index-more .t2{line-height:33px;font-size:18px;}
.index-more .split{display:block;width:37px;height:2px;background:#fff;margin:.4rem auto .25rem;}
/*我们的客户*/
.index-customer{padding:.74rem 0 .87rem;}
.iCust-swiper{position:relative;margin:.21rem 0 0;}
.iCust-list li{padding:.15rem 0;}
.iCust-box{display:block;height:80px;line-height:78px;text-align:center;/*border:1px solid #e5e5e5;*/position:relative;font-size:0px;}
.iCust-box img{width:100%;height:100%;object-fit:cover;}
/*.iCust-box:hover img{opacity:0;}
.iCust-box:hover img.rollover{transform:matrix(1.1, 0, 0, 1.1, 0, 0);opacity:1;}*/
.indexCustSwiper-prev,
.indexCustSwiper-next{display:none;width:39px;height:100%;position:absolute;top:0px;z-index:2;}
.indexCustSwiper-prev{left:-.8rem;background:url(../images/icon/swiper1-l.png) no-repeat center center;}
.indexCustSwiper-next{right:-.8rem;background:url(../images/icon/swiper1-r.png) no-repeat center center;}
.indexCustSwiper-prev:hover{background-image:url(../images/icon/swiper1-l2.png);}
.indexCustSwiper-next:hover{background-image:url(../images/icon/swiper1-r2.png);}
@media all and (max-width:1330px){
	.indexCustSwiper-prev{left:0px;}
	.indexCustSwiper-next{right:0px;}
}
/*唐朝动态*/
.index-news{padding:.75rem 0 .8rem;}
.iNews-wrap{margin:.35rem 0 0;}
.iNews-wrap li{width:30.83333%;float:left;margin:0 0 0 3.75%;}
.iNews-wrap li:first-child{margin:0px;}
.iNews-1st{display:block;padding:0 0 .27rem;border-bottom:1px solid #eeeeee;margin-bottom: 0.3rem;}
.iNews-1st img{width:100%;height:310px;object-fit:cover;}
.iNews-1st .date{line-height:29px;color:#888888;margin:6px 0 0;}
.iNews-1st .name{line-height:28px;height:56px;font-size:20px;color:#000000;margin:5px 0 0;}
.iNews-list{margin:20px 0 0;}
.iNews-list a{display:block;padding:0 0 0 20px;line-height:35px;font-size:16px;color:#444444;background:url(../images/icon/icon-l1.png) no-repeat 3px center;}
.iNews-list a:hover{background-image:url(../images/icon/icon-l1-2.png)}
/*-- 案例 --*/
.case-container{padding:.49rem 0 .97rem;}
.case-container .pagination{margin:.72rem 0 0;}
/*选择*/
.case-sel{width:200px;position:relative;margin:0 0 0 6px;z-index:2;}
.case-sel:first-child .cSel-cur{background:#898989;}
.case-sel .cSel-cur{padding:0 35px 0 23px;height:45px;line-height:45px;font-size:18px;color:#fff;border-radius:2px;background:#d6000f;cursor:pointer;}
.cSel-cur:after{content:"";display:block;width:15px;height:8px;background:url(../images/icon/icon-dd1.png) no-repeat center center;position:absolute;right:18px;top:20px;z-index:2;cursor:pointer;}
.case-sel .cSel-list{padding:5px 0;width:100%;background:#e9eaea;position:absolute;top:45px;left:0px;display:none;}
.cSel-list a{display:block;height:45px;line-height:45px;padding:0 10px 0 23px;}
.cSel-cur.cur:after{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.cSel-list a:hover{color:#fff;background:#d6000f;}
/*列表*/
.case-list{width:103.5%;margin:.28rem 0 0 -3.5%;}
.case-list li{width:33.333%;padding:.17rem 0 0 3.5%;float:left;}
.case-list li .com-img .ofH{height: 233px;overflow: hidden;}
.case-list li .com-img .ofH img{width: 100%;height: 100%;object-fit: cover;}
.case-list li img,
.aCase-swiper .swiper-slide img{width:100%;}
.case-list li .name,
.aCase-swiper .swiper-slide .name{line-height:26px;font-size:18px;color:#000;margin:.15rem 0 0;}
.case-list li .con,
.aCase-swiper .swiper-slide .con{line-height:22px;color:#666666;}
/*详情*/
.cInfo-close{display:block;width:22px;height:100%;background:url(../images/icon/icon-close.png) no-repeat center center;float:right;}
.caseInfo-container{padding:1.02rem 0 .67rem;background:#ededed;}
.caseInfo-wrap{width:1000px;color:#000;margin:0 auto;}
.caseInfo-name{text-align:center;line-height:46px;font-size:32px;}
.caseInfo-con{line-height:32px;position:relative;overflow:hidden;margin:15px 0 0;}
.caseInfo-con img{max-width:100%;}
@media all and (max-width:1050px){
	.caseInfo-wrap{width:100%;padding:0 4%;}
}
.caseInfo-rtn.p-rtn-btn{margin:.65rem auto 0;}
body.cIalbum-open{right:690px;}
/*.cInfo-album{zoom:1;-webkit-transform:perspective(600px) rotateY(90deg);-moz-transform:perspective(600px) rotateY(90deg);-ms-transform:perspective(600px) rotateY(90deg);transform: perspective(600px) rotateY(90deg);-webkit-transform-origin:left center 0;-moz-transform-origin:left center 0;-ms-transform-origin:left center 0;transform-origin:left center 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;-ms-transition:all .3s ease .2s;transition:all .3s ease .2s;}
body.cIalbum-open .cInfo-album{width:690px;-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);-ms-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);}*/
body.cIalbum-open .cInfo-album{right:0px;}
/*图册框架*/
.cInfo-album{width:690px;height:100%;background:#fff;position:fixed;top:0px;right:-690px;z-index:100;transition:all .3s ease .2s;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s}
.cIalbum-top{height:80px;background:#b70005;}
.cIalbum-top .btn{line-height:33px;font-size:18px;color:#fff;position:relative;left:48px;top:23px;}
.cIalbum-top .btn span{padding:0 0 0 47px;background:url(../images/icon/icon-rtn2.png) no-repeat left center;}
.cIalbum-wrap{height:100%;margin:.6rem 0 0;}
.cIalbum-wrap .swiper-slide{width:100% !important;height:auto;}
/*图册列表 */
.cIalbum-swiper{width:582px;height:744px;margin:0 auto 0;}
.cIalbum-swiper img{width:100%;}
.cIalbum-swiper .swiper-pagination{width:100.572737686139748% !important;position:relative;bottom:0px !important;margin:0 0 0 -0.572737686139748% !important;}
.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet{display:block;width:25%;height:94px;padding:4px 0 0 .572737686139748%;border-radius:0px;background:none;opacity:1;position:relative;margin:0px !important;float:left;cursor:pointer;}
.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet .pr:after{content:"";display:block;width:100%;height:100%;background:rgba(214,0,15,.8);position:absolute;top:0px;left:0px;opacity:0;}
.cIalbum-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active .pr:after{opacity:1;}
/*相关案例*/
.aCase-container{padding:.67rem 0 1.02rem;}
.aCase-swiper{position:relative;margin:.46rem 0 0;}
.aCaseSwiper-prev,
.aCaseSwiper-next{display:block;width:53px;height:53px;position:absolute;top:30.53691275167785%;z-index:2;}
.aCaseSwiper-prev{left:-1.04rem;background:url(../images/icon/swiper2-l.png) no-repeat center center;}
.aCaseSwiper-next{right:-1.04rem;background:url(../images/icon/swiper2-r.png) no-repeat center center;}
.aCaseSwiper-prev:hover{background-image:url(../images/icon/swiper2-l2.png);}
.aCaseSwiper-next:hover{background-image:url(../images/icon/swiper2-r2.png);}
@media all and (max-width:1380px){
	.aCaseSwiper-prev{left:0px}
	.aCaseSwiper-next{right:0px;}
}
/*右侧悬浮*/
.cInfo-float{text-align:center;position:fixed;top: 410px;right: 0px;z-index: 99;}
.cInfo-float .go-album{display:block;width:50px;height:51px;line-height: 18px;color:#fff;background:#e41f25;border-top-left-radius:3px;border-top-right-radius:3px;padding: 7px 10px 0;}
.cInfo-float .go-prev,
.cInfo-float .go-next{display:block;width:50px;font-size:0px;background:#fff;border:1px solid #e5e5e5;}
.cInfo-float .go-prev{border-top:0px;border-bottom:0px;}
.cInfo-float .go-next{border-top:0px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.cInfo-float .go-prev:after,
.cInfo-float .go-next:after{content:"";display:inline-block;width:100%;height:49px;}
.cInfo-float .go-prev:after{background:url(../images/icon/icon-prev.png) no-repeat left center;}
.cInfo-float .go-next:after{background:url(../images/icon/icon-next.png) no-repeat right center;}
.cInfo-float .go-prev:hover,
.cInfo-float .go-next:hover{background:#e41f25;border-color:#e41f25;}
.cInfo-float .go-prev:hover:after{background-position:right center;}
.cInfo-float .go-next:hover:after{background-position:left center;}
/*-- 服务 --*/
.srv-stage{font-size:18px;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;position:relative;overflow:hidden;position:relative;}
.srv-stage .s-title{line-height:46px;font-size:36px;color:#fff;}
.srv-stage .s-con{line-height:28px;color:#e4e4e4;margin:20px 0 0;}
.srv-stage .s-list{line-height:36px;color:#fffefe;margin:37px 0 0;}
.srv-stage .srv-box{width:530px;position:relative;z-index:2;}
.srv-stage .srv-web{padding:0 4%;text-align:center;display:none;margin:4% 0 0;}
.srv-stage .srv-web img{width:80%;}
.srv-stage .srv-bg{width:100%;height:100%;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;position:absolute;top:0px;left:0px;}
.srv-stage .s-list.s-list2,
.srv-stage .s-title.s-title2{color:#333333;}
.srv-stage .s-con.s-con2{color:#666666;}
.srv-stage.s1{background:#010101;}
.srv-stage.s2{background:#eff1f2;}
.srv-stage.s3{background:#a4a2a6;}
.srv-stage.s4{background:#394b59;}
.srv-stage.s1 .contain{padding:1.75rem 0 1.61rem;}
.srv-stage.s2 .contain{padding:1.89rem 0 1.83rem;}
.srv-stage.s3 .contain{padding:1.76rem 0 1.61rem;}
.srv-stage.s4 .contain{padding:1.67rem 0 2.1rem;}
.srv-stage .srv-bg,
.srv-stage .s-title,
.srv-stage .s-con,
.srv-stage .s-list{transition:all .6s ease-in-out .4s;-webkit-transition:all .6s ease-in-out .4s;opacity:0;}
.srv-stage.s1 .srv-bg,
.srv-stage.s4 .srv-bg{transform:translateY(200px);-webkit-transform:translateY(200px);}
.srv-stage.s2 .srv-bg{transform:translate(50px,-100px);-webkit-transform:translate(50px,-100px);}
.srv-stage.s3 .srv-bg{transform:translate(-50px,-100px);-webkit-transform:translate(-50px,-100px);}
.srv-stage .s-title,
.srv-stage .s-con,
.srv-stage .s-list{transform:translateX(50px);-webkit-transform:translateX(50px);}
.srv-stage .s-title{transition-delay:.6s;-webkit-transition-delay:.6s;}
.srv-stage .s-con{transition-delay:.8s;-webkit-transition-delay:.8s;}
.srv-stage .s-list{transition-delay:1s;-webkit-transition-delay:1s;}
.srv-stage.active .srv-bg,
.srv-stage.active .s-title,
.srv-stage.active .s-con,
.srv-stage.active .s-list{transform:translate(0);-webkit-transform:translate(0);opacity:1;}
/*-- 新闻 --*/
/*列表*/
.news-container{padding:.49rem 0 .93rem;}
.news-nav{background:#f0f0f0;border-radius:2px;}
.news-nav a{display:block;width:100%;line-height:60px;text-align:center;font-size:16px;color:#333;border-radius:2px;position:relative;float:left;}
.news-nav a:before{content:"";display:block;width:1px;height:14px;background:#cfcfcf;position:absolute;top:15px;left:0px;}
.news-nav a:hover{color:#fff;}
.news-nav a:first-child:before{display:none;}
.news-nav a.cur{color:#fff;background:#d6000f;}
.news-nav a.cur + a:before{display:none;}
.news-list{margin:5px 0 0;}
.news-list li{padding:.42rem 0;border-top:1px solid #eeeeee;overflow:hidden;}
.news-list li:first-child{border-top:0px;}
.nlist-img{width:35.8333%;overflow:hidden;float:left;}
.nlist-img img{width:100%;height:270px;object-fit:cover;}
.nlist-box{width:60%;padding:7px 0 0;float:right;}
.nlist-box .date{line-height:20px;font-size:16px;color:#666666;}
.nlist-box .name{line-height:33px;font-size:22px;color:#000000;margin:25px 0 0;}
.nlist-box .con{line-height:28px;height:56px;color:#333333;margin:20px 0 0;}
.nlist-box .more{display:inline-block;line-height:23px;font-size:16px;color:#e00007;text-decoration:underline;margin:70px 0 0;}
.news-list li a:hover .nlist-box .name{color:#d6000f;}
.news-container .pagination{text-align:left;}
/*详细*/
.nInfo-container{}
.nInfo-left{padding:53px .38rem 102px 0;width:75.8333%;min-height:800px;border-right:1px solid #dedede;float:left;}
.nInfo-left a{color:#e60008;}
.nInfo-left a:hover{text-decoration:underline}
.nInfo-name{line-height:45px;text-align:center;font-size:32px;color:#000000;font-weight:normal;}
.nInfo-ab{text-align:center;line-height:24px;color:#333;margin:10px 0 0;}
.nInfo-ab span{display:inline-block;margin:0 8px;}
.nInfo-con{padding:21px 0 0;line-height:32px;color:#333333;border-top:1px solid #e5e5e5;position:relative;overflow:hidden;margin:21px 0 0;}
.nInfo-con img{max-width:100%;}
.nInfo-action{margin:.72rem 0 0;}
.nInfo-share a{display:inline-block !important;margin:0 20px 0 0 !important;width:41px !important;height:41px !important;}
.nInfo-action .p-rtn-btn{float:right;}
.nInfo-share .bds_weixin{background: url(../images/content/nShare-1.png) no-repeat center !important;}
.nInfo-share .bds_weixin:hover{background-image:url(../images/content/nShare-11.png) !important;}
.nInfo-share .bds_tsina{background: url(../images/content/nShare-2.png) no-repeat center !important;}
.nInfo-share .bds_tsina:hover{background-image:url(../images/content/nShare-21.png) !important;}
.nInfo-share .bds_more{background: url(../images/content/nShare-3.png) no-repeat center !important;}
.nInfo-share .bds_more:hover{background-image:url(../images/content/nShare-31.png) !important;}
/*右侧*/
.nInfo-right{width:240px;float:right;margin:48px 0 0;}
.nInfo-right .nIr-type{padding:0 0 15px;line-height:34px;font-size:20px;color:#000;border-bottom:1px solid #cfcfcf;}
.nInfo-right .nIr-Hnews{display:block;padding:10px 0;line-height:24px;border-bottom:1px solid #cfcfcf;}
.nInfo-right .nIr-Hnews:hover,
.footer-flink ul li a:hover{color:#e00007;}
.nIr-Hnews .name{color:#000000;}
.nIr-Hnews .con{height:48px;color:#666666;margin:10px 0 0;}
.nIr-Hwords{width:243px;overflow:hidden;margin:30px 0 0 -3px;}
.nIr-Hwords li{padding:3px;float:left;}
.nIr-Hwords li a{display:block;padding:0 10px;min-width:66px;text-align:center;line-height:32px;color:#666666;background:#eaeaea;}
.nIr-Hwords li a:hover{color:#fff;background:#b60005;}
/*-- 联系我们 --*/
.contact-us{padding:.55rem 0 1.22rem;}
.ctUs-wrap{position:relative;margin:.57rem auto 0;}
.ctUs-form{width:58.5%;float:left;}
.ctUs-form .text{width:100%;padding:0 .2rem;height:50px;line-height:48px;color:#666666;border:1px solid #dcdcdc;margin:20px 0 0;}
.ctUs-form .text:first-child{margin:0px;}
.ctUs-form textarea.text{height:215px;resize:none;}
.ctUs-form .btn.sub-btn{padding:0 32px 0 0;width:183px;height:45px;line-height:45px;font-size:18px;color:#fff;background:#e00007 url(../images/icon/icon-go2.png) no-repeat 124px center;margin:.43rem 0 0;}
.ctUs-box{padding:0 0 30px 51px;width:427px;background:#e9eaea;border-left:2px solid #e00007;position:absolute;right:0px;top:0px;}
.ctUs-box .ctUs-block{width:374px;padding:34px 20px 33px 82px;line-height:24px;font-size:16px;color:#333;border-top:1px solid #d2d2d2;}
.ctUs-block.adr{padding:24px 20px 43px 82px;border-top:0px;background:url(../images/content/ctUs-1.png) no-repeat left 28px;}
.ctUs-block.mail{background:url(../images/content/ctUs-2.png) no-repeat left 38px;}
.ctUs-block.tel{padding:44px 20px 23px 82px;background:url(../images/content/ctUs-3.png) no-repeat left 48px;}
/*-- 关于我们 --*/
.com-culture .I-title .t3,
.com-srv .I-title .t3{color:#cdcdcd;font-size:18px;line-height:28px;}
.com-srv .I-title .t3{color:#666;}
/*公司简介*/
.com-pro{padding:.8rem 4% 1.05rem;text-align:center;color:#333;}
.com-pro .title{line-height:48px;font-size:36px;}
.com-pro .con{width:1010px;line-height:26px;margin:15px auto 0;}
.com-pro .con p{margin:.26rem 0 0;}
.com-pro .con p:first-child{margin:0px;}
.cPro-data{font-size:0px;margin:.61rem 0 0;}
.cPro-data li{display:inline-block;margin:0 34px;}
.cPro-data li .num{font:80px/70px 'DINCond-Bold';color:#444;}
.cPro-data li .type{line-height:25px;font-size:16px;margin:15px 0 0;}
/*企业文化*/
.com-culture{padding:.9rem 0 1rem;text-align:center;background:url(../images/bg/cCul-bg.jpg) no-repeat center center / cover fixed;}
.com-culture .I-title .t1{color:#fff;}
.com-culture .I-title .split{background:#ffffff;}
.cCul-list{margin:.46rem 0 0;}
.cCul-list li{width:33.3333%;padding:0 .75rem;float:left;}
.cCul-list .cCul-icon{width:140px;height:140px;line-height:136px;font-size:0px;border:2px solid #d6030a;border-radius:100%;position:relative;overflow:hidden;margin:0 auto;}
.cCul-icon img{width:100%;height:100%;object-fit:cover;}
.cCul-icon img.rollover{z-index:2;}
.cCul-list .type{line-height:35px;font-size:24px;color:#fff;margin:28px 0 0;}
.cCul-list .con{line-height:26px;color:#cccccc;margin:10px 0 0;}
.cCul-list .cCul-icon:after{content:"";display:block;width:100%;height:100%;border-radius:100%;background:#e00007;position:absolute;top:0px;left:0px;opacity:0;}
.cCul-list li:hover .cCul-icon img{opacity:0;filter:alpha(opacity=0);}
.cCul-list li:hover .cCul-icon img.rollover{opacity:1;filter:alpha(opacity=100);transition-delay:.2s;-webkit-transition-delay:.2s;}
.cCul-list li:hover .cCul-icon:after{-webkit-animation:flipInY2 1s .1s ease both; -moz-animation:flipInY2 1s .1s ease both;}
@-webkit-keyframes flipInY2{
0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-5deg)}
70%{-webkit-transform:perspective(400px) rotateY(5deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}
}
@-moz-keyframes flipInY2{
0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-5deg)}
70%{-moz-transform:perspective(400px) rotateY(5deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}
}
/*服务流程*/
.com-srv{padding:.79rem 0 1.04rem;}
.cSrv-box{text-align:center;margin:.5rem 0 0;}
.cSrv-box img{max-width:100%;}
.com-orn img{max-width:100%;}
.com-orn .comOrn-web{display:none;}
/*右侧悬浮分享*/
.float-right-box{width: 250px;position: fixed;right: 0;top: 50%;margin-top: -127px;background-color: #000;z-index: 1000;transition: width 0.3s ease 0s;}
.float-right-box.on{width: 50px;}
.float-right-box .top-list{  width: 100%;}
.float-right-box .top-list ul{width: 100%;}
.float-right-box .top-list li{width: 100%;position: relative;border-bottom: 1px solid #3b3b3b;transition: background 0.3s ease 0s;height: 50px;}
.float-right-box .top-list a{display: block;width: 100%;}
.float-right-box .top-list .ico{display: inline-block;width: 49px;height: 49px;position: absolute;right: 0;top: 0;transition: background 0.3s ease 0s;z-index: 2;}
.float-right-box .top-list .ico1{background: url(../images/content/fr-1.png) no-repeat center #000;}
.float-right-box .top-list .ico2{background: url(../images/content/fr-2.png) no-repeat center #000;}
.float-right-box .top-list .ico3{background: url(../images/content/fr-3.png) no-repeat center #000;}
.float-right-box .top-list .ico4{background: url(../images/content/fr-4.png) no-repeat center #000;}
.float-right-box .top-list .stt{display: inline-block;font-size: 14px;line-height: 50px;color: #fff;transition: color 0.3s ease 0s;position: absolute;left: 28px;top: 0;z-index: 1;width: 222px;}
.float-right-box .top-list li:hover .stt{color: #15191e;}
.float-right-box .top-list li:hover .ico1{background: url(../images/content/fr-1-2.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico2{background: url(../images/content/fr-2-2.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico3{background: url(../images/content/fr-3-2.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico4{background: url(../images/content/fr-4-2.png) no-repeat center #fff;}
.float-right-box .top-list li:hover{background-color: #fff;}
.float-right-box .top-list .return-webtop .stt{font-family: "Arial";font-weight: bold;}
.float-right-box .bot-share{position: relative;height: 50px;}
.float-right-box .bot-share a{display: inline-block;width: 50px;height: 50px;float: left;transition: background 0.3s ease 0s;margin: 0;padding: 0;}
.float-right-box .bot-share .share{width: 200px;position: absolute;left: 0;top: 0;z-index: 1;}
.float-right-box .bot-share .sina{background: url(../images/content/frs-1.png) no-repeat center;}
.float-right-box .bot-share .wx{background: url(../images/content/frs-2.png) no-repeat center;}
.bd_weixin_popup{height:310px !important;}
.float-right-box .bot-share .tx{background: url(../images/content/frs-3.png) no-repeat center;}
.float-right-box .bot-share .more{background: url(../images/content/frs-4.png) no-repeat center;}
.float-right-box .bot-share a:hover{background-color: #525354;}
.float-right-box .bot-share .share-ico{background: url(../images/content/fr-5.png) no-repeat center #000;width: 50px;height: 50px;display: inline-block;cursor: pointer;z-index: 2;position: relative;}
/*-----浮动右侧客服-----*/
/* .float_qq{ position:fixed; top:200px; right:0; width:50px; height:203px; z-index:200;} */
.float_qq{ position:fixed; top:260px; right:0; width:50px; height:152px; z-index:200;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:0;}
.float_qq li.float_qq2{ position:absolute; top:51px; left:0; width:126px;}
.float_qq li.float_qq3{ position:absolute; top:51px; left:0; width:172px;}
/* .float_qq li.float_qq4{ top:153px;} */
.float_qq li.float_qq4{ top:102px;}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#000; opacity:1;}
.float_shwx {position: absolute;bottom: 0;left: -200px;width: 188px;height: 188px;display: none;box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);}
.float_shwx img{ display:block; padding:0; background-color:#FFF; width:188px; height:188px;}
.float_qq li:hover .float_shwx{display:block;}
.proInfo-container{}
.proInfo-wrap{padding:41px 0 43px;border-bottom:1px solid #e5e5e5;position:relative;}
.proInfo-split{display:block;width:1px;height:100%;background:#dedede;position:absolute;top:0px;right:24.16666666666667%;}
.proInfo-box{width:72.66666666666667%;float:left;}
.pInfo-title{padding:22px 0;border-bottom:1px solid #e5e5e5;}
.pInfo-title span{display:block;padding:0 0 0 10px;height:18px;line-height:18px;font-size:20px;font-weight:lighter;color:#000;border-left:2px solid #e00007;}
.pInfo-con{padding:20px 0 21px;line-height:32px;font-weight:lighter;border-bottom:1px solid #e5e5e5;position:relative;overflow:hidden;}
.pInfo-img{position:relative;overflow:hidden;margin:45px 0 0;}
.pInfo-img img{max-width:100%;}
.proInfo-nav{width:20%;position:relative;float:right;}
.pInfoNav-cur{text-align:center;height:50px;line-height:50px;border:1px solid #ccc;background:url(../images/icon/H-dd4.png) no-repeat 4% center;cursor:pointer;display:none;}
.pInfoNav-rtn{width:92%;height:45px;line-height:45px;border:1px solid #ccc;margin:1rem auto 0;display:none;}
.pInfoNav-box{}
.pInfoNav-box dl{padding:5px 0 10px;border-bottom:1px solid #e5e5e5;}
.pInfoNav-box dl dt{line-height:45px;font-size:18px;font-weight:lighter;color:#000;}
.pInfoNav-box dl dd{display:none;}
.pInfoNav-box dd a{display:block;padding:5px 0;line-height:26px;font-size:16px;color:#666666;font-weight:lighter;}
.nSrch-hot{padding:10px 0;display:flex;align-items:center}
.nSrch-hot b{font-size:16px;white-space:nowrap}
.nSrch-hot ul{width:auto;display:flex;flex-wrap:wrap}
.nSrch-hot ul li{display:inline-block;padding:5px 0;margin:0 10px 0 0;font-size:16px;}
.ct-rel .I-title{position:absolute;margin-left:-412.5px;left:50%;top:50%;margin-top:-61px;}
.ct-rel .I-title .t1{color:#fff;}
.ct-rel .I-title .t3{color:#fff;}
/* 滑动块 */
.hc-ul{margin:0 auto;padding:0;}
.hc-ul{background:#f1f1f1;height:60px;position:relative;z-index:9;}
.hc-ul li{float:left;width:16.6666666666%;text-align:center;cursor:pointer;height:60px;line-height:60px;position:relative;z-index:999;list-style-type:none;}
.hc-ul .curBlock{left:0;background-color:#e00007;position:absolute;transition:left;top:0px;height:100%;}
.hc-ul li a.cur{color:#fff;background:#e00007;}
.flipbox{border-top:1px dashed #eee;padding-top:20px;}
.pageflip{float:left;width:60%;}
.pageflip span{color:#333;}
.pageflip a{color:#666;}
.pageflip .flip_next{margin-top:10px;}
.pageflip a:hover{color:#df0000;}
.nInfo-share{margin-top:40px;}
.ftmsg{text-align:center;}
.footer-flink{display: none;}


/* 新增 */
.side-view{position: fixed;right: 0;top: 45%; transform: translate(100%,-50%);width: 54px;z-index: 999;transition: all .4s ease;pointer-events: none; opacity: 0;}
.side-view.show{transform: translate(0,-50%);opacity: 1;pointer-events: auto;}
.side-list{background: linear-gradient(60deg, rgb(7,255,245) 0%, rgb(130,255,154) 100%);color: #fff;}
.side-list img{max-width: 100%;object-fit: cover;}
.side-item{display: block;position: relative;}
.side-btn{height: 70px;position: relative;transition: all .4s ease;display: flex;align-items: center;justify-content: center;text-align: center;}
.side-btn i{width: 24px; position: relative;z-index: 5;}
.side-btn::before{content: "";position: absolute;left: 0;transition: all .4s ease; top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);z-index: 2;opacity: 0;}
.side-btn::after{transition: all .4s ease; content: "";position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 80%;height: 1px;background: linear-gradient(to right,transparent 0%,rgba(255,255,255,.9) 50%,transparent 100%);}
.side-hide{opacity: 0;transform: translateX(-30px);visibility: hidden;transition: all .3s ease; position: absolute;right: calc(100% + 10px);top: 0;width: 200px;}
.side-hide::before{content: "";position: absolute;left: 100%;top: 0;width: 10px;height: 100%;}
/* .side-hide::after{content: "";position: absolute;left: 100%;top: 28px;width: 15px;height: 20px;clip-path: polygon(100% 50%, 0 0, 0 100%);background: #fff;} */
.side-title{position: relative;text-align: center; padding: 20px 0;background:url('../images/side-bg.jpg');overflow: hidden;}
.side-title .title{font-size: 14px;}
.side-title .text{line-height: 1.14;font-size: 22px;font-weight: 700;margin-top: 10px;}
.side-con{background: #272728;position: relative;}
.side-con::after{transform: translateY(-100%);transition: all .4s ease; content: "";position: absolute;left: 30px;top: 0;width: 10px;height: 10px;background: #18ffe9;clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);}
.side-con-con{display: flex;align-items: center;justify-content: center;text-align: center; padding: 40px 0 30px;flex-direction: column;transition: all .3s linear;transform: translateY(10px);opacity: 0;}
.side-con-con .img img{width: 120px;}
.side-con-con .text{font-size: 14px;margin-top: 20px;}
.side-con-con .phone{font-weight: 700;display: block;font-size: 18px;margin-top: 10px;background: -webkit-linear-gradient(left, rgb(7, 255, 245) 0%, rgb(130, 255, 154) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.side-item.tel .side-hide{top: auto;bottom: 2px;}
.side-item.tel .side-con::after{display: none;}
.side-item.tel .side-con .phone2{font-weight: 700; font-size: 18px;text-align: center; padding: 20px;transition: all .4s ease;white-space: nowrap;background:linear-gradient( 60deg, rgb(7,255,245) 0%, rgb(130,255,154) 100%);}
.side-item:first-child .side-btn::after{display: none;}
.side-item.active .side-btn::before{opacity: 1;}
.side-item.active .side-btn::after{opacity: 0;}
.side-item.active .side-hide{opacity: 1;transform: translateX(0);visibility: visible;}
.side-item.active .side-con::after{transform: translateY(-1px);transition-delay: .2s;}
.side-item.active .side-con-con{transform: translateY(0);transition-delay: .15s;opacity: 1;}
.backTop{height: 60px;user-select: none;cursor: pointer;background: #272728;display: flex;align-items: center;justify-content: center;}
.backTop img{opacity: .5;transition: all .4s ease;max-width: 50%;max-height: 50%;}
.backTop:hover img{opacity: 1 ;}







@media all and (max-width:640px) {
	.case-list li .com-img .ofH{height: auto;}
	.hc-ul li{width: 33.3333333333333%;}
}
.salesChat{position: fixed;width: 100%;height: 100%;z-index: 999;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);display: none;align-items: center;padding-top:40px;}
.salesChat.active{display: flex;}
.salesChat-contain{width:100%;display:flex;flex-direction: column;align-items:center;opacity:0;}
.salesChat.active .salesChat-contain{animation: salesChatRun .6s ease both;}
@keyframes salesChatRun {0%{opacity: 0;}100%{opacity: 1;}}
.salesChat-info{width:381px;height:497px;padding-top: 70px;background:url('../images/cobg.png') no-repeat center/cover;border-radius:10px;text-align:center;color:#fff;}
.salesChat-info .text{font-size:28px;line-height:1.4;font-weight:700;}
.salesChat-info .img{margin:28px auto 0;width:210px;position:relative;}
.salesChat-info .img img{max-width:100%}
.salesChat-line{width:3px;height:30px;background:#e0e0e0;}
.salesChat-close{width:50px;height:50px;border-radius:50%;border:5px solid #e0e0e0;background:#fff;font-size:16px;color:#757575;transition:all .4s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.salesChat-close svg{width: 24px;}
.salesChat-close:hover{transform:rotate(90deg);color:#fff;background:#b70005}
@media all and (max-width:1590px) {
    .salesChat-info .text {font-size: 20px;}
    .salesChat-info .img {margin: 20px auto 0;width: 164px;}
    .salesChat-info {width: 260px;height: 338px;padding-top: 44px;}
    .salesChat-line {width: 2px;height: 22px;}
    .salesChat-close {width: 40px;height: 40px;border: 3px solid #e0e0e0;font-size: 14px;}
}
@media all and (max-width:680px) {
    .salesChat{padding-top:10px;}
    .salesChat-info .text {font-size: 18px;}
    .salesChat-info .img {margin: 16px auto 0;width: 140px;}
    .salesChat-info {width: 230px;height: 300px;padding-top: 44px;}
    .salesChat-line {width: 2px;height: 18px;}
    .salesChat-close {width: 36px;height: 36px;border: 2px solid #e0e0e0;font-size: 14px;}


    .side-view{width: 40px;}
    .side-view.show{transform: translate(0,-50%);}
    .side-item.tel .side-hide{bottom: 7px;}
    .side-btn{height: 46px;}
    .side-btn i{width: 18px;}
    .side-title .title{font-size: 12px;}
    .side-title .text{font-size: 14px;margin-top: 6px;}
    .side-con-con .text{font-size: 12px;margin-top: 8px;}
    .side-con-con .phone{font-size: 13px;margin-top: 6px;}
    .backTop{height: 40px;}
    .side-hide{width: 140px;}
    .side-item.tel .side-con .phone2{padding: 8px;font-size: 13px;}
    .side-title{padding: 10px 0;}
    .side-title::before{font-size: 40px;}
    .side-con-con .img img{width: 90px;}
    .side-con-con{padding: 20px 0 15px;}
    
    
}
