/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/
.wrap{width:calc(100% - 50px); margin:0 auto;}
@media (max-width:1820px) {
.wrap{width:98%; margin:0 auto;}
}
@media (max-width:991px) {
.wrap{width:calc(100% - 10px); margin:0 auto;}
}

/*头部+导航+大图*/
header{position:fixed; z-index:99999;}
.header{width:100%; padding:44px 0; position:absolute; left:0; top:0;}
.icon-menu{float:right; cursor:pointer; width:32px; height:22px; background:url(../images/index/menu.png) no-repeat center center; background-size:100% 100%;}

.logo{width:calc(100% - 32px - 22px); position:relative; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; transition:all 0.6s;}
.logo img{width:100%; max-width:166px; max-height:24px;}

.search{width:22px; float:left; height:22px; position:relative; cursor:pointer;}
.search_inp1{width:0; height:32px; line-height:30px; border:0 solid transparent; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:14px; color:#000; transition:all 0.4s;}
.search_btn{width:22px; height:20px; float:left; border:none; outline:none; background:url(../images/index/search_ss.png) no-repeat center center; background-size:100% 100%; left:0; position:relative; z-index:2; transition:all 0.4s;  cursor:pointer;}
.search:hover .search_inp1{width:200px; padding:0 40px 0 10px; border:1px solid #fff;}
.search:hover .search_btn{left:-10px; background:url(../images/search_ss.png) no-repeat center center; background-size:100% 100%;}

nav{width:240px!important; height:100%; overflow-y:auto; position:fixed; left:-102%; top:0; z-index:999999; background:#fff; transition:all 0.6s;}
.close{width:48px; float:right; height:52px; background:url(../images/close.png) no-repeat center center; background-size:100% 100%; margin:36px 95px 36px 0; cursor:pointer;}
.test-1::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.test-1::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #535353;
}
.test-1::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #EDEDED;
}
.nav{width:144px; float:right!important; padding-top:26px;}
.nav>li{width:100%; position:relative; padding:20px 0 45px 0; border-top:1px solid #f7f7f7;}
.nav>li>a{width:100%; height:40px; line-height:40px; font-size:20px; color:#5f5f5f; text-align:left; font-family:'Source Han Sans CN';}
.nav>li>a:hover{color:#000;}
.nav>li.on>a{color:#000;}
/*END-头部+导航+大图*/

/*底部*/
footer{background:#fff; padding:60px 0; border-top:1px solid #f5f5f5; position:fixed; left:0; bottom:-100%; z-index:99; transition:all 1s;}
.footer_L{float:left; line-height:24px;}
.footer_dianhua{display:block; overflow:hidden; font-size:16px; color:#1b1b1b; background:url(../images/footer_dianhua.png) no-repeat left center; padding-left:18px;}
.copyright{display:block; overflow:hidden; font-size:12px; color:#7c7c7c;}
.copyright>a{color:#7c7c7c; margin:0 5px;}
.copyright>a:hover{color:#000; text-decoration:underline!important;}

.footer_R{width:53%; float:right;}
.footer_nav{float:left; width:70%;}
.footer_ul{display:block; width:100%; overflow:hidden; padding-top:4px;}
.footer_ul li{width:16.6666%; float:left;}
.footer_ul li a{float:left; overflow:hidden; padding-top:19px; border-top:1px solid #fff; line-height:24px; font-size:15px; color:#3c3c3c;}
.footer_ul li:hover a{border-top-color:#d2d2d2;}

.footer_us{float:right; padding-top:4px;}
.footer_p{float:left; padding-top:20px; line-height:24px; position:relative; font-size:14px; color:#676767;}
.footer_p::before{content:""; width:32px; height:1px; background:#d2d2d2; float:left; position:absolute; left:0; top:0;}
.footer_icon{float:left; padding-top:25px;}
.footer_icon>a{float:left; margin-left:25px;}
.footer_icon>a>img{width:auto; float:left;  height:20px;}
/*END-底部*/

/*首页内容*/
/*main{overflow-x:hidden;}*/
.main-container{position:fixed; height:100%;}
.main_box{width:100%; float:left; position:relative;}
.bg{width:100%; float:left; overflow-x:hidden; background-position:center top; background-repeat:no-repeat; position:relative; z-index:2;
background-size:cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}

.img1{display:block; position:absolute; z-index:-1; opacity:0;}
.txt_img1{width:100%; float:left; position:fixed; left:0; top:50%; z-index:3;}
.txt_img1 img{display:block; max-width:100%; height:auto; margin:0 auto;}

.bg2{left:0; top:0;}
.gsjj{width:100%; height:150%; float:left; position:absolute; left:0; top:100%; z-index:3;}
.gsjj_title{display:block; overflow:hidden;}
.gsjj_title img{display:block; max-width:100%; height:auto; margin:0 auto;}
.gsjj_txt{display:block; overflow:hidden; min-height:130px; margin-top:96px; text-align:center; font-family:'Source Han Sans CN Light'; line-height:26px; text-align:center; color:#fff;}
.gsjj_txt>span{display:block; overflow:hidden; line-height:42px; font-size:36px; line-height:44px; margin-bottom:15px;}
.gsjj_more{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; overflow:hidden; padding-top:15px;}
.gsjj_more>a{float:left; padding-bottom:5px; line-height:18px; border-bottom:1px solid #fff; font-family:'Source Han Sans CN'; font-size:14px; color:#fff; font-weight:bold;}
.gsjj_img{display:block; overflow:hidden; padding-top:35px;}
.gsjj_img img{display:block; overflow:hidden; max-width:100%; height:auto; margin:0 auto;}


.bg3{left:0; top:0;}
.case_box{width:100%; float:left; height:100%; position:absolute; left:0; top:250%; z-index:9;}
.case_img{width:65%; float:right; height:82%; position:absolute; right:0; top:0;}
.case_B{width:550px; float:left; position:absolute; left:18%; top:0; padding-top:35px; z-index:5;}
.case_p{display:block; overflow:hidden; line-height:28px; font-family:'Source Han Sans CN'; font-size:24px; color:#fff;}
.case_sp{display:block; overflow:hidden; margin-top:115px; line-height:70px; font-family:'Source Han Sans CN'; font-size:60px; color:#fff;}
.case_spp{display:block; overflow:hidden; margin-top:10px; height:150px; line-height:30px; font-family:'Source Han Sans CN'; font-size:18px; color:#fff;}
.case_more{display:block; overflow:hidden; margin-top:25px;}
.case_more>a{float:left; padding-bottom:5px; line-height:18px; border-bottom:1px solid #fff; font-family:'Source Han Sans CN'; font-size:14px; font-weight:bold; color:#fff;}
.case_video{width:31.25%; float:left; position:absolute; left:0; bottom:0; z-index:5;}
.case_video::before{content:""; display:block; padding-top:55.5%;}
.case_video>video{width:100%; float:left; height:100%; position:absolute; left:0; top:0;}

.bg4{left:0; top:0;}
.news{width:100%; height:100%; float:left; position:absolute; left:0; top:300%; z-index:5;}
.news_imgR{width:100%; float:right; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; font-size:24px; color:rgba(255,255,255,0.8); line-height:30px;}
.news_imgR .news_img{width:44.25%; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; margin-left:10px;}
.news_imgR .news_img::before{content:""; display:block; padding-top:65.5367232%;}
.news_imgR .news_img::before a{ display:block; height:100%;}
.news_imgB{width:100%; overflow:hidden; position:relative; top:-76px; z-index:5;}
.news_imgB img{display:block; max-width:100%; height:auto; margin:0 auto;}
.news_imgB a img{display:block; max-width:100%; height:auto; margin:0 auto;}
.news_p{width:100%; float:left; line-height:62px; text-align:center; position:absolute; left:0; top:40px; text-align:center; font-size:48px; color:#fff;}
.news_more{width:100%; float:left; position:absolute; left:0; bottom:30%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.news_more>a{float:left; line-height:18px; font-size:14px; color:#fff; padding-bottom:5px; border-bottom:1px solid #fff; font-family:'Source Han Sans CN';}

.bg5{left:0; top:0;}
.booking{width:100%; float:left; height:100%; position:absolute; left:0; top:400%; z-index:5; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-line-pack:center; align-content:center;}
.booking>img{float:left; max-width:100%; height:auto;}
.booking .booking_wx{width:100%; overflow:hidden; text-align:center; padding-top:70px;}
.booking .booking_wx>img{display:block; max-width:100%; height:auto; margin:0 auto;}
.booking .booking_wx>span{display:block; overflow:hidden; margin-top:10px; line-height:26px; text-align:center; font-family:'Source Han Sans CN'; font-size:20px; color:#fff;}
.booking .booking_txt{width:100%; overflow:hidden; margin-top:15px; line-height:42px; height:126px; text-align:center; font-family:'Source Han Sans CN'; font-size:30px; color:#fff;}
.booking .booking_more{width:100%; overflow:hidden; margin-top:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.booking .booking_more>a{float:left; padding-bottom:5px; border-bottom:1px solid #fff; line-height:18px; font-size:14px; color:#fff; font-family:'Source Han Sans CN';}

.bg6{left:0; top:0;}
.join_box{width:100%; float:left; height:100%; position:absolute; left:0; top:500%; z-index:5; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.join{width:100%; float:left; height:45%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack: justify; align-content: space-between;}
.join_title{width:100%; float:left;}
.join_title img{display:block; max-width:100%; height:auto; margin:0 auto;}
.join_more{width:100%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.join_more>a{float:left; padding-bottom:5px; border-bottom:1px solid #fff; line-height:18px; font-size:14px; color:#fff; font-family:'Source Han Sans CN';}
/*END-首页内容*/

@media (max-width:1220px) {
/*头部+导航*/
.header{padding:40px 0;}
/*END-头部+导航*/

/*底部*/
footer{padding:50px 1%;}
.footer_R{width:58%;}
.footer_nav{width:65%;}
.footer_icon>a{margin-left:15px;}
/*END-底部*/
}

@media (max-width:991px) {
/*头部+导航*/
.header {padding:30px 0;}
/*END-头部+导航*/

/*底部*/
footer{padding:30px 10px;}
.footer_L {width:49%;}
.copyright {line-height:20px;}
.footer_R{width:49%;}
.footer_nav{width:100%;}
.footer_ul li a {padding-top:0;}
.footer_us {padding-top:5px;}
.footer_p {padding-top:0;}
.footer_icon{padding-top:0;}
.footer_icon>a{margin-left:15px;}
/*END-底部*/

.case_img {width:70%; height:60%;}
.case_B {width:50%; left: 5%;}
.news_imgB {top: -40px;}


}

@media (max-width:767px) {
main {
    overflow-x: hidden;
}
/*头部+导航*/
.header {padding:15px 0;}
.close {margin:10px 10px 10px 50px;}

nav {width:150px!important;}
.nav {width:120px; padding-top:10px;}
.nav>li {padding:15px 0;}
.nav>li>a {height:30px; line-height:30px; font-size:18px;}
/*END-头部+导航*/

/*底部*/
footer{padding:10px; position: relative; bottom: 0;}
.footer_L {width:100%;}
.copyright {line-height:20px; text-align:center;}
/*END-底部*/

.txt_img1 {padding:0 10px;}
.gsjj_txt {margin-top:10px; min-height: initial;}
.gsjj_txt>span {line-height:30px; font-size:20px;}


/* 修改 */

.bg{
background-position: center center;
}

.gsjj {
    height: 100%;
    top: 0;
    padding: 20px;
}
.gsjj_img {
    padding-top: 15px;
}
.case_box{
    top:0;
}
.case_img {
    width: 100%;
    height:auto;
}
.case_img img{
    width: 100%;
    display: block;
    height: auto;
}
.case_B {
    width: 100%;
    left: 0;
    padding: 20px;
}
.case_sp {margin-top:10px; line-height: 30px; font-size: 20px;}
.case_spp {height:initial; line-height:20px; font-size:12px;}
.case_more {
    margin-top: 10px;
}
.case_video {
    width: 100%;
}

.news {
    top: 0;
    padding: 20px;
}
.news_imgR {font-size:18px; line-height:26px; text-align: center; flex-wrap: wrap; justify-content: center;}
.news_imgR .news_img {width:100%; margin: 10px 0 0 0;}
.news_imgR .news_img::before {padding-top:50%;}
.news_imgB {top:20px;}
.news_p {line-height:30px; top:10px; font-size:18px;}

.booking {
    top: 0%;
}

.booking .booking_wx {padding-top:10px;}
.booking .booking_txt {margin-top:10px; line-height:22px; height:initial; font-size:14px;}

.join_box {
    top: 0%;
}

.join {height:35%;}





}