@charset "utf-8";
/*banner*/
.i_banner { width: 100%; overflow: hidden; position: relative; }
.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%; }
/*abouts*/
.abouts .about_l { width: 49%; }
.more1 { width: 164px; height: 55px; line-height: 55px; display: block; position: relative; text-align: center; border-radius: 55px; -moz-border-radius: 55px; -webkit-border-radius: 55px; z-index: 1; color: #FFF; }
.more1::before { content: ""; position: absolute; top: 2px; right: 2px; width: 160px; height: 51px; border-radius: 51px; -moz-border-radius: 51px; -webkit-border-radius: 51px; -moz-transition: background-color 0.25s ease-out,; -o-transition: background-color 0.25s ease-out; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; background-color: #599442; -webkit-animation: hoop-animation 2s 0s both ease-out infinite; -moz-animation: hoop-animation 2s 0s both ease-out infinite; -o-animation: hoop-animation 2s 0s both ease-out infinite; animation: hoop-animation 2s 0s both ease-out infinite; animation-play-state: running; z-index: -1; }
.more1::after { content: ""; position: absolute; top: 0; left: 0; width: 164px; height: 55px; border-radius: 55px; -moz-transition: background-color 0.25s ease-out,; -o-transition: background-color 0.25s ease-out; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; background-color: #599442; -webkit-animation: hoop-animation 2s 1s ease-out infinite; -moz-animation: hoop-animation 2s 1s ease-out infinite; -o-animation: hoop-animation 2s 1s ease-out infinite; animation: hoop-animation 2s 1s ease-out infinite; animation-play-state: running; z-index: -1; }
.more1:hover { color: #FFF; background-color: #599442; }

.abouts .about_r { width: 43%; position: relative; z-index: 1; }
.abouts .about_r img { width: 100%; display: block; padding: 20px; margin-top: 10px; border: 1px solid #0087e1; }
.abouts .about_lc { display: flex; flex-wrap: wrap; position: relative; max-width: 100%; }
.abouts .about_lc dl { width: 24%; float: left; margin-right: 1.3%; position: relative; padding-bottom: 2.2vw; }
.abouts .about_lc dl:last-child { margin-right: 0; }
.abouts .about_lc dl dt { background: url(../images/la.gif) no-repeat 0.1rem 0.35rem #FFF; padding:0.3rem 0.1rem 0.6rem 0.2rem; height:auto; min-height:1.6rem; white-space:normal; overflow: visible; text-overflow: unset; }
.abouts .about_lc dl dd { position: absolute; right: 1vw; bottom: 0; z-index: 1; }
/*cplb*/
.cplb { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.cplb li { width: 25%; float: left; transition: all 1s; position: relative; -webkit-filter: grayscale(50%); filter: grayscale(50%); transition-duration: 0.5s; overflow:hidden;}
.cplb li .pcd { width: 100%; height: 650px; overflow:hidden;}
.cplb li::before { position: absolute; width: 100%; height: 100%; transition: 0.3s; }
.cplb li .cpa { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/cy.png) repeat; opacity: 1; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; text-align: center; }
.cplb li .cpa .ioc_img { width: 35%; overflow: hidden; position: relative; margin: 0 auto; }
.cplb li .cpa .ioc_img dd { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.cplb li .cpa .ioc_img dd img { height: 3vw; }
.cplb li .cpb { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/cy_ed.png) repeat; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.cplb li .cpzl { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: -100%; z-index: 2; }
.cplb li .cpzl .conc { border-top: 1px solid rgba(255,255,255,0.1); }
.cplb li .cpzl .conc .cpzl_l li { width: auto; margin-right: 3vw; height: 48px; line-height: 48px; }
.cplb li .cpzl .conc .cpzl_l li span { height: 48px; }
.cplb li .cpzl .conc .cpzl_l li:last-child { margin-right: 0; }
.cplb:hover li { width: 18%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.cplb:hover li .ioc_img { width: 45%; }
.cplb:hover li .cpzl { bottom: -100%; }
.cplb:hover li:hover { width: 46%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.cplb:hover li:hover::before { opacity: 0; }
.cplb:hover li:not(:hover) { width: 18%; }
.cplb li:hover .cpa { opacity: 0; }
.cplb li:hover .cpb { opacity: 1; }
.cplb li:hover .pcd{ animation-name: uk-kenburns; animation-duration: 15s; }
.cplb li:hover .cpzl { bottom: 0; }
/*news*/
.new_img { width: 100%; overflow: hidden; position: relative; }
.new_img .owl-carousel .owl-item{ display: flex; flex-direction: column;}
.new_img .item { width: 100%; overflow: hidden; display: flex; flex-direction: column; position: relative; max-width: 100%; transition: all .15s linear; top: 0; }
.new_img .item dl { border-radius: 2vw; -moz-border-radius: 2vw; -webkit-border-radius: 2vw; transition: all .15s linear; }
.new_img .item dl dt { border-top-left-radius: 2vw; border-top-right-radius: 2vw; transition: all .2s linear }
.new_img .item dl dt img { border-top-left-radius: 2vw; border-top-right-radius: 2vw; transition: all .25s linear; }
.new_img .item dl dd { padding: 2vw 0; transition: all .15s linear; border-bottom-left-radius: 2vw; border-bottom-right-radius: 2vw; }
.new_img .item:hover { top: -0.5vw; transition: all .25s linear; }
.new_img .item:hover dl { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.new_img .item:hover dl dt, .new_img .item:hover dl dt img { border-top-left-radius: 0; border-top-right-radius: 0; }
.new_img .item:hover dl dd { transition: all .2s linear; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.new_img .item:hover dl dd .f20 a { color: #0085e2; }
.new_img .owl-pagination { width: 100%; overflow: hidden; text-align: center; padding-top: 2vw; }
.new_img .owl-buttons div { display: none; }
/*shys*/
.shys { position: relative; width: 100%; overflow:hidden;}
.shys .shys_txt { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; z-index: 2; }
.shys .pcd img{ animation-name: uk-kenburns; animation-duration: 12s; }
 @media screen and (max-width: 1600px) and (min-width:0) {
/*cplb*/
.cplb li .pcd { height: 600px; }
.cplb li .cpa .ioc_img dd img { height: 2.8vw; }
}
@media screen and (max-width: 1300px) and (min-width:0) {
/*cplb*/
.cplb li .pcd { height: 550px; }
.cplb li .cpa .ioc_img dd img { height: 2.4vw; }
}
@media screen and (max-width: 1100px) and (min-width:0) {
/*cplb*/
.cplb li .pcd { height: 500px; }
.cplb li .cpa .ioc_img dd img { height: 2vw; }
}
@media screen and (max-width: 1024px) and (min-width:0) {
/*banner*/
.i_banner { margin-top: 0.78rem; }
.i_banner .f48 { font-size: 0.3rem; }
.i_banner .f66 { font-size: 0.5rem; }
.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; }
/*abouts*/
.abouts .about_l { width: 100%; padding-bottom: 0.5rem; }
.more1 { width: 1.44rem; height: 0.48rem; line-height: 0.48rem; border-radius: 0.48rem; -moz-border-radius: 0.48rem; -webkit-border-radius: 0.48rem; color: #FFF; background-color: #599442; }
.more1::before { width: 0; background: none; }
.more1::after { width: 0; background: none; }
.abouts .about_r { width: 100%; }
.abouts .about_lc dl { width: 49%; float: left; margin-right: 1%; padding-bottom: 0.4rem; }
.abouts .about_lc dl:nth-of-type(even) { margin-right: 0; }
.abouts .about_lc dl:last-child { margin-right: 0; }
.abouts .about_lc dl dt { background: url(../images/la.gif) no-repeat 0.2rem 0.32rem #FFF; padding: 0.3rem 0.2rem 0.6rem 0.4rem; height: 1.3rem; }
.abouts .about_lc dl dd { right: 0.2rem; }
/*cplb*/
.cplb { display: inherit; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items: inherit; }
.cplb li { width: 100%; float: none; transition: none; -webkit-filter: grayscale(0); filter: grayscale(0); transition-duration: 0; }
.cplb li::before { position: inherit; width: 100%; height: 100%; transition: 0.3s; }
.cplb li .cpa { opacity: 0; }
.cplb li .cpb { opacity: 1; }
.cplb li .cpb .pt100 { padding-top: 0.35rem; }
.cplb li .cpb .heau img { width: auto; height: 0.6rem; }
.cplb li .cpb .pt30 { padding-top: 0.15rem; }
.cplb li .cpzl { bottom: 0; }
.cplb li .cpzl .conc .cpzl_l { display: none; }
.cplb:hover li { width: 100%; }
.cplb:hover li .cpzl { bottom: 0; }
.cplb:hover li:hover { width: 100%; }
.cplb:hover li:not(:hover) { width: 100%; }
.cplb li:hover .cpa { opacity: 1; }
.cplb li:hover .cpb { opacity: 0; }
/*news*/
.new_img .item .conb { width: 100%; }
.new_img .item dl { border-radius: 0.5rem; -moz-border-radius: 0.5rem; -webkit-border-radius: 0.5rem; }
.new_img .item dl dt { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.new_img .item dl dt img { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.new_img .item dl dd { padding: 0.4rem 0; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.new_img .item:hover { top: -0.1rem; }
.new_img .owl-pagination { padding-top: 0.4rem; }
}


/* 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)
}
}
}
 @keyframes uk-fade { 0% {
opacity:0
}
100% {
opacity:1
}
}
 @keyframes uk-slide-bottom { 0% {
transform:translateY(100%)
}
100% {
transform:translateY(0)
}
}
 @-webkit-keyframes hoop-animation { 0% {
 opacity: 1;
 -moz-transform: translate(0, 0) scale(0.5);
 -ms-transform: translate(0, 0) scale(0.5);
 -webkit-transform: translate(0, 0) scale(0.5);
 transform: translate(0, 0) scale(0.5);
}
 100% {
 -moz-transform: translate(0, 0) scale(1);
 -ms-transform: translate(0, 0) scale(1);
 -webkit-transform: translate(0, 0) scale(1);
 transform: translate(0, 0) scale(1);
 opacity: 0;
}
}
@keyframes hoop-animation { 0% {
 opacity: 1;
 -moz-transform: translate(0, 0) scale(0.5);
 -ms-transform: translate(0, 0) scale(0.5);
 -webkit-transform: translate(0, 0) scale(0.5);
 transform: translate(0, 0) scale(0.5);
}
 100% {
 -moz-transform: translate(0, 0) scale(1);
 -ms-transform: translate(0, 0) scale(1);
 -webkit-transform: translate(0, 0) scale(1);
 transform: translate(0, 0) scale(1);
 opacity: 0;
}
}

/* 修复新闻标题显示问题 */
.titm0{
height:auto;
line-height:1.3;
overflow:hidden;
}

/* 在不同屏幕尺寸下统一标题显示方式 */
@media screen and (max-width:1200px){
.titm0{
height:auto;
line-height:1.3;
}
}

@media screen and (max-width:980px){
.titm0{
height:auto;
line-height:1.3;
}
}

@media screen and (max-width:768px){
.titm0{
height:auto;
line-height:1.3;
}
}

@media screen and (max-width: 768px) and (min-width:0) {
	.tpf { white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; }
	.tsar p:first-child { display: none;}
	.f18 { font-size: 0.18rem; }
}