
.coating_banner{width: 100%;height: 959px;background: url('../img/coating_banner.jpg') no-repeat center top;position: relative;overflow: hidden;}
.coating_banner .name{width: 970px;margin: 387px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_banner .name img{display: block;width: 100%;}
.coating_info{padding: 230px 0 100px;}
.coating_txt{width: 653px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_txt .name{font-size: 44px;line-height: 64px;text-align: center;color: #000;}
.coating_txt .txt{font-size: 18px;color: #000;text-align: center;line-height: 32px;margin-top: 12px;}
.coating_info .pic{width: 279px;margin: 70px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_info .pic img{display: block;width: 100%;}
.coating_point{padding: 210px 0 180px;background: #f2f2f2;}
.coating_point .pic{width: 1180px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_point .pic img{display: block;width: 100%;}
.coating_data{width: 100%;height: 652px;background: #a0a0a0;}
.coating_data .pic{width: 44.8%;height: 652px;background: url('../img/coating_data.jpg') no-repeat center center;background-size: cover;float: left;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.coating_data .main{width: 55.2%;height: 652px;float: right;overflow: hidden;}
.coating_data .main .txt{width: 870px;height: 486px;background: url('../img/coating_data.png') no-repeat center center;background-size: 100%;margin-top: 89px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.coating_handle{padding: 205px 0 90px;}
.coating_handle .container{width: 1486px;position: relative;z-index: 0;}

.coating_handle .pic{position: absolute;left: 0;top: 0;width: 563px;height: 529px;background: url('../img/coating_handle_pic1.jpg') no-repeat;background-size: 100%;z-index: 10;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.coating_handle .title{margin-left: 563px;width: 170px;height: 286px;background: url('../img/coating_handle_pic2.jpg') no-repeat;background-size: 100%;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.coating_handle .txt{margin-left: 375px;width: 1113px;height: 515px;background: url('../img/coating_handle_pic3.jpg') no-repeat;background-size: 100%;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_line{width: 58.23%;height: 142px;background: #008068;margin-bottom: 180px;border:1px solid #55aa9a;border-left: none;}
.coating_notice .title{font-size: 44px;color: #000;text-align: center;line-height: 64px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_notice .line{width: 95px;height: 3px;border:1px solid #66b3a4;background: #008068;margin: 40px auto 66px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_notice .pic{width: 1150px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_notice .pic img{display: block;width: 100%;}
.coating_more{display: block;width: 106px;text-align: center;font-size: 28px;line-height: 48px;margin: 113px auto 276px;color: #000;}
/*2018.10.31--coating_bespoke*/
.coating_bespoke{position: fixed;left: 0;bottom: 0;width: 100%;height: 100px;z-index: 101;background: url('../img/lastbottom2018.10.31.png') no-repeat center top;}
.coating_bespoke .container{width: 935px;margin: 0 0 0 -253px;position: absolute;left: 50%;top: 0;}
.coating_bespoke .pic{display: none;}
.coating_bespoke .main{width: 100%;padding-top: 32px;}
.coating_bespoke .main .name{font-size: 16px;line-height: 36px;margin-bottom: 12px;color: #fff;display: none;}
.coating_bespoke .main .con {position: relative;z-index: 0;}
.coating_bespoke .main .con .bespoke_text{display: block;float: left;width: 200px;height: 43px;background: #fff;border:none;box-sizing: border-box;margin-right: 6px;padding: 0 20px;font-size: 17px;color: #a9a9a9;position: relative;z-index: 10;}
.coating_bespoke .main .con .bespoke_phone{width: 182px;}
.bespoke_select{position: relative;z-index: 10;width: 142px;height: 43px;background: #fff;float: left;margin-right: 6px;}
.bespoke_select p{padding: 0 33px 0 19px;font-size: 17px;color: #a9a9a9;line-height: 43px;background: url('../images/coating_arrow.png') no-repeat 110px center;cursor: pointer;}
.bespoke_select ul{position: absolute;left: 0;bottom: 43px;background: #fff;z-index: 20;display: none;width: 100%;overflow-y: scroll;max-height: 215px;}
.bespoke_select ul li{padding: 0 19px;font-size: 17px;color: #a9a9a9;line-height: 43px;cursor: pointer;}
/*2018.10.31*/
.coating_bespoke .main .con .bespoke_btn{position: absolute;display: block;width: 245px;padding-left: 2px;height: 57px;background: #8cc037;box-sizing: border-box;right: 0;bottom: -7px;z-index: 5;font-size: 20px;color: #fff;border:none;}

@media only screen and (max-width:1440px) {
.coating_bespoke{height: 94px;background-size: 1440px 94px;}
.coating_bespoke .container{width: 700px;margin-left: -190px;}
.coating_bespoke .main{padding-top: 33px;}
.coating_bespoke .main .con .bespoke_text{width: 147px;height: 32px;font-size: 14px;margin-right: 4px;}
.coating_bespoke .main .con .bespoke_phone{width: 135px;}
.bespoke_select{width: 108px;height: 32px;margin-right: 4px;}
.bespoke_select p{font-size: 14px;padding: 0 12px;background-position: 82px center;line-height: 32px;background-size: 12px 8px;}
.bespoke_select ul{bottom: 32px;max-height: 160px;}
.bespoke_select ul li{padding: 0 12px;font-size: 14px;line-height: 32px;}
.coating_bespoke .main .con .bespoke_btn{width: 184px;height: 44px;bottom: -6px;padding-left: 25px;font-size: 18px;}
}


.coating_wood_banner{background-image: url('../img/coating_wood_banner.jpg');}
.coating_wood_banner .name{width: 1212px;margin-top: 380px;}
.coating_wood_info .pic{width: 412px;}
.coating_wood_pic{width: 100%;height: 624px;background: #e4e4e4;overflow: hidden;}
.coating_wood_pic .pic{width: 1160px;-webkit-transform: translateX(40px);transform: translateX(40px);float: right;}
.coating_wood_pic .pic img{display: block;width: 100%;}
.coating_wood_point .picL{width: 50%;float: left;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.coating_wood_point .picR{width: 50%;float: right;-webkit-transform: translateX(40px);transform: translateX(40px);}
.coating_wood_point img{display: block;width: 100%;}
.coating_wood_data{margin-bottom: 18px;}
.coating_wood_data .pic{width: 32.5%;height: 653px;background: url('../img/coating_wood_pic6.jpg') no-repeat center top;float: left;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.coating_wood_data .main{width: 67.5%;height: 653px;background: #008068;overflow: hidden;float: right;}
.coating_wood_data .main .txt{margin: 112px 0 0 199px;-webkit-transform: translateX(40px);transform: translateX(40px);width: 746px;}
.coating_wood_data .main .txt img{display: block;width: 100%;}
.coating_system{padding: 112px 0 165px;background: #f2f2f2;}
.coating_system .pic{width: 1030px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_system .pic img{display: block;width: 100%;}
.coating_wood_line{margin-top: -70px;}
.coating_wood_notice .pic{width: 1109px;}

.coating_water_banner{background-image: url('../img/coating_water_banner.jpg');}
.coating_water_banner .name{width: 991px;margin-top: 380px;}
.coating_water_info .pic{width: 250px;}
.coating_water_point{padding: 173px 0 178px;background: #f2f2f2;}
.coating_water_point .pic{width: 1067px;}
.coating_water_data{position: relative;height: 750px;}
.coating_water_data .pic{width: 34.9%;height: 750px;background:url('../img/coating_water_pic4.png') no-repeat calc(100% - 295px) 145px #008068;overflow: hidden;-webkit-transform: translateX(-40px);transform: translateX(-40px);float: left;}
.coating_water_data .main{width: 65.1%;height: 750px;background: url('../img/coating_water_pic5.jpg') no-repeat center top;-webkit-transform: translateX(40px);transform: translateX(40px);float: right;}
.coating_water_data .txt{width: 1040px;height: 459px;background: url('../img/coating_water_pic6.jpg') no-repeat;position: absolute;left: 50%;margin-left: -520px;top: 145px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_water_system{padding: 186px 0 260px;background: url('../img/coating_water_pic8.jpg') no-repeat right bottom #fdfcf8;}
.coating_water_system .pic{width: 1030px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.coating_water_system .pic img{display: block;width: 100%;}
.coating_water_line{margin-top: -142px;}

.wallpaper_main img{display: block;width: 100%;}
.wallpaper_banner{width: 100%;height: 958px;background: url('../img/wallpaper_banner.jpg') no-repeat center top;position: relative;overflow: hidden;}
.wallpaper_info{padding: 300px 0;}
.wallpaper_info .pic{width: 92%;max-width: 1424px;-webkit-transform: translateY(40px);transform: translateY(40px);margin: 0 auto;}
.wallpaper_various{width: 100%;height: 803px;background: url('../img/wallpaper_pic2.jpg') no-repeat center top;padding-top: 1px;}
.wallpaper_various .pic{width: 1046px;margin: -30px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.wallpaper_snug{margin: 272px 0 238px;position: relative;}
.wallpaper_snug .picL{width: 50%;height: 860px;float: left;background: url('../img/wallpaper_pic4.jpg') no-repeat center top;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallpaper_snug .picR{width: 50%;height: 860px;float: right;background: url('../img/wallpaper_pic5.jpg') no-repeat center top;-webkit-transform: translateX(40px);transform: translateX(40px);}
.wallpaper_snug .main{position: absolute;left: 50%;width: 756px;top: 0;margin-left: -546px;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallpaper_nice{padding: 135px 0 140px;background: #e2ebf0;}
.wallpaper_nice .container{width: 92%;max-width: 1400px;}
.wallpaper_nice .pic{width: 50%;-webkit-transform: translateX(-40px);transform: translateX(-40px);float: left;}
.wallpaper_nice .main{width: 50%;-webkit-transform: translateX(40px);transform: translateX(40px);float: right;}
.wallpaper_quiet{padding: 304px 0 294px;}
.wallpaper_quiet .pic{width: 1200px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.wallpaer_app{padding: 90px 0 156px;background: #3c779a;}
.wallpaer_app .container{width: 1173px;margin: 0 auto;}
.wallpaer_app .txt{width: 500px;margin-left: 185px;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallpaer_app .pic{width: 100%;margin-top: 39px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.wallpaper_convenient{padding: 215px 0 254px;}
.wallpaper_convenient .pic{width: 1160px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}

.wallcloth_banner{background-image: url('../img/wallcloth_banner.jpg');}
.wallcloth_info{padding: 209px 0 168px;}
.wallcloth_info .container{width: 92%;max-width: 1230px;}
.wallcloth_info .pic{width: 100%;-webkit-transform: translateY(40px);transform: translateY(40px);}
.wallcloth_info .pic img{display: block;width: 100%;}
.wallcloth_savors{padding: 136px 0 166px;background: #f6f4f2;}
.wallcloth_savors .container{width: 92%;max-width: 1210px;position: relative;}
.wallcloth_savors .txt{width: 62%;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallcloth_savors .pic{position: absolute;right: 0;top: 0;width: 48%;-webkit-transform: translateX(40px);transform: translateX(40px);}
.wallcloth_savors img{display: block;width: 100%;}
.wallcloth_live{padding: 220px 0 190px;position: relative;}
.wallcloth_live .picL{width: 52%;height: 903px;float: left;background: url('../img/wallpcloth_pic4.jpg') no-repeat right center;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallcloth_live .picR{width: 48%;height: 903px;float: right;background: url('../img/wallpcloth_pic5.jpg') no-repeat left center;-webkit-transform: translateX(40px);transform: translateX(40px);}
.wallcloth_live .main{position: absolute;left: 50%;top: 260px;margin-left: -20px;width: 745px;-webkit-transform: translateY(-40px);transform: translateY(-40px);}
.wallcloth_live .main img{display: block;width: 100%;}
.wallcloth_nice{width: 100%;height: 1002px;background: url('../img/wallpcloth_pic7.jpg') no-repeat center top;overflow: hidden;}
.wallcloth_nice .container{max-width: 1200px;}
.wallcloth_nice .main{width: 614px;margin: 170px 0 0 86px;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallcloth_nice .main img{display: block;width: 100%;}
.wallcloth_easy{padding: 174px 0;}
.wallcloth_easy .container{max-width: 1240px;}
.wallcloth_easy .txt{-webkit-transform: translateX(-40px);transform: translateX(-40px);margin-bottom: 40px;}
.wallcloth_easy .pic{-webkit-transform: translateX(40px);transform: translateX(40px);margin-bottom: 232px;}
.wallcloth_easy .easy_pic{-webkit-transform: translateY(40px);transform: translateY(40px);}
.wallcloth_durable{padding: 90px 0 156px;background: #d9ccbc;}
.wallcloth_durable .main{width: 1173px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.wallcloth_durable .main img{display: block;width: 100%;}
.wallcloth_wrinkle{padding: 152px 0 320px;}
.wallcloth_wrinkle .container{width: 1200px;}
.wallcloth_wrinkle .pic{width: 50%;float: left;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallcloth_wrinkle .txt{width: 50%;float: right;-webkit-transform: translateX(40px);transform: translateX(40px);}
.wallcloth_wrinkle img{display: block;width: 100%;}

.wallcloth_main img{display: block;width: 100%;}
.wallseamless_banner{background-image: url('../img/wallseamless_banner.jpg');}
.wallseamless_info{padding: 235px 0 224px;}
.wallseamless_info .pic{width: 1085px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.wallseamless_stitch{width: 100%;height: 816px;background: url('../img/wallseamless_pic2.jpg') no-repeat center top;overflow: hidden;}
.wallseamless_stitch .pic{margin: 174px 144px 0 0;float: right;width: 878px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.wallseamless_reduce{padding: 230px 0 218px;}
.wallseamless_reduce .container{width: 92%;max-width: 1244px;}
.wallseamless_reduce .pic{-webkit-transform: translateY(40px);transform: translateY(40px);}
.wallseamless_durable{width: 100%;height: 816px;background: url('../img/wallseamless_pic5.jpg') no-repeat center top;overflow: hidden;}
.wallseamless_durable .container{width: 1200px;}
.wallseamless_durable .main{width: 732px;-webkit-transform: translateX(-40px);transform: translateX(-40px);margin: 170px 0 0 80px;}
.wallseamless_safe{padding: 262px 0 329px;}
.wallseamless_safe .container{max-width: 1235px;width: 92%;}
.wallseamless_safe .txt{-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallseamless_safe .pic{-webkit-transform: translateX(40px);transform: translateX(40px);}
.wallcloth_transport{width: 100%;height: 633px;background: url('../img/wallseamless_pic9.jpg') no-repeat center top;position: relative;}
.wallcloth_transport .main{position: absolute;left: 50%;top: 146px;margin-left: -20px;width: 758px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.wallcloth_wrinkle{padding: 305px 0 315px;}
.wallcloth_wrinkle .container{width: 92%;max-width: 1400px;}
.wallcloth_wrinkle .txt{width: 51.42%;float: left;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.wallcloth_wrinkle .pic{width: 48.58%;float: right;-webkit-transform: translateX(40px);transform: translateX(40px);}

.veneer_main img{display: block;width: 100%;}
.veneer_banner{background-image: url('../img/veneer_banner.jpg');}
.veneer_banner .name{width:881px;margin: 358px auto 0;}
.veneer_info .pic{width: 397px;}
.veneer_natural{width: 100%;height: 810px;background: url('../img/veneer_pic3.jpg') no-repeat center top;overflow: hidden;}
.veneer_natural .pic{width: 1160px;margin: 300px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_rich{padding: 160px 0 136px;background: #f2f2f2;}
.veneer_rich .container{width: 1095px;margin: 0 auto;}
.veneer_rich .txt{-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.veneer_rich .pic{-webkit-transform: translateX(40px);transform: translateX(40px);}
.veneer_rich .rich_txt{-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_adv{width: 100%;height: 282px;background: url('../img/veneer_pic8.jpg') no-repeat center top;overflow: hidden;}
.veneer_adv .txt{width: 1178px;margin: 92px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_cost {padding: 172px 0 105px;}
.veneer_cost .container{width: 1200px;}
.veneer_cost .txt{width: 1043px;margin: 0 auto;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.veneer_cost .pic{width: 486px;margin: 62px auto 0;-webkit-transform: translateX(40px);transform: translateX(40px);}
.veneer_trend{width: 100%;height: 690px;background: url('../img/veneer_pic11.jpg') no-repeat center top;overflow: hidden;}
.veneer_trend .txt{width: 1160px;margin: 250px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_system{padding-top: 135px;}
.veneer_system .container{width: 1200px;}
.veneer_system .title{font-size: 44px;color: #000;line-height: 64px;margin-bottom: 54px;text-align: center;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_system .pic{width: 848px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}

.veneer_dyeing_banner{background-image: url('../img/veneer_dyeing_banner.jpg');}
.veneer_dyeing_banner .name{width: 881px;margin-top: 420px;}
.veneer_dyeing_info .pic{width: 197px;}
.veneer_dyeing_merit{width: 100%;height: 298px;background: url('../img/veneer_dyeing_pic3.jpg') no-repeat center top;overflow: hidden;}
.veneer_dyeing_merit .pic{width: 186px;margin: 104px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_dyeing_adv{padding: 202px 0 97px;background: #f2f2f2;}
.veneer_dyeing_adv .pic1{width: 1067px;margin: 0 auto 85px;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.veneer_dyeing_adv .pic2{width: 1067px;margin: 0 auto 85px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.veneer_dyeing_handy{width: 100%;height: 1106px;background: url('../img/veneer_dyeing_pic8.jpg') no-repeat center top;overflow: hidden;}
.veneer_dyeing_handy .txt{margin: 96px auto 0;width: 865px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_dyeing_handy .pic{width: 560px;margin: 398px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_dyeing_equipment{padding-top: 140px;}
.veneer_dyeing_equipment .txt{width: 1200px;margin:0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}

.veneer_native_banner{background-image: url('../img/veneer_native_banner.jpg');}
.veneer_native_banner .name{width: 881px;margin-top: 423px;}
.veneer_native_info .pic{width: 549px;}

.veneer_native_lowkey{width: 100%;height: 808px;background: url('../img/veneer_native_pic3.jpg') no-repeat center top;overflow: hidden;}
.veneer_native_lowkey .pic{margin:273px auto 0;width: 1051px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_native_high{padding: 160px 0 175px;background: #f2f2f2;}
.veneer_native_high .container{width: 1200px;}
.veneer_native_high .txt{-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.veneer_native_high .txt h3{font-size: 44px;color: #000;line-height: 64px;text-align: center;margin-bottom: 20px;font-weight: normal;}
.veneer_native_high .txt p{font-size: 18px;color: #000;line-height: 38px;text-align: center;}
.veneer_native_high .txt .high_line{margin: 40px auto 35px;width: 95px;height: 4px;background: #008068;}
.veneer_native_high .pic{width: 1067px;margin: 120px auto 115px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.veneer_native_protection{width: 100%;height: 281px;background: url('../img/veneer_native_pic6.jpg') no-repeat center top;overflow: hidden;}
.veneer_native_protection .txt{width: 600px;margin: 84px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.veneer_native_protection .txt h3{font-size: 44px;color: #fff;line-height: 64px;text-align: center;margin-bottom: 20px;font-weight: normal;}
.veneer_native_protection .txt p{font-size: 18px;color: #fff;line-height: 38px;margin-top: 8px;text-align: center;}
.veneer_native_art{padding-top: 140px;}
.veneer_native_art .txt{width: 1200px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}

.lock_banner{background-image: url('../img/lock_banner.jpg');}
.lock_banner .name{width: 1164px;margin-top: 364px;}
.lock_info .pic{width: 1112px;}
.lock_info .coating_txt{width: 1200px;}
.lock_feature{width: 100%;height: 324px;background: url('../img/lock_pic3.jpg') no-repeat center top;overflow: hidden;}
.lock_feature .txt{width: 199px;margin: 110px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.lock_main {padding: 105px 0 160px;background: #f5f5f5;}
.lock_main .container{width: 92%;max-width: 1500px;min-width: 1200px;}
.lock_main .top{-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.lock_main .title{font-size: 44px;line-height: 64px;text-align: center;color: #000;margin-bottom: 12px;}
.lock_main .txt{font-size: 18px;color: #000;line-height: 30px;margin-bottom: 20px;text-align: center;}
.lock_main .line{width: 96px;height: 4px;background: #008068;margin: 38px auto 38px;}
.lock_main .pic{margin: 60px auto 50px;width: 1067px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.lock_main .middle{-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.lock_main .md_pic{height: 629px;box-sizing: border-box;padding: 117px calc(50% - 512px) 0;overflow: hidden;background: url('../img/lock_pic6.jpg') no-repeat center top;-webkit-transform: translateY(40px);transform: translateY(40px);}
.lock_main .pic1{float: left;width: 457px;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.lock_main .pic2{float: right;width: 457px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.lock_main .bot_txt{width: 705px;margin: 113px auto 140px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.lock_main .l_title{width: 100%;height: 93px;background: url('../img/lock_pic10.png') no-repeat center top;-webkit-transform: translateY(40px);transform: translateY(40px);margin-bottom: 187px;}
.lock_main .bot_pic{width: 954px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.lock_safe{width: 100%;height: 689px;background: url('../img/lock_pic12.jpg') no-repeat center top;}
.lock_safe .title{font-size: 44px;color: #fff;line-height: 64px;text-align: center;padding: 128px 0 44px;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.lock_safe .pic{width: 1160px;margin: 0 auto;-webkit-transform: translateX(40px);transform: translateX(40px);}

.lock_handle_banner{background-image: url('../img/lock_handle_banner.jpg');}
.lock_handle_banner .name{width: 639px;margin-top: 460px;}
.lock_handle_info .pic{width: 832px;}
.handle_cosy{width: 100%;height: 324px;background: url('../img/lock_handle_pic3.jpg') no-repeat center top;overflow: hidden;}
.handle_cosy .main{-webkit-transform: translateY(40px);transform: translateY(40px);margin-top: 100px;}
.handle_cosy .main .title{font-size: 44px;line-height: 64px;text-align: center;color: #fff;margin-bottom: 10px;}
.handle_cosy .main p{font-size: 18px;line-height: 38px;text-align: center;color: #fff;}
.handle_door{padding: 105px 0 1px;background: #f5f5f5;position: relative;z-index: 10;}
.handle_door .txt{-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.handle_door .txt .title{font-size: 44px;color: #000;line-height: 64px;text-align: center;}
.handle_door .txt .line{width: 94px;margin: 38px auto 36px;height: 4px;background: #008068;}
.handle_door .txt p{font-size: 18px;color: #000;line-height: 38px;text-align: center;}
.handle_door .pic{width: 1067px;margin: 0 auto 186px;-webkit-transform: translateX(40px);transform: translateX(40px);}
.handle_door .l_title{width: 100%;height: 94px;margin-bottom: -8px;background: url('../img/lock_handle_pic5.png') no-repeat center top;-webkit-transform: translateY(40px);transform: translateY(40px);}
.handle_display{padding-top: 145px;background: none;z-index: 5;position: relative;}
.handle_display .pic{width: 92%;max-width: 1634px;min-width: 1200px;margin: 0 auto 104px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.handle_display ul{width: 1126px;margin: 0 auto;position: relative;z-index: 20;}
.handle_display ul li{width: 537px;height: 250px;border:1px solid #bbb;margin: 0 24px 55px 0;float: left;background: #fff;}
.handle_display ul li:hover{background: #eee;}
.handle_display ul li.liL{-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.handle_display ul li.liR{-webkit-transform: translateX(40px);transform: translateX(40px);}
.handle_display .bg{width: 100%;height: 380px;background: url('../img/lock_handle_pic11.jpg') no-repeat center top;margin: 63px 0 115px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.handle_product{background: #eee;position: relative;z-index: 0;margin-top: -120px;padding: 145px 0 105px;}
.handle_product .pic1{width: 1130px;margin: 0 auto 85px;-webkit-transform: translateY(40px);transform: translateY(40px);}
.handle_product .pic2{width: 877px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}

.lockset_banner{background-image: url('../img/lockset_banner.jpg');}
.lockset_banner .name{width: 659px;margin-top: 412px;}
.lockset_cosy{background-image: url('../img/lockset_pic3.jpg');}
.lockset_plan .pic{margin-top: 90px;}
.lockset_display{padding: 130px 0;}
.lockset_display .txt{width: 414px;margin: 0 auto 95px;-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.lockset_display .pic{width: 1000px;margin: 0 auto;-webkit-transform: translateX(40px);transform: translateX(40px);}
.lockset_fashion{width: 100%;height: 584px;background: url('../img/lockset_pic7.jpg') no-repeat center top;overflow: hidden;}
.lockset_fashion .txt{width: 414px;margin: 196px auto 0;-webkit-transform: translateY(40px);transform: translateY(40px);}
.lockset_product{padding: 122px 0 130px;}
.lockset_product .pic{-webkit-transform: translateY(40px);transform: translateY(40px);width: 1008px;margin: 0 auto;}
.lockset_flex{padding: 30px 0 20px;background: #eee;}
.lockset_flex .txt{width: 415px;margin: 0 auto;-webkit-transform: translateY(40px);transform: translateY(40px);}
.lockset_more{margin: 30px auto 120px;}

.forest_main {overflow: hidden;}
.forest_main .pic img{display: block;width: 100%;}
.forest_main .pic1,.forest_main .pic4,.forest_main .pic7{-webkit-transform: translateY(40px);transform: translateY(40px);}
.forest_main .pic2,.forest_main .pic5,.forest_main .pic8{-webkit-transform: translateX(-40px);transform: translateX(-40px);}
.forest_main .pic3,.forest_main .pic6{-webkit-transform: translateX(40px);transform: translateX(40px);}

.el{transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;opacity: 0;}
.fadeMove{-webkit-transform: translate3d(0px,0px,0px) !important; transform: translate3d(0px,0px,0px) !important;opacity: 1 !important;}

