@charset "utf-8";
/* CSS Document *//*无酫装修专用CSS表*/

.marketing { position:relative; overflow:hidden;}

.mk90_title_1 {}
.mk90_title_1 .iconbox { font-size:0; text-align: center;}
.mk90_title_1 .iconbox .img { font-size:0;}
.mk90_title_1 .text_item_1 { text-align: center;}
.mk90_title_1 .text_item_1 span { display:inline-block; color:#4b4b4b; font-size:36px; line-height:40px;}
.mk90_title_1 .text_item_1 .line { width:115px; position:relative;}
.mk90_title_1 .text_item_1 .line .line_in { position:absolute; top:20px; left:0; width:100%; height:0; border-bottom:1px solid #bcc1bf;}
.mk90_title_1 .text_item_1 .text_1 { margin:0 16px;}


.mark_91 { height:1082px; border-bottom:3px solid #f0f0f0; background-image:url(../image/yx/wkzx/bg-mark_91-1.jpg); background-position: center center;}
.mk91_main_1 { padding:81px 0 0 0;}
.mk91_main_1 .text_1 { color:#151a18; font-size:42px; line-height:50px; text-align: center;}
.mk91_main_1 .text_1 span { color:#179d63; font-weight:bold;}
.mk91_main_1 .text_item_1 { margin:60px 0 0 268px; position: relative; width:880px; height:134px; background-image:url(../image/yx/wkzx/p-mark_91-1.png);}
.mk91_main_1 .text_item_1 .text_2_box { position:absolute; top:-24px; left:272px; width:310px;}
.mk91_main_1 .text_item_1 .text_2_box .text_2 { color:#ff5400; font-size:32px; line-height:36px; font-weight:bold; text-align: center; position:relative; z-index:5;}
.mk91_main_1 .text_item_1 .text_2_box .line_1 { position:absolute; left:0; bottom:4px; width:100%; height:11px; background-color:#e6ede8;}
.mk91_main_1 .text_item_1 .text_3 { color:#1c2218; font-size:18px; line-height:28px; text-align: center; padding:32px 90px 0 90px;}
.mk91_main_2 { position: absolute; left:33px; top:340px; width:804px; height:463px; padding:12px 8px 73px 9px; background-image:url(../image/yx/wkzx/p-mark_91-2.png);}
.mk91_main_2 .videowrap { position:relative; width:100%; height:100%;}
.mk91_main_2 .videobox { position: absolute !important; z-index:99; top:0; left:0; width:100%; height:100%;}
.mk91_main_2 .videobox+.videobox { z-index:5;}
.mk91_main_3 { position:absolute; left:0; bottom:34px; width:100%;}
.mk91_main_3 .text_item_1 { height:74px; padding: 10px 0 0 70px; background-image:url(../image/yx/wkzx/p-mk91_main_3-1.png);}
.mk91_main_3 .text_item_1 .text_1 { color:#252525; font-size:16px; line-height:44px;}
.mk91_main_3 .text_item_1 .text_1 span { color:#179d63; font-size:22px; font-weight:bold;}
.mk91_main_3 .btn_1 { display:block; margin:0 auto 0 auto; width:401px; height:67px; color:#ffffff; font-size:22px; line-height:66px; text-align: center; background-image:url(../image/yx/wkzx/p-mk91_main_3-2.png);}
.mk91_main_3 .btn_1.width_2 { width:600px; background-image:url(../image/yx/wkzx/p-mk91_main_3-2_2.png);}

.mark_92 { background-color:#FFF;}
.mark_92 .mk90_title_1 .iconbox { padding:36px 0 4px 0;}
.mk92_main_1 { padding:65px 0 50px 0;}
.mk92_main_1 .list {}
.mk92_main_1 .list ul {}
.mk92_main_1 .list ul li { float:left; width:25%;}
.mk92_main_1 .list ul li a { display:block; width:270px; height:380px; margin:0 auto; position:relative; font-size:0;}
.mk92_main_1 .list ul li a .img { display:block; width:100%; height:100%;}
.mk92_main_1 .list ul li a p { position: absolute; z-index:15;}
.mk92_main_1 .list ul li a .text_1 { left:0; right:0; bottom:0; padding: 29px 20px 12px 20px; color:#ffffff; font-size:28px; line-height:32px; background:url(../image/yx/wkzx/p-mk92-2-1.png) repeat-x left top;}
.mk92_main_1 .list ul li a .text_2 { display:none; left:20px; right:20px; bottom:16px; color:#ffffff; font-size:16px; line-height:22px;}
.mk92_main_1 .list ul li a .zg { position:absolute; bottom:0; left:0; right:0; height:0; z-index:5; background:url(../image/yx/wkzx/p-mk92-2-2.png) repeat;}
.mk92_main_1 .list ul li a .bor { display:none; position:absolute; top:0; left:0; right:0; bottom:0; z-index:6; border:2px solid #179d63;}

/**/
.mk92_main_1 .list ul li a:hover .zg { height:100%;}
.mk92_main_1 .list ul li a:hover .bor,
.mk92_main_1 .list ul li a:hover .text_2  { display:block;}
.mk92_main_1 .list ul li a:hover .text_1 { bottom:118px; background:none;}
/**/


.mark_93 { height:1010px; background-image:url(../image/yx/wkzx/bg-mark_93-1.jpg); background-position: top center;}
.mark_93 .mk90_title_1 .iconbox { padding:40px 0 14px 0;}
.mk93_main_title { padding:72px 0 24px 0;}
.mk93_main_title .text_1 { color:#1c9f66; font-size:28px; line-height:32px;}
.mk93_main_title .text_1 span { color:#444843;}
.mk93_main {}
.mk93_main_1 { float:left; width:492px;}
.mk93_main_1 .list {}
.mk93_main_1 .list ul {}
.mk93_main_1 .list ul li {}
.mk93_main_1 .list ul li+li { margin-top:12px;}
.mk93_main_1 .list ul li a { display:block;}
.mk93_main_1 .list ul li a .abox { height:120px; background-color:#FFF; position:relative;}
.mk93_main_1 .list ul li a .text_1 { position:absolute; left:24px; top:28px; width:64px; height:64px; color:#ffffff; font-size:20px; line-height:64px; text-align: center; background-color:#1c9f66; border-radius:50%;}
.mk93_main_1 .list ul li a .text_item_1 { padding: 22px 16px 0 106px;}
.mk93_main_1 .list ul li a .text_item_1 table { table-layout: fixed;}
.mk93_main_1 .list ul li a .text_item_1 table .col_1 { width:48px;}
.mk93_main_1 .list ul li a .text_item_1 table td { color:#545454; font-size:16px; line-height:28px; vertical-align:top;}
/**/
.mk93_main_1 .list ul li a:hover .abox { background-color:#1c9f66;}
.mk93_main_1 .list ul li a:hover .text_1 { color:#1c9f66; background-color:#FFF;}
.mk93_main_1 .list ul li a:hover .text_item_1 table td { color:#FFF;}
/**/
.mk93_main_2 { float:right; width:724px;}
.mk93_main_2 .list {}
.mk93_main_2 .list ul {}
.mk93_main_2 .list ul li { float:left; padding: 0 26px 38px 0;}
.mk93_main_2 .list ul li a { display:block; font-size:0; width:305px; height:268px; border:15px solid #FFF;}
.mk93_main_2 .list ul li a .img { display:block; width:100%; height:100%;}
/**/
.mk93_main_2 .list ul li a:hover { border-color:#1c9f66;}
/**/

.mark_94 { height:648px; background-image:url(../image/yx/wkzx/bg-mark_94-1.jpg); background-position: top center;}
.mark_94 .mk90_title_1 .iconbox { padding:32px 0 5px 0;}
.mk94_main_1 { margin:38px 0 0 0;}
.page-products {}
.page-products .w-wrap-inner { width:100%; position: relative; overflow: hidden;}
.page-products .w-wrap-inner ul { overflow: hidden; width:2000px; position: relative; left:-2px;}
.page-products .w-wrap-inner ul li { width: 80px; height: 360px; margin: 0 2px 0 3px; float: left; position: relative; overflow:hidden; background-color:#cecac6;}
.page-products .w-wrap-inner ul li .item-inner { width:2000px; height:100%;}
.page-products .w-wrap-inner ul li .main { width:80px; height:100%; float: left;}
.page-products .w-wrap-inner ul li .main .text_1 { color:#ffffff; font-size:36px; line-height:40px; text-align: center; padding:25px 0 0 0;}
.page-products .w-wrap-inner ul li .main .text_2 { color:#ffffff; font-size:24px; line-height:28px; text-align: center; width:28px; margin:0 auto; word-break: break-all;}
.page-products .w-wrap-inner ul li .detail { width:1005px; height:100%; background-color: #e7e5e3; float: left; position: relative;}
.page-products .w-wrap-inner ul li .detail .imgbox { font-size:0; width:100%; height:300px;}
.page-products .w-wrap-inner ul li .detail .imgbox .img { display:block; width:100%; height:100%;}
.page-products .w-wrap-inner ul li .detail .textbox { padding:10px;}
.page-products .w-wrap-inner ul li .detail .textbox .text_1 { color:#545454; font-size:14px; line-height:18px;}
/**/
.page-products .w-wrap-inner ul li.on { background-color:#1c9f66;}
.page-products .w-wrap-inner ul li.on .main .text_2 { font-size:28px; font-weight:bold;}
/**/


.mark_95 { height:500px; background-image:url(../image/yx/wkzx/bg-mark_95-1.jpg); background-position: top center;}
.mk95_main_1 { position:absolute; left:12px; top:38px; font-size:0;}
.mk95_main_1 .img { display:block;}
.mk95_main_1 .text_1 { color:#fff8a5; font-size:34px; line-height:40px; margin:15px 0 12px 0;}
.mk95_main_1 .text_2 { color:#ffffff; font-size:18px; line-height:24px;}
.mk95_main_2 { position:absolute; left:0; bottom:146px; width:140px; text-align: center; font-size:0;}
.mk95_main_2 .img {}
.mk95_main_2 .text_1 { color:#ffffff; font-size:28px; line-height:32px;}
.mk95_main_3 { position:absolute; left:0; width:100%; bottom:44PX;}
.mk95_main_3 table { table-layout: fixed;}
.mk95_main_3 td {}
.mk95_main_3 td+td {}
.mk95_main_3 td .imgbox { width:40px; height:40px; position:relative; margin:0 auto; font-size:0;}
.mk95_main_3 td .imgbox .img { width:100%; height:100%; display:block;}
.mk95_main_3 td .imgbox .icon { display:none; position:absolute; top:20px; left:-43px;}
.mk95_main_3 td+td .imgbox .icon { display:block;}
.mk95_main_3 td .textbox { margin:16px 0 0 0; position:relative;}
.mk95_main_3 td .textbox .text_1 { color:#ffffff; font-size:16px; line-height:20px; text-align: center;}
.mk95_main_3 td .textbox .icon { display:none; position:absolute; top:1px; left:-5px;}
.mk95_main_3 td+td .textbox .icon { display:block;}
.mk95_main_4 { position:absolute; top:-61px; right:-320px; width:1264px; height:341px; padding:23px 0 54px 26px; background-image:url(../image/yx/wkzx/bg-mk95_main_4.png);}
.mk95_main_4 .inbox { position:relative; height:100%; margin: 0 320px 0 0;}
.mk95_main_4 .text_item_1 { position:absolute; top:22px; left:60px; color:#ffffff; font-size:42px; line-height:48px; font-weight:bold;}
.mk95_main_4 .text_item_2 { position:absolute; top:24px; right:0; width:418px;}
.mk95_main_4 .text_item_2  .text_1 { float:left; color:#ffffff; font-size:16px; line-height:20px; padding:22px 0 0 0;}
.mk95_main_4 .text_item_2  .text_2 { float:left; color:#ffffff; font-size:40px; line-height:48px;}
.mk95_main_4 .text_item_2  .text_2 span { font-family: Arial; color:#fff957; font-weight:bold;}
.mk95_main_4 .text_item_3 { padding: 84px 78px 0 58px;}
.mk95_main_4 .text_item_3 .text_1 { color:#ffffff; font-size:18px; line-height:28px; height:112px;}
.mk95_main_4 .text_item_4 { margin: 44px 0 0 66px; font-size:0;}
.mk95_main_4 .text_item_4 .btn { display:inline-block; width:214px; color:#ffffff; font-size:22px; line-height:60px; text-align:center; background-color:#22ca81; border-radius:30px; margin-right:16px;}
/*hover*/.mk95_main_4 .text_item_4 .btn:hover { color:#1c9f66; font-weight:bold; background-color:#ffe400;}



.mark_96 { height:620px; background-image:url(../image/yx/wkzx/bg-mark_96-1.jpg); background-position: top center;}
.mk96_main_1 { padding:58px 0 92px 0;}
.mk96_main_1 .text_1 { color:#484949; font-size:32px; line-height:36px; font-weight:bold; margin-left:465px;}
.mk96_main_1 .text_2 { color:#1c9f66; font-size:48px; line-height:54px; font-weight:bold; margin-top:18px; margin-left:360px;}

.mk96_main_2 { width:890px; height:320px; margin:0 auto; background-image:url(../image/yx/wkzx/bg-mk96_main_2.png); position:relative;}
.mk96_main_2 .text_item_1 { color:#ffffff; font-size:16px; line-height:20px; text-align: center; padding:35px 0;}
.mk96_main_2 .text_item_2 { color:#ffe400; font-size:32px; line-height:54px; text-align: center; font-weight:bold; width:194px; padding: 0 7px 34px 0; background-image:url(../image/yx/wkzx/p-mk96_main_2-1.png); position:absolute; right:-28px; top:-80px;}
.mk96_main_2 .form_wrap { width:804px; margin:0 auto;}
.mk96_main_2 .form_wrap .textbox { float:left; width:374px; margin:0 4px 10px 4px; padding: 0 8px; border:2px solid #ffffff; background-color:#FFF;}
.mk96_main_2 .form_wrap .textbox .text { padding:0; border:0; outline:none; background:none; width:100%; color:#1c9f66; font-size:18px; height:44px; line-height:44px;}
.mk96_main_2 .subbox { width:800px; margin:0 auto; padding:15px 0 0 0;}
.mk96_main_2 .subbox .submit { padding:0; border:0; outline:none; background:#ffd800; width:100%; color:#108948; font-size:36px; font-weight:bold; height:70px; border-radius:25px; cursor:pointer;}
/**/
.mk96_main_2 .form_wrap .textbox.focus { border:2px solid #00c871;}




/*动画效果统一放置*/
.mk92_main_1 .list ul li a,
.mk92_main_1 .list ul li a .zg,
.mk93_main_1 .list ul li a,
.mk93_main_2 .list ul li a,
.mk95_main_4 .text_item_4 .btn,
.mk95_main_3 td .imgbox .img {
	transition: all 0.5s; 
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.mk95_main_3  td:hover .imgbox .img {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);	
	-moz-transform: rotateY(360deg);	
}

.mk92_main_1 .list ul li a:hover,
.mk93_main_2 .list ul li a:hover {
	transform: translate(0,-20px);
	-ms-transform: translate(0,-20px);		
	-webkit-transform: translate(0,-20px);	
	-o-transform: translate(0,-20px);		
	-moz-transform: translate(0,-20px);
	box-shadow: 0 15px 32px rgba(0,0,0,0.15);
}

.mk93_main_1 .list ul li a:hover,
.mk95_main_4 .text_item_4 .btn:hover {
	transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);		
	-webkit-transform: translate(0,-5px);	
	-o-transform: translate(0,-5px);		
	-moz-transform: translate(0,-5px);
	box-shadow: 0 15px 32px rgba(0,0,0,0.15);
}