@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:22px;height:100%;background:url(../images/qq.png) no-repeat center center;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-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-l1.png) no-repeat 3px center;}

.footer-flink ul li a:hover{background-image:url(../images/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-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-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-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-see.png) no-repeat center center;margin:.24rem auto 0;}



.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/swiper1-l.png) no-repeat center center;}

.indexCustSwiper-next{right:-.8rem;background:url(../images/swiper1-r.png) no-repeat center center;}

.indexCustSwiper-prev:hover{background-image:url(../images/swiper1-l2.png);}

.indexCustSwiper-next:hover{background-image:url(../images/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;}

.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-l1.png) no-repeat 3px center;}

.iNews-list a:hover{background-image:url(../images/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-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-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-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/swiper2-l.png) no-repeat center center;}

.aCaseSwiper-next{right:-1.04rem;background:url(../images/swiper2-r.png) no-repeat center center;}

.aCaseSwiper-prev:hover{background-image:url(../images/swiper2-l2.png);}

.aCaseSwiper-next:hover{background-image:url(../images/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-bottom:0px;border-top-left-radius:3px;border-top-right-radius:3px;}

.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-prev.png) no-repeat left center;}

.cInfo-float .go-next:after{background:url(../images/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;}
.Container-wrapper .s4 .s-title2,.Container-wrapper .s4 .s-con2,.Container-wrapper .s4 .s-list2{color:#fff;}
	

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



/*详细*/

.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/nshare-1.png) no-repeat center !important;}

.nInfo-share .bds_weixin:hover{background-image:url(../images/nshare-11.png) !important;}

.nInfo-share .bds_tsina{background: url(../images/nshare-2.png) no-repeat center !important;}

.nInfo-share .bds_tsina:hover{background-image:url(../images/nshare-21.png) !important;}

.nInfo-share .bds_more{background: url(../images/nshare-3.png) no-repeat center !important;}

.nInfo-share .bds_more:hover{background-image:url(../images/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-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/ctus-1.png) no-repeat left 28px;}

.ctUs-block.mail{background:url(../images/ctus-2.png) no-repeat left 38px;}

.ctUs-block.tel{padding:44px 20px 23px 82px;background:url(../images/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/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/fr-1.png) no-repeat center #000;}

.float-right-box .top-list .ico2{background: url(../images/fr-2.png) no-repeat center #000;}

.float-right-box .top-list .ico3{background: url(../images/fr-3.png) no-repeat center #000;}

.float-right-box .top-list .ico4{background: url(../images/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/fr-1-2.png) no-repeat center #fff;}

.float-right-box .top-list li:hover .ico2{background: url(../images/fr-2-2.png) no-repeat center #fff;}

.float-right-box .top-list li:hover .ico3{background: url(../images/fr-3-2.png) no-repeat center #fff;}

.float-right-box .top-list li:hover .ico4{background: url(../images/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/frs-1.png) no-repeat center;}

.float-right-box .bot-share .wx{background: url(../images/frs-2.png) no-repeat center;}

.bd_weixin_popup{height:310px !important;}

.float-right-box .bot-share .tx{background: url(../images/frs-3.png) no-repeat center;}

.float-right-box .bot-share .more{background: url(../images/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/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 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:102px; left:0; width:172px;}

.float_qq li.float_qq4{ top:153px;}

.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; top:-155px; left:-200px;width:216px; height:216px; padding-bottom:9px;display:none;}

.float_shwx img{ display:block; padding:14px; 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/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;}

.nSrch-hot b{font-size:16px;}

.nSrch-hot ul{display:inline-block;width:auto;}

.nSrch-hot ul li{display:inline-block;padding:5px 0;margin:0 10px 0 0;}



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






















































































































































































































































































































@media all and (max-width:640px) {
	.case-list li .com-img .ofH{height: auto;}
	.hc-ul li{width: 33.3333333333333%;}
}