@charset "utf-8";
/* 
 * Project Name:明珠商城
 * Author:浅浅
 * Date：2018-2-2
 */
@font-face {
  font-family: "iconfont"; /* Project id 2862141 */
  src: url('iconfont.eot?t=1634022898247'); /* IE9 */
  src: url('iconfont.eot?t=1634022898247#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('iconfont.woff2?t=1634022898247') format('woff2'),
       url('iconfont.woff?t=1634022898247') format('woff'),
       url('iconfont.ttf?t=1634022898247') format('truetype'),
       url('iconfont.svg?t=1634022898247#iconfont') format('svg');
}
@font-face{font-family:'Brandon Text';src:url(BrandonText-BlackItalic.eot);src:url(BrandonText-BlackItalic.eot?#iefix) format('embedded-opentype'),url(BrandonText-BlackItalic.woff) format('woff'),url(BrandonText-BlackItalic.ttf) format('truetype');font-weight:900;font-style:italic}
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;outline:0}
caption,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0 auto;-webkit-tap-highlight-color:transparent}
body{font:14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;margin:0 auto;color:#666;background-color:#fff}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
strong{font-weight:700}
table,tbody,td,tfoot,th,thead,tr{margin:0;padding:0}
table{border-collapse:collapse;margin:0 auto!important}
img{border:0}
input,option,select,textarea{background:0 0;outline:0;font-family:"微软雅黑";padding:0;margin:0}
input{outline:0;font-family:"Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial}
input[type=text],input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none;border-radius:0}
textarea{-webkit-appearance:none;border-radius:0;outline:0}
::-moz-selection{background:#d7949b;color:#fff;text-shadow:none}
::selection{background:#d7949b;color:#fff;text-shadow:none}
select{outline:0}
li{ list-style: none;}
select::-ms-expand{display:none}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.fc{text-align:center}
.fr{text-align:right}
.l{float:left;display:inline-block}
.r{float:right;display:inline-block}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.inner{width:1200px;margin:0 auto}
.site-bn-bar{background-repeat:no-repeat;background-position:center center;height:96px;position:relative;display:none}
.linkA{ background: url(../images/w0.png) no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.site-close-ico{background:url(../images/css_sider.png) 0 -10px;width:40px;height:40px;position:absolute;right:2%;top:50%;margin-top:-20px;-webkit-transition:.3s;transition:.3s;cursor:pointer}
.site-close-ico:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg)}
/* .top a:link,.top a:visited{color:#666}
.top a:active,.top a:hover{color:#cf0418}
.top{background-color:#f4f4f4;font-size:12px;line-height:36px;height:36px}
.top .line{padding:0 12px}
.t-welcome{margin-right:40px}
.top-sider{float:right;display:block}
.top-sider-a{position:relative;float:left;display:inline-block;z-index:10}
.top-sider-a .ico{padding-right:18px;cursor:pointer;position:relative}
.top-sider-a .drop-arrow{background:url(../images/css_sider.png) no-repeat scroll -86px 0;width:9px;height:5px;display:inline-block;position:absolute;right:0;top:50%;margin-top:-2px;-webkit-transition:.3s;transition:.3s}
.top-sider-a:hover .ico{color:#cf0418}
.top-sider-a:hover .drop-arrow{transform:rotate(-180deg);-webkit-transform:rotate(-180deg)}
.mz-ermBox{display:none;box-shadow:0 0 10px rgba(0,0,0,.1);padding:16px 26px 12px;background-color:#fff;width:107px;line-height:1.5;text-align:center;position:absolute;left:50%;top:100%;margin-left:-53.5px}
.mz-ermBox .img{width:100%;display:block;margin-bottom:5px}
.mz-helpBox{display:none;position:absolute;left:-20px;top:100%;width:120px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.mz-helpBox a{display:block;height:35px;line-height:35px;padding:0 32px 0 20px;border-bottom:1px solid #e4e4e4;position:relative}
.mz-helpBox .left-arrow{background:url(../images/css_sider.png) no-repeat scroll -86px -20px;width:5px;height:9px;display:block;position:absolute;right:25px;top:50%;margin-top:-4px;opacity:0;visibility:hidden\9;-webkit-transition:.3s;transition:.3s}
.mz-helpBox a:hover{color:#fff;border-bottom-color:#cf0418;background-color:#e93745}
.mz-helpBox a:hover .left-arrow{right:15px;opacity:1;visibility:visible\9}
.header{padding:26px 0 0;height:82px}
.header a:link,.header a:visited{color:#a8a8a8}
.header a:active,.header a:hover{color:#cf0418}
.logo{float:left;display:block;margin-right:50px;height:50px;overflow:hidden}
.site-bn-one{height:50px;overflow:hidden;display:block;float:left}
.serach-box{float:right;display:block;width:544px;position:relative}
.serach-box-c{padding:0 94px 0 16px;border:2px solid #cf0418;margin-bottom:5px;-webkit-transition:.3s;transition:.3s}
.serach-box-txt{border:0 none;width:100%;display:block;height:32px;line-height:32px;color:#5a5a5a}
.serach-box-btn{position:absolute;right:0;top:0;width:80px;height:36px;line-height:36px;background-color:#cf0418;text-align:center}
.serach-box-btn .txt{background:url(../images/css_rico.png) no-repeat scroll 0 -620px;padding-right:20px;color:#fff}
.serach-box-btn:hover{background-color:#cf0418}
.serach-box-bot{font-size:12px}
.serach-box-bot a{margin-right:12px}
.serach-box-c.active{border-color:#e93745}
.serach-box-c.active .serach-box-btn{background-color:#e93745}
.navbox{background-color:#cf0418;height:50px;background-color:#cf0418;color:#fff}
.nav{float:right;display:block}
.nav a:link,.nav a:visited{color:#fff}
.nav a:active,.nav a:hover{color:#fff}
.nav li{float:left;display:block;margin-left:20px;line-height:50px;position:relative}
.nav>li>a{display:block;position:relative;font-weight:700;padding:0 20px;z-index:1}
.nav>li>a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:-1;background-color:#ba0012;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9}
.nav>li>a.active:before,.nav>li>a.hov:before,.nav>li>a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9}
.nav .subnav{position:absolute;left:0;top:100%;width:150px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:1000;display:none}
.nav .subnav a{display:block;color:#666;font-size:12px;line-height:1.5;padding:8px 32px 8px 20px;border-bottom:1px solid #e4e4e4;position:relative}
.nav .subnav a:before{content:"";background:url(../images/css_sider.png) no-repeat scroll -86px -20px;width:5px;height:9px;display:block;position:absolute;right:25px;top:50%;margin-top:-4px;opacity:0;visibility:hidden\9;-webkit-transition:.3s;transition:.3s}
.nav .subnav a:hover{background-color:#e93745;color:#fff;border-bottom-color:#cf0418}
.nav .subnav a:hover:before{opacity:1;visibility:visible\9;right:18px}
.nav-list{float:left;display:block;width:293px;height:50px;position:relative;z-index:1000}
.nav-btn{line-height:50px;height:50px;background-color:#ba0012;text-align:center;cursor:pointer}
.nav-btn .txt{padding-right:25px;font-weight:400;font-size:14px;position:relative}
.nav-btn .txt .menu-arrow{background:url(../images/css_sider.png) no-repeat scroll -86px -50px;width:15px;height:11px;display:block;position:absolute;right:0;top:50%;margin-top:-5px}
.nav-con a:link,.nav-con a:visited{color:#5a5a5a}
.nav-con a:active,.nav-con a:hover{color:#cf0418}
.nav-con{position:absolute;left:0;top:100%;width:291px;height:501px;color:#5A5A5A;background:url(../images/white_90.png) repeat;background:none rgba(255,255,255,.9);display:none;border:1px solid #c2c2c2;border-top:0 none}
.nav-con-home{width:100%;height:502px;border:0 none}
.nav-con dl{margin:0 38px}
.nav-con dd{padding-top:25px}
.nav-con .t{border-bottom:1px solid #cab8c3;border-bottom:1px solid rgba(0,0,0,.2)}
.nav-con .t a{display:block;height:38px;line-height:38px;padding:0 18px 0 48px;position:relative}
.right-arrow{background:url(../images/css_sider.png) no-repeat scroll -86px -85px;width:8px;height:14px;position:absolute;right:0;top:50%;margin-top:-7px}
.pro-arrow{background-image:url(../images/css_sider.png);background-repeat:no-repeat;width:36px;height:36px;position:absolute;left:0;top:1px}
.pro-arrow1{background-position:-86px -130px}
.pro-arrow2{background-position:-86px -182px}
.pro-arrow3{background-position:-86px -234px}
.nav-con .c{padding:20px 0}
.nav-con .c a{margin-right:20px;display:inline-block;position:relative}
.nav-con .c a:before{content:"";width:100%;height:1px;background-color:#bb2524;position:absolute;left:0;bottom:0;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9}
.nav-con .c a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9}
.lookup-nav{ width: 228px; margin: 30px auto 0;}
.lookup-nav .img{ float: left; display: block; width: 96px;  overflow: hidden;}
.lookup-nav .img img{ width: 96px; height: 96px; border-radius: 50%; display: block;}
.lookup-nav .con{ width: 114px; float: right; display: block; line-height: 1.5; padding-top: 5px;}
.btnque{ margin-top: 10px; display: block; border: 1px solid #737373; width: 100px; height: 26px; border-radius: 14px; text-align: center;}
.btnque span{ background: url(../images/zb.png) no-repeat scroll left center; padding-left: 20px; font-size: 12px; color: #c70008;}
.btnque:hover{ background-color: #f2d3d4;}

.black-10{background:url(../images/black_10.png) repeat;background:none rgba(0,0,0,.1);width:100%;height:100%;position:absolute;left:0;top:0}
.black-30{background:url(../images/black_30.png) repeat;background:none rgba(0,0,0,.3);width:100%;height:100%;position:absolute;left:0;top:0}
.black-50{background:url(../images/black_50.png) repeat;background:none rgba(0,0,0,.5);width:100%;height:100%;position:absolute;left:0;top:0}
.itype-box a:link,.itype-box a:visited{color:#7f7f7f}
.itype-box a:active,.itype-box a:hover{color:#cf0418}
.itype-box{padding:40px 0;background-color:#d9d9d9}
.itype-box-list{background:url(../images/mz_line.jpg) repeat-y scroll left top}
.itype-box-list li{float:left;display:block;text-align:center;width:25%;padding-top:28px;height:176px;background:url(../images/mz_line.jpg) repeat-y scroll right top}
.itype-box-list .item{margin:0 50px}
.itype-box-list .ico{width:54px;height:54px;display:block;margin:0 auto;background:url(../images/css_type.png) no-repeat}
.itype-box-list .itype-i1{background-position:-86px -10px}
.itype-box-list .itype-i2{background-position:-86px -84px}
.itype-box-list .itype-i3{background-position:-86px -158px}
.itype-box-list .itype-i4{background-position:-86px -232px}
.itype-box-list .itype-i5{background-position:-86px -306px}
.itype-box-list .t{color:#000;font-size:18px;line-height:1.2;margin:8px 0 10px}
.itype-box-list .c{color:#666;font-size:16px;line-height:1.4}
.ilink-box-t a:link,.ilink-box-t a:visited{color:#7f7f7f}
.ilink-box-t a:active,.ilink-box-t a:hover{color:#cf0418}
.ilink-box-t{background-color:#e7e7e7;padding:35px 0;color:#7f7f7f}
.ilink-box-t li{float:left;display:block;margin-right:105px}
.ilink-box-t li.iermbox{float:right;display:block;margin-right:0}
.iermbox .ermbox{float:left;display:block;width:107px;padding:10px 10px 8px;font-size:12px;color:#242424;text-align:center;background-color:#fff;margin-left:15px;line-height:1.5}
.iermbox .ermbox img{width:107px;height:107px;display:block;margin-bottom:2px}
.ilink-box-t .t{font-size:16px;line-height:1.2;color:#333;margin-bottom:24px}
.ilink-box-t .c{margin-bottom:8px;line-height:1.5}
.ilink-box-t .tel{font-size:20px}
.ilink-box-t .tel-by{font-size:12px}
.ilink-box-t .c a{position:relative}
.ilink-box-t .c a:before{content:"";width:100%;height:1px;background-color:#bb2524;position:absolute;left:0;bottom:0;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9}
.ilink-box-t .c a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9}
.ibox-friendly-link{background-color:#e1e1e1;padding:18px 0;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6}
.ibox-friendly-link a:link,.ibox-friendly-link a:visited{color:#666}
.ibox-friendly-link a:active,.ibox-friendly-link a:hover{color:#cf0418}
.friendly-link-list dd,.friendly-link-list dt{float:left;display:block}
.friendly-link-list dt{width:10%}
.friendly-link-list dd{width:90%}
.friendly-link-list .line{padding:0 12px;display:inline-block;float:left;margin-bottom:8px}
.friendly-link-list a{display:inline-block;float:left;margin-bottom:8px}
.foot-box a:link,.foot-box a:visited{color:#ABABAB}
.foot-box a:active,.foot-box a:hover{color:#fff}
.foot-box{background-color:#0A0A0A;font-size:12px;color:#ABABAB}
.foot{position:relative;padding:15px 0} */
.dock-box a:link,.dock-box a:visited{color:#666}
.dock-box a:active,.dock-box a:hover{color:#cf0418}
.dock-box{position:fixed;right:1%;top:50%;margin-top:-180px;z-index:1000;font-size:12px}
.dock-box .item{display:block;width:70px;height:70px;border:1px solid #e3e3e3;background-color:#fff;text-align:center;margin-bottom:5px}
.dock-box .item:hover{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1)}
.dock-box .item i{width:50px;height:40px;display:block;margin:6px auto 0;background-image:url(../images/css_sider.png);background-repeat:no-repeat}
.dock-box i.dock-i1{position:relative;margin-top:-20px;background-position:0 -310px;width:76px;height:64px}
.dock-box i.dock-i2{background-position:0 -70px}
.dock-box i.dock-i3{background-position:0 -130px}
.dock-box i.dock-i4{background-position:0 -190px}
.dock-box i.dock-i5{background-position:0 -250px}
.black-top-box{overflow:hidden;position:relative;opacity:0;visibility:hidden\9;transform:translateY(10px);-webkit-transform:translateY(10px);-webkit-transition:all .62s cubic-bezier(.4,0,.2,1);transition:all .62s cubic-bezier(.4,0,.2,1)}
.back-top{position:relative;width:70px;height:66px;overflow:hidden;display:block;background-color:#CF0418;}
.back-top .txt{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/css_sider.png) no-repeat scroll 0 -394px;-webkit-transition:.3s;transition:.3s}
.back-top:hover{background-color:#333}
.black-top-box.show{opacity:1;visibility:visible\9;transform:inherit;-webkit-transform:inherit}
.vwrap{display:none;z-index:1040;width:100%;position:fixed}
.vwrap .videobtg{z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:.8;filter:alpha(opacity=80);overflow:hidden}
.vwrap .videobox{z-index:990;width:800px;height:500px;background-color:#fff;position:fixed;left:50%;top:50%;margin-top:-250px;margin-left:-400px}
.vwrap .videobox #videobox{width:100%;display:inline-block;height:100%;background:#80abde}
#videobox_wrapper{height:100%!important}
.vwrap .close{z-index:999;width:31px;height:31px;cursor:pointer;position:absolute;top:0;right:-42px}
.vwrap .close i{display:block;width:31px;height:31px;background:url(../images/close_i1.png) no-repeat 50% 50%;-webkit-transition:.4s;transition:.4s}
.vwrap .close:hover i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#videobox_display_button,#videocontainer_display_button{background:none no-repeat!important}
.jwplayer .jwicon{opacity:.8;filter:alpha(opacity=80);cursor:pointer}
.jwplayer .jwicon:hover{opacity:1;filter:alpha(opacity=100)}
.jwclick,.jwlogo{display:none!important}
.jwdisplayIcon{background:none no-repeat!important}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
a.slick-disabled{ cursor: not-allowed;}
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 400;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/*main style end*/
.align-vertical{height:100%;width:100%;position:relative;display:table}
.vertical-inner{display:table-cell;vertical-align:middle}
.dock-gg{ position: fixed; left: 0; bottom: 0; width: 100%; min-width: 1240px;  background-color: #d41d2f; color: #fff; text-align: center; z-index: 1000;}
.dock-gg-c{ position: relative; width: 882px; margin: 0px auto; padding: 40px 0px;}
.dock-gg-close{ background: url(../images/zt_btn_x.png) no-repeat; width: 34px; height: 34px; display: block; position: absolute; right: 0; top: -40px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms;}
.dock-gg-close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.dock-gg .btn{ margin-left: 32px; animation:btnst 1.2s infinite;-webkit-animation:btnst 1.2s infinite;-moz-animation:btnst 1.2s infinite;-o-animation:btnst 1.2s infinite;-ms-animation:btnst 1.2s infinite; display: inline-block;}
@keyframes btnst {0%{transform:scale(1,1)}50%{ transform:scale(0.9,0.9)}100%{transform:scale(1,1)}}
@-webkit-keyframes btnst {0%{-webkit-transform:scale(1,1)}50%{-webkit-transform:scale(0.9,0.9)}100%{-webkit-transform:scale(1,1)}}
@-moz-keyframes btnst {0%{-moz-transform:scale(1,1)}50%{-moz-transform:scale(0.9,0.9)}100%{-moz-transform:scale(1,1)}}
@-o-keyframes btnst {0%{-o-transform:scale(1,1)}50%{-o-transform:scale(0.9,0.9)}100%{-o-transform:scale(1,1)}}
@-ms-keyframes btnst {0%{-ms-transform:scale(1,1)}50%{-ms-transform:scale(0.9,0.9)}100%{-ms-transform:scale(1,1)}}
.testdiv {margin: auto;width: 400px; height: 300px;line-height: 300px;text-align: center; font-size: 180px; font-weight: bold; color: transparent;background: url(../img/c_case3.jpg) no-repeat center center;background-size: cover; -webkit-background-clip: text;}

@keyframes music-move
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-2deg);transform: rotate(-2deg);}
	66% { -webkit-transform: rotate(2deg);transform: rotate(2deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes music-move 
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-2deg);transform: rotate(-2deg);}
	66% { -webkit-transform: rotate(2deg);transform: rotate(2deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.dock-190605{ position: fixed; width: 100%; left: 0; bottom: 0; background: url(../img/g1906050.png) repeat; background: none rgba(35,112,96,0.9); z-index: 999;}
.dock-190605 .inner{ position: relative; height: 110px;}
.dock-190605 .sp1{ background: url(../img/g1906051.png); width: 366px; height: 162px; position: absolute; left: 36px; bottom: 2px; animation: music-move 1s infinite alternate ease-in-out; -webkit-animation:music-move 1s infinite alternate ease-in-out;  transform-origin: bottom; -webkit-transform-origin: bottom;}
.dock-190605 .sp2{ background: url(../img/g1906052.png) no-repeat; width: 158px; height: 75px; position: absolute; left: -72px; bottom: 20px;}
.dock-190605 .sp3{ background: url(../img/g1906053.png) no-repeat; width: 155px; height: 81px; position: absolute; left: 404px; bottom: 2px;}
.dock-190605 .sp4{ background: url(../img/g1906054.png) no-repeat; width: 113px; height: 194px; position: absolute; right: -135px; bottom: 2px;}
.dock-190605 .ibox-make-form{ margin-left: 626px; width: 372px; padding-top: 10px;}
.dock-190605 .dock-btnok{ background: url(../img/g1906055.png) no-repeat; width: 156px; height: 54px; position: absolute; right: 0; top: 28px; display: block; animation:btnst 1.2s infinite;-webkit-animation:btnst 1.2s infinite;-moz-animation:btnst 1.2s infinite;-o-animation:btnst 1.2s infinite;-ms-animation:btnst 1.2s infinite; display: inline-block;}

.dock-190729{ position: fixed; width: 100%; left: 0; bottom: 0; background: url(../img/g1907290.png) repeat; background: none rgba(251,132,135,0.9); z-index: 999;}
.dock-190729 .inner{ position: relative; height: 110px;}
.dock-190729 .sp1{ background: url(../img/g1907291.png); width: 615px; height: 178px; position: absolute; left: -112px; bottom: -10px; animation: music-move 1s infinite alternate ease-in-out; -webkit-animation:music-move 1s infinite alternate ease-in-out;  transform-origin: bottom; -webkit-transform-origin: bottom;}
.dock-190729 .ibox-make-form{ margin-left: 626px; width: 372px; padding-top: 10px;}
.dock-190729 .dock-btnok{ background: url(../img/g1907295.png) no-repeat; width: 156px; height: 54px; position: absolute; right: 0; top: 28px; display: block; animation:btnst 1.2s infinite;-webkit-animation:btnst 1.2s infinite;-moz-animation:btnst 1.2s infinite;-o-animation:btnst 1.2s infinite;-ms-animation:btnst 1.2s infinite; display: inline-block;}

.dock-190905{ position: fixed; width: 100%; left: 0; bottom: 0; background-color: #febc3e; background-color: rgba(254,188,62,0.9);  z-index: 999;}
.dock-190905 .inner{ position: relative; height: 110px;}
.dock-190905 .sp1{ background: url(../img/g190905.png); width: 343px; height: 178px; position: absolute; left: 0px; bottom: -10px; animation: music-move 1s infinite alternate ease-in-out; -webkit-animation:music-move 1s infinite alternate ease-in-out;  transform-origin: bottom; -webkit-transform-origin: bottom;}
.dock-190905 .ibox-make-form{ margin-left: 626px; width: 372px; padding-top: 10px;}
.dock-190905 .dock-btnok{ background: url(../img/g1906055.png) no-repeat; width: 156px; height: 54px; position: absolute; right: 0; top: 28px; display: block; animation:btnst 1.2s infinite;-webkit-animation:btnst 1.2s infinite;-moz-animation:btnst 1.2s infinite;-o-animation:btnst 1.2s infinite;-ms-animation:btnst 1.2s infinite; display: inline-block;}

.dock-191028{ position: fixed; width: 100%; left: 0; bottom: 0; background-color: #febc3e; background-color: rgba(219,48,61,0.9);  z-index: 999;}
.dock-191028 .inner{ position: relative; height: 110px;}
.dock-191028 .sp1{ background: url(../img/g191028.png); width: 321px; height: 175px; position: absolute; left: 0px; bottom: -10px; animation: music-move 1s infinite alternate ease-in-out; -webkit-animation:music-move 1s infinite alternate ease-in-out;  transform-origin: bottom; -webkit-transform-origin: bottom;}
.dock-191028 .ibox-make-form{ margin-left: 626px; width: 372px; padding-top: 10px;}
.dock-191028 .dock-btnok{ background: url(../img/g1906055.png) no-repeat; width: 156px; height: 54px; position: absolute; right: 0; top: 28px; display: block; animation:btnst 1.2s infinite;-webkit-animation:btnst 1.2s infinite;-moz-animation:btnst 1.2s infinite;-o-animation:btnst 1.2s infinite;-ms-animation:btnst 1.2s infinite; display: inline-block;}


/*2021年*/
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.pageC a:link, .pageC a:visited { color: #313131;}
.pageC a:active, .pageC a:hover { color: #D90100;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; }
.pvideo-bg{ position: fixed; z-index: 1000; left: -9999px; top: -9999px; bottom: 0; right: 0;  background: url(../img2021/black_75.png) repeat; background:none rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; -webkit-transition:opacity .4s 0.3s,visibility .4s 0.3s; transition:opacity .4s 0.3s,visibility .4s 0.3s;}
.pvideo-box { position: absolute; top: 40%; transform: translateY(-50%); width: 900px; left: 50%; margin-left: -450px; -webkit-transition: top 0.3s ease,opacity .3s ease; transition: top 0.3s ease,opacity .3s ease; opacity: 0; background-color: #fff;}
.pvideo-box .videon{ width: 100%; display: block;}
.pv-close{ position: absolute; right: -50px; top: 0; width: 40px; height: 40px; font-size: 40px; line-height: 1; text-align: center;  color: #fff;-webkit-transition: .4s; transition: .4s;}
.pv-close:hover{  -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.overlay{ opacity: 1; visibility: visible; opacity: 1; left: 0; top: 0; transition-delay: 0;}
.overlay .pvideo-box{ top: 50%; opacity: 1; transition-delay: 0.4s;}
.pov2021{ position: relative; overflow: hidden;}
.imgw2021{ width: 100%; display: block;}
.transition6{ transition: 0.6s; -webkit-transition: 0.6s;}
.scaleO:hover .transition6{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.top-2021{ background-color: #313131; color: #FAFAFA; font-size: 12px;}
.top-2021 a:link,.top-2021 a:visited{color:#FAFAFA;}
.top-2021 a:active,.top-2021 a:hover{color:#FAFAFA;}
.inner-2021{ width: 1400px; margin: 0px auto;}
.inner-1300-2021{ width: 1300px; margin: 0px auto;}
.grop-box-2021{ float: right; display: block; height: 36px; line-height: 36px;}
.grop-box-2021 .line{ padding: 0 12px; color: #595959;}
.grop-a-2021{ float: left; display: block; position: relative; cursor: pointer;}
.grop-con-2021{ position: absolute; left: 0; top: 100%; transition: .5s; -webkit-transition: .5s; opacity: 0; visibility: hidden;}
.grop-erm-2021{ background-color: #fff; padding: 10px; width: 68px; color: #999999; line-height: 1.2; text-align: center; box-shadow: 0 3px 6px rgb(0,0,0,0.16); left: 50%; margin-left: -44px;}
.grop-erm-2021 img{ margin-bottom: 4px;}
.grop-help-2021{ width: 86px; background-color: #fff; box-shadow: 0 3px 6px rgb(0,0,0,0.16);  left: 50%; margin-left: -43px;}
.top-2021 .grop-help-2021 a{ display: block; color: #999999; padding: 8px 0; text-align: center; line-height: 1.5;}
.top-2021 .grop-help-2021 a:hover{ background-color: #CF0418; color: #fff;}
.grop-a-2021:hover { z-index: 1010;}
.grop-a-2021:hover .grop-con-2021{ visibility: visible; opacity: 1;}
.header-2021{ padding-top: 35px; background-color: #fff;}
.header-top-2021{ position: relative; color: #ACACAC; height: 84px;}
.header-top-2021 a:link,.header-top-2021 a:visited{color:#ACACAC;}
.header-top-2021 a:active,.header-top-2021 a:hover{color:#CF0418;}
.logo-2021{ text-align: center; width: 204px; margin: 0 auto;}
.logo-2021 a{ display: block;}
.logo-2021 a img{ width: 100%;}
.header-sider-2021{ position: absolute; right: 0; top: 2px; line-height: 25px; z-index: 2;}
.header-sider-2021 .hall-a{ font-size: 25px; line-height: 1; float: left; margin-left: 40px;}
.header-serach-2021{ position: relative; float: left; display: block; border-radius: 25px; border: 1px solid #ACACAC;}
.header-serach-2021 .btn{ position: absolute; right: 0; top: 0; display: block; width: 25px; height: 25px; border-radius: 50%; font-size: 25px; line-height: 1;}
.header-serach-2021 .txt{ border: 0 none; height: 25px; width: 0; padding: 0 0 0 25px; font-size: 12px; transition: .4s; -webkit-transition: .4s;}
.header-serach-2021:hover{ border-color: #CF0418;}
.header-serach-2021:hover .txt{ width: 152px; padding: 0 36px 0 10px;}
.header-serach-2021:hover .btn{ background-color: #CF0418; color: #fff;}
.nav-box-2021{ position: relative; z-index: 1000;}
.nav-box-2021::before{ content: ""; position: absolute;  left: 0; top: 100%; width: 100%; height: 0; background: url(../img2021/sub_nav2021.png) repeat; background: none rgba(246,246,246,.9); -webkit-transition: .3s;}
.nav-box-2021.hov::before{ height: 52px;}
.nav-2021{ text-align: center; font-size: 13px; font-weight: bold;}
.nav-2021 li{ position: relative; display: inline-block; *display: inline;  *zoom: 1; margin: 0 18px; padding-bottom: 12px;}
.nav-2021>li>a{ display: block; line-height: 26px; line-height: 26px; padding: 0 16px; color: #313131;}
.nav-2021>li>a:hover,.nav-2021>li>a.active{ color: #fff; background: url(../img2021/nav_bg.png) no-repeat scroll right center;}
.nav-2021>li>a.noactive{ background: none; color: #313131;}
.nav-2021>li>a.hov{ color: #fff; background: url(../img2021/nav_bg.png) no-repeat scroll right center;}
.nav-2021 .subnav{ position: absolute; left: 0; top: 100%; text-align: center; line-height: 52px; display: none; white-space: nowrap;}
.nav-2021 .subnav a{ color: #A0A09F; margin: 0 16px;}
.nav-2021 .subnav a:hover{ color: #313131;}
.nav-2021 li:last-child .subnav{ left: auto; right: 0; text-align: right;}

.banner-2021 { position: relative; overflow: hidden; opacity: 0; visibility: hidden; transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1);}
.banner-2021.slick-initialized {visibility: visible;opacity: 1;}
.banner-2021 .item{ position: relative; overflow: hidden;}
.banner-2021 .slick-dots{ bottom: 140px; line-height: 5px; z-index: 10;}
.banner-2021 .slick-dots li{ width: 30px; height: 5px; line-height: 5px; background-color: #fff; cursor: pointer;}
.banner-2021 .slick-dots li a{ background-color: #BB2524; height: 5px; line-height: 5px; display: block; width: 0;}
.banner-2021 .slick-dots li.slick-active a { -moz-animation: a_slidercurrent 5.9s linear; -webkit-animation: a_slidercurrent 5.9s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5.9s linear; }
.specialBox .slick-dots li a{
    text-indent: 88888px;
}
@-moz-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
@-webkit-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
@-o-keyframes a_slidercurrent { 
	from{ width: 0%; }
	to { width: 100%; }
}
@keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
.banner-box-2021{ position: relative;}
.ibox-design-2021{ position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 25px; height: 75px; background: url(../img2021/black_75.png) repeat-x; background: none rgba(0,0,0,0.75); color: #FFFFFF;}
.ibox-design-2021 dt,.ibox-design-2021 dd{ float: left; display: block;}
.ibox-design-2021 dt{ width: 20%;}
.ibox-design-2021 dd{ width: 80%;}
.ibox-design-2021 .title{ font-size: 24px; line-height: 1.2;}
.ibox-design-2021 .c{ color: #F3F2F1;}
.ibox-design-2021 .num{ color: #EF897C; font-size: 16px; padding: 0 8px;}
.idesign-txt{ float: left; display: block; width: 21%; background-color: #fff; border:1px solid #fff; margin-right: 1%; height: 44px; line-height: 44px; padding: 0 2%;}
.idesign-btn{ float: left; display: block; width: 21%; background-color: #BB2524; height: 46px; line-height: 46px; color: #fff; text-align: center; font-size: 13px; font-weight: bold;}
.idesign-btn i{ font-size: 18px; line-height: 1.2; margin-right: 8px;}
.ibox-design-2021 input:focus { border-color: #BB2524;}
.idesign-btn:hover{ background-color: #D90100;}
.ibox-product-2021{ background-color: #F6F6F6; padding: 18px 0;}
.ibox-productlist-2021 a:link,.ibox-productlist-2021 a:visited{color:#999999;}
.ibox-productlist-2021 a:active,.ibox-productlist-2021 a:hover{color:#CF0418;}
.ibox-productlist-2021 { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ibox-productlist-2021 li{ width: 28%; position: relative;}
.ibox-productlist-2021 li::before{ content: ""; position: absolute; width: 1px; height: 100%; top: 0; left: 84px; background-color: #EBEBEB; }
.ibox-productlist-2021 .title{ float: left; text-align: center; font-weight: bold; color: #313131;}
.ibox-productlist-2021 .title .ico{ font-size: 38px; line-height: 1; display: block; margin-bottom: 2px; font-weight: normal; color: #D93127;}
.ibox-productlist-2021 .c{ padding-left: 116px; font-size: 13px;}
.ibox-productlist-2021 .c a{ margin-left: 25px; float: left; display: block; margin-top: 6px;}
.ibox-padding-2021{ padding: 90px 0;}
.ibox-padding-20212{ padding: 90px 0 0 0;}
.ibox-title-2021{ padding-bottom: 45px;}
.ibox-title-2021 .zh{ font-size: 24px; font-weight: bold; color: #313131;}
.ibox-title-2021 .by{ font-size: 13px; color: #707070;}

.ibox-whole-2021{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin-left: -1.33%; padding-bottom: 15px;}
.ibox-whole-2021 li{ position: relative; width: 32%; margin-left: 1.33%; margin-bottom: 45px;}
.ibox-whole-2021 .pov2021{ margin-bottom: 22px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.ibox-whole-2021 .type{ position: absolute; left: 0; top: 0; padding: 2px 16px; background: url(../img2021/nav_bg.png) no-repeat scroll right center; color: #fff;}
.ibox-whole-2021 .desc{ position: relative; }
.ibox-whole-2021 .by{ position: absolute; right: 0; top: 0;}
.ibox-whole-2021 .by span{ padding: 2px 10px; background-color: #F8F8F8; color: #999999; margin-left: 8px; font-size: 12px;}
.ibox-whole-2021 .title{ width: 60%; color: #313131; font-size: 19px; line-height: 1.4; margin-bottom: 10px;}
.ibox-whole-2021 .c{ font-size: 13px; color: #ACACAC;}
.ibox-whole-2021 li:hover .pov2021{ -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.16); box-shadow: 0 2px 20px rgba(0,0,0,.16);}
.ibox-whole-2021 li:hover .title{ color: #D93127;}
.btn-more2021{ display: block; width: 207px; height: 49px; line-height: 49px; background: url(../img2021/btn_more.png) no-repeat; margin: 0 auto; text-align: center; color: #fff;}
.btn-more2021 .ico{ margin-left: 18px; transition: .3s; -webkit-transition: .3s;}
.btn-more2021 .ico i{ margin-left: 10px; font-size: 12px;}
.btn-more2021:hover .ico{ margin-left: 26px;}
.ibox-activity-2021 li{ position: relative; float: left; margin-left: 0.9%; margin-bottom: 14px;}
.ibox-activity-2021 li.item1{ width: 50%; margin-left: 0;}
.ibox-activity-2021 li.item2{ width: 19.6%;}
.ibox-activity-2021 li.item3{ width: 28.6%;}
.ibox-activity-2021 li.item4{ width: 28.6%;}
.ibox-activity-2021 li.item5{ width: 19.6%;}
.ibox-activity-2021 .pov2021{ -webkit-transition: all .2s linear; transition: all .2s linear;}
.ibox-activity-2021 .desc{ position: absolute; left: 8%; top: 10%; right: 8%; line-height: 1.5;}
.ibox-activity-2021 .title{ font-size: 24px; color: #333333; margin-bottom: 5px;}
.ibox-activity-2021 .c{ font-size: 15px; color: #313131;}
.ibox-activity-2021 li:hover .pov2021{ -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.16); box-shadow: 0 2px 20px rgba(0,0,0,.16);}
.ibox-real-2021 { position: relative; margin-bottom: 50px;}
.ibox-real-2021 .item{ position: relative; margin: 0 7px;}
.ibox-real-2021 .pov2021{-webkit-transition: all .2s linear; transition: all .2s linear;}
.ibox-real-2021 .title{ color: #313131; font-size: 16px; line-height: 1.5; margin-top: 20px; margin-bottom: 5px;}
.ibox-real-2021 .c{ color: #A0A0A0; font-size: 13px;}
.ibox-real-2021 .slick-arrow { position: absolute; width: 38px; height: 38px; line-height: 38px; z-index: 106; top: 40%; margin-top: -19px; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.4); text-align: center;}
.ibox-real-2021 .slick-prev{ left: 3%;}
.ibox-real-2021 .slick-next{right: 7%;}
.ibox-real-2021 .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:22px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #fff;}
.ibox-real-2021 .slick-prev i:before{ content: "\eb90";}
.ibox-real-2021 .slick-next i:before{ content: "\e609";}
.ibox-real-2021 .slick-arrow:hover{ background:none #fff;}
.ibox-real-2021 .slick-arrow:hover i{ color: #313131;}
.ibox-real-2021 .slick-arrow:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2);  visibility:hidden; z-index:-1;}
.ibox-real-2021 .slick-arrow:hover:before{ opacity:0; visibility:visible; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:.5s;  transition: .5s;}
.ibox-real-2021 .item:hover .pov2021{ -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.16); box-shadow: 0 2px 20px rgba(0,0,0,.16);}
.ibox-real-2021 .item:hover .title{ color: #D93127;}
.ibox-fg-2021{ background-color: #F6F6F6; height: 10px;}
.ibox-designer-2021{ position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.ibox-designer-l2021{ position: relative; float:left; display: block; width: 27%; padding: 95px 7% 75px 3%; color: #fff;}
.ibox-designer-l2021 .title{ font-size: 24px; line-height: 1.5;}
.ibox-designer-l2021 .c{ font-size: 13px;}
.ibox-designer-l2021 .num{ color: #FFEB60; font-size: 18px; font-weight: bold; padding: 0 10px;}
.ibox-designer-l2021 .desc{ padding: 45px 0;}
.ibox-designer-l2021 .item1{ margin-bottom: 10px;}
.ibox-designer-l2021 .item3{ margin-bottom:26px;}
.idesign-txt2{ display: block; border: 1px solid #fff; width: 100%; padding: 0 5%; line-height: 46px; height: 46px; box-sizing: border-box; color: #666; background-color: #fff;}
.idesign-btn2{ display: block; background-color: #D93127; height: 46px; line-height: 46px; text-align: center; color: #fff;}
.idesign-btn2 i{ position: relative; font-size: 22px; margin-left: 8px; line-height: 1; top: 3px;}
.idesign-btn2:hover{ background-color: #cd0c00;}
.ibox-designer-l2021 input:focus { border-color: #BB2524;}
.ibox-designer-l2021 .tel{ font-size: 28px; text-align: center;}
.ibox-designer-l2021 .tel i{ margin-right: 10px;}
.ibox-rimg-2021{ position: absolute; left: 0; width: 37%; top: 0; height: 100%;}
.ibox-designer-r2021{ float: right; display: block; width: 44%; margin-right: 8%;}
.ibox-design-tab{ position: relative; padding-top: 60px; margin-bottom: 50px;}
.ibox-design-tab .title{ font-size: 24px; color: #000000; border-bottom: 1px solid #E4E3E2; padding-bottom: 10px; margin-bottom: 20px;}
.ibox-design-tab .title span{ color: #666666; font-size: 13px; margin-left: 16px;}
.ibox-design-tab .c{ font-size: 13px; height: 70px; overflow: hidden; color: #666666; margin-bottom: 20px;}
.ibox-design-tab .item span{ float: left; display: inline-block; padding: 2px 20px; border-radius: 24px; background-color: #D93127; color: #fff; font-size: 12px; margin-right: 10px; margin-bottom: 10px;}
.ibox-design-item{  position: relative; display: none; -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.ibox-design-item.active{ display: block; }
@-webkit-keyframes tab {
    from { opacity: 0; -webkit-transform: translateY(8%); transform: translateY(8%); }
    to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
}
@keyframes tab {
    from { opacity: 0; -webkit-transform: translateY(8%); transform: translateY(8%); }
    to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); }
}
.ibox-designlist-2021{ padding-bottom: 50px; margin-left: -5%;}
.ibox-designlist-2021 li{ position: relative; float: left; display: block; margin-bottom: 25px; width: 15%; margin-left: 5%; cursor: pointer;}
.ibox-designlist-2021 .pov2021{ border-radius: 50%;  -webkit-border-radius: 50%;  overflow: hidden; -webkit-transition: all .2s linear; transition: all .2s linear;}
.ibox-designlist-2021 img{ border-radius: 50%;}
.ibox-designlist-2021 li.active::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 3px solid #D93127; border-radius: 50%; z-index: 2;}
.ibox-designlist-2021 li.active .pov2021{ -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ibox-arrivalsd-2021{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin-left: -2%; align-items: center;}
.ibox-arrivalsd-2021 li{ position: relative; width: 23%; margin-left: 2%; text-align: center; margin-bottom: 45px;}
.ibox-arrivalsd-2021 .item{ padding-bottom: 20px; -webkit-transition: all .2s linear; transition: all .2s linear;}
.ibox-arrivalsd-2021 .type{ position: absolute; left: 4%; top: 4%; padding: 2px 16px; background: url(../img2021/nav_bg.png) no-repeat scroll right center; color: #fff;}
.ibox-arrivalsd-2021 .title{ font-size: 19px; font-weight: bold; color: #313131; line-height: 1.4; margin:10px 0 4px;}
.ibox-arrivalsd-2021 .price{ color: #D93127; font-weight: bold;}
.ibox-arrivalsd-2021 .item:hover{ -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.16); box-shadow: 0 2px 20px rgba(0,0,0,.16);}
.btn-more20212{ display: block; margin: 0 auto; background: url(../img2021/more_bg.png) no-repeat scroll center center; padding: 48px 58px 48px 38px; text-align: center; width: 152px;}
.btn-more20212 span{ display: block; color: #fff;}
.btn-more20212 .t{ border-bottom: 1px solid #FFFFFF; padding-bottom: 5px; margin-bottom: 5px; transition: .3s; -webkit-transition: .3s;}
.btn-more20212 .c i{ margin-left: 8px; transition: .3s; -webkit-transition: .3s;}
.btn-more20212:hover .t{ letter-spacing: .2em;}
.btn-more20212:hover .c i{ margin-left: 18px;}
.ibox-store-2021{ display: -webkit-flex; display: flex; flex-wrap: wrap; margin-left: -4%; padding-bottom: 26px;}
.ibox-store-2021 li{ float: left; display: block; width: 46%; margin-left: 4%; margin-bottom: 18px;}
.ibox-store-2021 .pov2021{ float: left; display: block; width: 54.5%;}
.ibox-store-2021 .desc{ padding-left: 60%;}
.ibox-store-2021 .title{ font-size: 19px; color: #333333; line-height: 1.5; margin-bottom: 5px;}
.ibox-store-2021 .c{ color: #333333; margin-bottom: 15px;}
.ibox-store-2021 .tel{ color: #666666; font-size: 16px; font-weight: 600; margin-bottom: 30px;}
.ibox-store-2021 .tel i{ position: relative; top: 2px; color: #EF897C; font-size: 24px; line-height: 1.2; margin-right: 10px;}
.btn-yy-2021{ width: 85px; height: 30px; line-height: 30px; display: block; text-align: center; background-color: #F8F8F8; color: #666666; font-size: 13px;}
.btn-yy-2021:hover{ background-color: #D90100; color: #fff;}

.ibox-life-2021 .item{ position: relative; margin: 0 7px 14px;}
.ibox-life-2021 .black-35{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.35); opacity: 0; visibility: hidden;  transition: .3s; -webkit-transition: .3s;}
.ibox-life-2021 .desc{ position: absolute; top: 60%; left: 8%; width: 84%; color: #fff; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 0; visibility: hidden; transition: .6s; -webkit-transition: .6s;}
.ibox-life-2021 .title{ position: relative; font-size: 24px; font-weight: bold; padding-bottom: 18px; line-height: 1.5; margin-bottom: 35px;}
.ibox-life-2021 .title::before{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 26px; height: 4px; background-color: #FFFFFF;}
.ibox-life-2021 .c{ height: 70px; font-size: 13px; overflow: hidden; margin-bottom: 28px;}
.ibox-life-2021 .more i{ margin-left: 15px;}
.ibox-life-2021 .item:hover .black-35{ opacity: 1; visibility: visible;}
.ibox-life-2021 .item:hover .desc{ top: 50%; opacity: 1; visibility: visible;}
.ibox-life-2021 .slick-arrow { position: absolute; width: 38px; height: 38px; line-height: 38px; z-index: 106; top: 40%; margin-top: -19px; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.4); text-align: center;}
.ibox-life-2021 .slick-prev{ left: 3%;}
.ibox-life-2021 .slick-next{ right: 3%;}
.ibox-life-2021 .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:22px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #fff;}
.ibox-life-2021 .slick-prev i:before{ content: "\eb90";}
.ibox-life-2021 .slick-next i:before{ content: "\e609";}
.ibox-life-2021 .slick-arrow:hover{ background:none #fff;}
.ibox-life-2021 .slick-arrow:hover i{ color: #313131;}
.ibox-life-2021 .slick-arrow:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2);  visibility:hidden; z-index:-1;}
.ibox-life-2021 .slick-arrow:hover:before{ opacity:0; visibility:visible; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:.5s;  transition: .5s;}
.bgf8{ background-color: #f8f8f8;}
.inner-dynamics-2021{ margin-bottom: 50px; height: 412px; overflow: hidden;}
.ibox-firstnew-2021{ position: relative; float: right; height: 412px; width: 39.5%; overflow: hidden;}
.ibox-firstnew-2021 .img{ background-position: center center; background-size: cover; height: 412px;}
.ibox-firstnew-2021 .jb{ position: absolute; left: 0; top:0; bottom: 0; right: 0; background: url(../img2021/jb.png) repeat-x scroll left bottom;}
.ibox-firstnew-2021 .title{ position: absolute; left: 8%; right: 8%; bottom: 5%; color: #fff; text-align: center; font-size: 19px; line-height: 1.5;}

.ibox-dynamics-l{ float:left; width: 59.5%; display: block;}
.ibox-dynamics-ldemo{ float: left; width: 178px; margin-right: 10px; margin-top: -8px;}
.ibox-dynamics-ldemo .item{ position: relative; margin-top: 8px; cursor: pointer;}
.ibox-dynamics-ldemo .pov2021::before{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; border: 4px solid #D93127;  opacity: 0; visibility: hidden;  transition: .3s; -webkit-transition: .3s; z-index: 2;}
.ibox-dynamics-ldemo .slick-current .pov2021::before{ opacity: 1; visibility: visible;}
.ibox-dynamics-rdemo{ margin-left: 188px; height: 412px; background-color: #fff;}
.ibox-dynamics-rdemo .item-con{ padding: 45px 42px;}
.ibox-dynamics-rdemo .time{ color: #CF0418; font-size: 12px; font-weight: bold;}
.ibox-dynamics-rdemo .title{ font-size: 19px; line-height: 1.4; color: #333333; margin-bottom: 25px;}
.ibox-dynamics-rdemo .c{ height: 70px; overflow: hidden; font-size: 13px; color: #999999; margin-bottom: 50px;}
.ibox-dynamics-rdemo .more{ color: #ACACAC;}
.ibox-dynamics-rdemo .more i{ margin-left: 15px;}
.ibox-dynamics-rdemo .more:hover{ color: #CF0418;}
.ibox-dynamics-bot{ position: absolute; left: 42px; right: 42px; border-top: 1px solid #DDDDDD; bottom: 52px; z-index: 100;}
.ibox-dynamics-bot a{ float:left; margin-right: 74px; color: #CBCBCB; border-top: 4px solid #CBCBCB; padding-top: 5px; margin-top: -2px;}
.ibox-dynamics-bot a:hover{ color: #D93127; border-top-color: #D93127;}

.ibox-process-2021{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ibox-process-2021 li{ text-align: center;}
.ibox-process-2021 .num { height: 44px; overflow: hidden; margin-bottom: 0;}
.ibox-process-2021 .num span{ font-size: 76px; line-height: 1; font-weight: bold; color: #ECECEC;}
.ibox-process-2021 .ico{ margin: 10px auto 0;}
.ibox-process-2021 .ico img{ max-width: 65px; margin: 0 auto; display: block;}

.foot-2021{ background-color: #1B1B1B;}
.foot-bot-2021{ padding: 45px 0 72px; border-top: 1px solid #2A2A2A; text-align: center; color: #898989;}
.foot-bot-2021 a:link,.foot-bot-2021 a:visited{color:#898989;}
.foot-bot-2021 a:active,.foot-bot-2021 a:hover{color:#fff;}
.foot-top-2021{ padding: 50px 0 72px; color: #8D8D8D; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between;}
.foot-top-2021 a:link,.foot-top-2021 a:visited{color:#8D8D8D;}
.foot-top-2021 a:active,.foot-top-2021 a:hover{color:#fff;}
.foot-top-2021 .item1 .title{ font-size: 18px; font-weight: bold; color: #fff; margin-top: 5px;}
.foot-sharp-2021{ padding-top: 35px;}
.foot-sharp-2021 a{ position: relative; float: left; display: block;  margin-right: 20px;}
.foot-sharp-2021 a .ico{ display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 20px; color: #fff; border: 2px solid #fff; border-radius: 50%; transition: .3s; -webkit-transition: .3s;}
.foot-sharp-2021 a:last-child{  margin-right: 0;}
.foot-sharp-2021 a:hover .ico{ border-color: #E45558; color: #E45558;}
.foot-sharp-2021 .ermbox-2021{ position: absolute; left: 0; top: 115%; width: 80px; background-color: #fff; padding: 10px;     transition: .5s; -webkit-transition: .5s; opacity: 0; visibility: hidden;}
.foot-sharp-2021 a:hover .ermbox-2021{ visibility: visible; opacity: 1;}
.foot-top-2021 .item2{ width: 48%; border-left: 1px solid #A3A3A3; border-right: 1px solid #A3A3A3;}
.foot-nav-2021 li{ float: left; display: block; width: 33.33%; text-align: center;}
.foot-nav-2021 .t{ font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 30px;}
.foot-nav-2021 .c{ margin-bottom: 5px;}
.foot-add-2021 .tel { padding: 4px 0 12px;}
.foot-add-2021 .tel .time{ font-size: 30px; color: #FFFFFF;}
.btn-kf-2021{ width: 90px; height: 32px; line-height: 32px; border: 1px solid #fff; border-radius: 16px; display: block; text-align: center;}
.btn-kf-2021 span{ color: #fff;}
.btn-kf-2021:hover{ border-color: #D90100; background-color: #D90100;}

.header-iphone{ position: fixed; left: 0; top: 0; width: 100%; background: #fff; z-index: 399; display: none;}
.header-iphone-top{ padding: 0 5%; height: 60px; display: flex; align-items: center;}
.header-lefts{ display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; width: 100%;}
.menu-btns{ display: block; position: relative; width: 24px; height: 17px; box-sizing: border-box; padding-top: 7px;}
.menu-btns:before,.menu-btns:after{ position: absolute; content: ""; width: 100%; height: 2px; background: #CF0418; border-radius: 1px;}
.menu-btns:before{ top: 0;}
.menu-btns:after{ bottom: 0;}
.menu-btns span{ display: block; width: 13px; height: 2px; background: #CF0418; border-radius: 1px;}
.header-lefts .header-logos{ display: block; width: 150px; line-height: 1;}
.header-lefts .header-logos img{ display: block; width: 100%; height: auto;}
.header-search{ position: relative;}
.search-btn{ display: block; box-sizing: border-box; width: 30px; height: 30px; border: 1px solid #ACACAC; border-radius: 50%; cursor: pointer; background: url(../images/search1.png) center no-repeat; background-size: 16px 16px; transition: 0.38s;}
.header-search:focus .search-btn,.header-search:hover .search-btn{ opacity: 0; visibility: hidden;}
.header-search:focus .search-box,.header-search:hover .search-box{ opacity: 1; visibility: visible;}
.search-box{ position: absolute; right: 0; top: 0; width: 290px; height: 100%; opacity: 0; visibility: hidden; transition: 0.5s;}
.search-box .text{ box-sizing: border-box; padding: 0; padding-left: 11px; width: 100%; height: 30px; line-height: 28px; border: 1px solid #CF0418; background: #fff; border-radius: 15px; color: #ACACAC; font-size: 12px;}
.search-box .text::-webkit-input-placeholder{ color: #ACACAC;}
.search-box .text:focus::-webkit-input-placeholder{ opacity: 0; visibility: hidden;}
.search-box .sub{ position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: #CF0418 url(../images/search2.png) center no-repeat; z-index: 10; border: none; cursor: pointer; outline: none; border-radius: 50%; text-indent: 9999px; overflow: hidden; background-size: 20px 20px;}
.header-menus{ position: fixed; right: -310px; top: 0; width: 310px; height: 100%; z-index: 5; background: #fff; opacity: 0; visibility: hidden; transition: 0.72s;}
.header-menus.show{ opacity: 1; visibility: visible; right: 0;}
.header-menu-wrap{ padding-top: 15px; padding-bottom: 60px; box-sizing: border-box; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%;}
.header-menu-wrap .header-logos{ display: none; margin-left: 20px; width: 150px;}
.header-menu-wrap .header-logos img{ display: block; width: 100%; height: auto;}
.header-menu-close{ display: block; position: absolute; left: -40px; top: 47px; width: 40px; height: 40px; background: #CF0418 url(../images/closebtn.png) center no-repeat; background-size: 22px 22px;}
.header-menu-list{ margin-left: 20px; margin-right: 46px; margin-top: 52px;}
.header-menu-list >li{ margin-bottom: 22px;}
.header-menu-list >li >a{ display: block; position: relative; color: #313131; font-size: 16px; font-weight: bold;}
.header-menu-list >li .menu-arrow{ position: absolute; right: 0; top: 50%; margin-top: -12px; display: block; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #ACACAC; transition: 0.3s;}
.header-menu-list >li .menu-arrow i{ display: block; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px; width: 12px; height: 12px; }
.header-menu-list >li .menu-arrow i:before{ position: absolute; left: 0; top: 50%; content: ""; width: 100%; height: 1px; background: #999999; transition: 0.3s;}
.header-menu-list >li .menu-arrow i:after{ position: absolute; left: 50%; top: 0; content: ""; width: 1px; height: 100%; background: #999999; transition: 0.3s;}
.header-menu-list >li.active .menu-arrow{ transform: rotate(40deg); border-color: #CF0418;}
.header-menu-list >li.active .menu-arrow i:before,.header-menu-list >li.active .menu-arrow i:after{  background: #CF0418;}
.free-designd{ position: absolute; left: 0; bottom: 0; width: 100%;}
.free-designd a{ display: block; text-align: center; height: 46px; line-height: 46px; background: #BB2524; color: #fff; font-size: 14px; font-weight: bold;}
.free-designd a i{ display: inline-block; position: relative; top: -1px; vertical-align: middle; margin-right: 7px; width: 22px; height: 22px; background: url(../images/designs.png) center no-repeat; background-size: 21px 21px;}
.header-menu-dwon{ margin-top: 24px; display: none;}
.header-menu-dwon li{ margin-bottom: 14px;}
.header-menu-dwon li:last-child{ margin-bottom: 0;}
.header-menu-dwon li a{ position: relative; display: inline-block; padding-left: 20px; color: #999999; font-size: 15px;}
.header-menu-dwon li a:hover{ color: #CF0418;}
.header-menu-dwon li a:hover:before{ background: #CF0418;}
.header-menu-dwon li a:before{ position: absolute; left: 0; top: 50%; margin-top: -1px; content: ""; width: 10px; height: 2px; background: #ACACAC;}
.footer-menus{ display: none; position: fixed; left: 0; bottom: 0; width: 100%; background: #D93127; z-index: 199;}
.footer-menu-li{ padding: 0 5%; display: flex; justify-content: space-between;}
.footer-menu-li li{ text-align: center;}
.footer-menu-li li a{ display: block; padding: 15px 0;}
.footer-menu-li li a b{ display: block; margin: auto; width: 24px; height: 24px;}
.footer-menu-li li a span{ display: block; margin-top: 12px; line-height: 1; color: #fff; font-size: 16px;}
.footer-menu-li li:nth-child(1) a b{ background: url(../images/zfooter1.png) center no-repeat; background-size: cover;}
.footer-menu-li li:nth-child(2) a b{ background: url(../images/zfooter2.png) center no-repeat; background-size: cover;}
.footer-menu-li li:nth-child(3) a b{ background: url(../images/zfooter3.png) center no-repeat; background-size: cover;}

@media screen and (max-width: 1440px) {
	.inner-2021,.inner-1300-2021{ width: 1200px;}
	.nav-2021 li{  margin: 0 14px;}
	.ibox-productlist-2021 li{ width: 30%;}
	.ibox-whole-2021 .title{ font-size: 17px;}
	.ibox-arrivalsd-2021 .title{ font-size: 17px;}
	.ibox-store-2021 .title{ font-size: 17px;}
	.ibox-store-2021 .c{ margin-bottom: 10px;}
	.ibox-store-2021 .tel{ margin-bottom: 15px;}
	.ibox-firstnew-2021 .title{ font-size: 17px;}
	.foot-top-2021 .item2{ width: 45%;}
}