@charset "utf-8";
.autoPage { width: 100%; height: 100%; }
html, body, main { position: relative; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-container .swiper-slide { width: 100%; height: 100%; overflow: hidden; }
.swiper-container .swiper-slide.slider6{ height:auto;}
/*Pagination*/
.mian_pagiation { display: flex; flex-direction: column; top: 50%; transform: translateY(-50%); width: 120px; left: 2%; position: fixed; z-index: 1000; }
.mian_pagiation .swiper-pagination-bullet { width: 15px; height: 15px; position: relative; top: 0px; background: transparent; margin: 0; margin-bottom: 25px!important; border-radius: 0; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); cursor: pointer; }
.mian_pagiation .swiper-pagination-bullet:hover .indicator_spot { background: url(/24tempckhjx/ckhjx/images/icon_lingxin_hover.png) no-repeat!important; }
.mian_pagiation .swiper-pagination-bullet:hover .indicator_item_active { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; transform: translateX(10px) !important; }
.indicator_spot { width: 15px; height: 15px; position: absolute; left: 0px; background: url(/24tempckhjx/ckhjx/images/icon_lingxing.png) no-repeat; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); opacity: 1; }
.indicator_shadow .indicator_spot { -webkit-filter: drop-shadow(1px 1px 2px Gray); filter: drop-shadow(1px 1px 2px Gray) }
.indicator_shadow .indicator_item_active_line { background-color: rgba(0, 0, 0, 0.2); }
.indicator_shadow .indicator_item_active_text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.indicator_item_active { position: absolute; left: 25px; opacity: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; pointer-events: none; -webkit-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); }
.indicator_item--hover .indicator_item_active { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; transform: translateX(10px) !important; }
.indicator_item_active_line { width: 11px; height: 1px; background-color: #b89b73; margin-right: 9px; }
.indicator_item_active_text { font-size: 12px; margin-top: -4px; pointer-events: none; font-weight: bold; }
.mian_pagiation .swiper-pagination-bullet-active { transform: matrix(1, 0, 0, 1, -10, 0)!important; }
.mian_pagiation .swiper-pagination-bullet-active .indicator_item_active { opacity: 1; left: 12px; }
.mian_pagiation .swiper-pagination-bullet-active .indicator_spot { opacity: 0; }
.swtop { height: 10vh; }
.swbo { height: 90vh; }
/*banner*/
.slider1 { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.slider1 .item { width: 100%; display: block; overflow: hidden; position: relative; }
.slider1 .item .uk-position-center { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: calc(100% - 10vh); z-index: 2; display: -webkit-box; display: flex; align-items: center; }
.slider1 .item .uk-position-center span { display: block; }
.slider1 #owl-demo .owl-item:nth-child(3n) .uk-position-center { height: auto; top: 16%; display: inline; display: inline; align-items: top; }
.slider1 #owl-demo .owl-item .uk-animation-kenburns img { width: 100%; height: 100vh; transition: all 1s ease 2.5s; }
.slider1 #owl-demo .owl-item.active .uk-animation-kenburns img { animation-name: uk-kenburns; animation-duration: 15s; }
.slider1 #owl-demo .owl-item.active .uk-animation-reverse { animation-direction: reverse; animation-timing-function: ease-in; animation-duration: .2s }
.slider1 #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 }
.slider1 #owl-demo .owl-item.active .uk-animation-slide-bottom { animation-name: uk-fade, uk-slide-bottom; animation-duration: 1s; }
.slider1 .owl-pagination { position: absolute; left: 0; bottom: 10%; text-align: center; }
.slider1 .owl-buttons div { width: 50px; height: 100%; background: url(/24tempckhjx/ckhjx/images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 0.6; }
.slider1 .owl-buttons div:hover { opacity: 1; }
.slider1 .owl-buttons div.owl-prev, .i_banner .owl-buttons div:hover.owl-prev { left: 5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.slider1 .owl-buttons div.owl-next, .i_banner .owl-buttons div:hover.owl-next { right: 5%; }
/*abouts*/
.slider2 { width: 100%; height: 100vh; position: relative; background: url(/24tempckhjx/ckhjx/images/bg1.jpg) no-repeat center; background-size: cover; }
.wrapper { width:100%; overflow: hidden;}
.wrapper .heiht{ height: 57vh;}
.wrapper ul li { position: relative; width: 20%; border-left: 1px solid #d2d2d2; transition: .6s; }
.wrapper ul li .p1 { position: absolute; left:0; width: 100%; transition: .7s; left: 0; bottom: 0; text-align:center;}
.wrapper ul li .p1 span{ display:block; width:30px; margin:0 auto;}
.wrapper ul li .conc{ display:none; position: relative;}
.wrapper .conc .num{ position:absolute; left:0; bottom:5%;}
.wrapper .conc .cpzs_l{ width:33%;}
.wrapper .conc .cpzs_r{ width:62%;}
.wrapper ul:hover li { width: 6.5%; }
.wrapper ul li:hover { width: 74%; }
.wrapper ul li:hover .conc{ display:block;}
.wrapper ul li:hover .p1 { display:none;}
/*slider3*/
.slider3 { width: 100%; height: 100vh; }
.slider3 .slideTxtBox{ width:100%; position:relative; overflow: hidden; height: 100vh;}
.slider3 .slideTxtBox .bd{ width: 100%; overflow: hidden;}
.slider3 .slideTxtBox .bd ul{ width: 100%; zoom:1;  }
.slider3 .slideTxtBox .bd ul .pcd{ width: 100%; height: 100vh;}
.slider3 .slideTxtBox .hd{ width: 100%; height: 100vh; position:absolute; left:0; top:0; z-index:1;}
.slider3 .slideTxtBox .hd .jj_nr{ width:34%;}
.slider3 .slideTxtBox .hd .jj_nr li{ padding:1.4vw 0; border-bottom:1px solid rgba(255,255,255,0.15); overflow: hidden;} 
.slider3 .slideTxtBox .hd .jj_nr li span.fln{ width:2.3vw; opacity:0.7;}
.slider3 .slideTxtBox .hd .jj_nr li span.fln img{ max-width:100%; max-height:2vw;}
.slider3 .slideTxtBox .hd .jj_nr li .frn{ width:88%; opacity:0.7;}
.slider3 .slideTxtBox .hd .jj_nr li .frn .text-justify{ display:none; transition: .6s;}
.slider3 .slideTxtBox .hd .jj_nr li:hover .frn .text-justify, .slider3 .slideTxtBox .hd .jj_nr li.on .frn .text-justify{ display:block; transition: .6s;}
.slider3 .slideTxtBox .hd .jj_nr li:hover span.fln, .slider3 .slideTxtBox .hd .jj_nr li.on span.fln, .slider3 .slideTxtBox .hd .jj_nr li:hover .frn, .slider3 .slideTxtBox .hd .jj_nr li.on .frn{ opacity:1;}
.slider3 .slideTxtBox .arrow{ display:none;}
/*slider4*/
.slider4 { width: 100%; height: 100vh; }
.abo1{ width:32%; height: 100vh; position:relative; z-index:1; margin-left:11%;}
.abo1 .abo_time{ width: 100%; overflow: hidden; position:absolute; left:0; bottom:0; z-index:-1;}
.abo2{ margin-left:8%;}
.abo2 dl{ margin-bottom:4.2vw;}
.abo2 dl:last-child{ margin-bottom:0;}
.abo3{ width:36%; height: 100vh;}
.abo3 .map{ height:43vh;}
.map .map_bo{ position:relative;}
.map .line{ position:absolute; z-index:2;}
.map .line.lin1{ width:34.35%; left:13.38%; top:17%;}
.map .line.lin2{ width:33%; left:14%; top:31.88%;}
.map .line.lin3{ width:6.2%; left:48%; top:38%;}
.map .line.lin4{ width:32%; left:47%; top:36.2%;}
.map .line.lin5{ width:22.24%; left:46.83%; top:20.6%;}
.map .line.lin6{ width:9%; left:38.3%; top:18.84%;}
.map .dz1{ left:10.8%; top:17.39%;}
.map .dz2{ left:11.39%; top:49.27%;}
.map .dz3{ left:50%; top:71.74%;}
.map .dz4{ left:76%; top:63%;}
.map .dz5{ left:65%; top:20.28%;}
.map .dz6{ left:35%; top:7%;}
.map .dz7{ left:41%; top:28%;}
.map .map_txt{ position:absolute; z-index:3;}
.map .map_txt .dot { width: 12px; height: 12px; display: block; border-radius: 50%; position: relative; margin: 0 auto; }
.map .map_txt .dot span{ width: 12px; height: 12px; left: 0; top: 0; position: absolute; z-index: 1; border-radius: 50%; background:#91b2d0;}
.map .map_txt .dot i{ width: 6px; height: 6px; left: 3px; top: 3px; position: absolute; z-index: 3; border-radius: 50%; background:#0057a6;}
.abo3 .ryzz{ height:47vh; position:relative;}
.abo3 .ryzz p{ position:absolute; top:16.5%; left:7.2%; z-index:1;}
.abo3 .ryzz .ryzz_img{ height:47vh;}
/*slider5*/
.slider5 { width: 100%; height: 100vh; }
.slider5 .new_img{ width:30%; margin-right:1.4%;}
.slider5 .new_img:last-child{ margin-right:0;}
.slider5 .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);}
.slider5 .new_img:hover dd .mor1{ background: #313030; color: #FFF;}
.slider5 .new_img:hover dd .f22 a{ color:#0159a7;}
.slider5 .sideMenu{ width:37%; overflow: hidden; padding-bottom:2.5vw;}
.slider5 .sideMenu h3{ width: 100%; overflow: hidden; cursor:pointer; font-weight:normal; margin-top:1.5vw;}
.slider5 .sideMenu h3 .btopr{ display:none;}
.slider5 .sideMenu h3 .fl{ width:78%; overflow:hidden; height:24px; line-height:24px; font-size:18px;}
.slider5 .sideMenu h3 .fr{ height:24px; line-height:24px;}
.slider5 .sideMenu ul{ width: 100%; display:none; border-bottom:1px #dcdcdc solid; overflow:hidden;}
.slider5 .sideMenu h3.on .btopr{ display:block;}
.slider5 .sideMenu h3.on .fl{ width:100%; overflow:hidden; font-size:22px; font-weight:bolder; height:auto; line-height:1.8;} 
.slider5 .sideMenu h3.on .fr{ display:none;}
/*slider6*/
.slider6 { width: 100%; height: 100vh; }




 @media screen and (max-width: 1600px) and (min-width:0) {
/*abouts*/

.abo1{ width:35%; margin-left:7%;}
.abo2{ margin-left:5%;}

}
@media screen and (max-width: 1300px) and (min-width:0) {
/*abouts*/
.mor1 { width: 120px; height: 36px; line-height: 36px; border-radius: 36px; -moz-border-radius: 36px; -webkit-border-radius: 36px; }
.abo1{ width:38%; margin-left:5%;}
.abo2{ margin-left:4%;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
/*abouts*/
.mor1 { width: 110px; height: 32px; line-height: 32px; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px; }
}
@media screen and (max-width: 1024px) and (min-width:0) {
.autoPage { height: auto; }
html, body, main { height: auto; }
.swiper-container { height: auto; }
.swiper-container .swiper-slide { height: auto; }

.swiper-wrapper { height: auto; z-index: 1; display: inherit; display: inherit; display: inherit; display:inherit; display: inherit; -webkit-transition-property: none; -moz-transition-property:none; -o-transition-property:none; -ms-transition-property:none; transition-property:none;}


.swtop { height: 0; }
.swbo { height: auto; }
.swbo.bhhy{ display:inherit; display: inherit; -webkit-box-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; align-items: inherit;}
/*slider1*/
.slider1 { margin-top: 0.78rem; height: auto;}
.slider1 #owl-demo .owl-item .uk-animation-kenburns img { height: auto; transition: none; }
.slider1 #owl-demo .owl-item.active .uk-animation-kenburns img { animation-name: none; animation-duration: none; }
.slider1 .item .uk-position-center { text-align: center; height: auto; top: 16%; display: inline; display: inline; align-items: top; }
.slider1 .item .uk-position-center span { display: inline; }
.slider1 #owl-demo .owl-item:nth-child(3n) .uk-position-center { top: 16%; }
.slider1 #owl-demo .owl-item.active .tracking-in-contract { -webkit-animation: none; animation: none; }
.slider1 #owl-demo .owl-item.active .uk-animation-slide-bottom { animation-name: none; animation-duration: none; }
/*abouts*/
.slider2 { height: auto; padding:0.65rem 0;}
.mor1 { width: 1.4rem; height: 0.52rem; line-height: 0.52rem; border-radius: 0.52rem; -moz-border-radius: 0.52rem; -webkit-border-radius: 0.52rem; }
.slider2 .mor1{ margin-top:0.2rem;}
.wrapper .heiht{ height: auto;}
.wrapper ul li { width: 100%; border-left:none; transition:none; border-bottom: 1px solid #d2d2d2; padding:0.25rem 0;}
.wrapper ul li .p1 { display: none;}
.wrapper ul li .conc{ display:block; position: relative;}
.wrapper .conc .num{ position:inherit; left:inherit; bottom:inherit; padding-top:0.25rem;}
.wrapper .conc .cpzs_l{ width:100%;}
.wrapper .conc .cpzs_r{ width:90%; margin:0.25rem 5% 0 5%;}
.wrapper ul:hover li { width: 100%; }
.wrapper ul li:hover { width: 100%; }
/*slider3*/
.slider3 { height: auto; padding:0.65rem 0 0 0;}
.slider3.white .f48 a{ color:#333;}
.slider3 .slideTxtBox{ width:100%; height: auto;}
.slider3 .slideTxtBox .bd{ margin-top:0.15rem;}
.slider3 .slideTxtBox .hd{ width: 100%; height:auto; position:inherit; left:inherit; top:inherit; z-index:inherit;}
.slider3 .slideTxtBox .hd .jj_nr{ width:100%;}
.slider3 .slideTxtBox .hd .jj_nr li{ width:48%; padding:0.28rem 0; border-bottom:1px solid rgba(255,255,255,0.15); background:#313030; margin:0 1% 0.2rem 1%; float:left;} 
.slider3 .slideTxtBox .hd .jj_nr li span.fln{ width:0.26rem; }
.slider3 .slideTxtBox .hd .jj_nr li span.fln img{ max-height:0.4rem;}
.slider3 .slideTxtBox .hd .jj_nr li .frn{ width:88%; opacity:0.7;}
.slider3 .slideTxtBox .hd .jj_nr li .frn .text-justify{ display:none;}
.slider3 .slideTxtBox .hd .jj_nr li:hover, .slider3 .slideTxtBox .hd .jj_nr li.on{ background:#0159a7;}
.slider3 .slideTxtBox .hd .jj_nr li:hover .frn .text-justify, .slider3 .slideTxtBox .hd .jj_nr li.on .frn .text-justify{ display:none;}
.slider3 .slideTxtBox .arrow{ display:block;}
.slider3 .slideTxtBox .arrow a{ width:0.23rem; height:0.61rem; background:url(/24tempckhjx/ckhjx/images/awr_ed.png) no-repeat; background-size:contain; display:block; position:absolute; top:25%; z-index:10;}
.slider3 .slideTxtBox .arrow a.prev{ left:1%;}
.slider3 .slideTxtBox .arrow a.next{ right:1%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
/*slider4*/
.slider4 { height: auto;}
.abo1{ width:90%; height: auto; margin-left:5%; margin-right:5%; padding:0.65rem 0;}
.abo1 .abo_time{ position:inherit; left:inherit; bottom:inherit; z-index:inherit; margin-top:0.35rem;}
.abo2{ width:90%; margin-left:5%; margin-right:5%; padding-bottom:0.65rem;}
.abo2 dl{ width:50%; margin-bottom:0.25rem; float:left;}
.abo2 dl:last-child{ margin-bottom:0.25rem;}
.abo3{ width:100%; height: auto;}
.abo3 .map{ height:auto; padding:0.35rem 0;}
.abo3 .ryzz{ height:auto;}
.abo3 .ryzz p{ top:15%; left:5%; z-index:1;}
/*slider5*/
.slider5 { height: auto; padding:0.65rem 0;}
.slider5 .new_img{ width:100%; margin-right:0; margin-top:0.15rem;}
.slider5 .sideMenu{ width:100%; padding-bottom:0.35rem; margin-top:0.35rem;}
.slider5 .sideMenu h3{ margin-top:0.3rem;}
.slider5 .sideMenu h3 .fl{ width:100%; height:auto; line-height:auto; font-size:0.26rem;}
.slider5 .sideMenu h3 .fr{ display:none;}
.slider5 .sideMenu ul{ display:block; padding-bottom:0.22rem; opacity:0.7;}
.slider5 .sideMenu h3.on .btopr{ display:none;}
.slider5 .sideMenu h3.on .fl{ font-size:0.26rem; font-weight:normal;} 
.slider5 .sideMenu h3.on .fr{ 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)
}
}
<!--ºÄʱ1794240596.9968Ãë-->