body{background: url(../images/zjklmy/zj_bg.png) no-repeat top center;}
.zjheader{padding: 180px 0 525px;text-align: center;}
/* klmygk start */
.klmygk{padding-bottom: 50px;margin-top: 70px;;background: url(../images/zjklmy/zj_gkbg.png) no-repeat bottom center;}
.gktop{position: relative;top: -128px;text-align: center;}
.gktop img{width: 21.5%;}
.lmtab{margin-left: 120px;margin-bottom: 32px;margin-top: -143px;}
.lmtab li{display: inline-block;position: relative;;padding:30px 30px 13px;font-size: 22px;}
.lmtab li a{color: #815B2B;}
.lmtab li.on{font-weight: bold;background: url(../images/zjklmy/zj_lmbg.png) no-repeat;}
.lmtab li.on::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 22px;;background: url(../images/zjklmy/zj_lmon.png) no-repeat;}
.gkinfo{position: relative;}
.gkinfo .gktxt{position: absolute;right: 0;top: 50%;margin-top: -175px;;width: 40.57%;height: 395px;color: #fff;}
.gkinfo .gktxt .txt{position: absolute;padding: 35px 45px;width: auto;height: 100%;left: 0;top: 0;line-height: 38px;font-size: 20px;background: #BFAC94;border-radius: 0 73px 0 0;}
.gkinfo .gktxt .gk{position: absolute;top: -150px;left: 85px;}
.gkvideo{width: 61.8%;height: 535px;}
.gkvideo video{display: none;width: 100%;height: 100%;;object-fit: fill;}
.gkvideo video.on{display: block;}
/* klmygk end */
/* csfm start */
.csfm{padding: 35px 0 85px;background: url(../images/zjklmy/zj_fmbg.png) no-repeat bottom center;}
.gk-title{text-align: center;}
.gk-title img{ width: 21.5%;}
/* .swiperbox{position: relative;;margin-top: 50px;}
.swiperbox .swiper{overflow: hidden;width: 85%;margin: 0 auto;}
.swiperbox .swiper a{display: block; height: 100%;}
.swiperbox .swiper a img{height: 400px;} */

.swiperbox {position: relative;}
.swiperbox .swiper{overflow: hidden;}
.swiperbox .swiper-slide{ width:45%;}
.swiperbox .swiper-slide a{display: block; overflow: hidden;min-height: 300px;position: relative;}
.swiperbox .swiper-slide a img{display: block;max-width: 100%; width: 100%;}
.swiperbox .btn{padding: 16px 24px;border-radius: 50%;background: #BFAC94;text-align: center;}
.swiperbox .btn img{margin-top: 5px;}
.swiper-button-prev{left: 0;}
.swiper-button-next{right: 0;}

@media (max-width: 1200px){

    .swiperbox .swiper-slide{ width:75.5%;}
}

/* csfm end */

.gk-item{margin:40px 0;}
.gk-item ul{ margin:0px -13px}
.gk-item li{ float: left; width: 23.7%;padding: 40px 0px;}
.gk-item li.on{width:28.4%; padding: 0;}
.gk-item li.on a{ height: 395px;}
.gk-item li a{display: block;margin: 0px 13px;height: 321px;border-radius: 20px;border: 6px solid #fff;box-shadow: 0px 0px 20px 0px rgb(127 147 173 / 32%);}
.gk-item li.icon1 a,.gk-item li.icon4 a{background: linear-gradient(#fffbf6, #fdf0e0);}
.gk-item li.icon2 a{background: linear-gradient(#eaf2ff, #d1e3fb);}
.gk-item li.icon3 a,.gk-item li.icon5 a{background: linear-gradient(#eafffd, #d9f3f1);}

.gk-item li a i{display: block;width: 129px; height: 129px;background-size: 100%!important; margin:40px auto;border-radius: 50%;}

.gk-item li.icon1 i{ background: url(../images/zjklmy/gk_icon1.png) no-repeat center #fff;}
.gk-item li.icon2 i{ background: url(../images/zjklmy/gk_icon2.png) no-repeat center #fff;}
.gk-item li.icon3 i{ background: url(../images/zjklmy/gk_icon3.png) no-repeat center #fff;}
.gk-item li.icon4 i{ background: url(../images/zjklmy/gk_icon4.png) no-repeat center #fff;}
.gk-item li.icon5 i{ background: url(../images/zjklmy/gk_icon5.png) no-repeat center #fff;}
.gk-item li .text{overflow: hidden; display: none;  padding: 25px;opacity: 0.5;color: #346b63;line-height: 1.5em;font-size: 1.125em;}
.gk-item li.on .text{height: auto;display: block;}
.gk-item li span{ text-align: center; font-size: 1.3em;font-weight: bold;display: block;}

.gk-item li.icon1 span,.gk-item li.icon4 span,.gk-item li.icon1 .text,.gk-item li.icon4 .text{color:#8a674a}
.gk-item li.icon2 span,.gk-item li.icon2 .text{color:#445a9c}
.gk-item li.icon3 span,.gk-item li.icon5 span,.gk-item li.icon3 .text,.gk-item li.icon5 .text{color:#346b63}

/* 投资克拉玛依 */
.zj-tzklmy .tab-card{margin-top: 30px;}
.zj-tzklmy .tab-card .hd{box-shadow: 0px 0px 4px 0 rgb(0 0 0 / 25%);}
.zj-tzklmy .tab-card .hd ul{float: none;}
.zj-tzklmy .tab-card .hd li{ width: 50%;}
.zj-tzklmy .tab-card .hd li.on a{background: url(../images/zjklmy/20230731tzklmy_on.png) no-repeat #fff; background-size: 100% 100%;color:#fff}
.zj-tzklmy .tab-card .hd li a{height: 106px;background: url(../images/zjklmy/20230731tzklmy.png) no-repeat #fff;font-size: 30px; background-size: 100% 100%;color:#A89885;line-height: 85px;}
.zj-tzklmy{padding: 45px 0px;background: url(../images/zjklmy/zj_tzklmy_bg.png) no-repeat; background-size: 100% 100%;}
.zj-tzklmy .bd ul{box-shadow:0px 0px 4px 0 rgb(0 0 0 / 25%);padding: 40px 0;background: #fff;}
.zj-tzklmy .bd ul li{float: left; width: 33.33%;} 
.zj-tzklmy .bd ul li div,.zj-tzklmy .bd ul li span{margin:0px 30px;display: block;}
.zj-tzklmy .bd ul li .title{font-size: 1.25em; color: #000; font-weight: bold; line-height: 1.5em; min-height: 52px;}
.zj-tzklmy .bd ul li .info{padding:25px 0;min-height: 130px;}
.zj-tzklmy .bd ul li .info p{color:#808080; -webkit-line-clamp:4; line-height: 1.7em;}
.zj-tzklmy .bd ul li span{color:#808080;background: url(../images/zjklmy/zj_time.png) no-repeat left; background-size: 25px; line-height: 30px;padding-left: 35px;}

@media (max-width: 1200px){
    body{background-size: 100%;}
    .zjheader{padding: 130px 0 270px;}
    .zjheader dt img{width: 40%; min-width: 168px;}
    .zjheader dd img{width: 50%; min-width: 288px;}
    .klmygk{margin-top: 90px;}
    .gktop{top: -80px;}
    .gktop img,.fmtop img{width: 200px;}
    .lmtab{margin-top: -70px;margin-left: 20px;}
    .gkvideo{width: 100%;}
    .gkinfo .gktxt{position: relative;top: 0;margin-top: 15px;width: 100%;height: auto;;}
    .gkinfo .gktxt .gk{position: unset;;top: -95px;}
    .gkinfo .gktxt .gk img{width: 200px;}
    .gkinfo .gktxt .txt{position: unset;width: auto;height: auto;padding: 25px 20px;font-size: 18px;border-radius:0 50px 0 0;}

    .gk-item li a i{width: 80px; height: 80px;}
}
@media (max-width: 768px){
    .zjheader{padding: 105px 0 180px;}
    .gkvideo{height: 400px;}
    .gk-item li a,.gk-item li.on a{height: 321px;padding-bottom: 25px;}
    .gk-title img{width: 50%;}
    .zj-tzklmy .bd ul li{width: auto; float: none;margin-bottom: 20px;}
    .zj-tzklmy .bd ul li .info{min-height: initial;}
    .gk-item li .text{padding-bottom: 0px;display:block;}
    .gk-item li,.gk-item li.on{width: 50%; padding: 20px 0 0;}
    
    
    
}
@media (max-width: 425px){
    body{background: none;}
	.zjheader{padding: 70px 0 60px; background: url(../images/zjklmy/zj_bg.png) no-repeat top center; background-size: cover}
    .klmygk{padding-bottom: 30px;}
    .gktop img, .fmtop img{width: 120px;}
    .lmtab{margin-left: 0;}
    .lmtab li{font-size: 18px;padding: 30px 25px 13px;}
    .lmtab li.on::after{background-size: 100% 100%;}
    .gkvideo{height: 230px;}
    .gkinfo .gktxt .gk img{width: 100px;}
    .gkinfo .gktxt .txt{font-size: 14px;padding: 10px 20px;}
    .csfm{padding: 20px 0 40px;}
    .gk-item li,.gk-item li.on{width: auto; float: none;padding: 20px 0 0;}
    .gk-item li a,.gk-item li.on a{height: auto;padding-bottom: 25px;}

    .swiperbox .swiper-slide a{min-height: initial;}

    .swiperbox .btn{padding: 3px 10px;}
}