@charset "utf-8";
a{color: inherit; transition: 0.3s all;}
a:hover,a:focus{text-decoration: none;color: inherit;}
body{background-color: #f4f8f7;font-family:Microsoft YaHei,SimSun; color: #757575; font-size: 14px; overflow-x: hidden;}
input,textarea{backface-visibility: hidden;}
ol, ul {margin: 0;}

@font-face {
        font-family: SiyuanHei;
        src: url('../fonts/SourceHanSansCN-ExtraLight.ttf');
}

.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}

.home{ background: url(../images/home-icon.png) no-repeat left center; width: 16px;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.relative{ position:relative;}
.absolute{	position:absolute;}
ul {list-style: none;}
li{ list-style-type:none;}
.eng{text-transform:uppercase; font-size: 4rem; }
/*img{ max-width: 100%;}*/

#zi_banner{ width: 100%;}
#zi_banner img{ width: 100%; height: auto;}

@media screen and (max-width:765px){
  #zi_banner img{ width: 180%; margin-left: -42%; height: auto;}
}



.newsPage {
  padding: 0 12px;
  font-size: 1.2rem;
  color: #323232;
  line-height: 30px;
  border-top: 1px solid #efefef;
  padding-top: 2%;
  margin: 15px 0 30px;
}
.newsPage a {
  color: #323232;
}
.newsPage a:hover {
  color: #237ed2;
}

@media screen and (max-width:765px){
  .info-main .info-preview,.info-main .info-main-rig  {padding: 0;}
  .info-main .info-main-rig .tel { padding-left: 35px !important; font-size: 21px !important;}
}


.info-main {
  overflow: hidden;
  background: #fff;
  padding: 2% 0;
  margin-bottom: 25px;
}
.info-main .info-preview img{ width: 100%;}
.info-main .info-main-rig {
  overflow: hidden;
}
.info-main .info-main-rig .title {
  font-size: 24px;
  height: 40px;
  color: #2b9451;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #efefef;
  margin: 18px 0;
}
.info-main .info-main-rig .tel{ background: url(../images/cptel.png) no-repeat left center; background-size: 15%; line-height: 40px; padding-left: 45px; color: #29a05c; font-size: 30px; font-weight: bold;}
.info-main .info-main-rig .price {
  height: auto;
  background: #f6f6f6;
  line-height: 30px;
  padding: 20px;
  color: #999;
  font-size: 14px;
  margin-bottom: 25px;
}
.info-main .info-main-rig .price span {
  font-size: 14px;
  color: #808080;
  font-weight: normal;
}
.info-main .info-main-rig .de-list {
  overflow: hidden;
  padding: 0 20px;
  min-height: 150px;
  max-height: 223px;
}
.info-main .info-main-rig .de-list .list-item {
  overflow: hidden;
  padding-left: 60px;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  word-wrap: break-word;
  margin-bottom: 10px;
}
.info-main .info-main-rig .de-list .list-item .item-title {
  width: 60px;
  float: left;
  margin-left: -60px;
  color: #808080;
}
.info-main .info-main-rig .order-btn {
  overflow: hidden;
}
.info-main .info-main-rig .order-btn .submit {
  display: block;
  width: 90%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #ffd800;
  color: #333;
  font-size: 14px;
  transition:0.3s;
}
.info-main .info-main-rig .order-btn .submit:hover {
  background: #29a05c;
  color: #fff;
}



.contact-list {
  overflow: hidden;
  margin: 25px 0 35px;
}
.contact-list ul{ padding: 0; }
.contact-list ul li {
  min-height: 36px;
  padding-left: 50px;
  float: left;
  font-size: 14px;
  color: #595959;
  line-height: 20px;
  padding-top: 8px;
  margin-bottom: 14px;
  word-wrap: break-word;
}
.contact-list ul li span {
  display: block;
  float: left;
  color: #999;
}
.contact-list ul li.icon-01 {
  background: url(../images/contact-icon-01.png) no-repeat left top;
}
.contact-list ul li.icon-02 {
  background: url(../images/contact-icon-02.png) no-repeat left top;
}
.contact-list ul li.icon-03 {
  background: url(../images/contact-icon-03.png) no-repeat left top;
}
.contact-list ul li.icon-04 {
  background: url(../images/contact-icon-04.png) no-repeat left top;
}
.contact-list ul li.icon-05 {
  background: url(../images/contact-icon-05.png) no-repeat left top;
}
.contact-list ul li.icon-06 {
  background: url(../images/contact-icon-06.png) no-repeat left top;
}





#xwlb{ padding: 0;}
#xwlb li{ background: #fff; border: 1px solid #e8e8e8; transition:0.3s; margin-bottom: 5%;}
#xwlb li .pic{ overflow: hidden;}
#xwlb li .pic img{ width:100%; transition:0.3s;}
#xwlb li .tit{ color: #000; font-size: 2rem; font-weight: bold; padding: 5% 3%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#xwlb li .content{ color: #999999; padding: 0 3% 5%; height: 8rem; font-size: 1.4rem; line-height: 3rem; border-bottom: 1px solid #e8e8e8;}
#xwlb li .left{ color: #999999; font-size: 1.4rem; margin: 5% 3%; font-family: arial;}
#xwlb li .right{ width: 30%; height: 4rem; color: #fff; font-family: arial; background: #1b9b61; margin: 2.5% 3% 0; border-radius: 5px; line-height: 4rem; text-align: center; transition:0.3s;}
#xwlb li:hover{ box-shadow: 0px 0px 20px #ccc;  transform: translateY(-10px);}
#xwlb li:hover .pic img{ transform: scale(1.1);}
#xwlb li:hover .right{ background: #2b2b2b;}



.contact-map {
  overflow: hidden;
}
.contact-map #dituContent {
  width: 100%;
  height: 475px;
  margin: 0 auto;
}

.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 10px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #237ed2;
  background: #237ed2;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}






.w1200{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.kb20{ height: 20px;}
.kb40{ height: 40px;}
.f12{ font-size: 12px !important;}
.f14{ font-size: 14px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px !important;}
.f24{ font-size: 24px !important;}
.f40{ font-size: 40px !important;}
.bold{ font-weight: bold !important;}

.bai{ background-color:#FFF;}
.center{ text-align: center;}

.red{ color:#eb2626;}
.green{ color:#30a972;}
.white{ color: #FFF !important;}
.bold{ font-weight: bold;}
.h_xian{ clear: both; height: 1px; background: #EAEAEA;}

.thumbnail .caption p{ font-size: 1.5rem !important; line-height: 2rem; color: #999 !important;}

.logo{ padding: 2% 0;}
.logo h1{background: url(../images/logo.png) no-repeat center 18px; background-size: 100%; margin: 0 !important; height: 80px;}
.logo img{ max-width: 100%;}
#top_tel{ background: url(../images/top_tel.png) no-repeat left 10%; padding-left: 30px; color: #2f2f2f; font-size: 2rem; font-weight: bold; margin-top: 2.5%;}
.nav{ height: 70px; line-height:70px; overflow: hidden;}
.nav a{ color: #484848; width: 100px; float: left; text-align: center; font-size: 16px;}
.flash{ height: 520px; width: 100%; overflow: hidden; position: relative; background: #51ba6e;}
/*.zy1{ background: url(../images/zy1.jpg) no-repeat center top;}
.zy2{ background: url(../images/zy1.jpg) no-repeat center top;}
.zy3{ background: url(../images/zy1.jpg) no-repeat center top;}
.zy4{ background: url(../images/zy1.jpg) no-repeat center top;}
.zy5{ background: url(../images/zy1.jpg) no-repeat center top;}
.zy6{ background: url(../images/zy1.jpg) no-repeat center top;}
.zy7{ background: url(../images/zy1.jpg) no-repeat center top;}*/

@media screen and (max-width:765px){
  .logo{ padding: 5% 0;}
}

#banner .swiper-container {
  width: 100%;
  height: 100%;
}
#banner .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#banner .swiper-slide img{ width: 100%;}

.slideBox1{ position:relative; overflow:hidden; margin:0 auto;  width:100%;/* 设置焦点图最大宽度 */ }
.slideBox1 .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox1 .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox1 .hd li.on{ background:#fff;  }
.slideBox1 .bd{ position:relative; z-index:0; }
.slideBox1 .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox1 .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox1 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox1 .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }

.cptype{ padding: 1% 0;}
#zzry{ padding-top: 1%;}
#zzry .swiper-container {
  width: 100%;
  height: 100%;
  padding: 0 0 3%;
}
#zzry .swiper-slide {
  text-align: center;
  font-size: 16px;
  border: 1px solid #efefef;
  background: #fff;

  /* Center slide text vertically */
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#zzry .swiper-slide img{ width: 100%;}
#zzry .swiper-slide p{ width: 100%; height: 4rem; line-height: 4rem; margin: 0; font-size: 1.2rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}


#khal .swiper-container {
  width: 100%;
  padding: 3% 0;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
#khal .swiper-slide {
  text-align: center;
  background: #000;
  overflow: hidden;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#khal .swiper-slide .caseinfo img{ width: 100%; height: 100%; }
#khal .swiper-slide .caseinfo p{ position: absolute;left: 0; width: 100%; color: #FFF; background:rgba(0,0,0,0.6); text-align: center;margin: 0;}
#khal .swiper-slide .caseinfo p.tit{ bottom: 0; height: 52px; line-height: 52px;  border-bottom: 3px solid #30A972; transition: 0.3s all;}
#khal .swiper-slide .caseinfo .fdj{ display: block; background: url(../images/cp_fdj.png) no-repeat center; background: #000;}
#khal .swiper-slide .caseinfo p.tel{ top: 0; font-size: 18px; height: 100%; opacity: 0; top:-80%; transition: 0.3s all;}
#khal .swiper-slide .caseinfo p.tel span{ display: block; width: 44px; height: 44px; margin:20% auto 25px auto; background: url(../images/cp_fdj.png) no-repeat center #000; line-height: 44px; background-size: 70%;}
#khal .swiper-slide .caseinfo p:after{ background: #30a972; height: 3px; width: 100%; position: absolute; top: ;}
#khal .swiper-slide .caseinfo:hover p.tel{ opacity: 1; top: 0;}
#khal .swiper-slide .caseinfo:hover p.tit{ border-bottom: 52px solid #30A972;}

.nr_pic{ text-align: center; width: 100%;}
.nr_pic img{ max-width: 80%;}

.footer{ padding: 20px 0; overflow: hidden; min-height: 95px; clear: both;}
.footer li{ float: left; margin-top:10px ; padding: 4px 10px 0 57px; height: 30px; color: #4f4f4f;}
.footer li:nth-of-type(1){ background: url(../images/end1.png) no-repeat 20px top;}
.footer li:nth-of-type(2){ background: url(../images/end2.png) no-repeat 20px top;}
.footer li:nth-of-type(3){ background: url(../images/end3.png) no-repeat 20px top;}
.footer li:nth-of-type(4){ background: url(../images/end4.png) no-repeat 20px top;}
.links{ line-height: 48px;}
.end{ height: 52px; line-height: 52px; background: url(../images/end.jpg)  #2a2a2a; color: #6f6f6f;}

.sy_nav{ text-align: center;}
.sy_nav span{ font-size: 30px; height: 70px; display: block; color: #383838; line-height: 70px; position: relative;}
.sy_nav span:after{ bottom: 0; left: 50%; width: 44px; position: absolute; background: #666666; content: ""; margin-left: -22px; height: 1px;}
.sy_nav p{ font-size: 14px; color: #666666; line-height: 2.5rem;}


#sj_nav{ width:100%; background: #30a972; height: 72px; padding: 0 !important;}
#sj_nav li{ float:left; width: 25%; border-bottom: 1px solid #20b66f; background: url(../images/nav_line.jpg) no-repeat right top; height:36px; line-height:36px; text-align:center; color:#fff !important;}

#sj_banner{ width: 100%; height: auto; overflow: hidden;}
#sj_banner img{ max-width: 100%;}


.case .nr{ background:url(../images/case_bj.jpg) no-repeat top center;}
/*.case .caseinfo{ width: 94%; height: 94%; display: block; overflow: hidden; position: relative;margin:35px auto 0 auto;}
.case .caseinfo img{ width: 100%; height: 100%; }
.case .caseinfo p{ position: absolute;left: 0; width: 100%; color: #FFF; background:rgba(0,0,0,0.6); text-align: center;margin: 0;}
.case .caseinfo p.tit{ bottom: 0; height: 52px; line-height: 52px;  border-bottom: 3px solid #30A972; transition: 0.3s all;}
.case .caseinfo p.tel{ top: 0; font-size: 18px; height: 100%; opacity: 0; top:-80%; transition: 0.3s all;}
.case .caseinfo p.tel span{ display: block; width: 44px; height: 44px; margin:20% auto 25px auto; background: #000; line-height: 44px;}
.case .caseinfo p:after{ background: #30a972; height: 3px; width: 100%; position: absolute; top: ;}
.case .caseinfo:hover p.tel{ opacity: 1; top: 0;}
.case .caseinfo:hover p.tit{ border-bottom: 52px solid #30A972;}*/


.jj .nr{ background: #30a972; position: relative; color: #FFF; line-height: 30px; padding: 110px 0 40px 0; margin-top: 90px;}
.jj .img{ background: url(../images/jj.jpg) no-repeat top center; text-align: center; position: absolute; top: -80px; width: 100%; left: 0;}
.jj .img img{ max-width: 100%;}
.history{ text-align: center; font-size: 18px; color: #777777; padding: 30px 0;}
.history .year{ color: #e53434; font-size: 56px; position: relative;}
.history .year span{ font-size: 24px; top: 0; position: absolute;}
.history div:nth-of-type(2){border-left: 1px solid #cdd5d3;border-right: 1px solid #cdd5d3;}

@media screen and (max-width:765px){
  .jj .nr{ padding: 3% 0;}
}

.jj{ padding: 1% 0;}




.carousel.flexible .items {	display: none;}
.flex-item a{ display: block; text-align: center;}
.img-responsive{ margin: 0 auto;}
.newslist{ padding: 0; margin: 0; background: #FFF;}
.newslist .caption{ padding:20px; color: #9d9d9d; font-size: 14px; line-height: 26px;}
.newslist .caption .text-nowrap{ overflow: hidden; font-size: 16px; color: #383838; font-weight: bold; text-overflow: ellipsis;}
.newslist .caption .more{ margin-top: 20px; width: 114px; height: 38px; border: 1px solid #d9d9d9; color: #acacac; margin: 0 auto; text-align: center; line-height: 36px; display: block;}
.newslist:hover .more{ background: #30A972; color: #FFF;}
.picList .hd{ width: 132px; text-align: center; overflow: hidden; margin: 25px auto;}
.picList .hd a{ width: 40px; height: 40px; margin: 0 2px; float: left; color: #FFF; text-align: center; line-height: 40px; background: #cccccc; transition: 0.3s all; font-family: "宋体"; font-size: 24px; cursor: pointer;}
.picList .hd a:hover{ background: #30A972;}

.ys{ background: url(../images/ys_bj.jpg) no-repeat top center; overflow: hidden; padding-bottom: 15px;}
.sy_inco{font-size: 30px; color: #FFF; padding: 20px 0 10px 0;}
.sy_inco .eng{ font-size: 24px; color:  #e3e3e3;}
.ys .nr li{}
.ys .nr li .img{ background: #FFF; width: 166px; height: 166px; transition: 0.3s all; margin: 0 auto; overflow: hidden; border-radius: 50%;}
.ys .nr li .img img{width:332px; max-width: none;}
.ys .nr li .tit{ text-align: center; font-size: 18px; color: #FFF; font-weight: bold; padding: 20px 0;}
.ys .nr li .cont{ color: #FFF; text-align: center;}
.ys .nr li:hover .img img{transition: 0.3s all; margin-left: -166px;}
.ys .nr li:hover .img{ background: #d2a658;}

.article{ font-size: 16px; line-height: 30px; padding:3% 0;}
.zy_nav{ font-size: 60px; background: url(../images/zy_nav.jpg) no-repeat right center; height: 100px; margin: 2% 0; color: #88848b; font-family: "SiyuanHei";}

.daohang{ background: #f4f8f7; height: 58px; line-height: 58px;}
.daohang .color9{ color: #88848b;  padding: 0 10px;}
.thumbnail.cp{ border: none;border-radius:0; border-bottom: 3px solid #30A972; box-sizing: content-box;}
.thumbnail.cp:hover{ border-bottom-color: #d2a658;}
#allmap{width:100%;height:460px;overflow:hidden;margin:20px 0;;}



#verify { width: 150px;display: inline-block; margin-right: 15px;}
.form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.form-control::-moz-placeholder {color: #999;opacity: 1;}
.form-control:-ms-input-placeholder {color: #999;}
.form-control::-webkit-input-placeholder {color: #999;}
.form-control::-ms-expand {background-color: transparent;border: 0;}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #eee;opacity: 1;}
.form-control[disabled],fieldset[disabled] .form-control {cursor: not-allowed;}
textarea.form-control {height: auto;}
input[type="search"] { -webkit-appearance: none;}
.form-group {margin-bottom: 15px;}
.message .qf_btn {padding-left: 30px; padding-right: 30px; background: #30A972; color: #FFF;}