@charset "utf-8";
body{margin:0;padding:0;font-family:'微软雅黑' ;font-size:14px;width:100%}
input,select,textarea,button{vertical-align:middle;outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border:0;vertical-align:middle}
dl,dt,li,ol,ul{list-style:none}
a{text-decoration:none;outline:0;color:#333}
*{padding:0;margin:0}
.clear{clear:both}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.text{text-align:center}
.fl{float:left}
.fr{float:right}
.hide{display:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9e9e9e}
input:-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input::-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9e9e9e}
.wrap{width: 1200px;margin:0 auto;}
.tabbox{display:table-cell;vertical-align:middle}
a,a:hover,a:active,a:visited,a:link,a:focus,span,div{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
img{object-fit:cover;}
.L .copy a{
    color: #5f5f5f;
}

@font-face {
    font-family: 'Light';
    src:url('../fonts/sourcehansanscn-light.ttf');
}
@font-face {
    font-family: 'Bold';
    src:url('../fonts/sourcehansanscn-Bold.otf');
}
@font-face {
    font-family: 'Medium';
    src:url('../fonts/sourcehansanscn-Medium.otf');
}
@font-face {
    font-family: 'Regular';
    src:url('../fonts/sourcehansanscn-Regular.ttf');
}
@font-face {
    font-family: 'Normal';
    src:url('../fonts/sourcehansanscn-normal.ttf');
}
@font-face {
    font-family: 'ExtraLight';
    src:url('../fonts/sourcehansanscn-ExtraLight.otf');
}
@font-face {
    font-family: 'FZDHTK_GBK';
    src:url('../fonts/FZDHTK_GBK.ttf');
}
@font-face {
    font-family: 'Aparajita';
    src:url('../fonts/aparajita bold.ttf');
}






.floating{position: fixed;right: 3px;top:35%;z-index: 10}
.floating a{width: 48px;height: 48px;margin-bottom: 1px;text-align: center;border: 1px #cab48f solid;display: block;background: #fff;line-height: 48px;}
.floating a img{max-width: 76%;}
.floating a.return{/*display: none*/}
.floating a:hover{}
.div-float {display: none;width: 223px;background: #fff;position: absolute;right: 51px;/*min-height: 90px;*/border: 1px solid #e0e1e5;box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);border: 1px #cab48f solid;}
.div-float .inner-box{padding: 8px 22px 12px;}
.div-float .inner-box .padd {padding: 15px 0;overflow: hidden;}
.div-float .inner-box a{width: 100%;height: auto;background: none;overflow: hidden;border:none;}
.div-float {top: 51px;}
.div-float.div-phone {top: 0px;}
.div-float.div-wechat {top: 102px;width: 140px;text-align: center;}
.div-float.div-wechat img{width: 120px;height: 120px;}
.div-float .inner-box .L{width: 44px;height: 44px;border-radius: 44px;background: #f1f1f3;text-align: center;line-height: 44px;}
.div-float .inner-box .R{width: 122px;line-height: 44px;margin-left: 10px;}
.div-float .inner-box .R p{line-height: 22px;}
.qrcode-img{width: 120px;}
.div-float.div-wechat p{font-size: 14px;color: #888;}
.div-float.div-wechat .inner-box{padding:10px 10px 5px 10px;}

.floating2{position: fixed;left: 0;bottom: 0;width: 100%;z-index: 10;display: none;border-top:1px #cab48f solid;}
.floating2 a{width: 25%;float: left;background: #fff;color: #333;text-align: center;position: relative;padding:5px 0;}
.floating2 a:before{content: '';position: absolute;right: 0;top:0;width: 1px;height: 100%;background: #cab48f;}
.floating2 a:last-child:before{display: none}
.floating2 a img{height: 16px;margin-bottom: 5px;}
.floating2 a p{line-height: 16px;}


.flow{margin: 44px 0}
.flow-t{text-align: center;color: #4b63ab;font-size: 30px;font-family: 'Medium';}
.flow-b{margin-top: 29px;position: relative;}
.flow-b:before{content: '';position: absolute;left: 0;top:50%;width: 100%;height: 3px;background: #dcdcdc}
.flow-b ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
.flow-b li{width: 171px;height: 228px;border:1px transparent solid;text-align: center;position: relative;transition:.5s;}
.flow-b li .pic{height: 75px;line-height: 75px;overflow: hidden;}
.flow-b li .pic img{transition:.5s;}
.flow-b li .txt{margin-top: 66px;position: relative;padding-bottom: 9px;}
.flow-b li .txt:before{content: '';position: absolute;left: 0;bottom:0%;width: 23px;height:2px;background: #e5e5e5;right: 0;margin: 0 auto;}
.flow-b li .txt p{color: #b6b6b6;font-size: 18px;font-family: 'Normal';}
.flow-b li .txt h4{color: #676767;font-size: 22px;font-family: 'Light';margin-top: 5px;}
.flow-b li b{background:url(../images/tb2_03.png) no-repeat center;width: 20px;height: 20px;display: block;position: absolute;left: 0;top:46%;right: 0;margin: 0 auto;background-size: 100%;transition:.3s;}
.flow-b li:hover{border-color: #ccb196;background: #fff;}
.flow-b li:hover b{width: 30px;height: 30px;top:45%;}
.flow-b li:hover .pic img{transform:scale(1.1);transition:.5s;}


.intro{padding:73px 0 96px;background: #eeeeee;}
.intro-t{text-align: center;}
.intro-t h2{color: #ccb196;font-size:60px;font-family: 'Aparajita';text-transform: uppercase;line-height: 40px;}
.intro-t h4{color: #333333;font-size:30px;font-family: 'Medium';margin-top: 15px;}
.intro-b{margin-top: 40px;}
.intro-b img{max-width: 100%}
.intro-b p{color: #4c4c4c;font-size:14px;font-family: 'Light';line-height: 30px;}
.intro-b .more{text-align: center;margin: 5px 0}
.intro-b .more a{color: #cbcbcb;text-transform: capitalize;}
.intro-b .more a span{width: 39px;height: 39px;background: url(../images/bottom1.png) no-repeat center;display: block;margin: 0 auto}
.intro-b .more a:hover{color: #333;}
.intro-b .more a:hover span{background: url(../images/bottom2.png) no-repeat center;}
.intro-b .mv{position: relative;}
.intro-b .mv video{width: 100%;object-fit: fill;margin-bottom:15px;}
.video_post{
    width: 70px;
    height: 70px;
    position: absolute;left: 50%;top:50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);       
}

.product{padding: 62px 0;background: #4b63ab;}
.product-t{}
.product-t .name{}
.product-t .name h2{color: #ffffff;font-size:60px;font-family: 'Aparajita';line-height: 47px;}
.product-t .name h4{color: #ffffff;font-size:30px;font-family: 'Medium';}
.product-t .menu{border:1px #5e5b6c solid;}
.product-t .menu li{float: left;width: 95px;height: 95px;display: table;position: relative;text-align: center;transition:.5s;}
.product-t .menu li:before{content: '';position: absolute;right: 0;bottom:0;width: 1px;height:100%;background: #5e5b6c;}
.product-t .menu li:last-child:before{display: none}
.product-t .menu li p{color: #fff;font-family: 'Light';}
.product-t .menu li span{height: 49px;line-height: 49px;margin-bottom: 10px;display: block;}
.product-t .menu li .more{color: #ccb196;font-family: 'ExtraLight';}
.product-t .menu li.active{background: #5e5c6c}
.product-b{margin-top: 30px;}
.product-b .vr{position: relative;overflow: hidden;}
.product-b .vr img{min-width: 100%;transition:2s;
-webkit-animation: dot 6s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: dot 6s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}
@keyframes dot {
    from {transform: translateX(-10px); -webkit-transform: translateX(-10px); }
    33% { transform: translateX(-50px); -webkit-transform: translateX(-50px); }
    to { transform: translateX(-100px); -webkit-transform: translateX(-100px);}
}
@-webkit-keyframes dot {
    from { transform: translateX(-10px); -webkit-transform: translateX(-10px);}
    33% { transform: translateX(-50px); -webkit-transform: translateX(-50px); }
    to { transform: translateX(-100px); -webkit-transform: translateX(-100px);  }
}
.product-b .vr span{width: 90px;height: 33px;text-align: center;line-height: 33px;background: rgba(0,0,0,0.5);color: #fff;text-transform: uppercase;font-family: 'Light';position: absolute;right: 20px;top:20px;transition:.5s;}
.product-b .list{margin-top: 11px;margin-right: -1%}
.product-b .list li{height: 253px;position: relative;width: 32.33%;margin-right: 1%;float: left;overflow: hidden;}
.product-b .list li img{width: 100%;height: 100%;transition:.5s;}
.product-b .list li p{position: absolute;left: 0px;bottom:0px;background: rgba(0,0,0,.5);text-align: center;width: 96%;font-size: 16px;color: #fff;line-height: 42px;padding:0 2%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition:.5s;}
.product-b .list li:hover img{transform:scale(1.1);transition:.5s;}
.product-b .list li:hover p,.product-b .vr:hover span{background: #ccb196}





.youshi{background: url(../images/a1_20.jpg) no-repeat center;background-attachment: fixed;height: 911px;position: relative;}
.youshi:before{content: '';position: absolute;right: 0;bottom:0;width: 52%;height:100%;background: rgba(0,0,0,.5);z-index: 1}
.youshi .wrap{height: 100%;position: relative;z-index: 5;overflow: hidden;}
.youshi .L{display: table;height: 100%;}
.youshi .L h2{color: #ffffff;font-size:60px;font-family: 'Aparajita';line-height: 60px;}
.youshi .L h4{color: #ffffff;font-size:36px;font-family: 'Medium';margin-top: 10px;}
.youshi .L a{color: #fff;font-family: 'Light';width: 165px;height: 59px;line-height: 59px;background: #ccb196;display:block;margin-top: 95px;text-align: center;position: relative;overflow: hidden;transition:.5s;}
.youshi .L a:before {
    content: ' ';
    position: absolute;
    background: #fff;
    width: 25px;
    height: 59px;
    top: 0;
    left: -45px;
    opacity: 0.3;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.youshi .L a:hover:before {
    width: 45px;
    left: 180px
}
.youshi .L a:hover{border-radius:10px;}
.youshi .R{width: 600px;display: table;height: 100%;}
.youshi .R ul{height: 610px;overflow-y: auto}
.youshi .R ul::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
}
.youshi .R ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 3px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #ccb196;
}
.youshi .R ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 3px;
        background: #7d7d7d;
}

.youshi .R ul li {overflow: hidden;margin-bottom:46px}
.youshi .R ul li .pic{width: 226px;overflow: hidden}
.youshi .R ul li .pic img{width: 100%;}
.youshi .R ul li .txt{width: 298px;margin-right: 53px;}
.youshi .R ul li .txt h4{color: #ccb196;font-size:24px;font-family: 'Light';margin: 14px 0 23px;}
.youshi .R ul li .txt p{color: #f2f2f2;font-size:12px;font-family: 'Light';line-height: 18px;text-align: justify;}
.clearfix ul li .hime15,.clearfix ul li .hime6{
    display: none;
}

.brand{background: url(../images/a2_02.jpg) no-repeat center bottom;background-attachment: fixed;padding:120px 0 148px;}
.brand .mian{margin-top: 45px;}
.brand li{position: relative;}
.brand li .pic{height: 331px;overflow: hidden;}
.brand li .pic img{width: 100%;height: 100%;transition:.5s;}
.brand li .txt{background: #f2f2f2;padding:30px 31px 40px;transition:.5s;}
.brand li .txt dl{color: #a8a8a8;font-family: 'Light';margin-bottom: 20px;transition:.5s;}
.brand li .txt p{color: #333333;font-size: 18px;font-family: 'Normal';height: 48px;overflow:hidden;transition:.5s;}
.brand li:hover .pic img{transition:.5s;transform:scale(1.1);}
.brand-pag{bottom: 0px !important;display: none}
.brand li:hover .txt{background: #ccb196}
.brand li:hover .txt *{color: #fff}
.brand li:nth-child(even) .pic{position: relative;top:165px;}
.brand li:nth-child(even) .txt{position: absolute;left: 0;top:0;width: 100%;box-sizing: border-box;}


.other{padding: 42px 0 34px;background: url(../images/a1_33.jpg) no-repeat center;position: relative;background-size: cover;}
.other:before{content: '';position: absolute;right: 0;bottom:0;width: 100%;height:100%;background: rgba(91,91,91,.8);z-index: 1}
.other .wrap{position: relative;z-index: 5}
.index_con8_u1 li{transition:1s ease-in-out}
.index_con8_u1 li{vertical-align:top;width:20%;text-align:center;float:left}
.index_con8_u1 li span{display:inline-block;width:65px;height:65px;position:relative;text-align:center;line-height:65px}
.index_con8_u1 li span:after{content:'';display:block;width:100%;height:100%;border:1px solid rgba(250,250,250,.5);box-sizing:border-box;top:0;position:absolute;transform:rotate(45deg);transition:.4s ease-in-out}
.index_con8_u1 li:hover span:after{transform:rotate(0);background:#ccb196;z-index:-1;border-color:transparent}
.index_con8_u1 li h1{font-size:14px;color:#fff;font-family:'Bold';margin-top:25px}
.index_con8_u1 li h1:after{content:'';display:block;width:20px;height:1px;background:#fff;margin:10px auto 8px}
.index_con8_u1 li p{color:#fff;font-size:14px;font-family:Light}

.padd .top .img2{
    filter: grayscale(100%) brightness(200%);
}
/*VR展示*/
.nybox{overflow: hidden;background: #f7f7f7;}
.vrlist{margin: 100px 0}
.w1410{width: 1410px;margin: 0 auto;}
.vrlist ul{margin-right: -2%}
.vrlist li{float: left;width: 31.33%;margin: 0 2% 2% 0;box-shadow: 0px 0px 10px 2px rgba(237,236,236,.5)}
.vrlist li .pic{height: 289px;overflow: hidden}
.vrlist li .pic img{transition:.5s;width: 100%;height: 100%;}
.vrlist li:hover .pic img{transition:.5s;transform:scale(1.1);}
.vrlist li .txt{height: 81px;line-height: 81px;background: #fff;padding:0 17px;font-size:18px;color:#333333;font-family:'Normal';transition:.5s;position: relative;}
.vrlist li:hover .txt{background: #4b63ab;color: #fff;}
.vrlist li .txt:before{content: '→';position: absolute;right:32px;top:0;font-size: 30px;color: #ceb49a;transition:.5s;}
.vrlist li:hover .txt:before{color: #fff;right: 25px;}



/*VR展示分类*/
.crumbs{color: #838383;font-size: 16px;font-family:'Normal';margin-top: 44px;}
.crumbs a{color: #838383;}

.vrlist2{margin: 32px 0 76px;}
.vrlist2 ul{margin-right: -2%;margin-bottom: 46px;}
.vrlist2 li{float: left;width: 31.33%;margin: 0 2% 2% 0;box-shadow: 0px 0px 10px 2px rgba(237,236,236,.5)}
.vrlist2 li .pic{height: 289px;overflow: hidden;position: relative;}
.vrlist2 li .pic:before{content: '';background: url(../images/play.png) no-repeat center;width: 70px;height: 70px;z-index: 5;
    position: absolute;left: 50%;top:50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.vrlist2 li .pic span{position: absolute;right: 13px;top:15px;height: 30px;line-height: 30px;background: rgba(0,0,0,.6);color: #fff;font-family:'Normal';width: 80px;text-align: center;}
.vrlist2 li .pic img{transition:.5s;width: 100%;height: 100%;}
.vrlist2 li:hover .pic img{transition:.5s;transform:scale(1.1);}
.vrlist2 li .txt{height: 81px;line-height: 81px;background: #fff;padding:0 17px;font-size:18px;color:#333333;font-family:'Normal';transition:.5s;position: relative;}
.vrlist2 li:hover .txt{background: #4b63ab;color: #fff;}
.vrlist2 li .txt:before{content: '→';position: absolute;right:32px;top:0;font-size: 30px;color: #ceb49a;transition:.5s;}
.vrlist2 li:hover .txt:before{color: #fff;right: 25px;}

.pag{text-align: center;display:table;word-spacing:-1em;width: 100%;}
.pag a{color: #676767;width: 50px;height: 50px;line-height: 50px;display: inline-block;border:1px #e5e5e5 solid;margin: 0 10px;}
.pag a.next{font-size: 21px;line-height: 44px;}
.pag a:hover{color: #c1a771;border-color: #c1a771}




/*产品详情*/
.recom{margin-top: 84px;}
.recom-t{text-align: center;color:#333333;font-family:'Medium';font-size: 30px;position: relative;}
.recom-t:before{content: '';position: absolute;right:0;top:50%;background: #e5e5e5;width: 100%;height: 1px;z-index: 1}
.recom-t span{display: inline-block;background: #f7f7f7;position: relative;z-index: 5;padding:0 22px;}
.recom-b{margin-top: 28px;}
.recom-b ul{margin-right: -2%;margin-bottom: 46px;}
.recom-b li{float: left;width: 31.33%;margin: 0 2% 2% 0;box-shadow: 0px 0px 10px 2px rgba(237,236,236,.5)}
.recom-b li .pic{height: 246px;overflow: hidden;position: relative;}
.recom-b li .pic img{transition:.5s;width: 100%;height: 100%;}
.recom-b li:hover .pic img{transition:.5s;transform:scale(1.1);}
.recom-b li .txt{height: 69px;line-height: 69px;background: #fff;padding:0 17px;font-size:15px;color:#333333;font-family:'Normal';transition:.5s;position: relative;}
.recom-b li:hover .txt{background: #4b63ab;color: #fff;}
.recom-b li .txt:before{content: '→';position: absolute;right:32px;top:0;font-size: 30px;color: #ceb49a;transition:.5s;}
.recom-b li:hover .txt:before{color: #fff;right: 25px;}

.pagbox{height: 65px;line-height: 65px;background: #fff;padding:0 41px;display: flex;flex: 0 0 100%;justify-content: space-between;margin-top: 32px;}
.pagbox a{font-size:16px;color:#333333;font-family:'Normal';position: relative;}
.pagbox a:hover,.pagbox a.prev:hover:before,.pagbox a.next:hover:before{color: #ccb196;}
.pagbox a.prev{padding-left: 24px;width: 35%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.pagbox a.prev:before{content: '<';position: absolute;left:0px;top:0;font-size: 22px;color: #333;transition:.5s;font-family: cursive;}
.pagbox a.fh{padding-left: 29px;}
.pagbox a.fh:before{content: '';position: absolute;left:0px;top:0;width: 26px;height: 100%;background: url(../images/fh.png) no-repeat center;background-size: 29px;}
.pagbox a.fh:hover:before{background: url(../images/fh2.png) no-repeat center;background-size: 29px;}
.pagbox a.next{padding-right: 24px;width: 35%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;text-align: right;}
.pagbox a.next:before{content: '>';position: absolute;right:0px;top:0;font-size: 22px;color: #333;transition:.5s;font-family: cursive;}
.pagbox a img{width: 60px;height: 40px;}

.cpmin{margin-top: 51px;background: #fff;padding-bottom: 34px;}
.cpmin .pic{position: relative;}
.cpmin .pic .seban{position: absolute;right: 1em;bottom: 1em;z-index: 5}
.cpmin .pic .seban img{width: 128px;height: 88px;border: 2px #ccb196 solid;}
.cpmin-sw li img{width: 100%;}
.cpmin-pag{}
.cpmin .swiper-pagination-bullet{width:15px !important;height:4px !important;opacity: 1 !important;background: #959595;border-radius: 0px !important;margin: 0 7px;}
.cpmin .swiper-pagination-bullet-active{background: #ccb196}
.cpmin-r,.cpmin-l{width: 56px !important;height: 56px !important;margin-top: 0 !important;top:45% !important;opacity: 1 !important;}
.cpmin-r{right: 25px !important;background: url(../images/right2.png) no-repeat rgba(0,0,0,.5) center !important;}
.cpmin-r:hover{background: url(../images/right2.png) no-repeat rgba(204,177,150,.7) center !important;}
.cpmin-l{left: 25px !important;background: url(../images/left2.png) no-repeat rgba(0,0,0,.5) center !important;}
.cpmin-l:hover{background: url(../images/left2.png) no-repeat rgba(204,177,150,.7) center !important;}
.cpmin .name{text-align: center;font-size:24px;color:#333333;font-family:'Normal';}
.cpmin-pag{text-align: center !important;width: 100%;position: relative !important;margin: 30px 0 17px;}



/*新闻详情*/
.new-min{margin: 73px 0 100px;}
.new-min .main{margin-bottom: 70px;}
.new-min h2{font-size:36px;color:#333333;font-family:'Normal';text-align: center;}
.new-min dl{font-size:18px;color:#a8a8a8;font-family:'Light';text-align: center;padding:13px 0 22px;border-bottom: 1px #e5e5e5 solid;margin-bottom: 40px;}
.new-min p{font-size:16px;color:#545454;font-family:'Light';line-height: 24px;}
.new-min img{max-width: 100%}


/*新闻*/
.new-list{margin: 108px 0 90px;}
.new-list ul{margin-right: -2%;margin-bottom: 54px;}
.new-list li{position: relative;width: 31.33%;margin:0 2% 2% 0;float: left;}
.new-list li .pic{height: 331px;overflow: hidden;}
.new-list li .pic img{width: 100%;height: 100%;transition:.5s;}
.new-list li .txt{background: #f2f2f2;padding:30px 31px 40px;transition:.5s;}
.new-list li .txt dl{color: #a8a8a8;font-family: 'Light';margin-bottom: 20px;transition:.5s;}
.new-list li .txt p{color: #333333;font-size: 18px;font-family: 'Normal';height: 48px;overflow:hidden;transition:.5s;}
.new-list li:hover .pic img{transition:.5s;transform:scale(1.1);}
.new-list li:hover .txt{background: #ccb196}
.new-list li:hover .txt *{color: #fff}
.new-list li:nth-child(even) .pic{position: relative;top:165px;}
.new-list li:nth-child(even) .txt{position: absolute;left: 0;top:0;}



/*全屋定制*/
.nybanner2{position: relative;height: 386px;overflow: hidden;}
.nybanner2 img{width: 100%;min-height: 386px;z-index: 1;position: relative;height: 100%;}
.nybanner2 .img2{display: none}
.nybanner2 dl{position: absolute;left: 0;bottom: 0;overflow: hidden;width: 100%;z-index: 5}
.nybanner2 dl span{width: 50%;float: left;line-height: 82px;font-size: 24px;color: #fff;font-family: 'Regular';background: rgba(204,177,150,.3);text-align: center;cursor: pointer;}
.nybanner2 dl span.active{background:rgba(204,177,150,.7) }
.dz-menu {margin-top: 68px;text-align: center;}
.dz-menu .item ul{border:1px #e5e5e5 solid;display: inline-block;}
.dz-menu li{display:table;height: 133px;width: 135px;float: left;position: relative;}
.dz-menu li:before{content: '';position: absolute;right:0px;top:0;width: 1px;height: 100%;background: #e5e5e5;}
.dz-menu li:last-child:before{display: none}
.dz-menu a span{display: block;height: 50px;line-height: 50px;margin-bottom: 14px;}
.dz-menu a span img{max-height: 100%;}
.dz-menu a p{font-size: 16px;color: #333333;font-family: 'Light';}
.dz-menu a.active{background: #eae3db}
.dz-list .vrlist{margin: 58px 0 74px;}
.dz-list ul{margin-bottom: 50px;}




/*合作共赢*/
.cooperation{background: #4b63ab;overflow: hidden;padding:92px 0 54px;}
.cooperation-t{text-align: center;font-size: 30px;color: #ffffff;font-family: 'Medium';margin-bottom: 90px;}
.w1336 {height: auto;position: relative;margin: auto;width: 1336px;}
.cooperation .process {margin: 0px auto;}
.cooperation .process .t {margin-bottom: 135px;}
.cooperation .process ul {position: relative;z-index: 5;}
.cooperation .process li {width: 20%;text-align: center;position: relative;z-index: 5;}
.cooperation .process .t li:before{content:'';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #7c7893;position:absolute;display:block;right:0;top:21px;}
.cooperation .process .t li:nth-child(1):before,.cooperation .process .t li:nth-child(2):before,.cooperation .process .t li:nth-child(3):before,.cooperation .process .t li:nth-child(4):before{-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateX(20px); -webkit-transform: translateX(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateX(20px); -webkit-transform: translateX(20px); opacity: 0; }
}



.cooperation .process .b li:before{content:'';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #7c7893;position:absolute;display:block;right:0;top:21px}
.cooperation .process .b li:nth-child(5):before,.cooperation .process .b li:nth-child(2):before,.cooperation .process .b li:nth-child(3):before,.cooperation .process .b li:nth-child(4):before{-webkit-animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot2 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot2 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; }
}
.cooperation .process .b li:nth-child(1):before{-webkit-animation: mouse-dot3 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot3 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot3 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
@-webkit-keyframes mouse-dot3 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

.cooperation .process li:after{content:'';background:#7c7893;width:89%;height:1px;display:block;position:absolute;top:30px;z-index:-2;left:50%}
.cooperation .process .number{width:56px;height:56px;text-align:center;line-height:56px;display:block;border:3px solid #ccb196;margin:0 auto 25px;font-size:24px;color:#4b63ab;font-family:'Regular';position:relative;z-index:5;background: #ccb196;}
.cooperation .process p{color:#fff;font-size:18px;width:86%;margin:0 auto;font-family: 'Light';}
.cooperation .process .b li{float:right}
.cooperation .process .t li{float:left}
.cooperation .process .b li:nth-child(1):before{content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #7c7893;top:-88px}
.cooperation .process .b li:nth-child(1):after{content:'';opacity:0}
.cooperation .process .t li:nth-child(5):after{background:0 0;width:244px;height:244px;border:1px solid #7c7893;border-radius:50%;top:30px;left:14px}
.cooperation .process .t li:nth-child(5):before{content:'';width:122px;height:244px;background:#4b63ab;position:absolute;left:0;display:block;top:33px;z-index:-1;border:none;border-radius: 60px 0px 0px 0px}







.jmshow{padding:85px 0;background: url(../images/bg1.jpg) no-repeat center;background-size: cover;background-attachment: fixed;}
.jmshow .main{margin-top: 51px;position: relative;}
#jmshow{position:relative;margin:0 auto}
#jmshow .swiper-container{padding-bottom:60px}
#jmshow .swiper-slide{width:891px;height:499px;background:#eee;position: relative;}
#jmshow .swiper-slide:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.5)}
#jmshow .swiper-slide img{display:block;width:100%}
#jmshow .swiper-slide p{text-align:center;color:#686868;font-size:18px;font-family:'Light';position: absolute;left: 0;bottom: -59px;width: 100%;display: none}
#jmshow .swiper-slide.swiper-slide-active:before{display: none}
#jmshow .swiper-slide.swiper-slide-active p{display: block;}
#jmshow .jmshow-pag{width:100%;bottom:20px;display:none}
#jmshow .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
#jmshow .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
#jmshow .jmshow-l,#jmshow .jmshow-r{top:41% !important;}
#jmshow .jmshow-l{left:152px;width:46px;height:111px;background:url(../images/left3.png) no-repeat center;background-size:100%}
#jmshow .jmshow-r{right:152px;width:46px;height:111px;background:url(../images/right3.png) no-repeat center;background-size:100%}


.industry{padding: 133px 0;overflow: hidden;}
.industry .advantageBox{width:74%}
.industry .advantageBox .li{position:relative}
.industry .advantageBox .fl{width:53%;height:100%;position:absolute;left:0;padding-right: 4%}
.industry .advantageBox .title{margin-bottom:40px}
.industry .advantageBox .title h3{font-size:60px;font-family:'Aparajita';color: #ccb196;text-transform: uppercase;line-height: 45px;}
.industry .advantageBox .title h4{font-size:30px;font-family:'Medium';color: #333333}
.industry .advantageBox .del{font-size:16px;height:330px;line-height:24px;overflow:hidden;color: #535353;font-family:'Light';text-align: justify;}
.industry .advantageBox .fr{width:43%}
.industry .advantageBox .fr img{width: 100%;}
.industry .advantageText{width:24%;padding-top:45px}
.industry .advantageText p{text-transform:uppercase;font-size:24px;font-family:'Light';color: #535353}
.industry .advantageText .number{font-size:24px;color:#828181;margin:90px 0 60px;font-family:'Light';}
.industry .advantageText .number .activeNum{font-size:70px;color:#ccb196;margin-right:10px;font-family: 'Bold'}
.industry .btnBox{color:#828181;font-size:24px;font-family:'Light';}
.industry .btnBox .button-prev{display:inline-block;width:68px;height:62px;line-height:62px;text-align:center;cursor:pointer;font-family: cursive;font-size: 30px;}
.industry .btnBox .button-next{display:inline-block;width:68px;height:62px;line-height:62px;text-align:center;cursor:pointer;border-left:1px solid #ccc;font-family: cursive;font-size: 30px;}


.virtue{background: #4b63ab;background-size: cover;padding:74px 0 92px;}
.virtue-t{text-align: center;color:#fff;font-size:30px;font-family:'Medium';}
.virtue-b{margin-top: 59px;}
.virtue-b ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
.virtue-b li{width: 265px;border: 2px #ccb196 solid;height: 359px;transition:.5s;}
.virtue-b li .padd{padding:29px 30px;}
.virtue-b li .top2{text-align: center;border-bottom: 1px #7d7171 solid;padding-bottom: 35px;}
.virtue-b li .top2 span{display: block;height: 64px;margin-bottom: 30px;overflow: hidden;}
.virtue-b li .top2 span img{display: block;margin:0px auto;position: relative;top:0;transition:.5s;}
.virtue-b li .top2 p{color:#fff;font-size:18px;font-family:'Medium';}
.virtue-b li .txt{margin-top: 30px;color:#fff;font-size:14px;font-family:'Light';line-height: 24px;}
.virtue-b li:hover{background: #ccb196}
.virtue-b li:hover .img2,.virtue-b li:hover .img{top:-64px;}
.virtue-b li:hover .top{border-color: #fff;}


.sustain{margin: 91px 0 105px;}
.sustain .main{margin-top: 94px;}
.sustain .list{}
.sustain .list li{float:left;width: 7%;font-family:'Regular';padding:1em 0 1em 7%;position: relative;transition:.5s;}
.sustain .list li img{position: absolute;left: 44px;top:18px;}
.sustain .list li:hover{background:rgba(242,235,229,.7);}
.sustain .list li:before{content: '';position: absolute;right: 0;top:20px;width: 1px;height: 65px;background:#dcdcdc}
.sustain .list li:last-child:before{display: none}
.sustain .list li h4{color:#545454;font-size:30px;line-height: 35px;}
.sustain .list li p{color:#545454;font-size:16px;}
.sustain .tab{margin-top: 43px;}
.sustain .tab li{float: left;width: 25%;position: relative;height: 456px;overflow: hidden;display: table;transition:.5s;}
.sustain .tab li:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,.7);z-index: 2;transition:.5s;}
.sustain .tab li img{max-width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1}
.sustain .tab li .tabbox{position: relative;z-index: 5}
.sustain .tab li .top2{text-align: center;transition:1.2s;width: 100%;display: inline-block;}
.sustain .tab li h4{color:#fff;font-size:36px;font-family:'Medium';}
.sustain .tab li dl{color:#fff;font-size:18px;font-family:'Light';}
.sustain .tab li p{color:#4b63ab;font-size:16px;font-family:'Light';line-height: 30px;text-align: justify;transition:.5s;margin-top: 0px;height: 0;overflow: hidden;opacity: 0}
.sustain .tab li.active{width: 45%;}
.sustain .tab li.active:before{background:rgba(242,235,229,.7);}
.sustain .tab li.active .tabbox{padding:0 8%;}
.sustain .tab li.active .top{text-align: left;width: auto;}
.sustain .tab li.active .top *{color: #b28f6b}
.sustain .tab li.active p{height: 90px;opacity: 1;margin-top: 40px;}
.sustain .tab li.aa{width: 18.3%;}




/*关于我们*/
.about{margin: 108px 0}
.about  .postbody {overflow: hidden;}
.about .timerBox{margin:65px auto 0;position:relative;z-index:5;width: 100%;}
.about .timerBox:before{content: '';position: absolute;left:0;bottom:49px;width: 100%;height: 3px;background: #dcdcdc}
.about .timerBox ul{padding-bottom:49px;margin-left:504px;transition:ease .5s}
.about .timerBox li{float:left;padding:0 8px;position:relative;width:222px;height:62px}
.about .timerBox li.active i{top:62px;background:#ccb196;transition:ease .5s .5s;height: 113px;}
.about .timerBox li.active i:before{bottom:auto;top:0;background: #ccb196}
.about .timerBox li.active .title{transform:translateY(148px) scale(1);color:#fff;transition:ease .5s .5s;}
.about .timerBox li i{position:absolute;left:0;top:0;width:1px;background:#dcdcdc;height:100%;transition:ease .5s}
.about .timerBox li i:before{content: '';position: absolute;left:-4px;bottom:3px;width: 9px;height: 9px;background: #dcdcdc}
.about .timerBox li .title{color:#515151;font-size:24px;text-indent:5px;position:absolute;transition:ease .5s;font-family:'Regular'}
.about .historyTextBox{position:relative;z-index:1}
.about .swiperBtn{position:absolute;top:44px;z-index:5;color:#fff;font-size:20px;cursor:pointer;width: 33px;height: 33px;line-height: 33px;text-align: center;font-family: cursive;}
.about .swiperBtn:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #ccb196;transform: rotateZ(45deg);z-index: -1}
.about .swiperBtn.btnL{left:6px}
.about .swiperBtn.btnR{right:6px}
.about .historyText{position:absolute;width:490px;left:50%;transform:translateX(-50%);top:0;height:100%;background:#4b63ab;color:#fff}
.about .historyText .li{padding:30px 50px;width:100%;opacity:0!important}
.about .historyText .li p{margin-bottom: 24px;position: relative;}
.about .historyText .li p:before{content: '●';position: absolute;left:-22px;top:0;color: #fff;font-size: 18px;line-height: 28px;}
.about .historyText .li.swiper-slide-active{opacity:1!important}
.about .historyText .year{font-size:24px;margin-bottom:25px;opacity:0}
.about .historyText .summber{font-size:18px;line-height:30px;font-family: 'Normal'}
.about .historyText .li img{position:absolute;bottom:30px;right:50px}
.about .historyText .li{width: 390px !important;}

.datum{background: url(../images/c1_08.jpg) no-repeat center;background-size: cover}
.datum li{float: left;width: 33.33%;text-align: center;margin: 57px 0}
.datum li span{height: 72px;line-height: 72px;margin-bottom: 10px;display: block;}
.datum li p{color:#ffffff;font-size:24px;font-family:'Normal';}
.datum li h4{color:#ccb196;font-size:48px;font-family:'Medium';line-height: 48px;margin-top: 25px;}
.datum li h4 dl{display: inline-block;}

.brandA{padding: 94px 0}
.brandA .mian{margin-top: 65px;}
.brandA .mian .pic{width: 48%;position: relative;}
.brandA .mian .pic:before{content: '';position: absolute;left: 0;bottom:-24px;width: 486px;height: 28px;background: #ccb196;z-index: -1}
.brandA .mian .pic img{width: 100%;}
.brandA .mian .txt{width: 48%;}
.brandA .mian .txt h2{color:#f2ebe5;font-size:107px;font-family:'Regular';line-height: 108px;margin-bottom: 30px;}
.brandA .mian .txt h2 span{font-family:'ExtraLight';}
.brandA .mian .txt p{color:#616161;font-size:14px;font-family:'Light';line-height: 24px;text-align: justify;}
.brandA .list{margin-top:108px; }
.brandA .list li{float: left;width: 14%;position: relative;padding:22px 1.3%;}
.brandA .list li:before{content: '';position: absolute;bottom:0;width: 1px;height: 100%;background: #eee;right: 0;}
.brandA .list li h4{text-align: center;font-size: 24px;color: #4b4b4b;font-family:'Normal';margin-bottom: 14px;padding-bottom: 19px;position: relative;}
.brandA .list li h4:before{content: '';position: absolute;left: 0;bottom:0;width: 31px;height: 2px;background: #ccb196;right: 0;margin: 0 auto;}
.brandA .list li:last-child:before{display: none}
.brandA .list li p{color:#818181;font-size:14px;font-family:'Light';line-height: 24px;text-align: justify;min-height: 96px;}
.brandA-mv{position: relative;margin-top: 30px;width: 100%;}
.brandA-mv video{width: 100%;object-fit: fill;}



.swatches{padding:91px 0 168px;background: #eeeeee;}
.swatches-top{text-align: center;}
.swatches-top h4{font-size: 36px;color: #333333;font-family:'Medium';margin-bottom: 20px;}
.swatches-top p{font-size: 16px;color: #7e7e7e;font-family:'Light';}
.swatches .main{margin-top: 84px;position: relative;}
.swatches-sw{width: 1238px;}
.swatches-sw .swiper-wrapper{transition-timing-function: linear !important;}
.swatches li{position: relative;height: 160px;overflow: hidden;}
.swatches li img{width: 100%;height: 100%;transition:.5s;}
.swatches li p{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 8px;width: 90%;background: rgba(0,0,0,.5);text-align: center;color: #fff;font-size: 16px;font-family:'Light';line-height: 38px;transition:.5s;}
.swatches-pag{bottom: -66px !important;width: 100%;}
.swatches .swiper-pagination-bullet,.banner2 .swiper-pagination-bullet{width:31px !important;height:3px !important;opacity: 1 !important;background: #d2d2d2;border-radius: 0;margin: 0 4px;}
.swatches .swiper-pagination-bullet-active,.banner2 .swiper-pagination-bullet-active{background: #ccb196}
.swatches-r,.swatches-l{width: 55px !important;height: 113px !important;margin-top: 0 !important;top:32% !important;}
.swatches-r{right: 0px !important;background: url(../images/right3.png) no-repeat center !important;background-size: 100% !important}
.swatches-l{left: 0px !important;background: url(../images/left3.png) no-repeat center !important;background-size: 100% !important}
.swatches li:hover img{transition:.5s;transform:scale(1.1);}
.swatches li:hover p{background: #ccb196}


.idea{padding: 57px 0 131px;background: url(../images/c2_02.jpg) no-repeat center;background-size: cover;position: relative;}
.idea .w1410{z-index: 5;position: relative;}
.idea:before{content: '';position: absolute;left: 0;bottom:0;width: 100%;height: 100%;background: rgba(0,0,0,.7);z-index: 1}
.idea .intro-t p{color: #fff;font-size: 18px;font-family:'Light';margin-top: 12px;}
.idea .intro-t h4{color: #fff;}
.idea .main{margin-top: 78px;}
.idea .main li{float:left;height: 330px;overflow: hidden;}
.idea .main li .pic{height: 100%;margin-right: 7px;max-width: 57%}
.idea .main li .pic img{height: 100%;width: 100%;}
.idea .main li .txt{height: 100%;width: 312px;position: relative;}
.idea .main li .txt:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(255,255,255,.5);z-index: 5}
.idea .main li .txt .bg{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 1}
.idea .main li .txt .padd{position: relative;z-index: 6;padding: 0 34px;}
.idea .main li .txt p{color: #595959;line-height: 30px;font-family:'Light';}
.idea .main li .txt span{height: 80px;display: block;text-align: center;position: relative;width: 80px;margin: 50px auto 38px;line-height: 80px;}
.idea .main li .txt span:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(204,177,150,.5);transform:rotate(45deg);}
.idea .main li:nth-child(1){width: 54%;}
.idea .main li:nth-child(2){width: 45%;}



header.fixed{position: fixed;left: 0;top:0;z-index: 50;box-shadow: 0px 0px 10px 2px rgba(0,0,0,.5)}




/*media*/
@media screen and (max-width: 1550px){
    .w1410{width: 90%;}
    .banner li .txt h2{font-size: 70px;}
    .brandA .mian .txt h2{font-size: 87px;}
    .datum li h4{font-size: 42px;}
    .datum li p{font-size: 22px;}
    .industry .advantageText .number .activeNum{font-size: 62px;}
    .industry .advantageText .number .activeNum{font-size: 55px;}
    .virtue-b li{width: 248px;}
    .intro-t h2,.product-t .name h2,.youshi .L h2,.industry .advantageBox .title h3{font-size: 55px;}
    .sustain .list li h4{font-size: 26px;}
    .sustain .tab li h4{font-size: 33px;}
    .youshi .L h4{font-size: 32px;}
    .swatches-sw{width: 90%;}
    .idea .main li .txt{width: 41%;}

}
@media screen and (max-width: 1440px){
    .new-min h2{font-size: 32px;}
    .new-min p{font-size: 14px;}
    .virtue-b li{width: 19%;}
    .sustain .list li img{left: 37px;}
    #jmshow .jmshow-r{right: 105px;}
    #jmshow .jmshow-l{left: 105px;}
    .brandA .mian .txt h2{line-height: 60px;}
    .datum li h4{font-size: 38px;margin-top: 12px;}
    .datum li{margin: 35px 0;}
    .swatches .main{margin-top: 50px;}
    .swatches{padding:43px 0 110px;}
    .swatches-top h4{font-size: 33px;}
    .idea .main li:nth-child(1){width: 49%;}
    .idea .main li:nth-child(2){width: 49%;}
    .about .historyText .summber{font-size: 16px;}
    .vrlist li .pic,.vrlist2 li .pic{height: 250px;}
    .vrlist2 li .txt{height: 60px;line-height: 60px;}
    .virtue-b{margin-top: 35px;}
    .virtue{padding:45px 0 50px;}
    .sustain .main{margin-top: 45px;}
    .cooperation{padding: 49px 0 54px}
    .jmshow{padding:48px 0;}
    .sustain{margin: 60px 0}
    .industry{padding:75px 0;}
    .intro-t h2, .product-t .name h2, .youshi .L h2, .industry .advantageBox .title h3{font-size: 50px;}
    .vrlist,.about{margin:55px 0}
    .vrlist li .txt{height: 70px;line-height: 70px;}
    .cooperation-t{margin-bottom: 44px;}
    footer{padding:40px 0;}
    .brandA{padding:50px 0;}
    .brandA .mian{margin-top: 40px;}
    .brandA .list{margin-top: 50px;}
    .about .timerBox li{width: 210px;}
    .about .timerBox{margin: 27px auto 0}


}
@media screen and (max-width: 1366px){

    .w1336{width: 1280px;}
    .youshi{height: 710px;}
    .brand{padding:75px 0 75px;}
    .intro{padding:55px 0 55px;}
    .brandA .list li h4{font-size: 22px;}
    .datum li h4{font-size: 30px;}
    .datum li p{font-size: 20px;}
    .about,.new-list{margin: 50px 0}

}
@media screen and (max-width: 1280px){

    .w1336{width: 1000px;}
    .cooperation .process .t{margin-bottom: 112px;}
    .flow-b li .txt h4{font-size: 20px;}
    .wrap{width: 90%;}
    .new-list li .pic{height: 230px;}
    .new-min h2{font-size: 26px;}
    .new-list li .txt p{font-size: 16px;}
    .new-list li .txt{padding:25px 31px 25px;}
    .new-list li:nth-child(even) .pic{top:145px;}
    .virtue-b li .padd{padding:29px 22px;}
    .virtue-b li .top2 span{margin-bottom: 10px;}
    .virtue-b li .top2{padding-bottom: 20px;}
    .virtue-b li .txt{margin-top: 20px;}
    .sustain .tab li{height: 410px;}
    .sustain .tab li dl{font-size: 16px}
    .sustain .tab li h4{font-size: 28px;}
    .cooperation .process p{font-size: 14px;}
    .cooperation .process .number{width: 52px;height: 52px;font-size: 20px;line-height: 52px;}
    .cooperation .process .t li:nth-child(5):after{width: 175px;height: 214px;}
    #jmshow .swiper-slide{height: 440px;width: 810px;}
    #jmshow .swiper-slide img{height: 100%;}
    .jmshow .main{margin-top: 24px;}
    .intro-t h4{margin-top: 8px;font-size: 26px;}
    .intro-t h2, .product-t .name h2, .youshi .L h2, .industry .advantageBox .title h3{font-size: 42px;line-height: 35px;}
    .brandA .mian .txt h2{font-size: 60px;}
    .industry .advantageText .number{margin: 81px 0 21px}
    .industry .advantageText .number .activeNum{font-size: 45px;}
    .nybanner2 dl span{font-size: 22px;}



}
@media screen and (max-width: 1200px){
    .about .timerBox li{width: 200px;}
    .dz-menu li{height: 103px;width: 112px;}
    .dz-list .vrlist{margin: 32px 0 50px;}
    footer .L .link{width: 470px;}
    .sustain .list li img{left: 23px;}
    .sustain .list li h4{font-size: 24px;}
    #jmshow .jmshow-r{right: 61px;}
    #jmshow .jmshow-l{left: 61px;}
    footer .C .img{width: 150px;height: 150px;}
    .brandA .mian .txt h2{font-size: 50px;line-height: 50px;}
    .idea .main{margin-top: 45px;}
    .idea{padding:57px 0 53px;}
    .banner li .txt h2{font-size: 55px;margin: 30px 0}
    .banner-r, .banner-l{width: 60px !important;height: 78px !important;}
    .brand li .pic{height: 225px;}
    .swatches-r, .swatches-l{height: 63px !important;top:39% !important;}
    .industry .advantageBox .title h4{font-size: 25px;}
    .industry .advantageText p{font-size: 22px;}
    .brand{padding:50px 0;}

}
@media screen and (max-width: 1024px){

    .top-left{display: block;top:25px;}
    .top-menu{padding:9% 20px 0 0;}
    .nav{display: none}
    header .L .txt,header .R{display: none}
    header{padding:0;}
    header .L{line-height: 60px;}
    .vrlist li .pic, .vrlist2 li .pic{height: 197px;}
    .pag a{height: 40px;line-height: 40px;width: 40px;margin: 0 5px;}
    .pag a.next{line-height: 34px;}
    .nybanner .txt h3{font-size: 30px;}
    .industry{padding:45px 0;}
    .industry .advantageBox{width: 100%;}
    .industry .advantageText{width: 100%;padding-top: 1em;}
    .industry .advantageText .number{margin: 0 auto;position: absolute;left: 0;right: 0;width: 200px;text-align: center;}
    .industry .btnBox{width: 300px;margin:0 auto;}
    .industry .btnBox .button-next{float: right;border-left:none;}
    .sustain .list li{width: 14%;padding-left: 11%;margin: 0 0 1em 0}
    .virtue-b ul{display: block;overflow: hidden;}
    .virtue-b li{float: left;width: 32.8%;}
    .industry .advantageText p{display: none}
    footer .L .link{display: none}
    footer .wrap{display: block;overflow: hidden;padding-bottom: 4em;position: relative;}
    footer{margin-bottom: 2em}
    footer .L{width: 100%;position: absolute;left: 0;bottom: 0;text-align: center;border-top: 1px #727272 solid;padding-top: 1em}
    footer .L .copy{margin-top: 0}
    footer .C{float: left;width: 150px;}
    footer .R{width: 73%;float: right}
    .brandA .mian .pic{width: 100%;}
    .brandA .mian .txt{width: 100%;margin-top: 1em;}
    .brandA .mian .pic:before{display: none}
    .brandA .mian .txt h2{font-size: 40px;margin-bottom: 15px;}
    .brandA .list li{width: 30.33%;padding:1em 1.5%;}
    .brandA .list{margin-top: 1em;position: relative;border:1px #eee solid;}
    .brandA .list:before{content: '';position: absolute;left: 0;top:50%;width: 100%;height: 1px;background: #eee;}
    .swatches-top h4{font-size: 26px;margin-bottom: 15px;}
    .swatches .main{margin-top: 1em;}
    .swatches-pag{bottom: -37px !important}
    .swatches{padding:29px 0 73px;}
    .about .historyText .li{padding:0px 50px;}
    .about .timerBox li.active .title{transform: translateY(0px) scale(1);color: #ccb196;left: auto;font-size: 22px;}
    .about .timerBox li.active i{top:-2px;height: 62px;}
    .about .timerBox li.active i:before{bottom: 0;top:auto;}
    .idea .main li:nth-child(1),.idea .main li:nth-child(2){width: 100%;}
    .idea .main li .pic{width: 57%;}
    .idea .main li{margin-bottom: 7px;}
    footer .R .link2{margin-top: 20px;}
    .dz-menu li{width: 85px;height: 85px;}
    .vrlist li .txt,.vrlist2 li .txt{height: 50px;line-height: 50px;font-size: 16px;}
    .dz-menu a span img{zoom:.8;}
    .dz-menu a span{height: 45px;line-height: 45px;margin-bottom: 8px;}
    .dz-menu a p{font-size: 14px;}
    .dz-menu{margin-top: 30px;}
    .dz-list ul{margin-bottom: 30px;}
    .nybanner2 dl span{font-size: 18px;line-height: 60px;}
    .nybanner2 img{min-height: 260px;}
    .vrlist li .pic, .vrlist2 li .pic{height: 167px;}
    .vrlist2 li .pic:before{width: 54px;height: 54px;background-size: 100%}
    .vrlist2 ul{margin-bottom: 30px;}
    .crumbs{margin-top: 30px;}
    .industry .advantageText .number .activeNum{font-size: 40px;}
    .industry .advantageBox .title{margin-bottom: 20px;}
    .w1336{width: 95%;}
    .cooperation{padding:30px 0;}
    .cooperation .process .t{margin-bottom: 91px;}
    .cooperation-t{margin-bottom: 30px;font-size: 26px;}
    .cooperation .process .t li:nth-child(5):before{left: -15px;height: 211px;}
    .cooperation .process .t li:nth-child(5):after{left: -14px;}
    .cooperation .process .number{margin: 0 auto 9px}
    #jmshow .jmshow-l,#jmshow .jmshow-r{height: 89px;}
    #jmshow .swiper-slide{width: 100%;height: 380px;}
    #jmshow .swiper-slide p{bottom: -45px;}
    .sustain .tab li h4{font-size: 24px;}
    .sustain .tab li p{font-size: 14px;line-height: 26px;}
    .sustain .tab li.active p{height: 100px;margin-top: 20px;}
    .sustain .main,.sustain .tab{margin-top: 25px;}
    .sustain .tab li{height: 310px;}
    .sustain{margin: 30px 0}
    .virtue-b li{height: 295px;}
    .sustain .list li h4{font-size: 20px;font-weight: bold}
    .cpmin .name{font-size: 18px;}
    .recom-b li .pic{height: 197px;}
    .recom-b li .txt{height: 50px;line-height: 50px;}
    .recom-t{font-size: 25px;}
    .recom{margin-top: 40px;}
    header .L img{zoom:.8;}
    .banner li .txt h2{font-size: 45px;margin: 20px 0}
    .banner li .txt h4{font-size: 38px;line-height: 40px;}
    .banner li{height: 455px;}
    .flow-t{font-size: 26px;}
    .intro-b{margin-top: 20px;}
    .intro{padding:30px 0;}
    .product-t .menu li{width: 88px;}
    .product-b .list li{height: 195px;}
    .youshi .R{width: 45%;}
    .new-min{margin:30px 0;}
    .new-list li .pic,.brand li .pic{height: 171px;}
    .flow{margin: 30px 0}
    .brand,.product{padding:30px 0;}
    .product-t .name h4{font-size: 26px;}
    .vrlist, .about{margin: 30px 0}


}
@media screen and (max-width: 800px){


    .floating2{display: block;}
    .banner-r{right: 3% !important}
    .banner-l{left: 3% !important}
    .banner li .txt h2{font-size: 35px;}
    .banner li .txt h4{font-size: 30px;}
    .flow-b li .pic img{zoom:.8;}
    .flow-b li .pic{height: 65px;line-height: 65px;}
    .flow-b li{height: auto;}
    .product-t .menu li span img{zoom:.8;}
    .product-t .menu li{width: 68px;}
    .youshi:before{width: 60%;}
    .youshi .R ul li{margin-bottom: 20px;}
    .youshi .R ul li .txt h4{font-size: 22px;margin:14px 0 9px }
    .youshi .R ul li .pic{width: 50%;}
    .brandA .mian{margin-top: 20px;}
    .brandA{padding:30px 0;}
    .floating a.tel,.floating a.qq,.floating a.wx{display: none}
    .floating{top:auto;bottom: 4em}
    .recom-b li .pic{height: 146px;}
    .pagbox{padding:0 16px;}
    .new-list li{width: 48%;}
    .new-list li:nth-child(even) .txt{position: relative;}
    .new-list li:nth-child(even) .pic{top:0;}
    .vrlist li,.vrlist2 li{width: 48%;}
    .virtue-b li{width: 32.7%;}
    .cooperation .process .t li:nth-child(5):after{display: none}
    .cooperation .process .b li:nth-child(1):before{display: none}
    .cooperation .process .t{margin-bottom: 44px;}
    .cooperation .process li:after{width: 79%;}
    #jmshow .jmshow-l, #jmshow .jmshow-r{height: 55px;}
    #jmshow .jmshow-r{right: 30px;}
    #jmshow .jmshow-l{left: 30px;}
    .dz-menu li{width: 125.9px;border-bottom: 1px #e5e5e5 solid}
    .dz-menu li:nth-child(5n):before{display: none}
    .about .historyText .year{opacity: 1;margin-top: 1em;}
    .about .timerBox ul{display: none}
    .about .swiperBtn{top: 246px;}
    .youshi .L h4{font-size: 26px;}
    .intro-t h2, .product-t .name h2, .youshi .L h2, .industry .advantageBox .title h3{font-size: 34px;}
    .brand-pag{display: block;bottom: -2px !important}
    .brand-sw {padding-bottom: 30px !important;}
    .index_con8_u1 li span img{zoom:.8;}
    .index_con8_u1 li span{width: 50px;height: 50px;line-height: 50px;}
    .youshi .L a{width: 137px;height: 46px;line-height: 46px;}
    .product-t .name h2 br{display: none}
    .product-t .name{text-align: center;width: 100%;margin-bottom: 1em;}
    .virtue-t{font-size: 26px;}
    .idea .intro-t p{font-size: 16px;}
    .idea{padding:30px 0;}


}
@media screen and (max-width: 670px){

    header .L{max-width: 70%}
    header .L img{max-width: 100%}
    .nybanner img{min-height: 200px;}
    .vrlist li .pic, .vrlist2 li .pic{height: 108px;}
    .vrlist li .txt, .vrlist2 li .txt{font-size: 14px;}
    .vrlist li .txt:before{font-size: 22px;right: 1em;}
    footer .C,footer .R .link2 select{width: 100%;}
    footer .C .img{width: 100px;height: 100px;}
    footer .R{width: 100%;margin-top: 1em;}
    footer .L{border-top:none;}
    .vrlist2 li .pic:before{width: 39px;height: 39px;}
    .vrlist2 li .pic span{height: 26px;line-height: 26px;width: 61px;font-size: 12px;right: 6px;top:6px;}
    .crumbs{display: none}
    .pag a{width: 34px;height: 34px;line-height: 34px;}
    .pag a.next{line-height: 28px;}
    .vrlist2{margin: 30px 0}
    .industry .advantageBox .fl{position: relative;padding-right: 0;width: 100%;}
    .industry .advantageBox .fr{width: 100%;}
    .industry .advantageBox .del{height: auto;font-size: 14px;}
    .industry .advantageBox .title h4{font-size: 20px;}
    .nybanner .txt h3{font-size: 20px;}
    .nybanner .txt{width: 85%;}
    .nybanner .txt p{letter-spacing: 0px;font-size: 12px;}
    .virtue-t{font-size: 22px;}
    .virtue-b li{width: 99%;margin-bottom: 1em;height: auto;}
    .virtue-b li .top2 span img{height: 53px;}
    .virtue-b li .top2 span{height: 53px;}
    .virtue-b li:hover .img2, .virtue-b li:hover .img{top:-53px;}
    .virtue-b li .top2 p{font-size: 16px;}
    .intro-t h4{font-size: 20px;margin-top:0;}
    .intro-t h2, .product-t .name h2, .youshi .L h2, .industry .advantageBox .title h3{font-size: 30px;}
    .industry .advantageText .number .activeNum{font-size: 35px;}
    .sustain .list li{width: 27%;padding-left: 23%}
    .sustain .list li img{zoom:.8;}
    .sustain .list li h4{font-size: 18px;}
    .sustain .list li p{font-size: 14px;}
    .sustain .list li:nth-child(even):before{display: none}
    .sustain .tab li{width: 100%;height: auto;padding:1em 4%;margin-bottom: 1em;}
    .sustain .tab li p{opacity: 1;height: auto;color: #fff;}
    .sustain .tab li .top2{margin-bottom: 1em;}
    .sustain .tab li.active,.sustain .tab li.aa{width: 92%;}
    .sustain .tab li.active p{margin-top: 0;height: auto;color: #4b63ab}
    .sustain .tab li.active .top {text-align: center;width: 100%;}
    .sustain .tab li.active .tabbox{padding:0;}
    .cooperation .process .t li,.cooperation .process .b li{width: 100%;margin-bottom: 1em;border-bottom: 1px #ccb196 solid;padding-bottom: 9px;}
    .cooperation .process .number{margin: 0;float: left;height: auto;line-height: inherit;border:none;}
    .cooperation .process p{margin: 0 0 0 2%;float:left;width: 80%;text-align: left;line-height: 28px;}
    .cooperation .process .t li:before,.cooperation .process .t li:after,.cooperation .process .b li:before,.cooperation .process .b li:after,.cooperation .process .t li:nth-child(5):before{display: none}
    .cooperation .process .t{margin-bottom: 0}
    #jmshow .swiper-slide{height: 220px;}
    #jmshow .swiper-slide p{font-size: 14px;}
    .jmshow{padding: 25px 0}
    .floating a{width: 40px;height: 40px;line-height: 40px;}
    .top-menu{padding:18% 20px 0 0;}
    .sustain .tab li img{width: 100%;}
    .nybanner2 dl span{height: 45px;line-height: 45px;font-size: 16px;}
    .dz-menu li{float: left;width: 33.33%;height: 75px;}
    .dz-menu .item ul{width: 100%;}
    .dz-menu li:nth-child(5n):before{display: block;}
    .dz-menu li:nth-child(3n):before{display: none;}
    .dz-menu a span{height: 42px;line-height: 42px;margin-bottom: 5px;}
    .brandA .mian .txt h2{font-size: 35px;line-height: 40px;}
    .brandA .list li{width: 90%;padding:1em 5%;position: relative;}
    .brandA .list li:before{display: none}
    .brandA .list li h4{font-size: 20px;padding-bottom: 8px;margin-bottom: 8px;}
    .brandA .list li:after{content: '';position: absolute;left: 0;bottom:0;width: 100%;height: 1px;background: #eee;}
    .datum li span img{zoom:.8;}
    .datum li p{font-size: 16px;}
    .datum li h4{font-size: 22px;line-height: 30px;}
    .datum li span{height: 56px;line-height: 56px;}
    .datum li{margin: 15px 0;width: 50%;}
    .swatches-top p{font-size: 14px;line-height: 24px;}
    .swatches-top h4{font-size: 22px;}
    .swatches .swiper-pagination-bullet, .banner2 .swiper-pagination-bullet{    width: 5px !important;height: 5px !important;}
    .swatches li p{font-size: 14px;}
    .idea .main li{height: auto;}
    .idea .main li .pic{width: 100%;max-width: 100%;height: auto;margin-right: 0}
    .idea .main li .txt{width: 100%;height: auto;padding:1em 0;margin-top: 1em;}
    .idea .main li .txt span{width: 60px;line-height: 60px;height: 60px;margin: 1em auto}
    .idea .main li .txt span img{zoom:.8;}
    .idea .main li .txt p{line-height: 26px;}
    .idea .main{margin-top: 1em;}
    .about .historyText{position: relative;width: 100%;left: 0;transform: translateX(0%);height: auto;}
    .about .historyText .li{width: 80% !important;padding:0 10%;}
    .about .historyText .year{font-size: 22px;margin-bottom: 15px;}
    .about .historyText .li p{margin-bottom: 15px;}
    .about .historyText .summber{font-size: 14px;}
    .historyPic .swiper-slide img{width: 100%;}
    .about .swiperBtn{top:49px;}
    .about .swiperBtn:before{background: rgba(204,177,150,.7);}
    .banner li .txt h2{font-size: 26px;}
    .banner li .txt h4{font-size: 20px;letter-spacing: 10px;line-height: 30px;}
    .banner li .txt dl{font-size: 16px;word-spacing: 10px;}
    .banner li .txt{width: 85%;}
    .banner li{height: 335px;}
    .flow-t{font-size: 22px;}
    .flow-b{margin-top: 1em;}
    .flow-b li .pic img{zoom:.5;}
    .flow-b li .pic{height: 55px;line-height: 55px;}
    .flow-b:before{height: 1px;}
    .flow-b li b{top:42%;}
    .flow-b li .txt{margin-top: 1.5em;}
    .flow-b li .txt p,.flow-b li .txt h4{font-size: 14px;}
    .flow-b li:hover {border-color: transparent;background: #fff;}
    .flow-b li:hover b {width: 20px;height: 20px;top: 42%;}
    .intro-b p{line-height: 24px;}
    .product-t .name h4{font-size: 22px;}
    .product-t .menu li{width: 20%;float: left;height: 73px;}
    .product-t .menu li span img{zoom:.6;}
    .product-t .menu ul,.product-t .menu{width: 100%;}
    .product-t .menu li span{height: 40px;line-height: 40px;margin-bottom: 5px;}
    .product-t .menu li:nth-child(5n):before{display: none}
    .product-t .menu li:after{content: '';position: absolute;right: 0;bottom:0;width: 100%;height:1px;background: #5e5b6c;}
    .product-b .list li p{line-height: 35px;font-size: 14px;}
    .product-b .list li{height: 93px;}
    .product-b .vr span{right: 5px;top:5px;width: 66px;}
    .youshi{width: 100%;height: auto;padding:1em 0;}
    .youshi .L{width: 100%;height: auto;margin-top: 1em;}
    .youshi .L h4{font-size: 20px;}
    .youshi .L a{margin-top: 14px;}
    .youshi .R{width: 100%;height: auto;}
    .youshi .R ul{height: 380px;}
    .youshi .R ul li .txt{margin-right: 0;width: 95%;padding-right: 5%;}
    .brand .mian{margin-top: 1em;}
    .brand li .txt p{font-size: 14px;}
    .brand li .txt{height: auto;padding:1em;}
    .brand li .txt dl{margin-bottom: 1em;}
    .brand li .txt p{height: auto;}
    .brand li:nth-child(even) .pic{top:0;}
    .brand li:nth-child(even) .txt{position: relative;}
    .flow-b .wrap{width: 95%;}
    .cpmin-r, .cpmin-l{width: 36px !important;top: 33% !important;}
    .cpmin-pag{margin: 2px 0 17px}
    .recom-b li{width: 100%;margin: 0 0 1em 0}
    .pagbox{display: block;height: auto;line-height: 45px;}
    .pagbox a{display: block;width: 100%;font-size: 14px;}
    .pagbox a.prev{padding-left: 5%;width: 95%;text-align: center;}
    .pagbox a.fh{padding-left:0%;width: 100%;text-align: center;background: #eee;}
    .pagbox a.fh:before{left: 30%}
    .pagbox a.next{padding-right: 5%;width: 95%;text-align: center;}
    .cpmin-r{right: 0px !important;}
    .cpmin-l{left: 0px !important;}
    .cpmin{margin-top: 20px;}
    .recom-b ul{margin-right: 0}
    .recom-t{font-size: 22px;}
    .about, .new-list{margin: 30px 0}
    .new-list li .pic, .brand li .pic{height: 123px;}
    .new-list li .txt{padding:1em;}
    .new-list li .txt dl{margin-bottom: 10px;}
    .new-list li .txt p{font-size: 14px;height: 59px;}
    .new-list ul{margin-bottom: 1.5em;}
    .new-min h2{font-size: 18px;}
    .new-min dl{font-size: 14px;padding:8px 0 10px;margin-bottom: 15px;}
    .industry{padding:30px 0;}
    .index_con8_u1 li{width: 33.33%;margin: 0 0 2em 0}
    .youshi:before{width: 100%;}
    .div-float.div-wechat{top:50%;}
    .div-float{position: fixed;
        right: auto;
        left: 50%;top:50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); 
    }
    .index_con8_u1 li:last-child,.index_con8_u1 li:nth-last-child(2){width: 50%;}
    footer{padding:1em 0 2em;}
    footer .R .addre p{margin-bottom: 15px;padding-left: 29px;}
    footer .R .addre p a{color: #8c8c8c}
    footer .R .addre p img{zoom:.8;}
    .index_con8_u1 li p a{color: #fff;}
    .swiper-button-next, .swiper-button-prev{width:20px!important;height: 26px!important;}
   .product-b .vr img{max-height: 250px;}
   .nybanner2{height: auto;}
   .nybanner2 img:nth-child(2){display: none;}
   .nybanner img,.nybanner2 img{object-fit: contain;height: auto;width: 100%;min-height:auto}
   .cpmin .pic .seban img{width: 48px;height: 33px;}
   .banner li{height: auto!important}
   .youshi:before{ background: url(../images/a1_20.jpg) no-repeat center;
    background-size: cover;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;}
}
.clearfix .brightness{
    filter: grayscale(100%) brightness(200%);  
}
/* .dz-list .vrlist .clearfix .cloud{
    position: relative;
    background: #fff;
    transition: .5s;
}
.dz-list .vrlist .clearfix .cloud .color{
    position: absolute;
    z-index: 99;
    height: 80%;
    margin-top: 1.8%;
    width: 50%;
}
.dz-list .vrlist .clearfix .cloud .color img{
    width: 100%;
}
.dz-list .vrlist .clearfix .cloud .color a{
float: left;
height: 100%;
width: 46%;
overflow: hidden;
margin-left: 3.58%;
}
.dz-list .vrlist .clearfix .cloud .color a p{
    text-align: center;
}
.vrlist li .cloud .txt{
    width: 50%;
    margin-left: 50%;
    padding: 0;
}
.vrlist li:hover .cloud{
    background: #4b63ab !important;
    color: #fff;
}
.vrlist li .cloud .txt{
    text-align: center;
}
.vrlist li .txt::before {
    right: 10px;
}
.vrlist li:hover .txt::before {
    right: 15px;
}
.vrlist li:hover .color a p{
    color: #fff;
}
@media screen and (max-width: 1024px){
    .dz-list .vrlist .clearfix .cloud .color {
        width: 100%;
        margin-top: 50px;
    }
    .dz-list .vrlist .clearfix .cloud{
        height: 120px;
    }
    .dz-list .vrlist .clearfix .cloud .color{
        height: 60%;
    }
    .vrlist li .cloud .txt{
        width: 100%;
        margin-left: 0%;
    }
    .cpmin .pic .seban a img{
        height: 35px;
        width: auto;
    }
}
.cpmin .pic .seban a{
   margin-left: 10px; 
} */

.dz-list li .txt a{
    width: 50%;
float: left;
}
.vrlist li .txt{
    padding: 0; 
}
.txt .img{
    height: 70%;
}
.txt .text {
    height: 30%;
}
.txt .text p{
    width: 50%;
    float: left;
    line-height: normal;
    font-size: 14px;
}
.vrlist li .txt::before{
    content: '';
}
@media screen and (max-width: 1440px){
    .vrlist li .txt{
        height: 75px;
    }
}