@charset "utf-8";
/* CSS Document */

body { position:relative; overflow:hidden;}
.banner { height:100%; position:relative;}
#demo01 { height:100%;}
.banner .textbox { position:absolute; top:50%; left:0; right:0;}
.banner .textbox .text_item_1 { color:#c93130; font-size:36px; line-height:42px; font-weight:bold;}
.banner .textbox .text_item_1 .cor2 { color:#3e3e3e;}
.banner .textbox .text_item_2 { color:#3e3e3e; font-size:18px; line-height:24px; margin-top:10px;}

.banner_page { position:absolute; left:0; bottom:46px; right:0;}
.banner_page .pageinbox {}
.banner_page .text_1 { float:left; color:#ffffff; font-size:30px; line-height:36px; font-weight:bold;}
.banner_page .text_2 { float:left; color:#ffffff; font-size:16px; line-height:20px; font-weight:bold; padding:14px 0 0 6px;}

/* 内容区 */


.index_wrap { position:relative; overflow:hidden;}
.scroll_item {}

.floorbox { height:100%; background-position: center center; background-size:cover; display:flex; align-items:center;}
.floorin { flex:0 0 auto;}


.index_wrap_swiper {}
.index_wrap_swiper>.swiper-pagination { right:8% !important;}
.index_wrap_swiper.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { width:27px; height:27px; margin:12px 0; background-color:inherit; background-image:url(../image/p-index_wrap_swiper-page-1-1.png); opacity:1;}
.index_wrap_swiper.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-image:url(../image/p-index_wrap_swiper-page-1-2.png);}


.floor_01 { background-image:url(../image/bg-floor_01-1-1.jpg);}
.fl01_in {}
.index_01 {}
.i01_main_1 { float:left; width:654px;}
.i01_main_1 .text_item_1 { color:#c73a45; font-size:24px; line-height:28px; font-weight:bold;}
.i01_main_1 .text_item_2 { color:#545252; font-size:20px; line-height:24px; margin-top:11px;}
.i01_main_1 .text_item_3 { color:#818181; font-size:16px; line-height:36px; margin-top:28px;}
.i01_main_1 .text_item_4 { margin:22px 0 0 0; display:flex; position:relative; overflow:hidden; left:-60px;}
.i01_main_1 .text_item_4 .item { flex:1; padding:6px 0 0 0; position:relative;}
.i01_main_1 .text_item_4 .item .text_1 { display:flex; justify-content:center;}
.i01_main_1 .text_item_4 .item .text_1_1 { color:#d54548; font-size:36px; line-height:40px; font-weight:bold;}
.i01_main_1 .text_item_4 .item .text_1_2 { color:#d54548; font-size:16px; line-height:20px; padding-top:18px;}
.i01_main_1 .text_item_4 .item .text_2 { color:#828282; font-size:16px; line-height:24px; margin-top:8px; text-align:center;}
.i01_main_1 .text_item_4 .item .jg { position:absolute; top:0; right:-1px; width:1px; height:96px; background-image:url(../image/p-i01_main_1-1-1.png);}
.i01_main_1 .text_item_5 { margin:58px 0 0 0;}
.i01_main_2 { float:right; width:704px; padding-top:28px;}
.i01_main_2 .videobox { height:430px;}
.i01_main_2 .videobox video { width:100%; height:100%;}

.floor_02 { background-image:url(../image/bg-floor_02-1-1.jpg);}
.fl02_in {}
.index_02 { position:relative;}
.i02_main_1 { position:absolute; top:84px; right:66px; width:578px;}
.i02_main_1 .text_item_1 { color:#c73a45; font-size:24px; line-height:28px; font-weight:bold;}
.i02_main_1 .text_item_2 { color:#545252; font-size:20px; line-height:24px; margin-top:11px;}
.i02_main_2 { padding: 0 66px 0 186px;}
.i02_main_2 .mainbox {}
.i02_main_2 .main_item_1 { float:left; width:353px; height:488px;}
.i02_main_2 .main_item_1 .img { display:block; width:100%; height:100%;}
.i02_main_2 .main_item_2 { float:right; width:578px; padding:212px 0 0 0;}
.i02_main_2 .main_item_2 .text_item_1 { color:#3e3e3e; font-size:18px; line-height:22px;}
.i02_main_2 .main_item_2 .text_item_2 { color:#999999; font-size:16px; line-height:36px; height:108px; margin-top:22px;}
.i02_main_2 .main_item_2 .text_item_3 { margin-top:44px;}
.i02_main_3 { display:flex; align-items:center; justify-content:space-between; margin-top:40px;}
.i02_main_3 .abox { display:block; width:192px; height:192px; border-radius:4px;}
.i02_main_3 .abox_in { padding:21px 0 0 0;}
.i02_main_3 .abox .img { display:block; width:114px; height:94px; margin:0 auto;}
.i02_main_3 .abox .text_item_1 { color:#3e3e3e; font-size:18px; line-height:22px; text-align:center; margin-top:10px;}
.i02_main_3 .abox .text_item_2 { color:#818181; font-size:14px; line-height:18px; text-align:center; margin-top:4px;}
/*act*/
.i02_main_3 .abox.on { background-color:#ffffff;}
/*act*/


.floor_03 { background-image:url(../image/bg-floor_03-1-1.jpg);}
.fl03_in {}
.index_03 { position:relative;}
.i03_main_1 { text-align:center;}
.i03_main_1 .text_item_1 { color:#c73a45; font-size:24px; line-height:28px; font-weight:bold;}
.i03_main_1 .text_item_2 { color:#545252; font-size:20px; line-height:24px; margin-top:11px;}
.i03_main_2 { width:706px; height:402px; margin:0 auto; margin-top:80px;}
.i03_main_2_swiper { position:relative; width:100%; height:100%;}
.i03_main_2_swiper .swiper-pagination { position:absolute; left:0; right:0; top:auto !important; bottom:-100px !important; background-color:#d2d2d2 !important;}
.i03_main_2_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#c73a45 !important;}
.i03_main_2_swiper .fybtn { position:absolute; z-index:5; top:170px; color:#ffffff; font-size:16px; line-height:76px; text-align:center; width:76px; border:1px solid #f9e4e4; background-color:#f9e4e4; border-radius:50%; cursor:pointer;}
.i03_main_2_swiper .fybtn.prev { left:-140px;}
.i03_main_2_swiper .fybtn.next { right:-140px;}
.i03_main_2_swiper .swiper-wrapper { position:relative; z-index:15;}
.i03_main_2_swiper .abox { display:block; height:100%;}
.i03_main_2_swiper .abox_in { transform: scale(0.94,0.94); height:100%; position:relative;}
.i03_main_2_swiper .abox .img { display:block; width:100%; height:100%; border-radius:6px;}
.i03_main_2_swiper .textbox { opacity:0; position:absolute; top:72px; right:-152px; width:264px; height:264px; background-color:#ffffff; background-image:url(../image/p-i03_main_2_swiper_textbox-1-1.jpg); transition: all 0.5s;}
.i03_main_2_swiper .textbox_in { padding: 54px 20px 0 20px;}
.i03_main_2_swiper .textbox .text_item_1 { color:#c73a45; font-size:18px; line-height:22px; text-align:center;}
.i03_main_2_swiper .textbox .text_item_2 { color:#999999; font-size:16px; line-height:24px; height:72px; margin-top:24px;}
.i03_main_2_swiper .textbox .text_item_3 { color:#3e3e3e; font-size:16px; line-height:20px; text-align:center; margin-top:32px;}
/*act*/
.i03_main_2_swiper .fybtn:hover { color:#c73a45; background:none; border-color:#cd3130;}
.i03_main_2_swiper .swiper-slide-active .abox_in { transform: scale(1,1);}
.i03_main_2_swiper .swiper-slide-active .abox .img:hover+.textbox { opacity:1;}
/*act*/


.floor_04 { background-image:url(../image/bg-floor_04-1-1.jpg);}
.fl04_in {}
.index_04 { position:relative;}
.i04_main_1 { text-align:center;}
.i04_main_1 .text_item_1 { color:#c73a45; font-size:24px; line-height:28px; font-weight:bold;}
.i04_main_1 .text_item_2 { color:#545252; font-size:20px; line-height:24px; margin-top:11px;}
.i04_main_2 { margin-top:48px;}
.i04_main_3 { margin-top:54px;}
.i04_main_3 .abox { margin:0 auto;}


.floor_05 {}
.floor_05 .foot_box { flex:1; height:100%; display:flex; align-items:center; background-color:#2f3237;}
.floor_05 .foot_box .foot_1 { flex:1;}
.floor_05 .foot_box .foot_2 { position:absolute; left:0; bottom:0; right:0;}