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

body { background-color:#f0f0f0;}
#demo01 { z-index:25; height:300px;}
/* 内容区 */


.des_wrap { position: relative; z-index:55;}

.floor_01 { height:494px; border-bottom:1px solid #e3e3e3;}
.floor_01 .w1280 { position: relative;}

.des_01 { position: absolute; right:125px; top:-95px; width:954px; height:260px; border-radius:3px; background:url(../image/des-1px-des_01.png) repeat;}
.des_01 .textbox { padding: 0 425px 0 30px;}
.des_01 .textbox .text_1 { color: #ffffff; font-size:24px; line-height:30px; font-weight:bold; padding:45px 0 0 4px;}
.des_01 .textbox .bor_1 { margin: 11px 0 25px 8px; width:62px; height:2px; background-color:#ffffff;}
.des_01 .textbox .text_2 { color: #ffffff; font-size:14px; line-height:32px;}
.des_01 .img1 { position: absolute; right:-26px; bottom:0;}

.des_02 { padding:100px 0 0 0;}
.des_02_title { position: relative;}
.des_02_title .bor { position: absolute; top:5px; left:5px; width:3px; height:35px; background-color:#cb2e2e;}
.des_02_title .text_1 { color: #262626; font-size:32px; line-height:36px; margin: 0 0 0 16px;}
.des_02_title .text_2 { color: #a4a4a4; font-size:16px; line-height:20px; font-family: Arial; margin:10px 0 0 22px;}
.des_02_main { margin:40px 0 0 0;}
.des_02_main .box { width:298px; height:198px; background-color:#FFF; float:left; margin: 0 11px;}
.des_02_main .box .iconbox { width:54px; height:50px; margin: 0 auto; position: relative; overflow: hidden; padding:20px 0 0 0;}
.des_02_main .box .text_1 { color: #272727; font-size:24px; line-height:30px; text-align: center; margin:10px 0 8px 0;}
.des_02_main .box .text_2 { color: #6b6b6b; font-size:16px; line-height:22px; width:250px; margin:0 auto;}


.floor_02 { height:800px; background-color:#fefefe;}

.des_03 {}
.des_03_title { text-align: center; padding:78px 0 0 0;}
.des_03_title .text_1 { color: #464646; font-size:32px; line-height:36px;}
.des_03_title .text_1 span { color: #e10000;}
.des_03_title .text_2 { color: #a9a9a9; font-size:18px; line-height:24px; font-family: Arial; margin:1px 0 0 0;}

.des_03_main { padding:68px 0 0 0;}
.des_03_main .main_item_1 { position: relative;}
.des_03_main .main_item_1 .img { position: absolute; top:1px; left:7px;}
.des_03_main .main_item_1 .text_1 { color: #464646; font-size:24px; line-height:36px; padding-left:50px;}

.des_03_main .main_item_2 { padding: 15px 62px 14px 52px; background:url(../image/p-noname-8.png) no-repeat bottom center;}
.des_03_main .main_item_2 .userimgbox { float:left; width:297px;}
.des_03_main .main_item_2 .userimgbox .imgbox,
.des_03_main .main_item_2 .userimgbox .imgbox .img { width:100%; height:331px;}
.des_03_main .main_item_2 .userimgbox .imgbox { position: relative;}
.des_03_main .main_item_2 .userimgbox .imgbox .img { display: block;}
.des_03_main .main_item_2 .userimgbox .btnbox { font-size:0;}
.des_03_main .main_item_2 .userimgbox .btnbox a { display: inline-block; width:50%; color: #ffffff; font-size:18px; line-height:48px; text-align: center;}
.des_03_main .main_item_2 .userimgbox .btnbox a.no1 { background-color:#1f1f1f;}
.des_03_main .main_item_2 .userimgbox .btnbox a.no2 { background-color:#d5424a;}
/*hover*/.des_03_main .main_item_2 .userimgbox .btnbox a:hover { font-weight:bold;}

.des_03_main .main_item_2 .textbox { float:right; width:850px; position: relative;}
.des_03_main .main_item_2 .textbox .text_item_1 { height:36px;}
.des_03_main .main_item_2 .textbox .text_item_1 .text_1 { float:left; color: #161616; font-size:30px; line-height:36px;}
.des_03_main .main_item_2 .textbox .text_item_1 .text_2 { float:left; color: #787878; font-size:18px; line-height:24px; padding:12px 0 0 15px;}

.des_03_main .main_item_2 .textbox .text_item_2 { padding:5px 0 10px 0;}
.des_03_main .main_item_2 .textbox .text_item_2 .text_1 { color: #787878; font-size:14px; line-height:24px;}

.des_03_main .main_item_2 .textbox .text_item_3 {}
.des_03_main .main_item_2 .textbox .text_item_3 table { table-layout: fixed;}
.des_03_main .main_item_2 .textbox .text_item_3 table td { border-bottom:1px solid #f0f0f0;}
.des_03_main .main_item_2 .textbox .text_item_3 table .col_1 { width:90px;}
.des_03_main .main_item_2 .textbox .text_item_3 table .col_2 { width:200px;}
.des_03_main .main_item_2 .textbox .text_item_3 table .col_3 { width:90px;}
.des_03_main .main_item_2 .textbox .text_item_3 table .col_4 {}
.des_03_main .main_item_2 .textbox .text_item_3 .text_1 { color: #787878; font-size:16px; line-height:36px;}
.des_03_main .main_item_2 .textbox .text_item_3 .text_1.tar { text-align:right;}

.des_03_main .main_item_2 .textbox .text_item_4 { margin:14px 0 0 0;}
.des_03_main .main_item_2 .textbox .text_item_4 ul { padding: 0 2px;}
.des_03_main .main_item_2 .textbox .text_item_4 ul li { width:272px; height:192px; position: relative; float:left; margin: 0 5px;}
.des_03_main .main_item_2 .textbox .text_item_4 ul li .img { width:100%; height:100%; position: relative; z-index:2;}
.des_03_main .main_item_2 .textbox .text_item_4 ul li .zgbox { display:none; position: absolute; z-index:5; top:0; left:0; width:100%; height:100%; background:url(../image/des-1px-des_03.png) repeat;}
.des_03_main .main_item_2 .textbox .text_item_4 ul li .zgbox .text_1 { color: #ffffff; font-size:16px; line-height:20px; text-align: center; font-weight:bold; margin: 0 14px;  padding:
66px 0 18px 0;}
.des_03_main .main_item_2 .textbox .text_item_4 ul li .zgbox .btn { display: block; width:82px; height:30px; color: #ffffff; font-size:16px; line-height:30px; text-align: center; border:1px solid #d5424a; margin: 0 auto;}
.des_03_main .main_item_2 .textbox .user_like { position: absolute; right:20px; top:62px;}
/*hover*/.des_03_main .main_item_2 .textbox .text_item_4 ul li:hover .zgbox { display: block;}
/*hover*/.des_03_main .main_item_2 .textbox .text_item_4 ul li .zgbox .btn:hover { background-color:#d5424a;}


.floor_03 { height:1116px;}
.des_04 { padding:68px 0 0 0;}
.des_04_title { position: relative;}
.des_04_title .img { position: absolute; left:9px; top:0;}
.des_04_title .text_1 { color: #3e3e3e; font-size:24px; line-height:36px; padding: 0 0 0 43px;}


.list_06 { padding:2px 0; height:898px; width:100%; position: relative; overflow: hidden;}
.list_06 ul { padding: 0 2px; width:1326px;}
.list_06 ul li { margin-top:34px; margin-right:45px;}
.list_06 ul li+li { margin-left:0;}
.list_06 ul li .li_in { height:413px; background-color:#FFF;}
.list_06 ul li .li_in .textbox .text_item_2 { height:20px;}
/*hover*/
.list_06 ul li .li_in .textbox a:hover .text_item_1 .text_2 { color: #df1c1c;}