@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top:6vw;}
.i_banner .item { width: 100%; display: block; overflow: hidden; position: relative; }
.i_banner .item img{ width: 100%; height:auto; transition: all 1s ease 2.5s;}
.i_banner .owl-item.active img{ 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.4; }
.i_banner .owl-buttons div:hover { opacity: 1; }
.i_banner .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 3%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.i_banner .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 3%; }


.more{ width:178px; height:54px; line-height:54px; display:block; text-align:center;}
.more1{background:#cb0000; color:#FFF;}
.more1:hover{ background:#094da4; color:#FFF;}

/*abouts*/
.abouts{ background:url(../images/bg1.jpg) no-repeat center; background-size:cover;}
.abouts .abouts_top{ position:relative;}
.abouts .abouts_top:after { content: ''; width: 1px; height:100%; background: #e5e5e5; position: absolute; left: 38%; top: 0;}
.abouts .abouts_top .fr{ width:58%;}
.abouts .abouts_top .fr dl:nth-child(1){ width:39%;}
.abouts .abouts_top .fr dl:nth-child(3).fln{ float:right;}
.abouts .abouts_top .abouts_img{ width:33%;}

/*hzhb*/
.hzhb li{height:4vw; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.hzhb li img{ width:auto; max-height:4vw;}
.hzhb li:nth-child(1){ float:left; margin-right:17.58%;}
.hzhb li:nth-child(2){ float:left; margin-right:17.58%;}
.hzhb li:nth-child(3){ float:left; margin-right:17.58%;}
.hzhb li:nth-child(4){ float:left;}
.hzhb li:nth-child(5){ float:right;}

/*use*/
.use{ position:relative;}
.use.slideTxtBox .use_top{ position:absolute; left:0; top:5vw; z-index:1;}
.use.slideTxtBox .bd ul{ zoom:1; position:relative; background:#002354;}
.use.slideTxtBox .bd ul .txt_img{ position:absolute; left:0; top:11vw; z-index:1; height:19vw;}
.use.slideTxtBox .bd ul .txt_img .main{ padding-right:25%;}
.use.slideTxtBox .hd{ position:absolute; left:0; bottom:0; z-index:1;}
.use.slideTxtBox .hd li{ position:relative;}
.use.slideTxtBox .hd li.cpnc{ margin-bottom:0;}
.use.slideTxtBox .hd li .lb_txt{ margin-top:16px; background:#fff;}
.use.slideTxtBox .hd li .lb_txt img{ width:auto; height:3.2vw;}
.use.slideTxtBox .hd li .lb_txt .img1{ display:block;}
.use.slideTxtBox .hd li .lb_txt .img2{ display:none;}
.use.slideTxtBox .hd li.on:after { content: ''; width: 32px; height: 16px; background:url(../images/ioc5.png) no-repeat; position: absolute; left: 45%; top: 0;}
.use.slideTxtBox .hd li.on .lb_txt{ background:#cb0000; color:#FFF;}
.use.slideTxtBox .hd li.on .lb_txt a{ color:#FFF;}
.use.slideTxtBox .hd li.on .lb_txt .img1{ display:none;}
.use.slideTxtBox .hd li.on .lb_txt .img2{ display:block;}
.use.slideTxtBox .arrow{ display:none;}

/*cpzs*/
.cpzs{ width:100%; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center; background-size:cover;}
.cpzs .sideMenu{ position:relative;}
.cpzs .sideMenu h3{ width:19.5%;}
.cpzs .sideMenu ul{ width:100%; overflow:hidden;}
.cpzs .sideMenu ul .slideTxtBox .hd{ width:19.5%;}
.cpzs .sideMenu ul .slideTxtBox .hd li{ height:36px; line-height:36px;}
.cpzs .sideMenu ul .slideTxtBox .hd li.on{ color:#cb0000; font-weight:bolder;}
.cpzs .sideMenu ul .slideTxtBox .hd li.on a{ color:#cb0000;}
.cpzs .sideMenu ul .slideTxtBox .bd{ width:77%; position:absolute; right:0; top:0;}
.cpzs .sideMenu ul .slideTxtBox .bd ul{ zoom:1;}
.cpzs .sideMenu ul .slideTxtBox .bd .cp_img{ width:55%;}
.cpzs .sideMenu ul .slideTxtBox .bd .cp_txt{ width:37%;}

/*use*/
.use_bo dl{ position:relative;}
.use_bo dl dt{ position:absolute; left:0; top:0; z-index:1; height:100%; z-index:2;}
.use_bo dl i{ width:100%; height:100%; position:absolute; left:0; bottom:-100%; background:rgba(203,0,0,0.6); z-index:1;}
.use_bo dl dd{ background:#1b1b1b;}
.use_bo dl dd img{ opacity:0.5;}
.use_bo dl:hover i{ bottom:0;}
.use_bo dl:hover dd img{ opacity:1;}
.use_bo .use_l{ width:66.6145%;}
.use_bo .cpa{ width:25%;}
.use_bo .cpb{ width:50%;}
.use_bo .use_r{ width:33.3855%;}

/*hzbz*/
.hzbz{ position:relative;}
.hzbz #owl-demo{ padding:0 4%;}
.hzbz .item { width: 100%; display: block; overflow: hidden; position: relative; }
.hzbz .item .cone{ border:1px #ededed solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.hzbz .item .cone img{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.hzbz .item .cone:hover{ border:1px #cb0000 solid;}
.hzbz .owl-pagination { display:none;}
.hzbz .owl-buttons div { width: 16px; height: 100%; background:url(../images/awr.png) no-repeat center; display: block; position: absolute; top: 0; z-index:99;}
.hzbz .owl-buttons div:hover{ background:url(../images/awr_ed.png) no-repeat center;}
.hzbz .owl-buttons div.owl-prev, .hzbz .owl-buttons div:hover.owl-prev { left: 0; }
.hzbz .owl-buttons div.owl-next, .hzbz .owl-buttons div:hover.owl-next { right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }



/*news*/
.news .new_img{ width:31%; margin-right:1.5%; position:relative;}
.news .new_img .newa{ display:block; transition: all .6s ease-out; width: 100%; height: 100%;}
.news .new_img .newb{ background:#cb0000; position: absolute; top: 0; opacity: 0; transform: rotateY(180deg); transition: all .6s ease-out; width: 100%; height: 100%; display: block;}
.news .new_img:hover .newa{ transition: all .6s ease-out; transform: rotateY(180deg); opacity: 0;}
.news .new_img:hover .newb{ transition: all .6s ease-out; transform: rotateY(360deg); opacity: 1;}
.news .new_ry{ width:35%;}
.news .new_ry dl{ margin-bottom:2.2vh;}
.news .new_ry dl:last-child{ margin-bottom:0;}
.news .new_ry dl dt{ width:44%; margin-right:2%;}
.news .new_ry dl dd{ width:54%;}



.link_ioc{ width:3%;}
.linker{ width:96%;}




@media screen and (max-width: 1600px) and (min-width:0) {
.more{ width:168px; height:50px; line-height:50px;}


.use.slideTxtBox .bd ul .txt_img .main{ padding-right:15%;}
}


@media screen and (max-width: 1300px) and (min-width:0) {
.more{ width:158px; height:45px; line-height:45px;}

.use.slideTxtBox .bd ul .txt_img .main{ padding-right:0;}
}




@media screen and (max-width: 1100px) and (min-width:0) {
.more{ width:140px; height:40px; line-height:40px;}



}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .owl-item.active img{ animation-name: none; animation-duration: none; }
.i_banner #owl-demo .owl-item.active .ban_l{ -webkit-animation: none; animation: none;}
.i_banner #owl-demo .owl-item.active .ban_r { -webkit-animation: none; animation: none; }
.i_banner #owl-demo .owl-item.active .text-center{ -webkit-animation: none; animation: none;}

.more{ width:2rem; height:0.55rem; line-height:0.55rem;}


/*abouts*/

.abouts .abouts_top:after { content: ''; width: 100%; height:1px; position: absolute; left: 0; top: 47%;}
.abouts .abouts_top .fr{ width:100%; padding-top:0.55rem;}
.abouts .abouts_top .fr dl{ margin-top:0.15rem;}
.abouts .abouts_top .fr dl:nth-child(1){ width:50%;}
.abouts .abouts_top .fr dl:nth-child(2){ width:50%;}
.abouts .abouts_top .fr dl:nth-child(3).fln{ width:50%; float:left;}
.abouts .abouts_top .abouts_img{ width:100%;}

/*hzhb*/
.hzhb li{height:0.94rem; width:18.881%; float:left; margin-right: 1.4%; margin-bottom: 0.2rem; }
.hzhb li:nth-child(5n) { margin-right: 0; }

.hzhb li img{ max-height:0.94rem; max-width:100%; display:block; margin:0 auto;}
.hzhb li:nth-child(1){ margin-right:1.4%;}
.hzhb li:nth-child(2){ margin-right:1.4%;}
.hzhb li:nth-child(3){ margin-right:1.4%;}
.hzhb li:nth-child(5){ float:left;}

/*use*/
.use .white{ color:#252525}
.use.slideTxtBox .use_top{ position:inherit; left:inherit; top:inherit; z-index:inherit;}
.use.slideTxtBox .bd ul{ background:none;}
.use.slideTxtBox .bd ul .txt_img{ position:inherit; left:inherit; top:inherit; z-index:inherit; height:auto; padding:0.25rem 0;}
.use.slideTxtBox .bd ul .txt_img .main{ padding-right:0;}
.use.slideTxtBox .bd .opac4{ opacity:1;}
.use.slideTxtBox .hd{ position:inherit; left:inherit; bottom:inherit; z-index:inherit; padding-top:0.25rem;}
.use.slideTxtBox .hd li{ position:relative;}
.use.slideTxtBox .hd li.cpnc{ margin-bottom:0;}
.use.slideTxtBox .hd li .lb_txt{ margin-top:0; background:#f8f8f8;}
.use.slideTxtBox .hd li .lb_txt img{ height:0.64rem;}
.use.slideTxtBox .hd li:last-child{ margin-top:6px;}
.use.slideTxtBox .hd li.on:after { width: 0; height: 0; background:none; position: inherit; left: inherit; top:inherit;}

/*cpzs*/
.cpzs .sideMenu h3{ width:100%;}
.cpzs .sideMenu ul{ width:100%; overflow:hidden;}
.cpzs .sideMenu ul .slideTxtBox .hd{ width:100%;}
.cpzs .sideMenu ul .slideTxtBox .hd li{ width:50%; height:0.4rem; line-height:0.4rem; float:left;}
.cpzs .sideMenu ul .slideTxtBox .bd{ width:100%; position:inherit; right:inherit; top:inherit;}
.cpzs .sideMenu ul .slideTxtBox .bd .cp_img{ width:100%; padding-top:0.1rem;}
.cpzs .sideMenu ul .slideTxtBox .bd .cp_txt{ width:100%;}

/*use*/

.use_bo .use_l{ width:100%;}
.use_bo .cpa{ width:100%;}
.use_bo .cpb{ width:100%;}
.use_bo .use_r{ width:100%;}

/*hzbz*/
.hzbz #owl-demo{ padding:0 0;}
/*news*/
.news .new_img{ width:100%; margin-right:0; margin-bottom:0.15rem;}
.news .new_img .newb{ display:none;}
.news .new_img:hover .newa{ opacity: 1;}
.news .new_ry{ width:100%; padding-top:0.25rem}
.news .new_ry dl{ margin-bottom:0.15rem;}
.news .new_ry dl dt{ width:42%; margin-right:2%;}
.news .new_ry dl dd{ width:56%;}
}


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