@charset "utf-8";
/*banner*/
.slider1 { width: 100%; overflow: hidden; position: relative; margin-top:5vw;}
.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 .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, .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%; }
/*abouts*/
.abouts{ width:100%; overflow:hidden; position:relative; padding-bottom:14vw;}
.abouts .abouts_txt .about_l{ width:52%; color:#FFF; margin-left:1.5vw;}
.abouts .abouts_txt .about_l .f72{ text-shadow: 2px 2px 2px #FFF;}
.abouts .abouts_ys{ width:100%; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;}
.abouts .abouts_ys ul li{ width:14.28%; overflow:hidden; text-align:center; position:relative; height:15vw;}
.abouts .abouts_ys ul li dl{ width:100%; overflow:hidden; position:absolute; left:0; top:5.3vw; z-index:1; text-align:center;}
.abouts .abouts_ys ul li dl dt{ height:4vw;}
.abouts .abouts_ys ul li dl dt img{ width:auto; max-height:4vw;}
.abouts .abouts_ys ul li dl dt span{ display:block;}
.abouts .abouts_ys ul li dl dt i{ display:none;}
.abouts .abouts_ys ul li dl dd{ color:#666666;}
.abouts .abouts_ys ul li i.tra3{ width:100%; height:100%; display:block; position:absolute; left:0; bottom:-100%; background:#003399;}
.abouts .abouts_ys ul li:hover dl dt span{ display:none;}
.abouts .abouts_ys ul li:hover dl dt i{ display:block;}
.abouts .abouts_ys ul li:hover dl dd{ color:#FFF;}
.abouts .abouts_ys ul li:hover i.tra3{ bottom:0;}
/*cpzs*/
.more{ width:10.4vw; height:3vw; line-height:3vw; display:block; background:url(../images/more.png) no-repeat; background-size:100% 100%;}
.more span{ margin-left:1.5vw; color:#FFF;}
.more i{ margin-right:1.5vw; width:11%; height:3vw; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center;}
.more:hover{ background:#ff9900; color:#FFF;}
.more1{ width:11.5vw; height:4.1vw; line-height:4.1vw; background:#ff9900; color:#FFF; display:block; text-align:center;}
.slideTxtBox{ padding-bottom:2.5vw; position:relative;}
.slideTxtBox .cpzs_top{ width:100%; overflow:hidden; position:absolute; left:0; top:3.3vw; z-index:1;}
.slideTxtBox .cpzs_top .cpzs_ltop{ width:40.5%;}
.slideTxtBox .bd{ width:100%; overflow:hidden; background-image: linear-gradient(to left, #ffffff 50%, #0066cc 50%); padding-bottom:3vw;}
.slideTxtBox .bd ul{ zoom:1;}
.slideTxtBox .bd ul .main{ position:relative;}
.slideTxtBox .bd ul .cpzs_l{ width:43%; position:relative; padding-top:9vw;}
.slideTxtBox .bd ul .cpzs_l dl{ width:84%; float:left; margin-left:1.5vw;}
.slideTxtBox .bd ul .cpzs_l dl dt a{ color:#FFF;}
.slideTxtBox .bd ul .cpzs_l dl dd{ border:5px #ffffff solid;}
.slideTxtBox .bd ul .cpzs_l .more{ position:absolute; right:0; bottom:1vw; z-index:1;}
.slideTxtBox .bd ul .cpzs_l:hover dt a{ color:#ff9900;}
.slideTxtBox .bd ul .cpzs_l:hover dd 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);}
.slideTxtBox .bd ul .cpzs_l:hover .more{ background:#ff9900; color:#FFF;}
.slideTxtBox .bd ul .more1{ position:absolute; left:43%; top:2.2vw; z-index:1;}
.slideTxtBox .bd ul .cpzs_r{ width:43%; background:#fff; box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.2); padding-top:1.4vw; margin:3.5vw 1vw 1vw 0;  }
.slideTxtBox .bd ul .cpzs_r dd .f30{ width:63%; color:#003399; padding-top:0.5vw;}
.slideTxtBox .bd ul .cpzs_r:hover{ background:#0066cc;}
.slideTxtBox .bd ul .cpzs_r:hover dd .f30{ color:#FFF;}
.slideTxtBox .bd ul .cpzs_r:hover .more{ background:#ff9900; color:#FFF;} 
.slideTxtBox .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:0; z-index:1;}
.slideTxtBox .hd ul li{ width:15.66%; float:left; margin:0 0.5%; background:#003399; padding:2vw 0; text-align:center; color:#FFF;}
.slideTxtBox .hd ul li.on{ background:#f5f5f5; color:#252525;}
/*case*/
.case{ background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.case .case_top{ padding:1.3vw 0 0 1.5vw;}
.case .case_bo #owl-demo{ padding:0 4%;}
.case .case_bo #owl-demo .item dl{ width:86%; margin:0 auto; background:#fff; padding:1.4vw 1.4vw 0 1.4vw;}
.case .case_bo #owl-demo .item dl:hover{ background:#0066cc; color:#FFF;}
.case .case_bo #owl-demo .item dl:hover a{ color:#FFF;}
.case .case_bo #owl-demo .item 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);}
.case .case_bo .owl-pagination{ display:none;}
.case .case_bo .owl-buttons div { width: 58px; height: 100%; background:url(../images/awr.png) no-repeat center; display: block; position: absolute; top: 0;}
.case .case_bo .owl-buttons div:hover { background:url(../images/awr_ed.png) no-repeat center;}
.case .case_bo .owl-buttons div.owl-prev, .case .case_bo .owl-buttons div:hover.owl-prev { left: 0; }
.case .case_bo .owl-buttons div.owl-next, .case .case_bo .owl-buttons div:hover.owl-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/*news*/
.new1{ width:31.25%;}
.new2{ margin-left:3%;}
.newtxt dl{ padding:1.6vw 0;}
.newtxt dl:hover{ background:#0066cc; color:#FFF;}
.newtxt dl:hover a{ color:#FFF;}
.newbo li{ padding:1.2vw 0; border-bottom:1px #eeeeee solid;}
.newbo li:hover a{ color:#003399;}
.newbo span img{ width:auto; height:2.2vw;}

@media screen and (max-width: 1600px) and (min-width:0) {
/*abouts*/
.abouts .abouts_txt .about_l{ width:60%; margin-left:0;}
}
@media screen and (max-width: 1300px) and (min-width:0) {
/*abouts*/
.abouts .abouts_txt .about_l{ width:66%;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
/*abouts*/
.abouts .abouts_txt .about_l{ width:70%;}
}
@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 .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 .item .banry .f72{ font-size:0.6rem;}
.slider1 .owl-pagination { bottom: 5%;}
.slider1 .scroll_wrapper{ display:none;}
/*abouts*/
.abouts{ padding-bottom:0;}
.abouts .abouts_txt .about_l{ width:100%; margin-left:0;}
.abouts .abouts_ys{ position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.abouts .abouts_ys ul li{ width:25%; height:auto; padding:0.25rem 0; border-bottom:1px #fff solid; border-right:1px #fff solid;}
.abouts .abouts_ys ul li:nth-child(4n){ border-right:none;}
.abouts .abouts_ys ul li dl{ position:inherit; left:inherit; top:inherit; z-index:inherit;}
.abouts .abouts_ys ul li dl dt{ height:0.8rem;}
.abouts .abouts_ys ul li dl dt img{ max-height:0.6rem;}
.abouts .abouts_ys ul li i.tra3{ display:none;}
.abouts .abouts_ys ul li:hover dl dt span{ display:block;}
.abouts .abouts_ys ul li:hover dl dt i{ display:none;}
.abouts .abouts_ys ul li:hover dl dd{ color:#252525;}



/*cpzs*/
.more{ width:2.08rem; height:0.6rem; line-height:0.6rem; display:block;}
.more span{ margin-left:0.2rem;}
.more i{ margin-right:0.2rem; width:10%; height:0.6rem; }
.more1{ width:2.3rem; height:0.82rem; line-height:0.82rem; }

.slideTxtBox{ padding-bottom:0; position:relative; padding-top:0.7rem;}
.slideTxtBox .cpzs_top{ position:inherit; left:inherit; top:inherit; z-index:inherit;}
.slideTxtBox .cpzs_top .cpzs_ltop{ width:100%;}
.slideTxtBox .cpzs_top .cpzs_ltop .f36.white{ color:#003399;}
.slideTxtBox .cpzs_top .cpzs_ltop .f18.white{ color:#252525;}
.slideTxtBox .cpzs_top .cpzs_ltop .ml30{ margin-left:0;}
.slideTxtBox .cpzs_top .cpzs_ltop .mr30{ margin-right:0;}
.slideTxtBox .bd{ background-image: linear-gradient(to top, #ffffff 30%, #0066cc 70%); padding-bottom:0.6rem;}
.slideTxtBox .bd ul .cpzs_l{ width:100%; position:relative; padding-top:0.6rem;}
.slideTxtBox .bd ul .cpzs_l dl{ width:90%; margin-left:0;}
.slideTxtBox .bd ul .cpzs_l .more{ bottom:0.2rem; }
.slideTxtBox .bd ul .more1{ position:inherit; left:inherit; top:inherit; z-index:inherit; float:left; margin-top:0.2rem;}
.slideTxtBox .bd ul .cpzs_r{ width:94%; padding-top:0.28rem; margin:0.3rem 3% 0.4rem 3%;  }
.slideTxtBox .bd ul .cpzs_r dd .f30{ padding-top:0.1rem; width:53%;}
.slideTxtBox .hd{ position:inherit; left:inherit; bottom:inherit; z-index:inherit; padding:0.25rem 0;}
.slideTxtBox .hd ul { width:96%; margin:0 auto;}
.slideTxtBox .hd ul li{ width:49%; padding:0.4rem 0; text-align:center; margin:0 0.5% 1px 0.5%;}
/*case*/
.case .f36.ml30{ margin-left:0;}
.case .f18.mr30{ margin-right:0;}
.case .case_top{ padding:0.26rem 0 0 0;}
.case .case_bo #owl-demo{ padding:0 0;}
.case .case_bo #owl-demo .item dl{ width:100%; padding:0.28rem 0.28rem 0 0.28rem;}
.case .case_bo #owl-demo .item dl:hover{ background:#0066cc; color:#FFF;}
.case .case_bo #owl-demo .item dl:hover a{ color:#FFF;}
.case .case_bo #owl-demo .item 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);}
.case .case_bo .owl-pagination{ display:inline-block; text-align:center; padding-top:0.25rem;}
.case .case_bo .owl-buttons div { display:none;}

/*news*/
.new1{ width:100%; margin-top:0.6rem;}
.new1:last-child{ margin-bottom:0.6rem;}
.new2{ margin-left:0;}
.newtxt dl{ padding:0.3rem 0;}
.newbo li{ padding:0.25rem 0; }
.newbo span img{ height:0.34rem;}
}



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