/*
 * Overview: Home Style
 * Site: http://f2e.adee.cn
 */
 



.slide-box { position: relative; z-index: 0; left: 0; top: 0; height: 482px; width: 100%; overflow: hidden; background-color: #00264c; }
.slide-box .swiper-container { width: 100%; height: 482px; }
.slide-box .swiper-wrapper { z-index: 100; }
.slide-bg { position: absolute; left: 50%; top: 0; z-index: 100; width: 2000px; height: 482px; margin-left: -1000px; }

.sldie-item-box { width: 100%; height: 100%; position: relative; overflow: hidden; }
.slide-text { position: relative; z-index: 200; text-align: center; overflow: hidden; }
.slide-text h2 { display: block; overflow: hidden; width: 710px; margin: 0 auto; height: 108px; margin-top: 175px; line-height: 108px; text-align: center; }
.slide-text h2 span,
.slide-text h2 img { float: left; display: inline-block; *display: inline; *zoom: 1; }
.slide-text h2 span { color: #fff; font-size: 48px; letter-spacing: 4px; }
.slide-text h2 img { margin: 0 8px; }
.slide-text h3 { display: block; margin-top: 10px; text-transform: uppercase; font-size: 18px; font-weight: 400; letter-spacing: 2px; color: #e1edff; font-family: 'Arial'; }

.slide-box .pagination { position: absolute; bottom: 40px; z-index: 200; width: 100%; height: 40px; text-align: center; }
.slide-box .pagination span { display: inline-block; *display: inline; *zoom: 1; width: 9px; height: 9px; margin: 8px; border-radius: 8px; border: 1px solid #fff; cursor: pointer; }
.slide-box .pagination span.swiper-active-switch { background-color: #fff; }

.swiper-slide-active .slide-text h2 { animation: translateY-top 1.5s 0s ease both; -webkit-animation: translateY-top 1.5s 0s ease both; }
.swiper-slide-active .slide-text h3 { animation: translateY-bottom 1.5s 0s ease both; -webkit-animation: translateY-bottom 1.5s 0s ease both; }
@keyframes translateY-top{
  
  0%{ transform:translateY(-30%); opacity: 0;}
  
  100%{ transform:translateY(0); opacity: 1;}
  
}

@keyframes translateY-bottom{
  
  0%{ transform:translateY(30%); opacity: 0;}
  
  100%{ transform:translateY(0); opacity: 1;}
  
}

section { width: 1200px; margin: 0 auto; }

.news-notification { position: relative; z-index: 200; margin-top: -32px; background-color: #fff; height: 64px; line-height: 64px; box-shadow: 0 2px 6px #ccc; border-radius: 3px; top: 0; margin-top: 0px\0;  }
.notification-title { float: left; width: 145px; background: url(../images/notification-icon.jpg) 21px center no-repeat; text-indent: 64px; font-size: 14px; color: #272727; }

.notification-box { position: relative; width: 890px; height: 64px; margin-left: 20px; overflow: hidden; }
.notification-list { height: 64px; overflow: hidden; }
.notification-list ul { position: absolute; left: 0; top: 0; overflow: hidden; }
.notification-list li { float: left; font-size: 14px; color: #272727; }
.notification-list li time { display: inline-block; *display: inline; *zoom: 1; margin-left: 20px; padding-right: 40px; font-size: 14px; font-family: Arial; color: #c2c2c2; }

.notification-list li a:hover { color: #014085; }

.title { width: 100%; text-align: center; }
.title h2 { font-size: 30px; color: #303030; }
.title span { display: block; line-height: 22px; font-family: Arial; color: #dedede; font-size: 14px; }


/* news */
.news { margin-top: 40px; height: 598px; overflow: hidden; }
.news-tab-btn { display: block; width: 100%; text-align: center; margin-top: 26px; }
.news-tab-btn span { display: inline-block; *display: inline; *zoom: 1; height: 30px; margin: 0 12px; line-height: 30px; padding: 0 17px; font-size: 16px; color: #929292; cursor: pointer; }
.news-tab-btn span.active { color: #fff; background-color: #004080; }

.news-tab-con { margin-top: 66px; }

.news-hot { width: 454px; height: 305px; float: left; }
.news-hot-item img { width: 454px; height: 226px; }

.news-hot-text { margin-top: 14px; overflow: hidden; }
.news-hot-text hgroup { float: left; color: #dedede; font-family: Arial; text-align: right; }
.news-hot-text hgroup h3 { display: block; margin-top: 4px; font-size: 32px; line-height: 36px; }
.news-hot-text hgroup h2 { font-size: 18px; font-weight: 400; }
.news-hot-text p { width: 350px; float: right; font-size: 16px; line-height: 33px; color: #272727; }

.news-hot-box { z-index: 100; }

.news-hot-btn { position: absolute; right: 0; bottom: 0; width: 56px; height: 20px; }
.news-hot-btn span { display: inline-block; *display: inline; *zoom: 1; width: 15px; height: 20px; cursor: pointer; }
.news-hot-btn span:hover { opacity: 0.8; }
.news-hot-btn .arrow-left { background: url(../images/arrow-l.jpg) center no-repeat; float: left; }
.news-hot-btn .arrow-right { background: url(../images/arrow-r.jpg) center no-repeat; float: right; }

.news-hot-btn { z-index: 200; }

.news-list { position: relative; float: right; width: 660px; height: 320px; }
.news-list hgroup { float: left; margin-right: 23px; height: 96px; color: #dedede; font-family: Arial; text-align: right; }
.news-list hgroup h3 { display: block; font-size: 32px; line-height: 36px; }
.news-list hgroup h2 { font-size: 18px; font-weight: 400; }
.news-list dl { height: 300px; overflow: hidden; position: relative; z-index: 100; }
.news-list dd { width: 100%; height: 92px; margin-bottom: 14px; border-bottom: 1px solid #ebebeb; overflow: hidden; }
.news-list dd h4 { font-size: 16px; color: #272727; }
.news-list dd span { display: block; margin-top: 12px; line-height: 22px; font-size: 14px; color: #767676; }

.news-list .more { position: absolute; right: 0; bottom: 0; z-index: 200; display: block; width: 100%; font-size: 14px; text-align: right; color: #ccc; }
.news-list .more:hover { color: #585858; }

/* technical */
.technical { position: relative; width: 100%; height: 467px; background: url(../images/technical-bg.jpg) center no-repeat; overflow: hidden; }
.technical .title { padding-top: 35px; }
.technical h2 { color: #fff; }
.technical span { font-size: 14px; color: #b7e5ff; text-transform: uppercase; }

.technical-list { width: 1240px; min-width: 1200px; height: 200px; margin-top: 57px; }
.technical-list li { text-align: center; }
.technical-list li img { display: block; margin: 0 auto; width: 206px; height: 134px; }
.technical-list li span { display: block; margin: 0 auto; width: 206px; height: 54px; line-height: 54px; font-size: 14px; color: #0f0f0f; background-color: #f5f5f5; }

.technical-list li a:hover span { color: #014085; }

.technical-btn { position: relative; margin: 0 auto; z-index: 200; width: 1400px; height: 52px; }
.technical-btn span { position: absolute; top: -130px; z-index: 100; display: block; width: 32px; height: 53px; cursor: pointer;  }
.technical-left { left: 0px; background: url(../images/technical-btn-left.png) center no-repeat; }
.technical-right { right: 0px; background: url(../images/technical-btn-right.png) center no-repeat; }


.case { width: 100%; height: 763px; background: url(../images/industry-bg.jpg) center no-repeat; overflow: hidden; }
.case .case-title { width: 540px; height: 58px; margin-top: 75px; margin-bottom: 10px; line-height: 58px; background-color: #fff; overflow: hidden; }
.case .case-title h2 { float: left; margin-left: 33px; margin-top: 17px; padding-left: 14px; display: inline-block; *display: inline; *zoom: 1; height: 24px; line-height: 24px; border-left: 3px solid #004080; font-size: 20px; color: #0f0f0f; }
.case .case-title span { display: inline-block; *display: inline; *zoom: 1; margin-left: 18px; line-height: 60px; font-size: 14px; color: #dedede; font-family: Arial; text-transform: uppercase; }
.case .case-title a { float: right; color: #d0d0d0; font-size: 30px; margin-right: 15px; }
.case dl { width: 474px; height: 490px; overflow: hidden; padding: 33px; padding-top: 8px; background-color: #fff; }
.case dd { display: block; margin-top: 28px; overflow: hidden; border-bottom: 1px solid #efefef; }
.case dd img { float: left; margin: 0 30px 30px 0; width: 153px; height: 100px; }

.case dd:nth-child(3) { border-bottom: none; }

.case dd h3 { display: block; line-height: 42px; font-size: 16px; color: #0f0f0f; }
.case dd span { font-size: 14px; line-height: 24px; color: #767676; }
.case dd a:hover h3 { color: #014085; }

.industry { float: left; }
.achievements { float: right; }