@charset "utf-8";

/**
 * fullPage 2.1.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
**/
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{overflow-x:hidden !important; font-family: "微软雅黑" !important;}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.slideWrap{position:relative;overflow:hidden;width:100%;height:100%;}
.slideWrap .cover{display:block;width:100%;height:20px;position:absolute;left:0;bottom:0;background:#000;z-index:2;}
.fp-slide{float:left}
.fp-slide,.fp-slidesContainer{height:100%;display:block}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;overflow-x:visible;}
.fp-section.fp-table,.fp-slide.fp-table{display:table;width:100%}
.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}
.fp-slidesContainer{float:left;position:relative;}
.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px}
.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}
.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}
.fp-scrollable{overflow:scroll}
.fp-easing{-webkit-transition:all .7s ease-out;transition:all .7s ease-out}
#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1}
#fp-nav.right{right:17px}
#fp-nav.left{left:17px}
.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1}
.fp-slidesNav.bottom{bottom:17px}
.fp-slidesNav.top{top:17px}
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}
#fp-nav li,.fp-slidesNav li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-slidesNav li{display:inline-block}
#fp-nav li a,.fp-slidesNav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
#fp-nav li .active span,.fp-slidesNav .active span{background:#333}
#fp-nav span,.fp-slidesNav span{top:2px;left:2px;width:8px;height:8px;border:1px solid #000;background:rgba(0,0,0,0);border-radius:50%;position:absolute;z-index:1}
.fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px}
.fp-tooltip.right{right:20px}
.fp-tooltip.left{left:20px}

/**
 * Video.js Default Styles (http://videojs.com)
 * Version 4.4.3
 * Create your own skin at http://designer.videojs.com
**/
.vjs-default-skin{color:#ccc}
.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,0.9)}
.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}
.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}
.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,0.7)}
.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility 0.1s,opacity .1s;-moz-transition:visibility 0.1s,opacity .1s;-o-transition:visibility 0.1s,opacity .1s;transition:visibility 0.1s,opacity .1s}
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}
@media \0screen { .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}
.vjs-default-skin .vjs-control{outline:none;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}
.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}
.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}
.vjs-default-skin .vjs-play-control:before{content:"\e001"}
.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}
.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}
.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}
.vjs-default-skin .vjs-volume-control{width:5em;float:right}
.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content{height:2.9em}
.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em}
.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{width:6em;left:-4em}
.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.vjs-default-skin .vjs-progress-holder{height:100%}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}
.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}
.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,0.4)}
.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}
.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}
.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}
.vjs-default-skin .vjs-current-time{float:left}
.vjs-default-skin .vjs-duration{float:left}
.vjs-default-skin .vjs-remaining-time{display:none;float:left}
.vjs-time-divider{float:left;line-height:3em}
.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}
.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}
.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,0.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,0.25);-moz-box-shadow:0 0 1em rgba(255,255,255,0.25);box-shadow:0 0 1em rgba(255,255,255,0.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4em}
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}
.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}
.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,0.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0;-moz-transition:all 0;-o-transition:all 0;transition:all 0}
.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}
.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}
.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,0.5)}
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,0.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,0.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,0.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,0.2)}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu{display:block}
.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}
.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}
.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}
.vjs-default-skin .vjs-captions-button:before{content:"\e008"}
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}
.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.video-js .vjs-tech{position:absolute;top:0;left:0;height:100%}
.video-js:-moz-full-screen{position:absolute}
body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}
.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}
.video-js:-webkit-full-screen{width:100%!important;height:100%!important}
.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}
.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}
.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}
.video-js.vjs-using-native-controls .vjs-poster{display:none}
.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}
.video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,0.5)}
.video-js .vjs-subtitles{color:#fff}
.video-js .vjs-captions{color:#fc6}
.vjs-tt-cue{display:block}
.vjs-default-skin .vjs-hidden{display:none}
.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}
.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:0em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}
.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}
@-moz-keyframes spin {
0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg)}
}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg)}
}
@-o-keyframes spin {
0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(359deg)}
}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}

video, object{display:block;width:100%;height:100%;}

#wrapper{height:100%;}
#footer{positifullpageon:fixed;z-index:2;bottom:0;left:0;width:100%;}
#fullpage{z-index:1;}
#mainVideo{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:1;}
#mainVideo .btnPlay{position:absolute;top:50%;left:50%;width:128px;height:128px;margin-left:-64px;margin-top:-64px;border:0;background:url('../images/btn-play.png') no-repeat 0 0;z-index:1000;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
#mainVideo .btnPlay.on{background-position:0 100%;}
#mainCont{position:relative;width:100%;height:100%;z-index:1;background:url("../images/opacity-20.png");}
#mainCont ul{width:1280px;height:100%;margin:0 auto;}
#mainCont li{float:left;width:427px;height:50%;}
#mainCont li:nth-child(2n){background:url("../images/opacity-10.png");}
#mainCont li:nth-child(2n+1){background:url("../images/opacity-25.png");}
#mainCont li a{display:block;position:relative;width:100%;height:100%;text-align:center;}
#mainCont li.hist{width:426px;}
#mainCont li.loca{width:426px;}/*
#mainCont li.prdt a{background-image:url("../images/main-prdt.png");}
#mainCont li.safe a{background-image:url("../images/main-safe.png");}
#mainCont li.rcrt a{background-image:url("../../../../../Public/Home/images/main-rcrt.png.html");}
#mainCont li.hist a{background-image:url("../images/main-hist.png");}
#mainCont li.news a{background-image:url("../images/main-news.png");}
#mainCont li.ebsn a{background-image:url("../../../../../Public/Home/images/main-ebsn.png.html");}
#mainCont li.csr a{background-image:url("../images/main-csr.png");}
#mainCont li.loca a{background-image:url("../images/main-loca.png");}
#mainCont li a img{position:absolute;left:50%;top:50%;margin-top:-42px;margin-left:-213px;opacity:0;filter:alpha(opacity=0);}
#mainCont li a:hover, #mainCont li a:focus{background:none;}
#mainCont li a:hover img, #mainCont li a:focus img{opacity:1;filter:alpha(opacity=100);}*/

.indicator{position:fixed;right:30px;top:50%;width:37px;height:161px;padding:20px 16px 0 0;margin-top:-90px;background:url("../images/bg_indicator.png") no-repeat 0px 0px;z-index:3;}
.indicator li{height:23px;margin-bottom:7px;background:url('../images/img_indicator.png') no-repeat left top;float:right;}
.indicator li a{display:block;width:100%;height:100%;background-position:-999em 0;background-repeat:no-repeat;}
.indicator li a span{position:absolute;left:-99999em;top:-99999em;text-indent:-99999em;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.indicator li.sect01.curr{width:75px;background-position:right 0px;}
.indicator li.sect02.curr{width:71px;background-position:right -30px;}
.indicator li.sect03.curr{width:99px;background-position:right -60px;}
.indicator li.sect04.curr{width:123px;background-position:right -120px;}
.indicator li.sect05.curr{width:145px;background-position:right -90px;}
.indicator li.sect01{width:75px;background-position:right -240px;}
.indicator li.sect02{width:71px;background-position:right -270px;}
.indicator li.sect03{width:99px;background-position:right -300px;}
.indicator li.sect04{width:123px;background-position:right -360px;}
.indicator li.sect05{width:145px;background-position:right -330px;}

/*SECTION2 | Product*/

/*SECTION3 | Press Room*/
#section3{background:url('../images/bg_pressroom.jpg') repeat center top;}
#section3 .pressroom{position:relative;width:1280px;height:100%;margin:0 auto;text-align:center;overflow:hidden;}
#section3 .pressroom_tit{text-align:center;padding-top:35px;}
#section3 .pressroom_item{position:relative;width:100%;height:583px;margin-top:10px;}
#section3 .pressroom_item li{position:absolute;top:1000px;}
#section3 .pressroom_item li a{display:block;position:absolute;left:67px;width:351px;height:112px;}
#section3 .pressroom_item li a.press{top:182px;}
#section3 .pressroom_item li a.archiv{top:293px;}
#section3 .pressroom_item li a.brchr{top:403px;}
#section3 .pressroom_item li a span{text-indent:-9999px;position:absolute;top:-9999px;font-size:0px;}

/*SECTION4 | Sustainability*/
#section4{position:relative;width:1920px;overflow:hidden;height:100%;background:url('../images/bg_sustainability.jpg') no-repeat center bottom;}
#section4 .sustain{width:100%;height:100%;}
#section4 .sustainability_icon li{position:absolute;}
#section4 .sustainability_cont{position:relative;width:1280px;height:100%;}
#section4 .sustainability_cont > div{position:absolute;right:0px;bottom:94px;width:524px;height:283px;overflow:hidden;}
#section4 .sustainability_cont > div ul{width:100%;overflow:hidden;margin-top:38px;}
#section4 .sustainability_cont > div ul:after{content:'';display:block;height:0px;clear:both;visibility:hidden;}
#section4 .sustainability_cont > div ul li{float:left;}

/*Main Footer*/
#Mainfooter{position:fixed;left:0px;bottom:0px;width:100%;height: 70px;background: #353535;z-index:1005;}
#Mainfooter > div {width:1280px;margin:0 auto;text-align:center;padding-top:28px; color: #fff;}

/*修改*/
em{ display: inline-block; vertical-align: middle; height: 100%; }
#mainCont li{ width: 426px; }
#mainCont li a>div{ height: auto; display: inline-block; vertical-align: middle; }
#mainCont li a span{ display: block; font-size: 24px; font-weight: bold; text-transform: uppercase; margin-top: 20px; color: #fff; }
#mainCont li a h3{ font-size: 26px; font-weight: bold; color: #fff; text-transform: uppercase; }
#mainCont li a .msec2Div2 span{ font-size: 14px; color: #fff; font-weight: 400; font-family: "微软雅黑"; }
.msec2Div2{ position: absolute; top: 0; left: 0; width: 100%; height: 100% !important; opacity: 0; }
.msec2Div2>div{ display: inline-block; vertical-align: middle; }
#mainCont li a>div.msec2Div1{ opacity: 1; }
#mainCont li:hover a>div.msec2Div1{ opacity: 0; }
#mainCont li:hover .msec2Div2{ opacity: 1; }
.product_txt>div{ background-color: rgba(0,0,0,.7); width: 640px; height: 350px; padding: 30px 50px; text-align: left; }
.product_txt h2{ font-size: 68px; font-weight: bold; color: #fff; margin-bottom: 20px; }
.product_txt h3{ font-size: 24px; color: #fff; margin-bottom: 10px; }
.product_txt p{ font-size: 14px; color: #fff; line-height: 26px; }
.sustainability_cont strong{ font-size: 78px; font-family: "Arial"; }
.sustainability_cont p{ line-height: 20px; }
#section4 .sustainability_cont > div ul li{ text-align: center; }
#section4 .sustainability_cont > div ul li span{ display: block; font-size: 16px; }
.pressroom_tit strong{ display: block; font-size: 72px; font-family: "Arial"; }
.pressroom_tit p{ font-size: 16px; font-family: "Arial"; line-height: 26px; }
#section2 .product_controls a{ width: 60px !important; }