@charset "utf-8";

/*banner*/
.slider1 { width: 100%; overflow: hidden; position: relative; margin-top:90px;}
.slider1 .item { width: 100%; display: block; overflow: hidden; position: relative; }
.slider1 .item img { width: 100%; height:auto; transition: all 1s ease 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px); }
.slider1 .active .item img { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px);}
.slider1 .item .banry { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; color: #FFF; height: 100%; }
.slider1 .item .banry div:nth-of-type(1) { transform: translateX(60px); opacity: 0; }
.slider1 .active .item .banry div:nth-of-type(1) { transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1; }
.slider1 .item .banry div:nth-of-type(2) { transform: translateX(80px); opacity: 0; }
.slider1 .active .item .banry div:nth-of-type(2) { transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1; }
.slider1 .item .banry .more1 { transform: translateX(100px); opacity: 0; }
.slider1 .active .item .banry .more1 { transition: all 2s ease 1.2s; transform: translateX(0); opacity: 1; }
.slider1 .ban_l{ width:50%;}
.slider1 .owl-pagination { position: absolute; left: 0; bottom: 14%; text-align: center; }
.slider1 .owl-page { background: #FFF; opacity:0.5;}
.slider1 .owl-buttons div { width: 50px; height: 100%; background: url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6; }
.slider1 .owl-buttons div:hover { opacity: 1; }
.slider1 .owl-buttons div.owl-prev, .banneri .owl-buttons div:hover.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.slider1 .owl-buttons div.owl-next, .banneri .owl-buttons div:hover.owl-next { right: 5%; }
.slider1 .scroll_wrapper{ width: 100%; position: absolute; bottom: 2%; left: 0; z-index: 100; opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;}
.slider1 .scroll_wrapper .scroll_img{ width:38px; margin:0 auto; cursor: pointer;}
.slider1 .scroll_wrapper:hover { animation:none; -webkit-animation: none;}
.object-fit-cover{object-fit: cover;aspect-ratio:16/6.62;}

/*产品展示*/
.titcm{ position:relative; padding-top:0.9vw;}
.titcm:after { content: ''; width: 50px; height: 3px; background: #c10b0a; position: absolute; left: 0; top: 0;}

.slider2 .cplb a{ display:inline-block; background:#eeeeee; position:relative; overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.slider2 .cplb a::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #FFF; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.slider2 .cplb a > span { display: block; }
.slider2 .cplb a::after, .slider2 .cplb a > span { padding: 1vw; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.slider2 .cplb a:hover{ background: #c10b0a; color:#fff;}
.slider2 .cplb a:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slider2 .cplb a:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.slider2 .cp1{ width:45%;}
.slider2 .cp1 dt{ position:relative;}
.slider2 .cp1 dt span{ padding:1vw; position:absolute; right:0; top:0; z-index:1;}
.slider2 .cp1 dd{ height:11vw;}
.slider2 .cp1:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.slider2 .cp1:hover dd a{ color:#c10b0a;}
.slider2 .cp2{ width:51%;}
.slider2 .cp2 dl{ width:48%; margin-bottom:1.5vw;}
.slider2 .cp2 dl:nth-of-type(3), .slider2 .cp2 dl:nth-of-type(4){ margin-bottom:0;}
.slider2 .cp2 dl:nth-of-type(odd) { float: left; }
.slider2 .cp2 dl:nth-of-type(even) { float: right; }
.slider2 .cp2 dl dd a{ width:100%; height:3.6vw; line-height:3.3vw; background: #f5f5f5; position:relative; overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); display:block;}
.slider2 .cp2 dl dd a::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #FFF; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.slider2 .cp2 dl dd a > span { display: block; }
.slider2 .cp2 dl dd a::after, .slider2 .cp2 dl dd a > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.slider2 .cp2 dl:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.slider2 .cp2 dl:hover dd a{ background: #c10b0a; color:#FFF; font-weight:bold;}
.slider2 .cp2 dl:hover dd a::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slider2 .cp2 dl:hover dd a > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
/*解决方案*/
.slider3 { width: 100%; overflow: hidden; background:url(../images/bg1.jpg) no-repeat center; background-size:cover; color:#FFF;}
.slider3 a, .slider3 a:hover{ color:#FFF;}
.slider3 .slideTxtBox{ width: 100%; overflow: hidden; position:relative;}
.slider3 .slideTxtBox .hd{ width: 20%;}
.slider3 .slideTxtBox .hd ul li{ width:100%; overflow:hidden; padding-top:3.5vw;}
.slider3 .slideTxtBox .hd ul li.on{ background:url(../images/la.jpg) no-repeat left bottom;}
.slider3 .slideTxtBox .bd{ width:76%; overflow: hidden;}
.slider3 .slideTxtBox .bd ul{ width:100%; zoom:1; overflow: hidden; position:relative;}
.slider3 .slideTxtBox .bd ul .ca_bg{ background:url(../images/cy_t.png) repeat-x top;}
.slider3 .slideTxtBox .bd ul .ca_bg .f32{ background:url(../images/lc.jpg) no-repeat left bottom;}
.slider3 .slideTxtBox .bd ul .ca_bg .case_bo{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.slider3 .slideTxtBox .bd ul .ca_bg .case_bo dl{ position:relative;}
.slider3 .slideTxtBox .bd ul .ca_bg .case_bo dl:nth-child(4n){ display:none;}
.slider3 .slideTxtBox .bd ul .ca_bg .case_bo dl dd{ width:100%; position:absolute; left:0; bottom:0; background:url(../images/cb.png) repeat;}
.slider3 .slideTxtBox .bd ul .ca_bg .case_bo dl:hover dd{ background:#c10e0e;}

/*关于龙鑫*/
.slider4 { width: 100%; overflow: hidden;}
.slider4 .about_l{ width:60%; overflow: hidden;}
.slider4 .about_r{ width:37.4%; position:relative;}
.slider4 .about_r .heau{ background:#434343;}
.slider4 .about_r .heau img{ opacity:0.5;}
.slider4 .about_r i{ width:100%; height:100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position:absolute; left:0; top:0; z-index:1;}
.slider4 .about_ly{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.slider4 .about_ly .jj_gd{ height:9.2vw;}
.slider4 .about_ly dl{ border-right: 1px solid #e5e5e5;}
.slider4 .about_ly dl:last-child{ border-right: none;}
.slider4 .about_ly dl dt{ width:57%;}
.slider4 .about_ly dl dd span{ width:6.7vw; height:6.7vw; background:url(../images/ab.png) no-repeat center; background-size:100% 100%;}
.slider4 .about_ly dl dd span img{ width:auto; height:2.4vw; display:block; margin:0 auto;}
.slider4 .about_ly dl:hover a{ color:#c10e0e;}
.slider4 .about_ly dl:hover dd span{ background:url(../images/ab_ed.png) no-repeat center; background-size:100% 100%;}
.slider4 .about_ly dl:nth-of-type(2){ padding-left:5%;}
.slider4 .about_ly dl:nth-of-type(3){ padding-left:10%;}
.slider4 .about_lc dl:nth-of-type(1) { width: 20%; }
.slider4 .about_lc dl:nth-of-type(2) { width: 28%; border-left: 1px solid rgba(255,255,255,0.3); text-align:center;}
.slider4 .about_lc dl:nth-of-type(3) { width: 32%; border-left: 1px solid rgba(255,255,255,0.3); text-align:center;}
.slider4 .about_lc dl:nth-of-type(4) { width: 20%; border-left: 1px solid rgba(255,255,255,0.3); text-align:right;}
/*工程案例*/
.slider5 { width: 100%; overflow: hidden;}
.slider5 .ca_r{ float:right;}

.slider5 .case .owl-pagination { width:100%; text-align: center; padding-top:20px;}
/*新闻资讯*/
.slider6 { width: 100%; overflow: hidden;}
.slider6 .newlb a{ display:inline-block; background:#FFF; position:relative; overflow: hidden; -webkit-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.slider6 .newlb a::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #FFF; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.slider6 .newlb a > span { display: block; }
.slider6 .newlb a::after, .slider6 .newlb a > span { padding: 1vw 2vw; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.slider6 .newlb a:hover{ background: #c10b0a; color:#fff;}
.slider6 .newlb a:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slider6 .newlb a:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.news { position: relative; }
.new_img { width: 45%; overflow: hidden; position: absolute; left: 0; top: 0; }
.new_txt { width: 48%; margin-right: 3%; }
.new_txt li { border-bottom: 1px #eeeeee solid; }
.new_txt li:last-child { border-bottom: none; }
.new_txt li .fln { width: auto; }
.new_txt li .fr { width: 87%; }
.new_txt li:hover a { color: #c10b0a; font-weight: bolder; }
.new_bo dl { width: 49.5%; background: #FFF; padding: 1.7vw 1.2vw; margin-top: 1vw; }
.new_bo dl:nth-of-type(odd) { float: left; }
.new_bo dl:nth-of-type(even) { float: right; }
.new_bo dl:hover { background: #c10b0a; color: #fff; }
.new_bo dl:hover a { color: #fff; }







/*footer*/
.slider7 { width: 100%; overflow: hidden;}
@media screen and (max-width: 1600px) and (min-width:0) {

}
@media screen and (max-width: 1300px) and (min-width:0) {
}
@media screen and (max-width: 1100px) and (min-width:0) {

}
@media screen and (max-width: 1024px) and (min-width:0) {

/*通用*/
.more1{ width:2rem; height:0.65rem; line-height:0.65rem;}

/*banner*/
.slider1 { height: auto; margin-top:0.78rem;}
.slider1 .item img { height: auto; }
.slider1 .active .item img { animation:none; }
.slider1 .item .banry{ text-align:center;}
.slider1 .item .banry div:nth-of-type(1) { transform:none; opacity: 1; }
.slider1 .item .banry div:nth-of-type(2) { transform:none; opacity: 1;}
.slider1 .item .banry .more1 { transform:none; opacity: 1; margin:0 auto;}
.slider1 .ban_l{ width:100%;}
.slider1 .owl-pagination { bottom: 5%;}
.slider1 .scroll_wrapper{ display:none;}

/*产品展示*/
.titcm{ width:100%; padding-top:0.18rem;}
.titcm:after { width: 0.5rem;}
.slider2 .cplb{ padding-top:0.25rem;}
.slider2 .cplb a{ width:48%; display:block; text-align:center; margin:0 1% 0.2rem 1%; float:left; padding:0.15rem 0;}
.slider2 .cplb a::after, .slider2 .cplb a > span { padding: 0; }
.slider2 .cp1{ width:100%;}
.slider2 .cp1 dt span{ padding:0.2rem;}
.slider2 .cp1 dd{ height:auto; padding:0.2rem 0;}
.slider2 .cp2{ width:100%; margin-top:0.15rem;}
.slider2 .cp2 dl{ width:100%; margin-bottom:0.15rem;}
.slider2 .cp2 dl:nth-of-type(3){ margin-bottom:0.15rem;}
.slider2 .cp2 dl:nth-of-type(4){ margin-bottom:0;}
.slider2 .cp2 dl:nth-of-type(odd) { float: none; }
.slider2 .cp2 dl:nth-of-type(even) { float: none; }
.slider2 .cp2 dl dd a{ height:auto; line-height:normal; padding:0.2rem 0;}

/*解决方案*/

.slider3 .slideTxtBox .hd{ width: 100%;}
.slider3 .slideTxtBox .hd ul li{ width:49%; padding:0.15rem 0; border:1px #eee solid; margin-top:0.15rem; text-align:center;}
.slider3 .slideTxtBox .hd ul li:nth-of-type(odd) { float: left; }
.slider3 .slideTxtBox .hd ul li:nth-of-type(even) { float: right; }
.slider3 .slideTxtBox .hd ul li.on{ background:#c10e0e; border:1px #c10e0e solid;}
.slider3 .slideTxtBox .bd{ width:100%; padding-top:0.25rem;}
.slider3 .slideTxtBox .bd ul .ca_bg .case_bo dl:nth-child(4n){ display:block;}

/*关于龙鑫*/
.slider4 .about_l{ width:100%; height:auto; position:inherit; left:inherit; top:inherit; padding:0.45rem 0;}
.slider4 .about_r{ width:100%; border-left:none; border-top:1px #e5e5e5 solid;}
.slider4 .about_ly .jj_gd{ height:1.34rem;}
.slider4 .about_ly dl{ border-right:none; border-bottom: 1px solid #e5e5e5;}
.slider4 .about_ly dl:last-child{ border-right: none; border-bottom:none;}
.slider4 .about_ly dl dt{ width:auto;}
.slider4 .about_ly dl dd.fln{ float:right;}
.slider4 .about_ly dl dd span{ width:1.34rem; height:1.34rem;}
.slider4 .about_ly dl dd span img{ height:0.48rem; }
.slider4 .about_ly dl:nth-of-type(2){ padding-left:0;}
.slider4 .about_ly dl:nth-of-type(3){ padding-left:0;}
.slider4 .about_lc dl:nth-of-type(1) { width: 50%; border-bottom:1px solid rgba(255,255,255,0.3); text-align:center; padding-bottom:0.15rem;}
.slider4 .about_lc dl:nth-of-type(2) { width: 50%; border-left: 1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); padding-bottom:0.15rem;}
.slider4 .about_lc dl:nth-of-type(3) { width: 50%; border-left:none; padding-top:0.15rem;}
.slider4 .about_lc dl:nth-of-type(4) { width: 50%; border-left: 1px solid rgba(255,255,255,0.3); text-align:center; padding-top:0.15rem;}
/*工程案例*/
.slider5 { width: 100%; overflow: hidden;}
.slider5 .ca_r{ float:left; padding-top:0.25rem;}

/*新闻资讯*/
.slider6 { width: 100%; overflow: hidden;}
.slider6 .newlb{ width: 100%; overflow: hidden; padding-top:0.3rem;}
.slider6 .newlb a{ width:48%; display:block; text-align:center; margin:0 1% 0.2rem 1%; float:left; padding:0.15rem 0;}

/*news*/ 
.new_img{ width:100%; position:inherit; left:inherit; top:inherit;}
.new_txt{ width:94%; margin-right:3%;}
.new_txt li .fr{ width:100%;}
.new_txt li:nth-of-type(2){ margin-top:0.2rem;}
.new_bo dl{ width:100%; padding:0.34rem 0.24rem; margin-right:0; margin-top:0.2rem;}
.new_bo dl:nth-of-type(odd) { float: none; }
.new_bo dl:nth-of-type(even) { float: none; }

/*footer*/
.slider7 { height:auto;}
}



/*keyframes*/
@keyframes turnCirle { 0% {
transform:rotateY(0);
}
 25% {
transform:rotateY(90deg);
}
 50% {
transform:rotateY(180deg);
}
 75% {
transform:rotateY(90deg);
}
 100% {
transform:rotateY(180deg);
}
}
 @-webkit-keyframes turnCirle { 0% {
transform:rotateY(0);
}
 25% {
transform:rotateY(90deg);
}
 50% {
transform:rotateY(180deg);
}
 75% {
transform:rotateY(90deg);
}
 100% {
transform:rotateY(180deg);
}
}
 @keyframes turnDown { 0% {
transform:translateY(-100%);
}
 75% {
transform:translateY(0%);
}
 100% {
transform:translateY(100%);
}
}
@-webkit-keyframes turnDown { 0% {
transform:translateY(-100%);
}
 75% {
transform:translateY(0%);
}
 100% {
transform:translateY(100%);
}
}
 @keyframes inlinerbg { 0% {
-webkit-transform:translate(5px, -9px);
transform: translate(5px, -9px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform:translate(5px, -9px);
transform: translate(5px, -9px);
}
}
@keyframes inlinerbgo { 0% {
-webkit-transform:translate(-5px, 9px);
transform: translate(-5px, 9px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform:translate(-5px, 9px);
transform: translate(-5px, 9px);
}
}
 @-webkit-keyframes to100vh {  0% {
 width: 0
}
 100% {
 width: 100vw
}
}
 @keyframes to100vh {  0% {
 width: 0
}
 100% {
 width: 100vw
}
}

@keyframes arrow { %0, %100 {
 bottom:45px;
 opacity: 1;
}
 50% {
 bottom:45px;
 opacity: .5
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:25px;
 opacity: 1;
}
 50% {
 bottom:45px;
 opacity: .5;
}
}