@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner #owl-demo .pcd { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner .owl-pagination { position: absolute; left: 0; bottom: 5%; text-align: center; }
.i_banner .owl-buttons div { width: 50px; height: 100%; background:url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6; }
.i_banner .owl-buttons div:hover { opacity: 1; }
.i_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.i_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 5%; }
/*cpzs*/
.cpzs{ background:url(../images/bg1.jpg) no-repeat center; width: 100%; overflow: hidden;}
.cpzs .outBox{ position:relative;}
.cpzs .outBox .hd{ position:relative;  }
.cpzs .outBox .hd ul li{ float:left; cursor:pointer; margin-bottom:0.5vw;  }
.cpzs .outBox .hd ul li span.opac6{ margin:0 1.2vw;}
.cpzs .outBox .hd ul li.on { color:#466aa6;}
.cpzs .outBox .hd ul li:last-child span.opac6{ display:none;}
.cpzs .inBox .inHd{ width:25%;}
.cpzs .inBox .inHd ul{ overflow:hidden; zoom:1; }
.cpzs .inBox .inHd ul li{ width:100%; cursor:pointer; margin-bottom:0.4vw;}
.cpzs .inBox .inHd ul li span{ display:block; float:left; padding:0.5vw 0.75vw;}
.cpzs .inBox .inHd ul li.on span{ background:#466aa6; color:#fff;  }
.cpzs .inBox .inBd { width:70%;  zoom:1; overflow:hidden;   }
.cpzs .inBox .inBd ul{ zoom:1; position:relative;}
.cpzs .inBox .inBd ul .slv_img{ width:52%;}
.cpzs .inBox .inBd ul .slv_txt{ width:37%;}
.cpzs .inBox .inBd ul .morei{ width:37%; float:left; position:absolute; right:0; bottom:0;}
/*case*/
.case dl{ width: 20%; margin-right: 0.25%; height:auto; transition: .6s; position: relative; overflow:hidden; height:80vh;}
.case dl:nth-child(5n) { margin-right: 0; }
.case dl dt{ position:relative;}
.case dl dt .case1_txt{ width:100%; position:absolute; left:0; bottom:8.6%;}
.case dl dt .case1_txt .ioc_img{ width:auto; height:6.4vh;}
.case dl dt .case1{ width:100%; height:80vh; background-repeat: no-repeat; background-position: left center; background-size: cover;}
.case dl dd{ width:100%; display:none;}
.case dl dd .case2{ width:100%; height:39vh; background-repeat: no-repeat; background-position: center center; background-size: cover; animation-name: uk-kenburns; animation-duration: 15s;}
.case dl dd .case2 a{ width:100%; height:39vh;}
.case dl li .text-center a{ width:100%; display:block; padding:10px 0; border:1px #b7b7b7 solid;}
.case dl li:hover .text-center a{ background:#466aa6; color:#FFF; border:1px #466aa6 solid;}

.case:hover dl{ width: 14%;}
.case dl:hover{ width: 43%;}
.case dl:hover dt{ display:none;}
.case dl:hover dd{ display:block;}

/*abouts*/
.abouts{ position:relative;}
.abouts .about_l{ width:34.5%; margin-left:11%; padding-top:5vw;}
.abouts .about_lc{ width:100%; position:absolute; left:0; bottom:0; padding-bottom:1vw;}
.abouts .about_lc .main{ box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1);}
.abouts .about_lc .main dl{ border-right:1px #eeeeee solid; text-align:center;}
.abouts .about_lc .main dl:last-child{ border-right:none;}
/*news*/
.new_lb li{ display:inline;}
.new_lb li:last-child span{ display:none;} 
.newa{ overflow: hidden; position: relative;}
.newa .item dt{ width:50%;}
.newa .item dd{ width:50%; height:100%; position:absolute; right:0; top:0;}
.newa .item dd .newnr{ width:86%;}
.newa .item: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);}
.newa .item:hover dd a{ color:#466aa6;}
.newa .owl-buttons div{ display:none;}
.newa .owl-pagination{ width:auto; position: absolute; left:53.5%; bottom: 5%;}
.newb .item dl dd{ height:16vw;}
.newb .owl-buttons div{ display:none;}
.newb .owl-pagination{ width:100%; text-align:center; padding-top:1vw;}





@media screen and (max-width: 1600px) and (min-width:0) {
/*abouts*/
.abouts .about_l{ width:38.5%; margin-left:7%; padding-top:3vw;}
}
@media screen and (max-width: 1300px) and (min-width:0) {
/*abouts*/
.abouts .about_l{ width:40.5%; margin-left:5%; padding-top:2vw;}

}
@media screen and (max-width: 1100px) and (min-width:0) {
/*abouts*/
.abouts .about_l .pb40{ padding-bottom:1vw;}
.abouts .about_l .pt40{ padding-top:1vw;}


}

@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner{ margin-top:0.78rem; height:auto;}


/*cpzs*/
.cpzs .outBox .hd ul li{ margin-bottom:0.1rem;  }
.cpzs .outBox .hd ul li span.opac6{ margin:0 0.1rem;}

.cpzs .inBox .inHd{ width:100%;}
.cpzs .inBox .inHd ul{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.cpzs .inBox .inHd ul li{ width:50%; margin-bottom:0.08rem; float:left;}
.cpzs .inBox .inHd ul li span{ padding:0.1rem 0.15rem; width:98%; margin:0 auto;}

.cpzs .inBox .inBd { width:100%; padding-top:0.15rem;}
.cpzs .inBox .inBd ul .slv_img{ width:100%;}
.cpzs .inBox .inBd ul .slv_txt{ width:100%; padding-top:0.15rem;}
.cpzs .inBox .inBd ul .morei{ width:auto; float:left; position:inherit; right:inherit; bottom:inherit; margin-top:0.2rem;}

/*case*/
.case dl{ width: 100%; margin-right: 0; height:auto; margin-bottom:0.2rem; float:left;}
.case dl:nth-child(5n) { margin-right: 0; }

.case dl dd{ width:100%; display:block;}

.case dl dd ul li{ position:relative; width: 32.4%; margin-right: 1.4%; float: left;}
.case dl dd ul li:nth-child(3n) { margin-right: 0; }
.case dl dd ul li .heau img{ opacity: 0.6;}
.case:hover dl{ width: 100%;}
.case dl:hover{ width: 100%;}

/*abouts*/
.abouts.pb110{ padding-bottom:0.2rem;}
.abouts .about_l{ width:96%; margin-left:3%; margin-right:3%; padding-top:0.6rem;}
.abouts .about_l .pb40{ padding-bottom:0.4rem;}
.abouts .about_l .pt40{ padding-top:0.4rem;}
.abouts .col-xs-2{ width:100%; padding-top:0.2rem;}
.abouts .about_lc{ position:inherit; left:inherit; bottom:inherit; padding-bottom:0.2rem; background: #eff3f6;}
.abouts .about_lc .main dl:nth-of-type(even) { border-right:none;}
/*news*/
.new_lb{ text-align:left;}
.new_lb li{ display:block; width:33.33%; margin-bottom:0.1rem; float:left;}
.new_lb li:nth-child(3n) span{ display:none;} 
.newa .item dt{ width:100%;}
.newa .item dd{ width:90%; height:inherit; position:inherit; right:inherit; top:inherit; padding:0.3rem 0; margin:0 5%;}
.newa .item dd .newnr{ width:90%;}
.newa .owl-pagination{ width:auto; right:5%; bottom: 2%; left:inherit;}
.newb .item dl dd{ height:inherit;}
.newb .item dl.conba{ width:100%;} 
.newb .owl-buttons div{ display:none;}
.newb .owl-pagination{ padding-top:0.2rem;}
}

/* animation */
@keyframes uk-kenburns { 0% {
transform:scale(1)
}
100% {
transform:scale(1.2)
}
}
 @-webkit-keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
@keyframes tracking-in-contract { 0% {
letter-spacing:1em;
opacity:0
}
40% {
opacity:.6
}
100% {
letter-spacing:normal;
opacity:1
}
}
.rotate-center { -webkit-animation: rotate-center 4s linear infinite both; animation: rotate-center 4s linear infinite both }
@-webkit-keyframes rotate-center { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
 -webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.slide-bottom-back { -webkit-animation: slide-bottom-back 2s linear infinite both; animation: slide-bottom-back 2s linear infinite both }
@-webkit-keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
@keyframes slide-bottom-back { 0% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
20% {
-webkit-transform:translateY(-3px);
transform:translateY(-3px)
}
50% {
-webkit-transform:translateY(8px);
transform:translateY(8px)100% {
-webkit-transform:translateY(0px);
transform:translateY(0px)
}
}
}
.heartbeat { -webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both }
@-webkit-keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes heartbeat { from {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
10% {
-webkit-transform:scale(.91);
transform:scale(.91);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
17% {
-webkit-transform:scale(.98);
transform:scale(.98);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
33% {
-webkit-transform:scale(.87);
transform:scale(.87);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
45% {
-webkit-transform:scale(1);
transform:scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
 @keyframes uk-fade { 0% {
opacity:0
}
100% {
opacity:1
}
}
 @keyframes uk-slide-bottom { 0% {
transform:translateY(100%)
}
100% {
transform:translateY(0)
}
}