@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; border-bottom:6px #999999 solid;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner .item .uk-position-center { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
.i_banner #owl-demo .owl-item .uk-animation-kenburns img { width: 100%; height: auto; transition: all 1s ease 2.5s; }
.i_banner #owl-demo .owl-item.active .uk-animation-kenburns img { animation-name: uk-kenburns; animation-duration: 15s; }
.i_banner #owl-demo .owl-item.active .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; animation-duration: .2s }
.i_banner #owl-demo .owl-item.active .tracking-in-contract { -webkit-animation: tracking-in-contract 1.5s .5s both; animation: tracking-in-contract 1.5s .5s both }
.i_banner #owl-demo .owl-item.active .uk-animation-slide-bottom { animation-name: uk-fade, uk-slide-bottom; animation-duration: 1s; }
.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%; }
.more{ width: 187px; height: 55px; line-height: 55px; display: block; text-align: center;}
.more1 { color: #FFF; border:2px #11308b solid; background: #11308b; }
.more1:hover { background:#FFF; color: #11308b;}
.more2 { color: #11308b; border:2px #FFF solid; background:#FFF; }
.more2:hover { background:none; color: #FFF; }
/*abouts*/
.titis{ position: relative;}
.about_l{ width: 44%;}
.about_l .ab_video a{ position: relative; background:#282828;}
.about_l .ab_video a i{ height:100%; position:absolute; left:0; top:0; z-index:1;}
.about_l .ab_video a .heau img{ opacity:0.7;}
.about_l .ab_video a:hover .heau img{ opacity:1;}
.about_r{ width: 49%;}
.about_lc dl:nth-of-type(2) { border-left: 1px #eeeeee solid; border-right: 1px #eeeeee solid; margin: 0 10%; padding: 0 10%; }

/*cpzs*/
.cpzs{ position: relative; width:84%; margin:0 auto;}
.cpzs #owl-demo { padding:0 3%;}
.cpzs .item { width: 100%; display: block; overflow: hidden;}
.cpzs .item dl{ padding:8px 8px 0 8px; background:#FFF; position: relative;}
.cpzs .item dl dt, .cpzs .item dl dd{ z-index:10;}
.cpzs .item dl:hover{ background:#11308b;}
.cpzs .item dl:hover a{ color:#FFF;}
.cpzs .owl-pagination{ display:none;}
.cpzs .owl-buttons div { width: 26px; height: 100%; background:url(../images/awr.png) no-repeat center; background-size:contain; display: block; position: absolute; top: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i;}
.cpzs .owl-buttons div:hover{ background:url(../images/awr_ed.png) no-repeat center;  background-size:contain;} 
.cpzs .owl-buttons div.owl-prev, .cpzs .owl-buttons div:hover.owl-prev { left: 0;  }
.cpzs .owl-buttons div.owl-next, .cpzs .owl-buttons div:hover.owl-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}

/*case_list*/
.case_list{ position: relative; width:90%; float:right;}
.case_list #owl-demo { width: 118%;}
.case_list .item { width: 100%; display: block; overflow: hidden;}
.case_list .item dl{ background:#FFF; position: relative; padding:1.5vw 0 0 1.5vw;}
.case_list .item dl dt img{ width:auto; height:2.9vw;}
.case_list .item dl dt .img1{ display:block;}
.case_list .item dl dt .img2{ display:none;}
.case_list .item dl dt{ line-height:2.9vw;}
.case_list .item dl:hover{ background:#4c4c4c;}
.case_list .item dl:hover a{ color:#FFF;}
.case_list .item dl:hover dt .img1{ display:none;}
.case_list .item dl:hover dt .img2{ display:block;}
.case_list .owl-pagination { text-align: center; padding-top:2vw;}
.case_list .owl-buttons div{ display:none;}
/*news*/
.newi .new_ly{ width:54%; background:#eff3f6;}
.newi .new_ly dl{ position:relative;}
.newi .new_ly dl dd{ width:100%; overflow: hidden; position:absolute; left:0; bottom:0; z-index:3;}
.newi .new_ly dl i{ width:100%; height:100%; background:url(../images/ny.png) repeat-x bottom; position:absolute; left:0; top:0; z-index:1; display:block;}
.newi .new_ly dl:hover i{ opacity:0.6;}
.newi .new_ly .new_txt li a{ width:84%; overflow: hidden;}
.newi .new_ly .new_txt li:hover a{ color:#11308b;}

.newr { width: 44%; }
.newr dl { padding: 1.5vw; position: relative; background: #eff3f6; margin-bottom:1.2vw; }
.newr dl:hover { background: #11308b; color: #FFF; }
.newr dl:hover a { color: #FFF; }
@media screen and (max-width: 1600px) and (min-width:0) {
.more1 { width: 180px; height: 53px; line-height: 53px;}
/*cpzs*/
.cpzs{ width:90%;}

.newr dl { padding: 1.6vw; margin-bottom:1.4vw; }
}
@media screen and (max-width: 1300px) and (min-width:0) {
.more1 { width: 170px; height: 48px; line-height: 48px;}

.newr dl { padding: 1.8vw; margin-bottom:1.6vw; }
}
@media screen and (max-width: 1100px) and (min-width:0) {
.more1 { width: 160px; height: 44px; line-height: 44px;}

.newr dl { padding: 1.6vw; margin-bottom:1.3vw; }
}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner #owl-demo .owl-item.active .uk-animation-kenburns img { animation-name: none; animation-duration: none; }
.i_banner #owl-demo .owl-item.active .uk-animation-reverse { animation-direction: none; animation-timing-function: none; animation-duration: .2s }
.i_banner #owl-demo .owl-item.active .tracking-in-contract { -webkit-animation: none; animation: none; }
.i_banner #owl-demo .owl-item.active .uk-animation-slide-bottom { animation-name: none; animation-duration: none; }
.more { width: 2rem; height: 0.6rem; line-height: 0.6rem; }

/*abouts*/
.about_l{ width: 100%;}

.about_r{ width: 100%; padding-top:0.3rem}
.about_lc dl:nth-of-type(1) { width: 50%; }
.about_lc dl:nth-of-type(2) { width: 50%; border-left: 1px #eeeeee solid; border-right: none; margin: 0 0; padding: 0 0 0 10%; }
.about_lc dl:nth-of-type(3) { width: 50%; padding-top: 0.1rem; }
.about_lc dl dd{ width: 100%;}
.about_lc dl dd.ml40{ margin-left:0;}
.about_lc dl.frn{ float:left;}

/*cpzs*/
.titis .cpt{ width:78%; float:right;}
.titis .cpt.ml20{ margin-left:0;}

.cpzs{ width:100%;}

.cpzs .item dl{ padding:0.08rem 0.08rem 0 0.08rem;}
.cpzs .owl-buttons div { width: 0.26rem; }

/*case_list*/
.titis .cat{ width:78%; float:right;}
.titis .cat.ml20{ margin-left:0;}

.case_list{ width:94%; float:none; margin:0 auto;}
.case_list #owl-demo { width: 100%;}

.case_list .item dl{ padding:0.3rem 0 0 0.3rem;}
.case_list .item dl dt img{ height:0.58rem;}
.case_list .item dl dt{ line-height:0.58rem;}
.case_list .item dl:hover{ background:#4c4c4c;}
.case_list .owl-pagination { padding-top:0.2rem;}
/*news*/
.newi .new_ly{ width:100%;}
.newi .new_ly .new_txt li{ border-bottom:1px #ccc solid;}
.newi .new_ly .new_txt li a{ width:100%; overflow: hidden;}
.newi .new_ly .new_txt li span{ padding-top:0.1rem; display:block;}

.newr { width: 100%; padding-top: 0.25rem; }
.newr dl { padding: 0.3rem; margin-bottom: 0.1rem; }
}


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