html{ scroll-behavior:smooth; font-size: 62.5%;}

body{ margin: 0; padding: 0;}

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_1{

  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: flex-start;

}

.flex_2{

  display: flex;

  display: -webkit-flex;

  align-items: stretch;

  flex-wrap: wrap;

  justify-content: flex-start;

}

.flex_3{

  display: flex;

  display: -webkit-flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: flex-start;

}

.flex_4{

  display: flex;

  display: -webkit-flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: flex-end;

}

.flex_5{

  display: flex;

  display: -webkit-flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;

}

.flex_6{

  display: flex;

  display: -webkit-flex;

  align-items: stretch;

  flex-wrap: wrap;

  justify-content: center;

}

.flex_7{

  display: flex;

  display: -webkit-flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: space-between;

}

.flex_8{

  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: space-between;

}

.flex_9{

  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: center;

}

.flex_10{

  display: flex;

  display: -webkit-flex;

  align-items: flex-end;

  flex-wrap: wrap;

  justify-content: space-between;

}

.flex_11{

  display: flex;

  display: -webkit-flex;

  align-items: flex-end;

  flex-wrap: wrap;

  justify-content: center;

}

.flex_12{

  display: flex;

  display: -webkit-flex;

  align-items: stretch;

  flex-wrap: wrap;

  justify-content: space-between;

}





@font-face {

	font-family: 'Open Sans Semibold Italic';

	src: url('../fonts/Open Sans Semibold Italic.ttf');

	font-weight: normal;

	font-style: normal;

}





.maodian{ position: absolute; left:0; top:-120px;}





.head_xiala{ position: absolute; left: 0; top: 100%; width: 100%; z-index: -1; background: #fff; height: 0; transition: all 0.3s ease; overflow: hidden;}

.head_xiala img{ position: absolute; left: 15px; bottom: 0; width: 27.9rem; transform: translateY(100%); transition: all 0.3s ease;}

.head_xiala.cur{ box-shadow: 0px 0.8rem 0.8rem rgba(0,0,0,0.1); border-top: 1px solid #dedede;}

.head_xiala.cur img{ transform: translateY(0); transition-delay: 0.3s;}



.header.cur{ box-shadow: 0px 0.4rem 0.8rem rgba(0,0,0,0.1);}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 12rem; z-index: 990; transition: all 0.5s ease-out; background: #fff;}

.header .container{ position: relative; padding-left: 22%; padding-right: 15rem;}

.logo{ height: 12rem; position: absolute; left: 15px; top: 0;}

.logo a{ display: inline-block; height: 100%;}

.logo a img{ display: block; height: 100%;}





.pc_nav{  width: 100%;}

.pc_nav>ul{ width: 100%;

  display: flex;

  display: -webkit-flex;

  align-items: center;

  flex-wrap: nowrap;

  justify-content: space-between;

}

/* .pc_nav>ul>li{ position: relative;} */

.pc_nav>ul>li>a{ font-size: 1.8rem; line-height: 12rem; display: block; color: #222; transition: all 0.3s ease;}

.pc_nav>ul>li.active>a{ color: #10a4a2;}

.pc_nav>ul>li:hover>a{ color: #10a4a2;}

.header .container ol{ position: absolute; left: 0; top: 100%; padding: 4rem 0; margin: 0; opacity: 0; pointer-events: none; transform: translateY(-2rem); transition: all 0.3s ease-out; width: 100%;

  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: flex-start;}

/* .header .container ol:after{ content: ''; width: calc(100% + 18%); height: 100%; background: #fff; position: absolute; left: -18%; top: 0;} */

.header .container ol li{ width: 30%; margin-right: 5%;}

.header .container ol li:nth-child(3){ margin-right: 0;}

.header .container ol li a{ font-size: 1.8rem; white-space: nowrap; display: block; color: #666; transition: all 0.3s ease; letter-spacing: 0.1rem; text-align: center;}

.header .container ol li a img{ display: block; width: 100%; margin-bottom: 1.5rem;}

.header .container ol li a:hover{ color: #10a4a2;}



.header .container .pc_nav>ul>li:hover ol{ opacity: 1; pointer-events: auto; transform: translateY(0);}





.pc_nav.cur ul ol{ opacity: 1; transform: translateY(0); pointer-events: auto; transition: all 0.5s ease-out; transition-delay: 0.3s;}



.nav_menu{ width: 100%; height: 100%; padding: 0 5%; padding-left: 15%;

  padding-top: 12%;

  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: flex-end;

  overflow: hidden;

  position: relative;

  z-index: 3;

  opacity: 0; transition: all 0.3s ease;

}





.head_more{ position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 3;}

.head_more>div{ padding: 0 2rem; cursor: pointer; color: #666; transition: all 0.3s ease;}

.head_more>div:hover{ color: #10a4a2;}

.head_more>div i{ font-size: 2rem;}

.head_more>div.head_lang{ padding: 0; margin-left: 2rem;}



.head_lang{ position: relative; cursor: pointer;}

.head_lang:hover ul{ opacity: 1; pointer-events: auto; top: calc(100% + 0.5rem);}

.head_lang ul:after{ content: ''; width: 100%; height: 1rem; position: absolute; bottom: 100%; left: 0;}

.head_lang ul{ position: absolute; top: calc(100% + 1.5rem); left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.45); border-radius: 0.4rem; padding: 0 1rem; opacity: 0; pointer-events: none; transition: all 0.5s ease-out;}

.head_lang ul li{ border-bottom: 1px solid rgba(255,255,255,0.1);}

.head_lang ul li:last-child{ border-bottom: none;}

.head_lang ul li a{ padding: 0.5rem 1rem; display: block; white-space: nowrap; font-size: 1.6rem; color: #fff; opacity: 0.65; text-align: center;}

.head_lang ul li:hover a{ opacity: 1;}







.menu-link{ cursor: pointer; display: none;}

.menu-link span{ width: 2.5rem; height: 2rem; display: inline-block; position: relative;  margin-left: 0.5rem;}

.menu-link span i{ width: 100%; height: 0.4rem; display: block; background: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%);transition: all 0.3s ease-out;}

.menu-link span:after{ content: ''; background: #fff; width: 100%; height: 0.4rem; position: absolute; top: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right top;}

.menu-link span:before{ content: ''; background: #fff; width: 100%; height: 0.4rem; position: absolute; bottom: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right bottom;}

.menu-link.active span:after{ transform: rotate(-45deg); top: -0.05rem;}

.menu-link.active span:before{transform: rotate(45deg); bottom: -0.05rem;}

.menu-link.active span i{ background: transparent;}





.search_box.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}

.search_box{ width: 35%; opacity: 0; pointer-events: none; position: absolute; top: 100%; right: 0; z-index: 2; transition: all 0.5s; transform: translateY(1.5rem);}

.search_box input{ width: calc(100% - 14rem); height: 5.6rem; background: rgba(0,0,0,0.35); border-radius: 0; border-top-left-radius: 0.6rem; border-bottom-left-radius: 0.6rem; padding: 0 3rem; font-size: 1.6rem; color: #fff; padding-left: 7rem; outline: none; box-shadow: none; border: none;}

.search_box input::placeholder{ color: rgba(255,255,255,0.5); text-transform: uppercase;}

.search_box i{ position: absolute; left: 3rem; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 2.4rem;}

.search_box button{ width: 14rem; font-size: 1.6rem; background: #76afda; border: none; border-top-right-radius: 0.6rem; border-bottom-right-radius: 0 !important; color: #fff; font-family: 'MONTSERRAT-BOLD'; outline: none;}







.s_banner{ margin-top: 12rem;}

.s_banner .swiper-slide a{position: relative; height: calc(100vh - 12rem); display: block;}

.s_banner .container{ position: absolute; top: 40%; transform: translateY(-50%); left: 0; right: 0; text-align: center;}

.s_banner .swiper-pagination{ bottom: 6.5rem;}

.s_banner .swiper-pagination .swiper-pagination-bullet{ background: #fff; opacity: 1; width: 0.8rem; height: 1.8rem; margin: 0 1.8rem; border-radius: 0.8rem;}

.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 4.6rem; height: 2.7rem; background: url(../images/ye.png) center no-repeat; background-size: cover;}

.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ margin-right: 1rem;}

.s_banner .swiper-pagination .swiper-pagination-bullet:first-child{ margin-left: 0;}





.s_biao{ margin-bottom: 3rem;}

.s_biao span{ display: block; margin-bottom: 2rem; font-size: 4rem;}

.s_biao p{ line-height: 4rem; font-size: 2rem; color: #222; }





.s_jjfa.fwtd .caption{ width: 24%; margin-right: 1.33%;}

.s_jjfa.fwtd .caption:nth-child(3){ margin-right: 1.33%;}

.s_jjfa.fwtd .caption:nth-child(4){ margin-right:0;}



.s_jjfa{ padding: 7rem 0;}

.s_jjfa .s_biao p{ max-width: 56%; margin: 0 auto;}

.s_jjfa .caption{ width: 31%; margin-right: 3.5%;}

.s_jjfa .caption:nth-child(3){ margin-right: 0;}

.sjjfa_img{ overflow: hidden; border-radius: 1rem; position: relative;}

.sjjfa_img i{ position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%; width: 8.5rem; height: 8.5rem; border-radius: 50%; text-align: center; background: rgba(255,255,255,0.6); line-height: 8.5rem; font-size: 4.2rem; z-index: 2; color: #10a4a2; transition: all 0.3s ease;}

.sjjfa_img img{ width: 100%; transition: all 0.3s ease;}

.sjjfa_title{ padding-top: 2.5rem; color: #333;}

.sjjfa_title h3{ font-size: 2.4rem; color: #222; transition: all 0.3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.sjjfa_title h4{ font-size: 1.8rem;  margin-top: 2rem; margin-bottom: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.sjjfa_title h5{ font-size: 1.6rem; transition: all 0.3s ease;}

.sjjfa_title h5 i{ color: #777; font-size: 1.4rem; transition: all 0.3s ease;}

.s_jjfa .caption:hover .sjjfa_title h3, .s_jjfa .caption:hover .sjjfa_title h5, .s_jjfa .caption:hover .sjjfa_title h5 i{ color: #10a4a2;}

.s_jjfa .caption:hover .sjjfa_img img{ transform: scale(1.05);}

.s_jjfa .caption:hover .sjjfa_img i{ background: rgba(16,164,162,0.8); color: #fff;}



.s_about .container{ position: relative;}

.sab_text{ width: 44%; position: absolute; right: 8%; top: 55%; transform: translateY(-50%); z-index: 2; color: #fff;}

.sab_text h2{ font-size: 5rem; margin-bottom: 4rem; line-height: 5rem;}

.sab_text p{ font-size: 1.8rem; line-height: 3.6rem; }

.sab_text h5 a{ color: #fff;}

.sab_text h5{ font-size: 1.6rem; margin-top: 3rem;}

.sab_text h5 i{ font-size: 1.4rem;}



.s_map{ padding: 7rem 0;}

.s_map .map{ display: inline-block; position: relative;}

.s_map .map>img{ max-width: 100%;}

.s_map .map ul{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.s_map .map ul li{ width: 1px; height: 1px; position: absolute;}

.s_map .map ul li:nth-child(1){ left: 11%; top: 42%;}

.s_map .map ul li:nth-child(2){ left: 39.5%; top: 32%;}

.s_map .map ul li:nth-child(3){ left: 46.5%; top: 71.5%;}

.s_map .map ul li:nth-child(4){ left: 76%; top: 21%;}

.s_map .map ul li:nth-child(5){ left: 87%; top: 66%;}

.s_map .map ul li img{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 33rem;}

.map_text{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 13rem; z-index: 2; font-size: 1.2rem; color: #fff;}

.map_text span{ font-size: 2.4rem; line-height: 4rem; display: block; font-weight: bold;}

.map_text span sub{ font-size: 1.2rem; bottom: auto; margin-left: 0.5rem; font-weight: normal;}





.new_li{ width: 31%; margin-right: 3.5%;}

.new_li:nth-child(3n){ margin-right: 0;}

.new_img{ overflow: hidden; border-radius: 1rem; position: relative;}

.new_img i{ width: 100%; display: block; padding-top: 60.4%; transition: all 0.3s ease;}

.new_text{ padding-top: 2.5rem; color: #333;}

.new_text h3{ font-size: 2.4rem; color: #222; transition: all 0.3s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.new_text p{ font-size: 1.6rem;  margin-top: 2rem; margin-bottom: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.new_text h5{ font-size: 1.6rem; transition: all 0.3s ease;}

.new_text h5 i{ color: #777; font-size: 1.4rem; transition: all 0.3s ease;}



.new_li:hover .new_text h3, .new_li:hover .new_text h5, .new_li:hover .new_text h5 i{ color: #10a4a2;}

.new_li:hover .new_img i{ transform: scale(1.05);}

.s_more{ margin-top: 4rem;}

.s_more span{ font-size: 1.6rem; padding: 1rem 4rem; border: 1px solid #dedede; color: #555; display: inline-block; transition: all 0.3s;}

.s_more span i{ color: #777; transition: all 0.3s;}

.s_more span:hover{ color: #10a4a2; border-color: #10a4a2;}

.s_more span:hover i{ color: #10a4a2;}



.s_more a{ font-size: 1.6rem; padding: 1rem 4rem; border: 1px solid #dedede; color: #555; display: inline-block; transition: all 0.3s;}

.s_more a i{ color: #777; transition: all 0.3s;}

.s_more a:hover{ color: #10a4a2; border-color: #10a4a2;}

.s_more a:hover i{ color: #10a4a2;}





.s_jidi{ padding: 7rem 0;}

.s_jidi .swiper1 .swiper-slide{ width: auto;}

.s_jidi .swiper1 .swiper-slide img{ max-height: 29.5rem;}

.s_jidi .swiper1 .swiper-slide a{ display: block; border-radius: 0.8rem; overflow: hidden; position: relative;}

.s_jidi .swiper1 .swiper-wrapper{

  -webkit-transition-timing-function: linear; /*之前是ease-out*/

  -moz-transition-timing-function: linear;

  -ms-transition-timing-function: linear;

  -o-transition-timing-function: linear;

  transition-timing-function: linear;

}



.s_jidi.n_jd .swiper1 .swiper-slide a:after{ content: ''; width: 100%; height: 100%; background: #10a4a2; opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.3s ease;}

.s_jidi.n_jd .swiper1 .swiper-slide a i{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 4.6rem; z-index: 3; opacity: 0; transition: all 0.3s ease;}

.s_jidi.n_jd .swiper1 .swiper-slide:hover a:after{ opacity: 0.7;}

.s_jidi.n_jd .swiper1 .swiper-slide:hover a i{ opacity: 1;}







.s_hezuo{ padding-bottom: 7rem; background-image: linear-gradient(to bottom, #fff, #f4f4f4);}

.s_hezuo .container{ position: relative;}

.s_hezuo .swiper2 .swiper-slide a{ padding-top: 73%; display: block; position: relative; border-right: 1px solid #eee; background: #fff;}

.s_hezuo .swiper2 .swiper-slide a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 70%; max-height: 80%;}

.ico_prev, .ico_next{ width: 3rem; height: 4rem; text-align: center; outline: none;}

.hz_prev, .hz_next{ position: absolute; color: #666; top: 50%; transform: translateY(-50%);}

.hz_prev i, .hz_next i{ font-size: 2.4rem; line-height: 4rem;}

.hz_prev{ left: -3rem;}

.hz_next{ right: -3rem;}



.footer{ background: #10a4a2; color: #fff; padding-top: 10rem;}



.footer ul li{ display: inline-block; position: relative;}

.footer ul li:after{ content: ''; width: 1px; height: 60%; top: 20%; right: -1px; position: absolute; background: rgba(255,255,255,0.3);}

.footer ul li a{ font-size: 1.8rem; color: #fff; padding: 0 1.625rem; display: inline-block;}

.footer ul li:last-child a{ padding-right: 0;}

.footer ul li:last-child:after{ display: none;}

.foot_di{ padding-bottom: 4rem; font-size: 1.6rem; margin-top: 10rem;}

.foot_di a{ color: #fff;}

.di_more a{ width: 2.8rem; height: 2.8rem; display: inline-block; margin-left: 2rem; border-radius: 50%; text-align: center; background: #fff;}

.di_more a i{ font-size: 1.6rem; line-height: 2.8rem; color: #10a4a2;}





.n_banner{ margin-top: 12rem; overflow: hidden; position: relative;}

.n_banner .nban_bg{ width: 100%; padding-top: 34.375%; animation: zoom_big2 16s ease-out infinite;}

.n_banner .container{ position: absolute; top: 48%; transform: translateY(-50%); z-index: 3; left: 0; right: 0;}

.nban_biao{ color: #fff;}

.nban_biao strong{ font-size: 6rem;overflow: hidden; position: relative; display: block; color: transparent; font-weight: normal; letter-spacing: 0.4rem;}

.nban_biao strong:after{ content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; transition: all 0.6s ease-out; transform: translateY(100%); color: #fff;}

.nban_biao.cur strong:after{ transform: translateY(0);}



@keyframes zoom_big2 {

  0%{

    transform: scale(1);

  }

  60% {

    transform: scale(1.05);

  }

  95% {

    transform: scale(1);

  }

  100% {

    transform: scale(1);

  }

}



.weizhi{ color: #777777; font-size: 1.8rem; padding: 4rem 0;}

.weizhi a{ color: #777;}



.fa_ty{ position: relative;}

.faty_text{ position: absolute; left: 0; bottom: 0; z-index: 2; color: #333; width: 58%; background-image: linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(39, 14, 14, 0)); padding: 7rem 6rem; padding-right: 10%;}

.faty_text h3{ color: #222; font-size: 2.4rem; margin-bottom: 2rem; line-height: 1.6;}

.faty_text h4{ font-size: 2.4rem; margin-bottom: 2rem; }

.faty_text p{ line-height: 4rem; font-size: 1.6rem; }

.faty_text.faty_text_right{ text-align: left; left: auto; right: 0;background-image: linear-gradient(to left, rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(255,255,255,0.8), rgba(39, 14, 14, 0)); padding-left: 10%; padding-right: 6rem;}



.nfa_three{ padding: 6rem 0;}

.nfa_three .caption{ width: 48%; background: #fff; color: #222; transition: all 0.3s ease; border-radius: 1rem; padding: 4rem 2rem; text-align: left;}

.nfa_three .caption:hover{ background: #10a4a2; color: #fff;}

.nfa_three .caption h3{ font-size: 3rem; margin-bottom: 2.5rem;}

.nfa_three .caption h4{ margin-bottom: 4rem; font-size: 2rem; }

.nfa_three .caption p{ line-height: 2; font-size: 1.875rem; }



.nfa_ty2{ background: #fff; padding: 4rem; margin-bottom: 6rem;}

.nfa_left{ width: 50%; padding: 0 2rem;}

.nfa_right{ width: 46%;}

.nfa_left h4{ font-size: 2.4rem; color: #10a4a2; line-height: 4rem; margin-bottom: 2rem;}

.nfa_left h3{ font-size: 3rem; color: #222; margin-bottom: 3rem;}

.nfa_left p{ line-height: 1.8; text-align: justify; font-size: 1.6rem; color: #474747;}



.fa_ty3{ color: #474747; padding: 6rem 0;}

.fa_ty3 .caption{ width: 48.5%; background: #fff; padding: 5rem;}

.fa_ty3 h3{ font-size: 3rem; margin-bottom: 2rem;}

.fa_ty3 p{ font-size: 1.6rem; line-height: 4.6rem;}

.fa_ty3 ul li{ margin: 2rem 0; font-size: 1.6rem; padding-left: 5rem; position: relative;}

.fa_ty3 ul li span{ width: 3.6rem; height: 3.6rem; border-radius: 50%; background: #10a4a2; color: #fff; text-align: center; display: block; line-height: 3.6rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 2rem; font-weight: bold;}

.fa_ty3 ul li span i{ display: inline-block; transform: translateY(-0.2rem);}

.fa_ty3 ul li em{ width: 1rem; height: 1rem; border-radius: 50%; background: #10a4a2; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.fa_ty3 ul.dian li{ padding-left: 2.5rem;}



.nab_ty1 .nab_img, .nab_ty1 .nab_text{ width: 50%;}

.nab_text{ padding: 0 5rem; color: #474747;}

.nab_ty1 .flex{ background: #fff; border-radius: 1rem; overflow: hidden;}

.nab_text p{ line-height: 4rem; font-size:1.6rem;}

.nab_text h3{ font-size: 4rem; margin-bottom: 2rem; transition: all 0.3s ease;}

.nab_text h5{ font-size: 1.8rem;}

.nab_img{ overflow: hidden;}

.nab_img img{ transition: all 0.3s ease;}

.nab_ty1 .flex:hover .nab_img img{ transform: scale(1.05);}



.nab_ty2{ margin-top: 6rem;}

.nab_ty2 .caption{ width: 48%; background: #fff; margin-bottom: 5rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; overflow: hidden;}

.nab_ty2 .caption:hover .nab_text h3{ color: #10a4a2;}

.nab_ty2 .caption:hover .nab_img img{ transform: scale(1.05);}

.nab_ty2 .nab_text{ padding: 2rem 4rem;}

.nab_ty2 .nab_text h3{ font-size: 3.6rem;}

.nab_ty2 .nab_text p{ line-height: 3rem;}



.nab_3{ padding: 6rem 0;}

.nab_3 .flex{ background: #fff; padding: 5rem 4rem;

  display: flex;

  display: -webkit-flex;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: space-around;}

.nab_3 .s_biao{ width: 100%;}

.nab_3 .caption{ width: 40%; color: #474747;}

.nab_3 .caption p{ font-size: 1.8rem; line-height: 4rem;}





.nhz_li{ width: 48.5%; background: #f4f4f4; margin-bottom: 4rem; text-align: center; color: #474747; padding: 6rem 0;}

.nhz_li h3{ font-size: 3rem; margin-top: 4rem;}

.nhz_li img{ max-width: 80%; max-height: 14rem;}



.n_ketang{ padding-bottom: 6rem;}

.nkt_li{ padding: 4rem; background: #fff; margin-bottom: 4rem;}

.nkt_text{ width: 37.5%; padding-top: 5%; padding-right: 4rem;}

.nkt_text h3{ font-size: 2.8rem; margin-bottom: 3rem; transition: all 0.3s ease;}

.nkt_text p{ font-size: 1.8rem; line-height: 4.6rem;}

.nkt_img{ width: 62.5%; position: relative; overflow: hidden; cursor: pointer;}

.nkt_img img{ transition: all 0.3s ease;}

.nkt_img i{ width: 8.4rem; height: 8.4rem; border-radius: 50%; background: rgba(255,255,255,0.4); color: #10a4a2; line-height: 8.4rem; font-size: 4rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; transition: all 0.3s ease; z-index: 2;}

.nkt_li:nth-child(2n) .nkt_text{ padding-left: 4rem; padding-right: 0;}

.nkt_li:hover .nkt_img i{ background: #10a4a2; color: #fff;}

.nkt_li:hover .nkt_text h3{ color: #10a4a2;}

.nkt_li:hover .nkt_img img{ transform: scale(1.05);}



.nfs_li{ width: 48.5%; background: #fff; border-radius: 1rem; overflow: hidden; margin-bottom: 4rem;}

.nfs_li:last-child .nfs_img i{ font-size: 5.6rem;}

.nfs_img{ position: relative; overflow: hidden;}

.nfs_img img{ transition: all 0.3s ease;}

.nfs_img i{ position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%; width: 8.5rem; height: 8.5rem; border-radius: 50%; text-align: center; background: rgba(255,255,255,0.6); line-height: 8.5rem; font-size: 4.2rem; z-index: 2; color: #10a4a2; transition: all 0.3s ease;}



.nfs_text{ padding: 4rem;}

.nfs_text h3{ font-size: 2.4rem; color: #10a4a2; margin-bottom: 2rem;}

.nfs_text p{ font-size: 1.8rem; color: #474747; line-height: 3rem;}

.nfs_li:hover .nfs_img i{ background: #10a4a2; color: #fff;}

.nfs_li:hover .nfs_img img{ transform: scale(1.05);}



.n_news{ padding-bottom: 6rem;}

.n_news .new_li{ margin-bottom: 6rem;}

.new_content{ background: #fff; padding: 5% 14%; padding-top: 8%;}

.new_content>h2{ margin-bottom: 4rem; font-size: 3.6rem; color: #474747;}

.new_content>h2 span{ font-size: 1.8rem; }

.new_content>h2 strong{ max-width: calc(100% - 12rem);}



.nnew{ padding: 6rem 0;}



.n_case{ padding-bottom: 6rem;}

.case_li{ padding: 4rem; background: #fff; margin-bottom: 4rem;}

.case_text{ width: 50%; padding-right: 4rem;}

.case_text h3{ font-size: 2.4rem; margin-bottom: 3rem; transition: all 0.3s ease;}

.case_text p{ font-size: 1.8rem; line-height: 4.6rem; text-align: justify;}

.case_text h5{ font-size: 1.6rem; margin-top: 4rem;}

.case_text h5 a{ color: #222; transition: all 0.3s ease;}

.case_text h5 a i{ color: #777; font-size: 1.4rem; transition: all 0.3s ease;}

.case_img{ width: 50%; position: relative; overflow: hidden; cursor: pointer; border-radius: 1rem;}

.case_img img{ transition: all 0.3s ease;}

.case_img i{ width: 8.4rem; height: 8.4rem; border-radius: 50%; background: url(../images/pian2.png) center no-repeat rgba(255,255,255,0.4); background-size: cover; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2;}

.case_li:nth-child(2n) .case_img{ transform: translateX(-100%);}

.case_li:nth-child(2n) .case_text{ padding-left: 4rem; padding-right: 0; transform: translateX(100%);}

.case_li:hover .case_img i{ background: url(../images/pian.png) center no-repeat #10a4a2;}

.case_li:hover .case_text h3, .case_li:hover .case_text h5 a{ color: #10a4a2;}

.case_li:hover .case_text h5 a i{ color: #10a4a2;}

.case_li:hover .case_img img{ transform: scale(1.05);}



.new_content.case_content>h2 strong{ max-width: 100%;}



.n_jidi .case_li .case_text{ padding-right: 0; padding-left: 4rem;}

.n_jidi .case_li .case_text p{ line-height: 4rem;}

.n_jidi .case_li .case_text h3{ font-size: 5rem;}

.n_jidi .case_li:hover .case_text h3{ color: #222;}

.njd_number{ font-size: 1.8rem; color: #666;}

.njd_number span{ color: #10a4a2; font-size: 6rem;}





   

#videModal.cur{ opacity: 1; pointer-events: auto;}

#videModal.cur .modal_bai{ top: 50%;}

#videModal{ background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.5s;}

#videModal .modal_bai{ width: 800px; background: #fff; padding: 0 5px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);  position: absolute; top: 60%; left: 50%; transform: translateX(-50%) translateY(-50%); border: 1px solid #fff; border-radius: 2px; transition: all 0.3s;}

#videModal .modal_bai .modal-header{ border: none; font-size: 16px; font-weight: bold; position: relative; color: #333;}

#myModalLabel{ font-size: 16px; font-weight: bold; line-height: 16px;}

#videModal .modal_bai .modal-header .close{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; line-height: 36px; cursor: pointer; text-align: center; font-size: 18px; color: #333; opacity: 1;}

#videModal .modal_bai .modal-body{ padding: 0;}

#videModal .modal_bai .modal-body video{width: 100%; min-height: 460px;}









/* 通用css */

.fanye{ text-align:center; margin-top: 4rem;}

.fanye a{ display:inline-block; width: 4rem; height: 4rem; text-align: center; line-height: 3.8rem; border-radius: 50%; background: transparent; color:#333; font-size: 1.6rem; transition: all 0.3s ease; border: 0.1rem solid #dedede; margin: 0 0.5rem;}

.fanye a:hover{ color:#10a4a2;}

.fanye a.active{ background:#10a4a2; color:#fff; border-color: #10a4a2;}

.fanye a.active:hover{ color:#fff;}

.fanye a.cur{ color:#999; pointer-events: none}

.fanye a.disabled{ border: none; pointer-events: none;}

.fanye a:first-child, .fanye a:last-child{ border-color: transparent;}



.fanye02{ background: #fff; border-radius: 4rem; padding: 3rem 4rem; margin-top: 3rem; margin-bottom: 4rem;}

.fanye02 a{ color: #666; padding: 1.2rem 0; font-size: 1.6rem; display: block; border-bottom: 1px solid #dedede; font-size: 1.8rem;}

.fanye02 a strong{ color: #10a4a2; display: inline-block; margin-right: 1.5rem;}

.fanye02 a:last-child{ border-bottom: none;}





.ty_content{ font-size: 1.8rem; line-height: 3.6rem; color: #666; text-align: justify;  font-family:'Arial' !important;}

.ty_content img{ max-width: 100%; height: auto !important;}





.ty_content table{ text-align: center; width: 100%; max-width: 100%; border-top: 1px solid #dedede; border-left: 1px solid #dedede;}

.ty_content table tr td{ padding: 0.4rem 0.8rem; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; vertical-align: middle;}

/* .ty_content table tr:first-child td{ font-weight: bold; background: #366092; color: #fff;} */





.my-map { margin: 0 auto; width: 100%; height: 600px; }

.my-map .icon { background: url(//a.amap.com/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; }

.foot_logo img{ height: 2.625rem;}







@media (max-width:767px){

  html{ font-size: 50%;}



  .pc_nav{ display: block; position: absolute; right: 0; width: 100%; top: 100%; background: #10a4a2; padding: 2rem 0; padding-left: 4rem; opacity: 0; pointer-events: none; transform: translateX(100%); transition: all 0.3s ease;}

  .pc_nav.active{ transform: translateX(0); opacity: 1; pointer-events: auto;}

  .menu-link{ display: block;}

  .header, .logo, .header .container{ height: 8rem;}

  .pc_nav>ul{

    display: flex;

    display: -webkit-flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: flex-start;}

  .pc_nav>ul>li{ width: 50%; margin-top: 1rem;}

  .pc_nav>ul>li>a{ line-height: 4.6rem; color: #fff; font-size: 2rem;}

  .pc_nav ul ol{ position: static; transform: translateY(0); padding: 0; pointer-events: auto; opacity: 1;}

  .pc_nav ul ol li{ margin: 0;}

  .pc_nav ul ol li a{ color: rgba(255,255,255,0.85); font-size: 1.8rem;}

  .pc_nav>ul>li.active>a{ color: #fff; position: relative;}

  .pc_nav>ul>li.active>a:after{ content: ''; width: 0.8rem; height: 0.8rem; background: #fff; border-radius: 50%; position: absolute; left: -2rem; top: 50%; transform: translateY(-50%);}

  

  .menu-link span:before, .menu-link span:after, .menu-link span i{ background: #10a4a2;}

  .header.cur .menu-link span:before, .header.cur .menu-link span:after{ background: #10a4a2;}

  .menu-link.active span i{ background: transparent;}

  .head_more>div{ padding: 0;}

  .head_more>div.head_lang{ margin-right: 2rem;}

  .s_banner{ margin-top: 8rem;}

  .search_box{ width: calc(100% - 30px); right: 15px;}

  .s_banner .swiper-slide a{ height: 30vh;}

  .s_banner .container img{ max-width: 30%;}

  .s_banner .swiper-pagination{ bottom: 5%;}

  .s_banner .swiper-pagination .swiper-pagination-bullet{ transform: scale(0.8);}

  .s_biao span{ font-size: 3rem;}

  .s_jjfa{ padding: 4rem 0;}

  .s_jjfa .s_biao p{ max-width: 100%;}

  .s_jjfa .caption{ width: 100%; margin-right: 0; margin-bottom: 2rem;}

  .sab_text{ position: static; transform: translateY(0); width: 100%; text-align: left !important; color: #333; padding-top: 2rem;}

  .sab_text h2{ font-size: 3rem; margin-bottom: 1rem;}

  .s_map .map ul{ position: static; height: auto;

    display: flex;

    display: -webkit-flex;

    align-items: stretch;

    flex-wrap: wrap;

    justify-content: space-between;}

  .s_map .map ul li{ position: static; width: 49%; height: auto;}

  .s_map .map ul li:last-child{ width: 100%;}

  .s_map .map ul li img{ display: none;}

  .map_text{ position: static; transform: translateX(0) translateY(0); width: 100%; color: #454545; font-size: 1.8rem; margin-top: 1rem; line-height: 3rem;}

  .new_li{ width: 100%; margin-bottom: 2rem;}

  .new_text p{ font-size: 1.8rem;}

  .footer{ padding-top: 3rem;}

  .foot_logo{ margin-bottom: 2rem;}

  .foot_logo img{ max-width: 60%; height: auto;}

  .footer ul{display: flex;

    display: -webkit-flex;

    align-items: stretch;

    flex-wrap: wrap;

    justify-content: flex-start;}

  .footer ul li a{ padding: 0;}

  .footer ul li{ width: 33.33%; margin-bottom: 1rem;}

  .footer ul li:after{ display: none;}

  .foot_di{ margin-top: 1rem; padding-bottom: 2rem;}

  .di_more a{ margin-left: 0; margin-right: 2rem;}

  .hz_prev{ left: 0;}

  .hz_next{ right: 0;}



  .n_banner{ margin-top: 8rem;}

  .nban_biao strong{ font-size: 4rem; line-height: 4.6rem;}

  .weizhi{ padding: 2rem 0;}

  .nkt_li{ padding: 2rem; margin-bottom: 2rem;}

  .nkt_text, .nkt_img{ width: 100%; padding: 0;}

  .nkt_text h3{ margin-bottom: 1rem; font-size: 2rem; margin-top: 2rem;}

  .nkt_text p{ line-height: 3rem;}

  .nkt_li:nth-child(2n) .nkt_text{ padding-left: 0;}

  .case_li{ padding: 2rem; margin-bottom: 2rem;}

  .case_img, .case_text{ width: 100%;}

  .n_jidi .case_li .case_text{ padding: 0; padding-top: 2rem;}

  .n_jidi .case_li .case_text h3{ font-size: 2.4rem;}

  .n_jidi .case_li .case_text p{ line-height: 3rem;}

  .case_text h3{ margin-bottom: 1rem;}

  .njd_number span{ font-size: 3rem;}

  .s_jidi{ padding: 3rem 0;}

  .new_content{ padding: 2rem;}

  .new_content>h2{ font-size: 2rem; line-height: 3rem; margin-bottom: 1rem;}

  .new_content>h2 strong{ max-width: 100%;}

  .new_content>h2 span{ width: 100%;}

  .ty_content{ line-height: 3rem;}

  .new_text h3{ font-size: 2rem;}

  .fanye{ margin-top: 0;}

  .case_li:nth-child(2n) .case_text{ padding-left: 0; transform: translateX(0);}

  .case_li:nth-child(2n) .case_img{ transform: translateX(0);}

  .case_text p{ line-height: 3rem;}

  .case_text h3{ margin-top: 2rem; font-size: 2rem;}

  .case_text h5{ margin: 2rem 0;}

  .nfs_text{ padding: 1.5rem;}

  .nfs_text h3{ font-size: 2rem; margin-bottom: 1rem;}

  .s_jjfa.fwtd .caption{ width: 49%; margin-right: 2%;}

  .s_jjfa.fwtd .caption:nth-child(2n){ margin-right: 0;}

  .sjjfa_title h4{ overflow: auto; text-overflow: initial; white-space: normal; line-height: 3rem; margin-top: 1rem; margin-bottom: 0;}

  .nhz_li h3{ font-size: 2rem; margin-top: 2rem;}

  .faty_text{ position: static; width: 100%; padding: 2rem; background: #fff;}

  .faty_text h3{ font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 1rem;}

  .faty_text p{ font-size: 1.8rem; line-height: 3rem;}

  .nfa_three .caption{ width: 100%; padding: 2rem; margin-bottom: 2rem;}

  .nfa_three .caption h3{ font-size: 2.4rem; margin-bottom: 1.5rem; margin-top: 1rem;}

  .nfa_three .caption h4{ margin-bottom: 3rem;}

  .nfa_ty2{ padding: 2rem; margin-bottom: 3rem;}

  .nfa_left, .nfa_right{ width: 100%; padding: 0;}

  .nfa_left h3{ font-size: 2.4rem; margin: 1.5rem 0;}

  .fa_ty3 .caption{ width: 100%; padding: 2rem;}

  .fa_ty3 h3{ font-size: 2.4rem; margin-bottom: 1.5rem;}

  .faty_text.faty_text_right{ text-align: left; padding: 2rem;}

  .nfa_left p{ font-size: 1.8rem; line-height: 3rem;}

  .nab_ty1 .nab_img, .nab_ty1 .nab_text{ width: 100%;}

  .nab_text, .nab_ty2 .nab_text{ padding: 2rem;}

  .nab_ty2 .caption{ width: 100%; margin-bottom: 3rem;}

  .nab_ty2 .nab_text h3, .nab_text h3{ font-size: 3rem;}

  .nab_3 .flex{ padding: 2rem 0;}

  .nab_ty1 .flex{ padding: 0 !important;}

  .nab_3 .s_biao{ margin-bottom: 0;}



  .nban_bg{ background-position: center 8rem !important; background-size: contain !important; padding-top: 26% !important;}

}



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

  html{ font-size: 50%;}



  .pc_nav{ display: block; position: absolute; right: 0; width: 100%; top: 100%; background: #10a4a2; padding: 2rem 0; padding-left: 4rem; opacity: 0; pointer-events: none; transform: translateX(100%); transition: all 0.3s ease;}

  .pc_nav.active{ transform: translateX(0); opacity: 1; pointer-events: auto;}

  .menu-link{ display: block;}

  .header, .logo, .header .container{ height: 8rem;}

  .pc_nav>ul{

    display: flex;

    display: -webkit-flex;

    align-items: flex-start;

    flex-wrap: wrap;

    justify-content: flex-start;}

  .pc_nav>ul>li{ width: 50%; margin-top: 1rem;}

  .pc_nav>ul>li>a{ line-height: 4.6rem; color: #fff; font-size: 2rem;}

  .pc_nav ul ol{ position: static; transform: translateY(0); padding: 0; pointer-events: auto; opacity: 1;}

  .pc_nav ul ol li{ margin: 0;}

  .pc_nav ul ol li a{ color: rgba(255,255,255,0.85); font-size: 1.8rem;}

  .pc_nav>ul>li.active>a{ color: #fff; position: relative;}

  .pc_nav>ul>li.active>a:after{ content: ''; width: 0.8rem; height: 0.8rem; background: #fff; border-radius: 50%; position: absolute; left: -2rem; top: 50%; transform: translateY(-50%);}

  

  .menu-link span:before, .menu-link span:after, .menu-link span i{ background: #10a4a2;}

  .header.cur .menu-link span:before, .header.cur .menu-link span:after{ background: #10a4a2;}

  .menu-link.active span i{ background: transparent;}

  .head_more>div{ padding: 0;}

  .head_more>div.head_lang{ margin-right: 2rem;}

  .s_banner{ margin-top: 8rem;}

  .search_box{ width: calc(100% - 30px); right: 15px;}

  .s_banner .swiper-slide a{ height: 30vh;}

  .s_banner .container img{ max-width: 30%;}

  .s_banner .swiper-pagination{ bottom: 5%;}

  .s_banner .swiper-pagination .swiper-pagination-bullet{ transform: scale(0.8);}

  .s_biao span{ font-size: 3rem;}

  .s_jjfa{ padding: 4rem 0;}

  .s_jjfa .s_biao p{ max-width: 100%;}

  .sab_text{ position: static; transform: translateY(0); width: 100%; text-align: left !important; color: #333; padding-top: 2rem;}

  .sab_text h2{ font-size: 3rem; margin-bottom: 1rem;}

  .s_map{ overflow: hidden;}

  .new_text p{ font-size: 1.8rem;}

  .footer{ padding-top: 3rem;}

  .foot_logo{ margin-bottom: 2rem;}

  .foot_logo img{ max-width: 60%; height: auto;}

  .footer ul{display: flex;

    display: -webkit-flex;

    align-items: stretch;

    flex-wrap: wrap;

    justify-content: flex-start;}

  .footer ul li a{ padding: 0;}

  .footer ul li{ width: 33.33%; margin-bottom: 1rem;}

  .footer ul li:after{ display: none;}

  .foot_di{ margin-top: 1rem; padding-bottom: 2rem;}

  .di_more a{ margin-left: 0; margin-right: 2rem;}

  .hz_prev{ left: 0;}

  .hz_next{ right: 0;}



  .n_banner{ margin-top: 8rem;}

  .nban_biao strong{ font-size: 4rem; line-height: 4.6rem;}

  .weizhi{ padding: 2rem 0;}

  .nkt_li{ padding: 2rem; margin-bottom: 2rem;}

  .nkt_text, .nkt_img{ width: 100%; padding: 0;}

  .nkt_text h3{ margin-bottom: 1rem; font-size: 2rem; margin-top: 2rem;}

  .nkt_text p{ line-height: 3rem;}

  .nkt_li:nth-child(2n) .nkt_text{ padding-left: 0;}

  .n_jidi .case_li .case_text{ padding: 0; padding-top: 2rem;}

  .n_jidi .case_li .case_text h3{ font-size: 2.4rem;}

  .n_jidi .case_li .case_text p{ line-height: 3rem;}

  .case_text h3{ margin-bottom: 1rem;}

  .njd_number span{ font-size: 3rem;}

  .s_jidi{ padding: 3rem 0;}

  .new_content{ padding: 2rem;}

  .new_content>h2{ font-size: 2rem; line-height: 3rem; margin-bottom: 1rem;}

  .new_content>h2 strong{ max-width: 100%;}

  .new_content>h2 span{ width: 100%;}

  .ty_content{ line-height: 3rem;}

  .new_text h3{ font-size: 2rem;}

  .fanye{ margin-top: 0;}

  .case_text p{ line-height: 3rem;}

  .case_text h3{ margin-top: 2rem; font-size: 2rem;}

  .case_text h5{ margin: 2rem 0;}

  .nfs_text{ padding: 1.5rem;}

  .nfs_text h3{ font-size: 2rem; margin-bottom: 1rem;}

  .s_jjfa.fwtd .caption{ width: 49%; margin-right: 2%; margin-bottom: 4%;}

  .s_jjfa.fwtd .caption:nth-child(2n){ margin-right: 0;}

  .sjjfa_title h4{ overflow: auto; text-overflow: initial; white-space: normal; line-height: 3rem; margin-top: 1rem; margin-bottom: 0;}

  .nhz_li h3{ font-size: 2rem; margin-top: 2rem;}

  .faty_text{ position: static; width: 100%; padding: 2rem; background: #fff;}

  .faty_text h3{ font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 1rem;}

  .faty_text p{ font-size: 1.8rem; line-height: 3rem;}

  .nfa_three .caption{ padding: 2rem;}

  .nfa_three .caption h3{ font-size: 2.4rem; margin-bottom: 1.5rem; margin-top: 1rem;}

  .nfa_three .caption h4{ margin-bottom: 3rem;}

  .nfa_ty2{ padding: 2rem; margin-bottom: 3rem;}

  .nfa_left, .nfa_right{ width: 100%; padding: 0;}

  .nfa_left h3{ font-size: 2.4rem; margin: 1.5rem 0;}

  .fa_ty3 .caption{ padding: 2rem;}

  .fa_ty3 h3{ font-size: 2.4rem; margin-bottom: 1.5rem;}

  .faty_text.faty_text_right{ text-align: left; padding: 2rem;}

  .nfa_left p{ font-size: 1.8rem; line-height: 3rem;}

  .nab_ty1 .nab_img, .nab_ty1 .nab_text{ width: 100%;}

  .nab_text, .nab_ty2 .nab_text{ padding: 2rem;}

  .nab_ty2 .nab_text h3, .nab_text h3{ font-size: 3rem;}

  .nab_3 .flex{ padding: 2rem 0;}

  .nab_ty1 .flex{ padding: 0 !important;}

  .nab_3 .s_biao{ margin-bottom: 0;}

  .nban_bg{ background-position: center 8rem !important; background-size: contain !important; padding-top: 26% !important;}

}



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

  html{ font-size: 52%;}
  .footer ul li a{padding:0 1rem;}



}





@media (min-width:1201px) and (max-width:1440px) {

  html{ font-size: 55%;}
  .footer ul li a{padding:0 1rem;}

  

  .container{ max-width: 90%;}

  .head_xiala img{ left: calc(10% + 15px);}

  .s_banner .swiper-pagination{ padding-left: calc(10% + 15px); text-align: left;}



}



@media (min-width:1441px){



  .container{ max-width: 86%;}

  .head_xiala img{ left: calc(13% + 15px);}

  .s_banner .swiper-pagination{ padding-left: calc(13% + 15px); text-align: left;}

}



/* @media (min-width:991px){

  .n_jd .s_biao.flex_7 p{ width: calc(100% - 24rem);}

} */