@charset "UTF-8";
/* CSS Document */
@import url(reset.css);
@import url(common.css);
@import url(header.css);
@import url(footer.css);
@import url(animate.min.css);
.warp {background: url(dcjh_bg.png) no-repeat top center #f1f9ff;background-size: 100% auto;}

.main { background: none; padding: 0; margin-top: -60px; }

a { font-size: 18px; }

/* 多彩剑河头部 */
.head { /* display: flex; flex-direction: row; justify-content: center; */ position: relative; /*&::before{ content: ''; // background: url(dcjh_yun.png) no-repeat ; width: 100%; height: 632px; position: absolute; top: 500px; left: 0; }*/ }

.head ::before{ content: ''; background: url(yun.png) repeat-x;  animation: posterDrop1 400s linear infinite; width: 100%; height: 340px; position: absolute; bottom: 100px; left: 0; opacity: .1;}

.head .head_box { /*margin-top: 15px;*/ display: flex; flex-direction: column; justify-content: center; margin: 0 auto;width: 1400px;}

.head .head_box .top { width: 1400px; height: 120px; display: flex; justify-content: space-between; align-content: center; margin: 0 auto;}

.head .head_box .top .logo { display: flex; align-items: center; }

.head .head_box .down { margin: 50px 0 300px; display: flex; justify-content: flex-end; }

.head .head_box .nav ul li { line-height: 120px; letter-spacing: 1px; color: #333333; margin: 0 12px; }

.head .head_box .nav ul li.on:hover, .head .head_box .nav ul li.on { color: #0066cc; }

.head .head_box .nav ul li a { font-size: 28px; font-weight: bold; font-style: normal; }

@media screen and (min-width: 1920px) {
    .head .head_box .down{margin: 200px 0 450px;}
    .head ::before{bottom:50px}
}
@media screen and (max-width: 1920px) {
    .head .head_box .down{margin: 50px 0 300px;}
    .head ::before{bottom:100px}
}

.part1 { width: 100%; }

.part1 .jhjj { width: 1450px; }

.part1 .jhjj .left { margin-top: 60px; width: 870px; height: 500px; background: url(dcjh_sb_bg.png) no-repeat; background-size: 834px 490px; }

.part1 .jhjj .left .video_box { background: rgba(0, 0, 0, 0.5); width: 779px; height: 438px; border-radius: 50px; margin-top: 40px; margin-left: 40px; }

.part1 .jhjj .left .video_box video { width: 100%; height: 100%; object-fit: cover; border-radius: 50px; }

.part1 .jhjj .right { margin-top: 10px; width: 580px; }

.part1 .jhjj .right .title { display: flex; justify-content: center; }

.part1 .jhjj .right .title img { transition: all 1s; }

.part1 .jhjj .right .title:hover img { transform: scale(0.9); }

.part1 .jhjj .right .con { margin-top: 50px; font-size: 18px; line-height: 48px; }

.part1 .jhjj .right .con p { text-indent: 2em; color: #333333; }

.part1 .jhjj .right .con a { color: #0066cc; font-weight: bold; }

.part1 .jhjj .right .con a:hover { color: #f00; }

.part1 .jhgk_list { margin-top: 60px; }

.part1 .jhgk_list ul { display: flex; justify-content: space-between; }

.part1 .jhgk_list ul li .pic { width: 171px; height: 171px; background: url(dcjh_gk.png) no-repeat center; background-size: 100%; display: flex; justify-content: center; align-items: center; transition: all 1s; }

.part1 .jhgk_list ul li:hover .pic { background: url(dcjh_gks.png) no-repeat center; -webkit-transform: rotateZ(-360 deg); transform: rotateZ(-360deg); }

.part1 .jhgk_list ul li p { text-align: center; margin-top: 25px; font-size: 24px; color: #333333; }

.tit { display: flex; justify-content: center; }

.tit h2:hover a { transform: scale(1.1); }

.tit h2 a { transition: all .8s; display: block; position: relative; font-weight: bold; color: #0066cc; font-size: 38px; }

.tit h2 a::after { content: ''; position: absolute; top: 50%; left: -115px; width: 95px; height: 1px; background-color: #0066cc; }

.tit h2 a::before { content: ''; position: absolute; top: 50%; right: -115px; width: 95px; height: 1px; background-color: #0066cc; }

/* 剑河旅游 */
.part2 { margin-top: 75px; }

.part2 .lhly { width: 100%; height: 592px; margin-top: 40px; position: relative; }

.part2 .lhly .swiper{overflow: hidden;}

.part2 .lhly .jhlySwiper .swiper-button-prev, .part2 .lhly .jhlySwiper .swiper-button-next { width: 49px; height: 49px; border-radius: 50%; background: url(dcjh_arrow_left.png) no-repeat center; }

.part2 .lhly .jhlySwiper .swiper-button-prev::after, .part2 .lhly .jhlySwiper .swiper-button-next::after { width: 0; color: 0; font-size: initial; }

.part2 .lhly .jhlySwiper .swiper-button-prev:hover, .part2 .lhly .jhlySwiper .swiper-button-next:hover { opacity: .8; }

.part2 .lhly .jhlySwiper .swiper-button-prev { background: url(dcjh_arrow_right.png) no-repeat center; }

.part2 .lhly .jhlySwiper .swiper-button-prev, .part2 .lhly .jhlySwiper .swiper-rtl .swiper-button-next { left: 0; right: auto; }

.part2 .lhly .jhlySwiper .swiper-button-next, .part2 .lhly .jhlySwiper .swiper-rtl .swiper-button-prev { right: 20px; left: auto; }

.part2 .lhly .jhlySwiper .swiper-button-disabled { opacity: .6; }

.part2 .lhly .jhlySwiper .swiper-slide { width: 100%; height: 592px; }

.part2 .lhly .jhlySwiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.part2 .lhly .jhlySwiper .btn { position: absolute; bottom: 60px; right: 100px; }

.part2 .lhly .left { position: absolute; top: 0; left: 0; z-index: 99; box-shadow: 15px 0px 0px 0px rgba(255, 255, 255, 0.64); width: 812px; height: 592px; background: rgba(0, 102, 204, 0.8); color: #fff; }

.part2 .lhly .left .jhly_side { margin-top: 50px; margin-right: 56px; text-align: right; }

.part2 .lhly .left .jhly_side h3 { margin-top: 30px; font-size: 24px; color: #ffffff; position: relative; }

.part2 .lhly .left .jhly_side h3 a { font-size: 24px; font-weight: bold; }

.part2 .lhly .left .jhly_side h3.on::after { content: ''; position: absolute; top: 50%; right: -144px; transform: translateY(-50%); width: 134px; height: 2px; background-color: #0066cc; }

.part2 .lhly .left .jhly_side h3.on::before { content: ''; position: absolute; top: 50%; right: -160px; transform: translateY(-50%); width: 33px; height: 33px; border-radius: 50%; background: url(dcjh_active.png) no-repeat center; z-index: 99; }

.part2 .lhly .left .jhly_side ul { margin-top: 10px; margin-left: 50px; }

.part2 .lhly .left .jhly_side ul li { line-height: 38px; }

.part2 .lhly .left .jhly_side ul li a { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inherit; padding-right: 20px; position: relative; }

.part2 .lhly .left .jhly_side ul li a::after { display: block; content: ''; width: 4px; height: 4px; background: #fff; border-radius: 50%; position: absolute; top: 50%; right: 2px; transform: translateY(-50%); }

.part2 .lhly .left .jhly_side a:hover { color: #f00; }

.part2 .lhly .left .left_icon { position: absolute; bottom: 5px; left: 10px; }

.part2 .lhly .left .left_icon ul li.on { display: block; }

/* 招商引资 */
.part3 { margin-bottom: 80px; }

.part3 .zsyz { margin-top: 35px; position: relative; width: 1520px; }

.part3 .zsyz h2 {font-size: 113px;width: 1400px;height: 89px;letter-spacing: 20px;color: rgba(0, 102, 204, 0.1);font-weight: bold;margin: 0 auto;text-align: center;}

.part3 .zsyz .zsyz_down{margin-top:-23px;}

.part3 .zsyz .swiper { width: 100%; position: relative; padding: 40px 0; }

.part3 .zsyz .swiper-slide { box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.35); width: 406px; height: 471px; text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative; }

.part3 .zsyz .swiper-slide.swiper-slide-prev, .part3 .zsyz .swiper-slide.swiper-slide-next { margin-top: 62px !important; opacity: 1 !important; }

.part3 .zsyz .swiper-slide.swiper-slide-next + .swiper-slide-visible a img { left: inherit; right: 40px; }

.part3 .zsyz .swiper-slide.swiper-slide-next a img { left: inherit; right: 40px; }

.part3 .zsyz .swiper-slide.swiper-slide-visible { opacity: 1 !important; }

.part3 .zsyz .swiper-slide.swiper-slide-active { margin-top: 124px !important; opacity: 1 !important; }

.part3 .zsyz .swiper-slide.swiper-slide-active a img { left: 50%; top: 50%; transform: translate(-50%, -50%); }

.part3 .zsyz .swiper-slide.swiper-slide1 { background: url(dcjh_jhzs_bg3.png) no-repeat -18px -6px; }

.part3 .zsyz .swiper-slide.swiper-slide2 { background: url(dcjh_jhzs_bg4.png) no-repeat -18px -6px; }

.part3 .zsyz .swiper-slide.swiper-slide3 { background: url(dcjh_jhzs_bg5.png) no-repeat -18px -6px; }

.part3 .zsyz .swiper-slide.swiper-slide4 { background: url(dcjh_jhzs_bg1.png) no-repeat -18px -6px; }

.part3 .zsyz .swiper-slide.swiper-slide5 { background: url(dcjh_jhzs_bg2.png) no-repeat -18px -6px; }

.part3 .zsyz .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; }

.part3 .zsyz .swiper-slide a > img { position: absolute; top: 40px; left: 40px; }