@charset "utf-8";
#mask {position:fixed;height:100vh;width:100vw;background-color:hsla(0,0%,100%,.15);display:none}
#aboutus,#serve {cursor:default}
.sub_menu_container {position:absolute;top:0;z-index:-1;width:100%;min-width:1300px;left:0;font-size:14px;display:none;padding-top:80px;height:334px;overflow:hidden;background-color:#0c1236}
.sub_menu_container>div>div div {height:141px;width:180px}
.sub_menu_container>div>div p {color:hsla(0,0%,100%,.7);font-weight:400}
.sub_menu_container>div>div.active p,.sub_menu_container>div>div:hover p {color:#fff}
.sub_menu {width:1140px;margin:0 auto;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;padding-top:24px}
.sub_menu>div {width:180px;text-align:center;color:#fff;font-size:16px;position:relative}
.sub_menu>div:after {content:"";position:absolute;height:142px;width:100%;background-color:rgba(0,0,0,.1);top:0;left:0}
.sub_menu>div:hover a {color:#fff}
.sub_menu>div.active:after,.sub_menu>div:hover:after {content:"";height:0;width:0}
.sub_menu>div:nth-child(2),.sub_menu>div:nth-child(3) {margin-left:48px}
.sub_menu>div p {margin-top:24px}

.control-box {width:100%}
.control-box ul {list-style:none;position:relative}
.control-box ul li {position:absolute;top:150px;cursor:pointer;height:44px;width:44px;background:url(/static/img/index/pad_travel_arrow_right.png)}
.control-box ul li.prev {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);left:-60px;display:none}
.control-box ul li.next {right:-60px}
.bigbox {overflow:hidden}
.switcher {left:0;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}
.content_1.content_2 {width:100%;float:left}
.box {float:left}
body,button,dd,div,h1,h2,h3,input,label,legend,li,ol,p,textarea,ul {margin:0;padding:0;box-sizing:border-box}
a {text-decoration:none}
ol,ul {list-style:none}
img {border:0}
input::-ms-clear {display:none!important}
input:focus::-webkit-contacts-auto-fill-button {opacity:0}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-variant:normal}
a:focus,button,input,select,textarea {outline:none}
html {min-width:1180px}
body {width:100%;height:100%;color:#222;line-height:1.6;font-family:PingFang SC,Microsoft YaHei;font-size:14px;min-width:1300px;font-weight:400}
.content {width:100%}
.content>div {width:1180px;margin:0 auto;text-align:center}
.content>div .title {font-size:36px;color:#222;font-weight:600}
.content>div .sub_title {margin-top:12px;font-size:16px;color:#222;font-weight:200}
.transform_1_1 {overflow:hidden}
.transform_1_1>div,.transform_1_1>img {-webkit-transition:.2s cubic-bezier(.4,0,0,1);transition:.2s cubic-bezier(.4,0,0,1)}
.transform_1_1>div:hover,.transform_1_1>img:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.up10 {-webkit-transition:.4s cubic-bezier(.3,0,0,1);transition:.4s cubic-bezier(.3,0,0,1)}
.up10:hover {transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px)}
.tab_nav {height:80px;display:-webkit-box;display:flex}
.under_line {position:absolute;height:1px;width:100%;background-color:#222;top:26px;left:0}
.tab_nav>div {width:295px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;font-size:16px;cursor:pointer;font-weight:200; text-align:center; line-height:18px;}
.tab_nav>div.active {background-color:#216201;color:#fff;cursor:default}
.tab_nav>div.active a{ color:#fff;}
.tab_nav>div a{ color:#000; display:block;}

.font_weight_light {font-weight:200}
.font_weight_bold {font-weight:600}
.font_weight_500 {font-weight:500}
.font_weight_regular {font-weight:400}
.color_8F {color:#8f8f8f}
.font_size_24 {font-size:24px}
.align_left {text-align:left}
.flex_space_between {display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}
.marginTop36 {margin-top:36px!important}
.text_white {color:#fff!important}
.display_none {display:none}
.icon_info {margin-top:48px;text-align:center;color:#222;font-weight:200}
.icon_info>p {text-align:center;margin-top:16px}
.content>div {text-align:left;position:relative}
.content .title {font-size:36px;position:relative;padding-bottom:8px;z-index:100}
.content .title:after {content:"";width:70px;height:2px;background-color:#216201;position:absolute;bottom:0;left:0}
.content .title:before {position:absolute;left:0;top:-100px;z-index:-1;font-size:120px;color:#f2f2f2;font-family:Din}
.content .titles {font-size:36px;position:relative;padding-bottom:8px;z-index:100}
.content .titles:after {content:"";width:70px;height:2px;background-color:#216201;position:absolute;bottom:0;left:0}
.content .titles:before {position:absolute;left:0;top:-100px;z-index:-1;font-size:120px;color:#c5c4c4;font-family:Din}
[name=title1]:before {content:"01"}
[name=title2]:before {content:"02"}
[name=title3]:before {content:"03"}
[name=title4]:before {content:"04"}
[name=title5]:before {content:"05"}
.content .desc {margin-top:30px;color:#4e4949}
.tip_info {position:absolute;top:719px;width:80px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;font-weight:200}
.tip_info>div {height:64px;width:0;border-left:1px dotted #8d9cb0}
.tip_info>span {padding-top:4px}
.travel_tip_info {top:409px}
.card_info {width:280px;height:134px;background-color:#fff;}
.card_info>div {display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}
.card_info>div>img {width:100%}
.card_info>div>p {font-size:18px;margin-left:10px;font-weight:600}
.card_info>p {margin-top:10px}
.community_info>div {width:100px}
.community_info>div img {background-color:#f7f8fb;border-radius:50%}
.staff_app>div img {background-color:#21aced;border-radius:50%}
#travel_internet {margin-top:104px;width:1130px}
#travel_internet.control-box ul li {top:135px}
#travel_internet .bigbox {padding:10px 0}
#travel_internet .card_info {width:260px;height:134px;padding:20px 24px}
#travel_internet .card_info>p {font-size:12px;line-height:20px;color:rgba(0,0,0,.65)}
#travel_internet .slide_box {width:260px;height:288px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;justify-content:space-between}
#facility>img {position:absolute;bottom:120px;cursor:pointer}
#facility .icon_info>p {font-size:24px;font-weight:600}
.flower_app .icon_info {margin-top:36px}
#app02 .icon_info img {border-radius:50%;background-color:#a78950}
#app03 .icon_info img {border-radius:50%;background-color:#088fff}
.arrow {bottom:135px}
#success_case>div>p:nth-child(2) {
    font-size: 24px;
    padding-top: 16px;
    padding-bottom: 14px;
    font-weight: 600;
}
#success_case>div>p:nth-child(3) {
    font-size: 14px;
    line-height: 22px;
    color: #8f8f8f;
}
/*遮罩滚动*/
.div1 { background: url("../images/product_10.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; height:650px;}
.div1 h1{ text-align:center; padding-top:80px;}
.div2 { background: url("../images/product_11.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; height:650px;}
.div2 h1{ text-align:center; padding-top:80px;}