@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:5.8vw;}
.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%; }
.more1{ width: 186px; height: 56px; line-height: 56px; display: block; position:relative; text-align:center; overflow: hidden; background: #0056ae; color: #fff; }
.more1::before, .more1::after{ content: attr(data-text); position: absolute; width: 100%; height: 50%; left: 0; background: #008cd6; color: #fff; overflow: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 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);}
.more1::before { top: 0; }
.more1::after { bottom: 0; line-height: 0; }
.more1 > span { display: block; -webkit-transform: scale3d(0.2, 0.2, 1); transform: scale3d(0.2, 0.2, 1); opacity: 0; -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); }
.more1:hover::before { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
.more1:hover::after { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.more1:hover > span { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); color: #fff; }
/*abouts*/
.abouts{ position:relative;}
.abouts .abouts_l{ width:46.5%; margin-left:11%; position:absolute; left:0; top:0; height:100%;}
.abouts .abouts_l .about_lc dl:nth-of-type(2){ margin-left:12.4%;}
.abouts .abouts_r{ width:44%;}

/*cpzs*/
.cpzs{ background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.cpzs .cplb dl:nth-of-type(1){ width:64%; background:#0056ae; float:left;}
.cpzs .cplb dl:nth-of-type(1) dd ul li{ width:31.7%; margin-right:2.41%; float:left;}
.cpzs .cplb dl:nth-of-type(1) dd ul li:nth-child(3n){ margin-right:0;}
.cpzs .cplb dl:nth-of-type(2){ width:34%; background:#008cd6; float:right; margin-left:2%;}
.cpzs .cplb dl:nth-of-type(2) dd ul li{ width:49%; margin-right:1.4%; float:left;}
.cpzs .cplb dl:nth-of-type(2) dd ul li:nth-child(2n){ margin-right:0;}
.cpzs .cplb dl ul li a{ opacity:0.7;}
.cpzs .cplb dl ul li a:hover{ opacity:1;}

/*case*/
.case .slideTxtBox{ position:relative;  }
.case .slideTxtBox .hd ul{ width:auto;}
.case .slideTxtBox .hd ul li{ width:8.5vw; margin-left:1.5vw; position:relative; padding-bottom:1vw; box-sizing:inherit; -moz-box-sizing: inherit;}
.case .slideTxtBox .hd ul li:nth-of-type(1){ margin-left:0;}
.case .slideTxtBox .hd ul li .padt35{ background:#eff3f7; position:relative; z-index:1;}
.case .slideTxtBox .hd ul li .padt35 .img1{ display:block; margin:0 auto;}
.case .slideTxtBox .hd ul li .padt35 .img2{ display:none; margin:0 auto;}
.case .slideTxtBox .hd ul li .f20{ color:#8d9aa8;}
.case .slideTxtBox .hd ul li .padt35 .f90{ position:absolute; left:0; bottom:-2vw; z-index:-1;}
.case .slideTxtBox .hd ul li .dbioc{ width:100%; position:absolute; left:0; bottom:-100%;}
.case .slideTxtBox .hd ul li .dbioc img{ height:12px;}
.case .slideTxtBox .hd ul li.on .padt35{ background:#0056ae; color:#fff;}
.case .slideTxtBox .hd ul li.on .padt35 .img1{ display:none;}
.case .slideTxtBox .hd ul li.on .padt35 .img2{ display:block;} 
.case .slideTxtBox .hd ul li.on .padt35 .f20{ color:#FFF;}
.case .slideTxtBox .hd ul li.on .padt35 .f90{ opacity:0.1;}
.case .slideTxtBox .hd ul li.on .dbioc{ bottom:0;}
.case .slideTxtBox .bd ul{ zoom:1; position:relative;}
.case .slideTxtBox .bd ul .case_txt{ background:url(../images/cy.png) repeat; position:absolute; left:0; bottom:0; z-index:1;}
.case .slideTxtBox .bd ul .case_txt .fl{ width:68%;}

/*youshi*/
.youshi .ys_ly{ width:auto; padding-top:1.3vw;}
.youshi .ys_ly .f32{ position:relative; padding-left:3.5vw;}
.youshi .ys_ly .f32:after { content: ''; width: 2.5vw; height: 2px; background: #FFF; position: absolute; left: 0; top: 60%;}
.youshi .ys_ry{ width:68%; position:relative; z-index:1;}
.youshi .ys_ry .ys_c{ width:calc(100% - 0.7vw); height:100%; position:absolute; left:0; top:0.7vw; background:url(../images/sy.png) repeat; z-index:-1;}
.youshi .ys_ry .slideTxtBox{ position:relative; background:#FFF; margin:0 0 0.7vw 0.7vw; z-index:1;}
.youshi .ys_ry .slideTxtBox .hd{ background:url(../images/lc.jpg) repeat-x bottom;}
.youshi .ys_ry .slideTxtBox .hd ul li{ background:url(../images/ln.png) no-repeat center bottom; width:24.2%; margin-right:1%;}
.youshi .ys_ry .slideTxtBox .hd ul li:nth-child(4n){ margin-right:0;}
.youshi .ys_ry .slideTxtBox .hd ul li .img1{ display:block; margin:0 auto;}
.youshi .ys_ry .slideTxtBox .hd ul li .img2{ display:none; margin:0 auto;}
.youshi .ys_ry .slideTxtBox .hd ul li.on{ background:url(../images/ld.jpg) no-repeat center bottom; color:#0056ae;}
.youshi .ys_ry .slideTxtBox .hd ul li.on .img1{ display:none;}
.youshi .ys_ry .slideTxtBox .hd ul li.on .img2{ display:block;}  
.youshi .ys_ry .slideTxtBox .bd ul{ zoom:1; position:relative;}
.youshi .ys_ry .slideTxtBox .bd ul .f100{ width:100%; position:absolute; left:0; bottom:-2vw;}

/*news*/
.news .new_img{ width:47%;}
.news .new_img: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); }
.news .sideMenu{ width:52%; margin-left:1%;}
.news .sideMenu h3{ width: 100%; overflow: hidden; cursor:pointer; font-weight:normal;}
.news .sideMenu h3 .newa{ border-bottom:1px #cacaca dashed;}
.news .sideMenu h3:nth-of-type(8) .newa{ border-bottom:none;}
.news .sideMenu h3 .newa a.fl{ width:82%;}
.news .sideMenu h3 .newa a span{ color:#a5bdd4;}
.news .sideMenu h3 .newa .fr{ opacity:0.6;}
.news .sideMenu ul{ width: 100%; display:none; border-bottom:1px #cacaca solid; overflow:hidden;}
.news .sideMenu ul dl.fr{ width:85%;}
.news .sideMenu h3.on .newa{ display:none;}































@media screen and (max-width: 1600px) and (min-width:0) {
.more1{ width: 160px; height: 50px; line-height: 50px; }
.abouts .abouts_l{ width:49.5%; margin-left:8%;}
.abouts .abouts_l .f32{ font-size:28px;}
.abouts .abouts_l .pt20{ padding-top:10px;}
.abouts .abouts_l .pt40{ padding-top:15px;}
.abouts .abouts_l .pt50{ padding-top:25px;}
.abouts .abouts_l .pt60{ padding-top:35px;}
}
@media screen and (max-width: 1300px) and (min-width:0) {
.more1{ width: 150px; height: 45px; line-height: 45px; }
.abouts .abouts_l{ width:52.5%; margin-left:5%;}
.abouts .abouts_l .f32{ font-size:22px;}
.abouts .abouts_l .pt20{ padding-top:5px;}
.abouts .abouts_l .pt40{ padding-top:5px;}
.abouts .abouts_l .pt50{ padding-top:10px;}
.abouts .abouts_l .pt60{ padding-top:20px;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
.more1{ width: 140px; height: 40px; line-height: 40px; }

}
@media screen and (max-width: 1024px) and (min-width:0) {
.more1{ width: 2rem; height: 0.66rem; line-height: 0.66rem; }

.abouts{ padding:0.65rem 0;}
.abouts .abouts_l{ width:96%; margin-left:3%; margin-right:3%; position:inherit; left:inherit; top:inherit; height:auto;}
.abouts .abouts_l .f32{ font-size:0.34rem;}
.abouts .abouts_l .pt20{ padding-top:0.2rem;}
.abouts .abouts_l .pt40{ padding-top:0.4rem;}
.abouts .abouts_l .pt50{ padding-top:0.5rem;}
.abouts .abouts_l .pt60{ padding-top:0.6rem;}
.abouts .abouts_l .about_lc dl:nth-of-type(1){ width:auto;}
.abouts .abouts_l .about_lc dl:nth-of-type(2){ width:auto; margin-left:0;}
.abouts .abouts_l .about_lc dl:nth-of-type(2).fln{ float:right;}
.abouts .abouts_l .about_lc dl:nth-of-type(3){ width:100%; padding-top:0.15rem;}
.abouts .abouts_r{ width:100%; padding-top:0.25rem}

/*cpzs*/
.tits .pt100{ padding-top:0.3rem;}
.cpzs .cplb dl dd ul{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.cpzs .cplb dl dd ul li{ display: flex; flex-wrap: wrap; flex-direction: row;}
.cpzs .cplb dl:nth-of-type(1){ width:100%; float:none;}
.cpzs .cplb dl:nth-of-type(1) dd ul li{ width:49%; margin-right:1.4%;}
.cpzs .cplb dl:nth-of-type(1) dd ul li:nth-child(3){ margin-right:1.4%;}
.cpzs .cplb dl:nth-of-type(1) dd ul li:nth-child(2n){ margin-right:0;}
.cpzs .cplb dl:nth-of-type(2){ width:100%; float:none; margin-left:0; margin-top:0.2rem;}
.cpzs .cplb dl:nth-of-type(2) dd ul li{ width:49%; margin-right:1.4%; float:left;}
.cpzs .cplb dl:nth-of-type(2) dd ul li:nth-child(2n){ margin-right:0;}

/*case*/
.case .slideTxtBox .arrow a{ width:19px; height:29px; position:absolute; top:2.3rem; z-index:5; background:url(../images/awr.png) no-repeat;}
.case .slideTxtBox .arrow a:hover{ background:url(../images/awr_ed.png) no-repeat;}
.case .slideTxtBox .arrow a.prev{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.case .slideTxtBox .arrow a.next{ right:0;}
.case .slideTxtBox .hd ul{ width:100%; padding-top:0.35rem;}
.case .slideTxtBox .hd ul li{ width:24.2%; margin-left:1%; padding-bottom:0.3rem;}
.case .slideTxtBox .hd ul li .dbioc img{ height:0.12rem;}
.case .slideTxtBox .bd ul .case_txt{ position:inherit; left:inherit; bottom:inherit; z-index:inherit; background:none;}
.case .slideTxtBox .bd ul .case_txt.padt40{ padding:0 0;}
.case .slideTxtBox .bd ul .case_txt .conc{ width:100%;}
.case .slideTxtBox .bd ul .case_txt .white{ color:#282828;} 
.case .slideTxtBox .bd ul .case_txt .fl{ width:100%;}
.case .slideTxtBox .bd ul .case_txt .fr{ padding-top:0.15rem;}
.case .slideTxtBox .bd ul .heau{ padding-top:0.2rem;}

/*youshi*/
.youshi .slideTxtBox .arrow a{ width:19px; height:29px; position:absolute; top:0.3rem; z-index:5; background:url(../images/awr.png) no-repeat;}
.youshi .slideTxtBox .arrow a:hover{ background:url(../images/awr_ed.png) no-repeat;}
.youshi .slideTxtBox .arrow a.prev{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.youshi .slideTxtBox .arrow a.next{ right:0.14rem;}
.youshi .ys_ly{ width:100%; padding-top:0;}
.youshi .ys_ly .f32{ padding-left:0.7rem;}
.youshi .ys_ly .f32:after { width: 0.5rem; top: 60%;}
.youshi .ys_ry{ width:100%; margin-top:0.4rem;}
.youshi .ys_ry .ys_c{ width:calc(100% - 0.14rem); top:0.14rem;}
.youshi .ys_ry .slideTxtBox{ margin:0 0 0.14rem 0.14rem;}
.youshi .ys_ry .slideTxtBox .hd ul li{ width:24.2%; margin-right:1%;}
.youshi .ys_ry .slideTxtBox .hd ul li:nth-child(4n){ margin-right:0;}
.youshi .ys_ry .slideTxtBox .bd ul .f100{ bottom:-0.4rem;}

/*news*/
.news .new_img{ width:100%;}

.news .sideMenu{ width:100%; margin-left:0; margin-top:0.35rem;}

.news .sideMenu h3 .newa a.fl{ width:100%;}



.news .sideMenu ul dl.fr{ width:100%;}
.news .sideMenu h3.on .newa{ display:none;}
}


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


@-webkit-keyframes slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -1920px;
  }
}

@keyframes slide {
  from {
    background-position-x: 0;
  }
  to {
    background-position-x: -1920px;
  }
}