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

body { background-color:#eeeeee;}
#demo01 {height:3.8rem;}

/* 内容区 */



.index_wrap { border-bottom:0.1rem solid #ffffff;}
.index_box { background-color:#ffffff;}
.index_box+.index_box { margin-top:0.1rem;}


.index_01 {}
.i01_main_1 { padding:0.16rem 0 0.4rem 0;}
.i01_main_1 .item { float:left; width:33%; display:flex; padding:0.34rem 0 0 0;}
.i01_main_1 .item:nth-child(3n-2) { justify-content:flex-start;}
.i01_main_1 .item:nth-child(3n-1) { justify-content:center; width:34%;}
.i01_main_1 .item:nth-child(3n) { justify-content:flex-end;}
.i01_main_1 .item .abox { display:block; width:1.6rem; font-size:0;}
.i01_main_1 .item .abox .img { display:block; width:0.95rem; height:0.95rem; margin:0 auto;}
.i01_main_1 .item .abox .text_item_1 { color:#444444; font-size:0.26rem; line-height:0.32rem; text-align:center; margin-top:0.12rem;}


.index_02 { padding:0.54rem 0 0.54rem 0;}
.i02_main_1 {}
.i02_main_2 { display:flex; align-items:center; justify-content:center; margin-top:0.36rem;}
.i02_main_2 .btn { display:block; color:#777777; font-size:0.26rem; line-height:0.4rem; margin:0 0.16rem;}
.i02_main_2 .btn.on { color:#2d1f14; font-size:0.28rem; font-weight:bold;}
.i02_main_3 { margin-top:0.24rem;}
.i02_main_3 .mainbox {}
.i02_main_3 .main_item_1 {}
.i02_main_3 .main_item_1 .text_item_1 { color:#444444; font-size:0.26rem; line-height:0.4rem;}
.i02_main_3 .main_item_2 { margin-top:0.28rem;}
.i02_main_3 .main_item_2 .videobox { height:5.18rem; position:relative;}
.i02_main_3 .main_item_2 .videobox .zgbox { position:absolute; top:0; left:0; right:0; bottom:0; background-image:url(../image/p-video_zg-1-1.png); background-size:100% auto; background-repeat: repeat; background-position: center center;}
.i02_main_3 .main_item_3 { margin-top:0.54rem;}


.index_03 { padding:0.54rem 0 0.6rem 0;}
.i03_main_1 {}
.i03_main_2 { margin-top:0.28rem;}
.i03_main_2 .text_item_1 { color:#444444; font-size:0.26rem; line-height:0.4rem;}
.i03_main_3 { margin-top:0.26rem; display:flex;}
.i03_main_3 .btn { display:block; width:0; flex:1; color:#ffffff; font-size:0.24rem; line-height:0.7rem; text-align:center; background-color:#a4884e;}
.i03_main_3 .btn+.btn { border-left:1px solid #d2d2d2;}
.i03_main_3 .btn.on { background-color:#2d1f14;}
.i03_main_4 { padding:0.38rem 0 0 0; background-color:#2d1f14;}
.i03_main_4 .main_item_1 { width:6.225rem; height:0.68rem; margin:0 auto; background-image:url(../image/p-i03_main_4-1-1.png); background-size:100% 100%;}
.i03_main_4 .main_item_1 .text_item_1 { height:0.68rem; display:flex; justify-content:center;}
.i03_main_4 .main_item_1 .text_item_1 .text_1 { color:#2d1f14; font-size:0.28rem; line-height:0.68rem;}
.i03_main_4 .main_item_1 .text_item_1 .text_2 { color:#2d1f14; font-size:0.22rem; line-height:0.58rem; padding-top:0.06rem;}
.i03_main_4 .main_item_1 .text_item_1 .text_3 { color:#2d1f14; font-size:0.28rem; line-height:0.68rem; font-weight:bold;}
.i03_main_4 .main_item_2 { padding:0.28rem 0.26rem;}
.i03_main_4 .main_item_2 .text_item_1 { color:#ffffff; font-size:0.24rem; line-height:0.46rem;}
.i03_main_4 .main_item_3 { padding:0.28rem 0.26rem; border-top:1px solid #d2d2d2;}
.i03_main_4 .main_item_3 .text_item_1 { color:#ffffff; font-size:0.24rem; line-height:0.36rem;}
.i03_main_4 .main_item_4 { display:flex; align-items:center; height:1.4rem; padding:0 0.32rem; border-top:1px solid #d2d2d2;}
.i03_main_4 .main_item_4 .item_1 { margin-right:0.2rem;}
.i03_main_4 .main_item_4 .item_1 .img { width:0.66rem;}
.i03_main_4 .main_item_4 .item_2 {}
.i03_main_4 .main_item_4 .item_2 .text_item_1 {}
.i03_main_4 .main_item_4 .item_2 .text_item_1 .text_1 { color:#ffffff; font-size:0.24rem; line-height:0.38rem;}
.i03_main_4 .main_item_4 .item_2 .text_item_1 .text_2 { color:#ffffff; font-size:0.28rem; line-height:0.38rem; font-weight:bold;}


.index_04 { padding:0.54rem 0 0.56rem 0;}
.i04_main_1 {}
.i04_main_2 { margin-top:0.1rem;}
.i04_main_2 .morebox_01 { margin-top:0.6rem;}


.index_05 { padding:0.54rem 0 0.56rem 0; background-color:#302a27;}
.i05_main_1 {}
.i05_main_1 .title_01 .text_item_1 .text_1 { color:#ffffff;}
.i05_main_1 .title_01 .linebox .line_1 { background-color:#a4884e;}
.i05_main_1 .title_01 .linebox .line_2 { background-color:#dcdcdc;}
.i05_main_2 { padding:0.06rem 0 0 0;}
#i05_main_2 {}
#i05_main_2 .flex-viewport { padding-bottom:0.66rem;}
#i05_main_2 .flex-control-nav { margin-bottom:0;}
#i05_main_2 .flex-control-nav li { margin:0 0.04rem;}
#i05_main_2 .flex-control-paging li a { width:0.08rem; height:0.08rem; background-color:#ffffff; border-radius:0.04rem;}
/**/#i05_main_2 .flex-control-paging li a.flex-active { width:0.3rem; background-color:#a4884e;}
.i05_main_3 { margin-top:0.58rem;}
.i05_main_3 .morebox_01 .more { color:#ffffff; background-color:#a4884e; border-color:#a4884e;}