@charset "UTF-8";
body{background: url(../images/zjdl/main_bg.png) no-repeat top center;}
.main{background: url(../images/zjdl/main_bottom_bg.png) no-repeat bottom center;;}
/* 头部 */
.zjheader{padding: 30px 0 410px;}
.zjtxt{padding-right: 6%;text-align: right;}

/* 大理概况 */
.dlgk-box .dlgktab > *{float: left;}
.dlgktab{padding-bottom: 49px;}
.dlgktab ul{margin-top: 120px;}
.dlgktab li{position: relative;float: left;width: 86px;padding: 25px 35px 0;background: url(../images/zjdl/dlgk_ico.png) no-repeat top center;}
.dlgktab li a{font-family: '宋体';font-weight: bold;line-height: 23px;}
.dlgktab li::before{content: '';position: absolute;top: 0;left: 0;width: 1px;height: 118px;background: #ECE4D9;}
.dlgktab li:last-child::after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 118px;background: #ECE4D9;}
.dlgktab .bd-item{position: relative;padding:60px 70px;background: url(../images/zjdl/dlgk_bg.png) no-repeat;}
.dlgktab .bd-item h4{font-size: 30px;font-family: '宋体';font-weight: bold;line-height: 44px;text-align: center;}
.dlgktab .bd-item .memo{font-size: 18px;line-height: 62px;text-indent: 2em;min-height: 248px;}
.dlgktab .bd-item .memo a{color: #D43030;}
.dlgktab .bd-item::after{position: absolute;content: '';width: 198px;height: 157px;top: 85%;right: -17px;background: url(../images/zjdl/gkitem_bg.png) no-repeat;}

.whtzbox{margin-top: 124px;background: url(../images/zjdl/whbox_bg.png) no-repeat right bottom;}
.whtzbox .hd li{float: left;padding: 0 105px 0 40px;line-height: 62px;font-family: '宋体';background: url(../images/zjdl/whitem_bg.png) no-repeat center center;}
.whtzbox .hd li a{font-size: 30px;font-weight: bold;color: #fff;}
.whtzbox .hd li + li{margin-left: 30px;}
.whtzbox .hd li.on{background-image: url(../images/zjdl/whitem_bg_on.png);}
.whtzbox .bd-item{margin-top: 73px;width: 56%;min-height: 463px;}
.whtzbox .bd-item h4{color:#4C7DBB;font-family: '宋体';font-size: 30px;line-height: 43px;}
.whtzbox .bd-item .memo{line-height: 50px;text-indent: 2em;font-size: 18px;color: #000;margin-top: 20px;}
.whtzbox .bd-item .memo a{color: #D43030;}

/* 大理旅游 */
.dlly-box{margin-top: 105px;}
.dlly{padding-bottom: 50px;background: url(../images/zjdl/dlly_bg.png) no-repeat left center;}
.dlly .lytit{float: left;}
.dlly .jbqkbox{float: right;width: 50%;margin-top: 125px;}
.dlly .jbqkbox .item{float: right;font-size: 18px;line-height: 30px;}
.jbqkbox .jbqk{width: 96%;padding-right: 93px;}
.jbqkbox .jjzb{width: 63%;margin-top: 46px;}
.jbqkbox .ppcj{margin-top: 80px;padding-right: 80px;width: 86%;}
.jbqkbox .item .tit{color: #BD0808;font-size: 20px;font-weight: bold;margin-bottom: 8px;position: relative;}
.jbqkbox .item .tit::after{content: '';position: absolute;top: 50%;right: 102%;width: 10px;height: 10px;border-radius: 50%;transform: translateY(-50%);border: 5px solid #4C7DBB;}
.jbqkbox .item .tit::before{content: '';position: absolute;top: 50%;right: 110%;width: 218px;height: 1px;background: linear-gradient(90deg, rgba(76, 125, 187, 0) 0%, rgba(76, 125, 187, 1) 100%);}

.lypic-box{overflow: hidden;margin-top: 50px;padding-bottom: 350px;}
.lypic-box li a{position: relative;}
.lypic-box li p{position: absolute;padding: 17px;width: 60px;height: 220px;top: 34px;right: 30px;font-size: 20px;font-weight: bold;text-align: center;color: #fff;line-height: 30px;background: url(../images/zjdl/lytit_bg.png) no-repeat;}
.lypic-box li img{height:500px;}
.lypic-box li:nth-child(1) a{top: 55px;}
.lypic-box li:nth-child(2) a{top: 146px;}
.lypic-box li:nth-child(3) a{top: 66px;}
.lypic-box li:nth-child(5) a{top: 142px;}

@media (max-width:1300px) {
    body,.main{background-size: 250%;}

    .zjheader{padding-bottom: 175px;}

    .dlgk-box .dlgktab .gktit{width: 30%;}
    .dlgktab ul{margin-top: 15px;width: 70%;}
    .dlgktab li{width: 39%;padding: 0;padding-left: 20px;background-position: left center;}
    .dlgktab li:nth-child(odd){width: 61%;}
    .dlgktab li a{font-weight: normal;}
    .dlgktab li::before{display: none;}
    .dlgktab .bd-item{background-size: 100% 100%;padding: 25px 20px;margin-top: 20px;}
    .dlgktab .bd-item h4{font-size: 24px;}
    .dlgktab .bd-item .memo{line-height: 28px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;min-height: 112px;}
    .dlgktab .bd-item::after{width: 100px;height: 80px;background-size: 100% 100%;right: -15px;}

    .whtzbox{margin-top: 10px;background: none;}
    .whtzbox .hd li{width: 25%;padding: 0;padding-left: 15px;;line-height: 44px;background-size: 100% 100%;}
    .whtzbox .hd li + li{margin-left: 0;}
    .whtzbox .hd li a{font-size: 22px;}
    .whtzbox .bd-item{margin-top: 20px;width: 100%;min-height: auto;}
    .whtzbox .bd-item h4{font-size: 22px;}
    .whtzbox .bd-item .memo{font-size: 16px;line-height: 30px;margin-top: 0px;}

    .dlly-box{margin-top: 20px;}
    .dlly{background-size: 50%;background-position: right top;padding-bottom: 20px;}
    .dlly .lytit{width: 30%;}
    .dlly .jbqkbox{width: 100%;margin-top: 20px;}
    .jbqkbox .item .tit{font-size: 18px;}
    .dlly .jbqkbox .item{padding-right: 0;font-size: 16px;}
    .jbqkbox .item .tit::before,.jbqkbox .item .tit::after{display: none;}
    .jbqkbox .jjzb,.jbqkbox .ppcj{width: 100%;margin-top: 15px;}
    
    .lypic-box{margin-top: 0;padding-bottom: 20px;margin-bottom: 0;}
    .lypic-box li a{top: 0 !important;}
    .lypic-box li p{width: 36px;height: 130px;padding: 10px 8px;line-height: 24px;top: 10px;right: 10px;}
    .lypic-box li img{height:300px;}
}