@charset "utf-8";
/*banner*/
.slider1 { width: 100%; overflow: hidden; position: relative; margin-top:10vh;}
.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 .owl-pagination { position: absolute; left: 0; bottom: 5%; 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, .slider1 .owl-buttons div:hover.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.slider1 .owl-buttons div.owl-next, .slider1 .owl-buttons div:hover.owl-next { right: 5%; }
/*abouts*/
.abouts{ position:relative;}
.about_l{ width:47.5%; position:absolute; left:10%; top:0; height:100%;}
.about_l .f36 span{ display:block;}
.about_r{ width:36%; position:relative;}
.about_r dd{ width:100%; position:absolute; left:0; top:0; height:100%;}
.about_r dd ul{ width:57%; margin-right:30%; position:relative;}
.about_r dd ul i{ width:100%; height:1px; background:#fff; opacity:0.1; position:absolute; left:0; top:50%;}
.about_r dd ul em{ width:1px; height:100%; background:#fff; opacity:0.1; position:absolute; left:50%; top:0;}
.about_r dd ul li img{ width:auto; height:3.5vw;}
/*cpzs*/
.cpzs{ background:url(../images/bg2.jpg) no-repeat center; background-size:cover;}
.cpzs .main{ position:relative;} 
.cpzs .case_top{ position:absolute; left:0; top:0; z-index:1;}
.cpzs_bo #owl-demo{ position:relative;}
.cpzs_bo #owl-demo .item { display: block; overflow: hidden; }
.cpzs_bo #owl-demo .item dl{ width:95%; margin:0 auto; background:#ffffff; padding:1.3vw 1.3vw 0 1.3vw;}
.cpzs_bo #owl-demo .item dl dd{ position:relative;}
.cpzs_bo #owl-demo .item dl dd a.fln{ width:82%; position:absolute; left:0; top:0; height:100%; display: -webkit-box; display: flex; -webkit-box-pack: center; -webkit-box-align: center; align-items: center;}
.cpzs_bo .owl-pagination { display:none;}
.cpzs_bo .owl-buttons div{ width:2.6vw; height:2.6vw; background:url(../images/awr.png) no-repeat center; background-size:contain; position:absolute; top:0;}
.cpzs_bo .owl-buttons div:hover{ background:url(../images/awr_ed.png) no-repeat center; background-size:contain;}
.cpzs_bo .owl-buttons div.owl-prev{ right:4.8%;}
.cpzs_bo .owl-buttons div.owl-next, .cpzs_bo .owl-buttons div:hover.owl-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
/*case*/
.case{ position:relative;}
.case .anli_top{ width:100%; position:absolute; left:0; top:10%; z-index:1; color:#FFF;}
.case .anli_top a{ color:#FFF;}
.case .anli_top .anli_ly{ width:45%;}
.case .slideTxtBox{ width:100%; position:relative;  }
.case .slideTxtBox .hd{ width:100%; position:absolute; left:0; bottom:15%; z-index:1;}
.case .slideTxtBox .hd .hdr{ width:68%;}
.case .slideTxtBox .hd .hdr li{ width:23%; margin:0 1%; background:#fff; padding:3vw 1.5vw 1.5vw 1.5vw; float:left; position:relative;}
.case .slideTxtBox .hd .hdr li .ioc_img img{ width:auto; height:2vw;}
.case .slideTxtBox .hd .hdr li .ioc_img span{ display:block;}
.case .slideTxtBox .hd .hdr li .ioc_img i{ display:none;}
.case .slideTxtBox .hd .hdr li .tsarb{ width:auto; position:absolute; top:1.5vw; right:1.5vw; z-index:1;}
.case .slideTxtBox .hd .hdr li.on{ background:#215191; color:#FFF;}
.case .slideTxtBox .hd .hdr li.on .ioc_img span{ display:none;}
.case .slideTxtBox .hd .hdr li.on .ioc_img i{ display:block;}
.case .slideTxtBox .hd .hdr li.on a{ color:#FFF;}
.case .slideTxtBox .bd ul{ width:100%; zoom:1;  }

/*news*/
.newbo{ position:relative;}
.new_ly{ width:35%; position:absolute; left:0; bottom:0; height:100%;}
.new_ly .news_img{ width:100%; height:100%;}
.new_ly dd{ position:absolute; left:0; bottom:0; z-index:2;}
.new_ly i{ width:100%; height:100%; background:url(../images/ny.png) repeat-x bottom; position:absolute; left:0; bottom:0; z-index:1;}
.new_ly:hover .news_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);}
.new_ly:hover i{ background:url(../images/ny_ed.png) repeat-x bottom;}
.new_ry{ width:65%;}
.new_ry li{ width:43%; margin-left:7%; border-bottom:1px #c9c9c9 solid;}
.new_ry li:hover a{ color:#215191;}
/*link*/
.link{ position:relative;}
.link .link_c{ width:38%; background:#fff; position:absolute; left:0; top:4vw; z-index:1;}
.link .link_c .link_l{ width:60%; margin-left:28%;}

@media screen and (max-width: 1600px) and (min-width:0) {
/*abouts*/
.about_l{ width:48.5%; left:9%;}
.about_r dd ul{ width:60%; margin-right:27%;}
/*link*/
.link .link_c{ width:36%; }
.link .link_c .link_l{width:61%; margin-left:26%;}

}
@media screen and (max-width: 1300px) and (min-width:0) {
/*abouts*/
.about_l{ width:52.5%; left:5%;}
.about_l .f36 span{ display:inline;}
.about_r dd ul{ width:69%; margin-right:20%;}
/*link*/
.link .link_c{ width:30%; }
.link .link_c .link_l{width:62%; margin-left:20%;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
/*link*/
.link .link_c{ width:32%; }
.link .link_c .link_l{ width:64%; margin-left:18%;}
}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.slider1 { height: auto; margin-top:0.78rem;}
.slider1 .item img { height: auto; }
.slider1 .active .item img { animation:none; }
.slider1 .owl-pagination { bottom: 5%;}

/*abouts*/
.about_l{ width:90%; position:inherit; left:inherit; top:inherit; height:auto; margin-right:5%; margin-left:5%; padding:0.35rem 0;}
.about_l .f36 span{ display:block;}
.about_r{ width:100%;}
.about_r dd ul{ width:90%; margin-right:5%; margin-left:5%;}
.about_r dd ul li{ width:50%;}
.about_r dd ul li img{ height:0.7rem;}

/*cpzs*/
.cpzs{ background:url(../images/bg2.jpg) no-repeat center; background-size:cover;}
.cpzs_bo #owl-demo .item dl{ width:100%;padding:0.26rem 0.26rem 0 0.26rem;}
.cpzs_bo #owl-demo .item dl dd a.fln{ width:84%; position:absolute; left:0; top:0; height:100%; display: -webkit-box; display: flex; -webkit-box-pack: center; -webkit-box-align: center; align-items: center;}
.cpzs_bo .owl-pagination { display:none;}
.cpzs_bo .owl-buttons div{ width:0.56rem; height:0.56rem;}
.cpzs_bo .owl-buttons div.owl-prev{ right:12%;}
/*case*/
.case{ padding:0.65rem 0;}
.case .anli_top{ position:inherit; left:inherit; top:inherit; z-index:inherit; color:#252525;}
.case .anli_top .f40 a{ color:#252525;}
.case .anli_top .anli_ly{ width:100%;}
.case .slideTxtBox{ width:100%; position:relative; padding-top:0.35rem;}
.case .slideTxtBox .hd{ width:100%; position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.case .slideTxtBox .hd .hdr{ width:100%;}
.case .slideTxtBox .hd .hdr li{ width:48%; margin:0 1% 0.2rem 1%; padding:0.6rem 0.3rem 0.3rem 0.3rem; border:1px #eee solid;}
.case .slideTxtBox .hd .hdr li .ioc_img img{ height:0.4rem;}
.case .slideTxtBox .hd .hdr li .tsarb{ top:0.3rem; right:0.3rem;}
.case .slideTxtBox .bd { padding-top:0.15rem;}

/*news*/
.new_ly{ width:100%; position:inherit; left:inherit; bottom:inherit; height:auto;}
.new_ry{ width:100%; padding-top:0.4rem}
.new_ry li{ width:100%; margin-left:0;}
}



/*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;
}
}