@charset "utf-8";

/*	百度地图	*/
.bdmap{ height: 500px;}
.bdmap-list{}
.bdmap-list-item{}
.bdmap-list-item.cur{}
.bdmap-sync{}
.bdmap-sync-item{}
.bdmap-sync-item.act{}
.bdmap-info{ position: fixed; left: 0; top: 0; visibility: hidden; overflow: hidden; z-index: -9999;}
.bdmap-info-item{ width: 300px;}
.tangram-suggestion-main{ z-index: 1;}

/*	弹窗	*/
.pop-alert .pop-dialog{ width: 500px; height: 350px; background-color: #fff; z-index: 1;}

/*	视频	*/
.video{ min-width: 100%; min-height: 100%;}
.video-box{ position: relative; height: 600px;}
.video-box .vjs-big-play-button{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer;}
.video-box .vjs-big-play-button:before{ content: '\e7a3'; position: absolute; left: 50%; top: 50%; width: 94px; border: 2px solid; border-radius: 999px; font-size: 60px; color: #fff; text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.pop-video{}
.pop-video .pop-cont{ width: 1200px; height: 676px;}
.pop-video iframe,
.pop-video video{ min-width: 100%; min-height: 100%; display: none;}
.pop-video .vjs-big-play-button{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 95px; height: 95px; background: url(../image/temp/play4.png) no-repeat; cursor: pointer;}
.pop-video .pop-close{ position: absolute; right: 0; bottom: 100%; margin-bottom: 20px; width: 50px; height: 50px; background: url(../image/temp/close.png) no-repeat; cursor: pointer;}
.pop-video.x-show iframe,
.pop-video.x-show video{ display: block;}

/* ****************************************************** */

.mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

.top-banner{ position: relative; min-width: 1300px;}
.top-banner .slick-mod{ position: relative; z-index: 1;}
.top-banner .slick-item{ overflow: hidden;}
.top-banner .slick-item img{ display: block; width: 100%;}
.top-banner .slick-item .i2{ display: none;}
.top-banner .slick-dots{ bottom: 163px;}
.top-banner .slick-current img{
	animation: exhibit 20s linear both;
}
.top-banner .fade img{
	transition: transform 1s;
	transform: scale(2);
}

.home1{ position: relative; height: 987px; background: url(../image/temp/bg2.jpg) center no-repeat;}
.home1 .head{ margin-bottom: 148px; padding-left: 50px;}
.home1 .head:before{ content: ''; position: absolute; left: 0; top: 0; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act .head:before{ height: 152px;}
.home1 .list-box{ margin: 0 5px; height: 479px;}
.home1 .list-item{ position: relative; float: left; width: 177px; height: 100%;
	-webkit-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.home1 .list-item + .list-item{ margin-left: 24px;}
.home1 .side{ height: 100%; cursor: pointer;}
.home1 .side .himg{ position: relative; width: 177px;}
.home1 .side .himg img{ position: absolute; opacity: 1;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.home1 .side .himg .i1{ position: relative;}
.home1 .side .himg .i2{ opacity: 0;}
.home1 .main{ position: absolute; left: 232px; top: 0; padding-top: 50px; width: 572px; opacity: 0; visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.home1 .main .tit{ margin-bottom: 27px; color: #b39a85;}
.home1 .main .tit .h26{ margin-bottom: 7px; font-weight: bold; letter-spacing: 0.5em; line-height: 1.2307;}
.home1 .main .tit .h12{ letter-spacing: 1em; text-transform: uppercase;}
.home1 .main .txt{ margin-bottom: 35px; color: #666;}
.home1 .main .txt .p{ word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.home1 .main .view{ position: relative; border: 1px solid #dacec5;}
.home1 .main .img{ position: relative; width: 570px; height: 203px; overflow: hidden;}
.home1 .main .img img{ display: block; width: 100%;}
.home1 .main .vd{ cursor: pointer;}
.home1 .main .vd:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 30px; height: 30px; background: url(../image/temp/play1.png) no-repeat; background-size: contain;}
.home1 .list-item.cur{ width: calc(100% - (177px * 2 + 24px * 2));}
.home1 .list-item.cur .side .himg .i1{ opacity: 0; position: absolute;}
.home1 .list-item.cur .side .himg .i2{ opacity: 1; position: relative;}
.home1 .list-item.cur .main{ opacity: 1; visibility: visible;}

.home2{ position: relative; height: 985px; color: #fff; overflow: hidden;}
.home2:after{ content: ''; position: absolute; left: 50%; top: 0; margin-left: 680px; width: 22px; height: 152px; background: url(../image/temp/bg4.png) no-repeat;}
.home2 .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover;
	animation: exhibit 20s linear infinite alternate;
}
.home2 .head{ position: absolute; top: 232px; right: 190px;}
.home2 .cont{ position: absolute; top: 390px; left: 260px; width: 600px;}
.home2 .txt{ margin-bottom: 65px;}
.home2 .txt .p{ line-height: 1.7857;}
.home2 .ul{ overflow: hidden;}
.home2 .li{ float: left; min-width: 100px; text-align: center;}
.home2 .li + .li{ margin-left: 85px;}
.home2 .li .h{ margin-bottom: 12px; line-height: 1;}
.home2 .li .b{ font-size: 68px;}
.home2 .li .u{ font-size: 28px;}

.home3{ position: relative; height: 985px; background: url(../image/temp/bg3.jpg) center no-repeat; overflow: hidden;}
.home3:before{ content: ''; position: absolute; top: 0; right: 50%; margin-right: 680px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act:before{ height: 152px;}
.home3 .head{ margin-bottom: 87px; padding-top: 83px;}
.home3 .slick-mod{}
.home3 .slick-item{ position: relative; height: 558px;}
.home3 .slick-item .img{ position: absolute; left: 0; top: 0; width: 827px; height: 493px; background: url(../image/temp/bg9.jpg); background-size: cover; overflow: hidden; z-index: 2;}
.home3 .slick-item .img img{ display: block; width: 100%;}
.home3 .slick-item .img:after{ content: ''; position: absolute; left: 50%; bottom: 15px; width: 612px; height: 60px; background: url(../image/temp/png2.png) center bottom no-repeat; background-size: contain; pointer-events: none;
	transform: translateX(-50%);
}
.home3 .slick-item .cont{ position: absolute; right: 0; bottom: 0; width: 813px; height: 459px; background: url(../image/temp/bg4.jpg) no-repeat; z-index: 1; color: #fff;}
.home3 .slick-item .box{ position: absolute; top: 90px; right: 45px; width: 350px;}
.home3 .slick-item .h28{ margin-left: 15px; margin-bottom: 20px; font-weight: bold;}
.home3 .slick-item .ul{ margin-left: 15px; margin-bottom: 80px;}
.home3 .slick-item .li{ letter-spacing: 0.2em;}
.home3 .slick-item .li + .li{ margin-top: 10px;}
.home3 .slick-item .more{ display: block; width: 156px; background: url(../image/temp/btn1.png) no-repeat; font-size: 16px; line-height: 2.5; text-align: center;}
.home3 .slick-dots{ bottom: auto; top: 100%; margin-top: 40px;}

.home4{ position: relative; padding-right: 23%;}
.home4:before{ content: ''; position: absolute; top: 0; right: 13.5%; width: 22px; height: 152px; background: url(../image/temp/bg4.png) no-repeat;}
.home4 .pad{ position: relative;}
.home4 .cont{ position: absolute; left: 100%; top: 50%; width: 451px; height: 552px; color: #fff; z-index: 3;
	-webkit-transform: translate(-43.45%, -50%);
	-ms-transform: translate(-43.45%, -50%);
	transform: translate(-43.45%, -50%);
}
.home4 .cont:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../image/temp/bg5.jpg) no-repeat; background-size: cover; z-index: 2;}
.home4 .himg{ position: absolute; top: 62px; right: 30px; z-index: 2;}
.home4 .link-box{ position: absolute; bottom: 50px; left: 50px; overflow: hidden; z-index: 2;}
.home4 .link-item{ position: relative; float: left; width: 58px; height: 167px; background: url(../image/temp/btn2.png) left no-repeat;}
.home4 .link-item + .link-item{ margin-left: 22px;}
.home4 .link-item .s{ position: absolute; left: 50%; top: 50%; width: 1em; line-height: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.home4 .link-item:hover{ background-position: right;}
.home4 .slick-mod{}
.home4 .slick-item{ position: relative;}
.home4 .slick-item .img{}
.home4 .slick-item .img img{ display: block; width: 100%;}
.home4 .slick-item .v360{ position: absolute; right: 0; bottom: 10%; width: 220px; height: 110px; background-color: #9b140d; z-index: 1;}
.home4 .slick-item .v360:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 25px; margin: auto; width: 130px; height: 40px; background: url(../image/temp/ico3.png) no-repeat; background-size: contain;}

.home5{ position: relative; padding-top: 222px; height: 951px; background: url(../image/temp/bg6.jpg) center no-repeat; overflow: hidden;}
.home5:before{ content: ''; position: absolute; top: 0; right: 50%; margin-right: 625px; width: 22px; height: 152px; background: url(../image/temp/bg4.png) no-repeat;}
.home5 .tab-mod{}
.home5 .tab-bar{ position: absolute; left: 0; top: 35px;}
.home5 .tab-term{ position: relative; padding: 36px 0; color: #b39b87; cursor: pointer;}
.home5 .tab-term:before,
.home5 .tab-term:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 14px; height: 10px; background: url(../image/temp/ico7.png) no-repeat; opacity: 0;}
.home5 .tab-term:before{ top: 0;}
.home5 .tab-term:after{ bottom: 0;}
.home5 .tab-term .h28{ width: 1em; font-weight: bold; line-height: 1.2;}
.home5 .tab-term.cur{ color: #af251c;}
.home5 .tab-term.cur:before,
.home5 .tab-term.cur:after{ opacity: 1;}
.home5 .tab-cont{ margin-left: 114px;}
.home5 .tab-item{ display: none;}
.home5 .tab-item.act{ display: block;}
.home5 .ul{ margin-bottom: 56px; overflow: hidden;}
.home5 .li{ float: left; padding: 8px; width: 382px; height: 570px; border: 1px solid #fff; background-color: #fff;
	-webkit-transition-property: border, background;
	transition-property: border, background;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.home5 .li + .li{ margin-left: 20px;}
.home5 .img{ height: 208px; border: 1px solid #dcd0c6; overflow: hidden;}
.home5 .img img{ display: block; width: 100%;}
.home5 .cont{ padding: 22px 20px;}
.home5 .cont .date{ position: relative; margin-bottom: 12px; width: 320px; height: 112px; background: url(../image/temp/bg5.png) no-repeat;}
.home5 .cont .date .d{ position: absolute; left: 4px; top: 0; width: 50px; font-size: 32px; text-align: center;}
.home5 .cont .date .y{ position: absolute; left: 65px; top: 50px; color: #b39a85;}
.home5 .cont .h18{ margin-bottom: 28px; height: 54px; font-weight: bold; overflow: hidden;}
.home5 .cont .p{ height: 84px; color: #666; letter-spacing: 0.1em; word-break: break-all; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.home5 .more{ display: block; margin: auto; width: 156px; background: url(../image/temp/btn1.png) no-repeat; font-size: 16px; line-height: 2.5; color: #fff; text-align: center;}

.home6{ position: relative; padding-top: 180px; height: 962px; overflow: hidden;}
.home6 .unit{ padding: 0 18px 0 50px; height: 308px;}
.home6 .tit{ position: relative; width: 308px; height: 100%;}
.home6 .tit .pad{ position: absolute; left: 55px; top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.home6 .tit .pad:after{ content: ''; position: absolute; left: 0; top: 108px; width: 16px; height: 28px; background: url(../image/temp/ico4.png) no-repeat;}
.home6 .tit .h30{ line-height: 1.4; color: #b39b87; font-weight: bold;}
.home6 .cont{ height: 100%; overflow: hidden;}
.home6 .cont .img{ float: left; height: 100%; overflow: hidden;}
.home6 .cont .img img{ display: block; width: 100%;}
.home6 .cont .i1{ width: 308px;}
.home6 .cont .i2{ width: 616px;}
.home6 .unit1{}
.home6 .unit1 .tit{ float: left;}
.home6 .unit2{ margin-right: 308px;}
.home6 .unit2 .tit{ float: right; background: url(../image/temp/bg8.jpg); background-size: cover; color: #fff;}
.home6 .unit2 .tit .h30{ color: #fff;}
.home6 .part{ position: absolute; overflow: hidden;}
.home6 .part img{ display: block; width: 100%;}
.home6 .part1{ top: 530px; right: 50%; margin-right: 688px; width: 362px; height: 386px;}
.home6 .part2{ top: 500px; left: 50%; margin-left: 394px; width: 565px; height: 879px;}

.t_banner{ position: relative;}
.t_banner .bg{ height: 580px; background: center no-repeat;}
.t_banner .bg img{ display: block; width: 100%;}
.t_banner .pos{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.t_banner .head{ color: #fff; text-align: center;}
.t_banner .head .h36{ letter-spacing: 0.5em;}
.t_banner .head .h28{ line-height: 1.2; letter-spacing: 0.5em; text-transform: uppercase; opacity: 0.2;}

.t_more{ display: block; margin: auto; width: 156px; background: url(../image/temp/btn1.png) no-repeat; color: #fff; line-height: 40px; text-align: center;}

.designer_list1{}
.designer_list1 .bg{ height: 400px; background: center no-repeat;}

.designer_list2{ padding: 120px 0 175px;}
.designer_list2 .list-box{ padding-bottom: 50px; margin-bottom: 155px; border-bottom: 1px dashed #e9e9e9;}
.designer_list2 .list-item{ height: 232px;}
.designer_list2 .list-item + .list-item{ margin-top: 48px;}
.designer_list2 .img{ position: relative; float: left; width: 406px; height: 100%; border: 1px solid #b39a85;}
.designer_list2 .img img{ display: block; width: 100%;}
.designer_list2 .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 64px; height: 64px; border-radius: 999px; background:  url(../image/temp/play4.png) no-repeat; background-size: contain;}
.designer_list2 .cont{ padding: 20px 40px; height: 100%; border: 1px solid transparent; border-left: 0 none; overflow: hidden;}
.designer_list2 .cont .h28{ position: relative; margin-bottom: 25px; padding-bottom: 24px;}
.designer_list2 .cont .h28:before,
.designer_list2 .cont .h28:after{ content: ''; position: absolute; left: 0; bottom: 0;}
.designer_list2 .cont .h28:before{ right: -40px; border-top: 1px dashed #e9e9e9;}
.designer_list2 .cont .h28:after{ margin-bottom: -2px; width: 5px; height: 5px; background-color: #af251c; border-radius: 999px;}
.designer_list2 .cont .h18{ margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.designer_list2 .cont .p{ height: 42px; color: #666; letter-spacing: 0.12em; word-break: break-all; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}

.news1{}
.news1 .pos{ top: 193px;}
.news1 .head{ margin-bottom: 60px;}
.news1 .tabs{ text-align: center; color: #fff;}
.news1 .tabs .tab-item{ display: inline-block; margin: 0 30px; width: 158px; background: url(../image/temp/btn3.png) left no-repeat; line-height: 41px;}
.news1 .tabs .tab-item:hover,
.news1 .tabs .tab-item.cur{ background-position: right;}
.news1 .notice{ position: absolute; left: 0; right: 0; bottom: 0; padding: 0 200px; height: 90px; background-color: rgba(255,255,255,0.9);}
.news1 .notice .h18{ position: absolute; left: 50px; top: 50%; text-transform: uppercase;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.news1 .slick-mod{ position: relative; top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.news1 .slick-item{}
.news1 .slick-item .date{ float: left; margin-right: 40px; line-height: 24px; color: #666666;}
.news1 .slick-item .h16{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news1 .slick-ctrl{ position: absolute; top: 50%; right: 50px; padding: 0 40px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.news1 .slick-arrow{ width: 25px; height: 25px; background: no-repeat;}
.news1 .slick-prev{ left: 0; background-image: url(../image/temp/prev1.png);}
.news1 .slick-next{ right: 0; background-image: url(../image/temp/next1.png);}

.news2{ padding: 130px 0 108px;}
.news2 .list-box{ margin-bottom: 115px;}
.news2 .list-item{ overflow: hidden;}
.news2 .list-item + .list-item{ margin-top: 42px;}
.news2 .list-item .img{ position: relative; float: left; width: 406px; height: 232px; border: 1px solid #d7cabe; overflow: hidden;}
.news2 .list-item .img img{ display: block; width: 100%;}
.news2 .list-item .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 64px; height: 64px; border-radius: 999px; background:  url(../image/temp/play4.png) no-repeat; background-size: contain;}
.news2 .list-item .cont{ position: relative; padding: 108px 180px 0 180px; height: 266px; border: 1px solid transparent; overflow: hidden;}
.news2 .list-item .cont:before,
.news2 .list-item .cont:after{ content: ''; position: absolute; left: 0; right: 0; height: 17px; background: url(../image/temp/bg8.png) no-repeat;}
.news2 .list-item .cont:before{ top: 0;}
.news2 .list-item .cont:after{ bottom: 0;}
.news2 .list-item .date{ position: absolute; top: 65px; left: 5px; width: 124px; height: 150px; background: url(../image/temp/bg7.png) no-repeat;}
.news2 .list-item .date .d{ position: absolute; left: 0; top: 5px; font-size: 42px; width: 64px; text-align: center;}
.news2 .list-item .date .y{ position: absolute; left: 45px; top: 100px; font-size: 18px; color: #b39a85;}
.news2 .list-item .h18{ margin-bottom: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news2 .list-item .p{ height: 42px; color: #666; letter-spacing: 0.2em; overflow: hidden;}
.news2 .list-item .img + .cont{ padding: 16px 0 0 38px; height: 232px; border-left: 0 none;}
.news2 .list-item .img + .cont:before,
.news2 .list-item .img + .cont:after{ display: none;}
.news2 .list-item .img + .cont .date{ position: relative; left: 0; top: 0; margin-bottom: 22px; width: auto; height: 73px; background-image: url(../image/temp/bg6.png);}
.news2 .list-item .img + .cont .date .d{ width: 50px; font-size: 32px;}
.news2 .list-item .img + .cont .date .y{ left: 65px; top: 48px; font-size: 14px;}
.news2 .list-item .img + .cont .h18,
.news2 .list-item .img + .cont .p{ margin: 0 20px 0 10px;}

.news-recommend{ position: relative; padding-top: 118px; height: 758px; background: url(../image/temp/bg11.jpg) center no-repeat;}
.news-recommend:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; margin-top: -20px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.news-recommend.xr_act:before{ height: 112px;}
.news-recommend .h36{ margin-bottom: 95px; text-align: center;}
.news-recommend .list-box{ overflow: hidden;}
.news-recommend .list-item{ float: left; width: 612px; border: 1px solid #b29e84;}
.news-recommend .list-item + .list-item{ float: right;}
.news-recommend .list-item .img{ height: 232px; overflow: hidden;}
.news-recommend .list-item .img img{ display: block; width: 100%;}
.news-recommend .list-item .h26{ padding: 20px; background-color: #f2efec; border-top: 1px solid #b29e84; text-align: center; letter-spacing: 0.2em;}

.designer1{}
.designer1 .pos{ top: 205px;}
.designer1 .head .p{ margin-top: 82px; letter-spacing: 0.2em;}

.designer2{ position: relative; padding-top: 120px; height: 800px; background: url(../image/temp/bg12.jpg) center no-repeat;}
.designer2:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.designer2:before{ height: 75px;}
.designer2 .head{ margin-bottom: 42px; text-align: center;}
.designer2 .list-box{ text-align: center; font-size: 0;}
.designer2 .list-item{ position: relative; display: inline-block; margin: 0 14px; padding-top: 35px; width: 124px; height: 341px; background: url(../image/temp/bg13.jpg) no-repeat; vertical-align: top;}
.designer2 .list-item .h18{ position: absolute; left: 50%; top: 50%; width: 1em;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.designer2 .li1{ margin-top: 98px;}
.designer2 .li2{ margin-top: 12px;}
.designer2 .li3{ margin-top: 60px;}
.designer2 .li4{ margin-top: 88px;}
.designer2 .li5{ margin-top: 58px;}
.designer2 .li6{}
.designer2 .li7{ margin-top: 88px;}

.designer3{ position: relative; padding-top: 136px; height: 758px; background: url(../image/temp/bg14.jpg) center no-repeat; overflow: hidden;}
.designer3:before{ content: ''; position: absolute; right: 50%; top: 0; margin-right: 494px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.designer3:before{ height: 92px;}
.designer3 .head{ margin-bottom: 154px; text-align: center;}
.designer3 .list-box{ position: relative; height: 148px;}
.designer3 .list-box:before{ content: ''; position: absolute; top: 50%; left: 50%; width: 9999px; border-top: 1px solid #e9e9e9;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.designer3 .list-item{ position: relative; float: left; width: 20%; height: 100%; text-align: center;}
.designer3 .list-item:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 198px; height: 86px; background: url(../image/temp/bg9.png) no-repeat;}
.designer3 .list-item .box{ position: absolute; left: 0; right: 0;}
.designer3 .list-item .icon{ position: absolute; left: 0; right: 0; margin: auto; width: 50px; height: 50px; overflow: hidden;}
.designer3 .list-item .icon img{ display: block; width: 100%;}
.designer3 .list-item .p{}
.designer3 .list-item:nth-child(odd){}
.designer3 .list-item:nth-child(even):after{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.designer3 .list-item:nth-child(odd) .box{ top: 0;}
.designer3 .list-item:nth-child(even) .box{ bottom: 0;}
.designer3 .list-item:nth-child(odd) .icon{ bottom: 100%; margin-bottom: 12px;}
.designer3 .list-item:nth-child(even) .icon{ top: 100%;}

.designer4{ position: relative; padding-top: 140px; height: 803px; background: url(../image/temp/bg15.jpg) center no-repeat;}
.designer4:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; margin-top: -25px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.designer4:before{ height: 112px;}
.designer4 .head{ margin-bottom: 75px; text-align: center;}
.designer4 .form-box{ margin-bottom: 40px; padding-left: 47px;}
.designer4 .form-item{ float: left; margin-bottom: 29px; width: 303px; margin-left: 113px;}
.designer4 .form-item:nth-child(3n+1){ margin-left: 0;}
.designer4 .form-item:last-child{ width: 717px;}
.designer4 .form-label{ }
.designer4 .form-label .dot{ color: #af251c;}
.designer4 .form-detail{ position: relative;}
.designer4 .input{ padding: 9px; background: url(../image/temp/bg16.jpg) no-repeat;}
.designer4 .input input{ display: block; width: 100%; height: 21px;}
.designer4 .radio{ position: relative; padding: 4px; background: url(../image/temp/bg16.jpg) no-repeat; overflow: hidden;}
.designer4 .radio:after{ content: ''; position: absolute; left: 50%; top: 4px; bottom: 4px; border-left: 1px solid #e9e9e9;}
.designer4 .radio-item{ float: left; padding: 5px; width: 50%; text-align: center; cursor: pointer;}
.designer4 .radio-item.check{ background-color: #be1c15; color: #fff;}
.designer4 .form-item:last-child .input{ background-image: url(../image/temp/bg17.jpg);}
.designer4 .pop{ position: absolute; left: 0; top: 0; padding: 12px 14px; width: 410px; background-color: #fff; box-shadow: 0px 1px 20px 0px rgba(62, 62, 62, 0.1); z-index: 1; display: none;}
.designer4 .pop .close{ position: absolute; top: 10px; right: 12px; width: 20px; height: 20px; background: url(../image/temp/ico8.png) no-repeat; cursor: pointer;}
.designer4 .pop-head{ margin-bottom: 10px; overflow: hidden;}
.designer4 .pop-label{ float: left; padding: 0 22px 0 8px; background: url(../image/temp/ico9.png) right no-repeat; line-height: 24px; color: #999; cursor: pointer;}
.designer4 .pop-label + .pop-label{ margin-left: 15px;}
.designer4 .pop-label.cur{ font-size: 16px; color: #a91f18;}
.designer4 .pop-cont{ padding: 10px 0 4px; overflow: hidden;}
.designer4 .pop-item{ float: left; padding: 9px 8px; cursor: pointer;}
.designer4 .pop-item.cur{ color: #a91f18;}
.designer4 .cur ~ .pop{ display: block;}

.designer5{ position: relative; padding: 118px 0 130px; overflow: hidden;}
.designer5:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; margin-top: -60px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.designer5:before{ height: 150px;}
.designer5 .head{ margin-bottom: 30px; text-align: center;}
.designer5 .slick-mod{ position: relative; margin-bottom: 45px; background-color: #f3f3f3;}
.designer5 .slick-mod:before,
.designer5 .slick-mod:after{ content: ''; position: absolute; bottom: 0; background-color: #f3f3f3;}
.designer5 .slick-mod:before{ top: 0; left: 0; right: 0; margin: 0 -123px;}
.designer5 .slick-mod:after{ left: 172px; margin-bottom: -2px; width: 417px; height: 5px; background: url(../image/temp/bg10.png) no-repeat;}
.designer5 .slick-item{ position: relative; overflow: hidden;}
.designer5 .slick-item .box{ position: relative;}
.designer5 .slick-item .img{ float: left; margin-left: 172px; width: 418px; height: 540px; overflow: hidden;}
.designer5 .slick-item .img img{ display: block; width: 100%;}
.designer5 .slick-item .cont{ position: relative; float: right; margin-right: 200px; padding-top: 220px; width: 330px; text-align: center; overflow: hidden;}
.designer5 .slick-item .cont:before{ content: ''; position: absolute; left: 0; right: 0; top: 110px; margin: auto; width: 22px; height: 76px; background: url(../image/temp/bg4.png) bottom no-repeat;}
.designer5 .slick-item .cont .h18{ margin-bottom: 12px;}
.designer5 .slick-item .cont .p{ margin-bottom: 80px; color: #666;}
.designer5 .slick-arrow{ width: 30px; height: 30px;}
.designer5 .slick-prev{ left: 0; background-image: url(../image/temp/prev2.png);}
.designer5 .slick-next{ right: 0; background-image: url(../image/temp/next2.png);}
.designer5 .slick-dots{ left: auto; right: 200px; width: 330px;}

.culture1{ z-index: 1;}
.culture1 .pos{ top: 192px;}
.culture1 .head .h28{ opacity: 0.7;}
.culture1 .box{ position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 180px; height: 282px; background: url(../image/temp/bg18.jpg) center no-repeat; text-align: center;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}
.culture1 .box .h22{ margin-bottom: 18px; letter-spacing: 0.2em;}
.culture1 .box .p{ margin-bottom: 60px; color: #666;}

.culture2{ position: relative; padding-top: 256px; height: 943px; background: url(../image/temp/bg19.jpg) center no-repeat; overflow: hidden;}
.culture2:before{ content: ''; position: absolute; left: 0; right: 0; top: 123px; margin: auto; width: 22px; height: 104px; background: url(../image/temp/bg4.png) bottom no-repeat;}
.culture2 .head{ text-align: center;}
.culture2 .slick-mod{ position: relative;}
.culture2 .sm1:before{ content: ''; position: absolute; left: 50%; top: 50%; width: 9999px; border-top: 1px solid #b39a85;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.culture2 .slick-arrow{ width: 30px; height: 30px;}
.culture2 .slick-prev{ left: 0; background-image: url(../image/temp/prev2.png);}
.culture2 .slick-next{ right: 0; background-image: url(../image/temp/next2.png);}
.culture2 .ul{ position: relative; height: 642px;}
.culture2 .li{ position: absolute; width: 60px; background: no-repeat;}
.culture2 .li .y{ position: absolute; left: 0; font-size: 34px; color: #b39a85;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.culture2 .li .cont{ position: absolute; left: 100%; width: 184px;}
.culture2 .li .img{ margin-bottom: 5px; height: 70px; overflow: hidden;}
.culture2 .li .img img{ display: block; width: 100%;}
.culture2 .li .p{ position: absolute; left: 0; right: 0; word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.culture2 .li:nth-child(odd){ bottom: 50%;}
.culture2 .li:nth-child(even){ top: 50%;}
.culture2 .li:nth-child(odd) .cont{ top: 0;}
.culture2 .li:nth-child(even) .cont{ bottom: 0;}
.culture2 .li:nth-child(odd) .y{ bottom: 0;}
.culture2 .li:nth-child(even) .y{ top: 0;}
.culture2 .li:nth-child(odd) .p{ top: 100%; margin-top: 5px;}
.culture2 .li:nth-child(even) .p{ bottom: 100%; margin-bottom: 5px;}
.culture2 .li:nth-child(1){ left: 94px; height: 273px; background-image: url(../image/temp/bg14.png);}
.culture2 .li:nth-child(2){ left: 292px; height: 225px; background-image: url(../image/temp/bg15.png);}
.culture2 .li:nth-child(3){ left: 540px; height: 204px; background-image: url(../image/temp/bg16.png);}
.culture2 .li:nth-child(4){ left: 742px; height: 168px; background-image: url(../image/temp/bg17.png);}
.culture2 .li:nth-child(5){ left: 947px; height: 321px; background-image: url(../image/temp/bg18.png);}

.culture3{ position: relative; height: 475px; background: center no-repeat; background-size: cover;}
.culture3:before{ content: ''; position: absolute; left: 50%; top: 0; margin-left: 485px; width: 22px; height: 108px; background: url(../image/temp/bg4.png) bottom no-repeat;}
.culture3 .himg{ position: absolute; top: 150px; left: 50%; margin-left: 204px;}
.culture3 .himg img{ display: block; width: 100%;}
.culture3 .p{ position: absolute; left: 50%; top: 246px; margin-left: -170px; width: 600px; color: #fff; text-align: right; letter-spacing: 0.2em;}

.culture4{ padding-bottom: 143px; background: url(../image/temp/bg20.jpg);}
.culture4 .unit1{ position: relative; height: 191px;}
.culture4 .unit1 .img{ position: relative; top: -88px; width: 600px; height: 168px; overflow: hidden;}
.culture4 .unit1 .img img{ display: block; width: 100%;}
.culture4 .unit1 .cont{ position: absolute; right: 0; top: -43px; padding: 48px 40px; width: 688px; height: 259px; background: url(../image/temp/bg21.jpg) no-repeat; color: #fff;}
.culture4 .unit1 .h18{ margin-bottom: 24px;}
.culture4 .unit1 .p{}
.culture4 .unit2{ position: relative; margin-bottom: 70px; padding-left: 110px;}
.culture4 .unit2 .part{ position: absolute; left: 0; top: 113px; width: 159px; height: 203px; overflow: hidden;}
.culture4 .unit2 .part img{ display: block; width: 100%;}
.culture4 .unit2 .img{ position: relative; width: 202px; height: 287px; border: 1px solid #d4c7c0; overflow: hidden;}
.culture4 .unit2 .img img{ display: block; width: 100%;}
.culture4 .unit2 .cont{ position: absolute; left: 408px; bottom: 23px; width: 610px;}
.culture4 .unit2 .cont .p{ line-height: 1.7142; word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.culture4 .list-box{ overflow: hidden;}
.culture4 .list-item{ float: left; width: 408px;}
.culture4 .list-item + .list-item{ margin-left: 3px;}
.culture4 .list-item .img{ overflow: hidden;}
.culture4 .list-item .img img{ display: block; width: 100%;}
.culture4 .list-item .cont{ position: relative; padding: 33px 38px 0 28px; background-color: #fff;}
.culture4 .list-item .cont:after{ content: ''; position: absolute; left: 0; right: 0; margin: auto; width: 40px; height: 40px; border-radius: 999px;  background-color: #fff;}
.culture4 .list-item .cont .h28{ position: relative; margin-bottom: 2px; letter-spacing: 0.5em;}
.culture4 .list-item .cont .h12{ margin-bottom: 10px; opacity: 0.2; text-transform: uppercase; letter-spacing: 1.2em; word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.culture4 .list-item .cont .p{ color: #666;}
.culture4 .list-item:nth-child(odd) .cont{ margin-bottom: 3px; height: 230px;}
.culture4 .list-item:nth-child(odd) .cont:after{ bottom: 0;
	-webkit-transform: translateY(40%);
	-ms-transform: translateY(40%);
	transform: translateY(40%);
}
.culture4 .list-item:nth-child(odd) .img{ height: 229px;}
.culture4 .list-item:nth-child(even) .cont{ margin-top: 3px; height: 283px;}
.culture4 .list-item:nth-child(even) .cont:after{ top: 0;
	-webkit-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	transform: translateY(-40%);
}
.culture4 .list-item:nth-child(even) .img{ height: 176px;}

.culture5{ position: relative; padding: 117px 0 110px; background: #fff url(../image/temp/bg22.jpg) bottom no-repeat;}
.culture5:before{ content: ''; position: absolute; right: 50%; top: 0; margin-right: 555px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.culture5:before{ height: 82px;}
.culture5 .head{ margin-bottom: 65px; padding: 0 125px; text-align: center;}
.culture5 .head .h36{ margin-bottom: 21px;}
.culture5 .head .p{ color: #666;}
.culture5 .list-box{ overflow: hidden;}
.culture5 .list-item{ position: relative; float: left; height: 420px;}
.culture5 .list-item .line{ position: absolute; border-left: 1px solid #ededed;
	-webkit-transition-property: border;
	transition-property: border;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.culture5 .list-item .l{ left: 0;}
.culture5 .list-item .l:before{ content: ''; position: absolute; top: 32px; left: 0; width: 36px; height: 72px; background-color: #af251c; opacity: 0; visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.culture5 .list-item .r{ left: 100%;}
.culture5 .list-item:last-child .r{ left: auto; right: 0;}
.culture5 .list-item .h28,
.culture5 .list-item .p{ position: absolute; height: 300px; letter-spacing: 0.2em;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.culture5 .list-item .p{ color: #666; letter-spacing: 0.2em;}
.culture5 .list-item.li1{ width: 168px;}
.culture5 .list-item.li1 .l{ top: 22px; height: 276px;}
.culture5 .list-item.li1 .r{ top: 0; height: 345px;}
.culture5 .list-item.li1 .h28{ top: 55px; left: 39px;}
.culture5 .list-item.li1 .p{ top: 80px; right: 33px;}
.culture5 .list-item.li2{ width: 190px;}
.culture5 .list-item.li2 .l{ top: 0; height: 345px;}
.culture5 .list-item.li2 .r{ top: 32px; height: 390px;}
.culture5 .list-item.li2 .h28{ top: 74px; left: 30px;}
.culture5 .list-item.li2 .p{ top: 38px; right: 30px;}
.culture5 .list-item.li3{ width: 198px;}
.culture5 .list-item.li3 .l{ top: 32px; height: 390px;}
.culture5 .list-item.li3 .r{ top: 0; height: 345px;}
.culture5 .list-item.li3 .h28{ top: 130px; left: 52px;}
.culture5 .list-item.li3 .p{ top: 90px; right: 32px;}
.culture5 .list-item.li4{ width: 218px;}
.culture5 .list-item.li4 .l{ top: 0; height: 345px;}
.culture5 .list-item.li4 .r{ top: 30px; height: 392px;}
.culture5 .list-item.li4 .h28{ top: 18px; left: 42px;}
.culture5 .list-item.li4 .p{ top: 38px; right: 38px; height: 320px;}
.culture5 .list-item.li5{ width: 158px;}
.culture5 .list-item.li5 .l{ top: 30px; height: 392px;}
.culture5 .list-item.li5 .r{ top: 0; height: 315px;}
.culture5 .list-item.li5 .h28{ top: 115px; left: 39px;}
.culture5 .list-item.li5 .p{ top: 50px; right: 45px;}
.culture5 .list-item.li6{ width: 140px;}
.culture5 .list-item.li6 .l{ top: 0; height: 315px;}
.culture5 .list-item.li6 .r{ top: 30px; height: 325px;}
.culture5 .list-item.li6 .h28{ top: 38px; left: 39px;}
.culture5 .list-item.li6 .p{ top: 0; right: 30px;}
.culture5 .list-item.li7{ width: 158px;}
.culture5 .list-item.li7 .l{ top: 30px; height: 325px;}
.culture5 .list-item.li7 .r{ top: 68px; height: 313px;}
.culture5 .list-item.li7 .h28{ top: 108px; left: 39px;}
.culture5 .list-item.li7 .p{ top: 30px; right: 39px;}

.craftsmanship1{}
.craftsmanship1 .bg{ height: auto;}
.craftsmanship1 .pos{ top: 25%;}
.craftsmanship1 .head .h26{ margin-top: 90px; letter-spacing: 1em;}

.craftsmanship2{ position: relative; padding: 108px 0 140px;}
.craftsmanship2:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.craftsmanship2:before{ height: 76px;}
.craftsmanship2 .head{ margin-bottom: 52px; padding: 0 260px; text-align: center;}
.craftsmanship2 .head .h36{ margin-bottom: 15px;}
.craftsmanship2 .head .p{ color: #666; letter-spacing: 0.2em;}
.craftsmanship2 .slick-mod{ position: relative;}
.craftsmanship2 .slick-mod:before{ content: ''; position: absolute; right: 0; top: 50%; width: 558px; height: 336px; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.craftsmanship2 .slick-item{ position: relative; overflow: hidden;}
.craftsmanship2 .slick-item .box{ position: relative; width: 974px; height: 506px; overflow: hidden;}
.craftsmanship2 .slick-item .img{ width: 100%; height: 100%; overflow: hidden;}
.craftsmanship2 .slick-item .img img{ display: block; width: 100%;}
.craftsmanship2 .slick-item .cont{ position: absolute; right: 0; top: 50%; width: 558px; height: 336px; background: #fff url(../image/temp/bg23.jpg) bottom no-repeat;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.craftsmanship2 .slick-item .paging{ position: absolute; right: 60px; top: 58px; width: 80px; height: 80px; line-height: 1;}
.craftsmanship2 .slick-item .paging:after{ content: ''; position: absolute; right: 5px; bottom: 5px; height: 50px; border-left: 1px solid #999;
	-webkit-transform: rotate(45deg) translateY(35%);
	-ms-transform: rotate(45deg) translateY(35%);
	transform: rotate(45deg) translateY(35%);
}
.craftsmanship2 .slick-item .paging .b{ position: absolute; left: 0; top: 0; font-size: 58px;}
.craftsmanship2 .slick-item .paging .c{ position: absolute; right: 0; bottom: 0; font-size: 12px; color: #999;}
.craftsmanship2 .slick-item .cont .p{ position: absolute; top: 192px; right: 60px; width: 450px; color: #666; text-align: right; letter-spacing: 0.2em;}
.craftsmanship2 .slick-ctrl{ position: absolute; right: 96px; bottom: 30px; width: 160px; height: 55px; background-color: #af251c;}
.craftsmanship2 .slick-ctrl:after{ content: ''; position: absolute; left: 50%; top: 50%; height: 14px; border-left: 1px solid #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.craftsmanship2 .slick-arrow{ width: 30px; height: 30px;}
.craftsmanship2 .slick-prev{ right: 50%; margin-right: 15px; background-image: url(../image/temp/prev3.png);}
.craftsmanship2 .slick-next{ left: 50%; margin-left: 15px; background-image: url(../image/temp/next3.png);}
.craftsmanship2 .slick-slide{ opacity: 1 !important;}

.craftsmanship3{ position: relative; height: 875px; background: url(../image/temp/bg24.jpg) center no-repeat; overflow: hidden;}
.craftsmanship3:before{ content: ''; position: absolute; right: 50%; top: 0; margin-right: 514px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.craftsmanship3:before{ height: 110px;}
.craftsmanship3 .himg{ position: absolute; left: 0; top: 140px; width: 132px; height: 136px;}
.craftsmanship3 .himg img{ display: block; width: 100%;}
.craftsmanship3 .txt{ position: absolute; left: 170px; top: 220px; width: 720px; color: #666;}
.craftsmanship3 .slick-mod{ position: absolute; left: 50%; top: 350px; right: 0; margin-left: -457px; margin-right: -10px; max-width: 1500px;}
.craftsmanship3 .slick-list{ padding-right: 40%;}
.craftsmanship3 .slick-item{}
.craftsmanship3 .slick-item .box{ margin: 0 10px;}
.craftsmanship3 .slick-item .img{ position: relative; margin-bottom: 28px; padding-bottom: 45.64%; overflow: hidden;
	-webkit-transition: transform 0.5s;
	transition: transform 0.5s;
	
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: scale(0.657);
	-ms-transform: scale(0.657);
	transform: scale(0.657);
}
.craftsmanship3 .slick-item .img img{ position: absolute; left: 0; top: 0; width: 100%;}
.craftsmanship3 .slick-item .h16{ opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.craftsmanship3 .slick-item .play{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 64px; height: 64px; background: url(../image/temp/play2.png) no-repeat; cursor: pointer; opacity: 0; visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.craftsmanship3 .slick-current .img{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.craftsmanship3 .slick-current .play{ opacity: 1; visibility: visible;}
.craftsmanship3 .slick-current .h16{ opacity: 1;}

.craftsmanship4{ position: relative; padding-top: 120px; height: 864px; background: url(../image/temp/bg25.jpg) center no-repeat;}
.craftsmanship4:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; margin-top: -25px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.craftsmanship4:before{ height: 110px;}
.craftsmanship4 .head{ margin-bottom: 15px; text-align: center;}
.craftsmanship4 .list-box{ margin-left: 140px;}
.craftsmanship4 .list-item{ float: left; margin: 0 30px; width: 206px;}
.craftsmanship4 .list-item .img{ height: 224px; overflow: hidden;}
.craftsmanship4 .list-item:first-child .img{ height: 251px;}
.craftsmanship4 .list-item .img img{ display: block; width: 100%;}
.craftsmanship4 .list-item .cont{ position: relative; padding: 18px; width: 100%; height: 310px; background-color: #fff; border: 1px solid #efefef; text-align: center;}
.craftsmanship4 .list-item .cont:before{ content: ''; position: absolute; bottom: -1px; border: 1px solid #fff;}
.craftsmanship4 .list-item .box{ position: relative; display: inline-block; letter-spacing: 0.6em; vertical-align: top; text-align: left;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
}
.craftsmanship4 .list-item .h18{ margin-left: 15px;}
.craftsmanship4 .list-item .p{}
.craftsmanship4 .list-item:nth-child(1) .p{ height: 360px;}
.craftsmanship4 .list-item:nth-child(1) .cont:before{ left: 44px; width: 86px;}
.craftsmanship4 .list-item:nth-child(2){ margin-top: 85px;}
.craftsmanship4 .list-item:nth-child(3){ margin-top: 25px;}
.craftsmanship4 .list-item:nth-child(3) .p{ height: 320px;}
.craftsmanship4 .list-item:nth-child(3) .cont:before{ left: 36px; width: 82px;}

.craftsmanship5{ position: relative; height: 829px; background: url(../image/temp/bg26.jpg) center no-repeat;}
.craftsmanship5:before{ content: ''; position: absolute; left: 50%; top: 10px; margin-left: 504px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.craftsmanship5:before{ height: 110px;}
.craftsmanship5 .himg{ position: absolute; right: 36px; top: 170px;}
.craftsmanship5 .himg img{ display: block; width: 100%;}
.craftsmanship5 .img{ position: relative; overflow: hidden;}
.craftsmanship5 .img img{ display: block; width: 100%;}
.craftsmanship5 .vd{ cursor: pointer;}
.craftsmanship5 .vd:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: no-repeat; background-size: contain;}
.craftsmanship5 .unit1{ position: absolute; left: 35px; top: 160px; width: 1022px; overflow: hidden;}
.craftsmanship5 .unit1 .img{ float: right; margin-left: 30px; width: 360px; height: 128px;}
.craftsmanship5 .unit1 .vd:after{ width: 22px; height: 30px; background-image: url(../image/temp/play1.png);}
.craftsmanship5 .unit1 .cont{ text-align: right; overflow: hidden;}
.craftsmanship5 .unit1 .cont .p{ color: #666;}
.craftsmanship5 .unit2{ position: absolute; left: 0; top: 305px; right: 0;}
.craftsmanship5 .unit2:before{ content: ''; position: absolute; left: 150px; top: 63px; width: 54px; height: 256px; background-color: #e1e1e1;}
.craftsmanship5 .unit2 .logo{ position: absolute; left: 23px; top: 114px; width: 147px; height: 131px; overflow: hidden;}
.craftsmanship5 .unit2 .logo img{ display: block; width: 100%;}
.craftsmanship5 .unit2 .list-box{ position: absolute; left: 204px; top: 0; right: 170px;}
.craftsmanship5 .unit2 .list-item{ position: relative; float: left; width: 88px;
	-webkit-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.craftsmanship5 .unit2 .list-item + .list-item{ margin-left: 20px;}
.craftsmanship5 .unit2 .list-item:nth-child(1){}
.craftsmanship5 .unit2 .list-item:nth-child(2){ margin-top: 98px;}
.craftsmanship5 .unit2 .list-item:nth-child(3){ margin-top: 50px;}
.craftsmanship5 .unit2 .list-item:nth-child(4){ margin-top: 60px;}
.craftsmanship5 .unit2 .side{ position: relative; width: 88px; height: 340px; background-color: #fff; cursor: pointer;
	-webkit-transition-property: width, height;
	transition-property: width, height;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
}
.craftsmanship5 .unit2 .side .h14{ position: absolute; left: 25px; top: 55px; letter-spacing: 0.5em;}
.craftsmanship5 .unit2 .side .h9{ position: absolute; right: 15px; top: 130px; font-size: 12px; line-height: 1.1; text-transform: uppercase; opacity: 0.2;}
.craftsmanship5 .unit2 .main{ position: absolute; left: 105px; top: 95px; opacity: 0; visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.craftsmanship5 .unit2 .img{ width: 423px; height: 225px;}
.craftsmanship5 .unit2 .vd:after{ width: 37px; height: 50px; background: url(../image/temp/play1.png) no-repeat;}

.product1{ height: 580px; background-color: #000; overflow: hidden;}
.product1 .video{ background-color: #000;}
.product1 .video.p-show{ display: block;}
.product1 .video.m-show{ display: none;}
.product1 .pos{ top: 190px; display: none;}
.product1 .play{ position: absolute; left: 0; right: 0; bottom: 156px; margin: auto; width: 64px; height: 64px; background: url(../image/temp/play3.png); cursor: pointer;}
.product1.cur .mask,
.product1.cur .pos{ display: none;}

.product2{ position: relative; padding: 110px 0 60px;}
.product2:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.product2.xr_act:before{ height: 76px;}
.product2 .head{ margin-bottom: 56px; text-align: center;}
.product2 .slick-mod{ margin-bottom: 125px;}
.product2 .slick-item{ position: relative; height: 493px;}
.product2 .slick-item .img{ position: relative; float: left; width: 773px; height: 100%; background: url(../image/temp/bg9.jpg); background-size: cover; overflow: hidden; z-index: 2;}
.product2 .slick-item .img img{ display: block; width: 100%;}
.product2 .slick-item .img:after{ content: ''; position: absolute; left: 50%; bottom: 15px; width: 612px; height: 60px; background: url(../image/temp/png2.png) center bottom no-repeat; background-size: contain; pointer-events: none;
	transform: translateX(-50%);
}
.product2 .slick-item .img .mark{ position: absolute; left: 15px; top: 20px; width: 100px; height: 100px; background-color: transparent; overflow: hidden;}
.product2 .slick-item .img .mark img{ display: block; width: 100%;}
.product2 .slick-item .cont{ padding: 92px 65px; height: 100%; background: url(../image/temp/bg4.jpg); z-index: 1; color: #fff; overflow: hidden;}
.product2 .slick-item .h28{ margin-bottom: 25px;}
.product2 .slick-item .ul{ margin-bottom: 94px;}
.product2 .slick-item .li{}
.product2 .slick-item .li + .li{ margin-top: 12px;}
.product2 .slick-item .more{ display: block; width: 156px; background: url(../image/temp/btn1.png) no-repeat; font-size: 16px; line-height: 2.5; text-align: center;}
.product2 .slick-paging{ }
.product2 .slick-dots{ position: static;}

.product3{ padding: 120px 0 220px; background: url(../image/temp/bg20.jpg);}
.product3 .box1{ margin-bottom: 15px; text-align: right;}
.product3 .box1 .input{ display: inline-block; padding: 10px; padding-right: 50px; width: 273px; height: 40px; background: url(../image/temp/bg12.png) no-repeat; vertical-align: top;}
.product3 .box1 .input input{ width: 100%;}
.product3 .box1 .t_more{ display: inline-block; margin-left: 20px; vertical-align: top;}
.product3 .box2{ position: relative; margin-bottom: 15px; padding: 25px 0; background-color: #a61d17; color: #fff;}
.product3 .box2:before{ content: ''; position: absolute; left: 7px; right: 7px; top: 7px; bottom: 7px; border: 1px solid #fdfdfd;}
.product3 .box2 .item{ position: relative; display: inline-block; margin-left: 35px; width: 150px; font-size: 16px; line-height: 34px; text-align: center; vertical-align: top;}
.product3 .box2 .item:before{ content: ''; position: absolute; left: 5px; top: 50%; margin-top: -5px; width: 10px; height: 10px; background: url(../image/temp/ico5.png) no-repeat;}
.product3 .box2 .item + .item{ margin-left: 8px;}
.product3 .box2 .item.cur{ background: url(../image/temp/btn4.png) no-repeat; font-size: 18px;}
.product3 .box2 .item.cur:before{ display: none;}
.product3 .list-box{ margin-bottom: 50px;}
.product3 .list-item{ margin-bottom: 55px;}
.product3 .list-item,
.product3 .list-width{ width: 376px;}
.product3 .list-space{ width: 51px;}
.product3 .list-item .img{ position: relative; margin-bottom: 18px;}
.product3 .list-item .img img{ display: block; width: 100%;}
.product3 .list-item .mark{ position: absolute; left: 20px; top: 20px; padding: 0; width: 55px; height: 55px; background-color: transparent; overflow: hidden;}
.product3 .list-item .mark img{ display: block; width: 100%;}
.product3 .tac{ text-align: center;}
.product3 .load{ position: relative; display: inline-block; padding-left: 55px;}
.product3 .load:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../image/temp/load1.png) no-repeat;
	animation: rotate 2s linear infinite;
}

.product_detail1{ position: relative; height: 716px; overflow: hidden;}
.product_detail1 .view{ position: absolute; left: 0; right: 50%; top: 0; bottom: 0; margin-right: -204px; border: 1px solid #b39a85;}
.product_detail1 .info{ position: absolute; left: 50%; right: 0; top: 0; bottom: 0; margin-left: 204px; background-color: #f2efec;}
.product_detail1 .slick-mod{}
.product_detail1 .slick-item{ position: relative;}
.product_detail1 .slick-item .img{ overflow: hidden;}
.product_detail1 .slick-item .img img{ display: block; width: 100%;}
.product_detail1 .sm1{}
.product_detail1 .si1{ height: 716px;}
.product_detail1 .si1 .img{ position: absolute; width: 410px; left: 0; right: 0; top: 50%; margin: auto;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.product_detail1 .sm2{ position: absolute; right: 12px; top: 50%; padding: 38px 0; width: 192px; z-index: 3;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.product_detail1 .si2{ margin: 16px 0; background-color: #fff; border: 1px solid #e6e6e6; cursor: pointer;}
.product_detail1 .si2 .img{ width: 80px;}
.product_detail1 .si2 .slick-slide{}
.product_detail1 .mark{ position: absolute; top: 104px; right: 50%; margin-right: 298px; width: 100px; height: 100px; overflow: hidden;}
.product_detail1 .mark img{ display: block; width: 100%;}
.product_detail1 .v360{ position: absolute; right: 10px; bottom: 10px; width: 50px; height: 50px; overflow: hidden;}
.product_detail1 .v360 img{ display: block; width: 100%;}
.product_detail1 .slick-arrow{ left: 0; right: 0; margin: auto; width: 30px; height: 30px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.product_detail1 .slick-prev{ top: 0; background-image: url(../image/temp/prev4.png);}
.product_detail1 .slick-next{ top: auto; bottom: 0; background-image: url(../image/temp/next4.png);}
.product_detail1 .slick-current .si2{ background-color: #f2efec; border-color: #b39a85;}
.product_detail1 .box{ position: absolute; left: 84px; top: 232px; width: 327px;}
.product_detail1 .box .h28{ margin-bottom: 12px;}
.product_detail1 .box .share{ margin-bottom: 60px;}
.product_detail1 .box .share .smore{ display: inline-block; vertical-align: top;}
.product_detail1 .box .share .smore:before{ content: ''; display: block; width: 20px; height: 20px; background: url(../image/temp/ico6.png) no-repeat; background-size: contain;}
.product_detail1 .box .ul{ margin-bottom: 20px;}
.product_detail1 .box .li{ letter-spacing: 0.2em;}
.product_detail1 .box .li + .li{ margin-top: 14px;}
.product_detail1 .box .tel{ margin-bottom: 53px; line-height: 1; color: #af251c;}
.product_detail1 .box .tel .h16{}
.product_detail1 .box .tel .h36{}
.product_detail1 .box .btns{ overflow: hidden;}
.product_detail1 .box .btns .item{ float: left; width: 158px; background: #fff url(../image/temp/btn3.png) left no-repeat; line-height: 41px; color: #666; text-align: center;}
.product_detail1 .box .btns .item + .item{ margin-left: 10px;}
.product_detail1 .box .btns .item:hover{ background-position: right; color: #fff;}

.product_detail2{ padding: 132px 0 155px; background: url(../image/temp/bg27.jpg) bottom no-repeat; text-align: center;}
.product_detail2 .head{ margin-bottom: 37px;}
.product_detail2 .cont{ color: #666;}

.product_detail3{ position: relative; padding: 120px 0 108px; background: url(../image/temp/bg20.jpg);}
.product_detail3:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; margin-top: -60px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.product_detail3.xr_act:before{ height: 112px;}
.product_detail3 .head{ margin-bottom: 38px; text-align: center;}
.product_detail3 .list-box{ position: relative; padding-right: 312px; overflow: hidden;}
.product_detail3 .list-item{ float: left; overflow: hidden;}
.product_detail3 .list-item img{ display: block; width: 100%;}
.product_detail3 .list-item:nth-child(1),
.product_detail3 .list-item:nth-child(2){ margin-right: 10px; margin-bottom: 9px; width: 449px; height: 225px;}
.product_detail3 .list-item:nth-child(3){ margin-right: 10px; width: 670px; height: 286px;}
.product_detail3 .list-item:nth-child(4){ width: 228px; height: 286px;}
.product_detail3 .list-item:nth-child(5){ position: absolute; top: 0; bottom: 0; right: 0; width: 312px;}

.product_detail4{ position: relative; padding: 118px 0 144px; text-align: center;}
.product_detail4:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.product_detail4.xr_act:before{ height: 80px;}
.product_detail4 .head{ margin-bottom: 35px;}
.product_detail4 .list-box{ overflow: hidden;}
.product_detail4 .list-item{ float: left; padding: 9px 9px 0 9px; width: 382px; height: 276px; border: 1px solid #ededed; background-color: #fff;
	-webkit-transition-property: background, border, color;
	transition-property: background, border, color;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.product_detail4 .list-item + .list-item{ margin-left: 42px;}
.product_detail4 .list-item .img{ position: relative; height: 190px; background-color: #f1f1f1;
	-webkit-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
}
.product_detail4 .list-item .img img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 140px; height: 140px;}
.product_detail4 .list-item .h18{ padding: 24px 0;}

.explore1{ position: relative; overflow: hidden;}
.explore1 .slick-mod{}
.explore1 .slick-item{ position: relative;}
.explore1 .slick-item img{ width: 100%;}
.explore1 .slick-item iframe{ display: block; width: 100%; height: 580px; z-index: 2;}
.explore1 .m-show{ display: none;}
.explore1 .pos{ top: 190px; bottom: auto; left: 50%; right: auto;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.explore1 .head{}
.explore1 .head .h26{ margin-top: 80px; letter-spacing: 0.8em;}
.explore1 .tabs{ margin-top: 38px; text-align: center; color: #fff;}
.explore1 .tabs .tab-item{ display: inline-block; margin: 0 30px; width: 158px; background: url(../image/temp/btn3.png) left no-repeat; line-height: 41px;}
.explore1 .tabs .tab-item:hover,
.explore1 .tabs .tab-item.cur{ background-position: right;}

.explore2{ position: relative; padding-top: 117px; height: 753px; background: url(../image/temp/bg28.jpg) center no-repeat;}
.explore2:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.explore2:before{ height: 92px;}
.explore2 .head{ margin-bottom: 60px; text-align: center;}
.explore2 .unit{ position: relative; height: 376px;}
.explore2 .list-box{ float: right; padding: 20px 40px; width: 530px; height: 100%; background-color: #fff;}
.explore2 .list-item{ padding: 5px 0 15px; background: url(../image/temp/bg13.png) left  bottom no-repeat;}
.explore2 .list-item .h14{ margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.explore2 .list-item .p{ font-size: 12px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.explore2 .list-item .img{ position: absolute; left: 0; top: 0; bottom: 0; width: 691px; overflow: hidden; opacity: 0; visibility: hidden;}
.explore2 .list-item .img img{ display: block; width: 100%;}

.explore3{ position: relative; padding: 150px 0 200px;}
.explore3:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; margin-top: -18px; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.explore3:before{ height: 112px;}
.explore3 .unit{ margin-bottom: 50px; background-color: #b39a85; overflow: hidden;}
.explore3 .unit .img{ position: relative; float: left; width: 804px; height: 409px; overflow: hidden;}
.explore3 .unit .img img{ display: block; width: 100%;}
.explore3 .unit .img .h18{ position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 200px 14px 28px; background-color: rgba(0,0,0,0.5); color: #fff; letter-spacing: 0.2em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.explore3 .unit .v360{ position: absolute; right: 0; bottom: 0; width: 170px; height: 55px; background-color: #9b140d;}
.explore3 .unit .v360:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 130px; height: 40px; background: url(../image/temp/ico3.png) no-repeat;}
.explore3 .unit .cont{ padding: 118px 40px; color: #fff; overflow: hidden;}
.explore3 .unit .cont .h18{ margin-bottom: 25px;}
.explore3 .unit .cont .p{ letter-spacing: 0.2em; word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.explore3{}
.explore3 .list-box{ margin-bottom: 50px;}
.explore3 .list-item{ margin-bottom: 55px;}
.explore3 .list-item,
.explore3 .list-width{ width: 376px;}
.explore3 .list-space{ width: 51px;}
.explore3 .list-item .img{ position: relative; margin-bottom: 18px;}
.explore3 .list-item .img img{ display: block; width: 100%;}
.explore3 .list-item .p{ }
.explore3 .list-item .v360{ position: absolute; right: 0; bottom: 0; width: 170px; height: 55px; background-color: #9b140d;}
.explore3 .list-item .v360:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 130px; height: 40px; background: url(../image/temp/ico3.png) no-repeat;}
.explore3 .tac{ text-align: center;}
.explore3 .load{ position: relative; display: inline-block; padding-left: 55px;}
.explore3 .load:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: url(../image/temp/load1.png) no-repeat;
	animation: rotate 2s linear infinite;
}

.case_details1{ padding: 122px 0 57px;}
.case_details1 .head{ margin-bottom: 36px; text-align: center;}
.case_details1 .unit{ position: relative; margin-bottom: 10px;}
.case_details1 .unit .v360{ position: absolute; right: 0; bottom: 0; width: 160px; height: 48px; background-color: #9b140d; z-index: 3;}
.case_details1 .unit .v360:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 130px; height: 40px; background: url(../image/temp/ico3.png) no-repeat;}
.case_details1 .slick-mod{}
.case_details1 .slick-item{}
.case_details1 .slick-item .img{ overflow: hidden;}
.case_details1 .slick-item img{ display: block; width: 100%;}
.case_details1 .slick-arrow{ width: 30px; height: 30px;}
.case_details1 .slick-prev{ left: 0; background-image: url(../image/temp/prev2.png);}
.case_details1 .slick-next{ right: 0; background-image: url(../image/temp/next2.png);}
.case_details1 .sm1{}
.case_details1 .si1{}
.case_details1 .si1 .img{ height: 550px;}
.case_details1 .sm2{ position: relative; padding: 0 27px;}
.case_details1 .si2{ cursor: pointer;}
.case_details1 .si2 .img{ position: relative; margin: 0 4px; width: 188px; height: 84px;}
.case_details1 .si2 .img:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,0.4); opacity: 1;}
.case_details1 .sm2 .slick-current .img{ border: 5px solid #a91f18;}
.case_details1 .sm2 .slick-current .img:after{ opacity: 0;}
.case_details1 .cont{ margin: 0 35px 15px; padding: 26px 0 60px; border-bottom: 1px solid #ebebeb;}
.case_details1 .cont .h14{ margin-bottom: 42px; text-align: center;}
.case_details1 .cont .p{ color: #666; word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.case_details1 .cont .p + .p{ margin-top: 20px;}
.case_details1 .word{ margin: 0 35px;}
.case_details1 .word .s{ color: #af251c;}
.case_details1 .word a{ margin-left: 20px; color: #999;}

.case_details2{ position: relative;}
.case_details2 .bg{}
.case_details2 .bg img{ display: block; width: 100%;}
.case_details2 .cont{ position: absolute; left:50%; top: 50%; width: 500px; text-align: center; color: #fff;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.case_details2 .cont .h26{ margin-bottom: 17px; letter-spacing: 0.2em;}
.case_details2 .cont .h16{ margin-bottom: 68px;}
.case_details2 .cont .t_more{}

.case_details3{ position: relative; padding-top: 118px; height: 805px; background: url(../image/temp/bg29.jpg) center top no-repeat;}
.case_details3:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; margin: auto; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.case_details3:before{ height: 92px;}
.case_details3 .head{ margin-bottom: 92px; text-align: center;}
.case_details3 .unit{ position: relative; height: 376px;}
.case_details3 .list-box{ float: right; padding: 20px 40px; width: 530px; height: 100%; background-color: #fff;}
.case_details3 .list-item{ padding: 11px 0 22px; background: url(../image/temp/bg13.png) left  bottom no-repeat;}
.case_details3 .list-item .h14{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_details3 .list-item .img{ position: absolute; left: 0; top: 0; bottom: 0; width: 691px; overflow: hidden; opacity: 0; visibility: hidden;}
.case_details3 .list-item .img img{ display: block; width: 100%;}






/* 2020-04-24修改lyj */
.product_detail4 .list-box{text-align:center;}
.product_detail4 .list-item{width:350px;float: none;display:inline-block;vertical-align:middle;height: 316px;}
.product_detail4 .list-item .img{overflow: hidden;height: 230px;}
.product_detail4 .list-item .img img{width:100%;height: auto;}
.product_detail1 .si1 .img{width:660px;}
.product_detail1 .si2 .img{width:auto;height:auto;overflow: hidden;top:3px;right:3px;bottom:3px;left: 3px;}
.product_detail1 .si2{border-width:2px;}

/* 2020-06-05修改lyj */
.explore1 .slick-mod{position: relative;z-index: 9;}
.specialColumns1 .play{display: none;}



.article-recommend{ position: relative; padding: 118px 0 150px; height: 793px; background: url(../image/temp/bg10.jpg) center top no-repeat;}
.article-recommend:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin-top: -20px; margin: auto; width: 22px; height: 0; background: url(../image/temp/bg4.png) bottom no-repeat;
	transition: height 1s;
}
.xr_act.article-recommend:before{ height: 112px;}
.article-recommend .head{ margin-bottom: 35px; text-align: center;}
.article-recommend .ul{padding: 0 12px; overflow: hidden;}
.article-recommend .li{ float: left; margin: 0 10px; padding: 8px; width: 382px; height: 346px; border: 1px solid #fff; background-color: #fff;
	-webkit-transition-property: border, background;
	transition-property: border, background;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.article-recommend .img{ height: 207px; border: 1px solid #dcd0c6; overflow: hidden;}
.article-recommend .img img{ display: block; width: 100%;}
.article-recommend .cont{ padding: 22px 10px;}
.article-recommend .h18{ min-height: 54px; margin-bottom: 22px;}
.article-recommend .date{ color: #b39a85;}
.article-recommend .t_more{ margin-top: 70px;}


/* ****************************************************** */
/* 2020-07-07lyj */
.article-recommend .img{position: relative;}
.article-recommend .img .play{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 64px;height: 64px;border-radius: 999px;background: url(../image/temp/play4.png) no-repeat;background-size: contain;cursor: pointer;}
.article-cont img{display: block;}
.product_detail4 .list-item .img img{width: auto;height: 100%;}
.product_detail4 .list-item .img{background-color: rgba(0, 0, 0, 0);}

/* 20200709lyj */
.news2 .list-item .img + .cont .h18{margin: 0 20px 8px 10px;}
.product3#product3{padding: 120px 0 80px;}
.designer_list2{padding-bottom: 0;}
.designer_list2 .page-mod{margin-bottom: 175px;}



/* 详情页 */
.article{ padding: 128px 0 145px;}
.article-title{ margin: 0 30px 24px; text-align: center;}
.article-title .h28{}
.article-title .info{ color: #707070;}
.article-title .info span{ margin: 0 15px;}
.article-cont{ margin: 0 30px 30px; padding-top: 25px; border-top: 1px solid #ebebeb; color: #666;}
.article-cont .vd{ margin-bottom: 20px; height: 600px;}
.article-cont .vd video{ min-width: 100%; min-height: 100%;}
.article-cont .vjs-big-play-button{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 95px; height: 95px; background: url(../image/temp/play4.png) no-repeat; cursor: pointer;}
.article-cont p,
.article-cont .p{ margin-bottom: 22px; text-indent: 2em; text-align: justify; text-justify: inter-ideograph;}
.article-cont .img{ margin: 45px 0; text-align: center;}
.article-cont img{ max-width: 100%; height: auto !important;}
.article-paging{ overflow: hidden; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 26px;}
.article-prev, .article-next{ position: relative; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.article-prev{ float: left; padding-left: 30px;}
.article-next{ float: right; padding-right: 30px; text-align: right;}
.article-prev:before, .article-next:before{ position: absolute; top: 2px; font-size: 16px;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.article-prev:before{ content:"\e739"; left: 0;}
.article-next:before{ content:"\e738"; right: 0;}
.article-paging a:hover{ opacity: 0.8;}
.article .share-mod{ padding: 30px 0;}
.article .share-item{ font-size: 20px;}

/* 搜索结果页 */
.result{ padding: 60px 0;}
.result .key{ color: #af251c;}
.result .h24{}
.result .h24 span{ margin-left: 30px; font-size: 18px; color: #707070; }
.result .list{ margin-bottom: 50px; }
.result .list-item{ padding: 30px 0; border-bottom: 1px solid #d1d1d1; }  
.result .list .h18{ margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result .list .p{ color: #707070; text-align: justify; text-justify: inter-ideograph;}
.result .list a:hover{ color: #af251c;}

/*	网站地图	*/
.sitemap{ padding: 60px 0;}
.sitemap dl{ padding: 20px 0; border-bottom: 1px solid #eee;}
.sitemap dt{ font-size: 16px;}
.sitemap dd{ margin-top: 20px; padding-left: 4em;}
.sitemap dd a{ margin-right: 20px;}
.sitemap a:hover{ opacity: 0.8;}


/* ************************** 效果类 **************************** */

/*	图片缩放	*/
.scaleimg{ overflow: hidden;}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform 1s;
	transition: transform 1s;
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform: scale(1);
	transform: scale(1);
}

/*	左进右出划过效果	*/
.liro{ position: relative; overflow: hidden;}
.liro:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,0.3);
	-webkit-transform-origin: right center;
	transform-origin: right center;

	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);

	-webkit-transition: transform .5s;
	transition: transform .5s;
}

/*	晃动	*/
@-webkit-keyframes shake{ 	
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	25% {
		-webkit-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	50% {
		-webkit-transform:rotate(-5deg);
		transform:rotate(-5deg);
	}
	75% {
		-webkit-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	100% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}
@keyframes shake{ 	
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	25% {
		-webkit-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	50% {
		-webkit-transform:rotate(-5deg);
		transform:rotate(-5deg);
	}
	75% {
		-webkit-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	100% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}

@-webkit-keyframes exhibit{ 	
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@keyframes exhibit{ 	
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}

@-webkit-keyframes rotate{ 	
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate{ 	
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*	pc 端	*/
@media screen and (max-width: 1800px){
	.product_detail1 .si1 .img{width:570px;}
	.product_detail1 .sm2{width:180px;}

}
@media screen and (max-width: 1680px){
	
	.home4 .cont{
			-webkit-transform: translate(-43.45%, -50%) scale(0.875);
			-ms-transform: translate(-43.45%, -50%) scale(0.875);
			transform: translate(-43.45%, -50%) scale(0.875);
		}
	.home4 .pm{ margin-left: -28px;}
	
	.explore1 .pos{ top: 100px;}
	.explore1 .head .h26{ margin-top: 50px;}
	.explore1 .tabs{ margin-top: 20px; text-align: center; color: #fff;}
	
	.product_detail1 .si1 .img{width:480px;}
	.product_detail1 .sm2{width:150px;}
}

@media screen and (max-width: 1440px){
	
	.home4 .cont{
			-webkit-transform: translate(-43.45%, -50%) scale(0.75);
			-ms-transform: translate(-43.45%, -50%) scale(0.75);
			transform: translate(-43.45%, -50%) scale(0.75);
		}
	.home4 .pm{ margin-left: -34px;}
	
	.pop-mod .pop-dialog{
		-webkit-transform: translate(-50%, -50%) scale(0.8);
		-ms-transform: translate(-50%, -50%) scale(0.8);
		transform: translate(-50%, -50%) scale(0.8);
	}

	.craftsmanship5{background: url(../image/temp/bg26.jpg) left bottom no-repeat;}
	
}

@media screen and (max-width: 1366px){
	
	.home4 .cont{
			-webkit-transform: translate(-43.45%, -50%) scale(0.7);
			-ms-transform: translate(-43.45%, -50%) scale(0.7);
			transform: translate(-43.45%, -50%) scale(0.7);
		}
	.home4 .pm{ margin-left: -36px;}
	
}


@media screen and (min-width: 751px){
	
	/*	仅在 pc 端触发的效果类	*/
	
	.scaleimg:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.liro:hover:before{
		-webkit-transform-origin: left center;
		transform-origin: left center;

		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}

	.shake:hover{
		-webkit-animation: shake .5s;
		animation: shake .5s;
	}
	
	.home5 .cont .h18:hover{ color: #af251c;}
	.home5 .li:hover{ background-color: #f2efec; border-color: #d4c9bb;}
	
	.designer_list2 .list-item:hover{ background-color: #f2efec;}
	.designer_list2 .list-item:hover .cont{ border-color: #b39a85;}
	.designer_list2 .list-item:hover .h18{ color: #af251c;}
	
	.article-recommend .li:hover{ background-color: #f2efec; border-color: #d4c9bb; color: #af251c;}
	
	.news1 .notice .h16:hover{ color: #af251c;}
	
	.news2 .list-item:hover{ background-color: #f2efec;}
	.news2 .list-item:hover .cont{ border-color: #d7cabe;}
	.news2 .list-item:hover .h18{ color: #af251c;}
	
	.culture5 .list-item:hover{ z-index: 1;}
	.culture5 .list-item:hover,
	.culture5 .list-item:hover .p{ color: #af251c;}
	.culture5 .list-item:hover .line{ border-color: #af251c;}
	.culture5 .list-item:hover .l:before{ opacity: 1; visibility: visible;}
	
	.craftsmanship5 .unit2 .list-item.cur{ width: 532px;}
	.craftsmanship5 .unit2 .list-item.cur .side{ width: 61px; height: 350px; background-color: #f2efec;}
	.craftsmanship5 .unit2 .list-item.cur .side .h14{ top: 30px; left: 20px;}
	.craftsmanship5 .unit2 .list-item.cur .side .h9{ top: 170px; right: 15px;}
	.craftsmanship5 .unit2 .list-item.cur .main{ opacity: 1; visibility: visible;}
	
	.explore2 .list-item.cur,
	.explore2 .list-item.cur .p{ color: #af251c;}
	.explore2 .list-item.cur .img{ opacity: 1; visibility: visible;}
	
	.case_details3 .list-item.cur{ color: #af251c;}
	.case_details3 .list-item.cur .img{ opacity: 1; visibility: visible;}
	
	.product_detail4 .list-item:hover{ border-color: #b29e84; background-color: #f2efec; color: #af251c;}
	.product_detail4 .list-item:hover .img{ background-color: #fff;}
	
	
	
}

/*	pc 端 1024 - 1280	*/
@media screen and (min-width: 1021px) and (max-width: 1279px){
	
	

}

/*	pc 端 1280 以上	*/
@media screen and (min-width: 1280px){

	
	
}

/*	移动端 1024 以下	*/
@media screen and (max-width: 750px){
	
/*	返回顶部	*/
	.gotop .s{ font-size: 0.2rem;}
	
/*	百度地图	*/
	.bdmap{ height: 6rem;}
	.bdmap-list{}
	.bdmap-list-item{}
	.bdmap-list-item.cur{}
	.bdmap-sync{}
	.bdmap-sync-item{}
	.bdmap-sync-item.act{}
	.bdmap-info-item{ width: 3rem;}

/*	弹窗	*/
	.pop-mod .pop-dialog{
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	
	.pop-alert .pop-dialog{ width: 7rem; height: 5rem;}

/*	视频	*/
	.video-box{ height: 6rem;}
	.video-box .vjs-big-play-button:before{ width: 0.94rem; font-size: 0.6rem;}
	
	.pop-video .pop-close{ display: none;}
	.pop-video .pop-cont{ width: 7rem; height: 3.76rem;}
	
/* ****************************************************** */

	.top-banner{ min-width: 320px;}
	.top-banner .slick-item .i1{ display: none;}
	.top-banner .slick-item .i2{ display: block;}
	.top-banner .slick-dots{ bottom: 0.3rem;}

	.home1{ padding-bottom: 0.15rem; height: auto; background-image: url(../image/temp/bg32.jpg); background-size: cover;}
	.home1 .head{ margin-bottom: 0.5rem; padding-left: 0; width: 5rem;}
	.home1 .head:before{ display: none;}
	.home1 .head .himg img{ display: block; width: 100%;}
	.home1 .list-box{ margin: 0; height: auto;}
	.home1 .list-item{ float: none; width: 100%; background-color: #ffffff;	box-shadow: 0px 6px 30px 0px rgba(15, 7, 2, 0.05);}
	.home1 .list-item + .list-item{ margin-left: 0; margin-top: 0.2rem;}
	.home1 .side{}
	.home1 .side .himg{ width: 100%;}
	.home1 .side .himg img{ width: 100%;}
	.home1 .main{ position: static; padding-top: 0; width: 100%; display: none;}
	.home1 .main .tit{ display: none;}
	.home1 .main .cont{ padding: 0.3rem 0.28rem 0.48rem;}
	.home1 .main .txt{ margin-bottom: 0.3rem;}
	.home1 .main .img{ width: 100%; height: auto;}
	.home1 .main .vd:after{ width: 0.5rem; height: 0.5rem;}
	.home1 .list-item.cur{ width: 100%;}
	.home1 .list-item.cur .main{ display: block;;}

	.home2{ padding: 1rem 0 1rem; height: auto;}
	.home2:after{ display: none;}
	.home2 .bg{ background-size: cover;}
	.home2 .head{ top: 0.4rem; right: 0;}
	.home2 .head .himg{ width: 4rem;}
	.home2 .head .himg img{ display: block; width: 100%;}
	.home2 .cont{ position: static; padding-top: 1.6rem; left: auto; width: auto;}
	.home2 .txt{ float: right; margin-right: 3.5rem; margin-bottom: 0.5rem;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		writing-mode: tb-rl;
		
		-webkit-text-orientation: upright;
		text-orientation: upright;
	}
	.home2 .ul{ clear: both; text-align: center;}
	.home2 .li{ float: none; display: inline-block; padding: 0 0.15rem; min-width: 1px;}
	.home2 .li + .li{ margin-left: 0;}
	.home2 .li .h{ margin-bottom: 0.2rem;}
	.home2 .li .b{ font-size: 0.6rem;}
	.home2 .li .u{ font-size: 0.4rem;}
	.home2 .li .p{ font-size: 0.24rem;}

	.home3{ padding: 1rem 0 1.5rem; height: auto; background-size: cover;}
	.home3:before{ display: none;}
	.home3 .head{ margin-bottom: 0.5rem; padding-top: 0; width: 5rem;}
	.home3 .head .himg img{ display: block; width: 100%;}
	.home3 .slick-item{ height: auto;}
	.home3 .slick-item .img{ position: relative; width: 100%; height: 4.47rem;}
	.home3 .slick-item .img:after{ bottom: 0.2rem; width: 90%; height: 0.5rem;}
	.home3 .slick-item .cont{ position: static; padding: 0.5rem 0.3rem; width: 100%; height: auto; background-size: cover;}
	.home3 .slick-item .box{ position: static; width: 100%;}
	.home3 .slick-item .h28{ margin-left: 0; margin-bottom: 0.2rem;}
	.home3 .slick-item .ul{ margin-left: 0; margin-bottom: 0.3rem;}
	.home3 .slick-item .li + .li{ margin-top: 0.1rem;}
	.home3 .slick-item .more{
		-webkit-transform-origin: left;
		transform-origin: left;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	.home3 .slick-dots{ margin-top: 0.5rem;}

	.home4{ padding-right: 0;}
	.home4:before{ display: none;}
	.home4 .cont{ position: relative; left: 0; top: 0; padding: 1rem 0; width: 100%; height: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.home4 .himg{ position: relative; left: 0; top: 0; margin-left: 3rem; margin-right: 0.3rem;}
	.home4 .himg img{ display: block; width: 100%;}
	.home4 .link-box{ bottom: 0.5rem; left: 0.5rem;}
	.home4 .link-item + .link-item{ margin-left: 0.2rem;}
	.home4 .slick-item .v360{ padding: 0.2rem; width: auto; height: auto;}
	.home4 .slick-item .v360:after{ position: static; display: block; width: 2rem; height: 0.6rem;}

	.home5{ padding: 1rem 0; height: auto; background-size: cover;}
	.home5:before{ display: none;}
	.home5 .tab-bar{ position: static; margin-bottom: 0.5rem; text-align: center; font-size: 0;}
	.home5 .tab-term{ display: inline-block; padding: 0 0.4rem; vertical-align: top;}
	.home5 .tab-term:before,
	.home5 .tab-term:after{ left: auto; right: auto; top: 0; bottom: 0;}
	.home5 .tab-term:before{ left: 0;}
	.home5 .tab-term:after{ right: 0;}
	.home5 .tab-term .h28{ width: auto; line-height: 1.2;}
	.home5 .tab-cont{ margin-left: 0;}
	.home5 .ul{ margin-bottom: 0.5rem;}
	.home5 .li{ float: none; padding: 0.1rem; width: 100%; height: auto;}
	.home5 .li + .li{ margin-left: 0; margin-top: 0.3rem;}
	.home5 .img{ height: auto;}
	.home5 .cont{ padding: 0.5rem 0.2rem;}
	.home5 .cont .date{ margin-bottom: 0.2rem; width: 100%; height: auto; background: none;}
	.home5 .cont .h18{ margin-bottom: 0.1rem; height: auto;}
	.home5 .cont .p{ height: auto; letter-spacing: 0;display: none;}
	.home5 .more{
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	.home6{ padding: 0.5rem 0 1rem; height: auto; background-size: cover;}
	.home6 .unit{ padding: 0; height: auto;}
	.home6 .tit{ float: none; padding: 0.5rem 0.2rem; width: 100%;}
	.home6 .tit .pad{ position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.home6 .tit .pad:after{ display: none;}
	.home6 .cont .i1{ width: 33.33%;}
	.home6 .cont .i2{ width: 66.66%;}
	.home6 .unit1 .tit{ float: none;}
	.home6 .unit2{ margin-right: 0;}
	.home6 .unit2 .tit{ float: none;}
	.home6 .unit2 .i2{ width: 100%;}
	
	.t_banner .bg{ height: auto;}
	.t_banner .head .h36,
	.t_banner .head .h28{ letter-spacing: 0;}
	
	.t_more{
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	
	.designer_list2{ padding: 1rem 0;}
	.designer_list2 .list-box{ padding-bottom: 0.2rem; margin-bottom: 0.5rem;}
	.designer_list2 .list-item{ height: auto; border: 1px solid #b39a85;}
	.designer_list2 .list-item + .list-item{ margin-top: 0.3rem;}
	.designer_list2 .img{ float: none; width: 100%; border: 0 none;}
	.designer_list2 .cont{ padding: 0.5rem 0.2rem; border: 0 none;}
	.designer_list2 .cont .h28{ margin-bottom: 0.2rem; padding-bottom: 0.2rem;}
	.designer_list2 .cont .h28:before{ right: 0;}
	.designer_list2 .cont .h18{ margin-bottom: 0.1rem;}
	.designer_list2 .cont .p{ height: auto; letter-spacing: 0em;}

	.news1 .pos{ top: 2rem;}
	.news1 .head{ margin-bottom: 0.5rem;}
	.news1 .tabs .tab-item{ margin: 0; width: 140px; background-size: 200%;}
	.news1 .notice{ padding: 0.2rem 0.3rem; height: auto;}
	.news1 .notice .h18{ position: static; margin-bottom: 0.2rem;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.news1 .slick-mod{ position: relative; top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.news1 .slick-item .date{ margin-right: 0.2rem; line-height: 1.5;}
	.news1 .slick-ctrl{ position: absolute; top: 0.2rem; right: 0.3rem; padding: 0 0.8rem;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.news2{ padding: 1rem 0;}
	.news2 .list-box{ margin-bottom: 0.5rem;}
	.news2 .list-item{ border: 1px solid #d7cabe;}
	.news2 .list-item + .list-item{ margin-top: 0.3rem;}
	.news2 .list-item .img{ float: none; width: 100%; height: auto; border: 0 none; border-bottom: 1px solid #d7cabe;}
	.news2 .list-item .cont{ padding: 0.5rem 0.2rem; height: auto;}
	.news2 .list-item .cont:before,
	.news2 .list-item .cont:after{ display: none;}
	.news2 .list-item .date{ position: static; margin-bottom: 0.2rem; width: 100%; height: auto; background: none;}
	.news2 .list-item .h18{ margin-bottom: 0.1rem;}
	.news2 .list-item .p{ height: auto;}
	.news2 .list-item .img + .cont{ padding: 0.5rem 0.2rem; height: auto;}
	.news2 .list-item .img + .cont .date{ margin-bottom: 0.2rem; width: auto; height: auto; background-image: none;}
	.news2 .list-item .img + .cont .h18,
	.news2 .list-item .img + .cont .p{ margin: 0;}

	.news-recommend{ padding: 1rem 0; height: auto; background-size: cover;}
	.news-recommend:before{ display: none;}
	.news-recommend .h36{ margin-bottom: 0.5rem;}
	.news-recommend .list-item{ float: none; width: 100%;}
	.news-recommend .list-item + .list-item{ float: none; margin-top: 0.2rem;}
	.news-recommend .list-item .img{ height: auto; overflow: hidden;}
	.news-recommend .list-item .h26{ padding: 0.2rem;}

	.designer1 .pos{ top: 50%; bottom: auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.designer1 .head .p{ margin-top: 0.5rem; letter-spacing: 0;}

	.designer2{ padding: 1rem 0; height: auto; background-position: bottom; background-size: cover;}
	.designer2:before{ display: none;}
	.designer2 .head{ margin-bottom: 0.5rem;}
	.designer2 .list-item{ margin: 0 0.2rem 0.2rem; padding-top: 0.3rem; width: 1.24rem; height: 3.41rem; background-size: contain;}
	.designer2 .list-item .h18{ width: 3em;}

	.designer3{ padding: 1rem 0; height: auto; background-position: bottom; background-size: cover;}
	.designer3:before{ display: none;}
	.designer3 .head{ margin-bottom: 0.5rem;}
	.designer3 .list-box{ height: auto;}
	.designer3 .list-box:before{ display: none;}
	.designer3 .list-item{ float: none; width: 100%; text-align: left;}
	.designer3 .list-item:after{ display: none;}
	.designer3 .list-item + .list-item{ margin-top: 0.3rem;}
	.designer3 .list-item .box{ position: static; overflow: hidden;}
	.designer3 .list-item .icon{ position: static; float: left; width: 0.8rem; height: 0.8rem;}
	.designer3 .list-item .p{ padding: 0.19rem; overflow: hidden;}
	.designer3 .list-item:nth-child(odd) .icon{ margin-bottom: 0;}

	.designer4{ padding: 1rem 0; height: auto; background-size: cover;}
	.designer4:before{ display: none;}
	.designer4 .head{ margin-bottom: 0.5rem;}
	.designer4 .form-box{ margin-bottom: 0.5rem; padding-left: 0;}
	.designer4 .form-item{ float: none; margin-bottom: 0.3rem; width: 100%; margin-left: 0;}
	.designer4 .form-item:last-child{ width: 100%;}
	.designer4 .input{ padding: 9px; background-size: 100% 100%;}
	.designer4 .input input{ height: auto;}
	.designer4 .form-item:last-child .input{ background-image: url(../image/temp/bg16.jpg);}
	.designer4 .radio{ padding: 4px; background-size: 100% 100%;}
	.designer4 .pop{ width: 100%;}
	.designer4 .pop-label.cur{ font-size: 0.3rem;}

	.designer5{ padding: 1rem 0;}
	.designer5:before{ display: none;}
	.designer5 .head{ margin-bottom: 0.5rem;}
	.designer5 .slick-mod{ margin-bottom: 0.5rem;}
	.designer5 .slick-mod:before,
	.designer5 .slick-mod:after{ display: none;}
	.designer5 .slick-item .img{ float: none; margin-left: 0; width: 100%; height: auto;}
	.designer5 .slick-item .cont{ float: none; margin-right: 0; padding: 0.5rem 0.2rem; width: 100%;}
	.designer5 .slick-item .cont:before{ display: none;}
	.designer5 .slick-item .cont .h18{ margin-bottom: 0.2rem;}
	.designer5 .slick-item .cont .p{ margin-bottom: 0.5rem;}
	.designer5 .slick-dots{ display: none; visibility: hidden;}
	
	.culture1 .pos{ top: 0;}
	.culture1 .head{ position: absolute; left: 0; right: 0; top: 50%;
		transform: translateY(-50%);
	}
	.culture1 .box{ top: 100%; bottom: auto; margin: -0.65rem 0.22rem 0; padding: 0.5rem 0.35rem; height: auto; background: #fff; box-shadow: 0px 6px 30px 0px rgba(15, 7, 2, 0.05);
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.culture1 .box:before,
	.culture1 .box:after{ content: ''; position: absolute; width: 0.2rem; height: 0.2rem;}
	.culture1 .box:before{ left: 0.2rem; top: 0.2rem; border-top: 1px solid #af1d20; border-left: 1px solid #af1d20;}
	.culture1 .box:after{ right: 0.2rem; bottom: 0.2rem; border-right: 1px solid #af1d20; border-bottom: 1px solid #af1d20;}
	.culture1 .box .h22{ margin-bottom: 0.2rem; letter-spacing: 0;}
	.culture1 .box .p{ margin-bottom: 0.5rem;}

	.culture2{ padding: 6rem 0 0.7rem; height: auto; background-image: url(../image/temp/bg30.jpg); background-size: cover;}
	.culture2:before{ display: none;}
	.culture2 .head{ margin-bottom: 0.22rem;}
	.culture2 .slick-mod:before{ }
	.culture2 .slick-arrow{ top: 50%;}
	.culture2 .ul{ height: auto;}
	.culture2 .li{ position: static; width: 100%;}
	.culture2 .li .y{ position: static; font-size: 0.5rem;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.culture2 .li .cont{ position: static; width: 100%;}
	.culture2 .li .img{ margin-bottom: 0.1rem; height: auto;}
	.culture2 .li .p{ position: static;}
	.culture2 .li:nth-child(odd) .p,
	.culture2 .li:nth-child(even) .p{ margin: 0; padding: 0.5rem 0.2rem;}
	.culture2 .li:nth-child(1),
	.culture2 .li:nth-child(2),
	.culture2 .li:nth-child(3),
	.culture2 .li:nth-child(4),
	.culture2 .li:nth-child(5){ height: auto; background: none;}
	.culture2 .m-show:before{ content: ''; position: absolute; left: 50%; bottom: 0.5rem; width: 9999px; border-bottom: 1px solid #b39a85;
		transform: translateX(-50%);
	}
	.culture2 .sm2{}
	.culture2 .slick-arrow{ top: auto; bottom: 0.35rem; width: 0.3rem; height: 0.3rem; background-size: contain;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.culture2 .sm2 .slick-item{ padding: 0.4rem 0.4rem 0.6rem; background: #fff; box-shadow: 0px 6px 30px 0px rgba(15, 7, 2, 0.05);}
	.culture2 .sm2 .img{ margin-bottom: 0.22rem;}
	.culture2 .sm2 .img img{ display: block; width: 100%;}
	.culture2 .sm2 .p{ font-size: 0.24rem;}
	.culture2 .sm3{ margin-top: -0.4rem;}
	.culture2 .sm3 .slick-item{ position: relative; padding-top: 1.26rem; text-align: center;}
	.culture2 .sm3 .slick-item:before{ content: ''; position: absolute; left: 50%; top: 0; width: 0.2rem; height: 1.2rem; background: url(../image/temp/bg21.png) no-repeat; background-size: contain; display: none;
		transform: translateX(-50%);
	}
	.culture2 .sm3 .year{ position: relative; font-size: 0.22rem; line-height: 0.4rem; color: #b39a85;}
	.culture2 .sm3 .slick-current .slick-item:before{ display: block;}
	.culture2 .sm3 .slick-current .slick-item .year{ font-size: 0.28rem; font-weight: bold;}

	.culture3{ padding: 1rem 0 1.1rem; height: auto; background-size: cover;}
	.culture3:before{ display: none;}
	.culture3 .himg{ position: static; float: right; margin-left: 0; width: 4rem; overflow: hidden;}
	.culture3 .p{ position: static; margin-left: 0; padding: 0 0.5rem; width: 100%; word-break: break-all; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0; clear: both;}

	.culture4{ margin-top: -0.74rem; padding-bottom: 1rem;}
	.culture4 .unit1{ margin-bottom: 0.5rem; height: auto;}
	.culture4 .unit1 .img{ top: 0; width: 100%; height: auto;}
	.culture4 .unit1 .cont{ position: static; padding: 0.5rem; width: 100%; height: auto; background-size: cover;}
	.culture4 .unit1 .h18{ margin-bottom: 0.2rem;}
	.culture4 .unit2{ margin-bottom: 0.8rem; padding-left: 0;}
	.culture4 .unit2 .part{ top: auto; bottom: 0; margin-left: -0.25rem; margin-bottom: -0.5rem; width: 1.75rem; height: 2.24rem;}
	.culture4 .unit2 .img{ float: left; margin-left: 0.2rem; width: 2rem; height: auto;}
	.culture4 .unit2 .cont{ position: static; padding: 0.5rem; padding-right: 0.2rem; width: auto; color: #666; overflow: hidden;}
	.culture4 .list-item{ float: none; width: 100%;}
	.culture4 .list-item + .list-item{ margin-left: 0; margin-top: 0.6rem;}
	.culture4 .list-item .cont{ margin: -0.6rem 0.15rem 0; padding: 0.5rem; box-shadow: 0px 6px 30px 0px rgba(15, 7, 2, 0.05); text-align: center;}
	.culture4 .list-item .cont:after{ display: none;}
	.culture4 .list-item .cont .h28{ margin-bottom: 0; letter-spacing: 0;}
	.culture4 .list-item .cont .h12{ letter-spacing: 0; text-align: center;}
	.culture4 .list-item .cont .p{ word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
	.culture4 .list-item:nth-child(odd) .cont{ margin-bottom: 0; height: auto;}
	.culture4 .list-item:nth-child(odd) .img{ height: auto;}
	.culture4 .list-item:nth-child(even) .cont{ margin-top: -0.6rem; height: auto;}
	.culture4 .list-item:nth-child(even) .img{ height: auto;}

	.culture5{ padding: 1rem 0; background-size: contain;}
	.culture5:before{ display: none;}
	.culture5 .head{ margin-bottom: 0.5rem; padding: 0;}
	.culture5 .head .h36{ margin-bottom: 0.2rem;}
	.culture5 .head .p{ text-align: left;}
	.culture5 .list-box{ border-top: 1px solid #e2e2e2;}
	.culture5 .list-item{ float: none; padding: 0.38rem 0; height: auto; border-bottom: 1px solid #e2e2e2;}
	.culture5 .list-item + .list-item{ margin-top: 0.3rem;}
	.culture5 .list-item .line{ display: none;}
	.culture5 .list-item .h28,
	.culture5 .list-item .p{ position: static; height: auto;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		writing-mode: rl-tb;
	}
	.culture5 .list-item .h28{ margin-bottom: 0.1rem; color: #af251c;}
	.culture5 .list-item .p{ letter-spacing: 0;}
	.culture5 .list-item[class*='li']{ width: 100%;}
	.culture5 .list-item.li4 .p{ height: auto;}
	
	.craftsmanship1 .pos{ top: 0;}
	.craftsmanship1 .head{ position: absolute; left: 0; right: 0; top: 50%;
		transform: translateY(-50%);
	}
	.craftsmanship1 .head .h26{ margin-top: 0.5rem; letter-spacing: 0;}

	.craftsmanship2{ padding: 1rem 0;}
	.craftsmanship2:before{ display: none;}
	.craftsmanship2 .head{ margin-bottom: 0.5rem; padding: 0;}
	.craftsmanship2 .head .h36{ margin-bottom: 0.2rem;}
	.craftsmanship2 .head .p{ letter-spacing: 0;}
	.craftsmanship2 .slick-mod:before{ display: none;}
	.craftsmanship2 .slick-item .box{ width: 100%; height: auto;}
	.craftsmanship2 .slick-item .cont{ position: relative; top: 0; padding: 1rem 0.2rem; width: 100%; height: 3rem;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.craftsmanship2 .slick-item .paging{ right: 0; top: 0.2rem; width: auto; height: auto; overflow: hidden;}
	.craftsmanship2 .slick-item .paging:after{ right: 50%; top: 0; bottom: 0; margin: auto; height: 0.5rem;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.craftsmanship2 .slick-item .paging .b,
	.craftsmanship2 .slick-item .paging .c{ position: static; float: left; margin: 0 0.2rem; font-size: 0.3rem;}
	.craftsmanship2 .slick-item .cont .p{ position: static; width: 100%; text-align: left; letter-spacing: 0;}
	.craftsmanship2 .slick-ctrl{ display: none;}
	.craftsmanship2 .slick-arrow{ top: 0; bottom: 3rem; margin: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.craftsmanship2 .slick-prev{ left: 0; right: auto; margin-right: 0;}
	.craftsmanship2 .slick-next{ left: auto; right: 0; margin-left: 0;}

	.craftsmanship3{ padding: 1rem 0; height: auto;}
	.craftsmanship3:before{ display: none;}
	.craftsmanship3 .himg{ position: static; float: left; margin-right: 0.2rem; width: 1.5rem; height: auto;}
	.craftsmanship3 .txt{ position: static; width: auto; overflow: hidden;}
	.craftsmanship3 .slick-mod{ position: relative; left: 0; top: 0; margin: 0.5rem 0.25rem 0;}
	.craftsmanship3 .slick-list{ padding-right: 0;}
	.craftsmanship3 .slick-item .box{ margin: 0;}
	.craftsmanship3 .slick-item .img{ padding-bottom: 0; margin-bottom: 0.2rem;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.craftsmanship3 .slick-item .img img{ position: static; display: block;}
	.craftsmanship3 .slick-item .h16{ opacity: 1;}
	.craftsmanship3 .slick-item .play{ width: 0.5rem; height: 0.5rem; background-size: contain; opacity: 1; visibility: visible;}
	.craftsmanship3 .slick-arrow{ margin-top: -0.3rem; width: 30px; height: 30px;}
	.craftsmanship3 .slick-prev{ background-image: url(../image/temp/prev3.png);}
	.craftsmanship3 .slick-next{ background-image: url(../image/temp/next3.png);}


	.craftsmanship4{ padding: 1rem 0; height: auto; background-size: cover;}
	.craftsmanship4:before{ display: none;}
	.craftsmanship4 .head{ margin-bottom: 0.2rem;}
	.craftsmanship4 .list-box{ margin-left: 0;}
	.craftsmanship4 .list-item{ float: none; margin: 0 0 0.3rem; width: 100%;}
	.craftsmanship4 .list-item .img,
	.craftsmanship4 .list-item:first-child .img{ height: auto;}
	.craftsmanship4 .list-item .cont{ padding: 0.5rem 0.2rem; width: 100%; height: auto;}
	.craftsmanship4 .list-item .cont:before{ display: none;}
	.craftsmanship4 .list-item .box{ display: block; letter-spacing: 0;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		writing-mode: rl-tb;
	}
	.craftsmanship4 .list-item .h18{ margin-left: 0; margin-bottom: 0.2rem;}
	.craftsmanship4 .list-item:nth-child(1) .p{ height: auto;}
	.craftsmanship4 .list-item:nth-child(2){ margin-top: 0;}
	.craftsmanship4 .list-item:nth-child(3){ margin-top: 0;}
	.craftsmanship4 .list-item:nth-child(3) .p{ height: auto;}

	.craftsmanship5{ padding: 1rem 0; height: auto; background-size: cover;}
	.craftsmanship5:before{ display: none;}
	.craftsmanship5 .himg{ right: 0.2rem; top: 0; width: 1rem;}
	.craftsmanship5 .unit1{ position: static; margin-bottom: 0.5rem; width: 100%;}
	.craftsmanship5 .unit1 .img{ float: none; margin-left: 0; margin-bottom: 0.2rem; margin-right: 1.5rem; width: auto; height: auto;}
	.craftsmanship5 .unit1 .cont{ text-align: left;}
	.craftsmanship5 .unit2{ position: relative; top: 0;}
	.craftsmanship5 .unit2:before{ display: none;}
	.craftsmanship5 .unit2 .logo{ position: static; margin: 0 auto 0.2rem; width: 147px; height: 131px;}
	.craftsmanship5 .unit2 .list-box{ position: static;}
	.craftsmanship5 .unit2 .list-item{ float: none; width: 100%;}
	.craftsmanship5 .unit2 .list-item + .list-item{ margin-left: 0; margin-top: 0.3rem;}
	.craftsmanship5 .unit2 .list-item:nth-child(2){ margin-top: 0.3rem;}
	.craftsmanship5 .unit2 .list-item:nth-child(3){ margin-top: 0.3rem;}
	.craftsmanship5 .unit2 .list-item:nth-child(4){ margin-top: 0.3rem;}
	.craftsmanship5 .unit2 .side{ margin-bottom: 0.2rem; width: 100%; height: auto;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		writing-mode: rl-tb;
	}
	.craftsmanship5 .unit2 .side .h14{ position: static; letter-spacing: 0;}
	.craftsmanship5 .unit2 .side .h9{ position: static;}
	.craftsmanship5 .unit2 .side .h9 br{ display: none;}
	.craftsmanship5 .unit2 .main{ position: static; opacity: 1; visibility: visible;}
	.craftsmanship5 .unit2 .img{ width: 100%; height: auto;}
	
	.product1{ height: 4.21rem;}
	.product1 .video{ width: 100%; height: auto;}
	.product1 .video.p-show{ display: none;}
	.product1 .video.m-show{ display: block;}
	.product1 .pos{ top: 50%; bottom: auto;
		transform: translateY(-50%);
	}
	.product1 .head{ margin-bottom: 0.2rem;}
	.product1 .play{ position: static; width: 0.5rem; height: 0.5rem; background-size: contain;}

	.product2{ padding: 1rem 0;}
	.product2:before{ display: none;}
	.product2 .head{ margin-bottom: 0.5rem;}
	.product2 .slick-mod{ margin-bottom: 0.5rem;}
	.product2 .slick-item{ height: auto;}
	.product2 .slick-item .img{ float: none; width: 100%; height: 4.47rem;}
	.product2 .slick-item .img:after{ bottom: 0.2rem; width: 90%; height: 0.5rem;}
	.product2 .slick-item .img .mark{ left: 0.2rem; top: 0.2rem; width: 1rem; height: 1rem;}
	.product2 .slick-item .cont{ padding: 0.5rem;}
	.product2 .slick-item .h28{ margin-bottom: 0.2rem;}
	.product2 .slick-item .ul{ margin-bottom: 0.5rem;}
	.product2 .slick-item .li + .li{ margin-top: 0.1rem;}
	.product2 .slick-item .more{
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	.product3{ padding: 1rem 0;}
	.product3 .box1{ margin-bottom: 0.2rem;}
	.product3 .box1 .input{ position: relative; margin-left: 0; margin-bottom: 0.2rem; padding: 0.1rem; padding-left: 0.3rem; padding-right: 1rem; width: 100%; height: auto; background: url(../image/temp/bg31.png) left no-repeat; background-size: contain;}
	.product3 .box1 .input input{ display: block; position: relative;}
	.product3 .box1 .t_more{ margin-left: 0; width: 2.2rem; background-size: 100% 100%;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.product3 .box1 .t_more + .t_more{ margin-left: 0.2rem;}
	.product3 .box2{ margin-bottom: 0.2rem; padding: 0.3rem 0 0.2rem; overflow: hidden;}
	.product3 .box2:before{ left: 0.1rem; right: 0.1rem; top: 0.1rem; bottom: 0.1rem;}
	.product3 .box2 .item{ display: block; float: left; margin-left: 0.3rem; margin-bottom: 0.1rem; width: 2rem; font-size: 0.3rem; line-height: 1.5;}
	.product3 .box2 .item:before{ left: 0;}
	.product3 .box2 .item + .item{ margin-left: 0.3rem;}
	.product3 .box2 .item.cur{ background-size: 100% 100%; font-size: 0.3rem;}

	
	.product3 .list-box{ margin-bottom: 0.5rem;}
	.product3 .list-item{ margin-bottom: 0.5rem;}
	.product3 .list-item,
	.product3 .list-width{ width: 7rem;}
	.product3 .list-space{ width: 0;}
	.product3 .list-item .mark{ left: 0.2rem; top: 0.2rem; width: 0.5rem; height: 0.5rem;}
	.product3 .list-item .img{ margin-bottom: 0.2rem;}
	.product3 .load{ padding-left: 0.5rem;}
	.product3 .load:before{ margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; background-size: contain;}	
	
	.product_detail1{ height: auto;}
	.product_detail1 .view{ position: relative; right: 0; margin-right: 0;}
	.product_detail1 .info{ position: static; margin-left: 0;}
	.product_detail1 .si1{ height: 6rem;}
	.product_detail1 .si1 .img{ width: 5rem; height: 5rem;}
	.product_detail1 .sm2{ display: none;}
	.product_detail1 .mark{ top: 0.2rem; left: 0.2rem; right: auto; margin-right: 0; width: 1rem; height: 1rem;}
	.product_detail1 .v360{ right: 0.2rem; bottom: 0.2rem; width: 0.5rem; height: 0.5rem;}
	.product_detail1 .slick-arrow{ bottom: 0;}
	.product_detail1 .slick-prev{ right: auto; background-image: url(../image/temp/prev2.png);}
	.product_detail1 .slick-next{ left: auto; right: 0; top: 0; background-image: url(../image/temp/next2.png);}
	.product_detail1 .box{ position: static; padding: 0.5rem; width: 100%;}
	.product_detail1 .box .h28{ margin-bottom: 0.2rem;}
	.product_detail1 .box .share{ margin-bottom: 0.5rem;}
	.product_detail1 .box .ul{ margin-bottom: 0.2rem;}
	.product_detail1 .box .li + .li{ margin-top: 0.1rem;}
	.product_detail1 .box .tel{ margin-bottom: 0.5rem;}
	.product_detail1 .box .btns .item{ width: 130px; background-size: 200% 100%;}

	.product_detail2{ padding: 1rem 0; background-size: contain;}
	.product_detail2 .head{ margin-bottom: 0.5rem;}

	.product_detail3{ padding: 1rem 0;}
	.product_detail3:before{ display: none;}
	.product_detail3 .head{ margin-bottom: 0.5rem;}
	.product_detail3 .list-box{ padding-right: 0;}
	.product_detail3 .list-item{ float: none; margin-bottom: 0.2rem;}
	.product_detail3 .list-item:nth-child(1),
	.product_detail3 .list-item:nth-child(2){ margin-right: 0; margin-bottom: 0.2rem; width: 100%; height: auto;}
	.product_detail3 .list-item:nth-child(3){ margin-right: 0; width: 100%; height: auto;}
	.product_detail3 .list-item:nth-child(4){ width: 100%; height: auto;}
	.product_detail3 .list-item:nth-child(5){ position: static; width: 100%;}

	.product_detail4{ padding: 1rem 0;}
	.product_detail4:before{ display: none;}
	.product_detail4 .head{ margin-bottom: 0.5rem;}
	.product_detail4 .list-item{ float: none; padding: 0.1rem; width: 100%; height: auto;}
	.product_detail4 .list-item + .list-item{ margin-left: 0; margin-top: 0.2rem;}
	.product_detail4 .list-item .img{ padding: 0.5rem; height: auto;}
	.product_detail4 .list-item .img img{ position: static; display: block; margin: auto; width: 4rem; height: 4rem;}
	.product_detail4 .list-item .h18{ padding: 0.2rem 0;}
	
	.explore1 .p-show{ display: none;}
	.explore1 .m-show{ display: block;}
	.explore1 .pos{ top: 50%; width: 100%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.explore1 .head .h26{ margin-top: 0.5rem; letter-spacing: 0;}
	.explore1 .tabs{ margin-top: 0.5rem;}
	.explore1 .tabs .tab-item{ margin: 0; width: 140px; background-size: 200%;}

	.explore2{ padding: 1rem 0; height: auto; background: url(../image/temp/bg20.jpg);}
	.explore2:before{ display: none;}
	.explore2 .head{ margin-bottom: 0.5rem;}
	.explore2 .unit{ height: auto;}
	.explore2 .list-box{ float: none; padding: 0 0.2rem 0.2rem; width: 100%;}
	.explore2 .list-item{ position: relative; padding: 0.2rem 0 0.3rem; background: none;}
	.explore2 .list-item:before,
	.explore2 .list-item:after{ content: ''; position: absolute; left: 0; bottom: 0;}
	.explore2 .list-item:before{ right: 0; margin-bottom: 2px; border-bottom: 1px dashed #e9e9e9;}
	.explore2 .list-item:after{ width: 5px; height: 5px; background-color: #af251c; border-radius: 50%;}
	.explore2 .list-item .h14{ margin-bottom: 0.1rem;}
	.explore2 .list-item .p{ font-size: 0.26rem;}
	.explore2 .list-item .img{ position: static; margin-bottom: 0.2rem; width: 100%; opacity: 1; visibility: visible;}

	.explore3{ padding: 1rem 0;}
	.explore3:before{ display: none;}
	.explore3 .unit{ margin-bottom: 0.5rem;}
	.explore3 .unit .img{ float: none; width: 100%; height: auto;}
	.explore3 .unit .img .h18{ padding: 0.15rem 2.5rem 0.15rem 0.2rem; min-height: 0.8rem; letter-spacing: 0; white-space: normal;}
	.explore3 .unit .v360{ padding: 0.1rem; width: auto; height: auto; z-index: 1;}
	.explore3 .unit .v360:after{ position: static; display: block; width: 2rem; height: 0.6rem; background-size: contain;}
	.explore3 .unit .v360 .h18{ padding: 0.15rem 0.2rem;}
	.explore3 .unit .cont{ padding: 0.5rem 0.2rem;}
	.explore3 .unit .cont .h18{ margin-bottom: 0.2rem;}
	.explore3 .unit .cont .p{ letter-spacing: 0;}
	.explore3 .list-box{ margin-bottom: 0.5rem;}
	.explore3 .list-item{ margin-bottom: 0.5rem;}
	.explore3 .list-item,
	.explore3 .list-width{ width: 7rem;}
	.explore3 .list-space{ width: 0;}
	.explore3 .list-item .mark{ left: 0.2rem; top: 0.2rem; width: 0.5rem; height: 0.5rem;}
	.explore3 .list-item .img{ margin-bottom: 0.2rem;}
	.explore3 .list-item .v360{ padding: 0.1rem; width: auto; height: auto;}
	.explore3 .list-item .v360:after{ position: static; display: block; width: 2rem; height: 0.6rem; background-size: contain;}
	.explore3 .load{ padding-left: 0.5rem;}
	.explore3 .load:before{ margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; background-size: contain;}	
	
	.case_details1{ padding: 1rem 0;}
	.case_details1 .head{ margin-bottom: 0.5rem;}
	.case_details1 .unit{ margin-bottom: 0.5rem;}
	.case_details1 .unit .v360{ padding: 0.1rem; width: auto; height: auto;}
	.case_details1 .unit .v360:after{ position: static; display: block; width: 2rem; height: 0.6rem; background-size: contain;}
	.case_details1 .slick-arrow{ bottom: 0;}
	.case_details1 .slick-prev{ right: auto; background-image: url(../image/temp/prev2.png);}
	.case_details1 .slick-next{ left: auto; right: 0; top: 50%; background-image: url(../image/temp/next2.png);}
	.case_details1 .si1 .img{ height: auto;}
	.case_details1 .sm2{ display: none;}
	.case_details1 .cont{ margin: 0 0 0.3rem; padding: 0.5rem 0.2rem;}
	.case_details1 .cont .h14{ margin-bottom: 0.5rem;}
	.case_details1 .cont .p + .p{ margin-top: 0.2rem;}
	.case_details1 .word{ margin: 0;}
	.case_details1 .word a{ margin-left: 0.1rem;}

	.case_details2 .cont{ width: 6rem;}
	.case_details2 .cont .h26,
	.case_details2 .cont .h16{ margin-bottom: 0.2rem;}

	.case_details3{ padding: 1rem 0; height: auto; background: url(../image/temp/bg20.jpg);}
	.case_details3:before{ display: none;}
	.case_details3 .head{ margin-bottom: 0.5rem;}
	.case_details3 .unit{ height: auto;}
	.case_details3 .list-box{ float: none; padding: 0 0.2rem 0.2rem; width: 100%;}
	.case_details3 .list-item{ position: relative; padding: 0.2rem 0 0.3rem; background: none;}
	.case_details3 .list-item:before,
	.case_details3 .list-item:after{ content: ''; position: absolute; left: 0; bottom: 0;}
	.case_details3 .list-item:before{ right: 0; margin-bottom: 2px; border-bottom: 1px dashed #e9e9e9;}
	.case_details3 .list-item:after{ width: 5px; height: 5px; background-color: #af251c; border-radius: 50%;}
	.case_details3 .list-item .h14{}
	.case_details3 .list-item .img{ position: static; margin-bottom: 0.2rem; width: 100%; opacity: 1; visibility: visible;}

	
	
	.article-recommend{ padding: 1rem 0; height: auto; background-size: cover;}
	.article-recommend:before{ display: none;}
	.article-recommend .head{ margin-bottom: 0.3rem;}
	.article-recommend .li{ float: none; margin: 0; padding: 0.1rem; width: 100%; height: auto;}
	.article-recommend .li + .li{ margin-top: 0.3rem;}
	.article-recommend .img{ height: auto;}
	.article-recommend .cont{ padding: 0.5rem 0.2rem;}
	.article-recommend .h18{ min-height: 1px; margin-bottom: 0.2rem;}
	.article-recommend .t_more{ margin-top: 0.5rem;}


/* ****************************************************** */
	
/* 移动端详情页 */
	.article{ padding: 1rem 0;}
	.article-title{ margin: 0 0 0.4rem;}
	.article-title .h28{ margin-bottom: 0.2rem; line-height: 1.3;}
	.article-title .info span{ margin:0 0.1rem;}
	.article-cont{ margin: 0 0 0.3rem;}
	.article-cont .vd{ height: 5rem;}
	.article-cont .vjs-big-play-button{ width: 1rem; height: 1rem; background-size: contain;}
	.article-cont .p{ margin-bottom: 0.2rem;}
	.article-cont .img{ margin: 0.3rem 0;}
	.article-paging{ padding: 0.3rem 0; line-height:1.5;}
	.article-prev{ margin-bottom: 0.2rem;}
	.article-prev, .article-next{ float: none; padding: 0 0 0 0.5rem; width: 100%; text-align: left;}
	.article-prev:before, .article-next:before{ right: auto; left: 0; width: 0.42rem; height: 0.42rem; font-size: 0.28rem;}
	
	.article .share-mod{ padding: 0.5rem 0;}
	.article .share-box .share-item{ width: 0.6rem; font-size: 0.4rem;}

/* 移动端搜索结果页 */
	.result{ padding: 0.8rem 0;}
	.result .h24{}
	.result .h24 span{ margin-left: 0.3rem; font-size: 0.3rem;}
	.result .list{ margin-bottom: 0.5rem;}
	.result .list-item{ padding: 0.4rem 0;}
	.result .list .h18{ margin-bottom: 0.2rem;}

/* 移动端网站地图 */
	.sitemap{ padding: 0.4rem 0;}
	.sitemap dl{ padding: 0.3rem 0;}
	.sitemap dt{ font-size: 0.32rem;}
	.sitemap dd{ margin-top: 0.2rem;}
	.sitemap dd a{ margin-right: 0.2rem;}


	.product_detail1 .si1 .img{position: static; width:85%; height: auto;
		-ms-transform: none;
		transform: none;
	}
	.product_detail4 .list-item .img{padding:0;}
	.product_detail4 .list-item .img img{width:100%;height: auto;}
	.product_detail1 .si1{ padding: 0.8rem 0; height: auto;}

	/* 2020-07-07lyj */
	.article-recommend .img .play{width: 1rem;height: 1rem;}
	.craftsmanship2 .slick-next{background-image: url(../image/temp/next2.png);}
	.craftsmanship2 .slick-prev{background-image: url(../image/temp/prev2.png);}
	.culture3 .p{z-index: 9;position: relative;top: inherit;right: inherit;bottom: inherit;left: inherit;}
	.culture3 .himg{z-index: 9;position: relative;top: inherit;right: inherit;bottom: inherit;left: inherit;}

	.news2 .list-item .img + .cont .h18{margin: 0;}
	.product3#product3{padding: 1rem 0;}
	.designer_list2{padding-bottom: 1rem;}
	.designer_list2 .page-mod{margin-bottom: 0;}
}