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

body {}

.banner {}
#demo01 { height: 680px;}
#demo01 .flex-control-nav { width: 1400px; margin: 0 auto; margin-bottom:124px; text-align: right;}
#demo01 .flex-control-nav li { margin: 0 0 0 8px;}
#demo01 .flex-control-paging li a { width: 14px; height: 4px; background-color: #FFFFFF; opacity: 0.3;}
/* act */
#demo01 .flex-control-paging li a.flex-active { width: 20px; opacity: 1;;}
/* act */


/* 内容区 */

.index_wrap { position: relative; z-index: 55;}
.index_inside { position: relative;}


.floor_01 { height: 628px; background-image: url(../image/bg-floor_01-1-1.jpg); background-position: center center;}
.fl01_in { position: relative;}
.fl01_l { float:left; width: 848px; padding:110px 0 0 0;}
.fl01_r { float:right; width: 488px; padding:110px 0 0 0;}

.floor_02 { height: 648px; background-image: url(../image/bg-floor_02-1-1.jpg); background-position: center center;}
.fl02_in { position: relative;}

.floor_03 {}
.fl03_main_1 { height: 652px; background-color: #f1f8fa; background-image: url(../image/bg-floor_03-1-1.png); background-position: top center;}
.fl03_main_2 { height: 384px; background-color: #ffffff; background-image: url(../image/bg-floor_03-1-1.png); background-position: bottom center;}




.index_01 { width: 610px; height: 236px; position: absolute; top:-170px; left: -28px; background-image: url(../image/bg-index_01-1-1.png);}
.i01_main_1 { display: flex; align-items: center; padding:30px 36px 0 44px;}
.i01_main_1 .text_item_1 { display: block; width: 36px; height: 36px;}
.i01_main_1 .text_item_2 { color:#ffffff; font-size: 18px; line-height: 24px; margin-left: 8px;}
.i01_main_1 .text_item_3 { color:#eeeeee; font-size: 32px; line-height: 40px; font-weight: bold; margin-left:6px;}
.i01_main_1 img.text_item_3 { height: 26px; width:auto; margin-left: 10px;}
.i01_main_1 .text_item_4 { flex:1}
.i01_main_1 .text_item_5 { display: flex; align-items: center; justify-content: center; width: 126px; background-color: #d3b119; border-radius: 18px;}
.i01_main_1 .text_item_5 .text_1 { display: block; margin-right: 6px;}
.i01_main_1 .text_item_5 .text_2 { color:#ffffff; font-size: 16px; line-height: 36px;}

.index_02 { position: absolute; z-index: 25; top:-82px; left:0; right:0; background-color: #FFFFFF;}
.i02_main_1 { display: flex; align-items: center;}
.i02_main_1 .item { flex:1;}
.i02_main_1 .item_jg { flex:0 0 1px; height: 74px; background-color: #eeeeee;}
.i02_main_1 .item .abox { display: block; height: 150px;}
.i02_main_1 .item .abox_in { padding:30px 0 0 0;}
.i02_main_1 .item .abox .img { display: block; width: 60px; height: 60px; margin: 0 auto;}
.i02_main_1 .item .abox .text_item_1 { color:#333333; font-size: 16px; line-height: 20px; text-align: center; margin-top: 5px;}
/* act */
.i02_main_1 .item_jg:nth-last-child(1) { display: none;}
.i02_main_1 .item .abox:hover .img { animation: tada 1s .2s ease both; -moz-animation: tada 1s .2s ease both;}
.i02_main_1 .item .abox:hover .text_item_1 { font-weight: bold;}
/* act */


.index_03 {}
.i03_in {}
.i03_main_1 {}
.i03_main_2 { display: flex; justify-content: space-between;}
.i03_main_2 .sliderwrap { width: 446px; height: 334px; padding:42px 0 0 0;}
.i03_main_2 .sliderwrap .sliderbox { height: 100%;}
#i03_main_2_slider { height: 100%;}
#i03_main_2_slider .slides .abox .textbox { position: absolute; left:0; right:0; bottom:0; padding:0 120px 0 14px; background-color: rgba(12,12,12,0.7);}
#i03_main_2_slider .slides .abox .textbox .text_item_1 { color:#ffffff; font-size: 16px; line-height: 50px;}
#i03_main_2_slider .flex-control-nav { left:0; right:0; width: auto; padding: 0 12px; margin-bottom:18px; text-align: right;}
#i03_main_2_slider .flex-control-nav li { margin: 0 0 0 8px;}
#i03_main_2_slider .flex-control-paging li a { width: 10px; height: 4px; background-color: #FFFFFF; opacity: 0.3;}

.i03_main_2 .listwrap { width: 376px; height: 371px; padding:20px 0 0 0; position: relative; overflow: hidden;}
/* act */
#i03_main_2_slider .flex-control-paging li a.flex-active { opacity: 1;;}
/* act */


.index_04 {}
.i04_in {}
.i04_main_1 {}
.i04_main_2 { padding:10px 0 0 0; height: 403px; position: relative; overflow: hidden;}



.index_05 {}
.i05_in {}
.i05_main_1 { padding:40px 0 0 0;}
.i05_main_2 { display: flex; align-items: center; margin-top:44px;}
.i05_main_2 .item { flex:1;}
.i05_main_2 .item+.item { margin-left: 18px;}
.i05_main_2 .item .abox { display: block; background-color: rgba(255,255,255,0.16); border: 1px solid #dbf0f7;}
.i05_main_2 .item .abox_in { height: 60px; display: flex; align-items: center; justify-content: center;}
.i05_main_2 .item .abox .imgbox { position: relative; width: 40px; height: 40px; margin-right: 12px;}
.i05_main_2 .item .abox .imgbox .img { display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.i05_main_2 .item .abox .imgbox .img.no2 { display: none;}
.i05_main_2 .item .abox .text_item_1 { color:#ffffff; font-size: 18px; line-height: 30px;}
.i05_main_3 {}
.i05_main_3 .mainbox { position: relative; padding:6px 0 0 0;}
.i05_main_3 .mainbox .imgbox { float: left; position: relative; margin-top:34px; width: 400px; height: 300px;}
.i05_main_3 .mainbox .imgbox .img { display: block; width: 100%; height: 100%;}
.i05_main_3 .mainbox .imgbox .text_item_1 { position: absolute; left: 0; right:0; bottom:0; padding:0 12px; background-color: rgba(189,225,238,0.8);}
.i05_main_3 .mainbox .imgbox .text_item_1 .text_1 { color:#046c9c; font-size: 18px; line-height: 38px; text-align: center;}
.i05_main_3 .mainbox .list { height: 336px; position: relative; overflow: hidden;}
.i05_main_3 .mainbox .list ul { width: 1200px;}
.i05_main_3 .mainbox .list ul li { float: left; width: 220px; margin: 34px 0 0 30px;}
.i05_main_3 .mainbox .list ul li .abox { display: block; background-color: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.6);}
.i05_main_3 .mainbox .list ul li .abox_in {}
.i05_main_3 .mainbox .list ul li .abox .img { display: none;}
.i05_main_3 .mainbox .list ul li .abox .text_item_1 { color:#ffffff; font-size: 16px; line-height: 48px; text-align: center; margin: 0 12px;}
/* act */
.i05_main_2 .item .abox.on { background-color: rgba(200,236,249,0.8); border-color:#ffffff;}
.i05_main_2 .item .abox.on .imgbox .img.no1 { display: none;}
.i05_main_2 .item .abox.on .imgbox .img.no2 { display: block;}
.i05_main_2 .item .abox.on .text_item_1 { color:#046c9c;}
.i05_main_3 .mainbox .list ul li .abox.on { background-color: rgba(255,255,255,0.8); border-color: #ffffff;}
.i05_main_3 .mainbox .list ul li .abox.on .text_item_1 { color:#046c9c; font-weight: bold;}
/* act */


.index_06 {}
.i06_in {}
.i06_main_1 { padding:44px 0 0 0; position: relative; z-index: 25;}
.i06_main_2 { margin-top:18px;}


.index_07 {}
.i07_in {}
.i07_main_1 { padding:40px 0 0 0; position: relative; z-index: 25;}
.i07_main_2 { margin-top:38px;}
.i07_main_2 .list { height: 164px; position: relative; overflow: hidden;}
.i07_main_2 .list ul { width: 999999px;}
.i07_main_2 .list ul li { float: left; padding:0 15px 0 0;}
.i07_main_2 .list ul li .abox { display: block; width: 268px; height: 164px;}
.i07_main_2 .list ul li .abox_in { width: 100%; height: 100%; position: relative;}
.i07_main_2 .list ul li .abox .img { display: block; width: 100%; height: 100%;}
.i07_main_2 .list ul li .abox .textbox { display: none; position: absolute; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.5);}
.i07_main_2 .list ul li .abox .textbox .text_item_1 { color:#ffffff; font-size: 16px; line-height: 42px; text-align: center;}
/* act */
.i07_main_2 .list ul li .abox:hover .textbox { display: block;}
/* act */