/*--header--*/
.zj_header-bg{
    background: url(2023_zj_header_bg.png) no-repeat;
    background-size: 100%;
}
.zj_header-bg .header-bg{
	background:none;
}
.zj_header-bg .header{
    height: auto;
}
.zj_header-bg .header-logo{
	display:none;
}
.zj_header-bg .zj_header-logo{
	display:block;
}
.zj_header-logo{
    
    float: left;
    padding: 84px 0 44px;
    width: 60%;
}
.zj_header-logo img{
    height: 117px;
}
.zj_header-bg .zj_header-search{
    width: 426px;
    margin-top: 120px;
}
.zj_header-bg .header-toolbar .line_bmzj{height:270px;overflow-y: auto;}
@media (max-width: 1280px) {
.zj_header-logo{width:50%;}
	.zj_header-logo img{height:auto;}
	.zj_header-bg .zj_header-search{width:40%;margin-top:100px;}
	
}
@media (max-width: 992px) {
    .zj_header-logo,.zj_header-search{float: none;}
    .zj_header-logo{width: 100%;text-align: center;}
	.zj_header-logo img{height:auto;}
    .zj_header-bg .zj_header-search{margin-top:0px;margin-bottom: 40px;width: 90%;}
}
/*--header--*/
.xlr_icon{display:none;}
.zjtl_bg{
    background: url(2023_zjtl_bg.png) no-repeat top center;
       
    z-index: 10;
    position: relative;
}
.zjtl_logo{
    padding-top: 15%;
    padding-left: 4%;
    padding-bottom: 233px;
}
.zjtl_tit{
    text-align: center;
}
/*--欢迎铜梁--*/

.hytl_bg .zjtl_tit{
    /*position: relative;*/
    top: 0px;
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -350px;
    z-index: 0;
}
.hytl{
    position: relative;
    background: 
    url(2023_hytl_xlrbg.png) no-repeat center 60%,
    url(2023_hytl_xlrbg2.png) no-repeat center 60%;
    /*height: 1000px;*/
	width:100%;
	height:0px;
    padding-top: 100%;
	margin-top:-18%;
    /*margin-top: 170px;*/
}
.xt3{
	position:absolute;
	bottom:60px;
	bottom:3%;
	width:84%;
	height:84%;
	left:50%;
	z-index:0;
}
.hx-box.xt3 ul{width:100%;height:100%}
.xt3 ul li {
    width:100%;height:100%;
    border: 20px solid rgba(252, 245, 192, .5);
    border-radius: 1000px;
}
.xt1,.xt2{
	position:absolute;
	bottom:60px;
	width:1400px;
	left:50%;
	
	margin-left:-700px;
	
}
.xt2{
	bottom:94px;
}
.xt1 svg ,.xt2 svg {
    /*position: absolute;
    top: 0;*/
	    color: #00ff5b;
	
}
.xt1 svg{
	position: absolute;
    bottom: 10px;
    /* top: 0px; */
    left: 50%;
    margin-left: -700px;
	width:100%;
	height:400px;
}
.xt2 svg{
	position: absolute;
    bottom: 10px;
    /* top: 0px; */
    left: 50%;
    margin-left: -650px;
	width:99%;
	height:300px
}
.xt1 svg path,.xt2 svg path {
    stroke: #fff;
    fill: none;
    stroke-width: 3;
    animation: path-animation 40s linear 0s infinite normal;
	stroke: #00ff5b;
}
.xt1{width:100%;height:100%;bottom:180px;bottom:6%;left:50%;margin-left:-50%;}
.xt1 svg{display:none;}
.xt1 .hx-box{width:98%;height:98%;left:49%;    transform: translate(-50%, 41%) rotateX(76deg);}
.xt1 .hx-box ul{width:100%;height:100%;}
.xt1 .hx-box ul li{width:100%;height:100%;}
.xt1 .hx-box li span{background: url(2023_hytl_xt1.png) no-repeat center center;animation: hx 90s linear infinite;background-size: contain;}


.xt2{width:85%;height:85%;bottom:210px;bottom:17%;left:50%;margin-left:-42.5%;}
.xt2 svg{display:none;}
.xt2 .hx-box{width:100%;height:100%;left:50%; transform: translate(-50%, 48%) rotateX(76deg);}
.xt2 .hx-box ul{width:100%;height:100%;}
.xt2 .hx-box ul li{width:100%;height:100%;}
.xt2 .hx-box li span{background: url(2023_hytl_xt2.png) no-repeat center center;animation: hx 90s linear infinite;background-size: contain;}





.zp1{
    /*background: url(2023_hytl_zp1.png) no-repeat center top;
    /*background-size: contain;*/
    height: 316px;
	height:88%;
	position:relative;
	width:1263px;
	width:88%;
	position: absolute;
    bottom: -25px;
	bottom:17%;
    left: 50%;
	
}
.zp1 .hx-box{
	width:1263px;
	height:1263px;
	width:100%;
	height:100%;
	transform:translate(-50%, 48%) rotateX(76deg)
}
.zp1 .hx-box ul{
		width:100%;
	height:100%;
}
.zp1 .hx-box ul li{
		width:100%;
	height:100%;
	border:0px;
}
.zp1 .hx-box li span{
	width:100%;
	height:100%;
	background: url(2023_hytl_zp1.png) no-repeat center center;
	animation:hx 14s linear infinite
}
.zp2{
    /*background: url(2023_hytl_zp2.png) no-repeat center 71%;*/
    height: 200px;
	width:57%;
	height:57%;
    text-align: center;
	position:absolute;
	bottom:200px;
	bottom:17%;
	left:50%;
	z-index:1;
	margin-left:-28.5%;
}
.zp2 .hx-box{
	width:100%;
	height:100%;
}
.zp2 .hx-box ul{
	width:100%;
	height:100%;
}
.zp2 .hx-box ul li{
	width:100%;
	height:100%;
	background: #451C13;
	border:0px;
}
.zp2 .hx-box ul li span{
	width:102%;
	height:102%;
}
.zp2 .hx-box ul li.hx-k1 span{
	/*transform: rotate(120deg);*/
}
.zp2 .hx-box ul li.hx-k2{
	width:90%;
	height:90%;
	margin:0 auto;
	left:5%;
}
.zp2 .hx-box ul li.hx-k3{
	width:80%;
	height:80%;
	margin:0 auto;
	background:#6B3E26;
	left:10%;
	top:-30px;
	box-shadow: 3px 6px 17px  #000000;
}
.zp2 .zp2_icon{
	width:639px;
	width:78%;
	position: absolute;
	left: 50%;
    margin-left: -39%;
    bottom:6%;
}
.txl_icon{
	text-align:center;
	position: absolute;
	width:20%;
    left: 50%;
    margin-left: -10%;
    /*top: 61px;*/
	bottom:28%;
    z-index: 2;
}
.xlr{
    /*position: absolute;
    left: 50%;
    margin-left: -107px;
    margin-top:-20%;*/
	width:100%;
	opacity:.8;
}
.qqjj{
    position: absolute;
    left: 16%;
    top: 48%;
}
.rotation3D .scale .item{
    position: absolute;
    bottom: 310px;
    right: -87px;
    /*display: none;*/
	opacity:0;
}
.qqjj .qqjj_x{
    text-align: right;
    margin-left: 40px;
}
.rotation3D .scale .item_bg{
    /*background: url(../images/zjtl/hytl_item_bg.png) no-repeat;*/
    border-radius: 2px 20px 2px 20px;
    background: linear-gradient(180deg, rgba(5, 51, 35, 0.8) 0%, rgba(254, 198, 104, 0.4) 96.13%);
    width: 596px;
    height: 290px;
    padding: 33px 24px;
    box-shadow: 0px 4px 0px 4px #FFF9C7;
    margin-bottom: 20px;
}
.rotation3D .scale .item_tit{
    width: 146px;
    line-height: 38px;
    height: 38px;
    padding-right: 4px;
    padding-bottom: 8px;
    background:linear-gradient(270deg,rgba(174,230,148,0)0%,rgba(46,126,54,.32)100%);
    
}
.rotation3D .scale .item_tit span{
    font-size: 24px;
    color: #fff;
    display: block;
    margin-left: -4px;
    margin-top: -8px;
    background: linear-gradient(270deg, rgba(174, 230, 148, .1), rgba(46, 126, 54, 1));
}
.rotation3D .scale .item_tit span a{
	color: #fff;
}
.rotation3D .scale .item_bg dl{
    margin-top:20px;
}
.rotation3D .scale .item_bg dl dt{
    float: left;
    width: 40%;
    text-align: left;
	padding-right:26px;
	box-sizing: border-box;
	position:relative;
}
.rotation3D .scale .item_bg dl dt img{
	width:100%;
	max-height:125px;
}
.rotation3D .scale .item_bg dl dt img.sp_icon{
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-13px;
	margin-left:-13px;
	width:auto;
}
.rotation3D .scale .item_bg dl dd{
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    float: left;
    width: 100%;
	text-align: justify;
    -webkit-line-clamp: 6;
}
.rotation3D .scale .item_bg dl dd a{
	color: #fff;
}

.rotation3D .scale .xcsp .item_bg{
	height:380px;
}
.rotation3D .scale .xcsp .item_bg #a1{
	width:100%;
	height:100%;
	margin: 0px auto 0;
}
.rotation3D .scale .item_bg .yyz_img{
	margin-top:20px;
}
.yyz{
    position: absolute;
    left: 71%;
    top: 32%;
}

@keyframes path-animation {
    0% { stroke-dashoffset:500; }
    100% { stroke-dashoffset:0; }
}

.hx-box {
    transform-style: preserve-3d;
    transform: translate(-50%, 41%) rotateX(78deg);
}

.hx-box ul {
    width: 500px;
    height: 500px;
    transform-style: preserve-3d;
    /*animation: hxz 20s linear infinite;*/
}

@keyframes hxz {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-360deg);
    }
}



.hx-box ul li span {
    display: block;
    width: 100%;
    height: 100%;
    background: url(2023_zj_hx.png) no-repeat center center;
    background-size: 100% 100%;
    animation: hx 4s linear infinite;
}

@keyframes hx {
    to {
        transform: rotate(360deg);
    }
}

.xzitem{position:absolute;width:100%;height:40%;bottom:10%;;}
@media (max-width: 1500px) {
	.zp1 .hx-box li span{
		background-size: contain;
	}
	.itemList .rotation3D__item{width:20%;padding-top:20%;height:0px;}
	.hytl{
        background-size: 75%;
		margin-top: -14%;
    }
    .rotation3D .scale .item{bottom:84%;}
	/*
	.xt3{
		width:94%;
		height:883px;
		bottom:10%;
	}
	.hx-box ul,.hx-box ul li{
		width:100%;
		height:100%;
	}
	
	
	
    .xlr{
        width: 340px;
        margin-bottom: 250px;
    }
	.zp1{width:90%;margin-left:-45%;}
	.zp1 .hx-box{
		width:1063px;
		height:1063px;
	}
	
	
    
    .zp1{
        background-size: contain;
    }
    .zp2{
        background-size: 60%;;
        background-position: center 70%;
    }
    .yyz img,.qqjj>img{width: 80%;}
	
	.hytl .rotation3D{
		width:80%;
		
	}
	*/
}
@media (max-width: 1280px) {
	.zjtl_bg{background-size: auto 89%;}
	.hytl_bg .zjtl_tit{
        width: 70%;
        margin-left: -35%;
    }
    .rotation3D .scale .item{right:-36px;}
    .rotation3D .scale .item_bg{width:460px;height: 230px;}
    .rotation3D .scale .xcsp .item_bg{height: 280px;}
    .rotation3D .scale .item_bg dl dd{-webkit-line-clamp:4;font-size: 16px;}
	/*.zp1 .hx-box{width:98%;}
	.xt3{bottom:26%;}
	.xt1{bottom:35%;}
	.zp1{bottom:10%;}
	.xt2{bottom:37%;}
    .zp2{bottom:31%;width:70%;left:50%;margin-left:-35%;}
	.zp2 .hx-box{width:100%;height:658px;}
	.zp2 .xt3{bottom:48%;}
	.zp2 .zp2_icon{width:80%;margin-left:-40%;}
    
    .yyz img,.qqjj>img{width: 60%;}
    .yyz{
        left: 68%;
        top: 41%;
    }
	*/
	
}
@media (max-width: 992px) {
    .rotation3D .scale .item{right:-7px;}
    .rotation3D .scale .item_bg{width:290px;height: 160px;padding: 20px 10px;}
    .rotation3D .scale .xcsp .item_bg{height: 190px; }
    .rotation3D .scale .item_bg dl{margin-top: 10px;}
    .rotation3D .scale .item_bg dl dd{-webkit-line-clamp:3;font-size: 14px;}
    .qqjj_x{width: 70%;}
    .rotation3D .scale .item_tit{height: 34px;line-height: 34px;}
    .rotation3D .scale .item_tit span{font-size: 20px;}
   /* .xlr{
        margin-bottom: 25%;
    }
    .yyz img,.qqjj>img{width: 50%;}
    .qqjj{
        left: 10%;
        width: 36%;
    }
    .yyz{
        left: 65%;
    }*/
}
@media (max-width: 768px) {
	.zjtl_bg{background-size: auto 85%;}
	.hytl{
		margin-top: -11%;
    }
    /*.zjtl_logo{margin-bottom: 50%;}
    .zjtl_bg{background-size: cover;}
	.hytl{margin-top:20%;}
	.hytl .rotation3D{padding-top:89%;}*/
    .rotation3D .scale .item{bottom:84%;right:-20px;}
    .rotation3D .scale .item_tit{width: auto;padding:0 40px 0 10px;;line-height: 30px;height: 30px;}
    .rotation3D .scale .item_tit span{font-size: 16px;}
    .rotation3D .scale .item_bg{width: 180px;height: 107px;padding:15px 10px;margin-bottom: 12px;}
    .rotation3D .scale .item_bg dl{margin-top: 10px;}
    .rotation3D .scale .item_bg dl dd{line-height: 20px;font-size: 10px;-webkit-line-clamp: 3;}
	.qqjj_x{width: 50%;}
    .rotation3D .scale .xcsp .item_bg{height: 110px;}
}


/*--欢迎铜梁 e--*/
/*--地理环境--*/
.dlhj_bg{
    background: url(2023_dlhj_bg.png) no-repeat top center;
}
.dlhj{
    margin-top: 75px;
    position: relative;
}
.dlhj .item{
    display: block; 
}
.dlhj .pic{
    position: relative; 
    width:100%; 
    height: 0; 
    overflow: hidden; 
    padding-bottom: 70%;
}
.dlhj .pic img{ 
    display:block; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width:100%; 
    height:100%;
    border-radius: 0px 60px 0px 0px;
}
.dlhj .icon{
    position: absolute;
    bottom: 29%;
    left: 10%;
}
.dlhj .txt{
    display: block; 
    height: 32px; 
    line-height: 23px; 
    text-align: center; 
    text-align: center;
    position: absolute;
    bottom: 10%;
    color: #fff;
    font-size: 22px;
    left: 10%;
}

.dlhj .swiper-container{
    padding-bottom: 50px; 
    padding-top: 20px; 
    padding-left: 15px; 
    padding-right: 15px; 
    /*margin-left: -55px; 
    margin-right: -55px;*/
    width: 93%;
}
.dlhj .swiper-container .swiper-wrapper{
    width: 80%;
}
.dlhj .swiper-ctrl-button{
    width: 37px; 
    height: 101px; 
    cursor: pointer; 
    display: block; 
    background: url(../images/2023_arrow1.png); 
    position: absolute; 
    top: 50%; 
    margin-top: -50px;
    z-index: 9; 
    transition: .3s all;

}
.dlhj .swiper-ctrl-prev{background-position: left;left: 0px;}
.dlhj .swiper-ctrl-next{background-position: right;right: 0px;}

.dlhj .swiper-pagination{
    bottom: 0px;
}
.dlhj .swiper-pagination span{
    background: #A6A6A6;
    border-radius: 100%;
    opacity: 1;
}
.dlhj .swiper-pagination span.swiper-pagination-bullet-active{
    width: 22px;
    background: #5390E0;
    border-radius: 6px;
}
/*--地理环境 e--*/
/*--历史文化--*/
.lswh{
    margin-top: 100px;
    min-height: 750px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.lswh_left_img{
    position: absolute;
    right: 50%;
    margin-right: 17%;
}
.lswh_right_img{
    position: absolute;
    left: 50%;
    margin-left: -17%;
    
}
.lswh_tit{
    position: relative;
    width: 38%;
    margin-left: -9.9%;
    margin-top: 4%;
    float: left;
}
.lswh_img{
    position: relative;
    display: none;
}
.lswh_tit .lswh_tit_bg{
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    width: 100%;
    padding: 8% 0;
}
.lswh_tit .lswh_tit_bg img{
    margin-left: 26%;
}
.lswh_bg{
    float: right;
    width: 71.9%;
}
.lswh_right{
    margin-top:62px;
    padding-left: 90px;
}
.lswh_right ul{
    width: 100%;
}
.lswh_right ul li{
    text-align: center;
    float: left;
    width: 19%;
    position: relative;
}
.lswh_right ul li + li{
    margin-left: 7%;     
}
.lswh_right ul li p{
    border: 1px solid #979797;
    border-width: 0px 1px;
    width: 74px;
    margin: 12px auto 0 auto;;
}
.lswh_right ul li  span{
    width: 42px;
    display: block;
    height: 187px;
    font-size: 22px;
    color: #000;
    margin: 0 auto;
    padding: 18px 0 42px;
    background: linear-gradient(1deg, rgba(148, 217, 230, 0), rgba(33, 129, 208, .18));

}

.lswh_right ul li i{
    color: #CB2020;
    font-size: 34px;
    margin-top:14px;
    padding-bottom: 24px;
    font-style: normal;
    display: block;
}
.lswh_right ul li.item2 span{
    background: linear-gradient(1deg, rgba(230, 163, 148, 0) , rgba(208, 103, 33, .18));
}
.lswh_right ul li.item3 span{
    background: linear-gradient(1deg, rgba(163, 230, 148, 0), rgba(68, 177, 56, .18));
}
.lswh_right ul li.item4 span{
    background: linear-gradient(1deg, rgba(230, 148, 226, 0), rgba(85, 33, 208, .18) );
}
.lswh_right ul li.rotate360 i{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    
}
/*.lswh_right ul li.rotateY360:hover i{transform: rotateY(360deg); transition: all .5s linear;}
.lswh_right ul li.rotate360:hover i{transform: rotateZ(180deg); transition: all .5s linear;}*/
@media (max-width: 1480px) {
    .lswh_tit .lswh_tit_bg img{margin-left: 15%;width: 80%;}
    .lswh_tit{margin-left: -9%;}
    .lswh_bg{width: 71%;}
}
@media (max-width: 992px) {
    .lswh{
        background: url(2023_lswh_bg.png) no-repeat bottom;
    }
    .lswh_tit{
        position: initial;
        margin-right: 0px;
        width: 100%;
        float: none;
        background: none;
        text-align: center;
        margin-left: 0px;
    }
    .lswh_tit .lswh_tit_bg img{
        width: auto;
        margin-left: 0px;
    }
    .lswh_left_img,.lswh_right_img{
        display: none;
    }
    .lswh_tit .lswh_tit_bg{
        position: initial;
        padding:0px;
    }
    .lswh_bg{
        width: 100%;
        position: initial;
        margin-left: 0px;
        margin-right: 0px;
        min-height: auto;
        margin-bottom:20px; 
    }
    .lswh_right{
        padding-left: 0px;
    }
    .lswh_right ul li{
        width: 22%;
    }
    .lswh_right ul li + li{
        margin-left: 4%;
    }
}
/*--历史文化 e--*/

/*--区划人口--*/
.qhrk_bg{
    background: url(2023_qhrk_bg.png) no-repeat bottom center;
    padding-bottom: 114px;
}
.qhrk{
    margin-top: 70px;
}
.qhrk li{
    width: 22.7%;
    float: left;
    text-align: center;
    padding: 3% 0 2% 0;
}
.qhrk li + li{
    margin-left: 3%;
}
.qhrk li i{
    display: block;
    height: 117px;
}
.qhrk li p{
    color: #fff;
    font-size: 22px;
    line-height: 32px;
    padding-top: 8px;
}
.qhrk li.rotateY360 i{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.qhrk li.rotateY360:hover i{transform: rotateY(360deg); transition: all .5s linear;}
.qhrk li.rotate360:hover i{transform: rotate(360deg); transition: all .5s linear;}
.qhrk .item1{
    background: url(2023_qhrk_item_bg1.png) no-repeat;
}
.qhrk .item2{
    background: url(2023_qhrk_item_bg2.png) no-repeat;
}
.qhrk .item3{
    background: url(2023_qhrk_item_bg3.png) no-repeat;
}
.qhrk .item4{
    background: url(2023_qhrk_item_bg4.png) no-repeat;
}
@media (max-width: 1480px) {
    .qhrk .item1,.qhrk .item2,.qhrk .item3,.qhrk .item4{background-size:100% 100%;}
}
@media (max-width: 768px) {
    .qhrk li{
        width:48%;
        margin-bottom: 20px;
    }
    .qhrk li + li{
        margin-left: 0%;
    }
    .qhrk li:nth-child(2n){
        margin-left: 4%;
    }
}