@charset "utf-8";
/* 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: #fff 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; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-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%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {-webkit-box-sizing: border-box;box-sizing: border-box; }
  .pswp img { max-width: none; }

.pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

/*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; }
.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; }

.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #ff6511;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox{ position: absolute; left:0; right: 0;margin: 0 auto;top:18em; color: #fff; text-align: center;width: 1000px;}
.bnnerbt{margin: 0 auto 28px auto;display: flex;justify-content: center;line-height:46px;font-size:24px;color: #e84f03;}
.bnnerbt img{display:block;width: 58px;height: 46px;margin-right: 16px;}
.binbox strong{font-size:52px;font-weight:bold;color: #17371a;}
.binbox p{margin-top: 28px;font-size:18px;line-height:38px;color:#17371a;}
.liaoj{width: 120px;height: 30px;line-height: 30px;text-align: center;color: #fff;background:#e84f03;transition: all 2s;border-radius:15px;margin:28px auto 0 auto;}
.liaoj:hover{width:140px;}
.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #cc1b23; height: 3px; overflow: hidden;}
.banner .slick-arrow{width:38px; height: 52px; z-index: 105;  bottom: 45%;border: 1px #fff solid;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 7%; }
.banner .slick-next{ right: 7%;}
.banner .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{background:rgba(255,118,17,0.8);border: none;}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner-yy{ background: url(../images/bg_yy.png) repeat-x scroll left bottom; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s 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)}}
.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{ right: 2.5%; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }
.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}
.banner .slick-dots li:before{ content: ""; background-color: #fff; width: 1px; height: 100%; position: absolute; left: 50%; top: 0;}
.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}
.banner .slick-dots li:last-child:before{ height: 50%;}
.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../images/banner_y1.png) no-repeat scroll center center;}
.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../images/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.mouseIcoo{ width: 1px; height: 50px; display: block; margin: 0px auto; position: absolute; left: 50%;  bottom: 200px; z-index:900;background-color: #fff;}
.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -12px; bottom: 50px; z-index:900;}
.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -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(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.moreBtn{ text-align: center; font-family: "Microsoft YaHei";position: relative;line-height:32px;font-size:22px;}
.moreBtn:before { content: ""; width: 100%; height: 100%;position: absolute; left: 0; bottom: 0px;width: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.iboxT .zh,.iboxT .en{ font-size: 24px; line-height: 1.5;}
.iboxT .zh{ color: #d82e29;}
.iboxT .en{ color: #bbbbbb; text-transform: uppercase; padding-left: 6px; font-family: "pf_din_text_comp_proregular";}
.ibox dd{ float: left; display: block; width: 50%; position: relative;}
.ibox .img{ overflow: hidden; position: relative;}
.ibox .img img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}
.ibox .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 330ms; -webkit-transition: 330ms;}
.videoIbox a:link, .videoIbox a:visited { color: #fff;}
.videoIbox a:active,.videoIbox a:hover { color: #d82e29;}
.videoIbox .con{ position: absolute; left: 5%; top: 0; width: 90%; top: 50%; text-align: center; margin-top: -75px;}  
.videoIbox .vico{ background: url(../images/videoIco.png) no-repeat scroll center center; width: 55px; height: 55px; margin: 0px auto; display: block; cursor: pointer;}
.videoIbox .iboxT{ padding: 15px 0px;}
.videoIbox .iboxT .zh,.videoIbox .iboxT .en{ color: #fff;}
.videoIbox .moreBtn{ margin: 0px auto;}
.ibox dd:hover .black-20{ opacity: 1; visibility: visible;}
.ibox dd:hover .img img{ -webkit-transform:scale(1.3) rotate(10deg); transform: scale(1.3) rotate(10deg);}
.aboutIbox{ background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.aboutIbox .con{ position: absolute; left: 8%; top: 14%; width: 84%;}
.aboutIbox .t{ font-size: 18px; color: #d82e29; line-height: 1.5;}
.aboutIbox .by{ color: #d82e29; font-weight: bold; font-size: 30px; line-height: 1.2; }
.aboutIbox .i{ width: 500px; text-align: justify; height: 76px; overflow: hidden; margin: 4% 0px 8%;}
.numList li{ float: left; display: block; margin-right: 46px; text-align: center; font-size: 12px; color: #666666;}
.numList li:last-child{ margin-right: 0;}
.numList .num{ font-size: 72px; color: #733e1f; line-height: 1.1; font-family: 'Baiduan Number';}
.aboutIbox .moreBtn{ position: absolute; right: 0; bottom: 0;}
.aboutIbox .moreBtn:before{}
.aboutIbox a:link, .aboutIbox a:visited { color: #977751;}
.aboutIbox a:active,.aboutIbox a:hover { color: #000;}
.industryIbox{ position: relative; overflow: hidden; color: #fff;}
.industryIbox a:link, .industryIbox a:visited { color: #fff;}
.industryIbox a:active,.industryIbox a:hover { color: #d82e29;}
.industryIDemo{ position: relative; overflow: hidden;}
.industryIDemo .item{ position: relative; opacity: 1;}
.industryIDemo .img{ position: relative; overflow: hidden;}
.industryIDemo .img img{ width: 100%; display: block;}
.industryIDemo .black-30{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.industryIDemo .con{ position: absolute; left: 7%; top: 20%; width: 1000px;  transform: translateX(88px); -webkit-transform: translateX(88px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden;}
.industryIDemo .t{ font-size:52px; line-height: 1; color: #fff;font-weight:bold}
.industryIDemo .t span{font-size:28px;font-weight:100}
.industryIDemo .by{  color: #8a8b8d; font-size: 40px; line-height: 1; margin-top: 20px;font-family:"Century751 BT";text-transform: uppercase;}
.industryIDemo .txt{ color: #fff; margin-top: 28px; height: 50px; overflow: hidden;}
.industryIDemo .slick-active{ z-index:800 !important;}
.industryIDemo .slick-active .img { -webkit-animation: slideIn 1s ; animation: slideIn 1s;}
.industryIDemo .slick-active .img img { -webkit-animation: imgIn 1s; animation: imgIn 1s; }
.industryIDemo .con1{ height:110px;border-left: 3px solid #fff;padding-left: 30px; }
.industryIDemo .by1{  color: #fff; font-size: 16px; line-height:40px;; margin-top: 20px;}