@charset "utf-8";
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1535891930457'); /* IE9*/
  src: url('iconfont.eot?t=1535891930457#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1535891930457') format('woff'),
  url('iconfont.ttf?t=1535891930457') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1535891930457#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search:before { content: "\e609"; }
.icon-guanbi:before { content: "\e600"; }
.icon-shipin1:before { content: "\e60f"; }
.icon-jiantou_:before { content: "\e60d"; }
.icon-jiantou_R-copy:before { content: "\e60e"; }
.icon-weixin:before {content: "\e602";}
.icon-ditu:before {content: "\e601";}
.icon-jingdong:before {content: "\e68a";}
.icon-tianmao:before { content: "\e616";}
.icon-sousuo:before { content: "\e610";}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
html::-webkit-scrollbar{width:7px;height:7px;background-color:#b1a194;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#b1a194;}
html::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#FC2233;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",Helvetica,Arial; margin: 0 auto; color: #4e4e4e; 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:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
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: none;}
::-moz-selection { background: #fc2233; color: #fff; text-shadow: none; }
::selection { background: #fc2233; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.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: 0px auto;}
.w780{ width: 780px; margin: 0px auto;}
.css{/*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/-webkit-transform-style: preserve-3d;/*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/-webkit-backface-visibility: hidden; }
.top a:link, .top a:visited { color: #fff;}
.top a:active, .top a:hover { color: #FC2233;}
.top{ position: fixed; left: 0; top: 0; width: 100%; z-index: 10000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background-color: #2c2422; height: 65px; color: #FC2233;}
.logo{ position: absolute; left: 3%; top: 15px; width: 143px;}
.logo img{ width: 100%; display: block;}
.telBox{ position: absolute; right: 3%; top:0px; height: 64px; color: #FC2233; background: url(../images/tel_ico.png) no-repeat scroll left center; padding-left: 34px; font: italic bold 20px/64px arial, helvetica, sans-serif; display: block;}
.nav a.hov, .nav a.active{ color: #FC2233;}
.nav{ float: none; width: 100%; margin: 0px auto; text-align: center;}
.nav li{ display: inline-block; *display: inline; *zoom: 1;  font-size: 16px; height: 64px; line-height: 64px; padding: 0px 20px; position: relative;}
.nav>ul>li>a{ display: block;}
.nav .subnav{ position: absolute; z-index: 10; left: 50%; top: 60px; width: 142px; padding: 15px 4px; margin-left: -75px; margin-top: -4px; background-color: #fff; border-top: 4px solid #FC2233; font-size: 14px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: none;}
.nav .subnav .arrow{ border-left: 4px solid transparent; border-right: 4px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-bottom: 4px solid #FC2233; position: absolute; left: 50%; margin-left: -2px; top: -8px;}
.nav .subnav a{ display: block; padding: 8px 0px; line-height: 1.4; color: #4e4e4e; text-align: center; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d;}
.nav .subnav a:before{ content: ""; display: block;position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index:-1; transform-origin: center top 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #e2d9d1;}
.nav .subnav a:hover{ color: #000000;}
.nav .subnav a:hover:before{  transform: none; opacity: 1; visibility:visible;}
.serach-nav a{ width: 40px;}
.serach-nav a .iconfont{ font-size: 18px;}
.serach-Mbtn { width: 54px; height: 54px; line-height: 54px; color: #fff; position: absolute; right:54px; top: 0px; cursor: pointer; display: none; border-right: 1px solid #686868; border-left: 1px solid #686868; font-size: 24px; text-align: center;}
.menu-handler{ width:54px; float:right; height: 54px; display:none; cursor: pointer;}
.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 28px; height: 3px; background-color: #fff;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuBox a:link, .menuBox a:visited { color: #676767;}
.menuBox a:active,.menuBox a:hover { color: #676767;}   
.menuBox { background-color: #f4f4f4; color: #676767; position: fixed; display: none; right: 0px; top: 0px;  height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch; width: 400px; z-index: 9800;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menuBox .fc{ padding-bottom: 35px;}
.menuMoblie{ padding:54px 0;}
.menuMoblie li{ border-bottom: 1px solid #dbdbdb;}
.menuMoblie .nav-link { display: block; font-size: 18px; padding: 12px 12%; position: relative;}
.menuMoblie .cur .nav-link{ background-color: #FC2233; color: #fff;}
.menuMoblie .subnav { background-color: #fff; padding: 20px 0px; display: none;}
.menuMoblie .subnav a { position: relative; display: block; padding: 8px 12%; line-height: 1.4; color: #333333; font-size: 16px;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 900; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.telBox2{ font-size: 22px; font-weight: bold; font-style: italic; font-family: arial, helvetica, sans-serif; background: url(../images/tel_ico2.png) no-repeat scroll left center; background-size: 28px auto; padding-left: 34px; display: inline-block;}
.telBox2 .txt{ color: #FC2233;}
.pageH{ height: 64px;}
.foot{ background: url(../images/foot.jpg) repeat-x scroll center top #2c2422; padding-top: 70px; position: relative;}
.foot a:link, .foot a:visited { color: #979595; }
.foot a:active, .foot a:hover { color: #fff; }
.linkBox{ padding-bottom: 64px;}
.link-nav a{ position: relative;}
.link-nav a:before{ content:""; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:-2px; 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; }
.link-nav a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.link-nav{ float: left; display: block; width: 64%;}
.link-nav li{ float: left; display: block; width: 15%; margin-right:1.66%;}
.link-nav a.nav-link{ font-weight: bold; color: #fff;}
.link-nav .subnav{ padding-top: 12px;}
.link-nav .item{ padding-top: 6px; font-size: 12px;}
.link-right{ float: right; display: inline-block;}
.link-box,.link-erm{ float: left; display: block;}
.link-box{ margin-right: 40px;}
.link-box p{ margin-bottom: 10px;}
.link-box .aitem i{ float: left; display: inline-block; width: 28px; margin-right: 12px; height: 28px; background-size: cover;}
.link-box .aitem:hover span{ border-bottom: 1px solid #fff;}
.foot .link-box a:link, .foot .link-box a:visited { color: #fff; }
.foot .link-box a:active, .foot .link-box a:hover { color: #fff; }
.link-erm{ width: 118px;}
.link-erm li{ padding: 5px; cursor: pointer; color: #fff; width: 100px; margin-left: 8px; text-align: center; line-height: 1.5; -webkit-transition: .3s; transition: .3s;}
.link-erm img{ width: 100%; display: block; height: 100px; margin-bottom: 5px;}
.link-erm li:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.foot-box{ font-size: 12px; color: #979595; border-top: 1px solid #56504e; padding: 15px 0px 18px;}
.foot-box .cbox{ float: left; display: inline-block;}
.smlink{ float: right; display: inline-block; }
.pbanner { position: relative; overflow: hidden;color: #fff; height: 100vh;}
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; position: fixed; z-index: 0; /*opacity: 0; visibility: hidden; -webkit-transition:all 4s linear;transition:all 4s linear;*/ margin-top: 65px; z-index: -1;}
.pbanner .active .load-img{/* -webkit-transform:scale(1.05);transform:scale(1.05); opacity: 1; visibility: visible;-webkit-transition:opacity 0.2s linear,-webkit-transform 4s linear; transition:opacity 0.2s linear,transform 4s linear;*/}
.pbanner .load-yy{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pbanner-C{ position: absolute; left: 5%; top: 0; width: 90%; height: 100%; color: #fff; text-align: center;}
.pbanner-C .zh{ font-size: 20px; line-height: 1.4;}
.pbanner-C .en{ font-size: 82px; font-family: "Bell MT"; line-height: 1.2;}
.pbanner-C .by{ margin: 40px auto 50px; width: 520px;}
.scroll-bot{ border: 1px solid #fff; width: 36px; height: 36px; display: block; border-radius: 50%; margin: 0px auto; cursor: pointer;}
.scroll-bot i{ background: url(../images/arrow.png) no-repeat; width: 11px; height: 6px; margin: 16px auto 0; display: block; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(6px); -webkit-transform: translateY(6px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(6px); -webkit-transform: translateY(6px); opacity: 0; }
}
.pageC a:link, .pageC a:visited { color: #444444; }
.pageC a:active, .pageC a:hover { color: #FC2233;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden;}
/*public style end*/
/* Slider */
.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: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 450px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -225px; 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: 0px; right: -42px;  background-color: #FC2233;}
.vwrap .close i { display: block; width: 31px; height: 31px; font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 31px;text-align: center;color: #fff;-webkit-transition: 400ms; transition: 400ms;}
.vwrap .close i:before { content: "\e600"; }
.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: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;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;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:hand}
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block; zoom: 1; }
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.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}
.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; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.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);}
}
/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:15000;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_60.png) repeat;background:none rgba(0,0,0,.8);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{/*background:url(../images/default-skin.png) 0 0 no-repeat;*/background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){
	.pswp--svg .pswp__button{background-image:url(../images/default-skin.svg);}
	.pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%; width: 42px; height: 42px; line-height: 42px; margin-top: -21px; position: absolute; border: 1px solid #fff; color: #fff;  background:none; display: block; font-family:"iconfont" !important; font-size:18px; text-align: center; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;}
.pswp__button--arrow--left:before{content: "\e60d";}
.pswp__button--arrow--right:before{content: "\e60e";}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{color:#fc2233; border-color: #fc2233;}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
#gallery2 .pswp__caption__center{text-align:center;font-size:18px}
/*base style end*/
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT502 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50,.action.transYT502,.action.transYT20{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.tlbg:after,.trbg:after,.ttbg:after,.tbbg:after{background-color: #fff; content: ""; width: 100%; height: 100%; position: absolute;top: 0px; left:0px: transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;   z-index: 1;}
.tlbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.trbg:after{ transform-origin:right top 0; -webkit-transform-origin:right top 0;}
.ttbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.tbbg:after{ transform-origin:left bottom 0; -webkit-transform-origin:left bottom 0;}
.action.tlbg:after,.action.trbg:after{transform: scaleX(0); -webkit-transform: scaleX(0);}
.action.ttbg:after,.action.tbbg:after{transform: scaleY(0); -webkit-transform: scaleY(0);}
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}

.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; margin: 0px auto; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.banner.slick-initialized {visibility: visible;opacity: 1;    }
.banner .item { position: relative; width: 100%; overflow: hidden;}
.banner .item img{ width: 100%; display: block;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-dots { bottom: 3%; z-index: 104;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 5px; width: 12px; height: 12px; margin: 0px; cursor: pointer;}
.banner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 8px; height: 8px; margin: 0px auto; border: 2px solid rgba(0,0,0,0); background: none #fff; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { border-color: #fff; background:none transparent; }
.mb5{ margin-bottom: 5px;}
.iboxT{ margin-bottom: 40px;}
.iboxT .zh{ font-size: 26px; line-height: 1.4;}
.iboxT .en{ font-size: 40px; line-height: 1.4; font-family: "Bell MT";}
.ibox-life a:link, .ibox-life a:visited { color: #2c2422; }
.ibox-life a:active, .ibox-life a:hover { color: #FC2233; }
.ibox-life{ padding: 128px 0px 90px; text-align: center; color: #2c2422;}
.ibox-life-list{ padding-top: 90px; display: flex; justify-content: center;}
.ibox-life-list li{ float: left; display: block; width: 14.2%; text-align: center; padding: 28px 0px; position: relative;}
.ibox-life-list .sj { -moz-transform: translateY(-50%) translateX(-50%)rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%)rotate(45deg); -webkit-transform: translateY(-50%) translateX(-50%)rotate(45deg); transform: translateY(-50%) translateX(-50%)rotate(45deg); position: absolute; top: 50%; left: 50%; display: block;}
.ibox-life-list .sj:before { position: relative; content: ''; display: block; margin-top: 100%;}
.ibox-life-list .sj:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.ibox-life-list li:hover .sj {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.ibox-life-list li:hover .sj:after {-moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-out-pseudo {
  0% {background: rgba(172, 128, 79, 0.6);}100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo {
  0% { background: rgba(172, 128, 79, 0.6);}100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
  0% {background: rgba(172, 128, 79, 0.6);}100% { background: transparent;}
}
@keyframes anim-out-pseudo {
  0% { background: rgba(172, 128, 79, 0.6);}100% {background: transparent;}
}
.ibox-life-list .ico{ width: 48px; height: 48px; display: block; position: relative; margin: 0px auto 5px;}
.ibox-life-list .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.ibox-life-list .ico i.i2{ display: none;}
.ibox-life-list .bg{ background:url(../images/fk_ico.png) no-repeat scroll center center; width: 153px; height: 153px; display: block;  position: absolute; left: 50%; top: 50%; margin: -76px 0px 0px -76px; opacity: 0; visibility: hidden\9; transform: scale(0.5) ; -webkit-transform: scale(0.5); -webkit-transition:all .8s 0s; transition:all .8s 0s; }
.ibox-life-list .txt{ position: relative; -webkit-transition:color .3s; transition:color .3s;}

.verticaltop{ position: relative; top: -60px;}
.ibox-life-list1{ padding-top: 0; position: absolute; left: 50%; margin-left: -550px; bottom: 40px;}
.ibox-life-list1 .ico i.i1{ display: none;}
.ibox-life-list1 .ico i.i2{ display: block;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.black-60{ background: url(../images/black_60.png) repeat; background: none rgba(0,0,0,0.6); position: absolute; width: 100%; height: 100%;}
.iproduct-list a:link, .iproduct-list a:visited { color: #4E4E4E; }
.iproduct-list a:active, .iproduct-list a:hover { color: #fff; }
.iproduct-list li{ float: left; display: block; width: 50%; position: relative;}
.iproduct-list .img{ position:relative; width: 100%; padding-bottom: 83%;}
.iproduct-list .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
.iproduct-list .img .img1{ opacity: 1; transition: opacity 0.1s ease-in 0s; -webkit-transition: opacity 0.1s ease-in 0s;}
.iproduct-list .img .img2{ opacity: 0; visibility: hidden; -webkit-transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.iproduct-list .black-60{ opacity: 0; visibility: hidden; -webkit-transition:opacity .3s; transition:opacity .3s;}
.iproduct-list .cbox{ position: absolute; left:5%; top: 10%; text-align: center; width: 90%; color: #fff; -webkit-transition:all .6s cubic-bezier(.165,.84,.44,1); transition:all .6s cubic-bezier(.165,.84,.44,1);}
.iproduct-list .twoc .cbox{ color: /*#4e4e4e*/#fff;}
.iproduct-list .type{ font-size: 16px; line-height: 1.5; margin-bottom: 5px;}
.iproduct-list h3{ font-size: 25px; font-weight: normal; line-height: 1.5; }
.btn-more{ display: block; margin: 0px auto; width: 114px; height: 32px; line-height: 32px; text-align: center; display: block; background-color: #FC2233; position: relative; overflow: hidden;}
.btn-more .txt{ color: #fff;}
.btn-more .bg { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%)  rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(45deg); position: absolute; top: 50%; left: 50%; display: block;}
.btn-more .bg:before { position: relative; content: ''; display: block; margin-top: 100%;}
.btn-more .bg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.btn-more:hover .bg {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.btn-more:hover .bg:after {-moz-animation: anim-out-pseudo2 0.75s; -webkit-animation: anim-out-pseudo2 0.75s; animation: anim-out-pseudo2 0.75s;}
@-webkit-keyframes anim-out-pseudo2 {
  0% {background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo2 {
  0% { background: rgba(0, 0, 0, 0.45);}100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo2 {
  0% {background: rgba(0, 0, 0, 0.45);}100% { background: transparent;}
}
@keyframes anim-out-pseudo2 {
  0% { background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-webkit-keyframes anim-out {
  0% { width: 0%;}100% {width: 100%; }
}
@-moz-keyframes anim-out {
  0% { width: 0%; } 100% {width: 100%;}
}
@-ms-keyframes anim-out {
  0% {width: 0%;}100% {width: 100%;}
}
@keyframes anim-out {
  0% {width: 0%; } 100% {width: 100%;}
}
.ibox-customized a:link, .ibox-customized a:visited { color: #4E4E4E; }
.ibox-customized a:active, .ibox-customized a:hover { color: #FC2233; }
.ibox-customized{ padding: 140px 0px 90px; text-align: center; background:url(../images/w80.png) repeat; background: none rgba(255,255,255,0.8);}
.ibox-customized .pageC{ margin-bottom: 60px;}
.icustomized-list{ margin-top: 90px;}
.icustomized-list li{ float: left; display: block; width: 16.66%; border-bottom: 1px solid #dadada; padding-bottom: 8px; position: relative;}
.icustomized-list li:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-color: #FC2233;transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.icustomized-list .ico{ width: 30px; height: 30px; display: block; margin: 0px auto 8px; position: relative;}
.icustomized-list .ico i{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute;left: 0; top: 0;}
.icustomized-list .ico .i2{ display: none;}
.icustomized-list .txt{ position: relative; text-align: center; font-size: 16px;}
.icustomized-list .txt span{ display: block;}
/*.icustomized-list .txt .en{ font-family: "Bell MT";}
.icustomized-list .txt .zh{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}*/
.icustomized-list li:hover{ color: #FC2233;}
.icustomized-list li:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.icustomized-list li:hover .ico{  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
.icustomized-list li:hover .ico .i1{ display: none;}
.icustomized-list li:hover .ico .i2{ display: block; background-size: 100% 100%;}
/*.icustomized-list li:hover .txt .en{ visibility: hidden; opacity: 0;  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.icustomized-list li:hover .txt .zh{ display: block;}*/
.linkA{ background: url(../images/w0.png) no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.black-50{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0;}
.ibox-case{ overflow: hidden;}
.ibox-case a:link, .ibox-case a:visited { color: #fff; }
.ibox-case a:active, .ibox-case a:hover { color: #fff; }
.icase-list{ margin-left: -0.2%;}
.icase-list dd{ float: left; display: block; width: 49.7%; margin-left: 0.2%; background-color: #DDDDDD; position: relative; padding-bottom: 31%; color: #fff;}
.icase-list .black-50{-webkit-transition: .3s; transition: .3s;}
.icase-list .img{ position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; display: block;}
.icase-list .img img{ width: 100%; display: block; -webkit-transition: 1s linear;transition: 1s linear;}
.icase-list .cbox{ position: absolute; left: 5%; width: 90%; top: 50%; margin-top: -35px; text-align: center; line-height: 1.5;}
.icase-list .cbox .en{ font-size: 24px; font-family: "Bell MT";}
.icase-list .cbox .zh{ font-size: 18px;}
.icase-list dd:hover .img img{ -webkit-transform:scale(1.2) rotate(10deg); transform: scale(1.2) rotate(10deg);-webkit-transition: 2s linear;transition: 2s linear;}
.icase-list dd:hover .black-50{ background: none rgba(0,0,0,0.3);}
@-webkit-keyframes pa_imgwrap{0%{-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes pa_imgwrap{0%{-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}
@-webkit-keyframes pa_imgwrap_img{0%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes pa_imgwrap_img{0%{-webkit-transform:translate3d(0,-40px,0);transform:translate3d(0,-40px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.icase-list dd{ visibility: hidden;}
.icase-list dd.action{ visibility: visible;}
/*.icase-list .action{-webkit-animation: pa_imgwrap 1.2s 1 ease;animation: pa_imgwrap 1.2s 1 ease; visibility: visible;}
.icase-list .action .img img{-webkit-animation: pa_imgwrap_img 1.2s 1 ease;animation: pa_imgwrap_img 1.2s 1 ease;}*/
/*index style end*/
/*product style*/
.body-right{ position: relative; background-color: #fff;}
.pagePadding{ padding: 100px 0px;}
.pagePadding2{ padding-top: 100px;}
.pro-type{ background-color: #eee; padding: 60px 0px;}
.pro-typebox a:link, .pro-typebox a:visited { color: #6d6a6a; }
.pro-typebox a:active, .pro-typebox a:hover { color: #FC2233; }
.pro-typebox{ position: relative; margin-bottom: 30px; line-height: 1.5;}
.pro-typebox dt{ position: absolute; left: 0; width: 50px; top: 0;} 
.pro-typebox dd{ margin-left: 62px; color: #2d2d2d;}
.pro-typebox dd a{ margin:0 38px 8px 0; float: left; display: inline-block;}
.product-list{ margin-left: -1%;}
.product-list li{ float: left; display: block; width: 24%; margin:0 0 1% 1%; position: relative;}
.product-list a{ display: block;}
.product-list figure{ position: relative; padding-bottom:117%; overflow: hidden;}
.product-list figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block; transition: 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.product-list .con{ position: absolute; left: 5%; width: 90%; text-align: center; color: #fff; top: 50%; margin-top: -32px; line-height: 1.5; transition: 0.6s cubic-bezier(.075,.82,.165,1); -webkit-transition: 0.6s cubic-bezier(.075,.82,.165,1); opacity: 0; visibility: hidden; -webkit-transform: translateY(20px);transform: translateY(20px);}
.product-list .bot{ width: 98px; height: 1px; margin: 10px auto; background-color: #fff; display: block;}
.product-list .black-50{ opacity: 0; visibility: hidden; transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.product-list .pico{ background: url(../images/pro_ico1.png) no-repeat; width: 56px; height: 82px; position: absolute; right: 2%; top: 2%; color: #fff; text-align: center;}
.product-list .pico{ font-size: 14px;}
.product-list .pico b{ display: block; padding: 10px 0 0; line-height: 1.2; font-size: 16px; font-family: arial, helvetica, sans-serif;}
.product-list .newico{ background-image: url(../images/pro_ico2.png);}
.paging { padding: 80px 0px 0px; text-align: center; }
.paging a:link, .paging a:visited { color: #666666; }
.paging a:active, .paging a:hover { color: #fff; background-color: #FC2233; }
.paging a{ display: inline-block; margin: 0px 2px!important; background-color: #fff; padding: 8px 16px; border: 1px solid #dddddd;}
.paging a.act{ background-color: #FC2233; color: #fff; border-color: #FC2233;}
/*product style end*/
/*productInfo style*/
.page-cur a:link, .page-cur a:visited { color: #fff; }
.page-cur a:active, .page-cur a:hover { color: #fff; }
.page-cur{ background-color: #ad8150; color: #fff; padding: 10px 0px; font-size: 12px;}
.pro-infoPage{ background-color: #f6f6f6;}
.pro-info-box{ background-color: #fff;}
.pro-info-box .img{ float: left; display: inline-block; position: relative; width: 41%; overflow: hidden;}
.pro-info-box .img img{ width: 100%; display: block;}
.pro-info-box .con{ float: left; display: inline-block; width: 49%; margin-left: 5%; padding: 40px 0px;}
.pro-info-box .title{ font-size: 20px; line-height: 1.5; overflow: hidden; margin-bottom: 40px;}
.proT2{ position: relative; padding:15px 0; color: #818181; font-size: 16px; line-height: 1.5; border-bottom: 1px solid #e1e1e1; cursor: pointer;}
.proT2 .add{ position: absolute; right: 10px; top: 50%; margin-top: -7px; width: 3px; height: 15px; background-color: #b4b4b4;  transition: 400ms;-webkit-transition: 400ms;}
.proT2 .add:before{ content: ""; position: absolute; top: 50%; left: 50%; width: 15px; height: 3px; margin: -1.5px 0 0 -7.5px; background-color: #b4b4b4;}
.proT2.active .add{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg);}
.proT2.active .add:before{ display: none;}
.proTC{ padding: 22px 0; border-bottom: 1px solid #e1e1e1; display: none;}
.btn-linsou{ width: 100px; position: relative; padding-left: 60px; height: 45px; font-size: 16px; display: block; color: #fff; background-color: #FC2233; line-height: 45px; margin-top: 35px;}
.btn-linsou .iconfont{ position: absolute; left: 20px; top: 0; font-size: 24px; line-height: 45px;}
.btn-linsou:hover{ background-color: #AD8150;}
.pro-type-list li{ display: block; background: url(../images/yd.png) no-repeat scroll 15px 8px; margin-bottom: 4px; line-height: 1.5;}
.pro-type-list li p{ padding: 0px 32px;}
.pro-type-list li.w100{ width: 100%;}
.pro-color-list .item{ width: 26px; height: 26px; background-repeat: no-repeat; background-size: cover; border-radius: 50%; float: left; display: block; margin:0 0 5px 15px;}
.pro-info-bg{ padding-bottom: 32%;}
.pro-info-bg img.vm{ width: 100%; display: none;}
.pro-info-list a:link, .pro-info-list a:visited { color: #fff; }
.pro-info-list a:active, .pro-info-list a:hover { color: #fff; text-decoration: underline;}
.pro-info-list{ margin-left: -1%; color: #fff; font-family: "微软正黑体","Microsoft JhengHei";}
.pro-info-list li{ float: left; display: block; width: 49%; margin: 0 0 40px 1%; position: relative; overflow: hidden;}
.pro-info-list figure{ position: relative; overflow: hidden; padding-bottom: 53%;}
.pro-info-list figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.pro-info-list .txt{ background: url(../images/y_50.png) repeat; background: none rgba(173,129,80,0.5); position: absolute; left: 0; bottom: 0; width: 90%; padding: 10px 5%; transition: .35s; -webkit-transition: .35s;}
.pro-info-list article{ font-weight: bold; position: absolute; left: 0; top: 0; overflow: hidden; background: url(../images/y_90.png) repeat; background: none rgba(173,129,80,0.9); padding: 0px 8%; width: 84%; height: 100%; transition:  0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition:  0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; visibility: hidden\9; transform: translateY(100%); -webkit-transform: translateY(100%);}
.pro-info-list h3{ font-size: 18px; line-height: 1.5; padding: 50px 0px 20px;}
.proT{ background-color: #f6f6f6; text-align: center; padding: 15px 0px; color: #2c2422; font-size: 20px;}
/*productInfo style end*/
/*customized style*/
.page-nav1 li{ width: 100%;}
.page-nav2 li{ width: 50%;}
.page-nav3 li{ width: 33.33%;}
.page-nav4 li{ width: 25%;}
.page-nav5 li{ width: 20%;}
.page-nav6 li{ width: 16.66%;}
.page-nav7 li{ width: 14.28%;}
.page-nav8 li{ width: 12.5%;}
.page-nav9 li{ width: 11.11%;}
.page-nav10 li{ width: 10%;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #666666;}
.page-nav-btn a:active,.page-nav-btn a:hover { color: #fff;}  
.page-nav-btn li{ display: inline-block; *display: inline; *zoom: 1; float: left; text-align: center;}
.page-nav-btn a{  height: 64px; line-height: 64px; font-size: 16px; display: block; position: relative; margin-right: -1px; z-index: 1; border-right: 1px solid #b2b2b2;}
.page-nav-btn a:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FC2233; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.page-nav-btn a.active:after,.page-nav-btn a:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.page-nav-btn a.active{ color: #fff; border-right-color: #FC2233;}
.w906{ width: 906px; margin: 0px auto;}
.pageT{ margin-bottom: 45px; color: #FC2233;}
.pageT .zh{ font-size: 24px; line-height: 1.5; margin-bottom: 5px;}
.pageT .en{ font-size: 26px; line-height: 1.5; font-family: "Bell MT";}
.w1000{ width: 1000px; margin: 0px auto;}
.customized-type{ margin:90px 0 0 -1%;}
.customized-type li{ padding: 66px 0px; position: relative; float: left; display: block; width: 19%; margin-left: 1%; overflow: hidden;}
.customized-type .img{ position: absolute; left: 50%; top: 50%; width: 192px; height: 312px; margin: -156px 0 0 -96px; opacity: 0; visibility: hidden\9; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); -webkit-transition:all .42s cubic-bezier(.4,0,.2,1); transition:all .42s cubic-bezier(.4,0,.2,1);}
.customized-type .box{ border: 1px solid #d1d1d1; height: 180px; position: relative; transition: border-color 0.3s; -webkit-transition: border-color 0.3s;}
.customized-type .ico{ width: 30px; height: 30px; display: block; margin: 60px auto 8px; position: relative; -webkit-transition:all .42s cubic-bezier(.4,0,.2,1); transition:all .42s cubic-bezier(.4,0,.2,1);}
.customized-type .ico i{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; position: absolute;left: 0; top: 0;}
.customized-type .ico .i2{ display: none;}
.customized-type .bot{ width: 22px; height: 1px; display: block; margin: 20px auto; background-color: #fff;}
.customized-type .c{ width: 76%; margin: 0px auto; text-align: center; font-size: 12px; opacity: 0; visibility:hidden\9; transform:translateY(20px); -webkit-transform:translateY(20px); -webkit-transition:all .42s cubic-bezier(.4,0,.2,1); transition:all .42s cubic-bezier(.4,0,.2,1);}
.customized-img{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); padding: 160px 0px;}
.customized-imgbox a:link, .customized-imgbox a:visited { color: #fff;}
.customized-imgbox a:active,.customized-imgbox a:hover { color: #fff;}  
.customized-imgbox{ background: url(../images/y_90.png) repeat;  background: none rgba(173,129,80,0.9); width: 600px; padding: 40px 80px 25px; margin: 0px auto; color: #fff;}
.cus-fh{ font-size: 72px; font-family: "Bell MT"; line-height: 0.5;}
.cus-fh2{ padding-top: 20px; text-align: right;}
.customized-list dd{ float: left; display: block; position: relative; margin-bottom: 75px;}
.customized-list figure{ position: relative; overflow: hidden;}
.customized-list figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.customized-list .con{ padding: 25px; position: absolute; right: -25%; bottom: -5%; background-color: #fff; width: 70%; font-size: 12px; color: #636363; z-index: 10;}
.customized-list h4{ font-size: 16px; line-height: 1.5; margin-bottom: 15px; color: #0f0f0f;}
.customized-list .item1,.customized-list .item3{ width: 51%;}
.customized-list .item1 figure,.customized-list .item3 figure{ padding-bottom: 59%;}
.customized-list .item2{ float: right; width: 31%;}
.customized-list .item2 figure{ padding-bottom: 130%;}
.customized-list .item2 .con{ right: 0; }
.customized-list .item3{ margin-left: 15%;}
.reveal,.reveal img{ -webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 1.5s cubic-bezier(.35,0,0,1);transition:transform 1.5s cubic-bezier(.35,0,0,1);will-change:transform}
.reveal{overflow:hidden; -webkit-transform:translateY(100%); -ms-transform:translateY(100%);transform:translateY(100%); }
.action.reveal,.action.reveal img{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} 
/*customized style end*/
/*cube style*/
.cubePageT{ position: relative; z-index: 4; margin-bottom: 0;}
.cube-page1,.cube-page2{ margin-bottom: 70px;}
.cube-page1 .img{ float:right; display: block; width: 43%; position: relative; margin-right: 9%;}
.cube-page1 .img img{ position: relative; z-index: 1; width: 100%; display: block;}
.cube-page1 .bg1{ position: absolute; left: -50%; top: 5%; width: 70%; height: 60%; background-color: #f0f0f0;}
.cube-page1 .bg2{ background-color: #f0f0f0; position: absolute; right: -21%; top: 40%; height: 35%; width: 50%;}
.cube-page1 .con{ position: relative; width: 37%; float: left; margin-top: 20%;}
.cube-page2 .img{ float: left; display: block; width: 43%; position: relative; margin-top: -5%;}
.cube-page2 .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.cube-page2 .bg1{ background-color: #f0f0f0; position: absolute; right: -30%; top: 70%; height:90%; width: 70%;}
.cube-page2 .con{ margin:28% 0 0 8%; width: 40%; float: left; display: block; position: relative;}
.cube-page-demo{ padding-bottom: 100px;}
.bgf0{ background-color: #f0f0f0;}
.cube-demo{ position: relative;}
.cube-demo .bgf0{ position: absolute; left: 0; top: 0; width: 50%; height: 100%;}
.cube-img-demo{  position: relative;}
.cube-img-demo .img{ width: 50%; padding-bottom: 63%; position: relative; margin-left: 50%; display: block; overflow: hidden;}
.cube-img-demo .img img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.cube-img-demo .con{ width: 38%; position: absolute; left: 0; top: 0; height: 100%;}
.cube-img-demo .con h4{ font-size: 20px; line-height: 1.5; margin-bottom: 30px; color: #282828;}
.cube-arrow{ position: absolute; top: 50%; margin-top: -30px; width: 58px; height: 58px; line-height: 58px; border: 1px solid #a48e75; z-index: 400; color: #fff; text-align: center; color: #000000;}
.cube-left{ left: 2%; background-color: #f0f0f0;}
.cube-right{ right: -114px; background-color: #fff;}
.cube-arrow:hover{ background-color: #a48e75; color: #fff;}
.bgdeb685{ background-color: #FC2233;}
.cube-form a:link, .cube-form a:visited { color: #2c2422;}
.cube-form a:active,.cube-form a:hover { color: #fff;}  
.cube-form{ color: #2c2422;}
.cube-form .title{ font-size: 30px; margin-bottom: 30px; line-height: 1.5;}
.cube-form-box{ margin-bottom: 25px; padding-right: 148px; position: relative;}
.cube-form-box li{ float: left; width: 31.33%; margin-right: 2%;}
.cube-form-box .ctxt{ display: block; background-color: #fff; border:1px solid #fff; padding: 18.5px 5%; line-height: 1.8; font-size: 12px; font-family: "Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif; width: 90%; color: #2c2422;}
.cube-form-box .cbtn{ background-color: #2d2523; position: absolute; right: 0; top: 0; width: 148px; height: 60px; line-height: 60px; display: block; color: #fff; text-align: center; border: 0px none; cursor: pointer;}
.cube-form-box .cbtn:hover{ background-color: #444444;}
.cube-form-box input[type="text"]:focus, .cube-form-box textarea:focus { border-color: #444;}
.cube-form .ts{ font-size: 12px; font-style: italic;}
/*cube style end*/
/*solution style*/
.solution-list li{ position: relative; overflow: hidden; border: 1px solid #dad9d9; margin-top: 25px; cursor: pointer;}
.solution-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.solution-list li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}
.solution-list .img .black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.solution-list .con{ color: #666666; width: 40%; height: 100%; position: absolute;  top: 0%;}
.solution-list .con .time{ color: #FC2233; font-size: 16px; font-family: "Bell MT"; font-style: italic; margin-bottom: 22px;}
.solution-list .con h4{ font-size: 14px; max-height: 42px; overflow: hidden; color: #3d3d3d; line-height: 1.5; margin-bottom: 15px;}
.solution-list .con .c{ color: #878787; font-size: 12px; height: 84px; overflow: hidden; margin-bottom: 75px;}
.solution-list .bor{ position: absolute; top: 0; left: 0; width: 50%; height: 100%;}
.btn-more2{ width:104px; height: 52px; line-height: 52px; border: 1px solid #b6b6b6; display: block; position: relative; z-index: 1; cursor: pointer;}
.btn-more2:before{ content:""; width:100%; height:100%; background-color:#FC2233; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btn-more2 .txt{ position: absolute; left:20%; color: #242424; font-family: "Bell MT"; font-style: italic; width: 200%;}
.btn-more2:hover:before,.solution-list li:hover .btn-more2:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.btn-more2:hover,.solution-list li:hover .btn-more2{ border-color: #FC2233;}
.solution-list .oneItem .con{ left: 55%;}
.solution-list .twoItem .img{ margin-left: 50%;}
.solution-list .twoItem .con{ left: 5%;}
.solution-list li:hover h4{ color: #FC2233;}
.solution-list li:hover img{ transform: inherit; -webkit-transform: inherit;}
.solution-list li:hover .black-20{ opacity: 1; visibility: visible;}
/*solution style end*/
/*service style*/
.f20{ font-size: 20px; line-height: 1.5; margin-bottom: 20px; color: #444;}
.serviceList dd{ padding: 86px 0px; border-top: 1px solid #d7d7d7;}
.serviceList .img{ float: left; display: block; width: 55%;}
.serviceList .img img{ width: 100%; display: block;}
.serviceList .con{ float: right; display: block; width: 32%; padding-top: 16px;}
.serviceList .oneItem .img{ float: right;}
.serviceList .oneItem .con{ float: left;}
.problem-list{ margin-top: 30px; border-top: 1px solid #d8d8d8;}
.problem-list li{ border-bottom: 1px solid #d8d8d8;}
.problem-list .title{ padding: 28px 60px 28px 40px; color: #5b5b5b; cursor: pointer; position: relative; font-size: 16px; line-height: 1.2; transition:0.3s; -webkit-transition:0.3s;}
.problem-list .qbox{ position: absolute; left: 0; top: 24px; font-size: 22px; line-height: 1.2; font-weight: bold; }
.problem-list .qbox-ico{ width: 18px; height: 18px; position: absolute; right: 15px; top: 34px;}
.qbox-ico i{ position: absolute; background-color: #5d5d5d;}
.qbox-ico .i1{ width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px;}
.qbox-ico .i2{ height: 100%; width: 2px; left: 50%; top: 0%; margin-left: -1px; transition:400ms;-webkit-transition:400ms;}
.problem-list .con{ position: relative; padding: 0px 60px 30px 40px;}
.problem-list .Abox{ position: absolute; left: 0; top: 3px; font-size: 22px; line-height: 1.2; font-weight: bold;}
.abox-ico{ background: url(../images/a_ico.png) no-repeat scroll center center; width: 19px; height: 19px; position: absolute; right: 20px; bottom: 45px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms;}
.abox-ico:hover {transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.problem-list li:hover .title{ color: #fc2233;}
.problem-list .active .qbox-ico .i2{transform:translateY(10px);-webkit-transform:translateY(10px); opacity: 0; visibility: hidden\9;}
/*service style end*/
/*service2 style end*/
.downloadList a:link, .downloadList a:visited { color: #636363;}
.downloadList a:active,.downloadList a:hover { color: #636363;} 
.downloadList dd{ margin-bottom: 6px; border: 1px solid #f5f5f5; position: relative; background-color: #fff;}
.downloadList .t{ display: block; padding: 30px 122px 30px 74px; background-color: #fff; font-size: 16px; line-height: 1.5; background: url(../images/pdf.png) no-repeat scroll 30px 28px;}
.downloadList .downBtn{ width: 90px; height: 100%; position: absolute; right: 0; top: 0; background-color: #c3c3c3; display: block; text-align: center; font-size: 12px;}
.downloadList .pdf{ background: url(../images/pdf.png) no-repeat; width: 26px; height: 26px; display: block; margin: 22px auto 5px;}
.downloadList .t:hover{ background-color: #FC2233;}
.downloadList .downBtn:hover .pdf{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.pageT2{ margin-bottom: 40px;}
.service-type{ padding: 110px 0px; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.4);}
.service-type-list li{ float: left; display: block; width: 33.33%;}
.service-titem{ width: 196px; height: 196px; border: 2px solid #fff; border-radius: 50%; display: block; margin: 0px auto; text-align: center; color: #fff; font-size: 16px; position: relative;transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 1;}
.service-titem i{ width: 66px; height: 66px; display: block; margin: 48px auto 12px;}
.service-titem .bot{ background: url(../images/line.png) no-repeat scroll center top; width: 5px; height: 0px; position: absolute; left: 50%; margin-left: -2px; top: 107%;  -webkit-transition: 0.3s linear; transition: 0.3s linear;}
.service-titem:before{ content: ""; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #d6aa76; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; filter: alpha(opacity=0); transition: 400ms; -webkit-transition: 400ms; }
.service-titem:hover{ transform: translateY(-25px); -webkit-transform: translateY(-25px);border-color: #d6aa76;}
.service-titem:hover .bot{ height: 55px;}
.service-titem:hover:before{ opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1.02); transform: scale(1.02);}
.btn360{ color: #FC2233; background: url(../images/360.png) no-repeat scroll left center; padding:15px 0px 15px 70px;}
.box360 .pageC{ margin-bottom: 70px;}
.box360 .img{ float: right; display: block; width: 48%; position: relative;}
.box360 .img .bgf0{ position: absolute; right: -5%; top: -5%; width: 88%; height: 80%;}
.box360 .img img{ width: 100%; display: block; position: relative; z-index: 1;}
.box360 .con{ float: left; display: block; width: 34%; margin-top: 5%;}
/*service2 style end*/
/*dotQuery style*/
.map-box,.query-r{ float: left; display: block; height: 530px;}
.map-box{ width: 62%;}
.query-r{ width: 38%; position: relative; z-index: 1;}
.query-r:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid #cecece; display: block; z-index: -1;}
.act-add{ background-color: #FC2233; padding: 0px 40px; height: 70px; line-height: 70px; overflow: hidden; color: #fff; font-size: 16px;}
.query-t{ padding:32px 10px 32px 40px; line-height: 40px;}
.c-selicts{ float: left;  box-sizing: border-box; width: 32%; height: 40px; color: #444; font-size: 12px; border: 1px solid #cecece; background: url(../images/link_select_ico3.png) 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none;  margin-left: 10px; padding: 0px 10px;} 
.BMap_bubble_content{ font-size: 14px; color: #a1a1a1;}
.BMap_bubble_content .title{ color: #444;}
.dealer-list{ position: relative; margin: 0px auto; height: 302px; overflow: hidden;}
.dealer-list .mCSB_scrollTools{ right: 6px;}
.dealer-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ border-radius: 0; width: 5px; background-color: #ccc;}
.dealer-list .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; border-radius: 0; background-color: #ececec;}
.map-item{ border-bottom: 1px solid #d6d6d6; padding: 20px 0; margin: 0px 15px; cursor: pointer;}
.map-item .t{ color: #FC2233;}
.map-item .c{ font-size: 16px; line-height: 1.5; padding: 5px 0 15px;}
.map-item .btn a{ display: inline-block; float: left; margin-right: 8px; height: 32px; line-height: 32px; width: 106px; text-align: center; background-color: #FC2233; color: #fff; border-radius: 5px;}
.map-item .btn a:hover{ background-color: #A48E75;}
.shopbanner a:link, .shopbanner a:visited { color: #fff; }
.shopbanner a:active, .shopbanner a:hover { color: #fff; }
.shopbanner { position: relative; overflow: hidden; width: 100%; margin: 0px auto; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.shopbanner.slick-initialized {visibility: visible;opacity: 1;    }
.shopbanner .item { position: relative; width: 100%; overflow: hidden;}
.shopbanner .item img{ width: 100%; display: block;}
.shopbanner .slick-dots { bottom: 3%; z-index: 104;}
.shopbanner .slick-dots li { position: relative; display: inline-block; padding: 0px 5px; width: 12px; height: 12px; margin: 0px; cursor: pointer;}
.shopbanner .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 8px; height: 8px; margin: 0px auto; border: 2px solid rgba(0,0,0,0); background: none #fff; }
.shopbanner .slick-dots li a:focus { outline: none; }
.shopbanner .slick-dots li.slick-active a { border-color: #fff; background:none transparent; }
.buy-type{background-color: #f6f6f6; position: relative;}
.buy-type-list .item{ float: left; display: block; width: 50%; padding: 15px 0;}
.buy-type-list .line{ width: 2px; height: 100%; position: absolute; left: 50%; margin-left: -1px; top: 0; background-color: #cdcdcd;}
.bgf6{ background-color: #f6f6f6;}
.pageT3{ text-align: center; color: #6e6e6e; margin-bottom: 55px;}
.pageT3 .zh{ font-size: 35px; line-height: 1.5; margin-bottom: 5px;}
.pageT3 .en{ font-size: 16px; line-height: 1.5;}
.buy-list li{ float: left; display: block; width: 24.5%; margin:0 0 0.5% 0.5%; position: relative;} 
.buy-list li.oneItem{ width: 50%; margin-left: 0;}
.buy-list figure{ position: relative; padding-bottom: 78%; overflow: hidden;}
.buy-list figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.buy-list .black-50{ opacity: 0; visibility: hidden\9; transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.buy-list .oneItem figure{ padding-bottom: 77.5%;}
.buy-list .con{ position: absolute; left: 5%; top: 0; width: 90%; height: 100%; display: block; text-align: center; color: #fff; opacity: 0; visibility: hidden\9; transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.buy-list .bot{ width: 98px; height: 1px; margin: 8px auto; background-color: #fff; display: block;}
.buy-list .btn-item{ width: 90%; margin: 0px auto;}
.buy-list .buybtn{ height: 36px; line-height: 36px; width: 49%; background-color: #fff; float: left; margin-top: 7%; color: #777777;}
.buy-list .buybtn.r{ float: right;}
.buy-list .buybtn:hover{ background-color: #cc0000; color: #fff;}
.buy-list .oneItem .btn-item{ width: 262px; }
.buy-list .oneItem .buybtn{ margin-top: 10%; height: 40px; line-height: 40px;}
.buy-list li:hover .black-50,.buy-list li:hover .con{ opacity: 1; visibility: visible\9;}
/*dotQuery style end*/
/*join style*/
.pageTc .zh{ color: #393939;}
.pageTc .en{ color: #636363;}
#joinPage1{ width: 1000px; margin: 0px auto;}
.advantages-nav{ background: url(../images/bot1.jpg) repeat-x scroll left center;}
.advantages-nav .item{ padding-bottom: 20px;}
.advantages-nav .y{ position: absolute; right: 0; top: 50%; width: 14px; height: 14px; border: 2px solid #fff; background-color: #f0f0f0; border-radius: 50%; margin-right: -7px; margin-top: -10px;}
.advantages-nav .box{ width: 114px; height: 114px; text-align: center; line-height: 114px; margin: 0px auto; background-color: #f0f0f0; border-radius: 50%; -webkit-transition:all .3s; transition:all .3s; font-size: 16px; color: #444; position: relative; cursor: pointer;}
.advantages-nav .box i{ position: absolute; left: 50%; margin-left: -16px; bottom: -20px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #f0f0f0; opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; }
.advantages-nav .slick-current .box{ background-color: #FC2233; color: #fff; }
.advantages-nav .slick-current .box i { opacity: 1; visibility: visible; }
.advantages-nav .slick-arrow { position: absolute; top:50%; background-color: #FC2233; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; z-index: 106; margin-top: -11px; text-align: center;}
.advantages-nav .slick-prev{ left: 0px;}
.advantages-nav .slick-next{ right: 0px;}
.advantages-nav .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:14px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #fff;}
.advantages-nav .slick-prev i:before{ content: "\e60d";}
.advantages-nav .slick-next i:before{ content: "\e60e";}
.advantages-nav .slick-arrow:hover{ background-color: #444;}
.advantages-for .item{ background-color: #f0f0f0; padding: 50px 45px; font-size: 12px;}
.advantages-list li{ float: left; display: inline-block; width: 16.66%; margin-bottom: 20px;}
.advantages-list .name{ width: 114px; height: 114px; text-align: center; line-height: 114px; margin: 0px auto; background-color: #f0f0f0; border-radius: 50%; -webkit-transition:all .3s; transition:all .3s; font-size: 16px; color: #444; position: relative;}
.advantages-list .name:hover{ background-color: #FC2233; color: #fff;}
#joinPage2{ background-color: #2c2422; color: #fff;}
#joinPage2 .inner,#joinPage4 .inner{ position: relative;}
.joining-c{ width: 50%; float: left; display: block;}
.joining-img{ float: right;  width: 45%; }
.joining-img img{ width: 100%; display: block;}
.pageline{ position: absolute; left: 0; top: 0; width: 1px; height: 60px; background-color: #FC2233;}
.process-list{ margin-left: -1%;}
.process-list li{ float: left; display: block; width: 24%; margin:0 0 22px 1%;}
.process-list .item{ border: 1px solid #a1a1a1; padding: 0px 15px;  height: 56px; line-height: 56px; overflow: hidden; transition: 0.3s ; -webkit-transition: 0.3s; cursor: pointer;}
.process-list .num{ font-size: 30px; line-height: 1.5; color: #a48e75; font-family: "Bell MT"; margin-right: 8px;}
.process-list li:hover .item{ background-color: #FC2233; border-color: #FC2233; color: #fff;}
.process-list li:hover .num{ color: #fff;}
.md-content{background-color:#fff; margin:50px auto; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.md-show, .md-show body { overflow-y: hidden;}
.md-show .md-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible;}
.md-hide .md-content{ transform:translateX(-100px); -webkit-transform:translateX(-100px);}
.md-show.md-modal{ opacity:1;visibility:visible; }
.md-modal{ position:fixed; left:0; top:0; overflow-y:auto; right:0px; bottom:0; z-index:10003; opacity:0;visibility:hidden; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-overflow-scrolling:touch;}
.form-box-close { z-index: 99;background-color: #FC2233; width: 46px;height: 46px; line-height: 46px; position: absolute; right: -65px;top: -5px; cursor: pointer;  transition: 300ms; -webkit-transition: 300ms;}
.form-box-close i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 46px; text-align: center; color: #fff; transition: 300ms; -webkit-transition: 300ms;}
.form-box-close:hover { background-color: #444444;}
.form-box-close:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.processPage { width:670px; padding: 40px 54px 60px; border-top: 5px solid #FC2233;}
.processPage .title{ font-size: 24px; line-height: 1.2; padding-bottom: 25px; border-bottom: 1px solid #FC2233; color: #323232;}
.processPage .pageC{ color: #666666; padding-top: 60px;}
.process-box-txt{ padding-bottom:35px; color:#222;}
#joinPage5 { background-size: cover; }
.onlie-join{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); padding: 130px 0px;}
.onlie-join-btn{ background: url(../images/w80.png) repeat; background:none rgba(255,255,255,0.8); width: 138px; height: 112px; border-radius: 50%; margin: 0px auto; display: block; text-align: center; color: #444; font-size: 16px; padding-top: 26px;}
.onlie-join-btn .ico{ width: 46px; height: 46px; background-size: 100% auto; background-repeat: no-repeat; display: block; margin:0px auto 5px;}
.onlie-join-btn:hover{ background: none #FC2233;color: #fff;}
.cdeb685{ color: #FC2233;}
.ijoinpage .title,.idownpage .title{ margin-bottom: 30px;}
.jointab{ width: 100%; border: 0 none;}
.jointab td{ padding-bottom: 25px;}
.jointab .name{ width: 76px;}
.jointab .jtxt{ border: 1px solid #cfcfcf; display: block; padding: 10px 5%; width: 90%;}
.jointab .jtxt2{ width: 80%;}
.jointab .jtxt3{ width: 30%;}
.jointab .item{ float: left; display: inline-block; width: 32%; margin-right: 2%;}
.jointab .itemmr{ margin-right: 0;}
.j-selicts{ box-sizing: border-box; width: 100%; height: 40px; color: #444; font-size: 12px; border: 1px solid #cfcfcf; background: url(../images/link_select_ico3.png) 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none; padding: 0px 10px;} 
.jointab .sbtn{ width: 156px; height: 46px; line-height: 46px; background-color: #FC2233; font-size: 16px; font-weight: bold; color: #fff; border: 0px none; cursor: pointer;}
.jointab .sbtn:hover{ background-color: #fc2233;}
.idownpage{ width: 500px;}
.yppage .j-selicts2{ width: 300px;}
.yppage .jtxt{ box-sizing: border-box; padding: 10px 15px;}
.yppage .jtxt3{ width: 300px;}
.yppage .item{ width: 96px; margin-right: 6px;}
.yppage .jtxt4{ height: 110px;resize: none; width: 100%;}
/*join style end*/
/*about style*/
.btn-video{ border: 2px solid #fff; width: 126px; height: 34px; line-height: 34px; display: block; position: absolute; right: 0%; bottom: 5%; text-align: center;}
.btn-video span{ padding-right: 38px; position: relative; z-index: 2;}
.btn-video i{ border-top: 4px solid transparent; border-bottom: 4px solid transparent; display: block; border-left: 6px solid #fff; position: absolute; right: 0%; top: 50%; margin-top: -4px;}
.btn-video:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FC2233;transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btn-video:hover{border-color: #FC2233;}
.btn-video:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.load-img2{ visibility: hidden;}
.banner-video{ object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
#aboutPage .con{ width: 50%; float: left; display: block;}
#aboutPage .img{ float: right; display: block; width: 44.5%; position: relative;}
#aboutPage .img .bgf0{ width: 70%; height: 70%; top: -5%; right: -5%; position: absolute;}
#aboutPage .img img{ width: 100%; display: block; position: relative; z-index: 1;}
#corePage{ background-color: #010202;}
#corePage .pageT{ color: #fff;}
#corePage .pageT .en{ opacity: 0.5; filter:alpha(Opacity=50);}
.advantage-demo{ width: 1220px; margin: 0px auto; padding-bottom: 86px;}
.advantage-demo .slick-list{ height: 352px; overflow: hidden;}
.advantage-demo .item{ padding: 0px 10px; float: left; display: block;}
.advantage-demo .con{ background-color: #fff; padding:10px 12px; text-align: center; height: 342px; line-height: 1.5;}
.advantage-demo figure{ position: relative; width: 100%; overflow: hidden; padding-bottom: 68%;margin-bottom: 20px;}
.advantage-demo figure img{ position: absolute; left: 0; top: 0; width: 100%; display: block;}
.advantage-demo h3{ font-weight: normal; font-size: 24px; color: #FC2233;}
.advantage-demo .en{ font-size: 18px; font-family: "Bell MT"; color: #FC2233; text-transform: uppercase;}
.advantage-demo .bot{ width: 18px; height: 2px; display: block; margin: 8px auto 14px; background-color: #000;}
.advantage-demo .slick-dots{ font-size:0; text-align:center; position:absolute; left:0; right:0; bottom:5%; z-index:99; }
.advantage-demo .slick-dots li{ width:10px; height:10px; background:#fff; border-radius:5px; margin:0 7px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; transition: 300ms; -webkit-transition: 300ms;  }
.advantage-demo .slick-dots li a{ display:block; width:100%; height:100%; }
.advantage-demo .slick-dots li.slick-active,.advantage-demo .slick-dots li:hover{ background:#FC2233;}
.advantage-demo .slick-dots li.slick-active{ width: 40px;}
.advantage-demo .slick-arrow{ width: 34px; height: 34px; line-height: 34px; border-radius: 50%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -17px; z-index: 100; color: #fff; background-color: #a4a4a2; display: none !important;}
.advantage-demo .slick-prev{ left: 0;}
.advantage-demo .slick-next{ right: 0;}
.advantage-demo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.advantage-demo .slick-prev i:before{ content: "\e60d";}
.advantage-demo .slick-next i:before{ content: "\e60e";}
.advantage-demo .slick-arrow:hover { background-color: #fff;}
.advantage-demo .slick-arrow:hover i{ color: #ba956c;}
#historyPage{ padding-bottom: 0px;}
.brand-T{ text-align: center; font-size: 16px; padding-bottom: 18px;}
.brand-history{ position: relative; padding: 100px 0px 130px;}
.brand-line{ height: 100%; width: 1px; background-color: #bababa; position: absolute; left: 50%; top: 0;}
.brand-top{ width: 10px; height: 10px; display: block; border-radius: 50%; border: 4px solid #e7d3ba; position: absolute; left: 50%; top: 0px; margin-left: -9px; background-color: #FC2233;}
.brand-historylist dd{ margin-bottom: 45px; border-bottom: 1px solid #bababa; padding-bottom: 11px; width: 70%;}
.brand-historylist .oneItem{ margin-left: 30%;}
.brand-historylist .year{ float: right; display: inline-block; font-size: 50px; line-height: 1.5; color: #FC2233;}
.brand-historylist .oneItem .year{ float: left; width: 274px;}
.brand-historylist .img{ float: left; display: inline-block; width: 108px; height: 108px; margin: 0px 17.5% 0 12%; border-radius: 50%; border: 2px solid #fff;}
.brand-historylist .img img{ width: 100%; height: 100%; display: block;}
.brand-historylist .oneItem .img{ float: right; margin: 0 6% 0 0;}
.brand-historylist .pageC{ float: left; display: inline-block; width: 214px;}
/*about style end*/
/*videoList style*/
.video-list{ margin-left: -1%;}
.video-list dd{ float: left; display: block; margin: 0px 0px 40px 1%; width: 24%; cursor: pointer; transition:0.3s; -webkit-transition:0.3s;}
.video-list .img{ overflow: hidden; position: relative;}
.video-list .img img{ width: 100%; display: block; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.video-list .item{ position: relative; overflow: hidden;}
.video-list .black-50{ transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.video-list .vico{ border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-left: 10px solid #fff; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px;}
.video-list .t{ padding:16px 5%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #f0f0f0;  line-height: 1.5; position: relative; z-index: 1;}
.video-list .t:before{  content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #FCF1E2; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.video-list dd:hover .img img{ transform:scale(1.06); -webkit-transform:scale(1.06);}
.video-list dd:hover .t:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
.video-list dd:hover .vico{ border-left-color: #fc2233;}
.video-list dd:hover .black-50{opacity: 0; visibility: hidden\9; }
/*videoList style end*/
/*news style*/
.pbanner2{ padding: 115px 0px; text-align: center; background-size: cover;}
.pbanner2 .en{ font-size: 35px; line-height: 1.2; color: #fff; font-family: "Bell MT";}
.new-content{ width: 90%; max-width: 1600px; margin: 0px auto;}
.new-content .grid-sizer { width: 32%; float: left; }
.new-content .gutter-sizer { width: 2%; }
.new-content .news-item { float: left; display: block; width: 32%; margin: 0 0 32px 0px; position: relative;  border: 1px solid #b6b6b6; cursor: pointer;}
.news-item .img{ position: relative; padding-bottom: 65%; overflow: hidden;}
.news-item .img img{ width: 100%; display: block; position: absolute; left: 0; top:0px;  transition:  0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition:  0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
.news-item .con{ padding: 22px 25px 16px;}
.news-item .con .time{ color: #FC2233; font-size: 16px; font-family: "Bell MT"; font-style: italic; margin-bottom: 22px;}
.news-item .con h4{ font-size: 14px; max-height: 42px; overflow: hidden; color: #3d3d3d; line-height: 1.5; margin-bottom: 15px;}
.news-item .con .c{ color: #878787; font-size: 12px; height: 42px; overflow: hidden; margin-bottom: 65px;}
.news-item:hover img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.news-item:hover .black-20{ opacity: 1; visibility: visible;}
.news-item:hover .btn-more2:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.news-item:hover .btn-more2{ border-color: #FC2233;}
.news-item:hover{ border-color: #FC2233;}
.infoPage{ width: 918px; margin: 0px auto; padding: 40px 60px; background-color: #fff;}
.infoPage .title{ border-bottom: 1px solid #cccccc; padding-bottom: 28px; margin-bottom: 50px;}
.infoPage .form-box-close{ background-color: transparent; position: fixed; right: 2%; top: 0;}
.infoPage .form-box-close i{ font-weight: bold; font-size: 24px;}
.info-pading{ position: fixed; top: 50%; margin-top: -45px; width: 64px; color: #fff;}
.info-prev{ left: 1%;}
.info-next{ right: 2%; text-align: right;}
.info-pading i{ position: relative; width: 100%; height: 64px; line-height: 64px; text-align: center; color: #6c6c6c; display: block; background-color: #fff; margin-top: 4px; font-size: 22px;}
.info-pading:hover i{ background-color: #FC2233; color: #fff;}
/*news style end*/
/*case style*/
.scheme-type{ text-align: center; padding-bottom: 50px;}
.scheme-type li{  display: inline-block; *display: inline; *zoom: 1; width: 140px; margin: 0px 40px; font-size: 18px; line-height: 1.5;}
.scheme-type .ico{ width: 56px; height: 56px; position: relative; display: block; margin: 0px auto 12px; cursor: pointer;}
.scheme-type .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.scheme-type .ico i.i2{ display: none;}
.scheme-type li.active{ color: #FC2233;}
.scheme-type li.active .ico{  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
.scheme-type li.active .ico i.i1{ display: none;}
.scheme-type li.active .ico i.i2{ display: block;}
.scheme-box .scheme-demo{ height: 0; overflow: hidden; position: relative;}
.scheme-box.active .scheme-demo{ height: auto;}
.scheme-demo .slick-arrow{ width: 62px; height:62px; display: block; position: absolute; top: 50%; margin-top: -31px; z-index: 100; background-color: #636363; border: 1px solid #636363;  color: #fff;}
.scheme-demo .slick-prev{ left: 0px;}
.scheme-demo .slick-next{ right: 0px;}
.scheme-demo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:14px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; width: 100%; height: 100%; line-height: 62px; line-height: 62px; text-align: center;}
.scheme-demo .slick-prev i:before{ content: "\e60d";}
.scheme-demo .slick-next i:before{ content: "\e60e";}
.scheme-demo .slick-arrow:hover{ background-color: #fff; border-color: #FC2233; color: #FC2233;}
.scheme-demo .item img{ width: 100%; display: block;}
.partnerList li{ float: left; display: block; width: 23%; margin: 0px 1% 50px;}
.partnerList a{ display: block; border: 1px solid #cdcdcd;}
.partnerList a:hover{ border-color: #FC2233;}
.partnerList img{ width: 100%; display: block;}
.company-nav a{ float: left; display: block; position: relative; padding-right: 50px; margin-right: 50px; padding-bottom: 5px; font-size: 16px;}
.company-nav a:link, .company-nav a:visited { color: #666; }
.company-nav a:active, .company-nav a:hover { color: #FC2233; }
.company-nav a:before{ content:""; width:100%; height:2px; background-color:#FC2233; position:absolute; left:0; bottom:-2px; 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; }
.company-nav a:hover:before,.company-nav a.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.company-list{ padding-top: 30px;}
.newItem{ position: relative; padding: 54px 0px 40px; border-bottom: 1px solid #e5e5e5; cursor: pointer;}
.newItem .tiemBox{ position: absolute; right: 0; top: 54px; text-align: center; background-color: #d8d8d8; padding: 15px 18px 12px; color: #fff; font-family: arial, helvetica, sans-serif;  transition:0.43s; -webkit-transition:0.43s;font-family: "Bell MT";}
.tiemBox .day{ font-size: 45px; line-height: 1.2; display: block; border-bottom: 1px solid #fff; padding-bottom: 5px; margin-bottom: 4px;}
.tiemBox .time{ font-size: 12px;}
.newItem .img{ overflow: hidden; float: left; display: block; width: 272px; margin-right: 30px;}
.newItem .img img{ width: 100%; display: block; transition: all 0.6s 0s; -webkit-transition: all 0.6s  0s;}
.newItem .con{ float: left; width: 588px;}
.newItem .con h4{ font-size: 14px; color: #3d3d3d; line-height: 1.4; margin-bottom: 15px;}
.newItem .con .c{ color: #646464; height: 63px; font-size: 12px; overflow: hidden; margin-bottom: 38px;}
.company-list .one .con{ width: 740px;}
.company-list .ilink{ z-index: 4;}
.company-list dd{ position: relative; z-index: 1;}
.company-list dd:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #f4f4f4; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.company-list dd:hover:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
.company-list dd:hover:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
.company-list dd:hover .newItem{ border-bottom-color: #f5f0ed;}
.company-list dd:hover .tiemBox{ background-color: #FC2233;}
.company-list dd:hover .more{ color: #FC2233; border-color: #FC2233;}
.company-list dd:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.company-list dd:hover .btn-more2:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.company-list dd:hover .btn-more2{ border-color: #FC2233;}
/*case style end*/
/*investor style*/
.investorPage{ position: relative;}
.investorPage .bgf0{ width: 50%; position: absolute; right: 0; top: 0; height: 100%; display: block;}
.investorleft{ width: 42%; float: left; display: block;}
.investorleft .t { font-size: 36px; margin-bottom: 8px; line-height: 1.2; color: #FC2233;}
.investorleft .t .num{ font-family: "Bell MT"; padding-left: 10px; color: #FC2233;}
.zhangdie { font-size: 60px; font-family: "Bell MT"; line-height: 1.2; margin-bottom: 20px; color: #FC2233;}
.zhangdie .ico { font-size: 30px; padding: 0px 26px 0px 18px; text-transform: uppercase; color: #FC2233; background: url(../images/down2.png) no-repeat scroll right center; padding: 0px 26px 0px 18px; text-transform: uppercase; }
.zhangdie .ico.green { background: url(../images/down2.png) no-repeat scroll right center; }
.investorleft .list { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; width: 100%; padding: 12px 0px;  }
.investorleft .list li { float: left; display: block; font-size: 14px; width: 115px; }
.investorleft .c{ padding: 28px 0px 0; font-size: 12px;}
.investorright{ float: right; display: block; width: 45%; position: relative; z-index: 2;}
.informationPage{ background: url(../images/black_60.png) repeat; background: none rgba(0,0,0,0.7);}
.disclosure-list{ margin-left: -1%; padding:30px 0 40px;}
.disclosure-list li{ float: left; display: block; width: 24%; margin: 0px 0px 25px 1%;}
.disclosure-list .item{ background-color: #fff; padding: 96px 16px 22px; position: relative;}
.disclosure-list a:link, .disclosure-list a:visited { color: #636363; }
.disclosure-list a:active, .disclosure-list a:hover { color: #FC2233; }
.disclosure-list .time{ background-color: #2c2422; width: 68px; line-height: 1.4; text-align: center; color: #fff; font-family: "Bell MT";padding: 12px 0px; position: absolute; left: 0; top: 0; transition: all 0.3s 0s; -webkit-transition: all 0.3s  0s;}
.disclosure-list .time .day{ font-size: 30px; line-height: 1;}
.disclosure-list h3{ font-weight: normal; color: #8e8f8f; font-size: 14px; height: 50px; overflow: hidden; margin-bottom: 32px;}
.disclosure-list .more{ background: url(../images/pdf2.png) no-repeat scroll left center; padding:7px 0 7px 44px;}
.disclosure-list li:hover .time{ background-color: #FC2233;}
.disclosure-list li:hover .more{ background-image: url(../images/pdf3.png); color: #FC2233;}
.pageline2{ width: 1px; height: 58px; background-color: #FC2233; display: block; margin: 0px auto 28px;}
.companytab{ width: 100%; }
.companytab td{ border: 1px solid #e0e0e0; color: #636363; padding: 8px 3%;}
.companytab td.cr{ text-align: right;background-color: #f8f0e7;}
/*investor style end*/
/*hr2 style*/
.comp-c li{ float: left; display: block; width: 48%; padding-right: 2%;}
.comp-c li p{ margin-bottom: 5px;}
.introduction-box{ width: 740px; margin: 0px auto;}
.introduction-box h4{ font-size: 14px; color: #444; text-align: center; margin-bottom: 15px;}
.introduction-box .c{ color: #878787;}
.introduction-nav { text-align: center; padding-top: 6%;}
.introduction-nav .item{ cursor: pointer; width: 106px; height: 106px; position: relative; margin: 0px 25px; border: 2px solid #636363; border-radius: 50%; display: inline-block; *display: inline; *zoom: 1; transition: .3s cubic-bezier(.4,0,.2,1); transition: .3s cubic-bezier(.4,0,.2,1);}
.introduction-nav .ico{ width: 42px; height: 42px; position: relative; display: block; margin: 19px auto 7px;    font-size: 32px;
    line-height: 42px;}
.introduction-nav .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.introduction-nav .ico i.i2{ display: none;}
.introduction-nav .bot{ border-left: 4px solid transparent; border-right: 4px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-top: 4px solid #FC2233; position: absolute; left: 50%; margin-left: -2px; bottom: -10px; opacity: 0; visibility: hidden\9; transition: .3s cubic-bezier(.4,0,.2,1); transition: .3s cubic-bezier(.4,0,.2,1); transform: translateY(-12px); -webkit-transform: translateY(-12px);}
.introduction-nav .active.item,.introduction-nav .item:hover{ border-color: #FC2233; color: #fff; background-color: #FC2233;}
.introduction-nav .active.item .ico{  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;}
.introduction-nav .active.item  .txt{ color: #fff;}
.introduction-nav .active.item  .ico i.i1{ display: none;}
.introduction-nav .active.item  .ico i.i2{ display: block;}
.introduction-nav .active.item .bot{ opacity: 1; visibility: visible\9; transform: initial; -webkit-transform: inherit;}
.introduction-list{ margin-bottom: 3px;}
.introduction-list dt{ background-color: #f5f5f5; padding: 15px 88px 15px 35px; font-size: 12px; position: relative;}
.introduction-list dt h4{ font-size: 18px; line-height: 1.5; color: #444;}
.introduction-list .addico{ width: 22px; height: 22px; background-color: #d8d8d8; text-align: center; display: block; position: absolute; right: 46px; top: 32px; font-size: 18px; color: #fff;}
.introduction-list .addico i{ position: absolute; background-color: #fff; }
.introduction-list .addico i.i1{ width: 11px; height: 1px; top: 50%; left: 50%; margin-left: -5px;}
.introduction-list .addico i.i2{ height: 11px; width: 1px; left: 50%; top: 50%; margin-top: -5px;}
.introduction-list dd{ padding: 48px 35px; display: none;}
.introduction-list dt.active .addico{ background-color: #FC2233;}
.introduction-hr{ display: none;}
.introduction-hr.active{ display: block;}
.introduction-bot{ margin-top: 50px;}
.introduction-bot .l-bot{ float: left; display: inline-block; padding-top: 8px; font-size: 16px; color: #a1a1a1;}
.introduction-bot .l-bot a{color: #FC2233; position: relative; }
.introduction-bot .l-bot a:before { content: ""; position: absolute; left: 0; right: auto; width: 100%; height: 1px; background: #FC2233; bottom: 0; transition: 400ms; -webkit-transition: 400ms; }
.introduction-bot .l-bot a:hover:before { width: 0; right: 0; left: auto; }
.introduction-bot .r-bot{ float: right; display: inline-block; color: #a1a1a1;}
.introduction-bot .r-bot a{ margin-left: 15px;}
.btn-yp{ display: block; width: 126px; height: 44px; line-height: 44px; text-align: center; background-color: #FC2233; color: #fff; margin-top: 45px; }
.btn-yp:hover{ background-color: #fc2233;}
.bgeee{ background-color: #eee;}
.join-process li{ position: relative; float: left; display: block; width: 11%; padding: 0px 1.5%; text-align: center;}
.join-process li:before{ content: ""; position: absolute; left: -16px; top:35px; background: url(../images/jt1.png) no-repeat; width: 32px; height: 10px; display: block;}
.join-process li:first-child:before,.join-process li.item1:before{ display: none;}
.join-process .icon{ position: relative; border-radius: 50%; width: 88px; height: 88px; background-color: #b6b6b6; line-height: 88px; text-align: center; color: #fff; font-size: 28px; font-family:"Bell MT" ; display: block; margin: 0px auto 14px; z-index: 1;}
.join-process .icon:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; border-radius: 50%; background-color: #FC2233; -webkit-transition: 0.5s; transition: 0.5s; transform: scale(0.2); -webkit-transform: scale(0.2); opacity: 0; visibility: visible\9; z-index: -1;}
.join-process .txt{ color: #666666; line-height: 1.5;}
.join-process li:hover .icon:before{ transform: inherit; -webkit-transform: inherit; opacity: 1; visibility: visible\9;}
/*hr2 style end*/
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -240px;}
.no-t{ font-size: 29px; line-height: 1.5; margin-top: 35px;}
.no-t2{ font-size: 20px; font-family:arial, helvetica, sans-serif; margin-bottom: 50px;}
.no-c{ margin: 0px auto; text-align: center;}
.no-btn{ text-align: center; color: #666; padding-top: 12px;}
.no-btn a{ text-decoration: underline;}
.no-btn a:hover{ color: #fc2233;}
/*404 style end*/
/*prodcut2 style*/
.product-suit a:link, .product-suit a:visited { color: #fff; }
.product-suit a:active, .product-suit a:hover { color: #fff; }
.product-suit{ margin-left: -1%;}
.product-suit li{ float: left; display: block;width: 31.5%;height: 380px ;margin: 0 0 28px 1%; }
.product-suit figure{ position: relative; width: 100%; padding-bottom:0; position: relative; height: 380px;}
.product-suit figure img{ position: absolute; left: 0; top: 0; width: 100%; height: 380px;display: block;  transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.product-suit .con{ height: auto; top: auto; bottom: 0; width: 90%; padding: 10px 5%; line-height: 1.5; text-align: center; color: #fff;}
.product-suit li:hover figure img{ transform: scale(1.04); -webkit-transform: scale(1.04);}
.pro-suit-list .c{ height: 75px; margin-bottom: 5%; overflow: hidden;}
.info-pic-box{ position:relative; overflow: hidden;}
.info-bg{ position:absolute; top:0; bottom:0; background:url(../images/black_60.png); background: none rgba(0,0,0,0.7); z-index:99; width: 100%;}
.infocL{right:50%; margin-right: 509px;}
.infocR{left:50%; margin-left: 509px;}
.info-pic{ width:1018px; margin:0 auto;}
.info-pic .pic img{ width: 100%; display: block;}
.info-pic .slick-list{ overflow:visible; }
.info-pic .slick-dots{ font-size:0; text-align:center; position:absolute; left:0; right:0; bottom:5%; z-index:99; display: none !important;}
.info-pic .slick-dots li{ width:8px; height:8px; background:#fff; border-radius:100%; margin:0 4px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; transition: 300ms; -webkit-transition: 300ms;  }
.info-pic .slick-dots li a{ display:block; width:100%; height:100%; }
.info-pic .slick-dots li.slick-active,.info-pic .slick-dots li:hover{ background:#FC2233; }
.info-pic .slick-arrow{ width: 44px; height: 44px; line-height: 44px; border-radius: 50%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -22px; z-index: 100; color: #fff; background-color: #a4a4a2;}
.info-pic .slick-prev{ left: -62px;}
.info-pic .slick-next{ right: -62px;}
.info-pic .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:22px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.info-pic .slick-prev i:before{ content: "\e60d";}
.info-pic .slick-next i:before{ content: "\e60e";}
.info-pic .slick-arrow:hover { background-color: #fff;}
.info-pic .slick-arrow:hover i{ color: #ba956c;}
/*prodcut2 style end*/
/*team style*/
.team-search{ position: relative; width: 486px; padding-right: 54px; margin: 0px auto; border-bottom: 1px solid #7f7f7f; height: 54px;}
.team-search .txt{ width: 100%; border: 0px none; padding: 15px 0; height: 24px; line-height: 24px; margin: 0; color: #666; font-family: "Microsoft Yahei","微软雅黑";}
.team-search .btn{ color: #FC2233; font-size: 24px; width: 44px; position: absolute; right: 0; bottom: 0; text-align: center;}
.team-search .btn:hover{ background-color: #FC2233; color: #fff;}
.teamList a:link, .teamList a:visited { color: #666; }
.teamList a:active, .teamList a:hover { color: #FC2233; }
.teamList{ margin-left: -2%; padding-top: 50px;}
.teamList dd{ position: relative; float: left; display: block; width: 23%; margin-left: 2%; margin-top: 38px; background-color: #efefef; color: #666666;}
.teamList figure{ position: relative; padding-bottom: 100%; overflow: hidden;}
.teamList figure img{ width: 100%; position: absolute; left: 0; top: 0; display: block;}
.teamList .con{ padding: 22px;}
.teamList .t{ font-size: 18px; border-bottom: 1px solid #bfbfbf; height: 42px; line-height: 42px; margin-bottom: 22px; color: #161616; overflow: hidden;}
.teamList .desc{ height: 150px; overflow: hidden;}
.pro-type .pro-nav .active{color:#FC2233;}
.team-form-ul li{ float: left; display: block; width: 49%; margin-bottom: 15px;}
.team-form-ul .item1{ margin-right: 2%;}
.team-form-ul .team-txt{ border: 1px solid #cecece; background-color: transparent; display: block; width: 84%; padding: 10px 8%; height: 28px;line-height: 28px; border-radius: 5px;}
.team-selicts{ box-sizing: border-box; width: 100%; height: 50px; color: #bdbdbd; border: 1px solid #cecece; border-radius: 5px; background: url(../images/link_select_ico2.png) 94% center no-repeat #f6f6f6;  -webkit-appearance:none; appearance:none; -moz-appearance:none;   padding: 0px 20px;} 
.team-form-ul .active .team-txt{ border-color: #fc2233;}
.team-form-ul .active .team-selicts{ border-color: #fc2233; color: #444;}
.team-desc .img{ float: left; display: block; width:43% ;}
.team-desc .desc{ float: right; display: block; width: 50%; padding-top: 5%;}
.team-desc .desc h4{ font-size: 24px; color: #636363; padding:0 0 10px; border-bottom: 1px solid #cccccc;  line-height: 1.5; margin-bottom: 50px;}
.team-title{ font-size: 24px; font-weight: bold; color: #636363; margin-bottom: 25px;}
.team-box{ margin-top: 65px;}
.team-demo .item{ position: relative; overflow: hidden;}
.team-demo .txt{ position: absolute; left: 0; bottom: 0; width: 90%; padding: 15px 5%; text-align: center; color: #fff; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}
.team-demo .slick-arrow { position: absolute; top:50%; background-color: #fff; background-color: rgba(255,255,255,0.5); border-radius: 50%; width: 48px; height: 48px; line-height: 48px; z-index: 106; margin-top: -24px; text-align: center;}
.team-demo .slick-prev{ left: 1%;}
.team-demo .slick-next{ right: 1%;}
.team-demo .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: #2c2422;}
.team-demo .slick-prev i:before{ content: "\e60d";}
.team-demo .slick-next i:before{ content: "\e60e";}
.team-demo .slick-arrow:hover{ background-color: #fff;}
.team-demo .slick-arrow:hover i{ color: #FC2233;}

/*team style end*/
/*serach style*/
.serach-box{ position: relative; padding: 74px 0; background-color: #f3f3f3;}
.serach-banner-box .t{ font-size: 48px; font-weight: bold; font-style: italic; line-height: 1.2; font-family: "times new roman"; padding-bottom: 8px;}
.serach-banner{ position: relative; width: 448px; padding: 16px 84px 16px 24px; background-color: #fff; height: 24px; line-height: 24px;}
.serach-banner .txt { border: 0px none; height: 24px; line-height: 24px; padding: 0px; margin: 0px; width: 100%; background-color: transparent; font-size: 14px; color: #333; }
.serach-banner .btn { position: absolute; right: 0px; top: 0px; width: 84px; line-height: 56px; height: 100%; background-color: #fc2233; text-align: center;}
.serach-banner .btn i { color: #fff; display: block; width: 100%; height: 100%; display: block; font-size: 24px;}
.serach-banner .btn:hover{background-color: #636363;}
.serachList a:link,.serachList a:visited { color: #333;}
.serachList a:active,.serachList a:hover { color: #fc2233;}
.serachList{ padding:15px 0px 0;}
.serachList dd{ background-color: #f3f3f3; margin-bottom: 4px; color: #333;}
.serachList a{ display: block; padding: 12px 2%; line-height: 1.4;}
.serachList .red{ color: #fc2233; font-size: 16px;}
/*serach style end*/
/*banner-info style*/
.add-form{  width: 462px; margin: 0px auto;}
.add-form h4{ text-align: center; font-size: 25px; color: #7c7c7c; line-height: 1.5; margin-bottom: 25px; font-weight: normal;}
.add-form .item{ position: relative; border: 1px solid #cecece; padding: 10px 15px 10px 44px; margin-bottom: 15px; border-radius: 5px;}
.add-form .item.active{ border-color: #fc2233;}
.add-form .item.active .iconfont{ color: #fc2233;}
.add-form .iconfont{ position: absolute; left: 12px; top: 50%; font-size: 22px; line-height: 1; margin-top: -11px; color: #b5b5b5;}
.add-form .add-txt{ border: 0px none; height: 28px; line-height: 28px; width: 100%; display: block; color: #333; margin: 0px; padding: 0; background-color: transparent;}
.add-form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bdbdbd;
}
.add-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#bdbdbd;
}
.add-form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #bdbdbd;
}
.add-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#bdbdbd;
}
.add-form .add-btn{ width: 100%; height: ; border: 0px none; height: 52px; line-height: 52px; font-size: 20px; color: #fff; background-color: #FC2233; border-radius: 5px; transition: all 0.3s 0s; -webkit-transition: all 0.3s  0s;}
.add-form .add-btn:hover{ background-color: #393939;}
.dockCon a:link, .dockCon a:visited { color: #FFF; }
.dockCon a:active, .dockCon a:hover { color: #FFF; }
.dock { position: fixed; width: 60px; height: 275px; top: 50%; margin-top: -130px; right: 0px; z-index: 1000; }
#doyoo_panel{ top: 18% !important;}
.dockCon { right: 0px; top: 0px; position: absolute; }
.dockCon li { background:url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: relative;}
.dockCon li:hover .itemD{ background:url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); }
.dockCon .itemD{ position: relative; display: block; width: 60px; height: 55px; display: block; text-align: center;}
.dockCon .itemD1:before{ content: ""; position: absolute; left: 50%; height: 1px; background-color: #b2afaf; background-color: rgba(255,255,255,0.3); bottom: 0; width: 18px; margin-left: -9px; }
.dockCon .itemD4:before{ display: none;}
.dockCon .itemD i {  font-size: 28px; line-height: 55px; }
.dockCon .con { background-color: #FC2233; color: #fff; position: absolute; top: 0; right: 0px; width: 108px; text-align: center; height: 55px; line-height: 55px; display: none; z-index: -1; }
.dockCon .itemD2 .con{ width: 100px; padding: 15px; height: auto; line-height: 1.5; top: -55px;}
.dockCon .last { opacity: 0; visibility: hidden\9; transition: all 0.3s 0s; -webkit-transition: all 0.3s  0s;}
.dockCon .last.showme{ opacity: 1; visibility: visible\9;}
.backTop:before{ content: ""; position: absolute; left: 50%; height: 1px; background-color: #b2afaf; background-color: rgba(255,255,255,0.3); top: 0; width: 18px; margin-left: -9px; }
.backTop{ font-size: 12px; width: 60px; height: 46px; padding-top: 9px; display: block; text-align: center;}
.backTop .iconfont{ display: block; text-align: center; font-size: 16px; line-height: 1;}
.backtop:before{ content: ""; position: absolute; left: 50%; height: 1px; background-color: #b2afaf; background-color: rgba(255,255,255,0.3); top: 0; width: 18px; margin-left: -9px; }
.backtop{ font-size: 12px; width: 60px; height: 46px; padding-top: 9px; display: block; text-align: center;}
.backtop .iconfont{ display: block; text-align: center; font-size: 16px; line-height: 1;}
.search-Ibox{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #2c2422; z-index: 10020; display: none;}
.search-Ibox .close{ background: url(../images/close_i1.png) no-repeat scroll center center; width: 21px; height: 21px; position: absolute; right: 3%; top: 4%; transition: transform 0.3s; -webkit-transition: transform 0.3s; cursor: pointer;}
.search-Ibox .close:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.topsearch-form{ position: absolute; left: 3%; width: 94%; top: 50%; border-bottom: 1px solid #515151; height: 120px; margin-top: -60px;}
.topsearch-box{ padding: 0px 124px 0px 10px; position: relative;}
.topsearchtx{ width: 100%; border: 0px none; padding: 0; margin: 0; display: block; height: 120px; line-height: 120px; font-size: 50px; color: #555; background-color: transparent; text-align: center;}
.topsearchbtn{ position: absolute; right: 0; top: 0; padding: 0; margin: 0; display: block; width: 124px; line-height: 100%; text-align: center; height: 100%; border: 0px none; background-color: #FC2233; cursor: pointer; display: block; transition: background 0.3s; -webkit-transition: background 0.3s; color: #fff;}
.topsearchbtn .iconfont{ font-size: 28px; line-height: 1; position: absolute; left: 50%; top: 50%; margin: -14px 0 0 -14px;}
.topsearchbtn:hover{ background-color: #fc2233;}
.ovh{ overflow: hidden;}
/*banner-info style end*/
/*add join style*/
.imgw{ width: 100%; display: block;}
.join-tbox{ width: 830px; margin: 0px auto; text-align: center;}
.join-tbox .title{ font-size: 24px; line-height: 1.5; margin-bottom: 30px;}
.join-imgdemo{ margin: 0px auto; width: ;}
.join-imgdemo .item{ position: relative; margin: 0px 2px; float: left; width: 416px; cursor: zoom-in;}
.join-imgdemo .txt{ position: absolute; left: 0; bottom: 0; width: 90%; padding: 8px 5%; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); color: #fff; text-align: center;}
.join-imgdemo .slick-arrow { position: absolute; top:50%; background-color: #fff; background-color: rgba(255,255,255,0.5); border-radius: 50%; width: 48px; height: 48px; line-height: 48px; z-index: 106; margin-top: -24px; text-align: center;}
.join-imgdemo .slick-prev{ left: 1%;}
.join-imgdemo .slick-next{ right: 1%;}
.join-imgdemo .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: #2c2422;}
.join-imgdemo .slick-prev i:before{ content: "\e60d";}
.join-imgdemo .slick-next i:before{ content: "\e60e";}
.join-imgdemo .slick-arrow:hover{ background-color: #fff;}
.join-imgdemo .slick-arrow:hover i{ color: #FC2233;}
.join-cbox .desc{ float: left; width: 36%; padding-top: 5%;}
.join-cbox .title{ font-size: 24px; line-height: 1.5; margin-bottom: 25px;}
.join-cbox .img{ float: right; width: 58%;}
.join-tbox2{ color: #fff;}
.join-tbox2 a:link, .join-tbox2 a:visited { color: #fff; }
.join-tbox2 a:active, .join-tbox2 a:hover { color: #FC2233; }
.join-btn{ display: block; border: 1px solid #ffffff; width: 130px; height: 36px; line-height: 36px; text-align: center; margin: 60px auto 0; border-radius: 6px;}
.join-btn:hover{ border-color: #FC2233;}
.join-imgPage{ padding: 75px 0 60px; background-color: #eeeeee;}
.join1-simg,.join2-simg{ display: none;}
.join-imgdemo2{ margin-left: -30px; padding-bottom: 50px;}
.join-imgdemo2 .item{ width: 216px; margin-left: 30px; position: relative; overflow: hidden;  cursor: zoom-in;}
.join-imgdemo2 .txt{ position: absolute; left: 0; bottom: 0; width: 90%; padding: 5px 5%; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); color: #fff; text-align: center;}
.join-imgdemo2{ overflow: hidden;}
.join-imgdemo2 .slick-dots { bottom: 0; z-index: 104;}
.join-imgdemo2 .slick-dots li { position: relative; display: inline-block; padding: 0 0 0 10px; width: 14px; height: 14px; margin: 0px; cursor: pointer;}
.join-imgdemo2 .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 12px; height: 12px; margin: 0px auto; border: 1px solid #aaaaaa; background: none #fff; }
.join-imgdemo2 .slick-dots li a:focus { outline: none; }
.join-imgdemo2 .slick-dots li.slick-active a { border-color: #FC2233; background:none #FC2233; }
.join-type li{ position: relative; float: left; display: block; width: 31.33%; margin: 0 0 0 2%;background:url(../images/t1_bg.png) no-repeat scroll center center;transition:  0.3s; -webkit-transition:  0.3s; color: #3d3d3d;}
.join-type .item{ border: 1px solid #cecece; padding: 80px 5%;  text-align: center; line-height: 1.5; }
.join-type .item .t{ font-size: 24px;  margin-bottom: 5px;}
.join-type .item .c{ font-size: 16px; height: 80px; overflow: hidden; margin-bottom: 10px;}
.join-type .iconfont{ border-radius: 50%; width: 108px; height: 108px; line-height: 108px; display: block; margin: 0px auto; font-size: 60px; background-color: #FC2233; color: #fff; text-align: center; transition:  0.3s; -webkit-transition:  0.3s;}
.join-type li:hover{ background: url(../images/t1_bg2.png) no-repeat scroll center center #FC2233; color: #fff;}
.join-type li:hover .iconfont{ background-color: #fff; color: #FC2233;}
/*add join style end*/

/*add2 style*/
.add-cube-img{ position: relative; overflow: hidden;}
.add-cube-img .slick-arrow { position: absolute; top: 50%; margin-top: -30px; width: 58px; height: 58px; line-height: 58px; border: 1px solid #a48e75; z-index: 400; color: #fff; text-align: center; color: #000000;}
.add-cube-img .slick-prev{ left: 5%;}
.add-cube-img .slick-next{ right: 5%;}
.add-cube-img .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:14px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #000000;}
.add-cube-img .slick-prev i:before{ content: "\e60d";}
.add-cube-img .slick-next i:before{ content: "\e60e";}
.add-cube-img .slick-arrow:hover{ background-color: #a48e75; color: #fff;}
.cube-page{ text-align: center;}
.space-demo{ position: relative; margin-bottom: 65px; background-color: #f0f0f0;}
.space-demo figure,.space-demo .desc{ float: left; display: block; width: 50%;}
.space-demo .desc{ width: 38%; padding: 55px 6%;}
.space-demo2 figure{ float: right;}
.space-demo h4{ margin-bottom: 15px; font-size: 22px; font-weight: normal; line-height: 1.5;}
.space-demo .c{ color: #666666; text-align: justify;}
.space-demo .desc p{  white-space: nowrap;}
.space-demo .desc .t{ float: left; display: inline-block; width: 75px;}
.space-demo .desc .txt{ display: block; white-space: initial; padding-left: 75px;}
.space-demo .slick-arrow { position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; line-height: 60px; border: 3px solid #a0a0a0; z-index: 400; color: #a0a0a0; text-align: center; z-index: 1;}
.space-demo .slick-prev{ right: 63px;}
.space-demo .slick-next{ right:0;}
.space-demo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.space-demo .slick-prev i:before{ content: "\e60d";}
.space-demo .slick-next i:before{ content: "\e60e";}
.space-demo .slick-arrow:hover{ border-color: #FC2233; color: #FC2233; z-index: 10;}
.space-demo2 .slick-arrow{ right: auto; left: 0;}
.space-demo2 .slick-prev{ left: 0; right: auto;}
.space-demo2 .slick-next{ left:63px; right: auto;}
.space-btn-more{ width: auto; padding: 12px 0;}
 @-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.tab-365 a:link, .tab-365 a:visited { color: #787878; }
.tab-365 a:active, .tab-365 a:hover { color: #FC2233; }
.tab-365{ white-space: nowrap; text-align: center; border-bottom: 1px solid #eaeaea; height: 60px; overflow-y: hidden; overflow-x: auto;     -webkit-overflow-scrolling: touch;} 
.tab-365 a{ position: relative; padding: 0px 12px; margin: 0px 10px; display: inline-block; height: 60px; line-height: 60px;}
.tab-365 a:before{ content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 0; height: 4px; background-color: #FC2233; transition: 0.3s; -webkit-transition: 0.3s;}
.tab-365 a.active{ color: #FC2233;}
.tab-365 a.active:before{ width: 100%;}
.tab-desc .pageC{ position: relative; display: none; -webkit-animation-name: tab;animation-name: tab;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.tab-desc .pageC.show{ display: block;}
.mbt50 { margin-bottom:50px; } 
.div-360{ position: relative; overflow: hidden;}
.div-360 .desc { position: absolute; left: 5%; top: 50%; margin-top: -45px; width: 90%; text-align: center; color: #fff;  }
.div-360 .desc .iconfont{ font-size: 60px; line-height: 1;}
.div-360 .desc .txt{ padding-top: 6px; font-size: 16px;}
.mt80 { margin-top: 80px; }
.cube-info-list ul{ margin-left: -1%; color: #fff;}
.cube-info-list li{ float: left; display: block; width: 49%; margin: 0 0 40px 1%; position: relative; overflow: hidden;}
.cube-info-list figure{ position: relative; overflow: hidden;}
.cube-info-list figure img{ width: 100%; display: block;}
.cube-info-list .txt{ background: url(../images/y_50.png) repeat; background: none rgba(173,129,80,0.5); position: absolute; left: 0; bottom: 0; width: 90%; padding: 10px 5%; transition: .35s; -webkit-transition: .35s;}
/*add2 style end*/
@media screen and (max-width:1024px){.space-demo .desc p{white-space:wrap} .space-demo .desc .t{width: 100%;}
}