/*页面总宽度*/

#wrap{

    width: 100%;

    min-width: 1280px;

    margin: 0 auto;

    background: url("../images/bg1.png")no-repeat  ;

    background-size: 100% 100%;

}



/*主体内容宽度*/

.inner{

    width: 1024px;

    margin: 0 auto;

}

p{

    color: #fff;

}



/*头部区域*/

.header{

    position: relative;

}

.top{

    position: absolute;

    z-index: 9;

    top: 0;

    width: 100%;

    background: url("../images/navbg.png")no-repeat  ;

    background-size: 100% 100%;

}

.top .inner1{

    margin: 0 auto;

    width: 1024px;

    height: 72px;

}

.top .logo{

    float: left;

    cursor: pointer;

}

.top .nav1{

    float: right;

    margin-top: 18px;

}

.top .nav1{



}

.top .nav1 li{

    float: left;

    padding: 0 10px 10px 30px;

}

.top .nav1 li a{

    padding: 0px 20px 6px 20px;

    display: block;

    height: 40px;

    line-height: 40px;

    font-size: 18px;

    color: #01f5f6;

    text-align: center;

    transition: all .2s;

}

.top .nav1 li a.on, .top .nav1 li a:hover{

    background: url("../images/nav.png")no-repeat bottom;

}



/*banner*/

.banner img{

    width: 100%;

    vertical-align: bottom;

}



/*nav2*/

.nav2{

    background: #777;

}

.nav2 li{

    float: left;

}

.nav2 li a{

    display: block;

    width: 200px;

    height: 50px;

    line-height: 50px;

    font-size: 22px;

    color: #fff;

    text-align: center;

    background: #999;

}

.nav2 li a.on, .nav2 li a:hover{

    background: #888;

}



/*main*/

.main{

    margin-top: 40px;

}



/*title*/

.title{

    text-align: center;

    margin-top: 60px;

}



/*contain*/

.container{

    margin-top: 24px;

}

.dsn{

    display: none;

}

.pjz{

    text-align: center;

}



/*aside*/

.aside{

    width: 200px;

    float: left;

}

.aside_nav li{

    margin-bottom: 10px;

}

.aside_nav li a{

    display: block;

    height: 50px;

    line-height: 50px;

    font-size: 18px;

    font-weight: bold;

    color: #fff;

    text-align: center;

    background: #999;

}

.aside_nav li a.on, .aside_nav li a:hover{

    background: #888;

}



/*content*/

.content{

    width: 1024px;

    min-height: 500px;

    float: left;

    font-size: 16px;

    border-radius: 20px;

}



.block {

    height:300px;

    background: #110d0b;

    margin-bottom: 20px;

}





/*版权*/

.copyright{

    margin: 0 auto 0;

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #fff;

    font-size: 12px;

}

.copyright img{

    vertical-align: text-bottom;

}



/*回到顶部*/

#goToTop { position: fixed; right: 20px; z-index: 9000; bottom: 30px; }

#goToTop a { background: none repeat scroll 0 0 #ddd; border: 1px solid #CCCCCC; border-radius: 3px; -webkit-border-radius: 50px; color: #FF9966; font-size: 14px; text-decoration: none; text-shadow: 0 1px 0 #999; -webkit-text-shadow: 0 1px 0 #999; }

#goToTop a{

    padding: 10px;

    display: inline-block;

    letter-spacing: 10px;

    text-align: center;

}

#goToTop a:hover{

    background: none repeat scroll 0 0 #999;

}



/*地图*/

.map{

    width: 100%;

    margin: 0 auto;

    height: 500px;

}

.map .map-div {

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 1;

}



/*网页分享*/

.bdsharebuttonbox{

    position: fixed;

    left: 10px;

    bottom: 15px;

}



.txt1{

    color: #fff;

    padding: 20px 60px 20px 60px;

    background: url("../images/infobg.png")no-repeat  ;

    background-size: 100% 100%;

}

.txt2{

    color: #fff;

    padding: 20px 60px 20px 60px;

    background: url("../images/infobg1.png")no-repeat  ;

    background-size: 100% 100%;

}

.cont{

    margin: 160px 30px 160px 40px;

}

.tf{

    margin: 40px 0 30px 0;

}

.txt1 span{

    font-size: 20px;

    color: #00fefe;

}

.txt1 p{

    font-size: 18px;

    text-align: justify;

    line-height: 1.8;

    text-indent: 2rem;

    color: #fff;

}

.p1{

    text-align: center;

    margin:40px 0;

}

.p1 img{

    width: 80%;

}

#swiper1{

    width: 612px;

    position: relative;

    margin: 50px auto;

}

#swiper1 .swiper-slide{

    text-align: center;

}

#swiper1 .swiper-slide img{

    width: 332px;

    height: 188px;

    margin-left: -10px;

}

#swiper1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background-image: url("../images/r.png");

    background-size: 100% 100%;

    left: -60px;

    width: 48px;

    height: 48px;

    right: auto;

}

#swiper1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    background-image: url("../images/l.png");

    background-size: 100% 100%;

    right: -60px;

    width: 48px;

    height: 48px;

    left: auto;

}

.gwtit{

    color: #00fefe;

    background: url("../images/gwtit2.png") no-repeat;

    background-size: 100% 100%;

    width: 1024px;

    height: 60px;

    line-height: 60px;

    display: flex;

    justify-content: space-between;

}

.gwtit1{

    background: url("../images/gwtit1.png") no-repeat;

    background-size: 100% 100%;

}

.list{

    position: relative;

    min-height: 248px;

    background: url(../images/listbg.png) no-repeat;

    background-size: 100% 100%;

    width: 1024px;

    top: -11px;

}



.slit{

    padding: 20px 10px 10px 60px;

    position: relative;

}

.slit p{

    margin: 20px 0;

    color: #fff;

    font-size: 20px;



}

.slit span{

    color: #fff;

    font-size: 20px;

    font-weight: 600;

}

.toudia {

    position: absolute;

    right: 30px;

    bottom: -50px;

    background: url(../images/buta.png)no-repeat;

    background-size: 100% 100%;

    width: 135px;

    height: 30px;

    padding: 10px;

}

#swiper2{

    width: 945px;

    position: relative;

    margin: 50px auto;

}

#swiper2 .swiper-slide{

    text-align: center;

}

#swiper2 .swiper-slide img{

    width: 366px;

    height: 212px;

    border: #00fefe 2px solid;

    border-radius: 10px;

    margin-left: 1px;

}

#swiper2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background-image: url("../images/r.png");

    background-size: 100% 100%;

    left: -60px;

    width: 48px;

    height: 48px;

    right: auto;

}

#swiper2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    background-image: url("../images/l.png");

    background-size: 100% 100%;

    right: -60px;

    width: 48px;

    height: 48px;

    left: auto;

}

#swiper2 .swiper-pagination-bullet {

    margin: 0 5px;

    width: 12px;

    height: 12px;

    display: inline-block;

    border-radius: 100%;

    background: #fff;

    opacity: .2;

}

#swiper2 .swiper-pagination-bullet-active {

    opacity: 1;

    background: #00fefe;

}

#swiper2 .swiper-pagination {

    position: absolute;

    bottom: -35px;

    left: 42%;

    text-align: center;

    -webkit-transition: .3s opacity;

    -o-transition: .3s opacity;

    transition: .3s opacity;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    z-index: 10;

}