@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; margin-top: 5.3vw; }
.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 .item .uk-position-center .ban1 { width: 59%; }
.i_banner .item .uk-position-center .main { position: relative; }
.i_banner .item .uk-position-center .ban_l { width: 40%; position: absolute; top: 0; left: 0; height: 100%; }
.i_banner .item .uk-position-center .ban_r { width: 59%; }
.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: 168px; height: 60px; line-height: 60px; display: block; text-align: center; background: #21619d; color: #FFF; }
.more1:hover { background: #1c9ad6; color: #FFF; }
/*about*/
.about_l { width: 60%; background: url(../images/a_bg.png) no-repeat center bottom; background-size: contain; }
.about_r { width: 34%; }
.about_lc dl:nth-of-type(2) { border-left: 1px #eeeeee solid; border-right: 1px #eeeeee solid; margin: 0 16%; padding: 0 16%; }
/*jjfa*/
.jjfa { position: relative; }
.jjfa .jjfa_txt { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
/*apply*/
.apply { display: flex; flex-wrap: wrap; position: relative; max-width: 100%; }
.apply dl { width: 16.25%; position: relative; margin-right: 0.5%; }
.apply dl:last-child { margin-right: 0; }
.apply dl dt { background: #1b1b1b; }
.apply dl dt img { opacity: 0.6; }
.apply dl dd { position: absolute; left: 0; bottom: 1.5vw; }
.apply dl dd .ioc_img img { width: auto; max-height: 2.3vw; }
.apply dl:hover dt { background: #21619d; }
.apply dl:hover dt img { opacity: 0.2; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/*hzhb*/
.hzhb { display: flex; flex-wrap: wrap; position: relative; max-width: 100%; text-align: center; }
.hzhb li { width: 19%; border: 2px #f2f6f9 solid; margin: 0 0.5% 1vw 0.5%; }
.hzhb li img { width: 100%; }
.hzhb li:hover { border: 2px #21619d solid; }
.hzhb li:nth-of-type(6), .hzhb li:nth-of-type(15) { margin: 0 0.5% 1vw 8.9%; }
.hzhb li:nth-of-type(9), .hzhb li:nth-of-type(18) { margin: 0 8.9% 1vw 0.5%; }
/*qyfm*/
.qyfm #owl-demo .item { display: block; overflow: hidden; }
.qyfm #owl-demo .item:hover 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); }
.qyfm #owl-demo .item:hover a { color: #21619d; }
.qyfm #owl-demo .owl-pagination { padding-top: 2vw; text-align: center; }
.qyfm #owl-demo .owl-buttons div { display: none; }
/*news*/
.newlb a { padding: 0 1.2vw; color: #21619d; margin-right: 10px; border: 1px #21619d solid; }
.newlb a .ioc_img { width: auto; height: 66px; }
.newlb a .ioc_img span { display: block; height: auto; }
.newlb a .ioc_img i { display: none; height: auto; }
.newlb a:last-child { margin-right: 0; }
.newlb a:hover { background: #21619d; color: #FFF; }
.newlb a:hover .ioc_img span { display: none; }
.newlb a:hover .ioc_img i { display: block; }
.newl { width: 55%; }
.newl dl { padding: 15px; position: relative; background: #FFF; margin-bottom: 20px; }
.newl dl dt { width: 43%; }
.newl dl dt img { width: auto; max-width: 100%; height: 262px; }
.newl dl dd { width: 51%; }
.newl dl .timei { width: 49%; position: absolute; right: 15px; bottom: 30px; }
.newl dl .timei a { color: #21619d; }
.newl dl:hover { background: #21619d; color: #FFF; }
.newl dl:hover a, .newl dl:hover .timei a { color: #FFF; }
.newr { width: 44%; }
.newr dl { padding: 30px; position: relative; background: #FFF; margin-bottom: 9px; }
.newr dl:hover { background: #21619d; color: #FFF; }
.newr dl:hover a { color: #FFF; }
 @media screen and (max-width: 1600px) and (min-width:0) {
.more1 { width: 160px; height: 56px; line-height: 56px; }
/*news*/
.newlb a .ioc_img { height: 60px; }
.newl dl { padding: 13px; margin-bottom: 13px; }
.newl dl dt img { height: 240px; }
.newl dl .timei { right: 13px; bottom: 23px; }
.newr dl { padding: 26px; margin-bottom: 8px; }
}
@media screen and (max-width: 1300px) and (min-width:0) {
.more1 { width: 150px; height: 52px; line-height: 52px; }
/*news*/
.newlb a .ioc_img { height: 56px; }
.newl dl { padding: 12px; margin-bottom: 12px; }
.newl dl dt img { height: 222px; }
.newl dl .timei { right: 12px; bottom: 22px; }
.newr dl { padding: 24px; margin-bottom: 7px; }
}
@media screen and (max-width: 1100px) and (min-width:0) {
.more1 { width: 140px; height: 48px; line-height: 48px; }
/*news*/
.newlb a .ioc_img { height: 52px; }
.newl dl { padding: 10px; margin-bottom: 10px; }
.newl dl dt img { height: 210px; }
.newl dl .timei { right: 10px; bottom: 20px; }
.newr dl { padding: 20px; margin-bottom: 6px; }
}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .item .uk-position-center .ban1 { width: 100%; }
.i_banner .item .uk-position-center .ban_l { width: 100%; position: inherit; top: inherit; left: inherit; height: auto; padding-top: 0.2rem; }
.i_banner .item .uk-position-center .ban_r { width: 90%; padding-top: 0.25rem; margin-left: 5%; }
.i_banner .item .uk-position-center .pt35 { padding-top: 0.15rem; }
.i_banner .item .uk-position-center .pt60 { padding-top: 0.2rem; }
.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; }
.more1 { width: 2rem; height: 0.7rem; line-height: 0.7rem; }
/*about*/
.about_l { width: 100%; background: url(../images/a_bg.png) no-repeat center bottom; background-size: contain; }
.about_r { width: 100%; padding-top: 0.25rem }
.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; }
/*jjfa*/
.jjfa .jjfa_txt .pt60 { padding-top: 0.2rem; font-size: 0.22rem; }
.jjfa .jjfa_txt .pt140 { padding-top: 0.3rem; }
/*apply*/
.apply dl { width: 49.5%; margin-right: 1%; margin-top: 0.1rem; }
.apply dl:nth-of-type(even) { margin-right: 0; }
.apply dl dd { bottom: 0.3rem; }
.apply dl dd .ioc_img img { max-height: 0.46rem; }
/*hzhb*/

.hzhb li { width: 48%; margin: 0 1% 0.2rem 1%; }
.hzhb li:nth-of-type(6), .hzhb li:nth-of-type(15) { margin: 0 0.5% 0.2rem 0.5%; }
.hzhb li:nth-of-type(9), .hzhb li:nth-of-type(18) { margin: 0 0.5% 0.2rem 0.5%; }
.qyfm #owl-demo .owl-pagination { padding-top: 0.2rem; }
/*news*/
.newlb { padding-top: 0.25rem; }
.newlb a { padding: 0 0.45rem; margin-right: 0.1rem; }
.newlb a .ioc_img { height: 0.76rem; }
.newlb a .ioc_img img { width: auto; height: 0.36rem; }
.newl { width: 100%; }
.newl dl { padding: 0.15rem; margin-bottom: 0.2rem; }
.newl dl dt { width: 100%; }
.newl dl dt img { width: 100%; max-width: 100%; height: auto; }
.newl dl dd { width: 100%; }
.newl dl .timei { width: 100%; position: inherit; right: inherit; bottom: inherit; padding-top: 0.4rem; }
.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)
}
}