@charset "utf-8";
/*@font-face {*/
    /*font-family: "NotoSansHans-Regular";*/
    /*src: url("../font/NotoSansHans-Regular.otf");*/
/*}*/
@font-face {
    font-family: "sylfaen";
    src: url("../font/sylfaen.ttf");
}
/*@font-face {*/
    /*font-family: "SourceHanSansCN-ExtraLight";*/
    /*src: url("../font/SourceHanSansCN-ExtraLight.otf");*/
/*}*/
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family: "Microsoft YaHei";background: #fff;}
body{padding-top: 70px;}
body.hide,html.hide{overflow: hidden;}
input,textarea{ border:none; font-family: "Microsoft YaHei";}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #000;}
p{color: #999;line-height: 1.6em;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
.w1440{width: 1440px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.img100 img{width: 100%;vertical-align: bottom;}
.relative{position: relative;}
.text-center{text-align: center;}
.pc-show{display: block;}
.wap-show{display: none;}
.main-padding{padding: 60px 0 80px;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative;table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.margin-t50{margin-top: 50px;}
.position-full{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
/*index*/
.index-con{border-bottom: 1px solid #ddd;}
.header{position: fixed;z-index: 999;background: #fff;width: 100%;height: 70px;top:0;left: 0;transform: translateZ(0);box-shadow: 0 1px 2px #ddd;}
.header .w1440{height: 100%;}
.logo{position: absolute;left: 0;top:15px;width: 135px;}
.logo img{width: 100%;vertical-align: middle;}
.header-con{position: absolute;right: 0;top:0;height: 100%;}
.nav-box{margin-right: 90px;}
.nav-box.active{opacity: 0;}
.nav-menu li{display:inline-block;position: relative;}
.nav-yi{line-height: 70px;display: block;width: 130px;text-align: center;position: relative;}
.nav-menu li.active .nav-yi{color: #ce876a;}
.nav-sub{position: absolute;width: 140px;background: #fff;left: 50%;margin-left: -70px;text-align: center;line-height: 45px;-webkit-transform-origin: top center;  -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: -webkit-transform .3s .2s; transition: transform .3s .2s;transform: scaleY(0);}
.nav-sub a{display: block;color: #999;}
.n-nav-sub{opacity: 0; text-align: center;-webkit-transform: translate(0, -20px);-ms-transform: translate(0, -20px);transform: translate(0, -20px); -webkit-transition: all .2s; transition: all .2s;}
.nav-er-box{position: relative;}
.nav-er-list{position: absolute;left: 100%;top:0;width: 160px;background: #fff;display: none;}
.nav-er-list a:hover{background: #e1a48b;color: #fff;}
.search-box{position: absolute;right: 0;top:19px;cursor: pointer;}
.search-btn{width: 32px;height: 32px;background-image: url("../images/search.png");z-index: 5;position: relative;}
.search-con{position: absolute;width: 0;right: 0;height: 32px;top:0;background: #f5f5f5;overflow: hidden;}
.search-con .text{display: block;height: 32px;width: 100%;background: none;text-indent: 40px;}
.search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;background-image: url("../images/close.png");}
.search-sb{position: absolute;right: 0;top:0;cursor: pointer;display: none;background-color:#f5f5f5;}
.search-box.active .search-con{width: 200px;}
.search-box.active .search-sb{display: block;}
.search-text{margin-right: 32px;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute; z-index: 5; right:12px;top:19px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{  height: 2px; background: #ce876a; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;}
.menu-handler .burger-2 {top: 15px; }
.menu-handler .burger-3 {top: 22px;}
.menu-handler.active .burger-1 { top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.pagination-style{position: absolute;width: 100%;text-align: center;left: 0;bottom:35px !important;z-index: 9;}
.pagination-style .swiper-pagination-bullet{width: 14px;height: 14px;margin: 0 12px;opacity: 1;background: rgba(0,0,0,.2);}
.pagination-style .swiper-pagination-bullet-active{background: #fff;}
.banner-btn div{position: absolute;z-index: 9;top:50%;width: 70px;height: 70px;margin-top: -35px;cursor: pointer;border:1px solid rgba(255,255,255,.2);border-radius: 100%;}
.bannerBtn1{background-image: url("../images/banner-prev.png");left: 30px;}
.bannerBtn2{background-image: url("../images/banner-next.png");right: 30px;}
.banner-btn div:hover{border-color: #fff;}
.title26{margin-bottom: 50px;}
.title26 h3{font-size: 26px;margin-bottom: 2px;}
.title26 span{font-size: 16px;font-family: "sylfaen";text-transform: uppercase;color: rgba(0,0,0,.2);letter-spacing: 5px;position: relative;z-index: 9;background: #fff;padding: 0 45px;}
.title26-bot:before{content: "";position: absolute;width: 100%;top:50%;left: 0;border-bottom: 1px solid #eee;}
.cxcp-list li{float: left;width: 32%;margin-right: 2%;margin-top: 1%;}
.cxcp-list li:nth-child(3n){margin-right: 0;}
.cxcp-list a{display: block;}
.cxcp-list .img100{width: 200px;}

.cxcp-list li:hover .read-more,.news li:hover .read-more,.pro a:hover .read-more{color: #fff; border-color: transparent;background-image: url("../images/more_bg.png");}
.cxcp-r{position: absolute;height: 100%;left: 210px;right: 0;top:0;}
.cxcp-r h4{font-size: 18px;font-weight: bold;margin-bottom: 5px;letter-spacing: 2px;}
.read-more{width: 178px;line-height: 35px;border:1px solid #e1e1e1;border-radius: 35px;display: block;text-align: center;color: #c1c1c1;font-size: 12px;margin-top: 30px;max-width: 80%;}
.shipin{cursor: pointer;}
.play{position: absolute;width: 81px;height: 81px; border-radius: 100%;-webkit-border-radius:100%; background: url("../images/play.png") no-repeat center;background-size: cover;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1000px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index: 9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.shipin:hover .play{animation: toShadow 1.5s linear infinite; -webkit-animation: toShadow 1.5s linear infinite;}
.jies li{float: left;width: 49.5%;margin-right: 1%;}
.jies li:last-child{margin-right: 0;}
.jies li a{display: block;}
.jies-con{position: absolute;top:66px;left: 45px;color: #b9775d;}
.jies-con h3{font-size: 26px;margin-bottom: 20px;}
.jies-con p{color: #b9775d;width: 355px;max-width: 100%;}
.jies-con .read-more{color: #b9775d;border-color: #b9775d;}
.mrz{height: 480px;}
.mrz-con{overflow: auto;position: relative;height: 100%;}
.mrz-con::-webkit-scrollbar {width: 6px;height: 6px;opacity: 0;}
/*.mrz-con::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;opacity: 0;}*/
/*.mrz-con::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;opacity: 0;}*/
/*.mrz-con::-webkit-scrollbar-track-piece {background: #f3f3f3;opacity: 0;}*/
.mrz-list{padding: 30px 0;}
.mrz-list li{position: relative;margin-top: 18px;min-height: 150px;}
.mrz-tx{width: 163px;height: 163px;border-radius: 100%;position: absolute;top:0;}
.mrz-txs{width: 163px;height: 163px;border:3px solid #fff;border-radius: 100%;}
.mrz-list li:nth-child(odd) .mrz-tx{left: 0;}
.mrz-list li:nth-child(even) .mrz-tx{right: 0;}
.ljgd12{text-align: center;width: 30px;height: 30px;margin: 2px auto 0;background-image: url("../images/pointer.png");display: none;-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{
    0% {

        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        opacity: 0.8;
    }
    50% {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(10px);
        -webkit-transform: translateY(10px);
        opacity: 0.8;
    }
}
.mrz-nr{border:2px dashed #fff;border-radius: 20px;margin: 0 210px;position: relative;}
.mrz-nr:after{content: '';position: absolute;width: 31px;height: 24px;background-image: url("../images/jiao.png");top:86px;}
.mrz-list li:nth-child(odd) .mrz-nr:after{left: -25px;}
.mrz-list li:nth-child(even) .mrz-nr:after{right: -25px;background-image: url("../images/jiao2.png");}
.mrz-nr-wrap{margin: 5px;background: #fff;padding: 25px 35px;border-radius: 20px;}
.mrz-nr-wrap h5{font-size: 18px;color: #ce876a;margin-bottom: 10px;}
.mrz-nr-wrap p{line-height: 1.8em;}
.mrz-list li:nth-child(even) h5{text-align: right;}
.news{margin-bottom: 60px;}
.news li{float: left;width: 28%;margin-right: 8%;}
.news li:last-child{margin-right: 0;}
.news li h4{font-size: 24px;margin: 20px 0;}
.news li p{height: 6.4em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.footer-bot{background: #222;padding: 18px 0;}
.footer-bot span,.footer-bot a{display: inline-block;color: #a1a1a1;}
.gdr{position: fixed;right: -80px;top:50%;transform: translateY(-50%) translateZ(0);-webkit-transform: translateY(-50%) translateZ(0);width: 80px;z-index: 999;display: none;}
.gdr.active{right: 0;}
.gdr li{border:1px solid #e0e0e0;position: relative;background: #fff;text-align: center;padding: 3px 0;margin-top: 1px;}
.gdr li p{color: #444;font-size: 12px;}
.gdr .img2{display: none;}
.gdr li:hover{background: #ce876a;border-color: #ce876a;}
.gdr li:hover p{color: #fff;}
.gdr li:hover .img1{display: none;}
.gdr li:hover .img2{display: inline-block;}
.sldie-r{position: absolute;right: 100%;top:50%;padding-right: 10px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.slide-con{background: #fff;position: relative;border:1px solid #e0e0e0;display: none;}
.slide-con:after{content: '';position: absolute;width: 7px;height: 12px;background: url("../images/r2.png");top:50%;margin-top: -6px;right: -7px;}
.code-r{width: 120px;}
.gdr li:hover .slide-con{display:block;}
.gdr .return_top{background: #ce876a;border-color: #ce876a;}
/*品牌介绍*/
.ban-text{margin-left: 80px;}
.ban-text .i{width: 48px;height: 3px;background: -webkit-linear-gradient(left, #ce876a , #efc1a2); /* Safari 5.1 - 6.0 */  background: -o-linear-gradient(right, #ce876a , #efc1a2); /* Opera 11.1 - 12.0 */  background: -moz-linear-gradient(right,#ce876a , #efc1a2); /* Firefox 3.6 - 15 */  background: linear-gradient(to right, #ce876a , #efc1a2); /* 标准的语法 */}
.ban-text h2{font-size: 36px;color: #ce876a;font-weight: bold;margin: 12px 0 5px;animation-delay: 500ms !important;}
.ban-text p{font-size: 36px;color: #ce876a;
    /*font-family: SourceHanSansCN-ExtraLight;*/
    text-transform: uppercase;animation-delay: 800ms !important;}
.positions{background: #fffcfb;height: 60px;line-height: 60px;}
.position-link a{float: left;margin-right: 65px;position: relative;}
.position-link a:last-child{margin-right: 0;}
.position-link a.active{color: #ce876a;}
.position-link a.active:after{width: 20px;}
.position-link a:hover{color: #ce876a;}
.position-link a:hover:after{width: 20px;}
.position-link a:after{content: '';position: absolute; width: 0;height: 2px;bottom:0;background: -webkit-linear-gradient(left, #ce876a , #efc1a2); /* Safari 5.1 - 6.0 */  background: -o-linear-gradient(right, #ce876a , #efc1a2); /* Opera 11.1 - 12.0 */  background: -moz-linear-gradient(right,#ce876a , #efc1a2); /* Firefox 3.6 - 15 */  background: linear-gradient(to right, #ce876a , #efc1a2); /* 标准的语法 */left: 50%;transform: translateX(-50%);}
.position-r a{color: #999;}
.position-r a:hover{color: #ce876a;}
.position-r a:last-child{color: #ce876a;}
.i-bg,.i-bg-hover:hover{background: -webkit-linear-gradient(left, #ce876a , #efc1a2); /* Safari 5.1 - 6.0 */  background: -o-linear-gradient(right, #ce876a , #efc1a2); /* Opera 11.1 - 12.0 */  background: -moz-linear-gradient(right,#ce876a , #efc1a2); /* Firefox 3.6 - 15 */  background: linear-gradient(to right, #ce876a , #efc1a2);}
.i-bg-hover:hover{color: #fff;}
.title30 h3{font-size: 30px;color: #ce876a;}
.title30 h4{font-size: 16px;color: #666;margin-top: 15px;}
.title30{margin-bottom: 50px;}
.title30 .i{width: 42px;height: 2px;margin: 25px auto;}
.title30 p{line-height: 2em;}
.ppjs-list{margin-bottom: 60px;}
.ppjs-list li{float: left;width: 23%;margin: 0 1%;}
.ppjs-list li img{max-width: 80%;}
.ppjs-list p{margin-top: 25px;}
/*企业文化*/
.wh-body .ban-text h2{color: #3e4e62}
.wh-body .ban-text p{color: #3e4e62}
.wh-body .ban-text .i{background: #3e4e62 !important;}


.wh-txt{margin: 35px auto;max-width: 100%;width: 1134px;text-align: center;}
/*品牌优势*/
.ys-list li{float: left;width: 31.33%;margin-right: 3%;margin-bottom: 3%;}
.ys-list li:nth-child(3n){margin-right: 0;}
.ys-top{margin-bottom: 10px;position: relative;padding-left: 65px;}
.ys-top .i{width: 47px;height: 47px;border-radius: 100%;font-size: 32px;color: #fff;text-align: center;line-height: 47px;position: absolute;top:10px;left: 0;}
.ys-top h3{font-size: 24px;color: #ce876a;margin-bottom: 8px;}
.ys-top p{height: 3.2em;}
/*视频合集*/
.sp-body .ban-text h2{color: #fff}
.sp-body .ban-text p{color: #fff}
.sp-body .ban-text .i{background: #fff !important;}
.sp-list li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;text-align: center;cursor: pointer;}
.sp-list li:nth-child(3n){margin-right: 0;}
.sp-list li p{font-size: 16px; color: #444;margin: 15px 0;}
.sp-list li .img100{position: relative;}
.sp-list li .img100:after{content: '';position: absolute;width: 52px;height: 52px;background-image: url("../images/play2.png");top:50%;left: 50%;z-index: 8;margin: -26px 0 0 -26px;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 800px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;}
.video_t a img{width: 100%;vertical-align: bottom;}
/*产品介绍*/
.menu{width: 18%;}
.menu a{display: block;}
.menu-a{line-height: 65px;border-bottom: 2px solid #e1e1e1;font-size: 18px; color: #222;position: relative;}
.menu-er{padding-top: 15px;display: none;}
.menu-er a{line-height: 42px;color: #999;}
.menu-er a.active,.menu li.active .menu-a,.menu-a:hover,.menu-er a:hover{color: #ce876a;}
.menu li.active .menu-a{border-color: #ce876a;}
.menu-a:after{width: 8px;height: 12px;content: '';position: absolute;right: 6px;top:50%;margin-top: -6px;background-image: url("../images/r.png");}
.menu li.active .menu-a:after{background-image: url("../images/r1.png");}
.right-box{width: 75%;}
.pro{font-size: 0;}
.pro li{display:inline-block;vertical-align:top;width: 32%;text-align: center;margin-right: 2%;margin-bottom: 2%;font-size: 14px;}
.pro li:nth-child(3n){margin-right: 0;}
.pro a{display: block;padding: 20px;border:1px solid #e1e1e1;}
.pro .img100 img{max-width: 100%;width: auto;}
.pro h4{font-size: 18px; color: #222;margin: 5px 0 2px;}
.pro .read-more{margin: 30px auto 0;}
.pro a:hover{box-shadow: 0 0 16px 0 rgba(171, 171, 171, 0.18);}
.page{text-align: center;margin-top: 50px;}
.page-btn{text-transform: uppercase;font-size: 12px; color: #f1dad1;position: relative;display: inline-block;}
.page-btn:before{content: '';position: absolute;top:0;width: 29px;height: 15px;}
.page-left{padding-left: 80px;margin-right: 30px;}
.page-right{padding-right: 80px;margin-left: 30px;}
.page-left:before{background-image: url("../images/page-left.png");left: 0;}
.page-right:before{background-image: url("../images/page-right.png");right: 0;}
.pages{display: inline-block;width: 26px;line-height: 26px;text-align: center;margin: 0 12px;border-radius: 100%;color: #ce876a;font-weight: bold;}
.pages.active{background: -webkit-linear-gradient(left, #ce876a , #efc1a2); /* Safari 5.1 - 6.0 */  background: -o-linear-gradient(right, #ce876a , #efc1a2); /* Opera 11.1 - 12.0 */  background: -moz-linear-gradient(right,#ce876a , #efc1a2); /* Firefox 3.6 - 15 */  background: linear-gradient(to right, #ce876a , #efc1a2); /* 标准的语法 */color: #fff;}
.pages:hover{background: -webkit-linear-gradient(left, #ce876a , #efc1a2); /* Safari 5.1 - 6.0 */  background: -o-linear-gradient(right, #ce876a , #efc1a2); /* Opera 11.1 - 12.0 */  background: -moz-linear-gradient(right,#ce876a , #efc1a2); /* Firefox 3.6 - 15 */  background: linear-gradient(to right, #ce876a , #efc1a2); /* 标准的语法 */color: #fff;}
/*产品内页*/
.cpxq-img{width: 50%;}
.cpxq-des{width: 46%;position: relative;min-height: 100%;}
.cpxq-top{border-bottom: 1px solid #e1e1e1;padding-bottom: 20px;}
.cpxq-top h3{font-size: 30px;color: #222;font-weight: bold;margin: 25px 0;}
.cpxq-top span:nth-of-type(1){color: #999;}
.cpxq-top span:nth-of-type(2){font-size:18px;color:#ce876a;}
.cpxq-top span:nth-of-type(3){color:#ce876a;}
.cpxq-page{margin-top: 25px;}
.cpxq-page h4{color: #444;font-size: 14px;margin-bottom: 10px;}
.cpxq-page h4 span{color: #999;}
.color-list li{float: left;width: 18px;height: 18px;border-radius: 7px;border:2px solid transparent;margin-right: 18px;cursor: pointer;margin-top: 5px;}
.color-list li.active{border-color: #222;}
.color-list li img{width: 100%;vertical-align:0;}
.footer-share{margin-top: 20px;}
.footer-share.bdsharebuttonbox a{padding: 0;width: 20px;height: 20px;position: relative;border-radius: 100%;float: left;margin:0 0 0 15px;}
.footer-share .weixin{background-image: url("../images/wx.png");}
.footer-share .tsina{background-image: url("../images/wb.png");}
.footer-share .qzone{background-image: url("../images/qq.png");}
.footer-share span{color: #999;}
.tj .pro a{border:none;}
.swiper-slide.video{cursor: pointer;}
.swiper-slide.video:after{content: '';position: absolute;width: 52px;height: 52px;background-image: url("../images/play2.png");top:50%;left: 50%;margin: -26px 0 0 -26px;}
/*用户体验*/
.ty-left{width: 50%;}
.ty-r{position: absolute;height: 100%;right: 0;top:0;width: 50%;}
.ty-r-warp{width: 560px;margin: 0 auto;max-width: 90%;}
.ty-tx{width: 66px;height: 66px;border-radius: 100%;}
.ty-top h4{line-height: 66px;font-size: 18px; color: #ce876a;margin-left: 20px;}
.ty-des{margin-top: 30px;}
.ty-des p{line-height: 2em;}
.ty-left .pagination-style{width: auto;left: auto;right: 20px;bottom:20px !important;}
.ty-left .img100{position: relative;}
.ty-left .video .img100:after{position: absolute;content: '';width: 80px;height: 80px;background-image: url("../images/play.png");top:50%;left: 50%;margin: -40px 0 0 -40px;}
.ty-left .swiper-slide.video{cursor: pointer;}
.margin-t60{margin-top: 60px;}
.tyz li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.tyz li:nth-child(4n){margin-right: 0;}
.ty-show{position: absolute;left: 20px;right: 20px;bottom:20px;z-index: 3;}
.ty-show p{font-size: 18px;height: 3.2em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #fff;}
.ty-hide{position: absolute;z-index: 5;width: 100%;height: 100%;top:100%;left: 0;background: #fff;overflow: auto;border-bottom: 1px solid #e1e1e1;box-sizing: border-box;}
.ty-hide-des{margin: 0 40px;}
.ty-hide-des h4{font-size: 20px;color: #222;font-weight: bold;margin-bottom: 30px;}
.ty-hide-des p{color: #666;}
.tyz-top{overflow: hidden;}
.ty-bot{border:1px solid #e1e1e1;padding: 20px;}
.ty-bot-tx{position: absolute;width: 59px;height: 59px;top:50%;margin-top: -30px;left: 0;border-radius: 100%;}
.ty-bot-des{margin-left: 76px;}
.ty-bot-des h5{font-size: 16px; color: #ce876a;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*体验内页*/
.tyxq-left{width: 66%;}
.tyxq-top{padding-right: 150px;}
.tyxq-top p{font-size: 18px; color: #222;margin-bottom: 10px;}
.tyxq-top h3{font-size: 24px; color: #222;font-weight: bold;}
.tyxq-top .footer-share{position: absolute;right: 0;bottom: 0;}
.xq-edit{border-top: 1px solid #e1e1e1;margin-top: 35px;min-height: 200px;}
.xq-edit p{margin: 20px 0;}
.xq-edit img{display: block;max-width: 100%;height: auto !important;margin: 0 auto;}
.xq-edit video{max-width: 100%;background: #000;}
.tyxq-page{border-top: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding: 30px 0;margin-top: 100px;}
.tyxq-pages a{position: relative;text-transform: uppercase;font-size: 12px; color: #f1dad1;max-width: 46%;box-sizing: border-box;}
.tyxq-pages a:before{content: '';width: 29px;height: 15px;top:0;position: absolute;}
.tyxq-pages a.fl{padding-left: 40px;}
.tyxq-pages a.fl:before{background-image: url("../images/page-left.png");left: 0;}
.tyxq-pages a.fr{padding-right: 40px;}
.tyxq-pages a.fr:before{background-image: url("../images/page-right.png");right: 0;}
.tyxq-pages a:hover{color: #ce876a;}
.zxty{width: 30%;margin-top: 46px;}
.zxty h5{font-size: 18px; color: #222;}
.zxty-list li{margin-top: 30px;}
.zxty-list a{display: block;}
.zxty-list .img100{width: 140px;}
.zxty-r{margin-left:20px;float: left;width: 188px;}
.zxty-r p{font-size: 16px; color: #ce876a;padding-top: 0;}
.zxty-r span{color: #999;}

/*用户反馈*/
/*.wh-body .positions{background: #f6fafb;}*/
/*.wh-body .position-link a.active,.wh-body .position-link a:hover,.wh-body .position-r a:hover,.wh-body .position-r a:last-child{color: #76b4d4;}*/
/*.wh-body .position-link a:after{background: #76b4d4;}*/

.waterfall .list-group a{display: block;padding:0 10px;cursor: default;}
.list-group{width: 33.33%;margin-bottom: 20px;}

.list-group-bot{padding: 35px;border:1px solid #e1e1e1;border-top: none;}
.list-group-bot h4{font-size: 18px; color: #4f5f6e;margin-bottom: 14px;}
.pagination34{position: static;margin-top: 10px;}
.pagination34 .swiper-pagination-bullet{background: rgba(0,0,0,.2);}
.pagination34 .swiper-pagination-bullet-active{background: #ce876a;}


/*正品查询_1*/
.zpcx-top{border-bottom: 1px solid #f5f5f5;}
.zpcx-top .title26-bot:before{display: none;}
.zpcx-tz{margin: 35px 0;}
.zpcx-tz h4{color: #ce876a;font-size: 18px;}
.tzcx{display: block;width: 170px;line-height: 40px;margin: 15px auto 0;color: #fff;}
.tzcx:after{display: inline-block;content: '';width: 14px;height: 14px;background: url("../images/ss.png");vertical-align: middle;margin: -2px 0 0 5px;}
.margin-t40{margin-top: 40px;}
.gua-l{float: left;width: 50%;}
.gua-l .img100{width: 296px;max-width: 100%;margin-right: 50px;}
.gua-r{float: right;width: 50%;}
.gua-con{margin-left: 40px;padding-top: 20px;}
.gua-con h5{font-size: 18px ;color: #222;}
.gua-con p{margin-top: 10px;}
.gua:before{content: '';position: absolute;height: 100%;left: 50%;border-right: 1px dashed #e1e1e1;}
/*素材中心*/
.xxwl li{float: left;width: 32%;margin-right: 2%;margin-bottom: 4%;}
.xxwl li:nth-child(3n){margin-right: 0;}
.xxwl a{display: block;}
.xxwl-hide{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(255,255,255,.7);opacity: 0;}
.xxwl-xz{width: 180px;margin: 0 auto;max-width: 80%;display: block;line-height: 38px;text-align: center;border-radius: 38px;color: #fff;position: relative;transform: translateY(-20px);}
.xxwl-xz:before{content: ''; display: inline-block; width: 16px;height: 16px;vertical-align: middle; margin: -4px 10px 0 0;background: url("../images/xz.png");}
a:hover .xxwl-hide{opacity: 1;}
a:hover .xxwl-xz{transform: translateY(0);}
/*资料下载*/
.zlxz li{float: left;width: 32%;margin-right: 2%;position: relative;margin-bottom: 2%;}
.zlxz li:nth-child(3n){margin-right: 0;}
.zlxz li .img100{width: 178px;}
.zlxz-con{position: absolute;right: 0;top:0;height: 100%;left: 178px;border:1px solid #e1e1e1;box-sizing: border-box;}
.zlxz-warp{margin: 0 20px;padding-right: 20px;}
.zlxz-warp h4{font-size: 18px; color: #222;margin-bottom: 2px;}
.zlxz-btn{display: block;width: 110px;border:1px solid #e1e1e1;border-radius: 26px;text-align: center;color: #999;line-height: 26px;margin-top: 20px;}
.zlxz-btn:before{content: "";display: inline-block; width: 14px;height: 14px;vertical-align: middle; margin: -4px 6px 0 0;background: url("../images/xz2.png");}
.zlxz-btn:hover:before{background: url("../images/xz2-1.png");}
.fenx{position: absolute;right: 0;top:0;width: 16px;height: 15px;background: url("../images/fx.png");}
/*资质报告*/
.zs-table th,.zs-table td{padding: 0 15px;height: 70px;}
.zs-table th{text-align: left;font-size: 16px;color: #222;font-weight: normal;}
.zs-table td{border-top: 1px solid #e1e1e1;color: #999;}
.zs-table td img{vertical-align: middle;margin-right: 10px;}
.zs-table a{display: block;width: 24px;height: 24px;background-image: url("../images/xz3.png");margin-left: 5px;}
/*朋友圈海报*/
.poster-list li{float: left;width: 49.3%;margin-right: 1.4%;}
.poster-list li:nth-child(even){margin-right: 0;}
.poster-big{margin-bottom: 2.8%;}
.posters{width: 48.5%;margin-right: 3%;float: left;}
.posters:last-child{margin-right: 0;}
/*实体店装修方案*/
.shop li{text-align: center;}
.shop .img100{width: 450px;max-width: 100%;margin: 0 auto;}
.shop-type{width: 178px;line-height: 34px;border-radius: 34px;max-width: 60%;margin: 10px auto 0;color: #fff;transform: translateY(10px);opacity: 0;}
.shop li:hover .shop-type{opacity: 1;transform: translateY(0);}

.shop-b{border-top: 1px solid #f0f0f0;}
.shop-cs{font-size: 0;}
.shop-cs a{display: inline-block;width: 120px;line-height: 35px;border-radius: 35px;border:1px solid #e1e1e1;color: #999;font-size: 14px;margin: 0 15px;}
.shop-cs a.i-bg{color: #fff;border-color: #fff;}
.shop-cs a:hover{border-color: #fff;}
.shop-ms-l{width: 49%;}
.shop-ms-r{width: 51%;}
.shop-ms-r .imgscale{margin-left: 1.8%;width: 48.2%;margin-bottom: 1.8%;}
.shop-ms a{display: block;}
/*实体店宣传物料*/
.xxwl h5{text-align: center;font-size: 16px;color: #222;margin-top: 18px;}
.stdxcwl li{width: 23.5%;}
.stdxcwl li:nth-child(3n){margin-right: 2%;}
.stdxcwl li:nth-child(4n){margin-right: 0;}
/*财富分享*/
.ban-fff .ban-text h2,.ban-fff .ban-text p{color: #fff;}
.ban-fff .ban-text .i{background: #fff;}
.cf li{border-bottom: 1px solid #e1e1e1;padding: 30px 0;}
.cf li:last-child{border:none;}
.cf a{display: block;}
.cf .img100{width: 467px;}
.cf-con{position: absolute;height: 100%;top:0;right: 0;left: 506px;}
.cf-con h4{padding: 25px 0;font-size: 18px;}
.cf-con p{height: 3.2em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.cf-bot{bottom:25px;left: 0;position: absolute;}
.cf-bot span{color: #999;}
.cf-bot span:nth-child(2){margin: 0 10px;}
.cf li:hover h4{color: #ce876a;}

/*联系我们*/
.lx-top li{float: left;width: 32%;margin-right: 2%;}
.lx-top li:last-child{margin-right: 0;}
.lx-top li h4{font-size: 18px;margin: 20px 0;}
.lx-top li p{width: 215px;max-width: 100%;margin: 0 auto;}
.map{width: 50%;height: 580px;background: url("../images/lxbg.jpg") no-repeat center;background-size: cover;}
.ditu-con p{font-size: 20px;line-height: 60px;text-align: center;color: #222;}
.zxly{position: absolute;right: 0;top:0;width: 50%;height: 100%;background: #f8f8f8;}
.zxly-warp{padding: 70px 50px;}
.title24 h3{font-size: 24px;font-weight: bold;}
.title24 .i{width: 30px;height: 4px;margin-top: 18px;}
.title24{margin-bottom: 40px;}
.ly-box{}
.ly-list{float: left;width: 48.5%;margin-right: 2%;margin-bottom: 15px;}
.ly-list:nth-child(even){margin-right: 0;}
.ly-list span{font-size: 16px; color: #444;display: block;margin-bottom: 10px;}
.ly-kuan{border:1px solid #e1e1e1;background: #fff;}
.ly-kuan input{display: block;width: 100%;height: 38px;text-indent: 1em;}
.area{margin: 1em;}
.area textarea{display: block;resize: none;width: 100%;height: 110px;}
.ly-list.ly-list-long{width: 100%;margin-right: 0;}
.liuyan{display: block;width: 210px;text-align: center;color: #fff;line-height: 40px;margin-top: 15px;}
.phone{position: absolute;bottom:0;width: 58%;left: 21%;}
.phone-code{position: absolute;left: 0;width: 100%;bottom:10%;text-align: center;}
.phone-code p{color: #333;font-size: 16px;margin: 0 42px;}
.phone-codes{margin-top: 5%;}
.phone-codes img{width: 52%;}
/*新闻资讯*/
.xw li{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;}
.xw li:nth-child(even){margin-right: 0;}
.xw-mid{margin: 30px;}
.xw-mid h4{font-size: 18px; color: #222;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw-mid p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xw-bot{margin: 0 30px;}
.xwmore{position: absolute;width: 12px;height: 19px;right: 0;top:0;background: url("../images/r4.png");}
.xwxq-box .tyxq-top p,.xwxq-box .zxty-r p{font-weight: bold;text-transform: uppercase;color: #c1c1c1;font-size: 14px;}
.xwxq-box .tyxq-top h3{font-size: 28px;font-weight: normal;}
.xwxq-box .zxty-r span{color: #000;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.pagination10{position: static;margin-top: 20px;}
.pagination10 .swiper-pagination-bullet-active{background: #ce876a;}
.shop-btn div{position: absolute;top:110px;cursor: pointer;width: 29px;height: 15px;}
.shopBtn1{background-image: url("../images/page-left.png");left: -29px;}
.shopBtn2{background-image: url("../images/page-right.png");right: -29px;}
.components{display: none;}
.components.active{display: block;}
.cpxq-lb li{display: none;}
.gdxzd{width: 110px;position: absolute;top: -9px;  left: 50%;  margin-left: -55px;  border: none; color: #fff;}

.ss-top h3{font-size: 24px;}
.ss-top h3 span{color: #666;}
.none-tip{height: 450px;width: 100%;margin-right: 0;display: none;}
.none-tip p{font-size: 24px;color: #333;}
/* brand-list */
.container{min-height: 260px;}
.brand-list{margin:0 auto;min-height: 500px;}
.brand-list .item{position:absolute;top:0;left:40%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;width: 446px;}
.brand-list .additem{border:none;}
.ppjsyc h3{font-size: 16px;margin-top: 20px;}
.ppjsyc .i{width: 30px;border-top: 1px solid #ce876a;margin: 10px 0;}
.ppjsycs p{color: #999;font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.gotg{display: block;padding-bottom: 20px;border-bottom: 1px solid #e1e1e1;}

.cell {
    background: #fff;
    border: 1px solid #ddd;
    padding: 14px 14px 10px;
    width: auto;
    position: absolute;
}
.ready {
    -webkit-transition: opacity 1s ease-in-out, box-shadow 300ms ease-in-out, left 700ms ease-in-out, top 700ms ease-in-out, -webkit-transform 700ms ease-in-out;
    -moz-transition: opacity 1s ease-in-out, box-shadow 300ms ease-in-out, left 700ms ease-in-out, top 700ms ease-in-out, -moz-transform 700ms ease-in-out;
    -o-transition: opacity 1s ease-in-out, box-shadow 300ms ease-in-out, left 700ms ease-in-out, top 700ms ease-in-out, -o-transform 700ms ease-in-out;
    transition: opacity 1s ease-in-out, box-shadow 300ms ease-in-out, left 700ms ease-in-out, top 700ms ease-in-out, transform 700ms ease-in-out;
}
.ljgds{position: absolute;right: 0;background: #fff;width: 100px;text-align: center;bottom: 1px;line-height: 24px;color: rgba(0,0,0,.7);}
.ljgds:hover{color: #ce876a;}

.lxding{margin-top: 30px;font-size: 16px;}
#video img{display: none !important;}



.imgscale .img100,.poster-list .img{overflow: hidden;}
.imgscale:hover .img100 img,.poster-list .img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.banner-btn div,.mrz,.mrz-txs,.mrz-nr:after,.sp-list li .img100:after,.ty-tx,.ty-left .img100:after,.zs-table a,.shop-btn div,.ty-bot-tx,.read-more,.banner-full,.swiper-slide.video:after,.ljgd12{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.menu-handler .burger,.search-con,.nav-box,.banner-btn div,.transition05,.cxcp-list li,.imgscale .img100 img,.gdr,.position-link a:after,.position-link a,.menu-a:after,.pro a,.ty-hide,.ty-show,.xxwl-hide,.xxwl-xz,.poster-list img,.shop-type,.shop .img100,.cf-con h4,.ljgds{
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
}


.playbox:hover .play{animation:toShadow 1.5s linear infinite;-webkit-animation:toShadow 1.5s linear infinite;-moz-animation:toShadow 1.5s linear infinite;-o-animation:toShadow 1.5s linear infinite;}
@keyframes toShadow{
    0%{
        box-shadow: 0 0 0 #ce876a;
        -webkit-box-shadow: 0 0 0 #ce876a;
    }
    50%{
        box-shadow: 0 0 50px #ce876a;
        -webkit-box-shadow: 0 0 50px #ce876a;
    }
    100%{
        box-shadow: 0 0 0 #ce876a;
        -webkit-box-shadow: 0 0 0 #ce876a;
    }
}
@-webkit-keyframes toShadow{
    0%{
        box-shadow: 0 0 0 #ce876a;
        -webkit-box-shadow: 0 0 0 #ce876a;
    }
    50%{
        box-shadow: 0 0 50px #ce876a;
        -webkit-box-shadow: 0 0 50px #ce876a;
    }
    100%{
        box-shadow: 0 0 0 #ce876a;
        -webkit-box-shadow: 0 0 0 #ce876a;
    }
}

.slideUp{animation:up 2s both;-webkit-animation:up 2s both;}
@keyframes up{
    0%{
        opacity: 0;
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }
}
@-webkit-keyframes up{
    0%{
        -moz-transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
    }
    100%{
        opacity: 1;
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .8s cubic-bezier(.645, .045, .355, 1);
        transition: all .8s cubic-bezier(.645, .045, .355, 1);
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }
}