body{ margin: 0; padding: 0; font-family: '微软雅黑';}
html{ scroll-behavior:smooth; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}


.flex_0, .flex_5{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}

.flex_1{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}

.flex_2{display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;}
    
.flex_3{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.flex_4{display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;}
.flex_6{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
.flex_7{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}
.flex_8{display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}


.menu-link{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  }
  .menu-link {border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; right: 5px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
  .menu-link span {position: relative;display: block;margin-top:12px;}
  .menu-link span,
  .menu-link span:before,
  .menu-link span:after {background-color: #1faa3b; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
  
  .menu-link span{ width:90%;}
  .menu-link span:before{ width:110%;}
  .menu-link span:after{ width:80%;}
  .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
  
  .menu-link span:before,
  .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
  .menu-link span:after {top: .7em;}
  .menu-link.active span {background: transparent;}
  .menu-link.active span:before { background-color:#1faa3b;
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
  }
  .menu-link.active span:after { background-color:#1faa3b;
  -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
  -moz-transform: rotate(-45deg) translate(.6em, -.5em);
  -ms-transform: rotate(-45deg) translate(.6em, -.5em);
  -o-transform: rotate(-45deg) translate(.6em, -.5em);
  transform: rotate(-45deg) translate(.6em, -.5em);
  }


  .ani-in{ opacity: 0; pointer-events: none; transition: all 0.5s;}
  .ani-in.cur{ opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
  .ani-down{ transform: translateY(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
  .ani-down.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
  .ani-up{ transform: translateY(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
  .ani-up.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
  .ani-left{ transform: translateX(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
  .ani-left.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
  .ani-right{ transform: translateX(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
  .ani-right.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
  .ani-zoom{ transform: scale(0.5); opacity: 0; pointer-events: none; transition: all 0.6s;}
  .ani-zoom.cur{ transform: scale(1); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
  
  .nmaodian{ position: absolute; left:0; top:-100px;}
  

  #fp-nav.active1 ul li a span, .fp-slidesNav.active1 ul li a span{ background: #1faa3b;}
  #fp-nav.active2 ul li a.active span, .fp-slidesNav.active2 ul li a.active span, #fp-nav.active2 ul li:hover a.active span, .fp-slidesNav.active2 ul li:hover a.active span{ background: url(../images/img/duo2.png) center no-repeat; background-size: cover;}
  #fp-nav{ left: 20px; transform: translateY(0);}
  #fp-nav ul li, .fp-slidesNav ul li{ margin: 20px 7px;}
  #fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 10px; height: 10px;margin: -5px 0 0 -5px; background: #fff;}
  #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ width: 20px; height: 20px; background: url(../images/img/duo.png) center no-repeat; background-size: cover; margin: -10px 0 0 -10px;}


/*导航开始*/

.container{ width: 82%;}
.header{ position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:999; height: 90px; transition: all 0.6s; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
.header .container{ position: relative; padding-left: 28%; padding-right: 200px; height: 100%;}
.logo{ position: absolute; left: 0; top: 0; height: 90px; transition: all 0.3s;}
.logo a{ display: block; height: 100%;}
.logo a img{ max-height: 100%; display: block; max-width: 100%; transition: all 0.3s;}
.pc_nav{ margin-top: 27px;}
.pc_nav ul li{ position: relative; text-align: center;}
.pc_nav ul li>a{ display: inline-block; color: #333; line-height: 36px; position: relative; font-size: 18px; color: #000; transition: all 0.3s;}
.pc_nav ul li:hover>a{ color: #1faa3b;}
.pc_nav ul li.active>a{ color: #1faa3b;}
.pc_more{position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 0; transition: all 0.3s;}

.pc_ico{ margin-left: 10px; width: 42px; height: 42px; position: relative; text-align: center; cursor: pointer;}
.pc_ico i{ display: inline-block; line-height: 42px; font-size: 24px; color: #333; transition: all 0.3s;}
.pc_ico i:hover{ color: #1faa3b;}
.pc_ico.pc_tel i, .pc_ico.pc_seach i{ font-size: 20px;}

.pc_seach input{ height: 44px; width: 240px; position: absolute; top: calc(100% + 10px); border-radius: 0; right: 0; padding: 0 15px; background: #fff; border: 2px solid #1faa3b; opacity: 0; pointer-events: none;}
.pc_seach input:focus{ background: #fff; border: 2px solid #1faa3b;}
.pc_seach.active input{ opacity: 1; pointer-events: auto;}
.pc_seach.active i{ color: #1faa3b;}

.pc_nav ul li:hover .erji{ opacity: 1; pointer-events: auto;}
.pc_nav ul li:hover .erji .ej_li{ opacity: 1;}
.erji{ position: absolute; top: 100%; left: 50%;  transform: translateX(-50%); width: auto; min-width: calc(100% + 40px); opacity: 0; pointer-events: none; transition: all 0.3s; z-index: 2; padding-top: 32px;}
.erji .ej_li{ text-align: center; margin: 3px 0; transition: all 0.3s; opacity: 0;}
.erji .ej_li>a{ line-height: 36px; color: #000; display: block; font-size: 16px; padding: 0 20px; transition: all 0.3s; white-space: nowrap; background: rgba(255,255,255,0.9);}
.erji .ej_li:hover>a{ color: #fff; background: rgba(71,177,63,0.9);}
.erji .ej_li:hover .sanji{ opacity: 1; pointer-events: auto;}

.pc_xian{ position: absolute; left: 0; width: 100%; height: 1px; background: transparent; top: 100%; pointer-events: none;}
.pc_xian i{ position: absolute; left: 0; bottom: 13px; z-index: 2; background: #1faa3b; width: 8px; height: 8px; display: block; transition: all 1s; transition-timing-function:cubic-bezier(0.66, 0, 0.07, 1); border-radius: 50%;}

.pc_ico:hover .more_model{ opacity: 1; pointer-events: auto;}
.more_model{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 160px; z-index: 2; background: #fff; font-size: 14px; box-shadow: 0px 0px 4px rgba(0,0,0,0.2); opacity: 0; transition: all 0.3s; pointer-events: none; border-radius: 4px;}
.more_model:after{ content: ''; width: 0; height: 0; border-bottom: 6px solid #1faa3b; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.more_model img{ max-width: 100%;}
.more_model b{ display: block; color: #666; font-size: 14px; padding: 20px 0; padding-bottom: 5px; font-weight: normal;}
.more_model em{ font-size: 30px; padding-top: 15px; display: block; color: #999;}
.more_model strong{ display: block; font-size: 18px; margin-bottom: 20px; color: #666;}
.more_model span{ display: block; color: #fff; background: #1faa3b; padding: 5px 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}


.s_banner{ width: 100%; z-index: 2; transition: all 0.6s;}
.s_banner .swiper-slide a{ height: 100vh; display: block; position: relative;}
.s_banner .swiper-pagination{ text-align: right; bottom: 5%; padding-right: 10%;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ width: 4px; height: 10px; opacity: 1; border-radius: 0; margin: 0 5px; background: #fff; transition: all 0.3s; border-radius: 2px;}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 20px; background: #1faa3b;}


.s_biao.bai{ color: #fff;}
.s_biao.bai span{ color: #fff;}
.s_biao{ font-size: 36px; margin-bottom: 40px; color: #333;}
.s_biao span{ margin-top: 3px; font-size: 20px; text-transform: uppercase; font-weight: lighter; display: block; color: #999;}
.s_about{ width: 50.5%; margin: 0 auto;}
.s_about p{ font-size: 18px; line-height: 40px; color: #fff;}
.s_about ul{ margin-top: 60px;}
.s_about ul li{ padding: 0 6%; color: #fff;  text-align: left; position: relative;}
.s_about ul li strong{ font-size: 56px; line-height: 56px; font-weight: normal; font-family: 'Impact';}
.s_about ul li sup{ font-size: 16px; top: -30px; margin-left: 10px;}
.s_about ul li span{ font-size: 16px; display: block;}
.s_about ul li:nth-child(2):after{ content: ''; height: 80%; width: 1px; background: rgba(255,255,255,0.3); position: absolute; left: 0; top: 10px;}
.s_about ul li:nth-child(2):before{ content: ''; height: 80%; width: 1px; background: rgba(255,255,255,0.3); position: absolute; right: 0; top: 10px;}

.s_service{ margin-top: 50px;}
.s_service ul li{ max-width: 26%;}
.s_service ul li a{ display: block;}
.s_service ul li h3{ transition: all 0.3s; font-size: 20px; color: #333; margin-top: 30px; margin-bottom: 20px;}
.s_service ul li:hover h3{ color: #1faa3b;}
.s_service ul li h5{ margin-bottom: 0; font-size: 16px;}
.s_service ul li h5 span{ display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #999; color: #999;}
.s_service ul li h5 span i{ width: 15px;height: 1px; background: #999; position: relative; margin-left: 5px; display: inline-block; vertical-align: middle;}
.s_service ul li h5 span i:after{ content: ''; width: 5px; height: 1px; background: #999; position: absolute; right: 0; bottom:2px; transform: rotate(45deg);}
.sser_img{ overflow: hidden; width: 100%;}
.sser_img img{ transition: all 0.5s; display: block; max-width: 100%;}
.s_service ul li:hover .sser_img img{ transform: scale(1.05);}

.s_map{ margin-top: 50px;}
.s_map .s_biao{ margin-bottom: 0;}
.map{ display: inline-block; position: relative;}
.map img{display: block; max-width: 100%; max-height: 68vh;}
.map_text{ font-size: 22px; position: absolute; left: 90%; top: 48%; transform: translateY(-50%); color: #fff; white-space: nowrap; text-align: left;}
.map_text span{ display: block; font-size: 16px;}
.map_text strong{ font-size: 50px;}

.hz_img{ padding-top: 56.66%; position: relative; border-radius: 6px; overflow: hidden; border: 1px solid #dedede;}
.hz_img img{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; display: block; margin: 0 auto; max-width: 100%; max-height: 100%;}

.s_hezuo{ padding: 60px 0; background: url(../images/img/hzbj.jpg) center no-repeat; background-size: cover;}
.s_hezuo .swiper-button-prev, .s_hezuo .swiper-button-next{ background: none;}
.s_hezuo .swiper-button-prev i, .s_hezuo .swiper-button-next i{ display: inline-block; font-size: 30px; color: #1faa3b; line-height: 44px;}






/* 内页开始 */
.maodian{ position: absolute; top: -90px; left: 0;}

.ny_nav{ padding: 20px 0; border-bottom: 1px solid #dedede;}
.ny_nav ul li a{ color: #333; font-size: 18px;}
.ny_nav ul li{ margin-right: 5%;}
.ny_nav ul li.active a{ color: #1faa3b;}
.ny_nav .text-right{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ny_nav .text-right, .ny_nav .text-right a{ color: #666;}
.ny_nav .text-right a{ transition: all 0.3s;}
.ny_nav .text-right a:hover{ color: #1faa3b;}


.zhong{ padding: 60px 0;}
.n_banner{ padding-top: 31.25%; margin-top: 90px; position: relative; text-align: center;}
.n_banner h2{ margin: 0; position: absolute; top: 50%; left: 10%; width: 80%; text-shadow: 0px 2px 2px rgba(0,0,0,0.3); display: block; transform: translateY(-50%); font-size: 36px; color: #1faa3b;}
.n_banner h2 span{ font-size: 16px; display: block; text-transform: uppercase; margin-top: 10px;}

.n_about{ background: url(../images/img/city.jpg) left bottom no-repeat; background-size: bottom 50%;}
.n_about .nab_right, .n_about .nab_left{ width: 50%;}
.ny_biao{ font-size: 40px; margin-bottom: 30px;}
.ny_biao span{ display: block; margin-top: 10px; color: #666; text-transform: uppercase; font-size: 18px;}
.nab_left p{ line-height: 46px; font-size: 18px;}
.n_about .nab_right img{ display: block; width: 90%; margin-left: 10%;}
.n_honor{ padding: 60px 0; background: #f4f4f4; margin-top: 60px;}
.n_honor .swiper0 a{ padding-top: 137.5%; display: block;}
.n_honor .container{ padding: 0 6%; position: relative;}
.n_honor .swiper-button-prev, .n_honor .swiper-button-next{ background: none;}
.n_honor .swiper-button-prev i, .n_honor .swiper-button-next i{ display: inline-block; font-size: 30px; color: #1faa3b; line-height: 44px;}
.n_honor .swiper0 span{ margin-top: 15px; display: block; text-align: center; font-size: 18px;}
.n_jiagou{ padding: 60px 0; background: #f0fbf1;}

.footer{ background: url(../images/img/di.jpg) center top no-repeat; background-size: cover; padding-top: 60px;}
.foot_nav{ margin: 30px 0;}
.foot_nav ul li{ display: inline-block; padding: 0 30px; border-right: 1px solid #ccc;}
.foot_nav ul li:last-child{ border: none;}
.foot_nav ul li a{ font-size: 18px; display: inline-block; transition: all 0.3s; line-height: 18px; color: #666;}
.foot_nav ul li a:hover{ color: #1faa3b;}
.foot_text h3{ font-size: 36px; margin: 0; color: #333; margin-bottom: 30px;}
.foot_text h4{ margin: 20px 0; color: #666;}
.foot_di{ margin-top: 15px; border-top: 1px solid #dedede; padding: 20px 0; font-size: 16px; color: #666;}
.foot_di a{ color: #666;}

.nfuwu .bai_bj{ width: 90%; margin: 0 auto; background: #fff; padding: 60px 12%;}
.nfuwu .bai_bj h3{ color: #1faa3b; font-weight: bold; margin-bottom: 30px;}


.fanye02{ padding: 15px 2%; font-size: 16px;display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start; font-family: 'GOTHAM-MEDIUM';}
.fanye02 a{ width: 40%; display: block; color: #000004;  transition: all 0.3s;}
.fanye02 a:nth-child(2){ width: 20%; text-align: center;}
.fanye02 a:last-child{ text-align: right;}
.fanye02 a i{ display: inline-block; font-size: 14px;}
.fanye02 a:hover{ color: #1faa3b;}

.n_hezuo{ margin-bottom: 60px;}
.n_hezuo ul li{ width: 13.75%; margin: 5px 0; border: 1px solid #eee; margin-right: 0.625%; transition: all 0.5s;}
.n_hezuo ul li:nth-child(7n){ margin-right: 0;}
.n_hezuo ul li a{ display: block; overflow: hidden;}
.n_hezuo ul li a img{ display: block; width: 100%; transition: all 0.5s;}
.n_hezuo ul li:hover a img{ transform: scale(1.1);}
.n_hezuo ul li:hover{ border-color: #1faa3b;}

.new_li{ margin-bottom: 20px;}
.new_li:hover a{ background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.2);}
.new_li:hover a .new_text h5 i, .new_li:hover a .new_text h4{ color: #1faa3b;}
.new_li a{display: flex; background: #f6f6f6; transition: all 0.3s;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;}
.new_left{ width: 18.75%;}
.new_img{ display: block; padding-top: 66.66%;}
.new_right{ width: 81.25%;display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.new_text{ padding: 0 3%; width: 100%;}
.new_text h4{ color: #333; transition: all 0.3s;}
.new_text h5 i{ font-size: 14px; display: inline-block; margin-right: 5px; transition: all 0.3s;}
.new_text p, .new_text h5{ color: #666; margin-bottom: 15px;}
.new_text p, .new_text h4{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.bai_bj h3.new_biao{ color: #666; margin-bottom: 15px;}
.new_time{ text-align: center; color: #999; font-size: 16px; margin-bottom: 20px;}
.new_time i{ display: inline-block; margin-right: 5px;}


.lx_content{ position: absolute; top: 0; height: 100%; width: 400px; background: rgba(71,177,63,0.9); color: #fff; z-index: 99;}
.lx_content>div{ text-align: center; width: 80%;}
.lx_content h3{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #fff; position: relative; font-size: 28px;}
.lx_content h3:after{ content: ''; width: 60px; height: 3px; background: #fff; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);}
.lx_content h5{ font-size: 36px; line-height: 36px;}
.lx_content h5 span{ font-size: 18px; display: block;}
.lx_content p{ font-size: 18px; line-height: 36px;}

/* 通用样式 */


.dw{ position: relative;}

.ty_content p{ font-size: 16px; color: #666; line-height: 30px;}
.ty_content img{ max-width: 100%;}


.tabel_content table{ max-width: 100% !important;}
#code{ transform: translateY(-2px);}

.fanye{ font-size: 0; margin: 20px 0;}
.fanye a{ display:inline-block; padding:8px 14px; background:#f0f3f6; color:#333; text-decoration:none; margin: 0 1px; font-size: 14px; transition: all 0.3s;}
.fanye a:hover{background:#1faa3b;  color:#fff;}
.fanye a.active{ background:#1faa3b; color:#fff;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ pointer-events: none; opacity: 0.5;}

.back_a{ margin: 30px 0; text-align: center;}
.back_a a{ display: inline-block; padding: 6px 20px; border-radius: 18px; border: 1px solid #dedede; color: #666; transition: all 0.3s;}
.back_a a i{ display: inline-block; margin-right: 5px;}
.back_a a:hover{ color: #1faa3b;}

.fanye03{ padding: 30px 0; border-top: 1px dashed #dedede;}
.fanye03 .caption a{ width: 100%; display: block; position: relative; font-size: 16px; color: #666; transition: all 0.3s;}
.fanye03 .caption a span{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fanye03 .caption a i{ transition: all 0.3s; position: absolute; display: inline-block; font-size: 18px; color: #999;}
.fanye03 .row .col-sm-6:first-child .caption a{ padding-left: 30px;}
.fanye03 .row .col-sm-6:first-child .caption a i{ left: 0; top: 50%; transform: translateY(-50%);}
.fanye03 .row .col-sm-6:last-child .caption a{ padding-right: 30px;}
.fanye03 .row .col-sm-6:last-child .caption a i{ right: 0; top: 50%; transform: translateY(-50%);}
.fanye03 .caption a:hover{ color: #1faa3b;}
.fanye03 .caption a:hover i{ color: #1faa3b;}

#bsWXBox{height: 256px !important; width: 232px !important;}	


.my-map { margin: 0 auto; width: 100%; height: 630px; position: relative;}
.my-map .icon { background: url(../../lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }


@media (max-width:767px){
  .container{ width: 100%; padding: 0 15px;}
.fudong{ display: none;}
.header .container.cw{ padding: 0 15px;}
.header{ height: 60px; top: 0; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.erji{ background: none; position: static; opacity: 1; padding-left: 30px; box-shadow: none; display: none;}
.erji .ej_li{ padding: 0;}
.erji .ej_li>a{ line-height: 36px; color: rgba(255,255,255,0.85); padding: 0 10px; font-size: 14px; border-bottom: none; border-top: 1px solid rgba(255,255,255,0.3);}
.sanji{ background: none; position: static; opacity: 1; box-shadow: none;}
.sanji .sj_li{ padding: 0 10px;}
.sanji .sj_li>a{ line-height: 30px; font-size: 12px; color: rgba(255,255,255,0.65); border: none; padding: 0 10px;}
.pc_nav.active .erji, .pc_nav.active .sanji{ pointer-events: auto;}

.pc_nav{ position: absolute; left: 0; top: 110%; width: 100%; background: #1faa3b; max-height: calc(100vh - 60px); overflow: auto; margin: 0; padding: 15px 0; opacity: 0; pointer-events: none; transition: all 0.3s;}
.pc_nav.active{ top: 100%; opacity: 1; pointer-events: auto;}
.logo{ position: static; width: auto; height: 60px; padding: 5px 0;}
.pc_more{ display: none;}
.pc_nav ul{ width: 70%;}
.pc_nav ul li{ width: 50%;}
.pc_nav ul li>a{ padding-left: 30px; line-height: 36px; color: rgba(255,255,255,0.8); font-size: 14px; font-weight: normal; display: block; text-align: left;}
.pc_nav ul li>a:after{ display: none;}
.pc_nav ul li.active>a{ color: #fff;}
.s_banner{ margin-top: 60px;}
.s_banner .swiper-slide a{ height: 36vh;}
.s_about{ width: 100%; padding: 40px 15px;}
.ani-in{ opacity: 1; pointer-events: auto;}
.ani-up{ opacity: 1; transform: translateY(0); pointer-events: auto;}
.s_biao{ font-size: 24px; margin-bottom: 20px;}
.s_biao span{ font-size: 16px;}
.s_about p{ font-size: 16px; line-height: 30px;}
.s_about ul{ margin-top: 30px;}
.s_about ul li strong{ font-size: 24px; line-height: 30px;}
.s_about ul li sup{ top: -5px; font-size: 14px;}
.s_about ul li span{ font-size: 14px;}
.s_service ul.flex_6{justify-content: center;}
.s_service ul li:nth-child(2n-1){ margin-right: 4%;}
.s_service ul li:last-child{ margin-right: 0;}
.s_service ul li{ max-width: 48%; margin-bottom: 30px;}
.s_service ul li h3{ font-size: 16px; line-height: 24px; margin: 15px 0;}
.s_service ul li h5{ font-size: 14px;}
.s_map, .s_hezuo{ padding: 30px 0;}
.map_text{ font-size: 16px; left: 15px; width: calc(100% - 30px); white-space: normal; position: static; transform: translateY(0);}
.map_text strong{ font-size: 30px;}
.map_text span{ font-size: 14px;}
.footer{ padding-top: 20px;}
.foot_logo img{ height: 70px;}
.foot_nav{ margin: 20px 0; display: none;}
.foot_text h3{ font-size: 24px; margin: 15px 0; margin-top: 10px;}
.foot_text h4{ margin: 10px 0;}
.foot_nav ul li a, .foot_text h4{ font-size: 14px;}
.foot_di{ font-size: 14px; padding: 15px 0; margin-top: 10px;}
.foot_logo img{ height: 60px;}


.zhong, .n_jiagou, .n_honor{ padding: 30px 0;}
.n_banner{ margin-top: 60px; padding-top: 30%;}
.n_banner h2{ font-size: 18px;}
.n_banner h2 span{ font-size: 14px;}
.ny_nav{ padding: 15px 0;}
.ny_nav .row .col-sm-4{ display: none;}
.ny_nav ul li a{ font-size: 14px;}
.n_about .nab_right, .n_about .nab_left{ width: 100%;}
.ny_biao{ font-size: 20px; margin-bottom: 15px;}
.ny_biao span{ font-size: 14px; margin-top: 2px;}
.nab_left p{ font-size: 14px; line-height: 24px;}
.n_about .nab_right img{width: 100%; margin-left: 0;}

.nfuwu .bai_bj{ width: 100%; padding: 30px 6%;}
.nfuwu .bai_bj h3{ font-size: 18px; line-height: 30px; margin-top: 0; margin-bottom: 15px;}
.ty_content p{ font-size: 14px; line-height: 24px;}

.new_left, .new_right{ width: 100%;}
.new_text h4{ font-size: 16px;}
.new_text h5{ font-size: 12px;}
.new_text h5 i{ font-size: 12px;}

.n_hezuo{ margin-bottom: 30px;}
.n_hezuo ul li{ width: 49%; margin-right: 2%;}
.n_hezuo ul li:nth-child(7n){ margin-right: 2%;}
.n_hezuo ul li:nth-child(2n){ margin-right: 0;}
.fanye03{ padding: 20px 0;}
.fanye03 .caption a{ font-size: 14px;}
.fanye03 .caption{ margin-bottom: 10px;}
.my-map{ height: 300px;}
.lx_content{ position: static; height: auto; width: 100%;}
.lx_content h5 span{ font-size: 16px;}
.lx_content h3{ font-size: 20px; margin-bottom: 20px; padding-bottom: 15px;}
.lx_content h5{ font-size: 24px;}
.lx_content p{ font-size: 16px; line-height: 24px; margin: 15px 0;}

}
@media (min-width:768px) and (max-width:991px) {

  .container{ width: 100%; padding: 0 15px;}
.fudong{ display: none;}
.header .container.cw{ padding: 0 15px;}
.header{ height: 60px; top: 0; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.erji{ background: none; position: static; opacity: 1; padding-left: 30px; box-shadow: none; display: none;}
.erji .ej_li{ padding: 0;}
.erji .ej_li>a{ line-height: 36px; color: rgba(255,255,255,0.85); padding: 0 10px; font-size: 14px; border-bottom: none; border-top: 1px solid rgba(255,255,255,0.3);}
.sanji{ background: none; position: static; opacity: 1; box-shadow: none;}
.sanji .sj_li{ padding: 0 10px;}
.sanji .sj_li>a{ line-height: 30px; font-size: 12px; color: rgba(255,255,255,0.65); border: none; padding: 0 10px;}
.pc_nav.active .erji, .pc_nav.active .sanji{ pointer-events: auto;}

.pc_nav{ position: absolute; left: 0; top: 110%; width: 100%; background: #1faa3b; max-height: calc(100vh - 60px); overflow: auto; margin: 0; padding: 15px 0; opacity: 0; pointer-events: none; transition: all 0.3s;}
.pc_nav.active{ top: 100%; opacity: 1; pointer-events: auto;}
.logo{ position: static; width: auto; height: 60px; padding: 5px 0;}
.pc_more{ display: none;}
.pc_nav ul{ width: 70%;}
.pc_nav ul li{ width: 50%;}
.pc_nav ul li>a{ padding-left: 30px; line-height: 36px; color: rgba(255,255,255,0.8); font-size: 14px; font-weight: normal; display: block; text-align: left;}
.pc_nav ul li>a:after{ display: none;}
.pc_nav ul li.active>a{ color: #fff;}
.s_banner{ margin-top: 60px;}
.s_banner .swiper-slide a{ height: 36vh;}
.s_about{ width: 100%; padding: 40px 15px;}
.ani-in{ opacity: 1; pointer-events: auto;}
.ani-up{ opacity: 1; transform: translateY(0);}
.s_biao{ font-size: 24px; margin-bottom: 20px;}
.s_biao span{ font-size: 16px;}
.s_about p{ font-size: 16px; line-height: 30px;}
.s_about ul{ margin-top: 30px;}
.s_about ul li strong{ font-size: 24px; line-height: 30px;}
.s_about ul li sup{ top: -5px; font-size: 14px;}
.s_about ul li span{ font-size: 14px;}
.s_service ul.flex_6{justify-content: center;}
.s_service ul li:nth-child(2n-1){ margin-right: 4%;}
.s_service ul li:last-child{ margin-right: 0;}
.s_service ul li{ max-width: 48%; margin-bottom: 30px;}
.s_service ul li h3{ font-size: 16px; line-height: 24px; margin: 15px 0;}
.s_service ul li h5{ font-size: 14px;}
.s_map, .s_hezuo{ padding: 30px 0;}
.map_text{ font-size: 16px; left: 15px; width: calc(100% - 30px); white-space: normal; position: static; transform: translateY(0);}
.map_text strong{ font-size: 30px;}
.map_text span{ font-size: 14px;}
.footer{ padding-top: 20px;}
.foot_logo img{ height: 70px;}
.foot_nav{ margin: 20px 0; display: none;}
.foot_text h3{ font-size: 24px; margin: 15px 0; margin-top: 10px;}
.foot_text h4{ margin: 10px 0;}
.foot_nav ul li a, .foot_text h4{ font-size: 14px;}
.foot_di{ font-size: 14px; padding: 15px 0; margin-top: 10px;}
.foot_logo img{ height: 60px;}


.zhong, .n_jiagou, .n_honor{ padding: 30px 0;}
.n_banner{ margin-top: 60px; padding-top: 30%;}
.n_banner h2{ font-size: 18px;}
.n_banner h2 span{ font-size: 14px;}
.ny_nav{ padding: 15px 0;}
.ny_nav .row .col-sm-4{ display: none;}
.ny_nav ul li a{ font-size: 14px;}
.n_about .nab_right, .n_about .nab_left{ width: 100%;}
.ny_biao{ font-size: 20px; margin-bottom: 15px;}
.ny_biao span{ font-size: 14px; margin-top: 2px;}
.nab_left p{ font-size: 14px; line-height: 24px;}
.n_about .nab_right img{width: 100%; margin-left: 0;}

.nfuwu .bai_bj{ width: 100%; padding: 30px 6%;}
.nfuwu .bai_bj h3{ font-size: 18px; line-height: 30px; margin-top: 0; margin-bottom: 15px;}
.ty_content p{ font-size: 14px; line-height: 24px;}

.new_left, .new_right{ width: 100%;}
.new_text h4{ font-size: 16px;}
.new_text h5{ font-size: 12px;}
.new_text h5 i{ font-size: 12px;}

.n_hezuo{ margin-bottom: 30px;}
.n_hezuo ul li{ width: 49%; margin-right: 2%;}
.n_hezuo ul li:nth-child(7n){ margin-right: 2%;}
.n_hezuo ul li:nth-child(2n){ margin-right: 0;}
.fanye03{ padding: 20px 0;}
.fanye03 .caption a{ font-size: 14px;}
.fanye03 .caption{ margin-bottom: 10px;}
.my-map{ height: 300px;}
.lx_content{ position: static; height: auto; width: 100%;}
.lx_content h5 span{ font-size: 16px;}
.lx_content h3{ font-size: 20px; margin-bottom: 20px; padding-bottom: 15px;}
.lx_content h5{ font-size: 24px;}
.lx_content p{ font-size: 16px; line-height: 24px; margin: 15px 0;}
  

}
@media (min-width:991px) and (max-width:1200px) {
  .header, .logo{ height: 60px;}
  .header .container{ padding-left: 25%; padding-right: 150px;}
  .pc_xian i{ width: 6px; height: 6px; bottom: 10px;}
  .pc_ico{ margin-left: 0;}
  .pc_nav{ margin-top: 12px;}
  .pc_nav ul li>a{ font-size: 14px;}
  .s_about ul li strong{ font-size: 36px;}
  .s_about ul li sup{ top: -15px;}
  .s_about p{ font-size: 16px; line-height: 36px;}
  .s_biao{ font-size: 24px;}
  .s_biao span{ font-size: 16px;}
  .s_service ul li{ max-width: 24%;}
  .s_service ul li h3{ font-size: 16px;}
  .s_service ul li h5{ font-size: 14px;}
  .map_text{ font-size: 16px; left: 90%; width: 260px; white-space: normal;}
  .map_text strong{ font-size: 30px;}
  .map_text span{ font-size: 14px;}
  .footer{ padding-top: 30px;}
  .foot_logo img{ height: 70px;}
  .foot_nav{ margin: 20px 0;}
  .foot_text h3{ font-size: 24px; margin-bottom: 20px;}
  .foot_text h4{ margin: 10px 0;}
  .foot_nav ul li a, .foot_text h4{ font-size: 14px;}
  .foot_di{ font-size: 14px; padding: 15px 0;}
 
  .zhong{ padding: 40px 0;}
  .n_banner{ margin-top: 60px;}
  .ny_nav ul li a{ font-size: 14px;}
  .ny_biao{ font-size: 24px; margin-bottom: 30px;}
  .ny_biao span{ font-size: 14px; margin-top: 5px;}
  .nab_left p{ font-size: 14px; line-height: 30px;}
  .n_honor .swiper0 span{ font-size: 16px;}
  .nfuwu .bai_bj{ width: 100%; padding: 40px 6%;}
  .nfuwu .bai_bj h3{ font-size: 18px; line-height: 30px; margin-bottom: 20px;}
  .ty_content p{ font-size: 14px; line-height: 24px;}
  .new_text h4{ font-size: 16px;}
  .new_text h5{ font-size: 12px;}
  .new_text h5 i{ font-size: 12px;}
  .fanye03{ padding: 20px 0;}
  .fanye03 .caption a{ font-size: 14px;}
  .my-map{ height: 460px;}
  .lx_content h5 span{ font-size: 16px;}
  .lx_content h3{ font-size: 20px; margin-bottom: 20px; padding-bottom: 15px;}
  .lx_content h5{ font-size: 24px;}
  .lx_content p{ font-size: 16px; line-height: 24px; margin: 15px 0;}
}
@media (min-width:1201px) and (max-width:1440px) {
  .header, .logo{ height: 80px;}
  .pc_nav{ margin-top: 22px;}
  .pc_nav ul li>a{ font-size: 16px;}
  .s_about ul li strong{ font-size: 36px;}
  .s_about ul li sup{ top: -15px;}
  .s_about p{ font-size: 16px; line-height: 36px;}
  .s_biao{ font-size: 24px;}
  .s_biao span{ font-size: 16px;}
  .s_service ul li{ max-width: 24%;}
  .s_service ul li h3{ font-size: 16px;}
  .s_service ul li h5{ font-size: 14px;}
  .map_text{ font-size: 18px;}
  .map_text strong{ font-size: 36px;}
  .map_text span{ font-size: 14px;}
  .footer{ padding-top: 30px;}
  .foot_logo img{ height: 70px;}
  .foot_nav{ margin: 20px 0;}
  .foot_text h3{ font-size: 24px; margin-bottom: 20px;}
  .foot_text h4{ margin: 10px 0;}
  .foot_nav ul li a, .foot_text h4{ font-size: 14px;}
  .foot_di{ font-size: 14px; padding: 15px 0;}

  .n_banner{ margin-top: 80px;}
  .ny_nav ul li a{ font-size: 16px;}
  .ny_biao{ font-size: 30px; margin-bottom: 30px;}
  .ny_biao span{ font-size: 16px; margin-top: 5px;}
  .nab_left p{ font-size: 16px; line-height: 36px;}
  .n_honor .swiper0 span{ font-size: 16px;}
  .bai_bj h3.new_biao{ font-size: 18px;}
  .fanye03{ padding: 20px 0;}
  .fanye03 .caption a{ font-size: 14px;}
  .my-map{ height: 500px;}
  .lx_content h5 span{ font-size: 16px;}
  .lx_content h3{ font-size: 20px; margin-bottom: 20px; padding-bottom: 15px;}
  .lx_content h5{ font-size: 24px;}
  .lx_content p{ font-size: 16px; line-height: 24px; margin: 15px 0;}

}
@media (min-width:1441px){

}

@media (max-width:991px) {

  iframe{ height:300px ;}
  .fanye{ text-align: center ;}
  .fanye a{ padding: 4px 8px ; }
  
}
@media (min-width:991px) {
  
  .fancybox-button {  width: 60px ;  height: 60px ;}
  .fancybox-navigation button {  width: 80px ; height:120px ;}
  .fancybox-navigation button:before { width: 60px ; height: 60px ;}
  
}