﻿@charset "utf-8";
/* CSS Document */

body {}
#demo01 { height:406px;}

/* 内容区 */


.index_wrap {}


.floor_01 { height:572px; background:url(../image/bg-floor_01-1-1.jpg) no-repeat center center;}
.fl01_in { padding:116px 0 0 0;}

.index_01 {}
.i01_main_1 { float:left; margin-left:32px;}
.i01_main_1 .abox { display:block; width:598px; height:348px;}
.i01_main_1 .abox .img { display:block; width:100%; height:100%;}
.i01_main_2 { float:right; width:472px; margin-right:32px;}
.i01_main_2 .text_item_1 {}
.i01_main_2 .text_item_1 .text_1 { color:#9e231b; font-size:30px; line-height:34px;}
.i01_main_2 .text_item_1 .text_2 { color:#112135; font-size:16px; line-height:28px; height:140px; margin-top:36px; text-align:justify;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.i01_main_2 .text_item_2 { margin-top:30px;}
.i01_main_2 .text_item_2 .text_1 { display:block; width:90px; float:right; color:#9f241c; font-size:18px; line-height:32px; text-align:center; border:1px solid #124884; border-radius:4px;}
/*act*/
.i01_main_2 .text_item_2 .text_1:hover { color:#ffffff; background-color:#9f241c; border-color:#9f241c;}
/*act*/

.floor_02 { background-color:#ffffff;}
.fl02_in { padding:66px 0 100px 0;}
.index_02 {}
.i02_main_1 {}
.i02_main_2 { height:226px; margin-top:44px;}
.i02_main_2 .list { height:100%; position:relative; overflow:hidden;}
.i02_main_2 .list ul { width:99999px;}
.i02_main_2 .list ul li { float:left; padding-right:44px;}
.i02_main_2 .list ul li .abox { display:block; width:364px; height:226px; border-radius:6px; position:relative; overflow:hidden;}
.i02_main_2 .list ul li .abox .img { display:block; width:100%; height:100%;}
.i02_main_2 .list ul li .abox .textbox { position:absolute; left:0; bottom:0; width:210px; padding:0 44px 0 0px; background-image:url(../image/p-i02_main_2-1-1.png);}
.i02_main_2 .list ul li .abox .textbox .text_item_1 { margin:0 10px; color:#ffffff; font-size:20px; line-height:44px; text-align:center;}
.i02_main_2 .list ul li .abox .textbox .text_item_1 { overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.i02_main_3 { height:226px; display:none; margin-top:44px;}
.i02_main_3 .main_item { display:none;}
.i02_main_3 .main_item .abox { display:block; height:226px;}
.i02_main_3 .main_item .abox .img { display:block; width:100%; height:100%;}
.i02_main_3 .main_item_1 .abox { float:left; width:568px;}
.i02_main_3 .main_item_1 .abox+.abox { float:right;}
.i02_main_3 .main_item_2 .abox { width:100%;}
/*act*/
.i02_main_2 .list ul li .abox:hover .textbox { background-image:url(../image/p-i02_main_2-1-2.png);}
/*act*/



.floor_03 { height:528px; background:url(../image/bg-floor_03-1-1.jpg) no-repeat center center;}
.fl03_in { padding:30px 0 0 0;}
.index_03 {}
.i03_main_1 {}
.i03_main_2 { height:322px; margin-top:56px;}
.i03_main_2 .list { height:100%; position:relative; overflow:hidden;}
.i03_main_2 .list ul { width:99999px;}
.i03_main_2 .list ul li { float:left; width:295px;}
.i03_main_2 .list ul li .abox { display:block; width:222px; height:322px; margin:0 auto; background-color:#e1e4eb;}
.i03_main_2 .list ul li .abox_in { padding:20px 21px;}
.i03_main_2 .list ul li .abox .imgbox { height:220px;}
.i03_main_2 .list ul li .abox .imgbox .img { display:block; width:100%; height:100%;}
.i03_main_2 .list ul li .abox .textbox { padding:10px 0 0 0;}
.i03_main_2 .list ul li .abox .textbox .text_item_1 { height:20px;}
.i03_main_2 .list ul li .abox .textbox .text_item_1 .text_1 { color:#124884; font-size:16px; line-height:20px; float:left;}
.i03_main_2 .list ul li .abox .textbox .text_item_1 .text_2 { color:#93989e; font-size:14px; line-height:20px; float:right;}
.i03_main_2 .list ul li .abox .textbox .text_item_2 { color:#93989e; font-size:14px; line-height:18px; height:36px; margin-top:6px;}
/*act*/
.i03_main_2 .list ul li .abox:hover { background-color:#a42d27;}
.i03_main_2 .list ul li .abox:hover .textbox .text_item_1 .text_1 { color:#ffffff; font-weight:bold;}
.i03_main_2 .list ul li .abox:hover .textbox .text_item_1 .text_2 { color:#ffffff;}
.i03_main_2 .list ul li .abox:hover .textbox .text_item_2 { color:#ffffff;}
/*act*/


.floor_04 { background:#ffffff;}
.fl04_in { padding:30px 0 0 0;}
.index_04 {}
.i04_main_1 {}
.i04_main_2 { height:302px; padding:50px 0 70px 0;}
.i04_main_2 .list { height:100%; position:relative; overflow:hidden;}
.i04_main_2 .list ul { width:99999px;}
.i04_main_2 .list ul li { float:left; padding:0 17px 0 0;}
.i04_main_2 .list ul li .abox { display:block; width:382px; height:302px;}
.i04_main_2 .list ul li .abox_in { width:360px; margin:0 auto; padding:10px 0 0 0;}
.i04_main_2 .list ul li .abox .imgbox { height:240px;}
.i04_main_2 .list ul li .abox .imgbox .img { display:block; width:100%; height:100%;}
.i04_main_2 .list ul li .abox .textbox { margin-top:16px;}
.i04_main_2 .list ul li .abox .textbox .text_item_1 { color:#292929; font-size:16px; line-height:20px;}
/*act*/
.i04_main_2 .list ul li .abox:hover { background-color:#254367;}
.i04_main_2 .list ul li .abox:hover .textbox .text_item_1 { color:#ffffff;}
/*act*/


