@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; height:100vh;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner .item .cp_txt { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.i_banner .owl-item:nth-of-type(1) .item .cp_txt{ top: 20%; text-align:center; display:inherit; display: inherit; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items: inherit;}
.i_banner .owl-item:nth-of-type(1) .item .cp_txt .ban_l, .i_banner .owl-item:nth-of-type(2) .item .cp_txt .ban_l{ width: 100%;}
.i_banner .owl-item:nth-of-type(2) .item .cp_txt .f22{ color:#FFF;}
.i_banner .owl-item:nth-of-type(3) .item .cp_txt .ban_l{ width:39%;}

.i_banner .item .pcd{ min-width:100%; height:100vh; transition: all 1s ease 2.5s;}
.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*/
.cplb li{ display:inline-block; margin-bottom:1.5vw;}
.cplb li span{ margin:0 1vw;}
.cplb li:hover a{ color:#0061c2; font-weight:bold;}
.cplb li:last-child span{ display:none;}
.cpzs_bo{ width: 88%; overflow: hidden; margin:0 auto;}
.cpzs_bo #owl-demo { padding:0 5%;}
.cpzs_bo #owl-demo .item dl{ position:relative;}
.cpzs_bo #owl-demo .item dl dt{ margin-bottom:8.5vw;}
.cpzs_bo #owl-demo .item dl dd{ width:100%; position:absolute; left:0; bottom:0; z-index:1;}
.cpzs_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);}
.cpzs_bo #owl-demo .item dl:hover dd{ bottom:10px;}
.cpzs_bo #owl-demo .item dl:hover dd a{ color:#0061c2;}
.cpzs_bo #owl-demo .item dl:hover .more2{ background:#0061c2; color:#FFF;}
.cpzs_bo .owl-pagination{ display:none;}
.cpzs_bo .owl-buttons div{ width:2.9vw; height:2.9vw; background:url(../images/awr.png) no-repeat center; border:2px #707070 solid; display: block; position: absolute; top: 45%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.cpzs_bo .owl-buttons div:hover{ background:url(../images/awr_ed.png) no-repeat center; border:2px #0061c2 solid;}
.cpzs_bo .owl-buttons div.owl-prev, .cpzs_bo .owl-buttons div:hover.owl-prev{ left:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.cpzs_bo .owl-buttons div.owl-next, .cpzs_bo .owl-buttons div:hover.owl-next{ right:1px;}
/*case*/
.case1{ width:38%;}
.case_bo dl{ position:relative;}
.case_bo dl dt{ background:#313131;}
.case_bo dl dt img{ opacity: 0.5;}
.case_bo dl dd{ width:auto; overflow:hidden; position:absolute; left:4%; bottom:2vw; z-index:1;}
.case_bo dl .ioc_img{ width:2.9vw; position:absolute; right:4%; bottom:2vw; z-index:1;}
.case_bo dl .case_txt{ width:92%; position:absolute; left:4%; top:-100%; z-index:2; right:4%;}
.case_bo dl:hover dt{ background:#0061c2;}
.case_bo dl:hover dt img{ opacity: 0.4;}
.case_bo dl:hover dd{ bottom:inherit; top:5%;}
.case_bo dl:hover .ioc_img img{ opacity: 0.4;}
.case1:hover .case_txt{ top:20%;}
.case1:hover .ioc_img{ width:29%; right:-4%;}
.case2{ width:60%;}
.case2a:hover .case_txt{ top:34%;}
.case2a:hover .ioc_img{ width:20%; right:-4%;}
.case3a{ width:48.5%;}
.case3a:hover .case_txt{ top:34%;}
.case3a:hover .ioc_img{ width:24%; right:-4%;}
/*about*/
.about_lc dl{ border-right:1px solid rgba(255, 255, 255, 0.3);}
.about_lc dl:last-child{ border-right:none;}
.about_lc dl:nth-of-type(1){ padding-right:4.5vw;}
.about_lc dl:nth-of-type(2), .about_lc dl:nth-of-type(3){ padding:0 4.5vw;}
.about_lc dl:nth-of-type(4){ padding-left:4.5vw;}
/*news*/
.news_img #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; padding-bottom:25px; border-bottom:1px #eeeeee solid;}
.news_img #owl-demo .item { display: block; position: relative;}
.news_img #owl-demo .item dt{ width:28%; overflow:hidden; float:left; height:auto;}
.news_img #owl-demo .item dt img{ height:260px;}
.news_img #owl-demo .item dd{ width:68%; overflow:hidden; position:absolute; right:0; top:0;}
.news_img #owl-demo .item dd a.f20{ height:22px; line-height:22px; overflow:hidden;}
.news_img #owl-demo .item:hover dt img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.news_img #owl-demo .item:hover dd a{ color:#0061c2;} 
.news_img .owl-buttons{ display:none;}
.news_img .owl-pagination { width:auto; overflow: hidden; position: absolute; right: 0; bottom: 25px; display: block; }

.news_txt{ display: flex; flex-wrap: wrap; position: relative; max-width: 100%;}
.news_txt li{ width:44%; overflow:hidden; border-bottom:1px #eeeeee solid;}
.news_txt li:nth-of-type(odd) { float: left; margin-right:6%; }
.news_txt li:nth-of-type(even) { float: right; margin-left:6%; }
.news_txt li .news_nr{ width:100%; overflow:hidden; margin:0 auto; position:relative; padding:30px 0;}
.news_txt li p span.ioc{ width:auto; height:22px; line-height:22px; padding:0 10px; background:#b51b13; color:#fff; border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px;}
.news_txt li p a.f20{ height:22px; line-height:22px; overflow:hidden;}
.news_txt li .mort{ position:absolute; right:0; bottom:30px;}
.news_txt li:hover{ background:#f4f4f4;}
.news_txt li:hover .news_nr{ width:90%;}
.news_txt li:hover a{ color:#0061c2;}
@media screen and (max-width: 1500px) and (min-width:0) {
/*news*/
.news_img #owl-demo { padding-bottom:22px;}
.news_img #owl-demo .item dt img{ height:230px;}
.news_img #owl-demo .item dd a.f20{ height:20px; line-height:20px;}
.news_txt li .news_nr{ padding:27px 0;}
.news_txt li p span.ioc{ height:20px; line-height:20px; padding:0 6px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.news_txt li p a.f20{ height:20px; line-height:20px;}
}
@media screen and (max-width: 1350px) and (min-width:0) {
/*news*/
.news_img #owl-demo { padding-bottom:20px;}
.news_img #owl-demo .item dt img{ height:214px;}
.news_txt li .news_nr{ padding:25px 0;}
}
@media screen and (max-width: 1250px) and (min-width:0) {
/*news*/
.news_img #owl-demo { padding-bottom:18px;}
.news_img #owl-demo .item dt img{ height:190px;}
.news_txt li .news_nr{ padding:23px 0;}
}

@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner{ margin-top:0.78rem; height:auto;}
.i_banner .scroll_wrapper{ bottom: 1%;}
.i_banner .scroll_wrapper .scroll_img{ width:0.3rem;}
.i_banner .item .cp_txt { display:inherit; display: inherit; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items: inherit; text-align:center;}
.i_banner .owl-item:nth-of-type(1) .item .cp_txt{ top: 10%; }
.i_banner .owl-item:nth-of-type(2) .item .cp_txt{ top: 15%; }
.i_banner .owl-item:nth-of-type(3) .item .cp_txt{ top: 10%; }
.i_banner .owl-item:nth-of-type(3) .item .cp_txt .ban_l{ width:100%;}
.i_banner .item .cp_txt .more{ display:none;}

/*cpzs*/
.cplb li{ width:33.33%; margin-bottom:0.2rem; display:block; float:left; text-align:left;}
.cplb li span{ margin:0 0.1rem;}
.cplb li:nth-child(3n) span{ display:none;}
.cpzs_bo{ width: 96%; }
.cpzs_bo #owl-demo { padding:0 10%;}
.cpzs_bo #owl-demo .item dl dt{ margin-bottom:1.7rem;}
.cpzs_bo #owl-demo .item dl:hover dd{ bottom:0.1rem;}
.cpzs_bo .owl-buttons div{ width:0.65rem; height:0.65rem;}

/*case*/
.case1{ width:100%;}
.case_bo dl dd{ bottom:inherit; top:0.4rem;}
.case_bo dl .ioc_img{ width:29%; right:-4%; bottom:2%;}
.case_bo dl .ioc_img img{ opacity: 0.4;}
.case_bo dl .case_txt{ top:20%;}
.case2{ width:100%; padding-top:0.3rem;}
.case2 dl.case2a .case_txt{ top:50%;}
.case2 dl.case2a .case_txt p{ display:none;}
.case3a{ width:100%;}
.case3a.fr{ margin-top:0.3rem;}
.case_bo dl.case3a .case_txt{ top:34%;}

/*about*/
.about_lc dl{ border-right:1px solid rgba(255, 255, 255, 0.3);}
.about_lc dl:last-child, .about_lc dl:nth-of-type(even){ border-right:none;}
.about_lc dl:nth-of-type(1){ width:40%; padding:0 0; margin-bottom:0.1rem; float:left;}
.about_lc dl:nth-of-type(2){ width:55%; padding:0 0; margin-bottom:0.1rem; float:right;} 
.about_lc dl:nth-of-type(3){ width:40%; padding:0 0; float:left;}
.about_lc dl:nth-of-type(4){ width:55%; padding:0 0; float:right;}



/*news*/
.news_img #owl-demo { padding-bottom:0.32rem;}
.news_img #owl-demo .item dt{ width:100%;}
.news_img #owl-demo .item dt img{ height:auto;}
.news_img #owl-demo .item dd{ width:100%; position:inherit; right:inherit; top:inherit; padding-top:0.15rem}
.news_img #owl-demo .item dd a.f20{ height:0.26rem; line-height:0.26rem;}
.news_img #owl-demo .item dd .mort.dibok{ display:none;}
.news_img #owl-demo .item dd .lihe32{ height:1.85rem; overflow:hidden;}
.news_img .owl-pagination { bottom: 0.32rem;}
.news_img .owl-page { width: 10px; height: 10px; margin: 0 5x;}
.news_img .owl-page.active { width: 36px; height: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.news_txt{ display:inherit; flex-wrap: inherit; position: relative;}
.news_txt li:nth-of-type(odd) { width:100%; float: none; margin-right:0; }
.news_txt li:nth-of-type(even) { width:100%; float: none; margin-left:0; }
.news_txt li .news_nr{ padding:0.3rem 0;}
.news_txt li p span.ioc{ height:0.26rem; line-height:0.26rem; padding:0 5px; border-radius: 0.26rem; -moz-border-radius: 0.26rem; -webkit-border-radius: 0.26rem;}
.news_txt li p a.f20{ height:0.26rem; line-height:0.26rem; overflow:hidden;}
.news_txt li .mort.dibok{ display:none;}
.news_txt li .lihe32{ height:1.85rem; overflow:hidden;}
}

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