@charset "utf-8";
/* 
 * Project Name:金忠食品
 * Author:浅浅
 * Date：2018-8-3
 */
@font-face {font-family: "iconfont";
  src: url('iconfont09b9.eot?t=1533720427391'); /* IE9*/
  src: url('iconfont09b9.eot?t=1533720427391#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont09b9.eot?t=1533720427391') format('woff'),
  url('iconfont09b9.ttf?t=1533720427391') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont09b9.svg?t=1533720427391#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-right:before { content: "\e601"; }
.icon-shipin1:before { content: "\e60e"; }
.icon-jiantou1-zuo:before { content: "\e61d"; }
.icon-fangda:before { content: "\e616"; }
.icon-jiantou1-you:before { content: "\e61e"; }
.icon-left:before { content: "\e61f"; }
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:#ffa6a9;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#ffa6a9;}
html::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#ff4c52;}
body { font: 14px/1.8 "思源黑体",Arial,Helvetica,sans-serif,"SimHei","黑体","微软正黑体"; margin: 0 auto; color: #666666; 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: #ff7d81; color: #fff; text-shadow: none; }
::selection { background: #ff7d81; 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;}
.css{
/*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/
-webkit-transform-style: preserve-3d;
/*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/
-webkit-backface-visibility: hidden; }
/* Slider */
.top{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; padding-top: 20px; height: 66px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.top a:link, .top a:visited { color: #333333;}
.top a:active, .top a:hover, .top a.hov, .top a.active { color: #e02f35;}
.page .top{ position: absolute; background-color: transparent; box-shadow: 0 0 0 transparent;}
.page .top a:link, .page .top a:visited { color: #fff;}
.page .top a:active, .page .top a:hover { color: #fff;}
.logo{ float: left; display: block; margin-left: 3%;}
.logo a{ display: block; height: 50px;}
.logo a img{ height: 100%; display: block; float: left; display: block;}
.nav{ float: right; display: block; margin-right: 3%;}
.nav li{ float: left; display: block; margin-left: 45px; position: relative; padding-bottom: 18px;}
.nav ul>li>a{ font-size: 18px; display: block; padding: 8px 0px;}
.nav .subnav{ display: none; position: absolute; left: 50%; margin-left: -65px; top: 70%; background: url(../images/red_90.png) repeat; background: none rgba(230,34,42,0.9); width: 130px; padding: 15px 0px; text-align: center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.nav .subnav .item{ text-align: center; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d;}
.nav .subnav .item a{ display: block; line-height: 1.4; padding: 7px 5%; color: #fff;}
.nav .subnav .item 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 bottom 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #d9b664;}
.nav .subnav .item a:hover{ color: #fff;}
.nav .subnav .item a:hover:before{ transform: none; opacity: 1; visibility:visible;}
.iboxbg{ background: url(../images/yy0.png) repeat-x; position: absolute; left: 0; top: 0; width: 100%; height: 174px; z-index: 300;}
.menu-handler{ width:64px; height: 56px; display:none; cursor: pointer; position: fixed; right: 0; top: 0; z-index: 1099;}
.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 28px; height: 3px; background-color: #e60012;  -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: #e60012; -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: #999999;}
.menuBox a:active,.menuBox a:hover { color: #999999;}   
.menuBox {color: #999999; position: fixed; display: none; right: 0px; top: 0px; height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto; -webkit-overflow-scrolling:touch;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); width: 320px; z-index: 1010; -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 .menu-handler{ position: absolute; left: 0px; top: 0;}
.menuMoblie{ background-color: #fff; padding-bottom: 10px; border-bottom: 5px solid #e6222a;}
.menu-handler2{ height: 49px; border-top: 5px solid #e6222a; background-color: #fff; position: relative;}
.menu-handler2 span{ position: absolute; top: 50%; left: 50%; margin-top: -8px; left: 28px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #e60012; }
.menuMoblie .nav-link { display: block; font-size: 18px; padding: 0px 64px 0px 28px; height: 50px; line-height: 50px; position: relative;}
.menuMoblie .nav-link:before{ content: ""; width: 13px; height: 13px; position: absolute; right: 5%; top: 50%; margin-top: -7px; background: url(../images/arrow2.png) no-repeat scroll center center; transition: 0.3s; -webkit-transition: 0.3s;}
.menuMoblie .cur{ background-color: #fff;}
.menuMoblie .cur .nav-link{ color: #fff; background-color: #b8b8b8;}
.menuMoblie .cur .nav-link:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.menuMoblie .subnav { padding:10px 0px 20px; display: none;}
.menuMoblie .subnav a { display: block; padding: 6px 35px; line-height: 1.4; font-size: 16px;}
.menuMoblie .subnav a:hover{ color: #e60012;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 1002; 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) }
.foot a:link, .foot a:visited { color: #fff; }
.foot a:active, .foot a:hover { color: #e7d099; }
.foot{ color: #fff; padding: 22px 10%; width: 80%; font-size: 12px; position: relative; background-color: #828282;}
.logo2{ float: left; display: inline-block; margin-right: 50px;}
.logo2 img{ vertical-align: middle;}
.foot-nav{ font-size: 16px; padding: 0px 0px 6px;}
.foot-nav .line{ padding: 0px 14px;}
.foot .mr{ margin-right: 24px;}
.backTop { background-color: #e02f35; border-radius: 50%; width: 64px; height: 64px; position: fixed; bottom: 16%; right: -66px; z-index: 1000; text-align: center; cursor: pointer; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.backTop .ico { background: url(../images/jt_5.png) no-repeat scroll center 0; width: 15px; height: 20px; margin: 22px auto 0; display: block; color: #fff; }
.backTop.showme { right: 18px; transform: scale(1) rotate(-360deg) translate(0px); -webkit-transform: scale(1) rotate(-360deg) translate(0px); -moz-transform: scale(1) rotate(-360deg) translate(0px); -o-transform: scale(1) rotate(-360deg) translate(0px); }
/*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: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.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; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -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:1500;-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_90.html) repeat;background:none rgba(0,0,0,.9);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-radius: 50%; border: 2px solid #fff; color: #fff;  background:none; display: block; font-family:"iconfont" !important;font-size:24px; 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: "\e61d";}
.pswp__button--arrow--right:before{content: "\e61e";}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{color:#E60012; border-color: #E60012;}
.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.html) 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; }
.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; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.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;}
.warp{ position: fixed; left: 0; top: 0; width: 100%;}
.page { width: 100%; height: 100%; position: relative;}
.pageH{ overflow: hidden;}
.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; height: calc(100vh); background-color: #f7f7f7; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
.banner .binbox{ position: absolute; left: 5%; bottom: 4%; width: 90%;}
.banner .binbox .by{ width: 50%;}
.banner .binbox .by img{ max-width: 100%; display: block;}
.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-active .binbox{ visibility: visible; -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: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(12px); -webkit-transform: translateY(12px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(12px); -webkit-transform: translateY(12px); opacity: 0; }
}
.banner .slick-dots { bottom: 3%; z-index: 104; display: none !important;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px 5px; width: 10px; height: 10px; line-height: 10px; 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: 1px 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: 1px solid #fff; background:none transparent; }
.mouseIco{ cursor: pointer; background: url(../images/arrow.png) no-repeat scroll center center; width: 34px; height: 32px; position: absolute; left: 50%; bottom: 3%; margin-left: -17px; -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;}


.ibox-T{ color: #333333; font-size: 72px;}
.ibox-pro a:link, .ibox-pro a:visited { color: #fff; }
.ibox-pro a:active, .ibox-pro a:hover { color: #fff; }
.ibox-pro{ position: absolute; left: 10%; top: 8%; height: 76%; width: 80%; overflow: hidden; color: #fff;}
.ibox-pro-list{ height: 80%; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.ibox-pro-list li{ width: 24.5%; border-right: 4px solid #fff; height: 100%; float: left; display: block; background-repeat: no-repeat; background-size: cover; background-position: left center; position: relative; cursor: pointer;}
.ibox-pro-list .txt{ position: absolute; left: 5%; bottom: 8%; width: 90%; text-align: center; font-size: 30px; line-height: 1.2;}
.ibox-pro-list .destext{ position: absolute; left: 8%; width: 84%; bottom: 8%; font-size: 16px; display: none;}
.ibox-pro-list .destext h2{ font-size: 30px; font-weight: normal; line-height: 1.5; margin-bottom: 12px;}
.ibox-pro-list .destext p{ margin-bottom: 30px;}
.ibox-pro-list .destext .more{ float: right;}
.ibox-industry-Demo a:link, .ibox-industry-Demo a:visited { color: #fff; }
.ibox-industry-Demo a:active, .ibox-industry-Demo a:hover { color: #fff; }
#iboxPage3 .ibox-T{ color: #fff; position: absolute; left: 10%; top: 8%; z-index: 100;}
.ibox-industry-Demo{ position: relative; width: 100%; height: 100%; color: #fff;}
.ibox-industry-Demo .item{ position: relative;}
.ibox-industry-Demo .img{ width: 100%; display: block; position: relative;}
.ibox-industry-Demo .txt{ position: absolute; left: 10%; bottom: 302px; font-size: 72px;}
.ibox-industry-nav{ position: absolute; left: 10%; bottom: 142px;}
.ibox-industry-nav li{ float: left; display: block; text-align: center; margin-right: 20px;}
.ibox-industry-nav li .tubiao{ display: block; border-radius: 2px; border: 2px solid #fff; border-radius: 50%; position: relative; overflow: hidden; cursor: pointer; width: 120px;}
.ibox-industry-nav .ico{ display: block; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.ibox-industry-nav .txt { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block;}
.ibox-industry-nav .txt:before { position: relative; content: ''; display: block; margin-top: 100%;}
.ibox-industry-nav .txt:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;}
.ibox-industry-nav .name{ font-size: 16px; padding: 10px 0px 0; display: none;}
.ibox-industry-nav li.active .tubiao{border-color: #e6222a; background-color: #e6222a;}
.ibox-industry-nav li.active .txt {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.ibox-industry-nav li.active .txt:after {-moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s;}
.ibox-industry-nav 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; }
@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); }
}
@-webkit-keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo {
  0% { background: rgba(0, 0, 0, 0.45); }100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.45);}100% { background: transparent;}
}
@keyframes anim-out-pseudo {
  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%;}
}
#iboxPage3 .foot{ position: absolute; left: 0; bottom: 0; background: url(../images/red_90.png) repeat;  background: none rgba(230,34,42,0.9);}
/*index style end*/
/*about style*/
.pbanner { overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; position: relative; opacity: 0; visibility: hidden; -webkit-transition:all 4s linear;transition:all 4s linear;}
.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;}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.body-right{ background-color: #fff;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #333333;}
.page-nav-btn a:active,.page-nav-btn a:hover { color: #fff;}  
.page-nav-btn{ background-color: #f3f3f3; text-align: center;}
.page-nav-btn li{  display: inline-block; *display: inline; *zoom: 1;}
.page-nav-btn a{ padding: 0px 24px; height: 55px; line-height: 55px; font-size: 16px; display: block; position: relative; margin-right: -1px; z-index: 1;}
.page-nav-btn a:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #e02f35; 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;}
.pagePadding{ padding: 100px 0px;}
.aboutBox{ width: 800px; margin: 0px auto;}
.pageC a:link, .pageC a:visited { color: #e02f35; }
.pageC a:active, .pageC a:hover { color: #E60012;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; color: #666666; text-align: justify;}
.pageT{ padding-bottom: 35px; color: #e02f35; text-align: center;}
.pageT .zh{ font-size: 36px; line-height: 1.5;}
.pageT .en{ font-family: arial, helvetica, sans-serif; line-height: 1.5;}
.pageT2{ color: #fff;}
.pageT .en2{ font-size: 24px; text-transform: uppercase;}
.aboutBox .pageC{ text-align: center; font-size: 15px;}
.bgf3{ background-color: #f3f3f3;}
.about-nav{ width: 880px; margin: 0px auto 60px;}
.about-nav .box{ width: 190px; padding: 50px 0; height: 90px; background-color: #fff; border-radius: 50%; text-align: center; color: #333; font-size: 20px; line-height: 1.5; margin: 0px auto; cursor: pointer;}
.about-nav .num{ font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.about-nav .name{ padding-bottom: 18px; transition: 0.3s; -webkit-transition: 0.3s;}
.about-nav .box i{ border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e60012; opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s; }
.about-nav .slick-current .name{ padding-bottom: 22px;}
.about-nav .slick-current .box i { opacity: 1; visibility: visible; }
.about-nav .slick-current .box{ color: #e02f35;}
.about-nav .slick-arrow { position: absolute; width: 48px; height: 48px; line-height: 48px; z-index: 106; top: 50%; border-radius: 50%; margin-top: -24px;}
.about-nav .slick-prev{ left: -50px;}
.about-nav .slick-next{ right: -50px;}
.about-nav .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:48px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #e4565b;}
.about-nav .slick-prev i:before{ content: "\e61f";}
.about-nav .slick-next i:before{ content: "\e601";}
.about-for{ width: 80%; margin: 0px auto; color: #fff;}
.about-for .item{ position: relative; overflow: hidden;}
.about-for figure img{ width: 100%; display: block;}
.about-for .txt{ position: absolute; left: 0; top: -25%; height: 150%; padding: 0% 8% 0% 5%; width: 36%; background: url(../images/red_80.png) repeat; background:none rgba(224,47,53,0.8); border-radius: 0 50% 50% 0; font-size: 15px;}
.about-for .txt h3{ font-size: 36px; font-weight: normal; margin-top: 50%;}
.about-for .txt p{ padding-top: 5%;}
/*about style end*/
/*speech style*/
.speech-img{ float: left; width: 26%;}
.speech-con{ float: right; width: 68%;}
.speech-con .name{ color: #999999; line-height: 1.4; margin-bottom: 35px;}
.speech-con .t{ float: left; font-size: 36px; line-height: 1; color: #E60012; border-right: 1px solid #999999; padding-right: 15px; margin-right: 14px;}
/*speech style end*/
/*history style*/
.history-top{ position: relative; padding: 80px 0 40px;}
.history-right{ width: 66%; float: right; display: block;}
.history-top .t{ font-size: 48px; line-height: 1; margin-bottom: 10px;}
.history-top .by{ font-size: 24px; line-height: 1.5;}
.history-line{ width: 2px; position: absolute; left: 27%; top: 0; height: 100%; background-color: #e2e2e2;}
.history-top .history-line{ top: 80px;}
.history-top .bot{ width: 22px; height: 22px; display: block; border-radius: 50%; border: 14px solid #e02f35; position: absolute; left: 27%; top: 80px; margin-left: -25px; background-color: #fff;}
.history-bottom{ background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3);  color: #fff;}
.history-bottom a:link, .history-bottom a:visited { color: #fff;}
.history-bottom a:active,.history-bottom a:hover { color: #fff;} 
.history-box{ padding: 40px 0px 0; position: relative;} 
.history-left{ width:27%; float: left; display: block; text-align: right;}
.history-left .year{ font-size: 24px; line-height: 1.5; margin-bottom: 26px; position: relative; padding-right: 26px;}
.history-left .year i{ border-radius: 50%; width: 16px; height: 16px; position: absolute; right: -9px; top: 50%; margin-top: -8px; display: block; background-color: #fff;}
.history-left .img{ padding-right: 54px; position: relative;}
.history-left .line{ position: absolute; right: -30px; width: 60px; border-top: 1px dashed #E2E2E2;}
.history-left .img img{ max-width: 188px;}
.history-bottom dl{ padding-bottom: 70px;}
.history-bottom .history-right{ margin-top: 50px; font-size: 15px;}
.history-bottom .history-right p{ position: relative; margin-bottom: 20px;}
.history-bottom .history-right p:before{ content: ""; position: absolute; left: -25px; top: 8px; width: 8px; height: 8px; background-color: #fff; border-radius: 50%;}
/*history style end*/
/*honor style*/
.w1280{ width: 1280px; margin: 0px auto;}
.honorDemo{ margin: 0px 54px;}
.honorDemo-box{ background: url(../images/white_70.png) repeat; background:none rgba(255,255,255,0.7);}
.honorDemo .item{ float: left; display: block; width: 20%; padding: 40px 0px 26px; text-align: center; color: #333333; -webkit-transition:background-color 0.5s; transition: background-color 0.5s; position: relative; cursor: zoom-in;}
.honorDemo .item:before{ content: ""; width: 100%; height: 6px; background-color: #d76c00; position: absolute; left: 0; bottom: -1px; 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); }
.honorDemo .img{ width: 131px; margin: 0px auto 10px;}
.honorDemo .img img{ width: 100%; display: block;}
.honorDemo .txt{ padding: 0px 5%; line-height: 1.5; height: 42px; overflow: hidden;}
.honorDemo .slick-arrow{ width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -20px; z-index: 100; color: #333333;}
.honorDemo .slick-prev{ left: -45px;}
.honorDemo .slick-next{ right: -45px;}
.honorDemo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:30px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.honorDemo .slick-prev i:before{ content: "\e61f";}
.honorDemo .slick-next i:before{ content: "\e601";}
.honorDemo .slick-arrow:hover{ background-color: #FFFFFF; color: #E60012;}
/*honor style end*/
/*video style*/
.videoDemo .slick-list{ padding: 80px 0px !important;}
.videoDemo .vitem{ position: relative; z-index: 1; cursor: pointer;}
.videoDemo article{ border-radius: 8px; overflow: hidden;}
.videoDemo .slick-center{ z-index: 100;}
.videoDemo .slick-center article{ position: absolute; top: -90px; left: -64px; width: 580px; padding: 64px 0px; overflow: hidden;}
.videoDemo .slick-center .img{ transform: scale(1.45); -webkit-transform: scale(1.45); -webkit-transition: 0.6s;transition: 0.6s;}
.videoDemo .img{ overflow:  hidden; position: relative; background-color: #000; width: 400px; margin: 0px auto;}
.videoDemo .img img{ width: 100%; display: block;  opacity: 0.8;filter:alpha(Opacity=80);}
.videoDemo .icon-shipin1{ color: #fff; font-size: 50px; position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -25px;}
.videoDemo .txt{ position: absolute; left: 0; bottom: 0; transform: translateY(100%); -webkit-transform: translateY(100%); width: 90%; padding: 10px 5%; text-align: center; color: #fff; background-color: #e02f35; opacity: 0; visibility: hidden\9;}
.videoDemo .slick-center .txt{  transform:inherit; -webkit-transform: inherit; opacity: 1; visibility: visible\9;-webkit-transition: 0.4s 0.5s;transition: 0.4s 0.5s;}
.videoDemo .slick-dots { position: relative; bottom: auto; z-index: 104; text-align: center; width: 100%;}
.videoDemo .slick-dots li { position: relative; width: auto; padding: 0px; height: 14px; margin:0px 8px; cursor: pointer; }
.videoDemo .slick-dots li a { height: 14px; width: 14px; line-height: 14px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #999999; opacity: 0.9;  filter: alpha(opacity=90); }
.videoDemo .slick-dots li a:focus { outline: none; }
.videoDemo .slick-dots li.slick-active a { background: none #E02F35; opacity: 1; filter: alpha(opacity=100); }
.videoDemo .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: #afafaf;}
.videoDemo .slick-prev{ left: -68px;}
.videoDemo .slick-next{ right: -68px;}
.videoDemo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:44px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.videoDemo .slick-prev i:before{ content: "\e61f";}
.videoDemo .slick-next i:before{ content: "\e601";}
.videoDemo .slick-arrow:hover{ color: #e6575c;}
/*video style end*/
/*news style*/
.newPage{ margin: -15% auto 0; width: 90%; position: relative; z-index: 10; background-color: #fff;}

.ellipsis-txt{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.newList{ overflow: hidden;}
.newList dd{ float: left; display: block; width: 50%; border-bottom: 1px solid #e5e5e5; position: relative; z-index: 1;}
.newList dd:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;-webkit-transition:opacity .58s cubic-bezier(.4,0,.2,1); transition:opacity .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; opacity: 0; background-color: #e02f35;}
.newList dd:after{ content: ""; position: absolute; right: -1px; top: 0; width: 1px; height: 100%; background-color: #e0e0e0;}
.newList .item{ margin:45px; position: relative; height: 203px;overflow: hidden; }
.newList .img{ width: 372px; overflow: hidden; position: absolute; left: 0; top: 0;}
.newList .img img{ width: 100%; display: block;-webkit-transition:all 0.6s linear;transition:all 0.6s linear;}
.newList .con{ margin-left: 402px;}
.newList .title{ color: #000000; font-size: 18px; line-height: 1.5; overflow: hidden; margin-bottom: 20px;  -webkit-transition:0.3s;transition:0.3s;}
.newList .c{ height: 75px; overflow: hidden; margin-bottom: 45px; color: #808080; font-family: "微软正黑体","Microsoft JhengHei";  -webkit-transition:0.3s;transition:0.3s;}
.newList .time{ font-size: 12px; color: #666666; -webkit-transition:0.3s;transition:0.3s;}
.newList 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;*/ opacity: 1; visibility:visible\9;}
.newList dd:hover .img img{-webkit-transform:scale(1.06);transform:scale(1.06);}
.newList dd:hover .title,.newList dd:hover .c,.newList dd:hover .time{ color: #fff;}
.paging { padding: 60px 0px 80px; text-align: center; }
.paging a:link, .paging a:visited { color: #666666; }
.paging a:active, .paging a:hover { color: #fff; background-color: #e02f35; }
.paging a{ display: inline-block; margin: 0px 2px!important; background-color: #fff; padding: 8px 16px; font-size: 15px;}
.paging a.act{ background-color: #e02f35; color: #fff;}
.paging2{ padding-bottom: 0;}
.paging2 a{ background-color: #ececec;}
.infoPage-box{ background:url(../img/pbanner3.jpg) repeat-x scroll left bottom #b5cde1; border-bottom: 6px solid #e02f35;}
.w760{ margin: 0px auto; width: 760px;}
.infoPage-box .info-T{ position: relative; padding: 160px 0px 30px;}
.info-T h3{ font-size: 36px;font-weight: normal; color: #333333; line-height: 1.2; margin-bottom: 10px;}
.info-T .time{ color: #666666; font-size: 12px; padding-bottom: 15px;}
.info-c{ min-height: 60vh;}
.sharpBox2 { display: block; height: 30px; line-height: 30px; color: #666666;}
.sharpBox2 span.l { margin-right: 15px;}
.sharpBox2 a { display: block; width: 30px; height: 30px; margin-left: 8px; float: left;}
.yxsharp .sharpBox2 a { border-radius: 50%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; margin:0px 0px 0px 8px; padding: 0; display:block; }
.yxsharp .sharpBox2 a.a1{ background-image: url(../images/sharp11.png); }
.yxsharp .sharpBox2 a.a2{ background-image: url(../images/sharp21.png); }
.yxsharp .sharpBox2 a:hover{ background-color: #fff;}
.infoPage{ padding: 40px 0px 80px;}
.info-c{ width: 760px; padding: 70px; background-color: #fff; border-radius: 15px; margin: 0px auto; position: relative;}
.info-c .arrow{ border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 18px solid #fff; position: absolute; left: 70px; top: -18px;}
.previous a{ position: fixed; top: 50%; margin-top: -20px; background-color: #999999; width: 94px; height: 42px; display: block; text-align: center; line-height: 42px; border-radius: 8px;}
.previous .iconfont{ font-size: 14px; color: #fff;}
.pprev{ left: 2%;}
.pnext{ right: 2%;}
.previous a:hover{ background-color: #E02F35;}
/*news style end*/
/*responsibility style*/
.black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.black-30{ background: url(../images/black_30.png) repeat; background: none rgba(0,0,0,0.3);}
.videoList{ margin-left: -2%;}
.videoList dd{ float: left; display: block; margin: 0px 0px 25px 2%; width: 48%; cursor: pointer; transition:0.3s; -webkit-transition:0.3s; border-radius: 10px; overflow: hidden;}
.videoList .img{ overflow: hidden; position: relative;}
.videoList .img img{ width: 100%; display: block; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.videoList .item{ position: relative; overflow: hidden;}
.videoList .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.videoList .icon-shipin1{ position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; line-height: 64px; margin: -32px 0px 0px -32px; display: block; font-size: 60px; color: #fff;}
.videoList .icon-shipin1 .i1{ background: url(../images/vico_bg.html) no-repeat scroll center center; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; -webkit-transition: 300ms;}
.videoList .t{ font-size: 18px; padding:14px 5%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #f3f3f3; color: #333333;  line-height: 1.5; position: relative; z-index: 1;}
.videoList .t:before{  content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #e02f35; -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;}
.videoList dd:hover .img img{ transform:scale(1.06); -webkit-transform:scale(1.06);}
.videoList dd:hover .t{ color: #fff;}
.videoList 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;}
.videoList dd:hover .vico .i1 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
/*responsibility style end*/
/*industry style*/
.red80{ background: url(../images/red_80.png) repeat; background:none rgba(224,47,53,0.8);}
.w868{ width: 868px; margin: 0px auto;}
.indystryBox .pageC{ font-size: 15px;}
.indystry-black{ background: url(../images/black_30.png) repeat; background-color: rgba(0,0,0,0.3);}
.indystryDemo{ width: 80%; margin: 0px auto;}
.indystryDemo .item{ margin: 0px 6px; border-radius: 10px; overflow: hidden;}
.indystryDemo .img{ position: relative; overflow: hidden;}
.indystryDemo .img img{ width: 100%; display: block;}
.indystryDemo .red80{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden\9; transition:0.3s; -webkit-transition:0.3s;}
.indystryDemo .ico{ position: absolute; left: 5%; width: 90%; text-align: center; top: 50%; margin-top: -32px; color: #fff; opacity: 0; visibility: hidden\9; transition:0.3s; -webkit-transition:0.3s; transform: translateY(20px); -webkit-transform: translateY(20px);}
.indystryDemo .icon-fangda{ display: block; margin-bottom: 15px; font-size: 30px; line-height: 1;}
.indystryDemo .item:hover .red80{opacity: 1; visibility: visible\9;}
.indystryDemo .item:hover .ico{ opacity: 1; visibility: visible\9; transform:inherit; -webkit-transform:inherit;}
.indystryDemo .slick-arrow{ width: 34px; height: 34px; line-height: 34px; border-radius: 50%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -54px; z-index: 100; color: #fff;}
.indystryDemo .slick-prev{ left: -45px;}
.indystryDemo .slick-next{ right: -45px;}
.indystryDemo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:34px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.indystryDemo .slick-prev i:before{ content: "\e61f";}
.indystryDemo .slick-next i:before{ content: "\e601";}
.indystryDemo .slick-arrow:hover i{ color: #E02F35;}
.indystryDemo .slick-dots { bottom: auto; position: relative; z-index: 104; margin-top: 50px;}
.indystryDemo .slick-dots li { position: relative; display: inline-block; padding: 0px 8px; width: 15px; height: 15px; line-height: 15px; margin: 0px; cursor: pointer;}
.indystryDemo .slick-dots li a {text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 9px; height: 9px; margin: 0px auto; border: 3px solid #fff;}
.indystryDemo .slick-dots li a:focus { outline: none; }
.indystryDemo .slick-dots li.slick-active a { background-color: #fff; }
.indystryBot .pageC{ border-bottom: 5px solid #e02f35; font-size: 16px; padding-bottom: 16px;}
.addItem{ margin-bottom: 8px;}
/*industry style end*/
/*product style*/
.bge5{ background-color: #E5E5E5;}
.productList{ width: 84%; margin: 0px auto; padding-top: 35px;}
.productList .item{ float: left; display: block; width: 24.5%; margin:0px 0px .5% .5%; position: relative; cursor: zoom-in;}
.productList .img{ overflow: hidden; position: relative;}
.productList .img img{ width: 100%; display: block;}
.productList .red80{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden\9; transition:0.3s; -webkit-transition:0.3s;}
.productList .ico{ position: absolute; left: 5%; width: 90%; text-align: center; top: 50%; margin-top: -32px; font-size: 15px; color: #fff; opacity: 0; visibility: hidden\9; transition:0.3s; -webkit-transition:0.3s; transform: translateY(20px); -webkit-transform: translateY(20px);}
.productList .ico i{ background: url(../images/add.png) no-repeat; width: 22px; height: 22px; display: block; margin: 15px auto 0;}
.productList .item:hover .red80{opacity: 1; visibility: visible\9;}
.productList .item:hover .ico{ opacity: 1; visibility: visible\9; transform:inherit; -webkit-transform:inherit;}
/*product style end*/
/*concept style*/
.inner1000{ width: 1000px; margin: 0px auto;}
.pageT3{ text-align: left;}
.conceptbox{ color: #fff; background-color: #e02f35; line-height: 1.5; padding: 25px 5%; border-radius: 10px; margin-bottom: 70px;}
.conceptbox h3{ font-size: 30px; font-weight: normal; margin-bottom: 4px;}
.pageT3 .zh2{ color: #666; font-size: 18px;}
.conceptbox2 .con{ float: left; display: block; width: 50%; font-size: 16px; position: relative;padding-top: 20px;}
.conceptbox2 .img{ float: right; display: block; width: 41%;padding-top: 20px;}
.conceptbox2 .item{ position: relative; padding-left: 70px; margin-bottom: 24px;}
.conceptbox2 .item:before{ content: ""; width: 4px; height: 2px; position: absolute; top: 12px; left: 10px; background-color: #e02f35;}
.conceptbox2 .item .num{ color: #e02f35; position: absolute; left: 30px; top: 0;}
.conceptbox2 .line{ position: absolute; left: 13px; top: 0; height: 100%; width: 2px; background-color: #e02f35;}
.conceptbox2 .bot{ width: 14px; height: 14px; position: absolute; left: 7px; top: -14px; border-radius: 50%;background-color: #e02f35;}
/*concept style end*/
/*staff style*/
.staffList dd{ float: left; display: block; width: 31.33%; margin: 0px 0px 2% 2%; border-radius: 10px; overflow: hidden; -webkit-transition: all .2s linear; transition: all .2s linear; position: relative;}
.staffList .img{ overflow: hidden;}
.staffList .img img{ width: 100%; display: block;}
.staffList .con{ position: relative; background-color: #f9f9f9; padding: 15px 30px 20px; border-top: 4px solid #e02f35;  transition:0.3s; -webkit-transition:0.3s;}
.staffList .con:before{ content: ""; position: absolute; left: 0; top: -4px; width: 100%; height: 4px; background-color: #ffd71d;  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; }
.staffList h3{ font-size: 18px; font-weight: bold; color: #000000; line-height: 1.5; margin-bottom: 6px;  transition:0.3s; -webkit-transition:0.3s;}
.staffList .ib{ width: 19px; height: 19px; overflow: hidden; position: absolute; right: 30px; bottom: 20px;transition:400ms; -webkit-transition:400ms;}
.staffList .ib i{background-color: #666666; position: absolute;}
.staffList .ib .i1{ width: 100%; height: 1px; left: 0; top: 9px;}
.staffList .ib .i2{ width: 1px; height: 100%; top: 0; left: 9px; display: none;}
/*staff style end*/
/*jobs style*/
.ce02f35{ color: #e02f35;}
.jobs{ font-size: 15px;}
.hrList{ margin: 30px 0px 36px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 15%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width: 20%;}
.hrList .hrdt{ background-color: #e02f35; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background-color: #f3f3f3; color:#333333;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms; -webkit-transition:400ms; }
.hrList .ib i{ display:block; background-color:#666666;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #e2e2e2; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#e2e2e2;}
.hrList .active .ib{ transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
/*jobs style end*/
/*contact style*/
.merchants-box a:link, .merchants-box a:visited { color: #fff;}
.merchants-box a:active,.merchants-box a:hover { color: #fff;}  
.merchants-box{ color: #fff; position: relative; overflow: hidden; background-color: #e02f35;}
.merchantsCon{ width: 40%; padding: 50px 5%; font-size: 15px;}
.merchantsCon .item{ border-bottom: 1px solid #f08084; padding:0px 0px 30px 86px; margin-bottom: 30px; background-repeat: no-repeat; background-position: 18px 5px;}
.merchantsCon .item .i1{ float: left; display: block; margin-right: 14px;}
.mapBox{ position: absolute; right: 0; top: 0; width: 50%; height: 100%;}
@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); }
}
.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}
@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}
.BMap_bubble_title{ color:#a51e2a; font-size:14px; font-weight:bold;}

.messageBox{ width: 670px; margin: 0px auto;}
.messageBox dd{ margin-bottom: 13px; position: relative;}
.messageBox .item{ float: left; display: block; width: 49%; position: relative;}
.messageBox .item2{ float: right; display: block; width: 49%; position: relative;}
.messageBox .mtxt{ background-color: #fff; border: 1px solid #fff; width: 100%; padding: 15px 30px 15px 20px; font-size: 16px; color: #333; font-family: "微软雅黑"; box-sizing: border-box;}
.messageBox .statr{ color: #e02f35; font-size: 16px; position: absolute; right: 15px; top: 15px;}
.messageBox .mtxt2{ height: 172px; resize: none;}
.messageBox .mbtn{ width: 100%; border: 0px none; height: 52px; line-height: 52px; padding: 0; margin: 0; text-align: center; color: #fff; background-color: #e02f35; font-size: 16px; transition:0.3s; -webkit-transition:0.3s; cursor: pointer;}
.messageBox .mbtn:hover{ background-color: #333333;}
.messageBox input[type="text"]:focus, .messageBox textarea:focus { border-color: #E02F35;}
/*contact style end*/
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -240px;}
.no-t{ font-size: 36px; font-weight: bold; padding: 20px 0px 12px;}
.no-c{ margin: 0px auto; width: 250px;}
.no-btn{ width: 100px; height: 35px; line-height: 35px; display: block; float: left; margin-right: 15px; background-color: #E60012; text-align: center; color: #fff;}
.no-btn .txt{ color: #fff;}
.no-btn:hover{ background-color: #ECA838;}
/*404 style end*/