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

.marketing {}

.mark100_title { position:relative; overflow:hidden;}
.mark100_title .iconbox { font-size:0; text-align: center;}
.mark100_title .iconbox .img { font-size:0; width:0.54rem;}
.mark100_title .text_item_1 { text-align: center; width:200%; position:relative; left:-50%;}
.mark100_title .text_item_1 span { display:inline-block; color:#4b4b4b; font-size:0.36rem; line-height:0.4rem;}
.mark100_title .text_item_1 .line { width:1.15rem; position:relative;}
.mark100_title .text_item_1 .line .line_in { position:absolute; top:0.2rem; left:0; width:100%; height:0; border-bottom:1px solid #bcc1bf;}
.mark100_title .text_item_1 .text_1 { margin:0 0.16rem;}


.mark_101 { font-size:0;}
.mark_101 .img { display:block; width:100%;}


.mark_102 { height:10.6rem; background-image:url(../image/yx/wkzx/bg-mark_101-1.jpg); background-position: center center; background-size: cover; position:relative;}
.mk102_main_1 { padding:0.52rem 0 0 0;}
.mk102_main_1 .text_1 { color:#151a18; font-size:0.42rem; line-height:0.52rem; text-align: center;}
.mk102_main_1 .text_1 span { color:#179d63; font-weight:bold;}
.mk102_main_2 { position:relative; margin:0.42rem 0 0 0;}
.mk102_main_2 .text_item_1 { position:absolute; top:-4px; left:0; width:100%;}
.mk102_main_2 .text_item_1 .text_1 { position:absolute; top:-0.1rem; left:0; width:100%; color:#ff5400; font-size:0.32rem; line-height:0.36rem; text-align: center; font-weight:bold;}
.mk102_main_2 .text_item_1 .line_1 { width:3.1rem; height:0.12rem; background-color:#ffffff; margin:0 auto;}
.mk102_main_2 .text_item_2 { margin:0 0.16rem; padding:0.24rem 0 0.06rem 0; border:1px solid #179d63; border-radius:0.42rem;}
.mk102_main_2 .text_item_2 .text_1 { color:#1c2218; font-size:0.2rem; line-height:0.34rem; text-align: center;}
.mk102_main_2 .text_item_2 .text_1 span.no1 { font-size: 0.24rem; color:#1c9f66; font-weight:bold;}
.mk102_main_2 .text_item_2 .text_1 span.no2 { font-size: 0.24rem; color:#ff5400; font-weight:bold;}
.mk102_main_3 { position:absolute; top:4.12rem; right:0.72rem; display:block; width:4rem; height:0.67rem; color:#ffffff; font-size:0.22rem; line-height:0.66rem; text-align: center; background-image:url(../image/yx/wkzx/p-mk102-1-1.png); background-size:100%;}
.mk102_main_4 { position:absolute; top:5.3rem; left:0.76rem; width:5.62rem; height:3.24rem; padding:0.08rem 0.06rem 0.51rem 0.06rem; background-image:url(../image/yx/wkzx/p-mk102-1-2.png); background-size:100%;}
.mk102_main_4 .videowrap { height:100%; position:relative;}
.mk102_main_4 .videowrap .videobox { position:absolute !important; z-index:99; top:0; left:0; width:100%; height:100%;}
.mk102_main_4 .videowrap .videobox+.videobox { z-index:5;}
.mk102_main_5 { position:absolute; left:0.38rem; right:0.38rem; bottom:0.32rem; border:1px solid #179d63; background-color:rgba(255,255,255,0.7); border-radius:0.2rem;}
.mk102_main_5 .img { position:absolute; left:0.16rem; top:0.12rem; width:0.63rem; height:0.72rem;}
.mk102_main_5 .text_1 { padding: 0.08rem 0.14rem 0.06rem 0.84rem; color:#252525; font-size:0.2rem; line-height:0.28rem;}
.mk102_main_5 .text_1 span { color:#179d63; font-weight:bold;}


.mark_103 { background-color:#FFF;}
.mark_103 .mark100_title .iconbox { padding:0.2rem 0 0.06rem 0;}
.mk103_main_1 { width:6.6rem; margin:0 auto; padding:0.32rem 0 0.9rem 0;}
#mk103_main_1 { padding-bottom:0.52rem;}
#mk103_main_1 .slides {}
#mk103_main_1 .slides li {}
#mk103_main_1 .slides li a { float:left; display:block; width:3.1rem; height:4.36rem; font-size:0; position:relative;}
#mk103_main_1 .slides li a+a { float:right;}
#mk103_main_1 .slides li a .img { width:100%; height:100%;}
#mk103_main_1 .slides li a .textbox { position:absolute; left:0; bottom:0; right:0; padding: 0.14rem 0.08rem 0.12rem 0.08rem; background-color:rgba(28,159,102,0.8);}
#mk103_main_1 .slides li a .textbox .text_1 { color:#ffffff; font-size:0.28rem; line-height:0.32rem; margin-left:0.06rem;}
#mk103_main_1 .slides li a .textbox .text_2 { color:#ffffff; font-size:0.18rem; line-height:0.28rem; height:1.12rem; margin-top:0.12rem;}
#mk103_main_1 .flex-control-nav li {margin:0 0.1rem;}
#mk103_main_1 .flex-control-paging li a { width: 0.4rem; height: 0.2rem; background-color:#696969; border-radius:0.04rem;}
/**/#mk103_main_1 .flex-control-paging li a.flex-active { width:0.56rem; background-color:#1c9f66;}


.mark_104 { background-image:url(../image/yx/wkzx/bg-mark_104-1.jpg); background-position: center center; background-size: cover;}
.mark_104 .mark100_title .iconbox { padding:0.26rem 0 0.1rem 0;}
.mk104_main { padding: 0.74rem 0.14rem 0 0.14rem;}
.mk104_title { padding-bottom:0.18rem;}
.mk104_title .text_1 { color:#1c9f66; font-size:0.28rem; line-height:0.32rem;}
.mk104_title .text_1 span { color:#444843;}
.mk104_main_1 {}
.mk104_main_1 .mainbox {}
.mk104_main_1 .mainbox .item { float:left; width:3.5rem; margin-bottom:0.12rem;}
.mk104_main_1 .mainbox .item .inbox { background-color:#FFF; padding:0.12rem 0.12rem 0.1rem 0.12rem;}
.mk104_main_1 .mainbox .item:nth-child(2n) { float:right;}
.mk104_main_1 .mainbox .item table { table-layout:fixed;}
.mk104_main_1 .mainbox .item table .td_1 { width:0.6rem;}
.mk104_main_1 .mainbox .item .text_1 { width:0.56rem; color: #ffffff; font-size:0.2rem; font-weight:bold; line-height:0.56rem; text-align: center; background-color:#1c9f66; border-radius:50%;}
.mk104_main_1 .mainbox .item .text_2 { color:#1c9f66; font-size:0.2rem; font-weight:bold;}
.mk104_main_1 .mainbox .item .text_3 { color:#545454; font-size:0.18rem; line-height:0.28rem; margin-top:0.04rem;}
.mk104_main_1 .mainbox .item.wid2 { float:none; width:auto; clear:both;}
.mk104_main_1 .mainbox .item.wid2 .inbox { padding-top:0.15rem; padding-bottom:0.15rem;}
.mk104_main_1 .mainbox .item.wid2 table .td_1 { width:0.8rem;}
.mk104_main_1 .mainbox .item.wid2 .text_1 { width:0.64rem; line-height:0.64rem;}
.mk104_main_2 { padding:0.28rem 0 0 0;}
.mk104_main_2 .list {}
.mk104_main_2 .list ul {}
.mk104_main_2 .list ul li { float:left; padding-bottom:0.25rem;}
.mk104_main_2 .list ul li:nth-child(2n) { float:right;}
.mk104_main_2 .list ul li a { display:block; width:3rem; height:2.68rem; font-size:0; border:0.18rem solid #FFF;}
.mk104_main_2 .list ul li a .img { width:100%; height:100%;}


.mk105_mk106 { background-image:url(../image/yx/wkzx/bg-mark_105_106-1.jpg); background-position: center center; background-size:cover;}

.mark_105 { height:8.16rem;}
.mark_105 .mark100_title .iconbox { padding:0.28rem 0 0.06rem 0;}
.mk105_main_1 { padding: 0.18rem 0.16rem 0 0.16rem;}
#mk105_main_1 { padding-bottom:0.44rem;}
#mk105_main_1 .slides {}
#mk105_main_1 .slides li {}
#mk105_main_1 .slides li a { display:block;}
#mk105_main_1 .slides li a .text_item_1 { padding:0 0.2rem; background-color:#1c9f66;}
#mk105_main_1 .slides li a .text_item_1 .text_1 { color:#ffffff; font-size:0.28rem; line-height:0.6rem; font-weight:bold;}
#mk105_main_1 .slides li a .text_item_2 { padding:0.12rem 0.1rem; background-color:#e7e5e3;}
#mk105_main_1 .slides li a .text_item_2 .text_1 { color:#545454; font-size:0.18rem; line-height:0.28rem; height:0.84rem;}
#mk105_main_1 .flex-control-nav li {margin:0 0.1rem;}
#mk105_main_1 .flex-control-paging li a { width: 0.4rem; height: 0.2rem; background-color:#696969; border-radius:0.04rem;}
/**/#mk105_main_1 .flex-control-paging li a.flex-active { width:0.56rem; background-color:#1c9f66;}


.mark_106 { height:9.47rem; position:relative; overflow:hidden;}
.mk106_main_1 { text-align: center; padding:0.56rem 0 0 0;}
.mk106_main_1 .text_1 { color:#fff8a5; font-size:0.36rem; line-height:0.4rem;}
.mk106_main_1 .text_2 { color:#ffffff; font-size:0.18rem; line-height:0.24rem; margin-top:0.12rem;}
.mk106_main_2 { position:absolute; top:1.44rem; left:0; width:6.97rem; height:4.16rem; padding:0.23rem 0.33rem 0.41rem 0.2rem; background-image:url(../image/yx/wkzx/bg-mk106_main_2-1.png); background-size:100%;}
.mk106_main_2 .inbox { position:relative; height:100%;}
.mk106_main_2 .text_item_1 { position:absolute; top:0.38rem; left:0.24rem; color:#ffffff; font-size:0.36rem; line-height:0.4rem; font-weight:bold;}
.mk106_main_2 .text_item_2 { position:absolute; top:0.38rem; right:0; width:3.34rem;}
.mk106_main_2 .text_item_2 p { float:left;}
.mk106_main_2 .text_item_2 .text_1 { color:#ffffff; font-size:0.24rem; line-height:0.28rem; font-weight:bold; padding:0.05rem 0 0 0;}
.mk106_main_2 .text_item_2 .text_2 { color:#ffffff; font-size:0.28rem; line-height:0.4rem;}
.mk106_main_2 .text_item_2 .text_2 span { color:#fff957; font-family:Arial; font-weight:bold;}
.mk106_main_2 .text_item_3 { position:absolute; left:0.24rem; right:0.24rem; top:1.3rem;}
.mk106_main_2 .text_item_3 .text_1 { color:#ffffff; font-size:0.18rem; line-height:0.28rem;}
.mk106_main_2 .btnbox { position:absolute; font-size:0; left:1rem; bottom:0.68rem;}
.mk106_main_2 .btnbox .btn { display:inline-block; width:2.14rem; line-height:0.6rem; text-align: center; margin-right:0.16rem; font-size:0.22rem; border-radius:0.3rem;}
.mk106_main_2 .btnbox .btn_1 { color:#1c9f66; font-weight:bold; background-color:#ffe400;}
.mk106_main_2 .btnbox .btn_2 { color:#ffffff; background-color:#22ca81;}
.mk106_main_3 { position:absolute; left:0.26rem; bottom:2.6rem; text-align: center; font-size:0;}
.mk106_main_3 .img { width:0.37rem;}
.mk106_main_3 .text_1 { color:#ffffff; font-size:0.28rem; line-height:0.32rem; margin-top:0.06rem; font-weight:bold;}
.mk106_main_4 { position:absolute; left:0.13rem; bottom:0.4rem; right:0.58rem; font-size:0;}
.mk106_main_4 .img { width:100%;}



.mark_107 { position:relative; height:6.7rem; background-image:url(../image/yx/wkzx/bg-mark_107-1.jpg); background-position: center center; background-size:cover;}
.mk107_main_1 { padding:0.64rem 0 0 0;}
.mk107_main_1 .text_1 { color:#484949; font-size:0.32rem; line-height:0.36rem; font-weight:bold; padding-left:1.86rem;}
.mk107_main_1 .text_2 { color:#1c9f66; font-size:0.32rem; line-height:0.36rem; font-weight:bold; padding-left:1.7rem; margin-top:0.2rem;}
.mk107_main_2 { position:absolute; left:0.16rem; right:0.16rem; bottom:0.72rem; padding:0.32rem 0 0.16rem 0; background:url(../image/yx/wkzx/bg-mk107_main_2-1.png) repeat; border-radius:0.25rem;}
.mk107_main_2 .text_item_1 { color:#ffffff; font-size:0.18rem; line-height:0.28rem; text-align: center;}
.mk107_main_2 .text_item_2 { position:absolute; top:-0.82rem; right:-0.1rem; color:#ffe400; font-size:0.32rem; line-height:0.54rem; font-weight:bold; text-align: center; width:2rem; height:0.9rem; background-image:url(../image/yx/wkzx/bg-mk107_main_2-2.png); background-size:100%;}
.mk107_main_2 .formbox { margin-top:0.24rem; padding: 0 0.4rem;}
.mk107_main_2 .formbox .textbox { float:left; width:3rem; padding-bottom:0.2rem;}
.mk107_main_2 .formbox .textbox:nth-child(2n) { float:right;}
.mk107_main_2 .formbox .textbox .text { width: 100%; height:calc(0.44rem + 2px); padding: 0 8px; outline:none; color:#1c9f66; font-size:0.18rem; line-height:0.44rem; border:2px solid #FFF;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mk107_main_2 .formbox .textbox .text:focus { border:2px solid #00c871;}

.mk107_main_2 .subbox { margin:0 0.4rem;}
.mk107_main_2 .subbox .submit { padding:0; border:0; outline:none; background:#ffd800; width:100%; height:0.7rem; color:#108948; font-size:0.36rem; text-align:center; font-weight:bold; border-radius:0.25rem;}

				/*12.09新增动画效果*/
.mk102_main_3 {
animation: animete_01 1s linear 0.15s infinite alternate;
-moz-animation: animete_01 1s linear 0.15s infinite alternate;
-webkit-animation: animete_01 1s linear 0.15s infinite alternate;
-o-animation: animete_01 1s linear 0.15s infinite alternate;
}

@keyframes animete_01
{
    0% { transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1);}
    50% {  transform: scale(0.95,0.95); -ms-transform: scale(0.95,0.95); -webkit-transform: scale(0.95,0.95); -o-transform: scale(0.95,0.95);	-moz-transform: scale(0.95,0.95);}
	100% { transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1);}
}
 
@-webkit-keyframes myfirst
{
    0% { transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1);}
    50% {  transform: scale(0.95,0.95); -ms-transform: scale(0.95,0.95); -webkit-transform: scale(0.95,0.95); -o-transform: scale(0.95,0.95);	-moz-transform: scale(0.95,0.95);}
	100% { transform: scale(1,1); -ms-transform: scale(1,1); -webkit-transform: scale(1,1); -o-transform: scale(1,1); -moz-transform: scale(1,1);}
}