/*
 * Overview: Page Style
 * Site: http://f2e.adee.cn
 */
html,
body { width: 100%; }
.nav-wrap { position: fixed; top: 30px; left: 0; background-color: #2e3035; }

article { width: 100%; overflow: hidden; }

.page-btn { width: 100%; text-align: justify; text-align-last: justify; line-height:0; height: 204px; }
.page-btn a { display: inline-block; padding-top: 114px; overflow: hidden; transition: 0.5s; color: #606060; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; position: relative; text-align: center; text-align-last: center; }
.page-btn a h2 { display: block; font-size: 24px; margin-top: 10px; margin-bottom: 2px; height: 38px; text-align: center; line-height: 38px; letter-spacing: 2px; }
.page-btn a span { display: block; font-family: Arial; font-size: 14px; text-align: center; height: 20px; line-height: 20px; text-transform: uppercase; font-style: normal;  }
.page-btn a:hover { color: #0c51ec; }
.page-btn a img { position: absolute; top: 0; width: 110px; }
.active-img { display: none; }
.page-btn .active { color: #0c51ec; }
.page-btn .active img { display: none; }
.page-btn .active .active-img { display: block; }
.page-btn:after { display: inline-block; overflow: hidden; width: 100%; height: 0; content: ''; vertical-align: top; }
.page-btn i { position: absolute; right: 0; top: 10px; display: block; width: 1px; height: 104px; border-right: 1px dashed #ccc; }

.change-box { position: relative; margin: 60px auto 140px auto; text-align: center; width: 1140px; }
.change-item { display: none; width: 100%; }

.section-1 { min-width: 1140px; width: 100%; overflow: hidden; z-index: 100; position: relative; }
.section-1 img { min-width: 1140px; width: 100%; }

.section-2 { margin: 0 auto; margin-top: 107px; width: 1140px; min-width: 1140px; overflow: hidden; z-index: 200; position: relative; }

.section-3 { margin: 0 auto; /* margin-top: 94px; */ margin-top: 60px; width: 1140px; min-width: 1140px; margin-bottom: 206px; position: relative; }

.page-btn-item { position: absolute; z-index: 300; left: 0; top: 0px; width: 470px; overflow: hidden; text-align: left; line-height: 0;}
.page-btn-item .btn-item { display: inline-block; overflow: hidden; cursor: pointer; text-align: center; margin-left: 50px; }
.page-btn-item .btn-item span { display: block; margin-top: 10px; height: 22px; line-height: 24px; font-size: 14px; }
.page-btn-item .btn-item:hover span { color: #0c51ec; }

.case .page-btn a { width: 280px; }

.news .page-btn a,
.service .page-btn a { width: 375px; }

.product .page-btn a,
.about .page-btn a { width: 222px; }

.case .page-btn a img { left: 81px; }

.news .page-btn a img,
.service .page-btn a img { left: 132px; }

.product .page-btn a img,
.about .page-btn a img { left: 55px; }

/* service */
.service { min-width: 1140px; }
.service-bg { width: 100%; }

.service .section-1 { overflow: hidden; padding-top: 0px; overflow: hidden; }
.service .section-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.service .section-1 .about-bg { display: block; position: relative; margin: 0 auto; z-index: 200; left: auto; top: auto; width: 1140px; height: 367px; }

.service .section-2 { margin-top: 10px; }
.service .page-btn { height: 190px; }
.service .change-box { margin-top: 40px; }

.service .change-item-1 .page-btn-item { top: 40px; }
.service .change-item-3 { margin-top: 0; padding-top: 10px; }
.service .change-item-3 .page-btn-item { left: 0px; top: 0; }

.service .change2-item { display: none; }
.service .page-btn-item .active { color: #0c51e0; }

.service .section-2 dl { width: 1300px; display: block; overflow: hidden; text-align: justify; }
.service .section-2 dd { display: inline-block; text-align: center; margin: 0 165px 0 105px; }
.service .section-2 dd a { color: #606060; display: block; position: relative; padding-top: 140px; width: 144px; margin: 0 auto; }
.service .section-2 dd h2 { font-size: 18px; display: block; width: 100%; margin-top: 10px; }
.service .section-2 dd span { font-family: 'Arial'; }
.service .section-2 dd a:hover { color: #193885; }
.service .section-2 dd .active .hover-img { display: block; }
.service .section-2 dd .active img { display: none; }
.service .section-2 dd img { display: block; position: absolute; left: 0; top: 0; }
.service .section-2 .hover-img { display: none; position: absolute; left: 0; top: 0; }

.service-img { position: relative; }
.service-img img { position: relative; right: 0; top: 0; z-index: 100; /* animation: show 2s 0.5s ease both; -webkit-animation: show 2s 0.5s ease both; */ }
.service-img .service-img-beginning { position: absolute; z-index: 200; /* animation: hide 1.5s 0.5s ease both; -webkit-animation: hide 1.5s 0.5s ease both; */ }

@keyframes hide{
    
  0%{ opacity: 1; }
  
  100%{ opacity: 0; }
  
}

@-webkit-keyframes hide{
    
  0%{ opacity: 1; }
 
  100%{ opacity: 0; }
  
}

.change-item-1 .service-text { margin-top: 273px; width: 420px; height: 120px; padding-top: 40px; display: block; background: url(../images/service-text-bg.png) no-repeat left top; }
.change-item-1 .service-text p { width: 352px; margin-left: 13px; margin-top: 6px; display: block; font-size: 12px; line-height: 32px; text-align: left; font-weight: 700; color: #5158a2; font-family: '\9ED1\4F53'; }
.change-item-1 .change-item { display: none; width: 100%; }
.change-item-1 img { }
.service .change-item-1 .more { position: absolute; top: 395px; left: 368px; font-family: 'Arial'; text-transform: uppercase; font-weight: 700; }
.service .change-item-1 .more a { font-size: 14px; color: #5158a2; }
.service .change-item-1 .more a:hover { opacity: 0.8; }

.service .change-item-2 .service-text { padding-top: 80px; margin-left: 20px; width: 440px; }
.service .change-item-2 .service-text p { padding: 6px 0; }
.change-item-2 { text-align: left; }
.change-item-2 .service-text { margin-top: 70px; width: 490px; text-align: left; /* margin-left: 46px; */ }
.change-item-2 .service-text p { color: #222; line-height: 24px; font-size: 14px; text-align: justify; }
.service .change-item-2 table { display: block; width: 385px; text-align: center; margin-top: 54px; }
.service .change-item-2 table th { width: 340px; line-height: 30px; height: 30px; padding-left: 25px; letter-spacing: 3px; background-color: #e3b741; font-size: 16px; color: #fff; margin-bottom: -2px; }
.service .change-item-2 table td { border: 2px solid #fff; background-color: #dddcd8; font-size: 14px; color: #5e5e5e; padding: 4px 0; }
.change-item-2 .service-img { margin-right: -20px; }

.change-item-3 { /* margin-top: 120px; */ }
.change-item-3 .service-text { position: absolute; width: 250px; top: 180px; left: 34px; z-index: 200; text-align: justify; line-height: 20px; color: #222; }

/* contact */
.contact { min-width: 1140px; }
.contact .section-1 { overflow: hidden; height: 380px; }

.contact .section-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.contact .section-1 .about-bg { display: block; position: relative; margin: 0 auto; z-index: 200; left: auto; top: auto; width: 1140px; }
.contact .section-2 { margin: 30px auto 0px auto; text-align: center; width: 1140px; }
.contact-map { position: relative; width: 420px; /* height: 469px; */ }
.contact-map img { position: absolute; left: 0; top: 0; width: 100%; }
.contact-map .map-name { position: absolute; font-size: 16px; left: 155px; top: 164px; font-weight: 700; animation: show 1.2s 0.6s ease both; -webkit-animation: show 1.2s 0.6s ease both; }
.contact-map .map-rode { animation: show 1.2s 0s ease both; -webkit-animation: show 1.2s 0s ease both; }
.contact-map .map-text { animation: translateY-top-txt 0.8s 0.7s ease both; -webkit-animation: translateY-top-txt 0.8s 0.7s ease both; }
.contact-map .map-logo { width: auto; left: 170px; top: 130px; animation: rote-logo 0.8s 1.3s ease infinite alternate; -webkit-animation: rote-logo 0.8s 1.3s ease infinite alternate; }

.contact-txt { text-align: left; font-size: 18px; color: #a0a0a0; padding-top: 130px; margin-right: -36px; padding-left: 70px; background: url(../images/contact-txt-bg.png) no-repeat; width: 534px; height: 400px; }
.contact-txt p { line-height: 28px; padding: 5px 0; width: 400px; }

@keyframes show{
    
  0%{ opacity: 0; }
  
  100%{ opacity: 1; }
  
}

@-webkit-keyframes show{
    
  0%{ opacity: 0; }
 
  100%{ opacity: 1; }
  
}

@keyframes translateY-top-txt{
  
  0%{ transform:translateY(-5%); opacity: 0; }
  
  100%{ transform:translateY(0); opacity: 1; }
  
}
@-webkit-keyframes translateY-top-txt{
    
  0%{ -webkit-transform:translateY(-5%); opacity: 0; }
  
  100%{ -webkit-transform:translateY(0); opacity: 1; }
  
}

@keyframes rote-logo{
    
  0%{ transform:rotateZ(-4deg);}
  100%{ transform:rotateZ(5deg); }
  
}

@-webkit-keyframes rote-logo{
    
  0%{ -webkit-transform:rotateZ(-4deg); }
  100%{ -webkit-transform:rotateZ(5deg); }
  
}

/* news */
.news { min-width: 1140px; }
.news .section-1 { overflow: hidden; padding-top: 150px; overflow: hidden; height: 230px; }
.news .section-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.news .section-1 .about-bg { display: block; position: relative; margin: 0 auto; z-index: 200; left: auto; top: auto; width: 1140px; }
.news-bg { width: 100%; }

.news .section-2 { margin-top: 6px; margin-bottom: 6px; width: 100%; overflow: hidden; }
.news .section-2 .page-btn { width: 1140px; margin: 0 auto; margin-bottom: 6px; height: 194px; }
.news .section-2 .border-bg { width: 100%; }

.news .section-3 { margin-top: 10px; }

.news .change2-btn { width: 100%; text-align: center; }
.news .change2-btn a { margin: 0 15px; display: inline-block; width: 102px; height: 38px; line-height: 38px; background: url(../images/news-btn.jpg) center no-repeat; text-align: center; font-family: Arial; font-size: 14px; color: #868686; cursor: pointer; }
.news .change2-btn .active { background: url(../images/news-btn-active.jpg) center no-repeat; }
.news .change2-item { margin-top: 30px; display: none; }
.news .change2-btn a:hover { opacity: 0.8; }

/* 新闻滚动 */
.news-scroll-wrap { position: relative; width: 574px; height: 284px; overflow: hidden; margin-top: 25px; margin-right: 15px; border: 2px solid #bcbcbc; }
.news-scroll-box { position: relative; width: 580px; height: 212px; padding: 35px; z-index: 100; }
.news-scroll-box dl { position: absolute; top: 0; left: 0; margin-left: 2px; display: block; }
.news-scroll-box dd { display: block; width: 100%; height: 30px; line-height: 30px; float: left; }
.news-scroll-box dd span { display: inline-block; float: left; width: 360px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis;  }
.news-scroll-box dd time { margin-right: 40px; display: inline-block; *display: inline; *zoom: 1; width: 80px; height: 30px; line-height: 30px; float: left; }
.news-scroll-box dd a { display: block; font-size: 16px; color: #a0a0a0; overflow: hidden; }
.news-scroll { position: relative; margin: 0; width: 490px; height: 212px; overflow: hidden; }
.news-scroll-content { position: relative; margin: 0; width: 490px; height: 212px; overflow: hidden; }
.news-scroll-box dd a:hover { color: #6e6e6e; }
.news-scroll-box dd .haslink { color: #848484; }

.scroll-btn-wrap { position: absolute; z-index: 200; top: 42px; right: 30px; height: 204px; width: 5px; }
.scroll-btn-wrap i { display: block; bottom: 0; left: 0; margin: 2px 0; width: 4px; height: 4px; border-radius: 2px; background-color: #bcbcbc; }
.scroll-btn { position: relative; height: 192px; }
.scroll-btn .swiper-scrollbar-drag { background-color: #bcbcbc; }

.news-content { overflow: hidden; font-size: 14px; line-height: 24px; margin-top: 30px; }
.news-content h2 { font-size: 20px; margin-bottom: 20px; color: #0c51ec; }
.news-content img { display: block; margin: 20px auto; }
.news .section-3 { margin-bottom: 50px; }

.more-scroll { width: 100%; display: block; height: 30px; color: #a0a0a0; text-align: center; font-size: 16px; cursor: pointer; }

/* product */
.product .section-3 { /* margin-top: 188px; */ margin-top: 20px; }
.pro-img { width: 58%; position: absolute; z-index: 200; left: -94px; top: 90px; }
.pro-introduce-wrap { position: relative; z-index: 100; width: 865px; height: 434px; box-shadow: 0 0 3px 3px #e1e3e8 inset; background: url(../images/pro-border.jpg)\0; background:none\9\0; *background: url(../images/pro-border.jpg); border-radius: 10px; }
.introduce-txt { width: 510px; float: right; margin-right: 35px; margin-top: 50px; }
.introduce-txt p { font-size: 16px; font-family: '\5FAE\8F6F\96C5\9ED1'; color: #6e6e6e; line-height: 30px; text-indent: 2em; }
.introduce-txt img { margin-top: 55px; }

.product .section-1 { position: relative; }
.product .section-1 img { position: relative; margin: 0 auto; width: 1140px; z-index: 200; display: block; }
.product .section-1 .bg-re { position: absolute; left: 0; width: 100%; height: 100%; z-index: 100; top: 0; }
.product .section-2 { margin-top: 20px; }

/* case */
.case {}
.case .section-1 { position: relative; }
.case .section-1 img { position: relative; margin: 0 auto; width: 1140px; z-index: 200; display: block; }
.case .section-1 .bg-re { position: absolute; left: 0; width: 100%; height: 100%; z-index: 100; top: 0; }
.case .section-2 { margin-top: 20px; }
.case .section-3 { width: 100%; margin: 65px auto; margin-top: 0; min-width: 1140px; position: relative; overflow: hidden; }
.case-list { position: relative; width: 100%; overflow: hidden; text-align: center;margin-right: 30px; padding-bottom: 60px; }
.case-list dd { position: relative; display: inline-block; width: 25%; overflow: hidden; padding: 0; margin: 0; float: left; text-align: center; background-color: #e9e9e9; }
.case-list dd a { display: block; overflow: hidden; width: 100%; height: 100%; }
.case-list dd img { width: 100%; }
.case-list .case-list-more { position: absolute; bottom: 0; width: 100%; display: block; font-size: 18px; color: #ccc; }
.case-img { position: relative; }
.case-list .case-hover { z-index: 300; display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); background-color: #000\9; }
.case-list .case-hover span { display: inline-block; margin: 28% auto; padding: 8px 25px; font-size: 14px; color: #fff; border: 2px solid #fff; }

.case-list dd .case-hover span { animation: caseW 0.6s 0.1s ease both; -webkit-animation: caseW 0.6s 0.1s ease both; }
.case-list dd .case-hover .case-con { background-color: #d0416d; color: #fff; transition: 0.4s; }
.case-list dd .case-hover h2 { color: #fff; transition: 0.4s; }

.case-con { padding: 20px 30px; font-size: 12px; color: #aaa; }
.case-list dd h2,
.case-list dd span,
.case-list dd time { display: block; text-align: left; line-height: 26px; }
.case-list dd h2 { font-size: 16px; color: #666; padding: 2px 0; width: 100%; height: 30px; overflow: hidden; }
.case-list dd time { font-family: Arial; }
.case-list dd span { }

.case-list .case-hover-active .case-con { background-color: #d0416d; }
.case-list .case-hover-active .case-con { color: #fff; }
.case-list .case-hover-active .case-con h2 { color: #fff; }

.case-list .case-con { background: url(../images/case-txt-bg.png) center no-repeat; -webkit-background-size: 100%; background-size: 100% 100%; }

@keyframes caseW{
    
  0%{ transform:scale(1.4); opacity: 0; }
  100%{ transform:scale(1); opacity: 1; }
  
}

@-webkit-keyframes caseW{
    
  0%{ -webkit-transform:scale(1.4); opacity: 0; }
  100%{ -webkit-transform:scale(1); opacity: 1; }
  
}

@media screen and (min-width: 1300px){

    .case-list dd { width: 20%; }

}

/* .case-content */
.case-content {  }
.case-content .section-2 { width: 100%; margin-top: 63px; height: 48px; background-color: rgba(54, 56, 61, 0.9); }
.case-content .section-2 img { height: 26px; margin-top: 11px; }
.case-content .page-btn { width: 1140px; margin: 0 auto; height: 48px; line-height: 48px; }
.case-content .page-btn a { display: block; text-align: left; width: 26px; height: 48px; padding: 0; }
.case-content .page-btn a img { width: 26px; position: relative; left: 0; }
.case-content .section-3 { margin: 0; width: 100%; overflow: hidden; background-color: #2e3035; padding-bottom: 50px; }
.case-content .case-wrap { width: 1140px; margin: 15px auto 30px; }
.case-content .case-wrap img { margin: 10px 0; width: 800px; }

.case-con-img { width: 800px; }
.case-con-txt { width: 210px; margin-left: 35px; }
.case-con-txt h2 { font-size: 14px; color: #f3f3f3; text-shadow: 0 0 1px #eee; line-height: 28px; margin: 20px 0 10px; }
.case-con-txt p { color: #fff; line-height: 24px; }
.case-con-txt a { display: block; margin-top: 50px; width: 205px; height: 125px; outline: none; line-height: 125px; text-align: center; font-size: 14px; font-family: '\5FAE\8F6F\96C5\9ED1'; color: #f3f3f3; text-shadow: 0 0 1px #eee; background-color: #50b4e8; }

/* about */
.about {  }
.about .section-1 { overflow: hidden; padding-top: 150px; overflow: hidden; height: 230px; }
.about .section-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.about .section-1 .about-bg { display: block; position: relative; margin: 0 auto; z-index: 200; left: auto; top: auto; width: 1140px; }
.about .section-2 { margin-top: 6px; margin-bottom: 6px; width: 100%; overflow: hidden; }
.about .section-2 .page-btn { width: 1140px; margin: 0 auto; margin-bottom: 6px; height: 194px; }
.about .section-2 .border-bg { width: 100%; }
.about .section-3 { margin-top: 0; margin-bottom: 100px; }

.about .about-txt {  margin: 0 auto; border-left: none; border-right: none; color: #6e6e6e; font-size: 14px; }
.about .about-txt p { text-align: left; color: #6e6e6e; font-size: 14px; line-height: 28px; font-family: '\5FAE\8F6F\96C5\9ED1'; }
.about .about-txt h4 { font-size: 16px; font-weight: 700; margin: 10px 0 6px 0; color: #06C; }

.about-flash-box { width: 260px; height: 230px; overflow: hidden; position: relative; margin-right: 20px; margin-left: 30px; }
.about-flash { position: relative; width: 250px; height: 190px; overflow: hidden; }
.about-flash-item { position: absolute; width: 100%; height: 100%; text-align: center; display: none; }
.about-btn { width: 260px; height: 36px; line-height: 36px; position: absolute; bottom: 10px; left: 0; }
.about-btn img { display: inline-block; }
.about-btn span { display: inline-block; cursor: pointer; }

.about-flash-item-1 { display: block; animation: show 1.5s 0s ease both; -webkit-animation: show 1.5s 0s ease both; }
.about-flash-item-2 { animation: lightSpeedIn 1s 0s ease both; -webkit-animation: lightSpeedIn 1s 0s ease both; }
.about-flash-item-3 { animation: rotateY 1s 0s ease both; -webkit-animation: rotateY 1s 0s ease both; }

.about-flash-box-2 { width: 350px; height: 280px; margin: 10px auto; }
.about-flash-box-2 .about-flash { width: 100%; height: 250px; margin-top: 20px; }
.about-flash-box-2 .about-flash img { width: 50%; }
.about-flash-box-2 .about-btn { text-align: center; width: 100%; }

/* .service-page-box */
.service-page-box { width: 580px; height: 380px; padding: 20px; font-size: 14px; border: 2px solid #bcbcbc; color: #5158a2; overflow: hidden; }
.service-page-box p { font-size: 14px; color: #5158a2; font-size: 14px; text-align: left; line-height: 24px; text-align: justify; }

.service-page-content { width: 560px; height: 380px; overflow: hidden; }
.service-page-content span { display: block; text-indent: 2em; padding: 6px 0; }
.service-page-box .scroll-btn-wrap { height: 370px; top: 22px; right: 20px; }
.service-page-box .scroll-btn { height: 370px; }

@keyframes rotateY{
  
  0%{ transform: scale(1.1) rotateY(180deg); opacity: 0; }
  
  100%{ transform: scale(1) rotateY(360deg); opacity: 1; }
  
}
@-webkit-keyframes rotateY{
    
  0%{ -webkit-transform: scale(1.1) rotateY(180deg); opacity: 0;}
  
  100%{ -webkit-transform: scale(1) rotateY(360deg); opacity: 1;}
  
}

@-webkit-keyframes lightSpeedIn {
    0% {-webkit-transform: translateX(-30% ) skewX(30deg);transform: translateX(-30% ) skewX(30deg); opacity: 0 }
    60% {-webkit-transform: translateX(-10% ) skewX(10deg);transform: translateX(10% ) skewX(10deg); opacity: 1 }
    80% {-webkit-transform: translateX(0% ) skewX(-5deg);transform: translateX(0% ) skewX(-5deg); opacity: 1 }
    100% {-webkit-transform: translateX(0% ) skewX(0deg);transform: translateX(0% ) skewX(0deg); opacity: 1 }
}
@keyframes lightSpeedIn {
    0% {-webkit-transform: translateX(-30% ) skewX(30deg); -ms-transform: translateX(-30% ) skewX(30deg);transform: translateX(-30% ) skewX(30deg);opacity: 0 }
    60% {-webkit-transform: translateX(10% ) skewX(-10deg); -ms-transform: translateX(10% ) skewX(-10deg);transform: translateX(10% ) skewX(-10deg);opacity: 1 }
    80% {-webkit-transform: translateX(0% ) skewX(-5deg); -ms-transform: translateX(0% ) skewX(-5deg);transform: translateX(0% ) skewX(-5deg);opacity: 1 }
    100% {-webkit-transform: translateX(0% ) skewX(0deg); -ms-transform: translateX(0% ) skewX(0deg);transform: translateX(0% ) skewX(0deg);opacity: 1 }
}

/* footer */
.footer { height: 216px; padding-bottom: 60px; width: 100%; min-width: 1140px; background-color: #3a3a45; position: relative; }
.footer .footer-bar { width: 100%; height: 60px; text-align: center; position: absolute; bottom: 0; background-color: #22222b; /* background: url(../images/footer-bar.jpg) bottom center no-repeat; background-size: 100%; */ }
.footer .footer-bar p { display: block; color: #fff; margin-top: 10px; line-height: 22px; }
.footer .footer-bar a { display: inline-block; color: #fff; margin: 0 5px; }
.footer .footer-bar a:hover { color: #fff; }

.footer-width { width: 1140px; min-width: 1140px; margin: 0 auto; }

.footer-link { width: 450px; margin-top: 35px; }
.footer-link dl { float: left; color: #fff; margin: 0 40px; }
.footer-link dt { font-weight: 700; font-size: 14px; margin-bottom: 5px; }
.footer-link dd { line-height: 22px; }

.footer-contact { float: left; color: #fff; }
.footer-contact h2 { font-size: 20px; margin-top: 30px; margin-bottom: 10px; overflow: hidden; display: block; }
.footer-contact p { line-height: 22px; }
.footer-contact h2 span { display: inline-block; float: left; font-size: 20px; line-height: 20px; height: 20px; margin-right: 10px; padding-right: 20px; border-right: 2px solid #fff; }
.footer-contact h2 a { display: inline-block; float: left; margin: 0px 10px; height: 30px; line-height: 30px; }
.footer-contact h2 a:hover { opacity: 0.8; }
.footer-contact h2 a:last-of-type { padding-top: 3px; }
/* @media screen and (max-width: 1140px) {

  .footer .footer-bar { height: 80px; }

} */

@media screen and (max-width: 1140px) {

  .service .section-1 .about-bg,
  .change-box,
  .contact .section-1 .about-bg,
  .contact .section-2,
  .news .section-1 .about-bg,
  .news .section-2 .page-btn,
  .product .section-1 img,
  .case .section-1 img,
  .case-content .page-btn,
  .case-content .case-wrap,
  .about .section-1 .about-bg,
  .about .section-2 .page-btn,
  .section-2,
  .section-3,
  .footer-width { width: 998px; }

  article,
  .section-1,
  .section-1 img,
  .service,
  .contact,
  .news,
  .case .section-3,
  .footer,
  .section-3,
  .section-2,
  .footer-width { min-width: 998px; }

  .case .page-btn a { width: 246px; }

  .news .page-btn a,
  .service .page-btn a { width: 330px; }

  .product .page-btn a,
  .about .page-btn a { width: 196px; }

  .case .page-btn a img { left: 68px; }

  .news .page-btn a img,
  .service .page-btn a img { left: 110px; }

  .product .page-btn a img,
  .about .page-btn a img { left: 44px; }

  .pro-img img { width: 90%; }

  .service .change-box { margin-top: 10px; }
  .change-item-1 .service-text { margin-top: 200px; }
  .service-img { width: 500px; margin-top: 30px; }
  .service-img img { width: 500px; }
  .service .change-item-1 .more { top: 325px; }
  .change-item-1 .service-text p { line-height: 24px; }

  .change-item-3 .service-img { width: 100%; }
  .change-item-3 .service-img img { width: 100%; }
  .change-item-3 .service-text { left: 25px; top: 170px; width: 220px; }
  .page-btn-item .btn-item { margin-right: 40px; margin-left: 10px; }

  .nav-wrap .nav { margin-right: 20px; }

  .footer .footer-bar { height: 80px; }

}