@charset "utf-8";
body{

    overflow-x: hidden;
    font-family: 微软雅黑!important;color:#fff;
    background-color: #151515;
}
p,h1,h2,h3,h4,h5,h6,li,ul,body{
    margin:0;padding:0;
}
a{
    text-decoration: none;cursor:pointer;
}
ul,li{
    list-style: none;
}
img{
    vertical-align: middle;border:0;
}
table,tr,td,th,tbody,thead{
    padding:0;
}

.section{
    width:100%;position: relative;
}
.video{
	width:0;height:0;position:fixed;
}
/*logo*/
.nav{
    height:60px;font-size:14px;
    padding:0 60px;line-height:60px;
    box-sizing: border-box;
    background: #000;width:100%;
    position: fixed;top:0;left:0;color:#fff;
    border-bottom:1px solid #252525;
	z-index:2;
}
.nav img{
    height:100%;
}
.nav_logo{
    -webkit-animation:rotateY 5s linear infinite;
    -o-animation:rotateY 5s linear infinite;
    animation:rotateY 5s linear infinite;
}
.nav_list{
    float:right;
}
.nav_list li{
    float:left;margin-right:40px;
}
.nav_list li a{color:#999;}
.nav_list li a.now{
    color:#8d4549;
}

/*banner*/
#banner{
	height: 950px;
    width:100%;
}
#banner .swiper-pagination-bullet{
    background: #3e3e3e;opacity:1;width:14px;height:14px;
}
#banner .swiper-pagination-bullet-active{
    background: #8d4549;opacity:1;
}
#banner.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:20px;
}
#banner .swiper-slide{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*banner里面的文字*/
#banner .swiper-slide p{
    position: absolute;opacity:0;
}
#banner p{
    left:66%;width:50%;
}
.bf1{
    top:47%;color:#a6a6a6;
    font-size: 20px;
}
.bf2{
    top:51%;font-size: 40px;
     -webkit-transition:opacity .8s ease-out;
    -o-transition:opacity .8s ease-out;
    transition:opacity .8s ease-out;
}
.bf2 span{
/* 	 background-image:none;
	 background-image: -webkit-gradient(linear, 0 0, right 0, from(rgba(17, 142, 238, 1)), to(rgba(52, 72, 161, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 */    
 	color:#3663d3;
} 
/*banner文字出现动画*/
#banner .swiper-slide.now .bf1{
    -webkit-animation:fadeInUp .8s ease-out forwards;
    -o-animation:fadeInUp .8s ease-out forwards;
    animation:fadeInUp .8s ease-out forwards;
}
#banner .swiper-slide.now .bf2{
	opacity:1;
    -webkit-animation:fadeInDown .8s ease-out forwards;
    -o-animation:fadeInDown .8s ease-out forwards;
    animation:fadeInDown .8s ease-out forwards;
}


/*新增的*/
/*banner小圆豆的样式*/
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    position: relative;margin:0 8px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:first-child:before{
    content: "";display: block;width:10px;border-top:none;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{
    content: "";display: block;width:11px;border-top:1px solid #3e3e3e;position: absolute;top:50%;right:16px;
}

/*右侧导航*/
.rightNav{
    position: fixed;right:0;bottom:6%;width:3%;z-index:2000;
}
.returnTop{
    position: relative;right:-100%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.rightNav a{
    display: block;width:100%;
    background-color:#fff;
}
.rightNav a:hover{
	background-color:#8d4549;
}
.rightNav a img{
    width:100%;
}
.qqBox{
    width:300%;position: relative;  background-color: #fff;left:0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.qqBox:after{
    content: "";display: block;clear:both;
}
.qqBox a{
    width:33.3%;display: block;float:left;
}
.qqBox span{
    position: absolute;left:34%;
    top:50%;color:#000;font-size:16px;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

/*二维码*/
.erweima{
    width:100%;height:100%;display: none;background: rgba(0,0,0,.8);
    position: fixed;top:0;left:0;z-index:3000;
}
.erweima>div{
    padding:10px;background-color: #fff;
    position: absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.erweima>div p{
    text-align: center;margin-top: 10px;color:#000;
}

/* .loading{ */
/*     width:100%;height:100%;position: fixed;top:0;left:0;z-index:2000; */
/*     background: url(../image/loading.gif) center center no-repeat #000; */
/* } */
.mapContainer{
	position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;
	background: rgba(0,0,0,.8);display:none;
}
.mapWrapper{
	position:absolute;
	width:100%;height:100%;top:0;left:0;
}
.mapBox{
	position:fixed;top:50%;left:50%;
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:60%;height:60%;
	z-index:2000;
}
.anchorBL{
	display:none;	
}
.closeMap{
	position:absolute;top:5%;right:5%;font-size:18px;color:#fff;
	cursor:pointer;
}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
@media screen and (min-device-width:1024px) and (max-device-width:1290px){
    /*logo*/
    .nav{
        height:40px;font-size:12px;
        padding:0 40px;line-height:40px;
    }
    .nav_list li{
        float:left;margin-right:25px;
    }
    /*banner*/
    #banner .swiper-pagination-bullet{
        width:8px;height:8px;
    }
	
    .bf1{
	    font-size: 12px;
	}
	.bf2{
	    font-size: 24px;
	}
	.qqBox span{
		font-size:12px;
	}
}
@media screen and (min-device-width:1290px) and (max-device-width:1580px){
    /*logo*/
/* 	.img {
		top: 11.8%;
	} */
    .nav{
        height:45px;font-size:12px;
        padding:0 45px;line-height:45px;
    }
    .nav_list li{
        float:left;margin-right:30px;
    }
    /*banner*/
    #banner .swiper-pagination-bullet{
        width:10px;height:10px;
    }
      .bf1{
	    font-size: 14px;
	}
	.bf2{
	    font-size: 28px;
	}
	.qqBox span{
		font-size:12px;
	}
}
@media screen and (min-device-width:1580px) and (max-device-width:1680px){
    /*logo*/
    .nav{
        height:50px;font-size:13px;
        padding:0 50px;line-height:50px;
    }
    .nav_list li{
        float:left;margin-right:35px;
    }
    /*banner*/
    #banner .swiper-pagination-bullet{
        width:12px;height:12px;
    }
      .bf1{
	    font-size: 17px;
	}
	.bf2{
	    font-size: 34px;
	}
	.qqBox span{
		font-size:14px;
	}
}