body{
    font-family:"΢ÈíÑźÚ";
    font-size:14px;
    color:#333;
    line-height:1.7;
    margin:0;
    /*height:auto;*/
    padding:0;
    height:auto;
    overflow-x:hidden;
    background:#fafafc;
    position:relative;

}
ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{
    margin:0;
    padding:0;
    list-style: none;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration: none;
}
img{
    vertical-align:bottom;
}
.lf{
    float:left;
}
.rt{
    float:right;
}
.clear:after{
    content:"";
    display:block;
    clear:both;
}
*{
    box-sizing: border-box;
}

img{max-width:100%;height:auto;display:inline-block}
i,em,a,b,span{display:inline-block;}
.no-padding{padding:0}
.banner{height:800px;background:url("../img/banner.png") no-repeat center center;background-size:100% 100%;margin-bottom:5%}
.heng{width:22px;height:4px;background:#2EB6C2;border-radius:30px;}
.tit{display:block;color:#333;margin-top:2%;font-size:22px;}
.con3{overflow:hidden;padding-top:4%;height:862px;background:url("../img/trip.png") no-repeat center center;background-size:cover;margin:3% 0 2% 0}
.con7{overflow:hidden;height:700px;background:url("../img/gj.png") no-repeat center center;background-size:cover}
.con8{overflow:hidden;height:460px;background:url("../img/con8-c.png") no-repeat center center;}
.con8 a{display:inline-block;font-size:22px;border-radius: 60px;color:#fff;padding:2% 6%;background:#2EB6C2;margin-top:33%;margin-left:40%;letter-spacing: 3px;}
.con9{overflow:hidden;height:636px;background:url("../img/footer.jpg") no-repeat center center;background-size:100%}
.title h4{color:#000;font-weight:bold;font-size:22px;}
.tit1{margin-bottom:3%}
.con1{background:#F5F9FA;margin-top:3%;padding-top:3%;padding-bottom:3%}
.con1 .tit{margin-bottom:3%;margin-top:0}
.tree{margin-bottom:2%}
.pic-list>div>div{margin-bottom:5%}
.pic-list>div>div>p{color:#333;font-size:20px;}
.pic-list>div>div>h5{color:#000;font-weight:bold;font-size:19px;padding-top:5%;padding-bottom:2%;}
.title1{margin-top:1%}
.title1 .tit{margin-bottom:2%}
.pic{padding-bottom:2%}
.con2{overflow:hidden;padding-top:5%;background:#fff}
.con3 .title>.heng{background:#fff}
.con3 .title>.tit{color:#fff;margin-top:1%}
.con4 .tit{margin-top:1%;margin-bottom:2%}
.con4{overflow-x: hidden}
.mbanner{display:none}
.coin{margin:2% 0}
.con5{overflow:hidden;background:#F5F9FA;padding-top:5%}
.con5 .title{margin-bottom:2%}
.con5 .tit{margin-top:0}
.title2{margin-top:2%}
.con6{overflow:hidden;padding:3% 0}
.con6 .tit{margin-top:0}
.con7{overflow:hidden;padding-top:10%}
.slide {
    width: 100%;
    margin: 100px auto;
    height: 400px;
    overflow: hidden;
}
.handle {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 100%;
    z-index: 99;
}
.handle a {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
    font-size: 20px;
}
.handle .prev {
    left: 0;
}
.handle .next {
    right: 0;
}
.container{overflow-x: hidden}
.sep{display:flex;position:relative;}
.shadow{box-shadow:10px 10px 5px #888888;position:absolute;bottom:0;left:0}
.sep>div{position:relative;text-align: center;background:#2DB2BE}
.text-list.active{background:rgba(45,178,190,0.9)}
.text-list.active>img{display:none;}
.text-list.active>p{display:block}
.text-list{padding:5% 2%;width:100%;background:#2DB2BE;color:#fff;position:absolute;bottom:0;left:0}
.text-list>h4{font-weight:bold;color:#fff}
.text-list>p{display:none;margin-top:2%}
.text-list>img{margin-bottom:3%}
.wlist{margin-left:0;margin-right:0}
.pic-list{max-width:1120px;margin-left:1%}
.pic-list div{padding:0 2px}
.title4{margin:2% 0}
.title4 .tit{margin-top:0}
.line{position: absolute;top:0;left:0;z-index:9;}

.sushe{box-shadow:10px 10px 10px 0 rgba(136,136,136,.5)}
.sushe>div{padding:0 2px;margin-bottom:2%;}
.con7>div>div>img{width:90%}
.con9{background-size:cover}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:15px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:15px;}

.fix {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 999;
}
.fix>p {
    margin-bottom: 2%;
    border-radius: 5px;
    overflow: hidden;
}
.fix>p>a>img{width:80px;height:80px;}
.wxcode {
    display: none;
    position: fixed;
    right: 6%;
    bottom: 23%;
    z-index: 999999;
}
.wxcode1 {
    display: none;
    position: fixed;
    right: 6%;
    top: 40%;
    z-index: 999999;
}

@media(min-width:1200px)
{
    .wxcode{right:5%}
     .wxcode1{right:5%}
}
@media(max-width:1600px)
{
     .wxcode{right:6%}
     .wxcode1{right:6%}
}
@media(max-width:720px){
    .banner-tit{display:none}
    .mbanner{display:block}
}
@media(max-width:767px){
    .main{overflow-x: hidden}
    .banner,.con7,.con9{height:auto;background-size:cover}
    .con8{background-size:100% 100%;height:auto}
    .con3{height:200px;background-size:cover}
    .pic-list div,.sushe>div{padding-left:15px;padding-right:15px;}
    .con7>div>div>img{width:100%}
    .con9{background-size:100%}
    .sep>div{padding:0;margin-bottom:2%}
    .line{display:none}
    .sep{display:block}
    .fix>p>a>img{width:50px;height:50px;}
    .title h4{font-size:16px;}
    .tit{font-size:16px;}
    .wxcode{right:17%}
    .wxcode1{right:17%}
    .con8 a{font-size:12px;margin-top:40%}
    .text-list>h4{font-size:16px;}
    .swiper-container{margin-bottom:5%}
    .pic-list>div>div>h5{font-size:16px;}
    .pic-list>div>div>p{font-size:16px;}

}