body{padding-bottom: 50px;}


/*底部*/
.eui-footer{position: absolute; bottom: 0; width: 100%; height: 50px; overflow: hidden; background: #00458a;}
.eui-footer1{height: 127px!important;position: absolute; margin-top:50px;width: 100%; height: 50px; overflow: hidden; background: #00458a;}

.footer-info{text-align: center;}
.footer-info span a{color: #b5b5b5;}

.index-communication{width: 290px;}
.index-box{height: 220px; padding: 8px 0; border: 1px solid #c4d1dc;}
.index-box li{overflow: hidden;}
.index-box a{float: right; padding: 8px 12px; font-size: 14px; line-height: 18px;}
.index-box a:first-child{position: relative; float: left; padding-left: 30px; padding-right: 0;}
.index-box a:first-child:before{content: ''; position: absolute; top: 15px; left: 15px; width: 4px; height: 4px; background: #00458a; transition: ease-in-out .3s;}
.index-box a:hover:before{background: #df4c18;}
.index-box a:first-child span{display: block; color: #999; font-size: 12px;}

.index-about{width: 515px; margin-left: 25px;}
.index-about-con{height: 220px; background: #fff;}
.index-about-con p{margin: 0; padding: 20px 20px 0; font-family: simhei; text-indent: 2em; font-size: 14px; line-height: 22px;}
.index-about-con p:first-letter{font-size: 30px; color: #00458a;}
.index-about-con a{display: block; padding: 15px 28px; overflow: hidden;}
.index-about-con a i{position: relative; left: 0; float: right; width: 24px; height: 8px; background: url(../images/index-list-icon.png); transition: ease-in-out .3s;}
.index-about-con a:hover i{left: 10px;}

.index-about-pic img{display: block;}


.in-center .eui-list>ul{padding-bottom: 10px;}

.index-login i{display: block; height: 88px; background: url(../images/login-icon.jpg) no-repeat center; margin-bottom: 20px;}
.index-login input[type=text]{ background: url(../images/login-user.png) no-repeat left center;}
.index-login input[type=password]{ background: url(../images/login-psw.png) no-repeat left center;}
.index-login img{display: block; margin: 0 auto 10px;}
.index-login b{display: block; text-align: center; line-height: 24px; font-size: 14px;}
.index-login span{display: block; text-align: center; line-height: 24px;}
.index-login span+a{width: 110px; margin: 10px auto 0; height: 30px; line-height: 30px;}



.index-link .item{width: 20%; background: none;}


.index-row1.video .index-news{width: 420px;}
.index-row1.video .index-video{width: 320px;}

/*集团文化*/
.swiper-container {width: 100%; height: 600px; margin-top: -20px; margin-bottom: -50px;background: #f1f1f1;}
.swiper-slide .pub-con{position: relative; font-size: 14px; height: 600px;overflow: hidden;}
.swiper-slide .pub-con>ul{position: relative;}
.swiper-slide p{position: relative; margin: 0; padding: 6px 0; line-height: 2em;}
.arrow-left,.arrow-right{position: absolute; top: 50%; margin-top: -30px; width: 80px; height: 100px; z-index:10; color: #ccc;}
.arrow-left {left: 0;}
.arrow-right {right: 0;}
.arrow-left:before,.arrow-right:before{position: absolute; top: 0; left: 0; width: 80px; height: 100px; line-height: 100px; font-size: 100px; text-align: center;}
.arrow-left:before{content: "<";}
.arrow-right:before{content: ">";}
.arrow-left:hover,.arrow-right:hover{color: #999;}

.pagination {display: none;}

.wh-left{position: absolute; top: 0; left: 0; width: 520px;}
.wh-right{position: absolute; top: 0; right: 0; width: 520px;}

.f-blue{position: relative; color: #00458a; font-family: simhei; font-size: 20px; display: inline-block;}
.f-orange{position: relative; color: #df4c18; font-family: simhei; font-size: 40px; font-style: italic;}
.f-center{text-align: center;}
.f24{font-family: simhei; font-size: 24px;}
.f30{font-family: simhei; font-size: 30px;}
.t-right{text-align: right;}

.eui-dsp-tb{display: table; width: 100%;}
.eui-dsp-tb ul{display: table-row;}
.eui-dsp-tb li{display: table-cell;}
.jtwh-nav{position: absolute; top: 290px; left: 50%; margin-left: 420px; width: 200px; z-index: 9999;}
.jtwh-nav ul{position: relative; margin-left: 60px; margin-bottom: 20px;}
.jtwh-nav ul:before{content: ""; position: absolute; top: 15px; bottom: 15px; left: 4px; width: 2px; background: #ddd; z-index: -1;}
.jtwh-nav a{display: block; height: 36px; line-height: 36px; font-size: 14px; color: #666; cursor: pointer; -webkit-transition: ease-out .3s; transition: ease-out .3s;}
.jtwh-nav a i{position: relative; float: left; width: 10px; height: 10px; margin: 13px 15px 0 0; border-radius: 5px; overflow: hidden; background: #999; behavior:url(css/pie.htc); -webkit-transition: ease-out .3s; transition: ease-out .3s;}
.jtwh-nav li.on a,.jtwh-nav li a:hover{color: #df4c18;}
.jtwh-nav li.on a i,.jtwh-nav li a:hover i{background: #df4c18!important}
.jtwh-nav span{display: block; line-height: 24px; text-align: center;}
.jtwh-nav span img{display: block; margin: 12px auto;}

/*1标识释义*/
.wh-keyboard{position: absolute; top: 50%; left: 50%; margin: -75px 0 0 -150px; z-index: 9; display: none;}
.wh-keyboard img{}
.slide1 .pub-con{padding: 50px 190px 0 50px;}
.slide1 .wh-bssy-title{font-size: 20px; font-family: simhei; text-align: center; height: 40px; line-height: 30px; margin-bottom: 80px; color: #00458a; border-bottom: 1px solid #c6c6c6;}
.slide1 .wh-logo{width: 320px; height: 320px; background: url(../images/wh-logo.png) no-repeat center #fafafa;}
.slide1 .rfloat{width: 640px;}
i.wh-bssy{float: left; width: 25px; height: 8px; margin: 10px 8px 0 0; border-radius: 4px;}
i.black{background: #000;}
i.red{background: #df4c18;}
i.blue{background: #00458a;}

/*2核心理念*/
.slide2{background: #f9f5d9;}
.slide2 img{position: absolute; left: 0; bottom: 0;}
.slide2 .wh-left{padding-top: 60px; padding-left: 60px; line-height: 50px;}
.slide2 .wh-right{padding-top: 80px; margin-right: 120px;}
.slide2 p{padding-bottom: 50px;}

/*3核心价值观*/
.slide3 .wh-left{padding-top: 50px; margin-left: 30px; width: 504px;}
.slide3 .wh-right{line-height: 50px; margin-right: 160px; padding-top: 10px;}
.slide3 .wh-right img{margin: 20px 0 5px;;}
.slide3 p{padding-bottom: 20px;}

/*4企业精神*/
.slide4 img{position: absolute; left: 0; bottom: 0;}
.slide4 .wh-left{padding-top: 60px; padding-left: 60px; line-height: 60px;}
.slide4 .wh-right{padding-top: 120px; margin-right: 210px;}
.slide4 p{padding-bottom: 80px; line-height: 2.2em;}

/*5企业目标*/
.slide5{background: #fafafa;}
.slide5 img{position: absolute; left: 45px; bottom: 0;}
.slide5 .f-blue{padding: 60px;}
.slide5 .wh-left,.slide5 .wh-right{width: 620px;}
.slide5 .wh-right{margin-right: 120px;}
.wh-qymb{padding: 120px 100px 0;}
.wh-qymb i{display: block; line-height: 50px;}
.wh-qymb span{display: inline-block; padding-right: 10px; line-height: 70px; border-top: 1px solid #df4c18;}
.wh-qymb p{padding: 20px 0;}

/*6企业使命*/
.slide6 img{position: absolute; left: 0; bottom: 0;}
.slide6 .wh-right{margin-right: 190px; padding-right: 40px;}
.slide6 .f-blue{padding-top: 60px;}
.slide6 .f-orange{line-height: 2em; padding: 50px 0; margin-top: 30px; text-align: center;}
.slide6 p{line-height: 2em;}

/*7企业共同愿景*/
.slide7{background: #fff;}
.slide7 .wh-left{margin-left: 45px;}
.slide7 img{position: absolute; right: 160px; bottom: 0;}
.slide7 .f-blue{padding: 80px 0 60px;}
.slide7 .f-orange{padding-left: 50px;}
.slide7 p{padding-left: 50px; padding-bottom: 50px;}

/*8工作方针*/
.slide8{background: #e8eff5;}
.slide8 img{position: absolute; left: 0; bottom: 0;}
.slide8 .wh-right{padding-right: 100px; margin-right: 120px;}
.slide8 .wh-right .ani{padding: 20px 0; text-align: center;}
.slide8 .wh-right .f-blue{padding: 80px 0 50px; text-align: left;}

/*9倡导八种文化*/
.slide9{background: #fff;}
.slide9 .pub-con{padding-left: 42px; padding-right: 190px;}
.slide9 img{position: absolute; left: 0; bottom: 0;}
.slide9 .f-blue{padding: 50px 0 30px;}
.slide9 li{padding: 20px 28px; line-height: 3em;}
.slide9 li i{display: block;}
.slide9 li span{display: block;}

/*10基本理念——人本管理理念*/
.slide10 .f-blue{padding: 50px 60px;}
.slide10 .wh-left{margin-left: 180px;  line-height: 2em;}
.slide10 .wh-left .f24{margin-left: -60px;}
.slide10 .wh-right{margin-right: 200px; padding: 40px 0 0;}
.slide10 p{padding: 10px 0;}
.slide10 p b{display: inline-block; padding: 10px 0;}

/*11 基本理念——发展、市场理念*/
.slide11{background: #fff;}
.slide11 img{position: absolute; left: 60px; bottom: 0;}
.slide11 .wh-right{margin-right: 210px; padding: 60px 0 0;}
.slide11 .f-orange div{padding: 15px 0 15px 60px;}
.slide11 .f-orange .f24{padding-left: 0;}
.slide11 p{margin-bottom: 50px;}

/*12 基本理念——用人、质量理念*/
.slide12 img{position: absolute; right: 160px; bottom: 0;}
.slide12 .wh-left{margin-left: 60px; padding: 60px 0 0;}
.slide12 .f-orange div{padding: 15px 0 15px 60px;}
.slide12 .f-orange .f24{padding-left: 0;}
.slide12 p{margin-bottom: 50px;}

/*13 基本理念——安全、廉洁理念*/
.slide13{background: #fff;}
.slide13 img{position: absolute; left: 0; bottom: 0;}
.slide13 .wh-right{margin-right: 180px; padding: 60px 0 0;}
.slide13 .f-orange div{padding: 15px 0 15px 60px;}
.slide13 .f-orange .f24{padding-left: 0;}
.slide13 p{margin-bottom: 50px;}

/*14 基本理念——责任、学习理念*/
.slide14 img{position: absolute; right: 160px; bottom: 0;}
.slide14 .wh-left{margin-left: 50px; width: 540px; padding: 50px 0 0;}
.slide14 .wh-left div{padding: 15px 0; text-align: center;}
.slide14 .wh-left .f24{text-align: left;}
.slide14 p{margin-bottom: 10px;}

/*15 管理格言——站略、效能管理*/
.slide15{background: #fff;}
.slide15 img{position: absolute; left: 0; bottom: 0;}
.slide15 div.ani{padding: 15px 0; line-height: 60px;}
.slide15 .f-blue{padding: 40px 60px!important;}
.slide15 .wh-left {margin-left: 150px; padding-top: 100px;}
.slide15 .wh-left .f24{margin-left: -48px;}
.slide15 .wh-left p{margin-top: 30px;}
.slide15 .wh-right {margin-right: 190px; padding-top: 100px;}

/*16 管理格言——人事、安全管理*/
.slide16 .wh-left {margin-left: 100px; padding-top: 60px;}
.slide16 p{margin-top: 10px;}
.slide16 .f30{margin-left: 48px;}
.slide16 .wh-right {margin-right: 130px; padding-top: 60px;}
.slide16 div.ani{padding: 15px 0; line-height: 60px;}

/*17 作风建设——三子、四有*/
.slide17{background: #fff;}
.slide17 img{position: absolute; left: 0; bottom: 0;}
.slide17 .f-blue{padding: 25px 60px;}
.slide17 .wh-left{width: auto; padding: 60px 0 0 80px;}
.slide17 .f24{padding: 5px 0;}
.slide17 p{padding: 10px 50px;}

/*18 作风建设——四要四不要*/
.slide18 img{position: absolute; left: 0; bottom: 0;}
.slide18 .f24{padding: 60px;}
.slide18 .wh-left{padding: 120px 50px 0; margin-left: 60px;}
.slide18 .wh-right{padding: 120px 50px 0; margin-right: 190px;}
.slide18 .t-right{margin-bottom: 15px;}

/*19 作风建设——唱好、惩戒*/
.slide19{background: #fff;}
.slide19 div.f24{padding: 60px 0 40px; margin-left: -40px;}
.slide19 .wh-left{padding: 0 80px; margin-left: 20px;}
.slide19 .wh-right{padding: 0 0 0 58px; margin-right: 220px;}
.slide19 li{height: 100px; padding: 15px 0;}
.slide19 li div{float: right; margin-top: 15px; padding-right: 15px;}
.slide19 li div:first-child{float: left; margin: 0; display: block; width: 100%; padding: 0;}

/*20 作风建设——五子棋*/
.slide20 img{position: absolute; right: 180px; bottom: 0;}
.slide20 .f-orange.f24{padding: 50px 40px;}
.slide20 .wh-left{padding: 100px 50px 0; margin-left: 40px;}
.slide20 .wh-right{padding: 100px 50px 0; margin-right: 160px;}
.slide20 .f30{padding: 25px 0 10px;}
.slide20 i{display: block; line-height: 1.3em;}

/*21 作风建设——五个重在*/
.slide21{background: #fff;}
.slide21 img{position: absolute; left: 0; bottom: 0;}
.slide21 .f-orange.f24{padding: 50px 80px;}
.slide21 .wh-left{padding: 100px 50px 0; margin-left: 60px; line-height: 57px;}
.slide21 .wh-right{padding: 100px 50px 0; margin-right: 190px;}
.slide21 .wh-right div{padding: 2px; line-height: 26px;}
.slide21 .wh-right b{color: #df4c18;}

/*22 作风建设——六个来*/
.slide22 img{position: absolute; left: 0; bottom: 0;}
.slide22 .f-orange.f24{padding: 50px 80px 40px;}
.slide22 ul{padding: 0 180px 0 120px;}
.slide22 li{float: left; width: 33.33%; padding-bottom: 30px;}

/*23 行为准则——四谋、四创*/
.slide23{background: #fff;}
.slide23 img{position: absolute; right: 0; bottom: 0;}
.slide23 .f-blue{padding: 50px 60px 0;}
.slide23 .f-orange{padding: 15px 150px;}
.slide23 .f24{margin-left: -40px; padding-top: 50px;}

/*24 行为准则——四重、四求*/
.slide24 img{position: absolute; left: 0; bottom: 0;}
.slide24 .pub-con{padding-top: 100px;}
.slide24 .f-orange{padding: 15px 0 15px 500px;}
.slide24 .f24{margin-left: -40px; padding-top: 50px;}

/*25 行为准则——四守、四心*/
.slide25{background: #fff;}
.slide25 img{position: absolute; left: 0; bottom: 0;}
.slide25 .wh-left{padding: 80px 50px 0; margin-left: 60px;}
.slide25 .wh-right{padding: 80px 50px 0; margin-right: 190px;}
.slide25 .f-orange{padding: 10px 0;}
.slide25 .f24{margin-left: -40px; padding-bottom: 20px;}

/*26 基本礼仪要求——仪容仪表、办公礼仪*/
.slide26 img{position: absolute; right: 0; bottom: 0;}
.slide26 .f-blue{padding: 50px 45px;}
.slide26 .f-orange{padding: 0 0 30px;}
.slide26 .wh-left{padding: 120px 60px 0 0; margin-left: 80px;}
.slide26 .wh-right{padding: 120px 0 0 60px; margin-right: 200px;}

/*27 基本礼仪要求——会议、电话*/
.slide27{background: #fff;}
.slide27 img{position: absolute; left: 0; bottom: 0;}
.slide27 .f24{padding: 50px 0 30px; margin-left: -40px;}
.slide27 .wh-left{padding: 0 50px 0; margin-left: 40px;}
.slide27 .wh-right{padding: 0 50px 0; margin-right: 160px;}

/*28 基本礼仪要求——介绍、名片*/
.slide28 img{position: absolute; right: 0; bottom: 0;}
.slide28 .f-orange{padding: 0 0 40px;}
.slide28 .wh-left{padding: 80px 60px 0 0; margin-left: 40px;}
.slide28 .wh-right{padding: 80px 0 0 60px; margin-right: 220px;}

/*29 福能集团之歌*/
.slide29{background: #fff;}
.slide29 .wh-left{margin-left: 40px; position: relative; z-index: 2;}
.slide29 .wh-right{margin-right: 150px;}

/*30 寓意*/
.slide30 img{position: absolute; left: 0; bottom: 0;}
.slide30 ul{padding: 40px 300px 20px 150px;}
.slide30 li{float: left; width: 33.33%;}
.slide30 p{padding: 5px 0 0 240px;}

/*引导页*/
.guide-bg{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: url(../images/guide-bg.jpg) no-repeat top center; background-size: cover; z-index: 1; -webkit-animation:zoomIn alternate 15s ease-in-out; animation:zoomIn alternate 15s ease-in-out;}
@-webkit-keyframes zoomIn {
  0% {opacity:0; -webkit-transform:scale(1.3); transform:scale(1.3);}
  15% {opacity:1;}
  100% {opacity:1; -webkit-transform:scale(1); transform:scale(1);}
}
@keyframes zoomIn {
  0% {opacity:0; -webkit-transform:scale(1.3); transform:scale(1.3);}
  15% {opacity:1;}
  100% {opacity:1; -webkit-transform:scale(1); transform:scale(1);}
}
.zoomIn{-webkit-animation-name:zoomIn; animation-name:zoomIn;}
.guide-cloud1{position: absolute; top: 0; left: -200px; display: block; opacity: 0; -webkit-animation:moveRight infinite 40s ease-in-out; animation:moveRight infinite 40s ease-in-out;}
.guide-cloud2{position: absolute; top: 0; left: 1200px; display: block; opacity: 0; -webkit-animation:moveRight infinite 60s  ease-in-out; animation:moveRight infinite 60s ease-in-out;}
.guide-cloud3{position: absolute; top: 0; left: 0; display: block; opacity: 0; -webkit-animation:moveRight infinite 50s ease-in-out; animation:moveRight infinite 50s ease-in-out;}
.guide-cloud4{position: absolute; bottom: 0; left: -360px; display: block; opacity: 0; -webkit-animation:moveRight infinite 70s ease-in-out; animation:moveRight infinite 70s ease-in-out;}
.guide-cloud5{position: absolute; bottom: 0; left: 360px; display: block; opacity: 0; -webkit-animation:moveRight infinite 50s ease-in-out; animation:moveRight infinite 50s ease-in-out;}

.guide-flash{position: absolute; top: 50%; left: 50%; right: 0; bottom: 0; width: 1920px; height: 1080px; margin: -540px 0 0 -960px; overflow: hidden; z-index: 2; background: url(../images/guide-bg.jpg) no-repeat top center;}
.guide-btn{position: absolute; top: 420px; left: 50%; width: 130px; margin-left: -65px; line-height: 45px;z-index: 999;}
.guide-flash a{display: block; font-size: 20px; text-align: center; color: #fff; -webkit-transition: ease-out .3s; transition: ease-out .3s; border-radius: 5px; z-index: 3; background: #074a8d; font-family: simhei;}
.guide-flash a:hover{background: #dd4b18;}

.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;}
5%{opacity: 1;}
100%{opacity: 1;left:2500px;}}
@keyframes moveRight{0%{opacity: 0;}
5%{opacity: 1;}
100%{opacity: 1;left:2500px;}}