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

body {}
.banner {}
#demo01 { height:555px;}
/* 内容区 */



.index_wrap {}
.floorbox { background-position: center center; background-size:cover;}


.floor_01 { background-image:url(../image/bg-floor_01-1-1.jpg);}
.fl01_in {}
.fl01_item_1 { padding:64px 0 66px 0;}
.fl01_item_1_in {}
.index_01 { float:left;}
.i01_main_1 {}
#i01_main_1 { width:648px; height:400px;}
#i01_main_1 .abox { position:relative;}
#i01_main_1 .abox .textbox { position:absolute; left:0; right:0; bottom:0; padding: 0 240px 0 30px; background-color:rgba(0,0,0,0.5);}
#i01_main_1 .abox .textbox .text_item_1 { color:#ffffff; font-size:18px; line-height:50px;}
#i01_main_1 .flex-control-nav { margin-bottom:16px; left:auto; right:18px; width:210px; text-align:right;}
#i01_main_1 .flex-control-nav li { margin:0 8px; text-align:left;}
#i01_main_1 .flex-control-paging li a { width:15px; height:15px; background-color:#dcdcdc; border-radius:50%;}

.index_02 { float:right; width:710px;}
.i02_main_1 {}
.i02_main_2 { margin-top:5px;}
.i02_main_2 .mainbox { height:336px; position:relative; overflow:hidden;}
/*act*/
#i01_main_1 .flex-control-paging li a.flex-active { background-color:#009ea1;}
/*act*/


.fl01_item_2 { padding:64px 0 70px 0; background-color:rgba(255,255,255,0.3);}
.fl01_item_2_in {}
.index_03 { float:left; width:924px;}
.i03_main_1 {}
.i03_main_2 { padding-top:10px;}
.i03_main_2.maxh { height:320px; position:relative; overflow:hidden;}
.i03_main_2 .list { position:relative; overflow:hidden;}
.i03_main_2 .list ul { width:1000px;}
.i03_main_2 .list ul li { float:left; margin:20px 18px 0 0; width:296px;}
.i03_main_2 .list ul li .abox { display:block; padding: 0 28px 0 30px; background-color:#ffffff; border-radius:4px;}
.i03_main_2 .list ul li .abox .text_item_1 { color:#646464; font-size:16px; line-height:60px; background-image:url(../image/p-i03_main_2-1-1.png); background-position: right center;}
.index_04 { float:right; width:440px;}
.i04_main_1 {}
.i04_main_2 { margin-top:30px;}
.i04_main_2 .mainbox { height:300px; position:relative; overflow:hidden;}
.i04_main_2_swiper { height:300px;}
.i04_main_2 .item {}
.i04_main_2 .item .abox { display:block; height:300px; background-image:url(../image/p-i04_main_2-1-1.jpg); background-position: center center; background-size:cover; border-radius:4px;}
.i04_main_2 .item .abox_in { padding:20px 20px 0 20px;}
.i04_main_2 .item .abox .imgbox { float:left; width:192px; height:260px; border-radius:4px; position:relative; overflow:hidden;}
.i04_main_2 .item .abox .imgbox .img { display:block; width:100%; height:100%;}
.i04_main_2 .item .abox .textbox { margin:0 0 0 220px; padding:12px 0 0 0;}
.i04_main_2 .item .abox .textbox .text_item_1 { color:#ffffff; font-size:20px; line-height:24px; font-weight:bold;}
.i04_main_2 .item .abox .textbox .text_item_2 { margin:15px 0 0 0;}
.i04_main_2 .item .abox .textbox .text_item_2 .text_1 { color:#c2d3d6; font-size:16px; line-height:20px;}
.i04_main_2 .item .abox .textbox .text_item_2 .text_1 .cor2 { color:#ffffff;}
.i04_main_2 .item .abox .textbox .text_item_2 .text_1+.text_1 { margin-top:9px;}
.i04_main_2 .item .abox .textbox .text_item_3 { margin-top:12px; height:1px; background-color:#d2d2d2; opacity:0.5;}
.i04_main_2 .item .abox .textbox .text_item_4 { color:#c2d3d6; font-size:16px; line-height:20px; margin-top:11px;}
.i04_main_2 .item .abox .textbox .text_item_5 { color:#ffffff; font-size:14px; line-height:22px; margin-top:5px;}
.index_05 { margin-top:36px;}
.i05_main_1 { padding:14px 0 14px 0; background-color:#17a6a9; border-radius:6px;}
.i05_main_1 table { table-layout:fixed;}
.i05_main_1 .item {}
.i05_main_1 .item .abox { display:block;}
.i05_main_1 .item .abox_in { width:110px; height:86px; padding:10px 0 0 0; margin:0 auto; border-radius:4px; position:relative; overflow:hidden;}
.i05_main_1 .item .abox .imgbox { position:relative; width:50px; height:50px; margin:0 auto;}
.i05_main_1 .item .abox .imgbox .img { display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.i05_main_1 .item .abox .imgbox .img.no1 {}
.i05_main_1 .item .abox .imgbox .img.no2 { display:none;}
.i05_main_1 .item .abox .text_item_1 { color:#ffffff; font-size:16px; line-height:20px; text-align:center; margin-top:6px;}
/*act*/
.i03_main_2 .list ul li .abox:hover { background-color:#05a8ab;}
.i03_main_2 .list ul li .abox:hover .text_item_1 { color:#ffffff; background-image:url(../image/p-i03_main_2-1-1on.png);}
.i05_main_1 .item .abox:hover .abox_in { background-color:#ffffff;}
.i05_main_1 .item .abox:hover .imgbox .img.no1 { display:none;}
.i05_main_1 .item .abox:hover .imgbox .img.no2 { display:block;}
.i05_main_1 .item .abox:hover .text_item_1 { color:#009ea1;}
/*act*/


.floor_02 { padding:70px 0 0 0;}
.fl03_in {}
.index_06,
.index_07,
.index_08 { float:left; width:380px; height:470px; padding: 0 30px; background-color:#f8f8f8;}
.i06_main_1 { padding:30px 0 0 0;}
.i06_main_2 {}
.i06_main_2 .mainbox { height:396px; position:relative; overflow:hidden;}
.i06_main_2 .top {}
.i06_main_2 .top .abox { display:block; height:124px; padding:22px 0; border-bottom:1px solid #e5e5e5;}
.i06_main_2 .top .abox .imgbox { float:left; width:200px; height:124px;}
.i06_main_2 .top .abox .imgbox .img { display:block; width:100%; height:100%;}
.i06_main_2 .top .abox .textbox { margin:0 0 0 214px; padding:14px 0 0 0;}
.i06_main_2 .top .abox .textbox .text_item_1 { color:#017a7c; font-size:16px; line-height:24px; height:48px;}
.i06_main_2 .top .abox .textbox .text_item_2 { color:#919191; font-size:14px; line-height:20px; height:40px; margin-top:8px;}
.i06_main_2 .bottom { padding:8px 0 0 0; max-height:360px; position:relative; overflow:hidden;}
.i06_main_2 .bottom ul li .abox .text_item_1,
.i06_main_2 .bottom ul li .abox .text_item_2 { line-height:36px;}

.index_07 { margin-left:40px;}

.index_08 { float:right;}


.floor_03 { margin-top:40px;}
.fl03_in {}
.index_09 {}
.i09_mian_1 {}
#i09_mian_1 { height:140px;}
#i09_mian_1 .flex-control-nav { margin-bottom:24px; left:18px; right:18px; text-align:right;}
#i09_mian_1 .flex-control-nav li { margin:0 6px; text-align:left;}
#i09_mian_1 .flex-control-paging li a { width:12px; height:12px; background-color:#ffffff; border-radius:50%;}
/*act*/
#i09_mian_1 .flex-control-paging li a.flex-active { background-color:#009ea1;}
/*act*/


.floor_04 { margin-top:70px; padding:60px 0 72px 0; background-color:#f9f9f9;}
.fl04_in {}
.index_10 {}
.i10_mian_1 {}
.i10_mian_2 { margin:40px 0 0 0;}
.i10_mian_2 .list { position:relative; overflow:hidden;}
.i10_mian_2 .list ul { width:99999px;}
.i10_mian_2 .list ul li { float:left; padding-right:20px;}
.i10_mian_2 .list ul li .abox { display:block; width:335px; height:141px; position:relative;}
.i10_mian_2 .list ul li .abox .img { display:block; width:100%; height:100%;}
.i10_mian_2 .list ul li .abox .zgbox { display:none; z-index:5; position:absolute; top:0; left:0; right:0; bottom:0; padding:22px 0 0 0; background-color:rgba(0,0,0,0.4);}
.i10_mian_2 .list ul li .abox .zgbox .text_item_1 { position:relative; margin: 0 18px; padding: 0 0 0 26px;}
.i10_mian_2 .list ul li .abox .zgbox .text_item_1 .text_1 { position:absolute; top:3px; left:0; width:2px; height:15px; background-color:#ffffff; opacity:0.8;}
.i10_mian_2 .list ul li .abox .zgbox .text_item_1 .text_2 { color:#ffffff; font-size:16px; line-height:20px; font-weight:bold; height:40px;}
.i10_mian_2 .list ul li .abox .zgbox .text_item_2 { position:absolute; left:0; right:0; bottom:28px;}
.i10_mian_2 .list ul li .abox .zgbox .text_item_2 .text_1 { display:block; width:110px; margin:0 auto; color:#ffffff; font-size:14px; line-height:26px; text-align:center; background-color:#10a3a6; border-radius:12px;}
/*act*/
.i10_mian_2 .list ul li .abox:hover .zgbox { display:block;}
/*act*/