/*
Theme Name: 贵阳-魅力花园
Theme URI: guiyang.merrillgardens.com.cn
Version: 1.0 版本号
Author: 畔游科技
Description: 畔游科技主营业务：网站/小程序定制开发，网站SEO推广，问答营销，软文营销
Author URI: www.shpanyou.com
Tags: 
*/
@charset "utf-8";
/* title */
.index-title{padding-bottom: 50px; text-align: center;}
.index-title h3{position: relative; padding-bottom: 10px; text-align: center; font-size: 30px; }
.index-title p{position: relative; font-size: 16px; color: #999;}
/* .index-title p:before{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -25px; width: 50px; height: 3px; background-color: var(--mColor);} */
.index-title-white{color: #fff;}
.index-title-white h3:before{background-color: #fff;}
/* .index-title-white p{color: #fff;} */
@media (max-width:768px) {
    .index-title{padding-bottom: 30px; }
    .index-title h3{ font-size: 24px; }
}

.x-banner{background-color: #BAD2C4; overflow: hidden;}
.x-banner .swiper-slide img{width: 100%;}
.x-banner .swiper-pagination span{width: 40px; height: 4px; border-radius: 0;}
.x-banner .swiper-pagination .swiper-pagination-bullet-active{ background: linear-gradient(to left,var(--nColor),var(--mColor) );}

@media (max-width:1030px) {
    .x-banner .container{padding: 0;}
}

@media (max-width:640px) {
    .x-banner .swiper-pagination{display: none;}
}
/* about */
.x-about h3{padding:40px 0 25px 0; font-size: 28px;font-weight: bold;color: #254f65;text-align: center; border-top:8px solid #ada400 }
.x-about-bg{padding: 25px 0; background: #EFF5F1;}
.x-about-bg p{font-size: 16px; color: #507480;line-height: 35px;}

@media (max-width:1030px) {
    .x-about h3{font-size: 22px;}
    .x-about-bg p{font-size: 14px; line-height: 25px;}
}


/* video */
.x-video{ text-align:center}
.x-video video{ max-width: 100%; width:70%; background-color: #111;}


@media (max-width:1030px) {
    .x-video{margin-bottom: 0;}
}


/* x-leader */
.x-leader{background: #EFF5F1;}
.x-leader>h3{margin-bottom: 20px; font-size: 28px;font-weight: bold;color: #507480;text-align: center;}
.x-leader-pic{width: 150px; color: #507480; text-align: center; align-self: flex-start;}
.x-leader-pic img{max-width: 100%;}
.x-leader-content{flex: 1;padding-left: 40px; font-size: 16px; color: #507480;line-height: 35px;}

@media (max-width:1030px) {
    .x-leader>h3{font-size: 22px;}
}

@media (max-width:768px) {

    .x-leader .flex{flex-direction: column;}
    .x-leader-pic{ width: 120px; margin: 0 auto 25px;}
    .x-leader-content{flex: 1;padding-left: 0; font-size: 14px; line-height: 25px;}
}



/* x-life */
.x-life>h3{padding: 25px 0; font-size: 28px;font-weight: bold;color: #666666;text-align: center; }
.x-life-head{margin-bottom: 20px;}
.x-life-item{display: block; border-radius: 10px;overflow: hidden;}
.x-life-title{height: 80px;line-height: 80px; text-align: center;}
.x-life-title h3{color: #FFF;font-size: 28px;outline: none;}

.x-life-pic{position: relative;border-radius: 10px; overflow: hidden;}
.x-life-pic img{max-width: 100%;}
.x-life-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); display: flex; justify-content: center; align-items: center;color: #FFF;text-decoration: none;font-size: 32px;outline: none; opacity: 0; visibility: hidden;}
.x-life-mask:hover{color: #fff;}

.x-life ul li{float: left; width: 33.33%;}

.x-life-pic:hover .x-life-mask{visibility: visible; opacity: 1;}

@media (max-width:1030px) {
    .x-life h3{font-size: 22px;}
}

@media (max-width:768px) {
    .x-life{padding-top: 0;}
    .x-life-title{height: 50px;line-height: 50px;}
    .x-life-title h3{font-size: 18px;}

    .x-life-mask{display: none;}
}
@media (max-width:640px) {
    .x-life-title{height: 40px;line-height: 40px;}
    .x-life-title h3{font-size: 14px;}

    .x-life-mask{font-size: 14px;}
}


/* map */
.x-map>h3{margin-bottom: 20px; font-size: 28px;font-weight: bold;color: #333; text-align: center;}
.x-map-bg{background: #EFF5F1;}
.x-map-bg h3{height: 60px;line-height: 60px;}
.x-map-bg h3>a{color: #FF0000;}
.x-map-bg h3>a:hover{color: #507480;}

.x-map-content{position:relative; padding-top: 20px;padding-bottom: 40px;font-size: 20px;line-height: 40px;text-align: center;color: #666;}
.x-map-content a:hover{color: #507480; text-decoration: underline;}
.x-map-content .wechat{ position:absolute; top:13%; left:0; width:200px; text-align:center; font-size:14px; }
.x-map-content .wechat1{ right:0; left:auto}
.x-map-content .wechat img{ max-width:80%;}
@media (max-width:720px){
.x-map-content .wechat{ position:relative; margin: 0 auto;}
.x-map-content .wechat1{ display:none;}
}


@media (max-width:1030px) {
    .x-map-bg h3{font-size: 14px;}
}

/* order */
.x-order{padding-top: 5px; }
.x-order-border{position: relative; border: 1px solid #FFF;width: 99.5%;margin: 0 auto;}
.x-order-border img{max-width: 100%;}
.x-order-flag {position: absolute; top: 0; right: 60px; display: block; width: 460px;height: 220px;background: #FFF;padding: 30px;font-size: 14px;color: #666;line-height: 30px;background: rgba(255,255,255,.7);}

/* @media (max-width:1030px) {
    .x-order-flag {right: 0; width: 100%;height: auto;}
} */

@media (max-width:840px) {
    .x-order-flag {position: static; top: 0; right: 60px; display: block; width: auto;height: auto; padding: 15px;}
}

.menu-item a[aria-current="page"]{color:var(--nColor)}
.x-shows h3 {text-align: center;color: #254f65;padding: 25px 0; font-size: 28px;font-weight: bold;}

.index-news-title{ padding-bottom: 26px; display: flex; justify-content: space-between;}
.index-news-title div{font-size: 18px;}
.index-news-title a{display: inline-block; padding: 0 25px; line-height: 35px; background-color: #333; color: #fff;}

.index-notice{display: flex; justify-content: space-between; align-items: center;}

.index-notice-item{flex: 1; padding-right: 50px;}
.index-notice-pic{overflow: hidden;}
.index-notice-pic img{max-width: 100%;}


.x-shows ul li a{display: block;padding: 16px 0; margin-top: -1px; border-top: 1px solid #eee;  border-bottom: 1px solid #eee; font-size: 16px; color: #777;}
.x-shows li span{display: inline-block;  width: 100px; line-height: 25px; background-color: #eee; font-size: 12px; text-align: center;}

/* .index-news-item{padding-top: 60px;} */

.index-news-item ul{display: flex;flex-wrap: wrap; margin-left: -30px; }
.index-news-item li{width: 50%; padding-left: 30px;}
.index-news-item li .index-news-box{display: flex; }

.index-news-pic{width: 100px; overflow: hidden;}
.index-news-pic img{width: 100%;}
.index-news-content{flex: 1; padding-left: 15px;}
.index-news-content p{margin-top: 8px; color: #777;}

.x-shows ul li a:hover,
.x-shows ul li a:hover p{color: var(--mColor);}
@media (max-width:1230px) {
    .index-notice-pic{width: 200px;}
}

@media (max-width:768px) {
    .index-notice{flex-wrap: wrap;}
    .index-notice-item{width: 100%; padding: 0; flex: auto;}
    .index-notice-pic{display: none;}
    .index-news-item li{width: 100%;}
}


@media (max-width:480px) {
    .index-news-pic{display: none;}
    .x-shows ul li a{display: flex; flex-direction: column;}
    .x-shows li span{margin-bottom: 10px;}
    .index-news-item li .index-news-box{ flex-direction: column;}
    .index-news-content{flex: 1; padding-left: 0;}
    .index-news-content p{margin-top:0; }
    
}