/*
@charset "utf-8";
* { font-family: "microsoft yahei"; }

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }

fieldset, img, input, button, textarea { border: none; padding: 0; margin: 0; outline-style: none; }

ul, ol { list-style: none; }

input { padding-top: 0; padding-bottom: 0; font-family: "寰蒋闆呴粦", "瀹嬩綋"; }

select, input { vertical-align: middle; }

select, input, textarea { font-size: 12px; margin: 0; }

textarea { resize: none; }

img { border: 0; vertical-align: middle; }

table { border-collapse: collapse; }

body { font: 12px/150% arial, verdana, "\5b8b\4f53"; color: #666; background: #fff; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }



a { color: #666; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { text-decoration: none; font-weight: normal; }

s, i, em { font-style: normal; text-decoration: none; }

.col-red { color: #c81623 !important; }



.fl { float: left; }

.fr { float: right; }

.al { text-align: left; }

.ac { text-align: center; }

.ar { text-align: right; }

.hide { display: none; }

html { font-size: 100px; }
*/
.clearfixp { *zoom: 1;  }
.paged { padding-top: 30px; text-align: center; }

.paged a, .paged .p_info, .paged .current { font-size: 16px; display: inline-block; zoom: 1; *display: inline; margin: 5px 3px; padding: 5px 10px; text-align: center; border: 1px solid #999999; background: #e5edf3; color: #666666; }

.paged .current, .paged a:hover { border: 1px solid #999999; background: #298cdc; color: #fff; }


.wp { max-width: 960px; margin: 0 auto; }
@media screen and (min-width: 360px) { html { font-size: 112.5px; } }

@media screen and (min-width: 375px) { html { font-size: 117.1875px; } }

@media screen and (min-width: 414px) { html { font-size: 129.375px; } }

@media screen and (min-width: 480px) { html { font-size: 150px; } }

@media screen and (min-width: 640px) { html { font-size: 200px; } }

body { background: #f4f4f4; }

.body { background: #ffffff; }

.head { margin-bottom: 30px; }

.logo { padding-top: 0.12rem; }

.security { display: inline-block; border: 1px solid #24a753; color: #00995d; font-size: 16px; width: 0.79rem; height: 0.13rem; border-radius: 13px; margin-top: 0.07rem; margin-left: 17px; text-align: center; vertical-align: top; line-height: 0.13rem; }

.iphone { font-size: 14px; color: #666666; padding-top: 14px; }

.search { margin-top: 12px; position: relative; }

.search input { width: 120px; height: 24px; border-radius: 12px; border: 1px solid #dedede; padding-left: 10px; padding-right: 32px; font-size: 14px; color: #666666; }

.search button { background-color: #fff; position: absolute; right: 10px; top: 50%; width: 16px; height: 16px; display: block; cursor: pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-image: ; background-size: cover; }

.language { padding-top: 44px; }

.language a { display: inline-block; color: #666666; font-size: 14px; border: 1px solid #dedede; border-radius: 10px; width: 76px; height: 24px; text-align: center; line-height: 24px; margin-right: 10px; }

.language .active { border: 1px solid #00995d; color: #008f79; }

.language a:hover { border: 1px solid #00995d; color: #008f79; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.nav { text-align: center; height: 61px; line-height: 61px; border-top: 1px solid #cccccc; }

.nav .li { display: inline-block; position: relative; margin-left: -7px; height: 61px; width: auto; }

.nav .li ul { display: none; position: absolute; top: 61px; overflow: hidden; left: -9px; width: 172px; z-index: 6931; padding-top: 0px; }

.nav .li ul li { background: #fff; position: relative; }

.nav .li ul li a { position: relative; display: block; width: 172px; height: 49px; line-height: 49px; color: #231f20; font-size: 16px; }

.nav .li ul li a:hover { color: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.nav .li ul li:hover { background: #298cdd; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 1000; }

.nav .li ul li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }

.nav .li ul li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.nav .li ul li   li { border-top: 1px solid #dedede; }

.nav .li:after { content: "|"; padding: 0 0 0 55px; color: #dee1e1; }

.nav .li:before { content: "|"; padding: 0 55px 0 0; color: #dee1e1; }

.nav .li   .li:after { content: "|"; padding: 0 0 0 71px; color: #dee1e1; }

.nav .li   .li:before { content: "|"; padding: 0 71px 0 0; color: #dee1e1; }

.nav a { position: absolute; left: 0; top: 0; color: #231f20; font-size: 16px; width: 100%; display: inline-block; }

.nav .active { background: #298cdd; color: #fff; z-index: 100; }

.nav a:hover { background: #298cdd; color: #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 1000; }

.banner { width: 100%; height: 736px; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.banner a { display: block; width: 100%; height: 100%; }

#banner-box { width: 100%; overflow: hidden; position: relative; height: 736px; }

#banner { height: 736px; width: 100% !important; }

.banner-box-1 { height: 736px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }
#banner-box .swiper-container{
  height: 100%;
}
#banner-box .swiper-pagination-switch{
  display: inline-block;
  width: 0.085rem;
  height: 0.085rem;
  border-radius: 50%;
  background: #fff;
  margin: 0 0.0325rem;
  opacity: 0.8;
  cursor: pointer;
}
#banner-box .swiper-active-switch{
  background: #298cdd;
}
#banner-box .pagination{
  left:50%;
  bottom:20px;
  position: absolute;
  -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);
}
.banner-small { display: none; }

.nav-btn { padding-right: 0.15rem; display: none; }

.nav-btn button { margin-top: 0.215rem; width: 0.18rem; height: 0.13rem; background-image: ; background-size: cover; background-color: #fff; }

.language-two { margin-top: 0.2rem; width: 0.465rem; height: 0.15rem; display: inline-block; color: #008f79; font-size: 0.09rem; position: relative; vertical-align: top; }

.language-two img { margin-left: 0.05rem; }

.language-two a { position: absolute; bottom: -0.125rem; left: 0; display: block; width: 0.4rem; height: 0.15rem; line-height: 0.15rem; text-align: center; font-size: 0.09rem; color: #fff; background: #008f79; }

.language-two .hide { display: none !important; }

.banner .swiper-slide { background-size: cover; background-position: center center; }

.banner .swiper-container { width: 100%; height: 100%; }

.banner .pagination { position: absolute; z-index: 20; bottom: 28px; width: 100%; text-align: center; }

.banner .swiper-pagination-switch { display: inline-block; width: 17px; height: 17px; border-radius: 50%; background: #fff; margin: 0 6.5px; opacity: 0.8; cursor: pointer; }

.banner .swiper-active-switch { background: #298cdd; }

.banner-small { height: 1.83rem; }

.banner-small .pagination { position: absolute; z-index: 20; bottom: 0.075rem; width: 100%; text-align: center; }

.banner-small .swiper-pagination-switch { display: inline-block; width: 0.085rem; height: 0.085rem; border-radius: 50%; background: #fff; margin: 0 0.0325rem; opacity: 0.8; cursor: pointer; }

.banner-small .swiper-active-switch { background: #298cdd; }

.iphone-nav { position: fixed; left: 0; top: 0; width: 2.09rem; height: 100%; background: #4383da; z-index: 120; display: none; }

.iphone-nav a { display: block; padding-left: 0.44rem; color: #fff; font-size: 0.12rem; height: 0.515rem; line-height: 0.515rem; }

.iphone-nav a   a { border-top: 1px dashed #8eb5e9; }

.bg { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; left: 0; top: 0; }

.banner1 { height: 1.485rem; background-size: cover; background-position: center center; }

.nav-2 { width: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.banner1-small { display: none; }

.big-banner { position: relative; overflow: hidden; }

@media screen and (max-width: 960px) { .iphone-nav { display: block; -webkit-transform: translate3d(-2.09rem, 0, 0); transform: translate3d(-2.09rem, 0, 0); }
  .iphone-nav-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
  .banner { display: none; }
  .banner-small { height: 1.83rem; display: block; }
  .nav { display: none; }
  .head { margin-left: 0.11rem; margin-bottom: 0.175rem; }
  .logo { padding-top: 0.145rem; }
  .logo img { width: 1rem; height: 0.23rem; }
  .iphone { display: none; }
  .search { display: none; }
  .security { font-size: 10px; margin-left: 0.075rem; }
  .nav-btn { display: block; }
  .language { display: none; }
  .language-two { margin-top: 0.225rem; }
  .banner1 { display: none; }
  .banner1-small { display: block; } }

@media screen and (max-width: 640px) { .security { display: block; width: 1.05rem; height: 0.175rem; line-height: 0.175rem; }
  .language-two { margin-top: 0.2rem; }
  .language-two a { bottom: -0.15rem; } }

.foot { height: 86px; background: #292929; color: #ffffff; font-size: 12px; line-height: 86px; }

.foot a { color: #ffffff; font-size: 12px; }

.foot-website-two { margin-left: 12px; }

.foot-website { margin-left: 60px; }

.code { padding-top: 36px; width: 26px; height: 25px; background:  no-repeat bottom; position: relative; cursor: pointer; }

.code-img { width: 85px; height: 85px; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-120%, 0); -ms-transform: translate(-120%, 0); transform: translate(-120%, 0); display: none; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 9999; }

.code:hover .code-img { display: block; }

@media screen and (max-width: 960px) { .foot { height: 0.94rem; text-align: center; line-height: 12px; }
  .code { display: none; }
  .foot div div { float: none; }
  .foot div div:nth-child(1) { padding-top: 0.265rem; }
  .foot-website-two { padding-top: 0.13rem; margin-left: 0; }
  .foot-website { padding-top: 0.11rem; margin-left: 0; } }

  
  
@media screen and (max-width: 320px) { .foot { padding-left: 0.05rem; padding-right: 0.05rem; }
  .foot div div:nth-child(1) { padding-top: 0.1rem; } }

.list { padding: 60px 0 70px 0; }

.list li { float: left; box-sizing: border-box; width: 25%; }

.list li i { position: absolute; left: 50%; bottom: -0.12rem; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: block; width: 0; height: 0; border-width: 0.065rem; border-color: transparent transparent transparent transparent; border-style: solid; }

.list h3 { color: #666666; line-height: 30px; font-size: 0.12rem; display: inline-block; background:  no-repeat; padding-left: 40px; }

.list-top { position: relative; background: #f6f6f6; height: 0.57rem; text-align: center; line-height: 0.57rem; }

.list-img a { width: 100%; height: 100%; display: block; }

.list-img .swiper-slide div { background-size: cover; background-position: center center; padding-bottom: 100%; }

.list-img-a { background-size: cover; background-position: center center; padding-bottom: 100%; }

.list li:hover i { border-color: #57bc4f transparent transparent transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.list li:nth-child(2n):hover i { border-color: transparent transparent #57bc4f transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; top: -0.12rem; }

.list li:hover .list-top { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background: #57bc4f; color: #fff; }

.list li:hover h3 { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: #fff; background:  no-repeat; }

.list-img-btn { position: absolute; bottom: 0; left: 0; }

.list-img-btn .prev { width: 0.21rem; height: 0.21rem; opacity: 0.9; background-image: ; background-color: #048875; background-size: cover; cursor: pointer; z-index: 110; vertical-align: top; }

.list-img-btn .next { width: 0.21rem; height: 0.21rem; opacity: 0.9; background-image: ; background-color: #048875; background-size: cover; z-index: 110; cursor: pointer; -webkit-transform: rotatey(180deg); transform: rotatey(180deg); vertical-align: top; }

.consult { position: fixed; top: 50%; z-index: 200; right: 214px; }

.consult button { width: 25px; height: 66px; background-image: ; background-size: cover; cursor: pointer; margin-left: -25px; }

.consult .consult-top { width: 159px; height: 112px; background-image: ; background-size: cover; }

.consult ul { background: #2968af; padding: 4px 5px 10px 5px; width: 133px; }

.consult ul li { background-image: ; background-color: #c1daf4; background-repeat: no-repeat; background-position: 7px -14px; margin-bottom: 10px; border-radius: 5px; font-size: 14px; }

.consult ul li a { padding-left: 27px; color: #318f9f; display: block; width: 100%; height: 100%; line-height: 26px; }

.consult ul li:hover { opacity: 0.9; }

.consult ul .active { background-position: 7px 6px; }

@media screen and (max-width: 960px) { .consult { display: none; }
  .list { padding: 0.12rem 0.15rem 0.3rem 0.15rem; }
  .list li { width: 50%; margin-bottom: 0.05rem; }
  .list li i { bottom: -0.125rem; }
  .list li:nth-child(2n):hover i { top: -0.13rem; } }

@media screen and (max-width: 640px) { .list li:nth-child(2n):hover i { top: -0.12rem; } }

.contactp { padding-bottom: 0.515rem; }

.contact-choice { position: relative; height: 0.55rem; }

.contact-choice li { position: absolute; bottom: 0; float: left; font-size: 16px; color: #666666; height: 0.23rem; line-height: 0.23rem; box-sizing: border-box; width: 20%; background: #ffffff; border-top-right-radius: 5px; border-top-left-radius: 5px; text-align: center; cursor: pointer; }

.contact-choice li a { display: block; width: 100%; height: 100%; }

.contact-choice li:nth-child(2) { left: 20%; margin-left: 0.065rem; }

.contact-choice li:nth-child(1) { left: 0%; }

.contact-choice li:nth-child(3) { left: 40%; margin-left: 0.13rem; }

.contact-choice .active { background: #298cdc; height: 0.28rem; line-height: 0.33rem; color: #fff; }

.contact-choice li:hover { -webkit-transition: all .5s ease; transition: all .5s ease; background: #298cdc; color: #fff; height: 0.28rem; line-height: 0.33rem; }

.contact-nr { margin-top: 1px; background-color: #ffffff; box-shadow: 3px 3px 4px #d2d2d2; }

.contact-nr .contact-mode { display: none; }

.contact-opinion { padding: 0.29rem 0.835rem 0.835rem 0.875rem; color: #00947d; font-size: 14px; }

.contact-opinion i { font-style: normal; color: #ff0000; font-size: 14px; padding-right: 4px; }

.contact-opinion input { padding-left: 0.05rem; width: 1.605rem; height: 26px; border: 1px solid #cecece; font-size: 14px; box-shadow: 2px 2px 15px #f1f1f1 inset; }

.contact-opinion-form { margin-top: 0.06rem; }

.contact-opinion textarea { padding-left: 10px; padding-top: 10px; font-size: 14px; vertical-align: top; border: 1px solid #cecece; width: 2.75rem; height: 1.15rem; box-shadow: 4px 4px 15px #f1f1f1 inset; }

.contact-opinion-btn { padding-top: 0.15rem; }

.contact-opinion-btn button { width: 128px; height: 31px; background: #298cdc; color: #ffffff; font-size: 14px; cursor: pointer; }

.contact-opinion-btn button:hover { -webkit-transition: all .5s ease; transition: all .5s ease; background: #2578bb; }

.recruit { padding: 0 0.15rem; padding-top: 0.37rem; padding-bottom: 0.35rem; height: 0.96rem; }

.recruit li { text-align: center; box-sizing: border-box; padding: 0 0.05rem; width: 200px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }

.recruit li   li { margin-left: -1px; }

.recruit li h3 { height: 35px; font-size: 16px; color: #666666; }

.recruit li { color: #666666; font-size: 14px; }

.recruit .p { line-height: 25px; font-size: 14px; color: #666666; }

.recruit-join-div { width: 4.51rem; height: 198px; }

.recruit-details { display: block; padding: 0 0.41rem; padding-bottom: 0.41rem; }

.recruit-details-btn { padding-top: 0.14rem; font-size: 14px; color: #666666; }

.recruit-details-btn button { background: #4db847; color: #fff; font-size: 14px; width: 98px; height: 31px; line-height: 31px; cursor: pointer; }

.recruit-details-btn button:hover { -webkit-transition: all .5s ease; transition: all .5s ease; background: #298cdc; }

.recruit-details h2 { font-size: 16px; color: #666666; line-height: 25px; }

.recruit-details .p { line-height: 25px; font-size: 14px; color: #666666; }

.recruit-btn { padding-top: 25px; }

.recruit-btn button { background: #4db847; color: #fff; font-size: 14px; width: 120px; height: 36px; cursor: pointer; }

.recruit-btn button:hover { -webkit-transition: all .5s ease; transition: all .5s ease; background: #298cdc; }

.recruit-btn .active { -webkit-transition: all .5s ease; transition: all .5s ease; background: #298cdc; }

.recruit-join-div .swiper-container { width: 3.95rem; height: 100%; }

.recruit-join-div { position: relative; }

.recruit-details-nr   .recruit-details-nr { display: none; }

.recruit-prev { width: 31px; height: 32px; position: absolute; left: 0; top: 50%; background-image: ; background-size: cover; background-repeat: no-repeat; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background-color: #fff; cursor: pointer; }

.recruit-next { width: 31px; height: 32px; position: absolute; right: 0; top: 50%; background-image: ; background-size: cover; -webkit-transform: translate(0, -50%) rotate(180deg); -ms-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); cursor: pointer; background-color: #fff; background-repeat: no-repeat; }

.contact-opinion-bg { background-image: ; background-repeat: no-repeat; background-position: bottom; }

@media screen and (max-width: 960px) { .contactp { padding-left: 0.1rem; padding-right: 0.1rem; }
  .recruit-join-div .swiper-container { width: 100%; }
  .contact-opinion textarea { width: 100%; }
  .contact-opinion input { width: 100%; }
  .recruit-join-div { padding: 0 40px; width: auto; } }

@media screen and (max-width: 640px) { .recruit { height: auto; }
  .recruit-details { padding-left: 0.15rem; padding-right: 0.15rem; }
  .contact-nr { margin-top: 0.25rem; }
  .contact-opinion { padding-left: 0.2rem; padding-right: 0.25rem; }
  .contact-choice { margin-top: 0.25rem; height: auto; }
  .contact-choice li { width: 100%; position: relative; border-radius: 0; height: 0.45rem; line-height: 0.46rem; }
  .contact-choice .active { width: 100%; position: relative; border-radius: 0; height: 0.45rem; line-height: 0.46rem; }
  .contact-choice li:hover { width: 100%; position: relative; border-radius: 0; height: 0.45rem; line-height: 0.46rem; }
  .contact-choice li:nth-child(2) { left: 0; margin-left: 0; }
  .contact-choice li:nth-child(3) { left: 0; margin-left: 0; } }

@media screen and (max-width: 320px) { .recruit li   li { margin-left: 0; } }

.contact-choice a { color: #666666; }

.contact-choice .active a { color: #fff; }

.contact-choice li:hover a { color: #fff; }

.news { width: auto; padding: 0.27rem 0.2rem 0.52rem 0.2rem; }

.news-list { padding-bottom: 68px; }

.news-list a { display: block; width: 100%; height: 100%; }

.news-list:hover h1 { color: #298cdc; }

.news-list:hover label { color: #298cdc; }

.news-list-title { padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px dashed #a3d0b9; }

.news-list-title h1, .news-list-title label { color: #666666; font-size: 16px; }

.news-list-img { width: 0.9rem; height: 0.675rem; background-size: cover; background-repeat: no-repeat; box-sizing: border-box; }

.news-list-img   .news-list-nr { margin-right: 1.16rem; }

.news-list-nr { box-sizing: border-box; overflow: hidden; }

.news-list-nr p { color: #999999; font-size: 14px; line-height: 24px; overflow: hidden; height: 48px; }

.news-list-nr-1 { width: 100%; }

@media screen and (max-width: 960px) { .news-list-title { margin-bottom: 0; }
  .news-list-img { margin-bottom: 20px; }
  .news-list-nr { margin-top: 20px; }
  .news-list-nr p { display: block; margin-bottom: 20px; }
  .news-list-title { border: 0; }
  .news-list { border-bottom: 1px dashed #a3d0b9; padding-bottom: 0; margin-bottom: 10px; }
  .news-list-img   .news-list-nr { margin-right: 1rem; } }

@media screen and (max-width: 640px) { .news-list-img   .news-list-nr { margin-right: 0; }
  .news-list-img { float: none; }
  .news-list-title h1 { float: none; } }

.news-detailed { padding-top: 0.5rem; padding-left: 0.2rem; padding-right: 0.2rem; padding-bottom: 0.11rem; width: auto; }

.news-detailed h1 { text-align: center; color: #298cdc; font-size: 24px; border-bottom: 1px dashed #cccccc; padding-bottom: 24px; margin-bottom: 23px; line-height: 25px; }

.news-detailed-time { text-align: center; padding-bottom: 0.28rem; }

.news-detailed-time div { display: inline-block; color: #8fa7b6; font-size: 14px; }

.news-detailed-time div   div { padding-left: 0.41rem; }

.news-detail-img { text-align: center; position: relative; }

.news-detailed-img { display: inline-block; text-align: center; width: 3rem; margin-bottom: 0.295rem; }

.news-detailed-img div { position: relative; display: inline-block; width: 3rem; padding-bottom: 56.33333%; }

.news-detailed-img div img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.news-detailed .p { padding: 0 0.275rem; }

.news-detailed-slice { padding-top: 0.285rem; }

.news-detailed-slice div { padding-bottom: 23px; }

.news-detailed-slice a { color: #666666; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: inline-block; }

.news-detailed-slice a:hover { color: #298cdc; }

.news-detail-nr { font-size: 14px; color: #999999; line-height: 36px; }

.news-detail-nr img { max-width: 100%; }

.news-detail-nr p { margin-bottom: 10px; }

@media screen and (max-width: 640px) { .news-detailed-img { width: 100%; }
  .news-detailed-img div { width: 100%; }
  .news-detailed .p { padding: 0; }
  .news-detailed-time div { display: block; }
  .news-detailed-time div   div { padding-left: 0; } }

.project { padding: 0.26rem 0.2rem 0.2rem 0.2rem; }

.project li { float: left; box-sizing: border-box; width: 50%; margin-top: 0.275rem; }

.project li:nth-child(odd) { padding-right: 0.1rem; }

.project li:nth-child(even) { padding-left: 0.1rem; }

.project-a a { display: block; width: 100%; height: 100%; }

.project-a a:hover .project-img { border: 3px solid #298cdc; }

.project-img { padding-bottom: 54.7619%; width: 100%; border: 3px solid #4db847; margin-bottom: 0.085rem; background-size: cover; background-repeat: no-repeat; }

.project h2 { font-size: 20px; color: #333333; height: 34px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }

.project p { font-size: 14px; color: #666666; line-height: 25px; height: 50px; overflow: hidden; }

.project .paged { padding-top: 0.41rem; }

@media screen and (max-width: 960px) { .project { width: auto; } }

@media screen and (max-width: 640px) { .project li { width: 100%; }
  .project li:nth-child(even) { padding-left: 0; }
  .project li:nth-child(odd) { padding-right: 0; } }

.project-detailde { padding: 0.21rem 0.35rem 0.3rem 0.25rem; }

.project-detailde h3 { color: #298cdc; font-size: 24px; line-height: 24px; padding-bottom: 0.23rem; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }

.project-detailde-img { margin-bottom: 36px; text-align: center; }

.project-detailde-img div { padding-bottom: 62.5%; width: 2.4rem; background-size: cover; background-position: center center; display: inline-block; }

.project-detailde-nr { color: #666666; font-size: 16px; line-height: 30px; }

.project-detailde-btn { padding-top: 0.165rem; }

.project-detailde-btn a { text-align: center; line-height: 36px; display: block; width: 138px; height: 36px; color: #feffff; background: #4db847; font-size: 16px; }

.project-detailde-btn a:hover { -webkit-transition: all .5s ease; transition: all .5s ease; background: #298cdc; }

.project-picture { padding-top: 0.17rem; }

.project-picture li { box-sizing: border-box; width: 33.33333%; float: left; margin-bottom: 0.135rem; }

.project-detailde-picture { padding-bottom: 66.79389%; border: 3px solid #4db847; width: 100%; background-position: center center; }

.project-picture li:nth-child(3n 1) { padding-right: 0.07rem; }

.project-picture li:nth-child(3n 2) { padding-right: 0.035rem; padding-left: 0.035rem; }

.project-picture li:nth-child(3n 3) { padding-right: 0rem; padding-left: 0.07rem; }

div#mobilepicbox { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fff; z-index: 999; }

div#mobilepicbox img { max-width: 100%; }

div#mobilepicbox .scaleimgbox { position: absolute; top: 10px; right: 10px; bottom: 50px; left: 10px; overflow: hidden; }

div#mobilepicbox .wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

div#mobilepicbox .img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

div#mobilepicbox .img img { display: inline-block; }

div#mobilepicbox .picboxbottom { position: fixed; right: 0; top: 0; z-index: 13000; }

#closepic { z-index: 1200; width: 50px; height: 50px; display: block; width: 85px; height: 50px; float: right; margin-right: 10px; background-repeat: no-repeat; background-position: center center; background-image: ; }

@media screen and (max-width: 960px) { .project-detailde { width: auto; }
  .project-detailde-img { float: left; margin-bottom: 48px; }
  .mien-video { display: inline-block; float: none; } }

@media screen and (max-width: 640px) { .project-picture li { width: 50%; }
  .project-picture li:nth-child(n) { padding: 0; }
  .project-picture li:nth-child(odd) { padding-right: 0.07rem; }
  .project-picture li:nth-child(even) { padding-left: 0.07rem; }
  .project-detailde-img div { width: 2rem; }
  .project-detailde { padding-left: 0.15rem; padding-right: 0.15rem; } }

@media screen and (max-width: 320px) { .project-detailde { padding-left: 0.1rem; padding-right: 0.1rem; } }

.contact-choice li:nth-child(4) { left: 60%; margin-left: 0.195rem; }

.honor { padding: 0.33rem 0.28rem 0.15rem 0.28rem; position: relative; }

.honor li { width: 25%; }

.honor li:nth-child(n) { padding: 0; }

.honor li:nth-child(4n 1) { padding-left: 24px; padding-right: 24px; }

.honor li:nth-child(4n 2) { padding-left: 24px; padding-right: 24px; }

.honor li:nth-child(4n 3) { padding-left: 24px; padding-right: 24px; }

.honor li:nth-child(4n 4) { padding-left: 24px; padding-right: 24px; }

.honor .project-detailde-picture { width: auto; text-align: center; color: #666666; font-size: 14px; background: #e8eff5; line-height: 25px; cursor: pointer; height: 0.625rem; overflow: hidden; padding: 0.1rem 0.05rem 0.115rem 0.05rem; }

.honor .project-detailde-picture h4 { font-size: 14px; font-weight: bold; }

.honor li { margin-bottom: 0.23rem; }

.honor img { padding-bottom: 0.1rem; }

.honor .project-picture .project-detailde-picture:hover { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border: 3px solid #298cdc; background: #298cdc; color: #fff; }

.honor .paged { padding-top: 0.08rem; }

.honor-frame { position: absolute; top: 50%; left: 50%; z-index: 9999999; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.honor .honor-frame li { display: none; width: 100%; margin: 0; }

.honor .honor-frame li:nth-child(n) { padding: 0; }

.honor-frame li div img { padding: 0; max-width: 100%; border: 3px solid #298cdc; }

@media screen and (max-width: 960px) { .honor .project-picture li { width: 33.33333%; }
  .honor .project-picture li:nth-child(n) { padding: 0; }
  .honor .project-picture li:nth-child(3n 1) { padding-left: 0.12rem; padding-right: 0.12rem; }
  .honor .project-picture li:nth-child(3n 2) { padding-left: 0.12rem; padding-right: 0.12rem; }
  .honor .project-picture li:nth-child(3n 3) { padding-left: 0.12rem; padding-right: 0.12rem; }
  .news-detail-nr img { margin: 0 !important; float: none !important; height: auto; } }

@media screen and (max-width: 640px) { .honor-choice li:nth-child(4) { left: 0; margin-left: 0; }
  .honor .project-picture li { width: 50%; }
  .honor .project-picture li:nth-child(n) { padding: 0; }
  .honor .project-picture li:nth-child(3n 1) { padding-left: 0.12rem; padding-right: 0.12rem; }
  .honor .project-picture li:nth-child(3n 2) { padding-left: 0.12rem; padding-right: 0.12rem; }
  .honor .project-picture li:nth-child(3n 3) { padding-left: 0.12rem; padding-right: 0.12rem; }
  .news-detail-nr img { margin: 0 !important; float: none !important; height: auto; }
  #qiao-wrap { display: none !important; }
  .honor-frame { width: 80%; } }

@media screen and (max-width: 375px) { .honor .project-picture li { width: 50%; }
  .honor .project-picture { padding: 0; }
  .honor { padding-left: 0.15rem; padding-right: 0.15rem; } }

@media screen and (max-width: 320px) { .honor .project-picture li { width: 50%; }
  .honor .project-picture { padding: 0; }
  .honor .project-picture li { width: 100%; }
  .honor .project-picture li:nth-child(n) { padding: 0 0.5rem; }
  .honor .project-detailde-picture { height: 1.2rem; } }

.mien { padding: 0.3rem 0.4rem 0.29rem 0.4rem; }

.mien-video { position: relative; width: 2.495rem; height: 1.75rem; }

.mien-video #player1 { width: 100% !important; }

.mien-title { margin-left: 2.675rem; }

.mien-title h3 { color: #666666; font-size: 16px; line-height: 48px; }

.mien-title .p { text-indent: 2em; color: #999999; font-size: 14px; line-height: 36px; }

.mien-nr { padding-bottom: 0.24rem; border-bottom: 1px solid #00995d; }

.mien-list { padding-top: 0.2rem; }

.mien-list li .project-detailde-picture { width: auto; margin-bottom: 0.09rem; }

.mien-list li { margin-bottom: 0.22rem; }

.mien .project-picture li:nth-child(3n 1) { padding-right: 24px; }

.mien .mien-list li:nth-child(3n 2) { padding-left: 12px; padding-right: 12px; }

.mien .mien-list li:nth-child(3n 3) { padding-left: 24px; }

.mien-list { color: #666666; font-size: 14px; }

.mien-list a:hover .project-detailde-picture { border: 3px solid #298cdc; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.mien-list-span { display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }

.mejs-container { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

@media screen and (max-width: 960px) { .mien-title { margin-left: 0; float: left; }
  .mien-ac { float: none; text-align: center; } }

@media screen and (max-width: 640px) { .mien { padding: 0.3rem 0.2rem 0.29rem 0.2rem; }
  .mien-video { width: 2rem; height: 1.4rem; }
  .mien .project-picture li:nth-child(n) { padding: 0; }
  .mien .project-picture li:nth-child(odd) { padding-right: 20px; }
  .mien .project-picture li:nth-child(even) { padding-left: 20px; } }

.product { padding: 0 0.2rem 0.15rem 0.2rem; }

.product li   li { border-top: 1px solid #00995d; }

.product-img { padding-right: 0.385rem; }

.product-img a { display: block; width: 100%; height: 100%; }

.product-img div { width: 0.79rem; padding-bottom: 188.60759%; background-size: cover; background-position: center center; }

.product-title { width: 400px; margin-top: 0.44rem; margin-left: 0.135rem; margin-bottom: 0.42rem; padding: 0.19rem 0.385rem 0.25rem 0.22rem; border-radius: 5px; position: relative; color: #666666; }

.product-title i { position: absolute; right: -29px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 0; height: 0; border-width: 15px; border-color: transparent transparent transparent transparent; border-style: solid; }

.product-title h1 { font-size: 20px; padding-bottom: 35px; line-height: 25px; }

.product-title .p { font-size: 14px; line-height: 25px; overflow: hidden; }

.product a:hover .product-title { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: #ffffff; background: #4db847; }

.product a:hover i { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-color: transparent transparent transparent #4db847; }

.yu-product-li { position: relative; }

.yu-product-li .product-img { position: absolute; display: inline-block; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 960px) { .honor-frame { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .product-title { width: 60%; margin-left: 0; padding: 0.19rem 0.285rem 0.25rem 0.12rem; }
  .product { padding-left: 0.15rem; padding-right: 0.15rem; } }

@media screen and (max-width: 640px) { .product-title { width: 60%; padding: 0.19rem 0.1rem 0.25rem 0.1rem; }
  .product-img div { width: 0.6rem; }
  .product-img { padding-right: 0; } }

@media screen and (max-width: 320px) { .product-title { width: 60%; } }

.product-detailed { padding: 0.23rem 0.32rem 0.375rem 0.385rem; }

.nbt { border-top: 0 !important; }

.product-detailed-img { width: 1.63rem; }

.product-detailed-img .swiper-container { width: 100%; height: 1.85rem; }

.product-detailed-title { width: 414px; }

.product-detailed-title .p { margin-top: 0.125rem; line-height: 25px; font-size: 14px; color: #666666; }

.product-detailed-title-h1 { width: 273px; position: relative; padding: 0.225rem 0.31rem 0.3rem 0.135rem; background: #4db847; border-radius: 5px; margin-bottom: 0.18rem; }

.product-detailed-title-h1 h1 { font-size: 16px; color: #fff; display: inline-block; }

.product-detailed-title-h1 i { position: absolute; left: -0.12rem; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 0; height: 0; border-width: 0.06rem; border-color: transparent #4db847 transparent transparent; border-style: solid; }

.product-detailed-title h3 { font-size: 20px; color: #666666; display: inline-block; }

.product-detailed-characteristic { height: 38px; background-image: ; background-repeat: no-repeat; border-bottom: 2px solid #4db847; margin-bottom: 0.1rem; margin-top: 0.335rem; }

.product-detailed-characteristic a { display: inline-block; width: 170px; height: 38px; line-height: 38px; color: #fff; text-align: center; font-size: 15px; }

.product-detailed-advantage { display: block; }

.product-detailed-img .swiper-slide { background-size: cover; background-repeat: no-repeat; background-position: center center; }

.product-detailed-img .pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; }

.product-detailed-img .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; }

.product-detailed-img .swiper-active-switch { background: #fff; }

.tabs { width: 1.63rem; margin: 0 auto; margin-top: 0.14rem; position: relative; }

.tabs a { display: block; width: 0.5rem; height: 0.5rem; background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #dcdbdd; float: left; }

.tabs a   a { margin-left: 0.05rem; }

.tabs .prev { position: absolute; top: 50%; -webkit-transform: tramslate(-50%, 0); -ms-transform: tramslate(-50%, 0); transform: tramslate(-50%, 0); left: 0; width: 0.085rem; height: 0.09rem; background-image: ; background-size: cover; cursor: pointer; }

.tabs .next { position: absolute; top: 50%; -webkit-transform: tramslate(-50%, 0); -ms-transform: tramslate(-50%, 0); transform: tramslate(-50%, 0); right: 0; width: 0.085rem; height: 0.09rem; background-image: ; background-size: cover; cursor: pointer; -webkit-transform: rotatey(180deg); transform: rotatey(180deg); }

.tb { display: none; }

.product-detailed-characteristic-active { background-image: ; }

@media screen and (max-width: 960px) { .product-detailed { padding: 0.23rem 0.15rem 0.375rem 0.15rem; }
  .tb img { max-width: 100%; }
  .product-detailed-title { float: left; }
  .product-detailed-img { margin-top: 0.18rem; } }

@media screen and (max-width: 640px) { .product-detailed-characteristic { background-size: 100% 114%; }
  .product-detailed-title-h1 i { left: -0.105rem; }
  .product-detailed-title-h1 { width: auto; }
  .product-detailed-title { width: auto; }
  .tabs a   a { margin-left: 0.04rem; }
  .product-detailed-characteristic a { width: 49%; } }

@media screen and (max-width: 413px) { .tabs { width: 178px; }
  .tabs a { width: 54px; }
  .tabs a   a { margin-left: 5px; } }

.local { padding: 0.32rem 0.635rem 0.675rem 0.64rem; }

.local-img { border: 1px solid #4db847; padding: 0.2rem 0.375rem 0.2rem 0.22rem; margin-bottom: 0.315rem; }

.local-btn { width: 1.28rem; }

.local-btn button { width: 0.6rem; height: 0.18rem; color: #fff; background: #4db847; font-size: 16px; margin-bottom: 0.07rem; cursor: pointer; }

.local-btn button:nth-child(2n) { margin-left: 0.06rem; }

.local-btn button:hover { background: #298cdc; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.local-btn .active { background: #298cdc; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

.local-img-j { margin-left: 1.835rem; width: 1.11rem; height: 1.125rem; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.local-introduce h2 { color: #666666; font-size: 16px; }

.local-introduce .p { color: #999999; font-size: 14px; line-height: 25px; }

.local-introduce .display-none { display: none; }

.local-img-j   .local-img-j { display: none; }

@media screen and (max-width: 960px) { .local-img { padding-right: 0.15rem; }
  .local-img-j { margin-left: 0; float: right; }
  .local { padding-left: 0.25rem; padding-right: 0.25rem; } }

@media screen and (max-width: 640px) { .local { padding-left: 0.15rem; padding-right: 0.15rem; }
  .local-btn { float: none; width: 100%; text-align: left; }
  .local-img { padding-left: 0.1rem; padding-right: 0.1rem; }
  .local-img-j { text-align: center; margin-left: 0; float: left; }
  .local-btn button { margin-left: 0.05rem; margin-right: 0.05rem; }
  .local-btn button { font-size: 12px; } }

.project-detailde-nr img { max-width: 100%; }

.contact-nr-nr { font-size: 14px; color: #666666; line-height: 36px; }

@media screen and (max-width: 960px) { #banner-box { display: none; } }

#banner-box .swiper-slide{background-size: cover;background-position: center center;}