/* 
* @Author: sublime text
* @Date:   2023-08-10 12:03:01
* @Last Modified by:   sublime text
* @Last Modified time: 2023-08-24 17:37:46
*/

 *{
            margin:0;
            padding:0;
            list-style: none;
        }
        .dot{
            
            margin:100px auto;
            display: flex;
            justify-content: center;

        }
        .dot li{
            width: 30px;
            height: 30px;
            border-radius: 50%;
           cursor: pointer;
        }
        .dot li:first-child{
            background:pink;
        }
        .dot li:nth-child(2){
            background:green;
        }
        .dot li:nth-child(3){
            background:gold;
        }
        .dot li:last-child{
            background:skyblue;
        }
        .dot li:not(:last-child){
            margin-right: 10px;
        }
        .content{
            margin:100px auto;
            width: 300px;
        }
        .pink .content .banner{
            height: 160px;
            width: 100%;
            background:pink;
        }
        .pink .content li{
            color:pink;
            margin-bottom: 10px;
            border-bottom: 1px dashed pink;
            line-height: 40px;
        }

        .green .content .banner{
            height: 160px;
            width: 100%;
            background:green;
        }
        .green .content li{
            color:green;
            margin-bottom: 10px;
            border-bottom: 1px dashed green;
            line-height: 40px;
        }

        .gold .content .banner{
            height: 160px;
            width: 100%;
            background:gold;
        }
        .gold .content li{
            color:gold;
            margin-bottom: 10px;
            border-bottom: 1px dashed gold;
            line-height: 40px;
        }

        .skyblue .content .banner{
            height: 160px;
            width: 100%;
            background:skyblue;
        }
        .skyblue .content li{
            color:pink;
            margin-bottom: 10px;
            border-bottom: 1px dashed skyblue;
            line-height: 40px;
        }
		
		
		#banner{position: relative;display:none;}
#banner img{width: 100%;display: block;}


.header{color:#333 !important;
  background: #fff !important;border-bottom:1px solid #f2f4f7;}
.header .left .wen{color:#333 !important;}
.header .left a img{margin-top:-0.29rem;}
.header .navbar_nav li.active a{color:#101010 !important;background: url(/statics/images/index/wx22.png)no-repeat center bottom;background-size:0.28rem;}
.header .navbar_nav li:hover a{color:#101010 !important;background: url(/statics/images/index/wx22.png)no-repeat center bottom;background-size:0.28rem;}
.header .navbar_nav li a{color:#333 !important;}
.header .tubiao a img{margin-top:-0.22rem !important;} 
.header .tubiao li:hover a img{margin-top:0rem !important;}
.header .zy img{margin-top:-0.3rem !important;display:block;}
.header .wechat2 img {
    margin-top: -0.24rem !important;
    display: block;
}


.tab-menu{width:7.8rem;margin:0 auto;position:absolute;bottom:0;left:30%;}

.tab-menu ul li{ 
cursor: pointer;
color: #101010;
width: 1.4rem;
height: 0.6rem;
line-height: 0.6rem;
text-align: center;
background: #f5f7f9;
border-radius: 0.6rem;
margin: 0 0.15rem;
font-size: 0.18rem;
display: block;float: left;      
margin-bottom: 0.5rem;
}
.tab-menu ul li.active{color: #0061ee;background:#f2f4f7;}



.tab-menu .lg{ 
cursor: pointer;
color: #101010;
height: 0.6rem;
padding:0 0.4rem;
line-height: 0.6rem;
text-align: center;
background: #f5f7f9;
border-radius: 0.6rem;
margin: 0 0.15rem;
font-size: 0.18rem;
display: block;float: left;      
margin-bottom: 0rem;
}

.tab-menu .lg a{margin-left:0.2rem;}

#shangtu{position:absolute;left:48.7%;top:3.3rem;z-index:99;width:0.5rem;overflow:hidden;height:0.1rem;display:none;}
#shangtu img{width:100%;display:block}

#xiatu{position:absolute;left:48.7%;top:5.8rem;z-index:99;width:0.5rem;overflow:hidden;height:0.1rem;display:none;}
#xiatu img{width:100%;display:block}

.red,.blue{display:block !important;}

.abcd{color:#0061ee}




.tab-con{position:relative;}

.tab-con .lll{width:16rem;border-radius: 0.2rem;overflow: hidden;margin-top: 0.7rem;height: 6.22rem;padding:0 0.7rem;position: relative;margin:0 auto;display: block;}
.tab-con .lll:first-child{display: block;}



.info_box_pic_box img{display: block;width: 0.64rem;margin:0 auto;}
.swiper-button-next,.swiper-button-prev{outline: none;border:none;}

.bg05_picshow img{height: 2.19rem;width: 0.4rem;}
.bg06_picshow img{height: 4.34rem;}



.yc .swiper-slide img{display: none;}
.yc .swiper-slide-active img{display: block !important;}  
.yc .swiper-button-prev,.yc .swiper-button-next{display: none;}

.bg05_picshow .swiper-slide p{display:none;}
.bg05_picshow .swiper-slide-active p{display:block;}

.bg05_picshow .swiper-slide{padding-top: 2rem;}
.bg05_picshow .swiper-slide p{text-align:center;position:absolute;bottom:20%;left:0;width:100%;font-size:0.3rem;color:#ccc}
.bg05_picshow .swiper-slide-active{padding-top: 0;}
.bg05_picshow .swiper-slide img{position:relative;z-index:1;}


.bg07_picshow .swiper-slide img{width: 1.5rem;margin-top: 0.5rem;}
.bg07_picshow .swiper-slide-active img{width: 0.6rem;}


#shangf{width: 90%;margin:0 auto;margin-top: 0.8rem;height:0.45rem;}
#shangf .ab{width: 1.05rem;height: 0.45rem;line-height: 0.45rem;border-radius: 0.45rem;color: #fff;background: #101010;display: block;text-align: center;font-size: 0.17rem;float: left;position:relative;z-index:22}


#other{
    cursor:pointer;
    width: 8rem !important;margin:0 auto;
    text-align: center;
}
#other p{
    cursor:pointer;
    font-size: 0.2rem;
    color:#0061ee;
}
#other ul{
    z-index:99;
    position: absolute;
	text-align:center;
	width:100%;
	left:0;
}
#other ul li{
    line-height:0.6rem;
    text-align:center;
    display: inline-block;
}

#other ul .active a{color:#0061ee}
#other ul li a{
    color:#101010;
    display: inline-block;
    width: auto;
    font-size: 0.18rem;
    margin: 0 0.2rem;
}
#other ul li a:hover{color: #0061ee;}

.at,.bt{top:75% !important;}
.aa,.bb{top:50% !important;}
.cc,.dd{top:65% !important;}

.tab-con .wrap{width: 16rem !important;}




#liuyan{width: 100%;}

#liuyan .fr{width: 100%;}
#liuyan .wrap{width:15rem !important;}
#liuyan .fr li{width:18%;float: left;}
#liuyan .fr input{width: 90%;margin:0 auto;height: 0.7rem;line-height: 0.7rem;background:#f2f4f7;outline: none;border:none;text-indent: 0.4rem;color: #b2b2b2;margin-bottom: 0.4rem;display: block;border-radius: 0.7rem;font-size: 0.18rem;}
#liuyan .fr textarea{outline: none;float:left;border: none;background: #f2f4f7;width: 40%;margin-left:0.2rem;color: #b2b2b2;height:0.7rem;text-indent: 0.4rem;font-size: 0.18rem;font-family: 'Microsoft YaHei';line-height: 0.7rem;display: block;border-radius: 0.3rem;}
#liuyan .fr .tijiao1{width: 2.5rem;height: 0.7rem;display: block;float:right;}